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

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

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

package/dist/pageComponents/HomepageHero/HomepageHero.es.js

@@ -1,16 +1,25 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { HighlightedTitle as n } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
+import { HighlightedTitle as c } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
 import { Typography as r } from "../../components/Typography/Typography.es.js";
-import { Button as o } from "../../components/Button/Button.es.js";
-import { MiddleCarousel as l } from "./components/MiddleCarousel/MiddleCarousel.es.js";
-import { cn as t } from "../../utils/cn/cn.es.js";
+import { Button as n } from "../../components/Button/Button.es.js";
+import { MiddleCarousel as s } from "./components/MiddleCarousel/MiddleCarousel.es.js";
+import { cn as l } from "../../utils/cn/cn.es.js";
 import a from "./homepageHero.module.css.es.js";
-function u() {
+import { EAnalyticsEventType as d, EAnalyticsEvent as p } from "../../types/analytics/analytics.es.js";
+function N() {
+  const t = "https://app.gethealthspan.com/#/product/signup/6896e50bc0af7d4d26738948", o = {
+    event: p.ctaClicked,
+    type: d.interaction,
+    component: "HomepageHero",
+    payload: {
+      ctaLink: t
+    }
+  };
   return /* @__PURE__ */ i("section", { className: a.root, "data-type": "hero", children: [
-    /* @__PURE__ */ e("div", { className: a.carouselArea, children: /* @__PURE__ */ e(l, {}) }),
+    /* @__PURE__ */ e("div", { className: a.carouselArea, children: /* @__PURE__ */ e(s, {}) }),
     /* @__PURE__ */ i("div", { className: a.contentContainer, children: [
       /* @__PURE__ */ e("div", { className: a.headline, children: /* @__PURE__ */ e(
-        n,
+        c,
         {
           colorScheme: "dark",
           title: /* @__PURE__ */ e(r, { as: "div", defaultVariant: "displayXs", mobileVariant: "headingLg", children: /* @__PURE__ */ i("p", { children: [
@@ -21,30 +30,12 @@ function u() {
       ) }),
       /* @__PURE__ */ i("div", { className: a.callAction, children: [
         /* @__PURE__ */ e(r, { as: "p", defaultVariant: "bodyLg", mobileVariant: "bodySm", className: a.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." }),
-        /* @__PURE__ */ e("div", { className: t(a.buttonWrapper, a.desktop), children: /* @__PURE__ */ e(
-          o,
-          {
-            as: "a",
-            href: "https://app.gethealthspan.com/#/product/signup/6896e50bc0af7d4d26738948",
-            variant: "secondary",
-            size: "lg",
-            children: "Join Healthspan"
-          }
-        ) }),
-        /* @__PURE__ */ e("div", { className: t(a.buttonWrapper, a.mobile), children: /* @__PURE__ */ e(
-          o,
-          {
-            as: "a",
-            href: "https://app.gethealthspan.com/#/product/signup/6896e50bc0af7d4d26738948",
-            variant: "secondary",
-            size: "md",
-            children: "Join Healthspan"
-          }
-        ) })
+        /* @__PURE__ */ e("div", { className: l(a.buttonWrapper, a.desktop), children: /* @__PURE__ */ e(n, { as: "a", href: t, variant: "secondary", size: "lg", analyticsProps: o, children: "Join Healthspan" }) }),
+        /* @__PURE__ */ e("div", { className: l(a.buttonWrapper, a.mobile), children: /* @__PURE__ */ e(n, { as: "a", href: t, variant: "secondary", size: "md", analyticsProps: o, children: "Join Healthspan" }) })
       ] })
     ] })
   ] });
 }
 export {
-  u as HomepageHero
+  N as HomepageHero
 };