@envive-ai/react-widgets-v3 0.3.2

package/dist/CXIntegration/implementations/useRichpanelUnifiedCXButton.js

@@ -0,0 +1,64 @@
+import { FLOATING_BUTTON_ID } from "../../widgets/FloatingChatWidget/constants.js";
+import { SelectorFactory } from "@envive-ai/react-hooks/application/utils";
+import { useElementObserver } from "@envive-ai/react-hooks/hooks/ElementObserver";
+
+//#region src/CXIntegration/implementations/useRichpanelUnifiedCXButton.ts
+const useRichpanelUnifiedCXButton = ({ onSwitchToAgent, suppressMerchantButton }) => {
+	const chatWindow = useElementObserver(SelectorFactory.chain("id|richpanel_messenger_iframe @ query|.rp-messenger-container"));
+	const chatButton = useElementObserver(SelectorFactory.query(".rp-messenger-trigger"));
+	const chatAlternativeButton = useElementObserver(SelectorFactory.query(".rp-micro-app-dummy-icon"));
+	const enviveFloatingButton = useElementObserver(SelectorFactory.id(FLOATING_BUTTON_ID));
+	const toggle = () => {
+		chatWindow.show();
+		onSwitchToAgent();
+		if (chatButton) {
+			chatButton.show();
+			chatButton.fire("click");
+			if (suppressMerchantButton) enviveFloatingButton.hide();
+		}
+		if (chatAlternativeButton) {
+			chatAlternativeButton.show();
+			chatAlternativeButton.fire("click");
+			if (suppressMerchantButton) enviveFloatingButton.hide();
+		}
+	};
+	const isRichpanelButtonEnabled = () => {
+		return !!chatButton || !!chatAlternativeButton;
+	};
+	const isSwitchEnabled = () => isRichpanelButtonEnabled();
+	chatButton.onAdd(() => {
+		if (suppressMerchantButton) {
+			chatButton.hide();
+			chatWindow.hide();
+		}
+		enviveFloatingButton.show();
+	});
+	chatAlternativeButton.onAdd(() => {
+		if (suppressMerchantButton) {
+			chatAlternativeButton.hide();
+			chatWindow.hide();
+		}
+		enviveFloatingButton.show();
+	});
+	chatWindow.onChange((el) => {
+		if (el && suppressMerchantButton) {
+			const { classList } = el;
+			if (classList.contains("opened")) {
+				enviveFloatingButton.hide();
+				chatWindow.show();
+			} else if (classList.length === 1 && classList.contains("rp-messenger-container")) {
+				enviveFloatingButton.show();
+				chatButton.hide();
+				chatAlternativeButton.hide();
+				chatWindow.hide();
+			}
+		}
+	});
+	return {
+		toggle,
+		isSwitchEnabled
+	};
+};
+
+//#endregion
+export { useRichpanelUnifiedCXButton };

package/dist/CXIntegration/implementations/useShopifyChatUnifiedCXButton.cjs

