@ably/ui 16.0.0-dev.75c5e37e → 16.0.0-dev.8f8c19e6

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/scripts.js

@@ -1,2 +1,2 @@
-import"array-flat-polyfill";export{default as reactRenderer,renderComponent}from"./react-renderer";export{default as loadSprites}from"./load-sprites";export{default as toggleChatWidget}from"./hubspot-chat-toggle";export*from"./remote-data-store";export*from"./remote-blogs-posts";export*from"./remote-session-data";export*from"./dom-query";
+import"array-flat-polyfill";export{default as reactRenderer,renderComponent}from"./react-renderer";export{default as loadSprites}from"./load-sprites";export*from"./remote-data-store";export*from"./remote-blogs-posts";export*from"./remote-session-data";export*from"./dom-query";
 //# sourceMappingURL=scripts.js.map

package/core/scripts.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/core/scripts.js"],"sourcesContent":["import \"array-flat-polyfill\";\n\nexport { default as reactRenderer, renderComponent } from \"./react-renderer\";\nexport { default as loadSprites } from \"./load-sprites\";\nexport { default as toggleChatWidget } from \"./hubspot-chat-toggle\";\n\nexport * from \"./remote-data-store\";\nexport * from \"./remote-blogs-posts\";\nexport * from \"./remote-session-data\";\nexport * from \"./dom-query\";\n"],"names":["default","reactRenderer","renderComponent","loadSprites","toggleChatWidget"],"mappings":"AAAA,MAAO,qBAAsB,AAE7B,QAASA,WAAWC,aAAa,CAAEC,eAAe,KAAQ,kBAAmB,AAC7E,QAASF,WAAWG,WAAW,KAAQ,gBAAiB,AACxD,QAASH,WAAWI,gBAAgB,KAAQ,uBAAwB,AAEpE,YAAc,qBAAsB,AACpC,YAAc,sBAAuB,AACrC,YAAc,uBAAwB,AACtC,YAAc,aAAc"}
+{"version":3,"sources":["../../src/core/scripts.js"],"sourcesContent":["import \"array-flat-polyfill\";\n\nexport { default as reactRenderer, renderComponent } from \"./react-renderer\";\nexport { default as loadSprites } from \"./load-sprites\";\n\nexport * from \"./remote-data-store\";\nexport * from \"./remote-blogs-posts\";\nexport * from \"./remote-session-data\";\nexport * from \"./dom-query\";\n"],"names":["default","reactRenderer","renderComponent","loadSprites"],"mappings":"AAAA,MAAO,qBAAsB,AAE7B,QAASA,WAAWC,aAAa,CAAEC,eAAe,KAAQ,kBAAmB,AAC7E,QAASF,WAAWG,WAAW,KAAQ,gBAAiB,AAExD,YAAc,qBAAsB,AACpC,YAAc,sBAAuB,AACrC,YAAc,uBAAwB,AACtC,YAAc,aAAc"}