@envive-ai/react-hooks 0.3.14 → 0.3.15-beta.1

package/dist/hooks/WidgetInteraction/utils.cjs

@@ -0,0 +1,34 @@
+const require_variantInfo = require('../../application/models/variantInfo/variantInfo.cjs');
+require('../../application/models/index.cjs');
+const require_hooks_WidgetInteraction_types = require('./types.cjs');
+
+//#region src/hooks/WidgetInteraction/utils.ts
+const extractPageContext = (pageVariant) => {
+	switch (pageVariant.variantType) {
+		case require_variantInfo.VariantTypeEnum.Pdp: return {
+			page_id: pageVariant.productId,
+			page_type: require_hooks_WidgetInteraction_types.WidgetInteractionPageType.PDP
+		};
+		case require_variantInfo.VariantTypeEnum.Plp: return {
+			page_id: pageVariant.plpId,
+			page_type: require_hooks_WidgetInteraction_types.WidgetInteractionPageType.PLP
+		};
+		case require_variantInfo.VariantTypeEnum.Home: return {
+			page_id: pageVariant.url,
+			page_type: require_hooks_WidgetInteraction_types.WidgetInteractionPageType.HOMEPAGE
+		};
+		case require_variantInfo.VariantTypeEnum.Other: return {
+			page_id: pageVariant.url,
+			page_type: require_hooks_WidgetInteraction_types.WidgetInteractionPageType.OTHER
+		};
+		case require_variantInfo.VariantTypeEnum.FullPageSalesAgent: return {
+			page_id: pageVariant.url,
+			page_type: require_hooks_WidgetInteraction_types.WidgetInteractionPageType.FULL_PAGE
+		};
+	}
+	return null;
+};
+
+//#endregion
+exports.extractPageContext = extractPageContext;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXRpbHMuY2pzIiwibmFtZXMiOlsiVmFyaWFudFR5cGVFbnVtIiwiV2lkZ2V0SW50ZXJhY3Rpb25QYWdlVHlwZSJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9ob29rcy9XaWRnZXRJbnRlcmFjdGlvbi91dGlscy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBWYXJpYW50VHlwZUVudW0gfSBmcm9tICdzcmMvYXBwbGljYXRpb24vbW9kZWxzJztcbmltcG9ydCB7XG4gIEZ1bGxQYWdlU2FsZXNBZ2VudFZhcmlhbnRJbmZvLFxuICBIb21lVmFyaWFudEluZm8sXG4gIE90aGVyVmFyaWFudEluZm8sXG4gIFBhZ2VWYXJpYW50SW5mbyxcbiAgUERQUGFnZVZhcmlhbnRJbmZvLFxuICBQTFBQYWdlVmFyaWFudEluZm8sXG59IGZyb20gJy4uLy4uL2NvbnRleHRzL3BhZ2VDb250ZXh0L3R5cGVzJztcbmltcG9ydCB7IFdpZGdldEludGVyYWN0aW9uQ29udGV4dCwgV2lkZ2V0SW50ZXJhY3Rpb25QYWdlVHlwZSB9IGZyb20gJy4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgZXh0cmFjdFBhZ2VDb250ZXh0ID0gKFxuICBwYWdlVmFyaWFudDogUGFnZVZhcmlhbnRJbmZvLFxuKTogV2lkZ2V0SW50ZXJhY3Rpb25Db250ZXh0IHwgbnVsbCA9PiB7XG4gIHN3aXRjaCAocGFnZVZhcmlhbnQudmFyaWFudFR5cGUpIHtcbiAgICBjYXNlIFZhcmlhbnRUeXBlRW51bS5QZHA6XG4gICAgICByZXR1cm4ge1xuICAgICAgICBwYWdlX2lkOiAocGFnZVZhcmlhbnQgYXMgUERQUGFnZVZhcmlhbnRJbmZvKS5wcm9kdWN0SWQsXG4gICAgICAgIHBhZ2VfdHlwZTogV2lkZ2V0SW50ZXJhY3Rpb25QYWdlVHlwZS5QRFAsXG4gICAgICB9O1xuICAgIGNhc2UgVmFyaWFudFR5cGVFbnVtLlBscDpcbiAgICAgIHJldHVybiB7XG4gICAgICAgIHBhZ2VfaWQ6IChwYWdlVmFyaWFudCBhcyBQTFBQYWdlVmFyaWFudEluZm8pLnBscElkLFxuICAgICAgICBwYWdlX3R5cGU6IFdpZGdldEludGVyYWN0aW9uUGFnZVR5cGUuUExQLFxuICAgICAgfTtcbiAgICBjYXNlIFZhcmlhbnRUeXBlRW51bS5Ib21lOlxuICAgICAgcmV0dXJuIHtcbiAgICAgICAgcGFnZV9pZDogKHBhZ2VWYXJpYW50IGFzIEhvbWVWYXJpYW50SW5mbykudXJsLFxuICAgICAgICBwYWdlX3R5cGU6IFdpZGdldEludGVyYWN0aW9uUGFnZVR5cGUuSE9NRVBBR0UsXG4gICAgICB9O1xuICAgIGNhc2UgVmFyaWFudFR5cGVFbnVtLk90aGVyOlxuICAgICAgcmV0dXJuIHtcbiAgICAgICAgcGFnZV9pZDogKHBhZ2VWYXJpYW50IGFzIE90aGVyVmFyaWFudEluZm8pLnVybCxcbiAgICAgICAgcGFnZV90eXBlOiBXaWRnZXRJbnRlcmFjdGlvblBhZ2VUeXBlLk9USEVSLFxuICAgICAgfTtcbiAgICBjYXNlIFZhcmlhbnRUeXBlRW51bS5GdWxsUGFnZVNhbGVzQWdlbnQ6XG4gICAgICByZXR1cm4ge1xuICAgICAgICBwYWdlX2lkOiAocGFnZVZhcmlhbnQgYXMgRnVsbFBhZ2VTYWxlc0FnZW50VmFyaWFudEluZm8pLnVybCxcbiAgICAgICAgcGFnZV90eXBlOiBXaWRnZXRJbnRlcmFjdGlvblBhZ2VUeXBlLkZVTExfUEFHRSxcbiAgICAgIH07XG4gIH1cblxuICByZXR1cm4gbnVsbDtcbn07XG4iXSwibWFwcGluZ3MiOiI7Ozs7O0FBV0EsTUFBYSxzQkFDWCxnQkFDb0M7QUFDcEMsU0FBUSxZQUFZLGFBQXBCO0VBQ0UsS0FBS0Esb0NBQWdCLElBQ25CLFFBQU87R0FDTCxTQUFVLFlBQW1DO0dBQzdDLFdBQVdDLGdFQUEwQjtHQUN0QztFQUNILEtBQUtELG9DQUFnQixJQUNuQixRQUFPO0dBQ0wsU0FBVSxZQUFtQztHQUM3QyxXQUFXQyxnRUFBMEI7R0FDdEM7RUFDSCxLQUFLRCxvQ0FBZ0IsS0FDbkIsUUFBTztHQUNMLFNBQVUsWUFBZ0M7R0FDMUMsV0FBV0MsZ0VBQTBCO0dBQ3RDO0VBQ0gsS0FBS0Qsb0NBQWdCLE1BQ25CLFFBQU87R0FDTCxTQUFVLFlBQWlDO0dBQzNDLFdBQVdDLGdFQUEwQjtHQUN0QztFQUNILEtBQUtELG9DQUFnQixtQkFDbkIsUUFBTztHQUNMLFNBQVUsWUFBOEM7R0FDeEQsV0FBV0MsZ0VBQTBCO0dBQ3RDOztBQUdMLFFBQU8ifQ==