@@ -0,0 +1,53 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_constants = require('../../widgets/FloatingChatWidget/constants.cjs');
+let __envive_ai_react_hooks_application_utils = require("@envive-ai/react-hooks/application/utils");
+let __envive_ai_react_hooks_hooks_ElementObserver = require("@envive-ai/react-hooks/hooks/ElementObserver");
+
+//#region src/CXIntegration/implementations/useShopifyChatUnifiedCXButton.ts
+const useShopifyChatUnifiedCXButton = ({ onSwitchToAgent, suppressMerchantButton }) => {
+	const shopifyChatContainer = (0, __envive_ai_react_hooks_hooks_ElementObserver.useElementObserver)(__envive_ai_react_hooks_application_utils.SelectorFactory.id("ShopifyChat"));
+	const shopifyButton = (0, __envive_ai_react_hooks_hooks_ElementObserver.useElementObserver)(__envive_ai_react_hooks_application_utils.SelectorFactory.chain("id|ShopifyChat @ query|.chat-app > button"));
+	const enviveFloatingButton = (0, __envive_ai_react_hooks_hooks_ElementObserver.useElementObserver)(__envive_ai_react_hooks_application_utils.SelectorFactory.id(require_constants.FLOATING_BUTTON_ID));
+	const toggle = () => {
+		if (suppressMerchantButton) enviveFloatingButton.hide();
+		shopifyButton.show();
+		onSwitchToAgent();
+		shopifyButton.fire("click");
+	};
+	const isShopifyButtonEnabled = () => {
+		return !!shopifyButton;
+	};
+	const isSwitchEnabled = () => isShopifyButtonEnabled();
+	const hideEnviveFloatingButton = () => {
+		enviveFloatingButton.hide();
+		shopifyButton.show();
+	};
+	const showEnviveFloatingButton = () => {
+		enviveFloatingButton.show();
+		shopifyButton.hide();
+		shopifyChatContainer.hide();
+	};
+	const handleChatStateChange = async (isOpen) => {
+		if (isOpen) {
+			hideEnviveFloatingButton();
+			return;
+		}
+		showEnviveFloatingButton();
+	};
+	shopifyButton.onAdd(() => {
+		if (suppressMerchantButton) handleChatStateChange(shopifyChatContainer.targetNode?.getAttribute("is-open") === "true");
+	});
+	shopifyChatContainer.onAdd((el) => {
+		if (suppressMerchantButton) handleChatStateChange(el?.getAttribute("is-open") === "true");
+	});
+	shopifyChatContainer.onChange((el) => {
+		if (suppressMerchantButton) handleChatStateChange(el?.getAttribute("is-open") === "true");
+	});
+	return {
+		toggle,
+		isSwitchEnabled
+	};
+};
+
+//#endregion
+exports.useShopifyChatUnifiedCXButton = useShopifyChatUnifiedCXButton;

package/dist/CXIntegration/implementations/useShopifyChatUnifiedCXButton.js

@@ -0,0 +1,52 @@
+import { FLOATING_BUTTON_ID } from "../../widgets/FloatingChatWidget/constants.js";
+import { SelectorFactory } from "@envive-ai/react-hooks/application/utils";
+import { useElementObserver } from "@envive-ai/react-hooks/hooks/ElementObserver";
+
+//#region src/CXIntegration/implementations/useShopifyChatUnifiedCXButton.ts
+const useShopifyChatUnifiedCXButton = ({ onSwitchToAgent, suppressMerchantButton }) => {
+	const shopifyChatContainer = useElementObserver(SelectorFactory.id("ShopifyChat"));
+	const shopifyButton = useElementObserver(SelectorFactory.chain("id|ShopifyChat @ query|.chat-app > button"));
+	const enviveFloatingButton = useElementObserver(SelectorFactory.id(FLOATING_BUTTON_ID));
+	const toggle = () => {
+		if (suppressMerchantButton) enviveFloatingButton.hide();
+		shopifyButton.show();
+		onSwitchToAgent();
+		shopifyButton.fire("click");
+	};
+	const isShopifyButtonEnabled = () => {
+		return !!shopifyButton;
+	};
+	const isSwitchEnabled = () => isShopifyButtonEnabled();
+	const hideEnviveFloatingButton = () => {
+		enviveFloatingButton.hide();
+		shopifyButton.show();
+	};
+	const showEnviveFloatingButton = () => {
+		enviveFloatingButton.show();
+		shopifyButton.hide();
+		shopifyChatContainer.hide();
+	};
+	const handleChatStateChange = async (isOpen) => {
+		if (isOpen) {
+			hideEnviveFloatingButton();
+			return;
+		}
+		showEnviveFloatingButton();
+	};
+	shopifyButton.onAdd(() => {
+		if (suppressMerchantButton) handleChatStateChange(shopifyChatContainer.targetNode?.getAttribute("is-open") === "true");
+	});
+	shopifyChatContainer.onAdd((el) => {
+		if (suppressMerchantButton) handleChatStateChange(el?.getAttribute("is-open") === "true");
+	});
+	shopifyChatContainer.onChange((el) => {
+		if (suppressMerchantButton) handleChatStateChange(el?.getAttribute("is-open") === "true");
+	});
+	return {
+		toggle,
+		isSwitchEnabled
+	};
+};
+
+//#endregion
+export { useShopifyChatUnifiedCXButton };

package/dist/CXIntegration/implementations/useTidioUnifiedCXButton.cjs

