stories-react - npm Package Compare versions

Comparing version 1.0.13 to 1.0.16

dist/index.d.ts

 /// <reference types="react" />
 import { IStoryProps } from './types';
-export default function Stories({ stories, width, height, onStoryChange, currentIndex, defaultDuration, onAllStoriesEnd, onStoriesStart, }: IStoryProps): JSX.Element | null;
+export default function Stories({ stories, width, height, onStoryChange, currentIndex, defaultDuration, onAllStoriesEnd, onStoriesStart, classNames, }: IStoryProps): JSX.Element | null;
 //# sourceMappingURL=index.d.ts.map

dist/index.esm.js

@@ -1,2 +0,2 @@
-import{jsxs as e,jsx as n}from"react/jsx-runtime";import{createContext as t,useState as r,useRef as o,Fragment as i,useEffect as u,useContext as s,useMemo as c}from"react";var l=function(){return l=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},l.apply(this,arguments)},d=t({stories:[],width:"100%",height:"100%",defaultDuration:1e4,isPaused:!1});Object.freeze({MOUSE_DOWN:"mouseDown",MOUSE_UP:"mouseUp",TOUCH_START:"touchStart",TOUCH_END:"touchEnd"});var a=Object.freeze({LEFT:"left",RIGHT:"right"}),v="Actions-styles_left__eky50",f="Actions-styles_right__zguoH";function y(t){var u=t.onNextClick,s=t.onPrevClick,c=t.onPause,d=t.onResume,y=r(!1),m=y[0],h=y[1],p=o(null);function _(e){e.stopPropagation(),e.preventDefault(),clearTimeout(p.current),p.current=setTimeout((function(){c(),h(!0)}),200)}function g(e,n){if(n.stopPropagation(),n.preventDefault(),clearTimeout(p.current),m)return d(),void h(!1);d(),e!=a.LEFT?u():s()}function w(e){return{onMouseUp:function(n){return g(e,n)},onTouchEnd:function(n){return g(e,n)},onTouchStart:function(e){return _(e)},onMouseDown:function(e){return _(e)}}}return e(i,{children:[n("div",l({className:v},w(a.LEFT)),void 0),n("div",l({className:f},w(a.RIGHT)),void 0)]},void 0)}function m(){return s(d)}var h="ProgressBar-styles_wrapper__oqUCo",p="ProgressBar-styles_bar__x0O50";function _(e){var t,i,s,c,d,a=m().defaultDuration,v=o(null),f=o(null),y=r(!1),_=y[0],g=y[1],w=0,x=.1;return u((function(){e.isPaused?g(!1):e.isActive?g(!0):g(!1)}),[e.isActive,e.isPaused]),u((function(){e.isActive&&v.current&&(v.current.style.width="0px")}),[e.isActive]),u((function(){var n;v.current&&(e.hasStoryPassed?v.current.style.width="".concat(null===(n=null==f?void 0:f.current)||void 0===n?void 0:n.offsetWidth,"px"):e.isActive||(v.current.style.width="0px"))}),[e.hasStoryPassed,e.isActive]),t=function(n){var t;v.current&&f.current&&((w=Number((v.current.style.width||"1px").slice(0,v.current.style.width.length-2))||0)>f.current.offsetWidth?g(!1):(x=(null===(t=null==f?void 0:f.current)||void 0===t?void 0:t.offsetWidth)/((e.story.duration||a)/n),v.current.style.width="".concat(w+x,"px")))},i=_,s=o(),c=o(),d=o(t),u((function(){d.current=t}),[t]),u((function(){return!1!==i?(s.current=requestAnimationFrame((function e(n){if(null!=c.current){var t=n-c.current;d.current(t)}c.current=n,s.current=requestAnimationFrame(e)})),function(){cancelAnimationFrame(s.current),s.current=null,c.current=null}):function(){s.current&&(s.current=null),cancelAnimationFrame(s.current),c.current=null}}),[i]),n("div",l({className:h,ref:f},{children:n("div",{className:p,ref:v},void 0)}),void 0)}var g="progress-styles_wrapper__qQPyW";function w(e){var t=m().stories;return n("div",l({className:g,style:{gridTemplateColumns:"repeat(".concat(t.length,",1fr)")}},{children:t.map((function(t){return n(_,{hasStoryPassed:t.index<e.activeStoryIndex,isActive:t.index===e.activeStoryIndex,story:t,isPaused:t.index===e.activeStoryIndex&&e.isPaused},t.index)}))}),void 0)}var x=Object.freeze({IMAGE:"image",VIDEO:"video",COMPONENT:"component"}),P="Story-styles_wrapper__oJP7j",M="Story-styles_header__-rnWL",S="Image-styles_image__gnfW1";function C(e){return u((function(){e.onPause()}),[]),n("img",{className:S,src:e.story.url,alt:"story",onLoad:function(){setTimeout((function(){e.onResume()}),4)}},void 0)}var N,T="Video-styles_video__BykuO",I="Video-styles_loaderWrapper__TqVWk",O="Video-styles_loader__FxxSV",A="Video-styles_soundIcon__ZvYXE";function D(e){return"off"===e.type?n("svg",l({xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"white"},{children:n("path",{d:"M3 9v6h-1v-6h1zm13-7l-9 5v2.288l7-3.889v13.202l-7-3.889v2.288l9 5v-20zm-11 5h-5v10h5v-10zm17.324 4.993l1.646-1.659-1.324-1.324-1.651 1.67-1.665-1.648-1.316 1.318 1.67 1.657-1.65 1.669 1.318 1.317 1.658-1.672 1.666 1.653 1.324-1.325-1.676-1.656z"},void 0)}),void 0):n("svg",l({xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"white"},{children:n("path",{d:"M22 0v24l-11-6v-2.278l9 4.909v-17.262l-9 4.91v-2.279l11-6zm-13 6v12h-7v-12h7zm-2 2h-3v8h3v-8z"},void 0)}),void 0)}var E="RSIsMute",b="undefined"==typeof window?{}:window;function k(t){var s,c=m().isPaused,d=r("true"===(null===(s=null==b?void 0:b.localStorage)||void 0===s?void 0:s.getItem(E))),a=d[0],v=d[1],f=r(!1),y=f[0],h=f[1],p=o(null);function _(e){var n;null===(n=null==b?void 0:b.localStorage)||void 0===n||n.setItem(E,String(e)),v(e)}return u((function(){t.onPause(),h(!0)}),[]),u((function(){p.current&&(!c||p.current.paused?p.current.play().catch((function(){var e;_(!0),null===(e=p.current)||void 0===e||e.play()})):p.current.pause())}),[c]),e(i,{children:[e("video",l({className:T,ref:p,playsInline:!0,"webkit-playsinline":"",controls:!1,src:t.story.url,onLoadedData:function(){setTimeout((function(){t.onResume(),h(!1)}),4)},muted:a},{children:[n("source",{src:t.story.url,type:"video/mp4"},void 0),n("source",{src:t.story.url,type:"video/webm"},void 0),n("source",{src:t.story.url,type:"video/ogg"},void 0),n("p",{children:"Video not supported"},void 0)]}),void 0),n("div",l({className:A,onClick:function(){return _(!a)}},{children:n(D,{type:a?"off":"on"},void 0)}),void 0),y&&n("div",l({className:I},{children:n("div",{className:O},void 0)}),void 0)]},void 0)}null===(N=null==b?void 0:b.localStorage)||void 0===N||N.setItem(E,"true");var W="CustomComponents-styles_component__w87Wx";function z(e){return n("div",l({className:W},{children:n(e.story.component,{pause:e.onPause,resume:e.onResume,story:e.story,isPaused:e.isPaused},void 0)}),void 0)}var R="SeeMore-styles_seeMoreWrapper__kwjif",F="SeeMore-styles_defaultSeeMore__-B1QW";function V(t){return t.story.seeMore?n("button",l({type:"button",onClick:function(){t.onSeeMoreClick()},className:R},{children:function(){var r=t.story.seeMore,o=typeof r;if(["string","boolean"].includes(o)){var i="string"===o?r:"See More";return e("div",l({className:F},{children:[n("span",{children:"^"},void 0),n("p",{children:i},void 0)]}),void 0)}return"function"===o?n(t.story.seeMore,{},void 0):t.story.seeMore}()}),void 0):null}var j="SeeMoreComponent-styles_seeMoreComponentWrapper__0T6Ap",U="SeeMoreComponent-styles_closeIcon__LMm3b";function L(t){return t.story.seeMore&&t.story.seeMoreComponent?e("div",l({className:j},{children:[n("button",l({className:U,onClick:t.onClose},{children:"✕"}),void 0),"function"==typeof t.story.seeMoreComponent?n(t.story.seeMoreComponent,{},void 0):t.story.seeMoreComponent]}),void 0):null}function B(t){var o=r(!1),i=o[0],s=o[1];return u((function(){s(!1)}),[t.story]),e("div",l({className:P},{children:[t.story.type===x.IMAGE?n(C,l({},t),void 0):t.story.type===x.VIDEO?n(k,l({},t),void 0):t.story.type===x.COMPONENT?n(z,l({},t),void 0):null,t.story.header&&n("div",l({className:M},{children:"function"==typeof t.story.header?n(t.story.header,{},void 0):t.story.header}),void 0),n(V,{onSeeMoreClick:function(){var e,n;t.onPause(),s(!0),null===(n=(e=t.story).onSeeMoreClick)||void 0===n||n.call(e,t.story.index)},story:t.story},void 0),i&&n(L,{story:t.story,onClose:function(){t.onResume(),s(!1)}},void 0)]}),void 0)}var q="styles_main__-0FEu";function H(e){return void 0===e&&(e=4),Number(Math.random().toFixed(e))}function G(t){var i,s,a,v,f,m,h,p=t.stories,_=void 0===p?[]:p,g=t.width,x=void 0===g?"100%":g,P=t.height,M=void 0===P?"100%":P,S=t.onStoryChange,C=void 0===S?function(){}:S,N=t.currentIndex,T=void 0===N?0:N,I=t.defaultDuration,O=void 0===I?1e4:I,A=t.onAllStoriesEnd,D=void 0===A?function(){}:A,E=t.onStoriesStart,b=void 0===E?function(){}:E,k=c((function(){return function(e,n){var t=0;return e.map((function(e,r){var o=e.duration||n,i=o+H();return i===t&&(i=o+H(6)),t=i,l(l({},e),{index:r,calculatedDuration:i})}))}(_,O)}),[_,O]),W=r(),z=W[0],R=W[1],F=_.length-1,V=r(!1),j=V[0],U=V[1],L=o(!1),G=o(!1);function Q(){L.current||(null==z?void 0:z.index)!==F||(D(),L.current=!0),(null==z?void 0:z.index)!==F&&R((function(e){if(!e)return k[0];var n=(null==e?void 0:e.index)+1;return k[n]}))}function J(){U(!0)}function X(){U(!1)}u((function(){G.current||(G.current=!0,b())}),[b]),u((function(){var e=k[T];e&&R(e)}),[T,_]),u((function(){z&&C(z.index)}),[z]),s=function(){Q()},a=null!==(i=null==z?void 0:z.calculatedDuration)&&void 0!==i?i:null,v=j,f=o(),m=o(a),h=o(Date.now()),u((function(){f.current=s}),[s]),u((function(){m.current=a}),[a]),u((function(){if(null!==a&&!1===v){h.current=Date.now();var e=setTimeout((function(){f.current()}),m.current);return function(){clearTimeout(e)}}return function(){}}),[a,v]),u((function(){v&&(m.current=m.current-(Date.now()-h.current))}),[v]);var Y={stories:k,width:x,height:M,defaultDuration:O,isPaused:j};return z?n(d.Provider,l({value:Y},{children:e("div",l({className:q,style:{width:x,height:M}},{children:[n(w,{activeStoryIndex:z.index,isPaused:j},void 0),n(B,{onPause:J,onResume:X,story:z,isPaused:j},z.index),n(y,{onNextClick:Q,onPrevClick:function(){0!==(null==z?void 0:z.index)&&R((function(e){if(!e)return k[0];var n=(null==e?void 0:e.index)-1;return k[n]}))},onPause:J,onResume:X},void 0)]}),void 0)}),void 0):null}export{G as default};
+import{jsxs as e,jsx as n}from"react/jsx-runtime";import{createContext as t,useState as o,useRef as r,Fragment as i,useEffect as u,useContext as s,useMemo as c}from"react";var l=function(){return l=Object.assign||function(e){for(var n,t=1,o=arguments.length;t<o;t++)for(var r in n=arguments[t])Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r]);return e},l.apply(this,arguments)},a=t({stories:[],width:"100%",height:"100%",defaultDuration:1e4,isPaused:!1});Object.freeze({MOUSE_DOWN:"mouseDown",MOUSE_UP:"mouseUp",TOUCH_START:"touchStart",TOUCH_END:"touchEnd"});var d=Object.freeze({LEFT:"left",RIGHT:"right"}),v="Actions-styles_left__eky50",f="Actions-styles_right__zguoH";function y(t){var u=t.onNextClick,s=t.onPrevClick,c=t.onPause,a=t.onResume,y=o(!1),m=y[0],h=y[1],p=r(null);function _(e){e.stopPropagation(),e.preventDefault(),clearTimeout(p.current),p.current=setTimeout((function(){c(),h(!0)}),200)}function g(e,n){if(n.stopPropagation(),n.preventDefault(),clearTimeout(p.current),m)return a(),void h(!1);a(),e!=d.LEFT?u():s()}function w(e){return{onMouseUp:function(n){return g(e,n)},onTouchEnd:function(n){return g(e,n)},onTouchStart:function(e){return _(e)},onMouseDown:function(e){return _(e)}}}return e(i,{children:[n("div",l({className:v},w(d.LEFT)),void 0),n("div",l({className:f},w(d.RIGHT)),void 0)]},void 0)}function m(){return s(a)}var h="ProgressBar-styles_wrapper__oqUCo",p="ProgressBar-styles_bar__x0O50",_=0,g=.1;function w(e){var t,i,s,c,a,d=m(),v=d.defaultDuration,f=d.classNames,y=r(null),w=r(null),x=o(!1),P=x[0],M=x[1];return u((function(){!e.isPaused&&e.isActive&&e.isActive?M(!0):M(!1)}),[e.isActive,e.isPaused]),u((function(){var n;y.current&&(e.hasStoryPassed?y.current.style.width="".concat(null===(n=null==w?void 0:w.current)||void 0===n?void 0:n.offsetWidth,"px"):y.current.style.width="0px")}),[e.hasStoryPassed,e.isActive]),t=function(n){var t;y.current&&w.current&&((_=Number((y.current.style.width||"1px").slice(0,y.current.style.width.length-2))||0)>w.current.offsetWidth?M(!1):(g=(null===(t=null==w?void 0:w.current)||void 0===t?void 0:t.offsetWidth)/((e.story.duration||v)/n),y.current.style.width="".concat(_+g,"px")))},i=P,s=r(),c=r(),a=r(t),u((function(){a.current=t}),[t]),u((function(){return!1!==i?(s.current=requestAnimationFrame((function e(n){if(null!=c.current){var t=n-c.current;a.current(t)}c.current=n,s.current=requestAnimationFrame(e)})),function(){cancelAnimationFrame(s.current),s.current=null,c.current=null}):function(){s.current&&(s.current=null),cancelAnimationFrame(s.current),c.current=null}}),[i]),n("div",l({className:"".concat(h," ").concat(null==f?void 0:f.progressBarContainer),ref:w},{children:n("div",{className:"".concat(p," ").concat(null==f?void 0:f.progressBar),ref:y},void 0)}),void 0)}var x="progress-styles_wrapper__qQPyW";function P(e){var t=m(),o=t.stories,r=t.classNames;return n("div",l({className:"".concat(x," ").concat(null==r?void 0:r.progressContainer),style:{gridTemplateColumns:"repeat(".concat(o.length,",1fr)")}},{children:o.map((function(t){return n(w,{hasStoryPassed:t.index<e.activeStoryIndex,isActive:t.index===e.activeStoryIndex,story:t,isPaused:t.index===e.activeStoryIndex&&e.isPaused},t.index)}))}),void 0)}var M=Object.freeze({IMAGE:"image",VIDEO:"video",COMPONENT:"component"}),N="Story-styles_wrapper__oJP7j",S="Story-styles_header__-rnWL",C="Image-styles_image__gnfW1";function T(e){return u((function(){e.onPause()}),[]),n("img",{className:C,src:e.story.url,alt:"story",onLoad:function(){setTimeout((function(){e.onResume()}),4)}},void 0)}var I,O="Video-styles_video__BykuO",D="Video-styles_loaderWrapper__TqVWk",E="Video-styles_loader__FxxSV",A="Video-styles_soundIcon__ZvYXE";function b(e){return"off"===e.type?n("svg",l({xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"white"},{children:n("path",{d:"M3 9v6h-1v-6h1zm13-7l-9 5v2.288l7-3.889v13.202l-7-3.889v2.288l9 5v-20zm-11 5h-5v10h5v-10zm17.324 4.993l1.646-1.659-1.324-1.324-1.651 1.67-1.665-1.648-1.316 1.318 1.67 1.657-1.65 1.669 1.318 1.317 1.658-1.672 1.666 1.653 1.324-1.325-1.676-1.656z"},void 0)}),void 0):n("svg",l({xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"white"},{children:n("path",{d:"M22 0v24l-11-6v-2.278l9 4.909v-17.262l-9 4.91v-2.279l11-6zm-13 6v12h-7v-12h7zm-2 2h-3v8h3v-8z"},void 0)}),void 0)}var k="RSIsMute",W="undefined"==typeof window?{}:window;function z(t){var s,c=m().isPaused,a=o("true"===(null===(s=null==W?void 0:W.localStorage)||void 0===s?void 0:s.getItem(k))),d=a[0],v=a[1],f=o(!1),y=f[0],h=f[1],p=r(null);function _(e){var n;null===(n=null==W?void 0:W.localStorage)||void 0===n||n.setItem(k,String(e)),v(e)}return u((function(){t.onPause(),h(!0)}),[]),u((function(){p.current&&(!c||p.current.paused?p.current.play().catch((function(){var e;_(!0),null===(e=p.current)||void 0===e||e.play()})):p.current.pause())}),[c]),e(i,{children:[e("video",l({className:O,ref:p,playsInline:!0,"webkit-playsinline":"",controls:!1,src:t.story.url,onLoadedData:function(){setTimeout((function(){t.onResume(),h(!1)}),4)},muted:d},{children:[n("source",{src:t.story.url,type:"video/mp4"},void 0),n("source",{src:t.story.url,type:"video/webm"},void 0),n("source",{src:t.story.url,type:"video/ogg"},void 0),n("p",{children:"Video not supported"},void 0)]}),void 0),n("div",l({className:A,onClick:function(){return _(!d)}},{children:n(b,{type:d?"off":"on"},void 0)}),void 0),y&&n("div",l({className:D},{children:n("div",{className:E},void 0)}),void 0)]},void 0)}null===(I=null==W?void 0:W.localStorage)||void 0===I||I.setItem(k,"true");var R="CustomComponents-styles_component__w87Wx";function F(e){return n("div",l({className:R},{children:n(e.story.component,{pause:e.onPause,resume:e.onResume,story:e.story,isPaused:e.isPaused},void 0)}),void 0)}var V="SeeMore-styles_seeMoreWrapper__kwjif",j="SeeMore-styles_defaultSeeMore__-B1QW";function B(t){return t.story.seeMore?n("button",l({type:"button",onClick:function(){t.onSeeMoreClick()},className:V},{children:function(){var o=t.story.seeMore,r=typeof o;if(["string","boolean"].includes(r)){var i="string"===r?o:"See More";return e("div",l({className:j},{children:[n("span",{children:"^"},void 0),n("p",{children:i},void 0)]}),void 0)}return"function"===r?n(t.story.seeMore,{},void 0):t.story.seeMore}()}),void 0):null}var U="SeeMoreComponent-styles_seeMoreComponentWrapper__0T6Ap",L="SeeMoreComponent-styles_closeIcon__LMm3b";function q(t){return t.story.seeMore&&t.story.seeMoreComponent?e("div",l({className:U},{children:[n("button",l({className:L,onClick:t.onClose},{children:"✕"}),void 0),"function"==typeof t.story.seeMoreComponent?n(t.story.seeMoreComponent,{},void 0):t.story.seeMoreComponent]}),void 0):null}function H(t){var r=o(!1),i=r[0],s=r[1],c=m().classNames;return u((function(){s(!1)}),[t.story]),e("div",l({className:"".concat(N," ").concat(null==c?void 0:c.storyContainer)},{children:[t.story.type===M.IMAGE?n(T,l({},t),void 0):t.story.type===M.VIDEO?n(z,l({},t),void 0):t.story.type===M.COMPONENT?n(F,l({},t),void 0):null,t.story.header&&n("div",l({className:S},{children:"function"==typeof t.story.header?n(t.story.header,{},void 0):t.story.header}),void 0),n(B,{onSeeMoreClick:function(){var e,n;t.onPause(),s(!0),null===(n=(e=t.story).onSeeMoreClick)||void 0===n||n.call(e,t.story.index)},story:t.story},void 0),i&&n(q,{story:t.story,onClose:function(){t.onResume(),s(!1)}},void 0)]}),void 0)}var G="styles_main__-0FEu";function Q(e){return void 0===e&&(e=4),Number(Math.random().toFixed(e))}function J(t){var i,s,d,v,f,m,h,p=t.stories,_=void 0===p?[]:p,g=t.width,w=void 0===g?"100%":g,x=t.height,M=void 0===x?"100%":x,N=t.onStoryChange,S=void 0===N?function(){}:N,C=t.currentIndex,T=void 0===C?0:C,I=t.defaultDuration,O=void 0===I?1e4:I,D=t.onAllStoriesEnd,E=void 0===D?function(){}:D,A=t.onStoriesStart,b=void 0===A?function(){}:A,k=t.classNames,W=void 0===k?{}:k,z=c((function(){return function(e,n){var t=0;return e.map((function(e,o){var r=e.duration||n,i=r+Q();return i===t&&(i=r+Q(6)),t=i,l(l({},e),{index:o,calculatedDuration:i})}))}(_,O)}),[_,O]),R=o(),F=R[0],V=R[1],j=_.length-1,B=o(!1),U=B[0],L=B[1],q=r(!1),J=r(!1);function X(){q.current||(null==F?void 0:F.index)!==j||(E(),q.current=!0),(null==F?void 0:F.index)!==j&&V((function(e){if(!e)return z[0];var n=(null==e?void 0:e.index)+1;return z[n]}))}function Y(){L(!0)}function Z(){L(!1)}u((function(){J.current||(J.current=!0,b())}),[b]),u((function(){var e=z[T];e&&V(e)}),[T,_]),u((function(){F&&S(F.index)}),[F]),s=function(){X()},d=null!==(i=null==F?void 0:F.calculatedDuration)&&void 0!==i?i:null,v=U,f=r(),m=r(d),h=r(Date.now()),u((function(){f.current=s}),[s]),u((function(){m.current=d}),[d]),u((function(){if(null!==d&&!1===v){h.current=Date.now();var e=setTimeout((function(){f.current()}),m.current);return function(){clearTimeout(e)}}return function(){}}),[d,v]),u((function(){v&&(m.current=m.current-(Date.now()-h.current))}),[v]);var K={stories:z,width:w,height:M,defaultDuration:O,isPaused:U,classNames:W};return F?(console.log(W),n(a.Provider,l({value:K},{children:e("div",l({className:"".concat(G," ").concat(W.main),style:{width:w,height:M}},{children:[n(P,{activeStoryIndex:F.index,isPaused:U},void 0),n(H,{onPause:Y,onResume:Z,story:F,isPaused:U},F.index),n(y,{onNextClick:X,onPrevClick:function(){0!==(null==F?void 0:F.index)&&V((function(e){if(!e)return z[0];var n=(null==e?void 0:e.index)-1;return z[n]}))},onPause:Y,onResume:Z},void 0)]}),void 0)}),void 0)):null}export{J as default};
 //# sourceMappingURL=index.esm.js.map

