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

package/dist/modules/HighestStandards/components/TabsMenu/components/TabsMenutem/TabsMenuItem.cjs.js

@@ -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;
+"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;

package/dist/modules/HighestStandards/components/TabsMenu/components/TabsMenutem/TabsMenuItem.es.js

@@ -1,31 +1,32 @@
+"use client";
 import { jsxs as r, jsx as i } from "react/jsx-runtime";
 import { cn as c } from "../../../../../../utils/cn/cn.es.js";
 import { Icon as a } from "../../../../../../components/Icon/Icon.es.js";
-import { EIconName as o } from "../../../../../../components/Icon/constants.es.js";
+import { EIconName as n } from "../../../../../../components/Icon/constants.es.js";
 import { Typography as s } from "../../../../../../components/Typography/Typography.es.js";
 import e from "./tabsMenuItem.module.css.es.js";
-const u = ({ title: t, content: m, isOpen: n, index: l, onClick: d }) => /* @__PURE__ */ r("div", { onClick: () => d(l ?? 0), className: e.root, children: [
+const v = ({ title: t, content: m, isOpen: o, index: l, onClick: d }) => /* @__PURE__ */ r("div", { onClick: () => d(l ?? 0), className: e.root, children: [
   /* @__PURE__ */ r("div", { className: e.header, children: [
     /* @__PURE__ */ r("div", { className: e.titleWithPrefixIconWrapper, children: [
-      /* @__PURE__ */ i(a, { name: o.CIRCLE_CHECK_FILL, className: e.prefixIcon }),
+      /* @__PURE__ */ i(a, { name: n.CIRCLE_CHECK_FILL, className: e.prefixIcon }),
       /* @__PURE__ */ i(s, { defaultVariant: "headingSm", mobileVariant: "headingXxs", children: t })
     ] }),
     /* @__PURE__ */ r("div", { className: e.closeButtonWrapper, children: [
-      /* @__PURE__ */ i(a, { name: o.BRACKET_LEFT }),
+      /* @__PURE__ */ i(a, { name: n.BRACKET_LEFT }),
       /* @__PURE__ */ i(
         "div",
         {
           className: c(e.closeButton, {
-            [e.closeButtonActive]: n
+            [e.closeButtonActive]: o
           }),
-          children: /* @__PURE__ */ i(a, { name: o.PLUS })
+          children: /* @__PURE__ */ i(a, { name: n.PLUS })
         }
       ),
-      /* @__PURE__ */ i(a, { name: o.BRACKET_RIGHT })
+      /* @__PURE__ */ i(a, { name: n.BRACKET_RIGHT })
     ] })
   ] }),
-  /* @__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 }) }) })
+  /* @__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 }) }) })
 ] });
 export {
-  u as TabsMenuItem
+  v as TabsMenuItem
 };

package/dist/modules/IndividualProductCard/components/PlanCard/PlanCard.cjs.js

@@ -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;
+"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;

package/dist/modules/IndividualProductCard/components/PlanCard/PlanCard.es.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs as i, jsx as r } from "react/jsx-runtime";
 import { Icon as n } from "../../../../components/Icon/Icon.es.js";
 import { EIconName as o } from "../../../../components/Icon/constants.es.js";

package/dist/modules/IngredientHighlight/IngredientHighlight.cjs.js

@@ -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;
+"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;

package/dist/modules/IngredientHighlight/IngredientHighlight.es.js

@@ -1,21 +1,22 @@
-import { jsx as t, jsxs as c } from "react/jsx-runtime";
+"use client";
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
 import { useState as m } from "react";
 import { Ingredient as l } from "./components/Ingredient/Ingredient.es.js";
 import s from "./ingredientHighlight.module.css.es.js";
-const I = ({ items: r }) => {
-  const [n, o] = m(0), a = (i) => {
-    o((e) => e === i ? e : i);
+const I = ({ items: n }) => {
+  const [r, c] = m(0), o = (i) => {
+    c((e) => e === i ? e : i);
   };
-  return /* @__PURE__ */ t("section", { className: s.root, children: /* @__PURE__ */ c("div", { className: s.container, children: [
-    /* @__PURE__ */ t("div", { className: s.imageContainer, children: /* @__PURE__ */ t("img", { src: r[n].image, alt: "background image", className: s.image }) }),
-    /* @__PURE__ */ t("div", { className: s.ingredients, children: r.map((i, e) => /* @__PURE__ */ t(
+  return /* @__PURE__ */ t("section", { className: s.root, children: /* @__PURE__ */ a("div", { className: s.container, children: [
+    /* @__PURE__ */ t("div", { className: s.imageContainer, children: /* @__PURE__ */ t("img", { src: n[r].image, alt: "background image", className: s.image }) }),
+    /* @__PURE__ */ t("div", { className: s.ingredients, children: n.map((i, e) => /* @__PURE__ */ t(
       l,
       {
         title: i.title,
         description: i.description,
-        isOpen: n === e,
+        isOpen: r === e,
         index: e,
-        onClick: a
+        onClick: o
       },
       e
     )) })

package/dist/modules/IngredientHighlight/components/Ingredient/Ingredient.cjs.js

@@ -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;
+"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;

package/dist/modules/IngredientHighlight/components/Ingredient/Ingredient.es.js

@@ -1,10 +1,11 @@
+"use client";
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import { Typography as d } from "../../../../components/Typography/Typography.es.js";
 import { cn as a } from "../../../../utils/cn/cn.es.js";
 import r from "./ingredient.module.css.es.js";
-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: [
-  /* @__PURE__ */ e("div", { className: r.header, children: /* @__PURE__ */ e(d, { defaultVariant: "headingXs", color: `color-text-primary${o ? "" : "-disabled"}`, children: t }) }),
-  !!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 }) }) })
+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: [
+  /* @__PURE__ */ e("div", { className: r.header, children: /* @__PURE__ */ e(d, { defaultVariant: "headingXs", color: `color-text-primary${i ? "" : "-disabled"}`, children: t }) }),
+  !!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 }) }) })
 ] });
 export {
   f as Ingredient

package/dist/modules/ResearchStudies/ResearchStudies.cjs.js

@@ -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;
+"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;

package/dist/modules/ResearchStudies/ResearchStudies.es.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as r, jsxs as m } from "react/jsx-runtime";
 import { Typography as n } from "../../components/Typography/Typography.es.js";
 import { Button as d } from "../../components/Button/Button.es.js";

package/dist/modules/Testimonial/components/Product/Product.cjs.js

@@ -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;
+"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;

package/dist/modules/Testimonial/components/Product/Product.es.js

@@ -1,18 +1,19 @@
-import { jsxs as i, jsx as a } from "react/jsx-runtime";
+"use client";
+import { jsxs as e, jsx as a } from "react/jsx-runtime";
 import { Typography as t } from "../../../../components/Typography/Typography.es.js";
 import { Icon as m } from "../../../../components/Icon/Icon.es.js";
 import { EIconName as c } from "../../../../components/Icon/constants.es.js";
 import o from "./product.module.css.es.js";
-const g = ({ image: n, link: r, name: e }) => {
+const g = ({ image: n, link: i, name: r }) => {
   const l = (s) => {
-    s.stopPropagation(), window.location.pathname === new URL(r, window.location.origin).pathname ? window.scrollTo({ top: 0, behavior: "smooth" }) : window.location.href = r;
+    s.stopPropagation(), window.location.pathname === new URL(i, window.location.origin).pathname ? window.scrollTo({ top: 0, behavior: "smooth" }) : window.location.href = i;
   };
-  return /* @__PURE__ */ i("button", { className: o.root, onClick: l, children: [
-    /* @__PURE__ */ a("div", { className: o.imageContainer, children: /* @__PURE__ */ a("img", { src: n, alt: e, className: o.image }) }),
-    /* @__PURE__ */ i("div", { className: o.infoContainer, children: [
-      /* @__PURE__ */ i("div", { className: o.textContainer, children: [
+  return /* @__PURE__ */ e("button", { className: o.root, onClick: l, children: [
+    /* @__PURE__ */ a("div", { className: o.imageContainer, children: /* @__PURE__ */ a("img", { src: n, alt: r, className: o.image }) }),
+    /* @__PURE__ */ e("div", { className: o.infoContainer, children: [
+      /* @__PURE__ */ e("div", { className: o.textContainer, children: [
         /* @__PURE__ */ a(t, { as: "p", defaultVariant: "labelXs", mobileVariant: "labelSm", emphasis: !0, weight: "regular", children: "REVIEWED" }),
-        /* @__PURE__ */ a(t, { as: "p", defaultVariant: "bodyMd", mobileVariant: "bodySm", weight: "regular", children: e })
+        /* @__PURE__ */ a(t, { as: "p", defaultVariant: "bodyMd", mobileVariant: "bodySm", weight: "regular", children: r })
       ] }),
       /* @__PURE__ */ a(m, { name: c.ARROW_OUTWARD, className: o.arrowIcon })
     ] })

package/dist/pageComponents/Footer/components/LinksColumn/LinksColumn.cjs.js

@@ -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;
+"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;

package/dist/pageComponents/Footer/components/LinksColumn/LinksColumn.es.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs as c, jsx as a } from "react/jsx-runtime";
 import { Typography as r } from "../../../../components/Typography/Typography.es.js";
 import l from "./linksColumn.module.css.es.js";

package/dist/pageComponents/Footer/components/NewsLetter/NewsLetter.cjs.js

@@ -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&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;
+"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&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,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;

package/dist/pageComponents/Footer/components/NewsLetter/NewsLetter.es.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as a, jsxs as c, Fragment as S } from "react/jsx-runtime";
 import { useState as n, useEffect as x } from "react";
 import { Typography as m } from "../../../../components/Typography/Typography.es.js";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@zenpatient-org/healthspan-marketing-ui",
-    "version": "0.1.68",
+    "version": "0.1.69",
     "description": "Design system",
     "main": "dist/index.cjs.js",
     "module": "dist/index.es.js",