@micromag/screen-conversation 0.3.250 → 0.3.251
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 +13 -17
- package/lib/index.js +13 -17
- package/package.json +12 -12
package/assets/css/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.micromag-screen-conversation-container
|
|
1
|
+
.micromag-screen-conversation-container{position:relative;width:100%;height:100%;overflow:hidden}.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{position:relative;padding:6px}.micromag-screen-conversation-container{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.micromag-screen-conversation-container .micromag-screen-conversation-conversationHeader{width:100%;padding-bottom:16px;font-style:italic}.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-callToAction{-webkit-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.micromag-screen-conversation-container .micromag-screen-conversation-callToAction a{padding:0}.micromag-screen-conversation-container .micromag-screen-conversation-callToAction.micromag-screen-conversation-disabled{opacity:0;pointer-events:none}.micromag-screen-conversation-layout{-webkit-transition:padding .2s ease-out;-o-transition:padding .2s ease-out;transition:padding .2s ease-out}.micromag-screen-conversation-messageContainer{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;color:#000}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-message{max-width:80%;margin:1px 0;padding:10px;-webkit-transition:border-radius .2s ease;-o-transition:border-radius .2s ease;transition:border-radius .2s ease;background-color:#fff;overflow-wrap:break-word}.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{border-radius:15px 1px 15px 15px;background-color:#58afff}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-message.micromag-screen-conversation-inBetweenRight{border-radius:15px 1px 1px 15px;background-color:#58afff}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-message.micromag-screen-conversation-last{margin:1px 0 16px}.micromag-screen-conversation-messageContainer:last-child .micromag-screen-conversation-message.micromag-screen-conversation-last{margin-bottom:0}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-speakerDetails{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;width:100%;padding-bottom:10px}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-speakerDetails.micromag-screen-conversation-right{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-avatarContainer{width:30px;height:30px;margin-right:10px}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-avatarContainer.micromag-screen-conversation-right{margin-right:0;margin-left:10px}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-avatar{display:inline-block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-imageContainer{width:100%;height:100%;padding-bottom:10px}.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)}@-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:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:#fff}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-loading{display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:5px 0 10px;padding:7px 10px;border-radius:10px;background:#fff}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-loading .micromag-screen-conversation-dot{width:5px;height:5px;margin-right:4px;-webkit-animation:micromag-screen-conversation-bounce .35s linear infinite alternate;animation:micromag-screen-conversation-bounce .35s linear infinite alternate;border-radius:50%;background:#000}.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){margin-right:0;-webkit-animation-delay:.16s;animation-delay:.16s}@-webkit-keyframes micromag-screen-conversation-bounce{0%{-webkit-transform:translateY(-2px);transform:translateY(-2px);opacity:.5}to{-webkit-transform:translateY(2px);transform:translateY(2px);opacity:1}}@keyframes micromag-screen-conversation-bounce{0%{-webkit-transform:translateY(-2px);transform:translateY(-2px);opacity:.5}to{-webkit-transform:translateY(2px);transform:translateY(2px);opacity:1}}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-loadingSpeakerName{margin:0 5px;opacity:.6;font-size:12px;font-style:italic}.micromag-screen-conversation-messageContainer.micromag-screen-conversation-right{-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.micromag-screen-conversation-messageContainer.micromag-screen-conversation-right .micromag-screen-conversation-loadingContainer{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
|
package/es/index.js
CHANGED
|
@@ -21,7 +21,7 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
|
|
|
21
21
|
import Text from '@micromag/element-text';
|
|
22
22
|
import Visual from '@micromag/element-visual';
|
|
23
23
|
|
|
24
|
-
var styles = {"container":"micromag-screen-conversation-container","
|
|
24
|
+
var styles = {"container":"micromag-screen-conversation-container","disabled":"micromag-screen-conversation-disabled","hidden":"micromag-screen-conversation-hidden","placeholder":"micromag-screen-conversation-placeholder","content":"micromag-screen-conversation-content","conversationHeader":"micromag-screen-conversation-conversationHeader","empty":"micromag-screen-conversation-empty","title":"micromag-screen-conversation-title","callToAction":"micromag-screen-conversation-callToAction","layout":"micromag-screen-conversation-layout","messageContainer":"micromag-screen-conversation-messageContainer","message":"micromag-screen-conversation-message","normalLeft":"micromag-screen-conversation-normalLeft","inBetweenLeft":"micromag-screen-conversation-inBetweenLeft","normalRight":"micromag-screen-conversation-normalRight","inBetweenRight":"micromag-screen-conversation-inBetweenRight","last":"micromag-screen-conversation-last","speakerDetails":"micromag-screen-conversation-speakerDetails","right":"micromag-screen-conversation-right","avatarContainer":"micromag-screen-conversation-avatarContainer","avatar":"micromag-screen-conversation-avatar","imageContainer":"micromag-screen-conversation-imageContainer","withAnimation":"micromag-screen-conversation-withAnimation","appear":"micromag-screen-conversation-appear","loadingContainer":"micromag-screen-conversation-loadingContainer","loading":"micromag-screen-conversation-loading","dot":"micromag-screen-conversation-dot","bounce":"micromag-screen-conversation-bounce","loadingSpeakerName":"micromag-screen-conversation-loadingSpeakerName"};
|
|
25
25
|
|
|
26
26
|
var propTypes$1 = {
|
|
27
27
|
message: PropTypes.conversationMessage,
|
|
@@ -359,10 +359,18 @@ var ConversationScreen = function ConversationScreen(_ref) {
|
|
|
359
359
|
return /*#__PURE__*/React.createElement("div", {
|
|
360
360
|
className: classNames([styles.container, (_ref7 = {}, _defineProperty(_ref7, className, className !== null), _defineProperty(_ref7, styles.isPlaceholder, isPlaceholder), _ref7)]),
|
|
361
361
|
"data-screen-ready": true
|
|
362
|
-
}, /*#__PURE__*/React.createElement(
|
|
362
|
+
}, !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
|
|
363
|
+
background: background,
|
|
363
364
|
width: width,
|
|
364
365
|
height: height,
|
|
365
|
-
|
|
366
|
+
resolution: resolution,
|
|
367
|
+
playing: backgroundPlaying,
|
|
368
|
+
muted: muted,
|
|
369
|
+
shouldLoad: mediaShouldLoad,
|
|
370
|
+
mediaRef: mediaRef
|
|
371
|
+
}) : null, /*#__PURE__*/React.createElement(Container, {
|
|
372
|
+
width: width,
|
|
373
|
+
height: height
|
|
366
374
|
}, /*#__PURE__*/React.createElement(Scroll, {
|
|
367
375
|
ref: scrollRef,
|
|
368
376
|
disabled: scrollingDisabled,
|
|
@@ -374,7 +382,7 @@ var ConversationScreen = function ConversationScreen(_ref) {
|
|
|
374
382
|
className: styles.layout,
|
|
375
383
|
style: !isPlaceholder ? {
|
|
376
384
|
padding: spacing,
|
|
377
|
-
paddingTop: (!isPreview ? viewerTopHeight : 0) + spacing,
|
|
385
|
+
paddingTop: (current && !isPreview ? viewerTopHeight : 0) + spacing,
|
|
378
386
|
paddingBottom: (current && !isPreview ? viewerBottomHeight : 0) + spacing
|
|
379
387
|
} : null
|
|
380
388
|
}, /*#__PURE__*/React.createElement(ScreenElement, {
|
|
@@ -420,7 +428,6 @@ var ConversationScreen = function ConversationScreen(_ref) {
|
|
|
420
428
|
withAnimation: withAnimation,
|
|
421
429
|
isPlaying: current && shouldPlay,
|
|
422
430
|
shouldLoad: mediaShouldLoad,
|
|
423
|
-
withoutVideo: isPreview,
|
|
424
431
|
messageStyle: messageStyle,
|
|
425
432
|
speakerStyle: speakerStyle
|
|
426
433
|
});
|
|
@@ -437,18 +444,7 @@ var ConversationScreen = function ConversationScreen(_ref) {
|
|
|
437
444
|
openWebView: openWebView
|
|
438
445
|
}))) : null, /*#__PURE__*/React.createElement("div", {
|
|
439
446
|
ref: chatBottomRef
|
|
440
|
-
})))))))
|
|
441
|
-
background: background,
|
|
442
|
-
width: width,
|
|
443
|
-
height: height,
|
|
444
|
-
resolution: resolution,
|
|
445
|
-
playing: backgroundPlaying,
|
|
446
|
-
muted: muted,
|
|
447
|
-
shouldLoad: mediaShouldLoad,
|
|
448
|
-
mediaRef: mediaRef,
|
|
449
|
-
withoutVideo: isPreview,
|
|
450
|
-
className: styles.background
|
|
451
|
-
}) : null);
|
|
447
|
+
}))))))));
|
|
452
448
|
};
|
|
453
449
|
|
|
454
450
|
ConversationScreen.propTypes = propTypes;
|
package/lib/index.js
CHANGED
|
@@ -43,7 +43,7 @@ var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
|
|
|
43
43
|
var Text__default = /*#__PURE__*/_interopDefaultLegacy(Text);
|
|
44
44
|
var Visual__default = /*#__PURE__*/_interopDefaultLegacy(Visual);
|
|
45
45
|
|
|
46
|
-
var styles = {"container":"micromag-screen-conversation-container","
|
|
46
|
+
var styles = {"container":"micromag-screen-conversation-container","disabled":"micromag-screen-conversation-disabled","hidden":"micromag-screen-conversation-hidden","placeholder":"micromag-screen-conversation-placeholder","content":"micromag-screen-conversation-content","conversationHeader":"micromag-screen-conversation-conversationHeader","empty":"micromag-screen-conversation-empty","title":"micromag-screen-conversation-title","callToAction":"micromag-screen-conversation-callToAction","layout":"micromag-screen-conversation-layout","messageContainer":"micromag-screen-conversation-messageContainer","message":"micromag-screen-conversation-message","normalLeft":"micromag-screen-conversation-normalLeft","inBetweenLeft":"micromag-screen-conversation-inBetweenLeft","normalRight":"micromag-screen-conversation-normalRight","inBetweenRight":"micromag-screen-conversation-inBetweenRight","last":"micromag-screen-conversation-last","speakerDetails":"micromag-screen-conversation-speakerDetails","right":"micromag-screen-conversation-right","avatarContainer":"micromag-screen-conversation-avatarContainer","avatar":"micromag-screen-conversation-avatar","imageContainer":"micromag-screen-conversation-imageContainer","withAnimation":"micromag-screen-conversation-withAnimation","appear":"micromag-screen-conversation-appear","loadingContainer":"micromag-screen-conversation-loadingContainer","loading":"micromag-screen-conversation-loading","dot":"micromag-screen-conversation-dot","bounce":"micromag-screen-conversation-bounce","loadingSpeakerName":"micromag-screen-conversation-loadingSpeakerName"};
|
|
47
47
|
|
|
48
48
|
var propTypes$1 = {
|
|
49
49
|
message: core.PropTypes.conversationMessage,
|
|
@@ -381,10 +381,18 @@ var ConversationScreen = function ConversationScreen(_ref) {
|
|
|
381
381
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
382
382
|
className: classNames__default["default"]([styles.container, (_ref7 = {}, _defineProperty__default["default"](_ref7, className, className !== null), _defineProperty__default["default"](_ref7, styles.isPlaceholder, isPlaceholder), _ref7)]),
|
|
383
383
|
"data-screen-ready": true
|
|
384
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
384
|
+
}, !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
|
|
385
|
+
background: background,
|
|
385
386
|
width: width,
|
|
386
387
|
height: height,
|
|
387
|
-
|
|
388
|
+
resolution: resolution,
|
|
389
|
+
playing: backgroundPlaying,
|
|
390
|
+
muted: muted,
|
|
391
|
+
shouldLoad: mediaShouldLoad,
|
|
392
|
+
mediaRef: mediaRef
|
|
393
|
+
}) : null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
|
|
394
|
+
width: width,
|
|
395
|
+
height: height
|
|
388
396
|
}, /*#__PURE__*/React__default["default"].createElement(Scroll__default["default"], {
|
|
389
397
|
ref: scrollRef,
|
|
390
398
|
disabled: scrollingDisabled,
|
|
@@ -396,7 +404,7 @@ var ConversationScreen = function ConversationScreen(_ref) {
|
|
|
396
404
|
className: styles.layout,
|
|
397
405
|
style: !isPlaceholder ? {
|
|
398
406
|
padding: spacing,
|
|
399
|
-
paddingTop: (!isPreview ? viewerTopHeight : 0) + spacing,
|
|
407
|
+
paddingTop: (current && !isPreview ? viewerTopHeight : 0) + spacing,
|
|
400
408
|
paddingBottom: (current && !isPreview ? viewerBottomHeight : 0) + spacing
|
|
401
409
|
} : null
|
|
402
410
|
}, /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
|
|
@@ -442,7 +450,6 @@ var ConversationScreen = function ConversationScreen(_ref) {
|
|
|
442
450
|
withAnimation: withAnimation,
|
|
443
451
|
isPlaying: current && shouldPlay,
|
|
444
452
|
shouldLoad: mediaShouldLoad,
|
|
445
|
-
withoutVideo: isPreview,
|
|
446
453
|
messageStyle: messageStyle,
|
|
447
454
|
speakerStyle: speakerStyle
|
|
448
455
|
});
|
|
@@ -459,18 +466,7 @@ var ConversationScreen = function ConversationScreen(_ref) {
|
|
|
459
466
|
openWebView: openWebView
|
|
460
467
|
}))) : null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
461
468
|
ref: chatBottomRef
|
|
462
|
-
})))))))
|
|
463
|
-
background: background,
|
|
464
|
-
width: width,
|
|
465
|
-
height: height,
|
|
466
|
-
resolution: resolution,
|
|
467
|
-
playing: backgroundPlaying,
|
|
468
|
-
muted: muted,
|
|
469
|
-
shouldLoad: mediaShouldLoad,
|
|
470
|
-
mediaRef: mediaRef,
|
|
471
|
-
withoutVideo: isPreview,
|
|
472
|
-
className: styles.background
|
|
473
|
-
}) : null);
|
|
469
|
+
}))))))));
|
|
474
470
|
};
|
|
475
471
|
|
|
476
472
|
ConversationScreen.propTypes = propTypes;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/screen-conversation",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.251",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"javascript"
|
|
@@ -49,16 +49,16 @@
|
|
|
49
49
|
},
|
|
50
50
|
"dependencies": {
|
|
51
51
|
"@babel/runtime": "^7.13.10",
|
|
52
|
-
"@micromag/core": "^0.3.
|
|
53
|
-
"@micromag/element-background": "^0.3.
|
|
54
|
-
"@micromag/element-call-to-action": "^0.3.
|
|
55
|
-
"@micromag/element-container": "^0.3.
|
|
56
|
-
"@micromag/element-heading": "^0.3.
|
|
57
|
-
"@micromag/element-layout": "^0.3.
|
|
58
|
-
"@micromag/element-scroll": "^0.3.
|
|
59
|
-
"@micromag/element-text": "^0.3.
|
|
60
|
-
"@micromag/element-visual": "^0.3.
|
|
61
|
-
"@micromag/transforms": "^0.3.
|
|
52
|
+
"@micromag/core": "^0.3.251",
|
|
53
|
+
"@micromag/element-background": "^0.3.251",
|
|
54
|
+
"@micromag/element-call-to-action": "^0.3.251",
|
|
55
|
+
"@micromag/element-container": "^0.3.251",
|
|
56
|
+
"@micromag/element-heading": "^0.3.251",
|
|
57
|
+
"@micromag/element-layout": "^0.3.251",
|
|
58
|
+
"@micromag/element-scroll": "^0.3.251",
|
|
59
|
+
"@micromag/element-text": "^0.3.251",
|
|
60
|
+
"@micromag/element-visual": "^0.3.251",
|
|
61
|
+
"@micromag/transforms": "^0.3.251",
|
|
62
62
|
"classnames": "^2.2.6",
|
|
63
63
|
"lodash": "^4.17.21",
|
|
64
64
|
"prop-types": "^15.7.2",
|
|
@@ -68,5 +68,5 @@
|
|
|
68
68
|
"publishConfig": {
|
|
69
69
|
"access": "public"
|
|
70
70
|
},
|
|
71
|
-
"gitHead": "
|
|
71
|
+
"gitHead": "3b6fb00baaa7f3ab90684a88cbe4c30929b6b27d"
|
|
72
72
|
}
|