@ably/ui 15.6.0 → 15.7.0-dev.39da77a7

package/core/insights/command-queue.js

@@ -0,0 +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{InsightsService}from"./service";import*as logger from"./logger";export class InsightsCommandQueue{executeInitInsights(config){this.debugMode=!!config.debug;if(this.debugMode){logger.debug("Initializing insights")}this.realImplementation=new InsightsService;this.realImplementation.initInsights(config);this.isInitialized=true;this.processQueue()}processQueue(){if(this.debugMode){logger.debug(`Processing ${this.queue.length} queued commands`)}while(this.queue.length>0){const cmd=this.queue.shift();if(cmd&&this.realImplementation&&typeof this.realImplementation[cmd.methodName]==="function"){try{if(this.debugMode){logger.debug(`Executing queued command: ${cmd.methodName}`,cmd.args)}this.realImplementation[cmd.methodName](...cmd.args)}catch(e){if(this.debugMode){logger.error(`Error executing queued command: ${cmd.methodName}`,e)}}}}}initInsights(config){}enableDebugMode(){}disableDebugMode(){}identify(identity){}trackPageView(){}track(event,properties){}startSessionRecording(){}stopSessionRecording(){}setupObserver(){return()=>{}}constructor(){_define_property(this,"isInitialized",false);_define_property(this,"queue",[]);_define_property(this,"debugMode",false);_define_property(this,"realImplementation",null);return new Proxy(this,{get:(target,prop)=>{if(prop in target&&typeof target[prop]!=="function"){return target[prop]}return(...args)=>{if(!target.isInitialized||!target.realImplementation){if(prop==="initInsights"){target.executeInitInsights(args[0]);return}if(target.debugMode){logger.debug(`Queuing method call: ${String(prop)}`,args)}target.queue.push({methodName:prop,args});return}if(typeof target.realImplementation[prop]==="function"){return target.realImplementation[prop](...args)}}}})}}
+//# sourceMappingURL=command-queue.js.map

package/core/insights/command-queue.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/core/insights/command-queue.ts"],"sourcesContent":["import {\n  AnalyticsService,\n  Command,\n  InsightsConfig,\n  InsightsIdentity,\n} from \"./types\";\nimport { InsightsService } from \"./service\";\nimport * as logger from \"./logger\";\n\n// Queue handler that will collect commands before initialization\nexport class InsightsCommandQueue implements AnalyticsService {\n  private isInitialized: boolean = false;\n  private queue: Command[] = [];\n  private debugMode: boolean = false;\n  private realImplementation: InsightsService | null = null;\n\n  constructor() {\n    // Create a proxy that will either queue commands or execute them directly\n    return new Proxy(this, {\n      get: (target: InsightsCommandQueue, prop: string) => {\n        // Return actual properties of the queue\n        if (\n          prop in target &&\n          typeof (target as InsightsCommandQueue)[prop] !== \"function\"\n        ) {\n          return (target as InsightsCommandQueue)[\n            prop as keyof InsightsCommandQueue\n          ];\n        }\n\n        // Return a function that either queues or executes the method call\n        return (...args: unknown[]) => {\n          if (!target.isInitialized || !target.realImplementation) {\n            // Queue the command for later execution\n            if (prop === \"initInsights\") {\n              // Special handling for initInsights - execute it right away\n              target.executeInitInsights(args[0] as InsightsConfig);\n              return;\n            }\n\n            // For debug logging\n            if (target.debugMode) {\n              logger.debug(`Queuing method call: ${String(prop)}`, args);\n            }\n\n            target.queue.push({\n              methodName: prop as keyof AnalyticsService,\n              args,\n            });\n            return;\n          }\n\n          // Execute the command immediately on the real implementation\n          if (\n            typeof (target.realImplementation as AnalyticsService)[prop] ===\n            \"function\"\n          ) {\n            return (target.realImplementation as AnalyticsService)[prop](\n              ...args,\n            );\n          }\n        };\n      },\n    });\n  }\n\n  // Special handling for init since it needs to happen right away\n  private executeInitInsights(config: InsightsConfig): void {\n    this.debugMode = !!config.debug;\n\n    if (this.debugMode) {\n      logger.debug(\"Initializing insights\");\n    }\n\n    // Create and initialize the real implementation\n    this.realImplementation = new InsightsService();\n    this.realImplementation.initInsights(config);\n\n    // Mark as initialized and process the queue\n    this.isInitialized = true;\n    this.processQueue();\n  }\n\n  // Process all queued commands\n  private processQueue(): void {\n    if (this.debugMode) {\n      logger.debug(`Processing ${this.queue.length} queued commands`);\n    }\n\n    while (this.queue.length > 0) {\n      const cmd = this.queue.shift();\n      if (\n        cmd &&\n        this.realImplementation &&\n        typeof this.realImplementation[cmd.methodName] === \"function\"\n      ) {\n        try {\n          if (this.debugMode) {\n            logger.debug(\n              `Executing queued command: ${cmd.methodName}`,\n              cmd.args,\n            );\n          }\n          // eslint-disable-next-line @typescript-eslint/no-unsafe-function-type\n          (this.realImplementation[cmd.methodName] as Function)(\n            ...(cmd.args as unknown[]),\n          );\n        } catch (e) {\n          if (this.debugMode) {\n            logger.error(\n              `Error executing queued command: ${cmd.methodName}`,\n              e,\n            );\n          }\n        }\n      }\n    }\n  }\n\n  // Implement all methods required by AnalyticsService to satisfy TypeScript\n  // (These won't be called directly due to the proxy)\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  initInsights(config: InsightsConfig): void {}\n  enableDebugMode(): void {}\n  disableDebugMode(): void {}\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  identify(identity: InsightsIdentity): void {}\n  trackPageView(): void {}\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  track(event: string, properties?: Record<string, unknown>): void {}\n  startSessionRecording(): void {}\n  stopSessionRecording(): void {}\n  setupObserver(): () => void {\n    return () => {};\n  }\n}\n"],"names":["InsightsService","logger","InsightsCommandQueue","executeInitInsights","config","debugMode","debug","realImplementation","initInsights","isInitialized","processQueue","queue","length","cmd","shift","methodName","args","e","error","enableDebugMode","disableDebugMode","identify","identity","trackPageView","track","event","properties","startSessionRecording","stopSessionRecording","setupObserver","constructor","Proxy","get","target","prop","String","push"],"mappings":"oLAMA,OAASA,eAAe,KAAQ,WAAY,AAC5C,WAAYC,WAAY,UAAW,AAGnC,QAAO,MAAMC,qBAyDX,AAAQC,oBAAoBC,MAAsB,CAAQ,CACxD,IAAI,CAACC,SAAS,CAAG,CAAC,CAACD,OAAOE,KAAK,CAE/B,GAAI,IAAI,CAACD,SAAS,CAAE,CAClBJ,OAAOK,KAAK,CAAC,wBACf,CAGA,IAAI,CAACC,kBAAkB,CAAG,IAAIP,gBAC9B,IAAI,CAACO,kBAAkB,CAACC,YAAY,CAACJ,OAGrC,CAAA,IAAI,CAACK,aAAa,CAAG,KACrB,IAAI,CAACC,YAAY,EACnB,CAGA,AAAQA,cAAqB,CAC3B,GAAI,IAAI,CAACL,SAAS,CAAE,CAClBJ,OAAOK,KAAK,CAAC,CAAC,WAAW,EAAE,IAAI,CAACK,KAAK,CAACC,MAAM,CAAC,gBAAgB,CAAC,CAChE,CAEA,MAAO,IAAI,CAACD,KAAK,CAACC,MAAM,CAAG,EAAG,CAC5B,MAAMC,IAAM,IAAI,CAACF,KAAK,CAACG,KAAK,GAC5B,GACED,KACA,IAAI,CAACN,kBAAkB,EACvB,OAAO,IAAI,CAACA,kBAAkB,CAACM,IAAIE,UAAU,CAAC,GAAK,WACnD,CACA,GAAI,CACF,GAAI,IAAI,CAACV,SAAS,CAAE,CAClBJ,OAAOK,KAAK,CACV,CAAC,0BAA0B,EAAEO,IAAIE,UAAU,CAAC,CAAC,CAC7CF,IAAIG,IAAI,CAEZ,CAEA,AAAC,IAAI,CAACT,kBAAkB,CAACM,IAAIE,UAAU,CAAC,IAClCF,IAAIG,IAAI,CAEhB,CAAE,MAAOC,EAAG,CACV,GAAI,IAAI,CAACZ,SAAS,CAAE,CAClBJ,OAAOiB,KAAK,CACV,CAAC,gCAAgC,EAAEL,IAAIE,UAAU,CAAC,CAAC,CACnDE,EAEJ,CACF,CACF,CACF,CACF,CAKAT,aAAaJ,MAAsB,CAAQ,CAAC,CAC5Ce,iBAAwB,CAAC,CACzBC,kBAAyB,CAAC,CAE1BC,SAASC,QAA0B,CAAQ,CAAC,CAC5CC,eAAsB,CAAC,CAEvBC,MAAMC,KAAa,CAAEC,UAAoC,CAAQ,CAAC,CAClEC,uBAA8B,CAAC,CAC/BC,sBAA6B,CAAC,CAC9BC,eAA4B,CAC1B,MAAO,KAAO,CAChB,CAtHAC,aAAc,CALd,sBAAQrB,gBAAyB,OACjC,sBAAQE,QAAmB,EAAE,EAC7B,sBAAQN,YAAqB,OAC7B,sBAAQE,qBAA6C,MAInD,OAAO,IAAIwB,MAAM,IAAI,CAAE,CACrBC,IAAK,CAACC,OAA8BC,QAElC,GACEA,QAAQD,QACR,OAAO,AAACA,MAA+B,CAACC,KAAK,GAAK,WAClD,CACA,OAAO,AAACD,MAA+B,CACrCC,KACD,AACH,CAGA,MAAO,CAAC,GAAGlB,QACT,GAAI,CAACiB,OAAOxB,aAAa,EAAI,CAACwB,OAAO1B,kBAAkB,CAAE,CAEvD,GAAI2B,OAAS,eAAgB,CAE3BD,OAAO9B,mBAAmB,CAACa,IAAI,CAAC,EAAE,EAClC,MACF,CAGA,GAAIiB,OAAO5B,SAAS,CAAE,CACpBJ,OAAOK,KAAK,CAAC,CAAC,qBAAqB,EAAE6B,OAAOD,MAAM,CAAC,CAAElB,KACvD,CAEAiB,OAAOtB,KAAK,CAACyB,IAAI,CAAC,CAChBrB,WAAYmB,KACZlB,IACF,GACA,MACF,CAGA,GACE,OAAO,AAACiB,OAAO1B,kBAAkB,AAAqB,CAAC2B,KAAK,GAC5D,WACA,CACA,OAAO,AAACD,OAAO1B,kBAAkB,AAAqB,CAAC2B,KAAK,IACvDlB,KAEP,CACF,CACF,CACF,EACF,CAuEF"}

