@zenpatient-org/healthspan-marketing-ui 0.1.61 → 0.1.62
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/TextInput/TextInput.cjs.js +1 -1
- package/dist/components/TextInput/TextInput.es.js +53 -52
- package/dist/healthspan-marketing-ui.css +1 -1
- package/dist/pageComponents/Banner/Banner.cjs.js +1 -0
- package/dist/pageComponents/Banner/Banner.d.ts +11 -0
- package/dist/pageComponents/Banner/Banner.es.js +15 -0
- package/dist/pageComponents/Banner/banner.module.css.cjs.js +1 -0
- package/dist/pageComponents/Banner/banner.module.css.es.js +9 -0
- package/dist/pageComponents/Banner/index.d.ts +1 -0
- package/dist/pageComponents/Footer/Footer.cjs.js +1 -1
- package/dist/pageComponents/Footer/Footer.es.js +31 -47
- package/dist/pageComponents/Footer/components/FooterAbout/FooterAbout.cjs.js +1 -1
- package/dist/pageComponents/Footer/components/FooterAbout/FooterAbout.es.js +22 -18
- package/dist/pageComponents/Footer/components/FooterAbout/footerAbout.module.css.cjs.js +1 -1
- package/dist/pageComponents/Footer/components/FooterAbout/footerAbout.module.css.es.js +6 -4
- package/dist/pageComponents/Footer/components/NewsLetter/NewsLetter.cjs.js +1 -1
- package/dist/pageComponents/Footer/components/NewsLetter/NewsLetter.es.js +26 -26
- package/dist/pageComponents/Footer/components/TopTreatmentsSlider/TopTreatmentsSlider.cjs.js +1 -0
- package/dist/pageComponents/Footer/components/TopTreatmentsSlider/TopTreatmentsSlider.d.ts +12 -0
- package/dist/pageComponents/Footer/components/TopTreatmentsSlider/TopTreatmentsSlider.es.js +81 -0
- package/dist/pageComponents/Footer/components/TopTreatmentsSlider/index.d.ts +1 -0
- package/dist/pageComponents/Footer/components/TopTreatmentsSlider/topTreatmentsSlider.module.css.cjs.js +1 -0
- package/dist/pageComponents/Footer/components/TopTreatmentsSlider/topTreatmentsSlider.module.css.es.js +37 -0
- package/dist/pageComponents/Footer/components/index.d.ts +1 -0
- package/package.json +6 -1
- package/dist/pageComponents/Footer/components/TopTreatmentsCard/TopTreatmentsCard.cjs.js +0 -1
- package/dist/pageComponents/Footer/components/TopTreatmentsCard/TopTreatmentsCard.d.ts +0 -11
- package/dist/pageComponents/Footer/components/TopTreatmentsCard/TopTreatmentsCard.es.js +0 -47
- package/dist/pageComponents/Footer/components/TopTreatmentsCard/index.d.ts +0 -1
- package/dist/pageComponents/Footer/components/TopTreatmentsCard/topTreatmentsCard.module.css.cjs.js +0 -1
- package/dist/pageComponents/Footer/components/TopTreatmentsCard/topTreatmentsCard.module.css.es.js +0 -33
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../components/Typography/Typography.cjs.js"),c=require("../../components/TextButton/TextButton.cjs.js"),a=require("../../components/Icon/Icon.cjs.js"),l=require("../../components/Icon/constants.cjs.js"),t=require("./banner.module.css.cjs.js"),i=({content:r,button:n,onClose:o})=>e.jsxs("section",{className:t.default.root,children:[e.jsx(s.Typography,{className:t.default.content,defaultVariant:"labelMd",mobileVariant:"labelSm",children:r}),n&&e.jsx(c.TextButton,{as:"a",size:"sm",href:n.link,children:n.text}),o&&e.jsx("div",{className:t.default.close,role:"button",onClick:o,children:e.jsx(a.Icon,{name:l.EIconName.CLOSE})})]});exports.Banner=i;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
export type BannerProps = {
|
|
4
|
+
content: React.ReactNode;
|
|
5
|
+
button?: {
|
|
6
|
+
text: string;
|
|
7
|
+
link: string;
|
|
8
|
+
};
|
|
9
|
+
onClose?: () => void;
|
|
10
|
+
};
|
|
11
|
+
export declare const Banner: ({ content, button, onClose }: BannerProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as a, jsx as e } from "react/jsx-runtime";
|
|
3
|
+
import { Typography as i } from "../../components/Typography/Typography.es.js";
|
|
4
|
+
import { TextButton as l } from "../../components/TextButton/TextButton.es.js";
|
|
5
|
+
import { Icon as n } from "../../components/Icon/Icon.es.js";
|
|
6
|
+
import { EIconName as s } from "../../components/Icon/constants.es.js";
|
|
7
|
+
import o from "./banner.module.css.es.js";
|
|
8
|
+
const N = ({ content: m, button: r, onClose: t }) => /* @__PURE__ */ a("section", { className: o.root, children: [
|
|
9
|
+
/* @__PURE__ */ e(i, { className: o.content, defaultVariant: "labelMd", mobileVariant: "labelSm", children: m }),
|
|
10
|
+
r && /* @__PURE__ */ e(l, { as: "a", size: "sm", href: r.link, children: r.text }),
|
|
11
|
+
t && /* @__PURE__ */ e("div", { className: o.close, role: "button", onClick: t, children: /* @__PURE__ */ e(n, { name: s.CLOSE }) })
|
|
12
|
+
] });
|
|
13
|
+
export {
|
|
14
|
+
N as Banner
|
|
15
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="banner-module__root___Lhn5q",o="banner-module__close___TVbrg",t={root:e,close:o};exports.close=o;exports.default=t;exports.root=e;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Banner } from './Banner';
|
|
@@ -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
|
|
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 n=require("../../components/Icon/constants.cjs.js"),s=require("../../components/IconButton/IconButton.cjs.js"),l=require("./components/FooterAbout/FooterAbout.cjs.js"),a=require("./components/FooterLinksBlock/FooterLinksBlock.cjs.js"),c=require("./components/NewsLetter/NewsLetter.cjs.js");require("react");require("../../components/Button/Button.cjs.js");const u=require("./components/TopTreatmentsSlider/TopTreatmentsSlider.cjs.js"),d=require("./components/LinksColumn/LinksColumn.cjs.js"),m=require("./assets/CompanyName.svg.cjs.js"),t=require("./footer.module.css.cjs.js"),o={title:"Treatments",content:[{title:"All Treatments",href:"/all"},{title:"Personalized Protocols",href:"/personalized"},{title:"Labs",href:"/labs"},{title:"Medications",href:"/medications"},{title:"Supplements",href:"/supplements"}]},f=({socialMedia:r,products:i})=>e.jsx("div",{className:t.default.root,children:e.jsxs("div",{className:t.default.container,children:[e.jsxs("div",{className:t.default.content,children:[e.jsx("div",{className:t.default.footerLeft,children:e.jsx(c.NewsLetter,{})}),e.jsxs("div",{className:t.default.footerRight,children:[e.jsxs("div",{className:t.default.columns,children:[e.jsx(d.LinksColumn,{title:o.title,links:o.content},o.title),i.length>0&&e.jsx(u.TopTreatmentsSlider,{title:"Top Treatments",products:i})]}),e.jsx("div",{className:t.default.footerLinks,children:e.jsx(a.FooterLinksBlock,{})}),e.jsxs("div",{className:t.default.about,children:[e.jsx(l.FooterAbout,{}),e.jsxs("div",{className:t.default.socials,children:[e.jsx("a",{href:r.facebook,target:"_blank",rel:"noopener noreferrer",children:e.jsx(s.IconButton,{iconName:n.EIconName.FACEBOOK,variant:"muted-invert",size:"lg"})}),e.jsx("a",{href:r.instagram,target:"_blank",rel:"noopener noreferrer",children:e.jsx(s.IconButton,{iconName:n.EIconName.INSTAGRAM,variant:"muted-invert",size:"lg"})}),e.jsx("a",{href:r.twitter,target:"_blank",rel:"noopener noreferrer",children:e.jsx(s.IconButton,{iconName:n.EIconName.X,variant:"muted-invert",size:"lg"})})]})]})]})]}),e.jsx("div",{className:t.default.img,children:e.jsx(m.default,{width:"100%",height:"100%",preserveAspectRatio:"xMidYMid meet"})})]})});exports.Footer=f;
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as e, jsxs as
|
|
2
|
+
import { jsx as e, jsxs as r } 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
|
|
9
|
-
import
|
|
4
|
+
import { EIconName as o } from "../../components/Icon/constants.es.js";
|
|
5
|
+
import { IconButton as n } from "../../components/IconButton/IconButton.es.js";
|
|
6
|
+
import { FooterAbout as m } from "./components/FooterAbout/FooterAbout.es.js";
|
|
7
|
+
import { FooterLinksBlock as s } from "./components/FooterLinksBlock/FooterLinksBlock.es.js";
|
|
8
|
+
import { NewsLetter as c } from "./components/NewsLetter/NewsLetter.es.js";
|
|
9
|
+
import "react";
|
|
10
10
|
import "../../components/Button/Button.es.js";
|
|
11
|
-
import {
|
|
12
|
-
import { LinksColumn as
|
|
13
|
-
import
|
|
11
|
+
import { TopTreatmentsSlider as d } from "./components/TopTreatmentsSlider/TopTreatmentsSlider.es.js";
|
|
12
|
+
import { LinksColumn as f } from "./components/LinksColumn/LinksColumn.es.js";
|
|
13
|
+
import h from "./assets/CompanyName.svg.es.js";
|
|
14
14
|
import t from "./footer.module.css.es.js";
|
|
15
|
-
const
|
|
15
|
+
const l = {
|
|
16
16
|
title: "Treatments",
|
|
17
17
|
content: [
|
|
18
18
|
{ title: "All Treatments", href: "/all" },
|
|
@@ -21,43 +21,27 @@ const s = {
|
|
|
21
21
|
{ title: "Medications", href: "/medications" },
|
|
22
22
|
{ title: "Supplements", href: "/supplements" }
|
|
23
23
|
]
|
|
24
|
-
},
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
name: r.name,
|
|
40
|
-
price: r.price,
|
|
41
|
-
onPrev: h,
|
|
42
|
-
onNext: f,
|
|
43
|
-
onLearnMore: p
|
|
44
|
-
}
|
|
45
|
-
)
|
|
46
|
-
] }),
|
|
47
|
-
/* @__PURE__ */ e("div", { className: t.footerLinks, children: /* @__PURE__ */ e(v, {}) }),
|
|
48
|
-
/* @__PURE__ */ n("div", { className: t.about, children: [
|
|
49
|
-
/* @__PURE__ */ e(N, {}),
|
|
50
|
-
/* @__PURE__ */ n("div", { className: t.socials, children: [
|
|
51
|
-
/* @__PURE__ */ e("a", { href: i.facebook, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ e(m, { iconName: l.FACEBOOK, variant: "muted-invert", size: "lg" }) }),
|
|
52
|
-
/* @__PURE__ */ e("a", { href: i.instagram, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ e(m, { iconName: l.INSTAGRAM, variant: "muted-invert", size: "lg" }) }),
|
|
53
|
-
/* @__PURE__ */ e("a", { href: i.twitter, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ e(m, { iconName: l.X, variant: "muted-invert", size: "lg" }) })
|
|
54
|
-
] })
|
|
24
|
+
}, S = ({ socialMedia: i, products: a }) => /* @__PURE__ */ e("div", { className: t.root, children: /* @__PURE__ */ r("div", { className: t.container, children: [
|
|
25
|
+
/* @__PURE__ */ r("div", { className: t.content, children: [
|
|
26
|
+
/* @__PURE__ */ e("div", { className: t.footerLeft, children: /* @__PURE__ */ e(c, {}) }),
|
|
27
|
+
/* @__PURE__ */ r("div", { className: t.footerRight, children: [
|
|
28
|
+
/* @__PURE__ */ r("div", { className: t.columns, children: [
|
|
29
|
+
/* @__PURE__ */ e(f, { title: l.title, links: l.content }, l.title),
|
|
30
|
+
a.length > 0 && /* @__PURE__ */ e(d, { title: "Top Treatments", products: a })
|
|
31
|
+
] }),
|
|
32
|
+
/* @__PURE__ */ e("div", { className: t.footerLinks, children: /* @__PURE__ */ e(s, {}) }),
|
|
33
|
+
/* @__PURE__ */ r("div", { className: t.about, children: [
|
|
34
|
+
/* @__PURE__ */ e(m, {}),
|
|
35
|
+
/* @__PURE__ */ r("div", { className: t.socials, children: [
|
|
36
|
+
/* @__PURE__ */ e("a", { href: i.facebook, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ e(n, { iconName: o.FACEBOOK, variant: "muted-invert", size: "lg" }) }),
|
|
37
|
+
/* @__PURE__ */ e("a", { href: i.instagram, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ e(n, { iconName: o.INSTAGRAM, variant: "muted-invert", size: "lg" }) }),
|
|
38
|
+
/* @__PURE__ */ e("a", { href: i.twitter, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ e(n, { iconName: o.X, variant: "muted-invert", size: "lg" }) })
|
|
55
39
|
] })
|
|
56
40
|
] })
|
|
57
|
-
] })
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
};
|
|
41
|
+
] })
|
|
42
|
+
] }),
|
|
43
|
+
/* @__PURE__ */ e("div", { className: t.img, children: /* @__PURE__ */ e(h, { width: "100%", height: "100%", preserveAspectRatio: "xMidYMid meet" }) })
|
|
44
|
+
] }) });
|
|
61
45
|
export {
|
|
62
|
-
|
|
46
|
+
S as Footer
|
|
63
47
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("../../assets/logo.png.cjs.js"),a=require("../../../../components/Typography/Typography.cjs.js"),e=require("./footerAbout.module.css.cjs.js"),l=[{title:"(Terms of Use)",hasBrackets:!0,href:"/terms-of-use"},{title:"(privacy policy)",hasBrackets:!0,href:"/privacy-policy"},{title:"(telehealth consent policy)",hasBrackets:!0,href:"/telehealth-consent"},{title:"©2025 Healthspan.",hasBrackets:!1,href:"#"},{title:"All rights reserved.",hasBrackets:!1,href:"#"}],o=()=>t.jsxs("div",{className:e.default.root,children:[t.jsx("img",{src:r.default,alt:"contentImg",className:e.default.contentImg}),t.jsx("div",{className:e.default.container,children:l.map((s,c)=>t.jsx("a",{href:s.href,className:e.default.link,children:t.jsx(a.Typography,{as:"span",defaultVariant:"labelXs",emphasis:!0,className:s.hasBrackets?e.default.titleWithBrackets:e.default.title,children:s.title})},s.title))})]});exports.FooterAbout=o;
|
|
@@ -1,42 +1,46 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import
|
|
1
|
+
import { jsxs as r, jsx as s } from "react/jsx-runtime";
|
|
2
|
+
import a from "../../assets/logo.png.es.js";
|
|
3
3
|
import { Typography as l } from "../../../../components/Typography/Typography.es.js";
|
|
4
|
-
import
|
|
5
|
-
const
|
|
4
|
+
import e from "./footerAbout.module.css.es.js";
|
|
5
|
+
const c = [
|
|
6
6
|
{
|
|
7
7
|
title: "(Terms of Use)",
|
|
8
|
-
hasBrackets: !0
|
|
8
|
+
hasBrackets: !0,
|
|
9
|
+
href: "/terms-of-use"
|
|
9
10
|
},
|
|
10
11
|
{
|
|
11
12
|
title: "(privacy policy)",
|
|
12
|
-
hasBrackets: !0
|
|
13
|
+
hasBrackets: !0,
|
|
14
|
+
href: "/privacy-policy"
|
|
13
15
|
},
|
|
14
16
|
{
|
|
15
17
|
title: "(telehealth consent policy)",
|
|
16
|
-
hasBrackets: !0
|
|
18
|
+
hasBrackets: !0,
|
|
19
|
+
href: "/telehealth-consent"
|
|
17
20
|
},
|
|
18
21
|
{
|
|
19
22
|
title: "©2025 Healthspan.",
|
|
20
|
-
hasBrackets: !1
|
|
23
|
+
hasBrackets: !1,
|
|
24
|
+
href: "#"
|
|
21
25
|
},
|
|
22
26
|
{
|
|
23
27
|
title: "All rights reserved.",
|
|
24
|
-
hasBrackets: !1
|
|
28
|
+
hasBrackets: !1,
|
|
29
|
+
href: "#"
|
|
25
30
|
}
|
|
26
|
-
],
|
|
27
|
-
/* @__PURE__ */ s("img", { src:
|
|
28
|
-
/* @__PURE__ */ s("div", { className:
|
|
31
|
+
], f = () => /* @__PURE__ */ r("div", { className: e.root, children: [
|
|
32
|
+
/* @__PURE__ */ s("img", { src: a, alt: "contentImg", className: e.contentImg }),
|
|
33
|
+
/* @__PURE__ */ s("div", { className: e.container, children: c.map((t, i) => /* @__PURE__ */ s("a", { href: t.href, className: e.link, children: /* @__PURE__ */ s(
|
|
29
34
|
l,
|
|
30
35
|
{
|
|
31
36
|
as: "span",
|
|
32
37
|
defaultVariant: "labelXs",
|
|
33
38
|
emphasis: !0,
|
|
34
|
-
className:
|
|
35
|
-
children:
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
)) })
|
|
39
|
+
className: t.hasBrackets ? e.titleWithBrackets : e.title,
|
|
40
|
+
children: t.title
|
|
41
|
+
}
|
|
42
|
+
) }, t.title)) })
|
|
39
43
|
] });
|
|
40
44
|
export {
|
|
41
|
-
|
|
45
|
+
f as FooterAbout
|
|
42
46
|
};
|
|
@@ -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={root:o,contentImg:t,container:e};exports.container=e;exports.contentImg=t;exports.default=n;exports.root=o;
|
|
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__link___nrXpE",_={root:o,contentImg:t,container:e,link:n};exports.container=e;exports.contentImg=t;exports.default=_;exports.link=n;exports.root=o;
|
|
@@ -1,11 +1,13 @@
|
|
|
1
|
-
const o = "footerAbout-module__root___G9z5j", t = "footerAbout-module__contentImg___UN0eD",
|
|
1
|
+
const o = "footerAbout-module__root___G9z5j", t = "footerAbout-module__contentImg___UN0eD", n = "footerAbout-module__container___N-gju", _ = "footerAbout-module__link___nrXpE", e = {
|
|
2
2
|
root: o,
|
|
3
3
|
contentImg: t,
|
|
4
|
-
container:
|
|
4
|
+
container: n,
|
|
5
|
+
link: _
|
|
5
6
|
};
|
|
6
7
|
export {
|
|
7
|
-
|
|
8
|
+
n as container,
|
|
8
9
|
t as contentImg,
|
|
9
|
-
|
|
10
|
+
e as default,
|
|
11
|
+
_ as link,
|
|
10
12
|
o as root
|
|
11
13
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),o=require("../../../../components/Typography/Typography.cjs.js"),v=require("../../../../components/TextInput/TextInput.cjs.js"),S=require("../../../../utils/cn/cn.cjs.js"),T=require("../../../../node_modules/react-mailchimp-subscribe/es/index.cjs.js"),j=require("../../../../utils/isValidEmail.cjs.js"),a=require("./newsLetter.module.css.cjs.js"),w="//gethealthspan.us21.list-manage.com/subscribe/post?u=664ad54ec243b3582164cf116&id=2483a4d606&f_id=0050e6e6f0&tags=239347,239351",q=({status:t,message:l,subscribe:c})=>{const[n,u]=i.useState(""),[p,f]=i.useState(""),[d,s]=i.useState(!1),[g,r]=i.useState(""),[b,m]=i.useState(!1),y=h=>{u(h.target.value),d&&(s(!1),r("")),m(h.target.value.length>0)},x=()=>{if(!n){s(!0),r("Please enter your email address");return}if(!j.isValidEmail(n)){s(!0),r("Please enter a valid email address");return}s(!1),r(""),c({EMAIL:n})};return i.useEffect(()=>{t==="success"&&(f(n),u(""),s(!1),r(""),m(!1)),t==="error"&&typeof l=="string"&&(s(!0),r("Subscription failed. Please try again."))},[t,l]),e.jsxs("div",{className:S.cn(a.default.root,{[a.default.subscribed]:t==="success"}),children:[e.jsxs("div",{className:a.default.container,children:[e.jsx(o.Typography,{defaultVariant:"headingLg",mobileVariant:"headingSm",as:"h2",className:a.default.title,children:t==="success"?"Thanks for subscribing!":"Read the latest research reviews"}),e.jsx(o.Typography,{defaultVariant:"bodySm",mobileVariant:"bodyXs",as:"span",className:a.default.text,children:t==="success"?e.jsxs(e.Fragment,{children:["You will now begin receiving our monthly newsletter at"," ",e.jsx("b",{className:a.default.email,children:p}),". It's a great way to keep up to date on the latest developments in longevity science."]}):"Request The Longevity Blueprint to receive our weekly newsletter containing synopses of the latest clinical research."})]}),t==="sending"&&e.jsx("div",{className:a.default.container,children:e.jsx(o.Typography,{defaultVariant:"bodySm",mobileVariant:"bodyXs",as:"span",className:a.default.text,children:"Subscribing, please wait..."})}),t!=="success"&&t!=="sending"&&e.jsx(v.TextInput,{placeholder:"Your email",variant:"primary-invert",value:n,handleChange:y,onButtonClick:x,showButton:!0,error:d,errorText:g,active:b})]})},E=()=>e.jsx(T.default,{url:w,render:({subscribe:t,status:l,message:c})=>e.jsx(q,{status:l,message:c,subscribe:t})});exports.NewsLetter=E;
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { useState as n, useEffect as
|
|
3
|
-
import { Typography as
|
|
4
|
-
import { TextInput as
|
|
5
|
-
import { cn as
|
|
6
|
-
import
|
|
7
|
-
import { isValidEmail as
|
|
8
|
-
import
|
|
1
|
+
import { jsx as a, jsxs as c, Fragment as S } from "react/jsx-runtime";
|
|
2
|
+
import { useState as n, useEffect as x } from "react";
|
|
3
|
+
import { Typography as m } from "../../../../components/Typography/Typography.es.js";
|
|
4
|
+
import { TextInput as E } from "../../../../components/TextInput/TextInput.es.js";
|
|
5
|
+
import { cn as N } from "../../../../utils/cn/cn.es.js";
|
|
6
|
+
import V from "../../../../node_modules/react-mailchimp-subscribe/es/index.es.js";
|
|
7
|
+
import { isValidEmail as T } from "../../../../utils/isValidEmail.es.js";
|
|
8
|
+
import r from "./newsLetter.module.css.es.js";
|
|
9
9
|
const k = "//gethealthspan.us21.list-manage.com/subscribe/post?u=664ad54ec243b3582164cf116&id=2483a4d606&f_id=0050e6e6f0&tags=239347,239351", C = ({
|
|
10
10
|
status: e,
|
|
11
11
|
message: l,
|
|
12
12
|
subscribe: o
|
|
13
13
|
}) => {
|
|
14
|
-
const [s,
|
|
15
|
-
|
|
14
|
+
const [s, d] = n(""), [f, b] = n(""), [u, t] = n(!1), [g, i] = n(""), [v, h] = n(!1), y = (p) => {
|
|
15
|
+
d(p.target.value), u && (t(!1), i("")), h(p.target.value.length > 0);
|
|
16
16
|
}, w = () => {
|
|
17
17
|
if (!s) {
|
|
18
18
|
t(!0), i("Please enter your email address");
|
|
19
19
|
return;
|
|
20
20
|
}
|
|
21
|
-
if (!
|
|
21
|
+
if (!T(s)) {
|
|
22
22
|
t(!0), i("Please enter a valid email address");
|
|
23
23
|
return;
|
|
24
24
|
}
|
|
@@ -26,21 +26,21 @@ const k = "//gethealthspan.us21.list-manage.com/subscribe/post?u=664ad54ec243b35
|
|
|
26
26
|
EMAIL: s
|
|
27
27
|
});
|
|
28
28
|
};
|
|
29
|
-
return
|
|
30
|
-
e === "success" && (
|
|
31
|
-
}, [e, l]), /* @__PURE__ */ c("div", { className:
|
|
32
|
-
/* @__PURE__ */ c("div", { className:
|
|
33
|
-
/* @__PURE__ */
|
|
34
|
-
/* @__PURE__ */
|
|
29
|
+
return x(() => {
|
|
30
|
+
e === "success" && (b(s), d(""), t(!1), i(""), h(!1)), e === "error" && typeof l == "string" && (t(!0), i("Subscription failed. Please try again."));
|
|
31
|
+
}, [e, l]), /* @__PURE__ */ c("div", { className: N(r.root, { [r.subscribed]: e === "success" }), children: [
|
|
32
|
+
/* @__PURE__ */ c("div", { className: r.container, children: [
|
|
33
|
+
/* @__PURE__ */ a(m, { defaultVariant: "headingLg", mobileVariant: "headingSm", as: "h2", className: r.title, children: e === "success" ? "Thanks for subscribing!" : "Read the latest research reviews" }),
|
|
34
|
+
/* @__PURE__ */ a(m, { defaultVariant: "bodySm", mobileVariant: "bodyXs", as: "span", className: r.text, children: e === "success" ? /* @__PURE__ */ c(S, { children: [
|
|
35
35
|
"You will now begin receiving our monthly newsletter at",
|
|
36
36
|
" ",
|
|
37
|
-
/* @__PURE__ */
|
|
37
|
+
/* @__PURE__ */ a("b", { className: r.email, children: f }),
|
|
38
38
|
". It's a great way to keep up to date on the latest developments in longevity science."
|
|
39
39
|
] }) : "Request The Longevity Blueprint to receive our weekly newsletter containing synopses of the latest clinical research." })
|
|
40
40
|
] }),
|
|
41
|
-
e === "sending" && /* @__PURE__ */
|
|
42
|
-
e !== "success" && e !== "sending" && /* @__PURE__ */
|
|
43
|
-
|
|
41
|
+
e === "sending" && /* @__PURE__ */ a("div", { className: r.container, children: /* @__PURE__ */ a(m, { defaultVariant: "bodySm", mobileVariant: "bodyXs", as: "span", className: r.text, children: "Subscribing, please wait..." }) }),
|
|
42
|
+
e !== "success" && e !== "sending" && /* @__PURE__ */ a(
|
|
43
|
+
E,
|
|
44
44
|
{
|
|
45
45
|
placeholder: "Your email",
|
|
46
46
|
variant: "primary-invert",
|
|
@@ -48,21 +48,21 @@ const k = "//gethealthspan.us21.list-manage.com/subscribe/post?u=664ad54ec243b35
|
|
|
48
48
|
handleChange: y,
|
|
49
49
|
onButtonClick: w,
|
|
50
50
|
showButton: !0,
|
|
51
|
-
error:
|
|
52
|
-
errorText:
|
|
51
|
+
error: u,
|
|
52
|
+
errorText: g,
|
|
53
53
|
active: v
|
|
54
54
|
}
|
|
55
55
|
)
|
|
56
56
|
] });
|
|
57
|
-
}, R = () => /* @__PURE__ */
|
|
58
|
-
|
|
57
|
+
}, R = () => /* @__PURE__ */ a(
|
|
58
|
+
V,
|
|
59
59
|
{
|
|
60
60
|
url: k,
|
|
61
61
|
render: ({
|
|
62
62
|
subscribe: e,
|
|
63
63
|
status: l,
|
|
64
64
|
message: o
|
|
65
|
-
}) => /* @__PURE__ */
|
|
65
|
+
}) => /* @__PURE__ */ a(C, { status: l, message: o, subscribe: e })
|
|
66
66
|
}
|
|
67
67
|
);
|
|
68
68
|
export {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),k=require("../../../../components/Button/Button.cjs.js"),u=require("../../../../components/Icon/constants.cjs.js"),o=require("../../../../components/Typography/Typography.cjs.js"),x=require("../../../../components/Icon/Icon.cjs.js"),a=require("./topTreatmentsSlider.module.css.cjs.js"),p=({title:g,products:n})=>{const[l,m]=i.useState(0),[r,c]=i.useState(1),[t,d]=i.useState(!1),j=i.useMemo(()=>{if(n.length===2){const h=(l-1+n.length)%n.length,f=(l+1)%n.length;return[n[h],n[l===h?f:l],n[f]].filter((T,S,_)=>_.findIndex(C=>C.name===T.name)===S)}const s=(l-1+n.length)%n.length,I=(l+1)%n.length;return[n[s],n[l],n[I]]},[l,n]),v=i.useCallback(()=>{t||(d(!0),c(2))},[t]),N=i.useCallback(()=>{t||(d(!0),c(0))},[t]),y=()=>{r===2?m(s=>(s+1)%n.length):r===0&&m(s=>(s-1+n.length)%n.length),c(1),d(!1)},b=i.useCallback(()=>{const s=n[l];s!=null&&s.link&&window.open(s.link,"_blank")},[n,l]);return e.jsxs("div",{className:a.default.root,children:[e.jsx(o.Typography,{as:"span",defaultVariant:"labelSm",mobileVariant:"labelXs",weight:"regular",emphasis:!0,className:a.default.title,children:g}),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:t?"transform 0.3s cubic-bezier(0.4,0,0.2,1)":"none"},onTransitionEnd:y,children:j.map(s=>e.jsx("div",{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(o.Typography,{defaultVariant:"headingXs",children:s.name})}),e.jsx(o.Typography,{defaultVariant:"bodyMd",mobileVariant:"bodySm",className:a.default.price,children:s.price})]}),e.jsx("div",{className:a.default.actions,children:e.jsx("div",{className:a.default.btnLearnMore,children:e.jsx(k.Button,{size:"sm",variant:"primary-invert",onClick:b,children:"Learn More"})})})]})]})},s.name))}),e.jsxs("div",{className:a.default.switchers,children:[e.jsx("div",{className:a.default.arrowIcon,onClick:N,children:e.jsx(x.Icon,{name:u.EIconName.ARROW_BACK})}),e.jsx("div",{className:a.default.arrowIcon,onClick:v,children:e.jsx(x.Icon,{name:u.EIconName.ARROW_FORWARD})})]})]})]})};exports.TopTreatmentsSlider=p;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
type TProduct = {
|
|
2
|
+
name: string;
|
|
3
|
+
image: string;
|
|
4
|
+
price: string;
|
|
5
|
+
link: string;
|
|
6
|
+
};
|
|
7
|
+
type TTopTreatmentsSliderProps = {
|
|
8
|
+
title: string;
|
|
9
|
+
products: Array<TProduct>;
|
|
10
|
+
};
|
|
11
|
+
export declare const TopTreatmentsSlider: ({ title, products }: TTopTreatmentsSliderProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as r, jsx as i } from "react/jsx-runtime";
|
|
3
|
+
import { useState as o, useMemo as V, useCallback as d } from "react";
|
|
4
|
+
import { Button as W } from "../../../../components/Button/Button.es.js";
|
|
5
|
+
import { EIconName as N } from "../../../../components/Icon/constants.es.js";
|
|
6
|
+
import { Typography as h } from "../../../../components/Typography/Typography.es.js";
|
|
7
|
+
import { Icon as x } from "../../../../components/Icon/Icon.es.js";
|
|
8
|
+
import n from "./topTreatmentsSlider.module.css.es.js";
|
|
9
|
+
const z = ({ title: b, products: e }) => {
|
|
10
|
+
const [l, f] = o(0), [t, m] = o(1), [s, c] = o(!1), I = V(() => {
|
|
11
|
+
if (e.length === 2) {
|
|
12
|
+
const g = (l - 1 + e.length) % e.length, v = (l + 1) % e.length;
|
|
13
|
+
return [e[g], e[l === g ? v : l], e[v]].filter(
|
|
14
|
+
(R, S, T) => T.findIndex((M) => M.name === R.name) === S
|
|
15
|
+
);
|
|
16
|
+
}
|
|
17
|
+
const a = (l - 1 + e.length) % e.length, A = (l + 1) % e.length;
|
|
18
|
+
return [e[a], e[l], e[A]];
|
|
19
|
+
}, [l, e]), w = d(() => {
|
|
20
|
+
s || (c(!0), m(2));
|
|
21
|
+
}, [s]), C = d(() => {
|
|
22
|
+
s || (c(!0), m(0));
|
|
23
|
+
}, [s]), k = () => {
|
|
24
|
+
t === 2 ? f((a) => (a + 1) % e.length) : t === 0 && f((a) => (a - 1 + e.length) % e.length), m(1), c(!1);
|
|
25
|
+
}, y = d(() => {
|
|
26
|
+
const a = e[l];
|
|
27
|
+
a != null && a.link && window.open(a.link, "_blank");
|
|
28
|
+
}, [e, l]);
|
|
29
|
+
return /* @__PURE__ */ r("div", { className: n.root, children: [
|
|
30
|
+
/* @__PURE__ */ i(
|
|
31
|
+
h,
|
|
32
|
+
{
|
|
33
|
+
as: "span",
|
|
34
|
+
defaultVariant: "labelSm",
|
|
35
|
+
mobileVariant: "labelXs",
|
|
36
|
+
weight: "regular",
|
|
37
|
+
emphasis: !0,
|
|
38
|
+
className: n.title,
|
|
39
|
+
children: b
|
|
40
|
+
}
|
|
41
|
+
),
|
|
42
|
+
/* @__PURE__ */ r("div", { className: n.sliderContainer, children: [
|
|
43
|
+
/* @__PURE__ */ i(
|
|
44
|
+
"div",
|
|
45
|
+
{
|
|
46
|
+
className: n.sliderTrack,
|
|
47
|
+
style: {
|
|
48
|
+
transform: `translateX(calc(-${t * 100}% - ${t * 10}px))`,
|
|
49
|
+
transition: s ? "transform 0.3s cubic-bezier(0.4,0,0.2,1)" : "none"
|
|
50
|
+
},
|
|
51
|
+
onTransitionEnd: k,
|
|
52
|
+
children: I.map((a) => /* @__PURE__ */ i("div", { className: n.slide, children: /* @__PURE__ */ r("div", { className: n.productCard, children: [
|
|
53
|
+
/* @__PURE__ */ i("div", { className: n.imageWrapper, children: /* @__PURE__ */ i("img", { src: a.image, alt: a.name, className: n.image }) }),
|
|
54
|
+
/* @__PURE__ */ r("div", { className: n.rightSide, children: [
|
|
55
|
+
/* @__PURE__ */ r("div", { className: n.headerSplit, children: [
|
|
56
|
+
/* @__PURE__ */ i("div", { className: n.nameContainer, children: /* @__PURE__ */ i(h, { defaultVariant: "headingXs", children: a.name }) }),
|
|
57
|
+
/* @__PURE__ */ i(
|
|
58
|
+
h,
|
|
59
|
+
{
|
|
60
|
+
defaultVariant: "bodyMd",
|
|
61
|
+
mobileVariant: "bodySm",
|
|
62
|
+
className: n.price,
|
|
63
|
+
children: a.price
|
|
64
|
+
}
|
|
65
|
+
)
|
|
66
|
+
] }),
|
|
67
|
+
/* @__PURE__ */ i("div", { className: n.actions, children: /* @__PURE__ */ i("div", { className: n.btnLearnMore, children: /* @__PURE__ */ i(W, { size: "sm", variant: "primary-invert", onClick: y, children: "Learn More" }) }) })
|
|
68
|
+
] })
|
|
69
|
+
] }) }, a.name))
|
|
70
|
+
}
|
|
71
|
+
),
|
|
72
|
+
/* @__PURE__ */ r("div", { className: n.switchers, children: [
|
|
73
|
+
/* @__PURE__ */ i("div", { className: n.arrowIcon, onClick: C, children: /* @__PURE__ */ i(x, { name: N.ARROW_BACK }) }),
|
|
74
|
+
/* @__PURE__ */ i("div", { className: n.arrowIcon, onClick: w, children: /* @__PURE__ */ i(x, { name: N.ARROW_FORWARD }) })
|
|
75
|
+
] })
|
|
76
|
+
] })
|
|
77
|
+
] });
|
|
78
|
+
};
|
|
79
|
+
export {
|
|
80
|
+
z as TopTreatmentsSlider
|
|
81
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { TopTreatmentsSlider } from './TopTreatmentsSlider';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="topTreatmentsSlider-module__root___gc0r9",t="topTreatmentsSlider-module__title___fS4-4",r="topTreatmentsSlider-module__sliderContainer___aBN2W",o="topTreatmentsSlider-module__sliderTrack___xWKWY",_="topTreatmentsSlider-module__slide___fg2k3",i="topTreatmentsSlider-module__productCard___jzwuf",n="topTreatmentsSlider-module__imageWrapper___hbllD",a="topTreatmentsSlider-module__image___b-BBl",d="topTreatmentsSlider-module__rightSide___fpsGN",s="topTreatmentsSlider-module__headerSplit___Xukme",l="topTreatmentsSlider-module__nameContainer___ezWY9",m="topTreatmentsSlider-module__price___VdKqf",c="topTreatmentsSlider-module__actions___cbNsH",p="topTreatmentsSlider-module__switchers___ESrkt",u="topTreatmentsSlider-module__btnLearnMore___AVinw",S="topTreatmentsSlider-module__arrowIcon___YyyvO",T={root:e,title:t,sliderContainer:r,sliderTrack:o,slide:_,productCard:i,imageWrapper:n,image:a,rightSide:d,headerSplit:s,nameContainer:l,price:m,actions:c,switchers:p,btnLearnMore:u,arrowIcon:S};exports.actions=c;exports.arrowIcon=S;exports.btnLearnMore=u;exports.default=T;exports.headerSplit=s;exports.image=a;exports.imageWrapper=n;exports.nameContainer=l;exports.price=m;exports.productCard=i;exports.rightSide=d;exports.root=e;exports.slide=_;exports.sliderContainer=r;exports.sliderTrack=o;exports.switchers=p;exports.title=t;
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
const e = "topTreatmentsSlider-module__root___gc0r9", t = "topTreatmentsSlider-module__title___fS4-4", r = "topTreatmentsSlider-module__sliderContainer___aBN2W", _ = "topTreatmentsSlider-module__sliderTrack___xWKWY", o = "topTreatmentsSlider-module__slide___fg2k3", n = "topTreatmentsSlider-module__productCard___jzwuf", i = "topTreatmentsSlider-module__imageWrapper___hbllD", s = "topTreatmentsSlider-module__image___b-BBl", a = "topTreatmentsSlider-module__rightSide___fpsGN", d = "topTreatmentsSlider-module__headerSplit___Xukme", l = "topTreatmentsSlider-module__nameContainer___ezWY9", m = "topTreatmentsSlider-module__price___VdKqf", c = "topTreatmentsSlider-module__actions___cbNsH", p = "topTreatmentsSlider-module__switchers___ESrkt", S = "topTreatmentsSlider-module__btnLearnMore___AVinw", u = "topTreatmentsSlider-module__arrowIcon___YyyvO", T = {
|
|
2
|
+
root: e,
|
|
3
|
+
title: t,
|
|
4
|
+
sliderContainer: r,
|
|
5
|
+
sliderTrack: _,
|
|
6
|
+
slide: o,
|
|
7
|
+
productCard: n,
|
|
8
|
+
imageWrapper: i,
|
|
9
|
+
image: s,
|
|
10
|
+
rightSide: a,
|
|
11
|
+
headerSplit: d,
|
|
12
|
+
nameContainer: l,
|
|
13
|
+
price: m,
|
|
14
|
+
actions: c,
|
|
15
|
+
switchers: p,
|
|
16
|
+
btnLearnMore: S,
|
|
17
|
+
arrowIcon: u
|
|
18
|
+
};
|
|
19
|
+
export {
|
|
20
|
+
c as actions,
|
|
21
|
+
u as arrowIcon,
|
|
22
|
+
S as btnLearnMore,
|
|
23
|
+
T as default,
|
|
24
|
+
d as headerSplit,
|
|
25
|
+
s as image,
|
|
26
|
+
i as imageWrapper,
|
|
27
|
+
l as nameContainer,
|
|
28
|
+
m as price,
|
|
29
|
+
n as productCard,
|
|
30
|
+
a as rightSide,
|
|
31
|
+
e as root,
|
|
32
|
+
o as slide,
|
|
33
|
+
r as sliderContainer,
|
|
34
|
+
_ as sliderTrack,
|
|
35
|
+
p as switchers,
|
|
36
|
+
t as title
|
|
37
|
+
};
|
|
@@ -3,3 +3,4 @@ export { FooterLinksBlock } from './FooterLinksBlock';
|
|
|
3
3
|
export { NewsLetter } from './NewsLetter';
|
|
4
4
|
export { TextInput } from '../../../components/TextInput';
|
|
5
5
|
export { AccordionFooter } from './AccordionFooter';
|
|
6
|
+
export { TopTreatmentsSlider } from './TopTreatmentsSlider';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zenpatient-org/healthspan-marketing-ui",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.62",
|
|
4
4
|
"description": "Design system",
|
|
5
5
|
"main": "dist/index.cjs.js",
|
|
6
6
|
"module": "dist/index.es.js",
|
|
@@ -561,6 +561,11 @@
|
|
|
561
561
|
"import": "./dist/pageComponents/HowItWorksHero/HowItWorksHero.es.js",
|
|
562
562
|
"require": "./dist/pageComponents/HowItWorksHero/HowItWorksHero.cjs.js"
|
|
563
563
|
},
|
|
564
|
+
"./Banner": {
|
|
565
|
+
"types": "./dist/pageComponents/Banner/Banner.d.ts",
|
|
566
|
+
"import": "./dist/pageComponents/Banner/Banner.es.js",
|
|
567
|
+
"require": "./dist/pageComponents/Banner/Banner.cjs.js"
|
|
568
|
+
},
|
|
564
569
|
"./TextBlockAnimated": {
|
|
565
570
|
"types": "./dist/modules/TextBlockAnimated/TextBlockAnimated.d.ts",
|
|
566
571
|
"import": "./dist/modules/TextBlockAnimated/TextBlockAnimated.es.js",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("../../../../components/Button/Button.cjs.js"),n=require("../../../../components/Icon/constants.cjs.js"),s=require("../../../../components/Typography/Typography.cjs.js"),t=require("../../../../components/Icon/Icon.cjs.js"),a=require("./topTreatmentsCard.module.css.cjs.js"),h=({title:l,image:i,name:r,price:c,onPrev:d,onNext:o,onLearnMore:u})=>e.jsxs("div",{className:a.default.root,children:[e.jsx(s.Typography,{as:"span",defaultVariant:"labelSm",mobileVariant:"labelXs",weight:"regular",emphasis:!0,className:a.default.title,children:l}),e.jsxs("div",{className:a.default.productCard,children:[e.jsx("img",{src:i,alt:r,className:a.default.image}),e.jsxs("div",{className:a.default.rightSide,children:[e.jsx("div",{className:a.default.productInfo,children:e.jsx("div",{className:a.default.productInfoHeader,children:e.jsxs("div",{className:a.default.headerSplit,children:[e.jsx("div",{className:a.default.nameContainer,children:e.jsx(s.Typography,{defaultVariant:"headingXs",children:r})}),e.jsx(s.Typography,{defaultVariant:"bodyMd",mobileVariant:"bodySm",className:a.default.price,children:c})]})})}),e.jsxs("div",{className:a.default.actions,children:[e.jsx("div",{className:a.default.btnLearnMore,children:e.jsx(m.Button,{size:"sm",variant:"primary-invert",onClick:u,children:"Learn More"})}),e.jsxs("div",{className:a.default.switchers,children:[e.jsx("div",{className:a.default.arrowIcon,onClick:d,children:e.jsx(t.Icon,{name:n.EIconName.ARROW_BACK})}),e.jsx("div",{className:a.default.arrowIcon,onClick:o,children:e.jsx(t.Icon,{name:n.EIconName.ARROW_FORWARD})})]})]})]})]})]});exports.TopTreatmentsCard=h;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
type TTopTreatmentsCardProps = {
|
|
2
|
-
title: string;
|
|
3
|
-
image: string;
|
|
4
|
-
name: string;
|
|
5
|
-
price: string;
|
|
6
|
-
onPrev: () => void;
|
|
7
|
-
onNext: () => void;
|
|
8
|
-
onLearnMore: () => void;
|
|
9
|
-
};
|
|
10
|
-
export declare const TopTreatmentsCard: ({ title, image, name, price, onPrev, onNext, onLearnMore, }: TTopTreatmentsCardProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
export {};
|