@zenpatient-org/healthspan-marketing-ui 0.1.164 → 0.1.166

package/dist/modules/Studies/Studies.es.js

@@ -1,11 +1,18 @@
 import { jsx as r, jsxs as a } from "react/jsx-runtime";
-import { Button as h } from "../../components/Button/Button.es.js";
-import { HighlightedTitle as p } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
-import { StudyGridCard as c } from "../../components/StudyGridCard/StudyGridCard.es.js";
-import { Typography as u } from "../../components/Typography/Typography.es.js";
+import { Button as c } from "../../components/Button/Button.es.js";
+import { HighlightedTitle as u } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
+import { StudyGridCard as f } from "../../components/StudyGridCard/StudyGridCard.es.js";
+import { Typography as g } from "../../components/Typography/Typography.es.js";
 import i from "./studies.module.css.es.js";
-function x({ title: l, description: o, articles: m, allStudiesLink: d }) {
-  const n = m.reduce(
+function T({
+  title: l,
+  description: o,
+  articles: m,
+  allStudiesLink: d,
+  trackingEvent: n,
+  trackingLocation: h
+}) {
+  const p = m.reduce(
     (e, t) => {
       const s = e[e.length - 1];
       return s.length < 2 ? s.push(t) : e.push([t]), e;
@@ -14,13 +21,21 @@ function x({ title: l, description: o, articles: m, allStudiesLink: d }) {
   );
   return /* @__PURE__ */ r("section", { className: i.root, children: /* @__PURE__ */ a("div", { className: i.container, children: [
     /* @__PURE__ */ a("div", { className: i.header, children: [
-      /* @__PURE__ */ r(p, { title: l }),
-      o && /* @__PURE__ */ r(u, { as: "p", defaultVariant: "bodyLg", className: i.description, children: o }),
-      d && /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(h, { as: "a", variant: "muted", size: "lg", href: d, children: "view all studies" }) })
+      /* @__PURE__ */ r(u, { title: l }),
+      o && /* @__PURE__ */ r(g, { as: "p", defaultVariant: "bodyLg", className: i.description, children: o }),
+      d && /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(c, { as: "a", variant: "muted", size: "lg", href: d, children: "view all studies" }) })
     ] }),
-    /* @__PURE__ */ r("div", { className: i.articles, children: n.map((e, t) => /* @__PURE__ */ r("div", { className: i.row, children: e.map((s) => /* @__PURE__ */ r(c, { ...s }, s.title)) }, t)) })
+    /* @__PURE__ */ r("div", { className: i.articles, children: p.map((e, t) => /* @__PURE__ */ r("div", { className: i.row, children: e.map((s) => /* @__PURE__ */ r(
+      f,
+      {
+        ...s,
+        trackingEvent: n,
+        trackingLocation: h
+      },
+      s.title
+    )) }, t)) })
   ] }) });
 }
 export {
-  x as Studies
+  T as Studies
 };

