@zenpatient-org/healthspan-marketing-ui 0.1.118 → 0.1.120

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("../../../../components/Typography/Typography.cjs.js"),o=require("../../../../components/RatingStars/RatingStars.cjs.js"),u=require("../Product/Product.cjs.js"),s=require("./textCard.module.css.cjs.js"),d=({background:i,review:a,product:e})=>{var n,l;return t.jsxs("div",{className:s.default.root,style:{backgroundImage:`url(${i.url})`},children:[!!a.stars&&t.jsx(o.RatingStars,{rating:a.stars,size:"lg"}),a&&t.jsxs("div",{className:s.default.reviewContainer,children:[a.title&&t.jsx(r.Typography,{as:"h3",defaultVariant:"headingSm",mobileVariant:"headingXs",weight:"regular",children:a.title}),a.description&&t.jsx(r.Typography,{as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",weight:"regular",children:a.description}),((n=a.author)==null?void 0:n.name)&&t.jsx(r.Typography,{as:"p",defaultVariant:"labelSm",mobileVariant:"labelXs",weight:"regular",emphasis:!0,className:s.default.reviewAuthor,children:a.author.name})]}),t.jsxs("div",{className:s.default.infoContainer,children:[((l=a==null?void 0:a.author)==null?void 0:l.username)&&t.jsx(r.Typography,{as:"p",defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"regular",children:a.author.username}),e&&t.jsx(u.Product,{image:e.image,name:e.name,link:e.link})]})]})};exports.TextCard=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("../../../../components/Typography/Typography.cjs.js"),i=require("../../../../components/RatingStars/RatingStars.cjs.js"),u=require("../Product/Product.cjs.js"),r=require("./textCard.module.css.cjs.js"),d=({background:o,review:a,product:s})=>{var l,e;return t.jsxs("div",{className:r.default.root,style:{backgroundImage:`url(${o.url})`},children:[t.jsx("div",{children:!!a.stars&&t.jsx(i.RatingStars,{rating:a.stars,size:"lg"})}),t.jsxs("div",{className:r.default.reviewContainer,children:[(a==null?void 0:a.title)&&t.jsx(n.Typography,{as:"h3",defaultVariant:"headingSm",mobileVariant:"headingXs",weight:"regular",children:a.title}),(a==null?void 0:a.description)&&t.jsx(n.Typography,{as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",weight:"regular",children:a.description}),((l=a==null?void 0:a.author)==null?void 0:l.name)&&t.jsx(n.Typography,{as:"p",defaultVariant:"labelSm",mobileVariant:"labelXs",weight:"regular",emphasis:!0,className:r.default.reviewAuthor,children:a.author.name})]}),t.jsxs("div",{className:r.default.infoContainer,children:[((e=a==null?void 0:a.author)==null?void 0:e.username)&&t.jsx(n.Typography,{as:"p",defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"regular",children:a.author.username}),s&&t.jsx(u.Product,{image:s.image,name:s.name,link:s.link})]})]})};exports.TextCard=d;

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

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

