@ably/ui 17.9.3 → 17.9.4-dev.4e3e0e4f

package/core/insights/mixpanel.js

@@ -1,2 +1,2 @@
-import mixpanel from"mixpanel-browser";export const initMixpanel=(token,autoCapture=false,debug=false,recordSessionsPercent=1)=>{const blockSelectors=["[ph-no-capture]",'[data-sl="mask"]'];if(!token){console.warn("Mixpanel token not provided, skipping initialization");return}mixpanel.init(token,{debug:debug,persistence:"localStorage",autocapture:autoCapture?{block_selectors:blockSelectors,capture_text_content:true}:false,track_pageview:false,record_sessions_percent:recordSessionsPercent,record_mask_text_selector:undefined})};export const enableDebugMode=()=>{mixpanel.set_config({debug:true})};export const disableDebugMode=()=>{mixpanel.set_config({debug:false})};export const identify=({userId,accountId,organisationId,email,name})=>{if(!userId){return}mixpanel.identify(userId.toString());if(email||name){mixpanel.people.set({$email:email,$name:name})}if(accountId){mixpanel.people.union({accounts:[accountId.toString()]})}if(organisationId){mixpanel.people.set({organization_id:[organisationId.toString()]})}};const redactUrlSegments=()=>{const pathSegments=window.location.pathname.split("/");const redactedSegments=pathSegments.map(segment=>{return/^\d+$/.test(segment)?"{redacted}":segment});const url=new URL(window.location.href);url.pathname=redactedSegments.join("/");return decodeURI(url.toString()).toLowerCase()};export const trackPageView=()=>{mixpanel.track_pageview({redacted_path:redactUrlSegments()})};export const track=(event,properties)=>{mixpanel.track(event,properties)};export const startSessionRecording=()=>{mixpanel.start_session_recording()};export const stopSessionRecording=()=>{mixpanel.stop_session_recording()};
+import mixpanel from"mixpanel-browser";export const initMixpanel=(token,autoCapture=false,debug=false,recordSessionsPercent=1)=>{const blockSelectors=["[ph-no-capture]",'[data-sl="mask"]'];if(!token){console.warn("Mixpanel token not provided, skipping initialization");return}mixpanel.init(token,{debug:debug,persistence:"localStorage",autocapture:autoCapture?{block_selectors:blockSelectors,capture_text_content:true}:false,track_pageview:false,record_sessions_percent:recordSessionsPercent,record_mask_text_selector:undefined})};export const enableDebugMode=()=>{mixpanel.set_config({debug:true})};export const disableDebugMode=()=>{mixpanel.set_config({debug:false})};export const identify=({userId,accountId,organisationId,email,name})=>{if(!userId){return}mixpanel.identify(userId.toString());if(email||name){mixpanel.people.set({$email:email,$name:name})}if(accountId){mixpanel.people.union({accounts:[accountId.toString()]})}if(organisationId){mixpanel.people.set({organization_id:[organisationId.toString()]})}};const redactUrlSegments=excludeIds=>{const pathSegments=window.location.pathname.split("/");const redactedSegments=pathSegments.map(segment=>{if(/^\d+$/.test(segment)||excludeIds?.some(id=>id&&id!==""&&segment===id)){return"{redacted}"}return segment});const url=new URL(window.location.href);url.pathname=redactedSegments.join("/");return decodeURI(url.toString()).toLowerCase()};export const trackPageView=excludeIds=>{mixpanel.track_pageview({redacted_path:redactUrlSegments(excludeIds)})};export const track=(event,properties)=>{mixpanel.track(event,properties)};export const startSessionRecording=()=>{mixpanel.start_session_recording()};export const stopSessionRecording=()=>{mixpanel.stop_session_recording()};
 //# sourceMappingURL=mixpanel.js.map