package/core/insights/datalayer.js

@@ -0,0 +1,2 @@
+export const track=(event,properties)=>{const dataLayer=window.dataLayer||[];window.dataLayer=dataLayer;window.dataLayer.push({event,...properties})};
+//# sourceMappingURL=datalayer.js.map

package/core/insights/datalayer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/core/insights/datalayer.ts"],"sourcesContent":["declare global {\n  interface Window {\n    dataLayer: unknown[];\n  }\n}\n\nexport const track = (event: string, properties?: Record<string, unknown>) => {\n  const dataLayer = window.dataLayer || [];\n  window.dataLayer = dataLayer;\n\n  window.dataLayer.push({\n    event,\n    ...properties,\n  });\n};\n"],"names":["track","event","properties","dataLayer","window","push"],"mappings":"AAMA,OAAO,MAAMA,MAAQ,CAACC,MAAeC,cACnC,MAAMC,UAAYC,OAAOD,SAAS,EAAI,EAAE,AACxCC,CAAAA,OAAOD,SAAS,CAAGA,UAEnBC,OAAOD,SAAS,CAACE,IAAI,CAAC,CACpBJ,MACA,GAAGC,UAAU,AACf,EACF,CAAE"}

package/core/insights/index.js

@@ -1,2 +1,2 @@
-import*as mixpanel from"./mixpanel";import*as posthog from"./posthog";let debugMode=false;export const initInsights=({mixpanelToken,mixpanelAutoCapture,posthogApiKey,posthogApiHost,debug=false})=>{debugMode=!!debug;try{mixpanel.initMixpanel(mixpanelToken,mixpanelAutoCapture,debugMode)}catch(e){if(debugMode){console.error("Failed to initialize Mixpanel",e)}}try{posthog.initPosthog(posthogApiKey,posthogApiHost)}catch(e){if(debugMode){console.error("Failed to initialize Posthog",e)}}};export const enableDebugMode=()=>{debugMode=true;try{mixpanel.enableDebugMode();posthog.enableDebugMode()}catch(e){console.error("Failed to enable debug mode",e)}};export const disableDebugMode=()=>{debugMode=false;try{mixpanel.disableDebugMode();posthog.disableDebugMode()}catch(e){console.error("Failed to disable debug mode",e)}};export const identify=({userId,accountId,organisationId,email,name})=>{if(!userId){if(debugMode){console.warn("User ID not provided, skipping identify")}return}try{mixpanel.identify({userId,accountId,organisationId,email,name})}catch(e){if(debugMode){console.error("Failed to identify user in Mixpanel",e)}}try{posthog.identify({userId,accountId,organisationId,email,name})}catch(e){if(debugMode){console.error("Failed to identify user in Posthog",e)}}};export const trackPageView=()=>{try{mixpanel.trackPageView()}catch(e){if(debugMode){console.error("Failed to track page view in Mixpanel",e)}}try{posthog.trackPageView()}catch(e){if(debugMode){console.error("Failed to track page view in Posthog",e)}}};export const track=(event,properties)=>{try{mixpanel.track(event,properties)}catch(e){if(debugMode){console.error("Failed to track event in Mixpanel",e)}}try{posthog.track(event,properties)}catch(e){if(debugMode){console.error("Failed to track event in Posthog",e)}}};export const setupObserver=()=>{const getInsightAttributes=element=>{const MAX_ATTRIBUTES=10;let count=0;const attributes={};for(const attr of 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;track(eventName||"element_clicked",properties)}};document.body.addEventListener("click",handleClick);return()=>{document.body.removeEventListener("click",handleClick)}};
+import{InsightsCommandQueue}from"./command-queue";const insights=new InsightsCommandQueue;export const initInsights=config=>insights.initInsights(config);export const enableDebugMode=()=>insights.enableDebugMode();export const disableDebugMode=()=>insights.disableDebugMode();export const identify=identity=>insights.identify(identity);export const trackPageView=()=>insights.trackPageView();export const track=(event,properties)=>insights.track(event,properties);export const startSessionRecording=()=>insights.startSessionRecording();export const stopSessionRecording=()=>insights.stopSessionRecording();export const setupObserver=()=>insights.setupObserver();
 //# sourceMappingURL=index.js.map

