@zenpatient-org/healthspan-marketing-ui 0.1.161 → 0.1.163

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),y=require("../../utils/cn/cn.cjs.js"),u=require("../../components/Button/Button.cjs.js"),m=require("../../components/TextButton/TextButton.cjs.js"),f=require("../../components/ImageGallery/ImageGallery.cjs.js"),i=require("../../components/Typography/Typography.cjs.js"),v=require("../../components/SmartCallout/SmartCallout.cjs.js"),S=require("../../components/RatingStars/RatingStars.cjs.js"),_=require("./components/Features/Features.cjs.js"),q=require("./components/PlanCard/PlanCard.cjs.js"),a=require("./individualProductCard.module.css.cjs.js"),b=({name:h,description:c,features:g,images:p,label:j,rating:r,plans:t,button:l,textButton:s,selectedPlanId:x,onSelectPlan:o})=>{const n=t&&t.length>0&&o;return e.jsx("section",{className:a.default.root,children:e.jsxs("div",{className:y.cn(a.default.container,!n&&a.default.noPlans),children:[e.jsxs("div",{className:a.default.info,children:[e.jsxs("div",{className:a.default.infoHeader,children:[e.jsx(i.Typography,{as:"h3",defaultVariant:"displayXs",mobileVariant:"headingLg",weight:"regular",children:h}),!!c&&e.jsx(i.Typography,{as:"p",defaultVariant:"bodySm",className:a.default.infoDescription,weight:"regular",children:c}),r&&e.jsxs("div",{className:a.default.ratingContainer,children:[!!r.stars&&e.jsx(S.RatingStars,{rating:r.stars,size:"sm"}),!!r.totalReviews&&e.jsxs(i.Typography,{as:"p",defaultVariant:"labelSm",emphasis:!0,children:[r.totalReviews," reviews"]})]})]}),e.jsx(_.Features,{features:g}),e.jsxs("div",{className:a.default.actions,children:[e.jsx(v.SmartCallout,{label:"HSA/FSA Eligibile"}),!n&&e.jsxs(e.Fragment,{children:[e.jsx(u.Button,{variant:"primary",size:"lg",...l,children:l.label}),s&&e.jsx(m.TextButton,{...s,children:s.label})]})]})]}),e.jsx(f.ImageGallery,{className:a.default.gallery,images:p,label:j}),n&&e.jsxs("div",{className:a.default.plansSection,children:[e.jsxs("div",{className:a.default.plans,children:[e.jsx(i.Typography,{as:"h4",defaultVariant:"labelSm",emphasis:!0,weight:"regular",children:"Subscribe & Save"}),t.map(d=>e.jsx(q.PlanCard,{plan:d,onSelect:o,isActive:x===d.id},d.id))]}),e.jsxs("div",{className:a.default.actions,children:[e.jsx(u.Button,{variant:"primary",size:"lg",...l,children:l.label}),s&&e.jsx(m.TextButton,{...s,children:s.label})]})]})]})})};exports.IndividualProductCard=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),y=require("../../utils/cn/cn.cjs.js"),u=require("../../components/Button/Button.cjs.js"),m=require("../../components/TextButton/TextButton.cjs.js"),f=require("../../components/ImageGallery/ImageGallery.cjs.js"),i=require("../../components/Typography/Typography.cjs.js"),v=require("../../components/SmartCallout/SmartCallout.cjs.js"),S=require("../../components/RatingStars/RatingStars.cjs.js"),_=require("./components/Features/Features.cjs.js"),q=require("./components/PlanCard/PlanCard.cjs.js"),a=require("./individualProductCard.module.css.cjs.js"),b=({name:h,description:c,features:g,images:p,label:j,rating:r,plans:t,button:l,textButton:s,selectedPlanId:x,onSelectPlan:o})=>{const n=t&&t.length>0&&o;return e.jsx("section",{className:a.default.root,children:e.jsxs("div",{className:y.cn(a.default.container,!n&&a.default.noPlans),children:[e.jsxs("div",{className:a.default.info,children:[e.jsxs("div",{className:a.default.infoHeader,children:[e.jsx(i.Typography,{as:"h3",defaultVariant:"displayXs",mobileVariant:"headingLg",weight:"regular",children:h}),!!c&&e.jsx(i.Typography,{as:"p",defaultVariant:"bodySm",className:a.default.infoDescription,weight:"regular",children:c}),r&&e.jsxs("div",{className:a.default.ratingContainer,children:[!!r.stars&&e.jsx(S.RatingStars,{rating:r.stars,size:"sm"}),!!r.totalReviews&&e.jsxs(i.Typography,{as:"p",defaultVariant:"labelSm",emphasis:!0,children:[r.totalReviews," reviews"]})]})]}),e.jsx(_.Features,{features:g}),e.jsxs("div",{className:a.default.actions,children:[e.jsx(v.SmartCallout,{label:"HSA/FSA Eligible"}),!n&&e.jsxs(e.Fragment,{children:[e.jsx(u.Button,{variant:"primary",size:"lg",...l,children:l.label}),s&&e.jsx(m.TextButton,{...s,children:s.label})]})]})]}),e.jsx(f.ImageGallery,{className:a.default.gallery,images:p,label:j}),n&&e.jsxs("div",{className:a.default.plansSection,children:[e.jsxs("div",{className:a.default.plans,children:[e.jsx(i.Typography,{as:"h4",defaultVariant:"labelSm",emphasis:!0,weight:"regular",children:"Subscribe & Save"}),t.map(d=>e.jsx(q.PlanCard,{plan:d,onSelect:o,isActive:x===d.id},d.id))]}),e.jsxs("div",{className:a.default.actions,children:[e.jsx(u.Button,{variant:"primary",size:"lg",...l,children:l.label}),s&&e.jsx(m.TextButton,{...s,children:s.label})]})]})]})})};exports.IndividualProductCard=b;

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