package/core/insights/mixpanel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/core/insights/mixpanel.ts"],"sourcesContent":["import mixpanel from \"mixpanel-browser\";\n\nimport { InsightsIdentity } from \"./types\";\n\nexport const initMixpanel = (\n  token: string,\n  autoCapture: boolean = false,\n  debug: boolean = false,\n  recordSessionsPercent = 1,\n) => {\n  const blockSelectors = [\"[ph-no-capture]\", '[data-sl=\"mask\"]'];\n  if (!token) {\n    console.warn(\"Mixpanel token not provided, skipping initialization\");\n    return;\n  }\n\n  mixpanel.init(token, {\n    debug: debug,\n    persistence: \"localStorage\",\n    autocapture: autoCapture\n      ? {\n          block_selectors: blockSelectors,\n          capture_text_content: true,\n        }\n      : false,\n    track_pageview: false, // We'll track page views manually\n    record_sessions_percent: recordSessionsPercent,\n    record_mask_text_selector: undefined, // Prevents all text from being masked - we have other masking configured/enabled\n  });\n};\n\nexport const enableDebugMode = () => {\n  mixpanel.set_config({ debug: true });\n};\n\nexport const disableDebugMode = () => {\n  mixpanel.set_config({ debug: false });\n};\n\nexport const identify = ({\n  userId,\n  accountId,\n  organisationId,\n  email,\n  name,\n}: InsightsIdentity) => {\n  // In very rare cases we might have a user without an account, so we'll\n  // let null/undefined/blank strings through on that one\n  if (!userId) {\n    return;\n  }\n\n  mixpanel.identify(userId.toString());\n\n  if (email || name) {\n    mixpanel.people.set({ $email: email, $name: name });\n  }\n\n  if (accountId) {\n    mixpanel.people.union({ accounts: [accountId.toString()] });\n  }\n\n  if (organisationId) {\n    mixpanel.people.set({ organization_id: [organisationId.toString()] });\n  }\n};\n\n// Simple function to replace all digits in a URL path with {redacted},\n// purely to make reporting based on aggregates easier\nconst redactUrlSegments = () => {\n  const pathSegments = window.location.pathname.split(\"/\");\n\n  const redactedSegments = pathSegments.map((segment) => {\n    // Check if the segment contains only digits\n    return /^\\d+$/.test(segment) ? \"{redacted}\" : segment;\n  });\n\n  // Join the segments back together\n  const url = new URL(window.location.href);\n  url.pathname = redactedSegments.join(\"/\");\n\n  return decodeURI(url.toString()).toLowerCase();\n};\n\nexport const trackPageView = () => {\n  // Add the redacted URL to the page view event for reporting\n  mixpanel.track_pageview({\n    redacted_path: redactUrlSegments(),\n  });\n};\n\nexport const track = (event: string, properties?: Record<string, unknown>) => {\n  mixpanel.track(event, properties);\n};\n\nexport const startSessionRecording = () => {\n  mixpanel.start_session_recording();\n};\n\nexport const stopSessionRecording = () => {\n  mixpanel.stop_session_recording();\n};\n"],"names":["mixpanel","initMixpanel","token","autoCapture","debug","recordSessionsPercent","blockSelectors","console","warn","init","persistence","autocapture","block_selectors","capture_text_content","track_pageview","record_sessions_percent","record_mask_text_selector","undefined","enableDebugMode","set_config","disableDebugMode","identify","userId","accountId","organisationId","email","name","toString","people","set","$email","$name","union","accounts","organization_id","redactUrlSegments","pathSegments","window","location","pathname","split","redactedSegments","map","segment","test","url","URL","href","join","decodeURI","toLowerCase","trackPageView","redacted_path","track","event","properties","startSessionRecording","start_session_recording","stopSessionRecording","stop_session_recording"],"mappings":"AAAA,OAAOA,aAAc,kBAAmB,AAIxC,QAAO,MAAMC,aAAe,CAC1BC,MACAC,YAAuB,KAAK,CAC5BC,MAAiB,KAAK,CACtBC,sBAAwB,CAAC,IAEzB,MAAMC,eAAiB,CAAC,kBAAmB,mBAAmB,CAC9D,GAAI,CAACJ,MAAO,CACVK,QAAQC,IAAI,CAAC,wDACb,MACF,CAEAR,SAASS,IAAI,CAACP,MAAO,CACnBE,MAAOA,MACPM,YAAa,eACbC,YAAaR,YACT,CACES,gBAAiBN,eACjBO,qBAAsB,IACxB,EACA,MACJC,eAAgB,MAChBC,wBAAyBV,sBACzBW,0BAA2BC,SAC7B,EACF,CAAE,AAEF,QAAO,MAAMC,gBAAkB,KAC7BlB,SAASmB,UAAU,CAAC,CAAEf,MAAO,IAAK,EACpC,CAAE,AAEF,QAAO,MAAMgB,iBAAmB,KAC9BpB,SAASmB,UAAU,CAAC,CAAEf,MAAO,KAAM,EACrC,CAAE,AAEF,QAAO,MAAMiB,SAAW,CAAC,CACvBC,MAAM,CACNC,SAAS,CACTC,cAAc,CACdC,KAAK,CACLC,IAAI,CACa,IAGjB,GAAI,CAACJ,OAAQ,CACX,MACF,CAEAtB,SAASqB,QAAQ,CAACC,OAAOK,QAAQ,IAEjC,GAAIF,OAASC,KAAM,CACjB1B,SAAS4B,MAAM,CAACC,GAAG,CAAC,CAAEC,OAAQL,MAAOM,MAAOL,IAAK,EACnD,CAEA,GAAIH,UAAW,CACbvB,SAAS4B,MAAM,CAACI,KAAK,CAAC,CAAEC,SAAU,CAACV,UAAUI,QAAQ,GAAG,AAAC,EAC3D,CAEA,GAAIH,eAAgB,CAClBxB,SAAS4B,MAAM,CAACC,GAAG,CAAC,CAAEK,gBAAiB,CAACV,eAAeG,QAAQ,GAAG,AAAC,EACrE,CACF,CAAE,CAIF,MAAMQ,kBAAoB,KACxB,MAAMC,aAAeC,OAAOC,QAAQ,CAACC,QAAQ,CAACC,KAAK,CAAC,KAEpD,MAAMC,iBAAmBL,aAAaM,GAAG,CAAC,AAACC,UAEzC,MAAO,QAAQC,IAAI,CAACD,SAAW,aAAeA,OAChD,GAGA,MAAME,IAAM,IAAIC,IAAIT,OAAOC,QAAQ,CAACS,IAAI,CACxCF,CAAAA,IAAIN,QAAQ,CAAGE,iBAAiBO,IAAI,CAAC,KAErC,OAAOC,UAAUJ,IAAIlB,QAAQ,IAAIuB,WAAW,EAC9C,CAEA,QAAO,MAAMC,cAAgB,KAE3BnD,SAASc,cAAc,CAAC,CACtBsC,cAAejB,mBACjB,EACF,CAAE,AAEF,QAAO,MAAMkB,MAAQ,CAACC,MAAeC,cACnCvD,SAASqD,KAAK,CAACC,MAAOC,WACxB,CAAE,AAEF,QAAO,MAAMC,sBAAwB,KACnCxD,SAASyD,uBAAuB,EAClC,CAAE,AAEF,QAAO,MAAMC,qBAAuB,KAClC1D,SAAS2D,sBAAsB,EACjC,CAAE"}
+{"version":3,"sources":["../../../src/core/insights/mixpanel.ts"],"sourcesContent":["import mixpanel from \"mixpanel-browser\";\n\nimport { InsightsIdentity } from \"./types\";\n\nexport const initMixpanel = (\n  token: string,\n  autoCapture: boolean = false,\n  debug: boolean = false,\n  recordSessionsPercent = 1,\n) => {\n  const blockSelectors = [\"[ph-no-capture]\", '[data-sl=\"mask\"]'];\n  if (!token) {\n    console.warn(\"Mixpanel token not provided, skipping initialization\");\n    return;\n  }\n\n  mixpanel.init(token, {\n    debug: debug,\n    persistence: \"localStorage\",\n    autocapture: autoCapture\n      ? {\n          block_selectors: blockSelectors,\n          capture_text_content: true,\n        }\n      : false,\n    track_pageview: false, // We'll track page views manually\n    record_sessions_percent: recordSessionsPercent,\n    record_mask_text_selector: undefined, // Prevents all text from being masked - we have other masking configured/enabled\n  });\n};\n\nexport const enableDebugMode = () => {\n  mixpanel.set_config({ debug: true });\n};\n\nexport const disableDebugMode = () => {\n  mixpanel.set_config({ debug: false });\n};\n\nexport const identify = ({\n  userId,\n  accountId,\n  organisationId,\n  email,\n  name,\n}: InsightsIdentity) => {\n  // In very rare cases we might have a user without an account, so we'll\n  // let null/undefined/blank strings through on that one\n  if (!userId) {\n    return;\n  }\n\n  mixpanel.identify(userId.toString());\n\n  if (email || name) {\n    mixpanel.people.set({ $email: email, $name: name });\n  }\n\n  if (accountId) {\n    mixpanel.people.union({ accounts: [accountId.toString()] });\n  }\n\n  if (organisationId) {\n    mixpanel.people.set({ organization_id: [organisationId.toString()] });\n  }\n};\n\n// Simple function to replace all digits and IDs in a URL path with {redacted},\n// purely to make reporting based on aggregates easier\nconst redactUrlSegments = (excludeIds?: string[]) => {\n  const pathSegments = window.location.pathname.split(\"/\");\n\n  const redactedSegments = pathSegments.map((segment) => {\n    // Redact if the segment contains only digits or matches any of the excluded IDs\n    if (\n      /^\\d+$/.test(segment) ||\n      excludeIds?.some((id) => id && id !== \"\" && segment === id)\n    ) {\n      return \"{redacted}\";\n    }\n\n    return segment;\n  });\n\n  // Join the segments back together\n  const url = new URL(window.location.href);\n  url.pathname = redactedSegments.join(\"/\");\n\n  return decodeURI(url.toString()).toLowerCase();\n};\n\nexport const trackPageView = (excludeIds?: string[]) => {\n  // Add the redacted URL to the page view event for reporting\n  mixpanel.track_pageview({\n    redacted_path: redactUrlSegments(excludeIds),\n  });\n};\n\nexport const track = (event: string, properties?: Record<string, unknown>) => {\n  mixpanel.track(event, properties);\n};\n\nexport const startSessionRecording = () => {\n  mixpanel.start_session_recording();\n};\n\nexport const stopSessionRecording = () => {\n  mixpanel.stop_session_recording();\n};\n"],"names":["mixpanel","initMixpanel","token","autoCapture","debug","recordSessionsPercent","blockSelectors","console","warn","init","persistence","autocapture","block_selectors","capture_text_content","track_pageview","record_sessions_percent","record_mask_text_selector","undefined","enableDebugMode","set_config","disableDebugMode","identify","userId","accountId","organisationId","email","name","toString","people","set","$email","$name","union","accounts","organization_id","redactUrlSegments","excludeIds","pathSegments","window","location","pathname","split","redactedSegments","map","segment","test","some","id","url","URL","href","join","decodeURI","toLowerCase","trackPageView","redacted_path","track","event","properties","startSessionRecording","start_session_recording","stopSessionRecording","stop_session_recording"],"mappings":"AAAA,OAAOA,aAAc,kBAAmB,AAIxC,QAAO,MAAMC,aAAe,CAC1BC,MACAC,YAAuB,KAAK,CAC5BC,MAAiB,KAAK,CACtBC,sBAAwB,CAAC,IAEzB,MAAMC,eAAiB,CAAC,kBAAmB,mBAAmB,CAC9D,GAAI,CAACJ,MAAO,CACVK,QAAQC,IAAI,CAAC,wDACb,MACF,CAEAR,SAASS,IAAI,CAACP,MAAO,CACnBE,MAAOA,MACPM,YAAa,eACbC,YAAaR,YACT,CACES,gBAAiBN,eACjBO,qBAAsB,IACxB,EACA,MACJC,eAAgB,MAChBC,wBAAyBV,sBACzBW,0BAA2BC,SAC7B,EACF,CAAE,AAEF,QAAO,MAAMC,gBAAkB,KAC7BlB,SAASmB,UAAU,CAAC,CAAEf,MAAO,IAAK,EACpC,CAAE,AAEF,QAAO,MAAMgB,iBAAmB,KAC9BpB,SAASmB,UAAU,CAAC,CAAEf,MAAO,KAAM,EACrC,CAAE,AAEF,QAAO,MAAMiB,SAAW,CAAC,CACvBC,MAAM,CACNC,SAAS,CACTC,cAAc,CACdC,KAAK,CACLC,IAAI,CACa,IAGjB,GAAI,CAACJ,OAAQ,CACX,MACF,CAEAtB,SAASqB,QAAQ,CAACC,OAAOK,QAAQ,IAEjC,GAAIF,OAASC,KAAM,CACjB1B,SAAS4B,MAAM,CAACC,GAAG,CAAC,CAAEC,OAAQL,MAAOM,MAAOL,IAAK,EACnD,CAEA,GAAIH,UAAW,CACbvB,SAAS4B,MAAM,CAACI,KAAK,CAAC,CAAEC,SAAU,CAACV,UAAUI,QAAQ,GAAG,AAAC,EAC3D,CAEA,GAAIH,eAAgB,CAClBxB,SAAS4B,MAAM,CAACC,GAAG,CAAC,CAAEK,gBAAiB,CAACV,eAAeG,QAAQ,GAAG,AAAC,EACrE,CACF,CAAE,CAIF,MAAMQ,kBAAoB,AAACC,aACzB,MAAMC,aAAeC,OAAOC,QAAQ,CAACC,QAAQ,CAACC,KAAK,CAAC,KAEpD,MAAMC,iBAAmBL,aAAaM,GAAG,CAAC,AAACC,UAEzC,GACE,QAAQC,IAAI,CAACD,UACbR,YAAYU,KAAK,AAACC,IAAOA,IAAMA,KAAO,IAAMH,UAAYG,IACxD,CACA,MAAO,YACT,CAEA,OAAOH,OACT,GAGA,MAAMI,IAAM,IAAIC,IAAIX,OAAOC,QAAQ,CAACW,IAAI,CACxCF,CAAAA,IAAIR,QAAQ,CAAGE,iBAAiBS,IAAI,CAAC,KAErC,OAAOC,UAAUJ,IAAIrB,QAAQ,IAAI0B,WAAW,EAC9C,CAEA,QAAO,MAAMC,cAAgB,AAAClB,aAE5BpC,SAASc,cAAc,CAAC,CACtByC,cAAepB,kBAAkBC,WACnC,EACF,CAAE,AAEF,QAAO,MAAMoB,MAAQ,CAACC,MAAeC,cACnC1D,SAASwD,KAAK,CAACC,MAAOC,WACxB,CAAE,AAEF,QAAO,MAAMC,sBAAwB,KACnC3D,SAAS4D,uBAAuB,EAClC,CAAE,AAEF,QAAO,MAAMC,qBAAuB,KAClC7D,SAAS8D,sBAAsB,EACjC,CAAE"}

