@zenpatient-org/healthspan-marketing-ui 0.1.24 → 0.1.26
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/healthspan-marketing-ui.css +1 -1
- package/dist/modules/Benefits/Benefits.cjs.js +1 -1
- package/dist/modules/Benefits/Benefits.es.js +8 -8
- package/dist/modules/Benefits/benefits.module.css.cjs.js +1 -1
- package/dist/modules/Benefits/benefits.module.css.es.js +17 -15
- package/dist/modules/Callback/Callback.cjs.js +1 -1
- package/dist/modules/Callback/Callback.es.js +18 -18
- package/dist/modules/Callback/callback.module.css.cjs.js +1 -1
- package/dist/modules/Callback/callback.module.css.es.js +8 -6
- package/dist/modules/Compare/Compare.cjs.js +1 -1
- package/dist/modules/Compare/Compare.es.js +13 -13
- package/dist/modules/Compare/compare.module.css.cjs.js +1 -1
- package/dist/modules/Compare/compare.module.css.es.js +10 -8
- package/dist/modules/Comparison/Comparison.cjs.js +1 -1
- package/dist/modules/Comparison/Comparison.es.js +18 -9
- package/dist/modules/Comparison/comparison.module.css.cjs.js +1 -1
- package/dist/modules/Comparison/comparison.module.css.es.js +34 -32
- package/dist/modules/FAQ/FAQ.cjs.js +1 -1
- package/dist/modules/FAQ/FAQ.es.js +6 -6
- package/dist/modules/FAQ/faq.module.css.cjs.js +1 -1
- package/dist/modules/FAQ/faq.module.css.es.js +13 -11
- package/dist/modules/FeaturedIn/FeaturedIn.cjs.js +1 -1
- package/dist/modules/FeaturedIn/FeaturedIn.es.js +7 -7
- package/dist/modules/FollowTheScience/FollowTheScience.cjs.js +1 -1
- package/dist/modules/FollowTheScience/FollowTheScience.es.js +45 -43
- package/dist/modules/FollowTheScience/followTheScience.module.css.cjs.js +1 -1
- package/dist/modules/FollowTheScience/followTheScience.module.css.es.js +10 -8
- package/dist/modules/ImageWithText/ImageWithText.cjs.js +1 -1
- package/dist/modules/ImageWithText/ImageWithText.es.js +13 -13
- package/dist/modules/ImageWithText/imageWithText.module.css.cjs.js +1 -1
- package/dist/modules/ImageWithText/imageWithText.module.css.es.js +18 -16
- package/dist/modules/LongevityPathways/LongevityPathways.cjs.js +1 -1
- package/dist/modules/LongevityPathways/LongevityPathways.es.js +4 -4
- package/dist/modules/ProductsDisplay/ProductsDisplay.cjs.js +1 -1
- package/dist/modules/ProductsDisplay/ProductsDisplay.es.js +4 -4
- package/dist/modules/ProductsDisplay/components/ProductsDisplayTabs/productsDisplayTabs.module.css.cjs.js +1 -1
- package/dist/modules/ProductsDisplay/components/ProductsDisplayTabs/productsDisplayTabs.module.css.es.js +5 -5
- package/dist/modules/SlidingTabsGallery/SlidingTabsGallery.cjs.js +1 -1
- package/dist/modules/SlidingTabsGallery/SlidingTabsGallery.d.ts +3 -2
- package/dist/modules/SlidingTabsGallery/SlidingTabsGallery.es.js +93 -89
- package/dist/modules/SlidingTabsGallery/SlidingTabsGallery.module.css.cjs.js +1 -1
- package/dist/modules/SlidingTabsGallery/SlidingTabsGallery.module.css.es.js +23 -21
- package/dist/modules/Studies/Studies.cjs.js +1 -1
- package/dist/modules/Studies/Studies.es.js +16 -16
- package/dist/modules/Studies/studies.module.css.cjs.js +1 -1
- package/dist/modules/Studies/studies.module.css.es.js +14 -12
- package/dist/modules/TargetedPrograms/TargetedPrograms.cjs.js +1 -1
- package/dist/modules/TargetedPrograms/TargetedPrograms.es.js +9 -9
- package/dist/modules/Testimonial/Testimonial.cjs.js +1 -1
- package/dist/modules/Testimonial/Testimonial.d.ts +2 -2
- package/dist/modules/Testimonial/Testimonial.es.js +18 -18
- package/dist/modules/Testimonial/components/TextCard/TextCard.cjs.js +1 -1
- package/dist/modules/Testimonial/components/TextCard/TextCard.es.js +31 -28
- package/dist/modules/Testimonial/components/VideoCard/VideoCard.cjs.js +1 -1
- package/dist/modules/Testimonial/components/VideoCard/VideoCard.es.js +26 -25
- package/dist/modules/Testimonial/types.d.ts +5 -4
- package/dist/modules/YourProtocol/YourProtocol.cjs.js +1 -1
- package/dist/modules/YourProtocol/YourProtocol.es.js +21 -21
- package/dist/modules/YourProtocol/yourProtocol.module.css.cjs.js +1 -1
- package/dist/modules/YourProtocol/yourProtocol.module.css.es.js +12 -10
- package/dist/pageComponents/Bubbles/Bubbles.cjs.js +1 -0
- package/dist/pageComponents/Bubbles/Bubbles.d.ts +3 -0
- package/dist/pageComponents/Bubbles/Bubbles.es.js +28 -0
- package/dist/pageComponents/Bubbles/bubbles.module.css.cjs.js +1 -0
- package/dist/pageComponents/Bubbles/bubbles.module.css.es.js +13 -0
- package/dist/pageComponents/Bubbles/index.d.ts +1 -0
- package/dist/pageComponents/Gradient/Gradient.cjs.js +1 -0
- package/dist/pageComponents/Gradient/Gradient.es.js +9 -0
- package/dist/pageComponents/Gradient/gradient.module.css.cjs.js +1 -0
- package/dist/pageComponents/Gradient/gradient.module.css.es.js +13 -0
- package/dist/pageComponents/StillHaveQuestions/StillHaveQuestions.cjs.js +1 -0
- package/dist/pageComponents/StillHaveQuestions/StillHaveQuestions.es.js +25 -0
- package/dist/pageComponents/StillHaveQuestions/stillHaveQuestions.module.css.cjs.js +1 -0
- package/dist/pageComponents/StillHaveQuestions/stillHaveQuestions.module.css.es.js +17 -0
- package/package.json +16 -1
|
@@ -1,29 +1,31 @@
|
|
|
1
|
-
const
|
|
2
|
-
root:
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
1
|
+
const _ = "SlidingTabsGallery-module__root___BsvYn", e = "SlidingTabsGallery-module__bubbles___XumkJ", a = "SlidingTabsGallery-module__container___vP0rd", l = "SlidingTabsGallery-module__header___eJQXu", t = "SlidingTabsGallery-module__content___jjd1o", n = "SlidingTabsGallery-module__tabsContainer___Se1lx", o = "SlidingTabsGallery-module__tabs___ZEKrF", i = "SlidingTabsGallery-module__tab___Ztklx", s = "SlidingTabsGallery-module__active___XatLw", r = "SlidingTabsGallery-module__marker___c5lgj", d = "SlidingTabsGallery-module__imageWrap___OWtqZ", b = "SlidingTabsGallery-module__description___JBoEm", c = "SlidingTabsGallery-module__image___E02Sh", m = {
|
|
2
|
+
root: _,
|
|
3
|
+
bubbles: e,
|
|
4
|
+
container: a,
|
|
5
|
+
header: l,
|
|
6
|
+
content: t,
|
|
7
|
+
tabsContainer: n,
|
|
8
|
+
tabs: o,
|
|
9
|
+
tab: i,
|
|
10
|
+
active: s,
|
|
10
11
|
marker: r,
|
|
11
|
-
imageWrap:
|
|
12
|
-
description:
|
|
12
|
+
imageWrap: d,
|
|
13
|
+
description: b,
|
|
13
14
|
image: c
|
|
14
15
|
};
|
|
15
16
|
export {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
17
|
+
s as active,
|
|
18
|
+
e as bubbles,
|
|
19
|
+
a as container,
|
|
20
|
+
t as content,
|
|
19
21
|
m as default,
|
|
20
|
-
|
|
21
|
-
|
|
22
|
+
b as description,
|
|
23
|
+
l as header,
|
|
22
24
|
c as image,
|
|
23
|
-
|
|
25
|
+
d as imageWrap,
|
|
24
26
|
r as marker,
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
27
|
+
_ as root,
|
|
28
|
+
i as tab,
|
|
29
|
+
o as tabs,
|
|
30
|
+
n as tabsContainer
|
|
29
31
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("../../components/Button/Button.cjs.js"),a=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),c=require("../../components/StudyGridCard/StudyGridCard.cjs.js"),h=require("../../components/Typography/Typography.cjs.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("../../components/Button/Button.cjs.js"),a=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),c=require("../../components/StudyGridCard/StudyGridCard.cjs.js"),h=require("../../components/Typography/Typography.cjs.js"),s=require("./studies.module.css.cjs.js");function p({title:d,description:n,articles:l}){const o=l.reduce((t,r)=>{const i=t[t.length-1];return i.length<2?i.push(r):t.push([r]),t},[[]]);return e.jsx("section",{className:s.default.root,children:e.jsxs("div",{className:s.default.container,children:[e.jsxs("div",{className:s.default.header,children:[e.jsx(a.HighlightedTitle,{title:d}),e.jsx(h.Typography,{as:"p",defaultVariant:"bodyLg",className:s.default.description,children:n}),e.jsx("div",{children:e.jsx(u.Button,{variant:"muted",size:"lg",children:"view all studies"})})]}),e.jsx("div",{className:s.default.articles,children:o.map((t,r)=>e.jsx("div",{className:s.default.row,children:t.map(i=>e.jsx(c.StudyGridCard,{...i},i.title))},r))})]})})}exports.Studies=p;
|
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { Button as
|
|
1
|
+
import { jsx as e, jsxs as o } from "react/jsx-runtime";
|
|
2
|
+
import { Button as m } from "../../components/Button/Button.es.js";
|
|
3
3
|
import { HighlightedTitle as h } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
|
|
4
4
|
import { StudyGridCard as p } from "../../components/StudyGridCard/StudyGridCard.es.js";
|
|
5
|
-
import { Typography as
|
|
6
|
-
import
|
|
7
|
-
function w({ title:
|
|
8
|
-
const
|
|
9
|
-
(
|
|
10
|
-
const
|
|
11
|
-
return
|
|
5
|
+
import { Typography as c } from "../../components/Typography/Typography.es.js";
|
|
6
|
+
import i from "./studies.module.css.es.js";
|
|
7
|
+
function w({ title: d, description: l, articles: n }) {
|
|
8
|
+
const a = n.reduce(
|
|
9
|
+
(r, t) => {
|
|
10
|
+
const s = r[r.length - 1];
|
|
11
|
+
return s.length < 2 ? s.push(t) : r.push([t]), r;
|
|
12
12
|
},
|
|
13
13
|
[[]]
|
|
14
14
|
);
|
|
15
|
-
return /* @__PURE__ */
|
|
16
|
-
/* @__PURE__ */
|
|
17
|
-
/* @__PURE__ */
|
|
18
|
-
/* @__PURE__ */
|
|
19
|
-
/* @__PURE__ */
|
|
15
|
+
return /* @__PURE__ */ e("section", { className: i.root, children: /* @__PURE__ */ o("div", { className: i.container, children: [
|
|
16
|
+
/* @__PURE__ */ o("div", { className: i.header, children: [
|
|
17
|
+
/* @__PURE__ */ e(h, { title: d }),
|
|
18
|
+
/* @__PURE__ */ e(c, { as: "p", defaultVariant: "bodyLg", className: i.description, children: l }),
|
|
19
|
+
/* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(m, { variant: "muted", size: "lg", children: "view all studies" }) })
|
|
20
20
|
] }),
|
|
21
|
-
/* @__PURE__ */
|
|
22
|
-
] });
|
|
21
|
+
/* @__PURE__ */ e("div", { className: i.articles, children: a.map((r, t) => /* @__PURE__ */ e("div", { className: i.row, children: r.map((s) => /* @__PURE__ */ e(p, { ...s }, s.title)) }, t)) })
|
|
22
|
+
] }) });
|
|
23
23
|
}
|
|
24
24
|
export {
|
|
25
25
|
w as Studies
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="studies-module__container___oLKXc",t="studies-module__header___FA3V2",s="studies-module__description___-3MIr",
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="studies-module__root___1J7-J",o="studies-module__container___oLKXc",t="studies-module__header___FA3V2",s="studies-module__description___-3MIr",_="studies-module__articles___tUcYS",r="studies-module__row___yHNIP",i={root:e,container:o,header:t,description:s,articles:_,row:r};exports.articles=_;exports.container=o;exports.default=i;exports.description=s;exports.header=t;exports.root=e;exports.row=r;
|
|
@@ -1,15 +1,17 @@
|
|
|
1
|
-
const e = "studies-module__container___oLKXc",
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
const e = "studies-module__root___1J7-J", o = "studies-module__container___oLKXc", _ = "studies-module__header___FA3V2", t = "studies-module__description___-3MIr", s = "studies-module__articles___tUcYS", r = "studies-module__row___yHNIP", d = {
|
|
2
|
+
root: e,
|
|
3
|
+
container: o,
|
|
4
|
+
header: _,
|
|
5
|
+
description: t,
|
|
6
|
+
articles: s,
|
|
7
|
+
row: r
|
|
7
8
|
};
|
|
8
9
|
export {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
10
|
+
s as articles,
|
|
11
|
+
o as container,
|
|
12
|
+
d as default,
|
|
13
|
+
t as description,
|
|
14
|
+
_ as header,
|
|
15
|
+
e as root,
|
|
16
|
+
r as row
|
|
15
17
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");;/* empty css */;/* empty css */;/* empty css */const m=require("react"),S=require("../../node_modules/swiper/modules/navigation.cjs.js"),
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");;/* empty css */;/* empty css */;/* empty css */const m=require("react"),S=require("../../node_modules/swiper/modules/navigation.cjs.js"),i=require("../../node_modules/swiper/swiper-react.cjs.js"),f=require("../../components/Cursor/Cursor.cjs.js"),q=require("../../components/ProgramCard/ProgramCard.cjs.js"),n=require("../../components/ProgressButton/ProgressButton.cjs.js"),C=require("../../components/Typography/Typography.cjs.js"),P=require("../../utils/useSwiper/useSwiper.cjs.js"),r=require("./targetedPrograms.module.css.cjs.js"),j=[S.default];function w({title:a,cards:l}){const{setIsEnd:c,handleSlideChange:d,handlePrevClick:s,handleNextClick:o,onSwiperInit:u,handleSwiperResize:p}=P.useSwiper();return e.jsxs("section",{className:r.default.container,children:[e.jsxs("div",{className:r.default.heading,children:[e.jsx(C.Typography,{as:"h2",defaultVariant:"displayMd",mobileVariant:"headingXl",children:a}),e.jsx("div",{className:r.default.progressButtons,"data-device":"desktop",children:e.jsx(n.ProgressButton,{left:{onClick:s},right:{onClick:o}})})]}),e.jsx("div",{className:r.default.carouselArea,children:e.jsx(i.Swiper,{onSwiper:u,onResize:p,onSlideChange:d,onReachEnd:()=>c(!0),modules:j,spaceBetween:16,slidesPerView:"auto",className:r.default.swiper,loop:!0,slidesOffsetBefore:8,children:l.map((t,g)=>{const h=t.type!=="coming_soon"?f.Cursor:m.Fragment;return e.jsx(i.SwiperSlide,{className:r.default.swiperSlide,children:e.jsx(h,{label:"Learn More",colorScheme:"light",children:e.jsx(q.ProgramCard,{...t})})},g)})})}),e.jsx("div",{className:r.default.progressButtons,"data-device":"mobile",children:e.jsx(n.ProgressButton,{left:{onClick:s},right:{onClick:o}})})]})}exports.TargetedPrograms=w;
|
|
@@ -7,19 +7,19 @@ import { Fragment as g } from "react";
|
|
|
7
7
|
import u from "../../node_modules/swiper/modules/navigation.es.js";
|
|
8
8
|
import { Swiper as S, SwiperSlide as w } from "../../node_modules/swiper/swiper-react.es.js";
|
|
9
9
|
import { Cursor as C } from "../../components/Cursor/Cursor.es.js";
|
|
10
|
-
import { ProgramCard as
|
|
11
|
-
import { ProgressButton as
|
|
12
|
-
import { Typography as
|
|
10
|
+
import { ProgramCard as N } from "../../components/ProgramCard/ProgramCard.es.js";
|
|
11
|
+
import { ProgressButton as n } from "../../components/ProgressButton/ProgressButton.es.js";
|
|
12
|
+
import { Typography as v } from "../../components/Typography/Typography.es.js";
|
|
13
13
|
import { useSwiper as k } from "../../utils/useSwiper/useSwiper.es.js";
|
|
14
14
|
import r from "./targetedPrograms.module.css.es.js";
|
|
15
15
|
const P = [u];
|
|
16
|
-
function T({ title:
|
|
16
|
+
function T({ title: a, cards: l }) {
|
|
17
17
|
const { setIsEnd: m, handleSlideChange: d, handlePrevClick: i, handleNextClick: o, onSwiperInit: c, handleSwiperResize: p } = k();
|
|
18
|
-
return /* @__PURE__ */ t("
|
|
18
|
+
return /* @__PURE__ */ t("section", { className: r.container, children: [
|
|
19
19
|
/* @__PURE__ */ t("div", { className: r.heading, children: [
|
|
20
|
-
/* @__PURE__ */ e(
|
|
20
|
+
/* @__PURE__ */ e(v, { as: "h2", defaultVariant: "displayMd", mobileVariant: "headingXl", children: a }),
|
|
21
21
|
/* @__PURE__ */ e("div", { className: r.progressButtons, "data-device": "desktop", children: /* @__PURE__ */ e(
|
|
22
|
-
|
|
22
|
+
n,
|
|
23
23
|
{
|
|
24
24
|
left: {
|
|
25
25
|
onClick: i
|
|
@@ -45,12 +45,12 @@ function T({ title: n, cards: l }) {
|
|
|
45
45
|
slidesOffsetBefore: 8,
|
|
46
46
|
children: l.map((s, h) => {
|
|
47
47
|
const f = s.type !== "coming_soon" ? C : g;
|
|
48
|
-
return /* @__PURE__ */ e(w, { className: r.swiperSlide, children: /* @__PURE__ */ e(f, { label: "Learn More", colorScheme: "light", children: /* @__PURE__ */ e(
|
|
48
|
+
return /* @__PURE__ */ e(w, { className: r.swiperSlide, children: /* @__PURE__ */ e(f, { label: "Learn More", colorScheme: "light", children: /* @__PURE__ */ e(N, { ...s }) }) }, h);
|
|
49
49
|
})
|
|
50
50
|
}
|
|
51
51
|
) }),
|
|
52
52
|
/* @__PURE__ */ e("div", { className: r.progressButtons, "data-device": "mobile", children: /* @__PURE__ */ e(
|
|
53
|
-
|
|
53
|
+
n,
|
|
54
54
|
{
|
|
55
55
|
left: {
|
|
56
56
|
onClick: i
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),j=require("../../node_modules/swiper/modules/navigation.cjs.js"),d=require("../../node_modules/swiper/swiper-react.cjs.js");;/* empty css */;/* empty css */;/* empty css */const c=require("../../components/ProgressButton/ProgressButton.cjs.js"),f=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),q=require("../../components/Typography/Typography.cjs.js"),C=require("../../components/RatingStars/RatingStars.cjs.js"),
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),j=require("../../node_modules/swiper/modules/navigation.cjs.js"),d=require("../../node_modules/swiper/swiper-react.cjs.js");;/* empty css */;/* empty css */;/* empty css */const c=require("../../components/ProgressButton/ProgressButton.cjs.js"),f=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),q=require("../../components/Typography/Typography.cjs.js"),C=require("../../components/RatingStars/RatingStars.cjs.js"),w=require("../../utils/useSwiper/useSwiper.cjs.js"),R=require("./components/VideoCard/VideoCard.cjs.js"),k=require("./components/TextCard/TextCard.cjs.js"),i=require("./testimonial.module.css.cjs.js"),N=[j.default],_=({title:u,rating:a,reviews:h})=>{const{isEnd:r,isBeginning:n,hideNav:t,handleSlideChange:g,handlePrevClick:l,handleNextClick:o,onSwiperInit:p,handleSwiperResize:m,handleReachEnd:S,handleReachBeginning:x}=w.useSwiper();return e.jsxs("section",{className:i.default.root,children:[e.jsxs("div",{className:i.default.headerContainer,children:[a&&e.jsxs("div",{className:i.default.ratingContainer,children:[!!a.stars&&e.jsx(C.RatingStars,{rating:a.stars}),!!a.totalReviews&&e.jsxs(q.Typography,{as:"p",defaultVariant:"labelLg",mobileVariant:"labelSm",emphasis:!0,children:[a.totalReviews,"+ member reviews"]})]}),e.jsxs("div",{className:i.default.headerRow,children:[e.jsx(f.HighlightedTitle,{title:u,colorScheme:"light"}),!t&&e.jsx("div",{className:i.default.desktopNavigation,children:e.jsx(c.ProgressButton,{left:{disabled:n,onClick:l},right:{disabled:r,onClick:o}})})]})]}),e.jsx("div",{className:i.default.content,children:e.jsx(d.Swiper,{onSwiper:p,onResize:m,onSlideChange:g,onReachEnd:S,onReachBeginning:x,modules:N,spaceBetween:0,slidesPerView:"auto",className:i.default.swiper,wrapperClass:i.default.swiperWrapper,children:h.map((s,b)=>e.jsx(d.SwiperSlide,{className:i.default.swiperSlide,children:s.background.type==="video"?e.jsx(R.VideoCard,{...s,background:s.background}):e.jsx(k.TextCard,{...s,background:s.background})},`${s.background.type}_${b}`))})}),!t&&e.jsx("div",{className:i.default.mobileNavigation,children:e.jsx(c.ProgressButton,{left:{disabled:n,onClick:l},right:{disabled:r,onClick:o}})})]})};exports.Testimonial=_;
|
|
@@ -3,11 +3,11 @@ import { RichReviewCard } from './types';
|
|
|
3
3
|
|
|
4
4
|
type TestimonialProps = {
|
|
5
5
|
title: ReactNode;
|
|
6
|
-
|
|
6
|
+
reviews: Array<RichReviewCard>;
|
|
7
|
+
rating?: {
|
|
7
8
|
stars: number;
|
|
8
9
|
totalReviews: number;
|
|
9
10
|
};
|
|
10
|
-
reviews: Array<RichReviewCard>;
|
|
11
11
|
};
|
|
12
12
|
export declare const Testimonial: ({ title, rating, reviews }: TestimonialProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
13
|
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
2
|
+
import { jsxs as o, jsx as e } from "react/jsx-runtime";
|
|
3
3
|
import N from "../../node_modules/swiper/modules/navigation.es.js";
|
|
4
4
|
import { Swiper as k, SwiperSlide as C } from "../../node_modules/swiper/swiper-react.es.js";
|
|
5
5
|
/* empty css */
|
|
@@ -13,11 +13,11 @@ import { useSwiper as x } from "../../utils/useSwiper/useSwiper.es.js";
|
|
|
13
13
|
import { VideoCard as y } from "./components/VideoCard/VideoCard.es.js";
|
|
14
14
|
import { TextCard as B } from "./components/TextCard/TextCard.es.js";
|
|
15
15
|
import i from "./testimonial.module.css.es.js";
|
|
16
|
-
const E = [N], U = ({ title: m, rating:
|
|
16
|
+
const E = [N], U = ({ title: m, rating: r, reviews: p }) => {
|
|
17
17
|
const {
|
|
18
|
-
isEnd:
|
|
19
|
-
isBeginning:
|
|
20
|
-
hideNav:
|
|
18
|
+
isEnd: n,
|
|
19
|
+
isBeginning: s,
|
|
20
|
+
hideNav: l,
|
|
21
21
|
handleSlideChange: h,
|
|
22
22
|
handlePrevClick: t,
|
|
23
23
|
handleNextClick: d,
|
|
@@ -26,26 +26,26 @@ const E = [N], U = ({ title: m, rating: n, reviews: p }) => {
|
|
|
26
26
|
handleReachEnd: S,
|
|
27
27
|
handleReachBeginning: f
|
|
28
28
|
} = x();
|
|
29
|
-
return /* @__PURE__ */
|
|
30
|
-
/* @__PURE__ */
|
|
31
|
-
/* @__PURE__ */
|
|
32
|
-
/* @__PURE__ */ e(v, { rating:
|
|
33
|
-
/* @__PURE__ */
|
|
34
|
-
|
|
29
|
+
return /* @__PURE__ */ o("section", { className: i.root, children: [
|
|
30
|
+
/* @__PURE__ */ o("div", { className: i.headerContainer, children: [
|
|
31
|
+
r && /* @__PURE__ */ o("div", { className: i.ratingContainer, children: [
|
|
32
|
+
!!r.stars && /* @__PURE__ */ e(v, { rating: r.stars }),
|
|
33
|
+
!!r.totalReviews && /* @__PURE__ */ o(R, { as: "p", defaultVariant: "labelLg", mobileVariant: "labelSm", emphasis: !0, children: [
|
|
34
|
+
r.totalReviews,
|
|
35
35
|
"+ member reviews"
|
|
36
36
|
] })
|
|
37
37
|
] }),
|
|
38
|
-
/* @__PURE__ */
|
|
38
|
+
/* @__PURE__ */ o("div", { className: i.headerRow, children: [
|
|
39
39
|
/* @__PURE__ */ e(w, { title: m, colorScheme: "light" }),
|
|
40
|
-
!
|
|
40
|
+
!l && /* @__PURE__ */ e("div", { className: i.desktopNavigation, children: /* @__PURE__ */ e(
|
|
41
41
|
c,
|
|
42
42
|
{
|
|
43
43
|
left: {
|
|
44
|
-
disabled:
|
|
44
|
+
disabled: s,
|
|
45
45
|
onClick: t
|
|
46
46
|
},
|
|
47
47
|
right: {
|
|
48
|
-
disabled:
|
|
48
|
+
disabled: n,
|
|
49
49
|
onClick: d
|
|
50
50
|
}
|
|
51
51
|
}
|
|
@@ -68,15 +68,15 @@ const E = [N], U = ({ title: m, rating: n, reviews: p }) => {
|
|
|
68
68
|
children: p.map((a, u) => /* @__PURE__ */ e(C, { className: i.swiperSlide, children: a.background.type === "video" ? /* @__PURE__ */ e(y, { ...a, background: a.background }) : /* @__PURE__ */ e(B, { ...a, background: a.background }) }, `${a.background.type}_${u}`))
|
|
69
69
|
}
|
|
70
70
|
) }),
|
|
71
|
-
!
|
|
71
|
+
!l && /* @__PURE__ */ e("div", { className: i.mobileNavigation, children: /* @__PURE__ */ e(
|
|
72
72
|
c,
|
|
73
73
|
{
|
|
74
74
|
left: {
|
|
75
|
-
disabled:
|
|
75
|
+
disabled: s,
|
|
76
76
|
onClick: t
|
|
77
77
|
},
|
|
78
78
|
right: {
|
|
79
|
-
disabled:
|
|
79
|
+
disabled: n,
|
|
80
80
|
onClick: d
|
|
81
81
|
}
|
|
82
82
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("../../../../components/Typography/Typography.cjs.js"),o=require("../../../../components/RatingStars/RatingStars.cjs.js"),u=require("../Product/Product.cjs.js"),s=require("./textCard.module.css.cjs.js"),d=({background:i,review:a,product:e})=>{var n,l;return t.jsxs("div",{className:s.default.root,style:{backgroundImage:`url(${i.url})`},children:[!!a.stars&&t.jsx(o.RatingStars,{rating:a.stars}),a&&t.jsxs("div",{className:s.default.reviewContainer,children:[a.title&&t.jsx(r.Typography,{as:"h3",defaultVariant:"headingSm",mobileVariant:"headingXs",weight:"regular",children:a.title}),a.description&&t.jsx(r.Typography,{as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",weight:"regular",children:a.description}),((n=a.author)==null?void 0:n.name)&&t.jsx(r.Typography,{as:"p",defaultVariant:"labelSm",mobileVariant:"labelXs",weight:"regular",emphasis:!0,className:s.default.reviewAuthor,children:a.author.name})]}),t.jsxs("div",{className:s.default.infoContainer,children:[((l=a==null?void 0:a.author)==null?void 0:l.username)&&t.jsx(r.Typography,{as:"p",defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"regular",children:a.author.username}),e&&t.jsx(u.Product,{image:e.image,name:e.name,link:e.link})]})]})};exports.TextCard=d;
|
|
@@ -1,31 +1,34 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { Typography as
|
|
3
|
-
import { RatingStars as
|
|
4
|
-
import { Product as
|
|
1
|
+
import { jsxs as n, jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import { Typography as l } from "../../../../components/Typography/Typography.es.js";
|
|
3
|
+
import { RatingStars as o } from "../../../../components/RatingStars/RatingStars.es.js";
|
|
4
|
+
import { Product as h } from "../Product/Product.es.js";
|
|
5
5
|
import i from "./textCard.module.css.es.js";
|
|
6
|
-
const
|
|
7
|
-
|
|
8
|
-
/* @__PURE__ */
|
|
9
|
-
/* @__PURE__ */
|
|
10
|
-
/* @__PURE__ */
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
/* @__PURE__ */
|
|
27
|
-
|
|
28
|
-
|
|
6
|
+
const b = ({ background: m, review: a, product: r }) => {
|
|
7
|
+
var e, s;
|
|
8
|
+
return /* @__PURE__ */ n("div", { className: i.root, style: { backgroundImage: `url(${m.url})` }, children: [
|
|
9
|
+
!!a.stars && /* @__PURE__ */ t(o, { rating: a.stars }),
|
|
10
|
+
a && /* @__PURE__ */ n("div", { className: i.reviewContainer, children: [
|
|
11
|
+
a.title && /* @__PURE__ */ t(l, { as: "h3", defaultVariant: "headingSm", mobileVariant: "headingXs", weight: "regular", children: a.title }),
|
|
12
|
+
a.description && /* @__PURE__ */ t(l, { as: "p", defaultVariant: "bodyMd", mobileVariant: "bodySm", weight: "regular", children: a.description }),
|
|
13
|
+
((e = a.author) == null ? void 0 : e.name) && /* @__PURE__ */ t(
|
|
14
|
+
l,
|
|
15
|
+
{
|
|
16
|
+
as: "p",
|
|
17
|
+
defaultVariant: "labelSm",
|
|
18
|
+
mobileVariant: "labelXs",
|
|
19
|
+
weight: "regular",
|
|
20
|
+
emphasis: !0,
|
|
21
|
+
className: i.reviewAuthor,
|
|
22
|
+
children: a.author.name
|
|
23
|
+
}
|
|
24
|
+
)
|
|
25
|
+
] }),
|
|
26
|
+
/* @__PURE__ */ n("div", { className: i.infoContainer, children: [
|
|
27
|
+
((s = a == null ? void 0 : a.author) == null ? void 0 : s.username) && /* @__PURE__ */ t(l, { as: "p", defaultVariant: "labelSm", mobileVariant: "labelXs", emphasis: !0, weight: "regular", children: a.author.username }),
|
|
28
|
+
r && /* @__PURE__ */ t(h, { image: r.image, name: r.name, link: r.link })
|
|
29
|
+
] })
|
|
30
|
+
] });
|
|
31
|
+
};
|
|
29
32
|
export {
|
|
30
|
-
|
|
33
|
+
b as TextCard
|
|
31
34
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),m=require("../../../../components/Typography/Typography.cjs.js"),y=require("../../../../components/PlayButton/PlayButton.cjs.js"),p=require("../../../../utils/cn/cn.cjs.js"),g=require("../Product/Product.cjs.js"),t=require("./videoCard.module.css.cjs.js"),h=({product:a,review:l,background:d})=>{var f;const[r,u]=s.useState(!1),n=s.useRef(null),c=s.useRef(null);return s.useEffect(()=>{const i=new IntersectionObserver(([o])=>{!o.isIntersecting&&r&&u(!1)},{threshold:.2});return c.current&&i.observe(c.current),()=>i.disconnect()},[r]),s.useEffect(()=>{!r&&n.current&&(n.current.pause(),n.current.currentTime=0)},[r]),e.jsxs("div",{className:t.default.root,ref:c,onClick:()=>r?u(!1):void 0,style:{backgroundImage:`url(${d.preview})`},children:[e.jsxs("div",{className:t.default.mediaContainer,children:[e.jsx("video",{ref:n,src:d.url,playsInline:!0,controls:!1,muted:!0,loop:!0,className:p.cn(t.default.media,!r&&t.default.mediaHidden)}),!r&&e.jsx("div",{className:t.default.playButton,children:e.jsx(y.PlayButton,{onClick:i=>{var o;i.stopPropagation(),(o=n.current)==null||o.play(),u(!0)}})})]}),e.jsxs("div",{className:t.default.infoContainer,children:[((f=l==null?void 0:l.author)==null?void 0:f.username)&&e.jsx(m.Typography,{as:"p",defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"regular",children:l.author.username}),a&&e.jsx(g.Product,{image:a.image,name:a.name,link:a.link})]})]})};exports.VideoCard=h;
|
|
@@ -1,32 +1,33 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
3
|
-
import { useState as
|
|
4
|
-
import { Typography as
|
|
5
|
-
import { PlayButton as
|
|
6
|
-
import { cn as
|
|
7
|
-
import { Product as
|
|
2
|
+
import { jsxs as c, jsx as n } from "react/jsx-runtime";
|
|
3
|
+
import { useState as h, useRef as d, useEffect as p } from "react";
|
|
4
|
+
import { Typography as g } from "../../../../components/Typography/Typography.es.js";
|
|
5
|
+
import { PlayButton as y } from "../../../../components/PlayButton/PlayButton.es.js";
|
|
6
|
+
import { cn as b } from "../../../../utils/cn/cn.es.js";
|
|
7
|
+
import { Product as v } from "../Product/Product.es.js";
|
|
8
8
|
import r from "./videoCard.module.css.es.js";
|
|
9
|
-
const
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
const V = ({ product: a, review: s, background: u }) => {
|
|
10
|
+
var f;
|
|
11
|
+
const [e, l] = h(!1), t = d(null), m = d(null);
|
|
12
|
+
return p(() => {
|
|
12
13
|
const i = new IntersectionObserver(
|
|
13
|
-
([
|
|
14
|
-
!
|
|
14
|
+
([o]) => {
|
|
15
|
+
!o.isIntersecting && e && l(!1);
|
|
15
16
|
},
|
|
16
17
|
{ threshold: 0.2 }
|
|
17
18
|
);
|
|
18
|
-
return
|
|
19
|
-
}, [e]),
|
|
19
|
+
return m.current && i.observe(m.current), () => i.disconnect();
|
|
20
|
+
}, [e]), p(() => {
|
|
20
21
|
!e && t.current && (t.current.pause(), t.current.currentTime = 0);
|
|
21
|
-
}, [e]), /* @__PURE__ */
|
|
22
|
+
}, [e]), /* @__PURE__ */ c(
|
|
22
23
|
"div",
|
|
23
24
|
{
|
|
24
25
|
className: r.root,
|
|
25
|
-
ref:
|
|
26
|
-
onClick: () => e ?
|
|
26
|
+
ref: m,
|
|
27
|
+
onClick: () => e ? l(!1) : void 0,
|
|
27
28
|
style: { backgroundImage: `url(${u.preview})` },
|
|
28
29
|
children: [
|
|
29
|
-
/* @__PURE__ */
|
|
30
|
+
/* @__PURE__ */ c("div", { className: r.mediaContainer, children: [
|
|
30
31
|
/* @__PURE__ */ n(
|
|
31
32
|
"video",
|
|
32
33
|
{
|
|
@@ -36,27 +37,27 @@ const R = ({ product: s, review: c, background: u }) => {
|
|
|
36
37
|
controls: !1,
|
|
37
38
|
muted: !0,
|
|
38
39
|
loop: !0,
|
|
39
|
-
className:
|
|
40
|
+
className: b(r.media, !e && r.mediaHidden)
|
|
40
41
|
}
|
|
41
42
|
),
|
|
42
43
|
!e && /* @__PURE__ */ n("div", { className: r.playButton, children: /* @__PURE__ */ n(
|
|
43
|
-
|
|
44
|
+
y,
|
|
44
45
|
{
|
|
45
46
|
onClick: (i) => {
|
|
46
|
-
var
|
|
47
|
-
i.stopPropagation(), (
|
|
47
|
+
var o;
|
|
48
|
+
i.stopPropagation(), (o = t.current) == null || o.play(), l(!0);
|
|
48
49
|
}
|
|
49
50
|
}
|
|
50
51
|
) })
|
|
51
52
|
] }),
|
|
52
|
-
/* @__PURE__ */
|
|
53
|
-
|
|
54
|
-
/* @__PURE__ */ n(
|
|
53
|
+
/* @__PURE__ */ c("div", { className: r.infoContainer, children: [
|
|
54
|
+
((f = s == null ? void 0 : s.author) == null ? void 0 : f.username) && /* @__PURE__ */ n(g, { as: "p", defaultVariant: "labelSm", mobileVariant: "labelXs", emphasis: !0, weight: "regular", children: s.author.username }),
|
|
55
|
+
a && /* @__PURE__ */ n(v, { image: a.image, name: a.name, link: a.link })
|
|
55
56
|
] })
|
|
56
57
|
]
|
|
57
58
|
}
|
|
58
59
|
);
|
|
59
60
|
};
|
|
60
61
|
export {
|
|
61
|
-
|
|
62
|
+
V as VideoCard
|
|
62
63
|
};
|
|
@@ -9,15 +9,16 @@ type TBackground = {
|
|
|
9
9
|
export type RichReviewCard = {
|
|
10
10
|
background: TBackground;
|
|
11
11
|
review: {
|
|
12
|
-
title
|
|
13
|
-
description
|
|
14
|
-
author
|
|
12
|
+
title?: string;
|
|
13
|
+
description?: string;
|
|
14
|
+
author?: {
|
|
15
15
|
name?: string;
|
|
16
16
|
username?: string;
|
|
17
|
+
link?: string;
|
|
17
18
|
};
|
|
18
19
|
stars?: number;
|
|
19
20
|
};
|
|
20
|
-
product
|
|
21
|
+
product?: {
|
|
21
22
|
image: string;
|
|
22
23
|
name: string;
|
|
23
24
|
link: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../components/Callback/Callback.cjs.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../components/Callback/Callback.cjs.js"),a=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),c=require("../../utils/cn/cn.cjs.js"),n=require("./components/ProtocolTags/ProtocolTags.cjs.js"),t=require("./yourProtocol.module.css.cjs.js"),d=({title:i,image:r,tags:s,callbackView:o})=>e.jsx("section",{className:t.default.root,children:e.jsxs("div",{className:t.default.container,children:[e.jsxs("div",{className:t.default.content,children:[e.jsx(a.HighlightedTitle,{title:i,className:t.default.title,defaultVariant:"displaySm",mobileVariant:"headingXl"}),e.jsx(n.ProtocolTags,{tags:s}),o&&e.jsx("div",{className:t.default.callback,children:e.jsx(l.Callback,{title:o.title,description:o.description??"",price:o.price??"",image:o.image,button:{href:o.signupUrl??""},size:"sm"})})]}),e.jsx("img",{src:r,alt:"Your Protocol",className:c.cn(t.default.image,t.default.desktop),width:481,height:640})]})});exports.YourProtocol=d;
|
|
@@ -1,46 +1,46 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { Callback as
|
|
3
|
-
import { HighlightedTitle as
|
|
1
|
+
import { jsx as o, jsxs as r } from "react/jsx-runtime";
|
|
2
|
+
import { Callback as a } from "../../components/Callback/Callback.es.js";
|
|
3
|
+
import { HighlightedTitle as l } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
|
|
4
4
|
import { cn as n } from "../../utils/cn/cn.es.js";
|
|
5
|
-
import { ProtocolTags as
|
|
6
|
-
import
|
|
7
|
-
const N = ({ title: e, image: s, tags: m, callbackView:
|
|
8
|
-
/* @__PURE__ */
|
|
9
|
-
/* @__PURE__ */
|
|
10
|
-
|
|
5
|
+
import { ProtocolTags as c } from "./components/ProtocolTags/ProtocolTags.es.js";
|
|
6
|
+
import t from "./yourProtocol.module.css.es.js";
|
|
7
|
+
const N = ({ title: e, image: s, tags: m, callbackView: i }) => /* @__PURE__ */ o("section", { className: t.root, children: /* @__PURE__ */ r("div", { className: t.container, children: [
|
|
8
|
+
/* @__PURE__ */ r("div", { className: t.content, children: [
|
|
9
|
+
/* @__PURE__ */ o(
|
|
10
|
+
l,
|
|
11
11
|
{
|
|
12
12
|
title: e,
|
|
13
|
-
className:
|
|
13
|
+
className: t.title,
|
|
14
14
|
defaultVariant: "displaySm",
|
|
15
15
|
mobileVariant: "headingXl"
|
|
16
16
|
}
|
|
17
17
|
),
|
|
18
|
-
/* @__PURE__ */
|
|
19
|
-
|
|
20
|
-
|
|
18
|
+
/* @__PURE__ */ o(c, { tags: m }),
|
|
19
|
+
i && /* @__PURE__ */ o("div", { className: t.callback, children: /* @__PURE__ */ o(
|
|
20
|
+
a,
|
|
21
21
|
{
|
|
22
|
-
title:
|
|
23
|
-
description:
|
|
24
|
-
price:
|
|
25
|
-
image:
|
|
22
|
+
title: i.title,
|
|
23
|
+
description: i.description ?? "",
|
|
24
|
+
price: i.price ?? "",
|
|
25
|
+
image: i.image,
|
|
26
26
|
button: {
|
|
27
|
-
href:
|
|
27
|
+
href: i.signupUrl ?? ""
|
|
28
28
|
},
|
|
29
29
|
size: "sm"
|
|
30
30
|
}
|
|
31
31
|
) })
|
|
32
32
|
] }),
|
|
33
|
-
/* @__PURE__ */
|
|
33
|
+
/* @__PURE__ */ o(
|
|
34
34
|
"img",
|
|
35
35
|
{
|
|
36
36
|
src: s,
|
|
37
37
|
alt: "Your Protocol",
|
|
38
|
-
className: n(
|
|
38
|
+
className: n(t.image, t.desktop),
|
|
39
39
|
width: 481,
|
|
40
40
|
height: 640
|
|
41
41
|
}
|
|
42
42
|
)
|
|
43
|
-
] });
|
|
43
|
+
] }) });
|
|
44
44
|
export {
|
|
45
45
|
N as YourProtocol
|
|
46
46
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="yourProtocol-module__root___Q35lO",t="yourProtocol-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="yourProtocol-module__root___Q35lO",t="yourProtocol-module__container___-p0rE",e="yourProtocol-module__content___mMf6R",_="yourProtocol-module__title___xNPOR",l="yourProtocol-module__image___fVaOZ",c="yourProtocol-module__callback___bvu49",r="yourProtocol-module__desktop___pl-rW",n={root:o,container:t,content:e,title:_,image:l,callback:c,desktop:r};exports.callback=c;exports.container=t;exports.content=e;exports.default=n;exports.desktop=r;exports.image=l;exports.root=o;exports.title=_;
|