package/dist/hooks/WidgetInteraction/utils.d.cts

@@ -0,0 +1,8 @@
+import { PageVariantInfo } from "../../contexts/pageContext/types.cjs";
+import { WidgetInteractionContext } from "./types.cjs";
+
+//#region src/hooks/WidgetInteraction/utils.d.ts
+declare const extractPageContext: (pageVariant: PageVariantInfo) => WidgetInteractionContext | null;
+//#endregion
+export { extractPageContext };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXRpbHMuZC5jdHMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2hvb2tzL1dpZGdldEludGVyYWN0aW9uL3V0aWxzLmQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUGFnZVZhcmlhbnRJbmZvIH0gZnJvbSAnLi4vLi4vY29udGV4dHMvcGFnZUNvbnRleHQvdHlwZXMnO1xuaW1wb3J0IHsgV2lkZ2V0SW50ZXJhY3Rpb25Db250ZXh0IH0gZnJvbSAnLi90eXBlcyc7XG5leHBvcnQgZGVjbGFyZSBjb25zdCBleHRyYWN0UGFnZUNvbnRleHQ6IChwYWdlVmFyaWFudDogUGFnZVZhcmlhbnRJbmZvKSA9PiBXaWRnZXRJbnRlcmFjdGlvbkNvbnRleHQgfCBudWxsO1xuIl0sIm1hcHBpbmdzIjoiOzs7O0FBRUEsSUFBVyxxQkFBcUI7Q0FBQztPQUFXO09BQXVCO0NBQXlCIn0=

package/dist/hooks/WidgetInteraction/utils.d.ts

@@ -0,0 +1,8 @@
+import { PageVariantInfo } from "../../contexts/pageContext/types.js";
+import { WidgetInteractionContext } from "./types.js";
+
+//#region src/hooks/WidgetInteraction/utils.d.ts
+declare const extractPageContext: (pageVariant: PageVariantInfo) => WidgetInteractionContext | null;
+//#endregion
+export { extractPageContext };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXRpbHMuZC50cyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvaG9va3MvV2lkZ2V0SW50ZXJhY3Rpb24vdXRpbHMuZC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQYWdlVmFyaWFudEluZm8gfSBmcm9tICcuLi8uLi9jb250ZXh0cy9wYWdlQ29udGV4dC90eXBlcyc7XG5pbXBvcnQgeyBXaWRnZXRJbnRlcmFjdGlvbkNvbnRleHQgfSBmcm9tICcuL3R5cGVzJztcbmV4cG9ydCBkZWNsYXJlIGNvbnN0IGV4dHJhY3RQYWdlQ29udGV4dDogKHBhZ2VWYXJpYW50OiBQYWdlVmFyaWFudEluZm8pID0+IFdpZGdldEludGVyYWN0aW9uQ29udGV4dCB8IG51bGw7XG4iXSwibWFwcGluZ3MiOiI7Ozs7QUFFQSxJQUFXLHFCQUFxQjtDQUFDO09BQVc7T0FBdUI7Q0FBeUIifQ==

package/dist/hooks/WidgetInteraction/utils.js

