@zenpatient-org/healthspan-marketing-ui 0.1.108 → 0.1.110

package/dist/modules/HSModal/components/MailchimpModal/MailchimpModal.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../../../components/Typography/Typography.cjs.js"),s=require("../../../../utils/cn/cn.cjs.js"),y=require("./components/Newsletter/Newsletter.cjs.js"),a=require("./mailchimpModal.module.css.cjs.js"),f=({title:r,description:c,buttonText:d,image:n,layout:i="plain-column",colorScheme:t="light",onCloseCallback:o,onClickCallback:u,cancelButtonText:p="no, thanks",tags:m})=>{const h=g=>{g.stopPropagation()};return e.jsxs("div",{className:s.cn(a.default.contentWrapper,a.default[t]),"data-image-position":i,onClick:h,children:[e.jsxs("div",{className:s.cn(a.default.content,a.default[t]),children:[e.jsxs("div",{className:a.default.text,children:[e.jsx(l.Typography,{defaultVariant:"headingLg",children:r}),e.jsx(l.Typography,{defaultVariant:"bodySm",children:c})]}),e.jsx(y.Newsletter,{buttonText:d,cancelButtonText:p,colorScheme:t,onCloseCallback:o,onClickCallback:u,tags:m})]}),n&&i!=="plain-column"&&e.jsx("div",{className:a.default.imageWrapper,children:e.jsx("div",{style:{backgroundImage:`url(${n})`},className:a.default.image})})]})};exports.MailchimpModal=f;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../../../components/Typography/Typography.cjs.js"),c=require("../../../../utils/cn/cn.cjs.js"),y=require("./components/Newsletter/Newsletter.cjs.js"),a=require("./mailchimpModal.module.css.cjs.js"),f=({title:n,description:t,buttonText:d,image:s,layout:i="plain-column",colorScheme:l="light",onCloseCallback:o,onClickCallback:u,cancelButtonText:p="no, thanks",tags:m})=>{const h=g=>{g.stopPropagation()};return e.jsxs("div",{className:c.cn(a.default.contentWrapper,a.default[l]),"data-image-position":i,onClick:h,children:[e.jsxs("div",{className:c.cn(a.default.content,a.default[l]),children:[(n||t)&&e.jsxs("div",{className:a.default.text,children:[n&&e.jsx(r.Typography,{defaultVariant:"headingLg",children:n}),t&&e.jsx(r.Typography,{defaultVariant:"bodySm",children:t})]}),e.jsx(y.Newsletter,{buttonText:d,cancelButtonText:p,colorScheme:l,onCloseCallback:o,onClickCallback:u,tags:m})]}),s&&i!=="plain-column"&&e.jsx("div",{className:a.default.imageWrapper,children:e.jsx("div",{style:{backgroundImage:`url(${s})`},className:a.default.image})})]})};exports.MailchimpModal=f;

package/dist/modules/HSModal/components/MailchimpModal/MailchimpModal.es.js

@@ -1,16 +1,16 @@
 "use client";
