@zenpatient-org/healthspan-marketing-ui 0.1.112 → 0.1.114

package/dist/modules/Reviews/Reviews.es.js

@@ -1,38 +1,43 @@
-import { jsx as i, jsxs as s } from "react/jsx-runtime";
-import { Typography as l } from "../../components/Typography/Typography.es.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Typography as r } from "../../components/Typography/Typography.es.js";
 import { RatingStars as n } from "../../components/RatingStars/RatingStars.es.js";
 import { Pagination as c } from "../../components/Pagination/Pagination.es.js";
 import { ReviewList as h } from "./components/ReviewList/ReviewList.es.js";
-import e from "./reviews.module.css.es.js";
-const b = ({ rating: a, reviews: m, page: r, pagesCount: t, isLoading: d, onPageChange: o }) => /* @__PURE__ */ i("section", { className: e.root, children: /* @__PURE__ */ s("div", { className: e.container, children: [
-  /* @__PURE__ */ s("div", { className: e.headerContainer, children: [
-    /* @__PURE__ */ i(l, { as: "h2", defaultVariant: "displaySm", mobileVariant: "headingXl", children: "Reviews" }),
-    !!(a != null && a.stars) && /* @__PURE__ */ s("div", { className: e.headerRow, children: [
-      /* @__PURE__ */ s(l, { defaultVariant: "headingLg", mobileVariant: "headingSm", children: [
-        a.stars,
+import s from "./reviews.module.css.es.js";
+const b = ({ rating: e, reviews: m, page: l, pagesCount: t, isLoading: o, onPageChange: d }) => /* @__PURE__ */ i("section", { className: s.root, children: /* @__PURE__ */ a("div", { className: s.container, children: [
+  /* @__PURE__ */ a("div", { className: s.headerContainer, children: [
+    /* @__PURE__ */ i(r, { as: "h2", defaultVariant: "displaySm", mobileVariant: "headingXl", children: "Reviews" }),
+    !!(e != null && e.stars) && /* @__PURE__ */ a("div", { className: s.headerRow, children: [
+      /* @__PURE__ */ a(r, { defaultVariant: "headingLg", mobileVariant: "headingSm", children: [
+        e.stars,
         "/5"
       ] }),
-      /* @__PURE__ */ i(n, { rating: a.stars, size: "lg" }),
-      !!a.totalReviews && /* @__PURE__ */ s(l, { as: "p", defaultVariant: "labelSm", emphasis: !0, weight: "regular", children: [
-        a.totalReviews,
+      /* @__PURE__ */ i(n, { rating: e.stars, size: "lg" }),
+      !!e.totalReviews && /* @__PURE__ */ a(r, { as: "p", defaultVariant: "labelSm", emphasis: !0, weight: "regular", children: [
+        e.totalReviews,
         " reviews"
       ] })
     ] })
   ] }),
-  /* @__PURE__ */ s("div", { className: e.reviewsContainer, children: [
-    d ? /* @__PURE__ */ s("div", { className: e.loadingContainer, children: [
-      /* @__PURE__ */ i("div", { className: e.skeleton }),
-      /* @__PURE__ */ i("div", { className: e.skeleton }),
-      /* @__PURE__ */ i("div", { className: e.skeleton })
-    ] }) : /* @__PURE__ */ i(h, { reviews: m, page: r, pagesCount: t, onPageChange: o }),
-    /* @__PURE__ */ i("div", { className: e.pagination, children: /* @__PURE__ */ i(
+  /* @__PURE__ */ a("div", { className: s.reviewsContainer, children: [
+    /* @__PURE__ */ i(
+      h,
+      {
+        reviews: m,
+        page: l,
+        pagesCount: t,
+        isLoading: !!o,
+        onPageChange: d
+      }
+    ),
+    /* @__PURE__ */ i("div", { className: s.pagination, children: /* @__PURE__ */ i(
       c,
       {
-        page: r,
+        page: l,
         pagesCount: t,
         visiblePagesLimit: 3,
-        disabled: d,
-        onPageChange: o
+        disabled: o,
+        onPageChange: d
       }
     ) })
   ] })

package/dist/modules/Reviews/components/ReviewList/ReviewList.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("react"),a=require("../ReviewCard/ReviewCard.cjs.js"),f=require("./reviewList.module.css.cjs.js"),v=({reviews:l,page:t,pagesCount:u,onPageChange:n})=>{const r=i.useRef(null),d=e=>{r.current=e.touches[0].clientX},h=i.useCallback(e=>{if(r.current===null)return;const c=e.changedTouches[0].clientX-r.current,o=50;c>o&&t>1?n(t-1):c<-o&&(!u||t<u)&&n(t+1),r.current=null},[t,u,n]);return s.jsx("div",{className:f.default.root,onTouchStart:d,onTouchEnd:h,children:l.map(({review:e},c)=>s.jsx(a.ReviewCard,{review:e},`${e.author}_${c}`))})};exports.ReviewList=v;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),S=require("../../../../node_modules/swiper/swiper-react.cjs.js");;/* empty css                                              */const a=require("../../../../components/Skeleton/Skeleton.cjs.js"),q=require("../../../../utils/useSwiper/useSwiper.cjs.js"),R=require("../ReviewCard/ReviewCard.cjs.js"),r=require("./reviewList.module.css.cjs.js"),k=({reviews:w,page:i,pagesCount:s,isLoading:h,onPageChange:x})=>{const n=o.useRef("external"),{activeIndex:c,onSwiperInit:f,handleSlideTo:u,handleSlideChange:m,handleSwiperResize:p}=q.useSwiper();o.useEffect(()=>{n.current==="external"&&c!==i-1&&u(i-1),n.current="external"},[c,i,u]);const v=o.useMemo(()=>Array.from({length:s}),[s]);return e.jsx(S.Swiper,{onSwiper:f,onResize:p,onSlideChange:l=>{const t=l.activeIndex+1;t!==i&&(n.current="swiper",x(t)),m(l)},slidesPerView:1,allowTouchMove:s>1,spaceBetween:0,initialSlide:i-1,className:r.default.swiper,children:v.map((l,t)=>e.jsx(S.SwiperSlide,{children:t===i-1?e.jsx("div",{className:r.default.reviewsContainer,children:h?e.jsxs("div",{className:r.default.loadingContainer,children:[e.jsx(a.Skeleton,{height:"130px",className:r.default.skeleton}),e.jsx(a.Skeleton,{height:"110px",className:r.default.skeleton}),e.jsx(a.Skeleton,{height:"90px",className:r.default.skeleton})]}):w.map(({review:d},j)=>e.jsx(R.ReviewCard,{review:d},`${d.author}_${j}`))}):null},t))})};exports.ReviewList=k;

package/dist/modules/Reviews/components/ReviewList/ReviewList.d.ts

@@ -4,7 +4,8 @@ type ReviewListProps = {
     reviews: Array<TReviewCard>;
     page: number;
     pagesCount: number;
+    isLoading: boolean;
     onPageChange: (page: number) => void;
 };
-export declare const ReviewList: ({ reviews, page, pagesCount, onPageChange }: ReviewListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ReviewList: ({ reviews, page, pagesCount, isLoading, onPageChange }: ReviewListProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/modules/Reviews/components/ReviewList/ReviewList.es.js

@@ -1,21 +1,40 @@
 "use client";
-import { jsx as u } from "react/jsx-runtime";
-import { useRef as d, useCallback as m } from "react";
-import { ReviewCard as f } from "../ReviewCard/ReviewCard.es.js";
-import T from "./reviewList.module.css.es.js";
-const v = ({ reviews: s, page: r, pagesCount: n, onPageChange: l }) => {
-  const c = d(null), i = (t) => {
-    c.current = t.touches[0].clientX;
-  }, h = m(
-    (t) => {
-      if (c.current === null) return;
-      const o = t.changedTouches[0].clientX - c.current, e = 50;
-      o > e && r > 1 ? l(r - 1) : o < -e && (!n || r < n) && l(r + 1), c.current = null;
-    },
-    [r, n, l]
+import { jsx as e, jsxs as v } from "react/jsx-runtime";
+import { useRef as N, useEffect as R, useMemo as k } from "react";
+import { Swiper as g, SwiperSlide as y } from "../../../../node_modules/swiper/swiper-react.es.js";
+/* empty css                                            */
+import { Skeleton as o } from "../../../../components/Skeleton/Skeleton.es.js";
+import { useSwiper as C } from "../../../../utils/useSwiper/useSwiper.es.js";
+import { ReviewCard as T } from "../ReviewCard/ReviewCard.es.js";
+import i from "./reviewList.module.css.es.js";
+const A = ({ reviews: d, page: r, pagesCount: n, isLoading: h, onPageChange: p }) => {
+  const s = N("external"), { activeIndex: a, onSwiperInit: f, handleSlideTo: m, handleSlideChange: w, handleSwiperResize: S } = C();
+  R(() => {
+    s.current === "external" && a !== r - 1 && m(r - 1), s.current = "external";
+  }, [a, r, m]);
+  const u = k(() => Array.from({ length: n }), [n]);
+  return /* @__PURE__ */ e(
+    g,
+    {
+      onSwiper: f,
+      onResize: S,
+      onSlideChange: (l) => {
+        const t = l.activeIndex + 1;
+        t !== r && (s.current = "swiper", p(t)), w(l);
+      },
+      slidesPerView: 1,
+      allowTouchMove: n > 1,
+      spaceBetween: 0,
+      initialSlide: r - 1,
+      className: i.swiper,
+      children: u.map((l, t) => /* @__PURE__ */ e(y, { children: t === r - 1 ? /* @__PURE__ */ e("div", { className: i.reviewsContainer, children: h ? /* @__PURE__ */ v("div", { className: i.loadingContainer, children: [
+        /* @__PURE__ */ e(o, { height: "130px", className: i.skeleton }),
+        /* @__PURE__ */ e(o, { height: "110px", className: i.skeleton }),
+        /* @__PURE__ */ e(o, { height: "90px", className: i.skeleton })
+      ] }) : d.map(({ review: c }, x) => /* @__PURE__ */ e(T, { review: c }, `${c.author}_${x}`)) }) : null }, t))
+    }
   );
-  return /* @__PURE__ */ u("div", { className: T.root, onTouchStart: i, onTouchEnd: h, children: s.map(({ review: t }, o) => /* @__PURE__ */ u(f, { review: t }, `${t.author}_${o}`)) });
 };
 export {
-  v as ReviewList
+  A as ReviewList
 };

package/dist/modules/Reviews/components/ReviewList/reviewList.module.css.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="reviewList-module__root___UIExi",o={root:e};exports.default=o;exports.root=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="reviewList-module__swiper___dUnMh",i="reviewList-module__reviewsContainer___qleZs",n="reviewList-module__loadingContainer___4JbMU",t="reviewList-module__skeleton___0tCEB",o={swiper:e,reviewsContainer:i,loadingContainer:n,skeleton:t};exports.default=o;exports.loadingContainer=n;exports.reviewsContainer=i;exports.skeleton=t;exports.swiper=e;

package/dist/modules/Reviews/components/ReviewList/reviewList.module.css.es.js

@@ -1,7 +1,13 @@
-const o = "reviewList-module__root___UIExi", t = {
-  root: o
+const e = "reviewList-module__swiper___dUnMh", n = "reviewList-module__reviewsContainer___qleZs", i = "reviewList-module__loadingContainer___4JbMU", o = "reviewList-module__skeleton___0tCEB", s = {
+  swiper: e,
+  reviewsContainer: n,
+  loadingContainer: i,
+  skeleton: o
 };
 export {
-  t as default,
-  o as root
+  s as default,
+  i as loadingContainer,
+  n as reviewsContainer,
+  o as skeleton,
+  e as swiper
 };

package/dist/modules/Reviews/reviews.module.css.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="reviews-module__root___1ZqJ6",o="reviews-module__container___QE-Af",n="reviews-module__headerContainer___GGw6i",t="reviews-module__headerRow___kpG8f",i="reviews-module__reviewsContainer___BHIYC",r="reviews-module__pagination___mWMay",a="reviews-module__loadingContainer___uJZ6c",_="reviews-module__skeleton___UaPlJ",s={root:e,container:o,headerContainer:n,headerRow:t,reviewsContainer:i,pagination:r,loadingContainer:a,skeleton:_};exports.container=o;exports.default=s;exports.headerContainer=n;exports.headerRow=t;exports.loadingContainer=a;exports.pagination=r;exports.reviewsContainer=i;exports.root=e;exports.skeleton=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="reviews-module__root___1ZqJ6",o="reviews-module__container___QE-Af",n="reviews-module__headerContainer___GGw6i",r="reviews-module__headerRow___kpG8f",t="reviews-module__reviewsContainer___BHIYC",i="reviews-module__pagination___mWMay",a={root:e,container:o,headerContainer:n,headerRow:r,reviewsContainer:t,pagination:i};exports.container=o;exports.default=a;exports.headerContainer=n;exports.headerRow=r;exports.pagination=i;exports.reviewsContainer=t;exports.root=e;

package/dist/modules/Reviews/reviews.module.css.es.js

@@ -1,21 +1,17 @@
-const e = "reviews-module__root___1ZqJ6", o = "reviews-module__container___QE-Af", n = "reviews-module__headerContainer___GGw6i", _ = "reviews-module__headerRow___kpG8f", i = "reviews-module__reviewsContainer___BHIYC", r = "reviews-module__pagination___mWMay", t = "reviews-module__loadingContainer___uJZ6c", a = "reviews-module__skeleton___UaPlJ", s = {
+const e = "reviews-module__root___1ZqJ6", o = "reviews-module__container___QE-Af", n = "reviews-module__headerContainer___GGw6i", _ = "reviews-module__headerRow___kpG8f", r = "reviews-module__reviewsContainer___BHIYC", i = "reviews-module__pagination___mWMay", t = {
   root: e,
   container: o,
   headerContainer: n,
   headerRow: _,
-  reviewsContainer: i,
-  pagination: r,
-  loadingContainer: t,
-  skeleton: a
+  reviewsContainer: r,
+  pagination: i
 };
 export {
   o as container,
-  s as default,
+  t as default,
   n as headerContainer,
   _ as headerRow,
-  t as loadingContainer,
-  r as pagination,
-  i as reviewsContainer,
-  e as root,
-  a as skeleton
+  i as pagination,
+  r as reviewsContainer,
+  e as root
 };

package/dist/pageComponents/TreatmentsHero/components/TreatmentHeroCard/TreatmentHeroCard.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../../../components/Typography/Typography.cjs.js"),r=require("./treatmentHeroCard.module.css.cjs.js"),i=({image:t,title:a,link:o})=>e.jsxs("a",{href:o,className:r.default.root,children:[e.jsx("div",{className:r.default.imageWrapper,children:e.jsx("img",{src:t,alt:a,className:r.default.image})}),e.jsx(s.Typography,{as:"p",defaultVariant:"headingSm",mobileVariant:"bodyMd",weight:"regular",children:a})]});exports.TreatmentHeroCard=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../../../../components/Typography/Typography.cjs.js"),r=require("./treatmentHeroCard.module.css.cjs.js"),d=({image:t,title:a,link:s})=>e.jsxs("a",{href:s,className:r.default.root,children:[e.jsx("div",{className:r.default.imageWrapper,children:e.jsx("img",{src:t,alt:a,className:r.default.image})}),e.jsx(o.Typography,{as:"p",defaultVariant:"headingSm",mobileVariant:"bodyMd",weight:"regular",className:r.default.text,children:a})]});exports.TreatmentHeroCard=d;

package/dist/pageComponents/TreatmentsHero/components/TreatmentHeroCard/TreatmentHeroCard.es.js

@@ -1,10 +1,20 @@
-import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import { Typography as s } from "../../../../components/Typography/Typography.es.js";
-import a from "./treatmentHeroCard.module.css.es.js";
-const n = ({ image: m, title: e, link: i }) => /* @__PURE__ */ o("a", { href: i, className: a.root, children: [
-  /* @__PURE__ */ r("div", { className: a.imageWrapper, children: /* @__PURE__ */ r("img", { src: m, alt: e, className: a.image }) }),
-  /* @__PURE__ */ r(s, { as: "p", defaultVariant: "headingSm", mobileVariant: "bodyMd", weight: "regular", children: e })
+import { jsxs as t, jsx as a } from "react/jsx-runtime";
+import { Typography as i } from "../../../../components/Typography/Typography.es.js";
+import r from "./treatmentHeroCard.module.css.es.js";
+const d = ({ image: m, title: e, link: s }) => /* @__PURE__ */ t("a", { href: s, className: r.root, children: [
+  /* @__PURE__ */ a("div", { className: r.imageWrapper, children: /* @__PURE__ */ a("img", { src: m, alt: e, className: r.image }) }),
+  /* @__PURE__ */ a(
+    i,
+    {
+      as: "p",
+      defaultVariant: "headingSm",
+      mobileVariant: "bodyMd",
+      weight: "regular",
+      className: r.text,
+      children: e
+    }
+  )
 ] });
 export {
-  n as TreatmentHeroCard
+  d as TreatmentHeroCard
 };

package/dist/pageComponents/TreatmentsHero/components/TreatmentHeroCard/treatmentHeroCard.module.css.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="treatmentHeroCard-module__root___r7b2A",r="treatmentHeroCard-module__imageWrapper___InpLt",t="treatmentHeroCard-module__image___qE6WU",o={root:e,imageWrapper:r,image:t};exports.default=o;exports.image=t;exports.imageWrapper=r;exports.root=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="treatmentHeroCard-module__root___r7b2A",t="treatmentHeroCard-module__imageWrapper___InpLt",r="treatmentHeroCard-module__image___qE6WU",o="treatmentHeroCard-module__text___BuHr3",a={root:e,imageWrapper:t,image:r,text:o};exports.default=a;exports.image=r;exports.imageWrapper=t;exports.root=e;exports.text=o;

package/dist/pageComponents/TreatmentsHero/components/TreatmentHeroCard/treatmentHeroCard.module.css.es.js

@@ -1,11 +1,13 @@
-const e = "treatmentHeroCard-module__root___r7b2A", r = "treatmentHeroCard-module__imageWrapper___InpLt", t = "treatmentHeroCard-module__image___qE6WU", a = {
+const e = "treatmentHeroCard-module__root___r7b2A", t = "treatmentHeroCard-module__imageWrapper___InpLt", r = "treatmentHeroCard-module__image___qE6WU", o = "treatmentHeroCard-module__text___BuHr3", _ = {
   root: e,
-  imageWrapper: r,
-  image: t
+  imageWrapper: t,
+  image: r,
+  text: o
 };
 export {
-  a as default,
-  t as image,
-  r as imageWrapper,
-  e as root
+  _ as default,
+  r as image,
+  t as imageWrapper,
+  e as root,
+  o as text
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@zenpatient-org/healthspan-marketing-ui",
-    "version": "0.1.112",
+    "version": "0.1.114",
     "description": "Design system",
     "main": "dist/index.cjs.js",
     "module": "dist/index.es.js",
@@ -306,6 +306,11 @@
             "import": "./dist/components/ColoredDivider/ColoredDivider.es.js",
             "require": "./dist/components/ColoredDivider/ColoredDivider.cjs.js"
         },
+        "./Skeleton": {
+            "types": "./dist/components/Skeleton/Skeleton.d.ts",
+            "import": "./dist/components/Skeleton/Skeleton.es.js",
+            "require": "./dist/components/Skeleton/Skeleton.cjs.js"
+        },
         "./CallbackModule": {
             "types": "./dist/modules/Callback/Callback.d.ts",
             "import": "./dist/modules/Callback/Callback.es.js",