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

package/dist/hooks/WidgetInteraction/types.js

@@ -0,0 +1,44 @@
+//#region src/hooks/WidgetInteraction/types.ts
+let WidgetInteractionPageType = /* @__PURE__ */ function(WidgetInteractionPageType$1) {
+	WidgetInteractionPageType$1["PDP"] = "pdp";
+	WidgetInteractionPageType$1["PLP"] = "plp";
+	WidgetInteractionPageType$1["HOMEPAGE"] = "homepage";
+	WidgetInteractionPageType$1["SEARCH"] = "search";
+	WidgetInteractionPageType$1["OTHER"] = "other";
+	WidgetInteractionPageType$1["FULL_PAGE"] = "full_page";
+	return WidgetInteractionPageType$1;
+}({});
+let WidgetInteractionComponent = /* @__PURE__ */ function(WidgetInteractionComponent$1) {
+	WidgetInteractionComponent$1["EMBEDDED_WIDGET"] = "embedded_widget";
+	WidgetInteractionComponent$1["SUGGESTION_BAR"] = "suggestion_bar";
+	WidgetInteractionComponent$1["FLOATING_BUTTON"] = "floating_button";
+	WidgetInteractionComponent$1["SOCIAL_PROOF"] = "social_proof";
+	WidgetInteractionComponent$1["CHAT_PREVIEW"] = "chat_preview";
+	WidgetInteractionComponent$1["FLOATING_CHAT"] = "floating_chat";
+	WidgetInteractionComponent$1["SINGLE_IMAGE_PROMPT"] = "single_image_prompt";
+	WidgetInteractionComponent$1["IMAGE_PROMPT_CARD"] = "image_prompt_card";
+	WidgetInteractionComponent$1["POST_INTERACTION_COMPARISON"] = "post_interaction_comparison";
+	WidgetInteractionComponent$1["POST_INTERACTION_EMBEDDED"] = "post_interaction_embedded";
+	return WidgetInteractionComponent$1;
+}({});
+let WidgetInteractionType = /* @__PURE__ */ function(WidgetInteractionType$1) {
+	WidgetInteractionType$1["QUERY_INPUT_CLICKED"] = "query_input_clicked";
+	WidgetInteractionType$1["SUGGESTION_CLICKED"] = "suggestion_clicked";
+	WidgetInteractionType$1["WIDGET_CLICKED"] = "widget_clicked";
+	WidgetInteractionType$1["WIDGET_HOVERED"] = "widget_hovered";
+	WidgetInteractionType$1["WIDGET_EXPANDED"] = "widget_expanded";
+	WidgetInteractionType$1["WIDGET_COLLAPSED"] = "widget_collapsed";
+	WidgetInteractionType$1["SUGGESTION_SCROLLED"] = "suggestion_scrolled";
+	WidgetInteractionType$1["LINK_CLICKED"] = "link_clicked";
+	WidgetInteractionType$1["PRODUCT_CARD_CLICKED"] = "product_card_clicked";
+	WidgetInteractionType$1["TEXT_LINK_CLICKED"] = "text_link_clicked";
+	WidgetInteractionType$1["ARTICLE_LINK_CLICKED"] = "article_link_clicked";
+	WidgetInteractionType$1["REVIEW_CARD_CLICKED"] = "review_card_clicked";
+	WidgetInteractionType$1["MESSAGE_SUBMITTED"] = "message_submitted";
+	WidgetInteractionType$1["MANUAL_SCROLL_TO_BOTTOM"] = "manual_scroll_to_bottom";
+	return WidgetInteractionType$1;
+}({});
+
+//#endregion
+export { WidgetInteractionComponent, WidgetInteractionPageType, WidgetInteractionType };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2hvb2tzL1dpZGdldEludGVyYWN0aW9uL3R5cGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEVudml2ZU1ldHJpY3NFdmVudE5hbWUsIFNwaWZmeU1ldHJpY3NFdmVudE5hbWUgfSBmcm9tICcuLi8uLi9jb250ZXh0cy9hbXBsaXR1ZGVDb250ZXh0JztcblxuZXhwb3J0IGludGVyZmFjZSBXaWRnZXRJbnRlcmFjdGlvbkNvbnRleHQge1xuICBwYWdlX3R5cGU6IFdpZGdldEludGVyYWN0aW9uUGFnZVR5cGU7XG4gIHBhZ2VfaWQ6IHN0cmluZztcbn1cblxuaW50ZXJmYWNlIFdpZGdldEludGVyYWN0aW9uVHJpZ2dlciB7XG4gIGludGVyYWN0aW9uX2lkPzogc3RyaW5nO1xuICB3aWRnZXQ6IFdpZGdldEludGVyYWN0aW9uQ29tcG9uZW50O1xuICB3aWRnZXRfaW50ZXJhY3Rpb246IFdpZGdldEludGVyYWN0aW9uVHlwZTtcbiAgd2lkZ2V0X2ludGVyYWN0aW9uX2RhdGE/OiBXaWRnZXRJbnRlcmFjdGlvbkRhdGEgfCBudWxsO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEludGVybmFsV2lkZ2V0SW50ZXJhY3Rpb24ge1xuICBldmVudE5hbWU6IFNwaWZmeU1ldHJpY3NFdmVudE5hbWUgfCBFbnZpdmVNZXRyaWNzRXZlbnROYW1lO1xuICBjb250ZXh0OiBXaWRnZXRJbnRlcmFjdGlvbkNvbnRleHQ7XG4gIHRyaWdnZXI6IFdpZGdldEludGVyYWN0aW9uVHJpZ2dlcjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBXaWRnZXRJbnRlcmFjdGlvbiB7XG4gIGV2ZW50TmFtZTogSW50ZXJuYWxXaWRnZXRJbnRlcmFjdGlvblsnZXZlbnROYW1lJ107XG4gIHRyaWdnZXI6IEludGVybmFsV2lkZ2V0SW50ZXJhY3Rpb25bJ3RyaWdnZXInXTtcbn1cblxuZXhwb3J0IGVudW0gV2lkZ2V0SW50ZXJhY3Rpb25QYWdlVHlwZSB7XG4gIFBEUCA9ICdwZHAnLFxuICBQTFAgPSAncGxwJyxcbiAgSE9NRVBBR0UgPSAnaG9tZXBhZ2UnLFxuICBTRUFSQ0ggPSAnc2VhcmNoJyxcbiAgT1RIRVIgPSAnb3RoZXInLFxuICBGVUxMX1BBR0UgPSAnZnVsbF9wYWdlJyxcbn1cblxuZXhwb3J0IGVudW0gV2lkZ2V0SW50ZXJhY3Rpb25Db21wb25lbnQge1xuICBFTUJFRERFRF9XSURHRVQgPSAnZW1iZWRkZWRfd2lkZ2V0JyxcbiAgU1VHR0VTVElPTl9CQVIgPSAnc3VnZ2VzdGlvbl9iYXInLFxuICBGTE9BVElOR19CVVRUT04gPSAnZmxvYXRpbmdfYnV0dG9uJyxcbiAgU09DSUFMX1BST09GID0gJ3NvY2lhbF9wcm9vZicsXG4gIENIQVRfUFJFVklFVyA9ICdjaGF0X3ByZXZpZXcnLFxuICBGTE9BVElOR19DSEFUID0gJ2Zsb2F0aW5nX2NoYXQnLFxuICBTSU5HTEVfSU1BR0VfUFJPTVBUID0gJ3NpbmdsZV9pbWFnZV9wcm9tcHQnLFxuICBJTUFHRV9QUk9NUFRfQ0FSRCA9ICdpbWFnZV9wcm9tcHRfY2FyZCcsXG4gIFBPU1RfSU5URVJBQ1RJT05fQ09NUEFSSVNPTiA9ICdwb3N0X2ludGVyYWN0aW9uX2NvbXBhcmlzb24nLFxuICBQT1NUX0lOVEVSQUNUSU9OX0VNQkVEREVEID0gJ3Bvc3RfaW50ZXJhY3Rpb25fZW1iZWRkZWQnLFxufVxuXG5leHBvcnQgZW51bSBXaWRnZXRJbnRlcmFjdGlvblR5cGUge1xuICBRVUVSWV9JTlBVVF9DTElDS0VEID0gJ3F1ZXJ5X2lucHV0X2NsaWNrZWQnLFxuICBTVUdHRVNUSU9OX0NMSUNLRUQgPSAnc3VnZ2VzdGlvbl9jbGlja2VkJyxcbiAgV0lER0VUX0NMSUNLRUQgPSAnd2lkZ2V0X2NsaWNrZWQnLFxuICBXSURHRVRfSE9WRVJFRCA9ICd3aWRnZXRfaG92ZXJlZCcsXG4gIFdJREdFVF9FWFBBTkRFRCA9ICd3aWRnZXRfZXhwYW5kZWQnLFxuICBXSURHRVRfQ09MTEFQU0VEID0gJ3dpZGdldF9jb2xsYXBzZWQnLFxuICBTVUdHRVNUSU9OX1NDUk9MTEVEID0gJ3N1Z2dlc3Rpb25fc2Nyb2xsZWQnLFxuICBMSU5LX0NMSUNLRUQgPSAnbGlua19jbGlja2VkJyxcbiAgUFJPRFVDVF9DQVJEX0NMSUNLRUQgPSAncHJvZHVjdF9jYXJkX2NsaWNrZWQnLFxuICBURVhUX0xJTktfQ0xJQ0tFRCA9ICd0ZXh0X2xpbmtfY2xpY2tlZCcsXG4gIEFSVElDTEVfTElOS19DTElDS0VEID0gJ2FydGljbGVfbGlua19jbGlja2VkJyxcbiAgUkVWSUVXX0NBUkRfQ0xJQ0tFRCA9ICdyZXZpZXdfY2FyZF9jbGlja2VkJyxcbiAgTUVTU0FHRV9TVUJNSVRURUQgPSAnbWVzc2FnZV9zdWJtaXR0ZWQnLFxuICBNQU5VQUxfU0NST0xMX1RPX0JPVFRPTSA9ICdtYW51YWxfc2Nyb2xsX3RvX2JvdHRvbScsXG59XG5cbmV4cG9ydCB0eXBlIFVSTCA9IHtcbiAgdXJsOiBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBQcm9kdWN0ID0ge1xuICBwcm9kdWN0X2lkOiBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBSZXZpZXcgPSB7XG4gIHJldmlld19pZDogc3RyaW5nO1xufTtcblxuZXhwb3J0IHR5cGUgU3VnZ2VzdGlvbiA9IHtcbiAgc3VnZ2VzdGlvbl9pZDogc3RyaW5nO1xufTtcblxuZXhwb3J0IHR5cGUgUmVxdWVzdCA9IHtcbiAgcmVxdWVzdF90ZXh0OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBDb2xsYXBzZSA9IHtcbiAgY29sbGFwc2Vfc291cmNlOiAnY2xvc2VfYnV0dG9uJyB8ICdzd2lwZScgfCAnYm9keV9jbGljayc7XG59O1xuXG5leHBvcnQgdHlwZSBTdWdnZXN0aW9uU2Nyb2xsZWQgPSB7XG4gIHN1Z2dlc3Rpb25fc2Nyb2xsZWQ6IFN1Z2dlc3Rpb247XG59O1xuXG5leHBvcnQgdHlwZSBTdWdnZXN0aW9uQ2xpY2tlZCA9IHtcbiAgc3VnZ2VzdGlvbl9jbGlja2VkOiBTdWdnZXN0aW9uO1xufTtcblxuZXhwb3J0IHR5cGUgU3VnZ2VzdGlvbkhvdmVyZWQgPSB7XG4gIHN1Z2dlc3Rpb25faG92ZXJlZDogU3VnZ2VzdGlvbjtcbn07XG5cbmV4cG9ydCB0eXBlIExpbmtDbGlja2VkID0ge1xuICBsaW5rX2NsaWNrZWQ6IFVSTDtcbn07XG5cbmV4cG9ydCB0eXBlIFdpZGdldENvbGxhcHNlZCA9IHtcbiAgd2lkZ2V0X2NvbGxhcHNlZDogQ29sbGFwc2U7XG59O1xuXG5leHBvcnQgdHlwZSBUZXh0TGlua0NsaWNrZWQgPSB7XG4gIHRleHRfbGlua19jbGlja2VkOiBVUkw7XG59O1xuXG5leHBvcnQgdHlwZSBBcnRpY2xlTGlua0NsaWNrZWQgPSB7XG4gIGFydGljbGVfbGlua19jbGlja2VkOiBVUkw7XG59O1xuXG5leHBvcnQgdHlwZSBQcm9kdWN0Q2FyZENsaWNrZWQgPSB7XG4gIHByb2R1Y3RfY2FyZF9jbGlja2VkOiBQcm9kdWN0O1xufTtcblxuZXhwb3J0IHR5cGUgUmV2aWV3Q2FyZENsaWNrZWQgPSB7XG4gIHJldmlld19jYXJkX2NsaWNrZWQ6IFJldmlldztcbn07XG5cbmV4cG9ydCB0eXBlIE1lc3NhZ2VTdWJtaXR0ZWQgPSB7XG4gIG1lc3NhZ2Vfc3VibWl0dGVkOiBSZXF1ZXN0O1xufTtcblxuZXhwb3J0IHR5cGUgV2lkZ2V0SW50ZXJhY3Rpb25EYXRhID1cbiAgfCBTdWdnZXN0aW9uU2Nyb2xsZWRcbiAgfCBTdWdnZXN0aW9uQ2xpY2tlZFxuICB8IFN1Z2dlc3Rpb25Ib3ZlcmVkXG4gIHwgTGlua0NsaWNrZWRcbiAgfCBXaWRnZXRDb2xsYXBzZWRcbiAgfCBUZXh0TGlua0NsaWNrZWRcbiAgfCBBcnRpY2xlTGlua0NsaWNrZWRcbiAgfCBQcm9kdWN0Q2FyZENsaWNrZWRcbiAgfCBSZXZpZXdDYXJkQ2xpY2tlZFxuICB8IE1lc3NhZ2VTdWJtaXR0ZWQ7XG4iXSwibWFwcGluZ3MiOiI7QUF5QkEsSUFBWSxrRkFBTDtBQUNMO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7O0FBR0YsSUFBWSxvRkFBTDtBQUNMO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOzs7QUFHRixJQUFZLDBFQUFMO0FBQ0w7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSJ9