package/dist/pageComponents/Footer/Footer.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("../../components/Icon/Icon.cjs.js");const o=require("../../components/Icon/constants.cjs.js"),s=require("../../components/IconButton/IconButton.cjs.js"),i=require("./components/FooterAbout/FooterAbout.cjs.js"),c=require("./components/FooterLinksBlock/FooterLinksBlock.cjs.js"),a=require("./components/NewsLetter/NewsLetter.cjs.js");require("react");require("../../components/Button/Button.cjs.js");const m=require("./components/TopTreatmentsSlider/TopTreatmentsSlider.cjs.js"),u=require("./components/LinksColumn/LinksColumn.cjs.js"),f=require("./assets/CompanyName.svg.cjs.js"),r=require("./footer.module.css.cjs.js"),l={title:"Treatments",content:[{title:"All Treatments",href:"/treatments"},{title:"Personalized Protocols",href:"/personalized-protocols"},{title:"Labs",href:"/labs"},{title:"Medications",href:"/medications"},{title:"Supplements",href:"/supplements"}]},h=({socialMedia:t,products:n})=>e.jsx("footer",{className:r.default.root,children:e.jsxs("div",{className:r.default.container,children:[e.jsxs("div",{className:r.default.content,children:[e.jsx("div",{className:r.default.footerLeft,children:e.jsx(a.NewsLetter,{})}),e.jsxs("div",{className:r.default.footerRight,children:[e.jsxs("div",{className:r.default.columns,children:[e.jsx(u.LinksColumn,{title:l.title,links:l.content},l.title),n&&(n==null?void 0:n.length)>0&&e.jsx(m.TopTreatmentsSlider,{title:"Top Treatments",products:n})]}),e.jsx("div",{className:r.default.footerLinks,children:e.jsx(c.FooterLinksBlock,{})}),e.jsxs("div",{className:r.default.about,children:[e.jsx(i.FooterAbout,{}),e.jsxs("div",{className:r.default.socials,children:[(t==null?void 0:t.facebook)&&e.jsx("a",{href:t.facebook,target:"_blank",rel:"noopener noreferrer",children:e.jsx(s.IconButton,{iconName:o.EIconName.FACEBOOK,variant:"muted-invert",size:"lg"})}),(t==null?void 0:t.instagram)&&e.jsx("a",{href:t.instagram,target:"_blank",rel:"noopener noreferrer",children:e.jsx(s.IconButton,{iconName:o.EIconName.INSTAGRAM,variant:"muted-invert",size:"lg"})}),(t==null?void 0:t.twitter)&&e.jsx("a",{href:t.twitter,target:"_blank",rel:"noopener noreferrer",children:e.jsx(s.IconButton,{iconName:o.EIconName.X,variant:"muted-invert",size:"lg"})})]})]})]})]}),e.jsx("div",{className:r.default.img,children:e.jsx(f.default,{width:"100%",height:"100%",preserveAspectRatio:"xMidYMid meet"})})]})});exports.Footer=h;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("../../components/Icon/Icon.cjs.js");const o=require("../../components/Icon/constants.cjs.js"),s=require("../../components/IconButton/IconButton.cjs.js"),d=require("./components/FooterAbout/FooterAbout.cjs.js"),h=require("./components/FooterLinksBlock/FooterLinksBlock.cjs.js"),j=require("./components/NewsLetter/NewsLetter.cjs.js");require("react");require("../../components/Button/Button.cjs.js");const x=require("./components/TopTreatmentsSlider/TopTreatmentsSlider.cjs.js"),N=require("./components/LinksColumn/LinksColumn.cjs.js"),v=require("./assets/CompanyName.svg.cjs.js"),p=require("../../types/analytics/analytics.cjs.js"),n=require("./footer.module.css.cjs.js"),l={title:"Treatments",content:[{title:"All Treatments",href:"/treatments"},{title:"Personalized Protocols",href:"/personalized-protocols"},{title:"Labs",href:"/labs"},{title:"Medications",href:"/medications"},{title:"Supplements",href:"/supplements"}]},q=({socialMedia:t,products:r,trackingEvent:i,trackingLocation:c})=>{const m=u=>{var a;if(i){const f={event:i,location:c||"",type:p.EAnalyticsEventType.interaction,payload:{email:u,pageTitle:document.title,component:"Footer",element:"NewsLetter"}};(a=window.eventBus)==null||a.emit("analytics",f)}};return e.jsx("footer",{className:n.default.root,children:e.jsxs("div",{className:n.default.container,children:[e.jsxs("div",{className:n.default.content,children:[e.jsx("div",{className:n.default.footerLeft,children:e.jsx(j.NewsLetter,{onSubmit:m})}),e.jsxs("div",{className:n.default.footerRight,children:[e.jsxs("div",{className:n.default.columns,children:[e.jsx(N.LinksColumn,{title:l.title,links:l.content},l.title),r&&(r==null?void 0:r.length)>0&&e.jsx(x.TopTreatmentsSlider,{title:"Top Treatments",products:r})]}),e.jsx("div",{className:n.default.footerLinks,children:e.jsx(h.FooterLinksBlock,{})}),e.jsxs("div",{className:n.default.about,children:[e.jsx(d.FooterAbout,{}),e.jsxs("div",{className:n.default.socials,children:[(t==null?void 0:t.facebook)&&e.jsx("a",{href:t.facebook,target:"_blank",rel:"noopener noreferrer",children:e.jsx(s.IconButton,{iconName:o.EIconName.FACEBOOK,variant:"muted-invert",size:"lg"})}),(t==null?void 0:t.instagram)&&e.jsx("a",{href:t.instagram,target:"_blank",rel:"noopener noreferrer",children:e.jsx(s.IconButton,{iconName:o.EIconName.INSTAGRAM,variant:"muted-invert",size:"lg"})}),(t==null?void 0:t.twitter)&&e.jsx("a",{href:t.twitter,target:"_blank",rel:"noopener noreferrer",children:e.jsx(s.IconButton,{iconName:o.EIconName.X,variant:"muted-invert",size:"lg"})})]})]})]})]}),e.jsx("div",{className:n.default.img,children:e.jsx(v.default,{width:"100%",height:"100%",preserveAspectRatio:"xMidYMid meet"})})]})})};exports.Footer=q;

