@botfabrik/engine-webclient 4.0.1-alpha.9 → 4.0.1
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/README.md +21 -0
- package/dist/client/asset-manifest.json +11 -11
- package/dist/client/index.html +1 -1
- package/dist/client/precache-manifest.483bc417c97c33f6a64a0d9abc434cd0.js +26 -0
- package/dist/client/service-worker.js +1 -1
- package/dist/client/static/css/main.cf237349.chunk.css +2 -0
- package/dist/client/static/css/main.cf237349.chunk.css.map +1 -0
- package/dist/client/static/js/2.8b222a7a.chunk.js +3 -0
- package/dist/client/static/js/{2.1feba131.chunk.js.LICENSE.txt → 2.8b222a7a.chunk.js.LICENSE.txt} +0 -32
- package/dist/client/static/js/2.8b222a7a.chunk.js.map +1 -0
- package/dist/client/static/js/main.4f9064ef.chunk.js +2 -0
- package/dist/client/static/js/main.4f9064ef.chunk.js.map +1 -0
- package/dist/embed/bundle.js +1 -1
- package/dist/embed/bundle.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +4 -0
- package/dist/index.js.map +1 -1
- package/package.json +3 -3
- package/dist/client/precache-manifest.f9d03f2fc6a3d0c6a9c58d120a8398e4.js +0 -26
- package/dist/client/static/css/main.4e8311d6.chunk.css +0 -2
- package/dist/client/static/css/main.4e8311d6.chunk.css.map +0 -1
- package/dist/client/static/js/2.1feba131.chunk.js +0 -3
- package/dist/client/static/js/2.1feba131.chunk.js.map +0 -1
- package/dist/client/static/js/main.96078d69.chunk.js +0 -2
- package/dist/client/static/js/main.96078d69.chunk.js.map +0 -1
package/dist/index.d.ts
CHANGED
|
@@ -7,6 +7,7 @@ export interface WebClientProps {
|
|
|
7
7
|
requestSessionRecordQuery?: (querystrings: any) => Promise<object>;
|
|
8
8
|
speech?: SpeechToTextProps;
|
|
9
9
|
expandChatWindowAtStart?: boolean;
|
|
10
|
+
transcriptExportEnabled?: boolean;
|
|
10
11
|
}
|
|
11
12
|
declare const _default: (name: string, props: WebClientProps) => Client;
|
|
12
13
|
export default _default;
|
package/dist/index.js
CHANGED
|
@@ -44,6 +44,10 @@ exports.default = (name, props) => async (bot) => {
|
|
|
44
44
|
if (props.speech) {
|
|
45
45
|
nsp.to(sessionId).emit('enable-speech-support');
|
|
46
46
|
}
|
|
47
|
+
// enable transcript export
|
|
48
|
+
if (props.transcriptExportEnabled) {
|
|
49
|
+
nsp.to(sessionId).emit('enable-transcript-export');
|
|
50
|
+
}
|
|
47
51
|
// Notify middlewares about a connected or reconnected guest
|
|
48
52
|
await session.dispatch(engine_domain_1.guestConnected(sessionId));
|
|
49
53
|
if (isNew && props.getStartedAction) {
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,4DAYkC;AAClC,mCAAmC;AACnC,2DAAoD;AACpD,yEAAkE;AAClE,yEAAkE;AAClE,6CAAsC;AACtC,6DAAsD;AACtD,iDAAiE;AAEjE,mCAA4B;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,4DAYkC;AAClC,mCAAmC;AACnC,2DAAoD;AACpD,yEAAkE;AAClE,yEAAkE;AAClE,6CAAsC;AACtC,6DAAsD;AACtD,iDAAiE;AAEjE,mCAA4B;AAW5B,kBAAe,CAAC,IAAY,EAAE,KAAqB,EAAU,EAAE,CAAC,KAAK,EAAE,GAAgB,EAA2B,EAAE;IAChH,GAAG,CAAC,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;IAE5C,GAAG,CAAC,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE;QACzC,GAAG,CAAC,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;IACH,GAAG,CAAC,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,IAAI,QAAQ,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;QACrD,MAAM,MAAM,GAAG,GAAG,GAAG,CAAC,QAAQ,MAAM,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC;QAC9D,GAAG,CAAC,GAAG,CAAC,cAAc,EAAE,0BAA0B,CAAC,CAAC;QACpD,GAAG,CAAC,KAAK,CAAC,eAAK,CAAC,MAAM,EAAE,GAAG,MAAM,kBAAkB,CAAC,CAAC,CAAC;QACtD,GAAG,CAAC,GAAG,EAAE,CAAC;IACd,CAAC,CAAC,CAAC;IACH,GAAG,CAAC,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,IAAI,QAAQ,EAAE,OAAO,CAAC,MAAM,CAAC,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC;IAElF,GAAG,CAAC,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,IAAI,EAAE,EAAE,OAAO,CAAC,MAAM,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC,CAAC;IAE7E,OAAO,CAAC,GAAG,CAAC,0CAA0C,IAAI,EAAE,CAAC,CAAC;IAE9D,MAAM,GAAG,GAAG,GAAG,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC;IACrD,GAAG,CAAC,EAAE,CAAC,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE;QAClC,IAAI;YACA,MAAM,YAAY,GAAW,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC;YACpD,MAAM,kBAAkB,GAAG,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;YAC/D,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,kBAAkB,EAAE,KAAK,EAAE,GAAG,MAAM,4BAAkB,CAClF,YAAY,EACZ,kBAAkB,EAClB,IAAI,EACJ,KAAK,CACR,CAAC;YAEF,oCAAoC;YACpC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YAEvB,MAAM,WAAW,GAAG,MAAM,2BAAiB,CAAC,MAAM,EAAE,IAAI,EAAE,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC;YACvF,MAAM,OAAO,GAAG,MAAM,GAAG,CAAC,aAAa,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;YAEhE,oCAAoC;YACpC,MAAM,YAAY,GAAG,kCAAwB,CAAC,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;YACzE,GAAG,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,qBAAqB,EAAE,YAAY,CAAC,CAAC;YAE5D,oCAAoC;YACpC,MAAM,qBAAqB,GAAG,MAAM,kCAAwB,CAAC,GAAG,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;YACnF,GAAG,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,sBAAsB,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,qBAAqB,EAAE,CAAC,CAAC;YAE/F,wBAAwB;YACxB,IAAI,KAAK,CAAC,MAAM,EAAE;gBACd,GAAG,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAC;aACnD;YAED,2BAA2B;YAC3B,IAAI,KAAK,CAAC,uBAAuB,EAAE;gBAC/B,GAAG,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,0BAA0B,CAAC,CAAC;aACtD;YAED,4DAA4D;YAC5D,MAAM,OAAO,CAAC,QAAQ,CAAC,8BAAc,CAAC,SAAS,CAAC,CAAC,CAAC;YAElD,IAAI,KAAK,IAAI,KAAK,CAAC,gBAAgB,EAAE;gBACjC,MAAM,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC;aAClD;YAED,IAAI,KAAK,IAAI,KAAK,CAAC,uBAAuB,IAAI,KAAK,CAAC,uBAAuB,KAAK,IAAI,EAAE;gBAClF,GAAG,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;aAC5C;YAED,iCAAiC;YACjC,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE;gBACjC,MAAM,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;YAC/C,CAAC,CAAC,CAAC;YAEH,MAAM,CAAC,EAAE,CAAC,iBAAiB,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE;gBAC1C,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;gBACxC,MAAM,OAAO,CAAC,QAAQ,CAAC,iBAAS,CAAC,YAAY,CAAC,CAAC,CAAC;YACpD,CAAC,CAAC,CAAC;YAEH,MAAM,CAAC,EAAE,CAAC,YAAY,EAAE,KAAK,IAAI,EAAE;gBAC/B,MAAM,OAAO,CAAC,QAAQ,CAAC,iCAAiB,CAAC,SAAS,CAAC,CAAC,CAAC;YACzD,CAAC,CAAC,CAAC;YAEH,MAAM,CAAC,EAAE,CAAC,eAAe,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE;gBACxC,IAAI,KAAK,CAAC,MAAM,EAAE;oBACd,IAAI;wBACA,MAAM,IAAI,GAAG,MAAM,sBAAY,CAAC,KAAK,CAAC,MAAM,EAAE,OAAO,CAAC,UAAU,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;wBACjF,IAAI,IAAI,IAAI,IAAI,CAAC,MAAM,EAAE;4BACrB,GAAG,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,sBAAsB,EAAE,IAAI,CAAC,CAAC;4BACrD,OAAO,CAAC,QAAQ,CAAC,2CAA2B,CAAC,IAAI,CAAC,CAAC,CAAC;yBACvD;qBACJ;oBAAC,OAAO,KAAK,EAAE;wBACZ,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;qBACxB;iBACJ;YACL,CAAC,CAAC,CAAC;SACN;QAAC,OAAO,KAAK,EAAE;YACZ,OAAO,CAAC,KAAK,CAAC,gDAAgD,CAAC,CAAC;YAChE,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YACrB,MAAM,YAAY,GAAG,IAAI,2BAAW,CAChC,2DAA2D,EAC3D,IAAI,uBAAO,EAAE,CAChB,CAAC;YACF,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,kCAAkB,CAAC,YAAY,CAAC,CAAC,CAAC;SAC3D;IACL,CAAC,CAAC,CAAC;IAEH,MAAM,MAAM,GAAmB;QAC3B,IAAI;QACJ,UAAU,EAAE,oBAAU,CAAC,IAAI,EAAE,GAAG,CAAC;KACpC,CAAC;IACF,OAAO,MAAM,CAAC;AAClB,CAAC,CAAC;AAEW,QAAA,SAAS,GAAG,CAAC,YAAY,EAAE,EAAE;IACtC,MAAM,KAAK,GAAG,wBAAwB,CAAC;IACvC,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACnD,IAAI,OAAO,KAAK,IAAI,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;QAC1C,YAAY,CAAC,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;QACxC,YAAY,CAAC,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;QACtC,OAAO,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;KACjC;IACD,OAAO,YAAY,CAAC;AACxB,CAAC,CAAC;AAEW,QAAA,WAAW,GAAG,WAAW,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@botfabrik/engine-webclient",
|
|
3
|
-
"version": "4.0.1
|
|
3
|
+
"version": "4.0.1",
|
|
4
4
|
"description": "Webclient for Botfabriks Bot Engine",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -25,8 +25,8 @@
|
|
|
25
25
|
"typescript": "^3.9.5"
|
|
26
26
|
},
|
|
27
27
|
"dependencies": {
|
|
28
|
-
"@botfabrik/engine-domain": "^4.0.1
|
|
29
|
-
"@botfabrik/engine-utils": "^4.0.1
|
|
28
|
+
"@botfabrik/engine-domain": "^4.0.1",
|
|
29
|
+
"@botfabrik/engine-utils": "^4.0.1",
|
|
30
30
|
"@google-cloud/speech": "^3.6.0",
|
|
31
31
|
"accept-language-parser": "^1.5.0",
|
|
32
32
|
"express": "^4.17.1",
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
self.__precacheManifest = (self.__precacheManifest || []).concat([
|
|
2
|
-
{
|
|
3
|
-
"revision": "a2039bc0c02563d42229f851fb7cf93b",
|
|
4
|
-
"url": "./index.html"
|
|
5
|
-
},
|
|
6
|
-
{
|
|
7
|
-
"revision": "6249808bb1423e486c5e",
|
|
8
|
-
"url": "./static/css/main.4e8311d6.chunk.css"
|
|
9
|
-
},
|
|
10
|
-
{
|
|
11
|
-
"revision": "a3797176d35341a39365",
|
|
12
|
-
"url": "./static/js/2.1feba131.chunk.js"
|
|
13
|
-
},
|
|
14
|
-
{
|
|
15
|
-
"revision": "1972f89cf9ae28215acbbb82c85db469",
|
|
16
|
-
"url": "./static/js/2.1feba131.chunk.js.LICENSE.txt"
|
|
17
|
-
},
|
|
18
|
-
{
|
|
19
|
-
"revision": "6249808bb1423e486c5e",
|
|
20
|
-
"url": "./static/js/main.96078d69.chunk.js"
|
|
21
|
-
},
|
|
22
|
-
{
|
|
23
|
-
"revision": "d90c5b93796701d5570a",
|
|
24
|
-
"url": "./static/js/runtime-main.8b0ae790.js"
|
|
25
|
-
}
|
|
26
|
-
]);
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
@import url(//fonts.googleapis.com/css?family=Roboto:400,300,700,500,100,200);html{font-family:"Roboto",sans-serif}body{margin:0}.Client_chatPage__126Ne{display:flex;flex-direction:column;height:100vh}@media (min-width:36rem){.Client_chatPage__126Ne{flex-direction:row}}.Chat_chatwindow__2gTsn{display:flex;flex-flow:column nowrap;width:100%;height:100vh;max-width:48rem;margin-left:auto;margin-right:auto}@media (min-width:36rem){.Chat_chatwindow__2gTsn{padding-right:1rem}}@media (min-height:14rem){.Chat_chatwindow__2gTsn{background-color:#fff}}.InputContainer_inputContainer__3uWNo{width:100%;background-color:#fff;padding:0 1rem 1rem}@media (max-height:14rem){.InputContainer_inputContainer__3uWNo{background-color:transparent;font-size:.8rem;padding:0 1rem}}.Global_button__33oEy{display:inline-block;font-family:Roboto,sans-serif;font-size:1em;padding:.5em 1em;border-radius:.2rem;background-color:#fff;border:2px solid #fff;color:#008fd7;cursor:pointer;transition:all .2s linear;text-align:center}.Global_button__33oEy:hover{color:#fff;background-color:#008fd7}svg{fill:currentColor}.QuickReplies_quickReplies__26tJr{display:flex;flex-flow:row wrap;justify-content:flex-end;padding-bottom:.4rem;margin:0 -.3rem}.QuickReplies_quickReply__PrklG{margin-top:.5em;margin-right:.5em;background-color:#eee;color:#717171;border:0}.QuickReplies_more__2X1pI{display:none}@media (max-height:14rem){.QuickReplies_quickReplies__26tJr{flex-flow:row nowrap}.QuickReplies_quickReply__PrklG{padding:.6rem .8rem}.QuickReplies_more__2X1pI{padding:.3rem .6rem;font-size:1rem;font-weight:900;line-height:1.5;color:#eee;background-color:#4a4a4a;border:1px solid #eee}}@media (min-width:40rem){.QuickReplies_quickReplies__26tJr{font-size:1.2rem}.QuickReplies_quickReply__PrklG{padding-left:1.5em;padding-right:1.5em}}.AudioRecorder_audioRecorder__37BQJ{display:flex}.AudioRecorder_recordButton__3-QeV{display:block;margin:0;border:0;background-color:#fff;color:#717171}.AudioRecorder_recordButton__3-QeV:hover{background-color:#008fd7;color:#fff}.AudioRecorder_submitButton__10pVF{display:block;margin:0;border:0;background-color:#fff;color:#008fd7}.AudioRecorder_submitButton__10pVF:hover{background-color:#008fd7;color:#fff}.AudioRecorder_cancelButton__64CTn{display:block;margin:0;border:0;background-color:#fff;color:#008fd7}.AudioRecorder_cancelButton__64CTn:hover{background-color:#008fd7;color:#fff}.AudioRecorder_recorderIcon__2o4Ov{width:1.3em;height:1.3em;border-radius:50%;-webkit-animation:AudioRecorder_pulse__3Xsbm 2s infinite;animation:AudioRecorder_pulse__3Xsbm 2s infinite;margin:auto .6em}@-webkit-keyframes AudioRecorder_pulse__3Xsbm{0%{background-color:#fff}40%{background-color:red}60%{background-color:red}to{background-color:#fff}}@keyframes AudioRecorder_pulse__3Xsbm{0%{background-color:#fff}40%{background-color:red}60%{background-color:red}to{background-color:#fff}}.AudioRecorder_spinning__1hO3P{display:block;margin:auto;color:#717171;-webkit-animation:AudioRecorder_spin__3bMw- 1.2s linear infinite;animation:AudioRecorder_spin__3bMw- 1.2s linear infinite}@-webkit-keyframes AudioRecorder_spin__3bMw-{to{transform:rotate(1turn)}}@keyframes AudioRecorder_spin__3bMw-{to{transform:rotate(1turn)}}.TextInput_inputWrapper__1fIyq{display:flex;line-height:0}@media (max-height:14rem){.TextInput_inputWrapper__1fIyq{display:none}}.TextInput_messageInputWrapper__6KJHK{flex:1 1;border-radius:.2rem;border:2px solid #bcbdc0;margin-right:.5rem}.TextInput_messageInput__2fCF7{font-size:1rem;border:none;height:100%;box-sizing:border-box;width:100%;outline-width:0;padding:.8rem 1rem;text-overflow:ellipsis;color:grey}.TextInput_sendMessage__2OtPU{margin:0;background-color:#008fd7;border-color:#008fd7;color:#fff}.TextInput_sendMessage__2OtPU svg{height:1.4rem;width:2.2rem;fill:currentColor}.TextInput_sendMessage__2OtPU:hover{color:#008fd7;background-color:#fff}.Upload_upload__20XMq{display:flex;flex-direction:row;justify-content:flex-end;padding-top:.4rem}.Upload_upload__20XMq span+span{margin-left:.3rem;margin-top:0}.Upload_upload__button__1CRlu{display:flex;align-items:center;height:3.4rem;width:100%;max-width:24rem;padding:2px 5px;margin:2px;color:#fff;background-color:#008fd7;border:2px solid #008fd7;border-radius:.2rem;cursor:pointer}.Upload_upload__button__1CRlu input[type=file]{position:fixed;top:-1000px}.Upload_upload__button__1CRlu svg{height:2rem;width:2rem;margin:.8rem;fill:currentColor}.Upload_upload__button__1CRlu:hover{background-color:#fff;color:#008fd7}.Upload_upload__button__1CRlu:active{background:#ccc;color:#008fd7}.Upload_upload__button__1CRlu:invalid+span{color:#a44}.Upload_upload__button__1CRlu:valid+span{color:#4a4}.Upload_upload__button__1CRlu.Upload_uploading__2pmWz{color:#fff;background:#ccc;border-color:#ccc;cursor:auto}.Upload_upload__button__1CRlu.Upload_uploading__2pmWz svg{position:relative;-webkit-animation:Upload_MoveUpDown__3z7Hm 1s ease-in infinite;animation:Upload_MoveUpDown__3z7Hm 1s ease-in infinite}@-webkit-keyframes Upload_MoveUpDown__3z7Hm{0%{bottom:0}to{bottom:3px}}@keyframes Upload_MoveUpDown__3z7Hm{0%{bottom:0}to{bottom:3px}}*{box-sizing:border-box}.Message_messageBot__3cmFc,.Message_messageUser__1PbuM{display:flex;margin-bottom:1.2rem;transition:all .5s linear}.Message_messageUser__1PbuM{justify-content:flex-end}.Message_avatar__1GG1t{width:3.75rem;height:3.75rem}@media only screen and (max-width:767px){.Message_messageBot__3cmFc,.Message_messageUser__1PbuM{margin-bottom:.7rem}.Message_avatar__1GG1t{width:2.5rem;height:2.5rem}}.Message_textWrapper__1ZhSM{display:inline-block;padding:.9em 1.3em;border-radius:6px;width:calc(100% - 5.3rem);min-width:6.25rem;max-width:30rem;position:relative}@media (max-height:14rem){.Message_textWrapper__1ZhSM{width:100%;max-height:3.2rem;margin-top:.3rem;padding:.4em .8em}.Message_avatar__1GG1t{margin-top:.3rem}}.Message_textWrapper__1ZhSM:before{top:1.1rem;content:" ";height:0;width:0;position:absolute;pointer-events:none;border:.8rem solid transparent}@media only screen and (max-width:767px){.Message_textWrapper__1ZhSM:before{top:.5rem}}@media (max-height:14rem){.Message_text__hBn5S iframe{display:none}.Message_textWrapper__1ZhSM:before{top:.7rem}}.Message_leftTextWrapper__eSCQv{background-color:#008fd7;margin-left:1.25rem}.Message_leftTextWrapper__eSCQv:before{right:100%;border-right-color:#008fd7}.Message_leftText__1KoBc{color:#fff}.Message_leftText__1KoBc a{color:#fff!important}.Message_rightTextWrapper__2CSGi{background-color:#eee;margin-right:1.25rem}.Message_rightTextWrapper__2CSGi:before{left:100%;border-left-color:#eee}.Message_rightText__3RrIO,.Message_rightText__3RrIO a{color:#717171}.DetailMessage_image__2Gyth img{width:100%;position:relative}.DetailMessage_image_container__8LsJu{position:relative;text-align:center;color:#fff}.DetailMessage_play_button__1PWeA{width:15%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.DetailMessage_title__1RlQT{font-weight:700}.DetailMessage_subtitle__18WDj{margin-top:1rem}.DetailMessage_button__2eSMw{font-size:.9em;margin-top:.5em;margin-right:.5em}@media (max-height:14rem){.DetailMessage_image__2Gyth,.DetailMessage_title__1RlQT{display:none}.DetailMessage_subtitle__18WDj{margin-top:0}.DetailMessage_button__2eSMw{display:none}}@media only screen and (max-width:767px){.DetailMessage_title__1RlQT{font-size:1.1rem}}.DetailMessage_video_container__7lOBq{position:relative;width:100%;height:0;padding-bottom:56.25%}.DetailMessage_video__3VEwq{position:absolute;top:0;left:0;width:100%;height:100%}.Text_text__1zaFO{overflow-wrap:break-word}.MarkdownMessage_markdownMessage__15Vr7 *>:first-child{margin-top:0}.MarkdownMessage_markdownMessage__15Vr7 *>:last-child{margin-bottom:0}.MarkdownMessage_markdownMessage__15Vr7 table{width:100%}.MarkdownMessage_markdownMessage__15Vr7 img{max-width:100%;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0}.MarkdownMessage_markdownMessage__15Vr7 td:not(:last-child){padding-right:1rem}.MarkdownMessage_markdownMessage__15Vr7 ul{padding:0 0 0 1.1em}.MarkdownMessage_markdownMessage__15Vr7 ul>li{list-style-type:disc}.MarkdownMessage_markdownMessage__15Vr7 ol{padding:0 0 0 1.1em}.MarkdownMessage_markdownMessage__15Vr7 ol>li{list-style-type:decimal}.MessageContainer_messageContainer__1AKXT{flex:1 1;overflow-y:auto;padding-top:1rem;position:relative;-webkit-overflow-scrolling:touch}.MessageContainer_messages__2GeSj{position:relative;list-style:none;font-size:.9rem;line-height:1.4;padding:0 1rem;margin:0;overflow-wrap:break-word;word-wrap:break-word}@media (min-width:36rem){.MessageContainer_messageContainer__1AKXT{padding-top:2rem}.MessageContainer_messages__2GeSj{font-size:1rem;line-height:1.8}}@media (max-height:14rem){.MessageContainer_messageContainer__1AKXT{padding:0;overflow-y:unset;flex:0 0 auto}.MessageContainer_messageContainer__1AKXT li:not(:last-child){display:none}.MessageContainer_messageContainer__1AKXT li{margin-bottom:0!important}.MessageContainer_messages__2GeSj{padding:0 1rem;line-height:1.2rem}}.TypingIndicator_typingIndicator__1YwyE{background-color:#008fd7;width:auto;border-radius:5px;padding:1rem;display:table;margin-left:6rem;margin-bottom:.2rem;position:relative}.TypingIndicator_typingIndicator__1YwyE span{height:.25rem;width:.25rem;float:left;margin:0 1px;background-color:#fff;display:block;border-radius:50%;opacity:.3}.TypingIndicator_typingIndicator__1YwyE span:first-of-type{-webkit-animation:TypingIndicator_blink__3akB9 1s .3333s infinite;animation:TypingIndicator_blink__3akB9 1s .3333s infinite}@-webkit-keyframes TypingIndicator_blink__3akB9{50%{opacity:1}}.TypingIndicator_typingIndicator__1YwyE span:nth-of-type(2){-webkit-animation:TypingIndicator_blink__3akB9 1s .6666s infinite;animation:TypingIndicator_blink__3akB9 1s .6666s infinite}.TypingIndicator_typingIndicator__1YwyE span:nth-of-type(3){-webkit-animation:TypingIndicator_blink__3akB9 1s .9999s infinite;animation:TypingIndicator_blink__3akB9 1s .9999s infinite}@keyframes TypingIndicator_blink__3akB9{50%{opacity:1}}@media (max-width:767px){.TypingIndicator_typingIndicator__1YwyE{margin-left:4.8rem}}@media (max-height:14rem){.TypingIndicator_typingIndicator__1YwyE{display:none}}
|
|
2
|
-
/*# sourceMappingURL=main.4e8311d6.chunk.css.map */
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["main.4e8311d6.chunk.css","Client.module.scss","Chat.module.scss","InputContainer.module.scss","Global.module.scss","_variables.scss","QuickReplies.module.scss","../../../_variables.scss","AudioRecorder.module.scss","TextInput.module.scss","Upload.module.scss","Message.module.scss","DetailMessage.module.scss","Text.module.scss","MarkdownMessage.module.scss","MessageContainer.module.scss","TypingIndicator.module.scss"],"names":[],"mappings":"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","file":"main.4e8311d6.chunk.css","sourcesContent":["@import url(//fonts.googleapis.com/css?family=Roboto:400,300,700,500,100,200);\nhtml{font-family:'Roboto', sans-serif}body{margin:0}.Client_chatPage__126Ne{display:flex;flex-direction:column;height:100vh}@media (min-width: 36rem){.Client_chatPage__126Ne{flex-direction:row}}\n\n.Chat_chatwindow__2gTsn{display:flex;flex-flow:column nowrap;width:100%;height:100vh;max-width:48rem;margin-left:auto;margin-right:auto}@media (min-width: 36rem){.Chat_chatwindow__2gTsn{padding-right:1rem}}@media (min-height: 14rem){.Chat_chatwindow__2gTsn{background-color:white}}\n\n*{box-sizing:border-box}.InputContainer_inputContainer__3uWNo{width:100%;background-color:#fff;padding:0 1rem 1rem 1rem}@media (max-height: 14rem){.InputContainer_inputContainer__3uWNo{background-color:transparent;font-size:0.8rem;padding:0 1rem}}\n\n.Global_button__33oEy{display:inline-block;font-family:Roboto, sans-serif;font-size:1em;padding:0.5em 1em;border-radius:0.2rem;background-color:white;border:2px solid white;color:#008fd7;cursor:pointer;transition:all 0.2s linear;text-align:center}.Global_button__33oEy:hover{color:#fff;background-color:#008fd7}svg{fill:currentColor}\n\n.QuickReplies_quickReplies__26tJr{display:flex;flex-flow:row wrap;justify-content:flex-end;padding-bottom:0.4rem;margin:0 -0.3rem}.QuickReplies_quickReply__PrklG{margin-top:0.5em;margin-right:0.5em;background-color:#eee;color:#717171;border:0}.QuickReplies_more__2X1pI{display:none}@media (max-height: 14rem){.QuickReplies_quickReplies__26tJr{flex-flow:row nowrap}.QuickReplies_quickReply__PrklG{padding:0.6rem 0.8rem}.QuickReplies_more__2X1pI{padding:0.3rem 0.6rem;font-size:1rem;font-weight:900;line-height:1.5;color:#eee;background-color:#4a4a4a;border:1px solid #eee}}@media (min-width: 40rem){.QuickReplies_quickReplies__26tJr{font-size:1.2rem}.QuickReplies_quickReply__PrklG{padding-left:1.5em;padding-right:1.5em}}\n\n*{box-sizing:border-box}.AudioRecorder_audioRecorder__37BQJ{display:flex}.AudioRecorder_recordButton__3-QeV{display:block;margin:0;border:0;background-color:#fff;color:#717171}.AudioRecorder_recordButton__3-QeV:hover{background-color:#008fd7;color:#fff}.AudioRecorder_submitButton__10pVF{display:block;margin:0;border:0;background-color:#fff;color:#008fd7}.AudioRecorder_submitButton__10pVF:hover{background-color:#008fd7;color:#fff}.AudioRecorder_cancelButton__64CTn{display:block;margin:0;border:0;background-color:#fff;color:#008fd7}.AudioRecorder_cancelButton__64CTn:hover{background-color:#008fd7;color:#fff}.AudioRecorder_recorderIcon__2o4Ov{width:1.3em;height:1.3em;border-radius:50%;-webkit-animation:AudioRecorder_pulse__3Xsbm 2s infinite;animation:AudioRecorder_pulse__3Xsbm 2s infinite;margin:auto 0.6em}@-webkit-keyframes AudioRecorder_pulse__3Xsbm{0%{background-color:white}40%{background-color:red}60%{background-color:red}100%{background-color:white}}@keyframes AudioRecorder_pulse__3Xsbm{0%{background-color:white}40%{background-color:red}60%{background-color:red}100%{background-color:white}}.AudioRecorder_spinning__1hO3P{display:block;margin:auto;color:#717171;-webkit-animation:AudioRecorder_spin__3bMw- 1.2s linear infinite;animation:AudioRecorder_spin__3bMw- 1.2s linear infinite}@-webkit-keyframes AudioRecorder_spin__3bMw-{100%{transform:rotate(360deg)}}@keyframes AudioRecorder_spin__3bMw-{100%{transform:rotate(360deg)}}\n\n*{box-sizing:border-box}.TextInput_inputWrapper__1fIyq{display:flex;line-height:0}@media (max-height: 14rem){.TextInput_inputWrapper__1fIyq{display:none}}.TextInput_messageInputWrapper__6KJHK{flex:1 1;border-radius:0.2rem;border:2px solid #bcbdc0;margin-right:0.5rem}.TextInput_messageInput__2fCF7{font-size:1rem;border:none;height:100%;box-sizing:border-box;width:100%;outline-width:0;padding:0.8rem 1rem;text-overflow:ellipsis;color:gray}.TextInput_sendMessage__2OtPU{margin:0;background-color:#008fd7;border-color:#008fd7;color:#fff}.TextInput_sendMessage__2OtPU svg{height:1.4rem;width:2.2rem;fill:currentColor}.TextInput_sendMessage__2OtPU:hover{color:#008fd7;background-color:#fff}\n\n.Upload_upload__20XMq{display:flex;flex-direction:row;justify-content:flex-end;padding-top:0.4rem}.Upload_upload__20XMq span+span{margin-left:0.3rem;margin-top:0}.Upload_upload__button__1CRlu{display:flex;align-items:center;height:3.4rem;width:100%;max-width:24rem;padding:2px 5px;margin:2px;color:white;background-color:#008fd7;border:2px solid #008fd7;border-radius:0.2rem;cursor:pointer}.Upload_upload__button__1CRlu input[type='file']{position:fixed;top:-1000px}.Upload_upload__button__1CRlu svg{height:2rem;width:2rem;margin:0.8rem;fill:currentColor}.Upload_upload__button__1CRlu:hover{background-color:white;color:#008fd7}.Upload_upload__button__1CRlu:active{background:#ccc;color:#008fd7}.Upload_upload__button__1CRlu:invalid+span{color:#a44}.Upload_upload__button__1CRlu:valid+span{color:#4a4}.Upload_upload__button__1CRlu.Upload_uploading__2pmWz{color:white;background:#ccc;border-color:#ccc;cursor:auto}.Upload_upload__button__1CRlu.Upload_uploading__2pmWz svg{position:relative;-webkit-animation:Upload_MoveUpDown__3z7Hm 1s ease-in infinite;animation:Upload_MoveUpDown__3z7Hm 1s ease-in infinite}@-webkit-keyframes Upload_MoveUpDown__3z7Hm{0%{bottom:0}100%{bottom:3px}}@keyframes Upload_MoveUpDown__3z7Hm{0%{bottom:0}100%{bottom:3px}}\n\n*{box-sizing:border-box}.Message_messageBot__3cmFc{display:flex;margin-bottom:1.2rem;transition:all 0.5s linear}.Message_messageUser__1PbuM{display:flex;justify-content:flex-end;margin-bottom:1.2rem;transition:all 0.5s linear}.Message_avatar__1GG1t{width:3.75rem;height:3.75rem}@media only screen and (max-width: 767px){.Message_messageBot__3cmFc{margin-bottom:0.7rem}.Message_messageUser__1PbuM{margin-bottom:0.7rem}.Message_avatar__1GG1t{width:2.5rem;height:2.5rem}}.Message_textWrapper__1ZhSM{display:inline-block;padding:0.9em 1.3em;border-radius:6px;width:calc(100% - 5.3rem);min-width:6.25rem;max-width:30rem;position:relative}@media (max-height: 14rem){.Message_textWrapper__1ZhSM{width:100%;max-height:3.2rem;margin-top:0.3rem;padding:0.4em 0.8em}.Message_avatar__1GG1t{margin-top:0.3rem}}.Message_textWrapper__1ZhSM::before{top:1.1rem;border:solid transparent;content:' ';height:0;width:0;position:absolute;pointer-events:none;border-width:0.8rem}@media only screen and (max-width: 767px){.Message_textWrapper__1ZhSM::before{top:0.5rem}}@media (max-height: 14rem){.Message_text__hBn5S iframe{display:none}.Message_textWrapper__1ZhSM::before{top:0.7rem}}.Message_leftTextWrapper__eSCQv{background-color:#008fd7;margin-left:1.25rem}.Message_leftTextWrapper__eSCQv::before{right:100%;border-right-color:#008fd7}.Message_leftText__1KoBc{color:white}.Message_leftText__1KoBc a{color:white !important}.Message_rightTextWrapper__2CSGi{background-color:#eee;margin-right:1.25rem}.Message_rightTextWrapper__2CSGi::before{left:100%;border-left-color:#eee}.Message_rightText__3RrIO{color:#717171}.Message_rightText__3RrIO a{color:#717171}\n\n.DetailMessage_image__2Gyth img{width:100%;position:relative}.DetailMessage_image_container__8LsJu{position:relative;text-align:center;color:white}.DetailMessage_play_button__1PWeA{width:15%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.DetailMessage_title__1RlQT{font-weight:bold}.DetailMessage_subtitle__18WDj{margin-top:1rem}.DetailMessage_button__2eSMw{font-size:0.9em;margin-top:0.5em;margin-right:0.5em}@media (max-height: 14rem){.DetailMessage_title__1RlQT{display:none}.DetailMessage_image__2Gyth{display:none}.DetailMessage_subtitle__18WDj{margin-top:0}.DetailMessage_button__2eSMw{display:none}}@media only screen and (max-width: 767px){.DetailMessage_title__1RlQT{font-size:1.1rem}}.DetailMessage_video_container__7lOBq{position:relative;width:100%;height:0;padding-bottom:56.25%}.DetailMessage_video__3VEwq{position:absolute;top:0;left:0;width:100%;height:100%}\n\n.Text_text__1zaFO{overflow-wrap:break-word}\n\n.MarkdownMessage_markdownMessage__15Vr7 *>:first-child{margin-top:0}.MarkdownMessage_markdownMessage__15Vr7 *>:last-child{margin-bottom:0}.MarkdownMessage_markdownMessage__15Vr7 table{width:100%}.MarkdownMessage_markdownMessage__15Vr7 img{max-width:100%;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0}.MarkdownMessage_markdownMessage__15Vr7 td:not(:last-child){padding-right:1rem}.MarkdownMessage_markdownMessage__15Vr7 ul{padding:0 0 0 1.1em}.MarkdownMessage_markdownMessage__15Vr7 ul>li{list-style-type:disc}.MarkdownMessage_markdownMessage__15Vr7 ol{padding:0 0 0 1.1em}.MarkdownMessage_markdownMessage__15Vr7 ol>li{list-style-type:decimal}\n\n\n.MessageContainer_messageContainer__1AKXT{flex:1 1;overflow-y:auto;padding-top:1rem;position:relative;-webkit-overflow-scrolling:touch}.MessageContainer_messages__2GeSj{position:relative;list-style:none;font-size:0.9rem;line-height:1.4;padding:0 1rem;margin:0;overflow-wrap:break-word;word-wrap:break-word}@media (min-width: 36rem){.MessageContainer_messageContainer__1AKXT{padding-top:2rem}.MessageContainer_messages__2GeSj{font-size:1rem;line-height:1.8}}@media (max-height: 14rem){.MessageContainer_messageContainer__1AKXT{padding:0;overflow-y:unset;flex:0 0 auto}.MessageContainer_messageContainer__1AKXT li:not(:last-child){display:none}.MessageContainer_messageContainer__1AKXT li{margin-bottom:0 !important}.MessageContainer_messages__2GeSj{padding:0 1rem;line-height:1.2rem}}\n\n.TypingIndicator_typingIndicator__1YwyE{background-color:#008fd7;width:auto;border-radius:5px;padding:1rem;display:table;margin-left:6rem;margin-bottom:0.2rem;position:relative}.TypingIndicator_typingIndicator__1YwyE span{height:0.25rem;width:0.25rem;float:left;margin:0 1px;background-color:white;display:block;border-radius:50%;opacity:0.3}.TypingIndicator_typingIndicator__1YwyE span:nth-of-type(1){-webkit-animation:TypingIndicator_blink__3akB9 1s infinite .3333s;animation:TypingIndicator_blink__3akB9 1s infinite .3333s}@-webkit-keyframes TypingIndicator_blink__3akB9{50%{opacity:1}}@keyframes TypingIndicator_blink__3akB9{50%{opacity:1}}.TypingIndicator_typingIndicator__1YwyE span:nth-of-type(2){-webkit-animation:TypingIndicator_blink__3akB9 1s infinite .6666s;animation:TypingIndicator_blink__3akB9 1s infinite .6666s}@keyframes TypingIndicator_blink__3akB9{50%{opacity:1}}.TypingIndicator_typingIndicator__1YwyE span:nth-of-type(3){-webkit-animation:TypingIndicator_blink__3akB9 1s infinite .9999s;animation:TypingIndicator_blink__3akB9 1s infinite .9999s}@keyframes TypingIndicator_blink__3akB9{50%{opacity:1}}@media (max-width: 767px){.TypingIndicator_typingIndicator__1YwyE{margin-left:4.8rem}}@media (max-height: 14rem){.TypingIndicator_typingIndicator__1YwyE{display:none}}\n\n","@import \"./_variables.scss\";\n@import url(//fonts.googleapis.com/css?family=Roboto:400,300,700,500,100,200);\n\nhtml {\n font-family: 'Roboto', sans-serif;\n}\n\nbody {\n margin: 0;\n}\n\n.chatPage {\n display: flex;\n flex-direction: column;\n height: 100vh;\n}\n\n@media (min-width: 36rem) {\n .chatPage {\n flex-direction: row;\n }\n}\n","@import \"./../_variables.scss\";\n\n.chatwindow {\n display: flex;\n flex-flow: column nowrap;\n width: 100%;\n height: 100vh;\n max-width: 48rem;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (min-width: 36rem) {\n .chatwindow {\n padding-right: 1rem;\n }\n}\n\n@media (min-height: $collapsed) {\n .chatwindow {\n background-color: white;\n }\n}\n","@import '../../_variables.scss';\n\n* {\n box-sizing: border-box;\n}\n\n.inputContainer {\n width: 100%;\n background-color: #fff;\n padding: 0 1rem 1rem 1rem;\n}\n\n@media (max-height: $collapsed) {\n .inputContainer {\n background-color: transparent;\n font-size: 0.8rem;\n padding: 0 1rem;\n }\n}\n","@import \"./_variables.scss\";\n\n.button {\n display: inline-block;\n font-family: Roboto, sans-serif;\n font-size: 1em;\n padding: 0.5em 1em;\n border-radius: 0.2rem;\n background-color: white;\n border: 2px solid white;\n color: $brand-primary;\n cursor: pointer;\n transition: all 0.2s linear;\n text-align: center;\n \n &:hover {\n color: #fff;\n background-color: $brand-primary;\n }\n}\n\n:global(svg) {\n fill: currentColor;\n}","$enable-flex: true;\n\n$brand-primary: #008fd7 !default;\n\n$lighter-gray: #eee;\n$gray: #717171;\n\n$text: $gray;\n$bg-gray: $lighter-gray;\n$collapsed: 14rem;\n","@import '../../../_variables.scss';\n\n.quickReplies {\n display: flex;\n flex-flow: row wrap;\n justify-content: flex-end;\n padding-bottom: 0.4rem;\n margin: 0 -0.3rem;\n}\n\n.quickReply {\n margin-top: 0.5em;\n margin-right: 0.5em;\n background-color: $bg-gray;\n color: $text;\n border: 0;\n}\n\n.more {\n display: none;\n}\n\n@media (max-height: $collapsed) {\n .quickReplies {\n flex-flow: row nowrap;\n }\n\n .quickReply {\n padding: 0.6rem 0.8rem;\n }\n\n .more {\n padding: 0.3rem 0.6rem;\n font-size: 1rem;\n font-weight: 900;\n line-height: 1.5;\n color: #eee;\n background-color: #4a4a4a;\n border: 1px solid #eee;\n }\n}\n\n@media (min-width: 40rem) {\n .quickReplies {\n font-size: 1.2rem;\n }\n .quickReply {\n padding-left: 1.5em;\n padding-right: 1.5em;\n }\n}\n","$enable-flex: true;\n\n$brand-primary: #008fd7 !default;\n\n$lighter-gray: #eee;\n$gray: #717171;\n\n$text: $gray;\n$bg-gray: $lighter-gray;\n$collapsed: 14rem;\n","@import '../../../_variables.scss';\n\n* {\n box-sizing: border-box;\n}\n\n.audioRecorder {\n display: flex;\n}\n\n@mixin audioButton {\n display: block;\n margin: 0;\n border: 0;\n background-color: #fff;\n\n &:hover {\n background-color: $brand-primary;\n color: #fff;\n }\n}\n\n.recordButton {\n @include audioButton();\n color: $gray;\n}\n\n.submitButton {\n @include audioButton();\n color: $brand-primary;\n}\n\n.cancelButton {\n @include audioButton();\n color: $brand-primary;\n}\n\n.recorderIcon {\n width: 1.3em;\n height: 1.3em;\n border-radius: 50%;\n animation: pulse 2s infinite;\n margin: auto 0.6em;\n}\n\n@keyframes pulse {\n 0% {\n background-color: white;\n }\n 40% {\n background-color: red;\n }\n 60% {\n background-color: red;\n }\n 100% {\n background-color: white;\n }\n}\n\n.spinning {\n display: block;\n margin: auto;\n color: $gray;\n animation: spin 1.2s linear infinite;\n}\n\n@keyframes spin {\n 100% {\n transform: rotate(360deg);\n }\n}\n","@import '../../../_variables.scss';\n\n* {\n box-sizing: border-box;\n}\n\n.inputWrapper {\n display: flex;\n line-height: 0;\n}\n@media (max-height: $collapsed) {\n .inputWrapper {\n display: none;\n }\n}\n\n.messageInputWrapper {\n flex: 1;\n border-radius: 0.2rem;\n border: 2px solid #bcbdc0;\n margin-right: 0.5rem;\n}\n\n.messageInput {\n font-size: 1rem;\n border: none;\n height: 100%;\n box-sizing: border-box;\n width: 100%;\n outline-width: 0;\n padding: 0.8rem 1rem;\n text-overflow: ellipsis;\n color: gray;\n}\n\n.sendMessage {\n margin: 0;\n background-color: $brand-primary;\n border-color: $brand-primary;\n color: #fff;\n\n svg {\n height: 1.4rem;\n width: 2.2rem;\n fill: currentColor;\n }\n}\n\n.sendMessage:hover {\n color: $brand-primary;\n background-color: #fff;\n}\n","@import '../../../_variables.scss';\n\n.upload {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n padding-top: 0.4rem;\n\n span + span {\n margin-left: 0.3rem;\n margin-top: 0;\n }\n}\n\n.upload__button {\n input[type='file'] {\n position: fixed;\n top: -1000px;\n }\n\n display: flex;\n align-items: center;\n height: 3.4rem;\n width: 100%;\n max-width: 24rem;\n padding: 2px 5px;\n margin: 2px;\n color: white;\n background-color: $brand-primary;\n border: 2px solid $brand-primary;\n border-radius: 0.2rem;\n cursor: pointer;\n\n svg {\n height: 2rem;\n width: 2rem;\n margin: 0.8rem;\n fill: currentColor;\n }\n\n &:hover {\n background-color: white;\n color: $brand-primary;\n }\n\n &:active {\n background: #ccc;\n color: $brand-primary;\n }\n\n &:invalid + span {\n color: #a44;\n }\n\n &:valid + span {\n color: #4a4;\n }\n\n &.uploading {\n color: white;\n background: #ccc;\n border-color: #ccc;\n cursor: auto;\n svg {\n position: relative;\n animation: MoveUpDown 1s ease-in infinite;\n }\n }\n}\n\n@keyframes MoveUpDown {\n 0% {\n bottom: 0;\n }\n 100% {\n bottom: 3px;\n }\n}\n","@import '../../../_variables.scss';\n\n* {\n box-sizing: border-box;\n}\n\n.messageBot {\n display: flex;\n margin-bottom: 1.2rem;\n transition: all 0.5s linear;\n}\n\n.messageUser {\n display: flex;\n justify-content: flex-end;\n margin-bottom: 1.2rem;\n transition: all 0.5s linear;\n}\n.avatar {\n width: 3.75rem;\n height: 3.75rem;\n}\n@media only screen and (max-width: 767px) {\n .messageBot {\n margin-bottom: 0.7rem;\n }\n .messageUser {\n margin-bottom: 0.7rem;\n }\n .avatar {\n width: 2.5rem;\n height: 2.5rem;\n }\n}\n\n.textWrapper {\n display: inline-block;\n padding: 0.9em 1.3em;\n border-radius: 6px;\n width: calc(100% - 5.3rem);\n min-width: 6.25rem;\n max-width: 30rem;\n position: relative;\n}\n\n@media (max-height: $collapsed) {\n .textWrapper {\n width: 100%;\n max-height: 3.2rem;\n margin-top: 0.3rem;\n padding: 0.4em 0.8em;\n }\n .avatar {\n margin-top: 0.3rem;\n }\n}\n\n.textWrapper::before {\n top: 1.1rem;\n border: solid transparent;\n content: ' ';\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n border-width: 0.8rem;\n}\n\n@media only screen and (max-width: 767px) {\n .textWrapper::before {\n top: 0.5rem;\n }\n}\n\n@media (max-height: $collapsed) {\n .text {\n iframe {\n display: none;\n }\n }\n .textWrapper::before {\n top: 0.7rem;\n }\n}\n\n.leftTextWrapper {\n background-color: $brand-primary;\n margin-left: 1.25rem;\n}\n.leftTextWrapper::before {\n right: 100%;\n border-right-color: $brand-primary;\n}\n.leftText {\n color: white;\n\n a {\n color: white !important;\n }\n}\n\n.rightTextWrapper {\n background-color: $lighter-gray;\n margin-right: 1.25rem;\n}\n.rightTextWrapper::before {\n left: 100%;\n border-left-color: $lighter-gray;\n}\n\n.rightText {\n color: $text;\n\n a {\n color: $text;\n }\n}\n","@import './../../../../_variables.scss';\n\n.image img {\n width: 100%;\n position: relative;\n}\n\n.image_container {\n position: relative;\n text-align: center;\n color: white;\n}\n\n.play_button {\n width: 15%;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.title {\n font-weight: bold;\n}\n\n.subtitle {\n margin-top: 1rem;\n}\n\n.button {\n font-size: 0.9em;\n margin-top: 0.5em;\n margin-right: 0.5em;\n}\n\n@media (max-height: $collapsed) {\n .title {\n display: none;\n }\n .image {\n display: none;\n }\n .subtitle {\n margin-top: 0;\n }\n .button {\n display: none;\n }\n}\n@media only screen and (max-width: 767px) {\n .title {\n font-size: 1.1rem;\n }\n}\n\n.video_container {\n position: relative;\n width: 100%;\n height: 0;\n padding-bottom: 56.25%;\n}\n.video {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n","@import '../../../_variables.scss';\n\n.text {\n overflow-wrap: break-word;\n}\n","@import '../../../../_variables.scss';\n\n.markdownMessage {\n * > :first-child {\n margin-top: 0;\n }\n * > :last-child {\n margin-bottom: 0;\n }\n\n table {\n width: 100%;\n }\n\n img {\n max-width: 100%;\n margin-block-start: 0;\n margin-block-end: 0;\n }\n\n td:not(:last-child) {\n padding-right: 1rem;\n }\n\n ul {\n padding: 0 0 0 1.1em;\n > li {\n list-style-type: disc;\n }\n }\n\n ol {\n padding: 0 0 0 1.1em;\n > li {\n list-style-type: decimal;\n }\n }\n}\n","@import '../../_variables.scss';\n\n.messageContainer {\n flex: 1;\n overflow-y: auto;\n padding-top: 1rem;\n\n // required for react-scroll\n position: relative;\n\n // iPhone smooth scrolling\n -webkit-overflow-scrolling: touch;\n}\n\n.messages {\n position: relative;\n list-style: none;\n font-size: 0.9rem;\n line-height: 1.4;\n padding: 0 1rem;\n margin: 0;\n\n // Break long words (like links) that would otherwise overflow the message bubble\n overflow-wrap: break-word;\n word-wrap: break-word;\n}\n\n@media (min-width: 36rem) {\n .messageContainer {\n padding-top: 2rem;\n }\n .messages {\n font-size: 1rem;\n line-height: 1.8;\n }\n}\n\n@media (max-height: $collapsed) {\n .messageContainer {\n padding: 0;\n overflow-y: unset;\n flex: 0 0 auto;\n\n li:not(:last-child) {\n display: none;\n }\n li {\n margin-bottom: 0 !important;\n }\n }\n .messages {\n padding: 0 1rem;\n line-height: 1.2rem;\n }\n}\n","@import '../../../_variables.scss';\n\n@mixin blinkMixin($i) {\n animation: blink 1s infinite ($i * 0.3333s);\n\n @keyframes blink {\n 50% {\n opacity: 1;\n }\n }\n}\n\n.typingIndicator {\n $ti-color-bg: $brand-primary;\n background-color: $ti-color-bg;\n width: auto;\n border-radius: 5px;\n padding: 1rem;\n display: table;\n margin-left: 6rem;\n margin-bottom: 0.2rem;\n position: relative;\n span {\n height: 0.25rem;\n width: 0.25rem;\n float: left;\n margin: 0 1px;\n background-color: white;\n display: block;\n border-radius: 50%;\n opacity: 0.3;\n @for $i from 1 through 3 {\n &:nth-of-type(#{$i}) {\n @include blinkMixin($i);\n }\n }\n }\n}\n\n@media (max-width: 767px) {\n .typingIndicator {\n margin-left: 4.8rem;\n }\n}\n\n@media (max-height: $collapsed) {\n .typingIndicator {\n display: none;\n }\n}\n"]}
|