@zenpatient-org/healthspan-marketing-ui 0.1.139 → 0.1.140
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/pageComponents/Footer/Footer.cjs.js +1 -1
- package/dist/pageComponents/Footer/Footer.es.js +23 -23
- package/dist/pageComponents/Footer/components/FooterAbout/FooterAbout.cjs.js +1 -1
- package/dist/pageComponents/Footer/components/FooterAbout/FooterAbout.es.js +29 -20
- package/dist/pageComponents/Footer/components/FooterAbout/footerAbout.module.css.cjs.js +1 -1
- package/dist/pageComponents/Footer/components/FooterAbout/footerAbout.module.css.es.js +8 -6
- package/dist/pageComponents/Footer/components/FooterLinksBlock/FooterLinksBlock.cjs.js +1 -1
- package/dist/pageComponents/Footer/components/FooterLinksBlock/FooterLinksBlock.es.js +16 -16
- package/dist/pageComponents/Footer/components/TopTreatmentsSlider/TopTreatmentsSlider.cjs.js +1 -1
- package/dist/pageComponents/Footer/components/TopTreatmentsSlider/TopTreatmentsSlider.es.js +37 -34
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("../../components/Icon/Icon.cjs.js");const o=require("../../components/Icon/constants.cjs.js"),s=require("../../components/IconButton/IconButton.cjs.js"),
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("../../components/Icon/Icon.cjs.js");const o=require("../../components/Icon/constants.cjs.js"),s=require("../../components/IconButton/IconButton.cjs.js"),i=require("./components/FooterAbout/FooterAbout.cjs.js"),c=require("./components/FooterLinksBlock/FooterLinksBlock.cjs.js"),a=require("./components/NewsLetter/NewsLetter.cjs.js");require("react");require("../../components/Button/Button.cjs.js");const m=require("./components/TopTreatmentsSlider/TopTreatmentsSlider.cjs.js"),u=require("./components/LinksColumn/LinksColumn.cjs.js"),f=require("./assets/CompanyName.svg.cjs.js"),r=require("./footer.module.css.cjs.js"),l={title:"Treatments",content:[{title:"All Treatments",href:"/treatments"},{title:"Personalized Protocols",href:"/personalized-protocols"},{title:"Labs",href:"/labs"},{title:"Medications",href:"/medications"},{title:"Supplements",href:"/supplements"}]},h=({socialMedia:t,products:n})=>e.jsx("footer",{className:r.default.root,children:e.jsxs("div",{className:r.default.container,children:[e.jsxs("div",{className:r.default.content,children:[e.jsx("div",{className:r.default.footerLeft,children:e.jsx(a.NewsLetter,{})}),e.jsxs("div",{className:r.default.footerRight,children:[e.jsxs("div",{className:r.default.columns,children:[e.jsx(u.LinksColumn,{title:l.title,links:l.content},l.title),n&&(n==null?void 0:n.length)>0&&e.jsx(m.TopTreatmentsSlider,{title:"Top Treatments",products:n})]}),e.jsx("div",{className:r.default.footerLinks,children:e.jsx(c.FooterLinksBlock,{})}),e.jsxs("div",{className:r.default.about,children:[e.jsx(i.FooterAbout,{}),e.jsxs("div",{className:r.default.socials,children:[(t==null?void 0:t.facebook)&&e.jsx("a",{href:t.facebook,target:"_blank",rel:"noopener noreferrer",children:e.jsx(s.IconButton,{iconName:o.EIconName.FACEBOOK,variant:"muted-invert",size:"lg"})}),(t==null?void 0:t.instagram)&&e.jsx("a",{href:t.instagram,target:"_blank",rel:"noopener noreferrer",children:e.jsx(s.IconButton,{iconName:o.EIconName.INSTAGRAM,variant:"muted-invert",size:"lg"})}),(t==null?void 0:t.twitter)&&e.jsx("a",{href:t.twitter,target:"_blank",rel:"noopener noreferrer",children:e.jsx(s.IconButton,{iconName:o.EIconName.X,variant:"muted-invert",size:"lg"})})]})]})]})]}),e.jsx("div",{className:r.default.img,children:e.jsx(f.default,{width:"100%",height:"100%",preserveAspectRatio:"xMidYMid meet"})})]})});exports.Footer=h;
|
|
@@ -1,47 +1,47 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as
|
|
2
|
+
import { jsx as e, jsxs as n } from "react/jsx-runtime";
|
|
3
3
|
import "../../components/Icon/Icon.es.js";
|
|
4
|
-
import { EIconName as
|
|
5
|
-
import { IconButton as
|
|
6
|
-
import { FooterAbout as
|
|
7
|
-
import { FooterLinksBlock as
|
|
8
|
-
import { NewsLetter as
|
|
4
|
+
import { EIconName as m } from "../../components/Icon/constants.es.js";
|
|
5
|
+
import { IconButton as i } from "../../components/IconButton/IconButton.es.js";
|
|
6
|
+
import { FooterAbout as s } from "./components/FooterAbout/FooterAbout.es.js";
|
|
7
|
+
import { FooterLinksBlock as a } from "./components/FooterLinksBlock/FooterLinksBlock.es.js";
|
|
8
|
+
import { NewsLetter as f } from "./components/NewsLetter/NewsLetter.es.js";
|
|
9
9
|
import "react";
|
|
10
10
|
import "../../components/Button/Button.es.js";
|
|
11
|
-
import { TopTreatmentsSlider as
|
|
12
|
-
import { LinksColumn as
|
|
13
|
-
import
|
|
11
|
+
import { TopTreatmentsSlider as h } from "./components/TopTreatmentsSlider/TopTreatmentsSlider.es.js";
|
|
12
|
+
import { LinksColumn as c } from "./components/LinksColumn/LinksColumn.es.js";
|
|
13
|
+
import p from "./assets/CompanyName.svg.es.js";
|
|
14
14
|
import r from "./footer.module.css.es.js";
|
|
15
|
-
const
|
|
15
|
+
const l = {
|
|
16
16
|
title: "Treatments",
|
|
17
17
|
content: [
|
|
18
|
-
{ title: "All Treatments", href: "/
|
|
19
|
-
{ title: "Personalized Protocols", href: "/personalized" },
|
|
18
|
+
{ title: "All Treatments", href: "/treatments" },
|
|
19
|
+
{ title: "Personalized Protocols", href: "/personalized-protocols" },
|
|
20
20
|
{ title: "Labs", href: "/labs" },
|
|
21
21
|
{ title: "Medications", href: "/medications" },
|
|
22
22
|
{ title: "Supplements", href: "/supplements" }
|
|
23
23
|
]
|
|
24
|
-
},
|
|
24
|
+
}, F = ({ socialMedia: t, products: o }) => /* @__PURE__ */ e("footer", { className: r.root, children: /* @__PURE__ */ n("div", { className: r.container, children: [
|
|
25
25
|
/* @__PURE__ */ n("div", { className: r.content, children: [
|
|
26
|
-
/* @__PURE__ */
|
|
26
|
+
/* @__PURE__ */ e("div", { className: r.footerLeft, children: /* @__PURE__ */ e(f, {}) }),
|
|
27
27
|
/* @__PURE__ */ n("div", { className: r.footerRight, children: [
|
|
28
28
|
/* @__PURE__ */ n("div", { className: r.columns, children: [
|
|
29
|
-
/* @__PURE__ */
|
|
30
|
-
|
|
29
|
+
/* @__PURE__ */ e(c, { title: l.title, links: l.content }, l.title),
|
|
30
|
+
o && (o == null ? void 0 : o.length) > 0 && /* @__PURE__ */ e(h, { title: "Top Treatments", products: o })
|
|
31
31
|
] }),
|
|
32
|
-
/* @__PURE__ */
|
|
32
|
+
/* @__PURE__ */ e("div", { className: r.footerLinks, children: /* @__PURE__ */ e(a, {}) }),
|
|
33
33
|
/* @__PURE__ */ n("div", { className: r.about, children: [
|
|
34
|
-
/* @__PURE__ */
|
|
34
|
+
/* @__PURE__ */ e(s, {}),
|
|
35
35
|
/* @__PURE__ */ n("div", { className: r.socials, children: [
|
|
36
|
-
(
|
|
37
|
-
(
|
|
38
|
-
(
|
|
36
|
+
(t == null ? void 0 : t.facebook) && /* @__PURE__ */ e("a", { href: t.facebook, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ e(i, { iconName: m.FACEBOOK, variant: "muted-invert", size: "lg" }) }),
|
|
37
|
+
(t == null ? void 0 : t.instagram) && /* @__PURE__ */ e("a", { href: t.instagram, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ e(i, { iconName: m.INSTAGRAM, variant: "muted-invert", size: "lg" }) }),
|
|
38
|
+
(t == null ? void 0 : t.twitter) && /* @__PURE__ */ e("a", { href: t.twitter, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ e(i, { iconName: m.X, variant: "muted-invert", size: "lg" }) })
|
|
39
39
|
] })
|
|
40
40
|
] })
|
|
41
41
|
] })
|
|
42
42
|
] }),
|
|
43
|
-
/* @__PURE__ */
|
|
43
|
+
/* @__PURE__ */ e("div", { className: r.img, children: /* @__PURE__ */ e(p, { width: "100%", height: "100%", preserveAspectRatio: "xMidYMid meet" }) })
|
|
44
44
|
] }) });
|
|
45
45
|
export {
|
|
46
|
-
|
|
46
|
+
F as Footer
|
|
47
47
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),r=require("../../../../utils/cn/cn.cjs.js"),s=require("../../../../components/Typography/Typography.cjs.js"),l=require("../../assets/logo.png.cjs.js"),e=require("./footerAbout.module.css.cjs.js"),c=[{title:"(Terms of Use)",hasBrackets:!0,href:"/policy/terms-condition"},{title:"(privacy policy)",hasBrackets:!0,href:"/policy/privacy-policy"},{title:"(telehealth consent policy)",hasBrackets:!0,href:"/policy/telehealth-consent"},{title:"©2025 Healthspan.",hasBrackets:!1,href:"/"},{title:"All rights reserved.",hasBrackets:!1}],i=t=>t.href?a.jsx("a",{href:t.href,className:r.cn(e.default.item,e.default.link),children:a.jsx(s.Typography,{as:"span",defaultVariant:"labelXs",emphasis:!0,className:t.hasBrackets?e.default.titleWithBrackets:e.default.title,children:t.title})},t.title):a.jsx("div",{className:e.default.item,children:a.jsx(s.Typography,{as:"span",defaultVariant:"labelXs",emphasis:!0,className:t.hasBrackets?e.default.titleWithBrackets:e.default.title,children:t.title})},t.title),o=()=>a.jsxs("div",{className:e.default.root,children:[a.jsx("img",{src:l.default,alt:"contentImg",className:e.default.contentImg}),a.jsx("div",{className:e.default.container,children:c.map(i)})]});exports.FooterAbout=o;
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import
|
|
3
|
-
import { Typography as
|
|
1
|
+
import { jsxs as a, jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { cn as l } from "../../../../utils/cn/cn.es.js";
|
|
3
|
+
import { Typography as s } from "../../../../components/Typography/Typography.es.js";
|
|
4
|
+
import i from "../../assets/logo.png.es.js";
|
|
4
5
|
import e from "./footerAbout.module.css.es.js";
|
|
5
|
-
const
|
|
6
|
+
const c = [
|
|
6
7
|
{
|
|
7
8
|
title: "(Terms of Use)",
|
|
8
9
|
hasBrackets: !0,
|
|
@@ -21,26 +22,34 @@ const i = [
|
|
|
21
22
|
{
|
|
22
23
|
title: "©2025 Healthspan.",
|
|
23
24
|
hasBrackets: !1,
|
|
24
|
-
href: "
|
|
25
|
+
href: "/"
|
|
25
26
|
},
|
|
26
27
|
{
|
|
27
28
|
title: "All rights reserved.",
|
|
28
|
-
hasBrackets: !1
|
|
29
|
-
|
|
29
|
+
hasBrackets: !1
|
|
30
|
+
}
|
|
31
|
+
], o = (t) => t.href ? /* @__PURE__ */ r("a", { href: t.href, className: l(e.item, e.link), children: /* @__PURE__ */ r(
|
|
32
|
+
s,
|
|
33
|
+
{
|
|
34
|
+
as: "span",
|
|
35
|
+
defaultVariant: "labelXs",
|
|
36
|
+
emphasis: !0,
|
|
37
|
+
className: t.hasBrackets ? e.titleWithBrackets : e.title,
|
|
38
|
+
children: t.title
|
|
39
|
+
}
|
|
40
|
+
) }, t.title) : /* @__PURE__ */ r("div", { className: e.item, children: /* @__PURE__ */ r(
|
|
41
|
+
s,
|
|
42
|
+
{
|
|
43
|
+
as: "span",
|
|
44
|
+
defaultVariant: "labelXs",
|
|
45
|
+
emphasis: !0,
|
|
46
|
+
className: t.hasBrackets ? e.titleWithBrackets : e.title,
|
|
47
|
+
children: t.title
|
|
30
48
|
}
|
|
31
|
-
|
|
32
|
-
/* @__PURE__ */
|
|
33
|
-
/* @__PURE__ */
|
|
34
|
-
l,
|
|
35
|
-
{
|
|
36
|
-
as: "span",
|
|
37
|
-
defaultVariant: "labelXs",
|
|
38
|
-
emphasis: !0,
|
|
39
|
-
className: t.hasBrackets ? e.titleWithBrackets : e.title,
|
|
40
|
-
children: t.title
|
|
41
|
-
}
|
|
42
|
-
) }, t.title)) })
|
|
49
|
+
) }, t.title), d = () => /* @__PURE__ */ a("div", { className: e.root, children: [
|
|
50
|
+
/* @__PURE__ */ r("img", { src: i, alt: "contentImg", className: e.contentImg }),
|
|
51
|
+
/* @__PURE__ */ r("div", { className: e.container, children: c.map(o) })
|
|
43
52
|
] });
|
|
44
53
|
export {
|
|
45
|
-
|
|
54
|
+
d as FooterAbout
|
|
46
55
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="footerAbout-module__root___G9z5j",t="footerAbout-module__contentImg___UN0eD",e="footerAbout-module__container___N-gju",n="footerAbout-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="footerAbout-module__root___G9z5j",t="footerAbout-module__contentImg___UN0eD",e="footerAbout-module__container___N-gju",n="footerAbout-module__item___dlSsF",_="footerAbout-module__link___nrXpE",r={root:o,contentImg:t,container:e,item:n,link:_};exports.container=e;exports.contentImg=t;exports.default=r;exports.item=n;exports.link=_;exports.root=o;
|
|
@@ -1,13 +1,15 @@
|
|
|
1
|
-
const o = "footerAbout-module__root___G9z5j", t = "footerAbout-module__contentImg___UN0eD",
|
|
1
|
+
const o = "footerAbout-module__root___G9z5j", t = "footerAbout-module__contentImg___UN0eD", _ = "footerAbout-module__container___N-gju", e = "footerAbout-module__item___dlSsF", n = "footerAbout-module__link___nrXpE", r = {
|
|
2
2
|
root: o,
|
|
3
3
|
contentImg: t,
|
|
4
|
-
container:
|
|
5
|
-
|
|
4
|
+
container: _,
|
|
5
|
+
item: e,
|
|
6
|
+
link: n
|
|
6
7
|
};
|
|
7
8
|
export {
|
|
8
|
-
|
|
9
|
+
_ as container,
|
|
9
10
|
t as contentImg,
|
|
10
|
-
|
|
11
|
-
|
|
11
|
+
r as default,
|
|
12
|
+
e as item,
|
|
13
|
+
n as link,
|
|
12
14
|
o as root
|
|
13
15
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./footerLinksBlock.module.css.cjs.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./footerLinksBlock.module.css.cjs.js"),n=require("../AccordionFooter/AccordionFooter.cjs.js"),r=require("../LinksColumn/LinksColumn.cjs.js"),i=[{title:"ABOUT",content:[{title:"Our Company",href:"/our-company"},{title:"Our Mission",href:"/our-mission"},{title:"How It Works",href:"/how-it-works"}]},{title:"SCIENCE",content:[{title:"Articles",href:"/research"},{title:"Senescence",href:"/science/senescence"},{title:"Metabolism",href:"/science/metabolism"},{title:"Energy",href:"/science/energy"}]},{title:"SUPPORT",content:[{title:"Contact Us",href:"/contact-us"},{title:"FAQs",href:"/faqs"},{title:"Community",href:"https://community.gethealthspan.com"},{title:"Log In",href:"https://app.gethealthspan.com/#/login"}]}],l=({disableLinks:s=!1})=>e.jsxs("div",{className:t.default.root,children:[e.jsx("div",{className:t.default.desktop,children:i.map(o=>e.jsx(r.LinksColumn,{title:o.title,links:o.content,className:t.default.column,disableLinks:s},o.title))}),e.jsx("div",{className:t.default.mobile,children:e.jsx(n.AccordionFooter,{items:i})})]});exports.FooterLinksBlock=l;
|
|
@@ -1,47 +1,47 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as n, jsx as t } from "react/jsx-runtime";
|
|
2
2
|
import e from "./footerLinksBlock.module.css.es.js";
|
|
3
|
-
import { AccordionFooter as
|
|
3
|
+
import { AccordionFooter as r } from "../AccordionFooter/AccordionFooter.es.js";
|
|
4
4
|
import { LinksColumn as l } from "../LinksColumn/LinksColumn.es.js";
|
|
5
5
|
const o = [
|
|
6
6
|
{
|
|
7
7
|
title: "ABOUT",
|
|
8
8
|
content: [
|
|
9
|
-
{ title: "Our Company", href: "/company" },
|
|
10
|
-
{ title: "Our Mission", href: "/mission" },
|
|
11
|
-
{ title: "How It Works", href: "/how" }
|
|
9
|
+
{ title: "Our Company", href: "/our-company" },
|
|
10
|
+
{ title: "Our Mission", href: "/our-mission" },
|
|
11
|
+
{ title: "How It Works", href: "/how-it-works" }
|
|
12
12
|
]
|
|
13
13
|
},
|
|
14
14
|
{
|
|
15
15
|
title: "SCIENCE",
|
|
16
16
|
content: [
|
|
17
|
-
{ title: "Articles", href: "/
|
|
18
|
-
{ title: "Senescence", href: "/senescence" },
|
|
19
|
-
{ title: "Metabolism", href: "/metabolism" },
|
|
20
|
-
{ title: "Energy", href: "/energy" }
|
|
17
|
+
{ title: "Articles", href: "/research" },
|
|
18
|
+
{ title: "Senescence", href: "/science/senescence" },
|
|
19
|
+
{ title: "Metabolism", href: "/science/metabolism" },
|
|
20
|
+
{ title: "Energy", href: "/science/energy" }
|
|
21
21
|
]
|
|
22
22
|
},
|
|
23
23
|
{
|
|
24
24
|
title: "SUPPORT",
|
|
25
25
|
content: [
|
|
26
|
-
{ title: "Contact Us", href: "/contact" },
|
|
26
|
+
{ title: "Contact Us", href: "/contact-us" },
|
|
27
27
|
{ title: "FAQs", href: "/faqs" },
|
|
28
|
-
{ title: "Community", href: "
|
|
29
|
-
{ title: "Log In", href: "
|
|
28
|
+
{ title: "Community", href: "https://community.gethealthspan.com" },
|
|
29
|
+
{ title: "Log In", href: "https://app.gethealthspan.com/#/login" }
|
|
30
30
|
]
|
|
31
31
|
}
|
|
32
|
-
],
|
|
32
|
+
], f = ({ disableLinks: s = !1 }) => /* @__PURE__ */ n("div", { className: e.root, children: [
|
|
33
33
|
/* @__PURE__ */ t("div", { className: e.desktop, children: o.map((i) => /* @__PURE__ */ t(
|
|
34
34
|
l,
|
|
35
35
|
{
|
|
36
36
|
title: i.title,
|
|
37
37
|
links: i.content,
|
|
38
38
|
className: e.column,
|
|
39
|
-
disableLinks:
|
|
39
|
+
disableLinks: s
|
|
40
40
|
},
|
|
41
41
|
i.title
|
|
42
42
|
)) }),
|
|
43
|
-
/* @__PURE__ */ t("div", { className: e.mobile, children: /* @__PURE__ */ t(
|
|
43
|
+
/* @__PURE__ */ t("div", { className: e.mobile, children: /* @__PURE__ */ t(r, { items: o }) })
|
|
44
44
|
] });
|
|
45
45
|
export {
|
|
46
|
-
|
|
46
|
+
f as FooterLinksBlock
|
|
47
47
|
};
|
package/dist/pageComponents/Footer/components/TopTreatmentsSlider/TopTreatmentsSlider.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),_=require("../../../../components/Button/Button.cjs.js"),f=require("../../../../components/Icon/constants.cjs.js"),d=require("../../../../components/Typography/Typography.cjs.js"),g=require("../../../../components/Icon/Icon.cjs.js"),a=require("./topTreatmentsSlider.module.css.cjs.js"),C=({title:x,products:n})=>{const[t,m]=i.useState(0),[r,c]=i.useState(1),[l,o]=i.useState(!1),j=i.useMemo(()=>{if(n.length===2){const h=(t-1+n.length)%n.length,u=(t+1)%n.length;return[n[h],n[t===h?u:t],n[u]].filter((p,T,b)=>b.findIndex(S=>S.name===p.name)===T)}const s=(t-1+n.length)%n.length,I=(t+1)%n.length;return[n[s],n[t],n[I]]},[t,n]),N=i.useCallback(s=>{s.stopPropagation(),!l&&(o(!0),c(2))},[l]),v=i.useCallback(s=>{s.stopPropagation(),!l&&(o(!0),c(0))},[l]),y=()=>{r===2?m(s=>(s+1)%n.length):r===0&&m(s=>(s-1+n.length)%n.length),c(1),o(!1)};return e.jsxs("div",{className:a.default.root,children:[e.jsx(d.Typography,{as:"span",defaultVariant:"labelSm",mobileVariant:"labelXs",weight:"regular",emphasis:!0,className:a.default.title,children:x}),e.jsxs("div",{className:a.default.sliderContainer,children:[e.jsx("div",{className:a.default.sliderTrack,style:{transform:`translateX(calc(-${r*100}% - ${r*10}px))`,transition:l?"transform 0.3s cubic-bezier(0.4,0,0.2,1)":"none"},onTransitionEnd:y,children:j.map(s=>e.jsx("a",{href:s.link,className:a.default.slide,children:e.jsxs("div",{className:a.default.productCard,children:[e.jsx("div",{className:a.default.imageWrapper,children:e.jsx("img",{src:s.image,alt:s.name,className:a.default.image})}),e.jsxs("div",{className:a.default.rightSide,children:[e.jsxs("div",{className:a.default.headerSplit,children:[e.jsx("div",{className:a.default.nameContainer,children:e.jsx(d.Typography,{defaultVariant:"headingXs",children:s.name})}),e.jsx(d.Typography,{defaultVariant:"bodyMd",mobileVariant:"bodySm",className:a.default.price,children:`Starting at ${s.price}/mo`})]}),e.jsx("div",{className:a.default.actions,children:e.jsx("div",{className:a.default.btnLearnMore,children:e.jsx(_.Button,{size:"sm",variant:"primary-invert",children:"Learn More"})})})]})]})},s.name))}),e.jsxs("div",{className:a.default.switchers,children:[e.jsx("div",{className:a.default.arrowIcon,onClick:v,children:e.jsx(g.Icon,{name:f.EIconName.ARROW_BACK})}),e.jsx("div",{className:a.default.arrowIcon,onClick:N,children:e.jsx(g.Icon,{name:f.EIconName.ARROW_FORWARD})})]})]})]})};exports.TopTreatmentsSlider=C;
|
|
@@ -1,34 +1,37 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
3
|
-
import { useState as o, useMemo as
|
|
4
|
-
import { Button as
|
|
5
|
-
import { EIconName as
|
|
6
|
-
import { Typography as
|
|
2
|
+
import { jsxs as l, jsx as i } from "react/jsx-runtime";
|
|
3
|
+
import { useState as o, useMemo as k, useCallback as N } from "react";
|
|
4
|
+
import { Button as V } from "../../../../components/Button/Button.es.js";
|
|
5
|
+
import { EIconName as v } from "../../../../components/Icon/constants.es.js";
|
|
6
|
+
import { Typography as d } from "../../../../components/Typography/Typography.es.js";
|
|
7
7
|
import { Icon as x } from "../../../../components/Icon/Icon.es.js";
|
|
8
8
|
import n from "./topTreatmentsSlider.module.css.es.js";
|
|
9
9
|
const j = ({ title: b, products: e }) => {
|
|
10
|
-
const [
|
|
10
|
+
const [r, h] = o(0), [t, m] = o(1), [s, c] = o(!1), I = k(() => {
|
|
11
11
|
if (e.length === 2) {
|
|
12
|
-
const g = (
|
|
13
|
-
return [e[g], e[
|
|
14
|
-
(A, R
|
|
12
|
+
const g = (r - 1 + e.length) % e.length, f = (r + 1) % e.length;
|
|
13
|
+
return [e[g], e[r === g ? f : r], e[f]].filter(
|
|
14
|
+
(S, A, R) => R.findIndex((T) => T.name === S.name) === A
|
|
15
15
|
);
|
|
16
16
|
}
|
|
17
|
-
const a = (
|
|
18
|
-
return [e[a], e[
|
|
19
|
-
}, [
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
17
|
+
const a = (r - 1 + e.length) % e.length, y = (r + 1) % e.length;
|
|
18
|
+
return [e[a], e[r], e[y]];
|
|
19
|
+
}, [r, e]), C = N(
|
|
20
|
+
(a) => {
|
|
21
|
+
a.stopPropagation(), !s && (c(!0), m(2));
|
|
22
|
+
},
|
|
23
|
+
[s]
|
|
24
|
+
), p = N(
|
|
25
|
+
(a) => {
|
|
26
|
+
a.stopPropagation(), !s && (c(!0), m(0));
|
|
27
|
+
},
|
|
28
|
+
[s]
|
|
29
|
+
), w = () => {
|
|
30
|
+
t === 2 ? h((a) => (a + 1) % e.length) : t === 0 && h((a) => (a - 1 + e.length) % e.length), m(1), c(!1);
|
|
31
|
+
};
|
|
32
|
+
return /* @__PURE__ */ l("div", { className: n.root, children: [
|
|
30
33
|
/* @__PURE__ */ i(
|
|
31
|
-
|
|
34
|
+
d,
|
|
32
35
|
{
|
|
33
36
|
as: "span",
|
|
34
37
|
defaultVariant: "labelSm",
|
|
@@ -39,7 +42,7 @@ const j = ({ title: b, products: e }) => {
|
|
|
39
42
|
children: b
|
|
40
43
|
}
|
|
41
44
|
),
|
|
42
|
-
/* @__PURE__ */
|
|
45
|
+
/* @__PURE__ */ l("div", { className: n.sliderContainer, children: [
|
|
43
46
|
/* @__PURE__ */ i(
|
|
44
47
|
"div",
|
|
45
48
|
{
|
|
@@ -48,14 +51,14 @@ const j = ({ title: b, products: e }) => {
|
|
|
48
51
|
transform: `translateX(calc(-${t * 100}% - ${t * 10}px))`,
|
|
49
52
|
transition: s ? "transform 0.3s cubic-bezier(0.4,0,0.2,1)" : "none"
|
|
50
53
|
},
|
|
51
|
-
onTransitionEnd:
|
|
52
|
-
children: I.map((a) => /* @__PURE__ */ i("
|
|
54
|
+
onTransitionEnd: w,
|
|
55
|
+
children: I.map((a) => /* @__PURE__ */ i("a", { href: a.link, className: n.slide, children: /* @__PURE__ */ l("div", { className: n.productCard, children: [
|
|
53
56
|
/* @__PURE__ */ i("div", { className: n.imageWrapper, children: /* @__PURE__ */ i("img", { src: a.image, alt: a.name, className: n.image }) }),
|
|
54
|
-
/* @__PURE__ */
|
|
55
|
-
/* @__PURE__ */
|
|
56
|
-
/* @__PURE__ */ i("div", { className: n.nameContainer, children: /* @__PURE__ */ i(
|
|
57
|
+
/* @__PURE__ */ l("div", { className: n.rightSide, children: [
|
|
58
|
+
/* @__PURE__ */ l("div", { className: n.headerSplit, children: [
|
|
59
|
+
/* @__PURE__ */ i("div", { className: n.nameContainer, children: /* @__PURE__ */ i(d, { defaultVariant: "headingXs", children: a.name }) }),
|
|
57
60
|
/* @__PURE__ */ i(
|
|
58
|
-
|
|
61
|
+
d,
|
|
59
62
|
{
|
|
60
63
|
defaultVariant: "bodyMd",
|
|
61
64
|
mobileVariant: "bodySm",
|
|
@@ -64,14 +67,14 @@ const j = ({ title: b, products: e }) => {
|
|
|
64
67
|
}
|
|
65
68
|
)
|
|
66
69
|
] }),
|
|
67
|
-
/* @__PURE__ */ i("div", { className: n.actions, children: /* @__PURE__ */ i("div", { className: n.btnLearnMore, children: /* @__PURE__ */ i(
|
|
70
|
+
/* @__PURE__ */ i("div", { className: n.actions, children: /* @__PURE__ */ i("div", { className: n.btnLearnMore, children: /* @__PURE__ */ i(V, { size: "sm", variant: "primary-invert", children: "Learn More" }) }) })
|
|
68
71
|
] })
|
|
69
72
|
] }) }, a.name))
|
|
70
73
|
}
|
|
71
74
|
),
|
|
72
|
-
/* @__PURE__ */
|
|
73
|
-
/* @__PURE__ */ i("div", { className: n.arrowIcon, onClick:
|
|
74
|
-
/* @__PURE__ */ i("div", { className: n.arrowIcon, onClick:
|
|
75
|
+
/* @__PURE__ */ l("div", { className: n.switchers, children: [
|
|
76
|
+
/* @__PURE__ */ i("div", { className: n.arrowIcon, onClick: p, children: /* @__PURE__ */ i(x, { name: v.ARROW_BACK }) }),
|
|
77
|
+
/* @__PURE__ */ i("div", { className: n.arrowIcon, onClick: C, children: /* @__PURE__ */ i(x, { name: v.ARROW_FORWARD }) })
|
|
75
78
|
] })
|
|
76
79
|
] })
|
|
77
80
|
] });
|