@zenpatient-org/healthspan-marketing-ui 0.1.134 → 0.1.135

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"),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;
+"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"),f=require("./components/Newsletter/Newsletter.cjs.js"),a=require("./mailchimpModal.module.css.cjs.js"),j=({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,placeholder:h})=>{const g=y=>{y.stopPropagation()};return e.jsxs("div",{className:c.cn(a.default.contentWrapper,a.default[l]),"data-image-position":i,onClick:g,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(f.Newsletter,{buttonText:d,cancelButtonText:p,colorScheme:l,onCloseCallback:o,onClickCallback:u,tags:m,placeholder:h})]}),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=j;

package/dist/modules/HSModal/components/MailchimpModal/MailchimpModal.d.ts

@@ -1,3 +1,3 @@
 import { TMailchimpModal } from '../../types';
 
-export declare const MailchimpModal: ({ title, description, buttonText, image, layout, colorScheme, onCloseCallback, onClickCallback, cancelButtonText, tags, }: Omit<TMailchimpModal, "id" | "type">) => import("react/jsx-runtime").JSX.Element;
+export declare const MailchimpModal: ({ title, description, buttonText, image, layout, colorScheme, onCloseCallback, onClickCallback, cancelButtonText, tags, placeholder, }: Omit<TMailchimpModal, "id" | "type">) => import("react/jsx-runtime").JSX.Element;

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

@@ -2,9 +2,9 @@
 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 { Newsletter as v } from "./components/Newsletter/Newsletter.es.js";
 import a from "./mailchimpModal.module.css.es.js";
