@hifilabs/pixel 0.9.0 → 0.10.0

package/dist/index.js

@@ -58,6 +58,14 @@ function useResolvedConfig(props) {
       ...DEFAULT_CONSENT_CONFIG,
       ...props.consent
     };
+    const metaPixelId = props.metaPixelId ?? getEnvVar("NEXT_PUBLIC_META_PIXEL_ID");
+    const tiktokPixelId = props.tiktokPixelId ?? getEnvVar("NEXT_PUBLIC_TIKTOK_PIXEL_ID");
+    const googleAdsId = props.googleAdsId ?? getEnvVar("NEXT_PUBLIC_GOOGLE_ADS_ID");
+    const googleAdsConversionLabel = props.googleAdsConversionLabel ?? getEnvVar("NEXT_PUBLIC_GOOGLE_ADS_CONVERSION_LABEL");
+    const forwardEvents = {
+      ...DEFAULT_FORWARDING_CONFIG,
+      ...props.forwardEvents
+    };
     return {
       artistId,
       gtmId,
@@ -67,7 +75,13 @@ function useResolvedConfig(props) {
       disabled,
       useEmulator,
       projectId,
-      consent
+      consent,
+      // Platform pixels (v2)
+      metaPixelId,
+      tiktokPixelId,
+      googleAdsId,
+      googleAdsConversionLabel,
+      forwardEvents
     };
   }, [
     props.artistId,
@@ -78,10 +92,16 @@ function useResolvedConfig(props) {
     props.debug,
     props.disabled,
     props.useEmulator,
-    props.consent
+    props.consent,
+    // Platform pixels (v2)
+    props.metaPixelId,
+    props.tiktokPixelId,
+    props.googleAdsId,
+    props.googleAdsConversionLabel,
+    props.forwardEvents
   ]);
 }