package/dist/hooks/WidgetInteraction/useWidgetInteraction.cjs

@@ -0,0 +1,34 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_variant = require('../../atoms/app/variant.cjs');
+require('../../atoms/app/index.cjs');
+const require_amplitudeContext = require('../../contexts/amplitudeContext/amplitudeContext.cjs');
+require('../../contexts/amplitudeContext/index.cjs');
+const require_hooks_WidgetInteraction_utils = require('./utils.cjs');
+let jotai = require("jotai");
+let uuid = require("uuid");
+
+//#region src/hooks/WidgetInteraction/useWidgetInteraction.ts
+const useWidgetInteraction = () => {
+	const { trackEvent } = require_amplitudeContext.useAmplitude();
+	const variantInfo = (0, jotai.useAtomValue)(require_variant.pageVariantInfoAtom);
+	const trackWidgetInteraction = (props) => {
+		if (props.trigger) props.trigger.interaction_id = props.trigger.interaction_id || getInteractionId();
+		const eventProps = {
+			...props,
+			context: require_hooks_WidgetInteraction_utils.extractPageContext(variantInfo)
+		};
+		trackEvent({
+			eventName: props.eventName,
+			eventProps: { ...eventProps }
+		});
+	};
+	const getInteractionId = () => (0, uuid.v4)();
+	return {
+		trackWidgetInteraction,
+		getInteractionId
+	};
+};
+
+//#endregion
+exports.useWidgetInteraction = useWidgetInteraction;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlV2lkZ2V0SW50ZXJhY3Rpb24uY2pzIiwibmFtZXMiOlsidXNlQW1wbGl0dWRlIiwicGFnZVZhcmlhbnRJbmZvQXRvbSIsImV4dHJhY3RQYWdlQ29udGV4dCJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9ob29rcy9XaWRnZXRJbnRlcmFjdGlvbi91c2VXaWRnZXRJbnRlcmFjdGlvbi50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB1c2VBdG9tVmFsdWUgfSBmcm9tICdqb3RhaSc7XG5pbXBvcnQgeyBwYWdlVmFyaWFudEluZm9BdG9tIH0gZnJvbSAnc3JjL2F0b21zL2FwcCc7XG5pbXBvcnQgeyB1c2VBbXBsaXR1ZGUgfSBmcm9tICdzcmMvY29udGV4dHMvYW1wbGl0dWRlQ29udGV4dCc7XG5pbXBvcnQgeyBQYWdlVmFyaWFudEluZm8gfSBmcm9tICdzcmMvY29udGV4dHMvcGFnZUNvbnRleHQvdHlwZXMnO1xuaW1wb3J0IHsgdjQgYXMgdXVpZCB9IGZyb20gJ3V1aWQnO1xuaW1wb3J0IHsgSW50ZXJuYWxXaWRnZXRJbnRlcmFjdGlvbiwgV2lkZ2V0SW50ZXJhY3Rpb24gfSBmcm9tICcuL3R5cGVzJztcbmltcG9ydCB7IGV4dHJhY3RQYWdlQ29udGV4dCB9IGZyb20gJy4vdXRpbHMnO1xuXG5leHBvcnQgY29uc3QgdXNlV2lkZ2V0SW50ZXJhY3Rpb24gPSAoKSA9PiB7XG4gIGNvbnN0IHsgdHJhY2tFdmVudCB9ID0gdXNlQW1wbGl0dWRlKCk7XG4gIGNvbnN0IHZhcmlhbnRJbmZvID0gdXNlQXRvbVZhbHVlKHBhZ2VWYXJpYW50SW5mb0F0b20pO1xuXG4gIGNvbnN0IHRyYWNrV2lkZ2V0SW50ZXJhY3Rpb24gPSAocHJvcHM6IFdpZGdldEludGVyYWN0aW9uKSA9PiB7XG4gICAgaWYgKHByb3BzLnRyaWdnZXIpIHtcbiAgICAgIHByb3BzLnRyaWdnZXIuaW50ZXJhY3Rpb25faWQgPSBwcm9wcy50cmlnZ2VyLmludGVyYWN0aW9uX2lkIHx8IGdldEludGVyYWN0aW9uSWQoKTtcbiAgICB9XG5cbiAgICBjb25zdCBldmVudFByb3BzID0ge1xuICAgICAgLi4ucHJvcHMsXG4gICAgICBjb250ZXh0OiBleHRyYWN0UGFnZUNvbnRleHQodmFyaWFudEluZm8gYXMgUGFnZVZhcmlhbnRJbmZvKSxcbiAgICB9IGFzIEludGVybmFsV2lkZ2V0SW50ZXJhY3Rpb247XG5cbiAgICB0cmFja0V2ZW50KHtcbiAgICAgIGV2ZW50TmFtZTogcHJvcHMuZXZlbnROYW1lLFxuICAgICAgZXZlbnRQcm9wczogeyAuLi5ldmVudFByb3BzIH0sXG4gICAgfSk7XG4gIH07XG5cbiAgY29uc3QgZ2V0SW50ZXJhY3Rpb25JZCA9ICgpID0+IHV1aWQoKTtcblxuICByZXR1cm4ge1xuICAgIHRyYWNrV2lkZ2V0SW50ZXJhY3Rpb24sXG4gICAgZ2V0SW50ZXJhY3Rpb25JZCxcbiAgfTtcbn07XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7QUFRQSxNQUFhLDZCQUE2QjtDQUN4QyxNQUFNLEVBQUUsZUFBZUEsdUNBQWM7Q0FDckMsTUFBTSxzQ0FBMkJDLG9DQUFvQjtDQUVyRCxNQUFNLDBCQUEwQixVQUE2QjtBQUMzRCxNQUFJLE1BQU0sUUFDUixPQUFNLFFBQVEsaUJBQWlCLE1BQU0sUUFBUSxrQkFBa0Isa0JBQWtCO0VBR25GLE1BQU0sYUFBYTtHQUNqQixHQUFHO0dBQ0gsU0FBU0MseURBQW1CLFlBQStCO0dBQzVEO0FBRUQsYUFBVztHQUNULFdBQVcsTUFBTTtHQUNqQixZQUFZLEVBQUUsR0FBRyxZQUFZO0dBQzlCLENBQUM7O0NBR0osTUFBTSx1Q0FBK0I7QUFFckMsUUFBTztFQUNMO0VBQ0E7RUFDRCJ9

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

