@micromag/screen-conversation 0.4.4 → 0.4.7

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.
Files changed (4) hide show
  1. package/assets/css/styles.css +1 -1
  2. package/es/index.js +1 -1
  3. package/es/styles.css +1 -1
  4. package/package.json +14 -14
package/assets/css/styles.css CHANGED
@@ -1 +1 @@
1
- .container{display:-ms-flexbox;display:flex;height:100%;overflow:hidden;position:relative;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start}.container .background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.container .content{z-index:1}.container .conversationHeader{font-style:italic;padding-bottom:16px;width:100%}.container .empty{height:200px}.container .title{padding-bottom:16px}.container .footer{-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.container .footer a{padding:0}.container .footer.disabled{opacity:0;pointer-events:none}.layout{-webkit-transition:padding .2s ease-out;transition:padding .2s ease-out}.messageContainer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;color:#000;justify-content:flex-start}.messageContainer .message{background-color:#fff;margin:1px 0;max-width:80%;word-wrap:break-word}.messageContainer .message>:first-child{padding-top:10px}.messageContainer .message.normalLeft{border-radius:1px 15px 15px}.messageContainer .message.inBetweenLeft{border-radius:1px 15px 15px 1px}.messageContainer .message.normalRight{background-color:#58afff;border-radius:15px 1px 15px 15px}.messageContainer .message.inBetweenRight{background-color:#58afff;border-radius:15px 1px 1px 15px}.messageContainer .message.last{margin:1px 0 16px}.messageContainer .messageBody>*{padding-bottom:10px;padding-left:10px;padding-right:10px}.messageContainer .speakerDetails{display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;padding-left:10px;padding-right:10px}.messageContainer .speakerDetails.right{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.messageContainer .avatarContainer{height:30px;margin-right:10px;width:30px}.messageContainer .avatarContainer.right{margin-left:10px;margin-right:0}.messageContainer .avatar{border-radius:50%;display:inline-block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.messageContainer .imageContainer{height:100%;padding-bottom:10px;width:100%}.messageContainer.withAnimation .message{-webkit-animation:appear .18s ease forwards;animation:appear .18s ease forwards}.messageContainer.withAnimation .message.normalLeft{-webkit-transform:translate(-300px) scale(.5);-ms-transform:translate(-300px) scale(.5);transform:translate(-300px) scale(.5)}.messageContainer.withAnimation .message.inBetweenLeft{border-radius:1px 15px 15px 1px}.messageContainer.withAnimation .message.normalRight{-webkit-transform:translate(300px) scale(.5);-ms-transform:translate(300px) scale(.5);transform:translate(300px) scale(.5)}.messageContainer.withAnimation .message:first-child{-webkit-animation:appear 0s ease forwards;animation:appear 0s ease forwards}@-webkit-keyframes appear{to{-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}}@keyframes appear{to{-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}}.messageContainer .loadingContainer{color:#fff;display:-ms-flexbox;display:flex}.messageContainer .loading,.messageContainer .loadingContainer{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.messageContainer .loading{background:#fff;border-radius:10px;display:-ms-inline-flexbox;display:inline-flex;margin:5px 0 10px;padding:7px 10px}.messageContainer .loading .dot{-webkit-animation:bounce .35s linear infinite alternate;animation:bounce .35s linear infinite alternate;background:#000;border-radius:50%;height:5px;margin-right:4px;width:5px}.messageContainer .loading .dot:nth-child(2){-webkit-animation-delay:.08s;animation-delay:.08s}.messageContainer .loading .dot:nth-child(3){-webkit-animation-delay:.16s;animation-delay:.16s;margin-right:0}@-webkit-keyframes bounce{0%{opacity:.5;-webkit-transform:translateY(-2px);transform:translateY(-2px)}to{opacity:1;-webkit-transform:translateY(2px);transform:translateY(2px)}}@keyframes bounce{0%{opacity:.5;-webkit-transform:translateY(-2px);transform:translateY(-2px)}to{opacity:1;-webkit-transform:translateY(2px);transform:translateY(2px)}}.messageContainer .loadingSpeakerName{font-size:12px;font-style:italic;margin:0 5px;opacity:.6}.messageContainer.right{-ms-flex-pack:end;justify-content:flex-end}.messageContainer.right .loadingContainer{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.messageContainer:last-child .message.last{margin-bottom:0}.audioMessageContainer{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;position:relative}.audioMessageContainer .playButtonContainer{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:3em;width:2em;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center;margin-left:0;margin-right:.5rem}.audioMessageContainer .button{background:transparent;border:0;height:100%;left:0;position:absolute;top:0;width:100%}.audioMessageContainer .audioMessage{height:3em;min-width:7em;-ms-flex-positive:1;flex-grow:1}.audioMessageContainer .icon{height:2em;width:2em}
1
+ .micromag-screen-conversation-container{display:-ms-flexbox;display:flex;height:100%;overflow:hidden;position:relative;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start}.micromag-screen-conversation-container .micromag-screen-conversation-background{height:100%;left:0;position:absolute;top:0;width:100%;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;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;padding-left:10px;padding-right:10px}.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;height:3em;width:2em;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center;margin-left:0;margin-right:.5rem}.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{height:3em;min-width:7em;-ms-flex-positive:1;flex-grow:1}.micromag-screen-conversation-audioMessageContainer .micromag-screen-conversation-icon{height:2em;width:2em}
package/es/index.js CHANGED
@@ -21,7 +21,7 @@ import Text from '@micromag/element-text';
21
21
  import Visual from '@micromag/element-visual';
