@zenpatient-org/healthspan-marketing-ui 0.2.21 → 0.2.23

package/dist/components/ComplexImageCarousel/useComplexImageCarousel.d.ts

@@ -4,12 +4,12 @@ export declare const useComplexImageCarousel: ({ images }: {
     images: TAdvancedImageView[];
 }) => {
     MOBILE_BREAKPOINT: number;
-    containerRef: import('react').RefObject<HTMLDivElement>;
-    carouselRef: import('react').RefObject<HTMLDivElement>;
-    imageRefs: import('react').MutableRefObject<HTMLDivElement[]>;
-    descriptionRef: import('react').RefObject<HTMLDivElement>;
-    descriptionItemRef: import('react').RefObject<HTMLDivElement>;
-    progressButtonContainerRef: import('react').RefObject<HTMLDivElement>;
+    containerRef: React.RefObject<HTMLDivElement>;
+    carouselRef: React.RefObject<HTMLDivElement>;
+    imageRefs: React.MutableRefObject<HTMLDivElement[]>;
+    descriptionRef: React.RefObject<HTMLDivElement>;
+    descriptionItemRef: React.RefObject<HTMLDivElement>;
+    progressButtonContainerRef: React.RefObject<HTMLDivElement>;
     visible: TAdvancedImageView[];
     cardSizes: string[];
     handleCustomPrevClick: () => void;

package/dist/components/Icon/Icon.d.ts

@@ -4,5 +4,5 @@ type Props = {
     name: EIconName;
     className?: string;
 };
-export declare const Icon: import('react').NamedExoticComponent<Props>;
+export declare const Icon: React.NamedExoticComponent<Props>;
 export {};

package/dist/components/RatingPreview/RatingPreview.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),o=require("../../src/components/RatingPreview/ratingPreview.module.css"),t=require("../Typography/Typography.cjs.js"),c=require("../Icon/Icon.cjs.js"),l=require("../Icon/constants.cjs.js"),u=s=>{const a=Math.round(s*2)/2,r=[];for(let n=0;n<Math.floor(a);n++)r.push(e.jsx(c.Icon,{name:l.EIconName.STAR_FILL,className:o.starIcon},`full-${n}`));return a%1===.5&&r.push(e.jsx(c.Icon,{name:l.EIconName.STAR_HALF,className:o.starIcon},"half")),r},i=({rating:s,text:a})=>e.jsxs("div",{className:o.ratingPreview,children:[s!==void 0&&s.stars!==void 0&&e.jsxs(t.Typography,{as:"p",defaultVariant:"labelMd",children:[s.stars," ",u(s.stars)]}),a&&e.jsxs(e.Fragment,{children:[e.jsx(t.Typography,{as:"p",defaultVariant:"labelSm",children:"|"}),e.jsx(t.Typography,{as:"p",defaultVariant:"labelSm",emphasis:!0,children:a})]})]});exports.RatingPreview=i;exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),t=require("../../src/components/RatingPreview/ratingPreview.module.css"),n=require("../Typography/Typography.cjs.js"),c=require("../Icon/Icon.cjs.js"),l=require("../Icon/constants.cjs.js"),p=s=>{const e=Math.round(s*2)/2,a=[];for(let r=0;r<Math.floor(e);r++)a.push(o.jsx(c.Icon,{name:l.EIconName.STAR_FILL,className:t.starIcon},`full-${r}`));return e%1===.5&&a.push(o.jsx(c.Icon,{name:l.EIconName.STAR_HALF,className:t.starIcon},"half")),a},u=({rating:s,text:e})=>{if(!(s!=null&&s.stars)&&!e)return null;const a=!!(s!=null&&s.stars)&&!!e;return o.jsxs("div",{className:t.ratingPreview,children:[s!==void 0&&s.stars!==void 0&&o.jsxs(n.Typography,{as:"p",defaultVariant:"labelMd",children:[s.stars," ",p(s.stars)]}),a&&o.jsx(n.Typography,{as:"p",defaultVariant:"labelSm",children:"|"}),e&&o.jsx(n.Typography,{as:"p",defaultVariant:"labelSm",emphasis:!0,children:e})]})};exports.RatingPreview=u;exports.default=u;

package/dist/components/RatingPreview/RatingPreview.d.ts

@@ -5,5 +5,5 @@ export type TRatingPreviewProps = {
     };
     text?: string;
 };
