(this.tabAreaRef = el as HTMLUListElement)}
role="list"
aria-label="tab-area"
+ part="tab-area"
class="tab-area mb-2 flex w-full flex-row border-b"
>
{this.tabs.map((tab) => (
@@ -101,26 +134,28 @@ export class AtomicTabManager {
>
))}
-
{
- const selectedTab = this.tabs.find(
- (tab) => tab.name === (e as string)
- );
- if (selectedTab) {
- selectedTab.tabController.select();
- }
- }}
- >
- {this.tabs.map((tab) => (
-
- ))}
-
+
(this.tabDropdownRef = el as HTMLDivElement)}>
+ {
+ const selectedTab = this.tabs.find(
+ (tab) => tab.name === (e as string)
+ );
+ if (selectedTab) {
+ selectedTab.tabController.select();
+ }
+ }}
+ >
+ {this.tabs.map((tab) => (
+
+ ))}
+
+
);
}
diff --git a/packages/atomic/src/utils/date-utils.ts b/packages/atomic/src/utils/date-utils.ts
index b07b349b9e2..6312f1ec36a 100644
--- a/packages/atomic/src/utils/date-utils.ts
+++ b/packages/atomic/src/utils/date-utils.ts
@@ -44,12 +44,12 @@ export function parseTimestampToDateDetails(timestamp: number) {
const date = new Date(timestamp);
- const dayOfWeek = daysOfWeek[date.getUTCDay()];
- const month = months[date.getUTCMonth()];
- const day = date.getUTCDate();
- const year = date.getUTCFullYear();
- const hours = date.getUTCHours();
- const minutes = date.getUTCMinutes();
+ const dayOfWeek = daysOfWeek[date.getDay()];
+ const month = months[date.getMonth()];
+ const day = date.getDate();
+ const year = date.getFullYear();
+ const hours = date.getHours();
+ const minutes = date.getMinutes();
return {
year,
diff --git a/packages/headless-react/package.json b/packages/headless-react/package.json
index b79d19d875d..9cf811a4b05 100644
--- a/packages/headless-react/package.json
+++ b/packages/headless-react/package.json
@@ -1,6 +1,6 @@
{
"name": "@coveo/headless-react",
- "version": "2.0.5",
+ "version": "2.0.6",
"description": "React utilities for SSR (Server Side Rendering) with headless",
"homepage": "https://docs.coveo.com/en/headless/latest/",
"repository": {
@@ -33,7 +33,7 @@
"promote:npm:latest": "node ../../scripts/deploy/update-npm-tag.mjs latest"
},
"dependencies": {
- "@coveo/headless": "3.2.0"
+ "@coveo/headless": "3.3.0"
},
"devDependencies": {
"@coveo/release": "1.0.0",
diff --git a/packages/headless/CHANGELOG.md b/packages/headless/CHANGELOG.md
index df83fdf4e94..0acfc9ed175 100644
--- a/packages/headless/CHANGELOG.md
+++ b/packages/headless/CHANGELOG.md
@@ -1,3 +1,10 @@
+## 3.3.0 (2024-10-10)
+
+- fix(atomic, headless): use `next` as default value for queryCorrectionMode (#4495) ([ddce004](https://github.com/coveo/ui-kit/commits/ddce004)), closes [#4495](https://github.com/coveo/ui-kit/issues/4495)
+- feat(headless): change citation from custom to click event (#4492) ([1cc5aee](https://github.com/coveo/ui-kit/commits/1cc5aee)), closes [#4492](https://github.com/coveo/ui-kit/issues/4492)
+- feat(headless): Refactor the Headless Notify Trigger controller to make it compatible with the insig ([e8e81e1](https://github.com/coveo/ui-kit/commits/e8e81e1)), closes [#4362](https://github.com/coveo/ui-kit/issues/4362)
+- fix(headless commerce): did you mean wasAutomaticallyCorrected should only be true when query was au ([ec06f49](https://github.com/coveo/ui-kit/commits/ec06f49)), closes [#4476](https://github.com/coveo/ui-kit/issues/4476)
+
## 3.2.0 (2024-10-02)
- feat(headless): analytics actions updated to send valid ep events (#4450) ([0a60d40](https://github.com/coveo/ui-kit/commits/0a60d40)), closes [#4450](https://github.com/coveo/ui-kit/issues/4450)
diff --git a/packages/headless/package.json b/packages/headless/package.json
index 5d3b0a9a443..f4eb2b70284 100644
--- a/packages/headless/package.json
+++ b/packages/headless/package.json
@@ -118,7 +118,7 @@
},
"types": "./dist/definitions/index.d.ts",
"license": "Apache-2.0",
- "version": "3.2.0",
+ "version": "3.3.0",
"files": [
"dist/"
],
@@ -151,7 +151,7 @@
"@microsoft/fetch-event-source": "2.0.1",
"@reduxjs/toolkit": "2.2.7",
"abortcontroller-polyfill": "1.7.5",
- "coveo.analytics": "2.30.38",
+ "coveo.analytics": "2.30.39",
"dayjs": "1.11.12",
"exponential-backoff": "3.1.0",
"fast-equals": "5.0.1",
diff --git a/packages/headless/src/api/generated-answer/generated-answer-event-payload.ts b/packages/headless/src/api/generated-answer/generated-answer-event-payload.ts
index 65edf4c0d85..52b87a13705 100644
--- a/packages/headless/src/api/generated-answer/generated-answer-event-payload.ts
+++ b/packages/headless/src/api/generated-answer/generated-answer-event-payload.ts
@@ -14,6 +14,7 @@ export interface GeneratedAnswerCitation {
title: string;
uri: string;
permanentid: string;
+ source: string;
clickUri?: string;
text?: string;
fields?: Raw;
diff --git a/packages/headless/src/controllers/core/did-you-mean/headless-core-did-you-mean.test.ts b/packages/headless/src/controllers/core/did-you-mean/headless-core-did-you-mean.test.ts
index 332a1255750..8acd164094a 100644
--- a/packages/headless/src/controllers/core/did-you-mean/headless-core-did-you-mean.test.ts
+++ b/packages/headless/src/controllers/core/did-you-mean/headless-core-did-you-mean.test.ts
@@ -4,7 +4,6 @@ import {
disableAutomaticQueryCorrection,
enableDidYouMean,
setCorrectionMode,
-} from '../../../features/did-you-mean/did-you-mean-actions';
} from '../../../features/did-you-mean/did-you-mean-actions.js';
import {didYouMeanReducer as didYouMean} from '../../../features/did-you-mean/did-you-mean-slice.js';
import {
@@ -15,6 +14,7 @@ import {createMockState} from '../../../test/mock-state.js';
import {
buildCoreDidYouMean,
DidYouMean,
+ DidYouMeanOptions,
DidYouMeanProps,
} from './headless-core-did-you-mean.js';
@@ -98,4 +98,17 @@ describe('did you mean', () => {
dym.applyCorrection();
expect(applyDidYouMeanCorrection).toHaveBeenCalledWith('bar');
});
+
+ it('should dispatch setCorrectionMode with the correct value', () => {
+ const options = {queryCorrectionMode: 'legacy'} as DidYouMeanOptions;
+ initDidYouMean({options});
+
+ expect(engine.dispatch).toHaveBeenCalledWith(setCorrectionMode('legacy'));
+ });
+
+ it('should dispatch setCorrectionMode with the default value "next" when no mode is provided', () => {
+ initDidYouMean();
+
+ expect(engine.dispatch).toHaveBeenCalledWith(setCorrectionMode('next'));
+ });
});
diff --git a/packages/headless/src/controllers/core/did-you-mean/headless-core-did-you-mean.ts b/packages/headless/src/controllers/core/did-you-mean/headless-core-did-you-mean.ts
index 09392c91119..4e341cbf93d 100644
--- a/packages/headless/src/controllers/core/did-you-mean/headless-core-did-you-mean.ts
+++ b/packages/headless/src/controllers/core/did-you-mean/headless-core-did-you-mean.ts
@@ -40,14 +40,13 @@ export interface DidYouMeanOptions {
*/
automaticallyCorrectQuery?: boolean;
- // TODO: V3: Change the default value to `next`.
/**
* Define which query correction system to use
*
* `legacy`: Query correction is powered by the legacy index system. This system relies on an algorithm using solely the index content to compute the suggested terms.
* `next`: Query correction is powered by a machine learning system, requiring a valid query suggestion model configured in your Coveo environment to function properly. This system relies on machine learning algorithms to compute the suggested terms.
*
- * Default value is `legacy`. In the next major version of Headless, the default value will be `next`.
+ * Default value is `next`.
*/
queryCorrectionMode?: QueryCorrectionMode;
}
@@ -126,7 +125,7 @@ export function buildCoreDidYouMean(
dispatch(disableAutomaticQueryCorrection());
}
- dispatch(setCorrectionMode(props.options?.queryCorrectionMode || 'legacy'));
+ dispatch(setCorrectionMode(props.options?.queryCorrectionMode || 'next'));
const getState = () => engine.state;
const hasQueryCorrection = () =>
diff --git a/packages/headless/src/controllers/insight/did-you-mean/headless-insight-did-you-mean.ts b/packages/headless/src/controllers/insight/did-you-mean/headless-insight-did-you-mean.ts
index 6f18581df29..997f545eb02 100644
--- a/packages/headless/src/controllers/insight/did-you-mean/headless-insight-did-you-mean.ts
+++ b/packages/headless/src/controllers/insight/did-you-mean/headless-insight-did-you-mean.ts
@@ -22,7 +22,9 @@ export type {QueryCorrection, WordCorrection, DidYouMean, DidYouMeanState};
* @param engine - The insight engine.
*/
export function buildDidYouMean(engine: InsightEngine): DidYouMean {
- const controller = buildCoreDidYouMean(engine);
+ const controller = buildCoreDidYouMean(engine, {
+ options: {queryCorrectionMode: 'legacy'},
+ });
const {dispatch} = engine;
return {
diff --git a/packages/headless/src/features/analytics/analytics-utils.ts b/packages/headless/src/features/analytics/analytics-utils.ts
index 9c76912696e..b9f60d62233 100644
--- a/packages/headless/src/features/analytics/analytics-utils.ts
+++ b/packages/headless/src/features/analytics/analytics-utils.ts
@@ -44,6 +44,7 @@ import {
SearchAnalyticsProvider,
StateNeededBySearchAnalyticsProvider,
} from '../../api/analytics/search-analytics.js';
+import {GeneratedAnswerCitation} from '../../api/generated-answer/generated-answer-event-payload.js';
import {PreprocessRequest} from '../../api/preprocess-request.js';
import {Raw} from '../../api/search/search/raw.js';
import {Result} from '../../api/search/search/result.js';
@@ -623,6 +624,38 @@ export const partialRecommendationInformation = (
return buildPartialDocumentInformation(result, resultIndex, state);
};
+
+export const partialCitationInformation = (
+ citation: GeneratedAnswerCitation,
+ state: Partial