@mx-cartographer/experiences 9.0.16 → 9.0.17-alpha

package/dist/useDimensions-CeDR9V8N.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDimensions-CeDR9V8N.mjs","sources":["../src/common/hooks/useDimensions.tsx"],"sourcesContent":["// Based off the useMeasure hook from useHooks.com/usemeasure(ui.dev). Converted to typescript and added a debounce. https://github.com/uidotdev/usehooks/blob/main/index.js\n\nimport React from 'react'\n\ntype Dimensions = {\n  width: number\n  height: number\n}\n\n// Memoized debounce function\nconst useDebounce = <T extends (...args: any[]) => void>(func: T, delay: number) => {\n  return React.useMemo(() => {\n    let timeoutId: NodeJS.Timeout | null = null\n    return (...args: Parameters<T>) => {\n      if (timeoutId) {\n        clearTimeout(timeoutId)\n      }\n      timeoutId = setTimeout(() => {\n        func(...args)\n      }, delay)\n    }\n  }, [func, delay])\n}\n\nexport function useDimensions(\n  debounceDelay: number = 100,\n): [React.RefCallback<HTMLElement>, Dimensions] {\n  const [dimensions, setDimensions] = React.useState<Dimensions>({\n    width: 0,\n    height: 0,\n  })\n\n  const observerRef = React.useRef<ResizeObserver | null>(null)\n  const previousDimensions = React.useRef<Dimensions>(dimensions)\n\n  const debouncedSetDimensions = useDebounce((width: number, height: number) => {\n    if (\n      width !== previousDimensions.current.width ||\n      height !== previousDimensions.current.height\n    ) {\n      setDimensions({ width, height })\n      previousDimensions.current = { width, height }\n    }\n  }, debounceDelay)\n\n  const customRef = React.useCallback(\n    (node: HTMLElement | null) => {\n      if (observerRef.current) {\n        observerRef.current.disconnect()\n        observerRef.current = null\n      }\n\n      if (node?.nodeType === Node.ELEMENT_NODE) {\n        const observer = new ResizeObserver(([entry]) => {\n          if (entry && entry.borderBoxSize) {\n            const { inlineSize: width, blockSize: height } = entry.borderBoxSize[0]\n            debouncedSetDimensions(width, height)\n          }\n        })\n\n        observer.observe(node)\n        observerRef.current = observer\n      }\n    },\n    [debouncedSetDimensions],\n  )\n\n  // Add cleanup effect\n  React.useEffect(() => {\n    return () => {\n      if (observerRef.current) {\n        observerRef.current.disconnect()\n      }\n    }\n  }, [])\n\n  return [customRef, dimensions]\n}\n"],"names":["useDebounce","func","delay","React","timeoutId","args","useDimensions","debounceDelay","dimensions","setDimensions","observerRef","previousDimensions","debouncedSetDimensions","width","height","customRef","node","observer","entry"],"mappings":";AAUA,MAAMA,IAAc,CAAqCC,GAASC,MACzDC,EAAM,QAAQ,MAAM;AACzB,MAAIC,IAAmC;AACvC,SAAO,IAAIC,MAAwB;AACjC,IAAID,KACF,aAAaA,CAAS,GAExBA,IAAY,WAAW,MAAM;AAC3B,MAAAH,EAAK,GAAGI,CAAI;AAAA,IACd,GAAGH,CAAK;AAAA,EACV;AACF,GAAG,CAACD,GAAMC,CAAK,CAAC;AAGX,SAASI,EACdC,IAAwB,KACsB;AAC9C,QAAM,CAACC,GAAYC,CAAa,IAAIN,EAAM,SAAqB;AAAA,IAC7D,OAAO;AAAA,IACP,QAAQ;AAAA,EAAA,CACT,GAEKO,IAAcP,EAAM,OAA8B,IAAI,GACtDQ,IAAqBR,EAAM,OAAmBK,CAAU,GAExDI,IAAyBZ,EAAY,CAACa,GAAeC,MAAmB;AAC5E,KACED,MAAUF,EAAmB,QAAQ,SACrCG,MAAWH,EAAmB,QAAQ,YAEtCF,EAAc,EAAE,OAAAI,GAAO,QAAAC,GAAQ,GAC/BH,EAAmB,UAAU,EAAE,OAAAE,GAAO,QAAAC,EAAA;AAAA,EAE1C,GAAGP,CAAa,GAEVQ,IAAYZ,EAAM;AAAA,IACtB,CAACa,MAA6B;AAM5B,UALIN,EAAY,YACdA,EAAY,QAAQ,WAAA,GACpBA,EAAY,UAAU,OAGpBM,GAAM,aAAa,KAAK,cAAc;AACxC,cAAMC,IAAW,IAAI,eAAe,CAAC,CAACC,CAAK,MAAM;AAC/C,cAAIA,KAASA,EAAM,eAAe;AAChC,kBAAM,EAAE,YAAYL,GAAO,WAAWC,MAAWI,EAAM,cAAc,CAAC;AACtE,YAAAN,EAAuBC,GAAOC,CAAM;AAAA,UACtC;AAAA,QACF,CAAC;AAED,QAAAG,EAAS,QAAQD,CAAI,GACrBN,EAAY,UAAUO;AAAA,MACxB;AAAA,IACF;AAAA,IACA,CAACL,CAAsB;AAAA,EAAA;AAIzBT,SAAAA,EAAM,UAAU,MACP,MAAM;AACX,IAAIO,EAAY,WACdA,EAAY,QAAQ,WAAA;AAAA,EAExB,GACC,CAAA,CAAE,GAEE,CAACK,GAAWP,CAAU;AAC/B;"}

