@coveo/atomic 3.33.0 → 3.33.1-pre.06f3294396

package/dist/cjs/atomic-insight-generated-answer.cjs.entry.js

@@ -5,9 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-757bc886.js');
 const insight = require('@coveo/headless/insight');
 const debounceUtils = require('./debounce-utils-d26bcad4.js');
-const initializationUtils = require('./initialization-utils-381854d1.js');
+const initializationUtils = require('./initialization-utils-92f1b080.js');
 const stencilAccessibilityUtils = require('./stencil-accessibility-utils-aa4c9f6c.js');
-const generatedAnswerCommon = require('./generated-answer-common-4cd4b7c6.js');
+const generatedAnswerRenderer = require('./generated-answer-renderer-b91052b8.js');
+const slotUtils = require('./slot-utils-a30cb814.js');
 require('./dom-utils-d4790328.js');
 require('./event-utils-9bfcf3c5.js');
 require('./init-queue-a18aa323.js');
@@ -16,7 +17,6 @@ require('./utils-7153ae6b.js');
 require('./purify-85b542e2.js');
 require('./_commonjsHelpers-b3309d7b.js');
 require('./local-storage-utils-380ce22b.js');
-require('./slot-utils-a30cb814.js');
 require('./stencil-heading-2faee1f7.js');
 require('./stencil-button-f6c2410c.js');
 require('./stencil-button-style-ba779fe2.js');