package/core/insights/service.js

@@ -1,2 +1,2 @@
-function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}import*as datalayer from"./datalayer";import*as mixpanel from"./mixpanel";import*as posthog from"./posthog";import*as logger from"./logger";export class InsightsService{initInsights({mixpanelToken,mixpanelAutoCapture,mixpanelRecordSessionsPercent=1,posthogApiKey,posthogApiHost,debug=false}){this.debugMode=!!debug;if(this.debugMode){logger.debug("InsightService: Initializing insights")}try{mixpanel.initMixpanel(mixpanelToken,mixpanelAutoCapture,this.debugMode,mixpanelRecordSessionsPercent)}catch(e){if(this.debugMode){logger.error("Failed to initialize Mixpanel",e)}}try{posthog.initPosthog(posthogApiKey,posthogApiHost)}catch(e){if(this.debugMode){logger.error("Failed to initialize Posthog",e)}}}enableDebugMode(){this.debugMode=true;logger.debug("Enabling debug mode");try{mixpanel.enableDebugMode();posthog.enableDebugMode()}catch(e){logger.error("Failed to enable debug mode",e)}}disableDebugMode(){this.debugMode=false;logger.debug("Disabling debug mode");try{mixpanel.disableDebugMode();posthog.disableDebugMode()}catch(e){logger.error("Failed to disable debug mode",e)}}identify(identity){const{userId,accountId,organisationId,email,name}=identity;if(!userId){if(this.debugMode){logger.warn("User ID not provided, skipping identify")}return}if(this.debugMode){logger.info("Identifying user",{userId,accountId,organisationId,email,name})}try{mixpanel.identify({userId,accountId,organisationId,email,name})}catch(e){if(this.debugMode){logger.error("Failed to identify user in Mixpanel",e)}}try{posthog.identify({userId,accountId,organisationId,email,name})}catch(e){if(this.debugMode){logger.error("Failed to identify user in Posthog",e)}}}trackPageView(options){if(this.debugMode){logger.info("Tracking page view")}try{mixpanel.trackPageView()}catch(e){if(this.debugMode){logger.error("Failed to track page view in Mixpanel",e)}}try{posthog.trackPageView()}catch(e){if(this.debugMode){logger.error("Failed to track page view in Posthog",e)}}if(options?.includeDataLayer){try{datalayer.trackPageView()}catch(e){if(this.debugMode){logger.error("Failed to track page view in GTM",e)}}}}track(event,properties){if(this.debugMode){logger.info("Tracking event",{event,properties})}try{mixpanel.track(event,properties)}catch(e){if(this.debugMode){logger.error("Failed to track event in Mixpanel",e)}}try{posthog.track(event,properties)}catch(e){if(this.debugMode){logger.error("Failed to track event in Posthog",e)}}try{datalayer.track(event,properties)}catch(e){if(this.debugMode){logger.error("Failed to track event in Datalayer",e)}}}startSessionRecording(){if(this.debugMode){logger.info("Starting session recording")}try{mixpanel.startSessionRecording()}catch(e){if(this.debugMode){logger.error("Failed to start session recording in Mixpanel",e)}}try{posthog.startSessionRecording()}catch(e){if(this.debugMode){logger.error("Failed to start session recording in Posthog",e)}}}stopSessionRecording(){if(this.debugMode){logger.info("Stopping session recording")}try{mixpanel.stopSessionRecording()}catch(e){if(this.debugMode){logger.error("Failed to stop session recording in Mixpanel",e)}}try{posthog.stopSessionRecording()}catch(e){if(this.debugMode){logger.error("Failed to stop session recording in Posthog",e)}}}setupObserver(){const getInsightAttributes=element=>{const MAX_ATTRIBUTES=10;let count=0;const attributes={};for(const attr of Array.from(element.attributes)){if(count>=MAX_ATTRIBUTES)break;if(attr.name.startsWith("data-insight-")){if(!/^data-insight-[a-zA-Z0-9-]+$/.test(attr.name))continue;if(typeof attr.value!=="string"||attr.value.length>100)continue;const key=attr.name.replace("data-insight-","").split("-").map((part,index)=>index===0?part:part.charAt(0).toUpperCase()+part.slice(1)).join("");attributes[key]=attr.value;count++}}return attributes};const findClosestElementWithInsights=element=>{let current=element;while(current&&current!==document.body){const insights=getInsightAttributes(current);if(Object.keys(insights).length>0){return insights}current=current.parentElement}return null};const handleClick=event=>{if(!(event.target instanceof HTMLElement))return;const insights=findClosestElementWithInsights(event.target);if(insights){const{event:eventName,...properties}=insights;this.track(eventName||"element_clicked",properties)}};document.body.addEventListener("click",handleClick);return()=>{document.body.removeEventListener("click",handleClick)}}constructor(){_define_property(this,"debugMode",false)}}
+function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}import*as datalayer from"./datalayer";import*as mixpanel from"./mixpanel";import*as posthog from"./posthog";import*as logger from"./logger";export class InsightsService{initInsights({mixpanelToken,mixpanelAutoCapture,mixpanelRecordSessionsPercent=1,posthogApiKey,posthogApiHost,debug=false}){this.debugMode=!!debug;if(this.debugMode){logger.debug("InsightService: Initializing insights")}try{mixpanel.initMixpanel(mixpanelToken,mixpanelAutoCapture,this.debugMode,mixpanelRecordSessionsPercent)}catch(e){if(this.debugMode){logger.error("Failed to initialize Mixpanel",e)}}try{posthog.initPosthog(posthogApiKey,posthogApiHost)}catch(e){if(this.debugMode){logger.error("Failed to initialize Posthog",e)}}}enableDebugMode(){this.debugMode=true;logger.debug("Enabling debug mode");try{mixpanel.enableDebugMode();posthog.enableDebugMode()}catch(e){logger.error("Failed to enable debug mode",e)}}disableDebugMode(){this.debugMode=false;logger.debug("Disabling debug mode");try{mixpanel.disableDebugMode();posthog.disableDebugMode()}catch(e){logger.error("Failed to disable debug mode",e)}}identify(identity){const{userId,accountId,organisationId,email,name}=identity;if(!userId){if(this.debugMode){logger.warn("User ID not provided, skipping identify")}return}if(this.debugMode){logger.info("Identifying user",{userId,accountId,organisationId,email,name})}try{mixpanel.identify({userId,accountId,organisationId,email,name})}catch(e){if(this.debugMode){logger.error("Failed to identify user in Mixpanel",e)}}try{posthog.identify({userId,accountId,organisationId,email,name})}catch(e){if(this.debugMode){logger.error("Failed to identify user in Posthog",e)}}}trackPageView(options){if(this.debugMode){logger.info("Tracking page view")}try{mixpanel.trackPageView(options?.excludeIds)}catch(e){if(this.debugMode){logger.error("Failed to track page view in Mixpanel",e)}}try{posthog.trackPageView()}catch(e){if(this.debugMode){logger.error("Failed to track page view in Posthog",e)}}if(options?.includeDataLayer){try{datalayer.trackPageView()}catch(e){if(this.debugMode){logger.error("Failed to track page view in GTM",e)}}}}track(event,properties){if(this.debugMode){logger.info("Tracking event",{event,properties})}try{mixpanel.track(event,properties)}catch(e){if(this.debugMode){logger.error("Failed to track event in Mixpanel",e)}}try{posthog.track(event,properties)}catch(e){if(this.debugMode){logger.error("Failed to track event in Posthog",e)}}try{datalayer.track(event,properties)}catch(e){if(this.debugMode){logger.error("Failed to track event in Datalayer",e)}}}startSessionRecording(){if(this.debugMode){logger.info("Starting session recording")}try{mixpanel.startSessionRecording()}catch(e){if(this.debugMode){logger.error("Failed to start session recording in Mixpanel",e)}}try{posthog.startSessionRecording()}catch(e){if(this.debugMode){logger.error("Failed to start session recording in Posthog",e)}}}stopSessionRecording(){if(this.debugMode){logger.info("Stopping session recording")}try{mixpanel.stopSessionRecording()}catch(e){if(this.debugMode){logger.error("Failed to stop session recording in Mixpanel",e)}}try{posthog.stopSessionRecording()}catch(e){if(this.debugMode){logger.error("Failed to stop session recording in Posthog",e)}}}setupObserver(){const getInsightAttributes=element=>{const MAX_ATTRIBUTES=10;let count=0;const attributes={};for(const attr of Array.from(element.attributes)){if(count>=MAX_ATTRIBUTES)break;if(attr.name.startsWith("data-insight-")){if(!/^data-insight-[a-zA-Z0-9-]+$/.test(attr.name))continue;if(typeof attr.value!=="string"||attr.value.length>100)continue;const key=attr.name.replace("data-insight-","").split("-").map((part,index)=>index===0?part:part.charAt(0).toUpperCase()+part.slice(1)).join("");attributes[key]=attr.value;count++}}return attributes};const findClosestElementWithInsights=element=>{let current=element;while(current&&current!==document.body){const insights=getInsightAttributes(current);if(Object.keys(insights).length>0){return insights}current=current.parentElement}return null};const handleClick=event=>{if(!(event.target instanceof HTMLElement))return;const insights=findClosestElementWithInsights(event.target);if(insights){const{event:eventName,...properties}=insights;this.track(eventName||"element_clicked",properties)}};document.body.addEventListener("click",handleClick);return()=>{document.body.removeEventListener("click",handleClick)}}constructor(){_define_property(this,"debugMode",false)}}
 //# sourceMappingURL=service.js.map