package/core/insights/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/core/insights/index.ts"],"sourcesContent":["import * as mixpanel from \"./mixpanel\";\nimport * as posthog from \"./posthog\";\nimport { InsightsIdentity } from \"./types\";\n\nexport type InsightsConfig = {\n  debug: boolean;\n  mixpanelToken: string;\n  mixpanelAutoCapture: boolean;\n  posthogApiKey: string;\n  posthogApiHost: string;\n};\n\nlet debugMode = false;\n\nexport const initInsights = ({\n  mixpanelToken,\n  mixpanelAutoCapture,\n  posthogApiKey,\n  posthogApiHost,\n  debug = false,\n}: InsightsConfig) => {\n  debugMode = !!debug;\n\n  try {\n    mixpanel.initMixpanel(mixpanelToken, mixpanelAutoCapture, debugMode);\n  } catch (e) {\n    if (debugMode) {\n      console.error(\"Failed to initialize Mixpanel\", e);\n    }\n  }\n\n  try {\n    posthog.initPosthog(posthogApiKey, posthogApiHost);\n  } catch (e) {\n    if (debugMode) {\n      console.error(\"Failed to initialize Posthog\", e);\n    }\n  }\n};\n\nexport const enableDebugMode = () => {\n  debugMode = true;\n  try {\n    mixpanel.enableDebugMode();\n    posthog.enableDebugMode();\n  } catch (e) {\n    console.error(\"Failed to enable debug mode\", e);\n  }\n};\n\nexport const disableDebugMode = () => {\n  debugMode = false;\n  try {\n    mixpanel.disableDebugMode();\n    posthog.disableDebugMode();\n  } catch (e) {\n    console.error(\"Failed to disable debug mode\", e);\n  }\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    if (debugMode) {\n      console.warn(\"User ID not provided, skipping identify\");\n    }\n    return;\n  }\n\n  try {\n    mixpanel.identify({ userId, accountId, organisationId, email, name });\n  } catch (e) {\n    if (debugMode) {\n      console.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 (debugMode) {\n      console.error(\"Failed to identify user in Posthog\", e);\n    }\n  }\n};\n\nexport const trackPageView = () => {\n  try {\n    mixpanel.trackPageView();\n  } catch (e) {\n    if (debugMode) {\n      console.error(\"Failed to track page view in Mixpanel\", e);\n    }\n  }\n\n  try {\n    posthog.trackPageView();\n  } catch (e) {\n    if (debugMode) {\n      console.error(\"Failed to track page view in Posthog\", e);\n    }\n  }\n};\n\nexport const track = (event: string, properties?: Record<string, unknown>) => {\n  try {\n    mixpanel.track(event, properties);\n  } catch (e) {\n    if (debugMode) {\n      console.error(\"Failed to track event in Mixpanel\", e);\n    }\n  }\n\n  try {\n    posthog.track(event, properties);\n  } catch (e) {\n    if (debugMode) {\n      console.error(\"Failed to track event in Posthog\", e);\n    }\n  }\n};\n\ntype InsightAttributes = {\n  event?: string;\n  [key: string]: string | undefined;\n};\n\nexport const setupObserver = () => {\n  // Helper to get all data-insight-* attributes from an element\n  const getInsightAttributes = (element): InsightAttributes => {\n    // limit how many data attributes we'll process\n    const MAX_ATTRIBUTES = 10;\n    let count = 0;\n\n    const attributes: InsightAttributes = {};\n\n    for (const attr of 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) continue;\n\n        // Convert data-insight-event-name to eventName\n        const key = attr.name\n          .replace(\"data-insight-\", \"\")\n          .split(\"-\")\n          .map((part, index) =>\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) => {\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      current = current.parentElement;\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      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"],"names":["mixpanel","posthog","debugMode","initInsights","mixpanelToken","mixpanelAutoCapture","posthogApiKey","posthogApiHost","debug","initMixpanel","e","console","error","initPosthog","enableDebugMode","disableDebugMode","identify","userId","accountId","organisationId","email","name","warn","trackPageView","track","event","properties","setupObserver","getInsightAttributes","element","MAX_ATTRIBUTES","count","attributes","attr","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/index.ts"],"sourcesContent":["import { InsightsConfig, InsightsIdentity } from \"./types\";\nimport { InsightsCommandQueue } from \"./command-queue\";\nexport type { InsightsConfig };\n\n// Hi and welcome 👋\n//\n// The insights code is written using a Command Queue, or Deferred Execution pattern.\n// This pattern is useful when you need to queue up actions that should wait until\n// some initialization is complete. In this case, we want to queue up all the analytics\n// commands until the analytics service is initialized. This way, we can ensure that\n// no analytics events are lost during the initialization process. It looks wildly\n// different than other parts of Ably UI, but if you squint you realise it looks very\n// much like the services it's wrapping.\n//\n// There are three pieces working together here:\n// - The `AnalyticsService` interface, which defines the public methods that the insights\n//   service will expose.\n// - The `InsightsCommandQueue` class, which is the main entry point for the insights\n//   service. It acts as a proxy that will either queue up commands or execute\n//   them directly on the real implementation.\n// - The `InsightsService` class, which is the real implementation that will be used\n//   after initialization. It's responsible for initializing the underlying analytics\n//   services (Mixpanel, Posthog & the data layer) and executing the queued commands.\n\n// Create the singleton instance with the command queue pattern\nconst insights = new InsightsCommandQueue();\n\n// Export the methods with the same interface as before\nexport const initInsights = (config: InsightsConfig) =>\n  insights.initInsights(config);\nexport const enableDebugMode = () => insights.enableDebugMode();\nexport const disableDebugMode = () => insights.disableDebugMode();\nexport const identify = (identity: InsightsIdentity) =>\n  insights.identify(identity);\nexport const trackPageView = () => insights.trackPageView();\nexport const track = (event: string, properties?: Record<string, unknown>) =>\n  insights.track(event, properties);\nexport const startSessionRecording = () => insights.startSessionRecording();\nexport const stopSessionRecording = () => insights.stopSessionRecording();\nexport const setupObserver = () => insights.setupObserver();\n"],"names":["InsightsCommandQueue","insights","initInsights","config","enableDebugMode","disableDebugMode","identify","identity","trackPageView","track","event","properties","startSessionRecording","stopSessionRecording","setupObserver"],"mappings":"AACA,OAASA,oBAAoB,KAAQ,iBAAkB,CAwBvD,MAAMC,SAAW,IAAID,oBAGrB,QAAO,MAAME,aAAe,AAACC,QAC3BF,SAASC,YAAY,CAACC,OAAQ,AAChC,QAAO,MAAMC,gBAAkB,IAAMH,SAASG,eAAe,EAAG,AAChE,QAAO,MAAMC,iBAAmB,IAAMJ,SAASI,gBAAgB,EAAG,AAClE,QAAO,MAAMC,SAAW,AAACC,UACvBN,SAASK,QAAQ,CAACC,SAAU,AAC9B,QAAO,MAAMC,cAAgB,IAAMP,SAASO,aAAa,EAAG,AAC5D,QAAO,MAAMC,MAAQ,CAACC,MAAeC,aACnCV,SAASQ,KAAK,CAACC,MAAOC,WAAY,AACpC,QAAO,MAAMC,sBAAwB,IAAMX,SAASW,qBAAqB,EAAG,AAC5E,QAAO,MAAMC,qBAAuB,IAAMZ,SAASY,oBAAoB,EAAG,AAC1E,QAAO,MAAMC,cAAgB,IAAMb,SAASa,aAAa,EAAG"}

package/core/insights/index.test.js