@@ -0,0 +1,18 @@
+
+//#region src/CXIntegration/implementations/useTidioUnifiedCXButton.ts
+const useTidioUnifiedCXButton = ({ onSwitchToAgent }) => {
+	const tidioButton = window.tidioChatApi;
+	const toggle = () => {
+		onSwitchToAgent();
+		if (tidioButton) tidioButton.open();
+	};
+	const isTidioButtonEnabled = () => !!document.getElementById("tidio-chat-iframe");
+	const isSwitchEnabled = () => isTidioButtonEnabled();
+	return {
+		toggle,
+		isSwitchEnabled
+	};
+};
+
+//#endregion
+exports.useTidioUnifiedCXButton = useTidioUnifiedCXButton;

package/dist/CXIntegration/implementations/useTidioUnifiedCXButton.js

@@ -0,0 +1,17 @@
+//#region src/CXIntegration/implementations/useTidioUnifiedCXButton.ts
+const useTidioUnifiedCXButton = ({ onSwitchToAgent }) => {
+	const tidioButton = window.tidioChatApi;
+	const toggle = () => {
+		onSwitchToAgent();
+		if (tidioButton) tidioButton.open();
+	};
+	const isTidioButtonEnabled = () => !!document.getElementById("tidio-chat-iframe");
+	const isSwitchEnabled = () => isTidioButtonEnabled();
+	return {
+		toggle,
+		isSwitchEnabled
+	};
+};
+
+//#endregion
+export { useTidioUnifiedCXButton };

package/dist/CXIntegration/implementations/useZendeskUnifiedCXButton.cjs

@@ -0,0 +1,54 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_constants = require('../../widgets/FloatingChatWidget/constants.cjs');
+let __envive_ai_react_hooks_application_utils = require("@envive-ai/react-hooks/application/utils");
+let __envive_ai_react_hooks_hooks_ElementObserver = require("@envive-ai/react-hooks/hooks/ElementObserver");
+
+//#region src/CXIntegration/implementations/useZendeskUnifiedCXButton.ts
+const useZendeskUnifiedCXButton = ({ onSwitchToAgent, suppressMerchantButton }) => {
+	const zendeskButton = (0, __envive_ai_react_hooks_hooks_ElementObserver.useElementObserver)(__envive_ai_react_hooks_application_utils.SelectorFactory.chain("id|launcher @ query|button"));
+	const zendeskAlternativeIframe = (0, __envive_ai_react_hooks_hooks_ElementObserver.useElementObserver)(__envive_ai_react_hooks_application_utils.SelectorFactory.chain("id|webWidget"));
+	const enviveFloatingButton = (0, __envive_ai_react_hooks_hooks_ElementObserver.useElementObserver)(__envive_ai_react_hooks_application_utils.SelectorFactory.id(require_constants.FLOATING_BUTTON_ID));
+	const zendeskIframe = (0, __envive_ai_react_hooks_hooks_ElementObserver.useElementObserver)(__envive_ai_react_hooks_application_utils.SelectorFactory.id("launcher"));
+	const toggle = () => {
+		zendeskIframe.hide();
+		onSwitchToAgent();
+		zendeskButton.fire("click");
+		if (suppressMerchantButton) enviveFloatingButton.hide();
+	};
+	const isZendeskButtonEnabled = () => {
+		return !!(document?.getElementById("launcher"))?.contentWindow?.document?.querySelector("button");
+	};
+	const isSwitchEnabled = () => isZendeskButtonEnabled();
+	zendeskIframe.onAdd(() => {
+		if (suppressMerchantButton) {
+			enviveFloatingButton.show();
+			zendeskIframe.hide();
+		}
+	});
+	zendeskButton.onChange((el) => {
+		if (el && suppressMerchantButton) {
+			const ariaLabel = el.getAttribute("aria-label");
+			if (ariaLabel === "Open messaging window") {
+				enviveFloatingButton.show();
+				zendeskIframe.hide();
+			}
+			if (ariaLabel === "Close messaging window") {
+				enviveFloatingButton.hide();
+				zendeskIframe.show();
+			}
+		}
+	});
+	zendeskAlternativeIframe.onRemove(() => {
+		if (suppressMerchantButton) {
+			enviveFloatingButton.show();
+			zendeskIframe.hide();
+		}
+	});
+	return {
+		toggle,
+		isSwitchEnabled
+	};
+};
+
+//#endregion
+exports.useZendeskUnifiedCXButton = useZendeskUnifiedCXButton;

