@hellotext/hellotext 2.5.6 → 2.5.8

package/lib/controllers/webchat/emoji_picker_controller.cjs

@@ -9,157 +9,113 @@ var _stimulus = require("@hotwired/stimulus");
 var _usePopover = require("../mixins/usePopover");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-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; }
-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); }
-function _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get.bind(); } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(arguments.length < 3 ? target : receiver); } return desc.value; }; } return _get.apply(this, arguments); }
-function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _possibleConstructorReturn(self, call) { if (call && (typeof call === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-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); }
-let _default = /*#__PURE__*/function (_Controller) {
-  _inherits(_default, _Controller);
-  var _super = _createSuper(_default);
-  function _default() {
-    _classCallCheck(this, _default);
-    return _super.apply(this, arguments);
-  }
-  _createClass(_default, [{
-    key: "initialize",
-    value: function initialize() {
-      this.onEmojiSelect = this.onEmojiSelect.bind(this);
-      this.pickerLoaded = false;
-      this.pickerLoadPromise = null;
-      this.connected = false;
-      _get(_getPrototypeOf(_default.prototype), "initialize", this).call(this);
-    }
-  }, {
-    key: "connect",
-    value: function connect() {
-      this.connected = true;
-      (0, _usePopover.usePopover)(this);
-      this.setupFloatingUI({
-        trigger: this.buttonTarget,
-        popover: this.popoverTarget,
-        strategy: 'absolute'
-      });
-      _get(_getPrototypeOf(_default.prototype), "connect", this).call(this);
-    }
-  }, {
-    key: "disconnect",
-    value: function disconnect() {
-      this.connected = false;
-      this.pickerLoadPromise = null;
-      this.floatingUICleanup();
-      _get(_getPrototypeOf(_default.prototype), "disconnect", this).call(this);
-    }
-  }, {
-    key: "onEmojiSelect",
-    value: function onEmojiSelect(emoji) {
-      this.dispatch('selected', {
-        detail: emoji.native
-      });
-      this.hide();
-    }
-  }, {
-    key: "onClickOutside",
-    value: function onClickOutside(event) {
-      if (this.openValue && event.target.nodeType && this.element.contains(event.target) === false) {
-        this.openValue = false;
-      }
+class _default extends _stimulus.Controller {
+  static targets = ['button', 'popover'];
+  static values = {
+    placement: {
+      type: String,
+      default: 'bottom-end'
+    },
+    open: {
+      type: Boolean,
+      default: false
+    },
+    autoPlacement: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    size: {
+      type: Number,
+      default: 24
+    },
+    perLine: {
+      type: Number,
+      default: 9
     }
-  }, {
-    key: "onPopoverOpened",
-    value: async function onPopoverOpened() {
-      await this.loadPicker();
-    }
-  }, {
-    key: "loadPicker",
-    value: async function loadPicker() {
-      if (this.pickerLoaded) return;
-      this.pickerLoadPromise || (this.pickerLoadPromise = this.loadPickerDependencies());
-      const {
-        Picker,
-        i18n
-      } = await this.pickerLoadPromise;
-      if (!this.connected || this.pickerLoaded) return;
-      this.popoverTarget.appendChild(this.buildPicker(Picker, i18n));
-      this.pickerLoaded = true;
-    }
-  }, {
-    key: "loadPickerDependencies",
-    value: async function loadPickerDependencies() {
-      const [pickerModule, i18nModule] = await Promise.all([Promise.resolve().then(() => _interopRequireWildcard(require( /* webpackChunkName: "webchat-emoji" */'emoji-mart'))), this.loadI18n()]);
-      return {
-        Picker: pickerModule.Picker,
-        i18n: i18nModule.default || i18nModule
-      };
-    }
-  }, {
-    key: "loadI18n",
-    value: function loadI18n() {
-      if (Hellotext.business.locale === 'es') {
-        return Promise.resolve().then(() => _interopRequireWildcard(require( /* webpackChunkName: "webchat-emoji-es" */'@emoji-mart/data/i18n/es.json')));
-      }
-      return Promise.resolve().then(() => _interopRequireWildcard(require( /* webpackChunkName: "webchat-emoji-en" */'@emoji-mart/data/i18n/en.json')));
-    }
-  }, {
-    key: "buildPicker",
-    value: function buildPicker(Picker, i18n) {
-      return new Picker({
-        onEmojiSelect: this.onEmojiSelect,
-        theme: 'light',
-        dynamicWidth: true,
-        previewPosition: 'none',
-        skinTonePosition: 'none',
-        emojiSize: this.sizeValue,
-        perLine: this.perLineValue,
-        i18n
-      });
+  };
+  initialize() {
+    this.onEmojiSelect = this.onEmojiSelect.bind(this);
+    this.pickerLoaded = false;
+    this.pickerLoadPromise = null;
+    this.connected = false;
+    super.initialize();
+  }
+  connect() {
+    this.connected = true;
+    (0, _usePopover.usePopover)(this);
+    this.setupFloatingUI({
+      trigger: this.buttonTarget,
+      popover: this.popoverTarget,
+      strategy: 'absolute'
+    });
+    super.connect();
+  }
+  disconnect() {
+    this.connected = false;
+    this.pickerLoadPromise = null;
+    this.floatingUICleanup();
+    super.disconnect();
+  }
+  onEmojiSelect(emoji) {
+    this.dispatch('selected', {
+      detail: emoji.native
+    });
+    this.hide();
+  }
+  onClickOutside(event) {
+    if (this.openValue && event.target.nodeType && this.element.contains(event.target) === false) {
+      this.openValue = false;
     }
-  }, {
-    key: "middlewares",
-    get: function () {
-      return [(0, _dom.offset)(5), (0, _dom.shift)({
-        padding: 24
-      }), (0, _dom.autoPlacement)({
-        allowedPlacements: ['top', 'bottom']
-      })];
+  }
+  async onPopoverOpened() {
+    await this.loadPicker();
+  }
+  async loadPicker() {
+    if (this.pickerLoaded) return;
+    this.pickerLoadPromise ||= this.loadPickerDependencies();
+    const {
+      Picker,
+      i18n
+    } = await this.pickerLoadPromise;
+    if (!this.connected || this.pickerLoaded) return;
+    this.popoverTarget.appendChild(this.buildPicker(Picker, i18n));
+    this.pickerLoaded = true;
+  }
+  async loadPickerDependencies() {
+    const [pickerModule, i18nModule] = await Promise.all([Promise.resolve().then(() => _interopRequireWildcard(require( /* webpackChunkName: "webchat-emoji" */'emoji-mart'))), this.loadI18n()]);
+    return {
+      Picker: pickerModule.Picker,
+      i18n: i18nModule.default || i18nModule
+    };
+  }
+  loadI18n() {
+    if (Hellotext.business.locale === 'es') {
+      return Promise.resolve().then(() => _interopRequireWildcard(require( /* webpackChunkName: "webchat-emoji-es" */'@emoji-mart/data/i18n/es.json')));
     }
-  }]);
-  return _default;
-}(_stimulus.Controller);
-exports.default = _default;
-_default.targets = ['button', 'popover'];
-_default.values = {
-  placement: {
-    type: String,
-    default: 'bottom-end'
-  },
-  open: {
-    type: Boolean,
-    default: false
-  },
-  autoPlacement: {
-    type: Boolean,
-    default: false
-  },
-  disabled: {
-    type: Boolean,
-    default: false
-  },
-  size: {
-    type: Number,
-    default: 24
-  },
-  perLine: {
-    type: Number,
-    default: 9
+    return Promise.resolve().then(() => _interopRequireWildcard(require( /* webpackChunkName: "webchat-emoji-en" */'@emoji-mart/data/i18n/en.json')));
+  }
+  buildPicker(Picker, i18n) {
+    return new Picker({
+      onEmojiSelect: this.onEmojiSelect,
+      theme: 'light',
+      dynamicWidth: true,
+      previewPosition: 'none',
+      skinTonePosition: 'none',
+      emojiSize: this.sizeValue,
+      perLine: this.perLineValue,
+      i18n
+    });
+  }
+  get middlewares() {
+    return [(0, _dom.offset)(5), (0, _dom.shift)({
+      padding: 24
+    }), (0, _dom.autoPlacement)({
+      allowedPlacements: ['top', 'bottom']
+    })];
   }
-};
+}
+exports.default = _default;

package/lib/controllers/webchat/emoji_picker_controller.js

@@ -1,177 +1,112 @@
-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; }
-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); }
-function _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get.bind(); } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(arguments.length < 3 ? target : receiver); } return desc.value; }; } return _get.apply(this, arguments); }
-function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _possibleConstructorReturn(self, call) { if (call && (typeof call === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-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 { usePopover } from '../mixins/usePopover';
-var _default = /*#__PURE__*/function (_Controller) {
-  _inherits(_default, _Controller);
-  var _super = _createSuper(_default);
-  function _default() {
-    _classCallCheck(this, _default);
-    return _super.apply(this, arguments);
-  }
-  _createClass(_default, [{
-    key: "initialize",
-    value: function initialize() {
-      this.onEmojiSelect = this.onEmojiSelect.bind(this);
-      this.pickerLoaded = false;
-      this.pickerLoadPromise = null;
-      this.connected = false;
-      _get(_getPrototypeOf(_default.prototype), "initialize", this).call(this);
-    }
-  }, {
-    key: "connect",
-    value: function connect() {
-      this.connected = true;
-      usePopover(this);
-      this.setupFloatingUI({
-        trigger: this.buttonTarget,
-        popover: this.popoverTarget,
-        strategy: 'absolute'
-      });
-      _get(_getPrototypeOf(_default.prototype), "connect", this).call(this);
-    }
-  }, {
-    key: "disconnect",
-    value: function disconnect() {
-      this.connected = false;
-      this.pickerLoadPromise = null;
-      this.floatingUICleanup();
-      _get(_getPrototypeOf(_default.prototype), "disconnect", this).call(this);
-    }
-  }, {
-    key: "onEmojiSelect",
-    value: function onEmojiSelect(emoji) {
-      this.dispatch('selected', {
-        detail: emoji.native
-      });
-      this.hide();
+export default class extends Controller {
+  static targets = ['button', 'popover'];
+  static values = {
+    placement: {
+      type: String,
+      default: 'bottom-end'
+    },
+    open: {
+      type: Boolean,
+      default: false
+    },
+    autoPlacement: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    size: {
+      type: Number,
+      default: 24
+    },
+    perLine: {
+      type: Number,
+      default: 9
     }
-  }, {
-    key: "onClickOutside",
-    value: function onClickOutside(event) {
-      if (this.openValue && event.target.nodeType && this.element.contains(event.target) === false) {
-        this.openValue = false;
-      }
-    }
-  }, {
-    key: "onPopoverOpened",
-    value: function () {
-      var _onPopoverOpened = _asyncToGenerator(function* () {
-        yield this.loadPicker();
-      });
-      function onPopoverOpened() {
-        return _onPopoverOpened.apply(this, arguments);
-      }
-      return onPopoverOpened;
-    }()
-  }, {
-    key: "loadPicker",
-    value: function () {
-      var _loadPicker = _asyncToGenerator(function* () {
-        if (this.pickerLoaded) return;
-        this.pickerLoadPromise || (this.pickerLoadPromise = this.loadPickerDependencies());
-        var {
-          Picker,
-          i18n
-        } = yield this.pickerLoadPromise;
-        if (!this.connected || this.pickerLoaded) return;
-        this.popoverTarget.appendChild(this.buildPicker(Picker, i18n));
-        this.pickerLoaded = true;
-      });
-      function loadPicker() {
-        return _loadPicker.apply(this, arguments);
-      }
-      return loadPicker;
-    }()
-  }, {
-    key: "loadPickerDependencies",
-    value: function () {
-      var _loadPickerDependencies = _asyncToGenerator(function* () {
-        var [pickerModule, i18nModule] = yield Promise.all([import( /* webpackChunkName: "webchat-emoji" */'emoji-mart'), this.loadI18n()]);
-        return {
-          Picker: pickerModule.Picker,
-          i18n: i18nModule.default || i18nModule
-        };
-      });
-      function loadPickerDependencies() {
-        return _loadPickerDependencies.apply(this, arguments);
-      }
-      return loadPickerDependencies;
-    }()
-  }, {
-    key: "loadI18n",
-    value: function loadI18n() {
-      if (Hellotext.business.locale === 'es') {
-        return import( /* webpackChunkName: "webchat-emoji-es" */'@emoji-mart/data/i18n/es.json');
-      }
-      return import( /* webpackChunkName: "webchat-emoji-en" */'@emoji-mart/data/i18n/en.json');
-    }
-  }, {
-    key: "buildPicker",
-    value: function buildPicker(Picker, i18n) {
-      return new Picker({
-        onEmojiSelect: this.onEmojiSelect,
-        theme: 'light',
-        dynamicWidth: true,
-        previewPosition: 'none',
-        skinTonePosition: 'none',
-        emojiSize: this.sizeValue,
-        perLine: this.perLineValue,
-        i18n
-      });
+  };
+  initialize() {
+    this.onEmojiSelect = this.onEmojiSelect.bind(this);
+    this.pickerLoaded = false;
+    this.pickerLoadPromise = null;
+    this.connected = false;
+    super.initialize();
+  }
+  connect() {
+    this.connected = true;
+    usePopover(this);
+    this.setupFloatingUI({
+      trigger: this.buttonTarget,
+      popover: this.popoverTarget,
+      strategy: 'absolute'
+    });
+    super.connect();
+  }
+  disconnect() {
+    this.connected = false;
+    this.pickerLoadPromise = null;
+    this.floatingUICleanup();
+    super.disconnect();
+  }
+  onEmojiSelect(emoji) {
+    this.dispatch('selected', {
+      detail: emoji.native
+    });
+    this.hide();
+  }
+  onClickOutside(event) {
+    if (this.openValue && event.target.nodeType && this.element.contains(event.target) === false) {
+      this.openValue = false;
     }
-  }, {
-    key: "middlewares",
-    get: function get() {
-      return [offset(5), shift({
-        padding: 24
-      }), autoPlacement({
-        allowedPlacements: ['top', 'bottom']
-      })];
+  }
+  async onPopoverOpened() {
+    await this.loadPicker();
+  }
+  async loadPicker() {
+    if (this.pickerLoaded) return;
+    this.pickerLoadPromise ||= this.loadPickerDependencies();
+    const {
+      Picker,
+      i18n
+    } = await this.pickerLoadPromise;
+    if (!this.connected || this.pickerLoaded) return;
+    this.popoverTarget.appendChild(this.buildPicker(Picker, i18n));
+    this.pickerLoaded = true;
+  }
+  async loadPickerDependencies() {
+    const [pickerModule, i18nModule] = await Promise.all([import( /* webpackChunkName: "webchat-emoji" */'emoji-mart'), this.loadI18n()]);
+    return {
+      Picker: pickerModule.Picker,
+      i18n: i18nModule.default || i18nModule
+    };
+  }
+  loadI18n() {
+    if (Hellotext.business.locale === 'es') {
+      return import( /* webpackChunkName: "webchat-emoji-es" */'@emoji-mart/data/i18n/es.json');
     }
-  }]);
-  return _default;
-}(Controller);
-_default.targets = ['button', 'popover'];
-_default.values = {
-  placement: {
-    type: String,
-    default: 'bottom-end'
-  },
-  open: {
-    type: Boolean,
-    default: false
-  },
-  autoPlacement: {
-    type: Boolean,
-    default: false
-  },
-  disabled: {
-    type: Boolean,
-    default: false
-  },
-  size: {
-    type: Number,
-    default: 24
-  },
-  perLine: {
-    type: Number,
-    default: 9
+    return import( /* webpackChunkName: "webchat-emoji-en" */'@emoji-mart/data/i18n/en.json');
+  }
+  buildPicker(Picker, i18n) {
+    return new Picker({
+      onEmojiSelect: this.onEmojiSelect,
+      theme: 'light',
+      dynamicWidth: true,
+      previewPosition: 'none',
+      skinTonePosition: 'none',
+      emojiSize: this.sizeValue,
+      perLine: this.perLineValue,
+      i18n
+    });
+  }
+  get middlewares() {
+    return [offset(5), shift({
+      padding: 24
+    }), autoPlacement({
+      allowedPlacements: ['top', 'bottom']
+    })];
   }
-};
-export { _default as default };
+}

package/lib/controllers/webchat/useBehaviour.js

@@ -2,14 +2,14 @@
 // Stimulus lifecycle and `usePopover` still owns the mechanics of opening and
 // closing the popover. Keeping this policy here gives the configured behaviour
 // value one place to translate into timers, storage gates, and cleanup.
-export var useBehaviour = controller => {
+export const useBehaviour = controller => {
   Object.assign(controller, {
     // Called from `connect` after the controller has wired channels, targets,
     // and popover state. Even a zero-second delay goes through a timeout so the
     // automatic open happens after the mount pass rather than during setup.
     scheduleBehaviourOpen() {
       if (!this.shouldAutoOpenFromBehaviour()) return;
-      var delay = Number(this.behaviourValue.delay_seconds || 0) * 1000;
+      const delay = Number(this.behaviourValue.delay_seconds || 0) * 1000;
       this.behaviourOpenTimeout = window.setTimeout(() => {
         this.behaviourOpenTimeout = null;
         if (this.openValue) return;
@@ -30,7 +30,7 @@ export var useBehaviour = controller => {
     // that it would be allowed. That keeps blocked, cancelled, and manually
     // opened visits from being counted as behaviour-driven opens.
     shouldAutoOpenFromBehaviour() {
-      var behaviour = this.behaviourValue;
+      const behaviour = this.behaviourValue;
       if (!behaviour || behaviour.trigger !== 'on_load') return false;
       if (behaviour.first_visit_only && localStorage.getItem(this.firstVisitKey())) {
         return false;
@@ -55,13 +55,13 @@ export var useBehaviour = controller => {
     // Records that this widget has already used its long-lived first-visit
     // automatic open. This is the durable gate behind `first_visit_only`.
     firstVisitKey() {
-      return "hellotext--webchat--".concat(this.idValue, "--auto-opened");
+      return `hellotext--webchat--${this.idValue}--auto-opened`;
     },
     // Records that this widget has already used its automatic open during the
     // current browser session. This is the shorter-lived gate behind
     // `once_per_session`.
     sessionKey() {
-      return "hellotext--webchat--".concat(this.idValue, "--auto-opened-session");
+      return `hellotext--webchat--${this.idValue}--auto-opened-session`;
     }
   });
 };

package/lib/controllers/webchat/useOpeningSequence.js

@@ -2,7 +2,7 @@
 // manages when those staged messages become visible and which ids should travel
 // with the first customer message. It never creates a conversation or posts the
 // staged messages by itself.
-export var useOpeningSequence = controller => {
+export const useOpeningSequence = controller => {
   Object.assign(controller, {
     // Called from `connect` to prepare lifecycle state before the webchat opens.
     // The sequence may not exist on every widget, so the rest of the runtime can
@@ -37,9 +37,9 @@ export var useOpeningSequence = controller => {
     // still uses a timeout so reveal work stays outside the popover-open call
     // stack and cancellation has one consistent path.
     playOpeningSequenceMessageAt(index) {
-      var message = this.openingSequenceMessages[index];
+      const message = this.openingSequenceMessages[index];
       if (!message) return;
-      var delay = this.openingSequenceMessageDelay(message) * 1000;
+      const delay = this.openingSequenceMessageDelay(message) * 1000;
       this.openingSequenceTimeout = window.setTimeout(() => {
         this.openingSequenceTimeout = null;
         if (this.openingSequenceCancelled) return;
@@ -57,12 +57,12 @@ export var useOpeningSequence = controller => {
       this.scrollOpeningSequenceToBottom();
     },
     recordOpeningSequenceMessage(message) {
-      var id = message.dataset.openingSequenceMessageId;
+      const id = message.dataset.openingSequenceMessageId;
       if (!id || this.revealedOpeningSequenceMessageIds.includes(id)) return;
       this.revealedOpeningSequenceMessageIds.push(id);
     },
     openingSequenceMessageDelay(message) {
-      var delay = Number(message.dataset.delaySeconds || 0);
+      const delay = Number(message.dataset.delaySeconds || 0);
       return Number.isFinite(delay) ? delay : 0;
     },
     scrollOpeningSequenceToBottom() {
@@ -82,7 +82,7 @@ export var useOpeningSequence = controller => {
     // interrupts pending reveals so the payload cannot include later messages.
     appendOpeningSequenceMessageIds(formData) {
       this.cancelOpeningSequence();
-      var ids = this.revealedOpeningSequenceMessageIds || [];
+      const ids = this.revealedOpeningSequenceMessageIds || [];
       ids.forEach(id => {
         formData.append('message[opening_sequence_message_ids][]', id);
       });