ai12z 3.8.1 → 3.8.2-alpha.2

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.
Files changed (58) hide show
  1. package/dist/cjs/ai12z-bot.cjs.entry.js +53 -9
  2. package/dist/cjs/ai12z-chat_2.cjs.entry.js +3 -3
  3. package/dist/cjs/ai12z-cta.cjs.entry.js +2 -2
  4. package/dist/cjs/ai12z-inline-search.cjs.entry.js +1 -1
  5. package/dist/cjs/ai12z-knowledge-box.cjs.entry.js +2 -2
  6. package/dist/cjs/ai12z-search-panel.cjs.entry.js +1 -1
  7. package/dist/cjs/index.cjs.js +2 -2
  8. package/dist/cjs/{keyboard-shortcuts-zlK9YsDQ.js → keyboard-shortcuts-Du1giXu-.js} +8 -1
  9. package/dist/cjs/search-results-page.cjs.entry.js +1 -1
  10. package/dist/cjs/{surveyHelpers-CNCUaRz3.js → surveyHelpers-UqwsHhog.js} +3 -1
  11. package/dist/collection/components/ai12z-bot/ai12z-bot.css +4 -356
  12. package/dist/collection/components/ai12z-bot/ai12z-bot.js +51 -7
  13. package/dist/collection/components/ai12z-cta/ai12z-cta.css +13 -3
  14. package/dist/collection/components/ai12z-cta/ai12z-cta.js +1 -1
  15. package/dist/collection/components/ai12z-cta/components/ai12z-chat.css +2 -0
  16. package/dist/collection/components/ai12z-inline-search/ai12z-inline-search.css +2 -0
  17. package/dist/collection/components/ai12z-knowledge-box/ai12z-knowledge-box.css +3 -1
  18. package/dist/collection/components/ai12z-search-panel/ai12z-search-panel.css +83 -0
  19. package/dist/collection/components/ai12z-search-panel/search-results-view.css +3 -3
  20. package/dist/collection/utils/botHelpers/processCarouselData.js +3 -1
  21. package/dist/collection/utils/endResponseHelper.js +6 -0
  22. package/dist/components/ai12z-bot.js +1 -1
  23. package/dist/components/ai12z-chat.js +1 -1
  24. package/dist/components/ai12z-cta.js +1 -1
  25. package/dist/components/ai12z-inline-search.js +1 -1
  26. package/dist/components/ai12z-knowledge-box.js +1 -1
  27. package/dist/components/ai12z-search-panel.js +1 -1
  28. package/dist/components/p-CdrDmtzv.js +1 -0
  29. package/dist/components/{p-DiCwpj-C.js → p-CspPu0Gq.js} +1 -1
  30. package/dist/components/{p-Ck-hTHVo.js → p-CtOKIOwL.js} +1 -1
  31. package/dist/components/search-results-page.js +1 -1
  32. package/dist/esm/ai12z-bot.entry.js +53 -9
  33. package/dist/esm/ai12z-chat_2.entry.js +3 -3
  34. package/dist/esm/ai12z-cta.entry.js +2 -2
  35. package/dist/esm/ai12z-inline-search.entry.js +1 -1
  36. package/dist/esm/ai12z-knowledge-box.entry.js +2 -2
  37. package/dist/esm/ai12z-search-panel.entry.js +1 -1
  38. package/dist/esm/index.js +2 -2
  39. package/dist/esm/{keyboard-shortcuts-Dw3Vuahq.js → keyboard-shortcuts-CC1svFCC.js} +8 -2
  40. package/dist/esm/search-results-page.entry.js +1 -1
  41. package/dist/esm/{surveyHelpers-BTSFid2h.js → surveyHelpers-CHR9npkE.js} +3 -1
  42. package/dist/library/index.esm.js +1 -1
  43. package/dist/library/library.esm.js +1 -1
  44. package/dist/library/{p-930cf4d6.entry.js → p-0c611fc9.entry.js} +1 -1
  45. package/dist/library/p-428c414d.entry.js +1 -0
  46. package/dist/library/{p-929cf0f7.entry.js → p-60c2b1a8.entry.js} +1 -1
  47. package/dist/library/p-997545b0.entry.js +1 -0
  48. package/dist/library/{p-D7wz48MD.js → p-CSr7Axy5.js} +1 -1
  49. package/dist/library/{p-D-skEr6x.js → p-D5OS5FEM.js} +1 -1
  50. package/dist/library/p-a80623b3.entry.js +1 -0
  51. package/dist/{components/p-ve6ZBhpu.js → library/p-d1a76720.entry.js} +1 -1
  52. package/dist/library/{p-0eec0f1e.entry.js → p-e5454449.entry.js} +1 -1
  53. package/dist/types/components/ai12z-bot/ai12z-bot.d.ts +2 -0
  54. package/package.json +2 -2
  55. package/dist/library/p-0ede6094.entry.js +0 -1
  56. package/dist/library/p-3acdb191.entry.js +0 -1
  57. package/dist/library/p-8d23774c.entry.js +0 -1
  58. package/dist/library/p-ba5118c8.entry.js +0 -1
