@mx-cartographer/experiences 9.3.0-alpha.bb1 → 9.3.0-alpha.bb2

package/dist/microinsights/carousel/MicroBeatCarousel.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MicroBeatCarousel.es.js","names":[],"sources":["../../../src/microinsights/carousel/MicroBeatCarousel.tsx"],"sourcesContent":["/* eslint-disable consistent-return */\nimport React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack'\n\nimport { CarouselControls } from './CarouselControls'\nimport BeatList from './BeatList'\n\nimport type { MicroWidgetProps } from '..'\n\nimport { useCopyStore, useEvent } from '../context/hooks'\n\nimport type { Beat } from '../../core/types/Beat'\n\nimport { ANALYTICS_CLICK_EVENTS } from '../constants/Analytics'\nimport { MINIMUM_SWIPE_DISTANCE } from '../constants/App'\n\ninterface MicroBeatCarouselProps {\n  allowSingleCardPeeking?: boolean\n  analyticsMetadata?: Record<string, string>\n  beats?: Beat[]\n  elevation?: number\n  heightOverrides?: MicroWidgetProps['heightOverrides']\n  onCardClick?: MicroWidgetProps['onCardClick']\n  posthog?: MicroWidgetProps['posthog']\n  showCarouselControls?: boolean\n  showIcon?: boolean\n  showWithMargin?: boolean\n  variant?: 'outlined' | 'elevation' | undefined\n  visibleCardsCount?: number\n  widthOverrides?: number\n}\n\nconst MicroBeatCarousel: React.FC<MicroBeatCarouselProps> = ({\n  analyticsMetadata,\n  allowSingleCardPeeking,\n  beats = [],\n  elevation,\n  heightOverrides,\n  onCardClick,\n  posthog,\n  showCarouselControls,\n  showIcon,\n  showWithMargin = true,\n  variant,\n  widthOverrides,\n  visibleCardsCount = 1, // Default to 1 card visible\n}) => {\n  // ************** Use Ref Hooks **************************\n  const ref = React.useRef<HTMLDivElement | null>(null)\n  const carouselRef = React.useRef<HTMLDivElement | null>(null)\n\n  // ************** Use States Hooks ***********************\n  const [scrollX, setScrollX] = React.useState<number>(0)\n  const [touchEnd, setTouchEnd] = React.useState<number | null>(null)\n  const [touchStart, setTouchStart] = React.useState<number | null>(null)\n  const [cardWidth, setCardWidth] = React.useState<number | null>(null)\n\n  // *************** Context functions *********************\n  const { carouselCopy: copy } = useCopyStore()\n  const { onEvent } = useEvent()\n\n  // ************** Use Effects Hooks **********************\n\n  React.useEffect(() => {\n    // Single source of truth for card-width sizing. The two layout modes\n    // (breakpoint-based peeking vs. proportional visible-cards math) are\n    // mutually exclusive on `allowSingleCardPeeking`, so they share one\n    // ResizeObserver/effect to keep resize tracking in one place.\n    //\n    // Observe the outer, structurally stable container (carouselRef) rather\n    // than the inner shrink-wrapped flex row (ref). The inner row's width\n    // depends on cardWidth, so observing it would feed back into itself and\n    // cause a shrinking ResizeObserver loop / stuck-small layout.\n    const computeCardWidth = (observedWidth?: number) => {\n      const node = carouselRef.current\n      if (!node) return\n\n      // Prefer the width reported by the ResizeObserver entry to avoid an\n      // extra layout read (thrashing); fall back to a DOM read on mount and\n      // on the window-resize fallback path.\n      const rawWidth = observedWidth ?? node.offsetWidth\n\n      if (allowSingleCardPeeking) {\n        // Use until token sizes are actually implemented in the mxui repo\n        const breakpoints = [\n          { maxWidth: 320, cardWidth: 220 },\n          { maxWidth: 375, cardWidth: 268 },\n          { maxWidth: 444, cardWidth: 300 },\n          { maxWidth: 599, cardWidth: 350 },\n          { maxWidth: 749, cardWidth: 450 },\n          { maxWidth: 900, cardWidth: 600 },\n        ]\n\n        const matchingBreakpoint = breakpoints.find((bp) => rawWidth <= bp.maxWidth)\n        setCardWidth(matchingBreakpoint ? matchingBreakpoint.cardWidth : 750)\n        return\n      }\n\n      // The inner row is constrained to `calc(100% - 32px)` when showWithMargin\n      // is set, so subtract that margin to match the actual available width.\n      // Clamp to 0 so a tiny/unmeasured container never yields a negative width.\n      const containerWidth = showWithMargin ? Math.max(0, rawWidth - 32) : rawWidth\n      const gap = 8 // gap between cards\n\n      // When visibleCardsCount > 1, make each card narrower to fit multiple cards and show a peek of the next card\n      // When visibleCardsCount is 1, use full container width\n      let calculatedCardWidth\n      if (visibleCardsCount > 1) {\n        // First calculate what a single full card width would be\n        const fullCardWidth = (containerWidth - (visibleCardsCount - 1) * gap) / visibleCardsCount\n        // Set the peek area to be 1/3 of a card width instead of fixed 60px\n        const peekAreaWidth = fullCardWidth / 3\n        // Calculate final card width, accounting for the peek area and gaps\n        calculatedCardWidth =\n          (containerWidth - peekAreaWidth - (visibleCardsCount - 1) * gap) / visibleCardsCount\n      } else {\n        calculatedCardWidth = containerWidth\n      }\n\n      // Clamp to prevent negative widths.\n      setCardWidth(Math.max(0, calculatedCardWidth))\n    }\n\n    computeCardWidth()\n\n    // Recompute on container resize via ResizeObserver, falling back to the\n    // window resize event only when ResizeObserver is unavailable.\n    const handleResize = () => computeCardWidth()\n    let observer: ResizeObserver | null = null\n    if (typeof ResizeObserver !== 'undefined' && carouselRef.current) {\n      observer = new ResizeObserver((entries) => {\n        const entry = entries[0]\n        if (!entry) return\n        const width = entry.borderBoxSize?.[0]?.inlineSize ?? entry.contentRect.width\n        computeCardWidth(width)\n      })\n      observer.observe(carouselRef.current)\n    } else {\n      window.addEventListener('resize', handleResize)\n    }\n\n    return () => {\n      window.removeEventListener('resize', handleResize)\n      observer?.disconnect()\n    }\n  }, [allowSingleCardPeeking, visibleCardsCount, showWithMargin])\n\n  // *************** Click handlers ************************\n  const handleNextClick = () => {\n    onEvent(ANALYTICS_CLICK_EVENTS.ON_CAROUSEL_FORWARD_CLICK, analyticsMetadata)\n\n    if (ref.current && cardWidth) {\n      // Scroll by one card width + gap\n      ref.current.scrollTo({\n        left: scrollX + cardWidth + 8,\n        top: 0,\n        behavior: 'smooth',\n      })\n    }\n  }\n\n  const handlePreviousClick = () => {\n    onEvent(ANALYTICS_CLICK_EVENTS.ON_CAROUSEL_BACK_CLICK, analyticsMetadata)\n\n    if (ref.current && cardWidth) {\n      // Scroll by one card width + gap\n      ref.current.scrollTo({\n        left: Math.max(0, scrollX - (cardWidth + 8)),\n        top: 0,\n        behavior: 'smooth',\n      })\n    }\n  }\n\n  const handleScroll = () => {\n    if (ref.current) {\n      setScrollX(ref.current.scrollLeft)\n    }\n  }\n\n  // *************** Mobile handlers ************************\n  const onTouchEnd = () => {\n    if (!touchStart || !touchEnd) return\n    const distance = touchStart - touchEnd\n\n    // swiping left\n    if (distance > MINIMUM_SWIPE_DISTANCE) {\n      onEvent(ANALYTICS_CLICK_EVENTS.ON_CAROUSEL_FORWARD_SWIPE, analyticsMetadata)\n    } else {\n      // swiping right\n      onEvent(ANALYTICS_CLICK_EVENTS.ON_CAROUSEL_BACK_SWIPE, analyticsMetadata)\n    }\n  }\n\n  const onTouchMove = (e: React.TouchEvent) => {\n    setTouchEnd(e.targetTouches[0].clientX)\n  }\n\n  const onTouchStart = (e: React.TouchEvent) => {\n    // otherwise the swipe is fired even with usual touch events\n    setTouchEnd(null)\n    setTouchStart(e.targetTouches[0].clientX)\n  }\n\n  // Calculate active card index based on scroll position and card width\n  const activeCardIndex = cardWidth ? Math.round(scrollX / (cardWidth + 8)) : 0\n  const scrollBoundry = ref.current ? ref.current.scrollWidth - ref.current.offsetWidth : 0\n\n  return (\n    <Stack\n      aria-label={copy?.carousel_title}\n      aria-roledescription=\"carousel\"\n      ref={carouselRef}\n      role=\"region\"\n      sx={{\n        alignItems: 'center',\n        boxSizing: 'border-box',\n        height: heightOverrides,\n        width: widthOverrides ? widthOverrides : '100%',\n      }}\n    >\n      <Stack\n        direction=\"row\"\n        onScroll={handleScroll}\n        onTouchEnd={onTouchEnd}\n        onTouchMove={onTouchMove}\n        onTouchStart={onTouchStart}\n        ref={ref}\n        sx={{\n          alignItems: 'center',\n          height: heightOverrides && '100%',\n          gap: 8,\n          listStyleType: 'none',\n          m: 0,\n          maxWidth: showWithMargin ? `calc(100% - 32px)` : '100%',\n          overflowX: 'auto',\n          overflowY: 'hidden',\n          p: 0,\n          scrollbarWidth: 'none',\n          msOverflowStyle: 'none',\n          WebkitOverflowScrolling: 'touch',\n          '&::-webkit-scrollbar': {\n            display: 'none',\n          },\n        }}\n      >\n        <BeatList\n          activeCardIndex={activeCardIndex}\n          beats={beats}\n          cardWidth={cardWidth}\n          elevation={elevation}\n          heightOverrides={heightOverrides}\n          onCardClick={onCardClick}\n          posthog={posthog}\n          showIcon={showIcon}\n          variant={variant}\n        />\n      </Stack>\n      {showCarouselControls && (\n        <CarouselControls\n          currentBeatIndex={activeCardIndex + visibleCardsCount - 1}\n          numBeats={beats.length + 1}\n          onNextClick={handleNextClick}\n          onPreviousClick={handlePreviousClick}\n          scrollRightBoundary={scrollBoundry}\n          scrollX={scrollX}\n          shouldApplyDotAnimation={allowSingleCardPeeking}\n          visibleCardsCount={visibleCardsCount}\n        />\n      )}\n    </Stack>\n  )\n}\n\nexport default observer(MicroBeatCarousel)\n"],"mappings":"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"}

