@zenpatient-org/healthspan-marketing-ui 0.1.66 → 0.1.69

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.
Files changed (57) hide show
  1. package/dist/components/Accordion/components/AccordionItem/AccordionItem.cjs.js +1 -1
  2. package/dist/components/Accordion/components/AccordionItem/AccordionItem.es.js +1 -0
  3. package/dist/components/AnchorLinks/AnchorLinks.cjs.js +1 -1
  4. package/dist/components/AnchorLinks/AnchorLinks.es.js +10 -9
  5. package/dist/components/Button/Button.cjs.js +1 -1
  6. package/dist/components/Button/Button.es.js +16 -15
  7. package/dist/components/ComplexTooltip/components/ComplexTooltipContent/ComplexTooltipContent.cjs.js +1 -1
  8. package/dist/components/ComplexTooltip/components/ComplexTooltipContent/ComplexTooltipContent.es.js +13 -12
  9. package/dist/components/ContentTabs/ContentTabs.cjs.js +1 -1
  10. package/dist/components/ContentTabs/ContentTabs.es.js +21 -26
  11. package/dist/components/ContentTabs/contentTabs.module.css.cjs.js +1 -1
  12. package/dist/components/ContentTabs/contentTabs.module.css.es.js +18 -14
  13. package/dist/components/FAQComponentItem/FAQComponentItem.cjs.js +1 -1
  14. package/dist/components/FAQComponentItem/FAQComponentItem.es.js +7 -6
  15. package/dist/components/GalleryPagination/GalleryPagination.cjs.js +1 -1
  16. package/dist/components/GalleryPagination/GalleryPagination.es.js +1 -0
  17. package/dist/components/IconButton/IconButton.cjs.js +1 -1
  18. package/dist/components/IconButton/IconButton.es.js +5 -4
  19. package/dist/components/PlayButton/PlayButton.cjs.js +1 -1
  20. package/dist/components/PlayButton/PlayButton.es.js +4 -3
  21. package/dist/components/ProductGalleryCard/ProductGalleryCard.cjs.js +1 -1
  22. package/dist/components/ProductGalleryCard/ProductGalleryCard.es.js +1 -0
  23. package/dist/components/ProgramCard/ProgramCard.cjs.js +1 -1
  24. package/dist/components/ProgramCard/ProgramCard.es.js +22 -13
  25. package/dist/components/ProgramCard/programCard.module.css.cjs.js +1 -1
  26. package/dist/components/ProgramCard/programCard.module.css.es.js +8 -6
  27. package/dist/components/ProgressButton/ProgressButton.cjs.js +1 -1
  28. package/dist/components/ProgressButton/ProgressButton.es.js +6 -5
  29. package/dist/components/Tabs/Tabs.cjs.js +1 -1
  30. package/dist/components/Tabs/Tabs.es.js +1 -0
  31. package/dist/components/Tag/Tag.cjs.js +1 -1
  32. package/dist/components/Tag/Tag.es.js +8 -7
  33. package/dist/components/TextButton/TextButton.cjs.js +1 -1
  34. package/dist/components/TextButton/TextButton.es.js +13 -12
  35. package/dist/components/TextInput/TextInput.cjs.js +1 -1
  36. package/dist/components/TextInput/TextInput.es.js +13 -12
  37. package/dist/healthspan-marketing-ui.css +1 -1
  38. package/dist/modules/HighestStandards/components/TabsMenu/components/TabsMenutem/TabsMenuItem.cjs.js +1 -1
  39. package/dist/modules/HighestStandards/components/TabsMenu/components/TabsMenutem/TabsMenuItem.es.js +10 -9
  40. package/dist/modules/IndividualProductCard/components/PlanCard/PlanCard.cjs.js +1 -1
  41. package/dist/modules/IndividualProductCard/components/PlanCard/PlanCard.es.js +1 -0
  42. package/dist/modules/IngredientHighlight/IngredientHighlight.cjs.js +1 -1
  43. package/dist/modules/IngredientHighlight/IngredientHighlight.es.js +10 -9
  44. package/dist/modules/IngredientHighlight/components/Ingredient/Ingredient.cjs.js +1 -1
  45. package/dist/modules/IngredientHighlight/components/Ingredient/Ingredient.es.js +4 -3
  46. package/dist/modules/ResearchStudies/ResearchStudies.cjs.js +1 -1
  47. package/dist/modules/ResearchStudies/ResearchStudies.es.js +1 -0
  48. package/dist/modules/Testimonial/components/Product/Product.cjs.js +1 -1
  49. package/dist/modules/Testimonial/components/Product/Product.es.js +9 -8
  50. package/dist/pageComponents/Footer/Footer.cjs.js +1 -1
  51. package/dist/pageComponents/Footer/Footer.d.ts +2 -2
  52. package/dist/pageComponents/Footer/Footer.es.js +26 -26
  53. package/dist/pageComponents/Footer/components/LinksColumn/LinksColumn.cjs.js +1 -1
  54. package/dist/pageComponents/Footer/components/LinksColumn/LinksColumn.es.js +1 -0
  55. package/dist/pageComponents/Footer/components/NewsLetter/NewsLetter.cjs.js +1 -1
  56. package/dist/pageComponents/Footer/components/NewsLetter/NewsLetter.es.js +1 -0
  57. package/package.json +1 -1
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../../../../utils/cn/cn.cjs.js"),a=require("../../../../../../components/Icon/Icon.cjs.js"),s=require("../../../../../../components/Icon/constants.cjs.js"),o=require("../../../../../../components/Typography/Typography.cjs.js"),n=require("./tabsMenuItem.module.css.cjs.js"),u=({title:r,content:i,isOpen:c,index:l,onClick:d})=>e.jsxs("div",{onClick:()=>d(l??0),className:n.default.root,children:[e.jsxs("div",{className:n.default.header,children:[e.jsxs("div",{className:n.default.titleWithPrefixIconWrapper,children:[e.jsx(a.Icon,{name:s.EIconName.CIRCLE_CHECK_FILL,className:n.default.prefixIcon}),e.jsx(o.Typography,{defaultVariant:"headingSm",mobileVariant:"headingXxs",children:r})]}),e.jsxs("div",{className:n.default.closeButtonWrapper,children:[e.jsx(a.Icon,{name:s.EIconName.BRACKET_LEFT}),e.jsx("div",{className:t.cn(n.default.closeButton,{[n.default.closeButtonActive]:c}),children:e.jsx(a.Icon,{name:s.EIconName.PLUS})}),e.jsx(a.Icon,{name:s.EIconName.BRACKET_RIGHT})]})]}),e.jsx("div",{className:t.cn(n.default.description,{[n.default.descriptionShow]:c}),children:e.jsx("div",{className:n.default.descriptionInner,children:e.jsx(o.Typography,{as:"p",defaultVariant:"bodySm",mobileVariant:"bodyXs",children:i})})})]});exports.TabsMenuItem=u;
1
+ "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../../../../utils/cn/cn.cjs.js"),a=require("../../../../../../components/Icon/Icon.cjs.js"),s=require("../../../../../../components/Icon/constants.cjs.js"),o=require("../../../../../../components/Typography/Typography.cjs.js"),n=require("./tabsMenuItem.module.css.cjs.js"),u=({title:r,content:i,isOpen:c,index:l,onClick:d})=>e.jsxs("div",{onClick:()=>d(l??0),className:n.default.root,children:[e.jsxs("div",{className:n.default.header,children:[e.jsxs("div",{className:n.default.titleWithPrefixIconWrapper,children:[e.jsx(a.Icon,{name:s.EIconName.CIRCLE_CHECK_FILL,className:n.default.prefixIcon}),e.jsx(o.Typography,{defaultVariant:"headingSm",mobileVariant:"headingXxs",children:r})]}),e.jsxs("div",{className:n.default.closeButtonWrapper,children:[e.jsx(a.Icon,{name:s.EIconName.BRACKET_LEFT}),e.jsx("div",{className:t.cn(n.default.closeButton,{[n.default.closeButtonActive]:c}),children:e.jsx(a.Icon,{name:s.EIconName.PLUS})}),e.jsx(a.Icon,{name:s.EIconName.BRACKET_RIGHT})]})]}),e.jsx("div",{className:t.cn(n.default.description,{[n.default.descriptionShow]:c}),children:e.jsx("div",{className:n.default.descriptionInner,children:e.jsx(o.Typography,{as:"p",defaultVariant:"bodySm",mobileVariant:"bodyXs",children:i})})})]});exports.TabsMenuItem=u;
@@ -1,31 +1,32 @@
1
+ "use client";
1
2
  import { jsxs as r, jsx as i } from "react/jsx-runtime";
