@coveo/quantic 3.18.0-pre.2e375b7777 → 3.18.0-pre.49fef96298

package/force-app/main/default/lwc/jsconfig.json

@@ -38,6 +38,9 @@
       "c/quanticResultList": ["quanticResultList/quanticResultList.js"],
       "c/quanticResultLink": ["quanticResultLink/quanticResultLink.js"],
       "c/quanticSort": ["quanticSort/quanticSort.js"],
+      "c/quanticInsightInterface": [
+        "quanticInsightInterface/quanticInsightInterface.js"
+      ],
       "c/quanticSummary": ["quanticSummary/quanticSummary.js"],
       "c/quanticFacetValue": ["quanticFacetValue/quanticFacetValue.js"],
       "c/quanticNumericFacet": ["quanticNumericFacet/quanticNumericFacet.js"],

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

@@ -44,11 +44,14 @@ export default class QuanticInsightInterface extends LightningElement {
   hasRendered = false;
   /** @type {boolean} */
   ariaLiveEventsBound = false;
+  /** @type {function} */
+  unsubscribeInsightInterface;
 
   /** @type {string} */
   analyticsOriginContext = 'InsightPanel';
 
   disconnectedCallback() {
+    this.unsubscribeInsightInterface?.();
     destroyEngine(this.engineId);
     if (this.ariaLiveEventsBound) {
       this.removeEventListener(
@@ -133,19 +136,36 @@ export default class QuanticInsightInterface extends LightningElement {
     if (this.initialized) {
       return;
     }
-    this.dispatchEvent(
-      new CustomEvent(`quantic__insightinterfaceinitialized`, {
-        detail: {
-          engineId: this.engineId,
-          insightId: this.insightId,
-        },
-        bubbles: true,
-        composed: true,
-      })
+    const engine = getHeadlessBindings(this.engineId).engine;
+    this.insightInterface = CoveoHeadlessInsight.buildInsightInterface(engine);
+    this.unsubscribeInsightInterface = this.insightInterface.subscribe(() =>
+      this.updateInsightInterfaceState()
     );
-    this.initialized = true;
   };
 
+  updateInsightInterfaceState() {
+    if (this.initialized) {
+      return;
+    }
+    this.isInsightInterfaceReady =
+      !this.insightInterface.state.loading &&
+      !!this.insightInterface.state.config;
+
+    if (this.isInsightInterfaceReady) {
+      this.dispatchEvent(
+        new CustomEvent(`quantic__insightinterfaceinitialized`, {
+          detail: {
+            engineId: this.engineId,
+            insightId: this.insightId,
+          },
+          bubbles: true,
+          composed: true,
+        })
+      );
+      this.initialized = true;
+    }
+  }
+
   /**
    * @returns {HTMLInputElement}
    */