@@ -2,8 +2,8 @@
2
2
 
3
3
  var index = require('./index-D6rBPKlo.js');
4
4
  var index$2 = require('./index-D9dEFtJk.js');
5
- var surveyHelpers = require('./surveyHelpers-CNCUaRz3.js');
6
- var keyboardShortcuts = require('./keyboard-shortcuts-zlK9YsDQ.js');
5
+ var surveyHelpers = require('./surveyHelpers-UqwsHhog.js');
6
+ var keyboardShortcuts = require('./keyboard-shortcuts-Du1giXu-.js');
7
7
  var logger$1 = require('./logger-B0ciK5Fh.js');
8
8
  var utils = require('./utils-BFbbOi1V.js');
9
9
  var index$1 = require('./index-AY8QuVSX.js');
@@ -971,7 +971,7 @@ function createScriptStyleLoader(config) {
971
971
  return new ScriptStyleLoader(config);
972
972
  }
973
973
 
974
- const ai12zBotCss = () => `:host{font-family:var(--ai12zBot-v2-font-family) !important;font-size:var(--ai12zBot-v2-font-size) !important}.floating-icon{position:fixed;cursor:pointer;top:90%;transform:translateY(-50%);background-color:var(--ai12z-bot-primary-bgcolor);color:var(--ai12z-bot-primary-color);padding:10px;border-radius:50%;box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);z-index:1000;}.custom-floating-icon{position:fixed;cursor:pointer;top:90%;transform:translateY(-50%);z-index:1000}.left{left:10px}.right{right:10px}.minimizebtn{margin:10px}.chat-window.minimized{width:350px;height:50px;overflow:hidden}.chat-window{position:fixed;bottom:20px;background-color:var(--ai12z-bot-primary-color);border:1px solid #ccc;box-shadow:0 2px 10px rgba(0, 0, 0, 0.2);display:flex;flex-direction:column;border-radius:10px;z-index:1000;opacity:0;transform:translateY(20px);transition:opacity 0.3s ease, transform 0.3s ease}.chat-left{left:70px}.chat-right{right:70px}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(20px) scale(0.9)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeOutSlideDown{0%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(20px) scale(0.9)}}.chat-window-open{animation:fadeInSlideUp 0.4s ease-out forwards;pointer-events:auto}.chat-window-close{pointer-events:none;animation:fadeOutSlideDown 0.3s ease-in forwards}.chat-header{background-color:var(--ai12z-bot-primary-bgcolor);color:var(--ai12z-bot-primary-color);padding:10px;display:flex;align-items:center;border-top-left-radius:10px;border-top-right-radius:10px;height:56px}.chat-name{flex-grow:1}.avatar{width:30px;height:30px;border-radius:50%;margin-right:10px}.header-title{margin:0 0 0 14px;padding:1px 0;font-size:14px;line-height:14px}.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}.message-user{align-self:flex-end;color:var(--ai12z-bot-primary-color);}.message-text{max-width:100%;display:inline-block;position:relative}.message-bot{align-self:flex-start;background-color:var(--ai12z-bot-secondary-bgcolor);color:var(--ai12z-bot-secondary-color);border-top-left-radius:0;flex-direction:row;border-radius:7px}.msg-wrapper{display:flex}.bot-avatar{width:30px;height:30px;border-radius:50%;margin-right:10px}.message-content{display:flex;flex-direction:column;align-items:flex-start;max-width:-moz-fit-content;max-width:fit-content}.message-timestamp{font-size:0.75rem;color:var(--ai12z-bot-text-mute);margin-top:2px;align-self:flex-end;}.chat-footer{flex-direction:column;padding:10px;display:flex;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top:1px solid var(--ai12z-bot-primary-bgcolor)}.chat-footer textarea{flex-grow:1;padding:5px;border-radius:6px;margin-right:5px;resize:none;scrollbar-width:thin;overflow:hidden}.chat-footer textarea:focus{outline:none;border-color:var(--ai12z-bot-primary-bgcolor)}.chat-footer button{color:var(--ai12z-bot-primary-bgcolor)}.chat-footers button{color:var(--ai12z-bot-primary-color);border:none;padding:5px 10px;border-radius:3px;cursor:pointer}.close-btn{background:none;border:none;color:var(--ai12z-bot-primary-color);font-size:20px;cursor:pointer}.timestamp{font-size:10px;color:var(--ai12z-bot-text-mute);margin:14px 0;text-align:center;text-transform:uppercase}span.prose{font-size:14px;}.message-user span.prose{color:var(--ai12z-bot-primary-color);background-color:var(--ai12z-bot-primary-bgcolor);padding:10px;border-radius:6px}#fileInput{display:none}.custom-attachment{cursor:pointer;display:flex;align-items:center;justify-content: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}.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}.hamburger{font-size:30px;background:none;border:none;color:white;cursor:pointer;padding-right:12px}@keyframes zoomIn{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes zoomOut{0%{transform:scale(1);opacity:1}100%{transform:scale(0);opacity:0}}.menu{position:absolute;top:55px;left:0;width:200px;background-color:var(--ai12z-bot-nav-bgcolor);color:var(--ai12z-bot-primary-color);overflow:hidden;transform-origin:top left}.menu.open{animation:zoomIn 0.5s forwards;}.menu.closed{animation:zoomOut 0.5s forwards;}.menu ul{list-style-type:none;padding:10px}.custom-privacy{color:var(--ai12z-bot-privacy-color);padding-bottom:10px;padding-left:5px;margin-top:auto;}.menu ul li{padding:10px;cursor:pointer}@media (max-width: 768px){.hide-chatbot{display:none !important}.chat-window{width:100% !important;height:100% !important;right:0%;bottom:0%}.pagination-controls button{padding:5px 5px}}.follow-up{display:flex;cursor:pointer;gap:0.5rem;color:var(--ai12z-bot-followup-color);font-size:var(--ai12z-bot-followup-font-size)}.custom-svg-checkbox{margin-top:0.25rem;width:1rem;height:1rem;position:absolute}.follow-up-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1rem;height:1rem;border-width:2px;flex-shrink:0;margin-top:0.25rem;border-radius:0.125rem;border-color:rgb(59 130 246)}.follow-up-input:checked{background-color:var(--ai12z-bot-followup-bg-color);border-width:0px}.bubble-width{width:90%}`;
974
+ 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}}`;
975
975
 
976
976
  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:0.75rem;border-top-right-radius:0.75rem;--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:0.75rem;border-top-right-radius:0.75rem}.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:1rem;height:1rem}.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:0.25rem;--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:1.5rem;height:1.5rem}.plus-icon{color:var(--ai12zBot-v2-searchbar-plus-icon-color);font-size:24px;width:1.5rem;height:1.5rem}.grow-wrap>.textarea,.grow-wrap:after{min-height:48px;align-content:center;border-radius:1.5rem;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:1.5rem}.thumbs-down{fill:var( --ai12zBot-v2-feedback-selected);width:1.5rem}.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, --ai12zBot-v2-focus-visible-color);outline-offset:2px}button.bot-btn-secondary:focus-visible{outline:2px solid var(--ai12zBot-v2-focus-visible-color-secondary, --ai12zBot-v2-focus-visible-color)}.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:0.25rem}.error-msg{color:#dc2626;font-size:0.75rem;display:block;animation:slideIn 0.2s ease-out}@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)}}`;
