@zenpatient-org/healthspan-marketing-ui 0.1.36 → 0.1.37

package/dist/modules/ProductsDisplay/components/ProductsDisplayTabs/ProductsDisplayTabs.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("../../../../components/Tabs/Tabs.cjs.js");const o=require("../../../../components/Tabs/TabsWithFade.cjs.js"),l=require("../../../../components/Typography/Typography.cjs.js"),r=require("./productsDisplayTabs.module.css.cjs.js");function u({label:a,tabs:s,activeTab:t,onTabChange:i}){return e.jsxs("div",{className:r.default.header,children:[!!a&&e.jsx(l.Typography,{as:"p",defaultVariant:"labelMd",mobileVariant:"labelSm",emphasis:!0,className:r.default.label,children:a}),e.jsx(o.TabsWithFade,{activeTab:t,tabs:s,onTabChange:i})]})}exports.ProductsDisplayTabs=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("../../../../components/Tabs/Tabs.cjs.js");const l=require("../../../../components/Tabs/TabsWithFade.cjs.js"),o=require("../../../../components/Typography/Typography.cjs.js"),r=require("./productsDisplayTabs.module.css.cjs.js");function u({label:a,tabs:s,activeTab:i,onTabChange:t}){return e.jsxs("div",{className:r.default.header,children:[!!a&&e.jsx(o.Typography,{as:"p",defaultVariant:"labelMd",mobileVariant:"labelSm",emphasis:!0,className:r.default.label,children:a}),e.jsx(l.TabsWithFade,{activeTab:i,tabs:s,onTabClick:t,size:"lg"})]})}exports.ProductsDisplayTabs=u;

package/dist/modules/ProductsDisplay/components/ProductsDisplayTabs/ProductsDisplayTabs.d.ts

@@ -1,8 +1,8 @@
-import { Tab } from '../../../../components/Tabs';
+import { TTab } from '../../../../components/Tabs';
 
 type Props<T extends string | number> = {
     label?: string;
-    tabs: Tab<T>[];
+    tabs: TTab<T>[];
     activeTab: T;
     onTabChange: (tab: T) => void;
 };

package/dist/modules/ProductsDisplay/components/ProductsDisplayTabs/ProductsDisplayTabs.es.js

@@ -1,14 +1,14 @@
-import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
 import "../../../../components/Tabs/Tabs.es.js";
-import { TabsWithFade as m } from "../../../../components/Tabs/TabsWithFade.es.js";
-import { Typography as l } from "../../../../components/Typography/Typography.es.js";
+import { TabsWithFade as t } from "../../../../components/Tabs/TabsWithFade.es.js";
+import { Typography as m } from "../../../../components/Typography/Typography.es.js";
 import e from "./productsDisplayTabs.module.css.es.js";
