@envive-ai/react-hooks 0.3.22 → 0.3.24

package/dist/services/ga4ProjectionService/ga4ProjectionService.js

@@ -8,18 +8,39 @@ const filterToSchema = (eventProps, allowedFields) => {
 	for (const field of allowedFields) if (field in eventProps) result[field] = eventProps[field];
 	return result;
 };
+const flattenOneLevel = (obj) => {
+	const result = {};
+	for (const [key, value] of Object.entries(obj)) if (!key.includes(".") && value !== null && typeof value === "object" && !Array.isArray(value)) for (const [subKey, subValue] of Object.entries(value)) result[`${key}.${subKey}`] = subValue;
+	else result[key] = value;
+	return result;
+};
+const filterWithProjections = (eventProps, projections) => {
+	const result = {};
+	for (const [ga4Key, sourceKey] of Object.entries(projections)) if (sourceKey in eventProps) result[ga4Key] = eventProps[sourceKey];
+	return result;
+};
 const flattenDotKeys = (obj) => {
 	const result = {};
 	for (const [key, value] of Object.entries(obj)) result[key.replace(/\./g, "_")] = value;
 	return result;
 };
 const sanitizePageId = (filtered) => {
-	const pageType = filtered["context.page_type"];
+	const pageType = filtered["page_type"] ?? filtered["context.page_type"];
 	if (pageType === "pdp" || pageType === "plp") return filtered;
 	const rest = { ...filtered };
+	delete rest["page_id"];
 	delete rest["context.page_id"];
 	return rest;
 };
