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

package/dist/modules/CallToAction/CallToAction.cjs.js

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

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/Claims/Claims.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("../../components/Typography/Typography.cjs.js"),u=require("../../components/ClaimBlock/ClaimBlock.cjs.js"),c=require("../../components/Button/Button.cjs.js"),a=require("./claims.module.css.cjs.js");function o({text:l,button:s,claimBlocks:r}){return e.jsx("section",{className:a.default.root,children:e.jsxs("div",{className:a.default.content,children:[(l||s)&&e.jsxs("div",{className:a.default.container,children:[l?e.jsx(n.Typography,{className:a.default.text,as:"h2",defaultVariant:"preambleLg",mobileVariant:"preambleSm",children:l}):e.jsx("div",{}),s&&e.jsx("div",{className:a.default.buttonContainer,children:e.jsx(c.Button,{as:"a",href:s.link,variant:"muted",size:"lg",children:s.text})})]}),e.jsx("div",{className:a.default.claimContainer,children:r.slice(0,4).map((i,t)=>e.jsx("div",{className:a.default.claimBlock,children:e.jsx(u.ClaimBlock,{value:i.value,subtitle:i.subtitle,description:i.description,valuePrefix:i.valuePrefix,valueSuffix:i.valueSuffix})},t))})]})})}exports.Claims=o;

package/dist/modules/Claims/Claims.es.js

@@ -0,0 +1,35 @@
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { Typography as m } from "../../components/Typography/Typography.es.js";
+import { ClaimBlock as o } from "../../components/ClaimBlock/ClaimBlock.es.js";
+import { Button as c } from "../../components/Button/Button.es.js";
+import i from "./claims.module.css.es.js";
+function h({ text: l, button: r, claimBlocks: n }) {
+  return /* @__PURE__ */ e("section", { className: i.root, children: /* @__PURE__ */ s("div", { className: i.content, children: [
+    (l || r) && /* @__PURE__ */ s("div", { className: i.container, children: [
+      l ? /* @__PURE__ */ e(
+        m,
+        {
+          className: i.text,
+          as: "h2",
+          defaultVariant: "preambleLg",
+          mobileVariant: "preambleSm",
+          children: l
+        }
+      ) : /* @__PURE__ */ e("div", {}),
+      r && /* @__PURE__ */ e("div", { className: i.buttonContainer, children: /* @__PURE__ */ e(c, { as: "a", href: r.link, variant: "muted", size: "lg", children: r.text }) })
+    ] }),
+    /* @__PURE__ */ e("div", { className: i.claimContainer, children: n.slice(0, 4).map((a, t) => /* @__PURE__ */ e("div", { className: i.claimBlock, children: /* @__PURE__ */ e(
+      o,
+      {
+        value: a.value,
+        subtitle: a.subtitle,
+        description: a.description,
+        valuePrefix: a.valuePrefix,
+        valueSuffix: a.valueSuffix
+      }
+    ) }, t)) })
+  ] }) });
+}
+export {
+  h as Claims
+};

package/dist/modules/Claims/claims.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="claims-module__root___G0vMQ",o="claims-module__content___wtAp3",n="claims-module__container___5j2Jv",e="claims-module__text___uHrdi",c="claims-module__buttonContainer___d-veq",_="claims-module__claimContainer___MQm5U",l="claims-module__claimBlock___LCrIN",i={root:t,content:o,container:n,text:e,buttonContainer:c,claimContainer:_,claimBlock:l};exports.buttonContainer=c;exports.claimBlock=l;exports.claimContainer=_;exports.container=n;exports.content=o;exports.default=i;exports.root=t;exports.text=e;

package/dist/modules/Claims/claims.module.css.es.js

@@ -0,0 +1,19 @@
+const t = "claims-module__root___G0vMQ", o = "claims-module__content___wtAp3", n = "claims-module__container___5j2Jv", _ = "claims-module__text___uHrdi", c = "claims-module__buttonContainer___d-veq", e = "claims-module__claimContainer___MQm5U", l = "claims-module__claimBlock___LCrIN", a = {
+  root: t,
+  content: o,
+  container: n,
+  text: _,
+  buttonContainer: c,
+  claimContainer: e,
+  claimBlock: l
+};
+export {
+  c as buttonContainer,
+  l as claimBlock,
+  e as claimContainer,
+  n as container,
+  o as content,
+  a as default,
+  t as root,
+  _ as text
+};

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;