@@ -0,0 +1,34 @@
+import { VariantTypeEnum } from "../../application/models/variantInfo/variantInfo.js";
+import "../../application/models/index.js";
+import { WidgetInteractionPageType } from "./types.js";
+
+//#region src/hooks/WidgetInteraction/utils.ts
+const extractPageContext = (pageVariant) => {
+	switch (pageVariant.variantType) {
+		case VariantTypeEnum.Pdp: return {
+			page_id: pageVariant.productId,
+			page_type: WidgetInteractionPageType.PDP
+		};
+		case VariantTypeEnum.Plp: return {
+			page_id: pageVariant.plpId,
+			page_type: WidgetInteractionPageType.PLP
+		};
+		case VariantTypeEnum.Home: return {
+			page_id: pageVariant.url,
+			page_type: WidgetInteractionPageType.HOMEPAGE
+		};
+		case VariantTypeEnum.Other: return {
+			page_id: pageVariant.url,
+			page_type: WidgetInteractionPageType.OTHER
+		};
+		case VariantTypeEnum.FullPageSalesAgent: return {
+			page_id: pageVariant.url,
+			page_type: WidgetInteractionPageType.FULL_PAGE
+		};
+	}
+	return null;
+};
+
+//#endregion
+export { extractPageContext };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXRpbHMuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2hvb2tzL1dpZGdldEludGVyYWN0aW9uL3V0aWxzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFZhcmlhbnRUeXBlRW51bSB9IGZyb20gJ3NyYy9hcHBsaWNhdGlvbi9tb2RlbHMnO1xuaW1wb3J0IHtcbiAgRnVsbFBhZ2VTYWxlc0FnZW50VmFyaWFudEluZm8sXG4gIEhvbWVWYXJpYW50SW5mbyxcbiAgT3RoZXJWYXJpYW50SW5mbyxcbiAgUGFnZVZhcmlhbnRJbmZvLFxuICBQRFBQYWdlVmFyaWFudEluZm8sXG4gIFBMUFBhZ2VWYXJpYW50SW5mbyxcbn0gZnJvbSAnLi4vLi4vY29udGV4dHMvcGFnZUNvbnRleHQvdHlwZXMnO1xuaW1wb3J0IHsgV2lkZ2V0SW50ZXJhY3Rpb25Db250ZXh0LCBXaWRnZXRJbnRlcmFjdGlvblBhZ2VUeXBlIH0gZnJvbSAnLi90eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBleHRyYWN0UGFnZUNvbnRleHQgPSAoXG4gIHBhZ2VWYXJpYW50OiBQYWdlVmFyaWFudEluZm8sXG4pOiBXaWRnZXRJbnRlcmFjdGlvbkNvbnRleHQgfCBudWxsID0+IHtcbiAgc3dpdGNoIChwYWdlVmFyaWFudC52YXJpYW50VHlwZSkge1xuICAgIGNhc2UgVmFyaWFudFR5cGVFbnVtLlBkcDpcbiAgICAgIHJldHVybiB7XG4gICAgICAgIHBhZ2VfaWQ6IChwYWdlVmFyaWFudCBhcyBQRFBQYWdlVmFyaWFudEluZm8pLnByb2R1Y3RJZCxcbiAgICAgICAgcGFnZV90eXBlOiBXaWRnZXRJbnRlcmFjdGlvblBhZ2VUeXBlLlBEUCxcbiAgICAgIH07XG4gICAgY2FzZSBWYXJpYW50VHlwZUVudW0uUGxwOlxuICAgICAgcmV0dXJuIHtcbiAgICAgICAgcGFnZV9pZDogKHBhZ2VWYXJpYW50IGFzIFBMUFBhZ2VWYXJpYW50SW5mbykucGxwSWQsXG4gICAgICAgIHBhZ2VfdHlwZTogV2lkZ2V0SW50ZXJhY3Rpb25QYWdlVHlwZS5QTFAsXG4gICAgICB9O1xuICAgIGNhc2UgVmFyaWFudFR5cGVFbnVtLkhvbWU6XG4gICAgICByZXR1cm4ge1xuICAgICAgICBwYWdlX2lkOiAocGFnZVZhcmlhbnQgYXMgSG9tZVZhcmlhbnRJbmZvKS51cmwsXG4gICAgICAgIHBhZ2VfdHlwZTogV2lkZ2V0SW50ZXJhY3Rpb25QYWdlVHlwZS5IT01FUEFHRSxcbiAgICAgIH07XG4gICAgY2FzZSBWYXJpYW50VHlwZUVudW0uT3RoZXI6XG4gICAgICByZXR1cm4ge1xuICAgICAgICBwYWdlX2lkOiAocGFnZVZhcmlhbnQgYXMgT3RoZXJWYXJpYW50SW5mbykudXJsLFxuICAgICAgICBwYWdlX3R5cGU6IFdpZGdldEludGVyYWN0aW9uUGFnZVR5cGUuT1RIRVIsXG4gICAgICB9O1xuICAgIGNhc2UgVmFyaWFudFR5cGVFbnVtLkZ1bGxQYWdlU2FsZXNBZ2VudDpcbiAgICAgIHJldHVybiB7XG4gICAgICAgIHBhZ2VfaWQ6IChwYWdlVmFyaWFudCBhcyBGdWxsUGFnZVNhbGVzQWdlbnRWYXJpYW50SW5mbykudXJsLFxuICAgICAgICBwYWdlX3R5cGU6IFdpZGdldEludGVyYWN0aW9uUGFnZVR5cGUuRlVMTF9QQUdFLFxuICAgICAgfTtcbiAgfVxuXG4gIHJldHVybiBudWxsO1xufTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFXQSxNQUFhLHNCQUNYLGdCQUNvQztBQUNwQyxTQUFRLFlBQVksYUFBcEI7RUFDRSxLQUFLLGdCQUFnQixJQUNuQixRQUFPO0dBQ0wsU0FBVSxZQUFtQztHQUM3QyxXQUFXLDBCQUEwQjtHQUN0QztFQUNILEtBQUssZ0JBQWdCLElBQ25CLFFBQU87R0FDTCxTQUFVLFlBQW1DO0dBQzdDLFdBQVcsMEJBQTBCO0dBQ3RDO0VBQ0gsS0FBSyxnQkFBZ0IsS0FDbkIsUUFBTztHQUNMLFNBQVUsWUFBZ0M7R0FDMUMsV0FBVywwQkFBMEI7R0FDdEM7RUFDSCxLQUFLLGdCQUFnQixNQUNuQixRQUFPO0dBQ0wsU0FBVSxZQUFpQztHQUMzQyxXQUFXLDBCQUEwQjtHQUN0QztFQUNILEtBQUssZ0JBQWdCLG1CQUNuQixRQUFPO0dBQ0wsU0FBVSxZQUE4QztHQUN4RCxXQUFXLDBCQUEwQjtHQUN0Qzs7QUFHTCxRQUFPIn0=

