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

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

@@ -1,9 +1,10 @@
-import { r as registerInstance, g as getElement } from './index-3f35faca.js';
-import { buildInteractiveCitation, buildGeneratedAnswer, buildSearchStatus } from '@coveo/headless/insight';
+import { r as registerInstance, h, g as getElement } from './index-3f35faca.js';
+import { buildGeneratedAnswer, buildSearchStatus, buildInteractiveCitation } from '@coveo/headless/insight';
 import { d as debounce } from './debounce-utils-8619dece.js';
-import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-271aa8c0.js';
+import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-ffbc4136.js';
 import { A as AriaLiveRegion } from './stencil-accessibility-utils-2d41d4cd.js';
-import { G as GeneratedAnswerCommon } from './generated-answer-common-06146290.js';
+import { w as writeGeneratedAnswerStoredData, g as getGeneratedAnswerStatus, r as readGeneratedAnswerStoredData, i as insertGeneratedAnswerFeedbackModal, c as copyToClipboard, G as GeneratedAnswerRenderer } from './generated-answer-renderer-469d25f0.js';
+import { g as getNamedSlotFromHost } from './slot-utils-dcf4fc27.js';
 import './dom-utils-f6086cd3.js';
 import './event-utils-8de63ec3.js';
 import './init-queue-fbe942c3.js';
@@ -11,8 +12,7 @@ import './initialization-lit-stencil-common-utils-804fe146.js';
 import './utils-7ac76ba7.js';
 import './purify-c7ebd240.js';
 import './_commonjsHelpers-1789f0cf.js';
-import './local-storage-utils-410269e6.js';
-import './slot-utils-dcf4fc27.js';
+import './local-storage-utils-a4bf8fba.js';
 import './stencil-heading-2b28a9b9.js';
 import './stencil-button-75e8b31b.js';
 import './stencil-button-style-0bc80040.js';
@@ -46,23 +46,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);
+                writeGeneratedAnswerStoredData(this._data);
             }