22
22
  import Audio from '@micromag/element-audio';
23
23
 
24
- var styles = {"container":"container","background":"background","content":"content","empty":"empty","title":"title","footer":"footer","disabled":"disabled","layout":"layout","messageContainer":"messageContainer","message":"message","normalLeft":"normalLeft","inBetweenLeft":"inBetweenLeft","normalRight":"normalRight","inBetweenRight":"inBetweenRight","last":"last","messageBody":"messageBody","speakerDetails":"speakerDetails","right":"right","avatarContainer":"avatarContainer","avatar":"avatar","imageContainer":"imageContainer","withAnimation":"withAnimation","loadingContainer":"loadingContainer","loading":"loading","dot":"dot","loadingSpeakerName":"loadingSpeakerName","audioMessageContainer":"audioMessageContainer","playButtonContainer":"playButtonContainer","button":"button","audioMessage":"audioMessage","icon":"icon"};
24
+ var styles = {"container":"micromag-screen-conversation-container","background":"micromag-screen-conversation-background","content":"micromag-screen-conversation-content","empty":"micromag-screen-conversation-empty","title":"micromag-screen-conversation-title","footer":"micromag-screen-conversation-footer","disabled":"micromag-screen-conversation-disabled","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","messageBody":"micromag-screen-conversation-messageBody","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","loadingContainer":"micromag-screen-conversation-loadingContainer","loading":"micromag-screen-conversation-loading","dot":"micromag-screen-conversation-dot","loadingSpeakerName":"micromag-screen-conversation-loadingSpeakerName","audioMessageContainer":"micromag-screen-conversation-audioMessageContainer","playButtonContainer":"micromag-screen-conversation-playButtonContainer","button":"micromag-screen-conversation-button","audioMessage":"micromag-screen-conversation-audioMessage","icon":"micromag-screen-conversation-icon"};
25
25
 
