@coveo/quantic 3.31.3 → 3.32.0

package/force-app/main/default/labels/CustomLabels.labels-meta.xml

@@ -1617,4 +1617,11 @@
     <protected>false</protected>
     <shortDescription>Insights related to this case</shortDescription>
   </labels>
+  <labels>
+    <fullName>quantic_NoGeneratedAnswer</fullName>
+    <value>No generated answer available.</value>
+    <language>en_US</language>
+    <protected>false</protected>
+    <shortDescription>No generated answer available.</shortDescription>
+  </labels>
 </CustomLabels>

package/force-app/main/default/lwc/quanticGeneratedAnswer/quanticGeneratedAnswer.js

@@ -10,6 +10,7 @@ import generatingAnswer from '@salesforce/label/c.quantic_GeneratingAnswer';
 import harmful from '@salesforce/label/c.quantic_Harmful';
 import inaccurate from '@salesforce/label/c.quantic_Inaccurate';
 import irrelevant from '@salesforce/label/c.quantic_Irrelevant';
+import loading from '@salesforce/label/c.quantic_Loading';
 import other from '@salesforce/label/c.quantic_Other';
 import outOfDate from '@salesforce/label/c.quantic_OutOfDate';
 import rgaDisclaimer from '@salesforce/label/c.quantic_RGADisclaimer';
@@ -17,6 +18,7 @@ import thisAnswerWasHelpful from '@salesforce/label/c.quantic_ThisAnswerWasHelpf
 import thisAnswerWasNotHelpful from '@salesforce/label/c.quantic_ThisAnswerWasNotHelpful';
 import tryAgain from '@salesforce/label/c.quantic_TryAgain';
 import whyGeneratedAnswerWasNotHelpful from '@salesforce/label/c.quantic_WhyGeneratedAnswerWasNotHelpful';
+import noGeneratedAnswer from '@salesforce/label/c.quantic_NoGeneratedAnswer';
 import FeedbackModalQna from 'c/quanticFeedbackModalQna';
 import {
   registerComponentForInit,
@@ -30,6 +32,8 @@ import errorTemplate from './templates/errorTemplate.html';
 // @ts-ignore
 import generatedAnswerTemplate from './templates/generatedAnswer.html';
 // @ts-ignore
+import loadingTemplate from './templates/loading.html';
+// @ts-ignore
 import retryPromptTemplate from './templates/retryPrompt.html';
 
 /** @typedef {import("coveo").SearchEngine} SearchEngine */
@@ -147,6 +151,8 @@ export default class QuanticGeneratedAnswer extends LightningElement {
     rgaDisclaimer,
     showMore,
     showLess,
+    loading,
+    noGeneratedAnswer,
   };
 
   /** @type {GeneratedAnswer} */
@@ -603,12 +609,16 @@ export default class QuanticGeneratedAnswer extends LightningElement {
     return !!slot?.assignedNodes()?.length;
   }
 
-  get shouldDisplayCustomNoAnswerMessage() {
-    return (
-      this.state?.cannotAnswer &&
-      this.searchStatusState?.hasResults &&
-      this.hasCustomNoAnswerMessage
-    );
+  get cannotAnswer() {
+    return this.state?.cannotAnswer && this.searchStatusState?.hasResults;
+  }
+
+  get isLoading() {
+    return this.state?.isLoading;
+  }
+
+  get isManualAnswerGeneration() {
+    return this.state?.answerGenerationMode === 'manual';
   }
 
   /**
@@ -622,6 +632,13 @@ export default class QuanticGeneratedAnswer extends LightningElement {
     if (this.hasInitializationError) {
       return errorTemplate;
     }
+    if (
+      this.isLoading &&
+      this.isManualAnswerGeneration &&
+      !this.state?.cannotAnswer
+    ) {
+      return loadingTemplate;
+    }
     if (this.hasRetryableError) {
       return retryPromptTemplate;
     }

package/force-app/main/default/lwc/quanticGeneratedAnswer/templates/generatedAnswer.html

@@ -70,9 +70,7 @@
                 </div>
               </template>
             </div>
-            <div
-              class={generatedAnswerFooterRowClass}
-            >
+            <div class={generatedAnswerFooterRowClass}>
               <template lwc:if={shouldShowCollapseGeneratingMessage}>
                 <div
                   data-testid="generated-answer__collapse-generating-message"
@@ -107,20 +105,42 @@
       </template>
     </div>
   </template>
-  <template lwc:if={shouldDisplayCustomNoAnswerMessage}>
-    <div data-testid="generated-answer__no-answer-card" class="slds-box">
-      <div class="generated-answer__card-header slds-grid">
-        <span
-          class="generated-answer__badge slds-var-p-around_x-small slds-text-title_bold"
-          >{labels.generatedAnswerForYou}</span
+  <template lwc:if={cannotAnswer}>
+    <template lwc:if={isManualAnswerGeneration}>
+      <div data-testid="generated-answer__no-answer-card" class="slds-box">
+        <div class="generated-answer__card-header slds-grid">
+          <span
+            class="generated-answer__badge slds-var-p-around_x-small slds-text-title_bold"
+            >{labels.generatedAnswerForYou}</span
+          >
+        </div>
+        <div
+          data-testid="generated-answer__no-answer-message"
+          class="generated-answer__content slds-var-m-top_medium"
         >
-      </div>
-      <div class="generated-answer__content slds-var-m-top_medium">
-        <div class={generatedAnswerClass}>
-          <slot name="no-answer-message"></slot>
+          <div class={generatedAnswerClass}>
+            <slot name="no-answer-message">{labels.noGeneratedAnswer}</slot>
+          </div>
         </div>
       </div>
-    </div>
+    </template>
+    <template lwc:else>
+      <template lwc:if={hasCustomNoAnswerMessage}>
+        <div data-testid="generated-answer__no-answer-card" class="slds-box">
+          <div class="generated-answer__card-header slds-grid">
+            <span
+              class="generated-answer__badge slds-var-p-around_x-small slds-text-title_bold"
+              >{labels.generatedAnswerForYou}</span
+            >
+          </div>
+          <div class="generated-answer__content slds-var-m-top_medium">
+            <div class={generatedAnswerClass}>
+              <slot name="no-answer-message"> </slot>
+            </div>
+          </div>
+        </div>
+      </template>
+    </template>
   </template>
   <div class="slds-hide">
     <slot name="no-answer-message"></slot>

package/force-app/main/default/lwc/quanticGeneratedAnswer/templates/loading.css

@@ -0,0 +1,3 @@
+.generated-answer__spinner {
+  height: 40px;
+}

package/force-app/main/default/lwc/quanticGeneratedAnswer/templates/loading.html

@@ -0,0 +1,10 @@
+<template>
+  <div
+    class="slds-is-relative slds-align_absolute-center generated-answer__spinner"
+  >
+    <lightning-spinner
+      alternative-text={labels.loading}
+      size="small"
+    ></lightning-spinner>
+  </div>
+</template>