package/dist/pageComponents/Footer/Footer.d.ts

@@ -1,3 +1,5 @@
+import { EAnalyticsEvent } from '../../types/analytics';
+
 type TProducts = {
     name: string;
     image: string;
@@ -12,6 +14,8 @@ type TSocialMedia = {
 export type TFooterProps = {
     socialMedia?: TSocialMedia;
     products?: Array<TProducts>;
+    trackingEvent?: EAnalyticsEvent.mailchimpSubmitClicked;
+    trackingLocation?: string;
 };
-export declare const Footer: ({ socialMedia, products }: TFooterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Footer: ({ socialMedia, products, trackingEvent, trackingLocation }: TFooterProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/pageComponents/Footer/Footer.es.js

@@ -3,14 +3,15 @@ import { jsx as e, jsxs as n } from "react/jsx-runtime";
 import "../../components/Icon/Icon.es.js";
 import { EIconName as m } from "../../components/Icon/constants.es.js";
 import { IconButton as i } from "../../components/IconButton/IconButton.es.js";
-import { FooterAbout as s } from "./components/FooterAbout/FooterAbout.es.js";
-import { FooterLinksBlock as a } from "./components/FooterLinksBlock/FooterLinksBlock.es.js";
-import { NewsLetter as f } from "./components/NewsLetter/NewsLetter.es.js";
+import { FooterAbout as v } from "./components/FooterAbout/FooterAbout.es.js";
+import { FooterLinksBlock as N } from "./components/FooterLinksBlock/FooterLinksBlock.es.js";
+import { NewsLetter as d } from "./components/NewsLetter/NewsLetter.es.js";
 import "react";
 import "../../components/Button/Button.es.js";
-import { TopTreatmentsSlider as h } from "./components/TopTreatmentsSlider/TopTreatmentsSlider.es.js";
-import { LinksColumn as c } from "./components/LinksColumn/LinksColumn.es.js";
-import p from "./assets/CompanyName.svg.es.js";
+import { TopTreatmentsSlider as g } from "./components/TopTreatmentsSlider/TopTreatmentsSlider.es.js";
+import { LinksColumn as b } from "./components/LinksColumn/LinksColumn.es.js";
+import u from "./assets/CompanyName.svg.es.js";
+import { EAnalyticsEventType as k } from "../../types/analytics/analytics.es.js";
 import r from "./footer.module.css.es.js";
 const l = {
   title: "Treatments",
@@ -21,27 +22,46 @@ const l = {
     { title: "Medications", href: "/medications" },
     { title: "Supplements", href: "/supplements" }
   ]
-}, F = ({ socialMedia: t, products: o }) => /* @__PURE__ */ e("footer", { className: r.root, children: /* @__PURE__ */ n("div", { className: r.container, children: [
-  /* @__PURE__ */ n("div", { className: r.content, children: [
-    /* @__PURE__ */ e("div", { className: r.footerLeft, children: /* @__PURE__ */ e(f, {}) }),
-    /* @__PURE__ */ n("div", { className: r.footerRight, children: [
-      /* @__PURE__ */ n("div", { className: r.columns, children: [
-        /* @__PURE__ */ e(c, { title: l.title, links: l.content }, l.title),
-        o && (o == null ? void 0 : o.length) > 0 && /* @__PURE__ */ e(h, { title: "Top Treatments", products: o })
-      ] }),
-      /* @__PURE__ */ e("div", { className: r.footerLinks, children: /* @__PURE__ */ e(a, {}) }),
-      /* @__PURE__ */ n("div", { className: r.about, children: [
-        /* @__PURE__ */ e(s, {}),
-        /* @__PURE__ */ n("div", { className: r.socials, children: [
-          (t == null ? void 0 : t.facebook) && /* @__PURE__ */ e("a", { href: t.facebook, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ e(i, { iconName: m.FACEBOOK, variant: "muted-invert", size: "lg" }) }),
-          (t == null ? void 0 : t.instagram) && /* @__PURE__ */ e("a", { href: t.instagram, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ e(i, { iconName: m.INSTAGRAM, variant: "muted-invert", size: "lg" }) }),
-          (t == null ? void 0 : t.twitter) && /* @__PURE__ */ e("a", { href: t.twitter, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ e(i, { iconName: m.X, variant: "muted-invert", size: "lg" }) })
+}, _ = ({ socialMedia: t, products: o, trackingEvent: s, trackingLocation: c }) => {
+  const f = (p) => {
+    var a;
+    if (s) {
+      const h = {
+        event: s,
+        location: c || "",
+        type: k.interaction,
+        payload: {
+          email: p,
+          pageTitle: document.title,
+          component: "Footer",
+          element: "NewsLetter"
+        }
+      };
+      (a = window.eventBus) == null || a.emit("analytics", h);
+    }
+  };
+  return /* @__PURE__ */ e("footer", { className: r.root, children: /* @__PURE__ */ n("div", { className: r.container, children: [
+    /* @__PURE__ */ n("div", { className: r.content, children: [
+      /* @__PURE__ */ e("div", { className: r.footerLeft, children: /* @__PURE__ */ e(d, { onSubmit: f }) }),
+      /* @__PURE__ */ n("div", { className: r.footerRight, children: [
+        /* @__PURE__ */ n("div", { className: r.columns, children: [
+          /* @__PURE__ */ e(b, { title: l.title, links: l.content }, l.title),
+          o && (o == null ? void 0 : o.length) > 0 && /* @__PURE__ */ e(g, { title: "Top Treatments", products: o })
+        ] }),
+        /* @__PURE__ */ e("div", { className: r.footerLinks, children: /* @__PURE__ */ e(N, {}) }),
+        /* @__PURE__ */ n("div", { className: r.about, children: [
+          /* @__PURE__ */ e(v, {}),
+          /* @__PURE__ */ n("div", { className: r.socials, children: [
+            (t == null ? void 0 : t.facebook) && /* @__PURE__ */ e("a", { href: t.facebook, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ e(i, { iconName: m.FACEBOOK, variant: "muted-invert", size: "lg" }) }),
+            (t == null ? void 0 : t.instagram) && /* @__PURE__ */ e("a", { href: t.instagram, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ e(i, { iconName: m.INSTAGRAM, variant: "muted-invert", size: "lg" }) }),
+            (t == null ? void 0 : t.twitter) && /* @__PURE__ */ e("a", { href: t.twitter, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ e(i, { iconName: m.X, variant: "muted-invert", size: "lg" }) })
+          ] })
         ] })
       ] })
-    ] })
-  ] }),
-  /* @__PURE__ */ e("div", { className: r.img, children: /* @__PURE__ */ e(p, { width: "100%", height: "100%", preserveAspectRatio: "xMidYMid meet" }) })
-] }) });
+    ] }),
+    /* @__PURE__ */ e("div", { className: r.img, children: /* @__PURE__ */ e(u, { width: "100%", height: "100%", preserveAspectRatio: "xMidYMid meet" }) })
+  ] }) });
+};
 export {
-  F as Footer
+  _ as Footer
 };

package/dist/pageComponents/Footer/components/NewsLetter/NewsLetter.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),o=require("../../../../components/Typography/Typography.cjs.js"),v=require("../../../../components/TextInput/TextInput.cjs.js"),S=require("../../../../utils/cn/cn.cjs.js"),T=require("../../../../node_modules/react-mailchimp-subscribe/es/index.cjs.js"),j=require("../../../../utils/isValidEmail.cjs.js"),s=require("./newsLetter.module.css.cjs.js"),w="//gethealthspan.us21.list-manage.com/subscribe/post?u=664ad54ec243b3582164cf116&id=2483a4d606&f_id=0050e6e6f0&tags=239347,239351",q=({status:t,message:l,subscribe:c})=>{const[n,u]=i.useState(""),[p,f]=i.useState(""),[d,a]=i.useState(!1),[g,r]=i.useState(""),[b,m]=i.useState(!1),y=h=>{u(h.target.value),d&&(a(!1),r("")),m(h.target.value.length>0)},x=()=>{if(!n){a(!0),r("Please enter your email address");return}if(!j.isValidEmail(n)){a(!0),r("Please enter a valid email address");return}a(!1),r(""),c({EMAIL:n})};return i.useEffect(()=>{t==="success"&&(f(n),u(""),a(!1),r(""),m(!1)),t==="error"&&typeof l=="string"&&(a(!0),r("Subscription failed. Please try again."))},[t,l]),e.jsxs("div",{className:S.cn(s.default.root,{[s.default.subscribed]:t==="success"}),children:[e.jsxs("div",{className:s.default.container,children:[e.jsx(o.Typography,{defaultVariant:"headingLg",mobileVariant:"headingSm",as:"h2",className:s.default.title,children:t==="success"?"Thanks for subscribing!":"Read the latest research reviews"}),e.jsx(o.Typography,{defaultVariant:"bodySm",mobileVariant:"bodyXs",as:"span",className:s.default.text,children:t==="success"?e.jsxs(e.Fragment,{children:["You will now begin receiving our monthly newsletter at"," ",e.jsx("b",{className:s.default.email,children:p}),". It's a great way to keep up to date on the latest developments in longevity science."]}):"Request The Longevity Blueprint to receive our weekly newsletter containing synopses of the latest clinical research."})]}),t==="sending"&&e.jsx("div",{className:s.default.container,children:e.jsx(o.Typography,{defaultVariant:"bodySm",mobileVariant:"bodyXs",as:"span",className:s.default.text,children:"Subscribing, please wait..."})}),t!=="success"&&t!=="sending"&&e.jsx(v.TextInput,{placeholder:"Your email",variant:"primary-invert",value:n,handleChange:y,onButtonClick:x,showButton:!0,error:d,errorText:g,active:b})]})},E=()=>e.jsx(T.default,{url:w,render:({subscribe:t,status:l,message:c})=>e.jsx(q,{status:l,message:c,subscribe:t})});exports.NewsLetter=E;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("react"),u=require("../../../../components/Typography/Typography.cjs.js"),v=require("../../../../components/TextInput/TextInput.cjs.js"),T=require("../../../../utils/cn/cn.cjs.js"),j=require("../../../../node_modules/react-mailchimp-subscribe/es/index.cjs.js"),w=require("../../../../utils/isValidEmail.cjs.js"),s=require("./newsLetter.module.css.cjs.js"),q="//gethealthspan.us21.list-manage.com/subscribe/post?u=664ad54ec243b3582164cf116&id=2483a4d606&f_id=0050e6e6f0&tags=239347,239351",E=({status:e,message:c,subscribe:o})=>{const[a,l]=n.useState(""),[p,f]=n.useState(""),[d,r]=n.useState(!1),[g,i]=n.useState(""),[y,h]=n.useState(!1),b=m=>{l(m.target.value),d&&(r(!1),i("")),h(m.target.value.length>0)},x=()=>{if(!a){r(!0),i("Please enter your email address");return}if(!w.isValidEmail(a)){r(!0),i("Please enter a valid email address");return}r(!1),i(""),o({EMAIL:a})};return n.useEffect(()=>{e==="success"&&(f(a),l(""),r(!1),i(""),h(!1)),e==="error"&&typeof c=="string"&&(r(!0),i("Subscription failed. Please try again."))},[e,c]),t.jsxs("div",{className:T.cn(s.default.root,{[s.default.subscribed]:e==="success"}),children:[t.jsxs("div",{className:s.default.container,children:[t.jsx(u.Typography,{defaultVariant:"headingLg",mobileVariant:"headingSm",as:"h2",className:s.default.title,children:e==="success"?"Thanks for subscribing!":"Read the latest research reviews"}),t.jsx(u.Typography,{defaultVariant:"bodySm",mobileVariant:"bodyXs",as:"span",className:s.default.text,children:e==="success"?t.jsxs(t.Fragment,{children:["You will now begin receiving our monthly newsletter at"," ",t.jsx("b",{className:s.default.email,children:p}),". It's a great way to keep up to date on the latest developments in longevity science."]}):"Request The Longevity Blueprint to receive our weekly newsletter containing synopses of the latest clinical research."})]}),e==="sending"&&t.jsx("div",{className:s.default.container,children:t.jsx(u.Typography,{defaultVariant:"bodySm",mobileVariant:"bodyXs",as:"span",className:s.default.text,children:"Subscribing, please wait..."})}),e!=="success"&&e!=="sending"&&t.jsx(v.TextInput,{placeholder:"Your email",variant:"primary-invert",value:a,handleChange:b,onButtonClick:x,showButton:!0,error:d,errorText:g,active:y})]})},S=({onSubmit:e})=>t.jsx(j.default,{url:q,render:({subscribe:c,status:o,message:a})=>t.jsx(E,{status:o,message:a,subscribe:l=>{c(l),e==null||e(l.EMAIL)}})});exports.NewsLetter=S;

package/dist/pageComponents/Footer/components/NewsLetter/NewsLetter.d.ts

@@ -1 +1,3 @@
-export declare const NewsLetter: () => import("react/jsx-runtime").JSX.Element;
+export declare const NewsLetter: ({ onSubmit }: {
+    onSubmit?: (email: string) => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/pageComponents/Footer/components/NewsLetter/NewsLetter.es.js

@@ -1,47 +1,47 @@
 "use client";
-import { jsx as a, jsxs as c, Fragment as S } from "react/jsx-runtime";
-import { useState as n, useEffect as x } from "react";
-import { Typography as m } from "../../../../components/Typography/Typography.es.js";
-import { TextInput as E } from "../../../../components/TextInput/TextInput.es.js";
-import { cn as N } from "../../../../utils/cn/cn.es.js";
-import V from "../../../../node_modules/react-mailchimp-subscribe/es/index.es.js";
-import { isValidEmail as T } from "../../../../utils/isValidEmail.es.js";
+import { jsx as a, jsxs as m, Fragment as E } from "react/jsx-runtime";
+import { useState as l, useEffect as x } from "react";
+import { Typography as d } from "../../../../components/Typography/Typography.es.js";
+import { TextInput as N } from "../../../../components/TextInput/TextInput.es.js";
+import { cn as V } from "../../../../utils/cn/cn.es.js";
+import T from "../../../../node_modules/react-mailchimp-subscribe/es/index.es.js";
+import { isValidEmail as I } from "../../../../utils/isValidEmail.es.js";
 import r from "./newsLetter.module.css.es.js";
-const k = "//gethealthspan.us21.list-manage.com/subscribe/post?u=664ad54ec243b3582164cf116&id=2483a4d606&f_id=0050e6e6f0&tags=239347,239351", C = ({
+const L = "//gethealthspan.us21.list-manage.com/subscribe/post?u=664ad54ec243b3582164cf116&id=2483a4d606&f_id=0050e6e6f0&tags=239347,239351", S = ({
   status: e,
-  message: l,
-  subscribe: o
+  message: o,
+  subscribe: c
 }) => {
-  const [s, d] = n(""), [f, b] = n(""), [u, t] = n(!1), [g, i] = n(""), [v, h] = n(!1), y = (p) => {
-    d(p.target.value), u && (t(!1), i("")), h(p.target.value.length > 0);
+  const [s, n] = l(""), [f, b] = l(""), [u, i] = l(!1), [g, t] = l(""), [v, h] = l(!1), y = (p) => {
+    n(p.target.value), u && (i(!1), t("")), h(p.target.value.length > 0);
   }, w = () => {
     if (!s) {
-      t(!0), i("Please enter your email address");
+      i(!0), t("Please enter your email address");
       return;
     }
-    if (!T(s)) {
-      t(!0), i("Please enter a valid email address");
+    if (!I(s)) {
+      i(!0), t("Please enter a valid email address");
       return;
     }
-    t(!1), i(""), o({
+    i(!1), t(""), c({
       EMAIL: s
     });
   };
   return x(() => {
-    e === "success" && (b(s), d(""), t(!1), i(""), h(!1)), e === "error" && typeof l == "string" && (t(!0), i("Subscription failed. Please try again."));
-  }, [e, l]), /* @__PURE__ */ c("div", { className: N(r.root, { [r.subscribed]: e === "success" }), children: [
-    /* @__PURE__ */ c("div", { className: r.container, children: [
-      /* @__PURE__ */ a(m, { defaultVariant: "headingLg", mobileVariant: "headingSm", as: "h2", className: r.title, children: e === "success" ? "Thanks for subscribing!" : "Read the latest research reviews" }),
-      /* @__PURE__ */ a(m, { defaultVariant: "bodySm", mobileVariant: "bodyXs", as: "span", className: r.text, children: e === "success" ? /* @__PURE__ */ c(S, { children: [
+    e === "success" && (b(s), n(""), i(!1), t(""), h(!1)), e === "error" && typeof o == "string" && (i(!0), t("Subscription failed. Please try again."));
+  }, [e, o]), /* @__PURE__ */ m("div", { className: V(r.root, { [r.subscribed]: e === "success" }), children: [
+    /* @__PURE__ */ m("div", { className: r.container, children: [
+      /* @__PURE__ */ a(d, { defaultVariant: "headingLg", mobileVariant: "headingSm", as: "h2", className: r.title, children: e === "success" ? "Thanks for subscribing!" : "Read the latest research reviews" }),
+      /* @__PURE__ */ a(d, { defaultVariant: "bodySm", mobileVariant: "bodyXs", as: "span", className: r.text, children: e === "success" ? /* @__PURE__ */ m(E, { children: [
         "You will now begin receiving our monthly newsletter at",
         " ",
         /* @__PURE__ */ a("b", { className: r.email, children: f }),
         ". It's a great way to keep up to date on the latest developments in longevity science."
       ] }) : "Request The Longevity Blueprint to receive our weekly newsletter containing synopses of the latest clinical research." })
     ] }),
-    e === "sending" && /* @__PURE__ */ a("div", { className: r.container, children: /* @__PURE__ */ a(m, { defaultVariant: "bodySm", mobileVariant: "bodyXs", as: "span", className: r.text, children: "Subscribing, please wait..." }) }),
+    e === "sending" && /* @__PURE__ */ a("div", { className: r.container, children: /* @__PURE__ */ a(d, { defaultVariant: "bodySm", mobileVariant: "bodyXs", as: "span", className: r.text, children: "Subscribing, please wait..." }) }),
     e !== "success" && e !== "sending" && /* @__PURE__ */ a(
-      E,
+      N,
       {
         placeholder: "Your email",
         variant: "primary-invert",
@@ -55,15 +55,24 @@ const k = "//gethealthspan.us21.list-manage.com/subscribe/post?u=664ad54ec243b35
       }
     )
   ] });
-}, R = () => /* @__PURE__ */ a(
-  V,
+}, R = ({ onSubmit: e }) => /* @__PURE__ */ a(
+  T,
   {
-    url: k,
+    url: L,
     render: ({
-      subscribe: e,
-      status: l,
-      message: o
-    }) => /* @__PURE__ */ a(C, { status: l, message: o, subscribe: e })
+      subscribe: o,
+      status: c,
+      message: s
+    }) => /* @__PURE__ */ a(
+      S,
+      {
+        status: c,
+        message: s,
+        subscribe: (n) => {
+          o(n), e == null || e(n.EMAIL);
+        }
+      }
+    )
   }
 );
 export {

package/dist/types/analytics/analytics.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var c=(e=>(e.pageView="Page view",e.featuredArticleClicked="Featured article clicked",e.scienceCardClicked="Science card clicked",e.articleCategoryClicked="Article category clicked",e.userSelectedPlan="User selected plan",e.mailchimpSubmitClicked="Mailchimp submit clicked",e.articleScrolledBy="Article scrolled by",e))(c||{}),r=(e=>(e.view="view",e.appearance="appearance",e.interaction="interaction",e))(r||{});exports.EAnalyticsEvent=c;exports.EAnalyticsEventType=r;

package/dist/types/analytics/analytics.es.js

@@ -0,0 +1,5 @@
+var r = /* @__PURE__ */ ((e) => (e.pageView = "Page view", e.featuredArticleClicked = "Featured article clicked", e.scienceCardClicked = "Science card clicked", e.articleCategoryClicked = "Article category clicked", e.userSelectedPlan = "User selected plan", e.mailchimpSubmitClicked = "Mailchimp submit clicked", e.articleScrolledBy = "Article scrolled by", e))(r || {}), c = /* @__PURE__ */ ((e) => (e.view = "view", e.appearance = "appearance", e.interaction = "interaction", e))(c || {});
+export {
+  r as EAnalyticsEvent,
+  c as EAnalyticsEventType
+};

package/dist/types/analytics.d.ts

@@ -0,0 +1,81 @@
+export declare enum EAnalyticsEvent {
+    pageView = "Page view",
+    featuredArticleClicked = "Featured article clicked",
+    scienceCardClicked = "Science card clicked",
+    articleCategoryClicked = "Article category clicked",
+    userSelectedPlan = "User selected plan",
+    mailchimpSubmitClicked = "Mailchimp submit clicked",
+    articleScrolledBy = "Article scrolled by"
+}
+export declare enum EAnalyticsEventType {
+    view = "view",
+    appearance = "appearance",
+    interaction = "interaction"
+}
+export type TBasicAnalyticsEvent = {
+    event: EAnalyticsEvent;
+    location: string;
+    type: EAnalyticsEventType;
+};
+export type TPageViewEvent = TBasicAnalyticsEvent & {
+    event: EAnalyticsEvent.pageView;
+    payload: {
+        pageTitle: string;
+        component: string;
+        element: string;
+        referrer: string;
+        userAgent: string;
+        viewportWidth: number;
+        viewportHeight: number;
+    };
+};
+export type TFeaturedArticleClickedEvent = TBasicAnalyticsEvent & {
+    event: EAnalyticsEvent.featuredArticleClicked;
+    payload: {
+        articleTitle: string;
+    };
+};
+export type TScienceCardClickedEvent = TBasicAnalyticsEvent & {
+    event: EAnalyticsEvent.scienceCardClicked;
+    payload: {
+        scienceCardTitle: string;
+    };
+};
+export type TArticleCategoryClickedEvent = TBasicAnalyticsEvent & {
+    event: EAnalyticsEvent.articleCategoryClicked;
+    payload: {
+        category: string;
+    };
+};
+export type TUserSelectedPlanEvent = TBasicAnalyticsEvent & {
+    event: EAnalyticsEvent.userSelectedPlan;
+    payload: {
+        planId: string;
+        planPrice?: number;
+        planDuration?: string;
+    };
+};
+export type TMailchimpSubmitClickedEvent = TBasicAnalyticsEvent & {
+    event: EAnalyticsEvent.mailchimpSubmitClicked;
+    payload: {
+        email: string;
+        pageTitle: string;
+        component: string;
+        element: string;
+    };
+};
+export type TarticleScrolledByEvent = TBasicAnalyticsEvent & {
+    event: EAnalyticsEvent.articleScrolledBy;
+    payload: {
+        scrollDepth: number;
+        articleTitle: string;
+    };
+};
+export interface IEventBus {
+    emitAsync<T>(event: string, ...args: T[]): Promise<void>;
+    emit<T>(event: string, ...args: T[]): boolean;
+    on<T>(event: string, listener: (...args: T[]) => void): IEventBus;
+    off<T>(event: string, listener: (...args: T[]) => void): IEventBus;
+    listeners<T>(event: string): Array<(...args: T[]) => void>;
+}
+export type TAnalyticsEvent = TPageViewEvent | TFeaturedArticleClickedEvent | TScienceCardClickedEvent | TArticleCategoryClickedEvent | TUserSelectedPlanEvent | TMailchimpSubmitClickedEvent | TarticleScrolledByEvent;

package/dist/types/articles.d.ts

@@ -1,3 +1,5 @@
+import { EAnalyticsEvent } from './analytics';
+
 export type TResearchArticleView = {
     image: string;
     date: number;
@@ -5,4 +7,6 @@ export type TResearchArticleView = {
     link: string;
     label?: string;
     readTime?: number;
+    trackingEvent?: EAnalyticsEvent.featuredArticleClicked;
+    trackingLocation?: string;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@zenpatient-org/healthspan-marketing-ui",
-    "version": "0.1.164",
+    "version": "0.1.166",
     "description": "Design system",
     "main": "dist/index.cjs.js",
     "module": "dist/index.es.js",
@@ -641,6 +641,11 @@
             "import": "./dist/modules/Grid/Grid.es.js",
             "require": "./dist/modules/Grid/Grid.cjs.js"
         },
-        "./dist/*.css": "./dist/*.css"
+        "./dist/*.css": "./dist/*.css",
+        "./analytics": {
+            "types": "./dist/types/analytics.d.ts",
+            "import": "./dist/types/analytics/analytics.es.js",
+            "require": "./dist/types/analytics/analytics.cjs.js"
+        }
     }
 }