26
26
  function ConversationAudioAttachment(_ref) {
27
27
  var _ref$audio = _ref.audio,
package/es/styles.css CHANGED
@@ -1 +1 @@
1
- .container{display:-ms-flexbox;display:flex;height:100%;overflow:hidden;position:relative;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start}.container .background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.container .content{z-index:1}.container .conversationHeader{font-style:italic;padding-bottom:16px;width:100%}.container .empty{height:200px}.container .title{padding-bottom:16px}.container .footer{-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.container .footer a{padding:0}.container .footer.disabled{opacity:0;pointer-events:none}.layout{-webkit-transition:padding .2s ease-out;transition:padding .2s ease-out}.messageContainer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;color:#000;justify-content:flex-start}.messageContainer .message{background-color:#fff;margin:1px 0;max-width:80%;word-wrap:break-word}.messageContainer .message>:first-child{padding-top:10px}.messageContainer .message.normalLeft{border-radius:1px 15px 15px}.messageContainer .message.inBetweenLeft{border-radius:1px 15px 15px 1px}.messageContainer .message.normalRight{background-color:#58afff;border-radius:15px 1px 15px 15px}.messageContainer .message.inBetweenRight{background-color:#58afff;border-radius:15px 1px 1px 15px}.messageContainer .message.last{margin:1px 0 16px}.messageContainer .messageBody>*{padding-bottom:10px;padding-left:10px;padding-right:10px}.messageContainer .speakerDetails{display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;padding-left:10px;padding-right:10px}.messageContainer .speakerDetails.right{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.messageContainer .avatarContainer{height:30px;margin-right:10px;width:30px}.messageContainer .avatarContainer.right{margin-left:10px;margin-right:0}.messageContainer .avatar{border-radius:50%;display:inline-block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.messageContainer .imageContainer{height:100%;padding-bottom:10px;width:100%}.messageContainer.withAnimation .message{-webkit-animation:appear .18s ease forwards;animation:appear .18s ease forwards}.messageContainer.withAnimation .message.normalLeft{-webkit-transform:translate(-300px) scale(.5);-ms-transform:translate(-300px) scale(.5);transform:translate(-300px) scale(.5)}.messageContainer.withAnimation .message.inBetweenLeft{border-radius:1px 15px 15px 1px}.messageContainer.withAnimation .message.normalRight{-webkit-transform:translate(300px) scale(.5);-ms-transform:translate(300px) scale(.5);transform:translate(300px) scale(.5)}.messageContainer.withAnimation .message:first-child{-webkit-animation:appear 0s ease forwards;animation:appear 0s ease forwards}@-webkit-keyframes appear{to{-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}}@keyframes appear{to{-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}}.messageContainer .loadingContainer{color:#fff;display:-ms-flexbox;display:flex}.messageContainer .loading,.messageContainer .loadingContainer{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.messageContainer .loading{background:#fff;border-radius:10px;display:-ms-inline-flexbox;display:inline-flex;margin:5px 0 10px;padding:7px 10px}.messageContainer .loading .dot{-webkit-animation:bounce .35s linear infinite alternate;animation:bounce .35s linear infinite alternate;background:#000;border-radius:50%;height:5px;margin-right:4px;width:5px}.messageContainer .loading .dot:nth-child(2){-webkit-animation-delay:.08s;animation-delay:.08s}.messageContainer .loading .dot:nth-child(3){-webkit-animation-delay:.16s;animation-delay:.16s;margin-right:0}@-webkit-keyframes bounce{0%{opacity:.5;-webkit-transform:translateY(-2px);transform:translateY(-2px)}to{opacity:1;-webkit-transform:translateY(2px);transform:translateY(2px)}}@keyframes bounce{0%{opacity:.5;-webkit-transform:translateY(-2px);transform:translateY(-2px)}to{opacity:1;-webkit-transform:translateY(2px);transform:translateY(2px)}}.messageContainer .loadingSpeakerName{font-size:12px;font-style:italic;margin:0 5px;opacity:.6}.messageContainer.right{-ms-flex-pack:end;justify-content:flex-end}.messageContainer.right .loadingContainer{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.messageContainer:last-child .message.last{margin-bottom:0}.audioMessageContainer{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;position:relative}.audioMessageContainer .playButtonContainer{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:3em;width:2em;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center;margin-left:0;margin-right:.5rem}.audioMessageContainer .button{background:transparent;border:0;height:100%;left:0;position:absolute;top:0;width:100%}.audioMessageContainer .audioMessage{height:3em;min-width:7em;-ms-flex-positive:1;flex-grow:1}.audioMessageContainer .icon{height:2em;width:2em}
1
+ .micromag-screen-conversation-container{display:-ms-flexbox;display:flex;height:100%;overflow:hidden;position:relative;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start}.micromag-screen-conversation-container .micromag-screen-conversation-background{height:100%;left:0;position:absolute;top:0;width:100%;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;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;padding-left:10px;padding-right:10px}.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;height:3em;width:2em;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center;margin-left:0;margin-right:.5rem}.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{height:3em;min-width:7em;-ms-flex-positive:1;flex-grow:1}.micromag-screen-conversation-audioMessageContainer .micromag-screen-conversation-icon{height:2em;width:2em}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-conversation",
3
- "version": "0.4.4",
3
+ "version": "0.4.7",
4
4
  "private": false,
5
5
  "description": "",
6
6
  "keywords": [
@@ -60,18 +60,18 @@
60
60
  "react-dom": "^18.3.0 || ^19.0.0"
61
61
  },
62
62
  "dependencies": {
63
- "@babel/runtime": "^7.13.10",
64
- "@micromag/core": "^0.4.4",
65
- "@micromag/element-background": "^0.4.4",
66
- "@micromag/element-container": "^0.4.4",
67
- "@micromag/element-footer": "^0.4.4",
68
- "@micromag/element-header": "^0.4.4",
69
- "@micromag/element-heading": "^0.4.4",
70
- "@micromag/element-layout": "^0.4.4",
71
- "@micromag/element-scroll": "^0.4.4",
72
- "@micromag/element-text": "^0.4.4",
73
- "@micromag/element-visual": "^0.4.4",
74
- "@micromag/transforms": "^0.4.4",
63
+ "@babel/runtime": "^7.28.6",
64
+ "@micromag/core": "^0.4.7",
65
+ "@micromag/element-background": "^0.4.7",
66
+ "@micromag/element-container": "^0.4.7",
67
+ "@micromag/element-footer": "^0.4.7",
68
+ "@micromag/element-header": "^0.4.7",
69
+ "@micromag/element-heading": "^0.4.7",
70
+ "@micromag/element-layout": "^0.4.7",
71
+ "@micromag/element-scroll": "^0.4.7",
72
+ "@micromag/element-text": "^0.4.7",
73
+ "@micromag/element-visual": "^0.4.7",
74
+ "@micromag/transforms": "^0.4.7",
75
75
  "classnames": "^2.2.6",
76
76
  "lodash": "^4.17.23",
77
77
  "react-intl": "^8.1.3",
@@ -81,6 +81,6 @@
81
81
  "access": "public",
82
82
  "registry": "https://registry.npmjs.org/"
83
83
  },
84
- "gitHead": "04b8519c3a3ddace5a21497e22faa11865d57f6d",
84
+ "gitHead": "980f31596f09533637462b004eefd1877e7ea204",
85
85
  "types": "es/index.d.ts"
86
86
  }