@zenpatient-org/healthspan-marketing-ui 0.1.111 → 0.1.113

package/dist/modules/CallToAction/CallToAction.cjs.js

@@ -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"),v=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:R,titleBottom:B,description:W,hsaText:$,buttonText:O,buttonLink:g,backgroundImage:X})=>{const u=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 d=u.current&&u.current.getBoundingClientRect().top<window.innerHeight*.8,f=(S=T.current)==null?void 0:S.querySelector("p"),q=(V=N.current)==null?void 0:V.querySelector("p"),z=[f,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 o=a.gsap.to([f,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:u.current,start:"top 80%",end:"+=500",onEnter:()=>o.play(),onLeave:()=>o.reverse(),onEnterBack:()=>o.play(),onLeaveBack:()=>o.reverse()}),d&&a.gsap.delayedCall(.1,()=>{o.play()});const r=(w=i.current)==null?void 0:w.querySelector("ul");if(!r)return;const L=r.innerHTML;let n=null,_=!0;const H=()=>{n&&n.kill(),r.innerHTML=L,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=_&&!d?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"})}),_=!1},c=J.default(H,200);return H(),window.addEventListener("resize",c),()=>{var s;window.removeEventListener("resize",c),(s=c.kill)==null||s.call(c),n&&n.kill(),r&&(r.innerHTML=L,a.gsap.set(r,{y:0}))}},[R]),e.jsxs("section",{ref:u,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(v.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:R.map((d,f)=>e.jsx("li",{className:t.default.scrollableLabel,children:e.jsx(p.Typography,{defaultVariant:"displayXl",mobileVariant:"displayMd",as:"span",children:d})},f))})}),e.jsx("div",{ref:m,children:e.jsx(v.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(v.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;
+"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;

package/dist/modules/CallToAction/CallToAction.es.js

@@ -23,11 +23,11 @@ const ce = ({
   buttonLink: h,
   backgroundImage: j
 }) => {
-  const u = l(null), o = l(null), w = l(null), y = l(null), b = l(null), S = l(null), g = l(null), v = l(null), N = l(null);
+  const d = l(null), o = l(null), w = l(null), y = l(null), b = l(null), S = l(null), g = l(null), v = l(null), N = l(null);
   return J(() => {
     var k, M, A;
-    const m = u.current && u.current.getBoundingClientRect().top < window.innerHeight * 0.8, p = (k = w.current) == null ? void 0 : k.querySelector("p"), T = (M = S.current) == null ? void 0 : M.querySelector("p"), D = [
-      p,
+    const u = d.current && d.current.getBoundingClientRect().top < window.innerHeight * 0.8, m = (k = w.current) == null ? void 0 : k.querySelector("p"), T = (M = S.current) == null ? void 0 : M.querySelector("p"), D = [
+      m,
       y.current,
       o.current,
       b.current,
@@ -40,9 +40,9 @@ const ce = ({
       clipPath: "inset(0% 0% 100% 0%)",
       yPercent: 100
     });
-    const c = a.to(
+    const p = a.to(
       [
-        p,
+        m,
         y.current,
         o.current,
         b.current,
@@ -66,15 +66,14 @@ const ce = ({
       }
     );
     q.create({
-      trigger: u.current,
+      trigger: d.current,
       start: "top 80%",
       end: "+=500",
-      onEnter: () => c.play(),
-      onLeave: () => c.reverse(),
-      onEnterBack: () => c.play(),
-      onLeaveBack: () => c.reverse()
-    }), m && a.delayedCall(0.1, () => {
-      c.play();
+      onEnter: () => p.play(),
+      onEnterBack: () => p.play(),
+      onLeaveBack: () => p.reverse()
+    }), u && a.delayedCall(0.1, () => {
+      p.play();
     });
     const t = (A = o.current) == null ? void 0 : A.querySelector("ul");
     if (!t) return;
@@ -91,7 +90,7 @@ const ce = ({
       I.forEach((P) => {
         t.appendChild(P.cloneNode(!0));
       });
-      const $ = E && !m ? 2.5 : 0;
+      const $ = E && !u ? 2.5 : 0;
       i = a.timeline({
         repeat: -1,
         delay: $,
@@ -105,12 +104,12 @@ const ce = ({
           ease: "power1.inOut"
         });
       }), E = !1;
-    }, d = Q(H, 200);
-    return H(), window.addEventListener("resize", d), () => {
+    }, c = Q(H, 200);
+    return H(), window.addEventListener("resize", c), () => {
       var n;
-      window.removeEventListener("resize", d), (n = d.kill) == null || n.call(d), i && i.kill(), t && (t.innerHTML = C, a.set(t, { y: 0 }));
+      window.removeEventListener("resize", c), (n = c.kill) == null || n.call(c), i && i.kill(), t && (t.innerHTML = C, a.set(t, { y: 0 }));
     };
-  }, [V]), /* @__PURE__ */ s("section", { ref: u, className: r.root, children: [
+  }, [V]), /* @__PURE__ */ s("section", { ref: d, className: r.root, children: [
     /* @__PURE__ */ e("div", { className: r.backgroundImage, style: { backgroundImage: `url(${j})` } }),
     /* @__PURE__ */ s("div", { className: r.container, children: [
       /* @__PURE__ */ e("div", { className: r.leftContent, children: /* @__PURE__ */ s("div", { className: r.content, children: [
@@ -124,7 +123,7 @@ const ce = ({
             title: X
           }
         ) }),
-        /* @__PURE__ */ e("div", { ref: o, className: r.scrollableLabelsWrapper, children: /* @__PURE__ */ e("ul", { className: r.scrollableLabels, children: V.map((m, p) => /* @__PURE__ */ e("li", { className: r.scrollableLabel, children: /* @__PURE__ */ e(f, { defaultVariant: "displayXl", mobileVariant: "displayMd", as: "span", children: m }) }, p)) }) }),
+        /* @__PURE__ */ e("div", { ref: o, className: r.scrollableLabelsWrapper, children: /* @__PURE__ */ e("ul", { className: r.scrollableLabels, children: V.map((u, m) => /* @__PURE__ */ e("li", { className: r.scrollableLabel, children: /* @__PURE__ */ e(f, { defaultVariant: "displayXl", mobileVariant: "displayMd", as: "span", children: u }) }, m)) }) }),
         /* @__PURE__ */ e("div", { ref: b, children: /* @__PURE__ */ e(
           L,
           {

package/dist/modules/HSModal/HSModal.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./components/MailchimpModal/MailchimpModal.cjs.js"),r=require("./useHSModal.cjs.js"),d=require("./hsModal.module.css.cjs.js"),u=l=>{const{isOpen:a,closeModal:i,handleClick:n,handleOverlayClick:c}=r.useHSModal({id:l.id,initiallyOpen:l.initiallyOpen,trigger:l.trigger,onCloseCallback:l.onCloseCallback,onClickCallback:l.onClickCallback}),o=()=>{switch(l.type){case"mailchimp":return e.jsx(t.MailchimpModal,{...l,onCloseCallback:i,onClickCallback:n});default:return null}};return a?e.jsx("div",{className:d.default.overlay,onClick:c,children:o()}):null};exports.HSModal=u;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),t=require("./components/MailchimpModal/MailchimpModal.cjs.js"),r=require("./useHSModal.cjs.js"),d=require("./hsModal.module.css.cjs.js"),s=l=>{const{isOpen:e,closeModal:i,handleClick:n,handleOverlayClick:c}=r.useHSModal({id:l.id,initiallyOpen:l.initiallyOpen,trigger:l.trigger,onCloseCallback:l.onCloseCallback,onClickCallback:l.onClickCallback}),o=()=>{switch(l.type){case"mailchimp":return a.jsx(t.MailchimpModal,{...l,onCloseCallback:i,onClickCallback:n});default:return null}};return console.log(">>>>> isOpen: ",e),e?a.jsx("div",{className:d.default.overlay,onClick:c,children:o()}):null};exports.HSModal=s;

package/dist/modules/HSModal/HSModal.es.js

@@ -1,10 +1,10 @@
 "use client";
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as i } from "react/jsx-runtime";
 import { MailchimpModal as t } from "./components/MailchimpModal/MailchimpModal.es.js";
 import { useHSModal as r } from "./useHSModal.es.js";
 import C from "./hsModal.module.css.es.js";
 const u = (l) => {
-  const { isOpen: i, closeModal: a, handleClick: n, handleOverlayClick: o } = r({
+  const { isOpen: e, closeModal: n, handleClick: a, handleOverlayClick: o } = r({
     id: l.id,
     initiallyOpen: l.initiallyOpen,
     trigger: l.trigger,
@@ -13,12 +13,12 @@ const u = (l) => {
   }), c = () => {
     switch (l.type) {
       case "mailchimp":
-        return /* @__PURE__ */ e(t, { ...l, onCloseCallback: a, onClickCallback: n });
+        return /* @__PURE__ */ i(t, { ...l, onCloseCallback: n, onClickCallback: a });
       default:
         return null;
     }
   };
-  return i ? /* @__PURE__ */ e("div", { className: C.overlay, onClick: o, children: c() }) : null;
+  return console.log(">>>>> isOpen: ", e), e ? /* @__PURE__ */ i("div", { className: C.overlay, onClick: o, children: c() }) : null;
 };
 export {
   u as HSModal

package/dist/modules/HSModal/components/MailchimpModal/mailchimpModal.module.css.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="mailchimpModal-module__overlay___peQPr",t="mailchimpModal-module__contentWrapper___HpcOd",a="mailchimpModal-module__light___-lF5m",o="mailchimpModal-module__dark___7FKcx",_="mailchimpModal-module__content___xscO6",l="mailchimpModal-module__imageWrapper___lBCUP",m="mailchimpModal-module__text___t5kPi",i="mailchimpModal-module__image___2R979",c={overlay:e,contentWrapper:t,light:a,dark:o,content:_,imageWrapper:l,text:m,image:i};exports.content=_;exports.contentWrapper=t;exports.dark=o;exports.default=c;exports.image=i;exports.imageWrapper=l;exports.light=a;exports.overlay=e;exports.text=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="mailchimpModal-module__contentWrapper___HpcOd",t="mailchimpModal-module__light___-lF5m",a="mailchimpModal-module__dark___7FKcx",_="mailchimpModal-module__content___xscO6",o="mailchimpModal-module__imageWrapper___lBCUP",l="mailchimpModal-module__text___t5kPi",i="mailchimpModal-module__image___2R979",m={contentWrapper:e,light:t,dark:a,content:_,imageWrapper:o,text:l,image:i};exports.content=_;exports.contentWrapper=e;exports.dark=a;exports.default=m;exports.image=i;exports.imageWrapper=o;exports.light=t;exports.text=l;

package/dist/modules/HSModal/components/MailchimpModal/mailchimpModal.module.css.es.js

@@ -1,21 +1,19 @@
-const _ = "mailchimpModal-module__overlay___peQPr", a = "mailchimpModal-module__contentWrapper___HpcOd", e = "mailchimpModal-module__light___-lF5m", o = "mailchimpModal-module__dark___7FKcx", l = "mailchimpModal-module__content___xscO6", t = "mailchimpModal-module__imageWrapper___lBCUP", m = "mailchimpModal-module__text___t5kPi", c = "mailchimpModal-module__image___2R979", i = {
-  overlay: _,
-  contentWrapper: a,
-  light: e,
-  dark: o,
-  content: l,
-  imageWrapper: t,
-  text: m,
-  image: c
+const _ = "mailchimpModal-module__contentWrapper___HpcOd", t = "mailchimpModal-module__light___-lF5m", a = "mailchimpModal-module__dark___7FKcx", e = "mailchimpModal-module__content___xscO6", o = "mailchimpModal-module__imageWrapper___lBCUP", l = "mailchimpModal-module__text___t5kPi", m = "mailchimpModal-module__image___2R979", c = {
+  contentWrapper: _,
+  light: t,
+  dark: a,
+  content: e,
+  imageWrapper: o,
+  text: l,
+  image: m
 };
 export {
-  l as content,
-  a as contentWrapper,
-  o as dark,
-  i as default,
-  c as image,
-  t as imageWrapper,
-  e as light,
-  _ as overlay,
-  m as text
+  e as content,
+  _ as contentWrapper,
+  a as dark,
+  c as default,
+  m as image,
+  o as imageWrapper,
+  t as light,
+  l as text
 };

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

@@ -1,3 +1,3 @@
 export { HSModal } from './HSModal';
-export { useHSModal, shouldShowPopup, getDaysUntilNextShow } from './useHSModal';
+export { useHSModal } from './useHSModal';
 export type { TMailchimpModal, THSModal } from './types';

package/dist/modules/HSModal/useHSModal.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),m=7,i=24*60*60*1e3,w=o=>{try{const n=localStorage.getItem(`popup_${o}_lastShown`);if(!n)return!0;const e=parseInt(n,10);return(new Date().getTime()-e)/i>=m}catch(n){return console.warn("Error checking popup cooldown:",n),!0}},E=({id:o,initiallyOpen:n=!1,trigger:e,onCloseCallback:r,onClickCallback:u})=>{const[c,S]=t.useState(n),a=t.useCallback(()=>{w(o)&&S(!0)},[o]),d=t.useCallback(()=>{S(!1),r==null||r()},[r]),y=t.useCallback(()=>{u==null||u()},[u]);t.useEffect(()=>{if((e==null?void 0:e.type)==="timer"&&!c){const s=setTimeout(()=>{a()},e.delay*1e3);return()=>clearTimeout(s)}},[e,c,a]),t.useEffect(()=>{if(!c)return;const s=new Date().getTime();localStorage.setItem(`popup_${o}_lastShown`,s.toString());const h=window.getComputedStyle(document.body).overflow;document.body.style.overflow="hidden";const p=l=>{l.key==="Escape"&&d()};return document.addEventListener("keydown",p),()=>{document.body.style.overflow=h,document.removeEventListener("keydown",p)}},[c,d,o]);const f=t.useCallback(s=>{s.target===s.currentTarget&&d()},[d]);return{isOpen:c,openModal:a,closeModal:d,handleClick:y,handleOverlayClick:f}};exports.shouldShowPopup=w;exports.useHSModal=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),y=7*24*60*60*1e3,a="healthspanClosedModalList",f=()=>{try{return JSON.parse(localStorage.getItem(a)||"{}")}catch{return{}}},i=e=>{localStorage.setItem(a,JSON.stringify(e))},p=e=>{const o=f()[e];return!o||Date.now()>o},w=({id:e,initiallyOpen:l=!1,trigger:o,onCloseCallback:c,onClickCallback:u})=>{const[n,M]=s.useState(l),r=s.useCallback(()=>{p(e)&&M(!0)},[e]),d=s.useCallback(()=>{M(!1);const t=f();t[e]=Date.now()+y,i(t),c==null||c()},[e,c]),E=s.useCallback(()=>{u==null||u()},[u]);s.useEffect(()=>{if((o==null?void 0:o.type)==="timer"&&!n){const t=setTimeout(()=>{r()},o.delay*1e3);return()=>clearTimeout(t)}},[o,n,r]),s.useEffect(()=>{if(!n)return;const t=window.getComputedStyle(document.body).overflow;document.body.style.overflow="hidden";const S=O=>{O.key==="Escape"&&d()};return document.addEventListener("keydown",S),()=>{document.body.style.overflow=t,document.removeEventListener("keydown",S)}},[n,d,e]);const m=s.useCallback(t=>{t.target===t.currentTarget&&d()},[d]);return{isOpen:n,openModal:r,closeModal:d,handleClick:E,handleOverlayClick:m}};exports.CLOSED_MODALS_KEY=a;exports.REOPEN_TIMEOUT_MS=y;exports.useHSModal=w;

package/dist/modules/HSModal/useHSModal.d.ts

@@ -1,5 +1,5 @@
-export declare const shouldShowPopup: (id: string) => boolean;
-export declare const getDaysUntilNextShow: (id: string) => number;
+export declare const REOPEN_TIMEOUT_MS: number;
+export declare const CLOSED_MODALS_KEY = "healthspanClosedModalList";
 type UseHSModalProps = {
     id: string;
     initiallyOpen?: boolean;

package/dist/modules/HSModal/useHSModal.es.js

@@ -1,63 +1,65 @@
-import { useState as i, useCallback as d, useEffect as a } from "react";
-const E = 7, _ = 24 * 60 * 60 * 1e3, v = (t) => {
+import { useState as E, useCallback as c, useEffect as f } from "react";
+const h = 7 * 24 * 60 * 60 * 1e3, l = "healthspanClosedModalList", M = () => {
   try {
-    const o = localStorage.getItem(`popup_${t}_lastShown`);
-    if (!o)
-      return !0;
-    const e = parseInt(o, 10);
-    return ((/* @__PURE__ */ new Date()).getTime() - e) / _ >= E;
-  } catch (o) {
-    return console.warn("Error checking popup cooldown:", o), !0;
+    return JSON.parse(localStorage.getItem(l) || "{}");
+  } catch {
+    return {};
   }
+}, O = (e) => {
+  localStorage.setItem(l, JSON.stringify(e));
+}, i = (e) => {
+  const o = M()[e];
+  return !o || Date.now() > o;
 }, T = ({
-  id: t,
-  initiallyOpen: o = !1,
-  trigger: e,
-  onCloseCallback: s,
+  id: e,
+  initiallyOpen: a = !1,
+  trigger: o,
+  onCloseCallback: d,
   onClickCallback: r
 }) => {
-  const [u, w] = i(o), p = d(() => {
-    v(t) && w(!0);
-  }, [t]), c = d(() => {
-    w(!1), s == null || s();
-  }, [s]), m = d(() => {
+  const [s, m] = E(a), u = c(() => {
+    i(e) && m(!0);
+  }, [e]), n = c(() => {
+    m(!1);
+    const t = M();
+    t[e] = Date.now() + h, O(t), d == null || d();
+  }, [e, d]), p = c(() => {
     r == null || r();
   }, [r]);
-  a(() => {
-    if ((e == null ? void 0 : e.type) === "timer" && !u) {
-      const n = setTimeout(() => {
-        p();
-      }, e.delay * 1e3);
-      return () => clearTimeout(n);
+  f(() => {
+    if ((o == null ? void 0 : o.type) === "timer" && !s) {
+      const t = setTimeout(() => {
+        u();
+      }, o.delay * 1e3);
+      return () => clearTimeout(t);
     }
-  }, [e, u, p]), a(() => {
-    if (!u) return;
-    const n = (/* @__PURE__ */ new Date()).getTime();
-    localStorage.setItem(`popup_${t}_lastShown`, n.toString());
-    const f = window.getComputedStyle(document.body).overflow;
+  }, [o, s, u]), f(() => {
+    if (!s) return;
+    const t = window.getComputedStyle(document.body).overflow;
     document.body.style.overflow = "hidden";
-    const S = (h) => {
-      h.key === "Escape" && c();
+    const y = (w) => {
+      w.key === "Escape" && n();
     };
-    return document.addEventListener("keydown", S), () => {
-      document.body.style.overflow = f, document.removeEventListener("keydown", S);
+    return document.addEventListener("keydown", y), () => {
+      document.body.style.overflow = t, document.removeEventListener("keydown", y);
     };
-  }, [u, c, t]);
-  const y = d(
-    (n) => {
-      n.target === n.currentTarget && c();
+  }, [s, n, e]);
+  const S = c(
+    (t) => {
+      t.target === t.currentTarget && n();
     },
-    [c]
+    [n]
   );
   return {
-    isOpen: u,
-    openModal: p,
-    closeModal: c,
-    handleClick: m,
-    handleOverlayClick: y
+    isOpen: s,
+    openModal: u,
+    closeModal: n,
+    handleClick: p,
+    handleOverlayClick: S
   };
 };
 export {
-  v as shouldShowPopup,
+  l as CLOSED_MODALS_KEY,
+  h as REOPEN_TIMEOUT_MS,
   T as useHSModal
 };

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

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../../../components/Icon/Icon.cjs.js"),l=require("../../../../components/Icon/constants.cjs.js"),d=require("../../../../components/RadioButton/RadioButton.cjs.js"),t=require("../../../../components/Typography/Typography.cjs.js"),u=require("../../../../components/Label/Label.cjs.js"),n=require("../../../../utils/cn/cn.cjs.js"),i=require("../../../../utils/formatUnits/formatUnits.cjs.js"),a=require("./planCard.module.css.cjs.js"),m=({plan:s,isActive:r,onSelect:o})=>e.jsxs("button",{className:n.cn(a.default.root,r&&a.default.active),onClick:()=>o(s.id),children:[s.featured&&e.jsx(u.Label,{color:"black",className:a.default.label,size:"sm",children:"Most popular"}),e.jsxs("div",{className:a.default.planContainer,children:[e.jsxs("div",{className:a.default.planInfo,children:[e.jsx(d.RadioButton,{checked:r}),e.jsxs("div",{className:a.default.planDetails,children:[e.jsx(t.Typography,{as:"h4",defaultVariant:"bodySm",emphasis:!0,children:s.label}),!!s.savingsPercentage&&e.jsxs(t.Typography,{as:"p",defaultVariant:"labelXs",weight:"regular",className:a.default.description,children:["Save ",s.savingsPercentage,"%"]})]})]}),e.jsxs("div",{className:a.default.priceDetails,children:[e.jsxs("div",{className:n.cn(a.default.priceContainer),children:[s.price!==s.totalPrice&&e.jsx(t.Typography,{as:"p",defaultVariant:"bodySm",weight:"regular",className:a.default.totalPrice,children:i.formatUnits(s.price,"usd",0)}),e.jsx(t.Typography,{as:"p",defaultVariant:"bodySm",emphasis:!0,className:a.default.price,children:i.formatUnits(s.totalPrice,"usd",0)})]}),!!s.monthlyPrice&&e.jsxs(t.Typography,{as:"p",defaultVariant:"labelXs",weight:"regular",className:a.default.description,children:[i.formatUnits(s.monthlyPrice,"usd",0),"/mo"]})]})]}),!!s.duration&&s.duration!=="one-time"&&e.jsx("div",{className:n.cn(a.default.benefitsContainer,r&&a.default.benefitsActive),children:e.jsxs("div",{className:a.default.benefitsContent,children:[e.jsxs("div",{className:a.default.benefit,children:[e.jsx(c.Icon,{name:l.EIconName.ARROW_RETURN,className:a.default.benefitIcon}),e.jsx(t.Typography,{as:"p",defaultVariant:"bodyXs",children:"Delivered every month"})]}),e.jsxs("div",{className:a.default.benefit,children:[e.jsx(c.Icon,{name:l.EIconName.CALENDAR,className:a.default.benefitIcon}),e.jsx(t.Typography,{as:"p",defaultVariant:"bodyXs",children:"Modify or cancel anytime"})]})]})})]});exports.PlanCard=m;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../../../../components/Icon/Icon.cjs.js"),c=require("../../../../components/Icon/constants.cjs.js"),d=require("../../../../components/RadioButton/RadioButton.cjs.js"),t=require("../../../../components/Typography/Typography.cjs.js"),u=require("../../../../components/Label/Label.cjs.js"),r=require("../../../../utils/cn/cn.cjs.js"),i=require("../../../../utils/formatUnits/formatUnits.cjs.js"),a=require("./planCard.module.css.cjs.js"),m=({plan:s,isActive:n,onSelect:l})=>e.jsxs("button",{className:r.cn(a.default.root,n&&a.default.active),onClick:()=>l(s.id),children:[s.featured&&e.jsx(u.Label,{color:"black",className:a.default.label,size:"sm",children:"Most popular"}),e.jsxs("div",{className:a.default.planContainer,children:[e.jsxs("div",{className:a.default.planInfo,children:[e.jsx(d.RadioButton,{checked:n}),e.jsxs("div",{className:a.default.planDetails,children:[e.jsx(t.Typography,{as:"h4",defaultVariant:"bodySm",emphasis:!0,align:"left",children:s.label}),!!s.savingsPercentage&&e.jsxs(t.Typography,{as:"p",defaultVariant:"labelXs",weight:"regular",className:a.default.description,children:["Save ",s.savingsPercentage,"%"]})]})]}),e.jsxs("div",{className:a.default.priceDetails,children:[e.jsxs("div",{className:r.cn(a.default.priceContainer),children:[s.price!==s.totalPrice&&e.jsx(t.Typography,{as:"p",defaultVariant:"bodySm",weight:"regular",className:a.default.totalPrice,children:i.formatUnits(s.price,"usd",0)}),e.jsx(t.Typography,{as:"p",defaultVariant:"bodySm",emphasis:!0,className:a.default.price,children:i.formatUnits(s.totalPrice,"usd",0)})]}),!!s.monthlyPrice&&e.jsxs(t.Typography,{as:"p",defaultVariant:"labelXs",weight:"regular",className:a.default.description,children:[i.formatUnits(s.monthlyPrice,"usd",0),"/mo"]})]})]}),!!s.duration&&s.duration!=="one-time"&&e.jsx("div",{className:r.cn(a.default.benefitsContainer,n&&a.default.benefitsActive),children:e.jsxs("div",{className:a.default.benefitsContent,children:[e.jsxs("div",{className:a.default.benefit,children:[e.jsx(o.Icon,{name:c.EIconName.ARROW_RETURN,className:a.default.benefitIcon}),e.jsxs(t.Typography,{as:"p",defaultVariant:"bodyXs",children:["Delivered every"," ",s.durationAmount&&s.durationAmount>1?`${s.durationAmount} months`:"month"]})]}),e.jsxs("div",{className:a.default.benefit,children:[e.jsx(o.Icon,{name:c.EIconName.CALENDAR,className:a.default.benefitIcon}),e.jsx(t.Typography,{as:"p",defaultVariant:"bodyXs",children:"Modify or cancel anytime"})]})]})})]});exports.PlanCard=m;

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

@@ -1,20 +1,20 @@
 "use client";
 import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import { Icon as n } from "../../../../components/Icon/Icon.es.js";
-import { EIconName as o } from "../../../../components/Icon/constants.es.js";
+import { Icon as c } from "../../../../components/Icon/Icon.es.js";
+import { EIconName as l } from "../../../../components/Icon/constants.es.js";
 import { RadioButton as m } from "../../../../components/RadioButton/RadioButton.es.js";
 import { Typography as t } from "../../../../components/Typography/Typography.es.js";
 import { Label as h } from "../../../../components/Label/Label.es.js";
-import { cn as c } from "../../../../utils/cn/cn.es.js";
-import { formatUnits as l } from "../../../../utils/formatUnits/formatUnits.es.js";
+import { cn as o } from "../../../../utils/cn/cn.es.js";
+import { formatUnits as n } from "../../../../utils/formatUnits/formatUnits.es.js";
 import e from "./planCard.module.css.es.js";
-const C = ({ plan: a, isActive: s, onSelect: d }) => /* @__PURE__ */ i("button", { className: c(e.root, s && e.active), onClick: () => d(a.id), children: [
+const C = ({ plan: a, isActive: s, onSelect: d }) => /* @__PURE__ */ i("button", { className: o(e.root, s && e.active), onClick: () => d(a.id), children: [
   a.featured && /* @__PURE__ */ r(h, { color: "black", className: e.label, size: "sm", children: "Most popular" }),
   /* @__PURE__ */ i("div", { className: e.planContainer, children: [
     /* @__PURE__ */ i("div", { className: e.planInfo, children: [
       /* @__PURE__ */ r(m, { checked: s }),
       /* @__PURE__ */ i("div", { className: e.planDetails, children: [
-        /* @__PURE__ */ r(t, { as: "h4", defaultVariant: "bodySm", emphasis: !0, children: a.label }),
+        /* @__PURE__ */ r(t, { as: "h4", defaultVariant: "bodySm", emphasis: !0, align: "left", children: a.label }),
         !!a.savingsPercentage && /* @__PURE__ */ i(t, { as: "p", defaultVariant: "labelXs", weight: "regular", className: e.description, children: [
           "Save ",
           a.savingsPercentage,
@@ -23,23 +23,27 @@ const C = ({ plan: a, isActive: s, onSelect: d }) => /* @__PURE__ */ i("button",
       ] })
     ] }),
     /* @__PURE__ */ i("div", { className: e.priceDetails, children: [
-      /* @__PURE__ */ i("div", { className: c(e.priceContainer), children: [
-        a.price !== a.totalPrice && /* @__PURE__ */ r(t, { as: "p", defaultVariant: "bodySm", weight: "regular", className: e.totalPrice, children: l(a.price, "usd", 0) }),
-        /* @__PURE__ */ r(t, { as: "p", defaultVariant: "bodySm", emphasis: !0, className: e.price, children: l(a.totalPrice, "usd", 0) })
+      /* @__PURE__ */ i("div", { className: o(e.priceContainer), children: [
+        a.price !== a.totalPrice && /* @__PURE__ */ r(t, { as: "p", defaultVariant: "bodySm", weight: "regular", className: e.totalPrice, children: n(a.price, "usd", 0) }),
+        /* @__PURE__ */ r(t, { as: "p", defaultVariant: "bodySm", emphasis: !0, className: e.price, children: n(a.totalPrice, "usd", 0) })
       ] }),
       !!a.monthlyPrice && /* @__PURE__ */ i(t, { as: "p", defaultVariant: "labelXs", weight: "regular", className: e.description, children: [
-        l(a.monthlyPrice, "usd", 0),
+        n(a.monthlyPrice, "usd", 0),
         "/mo"
       ] })
     ] })
   ] }),
-  !!a.duration && a.duration !== "one-time" && /* @__PURE__ */ r("div", { className: c(e.benefitsContainer, s && e.benefitsActive), children: /* @__PURE__ */ i("div", { className: e.benefitsContent, children: [
+  !!a.duration && a.duration !== "one-time" && /* @__PURE__ */ r("div", { className: o(e.benefitsContainer, s && e.benefitsActive), children: /* @__PURE__ */ i("div", { className: e.benefitsContent, children: [
     /* @__PURE__ */ i("div", { className: e.benefit, children: [
-      /* @__PURE__ */ r(n, { name: o.ARROW_RETURN, className: e.benefitIcon }),
-      /* @__PURE__ */ r(t, { as: "p", defaultVariant: "bodyXs", children: "Delivered every month" })
+      /* @__PURE__ */ r(c, { name: l.ARROW_RETURN, className: e.benefitIcon }),
+      /* @__PURE__ */ i(t, { as: "p", defaultVariant: "bodyXs", children: [
+        "Delivered every",
+        " ",
+        a.durationAmount && a.durationAmount > 1 ? `${a.durationAmount} months` : "month"
+      ] })
     ] }),
     /* @__PURE__ */ i("div", { className: e.benefit, children: [
-      /* @__PURE__ */ r(n, { name: o.CALENDAR, className: e.benefitIcon }),
+      /* @__PURE__ */ r(c, { name: l.CALENDAR, className: e.benefitIcon }),
       /* @__PURE__ */ r(t, { as: "p", defaultVariant: "bodyXs", children: "Modify or cancel anytime" })
     ] })
   ] }) })

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

@@ -13,5 +13,6 @@ export type TProductPlan = {
     monthlyPrice?: number;
     savingsPercentage?: number;
     duration?: 'one-time' | 'day' | 'month' | 'year';
+    durationAmount?: number;
     featured?: boolean;
 };

package/dist/modules/LongevityPathways/LongevityPathways.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),o=require("../../components/ComplexImageCarousel/ComplexImageCarousel.cjs.js"),t=require("./longevityPathways.module.css.cjs.js"),r=({view:a,label:n,title:l,carousel:i})=>e.jsxs("section",{className:t.default.root,children:[e.jsx("div",{className:t.default.header,children:e.jsx(s.HighlightedTitle,{title:l,className:t.default.title,defaultVariant:"displayMd",mobileVariant:"headingXl"})}),e.jsx(o.ComplexImageCarousel,{images:i,view:a})]});exports.LongevityPathways=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),r=require("../../components/ComplexImageCarousel/ComplexImageCarousel.cjs.js"),t=require("./longevityPathways.module.css.cjs.js"),n=({view:a,label:i,title:l,carousel:s})=>e.jsxs("section",{className:t.default.root,children:[e.jsx("div",{className:t.default.header,children:e.jsx(o.HighlightedTitle,{title:l,label:i,className:t.default.title,defaultVariant:"displayMd",mobileVariant:"headingXl"})}),e.jsx(r.ComplexImageCarousel,{images:s,view:a})]});exports.LongevityPathways=n;

package/dist/modules/LongevityPathways/LongevityPathways.es.js

@@ -1,18 +1,19 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { HighlightedTitle as o } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
-import { ComplexImageCarousel as s } from "../../components/ComplexImageCarousel/ComplexImageCarousel.es.js";
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { HighlightedTitle as l } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
+import { ComplexImageCarousel as m } from "../../components/ComplexImageCarousel/ComplexImageCarousel.es.js";
 import a from "./longevityPathways.module.css.es.js";
-const p = ({ view: i, label: m, title: t, carousel: r }) => /* @__PURE__ */ l("section", { className: a.root, children: [
+const p = ({ view: i, label: t, title: r, carousel: o }) => /* @__PURE__ */ s("section", { className: a.root, children: [
   /* @__PURE__ */ e("div", { className: a.header, children: /* @__PURE__ */ e(
-    o,
+    l,
     {
-      title: t,
+      title: r,
+      label: t,
       className: a.title,
       defaultVariant: "displayMd",
       mobileVariant: "headingXl"
     }
   ) }),
-  /* @__PURE__ */ e(s, { images: r, view: i })
+  /* @__PURE__ */ e(m, { images: o, view: i })
 ] });
 export {
   p as LongevityPathways

package/dist/modules/OptimalHealth/components/ClockImages/ClockImages.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),g=require("../../../../node_modules/gsap/index.cjs.js"),y=require("../../../../node_modules/gsap/ScrollTrigger.cjs.js"),e=require("./clockImages.module.css.cjs.js"),f=require("../../../../utils/cn/cn.cjs.js"),q=require("react");g.gsap.registerPlugin(y.ScrollTrigger);const s=[{key:"smallSquareImage1",className:e.default.smallSquareImage,to:{x:100,y:60}},{key:"rectImage2",className:e.default.rectImage,to:{x:70,y:70}},{key:"smallSquareImage3",className:e.default.smallSquareImage,to:{x:40,y:60}},{key:"largeSquareImage4",className:e.default.largeSquareImage,to:{x:-110,y:55}},{key:"rectImage5",className:e.default.rectImage,to:{x:-150,y:69}},{key:"smallSquareImage6",className:e.default.smallSquareImage,to:{x:-100,y:9}},{key:"rectImage7",className:e.default.rectImage,to:{x:-65,y:-100}},{key:"smallSquareImage8",className:e.default.smallSquareImage,to:{x:50,y:-100}},{key:"rectImage9",className:e.default.rectImage,to:{x:50,y:-50}},{key:"largeSquareImage10",className:e.default.largeSquareImage,to:{x:56,y:13}}],S=({images:n})=>{const t=q.useRef(null),i=a=>{var c,o,m;const r=(c=t.current)==null?void 0:c.querySelector(`[data-ohealth-image-key="${a}"]`);if(!r)return;const d=((o=s.find(l=>l.key===a))==null?void 0:o.to.x)||0,I=((m=s.find(l=>l.key===a))==null?void 0:m.to.y)||0;g.gsap.fromTo(r,{x:0,y:0},{x:d,y:I,duration:5,ease:"power2.out",scrollTrigger:{trigger:t.current,start:"center center",end:"center center",once:!0,scrub:!1,toggleActions:"play none none reverse"}})};return u.jsx("div",{ref:t,className:e.default.root,children:s.map(({key:a,className:r})=>u.jsx("img",{src:n[a],className:f.cn(e.default.image,r,e.default[a]),"data-ohealth-image-key":a,alt:a,onLoad:()=>i(a)},a))})};exports.ClockImages=S;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),o=require("../../../../node_modules/gsap/index.cjs.js"),n=require("../../../../node_modules/gsap/ScrollTrigger.cjs.js"),e=require("./clockImages.module.css.cjs.js"),i=require("../../../../utils/cn/cn.cjs.js"),m=require("react");o.gsap.registerPlugin(n.ScrollTrigger);const g=[{key:"smallSquareImage1",className:e.default.smallSquareImage,to:{x:100,y:60}},{key:"rectImage2",className:e.default.rectImage,to:{x:70,y:70}},{key:"smallSquareImage3",className:e.default.smallSquareImage,to:{x:40,y:60}},{key:"largeSquareImage4",className:e.default.largeSquareImage,to:{x:-110,y:55}},{key:"rectImage5",className:e.default.rectImage,to:{x:-150,y:69}},{key:"smallSquareImage6",className:e.default.smallSquareImage,to:{x:-100,y:9}},{key:"rectImage7",className:e.default.rectImage,to:{x:-65,y:-100}},{key:"smallSquareImage8",className:e.default.smallSquareImage,to:{x:50,y:-100}},{key:"rectImage9",className:e.default.rectImage,to:{x:50,y:-50}},{key:"largeSquareImage10",className:e.default.largeSquareImage,to:{x:56,y:13}}],y=({images:l})=>{const r=m.useRef(null);return m.useEffect(()=>{r.current&&g.forEach(({key:a,to:t})=>{var c;const s=(c=r.current)==null?void 0:c.querySelector(`[data-ohealth-image-key="${a}"]`);s&&o.gsap.fromTo(s,{x:0,y:0},{x:t.x,y:t.y,duration:5,ease:"power2.out",scrollTrigger:{trigger:r.current,start:"center center",end:"center center",once:!0,scrub:!1,toggleActions:"play none none reverse"}})})},[l]),u.jsx("div",{ref:r,className:e.default.root,children:g.map(({key:a,className:t})=>u.jsx("img",{src:l[a],className:i.cn(e.default.image,t,e.default[a]),"data-ohealth-image-key":a,alt:a},a))})};exports.ClockImages=y;

package/dist/modules/OptimalHealth/components/ClockImages/ClockImages.es.js

@@ -1,12 +1,12 @@
 "use client";
-import { jsx as g } from "react/jsx-runtime";
-import { gsap as n } from "../../../../node_modules/gsap/index.es.js";
-import { ScrollTrigger as S } from "../../../../node_modules/gsap/ScrollTrigger.es.js";
+import { jsx as o } from "react/jsx-runtime";
+import { gsap as g } from "../../../../node_modules/gsap/index.es.js";
+import { ScrollTrigger as n } from "../../../../node_modules/gsap/ScrollTrigger.es.js";
 import e from "./clockImages.module.css.es.js";
-import { cn as x } from "../../../../utils/cn/cn.es.js";
-import { useRef as f } from "react";
-n.registerPlugin(S);
-const s = [
+import { cn as u } from "../../../../utils/cn/cn.es.js";
+import { useRef as i, useEffect as y } from "react";
+g.registerPlugin(n);
+const c = [
   { key: "smallSquareImage1", className: e.smallSquareImage, to: { x: 100, y: 60 } },
   { key: "rectImage2", className: e.rectImage, to: { x: 70, y: 70 } },
   { key: "smallSquareImage3", className: e.smallSquareImage, to: { x: 40, y: 60 } },
@@ -17,43 +17,42 @@ const s = [
   { key: "smallSquareImage8", className: e.smallSquareImage, to: { x: 50, y: -100 } },
   { key: "rectImage9", className: e.rectImage, to: { x: 50, y: -50 } },
   { key: "largeSquareImage10", className: e.largeSquareImage, to: { x: 56, y: 13 } }
-], C = ({ images: i }) => {
-  const t = f(null), u = (a) => {
-    var o, l, c;
-    const r = (o = t.current) == null ? void 0 : o.querySelector(`[data-ohealth-image-key="${a}"]`);
-    if (!r) return;
-    const I = ((l = s.find((m) => m.key === a)) == null ? void 0 : l.to.x) || 0, y = ((c = s.find((m) => m.key === a)) == null ? void 0 : c.to.y) || 0;
-    n.fromTo(
-      r,
-      { x: 0, y: 0 },
-      {
-        x: I,
-        y,
-        duration: 5,
-        ease: "power2.out",
-        scrollTrigger: {
-          trigger: t.current,
-          start: "center center",
-          end: "center center",
-          once: !0,
-          scrub: !1,
-          toggleActions: "play none none reverse"
+], p = ({ images: m }) => {
+  const r = i(null);
+  return y(() => {
+    r.current && c.forEach(({ key: a, to: t }) => {
+      var l;
+      const s = (l = r.current) == null ? void 0 : l.querySelector(`[data-ohealth-image-key="${a}"]`);
+      s && g.fromTo(
+        s,
+        { x: 0, y: 0 },
+        {
+          x: t.x,
+          y: t.y,
+          duration: 5,
+          ease: "power2.out",
+          scrollTrigger: {
+            trigger: r.current,
+            start: "center center",
+            end: "center center",
+            once: !0,
+            scrub: !1,
+            toggleActions: "play none none reverse"
+          }
         }
-      }
-    );
-  };
-  return /* @__PURE__ */ g("div", { ref: t, className: e.root, children: s.map(({ key: a, className: r }) => /* @__PURE__ */ g(
+      );
+    });
+  }, [m]), /* @__PURE__ */ o("div", { ref: r, className: e.root, children: c.map(({ key: a, className: t }) => /* @__PURE__ */ o(
     "img",
     {
-      src: i[a],
-      className: x(e.image, r, e[a]),
+      src: m[a],
+      className: u(e.image, t, e[a]),
       "data-ohealth-image-key": a,
-      alt: a,
-      onLoad: () => u(a)
+      alt: a
     },
     a
   )) });
 };
 export {
-  C as ClockImages
+  p as ClockImages
 };

package/dist/modules/ResearchStudies/ResearchStudies.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../components/Button/Button.cjs.js");require("../../components/Icon/Icon.cjs.js");const n=require("../../components/Icon/constants.cjs.js"),h=require("../../components/Typography/Typography.cjs.js"),m=require("./components/StudyCard/StudyCard.cjs.js"),x=require("./components/StudiesSkeleton/StudiesSkeleton.cjs.js"),s=require("./researchStudies.module.css.cjs.js"),f=6,p=({studies:d,hasMoreButton:l,title:o,backButton:r,loading:c,onClickShowMore:u})=>e.jsx("div",{className:s.default.root,children:e.jsxs("div",{className:s.default.container,children:[e.jsxs("div",{className:s.default.header,children:[r&&e.jsx("div",{className:s.default.backButton,children:e.jsx(t.Button,{as:"a",href:r.href,size:"xs",prefixIcon:n.EIconName.ARROW_BACK,variant:"ghost",children:r==null?void 0:r.label})}),e.jsx(h.Typography,{defaultVariant:"displayXs",mobileVariant:"headingLg",children:o})]}),e.jsxs("div",{className:s.default.studies,children:[d.map((a,i)=>e.jsx("div",{className:s.default.studyCard,children:e.jsx(m.StudyCard,{...a})},`${a.title}_${a.link}`)),c&&Array.from({length:f}).map((a,i)=>e.jsx("div",{className:s.default.studyCard,children:e.jsx(x.StudiesSkeleton,{},i)},i))]}),l&&e.jsx("div",{className:s.default.buttonContainer,children:e.jsx(t.Button,{size:"lg",variant:"muted",prefixIcon:n.EIconName.PLUS,onClick:u,children:"show more"})})]})});exports.ResearchStudies=p;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../components/Button/Button.cjs.js");require("../../components/Icon/Icon.cjs.js");const n=require("../../components/Icon/constants.cjs.js"),h=require("../../components/Typography/Typography.cjs.js"),m=require("./components/StudyCard/StudyCard.cjs.js"),f=require("./components/StudiesSkeleton/StudiesSkeleton.cjs.js"),s=require("./researchStudies.module.css.cjs.js"),p=6,x=({studies:d,hasMoreButton:l,title:o,backButton:r,loading:c,onClickShowMore:u})=>e.jsx("div",{className:s.default.root,children:e.jsxs("div",{className:s.default.container,children:[e.jsxs("div",{className:s.default.header,children:[r&&e.jsx("div",{className:s.default.backButton,children:e.jsx(t.Button,{as:"a",href:r.href,size:"xs",prefixIcon:n.EIconName.ARROW_BACK,variant:"ghost",children:r==null?void 0:r.label})}),e.jsx(h.Typography,{defaultVariant:"displayXs",mobileVariant:"headingLg",children:o})]}),e.jsxs("div",{className:s.default.studies,children:[d.map(a=>e.jsx("div",{className:s.default.studyCard,children:e.jsx(m.StudyCard,{...a})},`${a.title}_${a.link}`)),c&&Array.from({length:p}).map((a,i)=>e.jsx("div",{className:s.default.studyCard,children:e.jsx(f.StudiesSkeleton,{},i)},i))]}),l&&e.jsx("div",{className:s.default.buttonContainer,children:e.jsx(t.Button,{size:"lg",variant:"muted",prefixIcon:n.EIconName.PLUS,onClick:u,children:"show more"})})]})});exports.ResearchStudies=x;