dist/index.js

@@ -1,2 +0,2 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("react"),n=function(){return n=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},n.apply(this,arguments)},r=t.createContext({stories:[],width:"100%",height:"100%",defaultDuration:1e4,isPaused:!1});Object.freeze({MOUSE_DOWN:"mouseDown",MOUSE_UP:"mouseUp",TOUCH_START:"touchStart",TOUCH_END:"touchEnd"});var o=Object.freeze({LEFT:"left",RIGHT:"right"}),s="Actions-styles_left__eky50",i="Actions-styles_right__zguoH";function u(r){var u=r.onNextClick,c=r.onPrevClick,l=r.onPause,a=r.onResume,d=t.useState(!1),v=d[0],f=d[1],y=t.useRef(null);function m(e){e.stopPropagation(),e.preventDefault(),clearTimeout(y.current),y.current=setTimeout((function(){l(),f(!0)}),200)}function h(e,t){if(t.stopPropagation(),t.preventDefault(),clearTimeout(y.current),v)return a(),void f(!1);a(),e!=o.LEFT?u():c()}function x(e){return{onMouseUp:function(t){return h(e,t)},onTouchEnd:function(t){return h(e,t)},onTouchStart:function(e){return m(e)},onMouseDown:function(e){return m(e)}}}return e.jsxs(t.Fragment,{children:[e.jsx("div",n({className:s},x(o.LEFT)),void 0),e.jsx("div",n({className:i},x(o.RIGHT)),void 0)]},void 0)}function c(){return t.useContext(r)}var l="ProgressBar-styles_wrapper__oqUCo",a="ProgressBar-styles_bar__x0O50";function d(r){var o,s,i,u,d,v=c().defaultDuration,f=t.useRef(null),y=t.useRef(null),m=t.useState(!1),h=m[0],x=m[1],p=0,_=.1;return t.useEffect((function(){r.isPaused?x(!1):r.isActive?x(!0):x(!1)}),[r.isActive,r.isPaused]),t.useEffect((function(){r.isActive&&f.current&&(f.current.style.width="0px")}),[r.isActive]),t.useEffect((function(){var e;f.current&&(r.hasStoryPassed?f.current.style.width="".concat(null===(e=null==y?void 0:y.current)||void 0===e?void 0:e.offsetWidth,"px"):r.isActive||(f.current.style.width="0px"))}),[r.hasStoryPassed,r.isActive]),o=function(e){var t;f.current&&y.current&&((p=Number((f.current.style.width||"1px").slice(0,f.current.style.width.length-2))||0)>y.current.offsetWidth?x(!1):(_=(null===(t=null==y?void 0:y.current)||void 0===t?void 0:t.offsetWidth)/((r.story.duration||v)/e),f.current.style.width="".concat(p+_,"px")))},s=h,i=t.useRef(),u=t.useRef(),d=t.useRef(o),t.useEffect((function(){d.current=o}),[o]),t.useEffect((function(){return!1!==s?(i.current=requestAnimationFrame((function e(t){if(null!=u.current){var n=t-u.current;d.current(n)}u.current=t,i.current=requestAnimationFrame(e)})),function(){cancelAnimationFrame(i.current),i.current=null,u.current=null}):function(){i.current&&(i.current=null),cancelAnimationFrame(i.current),u.current=null}}),[s]),e.jsx("div",n({className:l,ref:y},{children:e.jsx("div",{className:a,ref:f},void 0)}),void 0)}var v="progress-styles_wrapper__qQPyW";function f(t){var r=c().stories;return e.jsx("div",n({className:v,style:{gridTemplateColumns:"repeat(".concat(r.length,",1fr)")}},{children:r.map((function(n){return e.jsx(d,{hasStoryPassed:n.index<t.activeStoryIndex,isActive:n.index===t.activeStoryIndex,story:n,isPaused:n.index===t.activeStoryIndex&&t.isPaused},n.index)}))}),void 0)}var y=Object.freeze({IMAGE:"image",VIDEO:"video",COMPONENT:"component"}),m="Story-styles_wrapper__oJP7j",h="Story-styles_header__-rnWL",x="Image-styles_image__gnfW1";function p(n){return t.useEffect((function(){n.onPause()}),[]),e.jsx("img",{className:x,src:n.story.url,alt:"story",onLoad:function(){setTimeout((function(){n.onResume()}),4)}},void 0)}var _,j="Video-styles_video__BykuO",g="Video-styles_loaderWrapper__TqVWk",w="Video-styles_loader__FxxSV",S="Video-styles_soundIcon__ZvYXE";function M(t){return"off"===t.type?e.jsx("svg",n({xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"white"},{children:e.jsx("path",{d:"M3 9v6h-1v-6h1zm13-7l-9 5v2.288l7-3.889v13.202l-7-3.889v2.288l9 5v-20zm-11 5h-5v10h5v-10zm17.324 4.993l1.646-1.659-1.324-1.324-1.651 1.67-1.665-1.648-1.316 1.318 1.67 1.657-1.65 1.669 1.318 1.317 1.658-1.672 1.666 1.653 1.324-1.325-1.676-1.656z"},void 0)}),void 0):e.jsx("svg",n({xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"white"},{children:e.jsx("path",{d:"M22 0v24l-11-6v-2.278l9 4.909v-17.262l-9 4.91v-2.279l11-6zm-13 6v12h-7v-12h7zm-2 2h-3v8h3v-8z"},void 0)}),void 0)}var P="RSIsMute",E="undefined"==typeof window?{}:window;function C(r){var o,s=c().isPaused,i=t.useState("true"===(null===(o=null==E?void 0:E.localStorage)||void 0===o?void 0:o.getItem(P))),u=i[0],l=i[1],a=t.useState(!1),d=a[0],v=a[1],f=t.useRef(null);function y(e){var t;null===(t=null==E?void 0:E.localStorage)||void 0===t||t.setItem(P,String(e)),l(e)}return t.useEffect((function(){r.onPause(),v(!0)}),[]),t.useEffect((function(){f.current&&(!s||f.current.paused?f.current.play().catch((function(){var e;y(!0),null===(e=f.current)||void 0===e||e.play()})):f.current.pause())}),[s]),e.jsxs(t.Fragment,{children:[e.jsxs("video",n({className:j,ref:f,playsInline:!0,"webkit-playsinline":"",controls:!1,src:r.story.url,onLoadedData:function(){setTimeout((function(){r.onResume(),v(!1)}),4)},muted:u},{children:[e.jsx("source",{src:r.story.url,type:"video/mp4"},void 0),e.jsx("source",{src:r.story.url,type:"video/webm"},void 0),e.jsx("source",{src:r.story.url,type:"video/ogg"},void 0),e.jsx("p",{children:"Video not supported"},void 0)]}),void 0),e.jsx("div",n({className:S,onClick:function(){return y(!u)}},{children:e.jsx(M,{type:u?"off":"on"},void 0)}),void 0),d&&e.jsx("div",n({className:g},{children:e.jsx("div",{className:w},void 0)}),void 0)]},void 0)}null===(_=null==E?void 0:E.localStorage)||void 0===_||_.setItem(P,"true");var N="CustomComponents-styles_component__w87Wx";function R(t){return e.jsx("div",n({className:N},{children:e.jsx(t.story.component,{pause:t.onPause,resume:t.onResume,story:t.story,isPaused:t.isPaused},void 0)}),void 0)}var T="SeeMore-styles_seeMoreWrapper__kwjif",I="SeeMore-styles_defaultSeeMore__-B1QW";function O(t){return t.story.seeMore?e.jsx("button",n({type:"button",onClick:function(){t.onSeeMoreClick()},className:T},{children:function(){var r=t.story.seeMore,o=typeof r;if(["string","boolean"].includes(o)){var s="string"===o?r:"See More";return e.jsxs("div",n({className:I},{children:[e.jsx("span",{children:"^"},void 0),e.jsx("p",{children:s},void 0)]}),void 0)}return"function"===o?e.jsx(t.story.seeMore,{},void 0):t.story.seeMore}()}),void 0):null}var A="SeeMoreComponent-styles_seeMoreComponentWrapper__0T6Ap",D="SeeMoreComponent-styles_closeIcon__LMm3b";function b(t){return t.story.seeMore&&t.story.seeMoreComponent?e.jsxs("div",n({className:A},{children:[e.jsx("button",n({className:D,onClick:t.onClose},{children:"✕"}),void 0),"function"==typeof t.story.seeMoreComponent?e.jsx(t.story.seeMoreComponent,{},void 0):t.story.seeMoreComponent]}),void 0):null}function k(r){var o=t.useState(!1),s=o[0],i=o[1];return t.useEffect((function(){i(!1)}),[r.story]),e.jsxs("div",n({className:m},{children:[r.story.type===y.IMAGE?e.jsx(p,n({},r),void 0):r.story.type===y.VIDEO?e.jsx(C,n({},r),void 0):r.story.type===y.COMPONENT?e.jsx(R,n({},r),void 0):null,r.story.header&&e.jsx("div",n({className:h},{children:"function"==typeof r.story.header?e.jsx(r.story.header,{},void 0):r.story.header}),void 0),e.jsx(O,{onSeeMoreClick:function(){var e,t;r.onPause(),i(!0),null===(t=(e=r.story).onSeeMoreClick)||void 0===t||t.call(e,r.story.index)},story:r.story},void 0),s&&e.jsx(b,{story:r.story,onClose:function(){r.onResume(),i(!1)}},void 0)]}),void 0)}var W="styles_main__-0FEu";function F(e){return void 0===e&&(e=4),Number(Math.random().toFixed(e))}module.exports=function(o){var s,i,c,l,a,d,v,y=o.stories,m=void 0===y?[]:y,h=o.width,x=void 0===h?"100%":h,p=o.height,_=void 0===p?"100%":p,j=o.onStoryChange,g=void 0===j?function(){}:j,w=o.currentIndex,S=void 0===w?0:w,M=o.defaultDuration,P=void 0===M?1e4:M,E=o.onAllStoriesEnd,C=void 0===E?function(){}:E,N=o.onStoriesStart,R=void 0===N?function(){}:N,T=t.useMemo((function(){return function(e,t){var r=0;return e.map((function(e,o){var s=e.duration||t,i=s+F();return i===r&&(i=s+F(6)),r=i,n(n({},e),{index:o,calculatedDuration:i})}))}(m,P)}),[m,P]),I=t.useState(),O=I[0],A=I[1],D=m.length-1,b=t.useState(!1),z=b[0],V=b[1],U=t.useRef(!1),q=t.useRef(!1);function L(){U.current||(null==O?void 0:O.index)!==D||(C(),U.current=!0),(null==O?void 0:O.index)!==D&&A((function(e){if(!e)return T[0];var t=(null==e?void 0:e.index)+1;return T[t]}))}function B(){V(!0)}function H(){V(!1)}t.useEffect((function(){q.current||(q.current=!0,R())}),[R]),t.useEffect((function(){var e=T[S];e&&A(e)}),[S,m]),t.useEffect((function(){O&&g(O.index)}),[O]),i=function(){L()},c=null!==(s=null==O?void 0:O.calculatedDuration)&&void 0!==s?s:null,l=z,a=t.useRef(),d=t.useRef(c),v=t.useRef(Date.now()),t.useEffect((function(){a.current=i}),[i]),t.useEffect((function(){d.current=c}),[c]),t.useEffect((function(){if(null!==c&&!1===l){v.current=Date.now();var e=setTimeout((function(){a.current()}),d.current);return function(){clearTimeout(e)}}return function(){}}),[c,l]),t.useEffect((function(){l&&(d.current=d.current-(Date.now()-v.current))}),[l]);var G={stories:T,width:x,height:_,defaultDuration:P,isPaused:z};return O?e.jsx(r.Provider,n({value:G},{children:e.jsxs("div",n({className:W,style:{width:x,height:_}},{children:[e.jsx(f,{activeStoryIndex:O.index,isPaused:z},void 0),e.jsx(k,{onPause:B,onResume:H,story:O,isPaused:z},O.index),e.jsx(u,{onNextClick:L,onPrevClick:function(){0!==(null==O?void 0:O.index)&&A((function(e){if(!e)return T[0];var t=(null==e?void 0:e.index)-1;return T[t]}))},onPause:B,onResume:H},void 0)]}),void 0)}),void 0):null};
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),n=function(){return n=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},n.apply(this,arguments)},o=t.createContext({stories:[],width:"100%",height:"100%",defaultDuration:1e4,isPaused:!1});Object.freeze({MOUSE_DOWN:"mouseDown",MOUSE_UP:"mouseUp",TOUCH_START:"touchStart",TOUCH_END:"touchEnd"});var r=Object.freeze({LEFT:"left",RIGHT:"right"}),s="Actions-styles_left__eky50",i="Actions-styles_right__zguoH";function u(o){var u=o.onNextClick,c=o.onPrevClick,a=o.onPause,l=o.onResume,d=t.useState(!1),v=d[0],f=d[1],y=t.useRef(null);function m(e){e.stopPropagation(),e.preventDefault(),clearTimeout(y.current),y.current=setTimeout((function(){a(),f(!0)}),200)}function h(e,t){if(t.stopPropagation(),t.preventDefault(),clearTimeout(y.current),v)return l(),void f(!1);l(),e!=r.LEFT?u():c()}function x(e){return{onMouseUp:function(t){return h(e,t)},onTouchEnd:function(t){return h(e,t)},onTouchStart:function(e){return m(e)},onMouseDown:function(e){return m(e)}}}return e.jsxs(t.Fragment,{children:[e.jsx("div",n({className:s},x(r.LEFT)),void 0),e.jsx("div",n({className:i},x(r.RIGHT)),void 0)]},void 0)}function c(){return t.useContext(o)}var a="ProgressBar-styles_wrapper__oqUCo",l="ProgressBar-styles_bar__x0O50",d=0,v=.1;function f(o){var r,s,i,u,f,y=c(),m=y.defaultDuration,h=y.classNames,x=t.useRef(null),p=t.useRef(null),_=t.useState(!1),j=_[0],g=_[1];return t.useEffect((function(){!o.isPaused&&o.isActive&&o.isActive?g(!0):g(!1)}),[o.isActive,o.isPaused]),t.useEffect((function(){var e;x.current&&(o.hasStoryPassed?x.current.style.width="".concat(null===(e=null==p?void 0:p.current)||void 0===e?void 0:e.offsetWidth,"px"):x.current.style.width="0px")}),[o.hasStoryPassed,o.isActive]),r=function(e){var t;x.current&&p.current&&((d=Number((x.current.style.width||"1px").slice(0,x.current.style.width.length-2))||0)>p.current.offsetWidth?g(!1):(v=(null===(t=null==p?void 0:p.current)||void 0===t?void 0:t.offsetWidth)/((o.story.duration||m)/e),x.current.style.width="".concat(d+v,"px")))},s=j,i=t.useRef(),u=t.useRef(),f=t.useRef(r),t.useEffect((function(){f.current=r}),[r]),t.useEffect((function(){return!1!==s?(i.current=requestAnimationFrame((function e(t){if(null!=u.current){var n=t-u.current;f.current(n)}u.current=t,i.current=requestAnimationFrame(e)})),function(){cancelAnimationFrame(i.current),i.current=null,u.current=null}):function(){i.current&&(i.current=null),cancelAnimationFrame(i.current),u.current=null}}),[s]),e.jsx("div",n({className:"".concat(a," ").concat(null==h?void 0:h.progressBarContainer),ref:p},{children:e.jsx("div",{className:"".concat(l," ").concat(null==h?void 0:h.progressBar),ref:x},void 0)}),void 0)}var y="progress-styles_wrapper__qQPyW";function m(t){var o=c(),r=o.stories,s=o.classNames;return e.jsx("div",n({className:"".concat(y," ").concat(null==s?void 0:s.progressContainer),style:{gridTemplateColumns:"repeat(".concat(r.length,",1fr)")}},{children:r.map((function(n){return e.jsx(f,{hasStoryPassed:n.index<t.activeStoryIndex,isActive:n.index===t.activeStoryIndex,story:n,isPaused:n.index===t.activeStoryIndex&&t.isPaused},n.index)}))}),void 0)}var h=Object.freeze({IMAGE:"image",VIDEO:"video",COMPONENT:"component"}),x="Story-styles_wrapper__oJP7j",p="Story-styles_header__-rnWL",_="Image-styles_image__gnfW1";function j(n){return t.useEffect((function(){n.onPause()}),[]),e.jsx("img",{className:_,src:n.story.url,alt:"story",onLoad:function(){setTimeout((function(){n.onResume()}),4)}},void 0)}var g,w="Video-styles_video__BykuO",S="Video-styles_loaderWrapper__TqVWk",M="Video-styles_loader__FxxSV",P="Video-styles_soundIcon__ZvYXE";function C(t){return"off"===t.type?e.jsx("svg",n({xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"white"},{children:e.jsx("path",{d:"M3 9v6h-1v-6h1zm13-7l-9 5v2.288l7-3.889v13.202l-7-3.889v2.288l9 5v-20zm-11 5h-5v10h5v-10zm17.324 4.993l1.646-1.659-1.324-1.324-1.651 1.67-1.665-1.648-1.316 1.318 1.67 1.657-1.65 1.669 1.318 1.317 1.658-1.672 1.666 1.653 1.324-1.325-1.676-1.656z"},void 0)}),void 0):e.jsx("svg",n({xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"white"},{children:e.jsx("path",{d:"M22 0v24l-11-6v-2.278l9 4.909v-17.262l-9 4.91v-2.279l11-6zm-13 6v12h-7v-12h7zm-2 2h-3v8h3v-8z"},void 0)}),void 0)}var N="RSIsMute",E="undefined"==typeof window?{}:window;function R(o){var r,s=c().isPaused,i=t.useState("true"===(null===(r=null==E?void 0:E.localStorage)||void 0===r?void 0:r.getItem(N))),u=i[0],a=i[1],l=t.useState(!1),d=l[0],v=l[1],f=t.useRef(null);function y(e){var t;null===(t=null==E?void 0:E.localStorage)||void 0===t||t.setItem(N,String(e)),a(e)}return t.useEffect((function(){o.onPause(),v(!0)}),[]),t.useEffect((function(){f.current&&(!s||f.current.paused?f.current.play().catch((function(){var e;y(!0),null===(e=f.current)||void 0===e||e.play()})):f.current.pause())}),[s]),e.jsxs(t.Fragment,{children:[e.jsxs("video",n({className:w,ref:f,playsInline:!0,"webkit-playsinline":"",controls:!1,src:o.story.url,onLoadedData:function(){setTimeout((function(){o.onResume(),v(!1)}),4)},muted:u},{children:[e.jsx("source",{src:o.story.url,type:"video/mp4"},void 0),e.jsx("source",{src:o.story.url,type:"video/webm"},void 0),e.jsx("source",{src:o.story.url,type:"video/ogg"},void 0),e.jsx("p",{children:"Video not supported"},void 0)]}),void 0),e.jsx("div",n({className:P,onClick:function(){return y(!u)}},{children:e.jsx(C,{type:u?"off":"on"},void 0)}),void 0),d&&e.jsx("div",n({className:S},{children:e.jsx("div",{className:M},void 0)}),void 0)]},void 0)}null===(g=null==E?void 0:E.localStorage)||void 0===g||g.setItem(N,"true");var T="CustomComponents-styles_component__w87Wx";function I(t){return e.jsx("div",n({className:T},{children:e.jsx(t.story.component,{pause:t.onPause,resume:t.onResume,story:t.story,isPaused:t.isPaused},void 0)}),void 0)}var O="SeeMore-styles_seeMoreWrapper__kwjif",D="SeeMore-styles_defaultSeeMore__-B1QW";function A(t){return t.story.seeMore?e.jsx("button",n({type:"button",onClick:function(){t.onSeeMoreClick()},className:O},{children:function(){var o=t.story.seeMore,r=typeof o;if(["string","boolean"].includes(r)){var s="string"===r?o:"See More";return e.jsxs("div",n({className:D},{children:[e.jsx("span",{children:"^"},void 0),e.jsx("p",{children:s},void 0)]}),void 0)}return"function"===r?e.jsx(t.story.seeMore,{},void 0):t.story.seeMore}()}),void 0):null}var b="SeeMoreComponent-styles_seeMoreComponentWrapper__0T6Ap",k="SeeMoreComponent-styles_closeIcon__LMm3b";function W(t){return t.story.seeMore&&t.story.seeMoreComponent?e.jsxs("div",n({className:b},{children:[e.jsx("button",n({className:k,onClick:t.onClose},{children:"✕"}),void 0),"function"==typeof t.story.seeMoreComponent?e.jsx(t.story.seeMoreComponent,{},void 0):t.story.seeMoreComponent]}),void 0):null}function F(o){var r=t.useState(!1),s=r[0],i=r[1],u=c().classNames;return t.useEffect((function(){i(!1)}),[o.story]),e.jsxs("div",n({className:"".concat(x," ").concat(null==u?void 0:u.storyContainer)},{children:[o.story.type===h.IMAGE?e.jsx(j,n({},o),void 0):o.story.type===h.VIDEO?e.jsx(R,n({},o),void 0):o.story.type===h.COMPONENT?e.jsx(I,n({},o),void 0):null,o.story.header&&e.jsx("div",n({className:p},{children:"function"==typeof o.story.header?e.jsx(o.story.header,{},void 0):o.story.header}),void 0),e.jsx(A,{onSeeMoreClick:function(){var e,t;o.onPause(),i(!0),null===(t=(e=o.story).onSeeMoreClick)||void 0===t||t.call(e,o.story.index)},story:o.story},void 0),s&&e.jsx(W,{story:o.story,onClose:function(){o.onResume(),i(!1)}},void 0)]}),void 0)}var z="styles_main__-0FEu";function V(e){return void 0===e&&(e=4),Number(Math.random().toFixed(e))}module.exports=function(r){var s,i,c,a,l,d,v,f=r.stories,y=void 0===f?[]:f,h=r.width,x=void 0===h?"100%":h,p=r.height,_=void 0===p?"100%":p,j=r.onStoryChange,g=void 0===j?function(){}:j,w=r.currentIndex,S=void 0===w?0:w,M=r.defaultDuration,P=void 0===M?1e4:M,C=r.onAllStoriesEnd,N=void 0===C?function(){}:C,E=r.onStoriesStart,R=void 0===E?function(){}:E,T=r.classNames,I=void 0===T?{}:T,O=t.useMemo((function(){return function(e,t){var o=0;return e.map((function(e,r){var s=e.duration||t,i=s+V();return i===o&&(i=s+V(6)),o=i,n(n({},e),{index:r,calculatedDuration:i})}))}(y,P)}),[y,P]),D=t.useState(),A=D[0],b=D[1],k=y.length-1,W=t.useState(!1),B=W[0],U=W[1],q=t.useRef(!1),L=t.useRef(!1);function H(){q.current||(null==A?void 0:A.index)!==k||(N(),q.current=!0),(null==A?void 0:A.index)!==k&&b((function(e){if(!e)return O[0];var t=(null==e?void 0:e.index)+1;return O[t]}))}function G(){U(!0)}function Q(){U(!1)}t.useEffect((function(){L.current||(L.current=!0,R())}),[R]),t.useEffect((function(){var e=O[S];e&&b(e)}),[S,y]),t.useEffect((function(){A&&g(A.index)}),[A]),i=function(){H()},c=null!==(s=null==A?void 0:A.calculatedDuration)&&void 0!==s?s:null,a=B,l=t.useRef(),d=t.useRef(c),v=t.useRef(Date.now()),t.useEffect((function(){l.current=i}),[i]),t.useEffect((function(){d.current=c}),[c]),t.useEffect((function(){if(null!==c&&!1===a){v.current=Date.now();var e=setTimeout((function(){l.current()}),d.current);return function(){clearTimeout(e)}}return function(){}}),[c,a]),t.useEffect((function(){a&&(d.current=d.current-(Date.now()-v.current))}),[a]);var J={stories:O,width:x,height:_,defaultDuration:P,isPaused:B,classNames:I};return A?(console.log(I),e.jsx(o.Provider,n({value:J},{children:e.jsxs("div",n({className:"".concat(z," ").concat(I.main),style:{width:x,height:_}},{children:[e.jsx(m,{activeStoryIndex:A.index,isPaused:B},void 0),e.jsx(F,{onPause:G,onResume:Q,story:A,isPaused:B},A.index),e.jsx(u,{onNextClick:H,onPrevClick:function(){0!==(null==A?void 0:A.index)&&b((function(e){if(!e)return O[0];var t=(null==e?void 0:e.index)-1;return O[t]}))},onPause:G,onResume:Q},void 0)]}),void 0)}),void 0)):null};
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "stories-react",
-  "version": "1.0.13",
+  "version": "1.0.16",
   "description": "instagram style stories in react js",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

