@zenpatient-org/healthspan-marketing-ui 0.1.169 → 0.1.170

package/dist/modules/HowItWorks/HowItWorks.es.js

@@ -1,50 +1,81 @@
 "use client";
-import { jsxs as l, jsx as i } from "react/jsx-runtime";
-import { Button as t } from "../../components/Button/Button.es.js";
-import { ProgressButton as o } from "../../components/ProgressButton/ProgressButton.es.js";
-import { Typography as c } from "../../components/Typography/Typography.es.js";
-import { Content as h } from "./components/Content/Content.es.js";
-import e from "./howItWorks.module.css.es.js";
-import { useSwiper as v } from "../../utils/useSwiper/useSwiper.es.js";
-const k = ({ title: d, getStartedLink: s, items: m, colorScheme: r = "light" }) => {
-  const a = v(), n = r === "dark" ? "muted-invert" : "muted";
-  return /* @__PURE__ */ l("section", { className: e.root, "data-color-scheme": r, children: [
-    /* @__PURE__ */ l("div", { className: e.headerContainer, children: [
-      /* @__PURE__ */ i(c, { as: "h2", defaultVariant: "displayMd", mobileVariant: "headingXl", children: d }),
-      s && /* @__PURE__ */ i("div", { className: e.desktop, children: /* @__PURE__ */ i(t, { as: "a", href: s, variant: n, size: "lg", children: "Get started" }) }),
-      s && /* @__PURE__ */ i("div", { className: e.mobile, children: /* @__PURE__ */ i(t, { as: "a", href: s, variant: n, size: "sm", children: "Get started" }) }),
-      !s && /* @__PURE__ */ i("div", { className: e.navigation, children: /* @__PURE__ */ i(
-        o,
+import { jsxs as r, jsx as i } from "react/jsx-runtime";
+import { Button as d } from "../../components/Button/Button.es.js";
+import { ProgressButton as c } from "../../components/ProgressButton/ProgressButton.es.js";
+import { Typography as v } from "../../components/Typography/Typography.es.js";
+import { Content as p } from "./components/Content/Content.es.js";
+import a from "./howItWorks.module.css.es.js";
+import { useSwiper as C } from "../../utils/useSwiper/useSwiper.es.js";
+import { EAnalyticsEventType as f, EAnalyticsEvent as k } from "../../types/analytics/analytics.es.js";
+const P = ({ title: m, getStartedLink: e, items: h, colorScheme: t = "light" }) => {
+  const n = C(), s = t === "dark" ? "muted-invert" : "muted", l = (u) => {
+    var o;
+    (o = window.eventBus) == null || o.emit("analytics", {
+      event: k.ctaClicked,
+      type: f.interaction,
+      component: "HowItWorks",
+      payload: {
+        link: e
+      }
+    });
+  };
+  return /* @__PURE__ */ r("section", { className: a.root, "data-color-scheme": t, children: [
+    /* @__PURE__ */ r("div", { className: a.headerContainer, children: [
+      /* @__PURE__ */ i(v, { as: "h2", defaultVariant: "displayMd", mobileVariant: "headingXl", children: m }),
+      e && /* @__PURE__ */ i("div", { className: a.desktop, children: /* @__PURE__ */ i(
+        d,
+        {
+          as: "a",
+          href: e,
+          variant: s,
+          size: "lg",
+          onClick: l,
+          children: "Get started"
+        }
+      ) }),
+      e && /* @__PURE__ */ i("div", { className: a.mobile, children: /* @__PURE__ */ i(
+        d,
+        {
+          as: "a",
+          href: e,
+          variant: s,
+          size: "sm",
+          onClick: l,
+          children: "Get started"
+        }
+      ) }),
+      !e && /* @__PURE__ */ i("div", { className: a.navigation, children: /* @__PURE__ */ i(
+        c,
         {
-          invert: r === "dark",
+          invert: t === "dark",
           left: {
-            disabled: a.isBeginning,
-            onClick: a.handlePrevClick
+            disabled: n.isBeginning,
+            onClick: n.handlePrevClick
           },
           right: {
-            disabled: a.isEnd,
-            onClick: a.handleNextClick
+            disabled: n.isEnd,
+            onClick: n.handleNextClick
           }
         }
       ) })
     ] }),
-    /* @__PURE__ */ i(h, { items: m, colorScheme: r, swiper: a, showBottomNav: !!s }),
-    !s && /* @__PURE__ */ i("div", { className: e.mobileNavigation, children: /* @__PURE__ */ i(
-      o,
+    /* @__PURE__ */ i(p, { items: h, colorScheme: t, swiper: n, showBottomNav: !!e }),
+    !e && /* @__PURE__ */ i("div", { className: a.mobileNavigation, children: /* @__PURE__ */ i(
+      c,
       {
-        invert: r === "dark",
+        invert: t === "dark",
         left: {
-          disabled: a.isBeginning,
-          onClick: a.handlePrevClick
+          disabled: n.isBeginning,
+          onClick: n.handlePrevClick
         },
         right: {
-          disabled: a.isEnd,
-          onClick: a.handleNextClick
+          disabled: n.isEnd,
+          onClick: n.handleNextClick
         }
       }
     ) })
   ] });
 };
 export {
-  k as HowItWorks
+  P as HowItWorks
 };

package/dist/modules/IndividualProductCard/IndividualProductCard.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("../../utils/cn/cn.cjs.js"),y=require("../../components/Button/Button.cjs.js"),g=require("../../components/TextButton/TextButton.cjs.js"),N=require("../../components/ImageGallery/ImageGallery.cjs.js"),o=require("../../components/Typography/Typography.cjs.js"),C=require("../../components/SmartCallout/SmartCallout.cjs.js"),w=require("../../components/RatingStars/RatingStars.cjs.js"),B=require("./components/Features/Features.cjs.js"),R=require("./components/PlanCard/PlanCard.cjs.js"),V=require("../../types/analytics/analytics.cjs.js"),a=require("./individualProductCard.module.css.cjs.js"),A=({name:p,description:u,features:j,images:f,label:v,rating:l,plans:i,button:n,textButton:r,selectedPlanId:x,onSelectPlan:c,trackingEvent:m,trackingLocation:_})=>{const d=i&&i.length>0&&c,q=s=>{var h;if(c==null||c(s),m){const t=i==null?void 0:i.find(T=>T.id===s),S={event:m,location:_||"",type:V.EAnalyticsEventType.interaction,payload:{planId:s,planPrice:t==null?void 0:t.price,planDuration:t==null?void 0:t.duration}};(h=window.eventBus)==null||h.emit("analytics",S)}};return e.jsx("section",{className:a.default.root,children:e.jsxs("div",{className:b.cn(a.default.container,!d&&a.default.noPlans),children:[e.jsxs("div",{className:a.default.info,children:[e.jsxs("div",{className:a.default.infoHeader,children:[e.jsx(o.Typography,{as:"h3",defaultVariant:"displayXs",mobileVariant:"headingLg",weight:"regular",children:p}),!!u&&e.jsx(o.Typography,{as:"p",defaultVariant:"bodySm",className:a.default.infoDescription,weight:"regular",children:u}),l&&e.jsxs("div",{className:a.default.ratingContainer,children:[!!l.stars&&e.jsx(w.RatingStars,{rating:l.stars,size:"sm"}),!!l.totalReviews&&e.jsxs(o.Typography,{as:"p",defaultVariant:"labelSm",emphasis:!0,children:[l.totalReviews," reviews"]})]})]}),e.jsx(B.Features,{features:j}),e.jsxs("div",{className:a.default.actions,children:[e.jsx(C.SmartCallout,{label:"HSA/FSA Eligible"}),!d&&e.jsxs(e.Fragment,{children:[e.jsx(y.Button,{variant:"primary",size:"lg",...n,children:n.label}),r&&e.jsx(g.TextButton,{...r,children:r.label})]})]})]}),e.jsx(N.ImageGallery,{className:a.default.gallery,images:f,label:v}),d&&e.jsxs("div",{className:a.default.plansSection,children:[e.jsxs("div",{className:a.default.plans,children:[e.jsx(o.Typography,{as:"h4",defaultVariant:"labelSm",emphasis:!0,weight:"regular",children:"Subscribe & Save"}),i.map(s=>e.jsx(R.PlanCard,{plan:s,onSelect:q,isActive:x===s.id},s.id))]}),e.jsxs("div",{className:a.default.actions,children:[e.jsx(y.Button,{variant:"primary",size:"lg",...n,children:n.label}),r&&e.jsx(g.TextButton,{...r,children:r.label})]})]})]})})};exports.IndividualProductCard=A;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("../../utils/cn/cn.cjs.js"),T=require("../../components/Button/Button.cjs.js"),q=require("../../components/TextButton/TextButton.cjs.js"),k=require("../../components/ImageGallery/ImageGallery.cjs.js"),m=require("../../components/Typography/Typography.cjs.js"),A=require("../../components/SmartCallout/SmartCallout.cjs.js"),I=require("../../components/RatingStars/RatingStars.cjs.js"),R=require("./components/Features/Features.cjs.js"),V=require("./components/PlanCard/PlanCard.cjs.js"),o=require("../../types/analytics/analytics.cjs.js"),s=require("./individualProductCard.module.css.cjs.js"),F=({zenpatientId:v,name:y,description:j,features:N,images:S,label:w,rating:d,plans:n,button:l,textButton:a,selectedPlanId:g,onSelectPlan:t,trackingEvent:f,trackingLocation:h})=>{const p=n&&n.length>0&&t,b=r=>{var c;if(t==null||t(r),f){const i=n==null?void 0:n.find(E=>E.id===r),u={event:f,location:h||"",type:o.EAnalyticsEventType.interaction,payload:{productId:v,planId:r,planPrice:i==null?void 0:i.price,planDuration:i==null?void 0:i.duration}};(c=window.eventBus)==null||c.emit("analytics",u)}},C=r=>{var i,u;const c={event:o.EAnalyticsEvent.ctaClicked,location:h||"not_set",type:o.EAnalyticsEventType.interaction,component:"IndividualProductCard",element:"primary_button",payload:{productId:v,ctaLabel:l.label,productName:y,selectedPlanId:g||"none"}};(i=window.eventBus)==null||i.emit("analytics",c),(u=l.onClick)==null||u.call(l,r)},_=r=>{var c,i;(c=window.eventBus)==null||c.emit("analytics",{event:o.EAnalyticsEvent.ctaClicked,location:h||"not_set",type:o.EAnalyticsEventType.interaction,component:"IndividualProductCard",element:"secondary_button",payload:{ctaLabel:a==null?void 0:a.label,productName:y}}),(i=a==null?void 0:a.onClick)==null||i.call(a,r)};return e.jsx("section",{className:s.default.root,children:e.jsxs("div",{className:x.cn(s.default.container,!p&&s.default.noPlans),children:[e.jsxs("div",{className:s.default.info,children:[e.jsxs("div",{className:s.default.infoHeader,children:[e.jsx(m.Typography,{as:"h3",defaultVariant:"displayXs",mobileVariant:"headingLg",weight:"regular",children:y}),!!j&&e.jsx(m.Typography,{as:"p",defaultVariant:"bodySm",className:s.default.infoDescription,weight:"regular",children:j}),d&&e.jsxs("div",{className:s.default.ratingContainer,children:[!!d.stars&&e.jsx(I.RatingStars,{rating:d.stars,size:"sm"}),!!d.totalReviews&&e.jsxs(m.Typography,{as:"p",defaultVariant:"labelSm",emphasis:!0,children:[d.totalReviews," reviews"]})]})]}),e.jsx(R.Features,{features:N}),e.jsxs("div",{className:s.default.actions,children:[e.jsx(A.SmartCallout,{label:"HSA/FSA Eligible"}),!p&&e.jsxs(e.Fragment,{children:[e.jsx(T.Button,{variant:"primary",size:"lg",...l,onClick:C,children:l.label}),a&&e.jsx(q.TextButton,{...a,onClick:_,children:a.label})]})]})]}),e.jsx(k.ImageGallery,{className:s.default.gallery,images:S,label:w}),p&&e.jsxs("div",{className:s.default.plansSection,children:[e.jsxs("div",{className:s.default.plans,children:[e.jsx(m.Typography,{as:"h4",defaultVariant:"labelSm",emphasis:!0,weight:"regular",children:"Subscribe & Save"}),n.map(r=>e.jsx(V.PlanCard,{plan:r,onSelect:b,isActive:g===r.id},r.id))]}),e.jsxs("div",{className:s.default.actions,children:[e.jsx(T.Button,{variant:"primary",size:"lg",...l,onClick:C,children:l.label}),a&&e.jsx(q.TextButton,{...a,onClick:_,children:a.label})]})]})]})})};exports.IndividualProductCard=F;

package/dist/modules/IndividualProductCard/IndividualProductCard.d.ts

@@ -4,6 +4,7 @@ import { TProductFeature, TProductPlan } from './types';
 import { EAnalyticsEvent } from '../../types/analytics';
 
 type IndividualProductCardProps = {
+    zenpatientId: string;
     name: string;
     images: Array<string>;
     features: Array<TProductFeature>;
@@ -15,15 +16,19 @@ type IndividualProductCardProps = {
     };
     button: {
         label: string;
-    } & ButtonProps;
+    } & ButtonProps & {
+        onClick: (event: React.MouseEvent<HTMLButtonElement> | React.MouseEvent<HTMLAnchorElement>) => void;
+    };
     textButton?: {
         label: string;
-    } & TextButtonProps;
+    } & TextButtonProps & {
+        onClick: (event: React.MouseEvent<HTMLButtonElement> | React.MouseEvent<HTMLAnchorElement>) => void;
+    };
     plans?: Array<TProductPlan>;
     selectedPlanId?: TProductPlan['id'];
     onSelectPlan?: (planId: TProductPlan['id']) => void;
     trackingEvent?: EAnalyticsEvent.userSelectedPlan;
     trackingLocation?: string;
 };
-export declare const IndividualProductCard: ({ name, description, features, images, label, rating, plans, button, textButton, selectedPlanId, onSelectPlan, trackingEvent, trackingLocation, }: IndividualProductCardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const IndividualProductCard: ({ zenpatientId, name, description, features, images, label, rating, plans, button, textButton, selectedPlanId, onSelectPlan, trackingEvent, trackingLocation, }: IndividualProductCardProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

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

package/dist/modules/ProgramsDetailsHero/ProgramsDetailsHero.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../components/Typography/Typography.cjs.js"),o=require("../../components/Button/Button.cjs.js"),a=require("./programsDetailsHero.module.css.cjs.js"),d=({title:t,description:i,button:r,backgroundImage:l})=>e.jsx("section",{className:a.default.root,"data-type":"hero",style:{backgroundImage:`url(${l})`},children:e.jsx("div",{className:a.default.container,children:e.jsxs("div",{className:a.default.headline,children:[e.jsx("div",{className:a.default.titleContainer,children:e.jsx(s.Typography,{className:a.default.title,as:"h2",defaultVariant:"displayMd",mobileVariant:"headingXl",children:t})}),e.jsx("div",{className:a.default.midBorder}),e.jsx("div",{className:a.default.infoContainer,children:e.jsxs("div",{className:a.default.infoBox,children:[e.jsx(s.Typography,{className:a.default.description,as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",children:i}),e.jsx(o.Button,{as:"a",href:r.link,variant:"secondary",size:"md",children:r.text})]})})]})})});exports.ProgramsDetailsHero=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../components/Typography/Typography.cjs.js"),c=require("../../components/Button/Button.cjs.js"),a=require("./programsDetailsHero.module.css.cjs.js"),r=require("../../types/analytics/analytics.cjs.js"),d=({title:i,description:n,button:t,backgroundImage:l})=>{const o={event:r.EAnalyticsEvent.ctaClicked,type:r.EAnalyticsEventType.interaction,component:"ProgramsDetailsHero",payload:{ctaLink:t.link,ctaLabel:t.text}};return e.jsx("section",{className:a.default.root,"data-type":"hero",style:{backgroundImage:`url(${l})`},children:e.jsx("div",{className:a.default.container,children:e.jsxs("div",{className:a.default.headline,children:[e.jsx("div",{className:a.default.titleContainer,children:e.jsx(s.Typography,{className:a.default.title,as:"h2",defaultVariant:"displayMd",mobileVariant:"headingXl",children:i})}),e.jsx("div",{className:a.default.midBorder}),e.jsx("div",{className:a.default.infoContainer,children:e.jsxs("div",{className:a.default.infoBox,children:[e.jsx(s.Typography,{className:a.default.description,as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",children:n}),e.jsx(c.Button,{as:"a",href:t.link,variant:"secondary",size:"md",analyticsProps:o,children:t.text})]})})]})})})};exports.ProgramsDetailsHero=d;

