@zenpatient-org/healthspan-marketing-ui 0.2.32 → 0.2.34

package/dist/modules/Citation/Citation.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),a=require("../../src/modules/Citation/citation.module.css"),i=require("../../utils/cn/cn.cjs.js"),u=require("../../components/Typography/Typography.cjs.js");function l({orderPadding:r,items:n,className:c}){const e=isNaN(Number(r))?0:r;return!n||n.length===0?null:t.jsx("section",{className:i.cn(a.root,c),children:n==null?void 0:n.map((o,s)=>t.jsxs(u.Typography,{as:"p",className:a.text,defaultVariant:"bodySm",mobileVariant:"bodyXs",children:[t.jsx("sup",{children:e?e+s:s+1})," ",o.item]},o.id))})}exports.Citation=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("../../src/modules/Citation/citation.module.css"),u=require("../../utils/cn/cn.cjs.js"),i=require("../../components/Typography/Typography.cjs.js");function l({orderPadding:e,items:t,className:a}){const o=isNaN(Number(e))?0:e;return!t||t.length===0?null:r.jsx("section",{className:u.cn(s.root,a),children:t==null?void 0:t.map((c,n)=>r.jsxs(i.Typography,{as:"p",className:s.text,defaultVariant:"bodySm",mobileVariant:"bodyXs",children:[r.jsx("sup",{children:o?o+n:n+1})," ",c.item]},n))})}exports.Citation=l;

package/dist/modules/Citation/Citation.d.ts