package/dist/CXIntegration/implementations/useZendeskUnifiedCXButton.js

@@ -0,0 +1,53 @@
+import { FLOATING_BUTTON_ID } from "../../widgets/FloatingChatWidget/constants.js";
+import { SelectorFactory } from "@envive-ai/react-hooks/application/utils";
+import { useElementObserver } from "@envive-ai/react-hooks/hooks/ElementObserver";
+
+//#region src/CXIntegration/implementations/useZendeskUnifiedCXButton.ts
+const useZendeskUnifiedCXButton = ({ onSwitchToAgent, suppressMerchantButton }) => {
+	const zendeskButton = useElementObserver(SelectorFactory.chain("id|launcher @ query|button"));
+	const zendeskAlternativeIframe = useElementObserver(SelectorFactory.chain("id|webWidget"));
+	const enviveFloatingButton = useElementObserver(SelectorFactory.id(FLOATING_BUTTON_ID));
+	const zendeskIframe = useElementObserver(SelectorFactory.id("launcher"));
+	const toggle = () => {
+		zendeskIframe.hide();
+		onSwitchToAgent();
+		zendeskButton.fire("click");
+		if (suppressMerchantButton) enviveFloatingButton.hide();
+	};
+	const isZendeskButtonEnabled = () => {
+		return !!(document?.getElementById("launcher"))?.contentWindow?.document?.querySelector("button");
+	};
+	const isSwitchEnabled = () => isZendeskButtonEnabled();
+	zendeskIframe.onAdd(() => {
+		if (suppressMerchantButton) {
+			enviveFloatingButton.show();
+			zendeskIframe.hide();
+		}
+	});
+	zendeskButton.onChange((el) => {
+		if (el && suppressMerchantButton) {
+			const ariaLabel = el.getAttribute("aria-label");
+			if (ariaLabel === "Open messaging window") {
+				enviveFloatingButton.show();
+				zendeskIframe.hide();
+			}
+			if (ariaLabel === "Close messaging window") {
+				enviveFloatingButton.hide();
+				zendeskIframe.show();
+			}
+		}
+	});
+	zendeskAlternativeIframe.onRemove(() => {
+		if (suppressMerchantButton) {
+			enviveFloatingButton.show();
+			zendeskIframe.hide();
+		}
+	});
+	return {
+		toggle,
+		isSwitchEnabled
+	};
+};
+
+//#endregion
+export { useZendeskUnifiedCXButton };

package/dist/CXIntegration/implementations/useZowieUnifiedCXButton.cjs

@@ -0,0 +1,18 @@
+
+//#region src/CXIntegration/implementations/useZowieUnifiedCXButton.ts
+const useZowieUnifiedCXButton = ({ onSwitchToAgent }) => {
+	const zowieButton = window?.Zowie;
+	const toggle = () => {
+		onSwitchToAgent();
+		if (zowieButton) zowieButton?.open();
+	};
+	const isZowieButtonEnabled = () => !!zowieButton;
+	const isSwitchEnabled = () => isZowieButtonEnabled();
+	return {
+		toggle,
+		isSwitchEnabled
+	};
+};
+
+//#endregion
+exports.useZowieUnifiedCXButton = useZowieUnifiedCXButton;

package/dist/CXIntegration/implementations/useZowieUnifiedCXButton.js

@@ -0,0 +1,17 @@
+//#region src/CXIntegration/implementations/useZowieUnifiedCXButton.ts
+const useZowieUnifiedCXButton = ({ onSwitchToAgent }) => {
+	const zowieButton = window?.Zowie;
+	const toggle = () => {
+		onSwitchToAgent();
+		if (zowieButton) zowieButton?.open();
+	};
+	const isZowieButtonEnabled = () => !!zowieButton;
+	const isSwitchEnabled = () => isZowieButtonEnabled();
+	return {
+		toggle,
+		isSwitchEnabled
+	};
+};
+
+//#endregion
+export { useZowieUnifiedCXButton };

package/dist/CXIntegration/types.cjs