977
977
 
@@ -1556,12 +1556,15 @@ const Ai12zBot = class {
1556
1556
  this.visitorID = "ai12z-" + localStorage.getItem(`ai12z-visitorId`);
1557
1557
  if (sessionStorage.getItem("ai12z-botState")) {
1558
1558
  const botState = JSON.parse(sessionStorage.getItem("ai12z-botState"));
1559
- this.isOpened = botState.isOpened;
1560
- this.isMinimized = botState.isMinimized;
1561
- this.isExpanded = botState.isExpanded;
1562
- this.conversationId = botState.conversationId;
1563
- if (!botState.newChat) {
1564
- this.messages = [...botState.messages || []];
1559
+ console.log("botState", botState);
1560
+ if (botState.projectId === this.botSettings.pId) {
1561
+ this.isOpened = botState.isOpened;
1562
+ this.isMinimized = botState.isMinimized;
1563
+ this.isExpanded = botState.isExpanded;
1564
+ this.conversationId = botState.conversationId;
1565
+ if (!botState.newChat) {
1566
+ this.messages = [...botState.messages || []];
1567
+ }
1565
1568
  }
1566
1569
  setTimeout(() => {
1567
1570
  this.scrollToBottom();
@@ -1588,6 +1591,46 @@ const Ai12zBot = class {
1588
1591
  if (!this.assetLoader) {
1589
1592
  this.initializeAssetLoader();
1590
1593
  }
1594
+ if (this.messages.length > 0) {
1595
+ requestAnimationFrame(() => {
1596
+ this.hydrateMessagesFromState();
1597
+ });
1598
+ }
1599
+ }
1600
+ async hydrateMessagesFromState() {
1601
+ var _a;
1602
+ if (!((_a = this.el) === null || _a === void 0 ? void 0 : _a.shadowRoot) || this.messages.length === 0) {
1603
+ return;
1604
+ }
1605
+ await new Promise(resolve => requestAnimationFrame(() => resolve()));
1606
+ for (const message of this.messages) {
1607
+ if (message.isUser || !message.id) {
1608
+ continue;
1609
+ }
1610
+ if (message.controlType === "template") {
1611
+ this.processTemplateData(message, message.itemComponent);
1612
+ }
1613
+ else if (message.controlType === "form") {
1614
+ if (!message.surveyDomId) {
1615
+ continue;
1616
+ }
1617
+ this.surveyDomId = message.surveyDomId;
1618
+ const messageContainer = await keyboardShortcuts.waitForElementRender(`#${message.id}`, this.el);
1619
+ if (!messageContainer.querySelector(`#${message.surveyDomId}`)) {
1620
+ await keyboardShortcuts.waitForElementRender(`#${message.surveyDomId}`, this.el);
1621
+ }
1622
+ await this.renderSurvey(message.itemComponent);
1623
+ }
1624
+ else if (message.controlType === "carousel") {
1625
+ this.processChatData(message, message.itemComponent);
1626
+ }
1627
+ else if (message.controlType) {
1628
+ this.addEventListeners(`#${message.id}`);
1629
+ }
1630
+ if (message.controlType !== "form") {
1631
+ this.checkHighlightcode(message.id);
1632
+ }
1633
+ }
1591
1634
  }
1592
1635
  disconnectedCallback() {
1593
1636
  // Remove event listener when component is destroyed
@@ -1981,6 +2024,7 @@ const Ai12zBot = class {
1981
2024
  showIcon: data.controlType ? false : true,
1982
2025
  insightId: (_f = data === null || data === void 0 ? void 0 : data.insightId) !== null && _f !== void 0 ? _f : null,
1983
2026
  sender: (_g = data === null || data === void 0 ? void 0 : data.sender) !== null && _g !== void 0 ? _g : null,
2027
+ itemComponent: data,
1984
2028
  };
1985
2029
  // this.addEventListeners(`#${this.currentDomId}`)
1986
2030
  this.messages = this.messages.map(item => (item.id === this.currentDomId ? updatedmsg : item));