@@ -0,0 +1,2 @@
+import{describe,expect,beforeEach,afterEach,it,vi}from"vitest";import*as datalayer from"./datalayer";import*as mixpanel from"./mixpanel";import*as posthog from"./posthog";import*as logger from"./logger";import*as insights from"./index";vi.mock("./datalayer",()=>({track:vi.fn()}));vi.mock("./mixpanel",()=>({initMixpanel:vi.fn(),enableDebugMode:vi.fn(),disableDebugMode:vi.fn(),identify:vi.fn(),trackPageView:vi.fn(),track:vi.fn(),startSessionRecording:vi.fn(),stopSessionRecording:vi.fn()}));vi.mock("./posthog",()=>({initPosthog:vi.fn(),enableDebugMode:vi.fn(),disableDebugMode:vi.fn(),identify:vi.fn(),trackPageView:vi.fn(),track:vi.fn(),startSessionRecording:vi.fn(),stopSessionRecording:vi.fn()}));vi.mock("./logger",()=>({debug:vi.fn(),info:vi.fn(),warn:vi.fn(),error:vi.fn()}));describe("Insights Command Queue",()=>{const testConfig={debug:true,mixpanelToken:"test-token",mixpanelAutoCapture:false,mixpanelRecordSessionsPercent:10,posthogApiKey:"test-key",posthogApiHost:"test-host"};const testIdentity={userId:"user-123",accountId:"account-456",organisationId:"org-789",email:"test@example.com",name:"Test User"};beforeEach(()=>{vi.clearAllMocks();vi.resetModules()});afterEach(()=>{document.body.replaceWith(document.body.cloneNode(true))});describe("Pre-initialization Queueing",()=>{it("should queue methods called before initialization",async()=>{insights.track("early_event",{early:true});insights.identify(testIdentity);insights.trackPageView();expect(mixpanel.track).not.toHaveBeenCalled();expect(posthog.track).not.toHaveBeenCalled();expect(datalayer.track).not.toHaveBeenCalled();expect(mixpanel.identify).not.toHaveBeenCalled();expect(posthog.identify).not.toHaveBeenCalled();expect(mixpanel.trackPageView).not.toHaveBeenCalled();expect(posthog.trackPageView).not.toHaveBeenCalled();insights.initInsights(testConfig);expect(mixpanel.initMixpanel).toHaveBeenCalledWith(testConfig.mixpanelToken,testConfig.mixpanelAutoCapture,testConfig.debug,testConfig.mixpanelRecordSessionsPercent);expect(posthog.initPosthog).toHaveBeenCalledWith(testConfig.posthogApiKey,testConfig.posthogApiHost);expect(mixpanel.track).toHaveBeenCalledWith("early_event",{early:true});expect(posthog.track).toHaveBeenCalledWith("early_event",{early:true});expect(datalayer.track).toHaveBeenCalledWith("early_event",{early:true});expect(mixpanel.identify).toHaveBeenCalledWith(testIdentity);expect(posthog.identify).toHaveBeenCalledWith(testIdentity);expect(mixpanel.trackPageView).toHaveBeenCalled();expect(posthog.trackPageView).toHaveBeenCalled()});it("should handle errors in queued methods gracefully",async()=>{mixpanel.track.mockImplementationOnce(()=>{throw new Error("Mixpanel error")});insights.track("error_event",{error:true});insights.trackPageView();insights.initInsights(testConfig);expect(logger.error).toHaveBeenCalledWith(expect.stringContaining("Failed to track event in Mixpanel"),expect.any(Error));expect(posthog.track).toHaveBeenCalledWith("error_event",{error:true});expect(datalayer.track).toHaveBeenCalledWith("error_event",{error:true});expect(mixpanel.trackPageView).toHaveBeenCalled();expect(posthog.trackPageView).toHaveBeenCalled()})});describe("Post-initialization Direct Execution",()=>{beforeEach(()=>{insights.initInsights(testConfig);vi.clearAllMocks()});it("should directly call methods after initialization",()=>{insights.track("post_init_event",{post:true});expect(mixpanel.track).toHaveBeenCalledWith("post_init_event",{post:true});expect(posthog.track).toHaveBeenCalledWith("post_init_event",{post:true});expect(datalayer.track).toHaveBeenCalledWith("post_init_event",{post:true})});it("should handle all exported methods correctly",()=>{insights.identify(testIdentity);expect(mixpanel.identify).toHaveBeenCalledWith(testIdentity);expect(posthog.identify).toHaveBeenCalledWith(testIdentity);insights.trackPageView();expect(mixpanel.trackPageView).toHaveBeenCalled();expect(posthog.trackPageView).toHaveBeenCalled();insights.startSessionRecording();expect(mixpanel.startSessionRecording).toHaveBeenCalled();expect(posthog.startSessionRecording).toHaveBeenCalled();insights.stopSessionRecording();expect(mixpanel.stopSessionRecording).toHaveBeenCalled();expect(posthog.stopSessionRecording).toHaveBeenCalled();insights.enableDebugMode();expect(mixpanel.enableDebugMode).toHaveBeenCalled();expect(posthog.enableDebugMode).toHaveBeenCalled();insights.disableDebugMode();expect(mixpanel.disableDebugMode).toHaveBeenCalled();expect(posthog.disableDebugMode).toHaveBeenCalled()})});describe("Observer Setup",()=>{beforeEach(()=>{insights.initInsights(testConfig);vi.clearAllMocks()});it("should set up click event observer and track clicks",()=>{const cleanup=insights.setupObserver();const testElement=document.createElement("button");testElement.setAttribute("data-insight-event","button_clicked");testElement.setAttribute("data-insight-button-id","test-123");document.body.appendChild(testElement);testElement.click();expect(mixpanel.track).toHaveBeenCalledWith("button_clicked",{buttonId:"test-123"});expect(posthog.track).toHaveBeenCalledWith("button_clicked",{buttonId:"test-123"});expect(datalayer.track).toHaveBeenCalledWith("button_clicked",{buttonId:"test-123"});cleanup();vi.clearAllMocks();testElement.click();expect(mixpanel.track).not.toHaveBeenCalled()});it("should handle nested elements correctly",()=>{insights.setupObserver();const parentElement=document.createElement("div");parentElement.setAttribute("data-insight-event","container_clicked");parentElement.setAttribute("data-insight-container-id","parent-container");const childElement=document.createElement("span");childElement.textContent="Click me";parentElement.appendChild(childElement);document.body.appendChild(parentElement);childElement.click();expect(mixpanel.track).toHaveBeenCalledWith("container_clicked",{containerId:"parent-container"})})});describe("Error Handling",()=>{it("should handle initialization errors gracefully",()=>{mixpanel.initMixpanel.mockImplementationOnce(()=>{throw new Error("Mixpanel init error")});expect(()=>{insights.initInsights(testConfig)}).not.toThrow();expect(logger.error).toHaveBeenCalledWith(expect.stringContaining("Failed to initialize Mixpanel"),expect.any(Error))});it("should handle runtime errors in methods",()=>{insights.initInsights(testConfig);vi.clearAllMocks();mixpanel.track.mockImplementationOnce(()=>{throw new Error("Mixpanel track error")});posthog.track.mockImplementationOnce(()=>{throw new Error("Posthog track error")});expect(()=>{insights.track("error_test",{test:true})}).not.toThrow();expect(logger.error).toHaveBeenCalledWith(expect.stringContaining("Failed to track event in Mixpanel"),expect.any(Error));expect(logger.error).toHaveBeenCalledWith(expect.stringContaining("Failed to track event in Posthog"),expect.any(Error));expect(datalayer.track).toHaveBeenCalledWith("error_test",{test:true})})});describe("Debug Mode",()=>{it("should respect debug flag in config",()=>{insights.initInsights(testConfig);expect(logger.debug).toHaveBeenCalledWith(expect.stringContaining("Initializing insights"));vi.clearAllMocks();insights.track("debug_test",{debug:true});expect(logger.info).toHaveBeenCalledWith(expect.stringContaining("Tracking event"),expect.objectContaining({event:"debug_test",properties:{debug:true}}))});it("should not log debug info when debug is false",()=>{insights.initInsights({...testConfig,debug:false});vi.clearAllMocks();insights.track("no_debug_test",{debug:false});expect(logger.info).not.toHaveBeenCalled()})})});
+//# sourceMappingURL=index.test.js.map

