botframework-webchat-component
Version:
React component of botframework-webchat
98 lines (96 loc) • 12.5 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = createBasicTranscriptStyleSet;
/* eslint no-magic-numbers: ["error", { "ignore": [2] }] */
function createBasicTranscriptStyleSet(_ref) {
var paddingRegular = _ref.paddingRegular,
primaryFont = _ref.primaryFont,
transcriptActivityVisualKeyboardIndicatorColor = _ref.transcriptActivityVisualKeyboardIndicatorColor,
transcriptActivityVisualKeyboardIndicatorStyle = _ref.transcriptActivityVisualKeyboardIndicatorStyle,
transcriptActivityVisualKeyboardIndicatorWidth = _ref.transcriptActivityVisualKeyboardIndicatorWidth,
transcriptTerminatorBackgroundColor = _ref.transcriptTerminatorBackgroundColor,
transcriptTerminatorBorderRadius = _ref.transcriptTerminatorBorderRadius,
transcriptTerminatorColor = _ref.transcriptTerminatorColor,
transcriptTerminatorFontSize = _ref.transcriptTerminatorFontSize,
transcriptVisualKeyboardIndicatorColor = _ref.transcriptVisualKeyboardIndicatorColor,
transcriptVisualKeyboardIndicatorStyle = _ref.transcriptVisualKeyboardIndicatorStyle,
transcriptVisualKeyboardIndicatorWidth = _ref.transcriptVisualKeyboardIndicatorWidth;
return {
'&.webchat__basic-transcript': {
'&:focus': {
outline: 0,
'& .webchat__basic-transcript__activity-indicator.webchat__basic-transcript__activity-indicator--focus': {
borderColor: transcriptActivityVisualKeyboardIndicatorColor,
borderStyle: transcriptActivityVisualKeyboardIndicatorStyle,
borderWidth: transcriptActivityVisualKeyboardIndicatorWidth,
boxSizing: 'border-box',
height: "calc(100% - ".concat(paddingRegular, "px)"),
left: 0,
margin: paddingRegular / 2,
pointerEvents: 'none',
position: 'absolute',
top: 0,
width: "calc(100% - ".concat(paddingRegular, "px)")
}
},
'&:focus .webchat__basic-transcript__focus-indicator, .webchat__basic-transcript__terminator:focus + .webchat__basic-transcript__focus-indicator': {
height: '100%',
borderColor: transcriptVisualKeyboardIndicatorColor,
borderStyle: transcriptVisualKeyboardIndicatorStyle,
borderWidth: transcriptVisualKeyboardIndicatorWidth,
boxSizing: 'border-box',
pointerEvents: 'none',
position: 'absolute',
top: 0,
width: '100%'
},
'& .webchat__basic-transcript__activity': {
paddingTop: paddingRegular,
position: 'relative',
'&:not(:first-child)': {
marginTop: -paddingRegular
}
},
'& .webchat__basic-transcript__activity-box:not(:empty)': {
paddingBottom: paddingRegular
},
'& .webchat__basic-transcript__activity-sentinel': {
height: '100%',
left: 0,
pointerEvents: 'none',
position: 'absolute',
top: 0,
width: '100%'
},
'& .webchat__basic-transcript__terminator': {
bottom: 0,
height: 0,
outline: 0,
position: 'relative',
width: '100%'
},
'& .webchat__basic-transcript__terminator-body': {
bottom: 0,
display: 'flex',
justifyContent: 'center',
position: 'absolute',
width: '100%'
},
'& .webchat__basic-transcript__terminator:not(:focus) .webchat__basic-transcript__terminator-body': {
display: 'none'
},
'& .webchat__basic-transcript__terminator-text': {
backgroundColor: transcriptTerminatorBackgroundColor,
borderRadius: transcriptTerminatorBorderRadius,
color: transcriptTerminatorColor,
fontFamily: primaryFont,
fontSize: transcriptTerminatorFontSize,
margin: paddingRegular / 2,
padding: paddingRegular / 2
}
}
};
}
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9TdHlsZXMvU3R5bGVTZXQvQmFzaWNUcmFuc2NyaXB0LmpzIl0sIm5hbWVzIjpbImNyZWF0ZUJhc2ljVHJhbnNjcmlwdFN0eWxlU2V0IiwicGFkZGluZ1JlZ3VsYXIiLCJwcmltYXJ5Rm9udCIsInRyYW5zY3JpcHRBY3Rpdml0eVZpc3VhbEtleWJvYXJkSW5kaWNhdG9yQ29sb3IiLCJ0cmFuc2NyaXB0QWN0aXZpdHlWaXN1YWxLZXlib2FyZEluZGljYXRvclN0eWxlIiwidHJhbnNjcmlwdEFjdGl2aXR5VmlzdWFsS2V5Ym9hcmRJbmRpY2F0b3JXaWR0aCIsInRyYW5zY3JpcHRUZXJtaW5hdG9yQmFja2dyb3VuZENvbG9yIiwidHJhbnNjcmlwdFRlcm1pbmF0b3JCb3JkZXJSYWRpdXMiLCJ0cmFuc2NyaXB0VGVybWluYXRvckNvbG9yIiwidHJhbnNjcmlwdFRlcm1pbmF0b3JGb250U2l6ZSIsInRyYW5zY3JpcHRWaXN1YWxLZXlib2FyZEluZGljYXRvckNvbG9yIiwidHJhbnNjcmlwdFZpc3VhbEtleWJvYXJkSW5kaWNhdG9yU3R5bGUiLCJ0cmFuc2NyaXB0VmlzdWFsS2V5Ym9hcmRJbmRpY2F0b3JXaWR0aCIsIm91dGxpbmUiLCJib3JkZXJDb2xvciIsImJvcmRlclN0eWxlIiwiYm9yZGVyV2lkdGgiLCJib3hTaXppbmciLCJoZWlnaHQiLCJsZWZ0IiwibWFyZ2luIiwicG9pbnRlckV2ZW50cyIsInBvc2l0aW9uIiwidG9wIiwid2lkdGgiLCJwYWRkaW5nVG9wIiwibWFyZ2luVG9wIiwicGFkZGluZ0JvdHRvbSIsImJvdHRvbSIsImRpc3BsYXkiLCJqdXN0aWZ5Q29udGVudCIsImJhY2tncm91bmRDb2xvciIsImJvcmRlclJhZGl1cyIsImNvbG9yIiwiZm9udEZhbWlseSIsImZvbnRTaXplIiwicGFkZGluZyJdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBO0FBRWUsU0FBU0EsNkJBQVQsT0FhWjtBQUFBLE1BWkRDLGNBWUMsUUFaREEsY0FZQztBQUFBLE1BWERDLFdBV0MsUUFYREEsV0FXQztBQUFBLE1BVkRDLDhDQVVDLFFBVkRBLDhDQVVDO0FBQUEsTUFUREMsOENBU0MsUUFUREEsOENBU0M7QUFBQSxNQVJEQyw4Q0FRQyxRQVJEQSw4Q0FRQztBQUFBLE1BUERDLG1DQU9DLFFBUERBLG1DQU9DO0FBQUEsTUFOREMsZ0NBTUMsUUFOREEsZ0NBTUM7QUFBQSxNQUxEQyx5QkFLQyxRQUxEQSx5QkFLQztBQUFBLE1BSkRDLDRCQUlDLFFBSkRBLDRCQUlDO0FBQUEsTUFIREMsc0NBR0MsUUFIREEsc0NBR0M7QUFBQSxNQUZEQyxzQ0FFQyxRQUZEQSxzQ0FFQztBQUFBLE1BRERDLHNDQUNDLFFBRERBLHNDQUNDO0FBQ0QsU0FBTztBQUNMLG1DQUErQjtBQUM3QixpQkFBVztBQUNUQyxRQUFBQSxPQUFPLEVBQUUsQ0FEQTtBQUdULGlIQUF5RztBQUN2R0MsVUFBQUEsV0FBVyxFQUFFWCw4Q0FEMEY7QUFFdkdZLFVBQUFBLFdBQVcsRUFBRVgsOENBRjBGO0FBR3ZHWSxVQUFBQSxXQUFXLEVBQUVYLDhDQUgwRjtBQUl2R1ksVUFBQUEsU0FBUyxFQUFFLFlBSjRGO0FBS3ZHQyxVQUFBQSxNQUFNLHdCQUFpQmpCLGNBQWpCLFFBTGlHO0FBTXZHa0IsVUFBQUEsSUFBSSxFQUFFLENBTmlHO0FBT3ZHQyxVQUFBQSxNQUFNLEVBQUVuQixjQUFjLEdBQUcsQ0FQOEU7QUFRdkdvQixVQUFBQSxhQUFhLEVBQUUsTUFSd0Y7QUFTdkdDLFVBQUFBLFFBQVEsRUFBRSxVQVQ2RjtBQVV2R0MsVUFBQUEsR0FBRyxFQUFFLENBVmtHO0FBV3ZHQyxVQUFBQSxLQUFLLHdCQUFpQnZCLGNBQWpCO0FBWGtHO0FBSGhHLE9BRGtCO0FBbUI3Qix5SkFBbUo7QUFDakppQixRQUFBQSxNQUFNLEVBQUUsTUFEeUk7QUFFakpKLFFBQUFBLFdBQVcsRUFBRUosc0NBRm9JO0FBR2pKSyxRQUFBQSxXQUFXLEVBQUVKLHNDQUhvSTtBQUlqSkssUUFBQUEsV0FBVyxFQUFFSixzQ0FKb0k7QUFLakpLLFFBQUFBLFNBQVMsRUFBRSxZQUxzSTtBQU1qSkksUUFBQUEsYUFBYSxFQUFFLE1BTmtJO0FBT2pKQyxRQUFBQSxRQUFRLEVBQUUsVUFQdUk7QUFRakpDLFFBQUFBLEdBQUcsRUFBRSxDQVI0STtBQVNqSkMsUUFBQUEsS0FBSyxFQUFFO0FBVDBJLE9BbkJ0SDtBQStCN0IsZ0RBQTBDO0FBQ3hDQyxRQUFBQSxVQUFVLEVBQUV4QixjQUQ0QjtBQUV4Q3FCLFFBQUFBLFFBQVEsRUFBRSxVQUY4QjtBQUl4QywrQkFBdUI7QUFDckJJLFVBQUFBLFNBQVMsRUFBRSxDQUFDekI7QUFEUztBQUppQixPQS9CYjtBQXdDN0IsZ0VBQTBEO0FBQ3hEMEIsUUFBQUEsYUFBYSxFQUFFMUI7QUFEeUMsT0F4QzdCO0FBNEM3Qix5REFBbUQ7QUFDakRpQixRQUFBQSxNQUFNLEVBQUUsTUFEeUM7QUFFakRDLFFBQUFBLElBQUksRUFBRSxDQUYyQztBQUdqREUsUUFBQUEsYUFBYSxFQUFFLE1BSGtDO0FBSWpEQyxRQUFBQSxRQUFRLEVBQUUsVUFKdUM7QUFLakRDLFFBQUFBLEdBQUcsRUFBRSxDQUw0QztBQU1qREMsUUFBQUEsS0FBSyxFQUFFO0FBTjBDLE9BNUN0QjtBQXFEN0Isa0RBQTRDO0FBQzFDSSxRQUFBQSxNQUFNLEVBQUUsQ0FEa0M7QUFFMUNWLFFBQUFBLE1BQU0sRUFBRSxDQUZrQztBQUcxQ0wsUUFBQUEsT0FBTyxFQUFFLENBSGlDO0FBSTFDUyxRQUFBQSxRQUFRLEVBQUUsVUFKZ0M7QUFLMUNFLFFBQUFBLEtBQUssRUFBRTtBQUxtQyxPQXJEZjtBQTZEN0IsdURBQWlEO0FBQy9DSSxRQUFBQSxNQUFNLEVBQUUsQ0FEdUM7QUFFL0NDLFFBQUFBLE9BQU8sRUFBRSxNQUZzQztBQUcvQ0MsUUFBQUEsY0FBYyxFQUFFLFFBSCtCO0FBSS9DUixRQUFBQSxRQUFRLEVBQUUsVUFKcUM7QUFLL0NFLFFBQUFBLEtBQUssRUFBRTtBQUx3QyxPQTdEcEI7QUFxRTdCLDBHQUFvRztBQUNsR0ssUUFBQUEsT0FBTyxFQUFFO0FBRHlGLE9BckV2RTtBQXlFN0IsdURBQWlEO0FBQy9DRSxRQUFBQSxlQUFlLEVBQUV6QixtQ0FEOEI7QUFFL0MwQixRQUFBQSxZQUFZLEVBQUV6QixnQ0FGaUM7QUFHL0MwQixRQUFBQSxLQUFLLEVBQUV6Qix5QkFId0M7QUFJL0MwQixRQUFBQSxVQUFVLEVBQUVoQyxXQUptQztBQUsvQ2lDLFFBQUFBLFFBQVEsRUFBRTFCLDRCQUxxQztBQU0vQ1csUUFBQUEsTUFBTSxFQUFFbkIsY0FBYyxHQUFHLENBTnNCO0FBTy9DbUMsUUFBQUEsT0FBTyxFQUFFbkMsY0FBYyxHQUFHO0FBUHFCO0FBekVwQjtBQUQxQixHQUFQO0FBcUZEIiwic291cmNlUm9vdCI6ImNvbXBvbmVudDovLy8iLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQgbm8tbWFnaWMtbnVtYmVyczogW1wiZXJyb3JcIiwgeyBcImlnbm9yZVwiOiBbMl0gfV0gKi9cblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gY3JlYXRlQmFzaWNUcmFuc2NyaXB0U3R5bGVTZXQoe1xuICBwYWRkaW5nUmVndWxhcixcbiAgcHJpbWFyeUZvbnQsXG4gIHRyYW5zY3JpcHRBY3Rpdml0eVZpc3VhbEtleWJvYXJkSW5kaWNhdG9yQ29sb3IsXG4gIHRyYW5zY3JpcHRBY3Rpdml0eVZpc3VhbEtleWJvYXJkSW5kaWNhdG9yU3R5bGUsXG4gIHRyYW5zY3JpcHRBY3Rpdml0eVZpc3VhbEtleWJvYXJkSW5kaWNhdG9yV2lkdGgsXG4gIHRyYW5zY3JpcHRUZXJtaW5hdG9yQmFja2dyb3VuZENvbG9yLFxuICB0cmFuc2NyaXB0VGVybWluYXRvckJvcmRlclJhZGl1cyxcbiAgdHJhbnNjcmlwdFRlcm1pbmF0b3JDb2xvcixcbiAgdHJhbnNjcmlwdFRlcm1pbmF0b3JGb250U2l6ZSxcbiAgdHJhbnNjcmlwdFZpc3VhbEtleWJvYXJkSW5kaWNhdG9yQ29sb3IsXG4gIHRyYW5zY3JpcHRWaXN1YWxLZXlib2FyZEluZGljYXRvclN0eWxlLFxuICB0cmFuc2NyaXB0VmlzdWFsS2V5Ym9hcmRJbmRpY2F0b3JXaWR0aFxufSkge1xuICByZXR1cm4ge1xuICAgICcmLndlYmNoYXRfX2Jhc2ljLXRyYW5zY3JpcHQnOiB7XG4gICAgICAnJjpmb2N1cyc6IHtcbiAgICAgICAgb3V0bGluZTogMCxcblxuICAgICAgICAnJiAud2ViY2hhdF9fYmFzaWMtdHJhbnNjcmlwdF9fYWN0aXZpdHktaW5kaWNhdG9yLndlYmNoYXRfX2Jhc2ljLXRyYW5zY3JpcHRfX2FjdGl2aXR5LWluZGljYXRvci0tZm9jdXMnOiB7XG4gICAgICAgICAgYm9yZGVyQ29sb3I6IHRyYW5zY3JpcHRBY3Rpdml0eVZpc3VhbEtleWJvYXJkSW5kaWNhdG9yQ29sb3IsXG4gICAgICAgICAgYm9yZGVyU3R5bGU6IHRyYW5zY3JpcHRBY3Rpdml0eVZpc3VhbEtleWJvYXJkSW5kaWNhdG9yU3R5bGUsXG4gICAgICAgICAgYm9yZGVyV2lkdGg6IHRyYW5zY3JpcHRBY3Rpdml0eVZpc3VhbEtleWJvYXJkSW5kaWNhdG9yV2lkdGgsXG4gICAgICAgICAgYm94U2l6aW5nOiAnYm9yZGVyLWJveCcsXG4gICAgICAgICAgaGVpZ2h0OiBgY2FsYygxMDAlIC0gJHtwYWRkaW5nUmVndWxhcn1weClgLFxuICAgICAgICAgIGxlZnQ6IDAsXG4gICAgICAgICAgbWFyZ2luOiBwYWRkaW5nUmVndWxhciAvIDIsXG4gICAgICAgICAgcG9pbnRlckV2ZW50czogJ25vbmUnLFxuICAgICAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgICAgIHRvcDogMCxcbiAgICAgICAgICB3aWR0aDogYGNhbGMoMTAwJSAtICR7cGFkZGluZ1JlZ3VsYXJ9cHgpYFxuICAgICAgICB9XG4gICAgICB9LFxuXG4gICAgICAnJjpmb2N1cyAud2ViY2hhdF9fYmFzaWMtdHJhbnNjcmlwdF9fZm9jdXMtaW5kaWNhdG9yLCAud2ViY2hhdF9fYmFzaWMtdHJhbnNjcmlwdF9fdGVybWluYXRvcjpmb2N1cyArIC53ZWJjaGF0X19iYXNpYy10cmFuc2NyaXB0X19mb2N1cy1pbmRpY2F0b3InOiB7XG4gICAgICAgIGhlaWdodDogJzEwMCUnLFxuICAgICAgICBib3JkZXJDb2xvcjogdHJhbnNjcmlwdFZpc3VhbEtleWJvYXJkSW5kaWNhdG9yQ29sb3IsXG4gICAgICAgIGJvcmRlclN0eWxlOiB0cmFuc2NyaXB0VmlzdWFsS2V5Ym9hcmRJbmRpY2F0b3JTdHlsZSxcbiAgICAgICAgYm9yZGVyV2lkdGg6IHRyYW5zY3JpcHRWaXN1YWxLZXlib2FyZEluZGljYXRvcldpZHRoLFxuICAgICAgICBib3hTaXppbmc6ICdib3JkZXItYm94JyxcbiAgICAgICAgcG9pbnRlckV2ZW50czogJ25vbmUnLFxuICAgICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICB3aWR0aDogJzEwMCUnXG4gICAgICB9LFxuXG4gICAgICAnJiAud2ViY2hhdF9fYmFzaWMtdHJhbnNjcmlwdF9fYWN0aXZpdHknOiB7XG4gICAgICAgIHBhZGRpbmdUb3A6IHBhZGRpbmdSZWd1bGFyLFxuICAgICAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcblxuICAgICAgICAnJjpub3QoOmZpcnN0LWNoaWxkKSc6IHtcbiAgICAgICAgICBtYXJnaW5Ub3A6IC1wYWRkaW5nUmVndWxhclxuICAgICAgICB9XG4gICAgICB9LFxuXG4gICAgICAnJiAud2ViY2hhdF9fYmFzaWMtdHJhbnNjcmlwdF9fYWN0aXZpdHktYm94Om5vdCg6ZW1wdHkpJzoge1xuICAgICAgICBwYWRkaW5nQm90dG9tOiBwYWRkaW5nUmVndWxhclxuICAgICAgfSxcblxuICAgICAgJyYgLndlYmNoYXRfX2Jhc2ljLXRyYW5zY3JpcHRfX2FjdGl2aXR5LXNlbnRpbmVsJzoge1xuICAgICAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICAgICAgbGVmdDogMCxcbiAgICAgICAgcG9pbnRlckV2ZW50czogJ25vbmUnLFxuICAgICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICB3aWR0aDogJzEwMCUnXG4gICAgICB9LFxuXG4gICAgICAnJiAud2ViY2hhdF9fYmFzaWMtdHJhbnNjcmlwdF9fdGVybWluYXRvcic6IHtcbiAgICAgICAgYm90dG9tOiAwLFxuICAgICAgICBoZWlnaHQ6IDAsXG4gICAgICAgIG91dGxpbmU6IDAsXG4gICAgICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgICAgICB3aWR0aDogJzEwMCUnXG4gICAgICB9LFxuXG4gICAgICAnJiAud2ViY2hhdF9fYmFzaWMtdHJhbnNjcmlwdF9fdGVybWluYXRvci1ib2R5Jzoge1xuICAgICAgICBib3R0b206IDAsXG4gICAgICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICAgICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxuICAgICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgICAgd2lkdGg6ICcxMDAlJ1xuICAgICAgfSxcblxuICAgICAgJyYgLndlYmNoYXRfX2Jhc2ljLXRyYW5zY3JpcHRfX3Rlcm1pbmF0b3I6bm90KDpmb2N1cykgLndlYmNoYXRfX2Jhc2ljLXRyYW5zY3JpcHRfX3Rlcm1pbmF0b3ItYm9keSc6IHtcbiAgICAgICAgZGlzcGxheTogJ25vbmUnXG4gICAgICB9LFxuXG4gICAgICAnJiAud2ViY2hhdF9fYmFzaWMtdHJhbnNjcmlwdF9fdGVybWluYXRvci10ZXh0Jzoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRyYW5zY3JpcHRUZXJtaW5hdG9yQmFja2dyb3VuZENvbG9yLFxuICAgICAgICBib3JkZXJSYWRpdXM6IHRyYW5zY3JpcHRUZXJtaW5hdG9yQm9yZGVyUmFkaXVzLFxuICAgICAgICBjb2xvcjogdHJhbnNjcmlwdFRlcm1pbmF0b3JDb2xvcixcbiAgICAgICAgZm9udEZhbWlseTogcHJpbWFyeUZvbnQsXG4gICAgICAgIGZvbnRTaXplOiB0cmFuc2NyaXB0VGVybWluYXRvckZvbnRTaXplLFxuICAgICAgICBtYXJnaW46IHBhZGRpbmdSZWd1bGFyIC8gMixcbiAgICAgICAgcGFkZGluZzogcGFkZGluZ1JlZ3VsYXIgLyAyXG4gICAgICB9XG4gICAgfVxuICB9O1xufVxuIl19