package/dist/modules/ProgramsDetailsHero/ProgramsDetailsHero.es.js

@@ -1,33 +1,45 @@
 import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import { Typography as s } from "../../components/Typography/Typography.es.js";
-import { Button as o } from "../../components/Button/Button.es.js";
+import { Typography as t } from "../../components/Typography/Typography.es.js";
+import { Button as c } from "../../components/Button/Button.es.js";
 import a from "./programsDetailsHero.module.css.es.js";
-const p = ({ title: l, description: d, button: i, backgroundImage: n }) => /* @__PURE__ */ e("section", { className: a.root, "data-type": "hero", style: { backgroundImage: `url(${n})` }, children: /* @__PURE__ */ e("div", { className: a.container, children: /* @__PURE__ */ r("div", { className: a.headline, children: [
-  /* @__PURE__ */ e("div", { className: a.titleContainer, children: /* @__PURE__ */ e(
-    s,
-    {
-      className: a.title,
-      as: "h2",
-      defaultVariant: "displayMd",
-      mobileVariant: "headingXl",
-      children: l
+import { EAnalyticsEventType as d, EAnalyticsEvent as m } from "../../types/analytics/analytics.es.js";
+const N = ({ title: n, description: s, button: i, backgroundImage: l }) => {
+  const o = {
+    event: m.ctaClicked,
+    type: d.interaction,
+    component: "ProgramsDetailsHero",
+    payload: {
+      ctaLink: i.link,
+      ctaLabel: i.text
     }
-  ) }),
-  /* @__PURE__ */ e("div", { className: a.midBorder }),
-  /* @__PURE__ */ e("div", { className: a.infoContainer, children: /* @__PURE__ */ r("div", { className: a.infoBox, children: [
-    /* @__PURE__ */ e(
-      s,
+  };
+  return /* @__PURE__ */ e("section", { className: a.root, "data-type": "hero", style: { backgroundImage: `url(${l})` }, children: /* @__PURE__ */ e("div", { className: a.container, children: /* @__PURE__ */ r("div", { className: a.headline, children: [
+    /* @__PURE__ */ e("div", { className: a.titleContainer, children: /* @__PURE__ */ e(
+      t,
       {
-        className: a.description,
-        as: "p",
-        defaultVariant: "bodyMd",
-        mobileVariant: "bodySm",
-        children: d
+        className: a.title,
+        as: "h2",
+        defaultVariant: "displayMd",
+        mobileVariant: "headingXl",
+        children: n
       }
-    ),
-    /* @__PURE__ */ e(o, { as: "a", href: i.link, variant: "secondary", size: "md", children: i.text })
-  ] }) })
-] }) }) });
+    ) }),
+    /* @__PURE__ */ e("div", { className: a.midBorder }),
+    /* @__PURE__ */ e("div", { className: a.infoContainer, children: /* @__PURE__ */ r("div", { className: a.infoBox, children: [
+      /* @__PURE__ */ e(
+        t,
+        {
+          className: a.description,
+          as: "p",
+          defaultVariant: "bodyMd",
+          mobileVariant: "bodySm",
+          children: s
+        }
+      ),
+      /* @__PURE__ */ e(c, { as: "a", href: i.link, variant: "secondary", size: "md", analyticsProps: o, children: i.text })
+    ] }) })
+  ] }) }) });
+};
 export {
-  p as ProgramsDetailsHero
+  N as ProgramsDetailsHero
 };

package/dist/modules/YourProtocol/YourProtocol.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../components/Callback/Callback.cjs.js"),a=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),n=require("../../utils/cn/cn.cjs.js"),c=require("./components/ProtocolTags/ProtocolTags.cjs.js"),o=require("./yourProtocol.module.css.cjs.js"),d=({title:s,image:r,tags:i,callbackView:t})=>e.jsx("section",{className:o.default.root,children:e.jsxs("div",{className:o.default.container,children:[e.jsxs("div",{className:o.default.content,children:[e.jsx(a.HighlightedTitle,{title:s,className:o.default.title,defaultVariant:"displaySm",mobileVariant:"headingXl"}),e.jsx(c.ProtocolTags,{tags:i}),t&&e.jsx("div",{className:o.default.callback,children:e.jsx(l.Callback,{title:t.title,description:t.description??"",price:t.price??"",image:t.image,button:{href:t.signupUrl??"",as:"a"},size:"sm",shape:t.shape})})]}),e.jsx("img",{src:r,alt:"Your Protocol",className:n.cn(o.default.image,o.default.desktop),width:481})]})});exports.YourProtocol=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../components/Callback/Callback.cjs.js"),c=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),u=require("../../utils/cn/cn.cjs.js"),d=require("./components/ProtocolTags/ProtocolTags.cjs.js"),o=require("./yourProtocol.module.css.cjs.js"),s=require("../../types/analytics/analytics.cjs.js"),m=({title:r,image:n,tags:i,callbackView:t})=>{const a={event:s.EAnalyticsEvent.ctaClicked,type:s.EAnalyticsEventType.interaction,component:"YourProtocol",element:"Callback",payload:{ctaLink:(t==null?void 0:t.signupUrl)??""}};return e.jsx("section",{className:o.default.root,children:e.jsxs("div",{className:o.default.container,children:[e.jsxs("div",{className:o.default.content,children:[e.jsx(c.HighlightedTitle,{title:r,className:o.default.title,defaultVariant:"displaySm",mobileVariant:"headingXl"}),e.jsx(d.ProtocolTags,{tags:i}),t&&e.jsx("div",{className:o.default.callback,children:e.jsx(l.Callback,{title:t.title,description:t.description??"",price:t.price??"",image:t.image,button:{href:t.signupUrl??"",as:"a",analyticsProps:a},size:"sm",shape:t.shape})})]}),e.jsx("img",{src:n,alt:"Your Protocol",className:u.cn(o.default.image,o.default.desktop),width:481})]})})};exports.YourProtocol=m;