package/core/insights/index.test.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/core/insights/index.test.ts"],"sourcesContent":["/**\n * @vitest-environment jsdom\n */\n\nimport { describe, expect, beforeEach, afterEach, it, vi } from \"vitest\";\n\nimport * as datalayer from \"./datalayer\";\nimport * as mixpanel from \"./mixpanel\";\nimport * as posthog from \"./posthog\";\nimport * as logger from \"./logger\";\nimport * as insights from \"./index\";\n\n// Mock the dependencies\nvi.mock(\"./datalayer\", () => ({\n  track: vi.fn(),\n}));\n\nvi.mock(\"./mixpanel\", () => ({\n  initMixpanel: vi.fn(),\n  enableDebugMode: vi.fn(),\n  disableDebugMode: vi.fn(),\n  identify: vi.fn(),\n  trackPageView: vi.fn(),\n  track: vi.fn(),\n  startSessionRecording: vi.fn(),\n  stopSessionRecording: vi.fn(),\n}));\n\nvi.mock(\"./posthog\", () => ({\n  initPosthog: vi.fn(),\n  enableDebugMode: vi.fn(),\n  disableDebugMode: vi.fn(),\n  identify: vi.fn(),\n  trackPageView: vi.fn(),\n  track: vi.fn(),\n  startSessionRecording: vi.fn(),\n  stopSessionRecording: vi.fn(),\n}));\n\nvi.mock(\"./logger\", () => ({\n  debug: vi.fn(),\n  info: vi.fn(),\n  warn: vi.fn(),\n  error: vi.fn(),\n}));\n\ndescribe(\"Insights Command Queue\", () => {\n  const testConfig = {\n    debug: true,\n    mixpanelToken: \"test-token\",\n    mixpanelAutoCapture: false,\n    mixpanelRecordSessionsPercent: 10,\n    posthogApiKey: \"test-key\",\n    posthogApiHost: \"test-host\",\n  };\n\n  const testIdentity = {\n    userId: \"user-123\",\n    accountId: \"account-456\",\n    organisationId: \"org-789\",\n    email: \"test@example.com\",\n    name: \"Test User\",\n  };\n\n  beforeEach(() => {\n    // Clear all mocks before each test\n    vi.clearAllMocks();\n\n    // Reset the module to clear any internal state\n    vi.resetModules();\n  });\n\n  afterEach(() => {\n    // Cleanup document event listeners\n    document.body.replaceWith(document.body.cloneNode(true));\n  });\n\n  describe(\"Pre-initialization Queueing\", () => {\n    it(\"should queue methods called before initialization\", async () => {\n      // Call methods before initialization\n      insights.track(\"early_event\", { early: true });\n      insights.identify(testIdentity);\n      insights.trackPageView();\n\n      // Verify nothing has been called yet on the underlying services\n      expect(mixpanel.track).not.toHaveBeenCalled();\n      expect(posthog.track).not.toHaveBeenCalled();\n      expect(datalayer.track).not.toHaveBeenCalled();\n      expect(mixpanel.identify).not.toHaveBeenCalled();\n      expect(posthog.identify).not.toHaveBeenCalled();\n      expect(mixpanel.trackPageView).not.toHaveBeenCalled();\n      expect(posthog.trackPageView).not.toHaveBeenCalled();\n\n      // Now initialize\n      insights.initInsights(testConfig);\n\n      // Initialize should be called immediately\n      expect(mixpanel.initMixpanel).toHaveBeenCalledWith(\n        testConfig.mixpanelToken,\n        testConfig.mixpanelAutoCapture,\n        testConfig.debug,\n        testConfig.mixpanelRecordSessionsPercent,\n      );\n      expect(posthog.initPosthog).toHaveBeenCalledWith(\n        testConfig.posthogApiKey,\n        testConfig.posthogApiHost,\n      );\n\n      // Queued methods should now be called in the correct order\n      expect(mixpanel.track).toHaveBeenCalledWith(\"early_event\", {\n        early: true,\n      });\n      expect(posthog.track).toHaveBeenCalledWith(\"early_event\", {\n        early: true,\n      });\n      expect(datalayer.track).toHaveBeenCalledWith(\"early_event\", {\n        early: true,\n      });\n\n      expect(mixpanel.identify).toHaveBeenCalledWith(testIdentity);\n      expect(posthog.identify).toHaveBeenCalledWith(testIdentity);\n\n      expect(mixpanel.trackPageView).toHaveBeenCalled();\n      expect(posthog.trackPageView).toHaveBeenCalled();\n    });\n\n    it(\"should handle errors in queued methods gracefully\", async () => {\n      // Setup an error for one of the methods\n      mixpanel.track.mockImplementationOnce(() => {\n        throw new Error(\"Mixpanel error\");\n      });\n\n      // Call methods before initialization\n      insights.track(\"error_event\", { error: true });\n      insights.trackPageView();\n\n      // Now initialize\n      insights.initInsights(testConfig);\n\n      // Should have logged the error but continued processing the queue\n      expect(logger.error).toHaveBeenCalledWith(\n        expect.stringContaining(\"Failed to track event in Mixpanel\"),\n        expect.any(Error),\n      );\n\n      // The other methods should still be called\n      expect(posthog.track).toHaveBeenCalledWith(\"error_event\", {\n        error: true,\n      });\n      expect(datalayer.track).toHaveBeenCalledWith(\"error_event\", {\n        error: true,\n      });\n      expect(mixpanel.trackPageView).toHaveBeenCalled();\n      expect(posthog.trackPageView).toHaveBeenCalled();\n    });\n  });\n\n  describe(\"Post-initialization Direct Execution\", () => {\n    beforeEach(() => {\n      // Initialize first\n      insights.initInsights(testConfig);\n      // Clear the mocks to focus on post-init behavior\n      vi.clearAllMocks();\n    });\n\n    it(\"should directly call methods after initialization\", () => {\n      // Call methods after initialization\n      insights.track(\"post_init_event\", { post: true });\n\n      // Should be called immediately\n      expect(mixpanel.track).toHaveBeenCalledWith(\"post_init_event\", {\n        post: true,\n      });\n      expect(posthog.track).toHaveBeenCalledWith(\"post_init_event\", {\n        post: true,\n      });\n      expect(datalayer.track).toHaveBeenCalledWith(\"post_init_event\", {\n        post: true,\n      });\n    });\n\n    it(\"should handle all exported methods correctly\", () => {\n      // Test each exported method\n      insights.identify(testIdentity);\n      expect(mixpanel.identify).toHaveBeenCalledWith(testIdentity);\n      expect(posthog.identify).toHaveBeenCalledWith(testIdentity);\n\n      insights.trackPageView();\n      expect(mixpanel.trackPageView).toHaveBeenCalled();\n      expect(posthog.trackPageView).toHaveBeenCalled();\n\n      insights.startSessionRecording();\n      expect(mixpanel.startSessionRecording).toHaveBeenCalled();\n      expect(posthog.startSessionRecording).toHaveBeenCalled();\n\n      insights.stopSessionRecording();\n      expect(mixpanel.stopSessionRecording).toHaveBeenCalled();\n      expect(posthog.stopSessionRecording).toHaveBeenCalled();\n\n      insights.enableDebugMode();\n      expect(mixpanel.enableDebugMode).toHaveBeenCalled();\n      expect(posthog.enableDebugMode).toHaveBeenCalled();\n\n      insights.disableDebugMode();\n      expect(mixpanel.disableDebugMode).toHaveBeenCalled();\n      expect(posthog.disableDebugMode).toHaveBeenCalled();\n    });\n  });\n\n  describe(\"Observer Setup\", () => {\n    beforeEach(() => {\n      insights.initInsights(testConfig);\n      vi.clearAllMocks();\n    });\n\n    it(\"should set up click event observer and track clicks\", () => {\n      // Setup observer\n      const cleanup = insights.setupObserver();\n\n      // Create a test element with insight attributes\n      const testElement = document.createElement(\"button\");\n      testElement.setAttribute(\"data-insight-event\", \"button_clicked\");\n      testElement.setAttribute(\"data-insight-button-id\", \"test-123\");\n      document.body.appendChild(testElement);\n\n      // Simulate click\n      testElement.click();\n\n      // Should track the event\n      expect(mixpanel.track).toHaveBeenCalledWith(\"button_clicked\", {\n        buttonId: \"test-123\",\n      });\n      expect(posthog.track).toHaveBeenCalledWith(\"button_clicked\", {\n        buttonId: \"test-123\",\n      });\n      expect(datalayer.track).toHaveBeenCalledWith(\"button_clicked\", {\n        buttonId: \"test-123\",\n      });\n\n      // Test cleanup\n      cleanup();\n\n      // Reset tracking mocks\n      vi.clearAllMocks();\n\n      // Click again - should not track\n      testElement.click();\n      expect(mixpanel.track).not.toHaveBeenCalled();\n    });\n\n    it(\"should handle nested elements correctly\", () => {\n      // Setup observer\n      insights.setupObserver();\n\n      // Create parent element with insight attributes\n      const parentElement = document.createElement(\"div\");\n      parentElement.setAttribute(\"data-insight-event\", \"container_clicked\");\n      parentElement.setAttribute(\n        \"data-insight-container-id\",\n        \"parent-container\",\n      );\n\n      // Create child element without insights\n      const childElement = document.createElement(\"span\");\n      childElement.textContent = \"Click me\";\n\n      // Nest elements\n      parentElement.appendChild(childElement);\n      document.body.appendChild(parentElement);\n\n      // Click the child element\n      childElement.click();\n\n      // Should find and use the parent's insight attributes\n      expect(mixpanel.track).toHaveBeenCalledWith(\"container_clicked\", {\n        containerId: \"parent-container\",\n      });\n    });\n  });\n\n  describe(\"Error Handling\", () => {\n    it(\"should handle initialization errors gracefully\", () => {\n      // Setup an error in initialization\n      mixpanel.initMixpanel.mockImplementationOnce(() => {\n        throw new Error(\"Mixpanel init error\");\n      });\n\n      // Should not throw when initializing\n      expect(() => {\n        insights.initInsights(testConfig);\n      }).not.toThrow();\n\n      // Should log the error\n      expect(logger.error).toHaveBeenCalledWith(\n        expect.stringContaining(\"Failed to initialize Mixpanel\"),\n        expect.any(Error),\n      );\n    });\n\n    it(\"should handle runtime errors in methods\", () => {\n      // Initialize first\n      insights.initInsights(testConfig);\n      vi.clearAllMocks();\n\n      // Setup errors in tracking\n      mixpanel.track.mockImplementationOnce(() => {\n        throw new Error(\"Mixpanel track error\");\n      });\n\n      posthog.track.mockImplementationOnce(() => {\n        throw new Error(\"Posthog track error\");\n      });\n\n      // Should not throw when tracking\n      expect(() => {\n        insights.track(\"error_test\", { test: true });\n      }).not.toThrow();\n\n      // Should log the errors\n      expect(logger.error).toHaveBeenCalledWith(\n        expect.stringContaining(\"Failed to track event in Mixpanel\"),\n        expect.any(Error),\n      );\n\n      expect(logger.error).toHaveBeenCalledWith(\n        expect.stringContaining(\"Failed to track event in Posthog\"),\n        expect.any(Error),\n      );\n\n      // Should still try to track with datalayer\n      expect(datalayer.track).toHaveBeenCalledWith(\"error_test\", {\n        test: true,\n      });\n    });\n  });\n\n  describe(\"Debug Mode\", () => {\n    it(\"should respect debug flag in config\", () => {\n      // Initialize with debug: true\n      insights.initInsights(testConfig);\n\n      // Should log debug messages\n      expect(logger.debug).toHaveBeenCalledWith(\n        expect.stringContaining(\"Initializing insights\"),\n      );\n\n      // Clear mocks and test tracking\n      vi.clearAllMocks();\n      insights.track(\"debug_test\", { debug: true });\n\n      // Should log info about tracking\n      expect(logger.info).toHaveBeenCalledWith(\n        expect.stringContaining(\"Tracking event\"),\n        expect.objectContaining({\n          event: \"debug_test\",\n          properties: { debug: true },\n        }),\n      );\n    });\n\n    it(\"should not log debug info when debug is false\", () => {\n      // Initialize with debug: false\n      insights.initInsights({\n        ...testConfig,\n        debug: false,\n      });\n\n      // Clear mocks and test tracking\n      vi.clearAllMocks();\n      insights.track(\"no_debug_test\", { debug: false });\n\n      // Should not log info about tracking\n      expect(logger.info).not.toHaveBeenCalled();\n    });\n  });\n});\n"],"names":["describe","expect","beforeEach","afterEach","it","vi","datalayer","mixpanel","posthog","logger","insights","mock","track","fn","initMixpanel","enableDebugMode","disableDebugMode","identify","trackPageView","startSessionRecording","stopSessionRecording","initPosthog","debug","info","warn","error","testConfig","mixpanelToken","mixpanelAutoCapture","mixpanelRecordSessionsPercent","posthogApiKey","posthogApiHost","testIdentity","userId","accountId","organisationId","email","name","clearAllMocks","resetModules","document","body","replaceWith","cloneNode","early","not","toHaveBeenCalled","initInsights","toHaveBeenCalledWith","mockImplementationOnce","Error","stringContaining","any","post","cleanup","setupObserver","testElement","createElement","setAttribute","appendChild","click","buttonId","parentElement","childElement","textContent","containerId","toThrow","test","objectContaining","event","properties"],"mappings":"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"}

