@zenpatient-org/healthspan-marketing-ui 0.1.138 → 0.1.140

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"),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;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),_=require("../../../../components/Button/Button.cjs.js"),f=require("../../../../components/Icon/constants.cjs.js"),d=require("../../../../components/Typography/Typography.cjs.js"),g=require("../../../../components/Icon/Icon.cjs.js"),a=require("./topTreatmentsSlider.module.css.cjs.js"),C=({title:x,products:n})=>{const[t,m]=i.useState(0),[r,c]=i.useState(1),[l,o]=i.useState(!1),j=i.useMemo(()=>{if(n.length===2){const h=(t-1+n.length)%n.length,u=(t+1)%n.length;return[n[h],n[t===h?u:t],n[u]].filter((p,T,b)=>b.findIndex(S=>S.name===p.name)===T)}const s=(t-1+n.length)%n.length,I=(t+1)%n.length;return[n[s],n[t],n[I]]},[t,n]),N=i.useCallback(s=>{s.stopPropagation(),!l&&(o(!0),c(2))},[l]),v=i.useCallback(s=>{s.stopPropagation(),!l&&(o(!0),c(0))},[l]),y=()=>{r===2?m(s=>(s+1)%n.length):r===0&&m(s=>(s-1+n.length)%n.length),c(1),o(!1)};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:x}),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:l?"transform 0.3s cubic-bezier(0.4,0,0.2,1)":"none"},onTransitionEnd:y,children:j.map(s=>e.jsx("a",{href:s.link,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(_.Button,{size:"sm",variant:"primary-invert",children:"Learn More"})})})]})]})},s.name))}),e.jsxs("div",{className:a.default.switchers,children:[e.jsx("div",{className:a.default.arrowIcon,onClick:v,children:e.jsx(g.Icon,{name:f.EIconName.ARROW_BACK})}),e.jsx("div",{className:a.default.arrowIcon,onClick:N,children:e.jsx(g.Icon,{name:f.EIconName.ARROW_FORWARD})})]})]})]})};exports.TopTreatmentsSlider=C;

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

@@ -1,34 +1,37 @@
 "use client";
