@zenpatient-org/healthspan-marketing-ui 0.2.48 → 0.2.49

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/dist/components/AdvancedGallery/AdvancedGallery.cjs.js +1 -0
  2. package/dist/components/AdvancedGallery/AdvancedGallery.d.ts +7 -0
  3. package/dist/components/AdvancedGallery/AdvancedGallery.es.js +75 -0
  4. package/dist/components/AdvancedGallery/advancedGallery.module.css +64 -0
  5. package/dist/components/AdvancedGallery/components/ImageGalleryPagination/ImageGalleryPagination.cjs.js +1 -0
  6. package/dist/components/AdvancedGallery/components/ImageGalleryPagination/ImageGalleryPagination.d.ts +9 -0
  7. package/dist/components/AdvancedGallery/components/ImageGalleryPagination/ImageGalleryPagination.es.js +28 -0
  8. package/dist/components/AdvancedGallery/components/ImageGalleryPagination/imageGalleryPagination.module.css +58 -0
  9. package/dist/components/AdvancedGallery/components/ImageGalleryPagination/index.d.ts +1 -0
  10. package/dist/components/AdvancedGallery/components/VideoSlide/VideoSlide.cjs.js +1 -0
  11. package/dist/components/AdvancedGallery/components/VideoSlide/VideoSlide.d.ts +13 -0
  12. package/dist/components/AdvancedGallery/components/VideoSlide/VideoSlide.es.js +53 -0
  13. package/dist/components/AdvancedGallery/components/VideoSlide/videoSlide.module.css +49 -0
  14. package/dist/components/AdvancedGallery/components/index.d.ts +1 -0
  15. package/dist/components/AdvancedGallery/index.d.ts +2 -0
  16. package/dist/components/AdvancedGallery/types.d.ts +14 -0
  17. package/dist/components/AudioButton/AudioButton.cjs.js +1 -0
  18. package/dist/components/AudioButton/AudioButton.d.ts +7 -0
  19. package/dist/components/AudioButton/AudioButton.es.js +10 -0
  20. package/dist/components/AudioButton/audioButton.module.css +37 -0
  21. package/dist/components/AudioButton/index.d.ts +1 -0
  22. package/dist/components/Icon/constants.cjs.js +1 -1
  23. package/dist/components/Icon/constants.d.ts +3 -0
  24. package/dist/components/Icon/constants.es.js +4 -1
  25. package/dist/components/Icon/iconsMap.cjs.js +1 -1
  26. package/dist/components/Icon/iconsMap.es.js +150 -144
  27. package/dist/icons/action/alt-play.svg +3 -0
  28. package/dist/icons/action/alt-play.svg.cjs.js +1 -0
  29. package/dist/icons/action/alt-play.svg.es.js +5 -0
  30. package/dist/icons/action/audio.svg +15 -0
  31. package/dist/icons/action/audio.svg.cjs.js +7 -0
  32. package/dist/icons/action/audio.svg.es.js +11 -0
  33. package/dist/icons/action/mute.svg +16 -0
  34. package/dist/icons/action/mute.svg.cjs.js +7 -0
  35. package/dist/icons/action/mute.svg.es.js +11 -0
  36. package/dist/lib/useSwiper.d.ts +1 -0
  37. package/dist/modules/IndividualProductCardV2/IndividualProductCardV2.cjs.js +1 -1
  38. package/dist/modules/IndividualProductCardV2/IndividualProductCardV2.es.js +44 -42
  39. package/dist/modules/IndividualProductCardV2/types.d.ts +2 -0
  40. package/dist/utils/useSwiper/useSwiper.cjs.js +1 -1
  41. package/dist/utils/useSwiper/useSwiper.es.js +49 -48
  42. package/package.json +6 -1
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),h=()=>{const[n,s]=e.useState(null),[u,r]=e.useState(0),[a,l]=e.useState(!0),[f,c]=e.useState(!1),[d,o]=e.useState(!1),i=e.useCallback(t=>{r(t.activeIndex),c(t.isEnd),l(t.isBeginning)},[]),b=e.useCallback(()=>{n&&(n.slidePrev(),i(n))},[n,i]),v=e.useCallback(()=>{n&&(n.slideNext(),i(n))},[n,i]),S=e.useCallback(t=>{n&&(n.slideTo(t),i(n))},[n,i]),g=t=>{s(t),o(t==null?void 0:t.isLocked),i(t)},k=e.useCallback(t=>{c(t.isEnd),o(t==null?void 0:t.isLocked),i(t)},[i]),C=e.useCallback(()=>{c(!0),l(!1)},[]),E=e.useCallback(()=>{l(!0),c(!1)},[]);return{swiper:n,setSwiper:s,activeIndex:u,setActiveIndex:r,isEnd:f,setIsEnd:c,hideNav:d,handleSlideChange:i,handlePrevClick:b,handleNextClick:v,handleSlideTo:S,onSwiperInit:g,handleSwiperResize:k,isBeginning:a,setIsBeginning:l,handleReachEnd:C,handleReachBeginning:E}},y=(n=3e3)=>{const s=h(),[u,r]=e.useState(!0),a=e.useRef(null),l=e.useCallback(()=>{r(!1),a.current&&(clearInterval(a.current),a.current=null)},[]),f=e.useCallback(()=>{r(!0)},[]),c=e.useCallback(()=>{l()},[l]);return e.useEffect(()=>{if(!(!u||!s.swiper||s.swiper.slides.length<=1))return a.current=setInterval(()=>{s.swiper&&(s.isEnd?s.swiper.slideTo(0):s.swiper.slideNext())},n),()=>{a.current&&(clearInterval(a.current),a.current=null)}},[u,s.swiper,s.isEnd,n]),e.useEffect(()=>{const d=()=>l(),o=()=>{document.hidden&&l()};return window.addEventListener("beforeunload",d),document.addEventListener("visibilitychange",o),()=>{window.removeEventListener("beforeunload",d),document.removeEventListener("visibilitychange",o)}},[l]),{...s,isAutoPlay:u,stopAutoPlay:l,startAutoPlay:f,handleUserInteraction:c}};exports.useSwiper=h;exports.useSwiperWithAutoPlay=y;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),S=()=>{const[n,s]=t.useState(null),[u,o]=t.useState(0),[c,l]=t.useState(!0),[f,i]=t.useState(!1),[r,d]=t.useState(!1),[b,h]=t.useState(!1),a=t.useCallback(e=>{o(e.activeIndex),i(e.isEnd),l(e.isBeginning)},[]),k=t.useCallback(()=>{n&&(n.slidePrev(),a(n))},[n,a]),v=t.useCallback(()=>{n&&(n.slideNext(),a(n))},[n,a]),g=t.useCallback(e=>{n&&(n.slideTo(e),a(n))},[n,a]),C=e=>{s(e),d(e==null?void 0:e.isLocked),h(e==null?void 0:e.isLocked),a(e)},E=t.useCallback(e=>{i(e.isEnd),d(e==null?void 0:e.isLocked),h(e==null?void 0:e.isLocked),a(e)},[a]),y=t.useCallback(()=>{i(!0),l(!1)},[]),L=t.useCallback(()=>{l(!0),i(!1)},[]);return{swiper:n,setSwiper:s,activeIndex:u,setActiveIndex:o,isEnd:f,setIsEnd:i,hideNav:r,handleSlideChange:a,handlePrevClick:k,handleNextClick:v,handleSlideTo:g,onSwiperInit:C,handleSwiperResize:E,isBeginning:c,isLocked:b,setIsBeginning:l,handleReachEnd:y,handleReachBeginning:L}},I=(n=3e3)=>{const s=S(),[u,o]=t.useState(!0),c=t.useRef(null),l=t.useCallback(()=>{o(!1),c.current&&(clearInterval(c.current),c.current=null)},[]),f=t.useCallback(()=>{o(!0)},[]),i=t.useCallback(()=>{l()},[l]);return t.useEffect(()=>{if(!(!u||!s.swiper||s.swiper.slides.length<=1))return c.current=setInterval(()=>{s.swiper&&(s.isEnd?s.swiper.slideTo(0):s.swiper.slideNext())},n),()=>{c.current&&(clearInterval(c.current),c.current=null)}},[u,s.swiper,s.isEnd,n]),t.useEffect(()=>{const r=()=>l(),d=()=>{document.hidden&&l()};return window.addEventListener("beforeunload",r),document.addEventListener("visibilitychange",d),()=>{window.removeEventListener("beforeunload",r),document.removeEventListener("visibilitychange",d)}},[l]),{...s,isAutoPlay:u,stopAutoPlay:l,startAutoPlay:f,handleUserInteraction:i}};exports.useSwiper=S;exports.useSwiperWithAutoPlay=I;
@@ -1,78 +1,79 @@
1
- import { useState as c, useCallback as r, useRef as y, useEffect as v } from "react";
1
+ import { useState as d, useCallback as o, useRef as y, useEffect as g } from "react";
2
2
  const A = () => {
3
- const [n, t] = c(null), [d, a] = c(0), [l, i] = c(!0), [h, o] = c(!1), [f, u] = c(!1), s = r((e) => {
4
- a(e.activeIndex), o(e.isEnd), i(e.isBeginning);
5
- }, []), g = r(() => {
6
- n && (n.slidePrev(), s(n));
7
- }, [n, s]), E = r(() => {
8
- n && (n.slideNext(), s(n));
9
- }, [n, s]), S = r(
3
+ const [n, t] = d(null), [r, a] = d(0), [c, s] = d(!0), [h, l] = d(!1), [f, u] = d(!1), [E, v] = d(!1), i = o((e) => {
4
+ a(e.activeIndex), l(e.isEnd), s(e.isBeginning);
5
+ }, []), L = o(() => {
6
+ n && (n.slidePrev(), i(n));
7
+ }, [n, i]), k = o(() => {
8
+ n && (n.slideNext(), i(n));
9
+ }, [n, i]), I = o(
10
10
  (e) => {
11
- n && (n.slideTo(e), s(n));
11
+ n && (n.slideTo(e), i(n));
12
12
  },
13
- [n, s]
14
- ), m = (e) => {
15
- t(e), u(e == null ? void 0 : e.isLocked), s(e);
16
- }, I = r(
13
+ [n, i]
14
+ ), S = (e) => {
15
+ t(e), u(e == null ? void 0 : e.isLocked), v(e == null ? void 0 : e.isLocked), i(e);
16
+ }, m = o(
17
17
  (e) => {
18
- o(e.isEnd), u(e == null ? void 0 : e.isLocked), s(e);
18
+ l(e.isEnd), u(e == null ? void 0 : e.isLocked), v(e == null ? void 0 : e.isLocked), i(e);
19
19
  },
20
- [s]
21
- ), b = r(() => {
22
- o(!0), i(!1);
23
- }, []), x = r(() => {
24
- i(!0), o(!1);
20
+ [i]
21
+ ), b = o(() => {
22
+ l(!0), s(!1);
23
+ }, []), x = o(() => {
24
+ s(!0), l(!1);
25
25
  }, []);
26
26
  return {
27
27
  swiper: n,
28
28
  setSwiper: t,
29
- activeIndex: d,
29
+ activeIndex: r,
30
30
  setActiveIndex: a,
31
31
  isEnd: h,
32
- setIsEnd: o,
32
+ setIsEnd: l,
33
33
  hideNav: f,
34
- handleSlideChange: s,
35
- handlePrevClick: g,
36
- handleNextClick: E,
37
- handleSlideTo: S,
38
- onSwiperInit: m,
39
- handleSwiperResize: I,
40
- isBeginning: l,
41
- setIsBeginning: i,
34
+ handleSlideChange: i,
35
+ handlePrevClick: L,
36
+ handleNextClick: k,
37
+ handleSlideTo: I,
38
+ onSwiperInit: S,
39
+ handleSwiperResize: m,
40
+ isBeginning: c,
41
+ isLocked: E,
42
+ setIsBeginning: s,
42
43
  handleReachEnd: b,
43
44
  handleReachBeginning: x
44
45
  };
45
- }, P = (n = 3e3) => {
46
- const t = A(), [d, a] = c(!0), l = y(null), i = r(() => {
47
- a(!1), l.current && (clearInterval(l.current), l.current = null);
48
- }, []), h = r(() => {
46
+ }, B = (n = 3e3) => {
47
+ const t = A(), [r, a] = d(!0), c = y(null), s = o(() => {
48
+ a(!1), c.current && (clearInterval(c.current), c.current = null);
49
+ }, []), h = o(() => {
49
50
  a(!0);
50
- }, []), o = r(() => {
51
- i();
52
- }, [i]);
53
- return v(() => {
54
- if (!(!d || !t.swiper || t.swiper.slides.length <= 1))
55
- return l.current = setInterval(() => {
51
+ }, []), l = o(() => {
52
+ s();
53
+ }, [s]);
54
+ return g(() => {
55
+ if (!(!r || !t.swiper || t.swiper.slides.length <= 1))
56
+ return c.current = setInterval(() => {
56
57
  t.swiper && (t.isEnd ? t.swiper.slideTo(0) : t.swiper.slideNext());
57
58
  }, n), () => {
58
- l.current && (clearInterval(l.current), l.current = null);
59
+ c.current && (clearInterval(c.current), c.current = null);
59
60
  };
60
- }, [d, t.swiper, t.isEnd, n]), v(() => {
61
- const f = () => i(), u = () => {
62
- document.hidden && i();
61
+ }, [r, t.swiper, t.isEnd, n]), g(() => {
62
+ const f = () => s(), u = () => {
63
+ document.hidden && s();
63
64
  };
64
65
  return window.addEventListener("beforeunload", f), document.addEventListener("visibilitychange", u), () => {
65
66
  window.removeEventListener("beforeunload", f), document.removeEventListener("visibilitychange", u);
66
67
  };
67
- }, [i]), {
68
+ }, [s]), {
68
69
  ...t,
69
- isAutoPlay: d,
70
- stopAutoPlay: i,
70
+ isAutoPlay: r,
71
+ stopAutoPlay: s,
71
72
  startAutoPlay: h,
72
- handleUserInteraction: o
73
+ handleUserInteraction: l
73
74
  };
74
75
  };
75
76
  export {
76
77
  A as useSwiper,
77
- P as useSwiperWithAutoPlay
78
+ B as useSwiperWithAutoPlay
78
79
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zenpatient-org/healthspan-marketing-ui",
3
- "version": "0.2.48",
3
+ "version": "0.2.49",
4
4
  "description": "Design system",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.es.js",
@@ -261,6 +261,11 @@
261
261
  "import": "./dist/components/Accordion/Accordion.es.js",
262
262
  "require": "./dist/components/Accordion/Accordion.cjs.js"
263
263
  },
264
+ "./AdvancedGallery": {
265
+ "types": "./dist/components/AdvancedGallery/AdvancedGallery.d.ts",
266
+ "import": "./dist/components/AdvancedGallery/AdvancedGallery.es.js",
267
+ "require": "./dist/components/AdvancedGallery/AdvancedGallery.cjs.js"
268
+ },
264
269
  "./FAQComponent": {
265
270
  "types": "./dist/components/FAQComponent/FAQComponent.d.ts",
266
271
  "import": "./dist/components/FAQComponent/FAQComponent.es.js",