@coveo/atomic 3.32.4-pre.2b440cbf84 → 3.32.4-pre.2fd8f6feda

package/dist/atomic/{p-8ef7e37a.entry.js.map → p-91d64c67.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["getFieldTableColumns","props","itemRenderingFunction","getFieldTableColumnsFromRenderingFunction","getFieldTableColumnsFromHTMLTemplate","contentOfRenderingFunction","document","createElement","contentOfRenderingFunctionAsString","firstItem","innerHTML","Array","from","querySelectorAll","tableElementTagName","templateContentForFirstItem","DisplayTable","children","fieldColumns","length","logger","error","host","h","class","listClasses","part","map","column","value","getAttribute","DisplayTableRow","key","rowIndex","setRef","ref","element","DisplayTableData","renderItem","TabGuard","tabsIncluded","tabsExcluded","activeTab","shouldDisplayOnCurrentTab","Hidden","Fragment","atomicResultListCss","AtomicResultListStyle0","AtomicResultList","this","loadingFlag","randomID","resultTemplateRegistered","isAppLoaded","templateHasError","display","density","imageSize","setRenderFunction","resultRenderingFunction","focusTarget","nextNewResultTarget","FocusTargetController","initialize","includes","console","warn","tabManager","buildTabManager","bindings","engine","resultList","buildResultList","resultsPerPage","buildResultsPerPage","itemTemplateProvider","ItemTemplateProvider","includeDefaultTemplate","templateElements","getResultTemplateRegistered","getTemplateHasError","setResultTemplateRegistered","setTemplateHasError","resultListCommon","ItemListCommon","engineSubscribe","subscribe","getCurrentNumberOfItems","resultListState","results","getIsLoading","isLoading","nextNewItemTarget","store","createAppLoadedListener","watchTabManagerState","newValue","oldValue","unsetLoadingFlag","render","updateBreakpoints","computeListDisplayClasses","tabManagerState","ItemListGuard","hasError","hasTemplate","firstRequestExecuted","firstSearchExecuted","hasItems","hasResults","DisplayWrapper","ResultsPlaceholdersGuard","displayPlaceholders","numberOfPlaceholders","resultsPerPageState","numberOfResults","ItemDisplayGuard","renderAsTable","renderAsGrid","renderAsList","getPropsForAtomicResult","result","interactiveResult","buildInteractiveResult","options","renderingFunction","getResultId","uniqueId","searchResponseId","content","getTemplateContent","linkContent","getLinkTemplateContent","getEmptyLinkTemplateContent","getItemListDisplayClasses","i","propsForAtomicResult","DisplayGrid","selectorForItem","item","setNewResultRef","propsForTableColumns","__decorate","InitializeBindings","BindStateToController","ArrayProp"],"sources":["src/components/common/item-list/stencil-display-table.tsx","src/components/common/tabs/tab-guard.tsx","src/components/search/result-lists/atomic-result-list/atomic-result-list.pcss?tag=atomic-result-list&encapsulation=shadow","src/components/search/result-lists/atomic-result-list/atomic-result-list.tsx"],"sourcesContent":["// The Lit equivalent of this file is table-layout.ts\nimport {FunctionalComponent, VNode, h} from '@stencil/core';\nimport {tableElementTagName} from '../../search/atomic-table-result/table-element-utils.js';\nimport {AnyItem} from './unfolded-item.js';\nimport {ItemRenderingFunction} from './stencil-item-list-common.js';\n\ninterface TableColumnsProps {\n  templateContentForFirstItem: DocumentFragment;\n  firstItem: AnyItem;\n  itemRenderingFunction?: ItemRenderingFunction;\n}\n\nexport interface DisplayTableProps extends TableColumnsProps {\n  logger: Pick<Console, 'error'>;\n  host: HTMLElement;\n  listClasses: string;\n}\n\nexport interface TableDataProps extends TableColumnsProps {\n  key: string;\n}\n\nexport interface DisplayTableRowProps {\n  key: string;\n  rowIndex: number;\n  setRef: (element?: HTMLElement) => void;\n}\n\nconst getFieldTableColumns = (props: TableColumnsProps) => {\n  if (props.itemRenderingFunction) {\n    return getFieldTableColumnsFromRenderingFunction(props);\n  }\n  return getFieldTableColumnsFromHTMLTemplate(props);\n};\n\nconst getFieldTableColumnsFromRenderingFunction = (\n  props: Pick<TableColumnsProps, 'itemRenderingFunction' | 'firstItem'>\n): HTMLAtomicTableElementElement[] => {\n  const contentOfRenderingFunction = document.createElement('div');\n\n  const contentOfRenderingFunctionAsString = props.itemRenderingFunction!(\n    props.firstItem,\n    document.createElement('div')\n  );\n  contentOfRenderingFunction.innerHTML = contentOfRenderingFunctionAsString;\n\n  return Array.from(\n    contentOfRenderingFunction.querySelectorAll(tableElementTagName)\n  );\n};\n\nconst getFieldTableColumnsFromHTMLTemplate = (\n  props: Pick<DisplayTableProps, 'templateContentForFirstItem'>\n): HTMLAtomicTableElementElement[] =>\n  Array.from(\n    props.templateContentForFirstItem.querySelectorAll(tableElementTagName)\n  );\n\nexport const DisplayTable: FunctionalComponent<DisplayTableProps> = (\n  props,\n  children\n) => {\n  const fieldColumns = getFieldTableColumns(props);\n\n  if (!fieldColumns.length) {\n    props.logger.error(\n      'atomic-table-element elements missing in the template to display columns.',\n      props.host\n    );\n  }\n\n  return (\n    <table class={`list-root ${props.listClasses}`} part=\"result-table\">\n      <thead part=\"result-table-heading\">\n        <tr part=\"result-table-heading-row\">\n          {fieldColumns.map((column) => (\n            <th part=\"result-table-heading-cell\">\n              <atomic-text value={column.getAttribute('label')!}></atomic-text>\n            </th>\n          ))}\n        </tr>\n      </thead>\n      <tbody part=\"result-table-body\">{...children}</tbody>\n    </table>\n  );\n};\n\nexport const DisplayTableRow: FunctionalComponent<DisplayTableRowProps> = (\n  {key, rowIndex, setRef},\n  children\n) => {\n  return (\n    <tr\n      key={key}\n      part={\n        'result-table-row ' +\n        (rowIndex % 2 === 1 ? 'result-table-row-even' : 'result-table-row-odd')\n      }\n      ref={(element) => setRef(element)}\n    >\n      {...children}\n    </tr>\n  );\n};\n\nexport const DisplayTableData: FunctionalComponent<\n  TableDataProps & {\n    renderItem: (content: HTMLAtomicTableElementElement) => VNode;\n  }\n> = (props) => {\n  const fieldColumns = getFieldTableColumns(props);\n\n  return fieldColumns.map((column) => {\n    const key = column.getAttribute('label')! + props.key;\n    return (\n      <td key={key} part=\"result-table-cell\">\n        {props.renderItem(column)}\n      </td>\n    );\n  });\n};\n","import {Fragment, FunctionalComponent, h} from '@stencil/core';\nimport {shouldDisplayOnCurrentTab} from '../../../utils/tab-utils';\nimport {Hidden} from '../stencil-hidden';\n\ninterface TabGuardProps {\n  tabsIncluded: string | string[];\n  tabsExcluded: string | string[];\n  activeTab: string;\n}\n\nexport const TabGuard: FunctionalComponent<TabGuardProps> = (\n  {tabsIncluded, tabsExcluded, activeTab},\n  children\n) => {\n  if (\n    !shouldDisplayOnCurrentTab([...tabsIncluded], [...tabsExcluded], activeTab)\n  ) {\n    return <Hidden></Hidden>;\n  }\n  return <Fragment>{...children}</Fragment>;\n};\n","@import '../../../../global/global.pcss';\n@import '../../../common/item-list/styles/placeholders.pcss';\n@import '../../../common/item-list/styles/table-display.pcss';\n@import '../../../common/item-list/styles/list-display.pcss';\n@import '../../../common/item-list/styles/grid-display.pcss';\n\natomic-result:not(.hydrated) {\n  visibility: hidden;\n}\n","import {\n  ResultList,\n  ResultListState,\n  buildResultList,\n  ResultsPerPageState,\n  ResultsPerPage,\n  buildResultsPerPage,\n  buildInteractiveResult,\n  Result,\n  TabManager,\n  TabManagerState,\n  buildTabManager,\n} from '@coveo/headless';\nimport {Component, Element, State, Prop, Method, h, Watch} from '@stencil/core';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {ArrayProp} from '../../../../utils/props-utils';\nimport {FocusTargetController} from '../../../../utils/stencil-accessibility-utils';\nimport {randomID} from '../../../../utils/utils';\nimport {ResultsPlaceholdersGuard} from '../../../common/atomic-result-placeholder/stencil-placeholders';\nimport {createAppLoadedListener} from '../../../common/interface/store';\nimport {ItemDisplayGuard} from '../../../common/item-list/item-display-guard';\nimport {ItemListGuard} from '../../../common/item-list/item-list-guard';\nimport {ItemTemplateProvider} from '../../../common/item-list/item-template-provider';\nimport {DisplayGrid} from '../../../common/item-list/stencil-display-grid';\nimport {\n  DisplayTableData,\n  DisplayTable,\n  DisplayTableRow,\n} from '../../../common/item-list/stencil-display-table';\nimport {DisplayWrapper} from '../../../common/item-list/stencil-display-wrapper';\nimport {\n  ItemListCommon,\n  ItemRenderingFunction,\n} from '../../../common/item-list/stencil-item-list-common';\nimport {\n  ItemDisplayDensity,\n  ItemDisplayImageSize,\n  ItemDisplayLayout,\n  getItemListDisplayClasses,\n} from '../../../common/layout/display-options';\nimport {TabGuard} from '../../../common/tabs/tab-guard';\nimport {Bindings} from '../../atomic-search-interface/atomic-search-interface';\n\n/**\n * The `atomic-result-list` component is responsible for displaying query results by applying one or more result templates.\n *\n * @slot default - The default slot where the result templates are inserted.\n * @part result-list - The element containing every result of a result list\n * @part outline - The element displaying an outline or a divider around a result\n * @part result-list-grid-clickable-container - The parent of the result & the clickable link encompassing it, when results are displayed as a grid\n * @part result-list-grid-clickable - The clickable link encompassing the result when results are displayed as a grid\n * @part result-table - The element of the result table containing a heading and a body\n * @part result-table-heading - The element containing the row of cells in the result table's heading\n * @part result-table-heading-row - The element containing cells of the result table's heading\n * @part result-table-heading-cell - The element representing a cell of the result table's heading\n * @part result-table-body - The element containing the rows of the result table's body\n * @part result-table-row - The element containing the cells of a row in the result table's body\n * @part result-table-row-odd - The element containing the cells of an odd row in the result table's body\n * @part result-table-row-even - The element containing the cells of an even row in the result table's body\n * @part result-table-cell - The element representing a cell of the result table's body\n */\n@Component({\n  tag: 'atomic-result-list',\n  styleUrl: 'atomic-result-list.pcss',\n  shadow: true,\n})\nexport class AtomicResultList implements InitializableComponent {\n  @InitializeBindings() public bindings!: Bindings;\n  public resultList!: ResultList;\n  public resultsPerPage!: ResultsPerPage;\n  private loadingFlag = randomID('firstResultLoaded-');\n  private itemRenderingFunction: ItemRenderingFunction;\n  private nextNewResultTarget?: FocusTargetController;\n  private itemTemplateProvider!: ItemTemplateProvider;\n  private resultListCommon!: ItemListCommon;\n\n  @Element() public host!: HTMLDivElement;\n\n  @BindStateToController('resultList')\n  @State()\n  private resultListState!: ResultListState;\n  @BindStateToController('resultsPerPage')\n  @State()\n  private resultsPerPageState!: ResultsPerPageState;\n  public tabManager!: TabManager;\n  @BindStateToController('tabManager')\n  @State()\n  public tabManagerState!: TabManagerState;\n  @State() private resultTemplateRegistered = false;\n  @State() public error!: Error;\n  @State() private isAppLoaded = false;\n\n  @State() private templateHasError = false;\n\n  /**\n   * The desired layout to use when displaying results. Layouts affect how many results to display per row and how visually distinct they are from each other.\n   */\n  @Prop({reflect: true}) public display: ItemDisplayLayout = 'list';\n  /**\n   * The spacing of various elements in the result list, including the gap between results, the gap between parts of a result, and the font sizes of different parts in a result.\n   */\n  @Prop({reflect: true}) public density: ItemDisplayDensity = 'normal';\n\n  /**\n   * The expected size of the image displayed in the results.\n   */\n  @Prop({reflect: true, mutable: true})\n  public imageSize: ItemDisplayImageSize = 'icon';\n\n  /**\n   * The tabs on which the result list can be displayed. This property should not be used at the same time as `tabs-excluded`.\n   *\n   * Set this property as a stringified JSON array, e.g.,\n   * ```html\n   *  <atomic-result-list tabs-included='[\"tabIDA\", \"tabIDB\"]'></atomic-result-list snippet>\n   * ```\n   * If you don't set this property, the result list can be displayed on any tab. Otherwise, the result list can only be displayed on the specified tabs.\n   */\n  @ArrayProp()\n  @Prop({reflect: true, mutable: true})\n  public tabsIncluded: string[] | string = '[]';\n\n  /**\n   * The tabs on which this result list must not be displayed. This property should not be used at the same time as `tabs-included`.\n   *\n   * Set this property as a stringified JSON array, e.g.,\n   * ```html\n   *  <atomic-result-list tabs-excluded='[\"tabIDA\", \"tabIDB\"]'></atomic-result-list>\n   * ```\n   * If you don't set this property, the result list can be displayed on any tab. Otherwise, the result list won't be displayed on any of the specified tabs.\n   */\n  @ArrayProp()\n  @Prop({reflect: true, mutable: true})\n  public tabsExcluded: string[] | string = '[]';\n\n  /**\n   * Sets a rendering function to bypass the standard HTML template mechanism for rendering results.\n   * You can use this function while working with web frameworks that don't use plain HTML syntax, e.g., React, Angular or Vue.\n   *\n   * Do not use this method if you integrate Atomic in a plain HTML deployment.\n   *\n   * @param resultRenderingFunction\n   */\n  @Method() public async setRenderFunction(\n    resultRenderingFunction: ItemRenderingFunction\n  ) {\n    this.itemRenderingFunction = resultRenderingFunction;\n  }\n\n  public get focusTarget() {\n    if (!this.nextNewResultTarget) {\n      this.nextNewResultTarget = new FocusTargetController(this);\n    }\n    return this.nextNewResultTarget;\n  }\n\n  public initialize() {\n    if (this.host.innerHTML.includes('<atomic-result-children')) {\n      console.warn(\n        'Folded results will not render any children for the \"atomic-result-list\". Please use \"atomic-folded-result-list\" instead.'\n      );\n    }\n    this.tabManager = buildTabManager(this.bindings.engine);\n    this.resultList = buildResultList(this.bindings.engine);\n    this.resultsPerPage = buildResultsPerPage(this.bindings.engine);\n    this.itemTemplateProvider = new ItemTemplateProvider({\n      includeDefaultTemplate: true,\n      templateElements: Array.from(\n        this.host.querySelectorAll('atomic-result-template')\n      ),\n      getResultTemplateRegistered: () => this.resultTemplateRegistered,\n      getTemplateHasError: () => this.templateHasError,\n      setResultTemplateRegistered: (value: boolean) => {\n        this.resultTemplateRegistered = value;\n      },\n      setTemplateHasError: (value: boolean) => {\n        this.templateHasError = value;\n      },\n      bindings: this.bindings,\n    });\n\n    this.resultListCommon = new ItemListCommon({\n      engineSubscribe: this.bindings.engine.subscribe,\n      getCurrentNumberOfItems: () => this.resultListState.results.length,\n      getIsLoading: () => this.resultListState.isLoading,\n      host: this.host,\n      loadingFlag: this.loadingFlag,\n      nextNewItemTarget: this.focusTarget,\n      store: this.bindings.store,\n    });\n    createAppLoadedListener(this.bindings.store, (isAppLoaded) => {\n      this.isAppLoaded = isAppLoaded;\n    });\n  }\n\n  @Watch('tabManagerState')\n  watchTabManagerState(\n    newValue: {activeTab: string},\n    oldValue: {activeTab: string}\n  ) {\n    if (newValue?.activeTab !== oldValue?.activeTab) {\n      this.bindings.store.unsetLoadingFlag(this.loadingFlag);\n    }\n  }\n\n  public render() {\n    this.resultListCommon.updateBreakpoints();\n    const listClasses = this.computeListDisplayClasses();\n\n    return (\n      <TabGuard\n        tabsIncluded={this.tabsIncluded}\n        tabsExcluded={this.tabsExcluded}\n        activeTab={this.tabManagerState.activeTab}\n      >\n        <ItemListGuard\n          hasError={this.resultListState.hasError}\n          hasTemplate={this.resultTemplateRegistered}\n          templateHasError={this.itemTemplateProvider.hasError}\n          firstRequestExecuted={this.resultListState.firstSearchExecuted}\n          hasItems={this.resultListState.hasResults}\n        >\n          <DisplayWrapper display={this.display} listClasses={listClasses}>\n            <ResultsPlaceholdersGuard\n              density={this.density}\n              display={this.display}\n              imageSize={this.imageSize}\n              displayPlaceholders={!this.isAppLoaded}\n              numberOfPlaceholders={this.resultsPerPageState.numberOfResults}\n            ></ResultsPlaceholdersGuard>\n            <ItemDisplayGuard\n              firstRequestExecuted={this.resultListState.firstSearchExecuted}\n              hasItems={this.resultListState.hasResults}\n            >\n              {this.display === 'table'\n                ? this.renderAsTable()\n                : this.display === 'grid'\n                  ? this.renderAsGrid()\n                  : this.renderAsList()}\n            </ItemDisplayGuard>\n          </DisplayWrapper>\n        </ItemListGuard>\n      </TabGuard>\n    );\n  }\n\n  private getPropsForAtomicResult(result: Result) {\n    return {\n      interactiveResult: buildInteractiveResult(this.bindings.engine, {\n        options: {result},\n      }),\n      result,\n      renderingFunction: this.itemRenderingFunction,\n      loadingFlag: this.loadingFlag,\n      key: this.resultListCommon.getResultId(\n        result.uniqueId,\n        this.resultListState.searchResponseId,\n        this.density,\n        this.imageSize\n      ),\n      content: this.itemTemplateProvider.getTemplateContent(result),\n      linkContent:\n        this.display === 'grid'\n          ? this.itemTemplateProvider.getLinkTemplateContent(result)\n          : this.itemTemplateProvider.getEmptyLinkTemplateContent(),\n      store: this.bindings.store,\n      density: this.density,\n      imageSize: this.imageSize,\n      display: this.display,\n    };\n  }\n\n  private computeListDisplayClasses() {\n    const displayPlaceholders = !this.isAppLoaded;\n\n    return getItemListDisplayClasses(\n      this.display,\n      this.density,\n      this.imageSize,\n      this.resultListState.firstSearchExecuted &&\n        this.resultListState.isLoading,\n      displayPlaceholders\n    );\n  }\n\n  private renderAsGrid() {\n    return this.resultListState.results.map((result, i) => {\n      const propsForAtomicResult = this.getPropsForAtomicResult(result);\n      return (\n        <DisplayGrid\n          selectorForItem=\"atomic-result\"\n          item={result}\n          {...propsForAtomicResult.interactiveResult}\n          setRef={(element) =>\n            element && this.resultListCommon.setNewResultRef(element, i)\n          }\n        >\n          <atomic-result {...this} {...propsForAtomicResult}></atomic-result>\n        </DisplayGrid>\n      );\n    });\n  }\n\n  private renderAsTable() {\n    if (!this.resultListState.hasResults) {\n      return;\n    }\n    const listClasses = this.computeListDisplayClasses();\n    const firstItem = this.resultListState.results[0];\n\n    const propsForTableColumns = {\n      firstItem,\n      templateContentForFirstItem:\n        this.itemTemplateProvider.getTemplateContent(firstItem),\n    };\n\n    return (\n      <DisplayTable\n        {...propsForTableColumns}\n        listClasses={listClasses}\n        logger={this.bindings.engine.logger}\n        itemRenderingFunction={this.itemRenderingFunction}\n        host={this.host}\n      >\n        {this.resultListState.results.map((result, i) => {\n          const propsForAtomicResult = this.getPropsForAtomicResult(result);\n          return (\n            <DisplayTableRow\n              {...propsForAtomicResult}\n              rowIndex={i}\n              setRef={(element) =>\n                element && this.resultListCommon.setNewResultRef(element, i)\n              }\n            >\n              <DisplayTableData\n                {...propsForTableColumns}\n                {...propsForAtomicResult}\n                renderItem={(content) => {\n                  return (\n                    <atomic-result\n                      {...propsForAtomicResult}\n                      content={content}\n                    ></atomic-result>\n                  );\n                }}\n              ></DisplayTableData>\n            </DisplayTableRow>\n          );\n        })}\n      </DisplayTable>\n    );\n  }\n\n  private renderAsList() {\n    return this.resultListState.results.map((result, i) => {\n      const propsForAtomicResult = this.getPropsForAtomicResult(result);\n      return (\n        <atomic-result\n          {...propsForAtomicResult}\n          ref={(element) =>\n            element && this.resultListCommon.setNewResultRef(element, i)\n          }\n          part=\"outline\"\n        ></atomic-result>\n      );\n    });\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["getFieldTableColumns","props","itemRenderingFunction","getFieldTableColumnsFromRenderingFunction","getFieldTableColumnsFromHTMLTemplate","contentOfRenderingFunction","document","createElement","contentOfRenderingFunctionAsString","firstItem","innerHTML","Array","from","querySelectorAll","tableElementTagName","templateContentForFirstItem","DisplayTable","children","fieldColumns","length","logger","error","host","h","class","listClasses","part","map","column","value","getAttribute","DisplayTableRow","key","rowIndex","setRef","ref","element","DisplayTableData","renderItem","TabGuard","tabsIncluded","tabsExcluded","activeTab","shouldDisplayOnCurrentTab","Hidden","Fragment","atomicResultListCss","AtomicResultListStyle0","AtomicResultList","this","loadingFlag","randomID","resultTemplateRegistered","isAppLoaded","templateHasError","display","density","imageSize","setRenderFunction","resultRenderingFunction","focusTarget","nextNewResultTarget","FocusTargetController","initialize","includes","console","warn","tabManager","buildTabManager","bindings","engine","resultList","buildResultList","resultsPerPage","buildResultsPerPage","itemTemplateProvider","ItemTemplateProvider","includeDefaultTemplate","templateElements","getResultTemplateRegistered","getTemplateHasError","setResultTemplateRegistered","setTemplateHasError","resultListCommon","ItemListCommon","engineSubscribe","subscribe","getCurrentNumberOfItems","resultListState","results","getIsLoading","isLoading","nextNewItemTarget","store","createAppLoadedListener","watchTabManagerState","newValue","oldValue","unsetLoadingFlag","render","updateBreakpoints","computeListDisplayClasses","tabManagerState","ItemListGuard","hasError","hasTemplate","firstRequestExecuted","firstSearchExecuted","hasItems","hasResults","DisplayWrapper","ResultsPlaceholdersGuard","displayPlaceholders","numberOfPlaceholders","resultsPerPageState","numberOfResults","ItemDisplayGuard","renderAsTable","renderAsGrid","renderAsList","getPropsForAtomicResult","result","interactiveResult","buildInteractiveResult","options","renderingFunction","getResultId","uniqueId","searchResponseId","content","getTemplateContent","linkContent","getLinkTemplateContent","getEmptyLinkTemplateContent","getItemListDisplayClasses","i","propsForAtomicResult","DisplayGrid","selectorForItem","item","setNewResultRef","propsForTableColumns","__decorate","InitializeBindings","BindStateToController","ArrayProp"],"sources":["src/components/common/item-list/stencil-display-table.tsx","src/components/common/tabs/tab-guard.tsx","src/components/search/result-lists/atomic-result-list/atomic-result-list.pcss?tag=atomic-result-list&encapsulation=shadow","src/components/search/result-lists/atomic-result-list/atomic-result-list.tsx"],"sourcesContent":["// The Lit equivalent of this file is table-layout.ts\nimport {FunctionalComponent, VNode, h} from '@stencil/core';\nimport {tableElementTagName} from '../../search/atomic-table-result/table-element-utils.js';\nimport {AnyItem} from './unfolded-item.js';\nimport {ItemRenderingFunction} from './stencil-item-list-common.js';\n\ninterface TableColumnsProps {\n  templateContentForFirstItem: DocumentFragment;\n  firstItem: AnyItem;\n  itemRenderingFunction?: ItemRenderingFunction;\n}\n\nexport interface DisplayTableProps extends TableColumnsProps {\n  logger: Pick<Console, 'error'>;\n  host: HTMLElement;\n  listClasses: string;\n}\n\nexport interface TableDataProps extends TableColumnsProps {\n  key: string;\n}\n\nexport interface DisplayTableRowProps {\n  key: string;\n  rowIndex: number;\n  setRef: (element?: HTMLElement) => void;\n}\n\nconst getFieldTableColumns = (props: TableColumnsProps) => {\n  if (props.itemRenderingFunction) {\n    return getFieldTableColumnsFromRenderingFunction(props);\n  }\n  return getFieldTableColumnsFromHTMLTemplate(props);\n};\n\nconst getFieldTableColumnsFromRenderingFunction = (\n  props: Pick<TableColumnsProps, 'itemRenderingFunction' | 'firstItem'>\n): HTMLAtomicTableElementElement[] => {\n  const contentOfRenderingFunction = document.createElement('div');\n\n  const contentOfRenderingFunctionAsString = props.itemRenderingFunction!(\n    props.firstItem,\n    document.createElement('div')\n  );\n  contentOfRenderingFunction.innerHTML = contentOfRenderingFunctionAsString;\n\n  return Array.from(\n    contentOfRenderingFunction.querySelectorAll(tableElementTagName)\n  );\n};\n\nconst getFieldTableColumnsFromHTMLTemplate = (\n  props: Pick<DisplayTableProps, 'templateContentForFirstItem'>\n): HTMLAtomicTableElementElement[] =>\n  Array.from(\n    props.templateContentForFirstItem.querySelectorAll(tableElementTagName)\n  );\n\nexport const DisplayTable: FunctionalComponent<DisplayTableProps> = (\n  props,\n  children\n) => {\n  const fieldColumns = getFieldTableColumns(props);\n\n  if (!fieldColumns.length) {\n    props.logger.error(\n      'atomic-table-element elements missing in the template to display columns.',\n      props.host\n    );\n  }\n\n  return (\n    <table class={`list-root ${props.listClasses}`} part=\"result-table\">\n      <thead part=\"result-table-heading\">\n        <tr part=\"result-table-heading-row\">\n          {fieldColumns.map((column) => (\n            <th part=\"result-table-heading-cell\">\n              <atomic-text value={column.getAttribute('label')!}></atomic-text>\n            </th>\n          ))}\n        </tr>\n      </thead>\n      <tbody part=\"result-table-body\">{...children}</tbody>\n    </table>\n  );\n};\n\nexport const DisplayTableRow: FunctionalComponent<DisplayTableRowProps> = (\n  {key, rowIndex, setRef},\n  children\n) => {\n  return (\n    <tr\n      key={key}\n      part={\n        'result-table-row ' +\n        (rowIndex % 2 === 1 ? 'result-table-row-even' : 'result-table-row-odd')\n      }\n      ref={(element) => setRef(element)}\n    >\n      {...children}\n    </tr>\n  );\n};\n\nexport const DisplayTableData: FunctionalComponent<\n  TableDataProps & {\n    renderItem: (content: HTMLAtomicTableElementElement) => VNode;\n  }\n> = (props) => {\n  const fieldColumns = getFieldTableColumns(props);\n\n  return fieldColumns.map((column) => {\n    const key = column.getAttribute('label')! + props.key;\n    return (\n      <td key={key} part=\"result-table-cell\">\n        {props.renderItem(column)}\n      </td>\n    );\n  });\n};\n","import {Fragment, FunctionalComponent, h} from '@stencil/core';\nimport {shouldDisplayOnCurrentTab} from '../../../utils/tab-utils';\nimport {Hidden} from '../stencil-hidden';\n\ninterface TabGuardProps {\n  tabsIncluded: string | string[];\n  tabsExcluded: string | string[];\n  activeTab: string;\n}\n\nexport const TabGuard: FunctionalComponent<TabGuardProps> = (\n  {tabsIncluded, tabsExcluded, activeTab},\n  children\n) => {\n  if (\n    !shouldDisplayOnCurrentTab([...tabsIncluded], [...tabsExcluded], activeTab)\n  ) {\n    return <Hidden></Hidden>;\n  }\n  return <Fragment>{...children}</Fragment>;\n};\n","@import '../../../../global/global.pcss';\n@import '../../../common/item-list/styles/placeholders.pcss';\n@import '../../../common/item-list/styles/table-display.pcss';\n@import '../../../common/item-list/styles/list-display.pcss';\n@import '../../../common/item-list/styles/grid-display.pcss';\n\natomic-result:not(.hydrated) {\n  visibility: hidden;\n}\n","import {\n  ResultList,\n  ResultListState,\n  buildResultList,\n  ResultsPerPageState,\n  ResultsPerPage,\n  buildResultsPerPage,\n  buildInteractiveResult,\n  Result,\n  TabManager,\n  TabManagerState,\n  buildTabManager,\n} from '@coveo/headless';\nimport {Component, Element, State, Prop, Method, h, Watch} from '@stencil/core';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {ArrayProp} from '../../../../utils/props-utils';\nimport {FocusTargetController} from '../../../../utils/stencil-accessibility-utils';\nimport {randomID} from '../../../../utils/utils';\nimport {ResultsPlaceholdersGuard} from '../../../common/atomic-result-placeholder/stencil-placeholders';\nimport {createAppLoadedListener} from '../../../common/interface/store';\nimport {ItemDisplayGuard} from '../../../common/item-list/item-display-guard';\nimport {ItemListGuard} from '../../../common/item-list/item-list-guard';\nimport {ItemTemplateProvider} from '../../../common/item-list/item-template-provider';\nimport {DisplayGrid} from '../../../common/item-list/stencil-display-grid';\nimport {\n  DisplayTableData,\n  DisplayTable,\n  DisplayTableRow,\n} from '../../../common/item-list/stencil-display-table';\nimport {DisplayWrapper} from '../../../common/item-list/stencil-display-wrapper';\nimport {\n  ItemListCommon,\n  ItemRenderingFunction,\n} from '../../../common/item-list/stencil-item-list-common';\nimport {\n  ItemDisplayDensity,\n  ItemDisplayImageSize,\n  ItemDisplayLayout,\n  getItemListDisplayClasses,\n} from '../../../common/layout/display-options';\nimport {TabGuard} from '../../../common/tabs/tab-guard';\nimport {Bindings} from '../../atomic-search-interface/atomic-search-interface';\n\n/**\n * The `atomic-result-list` component is responsible for displaying query results by applying one or more result templates.\n *\n * @slot default - The default slot where the result templates are inserted.\n * @part result-list - The element containing every result of a result list\n * @part outline - The element displaying an outline or a divider around a result\n * @part result-list-grid-clickable-container - The parent of the result & the clickable link encompassing it, when results are displayed as a grid\n * @part result-list-grid-clickable - The clickable link encompassing the result when results are displayed as a grid\n * @part result-table - The element of the result table containing a heading and a body\n * @part result-table-heading - The element containing the row of cells in the result table's heading\n * @part result-table-heading-row - The element containing cells of the result table's heading\n * @part result-table-heading-cell - The element representing a cell of the result table's heading\n * @part result-table-body - The element containing the rows of the result table's body\n * @part result-table-row - The element containing the cells of a row in the result table's body\n * @part result-table-row-odd - The element containing the cells of an odd row in the result table's body\n * @part result-table-row-even - The element containing the cells of an even row in the result table's body\n * @part result-table-cell - The element representing a cell of the result table's body\n */\n@Component({\n  tag: 'atomic-result-list',\n  styleUrl: 'atomic-result-list.pcss',\n  shadow: true,\n})\nexport class AtomicResultList implements InitializableComponent {\n  @InitializeBindings() public bindings!: Bindings;\n  public resultList!: ResultList;\n  public resultsPerPage!: ResultsPerPage;\n  private loadingFlag = randomID('firstResultLoaded-');\n  private itemRenderingFunction: ItemRenderingFunction;\n  private nextNewResultTarget?: FocusTargetController;\n  private itemTemplateProvider!: ItemTemplateProvider;\n  private resultListCommon!: ItemListCommon;\n\n  @Element() public host!: HTMLDivElement;\n\n  @BindStateToController('resultList')\n  @State()\n  private resultListState!: ResultListState;\n  @BindStateToController('resultsPerPage')\n  @State()\n  private resultsPerPageState!: ResultsPerPageState;\n  public tabManager!: TabManager;\n  @BindStateToController('tabManager')\n  @State()\n  public tabManagerState!: TabManagerState;\n  @State() private resultTemplateRegistered = false;\n  @State() public error!: Error;\n  @State() private isAppLoaded = false;\n\n  @State() private templateHasError = false;\n\n  /**\n   * The desired layout to use when displaying results. Layouts affect how many results to display per row and how visually distinct they are from each other.\n   */\n  @Prop({reflect: true}) public display: ItemDisplayLayout = 'list';\n  /**\n   * The spacing of various elements in the result list, including the gap between results, the gap between parts of a result, and the font sizes of different parts in a result.\n   */\n  @Prop({reflect: true}) public density: ItemDisplayDensity = 'normal';\n\n  /**\n   * The expected size of the image displayed in the results.\n   */\n  @Prop({reflect: true, mutable: true})\n  public imageSize: ItemDisplayImageSize = 'icon';\n\n  /**\n   * The tabs on which the result list can be displayed. This property should not be used at the same time as `tabs-excluded`.\n   *\n   * Set this property as a stringified JSON array, e.g.,\n   * ```html\n   *  <atomic-result-list tabs-included='[\"tabIDA\", \"tabIDB\"]'></atomic-result-list snippet>\n   * ```\n   * If you don't set this property, the result list can be displayed on any tab. Otherwise, the result list can only be displayed on the specified tabs.\n   */\n  @ArrayProp()\n  @Prop({reflect: true, mutable: true})\n  public tabsIncluded: string[] | string = '[]';\n\n  /**\n   * The tabs on which this result list must not be displayed. This property should not be used at the same time as `tabs-included`.\n   *\n   * Set this property as a stringified JSON array, e.g.,\n   * ```html\n   *  <atomic-result-list tabs-excluded='[\"tabIDA\", \"tabIDB\"]'></atomic-result-list>\n   * ```\n   * If you don't set this property, the result list can be displayed on any tab. Otherwise, the result list won't be displayed on any of the specified tabs.\n   */\n  @ArrayProp()\n  @Prop({reflect: true, mutable: true})\n  public tabsExcluded: string[] | string = '[]';\n\n  /**\n   * Sets a rendering function to bypass the standard HTML template mechanism for rendering results.\n   * You can use this function while working with web frameworks that don't use plain HTML syntax, e.g., React, Angular or Vue.\n   *\n   * Do not use this method if you integrate Atomic in a plain HTML deployment.\n   *\n   * @param resultRenderingFunction\n   */\n  @Method() public async setRenderFunction(\n    resultRenderingFunction: ItemRenderingFunction\n  ) {\n    this.itemRenderingFunction = resultRenderingFunction;\n  }\n\n  public get focusTarget() {\n    if (!this.nextNewResultTarget) {\n      this.nextNewResultTarget = new FocusTargetController(this);\n    }\n    return this.nextNewResultTarget;\n  }\n\n  public initialize() {\n    if (this.host.innerHTML.includes('<atomic-result-children')) {\n      console.warn(\n        'Folded results will not render any children for the \"atomic-result-list\". Please use \"atomic-folded-result-list\" instead.'\n      );\n    }\n    this.tabManager = buildTabManager(this.bindings.engine);\n    this.resultList = buildResultList(this.bindings.engine);\n    this.resultsPerPage = buildResultsPerPage(this.bindings.engine);\n    this.itemTemplateProvider = new ItemTemplateProvider({\n      includeDefaultTemplate: true,\n      templateElements: Array.from(\n        this.host.querySelectorAll('atomic-result-template')\n      ),\n      getResultTemplateRegistered: () => this.resultTemplateRegistered,\n      getTemplateHasError: () => this.templateHasError,\n      setResultTemplateRegistered: (value: boolean) => {\n        this.resultTemplateRegistered = value;\n      },\n      setTemplateHasError: (value: boolean) => {\n        this.templateHasError = value;\n      },\n      bindings: this.bindings,\n    });\n\n    this.resultListCommon = new ItemListCommon({\n      engineSubscribe: this.bindings.engine.subscribe,\n      getCurrentNumberOfItems: () => this.resultListState.results.length,\n      getIsLoading: () => this.resultListState.isLoading,\n      host: this.host,\n      loadingFlag: this.loadingFlag,\n      nextNewItemTarget: this.focusTarget,\n      store: this.bindings.store,\n    });\n    createAppLoadedListener(this.bindings.store, (isAppLoaded) => {\n      this.isAppLoaded = isAppLoaded;\n    });\n  }\n\n  @Watch('tabManagerState')\n  watchTabManagerState(\n    newValue: {activeTab: string},\n    oldValue: {activeTab: string}\n  ) {\n    if (newValue?.activeTab !== oldValue?.activeTab) {\n      this.bindings.store.unsetLoadingFlag(this.loadingFlag);\n    }\n  }\n\n  public render() {\n    this.resultListCommon.updateBreakpoints();\n    const listClasses = this.computeListDisplayClasses();\n\n    return (\n      <TabGuard\n        tabsIncluded={this.tabsIncluded}\n        tabsExcluded={this.tabsExcluded}\n        activeTab={this.tabManagerState.activeTab}\n      >\n        <ItemListGuard\n          hasError={this.resultListState.hasError}\n          hasTemplate={this.resultTemplateRegistered}\n          templateHasError={this.itemTemplateProvider.hasError}\n          firstRequestExecuted={this.resultListState.firstSearchExecuted}\n          hasItems={this.resultListState.hasResults}\n        >\n          <DisplayWrapper display={this.display} listClasses={listClasses}>\n            <ResultsPlaceholdersGuard\n              density={this.density}\n              display={this.display}\n              imageSize={this.imageSize}\n              displayPlaceholders={!this.isAppLoaded}\n              numberOfPlaceholders={this.resultsPerPageState.numberOfResults}\n            ></ResultsPlaceholdersGuard>\n            <ItemDisplayGuard\n              firstRequestExecuted={this.resultListState.firstSearchExecuted}\n              hasItems={this.resultListState.hasResults}\n            >\n              {this.display === 'table'\n                ? this.renderAsTable()\n                : this.display === 'grid'\n                  ? this.renderAsGrid()\n                  : this.renderAsList()}\n            </ItemDisplayGuard>\n          </DisplayWrapper>\n        </ItemListGuard>\n      </TabGuard>\n    );\n  }\n\n  private getPropsForAtomicResult(result: Result) {\n    return {\n      interactiveResult: buildInteractiveResult(this.bindings.engine, {\n        options: {result},\n      }),\n      result,\n      renderingFunction: this.itemRenderingFunction,\n      loadingFlag: this.loadingFlag,\n      key: this.resultListCommon.getResultId(\n        result.uniqueId,\n        this.resultListState.searchResponseId,\n        this.density,\n        this.imageSize\n      ),\n      content: this.itemTemplateProvider.getTemplateContent(result),\n      linkContent:\n        this.display === 'grid'\n          ? this.itemTemplateProvider.getLinkTemplateContent(result)\n          : this.itemTemplateProvider.getEmptyLinkTemplateContent(),\n      store: this.bindings.store,\n      density: this.density,\n      imageSize: this.imageSize,\n      display: this.display,\n    };\n  }\n\n  private computeListDisplayClasses() {\n    const displayPlaceholders = !this.isAppLoaded;\n\n    return getItemListDisplayClasses(\n      this.display,\n      this.density,\n      this.imageSize,\n      this.resultListState.firstSearchExecuted &&\n        this.resultListState.isLoading,\n      displayPlaceholders\n    );\n  }\n\n  private renderAsGrid() {\n    return this.resultListState.results.map((result, i) => {\n      const propsForAtomicResult = this.getPropsForAtomicResult(result);\n      return (\n        <DisplayGrid\n          selectorForItem=\"atomic-result\"\n          item={result}\n          {...propsForAtomicResult.interactiveResult}\n          setRef={(element) =>\n            element && this.resultListCommon.setNewResultRef(element, i)\n          }\n        >\n          <atomic-result {...this} {...propsForAtomicResult}></atomic-result>\n        </DisplayGrid>\n      );\n    });\n  }\n\n  private renderAsTable() {\n    if (!this.resultListState.hasResults) {\n      return;\n    }\n    const listClasses = this.computeListDisplayClasses();\n    const firstItem = this.resultListState.results[0];\n\n    const propsForTableColumns = {\n      firstItem,\n      templateContentForFirstItem:\n        this.itemTemplateProvider.getTemplateContent(firstItem),\n    };\n\n    return (\n      <DisplayTable\n        {...propsForTableColumns}\n        listClasses={listClasses}\n        logger={this.bindings.engine.logger}\n        itemRenderingFunction={this.itemRenderingFunction}\n        host={this.host}\n      >\n        {this.resultListState.results.map((result, i) => {\n          const propsForAtomicResult = this.getPropsForAtomicResult(result);\n          return (\n            <DisplayTableRow\n              {...propsForAtomicResult}\n              rowIndex={i}\n              setRef={(element) =>\n                element && this.resultListCommon.setNewResultRef(element, i)\n              }\n            >\n              <DisplayTableData\n                {...propsForTableColumns}\n                {...propsForAtomicResult}\n                renderItem={(content) => {\n                  return (\n                    <atomic-result\n                      {...propsForAtomicResult}\n                      content={content}\n                    ></atomic-result>\n                  );\n                }}\n              ></DisplayTableData>\n            </DisplayTableRow>\n          );\n        })}\n      </DisplayTable>\n    );\n  }\n\n  private renderAsList() {\n    return this.resultListState.results.map((result, i) => {\n      const propsForAtomicResult = this.getPropsForAtomicResult(result);\n      return (\n        <atomic-result\n          {...propsForAtomicResult}\n          ref={(element) =>\n            element && this.resultListCommon.setNewResultRef(element, i)\n          }\n          part=\"outline\"\n        ></atomic-result>\n      );\n    });\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/atomic/p-a3aaf456.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["icons","SEARCH","SearchIcon","CLICK","DocumentIcon","VIEW","QuickviewIcon","CUSTOM","PointIcon","TICKET_CREATION","BookmarkIcon","UserAction","bindings","action","renderActionTimestamp","hours","minutes","parseTimestampToDateDetails","timestamp","formattedHours","String","padStart","formattedMinutes","renderIcon","iconClasses","includes","actionType","h","icon","class","renderActionTitle","i18n","t","eventData","value","type","query","href","document","contentIdValue","target","title","searchHub","atomicInsightUserActionsSessionCss","AtomicInsightUserActionsSessionStyle0","AtomicInsightUserActionsSession","this","userActionsToDisplay","userActionsAfterCaseCreation","areActionsAfterCaseCreationVisible","connectedCallback","prepareUserActionsToDisplay","caseCreationIndex","userActions","findIndex","isCaseCreationSession","slice","showActionsAfterCaseCreation","renderSessionStartDate","year","month","dayOfWeek","day","startTimestamp","formatedStartDate","Flag","renderActions","actions","map","renderShowMoreActionsButton","btnClasses","label","count","length","ThreeDotsIcon","Button","style","part","ariaLabel","onClick","bind","render","isShowMoreActionsButtonVisible","key","__decorate","InitializeBindings","atomicInsightUserActionsTimelineCss","AtomicInsightUserActionsTimelineStyle0","AtomicInsightUserActionsTimeline","excludedCustomActions","followingSessionsAreVisible","precedingSessionsAreVisible","initialize","buildInsightUserActions","engine","options","ticketCreationDate","ticketCreationDateTime","fetchUserActions","userId","toggleFollowingSessions","togglePrecedingSessions","renderSessions","sessions","renderSeparator","testId","start","renderToggleFollowingSessionsButton","ArrowDownIcon","ArrowUpIcon","renderTogglePrecedingSessionsButton","renderFollowingSessionsSection","userActionsState","timeline","followingSessions","renderPrecedingSessionsSection","precedingSessions","renderTimeline","session","renderNoUserActionsScreen","NoItemsContainer","MagnifyingGlass","areUserActionsAvailable","hasError","error","BindStateToController"],"sources":["src/components/insight/user-actions/atomic-insight-user-actions-session/user-action.tsx","src/components/insight/user-actions/atomic-insight-user-actions-session/atomic-insight-user-actions-session.pcss?tag=atomic-insight-user-actions-session&encapsulation=shadow","src/components/insight/user-actions/atomic-insight-user-actions-session/atomic-insight-user-actions-session.tsx","src/components/insight/user-actions/atomic-insight-user-actions-timeline/atomic-insight-user-actions-timeline.pcss?tag=atomic-insight-user-actions-timeline&encapsulation=shadow","src/components/insight/user-actions/atomic-insight-user-actions-timeline/atomic-insight-user-actions-timeline.tsx"],"sourcesContent":["import {UserAction as IUserAction} from '@coveo/headless/insight';\nimport {FunctionalComponent, h} from '@stencil/core';\nimport BookmarkIcon from '../../../../images/bookmark.svg';\nimport DocumentIcon from '../../../../images/document.svg';\nimport PointIcon from '../../../../images/point.svg';\nimport QuickviewIcon from '../../../../images/quickview.svg';\nimport SearchIcon from '../../../../images/search.svg';\nimport {parseTimestampToDateDetails} from '../../../../utils/date-utils';\nimport {InsightBindings} from '../../atomic-insight-interface/atomic-insight-interface';\n\nconst icons = {\n  SEARCH: SearchIcon,\n  CLICK: DocumentIcon,\n  VIEW: QuickviewIcon,\n  CUSTOM: PointIcon,\n  TICKET_CREATION: BookmarkIcon,\n};\n\ninterface UserAction {\n  action: IUserAction;\n  bindings: InsightBindings;\n}\n\nexport const UserAction: FunctionalComponent<UserAction> = ({\n  bindings,\n  action,\n}) => {\n  const renderActionTimestamp = () => {\n    const {hours, minutes} = parseTimestampToDateDetails(action.timestamp);\n\n    const formattedHours = String(hours).padStart(2, '0');\n    const formattedMinutes = String(minutes).padStart(2, '0');\n\n    return `${formattedHours}:${formattedMinutes}`;\n  };\n\n  const renderIcon = () => {\n    const iconClasses = `w-3 h-3 ${['CLICK', 'VIEW'].includes(action.actionType) ? 'text-primary' : ''}`;\n\n    return (\n      <atomic-icon\n        icon={icons[action.actionType]}\n        class={iconClasses}\n      ></atomic-icon>\n    );\n  };\n\n  const renderActionTitle = () => {\n    switch (action.actionType) {\n      case 'TICKET_CREATION':\n        return (\n          <div class=\"ticket-creation-action__text text-xs font-semibold\">\n            {bindings.i18n.t('ticket-created')}\n          </div>\n        );\n      case 'CUSTOM':\n        return (\n          <div class=\"text-xs font-semibold\">\n            {action.eventData?.value ?? action.eventData?.type}\n          </div>\n        );\n      case 'SEARCH':\n        return (\n          <div class=\"text-xs font-semibold\">\n            {action.query || bindings.i18n.t('empty-search')}\n          </div>\n        );\n      case 'VIEW':\n        return (\n          <a\n            href={action.document?.contentIdValue}\n            class=\"text-primary text-xs font-semibold\"\n            target=\"_blank\"\n          >\n            {action.document?.title}\n          </a>\n        );\n      case 'CLICK':\n        return (\n          <div class=\"text-xs font-semibold\">{action.document?.title}</div>\n        );\n      default:\n        return null;\n    }\n  };\n\n  return (\n    <div class=\"flex\">\n      <div class=\"flex-none pr-2\">\n        <div class=\"flex justify-center py-1\">{renderIcon()}</div>\n        <div class=\"flex justify-center py-1\">\n          <div class=\"user-action__separator h-7 w-0.5 rounded\"></div>\n        </div>\n      </div>\n      <div class=\"flex-1\">\n        {renderActionTitle()}\n        <div class=\"text-neutral-dark text-xxs flex py-2 font-light\">\n          <div>{renderActionTimestamp()}</div>\n          <div class=\"px-2\">{action.searchHub}</div>\n        </div>\n      </div>\n    </div>\n  );\n};\n","@import '../../../../global/global.pcss';\n\n.session-start-icon__container {\n  background-color: #fbb439;\n}\n\n.user-action__separator {\n  @apply bg-neutral;\n}\n\n.ticket-creation-action__text {\n  @apply text-success;\n}\n\n.text-xxs {\n  font-size: 0.625rem;\n}\n","import {UserAction as IUserAction} from '@coveo/headless/insight';\nimport {Component, h, Prop, Watch, State} from '@stencil/core';\nimport Flag from '../../../../images/flag.svg';\nimport ThreeDotsIcon from '../../../../images/three-dots.svg';\nimport {parseTimestampToDateDetails} from '../../../../utils/date-utils';\nimport {InitializeBindings} from '../../../../utils/initialization-utils';\nimport {Button} from '../../../common/stencil-button';\nimport {InsightBindings} from '../../atomic-insight-interface/atomic-insight-interface';\nimport {UserAction} from './user-action';\n\nexport type UserActionType =\n  | 'SEARCH'\n  | 'CLICK'\n  | 'TICKET_CREATION'\n  | 'VIEW'\n  | 'CUSTOM';\n\n/**\n * @internal\n * The `AtomicInsightUserActionSession` component displays all the user actions that took place during a specific user session.\n * @category Insight Panel\n * @example\n * <atomic-insight-user-actions-session userActions={actions} startTimestamp={1723035731}></atomic-insight-user-actions-session>\n */\n@Component({\n  tag: 'atomic-insight-user-actions-session',\n  styleUrl: 'atomic-insight-user-actions-session.pcss',\n  shadow: true,\n})\nexport class AtomicInsightUserActionsSession {\n  @InitializeBindings() public bindings!: InsightBindings;\n  @State() public error!: Error;\n\n  /**\n   * The start time of the session as a Unix timestamp.\n   */\n  @Prop() public startTimestamp!: number;\n  /**\n   * The list of user actions performed during the session.\n   */\n  @Prop() public userActions!: Array<IUserAction>;\n\n  private userActionsToDisplay: Array<IUserAction> = [];\n  private userActionsAfterCaseCreation: Array<IUserAction> = [];\n  @State() areActionsAfterCaseCreationVisible = false;\n\n  connectedCallback() {\n    this.prepareUserActionsToDisplay();\n  }\n\n  @Watch('userActions')\n  prepareUserActionsToDisplay() {\n    const caseCreationIndex = this.userActions.findIndex(\n      ({actionType}) => actionType === 'TICKET_CREATION'\n    );\n    const isCaseCreationSession = caseCreationIndex !== -1;\n\n    if (!isCaseCreationSession) {\n      this.userActionsToDisplay = this.userActions;\n      this.userActionsAfterCaseCreation = [];\n    } else {\n      this.userActionsToDisplay = this.userActions.slice(caseCreationIndex);\n      this.userActionsAfterCaseCreation = this.userActions.slice(\n        0,\n        caseCreationIndex\n      );\n    }\n  }\n\n  showActionsAfterCaseCreation() {\n    this.areActionsAfterCaseCreationVisible = true;\n  }\n\n  renderSessionStartDate() {\n    const caseCreationIndex = this.userActions.findIndex(\n      ({actionType}) => actionType === 'TICKET_CREATION'\n    );\n    const isCaseCreationSession = caseCreationIndex !== -1;\n\n    const {year, month, dayOfWeek, day} = parseTimestampToDateDetails(\n      this.startTimestamp\n    );\n\n    const formatedStartDate = `${dayOfWeek}. ${month} ${day}, ${year}`;\n    return (\n      <div class=\"flex items-center px-2 pb-3\">\n        {isCaseCreationSession ? (\n          <div class=\"session-start-icon__container mr-2 flex h-5 w-5 items-center justify-center rounded-full\">\n            <atomic-icon icon={Flag} class=\"h-3 w-3\"></atomic-icon>\n          </div>\n        ) : null}\n\n        <div class=\"flex-1 font-semibold\">{formatedStartDate}</div>\n      </div>\n    );\n  }\n\n  renderActions(actions: Array<IUserAction>) {\n    return (\n      <ol class=\"px-3\">\n        {actions?.map((action) => (\n          <UserAction action={action} bindings={this.bindings}></UserAction>\n        ))}\n      </ol>\n    );\n  }\n\n  renderShowMoreActionsButton() {\n    const btnClasses = 'flex items-center p-1 max-w-full';\n    const label = this.bindings.i18n.t('more-actions-in-session', {\n      count: this.userActionsAfterCaseCreation.length,\n    });\n    return (\n      <div\n        data-testid=\"show-more-actions-button\"\n        class=\"flex items-center px-3 pb-3\"\n      >\n        <div class=\"flex justify-center pr-2\">\n          <atomic-icon icon={ThreeDotsIcon} class=\"h-3 w-3\"></atomic-icon>\n        </div>\n        <div class=\"flex-1\">\n          <Button\n            style=\"text-primary\"\n            part=\"show-more-actions-button\"\n            class={btnClasses}\n            ariaLabel={label}\n            onClick={this.showActionsAfterCaseCreation.bind(this)}\n          >\n            <span class=\"truncate text-xs font-light\">{label}</span>\n          </Button>\n        </div>\n      </div>\n    );\n  }\n\n  public render() {\n    const isShowMoreActionsButtonVisible =\n      !this.areActionsAfterCaseCreationVisible &&\n      !!this.userActionsAfterCaseCreation.length;\n\n    return (\n      <div>\n        {this.renderSessionStartDate()}\n\n        {this.areActionsAfterCaseCreationVisible && (\n          <div data-testid=\"more-actions-section\">\n            {this.renderActions(this.userActionsAfterCaseCreation)}\n          </div>\n        )}\n\n        {isShowMoreActionsButtonVisible && this.renderShowMoreActionsButton()}\n\n        {this.renderActions(this.userActionsToDisplay)}\n      </div>\n    );\n  }\n}\n","@import '../../../../global/global.pcss';\n\n.separator {\n  height: 1px;\n  background-color: #e0e1dd;\n}\n","import {\n  buildUserActions as buildInsightUserActions,\n  UserActions as InsightUserActions,\n  UserActionsState as InsightUserActionsState,\n  UserSession as InsightUserSession,\n} from '@coveo/headless/insight';\nimport {Component, h, State, Prop} from '@stencil/core';\nimport ArrowDownIcon from '../../../../images/big-arrow-down.svg';\nimport ArrowUpIcon from '../../../../images/big-arrow-up.svg';\nimport {\n  InitializableComponent,\n  InitializeBindings,\n  BindStateToController,\n} from '../../../../utils/initialization-utils';\nimport {NoItemsContainer} from '../../../common/no-items/stencil-container';\nimport {MagnifyingGlass} from '../../../common/no-items/stencil-magnifying-glass';\nimport {Button} from '../../../common/stencil-button';\nimport {InsightBindings} from '../../atomic-insight-interface/atomic-insight-interface';\n\n/**\n * @internal\n * This component displays all the actions performed by a user around the time they created a case.\n * The actions are grouped into multiple sessions, including the session during which the case was created,\n * the sessions preceding the case creation and the sessions following the case creation.\n *\n * @component\n * @example\n * <AtomicInsightUserActionsTimeline userId={'123'} caseCreationDate={'2024-08-15T10:00:00Z'} />\n *\n */\n@Component({\n  tag: 'atomic-insight-user-actions-timeline',\n  styleUrl: 'atomic-insight-user-actions-timeline.pcss',\n  shadow: true,\n})\nexport class AtomicInsightUserActionsTimeline\n  implements InitializableComponent<InsightBindings>\n{\n  @InitializeBindings() public bindings!: InsightBindings;\n  public userActions!: InsightUserActions;\n\n  @BindStateToController('userActions')\n  @State()\n  public userActionsState!: InsightUserActionsState;\n  public error!: Error;\n\n  /**\n   * The ID of the user whose actions are being displayed. For example in email format \"someone@company.com\".\n   */\n  @Prop() public userId!: string;\n  /**\n   * The date and time when the case was created. For example \"2024-01-01T00:00:00Z\"\n   */\n  @Prop() public ticketCreationDateTime!: string;\n  /**\n   * The names of custom events to exclude.\n   */\n  @Prop() public excludedCustomActions: string[] = [];\n\n  public initialize() {\n    this.userActions = buildInsightUserActions(this.bindings.engine, {\n      options: {\n        ticketCreationDate: this.ticketCreationDateTime,\n        excludedCustomActions: this.excludedCustomActions,\n      },\n    });\n\n    this.userActions.fetchUserActions(this.userId);\n  }\n\n  @State() followingSessionsAreVisible = false;\n  @State() precedingSessionsAreVisible = false;\n\n  private toggleFollowingSessions() {\n    this.followingSessionsAreVisible = !this.followingSessionsAreVisible;\n  }\n\n  private togglePrecedingSessions() {\n    this.precedingSessionsAreVisible = !this.precedingSessionsAreVisible;\n  }\n\n  private renderSessions(\n    sessions: Array<InsightUserSession> | undefined,\n    renderSeparator?: Function,\n    testId?: string\n  ) {\n    return (\n      <div>\n        {sessions?.map(({actions, start}) => [\n          <div class=\"mt-4\">\n            <atomic-insight-user-actions-session\n              startTimestamp={start}\n              userActions={actions}\n              data-testid={testId}\n            ></atomic-insight-user-actions-session>\n          </div>,\n          renderSeparator ? renderSeparator() : null,\n        ])}\n      </div>\n    );\n  }\n\n  private renderToggleFollowingSessionsButton() {\n    const btnClasses = 'flex items-center text-left p-2 text-sm max-w-full';\n    const iconClasses = 'h-3 w-3 mr-1';\n    const label = this.followingSessionsAreVisible\n      ? this.bindings.i18n.t('hide-following-sessions')\n      : this.bindings.i18n.t('show-following-sessions');\n    const icon = this.followingSessionsAreVisible ? ArrowDownIcon : ArrowUpIcon;\n\n    return (\n      <div class=\"flex justify-center p-2\">\n        <Button\n          style=\"text-primary\"\n          part=\"toggle-following-sessions\"\n          class={btnClasses}\n          ariaLabel={label}\n          onClick={this.toggleFollowingSessions.bind(this)}\n        >\n          <atomic-icon\n            part=\"toggle-following-sessions-icon\"\n            class={iconClasses}\n            icon={icon}\n          ></atomic-icon>\n          <span class=\"truncate\">{label}</span>\n        </Button>\n      </div>\n    );\n  }\n\n  private renderTogglePrecedingSessionsButton() {\n    const btnClasses = 'flex items-center text-left p-2 text-sm max-w-full';\n    const iconClasses = 'h-3 w-3 mr-1';\n    const label = this.precedingSessionsAreVisible\n      ? this.bindings.i18n.t('hide-preceding-sessions')\n      : this.bindings.i18n.t('show-preceding-sessions');\n    const icon = this.precedingSessionsAreVisible ? ArrowUpIcon : ArrowDownIcon;\n\n    return (\n      <div class=\"flex justify-center p-2\">\n        <Button\n          style=\"text-primary\"\n          part=\"toggle-preceding-sessions\"\n          class={btnClasses}\n          ariaLabel={label}\n          onClick={this.togglePrecedingSessions.bind(this)}\n        >\n          <atomic-icon\n            part=\"toggle-preceding-sessions-icon\"\n            class={iconClasses}\n            icon={icon}\n          ></atomic-icon>\n          <span class=\"truncate\">{label}</span>\n        </Button>\n      </div>\n    );\n  }\n\n  private renderFollowingSessionsSection() {\n    if (!this.userActionsState.timeline?.followingSessions?.length) {\n      return null;\n    }\n    return [\n      this.renderToggleFollowingSessionsButton(),\n      <div class=\"separator mx-1 rounded\"></div>,\n      this.followingSessionsAreVisible\n        ? this.renderSessions(\n            this.userActionsState.timeline?.followingSessions,\n            () => <div class=\"separator mx-1 mt-4 rounded\"></div>,\n            'following-session'\n          )\n        : null,\n    ];\n  }\n\n  private renderPrecedingSessionsSection() {\n    if (!this.userActionsState.timeline?.precedingSessions?.length) {\n      return null;\n    }\n    return [\n      <div class=\"separator mx-1 mt-4 rounded\"></div>,\n      this.precedingSessionsAreVisible\n        ? this.renderSessions(\n            this.userActionsState.timeline?.precedingSessions,\n            () => <div class=\"separator mx-1 mt-4 rounded\"></div>,\n            'preceding-session'\n          )\n        : null,\n      this.renderTogglePrecedingSessionsButton(),\n    ];\n  }\n\n  private renderTimeline() {\n    return (\n      <div>\n        {this.renderFollowingSessionsSection()}\n        <div class=\"mt-4\">\n          <atomic-insight-user-actions-session\n            // eslint-disable-next-line @typescript-eslint/no-non-null-asserted-optional-chain\n            startTimestamp={this.userActionsState.timeline?.session?.start!}\n            // eslint-disable-next-line @typescript-eslint/no-non-null-asserted-optional-chain\n            userActions={this.userActionsState?.timeline?.session?.actions!}\n            data-testid=\"active-session\"\n          ></atomic-insight-user-actions-session>\n        </div>\n        {this.renderPrecedingSessionsSection()}\n      </div>\n    );\n  }\n\n  private renderNoUserActionsScreen() {\n    return (\n      <div class=\"my-6 py-3\" data-testid=\"user-actions-error\">\n        <NoItemsContainer>\n          <MagnifyingGlass />\n          <div class=\"my-2 max-w-full text-center text-2xl font-light\">\n            {this.bindings.i18n.t('no-user-actions-available')}\n          </div>\n          <div class=\"text-neutral-dark my-2 text-center text-lg\">\n            {this.bindings.i18n.t('no-user-actions-associated-with-params')}\n          </div>\n        </NoItemsContainer>\n      </div>\n    );\n  }\n\n  render() {\n    const areUserActionsAvailable = this.userActionsState.timeline?.session;\n    const hasError = this.userActionsState.error;\n\n    if (areUserActionsAvailable && !hasError) {\n      return this.renderTimeline();\n    }\n    return this.renderNoUserActionsScreen();\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["icons","SEARCH","SearchIcon","CLICK","DocumentIcon","VIEW","QuickviewIcon","CUSTOM","PointIcon","TICKET_CREATION","BookmarkIcon","UserAction","bindings","action","renderActionTimestamp","hours","minutes","parseTimestampToDateDetails","timestamp","formattedHours","String","padStart","formattedMinutes","renderIcon","iconClasses","includes","actionType","h","icon","class","renderActionTitle","i18n","t","eventData","value","type","query","href","document","contentIdValue","target","title","searchHub","atomicInsightUserActionsSessionCss","AtomicInsightUserActionsSessionStyle0","AtomicInsightUserActionsSession","this","userActionsToDisplay","userActionsAfterCaseCreation","areActionsAfterCaseCreationVisible","connectedCallback","prepareUserActionsToDisplay","caseCreationIndex","userActions","findIndex","isCaseCreationSession","slice","showActionsAfterCaseCreation","renderSessionStartDate","year","month","dayOfWeek","day","startTimestamp","formatedStartDate","Flag","renderActions","actions","map","renderShowMoreActionsButton","btnClasses","label","count","length","ThreeDotsIcon","Button","style","part","ariaLabel","onClick","bind","render","isShowMoreActionsButtonVisible","key","__decorate","InitializeBindings","atomicInsightUserActionsTimelineCss","AtomicInsightUserActionsTimelineStyle0","AtomicInsightUserActionsTimeline","excludedCustomActions","followingSessionsAreVisible","precedingSessionsAreVisible","initialize","buildInsightUserActions","engine","options","ticketCreationDate","ticketCreationDateTime","fetchUserActions","userId","toggleFollowingSessions","togglePrecedingSessions","renderSessions","sessions","renderSeparator","testId","start","renderToggleFollowingSessionsButton","ArrowDownIcon","ArrowUpIcon","renderTogglePrecedingSessionsButton","renderFollowingSessionsSection","userActionsState","timeline","followingSessions","renderPrecedingSessionsSection","precedingSessions","renderTimeline","session","renderNoUserActionsScreen","NoItemsContainer","MagnifyingGlass","areUserActionsAvailable","hasError","error","BindStateToController"],"sources":["src/components/insight/user-actions/atomic-insight-user-actions-session/user-action.tsx","src/components/insight/user-actions/atomic-insight-user-actions-session/atomic-insight-user-actions-session.pcss?tag=atomic-insight-user-actions-session&encapsulation=shadow","src/components/insight/user-actions/atomic-insight-user-actions-session/atomic-insight-user-actions-session.tsx","src/components/insight/user-actions/atomic-insight-user-actions-timeline/atomic-insight-user-actions-timeline.pcss?tag=atomic-insight-user-actions-timeline&encapsulation=shadow","src/components/insight/user-actions/atomic-insight-user-actions-timeline/atomic-insight-user-actions-timeline.tsx"],"sourcesContent":["import {UserAction as IUserAction} from '@coveo/headless/insight';\nimport {FunctionalComponent, h} from '@stencil/core';\nimport BookmarkIcon from '../../../../images/bookmark.svg';\nimport DocumentIcon from '../../../../images/document.svg';\nimport PointIcon from '../../../../images/point.svg';\nimport QuickviewIcon from '../../../../images/quickview.svg';\nimport SearchIcon from '../../../../images/search.svg';\nimport {parseTimestampToDateDetails} from '../../../../utils/date-utils';\nimport {InsightBindings} from '../../atomic-insight-interface/atomic-insight-interface';\n\nconst icons = {\n  SEARCH: SearchIcon,\n  CLICK: DocumentIcon,\n  VIEW: QuickviewIcon,\n  CUSTOM: PointIcon,\n  TICKET_CREATION: BookmarkIcon,\n};\n\ninterface UserAction {\n  action: IUserAction;\n  bindings: InsightBindings;\n}\n\nexport const UserAction: FunctionalComponent<UserAction> = ({\n  bindings,\n  action,\n}) => {\n  const renderActionTimestamp = () => {\n    const {hours, minutes} = parseTimestampToDateDetails(action.timestamp);\n\n    const formattedHours = String(hours).padStart(2, '0');\n    const formattedMinutes = String(minutes).padStart(2, '0');\n\n    return `${formattedHours}:${formattedMinutes}`;\n  };\n\n  const renderIcon = () => {\n    const iconClasses = `w-3 h-3 ${['CLICK', 'VIEW'].includes(action.actionType) ? 'text-primary' : ''}`;\n\n    return (\n      <atomic-icon\n        icon={icons[action.actionType]}\n        class={iconClasses}\n      ></atomic-icon>\n    );\n  };\n\n  const renderActionTitle = () => {\n    switch (action.actionType) {\n      case 'TICKET_CREATION':\n        return (\n          <div class=\"ticket-creation-action__text text-xs font-semibold\">\n            {bindings.i18n.t('ticket-created')}\n          </div>\n        );\n      case 'CUSTOM':\n        return (\n          <div class=\"text-xs font-semibold\">\n            {action.eventData?.value ?? action.eventData?.type}\n          </div>\n        );\n      case 'SEARCH':\n        return (\n          <div class=\"text-xs font-semibold\">\n            {action.query || bindings.i18n.t('empty-search')}\n          </div>\n        );\n      case 'VIEW':\n        return (\n          <a\n            href={action.document?.contentIdValue}\n            class=\"text-primary text-xs font-semibold\"\n            target=\"_blank\"\n          >\n            {action.document?.title}\n          </a>\n        );\n      case 'CLICK':\n        return (\n          <div class=\"text-xs font-semibold\">{action.document?.title}</div>\n        );\n      default:\n        return null;\n    }\n  };\n\n  return (\n    <div class=\"flex\">\n      <div class=\"flex-none pr-2\">\n        <div class=\"flex justify-center py-1\">{renderIcon()}</div>\n        <div class=\"flex justify-center py-1\">\n          <div class=\"user-action__separator h-7 w-0.5 rounded\"></div>\n        </div>\n      </div>\n      <div class=\"flex-1\">\n        {renderActionTitle()}\n        <div class=\"text-neutral-dark text-xxs flex py-2 font-light\">\n          <div>{renderActionTimestamp()}</div>\n          <div class=\"px-2\">{action.searchHub}</div>\n        </div>\n      </div>\n    </div>\n  );\n};\n","@import '../../../../global/global.pcss';\n\n.session-start-icon__container {\n  background-color: #fbb439;\n}\n\n.user-action__separator {\n  @apply bg-neutral;\n}\n\n.ticket-creation-action__text {\n  @apply text-success;\n}\n\n.text-xxs {\n  font-size: 0.625rem;\n}\n","import {UserAction as IUserAction} from '@coveo/headless/insight';\nimport {Component, h, Prop, Watch, State} from '@stencil/core';\nimport Flag from '../../../../images/flag.svg';\nimport ThreeDotsIcon from '../../../../images/three-dots.svg';\nimport {parseTimestampToDateDetails} from '../../../../utils/date-utils';\nimport {InitializeBindings} from '../../../../utils/initialization-utils';\nimport {Button} from '../../../common/stencil-button';\nimport {InsightBindings} from '../../atomic-insight-interface/atomic-insight-interface';\nimport {UserAction} from './user-action';\n\nexport type UserActionType =\n  | 'SEARCH'\n  | 'CLICK'\n  | 'TICKET_CREATION'\n  | 'VIEW'\n  | 'CUSTOM';\n\n/**\n * @internal\n * The `AtomicInsightUserActionSession` component displays all the user actions that took place during a specific user session.\n * @category Insight Panel\n * @example\n * <atomic-insight-user-actions-session userActions={actions} startTimestamp={1723035731}></atomic-insight-user-actions-session>\n */\n@Component({\n  tag: 'atomic-insight-user-actions-session',\n  styleUrl: 'atomic-insight-user-actions-session.pcss',\n  shadow: true,\n})\nexport class AtomicInsightUserActionsSession {\n  @InitializeBindings() public bindings!: InsightBindings;\n  @State() public error!: Error;\n\n  /**\n   * The start time of the session as a Unix timestamp.\n   */\n  @Prop() public startTimestamp!: number;\n  /**\n   * The list of user actions performed during the session.\n   */\n  @Prop() public userActions!: Array<IUserAction>;\n\n  private userActionsToDisplay: Array<IUserAction> = [];\n  private userActionsAfterCaseCreation: Array<IUserAction> = [];\n  @State() areActionsAfterCaseCreationVisible = false;\n\n  connectedCallback() {\n    this.prepareUserActionsToDisplay();\n  }\n\n  @Watch('userActions')\n  prepareUserActionsToDisplay() {\n    const caseCreationIndex = this.userActions.findIndex(\n      ({actionType}) => actionType === 'TICKET_CREATION'\n    );\n    const isCaseCreationSession = caseCreationIndex !== -1;\n\n    if (!isCaseCreationSession) {\n      this.userActionsToDisplay = this.userActions;\n      this.userActionsAfterCaseCreation = [];\n    } else {\n      this.userActionsToDisplay = this.userActions.slice(caseCreationIndex);\n      this.userActionsAfterCaseCreation = this.userActions.slice(\n        0,\n        caseCreationIndex\n      );\n    }\n  }\n\n  showActionsAfterCaseCreation() {\n    this.areActionsAfterCaseCreationVisible = true;\n  }\n\n  renderSessionStartDate() {\n    const caseCreationIndex = this.userActions.findIndex(\n      ({actionType}) => actionType === 'TICKET_CREATION'\n    );\n    const isCaseCreationSession = caseCreationIndex !== -1;\n\n    const {year, month, dayOfWeek, day} = parseTimestampToDateDetails(\n      this.startTimestamp\n    );\n\n    const formatedStartDate = `${dayOfWeek}. ${month} ${day}, ${year}`;\n    return (\n      <div class=\"flex items-center px-2 pb-3\">\n        {isCaseCreationSession ? (\n          <div class=\"session-start-icon__container mr-2 flex h-5 w-5 items-center justify-center rounded-full\">\n            <atomic-icon icon={Flag} class=\"h-3 w-3\"></atomic-icon>\n          </div>\n        ) : null}\n\n        <div class=\"flex-1 font-semibold\">{formatedStartDate}</div>\n      </div>\n    );\n  }\n\n  renderActions(actions: Array<IUserAction>) {\n    return (\n      <ol class=\"px-3\">\n        {actions?.map((action) => (\n          <UserAction action={action} bindings={this.bindings}></UserAction>\n        ))}\n      </ol>\n    );\n  }\n\n  renderShowMoreActionsButton() {\n    const btnClasses = 'flex items-center p-1 max-w-full';\n    const label = this.bindings.i18n.t('more-actions-in-session', {\n      count: this.userActionsAfterCaseCreation.length,\n    });\n    return (\n      <div\n        data-testid=\"show-more-actions-button\"\n        class=\"flex items-center px-3 pb-3\"\n      >\n        <div class=\"flex justify-center pr-2\">\n          <atomic-icon icon={ThreeDotsIcon} class=\"h-3 w-3\"></atomic-icon>\n        </div>\n        <div class=\"flex-1\">\n          <Button\n            style=\"text-primary\"\n            part=\"show-more-actions-button\"\n            class={btnClasses}\n            ariaLabel={label}\n            onClick={this.showActionsAfterCaseCreation.bind(this)}\n          >\n            <span class=\"truncate text-xs font-light\">{label}</span>\n          </Button>\n        </div>\n      </div>\n    );\n  }\n\n  public render() {\n    const isShowMoreActionsButtonVisible =\n      !this.areActionsAfterCaseCreationVisible &&\n      !!this.userActionsAfterCaseCreation.length;\n\n    return (\n      <div>\n        {this.renderSessionStartDate()}\n\n        {this.areActionsAfterCaseCreationVisible && (\n          <div data-testid=\"more-actions-section\">\n            {this.renderActions(this.userActionsAfterCaseCreation)}\n          </div>\n        )}\n\n        {isShowMoreActionsButtonVisible && this.renderShowMoreActionsButton()}\n\n        {this.renderActions(this.userActionsToDisplay)}\n      </div>\n    );\n  }\n}\n","@import '../../../../global/global.pcss';\n\n.separator {\n  height: 1px;\n  background-color: #e0e1dd;\n}\n","import {\n  buildUserActions as buildInsightUserActions,\n  UserActions as InsightUserActions,\n  UserActionsState as InsightUserActionsState,\n  UserSession as InsightUserSession,\n} from '@coveo/headless/insight';\nimport {Component, h, State, Prop} from '@stencil/core';\nimport ArrowDownIcon from '../../../../images/big-arrow-down.svg';\nimport ArrowUpIcon from '../../../../images/big-arrow-up.svg';\nimport {\n  InitializableComponent,\n  InitializeBindings,\n  BindStateToController,\n} from '../../../../utils/initialization-utils';\nimport {NoItemsContainer} from '../../../common/no-items/stencil-container';\nimport {MagnifyingGlass} from '../../../common/no-items/stencil-magnifying-glass';\nimport {Button} from '../../../common/stencil-button';\nimport {InsightBindings} from '../../atomic-insight-interface/atomic-insight-interface';\n\n/**\n * Internal component used by the `atomic-insight-user-actions-modal`. Do not use directly.\n * \n * This component displays all the actions performed by a user around the time they created a case.\n * The actions are grouped into multiple sessions, including the session during which the case was created,\n * the sessions preceding the case creation and the sessions following the case creation.\n *\n * @component\n * @example\n * <AtomicInsightUserActionsTimeline userId={'123'} caseCreationDate={'2024-08-15T10:00:00Z'} />\n *\n */\n@Component({\n  tag: 'atomic-insight-user-actions-timeline',\n  styleUrl: 'atomic-insight-user-actions-timeline.pcss',\n  shadow: true,\n})\nexport class AtomicInsightUserActionsTimeline\n  implements InitializableComponent<InsightBindings>\n{\n  @InitializeBindings() public bindings!: InsightBindings;\n  public userActions!: InsightUserActions;\n\n  @BindStateToController('userActions')\n  @State()\n  public userActionsState!: InsightUserActionsState;\n  public error!: Error;\n\n  /**\n   * The ID of the user whose actions are being displayed. For example in email format \"someone@company.com\".\n   */\n  @Prop() public userId!: string;\n  /**\n   * The date and time when the case was created. For example \"2024-01-01T00:00:00Z\"\n   */\n  @Prop() public ticketCreationDateTime!: string;\n  /**\n   * The names of custom events to exclude.\n   */\n  @Prop() public excludedCustomActions: string[] = [];\n\n  public initialize() {\n    this.userActions = buildInsightUserActions(this.bindings.engine, {\n      options: {\n        ticketCreationDate: this.ticketCreationDateTime,\n        excludedCustomActions: this.excludedCustomActions,\n      },\n    });\n\n    this.userActions.fetchUserActions(this.userId);\n  }\n\n  @State() followingSessionsAreVisible = false;\n  @State() precedingSessionsAreVisible = false;\n\n  private toggleFollowingSessions() {\n    this.followingSessionsAreVisible = !this.followingSessionsAreVisible;\n  }\n\n  private togglePrecedingSessions() {\n    this.precedingSessionsAreVisible = !this.precedingSessionsAreVisible;\n  }\n\n  private renderSessions(\n    sessions: Array<InsightUserSession> | undefined,\n    renderSeparator?: Function,\n    testId?: string\n  ) {\n    return (\n      <div>\n        {sessions?.map(({actions, start}) => [\n          <div class=\"mt-4\">\n            <atomic-insight-user-actions-session\n              startTimestamp={start}\n              userActions={actions}\n              data-testid={testId}\n            ></atomic-insight-user-actions-session>\n          </div>,\n          renderSeparator ? renderSeparator() : null,\n        ])}\n      </div>\n    );\n  }\n\n  private renderToggleFollowingSessionsButton() {\n    const btnClasses = 'flex items-center text-left p-2 text-sm max-w-full';\n    const iconClasses = 'h-3 w-3 mr-1';\n    const label = this.followingSessionsAreVisible\n      ? this.bindings.i18n.t('hide-following-sessions')\n      : this.bindings.i18n.t('show-following-sessions');\n    const icon = this.followingSessionsAreVisible ? ArrowDownIcon : ArrowUpIcon;\n\n    return (\n      <div class=\"flex justify-center p-2\">\n        <Button\n          style=\"text-primary\"\n          part=\"toggle-following-sessions\"\n          class={btnClasses}\n          ariaLabel={label}\n          onClick={this.toggleFollowingSessions.bind(this)}\n        >\n          <atomic-icon\n            part=\"toggle-following-sessions-icon\"\n            class={iconClasses}\n            icon={icon}\n          ></atomic-icon>\n          <span class=\"truncate\">{label}</span>\n        </Button>\n      </div>\n    );\n  }\n\n  private renderTogglePrecedingSessionsButton() {\n    const btnClasses = 'flex items-center text-left p-2 text-sm max-w-full';\n    const iconClasses = 'h-3 w-3 mr-1';\n    const label = this.precedingSessionsAreVisible\n      ? this.bindings.i18n.t('hide-preceding-sessions')\n      : this.bindings.i18n.t('show-preceding-sessions');\n    const icon = this.precedingSessionsAreVisible ? ArrowUpIcon : ArrowDownIcon;\n\n    return (\n      <div class=\"flex justify-center p-2\">\n        <Button\n          style=\"text-primary\"\n          part=\"toggle-preceding-sessions\"\n          class={btnClasses}\n          ariaLabel={label}\n          onClick={this.togglePrecedingSessions.bind(this)}\n        >\n          <atomic-icon\n            part=\"toggle-preceding-sessions-icon\"\n            class={iconClasses}\n            icon={icon}\n          ></atomic-icon>\n          <span class=\"truncate\">{label}</span>\n        </Button>\n      </div>\n    );\n  }\n\n  private renderFollowingSessionsSection() {\n    if (!this.userActionsState.timeline?.followingSessions?.length) {\n      return null;\n    }\n    return [\n      this.renderToggleFollowingSessionsButton(),\n      <div class=\"separator mx-1 rounded\"></div>,\n      this.followingSessionsAreVisible\n        ? this.renderSessions(\n            this.userActionsState.timeline?.followingSessions,\n            () => <div class=\"separator mx-1 mt-4 rounded\"></div>,\n            'following-session'\n          )\n        : null,\n    ];\n  }\n\n  private renderPrecedingSessionsSection() {\n    if (!this.userActionsState.timeline?.precedingSessions?.length) {\n      return null;\n    }\n    return [\n      <div class=\"separator mx-1 mt-4 rounded\"></div>,\n      this.precedingSessionsAreVisible\n        ? this.renderSessions(\n            this.userActionsState.timeline?.precedingSessions,\n            () => <div class=\"separator mx-1 mt-4 rounded\"></div>,\n            'preceding-session'\n          )\n        : null,\n      this.renderTogglePrecedingSessionsButton(),\n    ];\n  }\n\n  private renderTimeline() {\n    return (\n      <div>\n        {this.renderFollowingSessionsSection()}\n        <div class=\"mt-4\">\n          <atomic-insight-user-actions-session\n            // eslint-disable-next-line @typescript-eslint/no-non-null-asserted-optional-chain\n            startTimestamp={this.userActionsState.timeline?.session?.start!}\n            // eslint-disable-next-line @typescript-eslint/no-non-null-asserted-optional-chain\n            userActions={this.userActionsState?.timeline?.session?.actions!}\n            data-testid=\"active-session\"\n          ></atomic-insight-user-actions-session>\n        </div>\n        {this.renderPrecedingSessionsSection()}\n      </div>\n    );\n  }\n\n  private renderNoUserActionsScreen() {\n    return (\n      <div class=\"my-6 py-3\" data-testid=\"user-actions-error\">\n        <NoItemsContainer>\n          <MagnifyingGlass />\n          <div class=\"my-2 max-w-full text-center text-2xl font-light\">\n            {this.bindings.i18n.t('no-user-actions-available')}\n          </div>\n          <div class=\"text-neutral-dark my-2 text-center text-lg\">\n            {this.bindings.i18n.t('no-user-actions-associated-with-params')}\n          </div>\n        </NoItemsContainer>\n      </div>\n    );\n  }\n\n  render() {\n    const areUserActionsAvailable = this.userActionsState.timeline?.session;\n    const hasError = this.userActionsState.error;\n\n    if (areUserActionsAvailable && !hasError) {\n      return this.renderTimeline();\n    }\n    return this.renderNoUserActionsScreen();\n  }\n}\n"],"mappings":"4uGAUA,MAAMA,EAAQ,CACZC,OAAQC,EACRC,MAAOC,EACPC,KAAMC,EACNC,OAAQC,EACRC,gBAAiBC,GAQZ,MAAMC,EAA8C,EACzDC,WACAC,aAEA,MAAMC,EAAwB,KAC5B,MAAMC,MAACA,EAAKC,QAAEA,GAAWC,EAA4BJ,EAAOK,WAE5D,MAAMC,EAAiBC,OAAOL,GAAOM,SAAS,EAAG,KACjD,MAAMC,EAAmBF,OAAOJ,GAASK,SAAS,EAAG,KAErD,MAAO,GAAGF,KAAkBG,GAAkB,EAGhD,MAAMC,EAAa,KACjB,MAAMC,EAAc,WAAW,CAAC,QAAS,QAAQC,SAASZ,EAAOa,YAAc,eAAiB,KAEhG,OACEC,EAAA,eACEC,KAAM5B,EAAMa,EAAOa,YACnBG,MAAOL,GACM,EAInB,MAAMM,EAAoB,KACxB,OAAQjB,EAAOa,YACb,IAAK,kBACH,OACEC,EAAA,OAAKE,MAAM,sDACRjB,EAASmB,KAAKC,EAAE,mBAGvB,IAAK,SACH,OACEL,EAAA,OAAKE,MAAM,yBACRhB,EAAOoB,WAAWC,OAASrB,EAAOoB,WAAWE,MAGpD,IAAK,SACH,OACER,EAAA,OAAKE,MAAM,yBACRhB,EAAOuB,OAASxB,EAASmB,KAAKC,EAAE,iBAGvC,IAAK,OACH,OACEL,EAAA,KACEU,KAAMxB,EAAOyB,UAAUC,eACvBV,MAAM,qCACNW,OAAO,UAEN3B,EAAOyB,UAAUG,OAGxB,IAAK,QACH,OACEd,EAAA,OAAKE,MAAM,yBAAyBhB,EAAOyB,UAAUG,OAEzD,QACE,OAAO,K,EAIb,OACEd,EAAA,OAAKE,MAAM,QACTF,EAAA,OAAKE,MAAM,kBACTF,EAAA,OAAKE,MAAM,4BAA4BN,KACvCI,EAAA,OAAKE,MAAM,4BACTF,EAAA,OAAKE,MAAM,+CAGfF,EAAA,OAAKE,MAAM,UACRC,IACDH,EAAA,OAAKE,MAAM,mDACTF,EAAA,WAAMb,KACNa,EAAA,OAAKE,MAAM,QAAQhB,EAAO6B,aAG1B,ECrGV,MAAMC,EAAqC,m6gEAC3C,MAAAC,EAAeD,E,iXC4BFE,EAA+B,M,yBAalCC,KAAAC,qBAA2C,GAC3CD,KAAAE,6BAAmD,GAClDF,KAAAG,mCAAqC,M,sHAAA,K,CAE9C,iBAAAC,GACEJ,KAAKK,6B,CAIP,2BAAAA,GACE,MAAMC,EAAoBN,KAAKO,YAAYC,WACzC,EAAE5B,gBAAgBA,IAAe,oBAEnC,MAAM6B,EAAwBH,KAAuB,EAErD,IAAKG,EAAuB,CAC1BT,KAAKC,qBAAuBD,KAAKO,YACjCP,KAAKE,6BAA+B,E,KAC/B,CACLF,KAAKC,qBAAuBD,KAAKO,YAAYG,MAAMJ,GACnDN,KAAKE,6BAA+BF,KAAKO,YAAYG,MACnD,EACAJ,E,EAKN,4BAAAK,GACEX,KAAKG,mCAAqC,I,CAG5C,sBAAAS,GACE,MAAMN,EAAoBN,KAAKO,YAAYC,WACzC,EAAE5B,gBAAgBA,IAAe,oBAEnC,MAAM6B,EAAwBH,KAAuB,EAErD,MAAMO,KAACA,EAAIC,MAAEA,EAAKC,UAAEA,EAASC,IAAEA,GAAO7C,EACpC6B,KAAKiB,gBAGP,MAAMC,EAAoB,GAAGH,MAAcD,KAASE,MAAQH,IAC5D,OACEhC,EAAA,OAAKE,MAAM,+BACR0B,EACC5B,EAAA,OAAKE,MAAM,4FACTF,EAAA,eAAaC,KAAMqC,EAAMpC,MAAM,aAE/B,KAEJF,EAAA,OAAKE,MAAM,wBAAwBmC,G,CAKzC,aAAAE,CAAcC,GACZ,OACExC,EAAA,MAAIE,MAAM,QACPsC,GAASC,KAAKvD,GACbc,EAAChB,EAAU,CAACE,OAAQA,EAAQD,SAAUkC,KAAKlC,a,CAMnD,2BAAAyD,GACE,MAAMC,EAAa,mCACnB,MAAMC,EAAQzB,KAAKlC,SAASmB,KAAKC,EAAE,0BAA2B,CAC5DwC,MAAO1B,KAAKE,6BAA6ByB,SAE3C,OACE9C,EAAA,qBACc,2BACZE,MAAM,+BAENF,EAAA,OAAKE,MAAM,4BACTF,EAAA,eAAaC,KAAM8C,EAAe7C,MAAM,aAE1CF,EAAA,OAAKE,MAAM,UACTF,EAACgD,EAAM,CACLC,MAAM,eACNC,KAAK,2BACLhD,MAAOyC,EACPQ,UAAWP,EACXQ,QAASjC,KAAKW,6BAA6BuB,KAAKlC,OAEhDnB,EAAA,QAAME,MAAM,+BAA+B0C,K,CAO9C,MAAAU,GACL,MAAMC,GACHpC,KAAKG,sCACJH,KAAKE,6BAA6ByB,OAEtC,OACE9C,EAAA,OAAAwD,IAAA,4CACGrC,KAAKY,yBAELZ,KAAKG,oCACJtB,EAAA,OAAAwD,IAAA,yDAAiB,wBACdrC,KAAKoB,cAAcpB,KAAKE,+BAI5BkC,GAAkCpC,KAAKuB,8BAEvCvB,KAAKoB,cAAcpB,KAAKC,sB,6EA1HFqC,GAA5BC,K,opBC9BH,MAAMC,EAAsC,wugEAC5C,MAAAC,EAAeD,E,iXCmCFE,EAAgC,M,yBAsB5B1C,KAAA2C,sBAAkC,GAaxC3C,KAAA4C,4BAA8B,MAC9B5C,KAAA6C,4BAA8B,M,uHAdU,G,iCAaV,M,iCACA,K,CAZhC,UAAAC,GACL9C,KAAKO,YAAcwC,EAAwB/C,KAAKlC,SAASkF,OAAQ,CAC/DC,QAAS,CACPC,mBAAoBlD,KAAKmD,uBACzBR,sBAAuB3C,KAAK2C,yBAIhC3C,KAAKO,YAAY6C,iBAAiBpD,KAAKqD,O,CAMjC,uBAAAC,GACNtD,KAAK4C,6BAA+B5C,KAAK4C,2B,CAGnC,uBAAAW,GACNvD,KAAK6C,6BAA+B7C,KAAK6C,2B,CAGnC,cAAAW,CACNC,EACAC,EACAC,GAEA,OACE9E,EAAA,WACG4E,GAAUnC,KAAI,EAAED,UAASuC,WAAW,CACnC/E,EAAA,OAAKE,MAAM,QACTF,EAAA,uCACEoC,eAAgB2C,EAChBrD,YAAac,EAAO,cACPsC,KAGjBD,EAAkBA,IAAoB,Q,CAMtC,mCAAAG,GACN,MAAMrC,EAAa,qDACnB,MAAM9C,EAAc,eACpB,MAAM+C,EAAQzB,KAAK4C,4BACf5C,KAAKlC,SAASmB,KAAKC,EAAE,2BACrBc,KAAKlC,SAASmB,KAAKC,EAAE,2BACzB,MAAMJ,EAAOkB,KAAK4C,4BAA8BkB,EAAgBC,EAEhE,OACElF,EAAA,OAAKE,MAAM,2BACTF,EAACgD,EAAM,CACLC,MAAM,eACNC,KAAK,4BACLhD,MAAOyC,EACPQ,UAAWP,EACXQ,QAASjC,KAAKsD,wBAAwBpB,KAAKlC,OAE3CnB,EAAA,eACEkD,KAAK,iCACLhD,MAAOL,EACPI,KAAMA,IAERD,EAAA,QAAME,MAAM,YAAY0C,I,CAMxB,mCAAAuC,GACN,MAAMxC,EAAa,qDACnB,MAAM9C,EAAc,eACpB,MAAM+C,EAAQzB,KAAK6C,4BACf7C,KAAKlC,SAASmB,KAAKC,EAAE,2BACrBc,KAAKlC,SAASmB,KAAKC,EAAE,2BACzB,MAAMJ,EAAOkB,KAAK6C,4BAA8BkB,EAAcD,EAE9D,OACEjF,EAAA,OAAKE,MAAM,2BACTF,EAACgD,EAAM,CACLC,MAAM,eACNC,KAAK,4BACLhD,MAAOyC,EACPQ,UAAWP,EACXQ,QAASjC,KAAKuD,wBAAwBrB,KAAKlC,OAE3CnB,EAAA,eACEkD,KAAK,iCACLhD,MAAOL,EACPI,KAAMA,IAERD,EAAA,QAAME,MAAM,YAAY0C,I,CAMxB,8BAAAwC,GACN,IAAKjE,KAAKkE,iBAAiBC,UAAUC,mBAAmBzC,OAAQ,CAC9D,OAAO,I,CAET,MAAO,CACL3B,KAAK6D,sCACLhF,EAAA,OAAKE,MAAM,2BACXiB,KAAK4C,4BACD5C,KAAKwD,eACHxD,KAAKkE,iBAAiBC,UAAUC,mBAChC,IAAMvF,EAAA,OAAKE,MAAM,iCACjB,qBAEF,K,CAIA,8BAAAsF,GACN,IAAKrE,KAAKkE,iBAAiBC,UAAUG,mBAAmB3C,OAAQ,CAC9D,OAAO,I,CAET,MAAO,CACL9C,EAAA,OAAKE,MAAM,gCACXiB,KAAK6C,4BACD7C,KAAKwD,eACHxD,KAAKkE,iBAAiBC,UAAUG,mBAChC,IAAMzF,EAAA,OAAKE,MAAM,iCACjB,qBAEF,KACJiB,KAAKgE,sC,CAID,cAAAO,GACN,OACE1F,EAAA,WACGmB,KAAKiE,iCACNpF,EAAA,OAAKE,MAAM,QACTF,EAAA,uCAEEoC,eAAgBjB,KAAKkE,iBAAiBC,UAAUK,SAASZ,MAEzDrD,YAAaP,KAAKkE,kBAAkBC,UAAUK,SAASnD,QAAQ,cACnD,oBAGfrB,KAAKqE,iC,CAKJ,yBAAAI,GACN,OACE5F,EAAA,OAAKE,MAAM,YAAW,cAAa,sBACjCF,EAAC6F,EAAgB,KACf7F,EAAC8F,EAAe,MAChB9F,EAAA,OAAKE,MAAM,mDACRiB,KAAKlC,SAASmB,KAAKC,EAAE,8BAExBL,EAAA,OAAKE,MAAM,8CACRiB,KAAKlC,SAASmB,KAAKC,EAAE,4C,CAOhC,MAAAiD,GACE,MAAMyC,EAA0B5E,KAAKkE,iBAAiBC,UAAUK,QAChE,MAAMK,EAAW7E,KAAKkE,iBAAiBY,MAEvC,GAAIF,IAA4BC,EAAU,CACxC,OAAO7E,KAAKuE,gB,CAEd,OAAOvE,KAAKyE,2B,GAnMenC,EAAA,CAA5BC,K,+BAKMD,EAAA,CAFNyC,EAAsB,gB","ignoreList":[]}