ai12z 3.17.1-alpha.5 → 3.17.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/ai12z-beacon.cjs.entry.js +1 -1
- package/dist/cjs/ai12z-bot.cjs.entry.js +14 -8
- package/dist/cjs/ai12z-category_2.cjs.entry.js +2 -2
- package/dist/cjs/ai12z-chat-message.cjs.entry.js +1 -1
- package/dist/cjs/ai12z-chat_2.cjs.entry.js +15 -14
- package/dist/cjs/ai12z-container.cjs.entry.js +1 -1
- package/dist/cjs/ai12z-cta.cjs.entry.js +2 -2
- package/dist/cjs/ai12z-knowledge-box.cjs.entry.js +2 -2
- package/dist/cjs/beacon-BfQLEgoi.js +703 -0
- package/dist/cjs/{botHelpers-D5Dj7TRA.js → botHelpers-CKQb1s6M.js} +83 -62
- package/dist/cjs/chat-avatar_6.cjs.entry.js +1 -1
- package/dist/cjs/image-uploader_2.cjs.entry.js +1 -1
- package/dist/cjs/index.cjs.js +4 -4
- package/dist/cjs/library.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{logger-2ZBZCKdM.js → logger-D--BUQGx.js} +2 -0
- package/dist/cjs/{parseHelper-BuoIRCbd.js → parseHelper-BvuQUuJ4.js} +1 -1
- package/dist/cjs/search-results-page.cjs.entry.js +1 -1
- package/dist/collection/components/ai12z-bot/ai12z-bot.js +9 -3
- package/dist/collection/components/ai12z-bot/ai12z-chatbot.css +1 -1
- package/dist/collection/components/ai12z-cta/ai12z-cta.js +1 -1
- package/dist/collection/components/input/Input.js +30 -9
- package/dist/collection/components/input/input.css +7 -0
- package/dist/collection/utils/beacon.js +23 -7
- package/dist/collection/utils/botHelpers/botHelpers.js +83 -62
- package/dist/collection/utils/logger.js +2 -0
- package/dist/collection/utils/referralDomain/engine-map.js +40 -12
- package/dist/collection/utils/referralDomain/supported-domains.js +256 -0
- package/dist/components/ai12z-beacon.js +1 -1
- package/dist/components/ai12z-bot.js +1 -1
- package/dist/components/ai12z-chat-message.js +1 -1
- package/dist/components/ai12z-chat.js +1 -1
- package/dist/components/ai12z-container.js +1 -1
- package/dist/components/ai12z-cta.js +1 -1
- package/dist/components/ai12z-inline-search.js +1 -1
- package/dist/components/ai12z-input-form.js +1 -1
- package/dist/components/ai12z-knowledge-box.js +1 -1
- package/dist/components/ai12z-search-panel.js +1 -1
- package/dist/components/audio-recorder.js +1 -1
- package/dist/components/image-uploader.js +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/live-agent-chat.js +1 -1
- package/dist/components/{p-BUE9zSja.js → p-B7Ac5jb8.js} +1 -1
- package/dist/components/p-BLKO6yGt.js +1 -0
- package/dist/components/p-BLStO0nm.js +1 -0
- package/dist/components/{p-C-Bd680U.js → p-BRczakta.js} +1 -1
- package/dist/components/{p-VL7c6YwM.js → p-BVEbp8i6.js} +1 -1
- package/dist/components/{p-DBojmc3T.js → p-BZbWeuCl.js} +1 -1
- package/dist/components/{p-DbAlycft.js → p-BqU2KPcS.js} +1 -1
- package/dist/components/p-BqsAwiBV.js +1 -0
- package/dist/components/{p-BBIvme7X.js → p-C4oEgA5E.js} +1 -1
- package/dist/components/p-CC6xbinS.js +1 -0
- package/dist/components/{p-B59kgUMg.js → p-CFedR60q.js} +1 -1
- package/dist/components/{p-CW_iO9zy.js → p-CTvP5Cqt.js} +1 -1
- package/dist/components/p-D1NOmiJo.js +1 -0
- package/dist/components/p-DC_B95kh.js +1 -0
- package/dist/components/{p-Dk1bmZoM.js → p-Diu_HIKp.js} +1 -1
- package/dist/components/p-Rn8Rp9Oa.js +1 -0
- package/dist/components/{p-DkBtust7.js → p-dG64_Rr_.js} +1 -1
- package/dist/components/{p-CvNmkqrD.js → p-jdVWMDxz.js} +1 -1
- package/dist/components/search-results-page.js +1 -1
- package/dist/esm/ai12z-beacon.entry.js +2 -2
- package/dist/esm/ai12z-bot.entry.js +21 -15
- package/dist/esm/ai12z-category_2.entry.js +4 -4
- package/dist/esm/ai12z-chat-message.entry.js +3 -3
- package/dist/esm/ai12z-chat_2.entry.js +22 -21
- package/dist/esm/ai12z-container.entry.js +4 -4
- package/dist/esm/ai12z-cta.entry.js +6 -6
- package/dist/esm/ai12z-form.entry.js +2 -2
- package/dist/esm/ai12z-inline-search.entry.js +2 -2
- package/dist/esm/ai12z-knowledge-box.entry.js +7 -7
- package/dist/esm/ai12z-search-panel.entry.js +1 -1
- package/dist/esm/beacon-C0Ad7xGT.js +699 -0
- package/dist/esm/{botHelpers-B_moTKAE.js → botHelpers-DsLiOXw0.js} +83 -62
- package/dist/esm/chat-avatar_6.entry.js +2 -2
- package/dist/esm/{ctaHelpers-DXADghL4.js → ctaHelpers-BR4Wkzb6.js} +1 -1
- package/dist/esm/dynamic-form.entry.js +1 -1
- package/dist/esm/image-uploader_2.entry.js +1 -1
- package/dist/esm/{index-BT7pFFs0.js → index-iGNmMrHg.js} +1 -1
- package/dist/esm/index.js +13 -13
- package/dist/esm/item-list.entry.js +2 -2
- package/dist/esm/{keyboard-shortcuts-BxQuwWxq.js → keyboard-shortcuts-Cak0eDzv.js} +2 -2
- package/dist/esm/library.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{logger-DuhlzN1_.js → logger-BY4NYfnh.js} +2 -0
- package/dist/esm/{parseHelper-Pewe2mj4.js → parseHelper-C_LKn-sc.js} +2 -2
- package/dist/esm/{processCarouselData-zIoeLzcS.js → processCarouselData-B7i3efGJ.js} +1 -1
- package/dist/esm/{reCaptchaHelpers-CZsE7Wke.js → reCaptchaHelpers-DEmc4GB4.js} +1 -1
- package/dist/esm/search-results-page.entry.js +5 -5
- package/dist/esm/{socket-service-CU7dizpi.js → socket-service-F6OgCDGw.js} +1 -1
- package/dist/esm/{styleSheetRegistry-I1Vxo3Ch.js → styleSheetRegistry-Cc4gpdwH.js} +1 -1
- package/dist/esm/{surveyHelpers-BJ0Mqp6H.js → surveyHelpers-r2cdPqIu.js} +1 -1
- package/dist/esm/{utils-BjA-MTWR.js → utils-H9mScQCk.js} +1 -1
- package/dist/library/index.esm.js +1 -1
- package/dist/library/library.esm.js +1 -1
- package/dist/library/{p-da8bbdb0.entry.js → p-011b77dd.entry.js} +1 -1
- package/dist/library/{p-d13f551a.entry.js → p-26ae3f92.entry.js} +1 -1
- package/dist/library/{p-7872eeb2.entry.js → p-27e7129a.entry.js} +1 -1
- package/dist/library/{p-bf698ebc.entry.js → p-399cbd12.entry.js} +1 -1
- package/dist/library/{p-02b7a8d1.entry.js → p-3fc2b8d9.entry.js} +1 -1
- package/dist/library/p-5d06fa91.entry.js +1 -0
- package/dist/library/{p-c158c296.entry.js → p-5deb19ac.entry.js} +1 -1
- package/dist/library/{p-3d0769bb.entry.js → p-61d61d51.entry.js} +1 -1
- package/dist/library/{p-d062e738.entry.js → p-8421d322.entry.js} +1 -1
- package/dist/library/{p-3b80307a.entry.js → p-901079eb.entry.js} +1 -1
- package/dist/library/{p-CgteVyCF.js → p-9AKYJrv1.js} +1 -1
- package/dist/library/{p-BTfquEH3.js → p-9aFvbubk.js} +1 -1
- package/dist/library/{p-C1O4kW1R.js → p-B2BmbdIq.js} +1 -1
- package/dist/library/{p-DjrNDe6X.js → p-B6xjvrgl.js} +1 -1
- package/dist/library/{p-BhrdgzZM.js → p-BD0OHkts.js} +3 -3
- package/dist/library/{p-5hXeza77.js → p-C2x1hKSJ.js} +1 -1
- package/dist/library/p-C7iZqaK3.js +1 -0
- package/dist/library/{p-D5WqWTB7.js → p-CKY1nbED.js} +1 -1
- package/dist/library/{p-Cijmuyua.js → p-DNiRApIn.js} +1 -1
- package/dist/library/{p-BLN1m5Sl.js → p-DQtdNy5d.js} +1 -1
- package/dist/library/p-Dbu5RJ7G.js +1 -0
- package/dist/library/p-DsLiOXw0.js +1 -0
- package/dist/library/{p-bf1ec6d0.entry.js → p-acaf89a9.entry.js} +1 -1
- package/dist/library/{p-4c037ee6.entry.js → p-c580c2ec.entry.js} +1 -1
- package/dist/library/p-c76d1511.entry.js +1 -0
- package/dist/library/{p-d0439c2b.entry.js → p-cc717ebf.entry.js} +1 -1
- package/dist/library/{p-0ef903b3.entry.js → p-cee8f0d9.entry.js} +1 -1
- package/dist/library/p-f0da6325.entry.js +1 -0
- package/dist/library/{p-DjTCa7s4.js → p-uabJ4_3U.js} +1 -1
- package/dist/types/components/input/Input.d.ts +1 -0
- package/dist/types/components.d.ts +8 -0
- package/dist/types/utils/referralDomain/supported-domains.d.ts +6 -0
- package/package.json +8 -6
- package/dist/cjs/beacon-Df_SmIE0.js +0 -1431
- package/dist/components/p-1xDC9Sfq.js +0 -1
- package/dist/components/p-AjOatfPC.js +0 -1
- package/dist/components/p-BYswDPim.js +0 -1
- package/dist/components/p-C7Fh_H3H.js +0 -1
- package/dist/components/p-CmXVb_3J.js +0 -1
- package/dist/components/p-DmqUTHP1.js +0 -1
- package/dist/components/p-Dr78qA88.js +0 -1
- package/dist/esm/beacon-DLOLK9Zq.js +0 -1427
- package/dist/library/p-22c17745.entry.js +0 -1
- package/dist/library/p-33bfc17f.entry.js +0 -1
- package/dist/library/p-B_moTKAE.js +0 -1
- package/dist/library/p-BxgpzgHw.js +0 -1
- package/dist/library/p-DkUGSDgP.js +0 -1
- package/dist/library/p-b4c2bbb8.entry.js +0 -1
|
@@ -3,19 +3,19 @@
|
|
|
3
3
|
var index = require('./index-v8T1EJAJ.js');
|
|
4
4
|
var responseAdapter = require('./response-adapter-BSZc0N1k.js');
|
|
5
5
|
var processCarouselData = require('./processCarouselData-BXglENd8.js');
|
|
6
|
-
var logger$2 = require('./logger-
|
|
6
|
+
var logger$2 = require('./logger-D--BUQGx.js');
|
|
7
7
|
var utils = require('./utils-DZMolZh2.js');
|
|
8
8
|
var index$1 = require('./index-B6xfVjPU.js');
|
|
9
9
|
var globalStore = require('./global-store-R6x06KvJ.js');
|
|
10
10
|
var reCaptchaHelpers = require('./reCaptchaHelpers-DIDQT22p.js');
|
|
11
|
-
var botHelpers = require('./botHelpers-
|
|
11
|
+
var botHelpers = require('./botHelpers-CKQb1s6M.js');
|
|
12
12
|
var surveyHelpers = require('./surveyHelpers-B9t5lxy4.js');
|
|
13
13
|
var scriptStyleLoader = require('./scriptStyleLoader-D-bqKqSb.js');
|
|
14
14
|
var keyboardShortcuts = require('./keyboard-shortcuts-CBUd9KfQ.js');
|
|
15
15
|
var ctaHelpers = require('./ctaHelpers-CdztrD6A.js');
|
|
16
16
|
var appStore = require('./app-store-BtkiHvcw.js');
|
|
17
|
-
var parseHelper = require('./parseHelper-
|
|
18
|
-
var beacon = require('./beacon-
|
|
17
|
+
var parseHelper = require('./parseHelper-BvuQUuJ4.js');
|
|
18
|
+
var beacon = require('./beacon-BfQLEgoi.js');
|
|
19
19
|
var bodyScrollLock = require('./bodyScrollLock-C7gKTAfx.js');
|
|
20
20
|
require('./_commonjsHelpers-MBWFX2dn.js');
|
|
21
21
|
|
|
@@ -1052,7 +1052,7 @@ function deleteJsonCookie(name, options = {}) {
|
|
|
1052
1052
|
|
|
1053
1053
|
const ai12zBotCss = () => `:host{font-family:var(--ai12zBot-v2-font-family) !important;font-size:var(--ai12zBot-v2-font-size) !important;color:var(--ai12zBot-v2-font-color, black);text-align:var(--ai12zBot-v2-text-align, left)}.chat-body{height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:10px;overflow-x:hidden}.chat-body::-webkit-scrollbar{width:5px;height:5px;}.chat-body::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px;}.message{padding:10px;border-radius:15px;font-size:14px;line-height:1.4;word-wrap:break-word}span.prose{font-size:14px;}.image-Container{position:relative;display:inline-block;margin-right:10px}.delete-image{opacity:3;position:absolute;right:3px;top:0;cursor:pointer;line-height:10px}.ai12zBtn{background-color:var(--ai12zBot-v2-button-background) !important;color:var(--ai12zBot-v2-button-font-color);padding:5px 10px;border:none;border-radius:5px;cursor:pointer;text-decoration:none;margin:5px}.ai12z-btn{background-color:var(--ai12zBot-v2-button-background) !important;color:var(--ai12zBot-v2-button-font-color);padding:5px 10px;border:none;border-radius:5px;cursor:pointer;text-decoration:none;margin:5px}.custom-privacy{color:var(--ai12z-bot-privacy-color);padding-bottom:10px;padding-left:5px;margin-top:auto;}@media (max-width: 768px){.hide-chatbot{display:none !important}}`;
|
|
1054
1054
|
|
|
1055
|
-
const ai12zChatbotCss = () => `:host{--wes-c-icon-color:#fff;--fab-bottom:26px;--xsf-ai12z-zindex-isexpanded-10:20020;--ai-toolbar-icon-color:#2095ae;--xsf-ai12z-zindex-0:19979;--xsf-ai12z-zindex-10:19989;--xsf-ai12z-fab-bottom:26px}.modal-overlay{position:absolute;height:100%;width:100%;z-index:var(--xsf-ai12z-zindex-0);background-color:#2e2e2e99}.layout{pointer-events:none;position:fixed;inset:0;height:100dvh;width:99dvw;justify-content:flex-end;grid-template-rows:auto 1fr auto;grid-template-areas:"left toolbar right" "left main right" "left footer right";padding-top:96px;transition-property:grid-template-columns, padding-top;z-index:19979}.layout.is-open .modal{pointer-events:auto}.layout.is-expanded ai12z-bot{pointer-events:auto}.layout.is-open.is-expanded .modal{border-top-left-radius:12px;border-top-right-radius:12px;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);z-index:var(--xsf-ai12z-zindex-isexpanded-10)}.layout.is-open .user-input-fieldset{background-image:none;padding:0px;background:none}.layout.is-expanded .user-input-fieldset{border-top-left-radius:12px;border-top-right-radius:12px}.layout.is-open .grow-wrap>.textarea,.layout.is-open .grow-wrap>button,.layout.is-open .grow-wrap:after{border-color:var(--ai12zBot-v2-searchbar-open-border-color);}.layout.is-expanded .grow-wrap:after{display:none}.layout.is-open.is-expanded .user-input{z-index:var(--xsf-ai12z-zindex-isexpanded-10)}.layout.is-open .user-input{z-index:var(--xsf-ai12z-zindex-10)}.text-body2{font-size:16px;line-height:1.5;letter-spacing:-0.12px;font-weight:400}.modal-toolbar-icon{color:var(--ai12zBot-v2-toolbar-icon-color, inherit);width:16px;height:16px}.search-flex{flex:1 1 0%}.show-grid{display:grid}.hide-title{padding:0px;opacity:0;height:0px}.user-msg{background-color:var(--ai12zBot-v2-user-bubble-background);color:var(--ai12zBot-v2-user-bubble-font-color)}.text-body4{font-size:var(--ai12zBot-v2-timestamp-font-size);line-height:1.5;letter-spacing:0.03px;font-weight:400;color:var(--ai12zBot-v2-timestamp-font-color)}.isContent{background:var(--ai12zBot-v2-content-background);padding:10px}.default-botAvatar{color:var(--ai12zBot-v2-default-avatar-color)}.searchform{opacity:1;transform:none}.user-input{margin-left:auto;margin-right:auto;width:100%;max-width:840px;min-width:340px;grid-area:footer}.main{margin-left:auto;margin-right:auto;width:100%;max-width:840px;min-width:340px;margin-top:7px}.heading{color:var(--ai12zBot-v2-title-color)}.dropdown-item-button{display:flex;width:100%;cursor:pointer;align-items:center;-moz-column-gap:8px;column-gap:8px;border-radius:4px;--tw-border-opacity:1;--tw-bg-opacity:1;background-color:var(--ai12zBot-v2-dropdown-bgcolor);padding:8px 24px;font-weight:500;--tw-text-opacity:1;color:var(--ai12zBot-v2-dropdown-font-color);transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:75ms}.helptext{padding:0px;opacity:0;height:0px}.minimize-input{transform:translateY(calc(-100% - 4px))}.ai-text-caption{font-size:12px;line-height:1.5;letter-spacing:0.2px;font-weight:400}.fab>button{background:var(--ai12zBot-v2-fab-button-background);}.user-input-fieldset{background:var(--ai12zBot-v2-searchbar-background)}.return-text-color{color:rgb(255, 255, 255)}.ai-minimize-icon svg{fill:currentColor;height:1em;width:1em}.hide-form{opacity:0;transform:none}.show-form{opacity:1;transform:none}.ai-minimize-icon{color:var(--wes-c-icon-color, inherit)}.fab{bottom:var(--fab-bottom, 30px)}.text-body1{font-size:var(--ai12zBot-v2-title-font-size);line-height:1.5;letter-spacing:-0.12px;font-weight:400}#message-submit{margin-right:6px;margin-bottom:7px;background-color:var(--ai12zBot-v2-searchbar-submit-bgcolor)}.ai-icon{color:var(--ai12zBot-v2-searchbar-submit-color);font-size:24px;width:24px;height:24px}.plus-icon{color:var(--ai12zBot-v2-searchbar-plus-icon-color);font-size:24px;width:24px;height:24px}.grow-wrap>.textarea,.grow-wrap:after{min-height:48px;align-content:center;border-radius:24px;border-width:1px;border-style:solid;border:1px solid var(--ai12zBot-v2-searchbar-border-color);--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:8px 48px;text-indent:2px;font-size:16px;line-height:1.5;letter-spacing:-0.12px;font-weight:400;--tw-text-opacity:1;color:rgb(46 46 46 / var(--tw-text-opacity, 1));--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);--tw-ring-inset:inset;--tw-ring-offset-width:0px;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:0.15s}.grow-wrap>.textarea,.grow-wrap:after{grid-area:1 / 1 / 2 / 2}.modal{position:relative;grid-column:span 1 / span 1;grid-column-start:2;grid-row:span 3 / span 3;grid-row-start:1;display:grid;border-top-left-radius:0;border-top-right-radius:0;background-position:center;box-shadow:0 16px 32px -4px #18181829, 0 12px 24px -4px #18181814;background-image:var(--ai12zBot-v2-modal-backgroundImage);background-repeat:no-repeat;background-size:100vw 100vh;grid-template-columns:subgrid;grid-template-rows:subgrid;z-index:var(--xsf-ai12z-zindex-10);transition:0.3sease-out;transition-property:grid-template-columns}.dropdown-menu{pointer-events:none;opacity:0;z-index:10;background-color:var(--ai12zBot-v2-dropdown-bgcolor);transform:translateY(-10px);transition:opacity 0.3s ease, transform 0.3s ease}.dropdown-menu.show{pointer-events:auto;opacity:1;pointer-events:auto;transform:translateY(0);background-color:var(--ai12zBot-v2-dropdown-bgcolor)}.copy-btn{color:var(--ai12zBot-v2-copy-btn-color)}.thumbs-up{fill:var(--ai12zBot-v2-feedback-selected);width:24px}.thumbs-down{fill:var( --ai12zBot-v2-feedback-selected);width:24px}.chat-thumbs-up{color:var(--ai12zBot-v2-feedback-color)}.thumbs-container{justify-content:flex-start;align-items:center}.back-btn svg{fill:var(--ai12zBot-v2-back-button-color)}.dropdown-item{background-color:var(--ai12zBot-v2-dropdown-bgcolor)}button:focus-visible{outline:2px solid var(--ai12zBot-v2-focus-visible-color, #0A2A43);outline-offset:2px}button.bot-btn-primary:focus-visible{outline:2px solid var(--ai12zBot-v2-focus-visible-color-primary, var(--ai12zBot-v2-focus-visible-color, #0A2A43));outline-offset:2px}button.bot-btn-secondary:focus-visible{outline:2px solid var(--ai12zBot-v2-focus-visible-color-secondary, var(--ai12zBot-v2-focus-visible-color, #0A2A43))}.bot-name{color:var(--ai12zBot-v2-fab-name-color, var(--ai12zBot-v2-bot-name-color));font-weight:var(--ai12zBot-v2-fab-font-weight, var(--ai12zBot-v2-bot-name-font-weight))}.ai12z-link{color:var(--ai12zBot-v2-link-color);text-decoration:underline}.ai12z-link:hover{color:var(--ai12zBot-v2-link-hover-color);text-decoration:underline}.toolbar{height:52px;border:#fff;grid-area:toolbar}.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:10px;top:10px;width:auto;height:auto;z-index:1000}.enter-tip{font-size:12px;color:#666;margin-left:10px}.skip-links.hidden{position:absolute;left:-9999px;}.skip-links.visible{left:auto;position:static;}.error-message-container{margin-top:4px}.error-msg{color:#dc2626;font-size:12px;display:block;animation:slideIn 0.2s ease-out}.ai12z-form-honeypot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}@keyframes slideIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 1024px){.modal{background-size:80vw 100vh}}@media (min-width: 1024px){.layout.is-expanded{grid-template-columns:1fr minmax(340px, 80dvw) 1fr !important}}@media (min-width: 768px){.layout.is-expanded{-moz-column-gap:48px;column-gap:48px}}@media (max-width: 767px){.layout.is-open{padding-top:0px !important;grid-template-columns:0fr minmax(340px, 1fr) 0fr !important}}@media (max-width: 767px){.fab{right:30px;bottom:var(--xsf-ai12z-fab-bottom, 26px)}}`;
|
|
1055
|
+
const ai12zChatbotCss = () => `:host{--wes-c-icon-color:#fff;--fab-bottom:26px;--xsf-ai12z-zindex-isexpanded-10:20020;--ai-toolbar-icon-color:#2095ae;--xsf-ai12z-zindex-0:19979;--xsf-ai12z-zindex-10:19989;--xsf-ai12z-fab-bottom:26px}.modal-overlay{position:absolute;height:100%;width:100%;z-index:var(--xsf-ai12z-zindex-0);background-color:#2e2e2e99}.layout{pointer-events:none;position:fixed;inset:0;height:100dvh;width:99dvw;justify-content:flex-end;grid-template-rows:auto 1fr auto;grid-template-areas:"left toolbar right" "left main right" "left footer right";padding-top:96px;transition-property:grid-template-columns, padding-top;z-index:19979}.layout.is-open .modal{pointer-events:auto}.layout.is-expanded ai12z-bot{pointer-events:auto}.layout.is-open.is-expanded .modal{border-top-left-radius:12px;border-top-right-radius:12px;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);z-index:var(--xsf-ai12z-zindex-isexpanded-10)}.layout.is-open .user-input-fieldset{background-image:none;padding:0px;background:none}.layout.is-expanded .user-input-fieldset{border-top-left-radius:12px;border-top-right-radius:12px}.layout.is-open .grow-wrap>.textarea,.layout.is-open .grow-wrap>button,.layout.is-open .grow-wrap:after{border-color:var(--ai12zBot-v2-searchbar-open-border-color);}.layout.is-expanded .grow-wrap:after{display:none}.layout.is-open.is-expanded .user-input{z-index:var(--xsf-ai12z-zindex-isexpanded-10)}.layout.is-open .user-input{z-index:var(--xsf-ai12z-zindex-10)}.text-body2{font-size:16px;line-height:1.5;letter-spacing:-0.12px;font-weight:400}.modal-toolbar-icon{color:var(--ai12zBot-v2-toolbar-icon-color, inherit);width:16px;height:16px}.search-flex{flex:1 1 0%}.show-grid{display:grid}.hide-title{padding:0px;opacity:0;height:0px}.user-msg{background-color:var(--ai12zBot-v2-user-bubble-background);color:var(--ai12zBot-v2-user-bubble-font-color)}.text-body4{font-size:var(--ai12zBot-v2-timestamp-font-size);line-height:1.5;letter-spacing:0.03px;font-weight:400;color:var(--ai12zBot-v2-timestamp-font-color)}.isContent{background:var(--ai12zBot-v2-content-background);padding:10px}.default-botAvatar{color:var(--ai12zBot-v2-default-avatar-color)}.searchform{opacity:1;transform:none}.user-input{margin-left:auto;margin-right:auto;width:100%;max-width:840px;min-width:340px;grid-area:footer}.main{margin-left:auto;margin-right:auto;width:100%;max-width:840px;min-width:340px;margin-top:7px}.heading{color:var(--ai12zBot-v2-title-color)}.dropdown-item-button{display:flex;width:100%;cursor:pointer;align-items:center;-moz-column-gap:8px;column-gap:8px;border-radius:4px;--tw-border-opacity:1;--tw-bg-opacity:1;background-color:var(--ai12zBot-v2-dropdown-bgcolor);padding:8px 24px;font-weight:500;--tw-text-opacity:1;color:var(--ai12zBot-v2-dropdown-font-color);transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:75ms}.helptext{padding:0px;opacity:0;height:0px}.minimize-input{transform:translateY(calc(-100% - 4px))}.ai-text-caption{font-size:12px;line-height:1.5;letter-spacing:0.2px;font-weight:400}.fab>button{background:var(--ai12zBot-v2-fab-button-background);}.user-input-fieldset{background:var(--ai12zBot-v2-searchbar-background)}.return-text-color{color:rgb(255, 255, 255)}.ai-minimize-icon svg{fill:currentColor;height:1em;width:1em}.hide-form{opacity:0;transform:none}.show-form{opacity:1;transform:none}.ai-minimize-icon{color:var(--wes-c-icon-color, inherit)}.fab{bottom:var(--fab-bottom, 30px)}.text-body1{font-size:var(--ai12zBot-v2-title-font-size);line-height:1.5;letter-spacing:-0.12px;font-weight:400}#message-submit{margin-right:6px;margin-bottom:7px;background-color:var(--ai12zBot-v2-searchbar-submit-bgcolor)}.ai-icon{color:var(--ai12zBot-v2-searchbar-submit-color);font-size:24px;width:24px;height:24px}.bot-plus-icon{color:var(--ai12zBot-v2-searchbar-plus-icon-color);font-size:24px;width:24px;height:24px}.grow-wrap>.textarea,.grow-wrap:after{min-height:48px;align-content:center;border-radius:24px;border-width:1px;border-style:solid;border:1px solid var(--ai12zBot-v2-searchbar-border-color);--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:8px 48px;text-indent:2px;font-size:16px;line-height:1.5;letter-spacing:-0.12px;font-weight:400;--tw-text-opacity:1;color:rgb(46 46 46 / var(--tw-text-opacity, 1));--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);--tw-ring-inset:inset;--tw-ring-offset-width:0px;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:0.15s}.grow-wrap>.textarea,.grow-wrap:after{grid-area:1 / 1 / 2 / 2}.modal{position:relative;grid-column:span 1 / span 1;grid-column-start:2;grid-row:span 3 / span 3;grid-row-start:1;display:grid;border-top-left-radius:0;border-top-right-radius:0;background-position:center;box-shadow:0 16px 32px -4px #18181829, 0 12px 24px -4px #18181814;background-image:var(--ai12zBot-v2-modal-backgroundImage);background-repeat:no-repeat;background-size:100vw 100vh;grid-template-columns:subgrid;grid-template-rows:subgrid;z-index:var(--xsf-ai12z-zindex-10);transition:0.3sease-out;transition-property:grid-template-columns}.dropdown-menu{pointer-events:none;opacity:0;z-index:10;background-color:var(--ai12zBot-v2-dropdown-bgcolor);transform:translateY(-10px);transition:opacity 0.3s ease, transform 0.3s ease}.dropdown-menu.show{pointer-events:auto;opacity:1;pointer-events:auto;transform:translateY(0);background-color:var(--ai12zBot-v2-dropdown-bgcolor)}.copy-btn{color:var(--ai12zBot-v2-copy-btn-color)}.thumbs-up{fill:var(--ai12zBot-v2-feedback-selected);width:24px}.thumbs-down{fill:var( --ai12zBot-v2-feedback-selected);width:24px}.chat-thumbs-up{color:var(--ai12zBot-v2-feedback-color)}.thumbs-container{justify-content:flex-start;align-items:center}.back-btn svg{fill:var(--ai12zBot-v2-back-button-color)}.dropdown-item{background-color:var(--ai12zBot-v2-dropdown-bgcolor)}button:focus-visible{outline:2px solid var(--ai12zBot-v2-focus-visible-color, #0A2A43);outline-offset:2px}button.bot-btn-primary:focus-visible{outline:2px solid var(--ai12zBot-v2-focus-visible-color-primary, var(--ai12zBot-v2-focus-visible-color, #0A2A43));outline-offset:2px}button.bot-btn-secondary:focus-visible{outline:2px solid var(--ai12zBot-v2-focus-visible-color-secondary, var(--ai12zBot-v2-focus-visible-color, #0A2A43))}.bot-name{color:var(--ai12zBot-v2-fab-name-color, var(--ai12zBot-v2-bot-name-color));font-weight:var(--ai12zBot-v2-fab-font-weight, var(--ai12zBot-v2-bot-name-font-weight))}.ai12z-link{color:var(--ai12zBot-v2-link-color);text-decoration:underline}.ai12z-link:hover{color:var(--ai12zBot-v2-link-hover-color);text-decoration:underline}.toolbar{height:52px;border:#fff;grid-area:toolbar}.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:10px;top:10px;width:auto;height:auto;z-index:1000}.enter-tip{font-size:12px;color:#666;margin-left:10px}.skip-links.hidden{position:absolute;left:-9999px;}.skip-links.visible{left:auto;position:static;}.error-message-container{margin-top:4px}.error-msg{color:#dc2626;font-size:12px;display:block;animation:slideIn 0.2s ease-out}.ai12z-form-honeypot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}@keyframes slideIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 1024px){.modal{background-size:80vw 100vh}}@media (min-width: 1024px){.layout.is-expanded{grid-template-columns:1fr minmax(340px, 80dvw) 1fr !important}}@media (min-width: 768px){.layout.is-expanded{-moz-column-gap:48px;column-gap:48px}}@media (max-width: 767px){.layout.is-open{padding-top:0px !important;grid-template-columns:0fr minmax(340px, 1fr) 0fr !important}}@media (max-width: 767px){.fab{right:30px;bottom:var(--xsf-ai12z-fab-bottom, 26px)}}`;
|
|
1056
1056
|
|
|
1057
1057
|
var __rest = (undefined && undefined.__rest) || function (s, e) {
|
|
1058
1058
|
var t = {};
|
|
@@ -2758,7 +2758,13 @@ const Ai12zBot = class {
|
|
|
2758
2758
|
* and there is a conversation history to refer to.
|
|
2759
2759
|
* This prevents the live agent from being connected immediately when the chat is opened.
|
|
2760
2760
|
*/
|
|
2761
|
-
|
|
2761
|
+
let withinHours = false;
|
|
2762
|
+
try {
|
|
2763
|
+
withinHours = this.checkLiveAgentBusinessHours();
|
|
2764
|
+
}
|
|
2765
|
+
catch (error) {
|
|
2766
|
+
console.error("Error checking live agent business hours:", error);
|
|
2767
|
+
}
|
|
2762
2768
|
this.isLiveAgentEnabled = isLiveAgentConfigured && this.messages.length > 1 && withinHours;
|
|
2763
2769
|
}
|
|
2764
2770
|
openEndLiveAgentDialog() {
|
|
@@ -3124,11 +3130,11 @@ const Ai12zBot = class {
|
|
|
3124
3130
|
this.isMinimized = nextMinimized;
|
|
3125
3131
|
this.isOpened = nextOpened;
|
|
3126
3132
|
this.updateBotState();
|
|
3127
|
-
} }, index.h("i", { class: "block ai-minimize-icon ai-text-caption", title: "Minimize Bot" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", height: "52", width: "52", viewBox: "0 0 520 520", fill: "#fff", "aria-hidden": "true" }, index.h("path", { d: "M500 275c0 8-7 15-15 15H35c-8 0-15-7-15-15v-30c0-8 7-15 15-15h450c8 0 15 7 15 15z" })))))), index.h("fieldset", { class: `flex flex-col @md:mx-0 @md:rounded-t-xl transition-colors ${this.isMinimized && !this.isExpanded ? "" : "p-4 user-input-fieldset"}` }, !this.isExpanded && this.isOpened && this.messages.length === 0 && (index.h("privacy-modal", { show: this.showPrivacy, message: this.botSettings.privacyTemplate })), index.h("div", { class: "flex-1 align-bottom" }, index.h("div", { "aria-hidden": this.isTypingIndicatorVisible ? "false" : "true", class: `flex items-center justify-center w-full ${this.isTypingIndicatorVisible ? "h-12 opacity-100" : "h-0 opacity-0 pointer-events-none"}` }, index.h("typing-indicator", null)), index.h("div", { class: "grow-wrap show-grid after:whitespace-pre-wrap after:invisible relative", "data-replicated-value": "", "aria-disabled": "false" }, this.botSettings.imageUpload && (index.h("div", { "aria-disabled": "true", class: `absolute flex items-center left-0 bottom-0 h-full pl-4 pr-2 ${this.hideAllButtons ? "hidden" : ""} agent-input-icon` }, index.h("button", { class: "plus-icon bot-btn-primary", tabindex: "0", "aria-label": "Add Image", onClick: e => {
|
|
3133
|
+
} }, index.h("i", { class: "block ai-minimize-icon ai-text-caption", title: "Minimize Bot" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", height: "52", width: "52", viewBox: "0 0 520 520", fill: "#fff", "aria-hidden": "true" }, index.h("path", { d: "M500 275c0 8-7 15-15 15H35c-8 0-15-7-15-15v-30c0-8 7-15 15-15h450c8 0 15 7 15 15z" })))))), index.h("fieldset", { class: `flex flex-col @md:mx-0 @md:rounded-t-xl transition-colors ${this.isMinimized && !this.isExpanded ? "" : "p-4 user-input-fieldset"}` }, !this.isExpanded && this.isOpened && this.messages.length === 0 && (index.h("privacy-modal", { show: this.showPrivacy, message: this.botSettings.privacyTemplate })), index.h("div", { class: "flex-1 align-bottom" }, index.h("div", { "aria-hidden": this.isTypingIndicatorVisible ? "false" : "true", class: `flex items-center justify-center w-full ${this.isTypingIndicatorVisible ? "h-12 opacity-100" : "h-0 opacity-0 pointer-events-none"}` }, index.h("typing-indicator", null)), index.h("div", { class: "grow-wrap show-grid after:whitespace-pre-wrap after:invisible relative", "data-replicated-value": "", "aria-disabled": "false" }, this.botSettings.imageUpload && (index.h("div", { "aria-disabled": "true", class: `absolute flex items-center left-0 bottom-0 h-full pl-4 pr-2 ${this.hideAllButtons ? "hidden" : ""} agent-input-icon` }, index.h("button", { class: "plus-icon bot-plus-icon bot-btn-primary", tabindex: "0", "aria-label": "Add Image", onClick: e => {
|
|
3128
3134
|
e.stopPropagation();
|
|
3129
3135
|
e.preventDefault();
|
|
3130
3136
|
this.showMenu = !this.showMenu;
|
|
3131
|
-
} }, index.h("i", { class: "plus-icon wes-block wes-text-body1", title: "Add Image" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", width: "20", height: "20", "aria-hidden": "true" }, index.h("path", { d: "M10.75 4.75a.75.75 0 0 0-1.5 0v4.5h-4.5a.75.75 0 0 0 0 1.5h4.5v4.5a.75.75 0 0 0 1.5 0v-4.5h4.5a.75.75 0 0 0 0-1.5h-4.5v-4.5Z" })))), index.h("div", { class: `absolute bottom-6 left-0 w-44 bg-white rounded-lg shadow-lg transition-all duration-300 ease-in-out z-10
|
|
3137
|
+
} }, index.h("i", { class: "plus-icon bot-plus-icon wes-block wes-text-body1", title: "Add Image" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", width: "20", height: "20", "aria-hidden": "true" }, index.h("path", { d: "M10.75 4.75a.75.75 0 0 0-1.5 0v4.5h-4.5a.75.75 0 0 0 0 1.5h4.5v4.5a.75.75 0 0 0 1.5 0v-4.5h4.5a.75.75 0 0 0 0-1.5h-4.5v-4.5Z" })))), index.h("div", { class: `absolute bottom-6 left-0 w-44 bg-white rounded-lg shadow-lg transition-all duration-300 ease-in-out z-10
|
|
3132
3138
|
${this.showMenu ? "opacity-100 scale-100 pointer-events-auto" : "opacity-0 scale-90 pointer-events-none"}` }, index.h("ul", { class: "space-y-2", ref: el => (this.plusIconRef = el) }, index.h("li", { class: "px-4 py-2 hover:bg-gray-100 cursor-pointer flex", onClick: () => {
|
|
3133
3139
|
this.showMenu = false;
|
|
3134
3140
|
} }, index.h("image-uploader", { maxImages: 10, images: this.imagesBase64List, targetElement: this.inputEl, onImagesChange: event => {
|
|
@@ -5,9 +5,9 @@ var SearchResult = require('./SearchResult-CvTJr55G.js');
|
|
|
5
5
|
var utils = require('./utils-DZMolZh2.js');
|
|
6
6
|
var _commonjsHelpers = require('./_commonjsHelpers-MBWFX2dn.js');
|
|
7
7
|
var appStore = require('./app-store-BtkiHvcw.js');
|
|
8
|
-
var parseHelper = require('./parseHelper-
|
|
8
|
+
var parseHelper = require('./parseHelper-BvuQUuJ4.js');
|
|
9
9
|
require('./ctaHelpers-CdztrD6A.js');
|
|
10
|
-
require('./logger-
|
|
10
|
+
require('./logger-D--BUQGx.js');
|
|
11
11
|
|
|
12
12
|
const categoryCss = () => `ai12z-category{font-family:var(--ai12z-font-family) !important;font-size:var(--ai12z-search-font-size, var(--ai12z-font-size)) !important}.custom-title{font-size:var(--ai12z-category-font-size);color:var(--ai12z-category-font-color)}`;
|
|
13
13
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var index = require('./index-v8T1EJAJ.js');
|
|
4
|
-
var botHelpers = require('./botHelpers-
|
|
4
|
+
var botHelpers = require('./botHelpers-CKQb1s6M.js');
|
|
5
5
|
var styleSheetRegistry = require('./styleSheetRegistry-kcL2qS1d.js');
|
|
6
6
|
require('./utils-DZMolZh2.js');
|
|
7
7
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var index = require('./index-v8T1EJAJ.js');
|
|
4
4
|
var processCarouselData = require('./processCarouselData-BXglENd8.js');
|
|
5
|
-
var parseHelper = require('./parseHelper-
|
|
5
|
+
var parseHelper = require('./parseHelper-BvuQUuJ4.js');
|
|
6
6
|
var utils = require('./utils-DZMolZh2.js');
|
|
7
7
|
var ctaHelpers = require('./ctaHelpers-CdztrD6A.js');
|
|
8
8
|
var index$1 = require('./index-B6xfVjPU.js');
|
|
@@ -10,10 +10,10 @@ var socketService = require('./socket-service-Z-_NrATj.js');
|
|
|
10
10
|
var surveyHelpers = require('./surveyHelpers-B9t5lxy4.js');
|
|
11
11
|
var keyboardShortcuts = require('./keyboard-shortcuts-CBUd9KfQ.js');
|
|
12
12
|
var analyticsService = require('./analyticsService-CkAva47S.js');
|
|
13
|
-
var botHelpers = require('./botHelpers-
|
|
14
|
-
var beacon = require('./beacon-
|
|
13
|
+
var botHelpers = require('./botHelpers-CKQb1s6M.js');
|
|
14
|
+
var beacon = require('./beacon-BfQLEgoi.js');
|
|
15
15
|
require('./_commonjsHelpers-MBWFX2dn.js');
|
|
16
|
-
require('./logger-
|
|
16
|
+
require('./logger-D--BUQGx.js');
|
|
17
17
|
require('./response-adapter-BSZc0N1k.js');
|
|
18
18
|
|
|
19
19
|
const ai12zChatCss = () => `:host{font-family:var(--ai12z-font-family) !important;font-size:var(--ai12z-font-size) !important;color:var(--ai12z-font-color, black);text-align:var(--ai12z-text-align, left)}.not-allowed{cursor:not-allowed}.prose.custom-prose{--tw-prose-body:var(--ai12z-bubble-font-color);--tw-prose-bold:var(--ai12z-bubble-font-color);--tw-prose-links:var(--ai12z-link-color);--tw-prose-headings:var(--ai12z-bubble-font-color)}.ai12z-cta-link{color:var(--ai12z-link-color);text-decoration:underline}.ai12z-cta-link:hover{color:var(--ai12z-link-hover-color)}@media (max-width: 768px){.chat-align-list{padding:16px 16px 16px 0px !important}.chat-not-user-list{padding-inline-start:40px !important}}.thumbs-up{fill:var(--ai12z-feedback-selected);width:24px}.thumbs-down{fill:var(--ai12z-feedback-selected);width:24px}.chat-thumbs-up{color:var(--ai12z-feedback-color)}.default-avatar{color:var(--ai12z-default-avatar-color, var(--ai12z-primary-color))}.chat-list{margin-top:20px;overflow-y:auto;display:flex;flex-direction:column}.custom-chat-top-height{max-height:100vh}@media (max-width: 768px){.custom-chat-bottom-height{max-height:700px}.default-avatar{display:none !important}}.custom-chat-bottom-height{max-height:100%}.custom-chat-above-height{max-height:80vh;margin-bottom:20px}.custom-list{overflow-y:auto}.chat-list-item{padding:32px 8px 0 4px;display:flex;position:relative;color:var(--ai12z-bubble-font-color);font-size:var(--ai12z-bubble-font-size)}.chat-align-list{justify-content:flex-start;padding-inline-end:40px}.chat-not-user-list{justify-content:flex-end;padding-inline-start:80px}.chat-inner-list{display:flex;align-items:flex-end;padding-right:8px}.pending-chat{display:flex;justify-content:center;align-items:center;border-width:1px;padding:20px;line-height:28px;border-radius:8px}.non-pending-user{line-height:28px;border-radius:8px}.chat-not-user-list #parent-element .non-pending-user{background-color:var(--ai12z-user-bubble-background, var(--ai12z-bubble-background))}.chat-align-list #parent-element .non-pending-user{background-color:var(--ai12z-ai-bubble-background, var(--ai12z-bubble-background));border:var(--ai12z-ai-bubble-border)}#parent-element{position:relative}.non-user-container{position:absolute;right:0;top:0;width:176px}.thumbnail{margin-bottom:30px;width:70%}.ai12z_image_result{max-width:500px;width:100%;border-radius:5%;padding:20px}.ai12z_image_caption{margin:20px;padding:1px;background-color:#f0f0f0;border-radius:5px;text-align:center}.resize{width:100%}.prose.prose-w-none *{all:unset;}.non-pending-user .ai12zBtn{background-color:var(--ai12z-primary-color);color:white;padding:5px 10px;border:none;border-radius:5px;cursor:pointer;text-decoration:none;margin:5px}.ai12zBtn:active{background-color:rgb(118 135 214)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px;border:2px solid #f1f1f1}::-webkit-scrollbar-thumb:hover{background:#555}.copy-btn{color:var(--ai12z-feedback-color)}.list-btn{background-color:#007bff;color:white;padding:5px 10px;border:none;border-radius:5px;cursor:pointer;text-decoration:none;margin:5px;max-width:100%;}.pagination-controls{display:flex;justify-content:space-between;margin-top:20px}.pagination-controls button{padding:10px 20px;border:none;background-color:#007bff;color:white;cursor:pointer;border-radius:5px}.pagination-controls button:disabled{background-color:#ccc;cursor:not-allowed}.pagination-controls span{align-self:center;font-size:1.1em}.hidden{display:none}.carousel-container{position:relative;display:flex;overflow:hidden;margin:0 auto;width:100%;max-width:100%}.carousel-items{display:flex;transition:transform 0.3s ease-in-out;width:100%}.carousel-card{flex-shrink:0;width:100%}.card img{width:100%;height:auto}.card-body{margin:15px}.prev,.next{background:#007bff;border:none;color:white;padding:10px;cursor:pointer;border-radius:50%;position:absolute;top:50%;transform:translateY(-50%);z-index:10}.prev{cursor:pointer;left:0px}.next{cursor:pointer;right:0px}.carousel-indicators{display:flex;justify-content:center;margin-top:10px;bottom:4px;left:50%}.indicator{width:10px;height:10px;background-color:gray;border-radius:50%;margin:0 5px;cursor:pointer}button:focus-visible{outline:2px solid var(--ai12z-focus-visible-color, #0A2A43);outline-offset:2px}button.chat-btn-primary:focus-visible{outline:2px solid var(--ai12z-focus-visible-color-primary, --ai12z-focus-visible-color);outline-offset:2px}button.chat-btn-secondary:focus-visible{outline:2px solid var(--ai12z-focus-visible-color-secondary, --ai12z-focus-visible-color)}.ai12z-form-honeypot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}`;
|
|
@@ -1228,7 +1228,7 @@ const MyChat = class {
|
|
|
1228
1228
|
};
|
|
1229
1229
|
MyChat.style = ai12zChatCss();
|
|
1230
1230
|
|
|
1231
|
-
const inputCss = () => `:host{font-family:var(--ai12z-font-family) !important;font-size:var(--ai12z-font-size) !important}.input-form{display:flex;flex-direction:column;width:100%;margin-bottom:16px}.input-container{margin-right:16px;position:relative;border-radius:64px;border-width:1px;align-items:stretch;display:flex;}.inner-container{flex-grow:1;padding:12px}.custom-input{color:black;border-width:0;max-height:300px;resize:none;overflow:hidden;background-color:inherit}.custom-input::-moz-placeholder{color:var(--ai12z-input-placeholder-color);opacity:1;font-size:var(--ai12z-input-placeholder-font-size)}.custom-input::placeholder{color:var(--ai12z-input-placeholder-color);opacity:1;font-size:var(--ai12z-input-placeholder-font-size)}.custom-input:focus{outline:none;box-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--ai12z-border-color)}.input-focus-color{border-color:black !important}.plus-icon{color:#fff;background-color:var(--ai12z-plus-icon-color)}.ai12z-plus-anchor{position:relative;display:inline-block}.ai12z-plus-menu{position:absolute;top:100%;left:0;margin-top:0.5rem;width:var(--ai12z-menu-width, 15rem);z-index:30;padding:0.375rem;background-color:var(--ai12z-menu-bg, #fff);border:1px solid var(--ai12z-menu-border-color, rgba(17, 24, 39, 0.08));border-radius:var(--ai12z-menu-radius, 0.875rem);box-shadow:var( --ai12z-menu-shadow, 0 12px 28px -12px rgba(17, 24, 39, 0.28), 0 4px 10px -6px rgba(17, 24, 39, 0.15) );transform-origin:top left;transition:opacity 0.16s ease, transform 0.16s ease}.ai12z-plus-menu[data-open="false"]{opacity:0;transform:scale(0.95);pointer-events:none}.ai12z-plus-menu[data-open="true"]{opacity:1;transform:scale(1);pointer-events:auto}.ai12z-menu-list{display:flex;flex-direction:column;gap:0.125rem;margin:0;padding:0;list-style:none}.ai12z-menu-item,.ai12z-menu-item--uploader .image-uploader>button{display:flex;align-items:center;gap:0.625rem;width:100%;padding:0.5rem 0.625rem;border:0;background:transparent;border-radius:0.5rem;font-family:inherit;font-size:var(--ai12z-menu-item-font-size, 0.875rem);line-height:1.25rem;color:var(--ai12z-menu-item-color, #374151);text-align:left;cursor:pointer;transition:background-color 0.15s ease, color 0.15s ease}.ai12z-menu-item:hover:not([disabled]):not([aria-disabled="true"]),.ai12z-menu-item:focus-visible,.ai12z-menu-item--uploader .image-uploader>button:hover:not([disabled]){background-color:var(--ai12z-menu-item-hover-bg, #f3f4f6)}.ai12z-menu-item:focus-visible,.ai12z-menu-item--uploader .image-uploader>button:focus-visible{outline:2px solid transparent;box-shadow:0 0 0 2px var(--ai12z-menu-focus-ring, rgba(59, 130, 246, 0.55))}.ai12z-menu-item[disabled],.ai12z-menu-item[aria-disabled="true"]{opacity:0.45;cursor:not-allowed}.ai12z-menu-item__icon,.ai12z-menu-item--uploader .image-uploader>button svg{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.25rem;height:1.25rem;color:var(--ai12z-menu-icon-color, #6b7280)}.ai12z-menu-item__label{flex:1 1 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ai12z-menu-item--uploader{padding:0}.ai12z-menu-item--uploader .image-uploader,.ai12z-menu-item--uploader .image-uploader>button{width:100%}@media (prefers-color-scheme: dark){.ai12z-plus-menu{--ai12z-menu-bg:#1f2937;--ai12z-menu-border-color:rgba(255, 255, 255, 0.08);--ai12z-menu-shadow:0 14px 34px -12px rgba(0, 0, 0, 0.65), 0 4px 12px -6px rgba(0, 0, 0, 0.5);--ai12z-menu-item-color:#e5e7eb;--ai12z-menu-item-hover-bg:rgba(55, 65, 81, 0.7);--ai12z-menu-icon-color:#9ca3af}}.ai-button{border-left-width:1px;padding-left:16px;padding-right:16px;white-space:nowrap;display:inline-flex;place-items:center;color:var(--ai12z-button-font-color);font-size:var(--ai12z-button-font-size);}.ai-button:hover{background-color:var(--ai12z-primary-color);color:rgb(255 255 255)}.custom-svg-checkbox{margin-top:4px;width:16px;height:16px;position:absolute}.hide-svg{display:none}.icon-width{width:28px}.custom-attachment{border-right-width:1px;padding-top:10px;padding-left:16px;padding-right:32px;cursor:pointer;width:5%}#fileInput{display:none}.error-msg{color:red;font-size:12px;margin-top:4px;text-align:center}.image-Container{position:relative;display:inline-block;margin-right:10px}.delete-image{opacity:3;position:absolute;right:3px;top:0;cursor:pointer;line-height:10px}.btn-bg-color{background-color:var(--ai12z-button-bgcolor)}.searchbar-bgcolor{background-color:var(--ai12z-searchbar-bgcolor)}.searchbar-bordercolor{border:1px solid grey}.inline-searchbar-bgcolor{border-color:var(--ai12z-inlinesearchbar-border-color);background-color:var(--ai12z-inlinesearchbar-bgcolor);border-width:1px}.enter-tip{font-size:12px;color:#666;margin-left:10px}#message-error{margin-left:10px}`;
|
|
1231
|
+
const inputCss = () => `:host{font-family:var(--ai12z-font-family) !important;font-size:var(--ai12z-font-size) !important}.input-form{display:flex;flex-direction:column;width:100%;margin-bottom:16px}.input-container{margin-right:16px;position:relative;border-radius:64px;border-width:1px;align-items:stretch;display:flex;}.inner-container{flex-grow:1;padding:12px}.custom-input{color:black;border-width:0;max-height:300px;resize:none;overflow:hidden;background-color:inherit}.custom-input::-moz-placeholder{color:var(--ai12z-input-placeholder-color);opacity:1;font-size:var(--ai12z-input-placeholder-font-size)}.custom-input::placeholder{color:var(--ai12z-input-placeholder-color);opacity:1;font-size:var(--ai12z-input-placeholder-font-size)}.custom-input:focus{outline:none;box-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--ai12z-border-color)}.input-focus-color{border-color:black !important}.plus-icon{color:#fff;background-color:var(--ai12z-plus-icon-color)}.ai12z-plus-anchor{position:relative;display:inline-block}.ai12z-plus-menu{position:absolute;top:100%;left:0;margin-top:0.5rem;width:var(--ai12z-menu-width, 15rem);z-index:30;padding:0.375rem;background-color:var(--ai12z-menu-bg, #fff);border:1px solid var(--ai12z-menu-border-color, rgba(17, 24, 39, 0.08));border-radius:var(--ai12z-menu-radius, 0.875rem);box-shadow:var( --ai12z-menu-shadow, 0 12px 28px -12px rgba(17, 24, 39, 0.28), 0 4px 10px -6px rgba(17, 24, 39, 0.15) );transform-origin:top left;transition:opacity 0.16s ease, transform 0.16s ease}.ai12z-plus-menu--upward{top:auto;bottom:100%;margin-top:0;margin-bottom:0.5rem;transform-origin:bottom left}.ai12z-plus-menu[data-open="false"]{opacity:0;transform:scale(0.95);pointer-events:none}.ai12z-plus-menu[data-open="true"]{opacity:1;transform:scale(1);pointer-events:auto}.ai12z-menu-list{display:flex;flex-direction:column;gap:0.125rem;margin:0;padding:0;list-style:none}.ai12z-menu-item,.ai12z-menu-item--uploader .image-uploader>button{display:flex;align-items:center;gap:0.625rem;width:100%;padding:0.5rem 0.625rem;border:0;background:transparent;border-radius:0.5rem;font-family:inherit;font-size:var(--ai12z-menu-item-font-size, 0.875rem);line-height:1.25rem;color:var(--ai12z-menu-item-color, #374151);text-align:left;cursor:pointer;transition:background-color 0.15s ease, color 0.15s ease}.ai12z-menu-item:hover:not([disabled]):not([aria-disabled="true"]),.ai12z-menu-item:focus-visible,.ai12z-menu-item--uploader .image-uploader>button:hover:not([disabled]){background-color:var(--ai12z-menu-item-hover-bg, #f3f4f6)}.ai12z-menu-item:focus-visible,.ai12z-menu-item--uploader .image-uploader>button:focus-visible{outline:2px solid transparent;box-shadow:0 0 0 2px var(--ai12z-menu-focus-ring, rgba(59, 130, 246, 0.55))}.ai12z-menu-item[disabled],.ai12z-menu-item[aria-disabled="true"]{opacity:0.45;cursor:not-allowed}.ai12z-menu-item__icon,.ai12z-menu-item--uploader .image-uploader>button svg{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.25rem;height:1.25rem;color:var(--ai12z-menu-icon-color, #6b7280)}.ai12z-menu-item__label{flex:1 1 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ai12z-menu-item--uploader{padding:0}.ai12z-menu-item--uploader .image-uploader,.ai12z-menu-item--uploader .image-uploader>button{width:100%}@media (prefers-color-scheme: dark){.ai12z-plus-menu{--ai12z-menu-bg:#1f2937;--ai12z-menu-border-color:rgba(255, 255, 255, 0.08);--ai12z-menu-shadow:0 14px 34px -12px rgba(0, 0, 0, 0.65), 0 4px 12px -6px rgba(0, 0, 0, 0.5);--ai12z-menu-item-color:#e5e7eb;--ai12z-menu-item-hover-bg:rgba(55, 65, 81, 0.7);--ai12z-menu-icon-color:#9ca3af}}.ai-button{border-left-width:1px;padding-left:16px;padding-right:16px;white-space:nowrap;display:inline-flex;place-items:center;color:var(--ai12z-button-font-color);font-size:var(--ai12z-button-font-size);}.ai-button:hover{background-color:var(--ai12z-primary-color);color:rgb(255 255 255)}.custom-svg-checkbox{margin-top:4px;width:16px;height:16px;position:absolute}.hide-svg{display:none}.icon-width{width:28px}.custom-attachment{border-right-width:1px;padding-top:10px;padding-left:16px;padding-right:32px;cursor:pointer;width:5%}#fileInput{display:none}.error-msg{color:red;font-size:12px;margin-top:4px;text-align:center}.image-Container{position:relative;display:inline-block;margin-right:10px}.delete-image{opacity:3;position:absolute;right:3px;top:0;cursor:pointer;line-height:10px}.btn-bg-color{background-color:var(--ai12z-button-bgcolor)}.searchbar-bgcolor{background-color:var(--ai12z-searchbar-bgcolor)}.searchbar-bordercolor{border:1px solid grey}.inline-searchbar-bgcolor{border-color:var(--ai12z-inlinesearchbar-border-color);background-color:var(--ai12z-inlinesearchbar-bgcolor);border-width:1px}.enter-tip{font-size:12px;color:#666;margin-left:10px}#message-error{margin-left:10px}`;
|
|
1232
1232
|
|
|
1233
1233
|
const InputForm = class {
|
|
1234
1234
|
constructor(hostRef) {
|
|
@@ -1244,6 +1244,7 @@ const InputForm = class {
|
|
|
1244
1244
|
this.imagesBase64List = [];
|
|
1245
1245
|
this.showShortcutsDialog = false;
|
|
1246
1246
|
this.shortcuts = keyboardShortcuts.DEFAULT_SHORTCUTS;
|
|
1247
|
+
this.openMenuUpward = false;
|
|
1247
1248
|
this.componentType = "search";
|
|
1248
1249
|
this.chatLength = 0;
|
|
1249
1250
|
this.searchInput = "";
|
|
@@ -1575,21 +1576,21 @@ const InputForm = class {
|
|
|
1575
1576
|
// this.icon_width = url.searchParams.get("w") || "28"
|
|
1576
1577
|
// this.icon_height = url.searchParams.get("h") || "28"
|
|
1577
1578
|
// }
|
|
1578
|
-
return (index.h("div", { key: '
|
|
1579
|
+
return (index.h("div", { key: 'a6d84d62eadeda8e74f2f6fc6c173602ee0c3c38' }, index.h("form", { key: '680c56a72a234fb1708fc1e4e7bbd58e7b5c8954', class: "w-full flex flex-col gap-1.5 sticky", onSubmit: this.handleFormSubmit }, index.h("div", { key: '405a35de21d839107b698f9b8b390377ca6a0d45', class: `flex-1 flex flex-col relative w-full rounded-3xl px-1 ${this.componentType === "inline" ? "inline-searchbar-bgcolor" : "searchbar-bgcolor searchbar-bordercolor"}`, dir: "LTR", ref: el => (this.searchFormElem = el) }, index.h("div", { key: '1446f7888430fcd58b4f6927f56168874a50254d', class: "flex items-center" }, index.h("div", { key: '51dfe66262a54e44b29fe36655af69b509c333ae', class: "ml-1 self-center flex space-x-1" }, !this.hideAllButtons && (index.h("div", { key: '63c0d135c7074a53f417e5ff25717c0518985d0b', class: "ai12z-plus-anchor relative inline-block", style: { width: "5%" } }, index.h("button", { key: '9f12cc35641831d1c0e1dafbc0c5654fb154e56b', class: "plus-icon rounded-full p-1.5", "aria-label": "Options", title: "Add images or capture screen", tabindex: "0", "aria-haspopup": "menu", "aria-expanded": this.isOpen ? "true" : "false", "aria-controls": `ai12z-options-menu-${this.instanceId}`, ref: el => (this.plusButtonElem = el), onKeyDown: this.handleTriggerKeyDown, onClick: e => {
|
|
1579
1580
|
e.stopPropagation();
|
|
1580
1581
|
this.toggleBox(e);
|
|
1581
|
-
} }, index.h("svg", { key: '
|
|
1582
|
+
} }, index.h("svg", { key: 'af6d2f4a1990c979a157739f6402bb70a87ea961', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", width: "20", height: "20" }, index.h("path", { key: '44255d979d7e4c881dd233b25ec2beaee6384752', d: "M10.75 4.75a.75.75 0 0 0-1.5 0v4.5h-4.5a.75.75 0 0 0 0 1.5h4.5v4.5a.75.75 0 0 0 1.5 0v-4.5h4.5a.75.75 0 0 0 0-1.5h-4.5v-4.5Z" }))), index.h("div", { key: 'ca721719c6aa71b3a91526c17fa60238199bdfe1', class: `ai12z-plus-menu ${this.openMenuUpward ? "ai12z-plus-menu--upward" : ""}`, id: `ai12z-options-menu-${this.instanceId}`, "data-open": this.isOpen ? "true" : "false", role: "menu", "aria-orientation": "vertical", "aria-label": "Input options", onKeyDown: this.handleMenuKeyDown, ref: el => (this.menuElem = el) }, index.h("ul", { key: '66232d67aa7aef428bd0b1993edaf6d975884653', class: "ai12z-menu-list" }, this.isImageUpload && (index.h("li", { key: '68cad0a1d8faf9763ee62b1b87a2985bc3c4b601', role: "none", class: "ai12z-menu-item--uploader" }, index.h("image-uploader", { key: '4708ddca6a7dff5b3c49d01f1ee3ab6449e658b6', maxImages: 10, images: this.imagesBase64List, targetElement: this.searchInputElem, onImagesChange: this.handleImageChange, onError: this.handleImageError, ref: el => (this.imageUploaderRef = el) }))), index.h("li", { key: '180e822d8c744bde85a15d1aa1a2eb28ea1977d0', role: "none" }, index.h("button", { key: '88fa8d9de8af3e823965cf265a43ee0857dc0127', type: "button", role: "menuitem", tabindex: -1, class: "ai12z-menu-item", "aria-label": "Capture screen", onClick: () => {
|
|
1582
1583
|
this.captureScreen();
|
|
1583
1584
|
this.closeMenu(true);
|
|
1584
|
-
} }, index.h("span", { key: '
|
|
1585
|
+
} }, index.h("span", { key: 'da359815493d4aa25a70c5c9814dd27929d68f2a', class: "ai12z-menu-item__icon" }, index.h("svg", { key: 'cf4ceb1fe33a05a598ed9e09708afc37be6d78ec', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20" }, index.h("path", { key: 'ad64c795cc75947e23f76a3e0a6c270ad401a218', d: "M12 9a3.75 3.75 0 1 0 0 7.5A3.75 3.75 0 0 0 12 9Z" }), index.h("path", { key: '0dc831ba9edbd3ace329690fc1e0014113307c2e', "fill-rule": "evenodd", d: "M9.344 3.071a49.52 49.52 0 0 1 5.312 0c.967.052 1.83.585 2.332 1.39l.821 1.317c.24.383.645.643 1.11.71.386.054.77.113 1.152.177 1.432.239 2.429 1.493 2.429 2.909V18a3 3 0 0 1-3 3h-15a3 3 0 0 1-3-3V9.574c0-1.416.997-2.67 2.429-2.909.382-.064.766-.123 1.151-.178a1.56 1.56 0 0 0 1.11-.71l.822-1.315a2.942 2.942 0 0 1 2.332-1.39ZM6.75 12.75a5.25 5.25 0 1 1 10.5 0 5.25 5.25 0 0 1-10.5 0Zm12-1.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z", "clip-rule": "evenodd" }))), index.h("span", { key: 'd83cd859f5278e16af317f6e05fdc47ead91bfee', class: "ai12z-menu-item__label" }, "Capture"))), index.h("li", { key: '7201229304fe18692ec62e42d904c722df34beba', role: "none" }, index.h("button", { key: '7c61bd60237ca452f75d5d06217aae236de64176', type: "button", role: "menuitem", tabindex: -1, class: "ai12z-menu-item", "aria-label": "Start Over", "aria-disabled": this.chatLength === 0 ? "true" : "false", onClick: e => {
|
|
1585
1586
|
if (this.chatLength === 0)
|
|
1586
1587
|
return;
|
|
1587
1588
|
this.handleFollowUp(e);
|
|
1588
1589
|
this.closeMenu(true);
|
|
1589
|
-
} }, index.h("span", { key: '
|
|
1590
|
+
} }, index.h("span", { key: 'e7dd2643c43217733fba620fb6753bce2fc8cad6', class: "ai12z-menu-item__icon" }, index.h("svg", { key: '84e181b302f13e666cd453da03f01abfba1ba21a', width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("path", { key: '73b0fcf2317c4eca5604817809f5eb558b09784d', d: "M21.5 2v6h-6M2.5 22v-6h6M2 11.5a10 10 0 0 1 18.8-4.3M22 12.5a10 10 0 0 1-18.8 4.2" }))), index.h("span", { key: 'aa5785af65c38e45233492f0baea9d6f0e67a01c', class: "ai12z-menu-item__label" }, "Start Over"))), index.h("li", { key: '61efcec91949119a5ae57d5fe5f4496cefe145bd', role: "none" }, index.h("button", { key: '2c45286a265bb140bd5630595e8c421a17a61dd0', type: "button", role: "menuitem", tabindex: -1, class: "ai12z-menu-item", "aria-label": "View Recent Chat", onClick: e => {
|
|
1590
1591
|
this.handleRecentChat(e);
|
|
1591
1592
|
this.closeMenu(true);
|
|
1592
|
-
} }, index.h("span", { key: '
|
|
1593
|
+
} }, index.h("span", { key: '27351e0a29fc81525c4d9141e14ca176ae60642e', class: "ai12z-menu-item__icon" }, index.h("svg", { key: 'f55cb9b3caa0a3847b913b457a6b5610fa5a7d1d', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("path", { key: 'fe60a6f96512623175f0fe0b17640c9c75d0440f', d: "M21 15a4 4 0 0 1-4 4H7l-4 4V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z" }), index.h("path", { key: '8074459300ef35624f1fc543b192bde96ac98863', d: "M12 7v5l3 2" }))), index.h("span", { key: '2f3e0bbd7bd98e3a0e7550fa9e98ee6427c619be', class: "ai12z-menu-item__label" }, "View Recent Chat")))))))), !this.hideAllButtons && (index.h("div", { key: 'fb4af1d65532040c4e5853e2a996a4cf3d727f7f', class: "scrollbar-hidden text-left bg-transparent dark:text-gray-100 outline-none w-full rounded-xl resize-none h-fit max-h-80 overflow-auto" }, index.h("div", { key: 'da5e62092dfae886916c15d6f6a8d2d8552bb487', class: "relative w-full min-w-full h-full min-h-fit flex items-center input-prose" }, index.h("div", { key: '08a0da63f979f66c8c64da42cf5aee7b0da9886e', id: `previewContainer-${this.instanceId}`, draggable: true }), index.h("label", { key: 'c7bf53d0bc2d64d576070bb41261894db5d4dfc5', htmlFor: `searchInput-${this.instanceId}`, class: "sr-only" }, "Your message"), index.h("textarea", { key: 'c797a27440ee87f8b5e25134a8aee3184d4d54f9', readOnly: this.submitted, "aria-describedby": this.emptyMessageError ? `message-error-${this.instanceId} search-hint-${this.instanceId}` : `search-hint-${this.instanceId}`, "aria-invalid": this.emptyMessageError, id: `searchInput-${this.instanceId}`, ref: el => {
|
|
1593
1594
|
this.searchInputElem = el;
|
|
1594
1595
|
// Autofocus once on first mount, and never while the
|
|
1595
1596
|
// options menu is open — otherwise unrelated re-renders
|
|
@@ -1601,7 +1602,7 @@ const InputForm = class {
|
|
|
1601
1602
|
}
|
|
1602
1603
|
}, placeholder: this.placeholder, autoComplete: "off", class: "w-full p-1 custom-input", value: this.searchInput, rows: 1, onInput: utils.debounce(e => this.handleInputChange(e), 500), onKeyUp: this.adjustHeight, onKeyDown: this.handleKeyDown, onFocus: () => this.searchFormElem.classList.add("input-focus-color"), onBlur: () => this.searchFormElem.classList.remove("input-focus-color"), onPaste: e => {
|
|
1603
1604
|
this.handlePaste(e);
|
|
1604
|
-
} }), index.h("div", { key: '
|
|
1605
|
+
} }), index.h("div", { key: 'b1612d95a743dcae249cf599d2992334860d18ed', role: "status", "aria-live": "polite", "aria-atomic": "true", class: "sr-only" }, this.announceMessage), index.h("span", { key: '9e82f7e5c990fe28262b8d2e9e29c5798de6361a', id: `search-hint-${this.instanceId}`, class: "sr-only" }, "Press Enter to send, Shift+Enter for new line")))), index.h("div", { key: '8dc85d74f527e71740be69390b2bcb63dae7d9f2', class: "p-1 self-end flex space-x-1 flex-row", style: { width: this.hideAllButtons ? "100%" : "auto" } }, index.h("div", { key: '6fcc7bf366bb78e60040065d216e524cc8df2fb6', "aria-label": "Record voice", class: "flex self-center", style: { width: this.hideAllButtons ? "100%" : "auto" } }, this.isEnableMic && (index.h("audio-recorder", { key: 'aa4e4f3a0938899ce6d2a66e46039a1d7bc9e47c', "component-type": "cta", onStartRecord: _ev => {
|
|
1605
1606
|
// console.log("test", ev)
|
|
1606
1607
|
this.hideAllButtons = true;
|
|
1607
1608
|
}, onStopRecord: _ev => {
|
|
@@ -1619,14 +1620,14 @@ const InputForm = class {
|
|
|
1619
1620
|
});
|
|
1620
1621
|
}
|
|
1621
1622
|
}, 1000);
|
|
1622
|
-
}, style: { width: "100%" } }))), " ", !this.hideAllButtons && (index.h("div", { key: '
|
|
1623
|
+
}, style: { width: "100%" } }))), " ", !this.hideAllButtons && (index.h("div", { key: '9b37aa9e5bf5e20362aec284e5846fb9d15b3fe6', class: "flex items-center" }, index.h("div", { key: 'c7e8ce1d5a3b9e4b1ebfedf4a8662d09f46ba1da', "aria-label": "Send message", class: "flex" }, index.h("button", { key: '2d478d9f508c205a125b3124b147c452274fbc68', id: `send-message-button-${this.instanceId}`, class: "btn-bg-color text-white transition rounded-full p-1.5 self-center",
|
|
1623
1624
|
// type="submit"
|
|
1624
|
-
disabled: this.submitted, onClick: this.handleAskAI, tabindex: "0", "aria-label": "Send Message", title: "Send Message" }, index.h("svg", { key: '
|
|
1625
|
+
disabled: this.submitted, onClick: this.handleAskAI, tabindex: "0", "aria-label": "Send Message", title: "Send Message" }, index.h("svg", { key: 'e1cd952546d84d1414d75fef3a1541d2a9ee93c8', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "currentColor", class: "size-6" }, index.h("path", { key: 'fc3bf39d1d09579b7c94a1ec7da1591306a110a8', "fill-rule": "evenodd", d: "M8 14a.75.75 0 0 1-.75-.75V4.56L4.03 7.78a.75.75 0 0 1-1.06-1.06l4.5-4.5a.75.75 0 0 1 1.06 0l4.5 4.5a.75.75 0 0 1-1.06 1.06L8.75 4.56v8.69A.75.75 0 0 1 8 14Z", "clip-rule": "evenodd" })))))))), this.imagesBase64List.length > 0 && (index.h("div", { key: 'd905d67f0c8a6098a18103f94654fdf8c6c8cba8', class: "flex flex-wrap gap-2 mx-1 mt-2.5 mb-1" }, this.imagesBase64List.map((img, idx) => (index.h("div", { class: "image-Container sc-ai12z-input-form", key: idx }, index.h("img", { src: img, style: { width: "70px", height: "50px", borderRadius: "12px" } }), index.h("span", { class: "delete-image sc-ai12z-input-form cursor-pointer ml-1", onClick: () => {
|
|
1625
1626
|
this.imagesBase64List = this.imagesBase64List.filter((_, i) => i !== idx);
|
|
1626
1627
|
if (this.imageUploaderRef && typeof this.imageUploaderRef.removeImageAtIndex === "function") {
|
|
1627
1628
|
this.imageUploaderRef.removeImageAtIndex(idx);
|
|
1628
1629
|
}
|
|
1629
|
-
} }, "\u00D7"))))))), this.showErrorMessage && (index.h("div", { key: '
|
|
1630
|
+
} }, "\u00D7"))))))), this.showErrorMessage && (index.h("div", { key: 'd0299b6b3b4ce673cfdd34c18f621f22b842d012', class: "flex" }, " ", index.h("p", { key: 'e242f7eb1077ca1d42383be1f7e6b516d520943d', class: "error-msg", innerHTML: this.errorMessage }))), this.emptyMessageError && (index.h("div", { key: 'efc09e0c4f4c8fa482e637b9d333d9fa34cb8755', class: "flex" }, index.h("p", { key: '8fce4974e457cc1fae384b3afffaf40c855c6029', id: `message-error-${this.instanceId}`, class: "error-msg", role: "alert" }, "Message cannot be empty. Please enter a message to send."))), this.chatLength === 0 && (index.h("div", { key: '3830baf08165c436d2a5734a5cefe0058a13b8a5', class: "enter-tip", role: "tooltip" }, "Tip: Press Enter to send, Shift+Enter for new line", " ", index.h("button", { key: 'ab7e1fd2c4e3a3db27aaf96d9229338e5620a2d6', onClick: () => (this.showShortcutsDialog = true), class: "keyboard-shortcuts-btn", "aria-label": "Show keyboard shortcuts", title: "Keyboard shortcuts (?)", tabindex: "0" }, index.h("svg", { key: '37f6af012b2a226335722a621f56ce964e69b909', width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("circle", { key: 'b2e7a7419a2b851afa367e3858f4d15274e06281', cx: "12", cy: "12", r: "10" }), index.h("path", { key: '86d08bc59dd8c360a49dbc7e865ceec67c2dde0f', d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }), index.h("line", { key: '3e477f3a6129e744fb85b5bb61ec5ada98adc178', x1: "12", y1: "17", x2: "12.01", y2: "17" })))))), this.showShortcutsDialog && (index.h("keyboard-shortcuts-dialog", { key: 'f6dacee45d6974891f55eb1675047a0e04be0364', show: this.showShortcutsDialog, shortcuts: this.shortcuts, onCloseDialog: () => (this.showShortcutsDialog = false) }))));
|
|
1630
1631
|
}
|
|
1631
1632
|
get el() { return index.getElement(this); }
|
|
1632
1633
|
};
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
var index = require('./index-v8T1EJAJ.js');
|
|
4
4
|
var utils = require('./utils-DZMolZh2.js');
|
|
5
5
|
var processCarouselData = require('./processCarouselData-BXglENd8.js');
|
|
6
|
-
var botHelpers = require('./botHelpers-
|
|
6
|
+
var botHelpers = require('./botHelpers-CKQb1s6M.js');
|
|
7
7
|
var index$1 = require('./index-B6xfVjPU.js');
|
|
8
8
|
var purify_es = require('./purify.es-B7Ashs9w.js');
|
|
9
9
|
require('./_commonjsHelpers-MBWFX2dn.js');
|
|
@@ -7,7 +7,7 @@ var socketService = require('./socket-service-Z-_NrATj.js');
|
|
|
7
7
|
var globalStore = require('./global-store-R6x06KvJ.js');
|
|
8
8
|
var reCaptchaHelpers = require('./reCaptchaHelpers-DIDQT22p.js');
|
|
9
9
|
var ctaHelpers = require('./ctaHelpers-CdztrD6A.js');
|
|
10
|
-
var beacon = require('./beacon-
|
|
10
|
+
var beacon = require('./beacon-BfQLEgoi.js');
|
|
11
11
|
var appStore = require('./app-store-BtkiHvcw.js');
|
|
12
12
|
var bodyScrollLock = require('./bodyScrollLock-C7gKTAfx.js');
|
|
13
13
|
var purify_es = require('./purify.es-B7Ashs9w.js');
|
|
@@ -625,7 +625,7 @@ const Ai12zCta = class {
|
|
|
625
625
|
? !((_x = this.ctaSettings) === null || _x === void 0 ? void 0 : _x.buttonText) && ((_y = this.ctaSettings) === null || _y === void 0 ? void 0 : _y.iconSrc)
|
|
626
626
|
? ""
|
|
627
627
|
: this.pButtonText
|
|
628
|
-
: (_z = this.ctaSettings) === null || _z === void 0 ? void 0 : _z.buttonText, iconSrc: (_1 = (_0 = this.ctaSettings) === null || _0 === void 0 ? void 0 : _0.iconSrc) !== null && _1 !== void 0 ? _1 : "", followUpLabel: (_3 = (_2 = this.ctaSettings) === null || _2 === void 0 ? void 0 : _2.followUpLabel) !== null && _3 !== void 0 ? _3 : "Do you have a follow up question?", isImageUpload: (_5 = (_4 = this.ctaSettings) === null || _4 === void 0 ? void 0 : _4.imageUpload) !== null && _5 !== void 0 ? _5 : true, isEnableMic: (_7 = (_6 = this.ctaSettings) === null || _6 === void 0 ? void 0 : _6.enableMic) !== null && _7 !== void 0 ? _7 : true, "data-key": this.dataKey, "data-mode": this.dataMode }), !this.showHistory && !this.ctaSettings.textareaAtBottom && index.h("div", { class: "welcome-template-top-container" }, this.displayMessage())), index.h("div", { id: "main-content", class: "content-area" }, index.h("div", { class: "custom-results" }, !this.isChat && !((_8 = this.ctaSettings) === null || _8 === void 0 ? void 0 : _8.categorize) && index.h(SearchResult.SearchResult, { results: this.searchResults }), !this.isChat && ((_9 = this.ctaSettings) === null || _9 === void 0 ? void 0 : _9.categorize) && index.h("ai12z-category", { categoryList: this.searchResults, linkTarget: (_10 = this.ctaSettings) === null || _10 === void 0 ? void 0 : _10.linkTarget })), this.isChat && (index.h("ai12z-chat", {
|
|
628
|
+
: (_z = this.ctaSettings) === null || _z === void 0 ? void 0 : _z.buttonText, iconSrc: (_1 = (_0 = this.ctaSettings) === null || _0 === void 0 ? void 0 : _0.iconSrc) !== null && _1 !== void 0 ? _1 : "", followUpLabel: (_3 = (_2 = this.ctaSettings) === null || _2 === void 0 ? void 0 : _2.followUpLabel) !== null && _3 !== void 0 ? _3 : "Do you have a follow up question?", isImageUpload: (_5 = (_4 = this.ctaSettings) === null || _4 === void 0 ? void 0 : _4.imageUpload) !== null && _5 !== void 0 ? _5 : true, isEnableMic: (_7 = (_6 = this.ctaSettings) === null || _6 === void 0 ? void 0 : _6.enableMic) !== null && _7 !== void 0 ? _7 : true, openMenuUpward: this.ctaSettings.textareaAtBottom, "data-key": this.dataKey, "data-mode": this.dataMode }), !this.showHistory && !this.ctaSettings.textareaAtBottom && index.h("div", { class: "welcome-template-top-container" }, this.displayMessage())), index.h("div", { id: "main-content", class: "content-area" }, index.h("div", { class: "custom-results" }, !this.isChat && !((_8 = this.ctaSettings) === null || _8 === void 0 ? void 0 : _8.categorize) && index.h(SearchResult.SearchResult, { results: this.searchResults }), !this.isChat && ((_9 = this.ctaSettings) === null || _9 === void 0 ? void 0 : _9.categorize) && index.h("ai12z-category", { categoryList: this.searchResults, linkTarget: (_10 = this.ctaSettings) === null || _10 === void 0 ? void 0 : _10.linkTarget })), this.isChat && (index.h("ai12z-chat", {
|
|
629
629
|
// socket={this.socket}
|
|
630
630
|
chats: this.chatHistory, env: this.dataMode, query: this.formData.search, apiKey: this.dataKey, aiMessageId: this.aiMessageId, imgFiles: this.imgFiles, target: ((_11 = this.ctaSettings) === null || _11 === void 0 ? void 0 : _11.linkTarget) === "" ? "_blank" : (_12 = this.ctaSettings) === null || _12 === void 0 ? void 0 : _12.linkTarget, voiceType: ((_13 = this.ctaSettings) === null || _13 === void 0 ? void 0 : _13.audioType) || "default", voice: ((_14 = this.ctaSettings) === null || _14 === void 0 ? void 0 : _14.voice) || "Google US English", onFeedback: async (event) => {
|
|
631
631
|
const { feedback, insightId } = event.detail;
|
|
@@ -8,9 +8,9 @@ var processCarouselData = require('./processCarouselData-BXglENd8.js');
|
|
|
8
8
|
var globalStore = require('./global-store-R6x06KvJ.js');
|
|
9
9
|
var index$1 = require('./index-B6xfVjPU.js');
|
|
10
10
|
var surveyHelpers = require('./surveyHelpers-B9t5lxy4.js');
|
|
11
|
-
var botHelpers = require('./botHelpers-
|
|
11
|
+
var botHelpers = require('./botHelpers-CKQb1s6M.js');
|
|
12
12
|
var analyticsService = require('./analyticsService-CkAva47S.js');
|
|
13
|
-
var beacon = require('./beacon-
|
|
13
|
+
var beacon = require('./beacon-BfQLEgoi.js');
|
|
14
14
|
require('./_commonjsHelpers-MBWFX2dn.js');
|
|
15
15
|
|
|
16
16
|
const ai12zKnowledgeBoxCss = () => `:host{font-family:var(--ai12z-knowledge-box-font-family) !important;font-size:var(--ai12z-knowledge-box-font-size) !important;color:var(--ai12z-knowledge-box-font-color, black);text-align:var(--ai12z-knowledge-box-text-align, left)}.ai12z-kb-wrapper{background-color:var(--ai12z-knowledge-box-bg-color)}.ai12z-suggest-container{padding:32px 32px 32px 32px;flex:none}.ai12z-suggest-answer{font-size:var(--ai12z-knowledge-box-font-size)}.ai12z-suggest-title{font-weight:700}.ai12z-suggest-align{float:left}.ai12z-suggest-relevance{text-align:end}.ai12z-suggest-error-msg{color:rgb(239 68 68)}.ai12z-suggest-hide{display:none}.ai12z-suggest-thumbs{margin-left:90%}.ai12z-suggest-thumbs-up{fill:var(--ai12z-feedback-selected);width:24px}.ai12z-suggest-thumbs-down{fill:var(--ai12z-feedback-selected);width:24px}.not-allowed{cursor:not-allowed}.ai12zBtn{background-color:var(--ai12z-knowledge-box-button-bgcolor);color:var(--ai12z-knowledge-box-button-color) !important;padding:5px 10px;border:none;border-radius:5px;cursor:pointer;text-decoration:none !important;margin:5px}.custom-privacy{color:var(--ai12z-knowledge-box-privacy-color);text-align:center;font-size:var(--ai12z-knowledge-box-privacy-font-size);margin-top:10px}button:focus-visible{outline:2px solid var(--ai12z-knowledge-box-focus-visible-color, #0A2A43);outline-offset:2px}button.kb-btn-primary:focus-visible{outline:2px solid var(--ai12z-knowledge-box-focus-visible-color-primary, --ai12z-knowledge-box-focus-visible-color);outline-offset:2px}button.kb-btn-secondary:focus-visible{outline:2px solid var(--ai12z-knowledge-box-focus-visible-color-secondary, --ai12z-knowledge-box-focus-visible-color)}.diamond-icon{color:var(--ai12z-knowledge-box-icon-color, #a5e6e6);width:28px;height:28px;transform-origin:center;}.diamond-icon.loading{animation:rotate 2s linear infinite}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}`;
|