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

package/dist/modules/CallToAction/CallToAction.es.js

@@ -1,50 +1,62 @@
 "use client";
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
 import { useRef as l } from "react";
-import { Button as K } from "../../components/Button/Button.es.js";
-import { Typography as f } from "../../components/Typography/Typography.es.js";
-import { Icon as W } from "../../components/Icon/Icon.es.js";
-import { EIconName as B } from "../../components/Icon/constants.es.js";
-import { HighlightedTitle as V } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
+import { Button as J } from "../../components/Button/Button.es.js";
+import { Typography as h } from "../../components/Typography/Typography.es.js";
+import { Icon as P } from "../../components/Icon/Icon.es.js";
+import { EIconName as W } from "../../components/Icon/constants.es.js";
+import { HighlightedTitle as w } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
 import { gsap as a } from "../../node_modules/gsap/index.es.js";
-import { useGSAP as J } from "../../node_modules/@gsap/react/src/index.es.js";
-import { ScrollTrigger as q } from "../../node_modules/gsap/ScrollTrigger.es.js";
-import Q from "../../utils/debounce.es.js";
+import { useGSAP as Q } from "../../node_modules/@gsap/react/src/index.es.js";
+import { ScrollTrigger as _ } from "../../node_modules/gsap/ScrollTrigger.es.js";
+import U from "../../utils/debounce.es.js";
 import r from "./callToAction.module.css.es.js";
