@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.
Files changed (25) hide show
  1. package/README.md +21 -0
  2. package/dist/client/asset-manifest.json +11 -11
  3. package/dist/client/index.html +1 -1
  4. package/dist/client/precache-manifest.483bc417c97c33f6a64a0d9abc434cd0.js +26 -0
  5. package/dist/client/service-worker.js +1 -1
  6. package/dist/client/static/css/main.cf237349.chunk.css +2 -0
  7. package/dist/client/static/css/main.cf237349.chunk.css.map +1 -0
  8. package/dist/client/static/js/2.8b222a7a.chunk.js +3 -0
  9. package/dist/client/static/js/{2.1feba131.chunk.js.LICENSE.txt → 2.8b222a7a.chunk.js.LICENSE.txt} +0 -32
  10. package/dist/client/static/js/2.8b222a7a.chunk.js.map +1 -0
  11. package/dist/client/static/js/main.4f9064ef.chunk.js +2 -0
  12. package/dist/client/static/js/main.4f9064ef.chunk.js.map +1 -0
  13. package/dist/embed/bundle.js +1 -1
  14. package/dist/embed/bundle.js.map +1 -1
  15. package/dist/index.d.ts +1 -0
  16. package/dist/index.js +4 -0
  17. package/dist/index.js.map +1 -1
  18. package/package.json +3 -3
  19. package/dist/client/precache-manifest.f9d03f2fc6a3d0c6a9c58d120a8398e4.js +0 -26
  20. package/dist/client/static/css/main.4e8311d6.chunk.css +0 -2
  21. package/dist/client/static/css/main.4e8311d6.chunk.css.map +0 -1
  22. package/dist/client/static/js/2.1feba131.chunk.js +0 -3
  23. package/dist/client/static/js/2.1feba131.chunk.js.map +0 -1
  24. package/dist/client/static/js/main.96078d69.chunk.js +0 -2
  25. package/dist/client/static/js/main.96078d69.chunk.js.map +0 -1
