@alan-ai/alan-sdk-web 1.8.49 → 1.8.50
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 +37 -34
- package/dist/alan_lib.min.js +1 -1
- package/package.json +1 -1
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.
|
|
3372
|
+
var alanButtonVersion = "alan-version.1.8.50";
|
|
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 +=
|
|
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((
|
|
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(((
|
|
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(((
|
|
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 = ((
|
|
4525
|
-
var chatBgColor2 = ((
|
|
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 = ((
|
|
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(((
|
|
4535
|
-
var headerFontSize = ((
|
|
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(((
|
|
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(((
|
|
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(((
|
|
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(((
|
|
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(((
|
|
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(((
|
|
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(((
|
|
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(((
|
|
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(((
|
|
4575
|
-
keyFrames += getStyleSheetMarker() + ".alan-btn__chat-textarea::placeholder {\n color: ".concat(((
|
|
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(((
|
|
4597
|
-
keyFrames += getStyleSheetMarker() + ".ready-to-send:not(.alan-btn__inactive) .alan-btn__chat-send-btn svg path {\n fill: ".concat(((
|
|
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(((
|
|
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(((
|
|
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(((
|
|
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(((
|
|
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(((
|
|
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(((
|
|
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(((
|
|
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 = +(((
|
|
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(((
|
|
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(((
|
|
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 }");
|