botframework-webchat-component
Version:
React component of botframework-webchat
57 lines (56 loc) • 11 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 _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 = {
alignItems: 'center',
display: 'flex',
'& .webchat__initialsAvatar__initials': {
justifyContent: 'center'
}
};
var InitialsAvatar = function InitialsAvatar(_ref) {
var fromUser = _ref.fromUser;
var _useAvatarForBot = useAvatarForBot(),
_useAvatarForBot2 = _slicedToArray(_useAvatarForBot, 1),
avatarInitialsForBot = _useAvatarForBot2[0].initials;
var _useAvatarForUser = useAvatarForUser(),
_useAvatarForUser2 = _slicedToArray(_useAvatarForUser, 1),
avatarInitialsForUser = _useAvatarForUser2[0].initials;
var _useStyleSet = (0, _useStyleSet3.default)(),
_useStyleSet2 = _slicedToArray(_useStyleSet, 1),
initialsAvatarStyleSet = _useStyleSet2[0].initialsAvatar;
var rootClassName = (0, _useStyleToEmotionObject.default)()(ROOT_STYLE) + '';
return /*#__PURE__*/_react.default.createElement("div", {
className: (0, _classnames.default)('webchat__initialsAvatar', {
'webchat__initialsAvatar--fromUser': fromUser
}, rootClassName, initialsAvatarStyleSet + '')
}, /*#__PURE__*/_react.default.createElement("div", {
className: "webchat__initialsAvatar__initials"
}, fromUser ? avatarInitialsForUser : avatarInitialsForBot));
};
InitialsAvatar.defaultProps = {
fromUser: false
};
InitialsAvatar.propTypes = {
fromUser: _propTypes.default.bool
};
var _default = InitialsAvatar;
exports.default = _default;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfYm90ZnJhbWV3b3JrV2ViY2hhdEFwaSIsInJlcXVpcmUiLCJfY2xhc3NuYW1lcyIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfcHJvcFR5cGVzIiwiX3JlYWN0IiwiX3VzZVN0eWxlU2V0MyIsIl91c2VTdHlsZVRvRW1vdGlvbk9iamVjdCIsIm9iaiIsIl9fZXNNb2R1bGUiLCJkZWZhdWx0IiwiX3NsaWNlZFRvQXJyYXkiLCJhcnIiLCJpIiwiX2FycmF5V2l0aEhvbGVzIiwiX2l0ZXJhYmxlVG9BcnJheUxpbWl0IiwiX3Vuc3VwcG9ydGVkSXRlcmFibGVUb0FycmF5IiwiX25vbkl0ZXJhYmxlUmVzdCIsIlR5cGVFcnJvciIsIm8iLCJtaW5MZW4iLCJfYXJyYXlMaWtlVG9BcnJheSIsIm4iLCJPYmplY3QiLCJwcm90b3R5cGUiLCJ0b1N0cmluZyIsImNhbGwiLCJzbGljZSIsImNvbnN0cnVjdG9yIiwibmFtZSIsIkFycmF5IiwiZnJvbSIsInRlc3QiLCJsZW4iLCJsZW5ndGgiLCJhcnIyIiwiX2kiLCJTeW1ib2wiLCJpdGVyYXRvciIsIl9hcnIiLCJfbiIsIl9kIiwiX3MiLCJfZSIsIm5leHQiLCJkb25lIiwicHVzaCIsInZhbHVlIiwiZXJyIiwiaXNBcnJheSIsInVzZUF2YXRhckZvckJvdCIsImhvb2tzIiwidXNlQXZhdGFyRm9yVXNlciIsIlJPT1RfU1RZTEUiLCJhbGlnbkl0ZW1zIiwiZGlzcGxheSIsImp1c3RpZnlDb250ZW50IiwiSW5pdGlhbHNBdmF0YXIiLCJfcmVmIiwiZnJvbVVzZXIiLCJfdXNlQXZhdGFyRm9yQm90IiwiX3VzZUF2YXRhckZvckJvdDIiLCJhdmF0YXJJbml0aWFsc0ZvckJvdCIsImluaXRpYWxzIiwiX3VzZUF2YXRhckZvclVzZXIiLCJfdXNlQXZhdGFyRm9yVXNlcjIiLCJhdmF0YXJJbml0aWFsc0ZvclVzZXIiLCJfdXNlU3R5bGVTZXQiLCJ1c2VTdHlsZVNldCIsIl91c2VTdHlsZVNldDIiLCJpbml0aWFsc0F2YXRhclN0eWxlU2V0IiwiaW5pdGlhbHNBdmF0YXIiLCJyb290Q2xhc3NOYW1lIiwidXNlU3R5bGVUb0Vtb3Rpb25PYmplY3QiLCJjcmVhdGVFbGVtZW50IiwiY2xhc3NOYW1lIiwiY2xhc3NOYW1lcyIsImRlZmF1bHRQcm9wcyIsInByb3BUeXBlcyIsIlByb3BUeXBlcyIsImJvb2wiLCJfZGVmYXVsdCIsImV4cG9ydHMiXSwic291cmNlUm9vdCI6ImNvbXBvbmVudDovLy8iLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9BdmF0YXIvSW5pdGlhbHNBdmF0YXIuanMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgaG9va3MgfSBmcm9tICdib3RmcmFtZXdvcmstd2ViY2hhdC1hcGknO1xuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSAnY2xhc3NuYW1lcyc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHVzZVN0eWxlU2V0IGZyb20gJy4uL2hvb2tzL3VzZVN0eWxlU2V0JztcbmltcG9ydCB1c2VTdHlsZVRvRW1vdGlvbk9iamVjdCBmcm9tICcuLi9ob29rcy9pbnRlcm5hbC91c2VTdHlsZVRvRW1vdGlvbk9iamVjdCc7XG5cbmNvbnN0IHsgdXNlQXZhdGFyRm9yQm90LCB1c2VBdmF0YXJGb3JVc2VyIH0gPSBob29rcztcblxuY29uc3QgUk9PVF9TVFlMRSA9IHtcbiAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gIGRpc3BsYXk6ICdmbGV4JyxcblxuICAnJiAud2ViY2hhdF9faW5pdGlhbHNBdmF0YXJfX2luaXRpYWxzJzoge1xuICAgIGp1c3RpZnlDb250ZW50OiAnY2VudGVyJ1xuICB9XG59O1xuXG5jb25zdCBJbml0aWFsc0F2YXRhciA9ICh7IGZyb21Vc2VyIH0pID0+IHtcbiAgY29uc3QgW3sgaW5pdGlhbHM6IGF2YXRhckluaXRpYWxzRm9yQm90IH1dID0gdXNlQXZhdGFyRm9yQm90KCk7XG4gIGNvbnN0IFt7IGluaXRpYWxzOiBhdmF0YXJJbml0aWFsc0ZvclVzZXIgfV0gPSB1c2VBdmF0YXJGb3JVc2VyKCk7XG4gIGNvbnN0IFt7IGluaXRpYWxzQXZhdGFyOiBpbml0aWFsc0F2YXRhclN0eWxlU2V0IH1dID0gdXNlU3R5bGVTZXQoKTtcbiAgY29uc3Qgcm9vdENsYXNzTmFtZSA9IHVzZVN0eWxlVG9FbW90aW9uT2JqZWN0KCkoUk9PVF9TVFlMRSkgKyAnJztcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcyhcbiAgICAgICAgJ3dlYmNoYXRfX2luaXRpYWxzQXZhdGFyJyxcbiAgICAgICAge1xuICAgICAgICAgICd3ZWJjaGF0X19pbml0aWFsc0F2YXRhci0tZnJvbVVzZXInOiBmcm9tVXNlclxuICAgICAgICB9LFxuICAgICAgICByb290Q2xhc3NOYW1lLFxuICAgICAgICBpbml0aWFsc0F2YXRhclN0eWxlU2V0ICsgJydcbiAgICAgICl9XG4gICAgPlxuICAgICAgPGRpdiBjbGFzc05hbWU9XCJ3ZWJjaGF0X19pbml0aWFsc0F2YXRhcl9faW5pdGlhbHNcIj57ZnJvbVVzZXIgPyBhdmF0YXJJbml0aWFsc0ZvclVzZXIgOiBhdmF0YXJJbml0aWFsc0ZvckJvdH08L2Rpdj5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbkluaXRpYWxzQXZhdGFyLmRlZmF1bHRQcm9wcyA9IHtcbiAgZnJvbVVzZXI6IGZhbHNlXG59O1xuXG5Jbml0aWFsc0F2YXRhci5wcm9wVHlwZXMgPSB7XG4gIGZyb21Vc2VyOiBQcm9wVHlwZXMuYm9vbFxufTtcblxuZXhwb3J0IGRlZmF1bHQgSW5pdGlhbHNBdmF0YXI7XG4iXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLElBQUFBLHVCQUFBLEdBQUFDLE9BQUE7QUFDQSxJQUFBQyxXQUFBLEdBQUFDLHNCQUFBLENBQUFGLE9BQUE7QUFDQSxJQUFBRyxVQUFBLEdBQUFELHNCQUFBLENBQUFGLE9BQUE7QUFDQSxJQUFBSSxNQUFBLEdBQUFGLHNCQUFBLENB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