package/core/insights/service.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/core/insights/service.ts"],"sourcesContent":["import type {\n  AnalyticsService,\n  InsightsConfig,\n  InsightsIdentity,\n  TrackPageViewOptions,\n} from \"./types\";\nimport * as datalayer from \"./datalayer\";\nimport * as mixpanel from \"./mixpanel\";\nimport * as posthog from \"./posthog\";\nimport * as logger from \"./logger\";\n\n// The real implementation that will be used after initialization\nexport class InsightsService implements AnalyticsService {\n  private debugMode: boolean = false;\n\n  initInsights({\n    mixpanelToken,\n    mixpanelAutoCapture,\n    mixpanelRecordSessionsPercent = 1,\n    posthogApiKey,\n    posthogApiHost,\n    debug = false,\n  }: InsightsConfig): void {\n    this.debugMode = !!debug;\n\n    if (this.debugMode) {\n      logger.debug(\"InsightService: Initializing insights\");\n    }\n\n    try {\n      mixpanel.initMixpanel(\n        mixpanelToken,\n        mixpanelAutoCapture,\n        this.debugMode,\n        mixpanelRecordSessionsPercent,\n      );\n    } catch (e) {\n      if (this.debugMode) {\n        logger.error(\"Failed to initialize Mixpanel\", e);\n      }\n    }\n\n    try {\n      posthog.initPosthog(posthogApiKey, posthogApiHost);\n    } catch (e) {\n      if (this.debugMode) {\n        logger.error(\"Failed to initialize Posthog\", e);\n      }\n    }\n  }\n\n  enableDebugMode(): void {\n    this.debugMode = true;\n    logger.debug(\"Enabling debug mode\");\n\n    try {\n      mixpanel.enableDebugMode();\n      posthog.enableDebugMode();\n    } catch (e) {\n      logger.error(\"Failed to enable debug mode\", e);\n    }\n  }\n\n  disableDebugMode(): void {\n    this.debugMode = false;\n    logger.debug(\"Disabling debug mode\");\n\n    try {\n      mixpanel.disableDebugMode();\n      posthog.disableDebugMode();\n    } catch (e) {\n      logger.error(\"Failed to disable debug mode\", e);\n    }\n  }\n\n  identify(identity: InsightsIdentity): void {\n    const { userId, accountId, organisationId, email, name } = identity;\n\n    // In very rare cases we might have a user without an account, so we'll\n    // let null/undefined/blank strings through on that one\n    if (!userId) {\n      if (this.debugMode) {\n        logger.warn(\"User ID not provided, skipping identify\");\n      }\n      return;\n    }\n\n    if (this.debugMode) {\n      logger.info(\"Identifying user\", {\n        userId,\n        accountId,\n        organisationId,\n        email,\n        name,\n      });\n    }\n\n    try {\n      mixpanel.identify({ userId, accountId, organisationId, email, name });\n    } catch (e) {\n      if (this.debugMode) {\n        logger.error(\"Failed to identify user in Mixpanel\", e);\n      }\n    }\n\n    try {\n      posthog.identify({ userId, accountId, organisationId, email, name });\n    } catch (e) {\n      if (this.debugMode) {\n        logger.error(\"Failed to identify user in Posthog\", e);\n      }\n    }\n  }\n\n  trackPageView(options?: TrackPageViewOptions): void {\n    if (this.debugMode) {\n      logger.info(\"Tracking page view\");\n    }\n\n    try {\n      mixpanel.trackPageView();\n    } catch (e) {\n      if (this.debugMode) {\n        logger.error(\"Failed to track page view in Mixpanel\", e);\n      }\n    }\n\n    try {\n      posthog.trackPageView();\n    } catch (e) {\n      if (this.debugMode) {\n        logger.error(\"Failed to track page view in Posthog\", e);\n      }\n    }\n\n    if (options?.includeDataLayer) {\n      try {\n        datalayer.trackPageView();\n      } catch (e) {\n        if (this.debugMode) {\n          logger.error(\"Failed to track page view in GTM\", e);\n        }\n      }\n    }\n  }\n\n  track(event: string, properties?: Record<string, unknown>): void {\n    if (this.debugMode) {\n      logger.info(\"Tracking event\", { event, properties });\n    }\n\n    try {\n      mixpanel.track(event, properties);\n    } catch (e) {\n      if (this.debugMode) {\n        logger.error(\"Failed to track event in Mixpanel\", e);\n      }\n    }\n\n    try {\n      posthog.track(event, properties);\n    } catch (e) {\n      if (this.debugMode) {\n        logger.error(\"Failed to track event in Posthog\", e);\n      }\n    }\n\n    try {\n      datalayer.track(event, properties);\n    } catch (e) {\n      if (this.debugMode) {\n        logger.error(\"Failed to track event in Datalayer\", e);\n      }\n    }\n  }\n\n  startSessionRecording(): void {\n    if (this.debugMode) {\n      logger.info(\"Starting session recording\");\n    }\n\n    try {\n      mixpanel.startSessionRecording();\n    } catch (e) {\n      if (this.debugMode) {\n        logger.error(\"Failed to start session recording in Mixpanel\", e);\n      }\n    }\n\n    try {\n      posthog.startSessionRecording();\n    } catch (e) {\n      if (this.debugMode) {\n        logger.error(\"Failed to start session recording in Posthog\", e);\n      }\n    }\n  }\n\n  stopSessionRecording(): void {\n    if (this.debugMode) {\n      logger.info(\"Stopping session recording\");\n    }\n\n    try {\n      mixpanel.stopSessionRecording();\n    } catch (e) {\n      if (this.debugMode) {\n        logger.error(\"Failed to stop session recording in Mixpanel\", e);\n      }\n    }\n\n    try {\n      posthog.stopSessionRecording();\n    } catch (e) {\n      if (this.debugMode) {\n        logger.error(\"Failed to stop session recording in Posthog\", e);\n      }\n    }\n  }\n\n  setupObserver(): () => void {\n    // Helper to get all data-insight-* attributes from an element\n    const getInsightAttributes = (\n      element: HTMLElement,\n    ): { event?: string; [key: string]: string | undefined } => {\n      // limit how many data attributes we'll process\n      const MAX_ATTRIBUTES = 10;\n      let count = 0;\n\n      const attributes: { event?: string; [key: string]: string | undefined } =\n        {};\n\n      for (const attr of Array.from(element.attributes)) {\n        if (count >= MAX_ATTRIBUTES) break;\n        if (attr.name.startsWith(\"data-insight-\")) {\n          // Validate attribute name format\n          if (!/^data-insight-[a-zA-Z0-9-]+$/.test(attr.name)) continue;\n\n          // Sanitize attribute value\n          if (typeof attr.value !== \"string\" || attr.value.length > 100)\n            continue;\n\n          // Convert data-insight-event-name to eventName\n          const key = attr.name\n            .replace(\"data-insight-\", \"\")\n            .split(\"-\")\n            .map((part: string, index: number) =>\n              index === 0 ? part : part.charAt(0).toUpperCase() + part.slice(1),\n            )\n            .join(\"\");\n          attributes[key] = attr.value;\n          count++;\n        }\n      }\n      return attributes;\n    };\n\n    // Helper to find closest element with data-insight attributes\n    const findClosestElementWithInsights = (element: HTMLElement) => {\n      let current = element;\n      while (current && current !== document.body) {\n        const insights = getInsightAttributes(current);\n        if (Object.keys(insights).length > 0) {\n          return insights;\n        }\n\n        current = current.parentElement as HTMLElement;\n      }\n      return null;\n    };\n\n    // Global click handler\n    const handleClick = (event: MouseEvent): void => {\n      if (!(event.target instanceof HTMLElement)) return;\n      const insights = findClosestElementWithInsights(event.target);\n      if (insights) {\n        // Extract special properties if they exist\n        const { event: eventName, ...properties } = insights;\n        this.track(eventName || \"element_clicked\", properties);\n      }\n    };\n\n    // Add listener to document body to catch all clicks\n    document.body.addEventListener(\"click\", handleClick);\n\n    // Return cleanup function in case it's needed\n    return () => {\n      document.body.removeEventListener(\"click\", handleClick);\n    };\n  }\n}\n"],"names":["datalayer","mixpanel","posthog","logger","InsightsService","initInsights","mixpanelToken","mixpanelAutoCapture","mixpanelRecordSessionsPercent","posthogApiKey","posthogApiHost","debug","debugMode","initMixpanel","e","error","initPosthog","enableDebugMode","disableDebugMode","identify","identity","userId","accountId","organisationId","email","name","warn","info","trackPageView","options","includeDataLayer","track","event","properties","startSessionRecording","stopSessionRecording","setupObserver","getInsightAttributes","element","MAX_ATTRIBUTES","count","attributes","attr","Array","from","startsWith","test","value","length","key","replace","split","map","part","index","charAt","toUpperCase","slice","join","findClosestElementWithInsights","current","document","body","insights","Object","keys","parentElement","handleClick","target","HTMLElement","eventName","addEventListener","removeEventListener"],"mappings":"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"}
+{"version":3,"sources":["../../../src/core/insights/service.ts"],"sourcesContent":["import type {\n  AnalyticsService,\n  InsightsConfig,\n  InsightsIdentity,\n  TrackPageViewOptions,\n} from \"./types\";\nimport * as datalayer from \"./datalayer\";\nimport * as mixpanel from \"./mixpanel\";\nimport * as posthog from \"./posthog\";\nimport * as logger from \"./logger\";\n\n// The real implementation that will be used after initialization\nexport class InsightsService implements AnalyticsService {\n  private debugMode: boolean = false;\n\n  initInsights({\n    mixpanelToken,\n    mixpanelAutoCapture,\n    mixpanelRecordSessionsPercent = 1,\n    posthogApiKey,\n    posthogApiHost,\n    debug = false,\n  }: InsightsConfig): void {\n    this.debugMode = !!debug;\n\n    if (this.debugMode) {\n      logger.debug(\"InsightService: Initializing insights\");\n    }\n\n    try {\n      mixpanel.initMixpanel(\n        mixpanelToken,\n        mixpanelAutoCapture,\n        this.debugMode,\n        mixpanelRecordSessionsPercent,\n      );\n    } catch (e) {\n      if (this.debugMode) {\n        logger.error(\"Failed to initialize Mixpanel\", e);\n      }\n    }\n\n    try {\n      posthog.initPosthog(posthogApiKey, posthogApiHost);\n    } catch (e) {\n      if (this.debugMode) {\n        logger.error(\"Failed to initialize Posthog\", e);\n      }\n    }\n  }\n\n  enableDebugMode(): void {\n    this.debugMode = true;\n    logger.debug(\"Enabling debug mode\");\n\n    try {\n      mixpanel.enableDebugMode();\n      posthog.enableDebugMode();\n    } catch (e) {\n      logger.error(\"Failed to enable debug mode\", e);\n    }\n  }\n\n  disableDebugMode(): void {\n    this.debugMode = false;\n    logger.debug(\"Disabling debug mode\");\n\n    try {\n      mixpanel.disableDebugMode();\n      posthog.disableDebugMode();\n    } catch (e) {\n      logger.error(\"Failed to disable debug mode\", e);\n    }\n  }\n\n  identify(identity: InsightsIdentity): void {\n    const { userId, accountId, organisationId, email, name } = identity;\n\n    // In very rare cases we might have a user without an account, so we'll\n    // let null/undefined/blank strings through on that one\n    if (!userId) {\n      if (this.debugMode) {\n        logger.warn(\"User ID not provided, skipping identify\");\n      }\n      return;\n    }\n\n    if (this.debugMode) {\n      logger.info(\"Identifying user\", {\n        userId,\n        accountId,\n        organisationId,\n        email,\n        name,\n      });\n    }\n\n    try {\n      mixpanel.identify({ userId, accountId, organisationId, email, name });\n    } catch (e) {\n      if (this.debugMode) {\n        logger.error(\"Failed to identify user in Mixpanel\", e);\n      }\n    }\n\n    try {\n      posthog.identify({ userId, accountId, organisationId, email, name });\n    } catch (e) {\n      if (this.debugMode) {\n        logger.error(\"Failed to identify user in Posthog\", e);\n      }\n    }\n  }\n\n  trackPageView(options?: TrackPageViewOptions): void {\n    if (this.debugMode) {\n      logger.info(\"Tracking page view\");\n    }\n\n    try {\n      mixpanel.trackPageView(options?.excludeIds);\n    } catch (e) {\n      if (this.debugMode) {\n        logger.error(\"Failed to track page view in Mixpanel\", e);\n      }\n    }\n\n    try {\n      posthog.trackPageView();\n    } catch (e) {\n      if (this.debugMode) {\n        logger.error(\"Failed to track page view in Posthog\", e);\n      }\n    }\n\n    if (options?.includeDataLayer) {\n      try {\n        datalayer.trackPageView();\n      } catch (e) {\n        if (this.debugMode) {\n          logger.error(\"Failed to track page view in GTM\", e);\n        }\n      }\n    }\n  }\n\n  track(event: string, properties?: Record<string, unknown>): void {\n    if (this.debugMode) {\n      logger.info(\"Tracking event\", { event, properties });\n    }\n\n    try {\n      mixpanel.track(event, properties);\n    } catch (e) {\n      if (this.debugMode) {\n        logger.error(\"Failed to track event in Mixpanel\", e);\n      }\n    }\n\n    try {\n      posthog.track(event, properties);\n    } catch (e) {\n      if (this.debugMode) {\n        logger.error(\"Failed to track event in Posthog\", e);\n      }\n    }\n\n    try {\n      datalayer.track(event, properties);\n    } catch (e) {\n      if (this.debugMode) {\n        logger.error(\"Failed to track event in Datalayer\", e);\n      }\n    }\n  }\n\n  startSessionRecording(): void {\n    if (this.debugMode) {\n      logger.info(\"Starting session recording\");\n    }\n\n    try {\n      mixpanel.startSessionRecording();\n    } catch (e) {\n      if (this.debugMode) {\n        logger.error(\"Failed to start session recording in Mixpanel\", e);\n      }\n    }\n\n    try {\n      posthog.startSessionRecording();\n    } catch (e) {\n      if (this.debugMode) {\n        logger.error(\"Failed to start session recording in Posthog\", e);\n      }\n    }\n  }\n\n  stopSessionRecording(): void {\n    if (this.debugMode) {\n      logger.info(\"Stopping session recording\");\n    }\n\n    try {\n      mixpanel.stopSessionRecording();\n    } catch (e) {\n      if (this.debugMode) {\n        logger.error(\"Failed to stop session recording in Mixpanel\", e);\n      }\n    }\n\n    try {\n      posthog.stopSessionRecording();\n    } catch (e) {\n      if (this.debugMode) {\n        logger.error(\"Failed to stop session recording in Posthog\", e);\n      }\n    }\n  }\n\n  setupObserver(): () => void {\n    // Helper to get all data-insight-* attributes from an element\n    const getInsightAttributes = (\n      element: HTMLElement,\n    ): { event?: string; [key: string]: string | undefined } => {\n      // limit how many data attributes we'll process\n      const MAX_ATTRIBUTES = 10;\n      let count = 0;\n\n      const attributes: { event?: string; [key: string]: string | undefined } =\n        {};\n\n      for (const attr of Array.from(element.attributes)) {\n        if (count >= MAX_ATTRIBUTES) break;\n        if (attr.name.startsWith(\"data-insight-\")) {\n          // Validate attribute name format\n          if (!/^data-insight-[a-zA-Z0-9-]+$/.test(attr.name)) continue;\n\n          // Sanitize attribute value\n          if (typeof attr.value !== \"string\" || attr.value.length > 100)\n            continue;\n\n          // Convert data-insight-event-name to eventName\n          const key = attr.name\n            .replace(\"data-insight-\", \"\")\n            .split(\"-\")\n            .map((part: string, index: number) =>\n              index === 0 ? part : part.charAt(0).toUpperCase() + part.slice(1),\n            )\n            .join(\"\");\n          attributes[key] = attr.value;\n          count++;\n        }\n      }\n      return attributes;\n    };\n\n    // Helper to find closest element with data-insight attributes\n    const findClosestElementWithInsights = (element: HTMLElement) => {\n      let current = element;\n      while (current && current !== document.body) {\n        const insights = getInsightAttributes(current);\n        if (Object.keys(insights).length > 0) {\n          return insights;\n        }\n\n        current = current.parentElement as HTMLElement;\n      }\n      return null;\n    };\n\n    // Global click handler\n    const handleClick = (event: MouseEvent): void => {\n      if (!(event.target instanceof HTMLElement)) return;\n      const insights = findClosestElementWithInsights(event.target);\n      if (insights) {\n        // Extract special properties if they exist\n        const { event: eventName, ...properties } = insights;\n        this.track(eventName || \"element_clicked\", properties);\n      }\n    };\n\n    // Add listener to document body to catch all clicks\n    document.body.addEventListener(\"click\", handleClick);\n\n    // Return cleanup function in case it's needed\n    return () => {\n      document.body.removeEventListener(\"click\", handleClick);\n    };\n  }\n}\n"],"names":["datalayer","mixpanel","posthog","logger","InsightsService","initInsights","mixpanelToken","mixpanelAutoCapture","mixpanelRecordSessionsPercent","posthogApiKey","posthogApiHost","debug","debugMode","initMixpanel","e","error","initPosthog","enableDebugMode","disableDebugMode","identify","identity","userId","accountId","organisationId","email","name","warn","info","trackPageView","options","excludeIds","includeDataLayer","track","event","properties","startSessionRecording","stopSessionRecording","setupObserver","getInsightAttributes","element","MAX_ATTRIBUTES","count","attributes","attr","Array","from","startsWith","test","value","length","key","replace","split","map","part","index","charAt","toUpperCase","slice","join","findClosestElementWithInsights","current","document","body","insights","Object","keys","parentElement","handleClick","target","HTMLElement","eventName","addEventListener","removeEventListener"],"mappings":"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"}