package/core/insights/logger.js

@@ -0,0 +1,2 @@
+const styles=[`background: #ff5416`,`border-radius: 0.5em`,`color: white`,`font-weight: bold`,`padding: 2px 0.5em`].join(";");export const debug=(...args)=>{console.debug(`%cinsights`,styles,...args)};export const info=(...args)=>{console.info(`%cinsights`,styles,...args)};export const warn=(...args)=>{console.warn(`%cinsights`,styles,...args)};export const error=(...args)=>{console.error(`%cinsights`,styles,...args)};
+//# sourceMappingURL=logger.js.map

package/core/insights/logger.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/core/insights/logger.ts"],"sourcesContent":["// Inspired by Gatsby's logging\n\nconst styles = [\n  `background: #ff5416`, // orange-600\n  `border-radius: 0.5em`,\n  `color: white`,\n  `font-weight: bold`,\n  `padding: 2px 0.5em`,\n].join(\";\");\n\nexport const debug = (...args: unknown[]) => {\n  console.debug(`%cinsights`, styles, ...args);\n};\n\nexport const info = (...args: unknown[]) => {\n  console.info(`%cinsights`, styles, ...args);\n};\n\nexport const warn = (...args: unknown[]) => {\n  console.warn(`%cinsights`, styles, ...args);\n};\n\nexport const error = (...args: unknown[]) => {\n  console.error(`%cinsights`, styles, ...args);\n};\n"],"names":["styles","join","debug","args","console","info","warn","error"],"mappings":"AAEA,MAAMA,OAAS,CACb,CAAC,mBAAmB,CAAC,CACrB,CAAC,oBAAoB,CAAC,CACtB,CAAC,YAAY,CAAC,CACd,CAAC,iBAAiB,CAAC,CACnB,CAAC,kBAAkB,CAAC,CACrB,CAACC,IAAI,CAAC,IAEP,QAAO,MAAMC,MAAQ,CAAC,GAAGC,QACvBC,QAAQF,KAAK,CAAC,CAAC,UAAU,CAAC,CAAEF,UAAWG,KACzC,CAAE,AAEF,QAAO,MAAME,KAAO,CAAC,GAAGF,QACtBC,QAAQC,IAAI,CAAC,CAAC,UAAU,CAAC,CAAEL,UAAWG,KACxC,CAAE,AAEF,QAAO,MAAMG,KAAO,CAAC,GAAGH,QACtBC,QAAQE,IAAI,CAAC,CAAC,UAAU,CAAC,CAAEN,UAAWG,KACxC,CAAE,AAEF,QAAO,MAAMI,MAAQ,CAAC,GAAGJ,QACvBC,QAAQG,KAAK,CAAC,CAAC,UAAU,CAAC,CAAEP,UAAWG,KACzC,CAAE"}

package/core/insights/mixpanel.js

