@zenpatient-org/healthspan-marketing-ui 0.1.115 → 0.1.116
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Benefit/Benefit.cjs.js +1 -1
- package/dist/components/Benefit/Benefit.d.ts +1 -1
- package/dist/components/Benefit/Benefit.es.js +7 -7
- package/dist/healthspan-marketing-ui.css +1 -1
- package/dist/modules/FollowTheScience/FollowTheScience.cjs.js +1 -1
- package/dist/modules/FollowTheScience/FollowTheScience.d.ts +1 -1
- package/dist/modules/FollowTheScience/FollowTheScience.es.js +12 -12
- package/dist/pageComponents/PersonalizedProtocolHero/PersonalizedProtocolHero.cjs.js +1 -1
- package/dist/pageComponents/PersonalizedProtocolHero/PersonalizedProtocolHero.es.js +3 -3
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");;/* empty css */;/* empty css */;/* empty css */const x=require("../../node_modules/swiper/modules/navigation.cjs.js"),c=require("../../node_modules/swiper/swiper-react.cjs.js"),g=require("../../components/Benefit/Benefit.cjs.js"),f=require("../../components/Icon/constants.cjs.js"),_=require("../../components/Label/Label.cjs.js"),a=require("../../components/ProgressButton/ProgressButton.cjs.js"),q=require("../../components/TextButton/TextButton.cjs.js"),B=require("../../utils/useSwiper/useSwiper.cjs.js"),
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");;/* empty css */;/* empty css */;/* empty css */const x=require("../../node_modules/swiper/modules/navigation.cjs.js"),c=require("../../node_modules/swiper/swiper-react.cjs.js"),g=require("../../components/Benefit/Benefit.cjs.js"),f=require("../../components/Icon/constants.cjs.js"),_=require("../../components/Label/Label.cjs.js"),a=require("../../components/ProgressButton/ProgressButton.cjs.js"),q=require("../../components/TextButton/TextButton.cjs.js"),B=require("../../utils/useSwiper/useSwiper.cjs.js"),i=require("./followTheScience.module.css.cjs.js"),j=[x.default];function v({labelText:d,benefits:u}){const{setIsEnd:h,isEnd:n,isBeginning:t,hideNav:o,handleSlideChange:p,handlePrevClick:r,handleNextClick:l,onSwiperInit:S,handleSwiperResize:m}=B.useSwiper();return e.jsxs("section",{className:i.default.container,children:[e.jsxs("div",{className:i.default.heading,children:[e.jsx(_.Label,{color:"white",size:"lg",children:d}),!o&&e.jsx("div",{className:i.default.progressButtons,"data-device":"desktop",children:e.jsx(a.ProgressButton,{left:{onClick:r,disabled:t},right:{disabled:n,onClick:l}})})]}),e.jsx("div",{className:i.default.content,children:e.jsx(c.Swiper,{onSwiper:S,onResize:m,onSlideChange:p,onReachEnd:()=>h(!0),modules:j,spaceBetween:0,slidesPerView:"auto",className:i.default.swiper,children:u.map((s,w)=>e.jsx(c.SwiperSlide,{className:i.default.swiperSlide,children:e.jsx(g.Benefit,{title:s.title,description:s.description,button:s.link?e.jsx(q.TextButton,{as:"a",size:"sm",color:"white",suffixIcon:f.EIconName.ARROW_FORWARD,href:s.link,children:s.buttonText||"READ THE STUDY"}):void 0})},w))})}),!o&&e.jsx("div",{className:i.default.progressButtons,"data-device":"mobile",children:e.jsx(a.ProgressButton,{left:{onClick:r,disabled:t},right:{onClick:l,disabled:n}})})]})}exports.FollowTheScience=v;
|
|
@@ -6,8 +6,8 @@ import { jsxs as d, jsx as e } from "react/jsx-runtime";
|
|
|
6
6
|
import w from "../../node_modules/swiper/modules/navigation.es.js";
|
|
7
7
|
import { Swiper as g, SwiperSlide as N } from "../../node_modules/swiper/swiper-react.es.js";
|
|
8
8
|
import { Benefit as v } from "../../components/Benefit/Benefit.es.js";
|
|
9
|
-
import { EIconName as
|
|
10
|
-
import { Label as
|
|
9
|
+
import { EIconName as k } from "../../components/Icon/constants.es.js";
|
|
10
|
+
import { Label as R } from "../../components/Label/Label.es.js";
|
|
11
11
|
import { ProgressButton as a } from "../../components/ProgressButton/ProgressButton.es.js";
|
|
12
12
|
import { TextButton as C } from "../../components/TextButton/TextButton.es.js";
|
|
13
13
|
import { useSwiper as E } from "../../utils/useSwiper/useSwiper.es.js";
|
|
@@ -22,12 +22,12 @@ function U({ labelText: c, benefits: m }) {
|
|
|
22
22
|
handleSlideChange: h,
|
|
23
23
|
handlePrevClick: n,
|
|
24
24
|
handleNextClick: l,
|
|
25
|
-
onSwiperInit:
|
|
26
|
-
handleSwiperResize:
|
|
25
|
+
onSwiperInit: u,
|
|
26
|
+
handleSwiperResize: S
|
|
27
27
|
} = E();
|
|
28
28
|
return /* @__PURE__ */ d("section", { className: i.container, children: [
|
|
29
29
|
/* @__PURE__ */ d("div", { className: i.heading, children: [
|
|
30
|
-
/* @__PURE__ */ e(
|
|
30
|
+
/* @__PURE__ */ e(R, { color: "white", size: "lg", children: c }),
|
|
31
31
|
!s && /* @__PURE__ */ e("div", { className: i.progressButtons, "data-device": "desktop", children: /* @__PURE__ */ e(
|
|
32
32
|
a,
|
|
33
33
|
{
|
|
@@ -45,32 +45,32 @@ function U({ labelText: c, benefits: m }) {
|
|
|
45
45
|
/* @__PURE__ */ e("div", { className: i.content, children: /* @__PURE__ */ e(
|
|
46
46
|
g,
|
|
47
47
|
{
|
|
48
|
-
onSwiper:
|
|
49
|
-
onResize:
|
|
48
|
+
onSwiper: u,
|
|
49
|
+
onResize: S,
|
|
50
50
|
onSlideChange: h,
|
|
51
51
|
onReachEnd: () => p(!0),
|
|
52
52
|
modules: x,
|
|
53
53
|
spaceBetween: 0,
|
|
54
54
|
slidesPerView: "auto",
|
|
55
55
|
className: i.swiper,
|
|
56
|
-
children: m.map((o,
|
|
56
|
+
children: m.map((o, f) => /* @__PURE__ */ e(N, { className: i.swiperSlide, children: /* @__PURE__ */ e(
|
|
57
57
|
v,
|
|
58
58
|
{
|
|
59
59
|
title: o.title,
|
|
60
60
|
description: o.description,
|
|
61
|
-
button: /* @__PURE__ */ e(
|
|
61
|
+
button: o.link ? /* @__PURE__ */ e(
|
|
62
62
|
C,
|
|
63
63
|
{
|
|
64
64
|
as: "a",
|
|
65
65
|
size: "sm",
|
|
66
66
|
color: "white",
|
|
67
|
-
suffixIcon:
|
|
67
|
+
suffixIcon: k.ARROW_FORWARD,
|
|
68
68
|
href: o.link,
|
|
69
69
|
children: o.buttonText || "READ THE STUDY"
|
|
70
70
|
}
|
|
71
|
-
)
|
|
71
|
+
) : void 0
|
|
72
72
|
}
|
|
73
|
-
) },
|
|
73
|
+
) }, f))
|
|
74
74
|
}
|
|
75
75
|
) }),
|
|
76
76
|
!s && /* @__PURE__ */ e("div", { className: i.progressButtons, "data-device": "mobile", children: /* @__PURE__ */ e(
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),r=require("react"),m=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),l=require("../../components/Typography/Typography.cjs.js"),p=require("../../components/Button/Button.cjs.js"),t=require("../../utils/cn/cn.cjs.js"),x=require("./assets/prod1.png.cjs.js"),v=require("./assets/prod2.png.cjs.js"),y=require("./assets/prod3.png.cjs.js"),N=require("./assets/pill1.jpg.cjs.js"),j=require("./assets/pill2.jpg.cjs.js"),b=require("./assets/pill3.jpg.cjs.js"),T=require("./assets/graph1.svg.cjs.js"),V=require("./assets/graph2.svg.cjs.js"),I=require("./assets/graph3.svg.cjs.js"),e=require("./personalizedProtocolHero.module.css.cjs.js"),n=[{pill:N.default,product:x.default,protocol:"ENERGY",dosage:{text:"Oxytocin Nasal Spray",value:"3MG"},goal:"REDUCE STRESS",svg:T.default},{pill:j.default,product:v.default,protocol:"METABOLISM",dosage:{text:"Metformin",value:"3MG"},goal:"AUTOPHAGY INDUCTION",svg:V.default},{pill:b.default,product:y.default,protocol:"SENESCENCE",dosage:{text:"Rapamycin",value:"3MG"},goal:"LONGEVITY",svg:I.default}],q=()=>{const[i,f]=r.useState(0),[h,g]=r.useState(0),[s,u]=r.useState(!1);r.useEffect(()=>{const c=setInterval(()=>{const o=(i+1)%n.length;f(o),setTimeout(()=>{u(!0),setTimeout(()=>{g(o),u(!1)},
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),r=require("react"),m=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),l=require("../../components/Typography/Typography.cjs.js"),p=require("../../components/Button/Button.cjs.js"),t=require("../../utils/cn/cn.cjs.js"),x=require("./assets/prod1.png.cjs.js"),v=require("./assets/prod2.png.cjs.js"),y=require("./assets/prod3.png.cjs.js"),N=require("./assets/pill1.jpg.cjs.js"),j=require("./assets/pill2.jpg.cjs.js"),b=require("./assets/pill3.jpg.cjs.js"),T=require("./assets/graph1.svg.cjs.js"),V=require("./assets/graph2.svg.cjs.js"),I=require("./assets/graph3.svg.cjs.js"),e=require("./personalizedProtocolHero.module.css.cjs.js"),n=[{pill:N.default,product:x.default,protocol:"ENERGY",dosage:{text:"Oxytocin Nasal Spray",value:"3MG"},goal:"REDUCE STRESS",svg:T.default},{pill:j.default,product:v.default,protocol:"METABOLISM",dosage:{text:"Metformin",value:"3MG"},goal:"AUTOPHAGY INDUCTION",svg:V.default},{pill:b.default,product:y.default,protocol:"SENESCENCE",dosage:{text:"Rapamycin",value:"3MG"},goal:"LONGEVITY",svg:I.default}],q=()=>{const[i,f]=r.useState(0),[h,g]=r.useState(0),[s,u]=r.useState(!1);r.useEffect(()=>{const c=setInterval(()=>{const o=(i+1)%n.length;f(o),setTimeout(()=>{u(!0),setTimeout(()=>{g(o),u(!1)},200)},200)},2500);return()=>clearInterval(c)},[i]);const d=n[h];return a.jsx("section",{className:e.default.root,"data-type":"hero",children:a.jsxs("div",{className:e.default.container,children:[a.jsxs("div",{className:e.default.leftContent,children:[a.jsx("div",{className:e.default.title,children:a.jsx(m.HighlightedTitle,{as:"p",colorScheme:"dark",defaultVariant:"displayMd",mobileVariant:"displayXs",title:a.jsxs(a.Fragment,{children:["A longevity protocol that's ",a.jsx("b",{children:"all you"})]})})}),a.jsx(l.Typography,{className:e.default.description,as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",children:"There's nothing more personal than your health, which is why your Healthspan care team works closely with you — using lab testing, data, and coaching — to design and optimize a protocol to fit your unique goals."}),a.jsx("div",{className:t.cn(e.default.buttonWrap,e.default.mobile),children:a.jsx(p.Button,{as:"a",href:"https://app.gethealthspan.com/#/product/signup/61f89782d9ecee002014f33e",variant:"secondary",size:"md",children:"Join Healthspan"})}),a.jsx("div",{className:t.cn(e.default.buttonWrap,e.default.desktop),children:a.jsx(p.Button,{as:"a",href:"https://app.gethealthspan.com/#/product/signup/61f89782d9ecee002014f33e",variant:"secondary",size:"lg",children:"Join Healthspan"})})]}),a.jsx("div",{className:e.default.pillContainer,children:n.map((c,o)=>a.jsx("img",{src:c.pill,className:t.cn(e.default.pillImage,o===i&&e.default.active,o===(i-1+n.length)%n.length&&e.default.exiting),alt:"Pill"},o))}),a.jsxs("div",{className:e.default.textContainer,children:[a.jsxs("div",{className:e.default.protocolContainer,children:[a.jsx(l.Typography,{className:e.default.protocolText,as:"p",defaultVariant:"labelMd",mobileVariant:"labelXs",children:"Protocol"}),a.jsx("div",{className:t.cn(e.default.protocolFade,s?e.default.fadeOut:e.default.fadeIn),children:a.jsx(l.Typography,{className:e.default.protocolValue,as:"p",defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,children:d.protocol})})]}),a.jsxs("div",{className:e.default.dosageContainer,children:[a.jsx("div",{className:t.cn(e.default.dosageImageFade,s?e.default.fadeOut:e.default.fadeIn),children:a.jsx("img",{src:d.product,className:e.default.dosageItem,alt:"Product"})}),a.jsxs("div",{className:e.default.dosageTextBlock,children:[a.jsx("div",{className:t.cn(e.default.dosageTextFade,s?e.default.fadeOut:e.default.fadeIn),children:a.jsx(l.Typography,{className:e.default.dosageText,as:"p",defaultVariant:"labelMd",mobileVariant:"labelXs",children:d.dosage.text})}),a.jsx("div",{className:t.cn(e.default.dosageValueFade,s?e.default.fadeOut:e.default.fadeIn),children:a.jsx(l.Typography,{className:e.default.dosageValue,as:"p",defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,children:d.dosage.value})})]})]}),a.jsxs("div",{className:e.default.goalContainer,children:[a.jsx(l.Typography,{className:e.default.goalText,as:"p",defaultVariant:"labelMd",mobileVariant:"labelXs",children:"Goal"}),a.jsx("div",{className:t.cn(e.default.goalFade,s?e.default.fadeOut:e.default.fadeIn),children:a.jsx(l.Typography,{className:e.default.goalValue,as:"p",defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,children:d.goal})})]}),a.jsx("div",{className:e.default.svgContainer,children:a.jsx("div",{className:t.cn(e.default.svgFade,s?e.default.fadeOut:e.default.fadeIn),children:r.createElement(d.svg,{className:e.default.svg})})})]})]})})};exports.PersonalizedProtocolHero=q;
|