@@ -0,0 +1,10 @@
+import { WidgetInteraction } from "./types.cjs";
+
+//#region src/hooks/WidgetInteraction/useWidgetInteraction.d.ts
+declare const useWidgetInteraction: () => {
+  trackWidgetInteraction: (props: WidgetInteraction) => void;
+  getInteractionId: () => string;
+};
+//#endregion
+export { useWidgetInteraction };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlV2lkZ2V0SW50ZXJhY3Rpb24uZC5jdHMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2hvb2tzL1dpZGdldEludGVyYWN0aW9uL3VzZVdpZGdldEludGVyYWN0aW9uLmQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgV2lkZ2V0SW50ZXJhY3Rpb24gfSBmcm9tICcuL3R5cGVzJztcbmV4cG9ydCBkZWNsYXJlIGNvbnN0IHVzZVdpZGdldEludGVyYWN0aW9uOiAoKSA9PiB7XG4gICAgdHJhY2tXaWRnZXRJbnRlcmFjdGlvbjogKHByb3BzOiBXaWRnZXRJbnRlcmFjdGlvbikgPT4gdm9pZDtcbiAgICBnZXRJbnRlcmFjdGlvbklkOiAoKSA9PiBzdHJpbmc7XG59O1xuIl0sIm1hcHBpbmdzIjoiOzs7QUFDQSxJQUFXLHVCQUF1QixDQUFDLFdBQVcsa0JBQUcifQ==

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

