@zenpatient-org/healthspan-marketing-ui 0.1.142 → 0.1.143
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 i=require("react/jsx-runtime"),
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),U=require("../../node_modules/@gsap/react/src/index.cjs.js"),e=require("../../node_modules/gsap/index.cjs.js"),P=require("../../node_modules/gsap/ScrollTrigger.cjs.js"),o=require("react"),k=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),G=require("../../components/Typography/Typography.cjs.js"),q=require("../../utils/cn/cn.cjs.js"),Y=require("../../utils/debounce.cjs.js"),F=require("../CallToAction/CallToAction.cjs.js"),a=require("./allInOne.module.css.cjs.js");e.gsap.registerPlugin(P.ScrollTrigger);const J=["health","energy","strength","smiles","balance","sleep","miles","love","fun","years"],{title1:X,title2:K,description:Q,scrollLabels:N,images:I,subtitle:Z,titleTop:ee,scrollableLabels:te,titleBottom:ie,descriptionText:se,hsaText:ae,buttonText:le,buttonLink:oe,backgroundImage:ne}={subtitle:i.jsx("p",{children:"YOUR LONGEVITY JOURNEY"}),titleTop:i.jsx("p",{children:"Get more"}),scrollableLabels:J,titleBottom:i.jsx("p",{children:"out of life"}),description:"It's time to shift our thinking from healthcare and lifespan to something deeper. Healthspan.",hsaText:"Healthspan is HSA/FSA Eligible",buttonText:"JOIN NOW",buttonLink:"https://app.gethealthspan.com/#/product/signup/6896e50bc0af7d4d26738948",backgroundImage:"https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_9_1_6d46345746.jpg",title1:i.jsx("p",{children:"Unlimited access to"}),title2:i.jsxs("p",{children:["our ",i.jsx("b",{children:"team and tools"})]}),descriptionText:"Healthspan is the only digital clinic that offers all your longevity needs in a single subscription.",scrollLabels:["Advanced labwork analysis","Research analysis","Dedicated physicians","Advanced biomarker profiling","Personalized health tracking","In house bioavailability testing","Advanced longevity protocols"],images:["https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_1_729dd70cbe.jpg","https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_2_3adf3d2087.jpg","https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_3_62002f2bdc.jpg","https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_4_e623019155.jpg","https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_5_bd81db569b.jpg","https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_6_e9d432735b.jpg","https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_7_3c396d9385.jpg","https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_8_ee8608b390.jpg","https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_9_1_6d46345746.jpg"]},re=()=>{const[T,L]=o.useState(!1),R=1300,b=o.useRef(null),c=o.useRef(null),f=o.useRef(null),h=o.useRef(null),m=o.useRef(null),p=o.useRef(null),v=o.useRef(!1),O=e.gsap.matchMedia();o.useEffect(()=>{v.current=T},[T]);const H=o.useCallback(()=>{if(!c.current||!b.current||!f.current||!h.current||!m.current||!p.current)return;const l=b.current,s=c.current,d=f.current,n=h.current,u=m.current,j=p.current,$=u.querySelectorAll("p");if($.length===0)return;$.forEach((r,t)=>{r.style.zIndex=String($.length-t)});const x=s.querySelectorAll('[data-type="image"]'),A=x.length;x.forEach((r,t)=>{r.style.zIndex=String(A-t)});const E=s.querySelector('[class*="callToActionContainer"]');T?E.style.zIndex=String(A+1):E.style.zIndex="1";const y=l.scrollHeight/A,B=.8;A>0&&x.forEach((r,t)=>{const S=t*y,_=(t+1)*y-B*y;e.gsap.fromTo([r,$[t]],{opacity:1},{opacity:0,scrollTrigger:{trigger:l,start:()=>`top+=${S} top`,end:()=>`top+=${_} top`,scrub:!0}})});const w=s.getBoundingClientRect(),D=d.getBoundingClientRect(),z=l.getBoundingClientRect();e.gsap.set(u,{y:`${w.bottom-z.top+20}px`}),O.add({isMobile:`(max-width: ${R-1}px)`,isDesktop:`(min-width: ${R}px)`},r=>{const t=r.conditions,S=t==null?void 0:t.isMobile;(t==null?void 0:t.isDesktop)&&(e.gsap.set(d,{x:`${w.left-D.width-50}px`}),e.gsap.set(n,{x:`${w.right+25}px`})),S&&(e.gsap.set(d,{top:`${w.top-n.clientHeight-25}px`}),e.gsap.set(n,{top:`${w.top-25}px`}))});const V=window.getComputedStyle(s).borderRadius;e.gsap.to(s,{scale:1,scrollTrigger:{trigger:l,start:"top top",end:"100% bottom",scrub:!0,onUpdate:r=>{if(!c.current||!p.current||!d||!n)return;const t=s.getBoundingClientRect();O.add({isMobile:`(max-width: ${R-1}px)`,isDesktop:`(min-width: ${R}px)`},_=>{const g=_.conditions,C=g==null?void 0:g.isMobile;(g==null?void 0:g.isDesktop)&&(e.gsap.set(d,{x:`${t.left-D.width-50}px`}),e.gsap.set(n,{x:`${t.right+25}px`})),C&&(e.gsap.set(d,{top:`${t.top-n.clientHeight-25}px`}),e.gsap.set(n,{top:`${t.top-25}px`}))}),e.gsap.set(u,{y:`${t.bottom+20}px`});const S=p.current.getBoundingClientRect();if(t.bottom+60>=S.top?e.gsap.to(j,{opacity:0,duration:.3}):e.gsap.to(j,{opacity:1,duration:.3}),r.progress>=.9)e.gsap.to(s,{scale:1,borderRadius:0,duration:.3,ease:"power1.inOut"}),v.current||(v.current=!0,L(!0),e.gsap.to([x,u.querySelectorAll("p")],{opacity:0,duration:.8,delay:.2,ease:"power2.out",overwrite:!0}));else if(e.gsap.to(s,{borderRadius:V,duration:.3,ease:"power1.inOut"}),v.current){v.current=!1,L(!1),e.gsap.set(s,{borderRadius:V}),e.gsap.killTweensOf([x,u.querySelectorAll("p")]);const _=u.querySelectorAll("p");x.forEach((g,C)=>{const M=C*y,W=(C+1)*y-B*y;e.gsap.fromTo([g,_[C]],{opacity:1},{opacity:0,scrollTrigger:{trigger:l,start:()=>`top+=${M} top`,end:()=>`top+=${W} top`,scrub:!0}})}),P.ScrollTrigger.refresh()}}}})},[c,f,h,m,p,T]);return U.useGSAP(()=>{if(!c.current||!b.current||!f.current||!h||!m.current||!p.current)return;const l=c.current,s=f.current,d=h.current,n=m.current,u=p.current;window.innerWidth<=R?e.gsap.set(l,{aspectRatio:`${window.innerWidth} / ${window.innerHeight}`,scale:.5}):e.gsap.set(l,{scale:.3,aspectRatio:`${window.innerWidth} / ${window.innerHeight}`}),H();const j=Y.default(H,600);return window.addEventListener("resize",()=>{j()}),()=>{window.removeEventListener("resize",j),e.gsap.killTweensOf([l,n,s,d,u])}},{scope:b,dependencies:[b,c,f,h,m,H]}),i.jsx("div",{className:a.default.root,children:i.jsx("div",{ref:b,className:a.default.container,children:i.jsxs("div",{className:a.default.pillContainerWrapper,children:[i.jsxs("div",{ref:c,className:q.cn("pillContainer",a.default.pillContainer),children:[I==null?void 0:I.map((l,s)=>i.jsx("div",{className:a.default.imageBlock,"data-type":"image",style:{backgroundImage:`url(${l})`}},s)),i.jsx("div",{className:a.default.callToActionContainer,children:T&&i.jsx(F.CallToAction,{subtitle:Z,titleTop:ee,scrollableLabels:te,titleBottom:ie,description:se,hsaText:ae,buttonText:le,buttonLink:oe,backgroundImage:ne})})]}),i.jsx("div",{ref:f,className:a.default.fixedHeader,children:i.jsx(k.HighlightedTitle,{className:a.default.title1,as:"div",defaultVariant:"displayXs",title:X})}),i.jsx("div",{ref:h,className:a.default.fixedHeader,children:i.jsx(k.HighlightedTitle,{className:a.default.title2,as:"div",defaultVariant:"displayXs",title:K})}),i.jsx("div",{ref:m,className:q.cn("scrollableLabels",a.default.scrollableLabels),children:N==null?void 0:N.map((l,s)=>i.jsx(G.Typography,{as:"p",defaultVariant:"labelLg",mobileVariant:"labelSm",className:a.default.scrollLabel,children:l},s))}),i.jsx("div",{ref:p,className:q.cn("description",a.default.description),children:i.jsx(k.HighlightedTitle,{as:"p",defaultVariant:"preambleMd",mobileVariant:"preambleSm",title:Q,className:a.default.descriptionText})})]})})})};exports.AllInOne=re;
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as i, jsxs as E } from "react/jsx-runtime";
|
|
3
|
-
import { useGSAP as
|
|
3
|
+
import { useGSAP as G } from "../../node_modules/@gsap/react/src/index.es.js";
|
|
4
4
|
import { gsap as e } from "../../node_modules/gsap/index.es.js";
|
|
5
|
-
import { ScrollTrigger as
|
|
6
|
-
import { useState as
|
|
5
|
+
import { ScrollTrigger as q } from "../../node_modules/gsap/ScrollTrigger.es.js";
|
|
6
|
+
import { useState as Y, useRef as g, useEffect as F, useCallback as J } from "react";
|
|
7
7
|
import { HighlightedTitle as N } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
|
|
8
|
-
import { Typography as
|
|
8
|
+
import { Typography as X } from "../../components/Typography/Typography.es.js";
|
|
9
9
|
import { cn as L } from "../../utils/cn/cn.es.js";
|
|
10
|
-
import
|
|
11
|
-
import { CallToAction as
|
|
10
|
+
import K from "../../utils/debounce.es.js";
|
|
11
|
+
import { CallToAction as Q } from "../CallToAction/CallToAction.es.js";
|
|
12
12
|
import r from "./allInOne.module.css.es.js";
|
|
13
|
-
e.registerPlugin(
|
|
14
|
-
const
|
|
13
|
+
e.registerPlugin(q);
|
|
14
|
+
const Z = [
|
|
15
15
|
"health",
|
|
16
16
|
"energy",
|
|
17
17
|
"strength",
|
|
@@ -23,29 +23,29 @@ const Q = [
|
|
|
23
23
|
"fun",
|
|
24
24
|
"years"
|
|
25
25
|
], {
|
|
26
|
-
title1:
|
|
27
|
-
title2:
|
|
28
|
-
description:
|
|
26
|
+
title1: ee,
|
|
27
|
+
title2: te,
|
|
28
|
+
description: ie,
|
|
29
29
|
scrollLabels: I,
|
|
30
30
|
images: j,
|
|
31
|
-
subtitle:
|
|
32
|
-
titleTop:
|
|
33
|
-
scrollableLabels:
|
|
34
|
-
titleBottom:
|
|
35
|
-
descriptionText:
|
|
31
|
+
subtitle: oe,
|
|
32
|
+
titleTop: re,
|
|
33
|
+
scrollableLabels: se,
|
|
34
|
+
titleBottom: ae,
|
|
35
|
+
descriptionText: ne,
|
|
36
36
|
hsaText: le,
|
|
37
|
-
buttonText:
|
|
38
|
-
buttonLink:
|
|
39
|
-
backgroundImage:
|
|
37
|
+
buttonText: ce,
|
|
38
|
+
buttonLink: pe,
|
|
39
|
+
backgroundImage: de
|
|
40
40
|
} = {
|
|
41
41
|
subtitle: /* @__PURE__ */ i("p", { children: "YOUR LONGEVITY JOURNEY" }),
|
|
42
42
|
titleTop: /* @__PURE__ */ i("p", { children: "Get more" }),
|
|
43
|
-
scrollableLabels:
|
|
43
|
+
scrollableLabels: Z,
|
|
44
44
|
titleBottom: /* @__PURE__ */ i("p", { children: "out of life" }),
|
|
45
45
|
description: "It's time to shift our thinking from healthcare and lifespan to something deeper. Healthspan.",
|
|
46
46
|
hsaText: "Healthspan is HSA/FSA Eligible",
|
|
47
47
|
buttonText: "JOIN NOW",
|
|
48
|
-
buttonLink: "
|
|
48
|
+
buttonLink: "https://app.gethealthspan.com/#/product/signup/6896e50bc0af7d4d26738948",
|
|
49
49
|
backgroundImage: "https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_9_1_6d46345746.jpg",
|
|
50
50
|
title1: /* @__PURE__ */ i("p", { children: "Unlimited access to" }),
|
|
51
51
|
title2: /* @__PURE__ */ E("p", { children: [
|
|
@@ -73,62 +73,64 @@ const Q = [
|
|
|
73
73
|
"https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_8_ee8608b390.jpg",
|
|
74
74
|
"https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_9_1_6d46345746.jpg"
|
|
75
75
|
]
|
|
76
|
-
},
|
|
77
|
-
const [
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
}, [
|
|
81
|
-
const H =
|
|
82
|
-
if (!
|
|
76
|
+
}, Te = () => {
|
|
77
|
+
const [_, B] = Y(!1), w = 1300, b = g(null), l = g(null), u = g(null), f = g(null), h = g(null), c = g(null), R = g(!1), D = e.matchMedia();
|
|
78
|
+
F(() => {
|
|
79
|
+
R.current = _;
|
|
80
|
+
}, [_]);
|
|
81
|
+
const H = J(() => {
|
|
82
|
+
if (!l.current || !b.current || !u.current || !f.current || !h.current || !c.current)
|
|
83
83
|
return;
|
|
84
|
-
const s = b.current, o =
|
|
85
|
-
if (
|
|
86
|
-
|
|
87
|
-
|
|
84
|
+
const s = b.current, o = l.current, p = u.current, a = f.current, d = h.current, T = c.current, k = d.querySelectorAll("p");
|
|
85
|
+
if (k.length === 0) return;
|
|
86
|
+
k.forEach((n, t) => {
|
|
87
|
+
n.style.zIndex = String(k.length - t);
|
|
88
88
|
});
|
|
89
89
|
const y = o.querySelectorAll('[data-type="image"]'), A = y.length;
|
|
90
|
-
y.forEach((
|
|
91
|
-
|
|
90
|
+
y.forEach((n, t) => {
|
|
91
|
+
n.style.zIndex = String(A - t);
|
|
92
92
|
});
|
|
93
|
-
const
|
|
94
|
-
|
|
95
|
-
|
|
93
|
+
const O = o.querySelector('[class*="callToActionContainer"]');
|
|
94
|
+
_ ? O.style.zIndex = String(A + 1) : O.style.zIndex = "1";
|
|
95
|
+
const x = s.scrollHeight / A, V = 0.8;
|
|
96
|
+
A > 0 && y.forEach((n, t) => {
|
|
97
|
+
const S = t * x, v = (t + 1) * x - V * x;
|
|
96
98
|
e.fromTo(
|
|
97
|
-
[
|
|
99
|
+
[n, k[t]],
|
|
98
100
|
{ opacity: 1 },
|
|
99
101
|
{
|
|
100
102
|
opacity: 0,
|
|
101
103
|
scrollTrigger: {
|
|
102
104
|
trigger: s,
|
|
103
|
-
start: () => `top+=${
|
|
105
|
+
start: () => `top+=${S} top`,
|
|
104
106
|
end: () => `top+=${v} top`,
|
|
105
107
|
scrub: !0
|
|
106
108
|
}
|
|
107
109
|
}
|
|
108
110
|
);
|
|
109
111
|
});
|
|
110
|
-
const
|
|
112
|
+
const C = o.getBoundingClientRect(), M = p.getBoundingClientRect(), W = s.getBoundingClientRect();
|
|
111
113
|
e.set(d, {
|
|
112
|
-
y: `${
|
|
114
|
+
y: `${C.bottom - W.top + 20}px`
|
|
113
115
|
}), D.add(
|
|
114
116
|
{
|
|
115
|
-
isMobile: `(max-width: ${
|
|
116
|
-
isDesktop: `(min-width: ${
|
|
117
|
+
isMobile: `(max-width: ${w - 1}px)`,
|
|
118
|
+
isDesktop: `(min-width: ${w}px)`
|
|
117
119
|
},
|
|
118
|
-
(
|
|
119
|
-
const t =
|
|
120
|
+
(n) => {
|
|
121
|
+
const t = n.conditions, S = t == null ? void 0 : t.isMobile;
|
|
120
122
|
(t == null ? void 0 : t.isDesktop) && (e.set(p, {
|
|
121
|
-
x: `${
|
|
123
|
+
x: `${C.left - M.width - 50}px`
|
|
122
124
|
}), e.set(a, {
|
|
123
|
-
x: `${
|
|
124
|
-
})),
|
|
125
|
-
top: `${
|
|
125
|
+
x: `${C.right + 25}px`
|
|
126
|
+
})), S && (e.set(p, {
|
|
127
|
+
top: `${C.top - a.clientHeight - 25}px`
|
|
126
128
|
}), e.set(a, {
|
|
127
|
-
top: `${
|
|
129
|
+
top: `${C.top - 25}px`
|
|
128
130
|
}));
|
|
129
131
|
}
|
|
130
132
|
);
|
|
131
|
-
const
|
|
133
|
+
const P = window.getComputedStyle(o).borderRadius;
|
|
132
134
|
e.to(o, {
|
|
133
135
|
scale: 1,
|
|
134
136
|
scrollTrigger: {
|
|
@@ -136,22 +138,22 @@ const Q = [
|
|
|
136
138
|
start: "top top",
|
|
137
139
|
end: "100% bottom",
|
|
138
140
|
scrub: !0,
|
|
139
|
-
onUpdate: (
|
|
140
|
-
if (!
|
|
141
|
+
onUpdate: (n) => {
|
|
142
|
+
if (!l.current || !c.current || !p || !a)
|
|
141
143
|
return;
|
|
142
144
|
const t = o.getBoundingClientRect();
|
|
143
145
|
D.add(
|
|
144
146
|
{
|
|
145
|
-
isMobile: `(max-width: ${
|
|
146
|
-
isDesktop: `(min-width: ${
|
|
147
|
+
isMobile: `(max-width: ${w - 1}px)`,
|
|
148
|
+
isDesktop: `(min-width: ${w}px)`
|
|
147
149
|
},
|
|
148
150
|
(v) => {
|
|
149
|
-
const m = v.conditions,
|
|
151
|
+
const m = v.conditions, $ = m == null ? void 0 : m.isMobile;
|
|
150
152
|
(m == null ? void 0 : m.isDesktop) && (e.set(p, {
|
|
151
|
-
x: `${t.left -
|
|
153
|
+
x: `${t.left - M.width - 50}px`
|
|
152
154
|
}), e.set(a, {
|
|
153
155
|
x: `${t.right + 25}px`
|
|
154
|
-
})),
|
|
156
|
+
})), $ && (e.set(p, {
|
|
155
157
|
top: `${t.top - a.clientHeight - 25}px`
|
|
156
158
|
}), e.set(a, {
|
|
157
159
|
top: `${t.top - 25}px`
|
|
@@ -160,14 +162,14 @@ const Q = [
|
|
|
160
162
|
), e.set(d, {
|
|
161
163
|
y: `${t.bottom + 20}px`
|
|
162
164
|
});
|
|
163
|
-
const
|
|
164
|
-
if (t.bottom + 60 >=
|
|
165
|
+
const S = c.current.getBoundingClientRect();
|
|
166
|
+
if (t.bottom + 60 >= S.top ? e.to(T, { opacity: 0, duration: 0.3 }) : e.to(T, { opacity: 1, duration: 0.3 }), n.progress >= 0.9)
|
|
165
167
|
e.to(o, {
|
|
166
168
|
scale: 1,
|
|
167
169
|
borderRadius: 0,
|
|
168
170
|
duration: 0.3,
|
|
169
171
|
ease: "power1.inOut"
|
|
170
|
-
}),
|
|
172
|
+
}), R.current || (R.current = !0, B(!0), e.to([y, d.querySelectorAll("p")], {
|
|
171
173
|
opacity: 0,
|
|
172
174
|
duration: 0.8,
|
|
173
175
|
delay: 0.2,
|
|
@@ -175,57 +177,64 @@ const Q = [
|
|
|
175
177
|
overwrite: !0
|
|
176
178
|
}));
|
|
177
179
|
else if (e.to(o, {
|
|
178
|
-
borderRadius:
|
|
180
|
+
borderRadius: P,
|
|
179
181
|
duration: 0.3,
|
|
180
182
|
ease: "power1.inOut"
|
|
181
|
-
}),
|
|
182
|
-
|
|
183
|
+
}), R.current) {
|
|
184
|
+
R.current = !1, B(!1), e.set(o, { borderRadius: P }), e.killTweensOf([y, d.querySelectorAll("p")]);
|
|
183
185
|
const v = d.querySelectorAll("p");
|
|
184
|
-
y.forEach((m,
|
|
185
|
-
const
|
|
186
|
+
y.forEach((m, $) => {
|
|
187
|
+
const z = $ * x, U = ($ + 1) * x - V * x;
|
|
186
188
|
e.fromTo(
|
|
187
|
-
[m, v[
|
|
189
|
+
[m, v[$]],
|
|
188
190
|
{ opacity: 1 },
|
|
189
191
|
{
|
|
190
192
|
opacity: 0,
|
|
191
193
|
scrollTrigger: {
|
|
192
194
|
trigger: s,
|
|
193
|
-
start: () => `top+=${
|
|
194
|
-
end: () => `top+=${
|
|
195
|
+
start: () => `top+=${z} top`,
|
|
196
|
+
end: () => `top+=${U} top`,
|
|
195
197
|
scrub: !0
|
|
196
198
|
}
|
|
197
199
|
}
|
|
198
200
|
);
|
|
199
|
-
}),
|
|
201
|
+
}), q.refresh();
|
|
200
202
|
}
|
|
201
203
|
}
|
|
202
204
|
}
|
|
203
205
|
});
|
|
204
|
-
}, [
|
|
205
|
-
|
|
206
|
+
}, [
|
|
207
|
+
l,
|
|
208
|
+
u,
|
|
209
|
+
f,
|
|
210
|
+
h,
|
|
211
|
+
c,
|
|
212
|
+
_
|
|
213
|
+
]);
|
|
214
|
+
return G(
|
|
206
215
|
() => {
|
|
207
|
-
if (!
|
|
216
|
+
if (!l.current || !b.current || !u.current || !f || !h.current || !c.current)
|
|
208
217
|
return;
|
|
209
|
-
const s =
|
|
210
|
-
window.innerWidth <=
|
|
218
|
+
const s = l.current, o = u.current, p = f.current, a = h.current, d = c.current;
|
|
219
|
+
window.innerWidth <= w ? e.set(s, {
|
|
211
220
|
aspectRatio: `${window.innerWidth} / ${window.innerHeight}`,
|
|
212
221
|
scale: 0.5
|
|
213
222
|
}) : e.set(s, {
|
|
214
223
|
scale: 0.3,
|
|
215
224
|
aspectRatio: `${window.innerWidth} / ${window.innerHeight}`
|
|
216
225
|
}), H();
|
|
217
|
-
const
|
|
226
|
+
const T = K(H, 600);
|
|
218
227
|
return window.addEventListener("resize", () => {
|
|
219
|
-
|
|
228
|
+
T();
|
|
220
229
|
}), () => {
|
|
221
|
-
window.removeEventListener("resize",
|
|
230
|
+
window.removeEventListener("resize", T), e.killTweensOf([s, a, o, p, d]);
|
|
222
231
|
};
|
|
223
232
|
},
|
|
224
233
|
{
|
|
225
234
|
scope: b,
|
|
226
235
|
dependencies: [
|
|
227
236
|
b,
|
|
228
|
-
|
|
237
|
+
l,
|
|
229
238
|
u,
|
|
230
239
|
f,
|
|
231
240
|
h,
|
|
@@ -233,7 +242,7 @@ const Q = [
|
|
|
233
242
|
]
|
|
234
243
|
}
|
|
235
244
|
), /* @__PURE__ */ i("div", { className: r.root, children: /* @__PURE__ */ i("div", { ref: b, className: r.container, children: /* @__PURE__ */ E("div", { className: r.pillContainerWrapper, children: [
|
|
236
|
-
/* @__PURE__ */ E("div", { ref:
|
|
245
|
+
/* @__PURE__ */ E("div", { ref: l, className: L("pillContainer", r.pillContainer), children: [
|
|
237
246
|
j == null ? void 0 : j.map((s, o) => /* @__PURE__ */ i(
|
|
238
247
|
"div",
|
|
239
248
|
{
|
|
@@ -243,18 +252,18 @@ const Q = [
|
|
|
243
252
|
},
|
|
244
253
|
o
|
|
245
254
|
)),
|
|
246
|
-
/* @__PURE__ */ i("div", { className: r.callToActionContainer, children:
|
|
247
|
-
|
|
255
|
+
/* @__PURE__ */ i("div", { className: r.callToActionContainer, children: _ && /* @__PURE__ */ i(
|
|
256
|
+
Q,
|
|
248
257
|
{
|
|
249
|
-
subtitle:
|
|
250
|
-
titleTop:
|
|
251
|
-
scrollableLabels:
|
|
252
|
-
titleBottom:
|
|
253
|
-
description:
|
|
258
|
+
subtitle: oe,
|
|
259
|
+
titleTop: re,
|
|
260
|
+
scrollableLabels: se,
|
|
261
|
+
titleBottom: ae,
|
|
262
|
+
description: ne,
|
|
254
263
|
hsaText: le,
|
|
255
|
-
buttonText:
|
|
256
|
-
buttonLink:
|
|
257
|
-
backgroundImage:
|
|
264
|
+
buttonText: ce,
|
|
265
|
+
buttonLink: pe,
|
|
266
|
+
backgroundImage: de
|
|
258
267
|
}
|
|
259
268
|
) })
|
|
260
269
|
] }),
|
|
@@ -264,7 +273,7 @@ const Q = [
|
|
|
264
273
|
className: r.title1,
|
|
265
274
|
as: "div",
|
|
266
275
|
defaultVariant: "displayXs",
|
|
267
|
-
title:
|
|
276
|
+
title: ee
|
|
268
277
|
}
|
|
269
278
|
) }),
|
|
270
279
|
/* @__PURE__ */ i("div", { ref: f, className: r.fixedHeader, children: /* @__PURE__ */ i(
|
|
@@ -273,11 +282,11 @@ const Q = [
|
|
|
273
282
|
className: r.title2,
|
|
274
283
|
as: "div",
|
|
275
284
|
defaultVariant: "displayXs",
|
|
276
|
-
title:
|
|
285
|
+
title: te
|
|
277
286
|
}
|
|
278
287
|
) }),
|
|
279
288
|
/* @__PURE__ */ i("div", { ref: h, className: L("scrollableLabels", r.scrollableLabels), children: I == null ? void 0 : I.map((s, o) => /* @__PURE__ */ i(
|
|
280
|
-
|
|
289
|
+
X,
|
|
281
290
|
{
|
|
282
291
|
as: "p",
|
|
283
292
|
defaultVariant: "labelLg",
|
|
@@ -293,12 +302,12 @@ const Q = [
|
|
|
293
302
|
as: "p",
|
|
294
303
|
defaultVariant: "preambleMd",
|
|
295
304
|
mobileVariant: "preambleSm",
|
|
296
|
-
title:
|
|
305
|
+
title: ie,
|
|
297
306
|
className: r.descriptionText
|
|
298
307
|
}
|
|
299
308
|
) })
|
|
300
309
|
] }) }) });
|
|
301
310
|
};
|
|
302
311
|
export {
|
|
303
|
-
|
|
312
|
+
Te as AllInOne
|
|
304
313
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),i=require("../../components/Button/Button.cjs.js"),n=require("../../components/FAQComponent/FAQComponent.cjs.js"),t=require("./faqModule.module.css.cjs.js"),a=({title:l,questions:s})=>e.jsx("section",{className:t.default.root,children:e.jsxs("div",{className:t.default.container,children:[e.jsxs("div",{className:t.default.header,children:[e.jsx(o.HighlightedTitle,{title:l,defaultVariant:"displayMd",mobileVariant:"headingXl"}),e.jsx("div",{className:t.default.buttonWrapperDesktop,children:e.jsx(i.Button,{variant:"muted",size:"lg",as:"a",href:"/faqs",children:"VIEW ALL FAQ"})}),e.jsx("div",{className:t.default.buttonWrapperMobile,children:e.jsx(i.Button,{variant:"muted",size:"sm",as:"a",href:"/faqs",children:"VIEW ALL FAQ"})})]}),e.jsx("div",{className:t.default.contentDesktop,children:e.jsx(n.FAQComponent,{items:s,mode:"multiple"})}),e.jsx("div",{className:t.default.contentMobile,children:e.jsx(n.FAQComponent,{items:s,mode:"multiple"})})]})});exports.FAQModule=a;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { jsx as e, jsxs as a } from "react/jsx-runtime";
|
|
2
|
-
import { HighlightedTitle as
|
|
2
|
+
import { HighlightedTitle as o } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
|
|
3
3
|
import { Button as r } from "../../components/Button/Button.es.js";
|
|
4
4
|
import { FAQComponent as l } from "../../components/FAQComponent/FAQComponent.es.js";
|
|
5
5
|
import i from "./faqModule.module.css.es.js";
|
|
6
|
-
const h = ({ title:
|
|
6
|
+
const h = ({ title: s, questions: t }) => /* @__PURE__ */ e("section", { className: i.root, children: /* @__PURE__ */ a("div", { className: i.container, children: [
|
|
7
7
|
/* @__PURE__ */ a("div", { className: i.header, children: [
|
|
8
|
-
/* @__PURE__ */ e(
|
|
9
|
-
/* @__PURE__ */ e("div", { className: i.buttonWrapperDesktop, children: /* @__PURE__ */ e(r, { variant: "muted", size: "lg", as: "a", href: "/
|
|
10
|
-
/* @__PURE__ */ e("div", { className: i.buttonWrapperMobile, children: /* @__PURE__ */ e(r, { variant: "muted", size: "sm", as: "a", href: "/
|
|
8
|
+
/* @__PURE__ */ e(o, { title: s, defaultVariant: "displayMd", mobileVariant: "headingXl" }),
|
|
9
|
+
/* @__PURE__ */ e("div", { className: i.buttonWrapperDesktop, children: /* @__PURE__ */ e(r, { variant: "muted", size: "lg", as: "a", href: "/faqs", children: "VIEW ALL FAQ" }) }),
|
|
10
|
+
/* @__PURE__ */ e("div", { className: i.buttonWrapperMobile, children: /* @__PURE__ */ e(r, { variant: "muted", size: "sm", as: "a", href: "/faqs", children: "VIEW ALL FAQ" }) })
|
|
11
11
|
] }),
|
|
12
12
|
/* @__PURE__ */ e("div", { className: i.contentDesktop, children: /* @__PURE__ */ e(l, { items: t, mode: "multiple" }) }),
|
|
13
13
|
/* @__PURE__ */ e("div", { className: i.contentMobile, children: /* @__PURE__ */ e(l, { items: t, mode: "multiple" }) })
|