-            this.setAriaMessage(this.generatedAnswerCommon.getGeneratedAnswerStatus());
-        };
-        this.setCopied = (isCopied) => {
-            this.copied = isCopied;
-        };
-        this.setCopyError = (copyError) => {
-            this.copyError = copyError;
+            this.setAriaMessage(getGeneratedAnswerStatus(this.generatedAnswerState, this.bindings.i18n));
         };
         this.setAriaMessage = (message) => {
             this.ariaMessage = message;
@@ -80,25 +81,10 @@ const AtomicInsightGeneratedAnswer = class {
         this.disableCitationAnchoring = undefined;
     }
     initialize() {
-        this.generatedAnswerCommon = new 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) => buildInteractiveCitation(this.bindings.engine, props),
-        });
+        this._data = readGeneratedAnswerStoredData(!!this.withToggle);
         this.generatedAnswer = buildGeneratedAnswer(this.bindings.engine, {
             initialState: {
-                isVisible: this.generatedAnswerCommon.data.isVisible,
+                isVisible: this._data?.isVisible || false,
                 responseFormat: {
                     contentFormat: ['text/markdown', 'text/plain'],
                 },
@@ -109,12 +95,12 @@ const AtomicInsightGeneratedAnswer = class {
             fieldsToIncludeInCitations: this.getCitationFields(),
         });
         this.searchStatus = buildSearchStatus(this.bindings.engine);
-        this.generatedAnswerCommon.insertFeedbackModal();
         if (window.ResizeObserver && this.collapsible) {
             const debouncedAdaptAnswerHeight = debounce(() => this.adaptAnswerHeight(), 100);
             this.resizeObserver = new ResizeObserver(debouncedAdaptAnswerHeight);
             this.resizeObserver.observe(this.host);
         }
+        this.modalRef = insertGeneratedAnswerFeedbackModal(this.host, () => this.generatedAnswer);
     }
     updateAnswerCollapsed(newState, oldState) {
         const newExpanded = newState.expanded;
@@ -189,8 +175,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 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 = !!getNamedSlotFromHost(this.host, 'no-answer-message');
+        const hasClipboard = !!navigator?.clipboard?.writeText;
+        const buildInteractiveCitationForCitation = (citation) => buildInteractiveCitation(this.bindings.engine, {
+            options: { citation },
+        });
+        return h(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 getElement(this); }
     static get watchers() { return {

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

@@ -1 +1 @@
-{"file":"atomic-insight-generated-answer.entry.js","mappings":"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","names":["buildInsightInteractiveCitation","buildInsightGeneratedAnswer","buildInsightSearchStatus"],"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.js","mappings":"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","names":["buildInsightGeneratedAnswer","buildInsightSearchStatus","buildInsightInteractiveCitation"],"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/esm/atomic-insight-history-toggle.entry.js

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

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, s as setNonce, h, H as Host, g as getElement } from './index-3f35faca.js';
 import { m as markParentAsReady } from './init-queue-fbe942c3.js';
 import { buildResultsPerPage, loadFieldActions, buildInsightEngine } from '@coveo/headless/insight';
-import { g as getNextAnalyticsConfig, a as augmentWithExternalMiddleware, b as augmentAnalyticsWithAtomicVersion, C as CommonAtomicInterfaceHelper, i as instance } from './analytics-config-672b6eba.js';
+import { g as getNextAnalyticsConfig, a as augmentWithExternalMiddleware, b as augmentAnalyticsWithAtomicVersion, C as CommonAtomicInterfaceHelper, i as instance } from './analytics-config-4639acb7.js';
 import { A as ArrayProp } from './props-utils-76e19fa7.js';
 import { D as DEFAULT_MOBILE_BREAKPOINT } from './replace-breakpoint-213367f8.js';
 import { u as unsetLoadingFlag, s as setLoadingFlag, r as registerFacet, g as getFacetElements, w as waitUntilAppLoaded, a as createBaseStore } from './store-e14e2958.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, g as getElement } from './index-3f35faca.js';
-import { I as InitializeBindings } from './initialization-utils-271aa8c0.js';
+import { I as InitializeBindings } from './initialization-utils-ffbc4136.js';
 import { r as randomID } from './utils-7ac76ba7.js';
 import { b as buildInsightLayout } from './insight-layout-776b87f2.js';
 import './dom-utils-f6086cd3.js';

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-3f35faca.js';
 import { buildSearchStatus, buildQuerySummary } from '@coveo/headless/insight';
-import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-271aa8c0.js';
+import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-ffbc4136.js';
 import { A as AriaLiveRegion } from './stencil-accessibility-utils-2d41d4cd.js';
 import { N as NoItemsContainer, M as MagnifyingGlass } from './stencil-magnifying-glass-041294b6.js';
 import { N as NoItemsGuard, a as NoItems, S as SearchTips } from './stencil-tips-be95482d.js';
@@ -39,7 +39,7 @@ const AtomicInsightNoResults = class {
     }
     render() {
         const { bindings: { i18n }, } = this;
-        return (h("div", { key: '825ae13ae0860ce408ff8e4a47dd829975345d35', class: "p-3 text-center" }, h(NoItemsGuard, { key: '623d5e551a83765efcdf6574187688730da56d9c', ...this.searchStatusState }, h(NoItemsContainer, { key: 'ad02d240a97de03eaa59dfc3e5365753455d919a' }, h(MagnifyingGlass, { key: '15b017413c4668ff29861a31ee5028481d2b9c3a' }), h(NoItems, { key: '3e7bfd64c15426bec598f71ef7f771d8f2485214', query: this.querySummaryState.query, i18n: i18n, i18nKey: "no-results" }), h(SearchTips, { key: '6fbb100f870e966e93c268170b91cc7651a9c4c0', i18n: i18n })))));
+        return (h("div", { key: '842b4a56bdd95a34551e9cce860cf5f0155a03ac', class: "p-3 text-center" }, h(NoItemsGuard, { key: 'a18f08c10934f2cb5e499bd62d37127d02b5f44c', ...this.searchStatusState }, h(NoItemsContainer, { key: '480719baf27f1ee7d2db4e4bdd77efd5e11ae1f6' }, h(MagnifyingGlass, { key: '31ac8d5de3c6971428f0b68a0855aa8aabf15473' }), h(NoItems, { key: '428bb405496f20b553d5f3bb2639a76b2a36ecd6', query: this.querySummaryState.query, i18n: i18n, i18nKey: "no-results" }), h(SearchTips, { key: 'd9496596e22f08f533edf91ecc1ce6e4533038ae', i18n: i18n })))));
     }
 };
 __decorate([

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

@@ -1,13 +1,13 @@
 import { r as registerInstance, h, g as getElement } from './index-3f35faca.js';
 import { Schema, StringValue } from '@coveo/bueno';
 import { buildNumericFacet, buildNumericRange, buildNumericFilter, buildFacetConditionsManager, buildSearchStatus, loadNumericFacetSetActions } from '@coveo/headless/insight';
-import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-271aa8c0.js';
+import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-ffbc4136.js';
 import { M as MapProp } from './props-utils-76e19fa7.js';
 import { F as FocusTargetController } from './stencil-accessibility-utils-2d41d4cd.js';
 import { r as randomID } from './utils-7ac76ba7.js';
 import { p as parseDependsOn } from './depends-on-d73b0ce3.js';
 import { a as FacetContainer, F as FacetHeader, b as FacetPlaceholder } from './facet-placeholder-57a5207d.js';
-import { F as FacetGuard } from './facet-guard-fbd379cf.js';
+import { F as FacetGuard } from './facet-guard-4b795e90.js';
 import { f as formatHumanReadable, N as NumericFacetValueLink, a as NumericFacetValuesContainer } from './stencil-values-container-e005ef7f.js';
 import { i as initializePopover } from './popover-type-895c0e24.js';
 import { b as shouldDisplayInputForFacetRange } from './stencil-facet-common-e4c271f2.js';
@@ -258,7 +258,7 @@ const AtomicInsightNumericFacet = class {
     }
     render() {
         const { searchStatusState: { firstSearchExecuted, hasError }, bindings: { i18n }, label, numberOfSelectedValues, isCollapsed, headingLevel, focusTarget, withInput, filter, } = this;
-        return (h(FacetGuard, { key: 'f44c00523665cb008b2727116d2a542872d81bca', enabled: this.enabled, firstSearchExecuted: firstSearchExecuted, hasError: hasError, hasResults: this.shouldRenderFacet }, firstSearchExecuted ? (h(FacetContainer, null, h(FacetHeader, { i18n: i18n, label: label, onClearFilters: () => {
+        return (h(FacetGuard, { key: 'd9805b780f3684ad1f8284a55141c5c98f743791', enabled: this.enabled, firstSearchExecuted: firstSearchExecuted, hasError: hasError, hasResults: this.shouldRenderFacet }, firstSearchExecuted ? (h(FacetContainer, null, h(FacetHeader, { i18n: i18n, label: label, onClearFilters: () => {
                 focusTarget.focusAfterSearch();
                 if (this.filterState?.range) {
                     this.filter?.clear();

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

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, H as Host } from './index-3
 import { buildSearchStatus, buildPager } from '@coveo/headless/insight';
 import { A as ArrowLeftIcon } from './arrow-left-rounded-27d1c97b.js';
 import { A as ArrowRightIcon } from './arrow-right-rounded-bdbe0f8b.js';
-import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-271aa8c0.js';
+import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-ffbc4136.js';
 import { r as randomID } from './utils-7ac76ba7.js';
 import { P as PagerNavigation, a as PagerPreviousButton, b as PagerPageButtons, c as PagerPageButton, d as PagerNextButton } from './stencil-pager-navigation-c6870b0f.js';
 import './dom-utils-f6086cd3.js';
@@ -53,15 +53,15 @@ const AtomicInsightPager = class {
         this.scrollToTopEvent.emit();
     }
     render() {
-        return (h(Host, { key: '260aede1c78c572fea4edee8f5f78ef95064dff2' }, h(PagerNavigation, { key: '23f65a34a981639b9f27af17f7f5608165887d4f', i18n: this.bindings.i18n }, h(PagerPreviousButton, { key: '40ffc4bfc48efc122525e129a1d2a80d4636e9da', icon: ArrowLeftIcon, disabled: !this.pagerState.hasPreviousPage, i18n: this.bindings.i18n, onClick: () => {
+        return (h(Host, { key: '0293c48bc6d82c3d8e989d465de01ac451ed806f' }, h(PagerNavigation, { key: '4365c6276e6002f821142c9ab593df7be305b748', i18n: this.bindings.i18n }, h(PagerPreviousButton, { key: '7ceeea51e32f87167b80772c5eb033f5e1bef298', icon: ArrowLeftIcon, disabled: !this.pagerState.hasPreviousPage, i18n: this.bindings.i18n, onClick: () => {
                 this.pager.previousPage();
                 this.focusOnFirstResultAndScrollToTop();
-            } }), h(PagerPageButtons, { key: '92435c472ea8a8d5e4cec5aa35a489267a338f27', i18n: this.bindings.i18n }, this.pagerState.currentPages.map((pageNumber) => {
+            } }), h(PagerPageButtons, { key: '58b0f39c07aaf2462652365edab933771826c21b', i18n: this.bindings.i18n }, this.pagerState.currentPages.map((pageNumber) => {
             return (h(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) }));
-        })), h(PagerNextButton, { key: 'f173b86008941c27e092c8341a0e26ce27e9eddc', icon: ArrowRightIcon, disabled: !this.pagerState.hasNextPage, i18n: this.bindings.i18n, onClick: () => {
+        })), h(PagerNextButton, { key: '0a71a32a615b008543ba36d20aa274f144ba5596', icon: ArrowRightIcon, disabled: !this.pagerState.hasNextPage, i18n: this.bindings.i18n, onClick: () => {
                 this.pager.nextPage();
                 this.focusOnFirstResultAndScrollToTop();
             } }))));

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-3f35faca.js';
 import { buildQueryError, getOrganizationEndpoint } from '@coveo/headless/insight';
-import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-271aa8c0.js';
+import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-ffbc4136.js';
 import { A as AriaLiveRegion } from './stencil-accessibility-utils-2d41d4cd.js';
 import { g as getAriaMessageFromErrorType, Q as QueryErrorContainer, a as QueryErrorIcon, b as QueryErrorTitle, c as QueryErrorDescription, d as QueryErrorShowMore, e as QueryErrorLink, f as QueryErrorDetails, h as QueryErrorGuard } from './stencil-link-4136c3ad.js';
 import './dom-utils-f6086cd3.js';
@@ -44,7 +44,7 @@ const AtomicQueryError = class {
         if (hasError) {
             this.ariaMessage = getAriaMessageFromErrorType(i18n, organizationId, url, error?.type);
         }
-        return (h(QueryErrorGuard, { key: '673b90038d6c8cb0730be06d9fa67c3cb48ce37d', hasError: hasError }, h(QueryErrorContainer, { key: '447a1e14cbfa545e362128357674cdf3b874ff5f' }, h(QueryErrorIcon, { key: '0c03fd7f4e530710f5a6a70065e4b198c3460893', errorType: error?.type }), h(QueryErrorTitle, { key: '2ea1f6cdc330985ec5f47329be542654cac8c9a6', i18n: i18n, organizationId: organizationId }), h(QueryErrorDescription, { key: '99ff6bd5bfc5b5e82eef055449582f7556b7e256', i18n: i18n, organizationId: organizationId, url: url }), h(QueryErrorShowMore, { key: '82dd6131634b23dce498f3585a69bf3486c81b60', link: h(QueryErrorLink, { i18n: i18n, errorType: error?.type }), onShowMore: () => (this.showMoreInfo = !this.showMoreInfo), i18n: i18n }), h(QueryErrorDetails, { key: '528dd29a5d0bcf2adaacd400352594930f090326', error: error, show: this.showMoreInfo }))));
+        return (h(QueryErrorGuard, { key: '187021bfef4a74d64fa2780dbf6a0ef25010b3a0', hasError: hasError }, h(QueryErrorContainer, { key: '108d62e8ac2e628381590f67ce5d344908252441' }, h(QueryErrorIcon, { key: '456b167ae17cb2f488f774f9f18bad42be54322f', errorType: error?.type }), h(QueryErrorTitle, { key: '531b1cf1cd75b6b94204d4817b79b8ed2cd8484b', i18n: i18n, organizationId: organizationId }), h(QueryErrorDescription, { key: 'f34ef8d4d2b90ccf22f64f307d12ca7747fccb94', i18n: i18n, organizationId: organizationId, url: url }), h(QueryErrorShowMore, { key: '0e4a7c4c08b2f7041eb6848ba75cc846d153b44f', link: h(QueryErrorLink, { i18n: i18n, errorType: error?.type }), onShowMore: () => (this.showMoreInfo = !this.showMoreInfo), i18n: i18n }), h(QueryErrorDetails, { key: '555c10b7f7aa1b97c4312901a14aeb4ab4021ee5', error: error, show: this.showMoreInfo }))));
     }
 };
 __decorate([

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-3f35faca.js';
 import { buildQuerySummary } from '@coveo/headless/insight';
-import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-271aa8c0.js';
+import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-ffbc4136.js';
 import { L as LocalizedString } from './jsx-utils-9ee1b6a7.js';
 import { A as AriaLiveRegion } from './stencil-accessibility-utils-2d41d4cd.js';
 import { g as getQuerySummaryI18nParameters, Q as QuerySummaryContainer, a as QuerySummaryGuard } from './stencil-utils-2f985079.js';

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-3f35faca.js';
 import { buildQuerySummary, buildBreadcrumbManager } from '@coveo/headless/insight';
 import { r as rectEquals } from './dom-utils-f6086cd3.js';
-import { I as InitializeBindings, B as BindStateToController, H as Hidden } from './initialization-utils-271aa8c0.js';
+import { I as InitializeBindings, B as BindStateToController, H as Hidden } from './initialization-utils-ffbc4136.js';
 import { g as getClonedFacetElements } from './cloned-facet-elements-cb9ef91b.js';
 import { R as RefineModal } from './stencil-modal-151563e7.js';
 import { B as Button } from './stencil-button-75e8b31b.js';
@@ -82,12 +82,12 @@ const AtomicInsightRefineModal = class {
         return (h("aside", { slot: "body", class: "flex flex-col w-full" }, this.renderHeader(), h("slot", { name: "facets" })));
     }
     render() {
-        return (h(Host, { key: 'f4ac5cb78cb35e842cb2e50d614c29320242d314' }, this.interfaceDimensions && (h("style", { key: 'ad0660085c3750018e1369c1df9c99b03a6fdd97' }, `atomic-modal::part(backdrop) {
+        return (h(Host, { key: '83055c2b6f20789912dcd3eb4bb9a6945a9af47e' }, this.interfaceDimensions && (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;
-            }`)), h(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())));
+            }`)), h(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/esm/atomic-insight-refine-toggle.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, g as getElement } from './index-3f35faca.js';
 import { buildBreadcrumbManager, buildSearchStatus } from '@coveo/headless/insight';
 import { F as FilterIcon } from './filter-582b47e0.js';
-import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-271aa8c0.js';
+import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-ffbc4136.js';
 import { I as IconButton } from './iconButton-779dd472.js';
 import './dom-utils-f6086cd3.js';
 import './event-utils-8de63ec3.js';
@@ -55,7 +55,7 @@ const AtomicInsightRefineToggle = class {
         this.modalRef.openButton = this.buttonRef;
     }
     render() {
-        return (h(IconButton, { key: '1f8d710e892f9af8657e68532c70e5286b0ea163', partPrefix: "insight-refine-toggle", style: "outline-neutral", title: this.bindings.i18n.t('filters'), icon: FilterIcon, disabled: !this.searchStatusState.hasResults && !this.numberOfBreadcrumbs, ariaLabel: this.bindings.i18n.t('sort'), onClick: () => {
+        return (h(IconButton, { key: '36a8854f561dda397f0243ac657cbfbc9823f9f2', partPrefix: "insight-refine-toggle", style: "outline-neutral", title: this.bindings.i18n.t('filters'), icon: FilterIcon, disabled: !this.searchStatusState.hasResults && !this.numberOfBreadcrumbs, ariaLabel: this.bindings.i18n.t('sort'), onClick: () => {
                 this.bindings.store.waitUntilAppLoaded(() => {
                     this.enableModal();
                 });

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

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h } from './index-3f35faca.js'
 import { loadInsightAnalyticsActions } from '@coveo/headless/insight';
 import { A as AttachIcon } from './attach-81bb8872.js';
 import { Q as QuickviewIcon } from './preview-bb7e7a89.js';
-import { I as InitializeBindings } from './initialization-utils-271aa8c0.js';
+import { I as InitializeBindings } from './initialization-utils-ffbc4136.js';
 import { I as IconButton } from './iconButton-779dd472.js';
 import { R as ResultContext } from './result-template-decorators-2ed76ea9.js';
 import './dom-utils-f6086cd3.js';

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-3f35faca.js';
 import { buildAttachToCase } from '@coveo/headless/insight';
 import { A as AttachIcon } from './attach-81bb8872.js';
-import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-271aa8c0.js';
+import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-ffbc4136.js';
 import { I as IconButton } from './iconButton-779dd472.js';
 import { R as ResultContext } from './result-template-decorators-2ed76ea9.js';
 import './dom-utils-f6086cd3.js';

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, g as getElement } from './index-3f35faca.js';
 import { buildAttachToCase } from '@coveo/headless/insight';
 import { A as AttachIcon } from './attach-81bb8872.js';
-import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-271aa8c0.js';
+import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-ffbc4136.js';
 import { R as ResultContext } from './result-template-decorators-2ed76ea9.js';
 import './dom-utils-f6086cd3.js';
 import './event-utils-8de63ec3.js';
@@ -39,7 +39,7 @@ const AtomicInsightResultAttachToCaseIndicator = class {
     }
     render() {
         if (this.attachToCase.isAttached()) {
-            return (h("atomic-icon", { key: '615f1183184ed58e1e52375445d1b8315b715bdc', part: "icon", class: "flex w-5 justify-center", icon: AttachIcon, title: this.bindings.i18n.t('result-is-attached') }));
+            return (h("atomic-icon", { key: '1746d57c4f7da623f71536288efd8dc9e2734df2', part: "icon", class: "flex w-5 justify-center", icon: AttachIcon, title: this.bindings.i18n.t('result-is-attached') }));
         }
     }
     get host() { return getElement(this); }

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, g as getElement } from './index-3f35faca.js';
 import { buildInteractiveResult } from '@coveo/headless/insight';
 import { b as buildCustomEvent } from './event-utils-8de63ec3.js';
-import { I as InitializeBindings } from './initialization-utils-271aa8c0.js';
+import { I as InitializeBindings } from './initialization-utils-ffbc4136.js';
 import { g as elementHasAncestorTag } from './utils-7ac76ba7.js';
 import { e as extractUnfoldedItem } from './unfolded-item-c5795c0f.js';
 import { F as FoldedItemListContext, a as FoldedItemListStateContext, C as ChildrenWrapper, S as ShowHideButton, b as CollectionGuard, R as ResultChildrenGuard } from './show-hide-button-7cc80d21.js';
@@ -128,7 +128,7 @@ const AtomicResultChildren = class {
         return (h(ChildrenWrapper, { hasChildren: children.length > 0 }, children.map((child, i) => this.renderChild(child, i === children.length - 1))));
     }
     render() {
-        return (h(ResultChildrenGuard, { key: 'fac29657fed33aa4b1e22077b501bbfea0c449b3', inheritTemplates: this.inheritTemplates, resultTemplateRegistered: this.resultTemplateRegistered, templateHasError: this.templateHasError }, this.collection ? this.renderCollection() : this.renderFoldedResult()));
+        return (h(ResultChildrenGuard, { key: '1755385182cf5a9a34a1c1ec77af93d59d39677c', inheritTemplates: this.inheritTemplates, resultTemplateRegistered: this.resultTemplateRegistered, templateHasError: this.templateHasError }, this.collection ? this.renderCollection() : this.renderFoldedResult()));
     }
     get host() { return getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, g as getElement } from './index-3f35faca.js';
 import { buildResultList, buildResultsPerPage, buildInteractiveResult } from '@coveo/headless/insight';
-import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-271aa8c0.js';
+import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-ffbc4136.js';
 import { F as FocusTargetController } from './stencil-accessibility-utils-2d41d4cd.js';
 import { r as randomID } from './utils-7ac76ba7.js';
 import { R as ResultsPlaceholdersGuard } from './stencil-placeholders-58a0c818.js';
@@ -111,7 +111,7 @@ const AtomicInsightResultList = class {
     render() {
         this.itemListCommon.updateBreakpoints();
         const listClasses = this.computeListDisplayClasses();
-        return (h(ItemListGuard, { key: '973bc9c484720b5bb2d4e3bb8cba834f9c13885e', hasTemplate: this.resultTemplateRegistered, templateHasError: this.itemTemplateProvider.hasError, firstRequestExecuted: this.resultListState.firstSearchExecuted, hasItems: this.resultListState.hasResults, hasError: this.resultListState.hasError }, h(DisplayWrapper, { key: 'def6b5e9d02f67a444bcde32cc5a85b4d84dbfd9', listClasses: listClasses, display: this.display }, h(ResultsPlaceholdersGuard, { key: '7a8a58ac6bfa421c1ec8e5b78a96faeade11e40f', displayPlaceholders: !this.isAppLoaded, numberOfPlaceholders: this.resultsPerPageState.numberOfResults, display: this.display, density: this.density, imageSize: this.imageSize }), h(ItemDisplayGuard, { key: 'db6b4884e76bc1b455ec1df3aaa3ac42d5f3cca0', firstRequestExecuted: this.resultListState.firstSearchExecuted, hasItems: this.resultListState.hasResults }, this.resultListState.results.map((result, i) => {
+        return (h(ItemListGuard, { key: '433c76478b403e1350e3284920ff84f8808056f8', hasTemplate: this.resultTemplateRegistered, templateHasError: this.itemTemplateProvider.hasError, firstRequestExecuted: this.resultListState.firstSearchExecuted, hasItems: this.resultListState.hasResults, hasError: this.resultListState.hasError }, h(DisplayWrapper, { key: 'f2f22be439505ee24ad487b42b7309c09028eb47', listClasses: listClasses, display: this.display }, h(ResultsPlaceholdersGuard, { key: '8417821f1217dfb43fbf7f6b785a4c4087e58dca', displayPlaceholders: !this.isAppLoaded, numberOfPlaceholders: this.resultsPerPageState.numberOfResults, display: this.display, density: this.density, imageSize: this.imageSize }), h(ItemDisplayGuard, { key: '258f2eb3b6bd80b766e9d8bed571d42cf252bdde', firstRequestExecuted: this.resultListState.firstSearchExecuted, hasItems: this.resultListState.hasResults }, this.resultListState.results.map((result, i) => {
             const atomicInsightResultProps = this.getPropsForAtomicInsightResult(result);
             return (h("atomic-insight-result", { ...atomicInsightResultProps, part: "outline", ref: (element) => element && this.itemListCommon.setNewResultRef(element, i) }));
         })))));

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

@@ -2,7 +2,7 @@ import { r as registerInstance, h, g as getElement } from './index-3f35faca.js';
 import { Schema, StringValue } from '@coveo/bueno';
 import { buildQuickview } from '@coveo/headless';
 import { Q as QuickviewIcon } from './preview-bb7e7a89.js';
-import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-271aa8c0.js';
+import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-ffbc4136.js';
 import { A as AriaLiveRegion, F as FocusTargetController } from './stencil-accessibility-utils-2d41d4cd.js';
 import { I as IconButton } from './iconButton-779dd472.js';
 import { R as ResultContext } from './result-template-decorators-2ed76ea9.js';
@@ -114,7 +114,7 @@ const AtomicInsightResultQuickviewAction = class {
         this.addQuickviewModalIfNeeded();
         this.updateModalContent();
         if (this.shouldRenderQuickview) {
-            return (h(IconButton, { key: 'e9ebb865238d926c30483176b543472977ec89ad', partPrefix: "result-action", style: "outline-neutral", ref: this.focusTarget.setTarget, icon: QuickviewIcon, title: this.bindings.i18n.t('quickview'), onClick: () => this.onClick() }));
+            return (h(IconButton, { key: '50ef47eaf86d448354d59495088c06cae9ebda41', partPrefix: "result-action", style: "outline-neutral", ref: this.focusTarget.setTarget, icon: QuickviewIcon, title: this.bindings.i18n.t('quickview'), onClick: () => this.onClick() }));
         }
     }
     get host() { return getElement(this); }

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

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

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

@@ -2,7 +2,7 @@ import { r as registerInstance, h, g as getElement } from './index-3f35faca.js';
 import { loadInsightSearchActions, buildSearchBox } from '@coveo/headless/insight';
 import { S as SuggestionManager, a as SearchSlimIcon, b as SearchTextArea, c as SearchBoxWrapper } from './stencil-suggestion-manager-8240b520.js';
 import { i as isMacOS, h as hasKeyboard } from './device-utils-265d1d2c.js';
-import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-271aa8c0.js';
+import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-ffbc4136.js';
 import { A as AriaLiveRegion } from './stencil-accessibility-utils-2d41d4cd.js';
 import { r as randomID, h as isFocusingOut } from './utils-7ac76ba7.js';
 import { g as getPartialSearchBoxSuggestionElement, Q as QuerySuggestionText, a as QuerySuggestionIcon, b as QuerySuggestionContainer } from './stencil-query-suggestions-5d6a46d7.js';
@@ -212,13 +212,13 @@ const AtomicInsightSearchBox = class {
             : this.bindings.i18n.t('query-suggestions-unavailable');
     }
     render() {
-        return (h(SearchBoxWrapper, { key: '0a983ffbf4c932509a90f223fcf9571916866549', disabled: this.disableSearch, onFocusout: (event) => {
+        return (h(SearchBoxWrapper, { key: '3a4e17e7de533c46315ee2c0b48cbdb00f3602aa', disabled: this.disableSearch, onFocusout: (event) => {
                 if (!isFocusingOut(event)) {
                     return;
                 }
                 this.suggestionManager.clearSuggestions();
                 this.isExpanded = false;
-            } }, h("atomic-icon", { key: '43dd39ebe185cc670a5212e9cd7b63d1cf45b08b', part: "submit-icon", icon: SearchSlimIcon, class: "my-auto mr-0 ml-4 h-4 w-4" }), h(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: () => {
+            } }, h("atomic-icon", { key: '81aae200cb3ce716e8c681c6da015c32854e28db', part: "submit-icon", icon: SearchSlimIcon, class: "my-auto mr-0 ml-4 h-4 w-4" }), h(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()));

package/dist/esm/atomic-insight-smart-snippet-feedback-modal.entry.js

@@ -4,7 +4,7 @@ import { S as SmartSnippetFeedbackModalFooter, a as SmartSnippetFeedbackModalBod
 import { u as updateBreakpoints } from './replace-breakpoint-213367f8.js';
 import { r as randomID } from './utils-7ac76ba7.js';
 import { buildSmartSnippet } from '@coveo/headless/insight';
-import { I as InitializeBindings } from './initialization-utils-271aa8c0.js';
+import { I as InitializeBindings } from './initialization-utils-ffbc4136.js';
 import './stencil-button-75e8b31b.js';
 import './event-utils-8de63ec3.js';
 import './stencil-button-style-0bc80040.js';
@@ -49,9 +49,9 @@ const AtomicInsightSmartSnippetFeedbackModal = class {
     }
     render() {
         updateBreakpoints(this.host);
-        return (h("atomic-modal", { key: 'cde5162337b2add212e275b36fff0041ff3c94c0', fullscreen: false, source: this.source, container: this.host, isOpen: this.isOpen, close: () => this.close(), exportparts: ATOMIC_MODAL_EXPORT_PARTS }, h(SmartSnippetFeedbackModalHeader, { key: '5f6ec11b78d970b730880ffc6edcff6b81d91a5b', i18n: this.bindings.i18n }), h(SmartSnippetFeedbackModalBody, { key: '6ea4a24667524de928af9630ef4ef0bfa0ea5594', formId: this.formId, onSubmit: (e) => this.sendFeedback(e) }, h(SmartSnippetFeebackModalOptions, { key: '2b67ad0b933ab25553a51c465c687e9f70ad51ed', i18n: this.bindings.i18n }, smartSnippetFeedbackOptions.map(({ id, localeKey, correspondingAnswer }) => (h(SmartSnippetFeedbackModalOption, { correspondingAnswer: correspondingAnswer, currentAnswer: this.currentAnswer, i18n: this.bindings.i18n, id: id, localeKey: localeKey, onChange: () => {
+        return (h("atomic-modal", { key: '7c82d746076341df1015c81ef0dde8060dfac247', fullscreen: false, source: this.source, container: this.host, isOpen: this.isOpen, close: () => this.close(), exportparts: ATOMIC_MODAL_EXPORT_PARTS }, h(SmartSnippetFeedbackModalHeader, { key: '05ca78aa7fd1215b6462da758ddd4571a8d86919', i18n: this.bindings.i18n }), h(SmartSnippetFeedbackModalBody, { key: 'cca761945016762b1d8845ef4ae7cbc3d68c5a3a', formId: this.formId, onSubmit: (e) => this.sendFeedback(e) }, h(SmartSnippetFeebackModalOptions, { key: '2ea8f8f701b02ee5693e5a31395bddfc9d0f3eac', i18n: this.bindings.i18n }, smartSnippetFeedbackOptions.map(({ id, localeKey, correspondingAnswer }) => (h(SmartSnippetFeedbackModalOption, { correspondingAnswer: correspondingAnswer, currentAnswer: this.currentAnswer, i18n: this.bindings.i18n, id: id, localeKey: localeKey, onChange: () => {
                 this.currentAnswer = correspondingAnswer;
-            } })))), h(SmartSnippetFeedbackModalDetails, { key: 'f00c7b34c2ccdf75a3dbeb2d8f5f84fc5f937b2a', currentAnswer: this.currentAnswer, i18n: this.bindings.i18n, setDetailsInputRef: (ref) => (this.detailsInputRef = ref) })), h(SmartSnippetFeedbackModalFooter, { key: '30b8e1da39378addb70bfc84726fe8c6f9d8c031', formId: this.formId, i18n: this.bindings.i18n, onClick: () => this.close() })));
+            } })))), h(SmartSnippetFeedbackModalDetails, { key: '386ae730c668eedcbc0e61dfd3eb7c306cf792e7', currentAnswer: this.currentAnswer, i18n: this.bindings.i18n, setDetailsInputRef: (ref) => (this.detailsInputRef = ref) })), h(SmartSnippetFeedbackModalFooter, { key: 'd25a06c39444a161f03009972d6f6d565d21c7c7', formId: this.formId, i18n: this.bindings.i18n, onClick: () => this.close() })));
     }
     close() {
         this.isOpen = false;