package/dist/hooks/utils.d.cts

@@ -19,4 +19,4 @@ declare enum SearchResultsState {
 declare const getSearchResultsState: (isLoadingSearch: boolean, searchData: SearchResult | null) => SearchResultsState;
 //#endregion
 export { SearchResultsState, createAppLoadedEvent, createVisitUserEvent, getSearchResultsState, isElementPartiallyVisible, isWithinBusinessHours };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXRpbHMuZC5jdHMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vc3JjL2hvb2tzL3V0aWxzLmQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgU2VhcmNoUmVzdWx0IH0gZnJvbSAnc3JjL2FwcGxpY2F0aW9uL21vZGVscy9hcGkvc2VhcmNoJztcbmltcG9ydCB7IFVzZXJFdmVudCwgVmFyaWFudEluZm8gfSBmcm9tICdzcmMvYXBwbGljYXRpb24vbW9kZWxzJztcbmV4cG9ydCBkZWNsYXJlIGNvbnN0IGlzRWxlbWVudFBhcnRpYWxseVZpc2libGU6IChlbD86IEhUTUxEaXZFbGVtZW50IHwgbnVsbCkgPT4gYm9vbGVhbjtcbmV4cG9ydCBkZWNsYXJlIGNvbnN0IGNyZWF0ZUFwcExvYWRlZEV2ZW50OiAoKSA9PiBVc2VyRXZlbnQ7XG5leHBvcnQgZGVjbGFyZSBjb25zdCBjcmVhdGVWaXNpdFVzZXJFdmVudDogKHsgdmFyaWFudEluZm8sIH06IHtcbiAgICB2YXJpYW50SW5mbzogVmFyaWFudEluZm87XG59KSA9PiBVc2VyRXZlbnQgfCB1bmRlZmluZWQ7XG5leHBvcnQgZGVjbGFyZSBjb25zdCBpc1dpdGhpbkJ1c2luZXNzSG91cnM6IChzdGFydFRpbWU6IHN0cmluZywgZW5kVGltZTogc3RyaW5nLCB0aW1lWm9uZTogc3RyaW5nKSA9PiBib29sZWFuO1xuZXhwb3J0IGRlY2xhcmUgZW51bSBTZWFyY2hSZXN1bHRzU3RhdGUge1xuICAgIExvYWRpbmcgPSAwLFxuICAgIFJlc3VsdHMgPSAxLFxuICAgIE5vUmVzdWx0cyA9IDJcbn1cbmV4cG9ydCBkZWNsYXJlIGNvbnN0IGdldFNlYXJjaFJlc3VsdHNTdGF0ZTogKGlzTG9hZGluZ1NlYXJjaDogYm9vbGVhbiwgc2VhcmNoRGF0YTogU2VhcmNoUmVzdWx0IHwgbnVsbCkgPT4gU2VhcmNoUmVzdWx0c1N0YXRlO1xuIl0sIm1hcHBpbmdzIjoiOzs7OztBQUVBLElBQVcsNEJBQTRCLENBQUMsU0FBUyxlQUFlO0FBQ2hFLElBQVcsdUJBQXVCLENBQUMsU0FBUyxVQUFVO0FBQ3RELElBQVcsdUJBQXVCO0NBQUM7T0FBUztPQUFrQjtPQUFBO0NBQUE7QUFDOUQsSUFBVyx3QkFBaUIsQ0FBQSxFQUFBO0FBQzVCLElBQVcscUJBQWdCLENBQUEsRUFBQTtBQUMzQixJQUFXLHdCQUF3QjtDQUFDO09BQVM7T0FBb0I7Q0FBbUIifQ==
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXRpbHMuZC5jdHMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vc3JjL2hvb2tzL3V0aWxzLmQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgU2VhcmNoUmVzdWx0IH0gZnJvbSAnc3JjL2FwcGxpY2F0aW9uL21vZGVscy9hcGkvc2VhcmNoJztcbmltcG9ydCB7IFVzZXJFdmVudCwgVmFyaWFudEluZm8gfSBmcm9tICdzcmMvYXBwbGljYXRpb24vbW9kZWxzJztcbmV4cG9ydCBkZWNsYXJlIGNvbnN0IGlzRWxlbWVudFBhcnRpYWxseVZpc2libGU6IChlbD86IEhUTUxEaXZFbGVtZW50IHwgbnVsbCkgPT4gYm9vbGVhbjtcbmV4cG9ydCBkZWNsYXJlIGNvbnN0IGNyZWF0ZUFwcExvYWRlZEV2ZW50OiAoKSA9PiBVc2VyRXZlbnQ7XG5leHBvcnQgZGVjbGFyZSBjb25zdCBjcmVhdGVWaXNpdFVzZXJFdmVudDogKHsgdmFyaWFudEluZm8sIH06IHtcbiAgICB2YXJpYW50SW5mbzogVmFyaWFudEluZm87XG59KSA9PiBVc2VyRXZlbnQgfCB1bmRlZmluZWQ7XG5leHBvcnQgZGVjbGFyZSBjb25zdCBpc1dpdGhpbkJ1c2luZXNzSG91cnM6IChzdGFydFRpbWU6IHN0cmluZywgZW5kVGltZTogc3RyaW5nLCB0aW1lWm9uZTogc3RyaW5nKSA9PiBib29sZWFuO1xuZXhwb3J0IGRlY2xhcmUgZW51bSBTZWFyY2hSZXN1bHRzU3RhdGUge1xuICAgIExvYWRpbmcgPSAwLFxuICAgIFJlc3VsdHMgPSAxLFxuICAgIE5vUmVzdWx0cyA9IDJcbn1cbmV4cG9ydCBkZWNsYXJlIGNvbnN0IGdldFNlYXJjaFJlc3VsdHNTdGF0ZTogKGlzTG9hZGluZ1NlYXJjaDogYm9vbGVhbiwgc2VhcmNoRGF0YTogU2VhcmNoUmVzdWx0IHwgbnVsbCkgPT4gU2VhcmNoUmVzdWx0c1N0YXRlO1xuIl0sIm1hcHBpbmdzIjoiOzs7OztBQUVBLElBQVcsNEJBQTRCLENBQUMsV0FBVyxlQUFlO0FBQ2xFLElBQVcsdUJBQXVCLENBQUMsV0FBVyxVQUFVO0FBQ3hELElBQVcsdUJBQXVCO0NBQUM7T0FBVztPQUFnQjtPQUFBO0NBQUE7QUFDOUQsSUFBVyx3QkFBaUIsQ0FBQSxJQUFBO0FBQzVCLElBQVcscUJBQWdCLENBQUEsSUFBQTtBQUMzQixJQUFXLHdCQUF3QjtDQUFDO09BQVc7T0FBb0I7Q0FBbUIifQ==

package/dist/hooks/utils.d.ts

@@ -19,4 +19,4 @@ declare enum SearchResultsState {
 declare const getSearchResultsState: (isLoadingSearch: boolean, searchData: SearchResult | null) => SearchResultsState;
 //#endregion
 export { SearchResultsState, createAppLoadedEvent, createVisitUserEvent, getSearchResultsState, isElementPartiallyVisible, isWithinBusinessHours };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXRpbHMuZC50cyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi9zcmMvaG9va3MvdXRpbHMuZC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBTZWFyY2hSZXN1bHQgfSBmcm9tICdzcmMvYXBwbGljYXRpb24vbW9kZWxzL2FwaS9zZWFyY2gnO1xuaW1wb3J0IHsgVXNlckV2ZW50LCBWYXJpYW50SW5mbyB9IGZyb20gJ3NyYy9hcHBsaWNhdGlvbi9tb2RlbHMnO1xuZXhwb3J0IGRlY2xhcmUgY29uc3QgaXNFbGVtZW50UGFydGlhbGx5VmlzaWJsZTogKGVsPzogSFRNTERpdkVsZW1lbnQgfCBudWxsKSA9PiBib29sZWFuO1xuZXhwb3J0IGRlY2xhcmUgY29uc3QgY3JlYXRlQXBwTG9hZGVkRXZlbnQ6ICgpID0+IFVzZXJFdmVudDtcbmV4cG9ydCBkZWNsYXJlIGNvbnN0IGNyZWF0ZVZpc2l0VXNlckV2ZW50OiAoeyB2YXJpYW50SW5mbywgfToge1xuICAgIHZhcmlhbnRJbmZvOiBWYXJpYW50SW5mbztcbn0pID0+IFVzZXJFdmVudCB8IHVuZGVmaW5lZDtcbmV4cG9ydCBkZWNsYXJlIGNvbnN0IGlzV2l0aGluQnVzaW5lc3NIb3VyczogKHN0YXJ0VGltZTogc3RyaW5nLCBlbmRUaW1lOiBzdHJpbmcsIHRpbWVab25lOiBzdHJpbmcpID0+IGJvb2xlYW47XG5leHBvcnQgZGVjbGFyZSBlbnVtIFNlYXJjaFJlc3VsdHNTdGF0ZSB7XG4gICAgTG9hZGluZyA9IDAsXG4gICAgUmVzdWx0cyA9IDEsXG4gICAgTm9SZXN1bHRzID0gMlxufVxuZXhwb3J0IGRlY2xhcmUgY29uc3QgZ2V0U2VhcmNoUmVzdWx0c1N0YXRlOiAoaXNMb2FkaW5nU2VhcmNoOiBib29sZWFuLCBzZWFyY2hEYXRhOiBTZWFyY2hSZXN1bHQgfCBudWxsKSA9PiBTZWFyY2hSZXN1bHRzU3RhdGU7XG4iXSwibWFwcGluZ3MiOiI7Ozs7O0FBRUEsSUFBVyw0QkFBNEIsQ0FBQyxVQUFVLGVBQWU7QUFDakUsSUFBVyx1QkFBdUIsQ0FBQyxVQUFVLFVBQVU7QUFDdkQsSUFBVyx1QkFBdUI7Q0FBQztPQUFVO09BQWlCO09BQUE7Q0FBQTtBQUM5RCxJQUFXLHdCQUFpQixDQUFBLEdBQUE7QUFDNUIsSUFBVyxxQkFBZ0IsQ0FBQSxHQUFBO0FBQzNCLElBQVcsd0JBQXdCO0NBQUM7T0FBVTtPQUFvQjtDQUFtQiJ9
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXRpbHMuZC50cyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi9zcmMvaG9va3MvdXRpbHMuZC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBTZWFyY2hSZXN1bHQgfSBmcm9tICdzcmMvYXBwbGljYXRpb24vbW9kZWxzL2FwaS9zZWFyY2gnO1xuaW1wb3J0IHsgVXNlckV2ZW50LCBWYXJpYW50SW5mbyB9IGZyb20gJ3NyYy9hcHBsaWNhdGlvbi9tb2RlbHMnO1xuZXhwb3J0IGRlY2xhcmUgY29uc3QgaXNFbGVtZW50UGFydGlhbGx5VmlzaWJsZTogKGVsPzogSFRNTERpdkVsZW1lbnQgfCBudWxsKSA9PiBib29sZWFuO1xuZXhwb3J0IGRlY2xhcmUgY29uc3QgY3JlYXRlQXBwTG9hZGVkRXZlbnQ6ICgpID0+IFVzZXJFdmVudDtcbmV4cG9ydCBkZWNsYXJlIGNvbnN0IGNyZWF0ZVZpc2l0VXNlckV2ZW50OiAoeyB2YXJpYW50SW5mbywgfToge1xuICAgIHZhcmlhbnRJbmZvOiBWYXJpYW50SW5mbztcbn0pID0+IFVzZXJFdmVudCB8IHVuZGVmaW5lZDtcbmV4cG9ydCBkZWNsYXJlIGNvbnN0IGlzV2l0aGluQnVzaW5lc3NIb3VyczogKHN0YXJ0VGltZTogc3RyaW5nLCBlbmRUaW1lOiBzdHJpbmcsIHRpbWVab25lOiBzdHJpbmcpID0+IGJvb2xlYW47XG5leHBvcnQgZGVjbGFyZSBlbnVtIFNlYXJjaFJlc3VsdHNTdGF0ZSB7XG4gICAgTG9hZGluZyA9IDAsXG4gICAgUmVzdWx0cyA9IDEsXG4gICAgTm9SZXN1bHRzID0gMlxufVxuZXhwb3J0IGRlY2xhcmUgY29uc3QgZ2V0U2VhcmNoUmVzdWx0c1N0YXRlOiAoaXNMb2FkaW5nU2VhcmNoOiBib29sZWFuLCBzZWFyY2hEYXRhOiBTZWFyY2hSZXN1bHQgfCBudWxsKSA9PiBTZWFyY2hSZXN1bHRzU3RhdGU7XG4iXSwibWFwcGluZ3MiOiI7Ozs7O0FBRUEsSUFBVyw0QkFBNEIsQ0FBQyxTQUFTLGVBQWU7QUFDaEUsSUFBVyx1QkFBdUIsQ0FBQyxTQUFTLFVBQVU7QUFDdEQsSUFBVyx1QkFBdUI7Q0FBQztPQUFTO09BQWtCO09BQUE7Q0FBQTtBQUM5RCxJQUFXLHdCQUFpQixDQUFBLEVBQUE7QUFDNUIsSUFBVyxxQkFBZ0IsQ0FBQSxFQUFBO0FBQzNCLElBQVcsd0JBQXdCO0NBQUM7T0FBUztPQUFvQjtDQUFtQiJ9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@envive-ai/react-hooks",
-  "version": "0.3.14",
+  "version": "0.3.15-beta.1",
   "description": "React hooks for connecting to Envive AI services.",
   "keywords": [
     "react",
@@ -378,6 +378,18 @@
       "import": "./dist/hooks/utils.js",
       "require": "./dist/hooks/utils.cjs"
     },
+    "./hooks/WidgetInteraction": {
+      "import": "./dist/hooks/WidgetInteraction/index.js",
+      "require": "./dist/hooks/WidgetInteraction/index.cjs"
+    },
+    "./hooks/WidgetInteraction/types": {
+      "import": "./dist/hooks/WidgetInteraction/types.js",
+      "require": "./dist/hooks/WidgetInteraction/types.cjs"
+    },
+    "./hooks/WidgetInteraction/utils": {
+      "import": "./dist/hooks/WidgetInteraction/utils.js",
+      "require": "./dist/hooks/WidgetInteraction/utils.cjs"
+    },
     "./interceptors": {
       "import": "./dist/interceptors/index.js",
       "require": "./dist/interceptors/index.cjs"

package/src/contexts/salesAgentContext/chatAPI.ts

@@ -1,6 +1,8 @@
 // This component will interact with the backend API to get the responses from the sales agent.
-import Logger from 'src/application/logging/logger';
 import { PageVisitCategory, UserEventCategory } from '@spiffy-ai/commerce-api-client';
+import { useAtomValue, useSetAtom } from 'jotai';
+import { useCallback } from 'react';
+import Logger from 'src/application/logging/logger';
 import {
   ChatElementDisplayLocationV3,
   FormSubmittedAttributes,
@@ -9,14 +11,17 @@ import {
   Suggestion,
   UserEvent,
 } from 'src/application/models';
-import { useAtomValue, useSetAtom } from 'jotai';
-import { useCallback } from 'react';
-import { v4 as uuid } from 'uuid';
+import { hasParsedVariantInfoAtom } from 'src/atoms/app';
+import { analyticsContextAtom } from 'src/atoms/app/variant';
 import { formSubmitAtom, replyEventCategoryAtom } from 'src/atoms/chat';
 import { queueUserEventAtom } from 'src/atoms/chat/messageQueue';
+import { useWidgetInteraction } from 'src/hooks/WidgetInteraction';
+import {
+  WidgetInteractionComponent,
+  WidgetInteractionType,
+} from 'src/hooks/WidgetInteraction/types';
 import { EnviveMetricsEventName } from 'src/services/amplitudeService/amplitudeService';
-import { analyticsContextAtom } from 'src/atoms/app/variant';
-import { hasParsedVariantInfoAtom } from 'src/atoms/app';
+import { v4 as uuid } from 'uuid';
 import { SpiffyMetricsEventName, useAmplitude } from '../amplitudeContext';
 
 const TRACKED_USER_EVENTS = [
@@ -52,6 +57,7 @@ export const useSalesAgentChatAPI = () => {
   const setReplyEventCategory = useSetAtom(replyEventCategoryAtom);
   const setFormSubmit = useSetAtom(formSubmitAtom);
   const { trackEvent } = useAmplitude();
+  const { trackWidgetInteraction } = useWidgetInteraction();
 
   const logPageVisit = useCallback(
     ({ pageVisitCategory }: { pageVisitCategory: PageVisitCategory }) => {
@@ -104,6 +110,19 @@ export const useSalesAgentChatAPI = () => {
   );
   const onSuggestionClicked = useCallback(
     (suggestion: Suggestion, displayLocation: ChatElementDisplayLocationV3) => {
+      trackWidgetInteraction({
+        eventName: EnviveMetricsEventName.WidgetInteraction,
+        trigger: {
+          widget: WidgetInteractionComponent.FLOATING_CHAT,
+          widget_interaction: WidgetInteractionType.SUGGESTION_CLICKED,
+          widget_interaction_data: {
+            suggestion_clicked: {
+              suggestion_id: suggestion.id,
+            },
+          },
+        },
+      });
+
       trackEvent({
         eventName: SpiffyMetricsEventName.ChatSuggestionClicked,
         eventProps: {
@@ -159,6 +178,20 @@ export const useSalesAgentChatAPI = () => {
       displayLocation: ChatElementDisplayLocationV3;
     }) => {
       const eventId = uuid();
+
+      trackWidgetInteraction({
+        eventName: EnviveMetricsEventName.WidgetInteraction,
+        trigger: {
+          widget: WidgetInteractionComponent.FLOATING_CHAT,
+          widget_interaction: WidgetInteractionType.MESSAGE_SUBMITTED,
+          widget_interaction_data: {
+            message_submitted: {
+              request_text: query,
+            },
+          },
+        },
+      });
+
       trackEvent({
         eventName: SpiffyMetricsEventName.ChatUserMessageInput,
         eventProps: {

package/src/hooks/ChatToggle/useChatToggle.ts

@@ -1,16 +1,30 @@
 import { useAtomValue, useSetAtom } from 'jotai';
 import { ChatElementDisplayLocationV3 } from 'src/application/models';
 import { chatAtom, chatOnToggleAtom } from 'src/atoms/chat';
-import { useAmplitude } from 'src/contexts/amplitudeContext/amplitudeContext';
-import { SpiffyMetricsEventName } from 'src/services/amplitudeService/amplitudeService';
+import {
+  EnviveMetricsEventName,
+  SpiffyMetricsEventName,
+  useAmplitude,
+} from 'src/contexts/amplitudeContext/amplitudeContext';
+import { useWidgetInteraction } from '../WidgetInteraction';
+import { WidgetInteractionComponent, WidgetInteractionType } from '../WidgetInteraction/types';
 
 export const useChatToggle = () => {
   const onToggle = useSetAtom(chatOnToggleAtom);
   const { isOpen } = useAtomValue(chatAtom);
   const { trackEvent } = useAmplitude();
+  const { trackWidgetInteraction } = useWidgetInteraction();
 
   const toggle = (triggerLocation: ChatElementDisplayLocationV3, triggerId?: string) => {
     if (!isOpen) {
+      trackWidgetInteraction({
+        eventName: EnviveMetricsEventName.WidgetInteraction,
+        trigger: {
+          widget: WidgetInteractionComponent.FLOATING_BUTTON,
+          widget_interaction: WidgetInteractionType.WIDGET_CLICKED,
+        },
+      });
+
       trackEvent({
         eventName: SpiffyMetricsEventName.ChatComponentExpanded,
         eventProps: {
@@ -21,6 +35,14 @@ export const useChatToggle = () => {
         },
       });
     } else {
+      trackWidgetInteraction({
+        eventName: EnviveMetricsEventName.WidgetInteraction,
+        trigger: {
+          widget: WidgetInteractionComponent.FLOATING_BUTTON,
+          widget_interaction: WidgetInteractionType.WIDGET_COLLAPSED,
+        },
+      });
+
       trackEvent({
         eventName: SpiffyMetricsEventName.ChatComponentCollapsed,
         eventProps: {
@@ -47,10 +69,21 @@ export const useChatToggle = () => {
     }
   };
 
+  const onHover = () => {
+    trackWidgetInteraction({
+      eventName: EnviveMetricsEventName.WidgetInteraction,
+      trigger: {
+        widget: WidgetInteractionComponent.FLOATING_BUTTON,
+        widget_interaction: WidgetInteractionType.WIDGET_HOVERED,
+      },
+    });
+  };
+
   return {
     toggle,
     isOpen,
     openChat,
     closeChat,
+    onHover,
   };
 };

package/src/hooks/WidgetInteraction/index.ts

@@ -0,0 +1 @@
+export * from './useWidgetInteraction';

package/src/hooks/WidgetInteraction/types.ts

@@ -0,0 +1,139 @@
+import { EnviveMetricsEventName, SpiffyMetricsEventName } from '../../contexts/amplitudeContext';
+
+export interface WidgetInteractionContext {
+  page_type: WidgetInteractionPageType;
+  page_id: string;
+}
+
+interface WidgetInteractionTrigger {
+  interaction_id?: string;
+  widget: WidgetInteractionComponent;
+  widget_interaction: WidgetInteractionType;
+  widget_interaction_data?: WidgetInteractionData | null;
+}
+
+export interface InternalWidgetInteraction {
+  eventName: SpiffyMetricsEventName | EnviveMetricsEventName;
+  context: WidgetInteractionContext;
+  trigger: WidgetInteractionTrigger;
+}
+
+export interface WidgetInteraction {
+  eventName: InternalWidgetInteraction['eventName'];
+  trigger: InternalWidgetInteraction['trigger'];
+}
+
+export enum WidgetInteractionPageType {
+  PDP = 'pdp',
+  PLP = 'plp',
+  HOMEPAGE = 'homepage',
+  SEARCH = 'search',
+  OTHER = 'other',
+  FULL_PAGE = 'full_page',
+}
+
+export enum WidgetInteractionComponent {
+  EMBEDDED_WIDGET = 'embedded_widget',
+  SUGGESTION_BAR = 'suggestion_bar',
+  FLOATING_BUTTON = 'floating_button',
+  SOCIAL_PROOF = 'social_proof',
+  CHAT_PREVIEW = 'chat_preview',
+  FLOATING_CHAT = 'floating_chat',
+  SINGLE_IMAGE_PROMPT = 'single_image_prompt',
+  IMAGE_PROMPT_CARD = 'image_prompt_card',
+  POST_INTERACTION_COMPARISON = 'post_interaction_comparison',
+  POST_INTERACTION_EMBEDDED = 'post_interaction_embedded',
+}
+
+export enum WidgetInteractionType {
+  QUERY_INPUT_CLICKED = 'query_input_clicked',
+  SUGGESTION_CLICKED = 'suggestion_clicked',
+  WIDGET_CLICKED = 'widget_clicked',
+  WIDGET_HOVERED = 'widget_hovered',
+  WIDGET_EXPANDED = 'widget_expanded',
+  WIDGET_COLLAPSED = 'widget_collapsed',
+  SUGGESTION_SCROLLED = 'suggestion_scrolled',
+  LINK_CLICKED = 'link_clicked',
+  PRODUCT_CARD_CLICKED = 'product_card_clicked',
+  TEXT_LINK_CLICKED = 'text_link_clicked',
+  ARTICLE_LINK_CLICKED = 'article_link_clicked',
+  REVIEW_CARD_CLICKED = 'review_card_clicked',
+  MESSAGE_SUBMITTED = 'message_submitted',
+  MANUAL_SCROLL_TO_BOTTOM = 'manual_scroll_to_bottom',
+}
+
+export type URL = {
+  url: string;
+};
+
+export type Product = {
+  product_id: string;
+};
+
+export type Review = {
+  review_id: string;
+};
+
+export type Suggestion = {
+  suggestion_id: string;
+};
+
+export type Request = {
+  request_text: string;
+};
+
+export type Collapse = {
+  collapse_source: 'close_button' | 'swipe' | 'body_click';
+};
+
+export type SuggestionScrolled = {
+  suggestion_scrolled: Suggestion;
+};
+
+export type SuggestionClicked = {
+  suggestion_clicked: Suggestion;
+};
+
+export type SuggestionHovered = {
+  suggestion_hovered: Suggestion;
+};
+
+export type LinkClicked = {
+  link_clicked: URL;
+};
+
+export type WidgetCollapsed = {
+  widget_collapsed: Collapse;
+};
+
+export type TextLinkClicked = {
+  text_link_clicked: URL;
+};
+
+export type ArticleLinkClicked = {
+  article_link_clicked: URL;
+};
+
+export type ProductCardClicked = {
+  product_card_clicked: Product;
+};
+
+export type ReviewCardClicked = {
+  review_card_clicked: Review;
+};
+
+export type MessageSubmitted = {
+  message_submitted: Request;
+};
+
+export type WidgetInteractionData =
+  | SuggestionScrolled
+  | SuggestionClicked
+  | SuggestionHovered
+  | LinkClicked
+  | WidgetCollapsed
+  | TextLinkClicked
+  | ArticleLinkClicked
+  | ProductCardClicked
+  | ReviewCardClicked
+  | MessageSubmitted;

package/src/hooks/WidgetInteraction/useWidgetInteraction.ts

@@ -0,0 +1,35 @@
+import { useAtomValue } from 'jotai';
+import { pageVariantInfoAtom } from 'src/atoms/app';
+import { useAmplitude } from 'src/contexts/amplitudeContext';
+import { PageVariantInfo } from 'src/contexts/pageContext/types';
+import { v4 as uuid } from 'uuid';
+import { InternalWidgetInteraction, WidgetInteraction } from './types';
+import { extractPageContext } from './utils';
+
+export const useWidgetInteraction = () => {
+  const { trackEvent } = useAmplitude();
+  const variantInfo = useAtomValue(pageVariantInfoAtom);
+
+  const trackWidgetInteraction = (props: WidgetInteraction) => {
+    if (props.trigger) {
+      props.trigger.interaction_id = props.trigger.interaction_id || getInteractionId();
+    }
+
+    const eventProps = {
+      ...props,
+      context: extractPageContext(variantInfo as PageVariantInfo),
+    } as InternalWidgetInteraction;
+
+    trackEvent({
+      eventName: props.eventName,
+      eventProps: { ...eventProps },
+    });
+  };
+
+  const getInteractionId = () => uuid();
+
+  return {
+    trackWidgetInteraction,
+    getInteractionId,
+  };
+};

package/src/hooks/WidgetInteraction/utils.ts

@@ -0,0 +1,44 @@
+import { VariantTypeEnum } from 'src/application/models';
+import {
+  FullPageSalesAgentVariantInfo,
+  HomeVariantInfo,
+  OtherVariantInfo,
+  PageVariantInfo,
+  PDPPageVariantInfo,
+  PLPPageVariantInfo,
+} from '../../contexts/pageContext/types';
+import { WidgetInteractionContext, WidgetInteractionPageType } from './types';
+
+export const extractPageContext = (
+  pageVariant: PageVariantInfo,
+): WidgetInteractionContext | null => {
+  switch (pageVariant.variantType) {
+    case VariantTypeEnum.Pdp:
+      return {
+        page_id: (pageVariant as PDPPageVariantInfo).productId,
+        page_type: WidgetInteractionPageType.PDP,
+      };
+    case VariantTypeEnum.Plp:
+      return {
+        page_id: (pageVariant as PLPPageVariantInfo).plpId,
+        page_type: WidgetInteractionPageType.PLP,
+      };
+    case VariantTypeEnum.Home:
+      return {
+        page_id: (pageVariant as HomeVariantInfo).url,
+        page_type: WidgetInteractionPageType.HOMEPAGE,
+      };
+    case VariantTypeEnum.Other:
+      return {
+        page_id: (pageVariant as OtherVariantInfo).url,
+        page_type: WidgetInteractionPageType.OTHER,
+      };
+    case VariantTypeEnum.FullPageSalesAgent:
+      return {
+        page_id: (pageVariant as FullPageSalesAgentVariantInfo).url,
+        page_type: WidgetInteractionPageType.FULL_PAGE,
+      };
+  }
+
+  return null;
+};