@zenpatient-org/healthspan-marketing-ui 0.2.41 → 0.2.42

package/dist/modules/YourProtocol/YourProtocol.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../src/modules/YourProtocol/yourProtocol.module.css"),c=require("../../types/analytics/analytics.cjs.js"),h=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),y=require("../../components/Icon/Icon.cjs.js"),l=require("../../components/Typography/Typography.cjs.js"),u=require("../../components/Button/Button.cjs.js"),g=({title:o,image:r,tags:n,button:t,colorScheme:i="light"})=>{const d={event:c.EAnalyticsEvent.ctaClicked,type:c.EAnalyticsEventType.interaction,component:"YourProtocol",element:"Callback",payload:{ctaLink:t.link}},p=i==="dark"?"secondary":"primary";return e.jsx("section",{className:a.root,"data-scheme":i,children:e.jsxs("div",{className:a.container,children:[e.jsx(h.HighlightedTitle,{title:o,className:a.title,defaultVariant:"displayMd",mobileVariant:"headingXl",colorScheme:i}),n.length>0&&e.jsx("div",{className:a.tagsList,children:n.map((s,m)=>e.jsxs("div",{className:a.tagItem,children:[s.icon&&e.jsx("div",{className:a.iconWrapper,children:e.jsx(y.Icon,{name:s.icon,className:a.icon})}),e.jsxs("div",{className:a.tagText,children:[e.jsx(l.Typography,{className:a.tagLabel,as:"p",defaultVariant:"headingXs",children:s.label}),s.description&&e.jsx(l.Typography,{className:a.tagDescription,as:"p",defaultVariant:"bodyMd",children:s.description})]})]},m))}),t&&e.jsx("div",{className:a.callbackButton,children:e.jsx(u.Button,{href:t.link,as:"a",analyticsProps:d,size:"lg",variant:p,children:t.label})}),e.jsx("img",{src:r,alt:"Your Protocol",className:a.image})]})})};exports.YourProtocol=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../src/modules/YourProtocol/yourProtocol.module.css"),n=require("../../types/analytics/analytics.cjs.js"),h=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),y=require("../../components/Icon/Icon.cjs.js"),r=require("../../components/Typography/Typography.cjs.js"),g=require("../../components/Button/Button.cjs.js"),j=({title:t,image:o,tags:c,button:s,colorScheme:l="light"})=>{const d={event:n.EAnalyticsEvent.ctaClicked,type:n.EAnalyticsEventType.interaction,component:"YourProtocol",element:"Callback",payload:{ctaLink:(s==null?void 0:s.link)||"no_link"}},p=l==="dark"?"secondary":"primary";return e.jsx("section",{className:a.root,"data-scheme":l,children:e.jsxs("div",{className:a.container,children:[e.jsx(h.HighlightedTitle,{title:t,className:a.title,defaultVariant:"displayMd",mobileVariant:"headingXl",colorScheme:l}),c.length>0&&e.jsx("div",{className:a.tagsList,children:c.map((i,m)=>e.jsxs("div",{className:a.tagItem,children:[i.icon&&e.jsx("div",{className:a.iconWrapper,children:e.jsx(y.Icon,{name:i.icon,className:a.icon})}),e.jsxs("div",{className:a.tagText,children:[e.jsx(r.Typography,{className:a.tagLabel,as:"p",defaultVariant:"headingXs",children:i.label}),i.description&&e.jsx(r.Typography,{className:a.tagDescription,as:"p",defaultVariant:"bodyMd",children:i.description})]})]},m))}),(s==null?void 0:s.link)&&(s==null?void 0:s.label)&&e.jsx("div",{className:a.callbackButton,children:e.jsx(g.Button,{href:s.link,as:"a",analyticsProps:d,size:"lg",variant:p,children:s.label})}),e.jsx("img",{src:o,alt:"Your Protocol",className:a.image})]})})};exports.YourProtocol=j;

package/dist/modules/YourProtocol/YourProtocol.d.ts