@@ -1,2 +1,2 @@
-import mixpanel from"mixpanel-browser";export const initMixpanel=(token,autoCapture=false,debug=false)=>{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}:false,track_pageview:false})};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);if(email||name){mixpanel.people.set({$email:email,$name:name})}if(accountId){mixpanel.people.union({account_id:[accountId]})}if(organisationId){mixpanel.people.set({organisation_id:[organisationId]})}};export const trackPageView=mixpanel.track_pageview;export const track=mixpanel.track;
+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})};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=mixpanel.track;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) => {\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        }\n      : false,\n    track_pageview: false, // We'll track page views manually\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);\n\n  if (email || name) {\n    mixpanel.people.set({ $email: email, $name: name });\n  }\n\n  if (accountId) {\n    mixpanel.people.union({ account_id: [accountId] });\n  }\n\n  if (organisationId) {\n    mixpanel.people.set({ organisation_id: [organisationId] });\n  }\n};\n\nexport const trackPageView = mixpanel.track_pageview;\n\nexport const track = mixpanel.track;\n"],"names":["mixpanel","initMixpanel","token","autoCapture","debug","blockSelectors","console","warn","init","persistence","autocapture","block_selectors","track_pageview","enableDebugMode","set_config","disableDebugMode","identify","userId","accountId","organisationId","email","name","people","set","$email","$name","union","account_id","organisation_id","trackPageView","track"],"mappings":"AAAA,OAAOA,aAAc,kBAAmB,AAIxC,QAAO,MAAMC,aAAe,CAC1BC,MACAC,YAAuB,KAAK,CAC5BC,MAAiB,KAAK,IAEtB,MAAMC,eAAiB,CAAC,kBAAmB,mBAAmB,CAC9D,GAAI,CAACH,MAAO,CACVI,QAAQC,IAAI,CAAC,wDACb,MACF,CAEAP,SAASQ,IAAI,CAACN,MAAO,CACnBE,MAAOA,MACPK,YAAa,eACbC,YAAaP,YACT,CACEQ,gBAAiBN,cACnB,EACA,MACJO,eAAgB,KAClB,EACF,CAAE,AAEF,QAAO,MAAMC,gBAAkB,KAC7Bb,SAASc,UAAU,CAAC,CAAEV,MAAO,IAAK,EACpC,CAAE,AAEF,QAAO,MAAMW,iBAAmB,KAC9Bf,SAASc,UAAU,CAAC,CAAEV,MAAO,KAAM,EACrC,CAAE,AAEF,QAAO,MAAMY,SAAW,CAAC,CACvBC,MAAM,CACNC,SAAS,CACTC,cAAc,CACdC,KAAK,CACLC,IAAI,CACa,IAGjB,GAAI,CAACJ,OAAQ,CACX,MACF,CAEAjB,SAASgB,QAAQ,CAACC,QAElB,GAAIG,OAASC,KAAM,CACjBrB,SAASsB,MAAM,CAACC,GAAG,CAAC,CAAEC,OAAQJ,MAAOK,MAAOJ,IAAK,EACnD,CAEA,GAAIH,UAAW,CACblB,SAASsB,MAAM,CAACI,KAAK,CAAC,CAAEC,WAAY,CAACT,UAAU,AAAC,EAClD,CAEA,GAAIC,eAAgB,CAClBnB,SAASsB,MAAM,CAACC,GAAG,CAAC,CAAEK,gBAAiB,CAACT,eAAe,AAAC,EAC1D,CACF,CAAE,AAEF,QAAO,MAAMU,cAAgB7B,SAASY,cAAc,AAAC,AAErD,QAAO,MAAMkB,MAAQ9B,SAAS8B,KAAK,AAAC"}
+{"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: number = 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  });\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 = mixpanel.track;\n\nexport const startSessionRecording = mixpanel.start_session_recording;\n\nexport const stopSessionRecording = mixpanel.stop_session_recording;\n"],"names":["mixpanel","initMixpanel","token","autoCapture","debug","recordSessionsPercent","blockSelectors","console","warn","init","persistence","autocapture","block_selectors","capture_text_content","track_pageview","record_sessions_percent","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","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,sBAAgC,CAAC,IAEjC,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,qBAC3B,EACF,CAAE,AAEF,QAAO,MAAMW,gBAAkB,KAC7BhB,SAASiB,UAAU,CAAC,CAAEb,MAAO,IAAK,EACpC,CAAE,AAEF,QAAO,MAAMc,iBAAmB,KAC9BlB,SAASiB,UAAU,CAAC,CAAEb,MAAO,KAAM,EACrC,CAAE,AAEF,QAAO,MAAMe,SAAW,CAAC,CACvBC,MAAM,CACNC,SAAS,CACTC,cAAc,CACdC,KAAK,CACLC,IAAI,CACa,IAGjB,GAAI,CAACJ,OAAQ,CACX,MACF,CAEApB,SAASmB,QAAQ,CAACC,OAAOK,QAAQ,IAEjC,GAAIF,OAASC,KAAM,CACjBxB,SAAS0B,MAAM,CAACC,GAAG,CAAC,CAAEC,OAAQL,MAAOM,MAAOL,IAAK,EACnD,CAEA,GAAIH,UAAW,CACbrB,SAAS0B,MAAM,CAACI,KAAK,CAAC,CAAEC,SAAU,CAACV,UAAUI,QAAQ,GAAG,AAAC,EAC3D,CAEA,GAAIH,eAAgB,CAClBtB,SAAS0B,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,KAE3BjD,SAASc,cAAc,CAAC,CACtBoC,cAAejB,mBACjB,EACF,CAAE,AAEF,QAAO,MAAMkB,MAAQnD,SAASmD,KAAK,AAAC,AAEpC,QAAO,MAAMC,sBAAwBpD,SAASqD,uBAAuB,AAAC,AAEtE,QAAO,MAAMC,qBAAuBtD,SAASuD,sBAAsB,AAAC"}

package/core/insights/posthog.js

@@ -1,2 +1,2 @@
-import posthog from"posthog-js";export const initPosthog=(apiKey,apiHost)=>{posthog.init(apiKey,{api_host:apiHost,capture_pageview:false})};export const enableDebugMode=()=>{posthog.debug()};export const disableDebugMode=()=>{posthog.debug(false)};export const identify=({userId,accountId,organisationId,email,name})=>{if(!userId){return}if(userId!==posthog.get_distinct_id()){posthog.identify(userId,{email,name})}if(accountId){posthog.group("account",accountId)}if(organisationId){posthog.group("organisation",organisationId)}};export const trackPageView=()=>{posthog.capture("$pageview")};export const track=(event,properties)=>{posthog.capture(event,properties)};
+import posthog from"posthog-js";export const initPosthog=(apiKey,apiHost)=>{posthog.init(apiKey,{api_host:apiHost,capture_pageview:false})};export const enableDebugMode=()=>{posthog.debug()};export const disableDebugMode=()=>{posthog.debug(false)};export const identify=({userId,accountId,organisationId,email,name})=>{if(!userId){return}if(userId!==posthog.get_distinct_id()){posthog.identify(userId,{email,name})}if(accountId){posthog.group("account",accountId)}if(organisationId){posthog.group("organisation",organisationId)}};export const trackPageView=()=>{posthog.capture("$pageview")};export const track=(event,properties)=>{posthog.capture(event,properties)};export const startSessionRecording=posthog.startSessionRecording;export const stopSessionRecording=posthog.stopSessionRecording;
 //# sourceMappingURL=posthog.js.map

package/core/insights/posthog.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/core/insights/posthog.ts"],"sourcesContent":["import posthog from \"posthog-js\";\n\nimport { InsightsIdentity } from \"./types\";\n\nexport const initPosthog = (apiKey: string, apiHost: string) => {\n  posthog.init(apiKey, {\n    api_host: apiHost,\n    capture_pageview: false,\n  });\n};\n\nexport const enableDebugMode = () => {\n  posthog.debug();\n};\n\nexport const disableDebugMode = () => {\n  posthog.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  if (userId !== posthog.get_distinct_id()) {\n    posthog.identify(userId, { email, name });\n  }\n\n  // Associate all events in this session with this account\n  if (accountId) {\n    posthog.group(\"account\", accountId);\n  }\n\n  // Associate all events in this session with this organisation (if available)\n  if (organisationId) {\n    posthog.group(\"organisation\", organisationId);\n  }\n};\n\nexport const trackPageView = () => {\n  posthog.capture(\"$pageview\");\n};\n\nexport const track = (event: string, properties?: Record<string, unknown>) => {\n  posthog.capture(event, properties);\n};\n"],"names":["posthog","initPosthog","apiKey","apiHost","init","api_host","capture_pageview","enableDebugMode","debug","disableDebugMode","identify","userId","accountId","organisationId","email","name","get_distinct_id","group","trackPageView","capture","track","event","properties"],"mappings":"AAAA,OAAOA,YAAa,YAAa,AAIjC,QAAO,MAAMC,YAAc,CAACC,OAAgBC,WAC1CH,QAAQI,IAAI,CAACF,OAAQ,CACnBG,SAAUF,QACVG,iBAAkB,KACpB,EACF,CAAE,AAEF,QAAO,MAAMC,gBAAkB,KAC7BP,QAAQQ,KAAK,EACf,CAAE,AAEF,QAAO,MAAMC,iBAAmB,KAC9BT,QAAQQ,KAAK,CAAC,MAChB,CAAE,AAEF,QAAO,MAAME,SAAW,CAAC,CACvBC,MAAM,CACNC,SAAS,CACTC,cAAc,CACdC,KAAK,CACLC,IAAI,CACa,IAGjB,GAAI,CAACJ,OAAQ,CACX,MACF,CAEA,GAAIA,SAAWX,QAAQgB,eAAe,GAAI,CACxChB,QAAQU,QAAQ,CAACC,OAAQ,CAAEG,MAAOC,IAAK,EACzC,CAGA,GAAIH,UAAW,CACbZ,QAAQiB,KAAK,CAAC,UAAWL,UAC3B,CAGA,GAAIC,eAAgB,CAClBb,QAAQiB,KAAK,CAAC,eAAgBJ,eAChC,CACF,CAAE,AAEF,QAAO,MAAMK,cAAgB,KAC3BlB,QAAQmB,OAAO,CAAC,YAClB,CAAE,AAEF,QAAO,MAAMC,MAAQ,CAACC,MAAeC,cACnCtB,QAAQmB,OAAO,CAACE,MAAOC,WACzB,CAAE"}
+{"version":3,"sources":["../../../src/core/insights/posthog.ts"],"sourcesContent":["import posthog from \"posthog-js\";\n\nimport { InsightsIdentity } from \"./types\";\n\nexport const initPosthog = (apiKey: string, apiHost: string) => {\n  posthog.init(apiKey, {\n    api_host: apiHost,\n    capture_pageview: false,\n  });\n};\n\nexport const enableDebugMode = () => {\n  posthog.debug();\n};\n\nexport const disableDebugMode = () => {\n  posthog.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  if (userId !== posthog.get_distinct_id()) {\n    posthog.identify(userId, { email, name });\n  }\n\n  // Associate all events in this session with this account\n  if (accountId) {\n    posthog.group(\"account\", accountId);\n  }\n\n  // Associate all events in this session with this organisation (if available)\n  if (organisationId) {\n    posthog.group(\"organisation\", organisationId);\n  }\n};\n\nexport const trackPageView = () => {\n  posthog.capture(\"$pageview\");\n};\n\nexport const track = (event: string, properties?: Record<string, unknown>) => {\n  posthog.capture(event, properties);\n};\n\nexport const startSessionRecording = posthog.startSessionRecording;\n\nexport const stopSessionRecording = posthog.stopSessionRecording;\n"],"names":["posthog","initPosthog","apiKey","apiHost","init","api_host","capture_pageview","enableDebugMode","debug","disableDebugMode","identify","userId","accountId","organisationId","email","name","get_distinct_id","group","trackPageView","capture","track","event","properties","startSessionRecording","stopSessionRecording"],"mappings":"AAAA,OAAOA,YAAa,YAAa,AAIjC,QAAO,MAAMC,YAAc,CAACC,OAAgBC,WAC1CH,QAAQI,IAAI,CAACF,OAAQ,CACnBG,SAAUF,QACVG,iBAAkB,KACpB,EACF,CAAE,AAEF,QAAO,MAAMC,gBAAkB,KAC7BP,QAAQQ,KAAK,EACf,CAAE,AAEF,QAAO,MAAMC,iBAAmB,KAC9BT,QAAQQ,KAAK,CAAC,MAChB,CAAE,AAEF,QAAO,MAAME,SAAW,CAAC,CACvBC,MAAM,CACNC,SAAS,CACTC,cAAc,CACdC,KAAK,CACLC,IAAI,CACa,IAGjB,GAAI,CAACJ,OAAQ,CACX,MACF,CAEA,GAAIA,SAAWX,QAAQgB,eAAe,GAAI,CACxChB,QAAQU,QAAQ,CAACC,OAAQ,CAAEG,MAAOC,IAAK,EACzC,CAGA,GAAIH,UAAW,CACbZ,QAAQiB,KAAK,CAAC,UAAWL,UAC3B,CAGA,GAAIC,eAAgB,CAClBb,QAAQiB,KAAK,CAAC,eAAgBJ,eAChC,CACF,CAAE,AAEF,QAAO,MAAMK,cAAgB,KAC3BlB,QAAQmB,OAAO,CAAC,YAClB,CAAE,AAEF,QAAO,MAAMC,MAAQ,CAACC,MAAeC,cACnCtB,QAAQmB,OAAO,CAACE,MAAOC,WACzB,CAAE,AAEF,QAAO,MAAMC,sBAAwBvB,QAAQuB,qBAAqB,AAAC,AAEnE,QAAO,MAAMC,qBAAuBxB,QAAQwB,oBAAoB,AAAC"}

