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

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;

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

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

package/dist/modules/ImageWithBenefits/ImageWithBenefits.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),g=require("../../components/TypeBadge/TypeBadge.cjs.js"),l=require("../../components/Typography/Typography.cjs.js"),a=require("./imageWithBenefits.module.css.cjs.js"),f=({image:s,label:i,title:o,benefits:r,benefitsColor:d,mobileLabelColor:n,mobileTitleColor:c,mobileBenefitsColor:m,mobileImage:u})=>e.jsx("section",{className:a.default.root,children:e.jsxs("div",{className:a.default.container,children:[e.jsxs("div",{className:a.default.imageContainer,children:[e.jsx("img",{src:s,alt:"background image",className:a.default.image}),e.jsx("img",{src:u||s,alt:"mobile background image",className:a.default.mobileImage})]}),e.jsxs("div",{className:a.default.content,"data-label-color":i.color,"data-mobile-label-color":n,"data-title-color":o.color,"data-mobile-title-color":c,"data-benefits-color":d,"data-mobile-benefits-color":m,children:[e.jsx(l.Typography,{as:"p",defaultVariant:"labelXs",emphasis:!0,className:a.default.label,children:i.text}),e.jsx(l.Typography,{as:"h2",defaultVariant:"headingXl",mobileVariant:"headingMd",className:a.default.title,children:o.text}),e.jsx("div",{className:a.default.benefitContainer,children:r.map(t=>e.jsxs("div",{className:a.default.benefitItem,children:[e.jsx(g.TypeBadge,{type:t.badge}),e.jsx(l.Typography,{as:"p",defaultVariant:"bodyLg",mobileVariant:"bodyMd",className:a.default.benefitText,children:t.text})]},t.text))})]})]})});exports.ImageWithBenefits=f;

package/dist/modules/ImageWithBenefits/ImageWithBenefits.d.ts

@@ -0,0 +1,25 @@
+import { ETypeBadge } from '../../components/TypeBadge';
+
+type TColor = 'black' | 'white' | 'solar' | 'indigo';
+export type ImageWithBenefitsProps = {
+    image: string;
+    label: {
+        text: string;
+        color: TColor;
+    };
+    title: {
+        text: string;
+        color: TColor;
+    };
+    benefits: Array<{
+        text: string;
+        badge: ETypeBadge;
+    }>;
+    benefitsColor: TColor;
+    mobileLabelColor?: TColor;
+    mobileTitleColor?: TColor;
+    mobileBenefitsColor?: TColor;
+    mobileImage?: string;
+};
+export declare const ImageWithBenefits: ({ image, label, title, benefits, benefitsColor, mobileLabelColor, mobileTitleColor, mobileBenefitsColor, mobileImage, }: ImageWithBenefitsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/modules/ImageWithBenefits/ImageWithBenefits.es.js

@@ -0,0 +1,52 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { TypeBadge as h } from "../../components/TypeBadge/TypeBadge.es.js";
+import { Typography as i } from "../../components/Typography/Typography.es.js";
+import a from "./imageWithBenefits.module.css.es.js";
+const u = ({
+  image: o,
+  label: r,
+  title: s,
+  benefits: c,
+  benefitsColor: m,
+  mobileLabelColor: d,
+  mobileTitleColor: n,
+  mobileBenefitsColor: b,
+  mobileImage: g
+}) => /* @__PURE__ */ e("section", { className: a.root, children: /* @__PURE__ */ t("div", { className: a.container, children: [
+  /* @__PURE__ */ t("div", { className: a.imageContainer, children: [
+    /* @__PURE__ */ e("img", { src: o, alt: "background image", className: a.image }),
+    /* @__PURE__ */ e("img", { src: g || o, alt: "mobile background image", className: a.mobileImage })
+  ] }),
+  /* @__PURE__ */ t(
+    "div",
+    {
+      className: a.content,
+      "data-label-color": r.color,
+      "data-mobile-label-color": d,
+      "data-title-color": s.color,
+      "data-mobile-title-color": n,
+      "data-benefits-color": m,
+      "data-mobile-benefits-color": b,
+      children: [
+        /* @__PURE__ */ e(i, { as: "p", defaultVariant: "labelXs", emphasis: !0, className: a.label, children: r.text }),
+        /* @__PURE__ */ e(i, { as: "h2", defaultVariant: "headingXl", mobileVariant: "headingMd", className: a.title, children: s.text }),
+        /* @__PURE__ */ e("div", { className: a.benefitContainer, children: c.map((l) => /* @__PURE__ */ t("div", { className: a.benefitItem, children: [
+          /* @__PURE__ */ e(h, { type: l.badge }),
+          /* @__PURE__ */ e(
+            i,
+            {
+              as: "p",
+              defaultVariant: "bodyLg",
+              mobileVariant: "bodyMd",
+              className: a.benefitText,
+              children: l.text
+            }
+          )
+        ] }, l.text)) })
+      ]
+    }
+  )
+] }) });
+export {
+  u as ImageWithBenefits
+};

package/dist/modules/ImageWithBenefits/imageWithBenefits.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="imageWithBenefits-module__root___hD3NN",t="imageWithBenefits-module__container___6SG6T",i="imageWithBenefits-module__imageContainer___idfFN",n="imageWithBenefits-module__image___T-6-A",_="imageWithBenefits-module__mobileImage___DrH63",o="imageWithBenefits-module__content___db-4p",a="imageWithBenefits-module__label___bAwcZ",m="imageWithBenefits-module__title___xEDsA",l="imageWithBenefits-module__benefitContainer___Vr5tS",s="imageWithBenefits-module__benefitItem___u63B4",f="imageWithBenefits-module__benefitText___-PxVT",g={root:e,container:t,imageContainer:i,image:n,mobileImage:_,content:o,label:a,title:m,benefitContainer:l,benefitItem:s,benefitText:f};exports.benefitContainer=l;exports.benefitItem=s;exports.benefitText=f;exports.container=t;exports.content=o;exports.default=g;exports.image=n;exports.imageContainer=i;exports.label=a;exports.mobileImage=_;exports.root=e;exports.title=m;

package/dist/modules/ImageWithBenefits/imageWithBenefits.module.css.es.js

@@ -0,0 +1,27 @@
+const e = "imageWithBenefits-module__root___hD3NN", t = "imageWithBenefits-module__container___6SG6T", i = "imageWithBenefits-module__imageContainer___idfFN", n = "imageWithBenefits-module__image___T-6-A", _ = "imageWithBenefits-module__mobileImage___DrH63", o = "imageWithBenefits-module__content___db-4p", m = "imageWithBenefits-module__label___bAwcZ", a = "imageWithBenefits-module__title___xEDsA", s = "imageWithBenefits-module__benefitContainer___Vr5tS", l = "imageWithBenefits-module__benefitItem___u63B4", f = "imageWithBenefits-module__benefitText___-PxVT", g = {
+  root: e,
+  container: t,
+  imageContainer: i,
+  image: n,
+  mobileImage: _,
+  content: o,
+  label: m,
+  title: a,
+  benefitContainer: s,
+  benefitItem: l,
+  benefitText: f
+};
+export {
+  s as benefitContainer,
+  l as benefitItem,
+  f as benefitText,
+  t as container,
+  o as content,
+  g as default,
+  n as image,
+  i as imageContainer,
+  m as label,
+  _ as mobileImage,
+  e as root,
+  a as title
+};

package/dist/modules/ImageWithBenefits/index.d.ts

@@ -0,0 +1 @@
+export { ImageWithBenefits } from './ImageWithBenefits';

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

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

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

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

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

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