@@ -1,4 +1,4 @@
-import { jsx as a, jsxs as i, Fragment as b } from "react/jsx-runtime";
+import { jsx as a, jsxs as r, Fragment as b } from "react/jsx-runtime";
 import { cn as u } from "../../utils/cn/cn.es.js";
 import { Button as h } from "../../components/Button/Button.es.js";
 import { TextButton as p } from "../../components/TextButton/TextButton.es.js";
@@ -18,14 +18,14 @@ const L = ({
   rating: l,
   plans: c,
   button: s,
-  textButton: r,
+  textButton: i,
   selectedPlanId: S,
   onSelectPlan: t
 }) => {
   const d = c && c.length > 0 && t;
-  return /* @__PURE__ */ a("section", { className: e.root, children: /* @__PURE__ */ i("div", { className: u(e.container, !d && e.noPlans), children: [
-    /* @__PURE__ */ i("div", { className: e.info, children: [
-      /* @__PURE__ */ i("div", { className: e.infoHeader, children: [
+  return /* @__PURE__ */ a("section", { className: e.root, children: /* @__PURE__ */ r("div", { className: u(e.container, !d && e.noPlans), children: [
+    /* @__PURE__ */ r("div", { className: e.info, children: [
+      /* @__PURE__ */ r("div", { className: e.infoHeader, children: [
         /* @__PURE__ */ a(m, { as: "h3", defaultVariant: "displayXs", mobileVariant: "headingLg", weight: "regular", children: f }),
         !!n && /* @__PURE__ */ a(
           m,
@@ -37,26 +37,26 @@ const L = ({
             children: n
           }
         ),
-        l && /* @__PURE__ */ i("div", { className: e.ratingContainer, children: [
+        l && /* @__PURE__ */ r("div", { className: e.ratingContainer, children: [
           !!l.stars && /* @__PURE__ */ a(V, { rating: l.stars, size: "sm" }),
-          !!l.totalReviews && /* @__PURE__ */ i(m, { as: "p", defaultVariant: "labelSm", emphasis: !0, children: [
+          !!l.totalReviews && /* @__PURE__ */ r(m, { as: "p", defaultVariant: "labelSm", emphasis: !0, children: [
             l.totalReviews,
             " reviews"
           ] })
         ] })
       ] }),
       /* @__PURE__ */ a(C, { features: v }),
-      /* @__PURE__ */ i("div", { className: e.actions, children: [
-        /* @__PURE__ */ a(w, { label: "HSA/FSA Eligibile" }),
-        !d && /* @__PURE__ */ i(b, { children: [
+      /* @__PURE__ */ r("div", { className: e.actions, children: [
+        /* @__PURE__ */ a(w, { label: "HSA/FSA Eligible" }),
+        !d && /* @__PURE__ */ r(b, { children: [
           /* @__PURE__ */ a(h, { variant: "primary", size: "lg", ...s, children: s.label }),
-          r && /* @__PURE__ */ a(p, { ...r, children: r.label })
+          i && /* @__PURE__ */ a(p, { ...i, children: i.label })
         ] })
       ] })
     ] }),
     /* @__PURE__ */ a(y, { className: e.gallery, images: g, label: N }),
-    d && /* @__PURE__ */ i("div", { className: e.plansSection, children: [
-      /* @__PURE__ */ i("div", { className: e.plans, children: [
+    d && /* @__PURE__ */ r("div", { className: e.plansSection, children: [
+      /* @__PURE__ */ r("div", { className: e.plans, children: [
         /* @__PURE__ */ a(m, { as: "h4", defaultVariant: "labelSm", emphasis: !0, weight: "regular", children: "Subscribe & Save" }),
         c.map((o) => /* @__PURE__ */ a(
           z,
@@ -68,9 +68,9 @@ const L = ({
           o.id
         ))
       ] }),
-      /* @__PURE__ */ i("div", { className: e.actions, children: [
+      /* @__PURE__ */ r("div", { className: e.actions, children: [
         /* @__PURE__ */ a(h, { variant: "primary", size: "lg", ...s, children: s.label }),
-        r && /* @__PURE__ */ a(p, { ...r, children: r.label })
+        i && /* @__PURE__ */ a(p, { ...i, children: i.label })
       ] })
     ] })
   ] }) });

package/dist/modules/YourProtocol/YourProtocol.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../components/Callback/Callback.cjs.js"),a=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),c=require("../../utils/cn/cn.cjs.js"),n=require("./components/ProtocolTags/ProtocolTags.cjs.js"),t=require("./yourProtocol.module.css.cjs.js"),d=({title:s,image:i,tags:r,callbackView:o})=>e.jsx("section",{className:t.default.root,children:e.jsxs("div",{className:t.default.container,children:[e.jsxs("div",{className:t.default.content,children:[e.jsx(a.HighlightedTitle,{title:s,className:t.default.title,defaultVariant:"displaySm",mobileVariant:"headingXl"}),e.jsx(n.ProtocolTags,{tags:r}),o&&e.jsx("div",{className:t.default.callback,children:e.jsx(l.Callback,{title:o.title,description:o.description??"",price:o.price??"",image:o.image,button:{href:o.signupUrl??"",as:"a"},size:"sm"})})]}),e.jsx("img",{src:i,alt:"Your Protocol",className:c.cn(t.default.image,t.default.desktop),width:481})]})});exports.YourProtocol=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../components/Callback/Callback.cjs.js"),a=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),n=require("../../utils/cn/cn.cjs.js"),c=require("./components/ProtocolTags/ProtocolTags.cjs.js"),o=require("./yourProtocol.module.css.cjs.js"),d=({title:s,image:r,tags:i,callbackView:t})=>e.jsx("section",{className:o.default.root,children:e.jsxs("div",{className:o.default.container,children:[e.jsxs("div",{className:o.default.content,children:[e.jsx(a.HighlightedTitle,{title:s,className:o.default.title,defaultVariant:"displaySm",mobileVariant:"headingXl"}),e.jsx(c.ProtocolTags,{tags:i}),t&&e.jsx("div",{className:o.default.callback,children:e.jsx(l.Callback,{title:t.title,description:t.description??"",price:t.price??"",image:t.image,button:{href:t.signupUrl??"",as:"a"},size:"sm",shape:t.shape})})]}),e.jsx("img",{src:r,alt:"Your Protocol",className:n.cn(o.default.image,o.default.desktop),width:481})]})});exports.YourProtocol=d;

package/dist/modules/YourProtocol/YourProtocol.es.js

@@ -1,37 +1,38 @@
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import { Callback as a } from "../../components/Callback/Callback.es.js";
-import { HighlightedTitle as l } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
-import { cn as n } from "../../utils/cn/cn.es.js";
-import { ProtocolTags as c } from "./components/ProtocolTags/ProtocolTags.es.js";
-import t from "./yourProtocol.module.css.es.js";
-const N = ({ title: e, image: s, tags: m, callbackView: o }) => /* @__PURE__ */ r("section", { className: t.root, children: /* @__PURE__ */ i("div", { className: t.container, children: [
-  /* @__PURE__ */ i("div", { className: t.content, children: [
+import { HighlightedTitle as n } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
+import { cn as l } from "../../utils/cn/cn.es.js";
+import { ProtocolTags as p } from "./components/ProtocolTags/ProtocolTags.es.js";
+import o from "./yourProtocol.module.css.es.js";
+const N = ({ title: s, image: e, tags: m, callbackView: t }) => /* @__PURE__ */ r("section", { className: o.root, children: /* @__PURE__ */ i("div", { className: o.container, children: [
+  /* @__PURE__ */ i("div", { className: o.content, children: [
     /* @__PURE__ */ r(
-      l,
+      n,
       {
-        title: e,
-        className: t.title,
+        title: s,
+        className: o.title,
         defaultVariant: "displaySm",
         mobileVariant: "headingXl"
       }
     ),
-    /* @__PURE__ */ r(c, { tags: m }),
-    o && /* @__PURE__ */ r("div", { className: t.callback, children: /* @__PURE__ */ r(
+    /* @__PURE__ */ r(p, { tags: m }),
+    t && /* @__PURE__ */ r("div", { className: o.callback, children: /* @__PURE__ */ r(
       a,
       {
-        title: o.title,
-        description: o.description ?? "",
-        price: o.price ?? "",
-        image: o.image,
+        title: t.title,
+        description: t.description ?? "",
+        price: t.price ?? "",
+        image: t.image,
         button: {
-          href: o.signupUrl ?? "",
+          href: t.signupUrl ?? "",
           as: "a"
         },
-        size: "sm"
+        size: "sm",
+        shape: t.shape
       }
     ) })
   ] }),
-  /* @__PURE__ */ r("img", { src: s, alt: "Your Protocol", className: n(t.image, t.desktop), width: 481 })
+  /* @__PURE__ */ r("img", { src: e, alt: "Your Protocol", className: l(o.image, o.desktop), width: 481 })
 ] }) });
 export {
   N as YourProtocol

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

@@ -1,3 +1,5 @@
+import { CallbackShape } from '../../components/Callback';
+
 export type TTagView = {
     label: string;
     description?: string;
@@ -10,4 +12,5 @@ export type TCallbackView = {
     image: string;
     buttonLabel: string;
     size: string;
+    shape: CallbackShape;
 };

package/package.json

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