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

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/package.json

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