package/dist/useInsightsEnabled-D5Sdm0TJ.mjs

@@ -9,3 +9,4 @@ const f = () => {
 export {
   f as u
 };
+//# sourceMappingURL=useInsightsEnabled-D5Sdm0TJ.mjs.map

package/dist/useInsightsEnabled-D5Sdm0TJ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInsightsEnabled-D5Sdm0TJ.mjs","sources":["../src/common/hooks/useInsightsEnabled.tsx"],"sourcesContent":["import { useState, useEffect } from 'react'\nimport { useGlobalStore } from '../context'\n\nexport const useInsightsEnabled = () => {\n  const { isInitialized, appDataStore } = useGlobalStore()\n  const [insightsEnabled, setInsightsEnabled] = useState(false)\n\n  useEffect(() => {\n    if (isInitialized && appDataStore.clientInsightProfile?.is_enabled) {\n      setInsightsEnabled(true)\n    }\n  }, [isInitialized, appDataStore.clientInsightProfile])\n\n  return insightsEnabled\n}\n"],"names":["useInsightsEnabled","isInitialized","appDataStore","useGlobalStore","insightsEnabled","setInsightsEnabled","useState","useEffect"],"mappings":";;AAGO,MAAMA,IAAqB,MAAM;AACtC,QAAM,EAAE,eAAAC,GAAe,cAAAC,EAAA,IAAiBC,EAAA,GAClC,CAACC,GAAiBC,CAAkB,IAAIC,EAAS,EAAK;AAE5D,SAAAC,EAAU,MAAM;AACd,IAAIN,KAAiBC,EAAa,sBAAsB,cACtDG,EAAmB,EAAI;AAAA,EAE3B,GAAG,CAACJ,GAAeC,EAAa,oBAAoB,CAAC,GAE9CE;AACT;"}

package/dist/useScreenSize-mWpmnh5w.mjs

@@ -34,3 +34,4 @@ const l = (s) => {
 export {
   l as u
 };
+//# sourceMappingURL=useScreenSize-mWpmnh5w.mjs.map

package/dist/useScreenSize-mWpmnh5w.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScreenSize-mWpmnh5w.mjs","sources":["../src/common/hooks/useScreenSize.tsx"],"sourcesContent":["import { useTheme } from '@mui/material/styles'\nimport useMediaQuery from '@mui/material/useMediaQuery'\n\nexport const useScreenSize = (availableWidth?: undefined | number) => {\n  const theme = useTheme()\n  const { xs, sm, md, lg, xl } = theme.breakpoints.values\n  let sizes = {\n    // Larger than 1536\n    isLargeDesktop: useMediaQuery(theme.breakpoints.up('xl')),\n\n    // Larger than 1200\n    isDesktop: useMediaQuery(theme.breakpoints.up('lg')),\n\n    // Smaller than 600\n    isMobile: useMediaQuery(theme.breakpoints.down('sm')),\n\n    // Smaller than 444\n    isSmallMobile: useMediaQuery(theme.breakpoints.down('xs')),\n\n    // Between 600 and 900\n    isSmallTablet: useMediaQuery(theme.breakpoints.between('sm', 'md')),\n\n    // Between 600 and 1200\n    isTablet: useMediaQuery(theme.breakpoints.between('sm', 'lg')),\n  }\n\n  if (availableWidth !== undefined) {\n    sizes = {\n      // Larger than 1536\n      isLargeDesktop: availableWidth > xl,\n\n      // Larger than 1200\n      isDesktop: availableWidth > lg,\n\n      // Smaller than 600\n      isMobile: availableWidth < sm,\n\n      // Smaller than 444\n      isSmallMobile: availableWidth < xs,\n\n      // Between 600 and 900\n      isSmallTablet: availableWidth >= sm && availableWidth < md,\n\n      // Between 600 and 1200\n      isTablet: availableWidth > sm && availableWidth <= lg,\n    }\n  }\n\n  return sizes\n}\n"],"names":["useScreenSize","availableWidth","theme","useTheme","xs","sm","md","lg","xl","sizes","useMediaQuery"],"mappings":";;AAGO,MAAMA,IAAgB,CAACC,MAAwC;AACpE,QAAMC,IAAQC,EAAA,GACR,EAAE,IAAAC,GAAI,IAAAC,GAAI,IAAAC,GAAI,IAAAC,GAAI,IAAAC,EAAA,IAAON,EAAM,YAAY;AACjD,MAAIO,IAAQ;AAAA;AAAA,IAEV,gBAAgBC,EAAcR,EAAM,YAAY,GAAG,IAAI,CAAC;AAAA;AAAA,IAGxD,WAAWQ,EAAcR,EAAM,YAAY,GAAG,IAAI,CAAC;AAAA;AAAA,IAGnD,UAAUQ,EAAcR,EAAM,YAAY,KAAK,IAAI,CAAC;AAAA;AAAA,IAGpD,eAAeQ,EAAcR,EAAM,YAAY,KAAK,IAAI,CAAC;AAAA;AAAA,IAGzD,eAAeQ,EAAcR,EAAM,YAAY,QAAQ,MAAM,IAAI,CAAC;AAAA;AAAA,IAGlE,UAAUQ,EAAcR,EAAM,YAAY,QAAQ,MAAM,IAAI,CAAC;AAAA,EAAA;AAG/D,SAAID,MAAmB,WACrBQ,IAAQ;AAAA;AAAA,IAEN,gBAAgBR,IAAiBO;AAAA;AAAA,IAGjC,WAAWP,IAAiBM;AAAA;AAAA,IAG5B,UAAUN,IAAiBI;AAAA;AAAA,IAG3B,eAAeJ,IAAiBG;AAAA;AAAA,IAGhC,eAAeH,KAAkBI,KAAMJ,IAAiBK;AAAA;AAAA,IAGxD,UAAUL,IAAiBI,KAAMJ,KAAkBM;AAAA,EAAA,IAIhDE;AACT;"}

package/dist/useWidgetLoadTimer-B0tB-yzL.mjs

@@ -17,3 +17,4 @@ const d = ({ widgetName: i, isLoaded: u = !0 }) => {
 export {
   d as u
 };
+//# sourceMappingURL=useWidgetLoadTimer-B0tB-yzL.mjs.map

package/dist/useWidgetLoadTimer-B0tB-yzL.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWidgetLoadTimer-B0tB-yzL.mjs","sources":["../src/common/hooks/useWidgetLoadTimer.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react'\nimport { useEvent } from '../context'\n\n// Module-level to track if it's the initial page navigation for the app\nlet isInitialNavigation = true\n\ninterface UseWidgetLoadTimerOptions {\n  widgetName: string\n  isLoaded?: boolean\n}\n\nexport const useWidgetLoadTimer = ({ widgetName, isLoaded = true }: UseWidgetLoadTimerOptions) => {\n  const { onEvent } = useEvent()\n  const startTime = useRef<number | null>(null)\n  const hasLoaded = useRef(false)\n  const isInitialLoad = useRef<boolean>(false)\n\n  if (startTime.current === null) {\n    isInitialLoad.current = isInitialNavigation\n    startTime.current = isInitialNavigation ? performance.timeOrigin : Date.now()\n  }\n\n  useEffect(() => {\n    if (isLoaded && !hasLoaded.current && startTime.current !== null) {\n      const loadTimeMs = Date.now() - startTime.current\n\n      onEvent('WidgetLoad', {\n        widgetName,\n        loadTimeMs,\n        isInitialLoad: isInitialLoad.current,\n      })\n\n      hasLoaded.current = true\n      startTime.current = null\n\n      // Mark initial navigation complete AFTER first widget reports\n      // This ensures all widgets on initial page/dashboard are isInitialLoad\n      if (isInitialLoad.current) {\n        isInitialNavigation = false\n      }\n    }\n  }, [isLoaded, widgetName, onEvent])\n}\n"],"names":["isInitialNavigation","useWidgetLoadTimer","widgetName","isLoaded","onEvent","useEvent","startTime","useRef","hasLoaded","isInitialLoad","useEffect","loadTimeMs"],"mappings":";;AAIA,IAAIA,IAAsB;AAOnB,MAAMC,IAAqB,CAAC,EAAE,YAAAC,GAAY,UAAAC,IAAW,SAAsC;AAChG,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GACdC,IAAYC,EAAsB,IAAI,GACtCC,IAAYD,EAAO,EAAK,GACxBE,IAAgBF,EAAgB,EAAK;AAE3C,EAAID,EAAU,YAAY,SACxBG,EAAc,UAAUT,GACxBM,EAAU,UAAUN,IAAsB,YAAY,aAAa,KAAK,IAAA,IAG1EU,EAAU,MAAM;AACd,QAAIP,KAAY,CAACK,EAAU,WAAWF,EAAU,YAAY,MAAM;AAChE,YAAMK,IAAa,KAAK,IAAA,IAAQL,EAAU;AAE1C,MAAAF,EAAQ,cAAc;AAAA,QACpB,YAAAF;AAAA,QACA,YAAAS;AAAA,QACA,eAAeF,EAAc;AAAA,MAAA,CAC9B,GAEDD,EAAU,UAAU,IACpBF,EAAU,UAAU,MAIhBG,EAAc,YAChBT,IAAsB;AAAA,IAE1B;AAAA,EACF,GAAG,CAACG,GAAUD,GAAYE,CAAO,CAAC;AACpC;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "9.0.16",
+  "version": "9.0.17-alpha",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",
@@ -191,7 +191,7 @@
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@mui/lab": "^7",
+    "@mui/lab": "7.0.1-beta.25",
     "@mui/material": "7.3.11",
     "@mui/system": "7.3.11",
     "@mui/x-charts": "^8.28.2",
@@ -243,8 +243,8 @@
     "@typescript-eslint/eslint-plugin": "^7.16.0",
     "@typescript-eslint/parser": "^7.16.0",
     "@vitejs/plugin-react": "^4.3.4",
-    "@vitest/coverage-v8": "^3.0.8",
-    "@vitest/ui": "^3.0.8",
+    "@vitest/coverage-v8": "^3.2.6",
+    "@vitest/ui": "^3.2.6",
     "@yarnpkg/sdks": "^3.2.1",
     "css-mediaquery": "^0.1.2",
     "eslint": "^8.56.0",
@@ -267,11 +267,11 @@
     "storybook-dark-mode": "4.0.1",
     "typescript": "^5.9.3",
     "vi-canvas-mock": "^1.0.0",
-    "vite": "5.4.21",
+    "vite": "6.4.3",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-svgr": "^4.5.0",
     "vite-tsconfig-paths": "^5.1.4",
-    "vitest": "^3.2.4"
+    "vitest": "^3.2.6"
   },
   "peerDependencies": {
     "@mui/material": "^7",

package/dist/ListItemWrapper-BHIbqx7E.mjs

@@ -1,42 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import a from "@mui/material/ListItem";
-import i from "@mui/material/ListItemButton";
-import { f as m } from "./hooks-97sNJ_lf.mjs";
-const d = ({
-  children: t,
-  clickEventName: e,
-  onClick: o,
-  sx: s = {}
-}) => {
-  const { onEvent: p } = m();
-  return o ? /* @__PURE__ */ r(
-    a,
-    {
-      className: "list-wrapper",
-      component: "div",
-      sx: { bgcolor: "background.paper", ...s },
-      children: /* @__PURE__ */ r(
-        i,
-        {
-          onClick: () => {
-            e && p(e), o();
-          },
-          children: t
-        }
-      )
-    }
-  ) : /* @__PURE__ */ r(
-    a,
-    {
-      className: "list-wrapper",
-      component: "div",
-      disableGutters: !1,
-      disablePadding: !1,
-      sx: { bgcolor: "background.paper", ...s },
-      children: t
-    }
-  );
-};
-export {
-  d as L
-};