botframework-webchat-component
Version:
React component of botframework-webchat
63 lines (62 loc) • 9.88 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _classnames = _interopRequireDefault(require("classnames"));
var _react = _interopRequireDefault(require("react"));
var _useStyleToEmotionObject = _interopRequireDefault(require("../../hooks/internal/useStyleToEmotionObject"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var ROOT_STYLE = {
'&.webchat__attachment-icon': {
display: 'grid',
gridTemplateArea: 'body',
position: 'relative',
'& .webchat__attachment-icon__icon': {
gridArea: 'body'
},
'&:not(.webchat__attachment-icon--checked) .webchat__attachment-icon__checkmark-icon': {
display: 'none'
},
// TODO: [P1] Replace the icon with a SVG that embed the checkmark directly.
'& .webchat__attachment-icon__checkmark-icon': {
// White border around the check icon
border: '2px solid white',
borderRadius: '50%',
position: 'absolute',
left: '45%',
top: '50%'
}
}
};
var AttachmentIcon = function AttachmentIcon(_ref) {
var checked = _ref.checked;
var rootClassName = (0, _useStyleToEmotionObject.default)()(ROOT_STYLE) + '';
return /*#__PURE__*/_react.default.createElement("div", {
className: (0, _classnames.default)('webchat__attachment-icon', {
'webchat__attachment-icon--checked': checked
}, rootClassName)
}, /*#__PURE__*/_react.default.createElement("svg", {
className: "webchat__attachment-icon__icon",
focusable: false,
height: 28,
role: "presentation",
viewBox: "0 0 25.75 46",
width: 28
}, /*#__PURE__*/_react.default.createElement("path", {
clipRule: "evenodd",
d: "M20.75 11.75v21.37a7.69 7.69 0 0 1-.62 3.07 7.95 7.95 0 0 1-4.19 4.19 7.89 7.89 0 0 1-6.13 0 7.95 7.95 0 0 1-4.19-4.19 7.69 7.69 0 0 1-.62-3.07v-22.5a5.27 5.27 0 0 1 .45-2.17 5.69 5.69 0 0 1 3-3 5.48 5.48 0 0 1 4.35 0 5.69 5.69 0 0 1 3 3 5.27 5.27 0 0 1 .45 2.17v22.5a3.41 3.41 0 0 1-.26 1.32 3.31 3.31 0 0 1-1.8 1.8 3.46 3.46 0 0 1-2.63 0 3.31 3.31 0 0 1-1.8-1.8 3.41 3.41 0 0 1-.26-1.32V14h2.25v19.12a1.13 1.13 0 1 0 2.25 0v-22.5a3.4 3.4 0 0 0-.26-1.31 3.31 3.31 0 0 0-1.8-1.8 3.46 3.46 0 0 0-2.63 0 3.31 3.31 0 0 0-1.8 1.8 3.4 3.4 0 0 0-.26 1.31v22.5a5.32 5.32 0 0 0 .45 2.18 5.69 5.69 0 0 0 3 3 5.48 5.48 0 0 0 4.35 0 5.69 5.69 0 0 0 3-3 5.32 5.32 0 0 0 .45-2.18v-21.37z"
})), /*#__PURE__*/_react.default.createElement("svg", {
className: "webchat__attachment-icon__icon webchat__attachment-icon__checkmark-icon",
focusable: false,
height: 10,
role: "presentation",
viewBox: "0 0 10 10",
width: 10
}, /*#__PURE__*/_react.default.createElement("path", {
d: "M5 10C7.76142 10 10 7.76142 10 5C10 2.23858 7.76142 0 5 0C2.23858 0 0 2.23858 0 5C0 7.76142 2.23858 10 5 10ZM7.10356 4.10355L4.85357 6.35356C4.65831 6.54883 4.34173 6.54883 4.14646 6.35357L3.14645 5.35357C2.95119 5.1583 2.95118 4.84172 3.14644 4.64646C3.34171 4.45119 3.65829 4.45119 3.85355 4.64645L4.50001 5.29291L6.39644 3.39645C6.59171 3.20119 6.90829 3.20118 7.10355 3.39644C7.29881 3.59171 7.29882 3.90829 7.10356 4.10355Z"
})));
};
var _default = AttachmentIcon;
exports.default = _default;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfY2xhc3NuYW1lcyIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJyZXF1aXJlIiwiX3JlYWN0IiwiX3VzZVN0eWxlVG9FbW90aW9uT2JqZWN0Iiwib2JqIiwiX19lc01vZHVsZSIsImRlZmF1bHQiLCJST09UX1NUWUxFIiwiZGlzcGxheSIsImdyaWRUZW1wbGF0ZUFyZWEiLCJwb3NpdGlvbiIsImdyaWRBcmVhIiwiYm9yZGVyIiwiYm9yZGVyUmFkaXVzIiwibGVmdCIsInRvcCIsIkF0dGFjaG1lbnRJY29uIiwiX3JlZiIsImNoZWNrZWQiLCJyb290Q2xhc3NOYW1lIiwidXNlU3R5bGVUb0Vtb3Rpb25PYmplY3QiLCJjcmVhdGVFbGVtZW50IiwiY2xhc3NOYW1lIiwiY2xhc3NOYW1lcyIsImZvY3VzYWJsZSIsImhlaWdodCIsInJvbGUiLCJ2aWV3Qm94Iiwid2lkdGgiLCJjbGlwUnVsZSIsImQiLCJfZGVmYXVsdCIsImV4cG9ydHMiXSwic291cmNlUm9vdCI6ImNvbXBvbmVudDovLy8iLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9TZW5kQm94VG9vbGJhci9Bc3NldHMvQXR0YWNobWVudEljb24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBjbGFzc05hbWVzIGZyb20gJ2NsYXNzbmFtZXMnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHVzZVN0eWxlVG9FbW90aW9uT2JqZWN0IGZyb20gJy4uLy4uL2hvb2tzL2ludGVybmFsL3VzZVN0eWxlVG9FbW90aW9uT2JqZWN0JztcblxudHlwZSBQcm9wcyA9IFJlYWRvbmx5PHsgY2hlY2tlZDogYm9vbGVhbiB9PjtcblxuY29uc3QgUk9PVF9TVFlMRSA9IHtcbiAgJyYud2ViY2hhdF9fYXR0YWNobWVudC1pY29uJzoge1xuICAgIGRpc3BsYXk6ICdncmlkJyxcbiAgICBncmlkVGVtcGxhdGVBcmVhOiAnYm9keScsXG4gICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG5cbiAgICAnJiAud2ViY2hhdF9fYXR0YWNobWVudC1pY29uX19pY29uJzoge1xuICAgICAgZ3JpZEFyZWE6ICdib2R5J1xuICAgIH0sXG5cbiAgICAnJjpub3QoLndlYmNoYXRfX2F0dGFjaG1lbnQtaWNvbi0tY2hlY2tlZCkgLndlYmNoYXRfX2F0dGFjaG1lbnQtaWNvbl9fY2hlY2ttYXJrLWljb24nOiB7XG4gICAgICBkaXNwbGF5OiAnbm9uZSdcbiAgICB9LFxuXG4gICAgLy8gVE9ETzogW1AxXSBSZXBsYWNlIHRoZSBpY29uIHdpdGggYSBTVkcgdGhhdCBlbWJlZCB0aGUgY2hlY2ttYXJrIGRpcmVjdGx5LlxuICAgICcmIC53ZWJjaGF0X19hdHRhY2htZW50LWljb25fX2NoZWNrbWFyay1pY29uJzoge1xuICAgICAgLy8gV2hpdGUgYm9yZGVyIGFyb3VuZCB0aGUgY2hlY2sgaWNvblxuICAgICAgYm9yZGVyOiAnMnB4IHNvbGlkIHdoaXRlJyxcbiAgICAgIGJvcmRlclJhZGl1czogJzUwJScsXG4gICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgIGxlZnQ6ICc0NSUnLFxuICAgICAgdG9wOiAnNTAlJ1xuICAgIH1cbiAgfVxufTtcblxuY29uc3QgQXR0YWNobWVudEljb24gPSAoeyBjaGVja2VkIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHJvb3RDbGFzc05hbWUgPSB1c2VTdHlsZVRvRW1vdGlvbk9iamVjdCgpKFJPT1RfU1RZTEUpICsgJyc7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMoXG4gICAgICAgICd3ZWJjaGF0X19hdHRhY2htZW50LWljb24nLFxuICAgICAgICB7ICd3ZWJjaGF0X19hdHRhY2htZW50LWljb24tLWNoZWNrZWQnOiBjaGVja2VkIH0sXG4gICAgICAgIHJvb3RDbGFzc05hbWVcbiAgICAgICl9XG4gICAgPlxuICAgICAgPHN2Z1xuICAgICAgICBjbGFzc05hbWU9XCJ3ZWJjaGF0X19hdHRhY2htZW50LWljb25fX2ljb25cIlxuICAgICAgICBmb2N1c2FibGU9e2ZhbHNlfVxuICAgICAgICBoZWlnaHQ9ezI4fVxuICAgICAgICByb2xlPVwicHJlc2VudGF0aW9uXCJcbiAgICAgICAgdmlld0JveD1cIjAgMCAyNS43NSA0NlwiXG4gICAgICAgIHdpZHRoPXsyOH1cbiAgICAgID5cbiAgICAgICAgPHBhdGhcbiAgICAgICAgICBjbGlwUnVsZT1cImV2ZW5vZGRcIlxuICAgICAgICAgIGQ9XCJNMjAuNzUgMTEuNzV2MjEuMzdhNy42OSA3LjY5IDAgMCAxLS42MiAzLjA3IDcuOTUgNy45NSAwIDAgMS00LjE5IDQuMTkgNy44OSA3Ljg5IDAgMCAxLTYuMTMgMCA3Ljk1IDcuOTUgMCAwIDEtNC4xOS00LjE5IDcuNjkgNy42OSAwIDAgMS0uNjItMy4wN3YtMjIuNWE1LjI3IDUuMjcgMCAwIDEgLjQ1LTIuMTcgNS42OSA1LjY5IDAgMCAxIDMtMyA1LjQ4IDUuNDggMCAwIDEgNC4zNSAwIDUuNjkgNS42OSAwIDAgMSAzIDMgNS4yNyA1LjI3IDAgMCAxIC40NSAyLjE3djIyLjVhMy40MSAzLjQxIDAgMCAxLS4yNiAxLjMyIDMuMzEgMy4zMSAwIDAgMS0xLjggMS44IDMuNDYgMy40NiAwIDAgMS0yLjYzIDAgMy4zMSAzLjMxIDAgMCAxLTEuOC0xLjggMy40MSAzLjQxIDAgMCAxLS4yNi0xLjMyVjE0aDIuMjV2MTkuMTJhMS4xMyAxLjEzIDAgMSAwIDIuMjUgMHYtMjIuNWEzLjQgMy40IDAgMCAwLS4yNi0xLjMxIDMuMzEgMy4zMSAwIDAgMC0xLjgtMS44IDMuNDYgMy40NiAwIDAgMC0yLjYzIDAgMy4zMSAzLjMxIDAgMCAwLTEuOCAxLjggMy40IDMuNCAwIDAgMC0uMjYgMS4zMXYyMi41YTUuMzIgNS4zMiAwIDAgMCAuNDUgMi4xOCA1LjY5IDUuNjkgMCAwIDAgMyAzIDUuNDggNS40OCAwIDAgMCA0LjM1IDAgNS42OSA1LjY5IDAgMCAwIDMtMyA1LjMyIDUuMzIgMCAwIDAgLjQ1LTIuMTh2LTIxLjM3elwiXG4gICAgICAgIC8+XG4gICAgICA8L3N2Zz5cbiAgICAgIDxzdmdcbiAgICAgICAgY2xhc3NOYW1lPVwid2ViY2hhdF9fYXR0YWNobWVudC1pY29uX19pY29uIHdlYmNoYXRfX2F0dGFjaG1lbnQtaWNvbl9fY2hlY2ttYXJrLWljb25cIlxuICAgICAgICBmb2N1c2FibGU9e2ZhbHNlfVxuICAgICAgICBoZWlnaHQ9ezEwfVxuICAgICAgICByb2xlPVwicHJlc2VudGF0aW9uXCJcbiAgICAgICAgdmlld0JveD1cIjAgMCAxMCAxMFwiXG4gICAgICAgIHdpZHRoPXsxMH1cbiAgICAgID5cbiAgICAgICAgPHBhdGggZD1cIk01IDEwQzcuNzYxNDIgMTAgMTAgNy43NjE0MiAxMCA1QzEwIDIuMjM4NTggNy43NjE0MiAwIDUgMEMyLjIzODU4IDAgMCAyLjIzODU4IDAgNUMwIDcuNzYxNDIgMi4yMzg1OCAxMCA1IDEwWk03LjEwMzU2IDQuMTAzNTVMNC44NTM1NyA2LjM1MzU2QzQuNjU4MzEgNi41NDg4MyA0LjM0MTczIDYuNTQ4ODMgNC4xNDY0NiA2LjM1MzU3TDMuMTQ2NDUgNS4zNTM1N0MyLjk1MTE5IDUuMTU4MyAyLjk1MTE4IDQuODQxNzIgMy4xNDY0NCA0LjY0NjQ2QzMuMzQxNzEgNC40NTExOSAzLjY1ODI5IDQuNDUxMTkgMy44NTM1NSA0LjY0NjQ1TDQuNTAwMDEgNS4yOTI5MUw2LjM5NjQ0IDMuMzk2NDVDNi41OTE3MSAzLjIwMTE5IDYuOTA4MjkgMy4yMDExOCA3LjEwMzU1IDMuMzk2NDRDNy4yOTg4MSAzLjU5MTcxIDcuMjk4ODIgMy45MDgyOSA3LjEwMzU2IDQuMTAzNTVaXCIgLz5cbiAgICAgIDwvc3ZnPlxuICAgIDwvZGl2PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQXR0YWNobWVudEljb247XG4iXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLElBQUFBLFdBQUEsR0FBQUMsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFDLE1BQUEsR0FBQUYsc0JBQUEsQ0FBQUMsT0FBQTtBQUVBLElBQUFFLHdCQUFBLEdBQUFILHNCQUFBLENBQUFDLE9BQUE7QUFBbUYsU0FBQUQsdUJBQUFJLEdBQUEsV0FBQUEsR0FBQSxJQUFBQSxHQUFBLENBQUFDLFVBQUEsR0FBQUQsR0FBQSxLQUFBRSxPQUFBLEVBQUFGLEdBQUE7QUFJbkYsSUFBTUcsVUFBVSxHQUFHO0VBQ2pCLDRCQUE0QixFQUFFO0lBQzVCQyxPQUFPLEVBQUUsTUFBTTtJQUNmQyxnQkFBZ0IsRUFBRSxNQUFNO0lBQ3hCQyxRQUFRLEVBQUUsVUFBVTtJQUVwQixtQ0FBbUMsRUFBRTtNQUNuQ0MsUUFBUSxFQUFFO0lBQ1osQ0FBQztJQUVELHFGQUFxRixFQUFFO01BQ3JGSCxPQUFPLEVBQUU7SUFDWCxDQUFDO0lBRUQ7SUFDQSw2Q0FBNkMsRUFBRTtNQUM3QztNQUNBSSxNQUFNLEVBQUUsaUJBQWlCO01BQ3pCQyxZQUFZLEVBQUUsS0FBSztNQUNuQkgsUUFBUSxFQUFFLFVBQVU7TUFDcEJJLElBQUksRUFBRSxLQUFLO01BQ1hDLEdBQUcsRUFBRTtJQUNQO0VBQ0Y7QUFDRixDQUFDO0FBRUQsSUFBTUMsY0FBYyxHQUFHLFNBQWpCQSxjQUFjQSxDQUFBQyxJQUFBLEVBQTJCO0VBQUEsSUFBckJDLE9BQU8sR0FBQUQsSUFBQSxDQUFQQyxPQUFPO0VBQy9CLElBQU1DLGFBQWEsR0FBRyxJQUFBQyxnQ0FBdUIsRUFBQyxDQUFDLENBQUNiLFVBQVUsQ0FBQyxHQUFHLEVBQUU7RUFFaEUsb0JBQ0VMLE1BQUEsQ0FBQUksT0FBQSxDQUFBZSxhQUFBO0lBQ0VDLFNBQVMsRUFBRSxJQUFBQyxtQkFBVSxFQUNuQiwwQkFBMEIsRUFDMUI7TUFBRSxtQ0FBbUMsRUFBRUw7SUFBUSxDQUFDLEVBQ2hEQyxhQUNGO0VBQUUsZ0JBRUZqQixNQUFBLENBQUFJLE9BQUEsQ0FBQWUsYUFBQTtJQUNFQyxTQUFTLEVBQUMsZ0NBQWdDO0lBQzFDRSxTQUFTLEVBQUUsS0FBTTtJQUNqQkMsTUFBTSxFQUFFLEVBQUc7SUFDWEMsSUFBSSxFQUFDLGNBQWM7SUFDbkJDLE9BQU8sRUFBQyxjQUFjO0lBQ3RCQyxLQUFLLEVBQUU7RUFBRyxnQkFFVjFCLE1BQUEsQ0FBQUksT0FBQSxDQUFBZSxhQUFBO0lBQ0VRLFFBQVEsRUFBQyxTQUFTO0lBQ2xCQyxDQUFDLEVBQUM7RUFBb3FCLENBQ3ZxQixDQUNFLENBQUMsZUFDTjVCLE1BQUEsQ0FBQUksT0FBQSxDQUFBZSxhQUFBO0lBQ0VDLFNBQVMsRUFBQyx5RUFBeUU7SUFDbkZFLFNBQVMsRUFBRSxLQUFNO0lBQ2pCQyxNQUFNLEVBQUUsRUFBRztJQUNYQyxJQUFJLEVBQUMsY0FBYztJQUNuQkMsT0FBTyxFQUFDLFdBQVc7SUFDbkJDLEtBQUssRUFBRTtFQUFHLGdCQUVWMUIsTUFBQSxDQUFBSSxPQUFBLENBQUFlLGFBQUE7SUFBTVMsQ0FBQyxFQUFDO0VBQThhLENBQUUsQ0FDcmIsQ0FDRixDQUFDO0FBRVYsQ0FBQztBQUFDLElBQUFDLFFBQUEsR0FFYWYsY0FBYztBQUFBZ0IsT0FBQSxDQUFBMUIsT0FBQSxHQUFBeUIsUUFBQSJ9