-var import_react, DEFAULT_SCRIPT_URL, DEFAULT_CONSENT_CONFIG;
+var import_react, DEFAULT_SCRIPT_URL, DEFAULT_CONSENT_CONFIG, DEFAULT_FORWARDING_CONFIG;
 var init_useResolvedConfig = __esm({
   "src/react/ArtistOS/useResolvedConfig.ts"() {
     "use client";
@@ -96,6 +116,13 @@ var init_useResolvedConfig = __esm({
       storageKey: "artistos_consent",
       expiryDays: 365
     };
+    DEFAULT_FORWARDING_CONFIG = {
+      pageview: true,
+      purchase: true,
+      addToCart: true,
+      lead: true,
+      custom: []
+    };
   }
 });
 
@@ -1026,7 +1053,21 @@ function useArtistOSOptional() {
   return (0, import_react7.useContext)(ArtistOSContext);
 }
 function PixelScriptLoader({ config }) {
-  const { artistId, scriptUrl, endpoint, useEmulator, debug, projectId, disabled } = config;
+  const {
+    artistId,
+    scriptUrl,
+    endpoint,
+    useEmulator,
+    debug,
+    projectId,
+    disabled,
+    // Platform pixels (v2)
+    metaPixelId,
+    tiktokPixelId,
+    googleAdsId,
+    googleAdsConversionLabel,
+    forwardEvents
+  } = config;
   if (disabled || !artistId) {
     if (debug && !artistId) {
       console.warn(
@@ -1044,10 +1085,26 @@ function PixelScriptLoader({ config }) {
       "data-endpoint": endpoint,
       "data-emulator": useEmulator ? "true" : void 0,
       "data-debug": debug ? "true" : void 0,
+      "data-meta-pixel-id": metaPixelId,
+      "data-tiktok-pixel-id": tiktokPixelId,
+      "data-google-ads-id": googleAdsId,
+      "data-google-ads-conversion-label": googleAdsConversionLabel,
+      "data-forward-pageview": forwardEvents.pageview ? void 0 : "false",
+      "data-forward-purchase": forwardEvents.purchase ? void 0 : "false",
+      "data-forward-add-to-cart": forwardEvents.addToCart ? void 0 : "false",
+      "data-forward-lead": forwardEvents.lead ? void 0 : "false",
+      "data-forward-custom": forwardEvents.custom.length > 0 ? forwardEvents.custom.join(",") : void 0,
       strategy: "afterInteractive",
       onLoad: () => {
         if (debug) {
           console.log("[ArtistOS] Pixel script loaded for artist:", artistId);
+          if (metaPixelId || tiktokPixelId || googleAdsId) {
+            console.log("[ArtistOS] Platform pixels configured:", {
+              meta: metaPixelId,
+              tiktok: tiktokPixelId,
+              googleAds: googleAdsId
+            });
+          }
         }
       },
       onError: (e) => {
@@ -1253,10 +1310,12 @@ var init_ArtistOS = __esm({
 var src_exports = {};
 __export(src_exports, {
   ArtistOS: () => ArtistOS,
+  ArtistPixelAnalytics: () => ArtistPixelAnalytics,
+  ArtistPixelContext: () => ArtistPixelContext,
+  ArtistPixelProvider: () => ArtistPixelProvider,
   BALANCE_TO_C15T_MAP: () => BALANCE_TO_C15T_MAP,
-  BalanceAnalytics: () => BalanceAnalytics,
-  BalanceContext: () => BalanceContext,
-  BalanceProvider: () => BalanceProvider,
+  BalanceContext: () => ArtistPixelContext,
+  BalanceProvider: () => ArtistPixelProvider,
   C15T_TO_BALANCE_MAP: () => C15T_TO_BALANCE_MAP,
   ConsentBanner: () => ConsentBanner,
   ConsentBridge: () => ConsentBridge,
@@ -1280,23 +1339,27 @@ __export(src_exports, {
   track: () => track,
   useArtistOS: () => useArtistOS,
   useArtistOSOptional: () => useArtistOSOptional,
-  useBalance: () => useBalance,
-  useBalanceAB: () => useBalanceAB,
-  useBalanceAuth: () => useBalanceAuth,
-  useBalanceConsent: () => useBalanceConsent,
-  useBalanceEcommerce: () => useBalanceEcommerce,
-  useBalanceEngagement: () => useBalanceEngagement,
-  useBalanceError: () => useBalanceError,
-  useBalanceForm: () => useBalanceForm,
-  useBalanceIdentify: () => useBalanceIdentify,
-  useBalanceLive: () => useBalanceLive,
-  useBalanceMedia: () => useBalanceMedia,
-  useBalanceNotification: () => useBalanceNotification,
-  useBalanceOptional: () => useBalanceOptional,
-  useBalanceReady: () => useBalanceReady,
-  useBalanceSearch: () => useBalanceSearch,
-  useBalanceSocial: () => useBalanceSocial,
-  useBalanceSubscription: () => useBalanceSubscription,
+  useArtistPixel: () => useArtistPixel,
+  useArtistPixelAB: () => useArtistPixelAB,
+  useArtistPixelAuth: () => useArtistPixelAuth,
+  useArtistPixelConsent: () => useArtistPixelConsent,
+  useArtistPixelEcommerce: () => useArtistPixelEcommerce,
+  useArtistPixelEngagement: () => useArtistPixelEngagement,
+  useArtistPixelError: () => useArtistPixelError,
+  useArtistPixelForm: () => useArtistPixelForm,
+  useArtistPixelIdentify: () => useArtistPixelIdentify,
+  useArtistPixelLive: () => useArtistPixelLive,
+  useArtistPixelMedia: () => useArtistPixelMedia,
+  useArtistPixelNotification: () => useArtistPixelNotification,
+  useArtistPixelOptional: () => useArtistPixelOptional,
+  useArtistPixelReady: () => useArtistPixelReady,
+  useArtistPixelSearch: () => useArtistPixelSearch,
+  useArtistPixelSocial: () => useArtistPixelSocial,
+  useArtistPixelSubscription: () => useArtistPixelSubscription,
+  useBalance: () => useArtistPixel,
+  useBalanceConsent: () => useArtistPixelConsent,
+  useBalanceOptional: () => useArtistPixelOptional,
+  useBalanceReady: () => useArtistPixelReady,
   useBuiltInConsent: () => useBuiltInConsent,
   useC15tConsent: () => useC15tConsent,
   useGTMConsent: () => useGTMConsent,
@@ -1313,12 +1376,12 @@ init_useResolvedConfig();
 init_useBuiltInConsent();
 init_useC15tConsent();
 
-// src/react/BalanceContext.ts
+// src/react/ArtistPixelContext.ts
 var import_react8 = require("react");
 var warnNoProvider = (method) => {
   if (true) {
     console.warn(
-      `[BalanceContext] Called '${method}()' without <BalanceProvider>. Wrap your app with <BalanceProvider artistId="..."> to enable tracking.`
+      `[ArtistPixelContext] Called '${method}()' without <ArtistPixelProvider>. Wrap your app with <ArtistPixelProvider artistId="..."> to enable tracking.`
     );
   }
 };
@@ -1345,10 +1408,10 @@ var defaultContextValue = {
   endpoint: void 0,
   debug: false
 };
-var BalanceContext = (0, import_react8.createContext)(defaultContextValue);
-BalanceContext.displayName = "BalanceContext";
+var ArtistPixelContext = (0, import_react8.createContext)(defaultContextValue);
+ArtistPixelContext.displayName = "ArtistPixelContext";
 
-// src/react/BalanceProvider.tsx
+// src/react/ArtistPixelProvider.tsx
 var import_react11 = __toESM(require("react"));
 var import_script3 = __toESM(require("next/script"));
 
@@ -1502,18 +1565,19 @@ function GTMProvider({ gtmId, children, debug = false }) {
   )), children);
 }
 
-// src/react/BalanceProvider.tsx
-var DEFAULT_SCRIPT_URL2 = "https://cdn.hifilabs.co/balance-pixel.js";
+// src/react/ArtistPixelProvider.tsx
+var DEFAULT_SCRIPT_URL2 = "https://cdn.hifilabs.co/artist-pixel.js";
 function ensureGlobalStub() {
   if (typeof window === "undefined")
     return;
-  if (!window.balance) {
-    window.balance = function(...args) {
-      (window.balance.q = window.balance.q || []).push(args);
+  if (!window.artistPixel) {
+    window.artistPixel = function(...args) {
+      (window.artistPixel.q = window.artistPixel.q || []).push(args);
     };
+    window.balance = window.artistPixel;
   }
 }
-function BalanceProvider({
+function ArtistPixelProvider({
   artistId,
   projectId,
   debug = false,
@@ -1534,11 +1598,11 @@ function BalanceProvider({
   (0, import_react11.useEffect)(() => {
     ensureGlobalStub();
     const existingScript = document.querySelector(
-      'script[src*="balance-pixel"], script[data-artist-id]'
+      'script[src*="artist-pixel"], script[src*="balance-pixel"], script[data-artist-id]'
     );
-    if (existingScript || window.balance?.version) {
+    if (existingScript || window.artistPixel?.version) {
       if (debug) {
-        console.log("[BalanceProvider] Pixel already loaded externally");
+        console.log("[ArtistPixelProvider] Pixel already loaded externally");
       }
       setIsReady(true);
       return;
@@ -1548,77 +1612,77 @@ function BalanceProvider({
   const track2 = (0, import_react11.useCallback)((event, properties) => {
     if (typeof window === "undefined")
       return;
-    if (window.balance?.track) {
-      window.balance.track(event, properties || {});
+    if (window.artistPixel?.track) {
+      window.artistPixel.track(event, properties || {});
     } else {
       ensureGlobalStub();
-      window.balance("track", event, properties || {});
+      window.artistPixel("track", event, properties || {});
     }
   }, []);
   const identify2 = (0, import_react11.useCallback)((email, traits) => {
     if (typeof window === "undefined")
       return;
-    if (window.balance?.identify) {
-      window.balance.identify(email, traits || {});
+    if (window.artistPixel?.identify) {
+      window.artistPixel.identify(email, traits || {});
     } else {
       ensureGlobalStub();
-      window.balance("identify", email, traits || {});
+      window.artistPixel("identify", email, traits || {});
     }
   }, []);
   const page2 = (0, import_react11.useCallback)((options) => {
     if (typeof window === "undefined")
       return;
-    if (window.balance?.page) {
-      window.balance.page(options || {});
+    if (window.artistPixel?.page) {
+      window.artistPixel.page(options || {});
     } else {
       ensureGlobalStub();
-      window.balance("page", options || {});
+      window.artistPixel("page", options || {});
     }
   }, []);
   const purchase2 = (0, import_react11.useCallback)((amount, currency, properties) => {
     if (typeof window === "undefined")
       return;
-    if (window.balance?.purchase) {
-      window.balance.purchase(amount, currency || "USD", properties || {});
+    if (window.artistPixel?.purchase) {
+      window.artistPixel.purchase(amount, currency || "USD", properties || {});
     } else {
       ensureGlobalStub();
-      window.balance("purchase", amount, currency || "USD", properties || {});
+      window.artistPixel("purchase", amount, currency || "USD", properties || {});
     }
   }, []);
   const getSessionId2 = (0, import_react11.useCallback)(() => {
     if (typeof window === "undefined")
       return null;
-    return window.balance?.getSessionId?.() ?? null;
+    return window.artistPixel?.getSessionId?.() ?? null;
   }, []);
   const getFanIdHash2 = (0, import_react11.useCallback)(() => {
     if (typeof window === "undefined")
       return null;
-    return window.balance?.getFanIdHash?.() ?? null;
+    return window.artistPixel?.getFanIdHash?.() ?? null;
   }, []);
   const getAttribution2 = (0, import_react11.useCallback)(() => {
     if (typeof window === "undefined")
       return {};
-    return window.balance?.getAttribution?.() ?? {};
+    return window.artistPixel?.getAttribution?.() ?? {};
   }, []);
   const setConsent2 = (0, import_react11.useCallback)((preferences) => {
     if (typeof window === "undefined")
       return;
-    if (window.balance?.setConsent) {
-      window.balance.setConsent(preferences);
+    if (window.artistPixel?.setConsent) {
+      window.artistPixel.setConsent(preferences);
     } else {
       ensureGlobalStub();
-      window.balance("setConsent", preferences);
+      window.artistPixel("setConsent", preferences);
     }
   }, []);
   const getConsent2 = (0, import_react11.useCallback)(() => {
     if (typeof window === "undefined")
       return null;
-    return window.balance?.getConsent?.() ?? null;
+    return window.artistPixel?.getConsent?.() ?? null;
   }, []);
   const hasConsent2 = (0, import_react11.useCallback)((type) => {
     if (typeof window === "undefined")
       return false;
-    return window.balance?.hasConsent?.(type) ?? false;
+    return window.artistPixel?.hasConsent?.(type) ?? false;
   }, []);
   const contextValue = (0, import_react11.useMemo)(() => ({
     // Tracking methods (always usable via queue)
@@ -1663,12 +1727,12 @@ function BalanceProvider({
   ]);
   const handleScriptLoad = (0, import_react11.useCallback)(() => {
     if (debug) {
-      console.log("[BalanceProvider] Pixel script loaded");
+      console.log("[ArtistPixelProvider] Pixel script loaded");
     }
     setIsReady(true);
   }, [debug]);
   const handleScriptError = (0, import_react11.useCallback)((e) => {
-    console.error("[BalanceProvider] Failed to load pixel script:", e);
+    console.error("[ArtistPixelProvider] Failed to load pixel script:", e);
     setIsError(true);
     setError(e);
   }, []);
@@ -1676,11 +1740,11 @@ function BalanceProvider({
   (0, import_react11.useEffect)(() => {
     if (debug && !scriptUrl) {
       console.warn(
-        '[BalanceProvider] Using default CDN URL. For production, consider hosting the pixel script locally:\n1. Copy index.js from artist-os-distro/apps/web/public/scripts/\n2. Place it in your public/scripts/index.js\n3. Set scriptUrl="/scripts/index.js"\n\nThis avoids external dependencies and CSP issues.'
+        '[ArtistPixelProvider] Using default CDN URL. For production, consider hosting the pixel script locally:\n1. Copy index.js from artist-os-distro/apps/web/public/scripts/\n2. Place it in your public/scripts/index.js\n3. Set scriptUrl="/scripts/index.js"\n\nThis avoids external dependencies and CSP issues.'
       );
     }
   }, [debug, scriptUrl]);
-  const content = /* @__PURE__ */ import_react11.default.createElement(BalanceContext.Provider, { value: contextValue }, shouldLoadScript && /* @__PURE__ */ import_react11.default.createElement(
+  const content = /* @__PURE__ */ import_react11.default.createElement(ArtistPixelContext.Provider, { value: contextValue }, shouldLoadScript && /* @__PURE__ */ import_react11.default.createElement(
     import_script3.default,
     {
       src: resolvedScriptUrl,
@@ -1705,29 +1769,29 @@ function BalanceProvider({
   return content;
 }
 
-// src/react/useBalance.ts
+// src/react/useArtistPixel.ts
 var import_react12 = require("react");
-function useBalance() {
-  const context = (0, import_react12.useContext)(BalanceContext);
+function useArtistPixel() {
+  const context = (0, import_react12.useContext)(ArtistPixelContext);
   if (!context.artistId) {
     throw new Error(
-      '[useBalance] must be used within a BalanceProvider. Wrap your app with <BalanceProvider artistId="..."> or use useBalanceOptional() instead.'
+      '[useArtistPixel] must be used within an ArtistPixelProvider. Wrap your app with <ArtistPixelProvider artistId="..."> or use useArtistPixelOptional() instead.'
     );
   }
   return context;
 }
-function useBalanceOptional() {
-  const context = (0, import_react12.useContext)(BalanceContext);
+function useArtistPixelOptional() {
+  const context = (0, import_react12.useContext)(ArtistPixelContext);
   if (!context.artistId) {
     return null;
   }
   return context;
 }
 
-// src/react/useBalanceConsent.ts
+// src/react/useArtistPixelConsent.ts
 var import_react13 = require("react");
-function useBalanceConsent() {
-  const { setConsent: setConsent2, getConsent: getConsent2, hasConsent: hasConsent2 } = useBalance();
+function useArtistPixelConsent() {
+  const { setConsent: setConsent2, getConsent: getConsent2, hasConsent: hasConsent2 } = useArtistPixel();
   const acceptAll = (0, import_react13.useCallback)(() => {
     setConsent2({
       analytics: true,
@@ -1762,10 +1826,10 @@ function useBalanceConsent() {
   };
 }
 
-// src/react/useBalanceReady.ts
+// src/react/useArtistPixelReady.ts
 var import_react14 = require("react");
-function useBalanceReady() {
-  const context = (0, import_react14.useContext)(BalanceContext);
+function useArtistPixelReady() {
+  const context = (0, import_react14.useContext)(ArtistPixelContext);
   return context.isReady;
 }
 
@@ -1773,7 +1837,7 @@ function useBalanceReady() {
 var import_react15 = require("react");
 var import_navigation = require("next/navigation");
 function usePageviewTracking(options) {
-  const { page: page2 } = useBalance();
+  const { page: page2 } = useArtistPixel();
   const pathname = (0, import_navigation.usePathname)();
   const isFirstRender = (0, import_react15.useRef)(true);
   const previousPathRef = (0, import_react15.useRef)(null);
@@ -1798,10 +1862,10 @@ function usePageviewTracking(options) {
   }, [pathname, page2, options?.debug]);
 }
 
-// src/react/useBalanceEcommerce.ts
+// src/react/useArtistPixelEcommerce.ts
 var import_react16 = require("react");
-function useBalanceEcommerce() {
-  const { track: track2, purchase: purchase2 } = useBalance();
+function useArtistPixelEcommerce() {
+  const { track: track2, purchase: purchase2 } = useArtistPixel();
   const formatProduct = (0, import_react16.useCallback)((product, quantity) => ({
     item_id: product.id,
     item_name: product.name,
@@ -1923,10 +1987,10 @@ function useBalanceEcommerce() {
   };
 }
 
-// src/react/useBalanceMedia.ts
+// src/react/useArtistPixelMedia.ts
 var import_react17 = require("react");
-function useBalanceMedia() {
-  const { track: track2 } = useBalance();
+function useArtistPixelMedia() {
+  const { track: track2 } = useArtistPixel();
   const playStartRef = (0, import_react17.useRef)(null);
   const totalListenTimeRef = (0, import_react17.useRef)(0);
   const milestonesTrackedRef = (0, import_react17.useRef)(/* @__PURE__ */ new Set());
@@ -2066,10 +2130,10 @@ function useBalanceMedia() {
   };
 }
 
-// src/react/useBalanceEngagement.ts
+// src/react/useArtistPixelEngagement.ts
 var import_react18 = require("react");
-function useBalanceEngagement(contentId, contentTitle) {
-  const { track: track2 } = useBalance();
+function useArtistPixelEngagement(contentId, contentTitle) {
+  const { track: track2 } = useArtistPixel();
   const scrollMilestonesRef = (0, import_react18.useRef)(/* @__PURE__ */ new Set());
   const pageLoadTimeRef = (0, import_react18.useRef)(null);
   const isTrackingTimeRef = (0, import_react18.useRef)(false);
@@ -2229,10 +2293,10 @@ function useBalanceEngagement(contentId, contentTitle) {
   };
 }
 
-// src/react/useBalanceForm.ts
+// src/react/useArtistPixelForm.ts
 var import_react19 = require("react");
-function useBalanceForm(formId, formName) {
-  const { track: track2, identify: identify2 } = useBalance();
+function useArtistPixelForm(formId, formName) {
+  const { track: track2, identify: identify2 } = useArtistPixel();
   const startTimeRef = (0, import_react19.useRef)(null);
   const fieldsRef = (0, import_react19.useRef)(/* @__PURE__ */ new Map());
   const wasSubmittedRef = (0, import_react19.useRef)(false);
@@ -2406,10 +2470,10 @@ function useBalanceForm(formId, formName) {
   };
 }
 
-// src/react/useBalanceSearch.ts
+// src/react/useArtistPixelSearch.ts
 var import_react20 = require("react");
-function useBalanceSearch(searchContext) {
-  const { track: track2 } = useBalance();
+function useArtistPixelSearch(searchContext) {
+  const { track: track2 } = useArtistPixel();
   const searchCountRef = (0, import_react20.useRef)(0);
   const clickCountRef = (0, import_react20.useRef)(0);
   const filterCountRef = (0, import_react20.useRef)(0);
@@ -2563,10 +2627,10 @@ function useBalanceSearch(searchContext) {
   };
 }
 
-// src/react/useBalanceNotification.ts
+// src/react/useArtistPixelNotification.ts
 var import_react21 = require("react");
-function useBalanceNotification() {
-  const { track: track2 } = useBalance();
+function useArtistPixelNotification() {
+  const { track: track2 } = useArtistPixel();
   const shownCountRef = (0, import_react21.useRef)(0);
   const clickedCountRef = (0, import_react21.useRef)(0);
   const dismissedCountRef = (0, import_react21.useRef)(0);
@@ -2724,10 +2788,10 @@ function useBalanceNotification() {
   };
 }
 
-// src/react/useBalanceSocial.ts
+// src/react/useArtistPixelSocial.ts
 var import_react22 = require("react");
-function useBalanceSocial() {
-  const { track: track2 } = useBalance();
+function useArtistPixelSocial() {
+  const { track: track2 } = useArtistPixel();
   const followsRef = (0, import_react22.useRef)(0);
   const unfollowsRef = (0, import_react22.useRef)(0);
   const profileViewsRef = (0, import_react22.useRef)(0);
@@ -2939,10 +3003,10 @@ function useBalanceSocial() {
   };
 }
 
-// src/react/useBalanceAuth.ts
+// src/react/useArtistPixelAuth.ts
 var import_react23 = require("react");
-function useBalanceAuth() {
-  const { track: track2, identify: identify2 } = useBalance();
+function useArtistPixelAuth() {
+  const { track: track2, identify: identify2 } = useArtistPixel();
   const loginAttemptsRef = (0, import_react23.useRef)(0);
   const loginSuccessesRef = (0, import_react23.useRef)(0);
   const loginFailuresRef = (0, import_react23.useRef)(0);
@@ -3186,10 +3250,10 @@ function useBalanceAuth() {
   };
 }
 
-// src/react/useBalanceError.ts
+// src/react/useArtistPixelError.ts
 var import_react24 = require("react");
-function useBalanceError() {
-  const { track: track2 } = useBalance();
+function useArtistPixelError() {
+  const { track: track2 } = useArtistPixel();
   const errorCountRef = (0, import_react24.useRef)(0);
   const apiErrorCountRef = (0, import_react24.useRef)(0);
   const userReportCountRef = (0, import_react24.useRef)(0);
@@ -3350,10 +3414,10 @@ function useBalanceError() {
   };
 }
 
-// src/react/useBalanceAB.ts
+// src/react/useArtistPixelAB.ts
 var import_react25 = require("react");
-function useBalanceAB() {
-  const { track: track2 } = useBalance();
+function useArtistPixelAB() {
+  const { track: track2 } = useArtistPixel();
   const exposuresRef = (0, import_react25.useRef)(0);
   const conversionsRef = (0, import_react25.useRef)(0);
   const activeExperimentsRef = (0, import_react25.useRef)(/* @__PURE__ */ new Map());
@@ -3533,10 +3597,10 @@ function useBalanceAB() {
   };
 }
 
-// src/react/useBalanceLive.ts
+// src/react/useArtistPixelLive.ts
 var import_react26 = require("react");
-function useBalanceLive() {
-  const { track: track2 } = useBalance();
+function useArtistPixelLive() {
+  const { track: track2 } = useArtistPixel();
   const currentStreamRef = (0, import_react26.useRef)(null);
   const streamStartTimeRef = (0, import_react26.useRef)(null);
   const totalWatchTimeRef = (0, import_react26.useRef)(0);
@@ -3785,10 +3849,10 @@ function useBalanceLive() {
   };
 }
 
-// src/react/useBalanceSubscription.ts
+// src/react/useArtistPixelSubscription.ts
 var import_react27 = require("react");
-function useBalanceSubscription() {
-  const { track: track2, purchase: purchase2 } = useBalance();
+function useArtistPixelSubscription() {
+  const { track: track2, purchase: purchase2 } = useArtistPixel();
   const subscriptionCountRef = (0, import_react27.useRef)(0);
   const upgradeCountRef = (0, import_react27.useRef)(0);
   const downgradeCountRef = (0, import_react27.useRef)(0);
@@ -4068,15 +4132,15 @@ function useBalanceSubscription() {
   };
 }
 
-// src/react/BalanceAnalytics.tsx
+// src/react/ArtistPixelAnalytics.tsx
 var import_react28 = __toESM(require("react"));
 var import_navigation2 = require("next/navigation");
-function BalanceAnalyticsInner() {
+function ArtistPixelAnalyticsInner() {
   const pathname = (0, import_navigation2.usePathname)();
   const searchParams = (0, import_navigation2.useSearchParams)();
   const isFirstRender = (0, import_react28.useRef)(true);
   const lastTrackedPath = (0, import_react28.useRef)(null);
-  const balance = useBalanceOptional();
+  const balance = useArtistPixelOptional();
   (0, import_react28.useEffect)(() => {
     if (typeof window === "undefined")
       return;
@@ -4091,7 +4155,7 @@ function BalanceAnalyticsInner() {
       isFirstRender.current = false;
       if (window._balanceInitialPageviewFired) {
         lastTrackedPath.current = currentPath;
-        console.log("[BalanceAnalytics] Skipping initial pageview (script already fired)");
+        console.log("[ArtistPixelAnalytics] Skipping initial pageview (script already fired)");
         return;
       }
     }
@@ -4108,8 +4172,8 @@ function BalanceAnalyticsInner() {
   }, [pathname, searchParams, balance]);
   return null;
 }
-function BalanceAnalytics() {
-  return /* @__PURE__ */ import_react28.default.createElement(import_react28.Suspense, { fallback: null }, /* @__PURE__ */ import_react28.default.createElement(BalanceAnalyticsInner, null));
+function ArtistPixelAnalytics() {
+  return /* @__PURE__ */ import_react28.default.createElement(import_react28.Suspense, { fallback: null }, /* @__PURE__ */ import_react28.default.createElement(ArtistPixelAnalyticsInner, null));
 }
 
 // src/react/ConsentBridge.tsx
@@ -4119,7 +4183,7 @@ function ConsentBridge({
   marketing,
   personalization
 }) {
-  const { setConsent: setConsent2 } = useBalanceConsent();
+  const { setConsent: setConsent2 } = useArtistPixelConsent();
   const isInitialized = (0, import_react29.useRef)(false);
   (0, import_react29.useEffect)(() => {
     if (analytics === void 0 && marketing === void 0 && personalization === void 0) {
@@ -4139,7 +4203,7 @@ function ConsentBridge({
   return null;
 }
 
-// src/react/useBalanceIdentify.ts
+// src/react/useArtistPixelIdentify.ts
 var import_react30 = require("react");
 
 // src/storage/StorageManager.ts
@@ -4428,7 +4492,7 @@ function initStorageWithConsent(hasAnalyticsConsent) {
   return manager;
 }
 
-// src/react/useBalanceIdentify.ts
+// src/react/useArtistPixelIdentify.ts
 var PENDING_IDENTIFY_KEY = "pending_identify";
 var MAX_PENDING_AGE_MS = 30 * 60 * 1e3;
 function checkAnalyticsConsent() {
@@ -4448,7 +4512,7 @@ function checkAnalyticsConsent() {
     return true;
   }
 }
-function useBalanceIdentify() {
+function useArtistPixelIdentify() {
   const pollIntervalRef = (0, import_react30.useRef)(null);
   const hasProcessedPending = (0, import_react30.useRef)(false);
   const storageManager = typeof window !== "undefined" ? getStorageManager() : null;
@@ -4481,7 +4545,7 @@ function useBalanceIdentify() {
   const identify2 = (0, import_react30.useCallback)((email, traits) => {
     const hasConsent2 = checkAnalyticsConsent();
     if (!hasConsent2) {
-      console.log("[useBalanceIdentify] Skipping identify - user declined analytics consent");
+      console.log("[useArtistPixelIdentify] Skipping identify - user declined analytics consent");
       return false;
     }
     if (storageManager) {
@@ -4489,11 +4553,11 @@ function useBalanceIdentify() {
     }
     if (typeof window !== "undefined" && window.balance?.identify) {
       window.balance.identify(email, traits);
-      console.log("[useBalanceIdentify] User identified:", email.split("@")[0] + "***");
+      console.log("[useArtistPixelIdentify] User identified:", email.split("@")[0] + "***");
       clearPendingIdentify();
       return true;
     }
-    console.log("[useBalanceIdentify] Pixel not ready, queueing identify");
+    console.log("[useArtistPixelIdentify] Pixel not ready, queueing identify");
     setPendingIdentify(email, traits);
     return false;
   }, [storageManager, clearPendingIdentify, setPendingIdentify]);
@@ -4506,7 +4570,7 @@ function useBalanceIdentify() {
     if (typeof window !== "undefined" && window.balance?.identify) {
       const hasConsent2 = checkAnalyticsConsent();
       if (!hasConsent2) {
-        console.log("[useBalanceIdentify] Clearing pending identify - user declined analytics consent");
+        console.log("[useArtistPixelIdentify] Clearing pending identify - user declined analytics consent");
         clearPendingIdentify();
         hasProcessedPending.current = true;
         return;
@@ -4514,7 +4578,7 @@ function useBalanceIdentify() {
       if (storageManager) {
         initStorageWithConsent(hasConsent2);
       }
-      console.log("[useBalanceIdentify] Processing pending identify");
+      console.log("[useArtistPixelIdentify] Processing pending identify");
       window.balance.identify(pending.email, pending.traits);
       clearPendingIdentify();
       hasProcessedPending.current = true;
@@ -4558,71 +4622,81 @@ function useBalanceIdentify() {
 var track = (eventName, properties) => {
   if (typeof window === "undefined")
     return;
-  if (window.balance) {
+  if (window.artistPixel) {
+    window.artistPixel.track(eventName, properties);
+  } else if (window.balance) {
     window.balance.track(eventName, properties);
   } else {
-    console.warn("[Balance Pixel] track() called before pixel initialized:", eventName);
+    console.warn("[artistPixel] track() called before pixel initialized:", eventName);
   }
 };
 var identify = (email, traits) => {
   if (typeof window === "undefined")
     return Promise.resolve();
-  if (window.balance) {
+  if (window.artistPixel) {
+    return window.artistPixel.identify(email, traits);
+  } else if (window.balance) {
     return window.balance.identify(email, traits);
   } else {
-    console.warn("[Balance Pixel] identify() called before pixel initialized");
+    console.warn("[artistPixel] identify() called before pixel initialized");
     return Promise.resolve();
   }
 };
 var page = (options) => {
   if (typeof window === "undefined")
     return;
-  if (window.balance) {
+  if (window.artistPixel) {
+    window.artistPixel.page(options);
+  } else if (window.balance) {
     window.balance.page(options);
   } else {
-    console.warn("[Balance Pixel] page() called before pixel initialized");
+    console.warn("[artistPixel] page() called before pixel initialized");
   }
 };
 var purchase = (revenue, currency, properties) => {
   if (typeof window === "undefined")
     return;
-  if (window.balance) {
+  if (window.artistPixel) {
+    window.artistPixel.purchase(revenue, currency, properties);
+  } else if (window.balance) {
     window.balance.purchase(revenue, currency, properties);
   } else {
-    console.warn("[Balance Pixel] purchase() called before pixel initialized");
+    console.warn("[artistPixel] purchase() called before pixel initialized");
   }
 };
 var getSessionId = () => {
   if (typeof window === "undefined")
     return null;
-  return window.balance?.getSessionId() ?? null;
+  return window.artistPixel?.getSessionId() ?? window.balance?.getSessionId() ?? null;
 };
 var getFanIdHash = () => {
   if (typeof window === "undefined")
     return null;
-  return window.balance?.getFanIdHash() ?? null;
+  return window.artistPixel?.getFanIdHash() ?? window.balance?.getFanIdHash() ?? null;
 };
 var getAttribution = () => {
   if (typeof window === "undefined")
     return {};
-  return window.balance?.getAttribution() ?? {};
+  return window.artistPixel?.getAttribution() ?? window.balance?.getAttribution() ?? {};
 };
 var setConsent = (preferences) => {
   if (typeof window === "undefined")
     return;
-  if (window.balance) {
+  if (window.artistPixel) {
+    window.artistPixel.setConsent(preferences);
+  } else if (window.balance) {
     window.balance.setConsent(preferences);
   } else {
-    console.warn("[Balance Pixel] setConsent() called before pixel initialized");
+    console.warn("[artistPixel] setConsent() called before pixel initialized");
   }
 };
 var getConsent = () => {
   if (typeof window === "undefined")
     return null;
-  return window.balance?.getConsent() ?? null;
+  return window.artistPixel?.getConsent() ?? window.balance?.getConsent() ?? null;
 };
 var hasConsent = (type) => {
   if (typeof window === "undefined")
     return false;
-  return window.balance?.hasConsent(type) ?? false;
+  return window.artistPixel?.hasConsent(type) ?? window.balance?.hasConsent(type) ?? false;
 };