@zenpatient-org/healthspan-marketing-ui 0.1.23 → 0.1.25
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Accordion/Accordion.cjs.js +1 -0
- package/dist/components/Accordion/Accordion.d.ts +8 -0
- package/dist/components/Accordion/Accordion.es.js +27 -0
- package/dist/components/Accordion/accordion.module.css.cjs.js +1 -0
- package/dist/components/Accordion/accordion.module.css.es.js +7 -0
- package/dist/components/Accordion/components/AccordionItem/AccordionItem.cjs.js +1 -0
- package/dist/components/Accordion/components/AccordionItem/AccordionItem.d.ts +3 -0
- package/dist/components/Accordion/components/AccordionItem/AccordionItem.es.js +31 -0
- package/dist/components/Accordion/components/AccordionItem/accordionItem.module.css.cjs.js +1 -0
- package/dist/components/Accordion/components/AccordionItem/accordionItem.module.css.es.js +25 -0
- package/dist/components/Accordion/components/AccordionItem/index.d.ts +2 -0
- package/dist/components/Accordion/components/AccordionItem/types.d.ts +9 -0
- package/dist/components/Accordion/components/index.d.ts +1 -0
- package/dist/components/Accordion/index.d.ts +1 -0
- package/dist/components/Accordion/types.d.ts +6 -0
- package/dist/components/ComplexImageCarousel/ComplexImageCarousel.cjs.js +1 -0
- package/dist/components/ComplexImageCarousel/ComplexImageCarousel.d.ts +3 -0
- package/dist/components/ComplexImageCarousel/ComplexImageCarousel.es.js +135 -0
- package/dist/components/ComplexImageCarousel/complexImageCarousel.module.css.cjs.js +1 -0
- package/dist/components/ComplexImageCarousel/complexImageCarousel.module.css.es.js +19 -0
- package/dist/components/ComplexImageCarousel/index.d.ts +2 -0
- package/dist/components/ComplexImageCarousel/types.d.ts +10 -0
- package/dist/components/Icon/constants.cjs.js +1 -1
- package/dist/components/Icon/constants.d.ts +3 -0
- package/dist/components/Icon/constants.es.js +4 -1
- package/dist/components/Icon/iconsMap.cjs.js +1 -1
- package/dist/components/Icon/iconsMap.es.js +104 -98
- package/dist/components/IconBracket/IconBracket.cjs.js +1 -0
- package/dist/components/IconBracket/IconBracket.d.ts +3 -0
- package/dist/components/IconBracket/IconBracket.es.js +16 -0
- package/dist/components/IconBracket/iconBracket.module.css.cjs.js +1 -0
- package/dist/components/IconBracket/iconBracket.module.css.es.js +9 -0
- package/dist/components/IconBracket/index.d.ts +1 -0
- package/dist/components/IconBracket/types.d.ts +8 -0
- package/dist/components/PlayButton/PlayButton.cjs.js +1 -0
- package/dist/components/PlayButton/PlayButton.d.ts +8 -0
- package/dist/components/PlayButton/PlayButton.es.js +9 -0
- package/dist/components/PlayButton/index.d.ts +1 -0
- package/dist/components/PlayButton/playButton.module.css.cjs.js +1 -0
- package/dist/components/PlayButton/playButton.module.css.es.js +11 -0
- package/dist/components/ProgressButton/ProgressButton.cjs.js +1 -1
- package/dist/components/ProgressButton/ProgressButton.d.ts +2 -1
- package/dist/components/ProgressButton/ProgressButton.es.js +17 -13
- package/dist/components/RatingStars/RatingStars.cjs.js +1 -0
- package/dist/components/RatingStars/RatingStars.d.ts +6 -0
- package/dist/components/RatingStars/RatingStars.es.js +18 -0
- package/dist/components/RatingStars/index.d.ts +1 -0
- package/dist/components/RatingStars/ratingStars.module.css.cjs.js +1 -0
- package/dist/components/RatingStars/ratingStars.module.css.es.js +13 -0
- package/dist/healthspan-marketing-ui.css +1 -1
- package/dist/icons/action/bracket-left.svg.cjs.js +1 -0
- package/dist/icons/action/bracket-left.svg.es.js +5 -0
- package/dist/icons/action/bracket-right.svg.cjs.js +1 -0
- package/dist/icons/action/bracket-right.svg.es.js +5 -0
- package/dist/icons/action/play.svg.cjs.js +1 -0
- package/dist/icons/action/play.svg.es.js +5 -0
- 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 -0
- package/dist/modules/Compare/Compare.es.js +26 -0
- package/dist/modules/Compare/compare.module.css.cjs.js +1 -0
- package/dist/modules/Compare/compare.module.css.es.js +15 -0
- 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 -0
- package/dist/modules/FAQ/FAQ.d.ts +3 -0
- package/dist/modules/FAQ/FAQ.es.js +17 -0
- package/dist/modules/FAQ/faq.module.css.cjs.js +1 -0
- package/dist/modules/FAQ/faq.module.css.es.js +19 -0
- package/dist/modules/FAQ/index.d.ts +1 -0
- package/dist/modules/FAQ/types.d.ts +10 -0
- 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 -0
- package/dist/modules/ImageWithText/ImageWithText.d.ts +3 -0
- package/dist/modules/ImageWithText/ImageWithText.es.js +35 -0
- package/dist/modules/ImageWithText/imageWithText.module.css.cjs.js +1 -0
- package/dist/modules/ImageWithText/imageWithText.module.css.es.js +23 -0
- package/dist/modules/ImageWithText/index.d.ts +1 -0
- package/dist/modules/ImageWithText/types.d.ts +9 -0
- package/dist/modules/LongevityPathways/LongevityPathways.cjs.js +1 -0
- package/dist/modules/LongevityPathways/LongevityPathways.d.ts +3 -0
- package/dist/modules/LongevityPathways/LongevityPathways.es.js +19 -0
- package/dist/modules/LongevityPathways/index.d.ts +2 -0
- package/dist/modules/LongevityPathways/longevityPathways.module.css.cjs.js +1 -0
- package/dist/modules/LongevityPathways/longevityPathways.module.css.es.js +9 -0
- package/dist/modules/LongevityPathways/types.d.ts +9 -0
- package/dist/modules/OptimalHealth/OptimalHealth.es.js +19 -2
- 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 -0
- package/dist/modules/SlidingTabsGallery/SlidingTabsGallery.d.ts +9 -0
- package/dist/modules/SlidingTabsGallery/SlidingTabsGallery.es.js +102 -0
- package/dist/modules/SlidingTabsGallery/SlidingTabsGallery.module.css.cjs.js +1 -0
- package/dist/modules/SlidingTabsGallery/SlidingTabsGallery.module.css.es.js +29 -0
- package/dist/modules/SlidingTabsGallery/index.d.ts +1 -0
- 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 -0
- package/dist/modules/Testimonial/Testimonial.d.ts +13 -0
- package/dist/modules/Testimonial/Testimonial.es.js +88 -0
- package/dist/modules/Testimonial/components/Product/Product.cjs.js +1 -0
- package/dist/modules/Testimonial/components/Product/Product.d.ts +7 -0
- package/dist/modules/Testimonial/components/Product/Product.es.js +23 -0
- package/dist/modules/Testimonial/components/Product/index.d.ts +1 -0
- package/dist/modules/Testimonial/components/Product/product.module.css.cjs.js +1 -0
- package/dist/modules/Testimonial/components/Product/product.module.css.es.js +17 -0
- package/dist/modules/Testimonial/components/TextCard/TextCard.cjs.js +1 -0
- package/dist/modules/Testimonial/components/TextCard/TextCard.d.ts +3 -0
- package/dist/modules/Testimonial/components/TextCard/TextCard.es.js +31 -0
- package/dist/modules/Testimonial/components/TextCard/index.d.ts +1 -0
- package/dist/modules/Testimonial/components/TextCard/textCard.module.css.cjs.js +1 -0
- package/dist/modules/Testimonial/components/TextCard/textCard.module.css.es.js +13 -0
- package/dist/modules/Testimonial/components/VideoCard/VideoCard.cjs.js +1 -0
- package/dist/modules/Testimonial/components/VideoCard/VideoCard.d.ts +11 -0
- package/dist/modules/Testimonial/components/VideoCard/VideoCard.es.js +62 -0
- package/dist/modules/Testimonial/components/VideoCard/index.d.ts +1 -0
- package/dist/modules/Testimonial/components/VideoCard/videoCard.module.css.cjs.js +1 -0
- package/dist/modules/Testimonial/components/VideoCard/videoCard.module.css.es.js +17 -0
- package/dist/modules/Testimonial/index.d.ts +1 -0
- package/dist/modules/Testimonial/testimonial.module.css.cjs.js +1 -0
- package/dist/modules/Testimonial/testimonial.module.css.es.js +25 -0
- package/dist/modules/Testimonial/types.d.ts +26 -0
- package/dist/modules/TrackProgress/TrackProgress.cjs.js +1 -0
- package/dist/modules/TrackProgress/TrackProgress.d.ts +10 -0
- package/dist/modules/TrackProgress/TrackProgress.es.js +24 -0
- package/dist/modules/TrackProgress/components/TimelineContent/TimelineContent.cjs.js +1 -0
- package/dist/modules/TrackProgress/components/TimelineContent/TimelineContent.d.ts +7 -0
- package/dist/modules/TrackProgress/components/TimelineContent/TimelineContent.es.js +90 -0
- package/dist/modules/TrackProgress/components/TimelineContent/index.d.ts +1 -0
- package/dist/modules/TrackProgress/components/TimelineContent/timelineContent.module.css.cjs.js +1 -0
- package/dist/modules/TrackProgress/components/TimelineContent/timelineContent.module.css.es.js +25 -0
- package/dist/modules/TrackProgress/index.d.ts +1 -0
- package/dist/modules/TrackProgress/trackProgress.module.css.cjs.js +1 -0
- package/dist/modules/TrackProgress/trackProgress.module.css.es.js +13 -0
- package/dist/modules/TrackProgress/types.d.ts +6 -0
- 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/node_modules/@gsap/react/src/index.cjs.js +9 -0
- package/dist/node_modules/@gsap/react/src/index.es.js +29 -0
- package/dist/node_modules/gsap/Flip.cjs.js +8 -0
- package/dist/node_modules/gsap/Flip.es.js +525 -0
- package/dist/node_modules/gsap/utils/matrix.cjs.js +8 -0
- package/dist/node_modules/gsap/utils/matrix.es.js +104 -0
- package/dist/pageComponents/Gradient/Gradient.d.ts +5 -0
- package/dist/pageComponents/Gradient/index.d.ts +1 -0
- package/package.json +65 -9
|
@@ -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
|
|
@@ -0,0 +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"),k=require("../../utils/useSwiper/useSwiper.cjs.js"),w=require("./components/VideoCard/VideoCard.cjs.js"),N=require("./components/TextCard/TextCard.cjs.js"),i=require("./testimonial.module.css.cjs.js"),R=[j.default],_=({title:u,rating:a,reviews:g})=>{const{isEnd:n,isBeginning:r,hideNav:t,handleSlideChange:h,handlePrevClick:l,handleNextClick:o,onSwiperInit:p,handleSwiperResize:m,handleReachEnd:S,handleReachBeginning:x}=k.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:[e.jsx(C.RatingStars,{rating:a.stars}),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:r,onClick:l},right:{disabled:n,onClick:o}})})]})]}),e.jsx("div",{className:i.default.content,children:e.jsx(d.Swiper,{onSwiper:p,onResize:m,onSlideChange:h,onReachEnd:S,onReachBeginning:x,modules:R,spaceBetween:0,slidesPerView:"auto",className:i.default.swiper,wrapperClass:i.default.swiperWrapper,children:g.map((s,b)=>e.jsx(d.SwiperSlide,{className:i.default.swiperSlide,children:s.background.type==="video"?e.jsx(w.VideoCard,{...s,background:s.background}):e.jsx(N.TextCard,{...s,background:s.background})},`${s.background.type}_${b}`))})}),!t&&e.jsx("div",{className:i.default.mobileNavigation,children:e.jsx(c.ProgressButton,{left:{disabled:r,onClick:l},right:{disabled:n,onClick:o}})})]})};exports.Testimonial=_;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { RichReviewCard } from './types';
|
|
3
|
+
|
|
4
|
+
type TestimonialProps = {
|
|
5
|
+
title: ReactNode;
|
|
6
|
+
reviews: Array<RichReviewCard>;
|
|
7
|
+
rating?: {
|
|
8
|
+
stars: number;
|
|
9
|
+
totalReviews: number;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
export declare const Testimonial: ({ title, rating, reviews }: TestimonialProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as r, jsx as e } from "react/jsx-runtime";
|
|
3
|
+
import N from "../../node_modules/swiper/modules/navigation.es.js";
|
|
4
|
+
import { Swiper as k, SwiperSlide as C } from "../../node_modules/swiper/swiper-react.es.js";
|
|
5
|
+
/* empty css */
|
|
6
|
+
/* empty css */
|
|
7
|
+
/* empty css */
|
|
8
|
+
import { ProgressButton as c } from "../../components/ProgressButton/ProgressButton.es.js";
|
|
9
|
+
import { HighlightedTitle as w } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
|
|
10
|
+
import { Typography as R } from "../../components/Typography/Typography.es.js";
|
|
11
|
+
import { RatingStars as v } from "../../components/RatingStars/RatingStars.es.js";
|
|
12
|
+
import { useSwiper as x } from "../../utils/useSwiper/useSwiper.es.js";
|
|
13
|
+
import { VideoCard as y } from "./components/VideoCard/VideoCard.es.js";
|
|
14
|
+
import { TextCard as B } from "./components/TextCard/TextCard.es.js";
|
|
15
|
+
import i from "./testimonial.module.css.es.js";
|
|
16
|
+
const E = [N], U = ({ title: m, rating: o, reviews: p }) => {
|
|
17
|
+
const {
|
|
18
|
+
isEnd: n,
|
|
19
|
+
isBeginning: l,
|
|
20
|
+
hideNav: s,
|
|
21
|
+
handleSlideChange: h,
|
|
22
|
+
handlePrevClick: t,
|
|
23
|
+
handleNextClick: d,
|
|
24
|
+
onSwiperInit: g,
|
|
25
|
+
handleSwiperResize: b,
|
|
26
|
+
handleReachEnd: S,
|
|
27
|
+
handleReachBeginning: f
|
|
28
|
+
} = x();
|
|
29
|
+
return /* @__PURE__ */ r("section", { className: i.root, children: [
|
|
30
|
+
/* @__PURE__ */ r("div", { className: i.headerContainer, children: [
|
|
31
|
+
o && /* @__PURE__ */ r("div", { className: i.ratingContainer, children: [
|
|
32
|
+
/* @__PURE__ */ e(v, { rating: o.stars }),
|
|
33
|
+
/* @__PURE__ */ r(R, { as: "p", defaultVariant: "labelLg", mobileVariant: "labelSm", emphasis: !0, children: [
|
|
34
|
+
o.totalReviews,
|
|
35
|
+
"+ member reviews"
|
|
36
|
+
] })
|
|
37
|
+
] }),
|
|
38
|
+
/* @__PURE__ */ r("div", { className: i.headerRow, children: [
|
|
39
|
+
/* @__PURE__ */ e(w, { title: m, colorScheme: "light" }),
|
|
40
|
+
!s && /* @__PURE__ */ e("div", { className: i.desktopNavigation, children: /* @__PURE__ */ e(
|
|
41
|
+
c,
|
|
42
|
+
{
|
|
43
|
+
left: {
|
|
44
|
+
disabled: l,
|
|
45
|
+
onClick: t
|
|
46
|
+
},
|
|
47
|
+
right: {
|
|
48
|
+
disabled: n,
|
|
49
|
+
onClick: d
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
) })
|
|
53
|
+
] })
|
|
54
|
+
] }),
|
|
55
|
+
/* @__PURE__ */ e("div", { className: i.content, children: /* @__PURE__ */ e(
|
|
56
|
+
k,
|
|
57
|
+
{
|
|
58
|
+
onSwiper: g,
|
|
59
|
+
onResize: b,
|
|
60
|
+
onSlideChange: h,
|
|
61
|
+
onReachEnd: S,
|
|
62
|
+
onReachBeginning: f,
|
|
63
|
+
modules: E,
|
|
64
|
+
spaceBetween: 0,
|
|
65
|
+
slidesPerView: "auto",
|
|
66
|
+
className: i.swiper,
|
|
67
|
+
wrapperClass: i.swiperWrapper,
|
|
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
|
+
}
|
|
70
|
+
) }),
|
|
71
|
+
!s && /* @__PURE__ */ e("div", { className: i.mobileNavigation, children: /* @__PURE__ */ e(
|
|
72
|
+
c,
|
|
73
|
+
{
|
|
74
|
+
left: {
|
|
75
|
+
disabled: l,
|
|
76
|
+
onClick: t
|
|
77
|
+
},
|
|
78
|
+
right: {
|
|
79
|
+
disabled: n,
|
|
80
|
+
onClick: d
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
) })
|
|
84
|
+
] });
|
|
85
|
+
};
|
|
86
|
+
export {
|
|
87
|
+
U as Testimonial
|
|
88
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("../../../../components/Typography/Typography.cjs.js"),c=require("../../../../components/Icon/Icon.cjs.js"),l=require("../../../../components/Icon/constants.cjs.js"),o=require("./product.module.css.cjs.js"),d=({image:r,link:a,name:t})=>{const i=s=>{s.stopPropagation(),window.location.pathname===new URL(a,window.location.origin).pathname?window.scrollTo({top:0,behavior:"smooth"}):window.location.href=a};return e.jsxs("button",{className:o.default.root,onClick:i,children:[e.jsx("div",{className:o.default.imageContainer,children:e.jsx("img",{src:r,alt:t,className:o.default.image})}),e.jsxs("div",{className:o.default.infoContainer,children:[e.jsxs("div",{className:o.default.textContainer,children:[e.jsx(n.Typography,{as:"p",defaultVariant:"labelXs",mobileVariant:"labelSm",emphasis:!0,weight:"regular",children:"REVIEWED"}),e.jsx(n.Typography,{as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",weight:"regular",children:t})]}),e.jsx(c.Icon,{name:l.EIconName.ARROW_OUTWARD,className:o.default.arrowIcon})]})]})};exports.Product=d;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { jsxs as i, jsx as a } from "react/jsx-runtime";
|
|
2
|
+
import { Typography as t } from "../../../../components/Typography/Typography.es.js";
|
|
3
|
+
import { Icon as m } from "../../../../components/Icon/Icon.es.js";
|
|
4
|
+
import { EIconName as c } from "../../../../components/Icon/constants.es.js";
|
|
5
|
+
import o from "./product.module.css.es.js";
|
|
6
|
+
const g = ({ image: n, link: r, name: e }) => {
|
|
7
|
+
const l = (s) => {
|
|
8
|
+
s.stopPropagation(), window.location.pathname === new URL(r, window.location.origin).pathname ? window.scrollTo({ top: 0, behavior: "smooth" }) : window.location.href = r;
|
|
9
|
+
};
|
|
10
|
+
return /* @__PURE__ */ i("button", { className: o.root, onClick: l, children: [
|
|
11
|
+
/* @__PURE__ */ a("div", { className: o.imageContainer, children: /* @__PURE__ */ a("img", { src: n, alt: e, className: o.image }) }),
|
|
12
|
+
/* @__PURE__ */ i("div", { className: o.infoContainer, children: [
|
|
13
|
+
/* @__PURE__ */ i("div", { className: o.textContainer, children: [
|
|
14
|
+
/* @__PURE__ */ a(t, { as: "p", defaultVariant: "labelXs", mobileVariant: "labelSm", emphasis: !0, weight: "regular", children: "REVIEWED" }),
|
|
15
|
+
/* @__PURE__ */ a(t, { as: "p", defaultVariant: "bodyMd", mobileVariant: "bodySm", weight: "regular", children: e })
|
|
16
|
+
] }),
|
|
17
|
+
/* @__PURE__ */ a(m, { name: c.ARROW_OUTWARD, className: o.arrowIcon })
|
|
18
|
+
] })
|
|
19
|
+
] });
|
|
20
|
+
};
|
|
21
|
+
export {
|
|
22
|
+
g as Product
|
|
23
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Product } from './Product';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="product-module__root___0lD1V",t="product-module__imageContainer___2XtUY",e="product-module__image___VRpMy",n="product-module__infoContainer___Sg5MV",r="product-module__textContainer___TJwbU",_="product-module__arrowIcon___-Od3J",a={root:o,imageContainer:t,image:e,infoContainer:n,textContainer:r,arrowIcon:_};exports.arrowIcon=_;exports.default=a;exports.image=e;exports.imageContainer=t;exports.infoContainer=n;exports.root=o;exports.textContainer=r;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
const o = "product-module__root___0lD1V", t = "product-module__imageContainer___2XtUY", n = "product-module__image___VRpMy", _ = "product-module__infoContainer___Sg5MV", e = "product-module__textContainer___TJwbU", r = "product-module__arrowIcon___-Od3J", a = {
|
|
2
|
+
root: o,
|
|
3
|
+
imageContainer: t,
|
|
4
|
+
image: n,
|
|
5
|
+
infoContainer: _,
|
|
6
|
+
textContainer: e,
|
|
7
|
+
arrowIcon: r
|
|
8
|
+
};
|
|
9
|
+
export {
|
|
10
|
+
r as arrowIcon,
|
|
11
|
+
a as default,
|
|
12
|
+
n as image,
|
|
13
|
+
t as imageContainer,
|
|
14
|
+
_ as infoContainer,
|
|
15
|
+
o as root,
|
|
16
|
+
e as textContainer
|
|
17
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),t=require("../../../../components/Typography/Typography.cjs.js"),n=require("../../../../components/RatingStars/RatingStars.cjs.js"),l=require("../Product/Product.cjs.js"),s=require("./textCard.module.css.cjs.js"),o=({background:i,review:e,product:r})=>a.jsxs("div",{className:s.default.root,style:{backgroundImage:`url(${i.url})`},children:[a.jsx(n.RatingStars,{rating:e.stars??0}),a.jsxs("div",{className:s.default.reviewContainer,children:[a.jsx(t.Typography,{as:"h3",defaultVariant:"headingSm",mobileVariant:"headingXs",weight:"regular",children:e.title}),a.jsx(t.Typography,{as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",weight:"regular",children:e.description}),e.author.name&&a.jsx(t.Typography,{as:"p",defaultVariant:"labelSm",mobileVariant:"labelXs",weight:"regular",emphasis:!0,className:s.default.reviewAuthor,children:e.author.name})]}),a.jsxs("div",{className:s.default.infoContainer,children:[e.author.username&&a.jsx(t.Typography,{as:"p",defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"regular",children:e.author.username}),r&&a.jsx(l.Product,{image:r.image,name:r.name,link:r.link})]})]});exports.TextCard=o;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { jsxs as l, jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { Typography as i } from "../../../../components/Typography/Typography.es.js";
|
|
3
|
+
import { RatingStars as m } from "../../../../components/RatingStars/RatingStars.es.js";
|
|
4
|
+
import { Product as s } from "../Product/Product.es.js";
|
|
5
|
+
import t from "./textCard.module.css.es.js";
|
|
6
|
+
const c = ({ background: n, review: a, product: e }) => /* @__PURE__ */ l("div", { className: t.root, style: { backgroundImage: `url(${n.url})` }, children: [
|
|
7
|
+
/* @__PURE__ */ r(m, { rating: a.stars ?? 0 }),
|
|
8
|
+
/* @__PURE__ */ l("div", { className: t.reviewContainer, children: [
|
|
9
|
+
/* @__PURE__ */ r(i, { as: "h3", defaultVariant: "headingSm", mobileVariant: "headingXs", weight: "regular", children: a.title }),
|
|
10
|
+
/* @__PURE__ */ r(i, { as: "p", defaultVariant: "bodyMd", mobileVariant: "bodySm", weight: "regular", children: a.description }),
|
|
11
|
+
a.author.name && /* @__PURE__ */ r(
|
|
12
|
+
i,
|
|
13
|
+
{
|
|
14
|
+
as: "p",
|
|
15
|
+
defaultVariant: "labelSm",
|
|
16
|
+
mobileVariant: "labelXs",
|
|
17
|
+
weight: "regular",
|
|
18
|
+
emphasis: !0,
|
|
19
|
+
className: t.reviewAuthor,
|
|
20
|
+
children: a.author.name
|
|
21
|
+
}
|
|
22
|
+
)
|
|
23
|
+
] }),
|
|
24
|
+
/* @__PURE__ */ l("div", { className: t.infoContainer, children: [
|
|
25
|
+
a.author.username && /* @__PURE__ */ r(i, { as: "p", defaultVariant: "labelSm", mobileVariant: "labelXs", emphasis: !0, weight: "regular", children: a.author.username }),
|
|
26
|
+
e && /* @__PURE__ */ r(s, { image: e.image, name: e.name, link: e.link })
|
|
27
|
+
] })
|
|
28
|
+
] });
|
|
29
|
+
export {
|
|
30
|
+
c as TextCard
|
|
31
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { TextCard } from './TextCard';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="textCard-module__root___BsIAR",o="textCard-module__reviewContainer___1uxnk",t="textCard-module__reviewAuthor___nsHUO",r="textCard-module__infoContainer___DqDoR",n={root:e,reviewContainer:o,reviewAuthor:t,infoContainer:r};exports.default=n;exports.infoContainer=r;exports.reviewAuthor=t;exports.reviewContainer=o;exports.root=e;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
const e = "textCard-module__root___BsIAR", o = "textCard-module__reviewContainer___1uxnk", t = "textCard-module__reviewAuthor___nsHUO", r = "textCard-module__infoContainer___DqDoR", n = {
|
|
2
|
+
root: e,
|
|
3
|
+
reviewContainer: o,
|
|
4
|
+
reviewAuthor: t,
|
|
5
|
+
infoContainer: r
|
|
6
|
+
};
|
|
7
|
+
export {
|
|
8
|
+
n as default,
|
|
9
|
+
r as infoContainer,
|
|
10
|
+
t as reviewAuthor,
|
|
11
|
+
o as reviewContainer,
|
|
12
|
+
e as root
|
|
13
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),f=require("../../../../components/Typography/Typography.cjs.js"),m=require("../../../../components/PlayButton/PlayButton.cjs.js"),y=require("../../../../utils/cn/cn.cjs.js"),p=require("../Product/Product.cjs.js"),t=require("./videoCard.module.css.cjs.js"),g=({product:a,review:c,background:d})=>{const[r,o]=s.useState(!1),n=s.useRef(null),u=s.useRef(null);return s.useEffect(()=>{const i=new IntersectionObserver(([l])=>{!l.isIntersecting&&r&&o(!1)},{threshold:.2});return u.current&&i.observe(u.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:u,onClick:()=>r?o(!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:y.cn(t.default.media,!r&&t.default.mediaHidden)}),!r&&e.jsx("div",{className:t.default.playButton,children:e.jsx(m.PlayButton,{onClick:i=>{var l;i.stopPropagation(),(l=n.current)==null||l.play(),o(!0)}})})]}),e.jsxs("div",{className:t.default.infoContainer,children:[c.author.username&&e.jsx(f.Typography,{as:"p",defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"regular",children:c.author.username}),a&&e.jsx(p.Product,{image:a.image,name:a.name,link:a.link})]})]})};exports.VideoCard=g;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { RichReviewCard } from '../../types';
|
|
2
|
+
|
|
3
|
+
type VideoCardProps = {
|
|
4
|
+
background: {
|
|
5
|
+
type: 'video';
|
|
6
|
+
url: string;
|
|
7
|
+
preview: string;
|
|
8
|
+
};
|
|
9
|
+
} & Omit<RichReviewCard, 'background'>;
|
|
10
|
+
export declare const VideoCard: ({ product, review, background }: VideoCardProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as m, jsx as n } from "react/jsx-runtime";
|
|
3
|
+
import { useState as p, useRef as f, useEffect as d } from "react";
|
|
4
|
+
import { Typography as h } from "../../../../components/Typography/Typography.es.js";
|
|
5
|
+
import { PlayButton as g } from "../../../../components/PlayButton/PlayButton.es.js";
|
|
6
|
+
import { cn as v } from "../../../../utils/cn/cn.es.js";
|
|
7
|
+
import { Product as y } from "../Product/Product.es.js";
|
|
8
|
+
import r from "./videoCard.module.css.es.js";
|
|
9
|
+
const R = ({ product: i, review: c, background: u }) => {
|
|
10
|
+
const [e, o] = p(!1), t = f(null), l = f(null);
|
|
11
|
+
return d(() => {
|
|
12
|
+
const a = new IntersectionObserver(
|
|
13
|
+
([s]) => {
|
|
14
|
+
!s.isIntersecting && e && o(!1);
|
|
15
|
+
},
|
|
16
|
+
{ threshold: 0.2 }
|
|
17
|
+
);
|
|
18
|
+
return l.current && a.observe(l.current), () => a.disconnect();
|
|
19
|
+
}, [e]), d(() => {
|
|
20
|
+
!e && t.current && (t.current.pause(), t.current.currentTime = 0);
|
|
21
|
+
}, [e]), /* @__PURE__ */ m(
|
|
22
|
+
"div",
|
|
23
|
+
{
|
|
24
|
+
className: r.root,
|
|
25
|
+
ref: l,
|
|
26
|
+
onClick: () => e ? o(!1) : void 0,
|
|
27
|
+
style: { backgroundImage: `url(${u.preview})` },
|
|
28
|
+
children: [
|
|
29
|
+
/* @__PURE__ */ m("div", { className: r.mediaContainer, children: [
|
|
30
|
+
/* @__PURE__ */ n(
|
|
31
|
+
"video",
|
|
32
|
+
{
|
|
33
|
+
ref: t,
|
|
34
|
+
src: u.url,
|
|
35
|
+
playsInline: !0,
|
|
36
|
+
controls: !1,
|
|
37
|
+
muted: !0,
|
|
38
|
+
loop: !0,
|
|
39
|
+
className: v(r.media, !e && r.mediaHidden)
|
|
40
|
+
}
|
|
41
|
+
),
|
|
42
|
+
!e && /* @__PURE__ */ n("div", { className: r.playButton, children: /* @__PURE__ */ n(
|
|
43
|
+
g,
|
|
44
|
+
{
|
|
45
|
+
onClick: (a) => {
|
|
46
|
+
var s;
|
|
47
|
+
a.stopPropagation(), (s = t.current) == null || s.play(), o(!0);
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
) })
|
|
51
|
+
] }),
|
|
52
|
+
/* @__PURE__ */ m("div", { className: r.infoContainer, children: [
|
|
53
|
+
c.author.username && /* @__PURE__ */ n(h, { as: "p", defaultVariant: "labelSm", mobileVariant: "labelXs", emphasis: !0, weight: "regular", children: c.author.username }),
|
|
54
|
+
i && /* @__PURE__ */ n(y, { image: i.image, name: i.name, link: i.link })
|
|
55
|
+
] })
|
|
56
|
+
]
|
|
57
|
+
}
|
|
58
|
+
);
|
|
59
|
+
};
|
|
60
|
+
export {
|
|
61
|
+
R as VideoCard
|
|
62
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { VideoCard } from './VideoCard';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="videoCard-module__root___Z-ksD",o="videoCard-module__mediaContainer___ncPuJ",d="videoCard-module__media___KB71R",n="videoCard-module__mediaHidden___6nUdx",i="videoCard-module__playButton___w-Nql",t="videoCard-module__infoContainer___Ddw05",a={root:e,mediaContainer:o,media:d,mediaHidden:n,playButton:i,infoContainer:t};exports.default=a;exports.infoContainer=t;exports.media=d;exports.mediaContainer=o;exports.mediaHidden=n;exports.playButton=i;exports.root=e;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
const o = "videoCard-module__root___Z-ksD", d = "videoCard-module__mediaContainer___ncPuJ", e = "videoCard-module__media___KB71R", n = "videoCard-module__mediaHidden___6nUdx", _ = "videoCard-module__playButton___w-Nql", i = "videoCard-module__infoContainer___Ddw05", a = {
|
|
2
|
+
root: o,
|
|
3
|
+
mediaContainer: d,
|
|
4
|
+
media: e,
|
|
5
|
+
mediaHidden: n,
|
|
6
|
+
playButton: _,
|
|
7
|
+
infoContainer: i
|
|
8
|
+
};
|
|
9
|
+
export {
|
|
10
|
+
a as default,
|
|
11
|
+
i as infoContainer,
|
|
12
|
+
e as media,
|
|
13
|
+
d as mediaContainer,
|
|
14
|
+
n as mediaHidden,
|
|
15
|
+
_ as playButton,
|
|
16
|
+
o as root
|
|
17
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Testimonial } from './Testimonial';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="testimonial-module__root___Y3TlQ",o="testimonial-module__headerContainer___-FGrO",t="testimonial-module__headerRow___0JTHr",i="testimonial-module__ratingContainer___U9FDs",n="testimonial-module__content___BCbh-",a="testimonial-module__swiper___Necxi",r="testimonial-module__swiperWrapper___O-8SI",_="testimonial-module__swiperSlide___NvGru",s="testimonial-module__mobileNavigation___C1PT2",l="testimonial-module__desktopNavigation___nwHQV",d={root:e,headerContainer:o,headerRow:t,ratingContainer:i,content:n,swiper:a,swiperWrapper:r,swiperSlide:_,mobileNavigation:s,desktopNavigation:l};exports.content=n;exports.default=d;exports.desktopNavigation=l;exports.headerContainer=o;exports.headerRow=t;exports.mobileNavigation=s;exports.ratingContainer=i;exports.root=e;exports.swiper=a;exports.swiperSlide=_;exports.swiperWrapper=r;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
const e = "testimonial-module__root___Y3TlQ", o = "testimonial-module__headerContainer___-FGrO", t = "testimonial-module__headerRow___0JTHr", i = "testimonial-module__ratingContainer___U9FDs", _ = "testimonial-module__content___BCbh-", n = "testimonial-module__swiper___Necxi", a = "testimonial-module__swiperWrapper___O-8SI", r = "testimonial-module__swiperSlide___NvGru", s = "testimonial-module__mobileNavigation___C1PT2", l = "testimonial-module__desktopNavigation___nwHQV", d = {
|
|
2
|
+
root: e,
|
|
3
|
+
headerContainer: o,
|
|
4
|
+
headerRow: t,
|
|
5
|
+
ratingContainer: i,
|
|
6
|
+
content: _,
|
|
7
|
+
swiper: n,
|
|
8
|
+
swiperWrapper: a,
|
|
9
|
+
swiperSlide: r,
|
|
10
|
+
mobileNavigation: s,
|
|
11
|
+
desktopNavigation: l
|
|
12
|
+
};
|
|
13
|
+
export {
|
|
14
|
+
_ as content,
|
|
15
|
+
d as default,
|
|
16
|
+
l as desktopNavigation,
|
|
17
|
+
o as headerContainer,
|
|
18
|
+
t as headerRow,
|
|
19
|
+
s as mobileNavigation,
|
|
20
|
+
i as ratingContainer,
|
|
21
|
+
e as root,
|
|
22
|
+
n as swiper,
|
|
23
|
+
r as swiperSlide,
|
|
24
|
+
a as swiperWrapper
|
|
25
|
+
};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
type TBackground = {
|
|
2
|
+
type: 'image';
|
|
3
|
+
url: string;
|
|
4
|
+
} | {
|
|
5
|
+
type: 'video';
|
|
6
|
+
url: string;
|
|
7
|
+
preview: string;
|
|
8
|
+
};
|
|
9
|
+
export type RichReviewCard = {
|
|
10
|
+
background: TBackground;
|
|
11
|
+
review: {
|
|
12
|
+
title: string;
|
|
13
|
+
description: string;
|
|
14
|
+
author: {
|
|
15
|
+
name?: string;
|
|
16
|
+
username?: string;
|
|
17
|
+
};
|
|
18
|
+
stars?: number;
|
|
19
|
+
};
|
|
20
|
+
product?: {
|
|
21
|
+
image: string;
|
|
22
|
+
name: string;
|
|
23
|
+
link: string;
|
|
24
|
+
};
|
|
25
|
+
};
|
|
26
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),a=require("../../components/Typography/Typography.cjs.js"),n=require("./components/TimelineContent/TimelineContent.cjs.js"),r=require("./trackProgress.module.css.cjs.js"),l=({title:t,description:i,tabs:s})=>e.jsx("section",{className:r.default.root,children:e.jsxs("div",{className:r.default.container,children:[e.jsxs("div",{className:r.default.headerContainer,children:[e.jsx(o.HighlightedTitle,{title:t,colorScheme:"dark"}),e.jsx(a.Typography,{as:"p",defaultVariant:"bodyXl",mobileVariant:"bodySm",className:r.default.headerDescription,children:i})]}),e.jsx(n.TimelineContent,{tabs:s})]})});exports.TrackProgress=l;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { TTrackProgressTab } from './types';
|
|
3
|
+
|
|
4
|
+
type TrackProgressProps = {
|
|
5
|
+
title: ReactNode;
|
|
6
|
+
description: string;
|
|
7
|
+
tabs: Array<TTrackProgressTab>;
|
|
8
|
+
};
|
|
9
|
+
export declare const TrackProgress: ({ title, description, tabs }: TrackProgressProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { jsx as r, jsxs as o } from "react/jsx-runtime";
|
|
2
|
+
import { HighlightedTitle as s } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
|
|
3
|
+
import { Typography as m } from "../../components/Typography/Typography.es.js";
|
|
4
|
+
import { TimelineContent as n } from "./components/TimelineContent/TimelineContent.es.js";
|
|
5
|
+
import e from "./trackProgress.module.css.es.js";
|
|
6
|
+
const f = ({ title: i, description: a, tabs: t }) => /* @__PURE__ */ r("section", { className: e.root, children: /* @__PURE__ */ o("div", { className: e.container, children: [
|
|
7
|
+
/* @__PURE__ */ o("div", { className: e.headerContainer, children: [
|
|
8
|
+
/* @__PURE__ */ r(s, { title: i, colorScheme: "dark" }),
|
|
9
|
+
/* @__PURE__ */ r(
|
|
10
|
+
m,
|
|
11
|
+
{
|
|
12
|
+
as: "p",
|
|
13
|
+
defaultVariant: "bodyXl",
|
|
14
|
+
mobileVariant: "bodySm",
|
|
15
|
+
className: e.headerDescription,
|
|
16
|
+
children: a
|
|
17
|
+
}
|
|
18
|
+
)
|
|
19
|
+
] }),
|
|
20
|
+
/* @__PURE__ */ r(n, { tabs: t })
|
|
21
|
+
] }) });
|
|
22
|
+
export {
|
|
23
|
+
f as TrackProgress
|
|
24
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),c=require("../../../../components/Typography/Typography.cjs.js"),h=require("../../../../utils/cn/cn.cjs.js"),a=require("./timelineContent.module.css.cjs.js");function p(r){const l=r.slice();for(let i=l.length-1;i>0;i--){const n=Math.floor(Math.random()*(i+1));[l[i],l[n]]=[l[n],l[i]]}return l}const f=[{key:"optimal",label:"Optimal"},{key:"inRange",label:"In Range"},{key:"outOfRange",label:"Out of Range"}],g=({tabs:r})=>{const[l,i]=d.useState(0),{optimal:n,inRange:o,outOfRange:u}=r[l],m=d.useMemo(()=>p([...Array(n).fill("optimal"),...Array(o).fill("inRange"),...Array(u).fill("outOfRange")]),[n,o,u]);return e.jsxs("div",{className:a.default.root,children:[e.jsxs("div",{className:a.default.content,children:[e.jsx("div",{className:a.default.metricsContainer,children:f.map((t,s)=>e.jsxs("div",{className:a.default.metric,children:[e.jsx(c.Typography,{defaultVariant:"displayLg",mobileVariant:"displaySm",weight:"regular",children:r[l][t.key]}),e.jsxs("div",{className:a.default.metricTitle,children:[e.jsx(c.Typography,{as:"p",defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"regular",children:"("}),e.jsx(c.Typography,{as:"p",defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"regular",children:t.label}),e.jsx("div",{className:a.default.circle,"data-key":t.key}),e.jsx(c.Typography,{as:"p",defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"regular",children:")"})]})]},t.key))}),e.jsx("div",{className:a.default.canvas,children:m.map((t,s)=>e.jsx("div",{className:a.default.circle,"data-key":t},s))})]}),e.jsx("div",{className:a.default.tabsContainer,children:r.map((t,s)=>e.jsx("button",{className:h.cn(a.default.tab,l===s&&a.default.tabActive),onClick:()=>i(s),children:e.jsx(c.Typography,{defaultVariant:"labelMd",mobileVariant:"labelXs",emphasis:!0,weight:"regular",children:t.label})},t.label))})]})};exports.TimelineContent=g;
|