package/dist/microinsights/constants/Analytics.es.js

@@ -0,0 +1,148 @@
+var o = {
+  BillAmountNotStandard: "BillAmountNotStandard",
+  CanadianUpcomingDeadlineAlert: "CanadianUpcomingDeadlineAlert",
+  DuplicatePaymentV2: "DuplicatePaymentV2",
+  IntroducePulse: "IntroducePulse",
+  LargeTransaction: "LargeTransaction",
+  MonthlySpendToIncomeComparisonV2: "MonthlySpendToIncomeComparisonV2",
+  QuarterlySummary: "QuarterlySummary",
+  SpendingPlanCategorySpending: "SpendingPlanCategorySpending",
+  SubscriptionPriceIncrease: "SubscriptionPriceIncrease",
+  UncategorizedTransactionsV2: "UncategorizedTransactionsV2",
+  UpcomingBill: "UpcomingBill",
+  UnifiedDeposit: "UnifiedDeposit",
+  WeeklySpendingPlanSummary: "WeeklySpendingPlanSummary",
+  WeeklyNewMerchantsV2: "WeeklyNewMerchantsV2",
+  MonthlySpendComparison: "MonthlySpendComparison",
+  MonthlySpendToIncomeComparison: "MonthlySpendToIncomeComparison"
+}, a = window?.app?.clientConfig?.microwidget_instance_id || "", T = { INSIGHTS_MICRO_WIDGET: "/micro-insights-carousel" }, R = (e) => `on${e}Click`, i = (e) => `on${e}View`, A = (e) => `on${e}ViewFirstTime`, n = (e) => e.replace(/([a-z])([A-Z])/g, "$1 $2"), t = () => Object.values(o).reduce((e, C) => ({
+  ...e,
+  [R(C)]: {
+    action: E.MICRO_BEAT_CLICKED,
+    category: I.BEAT_INTERACTION,
+    label: n(C),
+    value: a
+  }
+}), {}), l = () => Object.values(o).reduce((e, C) => ({
+  ...e,
+  [i(C)]: {
+    action: E.MICRO_BEAT_DISPLAYED,
+    category: I.BEAT_INTERACTION,
+    label: n(C),
+    value: a
+  }
+}), {}), S = () => Object.values(o).reduce((e, C) => ({
+  ...e,
+  [A(C)]: {
+    action: E.MICRO_BEAT_DISPLAYED_FIRST_TIME,
+    category: I.BEAT_INTERACTION,
+    label: n(C),
+    value: a
+  }
+}), {}), _ = {
+  CARD: "Card",
+  CAROUSEL_CONTROL: "Carousel Control",
+  MICRO_WIDGET: "Micro Widget",
+  VIEW_MORE: "View More"
+}, I = {
+  MICRO_WIDGET_INTERACTION: "Micro Widget Interaction",
+  BEAT_INTERACTION: "Beat Interaction"
+}, O = {
+  ON_CAROUSEL_BACK_CLICK: "onCarouselBackClick",
+  ON_CAROUSEL_BACK_SWIPE: "onCarouselBackSwipe",
+  ON_CAROUSEL_FORWARD_CLICK: "onCarouselForwardClick",
+  ON_CAROUSEL_FORWARD_SWIPE: "onCarouselForwardSwipe",
+  ON_NO_RELEVANT_INSIGHTS_CLICKED: "onNoRelevantInsightsClicked",
+  ON_VIEW_MORE_CLICKED: "onViewMoreClicked"
+}, N = { ON_VIEW_MORE_VIEWED: "onViewMoreCardView" }, E = {
+  CONTROL_BACKWARD: "Control Backward",
+  CONTROL_FORWARD: "Control Forward",
+  MICRO_BEAT_CLICKED: "Micro Beat Clicked",
+  MICRO_BEAT_DISPLAYED: "Micro Beat Displayed",
+  MICRO_BEAT_DISPLAYED_FIRST_TIME: "Micro Beat Displayed For First Time",
+  SWIPE_BACKWARD: "Swipe Backward",
+  SWIPE_FORWARD: "Swipe Forward"
+}, r = {
+  MICRO_WIDGET_CAROUSEL: "Micro Widget Carousel",
+  MICRO_WIDGET_CAROUSEL_ZERO_STATE: "Micro Widget Carousel Zero State",
+  MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS: "Micro Widget Carousel No Relevant Insights"
+}, c = {
+  [r.MICRO_WIDGET_CAROUSEL]: {
+    label: _.MICRO_WIDGET,
+    name: r.MICRO_WIDGET_CAROUSEL,
+    path: T.INSIGHTS_MICRO_WIDGET,
+    value: a
+  },
+  [r.MICRO_WIDGET_CAROUSEL_ZERO_STATE]: {
+    label: _.MICRO_WIDGET,
+    name: r.MICRO_WIDGET_CAROUSEL_ZERO_STATE,
+    path: T.INSIGHTS_MICRO_WIDGET,
+    value: a
+  },
+  [r.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS]: {
+    label: _.MICRO_WIDGET,
+    name: r.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS,
+    path: "/micro-widget",
+    value: a
+  }
+}, L = {
+  [O.ON_CAROUSEL_BACK_CLICK]: {
+    action: E.CONTROL_BACKWARD,
+    category: I.MICRO_WIDGET_INTERACTION,
+    label: _.CAROUSEL_CONTROL,
+    value: a
+  },
+  [O.ON_CAROUSEL_FORWARD_CLICK]: {
+    action: E.CONTROL_FORWARD,
+    category: I.MICRO_WIDGET_INTERACTION,
+    label: _.CAROUSEL_CONTROL,
+    value: a
+  },
+  [O.ON_CAROUSEL_BACK_SWIPE]: {
+    action: E.SWIPE_BACKWARD,
+    category: I.MICRO_WIDGET_INTERACTION,
+    label: _.CAROUSEL_CONTROL,
+    value: a
+  },
+  [O.ON_CAROUSEL_FORWARD_SWIPE]: {
+    action: E.SWIPE_FORWARD,
+    category: I.MICRO_WIDGET_INTERACTION,
+    label: _.CAROUSEL_CONTROL,
+    value: a
+  },
+  [O.ON_VIEW_MORE_CLICKED]: {
+    action: E.MICRO_BEAT_CLICKED,
+    category: I.BEAT_INTERACTION,
+    label: _.VIEW_MORE,
+    value: a
+  },
+  [N.ON_VIEW_MORE_VIEWED]: {
+    action: E.MICRO_BEAT_DISPLAYED,
+    category: I.BEAT_INTERACTION,
+    label: _.VIEW_MORE,
+    value: a
+  },
+  ...t(),
+  ...l(),
+  ...S()
+};
+export {
+  E as ANALYTICS_ACTIONS,
+  I as ANALYTICS_CATEGORIES,
+  O as ANALYTICS_CLICK_EVENTS,
+  L as ANALYTICS_EVENTS,
+  _ as ANALYTICS_LABELS,
+  c as ANALYTICS_PAGEVIEWS,
+  r as ANALYTICS_PAGE_NAMES,
+  N as ANALYTICS_VIEW_EVENTS,
+  R as ON_CLICK_EVENT,
+  i as ON_VIEW_EVENT,
+  A as ON_VIEW_FIRST_TIME_EVENT,
+  o as TEMPLATE_NAMES,
+  t as onBeatClickedEvents,
+  l as onBeatDisplayedEvents,
+  S as onBeatDisplayedForFirstTimeEvents,
+  n as readableTemplateName
+};
+
+//# sourceMappingURL=Analytics.es.js.map

