@micromag/screen-conversation 0.3.769 → 0.3.779
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/css/styles.css +1 -1
- package/es/index.js +10 -0
- package/package.json +13 -13
package/assets/css/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.micromag-screen-conversation-container .micromag-screen-conversation-background{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-conversation-container{height:100%;overflow:hidden;position:relative;width:100%}.micromag-screen-conversation-disabled.micromag-screen-conversation-container{overflow:hidden;pointer-events:none}.micromag-screen-conversation-hidden.micromag-screen-conversation-container{display:none;visibility:hidden}.micromag-screen-conversation-placeholder.micromag-screen-conversation-container .micromag-screen-conversation-content{padding:6px;position:relative}.micromag-screen-conversation-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start}.micromag-screen-conversation-container .micromag-screen-conversation-background{z-index:0}.micromag-screen-conversation-container .micromag-screen-conversation-content{z-index:1}.micromag-screen-conversation-container .micromag-screen-conversation-conversationHeader{font-style:italic;padding-bottom:16px;width:100%}.micromag-screen-conversation-container .micromag-screen-conversation-empty{height:200px}.micromag-screen-conversation-container .micromag-screen-conversation-title{padding-bottom:16px}.micromag-screen-conversation-container .micromag-screen-conversation-footer{-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.micromag-screen-conversation-container .micromag-screen-conversation-footer a{padding:0}.micromag-screen-conversation-container .micromag-screen-conversation-footer.micromag-screen-conversation-disabled{opacity:0;pointer-events:none}.micromag-screen-conversation-layout{-webkit-transition:padding .2s ease-out;transition:padding .2s ease-out}.micromag-screen-conversation-messageContainer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;color:#000;justify-content:flex-start}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-message{background-color:#fff;margin:1px 0;max-width:80
|
|
1
|
+
.micromag-screen-conversation-container .micromag-screen-conversation-background{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-conversation-container{height:100%;overflow:hidden;position:relative;width:100%}.micromag-screen-conversation-disabled.micromag-screen-conversation-container{overflow:hidden;pointer-events:none}.micromag-screen-conversation-hidden.micromag-screen-conversation-container{display:none;visibility:hidden}.micromag-screen-conversation-placeholder.micromag-screen-conversation-container .micromag-screen-conversation-content{padding:6px;position:relative}.micromag-screen-conversation-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start}.micromag-screen-conversation-container .micromag-screen-conversation-background{z-index:0}.micromag-screen-conversation-container .micromag-screen-conversation-content{z-index:1}.micromag-screen-conversation-container .micromag-screen-conversation-conversationHeader{font-style:italic;padding-bottom:16px;width:100%}.micromag-screen-conversation-container .micromag-screen-conversation-empty{height:200px}.micromag-screen-conversation-container .micromag-screen-conversation-title{padding-bottom:16px}.micromag-screen-conversation-container .micromag-screen-conversation-footer{-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.micromag-screen-conversation-container .micromag-screen-conversation-footer a{padding:0}.micromag-screen-conversation-container .micromag-screen-conversation-footer.micromag-screen-conversation-disabled{opacity:0;pointer-events:none}.micromag-screen-conversation-layout{-webkit-transition:padding .2s ease-out;transition:padding .2s ease-out}.micromag-screen-conversation-messageContainer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;color:#000;justify-content:flex-start}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-message{background-color:#fff;margin:1px 0;max-width:80%;word-wrap:break-word}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-message>:first-child{padding-top:10px}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-message.micromag-screen-conversation-normalLeft{border-radius:1px 15px 15px}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-message.micromag-screen-conversation-inBetweenLeft{border-radius:1px 15px 15px 1px}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-message.micromag-screen-conversation-normalRight{background-color:#58afff;border-radius:15px 1px 15px 15px}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-message.micromag-screen-conversation-inBetweenRight{background-color:#58afff;border-radius:15px 1px 1px 15px}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-message.micromag-screen-conversation-last{margin:1px 0 16px}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-messageBody>*{padding-bottom:10px;padding-left:10px;padding-right:10px}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-speakerDetails{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;padding-left:10px;padding-right:10px;width:100%}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-speakerDetails.micromag-screen-conversation-right{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-avatarContainer{height:30px;margin-right:10px;width:30px}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-avatarContainer.micromag-screen-conversation-right{margin-left:10px;margin-right:0}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-avatar{border-radius:50%;display:inline-block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-imageContainer{height:100%;padding-bottom:10px;width:100%}.micromag-screen-conversation-messageContainer.micromag-screen-conversation-withAnimation .micromag-screen-conversation-message{-webkit-animation:micromag-screen-conversation-appear .18s ease forwards;animation:micromag-screen-conversation-appear .18s ease forwards}.micromag-screen-conversation-messageContainer.micromag-screen-conversation-withAnimation .micromag-screen-conversation-message.micromag-screen-conversation-normalLeft{-webkit-transform:translate(-300px) scale(.5);-ms-transform:translate(-300px) scale(.5);transform:translate(-300px) scale(.5)}.micromag-screen-conversation-messageContainer.micromag-screen-conversation-withAnimation .micromag-screen-conversation-message.micromag-screen-conversation-inBetweenLeft{border-radius:1px 15px 15px 1px}.micromag-screen-conversation-messageContainer.micromag-screen-conversation-withAnimation .micromag-screen-conversation-message.micromag-screen-conversation-normalRight{-webkit-transform:translate(300px) scale(.5);-ms-transform:translate(300px) scale(.5);transform:translate(300px) scale(.5)}.micromag-screen-conversation-messageContainer.micromag-screen-conversation-withAnimation .micromag-screen-conversation-message:first-child{-webkit-animation:micromag-screen-conversation-appear 0s ease forwards;animation:micromag-screen-conversation-appear 0s ease forwards}@-webkit-keyframes micromag-screen-conversation-appear{to{-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}}@keyframes micromag-screen-conversation-appear{to{-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-loadingContainer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;color:#fff;justify-content:center}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-loading{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;background:#fff;border-radius:10px;justify-content:center;margin:5px 0 10px;padding:7px 10px}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-loading .micromag-screen-conversation-dot{-webkit-animation:micromag-screen-conversation-bounce .35s linear infinite alternate;animation:micromag-screen-conversation-bounce .35s linear infinite alternate;background:#000;border-radius:50%;height:5px;margin-right:4px;width:5px}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-loading .micromag-screen-conversation-dot:nth-child(2){-webkit-animation-delay:.08s;animation-delay:.08s}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-loading .micromag-screen-conversation-dot:nth-child(3){-webkit-animation-delay:.16s;animation-delay:.16s;margin-right:0}@-webkit-keyframes micromag-screen-conversation-bounce{0%{opacity:.5;-webkit-transform:translateY(-2px);transform:translateY(-2px)}to{opacity:1;-webkit-transform:translateY(2px);transform:translateY(2px)}}@keyframes micromag-screen-conversation-bounce{0%{opacity:.5;-webkit-transform:translateY(-2px);transform:translateY(-2px)}to{opacity:1;-webkit-transform:translateY(2px);transform:translateY(2px)}}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-loadingSpeakerName{font-size:12px;font-style:italic;margin:0 5px;opacity:.6}.micromag-screen-conversation-messageContainer.micromag-screen-conversation-right{-ms-flex-pack:end;justify-content:flex-end}.micromag-screen-conversation-messageContainer.micromag-screen-conversation-right .micromag-screen-conversation-loadingContainer{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.micromag-screen-conversation-messageContainer:last-child .micromag-screen-conversation-message.micromag-screen-conversation-last{margin-bottom:0}.micromag-screen-conversation-audioMessageContainer{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;position:relative}.micromag-screen-conversation-audioMessageContainer .micromag-screen-conversation-playButtonContainer{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;height:3em;justify-content:center;margin-left:0;margin-right:.5rem;width:2em}.micromag-screen-conversation-audioMessageContainer .micromag-screen-conversation-button{background:transparent;border:0;height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-conversation-audioMessageContainer .micromag-screen-conversation-audioMessage{-ms-flex-positive:1;flex-grow:1;height:3em;min-width:7em}.micromag-screen-conversation-audioMessageContainer .micromag-screen-conversation-icon{height:2em;width:2em}
|
package/es/index.js
CHANGED
|
@@ -469,6 +469,15 @@ var ConversationScreen = function ConversationScreen(_ref) {
|
|
|
469
469
|
var onScrolledNotBottom = useCallback(function () {
|
|
470
470
|
setScrolledBottom(false);
|
|
471
471
|
}, [setScrolledBottom]);
|
|
472
|
+
var onScrolledTrigger = useCallback(function () {
|
|
473
|
+
var trigger = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
|
|
474
|
+
if (trigger !== null) {
|
|
475
|
+
var scrollPercent = Math.round(trigger * 100);
|
|
476
|
+
trackScreenEvent('scroll', scrollPercent, {
|
|
477
|
+
scrollPercent: scrollPercent
|
|
478
|
+
});
|
|
479
|
+
}
|
|
480
|
+
}, [trackScreenEvent]);
|
|
472
481
|
return /*#__PURE__*/React.createElement("div", {
|
|
473
482
|
className: classNames([styles.container, _defineProperty(_defineProperty({}, className, className !== null), styles.isPlaceholder, isPlaceholder)]),
|
|
474
483
|
"data-screen-ready": true
|
|
@@ -479,6 +488,7 @@ var ConversationScreen = function ConversationScreen(_ref) {
|
|
|
479
488
|
}, /*#__PURE__*/React.createElement(Scroll, {
|
|
480
489
|
ref: scrollRef,
|
|
481
490
|
disabled: scrollingDisabled,
|
|
491
|
+
onScrolledTrigger: onScrolledTrigger,
|
|
482
492
|
onScrolledBottom: onScrolledBottom,
|
|
483
493
|
onScrolledNotBottom: onScrolledNotBottom,
|
|
484
494
|
withShadow: true
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/screen-conversation",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.779",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "",
|
|
6
6
|
"keywords": [
|
|
@@ -60,17 +60,17 @@
|
|
|
60
60
|
},
|
|
61
61
|
"dependencies": {
|
|
62
62
|
"@babel/runtime": "^7.13.10",
|
|
63
|
-
"@micromag/core": "^0.3.
|
|
64
|
-
"@micromag/element-background": "^0.3.
|
|
65
|
-
"@micromag/element-container": "^0.3.
|
|
66
|
-
"@micromag/element-footer": "^0.3.
|
|
67
|
-
"@micromag/element-header": "^0.3.
|
|
68
|
-
"@micromag/element-heading": "^0.3.
|
|
69
|
-
"@micromag/element-layout": "^0.3.
|
|
70
|
-
"@micromag/element-scroll": "^0.3.
|
|
71
|
-
"@micromag/element-text": "^0.3.
|
|
72
|
-
"@micromag/element-visual": "^0.3.
|
|
73
|
-
"@micromag/transforms": "^0.3.
|
|
63
|
+
"@micromag/core": "^0.3.779",
|
|
64
|
+
"@micromag/element-background": "^0.3.779",
|
|
65
|
+
"@micromag/element-container": "^0.3.779",
|
|
66
|
+
"@micromag/element-footer": "^0.3.779",
|
|
67
|
+
"@micromag/element-header": "^0.3.779",
|
|
68
|
+
"@micromag/element-heading": "^0.3.779",
|
|
69
|
+
"@micromag/element-layout": "^0.3.779",
|
|
70
|
+
"@micromag/element-scroll": "^0.3.779",
|
|
71
|
+
"@micromag/element-text": "^0.3.779",
|
|
72
|
+
"@micromag/element-visual": "^0.3.779",
|
|
73
|
+
"@micromag/transforms": "^0.3.779",
|
|
74
74
|
"classnames": "^2.2.6",
|
|
75
75
|
"lodash": "^4.17.21",
|
|
76
76
|
"prop-types": "^15.7.2",
|
|
@@ -81,5 +81,5 @@
|
|
|
81
81
|
"access": "public",
|
|
82
82
|
"registry": "https://registry.npmjs.org/"
|
|
83
83
|
},
|
|
84
|
-
"gitHead": "
|
|
84
|
+
"gitHead": "5cc7b8fc6d58ba77100060a9d9a4a3f87f835559"
|
|
85
85
|
}
|