@botfabrik/engine-webclient 4.0.3 → 4.1.0

package/README.md

@@ -8,7 +8,7 @@ Der Name des Clients ist zugleich die Adresse unter welcher er deployed wird.
 
 Beispiel:
 
-```
+```typescript
 bot.addClient(Webclient('sanagate-webclient', webclientProps));
 ```
 
@@ -30,7 +30,7 @@ Die Funktion erhält als Parameter sämtliche Querystrings in Form eines JSON Ob
 
 Beispiel:
 
-```
+```typescript
 export default async (querystrings: any): Promise<any> => {
     const accessToken = querystrings.accessToken;
     const userProfile: UserProfile = await fetchUserProfile(accessToken);
@@ -38,7 +38,7 @@ export default async (querystrings: any): Promise<any> => {
     return {
         id: userProfile.username + '@' + userProfile.domain,
         displayName: userProfile.firstName + ' ' + userProfile.lastName,
-        payload: userProfile
+        payload: userProfile,
     };
 };
 ```
@@ -52,13 +52,13 @@ Der Webclient ist in einer Webseite integriert, an der sich die Benutzer anmelde
 
 Beispiel:
 
-```
+```typescript
 export default async (querystrings: any): Promise<any> => {
     const accessToken = querystrings.accessToken;
     const userProfile: UserProfile = await fetchUserProfile(accessToken);
 
     return {
-        'sessionInfo.user.id': userProfile.username + '@' + userProfile.domain
+        'sessionInfo.user.id': userProfile.username + '@' + userProfile.domain,
     };
 };
 ```
@@ -78,7 +78,7 @@ Folgende Parameter sind optional:
 
 Beispiel:
 
-```
+```typescript
 const webclientProps = {
     getStartedAction: requestNLUEvent('WELCOME'),
     speech: process.env.GOOGLE_CLOUD_SPEECH_PRIVATE_KEY
@@ -86,14 +86,10 @@ const webclientProps = {
               clientEmail: process.env.GOOGLE_CLOUD_SPEECH_CLIENT_EMAIL || '',
               privateKey: process.env.GOOGLE_CLOUD_SPEECH_PRIVATE_KEY || '',
               contextPhrases: {
-                  de: [
-                      'Bot',
-                      'Was ist die Botfabrik?',
-                      'Botfabrik'
-                  ]
-              }
+                  de: ['Bot', 'Was ist die Botfabrik?', 'Botfabrik'],
+              },
           }
-        : undefined
+        : undefined,
 };
 bot.addClient(Webclient('webclient', webclientProps));
 ```
@@ -104,10 +100,10 @@ Mit diesem Property kann gesteuert werden, ob das Chatfenster beim Aufruf der We
 
 Beispiel:
 
