@maycolem/stories 47.0.13 → 47.0.14

package/dist/index.cjs.js

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

package/dist/index.esm.js

@@ -21704,6 +21704,7 @@ function StoriesProvider({
   return !gA || !rA ? null : /* @__PURE__ */ jsx(Provider, { store: rA, children: tA });
 }
 export {
+  CardStory,
   EReactions,
   EStoryType,
   ManagmentStoryComponent,

package/dist/src/index.d.ts

@@ -4,5 +4,6 @@ export { default as ProfileStory } from './components/ProfileStory';
 export { default as ManagmentStoryComponent } from './components/ManagmentStoryComponent';
 export { default as StoryHeaderPlayer } from './components/StoryHeaderPlayer';
 export { default as StoriesProvider } from './components/StoriesProvider';
+export { default as CardStory } from './features/story/components/story/CardStory';
 export * from './models/stories';
 export * from './models/reactions';

package/package.json

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