@@ -5,7 +5,7 @@ import { TColorScheme } from '../../types/common';
 type Props = {
     title: ReactNode;
     tags: Array<TTagView>;
-    button: {
+    button?: {
         label: string;
         link: string;
     };

package/dist/modules/YourProtocol/YourProtocol.es.js

@@ -1,42 +1,42 @@
-import { jsx as i, jsxs as r } from "react/jsx-runtime";
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
 import a from "../../modules/YourProtocol/yourProtocol.module.css";
 import { EAnalyticsEventType as h, EAnalyticsEvent as y } from "../../types/analytics/analytics.es.js";
 import { HighlightedTitle as N } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
 import { Icon as f } from "../../components/Icon/Icon.es.js";
-import { Typography as s } from "../../components/Typography/Typography.es.js";
+import { Typography as n } from "../../components/Typography/Typography.es.js";
 import { Button as v } from "../../components/Button/Button.es.js";
-const P = ({ title: c, image: o, tags: n, button: t, colorScheme: l = "light" }) => {
-  const m = {
+const L = ({ title: o, image: m, tags: c, button: i, colorScheme: r = "light" }) => {
+  const d = {
     event: y.ctaClicked,
     type: h.interaction,
     component: "YourProtocol",
     element: "Callback",
     payload: {
-      ctaLink: t.link
+      ctaLink: (i == null ? void 0 : i.link) || "no_link"
     }
-  }, d = l === "dark" ? "secondary" : "primary";
-  return /* @__PURE__ */ i("section", { className: a.root, "data-scheme": l, children: /* @__PURE__ */ r("div", { className: a.container, children: [
-    /* @__PURE__ */ i(
+  }, t = r === "dark" ? "secondary" : "primary";
+  return /* @__PURE__ */ e("section", { className: a.root, "data-scheme": r, children: /* @__PURE__ */ s("div", { className: a.container, children: [
+    /* @__PURE__ */ e(
       N,
       {
-        title: c,
+        title: o,
         className: a.title,
         defaultVariant: "displayMd",
         mobileVariant: "headingXl",
-        colorScheme: l
+        colorScheme: r
       }
     ),
-    n.length > 0 && /* @__PURE__ */ i("div", { className: a.tagsList, children: n.map((e, p) => /* @__PURE__ */ r("div", { className: a.tagItem, children: [
-      e.icon && /* @__PURE__ */ i("div", { className: a.iconWrapper, children: /* @__PURE__ */ i(f, { name: e.icon, className: a.icon }) }),
-      /* @__PURE__ */ r("div", { className: a.tagText, children: [
-        /* @__PURE__ */ i(s, { className: a.tagLabel, as: "p", defaultVariant: "headingXs", children: e.label }),
-        e.description && /* @__PURE__ */ i(s, { className: a.tagDescription, as: "p", defaultVariant: "bodyMd", children: e.description })
+    c.length > 0 && /* @__PURE__ */ e("div", { className: a.tagsList, children: c.map((l, p) => /* @__PURE__ */ s("div", { className: a.tagItem, children: [
+      l.icon && /* @__PURE__ */ e("div", { className: a.iconWrapper, children: /* @__PURE__ */ e(f, { name: l.icon, className: a.icon }) }),
+      /* @__PURE__ */ s("div", { className: a.tagText, children: [
+        /* @__PURE__ */ e(n, { className: a.tagLabel, as: "p", defaultVariant: "headingXs", children: l.label }),
+        l.description && /* @__PURE__ */ e(n, { className: a.tagDescription, as: "p", defaultVariant: "bodyMd", children: l.description })
       ] })
     ] }, p)) }),
-    t && /* @__PURE__ */ i("div", { className: a.callbackButton, children: /* @__PURE__ */ i(v, { href: t.link, as: "a", analyticsProps: m, size: "lg", variant: d, children: t.label }) }),
-    /* @__PURE__ */ i("img", { src: o, alt: "Your Protocol", className: a.image })
+    (i == null ? void 0 : i.link) && (i == null ? void 0 : i.label) && /* @__PURE__ */ e("div", { className: a.callbackButton, children: /* @__PURE__ */ e(v, { href: i.link, as: "a", analyticsProps: d, size: "lg", variant: t, children: i.label }) }),
+    /* @__PURE__ */ e("img", { src: m, alt: "Your Protocol", className: a.image })
   ] }) });
 };
 export {
-  P as YourProtocol
+  L as YourProtocol
 };

package/package.json

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