@hifilabs/pixel 0.3.0 → 0.6.0

package/dist/index.js

@@ -69,7 +69,8 @@ __export(src_exports, {
   useBalanceSearch: () => useBalanceSearch,
   useBalanceSocial: () => useBalanceSocial,
   useBalanceSubscription: () => useBalanceSubscription,
-  useGTMConsent: () => useGTMConsent
+  useGTMConsent: () => useGTMConsent,
+  usePageviewTracking: () => usePageviewTracking
 });
 module.exports = __toCommonJS(src_exports);
 
@@ -300,26 +301,42 @@ function BalanceProvider({
   const track2 = (0, import_react4.useCallback)((event, properties) => {
     if (typeof window === "undefined")
       return;
-    ensureGlobalStub();
-    window.balance("track", event, properties || {});
+    if (window.balance?.track) {
+      window.balance.track(event, properties || {});
+    } else {
+      ensureGlobalStub();
+      window.balance("track", event, properties || {});
+    }
   }, []);
   const identify2 = (0, import_react4.useCallback)((email, traits) => {
     if (typeof window === "undefined")
       return;
-    ensureGlobalStub();
-    window.balance("identify", email, traits || {});
+    if (window.balance?.identify) {
+      window.balance.identify(email, traits || {});
+    } else {
+      ensureGlobalStub();
+      window.balance("identify", email, traits || {});
+    }
   }, []);
   const page2 = (0, import_react4.useCallback)((options) => {
     if (typeof window === "undefined")
       return;
-    ensureGlobalStub();
-    window.balance("page", options || {});
+    if (window.balance?.page) {
+      window.balance.page(options || {});
+    } else {
+      ensureGlobalStub();
+      window.balance("page", options || {});
+    }
   }, []);
   const purchase2 = (0, import_react4.useCallback)((amount, currency, properties) => {
     if (typeof window === "undefined")
       return;
-    ensureGlobalStub();
-    window.balance("purchase", amount, currency || "USD", properties || {});
+    if (window.balance?.purchase) {
+      window.balance.purchase(amount, currency || "USD", properties || {});
+    } else {
+      ensureGlobalStub();
+      window.balance("purchase", amount, currency || "USD", properties || {});
+    }
   }, []);
   const getSessionId2 = (0, import_react4.useCallback)(() => {
     if (typeof window === "undefined")
@@ -339,8 +356,12 @@ function BalanceProvider({
   const setConsent2 = (0, import_react4.useCallback)((preferences) => {
     if (typeof window === "undefined")
       return;
-    ensureGlobalStub();
-    window.balance("setConsent", preferences);
+    if (window.balance?.setConsent) {
+      window.balance.setConsent(preferences);
+    } else {
+      ensureGlobalStub();
+      window.balance("setConsent", preferences);
+    }
   }, []);
   const getConsent2 = (0, import_react4.useCallback)(() => {
     if (typeof window === "undefined")
@@ -483,11 +504,40 @@ function useBalanceReady() {
   return context.isReady;
 }
 
-// src/react/useBalanceEcommerce.ts
+// src/react/usePageviewTracking.ts
 var import_react8 = require("react");
+var import_navigation = require("next/navigation");
+function usePageviewTracking(options) {
+  const { page: page2 } = useBalance();
+  const pathname = (0, import_navigation.usePathname)();
+  const isFirstRender = (0, import_react8.useRef)(true);
+  const previousPathRef = (0, import_react8.useRef)(null);
+  (0, import_react8.useEffect)(() => {
+    if (isFirstRender.current) {
+      isFirstRender.current = false;
+      previousPathRef.current = pathname;
+      return;
+    }
+    if (pathname === previousPathRef.current) {
+      return;
+    }
+    previousPathRef.current = pathname;
+    if (typeof window !== "undefined") {
+      const url = window.location.href;
+      const title = document.title;
+      if (options?.debug) {
+        console.log("[usePageviewTracking] Route change detected:", { url, title });
+      }
+      page2({ url, title });
+    }
+  }, [pathname, page2, options?.debug]);
+}
+
+// src/react/useBalanceEcommerce.ts
+var import_react9 = require("react");
 function useBalanceEcommerce() {
   const { track: track2, purchase: purchase2 } = useBalance();
-  const formatProduct = (0, import_react8.useCallback)((product, quantity) => ({
+  const formatProduct = (0, import_react9.useCallback)((product, quantity) => ({
     item_id: product.id,
     item_name: product.name,
     price: product.price,
@@ -496,66 +546,66 @@ function useBalanceEcommerce() {
     item_brand: product.brand,
     quantity: quantity ?? product.quantity ?? 1
   }), []);
-  const formatProducts = (0, import_react8.useCallback)(
+  const formatProducts = (0, import_react9.useCallback)(
     (products) => products.map((p, index) => ({
       ...formatProduct(p),
       index
     })),
     [formatProduct]
   );
-  const calculateValue = (0, import_react8.useCallback)(
+  const calculateValue = (0, import_react9.useCallback)(
     (items) => items.reduce((sum, item) => sum + item.price * (item.quantity || 1), 0),
     []
   );
-  const viewProduct = (0, import_react8.useCallback)((product) => {
+  const viewProduct = (0, import_react9.useCallback)((product) => {
     track2("view_item", {
       currency: "USD",
       value: product.price,
       items: [formatProduct(product)]
     });
   }, [track2, formatProduct]);
-  const viewProductList = (0, import_react8.useCallback)((listName, products) => {
+  const viewProductList = (0, import_react9.useCallback)((listName, products) => {
     track2("view_item_list", {
       item_list_id: listName.toLowerCase().replace(/\s+/g, "_"),
       item_list_name: listName,
       items: formatProducts(products)
     });
   }, [track2, formatProducts]);
-  const selectProduct = (0, import_react8.useCallback)((product, listName) => {
+  const selectProduct = (0, import_react9.useCallback)((product, listName) => {
     track2("select_item", {
       item_list_name: listName,
       items: [formatProduct(product)]
     });
   }, [track2, formatProduct]);
-  const addToCart = (0, import_react8.useCallback)((product, quantity = 1) => {
+  const addToCart = (0, import_react9.useCallback)((product, quantity = 1) => {
     track2("add_to_cart", {
       currency: "USD",
       value: product.price * quantity,
       items: [formatProduct(product, quantity)]
     });
   }, [track2, formatProduct]);
-  const removeFromCart = (0, import_react8.useCallback)((product, quantity = 1) => {
+  const removeFromCart = (0, import_react9.useCallback)((product, quantity = 1) => {
     track2("remove_from_cart", {
       currency: "USD",
       value: product.price * quantity,
       items: [formatProduct(product, quantity)]
     });
   }, [track2, formatProduct]);
-  const viewCart = (0, import_react8.useCallback)((items, cartTotal) => {
+  const viewCart = (0, import_react9.useCallback)((items, cartTotal) => {
     track2("view_cart", {
       currency: "USD",
       value: cartTotal,
       items: formatProducts(items)
     });
   }, [track2, formatProducts]);
-  const beginCheckout = (0, import_react8.useCallback)((items, total, currency = "USD") => {
+  const beginCheckout = (0, import_react9.useCallback)((items, total, currency = "USD") => {
     track2("begin_checkout", {
       currency,
       value: total,
       items: formatProducts(items)
     });
   }, [track2, formatProducts]);
-  const addShippingInfo = (0, import_react8.useCallback)((shippingTier, items) => {
+  const addShippingInfo = (0, import_react9.useCallback)((shippingTier, items) => {
     track2("add_shipping_info", {
       currency: "USD",
       value: calculateValue(items),
@@ -563,7 +613,7 @@ function useBalanceEcommerce() {
       items: formatProducts(items)
     });
   }, [track2, formatProducts, calculateValue]);
-  const addPaymentInfo = (0, import_react8.useCallback)((paymentType, items) => {
+  const addPaymentInfo = (0, import_react9.useCallback)((paymentType, items) => {
     track2("add_payment_info", {
       currency: "USD",
       value: calculateValue(items),
@@ -571,7 +621,7 @@ function useBalanceEcommerce() {
       items: formatProducts(items)
     });
   }, [track2, formatProducts, calculateValue]);
-  const completePurchase = (0, import_react8.useCallback)((orderId, total, items, options = {}) => {
+  const completePurchase = (0, import_react9.useCallback)((orderId, total, items, options = {}) => {
     const { currency = "USD", tax, shipping, coupon } = options;
     purchase2(total, currency, {
       order_id: orderId,
@@ -581,7 +631,7 @@ function useBalanceEcommerce() {
       items: formatProducts(items)
     });
   }, [purchase2, formatProducts]);
-  const refund = (0, import_react8.useCallback)((orderId, amount, items) => {
+  const refund = (0, import_react9.useCallback)((orderId, amount, items) => {
     track2("refund", {
       currency: "USD",
       transaction_id: orderId,
@@ -609,15 +659,15 @@ function useBalanceEcommerce() {
 }
 
 // src/react/useBalanceMedia.ts
-var import_react9 = require("react");
+var import_react10 = require("react");
 function useBalanceMedia() {
   const { track: track2 } = useBalance();
-  const playStartRef = (0, import_react9.useRef)(null);
-  const totalListenTimeRef = (0, import_react9.useRef)(0);
-  const milestonesTrackedRef = (0, import_react9.useRef)(/* @__PURE__ */ new Set());
-  const currentMediaIdRef = (0, import_react9.useRef)(null);
-  const isPlayingRef = (0, import_react9.useRef)(false);
-  const formatMedia = (0, import_react9.useCallback)((media) => ({
+  const playStartRef = (0, import_react10.useRef)(null);
+  const totalListenTimeRef = (0, import_react10.useRef)(0);
+  const milestonesTrackedRef = (0, import_react10.useRef)(/* @__PURE__ */ new Set());
+  const currentMediaIdRef = (0, import_react10.useRef)(null);
+  const isPlayingRef = (0, import_react10.useRef)(false);
+  const formatMedia = (0, import_react10.useCallback)((media) => ({
     media_id: media.mediaId,
     title: media.title,
     duration: media.duration,
@@ -628,21 +678,21 @@ function useBalanceMedia() {
     playlist: media.playlist,
     playlist_position: media.playlistPosition
   }), []);
-  const getListenDuration = (0, import_react9.useCallback)(() => {
+  const getListenDuration = (0, import_react10.useCallback)(() => {
     let duration = totalListenTimeRef.current;
     if (isPlayingRef.current && playStartRef.current) {
       duration += (Date.now() - playStartRef.current) / 1e3;
     }
     return Math.round(duration * 100) / 100;
   }, []);
-  const reset = (0, import_react9.useCallback)(() => {
+  const reset = (0, import_react10.useCallback)(() => {
     playStartRef.current = null;
     totalListenTimeRef.current = 0;
     milestonesTrackedRef.current.clear();
     currentMediaIdRef.current = null;
     isPlayingRef.current = false;
   }, []);
-  const play = (0, import_react9.useCallback)((media) => {
+  const play = (0, import_react10.useCallback)((media) => {
     if (currentMediaIdRef.current !== media.mediaId) {
       reset();
       currentMediaIdRef.current = media.mediaId;
@@ -654,7 +704,7 @@ function useBalanceMedia() {
       session_listen_time: totalListenTimeRef.current
     });
   }, [track2, formatMedia, reset]);
-  const pause = (0, import_react9.useCallback)((media, currentTime) => {
+  const pause = (0, import_react10.useCallback)((media, currentTime) => {
     if (playStartRef.current && isPlayingRef.current) {
       totalListenTimeRef.current += (Date.now() - playStartRef.current) / 1e3;
     }
@@ -668,7 +718,7 @@ function useBalanceMedia() {
       session_listen_time: totalListenTimeRef.current
     });
   }, [track2, formatMedia]);
-  const complete = (0, import_react9.useCallback)((media) => {
+  const complete = (0, import_react10.useCallback)((media) => {
     if (playStartRef.current && isPlayingRef.current) {
       totalListenTimeRef.current += (Date.now() - playStartRef.current) / 1e3;
     }
@@ -679,7 +729,7 @@ function useBalanceMedia() {
     });
     reset();
   }, [track2, formatMedia, reset]);
-  const seek = (0, import_react9.useCallback)((media, fromTime, toTime) => {
+  const seek = (0, import_react10.useCallback)((media, fromTime, toTime) => {
     track2("media_seek", {
       ...formatMedia(media),
       from_time: fromTime,
@@ -688,7 +738,7 @@ function useBalanceMedia() {
       seek_direction: toTime > fromTime ? "forward" : "backward"
     });
   }, [track2, formatMedia]);
-  const trackProgress = (0, import_react9.useCallback)((media, currentTime) => {
+  const trackProgress = (0, import_react10.useCallback)((media, currentTime) => {
     if (media.duration <= 0)
       return;
     const percentPlayed = currentTime / media.duration * 100;
@@ -705,28 +755,28 @@ function useBalanceMedia() {
       }
     });
   }, [track2, formatMedia, getListenDuration]);
-  const buffer = (0, import_react9.useCallback)((media, currentTime) => {
+  const buffer = (0, import_react10.useCallback)((media, currentTime) => {
     track2("media_buffer", {
       ...formatMedia(media),
       current_time: currentTime,
       percent_played: media.duration > 0 ? Math.round(currentTime / media.duration * 100) : 0
     });
   }, [track2, formatMedia]);
-  const qualityChange = (0, import_react9.useCallback)((media, fromQuality, toQuality) => {
+  const qualityChange = (0, import_react10.useCallback)((media, fromQuality, toQuality) => {
     track2("media_quality_change", {
       ...formatMedia(media),
       from_quality: fromQuality,
       to_quality: toQuality
     });
   }, [track2, formatMedia]);
-  const volumeChange = (0, import_react9.useCallback)((media, volume, muted) => {
+  const volumeChange = (0, import_react10.useCallback)((media, volume, muted) => {
     track2("media_volume_change", {
       ...formatMedia(media),
       volume: Math.round(volume * 100),
       muted
     });
   }, [track2, formatMedia]);
-  const speedChange = (0, import_react9.useCallback)((media, speed) => {
+  const speedChange = (0, import_react10.useCallback)((media, speed) => {
     track2("media_speed_change", {
       ...formatMedia(media),
       playback_speed: speed
@@ -752,30 +802,30 @@ function useBalanceMedia() {
 }
 
 // src/react/useBalanceEngagement.ts
-var import_react10 = require("react");
+var import_react11 = require("react");
 function useBalanceEngagement(contentId, contentTitle) {
   const { track: track2 } = useBalance();
-  const scrollMilestonesRef = (0, import_react10.useRef)(/* @__PURE__ */ new Set());
-  const pageLoadTimeRef = (0, import_react10.useRef)(null);
-  const isTrackingTimeRef = (0, import_react10.useRef)(false);
-  const timeIntervalsRef = (0, import_react10.useRef)([30, 60, 120, 300]);
-  const timeTrackedRef = (0, import_react10.useRef)(/* @__PURE__ */ new Set());
-  const getBaseProps = (0, import_react10.useCallback)(() => ({
+  const scrollMilestonesRef = (0, import_react11.useRef)(/* @__PURE__ */ new Set());
+  const pageLoadTimeRef = (0, import_react11.useRef)(null);
+  const isTrackingTimeRef = (0, import_react11.useRef)(false);
+  const timeIntervalsRef = (0, import_react11.useRef)([30, 60, 120, 300]);
+  const timeTrackedRef = (0, import_react11.useRef)(/* @__PURE__ */ new Set());
+  const getBaseProps = (0, import_react11.useCallback)(() => ({
     content_id: contentId,
     content_title: contentTitle
   }), [contentId, contentTitle]);
-  const getTimeOnPage = (0, import_react10.useCallback)(() => {
+  const getTimeOnPage = (0, import_react11.useCallback)(() => {
     if (!pageLoadTimeRef.current)
       return 0;
     return Math.round((Date.now() - pageLoadTimeRef.current) / 1e3);
   }, []);
-  const reset = (0, import_react10.useCallback)(() => {
+  const reset = (0, import_react11.useCallback)(() => {
     scrollMilestonesRef.current.clear();
     pageLoadTimeRef.current = null;
     isTrackingTimeRef.current = false;
     timeTrackedRef.current.clear();
   }, []);
-  const share = (0, import_react10.useCallback)((platform, contentType) => {
+  const share = (0, import_react11.useCallback)((platform, contentType) => {
     track2("content_shared", {
       ...getBaseProps(),
       platform,
@@ -783,34 +833,34 @@ function useBalanceEngagement(contentId, contentTitle) {
       time_on_page: getTimeOnPage()
     });
   }, [track2, getBaseProps, getTimeOnPage]);
-  const like = (0, import_react10.useCallback)((contentType) => {
+  const like = (0, import_react11.useCallback)((contentType) => {
     track2("content_liked", {
       ...getBaseProps(),
       content_type: contentType,
       time_on_page: getTimeOnPage()
     });
   }, [track2, getBaseProps, getTimeOnPage]);
-  const unlike = (0, import_react10.useCallback)((contentType) => {
+  const unlike = (0, import_react11.useCallback)((contentType) => {
     track2("content_unliked", {
       ...getBaseProps(),
       content_type: contentType
     });
   }, [track2, getBaseProps]);
-  const comment = (0, import_react10.useCallback)((commentLength) => {
+  const comment = (0, import_react11.useCallback)((commentLength) => {
     track2("comment_added", {
       ...getBaseProps(),
       comment_length: commentLength,
       time_on_page: getTimeOnPage()
     });
   }, [track2, getBaseProps, getTimeOnPage]);
-  const save = (0, import_react10.useCallback)((contentType) => {
+  const save = (0, import_react11.useCallback)((contentType) => {
     track2("content_saved", {
       ...getBaseProps(),
       content_type: contentType,
       time_on_page: getTimeOnPage()
     });
   }, [track2, getBaseProps, getTimeOnPage]);
-  const trackScrollDepth = (0, import_react10.useCallback)((scrollPercent) => {
+  const trackScrollDepth = (0, import_react11.useCallback)((scrollPercent) => {
     const milestones = [25, 50, 75, 100];
     milestones.forEach((milestone) => {
       if (scrollPercent >= milestone && !scrollMilestonesRef.current.has(milestone)) {
@@ -823,7 +873,7 @@ function useBalanceEngagement(contentId, contentTitle) {
       }
     });
   }, [track2, getBaseProps, getTimeOnPage]);
-  const trackTimeOnPage = (0, import_react10.useCallback)(() => {
+  const trackTimeOnPage = (0, import_react11.useCallback)(() => {
     if (isTrackingTimeRef.current)
       return;
     pageLoadTimeRef.current = Date.now();
@@ -847,7 +897,7 @@ function useBalanceEngagement(contentId, contentTitle) {
     }, 5e3);
     return () => clearInterval(intervalId);
   }, [track2, getBaseProps, getTimeOnPage]);
-  const click = (0, import_react10.useCallback)((elementType, elementId) => {
+  const click = (0, import_react11.useCallback)((elementType, elementId) => {
     track2("content_click", {
       ...getBaseProps(),
       element_type: elementType,
@@ -855,14 +905,14 @@ function useBalanceEngagement(contentId, contentTitle) {
       time_on_page: getTimeOnPage()
     });
   }, [track2, getBaseProps, getTimeOnPage]);
-  const copy = (0, import_react10.useCallback)((textLength) => {
+  const copy = (0, import_react11.useCallback)((textLength) => {
     track2("content_copied", {
       ...getBaseProps(),
       text_length: textLength,
       time_on_page: getTimeOnPage()
     });
   }, [track2, getBaseProps, getTimeOnPage]);
-  const download = (0, import_react10.useCallback)((fileName, fileType) => {
+  const download = (0, import_react11.useCallback)((fileName, fileType) => {
     track2("content_downloaded", {
       ...getBaseProps(),
       file_name: fileName,
@@ -870,14 +920,14 @@ function useBalanceEngagement(contentId, contentTitle) {
       time_on_page: getTimeOnPage()
     });
   }, [track2, getBaseProps, getTimeOnPage]);
-  const expand = (0, import_react10.useCallback)((sectionName) => {
+  const expand = (0, import_react11.useCallback)((sectionName) => {
     track2("content_expanded", {
       ...getBaseProps(),
       section_name: sectionName,
       time_on_page: getTimeOnPage()
     });
   }, [track2, getBaseProps, getTimeOnPage]);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     return () => {
       if (isTrackingTimeRef.current && pageLoadTimeRef.current) {
         const finalTime = getTimeOnPage();
@@ -915,34 +965,34 @@ function useBalanceEngagement(contentId, contentTitle) {
 }
 
 // src/react/useBalanceForm.ts
-var import_react11 = require("react");
+var import_react12 = require("react");
 function useBalanceForm(formId, formName) {
   const { track: track2, identify: identify2 } = useBalance();
-  const startTimeRef = (0, import_react11.useRef)(null);
-  const fieldsRef = (0, import_react11.useRef)(/* @__PURE__ */ new Map());
-  const wasSubmittedRef = (0, import_react11.useRef)(false);
-  const hasStartedRef = (0, import_react11.useRef)(false);
-  const currentStepRef = (0, import_react11.useRef)(1);
-  const errorCountRef = (0, import_react11.useRef)(0);
-  const getBaseProps = (0, import_react11.useCallback)(() => ({
+  const startTimeRef = (0, import_react12.useRef)(null);
+  const fieldsRef = (0, import_react12.useRef)(/* @__PURE__ */ new Map());
+  const wasSubmittedRef = (0, import_react12.useRef)(false);
+  const hasStartedRef = (0, import_react12.useRef)(false);
+  const currentStepRef = (0, import_react12.useRef)(1);
+  const errorCountRef = (0, import_react12.useRef)(0);
+  const getBaseProps = (0, import_react12.useCallback)(() => ({
     form_id: formId,
     form_name: formName
   }), [formId, formName]);
-  const getFormDuration = (0, import_react11.useCallback)(() => {
+  const getFormDuration = (0, import_react12.useCallback)(() => {
     if (!startTimeRef.current)
       return 0;
     return Math.round((Date.now() - startTimeRef.current) / 1e3);
   }, []);
-  const getFieldsCompleted = (0, import_react11.useCallback)(() => {
+  const getFieldsCompleted = (0, import_react12.useCallback)(() => {
     return Array.from(fieldsRef.current.values()).filter((f) => f.completed).length;
   }, []);
-  const hasStarted = (0, import_react11.useCallback)(() => {
+  const hasStarted = (0, import_react12.useCallback)(() => {
     return hasStartedRef.current;
   }, []);
-  const wasSubmitted = (0, import_react11.useCallback)(() => {
+  const wasSubmitted = (0, import_react12.useCallback)(() => {
     return wasSubmittedRef.current;
   }, []);
-  const reset = (0, import_react11.useCallback)(() => {
+  const reset = (0, import_react12.useCallback)(() => {
     startTimeRef.current = null;
     fieldsRef.current.clear();
     wasSubmittedRef.current = false;
@@ -950,7 +1000,7 @@ function useBalanceForm(formId, formName) {
     currentStepRef.current = 1;
     errorCountRef.current = 0;
   }, []);
-  const formStart = (0, import_react11.useCallback)(() => {
+  const formStart = (0, import_react12.useCallback)(() => {
     if (hasStartedRef.current)
       return;
     startTimeRef.current = Date.now();
@@ -959,7 +1009,7 @@ function useBalanceForm(formId, formName) {
       ...getBaseProps()
     });
   }, [track2, getBaseProps]);
-  const formSubmit = (0, import_react11.useCallback)((email, additionalData) => {
+  const formSubmit = (0, import_react12.useCallback)((email, additionalData) => {
     wasSubmittedRef.current = true;
     const duration = getFormDuration();
     const fieldsCompleted = getFieldsCompleted();
@@ -981,7 +1031,7 @@ function useBalanceForm(formId, formName) {
       ...additionalData
     });
   }, [track2, identify2, getBaseProps, getFormDuration, getFieldsCompleted, formId, formName]);
-  const formAbandoned = (0, import_react11.useCallback)((reason) => {
+  const formAbandoned = (0, import_react12.useCallback)((reason) => {
     if (!hasStartedRef.current || wasSubmittedRef.current)
       return;
     const duration = getFormDuration();
@@ -1007,7 +1057,7 @@ function useBalanceForm(formId, formName) {
       reason
     });
   }, [track2, getBaseProps, getFormDuration, getFieldsCompleted]);
-  const fieldFocus = (0, import_react11.useCallback)((fieldName, fieldType) => {
+  const fieldFocus = (0, import_react12.useCallback)((fieldName, fieldType) => {
     if (!hasStartedRef.current) {
       formStart();
     }
@@ -1031,7 +1081,7 @@ function useBalanceForm(formId, formName) {
       existing.focusTime = Date.now();
     }
   }, [track2, getBaseProps, getFormDuration, formStart]);
-  const fieldBlur = (0, import_react11.useCallback)((fieldName, fieldType, hasValue) => {
+  const fieldBlur = (0, import_react12.useCallback)((fieldName, fieldType, hasValue) => {
     const field = fieldsRef.current.get(fieldName);
     if (field) {
       field.blurTime = Date.now();
@@ -1046,7 +1096,7 @@ function useBalanceForm(formId, formName) {
       });
     }
   }, [track2, getBaseProps]);
-  const fieldError = (0, import_react11.useCallback)((fieldName, errorMessage) => {
+  const fieldError = (0, import_react12.useCallback)((fieldName, errorMessage) => {
     errorCountRef.current += 1;
     const field = fieldsRef.current.get(fieldName);
     if (field) {
@@ -1059,7 +1109,7 @@ function useBalanceForm(formId, formName) {
       total_errors: errorCountRef.current
     });
   }, [track2, getBaseProps]);
-  const stepChange = (0, import_react11.useCallback)((fromStep, toStep, stepName) => {
+  const stepChange = (0, import_react12.useCallback)((fromStep, toStep, stepName) => {
     currentStepRef.current = toStep;
     track2("form_step_change", {
       ...getBaseProps(),
@@ -1092,32 +1142,32 @@ function useBalanceForm(formId, formName) {
 }
 
 // src/react/useBalanceSearch.ts
-var import_react12 = require("react");
+var import_react13 = require("react");
 function useBalanceSearch(searchContext) {
   const { track: track2 } = useBalance();
-  const searchCountRef = (0, import_react12.useRef)(0);
-  const clickCountRef = (0, import_react12.useRef)(0);
-  const filterCountRef = (0, import_react12.useRef)(0);
-  const activeFiltersRef = (0, import_react12.useRef)(/* @__PURE__ */ new Map());
-  const lastQueryRef = (0, import_react12.useRef)("");
-  const getBaseProps = (0, import_react12.useCallback)(() => ({
+  const searchCountRef = (0, import_react13.useRef)(0);
+  const clickCountRef = (0, import_react13.useRef)(0);
+  const filterCountRef = (0, import_react13.useRef)(0);
+  const activeFiltersRef = (0, import_react13.useRef)(/* @__PURE__ */ new Map());
+  const lastQueryRef = (0, import_react13.useRef)("");
+  const getBaseProps = (0, import_react13.useCallback)(() => ({
     search_context: searchContext,
     session_searches: searchCountRef.current,
     session_clicks: clickCountRef.current
   }), [searchContext]);
-  const getSearchStats = (0, import_react12.useCallback)(() => ({
+  const getSearchStats = (0, import_react13.useCallback)(() => ({
     searches: searchCountRef.current,
     clicks: clickCountRef.current,
     filters: filterCountRef.current
   }), []);
-  const reset = (0, import_react12.useCallback)(() => {
+  const reset = (0, import_react13.useCallback)(() => {
     searchCountRef.current = 0;
     clickCountRef.current = 0;
     filterCountRef.current = 0;
     activeFiltersRef.current.clear();
     lastQueryRef.current = "";
   }, []);
-  const search = (0, import_react12.useCallback)((query, resultCount, searchType) => {
+  const search = (0, import_react13.useCallback)((query, resultCount, searchType) => {
     searchCountRef.current += 1;
     lastQueryRef.current = query;
     track2("search", {
@@ -1130,7 +1180,7 @@ function useBalanceSearch(searchContext) {
       filter_count: activeFiltersRef.current.size
     });
   }, [track2, getBaseProps]);
-  const selectResult = (0, import_react12.useCallback)((query, resultId, position, resultType) => {
+  const selectResult = (0, import_react13.useCallback)((query, resultId, position, resultType) => {
     clickCountRef.current += 1;
     track2("search_result_click", {
       ...getBaseProps(),
@@ -1140,7 +1190,7 @@ function useBalanceSearch(searchContext) {
       result_type: resultType
     });
   }, [track2, getBaseProps]);
-  const noResults = (0, import_react12.useCallback)((query, searchType) => {
+  const noResults = (0, import_react13.useCallback)((query, searchType) => {
     searchCountRef.current += 1;
     lastQueryRef.current = query;
     track2("search_no_results", {
@@ -1151,7 +1201,7 @@ function useBalanceSearch(searchContext) {
       filter_count: activeFiltersRef.current.size
     });
   }, [track2, getBaseProps]);
-  const applyFilter = (0, import_react12.useCallback)((filter) => {
+  const applyFilter = (0, import_react13.useCallback)((filter) => {
     filterCountRef.current += 1;
     const filterKey = `${filter.category}:${filter.value}`;
     activeFiltersRef.current.set(filterKey, filter);
@@ -1163,7 +1213,7 @@ function useBalanceSearch(searchContext) {
       last_query: lastQueryRef.current
     });
   }, [track2, getBaseProps]);
-  const removeFilter = (0, import_react12.useCallback)((filter) => {
+  const removeFilter = (0, import_react13.useCallback)((filter) => {
     const filterKey = `${filter.category}:${filter.value}`;
     activeFiltersRef.current.delete(filterKey);
     track2("search_filter_remove", {
@@ -1174,7 +1224,7 @@ function useBalanceSearch(searchContext) {
       last_query: lastQueryRef.current
     });
   }, [track2, getBaseProps]);
-  const clearFilters = (0, import_react12.useCallback)(() => {
+  const clearFilters = (0, import_react13.useCallback)(() => {
     const filterCount = activeFiltersRef.current.size;
     activeFiltersRef.current.clear();
     track2("search_filters_clear", {
@@ -1183,7 +1233,7 @@ function useBalanceSearch(searchContext) {
       last_query: lastQueryRef.current
     });
   }, [track2, getBaseProps]);
-  const showSuggestions = (0, import_react12.useCallback)((query, suggestions) => {
+  const showSuggestions = (0, import_react13.useCallback)((query, suggestions) => {
     track2("search_suggestions_shown", {
       ...getBaseProps(),
       query,
@@ -1192,7 +1242,7 @@ function useBalanceSearch(searchContext) {
       // Limit to first 5
     });
   }, [track2, getBaseProps]);
-  const selectSuggestion = (0, import_react12.useCallback)((originalQuery, suggestion, position) => {
+  const selectSuggestion = (0, import_react13.useCallback)((originalQuery, suggestion, position) => {
     track2("search_suggestion_click", {
       ...getBaseProps(),
       original_query: originalQuery,
@@ -1200,7 +1250,7 @@ function useBalanceSearch(searchContext) {
       suggestion_position: position
     });
   }, [track2, getBaseProps]);
-  const refineSearch = (0, import_react12.useCallback)((originalQuery, newQuery) => {
+  const refineSearch = (0, import_react13.useCallback)((originalQuery, newQuery) => {
     track2("search_refined", {
       ...getBaseProps(),
       original_query: originalQuery,
@@ -1208,7 +1258,7 @@ function useBalanceSearch(searchContext) {
       refinement_type: newQuery.includes(originalQuery) ? "extended" : "modified"
     });
   }, [track2, getBaseProps]);
-  const loadMoreResults = (0, import_react12.useCallback)((query, page2, resultsLoaded) => {
+  const loadMoreResults = (0, import_react13.useCallback)((query, page2, resultsLoaded) => {
     track2("search_load_more", {
       ...getBaseProps(),
       search_term: query,
@@ -1216,7 +1266,7 @@ function useBalanceSearch(searchContext) {
       total_results_loaded: resultsLoaded
     });
   }, [track2, getBaseProps]);
-  const voiceSearch = (0, import_react12.useCallback)((transcript, resultCount) => {
+  const voiceSearch = (0, import_react13.useCallback)((transcript, resultCount) => {
     searchCountRef.current += 1;
     lastQueryRef.current = transcript;
     track2("voice_search", {
@@ -1249,31 +1299,31 @@ function useBalanceSearch(searchContext) {
 }
 
 // src/react/useBalanceNotification.ts
-var import_react13 = require("react");
+var import_react14 = require("react");
 function useBalanceNotification() {
   const { track: track2 } = useBalance();
-  const shownCountRef = (0, import_react13.useRef)(0);
-  const clickedCountRef = (0, import_react13.useRef)(0);
-  const dismissedCountRef = (0, import_react13.useRef)(0);
-  const notificationsSeenRef = (0, import_react13.useRef)(/* @__PURE__ */ new Set());
-  const getBaseProps = (0, import_react13.useCallback)(() => ({
+  const shownCountRef = (0, import_react14.useRef)(0);
+  const clickedCountRef = (0, import_react14.useRef)(0);
+  const dismissedCountRef = (0, import_react14.useRef)(0);
+  const notificationsSeenRef = (0, import_react14.useRef)(/* @__PURE__ */ new Set());
+  const getBaseProps = (0, import_react14.useCallback)(() => ({
     session_notifications_shown: shownCountRef.current,
     session_notifications_clicked: clickedCountRef.current
   }), []);
-  const getStats = (0, import_react13.useCallback)(() => {
+  const getStats = (0, import_react14.useCallback)(() => {
     const shown2 = shownCountRef.current;
     const clicked2 = clickedCountRef.current;
     const dismissed2 = dismissedCountRef.current;
     const ctr = shown2 > 0 ? Math.round(clicked2 / shown2 * 100) : 0;
     return { shown: shown2, clicked: clicked2, dismissed: dismissed2, ctr };
   }, []);
-  const reset = (0, import_react13.useCallback)(() => {
+  const reset = (0, import_react14.useCallback)(() => {
     shownCountRef.current = 0;
     clickedCountRef.current = 0;
     dismissedCountRef.current = 0;
     notificationsSeenRef.current.clear();
   }, []);
-  const shown = (0, import_react13.useCallback)((notificationId, type, campaign) => {
+  const shown = (0, import_react14.useCallback)((notificationId, type, campaign) => {
     if (notificationsSeenRef.current.has(notificationId))
       return;
     notificationsSeenRef.current.add(notificationId);
@@ -1285,7 +1335,7 @@ function useBalanceNotification() {
       campaign
     });
   }, [track2, getBaseProps]);
-  const clicked = (0, import_react13.useCallback)((notificationId, type, action) => {
+  const clicked = (0, import_react14.useCallback)((notificationId, type, action) => {
     clickedCountRef.current += 1;
     track2("notification_clicked", {
       ...getBaseProps(),
@@ -1294,7 +1344,7 @@ function useBalanceNotification() {
       action
     });
   }, [track2, getBaseProps]);
-  const dismissed = (0, import_react13.useCallback)((notificationId, type, reason) => {
+  const dismissed = (0, import_react14.useCallback)((notificationId, type, reason) => {
     dismissedCountRef.current += 1;
     track2("notification_dismissed", {
       ...getBaseProps(),
@@ -1303,33 +1353,33 @@ function useBalanceNotification() {
       dismiss_reason: reason
     });
   }, [track2, getBaseProps]);
-  const optIn = (0, import_react13.useCallback)((channel, source) => {
+  const optIn = (0, import_react14.useCallback)((channel, source) => {
     track2("notification_opt_in", {
       ...getBaseProps(),
       channel,
       opt_in_source: source
     });
   }, [track2, getBaseProps]);
-  const optOut = (0, import_react13.useCallback)((channel, reason) => {
+  const optOut = (0, import_react14.useCallback)((channel, reason) => {
     track2("notification_opt_out", {
       ...getBaseProps(),
       channel,
       opt_out_reason: reason
     });
   }, [track2, getBaseProps]);
-  const permissionRequested = (0, import_react13.useCallback)((channel) => {
+  const permissionRequested = (0, import_react14.useCallback)((channel) => {
     track2("notification_permission_requested", {
       ...getBaseProps(),
       channel
     });
   }, [track2, getBaseProps]);
-  const permissionDenied = (0, import_react13.useCallback)((channel) => {
+  const permissionDenied = (0, import_react14.useCallback)((channel) => {
     track2("notification_permission_denied", {
       ...getBaseProps(),
       channel
     });
   }, [track2, getBaseProps]);
-  const preferenceUpdated = (0, import_react13.useCallback)((preferences) => {
+  const preferenceUpdated = (0, import_react14.useCallback)((preferences) => {
     track2("notification_preferences_updated", {
       ...getBaseProps(),
       preferences: preferences.map((p) => ({
@@ -1340,7 +1390,7 @@ function useBalanceNotification() {
       enabled_channels: preferences.filter((p) => p.enabled).map((p) => p.channel)
     });
   }, [track2, getBaseProps]);
-  const emailOpened = (0, import_react13.useCallback)((emailId, campaign, subject) => {
+  const emailOpened = (0, import_react14.useCallback)((emailId, campaign, subject) => {
     track2("email_opened", {
       ...getBaseProps(),
       email_id: emailId,
@@ -1348,7 +1398,7 @@ function useBalanceNotification() {
       subject
     });
   }, [track2, getBaseProps]);
-  const emailLinkClicked = (0, import_react13.useCallback)((emailId, linkUrl, linkName) => {
+  const emailLinkClicked = (0, import_react14.useCallback)((emailId, linkUrl, linkName) => {
     track2("email_link_clicked", {
       ...getBaseProps(),
       email_id: emailId,
@@ -1356,7 +1406,7 @@ function useBalanceNotification() {
       link_name: linkName
     });
   }, [track2, getBaseProps]);
-  const emailUnsubscribed = (0, import_react13.useCallback)((emailId, reason, category) => {
+  const emailUnsubscribed = (0, import_react14.useCallback)((emailId, reason, category) => {
     track2("email_unsubscribed", {
       ...getBaseProps(),
       email_id: emailId,
@@ -1364,14 +1414,14 @@ function useBalanceNotification() {
       category
     });
   }, [track2, getBaseProps]);
-  const pushReceived = (0, import_react13.useCallback)((notificationId, campaign) => {
+  const pushReceived = (0, import_react14.useCallback)((notificationId, campaign) => {
     track2("push_received", {
       ...getBaseProps(),
       notification_id: notificationId,
       campaign
     });
   }, [track2, getBaseProps]);
-  const inAppInteraction = (0, import_react13.useCallback)((messageId, interactionType, elementClicked) => {
+  const inAppInteraction = (0, import_react14.useCallback)((messageId, interactionType, elementClicked) => {
     if (interactionType === "view")
       shownCountRef.current += 1;
     if (interactionType === "click")
@@ -1410,33 +1460,33 @@ function useBalanceNotification() {
 }
 
 // src/react/useBalanceSocial.ts
-var import_react14 = require("react");
+var import_react15 = require("react");
 function useBalanceSocial() {
   const { track: track2 } = useBalance();
-  const followsRef = (0, import_react14.useRef)(0);
-  const unfollowsRef = (0, import_react14.useRef)(0);
-  const profileViewsRef = (0, import_react14.useRef)(0);
-  const postsCreatedRef = (0, import_react14.useRef)(0);
-  const viewedProfilesRef = (0, import_react14.useRef)(/* @__PURE__ */ new Set());
-  const getBaseProps = (0, import_react14.useCallback)(() => ({
+  const followsRef = (0, import_react15.useRef)(0);
+  const unfollowsRef = (0, import_react15.useRef)(0);
+  const profileViewsRef = (0, import_react15.useRef)(0);
+  const postsCreatedRef = (0, import_react15.useRef)(0);
+  const viewedProfilesRef = (0, import_react15.useRef)(/* @__PURE__ */ new Set());
+  const getBaseProps = (0, import_react15.useCallback)(() => ({
     session_follows: followsRef.current,
     session_unfollows: unfollowsRef.current,
     session_profile_views: profileViewsRef.current
   }), []);
-  const getStats = (0, import_react14.useCallback)(() => ({
+  const getStats = (0, import_react15.useCallback)(() => ({
     follows: followsRef.current,
     unfollows: unfollowsRef.current,
     profileViews: profileViewsRef.current,
     postsCreated: postsCreatedRef.current
   }), []);
-  const reset = (0, import_react14.useCallback)(() => {
+  const reset = (0, import_react15.useCallback)(() => {
     followsRef.current = 0;
     unfollowsRef.current = 0;
     profileViewsRef.current = 0;
     postsCreatedRef.current = 0;
     viewedProfilesRef.current.clear();
   }, []);
-  const viewProfile = (0, import_react14.useCallback)((entityId, entityType, source) => {
+  const viewProfile = (0, import_react15.useCallback)((entityId, entityType, source) => {
     const profileKey = `${entityType}:${entityId}`;
     const isFirstView = !viewedProfilesRef.current.has(profileKey);
     if (isFirstView) {
@@ -1451,7 +1501,7 @@ function useBalanceSocial() {
       is_first_view: isFirstView
     });
   }, [track2, getBaseProps]);
-  const follow = (0, import_react14.useCallback)((entityId, entityType, source) => {
+  const follow = (0, import_react15.useCallback)((entityId, entityType, source) => {
     followsRef.current += 1;
     track2("follow", {
       ...getBaseProps(),
@@ -1460,7 +1510,7 @@ function useBalanceSocial() {
       source
     });
   }, [track2, getBaseProps]);
-  const unfollow = (0, import_react14.useCallback)((entityId, entityType, reason) => {
+  const unfollow = (0, import_react15.useCallback)((entityId, entityType, reason) => {
     unfollowsRef.current += 1;
     track2("unfollow", {
       ...getBaseProps(),
@@ -1469,7 +1519,7 @@ function useBalanceSocial() {
       reason
     });
   }, [track2, getBaseProps]);
-  const block = (0, import_react14.useCallback)((entityId, entityType, reason) => {
+  const block = (0, import_react15.useCallback)((entityId, entityType, reason) => {
     track2("block", {
       ...getBaseProps(),
       entity_id: entityId,
@@ -1477,14 +1527,14 @@ function useBalanceSocial() {
       reason
     });
   }, [track2, getBaseProps]);
-  const mute = (0, import_react14.useCallback)((entityId, entityType) => {
+  const mute = (0, import_react15.useCallback)((entityId, entityType) => {
     track2("mute", {
       ...getBaseProps(),
       entity_id: entityId,
       entity_type: entityType
     });
   }, [track2, getBaseProps]);
-  const report = (0, import_react14.useCallback)((entityId, entityType, reason, details) => {
+  const report = (0, import_react15.useCallback)((entityId, entityType, reason, details) => {
     track2("report", {
       ...getBaseProps(),
       entity_id: entityId,
@@ -1493,7 +1543,7 @@ function useBalanceSocial() {
       details
     });
   }, [track2, getBaseProps]);
-  const mention = (0, import_react14.useCallback)((mentionedId, mentionedType, context) => {
+  const mention = (0, import_react15.useCallback)((mentionedId, mentionedType, context) => {
     track2("mention_sent", {
       ...getBaseProps(),
       mentioned_id: mentionedId,
@@ -1501,7 +1551,7 @@ function useBalanceSocial() {
       context
     });
   }, [track2, getBaseProps]);
-  const wasMentioned = (0, import_react14.useCallback)((byUserId, context, contentId) => {
+  const wasMentioned = (0, import_react15.useCallback)((byUserId, context, contentId) => {
     track2("mention_received", {
       ...getBaseProps(),
       by_user_id: byUserId,
@@ -1509,21 +1559,21 @@ function useBalanceSocial() {
       content_id: contentId
     });
   }, [track2, getBaseProps]);
-  const inviteSent = (0, import_react14.useCallback)((channel, recipientCount) => {
+  const inviteSent = (0, import_react15.useCallback)((channel, recipientCount) => {
     track2("invite_sent", {
       ...getBaseProps(),
       channel,
       recipient_count: recipientCount || 1
     });
   }, [track2, getBaseProps]);
-  const inviteAccepted = (0, import_react14.useCallback)((inviteCode, inviterId) => {
+  const inviteAccepted = (0, import_react15.useCallback)((inviteCode, inviterId) => {
     track2("invite_accepted", {
       ...getBaseProps(),
       invite_code: inviteCode,
       inviter_id: inviterId
     });
   }, [track2, getBaseProps]);
-  const joinCommunity = (0, import_react14.useCallback)((communityId, communityName, source) => {
+  const joinCommunity = (0, import_react15.useCallback)((communityId, communityName, source) => {
     track2("community_joined", {
       ...getBaseProps(),
       community_id: communityId,
@@ -1531,7 +1581,7 @@ function useBalanceSocial() {
       source
     });
   }, [track2, getBaseProps]);
-  const leaveCommunity = (0, import_react14.useCallback)((communityId, communityName, reason) => {
+  const leaveCommunity = (0, import_react15.useCallback)((communityId, communityName, reason) => {
     track2("community_left", {
       ...getBaseProps(),
       community_id: communityId,
@@ -1539,7 +1589,7 @@ function useBalanceSocial() {
       reason
     });
   }, [track2, getBaseProps]);
-  const createPost = (0, import_react14.useCallback)((postId, postType, communityId) => {
+  const createPost = (0, import_react15.useCallback)((postId, postType, communityId) => {
     postsCreatedRef.current += 1;
     track2("post_created", {
       ...getBaseProps(),
@@ -1548,7 +1598,7 @@ function useBalanceSocial() {
       community_id: communityId
     });
   }, [track2, getBaseProps]);
-  const replyToPost = (0, import_react14.useCallback)((postId, replyId, depth) => {
+  const replyToPost = (0, import_react15.useCallback)((postId, replyId, depth) => {
     track2("reply_created", {
       ...getBaseProps(),
       post_id: postId,
@@ -1556,7 +1606,7 @@ function useBalanceSocial() {
       depth: depth || 1
     });
   }, [track2, getBaseProps]);
-  const react = (0, import_react14.useCallback)((contentId, reactionType, contentType) => {
+  const react = (0, import_react15.useCallback)((contentId, reactionType, contentType) => {
     track2("reaction", {
       ...getBaseProps(),
       content_id: contentId,
@@ -1564,27 +1614,27 @@ function useBalanceSocial() {
       content_type: contentType
     });
   }, [track2, getBaseProps]);
-  const editProfile = (0, import_react14.useCallback)((fieldsEdited) => {
+  const editProfile = (0, import_react15.useCallback)((fieldsEdited) => {
     track2("profile_edited", {
       ...getBaseProps(),
       fields_edited: fieldsEdited,
       field_count: fieldsEdited.length
     });
   }, [track2, getBaseProps]);
-  const changeAvatar = (0, import_react14.useCallback)((source) => {
+  const changeAvatar = (0, import_react15.useCallback)((source) => {
     track2("avatar_changed", {
       ...getBaseProps(),
       source
     });
   }, [track2, getBaseProps]);
-  const connectionRequest = (0, import_react14.useCallback)((targetId, targetType) => {
+  const connectionRequest = (0, import_react15.useCallback)((targetId, targetType) => {
     track2("connection_requested", {
       ...getBaseProps(),
       target_id: targetId,
       target_type: targetType
     });
   }, [track2, getBaseProps]);
-  const connectionAccepted = (0, import_react14.useCallback)((requesterId, requesterType) => {
+  const connectionAccepted = (0, import_react15.useCallback)((requesterId, requesterType) => {
     track2("connection_accepted", {
       ...getBaseProps(),
       requester_id: requesterId,
@@ -1625,34 +1675,34 @@ function useBalanceSocial() {
 }
 
 // src/react/useBalanceAuth.ts
-var import_react15 = require("react");
+var import_react16 = require("react");
 function useBalanceAuth() {
   const { track: track2, identify: identify2 } = useBalance();
-  const loginAttemptsRef = (0, import_react15.useRef)(0);
-  const loginSuccessesRef = (0, import_react15.useRef)(0);
-  const loginFailuresRef = (0, import_react15.useRef)(0);
-  const authStartTimeRef = (0, import_react15.useRef)(null);
-  const getBaseProps = (0, import_react15.useCallback)(() => ({
+  const loginAttemptsRef = (0, import_react16.useRef)(0);
+  const loginSuccessesRef = (0, import_react16.useRef)(0);
+  const loginFailuresRef = (0, import_react16.useRef)(0);
+  const authStartTimeRef = (0, import_react16.useRef)(null);
+  const getBaseProps = (0, import_react16.useCallback)(() => ({
     session_login_attempts: loginAttemptsRef.current,
     session_login_successes: loginSuccessesRef.current
   }), []);
-  const getAuthDuration = (0, import_react15.useCallback)(() => {
+  const getAuthDuration = (0, import_react16.useCallback)(() => {
     if (!authStartTimeRef.current)
       return 0;
     return Math.round((Date.now() - authStartTimeRef.current) / 1e3);
   }, []);
-  const getStats = (0, import_react15.useCallback)(() => ({
+  const getStats = (0, import_react16.useCallback)(() => ({
     loginAttempts: loginAttemptsRef.current,
     loginSuccesses: loginSuccessesRef.current,
     loginFailures: loginFailuresRef.current
   }), []);
-  const reset = (0, import_react15.useCallback)(() => {
+  const reset = (0, import_react16.useCallback)(() => {
     loginAttemptsRef.current = 0;
     loginSuccessesRef.current = 0;
     loginFailuresRef.current = 0;
     authStartTimeRef.current = null;
   }, []);
-  const signUpStart = (0, import_react15.useCallback)((method, source) => {
+  const signUpStart = (0, import_react16.useCallback)((method, source) => {
     authStartTimeRef.current = Date.now();
     track2("sign_up_start", {
       ...getBaseProps(),
@@ -1660,7 +1710,7 @@ function useBalanceAuth() {
       source
     });
   }, [track2, getBaseProps]);
-  const signUpSuccess = (0, import_react15.useCallback)((method, email) => {
+  const signUpSuccess = (0, import_react16.useCallback)((method, email) => {
     loginSuccessesRef.current += 1;
     if (email) {
       identify2(email, { auth_method: method, signup_date: (/* @__PURE__ */ new Date()).toISOString() });
@@ -1672,7 +1722,7 @@ function useBalanceAuth() {
     });
     authStartTimeRef.current = null;
   }, [track2, identify2, getBaseProps, getAuthDuration]);
-  const signUpFailed = (0, import_react15.useCallback)((method, errorCode, errorMessage) => {
+  const signUpFailed = (0, import_react16.useCallback)((method, errorCode, errorMessage) => {
     loginFailuresRef.current += 1;
     track2("sign_up_failed", {
       ...getBaseProps(),
@@ -1682,19 +1732,19 @@ function useBalanceAuth() {
       duration_seconds: getAuthDuration()
     });
   }, [track2, getBaseProps, getAuthDuration]);
-  const verificationSent = (0, import_react15.useCallback)((method) => {
+  const verificationSent = (0, import_react16.useCallback)((method) => {
     track2("verification_sent", {
       ...getBaseProps(),
       method
     });
   }, [track2, getBaseProps]);
-  const verified = (0, import_react15.useCallback)((method) => {
+  const verified = (0, import_react16.useCallback)((method) => {
     track2("verified", {
       ...getBaseProps(),
       method
     });
   }, [track2, getBaseProps]);
-  const loginStart = (0, import_react15.useCallback)((method, source) => {
+  const loginStart = (0, import_react16.useCallback)((method, source) => {
     loginAttemptsRef.current += 1;
     authStartTimeRef.current = Date.now();
     track2("login_start", {
@@ -1703,7 +1753,7 @@ function useBalanceAuth() {
       source
     });
   }, [track2, getBaseProps]);
-  const loginSuccess = (0, import_react15.useCallback)((method, email) => {
+  const loginSuccess = (0, import_react16.useCallback)((method, email) => {
     loginSuccessesRef.current += 1;
     if (email) {
       identify2(email, { auth_method: method, last_login: (/* @__PURE__ */ new Date()).toISOString() });
@@ -1715,7 +1765,7 @@ function useBalanceAuth() {
     });
     authStartTimeRef.current = null;
   }, [track2, identify2, getBaseProps, getAuthDuration]);
-  const loginFailed = (0, import_react15.useCallback)((method, errorCode, errorMessage) => {
+  const loginFailed = (0, import_react16.useCallback)((method, errorCode, errorMessage) => {
     loginFailuresRef.current += 1;
     track2("login_failed", {
       ...getBaseProps(),
@@ -1725,108 +1775,108 @@ function useBalanceAuth() {
       duration_seconds: getAuthDuration()
     });
   }, [track2, getBaseProps, getAuthDuration]);
-  const logout = (0, import_react15.useCallback)((reason = "user_initiated") => {
+  const logout = (0, import_react16.useCallback)((reason = "user_initiated") => {
     track2("logout", {
       ...getBaseProps(),
       reason
     });
   }, [track2, getBaseProps]);
-  const passwordResetRequested = (0, import_react15.useCallback)((method) => {
+  const passwordResetRequested = (0, import_react16.useCallback)((method) => {
     track2("password_reset_requested", {
       ...getBaseProps(),
       method
     });
   }, [track2, getBaseProps]);
-  const passwordResetCompleted = (0, import_react15.useCallback)(() => {
+  const passwordResetCompleted = (0, import_react16.useCallback)(() => {
     track2("password_reset_completed", {
       ...getBaseProps()
     });
   }, [track2, getBaseProps]);
-  const passwordChanged = (0, import_react15.useCallback)((source) => {
+  const passwordChanged = (0, import_react16.useCallback)((source) => {
     track2("password_changed", {
       ...getBaseProps(),
       source
     });
   }, [track2, getBaseProps]);
-  const mfaSetupStart = (0, import_react15.useCallback)((method) => {
+  const mfaSetupStart = (0, import_react16.useCallback)((method) => {
     track2("mfa_setup_start", {
       ...getBaseProps(),
       method
     });
   }, [track2, getBaseProps]);
-  const mfaSetupCompleted = (0, import_react15.useCallback)((method) => {
+  const mfaSetupCompleted = (0, import_react16.useCallback)((method) => {
     track2("mfa_setup_completed", {
       ...getBaseProps(),
       method
     });
   }, [track2, getBaseProps]);
-  const mfaChallenge = (0, import_react15.useCallback)((method) => {
+  const mfaChallenge = (0, import_react16.useCallback)((method) => {
     track2("mfa_challenge", {
       ...getBaseProps(),
       method
     });
   }, [track2, getBaseProps]);
-  const mfaSuccess = (0, import_react15.useCallback)((method) => {
+  const mfaSuccess = (0, import_react16.useCallback)((method) => {
     track2("mfa_success", {
       ...getBaseProps(),
       method
     });
   }, [track2, getBaseProps]);
-  const mfaFailed = (0, import_react15.useCallback)((method, reason) => {
+  const mfaFailed = (0, import_react16.useCallback)((method, reason) => {
     track2("mfa_failed", {
       ...getBaseProps(),
       method,
       reason
     });
   }, [track2, getBaseProps]);
-  const mfaDisabled = (0, import_react15.useCallback)((method) => {
+  const mfaDisabled = (0, import_react16.useCallback)((method) => {
     track2("mfa_disabled", {
       ...getBaseProps(),
       method
     });
   }, [track2, getBaseProps]);
-  const sessionStart = (0, import_react15.useCallback)((isNewUser, authMethod) => {
+  const sessionStart = (0, import_react16.useCallback)((isNewUser, authMethod) => {
     track2("session_start", {
       ...getBaseProps(),
       is_new_user: isNewUser,
       auth_method: authMethod
     });
   }, [track2, getBaseProps]);
-  const sessionResume = (0, import_react15.useCallback)(() => {
+  const sessionResume = (0, import_react16.useCallback)(() => {
     track2("session_resume", {
       ...getBaseProps()
     });
   }, [track2, getBaseProps]);
-  const sessionExpired = (0, import_react15.useCallback)((durationSeconds) => {
+  const sessionExpired = (0, import_react16.useCallback)((durationSeconds) => {
     track2("session_expired", {
       ...getBaseProps(),
       duration_seconds: durationSeconds
     });
   }, [track2, getBaseProps]);
-  const sessionRefreshed = (0, import_react15.useCallback)(() => {
+  const sessionRefreshed = (0, import_react16.useCallback)(() => {
     track2("session_refreshed", {
       ...getBaseProps()
     });
   }, [track2, getBaseProps]);
-  const accountDeletionRequested = (0, import_react15.useCallback)((reason) => {
+  const accountDeletionRequested = (0, import_react16.useCallback)((reason) => {
     track2("account_deletion_requested", {
       ...getBaseProps(),
       reason
     });
   }, [track2, getBaseProps]);
-  const accountDeleted = (0, import_react15.useCallback)((reason) => {
+  const accountDeleted = (0, import_react16.useCallback)((reason) => {
     track2("account_deleted", {
       ...getBaseProps(),
       reason
     });
   }, [track2, getBaseProps]);
-  const accountLinked = (0, import_react15.useCallback)((method) => {
+  const accountLinked = (0, import_react16.useCallback)((method) => {
     track2("account_linked", {
       ...getBaseProps(),
       method
     });
   }, [track2, getBaseProps]);
-  const accountUnlinked = (0, import_react15.useCallback)((method) => {
+  const accountUnlinked = (0, import_react16.useCallback)((method) => {
     track2("account_unlinked", {
       ...getBaseProps(),
       method
@@ -1872,25 +1922,25 @@ function useBalanceAuth() {
 }
 
 // src/react/useBalanceError.ts
-var import_react16 = require("react");
+var import_react17 = require("react");
 function useBalanceError() {
   const { track: track2 } = useBalance();
-  const errorCountRef = (0, import_react16.useRef)(0);
-  const apiErrorCountRef = (0, import_react16.useRef)(0);
-  const userReportCountRef = (0, import_react16.useRef)(0);
-  const pageLoadTimesRef = (0, import_react16.useRef)([]);
-  const measureStartTimesRef = (0, import_react16.useRef)(/* @__PURE__ */ new Map());
-  const capturedErrorsRef = (0, import_react16.useRef)(/* @__PURE__ */ new Set());
-  const getBaseProps = (0, import_react16.useCallback)(() => ({
+  const errorCountRef = (0, import_react17.useRef)(0);
+  const apiErrorCountRef = (0, import_react17.useRef)(0);
+  const userReportCountRef = (0, import_react17.useRef)(0);
+  const pageLoadTimesRef = (0, import_react17.useRef)([]);
+  const measureStartTimesRef = (0, import_react17.useRef)(/* @__PURE__ */ new Map());
+  const capturedErrorsRef = (0, import_react17.useRef)(/* @__PURE__ */ new Set());
+  const getBaseProps = (0, import_react17.useCallback)(() => ({
     session_errors: errorCountRef.current,
     session_api_errors: apiErrorCountRef.current,
     page_url: typeof window !== "undefined" ? window.location.href : void 0,
     user_agent: typeof navigator !== "undefined" ? navigator.userAgent : void 0
   }), []);
-  const getErrorFingerprint = (0, import_react16.useCallback)((error) => {
+  const getErrorFingerprint = (0, import_react17.useCallback)((error) => {
     return `${error.name}:${error.message}:${error.stack?.split("\n")[1] || ""}`;
   }, []);
-  const getStats = (0, import_react16.useCallback)(() => {
+  const getStats = (0, import_react17.useCallback)(() => {
     const times = pageLoadTimesRef.current;
     const avgPageLoad = times.length > 0 ? Math.round(times.reduce((a, b) => a + b, 0) / times.length) : null;
     return {
@@ -1900,7 +1950,7 @@ function useBalanceError() {
       avgPageLoad
     };
   }, []);
-  const reset = (0, import_react16.useCallback)(() => {
+  const reset = (0, import_react17.useCallback)(() => {
     errorCountRef.current = 0;
     apiErrorCountRef.current = 0;
     userReportCountRef.current = 0;
@@ -1908,7 +1958,7 @@ function useBalanceError() {
     measureStartTimesRef.current.clear();
     capturedErrorsRef.current.clear();
   }, []);
-  const captureError = (0, import_react16.useCallback)((error, context, severity = "error") => {
+  const captureError = (0, import_react17.useCallback)((error, context, severity = "error") => {
     const fingerprint = getErrorFingerprint(error);
     if (capturedErrorsRef.current.has(fingerprint))
       return;
@@ -1924,7 +1974,7 @@ function useBalanceError() {
       ...context
     });
   }, [track2, getBaseProps, getErrorFingerprint]);
-  const captureApiError = (0, import_react16.useCallback)((details, context) => {
+  const captureApiError = (0, import_react17.useCallback)((details, context) => {
     apiErrorCountRef.current += 1;
     track2("api_error", {
       ...getBaseProps(),
@@ -1937,7 +1987,7 @@ function useBalanceError() {
       ...context
     });
   }, [track2, getBaseProps]);
-  const captureUserReport = (0, import_react16.useCallback)((category, description, metadata) => {
+  const captureUserReport = (0, import_react17.useCallback)((category, description, metadata) => {
     userReportCountRef.current += 1;
     track2("user_report", {
       ...getBaseProps(),
@@ -1946,7 +1996,7 @@ function useBalanceError() {
       ...metadata
     });
   }, [track2, getBaseProps]);
-  const captureComponentError = (0, import_react16.useCallback)((error, componentName, componentStack) => {
+  const captureComponentError = (0, import_react17.useCallback)((error, componentName, componentStack) => {
     errorCountRef.current += 1;
     track2("component_error", {
       ...getBaseProps(),
@@ -1956,7 +2006,7 @@ function useBalanceError() {
       component_stack: componentStack?.slice(0, 1e3)
     });
   }, [track2, getBaseProps]);
-  const captureUnhandledRejection = (0, import_react16.useCallback)((reason, promiseInfo) => {
+  const captureUnhandledRejection = (0, import_react17.useCallback)((reason, promiseInfo) => {
     errorCountRef.current += 1;
     const message = reason instanceof Error ? reason.message : String(reason);
     track2("unhandled_rejection", {
@@ -1965,7 +2015,7 @@ function useBalanceError() {
       promise_info: promiseInfo
     });
   }, [track2, getBaseProps]);
-  const captureResourceError = (0, import_react16.useCallback)((resourceUrl, resourceType, details) => {
+  const captureResourceError = (0, import_react17.useCallback)((resourceUrl, resourceType, details) => {
     track2("resource_error", {
       ...getBaseProps(),
       resource_url: resourceUrl,
@@ -1973,7 +2023,7 @@ function useBalanceError() {
       ...details
     });
   }, [track2, getBaseProps]);
-  const trackPerformance = (0, import_react16.useCallback)((metricType, valueMs, context) => {
+  const trackPerformance = (0, import_react17.useCallback)((metricType, valueMs, context) => {
     if (metricType === "page_load") {
       pageLoadTimesRef.current.push(valueMs);
     }
@@ -1984,7 +2034,7 @@ function useBalanceError() {
       ...context
     });
   }, [track2, getBaseProps]);
-  const trackWebVitals = (0, import_react16.useCallback)((vitals) => {
+  const trackWebVitals = (0, import_react17.useCallback)((vitals) => {
     track2("web_vitals", {
       ...getBaseProps(),
       lcp_ms: vitals.lcp ? Math.round(vitals.lcp) : void 0,
@@ -1994,7 +2044,7 @@ function useBalanceError() {
       ttfb_ms: vitals.ttfb ? Math.round(vitals.ttfb) : void 0
     });
   }, [track2, getBaseProps]);
-  const trackSlowInteraction = (0, import_react16.useCallback)((interactionType, durationMs, targetElement) => {
+  const trackSlowInteraction = (0, import_react17.useCallback)((interactionType, durationMs, targetElement) => {
     track2("slow_interaction", {
       ...getBaseProps(),
       interaction_type: interactionType,
@@ -2002,10 +2052,10 @@ function useBalanceError() {
       target_element: targetElement
     });
   }, [track2, getBaseProps]);
-  const startMeasure = (0, import_react16.useCallback)((measureName) => {
+  const startMeasure = (0, import_react17.useCallback)((measureName) => {
     measureStartTimesRef.current.set(measureName, performance.now());
   }, []);
-  const endMeasure = (0, import_react16.useCallback)((measureName, metricType = "interaction") => {
+  const endMeasure = (0, import_react17.useCallback)((measureName, metricType = "interaction") => {
     const startTime = measureStartTimesRef.current.get(measureName);
     if (!startTime)
       return null;
@@ -2036,22 +2086,22 @@ function useBalanceError() {
 }
 
 // src/react/useBalanceAB.ts
-var import_react17 = require("react");
+var import_react18 = require("react");
 function useBalanceAB() {
   const { track: track2 } = useBalance();
-  const exposuresRef = (0, import_react17.useRef)(0);
-  const conversionsRef = (0, import_react17.useRef)(0);
-  const activeExperimentsRef = (0, import_react17.useRef)(/* @__PURE__ */ new Map());
-  const exposedExperimentsRef = (0, import_react17.useRef)(/* @__PURE__ */ new Set());
-  const getBaseProps = (0, import_react17.useCallback)(() => ({
+  const exposuresRef = (0, import_react18.useRef)(0);
+  const conversionsRef = (0, import_react18.useRef)(0);
+  const activeExperimentsRef = (0, import_react18.useRef)(/* @__PURE__ */ new Map());
+  const exposedExperimentsRef = (0, import_react18.useRef)(/* @__PURE__ */ new Set());
+  const getBaseProps = (0, import_react18.useCallback)(() => ({
     session_exposures: exposuresRef.current,
     session_conversions: conversionsRef.current,
     active_experiment_count: activeExperimentsRef.current.size
   }), []);
-  const getStorageKey = (0, import_react17.useCallback)((experimentId) => {
+  const getStorageKey = (0, import_react18.useCallback)((experimentId) => {
     return `balance_ab_${experimentId}`;
   }, []);
-  const getVariant = (0, import_react17.useCallback)((experimentId) => {
+  const getVariant = (0, import_react18.useCallback)((experimentId) => {
     if (typeof window === "undefined")
       return null;
     try {
@@ -2061,7 +2111,7 @@ function useBalanceAB() {
       return null;
     }
   }, [getStorageKey]);
-  const setVariant = (0, import_react17.useCallback)((experimentId, variant) => {
+  const setVariant = (0, import_react18.useCallback)((experimentId, variant) => {
     if (typeof window === "undefined")
       return;
     try {
@@ -2070,10 +2120,10 @@ function useBalanceAB() {
     } catch {
     }
   }, [getStorageKey]);
-  const getActiveExperiments = (0, import_react17.useCallback)(() => {
+  const getActiveExperiments = (0, import_react18.useCallback)(() => {
     return new Map(activeExperimentsRef.current);
   }, []);
-  const getStats = (0, import_react17.useCallback)(() => {
+  const getStats = (0, import_react18.useCallback)(() => {
     const exposures = exposuresRef.current;
     const conversions = conversionsRef.current;
     const conversionRate = exposures > 0 ? Math.round(conversions / exposures * 1e4) / 100 : 0;
@@ -2084,13 +2134,13 @@ function useBalanceAB() {
       conversionRate
     };
   }, []);
-  const reset = (0, import_react17.useCallback)(() => {
+  const reset = (0, import_react18.useCallback)(() => {
     exposuresRef.current = 0;
     conversionsRef.current = 0;
     activeExperimentsRef.current.clear();
     exposedExperimentsRef.current.clear();
   }, []);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (typeof window === "undefined")
       return;
     try {
@@ -2107,7 +2157,7 @@ function useBalanceAB() {
     } catch {
     }
   }, []);
-  const trackExposure = (0, import_react17.useCallback)((experimentId, variant, context) => {
+  const trackExposure = (0, import_react18.useCallback)((experimentId, variant, context) => {
     const exposureKey = `${experimentId}:${variant}`;
     if (exposedExperimentsRef.current.has(exposureKey))
       return;
@@ -2122,7 +2172,7 @@ function useBalanceAB() {
       ...context
     });
   }, [track2, getBaseProps]);
-  const trackConversion = (0, import_react17.useCallback)((experimentId, variant, conversionData) => {
+  const trackConversion = (0, import_react18.useCallback)((experimentId, variant, conversionData) => {
     conversionsRef.current += 1;
     track2("experiment_conversion", {
       ...getBaseProps(),
@@ -2131,7 +2181,7 @@ function useBalanceAB() {
       ...conversionData
     });
   }, [track2, getBaseProps]);
-  const trackInteraction = (0, import_react17.useCallback)((experimentId, variant, interactionType, details) => {
+  const trackInteraction = (0, import_react18.useCallback)((experimentId, variant, interactionType, details) => {
     track2("experiment_interaction", {
       ...getBaseProps(),
       experiment_id: experimentId,
@@ -2140,7 +2190,7 @@ function useBalanceAB() {
       ...details
     });
   }, [track2, getBaseProps]);
-  const enrollUser = (0, import_react17.useCallback)((experimentId, variant, source = "random") => {
+  const enrollUser = (0, import_react18.useCallback)((experimentId, variant, source = "random") => {
     setVariant(experimentId, variant);
     track2("experiment_enrolled", {
       ...getBaseProps(),
@@ -2149,7 +2199,7 @@ function useBalanceAB() {
       enrollment_source: source
     });
   }, [track2, getBaseProps, setVariant]);
-  const exitExperiment = (0, import_react17.useCallback)((experimentId, reason = "completed") => {
+  const exitExperiment = (0, import_react18.useCallback)((experimentId, reason = "completed") => {
     const variant = activeExperimentsRef.current.get(experimentId);
     activeExperimentsRef.current.delete(experimentId);
     track2("experiment_exit", {
@@ -2159,7 +2209,7 @@ function useBalanceAB() {
       exit_reason: reason
     });
   }, [track2, getBaseProps]);
-  const trackFeatureFlag = (0, import_react17.useCallback)((flag) => {
+  const trackFeatureFlag = (0, import_react18.useCallback)((flag) => {
     track2("feature_flag_evaluated", {
       ...getBaseProps(),
       flag_key: flag.key,
@@ -2168,7 +2218,7 @@ function useBalanceAB() {
       flag_source: flag.source || "unknown"
     });
   }, [track2, getBaseProps]);
-  const trackFeatureFlagToggle = (0, import_react17.useCallback)((flagKey, newValue, previousValue) => {
+  const trackFeatureFlagToggle = (0, import_react18.useCallback)((flagKey, newValue, previousValue) => {
     track2("feature_flag_toggled", {
       ...getBaseProps(),
       flag_key: flagKey,
@@ -2176,7 +2226,7 @@ function useBalanceAB() {
       previous_value: previousValue
     });
   }, [track2, getBaseProps]);
-  const trackGoal = (0, import_react17.useCallback)((experimentId, goalName, value, context) => {
+  const trackGoal = (0, import_react18.useCallback)((experimentId, goalName, value, context) => {
     const variant = activeExperimentsRef.current.get(experimentId);
     track2("experiment_goal", {
       ...getBaseProps(),
@@ -2187,7 +2237,7 @@ function useBalanceAB() {
       ...context
     });
   }, [track2, getBaseProps]);
-  const trackSegment = (0, import_react17.useCallback)((segmentId, segmentName, criteria) => {
+  const trackSegment = (0, import_react18.useCallback)((segmentId, segmentName, criteria) => {
     track2("segment_assigned", {
       ...getBaseProps(),
       segment_id: segmentId,
@@ -2219,37 +2269,37 @@ function useBalanceAB() {
 }
 
 // src/react/useBalanceLive.ts
-var import_react18 = require("react");
+var import_react19 = require("react");
 function useBalanceLive() {
   const { track: track2 } = useBalance();
-  const currentStreamRef = (0, import_react18.useRef)(null);
-  const streamStartTimeRef = (0, import_react18.useRef)(null);
-  const totalWatchTimeRef = (0, import_react18.useRef)(0);
-  const messageCountRef = (0, import_react18.useRef)(0);
-  const reactionCountRef = (0, import_react18.useRef)(0);
-  const tipCountRef = (0, import_react18.useRef)(0);
-  const lastMilestoneRef = (0, import_react18.useRef)(0);
-  const watchTimeIntervalRef = (0, import_react18.useRef)(null);
-  const getCurrentWatchTime = (0, import_react18.useCallback)(() => {
+  const currentStreamRef = (0, import_react19.useRef)(null);
+  const streamStartTimeRef = (0, import_react19.useRef)(null);
+  const totalWatchTimeRef = (0, import_react19.useRef)(0);
+  const messageCountRef = (0, import_react19.useRef)(0);
+  const reactionCountRef = (0, import_react19.useRef)(0);
+  const tipCountRef = (0, import_react19.useRef)(0);
+  const lastMilestoneRef = (0, import_react19.useRef)(0);
+  const watchTimeIntervalRef = (0, import_react19.useRef)(null);
+  const getCurrentWatchTime = (0, import_react19.useCallback)(() => {
     if (!streamStartTimeRef.current)
       return 0;
     return Math.round((Date.now() - streamStartTimeRef.current) / 1e3);
   }, []);
-  const getBaseProps = (0, import_react18.useCallback)(() => ({
+  const getBaseProps = (0, import_react19.useCallback)(() => ({
     current_stream_id: currentStreamRef.current,
     session_watch_time_seconds: totalWatchTimeRef.current + getCurrentWatchTime(),
     session_messages: messageCountRef.current,
     session_reactions: reactionCountRef.current,
     session_tips: tipCountRef.current
   }), [getCurrentWatchTime]);
-  const getStats = (0, import_react18.useCallback)(() => ({
+  const getStats = (0, import_react19.useCallback)(() => ({
     totalWatchTimeSeconds: totalWatchTimeRef.current + getCurrentWatchTime(),
     messagesent: messageCountRef.current,
     reactions: reactionCountRef.current,
     tips: tipCountRef.current,
     currentStreamId: currentStreamRef.current
   }), [getCurrentWatchTime]);
-  const reset = (0, import_react18.useCallback)(() => {
+  const reset = (0, import_react19.useCallback)(() => {
     if (watchTimeIntervalRef.current) {
       clearInterval(watchTimeIntervalRef.current);
       watchTimeIntervalRef.current = null;
@@ -2262,14 +2312,14 @@ function useBalanceLive() {
     tipCountRef.current = 0;
     lastMilestoneRef.current = 0;
   }, []);
-  (0, import_react18.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     return () => {
       if (watchTimeIntervalRef.current) {
         clearInterval(watchTimeIntervalRef.current);
       }
     };
   }, []);
-  const joinStream = (0, import_react18.useCallback)((streamId, streamTitle, artistId, metadata) => {
+  const joinStream = (0, import_react19.useCallback)((streamId, streamTitle, artistId, metadata) => {
     if (currentStreamRef.current && currentStreamRef.current !== streamId) {
       totalWatchTimeRef.current += getCurrentWatchTime();
     }
@@ -2298,7 +2348,7 @@ function useBalanceLive() {
       }
     }, 6e4);
   }, [track2, getBaseProps, getCurrentWatchTime]);
-  const leaveStream = (0, import_react18.useCallback)((streamId, reason = "user") => {
+  const leaveStream = (0, import_react19.useCallback)((streamId, reason = "user") => {
     const watchTime = getCurrentWatchTime();
     totalWatchTimeRef.current += watchTime;
     if (watchTimeIntervalRef.current) {
@@ -2314,7 +2364,7 @@ function useBalanceLive() {
     currentStreamRef.current = null;
     streamStartTimeRef.current = null;
   }, [track2, getBaseProps, getCurrentWatchTime]);
-  const playbackStarted = (0, import_react18.useCallback)((streamId, quality, latencyMs) => {
+  const playbackStarted = (0, import_react19.useCallback)((streamId, quality, latencyMs) => {
     track2("stream_playback_started", {
       ...getBaseProps(),
       stream_id: streamId,
@@ -2322,7 +2372,7 @@ function useBalanceLive() {
       latency_ms: latencyMs
     });
   }, [track2, getBaseProps]);
-  const buffering = (0, import_react18.useCallback)((streamId, durationMs, reason) => {
+  const buffering = (0, import_react19.useCallback)((streamId, durationMs, reason) => {
     track2("stream_buffering", {
       ...getBaseProps(),
       stream_id: streamId,
@@ -2330,7 +2380,7 @@ function useBalanceLive() {
       buffer_reason: reason
     });
   }, [track2, getBaseProps]);
-  const qualityChanged = (0, import_react18.useCallback)((streamId, previousQuality, newQuality, isAutomatic) => {
+  const qualityChanged = (0, import_react19.useCallback)((streamId, previousQuality, newQuality, isAutomatic) => {
     track2("stream_quality_changed", {
       ...getBaseProps(),
       stream_id: streamId,
@@ -2339,7 +2389,7 @@ function useBalanceLive() {
       is_automatic: isAutomatic
     });
   }, [track2, getBaseProps]);
-  const streamError = (0, import_react18.useCallback)((streamId, errorCode, errorMessage) => {
+  const streamError = (0, import_react19.useCallback)((streamId, errorCode, errorMessage) => {
     track2("stream_error", {
       ...getBaseProps(),
       stream_id: streamId,
@@ -2347,7 +2397,7 @@ function useBalanceLive() {
       error_message: errorMessage
     });
   }, [track2, getBaseProps]);
-  const sendChat = (0, import_react18.useCallback)((streamId, messageLength, hasEmoji) => {
+  const sendChat = (0, import_react19.useCallback)((streamId, messageLength, hasEmoji) => {
     messageCountRef.current += 1;
     track2("stream_chat_sent", {
       ...getBaseProps(),
@@ -2356,7 +2406,7 @@ function useBalanceLive() {
       has_emoji: hasEmoji
     });
   }, [track2, getBaseProps]);
-  const react = (0, import_react18.useCallback)((streamId, reactionType) => {
+  const react = (0, import_react19.useCallback)((streamId, reactionType) => {
     reactionCountRef.current += 1;
     track2("stream_reaction", {
       ...getBaseProps(),
@@ -2364,7 +2414,7 @@ function useBalanceLive() {
       reaction_type: reactionType
     });
   }, [track2, getBaseProps]);
-  const tip = (0, import_react18.useCallback)((streamId, amount, currency, message) => {
+  const tip = (0, import_react19.useCallback)((streamId, amount, currency, message) => {
     tipCountRef.current += 1;
     track2("stream_tip", {
       ...getBaseProps(),
@@ -2374,7 +2424,7 @@ function useBalanceLive() {
       has_message: !!message
     });
   }, [track2, getBaseProps]);
-  const gift = (0, import_react18.useCallback)((streamId, giftType, recipientId, value) => {
+  const gift = (0, import_react19.useCallback)((streamId, giftType, recipientId, value) => {
     track2("stream_gift", {
       ...getBaseProps(),
       stream_id: streamId,
@@ -2383,7 +2433,7 @@ function useBalanceLive() {
       gift_value: value
     });
   }, [track2, getBaseProps]);
-  const pollVote = (0, import_react18.useCallback)((streamId, pollId, optionId) => {
+  const pollVote = (0, import_react19.useCallback)((streamId, pollId, optionId) => {
     track2("stream_poll_vote", {
       ...getBaseProps(),
       stream_id: streamId,
@@ -2391,7 +2441,7 @@ function useBalanceLive() {
       option_id: optionId
     });
   }, [track2, getBaseProps]);
-  const submitQuestion = (0, import_react18.useCallback)((streamId, questionId, isAnonymous) => {
+  const submitQuestion = (0, import_react19.useCallback)((streamId, questionId, isAnonymous) => {
     track2("stream_question_submitted", {
       ...getBaseProps(),
       stream_id: streamId,
@@ -2399,35 +2449,35 @@ function useBalanceLive() {
       is_anonymous: isAnonymous
     });
   }, [track2, getBaseProps]);
-  const share = (0, import_react18.useCallback)((streamId, platform) => {
+  const share = (0, import_react19.useCallback)((streamId, platform) => {
     track2("stream_shared", {
       ...getBaseProps(),
       stream_id: streamId,
       share_platform: platform
     });
   }, [track2, getBaseProps]);
-  const captureClip = (0, import_react18.useCallback)((streamId, clipDurationSeconds) => {
+  const captureClip = (0, import_react19.useCallback)((streamId, clipDurationSeconds) => {
     track2("stream_clip_captured", {
       ...getBaseProps(),
       stream_id: streamId,
       clip_duration_seconds: clipDurationSeconds
     });
   }, [track2, getBaseProps]);
-  const toggleFullscreen = (0, import_react18.useCallback)((streamId, isFullscreen) => {
+  const toggleFullscreen = (0, import_react19.useCallback)((streamId, isFullscreen) => {
     track2("stream_fullscreen_toggled", {
       ...getBaseProps(),
       stream_id: streamId,
       is_fullscreen: isFullscreen
     });
   }, [track2, getBaseProps]);
-  const togglePiP = (0, import_react18.useCallback)((streamId, isPiP) => {
+  const togglePiP = (0, import_react19.useCallback)((streamId, isPiP) => {
     track2("stream_pip_toggled", {
       ...getBaseProps(),
       stream_id: streamId,
       is_pip: isPiP
     });
   }, [track2, getBaseProps]);
-  const volumeChanged = (0, import_react18.useCallback)((streamId, volume, isMuted) => {
+  const volumeChanged = (0, import_react19.useCallback)((streamId, volume, isMuted) => {
     track2("stream_volume_changed", {
       ...getBaseProps(),
       stream_id: streamId,
@@ -2435,7 +2485,7 @@ function useBalanceLive() {
       is_muted: isMuted
     });
   }, [track2, getBaseProps]);
-  const viewerMilestone = (0, import_react18.useCallback)((streamId, minutesWatched) => {
+  const viewerMilestone = (0, import_react19.useCallback)((streamId, minutesWatched) => {
     track2("viewer_milestone", {
       ...getBaseProps(),
       stream_id: streamId,
@@ -2471,34 +2521,34 @@ function useBalanceLive() {
 }
 
 // src/react/useBalanceSubscription.ts
-var import_react19 = require("react");
+var import_react20 = require("react");
 function useBalanceSubscription() {
   const { track: track2, purchase: purchase2 } = useBalance();
-  const subscriptionCountRef = (0, import_react19.useRef)(0);
-  const upgradeCountRef = (0, import_react19.useRef)(0);
-  const downgradeCountRef = (0, import_react19.useRef)(0);
-  const cancellationCountRef = (0, import_react19.useRef)(0);
-  const totalRevenueRef = (0, import_react19.useRef)(0);
-  const getBaseProps = (0, import_react19.useCallback)(() => ({
+  const subscriptionCountRef = (0, import_react20.useRef)(0);
+  const upgradeCountRef = (0, import_react20.useRef)(0);
+  const downgradeCountRef = (0, import_react20.useRef)(0);
+  const cancellationCountRef = (0, import_react20.useRef)(0);
+  const totalRevenueRef = (0, import_react20.useRef)(0);
+  const getBaseProps = (0, import_react20.useCallback)(() => ({
     session_subscriptions: subscriptionCountRef.current,
     session_upgrades: upgradeCountRef.current,
     session_cancellations: cancellationCountRef.current
   }), []);
-  const getStats = (0, import_react19.useCallback)(() => ({
+  const getStats = (0, import_react20.useCallback)(() => ({
     subscriptions: subscriptionCountRef.current,
     upgrades: upgradeCountRef.current,
     downgrades: downgradeCountRef.current,
     cancellations: cancellationCountRef.current,
     totalRevenue: totalRevenueRef.current
   }), []);
-  const reset = (0, import_react19.useCallback)(() => {
+  const reset = (0, import_react20.useCallback)(() => {
     subscriptionCountRef.current = 0;
     upgradeCountRef.current = 0;
     downgradeCountRef.current = 0;
     cancellationCountRef.current = 0;
     totalRevenueRef.current = 0;
   }, []);
-  const subscribe = (0, import_react19.useCallback)((planId, price, currency, interval, metadata) => {
+  const subscribe = (0, import_react20.useCallback)((planId, price, currency, interval, metadata) => {
     subscriptionCountRef.current += 1;
     totalRevenueRef.current += price;
     purchase2(price, currency, {
@@ -2515,7 +2565,7 @@ function useBalanceSubscription() {
       ...metadata
     });
   }, [track2, purchase2, getBaseProps]);
-  const startTrial = (0, import_react19.useCallback)((planId, trialDays, willConvertTo) => {
+  const startTrial = (0, import_react20.useCallback)((planId, trialDays, willConvertTo) => {
     track2("trial_started", {
       ...getBaseProps(),
       plan_id: planId,
@@ -2523,7 +2573,7 @@ function useBalanceSubscription() {
       will_convert_to: willConvertTo
     });
   }, [track2, getBaseProps]);
-  const trialConverted = (0, import_react19.useCallback)((planId, price, currency) => {
+  const trialConverted = (0, import_react20.useCallback)((planId, price, currency) => {
     subscriptionCountRef.current += 1;
     totalRevenueRef.current += price;
     purchase2(price, currency, {
@@ -2537,14 +2587,14 @@ function useBalanceSubscription() {
       currency
     });
   }, [track2, purchase2, getBaseProps]);
-  const trialExpired = (0, import_react19.useCallback)((planId, reason) => {
+  const trialExpired = (0, import_react20.useCallback)((planId, reason) => {
     track2("trial_expired", {
       ...getBaseProps(),
       plan_id: planId,
       expiry_reason: reason
     });
   }, [track2, getBaseProps]);
-  const upgrade = (0, import_react19.useCallback)((fromPlanId, toPlanId, priceDifference, currency) => {
+  const upgrade = (0, import_react20.useCallback)((fromPlanId, toPlanId, priceDifference, currency) => {
     upgradeCountRef.current += 1;
     totalRevenueRef.current += priceDifference;
     track2("subscription_upgraded", {
@@ -2555,7 +2605,7 @@ function useBalanceSubscription() {
       currency
     });
   }, [track2, getBaseProps]);
-  const downgrade = (0, import_react19.useCallback)((fromPlanId, toPlanId, priceDifference, currency, reason) => {
+  const downgrade = (0, import_react20.useCallback)((fromPlanId, toPlanId, priceDifference, currency, reason) => {
     downgradeCountRef.current += 1;
     track2("subscription_downgraded", {
       ...getBaseProps(),
@@ -2566,7 +2616,7 @@ function useBalanceSubscription() {
       downgrade_reason: reason
     });
   }, [track2, getBaseProps]);
-  const renewal = (0, import_react19.useCallback)((planId, price, currency, periodNumber) => {
+  const renewal = (0, import_react20.useCallback)((planId, price, currency, periodNumber) => {
     totalRevenueRef.current += price;
     purchase2(price, currency, {
       type: "renewal",
@@ -2581,7 +2631,7 @@ function useBalanceSubscription() {
       period_number: periodNumber
     });
   }, [track2, purchase2, getBaseProps]);
-  const cancelInitiated = (0, import_react19.useCallback)((planId, reason, feedback) => {
+  const cancelInitiated = (0, import_react20.useCallback)((planId, reason, feedback) => {
     track2("cancellation_initiated", {
       ...getBaseProps(),
       plan_id: planId,
@@ -2589,7 +2639,7 @@ function useBalanceSubscription() {
       feedback: feedback?.slice(0, 500)
     });
   }, [track2, getBaseProps]);
-  const cancel = (0, import_react19.useCallback)((planId, reason, wasInTrial, periodsCompleted) => {
+  const cancel = (0, import_react20.useCallback)((planId, reason, wasInTrial, periodsCompleted) => {
     cancellationCountRef.current += 1;
     track2("subscription_canceled", {
       ...getBaseProps(),
@@ -2599,7 +2649,7 @@ function useBalanceSubscription() {
       periods_completed: periodsCompleted
     });
   }, [track2, getBaseProps]);
-  const pause = (0, import_react19.useCallback)((planId, pauseDurationDays, reason) => {
+  const pause = (0, import_react20.useCallback)((planId, pauseDurationDays, reason) => {
     track2("subscription_paused", {
       ...getBaseProps(),
       plan_id: planId,
@@ -2607,14 +2657,14 @@ function useBalanceSubscription() {
       pause_reason: reason
     });
   }, [track2, getBaseProps]);
-  const resume = (0, import_react19.useCallback)((planId, pausedDays) => {
+  const resume = (0, import_react20.useCallback)((planId, pausedDays) => {
     track2("subscription_resumed", {
       ...getBaseProps(),
       plan_id: planId,
       paused_days: pausedDays
     });
   }, [track2, getBaseProps]);
-  const reactivate = (0, import_react19.useCallback)((planId, daysSinceCanceled, winbackOffer) => {
+  const reactivate = (0, import_react20.useCallback)((planId, daysSinceCanceled, winbackOffer) => {
     subscriptionCountRef.current += 1;
     track2("subscription_reactivated", {
       ...getBaseProps(),
@@ -2623,27 +2673,27 @@ function useBalanceSubscription() {
       winback_offer: winbackOffer
     });
   }, [track2, getBaseProps]);
-  const addPaymentMethod = (0, import_react19.useCallback)((methodType, isDefault) => {
+  const addPaymentMethod = (0, import_react20.useCallback)((methodType, isDefault) => {
     track2("payment_method_added", {
       ...getBaseProps(),
       method_type: methodType,
       is_default: isDefault
     });
   }, [track2, getBaseProps]);
-  const updatePaymentMethod = (0, import_react19.useCallback)((oldMethodType, newMethodType) => {
+  const updatePaymentMethod = (0, import_react20.useCallback)((oldMethodType, newMethodType) => {
     track2("payment_method_updated", {
       ...getBaseProps(),
       old_method_type: oldMethodType,
       new_method_type: newMethodType
     });
   }, [track2, getBaseProps]);
-  const removePaymentMethod = (0, import_react19.useCallback)((methodType) => {
+  const removePaymentMethod = (0, import_react20.useCallback)((methodType) => {
     track2("payment_method_removed", {
       ...getBaseProps(),
       method_type: methodType
     });
   }, [track2, getBaseProps]);
-  const paymentFailed = (0, import_react19.useCallback)((planId, amount, currency, failureReason, attemptNumber) => {
+  const paymentFailed = (0, import_react20.useCallback)((planId, amount, currency, failureReason, attemptNumber) => {
     track2("payment_failed", {
       ...getBaseProps(),
       plan_id: planId,
@@ -2653,7 +2703,7 @@ function useBalanceSubscription() {
       attempt_number: attemptNumber
     });
   }, [track2, getBaseProps]);
-  const paymentRecovered = (0, import_react19.useCallback)((planId, amount, currency, daysOverdue) => {
+  const paymentRecovered = (0, import_react20.useCallback)((planId, amount, currency, daysOverdue) => {
     totalRevenueRef.current += amount;
     track2("payment_recovered", {
       ...getBaseProps(),
@@ -2663,7 +2713,7 @@ function useBalanceSubscription() {
       days_overdue: daysOverdue
     });
   }, [track2, getBaseProps]);
-  const refund = (0, import_react19.useCallback)((planId, amount, currency, reason, isPartial) => {
+  const refund = (0, import_react20.useCallback)((planId, amount, currency, reason, isPartial) => {
     totalRevenueRef.current -= amount;
     track2("refund_issued", {
       ...getBaseProps(),
@@ -2674,7 +2724,7 @@ function useBalanceSubscription() {
       is_partial: isPartial
     });
   }, [track2, getBaseProps]);
-  const applyPromo = (0, import_react19.useCallback)((promoCode, discountPercent, discountAmount, currency) => {
+  const applyPromo = (0, import_react20.useCallback)((promoCode, discountPercent, discountAmount, currency) => {
     track2("promo_applied", {
       ...getBaseProps(),
       promo_code: promoCode,
@@ -2683,7 +2733,7 @@ function useBalanceSubscription() {
       currency
     });
   }, [track2, getBaseProps]);
-  const giftPurchased = (0, import_react19.useCallback)((planId, price, currency, recipientType) => {
+  const giftPurchased = (0, import_react20.useCallback)((planId, price, currency, recipientType) => {
     totalRevenueRef.current += price;
     purchase2(price, currency, {
       type: "gift_subscription",
@@ -2697,7 +2747,7 @@ function useBalanceSubscription() {
       recipient_type: recipientType
     });
   }, [track2, purchase2, getBaseProps]);
-  const giftRedeemed = (0, import_react19.useCallback)((planId, giftCode) => {
+  const giftRedeemed = (0, import_react20.useCallback)((planId, giftCode) => {
     subscriptionCountRef.current += 1;
     track2("gift_subscription_redeemed", {
       ...getBaseProps(),
@@ -2705,12 +2755,12 @@ function useBalanceSubscription() {
       gift_code: giftCode
     });
   }, [track2, getBaseProps]);
-  const viewBillingPage = (0, import_react19.useCallback)(() => {
+  const viewBillingPage = (0, import_react20.useCallback)(() => {
     track2("billing_page_viewed", {
       ...getBaseProps()
     });
   }, [track2, getBaseProps]);
-  const viewPricingPage = (0, import_react19.useCallback)((source) => {
+  const viewPricingPage = (0, import_react20.useCallback)((source) => {
     track2("pricing_page_viewed", {
       ...getBaseProps(),
       source
@@ -2754,15 +2804,15 @@ function useBalanceSubscription() {
 }
 
 // src/react/BalanceAnalytics.tsx
-var import_react20 = __toESM(require("react"));
-var import_navigation = require("next/navigation");
+var import_react21 = __toESM(require("react"));
+var import_navigation2 = require("next/navigation");
 function BalanceAnalyticsInner() {
-  const pathname = (0, import_navigation.usePathname)();
-  const searchParams = (0, import_navigation.useSearchParams)();
-  const isFirstRender = (0, import_react20.useRef)(true);
-  const lastTrackedPath = (0, import_react20.useRef)(null);
+  const pathname = (0, import_navigation2.usePathname)();
+  const searchParams = (0, import_navigation2.useSearchParams)();
+  const isFirstRender = (0, import_react21.useRef)(true);
+  const lastTrackedPath = (0, import_react21.useRef)(null);
   const balance = useBalanceOptional();
-  (0, import_react20.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     if (typeof window === "undefined")
       return;
     const pageTracker = balance?.page ?? window.balance?.page;
@@ -2794,11 +2844,14 @@ function BalanceAnalyticsInner() {
   return null;
 }
 function BalanceAnalytics() {
-  return /* @__PURE__ */ import_react20.default.createElement(import_react20.Suspense, { fallback: null }, /* @__PURE__ */ import_react20.default.createElement(BalanceAnalyticsInner, null));
+  return /* @__PURE__ */ import_react21.default.createElement(import_react21.Suspense, { fallback: null }, /* @__PURE__ */ import_react21.default.createElement(BalanceAnalyticsInner, null));
 }
 
+// src/react/ConsentBridge.tsx
+var import_react22 = require("react");
+
 // src/react/useBalanceIdentify.ts
-var import_react21 = require("react");
+var import_react23 = require("react");
 
 // src/storage/StorageManager.ts
 var DEFAULT_PREFIX = "balance_";
@@ -3022,10 +3075,10 @@ function checkAnalyticsConsent() {
   }
 }
 function useBalanceIdentify() {
-  const pollIntervalRef = (0, import_react21.useRef)(null);
-  const hasProcessedPending = (0, import_react21.useRef)(false);
+  const pollIntervalRef = (0, import_react23.useRef)(null);
+  const hasProcessedPending = (0, import_react23.useRef)(false);
   const storageManager = typeof window !== "undefined" ? getStorageManager() : null;
-  const getPendingIdentify = (0, import_react21.useCallback)(() => {
+  const getPendingIdentify = (0, import_react23.useCallback)(() => {
     if (!storageManager)
       return null;
     const pending = storageManager.getJSON(PENDING_IDENTIFY_KEY);
@@ -3037,7 +3090,7 @@ function useBalanceIdentify() {
     }
     return pending;
   }, [storageManager]);
-  const setPendingIdentify = (0, import_react21.useCallback)((email, traits) => {
+  const setPendingIdentify = (0, import_react23.useCallback)((email, traits) => {
     if (!storageManager)
       return;
     storageManager.setJSON(PENDING_IDENTIFY_KEY, {
@@ -3046,12 +3099,12 @@ function useBalanceIdentify() {
       timestamp: Date.now()
     });
   }, [storageManager]);
-  const clearPendingIdentify = (0, import_react21.useCallback)(() => {
+  const clearPendingIdentify = (0, import_react23.useCallback)(() => {
     if (!storageManager)
       return;
     storageManager.removeItem(PENDING_IDENTIFY_KEY);
   }, [storageManager]);
-  const identify2 = (0, import_react21.useCallback)((email, traits) => {
+  const identify2 = (0, import_react23.useCallback)((email, traits) => {
     const hasConsent2 = checkAnalyticsConsent();
     if (!hasConsent2) {
       console.log("[useBalanceIdentify] Skipping identify - user declined analytics consent");
@@ -3070,7 +3123,7 @@ function useBalanceIdentify() {
     setPendingIdentify(email, traits);
     return false;
   }, [storageManager, clearPendingIdentify, setPendingIdentify]);
-  const processPendingIdentify = (0, import_react21.useCallback)(() => {
+  const processPendingIdentify = (0, import_react23.useCallback)(() => {
     if (hasProcessedPending.current)
       return;
     const pending = getPendingIdentify();
@@ -3093,7 +3146,7 @@ function useBalanceIdentify() {
       hasProcessedPending.current = true;
     }
   }, [getPendingIdentify, clearPendingIdentify, storageManager]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     processPendingIdentify();
     const pending = getPendingIdentify();
     if (pending && !hasProcessedPending.current) {