package/core/insights/service.js

@@ -0,0 +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(){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)}}}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 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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/core/insights/service.ts"],"sourcesContent":["import type {\n  AnalyticsService,\n  InsightsConfig,\n  InsightsIdentity,\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(): 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\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,\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 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, index) =>\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) => {\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        current = current.parentElement;\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","track","event","properties","startSessionRecording","stopSessionRecording","setupObserver","getInsightAttributes","element","MAX_ATTRIBUTES","count","attributes","attr","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 InsightsIdentity = {\n  userId: string;\n  accountId: string;\n  organisationId?: string;\n  email?: string;\n  name?: string;\n};\n"],"names":[],"mappings":"AAAA,QAME"}
+{"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: () => 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"],"names":[],"mappings":"AA4BA,QAME"}

package/core/styles/colors/computed-colors.json

@@ -0,0 +1 @@
+["bg-blue-400","bg-blue-100","bg-neutral-1300","bg-neutral-300","bg-neutral-200","bg-neutral-100","bg-neutral-000","bg-neutral-600","bg-orange-900","bg-orange-600","border-blue-400","border-neutral-200","border-neutral-600","border-neutral-500","border-orange-600","from-neutral-400","group-hover:bg-neutral-100","text-blue-600","text-blue-200","text-neutral-1300","text-neutral-300","text-neutral-000","text-neutral-1100","text-neutral-1000","text-neutral-800","text-neutral-700","text-neutral-600","text-neutral-500","text-orange-200","text-orange-600"]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ably/ui",
-  "version": "15.6.0",
+  "version": "15.7.0-dev.39da77a7",
   "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",
@@ -19,19 +19,17 @@
     "workerDirectory": "./public"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "^8.6.0",
-    "@storybook/addon-essentials": "^8.6.0",
-    "@storybook/addon-interactions": "^8.6.0",
-    "@storybook/addon-links": "^8.6.0",
-    "@storybook/blocks": "^8.6.0",
-    "@storybook/react-vite": "^8.6.0",
-    "@storybook/test": "^8.6.0",
-    "@storybook/test-runner": "^0.21.3",
+    "@storybook/addon-essentials": "^8.6.4",
+    "@storybook/react-vite": "^8.6.4",
+    "@storybook/test": "^8.6.4",
+    "@storybook/test-runner": "^0.22.0",
     "@swc/cli": "^0.6.0",
     "@swc/core": "^1.4.11",
     "@tailwindcss/container-queries": "^0.1.1",
     "@types/js-cookie": "^3.0.6",
     "@types/lodash.throttle": "^4.1.9",
+    "@types/node": "^20",
+    "@types/react": "^18.3.1",
     "@types/react-dom": "^18.3.0",
     "@types/svg-sprite": "^0.0.39",
     "@typescript-eslint/eslint-plugin": "^8.25.0",
@@ -42,9 +40,10 @@
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^10.0.1",
     "eslint-plugin-react": "^7.34.3",
-    "eslint-plugin-storybook": "^0.11.3",
+    "eslint-plugin-storybook": "^0.11.4",
     "heroicons": "^2.2.0",
     "http-server": "14.1.1",
+    "jsdom": "^26.0.0",
     "mixpanel-browser": "^2.60.0",
     "msw": "2.7.1",
     "msw-storybook-addon": "^2.0.2",
@@ -52,13 +51,14 @@
     "posthog-js": "^1.217.4",
     "prettier": "^3.2.5",
     "react-syntax-highlighter": "^15.6.1",
-    "storybook": "^8.6.0",
+    "storybook": "^8.6.4",
     "storybook-dark-mode": "^4.0.2",
     "svg-sprite": "^2.0.4",
     "tailwindcss": "^3.3.6",
     "ts-node": "^10.9.2",
     "typescript": "5.7.3",
-    "vite": "^6.2.0"
+    "vite": "^6.2.0",
+    "vitest": "^3.0.8"
   },
   "scripts": {
     "build:prebuild": "rm -rf core reset && mkdir -p dist/core",
@@ -77,8 +77,10 @@
     "start": "vite --port 5000",
     "storybook": "yarn build && storybook dev -p 6006",
     "build-storybook": "yarn build && storybook build --quiet -o preview",
-    "test": "npx concurrently -k -s first -n \"SB,TEST\" -c \"magenta,blue\" \"yarn build-storybook && yarn http-server preview --port 6007 --silent\" \"wait-on tcp:6007 && yarn test-storybook --url http://127.0.0.1:6007\"",
-    "test:update-snapshots": "npx concurrently -k -s first -n \"SB,TEST\" -c \"magenta,blue\" \"yarn build-storybook && yarn http-server preview --port 6007 --silent\" \"wait-on tcp:6007 && yarn test-storybook -u --url http://127.0.0.1:6007\""
+    "test": "yarn test:storybook && yarn test:vitest",
+    "test:storybook": "npx concurrently -k -s first -n \"SB,TEST\" -c \"magenta,blue\" \"yarn build-storybook && yarn http-server preview --port 6007 --silent\" \"wait-on tcp:6007 && yarn test-storybook --url http://127.0.0.1:6007\"",
+    "test:update-snapshots": "npx concurrently -k -s first -n \"SB,TEST\" -c \"magenta,blue\" \"yarn build-storybook && yarn http-server preview --port 6007 --silent\" \"wait-on tcp:6007 && yarn test-storybook -u --url http://127.0.0.1:6007\"",
+    "test:vitest": "vitest --environment=jsdom --dir=src"
   },
   "dependencies": {
     "@radix-ui/react-accordion": "^1.2.1",