athena-xai-chat 1.0.74 → 1.0.76

package/dist/athena-xai-chat.es.js

@@ -3010,7 +3010,7 @@ ae.styles = dA`
         .athena-xai-select-chat__loader-heading {
             font-weight: 300;
             font-size: clamp(20px, 4vw, 44px);
-            line-height: 48px;
+            line-height: clamp(1.05, 1.2, 1.3);
             letter-spacing: 0;
             text-align: center;
             text-transform: uppercase;
@@ -6832,7 +6832,10 @@ let NA = class extends k {
     if (t) return p`<athena-xai-select-chat-error></athena-xai-select-chat-error>`;
     const n = e.some((v) => v?.results?.length);
     return p`
-            <section class="athena-xai-select-chat__chat-outer-container">
+            <section 
+                class="athena-xai-select-chat__chat-outer-container"
+                ${n ? 'style="min-height: 850px;"' : 'style="min-height: 650px;"'}
+            >
                 <h1 class="athena-xai-select-chat__initial-heading">
                     ${J.selectChatTranslations[this._lang].title}
                 </h1>
@@ -6846,10 +6849,12 @@ let NA = class extends k {
                 </div>
                 
                 <section 
-                    class=${n ? "athena-xai-select-chat__chat-inner-container" : "athena-xai-select-chat__chat-inner-container athena-xai-select-chat__max-width"}
+                    class=${n ? "athena-xai-select-chat__chat-inner-container-results" : "athena-xai-select-chat__chat-inner-container athena-xai-select-chat__max-width"}
                 >
                     ${e.map((v, r) => p`
-                            <div class="athena-xai-select-chat__message-wrapper">
+                            <div 
+                                class=${n ? "athena-xai-select-chat__message-wrapper-results" : "athena-xai-select-chat__message-wrapper"}
+                            >
                                 ${v?.text !== "" ? p`
                                         <div class="athena-xai-select-chat__bubble-container">
                                             <div class="athena-xai-select-chat__bubble-image-container">
@@ -6919,7 +6924,6 @@ NA.styles = [dA`
             align-items: flex-end;
             flex: 1;
             background: #FFFFFF;
-            min-height: 850px;
             position: relative;
             overflow: auto;
             scrollbar-width: none; 
@@ -6941,6 +6945,16 @@ NA.styles = [dA`
             padding: 20px 0;
             margin: 0 auto;   
         }
+
+        .athena-xai-select-chat__chat-inner-container-results {
+            display: flex;
+            flex-direction: column;
+            gap: 8px;
+
+            width: 100%;
+            padding: 20px 0;
+            margin: 0 auto;
+        }
         
         .athena-xai-select-chat__max-width {
             max-width: 500px;
@@ -7080,6 +7094,13 @@ NA.styles = [dA`
             justify-content: flex-end;
         }
 
+        .athena-xai-select-chat__message-wrapper-results {
+            display: flex;
+            flex-direction: column;
+            gap: 8px;
+            justify-content: flex-end;
+        }
+
         .athena-xai-select-chat__message-wrapper:last-of-type {
             padding-bottom: 160px !important;
         }
@@ -7134,7 +7155,7 @@ NA.styles = [dA`
         
         @media(max-width: 768px) {
             .athena-xai-select-chat__chat-outer-container {
-                min-height: auto;
+                min-height: auto !important;
             }
 
             .athena-xai-select-chat__initial-image {

package/dist/athena-xai-chat.umd.js

@@ -943,7 +943,7 @@ Ces cadeaux viennent du cœur:`}}}},$t=A=>`${I.api.baseUrl}${I.api.endpoints[A]}
         .athena-xai-select-chat__loader-heading {
             font-weight: 300;
             font-size: clamp(20px, 4vw, 44px);
-            line-height: 48px;
+            line-height: clamp(1.05, 1.2, 1.3);
             letter-spacing: 0;
             text-align: center;
             text-transform: uppercase;
@@ -1713,7 +1713,10 @@ Ces cadeaux viennent du cœur:`}}}},$t=A=>`${I.api.baseUrl}${I.api.endpoints[A]}
                 }
             }
         `],lA([Y()],zA.prototype,"_selectedResult",2),lA([Y()],zA.prototype,"_isMobile",2),lA([Y()],zA.prototype,"_isSwiperInitialized",2),lA([OA({type:Array})],zA.prototype,"results",2),lA([Y()],zA.prototype,"_activeTextMessage",2),lA([Y()],zA.prototype,"_seenResults",2),lA([Y()],zA.prototype,"_isRelaxed",2),lA([Y()],zA.prototype,"_loveLanguage",2),lA([Y()],zA.prototype,"_lang",2),zA=lA([eA("athena-xai-select-chat-results")],zA);var Dv=Object.defineProperty,Mv=Object.getOwnPropertyDescriptor,Pe=(A,e,t,n)=>{for(var f=n>1?void 0:n?Mv(e,t):e,r=A.length-1,v;r>=0;r--)(v=A[r])&&(f=(n?v(e,t,f):v(f))||f);return n&&f&&Dv(e,t,f),f};let WA=class extends h{constructor(){super(...arguments),this._isVisible=!0,this._shouldShowFirstPage=!0,this._lang="en",this.websiteToken=""}_scrollDownObserver(){const A=this.renderRoot.querySelector(".athena-xai-select-chat__chat-outer-container");if(!A||A._observerAttached)return;A._observerAttached=!0,new MutationObserver(()=>{A.scrollTo({top:A.scrollHeight,behavior:"smooth"})}).observe(A,{childList:!0,subtree:!0})}_resetChat(){this.addEventListener("select-chat-reset",async()=>{this._isVisible=!0,await this.selectChatController?.reset(),window.innerWidth<=768&&this._isVisible&&window.scrollTo({top:60,behavior:"smooth"})})}_makeNewRecommendation(){this.addEventListener("make-new-recommendation",async A=>{await this.selectChatController?.fetchRecommendedProducts(A?.detail?.seen_results)})}async connectedCallback(){super.connectedCallback(),this._lang=document.documentElement.lang||"en",window.innerWidth<=768&&this._isVisible&&window.scrollTo({top:60,behavior:"smooth"}),await tr(),this.selectChatController=new Lr(this,this.websiteToken),this.addEventListener("initialize-select-chat",async()=>{this._shouldShowFirstPage=!1,await this.selectChatController?.startConversation()}),this._resetChat(),this._makeNewRecommendation()}updated(){this._scrollDownObserver()}render(){if(this._shouldShowFirstPage)return Z`<athena-xai-select-chat-initial></athena-xai-select-chat-initial>`;if(!this.selectChatController)return;const{messages:A,isLoading:e,isResetLoading:t,isError:n}=this.selectChatController;if(e)return Z`<athena-xai-select-chat-loader></athena-xai-select-chat-loader>`;if(n)return Z`<athena-xai-select-chat-error></athena-xai-select-chat-error>`;const f=A.some(r=>r?.results?.length);return Z`
-            <section class="athena-xai-select-chat__chat-outer-container">
+            <section 
+                class="athena-xai-select-chat__chat-outer-container"
+                ${f?'style="min-height: 850px;"':'style="min-height: 650px;"'}
+            >
                 <h1 class="athena-xai-select-chat__initial-heading">
                     ${I.selectChatTranslations[this._lang].title}
                 </h1>
@@ -1727,10 +1730,12 @@ Ces cadeaux viennent du cœur:`}}}},$t=A=>`${I.api.baseUrl}${I.api.endpoints[A]}
                 </div>
                 
                 <section 
-                    class=${f?"athena-xai-select-chat__chat-inner-container":"athena-xai-select-chat__chat-inner-container athena-xai-select-chat__max-width"}
+                    class=${f?"athena-xai-select-chat__chat-inner-container-results":"athena-xai-select-chat__chat-inner-container athena-xai-select-chat__max-width"}
                 >
                     ${A.map((r,v)=>Z`
-                            <div class="athena-xai-select-chat__message-wrapper">
+                            <div 
+                                class=${f?"athena-xai-select-chat__message-wrapper-results":"athena-xai-select-chat__message-wrapper"}
+                            >
                                 ${r?.text!==""?Z`
                                         <div class="athena-xai-select-chat__bubble-container">
                                             <div class="athena-xai-select-chat__bubble-image-container">
@@ -1795,7 +1800,6 @@ Ces cadeaux viennent du cœur:`}}}},$t=A=>`${I.api.baseUrl}${I.api.endpoints[A]}
             align-items: flex-end;
             flex: 1;
             background: #FFFFFF;
-            min-height: 850px;
             position: relative;
             overflow: auto;
             scrollbar-width: none; 
@@ -1817,6 +1821,16 @@ Ces cadeaux viennent du cœur:`}}}},$t=A=>`${I.api.baseUrl}${I.api.endpoints[A]}
             padding: 20px 0;
             margin: 0 auto;   
         }
+
+        .athena-xai-select-chat__chat-inner-container-results {
+            display: flex;
+            flex-direction: column;
+            gap: 8px;
+
+            width: 100%;
+            padding: 20px 0;
+            margin: 0 auto;
+        }
         
         .athena-xai-select-chat__max-width {
             max-width: 500px;
@@ -1956,6 +1970,13 @@ Ces cadeaux viennent du cœur:`}}}},$t=A=>`${I.api.baseUrl}${I.api.endpoints[A]}
             justify-content: flex-end;
         }
 
+        .athena-xai-select-chat__message-wrapper-results {
+            display: flex;
+            flex-direction: column;
+            gap: 8px;
+            justify-content: flex-end;
+        }
+
         .athena-xai-select-chat__message-wrapper:last-of-type {
             padding-bottom: 160px !important;
         }
@@ -2010,7 +2031,7 @@ Ces cadeaux viennent du cœur:`}}}},$t=A=>`${I.api.baseUrl}${I.api.endpoints[A]}
         
         @media(max-width: 768px) {
             .athena-xai-select-chat__chat-outer-container {
-                min-height: auto;
+                min-height: auto !important;
             }
 
             .athena-xai-select-chat__initial-image {

package/package.json

@@ -4,7 +4,7 @@
     "files": [
         "dist"
     ],
-    "version": "1.0.74",
+    "version": "1.0.76",
     "type": "module",
     "scripts": {
         "dev": "vite",