package/README.md CHANGED
@@ -112,6 +112,10 @@ const webclientProps = {
112
112
  bot.addClient(Webclient('webclient', webclientProps));
113
113
  ```
114
114
 
115
+ ### transcriptExportEnabled (optional)
116
+
117
+ Erlaubt es, den Chatverlauf an eine Email-Adresse zu verschicken. Idealerweise wird dazu die Middleware @botfabrik/engine-transcript-mail verwendet.
118
+
115
119
  ## Beispiel
116
120
 
117
121
  ```
@@ -130,6 +134,23 @@ Das Aussehen des Webclients kann pro Projekt angepasst werden. Dazu kann eine ei
130
134
  Verzeichnis 'public/\${name-meines-webclients}/' abgelegt werden. Auf gleiche Art und Weise können auch die Avatare
131
135
  (visitor.svg und bot.svg) angepasst werden.
132
136
 
137
+ ### Standard CSS Variabeln
138
+
139
+ ```css
140
+ :root {
141
+ --brand-primary-color: #008fd7;
142
+ --brand-secondary-color: white;
143
+
144
+ --bot-bubble-background-color: white;
145
+ --bot-bubble-text-color: rgb(46, 46, 46);
146
+
147
+ --guest-bubble-background-color: #008fd7;
148
+ --guest-bubble-text-color: white;
149
+
150
+ --danger-color: #ee263d;
151
+ }
152
+ ```
153
+
133
154
  ## Einbinden auf einer Webseite
134
155
 
135
156
  Unter der Chatbot-Route unter "/embed/ des Servers (z.B. `http://localhost:3000/chatbot/embed`) läuft einen Beispielseite wie der Chatbot eingebetet werden kann. Dort gibt es ebenfalls einen Button, mit welchem das benötigte Snippet angezeigt werden kann. Das Aussehen kann im File `/public/webclient/embed/custom.css` jegliches CSS überschreiben (siehe [Beispiel](src/embed/custom.css)).
package/dist/client/asset-manifest.json CHANGED
@@ -1,22 +1,22 @@
1
1
  {
2
2
  "files": {
3
- "main.css": "./static/css/main.4e8311d6.chunk.css",
4
- "main.js": "./static/js/main.96078d69.chunk.js",
5
- "main.js.map": "./static/js/main.96078d69.chunk.js.map",
3
+ "main.css": "./static/css/main.cf237349.chunk.css",
4
+ "main.js": "./static/js/main.4f9064ef.chunk.js",
5
+ "main.js.map": "./static/js/main.4f9064ef.chunk.js.map",
6
6
  "runtime-main.js": "./static/js/runtime-main.8b0ae790.js",
7
7
  "runtime-main.js.map": "./static/js/runtime-main.8b0ae790.js.map",
8
- "static/js/2.1feba131.chunk.js": "./static/js/2.1feba131.chunk.js",
9
- "static/js/2.1feba131.chunk.js.map": "./static/js/2.1feba131.chunk.js.map",
8
+ "static/js/2.8b222a7a.chunk.js": "./static/js/2.8b222a7a.chunk.js",
9
+ "static/js/2.8b222a7a.chunk.js.map": "./static/js/2.8b222a7a.chunk.js.map",
10
10
  "index.html": "./index.html",
11
- "precache-manifest.f9d03f2fc6a3d0c6a9c58d120a8398e4.js": "./precache-manifest.f9d03f2fc6a3d0c6a9c58d120a8398e4.js",
11
+ "precache-manifest.483bc417c97c33f6a64a0d9abc434cd0.js": "./precache-manifest.483bc417c97c33f6a64a0d9abc434cd0.js",
12
12
  "service-worker.js": "./service-worker.js",
13
- "static/css/main.4e8311d6.chunk.css.map": "./static/css/main.4e8311d6.chunk.css.map",
14
- "static/js/2.1feba131.chunk.js.LICENSE.txt": "./static/js/2.1feba131.chunk.js.LICENSE.txt"
13
+ "static/css/main.cf237349.chunk.css.map": "./static/css/main.cf237349.chunk.css.map",
14
+ "static/js/2.8b222a7a.chunk.js.LICENSE.txt": "./static/js/2.8b222a7a.chunk.js.LICENSE.txt"
15
15
  },
16
16
  "entrypoints": [
17
17
  "static/js/runtime-main.8b0ae790.js",
18
- "static/js/2.1feba131.chunk.js",
19
- "static/css/main.4e8311d6.chunk.css",
20
- "static/js/main.96078d69.chunk.js"
18
+ "static/js/2.8b222a7a.chunk.js",
19
+ "static/css/main.cf237349.chunk.css",
20
+ "static/js/main.4f9064ef.chunk.js"
21
21
  ]
22
22
  }
package/dist/client/index.html CHANGED
@@ -1 +1 @@
1
- <!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="./favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><link rel="apple-touch-icon" href="./logo192.png"/><link rel="manifest" href="./manifest.json"/><title>Botfabrik Chat Client</title><link href="./static/css/main.4e8311d6.chunk.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><link rel="stylesheet" href="./custom.css"><script>!function(e){function t(t){for(var n,l,i=t[0],f=t[1],a=t[2],p=0,s=[];p<i.length;p++)l=i[p],Object.prototype.hasOwnProperty.call(o,l)&&o[l]&&s.push(o[l][0]),o[l]=0;for(n in f)Object.prototype.hasOwnProperty.call(f,n)&&(e[n]=f[n]);for(c&&c(t);s.length;)s.shift()();return u.push.apply(u,a||[]),r()}function r(){for(var e,t=0;t<u.length;t++){for(var r=u[t],n=!0,i=1;i<r.length;i++){var f=r[i];0!==o[f]&&(n=!1)}n&&(u.splice(t--,1),e=l(l.s=r[0]))}return e}var n={},o={1:0},u=[];function l(t){if(n[t])return n[t].exports;var r=n[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,l),r.l=!0,r.exports}l.m=e,l.c=n,l.d=function(e,t,r){l.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,t){if(1&t&&(e=l(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(l.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)l.d(r,n,function(t){return e[t]}.bind(null,n));return r},l.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(t,"a",t),t},l.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},l.p="./";var i=this.webpackJsonpclient=this.webpackJsonpclient||[],f=i.push.bind(i);i.push=t,i=i.slice();for(var a=0;a<i.length;a++)t(i[a]);var c=f;r()}([])</script><script src="./static/js/2.1feba131.chunk.js"></script><script src="./static/js/main.96078d69.chunk.js"></script></body></html>
1
+ <!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="./favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><link rel="apple-touch-icon" href="./logo192.png"/><link rel="manifest" href="./manifest.json"/><title>Botfabrik Chat Client</title><link href="./static/css/main.cf237349.chunk.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><link rel="stylesheet" href="./custom.css"><script>!function(e){function t(t){for(var n,l,i=t[0],f=t[1],a=t[2],p=0,s=[];p<i.length;p++)l=i[p],Object.prototype.hasOwnProperty.call(o,l)&&o[l]&&s.push(o[l][0]),o[l]=0;for(n in f)Object.prototype.hasOwnProperty.call(f,n)&&(e[n]=f[n]);for(c&&c(t);s.length;)s.shift()();return u.push.apply(u,a||[]),r()}function r(){for(var e,t=0;t<u.length;t++){for(var r=u[t],n=!0,i=1;i<r.length;i++){var f=r[i];0!==o[f]&&(n=!1)}n&&(u.splice(t--,1),e=l(l.s=r[0]))}return e}var n={},o={1:0},u=[];function l(t){if(n[t])return n[t].exports;var r=n[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,l),r.l=!0,r.exports}l.m=e,l.c=n,l.d=function(e,t,r){l.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,t){if(1&t&&(e=l(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(l.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)l.d(r,n,function(t){return e[t]}.bind(null,n));return r},l.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(t,"a",t),t},l.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},l.p="./";var i=this.webpackJsonpclient=this.webpackJsonpclient||[],f=i.push.bind(i);i.push=t,i=i.slice();for(var a=0;a<i.length;a++)t(i[a]);var c=f;r()}([])</script><script src="./static/js/2.8b222a7a.chunk.js"></script><script src="./static/js/main.4f9064ef.chunk.js"></script></body></html>
package/dist/client/precache-manifest.483bc417c97c33f6a64a0d9abc434cd0.js ADDED
@@ -0,0 +1,26 @@
1
+ self.__precacheManifest = (self.__precacheManifest || []).concat([
2
+ {
3
+ "revision": "f5127a6ac314cabc771e423d5e96c10c",
4
+ "url": "./index.html"
5
+ },
6
+ {
7
+ "revision": "acc96cd70375d39d4a60",
8
+ "url": "./static/css/main.cf237349.chunk.css"
9
+ },
10
+ {
11
+ "revision": "44da46c1cb4871871a99",
12
+ "url": "./static/js/2.8b222a7a.chunk.js"
13
+ },
14
+ {
15
+ "revision": "f632e22958ca41c4066eb0aa8cb73f4e",
16
+ "url": "./static/js/2.8b222a7a.chunk.js.LICENSE.txt"
17
+ },
18
+ {
19
+ "revision": "acc96cd70375d39d4a60",
20
+ "url": "./static/js/main.4f9064ef.chunk.js"
21
+ },
22
+ {
23
+ "revision": "d90c5b93796701d5570a",
24
+ "url": "./static/js/runtime-main.8b0ae790.js"
25
+ }
26
+ ]);
package/dist/client/service-worker.js CHANGED
@@ -14,7 +14,7 @@
14
14
  importScripts("https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-sw.js");
15
15
 
16
16
  importScripts(
17
- "./precache-manifest.f9d03f2fc6a3d0c6a9c58d120a8398e4.js"
17
+ "./precache-manifest.483bc417c97c33f6a64a0d9abc434cd0.js"
18
18
  );
19
19
 
20
20
  self.addEventListener('message', (event) => {
package/dist/client/static/css/main.cf237349.chunk.css ADDED
@@ -0,0 +1,2 @@
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:row;height:100vh}.Chat_chatwindow__2gTsn{position:relative;width:100%;height:100vh;max-width:48rem;margin-left:auto;margin-right:auto;overflow:hidden;background-color:#ebebeb}.Chat_chatcontent__-wQ0P{display:flex;flex-flow:column nowrap;width:100%;height:100vh}.Message_messageBot__3cmFc,.Message_messageUser__1PbuM{display:flex;align-items:flex-end;margin-bottom:1.2rem;transition:all .5s linear}.Message_messageUser__1PbuM{justify-content:flex-end}.Message_avatar__1GG1t{width:2rem;height:2rem}.Message_textWrapper__1ZhSM{display:inline-block;padding:.9em 1.3em;width:calc(100% - 4.3rem);min-width:6.25rem;max-width:30rem;position:relative}.Message_leftTextWrapper__eSCQv{border-radius:6px 6px 6px 0;background-color:#f8f8f8;background-color:var(--bot-bubble-background-color,#f8f8f8);margin-left:1rem}.Message_leftText__1KoBc{color:#2e2e2e;color:var(--bot-bubble-text-color,#2e2e2e)}.Message_leftText__1KoBc a{color:#2e2e2e!important;color:var(--bot-bubble-text-color,#2e2e2e)!important}.Message_rightTextWrapper__2CSGi{border-radius:6px 6px 0 6px;background-color:#008fd7;background-color:var(--guest-bubble-background-color,#008fd7)}.Message_rightText__3RrIO,.Message_rightText__3RrIO a{color:#fff;color:var(--guest-bubble-text-color,#fff)}.Global_button__33oEy{display:inline-block;font-family:Roboto,sans-serif;font-size:1em;padding:.5em 1em;border-radius:.2rem;background-color:#fff;cursor:pointer;transition:all .2s linear;text-align:center;margin-top:.5em}.Global_button__33oEy:not(:first-child){margin-left:.5em}svg{fill:currentColor}.DetailMessage_detailMessage__3UAD0>:first-child{margin-top:0}.DetailMessage_detailMessage__3UAD0>:last-child{margin-bottom:0}.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-size:1.1rem;font-weight:700}.DetailMessage_subtitle__18WDj{margin-top:.5rem;margin-bottom:.5rem}.DetailMessage_button__2eSMw{font-size:.9em;margin-top:.5em;margin-right:.5em;background-color:#fff;background-color:var(--bot-bubble-text-color,#fff);color:#008fd7;color:var(--bot-bubble-background-color,#008fd7)}.DetailMessage_button__2eSMw,.DetailMessage_button__2eSMw:hover{border:2px solid #fff;border:2px solid var(--bot-bubble-text-color,#fff)}.DetailMessage_button__2eSMw:hover{color:#fff;color:var(--bot-bubble-text-color,#fff);background-color:#008fd7;background-color:var(--bot-bubble-background-color,#008fd7)}.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}}.TypingIndicator_ticontainer__29oO1{margin-left:4rem;margin-bottom:1rem}.TypingIndicator_tiblock__1QBS0{align-items:center;display:flex;height:1rem}.TypingIndicator_tidot__3aLQm{background-color:#008fd7;background-color:var(--bot-bubble-text-color,#008fd7);-webkit-animation:TypingIndicator_mercuryTypingAnimation__3fDgV 1s ease-in-out infinite;animation:TypingIndicator_mercuryTypingAnimation__3fDgV 1s ease-in-out infinite;border-radius:3px;display:inline-block;height:6px;margin-right:3px;width:6px}@-webkit-keyframes TypingIndicator_mercuryTypingAnimation__3fDgV{0%{transform:translateY(0)}28%{transform:translateY(-5px)}44%{transform:translateY(0)}}@keyframes TypingIndicator_mercuryTypingAnimation__3fDgV{0%{transform:translateY(0)}28%{transform:translateY(-5px)}44%{transform:translateY(0)}}.TypingIndicator_tidot__3aLQm:first-child{-webkit-animation-delay:50ms;animation-delay:50ms}.TypingIndicator_tidot__3aLQm:nth-child(2){-webkit-animation-delay:.15s;animation-delay:.15s}.TypingIndicator_tidot__3aLQm:nth-child(3){-webkit-animation-delay:.25s;animation-delay:.25s}.TranscriptMail_container__xZvk4{position:absolute;z-index:1000;padding:1rem;height:100%;width:100%;background-color:#fff;top:0;bottom:0;transform:translateX(-100%)}.TranscriptMail_container__xZvk4 h1{font-size:1.6em}.TranscriptMail_container__xZvk4 p{line-height:1.5}@-webkit-keyframes TranscriptMail_slide-in__XH6FI{to{transform:translateX(0)}}@keyframes TranscriptMail_slide-in__XH6FI{to{transform:translateX(0)}}@-webkit-keyframes TranscriptMail_slide-out__1UFOz{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes TranscriptMail_slide-out__1UFOz{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.TranscriptMail_containerOpen__1hqU0{-webkit-animation:TranscriptMail_slide-in__XH6FI .2s forwards;animation:TranscriptMail_slide-in__XH6FI .2s forwards}.TranscriptMail_containerClose__3O-kH{-webkit-animation:TranscriptMail_slide-out__1UFOz .2s forwards;animation:TranscriptMail_slide-out__1UFOz .2s forwards}.TranscriptMail_formContainer__bJ8SH{display:flex;flex-direction:column}.TranscriptMail_emailInput__3FwaM{box-sizing:border-box;margin:0;font-variant:tabular-nums;list-style:none;font-feature-settings:"tnum","tnum";position:relative;display:inline-block;width:100%;min-width:0;padding:4px 11px;color:rgba(0,0,0,.65);font-size:14px;line-height:1.5715;background-color:#fff;background-image:none;border:1px solid #d9d9d9;border-radius:2px;transition:all .3s;outline:none}.TranscriptMail_emailInput__3FwaM:focus,.TranscriptMail_emailInput__3FwaM:hover{border:1px solid #008fd7;border:1px solid var(--brand-primary-color,#008fd7)}.TranscriptMail_actions__2qBTc{margin-top:1rem;text-align:right}.TranscriptMail_actions__2qBTc button{color:#fff;color:var(--brand-secondary-color,#fff);background-color:#008fd7;background-color:var(--brand-primary-color,#008fd7);border:2px solid #008fd7;border:2px solid var(--brand-primary-color,#008fd7)}.TranscriptMail_actions__2qBTc button:hover{color:#008fd7;color:var(--brand-primary-color,#008fd7);background-color:#fff;background-color:var(--brand-secondary-color,#fff);border:2px solid #008fd7;border:2px solid var(--brand-primary-color,#008fd7)}.TranscriptMail_actions__2qBTc button:disabled{cursor:not-allowed;opacity:.3;color:#fff;color:var(--brand-secondary-color,#fff);background-color:#008fd7;background-color:var(--brand-primary-color,#008fd7)}.TranscriptMail_validationError__3pqpz{padding-top:.5em;color:#ee263d;color:var(--danger-color,#ee263d);font-size:.8em;height:1rem}.TranscriptMail_submitted__q60CQ{margin-top:3rem;padding:1rem;border:1px solid #008fd7;border:1px solid var(--brand-primary-color,#008fd7);border-radius:2px}.AudioRecorder_audioRecorder__37BQJ{display:flex}.AudioRecorder_recordButton__3-QeV{display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:40px;height:40px;border-radius:50%;border:none;text-align:center;color:#008fd7;color:var(--brand-primary-color,#008fd7);background-color:#fff;background-color:var(--brand-secondary-color,#fff)}.AudioRecorder_recordButton__3-QeV svg{margin:2px;height:2em;width:2em;fill:currentColor}.AudioRecorder_recordButton__3-QeV:hover{background-color:#008fd7;background-color:var(--brand-primary-color,#008fd7);color:#fff;color:var(--brand-secondary-color,#fff)}.AudioRecorder_recordButton__3-QeV:focus{border:none;outline:none}.AudioRecorder_submitButton__10pVF{display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:40px;height:40px;border-radius:50%;border:none;text-align:center;color:#008fd7;color:var(--brand-primary-color,#008fd7);background-color:#fff;background-color:var(--brand-secondary-color,#fff)}.AudioRecorder_submitButton__10pVF svg{margin:2px;height:2em;width:2em;fill:currentColor}.AudioRecorder_submitButton__10pVF:hover{background-color:#008fd7;background-color:var(--brand-primary-color,#008fd7);color:#fff;color:var(--brand-secondary-color,#fff)}.AudioRecorder_submitButton__10pVF:focus{border:none;outline:none}.AudioRecorder_cancelButton__64CTn{display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:40px;height:40px;border-radius:50%;border:none;text-align:center;color:#008fd7;color:var(--brand-primary-color,#008fd7);background-color:#fff;background-color:var(--brand-secondary-color,#fff)}.AudioRecorder_cancelButton__64CTn svg{margin:2px;height:2em;width:2em;fill:currentColor}.AudioRecorder_cancelButton__64CTn:hover{background-color:#008fd7;background-color:var(--brand-primary-color,#008fd7);color:#fff;color:var(--brand-secondary-color,#fff)}.AudioRecorder_cancelButton__64CTn:focus{border:none;outline:none}.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:#ee263d;background-color:var(--danger-color,#ee263d)}60%{background-color:#ee263d;background-color:var(--danger-color,#ee263d)}to{background-color:#fff}}@keyframes AudioRecorder_pulse__3Xsbm{0%{background-color:#fff}40%{background-color:#ee263d;background-color:var(--danger-color,#ee263d)}60%{background-color:#ee263d;background-color:var(--danger-color,#ee263d)}to{background-color:#fff}}.AudioRecorder_spinning__1hO3P{width:40px;height:40px;padding:5px;display:block;margin:auto;color:#008fd7;color:var(--brand-primary-color,#008fd7);-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;justify-content:center;align-items:center;line-height:0;border-top:1px solid #bfbfbf;background-color:#fff;padding:.5rem 1rem}.TextInput_messageInputWrapper__6KJHK{flex:1 1;margin-right:.5rem}.TextInput_messageInput__2fCF7{font-size:1rem;border:none;height:100%;box-sizing:border-box;width:100%;outline-width:0;padding:0;text-overflow:ellipsis;color:#717171}.TextInput_button__5my0Y{display:flex;align-items:center;justify-content:center;color:#008fd7;color:var(--brand-primary-color,#008fd7);background-color:#fff;background-color:var(--brand-secondary-color,#fff);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:40px;height:40px;border-radius:50%;border:none;text-align:center}.TextInput_button__5my0Y svg{margin:2px;height:2em;width:2em;fill:currentColor}.TextInput_button__5my0Y:hover{color:#fff;color:var(--brand-secondary-color,#fff);background-color:#008fd7;background-color:var(--brand-primary-color,#008fd7)}.TextInput_button__5my0Y:focus{border:none;outline:none}.TextInput_button__5my0Y:not(:last-child){margin-right:.5em}*{box-sizing:border-box}.QuickReplies_quickReplies__26tJr{display:flex;flex-flow:row wrap;justify-content:flex-end;padding:.4rem 1rem}.QuickReplies_quickReply__PrklG{font-size:.8rem;background-color:#fff;background-color:var(--brand-secondary-color,#fff);color:#008fd7;color:var(--brand-primary-color,#008fd7);border:1px solid #008fd7;border:1px solid var(--brand-primary-color,#008fd7)}.QuickReplies_quickReply__PrklG:hover{background-color:#008fd7;background-color:var(--brand-primary-color,#008fd7);color:#fff;color:var(--brand-secondary-color,#fff);border:1px solid #fff;border:1px solid var(--brand-secondary-color,#fff)}
2
+ /*# sourceMappingURL=main.cf237349.chunk.css.map */
package/dist/client/static/css/main.cf237349.chunk.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["main.cf237349.chunk.css","Client.module.scss","Chat.module.scss","Message.module.scss","Global.module.scss","DetailMessage.module.scss","Text.module.scss","MarkdownMessage.module.scss","MessageContainer.module.scss","TypingIndicator.module.scss","TranscriptMail.module.scss","AudioRecorder.module.scss","TextInput.module.scss","InputContainer.module.scss","QuickReplies.module.scss"],"names":[],"mappings":"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","file":"main.cf237349.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:row;height:100vh}\n\n.Chat_chatwindow__2gTsn{position:relative;width:100%;height:100vh;max-width:48rem;margin-left:auto;margin-right:auto;overflow:hidden;background-color:#ebebeb}.Chat_chatcontent__-wQ0P{display:flex;flex-flow:column nowrap;width:100%;height:100vh}\n\n*{box-sizing:border-box}.Message_messageBot__3cmFc{display:flex;align-items:flex-end;margin-bottom:1.2rem;transition:all 0.5s linear}.Message_messageUser__1PbuM{display:flex;align-items:flex-end;justify-content:flex-end;margin-bottom:1.2rem;transition:all 0.5s linear}.Message_avatar__1GG1t{width:2rem;height:2rem}.Message_textWrapper__1ZhSM{display:inline-block;padding:0.9em 1.3em;width:calc(100% - 4.3rem);min-width:6.25rem;max-width:30rem;position:relative}.Message_leftTextWrapper__eSCQv{border-radius:6px 6px 6px 0px;background-color:#f8f8f8;background-color:var(--bot-bubble-background-color, #f8f8f8);margin-left:1rem}.Message_leftText__1KoBc{color:#2e2e2e;color:var(--bot-bubble-text-color, #2e2e2e)}.Message_leftText__1KoBc a{color:#2e2e2e !important;color:var(--bot-bubble-text-color, #2e2e2e) !important}.Message_rightTextWrapper__2CSGi{border-radius:6px 6px 0px 6px;background-color:#008fd7;background-color:var(--guest-bubble-background-color, #008fd7)}.Message_rightText__3RrIO{color:white;color:var(--guest-bubble-text-color, white)}.Message_rightText__3RrIO a{color:white;color:var(--guest-bubble-text-color, white)}\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;cursor:pointer;transition:all 0.2s linear;text-align:center;margin-top:0.5em}.Global_button__33oEy:not(:first-child){margin-left:0.5em}svg{fill:currentColor}\n\n.DetailMessage_detailMessage__3UAD0>:first-child{margin-top:0}.DetailMessage_detailMessage__3UAD0>:last-child{margin-bottom:0}.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-size:1.1rem;font-weight:bold}.DetailMessage_subtitle__18WDj{margin-top:0.5rem;margin-bottom:0.5rem}.DetailMessage_button__2eSMw{font-size:0.9em;margin-top:0.5em;margin-right:0.5em;background-color:#fff;background-color:var(--bot-bubble-text-color, #fff);color:#008fd7;color:var(--bot-bubble-background-color, #008fd7);border:2px solid #fff;border:2px solid var(--bot-bubble-text-color, #fff)}.DetailMessage_button__2eSMw:hover{color:#fff;color:var(--bot-bubble-text-color, #fff);background-color:#008fd7;background-color:var(--bot-bubble-background-color, #008fd7);border:2px solid #fff;border:2px solid var(--bot-bubble-text-color, #fff)}.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}}\n\n.TypingIndicator_ticontainer__29oO1{margin-left:4rem;margin-bottom:1rem}.TypingIndicator_tiblock__1QBS0{align-items:center;display:flex;height:1rem}.TypingIndicator_tidot__3aLQm{background-color:#008fd7;background-color:var(--bot-bubble-text-color, #008fd7);-webkit-animation:TypingIndicator_mercuryTypingAnimation__3fDgV 1s infinite ease-in-out;animation:TypingIndicator_mercuryTypingAnimation__3fDgV 1s infinite ease-in-out;border-radius:3px;display:inline-block;height:6px;margin-right:3px;width:6px}@-webkit-keyframes TypingIndicator_mercuryTypingAnimation__3fDgV{0%{transform:translateY(0px)}28%{transform:translateY(-5px)}44%{transform:translateY(0px)}}@keyframes TypingIndicator_mercuryTypingAnimation__3fDgV{0%{transform:translateY(0px)}28%{transform:translateY(-5px)}44%{transform:translateY(0px)}}.TypingIndicator_tidot__3aLQm:nth-child(1){-webkit-animation-delay:50ms;animation-delay:50ms}.TypingIndicator_tidot__3aLQm:nth-child(2){-webkit-animation-delay:150ms;animation-delay:150ms}.TypingIndicator_tidot__3aLQm:nth-child(3){-webkit-animation-delay:250ms;animation-delay:250ms}\n\n.TranscriptMail_container__xZvk4{position:absolute;z-index:1000;padding:1rem;height:100%;width:100%;background-color:white;top:0;bottom:0;transform:translateX(-100%)}.TranscriptMail_container__xZvk4 h1{font-size:1.6em}.TranscriptMail_container__xZvk4 p{line-height:1.5}@-webkit-keyframes TranscriptMail_slide-in__XH6FI{100%{transform:translateX(0%)}}@keyframes TranscriptMail_slide-in__XH6FI{100%{transform:translateX(0%)}}@-webkit-keyframes TranscriptMail_slide-out__1UFOz{0%{transform:translateX(0%)}100%{transform:translateX(-100%)}}@keyframes TranscriptMail_slide-out__1UFOz{0%{transform:translateX(0%)}100%{transform:translateX(-100%)}}.TranscriptMail_containerOpen__1hqU0{-webkit-animation:TranscriptMail_slide-in__XH6FI 0.2s forwards;animation:TranscriptMail_slide-in__XH6FI 0.2s forwards}.TranscriptMail_containerClose__3O-kH{-webkit-animation:TranscriptMail_slide-out__1UFOz 0.2s forwards;animation:TranscriptMail_slide-out__1UFOz 0.2s forwards}.TranscriptMail_formContainer__bJ8SH{display:flex;flex-direction:column}.TranscriptMail_emailInput__3FwaM{box-sizing:border-box;margin:0;padding:0;font-variant:tabular-nums;list-style:none;font-feature-settings:'tnum', \"tnum\";position:relative;display:inline-block;width:100%;min-width:0;padding:4px 11px;color:rgba(0,0,0,0.65);font-size:14px;line-height:1.5715;background-color:#fff;background-image:none;border:1px solid #d9d9d9;border-radius:2px;transition:all 0.3s;outline:none}.TranscriptMail_emailInput__3FwaM:hover{border:1px solid #008fd7;border:1px solid var(--brand-primary-color, #008fd7)}.TranscriptMail_emailInput__3FwaM:focus{border:1px solid #008fd7;border:1px solid var(--brand-primary-color, #008fd7)}.TranscriptMail_actions__2qBTc{margin-top:1rem;text-align:right}.TranscriptMail_actions__2qBTc button{color:#fff;color:var(--brand-secondary-color, #fff);background-color:#008fd7;background-color:var(--brand-primary-color, #008fd7);border:2px solid #008fd7;border:2px solid var(--brand-primary-color, #008fd7)}.TranscriptMail_actions__2qBTc button:hover{color:#008fd7;color:var(--brand-primary-color, #008fd7);background-color:#fff;background-color:var(--brand-secondary-color, #fff);border:2px solid #008fd7;border:2px solid var(--brand-primary-color, #008fd7)}.TranscriptMail_actions__2qBTc button:disabled{cursor:not-allowed;opacity:0.3;color:#fff;color:var(--brand-secondary-color, #fff);background-color:#008fd7;background-color:var(--brand-primary-color, #008fd7)}.TranscriptMail_validationError__3pqpz{padding-top:0.5em;color:#ee263d;color:var(--danger-color, #ee263d);font-size:0.8em;height:1rem}.TranscriptMail_submitted__q60CQ{margin-top:3rem;padding:1rem;border:1px solid #008fd7;border:1px solid var(--brand-primary-color, #008fd7);border-radius:2px}\n\n*{box-sizing:border-box}.AudioRecorder_audioRecorder__37BQJ{display:flex}.AudioRecorder_recordButton__3-QeV{display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:40px;height:40px;border-radius:50%;border:none;text-align:center;color:#008fd7;color:var(--brand-primary-color, #008fd7);background-color:#fff;background-color:var(--brand-secondary-color, #fff)}.AudioRecorder_recordButton__3-QeV svg{margin:2px;height:2em;width:2em;fill:currentColor}.AudioRecorder_recordButton__3-QeV:hover{background-color:#008fd7;background-color:var(--brand-primary-color, #008fd7);color:#fff;color:var(--brand-secondary-color, #fff)}.AudioRecorder_recordButton__3-QeV:focus{border:none;outline:none}.AudioRecorder_submitButton__10pVF{display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:40px;height:40px;border-radius:50%;border:none;text-align:center;color:#008fd7;color:var(--brand-primary-color, #008fd7);background-color:#fff;background-color:var(--brand-secondary-color, #fff)}.AudioRecorder_submitButton__10pVF svg{margin:2px;height:2em;width:2em;fill:currentColor}.AudioRecorder_submitButton__10pVF:hover{background-color:#008fd7;background-color:var(--brand-primary-color, #008fd7);color:#fff;color:var(--brand-secondary-color, #fff)}.AudioRecorder_submitButton__10pVF:focus{border:none;outline:none}.AudioRecorder_cancelButton__64CTn{display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:40px;height:40px;border-radius:50%;border:none;text-align:center;color:#008fd7;color:var(--brand-primary-color, #008fd7);background-color:#fff;background-color:var(--brand-secondary-color, #fff)}.AudioRecorder_cancelButton__64CTn svg{margin:2px;height:2em;width:2em;fill:currentColor}.AudioRecorder_cancelButton__64CTn:hover{background-color:#008fd7;background-color:var(--brand-primary-color, #008fd7);color:#fff;color:var(--brand-secondary-color, #fff)}.AudioRecorder_cancelButton__64CTn:focus{border:none;outline:none}.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:#ee263d;background-color:var(--danger-color, #ee263d)}60%{background-color:#ee263d;background-color:var(--danger-color, #ee263d)}100%{background-color:white}}@keyframes AudioRecorder_pulse__3Xsbm{0%{background-color:white}40%{background-color:#ee263d;background-color:var(--danger-color, #ee263d)}60%{background-color:#ee263d;background-color:var(--danger-color, #ee263d)}100%{background-color:white}}.AudioRecorder_spinning__1hO3P{width:40px;height:40px;padding:5px;display:block;margin:auto;color:#008fd7;color:var(--brand-primary-color, #008fd7);-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;justify-content:center;align-items:center;line-height:0;border-top:1px solid #bfbfbf;background-color:white;padding:0.5rem 1rem}.TextInput_messageInputWrapper__6KJHK{flex:1 1;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;text-overflow:ellipsis;color:#717171}.TextInput_button__5my0Y{display:flex;align-items:center;justify-content:center;color:#008fd7;color:var(--brand-primary-color, #008fd7);background-color:white;background-color:var(--brand-secondary-color, white);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:40px;height:40px;border-radius:50%;border:none;text-align:center}.TextInput_button__5my0Y svg{margin:2px;height:2em;width:2em;fill:currentColor}.TextInput_button__5my0Y:hover{color:white;color:var(--brand-secondary-color, white);background-color:#008fd7;background-color:var(--brand-primary-color, #008fd7)}.TextInput_button__5my0Y:focus{border:none;outline:none}.TextInput_button__5my0Y:not(:last-child){margin-right:0.5em}\n\n*{box-sizing:border-box}\n\n.QuickReplies_quickReplies__26tJr{display:flex;flex-flow:row wrap;justify-content:flex-end;padding:0.4rem 1rem}.QuickReplies_quickReply__PrklG{font-size:0.8rem;background-color:white;background-color:var(--brand-secondary-color, white);color:#008fd7;color:var(--brand-primary-color, #008fd7);border:1px solid #008fd7;border:1px solid var(--brand-primary-color, #008fd7)}.QuickReplies_quickReply__PrklG:hover{background-color:#008fd7;background-color:var(--brand-primary-color, #008fd7);color:white;color:var(--brand-secondary-color, white);border:1px solid white;border:1px solid var(--brand-secondary-color, white)}\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: row;\n height: 100vh;\n}\n","@import './../_variables.scss';\n\n.chatwindow {\n position: relative;\n width: 100%;\n height: 100vh;\n max-width: 48rem;\n margin-left: auto;\n margin-right: auto;\n overflow: hidden;\n background-color: #ebebeb;\n}\n\n.chatcontent {\n display: flex;\n flex-flow: column nowrap;\n width: 100%;\n height: 100vh;\n}\n","@import '../../../_variables.scss';\n\n* {\n box-sizing: border-box;\n}\n\n.messageBot {\n display: flex;\n align-items: flex-end;\n margin-bottom: 1.2rem;\n transition: all 0.5s linear;\n}\n\n.messageUser {\n display: flex;\n align-items: flex-end;\n justify-content: flex-end;\n margin-bottom: 1.2rem;\n transition: all 0.5s linear;\n}\n\n.avatar {\n width: 2rem;\n height: 2rem;\n}\n\n.textWrapper {\n display: inline-block;\n padding: 0.9em 1.3em;\n width: calc(100% - 4.3rem);\n min-width: 6.25rem;\n max-width: 30rem;\n position: relative;\n}\n\n.leftTextWrapper {\n border-radius: 6px 6px 6px 0px;\n background-color: var(--bot-bubble-background-color, rgb(248, 248, 248));\n margin-left: 1rem;\n}\n\n.leftText {\n color: var(--bot-bubble-text-color, rgb(46, 46, 46));\n\n a {\n color: var(--bot-bubble-text-color, rgb(46, 46, 46)) !important;\n }\n}\n\n.rightTextWrapper {\n border-radius: 6px 6px 0px 6px;\n background-color: var(--guest-bubble-background-color, $brand-primary);\n}\n\n.rightText {\n color: var(--guest-bubble-text-color, white);\n\n a {\n color: var(--guest-bubble-text-color, white);\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 cursor: pointer;\n transition: all 0.2s linear;\n text-align: center;\n margin-top: 0.5em;\n\n &:not(:first-child) {\n margin-left: 0.5em;\n }\n}\n\n:global(svg) {\n fill: currentColor;\n}\n","@import './../../../../_variables.scss';\n\n.detailMessage {\n > :first-child {\n margin-top: 0;\n }\n > :last-child {\n margin-bottom: 0;\n }\n}\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-size: 1.1rem;\n font-weight: bold;\n}\n\n.subtitle {\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n}\n\n.button {\n font-size: 0.9em;\n margin-top: 0.5em;\n margin-right: 0.5em;\n\n background-color: var(--bot-bubble-text-color, #fff);\n color: var(--bot-bubble-background-color, $brand-primary);\n border: 2px solid var(--bot-bubble-text-color, #fff);\n\n &:hover {\n color: var(--bot-bubble-text-color, #fff);\n background-color: var(--bot-bubble-background-color, $brand-primary);\n border: 2px solid var(--bot-bubble-text-color, #fff);\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",".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","@import '../../../_variables.scss';\n\n.ticontainer {\n margin-left: 4rem;\n margin-bottom: 1rem;\n}\n\n.tiblock {\n align-items: center;\n display: flex;\n height: 1rem;\n}\n\n.tidot {\n background-color: var(--bot-bubble-text-color, $brand-primary);\n animation: mercuryTypingAnimation 1s infinite ease-in-out;\n border-radius: 3px;\n display: inline-block;\n height: 6px;\n margin-right: 3px;\n width: 6px;\n}\n\n@keyframes mercuryTypingAnimation {\n 0% {\n transform: translateY(0px);\n }\n 28% {\n transform: translateY(-5px);\n }\n 44% {\n transform: translateY(0px);\n }\n}\n\n.tidot:nth-child(1) {\n animation-delay: 50ms;\n}\n.tidot:nth-child(2) {\n animation-delay: 150ms;\n}\n.tidot:nth-child(3) {\n animation-delay: 250ms;\n}\n","@import '../../_variables.scss';\n\n.container {\n position: absolute;\n z-index: 1000;\n padding: 1rem;\n height: 100%;\n width: 100%;\n background-color: white;\n top: 0;\n bottom: 0;\n transform: translateX(-100%);\n\n h1 {\n font-size: 1.6em;\n }\n\n p {\n line-height: 1.5;\n }\n}\n\n@keyframes slide-in {\n 100% {\n transform: translateX(0%);\n }\n}\n\n@keyframes slide-out {\n 0% {\n transform: translateX(0%);\n }\n 100% {\n transform: translateX(-100%);\n }\n}\n\n.containerOpen {\n animation: slide-in 0.2s forwards;\n}\n\n.containerClose {\n animation: slide-out 0.2s forwards;\n}\n\n.formContainer {\n display: flex;\n flex-direction: column;\n}\n\n.emailInput {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n font-variant: tabular-nums;\n list-style: none;\n font-feature-settings: 'tnum';\n position: relative;\n display: inline-block;\n width: 100%;\n min-width: 0;\n padding: 4px 11px;\n color: rgba(0, 0, 0, 0.65);\n font-size: 14px;\n line-height: 1.5715;\n background-color: #fff;\n background-image: none;\n border: 1px solid #d9d9d9;\n border-radius: 2px;\n transition: all 0.3s;\n outline: none;\n\n &:hover {\n border: 1px solid var(--brand-primary-color, $brand-primary);\n }\n &:focus {\n border: 1px solid var(--brand-primary-color, $brand-primary);\n }\n}\n\n.actions {\n margin-top: 1rem;\n text-align: right;\n\n & button {\n color: var(--brand-secondary-color, #fff);\n background-color: var(--brand-primary-color, $brand-primary);\n border: 2px solid var(--brand-primary-color, $brand-primary);\n &:hover {\n color: var(--brand-primary-color, $brand-primary);\n background-color: var(--brand-secondary-color, #fff);\n border: 2px solid var(--brand-primary-color, $brand-primary);\n }\n &:disabled {\n cursor: not-allowed;\n opacity: 0.3;\n color: var(--brand-secondary-color, #fff);\n background-color: var(--brand-primary-color, $brand-primary);\n }\n }\n}\n\n.validationError {\n padding-top: 0.5em;\n color: var(--danger-color, #ee263d);\n font-size: 0.8em;\n height: 1rem;\n}\n\n.submitted {\n margin-top: 3rem;\n padding: 1rem;\n border: 1px solid var(--brand-primary-color, $brand-primary);\n border-radius: 2px;\n}\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: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n user-select: none;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n border: none;\n text-align: center;\n svg {\n margin: 2px;\n height: 2em;\n width: 2em;\n fill: currentColor;\n }\n\n color: var(--brand-primary-color, $brand-primary);\n background-color: var(--brand-secondary-color, #fff);\n\n &:hover {\n background-color: var(--brand-primary-color, $brand-primary);\n color: var(--brand-secondary-color, #fff);\n }\n\n &:focus {\n border: none;\n outline: none;\n }\n}\n\n.recordButton {\n @include audioButton();\n}\n\n.submitButton {\n @include audioButton();\n}\n\n.cancelButton {\n @include audioButton();\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: var(--danger-color, #ee263d);\n }\n 60% {\n background-color: var(--danger-color, #ee263d);\n }\n 100% {\n background-color: white;\n }\n}\n\n.spinning {\n width: 40px;\n height: 40px;\n padding: 5px;\n display: block;\n margin: auto;\n color: var(--brand-primary-color, $brand-primary);\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 justify-content: center;\n align-items: center;\n line-height: 0;\n border-top: 1px solid #bfbfbf;\n background-color: white;\n padding: 0.5rem 1rem;\n}\n\n.messageInputWrapper {\n flex: 1;\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;\n text-overflow: ellipsis;\n color: #717171;\n}\n\n.button {\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--brand-primary-color, $brand-primary);\n background-color: var(--brand-secondary-color, white);\n cursor: pointer;\n user-select: none;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n border: none;\n text-align: center;\n svg {\n margin: 2px;\n height: 2em;\n width: 2em;\n fill: currentColor;\n }\n &:hover {\n color: var(--brand-secondary-color, white);\n background-color: var(--brand-primary-color, $brand-primary);\n }\n &:focus {\n border: none;\n outline: none;\n }\n &:not(:last-child) {\n margin-right: 0.5em;\n }\n}\n","@import '../../_variables.scss';\n\n* {\n box-sizing: border-box;\n}\n","@import '../../../_variables.scss';\n\n.quickReplies {\n display: flex;\n flex-flow: row wrap;\n justify-content: flex-end;\n padding: 0.4rem 1rem;\n}\n\n.quickReply {\n font-size: 0.8rem;\n background-color: var(--brand-secondary-color, white);\n color: var(--brand-primary-color, $brand-primary);\n border: 1px solid var(--brand-primary-color, $brand-primary);\n\n &:hover {\n background-color: var(--brand-primary-color, $brand-primary);\n color: var(--brand-secondary-color, white);\n border: 1px solid var(--brand-secondary-color, white);\n }\n}\n"]}