@alan-ai/alan-sdk-web 1.8.49 → 1.8.51

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/alan_lib.js CHANGED
@@ -3369,7 +3369,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
3369
3369
  }
3370
3370
  // alan_btn/alan_btn.ts
3371
3371
  (function (ns) {
3372
- var alanButtonVersion = "alan-version.1.8.49";
3372
+ var alanButtonVersion = "alan-version.1.8.51";
3373
3373
  alanButtonVersion = alanButtonVersion.replace("alan-version.", "");
3374
3374
  if (window.alanBtn) {
3375
3375
  console.warn("Alan: the Alan Button source code has already added (v." + alanButtonVersion + ")");
@@ -3637,7 +3637,10 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
3637
3637
  "listening": "LISTEN",
3638
3638
  "understood": "PROCESS",
3639
3639
  "intermediate": "PROCESS",
3640
- "speaking": "REPLY"
3640
+ "speaking": "REPLY",
3641
+ "permissionDenied": "NO_PERMISSION",
3642
+ "noVoiceSupport": "NO_VOICE_SUPPORT",
3643
+ "notSecureOrigin": "INSECURE_ORIGIN"
3641
3644
  };
3642
3645
  var DEFAULT = "default";
3643
3646
  var LISTENING = "listening";
@@ -4436,7 +4439,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
4436
4439
  }
4437
4440
  function createAlanStyleSheet(webOptions) {
4438
4441
  var _a;
4439
- var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61, _62, _63, _64, _65, _66, _67, _68, _69, _70, _71, _72, _73, _74, _75, _76, _77, _78, _79, _80, _81, _82, _83, _84, _85, _86, _87, _88, _89, _90, _91, _92, _93, _94, _95, _96, _97, _98, _99, _100, _101, _102, _103, _104, _105, _106, _107, _108, _109, _110, _111, _112, _113, _114, _115, _116, _117, _118, _119, _120, _121, _122, _123, _124, _125, _126, _127, _128, _129, _130, _131, _132, _133, _134, _135, _136;
4442
+ var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61, _62, _63, _64, _65, _66, _67, _68, _69, _70, _71, _72, _73, _74, _75, _76, _77, _78, _79, _80, _81, _82, _83, _84, _85, _86, _87, _88, _89, _90, _91, _92, _93, _94, _95, _96, _97, _98, _99, _100, _101, _102, _103, _104, _105, _106, _107, _108, _109, _110, _111, _112, _113, _114, _115, _116, _117, _118, _119, _120, _121, _122, _123, _124, _125, _126, _127, _128, _129, _130, _131, _132, _133, _134, _135, _136, _137, _138, _139;
4440
4443
  var style;
4441
4444
  var keyFrames = "";
4442
4445
  var projectId = getProjectId();
@@ -4450,7 +4453,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
4450
4453
  style = document.createElement("style");
4451
4454
  style.setAttribute("id", "alan-stylesheet-" + projectId);
4452
4455
  style.type = "text/css";
4453
- keyFrames += '.alanBtn-root * { box-sizing: border-box; font-family: "Poppins", sans-serif; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}';
4456
+ keyFrames += ".alanBtn-root * { box-sizing: border-box; font-family: ".concat(((_d = (_c = (_b = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _b === void 0 ? void 0 : _b.textChat) === null || _c === void 0 ? void 0 : _c.popup) === null || _d === void 0 ? void 0 : _d.fontFamily) || "Poppins", "; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}");
4454
4457
  var hoverSelector = !isMobile() ? ":hover" : ":active";
4455
4458
  if (!isMobile()) {
4456
4459
  keyFrames += getStyleSheetMarker() + ".alanBtn{transform: scale(1); transition: " + transitionCss + ";} .alanBtn" + hoverSelector + "{transform: scale(1.11111);transition:" + transitionCss + ";}.alanBtn:focus {transform: scale(1);" + transitionCss + "; border: solid 3px #50e3c2; outline: none; }";
@@ -4493,7 +4496,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
4493
4496
  cssChatHeight = "".concat(cssChatHeight, "px");
4494
4497
  }
4495
4498
  else {
4496
- cssChatHeight = "".concat(migrateHeightFromPercent((_d = (_c = (_b = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _b === void 0 ? void 0 : _b.textChat) === null || _c === void 0 ? void 0 : _c.popup) === null || _d === void 0 ? void 0 : _d.height) || defaultChatHeight, "px");
4499
+ cssChatHeight = "".concat(migrateHeightFromPercent((_g = (_f = (_e = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _e === void 0 ? void 0 : _e.textChat) === null || _f === void 0 ? void 0 : _f.popup) === null || _g === void 0 ? void 0 : _g.height) || defaultChatHeight, "px");
4497
4500
  }
4498
4501
  function migrateHeightFromPercent(val) {
4499
4502
  if (val && +val <= 100) {
@@ -4505,9 +4508,9 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
4505
4508
  cssChatWidth = "".concat(cssChatWidth, "px");
4506
4509
  }
4507
4510
  else {
4508
- cssChatWidth = "".concat(((_g = (_f = (_e = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _e === void 0 ? void 0 : _e.textChat) === null || _f === void 0 ? void 0 : _f.popup) === null || _g === void 0 ? void 0 : _g.width) || "400", "px");
4511
+ cssChatWidth = "".concat(((_k = (_j = (_h = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _h === void 0 ? void 0 : _h.textChat) === null || _j === void 0 ? void 0 : _j.popup) === null || _k === void 0 ? void 0 : _k.width) || "400", "px");
4509
4512
  }
4510
- keyFrames += getStyleSheetMarker() + ".alan-btn__chat-holder {\n position: fixed;\n height: ".concat(cssChatHeight, ";\n min-height: ").concat(((_k = (_j = (_h = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _h === void 0 ? void 0 : _h.textChat) === null || _j === void 0 ? void 0 : _j.popup) === null || _k === void 0 ? void 0 : _k.minHeight) || defaultMinChatHeight, "px;\n max-height: ").concat(((_o = (_m = (_l = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _l === void 0 ? void 0 : _l.textChat) === null || _m === void 0 ? void 0 : _m.popup) === null || _o === void 0 ? void 0 : _o.maxHeight) || "1200", "px;\n width: ").concat(cssChatWidth, ";\n min-width: ").concat(((_r = (_q = (_p = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _p === void 0 ? void 0 : _p.textChat) === null || _q === void 0 ? void 0 : _q.popup) === null || _r === void 0 ? void 0 : _r.minWidth) || defaultMinChatWidth, "px;\n max-width: ").concat(((_u = (_t = (_s = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _s === void 0 ? void 0 : _s.textChat) === null || _t === void 0 ? void 0 : _t.popup) === null || _u === void 0 ? void 0 : _u.maxWidth) || "1200", "px;\n display: none;\n transform: scale(0);\n opacity: 0;\n }");
4513
+ keyFrames += getStyleSheetMarker() + ".alan-btn__chat-holder {\n position: fixed;\n height: ".concat(cssChatHeight, ";\n min-height: ").concat(((_o = (_m = (_l = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _l === void 0 ? void 0 : _l.textChat) === null || _m === void 0 ? void 0 : _m.popup) === null || _o === void 0 ? void 0 : _o.minHeight) || defaultMinChatHeight, "px;\n max-height: ").concat(((_r = (_q = (_p = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _p === void 0 ? void 0 : _p.textChat) === null || _q === void 0 ? void 0 : _q.popup) === null || _r === void 0 ? void 0 : _r.maxHeight) || "1200", "px;\n width: ").concat(cssChatWidth, ";\n min-width: ").concat(((_u = (_t = (_s = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _s === void 0 ? void 0 : _s.textChat) === null || _t === void 0 ? void 0 : _t.popup) === null || _u === void 0 ? void 0 : _u.minWidth) || defaultMinChatWidth, "px;\n max-width: ").concat(((_x = (_w = (_v = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _v === void 0 ? void 0 : _v.textChat) === null || _w === void 0 ? void 0 : _w.popup) === null || _x === void 0 ? void 0 : _x.maxWidth) || "1200", "px;\n display: none;\n transform: scale(0);\n opacity: 0;\n }");
4511
4514
  keyFrames += getStyleSheetMarker() + ".alan-text-chat__openning {\n transform: scale(0);\n opacity: 0;\n animation: text-chat-appear-anim ".concat(textChatAppearAnimationMs, "ms ease-in-out forwards;\n }");
4512
4515
  keyFrames += getStyleSheetMarker() + generateKeyFrame("text-chat-appear-anim", "\n 0%{\n transform: scale(0);\n opacity: 0;\n }\n 100%{\n transform: scale(1);\n opacity: 1;\n }\n ");
4513
4516
  keyFrames += getStyleSheetMarker() + ".alan-text-chat__closing {\n transform: scale(1);\n opacity: 1;\n animation: text-chat-disappear-anim ".concat(textChatAppearAnimationMs, "ms ease-in-out forwards;\n }");
@@ -4521,8 +4524,8 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
4521
4524
  keyFrames += getStyleSheetMarker() + ".alan-btn__chat-holder.bottom-right {\n cursor: nwse-resize;\n }";
4522
4525
  keyFrames += getStyleSheetMarker() + ".alan-btn__chat-holder.top-right {\n cursor: nesw-resize;\n }";
4523
4526
  keyFrames += getStyleSheetMarker() + ".alan-btn__chat-holder.bottom-left {\n cursor: nesw-resize;\n }";
4524
- var chatBgColor1 = ((_x = (_w = (_v = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _v === void 0 ? void 0 : _v.textChat) === null || _w === void 0 ? void 0 : _w.popup) === null || _x === void 0 ? void 0 : _x.backgroundColor) || "rgba(218, 235, 255, 1)";
4525
- var chatBgColor2 = ((_0 = (_z = (_y = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _y === void 0 ? void 0 : _y.textChat) === null || _z === void 0 ? void 0 : _z.popup) === null || _0 === void 0 ? void 0 : _0.backgroundColor2) || "rgba(255, 255, 255, 1)";
4527
+ var chatBgColor1 = ((_0 = (_z = (_y = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _y === void 0 ? void 0 : _y.textChat) === null || _z === void 0 ? void 0 : _z.popup) === null || _0 === void 0 ? void 0 : _0.backgroundColor) || "rgba(218, 235, 255, 1)";
4528
+ var chatBgColor2 = ((_3 = (_2 = (_1 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _1 === void 0 ? void 0 : _1.textChat) === null || _2 === void 0 ? void 0 : _2.popup) === null || _3 === void 0 ? void 0 : _3.backgroundColor2) || "rgba(255, 255, 255, 1)";
4526
4529
  keyFrames += getStyleSheetMarker() + ".alan-btn__chat {\n height: 100%;\n position: relative;\n overflow: hidden;\n display: flex;\n width: 100%;\n min-width: 100%;\n max-width: 100%;\n flex: 2;\n position: relative;\n flex-direction: column;\n background: linear-gradient(180deg, ".concat(chatBgColor2, " 0%, ").concat(chatBgColor2, " 15%, ").concat(chatBgColor1, " 70%, ").concat(chatBgColor1, " 100%);\n box-shadow: 0px 5px 44px rgba(0, 0, 0, 0.15);\n border-radius: 20px;\n animation: chat-appear 300ms ease-in-out forwards;\n transform: scale(1);\n opacity: 1; \n }");
4527
4530
  keyFrames += getStyleSheetMarker() + generateKeyFrame("alan-btn__sound-bar-1", "\n 0% {\n opacity: 0; \n transform: scale(0);\n }\n 100% {\n opacity: 1; \n transform: scale(1); \n }");
4528
4531
  keyFrames += ".mobile" + getStyleSheetMarker() + ".alan-btn__chat {\n border-radius: 0px;\n }";
@@ -4530,9 +4533,9 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
4530
4533
  keyFrames += getStyleSheetMarker() + ".alan-btn__chat-messages-empty-block {\n flex: 1 1 auto;\n }";
4531
4534
  keyFrames += getStyleSheetMarker() + ".alan-btn__chat-messages-wrapper {\n width: 100%;\n height: calc(100% - ".concat(chatHeaderHeight + textareaHolderHeight, "px);\n max-height: calc(100% - ").concat(chatHeaderHeight + textareaHolderHeight, "px);\n min-height: calc(100% - ").concat(chatHeaderHeight + textareaHolderHeight, "px);\n overflow-y: scroll;\n overflow-x: hidden;\n padding: 20px 10px;\n display: flex;\n flex-shrink: 0;\n flex-direction: column-reverse;\n }");
4532
4535
  keyFrames += getStyleSheetMarker() + ".alan-btn__chat-messages {\n display: flex;\n flex-shrink: 0;\n flex-direction: column;\n }";
4533
- var headerBg = ((_3 = (_2 = (_1 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _1 === void 0 ? void 0 : _1.textChat) === null || _2 === void 0 ? void 0 : _2.header) === null || _3 === void 0 ? void 0 : _3.backgroundColor) || "#FFFFFF";
4534
- keyFrames += getStyleSheetMarker() + ".alan-btn__chat-header {\n width: 100%;\n height: ".concat(chatHeaderHeight, "px;\n max-height: ").concat(chatHeaderHeight, "px;\n min-height: ").concat(chatHeaderHeight, "px;\n color: #0f2029;\n padding: 0px 15px;\n padding-top: 12px;\n background: ").concat(headerBg, ";\n color: ").concat(((_6 = (_5 = (_4 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _4 === void 0 ? void 0 : _4.textChat) === null || _5 === void 0 ? void 0 : _5.header) === null || _6 === void 0 ? void 0 : _6.color) || "#000000", ";\n text-align: center;\n text-overflow: ellipsis;\n white-space: nowrap;\n position:relative;\n }");
4535
- var headerFontSize = ((_9 = (_8 = (_7 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _7 === void 0 ? void 0 : _7.textChat) === null || _8 === void 0 ? void 0 : _8.header) === null || _9 === void 0 ? void 0 : _9.fontSize) || 16;
4536
+ var headerBg = ((_6 = (_5 = (_4 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _4 === void 0 ? void 0 : _4.textChat) === null || _5 === void 0 ? void 0 : _5.header) === null || _6 === void 0 ? void 0 : _6.backgroundColor) || "#FFFFFF";
4537
+ keyFrames += getStyleSheetMarker() + ".alan-btn__chat-header {\n width: 100%;\n height: ".concat(chatHeaderHeight, "px;\n max-height: ").concat(chatHeaderHeight, "px;\n min-height: ").concat(chatHeaderHeight, "px;\n color: #0f2029;\n padding: 0px 15px;\n padding-top: 12px;\n background: ").concat(headerBg, ";\n color: ").concat(((_9 = (_8 = (_7 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _7 === void 0 ? void 0 : _7.textChat) === null || _8 === void 0 ? void 0 : _8.header) === null || _9 === void 0 ? void 0 : _9.color) || "#000000", ";\n text-align: center;\n text-overflow: ellipsis;\n white-space: nowrap;\n position:relative;\n }");
4538
+ var headerFontSize = ((_12 = (_11 = (_10 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _10 === void 0 ? void 0 : _10.textChat) === null || _11 === void 0 ? void 0 : _11.header) === null || _12 === void 0 ? void 0 : _12.fontSize) || 16;
4536
4539
  keyFrames += getStyleSheetMarker() + ".alan-btn__chat-header-title {\n max-width: calc(100% - 112px);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: inline-block;\n font-weight: 600;\n font-size: ".concat(headerFontSize, "px;\n position: relative;\n top: ").concat(headerFontSize >= 20 ? "-2" : "0", "px;\n }");
4537
4540
  keyFrames += getStyleSheetMarker() + ".alan-btn__chat-header-gradient {\n width: 100%;\n height: 15px;\n max-height: 15px;\n min-height: 15px;\n position: absolute;\n left:0;\n width: 100%;\n top: ".concat(chatHeaderHeight, "px;\n background: linear-gradient(180deg, ").concat(headerBg, " 30%, rgba(255, 255, 255, 0) 100%);\n }");
4538
4541
  keyFrames += getStyleSheetMarker() + ".alan-btn__chat-header-left-resizer {\n transition: 300ms opacity ease-in-out;\n position: absolute;\n top: 3px;\n left: 5px;\n transform: rotate(180deg);\n pointer-events: none;\n display: block;\n opacity: 0;\n height: 18px;\n width: 14px;\n }";
@@ -4545,34 +4548,34 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
4545
4548
  if (isMobile()) {
4546
4549
  keyFrames += getStyleSheetMarker() + ".alan-btn__chat-unmute-btn {\n display: none;\n }";
4547
4550
  }
4548
- keyFrames += getStyleSheetMarker() + ".alan-btn__chat-unmute-btn svg path {\n fill: ".concat(((_15 = (_14 = (_13 = (_12 = (_11 = (_10 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _10 === void 0 ? void 0 : _10.textChat) === null || _11 === void 0 ? void 0 : _11.popup) === null || _12 === void 0 ? void 0 : _12.icons) === null || _13 === void 0 ? void 0 : _13.mute) === null || _14 === void 0 ? void 0 : _14["default"]) === null || _15 === void 0 ? void 0 : _15.fill) || "rgba(8, 8, 8, 1)", ";\n }");
4551
+ keyFrames += getStyleSheetMarker() + ".alan-btn__chat-unmute-btn svg path {\n fill: ".concat(((_18 = (_17 = (_16 = (_15 = (_14 = (_13 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _13 === void 0 ? void 0 : _13.textChat) === null || _14 === void 0 ? void 0 : _14.popup) === null || _15 === void 0 ? void 0 : _15.icons) === null || _16 === void 0 ? void 0 : _16.mute) === null || _17 === void 0 ? void 0 : _17["default"]) === null || _18 === void 0 ? void 0 : _18.fill) || "rgba(8, 8, 8, 1)", ";\n }");
4549
4552
  if (!isMobile()) {
4550
- keyFrames += getStyleSheetMarker() + ".alan-btn__chat-unmute-btn:hover svg path {\n fill: ".concat(((_21 = (_20 = (_19 = (_18 = (_17 = (_16 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _16 === void 0 ? void 0 : _16.textChat) === null || _17 === void 0 ? void 0 : _17.popup) === null || _18 === void 0 ? void 0 : _18.icons) === null || _19 === void 0 ? void 0 : _19.mute) === null || _20 === void 0 ? void 0 : _20.hover) === null || _21 === void 0 ? void 0 : _21.fill) || "rgba(0, 70, 255, 1)", ";\n }");
4553
+ keyFrames += getStyleSheetMarker() + ".alan-btn__chat-unmute-btn:hover svg path {\n fill: ".concat(((_24 = (_23 = (_22 = (_21 = (_20 = (_19 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _19 === void 0 ? void 0 : _19.textChat) === null || _20 === void 0 ? void 0 : _20.popup) === null || _21 === void 0 ? void 0 : _21.icons) === null || _22 === void 0 ? void 0 : _22.mute) === null || _23 === void 0 ? void 0 : _23.hover) === null || _24 === void 0 ? void 0 : _24.fill) || "rgba(0, 70, 255, 1)", ";\n }");
4551
4554
  }
4552
4555
  keyFrames += getStyleSheetMarker() + ".alan-btn__chat-unmute-btn.disabled {\n pointer-events: none;\n }";
4553
4556
  keyFrames += getStyleSheetMarker() + ".alan-btn__chat-unmute-btn.disabled {\n opacity: 0.4\n }";
4554
4557
  keyFrames += getStyleSheetMarker() + ".alan-btn__chat-header-clear-btn {\n position: absolute;\n right: ".concat(isMobile() ? 15 : 50, "px;\n top: 3px;\n width: 17px;\n display: flex;\n align-items: center;\n height: ").concat(chatHeaderHeight, "px;\n font-size: 14px;\n cursor: pointer;\n }");
4555
4558
  keyFrames += getStyleSheetMarker() + ".alan-btn__chat-header-clear-btn.disabled {\n pointer-events: none;\n }";
4556
4559
  keyFrames += getStyleSheetMarker() + ".alan-btn__chat-header-clear-btn.disabled {\n opacity: 0.4\n }";
4557
- keyFrames += getStyleSheetMarker() + ".alan-btn__chat-header-clear-btn svg path {\n fill: ".concat(((_27 = (_26 = (_25 = (_24 = (_23 = (_22 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _22 === void 0 ? void 0 : _22.textChat) === null || _23 === void 0 ? void 0 : _23.popup) === null || _24 === void 0 ? void 0 : _24.icons) === null || _25 === void 0 ? void 0 : _25.clear) === null || _26 === void 0 ? void 0 : _26["default"]) === null || _27 === void 0 ? void 0 : _27.fill) || "rgba(8, 8, 8, 1)", ";\n }");
4560
+ keyFrames += getStyleSheetMarker() + ".alan-btn__chat-header-clear-btn svg path {\n fill: ".concat(((_30 = (_29 = (_28 = (_27 = (_26 = (_25 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _25 === void 0 ? void 0 : _25.textChat) === null || _26 === void 0 ? void 0 : _26.popup) === null || _27 === void 0 ? void 0 : _27.icons) === null || _28 === void 0 ? void 0 : _28.clear) === null || _29 === void 0 ? void 0 : _29["default"]) === null || _30 === void 0 ? void 0 : _30.fill) || "rgba(8, 8, 8, 1)", ";\n }");
4558
4561
  if (!isMobile()) {
4559
- keyFrames += getStyleSheetMarker() + ".alan-btn__chat-header-clear-btn:hover svg path {\n fill: ".concat(((_33 = (_32 = (_31 = (_30 = (_29 = (_28 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _28 === void 0 ? void 0 : _28.textChat) === null || _29 === void 0 ? void 0 : _29.popup) === null || _30 === void 0 ? void 0 : _30.icons) === null || _31 === void 0 ? void 0 : _31.clear) === null || _32 === void 0 ? void 0 : _32.hover) === null || _33 === void 0 ? void 0 : _33.fill) || "rgba(255, 0, 92, 1)", ";\n }");
4562
+ keyFrames += getStyleSheetMarker() + ".alan-btn__chat-header-clear-btn:hover svg path {\n fill: ".concat(((_36 = (_35 = (_34 = (_33 = (_32 = (_31 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _31 === void 0 ? void 0 : _31.textChat) === null || _32 === void 0 ? void 0 : _32.popup) === null || _33 === void 0 ? void 0 : _33.icons) === null || _34 === void 0 ? void 0 : _34.clear) === null || _35 === void 0 ? void 0 : _35.hover) === null || _36 === void 0 ? void 0 : _36.fill) || "rgba(255, 0, 92, 1)", ";\n }");
4560
4563
  }
4561
4564
  keyFrames += getStyleSheetMarker() + ".alan-btn__close-chat-btn {\n position: absolute;\n left: 15px;\n top: 3px;\n width: 15px;\n height: ".concat(chatHeaderHeight, "px;\n display: flex;\n align-items: center;\n cursor: pointer;\n pointer-events: all;\n }");
4562
- keyFrames += getStyleSheetMarker() + ".alan-btn__close-chat-btn svg path {\n fill: ".concat(((_39 = (_38 = (_37 = (_36 = (_35 = (_34 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _34 === void 0 ? void 0 : _34.textChat) === null || _35 === void 0 ? void 0 : _35.popup) === null || _36 === void 0 ? void 0 : _36.icons) === null || _37 === void 0 ? void 0 : _37.close) === null || _38 === void 0 ? void 0 : _38["default"]) === null || _39 === void 0 ? void 0 : _39.fill) || "rgba(8, 8, 8, 1)", ";\n }");
4565
+ keyFrames += getStyleSheetMarker() + ".alan-btn__close-chat-btn svg path {\n fill: ".concat(((_42 = (_41 = (_40 = (_39 = (_38 = (_37 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _37 === void 0 ? void 0 : _37.textChat) === null || _38 === void 0 ? void 0 : _38.popup) === null || _39 === void 0 ? void 0 : _39.icons) === null || _40 === void 0 ? void 0 : _40.close) === null || _41 === void 0 ? void 0 : _41["default"]) === null || _42 === void 0 ? void 0 : _42.fill) || "rgba(8, 8, 8, 1)", ";\n }");
4563
4566
  if (!isMobile()) {
4564
- keyFrames += getStyleSheetMarker() + ".alan-btn__close-chat-btn:hover svg path {\n fill: ".concat(((_45 = (_44 = (_43 = (_42 = (_41 = (_40 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _40 === void 0 ? void 0 : _40.textChat) === null || _41 === void 0 ? void 0 : _41.popup) === null || _42 === void 0 ? void 0 : _42.icons) === null || _43 === void 0 ? void 0 : _43.close) === null || _44 === void 0 ? void 0 : _44.hover) === null || _45 === void 0 ? void 0 : _45.fill) || "rgba(151, 152, 156, 1)", ";\n }");
4567
+ keyFrames += getStyleSheetMarker() + ".alan-btn__close-chat-btn:hover svg path {\n fill: ".concat(((_48 = (_47 = (_46 = (_45 = (_44 = (_43 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _43 === void 0 ? void 0 : _43.textChat) === null || _44 === void 0 ? void 0 : _44.popup) === null || _45 === void 0 ? void 0 : _45.icons) === null || _46 === void 0 ? void 0 : _46.close) === null || _47 === void 0 ? void 0 : _47.hover) === null || _48 === void 0 ? void 0 : _48.fill) || "rgba(151, 152, 156, 1)", ";\n }");
4565
4568
  }
4566
4569
  keyFrames += getStyleSheetMarker() + ".alan-btn__chat-messages-wrapper::-webkit-scrollbar {\n width: ".concat(textChatScrollSize, "px;\n height: ").concat(textChatScrollSize, "px;\n }");
4567
4570
  keyFrames += getStyleSheetMarker() + ".alan-btn__chat-messages-wrapper::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background-color: rgba(224, 224, 224, 0.795);\n transition: background-color 300ms ease-in-out;\n }";
4568
4571
  keyFrames += getStyleSheetMarker() + ".alan-btn__chat-messages-wrapper::-webkit-scrollbar-thumb:hover {\n background-color: rgba(230, 230, 230, 0.856);\n transition: background-color 300ms ease-in-out;\n }";
4569
4572
  keyFrames += getStyleSheetMarker() + ".alan-btn__chat-messages-wrapper::-webkit-scrollbar-track {\n border-radius: 3px;\n background: transparent;\n }";
4570
- keyFrames += getStyleSheetMarker() + ".alan-btn__chat-textarea-holder-gradient {\n background: linear-gradient(0deg, ".concat(((_48 = (_47 = (_46 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _46 === void 0 ? void 0 : _46.textChat) === null || _47 === void 0 ? void 0 : _47.popup) === null || _48 === void 0 ? void 0 : _48.backgroundColor) || "rgba(218, 235, 255, 1)", " 30%, rgba(255, 255, 255, 0) 100%);\n height:15px;\n min-height:15px;\n width: calc(100% - 10px);\n position: absolute;\n bottom: ").concat(textareaHolderHeight, "px;\n left:0;\n }");
4571
- keyFrames += getStyleSheetMarker() + ".show-gradient .alan-btn__chat-textarea-gradient {\n position: absolute;\n left: 26px;\n border-radius: 16px;\n bottom: 15px;\n width: 15px;\n opacity: 0;\n transition: opacity 300ms ease-in-out;\n height: ".concat(chatTextareaHeight, "px;\n background: linear-gradient(90deg, ").concat(((_51 = (_50 = (_49 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _49 === void 0 ? void 0 : _49.textChat) === null || _50 === void 0 ? void 0 : _50.textarea) === null || _51 === void 0 ? void 0 : _51.backgroundColor) || "rgb(255, 255, 255)", " 60%, rgba(255, 255, 255, 0) 100%);\n }");
4573
+ keyFrames += getStyleSheetMarker() + ".alan-btn__chat-textarea-holder-gradient {\n background: linear-gradient(0deg, ".concat(((_51 = (_50 = (_49 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _49 === void 0 ? void 0 : _49.textChat) === null || _50 === void 0 ? void 0 : _50.popup) === null || _51 === void 0 ? void 0 : _51.backgroundColor) || "rgba(218, 235, 255, 1)", " 30%, rgba(255, 255, 255, 0) 100%);\n height:15px;\n min-height:15px;\n width: calc(100% - 10px);\n position: absolute;\n bottom: ").concat(textareaHolderHeight, "px;\n left:0;\n }");
4574
+ keyFrames += getStyleSheetMarker() + ".show-gradient .alan-btn__chat-textarea-gradient {\n position: absolute;\n left: 26px;\n border-radius: 16px;\n bottom: 15px;\n width: 15px;\n opacity: 0;\n transition: opacity 300ms ease-in-out;\n height: ".concat(chatTextareaHeight, "px;\n background: linear-gradient(90deg, ").concat(((_54 = (_53 = (_52 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _52 === void 0 ? void 0 : _52.textChat) === null || _53 === void 0 ? void 0 : _53.textarea) === null || _54 === void 0 ? void 0 : _54.backgroundColor) || "rgb(255, 255, 255)", " 60%, rgba(255, 255, 255, 0) 100%);\n }");
4572
4575
  keyFrames += getStyleSheetMarker() + ".show-gradient .alan-btn__chat-textarea-gradient {\n opacity: 1;\n transition: opacity 300ms ease-in-out;\n }";
4573
4576
  keyFrames += getStyleSheetMarker() + ".alan-btn__chat-holder.alan-text-chat__voice-enabled .show-gradient .alan-btn__chat-textarea-gradient {\n left: 50px;\n }";
4574
- keyFrames += getStyleSheetMarker() + ".alan-btn__chat-textarea {\n position: absolute;\n left: 15px;\n bottom: 15px;\n width: calc(100% - 30px);\n border-radius: 20px;\n box-shadow: 0px 1px 3px rgba(16, 39, 126, 0.2);\n background-color: ".concat(((_54 = (_53 = (_52 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _52 === void 0 ? void 0 : _52.textChat) === null || _53 === void 0 ? void 0 : _53.textarea) === null || _54 === void 0 ? void 0 : _54.backgroundColor) || "rgb(255, 255, 255)", " ;\n color: ").concat(((_57 = (_56 = (_55 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _55 === void 0 ? void 0 : _55.textChat) === null || _56 === void 0 ? void 0 : _56.textarea) === null || _57 === void 0 ? void 0 : _57.color) || "rgba(23, 23, 23, 1)", " ;\n overflow: hidden;\n outline: none;\n resize: none;\n border: 1px solid transparent;\n -webkit-appearance: none;\n font-size: ").concat(getTextAreaFontSize(isMobile(), ((_60 = (_59 = (_58 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _58 === void 0 ? void 0 : _58.textChat) === null || _59 === void 0 ? void 0 : _59.textarea) === null || _60 === void 0 ? void 0 : _60.fontSize) || defaultChatTextareaFontSize), "px;\n line-height: ").concat(chatTextareaLineHieght, ";\n text-align: left;\n max-height: ").concat(chatTextareaHeight, "px;\n height: ").concat(chatTextareaHeight, "px;\n padding: ").concat(calculateTextareaTopPadding(), "px 42px 12px 12px;\n -webkit-user-select: text;\n -khtml-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n transition: opacity 300ms ease-in-out;\n }");
4575
- keyFrames += getStyleSheetMarker() + ".alan-btn__chat-textarea::placeholder {\n color: ".concat(((_63 = (_62 = (_61 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _61 === void 0 ? void 0 : _61.textChat) === null || _62 === void 0 ? void 0 : _62.textarea) === null || _63 === void 0 ? void 0 : _63.placeholderColor) || "rgba(116, 116, 116, 1)", " ;\n }");
4577
+ keyFrames += getStyleSheetMarker() + ".alan-btn__chat-textarea {\n position: absolute;\n left: 15px;\n bottom: 15px;\n width: calc(100% - 30px);\n border-radius: 20px;\n box-shadow: 0px 1px 3px rgba(16, 39, 126, 0.2);\n background-color: ".concat(((_57 = (_56 = (_55 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _55 === void 0 ? void 0 : _55.textChat) === null || _56 === void 0 ? void 0 : _56.textarea) === null || _57 === void 0 ? void 0 : _57.backgroundColor) || "rgb(255, 255, 255)", " ;\n color: ").concat(((_60 = (_59 = (_58 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _58 === void 0 ? void 0 : _58.textChat) === null || _59 === void 0 ? void 0 : _59.textarea) === null || _60 === void 0 ? void 0 : _60.color) || "rgba(23, 23, 23, 1)", " ;\n overflow: hidden;\n outline: none;\n resize: none;\n border: 1px solid transparent;\n -webkit-appearance: none;\n font-size: ").concat(getTextAreaFontSize(isMobile(), ((_63 = (_62 = (_61 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _61 === void 0 ? void 0 : _61.textChat) === null || _62 === void 0 ? void 0 : _62.textarea) === null || _63 === void 0 ? void 0 : _63.fontSize) || defaultChatTextareaFontSize), "px;\n line-height: ").concat(chatTextareaLineHieght, ";\n text-align: left;\n max-height: ").concat(chatTextareaHeight, "px;\n height: ").concat(chatTextareaHeight, "px;\n padding: ").concat(calculateTextareaTopPadding(), "px 42px 12px 12px;\n -webkit-user-select: text;\n -khtml-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n transition: opacity 300ms ease-in-out;\n }");
4578
+ keyFrames += getStyleSheetMarker() + ".alan-btn__chat-textarea::placeholder {\n color: ".concat(((_66 = (_65 = (_64 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _64 === void 0 ? void 0 : _64.textChat) === null || _65 === void 0 ? void 0 : _65.textarea) === null || _66 === void 0 ? void 0 : _66.placeholderColor) || "rgba(116, 116, 116, 1)", " ;\n }");
4576
4579
  keyFrames += getStyleSheetMarker() + ".alan-btn__chat-textarea::-webkit-scrollbar {\n width: 6px;\n height: 6px;\n }";
4577
4580
  keyFrames += getStyleSheetMarker() + ".alan-btn__chat-textarea::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background-color: rgba(224, 224, 224, 0.795);\n transition: background-color 300ms ease-in-out;\n }";
4578
4581
  keyFrames += getStyleSheetMarker() + ".alan-btn__chat-textarea::-webkit-scrollbar-thumb:hover {\n background-color: rgba(230, 230, 230, 0.856);\n transition: background-color 300ms ease-in-out;\n }";
@@ -4593,25 +4596,25 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
4593
4596
  keyFrames += getStyleSheetMarker() + ".alan-btn__disabled {\n opacity: 0.2;\n pointer-events: none;\n transition: opacity 300ms ease-in-out;\n }";
4594
4597
  keyFrames += getStyleSheetMarker() + ".alan-btn__chat-send-btn {\n position: absolute;\n transition: opacity 300ms ease-in-out;\n right: 20px;\n bottom: 20px;\n min-width: 40px;\n width: 40px;\n max-width: 40px;\n height: 40px;\n max-height: 40px;\n min-height: 40px;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n -webkit-touch-callout: none; /* iOS Safari */\n -webkit-user-select: none; /* Chrome/Safari/Opera */\n -khtml-user-select: none; /* Konqueror */\n -moz-user-select: none; /* Firefox */\n -ms-user-select: none; /* IE/Edge */\n user-select: none;\n }";
4595
4598
  keyFrames += getStyleSheetMarker() + ".alan-btn__chat-send-btn svg {\n position: relative;\n left: 2px;\n }";
4596
- keyFrames += getStyleSheetMarker() + ".alan-btn__chat-send-btn svg path {\n fill: ".concat(((_66 = (_65 = (_64 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _64 === void 0 ? void 0 : _64.textChat) === null || _65 === void 0 ? void 0 : _65.textarea) === null || _66 === void 0 ? void 0 : _66.placeholderColor) || "rgba(116, 116, 116, 1)", ";\n opacity: 0.5;\n }");
4597
- keyFrames += getStyleSheetMarker() + ".ready-to-send:not(.alan-btn__inactive) .alan-btn__chat-send-btn svg path {\n fill: ".concat(((_72 = (_71 = (_70 = (_69 = (_68 = (_67 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _67 === void 0 ? void 0 : _67.textChat) === null || _68 === void 0 ? void 0 : _68.popup) === null || _69 === void 0 ? void 0 : _69.icons) === null || _70 === void 0 ? void 0 : _70.general) === null || _71 === void 0 ? void 0 : _71["default"]) === null || _72 === void 0 ? void 0 : _72.fill) || "rgba(23, 23, 23, 1)", ";\n opacity: 1;\n }");
4599
+ keyFrames += getStyleSheetMarker() + ".alan-btn__chat-send-btn svg path {\n fill: ".concat(((_69 = (_68 = (_67 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _67 === void 0 ? void 0 : _67.textChat) === null || _68 === void 0 ? void 0 : _68.textarea) === null || _69 === void 0 ? void 0 : _69.placeholderColor) || "rgba(116, 116, 116, 1)", ";\n opacity: 0.5;\n }");
4600
+ keyFrames += getStyleSheetMarker() + ".ready-to-send:not(.alan-btn__inactive) .alan-btn__chat-send-btn svg path {\n fill: ".concat(((_75 = (_74 = (_73 = (_72 = (_71 = (_70 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _70 === void 0 ? void 0 : _70.textChat) === null || _71 === void 0 ? void 0 : _71.popup) === null || _72 === void 0 ? void 0 : _72.icons) === null || _73 === void 0 ? void 0 : _73.general) === null || _74 === void 0 ? void 0 : _74["default"]) === null || _75 === void 0 ? void 0 : _75.fill) || "rgba(23, 23, 23, 1)", ";\n opacity: 1;\n }");
4598
4601
  if (!isMobile()) {
4599
4602
  keyFrames += getStyleSheetMarker() + ".ready-to-send:not(.alan-btn__inactive) .alan-btn__chat-send-btn:hover {\n cursor: pointer;\n }";
4600
- keyFrames += getStyleSheetMarker() + ".ready-to-send:not(.alan-btn__inactive) .alan-btn__chat-send-btn:hover svg path {\n fill: ".concat(((_78 = (_77 = (_76 = (_75 = (_74 = (_73 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _73 === void 0 ? void 0 : _73.textChat) === null || _74 === void 0 ? void 0 : _74.popup) === null || _75 === void 0 ? void 0 : _75.icons) === null || _76 === void 0 ? void 0 : _76.general) === null || _77 === void 0 ? void 0 : _77.hover) === null || _78 === void 0 ? void 0 : _78.fill) || "rgba(0, 120, 255, 1)", ";\n opacity:0.8;\n }");
4603
+ keyFrames += getStyleSheetMarker() + ".ready-to-send:not(.alan-btn__inactive) .alan-btn__chat-send-btn:hover svg path {\n fill: ".concat(((_81 = (_80 = (_79 = (_78 = (_77 = (_76 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _76 === void 0 ? void 0 : _76.textChat) === null || _77 === void 0 ? void 0 : _77.popup) === null || _78 === void 0 ? void 0 : _78.icons) === null || _79 === void 0 ? void 0 : _79.general) === null || _80 === void 0 ? void 0 : _80.hover) === null || _81 === void 0 ? void 0 : _81.fill) || "rgba(0, 120, 255, 1)", ";\n opacity:0.8;\n }");
4601
4604
  }
4602
4605
  keyFrames += getStyleSheetMarker() + ".alan-btn__chat-mic-btn {\n position: absolute;\n left: 20px;\n bottom: 22px;\n min-width: ".concat(chatMicBtnActiveSize, "px;\n width: ").concat(chatMicBtnActiveSize, "px;\n max-width: ").concat(chatMicBtnActiveSize, "px;\n height: ").concat(chatMicBtnActiveSize, "px;\n max-height: ").concat(chatMicBtnActiveSize, "px;\n min-height: ").concat(chatMicBtnActiveSize, "px;\n display: flex;\n flex-direction: row;\n cursor: pointer;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n }");
4603
- keyFrames += getStyleSheetMarker() + ".alan-btn__chat-mic-btn.active::before {\n content: '';\n position: absolute;\n z-index: -1;\n left: 0;\n top: 0;\n height: 100%;\n width: 100%;\n background-color: ".concat(((_84 = (_83 = (_82 = (_81 = (_80 = (_79 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _79 === void 0 ? void 0 : _79.textChat) === null || _80 === void 0 ? void 0 : _80.popup) === null || _81 === void 0 ? void 0 : _81.icons) === null || _82 === void 0 ? void 0 : _82.general) === null || _83 === void 0 ? void 0 : _83["default"]) === null || _84 === void 0 ? void 0 : _84.fill) || "#C8C8CC", ";\n opacity: 0.3;\n border-radius: 50%;\n }");
4604
- keyFrames += getStyleSheetMarker() + ".alan-btn__chat-notifications-bubble {\n position: absolute;\n right: 4px;\n top: -4px;\n height: 20px;\n width: 20px;\n background-color: ".concat(((_87 = (_86 = (_85 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _85 === void 0 ? void 0 : _85.textChat) === null || _86 === void 0 ? void 0 : _86.notifications) === null || _87 === void 0 ? void 0 : _87.backgroundColor) || "rgba(208, 2, 27, 1)", ";\n color: ").concat(((_90 = (_89 = (_88 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _88 === void 0 ? void 0 : _88.textChat) === null || _89 === void 0 ? void 0 : _89.notifications) === null || _90 === void 0 ? void 0 : _90.color) || "rgba(255, 255, 255, 1)", ";\n border-radius: 50%;\n z-index: ").concat(btnZIndex + 1, ";\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n font-size: 10px;\n }");
4606
+ keyFrames += getStyleSheetMarker() + ".alan-btn__chat-mic-btn.active::before {\n content: '';\n position: absolute;\n z-index: -1;\n left: 0;\n top: 0;\n height: 100%;\n width: 100%;\n background-color: ".concat(((_87 = (_86 = (_85 = (_84 = (_83 = (_82 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _82 === void 0 ? void 0 : _82.textChat) === null || _83 === void 0 ? void 0 : _83.popup) === null || _84 === void 0 ? void 0 : _84.icons) === null || _85 === void 0 ? void 0 : _85.general) === null || _86 === void 0 ? void 0 : _86["default"]) === null || _87 === void 0 ? void 0 : _87.fill) || "#C8C8CC", ";\n opacity: 0.3;\n border-radius: 50%;\n }");
4607
+ keyFrames += getStyleSheetMarker() + ".alan-btn__chat-notifications-bubble {\n position: absolute;\n right: 4px;\n top: -4px;\n height: 20px;\n width: 20px;\n background-color: ".concat(((_90 = (_89 = (_88 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _88 === void 0 ? void 0 : _88.textChat) === null || _89 === void 0 ? void 0 : _89.notifications) === null || _90 === void 0 ? void 0 : _90.backgroundColor) || "rgba(208, 2, 27, 1)", ";\n color: ").concat(((_93 = (_92 = (_91 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _91 === void 0 ? void 0 : _91.textChat) === null || _92 === void 0 ? void 0 : _92.notifications) === null || _93 === void 0 ? void 0 : _93.color) || "rgba(255, 255, 255, 1)", ";\n border-radius: 50%;\n z-index: ").concat(btnZIndex + 1, ";\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n font-size: 10px;\n }");
4605
4608
  keyFrames += getStyleSheetMarker() + ".alan-btn__chat-notifications-bubble:empty {\n display: none;\n }";
4606
4609
  if (!isMobile()) {
4607
4610
  keyFrames += getStyleSheetMarker() + ".alan-btn__chat-mic-btn.active:hover::before {\n opacity: 0.35;\n }";
4608
4611
  }
4609
4612
  keyFrames += getStyleSheetMarker() + ".alan-btn__chat-mic-btn svg {\n }";
4610
- keyFrames += getStyleSheetMarker() + ".alan-btn__chat-mic-btn svg path {\n fill: ".concat(((_96 = (_95 = (_94 = (_93 = (_92 = (_91 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _91 === void 0 ? void 0 : _91.textChat) === null || _92 === void 0 ? void 0 : _92.popup) === null || _93 === void 0 ? void 0 : _93.icons) === null || _94 === void 0 ? void 0 : _94.general) === null || _95 === void 0 ? void 0 : _95["default"]) === null || _96 === void 0 ? void 0 : _96.fill) || "rgba(23, 23, 23, 1)", ";\n }");
4613
+ keyFrames += getStyleSheetMarker() + ".alan-btn__chat-mic-btn svg path {\n fill: ".concat(((_99 = (_98 = (_97 = (_96 = (_95 = (_94 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _94 === void 0 ? void 0 : _94.textChat) === null || _95 === void 0 ? void 0 : _95.popup) === null || _96 === void 0 ? void 0 : _96.icons) === null || _97 === void 0 ? void 0 : _97.general) === null || _98 === void 0 ? void 0 : _98["default"]) === null || _99 === void 0 ? void 0 : _99.fill) || "rgba(23, 23, 23, 1)", ";\n }");
4611
4614
  if (!isMobile()) {
4612
- keyFrames += getStyleSheetMarker() + ".alan-btn__chat-mic-btn:hover svg path {\n fill: ".concat(((_102 = (_101 = (_100 = (_99 = (_98 = (_97 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _97 === void 0 ? void 0 : _97.textChat) === null || _98 === void 0 ? void 0 : _98.popup) === null || _99 === void 0 ? void 0 : _99.icons) === null || _100 === void 0 ? void 0 : _100.general) === null || _101 === void 0 ? void 0 : _101.hover) === null || _102 === void 0 ? void 0 : _102.fill) || "#007AFF", ";\n }");
4615
+ keyFrames += getStyleSheetMarker() + ".alan-btn__chat-mic-btn:hover svg path {\n fill: ".concat(((_105 = (_104 = (_103 = (_102 = (_101 = (_100 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _100 === void 0 ? void 0 : _100.textChat) === null || _101 === void 0 ? void 0 : _101.popup) === null || _102 === void 0 ? void 0 : _102.icons) === null || _103 === void 0 ? void 0 : _103.general) === null || _104 === void 0 ? void 0 : _104.hover) === null || _105 === void 0 ? void 0 : _105.fill) || "#007AFF", ";\n }");
4613
4616
  }
4614
- keyFrames += getStyleSheetMarker() + ".alan-text-chat__animated-btn-bars {\n height:".concat(chatMicBtnActiveSize, "px;\n width:").concat(chatMicBtnActiveSize, "px;\n border-radius: 50%;\n justify-content: center;\n align-items: center;\n background: ").concat(((_108 = (_107 = (_106 = (_105 = (_104 = (_103 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _103 === void 0 ? void 0 : _103.textChat) === null || _104 === void 0 ? void 0 : _104.popup) === null || _105 === void 0 ? void 0 : _105.icons) === null || _106 === void 0 ? void 0 : _106.general) === null || _107 === void 0 ? void 0 : _107.hover) === null || _108 === void 0 ? void 0 : _108.fill) || "#007AFF", ";\n display:none;\n }");
4617
+ keyFrames += getStyleSheetMarker() + ".alan-text-chat__animated-btn-bars {\n height:".concat(chatMicBtnActiveSize, "px;\n width:").concat(chatMicBtnActiveSize, "px;\n border-radius: 50%;\n justify-content: center;\n align-items: center;\n background: ").concat(((_111 = (_110 = (_109 = (_108 = (_107 = (_106 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _106 === void 0 ? void 0 : _106.textChat) === null || _107 === void 0 ? void 0 : _107.popup) === null || _108 === void 0 ? void 0 : _108.icons) === null || _109 === void 0 ? void 0 : _109.general) === null || _110 === void 0 ? void 0 : _110.hover) === null || _111 === void 0 ? void 0 : _111.fill) || "#007AFF", ";\n display:none;\n }");
4615
4618
  keyFrames += getStyleSheetMarker() + ".alan-btn__chat-mic-btn.active .alan-text-chat__animated-btn-bars {\n display: flex;\n }";
4616
4619
  keyFrames += getStyleSheetMarker() + ".alan-btn__chat-mic-btn.active svg {\n display: none;\n }";
4617
4620
  keyFrames += getStyleSheetMarker() + ".alan-text-chat__bar {\n background: #ffffff;\n bottom: 1px;\n height: 3px;\n width: 2px;\n margin: 0px 1px;\n border-radius: 5px;\n }";
@@ -4627,10 +4630,10 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
4627
4630
  keyFrames += getStyleSheetMarker() + ".alan-text-chat__bar:nth-child(4) { animation-duration: 458ms; }";
4628
4631
  keyFrames += getStyleSheetMarker() + ".alan-text-chat__bar:nth-child(5) { animation-duration: 400ms; }";
4629
4632
  keyFrames += getStyleSheetMarker() + ".alan-text-chat__bar:nth-child(6) { animation-duration: 427ms; }";
4630
- keyFrames += getStyleSheetMarker() + ".alan-btn__chat-request {\n margin-bottom: 16px;\n max-width: 90%;\n min-height: 41px;\n padding: 9px 20px;\n line-height: 1.53;\n display: block;\n float: right;\n clear: both;\n border-radius: 20px;\n position: relative;\n box-shadow: 0px 1px 3px rgba(16, 39, 126, 0.2);\n background-color: ".concat(((_112 = (_111 = (_110 = (_109 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _109 === void 0 ? void 0 : _109.textChat) === null || _110 === void 0 ? void 0 : _110.bubbles) === null || _111 === void 0 ? void 0 : _111.request) === null || _112 === void 0 ? void 0 : _112.backgroundColor) || "rgba(178, 214, 255, 1)", ";\n color: ").concat(((_116 = (_115 = (_114 = (_113 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _113 === void 0 ? void 0 : _113.textChat) === null || _114 === void 0 ? void 0 : _114.bubbles) === null || _115 === void 0 ? void 0 : _115.request) === null || _116 === void 0 ? void 0 : _116.color) || "rgba(23, 23, 23, 1)", ";\n font-size: ").concat(((_120 = (_119 = (_118 = (_117 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _117 === void 0 ? void 0 : _117.textChat) === null || _118 === void 0 ? void 0 : _118.bubbles) === null || _119 === void 0 ? void 0 : _119.request) === null || _120 === void 0 ? void 0 : _120.fontSize) || "15", "px;\n word-break: break-word;\n text-align: left;\n -webkit-touch-callout: text; /* iOS Safari */\n -webkit-user-select: text; /* Chrome/Safari/Opera */\n -khtml-user-select: text; /* Konqueror */\n -moz-user-select: text; /* Firefox */\n -ms-user-select: text; /* IE/Edge */\n user-select: text;\n }");
4633
+ keyFrames += getStyleSheetMarker() + ".alan-btn__chat-request {\n margin-bottom: 16px;\n max-width: 90%;\n min-height: 41px;\n padding: 9px 20px;\n line-height: 1.53;\n display: block;\n float: right;\n clear: both;\n border-radius: 20px;\n position: relative;\n box-shadow: 0px 1px 3px rgba(16, 39, 126, 0.2);\n background-color: ".concat(((_115 = (_114 = (_113 = (_112 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _112 === void 0 ? void 0 : _112.textChat) === null || _113 === void 0 ? void 0 : _113.bubbles) === null || _114 === void 0 ? void 0 : _114.request) === null || _115 === void 0 ? void 0 : _115.backgroundColor) || "rgba(178, 214, 255, 1)", ";\n color: ").concat(((_119 = (_118 = (_117 = (_116 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _116 === void 0 ? void 0 : _116.textChat) === null || _117 === void 0 ? void 0 : _117.bubbles) === null || _118 === void 0 ? void 0 : _118.request) === null || _119 === void 0 ? void 0 : _119.color) || "rgba(23, 23, 23, 1)", ";\n font-size: ").concat(((_123 = (_122 = (_121 = (_120 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _120 === void 0 ? void 0 : _120.textChat) === null || _121 === void 0 ? void 0 : _121.bubbles) === null || _122 === void 0 ? void 0 : _122.request) === null || _123 === void 0 ? void 0 : _123.fontSize) || "15", "px;\n word-break: break-word;\n text-align: left;\n -webkit-touch-callout: text; /* iOS Safari */\n -webkit-user-select: text; /* Chrome/Safari/Opera */\n -khtml-user-select: text; /* Konqueror */\n -moz-user-select: text; /* Firefox */\n -ms-user-select: text; /* IE/Edge */\n user-select: text;\n }");
4631
4634
  keyFrames += getStyleSheetMarker() + ".alan-btn__chat-request * {\n -webkit-touch-callout: text; /* iOS Safari */\n -webkit-user-select: text; /* Chrome/Safari/Opera */\n -khtml-user-select: text; /* Konqueror */\n -moz-user-select: text; /* Firefox */\n -ms-user-select: text; /* IE/Edge */\n user-select: text;\n }";
4632
- var responseBubbleFontSize = +(((_124 = (_123 = (_122 = (_121 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _121 === void 0 ? void 0 : _121.textChat) === null || _122 === void 0 ? void 0 : _122.bubbles) === null || _123 === void 0 ? void 0 : _123.response) === null || _124 === void 0 ? void 0 : _124.fontSize) || 15);
4633
- keyFrames += getStyleSheetMarker() + ".alan-btn__chat-response {\n margin-bottom: 16px;\n max-width: 90%;\n min-height: 41px;\n padding: 9px 20px;\n line-height: 1.53;\n display: block;\n float: left;\n clear: both;\n border-radius: 20px;\n position: relative;\n background-color: ".concat(((_128 = (_127 = (_126 = (_125 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _125 === void 0 ? void 0 : _125.textChat) === null || _126 === void 0 ? void 0 : _126.bubbles) === null || _127 === void 0 ? void 0 : _127.response) === null || _128 === void 0 ? void 0 : _128.backgroundColor) || "rgba(255, 255, 255, 1)", ";\n box-shadow: 0px 1px 3px rgba(16, 39, 126, 0.2);\n color: ").concat(((_132 = (_131 = (_130 = (_129 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _129 === void 0 ? void 0 : _129.textChat) === null || _130 === void 0 ? void 0 : _130.bubbles) === null || _131 === void 0 ? void 0 : _131.response) === null || _132 === void 0 ? void 0 : _132.color) || "rgba(23, 23, 23, 1)", ";\n font-size: ").concat(responseBubbleFontSize, "px;\n word-break: break-word;\n text-align: left;\n -webkit-touch-callout: text; /* iOS Safari */\n -webkit-user-select: text; /* Chrome/Safari/Opera */\n -khtml-user-select: text; /* Konqueror */\n -moz-user-select: text; /* Firefox */\n -ms-user-select: text; /* IE/Edge */\n user-select: text;\n }");
4635
+ var responseBubbleFontSize = +(((_127 = (_126 = (_125 = (_124 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _124 === void 0 ? void 0 : _124.textChat) === null || _125 === void 0 ? void 0 : _125.bubbles) === null || _126 === void 0 ? void 0 : _126.response) === null || _127 === void 0 ? void 0 : _127.fontSize) || 15);
4636
+ keyFrames += getStyleSheetMarker() + ".alan-btn__chat-response {\n margin-bottom: 16px;\n max-width: 90%;\n min-height: 41px;\n padding: 9px 20px;\n line-height: 1.53;\n display: block;\n float: left;\n clear: both;\n border-radius: 20px;\n position: relative;\n background-color: ".concat(((_131 = (_130 = (_129 = (_128 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _128 === void 0 ? void 0 : _128.textChat) === null || _129 === void 0 ? void 0 : _129.bubbles) === null || _130 === void 0 ? void 0 : _130.response) === null || _131 === void 0 ? void 0 : _131.backgroundColor) || "rgba(255, 255, 255, 1)", ";\n box-shadow: 0px 1px 3px rgba(16, 39, 126, 0.2);\n color: ").concat(((_135 = (_134 = (_133 = (_132 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _132 === void 0 ? void 0 : _132.textChat) === null || _133 === void 0 ? void 0 : _133.bubbles) === null || _134 === void 0 ? void 0 : _134.response) === null || _135 === void 0 ? void 0 : _135.color) || "rgba(23, 23, 23, 1)", ";\n font-size: ").concat(responseBubbleFontSize, "px;\n word-break: break-word;\n text-align: left;\n -webkit-touch-callout: text; /* iOS Safari */\n -webkit-user-select: text; /* Chrome/Safari/Opera */\n -khtml-user-select: text; /* Konqueror */\n -moz-user-select: text; /* Firefox */\n -ms-user-select: text; /* IE/Edge */\n user-select: text;\n }");
4634
4637
  keyFrames += getStyleSheetMarker() + ".alan-btn__chat-response.with-images {\n min-width: 90%;\n }";
4635
4638
  keyFrames += getStyleSheetMarker() + ".alan-chat-small .alan-btn__chat-request {\n max-width: 100%;\n }";
4636
4639
  keyFrames += getStyleSheetMarker() + ".alan-chat-small .alan-btn__chat-response {\n max-width: 100%;\n }";
@@ -4690,7 +4693,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
4690
4693
  keyFrames += getStyleSheetMarker() + ".alan-incoming-msg {\n display: flex;\n align-items: center;\n overflow: hidden;\n animation:chat-bubble-appear-w-opacity 300ms ease-in-out forwards 100ms, hide-buble 300ms forwards ease 30000ms !important;\n }";
4691
4694
  keyFrames += getStyleSheetMarker() + generateKeyFrame("hide-buble", "\n 0% { \n height: 41px; \n max-height:41px; \n min-height: 41px;\n }\n \n 100% {\n height: 0px;\n max-height: 0px;\n min-height: 0px;\n padding: 0px;\n margin-bottom:0;\n }");
4692
4695
  keyFrames += getStyleSheetMarker() + ".alan-btn__chat-incomming-msg-wrapper {\n display: flex;\n align-items: center;\n }";
4693
- keyFrames += getStyleSheetMarker() + ".alan-btn__chat-incomming-msg {\n border-radius: 50%;\n background-color: ".concat(((_136 = (_135 = (_134 = (_133 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _133 === void 0 ? void 0 : _133.textChat) === null || _134 === void 0 ? void 0 : _134.bubbles) === null || _135 === void 0 ? void 0 : _135.response) === null || _136 === void 0 ? void 0 : _136.color) || "rgba(8, 8, 8, 1)", ";\n margin: 2px;\n height: 6px;\n width: 6px;\n animation: alan-dot-bounce 1.5s infinite ease;\n }");
4696
+ keyFrames += getStyleSheetMarker() + ".alan-btn__chat-incomming-msg {\n border-radius: 50%;\n background-color: ".concat(((_139 = (_138 = (_137 = (_136 = webOptions === null || webOptions === void 0 ? void 0 : webOptions.chatOptions) === null || _136 === void 0 ? void 0 : _136.textChat) === null || _137 === void 0 ? void 0 : _137.bubbles) === null || _138 === void 0 ? void 0 : _138.response) === null || _139 === void 0 ? void 0 : _139.color) || "rgba(8, 8, 8, 1)", ";\n margin: 2px;\n height: 6px;\n width: 6px;\n animation: alan-dot-bounce 1.5s infinite ease;\n }");
4694
4697
  keyFrames += getStyleSheetMarker() + ".msg-2 {\n animation-delay: .2s;\n }";
4695
4698
  keyFrames += getStyleSheetMarker() + ".msg-3 {\n animation-delay: .3s;\n }";
4696
4699
  keyFrames += getStyleSheetMarker() + generateKeyFrame("alan-dot-bounce", "\n 0%, 100% { opacity:1;}\n \n 60% {\n transform: translateY(3px);\n opacity:.0;\n }");
@@ -5620,7 +5623,11 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
5620
5623
  playSoundNext();
5621
5624
  isAlanActive = true;
5622
5625
  if (window.tutorProject) {
5626
+ window.tutorProject.off("recognized", onRecognizedCbInMicBtn);
5627
+ window.tutorProject.off("parsed", onParsedCbInMicBtn);
5628
+ window.tutorProject.off("options", onOptionsReceived);
5623
5629
  window.tutorProject.on("recognized", onRecognizedCbInMicBtn);
5630
+ window.tutorProject.on("parsed", onParsedCbInMicBtn);
5624
5631
  window.tutorProject.on("options", onOptionsReceived);
5625
5632
  }
5626
5633
  }
@@ -7003,7 +7010,6 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
7003
7010
  }
7004
7011
  window.switchState = switchState;
7005
7012
  function switchState(newState) {
7006
- console.info("newState", newState);
7007
7013
  if (options2.onButtonState) {
7008
7014
  options2.onButtonState(btnStateMapping[newState]);
7009
7015
  }