@@ -0,0 +1,19 @@
+
+//#region src/CXIntegration/types.ts
+let CustomerServiceType = /* @__PURE__ */ function(CustomerServiceType$1) {
+	CustomerServiceType$1["shopify"] = "shopify";
+	CustomerServiceType$1["gorgias"] = "gorgias";
+	CustomerServiceType$1["kustomer"] = "kustomer";
+	CustomerServiceType$1["groove"] = "groove";
+	CustomerServiceType$1["tidio"] = "tidio";
+	CustomerServiceType$1["zowie"] = "zowie";
+	CustomerServiceType$1["redo"] = "redo";
+	CustomerServiceType$1["gladly"] = "gladly";
+	CustomerServiceType$1["richpanel"] = "richpanel";
+	CustomerServiceType$1["zendesk"] = "zendesk";
+	CustomerServiceType$1["unsupported"] = "unsupported";
+	return CustomerServiceType$1;
+}({});
+
+//#endregion
+exports.CustomerServiceType = CustomerServiceType;

package/dist/CXIntegration/types.js

@@ -0,0 +1,18 @@
+//#region src/CXIntegration/types.ts
+let CustomerServiceType = /* @__PURE__ */ function(CustomerServiceType$1) {
+	CustomerServiceType$1["shopify"] = "shopify";
+	CustomerServiceType$1["gorgias"] = "gorgias";
+	CustomerServiceType$1["kustomer"] = "kustomer";
+	CustomerServiceType$1["groove"] = "groove";
+	CustomerServiceType$1["tidio"] = "tidio";
+	CustomerServiceType$1["zowie"] = "zowie";
+	CustomerServiceType$1["redo"] = "redo";
+	CustomerServiceType$1["gladly"] = "gladly";
+	CustomerServiceType$1["richpanel"] = "richpanel";
+	CustomerServiceType$1["zendesk"] = "zendesk";
+	CustomerServiceType$1["unsupported"] = "unsupported";
+	return CustomerServiceType$1;
+}({});
+
+//#endregion
+export { CustomerServiceType };

package/dist/CXIntegration/utils/functions.cjs

@@ -0,0 +1,30 @@
+const require_types = require('../types.cjs');
+const require_useGrooveUnifiedCXButton = require('../implementations/useGrooveUnifiedCXButton.cjs');
+const require_useShopifyChatUnifiedCXButton = require('../implementations/useShopifyChatUnifiedCXButton.cjs');
+const require_useGladlyUnifiedCXButton = require('../implementations/useGladlyUnifiedCXButton.cjs');
+const require_useGorgiasUnifiedCXButton = require('../implementations/useGorgiasUnifiedCXButton.cjs');
+const require_useTidioUnifiedCXButton = require('../implementations/useTidioUnifiedCXButton.cjs');
+const require_useZowieUnifiedCXButton = require('../implementations/useZowieUnifiedCXButton.cjs');
+const require_useReDoUnifiedCXButton = require('../implementations/useReDoUnifiedCXButton.cjs');
+const require_useRichpanelUnifiedCXButton = require('../implementations/useRichpanelUnifiedCXButton.cjs');
+const require_useZendeskUnifiedCXButton = require('../implementations/useZendeskUnifiedCXButton.cjs');
+const require_useKustomerUnifiedCXButton = require('../implementations/useKustomerUnifiedCXButton.cjs');
+const require_useDefaultUnifiedCXButton = require('../implementations/useDefaultUnifiedCXButton.cjs');
+
+//#region src/CXIntegration/utils/functions.ts
+const findCustomerServiceImpl = (provider) => {
+	if (provider === require_types.CustomerServiceType.kustomer) return require_useKustomerUnifiedCXButton.useKustomerUnifiedCXButton;
+	if (provider === require_types.CustomerServiceType.groove) return require_useGrooveUnifiedCXButton.useGrooveUnifiedCXButton;
+	if (provider === require_types.CustomerServiceType.gladly) return require_useGladlyUnifiedCXButton.useGladlyUnifiedCXButton;
+	if (provider === require_types.CustomerServiceType.shopify) return require_useShopifyChatUnifiedCXButton.useShopifyChatUnifiedCXButton;
+	if (provider === require_types.CustomerServiceType.gorgias) return require_useGorgiasUnifiedCXButton.useGorgiasUnifiedCXButton;
+	if (provider === require_types.CustomerServiceType.tidio) return require_useTidioUnifiedCXButton.useTidioUnifiedCXButton;
+	if (provider === require_types.CustomerServiceType.zowie) return require_useZowieUnifiedCXButton.useZowieUnifiedCXButton;
+	if (provider === require_types.CustomerServiceType.redo) return require_useReDoUnifiedCXButton.useReDoUnifiedCXButton;
+	if (provider === require_types.CustomerServiceType.richpanel) return require_useRichpanelUnifiedCXButton.useRichpanelUnifiedCXButton;
+	if (provider === require_types.CustomerServiceType.zendesk) return require_useZendeskUnifiedCXButton.useZendeskUnifiedCXButton;
+	return require_useDefaultUnifiedCXButton.useDefaultUnifiedCXButton;
+};
+
+//#endregion
+exports.findCustomerServiceImpl = findCustomerServiceImpl;