-const b = ({
+const j = ({
   title: i,
   description: r,
   buttonText: c,
@@ -14,17 +14,18 @@ const b = ({
   onCloseCallback: d,
   onClickCallback: p,
   cancelButtonText: h = "no, thanks",
-  tags: g
+  tags: g,
+  placeholder: f
 }) => {
-  const f = (u) => {
-    u.stopPropagation();
+  const u = (N) => {
+    N.stopPropagation();
   };
   return /* @__PURE__ */ t(
     "div",
     {
       className: m(a.contentWrapper, a[e]),
       "data-image-position": o,
-      onClick: f,
+      onClick: u,
       children: [
         /* @__PURE__ */ t("div", { className: m(a.content, a[e]), children: [
           (i || r) && /* @__PURE__ */ t("div", { className: a.text, children: [
@@ -32,14 +33,15 @@ const b = ({
             r && /* @__PURE__ */ n(s, { defaultVariant: "bodySm", children: r })
           ] }),
           /* @__PURE__ */ n(
-            N,
+            v,
             {
               buttonText: c,
               cancelButtonText: h,
               colorScheme: e,
               onCloseCallback: d,
               onClickCallback: p,
-              tags: g
+              tags: g,
+              placeholder: f
             }
           )
         ] }),
@@ -49,5 +51,5 @@ const b = ({
   );
 };
 export {
-  b as MailchimpModal
+  j as MailchimpModal
 };

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

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),u=require("react"),_=require("../../../../../../components/TextInput/TextInput.cjs.js"),I=require("../../../../../../node_modules/react-mailchimp-subscribe/es/index.cjs.js"),B=require("../../../../../../utils/isValidEmail.cjs.js"),v=require("../../../../../../components/Button/Button.cjs.js"),x=require("./newsletter.module.css.cjs.js"),M=e=>`//gethealthspan.us21.list-manage.com/subscribe/post?u=664ad54ec243b3582164cf116&id=2483a4d606&f_id=0050e6e6f0&tags=${e}`,N=({status:e,message:o,subscribe:c,buttonText:l,colorScheme:d,onCloseCallback:r,cancelButtonText:m,onClickCallback:a})=>{const[i,f]=u.useState(""),[p,s]=u.useState(!1),[y,n]=u.useState(""),[j,g]=u.useState(!1),q=h=>{f(h.target.value),p&&(s(!1),n("")),g(h.target.value.length>0)},E=()=>{if(!i){s(!0),n("Please enter your email address");return}if(!B.isValidEmail(i)){s(!0),n("Please enter a valid email address");return}s(!1),n(""),c({EMAIL:i}),a==null||a()};u.useEffect(()=>{e==="success"&&(f(""),s(!1),n(""),g(!1),r==null||r()),e==="error"&&typeof o=="string"&&(s(!0),n("Subscription failed. Please try again."))},[e,o]);const S=d==="light"?"primary":"primary-invert",T=d==="light"?"primary":"primary-invert";return t.jsxs("div",{className:x.default.interface,children:[t.jsx(_.TextInput,{placeholder:"Email",variant:S,value:i,handleChange:q,error:p,errorText:y,active:j}),t.jsxs("div",{className:x.default.buttonContainer,children:[t.jsx(v.Button,{size:"md",variant:T,onClick:E,children:e==="sending"?"submitting…":l}),t.jsx(v.Button,{size:"md",variant:"ghost",onClick:r,children:m})]})]})},P=({buttonText:e,colorScheme:o,onCloseCallback:c,cancelButtonText:l,tags:d,onClickCallback:r})=>t.jsx(I.default,{url:M(d),render:({subscribe:m,status:a,message:i})=>t.jsx(N,{status:a,message:i,subscribe:m,buttonText:e,colorScheme:o,onCloseCallback:c,onClickCallback:r,cancelButtonText:l})});exports.Newsletter=P;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),u=require("react"),I=require("../../../../../../components/TextInput/TextInput.cjs.js"),B=require("../../../../../../node_modules/react-mailchimp-subscribe/es/index.cjs.js"),M=require("../../../../../../utils/isValidEmail.cjs.js"),x=require("../../../../../../components/Button/Button.cjs.js"),y=require("./newsletter.module.css.cjs.js"),N=e=>`//gethealthspan.us21.list-manage.com/subscribe/post?u=664ad54ec243b3582164cf116&id=2483a4d606&f_id=0050e6e6f0&tags=${e}`,P=({status:e,message:o,subscribe:c,buttonText:l,colorScheme:d,onCloseCallback:r,cancelButtonText:m,onClickCallback:a,placeholder:f})=>{const[i,p]=u.useState(""),[g,s]=u.useState(!1),[j,n]=u.useState(""),[q,h]=u.useState(!1),E=v=>{p(v.target.value),g&&(s(!1),n("")),h(v.target.value.length>0)},S=()=>{if(!i){s(!0),n("Please enter your email address");return}if(!M.isValidEmail(i)){s(!0),n("Please enter a valid email address");return}s(!1),n(""),c({EMAIL:i}),a==null||a()};u.useEffect(()=>{e==="success"&&(p(""),s(!1),n(""),h(!1),r==null||r()),e==="error"&&typeof o=="string"&&(s(!0),n("Subscription failed. Please try again."))},[e,o]);const T=d==="light"?"primary":"primary-invert",_=d==="light"?"primary":"primary-invert";return t.jsxs("div",{className:y.default.interface,children:[t.jsx(I.TextInput,{placeholder:f||"Email",variant:T,value:i,handleChange:E,error:g,errorText:j,active:q}),t.jsxs("div",{className:y.default.buttonContainer,children:[t.jsx(x.Button,{size:"md",variant:_,onClick:S,children:e==="sending"?"submitting…":l}),t.jsx(x.Button,{size:"md",variant:"ghost",onClick:r,children:m})]})]})},V=({buttonText:e,colorScheme:o,onCloseCallback:c,cancelButtonText:l,tags:d,onClickCallback:r,placeholder:m})=>t.jsx(B.default,{url:N(d),render:({subscribe:a,status:f,message:i})=>t.jsx(P,{status:f,message:i,subscribe:a,buttonText:e,colorScheme:o,onCloseCallback:c,onClickCallback:r,cancelButtonText:l,placeholder:m})});exports.Newsletter=V;

package/dist/modules/HSModal/components/MailchimpModal/components/Newsletter/Newsletter.d.ts

@@ -1,8 +1,9 @@
-export declare const Newsletter: ({ buttonText, colorScheme, onCloseCallback, cancelButtonText, tags, onClickCallback, }: {
+export declare const Newsletter: ({ buttonText, colorScheme, onCloseCallback, cancelButtonText, tags, onClickCallback, placeholder, }: {
     buttonText: string;
     colorScheme: "light" | "dark";
     onCloseCallback?: () => void;
     cancelButtonText: string;
     tags: string;
     onClickCallback?: () => void;
+    placeholder?: string;
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,12 +1,12 @@
 "use client";
-import { jsx as n, jsxs as v } from "react/jsx-runtime";
-import { useState as u, useEffect as T } from "react";
-import { TextInput as V } from "../../../../../../components/TextInput/TextInput.es.js";
-import j from "../../../../../../node_modules/react-mailchimp-subscribe/es/index.es.js";
-import { isValidEmail as z } from "../../../../../../utils/isValidEmail.es.js";
-import { Button as y } from "../../../../../../components/Button/Button.es.js";
-import E from "./newsletter.module.css.es.js";
-const A = (e) => `//gethealthspan.us21.list-manage.com/subscribe/post?u=664ad54ec243b3582164cf116&id=2483a4d606&f_id=0050e6e6f0&tags=${e}`, b = ({
+import { jsx as n, jsxs as y } from "react/jsx-runtime";
+import { useState as u, useEffect as V } from "react";
+import { TextInput as j } from "../../../../../../components/TextInput/TextInput.es.js";
+import z from "../../../../../../node_modules/react-mailchimp-subscribe/es/index.es.js";
+import { isValidEmail as A } from "../../../../../../utils/isValidEmail.es.js";
+import { Button as E } from "../../../../../../components/Button/Button.es.js";
+import x from "./newsletter.module.css.es.js";
+const b = (e) => `//gethealthspan.us21.list-manage.com/subscribe/post?u=664ad54ec243b3582164cf116&id=2483a4d606&f_id=0050e6e6f0&tags=${e}`, w = ({
   status: e,
   message: m,
   subscribe: f,
@@ -14,16 +14,17 @@ const A = (e) => `//gethealthspan.us21.list-manage.com/subscribe/post?u=664ad54e
   colorScheme: o,
   onCloseCallback: r,
   cancelButtonText: p,
-  onClickCallback: a
+  onClickCallback: a,
+  placeholder: c
 }) => {
-  const [t, c] = u(""), [l, i] = u(!1), [x, s] = u(""), [M, h] = u(!1), I = (g) => {
-    c(g.target.value), l && (i(!1), s("")), h(g.target.value.length > 0);
-  }, N = () => {
+  const [t, l] = u(""), [h, i] = u(!1), [M, s] = u(""), [I, g] = u(!1), N = (v) => {
+    l(v.target.value), h && (i(!1), s("")), g(v.target.value.length > 0);
+  }, P = () => {
     if (!t) {
       i(!0), s("Please enter your email address");
       return;
     }
-    if (!z(t)) {
+    if (!A(t)) {
       i(!0), s("Please enter a valid email address");
       return;
     }
@@ -31,58 +32,60 @@ const A = (e) => `//gethealthspan.us21.list-manage.com/subscribe/post?u=664ad54e
       EMAIL: t
     }), a == null || a();
   };
-  T(() => {
-    e === "success" && (c(""), i(!1), s(""), h(!1), r == null || r()), e === "error" && typeof m == "string" && (i(!0), s("Subscription failed. Please try again."));
+  V(() => {
+    e === "success" && (l(""), i(!1), s(""), g(!1), r == null || r()), e === "error" && typeof m == "string" && (i(!0), s("Subscription failed. Please try again."));
   }, [e, m]);
-  const P = o === "light" ? "primary" : "primary-invert", S = o === "light" ? "primary" : "primary-invert";
-  return /* @__PURE__ */ v("div", { className: E.interface, children: [
+  const S = o === "light" ? "primary" : "primary-invert", T = o === "light" ? "primary" : "primary-invert";
+  return /* @__PURE__ */ y("div", { className: x.interface, children: [
     /* @__PURE__ */ n(
-      V,
+      j,
       {
-        placeholder: "Email",
-        variant: P,
+        placeholder: c || "Email",
+        variant: S,
         value: t,
-        handleChange: I,
-        error: l,
-        errorText: x,
-        active: M
+        handleChange: N,
+        error: h,
+        errorText: M,
+        active: I
       }
     ),
-    /* @__PURE__ */ v("div", { className: E.buttonContainer, children: [
-      /* @__PURE__ */ n(y, { size: "md", variant: S, onClick: N, children: e === "sending" ? "submitting…" : d }),
-      /* @__PURE__ */ n(y, { size: "md", variant: "ghost", onClick: r, children: p })
+    /* @__PURE__ */ y("div", { className: x.buttonContainer, children: [
+      /* @__PURE__ */ n(E, { size: "md", variant: T, onClick: P, children: e === "sending" ? "submitting…" : d }),
+      /* @__PURE__ */ n(E, { size: "md", variant: "ghost", onClick: r, children: p })
     ] })
   ] });
-}, q = ({
+}, D = ({
   buttonText: e,
   colorScheme: m,
   onCloseCallback: f,
   cancelButtonText: d,
   tags: o,
-  onClickCallback: r
+  onClickCallback: r,
+  placeholder: p
 }) => /* @__PURE__ */ n(
-  j,
+  z,
   {
-    url: A(o),
+    url: b(o),
     render: ({
-      subscribe: p,
-      status: a,
+      subscribe: a,
+      status: c,
       message: t
     }) => /* @__PURE__ */ n(
-      b,
+      w,
       {
-        status: a,
+        status: c,
         message: t,
-        subscribe: p,
+        subscribe: a,
         buttonText: e,
         colorScheme: m,
         onCloseCallback: f,
         onClickCallback: r,
-        cancelButtonText: d
+        cancelButtonText: d,
+        placeholder: p
       }
     )
   }
 );
 export {
-  q as Newsletter
+  D as Newsletter
 };

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

@@ -19,5 +19,6 @@ type THSModal = {
 export type TMailchimpModal = THSModal & {
     type: 'mailchimp';
     tags: string;
+    placeholder?: string;
 };
 export type { THSModal };

package/package.json

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