@maycolem/stories 32.0.0 → 33.0.0

package/dist/index.cjs.js

@@ -164,5 +164,5 @@ PERFORMANCE OF THIS SOFTWARE.
 .indiana-dragging {
   cursor: -webkit-grab;
   cursor: grab;
-}`);var a$1,c=(a$1="indiana-scroll-container",function(AA,eA){if(!AA)return a$1;var tA;typeof AA=="string"?tA=AA:eA=AA;var rA=a$1;return tA&&(rA+="__"+tA),rA+(eA?Object.keys(eA).reduce(function(nA,iA){var gA=eA[iA];return gA&&(nA+=" "+(typeof gA=="boolean"?rA+"--"+iA:rA+"--"+iA+"_"+gA)),nA},""):"")}),p$1=function(AA){function eA(tA){var rA=AA.call(this,tA)||this;return rA.onEndScroll=function(){rA.scrolling=!1,!rA.pressed&&rA.started&&rA.processEnd()},rA.onScroll=function(nA){var iA=rA.container.current;iA.scrollLeft===rA.scrollLeft&&iA.scrollTop===rA.scrollTop||(rA.scrolling=!0,rA.processScroll(nA),rA.onEndScroll())},rA.onTouchStart=function(nA){var iA=rA.props.nativeMobileScroll;if(rA.isDraggable(nA.target))if(rA.internal=!0,iA&&rA.scrolling)rA.pressed=!0;else{var gA=nA.touches[0];rA.processClick(nA,gA.clientX,gA.clientY),!iA&&rA.props.stopPropagation&&nA.stopPropagation()}},rA.onTouchEnd=function(nA){var iA=rA.props.nativeMobileScroll;rA.pressed&&(!rA.started||rA.scrolling&&iA?rA.pressed=!1:rA.processEnd(),rA.forceUpdate())},rA.onTouchMove=function(nA){var iA=rA.props.nativeMobileScroll;if(rA.pressed&&(!iA||!rA.isMobile)){var gA=nA.touches[0];gA&&rA.processMove(nA,gA.clientX,gA.clientY),nA.preventDefault(),rA.props.stopPropagation&&nA.stopPropagation()}},rA.onMouseDown=function(nA){rA.isDraggable(nA.target)&&rA.isScrollable()&&(rA.internal=!0,rA.props.buttons.indexOf(nA.button)!==-1&&(rA.processClick(nA,nA.clientX,nA.clientY),nA.preventDefault(),rA.props.stopPropagation&&nA.stopPropagation()))},rA.onMouseMove=function(nA){rA.pressed&&(rA.processMove(nA,nA.clientX,nA.clientY),nA.preventDefault(),rA.props.stopPropagation&&nA.stopPropagation())},rA.onMouseUp=function(nA){rA.pressed&&(rA.started?rA.processEnd():(rA.internal=!1,rA.pressed=!1,rA.forceUpdate(),rA.props.onClick&&rA.props.onClick(nA)),nA.preventDefault(),rA.props.stopPropagation&&nA.stopPropagation())},rA.container=React.createRef(),rA.onEndScroll=l$1(rA.onEndScroll,300),rA.scrolling=!1,rA.started=!1,rA.pressed=!1,rA.internal=!1,rA.getRef=rA.getRef.bind(rA),rA}return function(tA,rA){function nA(){this.constructor=tA}n(tA,rA),tA.prototype=rA===null?Object.create(rA):(nA.prototype=rA.prototype,new nA)}(eA,AA),eA.prototype.componentDidMount=function(){var tA=this.props.nativeMobileScroll,rA=this.container.current;window.addEventListener("mouseup",this.onMouseUp),window.addEventListener("mousemove",this.onMouseMove),window.addEventListener("touchmove",this.onTouchMove,{passive:!1}),window.addEventListener("touchend",this.onTouchEnd),rA.addEventListener("touchstart",this.onTouchStart,{passive:!1}),rA.addEventListener("mousedown",this.onMouseDown,{passive:!1}),tA&&(this.isMobile=this.isMobileDevice(),this.isMobile&&this.forceUpdate())},eA.prototype.componentWillUnmount=function(){window.removeEventListener("mouseup",this.onMouseUp),window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("touchmove",this.onTouchMove),window.removeEventListener("touchend",this.onTouchEnd)},eA.prototype.getElement=function(){return this.container.current},eA.prototype.isMobileDevice=function(){return window.orientation!==void 0||navigator.userAgent.indexOf("IEMobile")!==-1},eA.prototype.isDraggable=function(tA){var rA=this.props.ignoreElements;if(rA){var nA=tA.closest(rA);return nA===null||nA.contains(this.getElement())}return!0},eA.prototype.isScrollable=function(){var tA=this.container.current;return tA&&(tA.scrollWidth>tA.clientWidth||tA.scrollHeight>tA.clientHeight)},eA.prototype.processClick=function(tA,rA,nA){var iA=this.container.current;this.scrollLeft=iA.scrollLeft,this.scrollTop=iA.scrollTop,this.clientX=rA,this.clientY=nA,this.pressed=!0},eA.prototype.processStart=function(tA){tA===void 0&&(tA=!0);var rA=this.props.onStartScroll;this.started=!0,tA&&document.body.classList.add("indiana-dragging"),rA&&rA({external:!this.internal}),this.forceUpdate()},eA.prototype.processScroll=function(tA){if(this.started){var rA=this.props.onScroll;rA&&rA({external:!this.internal})}else this.processStart(!1)},eA.prototype.processMove=function(tA,rA,nA){var iA=this.props,gA=iA.horizontal,sA=iA.vertical,oA=iA.activationDistance,aA=iA.onScroll,BA=this.container.current;this.started?(gA&&(BA.scrollLeft-=rA-this.clientX),sA&&(BA.scrollTop-=nA-this.clientY),aA&&aA({external:!this.internal}),this.clientX=rA,this.clientY=nA,this.scrollLeft=BA.scrollLeft,this.scrollTop=BA.scrollTop):(gA&&Math.abs(rA-this.clientX)>oA||sA&&Math.abs(nA-this.clientY)>oA)&&(this.clientX=rA,this.clientY=nA,this.processStart())},eA.prototype.processEnd=function(){var tA=this.props.onEndScroll;this.container.current&&tA&&tA({external:!this.internal}),this.pressed=!1,this.started=!1,this.scrolling=!1,this.internal=!1,document.body.classList.remove("indiana-dragging"),this.forceUpdate()},eA.prototype.getRef=function(tA){[this.container,this.props.innerRef].forEach(function(rA){rA&&(typeof rA=="function"?rA(tA):rA.current=tA)})},eA.prototype.render=function(){var tA=this.props,rA=tA.children,nA=tA.draggingClassName,iA=tA.className,gA=tA.style,sA=tA.hideScrollbars,oA=tA.component;return React.createElement(oA,{className:i(iA,this.pressed&&nA,c({dragging:this.pressed,"hide-scrollbars":sA,"native-scroll":this.isMobile})),style:gA,ref:this.getRef,onScroll:this.onScroll},rA)},eA.defaultProps={nativeMobileScroll:!0,hideScrollbars:!0,activationDistance:10,vertical:!0,horizontal:!0,stopPropagation:!1,style:{},component:"div",buttons:[0]},eA}(React.PureComponent);const ProfileStories=({className:AA="",data:eA,onButtonStoryClick:tA,userToken:rA=""})=>{const[nA,iA]=React.useState(null),gA=CA=>iA(CA),[sA,oA]=React.useState(eA),{hasSeenAllStories:aA,sortProfilesBySeenStatus:BA}=useLocalStorageStories();React.useEffect(()=>setUserToken(rA),[rA]),React.useEffect(()=>{oA(BA(eA==null?void 0:eA.filter(CA=>CA.stories.length)))},[eA]);const cA=sA==null?void 0:sA.findIndex(CA=>CA.id==nA);useScrollLock({targets:[document],scroll:nA?"OFF":"ON"});const fA=()=>{oA(BA(eA==null?void 0:eA.filter(CA=>CA.stories.length))),iA(null)},wA=()=>nA?ReactDOM.createPortal(jsxRuntime.jsx(StoryCube,{stories:sA,open:nA,onClose:fA,initialSlide:cA,onButtonStoryClick:CA=>{fA(),tA==null||tA(CA)}}),document.body):null;return sA!=null&&sA.length?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(p$1,{className:classNames(style$a.ScrollContainerClassName,AA),children:sA==null?void 0:sA.map(CA=>jsxRuntime.jsx("div",{className:style$a.ItemClassName,children:jsxRuntime.jsx(ProfileStory,{hasSeenAllStories:aA(CA),onProfileClick:()=>gA(CA==null?void 0:CA.id),color:CA==null?void 0:CA.color,image:CA==null?void 0:CA.avatar,title:CA==null?void 0:CA.name})},CA==null?void 0:CA.id))}),nA!=null&&wA()]}):jsxRuntime.jsx(jsxRuntime.Fragment,{})},StoryPlayer$1="_StoryPlayer_v4m0s_1",Overlay="_Overlay_v4m0s_15",StoryPlayer__Wrap="_StoryPlayer__Wrap_v4m0s_25",progressContainer="_progressContainer_v4m0s_37",CloseIcon="_CloseIcon_v4m0s_41",inline="_inline_v4m0s_57",progressBarContainer="_progressBarContainer_v4m0s_75",progressBar="_progressBar_v4m0s_75",style={StoryPlayer:StoryPlayer$1,Overlay,StoryPlayer__Wrap,progressContainer,CloseIcon,inline,progressBarContainer,progressBar};var l=function(){return l=Object.assign||function(AA){for(var eA,tA=1,rA=arguments.length;tA<rA;tA++)for(var nA in eA=arguments[tA])Object.prototype.hasOwnProperty.call(eA,nA)&&(AA[nA]=eA[nA]);return AA},l.apply(this,arguments)},a=React.createContext({stories:[],width:"100%",height:"100%",defaultDuration:1e4,isPaused:!1}),d=Object.freeze({LEFT:"left",RIGHT:"right"}),v="Actions-styles_left__eky50",f="Actions-styles_right__zguoH";function y(AA){var eA=AA.onNextClick,tA=AA.onPrevClick,rA=AA.onPause,nA=AA.onResume,iA=React.useState(!1),gA=iA[0],sA=iA[1],oA=React.useRef(null);function aA(fA){fA.stopPropagation(),fA.preventDefault(),clearTimeout(oA.current),oA.current=setTimeout(function(){rA(),sA(!0)},200)}function BA(fA,wA){if(wA.stopPropagation(),wA.preventDefault(),clearTimeout(oA.current),gA)return nA(),void sA(!1);nA(),fA!=d.LEFT?eA():tA()}function cA(fA){return{onMouseUp:function(wA){return BA(fA,wA)},onTouchEnd:function(wA){return BA(fA,wA)},onTouchStart:function(wA){return aA(wA)},onMouseDown:function(wA){return aA(wA)}}}return jsxRuntime.jsxs(React.Fragment,{children:[jsxRuntime.jsx("div",l({className:v},cA(d.LEFT))),jsxRuntime.jsx("div",l({className:f},cA(d.RIGHT)))]})}function m(){return React.useContext(a)}var h="ProgressBar-styles_wrapper__oqUCo",p="ProgressBar-styles_bar__x0O50",_=0,w=.1;function g(AA){var eA,tA,rA,nA,iA,gA=m(),sA=gA.defaultDuration,oA=gA.classNames,aA=React.useRef(null),BA=React.useRef(null),cA=React.useState(!1),fA=cA[0],wA=cA[1];return React.useEffect(function(){!AA.isPaused&&AA.isActive&&AA.isActive?wA(!0):wA(!1)},[AA.isActive,AA.isPaused]),React.useEffect(function(){var CA;aA.current&&(AA.hasStoryPassed?aA.current.style.width="".concat((CA=BA==null?void 0:BA.current)===null||CA===void 0?void 0:CA.offsetWidth,"px"):aA.current.style.width="0px")},[AA.hasStoryPassed,AA.isActive]),eA=function(CA){var uA;aA.current&&BA.current&&((_=Number((aA.current.style.width||"1px").slice(0,aA.current.style.width.length-2))||0)>BA.current.offsetWidth?wA(!1):(w=((uA=BA==null?void 0:BA.current)===null||uA===void 0?void 0:uA.offsetWidth)/((AA.story.duration||sA)/CA),aA.current.style.width="".concat(_+w,"px")))},tA=fA,rA=React.useRef(),nA=React.useRef(),iA=React.useRef(eA),React.useEffect(function(){iA.current=eA},[eA]),React.useEffect(function(){return tA!==!1?(rA.current=requestAnimationFrame(function CA(uA){if(nA.current!=null){var EA=uA-nA.current;iA.current(EA)}nA.current=uA,rA.current=requestAnimationFrame(CA)}),function(){cancelAnimationFrame(rA.current),rA.current=null,nA.current=null}):function(){rA.current&&(rA.current=null),cancelAnimationFrame(rA.current),nA.current=null}},[tA]),jsxRuntime.jsx("div",l({className:"".concat(h," ").concat((oA==null?void 0:oA.progressBarContainer)||""),ref:BA},{children:jsxRuntime.jsx("div",{className:"".concat(p," ").concat((oA==null?void 0:oA.progressBar)||""),ref:aA})}))}var x="progress-styles_wrapper__qQPyW";function P(AA){var eA=m(),tA=eA.stories,rA=eA.classNames;return jsxRuntime.jsx("div",l({className:"".concat(x," ").concat((rA==null?void 0:rA.progressContainer)||""),style:{gridTemplateColumns:"repeat(".concat(tA.length,",1fr)")}},{children:tA.map(function(nA){return jsxRuntime.jsx(g,{hasStoryPassed:nA.index<AA.activeStoryIndex,isActive:nA.index===AA.activeStoryIndex,story:nA,isPaused:nA.index===AA.activeStoryIndex&&AA.isPaused},nA.index)})}))}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 I(AA){return React.useEffect(function(){AA.onPause()},[]),jsxRuntime.jsx("img",{className:C,src:AA.story.url,alt:"story",onLoad:function(){setTimeout(function(){AA.onResume()},4)}})}var T,E="Video-styles_video__BykuO",b="Video-styles_loaderWrapper__TqVWk",A="Video-styles_loader__FxxSV",k="Video-styles_soundIcon__ZvYXE";function D(AA){return AA.type==="off"?jsxRuntime.jsx("svg",l({xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"white"},{children:jsxRuntime.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"})})):jsxRuntime.jsx("svg",l({xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"white"},{children:jsxRuntime.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"})}))}var W="RSIsMute",O=typeof window>"u"?{}:window;function L(AA){var eA,tA=m().isPaused,rA=React.useState(((eA=O==null?void 0:O.localStorage)===null||eA===void 0?void 0:eA.getItem(W))==="true"),nA=rA[0],iA=rA[1],gA=React.useState(!1),sA=gA[0],oA=gA[1],aA=React.useRef(null);function BA(cA){var fA;(fA=O==null?void 0:O.localStorage)===null||fA===void 0||fA.setItem(W,String(cA)),iA(cA)}return React.useEffect(function(){AA.onPause(),oA(!0)},[]),React.useEffect(function(){aA.current&&(!tA||aA.current.paused?aA.current.play().catch(function(){var cA;BA(!0),(cA=aA.current)===null||cA===void 0||cA.play()}):aA.current.pause())},[tA]),jsxRuntime.jsxs(React.Fragment,{children:[jsxRuntime.jsxs("video",l({className:E,ref:aA,playsInline:!0,"webkit-playsinline":"",controls:!1,src:AA.story.url,onLoadedData:function(){setTimeout(function(){AA.onResume(),oA(!1)},4)},muted:nA},{children:[jsxRuntime.jsx("source",{src:AA.story.url,type:"video/mp4"}),jsxRuntime.jsx("source",{src:AA.story.url,type:"video/webm"}),jsxRuntime.jsx("source",{src:AA.story.url,type:"video/ogg"}),jsxRuntime.jsx("p",{children:"Video not supported"})]})),jsxRuntime.jsx("div",l({className:k,onClick:function(){return BA(!nA)}},{children:jsxRuntime.jsx(D,{type:nA?"off":"on"})})),sA&&jsxRuntime.jsx("div",l({className:b},{children:jsxRuntime.jsx("div",{className:A})}))]})}(T=O==null?void 0:O.localStorage)===null||T===void 0||T.setItem(W,"true");var z="CustomComponents-styles_component__w87Wx";function F(AA){return jsxRuntime.jsx("div",l({className:z},{children:jsxRuntime.jsx(AA.story.component,{pause:AA.onPause,resume:AA.onResume,story:AA.story,isPaused:AA.isPaused})}))}var R="SeeMore-styles_seeMoreWrapper__kwjif",V="SeeMore-styles_defaultSeeMore__-B1QW";function B(AA){return AA.story.seeMore?jsxRuntime.jsx("button",l({type:"button",onClick:function(){AA.onSeeMoreClick()},className:R},{children:function(){var eA=AA.story.seeMore,tA=typeof eA;if(["string","boolean"].includes(tA)){var rA=tA==="string"?eA:"See More";return jsxRuntime.jsxs("div",l({className:V},{children:[jsxRuntime.jsx("span",{children:"^"}),jsxRuntime.jsx("p",{children:rA})]}))}return tA==="function"?jsxRuntime.jsx(AA.story.seeMore,{}):AA.story.seeMore}()})):null}var j="SeeMoreComponent-styles_seeMoreComponentWrapper__0T6Ap",q="SeeMoreComponent-styles_closeIcon__LMm3b";function G(AA){return AA.story.seeMore&&AA.story.seeMoreComponent?jsxRuntime.jsxs("div",l({className:j},{children:[jsxRuntime.jsx("button",l({className:q,onClick:AA.onClose},{children:"✕"})),typeof AA.story.seeMoreComponent=="function"?jsxRuntime.jsx(AA.story.seeMoreComponent,{}):AA.story.seeMoreComponent]})):null}function H(AA){var eA=React.useState(!1),tA=eA[0],rA=eA[1],nA=m().classNames;return React.useEffect(function(){rA(!1)},[AA.story]),jsxRuntime.jsxs("div",l({className:"".concat(N," ").concat((nA==null?void 0:nA.storyContainer)||"")},{children:[AA.story.type===M.IMAGE?jsxRuntime.jsx(I,l({},AA)):AA.story.type===M.VIDEO?jsxRuntime.jsx(L,l({},AA)):AA.story.type===M.COMPONENT?jsxRuntime.jsx(F,l({},AA)):null,AA.story.header&&jsxRuntime.jsx("div",l({className:S},{children:typeof AA.story.header=="function"?jsxRuntime.jsx(AA.story.header,{}):AA.story.header})),jsxRuntime.jsx(B,{onSeeMoreClick:function(){var iA,gA;AA.onPause(),rA(!0),(gA=(iA=AA.story).onSeeMoreClick)===null||gA===void 0||gA.call(iA,AA.story.index)},story:AA.story}),tA&&jsxRuntime.jsx(G,{story:AA.story,onClose:function(){AA.onResume(),rA(!1)}})]}))}var Q="styles_main__-0FEu";function U(AA){return AA===void 0&&(AA=4),Number(Math.random().toFixed(AA))}function J(AA){var eA,tA,rA,nA,iA,gA,sA,oA=AA.stories,aA=oA===void 0?[]:oA,BA=AA.width,cA=BA===void 0?"100%":BA,fA=AA.height,wA=fA===void 0?"100%":fA,CA=AA.onStoryChange,uA=CA===void 0?function(){}:CA,EA=AA.currentIndex,QA=EA===void 0?0:EA,vA=AA.defaultDuration,DA=vA===void 0?1e4:vA,lA=AA.onAllStoriesEnd,dA=lA===void 0?function(){}:lA,hA=AA.onStoriesStart,PA=hA===void 0?function(){}:hA,MA=AA.classNames,GA=MA===void 0?{}:MA,xA=AA.pauseStoryWhenInActiveWindow,HA=xA===void 0||xA,OA=React.useMemo(function(){return function(VA,KA){var SA=0;return VA.map(function($A,ee){var ZA=$A.duration||KA,UA=ZA+U();return UA===SA&&(UA=ZA+U(6)),SA=UA,l(l({},$A),{index:ee,calculatedDuration:UA})})}(aA,DA)},[aA,DA]),zA=React.useState(),NA=zA[0],bA=zA[1],mA=aA.length-1,pA=React.useState(!1),IA=pA[0],YA=pA[1],yA=React.useRef(!1),FA=React.useRef(!1);function TA(){yA.current||(NA==null?void 0:NA.index)!==mA||(dA(),yA.current=!0),(NA==null?void 0:NA.index)!==mA&&bA(function(VA){if(!VA)return OA[0];var KA=(VA==null?void 0:VA.index)+1;return OA[KA]})}function RA(){YA(!0)}function jA(){YA(!1)}React.useEffect(function(){FA.current||(FA.current=!0,PA())},[PA]),React.useEffect(function(){var VA=OA[QA];VA&&bA(VA)},[QA,aA]),React.useEffect(function(){NA&&uA(NA.index)},[NA]),tA=function(){TA()},rA=(eA=NA==null?void 0:NA.calculatedDuration)!==null&&eA!==void 0?eA:null,nA=IA,iA=React.useRef(),gA=React.useRef(rA),sA=React.useRef(Date.now()),React.useEffect(function(){iA.current=tA},[tA]),React.useEffect(function(){gA.current=rA},[rA]),React.useEffect(function(){if(rA!==null&&nA===!1){sA.current=Date.now();var VA=setTimeout(function(){iA.current()},gA.current);return function(){clearTimeout(VA)}}return function(){}},[rA,nA]),React.useEffect(function(){nA&&(gA.current=gA.current-(Date.now()-sA.current))},[nA]),function(VA){var KA=React.useRef(VA);React.useEffect(function(){KA.current=VA},[VA]),React.useEffect(function(){function SA(){KA.current(!0)}function $A(){KA.current(!1)}return window.addEventListener("focus",SA),window.addEventListener("blur",$A),function(){window.removeEventListener("focus",SA),window.removeEventListener("blur",$A)}},[])}(function(VA){HA&&YA(!VA)});var LA={stories:OA,width:cA,height:wA,defaultDuration:DA,isPaused:IA,classNames:GA};return NA?jsxRuntime.jsx(a.Provider,l({value:LA},{children:jsxRuntime.jsxs("div",l({className:"".concat(Q," ").concat(GA.main||""),style:{width:cA,height:wA}},{children:[jsxRuntime.jsx(P,{activeStoryIndex:NA.index,isPaused:IA}),jsxRuntime.jsx(H,{onPause:RA,onResume:jA,story:NA,isPaused:IA},NA.index),jsxRuntime.jsx(y,{onNextClick:TA,onPrevClick:function(){(NA==null?void 0:NA.index)!==0&&bA(function(VA){if(!VA)return OA[0];var KA=(VA==null?void 0:VA.index)-1;return OA[KA]})},onPause:RA,onResume:jA})]}))})):null}const Draggable=({onClose:AA,threshold:eA=.08,children:tA})=>{const rA=React.useRef(null),nA=useAnimation(),iA=(gA,sA)=>{const oA=rA.current;if(!oA)return;const aA=oA.getBoundingClientRect().height;sA.offset.y>aA*eA?AA():nA.start({y:0,transition:{type:"spring",stiffness:300,damping:30}})};return jsxRuntime.jsx(motion.div,{ref:rA,style:{height:"100%",width:"100%",touchAction:"none",willChange:"transform"},drag:"y",dragConstraints:{top:0},dragMomentum:!1,dragElastic:0,animate:nA,initial:{y:0},onDragEnd:iA,children:tA})},StoryPlayer=({stories:AA,currentIndex:eA,onAllStoriesEnd:tA,onOverlayClick:rA,onStoryChange:nA,inline:iA,loop:gA,onClose:sA,className:oA=""})=>{const[aA,BA]=React.useState(0),cA=()=>{BA(CA=>CA+1)},fA=()=>{tA&&tA(),gA&&cA()};if((AA==null?void 0:AA.length)==0)return jsxRuntime.jsx(jsxRuntime.Fragment,{});const wA=iA?({children:CA})=>CA:Draggable;return jsxRuntime.jsxs("div",{className:classNames(style.StoryPlayer,oA,{[style.inline]:iA}),children:[jsxRuntime.jsx("div",{className:style.Overlay,onClick:rA}),jsxRuntime.jsx("div",{className:style.StoryPlayer__Wrap,children:jsxRuntime.jsxs(wA,{onClose:sA,children:[jsxRuntime.jsx("div",{className:style.CloseIcon,onClick:sA,children:jsxRuntime.jsx(CloseIcon$1,{})}),jsxRuntime.jsx(J,{onStoryChange:nA,currentIndex:eA,stories:AA,width:"100%",height:"100%",onAllStoriesEnd:fA,classNames:{progressContainer:style.progressContainer,progressBar:style.progressBar,progressBarContainer:style.progressBarContainer}},aA)]})})]})};exports.ManagmentStoryComponent=ManagmentStoryComponent;exports.ProfileStories=ProfileStories;exports.ProfileStory=ProfileStory;exports.StoryHeaderPlayer=StoryHeaderPlayer;exports.StoryPlayer=StoryPlayer;
+}`);var a$1,c=(a$1="indiana-scroll-container",function(AA,eA){if(!AA)return a$1;var tA;typeof AA=="string"?tA=AA:eA=AA;var rA=a$1;return tA&&(rA+="__"+tA),rA+(eA?Object.keys(eA).reduce(function(nA,iA){var gA=eA[iA];return gA&&(nA+=" "+(typeof gA=="boolean"?rA+"--"+iA:rA+"--"+iA+"_"+gA)),nA},""):"")}),p$1=function(AA){function eA(tA){var rA=AA.call(this,tA)||this;return rA.onEndScroll=function(){rA.scrolling=!1,!rA.pressed&&rA.started&&rA.processEnd()},rA.onScroll=function(nA){var iA=rA.container.current;iA.scrollLeft===rA.scrollLeft&&iA.scrollTop===rA.scrollTop||(rA.scrolling=!0,rA.processScroll(nA),rA.onEndScroll())},rA.onTouchStart=function(nA){var iA=rA.props.nativeMobileScroll;if(rA.isDraggable(nA.target))if(rA.internal=!0,iA&&rA.scrolling)rA.pressed=!0;else{var gA=nA.touches[0];rA.processClick(nA,gA.clientX,gA.clientY),!iA&&rA.props.stopPropagation&&nA.stopPropagation()}},rA.onTouchEnd=function(nA){var iA=rA.props.nativeMobileScroll;rA.pressed&&(!rA.started||rA.scrolling&&iA?rA.pressed=!1:rA.processEnd(),rA.forceUpdate())},rA.onTouchMove=function(nA){var iA=rA.props.nativeMobileScroll;if(rA.pressed&&(!iA||!rA.isMobile)){var gA=nA.touches[0];gA&&rA.processMove(nA,gA.clientX,gA.clientY),nA.preventDefault(),rA.props.stopPropagation&&nA.stopPropagation()}},rA.onMouseDown=function(nA){rA.isDraggable(nA.target)&&rA.isScrollable()&&(rA.internal=!0,rA.props.buttons.indexOf(nA.button)!==-1&&(rA.processClick(nA,nA.clientX,nA.clientY),nA.preventDefault(),rA.props.stopPropagation&&nA.stopPropagation()))},rA.onMouseMove=function(nA){rA.pressed&&(rA.processMove(nA,nA.clientX,nA.clientY),nA.preventDefault(),rA.props.stopPropagation&&nA.stopPropagation())},rA.onMouseUp=function(nA){rA.pressed&&(rA.started?rA.processEnd():(rA.internal=!1,rA.pressed=!1,rA.forceUpdate(),rA.props.onClick&&rA.props.onClick(nA)),nA.preventDefault(),rA.props.stopPropagation&&nA.stopPropagation())},rA.container=React.createRef(),rA.onEndScroll=l$1(rA.onEndScroll,300),rA.scrolling=!1,rA.started=!1,rA.pressed=!1,rA.internal=!1,rA.getRef=rA.getRef.bind(rA),rA}return function(tA,rA){function nA(){this.constructor=tA}n(tA,rA),tA.prototype=rA===null?Object.create(rA):(nA.prototype=rA.prototype,new nA)}(eA,AA),eA.prototype.componentDidMount=function(){var tA=this.props.nativeMobileScroll,rA=this.container.current;window.addEventListener("mouseup",this.onMouseUp),window.addEventListener("mousemove",this.onMouseMove),window.addEventListener("touchmove",this.onTouchMove,{passive:!1}),window.addEventListener("touchend",this.onTouchEnd),rA.addEventListener("touchstart",this.onTouchStart,{passive:!1}),rA.addEventListener("mousedown",this.onMouseDown,{passive:!1}),tA&&(this.isMobile=this.isMobileDevice(),this.isMobile&&this.forceUpdate())},eA.prototype.componentWillUnmount=function(){window.removeEventListener("mouseup",this.onMouseUp),window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("touchmove",this.onTouchMove),window.removeEventListener("touchend",this.onTouchEnd)},eA.prototype.getElement=function(){return this.container.current},eA.prototype.isMobileDevice=function(){return window.orientation!==void 0||navigator.userAgent.indexOf("IEMobile")!==-1},eA.prototype.isDraggable=function(tA){var rA=this.props.ignoreElements;if(rA){var nA=tA.closest(rA);return nA===null||nA.contains(this.getElement())}return!0},eA.prototype.isScrollable=function(){var tA=this.container.current;return tA&&(tA.scrollWidth>tA.clientWidth||tA.scrollHeight>tA.clientHeight)},eA.prototype.processClick=function(tA,rA,nA){var iA=this.container.current;this.scrollLeft=iA.scrollLeft,this.scrollTop=iA.scrollTop,this.clientX=rA,this.clientY=nA,this.pressed=!0},eA.prototype.processStart=function(tA){tA===void 0&&(tA=!0);var rA=this.props.onStartScroll;this.started=!0,tA&&document.body.classList.add("indiana-dragging"),rA&&rA({external:!this.internal}),this.forceUpdate()},eA.prototype.processScroll=function(tA){if(this.started){var rA=this.props.onScroll;rA&&rA({external:!this.internal})}else this.processStart(!1)},eA.prototype.processMove=function(tA,rA,nA){var iA=this.props,gA=iA.horizontal,sA=iA.vertical,oA=iA.activationDistance,aA=iA.onScroll,BA=this.container.current;this.started?(gA&&(BA.scrollLeft-=rA-this.clientX),sA&&(BA.scrollTop-=nA-this.clientY),aA&&aA({external:!this.internal}),this.clientX=rA,this.clientY=nA,this.scrollLeft=BA.scrollLeft,this.scrollTop=BA.scrollTop):(gA&&Math.abs(rA-this.clientX)>oA||sA&&Math.abs(nA-this.clientY)>oA)&&(this.clientX=rA,this.clientY=nA,this.processStart())},eA.prototype.processEnd=function(){var tA=this.props.onEndScroll;this.container.current&&tA&&tA({external:!this.internal}),this.pressed=!1,this.started=!1,this.scrolling=!1,this.internal=!1,document.body.classList.remove("indiana-dragging"),this.forceUpdate()},eA.prototype.getRef=function(tA){[this.container,this.props.innerRef].forEach(function(rA){rA&&(typeof rA=="function"?rA(tA):rA.current=tA)})},eA.prototype.render=function(){var tA=this.props,rA=tA.children,nA=tA.draggingClassName,iA=tA.className,gA=tA.style,sA=tA.hideScrollbars,oA=tA.component;return React.createElement(oA,{className:i(iA,this.pressed&&nA,c({dragging:this.pressed,"hide-scrollbars":sA,"native-scroll":this.isMobile})),style:gA,ref:this.getRef,onScroll:this.onScroll},rA)},eA.defaultProps={nativeMobileScroll:!0,hideScrollbars:!0,activationDistance:10,vertical:!0,horizontal:!0,stopPropagation:!1,style:{},component:"div",buttons:[0]},eA}(React.PureComponent);const ProfileStories=({className:AA="",data:eA,onButtonStoryClick:tA,userToken:rA=""})=>{const[nA,iA]=React.useState(null),gA=CA=>iA(CA),[sA,oA]=React.useState(eA),{hasSeenAllStories:aA,sortProfilesBySeenStatus:BA}=useLocalStorageStories();React.useEffect(()=>setUserToken(rA),[rA]),React.useEffect(()=>{oA(BA(eA==null?void 0:eA.filter(CA=>CA.stories.length)))},[eA]);const cA=sA==null?void 0:sA.findIndex(CA=>CA.id==nA);useScrollLock({targets:[document],scroll:nA?"OFF":"ON"});const fA=()=>{oA(BA(eA==null?void 0:eA.filter(CA=>CA.stories.length))),iA(null)},wA=()=>nA?ReactDOM.createPortal(jsxRuntime.jsx(StoryCube,{stories:sA,open:nA,onClose:fA,initialSlide:cA,onButtonStoryClick:CA=>{fA(),tA==null||tA(CA)}}),document.body):null;return sA!=null&&sA.length?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(p$1,{className:classNames(style$a.ScrollContainerClassName,AA),children:sA==null?void 0:sA.map(CA=>jsxRuntime.jsx("div",{className:style$a.ItemClassName,children:jsxRuntime.jsx(ProfileStory,{hasSeenAllStories:aA(CA),onProfileClick:()=>gA(CA==null?void 0:CA.id),color:CA==null?void 0:CA.color,image:CA==null?void 0:CA.avatar,title:CA==null?void 0:CA.name})},CA==null?void 0:CA.id))}),nA!=null&&wA()]}):jsxRuntime.jsx(jsxRuntime.Fragment,{})},StoryPlayer$1="_StoryPlayer_v4m0s_1",Overlay="_Overlay_v4m0s_15",StoryPlayer__Wrap="_StoryPlayer__Wrap_v4m0s_25",progressContainer="_progressContainer_v4m0s_37",CloseIcon="_CloseIcon_v4m0s_41",inline="_inline_v4m0s_57",progressBarContainer="_progressBarContainer_v4m0s_75",progressBar="_progressBar_v4m0s_75",style={StoryPlayer:StoryPlayer$1,Overlay,StoryPlayer__Wrap,progressContainer,CloseIcon,inline,progressBarContainer,progressBar};var l=function(){return l=Object.assign||function(AA){for(var eA,tA=1,rA=arguments.length;tA<rA;tA++)for(var nA in eA=arguments[tA])Object.prototype.hasOwnProperty.call(eA,nA)&&(AA[nA]=eA[nA]);return AA},l.apply(this,arguments)},a=React.createContext({stories:[],width:"100%",height:"100%",defaultDuration:1e4,isPaused:!1}),d=Object.freeze({LEFT:"left",RIGHT:"right"}),v="Actions-styles_left__eky50",f="Actions-styles_right__zguoH";function y(AA){var eA=AA.onNextClick,tA=AA.onPrevClick,rA=AA.onPause,nA=AA.onResume,iA=React.useState(!1),gA=iA[0],sA=iA[1],oA=React.useRef(null);function aA(fA){fA.stopPropagation(),fA.preventDefault(),clearTimeout(oA.current),oA.current=setTimeout(function(){rA(),sA(!0)},200)}function BA(fA,wA){if(wA.stopPropagation(),wA.preventDefault(),clearTimeout(oA.current),gA)return nA(),void sA(!1);nA(),fA!=d.LEFT?eA():tA()}function cA(fA){return{onMouseUp:function(wA){return BA(fA,wA)},onTouchEnd:function(wA){return BA(fA,wA)},onTouchStart:function(wA){return aA(wA)},onMouseDown:function(wA){return aA(wA)}}}return jsxRuntime.jsxs(React.Fragment,{children:[jsxRuntime.jsx("div",l({className:v},cA(d.LEFT))),jsxRuntime.jsx("div",l({className:f},cA(d.RIGHT)))]})}function m(){return React.useContext(a)}var h="ProgressBar-styles_wrapper__oqUCo",p="ProgressBar-styles_bar__x0O50",_=0,w=.1;function g(AA){var eA,tA,rA,nA,iA,gA=m(),sA=gA.defaultDuration,oA=gA.classNames,aA=React.useRef(null),BA=React.useRef(null),cA=React.useState(!1),fA=cA[0],wA=cA[1];return React.useEffect(function(){!AA.isPaused&&AA.isActive&&AA.isActive?wA(!0):wA(!1)},[AA.isActive,AA.isPaused]),React.useEffect(function(){var CA;aA.current&&(AA.hasStoryPassed?aA.current.style.width="".concat((CA=BA==null?void 0:BA.current)===null||CA===void 0?void 0:CA.offsetWidth,"px"):aA.current.style.width="0px")},[AA.hasStoryPassed,AA.isActive]),eA=function(CA){var uA;aA.current&&BA.current&&((_=Number((aA.current.style.width||"1px").slice(0,aA.current.style.width.length-2))||0)>BA.current.offsetWidth?wA(!1):(w=((uA=BA==null?void 0:BA.current)===null||uA===void 0?void 0:uA.offsetWidth)/((AA.story.duration||sA)/CA),aA.current.style.width="".concat(_+w,"px")))},tA=fA,rA=React.useRef(),nA=React.useRef(),iA=React.useRef(eA),React.useEffect(function(){iA.current=eA},[eA]),React.useEffect(function(){return tA!==!1?(rA.current=requestAnimationFrame(function CA(uA){if(nA.current!=null){var EA=uA-nA.current;iA.current(EA)}nA.current=uA,rA.current=requestAnimationFrame(CA)}),function(){cancelAnimationFrame(rA.current),rA.current=null,nA.current=null}):function(){rA.current&&(rA.current=null),cancelAnimationFrame(rA.current),nA.current=null}},[tA]),jsxRuntime.jsx("div",l({className:"".concat(h," ").concat((oA==null?void 0:oA.progressBarContainer)||""),ref:BA},{children:jsxRuntime.jsx("div",{className:"".concat(p," ").concat((oA==null?void 0:oA.progressBar)||""),ref:aA})}))}var x="progress-styles_wrapper__qQPyW";function P(AA){var eA=m(),tA=eA.stories,rA=eA.classNames;return jsxRuntime.jsx("div",l({className:"".concat(x," ").concat((rA==null?void 0:rA.progressContainer)||""),style:{gridTemplateColumns:"repeat(".concat(tA.length,",1fr)")}},{children:tA.map(function(nA){return jsxRuntime.jsx(g,{hasStoryPassed:nA.index<AA.activeStoryIndex,isActive:nA.index===AA.activeStoryIndex,story:nA,isPaused:nA.index===AA.activeStoryIndex&&AA.isPaused},nA.index)})}))}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 I(AA){return React.useEffect(function(){AA.onPause()},[]),jsxRuntime.jsx("img",{className:C,src:AA.story.url,alt:"story",onLoad:function(){setTimeout(function(){AA.onResume()},4)}})}var T,E="Video-styles_video__BykuO",b="Video-styles_loaderWrapper__TqVWk",A="Video-styles_loader__FxxSV",k="Video-styles_soundIcon__ZvYXE";function D(AA){return AA.type==="off"?jsxRuntime.jsx("svg",l({xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"white"},{children:jsxRuntime.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"})})):jsxRuntime.jsx("svg",l({xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"white"},{children:jsxRuntime.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"})}))}var W="RSIsMute",O=typeof window>"u"?{}:window;function L(AA){var eA,tA=m().isPaused,rA=React.useState(((eA=O==null?void 0:O.localStorage)===null||eA===void 0?void 0:eA.getItem(W))==="true"),nA=rA[0],iA=rA[1],gA=React.useState(!1),sA=gA[0],oA=gA[1],aA=React.useRef(null);function BA(cA){var fA;(fA=O==null?void 0:O.localStorage)===null||fA===void 0||fA.setItem(W,String(cA)),iA(cA)}return React.useEffect(function(){AA.onPause(),oA(!0)},[]),React.useEffect(function(){aA.current&&(!tA||aA.current.paused?aA.current.play().catch(function(){var cA;BA(!0),(cA=aA.current)===null||cA===void 0||cA.play()}):aA.current.pause())},[tA]),jsxRuntime.jsxs(React.Fragment,{children:[jsxRuntime.jsxs("video",l({className:E,ref:aA,playsInline:!0,"webkit-playsinline":"",controls:!1,src:AA.story.url,onLoadedData:function(){setTimeout(function(){AA.onResume(),oA(!1)},4)},muted:nA},{children:[jsxRuntime.jsx("source",{src:AA.story.url,type:"video/mp4"}),jsxRuntime.jsx("source",{src:AA.story.url,type:"video/webm"}),jsxRuntime.jsx("source",{src:AA.story.url,type:"video/ogg"}),jsxRuntime.jsx("p",{children:"Video not supported"})]})),jsxRuntime.jsx("div",l({className:k,onClick:function(){return BA(!nA)}},{children:jsxRuntime.jsx(D,{type:nA?"off":"on"})})),sA&&jsxRuntime.jsx("div",l({className:b},{children:jsxRuntime.jsx("div",{className:A})}))]})}(T=O==null?void 0:O.localStorage)===null||T===void 0||T.setItem(W,"true");var z="CustomComponents-styles_component__w87Wx";function F(AA){return jsxRuntime.jsx("div",l({className:z},{children:jsxRuntime.jsx(AA.story.component,{pause:AA.onPause,resume:AA.onResume,story:AA.story,isPaused:AA.isPaused})}))}var R="SeeMore-styles_seeMoreWrapper__kwjif",V="SeeMore-styles_defaultSeeMore__-B1QW";function B(AA){return AA.story.seeMore?jsxRuntime.jsx("button",l({type:"button",onClick:function(){AA.onSeeMoreClick()},className:R},{children:function(){var eA=AA.story.seeMore,tA=typeof eA;if(["string","boolean"].includes(tA)){var rA=tA==="string"?eA:"See More";return jsxRuntime.jsxs("div",l({className:V},{children:[jsxRuntime.jsx("span",{children:"^"}),jsxRuntime.jsx("p",{children:rA})]}))}return tA==="function"?jsxRuntime.jsx(AA.story.seeMore,{}):AA.story.seeMore}()})):null}var j="SeeMoreComponent-styles_seeMoreComponentWrapper__0T6Ap",q="SeeMoreComponent-styles_closeIcon__LMm3b";function G(AA){return AA.story.seeMore&&AA.story.seeMoreComponent?jsxRuntime.jsxs("div",l({className:j},{children:[jsxRuntime.jsx("button",l({className:q,onClick:AA.onClose},{children:"✕"})),typeof AA.story.seeMoreComponent=="function"?jsxRuntime.jsx(AA.story.seeMoreComponent,{}):AA.story.seeMoreComponent]})):null}function H(AA){var eA=React.useState(!1),tA=eA[0],rA=eA[1],nA=m().classNames;return React.useEffect(function(){rA(!1)},[AA.story]),jsxRuntime.jsxs("div",l({className:"".concat(N," ").concat((nA==null?void 0:nA.storyContainer)||"")},{children:[AA.story.type===M.IMAGE?jsxRuntime.jsx(I,l({},AA)):AA.story.type===M.VIDEO?jsxRuntime.jsx(L,l({},AA)):AA.story.type===M.COMPONENT?jsxRuntime.jsx(F,l({},AA)):null,AA.story.header&&jsxRuntime.jsx("div",l({className:S},{children:typeof AA.story.header=="function"?jsxRuntime.jsx(AA.story.header,{}):AA.story.header})),jsxRuntime.jsx(B,{onSeeMoreClick:function(){var iA,gA;AA.onPause(),rA(!0),(gA=(iA=AA.story).onSeeMoreClick)===null||gA===void 0||gA.call(iA,AA.story.index)},story:AA.story}),tA&&jsxRuntime.jsx(G,{story:AA.story,onClose:function(){AA.onResume(),rA(!1)}})]}))}var Q="styles_main__-0FEu";function U(AA){return AA===void 0&&(AA=4),Number(Math.random().toFixed(AA))}function J(AA){var eA,tA,rA,nA,iA,gA,sA,oA=AA.stories,aA=oA===void 0?[]:oA,BA=AA.width,cA=BA===void 0?"100%":BA,fA=AA.height,wA=fA===void 0?"100%":fA,CA=AA.onStoryChange,uA=CA===void 0?function(){}:CA,EA=AA.currentIndex,QA=EA===void 0?0:EA,vA=AA.defaultDuration,DA=vA===void 0?1e4:vA,lA=AA.onAllStoriesEnd,dA=lA===void 0?function(){}:lA,hA=AA.onStoriesStart,PA=hA===void 0?function(){}:hA,MA=AA.classNames,GA=MA===void 0?{}:MA,xA=AA.pauseStoryWhenInActiveWindow,HA=xA===void 0||xA,OA=React.useMemo(function(){return function(VA,KA){var SA=0;return VA.map(function($A,ee){var ZA=$A.duration||KA,UA=ZA+U();return UA===SA&&(UA=ZA+U(6)),SA=UA,l(l({},$A),{index:ee,calculatedDuration:UA})})}(aA,DA)},[aA,DA]),zA=React.useState(),NA=zA[0],bA=zA[1],mA=aA.length-1,pA=React.useState(!1),IA=pA[0],YA=pA[1],yA=React.useRef(!1),FA=React.useRef(!1);function TA(){yA.current||(NA==null?void 0:NA.index)!==mA||(dA(),yA.current=!0),(NA==null?void 0:NA.index)!==mA&&bA(function(VA){if(!VA)return OA[0];var KA=(VA==null?void 0:VA.index)+1;return OA[KA]})}function RA(){YA(!0)}function jA(){YA(!1)}React.useEffect(function(){FA.current||(FA.current=!0,PA())},[PA]),React.useEffect(function(){var VA=OA[QA];VA&&bA(VA)},[QA,aA]),React.useEffect(function(){NA&&uA(NA.index)},[NA]),tA=function(){TA()},rA=(eA=NA==null?void 0:NA.calculatedDuration)!==null&&eA!==void 0?eA:null,nA=IA,iA=React.useRef(),gA=React.useRef(rA),sA=React.useRef(Date.now()),React.useEffect(function(){iA.current=tA},[tA]),React.useEffect(function(){gA.current=rA},[rA]),React.useEffect(function(){if(rA!==null&&nA===!1){sA.current=Date.now();var VA=setTimeout(function(){iA.current()},gA.current);return function(){clearTimeout(VA)}}return function(){}},[rA,nA]),React.useEffect(function(){nA&&(gA.current=gA.current-(Date.now()-sA.current))},[nA]),function(VA){var KA=React.useRef(VA);React.useEffect(function(){KA.current=VA},[VA]),React.useEffect(function(){function SA(){KA.current(!0)}function $A(){KA.current(!1)}return window.addEventListener("focus",SA),window.addEventListener("blur",$A),function(){window.removeEventListener("focus",SA),window.removeEventListener("blur",$A)}},[])}(function(VA){HA&&YA(!VA)});var LA={stories:OA,width:cA,height:wA,defaultDuration:DA,isPaused:IA,classNames:GA};return NA?jsxRuntime.jsx(a.Provider,l({value:LA},{children:jsxRuntime.jsxs("div",l({className:"".concat(Q," ").concat(GA.main||""),style:{width:cA,height:wA}},{children:[jsxRuntime.jsx(P,{activeStoryIndex:NA.index,isPaused:IA}),jsxRuntime.jsx(H,{onPause:RA,onResume:jA,story:NA,isPaused:IA},NA.index),jsxRuntime.jsx(y,{onNextClick:TA,onPrevClick:function(){(NA==null?void 0:NA.index)!==0&&bA(function(VA){if(!VA)return OA[0];var KA=(VA==null?void 0:VA.index)-1;return OA[KA]})},onPause:RA,onResume:jA})]}))})):null}const Draggable=({onClose:AA,threshold:eA=.08,children:tA})=>{const rA=React.useRef(null),nA=useAnimation(),iA=(gA,sA)=>{const oA=rA.current;if(!oA)return;const aA=oA.getBoundingClientRect().height;sA.offset.y>aA*eA?AA():nA.start({y:0,transition:{type:"spring",stiffness:300,damping:30}})};return jsxRuntime.jsx(motion.div,{ref:rA,style:{height:"100%",width:"100%",touchAction:"none",willChange:"transform"},drag:"y",dragConstraints:{top:0},dragMomentum:!1,dragElastic:0,animate:nA,initial:{y:0},onDragEnd:iA,children:tA})},StoryPlayer=({stories:AA,currentIndex:eA,onAllStoriesEnd:tA,onOverlayClick:rA,onStoryChange:nA,inline:iA,loop:gA,onClose:sA,className:oA=""})=>{const[aA,BA]=React.useState(0),cA=()=>{BA(CA=>CA+1)},fA=()=>{tA&&tA(),gA&&cA()};if((AA==null?void 0:AA.length)==0)return jsxRuntime.jsx(jsxRuntime.Fragment,{});const wA=iA?({children:CA})=>CA:Draggable;return jsxRuntime.jsxs("div",{className:classNames(style.StoryPlayer,oA,{[style.inline]:iA}),children:[jsxRuntime.jsx("div",{className:style.Overlay,onClick:rA}),jsxRuntime.jsx("div",{className:style.StoryPlayer__Wrap,children:jsxRuntime.jsxs(wA,{onClose:sA,children:[jsxRuntime.jsx("div",{className:style.CloseIcon,onClick:sA,children:jsxRuntime.jsx(CloseIcon$1,{})}),jsxRuntime.jsx(J,{onStoryChange:nA,currentIndex:eA,stories:AA,width:"100%",height:"100%",onAllStoriesEnd:fA,classNames:{progressContainer:style.progressContainer,progressBar:style.progressBar,progressBarContainer:style.progressBarContainer}},aA)]})})]})};exports.EReactions=EReactions;exports.EStoryType=EStoryType;exports.ManagmentStoryComponent=ManagmentStoryComponent;exports.ProfileStories=ProfileStories;exports.ProfileStory=ProfileStory;exports.StoryHeaderPlayer=StoryHeaderPlayer;exports.StoryPlayer=StoryPlayer;
 //# sourceMappingURL=index.cjs.js.map

package/dist/index.esm.js

@@ -28377,6 +28377,8 @@ const Draggable = ({
   );
 };
 export {
+  EReactions,
+  EStoryType,
   ManagmentStoryComponent,
   ProfileStories,
   ProfileStory,

package/dist/src/index.d.ts

@@ -3,3 +3,5 @@ export { default as StoryPlayer } from './components/StoryPlayer';
 export { default as ProfileStory } from './components/ProfileStory';
 export { default as ManagmentStoryComponent } from './components/ManagmentStoryComponent';
 export { default as StoryHeaderPlayer } from './components/StoryHeaderPlayer';
+export * from './models/stories';
+export * from './models/reactions';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maycolem/stories",
-  "version": "32.0.0",
+  "version": "33.0.0",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
   "types": "dist/index.d.ts",

package/dist/src/components/dataMock-IA.d.ts

@@ -1,2 +0,0 @@
-import { IStoriesProfile } from '../types/types';
-export declare const storiesDataAll: IStoriesProfile[];