-a.registerPlugin(q);
-const ce = ({
-  subtitle: x,
-  titleTop: X,
-  scrollableLabels: w,
-  titleBottom: _,
+import { EAnalyticsEventType as Y, EAnalyticsEvent as Z } from "../../types/analytics/analytics.es.js";
+a.registerPlugin(_);
+const pe = ({
+  subtitle: q,
+  titleTop: x,
+  scrollableLabels: C,
+  titleBottom: X,
   description: z,
   hsaText: F,
   buttonText: O,
-  buttonLink: h,
+  buttonLink: m,
   backgroundImage: j
 }) => {
-  const d = l(null), o = l(null), L = l(null), y = l(null), b = l(null), S = l(null), g = l(null), v = l(null), N = l(null);
-  return J(() => {
-    var M, k, A;
-    const u = d.current && d.current.getBoundingClientRect().top < window.innerHeight * 0.8, m = (M = L.current) == null ? void 0 : M.querySelector("p"), T = (k = S.current) == null ? void 0 : k.querySelector("p"), D = [
-      m,
+  const u = l(null), c = l(null), E = l(null), y = l(null), b = l(null), V = l(null), g = l(null), v = l(null), N = l(null), D = () => {
+    var n;
+    (n = window.eventBus) == null || n.emit("analytics", {
+      event: Z.ctaClicked,
+      type: Y.interaction,
+      component: "CallToAction",
+      element: "primary_button",
+      payload: {
+        link: m
+      }
+    });
+  };
+  return Q(() => {
+    var A, H, M;
+    const n = u.current && u.current.getBoundingClientRect().top < window.innerHeight * 0.8, p = (A = E.current) == null ? void 0 : A.querySelector("p"), T = (H = V.current) == null ? void 0 : H.querySelector("p"), $ = [
+      p,
       y.current,
-      o.current,
+      c.current,
       b.current,
       T,
       g.current,
       v.current,
       N.current
     ].filter(Boolean);
-    a.set(D, {
+    a.set($, {
       clipPath: "inset(0% 0% 100% 0%)",
       yPercent: 100
     });
-    const p = a.to(
+    const f = a.to(
       [
-        m,
+        p,
         y.current,
-        o.current,
+        c.current,
         b.current,
         T,
         g.current,
@@ -65,88 +77,88 @@ const ce = ({
         // Start paused, we'll control when it plays
       }
     );
-    q.create({
-      trigger: d.current,
+    _.create({
+      trigger: u.current,
       start: "top 80%",
       end: "+=500",
-      onEnter: () => p.play(),
-      onEnterBack: () => p.play(),
-      onLeaveBack: () => p.reverse()
-    }), u && a.delayedCall(0.1, () => {
-      p.play();
+      onEnter: () => f.play(),
+      onEnterBack: () => f.play(),
+      onLeaveBack: () => f.reverse()
+    }), n && a.delayedCall(0.1, () => {
+      f.play();
     });
-    const t = (A = o.current) == null ? void 0 : A.querySelector("ul");
+    const t = (M = c.current) == null ? void 0 : M.querySelector("ul");
     if (!t) return;
-    const C = t.innerHTML;
-    let i = null, E = !0;
-    const H = () => {
-      i && i.kill(), t.innerHTML = C, a.set(t, { y: 0 });
-      const n = Array.from(t.querySelectorAll("li"));
-      if (n.length <= 1) return;
-      const R = n[0].clientHeight;
+    const k = t.innerHTML;
+    let i = null, L = !0;
+    const S = () => {
+      i && i.kill(), t.innerHTML = k, a.set(t, { y: 0 });
+      const o = Array.from(t.querySelectorAll("li"));
+      if (o.length <= 1) return;
+      const R = o[0].clientHeight;
       if (!R) return;
-      a.set(o.current, { height: () => R, overflow: "hidden" });
-      const I = Array.from(n);
-      I.forEach((P) => {
-        t.appendChild(P.cloneNode(!0));
+      a.set(c.current, { height: () => R, overflow: "hidden" });
+      const B = Array.from(o);
+      B.forEach((I) => {
+        t.appendChild(I.cloneNode(!0));
       });
-      const $ = E && !u ? 0.3 : 0;
+      const G = L && !n ? 0.3 : 0;
       i = a.timeline({
         repeat: -1,
-        delay: $,
+        delay: G,
         onRepeat: () => {
           a.set(t, { y: 0 });
         }
-      }), I.forEach((P, G) => {
+      }), B.forEach((I, K) => {
         i && i.to({}, { duration: 2 }).to(t, {
-          y: `-${(G + 1) * R}`,
+          y: `-${(K + 1) * R}`,
           duration: 0.5,
           ease: "power1.inOut"
         });
-      }), E = !1;
-    }, c = Q(H, 200);
-    return H(), window.addEventListener("resize", c), () => {
-      var n;
-      window.removeEventListener("resize", c), (n = c.kill) == null || n.call(c), i && i.kill(), t && (t.innerHTML = C, a.set(t, { y: 0 }));
+      }), L = !1;
+    }, d = U(S, 200);
+    return S(), window.addEventListener("resize", d), () => {
+      var o;
+      window.removeEventListener("resize", d), (o = d.kill) == null || o.call(d), i && i.kill(), t && (t.innerHTML = k, a.set(t, { y: 0 }));
     };
-  }, [w]), /* @__PURE__ */ s("section", { ref: d, className: r.root, children: [
+  }, [C]), /* @__PURE__ */ s("section", { ref: u, className: r.root, children: [
     /* @__PURE__ */ e("div", { className: r.backgroundImage, style: { backgroundImage: `url(${j})` } }),
     /* @__PURE__ */ s("div", { className: r.container, children: [
       /* @__PURE__ */ e("div", { className: r.leftContent, children: /* @__PURE__ */ s("div", { className: r.content, children: [
         /* @__PURE__ */ e("div", { ref: y, children: /* @__PURE__ */ e(
-          V,
+          w,
           {
             defaultVariant: "displayXl",
             mobileVariant: "displayMd",
             as: "div",
             className: r.title,
-            title: X
+            title: x
           }
         ) }),
-        /* @__PURE__ */ e("div", { ref: o, className: r.scrollableLabelsWrapper, children: /* @__PURE__ */ e("ul", { className: r.scrollableLabels, children: w.map((u, m) => /* @__PURE__ */ e("li", { className: r.scrollableLabel, children: /* @__PURE__ */ e(f, { defaultVariant: "displayXl", mobileVariant: "displayMd", as: "span", children: u }) }, m)) }) }),
+        /* @__PURE__ */ e("div", { ref: c, className: r.scrollableLabelsWrapper, children: /* @__PURE__ */ e("ul", { className: r.scrollableLabels, children: C.map((n, p) => /* @__PURE__ */ e("li", { className: r.scrollableLabel, children: /* @__PURE__ */ e(h, { defaultVariant: "displayXl", mobileVariant: "displayMd", as: "span", children: n }) }, p)) }) }),
         /* @__PURE__ */ e("div", { ref: b, children: /* @__PURE__ */ e(
-          V,
+          w,
           {
             defaultVariant: "displayXl",
             mobileVariant: "displayMd",
             as: "div",
             className: r.title,
-            title: _
+            title: X
           }
         ) })
       ] }) }),
-      /* @__PURE__ */ e("div", { ref: L, className: r.subtitleWrapper, children: /* @__PURE__ */ e(
-        V,
+      /* @__PURE__ */ e("div", { ref: E, className: r.subtitleWrapper, children: /* @__PURE__ */ e(
+        w,
         {
           defaultVariant: "labelMd",
           mobileVariant: "labelSm",
           as: "div",
           className: r.subtitle,
-          title: x
+          title: q
         }
       ) }),
-      /* @__PURE__ */ e("div", { ref: S, className: r.arrowWrapper, children: /* @__PURE__ */ s(
-        f,
+      /* @__PURE__ */ e("div", { ref: V, className: r.arrowWrapper, children: /* @__PURE__ */ s(
+        h,
         {
           defaultVariant: "labelMd",
           mobileVariant: "labelXs",
@@ -155,14 +167,14 @@ const ce = ({
           as: "p",
           children: [
             "(",
-            /* @__PURE__ */ e(W, { name: B.ARROW_FORWARD }),
+            /* @__PURE__ */ e(P, { name: W.ARROW_FORWARD }),
             ")"
           ]
         }
       ) }),
       /* @__PURE__ */ e("div", { className: r.rightContent, children: /* @__PURE__ */ s("div", { className: r.descriptionWrapper, children: [
         /* @__PURE__ */ e("div", { ref: g, children: /* @__PURE__ */ e(
-          f,
+          h,
           {
             as: "p",
             defaultVariant: "bodyLg",
@@ -171,20 +183,21 @@ const ce = ({
             children: z
           }
         ) }),
-        /* @__PURE__ */ e("div", { ref: v, className: r.buttonWrapper, children: h && /* @__PURE__ */ e(
-          K,
+        /* @__PURE__ */ e("div", { ref: v, className: r.buttonWrapper, children: m && /* @__PURE__ */ e(
+          J,
           {
-            as: h ? "a" : "button",
-            href: h,
+            as: m ? "a" : "button",
+            href: m,
             variant: "secondary",
             size: "lg",
+            onClick: D,
             children: O
           }
         ) }),
         /* @__PURE__ */ s("div", { ref: N, className: r.hsaEligible, children: [
-          /* @__PURE__ */ e(W, { name: B.CIRCLE_CHECK_FILL, className: r.checkIcon }),
+          /* @__PURE__ */ e(P, { name: W.CIRCLE_CHECK_FILL, className: r.checkIcon }),
           /* @__PURE__ */ e(
-            f,
+            h,
             {
               as: "p",
               defaultVariant: "bodySm",
@@ -199,5 +212,5 @@ const ce = ({
   ] });
 };
 export {
-  ce as CallToAction
+  pe as CallToAction
 };

package/dist/modules/Callback/Callback.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("../../components/Callback/Callback.cjs.js"),p=require("../../components/Icon/Icon.cjs.js"),n=require("../../components/Icon/constants.cjs.js"),m=require("../../components/Typography/Typography.cjs.js"),c=require("./callback.module.css.cjs.js"),h=[{icon:n.EIconName.HEART,description:"No hidden fees"},{icon:n.EIconName.PROTOCOLS,description:"Personalized Protocols"},{icon:n.EIconName.PACKAGE,description:"Free Shipping"},{icon:n.EIconName.MESSAGE,description:"Doctor & Clinical Team"}];function b({title:a,description:i,price:s,signupUrl:r,image:l,size:t,shape:d}){return e.jsx("section",{className:c.default.root,children:e.jsx("div",{className:c.default.container,children:e.jsxs("div",{className:c.default.content,children:[e.jsx(u.Callback,{title:a,description:i,price:s??"",image:l,button:{href:r,as:"a"},size:t,shape:d}),e.jsx("div",{className:c.default.icons,children:h.map(o=>e.jsxs("div",{className:c.default.icon,children:[e.jsx(p.Icon,{name:o.icon}),e.jsx(m.Typography,{defaultVariant:"labelXl",children:o.description})]},o.description))})]})})})}exports.CallbackModule=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),E=require("../../components/Callback/Callback.cjs.js"),h=require("../../components/Icon/Icon.cjs.js"),c=require("../../components/Icon/constants.cjs.js"),_=require("../../components/Typography/Typography.cjs.js"),t=require("../../types/analytics/analytics.cjs.js"),n=require("./callback.module.css.cjs.js"),b=[{icon:c.EIconName.HEART,description:"No hidden fees"},{icon:c.EIconName.PROTOCOLS,description:"Personalized Protocols"},{icon:c.EIconName.PACKAGE,description:"Free Shipping"},{icon:c.EIconName.MESSAGE,description:"Doctor & Clinical Team"}];function f({title:i,zenpatientId:s,description:l,price:r,signupUrl:a,image:d,size:p,shape:u,trackingLocation:m}){const y={event:t.EAnalyticsEvent.ctaClicked,location:m||"not_set",type:t.EAnalyticsEventType.interaction,component:"CallbackModule",payload:{productId:s,ctaLink:a}};return e.jsx("section",{className:n.default.root,children:e.jsx("div",{className:n.default.container,children:e.jsxs("div",{className:n.default.content,children:[e.jsx(E.Callback,{title:i,description:l,price:r??"",image:d,button:{href:a,as:"a",analyticsProps:y},size:p,shape:u}),e.jsx("div",{className:n.default.icons,children:b.map(o=>e.jsxs("div",{className:n.default.icon,children:[e.jsx(h.Icon,{name:o.icon}),e.jsx(_.Typography,{defaultVariant:"labelXl",children:o.description})]},o.description))})]})})})}exports.CallbackModule=f;

package/dist/modules/Callback/Callback.d.ts

@@ -4,9 +4,11 @@ export type CallbackModuleProps = {
     title: string;
     description: string;
     price: string | null;
+    zenpatientId: string;
     signupUrl: string;
     image: string;
     size: CallbackSize;
     shape: CallbackShape;
+    trackingLocation?: string;
 };
-export declare function CallbackModule({ title, description, price, signupUrl, image, size, shape }: CallbackModuleProps): import("react/jsx-runtime").JSX.Element;
+export declare function CallbackModule({ title, zenpatientId, description, price, signupUrl, image, size, shape, trackingLocation, }: CallbackModuleProps): import("react/jsx-runtime").JSX.Element;

package/dist/modules/Callback/Callback.es.js

@@ -1,50 +1,72 @@
-import { jsx as o, jsxs as r } from "react/jsx-runtime";
-import { Callback as p } from "../../components/Callback/Callback.es.js";
-import { Icon as f } from "../../components/Icon/Icon.es.js";
-import { EIconName as c } from "../../components/Icon/constants.es.js";
-import { Typography as h } from "../../components/Typography/Typography.es.js";
+import { jsx as o, jsxs as t } from "react/jsx-runtime";
+import { Callback as h } from "../../components/Callback/Callback.es.js";
+import { Icon as y } from "../../components/Icon/Icon.es.js";
+import { EIconName as n } from "../../components/Icon/constants.es.js";
+import { Typography as v } from "../../components/Typography/Typography.es.js";
+import { EAnalyticsEventType as C, EAnalyticsEvent as N } from "../../types/analytics/analytics.es.js";
 import i from "./callback.module.css.es.js";
-const N = [
+const u = [
   {
-    icon: c.HEART,
+    icon: n.HEART,
     description: "No hidden fees"
   },
   {
-    icon: c.PROTOCOLS,
+    icon: n.PROTOCOLS,
     description: "Personalized Protocols"
   },
   {
-    icon: c.PACKAGE,
+    icon: n.PACKAGE,
     description: "Free Shipping"
   },
   {
-    icon: c.MESSAGE,
+    icon: n.MESSAGE,
     description: "Doctor & Clinical Team"
   }
 ];
-function v({ title: e, description: a, price: s, signupUrl: t, image: l, size: d, shape: m }) {
-  return /* @__PURE__ */ o("section", { className: i.root, children: /* @__PURE__ */ o("div", { className: i.container, children: /* @__PURE__ */ r("div", { className: i.content, children: [
+function M({
+  title: a,
+  zenpatientId: r,
+  description: l,
+  price: s,
+  signupUrl: e,
+  image: d,
+  size: p,
+  shape: m,
+  trackingLocation: f
+}) {
+  const E = {
+    event: N.ctaClicked,
+    location: f || "not_set",
+    type: C.interaction,
+    component: "CallbackModule",
+    payload: {
+      productId: r,
+      ctaLink: e
+    }
+  };
+  return /* @__PURE__ */ o("section", { className: i.root, children: /* @__PURE__ */ o("div", { className: i.container, children: /* @__PURE__ */ t("div", { className: i.content, children: [
     /* @__PURE__ */ o(
-      p,
+      h,
       {
-        title: e,
-        description: a,
+        title: a,
+        description: l,
         price: s ?? "",
-        image: l,
+        image: d,
         button: {
-          href: t,
-          as: "a"
+          href: e,
+          as: "a",
+          analyticsProps: E
         },
-        size: d,
+        size: p,
         shape: m
       }
     ),
-    /* @__PURE__ */ o("div", { className: i.icons, children: N.map((n) => /* @__PURE__ */ r("div", { className: i.icon, children: [
-      /* @__PURE__ */ o(f, { name: n.icon }),
-      /* @__PURE__ */ o(h, { defaultVariant: "labelXl", children: n.description })
-    ] }, n.description)) })
+    /* @__PURE__ */ o("div", { className: i.icons, children: u.map((c) => /* @__PURE__ */ t("div", { className: i.icon, children: [
+      /* @__PURE__ */ o(y, { name: c.icon }),
+      /* @__PURE__ */ o(v, { defaultVariant: "labelXl", children: c.description })
+    ] }, c.description)) })
   ] }) }) });
 }
 export {
-  v as CallbackModule
+  M as CallbackModule
 };

package/dist/modules/Compare/Compare.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("./compare.module.css.cjs.js"),n=require("../../components/Typography/Typography.cjs.js"),o=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),t=require("../../components/Pricing/Pricing.cjs.js"),c=({label:r,title:a,leftElement:s,rightElement:l})=>e.jsx("section",{className:i.default.root,children:e.jsxs("div",{className:i.default.container,children:[e.jsxs("div",{className:i.default.header,children:[r&&e.jsx(n.Typography,{defaultVariant:"labelMd",mobileVariant:"labelSm",emphasis:!0,children:r}),e.jsx(o.HighlightedTitle,{title:a,defaultVariant:"displayMd",mobileVariant:"headingXl",className:i.default.title})]}),e.jsxs("div",{className:i.default.content,children:[e.jsx(t.Pricing,{...s}),e.jsx(t.Pricing,{...l})]})]})});exports.Compare=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("./compare.module.css.cjs.js"),s=require("../../components/Typography/Typography.cjs.js"),c=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),r=require("../../components/Pricing/Pricing.cjs.js"),o=({label:t,title:a,leftElement:l,rightElement:n})=>e.jsx("section",{className:i.default.root,children:e.jsxs("div",{className:i.default.container,children:[e.jsxs("div",{className:i.default.header,children:[t&&e.jsx(s.Typography,{defaultVariant:"labelMd",mobileVariant:"labelSm",emphasis:!0,children:t}),e.jsx(c.HighlightedTitle,{title:a,defaultVariant:"displayMd",mobileVariant:"headingXl",className:i.default.title})]}),e.jsxs("div",{className:i.default.content,children:[e.jsx(r.Pricing,{...l,element:"left_card"}),e.jsx(r.Pricing,{...n,element:"right_card"})]})]})});exports.Compare=o;

package/dist/modules/Compare/Compare.es.js

@@ -1,24 +1,24 @@
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import i from "./compare.module.css.es.js";
-import { Typography as s } from "../../components/Typography/Typography.es.js";
-import { HighlightedTitle as n } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import r from "./compare.module.css.es.js";
+import { Typography as n } from "../../components/Typography/Typography.es.js";
+import { HighlightedTitle as s } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
 import { Pricing as t } from "../../components/Pricing/Pricing.es.js";
-const g = ({ label: a, title: l, leftElement: o, rightElement: m }) => /* @__PURE__ */ e("section", { className: i.root, children: /* @__PURE__ */ r("div", { className: i.container, children: [
-  /* @__PURE__ */ r("div", { className: i.header, children: [
-    a && /* @__PURE__ */ e(s, { defaultVariant: "labelMd", mobileVariant: "labelSm", emphasis: !0, children: a }),
+const g = ({ label: a, title: l, leftElement: m, rightElement: o }) => /* @__PURE__ */ e("section", { className: r.root, children: /* @__PURE__ */ i("div", { className: r.container, children: [
+  /* @__PURE__ */ i("div", { className: r.header, children: [
+    a && /* @__PURE__ */ e(n, { defaultVariant: "labelMd", mobileVariant: "labelSm", emphasis: !0, children: a }),
     /* @__PURE__ */ e(
-      n,
+      s,
       {
         title: l,
         defaultVariant: "displayMd",
         mobileVariant: "headingXl",
-        className: i.title
+        className: r.title
       }
     )
   ] }),
-  /* @__PURE__ */ r("div", { className: i.content, children: [
-    /* @__PURE__ */ e(t, { ...o }),
-    /* @__PURE__ */ e(t, { ...m })
+  /* @__PURE__ */ i("div", { className: r.content, children: [
+    /* @__PURE__ */ e(t, { ...m, element: "left_card" }),
+    /* @__PURE__ */ e(t, { ...o, element: "right_card" })
   ] })
 ] }) });
 export {

package/dist/modules/FeaturedIn/FeaturedIn.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),c=require("../../components/InfiniteScroll/InfiniteScroll.cjs.js"),l=require("../../components/Typography/Typography.cjs.js"),s=require("../../utils/cn/cn.cjs.js"),a=require("./featuredIn.module.css.cjs.js");function i({media:n}){return e.jsx("div",{className:a.default.mediaFeaturedInBlock,children:n.filter(r=>!!r.logo).map(({logo:r,url:t},d)=>{const u=t?"a":"div";return e.jsx(u,{href:t,target:"_blank",rel:"noopener noreferrer",className:a.default.mediaFeaturedInImageContainer,children:e.jsx("div",{className:a.default.mediaFeaturedInImage,style:{backgroundImage:`url(${r})`}})},`${t}_${d}`)})})}function m({quote:n}){return e.jsx("div",{className:a.default.quoteFeaturedInBlock,children:e.jsxs(l.Typography,{as:"p",defaultVariant:"headingSm",mobileVariant:"headingXxs",className:a.default.quoteFeaturedInText,children:["“",n,"”"]})})}function f({button_label:n}){return e.jsx("a",{href:"https://app.gethealthspan.com/#/product/signup/6896e50bc0af7d4d26738948",className:a.default.ctaFeaturedIn,children:e.jsx("span",{className:a.default.ctaFeaturedInText,children:n})})}function p({label:n,content:r}){return e.jsxs("section",{className:a.default.container,children:[e.jsx("p",{className:s.cn(a.default.title,a.default.customTitle),children:"(Featured In)"}),e.jsx(l.Typography,{as:"p",defaultVariant:"displayMd",className:s.cn(a.default.title,a.default.defaultTitle),children:"(Featured In)"}),e.jsx(l.Typography,{as:"p",defaultVariant:"labelMd",mobileVariant:"labelSm",emphasis:!0,className:a.default.label,children:n}),e.jsx(c.InfiniteScroll,{items:r,contentClassName:a.default.content,itemClassName:a.default.item,rootClassName:a.default.scrollRoot,renderItem:t=>e.jsxs(o.Fragment,{children:[t.type==="media"&&e.jsx(i,{media:t.media}),t.type==="quote"&&e.jsx(m,{quote:t.quote}),t.type==="cta"&&e.jsx(f,{button_label:t.button_label})]},t.type)})]})}exports.FeaturedIn=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),i=require("../../components/InfiniteScroll/InfiniteScroll.cjs.js"),l=require("../../components/Typography/Typography.cjs.js"),s=require("../../utils/cn/cn.cjs.js"),a=require("./featuredIn.module.css.cjs.js"),c=require("./components/CtaFeaturedIn.cjs.js");function m({media:n}){return e.jsx("div",{className:a.default.mediaFeaturedInBlock,children:n.filter(r=>!!r.logo).map(({logo:r,url:t},u)=>{const d=t?"a":"div";return e.jsx(d,{href:t,target:"_blank",rel:"noopener noreferrer",className:a.default.mediaFeaturedInImageContainer,children:e.jsx("div",{className:a.default.mediaFeaturedInImage,style:{backgroundImage:`url(${r})`}})},`${t}_${u}`)})})}function f({quote:n}){return e.jsx("div",{className:a.default.quoteFeaturedInBlock,children:e.jsxs(l.Typography,{as:"p",defaultVariant:"headingSm",mobileVariant:"headingXxs",className:a.default.quoteFeaturedInText,children:["“",n,"”"]})})}function p({label:n,content:r}){return e.jsxs("section",{className:a.default.container,children:[e.jsx("p",{className:s.cn(a.default.title,a.default.customTitle),children:"(Featured In)"}),e.jsx(l.Typography,{as:"p",defaultVariant:"displayMd",className:s.cn(a.default.title,a.default.defaultTitle),children:"(Featured In)"}),e.jsx(l.Typography,{as:"p",defaultVariant:"labelMd",mobileVariant:"labelSm",emphasis:!0,className:a.default.label,children:n}),e.jsx(i.InfiniteScroll,{items:r,contentClassName:a.default.content,itemClassName:a.default.item,rootClassName:a.default.scrollRoot,renderItem:t=>e.jsxs(o.Fragment,{children:[t.type==="media"&&e.jsx(m,{media:t.media}),t.type==="quote"&&e.jsx(f,{quote:t.quote}),t.type==="cta"&&e.jsx(c.CtaFeaturedIn,{button_label:t.button_label})]},t.type)})]})}exports.FeaturedIn=p;

package/dist/modules/FeaturedIn/FeaturedIn.es.js

@@ -1,24 +1,25 @@
-import { jsxs as l, jsx as a } from "react/jsx-runtime";
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
 import { Fragment as d } from "react";
-import { InfiniteScroll as c } from "../../components/InfiniteScroll/InfiniteScroll.es.js";
+import { InfiniteScroll as s } from "../../components/InfiniteScroll/InfiniteScroll.es.js";
 import { Typography as o } from "../../components/Typography/Typography.es.js";
 import { cn as i } from "../../utils/cn/cn.es.js";
 import e from "./featuredIn.module.css.es.js";
-function m({ media: r }) {
-  return /* @__PURE__ */ a("div", { className: e.mediaFeaturedInBlock, children: r.filter((n) => !!n.logo).map(({ logo: n, url: t }, s) => /* @__PURE__ */ a(
-    t ? "a" : "div",
+import { CtaFeaturedIn as c } from "./components/CtaFeaturedIn.es.js";
+function u({ media: r }) {
+  return /* @__PURE__ */ t("div", { className: e.mediaFeaturedInBlock, children: r.filter((n) => !!n.logo).map(({ logo: n, url: a }, m) => /* @__PURE__ */ t(
+    a ? "a" : "div",
     {
-      href: t,
+      href: a,
       target: "_blank",
       rel: "noopener noreferrer",
       className: e.mediaFeaturedInImageContainer,
-      children: /* @__PURE__ */ a("div", { className: e.mediaFeaturedInImage, style: { backgroundImage: `url(${n})` } })
+      children: /* @__PURE__ */ t("div", { className: e.mediaFeaturedInImage, style: { backgroundImage: `url(${n})` } })
     },
-    `${t}_${s}`
+    `${a}_${m}`
   )) });
 }
-function u({ quote: r }) {
-  return /* @__PURE__ */ a("div", { className: e.quoteFeaturedInBlock, children: /* @__PURE__ */ l(
+function p({ quote: r }) {
+  return /* @__PURE__ */ t("div", { className: e.quoteFeaturedInBlock, children: /* @__PURE__ */ l(
     o,
     {
       as: "p",
@@ -33,37 +34,27 @@ function u({ quote: r }) {
     }
   ) });
 }
-function p({ button_label: r }) {
-  return /* @__PURE__ */ a(
-    "a",
-    {
-      href: "https://app.gethealthspan.com/#/product/signup/6896e50bc0af7d4d26738948",
-      className: e.ctaFeaturedIn,
-      children: /* @__PURE__ */ a("span", { className: e.ctaFeaturedInText, children: r })
-    }
-  );
-}
-function y({ label: r, content: n }) {
+function q({ label: r, content: n }) {
   return /* @__PURE__ */ l("section", { className: e.container, children: [
-    /* @__PURE__ */ a("p", { className: i(e.title, e.customTitle), children: "(Featured In)" }),
-    /* @__PURE__ */ a(o, { as: "p", defaultVariant: "displayMd", className: i(e.title, e.defaultTitle), children: "(Featured In)" }),
-    /* @__PURE__ */ a(o, { as: "p", defaultVariant: "labelMd", mobileVariant: "labelSm", emphasis: !0, className: e.label, children: r }),
-    /* @__PURE__ */ a(
-      c,
+    /* @__PURE__ */ t("p", { className: i(e.title, e.customTitle), children: "(Featured In)" }),
+    /* @__PURE__ */ t(o, { as: "p", defaultVariant: "displayMd", className: i(e.title, e.defaultTitle), children: "(Featured In)" }),
+    /* @__PURE__ */ t(o, { as: "p", defaultVariant: "labelMd", mobileVariant: "labelSm", emphasis: !0, className: e.label, children: r }),
+    /* @__PURE__ */ t(
+      s,
       {
         items: n,
         contentClassName: e.content,
         itemClassName: e.item,
         rootClassName: e.scrollRoot,
-        renderItem: (t) => /* @__PURE__ */ l(d, { children: [
-          t.type === "media" && /* @__PURE__ */ a(m, { media: t.media }),
-          t.type === "quote" && /* @__PURE__ */ a(u, { quote: t.quote }),
-          t.type === "cta" && /* @__PURE__ */ a(p, { button_label: t.button_label })
-        ] }, t.type)
+        renderItem: (a) => /* @__PURE__ */ l(d, { children: [
+          a.type === "media" && /* @__PURE__ */ t(u, { media: a.media }),
+          a.type === "quote" && /* @__PURE__ */ t(p, { quote: a.quote }),
+          a.type === "cta" && /* @__PURE__ */ t(c, { button_label: a.button_label })
+        ] }, a.type)
       }
     )
   ] });
 }
 export {
-  y as FeaturedIn
+  q as FeaturedIn
 };

package/dist/modules/FeaturedIn/components/CtaFeaturedIn.cjs.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),a=require("../../../types/analytics/analytics.cjs.js"),c=require("../featuredIn.module.css.cjs.js");function s({button_label:r}){const e="https://app.gethealthspan.com/#/product/signup/6896e50bc0af7d4d26738948",i=()=>{var t;(t=window.eventBus)==null||t.emit("analytics",{event:a.EAnalyticsEvent.ctaClicked,type:a.EAnalyticsEventType.interaction,component:"FeaturedIn",element:"primary_button",payload:{link:e}})};return n.jsx("a",{href:e,onClick:i,className:c.default.ctaFeaturedIn,children:n.jsx("span",{className:c.default.ctaFeaturedInText,children:r})})}exports.CtaFeaturedIn=s;

package/dist/modules/FeaturedIn/components/CtaFeaturedIn.d.ts

@@ -0,0 +1,5 @@
+type CtaFeaturedInProps = {
+    button_label: string;
+};
+export declare function CtaFeaturedIn({ button_label }: CtaFeaturedInProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/modules/FeaturedIn/components/CtaFeaturedIn.es.js

@@ -0,0 +1,22 @@
+"use client";
+import { jsx as n } from "react/jsx-runtime";
+import { EAnalyticsEventType as i, EAnalyticsEvent as o } from "../../../types/analytics/analytics.es.js";
+import a from "../featuredIn.module.css.es.js";
+function d({ button_label: c }) {
+  const t = "https://app.gethealthspan.com/#/product/signup/6896e50bc0af7d4d26738948";
+  return /* @__PURE__ */ n("a", { href: t, onClick: () => {
+    var e;
+    (e = window.eventBus) == null || e.emit("analytics", {
+      event: o.ctaClicked,
+      type: i.interaction,
+      component: "FeaturedIn",
+      element: "primary_button",
+      payload: {
+        link: t
+      }
+    });
+  }, className: a.ctaFeaturedIn, children: /* @__PURE__ */ n("span", { className: a.ctaFeaturedInText, children: c }) });
+}
+export {
+  d as CtaFeaturedIn
+};

package/dist/modules/HowItWorks/HowItWorks.cjs.js

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