-export declare const RatingPreview: ({ rating, text }: TRatingPreviewProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RatingPreview: ({ rating, text }: TRatingPreviewProps) => import("react/jsx-runtime").JSX.Element | null;
 export default RatingPreview;

package/dist/components/RatingPreview/RatingPreview.es.js

@@ -1,25 +1,27 @@
-import { jsxs as o, Fragment as c, jsx as s } from "react/jsx-runtime";
-import n from "../../components/RatingPreview/ratingPreview.module.css";
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import t from "../../components/RatingPreview/ratingPreview.module.css";
 import { Typography as l } from "../Typography/Typography.es.js";
-import { Icon as i } from "../Icon/Icon.es.js";
-import { EIconName as m } from "../Icon/constants.es.js";
-const d = (a) => {
-  const r = Math.round(a * 2) / 2, e = [];
-  for (let t = 0; t < Math.floor(r); t++)
-    e.push(/* @__PURE__ */ s(i, { name: m.STAR_FILL, className: n.starIcon }, `full-${t}`));
-  return r % 1 === 0.5 && e.push(/* @__PURE__ */ s(i, { name: m.STAR_HALF, className: n.starIcon }, "half")), e;
-}, I = ({ rating: a, text: r }) => /* @__PURE__ */ o("div", { className: n.ratingPreview, children: [
-  a !== void 0 && a.stars !== void 0 && /* @__PURE__ */ o(l, { as: "p", defaultVariant: "labelMd", children: [
-    a.stars,
-    " ",
-    d(a.stars)
-  ] }),
-  r && /* @__PURE__ */ o(c, { children: [
-    /* @__PURE__ */ s(l, { as: "p", defaultVariant: "labelSm", children: "|" }),
-    /* @__PURE__ */ s(l, { as: "p", defaultVariant: "labelSm", emphasis: !0, children: r })
-  ] })
-] });
+import { Icon as c } from "../Icon/Icon.es.js";
+import { EIconName as d } from "../Icon/constants.es.js";
+const f = (s) => {
+  const a = Math.round(s * 2) / 2, r = [];
+  for (let o = 0; o < Math.floor(a); o++)
+    r.push(/* @__PURE__ */ e(c, { name: d.STAR_FILL, className: t.starIcon }, `full-${o}`));
+  return a % 1 === 0.5 && r.push(/* @__PURE__ */ e(c, { name: d.STAR_HALF, className: t.starIcon }, "half")), r;
+}, v = ({ rating: s, text: a }) => {
+  if (!(s != null && s.stars) && !a) return null;
+  const r = !!(s != null && s.stars) && !!a;
+  return /* @__PURE__ */ m("div", { className: t.ratingPreview, children: [
+    s !== void 0 && s.stars !== void 0 && /* @__PURE__ */ m(l, { as: "p", defaultVariant: "labelMd", children: [
+      s.stars,
+      " ",
+      f(s.stars)
+    ] }),
+    r && /* @__PURE__ */ e(l, { as: "p", defaultVariant: "labelSm", children: "|" }),
+    a && /* @__PURE__ */ e(l, { as: "p", defaultVariant: "labelSm", emphasis: !0, children: a })
+  ] });
+};
 export {
-  I as RatingPreview,
-  I as default
+  v as RatingPreview,
+  v as default
 };

package/dist/components/WistiaEmbed/WistiaEmbed.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../src/components/WistiaEmbed/wistiaEmbed.module.css"),r=require("../../node_modules/@wistia/wistia-player-react/dist/mjs/WistiaPlayer.cjs.js"),n=require("../../utils/cn/cn.cjs.js"),c=({videoId:i,className:t})=>e.jsx("div",{className:n.cn(s.container,t),children:e.jsx(r.WistiaPlayer,{mediaId:i})});exports.WistiaEmbed=c;

package/dist/components/WistiaEmbed/WistiaEmbed.d.ts

@@ -0,0 +1,5 @@
+export type WistiaEmbedProps = {
+    videoId: string;
+    className?: string;
+};
+export declare const WistiaEmbed: ({ videoId, className }: WistiaEmbedProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/WistiaEmbed/WistiaEmbed.es.js

@@ -0,0 +1,8 @@
+import { jsx as r } from "react/jsx-runtime";
+import o from "../../components/WistiaEmbed/wistiaEmbed.module.css";
+import { WistiaPlayer as t } from "../../node_modules/@wistia/wistia-player-react/dist/mjs/WistiaPlayer.es.js";
+import { cn as e } from "../../utils/cn/cn.es.js";
+const d = ({ videoId: i, className: m }) => /* @__PURE__ */ r("div", { className: e(o.container, m), children: /* @__PURE__ */ r(t, { mediaId: i }) });
+export {
+  d as WistiaEmbed
+};

package/dist/components/WistiaEmbed/wistiaEmbed.module.css

@@ -0,0 +1,6 @@
+.container {
+    position: relative;
+    width: 100%;
+    border-radius: var(--border-radius-lg);
+    overflow: hidden;
+}

package/dist/components/YouTubeEmbed/YouTubeEmbed.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../src/components/YouTubeEmbed/youtubeEmbed.module.css"),s=require("../../utils/cn/cn.cjs.js"),u=({videoId:r,title:c,className:o})=>e.jsx("div",{className:s.cn(t.container,o),children:e.jsx("iframe",{src:`https://www.youtube.com/embed/${r}`,title:c||"Healthspan video",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,className:t.iframe})});exports.YouTubeEmbed=u;

package/dist/components/YouTubeEmbed/YouTubeEmbed.d.ts

@@ -0,0 +1,6 @@
+export type YouTubeEmbedProps = {
+    videoId: string;
+    title?: string;
+    className?: string;
+};
+export declare const YouTubeEmbed: ({ videoId, title, className }: YouTubeEmbedProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/YouTubeEmbed/YouTubeEmbed.es.js

@@ -0,0 +1,16 @@
+import { jsx as e } from "react/jsx-runtime";
+import r from "../../components/YouTubeEmbed/youtubeEmbed.module.css";
+import { cn as c } from "../../utils/cn/cn.es.js";
+const s = ({ videoId: t, title: o, className: a }) => /* @__PURE__ */ e("div", { className: c(r.container, a), children: /* @__PURE__ */ e(
+  "iframe",
+  {
+    src: `https://www.youtube.com/embed/${t}`,
+    title: o || "Healthspan video",
+    allow: "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",
+    allowFullScreen: !0,
+    className: r.iframe
+  }
+) });
+export {
+  s as YouTubeEmbed
+};

package/dist/components/YouTubeEmbed/youtubeEmbed.module.css

@@ -0,0 +1,15 @@
+.container {
+    position: relative;
+    width: 100%;
+    overflow: hidden;
+    border-radius: var(--border-radius-lg);
+}
+
+.iframe {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    border: none;
+}

package/dist/modules/ContentHighlight/ContentHighlight.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../src/modules/ContentHighlight/contentHighlight.module.css"),l=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),t=require("../../components/Typography/Typography.cjs.js"),n=require("../../components/Button/Button.cjs.js"),o=({label:a,title:r,content:s})=>e.jsx("section",{className:i.root,children:e.jsxs("div",{className:i.container,children:[e.jsx("div",{className:i.topContainer,children:e.jsx(l.HighlightedTitle,{title:r,label:a,as:"div",defaultVariant:"displayMd",className:i.title})}),e.jsxs("div",{className:i.card,children:[e.jsx("img",{src:s.image,alt:s.title,className:i.image}),e.jsxs("div",{className:i.content,children:[e.jsx(t.Typography,{defaultVariant:"headingLg",mobileVariant:"headingSm",className:i.contentTitle,children:s.title}),s.description&&e.jsx(t.Typography,{defaultVariant:"bodySm",mobileVariant:"bodySm",className:i.description,children:s.description}),e.jsx("div",{className:i.button,children:e.jsx(n.Button,{as:"a",href:s.link,target:"_blank",rel:"noopener noreferrer",size:"sm",children:s.buttonLabel})})]})]})]})});exports.ContentHighlight=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),s=require("../../src/modules/ContentHighlight/contentHighlight.module.css"),d=require("../../components/YouTubeEmbed/YouTubeEmbed.cjs.js"),o=require("../../components/WistiaEmbed/WistiaEmbed.cjs.js"),n=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),a=require("../../components/Typography/Typography.cjs.js"),c=require("../../components/Button/Button.cjs.js"),m=({label:r,title:t,content:e})=>{const l=e.type==="youtube"||e.type==="wistia";return i.jsx("section",{className:s.root,children:i.jsxs("div",{className:s.container,children:[i.jsx("div",{className:s.topContainer,children:i.jsx(n.HighlightedTitle,{title:t,label:r,as:"div",defaultVariant:"displayMd",className:s.title})}),i.jsxs("div",{className:s.card,children:[l&&i.jsx("div",{className:s.videoContainer,children:e.type==="youtube"?i.jsx(d.YouTubeEmbed,{videoId:e.videoId||"",className:s.video}):i.jsx(o.WistiaEmbed,{videoId:e.videoId||"",className:s.video})}),e.image&&i.jsx("img",{src:e.image,alt:e.title,className:s.image}),i.jsxs("div",{className:s.content,children:[i.jsx(a.Typography,{defaultVariant:"headingLg",mobileVariant:"headingSm",className:s.contentTitle,children:e.title}),e.description&&i.jsx(a.Typography,{defaultVariant:"bodySm",mobileVariant:"bodySm",className:s.description,children:e.description}),e.buttonLabel&&e.link&&i.jsx("div",{className:s.button,children:i.jsx(c.Button,{as:"a",href:e.link,target:"_blank",rel:"noopener noreferrer",size:"sm",children:e.buttonLabel})})]})]})]})})};exports.ContentHighlight=m;

package/dist/modules/ContentHighlight/ContentHighlight.d.ts

@@ -6,9 +6,11 @@ export type ContentHighlightProps = {
     content: {
         title: string;
         description?: string;
-        image: string;
-        buttonLabel: string;
-        link: string;
+        image?: string;
+        type: 'image' | 'youtube' | 'wistia';
+        videoId?: string;
+        buttonLabel?: string;
+        link?: string;
     };
 };
 export declare const ContentHighlight: ({ label, title, content }: ContentHighlightProps) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/ContentHighlight/ContentHighlight.es.js

@@ -1,36 +1,42 @@
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import i from "../../modules/ContentHighlight/contentHighlight.module.css";
-import { HighlightedTitle as d } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
-import { Typography as l } from "../../components/Typography/Typography.es.js";
-import { Button as m } from "../../components/Button/Button.es.js";
-const g = ({ label: t, title: s, content: a }) => /* @__PURE__ */ e("section", { className: i.root, children: /* @__PURE__ */ r("div", { className: i.container, children: [
-  /* @__PURE__ */ e("div", { className: i.topContainer, children: /* @__PURE__ */ e(
-    d,
-    {
-      title: s,
-      label: t,
-      as: "div",
-      defaultVariant: "displayMd",
-      className: i.title
-    }
-  ) }),
-  /* @__PURE__ */ r("div", { className: i.card, children: [
-    /* @__PURE__ */ e("img", { src: a.image, alt: a.title, className: i.image }),
-    /* @__PURE__ */ r("div", { className: i.content, children: [
-      /* @__PURE__ */ e(
-        l,
-        {
-          defaultVariant: "headingLg",
-          mobileVariant: "headingSm",
-          className: i.contentTitle,
-          children: a.title
-        }
-      ),
-      a.description && /* @__PURE__ */ e(l, { defaultVariant: "bodySm", mobileVariant: "bodySm", className: i.description, children: a.description }),
-      /* @__PURE__ */ e("div", { className: i.button, children: /* @__PURE__ */ e(m, { as: "a", href: a.link, target: "_blank", rel: "noopener noreferrer", size: "sm", children: a.buttonLabel }) })
+import { jsx as a, jsxs as r } from "react/jsx-runtime";
+import e from "../../modules/ContentHighlight/contentHighlight.module.css";
+import { YouTubeEmbed as o } from "../../components/YouTubeEmbed/YouTubeEmbed.es.js";
+import { WistiaEmbed as t } from "../../components/WistiaEmbed/WistiaEmbed.es.js";
+import { HighlightedTitle as c } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
+import { Typography as s } from "../../components/Typography/Typography.es.js";
+import { Button as p } from "../../components/Button/Button.es.js";
+const f = ({ label: d, title: l, content: i }) => {
+  const m = i.type === "youtube" || i.type === "wistia";
+  return /* @__PURE__ */ a("section", { className: e.root, children: /* @__PURE__ */ r("div", { className: e.container, children: [
+    /* @__PURE__ */ a("div", { className: e.topContainer, children: /* @__PURE__ */ a(
+      c,
+      {
+        title: l,
+        label: d,
+        as: "div",
+        defaultVariant: "displayMd",
+        className: e.title
+      }
+    ) }),
+    /* @__PURE__ */ r("div", { className: e.card, children: [
+      m && /* @__PURE__ */ a("div", { className: e.videoContainer, children: i.type === "youtube" ? /* @__PURE__ */ a(o, { videoId: i.videoId || "", className: e.video }) : /* @__PURE__ */ a(t, { videoId: i.videoId || "", className: e.video }) }),
+      i.image && /* @__PURE__ */ a("img", { src: i.image, alt: i.title, className: e.image }),
+      /* @__PURE__ */ r("div", { className: e.content, children: [
+        /* @__PURE__ */ a(
+          s,
+          {
+            defaultVariant: "headingLg",
+            mobileVariant: "headingSm",
+            className: e.contentTitle,
+            children: i.title
+          }
+        ),
+        i.description && /* @__PURE__ */ a(s, { defaultVariant: "bodySm", mobileVariant: "bodySm", className: e.description, children: i.description }),
+        i.buttonLabel && i.link && /* @__PURE__ */ a("div", { className: e.button, children: /* @__PURE__ */ a(p, { as: "a", href: i.link, target: "_blank", rel: "noopener noreferrer", size: "sm", children: i.buttonLabel }) })
+      ] })
     ] })
-  ] })
-] }) });
+  ] }) });
+};
 export {
-  g as ContentHighlight
+  f as ContentHighlight
 };

package/dist/modules/ContentHighlight/contentHighlight.module.css

@@ -50,6 +50,17 @@
     max-width: none;
 }
 
+.videoContainer {
+    width: 50%;
+    flex-shrink: 0;
+    max-width: none;
+}
+
+.video {
+    width: 100%;
+    aspect-ratio: 16/9;
+}
+
 .content {
     display: flex;
     width: 50%;
@@ -78,7 +89,8 @@
         margin-right: 140px;
     }
 
-    .image {
+    .image,
+    .videoContainer {
         max-width: 540px;
     }
 
@@ -139,7 +151,8 @@
         width: 100%;
     }
 
-    .image {
+    .image,
+    .videoContainer {
         width: 100%;
     }
 

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

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

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

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

package/dist/node_modules/@wistia/wistia-player-react/dist/mjs/WistiaPlayer.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./chunk-FSLSW5KG.cjs.js"),s=require("react"),e=require("react/jsx-runtime");var S=s.lazy(async()=>Promise.resolve().then(()=>require("./WistiaPlayerWrapper-KYHM7EWK.cjs.js")).then(t=>({default:t.WistiaPlayerWrapper}))),p=s.forwardRef((t,c)=>{const{aspect:l,children:n,embedHost:a,mediaId:i,swatch:d,style:y}=t,o=r.getMergedEmbedOption(i,"embedHost",a!=null?a:void 0),u=r.isString(o)?o:"fast.wistia.com",h=l!==void 0,m=r.wistiaPlayerStyleBlock({mediaId:i,embedHost:u,aspect:l,shouldLoadSwatch:d});return e.jsx(s.Suspense,{fallback:h&&e.jsxs(s.Fragment,{children:[e.jsx("style",{children:m}),e.jsx("wistia-player",{"media-id":i,style:y,children:n})]}),children:e.jsx(S,{ref:c,...t})})});exports.WistiaPlayer=p;

package/dist/node_modules/@wistia/wistia-player-react/dist/mjs/WistiaPlayer.es.js

@@ -0,0 +1,30 @@
+import { getMergedEmbedOption as y, wistiaPlayerStyleBlock as h, isString as f } from "./chunk-FSLSW5KG.es.js";
+import { forwardRef as w, Suspense as b, lazy as g, Fragment as u } from "react";
+import { jsx as t, jsxs as S } from "react/jsx-runtime";
+var W = g(
+  async () => import("./WistiaPlayerWrapper-KYHM7EWK.es.js").then((e) => ({
+    default: e.WistiaPlayerWrapper
+  }))
+), x = w(
+  (e, o) => {
+    const { aspect: r, children: l, embedHost: a, mediaId: i, swatch: d, style: c } = e, s = y(i, "embedHost", a != null ? a : void 0), n = f(s) ? s : "fast.wistia.com", m = r !== void 0, p = h({
+      mediaId: i,
+      embedHost: n,
+      aspect: r,
+      shouldLoadSwatch: d
+    });
+    return /* @__PURE__ */ t(
+      b,
+      {
+        fallback: m && /* @__PURE__ */ S(u, { children: [
+          /* @__PURE__ */ t("style", { children: p }),
+          /* @__PURE__ */ t("wistia-player", { "media-id": i, style: c, children: l })
+        ] }),
+        children: /* @__PURE__ */ t(W, { ref: o, ...e })
+      }
+    );
+  }
+);
+export {
+  x as WistiaPlayer
+};

package/dist/node_modules/@wistia/wistia-player-react/dist/mjs/WistiaPlayerWrapper-KYHM7EWK.cjs.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./chunk-FSLSW5KG.cjs.js"),n=require("react"),h=require("react/jsx-runtime");var L=l=>{const s={};return Object.entries(l).forEach(([d,a])=>{typeof a=="boolean"?s[d]=String(a):s[d]=a}),s},q=n.forwardRef((l,s)=>{const{aspect:d,children:a,className:w,embedHost:u,id:o,mediaId:c,roundedPlayer:E,swatch:p,style:P}=l,S=t.getMergedEmbedOption(c,"embedHost",u!=null?u:void 0),f=t.isString(S)?S:"fast.wistia.com",b=n.useRef(null),[m,v]=n.useState(d),[j,W]=n.useState(!1);n.useEffect(()=>{p!==!1&&m===void 0&&t.isString(f)&&t.getSwatchAspectRatio(c,f).then(e=>{v(e)}),Promise.resolve().then(()=>require("./wistia-player-PKAEVX5L.cjs.js")),customElements.whenDefined("wistia-player").then(()=>{W(!0)})},[]);const g={},y={};Object.entries(l).forEach(([e,i])=>{if(e.startsWith("on")&&e[2]===e[2].toUpperCase()){const r=t.camelCaseToKebabCase(e).slice(3);t.isFunction(i)&&(g[r]=i)}else t.isValidEmbedOption(i)&&(y[t.camelCaseToKebabCase(e)]=i)}),Object.entries(g).forEach(([e,i])=>{n.useEffect(()=>{const r=b.current;return r==null||r.addEventListener(e,i),()=>{r==null||r.removeEventListener(e,i)}},[i,j])});const O=m!==void 0,C=t.wistiaPlayerStyleBlock({mediaId:c,embedHost:f,aspect:m,shouldLoadSwatch:p,roundedPlayer:E});return h.jsxs(n.Fragment,{children:[O&&h.jsx("style",{dangerouslySetInnerHTML:{__html:C}}),h.jsx("wistia-player",{ref:e=>{b.current=e,typeof s=="function"?s(e):s!==null&&(s.current=e)},id:o!=null?o:void 0,"media-id":c,class:w,style:P,react:String(!0),...L(y),children:a},o!=null?o:c)]})});exports.WistiaPlayerWrapper=q;

package/dist/node_modules/@wistia/wistia-player-react/dist/mjs/WistiaPlayerWrapper-KYHM7EWK.es.js

@@ -0,0 +1,64 @@
+"use client";
+import { getMergedEmbedOption as x, isString as E, getSwatchAspectRatio as A, camelCaseToKebabCase as b, isValidEmbedOption as B, wistiaPlayerStyleBlock as C, isFunction as I } from "./chunk-FSLSW5KG.es.js";
+import { forwardRef as F, useRef as K, useState as g, useEffect as y, Fragment as M } from "react";
+import { jsxs as R, jsx as S } from "react/jsx-runtime";
+var T = (a) => {
+  const e = {};
+  return Object.entries(a).forEach(([c, r]) => {
+    typeof r == "boolean" ? e[c] = String(r) : e[c] = r;
+  }), e;
+}, V = F(
+  (a, e) => {
+    const { aspect: c, children: r, className: v, embedHost: d, id: o, mediaId: n, roundedPlayer: P, swatch: m, style: O } = a, p = x(n, "embedHost", d != null ? d : void 0), l = E(p) ? p : "fast.wistia.com", h = K(null), [f, j] = g(c), [W, D] = g(!1);
+    y(() => {
+      m !== !1 && f === void 0 && E(l) && A(n, l).then((t) => {
+        j(t);
+      }), import("./wistia-player-PKAEVX5L.es.js"), customElements.whenDefined("wistia-player").then(() => {
+        D(!0);
+      });
+    }, []);
+    const u = {}, w = {};
+    Object.entries(a).forEach(([t, s]) => {
+      if (t.startsWith("on") && t[2] === t[2].toUpperCase()) {
+        const i = b(t).slice(3);
+        I(s) && (u[i] = s);
+      } else B(s) && (w[b(t)] = s);
+    }), Object.entries(u).forEach(([t, s]) => {
+      y(() => {
+        const i = h.current;
+        return i == null || i.addEventListener(t, s), () => {
+          i == null || i.removeEventListener(t, s);
+        };
+      }, [s, W]);
+    });
+    const H = f !== void 0, L = C({
+      mediaId: n,
+      embedHost: l,
+      aspect: f,
+      shouldLoadSwatch: m,
+      roundedPlayer: P
+    });
+    return /* @__PURE__ */ R(M, { children: [
+      H && /* @__PURE__ */ S("style", { dangerouslySetInnerHTML: { __html: L } }),
+      /* @__PURE__ */ S(
+        "wistia-player",
+        {
+          ref: (t) => {
+            h.current = t, typeof e == "function" ? e(t) : e !== null && (e.current = t);
+          },
+          id: o != null ? o : void 0,
+          "media-id": n,
+          class: v,
+          style: O,
+          react: String(!0),
+          ...T(w),
+          children: r
+        },
+        o != null ? o : n
+      )
+    ] });
+  }
+);
+export {
+  V as WistiaPlayerWrapper
+};

package/dist/node_modules/@wistia/wistia-player-react/dist/mjs/chunk-FSLSW5KG.cjs.js

@@ -0,0 +1,21 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var b=i=>i===null,u=i=>i===void 0,g=i=>b(i)||u(i),r=i=>!g(i),d=i=>typeof i=="string",f=i=>typeof i=="number",O=i=>r(i)&&typeof i=="function",m=i=>r(i)&&typeof i=="boolean",l=i=>f(i)||d(i)||m(i),v=(i,t,e)=>{var n,s;let a=e;return typeof window=="undefined"||(r((n=window.wistiaOptions)==null?void 0:n._all)&&r(window.wistiaOptions._all[t])&&l(window.wistiaOptions._all[t])&&(a=window.wistiaOptions._all[t]),r((s=window.wistiaOptions)==null?void 0:s[i])&&r(window.wistiaOptions[i])&&l(window.wistiaOptions[i][t])&&(a=window.wistiaOptions[i][t])),a},c=i=>i.replace(/[A-Z]+(?![a-z])|[A-Z]/g,(t,e)=>(e!==0?"-":"")+t.toLowerCase()),$=async i=>{const t=new Image;return t.src=i,await t.decode(),t},p=(i,t)=>`https://${t}/embed/medias/${i}/swatch`,y=async(i,t="fast.wistia.com")=>{const e=await $(p(i,t)),{naturalHeight:a,naturalWidth:n}=e;return n/a},S=({mediaId:i,embedHost:t="fast.wistia.com",aspect:e=1.7,shouldLoadSwatch:a=!0,roundedPlayer:n=0})=>{const s={background:a?`center / contain no-repeat url(${p(i,t)})`:void 0,borderRadius:`${n}px`,display:"block",filter:"blur(5px)",paddingTop:`${100/e}%`};return`
+    wistia-player[media-id='${i}']:not(:defined) {
+      ${Object.entries(s).map(([o,w])=>`${c(o)}: ${w};`).join(`\r
+`)}
+    }
+
+    wistia-player[media-id='${i}']:state(--initializing) {
+      ${Object.entries(s).map(([o,w])=>`${c(o)}: ${w};`).join(`\r
+`)}
+    }
+  `};/*! Bundled license information:
+
+@wistia/type-guards/dist/index.mjs:
+  (*
+   * @license @wistia/type-guards v0.9.1
+   *
+   * Copyright (c) 2023-2025, Wistia, Inc. and its affiliates.
+   *
+   * This source code is unlicensed, all rights reserved.
+   *)
+*/exports.camelCaseToKebabCase=c;exports.getMergedEmbedOption=v;exports.getSwatchAspectRatio=y;exports.isFunction=O;exports.isString=d;exports.isValidEmbedOption=l;exports.wistiaPlayerStyleBlock=S;