@zenpatient-org/healthspan-marketing-ui 0.1.163 → 0.1.165

package/dist/modules/IndividualProductCard/IndividualProductCard.es.js

@@ -1,80 +1,98 @@
-import { jsx as a, jsxs as r, Fragment as b } from "react/jsx-runtime";
-import { cn as u } from "../../utils/cn/cn.es.js";
-import { Button as h } from "../../components/Button/Button.es.js";
-import { TextButton as p } from "../../components/TextButton/TextButton.es.js";
-import { ImageGallery as y } from "../../components/ImageGallery/ImageGallery.es.js";
-import { Typography as m } from "../../components/Typography/Typography.es.js";
-import { SmartCallout as w } from "../../components/SmartCallout/SmartCallout.es.js";
-import { RatingStars as V } from "../../components/RatingStars/RatingStars.es.js";
-import { Features as C } from "./components/Features/Features.es.js";
-import { PlanCard as z } from "./components/PlanCard/PlanCard.es.js";
-import e from "./individualProductCard.module.css.es.js";
-const L = ({
-  name: f,
-  description: n,
-  features: v,
-  images: g,
-  label: N,
-  rating: l,
-  plans: c,
-  button: s,
-  textButton: i,
-  selectedPlanId: S,
-  onSelectPlan: t
+import { jsx as i, jsxs as a, Fragment as z } from "react/jsx-runtime";
+import { cn as F } from "../../utils/cn/cn.es.js";
+import { Button as v } from "../../components/Button/Button.es.js";
+import { TextButton as g } from "../../components/TextButton/TextButton.es.js";
+import { ImageGallery as R } from "../../components/ImageGallery/ImageGallery.es.js";
+import { Typography as t } from "../../components/Typography/Typography.es.js";
+import { SmartCallout as T } from "../../components/SmartCallout/SmartCallout.es.js";
+import { RatingStars as j } from "../../components/RatingStars/RatingStars.es.js";
+import { Features as D } from "./components/Features/Features.es.js";
+import { PlanCard as E } from "./components/PlanCard/PlanCard.es.js";
+import { EAnalyticsEventType as H } from "../../types/analytics/analytics.es.js";
+import r from "./individualProductCard.module.css.es.js";
+const W = ({
+  name: y,
+  description: h,
+  features: u,
+  images: N,
+  label: b,
+  rating: o,
+  plans: s,
+  button: c,
+  textButton: l,
+  selectedPlanId: w,
+  onSelectPlan: d,
+  trackingEvent: f,
+  trackingLocation: S
 }) => {
-  const d = c && c.length > 0 && t;
-  return /* @__PURE__ */ a("section", { className: e.root, children: /* @__PURE__ */ r("div", { className: u(e.container, !d && e.noPlans), children: [
-    /* @__PURE__ */ r("div", { className: e.info, children: [
-      /* @__PURE__ */ r("div", { className: e.infoHeader, children: [
-        /* @__PURE__ */ a(m, { as: "h3", defaultVariant: "displayXs", mobileVariant: "headingLg", weight: "regular", children: f }),
-        !!n && /* @__PURE__ */ a(
-          m,
+  const n = s && s.length > 0 && d, C = (e) => {
+    var p;
+    if (d == null || d(e), f) {
+      const m = s == null ? void 0 : s.find((A) => A.id === e), V = {
+        event: f,
+        location: S || "",
+        type: H.interaction,
+        payload: {
+          planId: e,
+          planPrice: m == null ? void 0 : m.price,
+          planDuration: m == null ? void 0 : m.duration
+        }
+      };
+      (p = window.eventBus) == null || p.emit("analytics", V);
+    }
+  };
+  return /* @__PURE__ */ i("section", { className: r.root, children: /* @__PURE__ */ a("div", { className: F(r.container, !n && r.noPlans), children: [
+    /* @__PURE__ */ a("div", { className: r.info, children: [
+      /* @__PURE__ */ a("div", { className: r.infoHeader, children: [
+        /* @__PURE__ */ i(t, { as: "h3", defaultVariant: "displayXs", mobileVariant: "headingLg", weight: "regular", children: y }),
+        !!h && /* @__PURE__ */ i(
+          t,
           {
             as: "p",
             defaultVariant: "bodySm",
-            className: e.infoDescription,
+            className: r.infoDescription,
             weight: "regular",
-            children: n
+            children: h
           }
         ),
-        l && /* @__PURE__ */ r("div", { className: e.ratingContainer, children: [
-          !!l.stars && /* @__PURE__ */ a(V, { rating: l.stars, size: "sm" }),
-          !!l.totalReviews && /* @__PURE__ */ r(m, { as: "p", defaultVariant: "labelSm", emphasis: !0, children: [
-            l.totalReviews,
+        o && /* @__PURE__ */ a("div", { className: r.ratingContainer, children: [
+          !!o.stars && /* @__PURE__ */ i(j, { rating: o.stars, size: "sm" }),
+          !!o.totalReviews && /* @__PURE__ */ a(t, { as: "p", defaultVariant: "labelSm", emphasis: !0, children: [
+            o.totalReviews,
             " reviews"
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ a(C, { features: v }),
-      /* @__PURE__ */ r("div", { className: e.actions, children: [
-        /* @__PURE__ */ a(w, { label: "HSA/FSA Eligible" }),
-        !d && /* @__PURE__ */ r(b, { children: [
-          /* @__PURE__ */ a(h, { variant: "primary", size: "lg", ...s, children: s.label }),
-          i && /* @__PURE__ */ a(p, { ...i, children: i.label })
+      /* @__PURE__ */ i(D, { features: u }),
+      /* @__PURE__ */ a("div", { className: r.actions, children: [
+        /* @__PURE__ */ i(T, { label: "HSA/FSA Eligible" }),
+        !n && /* @__PURE__ */ a(z, { children: [
+          /* @__PURE__ */ i(v, { variant: "primary", size: "lg", ...c, children: c.label }),
+          l && /* @__PURE__ */ i(g, { ...l, children: l.label })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ a(y, { className: e.gallery, images: g, label: N }),
-    d && /* @__PURE__ */ r("div", { className: e.plansSection, children: [
-      /* @__PURE__ */ r("div", { className: e.plans, children: [
-        /* @__PURE__ */ a(m, { as: "h4", defaultVariant: "labelSm", emphasis: !0, weight: "regular", children: "Subscribe & Save" }),
-        c.map((o) => /* @__PURE__ */ a(
-          z,
+    /* @__PURE__ */ i(R, { className: r.gallery, images: N, label: b }),
+    n && /* @__PURE__ */ a("div", { className: r.plansSection, children: [
+      /* @__PURE__ */ a("div", { className: r.plans, children: [
+        /* @__PURE__ */ i(t, { as: "h4", defaultVariant: "labelSm", emphasis: !0, weight: "regular", children: "Subscribe & Save" }),
+        s.map((e) => /* @__PURE__ */ i(
+          E,
           {
-            plan: o,
-            onSelect: t,
-            isActive: S === o.id
+            plan: e,
+            onSelect: C,
+            isActive: w === e.id
           },
-          o.id
+          e.id
         ))
       ] }),
-      /* @__PURE__ */ r("div", { className: e.actions, children: [
-        /* @__PURE__ */ a(h, { variant: "primary", size: "lg", ...s, children: s.label }),
-        i && /* @__PURE__ */ a(p, { ...i, children: i.label })
+      /* @__PURE__ */ a("div", { className: r.actions, children: [
+        /* @__PURE__ */ i(v, { variant: "primary", size: "lg", ...c, children: c.label }),
+        l && /* @__PURE__ */ i(g, { ...l, children: l.label })
       ] })
     ] })
   ] }) });
 };
 export {
-  L as IndividualProductCard
+  W as IndividualProductCard
 };

package/dist/modules/ResearchFeatured/ResearchFeatured.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("../../components/Typography/Typography.cjs.js"),l=require("./components/HighlightedArticle/HighlightedArticle.cjs.js"),c=require("./components/FeaturedArticle/FeaturedArticle.cjs.js"),r=require("./researchFeatured.module.css.cjs.js"),n=({highlightedArticle:t,articles:a})=>e.jsx("div",{className:r.default.root,children:e.jsxs("div",{className:r.default.container,children:[e.jsx("div",{className:r.default.divider}),e.jsx(l.HighlightedArticle,{...t}),a.length>0&&e.jsxs("div",{className:r.default.featuredArticles,children:[e.jsx(d.Typography,{defaultVariant:"headingLg",mobileVariant:"headingSm",children:"Featured"}),e.jsx("div",{className:r.default.articlesContainer,children:a.map((i,s)=>e.jsx(c.FeaturedArticle,{...i},s))})]})]})});exports.ResearchFeatured=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../components/Typography/Typography.cjs.js"),n=require("./components/HighlightedArticle/HighlightedArticle.cjs.js"),u=require("./components/FeaturedArticle/FeaturedArticle.cjs.js"),r=require("./researchFeatured.module.css.cjs.js"),o=({highlightedArticle:t,articles:a,trackingEvent:i,trackingLocation:s})=>e.jsx("div",{className:r.default.root,children:e.jsxs("div",{className:r.default.container,children:[e.jsx("div",{className:r.default.divider}),e.jsx(n.HighlightedArticle,{...t}),a.length>0&&e.jsxs("div",{className:r.default.featuredArticles,children:[e.jsx(c.Typography,{defaultVariant:"headingLg",mobileVariant:"headingSm",children:"Featured"}),e.jsx("div",{className:r.default.articlesContainer,children:a.map((d,l)=>e.jsx(u.FeaturedArticle,{...d,trackingEvent:i,trackingLocation:s},l))})]})]})});exports.ResearchFeatured=o;

package/dist/modules/ResearchFeatured/ResearchFeatured.d.ts

@@ -1,8 +1,11 @@
 import { TResearchArticleView } from '../../types/articles';
+import { EAnalyticsEvent } from '../../types/analytics';
 
 type TResearchFeatured = {
     highlightedArticle: TResearchArticleView;
     articles: Array<TResearchArticleView>;
+    trackingEvent?: EAnalyticsEvent.featuredArticleClicked;
+    trackingLocation?: string;
 };
-export declare const ResearchFeatured: ({ highlightedArticle, articles }: TResearchFeatured) => import("react/jsx-runtime").JSX.Element;
+export declare const ResearchFeatured: ({ highlightedArticle, articles, trackingEvent, trackingLocation, }: TResearchFeatured) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/modules/ResearchFeatured/ResearchFeatured.es.js

@@ -1,16 +1,29 @@
 import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import { Typography as m } from "../../components/Typography/Typography.es.js";
-import { HighlightedArticle as o } from "./components/HighlightedArticle/HighlightedArticle.es.js";
-import { FeaturedArticle as s } from "./components/FeaturedArticle/FeaturedArticle.es.js";
+import { Typography as s } from "../../components/Typography/Typography.es.js";
+import { HighlightedArticle as c } from "./components/HighlightedArticle/HighlightedArticle.es.js";
+import { FeaturedArticle as n } from "./components/FeaturedArticle/FeaturedArticle.es.js";
 import r from "./researchFeatured.module.css.es.js";
-const g = ({ highlightedArticle: t, articles: i }) => /* @__PURE__ */ e("div", { className: r.root, children: /* @__PURE__ */ a("div", { className: r.container, children: [
+const v = ({
+  highlightedArticle: t,
+  articles: i,
+  trackingEvent: d,
+  trackingLocation: l
+}) => /* @__PURE__ */ e("div", { className: r.root, children: /* @__PURE__ */ a("div", { className: r.container, children: [
   /* @__PURE__ */ e("div", { className: r.divider }),
-  /* @__PURE__ */ e(o, { ...t }),
+  /* @__PURE__ */ e(c, { ...t }),
   i.length > 0 && /* @__PURE__ */ a("div", { className: r.featuredArticles, children: [
-    /* @__PURE__ */ e(m, { defaultVariant: "headingLg", mobileVariant: "headingSm", children: "Featured" }),
-    /* @__PURE__ */ e("div", { className: r.articlesContainer, children: i.map((d, l) => /* @__PURE__ */ e(s, { ...d }, l)) })
+    /* @__PURE__ */ e(s, { defaultVariant: "headingLg", mobileVariant: "headingSm", children: "Featured" }),
+    /* @__PURE__ */ e("div", { className: r.articlesContainer, children: i.map((m, o) => /* @__PURE__ */ e(
+      n,
+      {
+        ...m,
+        trackingEvent: d,
+        trackingLocation: l
+      },
+      o
+    )) })
   ] })
 ] }) });
 export {
-  g as ResearchFeatured
+  v as ResearchFeatured
 };

package/dist/modules/ResearchFeatured/components/FeaturedArticle/FeaturedArticle.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../../../utils/formatDate.cjs.js"),t=require("../../../../components/Typography/Typography.cjs.js"),a=require("./featuredArticle.module.css.cjs.js"),n=({image:s,date:l,readTime:r,title:i,link:o})=>e.jsxs("a",{href:o,className:a.default.root,children:[e.jsx("img",{src:s,alt:"article image",className:a.default.image}),e.jsxs("div",{className:a.default.content,children:[e.jsxs(t.Typography,{as:"p",defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"medium",color:"color-neutral-500",className:a.default.info,children:[e.jsx("span",{children:c.formatDate(l)}),!!r&&e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"•"}),e.jsxs("span",{children:[r," MIN READ"]})]})]}),e.jsx(t.Typography,{defaultVariant:"bodySm",className:a.default.title,children:i})]}),e.jsx("div",{className:a.default.borderLeft}),e.jsx("div",{className:a.default.borderRight})]});exports.FeaturedArticle=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("../../../../utils/formatDate.cjs.js"),r=require("../../../../components/Typography/Typography.cjs.js"),y=require("../../../../types/analytics/analytics.cjs.js"),a=require("./featuredArticle.module.css.cjs.js"),f=({image:i,date:n,readTime:t,title:c,link:o,trackingEvent:l,trackingLocation:d})=>{const u=()=>{var s;if(l){const m={event:l,location:d||"",type:y.EAnalyticsEventType.interaction,payload:{articleTitle:document.title}};(s=window.eventBus)==null||s.emit("analytics",m)}};return e.jsxs("a",{href:o,className:a.default.root,onClick:u,children:[e.jsx("img",{src:i,alt:"article image",className:a.default.image}),e.jsxs("div",{className:a.default.content,children:[e.jsxs(r.Typography,{as:"p",defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"medium",color:"color-neutral-500",className:a.default.info,children:[e.jsx("span",{children:p.formatDate(n)}),!!t&&e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"•"}),e.jsxs("span",{children:[t," MIN READ"]})]})]}),e.jsx(r.Typography,{defaultVariant:"bodySm",className:a.default.title,children:c})]}),e.jsx("div",{className:a.default.borderLeft}),e.jsx("div",{className:a.default.borderRight})]})};exports.FeaturedArticle=f;

package/dist/modules/ResearchFeatured/components/FeaturedArticle/FeaturedArticle.d.ts

@@ -1,3 +1,3 @@
 import { TResearchArticleView } from '../../../../types/articles';
 
-export declare const FeaturedArticle: ({ image, date, readTime, title, link }: TResearchArticleView) => import("react/jsx-runtime").JSX.Element;
+export declare const FeaturedArticle: ({ image, date, readTime, title, link, trackingEvent, trackingLocation, }: TResearchArticleView) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/ResearchFeatured/components/FeaturedArticle/FeaturedArticle.es.js

@@ -1,37 +1,62 @@
-import { jsxs as r, jsx as a, Fragment as c } from "react/jsx-runtime";
-import { formatDate as n } from "../../../../utils/formatDate.es.js";
-import { Typography as t } from "../../../../components/Typography/Typography.es.js";
+import { jsxs as t, jsx as a, Fragment as f } from "react/jsx-runtime";
+import { formatDate as u } from "../../../../utils/formatDate.es.js";
+import { Typography as o } from "../../../../components/Typography/Typography.es.js";
+import { EAnalyticsEventType as y } from "../../../../types/analytics/analytics.es.js";
 import e from "./featuredArticle.module.css.es.js";
-const N = ({ image: i, date: s, readTime: l, title: o, link: m }) => /* @__PURE__ */ r("a", { href: m, className: e.root, children: [
-  /* @__PURE__ */ a("img", { src: i, alt: "article image", className: e.image }),
-  /* @__PURE__ */ r("div", { className: e.content, children: [
-    /* @__PURE__ */ r(
-      t,
-      {
-        as: "p",
-        defaultVariant: "labelSm",
-        mobileVariant: "labelXs",
-        emphasis: !0,
-        weight: "medium",
-        color: "color-neutral-500",
-        className: e.info,
-        children: [
-          /* @__PURE__ */ a("span", { children: n(s) }),
-          !!l && /* @__PURE__ */ r(c, { children: [
-            /* @__PURE__ */ a("span", { children: "•" }),
-            /* @__PURE__ */ r("span", { children: [
-              l,
-              " MIN READ"
+const x = ({
+  image: n,
+  date: s,
+  readTime: i,
+  title: c,
+  link: m,
+  trackingEvent: l,
+  trackingLocation: d
+}) => {
+  const p = () => {
+    var r;
+    if (l) {
+      const h = {
+        event: l,
+        location: d || "",
+        type: y.interaction,
+        payload: {
+          articleTitle: document.title
+        }
+      };
+      (r = window.eventBus) == null || r.emit("analytics", h);
+    }
+  };
+  return /* @__PURE__ */ t("a", { href: m, className: e.root, onClick: p, children: [
+    /* @__PURE__ */ a("img", { src: n, alt: "article image", className: e.image }),
+    /* @__PURE__ */ t("div", { className: e.content, children: [
+      /* @__PURE__ */ t(
+        o,
+        {
+          as: "p",
+          defaultVariant: "labelSm",
+          mobileVariant: "labelXs",
+          emphasis: !0,
+          weight: "medium",
+          color: "color-neutral-500",
+          className: e.info,
+          children: [
+            /* @__PURE__ */ a("span", { children: u(s) }),
+            !!i && /* @__PURE__ */ t(f, { children: [
+              /* @__PURE__ */ a("span", { children: "•" }),
+              /* @__PURE__ */ t("span", { children: [
+                i,
+                " MIN READ"
+              ] })
             ] })
-          ] })
-        ]
-      }
-    ),
-    /* @__PURE__ */ a(t, { defaultVariant: "bodySm", className: e.title, children: o })
-  ] }),
-  /* @__PURE__ */ a("div", { className: e.borderLeft }),
-  /* @__PURE__ */ a("div", { className: e.borderRight })
-] });
+          ]
+        }
+      ),
+      /* @__PURE__ */ a(o, { defaultVariant: "bodySm", className: e.title, children: c })
+    ] }),
+    /* @__PURE__ */ a("div", { className: e.borderLeft }),
+    /* @__PURE__ */ a("div", { className: e.borderRight })
+  ] });
+};
 export {
-  N as FeaturedArticle
+  x as FeaturedArticle
 };

package/dist/modules/ResearchFilters/ResearchFilters.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../components/Typography/Typography.cjs.js");require("../../components/Tabs/Tabs.cjs.js");const l=require("../../components/Tabs/TabsWithFade.cjs.js"),r=require("./researchFilters.module.css.cjs.js"),c=({tabs:s,activeTab:a,onTabChange:i})=>e.jsx("section",{className:r.default.root,children:e.jsxs("div",{className:r.default.container,children:[e.jsx(t.Typography,{defaultVariant:"displayMd",mobileVariant:"displayXs",children:"Research"}),e.jsx("div",{className:r.default.filters,children:e.jsx("div",{className:r.default.tabsWrapper,children:e.jsx(l.TabsWithFade,{activeTab:a,tabs:s,size:"md",activeLinePosition:"bottom",onTabClick:i})})})]})});exports.ResearchFilters=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),y=require("../../components/Typography/Typography.cjs.js");require("../../components/Tabs/Tabs.cjs.js");const p=require("../../components/Tabs/TabsWithFade.cjs.js"),u=require("../../types/analytics/analytics.cjs.js"),a=require("./researchFilters.module.css.cjs.js"),h=({tabs:r,activeTab:n,onTabChange:c,trackingEvent:s,trackingLocation:l})=>{const o=t=>{var i;if(c(t),s){const d={event:s,location:l||"",type:u.EAnalyticsEventType.appearance,payload:{category:t}};(i=window.eventBus)==null||i.emit("analytics",d)}};return e.jsx("section",{className:a.default.root,children:e.jsxs("div",{className:a.default.container,children:[e.jsx(y.Typography,{defaultVariant:"displayMd",mobileVariant:"displayXs",children:"Research"}),e.jsx("div",{className:a.default.filters,children:e.jsx("div",{className:a.default.tabsWrapper,children:e.jsx(p.TabsWithFade,{activeTab:n,tabs:r,size:"md",activeLinePosition:"bottom",onTabClick:o})})})]})})};exports.ResearchFilters=h;

package/dist/modules/ResearchFilters/ResearchFilters.d.ts

@@ -1,8 +1,11 @@
 import { TTab } from '../../components/Tabs';
+import { EAnalyticsEvent } from '../../types/analytics';
 
 export type TResearchFilters = {
     tabs: Array<TTab<string>>;
     activeTab: string;
     onTabChange: (value: string) => void;
+    trackingEvent?: EAnalyticsEvent.articleCategoryClicked;
+    trackingLocation?: string;
 };
-export declare const ResearchFilters: ({ tabs, activeTab, onTabChange }: TResearchFilters) => import("react/jsx-runtime").JSX.Element;
+export declare const ResearchFilters: ({ tabs, activeTab, onTabChange, trackingEvent, trackingLocation, }: TResearchFilters) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/ResearchFilters/ResearchFilters.es.js

@@ -1,21 +1,44 @@
-import { jsx as i, jsxs as t } from "react/jsx-runtime";
-import { Typography as o } from "../../components/Typography/Typography.es.js";
+import { jsx as e, jsxs as p } from "react/jsx-runtime";
+import { Typography as d } from "../../components/Typography/Typography.es.js";
 import "../../components/Tabs/Tabs.es.js";
-import { TabsWithFade as l } from "../../components/Tabs/TabsWithFade.es.js";
-import r from "./researchFilters.module.css.es.js";
-const h = ({ tabs: e, activeTab: s, onTabChange: a }) => /* @__PURE__ */ i("section", { className: r.root, children: /* @__PURE__ */ t("div", { className: r.container, children: [
-  /* @__PURE__ */ i(o, { defaultVariant: "displayMd", mobileVariant: "displayXs", children: "Research" }),
-  /* @__PURE__ */ i("div", { className: r.filters, children: /* @__PURE__ */ i("div", { className: r.tabsWrapper, children: /* @__PURE__ */ i(
-    l,
-    {
-      activeTab: s,
-      tabs: e,
-      size: "md",
-      activeLinePosition: "bottom",
-      onTabClick: a
+import { TabsWithFade as y } from "../../components/Tabs/TabsWithFade.es.js";
+import { EAnalyticsEventType as h } from "../../types/analytics/analytics.es.js";
+import i from "./researchFilters.module.css.es.js";
+const j = ({
+  tabs: r,
+  activeTab: s,
+  onTabChange: n,
+  trackingEvent: a,
+  trackingLocation: c
+}) => {
+  const l = (t) => {
+    var o;
+    if (n(t), a) {
+      const m = {
+        event: a,
+        location: c || "",
+        type: h.appearance,
+        payload: {
+          category: t
+        }
+      };
+      (o = window.eventBus) == null || o.emit("analytics", m);
     }
-  ) }) })
-] }) });
+  };
+  return /* @__PURE__ */ e("section", { className: i.root, children: /* @__PURE__ */ p("div", { className: i.container, children: [
+    /* @__PURE__ */ e(d, { defaultVariant: "displayMd", mobileVariant: "displayXs", children: "Research" }),
+    /* @__PURE__ */ e("div", { className: i.filters, children: /* @__PURE__ */ e("div", { className: i.tabsWrapper, children: /* @__PURE__ */ e(
+      y,
+      {
+        activeTab: s,
+        tabs: r,
+        size: "md",
+        activeLinePosition: "bottom",
+        onTabClick: l
+      }
+    ) }) })
+  ] }) });
+};
 export {
-  h as ResearchFilters
+  j as ResearchFilters
 };

package/dist/modules/ResearchStudies/ResearchStudies.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../components/Button/Button.cjs.js");require("../../components/Icon/Icon.cjs.js");const n=require("../../components/Icon/constants.cjs.js"),h=require("../../components/Typography/Typography.cjs.js"),m=require("./components/StudyCard/StudyCard.cjs.js"),f=require("./components/StudiesSkeleton/StudiesSkeleton.cjs.js"),s=require("./researchStudies.module.css.cjs.js"),p=6,x=({studies:d,hasMoreButton:l,title:o,backButton:r,loading:c,onClickShowMore:u})=>e.jsx("div",{className:s.default.root,children:e.jsxs("div",{className:s.default.container,children:[e.jsxs("div",{className:s.default.header,children:[r&&e.jsx("div",{className:s.default.backButton,children:e.jsx(t.Button,{as:"a",href:r.href,size:"xs",prefixIcon:n.EIconName.ARROW_BACK,variant:"ghost",children:r==null?void 0:r.label})}),e.jsx(h.Typography,{defaultVariant:"displayXs",mobileVariant:"headingLg",children:o})]}),e.jsxs("div",{className:s.default.studies,children:[d.map(a=>e.jsx("div",{className:s.default.studyCard,children:e.jsx(m.StudyCard,{...a})},`${a.title}_${a.link}`)),c&&Array.from({length:p}).map((a,i)=>e.jsx("div",{className:s.default.studyCard,children:e.jsx(f.StudiesSkeleton,{},i)},i))]}),l&&e.jsx("div",{className:s.default.buttonContainer,children:e.jsx(t.Button,{size:"lg",variant:"muted",prefixIcon:n.EIconName.PLUS,onClick:u,children:"show more"})})]})});exports.ResearchStudies=x;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../components/Button/Button.cjs.js");require("../../components/Icon/Icon.cjs.js");const n=require("../../components/Icon/constants.cjs.js"),f=require("../../components/Typography/Typography.cjs.js"),p=require("./components/StudyCard/StudyCard.cjs.js"),x=require("./components/StudiesSkeleton/StudiesSkeleton.cjs.js"),s=require("./researchStudies.module.css.cjs.js"),j=6,S=({studies:d,hasMoreButton:l,title:o,backButton:r,loading:c,onClickShowMore:u,trackingEvent:h,trackingLocation:m})=>e.jsx("div",{className:s.default.root,children:e.jsxs("div",{className:s.default.container,children:[e.jsxs("div",{className:s.default.header,children:[r&&e.jsx("div",{className:s.default.backButton,children:e.jsx(t.Button,{as:"a",href:r.href,size:"xs",prefixIcon:n.EIconName.ARROW_BACK,variant:"ghost",children:r==null?void 0:r.label})}),e.jsx(f.Typography,{defaultVariant:"displayXs",mobileVariant:"headingLg",children:o})]}),e.jsxs("div",{className:s.default.studies,children:[d.map(a=>e.jsx("div",{className:s.default.studyCard,children:e.jsx(p.StudyCard,{...a,trackingEvent:h,trackingLocation:m})},`${a.title}_${a.link}`)),c&&Array.from({length:j}).map((a,i)=>e.jsx("div",{className:s.default.studyCard,children:e.jsx(x.StudiesSkeleton,{},i)},i))]}),l&&e.jsx("div",{className:s.default.buttonContainer,children:e.jsx(t.Button,{size:"lg",variant:"muted",prefixIcon:n.EIconName.PLUS,onClick:u,children:"show more"})})]})});exports.ResearchStudies=S;

package/dist/modules/ResearchStudies/ResearchStudies.d.ts

@@ -1,4 +1,5 @@
 import { TResearchArticleView } from '../../types/articles';
+import { EAnalyticsEvent } from '../../types/analytics';
 
 type ResearchStudiesProps = {
     title: string;
@@ -10,6 +11,8 @@ type ResearchStudiesProps = {
     hasMoreButton: boolean;
     loading?: boolean;
     onClickShowMore: () => void;
+    trackingEvent?: EAnalyticsEvent.featuredArticleClicked;
+    trackingLocation?: string;
 };
-export declare const ResearchStudies: ({ studies, hasMoreButton, title, backButton, loading, onClickShowMore, }: ResearchStudiesProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ResearchStudies: ({ studies, hasMoreButton, title, backButton, loading, onClickShowMore, trackingEvent, trackingLocation, }: ResearchStudiesProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/modules/ResearchStudies/ResearchStudies.es.js

@@ -3,17 +3,19 @@ import { jsx as r, jsxs as s } from "react/jsx-runtime";
 import { Button as d } from "../../components/Button/Button.es.js";
 import "../../components/Icon/Icon.es.js";
 import { EIconName as m } from "../../components/Icon/constants.es.js";
-import { Typography as p } from "../../components/Typography/Typography.es.js";
-import { StudyCard as f } from "./components/StudyCard/StudyCard.es.js";
-import { StudiesSkeleton as N } from "./components/StudiesSkeleton/StudiesSkeleton.es.js";
+import { Typography as N } from "../../components/Typography/Typography.es.js";
+import { StudyCard as v } from "./components/StudyCard/StudyCard.es.js";
+import { StudiesSkeleton as C } from "./components/StudiesSkeleton/StudiesSkeleton.es.js";
 import e from "./researchStudies.module.css.es.js";
-const v = 6, R = ({
+const S = 6, I = ({
   studies: o,
   hasMoreButton: n,
   title: t,
   backButton: i,
   loading: c,
-  onClickShowMore: h
+  onClickShowMore: h,
+  trackingEvent: p,
+  trackingLocation: f
 }) => /* @__PURE__ */ r("div", { className: e.root, children: /* @__PURE__ */ s("div", { className: e.container, children: [
   /* @__PURE__ */ s("div", { className: e.header, children: [
     i && /* @__PURE__ */ r("div", { className: e.backButton, children: /* @__PURE__ */ r(
@@ -27,14 +29,14 @@ const v = 6, R = ({
         children: i == null ? void 0 : i.label
       }
     ) }),
-    /* @__PURE__ */ r(p, { defaultVariant: "displayXs", mobileVariant: "headingLg", children: t })
+    /* @__PURE__ */ r(N, { defaultVariant: "displayXs", mobileVariant: "headingLg", children: t })
   ] }),
   /* @__PURE__ */ s("div", { className: e.studies, children: [
-    o.map((a) => /* @__PURE__ */ r("div", { className: e.studyCard, children: /* @__PURE__ */ r(f, { ...a }) }, `${a.title}_${a.link}`)),
-    c && Array.from({ length: v }).map((a, l) => /* @__PURE__ */ r("div", { className: e.studyCard, children: /* @__PURE__ */ r(N, {}, l) }, l))
+    o.map((a) => /* @__PURE__ */ r("div", { className: e.studyCard, children: /* @__PURE__ */ r(v, { ...a, trackingEvent: p, trackingLocation: f }) }, `${a.title}_${a.link}`)),
+    c && Array.from({ length: S }).map((a, l) => /* @__PURE__ */ r("div", { className: e.studyCard, children: /* @__PURE__ */ r(C, {}, l) }, l))
   ] }),
   n && /* @__PURE__ */ r("div", { className: e.buttonContainer, children: /* @__PURE__ */ r(d, { size: "lg", variant: "muted", prefixIcon: m.PLUS, onClick: h, children: "show more" }) })
 ] }) });
 export {
-  R as ResearchStudies
+  I as ResearchStudies
 };

package/dist/modules/ResearchStudies/components/StudyCard/StudyCard.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("../../../../utils/formatDate.cjs.js"),c=require("../../../../components/Label/Label.cjs.js"),r=require("../../../../components/Typography/Typography.cjs.js"),a=require("./studyCard.module.css.cjs.js");function u({title:s,link:i,image:d,date:o,label:t,readTime:l}){return e.jsx("a",{href:i,className:a.default.root,children:e.jsxs("div",{className:a.default.content,children:[e.jsx("div",{className:a.default.imagePart,style:{backgroundImage:`url(${d})`},children:t&&e.jsx(c.Label,{color:"white",size:"lg",children:t})}),e.jsxs("div",{className:a.default.dataPart,children:[e.jsxs("div",{className:a.default.info,children:[e.jsx(r.Typography,{defaultVariant:"labelSm",emphasis:!0,weight:"medium",color:"color-neutral-500",children:n.formatDate(o)}),!!l&&e.jsxs(e.Fragment,{children:[e.jsx(r.Typography,{defaultVariant:"labelSm",emphasis:!0,weight:"medium",color:"color-neutral-500",children:"•"}),e.jsxs(r.Typography,{defaultVariant:"labelSm",emphasis:!0,weight:"medium",color:"color-neutral-500",children:[l," MIN READ"]})]})]}),e.jsx(r.Typography,{className:a.default.title,defaultVariant:"headingXs",children:s})]}),e.jsx("div",{className:a.default.borderLeft,"data-line":"left"}),e.jsx("div",{className:a.default.borderRight,"data-line":"right"})]})})}exports.StudyCard=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),y=require("../../../../utils/formatDate.cjs.js"),p=require("../../../../components/Label/Label.cjs.js"),t=require("../../../../components/Typography/Typography.cjs.js"),f=require("../../../../types/analytics/analytics.cjs.js"),a=require("./studyCard.module.css.cjs.js");function g({title:r,link:o,image:d,date:c,label:l,readTime:i,trackingEvent:s,trackingLocation:u}){const h=()=>{var n;if(s){const m={event:s,location:u||"",type:f.EAnalyticsEventType.interaction,payload:{articleTitle:r}};(n=window.eventBus)==null||n.emit("analytics",m)}};return e.jsx("a",{href:o,className:a.default.root,onClick:h,children:e.jsxs("div",{className:a.default.content,children:[e.jsx("div",{className:a.default.imagePart,style:{backgroundImage:`url(${d})`},children:l&&e.jsx(p.Label,{color:"white",size:"lg",children:l})}),e.jsxs("div",{className:a.default.dataPart,children:[e.jsxs("div",{className:a.default.info,children:[e.jsx(t.Typography,{defaultVariant:"labelSm",emphasis:!0,weight:"medium",color:"color-neutral-500",children:y.formatDate(c)}),!!i&&e.jsxs(e.Fragment,{children:[e.jsx(t.Typography,{defaultVariant:"labelSm",emphasis:!0,weight:"medium",color:"color-neutral-500",children:"•"}),e.jsxs(t.Typography,{defaultVariant:"labelSm",emphasis:!0,weight:"medium",color:"color-neutral-500",children:[i," MIN READ"]})]})]}),e.jsx(t.Typography,{className:a.default.title,defaultVariant:"headingXs",children:r})]}),e.jsx("div",{className:a.default.borderLeft,"data-line":"left"}),e.jsx("div",{className:a.default.borderRight,"data-line":"right"})]})})}exports.StudyCard=g;

package/dist/modules/ResearchStudies/components/StudyCard/StudyCard.d.ts

@@ -1,3 +1,3 @@
 import { TResearchArticleView } from '../../../../types/articles';
 
-export declare function StudyCard({ title, link, image, date, label, readTime }: TResearchArticleView): import("react/jsx-runtime").JSX.Element;
+export declare function StudyCard({ title, link, image, date, label, readTime, trackingEvent, trackingLocation, }: TResearchArticleView): import("react/jsx-runtime").JSX.Element;

package/dist/modules/ResearchStudies/components/StudyCard/StudyCard.es.js

@@ -1,28 +1,52 @@
-import { jsx as e, jsxs as r, Fragment as s } from "react/jsx-runtime";
-import { formatDate as c } from "../../../../utils/formatDate.es.js";
-import { Label as h } from "../../../../components/Label/Label.es.js";
-import { Typography as l } from "../../../../components/Typography/Typography.es.js";
+import { jsx as e, jsxs as r, Fragment as p } from "react/jsx-runtime";
+import { formatDate as g } from "../../../../utils/formatDate.es.js";
+import { Label as y } from "../../../../components/Label/Label.es.js";
+import { Typography as t } from "../../../../components/Typography/Typography.es.js";
+import { EAnalyticsEventType as v } from "../../../../types/analytics/analytics.es.js";
 import a from "./studyCard.module.css.es.js";
-function b({ title: o, link: m, image: d, date: n, label: t, readTime: i }) {
-  return /* @__PURE__ */ e("a", { href: m, className: a.root, children: /* @__PURE__ */ r("div", { className: a.content, children: [
-    /* @__PURE__ */ e("div", { className: a.imagePart, style: { backgroundImage: `url(${d})` }, children: t && /* @__PURE__ */ e(h, { color: "white", size: "lg", children: t }) }),
+function C({
+  title: i,
+  link: m,
+  image: d,
+  date: s,
+  label: l,
+  readTime: o,
+  trackingEvent: n,
+  trackingLocation: h
+}) {
+  const u = () => {
+    var c;
+    if (n) {
+      const f = {
+        event: n,
+        location: h || "",
+        type: v.interaction,
+        payload: {
+          articleTitle: i
+        }
+      };
+      (c = window.eventBus) == null || c.emit("analytics", f);
+    }
+  };
+  return /* @__PURE__ */ e("a", { href: m, className: a.root, onClick: u, children: /* @__PURE__ */ r("div", { className: a.content, children: [
+    /* @__PURE__ */ e("div", { className: a.imagePart, style: { backgroundImage: `url(${d})` }, children: l && /* @__PURE__ */ e(y, { color: "white", size: "lg", children: l }) }),
     /* @__PURE__ */ r("div", { className: a.dataPart, children: [
       /* @__PURE__ */ r("div", { className: a.info, children: [
-        /* @__PURE__ */ e(l, { defaultVariant: "labelSm", emphasis: !0, weight: "medium", color: "color-neutral-500", children: c(n) }),
-        !!i && /* @__PURE__ */ r(s, { children: [
-          /* @__PURE__ */ e(l, { defaultVariant: "labelSm", emphasis: !0, weight: "medium", color: "color-neutral-500", children: "•" }),
-          /* @__PURE__ */ r(l, { defaultVariant: "labelSm", emphasis: !0, weight: "medium", color: "color-neutral-500", children: [
-            i,
+        /* @__PURE__ */ e(t, { defaultVariant: "labelSm", emphasis: !0, weight: "medium", color: "color-neutral-500", children: g(s) }),
+        !!o && /* @__PURE__ */ r(p, { children: [
+          /* @__PURE__ */ e(t, { defaultVariant: "labelSm", emphasis: !0, weight: "medium", color: "color-neutral-500", children: "•" }),
+          /* @__PURE__ */ r(t, { defaultVariant: "labelSm", emphasis: !0, weight: "medium", color: "color-neutral-500", children: [
+            o,
             " MIN READ"
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ e(l, { className: a.title, defaultVariant: "headingXs", children: o })
+      /* @__PURE__ */ e(t, { className: a.title, defaultVariant: "headingXs", children: i })
     ] }),
     /* @__PURE__ */ e("div", { className: a.borderLeft, "data-line": "left" }),
     /* @__PURE__ */ e("div", { className: a.borderRight, "data-line": "right" })
   ] }) });
 }
 export {
-  b as StudyCard
+  C as StudyCard
 };

package/dist/modules/Studies/Studies.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("../../components/Button/Button.cjs.js"),c=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),h=require("../../components/StudyGridCard/StudyGridCard.cjs.js"),p=require("../../components/Typography/Typography.cjs.js"),s=require("./studies.module.css.cjs.js");function g({title:o,description:d,articles:l,allStudiesLink:n}){const a=l.reduce((t,i)=>{const r=t[t.length-1];return r.length<2?r.push(i):t.push([i]),t},[[]]);return e.jsx("section",{className:s.default.root,children:e.jsxs("div",{className:s.default.container,children:[e.jsxs("div",{className:s.default.header,children:[e.jsx(c.HighlightedTitle,{title:o}),d&&e.jsx(p.Typography,{as:"p",defaultVariant:"bodyLg",className:s.default.description,children:d}),n&&e.jsx("div",{children:e.jsx(u.Button,{as:"a",variant:"muted",size:"lg",href:n,children:"view all studies"})})]}),e.jsx("div",{className:s.default.articles,children:a.map((t,i)=>e.jsx("div",{className:s.default.row,children:t.map(r=>e.jsx(h.StudyGridCard,{...r},r.title))},i))})]})})}exports.Studies=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("../../components/Button/Button.cjs.js"),p=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),g=require("../../components/StudyGridCard/StudyGridCard.cjs.js"),m=require("../../components/Typography/Typography.cjs.js"),s=require("./studies.module.css.cjs.js");function y({title:o,description:d,articles:l,allStudiesLink:n,trackingEvent:a,trackingLocation:u}){const c=l.reduce((t,i)=>{const r=t[t.length-1];return r.length<2?r.push(i):t.push([i]),t},[[]]);return e.jsx("section",{className:s.default.root,children:e.jsxs("div",{className:s.default.container,children:[e.jsxs("div",{className:s.default.header,children:[e.jsx(p.HighlightedTitle,{title:o}),d&&e.jsx(m.Typography,{as:"p",defaultVariant:"bodyLg",className:s.default.description,children:d}),n&&e.jsx("div",{children:e.jsx(h.Button,{as:"a",variant:"muted",size:"lg",href:n,children:"view all studies"})})]}),e.jsx("div",{className:s.default.articles,children:c.map((t,i)=>e.jsx("div",{className:s.default.row,children:t.map(r=>e.jsx(g.StudyGridCard,{...r,trackingEvent:a,trackingLocation:u},r.title))},i))})]})})}exports.Studies=y;

package/dist/modules/Studies/Studies.d.ts

@@ -1,10 +1,13 @@
 import { ReactNode } from 'react';
 import { StudyGridCardProps } from '../../components/StudyGridCard/StudyGridCard';
+import { EAnalyticsEvent } from '../../types/analytics';
 
 export type StudiesProps = {
     title: ReactNode;
     description?: string;
     articles: Array<StudyGridCardProps>;
     allStudiesLink?: string;
+    trackingEvent?: EAnalyticsEvent.scienceCardClicked;
+    trackingLocation?: string;
 };
-export declare function Studies({ title, description, articles, allStudiesLink }: StudiesProps): import("react/jsx-runtime").JSX.Element;
+export declare function Studies({ title, description, articles, allStudiesLink, trackingEvent, trackingLocation, }: StudiesProps): import("react/jsx-runtime").JSX.Element;