botframework-webchat-component
Version:
React component of botframework-webchat
59 lines (58 loc) • 11.3 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _botframeworkWebchatApi = require("botframework-webchat-api");
var _classnames = _interopRequireDefault(require("classnames"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _react = _interopRequireDefault(require("react"));
var _CroppedImage = _interopRequireDefault(require("../Utils/CroppedImage"));
var _useStyleSet3 = _interopRequireDefault(require("../hooks/useStyleSet"));
var _useStyleToEmotionObject = _interopRequireDefault(require("../hooks/internal/useStyleToEmotionObject"));
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) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_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 useAvatarForBot = _botframeworkWebchatApi.hooks.useAvatarForBot,
useAvatarForUser = _botframeworkWebchatApi.hooks.useAvatarForUser;
var ROOT_STYLE = {
'& .webchat__imageAvatar__image': {
width: '100%'
}
};
var ImageAvatar = function ImageAvatar(_ref) {
var fromUser = _ref.fromUser;
var _useAvatarForBot = useAvatarForBot(),
_useAvatarForBot2 = _slicedToArray(_useAvatarForBot, 1),
avatarImageForBot = _useAvatarForBot2[0].image;
var _useAvatarForUser = useAvatarForUser(),
_useAvatarForUser2 = _slicedToArray(_useAvatarForUser, 1),
avatarImageForUser = _useAvatarForUser2[0].image;
var _useStyleSet = (0, _useStyleSet3.default)(),
_useStyleSet2 = _slicedToArray(_useStyleSet, 1),
imageAvatarStyleSet = _useStyleSet2[0].imageAvatar;
var rootClassName = (0, _useStyleToEmotionObject.default)()(ROOT_STYLE) + '';
var avatarImage = fromUser ? avatarImageForUser : avatarImageForBot;
return !!avatarImage && /*#__PURE__*/_react.default.createElement("div", {
className: (0, _classnames.default)('webchat__imageAvatar', rootClassName, imageAvatarStyleSet + '')
}, /*#__PURE__*/_react.default.createElement(_CroppedImage.default, {
alt: "",
className: "webchat__imageAvatar__image",
height: "100%",
src: fromUser ? avatarImageForUser : avatarImageForBot,
width: "100%"
}));
};
ImageAvatar.defaultProps = {
fromUser: false
};
ImageAvatar.propTypes = {
fromUser: _propTypes.default.bool
};
var _default = ImageAvatar;
exports.default = _default;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfYm90ZnJhbWV3b3JrV2ViY2hhdEFwaSIsInJlcXVpcmUiLCJfY2xhc3NuYW1lcyIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfcHJvcFR5cGVzIiwiX3JlYWN0IiwiX0Nyb3BwZWRJbWFnZSIsIl91c2VTdHlsZVNldDMiLCJfdXNlU3R5bGVUb0Vtb3Rpb25PYmplY3QiLCJvYmoiLCJfX2VzTW9kdWxlIiwiZGVmYXVsdCIsIl9zbGljZWRUb0FycmF5IiwiYXJyIiwiaSIsIl9hcnJheVdpdGhIb2xlcyIsIl9pdGVyYWJsZVRvQXJyYXlMaW1pdCIsIl91bnN1cHBvcnRlZEl0ZXJhYmxlVG9BcnJheSIsIl9ub25JdGVyYWJsZVJlc3QiLCJUeXBlRXJyb3IiLCJvIiwibWluTGVuIiwiX2FycmF5TGlrZVRvQXJyYXkiLCJuIiwiT2JqZWN0IiwicHJvdG90eXBlIiwidG9TdHJpbmciLCJjYWxsIiwic2xpY2UiLCJjb25zdHJ1Y3RvciIsIm5hbWUiLCJBcnJheSIsImZyb20iLCJ0ZXN0IiwibGVuIiwibGVuZ3RoIiwiYXJyMiIsIl9pIiwiU3ltYm9sIiwiaXRlcmF0b3IiLCJfYXJyIiwiX24iLCJfZCIsIl9zIiwiX2UiLCJuZXh0IiwiZG9uZSIsInB1c2giLCJ2YWx1ZSIsImVyciIsImlzQXJyYXkiLCJ1c2VBdmF0YXJGb3JCb3QiLCJob29rcyIsInVzZUF2YXRhckZvclVzZXIiLCJST09UX1NUWUxFIiwid2lkdGgiLCJJbWFnZUF2YXRhciIsIl9yZWYiLCJmcm9tVXNlciIsIl91c2VBdmF0YXJGb3JCb3QiLCJfdXNlQXZhdGFyRm9yQm90MiIsImF2YXRhckltYWdlRm9yQm90IiwiaW1hZ2UiLCJfdXNlQXZhdGFyRm9yVXNlciIsIl91c2VBdmF0YXJGb3JVc2VyMiIsImF2YXRhckltYWdlRm9yVXNlciIsIl91c2VTdHlsZVNldCIsInVzZVN0eWxlU2V0IiwiX3VzZVN0eWxlU2V0MiIsImltYWdlQXZhdGFyU3R5bGVTZXQiLCJpbWFnZUF2YXRhciIsInJvb3RDbGFzc05hbWUiLCJ1c2VTdHlsZVRvRW1vdGlvbk9iamVjdCIsImF2YXRhckltYWdlIiwiY3JlYXRlRWxlbWVudCIsImNsYXNzTmFtZSIsImNsYXNzTmFtZXMiLCJhbHQiLCJoZWlnaHQiLCJzcmMiLCJkZWZhdWx0UHJvcHMiLCJwcm9wVHlwZXMiLCJQcm9wVHlwZXMiLCJib29sIiwiX2RlZmF1bHQiLCJleHBvcnRzIl0sInNvdXJjZVJvb3QiOiJjb21wb25lbnQ6Ly8vIiwic291cmNlcyI6WyIuLi8uLi9zcmMvQXZhdGFyL0ltYWdlQXZhdGFyLmpzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGhvb2tzIH0gZnJvbSAnYm90ZnJhbWV3b3JrLXdlYmNoYXQtYXBpJztcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gJ2NsYXNzbmFtZXMnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBDcm9wcGVkSW1hZ2UgZnJvbSAnLi4vVXRpbHMvQ3JvcHBlZEltYWdlJztcbmltcG9ydCB1c2VTdHlsZVNldCBmcm9tICcuLi9ob29rcy91c2VTdHlsZVNldCc7XG5pbXBvcnQgdXNlU3R5bGVUb0Vtb3Rpb25PYmplY3QgZnJvbSAnLi4vaG9va3MvaW50ZXJuYWwvdXNlU3R5bGVUb0Vtb3Rpb25PYmplY3QnO1xuXG5jb25zdCB7IHVzZUF2YXRhckZvckJvdCwgdXNlQXZhdGFyRm9yVXNlciB9ID0gaG9va3M7XG5cbmNvbnN0IFJPT1RfU1RZTEUgPSB7XG4gICcmIC53ZWJjaGF0X19pbWFnZUF2YXRhcl9faW1hZ2UnOiB7XG4gICAgd2lkdGg6ICcxMDAlJ1xuICB9XG59O1xuXG5jb25zdCBJbWFnZUF2YXRhciA9ICh7IGZyb21Vc2VyIH0pID0+IHtcbiAgY29uc3QgW3sgaW1hZ2U6IGF2YXRhckltYWdlRm9yQm90IH1dID0gdXNlQXZhdGFyRm9yQm90KCk7XG4gIGNvbnN0IFt7IGltYWdlOiBhdmF0YXJJbWFnZUZvclVzZXIgfV0gPSB1c2VBdmF0YXJGb3JVc2VyKCk7XG4gIGNvbnN0IFt7IGltYWdlQXZhdGFyOiBpbWFnZUF2YXRhclN0eWxlU2V0IH1dID0gdXNlU3R5bGVTZXQoKTtcbiAgY29uc3Qgcm9vdENsYXNzTmFtZSA9IHVzZVN0eWxlVG9FbW90aW9uT2JqZWN0KCkoUk9PVF9TVFlMRSkgKyAnJztcblxuICBjb25zdCBhdmF0YXJJbWFnZSA9IGZyb21Vc2VyID8gYXZhdGFySW1hZ2VGb3JVc2VyIDogYXZhdGFySW1hZ2VGb3JCb3Q7XG5cbiAgcmV0dXJuIChcbiAgICAhIWF2YXRhckltYWdlICYmIChcbiAgICAgIDxkaXYgY2xhc3NOYW1lPXtjbGFzc05hbWVzKCd3ZWJjaGF0X19pbWFnZUF2YXRhcicsIHJvb3RDbGFzc05hbWUsIGltYWdlQXZhdGFyU3R5bGVTZXQgKyAnJyl9PlxuICAgICAgICA8Q3JvcHBlZEltYWdlXG4gICAgICAgICAgYWx0PVwiXCJcbiAgICAgICAgICBjbGFzc05hbWU9XCJ3ZWJjaGF0X19pbWFnZUF2YXRhcl9faW1hZ2VcIlxuICAgICAgICAgIGhlaWdodD1cIjEwMCVcIlxuICAgICAgICAgIHNyYz17ZnJvbVVzZXIgPyBhdmF0YXJJbWFnZUZvclVzZXIgOiBhdmF0YXJJbWFnZUZvckJvdH1cbiAgICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICAvPlxuICAgICAgPC9kaXY+XG4gICAgKVxuICApO1xufTtcblxuSW1hZ2VBdmF0YXIuZGVmYXVsdFByb3BzID0ge1xuICBmcm9tVXNlcjogZmFsc2Vcbn07XG5cbkltYWdlQXZhdGFyLnByb3BUeXBlcyA9IHtcbiAgZnJvbVVzZXI6IFByb3BUeXBlcy5ib29sXG59O1xuXG5leHBvcnQgZGVmYXVsdCBJbWFnZUF2YXRhcjtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsSUFBQUEsdUJBQUEsR0FBQUMsT0FBQTtBQUNBLElBQUFDLFdBQUEsR0FBQUMsc0JBQUEsQ0FBQUYsT0FBQTtBQUNBLElBQUFHLFVBQUEsR0FBQUQsc0JBQUEsQ0FBQUYs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