+const getNestedValue = (obj, path) => {
+	const parts = path.split(".");
+	let current = obj;
+	for (const part of parts) {
+		if (current === null || typeof current !== "object") return void 0;
+		current = current[part];
+	}
+	return current;
+};
 const projectWidgetInteractionData = (eventProps, config) => {
 	if (!config.widgetInteractionDataProjections) return {};
 	const interaction = eventProps["trigger.widget_interaction"];
@@ -30,7 +51,10 @@ const projectWidgetInteractionData = (eventProps, config) => {
 	if (interactionData === null || interactionData === void 0 || typeof interactionData !== "object") return {};
 	const data = interactionData;
 	const result = {};
-	for (const [gaKey, sourceField] of Object.entries(projectionMap)) if (sourceField in data) result[gaKey] = data[sourceField];
+	for (const [gaKey, sourcePath] of Object.entries(projectionMap)) {
+		const value = getNestedValue(data, sourcePath);
+		if (value !== void 0) result[gaKey] = value;
+	}
 	return result;
 };
 const truncateString = (value) => {
@@ -50,8 +74,10 @@ const projectToGA4 = (eventName, eventProps) => {
 		const schemaEntry = GA4_EVENT_SCHEMA[eventName];
 		if (schemaEntry.gaEventName === null) return;
 		const config = schemaEntry;
-		const props = eventProps ?? {};
-		let filtered = filterToSchema(props, config.allowedFields);
+		const props = flattenOneLevel(eventProps ?? {});
+		let filtered;
+		if (config.fieldProjections) filtered = filterWithProjections(props, config.fieldProjections);
+		else filtered = filterToSchema(props, config.allowedFields);
 		filtered = sanitizePageId(filtered);
 		const interactionFields = projectWidgetInteractionData(props, config);
 		const truncatedParams = truncateValues({
@@ -69,4 +95,4 @@ const projectToGA4 = (eventName, eventProps) => {
 
 //#endregion
 export { projectToGA4 };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2E0UHJvamVjdGlvblNlcnZpY2UuanMiLCJuYW1lcyI6WyJMb2dnZXIiLCJyZXN1bHQ6IFJlY29yZDxzdHJpbmcsIHVua25vd24+Il0sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3NlcnZpY2VzL2dhNFByb2plY3Rpb25TZXJ2aWNlL2dhNFByb2plY3Rpb25TZXJ2aWNlLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBMb2dnZXIgZnJvbSAnc3JjL2FwcGxpY2F0aW9uL2xvZ2dpbmcvbG9nZ2VyJztcbmltcG9ydCB7IEVudml2ZU1ldHJpY3NFdmVudE5hbWUgfSBmcm9tICcuLi9hbXBsaXR1ZGVTZXJ2aWNlL2V2ZW50TmFtZXMnO1xuaW1wb3J0IHsgR0E0UHJvamVjdGVkRXZlbnRDb25maWcsIEdBNF9FVkVOVF9TQ0hFTUEgfSBmcm9tICcuL2dhNEV2ZW50U2NoZW1hJztcblxuY29uc3QgbG9nZ2VyID0gbmV3IExvZ2dlcignZ2E0UHJvamVjdGlvblNlcnZpY2UnKTtcblxuY29uc3QgZmlsdGVyVG9TY2hlbWEgPSAoXG4gIGV2ZW50UHJvcHM6IFJlY29yZDxzdHJpbmcsIHVua25vd24+LFxuICBhbGxvd2VkRmllbGRzOiByZWFkb25seSBzdHJpbmdbXSxcbik6IFJlY29yZDxzdHJpbmcsIHVua25vd24+ID0+IHtcbiAgY29uc3QgcmVzdWx0OiBSZWNvcmQ8c3RyaW5nLCB1bmtub3duPiA9IHt9O1xuICBmb3IgKGNvbnN0IGZpZWxkIG9mIGFsbG93ZWRGaWVsZHMpIHtcbiAgICBpZiAoZmllbGQgaW4gZXZlbnRQcm9wcykge1xuICAgICAgcmVzdWx0W2ZpZWxkXSA9IGV2ZW50UHJvcHNbZmllbGRdO1xuICAgIH1cbiAgfVxuICByZXR1cm4gcmVzdWx0O1xufTtcblxuLy8gXCJjb250ZXh0LnBhZ2VfdHlwZVwiIOKGkiBcImNvbnRleHRfcGFnZV90eXBlXCJcbmNvbnN0IGZsYXR0ZW5Eb3RLZXlzID0gKG9iajogUmVjb3JkPHN0cmluZywgdW5rbm93bj4pOiBSZWNvcmQ8c3RyaW5nLCB1bmtub3duPiA9PiB7XG4gIGNvbnN0IHJlc3VsdDogUmVjb3JkPHN0cmluZywgdW5rbm93bj4gPSB7fTtcbiAgZm9yIChjb25zdCBba2V5LCB2YWx1ZV0gb2YgT2JqZWN0LmVudHJpZXMob2JqKSkge1xuICAgIHJlc3VsdFtrZXkucmVwbGFjZSgvXFwuL2csICdfJyldID0gdmFsdWU7XG4gIH1cbiAgcmV0dXJuIHJlc3VsdDtcbn07XG5cbi8vIE9taXQgY29udGV4dC5wYWdlX2lkIGZvciBub24tcGRwL3BscCBwYWdlIHR5cGVzLiBUaGUgY3VycmVudCBpbXBsZW1lbnRhdGlvbiBmb3IgY29udGV4dC5wYWdlX2lkIGlzOlxuLy8gUERQOiBwcm9kdWN0X2lkXG4vLyBQTFA6IHBscF9pZFxuLy8gU2VhcmNoOiBzZWFyY2ggcXVlcnlcbi8vIE90aGVyOiBwYWdlIHVybFxuLy8gV2Ugd2FudCB0byBvbWl0IGFsbCBidXQgcGRwIGFuZCBwbHAgcGFnZSB0eXBlcyB0byBwcm92aWRlIGEgY2xlYXIsIGNvbnNpc3RlbnQgaW50ZXJmYWNlIGZvciBtZXJjaGFudHMuXG5jb25zdCBzYW5pdGl6ZVBhZ2VJZCA9IChmaWx0ZXJlZDogUmVjb3JkPHN0cmluZywgdW5rbm93bj4pOiBSZWNvcmQ8c3RyaW5nLCB1bmtub3duPiA9PiB7XG4gIGNvbnN0IHBhZ2VUeXBlID0gZmlsdGVyZWRbJ2NvbnRleHQucGFnZV90eXBlJ107XG4gIGlmIChwYWdlVHlwZSA9PT0gJ3BkcCcgfHwgcGFnZVR5cGUgPT09ICdwbHAnKSB7XG4gICAgcmV0dXJuIGZpbHRlcmVkO1xuICB9XG4gIGNvbnN0IHJlc3QgPSB7IC4uLmZpbHRlcmVkIH07XG4gIGRlbGV0ZSByZXN0Wydjb250ZXh0LnBhZ2VfaWQnXTtcbiAgcmV0dXJuIHJlc3Q7XG59O1xuXG4vLyBFeHRyYWN0IHdoaXRlbGlzdGVkIHN1Yi1maWVsZHMgZnJvbSB0cmlnZ2VyLndpZGdldF9pbnRlcmFjdGlvbl9kYXRhXG5jb25zdCBwcm9qZWN0V2lkZ2V0SW50ZXJhY3Rpb25EYXRhID0gKFxuICBldmVudFByb3BzOiBSZWNvcmQ8c3RyaW5nLCB1bmtub3duPixcbiAgY29uZmlnOiBHQTRQcm9qZWN0ZWRFdmVudENvbmZpZyxcbik6IFJlY29yZDxzdHJpbmcsIHVua25vd24+ID0+IHtcbiAgaWYgKCFjb25maWcud2lkZ2V0SW50ZXJhY3Rpb25EYXRhUHJvamVjdGlvbnMpIHtcbiAgICByZXR1cm4ge307XG4gIH1cblxuICBjb25zdCBpbnRlcmFjdGlvbiA9IGV2ZW50UHJvcHNbJ3RyaWdnZXIud2lkZ2V0X2ludGVyYWN0aW9uJ107XG4gIGlmICh0eXBlb2YgaW50ZXJhY3Rpb24gIT09ICdzdHJpbmcnKSB7XG4gICAgcmV0dXJuIHt9O1xuICB9XG5cbiAgY29uc3QgcHJvamVjdGlvbk1hcCA9IGNvbmZpZy53aWRnZXRJbnRlcmFjdGlvbkRhdGFQcm9qZWN0aW9uc1tpbnRlcmFjdGlvbl07XG4gIGlmICghcHJvamVjdGlvbk1hcCkge1xuICAgIHJldHVybiB7fTtcbiAgfVxuXG4gIGNvbnN0IGludGVyYWN0aW9uRGF0YSA9IGV2ZW50UHJvcHNbJ3RyaWdnZXIud2lkZ2V0X2ludGVyYWN0aW9uX2RhdGEnXTtcbiAgaWYgKFxuICAgIGludGVyYWN0aW9uRGF0YSA9PT0gbnVsbCB8fFxuICAgIGludGVyYWN0aW9uRGF0YSA9PT0gdW5kZWZpbmVkIHx8XG4gICAgdHlwZW9mIGludGVyYWN0aW9uRGF0YSAhPT0gJ29iamVjdCdcbiAgKSB7XG4gICAgcmV0dXJuIHt9O1xuICB9XG5cbiAgY29uc3QgZGF0YSA9IGludGVyYWN0aW9uRGF0YSBhcyBSZWNvcmQ8c3RyaW5nLCB1bmtub3duPjtcbiAgY29uc3QgcmVzdWx0OiBSZWNvcmQ8c3RyaW5nLCB1bmtub3duPiA9IHt9O1xuICBmb3IgKGNvbnN0IFtnYUtleSwgc291cmNlRmllbGRdIG9mIE9iamVjdC5lbnRyaWVzKHByb2plY3Rpb25NYXApKSB7XG4gICAgaWYgKHNvdXJjZUZpZWxkIGluIGRhdGEpIHtcbiAgICAgIHJlc3VsdFtnYUtleV0gPSBkYXRhW3NvdXJjZUZpZWxkXTtcbiAgICB9XG4gIH1cbiAgcmV0dXJuIHJlc3VsdDtcbn07XG5cbmNvbnN0IHRydW5jYXRlU3RyaW5nID0gKHZhbHVlOiB1bmtub3duKTogdW5rbm93biA9PiB7XG4gIGlmICh0eXBlb2YgdmFsdWUgPT09ICdzdHJpbmcnICYmIHZhbHVlLmxlbmd0aCA+IDEwMCkge1xuICAgIHJldHVybiBgJHt2YWx1ZS5zdWJzdHJpbmcoMCwgOTcpfS4uLmA7XG4gIH1cbiAgcmV0dXJuIHZhbHVlO1xufTtcblxuY29uc3QgdHJ1bmNhdGVWYWx1ZXMgPSAob2JqOiBSZWNvcmQ8c3RyaW5nLCB1bmtub3duPik6IFJlY29yZDxzdHJpbmcsIHVua25vd24+ID0+IHtcbiAgY29uc3QgcmVzdWx0OiBSZWNvcmQ8c3RyaW5nLCB1bmtub3duPiA9IHt9O1xuICBmb3IgKGNvbnN0IFtrZXksIHZhbHVlXSBvZiBPYmplY3QuZW50cmllcyhvYmopKSB7XG4gICAgcmVzdWx0W2tleV0gPSB0cnVuY2F0ZVN0cmluZyh2YWx1ZSk7XG4gIH1cbiAgcmV0dXJuIHJlc3VsdDtcbn07XG5cbmNvbnN0IHB1c2hUb0RhdGFMYXllciA9IChnYUV2ZW50OiBSZWNvcmQ8c3RyaW5nLCB1bmtub3duPik6IHZvaWQgPT4ge1xuICBpZiAodHlwZW9mIHdpbmRvdyAhPT0gJ3VuZGVmaW5lZCcgJiYgd2luZG93LmRhdGFMYXllcikge1xuICAgIHdpbmRvdy5kYXRhTGF5ZXIucHVzaChnYUV2ZW50KTtcbiAgfVxufTtcblxuZXhwb3J0IGNvbnN0IHByb2plY3RUb0dBNCA9IChcbiAgZXZlbnROYW1lOiBFbnZpdmVNZXRyaWNzRXZlbnROYW1lLFxuICBldmVudFByb3BzPzogUmVjb3JkPHN0cmluZywgdW5rbm93bj4sXG4pOiB2b2lkID0+IHtcbiAgdHJ5IHtcbiAgICBjb25zdCBzY2hlbWFFbnRyeSA9IEdBNF9FVkVOVF9TQ0hFTUFbZXZlbnROYW1lXTtcblxuICAgIGlmIChzY2hlbWFFbnRyeS5nYUV2ZW50TmFtZSA9PT0gbnVsbCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGNvbnN0IGNvbmZpZyA9IHNjaGVtYUVudHJ5O1xuICAgIGNvbnN0IHByb3BzID0gZXZlbnRQcm9wcyA/PyB7fTtcblxuICAgIGxldCBmaWx0ZXJlZCA9IGZpbHRlclRvU2NoZW1hKHByb3BzLCBjb25maWcuYWxsb3dlZEZpZWxkcyk7XG4gICAgZmlsdGVyZWQgPSBzYW5pdGl6ZVBhZ2VJZChmaWx0ZXJlZCk7XG5cbiAgICBjb25zdCBpbnRlcmFjdGlvbkZpZWxkcyA9IHByb2plY3RXaWRnZXRJbnRlcmFjdGlvbkRhdGEocHJvcHMsIGNvbmZpZyk7XG5cbiAgICBjb25zdCBmbGF0UGFyYW1zID0ge1xuICAgICAgLi4uZmxhdHRlbkRvdEtleXMoZmlsdGVyZWQpLFxuICAgICAgLi4uaW50ZXJhY3Rpb25GaWVsZHMsXG4gICAgfTtcblxuICAgIGNvbnN0IHRydW5jYXRlZFBhcmFtcyA9IHRydW5jYXRlVmFsdWVzKGZsYXRQYXJhbXMpO1xuXG4gICAgcHVzaFRvRGF0YUxheWVyKHtcbiAgICAgIGV2ZW50OiBjb25maWcuZ2FFdmVudE5hbWUsXG4gICAgICAuLi50cnVuY2F0ZWRQYXJhbXMsXG4gICAgfSk7XG4gIH0gY2F0Y2ggKGVycikge1xuICAgIGxvZ2dlci5sb2dFcnJvcignRXJyb3IgcHJvamVjdGluZyBldmVudCB0byBHQTQnLCBlcnIsIHtcbiAgICAgIGV2ZW50TmFtZSxcbiAgICB9KTtcbiAgfVxufTtcbiJdLCJtYXBwaW5ncyI6Ijs7OztBQUlBLE1BQU0sU0FBUyxJQUFJQSxlQUFPLHVCQUF1QjtBQUVqRCxNQUFNLGtCQUNKLFlBQ0Esa0JBQzRCO0NBQzVCLE1BQU1DLFNBQWtDLEVBQUU7QUFDMUMsTUFBSyxNQUFNLFNBQVMsY0FDbEIsS0FBSSxTQUFTLFdBQ1gsUUFBTyxTQUFTLFdBQVc7QUFHL0IsUUFBTzs7QUFJVCxNQUFNLGtCQUFrQixRQUEwRDtDQUNoRixNQUFNQSxTQUFrQyxFQUFFO0FBQzFDLE1BQUssTUFBTSxDQUFDLEtBQUssVUFBVSxPQUFPLFFBQVEsSUFBSSxDQUM1QyxRQUFPLElBQUksUUFBUSxPQUFPLElBQUksSUFBSTtBQUVwQyxRQUFPOztBQVNULE1BQU0sa0JBQWtCLGFBQStEO0NBQ3JGLE1BQU0sV0FBVyxTQUFTO0FBQzFCLEtBQUksYUFBYSxTQUFTLGFBQWEsTUFDckMsUUFBTztDQUVULE1BQU0sT0FBTyxFQUFFLEdBQUcsVUFBVTtBQUM1QixRQUFPLEtBQUs7QUFDWixRQUFPOztBQUlULE1BQU0sZ0NBQ0osWUFDQSxXQUM0QjtBQUM1QixLQUFJLENBQUMsT0FBTyxpQ0FDVixRQUFPLEVBQUU7Q0FHWCxNQUFNLGNBQWMsV0FBVztBQUMvQixLQUFJLE9BQU8sZ0JBQWdCLFNBQ3pCLFFBQU8sRUFBRTtDQUdYLE1BQU0sZ0JBQWdCLE9BQU8saUNBQWlDO0FBQzlELEtBQUksQ0FBQyxjQUNILFFBQU8sRUFBRTtDQUdYLE1BQU0sa0JBQWtCLFdBQVc7QUFDbkMsS0FDRSxvQkFBb0IsUUFDcEIsb0JBQW9CLFVBQ3BCLE9BQU8sb0JBQW9CLFNBRTNCLFFBQU8sRUFBRTtDQUdYLE1BQU0sT0FBTztDQUNiLE1BQU1BLFNBQWtDLEVBQUU7QUFDMUMsTUFBSyxNQUFNLENBQUMsT0FBTyxnQkFBZ0IsT0FBTyxRQUFRLGNBQWMsQ0FDOUQsS0FBSSxlQUFlLEtBQ2pCLFFBQU8sU0FBUyxLQUFLO0FBR3pCLFFBQU87O0FBR1QsTUFBTSxrQkFBa0IsVUFBNEI7QUFDbEQsS0FBSSxPQUFPLFVBQVUsWUFBWSxNQUFNLFNBQVMsSUFDOUMsUUFBTyxHQUFHLE1BQU0sVUFBVSxHQUFHLEdBQUcsQ0FBQztBQUVuQyxRQUFPOztBQUdULE1BQU0sa0JBQWtCLFFBQTBEO0NBQ2hGLE1BQU1BLFNBQWtDLEVBQUU7QUFDMUMsTUFBSyxNQUFNLENBQUMsS0FBSyxVQUFVLE9BQU8sUUFBUSxJQUFJLENBQzVDLFFBQU8sT0FBTyxlQUFlLE1BQU07QUFFckMsUUFBTzs7QUFHVCxNQUFNLG1CQUFtQixZQUEyQztBQUNsRSxLQUFJLE9BQU8sV0FBVyxlQUFlLE9BQU8sVUFDMUMsUUFBTyxVQUFVLEtBQUssUUFBUTs7QUFJbEMsTUFBYSxnQkFDWCxXQUNBLGVBQ1M7QUFDVCxLQUFJO0VBQ0YsTUFBTSxjQUFjLGlCQUFpQjtBQUVyQyxNQUFJLFlBQVksZ0JBQWdCLEtBQzlCO0VBR0YsTUFBTSxTQUFTO0VBQ2YsTUFBTSxRQUFRLGNBQWMsRUFBRTtFQUU5QixJQUFJLFdBQVcsZUFBZSxPQUFPLE9BQU8sY0FBYztBQUMxRCxhQUFXLGVBQWUsU0FBUztFQUVuQyxNQUFNLG9CQUFvQiw2QkFBNkIsT0FBTyxPQUFPO0VBT3JFLE1BQU0sa0JBQWtCLGVBTEw7R0FDakIsR0FBRyxlQUFlLFNBQVM7R0FDM0IsR0FBRztHQUNKLENBRWlEO0FBRWxELGtCQUFnQjtHQUNkLE9BQU8sT0FBTztHQUNkLEdBQUc7R0FDSixDQUFDO1VBQ0ssS0FBSztBQUNaLFNBQU8sU0FBUyxpQ0FBaUMsS0FBSyxFQUNwRCxXQUNELENBQUMifQ==
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2E0UHJvamVjdGlvblNlcnZpY2UuanMiLCJuYW1lcyI6WyJMb2dnZXIiLCJyZXN1bHQ6IFJlY29yZDxzdHJpbmcsIHVua25vd24+IiwiY3VycmVudDogdW5rbm93biIsImZpbHRlcmVkOiBSZWNvcmQ8c3RyaW5nLCB1bmtub3duPiJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zZXJ2aWNlcy9nYTRQcm9qZWN0aW9uU2VydmljZS9nYTRQcm9qZWN0aW9uU2VydmljZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgTG9nZ2VyIGZyb20gJ3NyYy9hcHBsaWNhdGlvbi9sb2dnaW5nL2xvZ2dlcic7XG5pbXBvcnQgeyBFbnZpdmVNZXRyaWNzRXZlbnROYW1lIH0gZnJvbSAnLi4vYW1wbGl0dWRlU2VydmljZS9ldmVudE5hbWVzJztcbmltcG9ydCB7IEdBNFByb2plY3RlZEV2ZW50Q29uZmlnLCBHQTRfRVZFTlRfU0NIRU1BIH0gZnJvbSAnLi9nYTRFdmVudFNjaGVtYSc7XG5cbmNvbnN0IGxvZ2dlciA9IG5ldyBMb2dnZXIoJ2dhNFByb2plY3Rpb25TZXJ2aWNlJyk7XG5cbmNvbnN0IGZpbHRlclRvU2NoZW1hID0gKFxuICBldmVudFByb3BzOiBSZWNvcmQ8c3RyaW5nLCB1bmtub3duPixcbiAgYWxsb3dlZEZpZWxkczogcmVhZG9ubHkgc3RyaW5nW10sXG4pOiBSZWNvcmQ8c3RyaW5nLCB1bmtub3duPiA9PiB7XG4gIGNvbnN0IHJlc3VsdDogUmVjb3JkPHN0cmluZywgdW5rbm93bj4gPSB7fTtcbiAgZm9yIChjb25zdCBmaWVsZCBvZiBhbGxvd2VkRmllbGRzKSB7XG4gICAgaWYgKGZpZWxkIGluIGV2ZW50UHJvcHMpIHtcbiAgICAgIHJlc3VsdFtmaWVsZF0gPSBldmVudFByb3BzW2ZpZWxkXTtcbiAgICB9XG4gIH1cbiAgcmV0dXJuIHJlc3VsdDtcbn07XG5cbi8vIEZsYXR0ZW4gb25seSB0cnVlIHRvcC1sZXZlbCBuZXN0ZWQgb2JqZWN0cyAoa2V5cyB3aXRoIG5vIGRvdHMpIG9uZSBsZXZlbCBkZWVwLlxuLy8gS2V5cyB0aGF0IGFscmVhZHkgY29udGFpbiBkb3RzIGFyZSBsZWZ0IGludGFjdCBzbyB0aGF0IGUuZy5cbi8vIGB0cmlnZ2VyLndpZGdldF9pbnRlcmFjdGlvbl9kYXRhOiB7IC4uLiB9YCBpcyBwcmVzZXJ2ZWQgZm9yIGRvd25zdHJlYW0gZXh0cmFjdGlvbi5cbmNvbnN0IGZsYXR0ZW5PbmVMZXZlbCA9IChvYmo6IFJlY29yZDxzdHJpbmcsIHVua25vd24+KTogUmVjb3JkPHN0cmluZywgdW5rbm93bj4gPT4ge1xuICBjb25zdCByZXN1bHQ6IFJlY29yZDxzdHJpbmcsIHVua25vd24+ID0ge307XG4gIGZvciAoY29uc3QgW2tleSwgdmFsdWVdIG9mIE9iamVjdC5lbnRyaWVzKG9iaikpIHtcbiAgICBpZiAoXG4gICAgICAha2V5LmluY2x1ZGVzKCcuJykgJiZcbiAgICAgIHZhbHVlICE9PSBudWxsICYmXG4gICAgICB0eXBlb2YgdmFsdWUgPT09ICdvYmplY3QnICYmXG4gICAgICAhQXJyYXkuaXNBcnJheSh2YWx1ZSlcbiAgICApIHtcbiAgICAgIGZvciAoY29uc3QgW3N1YktleSwgc3ViVmFsdWVdIG9mIE9iamVjdC5lbnRyaWVzKHZhbHVlIGFzIFJlY29yZDxzdHJpbmcsIHVua25vd24+KSkge1xuICAgICAgICByZXN1bHRbYCR7a2V5fS4ke3N1YktleX1gXSA9IHN1YlZhbHVlO1xuICAgICAgfVxuICAgIH0gZWxzZSB7XG4gICAgICByZXN1bHRba2V5XSA9IHZhbHVlO1xuICAgIH1cbiAgfVxuICByZXR1cm4gcmVzdWx0O1xufTtcblxuLy8gQXBwbHkgYSBHQTQgcHJvamVjdGlvbiBtYXAgeyBnYTRLZXk6IHNvdXJjZUtleSB9IHRvIGV4dHJhY3QgYW5kIHJlbmFtZSBmaWVsZHMuXG5jb25zdCBmaWx0ZXJXaXRoUHJvamVjdGlvbnMgPSAoXG4gIGV2ZW50UHJvcHM6IFJlY29yZDxzdHJpbmcsIHVua25vd24+LFxuICBwcm9qZWN0aW9uczogUmVjb3JkPHN0cmluZywgc3RyaW5nPixcbik6IFJlY29yZDxzdHJpbmcsIHVua25vd24+ID0+IHtcbiAgY29uc3QgcmVzdWx0OiBSZWNvcmQ8c3RyaW5nLCB1bmtub3duPiA9IHt9O1xuICBmb3IgKGNvbnN0IFtnYTRLZXksIHNvdXJjZUtleV0gb2YgT2JqZWN0LmVudHJpZXMocHJvamVjdGlvbnMpKSB7XG4gICAgaWYgKHNvdXJjZUtleSBpbiBldmVudFByb3BzKSB7XG4gICAgICByZXN1bHRbZ2E0S2V5XSA9IGV2ZW50UHJvcHNbc291cmNlS2V5XTtcbiAgICB9XG4gIH1cbiAgcmV0dXJuIHJlc3VsdDtcbn07XG5cbi8vIFwiY29udGV4dC5wYWdlX3R5cGVcIiDihpIgXCJjb250ZXh0X3BhZ2VfdHlwZVwiXG5jb25zdCBmbGF0dGVuRG90S2V5cyA9IChvYmo6IFJlY29yZDxzdHJpbmcsIHVua25vd24+KTogUmVjb3JkPHN0cmluZywgdW5rbm93bj4gPT4ge1xuICBjb25zdCByZXN1bHQ6IFJlY29yZDxzdHJpbmcsIHVua25vd24+ID0ge307XG4gIGZvciAoY29uc3QgW2tleSwgdmFsdWVdIG9mIE9iamVjdC5lbnRyaWVzKG9iaikpIHtcbiAgICByZXN1bHRba2V5LnJlcGxhY2UoL1xcLi9nLCAnXycpXSA9IHZhbHVlO1xuICB9XG4gIHJldHVybiByZXN1bHQ7XG59O1xuXG4vLyBPbWl0IGNvbnRleHQucGFnZV9pZCBmb3Igbm9uLXBkcC9wbHAgcGFnZSB0eXBlcy4gVGhlIGN1cnJlbnQgaW1wbGVtZW50YXRpb24gZm9yIGNvbnRleHQucGFnZV9pZCBpczpcbi8vIFBEUDogcHJvZHVjdF9pZFxuLy8gUExQOiBwbHBfaWRcbi8vIFNlYXJjaDogc2VhcmNoIHF1ZXJ5XG4vLyBPdGhlcjogcGFnZSB1cmxcbi8vIFdlIHdhbnQgdG8gb21pdCBhbGwgYnV0IHBkcCBhbmQgcGxwIHBhZ2UgdHlwZXMgdG8gcHJvdmlkZSBhIGNsZWFyLCBjb25zaXN0ZW50IGludGVyZmFjZSBmb3IgbWVyY2hhbnRzLlxuLy8gSGFuZGxlcyBib3RoIGRvdC1ub3RhdGlvbiBrZXlzIChhbGxvd2VkRmllbGRzIHBhdGgpIGFuZCByZW5hbWVkIEdBNCBrZXlzIChmaWVsZFByb2plY3Rpb25zIHBhdGgpLlxuY29uc3Qgc2FuaXRpemVQYWdlSWQgPSAoZmlsdGVyZWQ6IFJlY29yZDxzdHJpbmcsIHVua25vd24+KTogUmVjb3JkPHN0cmluZywgdW5rbm93bj4gPT4ge1xuICBjb25zdCBwYWdlVHlwZSA9IGZpbHRlcmVkWydwYWdlX3R5cGUnXSA/PyBmaWx0ZXJlZFsnY29udGV4dC5wYWdlX3R5cGUnXTtcbiAgaWYgKHBhZ2VUeXBlID09PSAncGRwJyB8fCBwYWdlVHlwZSA9PT0gJ3BscCcpIHtcbiAgICByZXR1cm4gZmlsdGVyZWQ7XG4gIH1cbiAgY29uc3QgcmVzdCA9IHsgLi4uZmlsdGVyZWQgfTtcbiAgZGVsZXRlIHJlc3RbJ3BhZ2VfaWQnXTtcbiAgZGVsZXRlIHJlc3RbJ2NvbnRleHQucGFnZV9pZCddO1xuICByZXR1cm4gcmVzdDtcbn07XG5cbmNvbnN0IGdldE5lc3RlZFZhbHVlID0gKG9iajogUmVjb3JkPHN0cmluZywgdW5rbm93bj4sIHBhdGg6IHN0cmluZyk6IHVua25vd24gPT4ge1xuICBjb25zdCBwYXJ0cyA9IHBhdGguc3BsaXQoJy4nKTtcbiAgbGV0IGN1cnJlbnQ6IHVua25vd24gPSBvYmo7XG4gIGZvciAoY29uc3QgcGFydCBvZiBwYXJ0cykge1xuICAgIGlmIChjdXJyZW50ID09PSBudWxsIHx8IHR5cGVvZiBjdXJyZW50ICE9PSAnb2JqZWN0JykgcmV0dXJuIHVuZGVmaW5lZDtcbiAgICBjdXJyZW50ID0gKGN1cnJlbnQgYXMgUmVjb3JkPHN0cmluZywgdW5rbm93bj4pW3BhcnRdO1xuICB9XG4gIHJldHVybiBjdXJyZW50O1xufTtcblxuLy8gRXh0cmFjdCB3aGl0ZWxpc3RlZCBzdWItZmllbGRzIGZyb20gdHJpZ2dlci53aWRnZXRfaW50ZXJhY3Rpb25fZGF0YVxuY29uc3QgcHJvamVjdFdpZGdldEludGVyYWN0aW9uRGF0YSA9IChcbiAgZXZlbnRQcm9wczogUmVjb3JkPHN0cmluZywgdW5rbm93bj4sXG4gIGNvbmZpZzogR0E0UHJvamVjdGVkRXZlbnRDb25maWcsXG4pOiBSZWNvcmQ8c3RyaW5nLCB1bmtub3duPiA9PiB7XG4gIGlmICghY29uZmlnLndpZGdldEludGVyYWN0aW9uRGF0YVByb2plY3Rpb25zKSB7XG4gICAgcmV0dXJuIHt9O1xuICB9XG5cbiAgY29uc3QgaW50ZXJhY3Rpb24gPSBldmVudFByb3BzWyd0cmlnZ2VyLndpZGdldF9pbnRlcmFjdGlvbiddO1xuICBpZiAodHlwZW9mIGludGVyYWN0aW9uICE9PSAnc3RyaW5nJykge1xuICAgIHJldHVybiB7fTtcbiAgfVxuXG4gIGNvbnN0IHByb2plY3Rpb25NYXAgPSBjb25maWcud2lkZ2V0SW50ZXJhY3Rpb25EYXRhUHJvamVjdGlvbnNbaW50ZXJhY3Rpb25dO1xuICBpZiAoIXByb2plY3Rpb25NYXApIHtcbiAgICByZXR1cm4ge307XG4gIH1cblxuICBjb25zdCBpbnRlcmFjdGlvbkRhdGEgPSBldmVudFByb3BzWyd0cmlnZ2VyLndpZGdldF9pbnRlcmFjdGlvbl9kYXRhJ107XG4gIGlmIChcbiAgICBpbnRlcmFjdGlvbkRhdGEgPT09IG51bGwgfHxcbiAgICBpbnRlcmFjdGlvbkRhdGEgPT09IHVuZGVmaW5lZCB8fFxuICAgIHR5cGVvZiBpbnRlcmFjdGlvbkRhdGEgIT09ICdvYmplY3QnXG4gICkge1xuICAgIHJldHVybiB7fTtcbiAgfVxuXG4gIGNvbnN0IGRhdGEgPSBpbnRlcmFjdGlvbkRhdGEgYXMgUmVjb3JkPHN0cmluZywgdW5rbm93bj47XG4gIGNvbnN0IHJlc3VsdDogUmVjb3JkPHN0cmluZywgdW5rbm93bj4gPSB7fTtcbiAgZm9yIChjb25zdCBbZ2FLZXksIHNvdXJjZVBhdGhdIG9mIE9iamVjdC5lbnRyaWVzKHByb2plY3Rpb25NYXApKSB7XG4gICAgY29uc3QgdmFsdWUgPSBnZXROZXN0ZWRWYWx1ZShkYXRhLCBzb3VyY2VQYXRoKTtcbiAgICBpZiAodmFsdWUgIT09IHVuZGVmaW5lZCkge1xuICAgICAgcmVzdWx0W2dhS2V5XSA9IHZhbHVlO1xuICAgIH1cbiAgfVxuICByZXR1cm4gcmVzdWx0O1xufTtcblxuY29uc3QgdHJ1bmNhdGVTdHJpbmcgPSAodmFsdWU6IHVua25vd24pOiB1bmtub3duID0+IHtcbiAgaWYgKHR5cGVvZiB2YWx1ZSA9PT0gJ3N0cmluZycgJiYgdmFsdWUubGVuZ3RoID4gMTAwKSB7XG4gICAgcmV0dXJuIGAke3ZhbHVlLnN1YnN0cmluZygwLCA5Nyl9Li4uYDtcbiAgfVxuICByZXR1cm4gdmFsdWU7XG59O1xuXG5jb25zdCB0cnVuY2F0ZVZhbHVlcyA9IChvYmo6IFJlY29yZDxzdHJpbmcsIHVua25vd24+KTogUmVjb3JkPHN0cmluZywgdW5rbm93bj4gPT4ge1xuICBjb25zdCByZXN1bHQ6IFJlY29yZDxzdHJpbmcsIHVua25vd24+ID0ge307XG4gIGZvciAoY29uc3QgW2tleSwgdmFsdWVdIG9mIE9iamVjdC5lbnRyaWVzKG9iaikpIHtcbiAgICByZXN1bHRba2V5XSA9IHRydW5jYXRlU3RyaW5nKHZhbHVlKTtcbiAgfVxuICByZXR1cm4gcmVzdWx0O1xufTtcblxuY29uc3QgcHVzaFRvRGF0YUxheWVyID0gKGdhRXZlbnQ6IFJlY29yZDxzdHJpbmcsIHVua25vd24+KTogdm9pZCA9PiB7XG4gIGlmICh0eXBlb2Ygd2luZG93ICE9PSAndW5kZWZpbmVkJyAmJiB3aW5kb3cuZGF0YUxheWVyKSB7XG4gICAgd2luZG93LmRhdGFMYXllci5wdXNoKGdhRXZlbnQpO1xuICB9XG59O1xuXG5leHBvcnQgY29uc3QgcHJvamVjdFRvR0E0ID0gKFxuICBldmVudE5hbWU6IEVudml2ZU1ldHJpY3NFdmVudE5hbWUsXG4gIGV2ZW50UHJvcHM/OiBSZWNvcmQ8c3RyaW5nLCB1bmtub3duPixcbik6IHZvaWQgPT4ge1xuICB0cnkge1xuICAgIGNvbnN0IHNjaGVtYUVudHJ5ID0gR0E0X0VWRU5UX1NDSEVNQVtldmVudE5hbWVdO1xuXG4gICAgaWYgKHNjaGVtYUVudHJ5LmdhRXZlbnROYW1lID09PSBudWxsKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY29uc3QgY29uZmlnID0gc2NoZW1hRW50cnk7XG4gICAgY29uc3QgcHJvcHMgPSBmbGF0dGVuT25lTGV2ZWwoZXZlbnRQcm9wcyA/PyB7fSk7XG5cbiAgICBsZXQgZmlsdGVyZWQ6IFJlY29yZDxzdHJpbmcsIHVua25vd24+O1xuICAgIGlmIChjb25maWcuZmllbGRQcm9qZWN0aW9ucykge1xuICAgICAgZmlsdGVyZWQgPSBmaWx0ZXJXaXRoUHJvamVjdGlvbnMocHJvcHMsIGNvbmZpZy5maWVsZFByb2plY3Rpb25zKTtcbiAgICB9IGVsc2Uge1xuICAgICAgZmlsdGVyZWQgPSBmaWx0ZXJUb1NjaGVtYShwcm9wcywgY29uZmlnLmFsbG93ZWRGaWVsZHMpO1xuICAgIH1cbiAgICBmaWx0ZXJlZCA9IHNhbml0aXplUGFnZUlkKGZpbHRlcmVkKTtcblxuICAgIGNvbnN0IGludGVyYWN0aW9uRmllbGRzID0gcHJvamVjdFdpZGdldEludGVyYWN0aW9uRGF0YShwcm9wcywgY29uZmlnKTtcblxuICAgIGNvbnN0IGZsYXRQYXJhbXMgPSB7XG4gICAgICAuLi5mbGF0dGVuRG90S2V5cyhmaWx0ZXJlZCksXG4gICAgICAuLi5pbnRlcmFjdGlvbkZpZWxkcyxcbiAgICB9O1xuXG4gICAgY29uc3QgdHJ1bmNhdGVkUGFyYW1zID0gdHJ1bmNhdGVWYWx1ZXMoZmxhdFBhcmFtcyk7XG5cbiAgICBwdXNoVG9EYXRhTGF5ZXIoe1xuICAgICAgZXZlbnQ6IGNvbmZpZy5nYUV2ZW50TmFtZSxcbiAgICAgIC4uLnRydW5jYXRlZFBhcmFtcyxcbiAgICB9KTtcbiAgfSBjYXRjaCAoZXJyKSB7XG4gICAgbG9nZ2VyLmxvZ0Vycm9yKCdFcnJvciBwcm9qZWN0aW5nIGV2ZW50IHRvIEdBNCcsIGVyciwge1xuICAgICAgZXZlbnROYW1lLFxuICAgIH0pO1xu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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@envive-ai/react-hooks",
-  "version": "0.3.22",
+  "version": "0.3.24",
   "description": "React hooks for connecting to Envive AI services.",
   "keywords": [
     "react",

package/src/application/models/featureGates.ts

@@ -27,4 +27,5 @@ export enum FeatureGates {
   IsAiSuggestionsVariantEnabled = 'is_ai_suggestions_variant_enabled',
   IsAiSuggestionsVariantAEnabled = 'is_ai_suggestions_variant_a_enabled',
   IsAiSuggestionsVariantBEnabled = 'is_ai_suggestions_variant_b_enabled',
+  IsVoiceInputEnabled = 'is_voice_input_enabled',
 }

package/src/atoms/chat/chatState.ts

@@ -26,6 +26,7 @@ export const initializedAtom = atom<boolean>(false);
 export const chatIsOpenAtom = atom<boolean>(false);
 export const requestFailureAtom = atom<boolean>(false);
 export const formSubmitAtom = atom<FormSubmittedAttributes>();
+export const listeningToSpeechAtom = atom<'start' | 'stop' | 'abort' | undefined>(undefined);
 export const chatOnToggleAtom = atom(
   null,
   (

package/src/contexts/graphqlContext/graphqlContext.tsx

@@ -254,21 +254,19 @@ export const GraphQLProvider = ({
       const isSemanticColors = !window.location.href.includes('globals=merchant');
       const isStorybook = window.top?.location.href.includes('?path=');
 
-      // If the v3 root config is not found and we are configured to return the deprecated config, we will return the mocked config
-      if ((!v3RootConfig && mockV3ConfigToDeprecatedConfig) || (isStorybook && isSemanticColors)) {
+      // If no v3 colors are found, return the default mock config to allow unconfigured merchants to work by default
+      if (!v3RootConfig?.colors || (isStorybook && isSemanticColors)) {
         logger.logDebug('GraphQLContext | Returning mock v3 config', {
-          colorsConfig: mockV3ColorsConfig as ColorsConfigV3Response,
+          colorsConfig: mockV3ColorsConfig,
           frontendConfig: mockV3FrontendConfig as FrontendConfigV3Response,
         });
         const colorsConfig = mockV3ColorsConfig;
         const frontendConfig = mockV3FrontendConfig;
         return {
-          colorsConfig: isSemanticColors
-            ? (colorsConfig as ColorsConfigV3Response)
-            : (v3ColorsConfig as ColorsConfigV3Response),
+          colorsConfig,
           frontendConfig: frontendConfig as FrontendConfigV3Response,
           orgPageConfig: {
-            pageVariants: [],
+            pageVariants: DEFAULT_PAGE_VARIANTS,
             widgetConfigs: {},
             mountingConfigs: {},
           },
@@ -277,7 +275,7 @@ export const GraphQLProvider = ({
 
       logger.logDebug('GraphQLContext | Returning v3 config', {
         colorsConfig: v3ColorsConfig as ColorsConfigV3Response,
-        frontendConfig: v3FrontendConfig as FrontendConfigV3Response,
+        frontendConfig: v3FrontendConfig,
         orgPageConfig: {
           pageVariants: v3pageVariants,
           widgetConfigs: v3WidgetConfigs,

package/src/contexts/hardcopyContext/hardcopyContext.tsx

@@ -219,10 +219,18 @@ export const HardcopyProvider: React.FC<HardcopyProviderProps> = ({
   const { featureFlagService } = useFeatureFlagService();
   const getHardcopyFromBackend = useCallback(
     async (request: HardcopyRequest): Promise<HardcopyResponse> => {
-      if (hardcopyOverride?.[request.widgetType]) {
+      const fallbackWidgetType =
+        request.widgetType === WidgetTypeV3.ProductCardV3
+          ? WidgetTypeV3.ImagePromptCardV3
+          : request.widgetType;
+
+      const overrideEntry =
+        hardcopyOverride?.[request.widgetType] ?? hardcopyOverride?.[fallbackWidgetType];
+      if (overrideEntry) {
         logger.logDebug('using hardcopy override', request.widgetType);
-        return hardcopyOverride[request.widgetType]!;
+        return overrideEntry;
       }
+
       const overrideConfigVersion =
         getQueryParam('spiffy_config_version') ||
         getQueryParam('envive_config_version') ||

package/src/contexts/salesAgentContext/chatAPI.ts

@@ -14,6 +14,7 @@ import {
 import { hasParsedVariantInfoAtom } from 'src/atoms/app';
 import { analyticsContextAtom } from 'src/atoms/app/variant';
 import { formSubmitAtom, replyEventCategoryAtom } from 'src/atoms/chat';
+import { suggestionsAtom } from 'src/atoms/chat/chatState';
 import { queueUserEventAtom } from 'src/atoms/chat/messageQueue';
 import { useWidgetInteraction } from 'src/hooks/WidgetInteraction';
 import {
@@ -56,6 +57,7 @@ export const useSalesAgentChatAPI = (widget?: WidgetInteractionComponent) => {
   const context = useAtomValue(analyticsContextAtom);
   const hasParsedVariantInfo = useAtomValue(hasParsedVariantInfoAtom);
   const queueUserEvent = useSetAtom(queueUserEventAtom);
+  const setSuggestions = useSetAtom(suggestionsAtom);
   const setReplyEventCategory = useSetAtom(replyEventCategoryAtom);
   const setFormSubmit = useSetAtom(formSubmitAtom);
   const { trackEvent } = useAmplitude();
@@ -164,9 +166,10 @@ export const useSalesAgentChatAPI = (widget?: WidgetInteractionComponent) => {
           content: suggestion.content,
         },
       };
+      setSuggestions([]);
       queueUserEvent(event);
     },
-    [queueUserEvent, trackEvent, context],
+    [queueUserEvent, setSuggestions, trackEvent, context],
   );
   const onTypedMessageSubmitted = useCallback(
     ({
@@ -229,9 +232,10 @@ export const useSalesAgentChatAPI = (widget?: WidgetInteractionComponent) => {
           userTyped,
         },
       };
+      setSuggestions([]);
       queueUserEvent(event);
     },
-    [queueUserEvent, trackEvent, context],
+    [queueUserEvent, setSuggestions, trackEvent, context],
   );
   const onFormResponseSubmitted = useCallback(
     (form: FormSubmittedAttributes) => {

package/src/contexts/typesV3.ts

@@ -156,6 +156,7 @@ type LookAndFeelConfig = {
   chatHeaderLogoLightSrc: string;
   widgetLogoSrc: string;
   hideWidgetLogo: boolean;
+  voiceInputEnabled?: boolean;
   elementRadius: number;
   imageAspectRatio: ImageAspectRatio;
   buttonColors: ButtonColors;

package/src/hooks/TrackComponentVisibleEvent/useTrackComponentVisibleEvent.ts

@@ -1,6 +1,10 @@
+import { useAtomValue } from 'jotai';
 import { RefObject, useEffect, useRef } from 'react';
-import { useIntersection } from 'src/hooks/Intersection/useIntersection';
+import { pageVariantInfoAtom } from 'src/atoms/app';
 import { useAmplitude } from 'src/contexts/amplitudeContext/amplitudeContext';
+import { PageVariantInfo } from 'src/contexts/pageContext/types';
+import { useIntersection } from 'src/hooks/Intersection/useIntersection';
+import { extractPageContext } from 'src/hooks/WidgetInteraction/utils';
 import {
   EnviveMetricsEventName,
   SpiffyMetricsEventName,
@@ -23,6 +27,7 @@ export const useTrackComponentVisibleEvent = (
   const isVisible = useIntersection(element, rootMargin);
   const hasTrackedEvent = useRef(false);
   const { trackEvent } = useAmplitude();
+  const variantInfo = useAtomValue(pageVariantInfoAtom);
 
   useEffect(() => {
     if (!enabled || hasTrackedEvent.current) {
@@ -37,7 +42,10 @@ export const useTrackComponentVisibleEvent = (
         eventName: EnviveMetricsEventName.WidgetRendered,
         eventProps: {
           ...eventProps,
-          'trigger.widget': eventProps?.widget_type,
+          trigger: {
+            widget: eventProps?.widget_type,
+          },
+          context: variantInfo ? extractPageContext(variantInfo as PageVariantInfo) : null,
         },
       });
       hasTrackedEvent.current = true;

package/src/hooks/WidgetInteraction/types.ts

@@ -62,6 +62,8 @@ export enum WidgetInteractionType {
   REVIEW_CARD_CLICKED = 'review_card_clicked',
   MESSAGE_SUBMITTED = 'message_submitted',
   MANUAL_SCROLL_TO_BOTTOM = 'manual_scroll_to_bottom',
+  VOICE_TRANSCRIPTION_STARTED = 'voice_transcription_started',
+  VOICE_TRANSCRIPTION_COMPLETED = 'voice_transcription_completed',
 }
 
 export enum InteractionClass {
@@ -85,6 +87,8 @@ export const INTERACTION_TYPE_CLASS: Record<WidgetInteractionType, InteractionCl
   [WidgetInteractionType.REVIEW_CARD_CLICKED]: InteractionClass.INTENTIONAL,
   [WidgetInteractionType.MESSAGE_SUBMITTED]: InteractionClass.INTENTIONAL,
   [WidgetInteractionType.MANUAL_SCROLL_TO_BOTTOM]: InteractionClass.PASSIVE,
+  [WidgetInteractionType.VOICE_TRANSCRIPTION_STARTED]: InteractionClass.INTENTIONAL,
+  [WidgetInteractionType.VOICE_TRANSCRIPTION_COMPLETED]: InteractionClass.INTENTIONAL,
 };
 
 export type URL = {
@@ -151,6 +155,10 @@ export type MessageSubmitted = {
   message_submitted: Request;
 };
 
+export type VoiceTranscription = {
+  transcription: string;
+};
+
 export type WidgetInteractionData =
   | SuggestionScrolled
   | SuggestionClicked
@@ -161,4 +169,5 @@ export type WidgetInteractionData =
   | ArticleLinkClicked
   | ProductCardClicked
   | ReviewCardClicked
-  | MessageSubmitted;
+  | MessageSubmitted
+  | VoiceTranscription;

package/src/services/ga4ProjectionService/__tests__/ga4ProjectionService.test.ts

@@ -28,34 +28,46 @@ describe('projectToGA4', () => {
   });
 
   describe('Widget Rendered', () => {
-    it('should push filtered and flattened props', () => {
+    it('should push renamed GA4 fields from nested input', () => {
       projectToGA4(EnviveMetricsEventName.WidgetRendered, {
-        'context.page_type': 'pdp',
-        'context.page_id': 'product-123',
-        'trigger.widget': 'floating_button',
-        'trigger.interaction_id': 'abc-123',
+        trigger: { widget: 'floating_button' },
+        context: { page_type: 'pdp', page_id: 'product-123' },
       });
 
       expect(window.dataLayer).toHaveLength(1);
       expect(window.dataLayer[0]).toEqual({
         event: 'envive_widget_rendered',
-        context_page_type: 'pdp',
-        context_page_id: 'product-123',
-        trigger_widget: 'floating_button',
+        page_type: 'pdp',
+        page_id: 'product-123',
+        widget: 'floating_button',
       });
     });
 
-    it('should exclude fields not in allowedFields', () => {
+    it('should also accept flat dot-notation input', () => {
       projectToGA4(EnviveMetricsEventName.WidgetRendered, {
         'context.page_type': 'pdp',
         'context.page_id': 'product-123',
         'trigger.widget': 'floating_button',
-        'trigger.interaction_id': 'should-be-dropped',
+        'trigger.interaction_id': 'abc-123',
+      });
+
+      expect(window.dataLayer[0]).toEqual({
+        event: 'envive_widget_rendered',
+        page_type: 'pdp',
+        page_id: 'product-123',
+        widget: 'floating_button',
+      });
+    });
+
+    it('should exclude fields not in fieldProjections', () => {
+      projectToGA4(EnviveMetricsEventName.WidgetRendered, {
+        trigger: { widget: 'floating_button', interaction_id: 'should-be-dropped' },
+        context: { page_type: 'pdp', page_id: 'product-123' },
         'some.random_field': 'also-dropped',
       });
 
       const pushed = window.dataLayer[0];
-      expect(pushed).not.toHaveProperty('trigger_interaction_id');
+      expect(pushed).not.toHaveProperty('interaction_id');
       expect(pushed).not.toHaveProperty('some_random_field');
     });
   });
@@ -63,97 +75,146 @@ describe('projectToGA4', () => {
   describe('page_id sanitization', () => {
     it('should keep page_id for pdp page type', () => {
       projectToGA4(EnviveMetricsEventName.WidgetRendered, {
-        'context.page_type': 'pdp',
-        'context.page_id': 'product-123',
-        'trigger.widget': 'floating_button',
+        trigger: { widget: 'floating_button' },
+        context: { page_type: 'pdp', page_id: 'product-123' },
       });
 
-      expect(window.dataLayer[0]).toHaveProperty('context_page_id', 'product-123');
+      expect(window.dataLayer[0]).toHaveProperty('page_id', 'product-123');
     });
 
     it('should keep page_id for plp page type', () => {
       projectToGA4(EnviveMetricsEventName.WidgetRendered, {
-        'context.page_type': 'plp',
-        'context.page_id': 'category-456',
-        'trigger.widget': 'floating_button',
+        trigger: { widget: 'floating_button' },
+        context: { page_type: 'plp', page_id: 'category-456' },
       });
 
-      expect(window.dataLayer[0]).toHaveProperty('context_page_id', 'category-456');
+      expect(window.dataLayer[0]).toHaveProperty('page_id', 'category-456');
     });
 
     it('should omit page_id for search page type', () => {
       projectToGA4(EnviveMetricsEventName.WidgetRendered, {
-        'context.page_type': 'search',
-        'context.page_id': 'some search query',
-        'trigger.widget': 'floating_button',
+        trigger: { widget: 'floating_button' },
+        context: { page_type: 'search', page_id: 'some search query' },
       });
 
-      expect(window.dataLayer[0]).not.toHaveProperty('context_page_id');
+      expect(window.dataLayer[0]).not.toHaveProperty('page_id');
     });
 
     it('should omit page_id for homepage page type', () => {
       projectToGA4(EnviveMetricsEventName.WidgetRendered, {
-        'context.page_type': 'homepage',
-        'context.page_id': 'https://example.com',
-        'trigger.widget': 'floating_button',
+        trigger: { widget: 'floating_button' },
+        context: { page_type: 'homepage', page_id: 'https://example.com' },
       });
 
-      expect(window.dataLayer[0]).not.toHaveProperty('context_page_id');
+      expect(window.dataLayer[0]).not.toHaveProperty('page_id');
     });
 
     it('should omit page_id for other page type', () => {
       projectToGA4(EnviveMetricsEventName.WidgetRendered, {
-        'context.page_type': 'other',
-        'context.page_id': 'https://example.com/about',
-        'trigger.widget': 'floating_button',
+        trigger: { widget: 'floating_button' },
+        context: { page_type: 'other', page_id: 'https://example.com/about' },
       });
 
-      expect(window.dataLayer[0]).not.toHaveProperty('context_page_id');
+      expect(window.dataLayer[0]).not.toHaveProperty('page_id');
     });
   });
 
   describe('Widget Interaction', () => {
-    it('should push base fields and flatten dot keys', () => {
+    it('should push renamed GA4 fields (flat dot-notation input)', () => {
       projectToGA4(EnviveMetricsEventName.WidgetInteraction, {
         'context.page_type': 'pdp',
         'context.page_id': 'product-123',
         'trigger.widget': 'chat_overlay',
         'trigger.widget_interaction': 'link_clicked',
+        'trigger.interaction_class': 'intentional',
       });
 
       expect(window.dataLayer[0]).toEqual({
         event: 'envive_widget_interaction',
-        context_page_type: 'pdp',
-        context_page_id: 'product-123',
-        trigger_widget: 'chat_overlay',
-        trigger_widget_interaction: 'link_clicked',
+        page_type: 'pdp',
+        page_id: 'product-123',
+        widget: 'chat_overlay',
+        interaction_type: 'link_clicked',
+        interaction_class: 'intentional',
       });
     });
 
-    it('should extract collapse_source from widget_interaction_data for widget_collapsed', () => {
+    it('should project from real Amplitude nested-object props', () => {
+      projectToGA4(EnviveMetricsEventName.WidgetInteraction, {
+        trigger: {
+          widget: 'floating_button',
+          widget_interaction: 'widget_clicked',
+          interaction_id: '604a2e2c-9848-41dd-a2b1-cb5b8612ec08',
+          interaction_class: 'intentional',
+        },
+        context: {
+          page_id: 'hsa-fsa-eligible',
+          page_type: 'plp',
+        },
+        'environment.execution_context': 'bundle',
+        'org.short_name': 'dermalogica',
+      });
+
+      expect(window.dataLayer[0]).toEqual({
+        event: 'envive_widget_interaction',
+        page_type: 'plp',
+        page_id: 'hsa-fsa-eligible',
+        widget: 'floating_button',
+        interaction_type: 'widget_clicked',
+        interaction_class: 'intentional',
+      });
+    });
+
+    it('should omit page_id for non-pdp/plp page types (nested input)', () => {
+      projectToGA4(EnviveMetricsEventName.WidgetInteraction, {
+        trigger: { widget: 'floating_button', widget_interaction: 'widget_clicked' },
+        context: { page_type: 'homepage', page_id: 'https://example.com' },
+      });
+
+      expect(window.dataLayer[0]).not.toHaveProperty('page_id');
+      expect(window.dataLayer[0]).toHaveProperty('page_type', 'homepage');
+    });
+
+    it('should extract interaction_collapse_source from widget_interaction_data for widget_collapsed', () => {
       projectToGA4(EnviveMetricsEventName.WidgetInteraction, {
         'context.page_type': 'pdp',
         'context.page_id': 'product-123',
         'trigger.widget': 'chat_overlay',
         'trigger.widget_interaction': 'widget_collapsed',
-        'trigger.widget_interaction_data': { collapse_source: 'close_button' },
+        'trigger.widget_interaction_data': {
+          widget_collapsed: { collapse_source: 'close_button' },
+        },
+      });
+
+      expect(window.dataLayer[0]).toHaveProperty('interaction_collapse_source', 'close_button');
+    });
+
+    it('should extract interaction_collapse_source from nested real-data trigger object', () => {
+      projectToGA4(EnviveMetricsEventName.WidgetInteraction, {
+        trigger: {
+          widget: 'floating_button',
+          widget_interaction: 'widget_collapsed',
+          interaction_class: 'navigational',
+          widget_interaction_data: { widget_collapsed: { collapse_source: 'swipe' } },
+        },
+        context: { page_type: 'pdp', page_id: 'product-123' },
       });
 
-      expect(window.dataLayer[0]).toHaveProperty('trigger_collapse_source', 'close_button');
+      expect(window.dataLayer[0]).toHaveProperty('interaction_collapse_source', 'swipe');
+      expect(window.dataLayer[0]).toHaveProperty('interaction_class', 'navigational');
     });
 
-    it('should extract product_id from widget_interaction_data for product_card_clicked', () => {
+    it('should extract interaction_product_id from widget_interaction_data for product_card_clicked', () => {
       projectToGA4(EnviveMetricsEventName.WidgetInteraction, {
         'context.page_type': 'pdp',
         'context.page_id': 'product-123',
         'trigger.widget': 'chat_overlay',
         'trigger.widget_interaction': 'product_card_clicked',
-        'trigger.widget_interaction_data': { product_id: 'sku-789', url: 'https://example.com' },
+        'trigger.widget_interaction_data': { product_card_clicked: { product_id: 'sku-789' } },
       });
 
       const pushed = window.dataLayer[0];
-      expect(pushed).toHaveProperty('trigger_product_id', 'sku-789');
-      expect(pushed).not.toHaveProperty('url');
+      expect(pushed).toHaveProperty('interaction_product_id', 'sku-789');
     });
 
     it('should extract suggestion_id from widget_interaction_data for suggestion_scrolled', () => {
@@ -162,10 +223,10 @@ describe('projectToGA4', () => {
         'context.page_id': 'product-123',
         'trigger.widget': 'chat_overlay',
         'trigger.widget_interaction': 'suggestion_scrolled',
-        'trigger.widget_interaction_data': { suggestion_id: 'sug-456' },
+        'trigger.widget_interaction_data': { suggestion_scrolled: { suggestion_id: 'sug-456' } },
       });
 
-      expect(window.dataLayer[0]).toHaveProperty('trigger_suggestion_id', 'sug-456');
+      expect(window.dataLayer[0]).toHaveProperty('interaction_suggestion_id', 'sug-456');
     });
 
     it('should drop widget_interaction_data for unwhitelisted interactions', () => {
@@ -281,8 +342,8 @@ describe('projectToGA4', () => {
 
       expect(window.dataLayer[0]).toEqual({
         event: 'envive_page_context_evaluated',
-        context_page_type: 'pdp',
-        context_page_id: 'product-123',
+        page_type: 'pdp',
+        page_id: 'product-123',
         context_supported: true,
         context_ready: true,
         context_page_variant_id: 'variant-A',
@@ -300,8 +361,8 @@ describe('projectToGA4', () => {
       });
 
       const pushed = window.dataLayer[0];
-      expect(pushed).not.toHaveProperty('context_page_id');
-      expect(pushed).toHaveProperty('context_page_type', 'search');
+      expect(pushed).not.toHaveProperty('page_id');
+      expect(pushed).toHaveProperty('page_type', 'search');
     });
   });