@zenpatient-org/healthspan-marketing-ui 0.1.170 → 0.1.171

package/dist/components/Pricing/types.d.ts

@@ -13,9 +13,7 @@ export type PricingElementView = {
         label: string;
     }>;
     price: number;
-    button: ButtonProps & {
-        onClick: (event: React.MouseEvent<HTMLButtonElement> | React.MouseEvent<HTMLAnchorElement>) => void;
-    };
+    button: ButtonProps;
     link: string;
     element: 'left_card' | 'right_card';
 };

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

@@ -4,6 +4,6 @@ import { PricingElementView } from '../../components/Pricing';
 export type CompareView = {
     label?: string;
     title: ReactNode;
-    leftElement: PricingElementView;
-    rightElement: PricingElementView;
+    leftElement: Omit<PricingElementView, 'element'>;
+    rightElement: Omit<PricingElementView, 'element'>;
 };

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

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

package/dist/modules/IndividualProductCard/IndividualProductCard.d.ts

@@ -16,14 +16,10 @@ type IndividualProductCardProps = {
     };
     button: {
         label: string;
-    } & ButtonProps & {
-        onClick: (event: React.MouseEvent<HTMLButtonElement> | React.MouseEvent<HTMLAnchorElement>) => void;
-    };
+    } & ButtonProps;
     textButton?: {
         label: string;
-    } & TextButtonProps & {
-        onClick: (event: React.MouseEvent<HTMLButtonElement> | React.MouseEvent<HTMLAnchorElement>) => void;
-    };
+    } & TextButtonProps;
     plans?: Array<TProductPlan>;
     selectedPlanId?: TProductPlan['id'];
     onSelectPlan?: (planId: TProductPlan['id']) => void;

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

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

package/package.json

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