@zenpatient-org/healthspan-marketing-ui 0.2.22 → 0.2.23

package/dist/components/RatingPreview/RatingPreview.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),o=require("../../src/components/RatingPreview/ratingPreview.module.css"),t=require("../Typography/Typography.cjs.js"),c=require("../Icon/Icon.cjs.js"),l=require("../Icon/constants.cjs.js"),u=s=>{const a=Math.round(s*2)/2,r=[];for(let n=0;n<Math.floor(a);n++)r.push(e.jsx(c.Icon,{name:l.EIconName.STAR_FILL,className:o.starIcon},`full-${n}`));return a%1===.5&&r.push(e.jsx(c.Icon,{name:l.EIconName.STAR_HALF,className:o.starIcon},"half")),r},i=({rating:s,text:a})=>e.jsxs("div",{className:o.ratingPreview,children:[s!==void 0&&s.stars!==void 0&&e.jsxs(t.Typography,{as:"p",defaultVariant:"labelMd",children:[s.stars," ",u(s.stars)]}),a&&e.jsxs(e.Fragment,{children:[e.jsx(t.Typography,{as:"p",defaultVariant:"labelSm",children:"|"}),e.jsx(t.Typography,{as:"p",defaultVariant:"labelSm",emphasis:!0,children:a})]})]});exports.RatingPreview=i;exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),t=require("../../src/components/RatingPreview/ratingPreview.module.css"),n=require("../Typography/Typography.cjs.js"),c=require("../Icon/Icon.cjs.js"),l=require("../Icon/constants.cjs.js"),p=s=>{const e=Math.round(s*2)/2,a=[];for(let r=0;r<Math.floor(e);r++)a.push(o.jsx(c.Icon,{name:l.EIconName.STAR_FILL,className:t.starIcon},`full-${r}`));return e%1===.5&&a.push(o.jsx(c.Icon,{name:l.EIconName.STAR_HALF,className:t.starIcon},"half")),a},u=({rating:s,text:e})=>{if(!(s!=null&&s.stars)&&!e)return null;const a=!!(s!=null&&s.stars)&&!!e;return o.jsxs("div",{className:t.ratingPreview,children:[s!==void 0&&s.stars!==void 0&&o.jsxs(n.Typography,{as:"p",defaultVariant:"labelMd",children:[s.stars," ",p(s.stars)]}),a&&o.jsx(n.Typography,{as:"p",defaultVariant:"labelSm",children:"|"}),e&&o.jsx(n.Typography,{as:"p",defaultVariant:"labelSm",emphasis:!0,children:e})]})};exports.RatingPreview=u;exports.default=u;

package/dist/components/RatingPreview/RatingPreview.d.ts

@@ -5,5 +5,5 @@ export type TRatingPreviewProps = {
     };
     text?: string;
 };