-import { jsxs as t, jsx as i } from "react/jsx-runtime";
-import { Typography as l } from "../../../../components/Typography/Typography.es.js";
-import { cn as o } from "../../../../utils/cn/cn.es.js";
+import { jsxs as t, jsx as n } from "react/jsx-runtime";
+import { Typography as s } from "../../../../components/Typography/Typography.es.js";
+import { cn as m } from "../../../../utils/cn/cn.es.js";
 import { Newsletter as N } from "./components/Newsletter/Newsletter.es.js";
 import a from "./mailchimpModal.module.css.es.js";
 const b = ({
-  title: s,
-  description: m,
+  title: i,
+  description: r,
   buttonText: c,
-  image: e,
-  layout: r = "plain-column",
-  colorScheme: n = "light",
+  image: l,
+  layout: o = "plain-column",
+  colorScheme: e = "light",
   onCloseCallback: d,
   onClickCallback: p,
   cancelButtonText: h = "no, thanks",
@@ -22,28 +22,28 @@ const b = ({
   return /* @__PURE__ */ t(
     "div",
     {
-      className: o(a.contentWrapper, a[n]),
-      "data-image-position": r,
+      className: m(a.contentWrapper, a[e]),
+      "data-image-position": o,
       onClick: f,
       children: [
-        /* @__PURE__ */ t("div", { className: o(a.content, a[n]), children: [
-          /* @__PURE__ */ t("div", { className: a.text, children: [
-            /* @__PURE__ */ i(l, { defaultVariant: "headingLg", children: s }),
-            /* @__PURE__ */ i(l, { defaultVariant: "bodySm", children: m })
+        /* @__PURE__ */ t("div", { className: m(a.content, a[e]), children: [
+          (i || r) && /* @__PURE__ */ t("div", { className: a.text, children: [
+            i && /* @__PURE__ */ n(s, { defaultVariant: "headingLg", children: i }),
+            r && /* @__PURE__ */ n(s, { defaultVariant: "bodySm", children: r })
           ] }),
-          /* @__PURE__ */ i(
+          /* @__PURE__ */ n(
             N,
             {
               buttonText: c,
               cancelButtonText: h,
-              colorScheme: n,
+              colorScheme: e,
               onCloseCallback: d,
               onClickCallback: p,
               tags: g
             }
           )
         ] }),
-        e && r !== "plain-column" && /* @__PURE__ */ i("div", { className: a.imageWrapper, children: /* @__PURE__ */ i("div", { style: { backgroundImage: `url(${e})` }, className: a.image }) })
+        l && o !== "plain-column" && /* @__PURE__ */ n("div", { className: a.imageWrapper, children: /* @__PURE__ */ n("div", { style: { backgroundImage: `url(${l})` }, className: a.image }) })
       ]
     }
   );

package/dist/modules/HSModal/types.d.ts

@@ -4,9 +4,9 @@ type TimerTrigger = {
 };
 type THSModal = {
     id: string;
-    title: string;
-    description: string;
     buttonText: string;
+    title?: string;
+    description?: string;
     trigger?: TimerTrigger;
     layout?: 'plain-column' | 'header-image' | 'side-image';
     cancelButtonText?: string;

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

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../components/Button/Button.cjs.js");require("../../components/Icon/Icon.cjs.js");const n=require("../../components/Icon/constants.cjs.js"),t=require("../../components/Typography/Typography.cjs.js"),h=require("./components/StudyCard/StudyCard.cjs.js"),s=require("./researchStudies.module.css.cjs.js"),m=({studies:d,hasMoreButton:l,title:o,backButton:a,loading:c,onClickShowMore:u})=>e.jsx("div",{className:s.default.root,children:e.jsxs("div",{className:s.default.container,children:[e.jsxs("div",{className:s.default.header,children:[a&&e.jsx("div",{className:s.default.backButton,children:e.jsx(i.Button,{as:"a",href:a.href,size:"xs",prefixIcon:n.EIconName.ARROW_BACK,variant:"ghost",children:a==null?void 0:a.label})}),e.jsx(t.Typography,{defaultVariant:"displayXs",mobileVariant:"headingLg",children:o})]}),e.jsx("div",{className:s.default.studies,children:d.map((r,p)=>e.jsx("div",{className:s.default.studyCard,children:e.jsx(h.StudyCard,{...r})},`${r.title}_${r.link}`))}),c&&e.jsx(t.Typography,{as:"div",defaultVariant:"labelSm",emphasis:!0,className:s.default.loading,children:"Loading..."}),l&&e.jsx("div",{className:s.default.buttonContainer,children:e.jsx(i.Button,{size:"lg",variant:"muted",prefixIcon:n.EIconName.PLUS,onClick:u,children:"show more"})})]})});exports.ResearchStudies=m;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../components/Button/Button.cjs.js");require("../../components/Icon/Icon.cjs.js");const n=require("../../components/Icon/constants.cjs.js"),h=require("../../components/Typography/Typography.cjs.js"),m=require("./components/StudyCard/StudyCard.cjs.js"),x=require("./components/StudiesSkeleton/StudiesSkeleton.cjs.js"),s=require("./researchStudies.module.css.cjs.js"),f=6,p=({studies:d,hasMoreButton:l,title:o,backButton:r,loading:c,onClickShowMore:u})=>e.jsx("div",{className:s.default.root,children:e.jsxs("div",{className:s.default.container,children:[e.jsxs("div",{className:s.default.header,children:[r&&e.jsx("div",{className:s.default.backButton,children:e.jsx(t.Button,{as:"a",href:r.href,size:"xs",prefixIcon:n.EIconName.ARROW_BACK,variant:"ghost",children:r==null?void 0:r.label})}),e.jsx(h.Typography,{defaultVariant:"displayXs",mobileVariant:"headingLg",children:o})]}),e.jsxs("div",{className:s.default.studies,children:[d.map((a,i)=>e.jsx("div",{className:s.default.studyCard,children:e.jsx(m.StudyCard,{...a})},`${a.title}_${a.link}`)),c&&Array.from({length:f}).map((a,i)=>e.jsx("div",{className:s.default.studyCard,children:e.jsx(x.StudiesSkeleton,{},i)},i))]}),l&&e.jsx("div",{className:s.default.buttonContainer,children:e.jsx(t.Button,{size:"lg",variant:"muted",prefixIcon:n.EIconName.PLUS,onClick:u,children:"show more"})})]})});exports.ResearchStudies=p;

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

@@ -1,37 +1,40 @@
 "use client";
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { Button as l } from "../../components/Button/Button.es.js";
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { Button as d } from "../../components/Button/Button.es.js";
 import "../../components/Icon/Icon.es.js";
-import { EIconName as d } from "../../components/Icon/constants.es.js";
-import { Typography as n } from "../../components/Typography/Typography.es.js";
-import { StudyCard as p } from "./components/StudyCard/StudyCard.es.js";
-import i from "./researchStudies.module.css.es.js";
-const S = ({
-  studies: m,
-  hasMoreButton: o,
+import { EIconName as m } from "../../components/Icon/constants.es.js";
+import { Typography as p } from "../../components/Typography/Typography.es.js";
+import { StudyCard as f } from "./components/StudyCard/StudyCard.es.js";
+import { StudiesSkeleton as N } from "./components/StudiesSkeleton/StudiesSkeleton.es.js";
+import r from "./researchStudies.module.css.es.js";
+const v = 6, R = ({
+  studies: o,
+  hasMoreButton: n,
   title: t,
-  backButton: r,
+  backButton: i,
   loading: c,
   onClickShowMore: h
-}) => /* @__PURE__ */ e("div", { className: i.root, children: /* @__PURE__ */ s("div", { className: i.container, children: [
-  /* @__PURE__ */ s("div", { className: i.header, children: [
-    r && /* @__PURE__ */ e("div", { className: i.backButton, children: /* @__PURE__ */ e(
-      l,
+}) => /* @__PURE__ */ e("div", { className: r.root, children: /* @__PURE__ */ l("div", { className: r.container, children: [
+  /* @__PURE__ */ l("div", { className: r.header, children: [
+    i && /* @__PURE__ */ e("div", { className: r.backButton, children: /* @__PURE__ */ e(
+      d,
       {
         as: "a",
-        href: r.href,
+        href: i.href,
         size: "xs",
-        prefixIcon: d.ARROW_BACK,
+        prefixIcon: m.ARROW_BACK,
         variant: "ghost",
-        children: r == null ? void 0 : r.label
+        children: i == null ? void 0 : i.label
       }
     ) }),
-    /* @__PURE__ */ e(n, { defaultVariant: "displayXs", mobileVariant: "headingLg", children: t })
+    /* @__PURE__ */ e(p, { defaultVariant: "displayXs", mobileVariant: "headingLg", children: t })
   ] }),
-  /* @__PURE__ */ e("div", { className: i.studies, children: m.map((a, f) => /* @__PURE__ */ e("div", { className: i.studyCard, children: /* @__PURE__ */ e(p, { ...a }) }, `${a.title}_${a.link}`)) }),
-  c && /* @__PURE__ */ e(n, { as: "div", defaultVariant: "labelSm", emphasis: !0, className: i.loading, children: "Loading..." }),
-  o && /* @__PURE__ */ e("div", { className: i.buttonContainer, children: /* @__PURE__ */ e(l, { size: "lg", variant: "muted", prefixIcon: d.PLUS, onClick: h, children: "show more" }) })
+  /* @__PURE__ */ l("div", { className: r.studies, children: [
+    o.map((a, s) => /* @__PURE__ */ e("div", { className: r.studyCard, children: /* @__PURE__ */ e(f, { ...a }) }, `${a.title}_${a.link}`)),
+    c && Array.from({ length: v }).map((a, s) => /* @__PURE__ */ e("div", { className: r.studyCard, children: /* @__PURE__ */ e(N, {}, s) }, s))
+  ] }),
+  n && /* @__PURE__ */ e("div", { className: r.buttonContainer, children: /* @__PURE__ */ e(d, { size: "lg", variant: "muted", prefixIcon: m.PLUS, onClick: h, children: "show more" }) })
 ] }) });
 export {
-  S as ResearchStudies
+  R as ResearchStudies
 };

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../../components/Skeleton/Skeleton.cjs.js"),s=require("./studiesSkeleton.module.css.cjs.js"),i=({})=>e.jsx("div",{className:s.default.root,children:e.jsxs("div",{className:s.default.content,children:[e.jsx(t.Skeleton,{height:"28px",width:"100px",className:s.default.label,radius:"4px"}),e.jsx(t.Skeleton,{variant:"banner",height:"293px",radius:"12px"}),e.jsxs("div",{className:s.default.row,children:[e.jsx(t.Skeleton,{height:"12px",width:"100px",radius:"6px"}),e.jsx(t.Skeleton,{height:"12px",width:"8px",radius:"6px"}),e.jsx(t.Skeleton,{height:"12px",width:"100px",radius:"6px"})]}),e.jsx(t.Skeleton,{height:"44px",width:"100%",radius:"6px"}),e.jsx("div",{className:s.default.borderLeft,"data-line":"left"}),e.jsx("div",{className:s.default.borderRight,"data-line":"right"})]})});exports.StudiesSkeleton=i;

package/dist/modules/ResearchStudies/components/StudiesSkeleton/StudiesSkeleton.d.ts

@@ -0,0 +1,3 @@
+type StudiesSkeletonProps = {};
+export declare const StudiesSkeleton: ({}: StudiesSkeletonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,18 @@
+import { jsx as i, jsxs as r } from "react/jsx-runtime";
+import { Skeleton as e } from "../../../../components/Skeleton/Skeleton.es.js";
+import t from "./studiesSkeleton.module.css.es.js";
+const h = ({}) => /* @__PURE__ */ i("div", { className: t.root, children: /* @__PURE__ */ r("div", { className: t.content, children: [
+  /* @__PURE__ */ i(e, { height: "28px", width: "100px", className: t.label, radius: "4px" }),
+  /* @__PURE__ */ i(e, { variant: "banner", height: "293px", radius: "12px" }),
+  /* @__PURE__ */ r("div", { className: t.row, children: [
+    /* @__PURE__ */ i(e, { height: "12px", width: "100px", radius: "6px" }),
+    /* @__PURE__ */ i(e, { height: "12px", width: "8px", radius: "6px" }),
+    /* @__PURE__ */ i(e, { height: "12px", width: "100px", radius: "6px" })
+  ] }),
+  /* @__PURE__ */ i(e, { height: "44px", width: "100%", radius: "6px" }),
+  /* @__PURE__ */ i("div", { className: t.borderLeft, "data-line": "left" }),
+  /* @__PURE__ */ i("div", { className: t.borderRight, "data-line": "right" })
+] }) });
+export {
+  h as StudiesSkeleton
+};

package/dist/modules/ResearchStudies/components/StudiesSkeleton/index.d.ts

@@ -0,0 +1 @@
+export { StudiesSkeleton } from './StudiesSkeleton';

package/dist/modules/ResearchStudies/components/StudiesSkeleton/studiesSkeleton.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="studiesSkeleton-module__root___OqWX5",t="studiesSkeleton-module__content___hYdLr",o="studiesSkeleton-module__borderLeft___V10Kp",_="studiesSkeleton-module__borderRight___xaYTp",r="studiesSkeleton-module__label___5QXtO",l="studiesSkeleton-module__row___5-am3",d={root:e,content:t,borderLeft:o,borderRight:_,label:r,row:l};exports.borderLeft=o;exports.borderRight=_;exports.content=t;exports.default=d;exports.label=r;exports.root=e;exports.row=l;

package/dist/modules/ResearchStudies/components/StudiesSkeleton/studiesSkeleton.module.css.es.js

@@ -0,0 +1,17 @@
+const e = "studiesSkeleton-module__root___OqWX5", o = "studiesSkeleton-module__content___hYdLr", t = "studiesSkeleton-module__borderLeft___V10Kp", _ = "studiesSkeleton-module__borderRight___xaYTp", s = "studiesSkeleton-module__label___5QXtO", d = "studiesSkeleton-module__row___5-am3", l = {
+  root: e,
+  content: o,
+  borderLeft: t,
+  borderRight: _,
+  label: s,
+  row: d
+};
+export {
+  t as borderLeft,
+  _ as borderRight,
+  o as content,
+  l as default,
+  s as label,
+  e as root,
+  d as row
+};

package/dist/modules/ResearchStudies/researchStudies.module.css.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="researchStudies-module__root___l-DhN",t="researchStudies-module__container___K9kTm",o="researchStudies-module__header___LMwvo",s="researchStudies-module__backButton___j5euv",_="researchStudies-module__studies___-dT6a",d="researchStudies-module__studyCard___Xqw5Q",r="researchStudies-module__loading___-bcYF",u="researchStudies-module__buttonContainer___XKU7w",n={root:e,container:t,header:o,backButton:s,studies:_,studyCard:d,loading:r,buttonContainer:u};exports.backButton=s;exports.buttonContainer=u;exports.container=t;exports.default=n;exports.header=o;exports.loading=r;exports.root=e;exports.studies=_;exports.studyCard=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="researchStudies-module__root___l-DhN",t="researchStudies-module__container___K9kTm",o="researchStudies-module__header___LMwvo",s="researchStudies-module__backButton___j5euv",r="researchStudies-module__studies___-dT6a",u="researchStudies-module__studyCard___Xqw5Q",_="researchStudies-module__buttonContainer___XKU7w",d={root:e,container:t,header:o,backButton:s,studies:r,studyCard:u,buttonContainer:_};exports.backButton=s;exports.buttonContainer=_;exports.container=t;exports.default=d;exports.header=o;exports.root=e;exports.studies=r;exports.studyCard=u;

package/dist/modules/ResearchStudies/researchStudies.module.css.es.js

@@ -1,21 +1,19 @@
-const e = "researchStudies-module__root___l-DhN", t = "researchStudies-module__container___K9kTm", o = "researchStudies-module__header___LMwvo", _ = "researchStudies-module__backButton___j5euv", s = "researchStudies-module__studies___-dT6a", d = "researchStudies-module__studyCard___Xqw5Q", r = "researchStudies-module__loading___-bcYF", n = "researchStudies-module__buttonContainer___XKU7w", u = {
+const e = "researchStudies-module__root___l-DhN", t = "researchStudies-module__container___K9kTm", o = "researchStudies-module__header___LMwvo", _ = "researchStudies-module__backButton___j5euv", s = "researchStudies-module__studies___-dT6a", r = "researchStudies-module__studyCard___Xqw5Q", d = "researchStudies-module__buttonContainer___XKU7w", u = {
   root: e,
   container: t,
   header: o,
   backButton: _,
   studies: s,
-  studyCard: d,
-  loading: r,
-  buttonContainer: n
+  studyCard: r,
+  buttonContainer: d
 };
 export {
   _ as backButton,
-  n as buttonContainer,
+  d as buttonContainer,
   t as container,
   u as default,
   o as header,
-  r as loading,
   e as root,
   s as studies,
-  d as studyCard
+  r as studyCard
 };

package/package.json

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