@zenpatient-org/healthspan-marketing-ui 0.2.50 → 0.2.52

package/dist/components/AdvancedGallery/AdvancedGallery.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),y=require("react"),q=require("swiper/modules"),d=require("swiper/react"),j=require("../../utils/useSwiper/useSwiper.cjs.js"),P=require("../../utils/cn/cn.cjs.js");;/* empty css                                        */;/* empty css                                                    */;/* empty css                                                    */const w=require("../GalleryPagination/GalleryPagination.cjs.js"),a=require("../../src/components/AdvancedGallery/advancedGallery.module.css"),x=require("../Label/Label.cjs.js"),v=require("./components/VideoSlide/VideoSlide.cjs.js"),_=require("./components/ImageGalleryPagination/ImageGalleryPagination.cjs.js"),b=[q.Navigation],G=({items:r,label:s,className:u})=>{const{activeIndex:l,handleSlideTo:o,handleSlideChange:S,onSwiperInit:p,handleSwiperResize:g,handleUserInteraction:i,startAutoPlay:h,stopAutoPlay:m}=j.useSwiperWithAutoPlay(3e3),t=y.useCallback(n=>{i(),o(n)},[i,o]);return e.jsxs("div",{className:P.cn(a.root,u),children:[s&&e.jsx("div",{className:a.labelWrap,children:e.jsx(x.Label,{color:"black",size:"sm",children:s})}),e.jsx(d.Swiper,{onSwiper:p,onResize:g,onSlideChange:S,onTouchStart:i,onTouchEnd:i,modules:b,spaceBetween:0,slidesPerView:1,className:a.swiper,children:r.map((n,c)=>e.jsxs(d.SwiperSlide,{children:[n.mediaType==="image"&&e.jsx("div",{className:a.imageWrapper,children:e.jsx("img",{src:n.url,alt:"product image",className:a.image,onClick:i})}),n.mediaType==="video"&&e.jsx(v.VideoSlide,{item:n,isActive:l===c,onClick:i,startAutoPlay:h,stopAutoPlay:m})]},c))}),e.jsx(_.ImageGalleryPagination,{items:r,activeIndex:l,onSelect:t}),e.jsx(w.GalleryPagination,{count:r.length,activeIndex:l,onSelect:t})]})};exports.AdvancedGallery=G;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("react"),m=require("swiper/modules"),d=require("swiper/react"),q=require("../../utils/useSwiper/useSwiper.cjs.js"),y=require("../../utils/cn/cn.cjs.js");;/* empty css                                        */;/* empty css                                                    */;/* empty css                                                    */const j=require("../GalleryPagination/GalleryPagination.cjs.js"),r=require("../../src/components/AdvancedGallery/advancedGallery.module.css"),w=require("../Label/Label.cjs.js"),x=require("./components/VideoSlide/VideoSlide.cjs.js"),v=require("./components/ImageGalleryPagination/ImageGalleryPagination.cjs.js"),P=[m.Navigation],_=({items:a,label:s,className:u})=>{const{activeIndex:l,handleSlideTo:o,handleSlideChange:S,onSwiperInit:p,handleSwiperResize:g,handleUserInteraction:i}=q.useSwiperWithAutoPlay(5e3),c=h.useCallback(n=>{i(),o(n)},[i,o]);return e.jsxs("div",{className:y.cn(r.root,u),children:[s&&e.jsx("div",{className:r.labelWrap,children:e.jsx(w.Label,{color:"black",size:"sm",children:s})}),e.jsx(d.Swiper,{onSwiper:p,onResize:g,onSlideChange:S,onTouchStart:i,onTouchEnd:i,modules:P,spaceBetween:0,slidesPerView:1,className:r.swiper,children:a.map((n,t)=>e.jsxs(d.SwiperSlide,{children:[n.mediaType==="image"&&e.jsx("div",{className:r.imageWrapper,children:e.jsx("img",{src:n.url,alt:"product image",className:r.image,onClick:i})}),n.mediaType==="video"&&e.jsx(x.VideoSlide,{item:n,isActive:l===t,onClick:i})]},t))}),e.jsx(v.ImageGalleryPagination,{items:a,activeIndex:l,onSelect:c}),e.jsx(j.GalleryPagination,{count:a.length,activeIndex:l,onSelect:c})]})};exports.AdvancedGallery=_;

package/dist/components/AdvancedGallery/AdvancedGallery.es.js