package/dist/CXIntegration/utils/functions.js

@@ -0,0 +1,30 @@
+import { CustomerServiceType } from "../types.js";
+import { useGrooveUnifiedCXButton } from "../implementations/useGrooveUnifiedCXButton.js";
+import { useShopifyChatUnifiedCXButton } from "../implementations/useShopifyChatUnifiedCXButton.js";
+import { useGladlyUnifiedCXButton } from "../implementations/useGladlyUnifiedCXButton.js";
+import { useGorgiasUnifiedCXButton } from "../implementations/useGorgiasUnifiedCXButton.js";
+import { useTidioUnifiedCXButton } from "../implementations/useTidioUnifiedCXButton.js";
+import { useZowieUnifiedCXButton } from "../implementations/useZowieUnifiedCXButton.js";
+import { useReDoUnifiedCXButton } from "../implementations/useReDoUnifiedCXButton.js";
+import { useRichpanelUnifiedCXButton } from "../implementations/useRichpanelUnifiedCXButton.js";
+import { useZendeskUnifiedCXButton } from "../implementations/useZendeskUnifiedCXButton.js";
+import { useKustomerUnifiedCXButton } from "../implementations/useKustomerUnifiedCXButton.js";
+import { useDefaultUnifiedCXButton } from "../implementations/useDefaultUnifiedCXButton.js";
+
+//#region src/CXIntegration/utils/functions.ts
+const findCustomerServiceImpl = (provider) => {
+	if (provider === CustomerServiceType.kustomer) return useKustomerUnifiedCXButton;
+	if (provider === CustomerServiceType.groove) return useGrooveUnifiedCXButton;
+	if (provider === CustomerServiceType.gladly) return useGladlyUnifiedCXButton;
+	if (provider === CustomerServiceType.shopify) return useShopifyChatUnifiedCXButton;
+	if (provider === CustomerServiceType.gorgias) return useGorgiasUnifiedCXButton;
+	if (provider === CustomerServiceType.tidio) return useTidioUnifiedCXButton;
+	if (provider === CustomerServiceType.zowie) return useZowieUnifiedCXButton;
+	if (provider === CustomerServiceType.redo) return useReDoUnifiedCXButton;
+	if (provider === CustomerServiceType.richpanel) return useRichpanelUnifiedCXButton;
+	if (provider === CustomerServiceType.zendesk) return useZendeskUnifiedCXButton;
+	return useDefaultUnifiedCXButton;
+};
+
+//#endregion
+export { findCustomerServiceImpl };

package/dist/_virtual/rolldown_runtime.cjs

@@ -0,0 +1,29 @@
+//#region rolldown:runtime
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+			key = keys[i];
+			if (!__hasOwnProp.call(to, key) && key !== except) {
+				__defProp(to, key, {
+					get: ((k) => from[k]).bind(null, key),
+					enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+				});
+			}
+		}
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+
+//#endregion
+
+exports.__toESM = __toESM;

package/dist/hocs/withBaseWidget/index.cjs

@@ -0,0 +1,3 @@
+const require_withBaseWidget = require('./withBaseWidget.cjs');
+
+exports.withBaseWidget = require_withBaseWidget.withBaseWidget;

package/dist/hocs/withBaseWidget/index.d.cts

@@ -0,0 +1,3 @@
+import { BaseWidgetProps, WithBaseWidgetOptions } from "./types.cjs";
+import { withBaseWidget } from "./withBaseWidget.cjs";
+export { type BaseWidgetProps, type WithBaseWidgetOptions, withBaseWidget };