package/dist/modules/YourProtocol/YourProtocol.es.js

@@ -1,39 +1,52 @@
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { jsx as r, jsxs as e } from "react/jsx-runtime";
 import { Callback as a } from "../../components/Callback/Callback.es.js";
-import { HighlightedTitle as n } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
-import { cn as l } from "../../utils/cn/cn.es.js";
-import { ProtocolTags as p } from "./components/ProtocolTags/ProtocolTags.es.js";
+import { HighlightedTitle as p } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
+import { cn as d } from "../../utils/cn/cn.es.js";
+import { ProtocolTags as l } from "./components/ProtocolTags/ProtocolTags.es.js";
 import o from "./yourProtocol.module.css.es.js";
-const N = ({ title: s, image: e, tags: m, callbackView: t }) => /* @__PURE__ */ r("section", { className: o.root, children: /* @__PURE__ */ i("div", { className: o.container, children: [
-  /* @__PURE__ */ i("div", { className: o.content, children: [
-    /* @__PURE__ */ r(
-      n,
-      {
-        title: s,
-        className: o.title,
-        defaultVariant: "displaySm",
-        mobileVariant: "headingXl"
-      }
-    ),
-    /* @__PURE__ */ r(p, { tags: m }),
-    t && /* @__PURE__ */ r("div", { className: o.callback, children: /* @__PURE__ */ r(
-      a,
-      {
-        title: t.title,
-        description: t.description ?? "",
-        price: t.price ?? "",
-        image: t.image,
-        button: {
-          href: t.signupUrl ?? "",
-          as: "a"
-        },
-        size: "sm",
-        shape: t.shape
-      }
-    ) })
-  ] }),
-  /* @__PURE__ */ r("img", { src: e, alt: "Your Protocol", className: l(o.image, o.desktop), width: 481 })
-] }) });
+import { EAnalyticsEventType as c, EAnalyticsEvent as h } from "../../types/analytics/analytics.es.js";
+const P = ({ title: i, image: s, tags: n, callbackView: t }) => {
+  const m = {
+    event: h.ctaClicked,
+    type: c.interaction,
+    component: "YourProtocol",
+    element: "Callback",
+    payload: {
+      ctaLink: (t == null ? void 0 : t.signupUrl) ?? ""
+    }
+  };
+  return /* @__PURE__ */ r("section", { className: o.root, children: /* @__PURE__ */ e("div", { className: o.container, children: [
+    /* @__PURE__ */ e("div", { className: o.content, children: [
+      /* @__PURE__ */ r(
+        p,
+        {
+          title: i,
+          className: o.title,
+          defaultVariant: "displaySm",
+          mobileVariant: "headingXl"
+        }
+      ),
+      /* @__PURE__ */ r(l, { tags: n }),
+      t && /* @__PURE__ */ r("div", { className: o.callback, children: /* @__PURE__ */ r(
+        a,
+        {
+          title: t.title,
+          description: t.description ?? "",
+          price: t.price ?? "",
+          image: t.image,
+          button: {
+            href: t.signupUrl ?? "",
+            as: "a",
+            analyticsProps: m
+          },
+          size: "sm",
+          shape: t.shape
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ r("img", { src: s, alt: "Your Protocol", className: d(o.image, o.desktop), width: 481 })
+  ] }) });
+};
 export {
-  N as YourProtocol
+  P as YourProtocol
 };

package/dist/pageComponents/HomepageHero/HomepageHero.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),t=require("../../components/Typography/Typography.cjs.js"),i=require("../../components/Button/Button.cjs.js"),n=require("./components/MiddleCarousel/MiddleCarousel.cjs.js"),o=require("../../utils/cn/cn.cjs.js"),a=require("./homepageHero.module.css.cjs.js");function s(){return e.jsxs("section",{className:a.default.root,"data-type":"hero",children:[e.jsx("div",{className:a.default.carouselArea,children:e.jsx(n.MiddleCarousel,{})}),e.jsxs("div",{className:a.default.contentContainer,children:[e.jsx("div",{className:a.default.headline,children:e.jsx(r.HighlightedTitle,{colorScheme:"dark",title:e.jsx(t.Typography,{as:"div",defaultVariant:"displayXs",mobileVariant:"headingLg",children:e.jsxs("p",{children:[e.jsx("b",{children:"Transform your quality of living"})," through the science of aging."]})})})}),e.jsxs("div",{className:a.default.callAction,children:[e.jsx(t.Typography,{as:"p",defaultVariant:"bodyLg",mobileVariant:"bodySm",className:a.default.text,children:"Defy your age with advanced longevity protocols tailored to you by clinical experts and optimized over time through ongoing labs, performance coaching, and results tracking."}),e.jsx("div",{className:o.cn(a.default.buttonWrapper,a.default.desktop),children:e.jsx(i.Button,{as:"a",href:"https://app.gethealthspan.com/#/product/signup/6896e50bc0af7d4d26738948",variant:"secondary",size:"lg",children:"Join Healthspan"})}),e.jsx("div",{className:o.cn(a.default.buttonWrapper,a.default.mobile),children:e.jsx(i.Button,{as:"a",href:"https://app.gethealthspan.com/#/product/signup/6896e50bc0af7d4d26738948",variant:"secondary",size:"md",children:"Join Healthspan"})})]})]})]})}exports.HomepageHero=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),i=require("../../components/Typography/Typography.cjs.js"),o=require("../../components/Button/Button.cjs.js"),c=require("./components/MiddleCarousel/MiddleCarousel.cjs.js"),s=require("../../utils/cn/cn.cjs.js"),a=require("./homepageHero.module.css.cjs.js"),r=require("../../types/analytics/analytics.cjs.js");function d(){const t="https://app.gethealthspan.com/#/product/signup/6896e50bc0af7d4d26738948",n={event:r.EAnalyticsEvent.ctaClicked,type:r.EAnalyticsEventType.interaction,component:"HomepageHero",payload:{ctaLink:t}};return e.jsxs("section",{className:a.default.root,"data-type":"hero",children:[e.jsx("div",{className:a.default.carouselArea,children:e.jsx(c.MiddleCarousel,{})}),e.jsxs("div",{className:a.default.contentContainer,children:[e.jsx("div",{className:a.default.headline,children:e.jsx(l.HighlightedTitle,{colorScheme:"dark",title:e.jsx(i.Typography,{as:"div",defaultVariant:"displayXs",mobileVariant:"headingLg",children:e.jsxs("p",{children:[e.jsx("b",{children:"Transform your quality of living"})," through the science of aging."]})})})}),e.jsxs("div",{className:a.default.callAction,children:[e.jsx(i.Typography,{as:"p",defaultVariant:"bodyLg",mobileVariant:"bodySm",className:a.default.text,children:"Defy your age with advanced longevity protocols tailored to you by clinical experts and optimized over time through ongoing labs, performance coaching, and results tracking."}),e.jsx("div",{className:s.cn(a.default.buttonWrapper,a.default.desktop),children:e.jsx(o.Button,{as:"a",href:t,variant:"secondary",size:"lg",analyticsProps:n,children:"Join Healthspan"})}),e.jsx("div",{className:s.cn(a.default.buttonWrapper,a.default.mobile),children:e.jsx(o.Button,{as:"a",href:t,variant:"secondary",size:"md",analyticsProps:n,children:"Join Healthspan"})})]})]})]})}exports.HomepageHero=d;