@@ -0,0 +1,10 @@
+import { WidgetInteraction } from "./types.js";
+
+//#region src/hooks/WidgetInteraction/useWidgetInteraction.d.ts
+declare const useWidgetInteraction: () => {
+  trackWidgetInteraction: (props: WidgetInteraction) => void;
+  getInteractionId: () => string;
+};
+//#endregion
+export { useWidgetInteraction };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlV2lkZ2V0SW50ZXJhY3Rpb24uZC50cyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvaG9va3MvV2lkZ2V0SW50ZXJhY3Rpb24vdXNlV2lkZ2V0SW50ZXJhY3Rpb24uZC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBXaWRnZXRJbnRlcmFjdGlvbiB9IGZyb20gJy4vdHlwZXMnO1xuZXhwb3J0IGRlY2xhcmUgY29uc3QgdXNlV2lkZ2V0SW50ZXJhY3Rpb246ICgpID0+IHtcbiAgICB0cmFja1dpZGdldEludGVyYWN0aW9uOiAocHJvcHM6IFdpZGdldEludGVyYWN0aW9uKSA9PiB2b2lkO1xuICAgIGdldEludGVyYWN0aW9uSWQ6ICgpID0+IHN0cmluZztcbn07XG4iXSwibWFwcGluZ3MiOiI7OztBQUNBLElBQVcsdUJBQXVCLENBQUMsV0FBVyxrQkFBRyJ9