@@ -1,7 +1,6 @@
 export type CitationProps = {
     orderPadding?: number;
     items?: Array<{
-        id: string | number;
         item: string;
     }>;
     className?: string;

package/dist/modules/Citation/Citation.es.js

@@ -1,14 +1,14 @@
-import { jsx as l, jsxs as c } from "react/jsx-runtime";
-import p from "../../modules/Citation/citation.module.css";
-import { cn as i } from "../../utils/cn/cn.es.js";
+import { jsx as n, jsxs as c } from "react/jsx-runtime";
+import l from "../../modules/Citation/citation.module.css";
+import { cn as m } from "../../utils/cn/cn.es.js";
 import { Typography as e } from "../../components/Typography/Typography.es.js";
-function y({ orderPadding: o, items: r, className: s }) {
-  const t = isNaN(Number(o)) ? 0 : o;
-  return !r || r.length === 0 ? null : /* @__PURE__ */ l("section", { className: i(p.root, s), children: r == null ? void 0 : r.map((a, n) => /* @__PURE__ */ c(e, { as: "p", className: p.text, defaultVariant: "bodySm", mobileVariant: "bodyXs", children: [
-    /* @__PURE__ */ l("sup", { children: t ? t + n : n + 1 }),
+function y({ orderPadding: t, items: r, className: p }) {
+  const a = isNaN(Number(t)) ? 0 : t;
+  return !r || r.length === 0 ? null : /* @__PURE__ */ n("section", { className: m(l.root, p), children: r == null ? void 0 : r.map((s, o) => /* @__PURE__ */ c(e, { as: "p", className: l.text, defaultVariant: "bodySm", mobileVariant: "bodyXs", children: [
+    /* @__PURE__ */ n("sup", { children: a ? a + o : o + 1 }),
     " ",
-    a.item
-  ] }, a.id)) });
+    s.item
+  ] }, o)) });
 }
 export {
   y as Citation

package/dist/modules/ComparisonV2/comparisonV2.module.css

@@ -34,8 +34,8 @@
 }
 
 .dot {
-    height: 8px;
-    width: 8px;
+    height: var(--spacing-16, 16px);
+    width: var(--spacing-16, 16px);
     color: var(--color-text-primary-disabled);
     border-radius: 50%;
     display: inline-block;
@@ -93,7 +93,6 @@
 }
 
 .alternativeContent, .featuredContent {
-    cursor: pointer;
     width: 100%;
     display: grid;
     grid-template-columns: 1fr;
@@ -258,8 +257,8 @@
 }
 
 .closeIcon {
-    width: 1.5rem;
-    height: 1.5rem;
+    width: var(--spacing-28, 28px);
+    height: var(--spacing-28, 28px);
     padding-inline: 8px;
     color: inherit;
 }

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 i=require("react/jsx-runtime"),o=require("react"),w=require("react-mailchimp-subscribe"),N=require("../../../../../../utils/isValidEmail.cjs.js"),P=require("../../../../../../types/analytics/analytics.cjs.js"),j=require("../../../../../../src/modules/HSModal/components/MailchimpModal/components/Newsletter/newsletter.module.css"),V=require("../../../../../../components/TextInput/TextInput.cjs.js"),E=require("../../../../../../components/Button/Button.cjs.js"),b=e=>`//gethealthspan.us21.list-manage.com/subscribe/post?u=664ad54ec243b3582164cf116&id=2483a4d606&f_id=0050e6e6f0&tags=${e}`,A=({status:e,message:c,subscribe:d,buttonText:p,colorScheme:l,onCloseCallback:r,cancelButtonText:f,onClickCallback:a,placeholder:h,trackingEvent:m,trackingLocation:y})=>{const[t,g]=o.useState(""),[v,n]=o.useState(!1),[S,s]=o.useState(""),[q,x]=o.useState(!1),T=u=>{g(u.target.value),v&&(n(!1),s("")),x(u.target.value.length>0)},M=()=>{var u;if(!t){n(!0),s("Please enter your email address");return}if(!N.isValidEmail(t)){n(!0),s("Please enter a valid email address");return}if(n(!1),s(""),d({EMAIL:t}),a==null||a(),m){const I={event:m,location:y||"",type:P.EAnalyticsEventType.interaction,payload:{email:t,component:"HSModal",element:"MailchimpCustomForm",pageTitle:document.title}};(u=window.eventBus)==null||u.emit("analytics",I)}};o.useEffect(()=>{e==="success"&&(g(""),n(!1),s(""),x(!1),r==null||r()),e==="error"&&typeof c=="string"&&(n(!0),s("Subscription failed. Please try again."))},[e,c]);const _=l==="light"?"primary":"primary-invert",B=l==="light"?"primary":"primary-invert";return i.jsxs("div",{className:j.interface,children:[i.jsx(V.TextInput,{placeholder:h||"Email",variant:_,value:t,handleChange:T,error:v,errorText:S,active:q}),i.jsxs("div",{className:j.buttonContainer,children:[i.jsx(E.Button,{size:"md",variant:B,onClick:M,children:e==="sending"?"submitting…":p}),i.jsx(E.Button,{size:"md",variant:"ghost",onClick:r,children:f})]})]})},z=({buttonText:e,colorScheme:c,onCloseCallback:d,cancelButtonText:p,tags:l,onClickCallback:r,placeholder:f,trackingEvent:a,trackingLocation:h})=>i.jsx(w,{url:b(l),render:({subscribe:m,status:y,message:t})=>i.jsx(A,{status:y,message:t,subscribe:m,buttonText:e,colorScheme:c,onCloseCallback:d,onClickCallback:r,cancelButtonText:p,placeholder:f,trackingEvent:a,trackingLocation:h})});exports.Newsletter=z;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),i=require("react"),O=require("../../../../../../utils/isValidEmail.cjs.js"),I=require("../../../../../../types/analytics/analytics.cjs.js"),h=require("../../../../../../src/modules/HSModal/components/MailchimpModal/components/Newsletter/newsletter.module.css"),V=require("../../../../../../components/TextInput/TextInput.cjs.js"),f=require("../../../../../../components/Button/Button.cjs.js"),M="https://hook.us2.make.com/1pdxfhs8945s62ritw768u66p2weqoq6",R=({buttonText:g,colorScheme:l,onCloseCallback:a,cancelButtonText:v,tags:S,onClickCallback:c,placeholder:x,trackingEvent:d,trackingLocation:T})=>{const[s,m]=i.useState(""),[p,t]=i.useState(!1),[q,e]=i.useState(""),[j,y]=i.useState(!1),[E,o]=i.useState(null),w=n=>{m(n.target.value),p&&(t(!1),e("")),y(n.target.value.length>0)},P=async()=>{var n;if(!s){t(!0),e("Please enter your email address");return}if(!O.isValidEmail(s)){t(!0),e("Please enter a valid email address");return}t(!1),e(""),o("sending");try{const u=S.split(",").map(N=>({name:N,status:"active"}));(await fetch(M,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({email:s,tags:u})})).ok?(o("success"),m(""),t(!1),e(""),y(!1),a==null||a()):(o("error"),t(!0),e("Subscription failed. Please try again."))}catch{o("error"),t(!0),e("Subscription failed. Please try again.")}if(c==null||c(),d){const u={event:d,location:T||"",type:I.EAnalyticsEventType.interaction,payload:{email:s,component:"HSModal",element:"MailchimpCustomForm",pageTitle:document.title}};(n=window.eventBus)==null||n.emit("analytics",u)}},_=l==="light"?"primary":"primary-invert",B=l==="light"?"primary":"primary-invert";return r.jsxs("div",{className:h.interface,children:[r.jsx(V.TextInput,{placeholder:x||"Email",variant:_,value:s,handleChange:w,error:p,errorText:q,active:j}),r.jsxs("div",{className:h.buttonContainer,children:[r.jsx(f.Button,{size:"md",variant:B,onClick:P,children:E==="sending"?"submitting…":g}),r.jsx(f.Button,{size:"md",variant:"ghost",onClick:a,children:v})]})]})};exports.Newsletter=R;

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