package/dist/pageComponents/Footer/components/TopTreatmentsSlider/TopTreatmentsSlider.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),k=require("../../../../components/Button/Button.cjs.js"),u=require("../../../../components/Icon/constants.cjs.js"),o=require("../../../../components/Typography/Typography.cjs.js"),x=require("../../../../components/Icon/Icon.cjs.js"),a=require("./topTreatmentsSlider.module.css.cjs.js"),p=({title:g,products:n})=>{const[l,m]=i.useState(0),[r,c]=i.useState(1),[t,d]=i.useState(!1),j=i.useMemo(()=>{if(n.length===2){const h=(l-1+n.length)%n.length,f=(l+1)%n.length;return[n[h],n[l===h?f:l],n[f]].filter((T,S,_)=>_.findIndex(C=>C.name===T.name)===S)}const s=(l-1+n.length)%n.length,I=(l+1)%n.length;return[n[s],n[l],n[I]]},[l,n]),v=i.useCallback(()=>{t||(d(!0),c(2))},[t]),N=i.useCallback(()=>{t||(d(!0),c(0))},[t]),y=()=>{r===2?m(s=>(s+1)%n.length):r===0&&m(s=>(s-1+n.length)%n.length),c(1),d(!1)},b=i.useCallback(()=>{const s=n[l];s!=null&&s.link&&window.open(s.link,"_blank")},[n,l]);return e.jsxs("div",{className:a.default.root,children:[e.jsx(o.Typography,{as:"span",defaultVariant:"labelSm",mobileVariant:"labelXs",weight:"regular",emphasis:!0,className:a.default.title,children:g}),e.jsxs("div",{className:a.default.sliderContainer,children:[e.jsx("div",{className:a.default.sliderTrack,style:{transform:`translateX(calc(-${r*100}% - ${r*10}px))`,transition:t?"transform 0.3s cubic-bezier(0.4,0,0.2,1)":"none"},onTransitionEnd:y,children:j.map(s=>e.jsx("div",{className:a.default.slide,children:e.jsxs("div",{className:a.default.productCard,children:[e.jsx("div",{className:a.default.imageWrapper,children:e.jsx("img",{src:s.image,alt:s.name,className:a.default.image})}),e.jsxs("div",{className:a.default.rightSide,children:[e.jsxs("div",{className:a.default.headerSplit,children:[e.jsx("div",{className:a.default.nameContainer,children:e.jsx(o.Typography,{defaultVariant:"headingXs",children:s.name})}),e.jsx(o.Typography,{defaultVariant:"bodyMd",mobileVariant:"bodySm",className:a.default.price,children:s.price})]}),e.jsx("div",{className:a.default.actions,children:e.jsx("div",{className:a.default.btnLearnMore,children:e.jsx(k.Button,{size:"sm",variant:"primary-invert",onClick:b,children:"Learn More"})})})]})]})},s.name))}),e.jsxs("div",{className:a.default.switchers,children:[e.jsx("div",{className:a.default.arrowIcon,onClick:N,children:e.jsx(x.Icon,{name:u.EIconName.ARROW_BACK})}),e.jsx("div",{className:a.default.arrowIcon,onClick:v,children:e.jsx(x.Icon,{name:u.EIconName.ARROW_FORWARD})})]})]})]})};exports.TopTreatmentsSlider=p;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),k=require("../../../../components/Button/Button.cjs.js"),u=require("../../../../components/Icon/constants.cjs.js"),d=require("../../../../components/Typography/Typography.cjs.js"),x=require("../../../../components/Icon/Icon.cjs.js"),a=require("./topTreatmentsSlider.module.css.cjs.js"),p=({title:g,products:n})=>{const[t,m]=l.useState(0),[r,c]=l.useState(1),[i,o]=l.useState(!1),j=l.useMemo(()=>{if(n.length===2){const h=(t-1+n.length)%n.length,f=(t+1)%n.length;return[n[h],n[t===h?f:t],n[f]].filter((T,S,_)=>_.findIndex(C=>C.name===T.name)===S)}const s=(t-1+n.length)%n.length,I=(t+1)%n.length;return[n[s],n[t],n[I]]},[t,n]),v=l.useCallback(()=>{i||(o(!0),c(2))},[i]),N=l.useCallback(()=>{i||(o(!0),c(0))},[i]),y=()=>{r===2?m(s=>(s+1)%n.length):r===0&&m(s=>(s-1+n.length)%n.length),c(1),o(!1)},b=l.useCallback(()=>{const s=n[t];s!=null&&s.link&&window.open(s.link,"_blank")},[n,t]);return e.jsxs("div",{className:a.default.root,children:[e.jsx(d.Typography,{as:"span",defaultVariant:"labelSm",mobileVariant:"labelXs",weight:"regular",emphasis:!0,className:a.default.title,children:g}),e.jsxs("div",{className:a.default.sliderContainer,children:[e.jsx("div",{className:a.default.sliderTrack,style:{transform:`translateX(calc(-${r*100}% - ${r*10}px))`,transition:i?"transform 0.3s cubic-bezier(0.4,0,0.2,1)":"none"},onTransitionEnd:y,children:j.map(s=>e.jsx("div",{className:a.default.slide,children:e.jsxs("div",{className:a.default.productCard,children:[e.jsx("div",{className:a.default.imageWrapper,children:e.jsx("img",{src:s.image,alt:s.name,className:a.default.image})}),e.jsxs("div",{className:a.default.rightSide,children:[e.jsxs("div",{className:a.default.headerSplit,children:[e.jsx("div",{className:a.default.nameContainer,children:e.jsx(d.Typography,{defaultVariant:"headingXs",children:s.name})}),e.jsx(d.Typography,{defaultVariant:"bodyMd",mobileVariant:"bodySm",className:a.default.price,children:`Starting at ${s.price}/mo`})]}),e.jsx("div",{className:a.default.actions,children:e.jsx("div",{className:a.default.btnLearnMore,children:e.jsx(k.Button,{size:"sm",variant:"primary-invert",onClick:b,children:"Learn More"})})})]})]})},s.name))}),e.jsxs("div",{className:a.default.switchers,children:[e.jsx("div",{className:a.default.arrowIcon,onClick:N,children:e.jsx(x.Icon,{name:u.EIconName.ARROW_BACK})}),e.jsx("div",{className:a.default.arrowIcon,onClick:v,children:e.jsx(x.Icon,{name:u.EIconName.ARROW_FORWARD})})]})]})]})};exports.TopTreatmentsSlider=p;

package/dist/pageComponents/Footer/components/TopTreatmentsSlider/TopTreatmentsSlider.es.js

@@ -6,16 +6,16 @@ import { EIconName as N } from "../../../../components/Icon/constants.es.js";
 import { Typography as h } from "../../../../components/Typography/Typography.es.js";
 import { Icon as x } from "../../../../components/Icon/Icon.es.js";
 import n from "./topTreatmentsSlider.module.css.es.js";
-const z = ({ title: b, products: e }) => {
+const j = ({ title: b, products: e }) => {
   const [l, f] = o(0), [t, m] = o(1), [s, c] = o(!1), I = V(() => {
     if (e.length === 2) {
       const g = (l - 1 + e.length) % e.length, v = (l + 1) % e.length;
       return [e[g], e[l === g ? v : l], e[v]].filter(
-        (R, S, T) => T.findIndex((M) => M.name === R.name) === S
+        (A, R, T) => T.findIndex((M) => M.name === A.name) === R
       );
     }
-    const a = (l - 1 + e.length) % e.length, A = (l + 1) % e.length;
-    return [e[a], e[l], e[A]];
+    const a = (l - 1 + e.length) % e.length, S = (l + 1) % e.length;
+    return [e[a], e[l], e[S]];
   }, [l, e]), w = d(() => {
     s || (c(!0), m(2));
   }, [s]), C = d(() => {
@@ -60,7 +60,7 @@ const z = ({ title: b, products: e }) => {
                     defaultVariant: "bodyMd",
                     mobileVariant: "bodySm",
                     className: n.price,
-                    children: a.price
+                    children: `Starting at ${a.price}/mo`
                   }
                 )
               ] }),
@@ -77,5 +77,5 @@ const z = ({ title: b, products: e }) => {
   ] });
 };
 export {
-  z as TopTreatmentsSlider
+  j as TopTreatmentsSlider
 };

package/package.json

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