diff --git a/src/components/messages/FormMessage.tsx b/src/components/messages/FormMessage.tsx
index 433ae4dbc..c0cbbb67f 100644
--- a/src/components/messages/FormMessage.tsx
+++ b/src/components/messages/FormMessage.tsx
@@ -132,7 +132,7 @@ export default function FormMessage(props: Props) {
};
return (
-
+
{items.map((item, index) => {
const { name, placeholder, id, required, style } = item;
const { draftValues = [], errorMessage } = formValues[index];
diff --git a/src/const.ts b/src/const.ts
index b4574de0e..8aeed23f0 100644
--- a/src/const.ts
+++ b/src/const.ts
@@ -63,6 +63,7 @@ export const DEFAULT_CONSTANT = {
enableMention: true,
enableResetHistoryOnConnect: false,
enableWidgetExpandButton: false,
+ enableMessageGrouping: true,
dateLocale: enUS,
enableHideWidgetForDeactivatedUser: false,
messageInputControls: {
@@ -316,6 +317,11 @@ interface ConstantFeatureFlags {
* @description Enable widget expand button.
* */
enableWidgetExpandButton: boolean;
+ /**
+ * @public
+ * @description Enable message grouping by timestamp.
+ * */
+ enableMessageGrouping: boolean;
}
export interface CreateGroupChannelParams {
diff --git a/src/context/ConstantContext.tsx b/src/context/ConstantContext.tsx
index 694091b96..757901d7d 100644
--- a/src/context/ConstantContext.tsx
+++ b/src/context/ConstantContext.tsx
@@ -92,6 +92,7 @@ export const ConstantStateProvider = (props: PropsWithChildren {
const urlParams = new URLSearchParams(window.location.search);
const appId = urlParams.get('app_id') ?? import.meta.env.VITE_CHAT_WIDGET_APP_ID;
const botId = urlParams.get('bot_id') ?? import.meta.env.VITE_CHAT_WIDGET_BOT_ID;
+ const isSnapshot = urlParams.get('snapshot') === 'true';
+
const locale = urlParams.get('locale') ?? undefined;
const region = urlParams.get('region') ?? undefined;
@@ -25,7 +27,24 @@ const WidgetApp = () => {
}
const host = getHost(region);
- return ;
+ return (
+
+ );
};
ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
diff --git a/src/utils/messageTimestamp.ts b/src/utils/messageTimestamp.ts
index 30834f623..37d7968c0 100644
--- a/src/utils/messageTimestamp.ts
+++ b/src/utils/messageTimestamp.ts
@@ -6,7 +6,7 @@ import { enUS } from 'date-fns/locale';
* Note that returned time is computed based on the running app's region but not the injected locale value.
* So result varies depending on the location of the running app.
*/
-export function formatCreatedAtToAMPM(createdAt: number, locale: Locale = enUS) {
- const time = format(createdAt || 0, 'p', { locale });
+export function formatCreatedAtToAMPM(createdAt: number, formatString = 'p', locale: Locale = enUS) {
+ const time = format(createdAt || 0, formatString, { locale });
return time;
}
diff --git a/src/utils/messages.ts b/src/utils/messages.ts
index d51a213ee..163a3a429 100644
--- a/src/utils/messages.ts
+++ b/src/utils/messages.ts
@@ -3,7 +3,15 @@ import { isSameMinute } from 'date-fns';
import { messageExtension } from './messageExtension';
-export const getMessageGrouping = (curr: BaseMessage, prev?: BaseMessage, next?: BaseMessage): [boolean, boolean] => {
+export const getMessageGrouping = (
+ curr: BaseMessage,
+ prev?: BaseMessage,
+ next?: BaseMessage,
+ enableMessageGrouping = true,
+): [boolean, boolean] => {
+ if (!enableMessageGrouping) {
+ return [true, true];
+ }
if (!curr.isUserMessage() && !curr.isFileMessage()) {
return [false, false];
}
diff --git a/tsconfig.json b/tsconfig.json
index afa2f74e5..d02df5a1f 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -29,6 +29,7 @@
"src",
"./src/custom.d.ts",
"./src/styled-components.d.ts",
+ "__visual_tests__",
],
"exclude": ["node_modules"],
"references": [{ "path": "./tsconfig.node.json" }]
diff --git a/yarn.lock b/yarn.lock
index 78ac00547..d3d0ddd5a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2648,6 +2648,17 @@ __metadata:
languageName: node
linkType: hard
+"@playwright/test@npm:^1.48.1":
+ version: 1.48.1
+ resolution: "@playwright/test@npm:1.48.1"
+ dependencies:
+ playwright: "npm:1.48.1"
+ bin:
+ playwright: cli.js
+ checksum: 10c0/32cedc3b2d375cb8f4a830bc820d7726b0235be7a6202e1d6ee46e739b83666271c47c100c11311cf5a916468c18e6a4dc526accf9ef090786e7614c2633b2b8
+ languageName: node
+ linkType: hard
+
"@radix-ui/primitive@npm:1.0.1":
version: 1.0.1
resolution: "@radix-ui/primitive@npm:1.0.1"
@@ -3266,7 +3277,9 @@ __metadata:
"@linaria/atomic": "npm:^6.2.0"
"@linaria/core": "npm:^6.2.0"
"@linaria/react": "npm:^6.2.1"
+ "@playwright/test": "npm:^1.48.1"
"@types/dompurify": "npm:^3.0.5"
+ "@types/node": "npm:^22.7.9"
"@types/react": "npm:^18.0.37"
"@types/react-dom": "npm:^18.0.11"
"@types/styled-components": "npm:^5.1.26"
@@ -4842,6 +4855,15 @@ __metadata:
languageName: node
linkType: hard
+"@types/node@npm:^22.7.9":
+ version: 22.7.9
+ resolution: "@types/node@npm:22.7.9"
+ dependencies:
+ undici-types: "npm:~6.19.2"
+ checksum: 10c0/2d1917702b9d9ede8e4d8151cd8b1af8bc147d543486474ffbe0742e38764ea73105939e6a767addf7a4c39e842e16eae762bff90617d7b7f9ee3fbbb2d23bfa
+ languageName: node
+ linkType: hard
+
"@types/normalize-package-data@npm:^2.4.0":
version: 2.4.4
resolution: "@types/normalize-package-data@npm:2.4.4"
@@ -9676,6 +9698,16 @@ __metadata:
languageName: node
linkType: hard
+"fsevents@npm:2.3.2":
+ version: 2.3.2
+ resolution: "fsevents@npm:2.3.2"
+ dependencies:
+ node-gyp: "npm:latest"
+ checksum: 10c0/be78a3efa3e181cda3cf7a4637cb527bcebb0bd0ea0440105a3bb45b86f9245b307dc10a2507e8f4498a7d4ec349d1910f4d73e4d4495b16103106e07eee735b
+ conditions: os=darwin
+ languageName: node
+ linkType: hard
+
"fsevents@npm:^2.3.2, fsevents@npm:~2.3.2, fsevents@npm:~2.3.3":
version: 2.3.3
resolution: "fsevents@npm:2.3.3"
@@ -9686,6 +9718,15 @@ __metadata:
languageName: node
linkType: hard
+"fsevents@patch:fsevents@npm%3A2.3.2#optional!builtin":
+ version: 2.3.2
+ resolution: "fsevents@patch:fsevents@npm%3A2.3.2#optional!builtin::version=2.3.2&hash=df0bf1"
+ dependencies:
+ node-gyp: "npm:latest"
+ conditions: os=darwin
+ languageName: node
+ linkType: hard
+
"fsevents@patch:fsevents@npm%3A^2.3.2#optional!builtin, fsevents@patch:fsevents@npm%3A~2.3.2#optional!builtin, fsevents@patch:fsevents@npm%3A~2.3.3#optional!builtin":
version: 2.3.3
resolution: "fsevents@patch:fsevents@npm%3A2.3.3#optional!builtin::version=2.3.3&hash=df0bf1"
@@ -14162,6 +14203,30 @@ __metadata:
languageName: node
linkType: hard
+"playwright-core@npm:1.48.1":
+ version: 1.48.1
+ resolution: "playwright-core@npm:1.48.1"
+ bin:
+ playwright-core: cli.js
+ checksum: 10c0/2f75532b9b7dfa0e586f5660ac1d8ea729bbdbd28dd2c0711e7cfc1adfe5cf7448d7f15a018ec9851a8f50c0743c3990cb9df23064bed603627baeac4dce3915
+ languageName: node
+ linkType: hard
+
+"playwright@npm:1.48.1":
+ version: 1.48.1
+ resolution: "playwright@npm:1.48.1"
+ dependencies:
+ fsevents: "npm:2.3.2"
+ playwright-core: "npm:1.48.1"
+ dependenciesMeta:
+ fsevents:
+ optional: true
+ bin:
+ playwright: cli.js
+ checksum: 10c0/96280ae656226e52015c0c69c4c19e9f594c19353a79012a19bd7b7175d7b409c1aed289a629df49ef897a57ccd24668ad15b86c283db10f76212a4db90a94ac
+ languageName: node
+ linkType: hard
+
"plop@npm:^2.5.3":
version: 2.7.6
resolution: "plop@npm:2.7.6"
@@ -17688,6 +17753,13 @@ __metadata:
languageName: node
linkType: hard
+"undici-types@npm:~6.19.2":
+ version: 6.19.8
+ resolution: "undici-types@npm:6.19.8"
+ checksum: 10c0/078afa5990fba110f6824823ace86073b4638f1d5112ee26e790155f481f2a868cc3e0615505b6f4282bdf74a3d8caad715fd809e870c2bb0704e3ea6082f344
+ languageName: node
+ linkType: hard
+
"unicode-canonical-property-names-ecmascript@npm:^2.0.0":
version: 2.0.0
resolution: "unicode-canonical-property-names-ecmascript@npm:2.0.0"