-function h({ label: a, tabs: o, activeTab: s, onTabChange: i }) {
-  return /* @__PURE__ */ t("div", { className: e.header, children: [
-    !!a && /* @__PURE__ */ r(l, { as: "p", defaultVariant: "labelMd", mobileVariant: "labelSm", emphasis: !0, className: e.label, children: a }),
-    /* @__PURE__ */ r(m, { activeTab: s, tabs: o, onTabChange: i })
+function f({ label: a, tabs: i, activeTab: o, onTabChange: s }) {
+  return /* @__PURE__ */ l("div", { className: e.header, children: [
+    !!a && /* @__PURE__ */ r(m, { as: "p", defaultVariant: "labelMd", mobileVariant: "labelSm", emphasis: !0, className: e.label, children: a }),
+    /* @__PURE__ */ r(t, { activeTab: o, tabs: i, onTabClick: s, size: "lg" })
   ] });
 }
 export {
-  h as ProductsDisplayTabs
+  f as ProductsDisplayTabs
 };

package/dist/modules/ProductsDisplay/useProductsData.d.ts

@@ -1,5 +1,5 @@
 import { TProductGalleryCardView } from '../../components/ProductGalleryCard';
-import { Tab } from '../../components/Tabs';
+import { TTab } from '../../components/Tabs';
 import { TProductsDisplayView } from './types';
 
 type UseProductsReceiveProps = {
@@ -9,7 +9,7 @@ type UseProductsReturnProps = {
     isTabbed: boolean;
     title: string;
     description: string;
-    tabs: Tab<string>[];
+    tabs: TTab<string>[];
     slidesByTabs: Record<string, TProductGalleryCardView[]>;
 };
 export declare const useProductsData: ({ productDisplays }: UseProductsReceiveProps) => UseProductsReturnProps;

package/dist/modules/ResearchFilters/ResearchFilters.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),o=require("../../components/Typography/Typography.cjs.js");require("../../components/Tabs/Tabs.cjs.js");const n=require("../../components/Tabs/TabsWithFade.cjs.js"),a=require("./researchFilters.module.css.cjs.js"),d=({tabs:s})=>{const[r,t]=l.useState(s[0].value),i=c=>{t(c)};return e.jsx("section",{className:a.default.root,children:e.jsxs("div",{className:a.default.container,children:[e.jsx(o.Typography,{defaultVariant:"displayMd",mobileVariant:"displayXs",children:"Research"}),e.jsx("div",{className:a.default.filters,children:e.jsx("div",{className:a.default.tabsWrapper,children:e.jsx(n.TabsWithFade,{activeTab:r,tabs:s,size:"md",activeLinePosition:"bottom",onTabClick:i})})})]})})};exports.ResearchFilters=d;

package/dist/modules/ResearchFilters/ResearchFilters.d.ts

@@ -0,0 +1,6 @@
+import { TTab } from '../../components/Tabs';
+
+export type TResearchFilters = {
+    tabs: Array<TTab<string>>;
+};
+export declare const ResearchFilters: ({ tabs }: TResearchFilters) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/ResearchFilters/ResearchFilters.es.js

@@ -0,0 +1,27 @@
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { useState as l } from "react";
+import { Typography as m } from "../../components/Typography/Typography.es.js";
+import "../../components/Tabs/Tabs.es.js";
+import { TabsWithFade as n } from "../../components/Tabs/TabsWithFade.es.js";
+import i from "./researchFilters.module.css.es.js";
+const T = ({ tabs: a }) => {
+  const [r, t] = l(a[0].value), s = (o) => {
+    t(o);
+  };
+  return /* @__PURE__ */ e("section", { className: i.root, children: /* @__PURE__ */ c("div", { className: i.container, children: [
+    /* @__PURE__ */ e(m, { defaultVariant: "displayMd", mobileVariant: "displayXs", children: "Research" }),
+    /* @__PURE__ */ e("div", { className: i.filters, children: /* @__PURE__ */ e("div", { className: i.tabsWrapper, children: /* @__PURE__ */ e(
+      n,
+      {
+        activeTab: r,
+        tabs: a,
+        size: "md",
+        activeLinePosition: "bottom",
+        onTabClick: s
+      }
+    ) }) })
+  ] }) });
+};
+export {
+  T as ResearchFilters
+};

package/dist/modules/ResearchFilters/index.d.ts

@@ -0,0 +1,2 @@
+export { ResearchFilters } from './ResearchFilters';
+export type { TResearchFilters } from './ResearchFilters';

package/dist/modules/ResearchFilters/researchFilters.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="researchFilters-module__root___FpFgt",r="researchFilters-module__container___gzsc4",t="researchFilters-module__filters___DthXv",s="researchFilters-module__tabsWrapper___EIe6Q",o={root:e,container:r,filters:t,tabsWrapper:s};exports.container=r;exports.default=o;exports.filters=t;exports.root=e;exports.tabsWrapper=s;

package/dist/modules/ResearchFilters/researchFilters.module.css.es.js

@@ -0,0 +1,13 @@
+const e = "researchFilters-module__root___FpFgt", r = "researchFilters-module__container___gzsc4", t = "researchFilters-module__filters___DthXv", s = "researchFilters-module__tabsWrapper___EIe6Q", _ = {
+  root: e,
+  container: r,
+  filters: t,
+  tabsWrapper: s
+};
+export {
+  r as container,
+  _ as default,
+  t as filters,
+  e as root,
+  s as tabsWrapper
+};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),a=require("react"),h=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"),i=require("./newsLetter.module.css.cjs.js"),q="//gethealthspan.us21.list-manage.com/subscribe/post?u=664ad54ec243b3582164cf116&id=2483a4d606&f_id=0050e6e6f0&tags=239347,239351",E=({status:e,message:l,subscribe:c})=>{const[n,o]=a.useState(""),[f,p]=a.useState(""),[u,s]=a.useState(!1),[g,r]=a.useState(""),[b,d]=a.useState(!1),y=m=>{o(m.target.value),u&&(s(!1),r("")),d(m.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 a.useEffect(()=>{e==="success"&&(p(n),o(""),s(!1),r(""),d(!1)),e==="error"&&typeof l=="string"&&(s(!0),r("Subscription failed. Please try again."))},[e,l]),t.jsxs("div",{className:S.cn(i.default.root,{[i.default.subscribed]:e==="success"}),children:[t.jsxs("div",{className:i.default.container,children:[t.jsx(h.Typography,{defaultVariant:"headingLg",mobileVariant:"headingSm",as:"h2",className:i.default.title,children:e==="success"?"Thanks for subscribing!":"Read the latest research reviews"}),t.jsx(h.Typography,{defaultVariant:"bodySm",mobileVariant:"bodyXs",as:"span",className:i.default.text,children:e==="success"?t.jsxs(t.Fragment,{children:["A confirmation email has been sent to ",t.jsx("b",{className:i.default.email,children:f}),". Please confirm your subscription."]}):"Request The Longevity Blueprint to receive our weekly newsletter containing synopses of the latest clinical research."})]}),e==="sending"&&t.jsx("div",{style:{marginTop:"1rem"},children:"Subscribing, please wait..."}),e!=="success"&&e!=="sending"&&t.jsx(v.TextInput,{placeholder:"Your email",variant:"primary-invert",value:n,handleChange:y,onButtonClick:x,showButton:!0,error:u,errorText:g,active:b})]})},w=()=>t.jsx(T.default,{url:q,render:({subscribe:e,status:l,message:c})=>t.jsx(E,{status:l,message:c,subscribe:e})});exports.NewsLetter=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),a=require("react"),h=require("../../../../components/Typography/Typography.cjs.js"),x=require("../../../../components/TextInput/TextInput.cjs.js"),S=require("../../../../utils/cn/cn.cjs.js"),T=require("../../../../node_modules/react-mailchimp-subscribe/es/index.cjs.js"),w=require("../../../../utils/isValidEmail.cjs.js"),i=require("./newsLetter.module.css.cjs.js"),j="//gethealthspan.us21.list-manage.com/subscribe/post?u=664ad54ec243b3582164cf116&id=2483a4d606&f_id=0050e6e6f0&tags=239347,239351",q=({status:e,message:l,subscribe:c})=>{const[n,o]=a.useState(""),[p,f]=a.useState(""),[u,s]=a.useState(!1),[g,r]=a.useState(""),[b,d]=a.useState(!1),y=m=>{o(m.target.value),u&&(s(!1),r("")),d(m.target.value.length>0)},v=()=>{if(!n){s(!0),r("Please enter your email address");return}if(!w.isValidEmail(n)){s(!0),r("Please enter a valid email address");return}s(!1),r(""),c({EMAIL:n})};return a.useEffect(()=>{e==="success"&&(f(n),o(""),s(!1),r(""),d(!1)),e==="error"&&typeof l=="string"&&(s(!0),r("Subscription failed. Please try again."))},[e,l]),t.jsxs("div",{className:S.cn(i.default.root,{[i.default.subscribed]:e==="success"}),children:[t.jsxs("div",{className:i.default.container,children:[t.jsx(h.Typography,{defaultVariant:"headingLg",mobileVariant:"headingSm",as:"h2",className:i.default.title,children:e==="success"?"Thanks for subscribing!":"Read the latest research reviews"}),t.jsx(h.Typography,{defaultVariant:"bodySm",mobileVariant:"bodyXs",as:"span",className:i.default.text,children:e==="success"?t.jsxs(t.Fragment,{children:["You will now begin receiving our monthly newsletter at"," ",t.jsx("b",{className:i.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."})]}),e==="sending"&&t.jsx("div",{style:{marginTop:"1rem"},children:"Subscribing, please wait..."}),e!=="success"&&e!=="sending"&&t.jsx(x.TextInput,{placeholder:"Your email",variant:"primary-invert",value:n,handleChange:y,onButtonClick:v,showButton:!0,error:u,errorText:g,active:b})]})},E=()=>t.jsx(T.default,{url:j,render:({subscribe:e,status:l,message:c})=>t.jsx(q,{status:l,message:c,subscribe:e})});exports.NewsLetter=E;

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

@@ -1,54 +1,55 @@
-import { jsx as r, jsxs as c, Fragment as S } from "react/jsx-runtime";
-import { useState as n, useEffect as x } from "react";
-import { Typography as h } from "../../../../components/Typography/Typography.es.js";
-import { TextInput as T } from "../../../../components/TextInput/TextInput.es.js";
-import { cn as w } from "../../../../utils/cn/cn.es.js";
+import { jsx as r, jsxs as c, Fragment as E } from "react/jsx-runtime";
+import { useState as n, useEffect as S } from "react";
+import { Typography as p } from "../../../../components/Typography/Typography.es.js";
+import { TextInput as x } from "../../../../components/TextInput/TextInput.es.js";
+import { cn as T } from "../../../../utils/cn/cn.es.js";
 import N from "../../../../node_modules/react-mailchimp-subscribe/es/index.es.js";
 import { isValidEmail as V } from "../../../../utils/isValidEmail.es.js";
-import s from "./newsLetter.module.css.es.js";
-const C = "//gethealthspan.us21.list-manage.com/subscribe/post?u=664ad54ec243b3582164cf116&id=2483a4d606&f_id=0050e6e6f0&tags=239347,239351", L = ({
+import a from "./newsLetter.module.css.es.js";
+const k = "//gethealthspan.us21.list-manage.com/subscribe/post?u=664ad54ec243b3582164cf116&id=2483a4d606&f_id=0050e6e6f0&tags=239347,239351", C = ({
   status: e,
   message: l,
   subscribe: o
 }) => {
-  const [t, m] = n(""), [p, b] = n(""), [d, i] = n(!1), [g, a] = n(""), [v, u] = n(!1), y = (f) => {
-    m(f.target.value), d && (i(!1), a("")), u(f.target.value.length > 0);
-  }, E = () => {
-    if (!t) {
-      i(!0), a("Please enter your email address");
+  const [s, m] = n(""), [f, g] = n(""), [d, t] = n(!1), [b, i] = n(""), [v, u] = n(!1), y = (h) => {
+    m(h.target.value), d && (t(!1), i("")), u(h.target.value.length > 0);
+  }, w = () => {
+    if (!s) {
+      t(!0), i("Please enter your email address");
       return;
     }
-    if (!V(t)) {
-      i(!0), a("Please enter a valid email address");
+    if (!V(s)) {
+      t(!0), i("Please enter a valid email address");
       return;
     }
-    i(!1), a(""), o({
-      EMAIL: t
+    t(!1), i(""), o({
+      EMAIL: s
     });
   };
-  return x(() => {
-    e === "success" && (b(t), m(""), i(!1), a(""), u(!1)), e === "error" && typeof l == "string" && (i(!0), a("Subscription failed. Please try again."));
-  }, [e, l]), /* @__PURE__ */ c("div", { className: w(s.root, { [s.subscribed]: e === "success" }), children: [
-    /* @__PURE__ */ c("div", { className: s.container, children: [
-      /* @__PURE__ */ r(h, { defaultVariant: "headingLg", mobileVariant: "headingSm", as: "h2", className: s.title, children: e === "success" ? "Thanks for subscribing!" : "Read the latest research reviews" }),
-      /* @__PURE__ */ r(h, { defaultVariant: "bodySm", mobileVariant: "bodyXs", as: "span", className: s.text, children: e === "success" ? /* @__PURE__ */ c(S, { children: [
-        "A confirmation email has been sent to ",
-        /* @__PURE__ */ r("b", { className: s.email, children: p }),
-        ". Please confirm your subscription."
+  return S(() => {
+    e === "success" && (g(s), m(""), t(!1), i(""), u(!1)), e === "error" && typeof l == "string" && (t(!0), i("Subscription failed. Please try again."));
+  }, [e, l]), /* @__PURE__ */ c("div", { className: T(a.root, { [a.subscribed]: e === "success" }), children: [
+    /* @__PURE__ */ c("div", { className: a.container, children: [
+      /* @__PURE__ */ r(p, { defaultVariant: "headingLg", mobileVariant: "headingSm", as: "h2", className: a.title, children: e === "success" ? "Thanks for subscribing!" : "Read the latest research reviews" }),
+      /* @__PURE__ */ r(p, { defaultVariant: "bodySm", mobileVariant: "bodyXs", as: "span", className: a.text, children: e === "success" ? /* @__PURE__ */ c(E, { children: [
+        "You will now begin receiving our monthly newsletter at",
+        " ",
+        /* @__PURE__ */ r("b", { className: a.email, children: f }),
+        ". 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." })
     ] }),
     e === "sending" && /* @__PURE__ */ r("div", { style: { marginTop: "1rem" }, children: "Subscribing, please wait..." }),
     e !== "success" && e !== "sending" && /* @__PURE__ */ r(
-      T,
+      x,
       {
         placeholder: "Your email",
         variant: "primary-invert",
-        value: t,
+        value: s,
         handleChange: y,
-        onButtonClick: E,
+        onButtonClick: w,
         showButton: !0,
         error: d,
-        errorText: g,
+        errorText: b,
         active: v
       }
     )
@@ -56,12 +57,12 @@ const C = "//gethealthspan.us21.list-manage.com/subscribe/post?u=664ad54ec243b35
 }, R = () => /* @__PURE__ */ r(
   N,
   {
-    url: C,
+    url: k,
     render: ({
       subscribe: e,
       status: l,
       message: o
-    }) => /* @__PURE__ */ r(L, { status: l, message: o, subscribe: e })
+    }) => /* @__PURE__ */ r(C, { status: l, message: o, subscribe: e })
   }
 );
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@zenpatient-org/healthspan-marketing-ui",
-    "version": "0.1.36",
+    "version": "0.1.37",
     "description": "Design system",
     "main": "dist/index.cjs.js",
     "module": "dist/index.es.js",
@@ -300,6 +300,16 @@
             "import": "./dist/components/AnchorLinks/AnchorLinks.es.js",
             "require": "./dist/components/AnchorLinks/AnchorLinks.cjs.js"
         },
+        "./Checkbox": {
+            "types": "./dist/components/Checkbox/Checkbox.d.ts",
+            "import": "./dist/components/Checkbox/Checkbox.es.js",
+            "require": "./dist/components/Checkbox/Checkbox.cjs.js"
+        },
+        "./ColoredDivider": {
+            "types": "./dist/components/ColoredDivider/ColoredDivider.d.ts",
+            "import": "./dist/components/ColoredDivider/ColoredDivider.es.js",
+            "require": "./dist/components/ColoredDivider/ColoredDivider.cjs.js"
+        },
         "./CallbackModule": {
             "types": "./dist/modules/Callback/Callback.d.ts",
             "import": "./dist/modules/Callback/Callback.es.js",
@@ -460,6 +470,11 @@
             "import": "./dist/modules/ResearchEssentialReadings/ResearchEssentialReadings.es.js",
             "require": "./dist/modules/ResearchEssentialReadings/ResearchEssentialReadings.cjs.js"
         },
+        "./ResearchFilters": {
+            "types": "./dist/modules/ResearchFilters/ResearchFilters.d.ts",
+            "import": "./dist/modules/ResearchFilters/ResearchFilters.es.js",
+            "require": "./dist/modules/ResearchFilters/ResearchFilters.cjs.js"
+        },
         "./Bubbles": {
             "types": "./dist/pageComponents/Bubbles/Bubbles.d.ts",
             "import": "./dist/pageComponents/Bubbles/Bubbles.es.js",