@rocket.chat/livechat 1.9.4 → 1.11.0

package/CHANGELOG.md

@@ -2,6 +2,27 @@
 All notable changes to this project will be documented in this file.
 This project adheres to [Semantic Versioning](http://semver.org/).
 
+## 1.11.0 - 2021-12-09
+[NEW] Introduce clearLocalStorageWhenChatEnded setting logic (#666)
+[IMPROVE] Change logic to generate token on Live Chat (#667)
+
+## 1.10.0 - 2021-11-22
+[NEW] Audio and Video calling in Livechat using WebRTC (#646)
+[FIX] LoadConfig after registering guest (#640)
+[FIX] Body styles getting overridden (#660)
+
+## 1.9.6 - 2021-10-20
+[FIX] 'Hide agent info' not working on system message (#651)
+[FIX] Issues on Custom Livechat messages (#648)
+
+## 1.9.5 - 2021-09-14
+[IMPROVE] Readme enhancements (#557)
+[IMPROVE] Swedish Translations (#573)
+[FIX] Escaping HTML on paste/drop Text (#471)
+[IMPROVE] Spanish translations (#370)
+[IMPROVE] Russian translations (#644)
+[IMPROVE] Add cookie to identify widget calls (#645)
+
 ## 1.9.4 - 2021-08-19
 [FIX] Iframe overlay (#631)
 [IMPROVE] German informal translation (#622) 

package/README.md

@@ -2,13 +2,68 @@
 [![Language grade: JavaScript](https://img.shields.io/lgtm/grade/javascript/g/RocketChat/Rocket.Chat.Livechat.svg?logo=lgtm&logoWidth=18)](https://lgtm.com/projects/g/RocketChat/Rocket.Chat.Livechat/context:javascript)
 [![Total alerts](https://img.shields.io/lgtm/alerts/g/RocketChat/Rocket.Chat.Livechat.svg?logo=lgtm&logoWidth=18)](https://lgtm.com/projects/g/RocketChat/Rocket.Chat.Livechat/alerts/)
 [![Storybook](https://cdn.jsdelivr.net/gh/storybooks/brand@master/badge/badge-storybook.svg)](https://rocketchat.github.io/Rocket.Chat.Livechat)
-## CLI Commands
+
+Currently, it's very common to find chat pop-ups when you're browsing websites.
+
+Those widgets, at Rocket.Chat, are called **LiveChat**.
+
+**LiveChat** is a small and lightweight application designed to provide B2C (Business-to-customer) communication between Agents and website visitors and is developed with [Preact](https://preactjs.com).
+
+## Running a development environment
+
+With your **Rocket.chat** running locally at http://localhost:3000
+<br />
+
+1. Install all node dependencies.
+``` bash
+yarn
+```
+
+2. Build preact application to `/build` folder
+``` bash
+yarn dev
+```
+
+3. In another terminal, run webpack with hot reload at http://localhost:8080
+``` bash
+yarn start
+```
+
+4. Open this file below in your browser
+``` bash
+widget-demo.html
+```
+
+*OBS: For a better performance, you can run this `widget-demo.html` on a [http server](https://github.com/http-party/http-server).*
+
+## Different host
+
+To select a different host on your local widget, check this configuration at `/src/api.js` file.
+
+``` javascript
+const host = window.SERVER_URL
+	|| queryString.parse(window.location.search).serverUrl
+	|| (process.env.NODE_ENV === 'development' ? 'http://localhost:3000' : null);
+```
+
+Here, you can change to your new configuration.
+
+``` javascript
+const host = window.SERVER_URL
+	|| queryString.parse(window.location.search).serverUrl
+	|| (process.env.NODE_ENV === 'development' ? 'https://your.rocketserver.com' : null);
+```
+
+## Available CLI Commands
 
 ``` bash
 # install dependencies
 yarn
 
 # serve with hot reload at localhost:8080
+yarn start
+
+# build preact application to "build" folder
 yarn dev
 
 # build for production with minification

package/build/{61.chunk.a8a84.css → 62.chunk.a8a84.css}

@@ -1,3 +1,3 @@
 .emoji-mart,.emoji-mart *{-webkit-box-sizing:border-box;box-sizing:border-box;line-height:1.15}.emoji-mart{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;font-size:16px;display:inline-block;color:#222427;border:1px solid #d9d9d9;border-radius:5px;background:#fff}.emoji-mart .emoji-mart-emoji{padding:6px}.emoji-mart-bar{border:0 solid #d9d9d9}.emoji-mart-bar:first-child{border-bottom-width:1px;border-top-left-radius:5px;border-top-right-radius:5px}.emoji-mart-bar:last-child{border-top-width:1px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.emoji-mart-anchors{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 6px;line-height:0}.emoji-mart-anchor{position:relative;display:block;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;color:#858585;text-align:center;padding:12px 4px;overflow:hidden;-webkit-transition:color .1s ease-out;transition:color .1s ease-out;margin:0;-webkit-box-shadow:none;box-shadow:none;background:none;border:none}.emoji-mart-anchor:focus{outline:0}.emoji-mart-anchor-selected,.emoji-mart-anchor:focus,.emoji-mart-anchor:hover{color:#464646}.emoji-mart-anchor-selected .emoji-mart-anchor-bar{bottom:0}.emoji-mart-anchor-bar{position:absolute;bottom:-3px;left:0;width:100%;height:3px;background-color:#464646}.emoji-mart-anchors i{display:inline-block;width:100%;max-width:22px}.emoji-mart-anchors img,.emoji-mart-anchors svg{fill:currentColor;height:18px;width:18px}.emoji-mart-scroll{overflow-y:scroll;overflow-x:hidden;height:270px;padding:0 6px 6px;will-change:transform}.emoji-mart-search{margin-top:6px;padding:0 6px;position:relative}.emoji-mart-search input{font-size:16px;display:block;width:100%;padding:5px 25px 6px 10px;border-radius:5px;border:1px solid #d9d9d9;outline:0}.emoji-mart-search input,.emoji-mart-search input::-webkit-search-cancel-button,.emoji-mart-search input::-webkit-search-decoration,.emoji-mart-search input::-webkit-search-results-button,.emoji-mart-search input::-webkit-search-results-decoration{-webkit-appearance:none}.emoji-mart-search-icon{position:absolute;top:7px;right:11px;z-index:2;padding:2px 5px 1px;border:none;background:none}.emoji-mart-category .emoji-mart-emoji span{z-index:1;position:relative;text-align:center;cursor:default}.emoji-mart-category .emoji-mart-emoji:hover:before{z-index:0;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f4f4f4;border-radius:100%}.emoji-mart-category-label{z-index:2;position:relative;position:-webkit-sticky;position:sticky;top:0}.emoji-mart-category-label span{display:block;width:100%;font-weight:500;padding:5px 6px;background-color:#fff;background-color:hsla(0,0%,100%,.95)}.emoji-mart-category-list{margin:0;padding:0}.emoji-mart-category-list li{list-style:none;margin:0;padding:0;display:inline-block}.emoji-mart-emoji{position:relative;display:inline-block;font-size:0;margin:0;padding:0;border:none;background:none;-webkit-box-shadow:none;box-shadow:none}.emoji-mart-emoji-native{font-family:Segoe UI Emoji,Segoe UI Symbol,Segoe UI,Apple Color Emoji,Twemoji Mozilla,Noto Color Emoji,Android Emoji}.emoji-mart-no-results{font-size:14px;text-align:center;padding-top:70px;color:#858585}.emoji-mart-no-results-img{display:block;margin-left:auto;margin-right:auto;width:50%}.emoji-mart-no-results .emoji-mart-category-label{display:none}.emoji-mart-no-results .emoji-mart-no-results-label{margin-top:.2em}.emoji-mart-no-results .emoji-mart-emoji:hover:before{content:none}.emoji-mart-preview{position:relative;height:70px}.emoji-mart-preview-data,.emoji-mart-preview-emoji,.emoji-mart-preview-skins{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.emoji-mart-preview-emoji{left:12px}.emoji-mart-preview-data{left:68px;right:12px;word-break:break-all}.emoji-mart-preview-skins{right:30px;text-align:right}.emoji-mart-preview-skins.custom{right:10px;text-align:right}.emoji-mart-preview-name{font-size:14px}.emoji-mart-preview-shortname{font-size:12px;color:#888}.emoji-mart-preview-emoticon+.emoji-mart-preview-emoticon,.emoji-mart-preview-shortname+.emoji-mart-preview-emoticon,.emoji-mart-preview-shortname+.emoji-mart-preview-shortname{margin-left:.5em}.emoji-mart-preview-emoticon{font-size:11px;color:#bbb}.emoji-mart-title span{display:inline-block;vertical-align:middle}.emoji-mart-title .emoji-mart-emoji{padding:0}.emoji-mart-title-label{color:#999a9c;font-size:26px;font-weight:300}.emoji-mart-skin-swatches{font-size:0;padding:2px 0;border:1px solid #d9d9d9;border-radius:12px;background-color:#fff}.emoji-mart-skin-swatches.custom{font-size:0;border:none;background-color:#fff}.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch{width:16px;padding:0 2px}.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch.selected:after{opacity:.75}.emoji-mart-skin-swatch{display:inline-block;width:0;vertical-align:middle;-webkit-transition-property:width,padding;transition-property:width,padding;-webkit-transition-duration:.125s;transition-duration:.125s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.emoji-mart-skin-swatch:first-child{-webkit-transition-delay:0s;transition-delay:0s}.emoji-mart-skin-swatch:nth-child(2){-webkit-transition-delay:.03s;transition-delay:.03s}.emoji-mart-skin-swatch:nth-child(3){-webkit-transition-delay:.06s;transition-delay:.06s}.emoji-mart-skin-swatch:nth-child(4){-webkit-transition-delay:.09s;transition-delay:.09s}.emoji-mart-skin-swatch:nth-child(5){-webkit-transition-delay:.12s;transition-delay:.12s}.emoji-mart-skin-swatch:nth-child(6){-webkit-transition-delay:.15s;transition-delay:.15s}.emoji-mart-skin-swatch.selected{position:relative;width:16px;padding:0 2px}.emoji-mart-skin-swatch.selected:after{content:"";position:absolute;top:50%;left:50%;width:4px;height:4px;margin:-2px 0 0 -2px;background-color:#fff;border-radius:100%;pointer-events:none;opacity:0;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.emoji-mart-skin-swatch.custom{display:inline-block;width:0;height:38px;overflow:hidden;vertical-align:middle;-webkit-transition-property:width,height;transition-property:width,height;-webkit-transition-duration:.125s;transition-duration:.125s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;cursor:default}.emoji-mart-skin-swatch.custom.selected{position:relative;width:36px;height:38px;padding:0 2px 0 0}.emoji-mart-skin-swatch.custom.selected:after{content:"";width:0;height:0}.emoji-mart-skin-swatches.custom .emoji-mart-skin-swatch.custom:hover{background-color:#f4f4f4;border-radius:10%}.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom{width:36px;height:38px;padding:0 2px 0 0}.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom.selected:after{opacity:.75}.emoji-mart-skin-text.opened{display:inline-block;vertical-align:middle;text-align:left;color:#888;font-size:11px;padding:5px 2px;width:95px;height:40px;border-radius:10%;background-color:#fff}.emoji-mart-skin{display:inline-block;width:100%;padding-top:100%;max-width:12px;border-radius:100%}.emoji-mart-skin-tone-1{background-color:#ffc93a}.emoji-mart-skin-tone-2{background-color:#fadcbc}.emoji-mart-skin-tone-3{background-color:#e0bb95}.emoji-mart-skin-tone-4{background-color:#bf8f68}.emoji-mart-skin-tone-5{background-color:#9b643d}.emoji-mart-skin-tone-6{background-color:#594539}.emoji-mart-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.emoji-mart-dark{color:#fff;background-color:#222}.emoji-mart-dark,.emoji-mart-dark .emoji-mart-bar{border-color:#555453}.emoji-mart-dark .emoji-mart-search input{color:#fff;border-color:#555453;background-color:#2f2f2f}.emoji-mart-dark .emoji-mart-search-icon svg{fill:#fff}.emoji-mart-dark .emoji-mart-category .emoji-mart-emoji:hover:before{background-color:#444}.emoji-mart-dark .emoji-mart-category-label span{background-color:#222;color:#fff}.emoji-mart-dark .emoji-mart-skin-swatches{border-color:#555453;background-color:#222}.emoji-mart-dark .emoji-mart-anchor-selected,.emoji-mart-dark .emoji-mart-anchor:focus,.emoji-mart-dark .emoji-mart-anchor:hover{color:#bfbfbf}
 
-/*# sourceMappingURL=61.chunk.a8a84.css.map*/
+/*# sourceMappingURL=62.chunk.a8a84.css.map*/

package/build/{61.chunk.a8a84.css.map → 62.chunk.a8a84.css.map}

@@ -1 +1 @@
-{"version":3,"sources":["webpack:///node_modules/emoji-mart/css/emoji-mart.css"],"names":[],"mappings":"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","file":"61.chunk.a8a84.css","sourcesContent":[".emoji-mart,\n.emoji-mart * {\n  box-sizing: border-box;\n  line-height: 1.15;\n}\n\n.emoji-mart {\n  font-family: -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", sans-serif;\n  font-size: 16px;\n  display: inline-block;\n  color: #222427;\n  border: 1px solid #d9d9d9;\n  border-radius: 5px;\n  background: #fff;\n}\n\n.emoji-mart .emoji-mart-emoji {\n  padding: 6px;\n}\n\n.emoji-mart-bar {\n  border: 0 solid #d9d9d9;\n}\n.emoji-mart-bar:first-child {\n  border-bottom-width: 1px;\n  border-top-left-radius: 5px;\n  border-top-right-radius: 5px;\n}\n.emoji-mart-bar:last-child {\n  border-top-width: 1px;\n  border-bottom-left-radius: 5px;\n  border-bottom-right-radius: 5px;\n}\n\n.emoji-mart-anchors {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  padding: 0 6px;\n  line-height: 0;\n}\n\n.emoji-mart-anchor {\n  position: relative;\n  display: block;\n  flex: 1 1 auto;\n  color: #858585;\n  text-align: center;\n  padding: 12px 4px;\n  overflow: hidden;\n  transition: color .1s ease-out;\n  margin: 0;\n  box-shadow: none;\n  background: none;\n  border: none;\n}\n.emoji-mart-anchor:focus { outline: 0 }\n.emoji-mart-anchor:hover,\n.emoji-mart-anchor:focus,\n.emoji-mart-anchor-selected {\n  color: #464646;\n}\n\n.emoji-mart-anchor-selected .emoji-mart-anchor-bar {\n  bottom: 0;\n}\n\n.emoji-mart-anchor-bar {\n  position: absolute;\n  bottom: -3px; left: 0;\n  width: 100%; height: 3px;\n  background-color: #464646;\n}\n\n.emoji-mart-anchors i {\n  display: inline-block;\n  width: 100%;\n  max-width: 22px;\n}\n\n.emoji-mart-anchors svg,\n.emoji-mart-anchors img {\n  fill: currentColor;\n  height: 18px;\n  width: 18px;\n}\n\n.emoji-mart-scroll {\n  overflow-y: scroll;\n  overflow-x: hidden;\n  height: 270px;\n  padding: 0 6px 6px 6px;\n  will-change: transform; /* avoids \"repaints on scroll\" in mobile Chrome */\n}\n\n.emoji-mart-search {\n  margin-top: 6px;\n  padding: 0 6px;\n  position: relative;\n}\n\n.emoji-mart-search input {\n  font-size: 16px;\n  display: block;\n  width: 100%;\n  padding: 5px 25px 6px 10px;\n  border-radius: 5px;\n  border: 1px solid #d9d9d9;\n  outline: 0;\n}\n\n.emoji-mart-search input,\n.emoji-mart-search input::-webkit-search-decoration,\n.emoji-mart-search input::-webkit-search-cancel-button,\n.emoji-mart-search input::-webkit-search-results-button,\n.emoji-mart-search input::-webkit-search-results-decoration {\n  /* remove webkit/blink styles for <input type=\"search\">\n   * via https://stackoverflow.com/a/9422689 */\n  -webkit-appearance: none;\n}\n\n.emoji-mart-search-icon {\n  position: absolute;\n  top: 7px;\n  right: 11px;\n  z-index: 2;\n  padding: 2px 5px 1px;\n  border: none;\n  background: none;\n}\n\n.emoji-mart-category .emoji-mart-emoji span {\n  z-index: 1;\n  position: relative;\n  text-align: center;\n  cursor: default;\n}\n\n.emoji-mart-category .emoji-mart-emoji:hover:before {\n  z-index: 0;\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0;\n  width: 100%; height: 100%;\n  background-color: #f4f4f4;\n  border-radius: 100%;\n}\n\n.emoji-mart-category-label {\n  z-index: 2;\n  position: relative;\n  position: -webkit-sticky;\n  position: sticky;\n  top: 0;\n}\n\n.emoji-mart-category-label span {\n  display: block;\n  width: 100%;\n  font-weight: 500;\n  padding: 5px 6px;\n  background-color: #fff;\n  background-color: rgba(255, 255, 255, .95);\n}\n\n.emoji-mart-category-list {\n  margin: 0;\n  padding: 0;\n}\n\n.emoji-mart-category-list li {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: inline-block;\n}\n\n.emoji-mart-emoji {\n  position: relative;\n  display: inline-block;\n  font-size: 0;\n  margin: 0;\n  padding: 0;\n  border: none;\n  background: none;\n  box-shadow: none;\n}\n\n.emoji-mart-emoji-native {\n  font-family: \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Segoe UI\", \"Apple Color Emoji\", \"Twemoji Mozilla\", \"Noto Color Emoji\", \"Android Emoji\";\n}\n\n.emoji-mart-no-results {\n  font-size: 14px;\n  text-align: center;\n  padding-top: 70px;\n  color: #858585;\n}\n.emoji-mart-no-results-img {\n  display: block;\n  margin-left: auto;\n  margin-right: auto;\n  width: 50%;\n}\n.emoji-mart-no-results .emoji-mart-category-label {\n  display: none;\n}\n.emoji-mart-no-results .emoji-mart-no-results-label {\n  margin-top: .2em;\n}\n.emoji-mart-no-results .emoji-mart-emoji:hover:before {\n  content: none;\n}\n\n.emoji-mart-preview {\n  position: relative;\n  height: 70px;\n}\n\n.emoji-mart-preview-emoji,\n.emoji-mart-preview-data,\n.emoji-mart-preview-skins {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n.emoji-mart-preview-emoji {\n  left: 12px;\n}\n\n.emoji-mart-preview-data {\n  left: 68px; right: 12px;\n  word-break: break-all;\n}\n\n.emoji-mart-preview-skins {\n  right: 30px;\n  text-align: right;\n}\n\n.emoji-mart-preview-skins.custom {\n  right: 10px;\n  text-align: right;\n}\n\n.emoji-mart-preview-name {\n  font-size: 14px;\n}\n\n.emoji-mart-preview-shortname {\n  font-size: 12px;\n  color: #888;\n}\n.emoji-mart-preview-shortname + .emoji-mart-preview-shortname,\n.emoji-mart-preview-shortname + .emoji-mart-preview-emoticon,\n.emoji-mart-preview-emoticon + .emoji-mart-preview-emoticon {\n  margin-left: .5em;\n}\n\n.emoji-mart-preview-emoticon {\n  font-size: 11px;\n  color: #bbb;\n}\n\n.emoji-mart-title span {\n  display: inline-block;\n  vertical-align: middle;\n}\n\n.emoji-mart-title .emoji-mart-emoji {\n  padding: 0;\n}\n\n.emoji-mart-title-label {\n  color: #999A9C;\n  font-size: 26px;\n  font-weight: 300;\n}\n\n.emoji-mart-skin-swatches {\n  font-size: 0;\n  padding: 2px 0;\n  border: 1px solid #d9d9d9;\n  border-radius: 12px;\n  background-color: #fff;\n}\n\n.emoji-mart-skin-swatches.custom {\n  font-size: 0;\n  border: none;\n  background-color: #fff;\n}\n\n.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch {\n  width: 16px;\n  padding: 0 2px;\n}\n\n.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch.selected:after {\n  opacity: .75;\n}\n\n.emoji-mart-skin-swatch {\n  display: inline-block;\n  width: 0;\n  vertical-align: middle;\n  transition-property: width, padding;\n  transition-duration: .125s;\n  transition-timing-function: ease-out;\n}\n\n.emoji-mart-skin-swatch:nth-child(1) { transition-delay: 0s }\n.emoji-mart-skin-swatch:nth-child(2) { transition-delay: .03s }\n.emoji-mart-skin-swatch:nth-child(3) { transition-delay: .06s }\n.emoji-mart-skin-swatch:nth-child(4) { transition-delay: .09s }\n.emoji-mart-skin-swatch:nth-child(5) { transition-delay: .12s }\n.emoji-mart-skin-swatch:nth-child(6) { transition-delay: .15s }\n\n.emoji-mart-skin-swatch.selected {\n  position: relative;\n  width: 16px;\n  padding: 0 2px;\n}\n\n.emoji-mart-skin-swatch.selected:after {\n  content: \"\";\n  position: absolute;\n  top: 50%; left: 50%;\n  width: 4px; height: 4px;\n  margin: -2px 0 0 -2px;\n  background-color: #fff;\n  border-radius: 100%;\n  pointer-events: none;\n  opacity: 0;\n  transition: opacity .2s ease-out;\n}\n\n.emoji-mart-skin-swatch.custom {\n  display: inline-block;\n  width: 0;\n  height: 38px;\n  overflow: hidden;\n  vertical-align: middle;\n  transition-property: width, height;\n  transition-duration: .125s;\n  transition-timing-function: ease-out;\n  cursor: default;\n}\n\n.emoji-mart-skin-swatch.custom.selected {\n  position: relative;\n  width: 36px;\n  height: 38px;\n  padding: 0 2px 0 0;\n}\n\n.emoji-mart-skin-swatch.custom.selected:after {\n  content: \"\";\n  width: 0;\n  height: 0;\n}\n\n.emoji-mart-skin-swatches.custom .emoji-mart-skin-swatch.custom:hover {\n  background-color: #f4f4f4;\n  border-radius: 10%;\n}\n\n.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom {\n  width: 36px;\n  height: 38px;\n  padding: 0 2px 0 0;\n}\n\n.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom.selected:after {\n  opacity: .75;\n}\n\n.emoji-mart-skin-text.opened {\n  display: inline-block;\n  vertical-align: middle;\n  text-align: left;\n  color: #888;\n  font-size: 11px;\n  padding: 5px 2px;\n  width: 95px;\n  height: 40px;\n  border-radius: 10%;\n  background-color: #fff;\n}\n\n.emoji-mart-skin {\n  display: inline-block;\n  width: 100%;\n  padding-top: 100%;\n  max-width: 12px;\n  border-radius: 100%;\n}\n\n.emoji-mart-skin-tone-1 { background-color: #ffc93a }\n.emoji-mart-skin-tone-2 { background-color: #fadcbc }\n.emoji-mart-skin-tone-3 { background-color: #e0bb95 }\n.emoji-mart-skin-tone-4 { background-color: #bf8f68 }\n.emoji-mart-skin-tone-5 { background-color: #9b643d }\n.emoji-mart-skin-tone-6 { background-color: #594539 }\n\n/* For screenreaders only, via https://stackoverflow.com/a/19758620 */\n.emoji-mart-sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}\n\n/*\n * Dark mode styles\n */\n\n.emoji-mart-dark {\n  color: #fff;\n  border-color: #555453;\n  background-color: #222;\n}\n\n.emoji-mart-dark .emoji-mart-bar {\n  border-color: #555453;\n}\n\n.emoji-mart-dark .emoji-mart-search input {\n  color: #fff;\n  border-color: #555453;\n  background-color: #2f2f2f;\n}\n\n.emoji-mart-dark .emoji-mart-search-icon svg {\n  fill: #fff;\n}\n\n.emoji-mart-dark .emoji-mart-category .emoji-mart-emoji:hover:before {\n  background-color: #444;\n}\n\n.emoji-mart-dark .emoji-mart-category-label span {\n  background-color: #222;\n  color: #fff;\n}\n\n.emoji-mart-dark .emoji-mart-skin-swatches {\n  border-color: #555453;\n  background-color: #222;\n}\n\n.emoji-mart-dark .emoji-mart-anchor:hover,\n.emoji-mart-dark .emoji-mart-anchor:focus,\n.emoji-mart-dark .emoji-mart-anchor-selected {\n  color: #bfbfbf;\n}\n"],"sourceRoot":""}
+{"version":3,"sources":["webpack:///node_modules/emoji-mart/css/emoji-mart.css"],"names":[],"mappings":"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","file":"62.chunk.a8a84.css","sourcesContent":[".emoji-mart,\n.emoji-mart * {\n  box-sizing: border-box;\n  line-height: 1.15;\n}\n\n.emoji-mart {\n  font-family: -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", sans-serif;\n  font-size: 16px;\n  display: inline-block;\n  color: #222427;\n  border: 1px solid #d9d9d9;\n  border-radius: 5px;\n  background: #fff;\n}\n\n.emoji-mart .emoji-mart-emoji {\n  padding: 6px;\n}\n\n.emoji-mart-bar {\n  border: 0 solid #d9d9d9;\n}\n.emoji-mart-bar:first-child {\n  border-bottom-width: 1px;\n  border-top-left-radius: 5px;\n  border-top-right-radius: 5px;\n}\n.emoji-mart-bar:last-child {\n  border-top-width: 1px;\n  border-bottom-left-radius: 5px;\n  border-bottom-right-radius: 5px;\n}\n\n.emoji-mart-anchors {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  padding: 0 6px;\n  line-height: 0;\n}\n\n.emoji-mart-anchor {\n  position: relative;\n  display: block;\n  flex: 1 1 auto;\n  color: #858585;\n  text-align: center;\n  padding: 12px 4px;\n  overflow: hidden;\n  transition: color .1s ease-out;\n  margin: 0;\n  box-shadow: none;\n  background: none;\n  border: none;\n}\n.emoji-mart-anchor:focus { outline: 0 }\n.emoji-mart-anchor:hover,\n.emoji-mart-anchor:focus,\n.emoji-mart-anchor-selected {\n  color: #464646;\n}\n\n.emoji-mart-anchor-selected .emoji-mart-anchor-bar {\n  bottom: 0;\n}\n\n.emoji-mart-anchor-bar {\n  position: absolute;\n  bottom: -3px; left: 0;\n  width: 100%; height: 3px;\n  background-color: #464646;\n}\n\n.emoji-mart-anchors i {\n  display: inline-block;\n  width: 100%;\n  max-width: 22px;\n}\n\n.emoji-mart-anchors svg,\n.emoji-mart-anchors img {\n  fill: currentColor;\n  height: 18px;\n  width: 18px;\n}\n\n.emoji-mart-scroll {\n  overflow-y: scroll;\n  overflow-x: hidden;\n  height: 270px;\n  padding: 0 6px 6px 6px;\n  will-change: transform; /* avoids \"repaints on scroll\" in mobile Chrome */\n}\n\n.emoji-mart-search {\n  margin-top: 6px;\n  padding: 0 6px;\n  position: relative;\n}\n\n.emoji-mart-search input {\n  font-size: 16px;\n  display: block;\n  width: 100%;\n  padding: 5px 25px 6px 10px;\n  border-radius: 5px;\n  border: 1px solid #d9d9d9;\n  outline: 0;\n}\n\n.emoji-mart-search input,\n.emoji-mart-search input::-webkit-search-decoration,\n.emoji-mart-search input::-webkit-search-cancel-button,\n.emoji-mart-search input::-webkit-search-results-button,\n.emoji-mart-search input::-webkit-search-results-decoration {\n  /* remove webkit/blink styles for <input type=\"search\">\n   * via https://stackoverflow.com/a/9422689 */\n  -webkit-appearance: none;\n}\n\n.emoji-mart-search-icon {\n  position: absolute;\n  top: 7px;\n  right: 11px;\n  z-index: 2;\n  padding: 2px 5px 1px;\n  border: none;\n  background: none;\n}\n\n.emoji-mart-category .emoji-mart-emoji span {\n  z-index: 1;\n  position: relative;\n  text-align: center;\n  cursor: default;\n}\n\n.emoji-mart-category .emoji-mart-emoji:hover:before {\n  z-index: 0;\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0;\n  width: 100%; height: 100%;\n  background-color: #f4f4f4;\n  border-radius: 100%;\n}\n\n.emoji-mart-category-label {\n  z-index: 2;\n  position: relative;\n  position: -webkit-sticky;\n  position: sticky;\n  top: 0;\n}\n\n.emoji-mart-category-label span {\n  display: block;\n  width: 100%;\n  font-weight: 500;\n  padding: 5px 6px;\n  background-color: #fff;\n  background-color: rgba(255, 255, 255, .95);\n}\n\n.emoji-mart-category-list {\n  margin: 0;\n  padding: 0;\n}\n\n.emoji-mart-category-list li {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: inline-block;\n}\n\n.emoji-mart-emoji {\n  position: relative;\n  display: inline-block;\n  font-size: 0;\n  margin: 0;\n  padding: 0;\n  border: none;\n  background: none;\n  box-shadow: none;\n}\n\n.emoji-mart-emoji-native {\n  font-family: \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Segoe UI\", \"Apple Color Emoji\", \"Twemoji Mozilla\", \"Noto Color Emoji\", \"Android Emoji\";\n}\n\n.emoji-mart-no-results {\n  font-size: 14px;\n  text-align: center;\n  padding-top: 70px;\n  color: #858585;\n}\n.emoji-mart-no-results-img {\n  display: block;\n  margin-left: auto;\n  margin-right: auto;\n  width: 50%;\n}\n.emoji-mart-no-results .emoji-mart-category-label {\n  display: none;\n}\n.emoji-mart-no-results .emoji-mart-no-results-label {\n  margin-top: .2em;\n}\n.emoji-mart-no-results .emoji-mart-emoji:hover:before {\n  content: none;\n}\n\n.emoji-mart-preview {\n  position: relative;\n  height: 70px;\n}\n\n.emoji-mart-preview-emoji,\n.emoji-mart-preview-data,\n.emoji-mart-preview-skins {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n.emoji-mart-preview-emoji {\n  left: 12px;\n}\n\n.emoji-mart-preview-data {\n  left: 68px; right: 12px;\n  word-break: break-all;\n}\n\n.emoji-mart-preview-skins {\n  right: 30px;\n  text-align: right;\n}\n\n.emoji-mart-preview-skins.custom {\n  right: 10px;\n  text-align: right;\n}\n\n.emoji-mart-preview-name {\n  font-size: 14px;\n}\n\n.emoji-mart-preview-shortname {\n  font-size: 12px;\n  color: #888;\n}\n.emoji-mart-preview-shortname + .emoji-mart-preview-shortname,\n.emoji-mart-preview-shortname + .emoji-mart-preview-emoticon,\n.emoji-mart-preview-emoticon + .emoji-mart-preview-emoticon {\n  margin-left: .5em;\n}\n\n.emoji-mart-preview-emoticon {\n  font-size: 11px;\n  color: #bbb;\n}\n\n.emoji-mart-title span {\n  display: inline-block;\n  vertical-align: middle;\n}\n\n.emoji-mart-title .emoji-mart-emoji {\n  padding: 0;\n}\n\n.emoji-mart-title-label {\n  color: #999A9C;\n  font-size: 26px;\n  font-weight: 300;\n}\n\n.emoji-mart-skin-swatches {\n  font-size: 0;\n  padding: 2px 0;\n  border: 1px solid #d9d9d9;\n  border-radius: 12px;\n  background-color: #fff;\n}\n\n.emoji-mart-skin-swatches.custom {\n  font-size: 0;\n  border: none;\n  background-color: #fff;\n}\n\n.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch {\n  width: 16px;\n  padding: 0 2px;\n}\n\n.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch.selected:after {\n  opacity: .75;\n}\n\n.emoji-mart-skin-swatch {\n  display: inline-block;\n  width: 0;\n  vertical-align: middle;\n  transition-property: width, padding;\n  transition-duration: .125s;\n  transition-timing-function: ease-out;\n}\n\n.emoji-mart-skin-swatch:nth-child(1) { transition-delay: 0s }\n.emoji-mart-skin-swatch:nth-child(2) { transition-delay: .03s }\n.emoji-mart-skin-swatch:nth-child(3) { transition-delay: .06s }\n.emoji-mart-skin-swatch:nth-child(4) { transition-delay: .09s }\n.emoji-mart-skin-swatch:nth-child(5) { transition-delay: .12s }\n.emoji-mart-skin-swatch:nth-child(6) { transition-delay: .15s }\n\n.emoji-mart-skin-swatch.selected {\n  position: relative;\n  width: 16px;\n  padding: 0 2px;\n}\n\n.emoji-mart-skin-swatch.selected:after {\n  content: \"\";\n  position: absolute;\n  top: 50%; left: 50%;\n  width: 4px; height: 4px;\n  margin: -2px 0 0 -2px;\n  background-color: #fff;\n  border-radius: 100%;\n  pointer-events: none;\n  opacity: 0;\n  transition: opacity .2s ease-out;\n}\n\n.emoji-mart-skin-swatch.custom {\n  display: inline-block;\n  width: 0;\n  height: 38px;\n  overflow: hidden;\n  vertical-align: middle;\n  transition-property: width, height;\n  transition-duration: .125s;\n  transition-timing-function: ease-out;\n  cursor: default;\n}\n\n.emoji-mart-skin-swatch.custom.selected {\n  position: relative;\n  width: 36px;\n  height: 38px;\n  padding: 0 2px 0 0;\n}\n\n.emoji-mart-skin-swatch.custom.selected:after {\n  content: \"\";\n  width: 0;\n  height: 0;\n}\n\n.emoji-mart-skin-swatches.custom .emoji-mart-skin-swatch.custom:hover {\n  background-color: #f4f4f4;\n  border-radius: 10%;\n}\n\n.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom {\n  width: 36px;\n  height: 38px;\n  padding: 0 2px 0 0;\n}\n\n.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom.selected:after {\n  opacity: .75;\n}\n\n.emoji-mart-skin-text.opened {\n  display: inline-block;\n  vertical-align: middle;\n  text-align: left;\n  color: #888;\n  font-size: 11px;\n  padding: 5px 2px;\n  width: 95px;\n  height: 40px;\n  border-radius: 10%;\n  background-color: #fff;\n}\n\n.emoji-mart-skin {\n  display: inline-block;\n  width: 100%;\n  padding-top: 100%;\n  max-width: 12px;\n  border-radius: 100%;\n}\n\n.emoji-mart-skin-tone-1 { background-color: #ffc93a }\n.emoji-mart-skin-tone-2 { background-color: #fadcbc }\n.emoji-mart-skin-tone-3 { background-color: #e0bb95 }\n.emoji-mart-skin-tone-4 { background-color: #bf8f68 }\n.emoji-mart-skin-tone-5 { background-color: #9b643d }\n.emoji-mart-skin-tone-6 { background-color: #594539 }\n\n/* For screenreaders only, via https://stackoverflow.com/a/19758620 */\n.emoji-mart-sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}\n\n/*\n * Dark mode styles\n */\n\n.emoji-mart-dark {\n  color: #fff;\n  border-color: #555453;\n  background-color: #222;\n}\n\n.emoji-mart-dark .emoji-mart-bar {\n  border-color: #555453;\n}\n\n.emoji-mart-dark .emoji-mart-search input {\n  color: #fff;\n  border-color: #555453;\n  background-color: #2f2f2f;\n}\n\n.emoji-mart-dark .emoji-mart-search-icon svg {\n  fill: #fff;\n}\n\n.emoji-mart-dark .emoji-mart-category .emoji-mart-emoji:hover:before {\n  background-color: #444;\n}\n\n.emoji-mart-dark .emoji-mart-category-label span {\n  background-color: #222;\n  color: #fff;\n}\n\n.emoji-mart-dark .emoji-mart-skin-swatches {\n  border-color: #555453;\n  background-color: #222;\n}\n\n.emoji-mart-dark .emoji-mart-anchor:hover,\n.emoji-mart-dark .emoji-mart-anchor:focus,\n.emoji-mart-dark .emoji-mart-anchor-selected {\n  color: #bfbfbf;\n}\n"],"sourceRoot":""}