package/dist/hooks/WidgetInteraction/useWidgetInteraction.js

@@ -0,0 +1,33 @@
+import { pageVariantInfoAtom } from "../../atoms/app/variant.js";
+import "../../atoms/app/index.js";
+import { useAmplitude } from "../../contexts/amplitudeContext/amplitudeContext.js";
+import "../../contexts/amplitudeContext/index.js";
+import { extractPageContext } from "./utils.js";
+import { useAtomValue } from "jotai";
+import { v4 } from "uuid";
+
+//#region src/hooks/WidgetInteraction/useWidgetInteraction.ts
+const useWidgetInteraction = () => {
+	const { trackEvent } = useAmplitude();
+	const variantInfo = useAtomValue(pageVariantInfoAtom);
+	const trackWidgetInteraction = (props) => {
+		if (props.trigger) props.trigger.interaction_id = props.trigger.interaction_id || getInteractionId();
+		const eventProps = {
+			...props,
+			context: extractPageContext(variantInfo)
+		};
+		trackEvent({
+			eventName: props.eventName,
+			eventProps: { ...eventProps }
+		});
+	};
+	const getInteractionId = () => v4();
+	return {
+		trackWidgetInteraction,
+		getInteractionId
+	};
+};
+
+//#endregion
+export { useWidgetInteraction };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlV2lkZ2V0SW50ZXJhY3Rpb24uanMiLCJuYW1lcyI6WyJ1dWlkIl0sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2hvb2tzL1dpZGdldEludGVyYWN0aW9uL3VzZVdpZGdldEludGVyYWN0aW9uLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHVzZUF0b21WYWx1ZSB9IGZyb20gJ2pvdGFpJztcbmltcG9ydCB7IHBhZ2VWYXJpYW50SW5mb0F0b20gfSBmcm9tICdzcmMvYXRvbXMvYXBwJztcbmltcG9ydCB7IHVzZUFtcGxpdHVkZSB9IGZyb20gJ3NyYy9jb250ZXh0cy9hbXBsaXR1ZGVDb250ZXh0JztcbmltcG9ydCB7IFBhZ2VWYXJpYW50SW5mbyB9IGZyb20gJ3NyYy9jb250ZXh0cy9wYWdlQ29udGV4dC90eXBlcyc7XG5pbXBvcnQgeyB2NCBhcyB1dWlkIH0gZnJvbSAndXVpZCc7XG5pbXBvcnQgeyBJbnRlcm5hbFdpZGdldEludGVyYWN0aW9uLCBXaWRnZXRJbnRlcmFjdGlvbiB9IGZyb20gJy4vdHlwZXMnO1xuaW1wb3J0IHsgZXh0cmFjdFBhZ2VDb250ZXh0IH0gZnJvbSAnLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCB1c2VXaWRnZXRJbnRlcmFjdGlvbiA9ICgpID0+IHtcbiAgY29uc3QgeyB0cmFja0V2ZW50IH0gPSB1c2VBbXBsaXR1ZGUoKTtcbiAgY29uc3QgdmFyaWFudEluZm8gPSB1c2VBdG9tVmFsdWUocGFnZVZhcmlhbnRJbmZvQXRvbSk7XG5cbiAgY29uc3QgdHJhY2tXaWRnZXRJbnRlcmFjdGlvbiA9IChwcm9wczogV2lkZ2V0SW50ZXJhY3Rpb24pID0+IHtcbiAgICBpZiAocHJvcHMudHJpZ2dlcikge1xuICAgICAgcHJvcHMudHJpZ2dlci5pbnRlcmFjdGlvbl9pZCA9IHByb3BzLnRyaWdnZXIuaW50ZXJhY3Rpb25faWQgfHwgZ2V0SW50ZXJhY3Rpb25JZCgpO1xuICAgIH1cblxuICAgIGNvbnN0IGV2ZW50UHJvcHMgPSB7XG4gICAgICAuLi5wcm9wcyxcbiAgICAgIGNvbnRleHQ6IGV4dHJhY3RQYWdlQ29udGV4dCh2YXJpYW50SW5mbyBhcyBQYWdlVmFyaWFudEluZm8pLFxuICAgIH0gYXMgSW50ZXJuYWxXaWRnZXRJbnRlcmFjdGlvbjtcblxuICAgIHRyYWNrRXZlbnQoe1xuICAgICAgZXZlbnROYW1lOiBwcm9wcy5ldmVudE5hbWUsXG4gICAgICBldmVudFByb3BzOiB7IC4uLmV2ZW50UHJvcHMgfSxcbiAgICB9KTtcbiAgfTtcblxuICBjb25zdCBnZXRJbnRlcmFjdGlvbklkID0gKCkgPT4gdXVpZCgpO1xuXG4gIHJldHVybiB7XG4gICAgdHJhY2tXaWRnZXRJbnRlcmFjdGlvbixcbiAgICBnZXRJbnRlcmFjdGlvbklkLFxuICB9O1xufTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBUUEsTUFBYSw2QkFBNkI7Q0FDeEMsTUFBTSxFQUFFLGVBQWUsY0FBYztDQUNyQyxNQUFNLGNBQWMsYUFBYSxvQkFBb0I7Q0FFckQsTUFBTSwwQkFBMEIsVUFBNkI7QUFDM0QsTUFBSSxNQUFNLFFBQ1IsT0FBTSxRQUFRLGlCQUFpQixNQUFNLFFBQVEsa0JBQWtCLGtCQUFrQjtFQUduRixNQUFNLGFBQWE7R0FDakIsR0FBRztHQUNILFNBQVMsbUJBQW1CLFlBQStCO0dBQzVEO0FBRUQsYUFBVztHQUNULFdBQVcsTUFBTTtHQUNqQixZQUFZLEVBQUUsR0FBRyxZQUFZO0dBQzlCLENBQUM7O0NBR0osTUFBTSx5QkFBeUJBLElBQU07QUFFckMsUUFBTztFQUNMO0VBQ0E7RUFDRCJ9

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.0",
   "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,
+  };
+};