package/dist/hocs/withBaseWidget/index.d.ts

@@ -0,0 +1,3 @@
+import { BaseWidgetProps, WithBaseWidgetOptions } from "./types.js";
+import { withBaseWidget } from "./withBaseWidget.js";
+export { type BaseWidgetProps, type WithBaseWidgetOptions, withBaseWidget };

package/dist/hocs/withBaseWidget/index.js

@@ -0,0 +1,3 @@
+import { withBaseWidget } from "./withBaseWidget.js";
+
+export { withBaseWidget };

package/dist/hocs/withBaseWidget/types.d.cts

@@ -0,0 +1,37 @@
+import { OrgUIConfigV3, WidgetConfigV3, WidgetTypeV3 } from "../../hooks/dist/contexts/typesV3.cjs";
+import { SpiffyMetricsEventName } from "../../hooks/dist/services/amplitudeService/amplitudeService.cjs";
+import { HardcopyResponse } from "../../hooks/dist/contexts/hardcopyContext/hardcopyContext.cjs";
+import { RefObject } from "react";
+
+//#region src/hocs/withBaseWidget/types.d.ts
+interface BaseWidgetProps {
+  widgetConfigId?: string;
+  widgetType: WidgetTypeV3;
+  observedWidget?: RefObject<BaseWidgetProps>;
+  hardcopyContent?: HardcopyResponse;
+  widgetConfig?: WidgetConfigV3;
+  uiConfig?: OrgUIConfigV3;
+  isLoading?: boolean;
+  isHardcopyLoading?: boolean;
+  isPageLoading?: boolean;
+  isWidgetConfigLoading?: boolean;
+  isUiConfigLoading?: boolean;
+}
+interface WithBaseWidgetOptions {
+  /**
+   * The Amplitude event name to track when the widget becomes visible.
+   * Defaults to a generic component visible event if not provided.
+   */
+  visibilityEventName?: SpiffyMetricsEventName;
+  /**
+   * Additional properties to include with the visibility event.
+   */
+  visibilityEventProps?: Record<string, unknown>;
+  /**
+   * Root margin for the IntersectionObserver (e.g., '0px', '100px').
+   * Defaults to '0px'.
+   */
+  rootMargin?: string;
+}
+//#endregion
+export { BaseWidgetProps, WithBaseWidgetOptions };

package/dist/hocs/withBaseWidget/types.d.ts

@@ -0,0 +1,39 @@
+import { OrgUIConfigV3, WidgetConfigV3, WidgetTypeV3 } from "../../hooks/dist/contexts/typesV3.js";
+import { SpiffyMetricsEventName } from "../../hooks/dist/services/amplitudeService/amplitudeService.js";
+import "../../hooks/dist/contexts/amplitudeContext/index.js";
+import { HardcopyResponse } from "../../hooks/dist/contexts/hardcopyContext/hardcopyContext.js";
+import "../../hooks/dist/contexts/hardcopyContext/index.js";
+import { RefObject } from "react";
+
+//#region src/hocs/withBaseWidget/types.d.ts
+interface BaseWidgetProps {
+  widgetConfigId?: string;
+  widgetType: WidgetTypeV3;
+  observedWidget?: RefObject<BaseWidgetProps>;
+  hardcopyContent?: HardcopyResponse;
+  widgetConfig?: WidgetConfigV3;
+  uiConfig?: OrgUIConfigV3;
+  isLoading?: boolean;
+  isHardcopyLoading?: boolean;
+  isPageLoading?: boolean;
+  isWidgetConfigLoading?: boolean;
+  isUiConfigLoading?: boolean;
+}
+interface WithBaseWidgetOptions {
+  /**
+   * The Amplitude event name to track when the widget becomes visible.
+   * Defaults to a generic component visible event if not provided.
+   */
+  visibilityEventName?: SpiffyMetricsEventName;
+  /**
+   * Additional properties to include with the visibility event.
+   */
+  visibilityEventProps?: Record<string, unknown>;
+  /**
+   * Root margin for the IntersectionObserver (e.g., '0px', '100px').
+   * Defaults to '0px'.
+   */
+  rootMargin?: string;
+}
+//#endregion
+export { BaseWidgetProps, WithBaseWidgetOptions };