@@ -1,75 +1,57 @@
 "use client";
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import { useCallback as f } from "react";
-import { Navigation as w } from "swiper/modules";
-import { Swiper as y, SwiperSlide as v } from "swiper/react";
-import { useSwiperWithAutoPlay as P } from "../../utils/useSwiper/useSwiper.es.js";
-import { cn as N } from "../../utils/cn/cn.es.js";
+import { useCallback as g } from "react";
+import { Navigation as f } from "swiper/modules";
+import { Swiper as u, SwiperSlide as w } from "swiper/react";
+import { useSwiperWithAutoPlay as v } from "../../utils/useSwiper/useSwiper.es.js";
+import { cn as y } from "../../utils/cn/cn.es.js";
 /* empty css                                      */
 /* empty css                                                  */
 /* empty css                                                  */
-import { GalleryPagination as A } from "../GalleryPagination/GalleryPagination.es.js";
+import { GalleryPagination as N } from "../GalleryPagination/GalleryPagination.es.js";
 import r from "../../components/AdvancedGallery/advancedGallery.module.css";
-import { Label as C } from "../Label/Label.es.js";
-import { VideoSlide as I } from "./components/VideoSlide/VideoSlide.es.js";
-import { ImageGalleryPagination as T } from "./components/ImageGalleryPagination/ImageGalleryPagination.es.js";
-const k = [w], O = ({ items: a, label: n, className: p }) => {
-  const {
-    activeIndex: l,
-    handleSlideTo: t,
-    handleSlideChange: d,
-    onSwiperInit: h,
-    handleSwiperResize: S,
-    handleUserInteraction: o,
-    startAutoPlay: g,
-    stopAutoPlay: u
-  } = P(3e3), m = f(
-    (i) => {
-      o(), t(i);
+import { Label as P } from "../Label/Label.es.js";
+import { VideoSlide as C } from "./components/VideoSlide/VideoSlide.es.js";
+import { ImageGalleryPagination as I } from "./components/ImageGalleryPagination/ImageGalleryPagination.es.js";
+const T = [f], D = ({ items: a, label: n, className: p }) => {
+  const { activeIndex: l, handleSlideTo: t, handleSlideChange: d, onSwiperInit: h, handleSwiperResize: S, handleUserInteraction: i } = v(5e3), m = g(
+    (o) => {
+      i(), t(o);
     },
-    [o, t]
+    [i, t]
   );
-  return /* @__PURE__ */ s("div", { className: N(r.root, p), children: [
-    n && /* @__PURE__ */ e("div", { className: r.labelWrap, children: /* @__PURE__ */ e(C, { color: "black", size: "sm", children: n }) }),
+  return /* @__PURE__ */ s("div", { className: y(r.root, p), children: [
+    n && /* @__PURE__ */ e("div", { className: r.labelWrap, children: /* @__PURE__ */ e(P, { color: "black", size: "sm", children: n }) }),
     /* @__PURE__ */ e(
-      y,
+      u,
       {
         onSwiper: h,
         onResize: S,
         onSlideChange: d,
-        onTouchStart: o,
-        onTouchEnd: o,
-        modules: k,
+        onTouchStart: i,
+        onTouchEnd: i,
+        modules: T,
         spaceBetween: 0,
         slidesPerView: 1,
         className: r.swiper,
-        children: a.map((i, c) => /* @__PURE__ */ s(v, { children: [
-          i.mediaType === "image" && /* @__PURE__ */ e("div", { className: r.imageWrapper, children: /* @__PURE__ */ e(
+        children: a.map((o, c) => /* @__PURE__ */ s(w, { children: [
+          o.mediaType === "image" && /* @__PURE__ */ e("div", { className: r.imageWrapper, children: /* @__PURE__ */ e(
             "img",
             {
-              src: i.url,
+              src: o.url,
               alt: "product image",
               className: r.image,
-              onClick: o
+              onClick: i
             }
           ) }),
-          i.mediaType === "video" && /* @__PURE__ */ e(
-            I,
-            {
-              item: i,
-              isActive: l === c,
-              onClick: o,
-              startAutoPlay: g,
-              stopAutoPlay: u
-            }
-          )
+          o.mediaType === "video" && /* @__PURE__ */ e(C, { item: o, isActive: l === c, onClick: i })
         ] }, c))
       }
     ),
-    /* @__PURE__ */ e(T, { items: a, activeIndex: l, onSelect: m }),
-    /* @__PURE__ */ e(A, { count: a.length, activeIndex: l, onSelect: m })
+    /* @__PURE__ */ e(I, { items: a, activeIndex: l, onSelect: m }),
+    /* @__PURE__ */ e(N, { count: a.length, activeIndex: l, onSelect: m })
   ] });
 };
 export {
-  O as AdvancedGallery
+  D as AdvancedGallery
 };

package/dist/components/AdvancedGallery/components/VideoSlide/VideoSlide.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),t=require("react"),y=require("../../../../utils/cn/cn.cjs.js"),r=require("../../../../src/components/AdvancedGallery/components/VideoSlide/videoSlide.module.css"),I=require("../../../Icon/Icon.cjs.js"),N=require("../../../Icon/constants.cjs.js"),q=require("../../../AudioButton/AudioButton.cjs.js"),R=({item:c,isActive:a,onClick:d,startAutoPlay:l,stopAutoPlay:o})=>{const[i,u]=t.useState(!1),[p,f]=t.useState(!0),e=t.useRef(null),v=t.useRef(null);t.useEffect(()=>{const n=e.current;if(!n)return;const m=()=>{u(!1),l()};return a?(n.muted=!0,f(!0),n.play().then(()=>{u(!0),o()})):(n.pause(),n.currentTime=0,u(!1)),n.addEventListener("ended",m),()=>{n.removeEventListener("ended",m)}},[a,l,o]);const x=t.useCallback(n=>{n.stopPropagation(),e.current&&(e.current.play(),u(!0),o()),d()},[d,o]),h=t.useCallback(n=>{n.stopPropagation(),e.current&&(e.current.muted=!e.current.muted,f(e.current.muted))},[]),j=t.useCallback(()=>{e.current&&c.videoType==="complex"&&(i?(e.current.pause(),u(!1),l()):(e.current.play(),u(!0),o())),d()},[c.videoType,i,d,l,o]);return s.jsx("div",{className:r.root,ref:v,onClick:j,children:s.jsxs("div",{className:r.videoContainer,children:[s.jsx("video",{ref:e,src:c.url,playsInline:!0,autoPlay:!0,muted:!0,controls:!1,poster:c.preview,className:y.cn(r.video,!i&&r.mediaHidden)}),c.videoType==="complex"&&!i&&s.jsx("div",{className:r.playButton,children:s.jsx("button",{className:r.customPlayButton,onClick:x,children:s.jsx(I.Icon,{className:r.icon,name:N.EIconName.ALT_PLAY})})}),c.videoType==="complex"&&i&&s.jsx("div",{className:r.audioButton,children:s.jsx(q.AudioButton,{isMuted:p,onClick:h})})]})})};exports.VideoSlide=R;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),s=require("react"),x=require("../../../../utils/cn/cn.cjs.js"),r=require("../../../../src/components/AdvancedGallery/components/VideoSlide/videoSlide.module.css"),h=require("../../../Icon/Icon.cjs.js"),j=require("../../../Icon/constants.cjs.js"),P=require("../../../AudioButton/AudioButton.cjs.js"),I=({item:o,isActive:l,onClick:a})=>{const[c,u]=s.useState(!1),[p,i]=s.useState(!0),e=s.useRef(null),f=s.useRef(null);s.useEffect(()=>{const t=e.current;if(!t)return;const d=()=>{u(!1)};return l?(t.muted=!0,i(!0),t.play().then(()=>{u(!0)})):(t.pause(),t.currentTime=0,u(!1)),t.addEventListener("ended",d),()=>{t.removeEventListener("ended",d)}},[l]);const m=s.useCallback(t=>{t.stopPropagation(),e.current&&(e.current.play(),u(!0)),a()},[a]),v=s.useCallback(t=>{t.stopPropagation(),e.current&&(e.current.muted=!e.current.muted,i(e.current.muted))},[]),y=s.useCallback(()=>{e.current&&o.videoType==="complex"&&(c?(e.current.pause(),u(!1)):(e.current.play(),u(!0))),a()},[o.videoType,c,a]);return n.jsx("div",{className:r.root,ref:f,onClick:y,children:n.jsxs("div",{className:r.videoContainer,children:[n.jsx("video",{ref:e,src:o.url,playsInline:!0,autoPlay:!0,muted:!0,controls:!1,poster:o.preview,className:x.cn(r.video,!c&&r.mediaHidden)}),o.videoType==="complex"&&!c&&n.jsx("div",{className:r.playButton,children:n.jsx("button",{className:r.customPlayButton,onClick:m,children:n.jsx(h.Icon,{className:r.icon,name:j.EIconName.ALT_PLAY})})}),o.videoType==="complex"&&c&&n.jsx("div",{className:r.audioButton,children:n.jsx(P.AudioButton,{isMuted:p,onClick:v})})]})})};exports.VideoSlide=I;

package/dist/components/AdvancedGallery/components/VideoSlide/VideoSlide.d.ts

@@ -6,8 +6,6 @@ type VideoSlideProps = {
     };
     isActive: boolean;
     onClick: () => void;
-    startAutoPlay: () => void;
-    stopAutoPlay: () => void;
 };
-export declare const VideoSlide: ({ item, isActive, onClick, startAutoPlay, stopAutoPlay }: VideoSlideProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VideoSlide: ({ item, isActive, onClick }: VideoSlideProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/AdvancedGallery/components/VideoSlide/VideoSlide.es.js

@@ -1,53 +1,53 @@
 "use client";
-import { jsx as t, jsxs as E } from "react/jsx-runtime";
-import { useState as p, useRef as v, useEffect as I, useCallback as l } from "react";
-import { cn as g } from "../../../../utils/cn/cn.es.js";
-import n from "../../../../components/AdvancedGallery/components/VideoSlide/videoSlide.module.css";
-import { Icon as B } from "../../../Icon/Icon.es.js";
-import { EIconName as L } from "../../../Icon/constants.es.js";
-import { AudioButton as R } from "../../../AudioButton/AudioButton.es.js";
-const w = ({ item: o, isActive: a, onClick: d, startAutoPlay: u, stopAutoPlay: s }) => {
-  const [i, c] = p(!1), [h, m] = p(!0), e = v(null), N = v(null);
-  I(() => {
-    const r = e.current;
-    if (!r) return;
-    const f = () => {
-      c(!1), u();
+import { jsx as o, jsxs as P } from "react/jsx-runtime";
+import { useState as m, useRef as p, useEffect as x, useCallback as l } from "react";
+import { cn as T } from "../../../../utils/cn/cn.es.js";
+import r from "../../../../components/AdvancedGallery/components/VideoSlide/videoSlide.module.css";
+import { Icon as E } from "../../../Icon/Icon.es.js";
+import { EIconName as I } from "../../../Icon/constants.es.js";
+import { AudioButton as g } from "../../../AudioButton/AudioButton.es.js";
+const k = ({ item: n, isActive: c, onClick: u }) => {
+  const [a, s] = m(!1), [f, i] = m(!0), e = p(null), v = p(null);
+  x(() => {
+    const t = e.current;
+    if (!t) return;
+    const d = () => {
+      s(!1);
     };
-    return a ? (r.muted = !0, m(!0), r.play().then(() => {
-      c(!0), s();
-    })) : (r.pause(), r.currentTime = 0, c(!1)), r.addEventListener("ended", f), () => {
-      r.removeEventListener("ended", f);
+    return c ? (t.muted = !0, i(!0), t.play().then(() => {
+      s(!0);
+    })) : (t.pause(), t.currentTime = 0, s(!1)), t.addEventListener("ended", d), () => {
+      t.removeEventListener("ended", d);
     };
-  }, [a, u, s]);
+  }, [c]);
   const y = l(
-    (r) => {
-      r.stopPropagation(), e.current && (e.current.play(), c(!0), s()), d();
+    (t) => {
+      t.stopPropagation(), e.current && (e.current.play(), s(!0)), u();
     },
-    [d, s]
-  ), x = l((r) => {
-    r.stopPropagation(), e.current && (e.current.muted = !e.current.muted, m(e.current.muted));
-  }, []), T = l(() => {
-    e.current && o.videoType === "complex" && (i ? (e.current.pause(), c(!1), u()) : (e.current.play(), c(!0), s())), d();
-  }, [o.videoType, i, d, u, s]);
-  return /* @__PURE__ */ t("div", { className: n.root, ref: N, onClick: T, children: /* @__PURE__ */ E("div", { className: n.videoContainer, children: [
-    /* @__PURE__ */ t(
+    [u]
+  ), h = l((t) => {
+    t.stopPropagation(), e.current && (e.current.muted = !e.current.muted, i(e.current.muted));
+  }, []), N = l(() => {
+    e.current && n.videoType === "complex" && (a ? (e.current.pause(), s(!1)) : (e.current.play(), s(!0))), u();
+  }, [n.videoType, a, u]);
+  return /* @__PURE__ */ o("div", { className: r.root, ref: v, onClick: N, children: /* @__PURE__ */ P("div", { className: r.videoContainer, children: [
+    /* @__PURE__ */ o(
       "video",
       {
         ref: e,
-        src: o.url,
+        src: n.url,
         playsInline: !0,
         autoPlay: !0,
         muted: !0,
         controls: !1,
-        poster: o.preview,
-        className: g(n.video, !i && n.mediaHidden)
+        poster: n.preview,
+        className: T(r.video, !a && r.mediaHidden)
       }
     ),
-    o.videoType === "complex" && !i && /* @__PURE__ */ t("div", { className: n.playButton, children: /* @__PURE__ */ t("button", { className: n.customPlayButton, onClick: y, children: /* @__PURE__ */ t(B, { className: n.icon, name: L.ALT_PLAY }) }) }),
-    o.videoType === "complex" && i && /* @__PURE__ */ t("div", { className: n.audioButton, children: /* @__PURE__ */ t(R, { isMuted: h, onClick: x }) })
+    n.videoType === "complex" && !a && /* @__PURE__ */ o("div", { className: r.playButton, children: /* @__PURE__ */ o("button", { className: r.customPlayButton, onClick: y, children: /* @__PURE__ */ o(E, { className: r.icon, name: I.ALT_PLAY }) }) }),
+    n.videoType === "complex" && a && /* @__PURE__ */ o("div", { className: r.audioButton, children: /* @__PURE__ */ o(g, { isMuted: f, onClick: h }) })
   ] }) });
 };
 export {
-  w as VideoSlide
+  k as VideoSlide
 };

package/dist/modules/StillHaveQuestions/constants.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e={StillHaveQuestions:{title:t.jsxs(t.Fragment,{children:["Still have ",t.jsx("b",{children:"questions?"})]}),button:{text:"Contact Us",link:"https://www.gethealthspan.com/contact-us"},image:"https://methodical-vitality-96814f361f.media.strapiapp.com/still_Have_Questions_e6cfc3cba3.jpg",titleHighlight:"light",description:"",buttonColor:"secondary",colorScheme:"light"},JoinOurTeam:{title:t.jsxs(t.Fragment,{children:["Have a passion for ",t.jsx("b",{children:"longevity science?"})]}),button:{text:"Join Our Team",link:"https://careers.gethealthspan.com/"},image:"https://methodical-vitality-96814f361f.media.strapiapp.com/join_Our_Team_32a787012e.jpg",titleHighlight:"light",description:"",buttonColor:"secondary",colorScheme:"light"}};exports.LEGACY_CONFIG=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e={StillHaveQuestions:{title:t.jsxs(t.Fragment,{children:["Still have ",t.jsx("b",{children:"questions?"})]}),button:{text:"Contact Us",link:"https://www.gethealthspan.com/contact-us"},image:"https://methodical-vitality-96814f361f.media.strapiapp.com/still_Have_Questions_e6cfc3cba3.jpg",titleHighlight:"dark",description:"",buttonColor:"secondary",colorScheme:"light"},JoinOurTeam:{title:t.jsxs(t.Fragment,{children:["Have a passion for ",t.jsx("b",{children:"longevity science?"})]}),button:{text:"Join Our Team",link:"https://careers.gethealthspan.com/"},image:"https://methodical-vitality-96814f361f.media.strapiapp.com/join_Our_Team_32a787012e.jpg",titleHighlight:"light",description:"",buttonColor:"secondary",colorScheme:"light"}};exports.LEGACY_CONFIG=e;

package/dist/modules/StillHaveQuestions/constants.es.js

@@ -10,7 +10,7 @@ const a = {
       link: "https://www.gethealthspan.com/contact-us"
     },
     image: "https://methodical-vitality-96814f361f.media.strapiapp.com/still_Have_Questions_e6cfc3cba3.jpg",
-    titleHighlight: "light",
+    titleHighlight: "dark",
     description: "",
     buttonColor: "secondary",
     colorScheme: "light"

package/package.json

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