@@ -1,112 +1,87 @@
 "use client";
-import { jsx as m, jsxs as x } from "react/jsx-runtime";
-import { useState as d, useEffect as j } from "react";
-import z from "react-mailchimp-subscribe";
-import { isValidEmail as B } from "../../../../../../utils/isValidEmail.es.js";
-import { EAnalyticsEventType as F } from "../../../../../../types/analytics/analytics.es.js";
-import M from "../../../../../../modules/HSModal/components/MailchimpModal/components/Newsletter/newsletter.module.css";
-import { TextInput as b } from "../../../../../../components/TextInput/TextInput.es.js";
-import { Button as T } from "../../../../../../components/Button/Button.es.js";
-const H = (e) => `//gethealthspan.us21.list-manage.com/subscribe/post?u=664ad54ec243b3582164cf116&id=2483a4d606&f_id=0050e6e6f0&tags=${e}`, L = ({
-  status: e,
-  message: o,
-  subscribe: c,
-  buttonText: f,
-  colorScheme: p,
-  onCloseCallback: r,
-  cancelButtonText: l,
-  onClickCallback: a,
-  placeholder: h,
-  trackingEvent: u,
-  trackingLocation: v
+import { jsxs as h, jsx as p } from "react/jsx-runtime";
+import { useState as s } from "react";
+import { isValidEmail as z } from "../../../../../../utils/isValidEmail.es.js";
+import { EAnalyticsEventType as A } from "../../../../../../types/analytics/analytics.es.js";
+import y from "../../../../../../modules/HSModal/components/MailchimpModal/components/Newsletter/newsletter.module.css";
+import { TextInput as H } from "../../../../../../components/TextInput/TextInput.es.js";
+import { Button as v } from "../../../../../../components/Button/Button.es.js";
+const I = "https://hook.us2.make.com/1pdxfhs8945s62ritw768u66p2weqoq6", _ = ({
+  buttonText: g,
+  colorScheme: u,
+  onCloseCallback: n,
+  cancelButtonText: x,
+  tags: E,
+  onClickCallback: m,
+  placeholder: S,
+  trackingEvent: d,
+  trackingLocation: T
 }) => {
-  const [t, g] = d(""), [y, i] = d(!1), [S, n] = d(""), [w, E] = d(!1), A = (s) => {
-    g(s.target.value), y && (i(!1), n("")), E(s.target.value.length > 0);
-  }, I = () => {
-    var s;
-    if (!t) {
-      i(!0), n("Please enter your email address");
+  const [r, c] = s(""), [l, t] = s(!1), [w, e] = s(""), [P, f] = s(!1), [N, a] = s(null), O = (i) => {
+    c(i.target.value), l && (t(!1), e("")), f(i.target.value.length > 0);
+  }, j = async () => {
+    var i;
+    if (!r) {
+      t(!0), e("Please enter your email address");
       return;
     }
-    if (!B(t)) {
-      i(!0), n("Please enter a valid email address");
+    if (!z(r)) {
+      t(!0), e("Please enter a valid email address");
       return;
     }
-    if (i(!1), n(""), c({
-      EMAIL: t
-    }), a == null || a(), u) {
-      const V = {
-        event: u,
-        location: v || "",
-        type: F.interaction,
+    t(!1), e(""), a("sending");
+    try {
+      const o = E.split(",").map((q) => ({
+        name: q,
+        status: "active"
+      }));
+      (await fetch(I, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify({
+          email: r,
+          tags: o
+        })
+      })).ok ? (a("success"), c(""), t(!1), e(""), f(!1), n == null || n()) : (a("error"), t(!0), e("Subscription failed. Please try again."));
+    } catch {
+      a("error"), t(!0), e("Subscription failed. Please try again.");
+    }
+    if (m == null || m(), d) {
+      const o = {
+        event: d,
+        location: T || "",
+        type: A.interaction,
         payload: {
-          email: t,
+          email: r,
           component: "HSModal",
           element: "MailchimpCustomForm",
           pageTitle: document.title
         }
       };
-      (s = window.eventBus) == null || s.emit("analytics", V);
+      (i = window.eventBus) == null || i.emit("analytics", o);
     }
-  };
-  j(() => {
-    e === "success" && (g(""), i(!1), n(""), E(!1), r == null || r()), e === "error" && typeof o == "string" && (i(!0), n("Subscription failed. Please try again."));
-  }, [e, o]);
-  const N = p === "light" ? "primary" : "primary-invert", P = p === "light" ? "primary" : "primary-invert";
-  return /* @__PURE__ */ x("div", { className: M.interface, children: [
-    /* @__PURE__ */ m(
-      b,
+  }, B = u === "light" ? "primary" : "primary-invert", V = u === "light" ? "primary" : "primary-invert";
+  return /* @__PURE__ */ h("div", { className: y.interface, children: [
+    /* @__PURE__ */ p(
+      H,
       {
-        placeholder: h || "Email",
-        variant: N,
-        value: t,
-        handleChange: A,
-        error: y,
-        errorText: S,
-        active: w
+        placeholder: S || "Email",
+        variant: B,
+        value: r,
+        handleChange: O,
+        error: l,
+        errorText: w,
+        active: P
       }
     ),
-    /* @__PURE__ */ x("div", { className: M.buttonContainer, children: [
-      /* @__PURE__ */ m(T, { size: "md", variant: P, onClick: I, children: e === "sending" ? "submitting…" : f }),
-      /* @__PURE__ */ m(T, { size: "md", variant: "ghost", onClick: r, children: l })
+    /* @__PURE__ */ h("div", { className: y.buttonContainer, children: [
+      /* @__PURE__ */ p(v, { size: "md", variant: V, onClick: j, children: N === "sending" ? "submitting…" : g }),
+      /* @__PURE__ */ p(v, { size: "md", variant: "ghost", onClick: n, children: x })
     ] })
   ] });
-}, O = ({
-  buttonText: e,
-  colorScheme: o,
-  onCloseCallback: c,
-  cancelButtonText: f,
-  tags: p,
-  onClickCallback: r,
-  placeholder: l,
-  trackingEvent: a,
-  trackingLocation: h
-}) => /* @__PURE__ */ m(
-  z,
-  {
-    url: H(p),
-    render: ({
-      subscribe: u,
-      status: v,
-      message: t
-    }) => /* @__PURE__ */ m(
-      L,
-      {
-        status: v,
-        message: t,
-        subscribe: u,
-        buttonText: e,
-        colorScheme: o,
-        onCloseCallback: c,
-        onClickCallback: r,
-        cancelButtonText: f,
-        placeholder: l,
-        trackingEvent: a,
-        trackingLocation: h
-      }
-    )
-  }
-);
+};
 export {
-  O as Newsletter
+  _ as Newsletter
 };

package/package.json

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