@@ -50,23 +50,24 @@ const AtomicInsightGeneratedAnswer = class {
          *
          */
         this.maxCollapsedHeight = this.DEFAULT_COLLAPSED_HEIGHT;
+        this.setCopied = () => {
+            this.copied = false;
+        };
+        this.setCopyError = () => {
+            this.copyError = false;
+        };
+        this._data = null;
         // @ts-expect-error: This function is used by BindStateToController.
         this.onGeneratedAnswerStateUpdate = () => {
             if (this.generatedAnswerState.isVisible !==
-                this.generatedAnswerCommon?.data?.isVisible) {
-                this.generatedAnswerCommon.data = {
-                    ...this.generatedAnswerCommon.data,
+                this._data?.isVisible) {
+                this._data = {
+                    ...this._data,
                     isVisible: this.generatedAnswerState.isVisible,
                 };
-                this.generatedAnswerCommon.writeStoredData(this.generatedAnswerCommon.data);
+                generatedAnswerRenderer.writeGeneratedAnswerStoredData(this._data);
             }
-            this.setAriaMessage(this.generatedAnswerCommon.getGeneratedAnswerStatus());
-        };
-        this.setCopied = (isCopied) => {
-            this.copied = isCopied;
-        };
-        this.setCopyError = (copyError) => {
-            this.copyError = copyError;
+            this.setAriaMessage(generatedAnswerRenderer.getGeneratedAnswerStatus(this.generatedAnswerState, this.bindings.i18n));
         };
         this.setAriaMessage = (message) => {
             this.ariaMessage = message;
@@ -84,25 +85,10 @@ const AtomicInsightGeneratedAnswer = class {
         this.disableCitationAnchoring = undefined;
     }
     initialize() {
-        this.generatedAnswerCommon = new generatedAnswerCommon.GeneratedAnswerCommon({
-            host: this.host,
-            withToggle: this.withToggle,
-            collapsible: this.collapsible,
-            disableCitationAnchoring: this.disableCitationAnchoring,
-            getGeneratedAnswer: () => this.generatedAnswer,
-            getGeneratedAnswerState: () => this.generatedAnswerState,
-            getSearchStatusState: () => this.searchStatusState,
-            getBindings: () => this.bindings,
-            getCopied: () => this.copied,
-            setCopied: this.setCopied,
-            getCopyError: () => this.copyError,
-            setCopyError: this.setCopyError,
-            setAriaMessage: this.setAriaMessage,
-            buildInteractiveCitation: (props) => insight.buildInteractiveCitation(this.bindings.engine, props),
-        });
+        this._data = generatedAnswerRenderer.readGeneratedAnswerStoredData(!!this.withToggle);
         this.generatedAnswer = insight.buildGeneratedAnswer(this.bindings.engine, {
             initialState: {
-                isVisible: this.generatedAnswerCommon.data.isVisible,
+                isVisible: this._data?.isVisible || false,
                 responseFormat: {
                     contentFormat: ['text/markdown', 'text/plain'],
                 },
@@ -113,12 +99,12 @@ const AtomicInsightGeneratedAnswer = class {
             fieldsToIncludeInCitations: this.getCitationFields(),
         });
         this.searchStatus = insight.buildSearchStatus(this.bindings.engine);
-        this.generatedAnswerCommon.insertFeedbackModal();
         if (window.ResizeObserver && this.collapsible) {
             const debouncedAdaptAnswerHeight = debounceUtils.debounce(() => this.adaptAnswerHeight(), 100);
             this.resizeObserver = new ResizeObserver(debouncedAdaptAnswerHeight);
             this.resizeObserver.observe(this.host);
         }
+        this.modalRef = generatedAnswerRenderer.insertGeneratedAnswerFeedbackModal(this.host, () => this.generatedAnswer);
     }
     updateAnswerCollapsed(newState, oldState) {
         const newExpanded = newState.expanded;
@@ -193,8 +179,61 @@ const AtomicInsightGeneratedAnswer = class {
             this.toggleClass(footer, 'generating-label-visible', false);
         }
     }
+    clickDislike() {
+        this.setIsAnswerHelpful(false);
+        this.generatedAnswer.dislike();
+        this.openFeedbackModal();
+    }
+    clickLike() {
+        this.setIsAnswerHelpful(true);
+        this.generatedAnswer.like();
+        this.openFeedbackModal();
+    }
+    async copyToClipboard() {
+        if (this.generatedAnswerState.answer) {
+            await generatedAnswerRenderer.copyToClipboard({
+                answer: this.generatedAnswerState.answer,
+                setCopied: this.setCopied,
+                setCopyError: this.setCopyError,
+                onLogCopyToClipboard: () => this.generatedAnswer.logCopyToClipboard(),
+                logger: this.bindings.engine.logger
+            });
+        }
+    }
+    clickOnShowButton() {
+        if (this.generatedAnswerState.expanded) {
+            this.generatedAnswer.collapse();
+        }
+        else {
+            this.generatedAnswer.expand();
+        }
+    }
+    setIsAnswerHelpful(isAnswerHelpful) {
+        if (this.modalRef) {
+            this.modalRef.helpful = isAnswerHelpful;
+        }
+    }
+    openFeedbackModal() {
+        if (this.modalRef &&
+            !this.generatedAnswerState.feedbackSubmitted) {
+            this.modalRef.isOpen = true;
+        }
+    }
     render() {
-        return this.generatedAnswerCommon.render();
+        const hasRetryableError = Boolean(!this.searchStatusState.hasError &&
+            this.generatedAnswerState.error?.isRetryable);
+        const hasNoAnswerGenerated = !this.searchStatusState.hasError &&
+            !!this.generatedAnswerState.error?.isRetryable &&
+            this.generatedAnswerState.answer === undefined &&
+            !this.generatedAnswerState.citations?.length &&
+            !hasRetryableError;
+        const isAnswerVisible = this.generatedAnswerState.isVisible;
+        const hasCustomNoAnswerMessage = !!slotUtils.getNamedSlotFromHost(this.host, 'no-answer-message');
+        const hasClipboard = !!navigator?.clipboard?.writeText;
+        const buildInteractiveCitationForCitation = (citation) => insight.buildInteractiveCitation(this.bindings.engine, {
+            options: { citation },
+        });
+        return index.h(generatedAnswerRenderer.GeneratedAnswerRenderer, { key: 'ab4bdbda2d5843c62fb030060a6c11d0e1ffabc7', hasNoAnswerGenerated: hasNoAnswerGenerated, hasCustomNoAnswerMessage: hasCustomNoAnswerMessage, collapsible: this.collapsible, onShowButtonClick: this.clickOnShowButton.bind(this), onClickDislike: this.clickDislike.bind(this), onClickLike: this.clickLike.bind(this), onCopyToClipboard: this.copyToClipboard.bind(this), disableCitationAnchoring: this.disableCitationAnchoring, copied: this.copied, i18n: this.bindings.i18n, copyError: this.copyError, generatedAnswer: this.generatedAnswer, generatedAnswerState: this.generatedAnswerState, withToggle: this.withToggle, isAnswerVisible: isAnswerVisible, hasRetryableError: hasRetryableError, hasClipboard: hasClipboard, buildInteractiveCitationForCitation: buildInteractiveCitationForCitation });
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/atomic-insight-generated-answer.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"atomic-insight-generated-answer.entry.cjs.js","mappings":"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","names":["GeneratedAnswerCommon","buildInsightInteractiveCitation","buildInsightGeneratedAnswer","buildInsightSearchStatus","debounce","InitializeBindings","BindStateToController","AriaLiveRegion"],"sources":["src/components/insight/atomic-insight-generated-answer/atomic-insight-generated-answer.pcss?tag=atomic-insight-generated-answer&encapsulation=shadow","src/components/insight/atomic-insight-generated-answer/atomic-insight-generated-answer.tsx"],"sourcesContent":["@import '../../common/generated-answer/styles/generated-answer.pcss';\n","import {\n  SearchStatus as InsightSearchStatus,\n  SearchStatusState as InsightSearchStatusState,\n  buildGeneratedAnswer as buildInsightGeneratedAnswer,\n  buildInteractiveCitation as buildInsightInteractiveCitation,\n  buildSearchStatus as buildInsightSearchStatus,\n  GeneratedAnswer as InsightGeneratedAnswer,\n  GeneratedAnswerState as InsightGeneratedAnswerState,\n} from '@coveo/headless/insight';\nimport {Component, Element, State, Prop, Watch} from '@stencil/core';\nimport {debounce} from '../../../utils/debounce-utils';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {AriaLiveRegion} from '../../../utils/stencil-accessibility-utils';\nimport {GeneratedAnswerCommon} from '../../common/generated-answer/generated-answer-common';\nimport {InsightBindings} from '../atomic-insight-interface/atomic-insight-interface';\n\n/**\n * @internal\n * The `atomic-insight-generated-answer` component uses Coveo Machine Learning (Coveo ML) models to automatically generate an answer to a query executed by the user.\n * For more information, see [About Relevance Generative Answering (RGA)](https://docs.coveo.com/en/n9de0370/)\n *\n * @slot no-answer-message - Lets you pass a custom sorry message when no answer is generated.\n *\n * @part container - The container displaying the generated answer.\n * @part header-label - The header of the generated answer container.\n * @part feedback-button - The \"like\" and \"dislike\" buttons.\n * @part toggle - The switch to toggle the visibility of the generated answer.\n * @part copy-button - The \"Copy answer\" button.\n * @part retry-container - The container for the \"retry\" section.\n * @part generated-text - The text of the generated answer.\n * @part citations-label - The header of the citations list.\n *\n * @part answer-code-block - The generated answer multi-line code blocks.\n * @part answer-emphasis - The generated answer emphasized text elements.\n * @part answer-inline-code - The generated answer inline code elements.\n * @part answer-heading-1 - The generated answer level 1 heading elements.\n * @part answer-heading-2 - The generated answer level 2 heading elements.\n * @part answer-heading-3 - The generated answer level 3 heading elements.\n * @part answer-heading-4 - The generated answer level 4 heading elements.\n * @part answer-heading-5 - The generated answer level 5 heading elements.\n * @part answer-heading-6 - The generated answer level 6 heading elements.\n * @part answer-list-item - The generated answer list item elements for both ordered and unordered lists.\n * @part answer-ordered-list - The generated answer ordered list elements.\n * @part answer-paragraph - The generated answer paragraph elements.\n * @part answer-quote-block - The generated answer quote block elements.\n * @part answer-unordered-list - The generated answer unordered list elements.\n * @part answer-strong - The generated answer strong text elements.\n * @part answer-table - The generated answer table elements.\n * @part answer-table-container - The generated answer table container elements.\n * @part answer-table-content - The generated answer table content cell elements.\n * @part answer-table-header - The generated answer table header cell elements.\n *\n * @part citation - The link that allows the user to navigate to the item.\n * @part citation-popover - The pop-up that shows an item preview when the user hovers over the citation.\n */\n@Component({\n  tag: 'atomic-insight-generated-answer',\n  styleUrl: 'atomic-insight-generated-answer.pcss',\n  shadow: true,\n})\nexport class AtomicInsightGeneratedAnswer\n  implements InitializableComponent<InsightBindings>\n{\n  @InitializeBindings() public bindings!: InsightBindings;\n  public generatedAnswer!: InsightGeneratedAnswer;\n  public searchStatus!: InsightSearchStatus;\n  private resizeObserver?: ResizeObserver;\n\n  private readonly DEFAULT_COLLAPSED_HEIGHT = 16;\n  private readonly MAX_COLLAPSED_HEIGHT = 32;\n  private readonly MIN_COLLAPSED_HEIGHT = 9;\n  private readonly REQUIRED_FIELDS_TO_INCLUDE_IN_CITATIONS = ['filetype'];\n\n  @BindStateToController('generatedAnswer', {\n    onUpdateCallbackMethod: 'onGeneratedAnswerStateUpdate',\n  })\n  @State()\n  private generatedAnswerState!: InsightGeneratedAnswerState;\n\n  @BindStateToController('searchStatus')\n  @State()\n  private searchStatusState!: InsightSearchStatusState;\n\n  @State()\n  public error!: Error;\n\n  @Element() private host!: HTMLElement;\n\n  @State()\n  copied = false;\n\n  @State()\n  copyError = false;\n\n  /**\n   * Whether to render a toggle button that lets the user hide or show the answer.\n   * @default false\n   */\n  @Prop() withToggle?: boolean;\n\n  /**\n   * Whether to allow the answer to be collapsed when the text is taller than 250px.\n   * @default false\n   */\n  @Prop() collapsible?: boolean;\n\n  /**\n   * The maximum height (in rem units) of the answer when collapsed.\n   *\n   */\n  @Prop() maxCollapsedHeight = this.DEFAULT_COLLAPSED_HEIGHT;\n\n  /**\n   * @internal\n   * The unique identifier of the answer configuration to use to generate the answer.\n   */\n  @Prop() answerConfigurationId?: string;\n\n  /**\n   * A list of fields to include with the citations used to generate the answer.\n   */\n  @Prop() fieldsToIncludeInCitations?: string;\n\n  /**\n   * Option to disable citation anchoring.\n   * @default false\n   */\n  @Prop() disableCitationAnchoring?: boolean;\n\n  @AriaLiveRegion('generated-answer')\n  protected ariaMessage!: string;\n\n  private generatedAnswerCommon!: GeneratedAnswerCommon;\n  private fullAnswerHeight?: number;\n\n  public initialize() {\n    this.generatedAnswerCommon = new GeneratedAnswerCommon({\n      host: this.host,\n      withToggle: this.withToggle,\n      collapsible: this.collapsible,\n      disableCitationAnchoring: this.disableCitationAnchoring,\n      getGeneratedAnswer: () => this.generatedAnswer,\n      getGeneratedAnswerState: () => this.generatedAnswerState,\n      getSearchStatusState: () => this.searchStatusState,\n      getBindings: () => this.bindings,\n      getCopied: () => this.copied,\n      setCopied: this.setCopied,\n      getCopyError: () => this.copyError,\n      setCopyError: this.setCopyError,\n      setAriaMessage: this.setAriaMessage,\n      buildInteractiveCitation: (props) =>\n        buildInsightInteractiveCitation(this.bindings.engine, props),\n    });\n    this.generatedAnswer = buildInsightGeneratedAnswer(this.bindings.engine, {\n      initialState: {\n        isVisible: this.generatedAnswerCommon.data.isVisible,\n        responseFormat: {\n          contentFormat: ['text/markdown', 'text/plain'],\n        },\n      },\n      ...(this.answerConfigurationId && {\n        answerConfigurationId: this.answerConfigurationId,\n      }),\n      fieldsToIncludeInCitations: this.getCitationFields(),\n    });\n    this.searchStatus = buildInsightSearchStatus(this.bindings.engine);\n    this.generatedAnswerCommon.insertFeedbackModal();\n\n    if (window.ResizeObserver && this.collapsible) {\n      const debouncedAdaptAnswerHeight = debounce(\n        () => this.adaptAnswerHeight(),\n        100\n      );\n      this.resizeObserver = new ResizeObserver(debouncedAdaptAnswerHeight);\n      this.resizeObserver.observe(this.host);\n    }\n  }\n\n  @Watch('generatedAnswerState')\n  public updateAnswerCollapsed(\n    newState: InsightGeneratedAnswerState,\n    oldState: InsightGeneratedAnswerState\n  ) {\n    const newExpanded = newState.expanded;\n    const oldExpanded = oldState ? oldState.expanded : undefined;\n\n    if (newExpanded !== oldExpanded) {\n      const container = this.getAnswerContainer();\n\n      if (!container) {\n        return;\n      }\n\n      this.toggleClass(container, 'answer-collapsed', !newExpanded);\n    }\n  }\n\n  public disconnectedCallback() {\n    this.resizeObserver?.disconnect();\n  }\n\n  // @ts-expect-error: This function is used by BindStateToController.\n  private onGeneratedAnswerStateUpdate = () => {\n    if (\n      this.generatedAnswerState.isVisible !==\n      this.generatedAnswerCommon?.data?.isVisible\n    ) {\n      this.generatedAnswerCommon.data = {\n        ...this.generatedAnswerCommon.data,\n        isVisible: this.generatedAnswerState.isVisible,\n      };\n      this.generatedAnswerCommon.writeStoredData(\n        this.generatedAnswerCommon.data\n      );\n    }\n\n    this.setAriaMessage(this.generatedAnswerCommon.getGeneratedAnswerStatus());\n  };\n\n  private setCopied = (isCopied: boolean) => {\n    this.copied = isCopied;\n  };\n\n  private setCopyError = (copyError: boolean) => {\n    this.copyError = copyError;\n  };\n\n  private setAriaMessage = (message: string) => {\n    this.ariaMessage = message;\n  };\n\n  private toggleClass(element: Element, className: string, condition: boolean) {\n    element.classList.toggle(className, condition);\n  }\n\n  private adaptAnswerHeight() {\n    const answerHeight = this.host?.shadowRoot\n      ?.querySelector('[part=\"generated-text\"]')\n      ?.getBoundingClientRect().height;\n\n    if (answerHeight) {\n      const rootFontSize = parseFloat(\n        getComputedStyle(document.documentElement).fontSize\n      );\n\n      this.fullAnswerHeight = answerHeight / rootFontSize;\n\n      this.updateAnswerHeight();\n    }\n  }\n\n  private getAnswerContainer() {\n    return this.host?.shadowRoot?.querySelector('[part=\"generated-container\"]');\n  }\n\n  private getAnswerFooter() {\n    return this.host?.shadowRoot?.querySelector(\n      '[part=\"generated-answer-footer\"]'\n    );\n  }\n\n  private getCitationFields() {\n    return (this.fieldsToIncludeInCitations ?? '')\n      .split(',')\n      .map((field) => field.trim())\n      .filter((field) => field.length > 0)\n      .concat(this.REQUIRED_FIELDS_TO_INCLUDE_IN_CITATIONS)\n  }\n\n  private validateMaxCollapsedHeight(): number {\n    const isValid =\n      this.maxCollapsedHeight >= this.MIN_COLLAPSED_HEIGHT &&\n      this.maxCollapsedHeight <= this.MAX_COLLAPSED_HEIGHT;\n\n    if (!isValid) {\n      console.warn(\n        `max-collapsed-height (${this.maxCollapsedHeight}rem) is out of the valid range (${this.MIN_COLLAPSED_HEIGHT}rem - ${this.MAX_COLLAPSED_HEIGHT}rem). Falling back to default value (${this.DEFAULT_COLLAPSED_HEIGHT}rem).`\n      );\n    }\n\n    return isValid ? this.maxCollapsedHeight : this.DEFAULT_COLLAPSED_HEIGHT;\n  }\n\n  private setCSSVariable(variableName: string, value: string) {\n    const container = this.getAnswerContainer();\n    if (container) {\n      (container as HTMLElement).style.setProperty(variableName, value);\n    }\n  }\n\n  private updateAnswerHeight() {\n    const container = this.getAnswerContainer();\n    const footer = this.getAnswerFooter();\n    const maxHeight = this.validateMaxCollapsedHeight();\n\n    if (!container || !footer) {\n      return;\n    }\n\n    if (this.fullAnswerHeight! > maxHeight) {\n      this.setCSSVariable('--atomic-crga-collapsed-height', `${maxHeight}rem`);\n      this.toggleClass(\n        container,\n        'answer-collapsed',\n        !this.generatedAnswerState.expanded\n      );\n      this.toggleClass(footer, 'is-collapsible', true);\n      this.toggleClass(\n        footer,\n        'generating-label-visible',\n        this.generatedAnswerState.isStreaming\n      );\n    } else {\n      this.toggleClass(container, 'answer-collapsed', false);\n      this.toggleClass(footer, 'is-collapsible', false);\n      this.toggleClass(footer, 'generating-label-visible', false);\n    }\n  }\n\n  public render() {\n    return this.generatedAnswerCommon.render();\n  }\n}\n"],"version":3}
+{"file":"atomic-insight-generated-answer.entry.cjs.js","mappings":"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","names":["writeGeneratedAnswerStoredData","getGeneratedAnswerStatus","readGeneratedAnswerStoredData","buildInsightGeneratedAnswer","buildInsightSearchStatus","debounce","insertGeneratedAnswerFeedbackModal","copyToClipboard","getNamedSlotFromHost","buildInsightInteractiveCitation","h","GeneratedAnswerRenderer","InitializeBindings","BindStateToController","AriaLiveRegion"],"sources":["src/components/insight/atomic-insight-generated-answer/atomic-insight-generated-answer.pcss?tag=atomic-insight-generated-answer&encapsulation=shadow","src/components/insight/atomic-insight-generated-answer/atomic-insight-generated-answer.tsx"],"sourcesContent":["@import '../../common/generated-answer/styles/generated-answer.pcss';\n","import {\n  SearchStatus as InsightSearchStatus,\n  SearchStatusState as InsightSearchStatusState,\n  buildGeneratedAnswer as buildInsightGeneratedAnswer,\n  buildInteractiveCitation as buildInsightInteractiveCitation,\n  buildSearchStatus as buildInsightSearchStatus,\n  GeneratedAnswer as InsightGeneratedAnswer,\n  GeneratedAnswerState as InsightGeneratedAnswerState,\n  GeneratedAnswerCitation as InsightGeneratedAnswerCitation\n} from '@coveo/headless/insight';\nimport { Component, Element, State, Prop, Watch, h } from '@stencil/core';\nimport { debounce } from '../../../utils/debounce-utils';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport { AriaLiveRegion } from '../../../utils/stencil-accessibility-utils';\nimport {\n  readGeneratedAnswerStoredData,\n  writeGeneratedAnswerStoredData,\n  insertGeneratedAnswerFeedbackModal,\n  getGeneratedAnswerStatus,\n  copyToClipboard,\n} from '../../common/generated-answer/generated-answer-common';\nimport {\n  GeneratedAnswerRenderer\n} from '../../common/generated-answer/generated-answer-renderer';\nimport { getNamedSlotFromHost } from '../../../utils/slot-utils';\nimport { InsightBindings } from '../atomic-insight-interface/atomic-insight-interface';\n\n/**\n * @internal\n * The `atomic-insight-generated-answer` component uses Coveo Machine Learning (Coveo ML) models to automatically generate an answer to a query executed by the user.\n * For more information, see [About Relevance Generative Answering (RGA)](https://docs.coveo.com/en/n9de0370/)\n *\n * @slot no-answer-message - Lets you pass a custom sorry message when no answer is generated.\n *\n * @part container - The container displaying the generated answer.\n * @part header-label - The header of the generated answer container.\n * @part feedback-button - The \"like\" and \"dislike\" buttons.\n * @part toggle - The switch to toggle the visibility of the generated answer.\n * @part copy-button - The \"Copy answer\" button.\n * @part retry-container - The container for the \"retry\" section.\n * @part generated-text - The text of the generated answer.\n * @part citations-label - The header of the citations list.\n *\n * @part answer-code-block - The generated answer multi-line code blocks.\n * @part answer-emphasis - The generated answer emphasized text elements.\n * @part answer-inline-code - The generated answer inline code elements.\n * @part answer-heading-1 - The generated answer level 1 heading elements.\n * @part answer-heading-2 - The generated answer level 2 heading elements.\n * @part answer-heading-3 - The generated answer level 3 heading elements.\n * @part answer-heading-4 - The generated answer level 4 heading elements.\n * @part answer-heading-5 - The generated answer level 5 heading elements.\n * @part answer-heading-6 - The generated answer level 6 heading elements.\n * @part answer-list-item - The generated answer list item elements for both ordered and unordered lists.\n * @part answer-ordered-list - The generated answer ordered list elements.\n * @part answer-paragraph - The generated answer paragraph elements.\n * @part answer-quote-block - The generated answer quote block elements.\n * @part answer-unordered-list - The generated answer unordered list elements.\n * @part answer-strong - The generated answer strong text elements.\n * @part answer-table - The generated answer table elements.\n * @part answer-table-container - The generated answer table container elements.\n * @part answer-table-content - The generated answer table content cell elements.\n * @part answer-table-header - The generated answer table header cell elements.\n *\n * @part citation - The link that allows the user to navigate to the item.\n * @part citation-popover - The pop-up that shows an item preview when the user hovers over the citation.\n */\n@Component({\n  tag: 'atomic-insight-generated-answer',\n  styleUrl: 'atomic-insight-generated-answer.pcss',\n  shadow: true,\n})\nexport class AtomicInsightGeneratedAnswer\n  implements InitializableComponent<InsightBindings> {\n  @InitializeBindings() public bindings!: InsightBindings;\n  public generatedAnswer!: InsightGeneratedAnswer;\n  public searchStatus!: InsightSearchStatus;\n  private resizeObserver?: ResizeObserver;\n\n  private readonly DEFAULT_COLLAPSED_HEIGHT = 16;\n  private readonly MAX_COLLAPSED_HEIGHT = 32;\n  private readonly MIN_COLLAPSED_HEIGHT = 9;\n  private readonly REQUIRED_FIELDS_TO_INCLUDE_IN_CITATIONS = ['filetype'];\n\n  @BindStateToController('generatedAnswer', {\n    onUpdateCallbackMethod: 'onGeneratedAnswerStateUpdate',\n  })\n  @State()\n  private generatedAnswerState!: InsightGeneratedAnswerState;\n\n  @BindStateToController('searchStatus')\n  @State()\n  private searchStatusState!: InsightSearchStatusState;\n\n  @State()\n  public error!: Error;\n\n  @Element() private host!: HTMLElement;\n\n  @State()\n  copied = false;\n\n  @State()\n  copyError = false;\n\n  /**\n   * Whether to render a toggle button that lets the user hide or show the answer.\n   * @default false\n   */\n  @Prop() withToggle?: boolean;\n\n  /**\n   * Whether to allow the answer to be collapsed when the text is taller than 250px.\n   * @default false\n   */\n  @Prop() collapsible?: boolean;\n\n  /**\n   * The maximum height (in rem units) of the answer when collapsed.\n   *\n   */\n  @Prop() maxCollapsedHeight = this.DEFAULT_COLLAPSED_HEIGHT;\n\n  /**\n   * @internal\n   * The unique identifier of the answer configuration to use to generate the answer.\n   */\n  @Prop() answerConfigurationId?: string;\n\n  /**\n   * A list of fields to include with the citations used to generate the answer.\n   */\n  @Prop() fieldsToIncludeInCitations?: string;\n\n  /**\n   * Option to disable citation anchoring.\n   * @default false\n   */\n  @Prop() disableCitationAnchoring?: boolean;\n\n  @AriaLiveRegion('generated-answer')\n  protected ariaMessage!: string;\n\n  private fullAnswerHeight?: number;\n  private modalRef?: HTMLAtomicGeneratedAnswerFeedbackModalElement;\n  private setCopied = () => {\n    this.copied = false;\n  };\n  private setCopyError = () => {\n    this.copyError = false;\n  };\n  private _data: any = null;\n\n  public initialize() {\n    this._data = readGeneratedAnswerStoredData(!!this.withToggle);\n    this.generatedAnswer = buildInsightGeneratedAnswer(this.bindings.engine, {\n      initialState: {\n        isVisible: this._data?.isVisible || false,\n        responseFormat: {\n          contentFormat: ['text/markdown', 'text/plain'],\n        },\n      },\n      ...(this.answerConfigurationId && {\n        answerConfigurationId: this.answerConfigurationId,\n      }),\n      fieldsToIncludeInCitations: this.getCitationFields(),\n    });\n    this.searchStatus = buildInsightSearchStatus(this.bindings.engine);\n\n    if (window.ResizeObserver && this.collapsible) {\n      const debouncedAdaptAnswerHeight = debounce(\n        () => this.adaptAnswerHeight(),\n        100\n      );\n      this.resizeObserver = new ResizeObserver(debouncedAdaptAnswerHeight);\n      this.resizeObserver.observe(this.host);\n    }\n    this.modalRef = insertGeneratedAnswerFeedbackModal(this.host, () => this.generatedAnswer);\n  }\n\n  @Watch('generatedAnswerState')\n  public updateAnswerCollapsed(\n    newState: InsightGeneratedAnswerState,\n    oldState: InsightGeneratedAnswerState\n  ) {\n    const newExpanded = newState.expanded;\n    const oldExpanded = oldState ? oldState.expanded : undefined;\n\n    if (newExpanded !== oldExpanded) {\n      const container = this.getAnswerContainer();\n\n      if (!container) {\n        return;\n      }\n\n      this.toggleClass(container, 'answer-collapsed', !newExpanded);\n    }\n  }\n\n  public disconnectedCallback() {\n    this.resizeObserver?.disconnect();\n  }\n\n  // @ts-expect-error: This function is used by BindStateToController.\n  private onGeneratedAnswerStateUpdate = () => {\n    if (\n      this.generatedAnswerState.isVisible !==\n      this._data?.isVisible\n    ) {\n      this._data = {\n        ...this._data,\n        isVisible: this.generatedAnswerState.isVisible,\n      };\n      writeGeneratedAnswerStoredData(this._data);\n    }\n\n    this.setAriaMessage(getGeneratedAnswerStatus(\n      this.generatedAnswerState,\n      this.bindings.i18n\n    ));\n  };\n\n  private setAriaMessage = (message: string) => {\n    this.ariaMessage = message;\n  };\n\n  private toggleClass(element: Element, className: string, condition: boolean) {\n    element.classList.toggle(className, condition);\n  }\n\n  private adaptAnswerHeight() {\n    const answerHeight = this.host?.shadowRoot\n      ?.querySelector('[part=\"generated-text\"]')\n      ?.getBoundingClientRect().height;\n\n    if (answerHeight) {\n      const rootFontSize = parseFloat(\n        getComputedStyle(document.documentElement).fontSize\n      );\n\n      this.fullAnswerHeight = answerHeight / rootFontSize;\n\n      this.updateAnswerHeight();\n    }\n  }\n\n  private getAnswerContainer() {\n    return this.host?.shadowRoot?.querySelector('[part=\"generated-container\"]');\n  }\n\n  private getAnswerFooter() {\n    return this.host?.shadowRoot?.querySelector(\n      '[part=\"generated-answer-footer\"]'\n    );\n  }\n\n  private getCitationFields() {\n    return (this.fieldsToIncludeInCitations ?? '')\n      .split(',')\n      .map((field) => field.trim())\n      .filter((field) => field.length > 0)\n      .concat(this.REQUIRED_FIELDS_TO_INCLUDE_IN_CITATIONS)\n  }\n\n  private validateMaxCollapsedHeight(): number {\n    const isValid =\n      this.maxCollapsedHeight >= this.MIN_COLLAPSED_HEIGHT &&\n      this.maxCollapsedHeight <= this.MAX_COLLAPSED_HEIGHT;\n\n    if (!isValid) {\n      console.warn(\n        `max-collapsed-height (${this.maxCollapsedHeight}rem) is out of the valid range (${this.MIN_COLLAPSED_HEIGHT}rem - ${this.MAX_COLLAPSED_HEIGHT}rem). Falling back to default value (${this.DEFAULT_COLLAPSED_HEIGHT}rem).`\n      );\n    }\n\n    return isValid ? this.maxCollapsedHeight : this.DEFAULT_COLLAPSED_HEIGHT;\n  }\n\n  private setCSSVariable(variableName: string, value: string) {\n    const container = this.getAnswerContainer();\n    if (container) {\n      (container as HTMLElement).style.setProperty(variableName, value);\n    }\n  }\n\n  private updateAnswerHeight() {\n    const container = this.getAnswerContainer();\n    const footer = this.getAnswerFooter();\n    const maxHeight = this.validateMaxCollapsedHeight();\n\n    if (!container || !footer) {\n      return;\n    }\n\n    if (this.fullAnswerHeight! > maxHeight) {\n      this.setCSSVariable('--atomic-crga-collapsed-height', `${maxHeight}rem`);\n      this.toggleClass(\n        container,\n        'answer-collapsed',\n        !this.generatedAnswerState.expanded\n      );\n      this.toggleClass(footer, 'is-collapsible', true);\n      this.toggleClass(\n        footer,\n        'generating-label-visible',\n        this.generatedAnswerState.isStreaming\n      );\n    } else {\n      this.toggleClass(container, 'answer-collapsed', false);\n      this.toggleClass(footer, 'is-collapsible', false);\n      this.toggleClass(footer, 'generating-label-visible', false);\n    }\n  }\n\n  private clickDislike() {\n    this.setIsAnswerHelpful(false);\n    this.generatedAnswer.dislike();\n    this.openFeedbackModal();\n  }\n\n  private clickLike() {\n    this.setIsAnswerHelpful(true);\n    this.generatedAnswer.like();\n    this.openFeedbackModal();\n  }\n\n  private async copyToClipboard() {\n    if (this.generatedAnswerState.answer) {\n      await copyToClipboard({\n        answer: this.generatedAnswerState.answer,\n        setCopied: this.setCopied,\n        setCopyError: this.setCopyError,\n        onLogCopyToClipboard: () => this.generatedAnswer.logCopyToClipboard(),\n        logger: this.bindings.engine.logger\n      });\n    }\n  }\n\n  private clickOnShowButton() {\n    if (this.generatedAnswerState.expanded) {\n      this.generatedAnswer.collapse();\n    } else {\n      this.generatedAnswer.expand();\n    }\n  }\n\n  private setIsAnswerHelpful(isAnswerHelpful: boolean) {\n    if (this.modalRef) {\n      this.modalRef.helpful = isAnswerHelpful;\n    }\n  }\n\n  private openFeedbackModal() {\n    if (\n      this.modalRef &&\n      !this.generatedAnswerState.feedbackSubmitted\n    ) {\n      this.modalRef.isOpen = true;\n    }\n  }\n\n  public render() {\n    const hasRetryableError = Boolean(\n      !this.searchStatusState.hasError &&\n      this.generatedAnswerState.error?.isRetryable\n    );\n    \n    const hasNoAnswerGenerated =\n      !this.searchStatusState.hasError &&\n      !!this.generatedAnswerState.error?.isRetryable &&\n      this.generatedAnswerState.answer === undefined &&\n      !this.generatedAnswerState.citations?.length &&\n      !hasRetryableError;\n\n    const isAnswerVisible = this.generatedAnswerState.isVisible;\n    const hasCustomNoAnswerMessage = !!getNamedSlotFromHost(this.host, 'no-answer-message');\n    const hasClipboard = !!navigator?.clipboard?.writeText;\n\n    const buildInteractiveCitationForCitation = (citation: InsightGeneratedAnswerCitation) =>\n      buildInsightInteractiveCitation(this.bindings.engine, {\n        options: { citation },\n      });\n\n    return <GeneratedAnswerRenderer\n      hasNoAnswerGenerated={hasNoAnswerGenerated}\n      hasCustomNoAnswerMessage={hasCustomNoAnswerMessage}\n      collapsible={this.collapsible}\n      onShowButtonClick={this.clickOnShowButton.bind(this)}\n      onClickDislike={this.clickDislike.bind(this)}\n      onClickLike={this.clickLike.bind(this)}\n      onCopyToClipboard={this.copyToClipboard.bind(this)}\n      disableCitationAnchoring={this.disableCitationAnchoring}\n      copied={this.copied}\n      i18n={this.bindings.i18n}\n      copyError={this.copyError}\n      generatedAnswer={this.generatedAnswer}\n      generatedAnswerState={this.generatedAnswerState}\n      withToggle={this.withToggle}\n      isAnswerVisible={isAnswerVisible}\n      hasRetryableError={hasRetryableError}\n      hasClipboard={hasClipboard}\n      buildInteractiveCitationForCitation={buildInteractiveCitationForCitation}\n    />;\n  }\n}"],"version":3}

package/dist/cjs/atomic-insight-history-toggle.cjs.entry.js

@@ -21,7 +21,7 @@ const AtomicInsightHistoryToggle = class {
         this.tooltip = '';
     }
     render() {
-        return (index.h(iconButton.IconButton, { key: '4b6487eedab130bf3eec7d4cbeb3d5e634e053e3', partPrefix: "insight-history-toggle", style: "outline-neutral", icon: clock.Clock, ariaLabel: "history", onClick: this.clickCallback, title: this.tooltip }));
+        return (index.h(iconButton.IconButton, { key: '7f7eea5683f448e7348400b5348ba68a42e60f0f', partPrefix: "insight-history-toggle", style: "outline-neutral", icon: clock.Clock, ariaLabel: "history", onClick: this.clickCallback, title: this.tooltip }));
     }
 };
 AtomicInsightHistoryToggle.style = AtomicInsightHistoryToggleStyle0;

package/dist/cjs/atomic-insight-interface.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-757bc886.js');
 const initQueue = require('./init-queue-a18aa323.js');
 const insight = require('@coveo/headless/insight');
-const analyticsConfig = require('./analytics-config-f34a68ee.js');
+const analyticsConfig = require('./analytics-config-f28135ac.js');
 const propsUtils = require('./props-utils-1e4ba1b0.js');
 const replaceBreakpoint = require('./replace-breakpoint-9e1c0efa.js');
 const store = require('./store-82abd941.js');

package/dist/cjs/atomic-insight-layout.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-757bc886.js');
-const initializationUtils = require('./initialization-utils-381854d1.js');
+const initializationUtils = require('./initialization-utils-92f1b080.js');
 const utils = require('./utils-7153ae6b.js');
 const insightLayout = require('./insight-layout-355a94dd.js');
 require('./dom-utils-d4790328.js');

package/dist/cjs/atomic-insight-no-results.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-757bc886.js');
 const insight = require('@coveo/headless/insight');
-const initializationUtils = require('./initialization-utils-381854d1.js');
+const initializationUtils = require('./initialization-utils-92f1b080.js');
 const stencilAccessibilityUtils = require('./stencil-accessibility-utils-aa4c9f6c.js');
 const stencilMagnifyingGlass = require('./stencil-magnifying-glass-c1d386a1.js');
 const stencilTips = require('./stencil-tips-e913f891.js');
@@ -43,7 +43,7 @@ const AtomicInsightNoResults = class {
     }
     render() {
         const { bindings: { i18n }, } = this;
-        return (index.h("div", { key: '825ae13ae0860ce408ff8e4a47dd829975345d35', class: "p-3 text-center" }, index.h(stencilTips.NoItemsGuard, { key: '623d5e551a83765efcdf6574187688730da56d9c', ...this.searchStatusState }, index.h(stencilMagnifyingGlass.NoItemsContainer, { key: 'ad02d240a97de03eaa59dfc3e5365753455d919a' }, index.h(stencilMagnifyingGlass.MagnifyingGlass, { key: '15b017413c4668ff29861a31ee5028481d2b9c3a' }), index.h(stencilTips.NoItems, { key: '3e7bfd64c15426bec598f71ef7f771d8f2485214', query: this.querySummaryState.query, i18n: i18n, i18nKey: "no-results" }), index.h(stencilTips.SearchTips, { key: '6fbb100f870e966e93c268170b91cc7651a9c4c0', i18n: i18n })))));
+        return (index.h("div", { key: '842b4a56bdd95a34551e9cce860cf5f0155a03ac', class: "p-3 text-center" }, index.h(stencilTips.NoItemsGuard, { key: 'a18f08c10934f2cb5e499bd62d37127d02b5f44c', ...this.searchStatusState }, index.h(stencilMagnifyingGlass.NoItemsContainer, { key: '480719baf27f1ee7d2db4e4bdd77efd5e11ae1f6' }, index.h(stencilMagnifyingGlass.MagnifyingGlass, { key: '31ac8d5de3c6971428f0b68a0855aa8aabf15473' }), index.h(stencilTips.NoItems, { key: '428bb405496f20b553d5f3bb2639a76b2a36ecd6', query: this.querySummaryState.query, i18n: i18n, i18nKey: "no-results" }), index.h(stencilTips.SearchTips, { key: 'd9496596e22f08f533edf91ecc1ce6e4533038ae', i18n: i18n })))));
     }
 };
 __decorate([

package/dist/cjs/atomic-insight-numeric-facet.cjs.entry.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-757bc886.js');
 const bueno = require('@coveo/bueno');
 const insight = require('@coveo/headless/insight');
-const initializationUtils = require('./initialization-utils-381854d1.js');
+const initializationUtils = require('./initialization-utils-92f1b080.js');
 const propsUtils = require('./props-utils-1e4ba1b0.js');
 const stencilAccessibilityUtils = require('./stencil-accessibility-utils-aa4c9f6c.js');
 const utils = require('./utils-7153ae6b.js');
 const dependsOn = require('./depends-on-0d4e4f15.js');
 const facetPlaceholder = require('./facet-placeholder-d9604249.js');
-const facetGuard = require('./facet-guard-1f250e99.js');
+const facetGuard = require('./facet-guard-328b588d.js');
 const stencilValuesContainer = require('./stencil-values-container-b6539384.js');
 const popoverType = require('./popover-type-b1385b27.js');
 const stencilFacetCommon = require('./stencil-facet-common-c258bef8.js');
@@ -262,7 +262,7 @@ const AtomicInsightNumericFacet = class {
     }
     render() {
         const { searchStatusState: { firstSearchExecuted, hasError }, bindings: { i18n }, label, numberOfSelectedValues, isCollapsed, headingLevel, focusTarget, withInput, filter, } = this;
-        return (index.h(facetGuard.FacetGuard, { key: 'f44c00523665cb008b2727116d2a542872d81bca', enabled: this.enabled, firstSearchExecuted: firstSearchExecuted, hasError: hasError, hasResults: this.shouldRenderFacet }, firstSearchExecuted ? (index.h(facetPlaceholder.FacetContainer, null, index.h(facetPlaceholder.FacetHeader, { i18n: i18n, label: label, onClearFilters: () => {
+        return (index.h(facetGuard.FacetGuard, { key: 'd9805b780f3684ad1f8284a55141c5c98f743791', enabled: this.enabled, firstSearchExecuted: firstSearchExecuted, hasError: hasError, hasResults: this.shouldRenderFacet }, firstSearchExecuted ? (index.h(facetPlaceholder.FacetContainer, null, index.h(facetPlaceholder.FacetHeader, { i18n: i18n, label: label, onClearFilters: () => {
                 focusTarget.focusAfterSearch();
                 if (this.filterState?.range) {
                     this.filter?.clear();

package/dist/cjs/atomic-insight-pager.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-757bc886.js');
 const insight = require('@coveo/headless/insight');
 const arrowLeftRounded = require('./arrow-left-rounded-87aa2218.js');
 const arrowRightRounded = require('./arrow-right-rounded-709d83f1.js');
-const initializationUtils = require('./initialization-utils-381854d1.js');
+const initializationUtils = require('./initialization-utils-92f1b080.js');
 const utils = require('./utils-7153ae6b.js');
 const stencilPagerNavigation = require('./stencil-pager-navigation-f5c13e0c.js');
 require('./dom-utils-d4790328.js');
@@ -57,15 +57,15 @@ const AtomicInsightPager = class {
         this.scrollToTopEvent.emit();
     }
     render() {
-        return (index.h(index.Host, { key: '260aede1c78c572fea4edee8f5f78ef95064dff2' }, index.h(stencilPagerNavigation.PagerNavigation, { key: '23f65a34a981639b9f27af17f7f5608165887d4f', i18n: this.bindings.i18n }, index.h(stencilPagerNavigation.PagerPreviousButton, { key: '40ffc4bfc48efc122525e129a1d2a80d4636e9da', icon: arrowLeftRounded.ArrowLeftIcon, disabled: !this.pagerState.hasPreviousPage, i18n: this.bindings.i18n, onClick: () => {
+        return (index.h(index.Host, { key: '0293c48bc6d82c3d8e989d465de01ac451ed806f' }, index.h(stencilPagerNavigation.PagerNavigation, { key: '4365c6276e6002f821142c9ab593df7be305b748', i18n: this.bindings.i18n }, index.h(stencilPagerNavigation.PagerPreviousButton, { key: '7ceeea51e32f87167b80772c5eb033f5e1bef298', icon: arrowLeftRounded.ArrowLeftIcon, disabled: !this.pagerState.hasPreviousPage, i18n: this.bindings.i18n, onClick: () => {
                 this.pager.previousPage();
                 this.focusOnFirstResultAndScrollToTop();
-            } }), index.h(stencilPagerNavigation.PagerPageButtons, { key: '92435c472ea8a8d5e4cec5aa35a489267a338f27', i18n: this.bindings.i18n }, this.pagerState.currentPages.map((pageNumber) => {
+            } }), index.h(stencilPagerNavigation.PagerPageButtons, { key: '58b0f39c07aaf2462652365edab933771826c21b', i18n: this.bindings.i18n }, this.pagerState.currentPages.map((pageNumber) => {
             return (index.h(stencilPagerNavigation.PagerPageButton, { isSelected: this.pager.isCurrentPage(pageNumber), ariaLabel: this.bindings.i18n.t('page-number', { pageNumber }), onChecked: () => {
                     this.pager.selectPage(pageNumber);
                     this.focusOnFirstResultAndScrollToTop();
                 }, page: pageNumber, groupName: this.radioGroupName, text: pageNumber.toLocaleString(this.bindings.i18n.language) }));
-        })), index.h(stencilPagerNavigation.PagerNextButton, { key: 'f173b86008941c27e092c8341a0e26ce27e9eddc', icon: arrowRightRounded.ArrowRightIcon, disabled: !this.pagerState.hasNextPage, i18n: this.bindings.i18n, onClick: () => {
+        })), index.h(stencilPagerNavigation.PagerNextButton, { key: '0a71a32a615b008543ba36d20aa274f144ba5596', icon: arrowRightRounded.ArrowRightIcon, disabled: !this.pagerState.hasNextPage, i18n: this.bindings.i18n, onClick: () => {
                 this.pager.nextPage();
                 this.focusOnFirstResultAndScrollToTop();
             } }))));

package/dist/cjs/atomic-insight-query-error.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-757bc886.js');
 const insight = require('@coveo/headless/insight');
-const initializationUtils = require('./initialization-utils-381854d1.js');
+const initializationUtils = require('./initialization-utils-92f1b080.js');
 const stencilAccessibilityUtils = require('./stencil-accessibility-utils-aa4c9f6c.js');
 const stencilLink = require('./stencil-link-f0f8fc23.js');
 require('./dom-utils-d4790328.js');
@@ -48,7 +48,7 @@ const AtomicQueryError = class {
         if (hasError) {
             this.ariaMessage = stencilLink.getAriaMessageFromErrorType(i18n, organizationId, url, error?.type);
         }
-        return (index.h(stencilLink.QueryErrorGuard, { key: '673b90038d6c8cb0730be06d9fa67c3cb48ce37d', hasError: hasError }, index.h(stencilLink.QueryErrorContainer, { key: '447a1e14cbfa545e362128357674cdf3b874ff5f' }, index.h(stencilLink.QueryErrorIcon, { key: '0c03fd7f4e530710f5a6a70065e4b198c3460893', errorType: error?.type }), index.h(stencilLink.QueryErrorTitle, { key: '2ea1f6cdc330985ec5f47329be542654cac8c9a6', i18n: i18n, organizationId: organizationId }), index.h(stencilLink.QueryErrorDescription, { key: '99ff6bd5bfc5b5e82eef055449582f7556b7e256', i18n: i18n, organizationId: organizationId, url: url }), index.h(stencilLink.QueryErrorShowMore, { key: '82dd6131634b23dce498f3585a69bf3486c81b60', link: index.h(stencilLink.QueryErrorLink, { i18n: i18n, errorType: error?.type }), onShowMore: () => (this.showMoreInfo = !this.showMoreInfo), i18n: i18n }), index.h(stencilLink.QueryErrorDetails, { key: '528dd29a5d0bcf2adaacd400352594930f090326', error: error, show: this.showMoreInfo }))));
+        return (index.h(stencilLink.QueryErrorGuard, { key: '187021bfef4a74d64fa2780dbf6a0ef25010b3a0', hasError: hasError }, index.h(stencilLink.QueryErrorContainer, { key: '108d62e8ac2e628381590f67ce5d344908252441' }, index.h(stencilLink.QueryErrorIcon, { key: '456b167ae17cb2f488f774f9f18bad42be54322f', errorType: error?.type }), index.h(stencilLink.QueryErrorTitle, { key: '531b1cf1cd75b6b94204d4817b79b8ed2cd8484b', i18n: i18n, organizationId: organizationId }), index.h(stencilLink.QueryErrorDescription, { key: 'f34ef8d4d2b90ccf22f64f307d12ca7747fccb94', i18n: i18n, organizationId: organizationId, url: url }), index.h(stencilLink.QueryErrorShowMore, { key: '0e4a7c4c08b2f7041eb6848ba75cc846d153b44f', link: index.h(stencilLink.QueryErrorLink, { i18n: i18n, errorType: error?.type }), onShowMore: () => (this.showMoreInfo = !this.showMoreInfo), i18n: i18n }), index.h(stencilLink.QueryErrorDetails, { key: '555c10b7f7aa1b97c4312901a14aeb4ab4021ee5', error: error, show: this.showMoreInfo }))));
     }
 };
 __decorate([

package/dist/cjs/atomic-insight-query-summary.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-757bc886.js');
 const insight = require('@coveo/headless/insight');
-const initializationUtils = require('./initialization-utils-381854d1.js');
+const initializationUtils = require('./initialization-utils-92f1b080.js');
 const jsxUtils = require('./jsx-utils-f034a41c.js');
 const stencilAccessibilityUtils = require('./stencil-accessibility-utils-aa4c9f6c.js');
 const stencilUtils = require('./stencil-utils-9078a8de.js');

package/dist/cjs/atomic-insight-refine-modal.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-757bc886.js');
 const insight = require('@coveo/headless/insight');
 const domUtils = require('./dom-utils-d4790328.js');
-const initializationUtils = require('./initialization-utils-381854d1.js');
+const initializationUtils = require('./initialization-utils-92f1b080.js');
 const clonedFacetElements = require('./cloned-facet-elements-70cd1601.js');
 const stencilModal = require('./stencil-modal-8229c340.js');
 const stencilButton = require('./stencil-button-f6c2410c.js');
@@ -86,12 +86,12 @@ const AtomicInsightRefineModal = class {
         return (index.h("aside", { slot: "body", class: "flex flex-col w-full" }, this.renderHeader(), index.h("slot", { name: "facets" })));
     }
     render() {
-        return (index.h(index.Host, { key: 'f4ac5cb78cb35e842cb2e50d614c29320242d314' }, this.interfaceDimensions && (index.h("style", { key: 'ad0660085c3750018e1369c1df9c99b03a6fdd97' }, `atomic-modal::part(backdrop) {
+        return (index.h(index.Host, { key: '83055c2b6f20789912dcd3eb4bb9a6945a9af47e' }, this.interfaceDimensions && (index.h("style", { key: '9e28ef86ce421ce2418f3e8ed36cc8f5a5ccaade' }, `atomic-modal::part(backdrop) {
             top: ${this.interfaceDimensions.top}px;
             left: ${this.interfaceDimensions.left}px;
             width: ${this.interfaceDimensions.width}px;
             height: ${this.interfaceDimensions.height}px;
-            }`)), index.h(stencilModal.RefineModal, { key: '96a7c1cabf1674aaaade399cf46560378369d9dc', i18n: this.bindings.i18n, host: this.host, isOpen: this.isOpen, onClose: () => (this.isOpen = false), numberOfItems: this.querySummaryState.total, title: this.bindings.i18n.t('filters'), openButton: this.openButton, scope: this.bindings.interfaceElement }, this.renderBody())));
+            }`)), index.h(stencilModal.RefineModal, { key: 'd3c8d1ba721fa2db7f0453cadaf938e3826ca16f', i18n: this.bindings.i18n, host: this.host, isOpen: this.isOpen, onClose: () => (this.isOpen = false), numberOfItems: this.querySummaryState.total, title: this.bindings.i18n.t('filters'), openButton: this.openButton, scope: this.bindings.interfaceElement }, this.renderBody())));
     }
     componentDidLoad() {
         this.host.style.display = '';

package/dist/cjs/atomic-insight-refine-toggle.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-757bc886.js');
 const insight = require('@coveo/headless/insight');
 const filter = require('./filter-52d344d2.js');
-const initializationUtils = require('./initialization-utils-381854d1.js');
+const initializationUtils = require('./initialization-utils-92f1b080.js');
 const iconButton = require('./iconButton-3aef664a.js');
 require('./dom-utils-d4790328.js');
 require('./event-utils-9bfcf3c5.js');
@@ -59,7 +59,7 @@ const AtomicInsightRefineToggle = class {
         this.modalRef.openButton = this.buttonRef;
     }
     render() {
-        return (index.h(iconButton.IconButton, { key: '1f8d710e892f9af8657e68532c70e5286b0ea163', partPrefix: "insight-refine-toggle", style: "outline-neutral", title: this.bindings.i18n.t('filters'), icon: filter.FilterIcon, disabled: !this.searchStatusState.hasResults && !this.numberOfBreadcrumbs, ariaLabel: this.bindings.i18n.t('sort'), onClick: () => {
+        return (index.h(iconButton.IconButton, { key: '36a8854f561dda397f0243ac657cbfbc9823f9f2', partPrefix: "insight-refine-toggle", style: "outline-neutral", title: this.bindings.i18n.t('filters'), icon: filter.FilterIcon, disabled: !this.searchStatusState.hasResults && !this.numberOfBreadcrumbs, ariaLabel: this.bindings.i18n.t('sort'), onClick: () => {
                 this.bindings.store.waitUntilAppLoaded(() => {
                     this.enableModal();
                 });

package/dist/cjs/atomic-insight-result-action.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-757bc886.js');
 const insight = require('@coveo/headless/insight');
 const attach = require('./attach-19283bec.js');
 const preview = require('./preview-8eebe5d5.js');
-const initializationUtils = require('./initialization-utils-381854d1.js');
+const initializationUtils = require('./initialization-utils-92f1b080.js');
 const iconButton = require('./iconButton-3aef664a.js');
 const resultTemplateDecorators = require('./result-template-decorators-432d11a9.js');
 require('./dom-utils-d4790328.js');

package/dist/cjs/atomic-insight-result-attach-to-case-action.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-757bc886.js');
 const insight = require('@coveo/headless/insight');
 const attach = require('./attach-19283bec.js');
-const initializationUtils = require('./initialization-utils-381854d1.js');
+const initializationUtils = require('./initialization-utils-92f1b080.js');
 const iconButton = require('./iconButton-3aef664a.js');
 const resultTemplateDecorators = require('./result-template-decorators-432d11a9.js');
 require('./dom-utils-d4790328.js');

package/dist/cjs/atomic-insight-result-attach-to-case-indicator.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-757bc886.js');
 const insight = require('@coveo/headless/insight');
 const attach = require('./attach-19283bec.js');
-const initializationUtils = require('./initialization-utils-381854d1.js');
+const initializationUtils = require('./initialization-utils-92f1b080.js');
 const resultTemplateDecorators = require('./result-template-decorators-432d11a9.js');
 require('./dom-utils-d4790328.js');
 require('./event-utils-9bfcf3c5.js');
@@ -43,7 +43,7 @@ const AtomicInsightResultAttachToCaseIndicator = class {
     }
     render() {
         if (this.attachToCase.isAttached()) {
-            return (index.h("atomic-icon", { key: '615f1183184ed58e1e52375445d1b8315b715bdc', part: "icon", class: "flex w-5 justify-center", icon: attach.AttachIcon, title: this.bindings.i18n.t('result-is-attached') }));
+            return (index.h("atomic-icon", { key: '1746d57c4f7da623f71536288efd8dc9e2734df2', part: "icon", class: "flex w-5 justify-center", icon: attach.AttachIcon, title: this.bindings.i18n.t('result-is-attached') }));
         }
     }
     get host() { return index.getElement(this); }

package/dist/cjs/atomic-insight-result-children.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-757bc886.js');
 const insight = require('@coveo/headless/insight');
 const eventUtils = require('./event-utils-9bfcf3c5.js');
-const initializationUtils = require('./initialization-utils-381854d1.js');
+const initializationUtils = require('./initialization-utils-92f1b080.js');
 const utils = require('./utils-7153ae6b.js');
 const unfoldedItem = require('./unfolded-item-148d21d6.js');
 const showHideButton = require('./show-hide-button-f9096749.js');
@@ -132,7 +132,7 @@ const AtomicResultChildren = class {
         return (index.h(showHideButton.ChildrenWrapper, { hasChildren: children.length > 0 }, children.map((child, i) => this.renderChild(child, i === children.length - 1))));
     }
     render() {
-        return (index.h(showHideButton.ResultChildrenGuard, { key: 'fac29657fed33aa4b1e22077b501bbfea0c449b3', inheritTemplates: this.inheritTemplates, resultTemplateRegistered: this.resultTemplateRegistered, templateHasError: this.templateHasError }, this.collection ? this.renderCollection() : this.renderFoldedResult()));
+        return (index.h(showHideButton.ResultChildrenGuard, { key: '1755385182cf5a9a34a1c1ec77af93d59d39677c', inheritTemplates: this.inheritTemplates, resultTemplateRegistered: this.resultTemplateRegistered, templateHasError: this.templateHasError }, this.collection ? this.renderCollection() : this.renderFoldedResult()));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/atomic-insight-result-list.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-757bc886.js');
 const insight = require('@coveo/headless/insight');
-const initializationUtils = require('./initialization-utils-381854d1.js');
+const initializationUtils = require('./initialization-utils-92f1b080.js');
 const stencilAccessibilityUtils = require('./stencil-accessibility-utils-aa4c9f6c.js');
 const utils = require('./utils-7153ae6b.js');
 const stencilPlaceholders = require('./stencil-placeholders-b8c896fa.js');
@@ -115,7 +115,7 @@ const AtomicInsightResultList = class {
     render() {
         this.itemListCommon.updateBreakpoints();
         const listClasses = this.computeListDisplayClasses();
-        return (index.h(itemListGuard.ItemListGuard, { key: '973bc9c484720b5bb2d4e3bb8cba834f9c13885e', hasTemplate: this.resultTemplateRegistered, templateHasError: this.itemTemplateProvider.hasError, firstRequestExecuted: this.resultListState.firstSearchExecuted, hasItems: this.resultListState.hasResults, hasError: this.resultListState.hasError }, index.h(stencilDisplayWrapper.DisplayWrapper, { key: 'def6b5e9d02f67a444bcde32cc5a85b4d84dbfd9', listClasses: listClasses, display: this.display }, index.h(stencilPlaceholders.ResultsPlaceholdersGuard, { key: '7a8a58ac6bfa421c1ec8e5b78a96faeade11e40f', displayPlaceholders: !this.isAppLoaded, numberOfPlaceholders: this.resultsPerPageState.numberOfResults, display: this.display, density: this.density, imageSize: this.imageSize }), index.h(stencilDisplayWrapper.ItemDisplayGuard, { key: 'db6b4884e76bc1b455ec1df3aaa3ac42d5f3cca0', firstRequestExecuted: this.resultListState.firstSearchExecuted, hasItems: this.resultListState.hasResults }, this.resultListState.results.map((result, i) => {
+        return (index.h(itemListGuard.ItemListGuard, { key: '433c76478b403e1350e3284920ff84f8808056f8', hasTemplate: this.resultTemplateRegistered, templateHasError: this.itemTemplateProvider.hasError, firstRequestExecuted: this.resultListState.firstSearchExecuted, hasItems: this.resultListState.hasResults, hasError: this.resultListState.hasError }, index.h(stencilDisplayWrapper.DisplayWrapper, { key: 'f2f22be439505ee24ad487b42b7309c09028eb47', listClasses: listClasses, display: this.display }, index.h(stencilPlaceholders.ResultsPlaceholdersGuard, { key: '8417821f1217dfb43fbf7f6b785a4c4087e58dca', displayPlaceholders: !this.isAppLoaded, numberOfPlaceholders: this.resultsPerPageState.numberOfResults, display: this.display, density: this.density, imageSize: this.imageSize }), index.h(stencilDisplayWrapper.ItemDisplayGuard, { key: '258f2eb3b6bd80b766e9d8bed571d42cf252bdde', firstRequestExecuted: this.resultListState.firstSearchExecuted, hasItems: this.resultListState.hasResults }, this.resultListState.results.map((result, i) => {
             const atomicInsightResultProps = this.getPropsForAtomicInsightResult(result);
             return (index.h("atomic-insight-result", { ...atomicInsightResultProps, part: "outline", ref: (element) => element && this.itemListCommon.setNewResultRef(element, i) }));
         })))));

package/dist/cjs/atomic-insight-result-quickview-action.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-757bc886.js');
 const bueno = require('@coveo/bueno');
 const headless = require('@coveo/headless');
 const preview = require('./preview-8eebe5d5.js');
-const initializationUtils = require('./initialization-utils-381854d1.js');
+const initializationUtils = require('./initialization-utils-92f1b080.js');
 const stencilAccessibilityUtils = require('./stencil-accessibility-utils-aa4c9f6c.js');
 const iconButton = require('./iconButton-3aef664a.js');
 const resultTemplateDecorators = require('./result-template-decorators-432d11a9.js');
@@ -118,7 +118,7 @@ const AtomicInsightResultQuickviewAction = class {
         this.addQuickviewModalIfNeeded();
         this.updateModalContent();
         if (this.shouldRenderQuickview) {
-            return (index.h(iconButton.IconButton, { key: 'e9ebb865238d926c30483176b543472977ec89ad', partPrefix: "result-action", style: "outline-neutral", ref: this.focusTarget.setTarget, icon: preview.QuickviewIcon, title: this.bindings.i18n.t('quickview'), onClick: () => this.onClick() }));
+            return (index.h(iconButton.IconButton, { key: '50ef47eaf86d448354d59495088c06cae9ebda41', partPrefix: "result-action", style: "outline-neutral", ref: this.focusTarget.setTarget, icon: preview.QuickviewIcon, title: this.bindings.i18n.t('quickview'), onClick: () => this.onClick() }));
         }
     }
     get host() { return index.getElement(this); }

package/dist/cjs/atomic-insight-result.cjs.entry.js

@@ -76,7 +76,7 @@ const AtomicInsightResult = class {
             .join('');
     }
     render() {
-        return (index.h(index.Host, { key: '50f4aeec1b0312e9c32624dab31faef6ba0cbd70', class: stencilItemListCommon.resultComponentClass }, index.h("div", { key: 'af39b3e036886c7b77d0176315fda2ff53cfe240', class: `result-root ${this.layout
+        return (index.h(index.Host, { key: 'e857b690cd5233d79884f2b900db414ee5fa144b', class: stencilItemListCommon.resultComponentClass }, index.h("div", { key: '8c1693989553f7a05e2b5976a07c2de7b2d517b2', class: `result-root ${this.layout
                 .getClasses()
                 .concat(this.classes)
                 .join(' ')}`, innerHTML: this.getContentHTML() })));

package/dist/cjs/atomic-insight-search-box.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-757bc886.js');
 const insight = require('@coveo/headless/insight');
 const stencilSuggestionManager = require('./stencil-suggestion-manager-9079f36d.js');
 const deviceUtils = require('./device-utils-da0ee5bd.js');
-const initializationUtils = require('./initialization-utils-381854d1.js');
+const initializationUtils = require('./initialization-utils-92f1b080.js');
 const stencilAccessibilityUtils = require('./stencil-accessibility-utils-aa4c9f6c.js');
 const utils = require('./utils-7153ae6b.js');
 const stencilQuerySuggestions = require('./stencil-query-suggestions-03268ecc.js');
@@ -216,13 +216,13 @@ const AtomicInsightSearchBox = class {
             : this.bindings.i18n.t('query-suggestions-unavailable');
     }
     render() {
-        return (index.h(stencilSuggestionManager.SearchBoxWrapper, { key: '0a983ffbf4c932509a90f223fcf9571916866549', disabled: this.disableSearch, onFocusout: (event) => {
+        return (index.h(stencilSuggestionManager.SearchBoxWrapper, { key: '3a4e17e7de533c46315ee2c0b48cbdb00f3602aa', disabled: this.disableSearch, onFocusout: (event) => {
                 if (!utils.isFocusingOut(event)) {
                     return;
                 }
                 this.suggestionManager.clearSuggestions();
                 this.isExpanded = false;
-            } }, index.h("atomic-icon", { key: '43dd39ebe185cc670a5212e9cd7b63d1cf45b08b', part: "submit-icon", icon: stencilSuggestionManager.SearchSlimIcon, class: "my-auto mr-0 ml-4 h-4 w-4" }), index.h(stencilSuggestionManager.SearchTextArea, { key: '709ab176a131c55d4cf9389af81358a13419a877', textAreaRef: this.textAreaRef, loading: this.searchBoxState.isLoading, ref: (el) => el && (this.textAreaRef = el), bindings: this.bindings, value: this.searchBoxState.value, ariaLabel: this.getSearchInputLabel(), placeholder: this.bindings.i18n.t('search-ellipsis'), onFocus: () => this.onFocus(), onKeyDown: (e) => this.onKeyDown(e), onClear: () => {
+            } }, index.h("atomic-icon", { key: '81aae200cb3ce716e8c681c6da015c32854e28db', part: "submit-icon", icon: stencilSuggestionManager.SearchSlimIcon, class: "my-auto mr-0 ml-4 h-4 w-4" }), index.h(stencilSuggestionManager.SearchTextArea, { key: '34a4c568cd491a7bfb216b4db248755538b8eda0', textAreaRef: this.textAreaRef, loading: this.searchBoxState.isLoading, ref: (el) => el && (this.textAreaRef = el), bindings: this.bindings, value: this.searchBoxState.value, ariaLabel: this.getSearchInputLabel(), placeholder: this.bindings.i18n.t('search-ellipsis'), onFocus: () => this.onFocus(), onKeyDown: (e) => this.onKeyDown(e), onClear: () => {
                 this.searchBox.clear();
                 this.triggerTextAreaChange('');
             }, onInput: (e) => this.onInput(e.target.value) }), this.renderSuggestions()));