@coveo/quantic 3.41.0 → 3.42.1

package/force-app/main/default/lwc/quanticGeneratedAnswerFollowUpInput/quanticGeneratedAnswerFollowUpInput.html

@@ -1,23 +1,24 @@
 <template>
   <div class={inputContainerClasses}>
-    <lightning-input
-      class="slds-col slds-grow follow-up-input__input"
-      type="text" 
-      variant="label-hidden" 
-      label={labels.askFollowUp}
-      placeholder={labels.askFollowUp}
-      name="ask-followup"
-      lwc:ref="askFollowUpInput"
-      onfocus={handleFocus}
-      onblur={handleBlur}
-      onkeydown={handleKeyDown}
-    ></lightning-input>
+    <div class="follow-up-input__expander slds-grow" lwc:ref="expander">
+      <textarea
+        class="follow-up-input__textarea"
+        lwc:ref="askFollowUpInput"
+        rows="1"
+        placeholder={labels.askFollowUp}
+        aria-label={labels.askFollowUp}
+        onfocus={handleFocus}
+        onblur={handleBlur}
+        oninput={handleInput}
+        onkeydown={handleKeyDown}
+      ></textarea>
+    </div>
     <lightning-button-icon
       disabled={submitButtonDisabled}
       onclick={handleSubmitFollowUp}
       icon-name="utility:arrowup"
       variant="brand"
-      class="slds-col slds-grow-none slds-align_absolute-center"
+      class="follow-up-input__submit-button"
       name="submit-follow-up"
       title={labels.submitFollowUp}
       aria-label={labels.submitFollowUp}

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

@@ -33,10 +33,16 @@ export default class QuanticGeneratedAnswerFollowUpInput extends LightningElemen
       return;
     }
 
-    if (event.key === keys.ENTER) {
+    if (event.key === keys.ENTER && !event.shiftKey) {
       event.preventDefault();
       this.handleSubmitFollowUp();
     }
+
+    if (event.key === keys.ESC) {
+      event.stopPropagation();
+      event.preventDefault();
+      this.refs.askFollowUpInput.blur();
+    }
   }
 
   handleSubmitFollowUp() {
@@ -48,14 +54,46 @@ export default class QuanticGeneratedAnswerFollowUpInput extends LightningElemen
     }
     this.sendSubmitFollowUpEvent();
     this.refs.askFollowUpInput.value = '';
+    this.syncTextWithReplica();
+    this.collapse();
   }
 
   handleFocus() {
     this._focused = true;
+    this.syncTextWithReplica();
+    this.expand();
   }
 
   handleBlur() {
     this._focused = false;
+    this.collapse();
+  }
+
+  handleInput() {
+    this.expand();
+    this.syncTextWithReplica();
+  }
+
+  /**
+   * Syncs the textarea value with the expander's replicated value for seamless CSS transitions.
+   */
+  syncTextWithReplica() {
+    const expander = this.refs.expander;
+    if (expander) {
+      expander.dataset.replicatedValue = this.refs.askFollowUpInput.value;
+    }
+  }
+
+  expand() {
+    this.refs.expander?.classList.add('follow-up-input__expander--expanded');
+  }
+
+  collapse() {
+    const expander = this.refs.expander;
+    if (expander) {
+      expander.classList.remove('follow-up-input__expander--expanded');
+      delete expander.dataset.replicatedValue;
+    }
   }
 
   /**
@@ -74,6 +112,6 @@ export default class QuanticGeneratedAnswerFollowUpInput extends LightningElemen
   }
 
   get inputContainerClasses() {
-    return `follow-up-input__input-container slds-box slds-grid slds-box_xx-small ${this._focused ? 'follow-up-input__input-container--focused' : ''}`;
+    return `follow-up-input__container slds-is-relative slds-grid slds-box slds-p-around_none ${this._focused ? 'follow-up-input__container--focused' : ''}`;
   }
 }

package/force-app/main/default/lwc/quanticSourceCitations/__tests__/quanticSourceCitations.test.js

@@ -7,13 +7,17 @@ import QuanticSourceCitations from '../quanticSourceCitations';
 jest.mock('c/quanticHeadlessLoader');
 
 let isInitialized = false;
+const mockBuildInteractiveCitation = jest.fn(
+  (engine, {options}) => options.citation
+);
+const mockEngine = {};
 
 // @ts-ignore
 mockHeadlessLoader.initializeWithHeadless = (element, engineId, initialize) => {
   if (element instanceof QuanticSourceCitations) {
     if (!isInitialized) {
       isInitialized = true;
-      initialize();
+      initialize(mockEngine);
     }
   }
 };
@@ -21,7 +25,7 @@ mockHeadlessLoader.initializeWithHeadless = (element, engineId, initialize) => {
 // @ts-ignore
 mockHeadlessLoader.getHeadlessBundle = () => {
   return {
-    buildInteractiveCitation: jest.fn((engine, {options}) => options.citation),
+    buildInteractiveCitation: mockBuildInteractiveCitation,
   };
 };
 
@@ -43,9 +47,11 @@ const mockCitations = [
     text: 'text 02',
   },
 ];
+const mockAnswerId = 'test-answer-id';
 
 const defaultOptions = {
   citations: mockCitations,
+  answerId: mockAnswerId,
 };
 
 const selectors = {
@@ -104,6 +110,20 @@ describe('c-quantic-source-citations', () => {
       });
     });
 
+    it('should call buildInteractiveCitation for each citation with the correct parameters', async () => {
+      createTestComponent();
+      await flushPromises();
+
+      expect(mockBuildInteractiveCitation).toHaveBeenCalledTimes(
+        mockCitations.length
+      );
+      mockCitations.forEach((citation) => {
+        expect(mockBuildInteractiveCitation).toHaveBeenCalledWith(mockEngine, {
+          options: {citation, answerId: mockAnswerId},
+        });
+      });
+    });
+
     it('should pass the disableCitationAnchoring property to the citation component', async () => {
       const element = createTestComponent();
       await flushPromises();

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

@@ -44,6 +44,12 @@ export default class QuanticSourceCitations extends LightningElement {
    * @default false
    */
   @api disableCitationAnchoring = false;
+  /**
+   * The unique identifier of the generated answer.
+   * @api
+   * @type {string}
+   */
+  @api answerId;
 
   /** @type {AnyHeadless} */
   headless;
@@ -79,6 +85,7 @@ export default class QuanticSourceCitations extends LightningElement {
         {
           options: {
             citation,
+            answerId: this.answerId,
           },
         }
       ),