-export declare const RatingPreview: ({ rating, text }: TRatingPreviewProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RatingPreview: ({ rating, text }: TRatingPreviewProps) => import("react/jsx-runtime").JSX.Element | null;
 export default RatingPreview;

package/dist/components/RatingPreview/RatingPreview.es.js

@@ -1,25 +1,27 @@
-import { jsxs as o, Fragment as c, jsx as s } from "react/jsx-runtime";
-import n from "../../components/RatingPreview/ratingPreview.module.css";
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import t from "../../components/RatingPreview/ratingPreview.module.css";
 import { Typography as l } from "../Typography/Typography.es.js";
-import { Icon as i } from "../Icon/Icon.es.js";
-import { EIconName as m } from "../Icon/constants.es.js";
-const d = (a) => {
-  const r = Math.round(a * 2) / 2, e = [];
-  for (let t = 0; t < Math.floor(r); t++)
-    e.push(/* @__PURE__ */ s(i, { name: m.STAR_FILL, className: n.starIcon }, `full-${t}`));
-  return r % 1 === 0.5 && e.push(/* @__PURE__ */ s(i, { name: m.STAR_HALF, className: n.starIcon }, "half")), e;
-}, I = ({ rating: a, text: r }) => /* @__PURE__ */ o("div", { className: n.ratingPreview, children: [
-  a !== void 0 && a.stars !== void 0 && /* @__PURE__ */ o(l, { as: "p", defaultVariant: "labelMd", children: [
-    a.stars,
-    " ",
-    d(a.stars)
-  ] }),
-  r && /* @__PURE__ */ o(c, { children: [
-    /* @__PURE__ */ s(l, { as: "p", defaultVariant: "labelSm", children: "|" }),
-    /* @__PURE__ */ s(l, { as: "p", defaultVariant: "labelSm", emphasis: !0, children: r })
-  ] })
-] });
+import { Icon as c } from "../Icon/Icon.es.js";
+import { EIconName as d } from "../Icon/constants.es.js";
+const f = (s) => {
+  const a = Math.round(s * 2) / 2, r = [];
+  for (let o = 0; o < Math.floor(a); o++)
+    r.push(/* @__PURE__ */ e(c, { name: d.STAR_FILL, className: t.starIcon }, `full-${o}`));
+  return a % 1 === 0.5 && r.push(/* @__PURE__ */ e(c, { name: d.STAR_HALF, className: t.starIcon }, "half")), r;
+}, v = ({ rating: s, text: a }) => {
+  if (!(s != null && s.stars) && !a) return null;
+  const r = !!(s != null && s.stars) && !!a;
+  return /* @__PURE__ */ m("div", { className: t.ratingPreview, children: [
+    s !== void 0 && s.stars !== void 0 && /* @__PURE__ */ m(l, { as: "p", defaultVariant: "labelMd", children: [
+      s.stars,
+      " ",
+      f(s.stars)
+    ] }),
+    r && /* @__PURE__ */ e(l, { as: "p", defaultVariant: "labelSm", children: "|" }),
+    a && /* @__PURE__ */ e(l, { as: "p", defaultVariant: "labelSm", emphasis: !0, children: a })
+  ] });
+};
 export {
-  I as RatingPreview,
-  I as default
+  v as RatingPreview,
+  v as default
 };

package/dist/modules/IndividualProductCard/IndividualProductCard.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("../../utils/cn/cn.cjs.js"),c=require("../../types/analytics/analytics.cjs.js"),a=require("../../src/modules/IndividualProductCard/individualProductCard.module.css"),k=require("../../components/PlainFeaturesGroup/PlainFeaturesGroup.cjs.js"),I=require("../../components/ImageGallery/ImageGallery.cjs.js"),_=require("../../components/RatingPreview/RatingPreview.cjs.js"),F=require("../../components/Quote/Quote.cjs.js"),y=require("../../components/Typography/Typography.cjs.js"),C=require("../../components/Button/Button.cjs.js"),G=require("../../components/TextButton/TextButton.cjs.js"),R=require("./components/Features/Features.cjs.js"),B=require("./components/PlanCard/PlanCard.cjs.js"),V=require("../../components/SmartCallout/SmartCallout.cjs.js"),O=({zenpatientId:N,name:o,description:m,features:b,featuresGroup:p,images:q,quote:h,label:w,rating:v,ratingText:j,plans:s,button:t,textButton:r,selectedPlanId:g,onSelectPlan:l,trackingEvent:E,trackingLocation:x,signupUrl:T})=>{const d=s&&s.length>0&&l,f=i=>{if(l==null||l(i),E){const n=s==null?void 0:s.find(A=>A.id===i);c.EAnalyticsEventType.interaction,n==null||n.price,n==null||n.duration}},P=()=>{var n;const i={event:c.EAnalyticsEvent.ctaClicked,location:x||"not_set",type:c.EAnalyticsEventType.interaction,component:"IndividualProductCard",element:"primary_button",payload:{productId:N,ctaLabel:t.label,productName:o,selectedPlanId:g||"none"}};(n=window.eventBus)==null||n.emit("analytics",i)},S=()=>{var i;(i=window.eventBus)==null||i.emit("analytics",{event:c.EAnalyticsEvent.ctaClicked,location:x||"not_set",type:c.EAnalyticsEventType.interaction,component:"IndividualProductCard",element:"secondary_button",payload:{ctaLabel:r==null?void 0:r.label,productName:o}})};return e.jsx("section",{className:a.root,children:e.jsxs("div",{className:u.cn(a.container,!d&&a.noPlans),children:[e.jsxs("div",{className:a.gallery,children:[e.jsx(I.ImageGallery,{images:q,label:w}),e.jsx("div",{className:u.cn(a.ratingContainer,a.mobileOnly),children:e.jsx(_.RatingPreview,{rating:v,text:j||"No reviews yet"})}),h&&e.jsx("div",{className:a.quoteWrapper,children:e.jsx(F.Quote,{...h})})]}),e.jsxs("div",{className:a.info,children:[e.jsxs("div",{className:a.infoHeader,children:[e.jsx(y.Typography,{as:"h3",defaultVariant:"displayXs",mobileVariant:"headingLg",weight:"regular",children:o}),!!m&&e.jsx(y.Typography,{as:"p",defaultVariant:"bodySm",className:a.infoDescription,weight:"regular",children:m})]}),!d&&e.jsxs("div",{className:a.actions,children:[e.jsx(C.Button,{variant:"primary",size:"lg",...t,onClick:P,children:t.label}),r&&e.jsx(G.TextButton,{...r,onClick:S,children:r.label})]}),e.jsx(R.Features,{features:b}),p&&e.jsx(k.PlainFeaturesGroup,{...p})]}),d&&e.jsxs("div",{className:a.plansSection,children:[e.jsxs("div",{className:a.plans,children:[e.jsx(y.Typography,{as:"h4",defaultVariant:"labelSm",emphasis:!0,weight:"regular",children:"Subscribe & Save"}),s.map(i=>e.jsx(B.PlanCard,{plan:i,onSelect:f,isActive:g===i.id},i.id))]}),e.jsx("div",{className:u.cn(a.ratingContainer,a.desktopOnly),children:e.jsx(_.RatingPreview,{rating:v,text:j||"No reviews yet"})}),e.jsxs("div",{className:a.actions,children:[e.jsx(C.Button,{variant:"primary",size:"lg",as:"a",href:T||"#0",...t,children:t.label}),e.jsx(V.SmartCallout,{label:"HSA/FSA Eligible"})]})]})]})})};exports.IndividualProductCard=O;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("../../utils/cn/cn.cjs.js"),c=require("../../types/analytics/analytics.cjs.js"),a=require("../../src/modules/IndividualProductCard/individualProductCard.module.css"),k=require("../../components/PlainFeaturesGroup/PlainFeaturesGroup.cjs.js"),I=require("../../components/ImageGallery/ImageGallery.cjs.js"),_=require("../../components/RatingPreview/RatingPreview.cjs.js"),F=require("../../components/Quote/Quote.cjs.js"),m=require("../../components/Typography/Typography.cjs.js"),C=require("../../components/Button/Button.cjs.js"),G=require("../../components/TextButton/TextButton.cjs.js"),R=require("./components/Features/Features.cjs.js"),B=require("./components/PlanCard/PlanCard.cjs.js"),V=require("../../components/SmartCallout/SmartCallout.cjs.js"),O=({zenpatientId:b,name:o,description:y,features:N,featuresGroup:p,images:q,quote:h,label:E,rating:v,ratingText:j,plans:s,button:t,textButton:r,selectedPlanId:g,onSelectPlan:l,trackingEvent:T,trackingLocation:x,signupUrl:w})=>{const d=s&&s.length>0&&l,f=i=>{if(l==null||l(i),T){const n=s==null?void 0:s.find(A=>A.id===i);c.EAnalyticsEventType.interaction,n==null||n.price,n==null||n.duration}},P=()=>{var n;const i={event:c.EAnalyticsEvent.ctaClicked,location:x||"not_set",type:c.EAnalyticsEventType.interaction,component:"IndividualProductCard",element:"primary_button",payload:{productId:b,ctaLabel:t.label,productName:o,selectedPlanId:g||"none"}};(n=window.eventBus)==null||n.emit("analytics",i)},S=()=>{var i;(i=window.eventBus)==null||i.emit("analytics",{event:c.EAnalyticsEvent.ctaClicked,location:x||"not_set",type:c.EAnalyticsEventType.interaction,component:"IndividualProductCard",element:"secondary_button",payload:{ctaLabel:r==null?void 0:r.label,productName:o}})};return e.jsx("section",{className:a.root,children:e.jsxs("div",{className:u.cn(a.container,!d&&a.noPlans),children:[e.jsxs("div",{className:a.gallery,children:[e.jsx(I.ImageGallery,{images:q,label:E}),e.jsx("div",{className:u.cn(a.ratingContainer,a.mobileOnly),children:e.jsx(_.RatingPreview,{rating:v,text:j})}),h&&e.jsx("div",{className:a.quoteWrapper,children:e.jsx(F.Quote,{...h})})]}),e.jsxs("div",{className:a.info,children:[e.jsxs("div",{className:a.infoHeader,children:[e.jsx(m.Typography,{as:"h3",defaultVariant:"displayXs",mobileVariant:"headingLg",weight:"regular",children:o}),!!y&&e.jsx(m.Typography,{as:"p",defaultVariant:"bodySm",className:a.infoDescription,weight:"regular",children:y})]}),!d&&e.jsxs("div",{className:a.actions,children:[e.jsx(C.Button,{variant:"primary",size:"lg",...t,onClick:P,children:t.label}),r&&e.jsx(G.TextButton,{...r,onClick:S,children:r.label})]}),e.jsx(R.Features,{features:N}),p&&e.jsx(k.PlainFeaturesGroup,{...p})]}),d&&e.jsxs("div",{className:a.plansSection,children:[e.jsxs("div",{className:a.plans,children:[e.jsx(m.Typography,{as:"h4",defaultVariant:"labelSm",emphasis:!0,weight:"regular",children:"Subscribe & Save"}),s.map(i=>e.jsx(B.PlanCard,{plan:i,onSelect:f,isActive:g===i.id},i.id))]}),e.jsx("div",{className:u.cn(a.ratingContainer,a.desktopOnly),children:e.jsx(_.RatingPreview,{rating:v,text:j})}),e.jsxs("div",{className:a.actions,children:[e.jsx(C.Button,{variant:"primary",size:"lg",as:"a",href:w||"#0",...t,children:t.label}),e.jsx(V.SmartCallout,{label:"HSA/FSA Eligible"})]})]})]})})};exports.IndividualProductCard=O;

package/dist/modules/IndividualProductCard/IndividualProductCard.es.js

@@ -1,7 +1,7 @@
 import { jsx as i, jsxs as l } from "react/jsx-runtime";
 import { cn as m } from "../../utils/cn/cn.es.js";
 import { EAnalyticsEventType as p, EAnalyticsEvent as b } from "../../types/analytics/analytics.es.js";
-import e from "../../modules/IndividualProductCard/individualProductCard.module.css";
+import a from "../../modules/IndividualProductCard/individualProductCard.module.css";
 import { PlainFeaturesGroup as D } from "../../components/PlainFeaturesGroup/PlainFeaturesGroup.es.js";
 import { ImageGallery as G } from "../../components/ImageGallery/ImageGallery.es.js";
 import { RatingPreview as w } from "../../components/RatingPreview/RatingPreview.es.js";
@@ -12,7 +12,7 @@ import { TextButton as L } from "../../components/TextButton/TextButton.es.js";
 import { Features as O } from "./components/Features/Features.es.js";
 import { PlanCard as P } from "./components/PlanCard/PlanCard.es.js";
 import { SmartCallout as Q } from "../../components/SmartCallout/SmartCallout.es.js";
-const ei = ({
+const ai = ({
   zenpatientId: E,
   name: d,
   description: v,
@@ -22,24 +22,24 @@ const ei = ({
   quote: f,
   label: I,
   rating: u,
-  ratingText: N,
+  ratingText: g,
   plans: o,
-  button: n,
-  textButton: t,
-  selectedPlanId: g,
+  button: t,
+  textButton: n,
+  selectedPlanId: N,
   onSelectPlan: c,
   trackingEvent: V,
   trackingLocation: C,
   signupUrl: _
 }) => {
-  const s = o && o.length > 0 && c, F = (a) => {
-    if (c == null || c(a), V) {
-      const r = o == null ? void 0 : o.find((z) => z.id === a);
+  const s = o && o.length > 0 && c, F = (e) => {
+    if (c == null || c(e), V) {
+      const r = o == null ? void 0 : o.find((z) => z.id === e);
       p.interaction, r == null || r.price, r == null || r.duration;
     }
   }, T = () => {
     var r;
-    const a = {
+    const e = {
       event: b.ctaClicked,
       location: C || "not_set",
       type: p.interaction,
@@ -47,74 +47,74 @@ const ei = ({
       element: "primary_button",
       payload: {
         productId: E,
-        ctaLabel: n.label,
+        ctaLabel: t.label,
         productName: d,
-        selectedPlanId: g || "none"
+        selectedPlanId: N || "none"
       }
     };
-    (r = window.eventBus) == null || r.emit("analytics", a);
+    (r = window.eventBus) == null || r.emit("analytics", e);
   }, j = () => {
-    var a;
-    (a = window.eventBus) == null || a.emit("analytics", {
+    var e;
+    (e = window.eventBus) == null || e.emit("analytics", {
       event: b.ctaClicked,
       location: C || "not_set",
       type: p.interaction,
       component: "IndividualProductCard",
       element: "secondary_button",
       payload: {
-        ctaLabel: t == null ? void 0 : t.label,
+        ctaLabel: n == null ? void 0 : n.label,
         productName: d
       }
     });
   };
-  return /* @__PURE__ */ i("section", { className: e.root, children: /* @__PURE__ */ l("div", { className: m(e.container, !s && e.noPlans), children: [
-    /* @__PURE__ */ l("div", { className: e.gallery, children: [
+  return /* @__PURE__ */ i("section", { className: a.root, children: /* @__PURE__ */ l("div", { className: m(a.container, !s && a.noPlans), children: [
+    /* @__PURE__ */ l("div", { className: a.gallery, children: [
       /* @__PURE__ */ i(G, { images: S, label: I }),
-      /* @__PURE__ */ i("div", { className: m(e.ratingContainer, e.mobileOnly), children: /* @__PURE__ */ i(w, { rating: u, text: N || "No reviews yet" }) }),
-      f && /* @__PURE__ */ i("div", { className: e.quoteWrapper, children: /* @__PURE__ */ i(H, { ...f }) })
+      /* @__PURE__ */ i("div", { className: m(a.ratingContainer, a.mobileOnly), children: /* @__PURE__ */ i(w, { rating: u, text: g }) }),
+      f && /* @__PURE__ */ i("div", { className: a.quoteWrapper, children: /* @__PURE__ */ i(H, { ...f }) })
     ] }),
-    /* @__PURE__ */ l("div", { className: e.info, children: [
-      /* @__PURE__ */ l("div", { className: e.infoHeader, children: [
+    /* @__PURE__ */ l("div", { className: a.info, children: [
+      /* @__PURE__ */ l("div", { className: a.infoHeader, children: [
         /* @__PURE__ */ i(h, { as: "h3", defaultVariant: "displayXs", mobileVariant: "headingLg", weight: "regular", children: d }),
         !!v && /* @__PURE__ */ i(
           h,
           {
             as: "p",
             defaultVariant: "bodySm",
-            className: e.infoDescription,
+            className: a.infoDescription,
             weight: "regular",
             children: v
           }
         )
       ] }),
-      !s && /* @__PURE__ */ l("div", { className: e.actions, children: [
-        /* @__PURE__ */ i(k, { variant: "primary", size: "lg", ...n, onClick: T, children: n.label }),
-        t && /* @__PURE__ */ i(L, { ...t, onClick: j, children: t.label })
+      !s && /* @__PURE__ */ l("div", { className: a.actions, children: [
+        /* @__PURE__ */ i(k, { variant: "primary", size: "lg", ...t, onClick: T, children: t.label }),
+        n && /* @__PURE__ */ i(L, { ...n, onClick: j, children: n.label })
       ] }),
       /* @__PURE__ */ i(O, { features: A }),
       y && /* @__PURE__ */ i(D, { ...y })
     ] }),
-    s && /* @__PURE__ */ l("div", { className: e.plansSection, children: [
-      /* @__PURE__ */ l("div", { className: e.plans, children: [
+    s && /* @__PURE__ */ l("div", { className: a.plansSection, children: [
+      /* @__PURE__ */ l("div", { className: a.plans, children: [
         /* @__PURE__ */ i(h, { as: "h4", defaultVariant: "labelSm", emphasis: !0, weight: "regular", children: "Subscribe & Save" }),
-        o.map((a) => /* @__PURE__ */ i(
+        o.map((e) => /* @__PURE__ */ i(
           P,
           {
-            plan: a,
+            plan: e,
             onSelect: F,
-            isActive: g === a.id
+            isActive: N === e.id
           },
-          a.id
+          e.id
         ))
       ] }),
-      /* @__PURE__ */ i("div", { className: m(e.ratingContainer, e.desktopOnly), children: /* @__PURE__ */ i(w, { rating: u, text: N || "No reviews yet" }) }),
-      /* @__PURE__ */ l("div", { className: e.actions, children: [
-        /* @__PURE__ */ i(k, { variant: "primary", size: "lg", as: "a", href: _ || "#0", ...n, children: n.label }),
+      /* @__PURE__ */ i("div", { className: m(a.ratingContainer, a.desktopOnly), children: /* @__PURE__ */ i(w, { rating: u, text: g }) }),
+      /* @__PURE__ */ l("div", { className: a.actions, children: [
+        /* @__PURE__ */ i(k, { variant: "primary", size: "lg", as: "a", href: _ || "#0", ...t, children: t.label }),
         /* @__PURE__ */ i(Q, { label: "HSA/FSA Eligible" })
       ] })
     ] })
   ] }) });
 };
 export {
-  ei as IndividualProductCard
+  ai as IndividualProductCard
 };

package/package.json

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