@mx-cartographer/experiences 9.2.4-alpha.al0 → 9.3.0-alpha.bb1

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.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          '-ms-overflow-style': 'none',\n          '-webkit-overflow-scrolling': '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/index.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=index.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.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/index.es.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.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/index.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=index.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.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/index.es.js

@@ -0,0 +1,27 @@
+import { InsightsMicroWidgetDataContext as e } from "../InsightsMicroWidgetDataProvider/index.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=index.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.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"}