package/dist/microinsights/constants/Analytics.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Analytics.es.js","names":[],"sources":["../../../src/microinsights/constants/Analytics.ts"],"sourcesContent":["import type { BasicAnalyticsEvent } from '../../core/types/Analytics'\n\nexport const TEMPLATE_NAMES = {\n  BillAmountNotStandard: 'BillAmountNotStandard',\n  CanadianUpcomingDeadlineAlert: 'CanadianUpcomingDeadlineAlert',\n  DuplicatePaymentV2: 'DuplicatePaymentV2',\n  IntroducePulse: 'IntroducePulse',\n  LargeTransaction: 'LargeTransaction',\n  MonthlySpendToIncomeComparisonV2: 'MonthlySpendToIncomeComparisonV2',\n  QuarterlySummary: 'QuarterlySummary',\n  SpendingPlanCategorySpending: 'SpendingPlanCategorySpending',\n  SubscriptionPriceIncrease: 'SubscriptionPriceIncrease',\n  UncategorizedTransactionsV2: 'UncategorizedTransactionsV2',\n  UpcomingBill: 'UpcomingBill',\n  UnifiedDeposit: 'UnifiedDeposit',\n  WeeklySpendingPlanSummary: 'WeeklySpendingPlanSummary',\n  WeeklyNewMerchantsV2: 'WeeklyNewMerchantsV2',\n  MonthlySpendComparison: 'MonthlySpendComparison',\n  MonthlySpendToIncomeComparison: 'MonthlySpendToIncomeComparison',\n}\n\nconst instanceId = (window as any)?.app?.clientConfig?.microwidget_instance_id || ''\n\nconst PATHS = {\n  INSIGHTS_MICRO_WIDGET: '/micro-insights-carousel',\n}\n\nexport const ON_CLICK_EVENT = (name: string) => `on${name}Click`\nexport const ON_VIEW_EVENT = (name: string) => `on${name}View`\nexport const ON_VIEW_FIRST_TIME_EVENT = (name: string) => `on${name}ViewFirstTime`\nexport const readableTemplateName = (name: string) => name.replace(/([a-z])([A-Z])/g, '$1 $2')\nexport const onBeatClickedEvents = () => {\n  return Object.values(TEMPLATE_NAMES).reduce(\n    (acc, name) => ({\n      ...acc,\n      [ON_CLICK_EVENT(name)]: {\n        action: ANALYTICS_ACTIONS.MICRO_BEAT_CLICKED,\n        category: ANALYTICS_CATEGORIES.BEAT_INTERACTION,\n        label: readableTemplateName(name),\n        value: instanceId,\n      },\n    }),\n    {},\n  ) as Record<keyof AnalyticsEventsType, string>\n}\n\nexport const onBeatDisplayedEvents = () => {\n  return Object.values(TEMPLATE_NAMES).reduce(\n    (acc, name) => ({\n      ...acc,\n      [ON_VIEW_EVENT(name)]: {\n        action: ANALYTICS_ACTIONS.MICRO_BEAT_DISPLAYED,\n        category: ANALYTICS_CATEGORIES.BEAT_INTERACTION,\n        label: readableTemplateName(name),\n        value: instanceId,\n      },\n    }),\n    {},\n  ) as Record<keyof AnalyticsEventsType, string>\n}\n\nexport const onBeatDisplayedForFirstTimeEvents = () => {\n  return Object.values(TEMPLATE_NAMES).reduce(\n    (acc, name) => ({\n      ...acc,\n      [ON_VIEW_FIRST_TIME_EVENT(name)]: {\n        action: ANALYTICS_ACTIONS.MICRO_BEAT_DISPLAYED_FIRST_TIME,\n        category: ANALYTICS_CATEGORIES.BEAT_INTERACTION,\n        label: readableTemplateName(name),\n        value: instanceId,\n      },\n    }),\n    {},\n  ) as Record<keyof AnalyticsEventsType, string>\n}\n\nexport const ANALYTICS_LABELS = {\n  CARD: 'Card',\n  CAROUSEL_CONTROL: 'Carousel Control',\n  MICRO_WIDGET: 'Micro Widget',\n  VIEW_MORE: 'View More',\n}\n\nexport const ANALYTICS_CATEGORIES = {\n  MICRO_WIDGET_INTERACTION: 'Micro Widget Interaction',\n  BEAT_INTERACTION: 'Beat Interaction',\n}\n\nexport const ANALYTICS_CLICK_EVENTS = {\n  ON_CAROUSEL_BACK_CLICK: 'onCarouselBackClick',\n  ON_CAROUSEL_BACK_SWIPE: 'onCarouselBackSwipe',\n  ON_CAROUSEL_FORWARD_CLICK: 'onCarouselForwardClick',\n  ON_CAROUSEL_FORWARD_SWIPE: 'onCarouselForwardSwipe',\n  ON_NO_RELEVANT_INSIGHTS_CLICKED: 'onNoRelevantInsightsClicked',\n  ON_VIEW_MORE_CLICKED: 'onViewMoreClicked',\n}\n\nexport const ANALYTICS_VIEW_EVENTS = {\n  ON_VIEW_MORE_VIEWED: 'onViewMoreCardView',\n}\n\nexport const ANALYTICS_ACTIONS = {\n  CONTROL_BACKWARD: 'Control Backward',\n  CONTROL_FORWARD: 'Control Forward',\n  MICRO_BEAT_CLICKED: 'Micro Beat Clicked',\n  MICRO_BEAT_DISPLAYED: 'Micro Beat Displayed',\n  MICRO_BEAT_DISPLAYED_FIRST_TIME: 'Micro Beat Displayed For First Time',\n  SWIPE_BACKWARD: 'Swipe Backward',\n  SWIPE_FORWARD: 'Swipe Forward',\n}\n\nexport const ANALYTICS_PAGE_NAMES = {\n  MICRO_WIDGET_CAROUSEL: 'Micro Widget Carousel',\n  MICRO_WIDGET_CAROUSEL_ZERO_STATE: 'Micro Widget Carousel Zero State',\n  MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS: 'Micro Widget Carousel No Relevant Insights',\n}\n\nexport const ANALYTICS_PAGEVIEWS = {\n  [ANALYTICS_PAGE_NAMES.MICRO_WIDGET_CAROUSEL]: {\n    label: ANALYTICS_LABELS.MICRO_WIDGET,\n    name: ANALYTICS_PAGE_NAMES.MICRO_WIDGET_CAROUSEL,\n    path: PATHS.INSIGHTS_MICRO_WIDGET,\n    value: instanceId,\n  },\n  // zero state\n  [ANALYTICS_PAGE_NAMES.MICRO_WIDGET_CAROUSEL_ZERO_STATE]: {\n    label: ANALYTICS_LABELS.MICRO_WIDGET,\n    name: ANALYTICS_PAGE_NAMES.MICRO_WIDGET_CAROUSEL_ZERO_STATE,\n    path: PATHS.INSIGHTS_MICRO_WIDGET,\n    value: instanceId,\n  },\n  // no relevant cards\n  [ANALYTICS_PAGE_NAMES.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS]: {\n    label: ANALYTICS_LABELS.MICRO_WIDGET,\n    name: ANALYTICS_PAGE_NAMES.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS,\n    path: '/micro-widget',\n    value: instanceId,\n  },\n}\n\nexport const ANALYTICS_EVENTS = {\n  // carousel control interaction events - clicks and swipes\n  [ANALYTICS_CLICK_EVENTS.ON_CAROUSEL_BACK_CLICK]: {\n    action: ANALYTICS_ACTIONS.CONTROL_BACKWARD,\n    category: ANALYTICS_CATEGORIES.MICRO_WIDGET_INTERACTION,\n    label: ANALYTICS_LABELS.CAROUSEL_CONTROL,\n    value: instanceId,\n  },\n  [ANALYTICS_CLICK_EVENTS.ON_CAROUSEL_FORWARD_CLICK]: {\n    action: ANALYTICS_ACTIONS.CONTROL_FORWARD,\n    category: ANALYTICS_CATEGORIES.MICRO_WIDGET_INTERACTION,\n    label: ANALYTICS_LABELS.CAROUSEL_CONTROL,\n    value: instanceId,\n  },\n  [ANALYTICS_CLICK_EVENTS.ON_CAROUSEL_BACK_SWIPE]: {\n    action: ANALYTICS_ACTIONS.SWIPE_BACKWARD,\n    category: ANALYTICS_CATEGORIES.MICRO_WIDGET_INTERACTION,\n    label: ANALYTICS_LABELS.CAROUSEL_CONTROL,\n    value: instanceId,\n  },\n  [ANALYTICS_CLICK_EVENTS.ON_CAROUSEL_FORWARD_SWIPE]: {\n    action: ANALYTICS_ACTIONS.SWIPE_FORWARD,\n    category: ANALYTICS_CATEGORIES.MICRO_WIDGET_INTERACTION,\n    label: ANALYTICS_LABELS.CAROUSEL_CONTROL,\n    value: instanceId,\n  },\n  // read more card events\n  [ANALYTICS_CLICK_EVENTS.ON_VIEW_MORE_CLICKED]: {\n    action: ANALYTICS_ACTIONS.MICRO_BEAT_CLICKED,\n    category: ANALYTICS_CATEGORIES.BEAT_INTERACTION,\n    label: ANALYTICS_LABELS.VIEW_MORE,\n    value: instanceId,\n  },\n  [ANALYTICS_VIEW_EVENTS.ON_VIEW_MORE_VIEWED]: {\n    action: ANALYTICS_ACTIONS.MICRO_BEAT_DISPLAYED,\n    category: ANALYTICS_CATEGORIES.BEAT_INTERACTION,\n    label: ANALYTICS_LABELS.VIEW_MORE,\n    value: instanceId,\n  },\n\n  ...onBeatClickedEvents(),\n  ...onBeatDisplayedEvents(),\n  ...onBeatDisplayedForFirstTimeEvents(),\n}\n\nexport interface AnalyticsEventsObjectType extends BasicAnalyticsEvent {\n  value: string\n}\n\nexport type AnalyticsEventsType = {\n  [key: string]: AnalyticsEventsObjectType\n}\n"],"mappings":"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"}

package/dist/microinsights/constants/App.es.js

@@ -0,0 +1,11 @@
+var A = {
+  LARGE: 180,
+  STANDARD: 154,
+  XLARGE: 200,
+  XXLARGE: 248
+};
+export {
+  A as SUPPORTED_CAROUSEL_HEIGHTS
+};
+
+//# sourceMappingURL=App.es.js.map

package/dist/microinsights/constants/App.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"App.es.js","names":[],"sources":["../../../src/microinsights/constants/App.ts"],"sourcesContent":["export const SUPPORTED_CAROUSEL_HEIGHTS: any = {\n  LARGE: 180,\n  STANDARD: 154,\n  XLARGE: 200,\n  XXLARGE: 248,\n}\n\nexport const MINIMUM_SWIPE_DISTANCE = 50\n\nexport const VIEW_THRESHOLD = 1 // card is 100% in view\n"],"mappings":"AAAA,IAAa,IAAkC;AAAA,EAC7C,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,SAAS;AACX"}