-import { jsxs as r, jsx as i } from "react/jsx-runtime";
-import { useState as o, useMemo as V, useCallback as d } from "react";
-import { Button as W } from "../../../../components/Button/Button.es.js";
-import { EIconName as N } from "../../../../components/Icon/constants.es.js";
-import { Typography as h } from "../../../../components/Typography/Typography.es.js";
+import { jsxs as l, jsx as i } from "react/jsx-runtime";
+import { useState as o, useMemo as k, useCallback as N } from "react";
+import { Button as V } from "../../../../components/Button/Button.es.js";
+import { EIconName as v } from "../../../../components/Icon/constants.es.js";
+import { Typography as d } 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 j = ({ title: b, products: e }) => {
-  const [l, f] = o(0), [t, m] = o(1), [s, c] = o(!1), I = V(() => {
+  const [r, h] = o(0), [t, m] = o(1), [s, c] = o(!1), I = k(() => {
     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(
-        (A, R, T) => T.findIndex((M) => M.name === A.name) === R
+      const g = (r - 1 + e.length) % e.length, f = (r + 1) % e.length;
+      return [e[g], e[r === g ? f : r], e[f]].filter(
+        (S, A, R) => R.findIndex((T) => T.name === S.name) === 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(() => {
-    s || (c(!0), m(0));
-  }, [s]), k = () => {
-    t === 2 ? f((a) => (a + 1) % e.length) : t === 0 && f((a) => (a - 1 + e.length) % e.length), m(1), c(!1);
-  }, y = d(() => {
-    const a = e[l];
-    a != null && a.link && window.open(a.link, "_blank");
-  }, [e, l]);
-  return /* @__PURE__ */ r("div", { className: n.root, children: [
+    const a = (r - 1 + e.length) % e.length, y = (r + 1) % e.length;
+    return [e[a], e[r], e[y]];
+  }, [r, e]), C = N(
+    (a) => {
+      a.stopPropagation(), !s && (c(!0), m(2));
+    },
+    [s]
+  ), p = N(
+    (a) => {
+      a.stopPropagation(), !s && (c(!0), m(0));
+    },
+    [s]
+  ), w = () => {
+    t === 2 ? h((a) => (a + 1) % e.length) : t === 0 && h((a) => (a - 1 + e.length) % e.length), m(1), c(!1);
+  };
+  return /* @__PURE__ */ l("div", { className: n.root, children: [
     /* @__PURE__ */ i(
-      h,
+      d,
       {
         as: "span",
         defaultVariant: "labelSm",
@@ -39,7 +42,7 @@ const j = ({ title: b, products: e }) => {
         children: b
       }
     ),
-    /* @__PURE__ */ r("div", { className: n.sliderContainer, children: [
+    /* @__PURE__ */ l("div", { className: n.sliderContainer, children: [
       /* @__PURE__ */ i(
         "div",
         {
@@ -48,14 +51,14 @@ const j = ({ title: b, products: e }) => {
             transform: `translateX(calc(-${t * 100}% - ${t * 10}px))`,
             transition: s ? "transform 0.3s cubic-bezier(0.4,0,0.2,1)" : "none"
           },
-          onTransitionEnd: k,
-          children: I.map((a) => /* @__PURE__ */ i("div", { className: n.slide, children: /* @__PURE__ */ r("div", { className: n.productCard, children: [
+          onTransitionEnd: w,
+          children: I.map((a) => /* @__PURE__ */ i("a", { href: a.link, className: n.slide, children: /* @__PURE__ */ l("div", { className: n.productCard, children: [
             /* @__PURE__ */ i("div", { className: n.imageWrapper, children: /* @__PURE__ */ i("img", { src: a.image, alt: a.name, className: n.image }) }),
-            /* @__PURE__ */ r("div", { className: n.rightSide, children: [
-              /* @__PURE__ */ r("div", { className: n.headerSplit, children: [
-                /* @__PURE__ */ i("div", { className: n.nameContainer, children: /* @__PURE__ */ i(h, { defaultVariant: "headingXs", children: a.name }) }),
+            /* @__PURE__ */ l("div", { className: n.rightSide, children: [
+              /* @__PURE__ */ l("div", { className: n.headerSplit, children: [
+                /* @__PURE__ */ i("div", { className: n.nameContainer, children: /* @__PURE__ */ i(d, { defaultVariant: "headingXs", children: a.name }) }),
                 /* @__PURE__ */ i(
-                  h,
+                  d,
                   {
                     defaultVariant: "bodyMd",
                     mobileVariant: "bodySm",
@@ -64,14 +67,14 @@ const j = ({ title: b, products: e }) => {
                   }
                 )
               ] }),
-              /* @__PURE__ */ i("div", { className: n.actions, children: /* @__PURE__ */ i("div", { className: n.btnLearnMore, children: /* @__PURE__ */ i(W, { size: "sm", variant: "primary-invert", onClick: y, children: "Learn More" }) }) })
+              /* @__PURE__ */ i("div", { className: n.actions, children: /* @__PURE__ */ i("div", { className: n.btnLearnMore, children: /* @__PURE__ */ i(V, { size: "sm", variant: "primary-invert", children: "Learn More" }) }) })
             ] })
           ] }) }, a.name))
         }
       ),
-      /* @__PURE__ */ r("div", { className: n.switchers, children: [
-        /* @__PURE__ */ i("div", { className: n.arrowIcon, onClick: C, children: /* @__PURE__ */ i(x, { name: N.ARROW_BACK }) }),
-        /* @__PURE__ */ i("div", { className: n.arrowIcon, onClick: w, children: /* @__PURE__ */ i(x, { name: N.ARROW_FORWARD }) })
+      /* @__PURE__ */ l("div", { className: n.switchers, children: [
+        /* @__PURE__ */ i("div", { className: n.arrowIcon, onClick: p, children: /* @__PURE__ */ i(x, { name: v.ARROW_BACK }) }),
+        /* @__PURE__ */ i("div", { className: n.arrowIcon, onClick: C, children: /* @__PURE__ */ i(x, { name: v.ARROW_FORWARD }) })
       ] })
     ] })
   ] });

package/package.json

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