@zenpatient-org/healthspan-marketing-ui 0.1.139 → 0.1.141

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.
@@ -1 +1 @@
1
- "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),G=require("../../components/Button/Button.cjs.js"),p=require("../../components/Typography/Typography.cjs.js"),A=require("../../components/Icon/Icon.cjs.js"),C=require("../../components/Icon/constants.cjs.js"),R=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),a=require("../../node_modules/gsap/index.cjs.js"),K=require("../../node_modules/@gsap/react/src/index.cjs.js"),M=require("../../node_modules/gsap/ScrollTrigger.cjs.js"),J=require("../../utils/debounce.cjs.js"),t=require("./callToAction.module.css.cjs.js");a.gsap.registerPlugin(M.ScrollTrigger);const Q=({subtitle:k,titleTop:P,scrollableLabels:v,titleBottom:B,description:W,hsaText:$,buttonText:O,buttonLink:g,backgroundImage:X})=>{const o=l.useRef(null),i=l.useRef(null),T=l.useRef(null),h=l.useRef(null),m=l.useRef(null),N=l.useRef(null),y=l.useRef(null),b=l.useRef(null),x=l.useRef(null);return K.useGSAP(()=>{var S,V,w;const u=o.current&&o.current.getBoundingClientRect().top<window.innerHeight*.8,d=(S=T.current)==null?void 0:S.querySelector("p"),q=(V=N.current)==null?void 0:V.querySelector("p"),z=[d,h.current,i.current,m.current,q,y.current,b.current,x.current].filter(Boolean);a.gsap.set(z,{clipPath:"inset(0% 0% 100% 0%)",yPercent:100});const f=a.gsap.to([d,h.current,i.current,m.current,q,y.current,b.current,x.current],{clipPath:"inset(0% 0% 0% 0%)",yPercent:0,duration:1,ease:"power2.out",delay:1,stagger:{amount:1,from:"start"},paused:!0});M.ScrollTrigger.create({trigger:o.current,start:"top 80%",end:"+=500",onEnter:()=>f.play(),onEnterBack:()=>f.play(),onLeaveBack:()=>f.reverse()}),u&&a.gsap.delayedCall(.1,()=>{f.play()});const r=(w=i.current)==null?void 0:w.querySelector("ul");if(!r)return;const _=r.innerHTML;let n=null,H=!0;const L=()=>{n&&n.kill(),r.innerHTML=_,a.gsap.set(r,{y:0});const s=Array.from(r.querySelectorAll("li"));if(s.length<=1)return;const j=s[0].clientHeight;if(!j)return;a.gsap.set(i.current,{height:j,overflow:"hidden"});const I=Array.from(s);I.forEach(E=>{r.appendChild(E.cloneNode(!0))});const F=H&&!u?2.5:0;n=a.gsap.timeline({repeat:-1,delay:F,onRepeat:()=>{a.gsap.set(r,{y:0})}}),I.forEach((E,D)=>{n&&n.to({},{duration:2}).to(r,{y:`-${(D+1)*j}`,duration:.5,ease:"power1.inOut"})}),H=!1},c=J.default(L,200);return L(),window.addEventListener("resize",c),()=>{var s;window.removeEventListener("resize",c),(s=c.kill)==null||s.call(c),n&&n.kill(),r&&(r.innerHTML=_,a.gsap.set(r,{y:0}))}},[v]),e.jsxs("section",{ref:o,className:t.default.root,children:[e.jsx("div",{className:t.default.backgroundImage,style:{backgroundImage:`url(${X})`}}),e.jsxs("div",{className:t.default.container,children:[e.jsx("div",{className:t.default.leftContent,children:e.jsxs("div",{className:t.default.content,children:[e.jsx("div",{ref:h,children:e.jsx(R.HighlightedTitle,{defaultVariant:"displayXl",mobileVariant:"displayMd",as:"div",className:t.default.title,title:P})}),e.jsx("div",{ref:i,className:t.default.scrollableLabelsWrapper,children:e.jsx("ul",{className:t.default.scrollableLabels,children:v.map((u,d)=>e.jsx("li",{className:t.default.scrollableLabel,children:e.jsx(p.Typography,{defaultVariant:"displayXl",mobileVariant:"displayMd",as:"span",children:u})},d))})}),e.jsx("div",{ref:m,children:e.jsx(R.HighlightedTitle,{defaultVariant:"displayXl",mobileVariant:"displayMd",as:"div",className:t.default.title,title:B})})]})}),e.jsx("div",{ref:T,className:t.default.subtitleWrapper,children:e.jsx(R.HighlightedTitle,{defaultVariant:"labelMd",mobileVariant:"labelSm",as:"div",className:t.default.subtitle,title:k})}),e.jsx("div",{ref:N,className:t.default.arrowWrapper,children:e.jsxs(p.Typography,{defaultVariant:"labelXl",mobileVariant:"labelLg",className:t.default.arrow,as:"p",children:["(",e.jsx(A.Icon,{name:C.EIconName.ARROW_FORWARD}),")"]})}),e.jsx("div",{className:t.default.rightContent,children:e.jsxs("div",{className:t.default.descriptionWrapper,children:[e.jsx("div",{ref:y,children:e.jsx(p.Typography,{as:"p",defaultVariant:"bodyLg",mobileVariant:"bodyMd",className:t.default.description,children:W})}),e.jsx("div",{ref:b,className:t.default.buttonWrapper,children:g&&e.jsx(G.Button,{as:g?"a":"button",href:g,variant:"secondary",size:"lg",children:O})}),e.jsxs("div",{ref:x,className:t.default.hsaEligible,children:[e.jsx(A.Icon,{name:C.EIconName.CIRCLE_CHECK_FILL,className:t.default.checkIcon}),e.jsx(p.Typography,{as:"p",defaultVariant:"bodySm",mobileVariant:"bodySm",className:t.default.hsaText,children:$})]})]})})]})]})};exports.CallToAction=Q;
1
+ "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),G=require("../../components/Button/Button.cjs.js"),p=require("../../components/Typography/Typography.cjs.js"),A=require("../../components/Icon/Icon.cjs.js"),C=require("../../components/Icon/constants.cjs.js"),R=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),a=require("../../node_modules/gsap/index.cjs.js"),K=require("../../node_modules/@gsap/react/src/index.cjs.js"),M=require("../../node_modules/gsap/ScrollTrigger.cjs.js"),J=require("../../utils/debounce.cjs.js"),t=require("./callToAction.module.css.cjs.js");a.gsap.registerPlugin(M.ScrollTrigger);const Q=({subtitle:k,titleTop:P,scrollableLabels:v,titleBottom:B,description:W,hsaText:$,buttonText:O,buttonLink:g,backgroundImage:X})=>{const o=l.useRef(null),i=l.useRef(null),T=l.useRef(null),h=l.useRef(null),m=l.useRef(null),N=l.useRef(null),y=l.useRef(null),b=l.useRef(null),x=l.useRef(null);return K.useGSAP(()=>{var S,V,w;const u=o.current&&o.current.getBoundingClientRect().top<window.innerHeight*.8,d=(S=T.current)==null?void 0:S.querySelector("p"),q=(V=N.current)==null?void 0:V.querySelector("p"),z=[d,h.current,i.current,m.current,q,y.current,b.current,x.current].filter(Boolean);a.gsap.set(z,{clipPath:"inset(0% 0% 100% 0%)",yPercent:100});const f=a.gsap.to([d,h.current,i.current,m.current,q,y.current,b.current,x.current],{clipPath:"inset(0% 0% 0% 0%)",yPercent:0,duration:1,ease:"power2.out",delay:.3,stagger:{amount:1,from:"start"},paused:!0});M.ScrollTrigger.create({trigger:o.current,start:"top 80%",end:"+=500",onEnter:()=>f.play(),onEnterBack:()=>f.play(),onLeaveBack:()=>f.reverse()}),u&&a.gsap.delayedCall(.1,()=>{f.play()});const r=(w=i.current)==null?void 0:w.querySelector("ul");if(!r)return;const _=r.innerHTML;let n=null,H=!0;const L=()=>{n&&n.kill(),r.innerHTML=_,a.gsap.set(r,{y:0});const s=Array.from(r.querySelectorAll("li"));if(s.length<=1)return;const j=s[0].clientHeight;if(!j)return;a.gsap.set(i.current,{height:j,overflow:"hidden"});const I=Array.from(s);I.forEach(E=>{r.appendChild(E.cloneNode(!0))});const F=H&&!u?2.5:0;n=a.gsap.timeline({repeat:-1,delay:F,onRepeat:()=>{a.gsap.set(r,{y:0})}}),I.forEach((E,D)=>{n&&n.to({},{duration:2}).to(r,{y:`-${(D+1)*j}`,duration:.5,ease:"power1.inOut"})}),H=!1},c=J.default(L,200);return L(),window.addEventListener("resize",c),()=>{var s;window.removeEventListener("resize",c),(s=c.kill)==null||s.call(c),n&&n.kill(),r&&(r.innerHTML=_,a.gsap.set(r,{y:0}))}},[v]),e.jsxs("section",{ref:o,className:t.default.root,children:[e.jsx("div",{className:t.default.backgroundImage,style:{backgroundImage:`url(${X})`}}),e.jsxs("div",{className:t.default.container,children:[e.jsx("div",{className:t.default.leftContent,children:e.jsxs("div",{className:t.default.content,children:[e.jsx("div",{ref:h,children:e.jsx(R.HighlightedTitle,{defaultVariant:"displayXl",mobileVariant:"displayMd",as:"div",className:t.default.title,title:P})}),e.jsx("div",{ref:i,className:t.default.scrollableLabelsWrapper,children:e.jsx("ul",{className:t.default.scrollableLabels,children:v.map((u,d)=>e.jsx("li",{className:t.default.scrollableLabel,children:e.jsx(p.Typography,{defaultVariant:"displayXl",mobileVariant:"displayMd",as:"span",children:u})},d))})}),e.jsx("div",{ref:m,children:e.jsx(R.HighlightedTitle,{defaultVariant:"displayXl",mobileVariant:"displayMd",as:"div",className:t.default.title,title:B})})]})}),e.jsx("div",{ref:T,className:t.default.subtitleWrapper,children:e.jsx(R.HighlightedTitle,{defaultVariant:"labelMd",mobileVariant:"labelSm",as:"div",className:t.default.subtitle,title:k})}),e.jsx("div",{ref:N,className:t.default.arrowWrapper,children:e.jsxs(p.Typography,{defaultVariant:"labelXl",mobileVariant:"labelLg",className:t.default.arrow,as:"p",children:["(",e.jsx(A.Icon,{name:C.EIconName.ARROW_FORWARD}),")"]})}),e.jsx("div",{className:t.default.rightContent,children:e.jsxs("div",{className:t.default.descriptionWrapper,children:[e.jsx("div",{ref:y,children:e.jsx(p.Typography,{as:"p",defaultVariant:"bodyLg",mobileVariant:"bodyMd",className:t.default.description,children:W})}),e.jsx("div",{ref:b,className:t.default.buttonWrapper,children:g&&e.jsx(G.Button,{as:g?"a":"button",href:g,variant:"secondary",size:"lg",children:O})}),e.jsxs("div",{ref:x,className:t.default.hsaEligible,children:[e.jsx(A.Icon,{name:C.EIconName.CIRCLE_CHECK_FILL,className:t.default.checkIcon}),e.jsx(p.Typography,{as:"p",defaultVariant:"bodySm",mobileVariant:"bodySm",className:t.default.hsaText,children:$})]})]})})]})]})};exports.CallToAction=Q;
@@ -56,7 +56,7 @@ const ce = ({
56
56
  yPercent: 0,
57
57
  duration: 1,
58
58
  ease: "power2.out",
59
- delay: 1,
59
+ delay: 0.3,
60
60
  stagger: {
61
61
  amount: 1,
62
62
  from: "start"
@@ -1 +1 @@
1
- "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),H=require("../../node_modules/@gsap/react/src/index.cjs.js"),d=require("../../node_modules/gsap/index.cjs.js"),u=require("../../node_modules/gsap/ScrollTrigger.cjs.js"),w=require("react"),V=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),n=require("../../components/Typography/Typography.cjs.js"),A=require("../../utils/debounce.cjs.js"),r=require("./expandingDetails.module.css.cjs.js");d.gsap.registerPlugin(u.ScrollTrigger);const $=({colorScheme:h,label:f,title:N,sections:P})=>{const s=w.useRef(null);return H.useGSAP(()=>{if(!s.current)return;const a=()=>{var x;d.gsap.killTweensOf("*"),u.ScrollTrigger.getAll().forEach(e=>e.kill());const o=d.gsap.utils.toArray('[data-scroll-id="section"]'),t=(x=s.current)==null?void 0:x.querySelector('[data-scroll-id="sections"]');if(!t)return;const p=d.gsap.timeline({scrollTrigger:{trigger:s.current,start:"top top",end:()=>`+=${o.length*500}`,scrub:1,markers:!1,pin:!0}}),y=t==null?void 0:t.querySelector('[data-scroll-id="heading"]');if(!y)return;d.gsap.set(t==null?void 0:t.querySelectorAll('[data-scroll-id="section"]'),{height:y.offsetHeight||0}),d.gsap.set(t==null?void 0:t.querySelectorAll('[data-scroll-id="protocol"]'),{scale:.5,yPercent:0}),d.gsap.set(t==null?void 0:t.querySelectorAll('[data-scroll-id="image-circle"]'),{scale:.5,yPercent:5});const m=window.innerWidth<768?1.2:2,S=window.innerWidth<768?1.2:2;o.forEach((e,E)=>{var q,T,j,v,b;const g=e==null?void 0:e.querySelector('[data-scroll-id="heading"]'),i=e==null?void 0:e.querySelector('[data-scroll-id="content"]');!g||!i||(p.to(e,{height:g.offsetHeight+i.offsetHeight}).to(e==null?void 0:e.querySelector('[data-scroll-id="section-title"]'),{scale:m,yPercent:50},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="section-index"]'),{scale:S,yPercent:50},"<").to(i,{height:i.offsetHeight},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="protocol"]'),{scale:1},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="image-circle"]'),{scale:1,yPercent:5},"<"),E<o.length-1&&p.to(e,{height:g.offsetHeight,delay:.5}).to(e.nextElementSibling,{height:g.offsetHeight+i.offsetHeight},"<").to(((q=e.nextElementSibling)==null?void 0:q.querySelector('[data-scroll-id="section-title"]'))||null,{scale:m,yPercent:100},"<").to(((T=e.nextElementSibling)==null?void 0:T.querySelector('[data-scroll-id="section-index"]'))||null,{scale:S,yPercent:100},"<").to(((j=e.nextElementSibling)==null?void 0:j.querySelector('[data-scroll-id="content"]'))||null,{height:i.offsetHeight,yPercent:0},"<").to(((v=e.nextElementSibling)==null?void 0:v.querySelector('[data-scroll-id="protocol"]'))||null,{scale:1},"<").to(((b=e.nextElementSibling)==null?void 0:b.querySelector('[data-scroll-id="image-circle"]'))||null,{scale:1,yPercent:5},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="section-title"]'),{scale:1,yPercent:-15},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="section-index"]'),{scale:1,yPercent:-15},"<").to(i,{height:0,yPercent:0},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="protocol"]'),{scale:0,yPercent:200},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="image-circle"]'),{scale:0,yPercent:200},"<"))})};a();const c=A.default(()=>{a()},200);return window.addEventListener("resize",c),()=>{window.removeEventListener("resize",c),u.ScrollTrigger.getAll().forEach(o=>o.kill()),d.gsap.killTweensOf("*")}},{scope:s,dependencies:[s]}),l.jsx("div",{ref:s,className:`${r.default.root} ${r.default[h]}`,children:l.jsxs("div",{className:r.default.expandingDetailsWrapper,children:[l.jsxs("header",{"data-scroll-id":"header",className:r.default.header,children:[f&&l.jsx(n.Typography,{as:"div",defaultVariant:"labelSm",emphasis:!0,className:r.default.label,children:f}),l.jsx(V.HighlightedTitle,{as:"div",defaultVariant:"displayMd",mobileVariant:"headingXl",colorScheme:h,className:r.default.title,title:N})]}),l.jsx("div",{"data-scroll-id":"sections",className:r.default.sections,children:P.map((a,c)=>l.jsxs("div",{id:`section-${c+1}`,"data-scroll-id":"section",className:r.default.section,children:[l.jsxs("div",{"data-scroll-id":"heading",className:r.default.heading,children:[l.jsx("div",{"data-scroll-id":"section-title",className:r.default.sectionTitleWrapper,children:l.jsx(n.Typography,{as:"h3",defaultVariant:"headingSm",className:r.default.sectionTitle,children:a.title})}),l.jsx("div",{"data-scroll-id":"section-index",className:r.default.sectionIndexWrapper,children:l.jsxs(n.Typography,{as:"p",defaultVariant:"headingSm",className:r.default.sectionIndex,children:["(",String(c+1).padStart(2,"0"),")"]})})]}),l.jsxs("div",{"data-scroll-id":"content",className:r.default.content,children:[l.jsxs("div",{"data-scroll-id":"protocol",className:r.default.protocolWrapper,children:[a.subtitle&&l.jsx(n.Typography,{as:"h4",defaultVariant:"headingLg",mobileVariant:"headingXs",children:a.subtitle}),l.jsx(n.Typography,{className:r.default.description,as:"div",defaultVariant:"bodyMd",mobileVariant:"bodySm",children:a.description})]}),l.jsx("div",{"data-scroll-id":"image-circle",className:r.default.imageCircle,children:l.jsx("img",{src:a.image,alt:a.title})})]}),l.jsx("div",{className:r.default.leftBorder}),l.jsx("div",{className:r.default.rightBorder})]},a.title))})]})})};exports.ExpandingDetails=$;
1
+ "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),R=require("../../node_modules/@gsap/react/src/index.cjs.js"),i=require("../../node_modules/gsap/index.cjs.js"),y=require("../../node_modules/gsap/ScrollTrigger.cjs.js"),W=require("react"),z=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),n=require("../../components/Typography/Typography.cjs.js"),B=require("../../utils/debounce.cjs.js"),t=require("./expandingDetails.module.css.cjs.js");i.gsap.registerPlugin(y.ScrollTrigger);const L=({colorScheme:f,label:p,title:w,sections:$})=>{const s=W.useRef(null);return R.useGSAP(()=>{if(!s.current)return;const d=()=>{var x;i.gsap.killTweensOf("*"),y.ScrollTrigger.getAll().forEach(e=>e.kill());const o=i.gsap.utils.toArray('[data-scroll-id="section"]'),r=(x=s.current)==null?void 0:x.querySelector('[data-scroll-id="sections"]');if(!r)return;const A=i.gsap.matchMedia(),h=i.gsap.timeline({scrollTrigger:{trigger:s.current,start:"top top",end:()=>`+=${o.length*500}`,scrub:1,markers:!1,pin:!0}}),m=r==null?void 0:r.querySelector('[data-scroll-id="heading"]');if(!m)return;const S=1366;o.forEach((e,q)=>{A.add({isMobile:`(max-width: ${S}px)`,isDesktop:`(min-width: ${S+1}px)`},D=>{var b,P,j,T,v,E,H,N,k,V;const c=e==null?void 0:e.querySelector('[data-scroll-id="heading"]'),a=e==null?void 0:e.querySelector('[data-scroll-id="content"]');if(!c||!a)return;const g=D.conditions,M=g==null?void 0:g.isMobile,_=g==null?void 0:g.isDesktop;i.gsap.set(r==null?void 0:r.querySelectorAll('[data-scroll-id="section"]'),{height:m.offsetHeight||0}),i.gsap.set(r==null?void 0:r.querySelectorAll('[data-scroll-id="protocol"]'),{scale:.5,yPercent:0}),i.gsap.set(r==null?void 0:r.querySelectorAll('[data-scroll-id="image-circle"]'),{scale:.5,yPercent:5}),_&&(h.to(e,{height:c.offsetHeight+a.offsetHeight}).to(e==null?void 0:e.querySelector('[data-scroll-id="section-title"]'),{scale:2,yPercent:50},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="section-index"]'),{scale:2,yPercent:50},"<").to(a,{height:a.offsetHeight},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="protocol"]'),{scale:1},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="image-circle"]'),{scale:1,yPercent:5},"<"),q<o.length-1&&h.to(e,{height:c.offsetHeight,delay:.5}).to(e.nextElementSibling,{height:c.offsetHeight+a.offsetHeight},"<").to(((b=e.nextElementSibling)==null?void 0:b.querySelector('[data-scroll-id="section-title"]'))||null,{scale:2,yPercent:100},"<").to(((P=e.nextElementSibling)==null?void 0:P.querySelector('[data-scroll-id="section-index"]'))||null,{scale:2,yPercent:100},"<").to(((j=e.nextElementSibling)==null?void 0:j.querySelector('[data-scroll-id="content"]'))||null,{height:a.offsetHeight,yPercent:0},"<").to(((T=e.nextElementSibling)==null?void 0:T.querySelector('[data-scroll-id="protocol"]'))||null,{scale:1},"<").to(((v=e.nextElementSibling)==null?void 0:v.querySelector('[data-scroll-id="image-circle"]'))||null,{scale:1,yPercent:5},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="section-title"]'),{scale:1,yPercent:-15},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="section-index"]'),{scale:1,yPercent:-15},"<").to(a,{height:0,yPercent:0},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="protocol"]'),{scale:0,yPercent:200},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="image-circle"]'),{scale:0,yPercent:200},"<")),M&&(h.to(e,{height:c.offsetHeight+a.offsetHeight}).to(a,{height:a.offsetHeight},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="protocol"]'),{scale:1},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="image-circle"]'),{scale:1,yPercent:5},"<"),q<o.length-1&&h.to(e,{height:c.offsetHeight,delay:.5}).to(e.nextElementSibling,{height:c.offsetHeight+a.offsetHeight},"<").to(((E=e.nextElementSibling)==null?void 0:E.querySelector('[data-scroll-id="section-title"]'))||null,{scale:1,yPercent:100},"<").to(((H=e.nextElementSibling)==null?void 0:H.querySelector('[data-scroll-id="section-index"]'))||null,{scale:1,yPercent:100},"<").to(((N=e.nextElementSibling)==null?void 0:N.querySelector('[data-scroll-id="content"]'))||null,{height:a.offsetHeight,yPercent:0},"<").to(((k=e.nextElementSibling)==null?void 0:k.querySelector('[data-scroll-id="protocol"]'))||null,{scale:1},"<").to(((V=e.nextElementSibling)==null?void 0:V.querySelector('[data-scroll-id="image-circle"]'))||null,{scale:1,yPercent:5},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="section-title"]'),{scale:1,yPercent:-15},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="section-index"]'),{scale:1,yPercent:-15},"<").to(a,{height:0,yPercent:0},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="protocol"]'),{scale:0,yPercent:200},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="image-circle"]'),{scale:0,yPercent:200},"<"))})})};d();const u=B.default(()=>{d()},200);return window.addEventListener("resize",u),()=>{window.removeEventListener("resize",u),y.ScrollTrigger.getAll().forEach(o=>o.kill()),i.gsap.killTweensOf("*")}},{scope:s,dependencies:[s]}),l.jsx("div",{ref:s,className:`${t.default.root} ${t.default[f]}`,children:l.jsxs("div",{className:t.default.expandingDetailsWrapper,children:[l.jsxs("header",{"data-scroll-id":"header",className:t.default.header,children:[p&&l.jsx(n.Typography,{as:"div",defaultVariant:"labelSm",emphasis:!0,className:t.default.label,children:p}),l.jsx(z.HighlightedTitle,{as:"div",defaultVariant:"displayMd",mobileVariant:"headingXl",colorScheme:f,className:t.default.title,title:w})]}),l.jsx("div",{"data-scroll-id":"sections",className:t.default.sections,children:$.map((d,u)=>l.jsxs("div",{id:`section-${u+1}`,"data-scroll-id":"section",className:t.default.section,children:[l.jsxs("div",{"data-scroll-id":"heading",className:t.default.heading,children:[l.jsx("div",{"data-scroll-id":"section-title",className:t.default.sectionTitleWrapper,children:l.jsx(n.Typography,{as:"h3",defaultVariant:"headingSm",className:t.default.sectionTitle,children:d.title})}),l.jsx("div",{"data-scroll-id":"section-index",className:t.default.sectionIndexWrapper,children:l.jsxs(n.Typography,{as:"p",defaultVariant:"headingSm",className:t.default.sectionIndex,children:["(",String(u+1).padStart(2,"0"),")"]})})]}),l.jsxs("div",{"data-scroll-id":"content",className:t.default.content,children:[l.jsxs("div",{"data-scroll-id":"protocol",className:t.default.protocolWrapper,children:[d.subtitle&&l.jsx(n.Typography,{as:"h4",defaultVariant:"headingLg",mobileVariant:"headingXs",children:d.subtitle}),l.jsx(n.Typography,{className:t.default.description,as:"div",defaultVariant:"bodyMd",mobileVariant:"bodyXs",children:d.description})]}),l.jsx("div",{"data-scroll-id":"image-circle",className:t.default.imageCircle,children:l.jsx("img",{src:d.image,alt:d.title})})]}),l.jsx("div",{className:t.default.leftBorder}),l.jsx("div",{className:t.default.rightBorder})]},d.title))})]})})};exports.ExpandingDetails=L;
@@ -1,161 +1,234 @@
1
1
  "use client";
2
- import { jsx as t, jsxs as c } from "react/jsx-runtime";
3
- import { useGSAP as V } from "../../node_modules/@gsap/react/src/index.es.js";
2
+ import { jsx as a, jsxs as o } from "react/jsx-runtime";
3
+ import { useGSAP as L } from "../../node_modules/@gsap/react/src/index.es.js";
4
4
  import { gsap as i } from "../../node_modules/gsap/index.es.js";
5
- import { ScrollTrigger as m } from "../../node_modules/gsap/ScrollTrigger.es.js";
6
- import { useRef as A } from "react";
7
- import { HighlightedTitle as W } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
8
- import { Typography as h } from "../../components/Typography/Typography.es.js";
9
- import k from "../../utils/debounce.es.js";
5
+ import { ScrollTrigger as y } from "../../node_modules/gsap/ScrollTrigger.es.js";
6
+ import { useRef as R } from "react";
7
+ import { HighlightedTitle as X } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
8
+ import { Typography as m } from "../../components/Typography/Typography.es.js";
9
+ import j from "../../utils/debounce.es.js";
10
10
  import l from "./expandingDetails.module.css.es.js";
11
- i.registerPlugin(m);
12
- const O = ({ colorScheme: u, label: f, title: w, sections: T }) => {
13
- const o = A(null);
14
- return V(
11
+ i.registerPlugin(y);
12
+ const Z = ({ colorScheme: f, label: p, title: M, sections: $ }) => {
13
+ const s = R(null);
14
+ return L(
15
15
  () => {
16
- if (!o.current) return;
17
- const a = () => {
18
- var v;
19
- i.killTweensOf("*"), m.getAll().forEach((e) => e.kill());
20
- const n = i.utils.toArray('[data-scroll-id="section"]'), r = (v = o.current) == null ? void 0 : v.querySelector('[data-scroll-id="sections"]');
16
+ if (!s.current) return;
17
+ const d = () => {
18
+ var b;
19
+ i.killTweensOf("*"), y.getAll().forEach((e) => e.kill());
20
+ const h = i.utils.toArray('[data-scroll-id="section"]'), r = (b = s.current) == null ? void 0 : b.querySelector('[data-scroll-id="sections"]');
21
21
  if (!r) return;
22
- const p = i.timeline({
22
+ const D = i.matchMedia(), u = i.timeline({
23
23
  scrollTrigger: {
24
- trigger: o.current,
24
+ trigger: s.current,
25
25
  start: "top top",
26
- end: () => `+=${n.length * 500}`,
26
+ end: () => `+=${h.length * 500}`,
27
27
  scrub: 1,
28
28
  markers: !1,
29
29
  pin: !0
30
30
  }
31
- }), y = r == null ? void 0 : r.querySelector('[data-scroll-id="heading"]');
32
- if (!y) return;
33
- i.set(r == null ? void 0 : r.querySelectorAll('[data-scroll-id="section"]'), {
34
- height: y.offsetHeight || 0
35
- }), i.set(r == null ? void 0 : r.querySelectorAll('[data-scroll-id="protocol"]'), {
36
- scale: 0.5,
37
- yPercent: 0
38
- }), i.set(r == null ? void 0 : r.querySelectorAll('[data-scroll-id="image-circle"]'), {
39
- scale: 0.5,
40
- yPercent: 5
41
- });
42
- const S = window.innerWidth < 768 ? 1.2 : 2, q = window.innerWidth < 768 ? 1.2 : 2;
43
- n.forEach((e, H) => {
44
- var N, x, b, P, E;
45
- const g = e == null ? void 0 : e.querySelector('[data-scroll-id="heading"]'), d = e == null ? void 0 : e.querySelector('[data-scroll-id="content"]');
46
- !g || !d || (p.to(e, { height: g.offsetHeight + d.offsetHeight }).to(
47
- e == null ? void 0 : e.querySelector('[data-scroll-id="section-title"]'),
48
- { scale: S, yPercent: 50 },
49
- "<"
50
- ).to(
51
- e == null ? void 0 : e.querySelector('[data-scroll-id="section-index"]'),
52
- { scale: q, yPercent: 50 },
53
- "<"
54
- ).to(d, { height: d.offsetHeight }, "<").to(e == null ? void 0 : e.querySelector('[data-scroll-id="protocol"]'), { scale: 1 }, "<").to(e == null ? void 0 : e.querySelector('[data-scroll-id="image-circle"]'), { scale: 1, yPercent: 5 }, "<"), H < n.length - 1 && p.to(e, { height: g.offsetHeight, delay: 0.5 }).to(
55
- e.nextElementSibling,
56
- { height: g.offsetHeight + d.offsetHeight },
57
- "<"
58
- ).to(
59
- ((N = e.nextElementSibling) == null ? void 0 : N.querySelector('[data-scroll-id="section-title"]')) || null,
60
- { scale: S, yPercent: 100 },
61
- "<"
62
- ).to(
63
- ((x = e.nextElementSibling) == null ? void 0 : x.querySelector('[data-scroll-id="section-index"]')) || null,
64
- { scale: q, yPercent: 100 },
65
- "<"
66
- ).to(
67
- ((b = e.nextElementSibling) == null ? void 0 : b.querySelector('[data-scroll-id="content"]')) || null,
68
- { height: d.offsetHeight, yPercent: 0 },
69
- "<"
70
- ).to(
71
- ((P = e.nextElementSibling) == null ? void 0 : P.querySelector('[data-scroll-id="protocol"]')) || null,
72
- { scale: 1 },
73
- "<"
74
- ).to(
75
- ((E = e.nextElementSibling) == null ? void 0 : E.querySelector('[data-scroll-id="image-circle"]')) || null,
76
- { scale: 1, yPercent: 5 },
77
- "<"
78
- ).to(
79
- e == null ? void 0 : e.querySelector('[data-scroll-id="section-title"]'),
80
- { scale: 1, yPercent: -15 },
81
- "<"
82
- ).to(
83
- e == null ? void 0 : e.querySelector('[data-scroll-id="section-index"]'),
84
- { scale: 1, yPercent: -15 },
85
- "<"
86
- ).to(d, { height: 0, yPercent: 0 }, "<").to(e == null ? void 0 : e.querySelector('[data-scroll-id="protocol"]'), { scale: 0, yPercent: 200 }, "<").to(
87
- e == null ? void 0 : e.querySelector('[data-scroll-id="image-circle"]'),
88
- { scale: 0, yPercent: 200 },
89
- "<"
90
- ));
31
+ }), S = r == null ? void 0 : r.querySelector('[data-scroll-id="heading"]');
32
+ if (!S) return;
33
+ const q = 1366;
34
+ h.forEach((e, x) => {
35
+ D.add(
36
+ {
37
+ isMobile: `(max-width: ${q}px)`,
38
+ isDesktop: `(min-width: ${q + 1}px)`
39
+ },
40
+ (W) => {
41
+ var P, v, E, N, H, k, T, V, w, A;
42
+ const c = e == null ? void 0 : e.querySelector('[data-scroll-id="heading"]'), t = e == null ? void 0 : e.querySelector('[data-scroll-id="content"]');
43
+ if (!c || !t) return;
44
+ const g = W.conditions, z = g == null ? void 0 : g.isMobile, B = g == null ? void 0 : g.isDesktop;
45
+ i.set(r == null ? void 0 : r.querySelectorAll('[data-scroll-id="section"]'), {
46
+ height: S.offsetHeight || 0
47
+ }), i.set(r == null ? void 0 : r.querySelectorAll('[data-scroll-id="protocol"]'), {
48
+ scale: 0.5,
49
+ yPercent: 0
50
+ }), i.set(r == null ? void 0 : r.querySelectorAll('[data-scroll-id="image-circle"]'), {
51
+ scale: 0.5,
52
+ yPercent: 5
53
+ }), B && (u.to(e, { height: c.offsetHeight + t.offsetHeight }).to(
54
+ e == null ? void 0 : e.querySelector('[data-scroll-id="section-title"]'),
55
+ { scale: 2, yPercent: 50 },
56
+ "<"
57
+ ).to(
58
+ e == null ? void 0 : e.querySelector('[data-scroll-id="section-index"]'),
59
+ { scale: 2, yPercent: 50 },
60
+ "<"
61
+ ).to(t, { height: t.offsetHeight }, "<").to(e == null ? void 0 : e.querySelector('[data-scroll-id="protocol"]'), { scale: 1 }, "<").to(
62
+ e == null ? void 0 : e.querySelector('[data-scroll-id="image-circle"]'),
63
+ { scale: 1, yPercent: 5 },
64
+ "<"
65
+ ), x < h.length - 1 && u.to(e, { height: c.offsetHeight, delay: 0.5 }).to(
66
+ e.nextElementSibling,
67
+ { height: c.offsetHeight + t.offsetHeight },
68
+ "<"
69
+ ).to(
70
+ ((P = e.nextElementSibling) == null ? void 0 : P.querySelector(
71
+ '[data-scroll-id="section-title"]'
72
+ )) || null,
73
+ { scale: 2, yPercent: 100 },
74
+ "<"
75
+ ).to(
76
+ ((v = e.nextElementSibling) == null ? void 0 : v.querySelector(
77
+ '[data-scroll-id="section-index"]'
78
+ )) || null,
79
+ { scale: 2, yPercent: 100 },
80
+ "<"
81
+ ).to(
82
+ ((E = e.nextElementSibling) == null ? void 0 : E.querySelector('[data-scroll-id="content"]')) || null,
83
+ { height: t.offsetHeight, yPercent: 0 },
84
+ "<"
85
+ ).to(
86
+ ((N = e.nextElementSibling) == null ? void 0 : N.querySelector('[data-scroll-id="protocol"]')) || null,
87
+ { scale: 1 },
88
+ "<"
89
+ ).to(
90
+ ((H = e.nextElementSibling) == null ? void 0 : H.querySelector(
91
+ '[data-scroll-id="image-circle"]'
92
+ )) || null,
93
+ { scale: 1, yPercent: 5 },
94
+ "<"
95
+ ).to(
96
+ e == null ? void 0 : e.querySelector('[data-scroll-id="section-title"]'),
97
+ { scale: 1, yPercent: -15 },
98
+ "<"
99
+ ).to(
100
+ e == null ? void 0 : e.querySelector('[data-scroll-id="section-index"]'),
101
+ { scale: 1, yPercent: -15 },
102
+ "<"
103
+ ).to(t, { height: 0, yPercent: 0 }, "<").to(
104
+ e == null ? void 0 : e.querySelector('[data-scroll-id="protocol"]'),
105
+ { scale: 0, yPercent: 200 },
106
+ "<"
107
+ ).to(
108
+ e == null ? void 0 : e.querySelector('[data-scroll-id="image-circle"]'),
109
+ { scale: 0, yPercent: 200 },
110
+ "<"
111
+ )), z && (u.to(e, { height: c.offsetHeight + t.offsetHeight }).to(t, { height: t.offsetHeight }, "<").to(e == null ? void 0 : e.querySelector('[data-scroll-id="protocol"]'), { scale: 1 }, "<").to(
112
+ e == null ? void 0 : e.querySelector('[data-scroll-id="image-circle"]'),
113
+ { scale: 1, yPercent: 5 },
114
+ "<"
115
+ ), x < h.length - 1 && u.to(e, { height: c.offsetHeight, delay: 0.5 }).to(
116
+ e.nextElementSibling,
117
+ { height: c.offsetHeight + t.offsetHeight },
118
+ "<"
119
+ ).to(
120
+ ((k = e.nextElementSibling) == null ? void 0 : k.querySelector(
121
+ '[data-scroll-id="section-title"]'
122
+ )) || null,
123
+ { scale: 1, yPercent: 100 },
124
+ "<"
125
+ ).to(
126
+ ((T = e.nextElementSibling) == null ? void 0 : T.querySelector(
127
+ '[data-scroll-id="section-index"]'
128
+ )) || null,
129
+ { scale: 1, yPercent: 100 },
130
+ "<"
131
+ ).to(
132
+ ((V = e.nextElementSibling) == null ? void 0 : V.querySelector('[data-scroll-id="content"]')) || null,
133
+ { height: t.offsetHeight, yPercent: 0 },
134
+ "<"
135
+ ).to(
136
+ ((w = e.nextElementSibling) == null ? void 0 : w.querySelector('[data-scroll-id="protocol"]')) || null,
137
+ { scale: 1 },
138
+ "<"
139
+ ).to(
140
+ ((A = e.nextElementSibling) == null ? void 0 : A.querySelector(
141
+ '[data-scroll-id="image-circle"]'
142
+ )) || null,
143
+ { scale: 1, yPercent: 5 },
144
+ "<"
145
+ ).to(
146
+ e == null ? void 0 : e.querySelector('[data-scroll-id="section-title"]'),
147
+ { scale: 1, yPercent: -15 },
148
+ "<"
149
+ ).to(
150
+ e == null ? void 0 : e.querySelector('[data-scroll-id="section-index"]'),
151
+ { scale: 1, yPercent: -15 },
152
+ "<"
153
+ ).to(t, { height: 0, yPercent: 0 }, "<").to(
154
+ e == null ? void 0 : e.querySelector('[data-scroll-id="protocol"]'),
155
+ { scale: 0, yPercent: 200 },
156
+ "<"
157
+ ).to(
158
+ e == null ? void 0 : e.querySelector('[data-scroll-id="image-circle"]'),
159
+ { scale: 0, yPercent: 200 },
160
+ "<"
161
+ ));
162
+ }
163
+ );
91
164
  });
92
165
  };
93
- a();
94
- const s = k(() => {
95
- a();
166
+ d();
167
+ const n = j(() => {
168
+ d();
96
169
  }, 200);
97
- return window.addEventListener("resize", s), () => {
98
- window.removeEventListener("resize", s), m.getAll().forEach((n) => n.kill()), i.killTweensOf("*");
170
+ return window.addEventListener("resize", n), () => {
171
+ window.removeEventListener("resize", n), y.getAll().forEach((h) => h.kill()), i.killTweensOf("*");
99
172
  };
100
173
  },
101
174
  {
102
- scope: o,
103
- dependencies: [o]
175
+ scope: s,
176
+ dependencies: [s]
104
177
  }
105
- ), /* @__PURE__ */ t("div", { ref: o, className: `${l.root} ${l[u]}`, children: /* @__PURE__ */ c("div", { className: l.expandingDetailsWrapper, children: [
106
- /* @__PURE__ */ c("header", { "data-scroll-id": "header", className: l.header, children: [
107
- f && /* @__PURE__ */ t(h, { as: "div", defaultVariant: "labelSm", emphasis: !0, className: l.label, children: f }),
108
- /* @__PURE__ */ t(
109
- W,
178
+ ), /* @__PURE__ */ a("div", { ref: s, className: `${l.root} ${l[f]}`, children: /* @__PURE__ */ o("div", { className: l.expandingDetailsWrapper, children: [
179
+ /* @__PURE__ */ o("header", { "data-scroll-id": "header", className: l.header, children: [
180
+ p && /* @__PURE__ */ a(m, { as: "div", defaultVariant: "labelSm", emphasis: !0, className: l.label, children: p }),
181
+ /* @__PURE__ */ a(
182
+ X,
110
183
  {
111
184
  as: "div",
112
185
  defaultVariant: "displayMd",
113
186
  mobileVariant: "headingXl",
114
- colorScheme: u,
187
+ colorScheme: f,
115
188
  className: l.title,
116
- title: w
189
+ title: M
117
190
  }
118
191
  )
119
192
  ] }),
120
- /* @__PURE__ */ t("div", { "data-scroll-id": "sections", className: l.sections, children: T.map((a, s) => /* @__PURE__ */ c(
193
+ /* @__PURE__ */ a("div", { "data-scroll-id": "sections", className: l.sections, children: $.map((d, n) => /* @__PURE__ */ o(
121
194
  "div",
122
195
  {
123
- id: `section-${s + 1}`,
196
+ id: `section-${n + 1}`,
124
197
  "data-scroll-id": "section",
125
198
  className: l.section,
126
199
  children: [
127
- /* @__PURE__ */ c("div", { "data-scroll-id": "heading", className: l.heading, children: [
128
- /* @__PURE__ */ t("div", { "data-scroll-id": "section-title", className: l.sectionTitleWrapper, children: /* @__PURE__ */ t(h, { as: "h3", defaultVariant: "headingSm", className: l.sectionTitle, children: a.title }) }),
129
- /* @__PURE__ */ t("div", { "data-scroll-id": "section-index", className: l.sectionIndexWrapper, children: /* @__PURE__ */ c(h, { as: "p", defaultVariant: "headingSm", className: l.sectionIndex, children: [
200
+ /* @__PURE__ */ o("div", { "data-scroll-id": "heading", className: l.heading, children: [
201
+ /* @__PURE__ */ a("div", { "data-scroll-id": "section-title", className: l.sectionTitleWrapper, children: /* @__PURE__ */ a(m, { as: "h3", defaultVariant: "headingSm", className: l.sectionTitle, children: d.title }) }),
202
+ /* @__PURE__ */ a("div", { "data-scroll-id": "section-index", className: l.sectionIndexWrapper, children: /* @__PURE__ */ o(m, { as: "p", defaultVariant: "headingSm", className: l.sectionIndex, children: [
130
203
  "(",
131
- String(s + 1).padStart(2, "0"),
204
+ String(n + 1).padStart(2, "0"),
132
205
  ")"
133
206
  ] }) })
134
207
  ] }),
135
- /* @__PURE__ */ c("div", { "data-scroll-id": "content", className: l.content, children: [
136
- /* @__PURE__ */ c("div", { "data-scroll-id": "protocol", className: l.protocolWrapper, children: [
137
- a.subtitle && /* @__PURE__ */ t(h, { as: "h4", defaultVariant: "headingLg", mobileVariant: "headingXs", children: a.subtitle }),
138
- /* @__PURE__ */ t(
139
- h,
208
+ /* @__PURE__ */ o("div", { "data-scroll-id": "content", className: l.content, children: [
209
+ /* @__PURE__ */ o("div", { "data-scroll-id": "protocol", className: l.protocolWrapper, children: [
210
+ d.subtitle && /* @__PURE__ */ a(m, { as: "h4", defaultVariant: "headingLg", mobileVariant: "headingXs", children: d.subtitle }),
211
+ /* @__PURE__ */ a(
212
+ m,
140
213
  {
141
214
  className: l.description,
142
215
  as: "div",
143
216
  defaultVariant: "bodyMd",
144
- mobileVariant: "bodySm",
145
- children: a.description
217
+ mobileVariant: "bodyXs",
218
+ children: d.description
146
219
  }
147
220
  )
148
221
  ] }),
149
- /* @__PURE__ */ t("div", { "data-scroll-id": "image-circle", className: l.imageCircle, children: /* @__PURE__ */ t("img", { src: a.image, alt: a.title }) })
222
+ /* @__PURE__ */ a("div", { "data-scroll-id": "image-circle", className: l.imageCircle, children: /* @__PURE__ */ a("img", { src: d.image, alt: d.title }) })
150
223
  ] }),
151
- /* @__PURE__ */ t("div", { className: l.leftBorder }),
152
- /* @__PURE__ */ t("div", { className: l.rightBorder })
224
+ /* @__PURE__ */ a("div", { className: l.leftBorder }),
225
+ /* @__PURE__ */ a("div", { className: l.rightBorder })
153
226
  ]
154
227
  },
155
- a.title
228
+ d.title
156
229
  )) })
157
230
  ] }) });
158
231
  };
159
232
  export {
160
- O as ExpandingDetails
233
+ Z as ExpandingDetails
161
234
  };
@@ -1 +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"),u=require("./components/FooterAbout/FooterAbout.cjs.js"),m=require("./components/FooterLinksBlock/FooterLinksBlock.cjs.js"),c=require("./components/NewsLetter/NewsLetter.cjs.js");require("react");require("../../components/Button/Button.cjs.js");const f=require("./components/TopTreatmentsSlider/TopTreatmentsSlider.cjs.js"),i=require("./components/LinksColumn/LinksColumn.cjs.js"),h=require("./assets/CompanyName.svg.cjs.js"),r=require("./footer.module.css.cjs.js"),l={title:"Treatments",content:[{title:"All Treatments",href:"/all"},{title:"Personalized Protocols",href:"/personalized"},{title:"Labs",href:"/labs"},{title:"Medications",href:"/medications"},{title:"Supplements",href:"/supplements"}]},j=({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(c.NewsLetter,{})}),e.jsxs("div",{className:r.default.footerRight,children:[e.jsxs("div",{className:r.default.columns,children:[e.jsx(i.LinksColumn,{title:l.title,links:l.content},l.title),n&&(n==null?void 0:n.length)>0&&e.jsx(f.TopTreatmentsSlider,{title:"Top Treatments",products:n})]}),e.jsx("div",{className:r.default.footerLinks,children:e.jsx(m.FooterLinksBlock,{})}),e.jsxs("div",{className:r.default.about,children:[e.jsx(u.FooterAbout,{}),e.jsxs("div",{className:r.default.socials,children:[(t==null?void 0:t.facebook)&&e.jsx("a",{href:t==null?void 0: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==null?void 0: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==null?void 0: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(h.default,{width:"100%",height:"100%",preserveAspectRatio:"xMidYMid meet"})})]})});exports.Footer=j;
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;
@@ -1,47 +1,47 @@
1
1
  "use client";
2
- import { jsx as t, jsxs as n } from "react/jsx-runtime";
2
+ import { jsx as e, jsxs as n } from "react/jsx-runtime";
3
3
  import "../../components/Icon/Icon.es.js";
4
- import { EIconName as o } from "../../components/Icon/constants.es.js";
5
- import { IconButton as l } from "../../components/IconButton/IconButton.es.js";
6
- import { FooterAbout as h } from "./components/FooterAbout/FooterAbout.es.js";
7
- import { FooterLinksBlock as i } from "./components/FooterLinksBlock/FooterLinksBlock.es.js";
8
- import { NewsLetter as s } from "./components/NewsLetter/NewsLetter.es.js";
4
+ import { EIconName as m } from "../../components/Icon/constants.es.js";
5
+ import { IconButton as i } from "../../components/IconButton/IconButton.es.js";
6
+ import { FooterAbout as s } from "./components/FooterAbout/FooterAbout.es.js";
7
+ import { FooterLinksBlock as a } from "./components/FooterLinksBlock/FooterLinksBlock.es.js";
8
+ import { NewsLetter as f } from "./components/NewsLetter/NewsLetter.es.js";
9
9
  import "react";
10
10
  import "../../components/Button/Button.es.js";
11
- import { TopTreatmentsSlider as p } from "./components/TopTreatmentsSlider/TopTreatmentsSlider.es.js";
12
- import { LinksColumn as v } from "./components/LinksColumn/LinksColumn.es.js";
13
- import N from "./assets/CompanyName.svg.es.js";
11
+ import { TopTreatmentsSlider as h } from "./components/TopTreatmentsSlider/TopTreatmentsSlider.es.js";
12
+ import { LinksColumn as c } from "./components/LinksColumn/LinksColumn.es.js";
13
+ import p from "./assets/CompanyName.svg.es.js";
14
14
  import r from "./footer.module.css.es.js";
15
- const f = {
15
+ const l = {
16
16
  title: "Treatments",
17
17
  content: [
18
- { title: "All Treatments", href: "/all" },
19
- { title: "Personalized Protocols", href: "/personalized" },
18
+ { title: "All Treatments", href: "/treatments" },
19
+ { title: "Personalized Protocols", href: "/personalized-protocols" },
20
20
  { title: "Labs", href: "/labs" },
21
21
  { title: "Medications", href: "/medications" },
22
22
  { title: "Supplements", href: "/supplements" }
23
23
  ]
24
- }, S = ({ socialMedia: e, products: m }) => /* @__PURE__ */ t("footer", { className: r.root, children: /* @__PURE__ */ n("div", { className: r.container, children: [
24
+ }, F = ({ socialMedia: t, products: o }) => /* @__PURE__ */ e("footer", { className: r.root, children: /* @__PURE__ */ n("div", { className: r.container, children: [
25
25
  /* @__PURE__ */ n("div", { className: r.content, children: [
26
- /* @__PURE__ */ t("div", { className: r.footerLeft, children: /* @__PURE__ */ t(s, {}) }),
26
+ /* @__PURE__ */ e("div", { className: r.footerLeft, children: /* @__PURE__ */ e(f, {}) }),
27
27
  /* @__PURE__ */ n("div", { className: r.footerRight, children: [
28
28
  /* @__PURE__ */ n("div", { className: r.columns, children: [
29
- /* @__PURE__ */ t(v, { title: f.title, links: f.content }, f.title),
30
- m && (m == null ? void 0 : m.length) > 0 && /* @__PURE__ */ t(p, { title: "Top Treatments", products: m })
29
+ /* @__PURE__ */ e(c, { title: l.title, links: l.content }, l.title),
30
+ o && (o == null ? void 0 : o.length) > 0 && /* @__PURE__ */ e(h, { title: "Top Treatments", products: o })
31
31
  ] }),
32
- /* @__PURE__ */ t("div", { className: r.footerLinks, children: /* @__PURE__ */ t(i, {}) }),
32
+ /* @__PURE__ */ e("div", { className: r.footerLinks, children: /* @__PURE__ */ e(a, {}) }),
33
33
  /* @__PURE__ */ n("div", { className: r.about, children: [
34
- /* @__PURE__ */ t(h, {}),
34
+ /* @__PURE__ */ e(s, {}),
35
35
  /* @__PURE__ */ n("div", { className: r.socials, children: [
36
- (e == null ? void 0 : e.facebook) && /* @__PURE__ */ t("a", { href: e == null ? void 0 : e.facebook, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ t(l, { iconName: o.FACEBOOK, variant: "muted-invert", size: "lg" }) }),
37
- (e == null ? void 0 : e.instagram) && /* @__PURE__ */ t("a", { href: e == null ? void 0 : e.instagram, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ t(l, { iconName: o.INSTAGRAM, variant: "muted-invert", size: "lg" }) }),
38
- (e == null ? void 0 : e.twitter) && /* @__PURE__ */ t("a", { href: e == null ? void 0 : e.twitter, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ t(l, { iconName: o.X, variant: "muted-invert", size: "lg" }) })
36
+ (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" }) }),
37
+ (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" }) }),
38
+ (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" }) })
39
39
  ] })
40
40
  ] })
41
41
  ] })
42
42
  ] }),
43
- /* @__PURE__ */ t("div", { className: r.img, children: /* @__PURE__ */ t(N, { width: "100%", height: "100%", preserveAspectRatio: "xMidYMid meet" }) })
43
+ /* @__PURE__ */ e("div", { className: r.img, children: /* @__PURE__ */ e(p, { width: "100%", height: "100%", preserveAspectRatio: "xMidYMid meet" }) })
44
44
  ] }) });
45
45
  export {
46
- S as Footer
46
+ F as Footer
47
47
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("../../assets/logo.png.cjs.js"),a=require("../../../../components/Typography/Typography.cjs.js"),e=require("./footerAbout.module.css.cjs.js"),l=[{title:"(Terms of Use)",hasBrackets:!0,href:"/policy/terms-condition"},{title:"(privacy policy)",hasBrackets:!0,href:"/policy/privacy-policy"},{title:"(telehealth consent policy)",hasBrackets:!0,href:"/policy/telehealth-consent"},{title:"©2025 Healthspan.",hasBrackets:!1,href:"#"},{title:"All rights reserved.",hasBrackets:!1,href:"#"}],o=()=>t.jsxs("div",{className:e.default.root,children:[t.jsx("img",{src:s.default,alt:"contentImg",className:e.default.contentImg}),t.jsx("div",{className:e.default.container,children:l.map((r,c)=>t.jsx("a",{href:r.href,className:e.default.link,children:t.jsx(a.Typography,{as:"span",defaultVariant:"labelXs",emphasis:!0,className:r.hasBrackets?e.default.titleWithBrackets:e.default.title,children:r.title})},r.title))})]});exports.FooterAbout=o;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),r=require("../../../../utils/cn/cn.cjs.js"),s=require("../../../../components/Typography/Typography.cjs.js"),l=require("../../assets/logo.png.cjs.js"),e=require("./footerAbout.module.css.cjs.js"),c=[{title:"(Terms of Use)",hasBrackets:!0,href:"/policy/terms-condition"},{title:"(privacy policy)",hasBrackets:!0,href:"/policy/privacy-policy"},{title:"(telehealth consent policy)",hasBrackets:!0,href:"/policy/telehealth-consent"},{title:"©2025 Healthspan.",hasBrackets:!1,href:"/"},{title:"All rights reserved.",hasBrackets:!1}],i=t=>t.href?a.jsx("a",{href:t.href,className:r.cn(e.default.item,e.default.link),children:a.jsx(s.Typography,{as:"span",defaultVariant:"labelXs",emphasis:!0,className:t.hasBrackets?e.default.titleWithBrackets:e.default.title,children:t.title})},t.title):a.jsx("div",{className:e.default.item,children:a.jsx(s.Typography,{as:"span",defaultVariant:"labelXs",emphasis:!0,className:t.hasBrackets?e.default.titleWithBrackets:e.default.title,children:t.title})},t.title),o=()=>a.jsxs("div",{className:e.default.root,children:[a.jsx("img",{src:l.default,alt:"contentImg",className:e.default.contentImg}),a.jsx("div",{className:e.default.container,children:c.map(i)})]});exports.FooterAbout=o;
@@ -1,8 +1,9 @@
1
- import { jsxs as r, jsx as s } from "react/jsx-runtime";
2
- import a from "../../assets/logo.png.es.js";
3
- import { Typography as l } from "../../../../components/Typography/Typography.es.js";
1
+ import { jsxs as a, jsx as r } from "react/jsx-runtime";
2
+ import { cn as l } from "../../../../utils/cn/cn.es.js";
3
+ import { Typography as s } from "../../../../components/Typography/Typography.es.js";
4
+ import i from "../../assets/logo.png.es.js";
4
5
  import e from "./footerAbout.module.css.es.js";
5
- const i = [
6
+ const c = [
6
7
  {
7
8
  title: "(Terms of Use)",
8
9
  hasBrackets: !0,
@@ -21,26 +22,34 @@ const i = [
21
22
  {
22
23
  title: "©2025 Healthspan.",
23
24
  hasBrackets: !1,
24
- href: "#"
25
+ href: "/"
25
26
  },
26
27
  {
27
28
  title: "All rights reserved.",
28
- hasBrackets: !1,
29
- href: "#"
29
+ hasBrackets: !1
30
+ }
31
+ ], o = (t) => t.href ? /* @__PURE__ */ r("a", { href: t.href, className: l(e.item, e.link), children: /* @__PURE__ */ r(
32
+ s,
33
+ {
34
+ as: "span",
35
+ defaultVariant: "labelXs",
36
+ emphasis: !0,
37
+ className: t.hasBrackets ? e.titleWithBrackets : e.title,
38
+ children: t.title
39
+ }
40
+ ) }, t.title) : /* @__PURE__ */ r("div", { className: e.item, children: /* @__PURE__ */ r(
41
+ s,
42
+ {
43
+ as: "span",
44
+ defaultVariant: "labelXs",
45
+ emphasis: !0,
46
+ className: t.hasBrackets ? e.titleWithBrackets : e.title,
47
+ children: t.title
30
48
  }
31
- ], p = () => /* @__PURE__ */ r("div", { className: e.root, children: [
32
- /* @__PURE__ */ s("img", { src: a, alt: "contentImg", className: e.contentImg }),
33
- /* @__PURE__ */ s("div", { className: e.container, children: i.map((t, c) => /* @__PURE__ */ s("a", { href: t.href, className: e.link, children: /* @__PURE__ */ s(
34
- l,
35
- {
36
- as: "span",
37
- defaultVariant: "labelXs",
38
- emphasis: !0,
39
- className: t.hasBrackets ? e.titleWithBrackets : e.title,
40
- children: t.title
41
- }
42
- ) }, t.title)) })
49
+ ) }, t.title), d = () => /* @__PURE__ */ a("div", { className: e.root, children: [
50
+ /* @__PURE__ */ r("img", { src: i, alt: "contentImg", className: e.contentImg }),
51
+ /* @__PURE__ */ r("div", { className: e.container, children: c.map(o) })
43
52
  ] });
44
53
  export {
45
- p as FooterAbout
54
+ d as FooterAbout
46
55
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="footerAbout-module__root___G9z5j",t="footerAbout-module__contentImg___UN0eD",e="footerAbout-module__container___N-gju",n="footerAbout-module__link___nrXpE",_={root:o,contentImg:t,container:e,link:n};exports.container=e;exports.contentImg=t;exports.default=_;exports.link=n;exports.root=o;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="footerAbout-module__root___G9z5j",t="footerAbout-module__contentImg___UN0eD",e="footerAbout-module__container___N-gju",n="footerAbout-module__item___dlSsF",_="footerAbout-module__link___nrXpE",r={root:o,contentImg:t,container:e,item:n,link:_};exports.container=e;exports.contentImg=t;exports.default=r;exports.item=n;exports.link=_;exports.root=o;