-```
+```typescript
 const webclientProps = {
-        getStartedAction: requestNLUEvent('Welcome'),
-        expandChatWindowAtStart: true,
+    getStartedAction: requestNLUEvent('Welcome'),
+    expandChatWindowAtStart: true,
 };
 bot.addClient(Webclient('webclient', webclientProps));
 ```
@@ -116,18 +112,56 @@ bot.addClient(Webclient('webclient', webclientProps));
 
 Erlaubt es, den Chatverlauf an eine Email-Adresse zu verschicken. Idealerweise wird dazu die Middleware @botfabrik/engine-transcript-mail verwendet.
 
-## Beispiel
+Beispiel:
 
+```typescript
+import { requestNLUEvent } from '@botfabrik/engine-core';
+
+const webclientProps = {
+    getStartedAction: requestNLUEvent('WELCOME'),
+    transcriptExportEnabled: true,
+};
+
+bot.addClient(Webclient('webclient', webclientProps));
 ```
+
+### showGeneralConditions (optional)
+
+Mit dieser Option können allgemeine Bedingungen zu Beginn des Chats angezeigt werden.
+
+Beispiel:
+
+```typescript
 import { requestNLUEvent } from '@botfabrik/engine-core';
 
 const webclientProps = {
-    getStartedAction: requestNLUEvent('WELCOME')
+    getStartedAction: requestNLUEvent('WELCOME'),
+    showGeneralConditions: true,
 };
 
 bot.addClient(Webclient('webclient', webclientProps));
 ```
 
+Die Bedingungen beinhalten drei Elemente:
+
+-   Header: Titel der Bedingungen
+-   Body: Eigentlicher Inhalt der Bedingungen
+-   Accept-Condition-Note: Hinweis, dass man die Bedingungen akzeptiert, sobald man mit dem Bot kommuniziert.
+
+Diese Texte können auch Markdown beinhalten. Um die Standardtexte zu überschreiben, kann man den Übersetzungsmechanismus verwenden. Dazu kann man die drei Elemente unter dem Attribut `general-conditions` in den jeweiligen Locale-Datein erfassen.
+
+Beispiel (de.json)
+
+```json
+{
+    "general-conditions": {
+        "header": "**Nutzungsbedingungen**",
+        "body": "\nDies gilt es zu beachten:\n\n - A ...\n - B ... \n - C ...",
+        "accept-conditions-note": "Sobald du mit dem Bot chattest, erklärst du dich mit den Nutzungsbedingungen einverstanden."
+    }
+}
+```
+
 ## Anpassungen am Aussehen
 
 Das Aussehen des Webclients kann pro Projekt angepasst werden. Dazu kann eine eigene CSS Datei namens 'custom.css' im

package/dist/client/asset-manifest.json

@@ -1,22 +1,22 @@
 {
   "files": {
-    "main.css": "./static/css/main.2c6d17fc.chunk.css",
-    "main.js": "./static/js/main.33d70d48.chunk.js",
-    "main.js.map": "./static/js/main.33d70d48.chunk.js.map",
+    "main.css": "./static/css/main.33ecd57f.chunk.css",
+    "main.js": "./static/js/main.0cb7b1b0.chunk.js",
+    "main.js.map": "./static/js/main.0cb7b1b0.chunk.js.map",
     "runtime-main.js": "./static/js/runtime-main.8b0ae790.js",
     "runtime-main.js.map": "./static/js/runtime-main.8b0ae790.js.map",
-    "static/js/2.e3836063.chunk.js": "./static/js/2.e3836063.chunk.js",
-    "static/js/2.e3836063.chunk.js.map": "./static/js/2.e3836063.chunk.js.map",
+    "static/js/2.2727c3be.chunk.js": "./static/js/2.2727c3be.chunk.js",
+    "static/js/2.2727c3be.chunk.js.map": "./static/js/2.2727c3be.chunk.js.map",
     "index.html": "./index.html",
-    "precache-manifest.ec9defc22aee8721e46286be892bc58e.js": "./precache-manifest.ec9defc22aee8721e46286be892bc58e.js",
+    "precache-manifest.d8ba49aba8d355ec9119e2cdc7e354b8.js": "./precache-manifest.d8ba49aba8d355ec9119e2cdc7e354b8.js",
     "service-worker.js": "./service-worker.js",
-    "static/css/main.2c6d17fc.chunk.css.map": "./static/css/main.2c6d17fc.chunk.css.map",
-    "static/js/2.e3836063.chunk.js.LICENSE.txt": "./static/js/2.e3836063.chunk.js.LICENSE.txt"
+    "static/css/main.33ecd57f.chunk.css.map": "./static/css/main.33ecd57f.chunk.css.map",
+    "static/js/2.2727c3be.chunk.js.LICENSE.txt": "./static/js/2.2727c3be.chunk.js.LICENSE.txt"
   },
   "entrypoints": [
     "static/js/runtime-main.8b0ae790.js",
-    "static/js/2.e3836063.chunk.js",
-    "static/css/main.2c6d17fc.chunk.css",
-    "static/js/main.33d70d48.chunk.js"
+    "static/js/2.2727c3be.chunk.js",
+    "static/css/main.33ecd57f.chunk.css",
+    "static/js/main.0cb7b1b0.chunk.js"
   ]
 }

package/dist/client/index.html

@@ -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.2c6d17fc.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.e3836063.chunk.js"></script><script src="./static/js/main.33d70d48.chunk.js"></script></body></html>
+<!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.33ecd57f.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.2727c3be.chunk.js"></script><script src="./static/js/main.0cb7b1b0.chunk.js"></script></body></html>

package/dist/client/precache-manifest.d8ba49aba8d355ec9119e2cdc7e354b8.js

@@ -0,0 +1,26 @@
+self.__precacheManifest = (self.__precacheManifest || []).concat([
+  {
+    "revision": "0f36fac9ec3f8f1ed26f42c1d87847e9",
+    "url": "./index.html"
+  },
+  {
+    "revision": "ca74c9530af2ebb7c2ef",
+    "url": "./static/css/main.33ecd57f.chunk.css"
+  },
+  {
+    "revision": "9362d604bc7cfb6b0b0f",
+    "url": "./static/js/2.2727c3be.chunk.js"
+  },
+  {
+    "revision": "f632e22958ca41c4066eb0aa8cb73f4e",
+    "url": "./static/js/2.2727c3be.chunk.js.LICENSE.txt"
+  },
+  {
+    "revision": "ca74c9530af2ebb7c2ef",
+    "url": "./static/js/main.0cb7b1b0.chunk.js"
+  },
+  {
+    "revision": "d90c5b93796701d5570a",
+    "url": "./static/js/runtime-main.8b0ae790.js"
+  }
+]);

package/dist/client/service-worker.js

@@ -14,7 +14,7 @@
 importScripts("https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-sw.js");
 
 importScripts(
-  "./precache-manifest.ec9defc22aee8721e46286be892bc58e.js"
+  "./precache-manifest.d8ba49aba8d355ec9119e2cdc7e354b8.js"
 );
 
 self.addEventListener('message', (event) => {

package/dist/client/static/css/main.33ecd57f.chunk.css

@@ -0,0 +1,2 @@
+@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}.GeneralConditions_generalConditions__2o9K6{transition:all .5s linear;background-color:#f8f8f8;background-color:var(--bot-bubble-background-color,#f8f8f8);color:#2e2e2e;color:var(--bot-bubble-text-color,#2e2e2e);margin-left:1rem;margin-right:1rem;padding:.9em 1.3em;font-size:.9rem}.GeneralConditions_generalConditionsHeader__3AdUS{display:flex;align-items:flex-end;justify-content:space-between;cursor:pointer}.GeneralConditions_generalConditionsBody__k8BFW{display:flex;align-items:flex-end}.GeneralConditions_generalConditionsAccept__3390Q{margin-bottom:1.2rem;margin-left:1rem;margin-right:1rem;padding:.9em 1.3em;font-size:.9rem}.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}.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:1.3rem 1rem;text-overflow:ellipsis;color:#717171}.TextInput_button__5my0Y{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:.5rem;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;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)}
+/*# sourceMappingURL=main.33ecd57f.chunk.css.map */

package/dist/client/static/css/main.33ecd57f.chunk.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["main.33ecd57f.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","GeneralConditions.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.33ecd57f.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.GeneralConditions_generalConditions__2o9K6{transition:all 0.5s linear;background-color:#f8f8f8;background-color:var(--bot-bubble-background-color, #f8f8f8);color:#2e2e2e;color:var(--bot-bubble-text-color, #2e2e2e);margin-left:1rem;margin-right:1rem;padding:0.9em 1.3em;font-size:0.9rem}.GeneralConditions_generalConditionsHeader__3AdUS{display:flex;align-items:flex-end;justify-content:space-between;cursor:pointer}.GeneralConditions_generalConditionsBody__k8BFW{display:flex;align-items:flex-end}.GeneralConditions_generalConditionsAccept__3390Q{margin-bottom:1.2rem;margin-left:1rem;margin-right:1rem;padding:0.9em 1.3em;font-size:0.9rem}\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}.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:1.3rem 1rem;text-overflow:ellipsis;color:#717171}.TextInput_button__5my0Y{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0.5rem;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;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.generalConditions {\n    transition: all 0.5s linear;\n    background-color: var(--bot-bubble-background-color, rgb(248, 248, 248));\n    color: var(--bot-bubble-text-color, rgb(46, 46, 46));\n    margin-left: 1rem;\n    margin-right: 1rem;\n    padding: 0.9em 1.3em;\n    font-size: 0.9rem;\n}\n\n.generalConditionsHeader {\n    display: flex;\n    align-items: flex-end;\n    justify-content: space-between;\n    cursor: pointer;\n}\n\n.generalConditionsBody {\n    display: flex;\n    align-items: flex-end;\n}\n\n.generalConditionsAccept {\n    margin-bottom: 1.2rem;\n    margin-left: 1rem;\n    margin-right: 1rem;\n    padding: 0.9em 1.3em;\n    font-size: 0.9rem;\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}\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: 1.3rem 1rem;\n    text-overflow: ellipsis;\n    color: #717171;\n}\n\n.button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 40px;\n    height: 40px;\n    margin: 0.5rem;\n    color: var(--brand-primary-color, $brand-primary);\n    background-color: var(--brand-secondary-color, white);\n    cursor: pointer;\n    user-select: none;\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"]}