package/dist/microinsights/context/InsightsMicroWidgetDataProvider.es.js

@@ -0,0 +1,17 @@
+import a from "react";
+import { jsx as i } from "react/jsx-runtime";
+var s = a.createContext(null), m = ({ onEvent: r, onPageview: o, store: e, children: t }) => /* @__PURE__ */ i(s.Provider, {
+  value: {
+    onEvent: r,
+    onPageview: o,
+    store: e,
+    children: t
+  },
+  children: t
+});
+export {
+  s as InsightsMicroWidgetDataContext,
+  m as InsightsMicroWidgetDataProvider
+};
+
+//# sourceMappingURL=InsightsMicroWidgetDataProvider.es.js.map

package/dist/microinsights/context/InsightsMicroWidgetDataProvider.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InsightsMicroWidgetDataProvider.es.js","names":[],"sources":["../../../src/microinsights/context/InsightsMicroWidgetDataProvider.tsx"],"sourcesContent":["import React from 'react'\n\nimport { type GlobalEventHandler } from '../../core'\nimport type { AppStore } from '../stores/AppStore'\n\nexport interface InsightsMicroWidgetContextTypes {\n  children: React.ReactNode\n  onEvent: GlobalEventHandler\n  onPageview: (page: string) => void\n  store: AppStore\n}\n\nexport const InsightsMicroWidgetDataContext =\n  React.createContext<InsightsMicroWidgetContextTypes | null>(null)\n\nexport const InsightsMicroWidgetDataProvider: React.FC<InsightsMicroWidgetContextTypes> = ({\n  onEvent,\n  onPageview,\n  store,\n  children,\n}) => (\n  <InsightsMicroWidgetDataContext.Provider value={{ onEvent, onPageview, store, children }}>\n    {children}\n  </InsightsMicroWidgetDataContext.Provider>\n)\n"],"mappings":";;AAYA,IAAa,IACX,EAAM,cAAsD,IAAI,GAErD,IAAA,CAA8E,EACzF,SAAA,GACA,YAAA,GACA,OAAA,GACA,UAAA,EAAA,MAEA,gBAAA,EAAC,EAA+B,UAAhC;AAAA,EAAyC,OAAO;AAAA,IAAE,SAAA;AAAA,IAAS,YAAA;AAAA,IAAY,OAAA;AAAA,IAAO,UAAA;AAAA,EAAS;AAAA,EACpF,UAAA;AACsC,CAAA"}

package/dist/microinsights/context/hooks.es.js

@@ -0,0 +1,27 @@
+import { InsightsMicroWidgetDataContext as e } from "./InsightsMicroWidgetDataProvider.es.js";
+import r from "react";
+var s = () => {
+  const t = r.useContext(e);
+  if (!t) throw new Error("useCopyStore() must be used within the InsightsMicroWidgetDataProvider");
+  return t.store.copyStore;
+}, n = () => {
+  const t = r.useContext(e);
+  if (!t?.store?.insightsMicroWidgetStore) throw new Error("useInsightsMicroWidgetStore() must be used within the InsightsMicroWidgetDataProvider");
+  return t.store.insightsMicroWidgetStore;
+}, u = () => {
+  const t = r.useContext(e);
+  if (!t) throw new Error("useEvent() must be used within the InsightsMicroWidgetDataProvider");
+  return { onEvent: t.onEvent };
+}, g = () => {
+  const t = r.useContext(e);
+  if (!t) throw new Error("usePageview() must be used within the InsightsMicroWidgetDataProvider");
+  return { onPageview: t.onPageview };
+};
+export {
+  s as useCopyStore,
+  u as useEvent,
+  n as useInsightsMicroWidgetStore,
+  g as usePageview
+};
+
+//# sourceMappingURL=hooks.es.js.map

package/dist/microinsights/context/hooks.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.es.js","names":[],"sources":["../../../src/microinsights/context/hooks.tsx"],"sourcesContent":["import React from 'react'\n\nimport { InsightsMicroWidgetDataContext } from './InsightsMicroWidgetDataProvider'\n\nexport const useDataContext = () => {\n  const context = React.useContext(InsightsMicroWidgetDataContext)\n\n  if (!context) {\n    throw new Error('useDataContext() must be used within the InsightsMicroWidgetDataProvider')\n  }\n\n  return context\n}\n\nexport const useStore = () => {\n  const context = React.useContext(InsightsMicroWidgetDataContext)\n\n  if (!context) {\n    throw new Error('useStore() must be used within the InsightsMicroWidgetDataProvider')\n  }\n\n  return context.store\n}\n\nexport const useCopyStore = () => {\n  const context = React.useContext(InsightsMicroWidgetDataContext)\n\n  if (!context) {\n    throw new Error('useCopyStore() must be used within the InsightsMicroWidgetDataProvider')\n  }\n\n  return context.store.copyStore\n}\n\nexport const useInsightsMicroWidgetStore = () => {\n  const context = React.useContext(InsightsMicroWidgetDataContext)\n\n  if (!context?.store?.insightsMicroWidgetStore) {\n    throw new Error(\n      'useInsightsMicroWidgetStore() must be used within the InsightsMicroWidgetDataProvider',\n    )\n  }\n\n  return context.store.insightsMicroWidgetStore\n}\n\nexport const useEvent = () => {\n  const context = React.useContext(InsightsMicroWidgetDataContext)\n\n  if (!context) {\n    throw new Error('useEvent() must be used within the InsightsMicroWidgetDataProvider')\n  }\n\n  return { onEvent: context.onEvent }\n}\n\nexport const usePageview = () => {\n  const context = React.useContext(InsightsMicroWidgetDataContext)\n\n  if (!context) {\n    throw new Error('usePageview() must be used within the InsightsMicroWidgetDataProvider')\n  }\n\n  return { onPageview: context.onPageview }\n}\n"],"mappings":";;AAwBA,IAAa,IAAA,MAAqB;AAChC,QAAM,IAAU,EAAM,WAAW,CAA8B;AAE/D,MAAI,CAAC,EACH,OAAM,IAAI,MAAM,wEAAwE;AAG1F,SAAO,EAAQ,MAAM;AACvB,GAEa,IAAA,MAAoC;AAC/C,QAAM,IAAU,EAAM,WAAW,CAA8B;AAE/D,MAAI,CAAC,GAAS,OAAO,yBACnB,OAAM,IAAI,MACR,uFACF;AAGF,SAAO,EAAQ,MAAM;AACvB,GAEa,IAAA,MAAiB;AAC5B,QAAM,IAAU,EAAM,WAAW,CAA8B;AAE/D,MAAI,CAAC,EACH,OAAM,IAAI,MAAM,oEAAoE;AAGtF,SAAO,EAAE,SAAS,EAAQ,QAAQ;AACpC,GAEa,IAAA,MAAoB;AAC/B,QAAM,IAAU,EAAM,WAAW,CAA8B;AAE/D,MAAI,CAAC,EACH,OAAM,IAAI,MAAM,uEAAuE;AAGzF,SAAO,EAAE,YAAY,EAAQ,WAAW;AAC1C"}

package/dist/microinsights/index.es.js