package/core/insights/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/core/insights/types.ts"],"sourcesContent":["export type InsightsConfig = {\n  debug: boolean;\n  mixpanelToken: string;\n  mixpanelAutoCapture: boolean;\n  mixpanelRecordSessionsPercent: number;\n  posthogApiKey: string;\n  posthogApiHost: string;\n};\n\n// Define the interface for our analytics service\nexport interface AnalyticsService {\n  initInsights: (config: InsightsConfig) => void;\n  enableDebugMode: () => void;\n  disableDebugMode: () => void;\n  identify: (identity: InsightsIdentity) => void;\n  trackPageView: (options?: TrackPageViewOptions) => void;\n  track: (event: string, properties?: Record<string, unknown>) => void;\n  startSessionRecording: () => void;\n  stopSessionRecording: () => void;\n  setupObserver: () => () => void;\n}\n\n// Command type for our queue\nexport type Command = {\n  methodName: keyof AnalyticsService;\n  args: unknown[];\n};\n\nexport type InsightsIdentity = {\n  userId: string;\n  accountId: string;\n  organisationId?: string;\n  email?: string;\n  name?: string;\n};\n\nexport type TrackPageViewOptions = {\n  includeDataLayer?: boolean;\n};\n"],"names":[],"mappings":"AAoCA,QAEE"}
+{"version":3,"sources":["../../../src/core/insights/types.ts"],"sourcesContent":["export type InsightsConfig = {\n  debug: boolean;\n  mixpanelToken: string;\n  mixpanelAutoCapture: boolean;\n  mixpanelRecordSessionsPercent: number;\n  posthogApiKey: string;\n  posthogApiHost: string;\n};\n\n// Define the interface for our analytics service\nexport interface AnalyticsService {\n  initInsights: (config: InsightsConfig) => void;\n  enableDebugMode: () => void;\n  disableDebugMode: () => void;\n  identify: (identity: InsightsIdentity) => void;\n  trackPageView: (options?: TrackPageViewOptions) => void;\n  track: (event: string, properties?: Record<string, unknown>) => void;\n  startSessionRecording: () => void;\n  stopSessionRecording: () => void;\n  setupObserver: () => () => void;\n}\n\n// Command type for our queue\nexport type Command = {\n  methodName: keyof AnalyticsService;\n  args: unknown[];\n};\n\nexport type InsightsIdentity = {\n  userId: string;\n  accountId: string;\n  organisationId?: string;\n  email?: string;\n  name?: string;\n};\n\nexport type TrackPageViewOptions = {\n  includeDataLayer?: boolean;\n  excludeIds?: string[];\n};\n"],"names":[],"mappings":"AAoCA,QAGE"}

package/index.d.ts

@@ -6002,7 +6002,7 @@ export const initMixpanel: (token: string, autoCapture?: boolean, debug?: boolea
 export const enableDebugMode: () => void;
 export const disableDebugMode: () => void;
 export const identify: ({ userId, accountId, organisationId, email, name, }: InsightsIdentity) => void;
-export const trackPageView: () => void;
+export const trackPageView: (excludeIds?: string[]) => void;
 export const track: (event: string, properties?: Record<string, unknown>) => void;
 export const startSessionRecording: () => void;
 export const stopSessionRecording: () => void;
@@ -6072,6 +6072,7 @@ export type InsightsIdentity = {
 };
 export type TrackPageViewOptions = {
     includeDataLayer?: boolean;
+    excludeIds?: string[];
 };
 //# sourceMappingURL=types.d.ts.map
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ably/ui",
-  "version": "17.9.3",
+  "version": "17.9.4-dev.4e3e0e4f",
   "description": "Home of the Ably design system library ([design.ably.com](https://design.ably.com)). It provides a showcase, development/test environment and a publishing pipeline for different distributables.",
   "repository": {
     "type": "git",