README.md

@@ -64,4 +64,3 @@ <h1 style="margin: 0" align="center">stories-react</h1>
 
-
-| Property                 | Type                          | Default       | Description                                                                            |
+| Property                 | Type                          | Default       | Description                                                                             |
 | ------------------------ | ------------------------------| --------------| --------------------------------------------------------------------------------------- |
@@ -75,3 +74,4 @@ | `stories`                | `IStoryObject[]`              | `[]`          |  An array of story objects. description of `IStoryObject` is mentioned below            |
 | `currentIndex`           | `number`                      | `-`           |  Current index of the story which should be selected first                              |
-| `defaultDuration`        | `number`                      |  `10000`      |  default duration in ms of stories if duration is not provided in the `IStoryObject`    |
+| `defaultDuration`        | `number`                      | `10000`       |  default duration in ms of stories if duration is not provided in the `IStoryObject`    |
+| `classNames`             | `IStoryClassNames`            | `{}`           |  classnames to overide different sections of a story renderer                           |
 
@@ -92,2 +92,12 @@ ## IStoryObject
 
+## IStoryClassNames
+
+| Property              | Type                                 | Default      | Description                                                 |
+| --------------------- |--------------------------------------| -------------| ------------------------------------------------------------|
+| `main`                | `string`                             | `-`          |  classname for main container                               |
+| `progressContainer`   | `string`                             | `-`          |  classname for progress line container                      |
+| `progressBarContainer`| `string`                             | `-`          |  classname for single progress bar box container            |
+| `progressBar`         | `string`                             | `-`          |  classname for progress bar                                 |
+| `storyContainer`      | `string`                             | `-`          |  classname for story container                              |
+
 ## Custom Component Story Props
@@ -94,0 +104,0 @@

src/types.d.ts

@@ -17,2 +17,10 @@ interface IStoryObject {
 
+interface IStoryClassNames {
+  main?: string;
+  progressContainer?: string;
+  progressBarContainer?: string;
+  progressBar?: string;
+  storyContainer?: string;
+}
+
 export interface IStoryProps {
@@ -27,2 +35,3 @@ stories: IStoryObject[];
   onAllStoriesEnd?: () => void;
+  classNames?: IStoryClassNames;
 }
@@ -36,2 +45,3 @@
   isPaused: boolean;
+  classNames?: IStoryClassNames;
 }
@@ -38,0 +48,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

541558

increased by0.4%

Lines of code

1220

increased by1.33%

Number of lines in readme file

109

increased by10.1%

No dependency changes