botframework-webchat-component/lib/Middleware/TypingIndicator/createCoreMiddleware.js

React component of botframework-webchat

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = createCoreMiddleware;

var _botframeworkWebchatApi = require("botframework-webchat-api");

var _classnames = _interopRequireDefault(require("classnames"));

var _react = _interopRequireDefault(require("react"));

var _TypingAnimation = _interopRequireDefault(require("../../Assets/TypingAnimation"));

var _useStyleSet3 = _interopRequireDefault(require("../../hooks/useStyleSet"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }

function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }

function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }

function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }

function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }

function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }

var useDirection = _botframeworkWebchatApi.hooks.useDirection,
    useLocalizer = _botframeworkWebchatApi.hooks.useLocalizer;

var DotIndicator = function DotIndicator() {
  var _useStyleSet = (0, _useStyleSet3.default)(),
      _useStyleSet2 = _slicedToArray(_useStyleSet, 1),
      typingIndicatorStyleSet = _useStyleSet2[0].typingIndicator;

  var _useDirection = useDirection(),
      _useDirection2 = _slicedToArray(_useDirection, 1),
      direction = _useDirection2[0];

  var localize = useLocalizer();
  return /*#__PURE__*/_react.default.createElement("div", {
    className: (0, _classnames.default)(typingIndicatorStyleSet + '', direction === 'rtl' && 'webchat__typingIndicator--rtl')
  }, /*#__PURE__*/_react.default.createElement(_TypingAnimation.default, {
    "aria-label": localize('TYPING_INDICATOR_ALT')
  }));
}; // TODO: [P4] Rename this file or the whole middleware, it looks either too simple or too comprehensive now


function createCoreMiddleware() {
  return [function () {
    return function () {
      return function (_ref) {
        var visible = _ref.visible;
        return visible && /*#__PURE__*/_react.default.createElement(DotIndicator, null);
      };
    };
  }];
}
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9NaWRkbGV3YXJlL1R5cGluZ0luZGljYXRvci9jcmVhdGVDb3JlTWlkZGxld2FyZS5qcyJdLCJuYW1lcyI6WyJ1c2VEaXJlY3Rpb24iLCJob29rcyIsInVzZUxvY2FsaXplciIsIkRvdEluZGljYXRvciIsInR5cGluZ0luZGljYXRvclN0eWxlU2V0IiwidHlwaW5nSW5kaWNhdG9yIiwiZGlyZWN0aW9uIiwibG9jYWxpemUiLCJjcmVhdGVDb3JlTWlkZGxld2FyZSIsInZpc2libGUiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFFQTs7QUFDQTs7QUFDQTs7QUFFQTs7QUFDQTs7Ozs7Ozs7Ozs7Ozs7OztJQUVRQSxZLEdBQStCQyw2QixDQUEvQkQsWTtJQUFjRSxZLEdBQWlCRCw2QixDQUFqQkMsWTs7QUFFdEIsSUFBTUMsWUFBWSxHQUFHLFNBQWZBLFlBQWUsR0FBTTtBQUFBLHFCQUM4Qiw0QkFEOUI7QUFBQTtBQUFBLE1BQ0NDLHVCQURELG9CQUNoQkMsZUFEZ0I7O0FBQUEsc0JBRUxMLFlBQVksRUFGUDtBQUFBO0FBQUEsTUFFbEJNLFNBRmtCOztBQUd6QixNQUFNQyxRQUFRLEdBQUdMLFlBQVksRUFBN0I7QUFFQSxzQkFDRTtBQUFLLElBQUEsU0FBUyxFQUFFLHlCQUFXRSx1QkFBdUIsR0FBRyxFQUFyQyxFQUF5Q0UsU0FBUyxLQUFLLEtBQWQsSUFBdUIsK0JBQWhFO0FBQWhCLGtCQUNFLDZCQUFDLHdCQUFEO0FBQWlCLGtCQUFZQyxRQUFRLENBQUMsc0JBQUQ7QUFBckMsSUFERixDQURGO0FBS0QsQ0FWRCxDLENBWUE7OztBQUNlLFNBQVNDLG9CQUFULEdBQWdDO0FBQzdDLFNBQU8sQ0FBQztBQUFBLFdBQU07QUFBQSxhQUFNO0FBQUEsWUFBR0MsT0FBSCxRQUFHQSxPQUFIO0FBQUEsZUFBaUJBLE9BQU8saUJBQUksNkJBQUMsWUFBRCxPQUE1QjtBQUFBLE9BQU47QUFBQSxLQUFOO0FBQUEsR0FBRCxDQUFQO0FBQ0QiLCJzb3VyY2VSb290IjoiY29tcG9uZW50Oi8vLyIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludCByZWFjdC9wcm9wLXR5cGVzOiBcIm9mZlwiKi9cblxuaW1wb3J0IHsgaG9va3MgfSBmcm9tICdib3RmcmFtZXdvcmstd2ViY2hhdC1hcGknO1xuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSAnY2xhc3NuYW1lcyc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgVHlwaW5nQW5pbWF0aW9uIGZyb20gJy4uLy4uL0Fzc2V0cy9UeXBpbmdBbmltYXRpb24nO1xuaW1wb3J0IHVzZVN0eWxlU2V0IGZyb20gJy4uLy4uL2hvb2tzL3VzZVN0eWxlU2V0JztcblxuY29uc3QgeyB1c2VEaXJlY3Rpb24sIHVzZUxvY2FsaXplciB9ID0gaG9va3M7XG5cbmNvbnN0IERvdEluZGljYXRvciA9ICgpID0+IHtcbiAgY29uc3QgW3sgdHlwaW5nSW5kaWNhdG9yOiB0eXBpbmdJbmRpY2F0b3JTdHlsZVNldCB9XSA9IHVzZVN0eWxlU2V0KCk7XG4gIGNvbnN0IFtkaXJlY3Rpb25dID0gdXNlRGlyZWN0aW9uKCk7XG4gIGNvbnN0IGxvY2FsaXplID0gdXNlTG9jYWxpemVyKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNsYXNzTmFtZT17Y2xhc3NOYW1lcyh0eXBpbmdJbmRpY2F0b3JTdHlsZVNldCArICcnLCBkaXJlY3Rpb24gPT09ICdydGwnICYmICd3ZWJjaGF0X190eXBpbmdJbmRpY2F0b3ItLXJ0bCcpfT5cbiAgICAgIDxUeXBpbmdBbmltYXRpb24gYXJpYS1sYWJlbD17bG9jYWxpemUoJ1RZUElOR19JTkRJQ0FUT1JfQUxUJyl9IC8+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG4vLyBUT0RPOiBbUDRdIFJlbmFtZSB0aGlzIGZpbGUgb3IgdGhlIHdob2xlIG1pZGRsZXdhcmUsIGl0IGxvb2tzIGVpdGhlciB0b28gc2ltcGxlIG9yIHRvbyBjb21wcmVoZW5zaXZlIG5vd1xuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gY3JlYXRlQ29yZU1pZGRsZXdhcmUoKSB7XG4gIHJldHVybiBbKCkgPT4gKCkgPT4gKHsgdmlzaWJsZSB9KSA9PiB2aXNpYmxlICYmIDxEb3RJbmRpY2F0b3IgLz5dO1xufVxuIl19