@hellotext/hellotext 2.1.1 → 2.1.3

package/lib/api/forms.cjs

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _hellotext = _interopRequireDefault(require("../hellotext"));
 var _core = require("../core");
+var _hellotext = _interopRequireDefault(require("../hellotext"));
 var _response = require("./response");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -27,6 +27,7 @@ let FormsAPI = /*#__PURE__*/function () {
     value: async function get(id) {
       const url = new URL(`${this.endpoint}/${id}`);
       url.searchParams.append('session', _hellotext.default.session);
+      url.searchParams.append('locale', _core.Locale.toString());
       return fetch(url, {
         method: 'GET',
         headers: _hellotext.default.headers

package/lib/api/forms.js

@@ -8,8 +8,8 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import { Configuration, Locale } from '../core';
 import Hellotext from '../hellotext';
-import { Configuration } from '../core';
 import { Response } from './response';
 var FormsAPI = /*#__PURE__*/function () {
   function FormsAPI() {
@@ -26,6 +26,7 @@ var FormsAPI = /*#__PURE__*/function () {
       var _get = _asyncToGenerator(function* (id) {
         var url = new URL("".concat(this.endpoint, "/").concat(id));
         url.searchParams.append('session', Hellotext.session);
+        url.searchParams.append('locale', Locale.toString());
         return fetch(url, {
           method: 'GET',
           headers: Hellotext.headers

package/lib/api/webchat/messages.cjs

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _hellotext = _interopRequireDefault(require("../../hellotext"));
 var _core = require("../../core");
+var _hellotext = _interopRequireDefault(require("../../hellotext"));
 var _response = require("../response");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -44,8 +44,9 @@ let WebchatMessagesAPI = /*#__PURE__*/function () {
     }
   }, {
     key: "markAsSeen",
-    value: function markAsSeen() {
-      fetch(this.url + '/seen', {
+    value: function markAsSeen(messageId = null) {
+      const url = messageId ? this.url + `/${messageId}` : this.url + '/seen';
+      fetch(url, {
         method: 'PATCH',
         headers: _hellotext.default.headers,
         body: JSON.stringify({

package/lib/api/webchat/messages.js

@@ -5,8 +5,8 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-import Hellotext from '../../hellotext';
 import { Configuration } from '../../core';
+import Hellotext from '../../hellotext';
 import { Response } from '../response';
 var WebchatMessagesAPI = /*#__PURE__*/function () {
   function WebchatMessagesAPI(webchatId) {
@@ -53,7 +53,9 @@ var WebchatMessagesAPI = /*#__PURE__*/function () {
   }, {
     key: "markAsSeen",
     value: function markAsSeen() {
-      fetch(this.url + '/seen', {
+      var messageId = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+      var url = messageId ? this.url + "/".concat(messageId) : this.url + '/seen';
+      fetch(url, {
         method: 'PATCH',
         headers: Hellotext.headers,
         body: JSON.stringify({

package/lib/api/webchats.cjs

@@ -26,6 +26,7 @@ let WebchatsAPI = /*#__PURE__*/function () {
     value: async function get(id) {
       const url = new URL(`${this.endpoint}/${id}`);
       url.searchParams.append('session', _hellotext.default.session);
+      url.searchParams.append('locale', _core.Locale.toString());
       Object.entries(_core.Configuration.webchat.style).forEach(([key, value]) => {
         url.searchParams.append(`style[${key}]`, value);
       });
@@ -37,6 +38,7 @@ let WebchatsAPI = /*#__PURE__*/function () {
       const data = await response.json();
       if (!_hellotext.default.business.data) {
         _hellotext.default.business.setData(data.business);
+        _hellotext.default.business.setLocale(data.locale);
       }
       return new DOMParser().parseFromString(data.html, 'text/html').querySelector('article');
     }

package/lib/api/webchats.js

@@ -5,7 +5,7 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-import { Configuration } from '../core';
+import { Configuration, Locale } from '../core';
 import Hellotext from '../hellotext';
 var WebchatsAPI = /*#__PURE__*/function () {
   function WebchatsAPI() {
@@ -22,6 +22,7 @@ var WebchatsAPI = /*#__PURE__*/function () {
       var _get = _asyncToGenerator(function* (id) {
         var url = new URL("".concat(this.endpoint, "/").concat(id));
         url.searchParams.append('session', Hellotext.session);
+        url.searchParams.append('locale', Locale.toString());
         Object.entries(Configuration.webchat.style).forEach(_ref => {
           var [key, value] = _ref;
           url.searchParams.append("style[".concat(key, "]"), value);
@@ -34,6 +35,7 @@ var WebchatsAPI = /*#__PURE__*/function () {
         var data = yield response.json();
         if (!Hellotext.business.data) {
           Hellotext.business.setData(data.business);
+          Hellotext.business.setLocale(data.locale);
         }
         return new DOMParser().parseFromString(data.html, 'text/html').querySelector('article');
       });

package/lib/builders/logo_builder.cjs

@@ -35,7 +35,7 @@ function _template2() {
   return `
       <div data-logo-container>
         <small>${_hellotext.default.business.locale.white_label.powered_by}</small>
-        
+
         <a href="${url}" rel="noreferrer" target="_blank">
           <svg data-hello-brand viewBox="0 0 224 43" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
             <title>Hellotext</title>

package/lib/builders/logo_builder.js

@@ -24,7 +24,7 @@ var LogoBuilder = /*#__PURE__*/function () {
 }();
 function _template2() {
   var url = "https://www.hellotext.com?hello_session=".concat(Hellotext.session);
-  return "\n      <div data-logo-container>\n        <small>".concat(Hellotext.business.locale.white_label.powered_by, "</small>\n        \n        <a href=\"").concat(url, "\" rel=\"noreferrer\" target=\"_blank\">\n          <svg data-hello-brand viewBox=\"0 0 224 43\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n            <title>Hellotext</title>\n            <path d=\"M28.2760919,19.3224299 L28.2760919,31.1946615 C28.2760919,32.2088722 27.5005873,32.9844452 26.4864658,32.9844452 L21.0579334,32.9844452 C20.043812,32.9844452 19.2683073,32.2088722 19.2683073,31.1946615 L19.2683073,19.9786839 C19.2683073,16.7570733 17.4190271,14.7883113 14.4959712,14.7883113 C11.0360274,14.7883113 8.76916774,17.11503 8.76916774,21.1122135 L8.76916774,31.3139804 C8.76916774,32.3281911 7.99366311,33.1037641 6.97954167,33.1037641 L1.78962607,33.1037641 C0.77550463,33.1037641 0,32.3281911 0,31.3139804 L0,3.45301476 C0,2.43880402 0.77550463,1.6632311 1.78962607,1.6632311 L6.97954167,1.6632311 C7.99366311,1.6632311 8.76916774,2.43880402 8.76916774,3.45301476 L8.76916774,9.06100356 L8.11297151,16.3991166 L8.70951354,16.458776 C9.78328918,11.6860196 13.5415039,8.52406846 18.4331485,8.52406846 C24.3389145,8.52406846 28.2760919,12.8195492 28.2760919,19.3224299 Z M61.1455574,26.3622456 C58.9980061,30.7173858 53.6291279,33.5213803 47.0671656,33.5213803 C37.9997269,33.5213803 31.4377646,28.2116887 31.4377646,20.7542568 C31.4377646,13.6547816 37.2838764,8.52406846 46.0530442,8.52406846 C53.7484363,8.52406846 59.1769687,12.4615925 59.8928191,18.8451542 C60.0121275,19.9190244 59.1769687,20.8735757 58.103193,20.8735757 L40.1472781,20.8735757 C40.4455492,24.8110998 43.1299883,27.2571374 47.186474,27.2571374 C50.2288383,27.2571374 52.8536232,25.7656511 54.1660157,23.4389323 C54.5835951,22.6633594 55.5380623,22.3054026 56.3732212,22.6036999 L60.1314359,23.9758674 C61.0859032,24.2741647 61.622791,25.4076943 61.1455574,26.3622456 Z M40.5648576,17.3536679 L50.706072,17.2343489 C50.0498757,14.7286518 48.3795581,13.5354627 45.8740816,13.5354627 C43.3089509,13.5354627 41.4000164,14.9672896 40.5648576,17.3536679 Z M120.143563,20.9928946 C120.143563,28.2116887 113.641255,33.4617208 104.693125,33.4617208 C95.8046489,33.4617208 89.361995,28.2116887 89.361995,20.9928946 C89.361995,13.7741005 95.8046489,8.52406846 104.693125,8.52406846 C113.641255,8.52406846 120.143563,13.7741005 120.143563,20.9928946 Z M111.076125,21.1122135 C111.076125,17.2940084 108.45134,14.7883113 104.633471,14.7883113 C100.93491,14.7883113 98.3697796,17.2940084 98.3697796,20.9332352 C98.3697796,24.7514403 100.994564,27.2571374 104.812433,27.2571374 C108.570648,27.2571374 111.076125,24.7514403 111.076125,21.1122135 Z M141.559422,26.8395213 C141.261151,25.5866727 139.82945,25.0497376 138.815329,25.8253105 C137.443282,26.8395213 136.190544,27.2571374 134.99746,27.2571374 C132.909563,27.2571374 131.835787,26.0042889 131.835787,23.796889 L131.835787,13.9530789 L139.471525,13.9530789 C140.24703,13.9530789 140.903226,13.2968249 140.903226,12.521252 L140.903226,10.4928305 C140.903226,9.71725757 140.24703,9.06100356 139.471525,9.06100356 L131.835787,9.06100356 L131.835787,3.45301476 C131.835787,2.43880402 131.060282,1.6632311 130.046161,1.6632311 L125.214171,1.6632311 C124.200049,1.6632311 123.424545,2.43880402 123.424545,3.45301476 L123.424545,9.06100356 L123.424545,13.9530789 L123.424545,24.7514403 C123.424545,30.2401102 127.182759,33.5213803 133.565759,33.5213803 C136.727432,33.5213803 139.471525,32.6861479 141.499768,31.0753426 C142.036656,30.6577264 142.275272,29.9418129 142.09631,29.2855589 L141.559422,26.8395213 Z M173.414766,26.3622456 C171.267215,30.7173858 165.898337,33.5213803 159.336374,33.5213803 C150.268936,33.5213803 143.706973,28.2116887 143.706973,20.7542568 C143.706973,13.6547816 149.553085,8.52406846 158.322253,8.52406846 C166.017645,8.52406846 171.446177,12.4615925 172.162028,18.8451542 C172.281336,19.9190244 171.446177,20.8735757 170.372402,20.8735757 L152.416487,20.8735757 C152.714758,24.8110998 155.399197,27.2571374 159.455683,27.2571374 C162.498047,27.2571374 165.122832,25.7656511 166.435224,23.4389323 C166.852804,22.6633594 167.807271,22.3054026 168.64243,22.6036999 L172.400645,23.9758674 C173.414766,24.2741647 173.892,25.4076943 173.414766,26.3622456 Z M152.834066,17.3536679 L162.975281,17.2343489 C162.319084,14.7286518 160.648767,13.5354627 158.14329,13.5354627 C155.637814,13.5354627 153.669225,14.9672896 152.834066,17.3536679 Z M192.862036,20.8139163 L201.094316,12.0439763 C202.168092,10.9104467 201.332933,9.00134411 199.781923,9.00134411 L194.711316,9.00134411 C194.174428,9.00134411 193.637541,9.23998193 193.279615,9.71725757 L188.507279,15.8621815 L183.734943,9.71725757 C183.377018,9.29964138 182.899784,9.00134411 182.303242,9.00134411 L177.113327,9.00134411 C175.562317,9.00134411 174.727159,10.8507872 175.800934,12.0439763 L184.092868,20.8735757 L175.502663,30.0014724 C174.428888,31.135002 175.204392,33.0441046 176.815056,33.0441046 L181.945317,33.0441046 C182.482205,33.0441046 183.019093,32.8054668 183.377018,32.3878506 L188.447625,25.9446294 L193.577886,32.3878506 C193.935812,32.8054668 194.413045,33.0441046 194.949933,33.0441046 L200.139849,33.0441046 C201.690858,33.0441046 202.526017,31.1946615 201.452241,30.0611318 L192.862036,20.8139163 Z M223.941875,29.2258995 L223.345333,26.8395213 C223.047062,25.5866727 221.615362,25.0497376 220.60124,25.8253105 C219.229193,26.8395213 217.976455,27.2571374 216.783371,27.2571374 C214.695474,27.2571374 213.621698,26.0042889 213.621698,23.796889 L213.621698,13.9530789 L221.257436,13.9530789 C222.032941,13.9530789 222.689137,13.2968249 222.689137,12.521252 L222.689137,10.4928305 C222.689137,9.71725757 222.032941,9.06100356 221.257436,9.06100356 L213.621698,9.06100356 L213.621698,3.45301476 C213.621698,2.43880402 212.846194,1.6632311 211.832072,1.6632311 L207.000082,1.6632311 C205.985961,1.6632311 205.210456,2.43880402 205.210456,3.45301476 L205.210456,9.06100356 L205.210456,13.9530789 L205.210456,24.7514403 C205.210456,30.2401102 208.968671,33.5213803 215.35167,33.5213803 C218.513343,33.5213803 221.257436,32.6861479 223.285679,31.0753426 C223.882221,30.5980669 224.120838,29.8821535 223.941875,29.2258995 Z M77.6697714,6.01837134 C78.2663134,5.30245788 78.2663134,4.22858768 77.6101172,3.57233367 L74.5677529,0.529701449 C73.8519024,-0.186212015 72.6588184,-0.186212015 71.942968,0.589360904 C61.3841742,12.4615925 61.3841742,30.5384075 71.942968,42.4106391 C72.5991642,43.186212 73.8519024,43.186212 74.5677529,42.4702986 L77.6101172,39.4276663 C78.2663134,38.7714123 78.3259676,37.6975421 77.6697714,36.9816287 C69.9147251,28.1520293 69.9147251,14.8479707 77.6697714,6.01837134 Z M87.1547896,10.6718089 L84.1124252,7.62917663 C83.3965748,6.91326317 82.1438366,6.91326317 81.4876403,7.74849554 C78.2663134,11.6263601 76.4766873,16.458776 76.4766873,21.5298297 C76.4766873,26.6008834 78.2663134,31.4332993 81.4876403,35.3111639 C82.1438366,36.0867368 83.3965748,36.1463963 84.1124252,35.4304828 L87.1547896,32.3878506 C87.8109858,31.7315966 87.87064,30.7173858 87.3337522,30.0611318 C85.4248177,27.6747536 84.351042,24.6917809 84.351042,21.5894892 C84.351042,18.4871975 85.3651635,15.5042247 87.3337522,13.1178465 C87.87064,12.3422736 87.8109858,11.3280629 87.1547896,10.6718089 Z\" id=\"hellotext\" fill=\"currentColor\"></path>\n         </svg>\n        </a>\n      </div>\n    ");
+  return "\n      <div data-logo-container>\n        <small>".concat(Hellotext.business.locale.white_label.powered_by, "</small>\n\n        <a href=\"").concat(url, "\" rel=\"noreferrer\" target=\"_blank\">\n          <svg data-hello-brand viewBox=\"0 0 224 43\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n            <title>Hellotext</title>\n            <path d=\"M28.2760919,19.3224299 L28.2760919,31.1946615 C28.2760919,32.2088722 27.5005873,32.9844452 26.4864658,32.9844452 L21.0579334,32.9844452 C20.043812,32.9844452 19.2683073,32.2088722 19.2683073,31.1946615 L19.2683073,19.9786839 C19.2683073,16.7570733 17.4190271,14.7883113 14.4959712,14.7883113 C11.0360274,14.7883113 8.76916774,17.11503 8.76916774,21.1122135 L8.76916774,31.3139804 C8.76916774,32.3281911 7.99366311,33.1037641 6.97954167,33.1037641 L1.78962607,33.1037641 C0.77550463,33.1037641 0,32.3281911 0,31.3139804 L0,3.45301476 C0,2.43880402 0.77550463,1.6632311 1.78962607,1.6632311 L6.97954167,1.6632311 C7.99366311,1.6632311 8.76916774,2.43880402 8.76916774,3.45301476 L8.76916774,9.06100356 L8.11297151,16.3991166 L8.70951354,16.458776 C9.78328918,11.6860196 13.5415039,8.52406846 18.4331485,8.52406846 C24.3389145,8.52406846 28.2760919,12.8195492 28.2760919,19.3224299 Z M61.1455574,26.3622456 C58.9980061,30.7173858 53.6291279,33.5213803 47.0671656,33.5213803 C37.9997269,33.5213803 31.4377646,28.2116887 31.4377646,20.7542568 C31.4377646,13.6547816 37.2838764,8.52406846 46.0530442,8.52406846 C53.7484363,8.52406846 59.1769687,12.4615925 59.8928191,18.8451542 C60.0121275,19.9190244 59.1769687,20.8735757 58.103193,20.8735757 L40.1472781,20.8735757 C40.4455492,24.8110998 43.1299883,27.2571374 47.186474,27.2571374 C50.2288383,27.2571374 52.8536232,25.7656511 54.1660157,23.4389323 C54.5835951,22.6633594 55.5380623,22.3054026 56.3732212,22.6036999 L60.1314359,23.9758674 C61.0859032,24.2741647 61.622791,25.4076943 61.1455574,26.3622456 Z M40.5648576,17.3536679 L50.706072,17.2343489 C50.0498757,14.7286518 48.3795581,13.5354627 45.8740816,13.5354627 C43.3089509,13.5354627 41.4000164,14.9672896 40.5648576,17.3536679 Z M120.143563,20.9928946 C120.143563,28.2116887 113.641255,33.4617208 104.693125,33.4617208 C95.8046489,33.4617208 89.361995,28.2116887 89.361995,20.9928946 C89.361995,13.7741005 95.8046489,8.52406846 104.693125,8.52406846 C113.641255,8.52406846 120.143563,13.7741005 120.143563,20.9928946 Z M111.076125,21.1122135 C111.076125,17.2940084 108.45134,14.7883113 104.633471,14.7883113 C100.93491,14.7883113 98.3697796,17.2940084 98.3697796,20.9332352 C98.3697796,24.7514403 100.994564,27.2571374 104.812433,27.2571374 C108.570648,27.2571374 111.076125,24.7514403 111.076125,21.1122135 Z M141.559422,26.8395213 C141.261151,25.5866727 139.82945,25.0497376 138.815329,25.8253105 C137.443282,26.8395213 136.190544,27.2571374 134.99746,27.2571374 C132.909563,27.2571374 131.835787,26.0042889 131.835787,23.796889 L131.835787,13.9530789 L139.471525,13.9530789 C140.24703,13.9530789 140.903226,13.2968249 140.903226,12.521252 L140.903226,10.4928305 C140.903226,9.71725757 140.24703,9.06100356 139.471525,9.06100356 L131.835787,9.06100356 L131.835787,3.45301476 C131.835787,2.43880402 131.060282,1.6632311 130.046161,1.6632311 L125.214171,1.6632311 C124.200049,1.6632311 123.424545,2.43880402 123.424545,3.45301476 L123.424545,9.06100356 L123.424545,13.9530789 L123.424545,24.7514403 C123.424545,30.2401102 127.182759,33.5213803 133.565759,33.5213803 C136.727432,33.5213803 139.471525,32.6861479 141.499768,31.0753426 C142.036656,30.6577264 142.275272,29.9418129 142.09631,29.2855589 L141.559422,26.8395213 Z M173.414766,26.3622456 C171.267215,30.7173858 165.898337,33.5213803 159.336374,33.5213803 C150.268936,33.5213803 143.706973,28.2116887 143.706973,20.7542568 C143.706973,13.6547816 149.553085,8.52406846 158.322253,8.52406846 C166.017645,8.52406846 171.446177,12.4615925 172.162028,18.8451542 C172.281336,19.9190244 171.446177,20.8735757 170.372402,20.8735757 L152.416487,20.8735757 C152.714758,24.8110998 155.399197,27.2571374 159.455683,27.2571374 C162.498047,27.2571374 165.122832,25.7656511 166.435224,23.4389323 C166.852804,22.6633594 167.807271,22.3054026 168.64243,22.6036999 L172.400645,23.9758674 C173.414766,24.2741647 173.892,25.4076943 173.414766,26.3622456 Z M152.834066,17.3536679 L162.975281,17.2343489 C162.319084,14.7286518 160.648767,13.5354627 158.14329,13.5354627 C155.637814,13.5354627 153.669225,14.9672896 152.834066,17.3536679 Z M192.862036,20.8139163 L201.094316,12.0439763 C202.168092,10.9104467 201.332933,9.00134411 199.781923,9.00134411 L194.711316,9.00134411 C194.174428,9.00134411 193.637541,9.23998193 193.279615,9.71725757 L188.507279,15.8621815 L183.734943,9.71725757 C183.377018,9.29964138 182.899784,9.00134411 182.303242,9.00134411 L177.113327,9.00134411 C175.562317,9.00134411 174.727159,10.8507872 175.800934,12.0439763 L184.092868,20.8735757 L175.502663,30.0014724 C174.428888,31.135002 175.204392,33.0441046 176.815056,33.0441046 L181.945317,33.0441046 C182.482205,33.0441046 183.019093,32.8054668 183.377018,32.3878506 L188.447625,25.9446294 L193.577886,32.3878506 C193.935812,32.8054668 194.413045,33.0441046 194.949933,33.0441046 L200.139849,33.0441046 C201.690858,33.0441046 202.526017,31.1946615 201.452241,30.0611318 L192.862036,20.8139163 Z M223.941875,29.2258995 L223.345333,26.8395213 C223.047062,25.5866727 221.615362,25.0497376 220.60124,25.8253105 C219.229193,26.8395213 217.976455,27.2571374 216.783371,27.2571374 C214.695474,27.2571374 213.621698,26.0042889 213.621698,23.796889 L213.621698,13.9530789 L221.257436,13.9530789 C222.032941,13.9530789 222.689137,13.2968249 222.689137,12.521252 L222.689137,10.4928305 C222.689137,9.71725757 222.032941,9.06100356 221.257436,9.06100356 L213.621698,9.06100356 L213.621698,3.45301476 C213.621698,2.43880402 212.846194,1.6632311 211.832072,1.6632311 L207.000082,1.6632311 C205.985961,1.6632311 205.210456,2.43880402 205.210456,3.45301476 L205.210456,9.06100356 L205.210456,13.9530789 L205.210456,24.7514403 C205.210456,30.2401102 208.968671,33.5213803 215.35167,33.5213803 C218.513343,33.5213803 221.257436,32.6861479 223.285679,31.0753426 C223.882221,30.5980669 224.120838,29.8821535 223.941875,29.2258995 Z M77.6697714,6.01837134 C78.2663134,5.30245788 78.2663134,4.22858768 77.6101172,3.57233367 L74.5677529,0.529701449 C73.8519024,-0.186212015 72.6588184,-0.186212015 71.942968,0.589360904 C61.3841742,12.4615925 61.3841742,30.5384075 71.942968,42.4106391 C72.5991642,43.186212 73.8519024,43.186212 74.5677529,42.4702986 L77.6101172,39.4276663 C78.2663134,38.7714123 78.3259676,37.6975421 77.6697714,36.9816287 C69.9147251,28.1520293 69.9147251,14.8479707 77.6697714,6.01837134 Z M87.1547896,10.6718089 L84.1124252,7.62917663 C83.3965748,6.91326317 82.1438366,6.91326317 81.4876403,7.74849554 C78.2663134,11.6263601 76.4766873,16.458776 76.4766873,21.5298297 C76.4766873,26.6008834 78.2663134,31.4332993 81.4876403,35.3111639 C82.1438366,36.0867368 83.3965748,36.1463963 84.1124252,35.4304828 L87.1547896,32.3878506 C87.8109858,31.7315966 87.87064,30.7173858 87.3337522,30.0611318 C85.4248177,27.6747536 84.351042,24.6917809 84.351042,21.5894892 C84.351042,18.4871975 85.3651635,15.5042247 87.3337522,13.1178465 C87.87064,12.3422736 87.8109858,11.3280629 87.1547896,10.6718089 Z\" id=\"hellotext\" fill=\"currentColor\"></path>\n         </svg>\n        </a>\n      </div>\n    ");
 }
 Object.defineProperty(LogoBuilder, _template, {
   value: _template2

package/lib/controllers/webchat/emoji_picker_controller.cjs

@@ -4,10 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _stimulus = require("@hotwired/stimulus");
 var _dom = require("@floating-ui/dom");
+var _stimulus = require("@hotwired/stimulus");
+var _en = _interopRequireDefault(require("@emoji-mart/data/i18n/en.json"));
+var _es = _interopRequireDefault(require("@emoji-mart/data/i18n/es.json"));
 var _emojiMart = require("emoji-mart");
 var _usePopover = require("../mixins/usePopover");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
@@ -78,10 +81,7 @@ let _default = /*#__PURE__*/function (_Controller) {
         skinTonePosition: 'none',
         emojiSize: this.sizeValue,
         perLine: this.perLineValue,
-        data: async () => {
-          const response = await fetch('https://cdn.jsdelivr.net/npm/@emoji-mart/data');
-          return response.json();
-        }
+        i18n: Hellotext.business.locale === 'es' ? _es.default : _en.default
       });
     }
   }, {
@@ -101,7 +101,7 @@ _default.targets = ['button', 'popover'];
 _default.values = {
   placement: {
     type: String,
-    default: "bottom-end"
+    default: 'bottom-end'
   },
   open: {
     type: Boolean,

package/lib/controllers/webchat/emoji_picker_controller.js

@@ -1,5 +1,3 @@
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
@@ -14,8 +12,10 @@ function _possibleConstructorReturn(self, call) { if (call && (typeof call === "
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+import { autoPlacement, offset, shift } from '@floating-ui/dom';
 import { Controller } from '@hotwired/stimulus';
-import { computePosition, autoUpdate, shift, autoPlacement, offset } from '@floating-ui/dom';
+import en from '@emoji-mart/data/i18n/en.json';
+import es from '@emoji-mart/data/i18n/es.json';
 import { Picker } from 'emoji-mart';
 import { usePopover } from '../mixins/usePopover';
 var _default = /*#__PURE__*/function (_Controller) {
@@ -74,16 +74,7 @@ var _default = /*#__PURE__*/function (_Controller) {
         skinTonePosition: 'none',
         emojiSize: this.sizeValue,
         perLine: this.perLineValue,
-        data: function () {
-          var _data = _asyncToGenerator(function* () {
-            var response = yield fetch('https://cdn.jsdelivr.net/npm/@emoji-mart/data');
-            return response.json();
-          });
-          function data() {
-            return _data.apply(this, arguments);
-          }
-          return data;
-        }()
+        i18n: Hellotext.business.locale === 'es' ? es : en
       });
     }
   }, {
@@ -102,7 +93,7 @@ _default.targets = ['button', 'popover'];
 _default.values = {
   placement: {
     type: String,
-    default: "bottom-end"
+    default: 'bottom-end'
   },
   open: {
     type: Boolean,

package/lib/controllers/webchat_controller.cjs

@@ -9,6 +9,7 @@ var _stimulus = require("@hotwired/stimulus");
 var _messages = _interopRequireDefault(require("../api/webchat/messages"));
 var _webchat_channel = _interopRequireDefault(require("../channels/webchat_channel"));
 var _hellotext = _interopRequireDefault(require("../hellotext"));
+var _core = require("../core");
 var _webchat = require("../core/configuration/webchat");
 var _logo_builder = require("../builders/logo_builder");
 var _usePopover = require("./mixins/usePopover");
@@ -67,7 +68,7 @@ let _default = /*#__PURE__*/function (_Controller) {
       if (!_hellotext.default.business.features.white_label) {
         this.toolbarTarget.appendChild(_logo_builder.LogoBuilder.build());
       }
-      if (localStorage.getItem(`hellotext--webchat--${this.idValue}`) === 'opened') {
+      if (this.shouldOpenOnMount) {
         this.openValue = true;
       }
       _hellotext.default.eventEmitter.dispatch('webchat:mounted');
@@ -164,14 +165,26 @@ let _default = /*#__PURE__*/function (_Controller) {
         this.openValue = false;
       }
     }
+  }, {
+    key: "closePopover",
+    value: function closePopover() {
+      this.popoverTarget.classList.add(...this.fadeOutClasses);
+      setTimeout(() => {
+        this.openValue = false;
+      }, 250);
+    }
   }, {
     key: "onPopoverOpened",
     value: function onPopoverOpened() {
-      this.inputTarget.focus();
+      if (!this.onMobile) {
+        this.inputTarget.focus();
+      }
       if (!this.scrolled) {
-        this.messagesContainerTarget.scroll({
-          top: this.messagesContainerTarget.scrollHeight,
-          behavior: 'instant'
+        requestAnimationFrame(() => {
+          this.messagesContainerTarget.scroll({
+            top: this.messagesContainerTarget.scrollHeight,
+            behavior: 'instant'
+          });
         });
         this.scrolled = true;
       }
@@ -186,9 +199,6 @@ let _default = /*#__PURE__*/function (_Controller) {
     key: "onPopoverClosed",
     value: function onPopoverClosed() {
       _hellotext.default.eventEmitter.dispatch('webchat:closed');
-      setTimeout(() => {
-        this.inputTarget.value = '';
-      });
       localStorage.setItem(`hellotext--webchat--${this.idValue}`, 'closed');
     }
   }, {
@@ -219,6 +229,7 @@ let _default = /*#__PURE__*/function (_Controller) {
     key: "onMessageReceived",
     value: function onMessageReceived(message) {
       const {
+        id,
         body,
         attachments
       } = message;
@@ -245,7 +256,10 @@ let _default = /*#__PURE__*/function (_Controller) {
         behavior: 'smooth'
       });
       this.setOfflineTimeout();
-      if (this.openValue) return;
+      if (this.openValue) {
+        this.messagesAPI.markAsSeen(id);
+        return;
+      }
       this.unreadCounterTarget.style.display = 'flex';
       const unreadCount = (parseInt(this.unreadCounterTarget.innerText) || 0) + 1;
       this.unreadCounterTarget.innerText = unreadCount > 99 ? '99+' : unreadCount;
@@ -277,17 +291,29 @@ let _default = /*#__PURE__*/function (_Controller) {
         body: this.inputTarget.value,
         attachments: this.files
       };
-      formData.append('message[body]', this.inputTarget.value);
+      if (this.inputTarget.value.trim().length === 0 && this.files.length === 0) {
+        return;
+      }
+      if (this.inputTarget.value.trim().length > 0) {
+        formData.append('message[body]', this.inputTarget.value);
+      } else {
+        delete message.body;
+      }
       this.files.forEach(file => {
         formData.append('message[attachments][]', file);
       });
       formData.append('session', _hellotext.default.session);
+      formData.append('locale', _core.Locale.toString());
       const element = this.messageTemplateTarget.cloneNode(true);
       element.id = `hellotext--webchat--${this.idValue}--message--${Date.now()}`;
       element.classList.add('received');
       element.style.removeProperty('display');
       element.setAttribute('data-hellotext--webchat-target', 'message');
-      element.querySelector('[data-body]').innerText = this.inputTarget.value;
+      if (this.inputTarget.value.trim().length > 0) {
+        element.querySelector('[data-body]').innerText = this.inputTarget.value;
+      } else {
+        element.querySelector('[data-message-bubble]').remove();
+      }
       const attachments = this.attachmentContainerTarget.querySelectorAll('img');
       if (attachments.length > 0) {
         attachments.forEach(attachment => {
@@ -304,6 +330,8 @@ let _default = /*#__PURE__*/function (_Controller) {
       });
       this.inputTarget.value = '';
       this.files = [];
+      this.attachmentInputTarget.value = '';
+      this.attachmentContainerTarget.innerHTML = '';
       this.attachmentContainerTarget.style.display = 'none';
       this.errorMessageContainerTarget.style.display = 'none';
       this.inputTarget.focus();
@@ -334,8 +362,9 @@ let _default = /*#__PURE__*/function (_Controller) {
     key: "onFileInputChange",
     value: function onFileInputChange() {
       this.errorMessageContainerTarget.style.display = 'none';
-      this.files = Array.from(this.attachmentInputTarget.files);
-      const fileMaxSizeTooMuch = this.files.find(file => {
+      const newFiles = Array.from(this.attachmentInputTarget.files);
+      this.attachmentInputTarget.value = '';
+      const fileMaxSizeTooMuch = newFiles.find(file => {
         const type = file.type.split('/')[0];
         if (['image', 'video', 'audio'].includes(type)) {
           return this.mediaValue[type].max_size < file.size;
@@ -347,10 +376,11 @@ let _default = /*#__PURE__*/function (_Controller) {
         const type = fileMaxSizeTooMuch.type.split('/')[0];
         const mediaType = ['image', 'audio', 'video'].includes(type) ? type : 'document';
         this.errorMessageContainerTarget.innerText = this.fileSizeErrorMessageValue.replace('%{limit}', this.byteToMegabyte(this.mediaValue[mediaType].max_size));
-        return;
+        return this.errorMessageContainerTarget.style.display = 'block';
       }
+      this.files = [...this.files, ...newFiles];
       this.errorMessageContainerTarget.innerText = '';
-      this.files.forEach(file => this.createAttachmentElement(file));
+      newFiles.forEach(file => this.createAttachmentElement(file));
       this.inputTarget.focus();
     }
   }, {
@@ -373,6 +403,8 @@ let _default = /*#__PURE__*/function (_Controller) {
         main.style.backgroundColor = '#e5e7eb';
         main.style.padding = '0.25rem';
         element.querySelector('p[data-attachment-name]').innerText = file.name;
+        this.attachmentContainerTarget.appendChild(element);
+        this.attachmentContainerTarget.style.display = 'flex';
       }
     }
   }, {
@@ -382,6 +414,7 @@ let _default = /*#__PURE__*/function (_Controller) {
     }) {
       const attachment = currentTarget.closest("[data-hellotext--webchat-target='attachment']");
       this.files = this.files.filter(file => file.name !== attachment.dataset.name);
+      this.attachmentInputTarget.value = '';
       attachment.remove();
       this.inputTarget.focus();
     }
@@ -439,6 +472,16 @@ let _default = /*#__PURE__*/function (_Controller) {
         padding: 24
       }), (0, _dom.flip)()];
     }
+  }, {
+    key: "shouldOpenOnMount",
+    get: function () {
+      return localStorage.getItem(`hellotext--webchat--${this.idValue}`) === 'opened' && !this.onMobile;
+    }
+  }, {
+    key: "onMobile",
+    get: function () {
+      return window.matchMedia(`(max-width: ${this.fullScreenThresholdValue}px)`).matches;
+    }
   }]);
   return _default;
 }(_stimulus.Controller);
@@ -467,6 +510,11 @@ _default.values = {
   nextPage: {
     type: Number,
     default: undefined
+  },
+  fullScreenThreshold: {
+    type: Number,
+    default: 1024
   }
 };
+_default.classes = ['fadeOut'];
 _default.targets = ['trigger', 'popover', 'input', 'attachmentInput', 'attachmentButton', 'errorMessageContainer', 'attachmentTemplate', 'attachmentContainer', 'attachment', 'messageTemplate', 'messagesContainer', 'title', 'onlineStatus', 'attachmentImage', 'footer', 'toolbar', 'message', 'unreadCounter'];

package/lib/controllers/webchat_controller.js

@@ -22,6 +22,7 @@ import { Controller } from '@hotwired/stimulus';
 import WebchatMessagesAPI from '../api/webchat/messages';
 import WebchatChannel from '../channels/webchat_channel';
 import Hellotext from '../hellotext';
+import { Locale } from '../core';
 import { Webchat as WebchatConfiguration, behaviors } from '../core/configuration/webchat';
 import { LogoBuilder } from '../builders/logo_builder';
 import { usePopover } from './mixins/usePopover';
@@ -65,7 +66,7 @@ var _default = /*#__PURE__*/function (_Controller) {
       if (!Hellotext.business.features.white_label) {
         this.toolbarTarget.appendChild(LogoBuilder.build());
       }
-      if (localStorage.getItem("hellotext--webchat--".concat(this.idValue)) === 'opened') {
+      if (this.shouldOpenOnMount) {
         this.openValue = true;
       }
       Hellotext.eventEmitter.dispatch('webchat:mounted');
@@ -168,14 +169,26 @@ var _default = /*#__PURE__*/function (_Controller) {
         this.openValue = false;
       }
     }
+  }, {
+    key: "closePopover",
+    value: function closePopover() {
+      this.popoverTarget.classList.add(...this.fadeOutClasses);
+      setTimeout(() => {
+        this.openValue = false;
+      }, 250);
+    }
   }, {
     key: "onPopoverOpened",
     value: function onPopoverOpened() {
-      this.inputTarget.focus();
+      if (!this.onMobile) {
+        this.inputTarget.focus();
+      }
       if (!this.scrolled) {
-        this.messagesContainerTarget.scroll({
-          top: this.messagesContainerTarget.scrollHeight,
-          behavior: 'instant'
+        requestAnimationFrame(() => {
+          this.messagesContainerTarget.scroll({
+            top: this.messagesContainerTarget.scrollHeight,
+            behavior: 'instant'
+          });
         });
         this.scrolled = true;
       }
@@ -190,9 +203,6 @@ var _default = /*#__PURE__*/function (_Controller) {
     key: "onPopoverClosed",
     value: function onPopoverClosed() {
       Hellotext.eventEmitter.dispatch('webchat:closed');
-      setTimeout(() => {
-        this.inputTarget.value = '';
-      });
       localStorage.setItem("hellotext--webchat--".concat(this.idValue), 'closed');
     }
   }, {
@@ -223,6 +233,7 @@ var _default = /*#__PURE__*/function (_Controller) {
     key: "onMessageReceived",
     value: function onMessageReceived(message) {
       var {
+        id,
         body,
         attachments
       } = message;
@@ -248,7 +259,10 @@ var _default = /*#__PURE__*/function (_Controller) {
         behavior: 'smooth'
       });
       this.setOfflineTimeout();
-      if (this.openValue) return;
+      if (this.openValue) {
+        this.messagesAPI.markAsSeen(id);
+        return;
+      }
       this.unreadCounterTarget.style.display = 'flex';
       var unreadCount = (parseInt(this.unreadCounterTarget.innerText) || 0) + 1;
       this.unreadCounterTarget.innerText = unreadCount > 99 ? '99+' : unreadCount;
@@ -281,17 +295,29 @@ var _default = /*#__PURE__*/function (_Controller) {
           body: this.inputTarget.value,
           attachments: this.files
         };
-        formData.append('message[body]', this.inputTarget.value);
+        if (this.inputTarget.value.trim().length === 0 && this.files.length === 0) {
+          return;
+        }
+        if (this.inputTarget.value.trim().length > 0) {
+          formData.append('message[body]', this.inputTarget.value);
+        } else {
+          delete message.body;
+        }
         this.files.forEach(file => {
           formData.append('message[attachments][]', file);
         });
         formData.append('session', Hellotext.session);
+        formData.append('locale', Locale.toString());
         var element = this.messageTemplateTarget.cloneNode(true);
         element.id = "hellotext--webchat--".concat(this.idValue, "--message--").concat(Date.now());
         element.classList.add('received');
         element.style.removeProperty('display');
         element.setAttribute('data-hellotext--webchat-target', 'message');
-        element.querySelector('[data-body]').innerText = this.inputTarget.value;
+        if (this.inputTarget.value.trim().length > 0) {
+          element.querySelector('[data-body]').innerText = this.inputTarget.value;
+        } else {
+          element.querySelector('[data-message-bubble]').remove();
+        }
         var attachments = this.attachmentContainerTarget.querySelectorAll('img');
         if (attachments.length > 0) {
           attachments.forEach(attachment => {
@@ -308,6 +334,8 @@ var _default = /*#__PURE__*/function (_Controller) {
         });
         this.inputTarget.value = '';
         this.files = [];
+        this.attachmentInputTarget.value = '';
+        this.attachmentContainerTarget.innerHTML = '';
         this.attachmentContainerTarget.style.display = 'none';
         this.errorMessageContainerTarget.style.display = 'none';
         this.inputTarget.focus();
@@ -343,8 +371,9 @@ var _default = /*#__PURE__*/function (_Controller) {
     key: "onFileInputChange",
     value: function onFileInputChange() {
       this.errorMessageContainerTarget.style.display = 'none';
-      this.files = Array.from(this.attachmentInputTarget.files);
-      var fileMaxSizeTooMuch = this.files.find(file => {
+      var newFiles = Array.from(this.attachmentInputTarget.files);
+      this.attachmentInputTarget.value = '';
+      var fileMaxSizeTooMuch = newFiles.find(file => {
         var type = file.type.split('/')[0];
         if (['image', 'video', 'audio'].includes(type)) {
           return this.mediaValue[type].max_size < file.size;
@@ -356,10 +385,11 @@ var _default = /*#__PURE__*/function (_Controller) {
         var type = fileMaxSizeTooMuch.type.split('/')[0];
         var mediaType = ['image', 'audio', 'video'].includes(type) ? type : 'document';
         this.errorMessageContainerTarget.innerText = this.fileSizeErrorMessageValue.replace('%{limit}', this.byteToMegabyte(this.mediaValue[mediaType].max_size));
-        return;
+        return this.errorMessageContainerTarget.style.display = 'block';
       }
+      this.files = [...this.files, ...newFiles];
       this.errorMessageContainerTarget.innerText = '';
-      this.files.forEach(file => this.createAttachmentElement(file));
+      newFiles.forEach(file => this.createAttachmentElement(file));
       this.inputTarget.focus();
     }
   }, {
@@ -382,6 +412,8 @@ var _default = /*#__PURE__*/function (_Controller) {
         main.style.backgroundColor = '#e5e7eb';
         main.style.padding = '0.25rem';
         element.querySelector('p[data-attachment-name]').innerText = file.name;
+        this.attachmentContainerTarget.appendChild(element);
+        this.attachmentContainerTarget.style.display = 'flex';
       }
     }
   }, {
@@ -392,6 +424,7 @@ var _default = /*#__PURE__*/function (_Controller) {
       } = _ref;
       var attachment = currentTarget.closest("[data-hellotext--webchat-target='attachment']");
       this.files = this.files.filter(file => file.name !== attachment.dataset.name);
+      this.attachmentInputTarget.value = '';
       attachment.remove();
       this.inputTarget.focus();
     }
@@ -450,6 +483,16 @@ var _default = /*#__PURE__*/function (_Controller) {
         padding: 24
       }), flip()];
     }
+  }, {
+    key: "shouldOpenOnMount",
+    get: function get() {
+      return localStorage.getItem("hellotext--webchat--".concat(this.idValue)) === 'opened' && !this.onMobile;
+    }
+  }, {
+    key: "onMobile",
+    get: function get() {
+      return window.matchMedia("(max-width: ".concat(this.fullScreenThresholdValue, "px)")).matches;
+    }
   }]);
   return _default;
 }(Controller);
@@ -477,7 +520,12 @@ _default.values = {
   nextPage: {
     type: Number,
     default: undefined
+  },
+  fullScreenThreshold: {
+    type: Number,
+    default: 1024
   }
 };
+_default.classes = ['fadeOut'];
 _default.targets = ['trigger', 'popover', 'input', 'attachmentInput', 'attachmentButton', 'errorMessageContainer', 'attachmentTemplate', 'attachmentContainer', 'attachment', 'messageTemplate', 'messagesContainer', 'title', 'onlineStatus', 'attachmentImage', 'footer', 'toolbar', 'message', 'unreadCounter'];
 export { _default as default };