@zenpatient-org/healthspan-marketing-ui 0.1.24 → 0.1.25

package/dist/modules/Testimonial/components/TextCard/TextCard.es.js

@@ -1,29 +1,29 @@
 import { jsxs as l, jsx as r } from "react/jsx-runtime";
-import { Typography as e } from "../../../../components/Typography/Typography.es.js";
+import { Typography as i } from "../../../../components/Typography/Typography.es.js";
 import { RatingStars as m } from "../../../../components/RatingStars/RatingStars.es.js";
 import { Product as s } from "../Product/Product.es.js";
-import i from "./textCard.module.css.es.js";
-const c = ({ background: n, review: a, product: t }) => /* @__PURE__ */ l("div", { className: i.root, style: { backgroundImage: `url(${n.url})` }, children: [
+import t from "./textCard.module.css.es.js";
+const c = ({ background: n, review: a, product: e }) => /* @__PURE__ */ l("div", { className: t.root, style: { backgroundImage: `url(${n.url})` }, children: [
   /* @__PURE__ */ r(m, { rating: a.stars ?? 0 }),
-  /* @__PURE__ */ l("div", { className: i.reviewContainer, children: [
-    /* @__PURE__ */ r(e, { as: "h3", defaultVariant: "headingSm", mobileVariant: "headingXs", weight: "regular", children: a.title }),
-    /* @__PURE__ */ r(e, { as: "p", defaultVariant: "bodyMd", mobileVariant: "bodySm", weight: "regular", children: a.description }),
+  /* @__PURE__ */ l("div", { className: t.reviewContainer, children: [
+    /* @__PURE__ */ r(i, { as: "h3", defaultVariant: "headingSm", mobileVariant: "headingXs", weight: "regular", children: a.title }),
+    /* @__PURE__ */ r(i, { as: "p", defaultVariant: "bodyMd", mobileVariant: "bodySm", weight: "regular", children: a.description }),
     a.author.name && /* @__PURE__ */ r(
-      e,
+      i,
       {
         as: "p",
         defaultVariant: "labelSm",
         mobileVariant: "labelXs",
         weight: "regular",
         emphasis: !0,
-        className: i.reviewAuthor,
+        className: t.reviewAuthor,
         children: a.author.name
       }
     )
   ] }),
-  /* @__PURE__ */ l("div", { className: i.infoContainer, children: [
-    a.author.username && /* @__PURE__ */ r(e, { as: "p", defaultVariant: "labelSm", mobileVariant: "labelXs", emphasis: !0, weight: "regular", children: a.author.username }),
-    /* @__PURE__ */ r(s, { image: t.image, name: t.name, link: t.link })
+  /* @__PURE__ */ l("div", { className: t.infoContainer, children: [
+    a.author.username && /* @__PURE__ */ r(i, { as: "p", defaultVariant: "labelSm", mobileVariant: "labelXs", emphasis: !0, weight: "regular", children: a.author.username }),
+    e && /* @__PURE__ */ r(s, { image: e.image, name: e.name, link: e.link })
   ] })
 ] });
 export {

package/dist/modules/Testimonial/components/VideoCard/VideoCard.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),f=require("../../../../components/Typography/Typography.cjs.js"),m=require("../../../../components/PlayButton/PlayButton.cjs.js"),p=require("../../../../utils/cn/cn.cjs.js"),y=require("../Product/Product.cjs.js"),t=require("./videoCard.module.css.cjs.js"),g=({product:l,review:c,background:d})=>{const[r,o]=s.useState(!1),n=s.useRef(null),u=s.useRef(null);return s.useEffect(()=>{const a=new IntersectionObserver(([i])=>{!i.isIntersecting&&r&&o(!1)},{threshold:.2});return u.current&&a.observe(u.current),()=>a.disconnect()},[r]),s.useEffect(()=>{!r&&n.current&&(n.current.pause(),n.current.currentTime=0)},[r]),e.jsxs("div",{className:t.default.root,ref:u,onClick:()=>r?o(!1):void 0,style:{backgroundImage:`url(${d.preview})`},children:[e.jsxs("div",{className:t.default.mediaContainer,children:[e.jsx("video",{ref:n,src:d.url,playsInline:!0,controls:!1,muted:!0,loop:!0,className:p.cn(t.default.media,!r&&t.default.mediaHidden)}),!r&&e.jsx("div",{className:t.default.playButton,children:e.jsx(m.PlayButton,{onClick:a=>{var i;a.stopPropagation(),(i=n.current)==null||i.play(),o(!0)}})})]}),e.jsxs("div",{className:t.default.infoContainer,children:[c.author.username&&e.jsx(f.Typography,{as:"p",defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"regular",children:c.author.username}),e.jsx(y.Product,{image:l.image,name:l.name,link:l.link})]})]})};exports.VideoCard=g;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),f=require("../../../../components/Typography/Typography.cjs.js"),m=require("../../../../components/PlayButton/PlayButton.cjs.js"),y=require("../../../../utils/cn/cn.cjs.js"),p=require("../Product/Product.cjs.js"),t=require("./videoCard.module.css.cjs.js"),g=({product:a,review:c,background:d})=>{const[r,o]=s.useState(!1),n=s.useRef(null),u=s.useRef(null);return s.useEffect(()=>{const i=new IntersectionObserver(([l])=>{!l.isIntersecting&&r&&o(!1)},{threshold:.2});return u.current&&i.observe(u.current),()=>i.disconnect()},[r]),s.useEffect(()=>{!r&&n.current&&(n.current.pause(),n.current.currentTime=0)},[r]),e.jsxs("div",{className:t.default.root,ref:u,onClick:()=>r?o(!1):void 0,style:{backgroundImage:`url(${d.preview})`},children:[e.jsxs("div",{className:t.default.mediaContainer,children:[e.jsx("video",{ref:n,src:d.url,playsInline:!0,controls:!1,muted:!0,loop:!0,className:y.cn(t.default.media,!r&&t.default.mediaHidden)}),!r&&e.jsx("div",{className:t.default.playButton,children:e.jsx(m.PlayButton,{onClick:i=>{var l;i.stopPropagation(),(l=n.current)==null||l.play(),o(!0)}})})]}),e.jsxs("div",{className:t.default.infoContainer,children:[c.author.username&&e.jsx(f.Typography,{as:"p",defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"regular",children:c.author.username}),a&&e.jsx(p.Product,{image:a.image,name:a.name,link:a.link})]})]})};exports.VideoCard=g;

package/dist/modules/Testimonial/components/VideoCard/VideoCard.es.js

@@ -1,22 +1,22 @@
 "use client";
 import { jsxs as m, jsx as n } from "react/jsx-runtime";
-import { useState as p, useRef as d, useEffect as f } from "react";
+import { useState as p, useRef as f, useEffect as d } from "react";
 import { Typography as h } from "../../../../components/Typography/Typography.es.js";
 import { PlayButton as g } from "../../../../components/PlayButton/PlayButton.es.js";
 import { cn as v } from "../../../../utils/cn/cn.es.js";
 import { Product as y } from "../Product/Product.es.js";
 import r from "./videoCard.module.css.es.js";
-const R = ({ product: s, review: c, background: u }) => {
-  const [e, o] = p(!1), t = d(null), l = d(null);
-  return f(() => {
-    const i = new IntersectionObserver(
-      ([a]) => {
-        !a.isIntersecting && e && o(!1);
+const R = ({ product: i, review: c, background: u }) => {
+  const [e, o] = p(!1), t = f(null), l = f(null);
+  return d(() => {
+    const a = new IntersectionObserver(
+      ([s]) => {
+        !s.isIntersecting && e && o(!1);
       },
       { threshold: 0.2 }
     );
-    return l.current && i.observe(l.current), () => i.disconnect();
-  }, [e]), f(() => {
+    return l.current && a.observe(l.current), () => a.disconnect();
+  }, [e]), d(() => {
     !e && t.current && (t.current.pause(), t.current.currentTime = 0);
   }, [e]), /* @__PURE__ */ m(
     "div",
@@ -42,16 +42,16 @@ const R = ({ product: s, review: c, background: u }) => {
           !e && /* @__PURE__ */ n("div", { className: r.playButton, children: /* @__PURE__ */ n(
             g,
             {
-              onClick: (i) => {
-                var a;
-                i.stopPropagation(), (a = t.current) == null || a.play(), o(!0);
+              onClick: (a) => {
+                var s;
+                a.stopPropagation(), (s = t.current) == null || s.play(), o(!0);
               }
             }
           ) })
         ] }),
         /* @__PURE__ */ m("div", { className: r.infoContainer, children: [
           c.author.username && /* @__PURE__ */ n(h, { as: "p", defaultVariant: "labelSm", mobileVariant: "labelXs", emphasis: !0, weight: "regular", children: c.author.username }),
-          /* @__PURE__ */ n(y, { image: s.image, name: s.name, link: s.link })
+          i && /* @__PURE__ */ n(y, { image: i.image, name: i.name, link: i.link })
         ] })
       ]
     }

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

@@ -17,7 +17,7 @@ export type RichReviewCard = {
         };
         stars?: number;
     };
-    product: {
+    product?: {
         image: string;
         name: string;
         link: string;

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"),c=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),n=require("../../utils/cn/cn.cjs.js"),a=require("./components/ProtocolTags/ProtocolTags.cjs.js"),o=require("./yourProtocol.module.css.cjs.js"),u=({title:i,image:r,tags:s,callbackView:t})=>e.jsxs("section",{className:o.default.root,children:[e.jsxs("div",{className:o.default.content,children:[e.jsx(c.HighlightedTitle,{title:i,className:o.default.title,defaultVariant:"displaySm",mobileVariant:"headingXl"}),e.jsx(a.ProtocolTags,{tags:s}),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??""},size:"sm"})})]}),e.jsx("img",{src:r,alt:"Your Protocol",className:n.cn(o.default.image,o.default.desktop),width:481,height:640})]});exports.YourProtocol=u;
+"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:i,image:r,tags:s,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:i,className:t.default.title,defaultVariant:"displaySm",mobileVariant:"headingXl"}),e.jsx(n.ProtocolTags,{tags:s}),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??""},size:"sm"})})]}),e.jsx("img",{src:r,alt:"Your Protocol",className:c.cn(t.default.image,t.default.desktop),width:481,height:640})]})});exports.YourProtocol=d;

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

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

package/dist/modules/YourProtocol/yourProtocol.module.css.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="yourProtocol-module__root___Q35lO",t="yourProtocol-module__content___mMf6R",e="yourProtocol-module__title___xNPOR",l="yourProtocol-module__image___fVaOZ",_="yourProtocol-module__callback___bvu49",c="yourProtocol-module__desktop___pl-rW",r={root:o,content:t,title:e,image:l,callback:_,desktop:c};exports.callback=_;exports.content=t;exports.default=r;exports.desktop=c;exports.image=l;exports.root=o;exports.title=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="yourProtocol-module__root___Q35lO",t="yourProtocol-module__container___-p0rE",e="yourProtocol-module__content___mMf6R",_="yourProtocol-module__title___xNPOR",l="yourProtocol-module__image___fVaOZ",c="yourProtocol-module__callback___bvu49",r="yourProtocol-module__desktop___pl-rW",n={root:o,container:t,content:e,title:_,image:l,callback:c,desktop:r};exports.callback=c;exports.container=t;exports.content=e;exports.default=n;exports.desktop=r;exports.image=l;exports.root=o;exports.title=_;

package/dist/modules/YourProtocol/yourProtocol.module.css.es.js

@@ -1,17 +1,19 @@
-const o = "yourProtocol-module__root___Q35lO", t = "yourProtocol-module__content___mMf6R", _ = "yourProtocol-module__title___xNPOR", l = "yourProtocol-module__image___fVaOZ", c = "yourProtocol-module__callback___bvu49", e = "yourProtocol-module__desktop___pl-rW", r = {
+const o = "yourProtocol-module__root___Q35lO", t = "yourProtocol-module__container___-p0rE", _ = "yourProtocol-module__content___mMf6R", c = "yourProtocol-module__title___xNPOR", l = "yourProtocol-module__image___fVaOZ", e = "yourProtocol-module__callback___bvu49", r = "yourProtocol-module__desktop___pl-rW", n = {
   root: o,
-  content: t,
-  title: _,
+  container: t,
+  content: _,
+  title: c,
   image: l,
-  callback: c,
-  desktop: e
+  callback: e,
+  desktop: r
 };
 export {
-  c as callback,
-  t as content,
-  r as default,
-  e as desktop,
+  e as callback,
+  t as container,
+  _ as content,
+  n as default,
+  r as desktop,
   l as image,
   o as root,
-  _ as title
+  c as title
 };

package/package.json

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