@hifilabs/pixel 0.3.0 → 0.6.0

package/dist/browser.js

@@ -1,4 +1,11 @@
 var BalancePixel = (() => {
+  var __defProp = Object.defineProperty;
+  var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __publicField = (obj, key, value) => {
+    __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+    return value;
+  };
+
   // src/browser.ts
   (function() {
     function parseUserAgent(ua) {
@@ -46,13 +53,26 @@ var BalancePixel = (() => {
     }
     const currentScript = document.currentScript;
     const artistId = currentScript?.dataset.artistId;
-    const projectId = currentScript?.dataset.projectId;
+    const rawProjectId = currentScript?.dataset.projectId;
+    const projectId = rawProjectId ? normalizeProjectId(rawProjectId) : void 0;
+    function normalizeProjectId(id) {
+      if (!id)
+        return id;
+      if (id.startsWith("release_") || id.startsWith("merch_") || id.startsWith("link_") || id.startsWith("custom_")) {
+        return id;
+      }
+      return `custom_${id}`;
+    }
     const useEmulator = currentScript?.dataset.emulator === "true";
     const debug = currentScript?.dataset.debug === "true";
     const heartbeatInterval = parseInt(currentScript?.dataset.heartbeatInterval || "30000", 10);
     const heartbeatEnabled = currentScript?.dataset.heartbeat !== "false";
     const explicitSource = currentScript?.dataset.source;
     const customEndpoint = currentScript?.dataset.endpoint;
+    const consentUIEnabled = currentScript?.dataset.consentUi === "true";
+    const consentStyle = currentScript?.dataset.consentStyle || "brutalist";
+    const consentPrimaryColor = currentScript?.dataset.primaryColor;
+    const consentBannerPosition = currentScript?.dataset.bannerPosition || "bottom";
     function detectTrackingSource() {
       if (explicitSource)
         return explicitSource;
@@ -72,11 +92,13 @@ var BalancePixel = (() => {
     const SESSION_TIMESTAMP_KEY = "session_timestamp";
     const ATTRIBUTION_KEY = "attribution";
     const FAN_ID_KEY = "fan_id_hash";
+    const VISITOR_ID_KEY = "visitor_id";
     const CONSENT_STORAGE_KEY = "balance_consent";
     const SESSION_DURATION = 60 * 60 * 1e3;
     const STORAGE_PREFIX = "balance_";
     const API_ENDPOINT = customEndpoint ? customEndpoint : useEmulator ? `http://localhost:5001/artist-os-distro/us-central1/pixelEndpoint` : `https://us-central1-artist-os-distro.cloudfunctions.net/pixelEndpoint`;
     let sessionId = null;
+    let visitorId = null;
     let fanIdHash = null;
     let consent = null;
     let attribution = {};
@@ -95,6 +117,169 @@ var BalancePixel = (() => {
       if (debug)
         console.log("[BALANCE Pixel]", ...args);
     };
+    const CONSENT_STYLES = {
+      base: `
+      :host {
+        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+        position: fixed;
+        left: 0;
+        right: 0;
+        z-index: 2147483647;
+      }
+      .banner {
+        padding: 16px 24px;
+        display: flex;
+        gap: 24px;
+        align-items: center;
+        justify-content: space-between;
+        flex-wrap: wrap;
+      }
+      .text {
+        font-size: 14px;
+        line-height: 1.5;
+        flex: 1;
+        min-width: 280px;
+      }
+      .text strong {
+        text-transform: uppercase;
+        letter-spacing: 0.5px;
+      }
+      .actions {
+        display: flex;
+        gap: 12px;
+        flex-shrink: 0;
+      }
+      .btn {
+        padding: 10px 20px;
+        font-size: 14px;
+        font-weight: 600;
+        cursor: pointer;
+        transition: all 0.15s ease;
+      }
+      @media (max-width: 600px) {
+        .banner { flex-direction: column; text-align: center; }
+        .actions { width: 100%; justify-content: center; }
+      }
+    `,
+      brutalist: `
+      .banner {
+        background: #000;
+        color: #00ff00;
+        border-top: 4px solid #00ff00;
+        font-family: 'Courier New', monospace;
+        text-transform: uppercase;
+      }
+      .btn {
+        border: 2px solid #00ff00;
+        background: transparent;
+        color: #00ff00;
+        text-transform: uppercase;
+        letter-spacing: 1px;
+      }
+      .btn:hover { background: #00ff00; color: #000; }
+      .btn.decline { border-color: #ff0000; color: #ff0000; }
+      .btn.decline:hover { background: #ff0000; color: #000; }
+    `,
+      default: `
+      .banner {
+        background: #fff;
+        color: #000;
+        box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
+        border-top: 1px solid #e0e0e0;
+      }
+      .btn {
+        border: 1px solid #000;
+        background: transparent;
+        color: #000;
+        border-radius: 4px;
+      }
+      .btn.accept { background: #000; color: #fff; }
+      .btn:hover { opacity: 0.8; }
+    `,
+      minimal: `
+      .banner { background: #1a1a1a; color: #e0e0e0; }
+      .btn {
+        border: 1px solid #e0e0e0;
+        background: transparent;
+        color: #e0e0e0;
+        border-radius: 4px;
+      }
+      .btn.accept { background: #fff; color: #000; border-color: #fff; }
+      .btn:hover { opacity: 0.8; }
+    `
+    };
+    class ConsentManager {
+      constructor(config) {
+        __publicField(this, "container", null);
+        __publicField(this, "shadow", null);
+        __publicField(this, "config");
+        this.config = config;
+        if (this.hasStoredConsent()) {
+          log("ConsentManager: Consent already exists, not showing banner");
+          return;
+        }
+        this.container = document.createElement("div");
+        this.container.id = "balance-consent-manager";
+        this.shadow = this.container.attachShadow({ mode: "closed" });
+        this.render();
+        document.body.appendChild(this.container);
+        log("ConsentManager: Banner rendered");
+      }
+      hasStoredConsent() {
+        try {
+          return localStorage.getItem(CONSENT_STORAGE_KEY) !== null;
+        } catch {
+          return false;
+        }
+      }
+      render() {
+        if (!this.shadow)
+          return;
+        const styleKey = this.config.style || "brutalist";
+        const baseStyles = CONSENT_STYLES.base;
+        const themeStyles = CONSENT_STYLES[styleKey] || CONSENT_STYLES.brutalist;
+        const positionStyle = this.config.position === "top" ? "top: 0;" : "bottom: 0;";
+        const customColor = this.config.primaryColor ? `.btn.accept { background: ${this.config.primaryColor} !important; border-color: ${this.config.primaryColor} !important; color: #fff !important; }` : "";
+        this.shadow.innerHTML = `
+        <style>
+          ${baseStyles}
+          :host { ${positionStyle} }
+          ${themeStyles}
+          ${customColor}
+        </style>
+        <div class="banner" role="dialog" aria-label="Cookie consent" aria-modal="false">
+          <p class="text">
+            <strong>Privacy Notice:</strong> We use data to support the artist and improve your experience.
+          </p>
+          <div class="actions">
+            <button id="decline" class="btn decline">Decline</button>
+            <button id="accept" class="btn accept">Accept</button>
+          </div>
+        </div>
+      `;
+        this.shadow.getElementById("accept")?.addEventListener("click", () => this.handleConsent(true));
+        this.shadow.getElementById("decline")?.addEventListener("click", () => this.handleConsent(false));
+      }
+      handleConsent(accepted) {
+        if (window.balance?.setConsent) {
+          window.balance.setConsent({
+            analytics: accepted,
+            marketing: accepted,
+            personalization: accepted,
+            timestamp: (/* @__PURE__ */ new Date()).toISOString()
+          });
+        }
+        this.remove();
+      }
+      remove() {
+        if (this.container) {
+          this.container.remove();
+          this.container = null;
+          this.shadow = null;
+          log("ConsentManager: Banner removed");
+        }
+      }
+    }
     function getStorage() {
       try {
         return currentStorageTier === "local" ? localStorage : sessionStorage;
@@ -218,6 +403,36 @@ var BalancePixel = (() => {
       } catch (e) {
       }
     }
+    function getOrCreateVisitorId() {
+      if (!consent?.analytics) {
+        return null;
+      }
+      try {
+        const stored = localStorage.getItem(STORAGE_PREFIX + VISITOR_ID_KEY);
+        if (stored) {
+          return stored;
+        }
+        const newId = generateUUID();
+        localStorage.setItem(STORAGE_PREFIX + VISITOR_ID_KEY, newId);
+        log("Created persistent visitor ID:", newId.substring(0, 8) + "...");
+        return newId;
+      } catch (e) {
+        return null;
+      }
+    }
+    function loadVisitorId() {
+      if (!consent?.analytics) {
+        visitorId = null;
+        return;
+      }
+      try {
+        visitorId = localStorage.getItem(STORAGE_PREFIX + VISITOR_ID_KEY);
+        if (visitorId) {
+          log("Loaded visitor ID:", visitorId.substring(0, 8) + "...");
+        }
+      } catch (e) {
+      }
+    }
     function loadConsent() {
       try {
         const stored = localStorage.getItem(CONSENT_STORAGE_KEY);
@@ -245,6 +460,9 @@ var BalancePixel = (() => {
       }
       if (preferences.analytics === true) {
         upgradeStorageTier();
+        if (!visitorId) {
+          visitorId = getOrCreateVisitorId();
+        }
       }
       const event = buildEvent({
         event_name: "consent_updated",
@@ -255,6 +473,13 @@ var BalancePixel = (() => {
         }
       });
       enqueueEvent(event);
+      try {
+        window.dispatchEvent(new CustomEvent("balance:consent:updated", {
+          detail: preferences
+        }));
+        log("DOM event balance:consent:updated dispatched");
+      } catch (e) {
+      }
     }
     function getConsent() {
       return consent;
@@ -275,6 +500,8 @@ var BalancePixel = (() => {
       const base = {
         artist_id: artistId,
         fan_session_id: sessionId,
+        visitor_id: visitorId || void 0,
+        // Persistent visitor ID for deduplication
         fan_id_hash: fanIdHash || void 0,
         timestamp: (/* @__PURE__ */ new Date()).toISOString(),
         source_url: window.location.href,
@@ -456,6 +683,8 @@ var BalancePixel = (() => {
           event_name: "identify",
           fan_id_hash: fanIdHash,
           metadata: {
+            email,
+            // Pass email for display_name fallback (extracted prefix only stored)
             email_sha256: fanIdHash,
             traits,
             consent_preferences: consent || void 0,
@@ -491,22 +720,32 @@ var BalancePixel = (() => {
       }
       sessionId = getOrCreateSession();
       loadFanId();
+      loadVisitorId();
       if (!consent) {
-        consent = {
-          analytics: true,
-          marketing: true,
-          personalization: true,
-          timestamp: (/* @__PURE__ */ new Date()).toISOString()
-        };
-        log("Default consent enabled (all tracking):", consent);
-        upgradeStorageTier();
+        if (consentUIEnabled) {
+          log("Consent UI enabled, waiting for explicit user consent (Tier 0 mode)");
+        } else {
+          consent = {
+            analytics: true,
+            marketing: true,
+            personalization: true,
+            timestamp: (/* @__PURE__ */ new Date()).toISOString()
+          };
+          log("Default consent enabled (all tracking):", consent);
+          upgradeStorageTier();
+        }
+      }
+      if (consent?.analytics && !visitorId) {
+        visitorId = getOrCreateVisitorId();
       }
       captureAttribution();
       startFlushTimer();
       log("Initialized", {
         artistId,
         projectId: projectId || "(none - will track to all projects)",
+        rawProjectId: rawProjectId || "(none)",
         sessionId,
+        visitorId: visitorId ? visitorId.substring(0, 8) + "..." : null,
         fanIdHash,
         consent,
         storageTier: currentStorageTier,
@@ -567,20 +806,32 @@ var BalancePixel = (() => {
       page: trackPageView,
       purchase,
       getSessionId: () => sessionId,
+      getVisitorId: () => visitorId,
       getFanIdHash: () => fanIdHash,
       getAttribution: () => attribution,
       setConsent,
       getConsent,
       hasConsent
     };
+    function initConsentManager() {
+      if (consentUIEnabled && !consent) {
+        new ConsentManager({
+          style: consentStyle,
+          primaryColor: consentPrimaryColor,
+          position: consentBannerPosition
+        });
+      }
+    }
     if (document.readyState === "loading") {
       document.addEventListener("DOMContentLoaded", () => {
         init();
         processQueue();
+        initConsentManager();
       });
     } else {
       init();
       processQueue();
+      initConsentManager();
     }
     log("Pixel script loaded");
   })();

package/dist/browser.min.js

@@ -1 +1,102 @@
-var BalancePixel=(()=>{(function(){function te(e){let t="desktop";/ipad|tablet|android(?!.*mobile)/i.test(e)?t="tablet":/mobile|iphone|android.*mobile|blackberry|iemobile/i.test(e)&&(t="mobile");let n="Unknown";/edg/i.test(e)?n="Edge":/opr|opera/i.test(e)?n="Opera":/firefox/i.test(e)?n="Firefox":/chrome/i.test(e)?n="Chrome":/safari/i.test(e)&&(n="Safari");let i="Unknown";return/iphone|ipad/i.test(e)?i="iOS":/android/i.test(e)?i="Android":/windows/i.test(e)?i="Windows":/mac os/i.test(e)?i="macOS":/linux/i.test(e)?i="Linux":/cros/i.test(e)&&(i="ChromeOS"),{device_type:t,browser:n,os:i}}let v=null;function ne(){if(!v)try{v=te(navigator.userAgent)}catch{v={device_type:"desktop",browser:"Unknown",os:"Unknown"}}return v}let l=document.currentScript,I=l?.dataset.artistId,x=l?.dataset.projectId,R=l?.dataset.emulator==="true",re=l?.dataset.debug==="true",k=parseInt(l?.dataset.heartbeatInterval||"30000",10),H=l?.dataset.heartbeat!=="false",F=l?.dataset.source,B=l?.dataset.endpoint;function ie(){if(F)return F;let e=typeof window.dataLayer<"u"&&Array.isArray(window.dataLayer),t=typeof window.gtag=="function";return e&&t?"gtm":"pixel"}let b="pixel";if(!I){console.error("[BALANCE Pixel] Error: data-artist-id attribute is required");return}let j="session_id",E="session_timestamp",M="attribution",q="fan_id_hash",z="balance_consent",ae=60*60*1e3,A="balance_",T=B||(R?"http://localhost:5001/artist-os-distro/us-central1/pixelEndpoint":"https://us-central1-artist-os-distro.cloudfunctions.net/pixelEndpoint"),S=null,s=null,a=null,d={},o=[],P=null,c="session",u=null,se=0,C=0,g=0,p=!0,oe=2*60*1e3,K=Date.now(),h=!1,r=(...e)=>{re&&console.log("[BALANCE Pixel]",...e)};function J(){try{return c==="local"?localStorage:sessionStorage}catch{return null}}function w(e){let t=J();if(!t)return null;try{let n=A+e,i=t.getItem(n);if(!i&&c==="session")try{i=localStorage.getItem(n)}catch{}return i}catch{return null}}function y(e,t){let n=J();if(n)try{n.setItem(A+e,t)}catch{}}function D(){if(c!=="local"){r("Upgrading storage tier: session -> local");try{let e=[];for(let t=0;t<sessionStorage.length;t++){let n=sessionStorage.key(t);n?.startsWith(A)&&e.push(n)}for(let t of e){let n=sessionStorage.getItem(t);n&&localStorage.setItem(t,n)}for(let t of e)sessionStorage.removeItem(t);c="local",r(`Storage tier upgraded, migrated ${e.length} items`)}catch(e){console.error("[BALANCE Pixel] Storage migration failed:",e)}}}function Y(){return crypto&&crypto.randomUUID?crypto.randomUUID():"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,e=>{let t=Math.random()*16|0;return(e==="x"?t:t&3|8).toString(16)})}function ce(){try{let e=w(j),t=w(E);if(e&&t&&Date.now()-parseInt(t,10)<ae)return y(E,Date.now().toString()),e;let n=Y();return y(j,n),y(E,Date.now().toString()),n}catch{return Y()}}function le(){let e=new URLSearchParams(window.location.search),t={};return["source","medium","campaign","content","term"].forEach(n=>{let i=e.get(`utm_${n}`);i&&(t[`utm_${n}`]=i)}),t}function de(){try{let e=w(M);if(e){d=JSON.parse(e),r("Loaded attribution:",d);return}let t=le();Object.keys(t).length>0&&(d=t,y(M,JSON.stringify(t)),r("Captured attribution:",d))}catch{}}function ue(){try{s=w(q)}catch{}}function ge(){try{let e=localStorage.getItem(z);e&&(a=JSON.parse(e).preferences||null,r("Loaded consent:",a))}catch{}}function G(e){let t=a;a=e;try{let i={preferences:e,method:"explicit",version:1};localStorage.setItem(z,JSON.stringify(i)),r("Consent saved:",e)}catch(i){console.error("[BALANCE Pixel] Could not save consent:",i)}e.analytics===!0&&D();let n=f({event_name:"consent_updated",metadata:{consent_preferences:e,consent_method:"explicit",previous_consent:t||void 0}});m(n)}function fe(){return a}function me(e){return a?.[e]===!0}async function pe(e){let t=e.toLowerCase().trim(),i=new TextEncoder().encode(t),L=await crypto.subtle.digest("SHA-256",i);return Array.from(new Uint8Array(L)).map(we=>we.toString(16).padStart(2,"0")).join("")}function f(e){let t=ne(),n={artist_id:I,fan_session_id:S,fan_id_hash:s||void 0,timestamp:new Date().toISOString(),source_url:window.location.href,referrer_url:document.referrer||void 0,user_agent:navigator.userAgent,device_type:t.device_type,browser:t.browser,os:t.os,tracking_source:b,...e,...d};return x&&!e.projectId&&(n.projectId=x),n}function m(e){o.push(e),r("Event queued:",e.event_name,"(queue:",o.length,")"),o.length>=10&&_()}async function _(){if(o.length===0)return;let e=[...o];o=[],r("Flushing",e.length,"events to",T);try{let t=await fetch(T,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({events:e}),keepalive:!0});if(!t.ok)throw new Error(`HTTP ${t.status}`);r("Events sent successfully")}catch(t){console.error("[BALANCE Pixel] Failed to send events:",t),o.length<50&&o.push(...e)}}function he(){P&&clearInterval(P),P=window.setInterval(()=>{o.length>0&&_()},5e3)}function O(){g||(se=Date.now()),g=Date.now(),p=!0,r("Active time tracking started/resumed")}function $(){g&&p&&(C+=Date.now()-g),p=!1,r("Active time tracking paused, accumulated:",C,"ms")}function ye(){let e=C;return p&&g&&(e+=Date.now()-g),e}function ve(){K=Date.now(),h&&(h=!1,O(),r("User returned from idle"))}function Q(){if(document.visibilityState==="hidden"){r("Skipping heartbeat - tab hidden");return}if(Date.now()-K>oe){h||(h=!0,$(),r("User idle - pausing heartbeat"));return}let e=ye(),t=Math.round(e/1e3),n=f({event_name:"engagement_heartbeat",metadata:{time_on_page_seconds:t,time_on_page_ms:e,heartbeat_interval_ms:k,is_active:p&&!h}});m(n),r("Heartbeat sent:",t,"seconds active")}function be(){if(!H){r('Heartbeat disabled via data-heartbeat="false"');return}u&&clearInterval(u),O(),u=window.setInterval(()=>{Q()},k),r("Heartbeat started with interval:",k,"ms")}function Se(){u&&(clearInterval(u),u=null),H&&(Q(),r("Heartbeat stopped, final time sent"))}function N(e={}){let t=f({event_name:"pageview",page_title:e.title||document.title,source_url:e.url||window.location.href});m(t)}function W(e,t={}){let n=f({event_name:"custom",metadata:{event_type:e,...t}});m(n)}async function V(e,t={}){try{if(a&&a.analytics===!1){r("Identify skipped - user declined analytics consent");return}s=await pe(e),a?.analytics===!0&&D(),y(q,s);let n=e.split("@"),i=n[0].charAt(0)+"***@"+(n[1]||"");r("Fan identified:",{name:t.name||"(no name)",email:i,hash:s.substring(0,16)+"...",traits:t,storageTier:c});let L=f({event_name:"identify",fan_id_hash:s,metadata:{email_sha256:s,traits:t,consent_preferences:a||void 0,storage_tier:c}});m(L)}catch(n){console.error("[BALANCE Pixel] Failed to identify:",n)}}function X(e,t="USD",n={}){let i=f({event_name:"purchase",metadata:{revenue:e,currency:t,...n}});m(i)}function Z(){b=ie(),r("Tracking source detected:",b),ge(),a?.analytics===!0?(c="local",r("Storage tier: local (analytics consent granted)")):(c="session",r("Storage tier: session (privacy by default)")),S=ce(),ue(),a||(a={analytics:!0,marketing:!0,personalization:!0,timestamp:new Date().toISOString()},r("Default consent enabled (all tracking):",a),D()),de(),he(),r("Initialized",{artistId:I,projectId:x||"(none - will track to all projects)",sessionId:S,fanIdHash:s,consent:a,storageTier:c,trackingSource:b,useEmulator:R,endpoint:T}),window._balanceInitialPageviewFired=!0,N(),be(),["mousemove","keydown","scroll","touchstart"].forEach(e=>{document.addEventListener(e,ve,{passive:!0})}),window.addEventListener("beforeunload",()=>{Se(),_()}),document.addEventListener("visibilitychange",()=>{document.visibilityState==="hidden"?($(),_()):O()})}let U=window.balance?.q||[];function ee(){if(U.length>0){r("Processing",U.length,"queued commands");for(let e of U){let[t,...n]=e;switch(t){case"track":W(n[0],n[1]);break;case"identify":V(n[0],n[1]);break;case"page":N(n[0]);break;case"purchase":X(n[0],n[1],n[2]);break;case"setConsent":G(n[0]);break;default:r("Unknown queued command:",t)}}}}window.balance={track:W,identify:V,page:N,purchase:X,getSessionId:()=>S,getFanIdHash:()=>s,getAttribution:()=>d,setConsent:G,getConsent:fe,hasConsent:me},document.readyState==="loading"?document.addEventListener("DOMContentLoaded",()=>{Z(),ee()}):(Z(),ee()),r("Pixel script loaded")})();})();
+var BalancePixel=(()=>{var Me=Object.defineProperty;var Be=(f,a,g)=>a in f?Me(f,a,{enumerable:!0,configurable:!0,writable:!0,value:g}):f[a]=g;var T=(f,a,g)=>(Be(f,typeof a!="symbol"?a+"":a,g),g);(function(){function f(e){let t="desktop";/ipad|tablet|android(?!.*mobile)/i.test(e)?t="tablet":/mobile|iphone|android.*mobile|blackberry|iemobile/i.test(e)&&(t="mobile");let n="Unknown";/edg/i.test(e)?n="Edge":/opr|opera/i.test(e)?n="Opera":/firefox/i.test(e)?n="Firefox":/chrome/i.test(e)?n="Chrome":/safari/i.test(e)&&(n="Safari");let o="Unknown";return/iphone|ipad/i.test(e)?o="iOS":/android/i.test(e)?o="Android":/windows/i.test(e)?o="Windows":/mac os/i.test(e)?o="macOS":/linux/i.test(e)?o="Linux":/cros/i.test(e)&&(o="ChromeOS"),{device_type:t,browser:n,os:o}}let a=null;function g(){if(!a)try{a=f(navigator.userAgent)}catch{a={device_type:"desktop",browser:"Unknown",os:"Unknown"}}return a}let s=document.currentScript,A=s?.dataset.artistId,P=s?.dataset.projectId,D=P?fe(P):void 0;function fe(e){return!e||e.startsWith("release_")||e.startsWith("merch_")||e.startsWith("link_")||e.startsWith("custom_")?e:`custom_${e}`}let W=s?.dataset.emulator==="true",ge=s?.dataset.debug==="true",O=parseInt(s?.dataset.heartbeatInterval||"30000",10),q=s?.dataset.heartbeat!=="false",V=s?.dataset.source,Y=s?.dataset.endpoint,J=s?.dataset.consentUi==="true",pe=s?.dataset.consentStyle||"brutalist",me=s?.dataset.primaryColor,he=s?.dataset.bannerPosition||"bottom";function be(){if(V)return V;let e=typeof window.dataLayer<"u"&&Array.isArray(window.dataLayer),t=typeof window.gtag=="function";return e&&t?"gtm":"pixel"}let _="pixel";if(!A){console.error("[BALANCE Pixel] Error: data-artist-id attribute is required");return}let G="session_id",L="session_timestamp",Q="attribution",X="fan_id_hash",N="visitor_id",U="balance_consent",ye=60*60*1e3,p="balance_",R=Y||(W?"http://localhost:5001/artist-os-distro/us-central1/pixelEndpoint":"https://us-central1-artist-os-distro.cloudfunctions.net/pixelEndpoint"),k=null,c=null,l=null,i=null,m={},d=[],M=null,u="session",h=null,ve=0,B=0,b=0,w=!0,we=2*60*1e3,Z=Date.now(),x=!1,r=(...e)=>{ge&&console.log("[BALANCE Pixel]",...e)},H={base:`
+      :host {
+        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+        position: fixed;
+        left: 0;
+        right: 0;
+        z-index: 2147483647;
+      }
+      .banner {
+        padding: 16px 24px;
+        display: flex;
+        gap: 24px;
+        align-items: center;
+        justify-content: space-between;
+        flex-wrap: wrap;
+      }
+      .text {
+        font-size: 14px;
+        line-height: 1.5;
+        flex: 1;
+        min-width: 280px;
+      }
+      .text strong {
+        text-transform: uppercase;
+        letter-spacing: 0.5px;
+      }
+      .actions {
+        display: flex;
+        gap: 12px;
+        flex-shrink: 0;
+      }
+      .btn {
+        padding: 10px 20px;
+        font-size: 14px;
+        font-weight: 600;
+        cursor: pointer;
+        transition: all 0.15s ease;
+      }
+      @media (max-width: 600px) {
+        .banner { flex-direction: column; text-align: center; }
+        .actions { width: 100%; justify-content: center; }
+      }
+    `,brutalist:`
+      .banner {
+        background: #000;
+        color: #00ff00;
+        border-top: 4px solid #00ff00;
+        font-family: 'Courier New', monospace;
+        text-transform: uppercase;
+      }
+      .btn {
+        border: 2px solid #00ff00;
+        background: transparent;
+        color: #00ff00;
+        text-transform: uppercase;
+        letter-spacing: 1px;
+      }
+      .btn:hover { background: #00ff00; color: #000; }
+      .btn.decline { border-color: #ff0000; color: #ff0000; }
+      .btn.decline:hover { background: #ff0000; color: #000; }
+    `,default:`
+      .banner {
+        background: #fff;
+        color: #000;
+        box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
+        border-top: 1px solid #e0e0e0;
+      }
+      .btn {
+        border: 1px solid #000;
+        background: transparent;
+        color: #000;
+        border-radius: 4px;
+      }
+      .btn.accept { background: #000; color: #fff; }
+      .btn:hover { opacity: 0.8; }
+    `,minimal:`
+      .banner { background: #1a1a1a; color: #e0e0e0; }
+      .btn {
+        border: 1px solid #e0e0e0;
+        background: transparent;
+        color: #e0e0e0;
+        border-radius: 4px;
+      }
+      .btn.accept { background: #fff; color: #000; border-color: #fff; }
+      .btn:hover { opacity: 0.8; }
+    `};class xe{constructor(t){T(this,"container",null);T(this,"shadow",null);T(this,"config");if(this.config=t,this.hasStoredConsent()){r("ConsentManager: Consent already exists, not showing banner");return}this.container=document.createElement("div"),this.container.id="balance-consent-manager",this.shadow=this.container.attachShadow({mode:"closed"}),this.render(),document.body.appendChild(this.container),r("ConsentManager: Banner rendered")}hasStoredConsent(){try{return localStorage.getItem(U)!==null}catch{return!1}}render(){if(!this.shadow)return;let t=this.config.style||"brutalist",n=H.base,o=H[t]||H.brutalist,S=this.config.position==="top"?"top: 0;":"bottom: 0;",ue=this.config.primaryColor?`.btn.accept { background: ${this.config.primaryColor} !important; border-color: ${this.config.primaryColor} !important; color: #fff !important; }`:"";this.shadow.innerHTML=`
+        <style>
+          ${n}
+          :host { ${S} }
+          ${o}
+          ${ue}
+        </style>
+        <div class="banner" role="dialog" aria-label="Cookie consent" aria-modal="false">
+          <p class="text">
+            <strong>Privacy Notice:</strong> We use data to support the artist and improve your experience.
+          </p>
+          <div class="actions">
+            <button id="decline" class="btn decline">Decline</button>
+            <button id="accept" class="btn accept">Accept</button>
+          </div>
+        </div>
+      `,this.shadow.getElementById("accept")?.addEventListener("click",()=>this.handleConsent(!0)),this.shadow.getElementById("decline")?.addEventListener("click",()=>this.handleConsent(!1))}handleConsent(t){window.balance?.setConsent&&window.balance.setConsent({analytics:t,marketing:t,personalization:t,timestamp:new Date().toISOString()}),this.remove()}remove(){this.container&&(this.container.remove(),this.container=null,this.shadow=null,r("ConsentManager: Banner removed"))}}function ee(){try{return u==="local"?localStorage:sessionStorage}catch{return null}}function C(e){let t=ee();if(!t)return null;try{let n=p+e,o=t.getItem(n);if(!o&&u==="session")try{o=localStorage.getItem(n)}catch{}return o}catch{return null}}function I(e,t){let n=ee();if(n)try{n.setItem(p+e,t)}catch{}}function j(){if(u!=="local"){r("Upgrading storage tier: session -> local");try{let e=[];for(let t=0;t<sessionStorage.length;t++){let n=sessionStorage.key(t);n?.startsWith(p)&&e.push(n)}for(let t of e){let n=sessionStorage.getItem(t);n&&localStorage.setItem(t,n)}for(let t of e)sessionStorage.removeItem(t);u="local",r(`Storage tier upgraded, migrated ${e.length} items`)}catch(e){console.error("[BALANCE Pixel] Storage migration failed:",e)}}}function F(){return crypto&&crypto.randomUUID?crypto.randomUUID():"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,e=>{let t=Math.random()*16|0;return(e==="x"?t:t&3|8).toString(16)})}function Ie(){try{let e=C(G),t=C(L);if(e&&t&&Date.now()-parseInt(t,10)<ye)return I(L,Date.now().toString()),e;let n=F();return I(G,n),I(L,Date.now().toString()),n}catch{return F()}}function Se(){let e=new URLSearchParams(window.location.search),t={};return["source","medium","campaign","content","term"].forEach(n=>{let o=e.get(`utm_${n}`);o&&(t[`utm_${n}`]=o)}),t}function _e(){try{let e=C(Q);if(e){m=JSON.parse(e),r("Loaded attribution:",m);return}let t=Se();Object.keys(t).length>0&&(m=t,I(Q,JSON.stringify(t)),r("Captured attribution:",m))}catch{}}function ke(){try{l=C(X)}catch{}}function te(){if(!i?.analytics)return null;try{let e=localStorage.getItem(p+N);if(e)return e;let t=F();return localStorage.setItem(p+N,t),r("Created persistent visitor ID:",t.substring(0,8)+"..."),t}catch{return null}}function Ce(){if(!i?.analytics){c=null;return}try{c=localStorage.getItem(p+N),c&&r("Loaded visitor ID:",c.substring(0,8)+"...")}catch{}}function Ee(){try{let e=localStorage.getItem(U);e&&(i=JSON.parse(e).preferences||null,r("Loaded consent:",i))}catch{}}function ne(e){let t=i;i=e;try{let o={preferences:e,method:"explicit",version:1};localStorage.setItem(U,JSON.stringify(o)),r("Consent saved:",e)}catch(o){console.error("[BALANCE Pixel] Could not save consent:",o)}e.analytics===!0&&(j(),c||(c=te()));let n=y({event_name:"consent_updated",metadata:{consent_preferences:e,consent_method:"explicit",previous_consent:t||void 0}});v(n);try{window.dispatchEvent(new CustomEvent("balance:consent:updated",{detail:e})),r("DOM event balance:consent:updated dispatched")}catch{}}function Te(){return i}function Ae(e){return i?.[e]===!0}async function Pe(e){let t=e.toLowerCase().trim(),o=new TextEncoder().encode(t),S=await crypto.subtle.digest("SHA-256",o);return Array.from(new Uint8Array(S)).map(Re=>Re.toString(16).padStart(2,"0")).join("")}function y(e){let t=g(),n={artist_id:A,fan_session_id:k,visitor_id:c||void 0,fan_id_hash:l||void 0,timestamp:new Date().toISOString(),source_url:window.location.href,referrer_url:document.referrer||void 0,user_agent:navigator.userAgent,device_type:t.device_type,browser:t.browser,os:t.os,tracking_source:_,...e,...m};return D&&!e.projectId&&(n.projectId=D),n}function v(e){d.push(e),r("Event queued:",e.event_name,"(queue:",d.length,")"),d.length>=10&&E()}async function E(){if(d.length===0)return;let e=[...d];d=[],r("Flushing",e.length,"events to",R);try{let t=await fetch(R,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({events:e}),keepalive:!0});if(!t.ok)throw new Error(`HTTP ${t.status}`);r("Events sent successfully")}catch(t){console.error("[BALANCE Pixel] Failed to send events:",t),d.length<50&&d.push(...e)}}function De(){M&&clearInterval(M),M=window.setInterval(()=>{d.length>0&&E()},5e3)}function z(){b||(ve=Date.now()),b=Date.now(),w=!0,r("Active time tracking started/resumed")}function re(){b&&w&&(B+=Date.now()-b),w=!1,r("Active time tracking paused, accumulated:",B,"ms")}function Oe(){let e=B;return w&&b&&(e+=Date.now()-b),e}function Le(){Z=Date.now(),x&&(x=!1,z(),r("User returned from idle"))}function oe(){if(document.visibilityState==="hidden"){r("Skipping heartbeat - tab hidden");return}if(Date.now()-Z>we){x||(x=!0,re(),r("User idle - pausing heartbeat"));return}let e=Oe(),t=Math.round(e/1e3),n=y({event_name:"engagement_heartbeat",metadata:{time_on_page_seconds:t,time_on_page_ms:e,heartbeat_interval_ms:O,is_active:w&&!x}});v(n),r("Heartbeat sent:",t,"seconds active")}function Ne(){if(!q){r('Heartbeat disabled via data-heartbeat="false"');return}h&&clearInterval(h),z(),h=window.setInterval(()=>{oe()},O),r("Heartbeat started with interval:",O,"ms")}function Ue(){h&&(clearInterval(h),h=null),q&&(oe(),r("Heartbeat stopped, final time sent"))}function $(e={}){let t=y({event_name:"pageview",page_title:e.title||document.title,source_url:e.url||window.location.href});v(t)}function ie(e,t={}){let n=y({event_name:"custom",metadata:{event_type:e,...t}});v(n)}async function ae(e,t={}){try{if(i&&i.analytics===!1){r("Identify skipped - user declined analytics consent");return}l=await Pe(e),i?.analytics===!0&&j(),I(X,l);let n=e.split("@"),o=n[0].charAt(0)+"***@"+(n[1]||"");r("Fan identified:",{name:t.name||"(no name)",email:o,hash:l.substring(0,16)+"...",traits:t,storageTier:u});let S=y({event_name:"identify",fan_id_hash:l,metadata:{email:e,email_sha256:l,traits:t,consent_preferences:i||void 0,storage_tier:u}});v(S)}catch(n){console.error("[BALANCE Pixel] Failed to identify:",n)}}function se(e,t="USD",n={}){let o=y({event_name:"purchase",metadata:{revenue:e,currency:t,...n}});v(o)}function ce(){_=be(),r("Tracking source detected:",_),Ee(),i?.analytics===!0?(u="local",r("Storage tier: local (analytics consent granted)")):(u="session",r("Storage tier: session (privacy by default)")),k=Ie(),ke(),Ce(),i||(J?r("Consent UI enabled, waiting for explicit user consent (Tier 0 mode)"):(i={analytics:!0,marketing:!0,personalization:!0,timestamp:new Date().toISOString()},r("Default consent enabled (all tracking):",i),j())),i?.analytics&&!c&&(c=te()),_e(),De(),r("Initialized",{artistId:A,projectId:D||"(none - will track to all projects)",rawProjectId:P||"(none)",sessionId:k,visitorId:c?c.substring(0,8)+"...":null,fanIdHash:l,consent:i,storageTier:u,trackingSource:_,useEmulator:W,endpoint:R}),window._balanceInitialPageviewFired=!0,$(),Ne(),["mousemove","keydown","scroll","touchstart"].forEach(e=>{document.addEventListener(e,Le,{passive:!0})}),window.addEventListener("beforeunload",()=>{Ue(),E()}),document.addEventListener("visibilitychange",()=>{document.visibilityState==="hidden"?(re(),E()):z()})}let K=window.balance?.q||[];function le(){if(K.length>0){r("Processing",K.length,"queued commands");for(let e of K){let[t,...n]=e;switch(t){case"track":ie(n[0],n[1]);break;case"identify":ae(n[0],n[1]);break;case"page":$(n[0]);break;case"purchase":se(n[0],n[1],n[2]);break;case"setConsent":ne(n[0]);break;default:r("Unknown queued command:",t)}}}}window.balance={track:ie,identify:ae,page:$,purchase:se,getSessionId:()=>k,getVisitorId:()=>c,getFanIdHash:()=>l,getAttribution:()=>m,setConsent:ne,getConsent:Te,hasConsent:Ae};function de(){J&&!i&&new xe({style:pe,primaryColor:me,position:he})}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",()=>{ce(),le(),de()}):(ce(),le(),de()),r("Pixel script loaded")})();})();