2
3
  import { cn as c } from "../../../../../../utils/cn/cn.es.js";
3
4
  import { Icon as a } from "../../../../../../components/Icon/Icon.es.js";
4
- import { EIconName as o } from "../../../../../../components/Icon/constants.es.js";
5
+ import { EIconName as n } from "../../../../../../components/Icon/constants.es.js";
5
6
  import { Typography as s } from "../../../../../../components/Typography/Typography.es.js";
6
7
  import e from "./tabsMenuItem.module.css.es.js";
7
- const u = ({ title: t, content: m, isOpen: n, index: l, onClick: d }) => /* @__PURE__ */ r("div", { onClick: () => d(l ?? 0), className: e.root, children: [
8
+ const v = ({ title: t, content: m, isOpen: o, index: l, onClick: d }) => /* @__PURE__ */ r("div", { onClick: () => d(l ?? 0), className: e.root, children: [
8
9
  /* @__PURE__ */ r("div", { className: e.header, children: [
9
10
  /* @__PURE__ */ r("div", { className: e.titleWithPrefixIconWrapper, children: [
10
- /* @__PURE__ */ i(a, { name: o.CIRCLE_CHECK_FILL, className: e.prefixIcon }),
11
+ /* @__PURE__ */ i(a, { name: n.CIRCLE_CHECK_FILL, className: e.prefixIcon }),
11
12
  /* @__PURE__ */ i(s, { defaultVariant: "headingSm", mobileVariant: "headingXxs", children: t })
12
13
  ] }),
13
14
  /* @__PURE__ */ r("div", { className: e.closeButtonWrapper, children: [
14
- /* @__PURE__ */ i(a, { name: o.BRACKET_LEFT }),
15
+ /* @__PURE__ */ i(a, { name: n.BRACKET_LEFT }),
15
16
  /* @__PURE__ */ i(
16
17
  "div",
17
18
  {
18
19
  className: c(e.closeButton, {
19
- [e.closeButtonActive]: n
20
+ [e.closeButtonActive]: o
20
21
  }),
21
- children: /* @__PURE__ */ i(a, { name: o.PLUS })
22
+ children: /* @__PURE__ */ i(a, { name: n.PLUS })
22
23
  }
23
24
  ),
24
- /* @__PURE__ */ i(a, { name: o.BRACKET_RIGHT })
25
+ /* @__PURE__ */ i(a, { name: n.BRACKET_RIGHT })
25
26
  ] })
26
27
  ] }),
27
- /* @__PURE__ */ i("div", { className: c(e.description, { [e.descriptionShow]: n }), children: /* @__PURE__ */ i("div", { className: e.descriptionInner, children: /* @__PURE__ */ i(s, { as: "p", defaultVariant: "bodySm", mobileVariant: "bodyXs", children: m }) }) })
28
+ /* @__PURE__ */ i("div", { className: c(e.description, { [e.descriptionShow]: o }), children: /* @__PURE__ */ i("div", { className: e.descriptionInner, children: /* @__PURE__ */ i(s, { as: "p", defaultVariant: "bodySm", mobileVariant: "bodyXs", children: m }) }) })
28
29
  ] });
29
30
  export {
30
- u as TabsMenuItem
31
+ v as TabsMenuItem
31
32
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../../../components/Icon/Icon.cjs.js"),l=require("../../../../components/Icon/constants.cjs.js"),d=require("../../../../components/RadioButton/RadioButton.cjs.js"),t=require("../../../../components/Typography/Typography.cjs.js"),u=require("../../../../components/Label/Label.cjs.js"),n=require("../../../../utils/cn/cn.cjs.js"),i=require("../../../../utils/formatUnits/formatUnits.cjs.js"),a=require("./planCard.module.css.cjs.js"),m=({plan:s,isActive:r,onSelect:o})=>e.jsxs("button",{className:n.cn(a.default.root,r&&a.default.active),onClick:()=>o(s.id),children:[s.featured&&e.jsx(u.Label,{color:"black",className:a.default.label,size:"sm",children:"Most popular"}),e.jsxs("div",{className:a.default.planContainer,children:[e.jsxs("div",{className:a.default.planInfo,children:[e.jsx(d.RadioButton,{checked:r}),e.jsxs("div",{className:a.default.planDetails,children:[e.jsx(t.Typography,{as:"h4",defaultVariant:"bodySm",emphasis:!0,children:s.label}),!!s.savingsPercentage&&e.jsxs(t.Typography,{as:"p",defaultVariant:"labelXs",weight:"regular",className:a.default.description,children:["Save ",s.savingsPercentage,"%"]})]})]}),e.jsxs("div",{className:a.default.priceDetails,children:[e.jsxs("div",{className:n.cn(a.default.priceContainer),children:[s.price!==s.totalPrice&&e.jsx(t.Typography,{as:"p",defaultVariant:"bodySm",weight:"regular",className:a.default.totalPrice,children:i.formatUnits(s.price,"usd",0)}),e.jsx(t.Typography,{as:"p",defaultVariant:"bodySm",emphasis:!0,className:a.default.price,children:i.formatUnits(s.totalPrice,"usd",0)})]}),!!s.monthlyPrice&&e.jsxs(t.Typography,{as:"p",defaultVariant:"labelXs",weight:"regular",className:a.default.description,children:[i.formatUnits(s.monthlyPrice,"usd",0),"/mo"]})]})]}),!!s.duration&&s.duration!=="one-time"&&e.jsx("div",{className:n.cn(a.default.benefitsContainer,r&&a.default.benefitsActive),children:e.jsxs("div",{className:a.default.benefitsContent,children:[e.jsxs("div",{className:a.default.benefit,children:[e.jsx(c.Icon,{name:l.EIconName.ARROW_RETURN,className:a.default.benefitIcon}),e.jsx(t.Typography,{as:"p",defaultVariant:"bodyXs",children:"Delivered every month"})]}),e.jsxs("div",{className:a.default.benefit,children:[e.jsx(c.Icon,{name:l.EIconName.CALENDAR,className:a.default.benefitIcon}),e.jsx(t.Typography,{as:"p",defaultVariant:"bodyXs",children:"Modify or cancel anytime"})]})]})})]});exports.PlanCard=m;
1
+ "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../../../components/Icon/Icon.cjs.js"),l=require("../../../../components/Icon/constants.cjs.js"),d=require("../../../../components/RadioButton/RadioButton.cjs.js"),t=require("../../../../components/Typography/Typography.cjs.js"),u=require("../../../../components/Label/Label.cjs.js"),n=require("../../../../utils/cn/cn.cjs.js"),i=require("../../../../utils/formatUnits/formatUnits.cjs.js"),a=require("./planCard.module.css.cjs.js"),m=({plan:s,isActive:r,onSelect:o})=>e.jsxs("button",{className:n.cn(a.default.root,r&&a.default.active),onClick:()=>o(s.id),children:[s.featured&&e.jsx(u.Label,{color:"black",className:a.default.label,size:"sm",children:"Most popular"}),e.jsxs("div",{className:a.default.planContainer,children:[e.jsxs("div",{className:a.default.planInfo,children:[e.jsx(d.RadioButton,{checked:r}),e.jsxs("div",{className:a.default.planDetails,children:[e.jsx(t.Typography,{as:"h4",defaultVariant:"bodySm",emphasis:!0,children:s.label}),!!s.savingsPercentage&&e.jsxs(t.Typography,{as:"p",defaultVariant:"labelXs",weight:"regular",className:a.default.description,children:["Save ",s.savingsPercentage,"%"]})]})]}),e.jsxs("div",{className:a.default.priceDetails,children:[e.jsxs("div",{className:n.cn(a.default.priceContainer),children:[s.price!==s.totalPrice&&e.jsx(t.Typography,{as:"p",defaultVariant:"bodySm",weight:"regular",className:a.default.totalPrice,children:i.formatUnits(s.price,"usd",0)}),e.jsx(t.Typography,{as:"p",defaultVariant:"bodySm",emphasis:!0,className:a.default.price,children:i.formatUnits(s.totalPrice,"usd",0)})]}),!!s.monthlyPrice&&e.jsxs(t.Typography,{as:"p",defaultVariant:"labelXs",weight:"regular",className:a.default.description,children:[i.formatUnits(s.monthlyPrice,"usd",0),"/mo"]})]})]}),!!s.duration&&s.duration!=="one-time"&&e.jsx("div",{className:n.cn(a.default.benefitsContainer,r&&a.default.benefitsActive),children:e.jsxs("div",{className:a.default.benefitsContent,children:[e.jsxs("div",{className:a.default.benefit,children:[e.jsx(c.Icon,{name:l.EIconName.ARROW_RETURN,className:a.default.benefitIcon}),e.jsx(t.Typography,{as:"p",defaultVariant:"bodyXs",children:"Delivered every month"})]}),e.jsxs("div",{className:a.default.benefit,children:[e.jsx(c.Icon,{name:l.EIconName.CALENDAR,className:a.default.benefitIcon}),e.jsx(t.Typography,{as:"p",defaultVariant:"bodyXs",children:"Modify or cancel anytime"})]})]})})]});exports.PlanCard=m;
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsxs as i, jsx as r } from "react/jsx-runtime";
2
3
  import { Icon as n } from "../../../../components/Icon/Icon.es.js";
3
4
  import { EIconName as o } from "../../../../components/Icon/constants.es.js";
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("react"),d=require("./components/Ingredient/Ingredient.cjs.js"),n=require("./ingredientHighlight.module.css.cjs.js"),g=({items:s})=>{const[r,a]=l.useState(0),c=i=>{a(e=>e===i?e:i)};return t.jsx("section",{className:n.default.root,children:t.jsxs("div",{className:n.default.container,children:[t.jsx("div",{className:n.default.imageContainer,children:t.jsx("img",{src:s[r].image,alt:"background image",className:n.default.image})}),t.jsx("div",{className:n.default.ingredients,children:s.map((i,e)=>t.jsx(d.Ingredient,{title:i.title,description:i.description,isOpen:r===e,index:e,onClick:c},e))})]})})};exports.IngredientHighlight=g;
1
+ "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("react"),d=require("./components/Ingredient/Ingredient.cjs.js"),n=require("./ingredientHighlight.module.css.cjs.js"),g=({items:s})=>{const[r,a]=l.useState(0),c=i=>{a(e=>e===i?e:i)};return t.jsx("section",{className:n.default.root,children:t.jsxs("div",{className:n.default.container,children:[t.jsx("div",{className:n.default.imageContainer,children:t.jsx("img",{src:s[r].image,alt:"background image",className:n.default.image})}),t.jsx("div",{className:n.default.ingredients,children:s.map((i,e)=>t.jsx(d.Ingredient,{title:i.title,description:i.description,isOpen:r===e,index:e,onClick:c},e))})]})})};exports.IngredientHighlight=g;
@@ -1,21 +1,22 @@
1
- import { jsx as t, jsxs as c } from "react/jsx-runtime";
1
+ "use client";
2
+ import { jsx as t, jsxs as a } from "react/jsx-runtime";
2
3
  import { useState as m } from "react";
3
4
  import { Ingredient as l } from "./components/Ingredient/Ingredient.es.js";
4
5
  import s from "./ingredientHighlight.module.css.es.js";
5
- const I = ({ items: r }) => {
6
- const [n, o] = m(0), a = (i) => {
7
- o((e) => e === i ? e : i);
6
+ const I = ({ items: n }) => {
7
+ const [r, c] = m(0), o = (i) => {
8
+ c((e) => e === i ? e : i);
8
9
  };
9
- return /* @__PURE__ */ t("section", { className: s.root, children: /* @__PURE__ */ c("div", { className: s.container, children: [
10
- /* @__PURE__ */ t("div", { className: s.imageContainer, children: /* @__PURE__ */ t("img", { src: r[n].image, alt: "background image", className: s.image }) }),
11
- /* @__PURE__ */ t("div", { className: s.ingredients, children: r.map((i, e) => /* @__PURE__ */ t(
10
+ return /* @__PURE__ */ t("section", { className: s.root, children: /* @__PURE__ */ a("div", { className: s.container, children: [
11
+ /* @__PURE__ */ t("div", { className: s.imageContainer, children: /* @__PURE__ */ t("img", { src: n[r].image, alt: "background image", className: s.image }) }),
12
+ /* @__PURE__ */ t("div", { className: s.ingredients, children: n.map((i, e) => /* @__PURE__ */ t(
12
13
  l,
13
14
  {
14
15
  title: i.title,
15
16
  description: i.description,
16
- isOpen: n === e,
17
+ isOpen: r === e,
17
18
  index: e,
18
- onClick: a
19
+ onClick: o
19
20
  },
20
21
  e
21
22
  )) })
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("../../../../components/Typography/Typography.cjs.js"),a=require("../../../../utils/cn/cn.cjs.js"),r=require("./ingredient.module.css.cjs.js"),l=({title:i,description:t,isOpen:n,index:o,onClick:c})=>e.jsxs("div",{onClick:()=>c(o??0),className:a.cn(r.default.root,{[r.default.rootOpened]:n}),children:[e.jsx("div",{className:r.default.header,children:e.jsx(d.Typography,{defaultVariant:"headingXs",color:`color-text-primary${n?"":"-disabled"}`,children:i})}),!!t&&e.jsx("div",{className:a.cn(r.default.description,{[r.default.descriptionShow]:n}),children:e.jsx("div",{className:r.default.descriptionInner,children:e.jsx(d.Typography,{as:"p",defaultVariant:"bodySm",children:t})})})]});exports.Ingredient=l;
1
+ "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("../../../../components/Typography/Typography.cjs.js"),i=require("../../../../utils/cn/cn.cjs.js"),r=require("./ingredient.module.css.cjs.js"),l=({title:a,description:t,isOpen:n,index:o,onClick:c})=>e.jsxs("div",{onClick:()=>c(o??0),className:i.cn(r.default.root,{[r.default.rootOpened]:n}),children:[e.jsx("div",{className:r.default.header,children:e.jsx(d.Typography,{defaultVariant:"headingXs",color:`color-text-primary${n?"":"-disabled"}`,children:a})}),!!t&&e.jsx("div",{className:i.cn(r.default.description,{[r.default.descriptionShow]:n}),children:e.jsx("div",{className:r.default.descriptionInner,children:e.jsx(d.Typography,{as:"p",defaultVariant:"bodySm",children:t})})})]});exports.Ingredient=l;
@@ -1,10 +1,11 @@
1
+ "use client";
1
2
  import { jsxs as l, jsx as e } from "react/jsx-runtime";
2
3
  import { Typography as d } from "../../../../components/Typography/Typography.es.js";
3
4
  import { cn as a } from "../../../../utils/cn/cn.es.js";
4
5
  import r from "./ingredient.module.css.es.js";
5
- const f = ({ title: t, description: i, isOpen: o, index: n, onClick: c }) => /* @__PURE__ */ l("div", { onClick: () => c(n ?? 0), className: a(r.root, { [r.rootOpened]: o }), children: [
6
- /* @__PURE__ */ e("div", { className: r.header, children: /* @__PURE__ */ e(d, { defaultVariant: "headingXs", color: `color-text-primary${o ? "" : "-disabled"}`, children: t }) }),
7
- !!i && /* @__PURE__ */ e("div", { className: a(r.description, { [r.descriptionShow]: o }), children: /* @__PURE__ */ e("div", { className: r.descriptionInner, children: /* @__PURE__ */ e(d, { as: "p", defaultVariant: "bodySm", children: i }) }) })
6
+ const f = ({ title: t, description: o, isOpen: i, index: n, onClick: c }) => /* @__PURE__ */ l("div", { onClick: () => c(n ?? 0), className: a(r.root, { [r.rootOpened]: i }), children: [
7
+ /* @__PURE__ */ e("div", { className: r.header, children: /* @__PURE__ */ e(d, { defaultVariant: "headingXs", color: `color-text-primary${i ? "" : "-disabled"}`, children: t }) }),
8
+ !!o && /* @__PURE__ */ e("div", { className: a(r.description, { [r.descriptionShow]: i }), children: /* @__PURE__ */ e("div", { className: r.descriptionInner, children: /* @__PURE__ */ e(d, { as: "p", defaultVariant: "bodySm", children: o }) }) })
8
9
  ] });
9
10
  export {
10
11
  f as Ingredient
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../components/Typography/Typography.cjs.js"),c=require("../../components/Button/Button.cjs.js");require("../../components/Icon/Icon.cjs.js");const d=require("../../components/Icon/constants.cjs.js"),u=require("./components/StudyCard/StudyCard.cjs.js"),t=require("./researchStudies.module.css.cjs.js"),l=({studies:r,hasMoreButton:s,onClickShowMore:n})=>e.jsx("div",{className:t.default.root,children:e.jsxs("div",{className:t.default.container,children:[e.jsx(a.Typography,{defaultVariant:"displayXs",mobileVariant:"headingLg",children:"Studies"}),e.jsx("div",{className:t.default.studies,children:r.map((i,o)=>e.jsx(u.StudyCard,{...i},o))}),s&&e.jsx("div",{className:t.default.buttonContainer,children:e.jsx(c.Button,{size:"lg",variant:"muted",prefixIcon:d.EIconName.PLUS,onClick:n,children:"show more"})})]})});exports.ResearchStudies=l;
1
+ "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../components/Typography/Typography.cjs.js"),c=require("../../components/Button/Button.cjs.js");require("../../components/Icon/Icon.cjs.js");const u=require("../../components/Icon/constants.cjs.js"),d=require("./components/StudyCard/StudyCard.cjs.js"),t=require("./researchStudies.module.css.cjs.js"),l=({studies:r,hasMoreButton:s,onClickShowMore:n})=>e.jsx("div",{className:t.default.root,children:e.jsxs("div",{className:t.default.container,children:[e.jsx(a.Typography,{defaultVariant:"displayXs",mobileVariant:"headingLg",children:"Studies"}),e.jsx("div",{className:t.default.studies,children:r.map((i,o)=>e.jsx(d.StudyCard,{...i},o))}),s&&e.jsx("div",{className:t.default.buttonContainer,children:e.jsx(c.Button,{size:"lg",variant:"muted",prefixIcon:u.EIconName.PLUS,onClick:n,children:"show more"})})]})});exports.ResearchStudies=l;
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx as r, jsxs as m } from "react/jsx-runtime";
2
3
  import { Typography as n } from "../../components/Typography/Typography.es.js";
3
4
  import { Button as d } from "../../components/Button/Button.es.js";
@@ -1 +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;
1
+ "use client";"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;
@@ -1,18 +1,19 @@
1
- import { jsxs as i, jsx as a } from "react/jsx-runtime";
1
+ "use client";
2
+ import { jsxs as e, jsx as a } from "react/jsx-runtime";
2
3
  import { Typography as t } from "../../../../components/Typography/Typography.es.js";
3
4
  import { Icon as m } from "../../../../components/Icon/Icon.es.js";
4
5
  import { EIconName as c } from "../../../../components/Icon/constants.es.js";
5
6
  import o from "./product.module.css.es.js";
6
- const g = ({ image: n, link: r, name: e }) => {
7
+ const g = ({ image: n, link: i, name: r }) => {
7
8
  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
+ s.stopPropagation(), window.location.pathname === new URL(i, window.location.origin).pathname ? window.scrollTo({ top: 0, behavior: "smooth" }) : window.location.href = i;
9
10
  };
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: [
11
+ return /* @__PURE__ */ e("button", { className: o.root, onClick: l, children: [
12
+ /* @__PURE__ */ a("div", { className: o.imageContainer, children: /* @__PURE__ */ a("img", { src: n, alt: r, className: o.image }) }),
13
+ /* @__PURE__ */ e("div", { className: o.infoContainer, children: [
14
+ /* @__PURE__ */ e("div", { className: o.textContainer, children: [
14
15
  /* @__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
+ /* @__PURE__ */ a(t, { as: "p", defaultVariant: "bodyMd", mobileVariant: "bodySm", weight: "regular", children: r })
16
17
  ] }),
17
18
  /* @__PURE__ */ a(m, { name: c.ARROW_OUTWARD, className: o.arrowIcon })
18
19
  ] })
@@ -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 n=require("../../components/Icon/constants.cjs.js"),o=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"),s={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("footer",{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:s.title,links:s.content},s.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(o.IconButton,{iconName:n.EIconName.FACEBOOK,variant:"muted-invert",size:"lg"})}),e.jsx("a",{href:r.instagram,target:"_blank",rel:"noopener noreferrer",children:e.jsx(o.IconButton,{iconName:n.EIconName.INSTAGRAM,variant:"muted-invert",size:"lg"})}),e.jsx("a",{href:r.twitter,target:"_blank",rel:"noopener noreferrer",children:e.jsx(o.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
+ "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"),u=require("./components/FooterAbout/FooterAbout.cjs.js"),m=require("./components/FooterLinksBlock/FooterLinksBlock.cjs.js"),c=require("./components/NewsLetter/NewsLetter.cjs.js");require("react");require("../../components/Button/Button.cjs.js");const f=require("./components/TopTreatmentsSlider/TopTreatmentsSlider.cjs.js"),i=require("./components/LinksColumn/LinksColumn.cjs.js"),h=require("./assets/CompanyName.svg.cjs.js"),r=require("./footer.module.css.cjs.js"),l={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"}]},j=({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(c.NewsLetter,{})}),e.jsxs("div",{className:r.default.footerRight,children:[e.jsxs("div",{className:r.default.columns,children:[e.jsx(i.LinksColumn,{title:l.title,links:l.content},l.title),n&&(n==null?void 0:n.length)>0&&e.jsx(f.TopTreatmentsSlider,{title:"Top Treatments",products:n})]}),e.jsx("div",{className:r.default.footerLinks,children:e.jsx(m.FooterLinksBlock,{})}),e.jsxs("div",{className:r.default.about,children:[e.jsx(u.FooterAbout,{}),e.jsxs("div",{className:r.default.socials,children:[(t==null?void 0:t.facebook)&&e.jsx("a",{href:t==null?void 0: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==null?void 0: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==null?void 0: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(h.default,{width:"100%",height:"100%",preserveAspectRatio:"xMidYMid meet"})})]})});exports.Footer=j;
@@ -10,8 +10,8 @@ type TSocialMedia = {
10
10
  twitter: string;
11
11
  };
12
12
  export type TFooterProps = {
13
- socialMedia: TSocialMedia;
14
- products: Array<TProducts>;
13
+ socialMedia?: TSocialMedia;
14
+ products?: Array<TProducts>;
15
15
  };
16
16
  export declare const Footer: ({ socialMedia, products }: TFooterProps) => import("react/jsx-runtime").JSX.Element;
17
17
  export {};
@@ -1,18 +1,18 @@
1
1
  "use client";
2
- import { jsx as e, jsxs as r } from "react/jsx-runtime";
2
+ import { jsx as t, jsxs as n } from "react/jsx-runtime";
3
3
  import "../../components/Icon/Icon.es.js";
4
- import { EIconName as i } 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";
4
+ import { EIconName as o } from "../../components/Icon/constants.es.js";
5
+ import { IconButton as l } from "../../components/IconButton/IconButton.es.js";
6
+ import { FooterAbout as h } from "./components/FooterAbout/FooterAbout.es.js";
7
+ import { FooterLinksBlock as i } from "./components/FooterLinksBlock/FooterLinksBlock.es.js";
8
+ import { NewsLetter as s } from "./components/NewsLetter/NewsLetter.es.js";
9
9
  import "react";
10
10
  import "../../components/Button/Button.es.js";
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
- import t from "./footer.module.css.es.js";
15
- const l = {
11
+ import { TopTreatmentsSlider as p } from "./components/TopTreatmentsSlider/TopTreatmentsSlider.es.js";
12
+ import { LinksColumn as v } from "./components/LinksColumn/LinksColumn.es.js";
13
+ import N from "./assets/CompanyName.svg.es.js";
14
+ import r from "./footer.module.css.es.js";
15
+ const f = {
16
16
  title: "Treatments",
17
17
  content: [
18
18
  { title: "All Treatments", href: "/all" },
@@ -21,26 +21,26 @@ const l = {
21
21
  { title: "Medications", href: "/medications" },
22
22
  { title: "Supplements", href: "/supplements" }
23
23
  ]
24
- }, S = ({ socialMedia: o, products: a }) => /* @__PURE__ */ e("footer", { 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 })
24
+ }, S = ({ socialMedia: e, products: m }) => /* @__PURE__ */ t("footer", { className: r.root, children: /* @__PURE__ */ n("div", { className: r.container, children: [
25
+ /* @__PURE__ */ n("div", { className: r.content, children: [
26
+ /* @__PURE__ */ t("div", { className: r.footerLeft, children: /* @__PURE__ */ t(s, {}) }),
27
+ /* @__PURE__ */ n("div", { className: r.footerRight, children: [
28
+ /* @__PURE__ */ n("div", { className: r.columns, children: [
29
+ /* @__PURE__ */ t(v, { title: f.title, links: f.content }, f.title),
30
+ m && (m == null ? void 0 : m.length) > 0 && /* @__PURE__ */ t(p, { title: "Top Treatments", products: m })
31
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: o.facebook, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ e(n, { iconName: i.FACEBOOK, variant: "muted-invert", size: "lg" }) }),
37
- /* @__PURE__ */ e("a", { href: o.instagram, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ e(n, { iconName: i.INSTAGRAM, variant: "muted-invert", size: "lg" }) }),
38
- /* @__PURE__ */ e("a", { href: o.twitter, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ e(n, { iconName: i.X, variant: "muted-invert", size: "lg" }) })
32
+ /* @__PURE__ */ t("div", { className: r.footerLinks, children: /* @__PURE__ */ t(i, {}) }),
33
+ /* @__PURE__ */ n("div", { className: r.about, children: [
34
+ /* @__PURE__ */ t(h, {}),
35
+ /* @__PURE__ */ n("div", { className: r.socials, children: [
36
+ (e == null ? void 0 : e.facebook) && /* @__PURE__ */ t("a", { href: e == null ? void 0 : e.facebook, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ t(l, { iconName: o.FACEBOOK, variant: "muted-invert", size: "lg" }) }),
37
+ (e == null ? void 0 : e.instagram) && /* @__PURE__ */ t("a", { href: e == null ? void 0 : e.instagram, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ t(l, { iconName: o.INSTAGRAM, variant: "muted-invert", size: "lg" }) }),
38
+ (e == null ? void 0 : e.twitter) && /* @__PURE__ */ t("a", { href: e == null ? void 0 : e.twitter, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ t(l, { iconName: o.X, variant: "muted-invert", size: "lg" }) })
39
39
  ] })
40
40
  ] })
41
41
  ] })
42
42
  ] }),
43
- /* @__PURE__ */ e("div", { className: t.img, children: /* @__PURE__ */ e(h, { width: "100%", height: "100%", preserveAspectRatio: "xMidYMid meet" }) })
43
+ /* @__PURE__ */ t("div", { className: r.img, children: /* @__PURE__ */ t(N, { width: "100%", height: "100%", preserveAspectRatio: "xMidYMid meet" }) })
44
44
  ] }) });
45
45
  export {
46
46
  S as Footer
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../../../components/Typography/Typography.cjs.js"),l=require("./linksColumn.module.css.cjs.js"),u=({title:s,links:t,onLinkClick:c,disableLinks:i})=>{const n=a=>{i&&a.preventDefault()};return e.jsxs("div",{className:l.default.root,children:[e.jsx(r.Typography,{as:"span",defaultVariant:"labelSm",weight:"regular",className:l.default.title,emphasis:!0,children:s}),e.jsx("ul",{className:l.default.list,children:t.map(a=>e.jsx("li",{className:l.default.listItem,children:e.jsx("a",{href:a.href,className:l.default.link,onClick:n,children:e.jsx(r.Typography,{defaultVariant:"labelLg",className:l.default.linkText,weight:"regular",children:a.title})})},a.title))})]},s)};exports.LinksColumn=u;
1
+ "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../../components/Typography/Typography.cjs.js"),l=require("./linksColumn.module.css.cjs.js"),u=({title:s,links:r,onLinkClick:c,disableLinks:i})=>{const n=a=>{i&&a.preventDefault()};return e.jsxs("div",{className:l.default.root,children:[e.jsx(t.Typography,{as:"span",defaultVariant:"labelSm",weight:"regular",className:l.default.title,emphasis:!0,children:s}),e.jsx("ul",{className:l.default.list,children:r.map(a=>e.jsx("li",{className:l.default.listItem,children:e.jsx("a",{href:a.href,className:l.default.link,onClick:n,children:e.jsx(t.Typography,{defaultVariant:"labelLg",className:l.default.linkText,weight:"regular",children:a.title})})},a.title))})]},s)};exports.LinksColumn=u;
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsxs as c, jsx as a } from "react/jsx-runtime";
2
3
  import { Typography as r } from "../../../../components/Typography/Typography.es.js";
3
4
  import l from "./linksColumn.module.css.es.js";
@@ -1 +1 @@
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&amp;id=2483a4d606&amp;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
+ "use client";"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"),s=require("./newsLetter.module.css.cjs.js"),w="//gethealthspan.us21.list-manage.com/subscribe/post?u=664ad54ec243b3582164cf116&amp;id=2483a4d606&amp;f_id=0050e6e6f0&tags=239347,239351",q=({status:t,message:l,subscribe:c})=>{const[n,u]=i.useState(""),[p,f]=i.useState(""),[d,a]=i.useState(!1),[g,r]=i.useState(""),[b,m]=i.useState(!1),y=h=>{u(h.target.value),d&&(a(!1),r("")),m(h.target.value.length>0)},x=()=>{if(!n){a(!0),r("Please enter your email address");return}if(!j.isValidEmail(n)){a(!0),r("Please enter a valid email address");return}a(!1),r(""),c({EMAIL:n})};return i.useEffect(()=>{t==="success"&&(f(n),u(""),a(!1),r(""),m(!1)),t==="error"&&typeof l=="string"&&(a(!0),r("Subscription failed. Please try again."))},[t,l]),e.jsxs("div",{className:S.cn(s.default.root,{[s.default.subscribed]:t==="success"}),children:[e.jsxs("div",{className:s.default.container,children:[e.jsx(o.Typography,{defaultVariant:"headingLg",mobileVariant:"headingSm",as:"h2",className:s.default.title,children:t==="success"?"Thanks for subscribing!":"Read the latest research reviews"}),e.jsx(o.Typography,{defaultVariant:"bodySm",mobileVariant:"bodyXs",as:"span",className:s.default.text,children:t==="success"?e.jsxs(e.Fragment,{children:["You will now begin receiving our monthly newsletter at"," ",e.jsx("b",{className:s.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:s.default.container,children:e.jsx(o.Typography,{defaultVariant:"bodySm",mobileVariant:"bodyXs",as:"span",className:s.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,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx as a, jsxs as c, Fragment as S } from "react/jsx-runtime";
2
3
  import { useState as n, useEffect as x } from "react";
3
4
  import { Typography as m } from "../../../../components/Typography/Typography.es.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zenpatient-org/healthspan-marketing-ui",
3
- "version": "0.1.66",
3
+ "version": "0.1.69",
4
4
  "description": "Design system",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.es.js",