@@ -1,17 +1,17 @@
-import { AppStore as o } from "./stores/AppStore/index.es.js";
-import { InsightsMicroWidgetDataProvider as e } from "./context/InsightsMicroWidgetDataProvider/index.es.js";
-import i from "./beaticons/BeatMaterialIcon/index.es.js";
-import { ChartFilledIcon as d } from "./beaticons/ChartFilledIcon/index.es.js";
-import { MonthlySpendComparisonIcon as f } from "./beaticons/MonthlySpendComparisonIcon/index.es.js";
-import { ZeroStateIcon as l } from "./beaticons/ZeroStateIcon/index.es.js";
-import C from "./MicroCardTemplate/index.es.js";
-import { InsightCard as M } from "./cards/InsightCard/index.es.js";
-import I from "./carousel/MicroBeatCarousel/index.es.js";
-import h from "./carousel/CarouselHeader/index.es.js";
-import S from "./cards/NoRelevantInsightsCard/index.es.js";
-import B from "./cards/ZeroStateCard/index.es.js";
-import Z from "./InsightsMicroWidget/index.es.js";
-import H from "./cards/ViewMoreMicroCard/index.es.js";
+import { AppStore as o } from "./stores/AppStore.es.js";
+import { InsightsMicroWidgetDataProvider as e } from "./context/InsightsMicroWidgetDataProvider.es.js";
+import i from "./beaticons/BeatMaterialIcon.es.js";
+import { ChartFilledIcon as d } from "./beaticons/ChartFilledIcon.es.js";
+import { MonthlySpendComparisonIcon as f } from "./beaticons/MonthlySpendComparisonIcon.es.js";
+import { ZeroStateIcon as l } from "./beaticons/ZeroStateIcon.es.js";
+import C from "./MicroCardTemplate.es.js";
+import { InsightCard as M } from "./cards/InsightCard.es.js";
+import I from "./carousel/MicroBeatCarousel.es.js";
+import h from "./carousel/CarouselHeader.es.js";
+import S from "./cards/NoRelevantInsightsCard.es.js";
+import B from "./cards/ZeroStateCard.es.js";
+import Z from "./InsightsMicroWidget.es.js";
+import H from "./cards/ViewMoreMicroCard.es.js";
 export {
   o as AppStore,
   i as BeatMaterialIcon,

package/dist/microinsights/stores/AppStore.es.js

@@ -0,0 +1,27 @@
+import { analyticsSession as r } from "../../common/utils/Analytics.es.js";
+import { CopyStore as e } from "./CopyStore.es.js";
+import { InsightsMicroWidgetStore as n } from "./InsightsMicroWidgetStore.es.js";
+import { makeAutoObservable as a, runInAction as c } from "mobx";
+var g = class {
+  copyStore;
+  endpoint = "/";
+  insightsMicroWidgetStore;
+  session = null;
+  token = "";
+  isInitialized = !1;
+  constructor() {
+    this.copyStore = new e(), this.insightsMicroWidgetStore = new n(), a(this);
+  }
+  initialize = async (i, t, s) => {
+    await this.copyStore.initialize(i, t), await this.insightsMicroWidgetStore.initialize(i, t, s);
+    const o = await r(i, t, "1.0.0", "Micro Insights Carousel");
+    c(() => {
+      this.session = o, this.isInitialized = !0;
+    });
+  };
+};
+export {
+  g as AppStore
+};
+
+//# sourceMappingURL=AppStore.es.js.map

package/dist/microinsights/stores/AppStore.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppStore.es.js","names":[],"sources":["../../../src/microinsights/stores/AppStore.ts"],"sourcesContent":["import { makeAutoObservable, runInAction } from 'mobx'\n\nimport { analyticsSession } from '../../common/utils/Analytics'\n\nimport { CopyStore } from './CopyStore'\nimport { InsightsMicroWidgetStore } from './InsightsMicroWidgetStore'\n\nimport type { AnalyticSession } from '../analytics'\n\nexport class AppStore {\n  copyStore\n  endpoint = '/'\n  insightsMicroWidgetStore\n  session: AnalyticSession | null = null\n  token = ''\n\n  isInitialized = false\n\n  constructor() {\n    this.copyStore = new CopyStore()\n    this.insightsMicroWidgetStore = new InsightsMicroWidgetStore()\n    makeAutoObservable(this)\n  }\n\n  initialize = async (endpoint: string, token: string, logOutUser: () => void) => {\n    await this.copyStore.initialize(endpoint, token)\n    await this.insightsMicroWidgetStore.initialize(endpoint, token, logOutUser)\n    const session = await analyticsSession(endpoint, token, '1.0.0', 'Micro Insights Carousel')\n\n    runInAction(() => {\n      this.session = session\n      this.isInitialized = true\n    })\n  }\n}\n"],"mappings":";;;;AASA,IAAa,IAAb,MAAsB;AAAA,EACpB;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA,UAAkC;AAAA,EAClC,QAAQ;AAAA,EAER,gBAAgB;AAAA,EAEhB,cAAc;AACZ,SAAK,YAAY,IAAI,EAAU,GAC/B,KAAK,2BAA2B,IAAI,EAAyB,GAC7D,EAAmB,IAAI;AAAA,EACzB;AAAA,EAEA,aAAa,OAAO,GAAkB,GAAe,MAA2B;AAC9E,UAAM,KAAK,UAAU,WAAW,GAAU,CAAK,GAC/C,MAAM,KAAK,yBAAyB,WAAW,GAAU,GAAO,CAAU;AAC1E,UAAM,IAAU,MAAM,EAAiB,GAAU,GAAO,SAAS,yBAAyB;AAE1F,IAAA,EAAA,MAAkB;AAChB,WAAK,UAAU,GACf,KAAK,gBAAgB;AAAA,IACvB,CAAC;AAAA,EACH;AACF"}

package/dist/microinsights/stores/CopyStore.es.js

@@ -0,0 +1,34 @@
+import { GlobalCopyApi as o } from "../../core/api/GlobalCopyApi.es.js";
+import { makeAutoObservable as a, runInAction as i } from "mobx";
+var r = class {
+  copyApi = new o("/", "");
+  copyObject = {};
+  namespace = "experiences";
+  translationKey = "micro_insights";
+  constructor() {
+    a(this);
+  }
+  initialize = async (t, e) => {
+    this.copyApi = new o(t, e), await this.loadCopy();
+  };
+  loadCopy = async () => {
+    const t = await this.copyApi.getGlobalCopy(this.namespace, this.translationKey);
+    i(() => {
+      this.copyObject = t[this.translationKey];
+    });
+  };
+  get cardsCopy() {
+    return this.copyObject.cards;
+  }
+  get carouselCopy() {
+    return this.copyObject.carousel;
+  }
+  get zeroStateCopy() {
+    return this.copyObject.zero_state;
+  }
+};
+export {
+  r as CopyStore
+};
+
+//# sourceMappingURL=CopyStore.es.js.map

package/dist/microinsights/stores/CopyStore.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyStore.es.js","names":[],"sources":["../../../src/microinsights/stores/CopyStore.ts"],"sourcesContent":["import { makeAutoObservable, runInAction } from 'mobx'\nimport { GlobalCopyApi } from '../../core/api/GlobalCopyApi'\nimport type { MicroInsightsCopy } from '../../core/types/localization'\n\nexport class CopyStore {\n  copyApi: GlobalCopyApi = new GlobalCopyApi('/', '')\n  copyObject: MicroInsightsCopy = {} as MicroInsightsCopy\n  namespace = 'experiences'\n  translationKey = 'micro_insights'\n\n  constructor() {\n    makeAutoObservable(this)\n  }\n\n  // NOTE: Not sure if this is special case, but other stores have this deprecation todo\n  // DEPRECATED: Initialize api in constructor and use loadCopy instead\n  // TODO: Remove this function\n  initialize = async (endpoint: string, token: string) => {\n    this.copyApi = new GlobalCopyApi(endpoint, token)\n    await this.loadCopy()\n  }\n\n  loadCopy = async () => {\n    const copy = await this.copyApi.getGlobalCopy(this.namespace, this.translationKey)\n\n    runInAction(() => {\n      this.copyObject = copy[this.translationKey]\n    })\n  }\n\n  get cardsCopy(): any {\n    return this.copyObject.cards\n  }\n\n  get carouselCopy(): any {\n    return this.copyObject.carousel\n  }\n\n  get zeroStateCopy(): any {\n    return this.copyObject.zero_state\n  }\n}\n"],"mappings":";;AAIA,IAAa,IAAb,MAAuB;AAAA,EACrB,UAAyB,IAAI,EAAc,KAAK,EAAE;AAAA,EAClD,aAAgC,CAAC;AAAA,EACjC,YAAY;AAAA,EACZ,iBAAiB;AAAA,EAEjB,cAAc;AACZ,IAAA,EAAmB,IAAI;AAAA,EACzB;AAAA,EAKA,aAAa,OAAO,GAAkB,MAAkB;AACtD,SAAK,UAAU,IAAI,EAAc,GAAU,CAAK,GAChD,MAAM,KAAK,SAAS;AAAA,EACtB;AAAA,EAEA,WAAW,YAAY;AACrB,UAAM,IAAO,MAAM,KAAK,QAAQ,cAAc,KAAK,WAAW,KAAK,cAAc;AAEjF,IAAA,EAAA,MAAkB;AAChB,WAAK,aAAa,EAAK,KAAK,cAAA;AAAA,IAC9B,CAAC;AAAA,EACH;AAAA,EAEA,IAAI,YAAiB;AACnB,WAAO,KAAK,WAAW;AAAA,EACzB;AAAA,EAEA,IAAI,eAAoB;AACtB,WAAO,KAAK,WAAW;AAAA,EACzB;AAAA,EAEA,IAAI,gBAAqB;AACvB,WAAO,KAAK,WAAW;AAAA,EACzB;AACF"}

package/dist/microinsights/stores/InsightsMicroWidgetStore.es.js

@@ -0,0 +1,33 @@
+import { BeatApi as o } from "../../core/api/BeatApi.es.js";
+import { onAnalyticEvent as s, onAnalyticPageView as c } from "../analytics.es.js";
+import { makeAutoObservable as p } from "mobx";
+var y = class {
+  onAnalyticEvent = s;
+  onAnalyticPageView = c;
+  beatApi = new o("/", "");
+  constructor() {
+    p(this);
+  }
+  initialize = async (a, h, n) => {
+    this.onAnalyticEvent = (i, e) => {
+      s(i, e).then((t) => t).catch((t) => {
+        throw t.status === 401 && n(), t;
+      });
+    }, this.onAnalyticPageView = (i, e) => {
+      c(i, e).then((t) => t).catch((t) => {
+        throw t.status === 401 && n(), t;
+      });
+    }, this.beatApi = new o(a, h);
+  };
+  updateBeat = async (a) => {
+    this.beatApi.updateBeat(a);
+  };
+  updateOffer = async (a) => {
+    this.beatApi.updateOffer(a);
+  };
+};
+export {
+  y as InsightsMicroWidgetStore
+};
+
+//# sourceMappingURL=InsightsMicroWidgetStore.es.js.map

package/dist/microinsights/stores/InsightsMicroWidgetStore.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InsightsMicroWidgetStore.es.js","names":[],"sources":["../../../src/microinsights/stores/InsightsMicroWidgetStore.ts"],"sourcesContent":["import { makeAutoObservable } from 'mobx'\n\nimport { type AnalyticSession, onAnalyticEvent, onAnalyticPageView } from '../analytics'\nimport { BeatApi } from '../../core/api/BeatApi'\nimport type { Beat } from '../../core/types/Beat'\n\nexport interface ErrPromise<TSuccess, TError = unknown> {\n  then<TResult1 = TSuccess, TResult2 = never>(\n    onfulfilled?: ((value: TSuccess) => TResult1 | PromiseLike<TResult1>) | undefined | null,\n    onrejected?: ((reason: TError) => TResult2 | PromiseLike<TResult2>) | undefined | null,\n  ): Promise<TResult1 | TResult2>\n  catch<TResult = never>(\n    onrejected?: ((reason: TError) => TResult | PromiseLike<TResult>) | undefined | null,\n  ): Promise<TSuccess | TResult>\n}\n\nexport class InsightsMicroWidgetStore {\n  onAnalyticEvent: (\n    event: string,\n    session: AnalyticSession,\n  ) => ErrPromise<string, AnalyticSession> = onAnalyticEvent\n  onAnalyticPageView: (\n    event: string,\n    session: AnalyticSession,\n  ) => ErrPromise<string, AnalyticSession> = onAnalyticPageView\n\n  beatApi = new BeatApi('/', '')\n\n  constructor() {\n    makeAutoObservable(this)\n  }\n\n  initialize = async (endpoint: string, token: string, logOutUser: () => void) => {\n    this.onAnalyticEvent = (event: string, session: AnalyticSession): any => {\n      onAnalyticEvent(event, session)\n        .then((res) => res)\n        .catch((err) => {\n          if (err.status === 401) {\n            logOutUser()\n          }\n          throw err\n        })\n    }\n\n    this.onAnalyticPageView = (page: string, session: AnalyticSession): any => {\n      onAnalyticPageView(page, session)\n        .then((res) => res)\n        .catch((err) => {\n          if (err.status === 401) {\n            logOutUser()\n          }\n          throw err\n        })\n    }\n\n    this.beatApi = new BeatApi(endpoint, token)\n  }\n\n  updateBeat = async (beat: Beat) => {\n    this.beatApi.updateBeat(beat)\n  }\n\n  updateOffer = async (beat: Beat) => {\n    this.beatApi.updateOffer(beat)\n  }\n}\n"],"mappings":";;;AAgBA,IAAa,IAAb,MAAsC;AAAA,EACpC,kBAG2C;AAAA,EAC3C,qBAG2C;AAAA,EAE3C,UAAU,IAAI,EAAQ,KAAK,EAAE;AAAA,EAE7B,cAAc;AACZ,IAAA,EAAmB,IAAI;AAAA,EACzB;AAAA,EAEA,aAAa,OAAO,GAAkB,GAAe,MAA2B;AAC9E,SAAK,kBAAA,CAAmB,GAAe,MAAkC;AACvE,MAAA,EAAgB,GAAO,CAAO,EAC3B,KAAA,CAAM,MAAQ,CAAG,EACjB,MAAA,CAAO,MAAQ;AACd,cAAI,EAAI,WAAW,OACjB,EAAW,GAEP;AAAA,MACR,CAAC;AAAA,IACL,GAEA,KAAK,qBAAA,CAAsB,GAAc,MAAkC;AACzE,MAAA,EAAmB,GAAM,CAAO,EAC7B,KAAA,CAAM,MAAQ,CAAG,EACjB,MAAA,CAAO,MAAQ;AACd,cAAI,EAAI,WAAW,OACjB,EAAW,GAEP;AAAA,MACR,CAAC;AAAA,IACL,GAEA,KAAK,UAAU,IAAI,EAAQ,GAAU,CAAK;AAAA,EAC5C;AAAA,EAEA,aAAa,OAAO,MAAe;AACjC,SAAK,QAAQ,WAAW,CAAI;AAAA,EAC9B;AAAA,EAEA,cAAc,OAAO,MAAe;AAClC,SAAK,QAAQ,YAAY,CAAI;AAAA,EAC/B;AACF"}

package/dist/microinsights/utils/DataSeries.es.js

@@ -0,0 +1,11 @@
+var u = (e) => e ? e.data ? e.data.map((t) => {
+  const r = {};
+  return e.names?.map((n, i) => {
+    r[n] = t[i];
+  }), r;
+}) : [] : [];
+export {
+  u as buildDataSeries
+};
+
+//# sourceMappingURL=DataSeries.es.js.map

package/dist/microinsights/utils/DataSeries.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataSeries.es.js","names":[],"sources":["../../../src/microinsights/utils/DataSeries.ts"],"sourcesContent":["import type { DataSeries } from '../../core/types/Beat'\n\nexport const buildDataSeries = (data: DataSeries | undefined) => {\n  if (!data) {\n    return []\n  }\n\n  if (data.data) {\n    return data.data.map((d) => {\n      const item: any = {}\n\n      data.names?.map((name, index) => {\n        item[name] = d[index]\n      })\n      return item\n    })\n  } else {\n    return []\n  }\n}\n"],"mappings":"AAEA,IAAa,IAAA,CAAmB,MACzB,IAID,EAAK,OACA,EAAK,KAAK,IAAA,CAAK,MAAM;AAC1B,QAAM,IAAY,CAAC;AAEnB,SAAA,EAAK,OAAO,IAAA,CAAK,GAAM,MAAU;AAC/B,IAAA,EAAK,CAAA,IAAQ,EAAE,CAAA;AAAA,EACjB,CAAC,GACM;AACT,CAAC,IAEM,CAAC,IAbD,CAAC"}

package/dist/microinsights/utils/colorType.es.js

@@ -0,0 +1,13 @@
+import { buildDataSeries as l } from "./DataSeries.es.js";
+var n = "primary", i = "success", a = "error", f = (t) => {
+  const r = l(t), e = Math.floor(r.length / 2);
+  if (e === 0 || e === r.length) return n;
+  const o = r[0]?.amount, u = r[e]?.amount;
+  return o == null || u == null ? n : o > u ? a : o < u ? i : n;
+}, m = (t, r) => t < r ? i : t > r ? a : n;
+export {
+  f as getColorType,
+  m as getComparisonColorType
+};
+
+//# sourceMappingURL=colorType.es.js.map

package/dist/microinsights/utils/colorType.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorType.es.js","names":[],"sources":["../../../src/microinsights/utils/colorType.ts"],"sourcesContent":["import type { DataSeries } from '../../core/types/Beat'\nimport { buildDataSeries } from './DataSeries'\n\nconst PRIMARY = 'primary'\nconst SUCCESS = 'success'\nconst ERROR = 'error'\n\nexport type ColorType = typeof PRIMARY | typeof SUCCESS | typeof ERROR\n\n/**\n * Determines color type by comparing spending vs income from data series.\n * Data series is expected to have spending data in the first half and income data in the second half.\n *\n * @param data - DataSeries with spending and income data\n * @returns 'error' if spending > income, 'success' if spending < income, 'primary' otherwise\n */\nexport const getColorType = (data: DataSeries | undefined): ColorType => {\n  const fullDataSeries = buildDataSeries(data)\n  const incomeStartIndex = Math.floor(fullDataSeries.length / 2)\n\n  if (incomeStartIndex === 0 || incomeStartIndex === fullDataSeries.length) return PRIMARY\n\n  const spendAmount = fullDataSeries[0]?.amount\n  const incomeAmount = fullDataSeries[incomeStartIndex]?.amount\n\n  if (spendAmount == null || incomeAmount == null) return PRIMARY\n\n  if (spendAmount > incomeAmount) return ERROR\n  if (spendAmount < incomeAmount) return SUCCESS\n  return PRIMARY\n}\n\n/**\n * Determines color type by comparing two numeric values.\n *\n * @param currentValue - Current value to compare\n * @param comparisonValue - Value to compare against\n * @returns 'success' if current < comparison, 'error' if current > comparison, 'primary' if equal\n */\nexport const getComparisonColorType = (\n  currentValue: number,\n  comparisonValue: number,\n): ColorType => {\n  if (currentValue < comparisonValue) return SUCCESS\n  if (currentValue > comparisonValue) return ERROR\n  return PRIMARY\n}\n"],"mappings":";AAGA,IAAM,IAAU,WACV,IAAU,WACV,IAAQ,SAWD,IAAA,CAAgB,MAA4C;AACvE,QAAM,IAAiB,EAAgB,CAAI,GACrC,IAAmB,KAAK,MAAM,EAAe,SAAS,CAAC;AAE7D,MAAI,MAAqB,KAAK,MAAqB,EAAe,OAAQ,QAAO;AAEjF,QAAM,IAAc,EAAe,CAAA,GAAI,QACjC,IAAe,EAAe,CAAA,GAAmB;AAEvD,SAAI,KAAe,QAAQ,KAAgB,OAAa,IAEpD,IAAc,IAAqB,IACnC,IAAc,IAAqB,IAChC;AACT,GASa,IAAA,CACX,GACA,MAEI,IAAe,IAAwB,IACvC,IAAe,IAAwB,IACpC"}

package/dist/networth/NetWorthMicroWidget.es.js

@@ -0,0 +1,40 @@
+import { useAccountStore as u, useEvent as T, useGlobalCopyStore as W, useGlobalUiStore as _, useNetWorthStore as p } from "../common/context/hooks.es.js";
+import { useWidgetLoadTimer as E } from "../common/hooks/useWidgetLoadTimer.es.js";
+import { ANALYTICS_EVENTS as r } from "../common/constants/Analytics.es.js";
+import N from "../common/components/MicroWidgetContainer.es.js";
+import C from "../common/components/Loader.es.js";
+import g from "./components/micro/NetworthData.es.js";
+import L from "./components/micro/ZeroState.es.js";
+import c from "react";
+import { observer as S } from "mobx-react-lite";
+import { jsx as e } from "react/jsx-runtime";
+var x = S(({ onCTAClick: m }) => {
+  const { visibleAccounts: i } = u(), { onEvent: a } = T(), { net_worth: o, common: s } = W(), { isInitialized: l } = _(), { isNetWorthDataLoaded: t, loadNetWorthData: d, netWorthData: f, selectedData: n } = p();
+  if (c.useEffect(() => {
+    t || d().finally();
+  }, []), E({
+    widgetName: "NetWorthMicroWidget",
+    isLoaded: t
+  }), c.useEffect(() => {
+    t && a(r.NET_WORTH_LOAD_WIDGET, { state: i?.length ? "default" : "zeroState" });
+  }, [t]), !l || !t) return /* @__PURE__ */ e(C, { height: 100 });
+  const h = () => {
+    a(i.length ? r.NET_WORTH_CLICK_VIEW_DETAILS : r.NET_WORTH_CLICK_GET_STARTED), m();
+  };
+  return /* @__PURE__ */ e(N, {
+    className: "mx-networth-microwidget",
+    ctaLabel: s.see_details,
+    onCTAClick: h,
+    title: o.net_worth,
+    children: f.accounts.length ? /* @__PURE__ */ e(g, {
+      amount: n?.y,
+      copy: o,
+      trendValue: n?.change
+    }) : /* @__PURE__ */ e(L, { copy: o })
+  });
+});
+export {
+  x as NetWorthMicroWidget
+};
+
+//# sourceMappingURL=NetWorthMicroWidget.es.js.map

package/dist/networth/NetWorthMicroWidget.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NetWorthMicroWidget.es.js","names":[],"sources":["../../src/networth/NetWorthMicroWidget.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport {\n  ANALYTICS_EVENTS,\n  Loader,\n  MicroWidgetContainer,\n  useAccountStore,\n  useEvent,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useNetWorthStore,\n  useWidgetLoadTimer,\n} from '../common'\n\nimport NetworthData from './components/micro/NetworthData'\nimport ZeroState from './components/micro/ZeroState'\n\ninterface NetWorthMicroWidgetProps {\n  onCTAClick: () => void\n}\n\nexport const NetWorthMicroWidget = observer(({ onCTAClick }: NetWorthMicroWidgetProps) => {\n  const { visibleAccounts: accounts } = useAccountStore()\n  const { onEvent } = useEvent()\n  const { net_worth: copy, common: commonCopy } = useGlobalCopyStore()\n  const { isInitialized } = useGlobalUiStore()\n  const { isNetWorthDataLoaded, loadNetWorthData, netWorthData, selectedData } = useNetWorthStore()\n\n  React.useEffect(() => {\n    if (!isNetWorthDataLoaded) {\n      loadNetWorthData().finally()\n    }\n  }, [])\n\n  useWidgetLoadTimer({\n    widgetName: 'NetWorthMicroWidget',\n    isLoaded: isNetWorthDataLoaded,\n  })\n\n  React.useEffect(() => {\n    if (isNetWorthDataLoaded) {\n      onEvent(ANALYTICS_EVENTS.NET_WORTH_LOAD_WIDGET, {\n        state: !accounts?.length ? 'zeroState' : 'default',\n      })\n    }\n  }, [isNetWorthDataLoaded])\n\n  if (!isInitialized || !isNetWorthDataLoaded) return <Loader height={100} />\n\n  const handleCTAClick = () => {\n    onEvent(\n      !accounts.length\n        ? ANALYTICS_EVENTS.NET_WORTH_CLICK_GET_STARTED\n        : ANALYTICS_EVENTS.NET_WORTH_CLICK_VIEW_DETAILS,\n    )\n    onCTAClick()\n  }\n\n  return (\n    <MicroWidgetContainer\n      className=\"mx-networth-microwidget\"\n      ctaLabel={commonCopy.see_details}\n      onCTAClick={handleCTAClick}\n      title={copy.net_worth}\n    >\n      {netWorthData.accounts.length ? (\n        <NetworthData\n          amount={selectedData?.y as number}\n          copy={copy}\n          trendValue={selectedData?.change as number}\n        />\n      ) : (\n        <ZeroState copy={copy} />\n      )}\n    </MicroWidgetContainer>\n  )\n})\n"],"mappings":";;;;;;;;;;AAsBA,IAAa,IAAsB,EAAA,CAAU,EAAE,YAAA,EAAA,MAA2C;AACxF,QAAM,EAAE,iBAAiB,EAAA,IAAa,EAAgB,GAChD,EAAE,SAAA,EAAA,IAAY,EAAS,GACvB,EAAE,WAAW,GAAM,QAAQ,EAAA,IAAe,EAAmB,GAC7D,EAAE,eAAA,EAAA,IAAkB,EAAiB,GACrC,EAAE,sBAAA,GAAsB,kBAAA,GAAkB,cAAA,GAAc,cAAA,EAAA,IAAiB,EAAiB;AAqBhG,MAnBA,EAAM,UAAA,MAAgB;AACpB,IAAK,KACH,EAAiB,EAAE,QAAQ;AAAA,EAE/B,GAAG,CAAC,CAAC,GAEL,EAAmB;AAAA,IACjB,YAAY;AAAA,IACZ,UAAU;AAAA,EACZ,CAAC,GAED,EAAM,UAAA,MAAgB;AACpB,IAAI,KACF,EAAQ,EAAiB,uBAAuB,EAC9C,OAAQ,GAAU,SAAuB,YAAd,YAC7B,CAAC;AAAA,EAEL,GAAG,CAAC,CAAoB,CAAC,GAErB,CAAC,KAAiB,CAAC,EAAsB,QAAO,gBAAA,EAAC,GAAD,EAAQ,QAAQ,IAAM,CAAA;AAE1E,QAAM,IAAA,MAAuB;AAC3B,IAAA,EACG,EAAS,SAEN,EAAiB,+BADjB,EAAiB,2BAEvB,GACA,EAAW;AAAA,EACb;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,WAAU;AAAA,IACV,UAAU,EAAW;AAAA,IACrB,YAAY;AAAA,IACZ,OAAO,EAAK;AAAA,cAEX,EAAa,SAAS,SACrB,gBAAA,EAAC,GAAD;AAAA,MACE,QAAQ,GAAc;AAAA,MAChB,MAAA;AAAA,MACN,YAAY,GAAc;AAAA,IAC3B,CAAA,IAED,gBAAA,EAAC,GAAD,EAAiB,MAAA,EAAO,CAAA;AAAA,EAEN,CAAA;AAE1B,CAAC"}

package/dist/networth/NetWorthWidget.es.js

@@ -0,0 +1,78 @@
+import { useEvent as I, useGlobalCopyStore as D, useGlobalUiStore as L, useNetWorthStore as b } from "../common/context/hooks.es.js";
+import { useScreenSize as R } from "../common/hooks/useScreenSize.es.js";
+import { useWidgetLoadTimer as x } from "../common/hooks/useWidgetLoadTimer.es.js";
+import { ANALYTICS_EVENTS as i } from "../common/constants/Analytics.es.js";
+import v from "../common/components/Loader.es.js";
+import { WidgetContainer as A } from "../common/components/WidgetContainer.es.js";
+import { EmptyState as M } from "../common/components/EmptyState.es.js";
+import k from "../accounts/components/ConnectionsDrawer.es.js";
+import O from "./components/NetWorthChart.es.js";
+import F from "./components/NetWorthList.es.js";
+import G from "./components/NetWorthSummary.es.js";
+import l from "react";
+import { observer as j } from "mobx-react-lite";
+import H from "@mui/material/Stack";
+import { Fragment as K, jsx as t, jsxs as s } from "react/jsx-runtime";
+import V from "@mui/material/Box";
+import { differenceInMonths as z } from "date-fns";
+var st = j(({ onBackClick: h, onMenuClick: p }) => {
+  const { isInitialized: C } = L(), { accounts: _, net_worth: e } = D(), { hoveredData: u, isNetWorthDataLoaded: a, loadNetWorthData: W, netWorthChartData: g, selectedData: m, setTimeframe: T } = b(), { isMobile: o } = R(), { onEvent: r } = I(), [E, c] = l.useState(!1);
+  x({
+    widgetName: "NetWorthWidget",
+    isLoaded: a
+  }), l.useEffect(() => {
+    a || W().finally(), r(i.NET_WORTH_VIEW);
+  }, []);
+  const N = async (n) => {
+    const d = n[0], f = n[1];
+    d && f && T(z(f, d));
+  }, S = (n) => {
+    r(i.NET_WORTH_WIDGET_CLICK_TIMEFRAME, { time_period: n + "M" });
+  }, w = () => {
+    c(!0), r(i.ACCOUNTS_CLICK_CONNECT);
+  };
+  if (!C || !a) return /* @__PURE__ */ t(v, {});
+  const y = g.length === 0;
+  return /* @__PURE__ */ s(A, {
+    calendarActions: {
+      onRangeChanged: N,
+      onTimeframeClick: S
+    },
+    dateRangeVariant: o ? "timeframetabs" : "timeframebuttons",
+    onAccountsFilterClick: () => r(i.NET_WORTH_WIDGET_CLICK_FILTER),
+    onBackClick: h,
+    onMenuClick: p,
+    title: e.net_worth,
+    children: [y ? /* @__PURE__ */ t(V, {
+      sx: { justifyItems: "center" },
+      children: /* @__PURE__ */ t(M, {
+        header: e.empty_widget_header,
+        icon: "elevation",
+        onClick: w,
+        primaryButton: e.empty_widget_button,
+        subText: e.empty_widget_description,
+        sx: {
+          width: { sm: 432 },
+          ".buttons-footer": { width: 167 }
+        }
+      })
+    }) : /* @__PURE__ */ s(K, { children: [m && /* @__PURE__ */ t(G, {
+      hoveredData: u,
+      selectedData: m
+    }), /* @__PURE__ */ s(H, {
+      alignItems: o ? "center" : "flex-start",
+      direction: o ? "column" : "row",
+      spacing: o ? 0 : 48,
+      children: [/* @__PURE__ */ t(O, {}), /* @__PURE__ */ t(F, {})]
+    })] }), /* @__PURE__ */ t(k, {
+      onClose: () => c(!1),
+      showConnectionsWidget: E,
+      title: _.manage_connections
+    })]
+  });
+});
+export {
+  st as NetWorthWidget
+};
+
+//# sourceMappingURL=NetWorthWidget.es.js.map

package/dist/networth/NetWorthWidget.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NetWorthWidget.es.js","names":[],"sources":["../../src/networth/NetWorthWidget.tsx"],"sourcesContent":["import React from 'react'\nimport { differenceInMonths } from 'date-fns'\nimport { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\n\nimport type { DateRange } from '@mui/x-date-pickers-pro'\n\nimport ConnectionsDrawer from '../accounts/components/ConnectionsDrawer'\nimport {\n  ANALYTICS_EVENTS,\n  EmptyState,\n  Loader,\n  useEvent,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useNetWorthStore,\n  useScreenSize,\n  useWidgetLoadTimer,\n  WidgetContainer,\n} from '../common'\nimport { WidgetProps } from '../core'\n\nimport NetWorthChart from './components/NetWorthChart'\nimport NetWorthList from './components/NetWorthList'\nimport NetWorthSummary from './components/NetWorthSummary'\n\nexport const NetWorthWidget: React.FC<WidgetProps> = observer(({ onBackClick, onMenuClick }) => {\n  const { isInitialized } = useGlobalUiStore()\n  const { accounts: accountsCopy, net_worth: copy } = useGlobalCopyStore()\n  const {\n    hoveredData,\n    isNetWorthDataLoaded,\n    loadNetWorthData,\n    netWorthChartData,\n    selectedData,\n    setTimeframe,\n  } = useNetWorthStore()\n  const { isMobile } = useScreenSize()\n  const { onEvent } = useEvent()\n\n  const [showConnectionsWidget, setShowConnectionsWidget] = React.useState(false)\n\n  useWidgetLoadTimer({\n    widgetName: 'NetWorthWidget',\n    isLoaded: isNetWorthDataLoaded,\n  })\n\n  React.useEffect(() => {\n    if (!isNetWorthDataLoaded) {\n      loadNetWorthData().finally()\n    }\n    onEvent(ANALYTICS_EVENTS.NET_WORTH_VIEW)\n  }, [])\n\n  const handleRangeChanged = async (range: DateRange<Date>) => {\n    const startDate = range[0]\n    const endDate = range[1]\n\n    if (startDate && endDate) {\n      setTimeframe(differenceInMonths(endDate, startDate))\n    }\n  }\n\n  const handleTimeframeClick = (months: number) => {\n    onEvent(ANALYTICS_EVENTS.NET_WORTH_WIDGET_CLICK_TIMEFRAME, { time_period: months + 'M' })\n  }\n\n  const handleManageConnections = () => {\n    setShowConnectionsWidget(true)\n    onEvent(ANALYTICS_EVENTS.ACCOUNTS_CLICK_CONNECT)\n  }\n\n  if (!isInitialized || !isNetWorthDataLoaded) return <Loader />\n\n  const showEmptyState = netWorthChartData.length === 0\n\n  return (\n    <WidgetContainer\n      calendarActions={{\n        onRangeChanged: handleRangeChanged,\n        onTimeframeClick: handleTimeframeClick,\n      }}\n      dateRangeVariant={isMobile ? 'timeframetabs' : 'timeframebuttons'}\n      onAccountsFilterClick={() => onEvent(ANALYTICS_EVENTS.NET_WORTH_WIDGET_CLICK_FILTER)}\n      onBackClick={onBackClick}\n      onMenuClick={onMenuClick}\n      title={copy.net_worth}\n    >\n      {!showEmptyState ? (\n        <>\n          {selectedData && (\n            <NetWorthSummary hoveredData={hoveredData} selectedData={selectedData} />\n          )}\n          <Stack\n            alignItems={isMobile ? 'center' : 'flex-start'}\n            direction={isMobile ? 'column' : 'row'}\n            spacing={isMobile ? 0 : 48}\n          >\n            <NetWorthChart />\n            <NetWorthList />\n          </Stack>\n        </>\n      ) : (\n        <Box sx={{ justifyItems: 'center' }}>\n          <EmptyState\n            header={copy.empty_widget_header}\n            icon={'elevation'}\n            onClick={handleManageConnections}\n            primaryButton={copy.empty_widget_button}\n            subText={copy.empty_widget_description}\n            sx={{\n              width: { sm: 432 },\n              '.buttons-footer': {\n                width: 167,\n              },\n            }}\n          />\n        </Box>\n      )}\n\n      <ConnectionsDrawer\n        onClose={() => setShowConnectionsWidget(false)}\n        showConnectionsWidget={showConnectionsWidget}\n        title={accountsCopy.manage_connections}\n      />\n    </WidgetContainer>\n  )\n})\n"],"mappings":";;;;;;;;;;;;;;;;;AA4BA,IAAa,KAAwC,EAAA,CAAU,EAAE,aAAA,GAAa,aAAA,EAAA,MAAkB;AAC9F,QAAM,EAAE,eAAA,EAAA,IAAkB,EAAiB,GACrC,EAAE,UAAU,GAAc,WAAW,EAAA,IAAS,EAAmB,GACjE,EACJ,aAAA,GACA,sBAAA,GACA,kBAAA,GACA,mBAAA,GACA,cAAA,GACA,cAAA,EAAA,IACE,EAAiB,GACf,EAAE,UAAA,EAAA,IAAa,EAAc,GAC7B,EAAE,SAAA,EAAA,IAAY,EAAS,GAEvB,CAAC,GAAuB,CAAA,IAA4B,EAAM,SAAS,EAAK;AAE9E,EAAA,EAAmB;AAAA,IACjB,YAAY;AAAA,IACZ,UAAU;AAAA,EACZ,CAAC,GAED,EAAM,UAAA,MAAgB;AACpB,IAAK,KACH,EAAiB,EAAE,QAAQ,GAE7B,EAAQ,EAAiB,cAAc;AAAA,EACzC,GAAG,CAAC,CAAC;AAEL,QAAM,IAAqB,OAAO,MAA2B;AAC3D,UAAM,IAAY,EAAM,CAAA,GAClB,IAAU,EAAM,CAAA;AAEtB,IAAI,KAAa,KACf,EAAa,EAAmB,GAAS,CAAS,CAAC;AAAA,EAEvD,GAEM,IAAA,CAAwB,MAAmB;AAC/C,IAAA,EAAQ,EAAiB,kCAAkC,EAAE,aAAa,IAAS,IAAI,CAAC;AAAA,EAC1F,GAEM,IAAA,MAAgC;AACpC,IAAA,EAAyB,EAAI,GAC7B,EAAQ,EAAiB,sBAAsB;AAAA,EACjD;AAEA,MAAI,CAAC,KAAiB,CAAC,EAAsB,QAAO,gBAAA,EAAC,GAAD,CAAS,CAAA;AAE7D,QAAM,IAAiB,EAAkB,WAAW;AAEpD,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,iBAAiB;AAAA,MACf,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,IACpB;AAAA,IACA,kBAAkB,IAAW,kBAAkB;AAAA,IAC/C,uBAAA,MAA6B,EAAQ,EAAiB,6BAA6B;AAAA,IACtE,aAAA;AAAA,IACA,aAAA;AAAA,IACb,OAAO,EAAK;AAAA,cATd,CAWI,IAeA,gBAAA,EAAC,GAAD;AAAA,MAAK,IAAI,EAAE,cAAc,SAAS;AAAA,gBAChC,gBAAA,EAAC,GAAD;AAAA,QACE,QAAQ,EAAK;AAAA,QACb,MAAM;AAAA,QACN,SAAS;AAAA,QACT,eAAe,EAAK;AAAA,QACpB,SAAS,EAAK;AAAA,QACd,IAAI;AAAA,UACF,OAAO,EAAE,IAAI,IAAI;AAAA,UACjB,mBAAmB,EACjB,OAAO,IACT;AAAA,QACF;AAAA,MACD,CAAA;AAAA,IACE,CAAA,IA5BL,gBAAA,EAAA,GAAA,EAAA,UAAA,CACG,KACC,gBAAA,EAAC,GAAD;AAAA,MAA8B,aAAA;AAAA,MAA2B,cAAA;AAAA,IAAe,CAAA,GAE1E,gBAAA,EAAC,GAAD;AAAA,MACE,YAAY,IAAW,WAAW;AAAA,MAClC,WAAW,IAAW,WAAW;AAAA,MACjC,SAAS,IAAW,IAAI;AAAA,gBAH1B,CAKE,gBAAA,EAAC,GAAD,CAAgB,CAAA,GAChB,gBAAA,EAAC,GAAD,CAAe,CAAA,CACV;AAAA,MACP,EAAA,CAAA,GAmBJ,gBAAA,EAAC,GAAD;AAAA,MACE,SAAA,MAAe,EAAyB,EAAK;AAAA,MACtB,uBAAA;AAAA,MACvB,OAAO,EAAa;AAAA,IACrB,CAAA,CACc;AAAA;AAErB,CAAC"}