dinocollab-shared 1.1.17 → 1.1.19

package/dist/media-player/player.video-stream.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"player.video-stream.js","sources":["../../src/media-player/player.video-stream.tsx"],"sourcesContent":["import React, { useEffect } from 'react'\r\nimport { Box, Fade, Skeleton, styled } from '@mui/material'\r\nimport { useStreamUrl } from './helpers'\r\nimport MediaPlayerCore, { MediaPlayerSlot } from './core/videoplayer'\r\nimport { EMediaPlayerStatus } from './types'\r\nimport type { MediaPlayerBaseProps, MediaPlayerBaseSlots } from './types'\r\n\r\nexport interface MediaPlayerSlotsProps extends MediaPlayerBaseSlots {\r\n  disabledBackground?: boolean\r\n  keepTabActive?: boolean\r\n}\r\n\r\ninterface IProps extends MediaPlayerBaseProps {\r\n  slots?: MediaPlayerSlotsProps\r\n  slotMedia?: MediaPlayerSlot\r\n  mediaMetadata?: MediaMetadata\r\n}\r\n\r\nconst mediaPlayerClasses = {\r\n  disabledLoading: 'disabled-loading',\r\n  disabledBackground: 'disabled-background'\r\n}\r\n\r\nconst MediaPlayerVideo = React.forwardRef<HTMLVideoElement, IProps>((props, ref) => {\r\n  const { status, streamUrl } = useStreamUrl(props.resourceId, props.fetchDataStream)\r\n\r\n  useEffect(() => {\r\n    const keepActive = () => requestAnimationFrame(keepActive)\r\n    const rafId = requestAnimationFrame(keepActive)\r\n    return () => cancelAnimationFrame(rafId)\r\n  }, [])\r\n\r\n  const renderLoading = () => {\r\n    if (props.slots?.loading) return props.slots.loading\r\n    const duration = props.slots?.loadingProps?.animationDuration ?? '1s'\r\n    return <Skeleton animation='wave' variant='rounded' sx={{ width: '100%', height: '100%', '&::after': { animationDuration: duration } }} />\r\n  }\r\n\r\n  const getClasses = (): string | undefined => {\r\n    const classes: string[] = []\r\n    if (props.slots?.loadingProps?.disabled) classes.push(mediaPlayerClasses.disabledLoading)\r\n    if (props.slots?.disabledBackground) classes.push(mediaPlayerClasses.disabledBackground)\r\n    if (status !== EMediaPlayerStatus.Loading && !props.loading && streamUrl) {\r\n      classes.push('loaded')\r\n    }\r\n    return classes.length > 0 ? classes.join(' ') : undefined\r\n  }\r\n\r\n  return (\r\n    <WrapPlayer className={getClasses()}>\r\n      <WrapVideo sx={{ zIndex: 3 }}>\r\n        {streamUrl && (\r\n          <MediaPlayerCore\r\n            ref={ref}\r\n            className='player'\r\n            src={streamUrl}\r\n            mediaMetadata={props.mediaMetadata}\r\n            {...props.slotMedia}\r\n            controls={props.slotMedia?.controls}\r\n          />\r\n        )}\r\n      </WrapVideo>\r\n      <Fade in={(status === EMediaPlayerStatus.Loading || props.loading) && props.slots?.loadingProps?.disabled !== true}>\r\n        <WrapVideo>{renderLoading()}</WrapVideo>\r\n      </Fade>\r\n      <Fade in={status === EMediaPlayerStatus.Error && !props.loading} unmountOnExit>\r\n        <WrapVideo>\r\n          <img src='images/video-error.webp' alt='video-error' style={{ width: '100%', height: '100%' }} />\r\n        </WrapVideo>\r\n      </Fade>\r\n    </WrapPlayer>\r\n  )\r\n})\r\n\r\nexport default React.memo(MediaPlayerVideo)\r\n\r\nconst WrapPlayer = styled(Box)({\r\n  '--mp-core1-color-main': '#ed4229',\r\n  '--mp-core1-color-text': '#fff',\r\n  '--mp-core1-icon-size': '34px',\r\n  position: 'relative',\r\n  aspectRatio: '16/9',\r\n  borderRadius: '6px',\r\n  overflow: 'hidden',\r\n  '&.loaded': {\r\n    background: '#000',\r\n    boxShadow: 'rgba(0, 0, 0, 0.24) 0px 3px 8px'\r\n  },\r\n  [`&.${mediaPlayerClasses.disabledBackground}`]: {\r\n    background: 'unset'\r\n  }\r\n})\r\n\r\nconst WrapVideo = styled(Box)({\r\n  '--plyr-color-main': '#ed4229',\r\n  position: 'absolute',\r\n  top: 0,\r\n  left: 0,\r\n  width: '100%',\r\n  height: '100%',\r\n  zIndex: 2,\r\n  '.MPCore1-root': {\r\n    width: '100%',\r\n    height: '100%'\r\n  }\r\n})\r\n"],"names":["styled","Box","_defineProperty","position","aspectRatio","borderRadius","overflow","background","boxShadow","concat","top","left","width","height","zIndex"],"mappings":"mNA4EmBA,EAAOC,EAAPD,CAAWE,EAAA,CAC5B,wBAAyB,UACzB,wBAAyB,OACzB,uBAAwB,OACxBC,SAAU,WACVC,YAAa,OACbC,aAAc,MACdC,SAAU,SACV,WAAY,CACVC,WAAY,OACZC,UAAW,oCACZ,KAAAC,OAnEmB,uBAoE4B,CAC9CF,WAAY,WAIEP,EAAOC,EAAPD,CAAY,CAC5B,oBAAqB,UACrBG,SAAU,WACVO,IAAK,EACLC,KAAM,EACNC,MAAO,OACPC,OAAQ,OACRC,OAAQ,EACR,gBAAiB,CACfF,MAAO,OACPC,OAAQ"}

package/dist/media-player/preview.js

@@ -0,0 +1,2 @@
+import{objectWithoutProperties as e,objectSpread2 as t,inherits as o,createClass as i,classCallCheck as r,callSuper as l,defineProperty as n}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as a,Fragment as s,jsxs as c}from"react/jsx-runtime";import{Component as d}from"react";import{createPortal as h}from"react-dom";import{styled as p,Box as u,IconButton as f,Fade as m,Typography as v}from"@mui/material";import b from"@mui/icons-material/Close";var g=["children"],x="mpp-root",k="mpp-content",C="mpp-backdrop",y={show:function(){console.log("MediaPlayerPreviewProvider is not found!")},close:function(){console.log("MediaPlayerPreviewProvider is not found!")}},w={Provider:function(){function e(t){var o;return r(this,e),o=l(this,e,[t]),n(o,"handleShow",function(e){o.setState(e)}),n(o,"handleClose",function(e){"backdropClick"===e&&!0===o.state.disabledBackdrop||o.setState({player:null})}),o.state={player:null},o}return o(e,d),i(e,[{key:"componentDidMount",value:function(){y.show=this.handleShow,y.close=this.handleClose}},{key:"render",value:function(){var e=this;if(!this.state.player)return a(s,{});var t=this.state.player;return h(c(P,{className:x,children:[a(S,{className:C,onClick:function(){return e.handleClose("backdropClick")}}),c(j,{children:[a(m,{in:Boolean(this.state.title),children:a(v,{variant:"subtitle1",sx:{flex:1,color:"#fff"},children:this.state.title})}),a(I,{onClick:function(){return e.handleClose("closeButton")},size:"small",children:a(b,{fontSize:"small"})})]}),a(z,{className:k,children:a(t,{close:this.handleClose})})]}),document.body)}}])}(),Api:y},P=p(function(o){var i=o.children,r=e(o,g);return a(u,t(t({},r),{},{children:a("div",{children:i})}))})({position:"fixed",top:0,left:0,bottom:0,right:0,zIndex:1500,"& > div":{position:"relative",width:"100%",height:"100%"}}),S=p(u)({position:"absolute",top:0,left:0,width:"100%",height:"100%",background:"rgba(0,0,0,0.325)",zIndex:1}),z=p(u)({position:"absolute",zIndex:2,top:"50%",left:"50%",transform:"translate(-50%, -50%)",maxHeight:"calc(100vh - 24px)",overflowY:"auto"}),I=p(f)({color:"#fff","&:hover":{color:"#ff200c"}}),j=p(u)({background:"rgba(0,0,0,0.35)",position:"absolute",top:0,left:0,width:"100%",height:"48px",display:"flex",alignItems:"center",padding:"0 20px",zIndex:3});export{w as MediaPlayerPreview,w as default};
+//# sourceMappingURL=preview.js.map

package/dist/media-player/preview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview.js","sources":["../../src/media-player/preview.tsx"],"sourcesContent":["import { Component } from 'react'\r\nimport { createPortal } from 'react-dom'\r\nimport { Box, BoxProps, Fade, IconButton, styled, Typography } from '@mui/material'\r\nimport CloseIcon from '@mui/icons-material/Close'\r\nimport { MediaPlayerClose, MediaPlayerShow } from './types'\r\n\r\nexport interface MediaPlayerProps {\r\n  close?: MediaPlayerClose\r\n}\r\n\r\nconst mppClasses = {\r\n  root: 'mpp-root',\r\n  content: 'mpp-content',\r\n  backdrop: 'mpp-backdrop'\r\n}\r\n\r\ninterface IState {\r\n  player: React.ComponentType<MediaPlayerProps> | null\r\n  title?: string\r\n  disabledBackdrop?: boolean\r\n}\r\n\r\ninterface IActions {\r\n  show: MediaPlayerShow<IState>\r\n  close: MediaPlayerClose\r\n}\r\n\r\nconst MediaPlayerPreviewApi: IActions = {\r\n  show: () => {\r\n    console.log('MediaPlayerPreviewProvider is not found!')\r\n  },\r\n  close: () => {\r\n    console.log('MediaPlayerPreviewProvider is not found!')\r\n  }\r\n}\r\n\r\ninterface IProps {}\r\n\r\nclass MediaPlayerPreviewProvider extends Component<IProps, IState> {\r\n  constructor(props: IProps) {\r\n    super(props)\r\n    this.state = { player: null }\r\n  }\r\n\r\n  handleShow: MediaPlayerShow<IState> = (value) => {\r\n    this.setState(value)\r\n  }\r\n\r\n  handleClose: MediaPlayerClose = (reason) => {\r\n    if (reason === 'backdropClick' && this.state.disabledBackdrop === true) return\r\n    this.setState({ player: null })\r\n  }\r\n\r\n  componentDidMount() {\r\n    MediaPlayerPreviewApi.show = this.handleShow\r\n    MediaPlayerPreviewApi.close = this.handleClose\r\n  }\r\n\r\n  render() {\r\n    if (!this.state.player) return <></>\r\n    const PlayerComponent = this.state.player\r\n    return createPortal(\r\n      <Wrap className={mppClasses.root}>\r\n        <Backdrop className={mppClasses.backdrop} onClick={() => this.handleClose('backdropClick')} />\r\n        <TopBar>\r\n          <Fade in={Boolean(this.state.title)}>\r\n            <Typography variant='subtitle1' sx={{ flex: 1, color: '#fff' }}>\r\n              {this.state.title}\r\n            </Typography>\r\n          </Fade>\r\n          <BtnClose onClick={() => this.handleClose('closeButton')} size='small'>\r\n            <CloseIcon fontSize='small' />\r\n          </BtnClose>\r\n        </TopBar>\r\n        <WrapContent className={mppClasses.content}>\r\n          <PlayerComponent close={this.handleClose} />\r\n        </WrapContent>\r\n      </Wrap>,\r\n      document.body\r\n    )\r\n  }\r\n}\r\n\r\nexport const MediaPlayerPreview = {\r\n  Provider: MediaPlayerPreviewProvider,\r\n  Api: MediaPlayerPreviewApi\r\n}\r\n\r\nexport default MediaPlayerPreview\r\n\r\nconst Wrap = styled(({ children, ...props }: BoxProps) => (\r\n  <Box {...props}>\r\n    <div>{children}</div>\r\n  </Box>\r\n))({\r\n  position: 'fixed',\r\n  top: 0,\r\n  left: 0,\r\n  bottom: 0,\r\n  right: 0,\r\n  zIndex: 1500,\r\n  '& > div': {\r\n    position: 'relative',\r\n    width: '100%',\r\n    height: '100%'\r\n  }\r\n})\r\n\r\nconst Backdrop = styled(Box)({\r\n  position: 'absolute',\r\n  top: 0,\r\n  left: 0,\r\n  width: '100%',\r\n  height: '100%',\r\n  background: 'rgba(0,0,0,0.325)',\r\n  zIndex: 1\r\n})\r\n\r\nconst WrapContent = styled(Box)({\r\n  position: 'absolute',\r\n  zIndex: 2,\r\n  top: '50%',\r\n  left: '50%',\r\n  transform: 'translate(-50%, -50%)',\r\n  maxHeight: 'calc(100vh - 24px)',\r\n  overflowY: 'auto'\r\n})\r\n\r\nconst BtnClose = styled(IconButton)({\r\n  color: '#fff',\r\n  '&:hover': {\r\n    color: '#ff200c'\r\n  }\r\n})\r\n\r\nconst TopBar = styled(Box)({\r\n  background: 'rgba(0,0,0,0.35)',\r\n  position: 'absolute',\r\n  top: 0,\r\n  left: 0,\r\n  width: '100%',\r\n  height: '48px',\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  padding: '0 20px',\r\n  zIndex: 3\r\n})\r\n"],"names":["mppClasses","MediaPlayerPreviewApi","show","console","log","close","MediaPlayerPreview","Provider","MediaPlayerPreviewProvider","props","_this","_classCallCheck","_callSuper","_defineProperty","value","setState","reason","state","disabledBackdrop","player","_inherits","Component","_createClass","key","this","handleShow","handleClose","_this2","_jsx","PlayerComponent","createPortal","_jsxs","Wrap","className","children","Backdrop","onClick","TopBar","Fade","in","Boolean","title","Typography","variant","sx","flex","color","BtnClose","size","CloseIcon","fontSize","WrapContent","document","body","Api","styled","_ref","_objectWithoutProperties","_excluded","Box","_objectSpread","position","top","left","bottom","right","zIndex","width","height","background","transform","maxHeight","overflowY","IconButton","display","alignItems","padding"],"mappings":"6dAUMA,EACE,WADFA,EAEK,cAFLA,EAGM,eAcNC,EAAkC,CACtCC,KAAM,WACJC,QAAQC,IAAI,2CACb,EACDC,MAAO,WACLF,QAAQC,IAAI,2CACd,GAkDWE,EAAqB,CAChCC,oBA7CA,SAAAC,EAAYC,GAAa,IAAAC,EAEM,OAFNC,OAAAH,GACvBE,EAAAE,EAAAJ,KAAAA,GAAMC,IAAMI,EAAAH,EAIwB,aAAA,SAACI,GACrCJ,EAAKK,SAASD,KACfD,EAAAH,EAE+B,cAAA,SAACM,GAChB,kBAAXA,IAA8D,IAAhCN,EAAKO,MAAMC,kBAC7CR,EAAKK,SAAS,CAAEI,OAAQ,SATxBT,EAAKO,MAAQ,CAAEE,OAAQ,MAAMT,CAC/B,CAAC,OAAAU,EAAAZ,EAJsCa,GAItCC,EAAAd,EAAA,CAAA,CAAAe,IAAA,oBAAAT,MAWD,WACEb,EAAsBC,KAAOsB,KAAKC,WAClCxB,EAAsBI,MAAQmB,KAAKE,WACrC,GAAC,CAAAH,IAAA,SAAAT,MAED,WAAM,IAAAa,EAAAH,KACJ,IAAKA,KAAKP,MAAME,OAAQ,OAAOS,QAC/B,IAAMC,EAAkBL,KAAKP,MAAME,OACnC,OAAOW,EACLC,EAACC,EAAK,CAAAC,UAAWjC,EACfkC,SAAA,CAAAN,EAACO,EAAQ,CAACF,UAAWjC,EAAqBoC,QAAS,WAAF,OAAQT,EAAKD,YAAY,gBAAgB,IAC1FK,EAACM,EACC,CAAAH,SAAA,CAAAN,EAACU,EAAI,CAACC,GAAIC,QAAQhB,KAAKP,MAAMwB,OAAMP,SACjCN,EAACc,EAAW,CAAAC,QAAQ,YAAYC,GAAI,CAAEC,KAAM,EAAGC,MAAO,QAAQZ,SAC3DV,KAAKP,MAAMwB,UAGhBb,EAACmB,GAASX,QAAS,WAAF,OAAQT,EAAKD,YAAY,cAAc,EAAEsB,KAAK,QAAOd,SACpEN,EAACqB,EAAS,CAACC,SAAS,eAGxBtB,EAACuB,EAAW,CAAClB,UAAWjC,EACtBkC,SAAAN,EAACC,EAAe,CAACxB,MAAOmB,KAAKE,mBAGjC0B,SAASC,KAEb,IAAC,IAKDC,IAAKrD,GAKD+B,EAAOuB,EAAO,SAAAC,GAAA,IAAGtB,EAAQsB,EAARtB,SAAazB,EAAKgD,EAAAD,EAAAE,GAAA,OACvC9B,EAAC+B,EAAGC,EAAAA,KAAKnD,GAAK,GAAA,CAAAyB,SACZN,EAAM,MAAA,CAAAM,SAAAA,MACF,EAHKqB,CAIV,CACDM,SAAU,QACVC,IAAK,EACLC,KAAM,EACNC,OAAQ,EACRC,MAAO,EACPC,OAAQ,KACR,UAAW,CACTL,SAAU,WACVM,MAAO,OACPC,OAAQ,UAINjC,EAAWoB,EAAOI,EAAPJ,CAAY,CAC3BM,SAAU,WACVC,IAAK,EACLC,KAAM,EACNI,MAAO,OACPC,OAAQ,OACRC,WAAY,oBACZH,OAAQ,IAGJf,EAAcI,EAAOI,EAAPJ,CAAY,CAC9BM,SAAU,WACVK,OAAQ,EACRJ,IAAK,MACLC,KAAM,MACNO,UAAW,wBACXC,UAAW,qBACXC,UAAW,SAGPzB,EAAWQ,EAAOkB,EAAPlB,CAAmB,CAClCT,MAAO,OACP,UAAW,CACTA,MAAO,aAILT,EAASkB,EAAOI,EAAPJ,CAAY,CACzBc,WAAY,mBACZR,SAAU,WACVC,IAAK,EACLC,KAAM,EACNI,MAAO,OACPC,OAAQ,OACRM,QAAS,OACTC,WAAY,SACZC,QAAS,SACTV,OAAQ"}

package/dist/media-player/types.js

@@ -0,0 +1,2 @@
+var o;!function(o){o.Loading="Loading",o.Loaded="Loaded",o.Error="Error"}(o||(o={}));export{o as EMediaPlayerStatus};
+//# sourceMappingURL=types.js.map

package/dist/media-player/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../src/media-player/types.ts"],"sourcesContent":["import { ReactNode } from 'react'\r\nimport { Breakpoint } from '@mui/material'\r\n\r\ntype IReason = 'backdropClick' | 'escape' | 'closeButton'\r\n\r\nexport type MediaPlayerClose = (reason?: IReason) => void\r\n\r\nexport type MediaPlayerShow<T> = (value: T) => void\r\n\r\nexport interface IMediaStream {\r\n  code: number\r\n  token: string\r\n  StreamUrl: string\r\n}\r\n\r\nexport type FetchDataStream = (resourceId: string, signal?: AbortSignal) => Promise<IMediaStream[]>\r\n\r\nexport interface MediaPlayerBaseProps {\r\n  resourceId: string\r\n  fetchDataStream: FetchDataStream\r\n  loading?: boolean\r\n}\r\n\r\nexport type AspectRatioParams = number | Partial<Record<Breakpoint, number>>\r\n\r\nexport interface MediaPlayerBaseSlots {\r\n  /**\r\n   * Aspect ratio (height / width), used to calculate height based on width.\r\n   * @default 56.25 (%)\r\n   */\r\n  aspectRatio?: AspectRatioParams\r\n  loading?: ReactNode\r\n  loadingProps?: {\r\n    disabled?: boolean\r\n    animationDuration?: string\r\n  }\r\n}\r\n\r\nexport enum EMediaPlayerStatus {\r\n  Loading = 'Loading',\r\n  Loaded = 'Loaded',\r\n  Error = 'Error'\r\n}\r\n"],"names":["EMediaPlayerStatus"],"mappings":"IAsCYA,GAAZ,SAAYA,GACVA,EAAA,QAAA,UACAA,EAAA,OAAA,SACAA,EAAA,MAAA,OACD,CAJD,CAAYA,IAAAA,EAIX,CAAA"}

package/dist/media-player.d.ts

@@ -0,0 +1,2 @@
+// Re-export types from media-player submodule
+export * from './types/media-player/index';

package/dist/media-player.js

@@ -0,0 +1,2 @@
+// Re-export from media-player submodule
+module.exports = require('./media-player/index.js');

package/dist/media-player.mjs

@@ -0,0 +1,2 @@
+// Re-export from media-player submodule (ESM)
+export * from './media-player/index.js';

package/dist/notification/widget.js

@@ -1,2 +1,2 @@
-import{slicedToArray as t,inherits as n,createClass as o,asyncToGenerator as r,objectSpread2 as e,classCallCheck as a,callSuper as i,defineProperty as l,regenerator as c}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as s,jsxs as u,Fragment as d}from"react/jsx-runtime";import{Badge as f}from"@mui/material";import{useState as p,useEffect as h,Component as m}from"react";import{GlobalModal as v,mapGlobalModalContext as C}from"dinocollab-core/api-context";import g from"@mui/icons-material/NotificationsNone";import{MenuStyled as y}from"./styled.js";import{IconButtonDark as k}from"../components/buttons.js";import{useFetchData as b}from"./hook.js";import j from"./notify-list.js";import x from"./notify-detail.js";var E=function(){function t(n){var o;return a(this,t),o=i(this,t,[n]),l(o,"onClickHandler",function(t){var n;o.onClose(),null===(n=o.globalModalContext)||void 0===n||n.show({backdropActivated:!0,renderContent:function(){var n;return s(x,{data:[t],onRead:o.onReadHandler,onClose:null===(n=o.globalModalContext)||void 0===n?void 0:n.close})}})}),l(o,"onOpen",function(t){o.setState({anchorEl:t})}),l(o,"onClose",function(){o.setState({anchorEl:null})}),l(o,"onReadHandler",function(t){var n;null===(n=o.globalModalContext)||void 0===n||n.close();try{var r,e;null===(r=(e=o.props).onReaded)||void 0===r||r.call(e,t.Id)}catch(t){console.error("Error updating read state:",t)}}),o.state={anchorEl:null,hydrated:!1},o}return n(t,m),o(t,[{key:"notifications",get:function(){var t;return null!==(t=this.props.data)&&void 0!==t?t:[]}},{key:"newFeatureCount",get:function(){return this.notifications.filter(function(t){return!t.IsRead}).length}},{key:"componentDidMount",value:function(){this.setState({hydrated:!0})}},{key:"render",value:function(){var t=this;return u(d,{children:[s(k,{onClick:function(n){return t.onOpen(n.currentTarget)},children:s(f,{badgeContent:this.state.hydrated?this.newFeatureCount:0,color:"error",children:s(g,{})})}),s(y,{disableScrollLock:!0,anchorEl:this.state.anchorEl,open:Boolean(this.state.anchorEl),onClose:this.onClose,anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},MenuListProps:{component:"div"},children:C(function(n){return t.globalModalContext=n,s(j,{data:t.props.data,onClick:t.onClickHandler})})})]})}}])}(),R=function(n){var o=b(n.featData),a=p([]),i=t(a,2),l=i[0],u=i[1];h(function(){o.data&&u(o.data)},[o.data]);var d=function(){var t=r(c().m(function t(o,r){var a;return c().w(function(t){for(;;)switch(t.n){case 0:return t.n=1,null===(a=n.readed)||void 0===a?void 0:a.call(n,o,r);case 1:u(function(t){return t.map(function(t){return t.Id===o?e(e({},t),{},{IsRead:!0}):t})});case 2:return t.a(2)}},t)}));return function(n,o){return t.apply(this,arguments)}}();return s(v,{children:s(E,{data:l,loading:o.loading,onReaded:d})})},M=function(t){var n=function(n){return s(R,e(e({},t),n))};return n.displayName="NotificationWidget",n};export{R as NotificationWidget,M as createNotificationWidget,R as default};
+import{slicedToArray as t,inherits as n,createClass as o,asyncToGenerator as r,objectSpread2 as e,classCallCheck as a,callSuper as i,defineProperty as l,regenerator as c}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as s,jsxs as u,Fragment as d}from"react/jsx-runtime";import{Badge as f}from"@mui/material";import{useState as p,useEffect as h,Component as m}from"react";import{GlobalModal as v,mapGlobalModalContext as C}from"dinocollab-core/api-context";import g from"@mui/icons-material/NotificationsNone";import{MenuStyled as y}from"./styled.js";import{IconButtonDark as k}from"../components/buttons.js";import{useFetchData as b}from"./hook.js";import j from"./notify-list.js";import x from"./notify-detail.js";var E=function(){function t(n){var o;return a(this,t),o=i(this,t,[n]),l(o,"onClickHandler",function(t){var n;o.onClose(),null===(n=o.globalModalContext)||void 0===n||n.show({backdropActivated:!0,renderContent:function(){var n;return s(x,{data:[t],onRead:o.onReadHandler,onClose:null===(n=o.globalModalContext)||void 0===n?void 0:n.close})}})}),l(o,"onOpen",function(t){o.setState({anchorEl:t})}),l(o,"onClose",function(){o.setState({anchorEl:null})}),l(o,"onReadHandler",function(t){var n;null===(n=o.globalModalContext)||void 0===n||n.close();try{var r,e;null===(r=(e=o.props).onReaded)||void 0===r||r.call(e,t.Id)}catch(t){console.error("Error updating read state:",t)}}),o.state={anchorEl:null,hydrated:!1},o}return n(t,m),o(t,[{key:"notifications",get:function(){var t;return null!==(t=this.props.data)&&void 0!==t?t:[]}},{key:"newFeatureCount",get:function(){return this.notifications.filter(function(t){return!t.IsRead}).length}},{key:"componentDidMount",value:function(){this.setState({hydrated:!0})}},{key:"render",value:function(){var t=this;return u(d,{children:[s(k,{onClick:function(n){return t.onOpen(n.currentTarget)},children:s(f,{badgeContent:this.state.hydrated?this.newFeatureCount:0,color:"error",children:s(g,{fontSize:"small"})})}),s(y,{disableScrollLock:!0,anchorEl:this.state.anchorEl,open:Boolean(this.state.anchorEl),onClose:this.onClose,anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},MenuListProps:{component:"div"},children:C(function(n){return t.globalModalContext=n,s(j,{data:t.props.data,onClick:t.onClickHandler})})})]})}}])}(),R=function(n){var o=b(n.featData),a=p([]),i=t(a,2),l=i[0],u=i[1];h(function(){o.data&&u(o.data)},[o.data]);var d=function(){var t=r(c().m(function t(o,r){var a;return c().w(function(t){for(;;)switch(t.n){case 0:return t.n=1,null===(a=n.readed)||void 0===a?void 0:a.call(n,o,r);case 1:u(function(t){return t.map(function(t){return t.Id===o?e(e({},t),{},{IsRead:!0}):t})});case 2:return t.a(2)}},t)}));return function(n,o){return t.apply(this,arguments)}}();return s(v,{children:s(E,{data:l,loading:o.loading,onReaded:d})})},S=function(t){var n=function(n){return s(R,e(e({},t),n))};return n.displayName="NotificationWidget",n};export{R as NotificationWidget,S as createNotificationWidget,R as default};
 //# sourceMappingURL=widget.js.map

package/dist/notification/widget.js.map

@@ -1 +1 @@
-{"version":3,"file":"widget.js","sources":["../../src/notification/widget.tsx"],"sourcesContent":["import { Badge } from '@mui/material'\r\nimport { Component, FC, useEffect, useState } from 'react'\r\nimport { GlobalModal, IGlobalModalContext, mapGlobalModalContext } from 'dinocollab-core/api-context'\r\nimport NotificationsNoneIcon from '@mui/icons-material/NotificationsNone'\r\nimport { MenuStyled } from './styled'\r\nimport { IconButtonDark } from '../components/buttons'\r\nimport { FetcherFunction, useFetchData } from './hook'\r\nimport { INotification, ReadedFunction } from './types'\r\nimport NotifyList from './notify-list'\r\nimport NotifyDetail from './notify-detail'\r\n\r\ninterface INotificationProps {\r\n  loading?: boolean\r\n  data: INotification[]\r\n  onReaded?: ReadedFunction\r\n}\r\n\r\ninterface INotificationState {\r\n  anchorEl: HTMLElement | null\r\n  hydrated: boolean\r\n}\r\nclass NotificationContent extends Component<INotificationProps, INotificationState> {\r\n  globalModalContext?: IGlobalModalContext\r\n  constructor(props: INotificationProps) {\r\n    super(props)\r\n    this.state = { anchorEl: null, hydrated: false }\r\n  }\r\n\r\n  get notifications() {\r\n    return this.props.data ?? []\r\n  }\r\n\r\n  get newFeatureCount() {\r\n    return this.notifications.filter((n) => !n.IsRead).length\r\n  }\r\n\r\n  componentDidMount() {\r\n    // When mounted on the client, set hydrated = true\r\n    this.setState({ hydrated: true })\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <>\r\n        <IconButtonDark onClick={(e) => this.onOpen(e.currentTarget)}>\r\n          <Badge badgeContent={this.state.hydrated ? this.newFeatureCount : 0} color='error'>\r\n            <NotificationsNoneIcon />\r\n          </Badge>\r\n        </IconButtonDark>\r\n        <MenuStyled\r\n          disableScrollLock\r\n          anchorEl={this.state.anchorEl}\r\n          open={Boolean(this.state.anchorEl)}\r\n          onClose={this.onClose}\r\n          anchorOrigin={{ vertical: 'top', horizontal: 'right' }}\r\n          transformOrigin={{ vertical: 'top', horizontal: 'right' }}\r\n          MenuListProps={{ component: 'div' }}\r\n        >\r\n          {mapGlobalModalContext((context: IGlobalModalContext) => {\r\n            this.globalModalContext = context\r\n            return <NotifyList data={this.props.data} onClick={this.onClickHandler} />\r\n          })}\r\n        </MenuStyled>\r\n      </>\r\n    )\r\n  }\r\n\r\n  onClickHandler = (value: INotification) => {\r\n    this.onClose()\r\n    this.globalModalContext?.show({\r\n      backdropActivated: true,\r\n      renderContent: () => <NotifyDetail data={[value]} onRead={this.onReadHandler} onClose={this.globalModalContext?.close} />\r\n    })\r\n  }\r\n\r\n  onOpen = (target: HTMLElement) => {\r\n    this.setState({ anchorEl: target })\r\n  }\r\n\r\n  onClose = () => {\r\n    this.setState({ anchorEl: null })\r\n  }\r\n\r\n  onReadHandler = (value: INotification) => {\r\n    this.globalModalContext?.close()\r\n    // NotifyLocalStorage.setSingle(value.Id)\r\n    try {\r\n      // Call the callback to update the read state in the parent component\r\n      this.props.onReaded?.(value.Id)\r\n    } catch (error) {\r\n      console.error('Error updating read state:', error)\r\n    }\r\n  }\r\n}\r\n\r\nexport interface INotificationWidgetProps {\r\n  featData: FetcherFunction<INotification[]>\r\n  readed?: ReadedFunction\r\n}\r\n\r\nexport const NotificationWidget: FC<INotificationWidgetProps> = (props) => {\r\n  const intitialData = useFetchData<INotification[]>(props.featData)\r\n  const [data, setData] = useState<INotification[]>([])\r\n\r\n  // When initialData changes, update the local state\r\n  useEffect(() => {\r\n    if (intitialData.data) setData(intitialData.data)\r\n  }, [intitialData.data])\r\n\r\n  // Function to update read notifications\r\n  const handleRead: ReadedFunction = async (id: string, signal?: AbortSignal) => {\r\n    await props.readed?.(id, signal)\r\n    setData((prev) => prev.map((n) => (n.Id === id ? { ...n, IsRead: true } : n)))\r\n  }\r\n\r\n  return (\r\n    <GlobalModal>\r\n      <NotificationContent data={data} loading={intitialData.loading} onReaded={handleRead} />\r\n    </GlobalModal>\r\n  )\r\n}\r\nexport default NotificationWidget\r\n\r\nexport const createNotificationWidget = (params: INotificationWidgetProps) => {\r\n  const _NotificationWidget: FC<Partial<INotificationWidgetProps>> = (props) => <NotificationWidget {...params} {...props} />\r\n  _NotificationWidget.displayName = 'NotificationWidget'\r\n  return _NotificationWidget\r\n}\r\n"],"names":["NotificationContent","props","_this","_classCallCheck","_callSuper","_defineProperty","value","_this$globalModalCont","onClose","globalModalContext","show","backdropActivated","renderContent","_this$globalModalCont2","_jsx","NotifyDetail","data","onRead","onReadHandler","close","target","setState","anchorEl","_this$globalModalCont3","_this$props$onReaded","_this$props","onReaded","call","Id","error","console","state","hydrated","_inherits","Component","_createClass","key","get","_this$props$data","this","notifications","filter","n","IsRead","length","_this2","_jsxs","_Fragment","children","IconButtonDark","onClick","e","onOpen","currentTarget","Badge","badgeContent","newFeatureCount","color","NotificationsNoneIcon","MenuStyled","disableScrollLock","open","Boolean","anchorOrigin","vertical","horizontal","transformOrigin","MenuListProps","component","mapGlobalModalContext","context","NotifyList","onClickHandler","NotificationWidget","intitialData","useFetchData","featData","_useState","useState","_useState2","_slicedToArray","setData","useEffect","handleRead","_ref","_asyncToGenerator","_regenerator","m","_callee","id","signal","_props$readed","w","_context","readed","prev","map","_objectSpread","a","_x","_x2","apply","arguments","GlobalModal","loading","createNotificationWidget","params","_NotificationWidget","displayName"],"mappings":"stBAS0C,IAYpCA,aAEJ,SAAAA,EAAYC,GAAyB,IAAAC,EAEa,OAFbC,OAAAH,GACnCE,EAAAE,EAAAJ,KAAAA,GAAMC,IAAMI,EAAAH,EA2CG,iBAAA,SAACI,GAAwB,IAAAC,EACxCL,EAAKM,UACkBD,QAAvBA,EAAAL,EAAKO,0BAALF,IAAuBA,GAAvBA,EAAyBG,KAAK,CAC5BC,mBAAmB,EACnBC,cAAe,WAAF,IAAAC,EAAA,OAAQC,EAACC,EAAY,CAACC,KAAM,CAACV,GAAQW,OAAQf,EAAKgB,cAAeV,QAAgCK,QAAzBA,EAAEX,EAAKO,0BAALI,IAAuBA,OAAvBA,EAAAA,EAAyBM,OAAS,MAE5Hd,EAAAH,EAEQ,SAAA,SAACkB,GACRlB,EAAKmB,SAAS,CAAEC,SAAUF,MAC3Bf,EAAAH,EAAA,UAES,WACRA,EAAKmB,SAAS,CAAEC,SAAU,SAC3BjB,EAAAH,EAEe,gBAAA,SAACI,GAAwB,IAAAiB,EAChB,QAAvBA,EAAArB,EAAKO,0BAAkB,IAAAc,GAAvBA,EAAyBJ,QAEzB,IAAI,IAAAK,EAAAC,EAEiB,QAAnBD,GAAAC,EAAAvB,EAAKD,OAAMyB,gBAAXF,IAAmBA,GAAnBA,EAAAG,KAAAF,EAAsBnB,EAAMsB,GAC7B,CAAC,MAAOC,GACPC,QAAQD,MAAM,6BAA8BA,EAC7C,IAlED3B,EAAK6B,MAAQ,CAAET,SAAU,KAAMU,UAAU,GAAO9B,CAClD,CAAC,OAAA+B,EAAAjC,EAL+BkC,GAK/BC,EAAAnC,EAAA,CAAA,CAAAoC,IAAA,gBAAAC,IAED,WAAiB,IAAAC,EACf,OAAsB,QAAtBA,EAAOC,KAAKtC,MAAMe,YAAI,IAAAsB,EAAAA,EAAI,EAC5B,GAAC,CAAAF,IAAA,kBAAAC,IAED,WACE,OAAOE,KAAKC,cAAcC,OAAO,SAACC,GAAC,OAAMA,EAAEC,MAAM,GAAEC,MACrD,GAAC,CAAAR,IAAA,oBAAA9B,MAED,WAEEiC,KAAKlB,SAAS,CAAEW,UAAU,GAC5B,GAAC,CAAAI,IAAA,SAAA9B,MAED,WAAM,IAAAuC,EAAAN,KACJ,OACEO,EACEC,EAAA,CAAAC,SAAA,CAAAlC,EAACmC,EAAc,CAACC,QAAS,SAACC,GAAC,OAAKN,EAAKO,OAAOD,EAAEE,cAAc,EAC1DL,SAAAlC,EAACwC,EAAK,CAACC,aAAchB,KAAKR,MAAMC,SAAWO,KAAKiB,gBAAkB,EAAGC,MAAM,QACzET,SAAAlC,EAAC4C,EAAqB,CAAA,OAG1B5C,EAAC6C,EAAU,CACTC,mBAAiB,EACjBtC,SAAUiB,KAAKR,MAAMT,SACrBuC,KAAMC,QAAQvB,KAAKR,MAAMT,UACzBd,QAAS+B,KAAK/B,QACduD,aAAc,CAAEC,SAAU,MAAOC,WAAY,SAC7CC,gBAAiB,CAAEF,SAAU,MAAOC,WAAY,SAChDE,cAAe,CAAEC,UAAW,OAE3BpB,SAAAqB,EAAsB,SAACC,GAEtB,OADAzB,EAAKpC,mBAAqB6D,EACnBxD,EAACyD,EAAU,CAACvD,KAAM6B,EAAK5C,MAAMe,KAAMkC,QAASL,EAAK2B,gBACzD,OAIT,IAAC,IAmCUC,EAAmD,SAACxE,GAC/D,IAAMyE,EAAeC,EAA8B1E,EAAM2E,UACzDC,EAAwBC,EAA0B,IAAGC,EAAAC,EAAAH,EAAA,GAA9C7D,EAAI+D,EAAA,GAAEE,EAAOF,EAAA,GAGpBG,EAAU,WACJR,EAAa1D,MAAMiE,EAAQP,EAAa1D,KAC9C,EAAG,CAAC0D,EAAa1D,OAGjB,IAAMmE,EAAU,WAAA,IAAAC,EAAAC,EAAAC,IAAAC,EAAmB,SAAAC,EAAOC,EAAYC,GAAoB,IAAAC,EAAA,OAAAL,IAAAM,EAAA,SAAAC,GAAA,cAAAA,EAAAnD,GAAA,KAAA,EAAA,OAAAmD,EAAAnD,EAAA,UAAAiD,EAClE1F,EAAM6F,cAAM,IAAAH,OAAA,EAAZA,EAAAhE,KAAA1B,EAAewF,EAAIC,GAAO,KAAA,EAChCT,EAAQ,SAACc,GAAI,OAAKA,EAAKC,IAAI,SAACtD,GAAC,OAAMA,EAAEd,KAAO6D,EAAEQ,EAAAA,EAAA,CAAA,EAAQvD,GAAC,GAAA,CAAEC,QAAQ,IAASD,CAAC,KAAG,KAAA,EAAA,OAAAmD,EAAAK,EAAA,GAAA,EAAAV,MAC/E,OAAA,SAHeW,EAAAC,GAAA,OAAAhB,EAAAiB,MAAA9D,KAAA+D,UAAA,EAAA,GAKhB,OACExF,EAACyF,EAAW,CAAAvD,SACVlC,EAACd,EAAmB,CAACgB,KAAMA,EAAMwF,QAAS9B,EAAa8B,QAAS9E,SAAUyD,KAGhF,EAGasB,EAA2B,SAACC,GACvC,IAAMC,EAA6D,SAAC1G,GAAK,OAAKa,EAAC2D,EAAkBwB,EAAAA,EAAA,CAAA,EAAKS,GAAYzG,GAAS,EAE3H,OADA0G,EAAoBC,YAAc,qBAC3BD,CACT"}
+{"version":3,"file":"widget.js","sources":["../../src/notification/widget.tsx"],"sourcesContent":["import { Badge } from '@mui/material'\r\nimport { Component, FC, useEffect, useState } from 'react'\r\nimport { GlobalModal, IGlobalModalContext, mapGlobalModalContext } from 'dinocollab-core/api-context'\r\nimport NotificationsNoneIcon from '@mui/icons-material/NotificationsNone'\r\nimport { MenuStyled } from './styled'\r\nimport { IconButtonDark } from '../components/buttons'\r\nimport { FetcherFunction, useFetchData } from './hook'\r\nimport { INotification, ReadedFunction } from './types'\r\nimport NotifyList from './notify-list'\r\nimport NotifyDetail from './notify-detail'\r\n\r\ninterface INotificationProps {\r\n  loading?: boolean\r\n  data: INotification[]\r\n  onReaded?: ReadedFunction\r\n}\r\n\r\ninterface INotificationState {\r\n  anchorEl: HTMLElement | null\r\n  hydrated: boolean\r\n}\r\nclass NotificationContent extends Component<INotificationProps, INotificationState> {\r\n  globalModalContext?: IGlobalModalContext\r\n  constructor(props: INotificationProps) {\r\n    super(props)\r\n    this.state = { anchorEl: null, hydrated: false }\r\n  }\r\n\r\n  get notifications() {\r\n    return this.props.data ?? []\r\n  }\r\n\r\n  get newFeatureCount() {\r\n    return this.notifications.filter((n) => !n.IsRead).length\r\n  }\r\n\r\n  componentDidMount() {\r\n    // When mounted on the client, set hydrated = true\r\n    this.setState({ hydrated: true })\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <>\r\n        <IconButtonDark onClick={(e) => this.onOpen(e.currentTarget)}>\r\n          <Badge badgeContent={this.state.hydrated ? this.newFeatureCount : 0} color='error'>\r\n            <NotificationsNoneIcon fontSize='small' />\r\n          </Badge>\r\n        </IconButtonDark>\r\n        <MenuStyled\r\n          disableScrollLock\r\n          anchorEl={this.state.anchorEl}\r\n          open={Boolean(this.state.anchorEl)}\r\n          onClose={this.onClose}\r\n          anchorOrigin={{ vertical: 'top', horizontal: 'right' }}\r\n          transformOrigin={{ vertical: 'top', horizontal: 'right' }}\r\n          MenuListProps={{ component: 'div' }}\r\n        >\r\n          {mapGlobalModalContext((context: IGlobalModalContext) => {\r\n            this.globalModalContext = context\r\n            return <NotifyList data={this.props.data} onClick={this.onClickHandler} />\r\n          })}\r\n        </MenuStyled>\r\n      </>\r\n    )\r\n  }\r\n\r\n  onClickHandler = (value: INotification) => {\r\n    this.onClose()\r\n    this.globalModalContext?.show({\r\n      backdropActivated: true,\r\n      renderContent: () => <NotifyDetail data={[value]} onRead={this.onReadHandler} onClose={this.globalModalContext?.close} />\r\n    })\r\n  }\r\n\r\n  onOpen = (target: HTMLElement) => {\r\n    this.setState({ anchorEl: target })\r\n  }\r\n\r\n  onClose = () => {\r\n    this.setState({ anchorEl: null })\r\n  }\r\n\r\n  onReadHandler = (value: INotification) => {\r\n    this.globalModalContext?.close()\r\n    // NotifyLocalStorage.setSingle(value.Id)\r\n    try {\r\n      // Call the callback to update the read state in the parent component\r\n      this.props.onReaded?.(value.Id)\r\n    } catch (error) {\r\n      console.error('Error updating read state:', error)\r\n    }\r\n  }\r\n}\r\n\r\nexport interface INotificationWidgetProps {\r\n  featData: FetcherFunction<INotification[]>\r\n  readed?: ReadedFunction\r\n}\r\n\r\nexport const NotificationWidget: FC<INotificationWidgetProps> = (props) => {\r\n  const intitialData = useFetchData<INotification[]>(props.featData)\r\n  const [data, setData] = useState<INotification[]>([])\r\n\r\n  // When initialData changes, update the local state\r\n  useEffect(() => {\r\n    if (intitialData.data) setData(intitialData.data)\r\n  }, [intitialData.data])\r\n\r\n  // Function to update read notifications\r\n  const handleRead: ReadedFunction = async (id: string, signal?: AbortSignal) => {\r\n    await props.readed?.(id, signal)\r\n    setData((prev) => prev.map((n) => (n.Id === id ? { ...n, IsRead: true } : n)))\r\n  }\r\n\r\n  return (\r\n    <GlobalModal>\r\n      <NotificationContent data={data} loading={intitialData.loading} onReaded={handleRead} />\r\n    </GlobalModal>\r\n  )\r\n}\r\nexport default NotificationWidget\r\n\r\nexport const createNotificationWidget = (params: INotificationWidgetProps) => {\r\n  const _NotificationWidget: FC<Partial<INotificationWidgetProps>> = (props) => <NotificationWidget {...params} {...props} />\r\n  _NotificationWidget.displayName = 'NotificationWidget'\r\n  return _NotificationWidget\r\n}\r\n"],"names":["NotificationContent","props","_this","_classCallCheck","_callSuper","_defineProperty","value","_this$globalModalCont","onClose","globalModalContext","show","backdropActivated","renderContent","_this$globalModalCont2","_jsx","NotifyDetail","data","onRead","onReadHandler","close","target","setState","anchorEl","_this$globalModalCont3","_this$props$onReaded","_this$props","onReaded","call","Id","error","console","state","hydrated","_inherits","Component","_createClass","key","get","_this$props$data","this","notifications","filter","n","IsRead","length","_this2","_jsxs","_Fragment","children","IconButtonDark","onClick","e","onOpen","currentTarget","Badge","badgeContent","newFeatureCount","color","NotificationsNoneIcon","fontSize","MenuStyled","disableScrollLock","open","Boolean","anchorOrigin","vertical","horizontal","transformOrigin","MenuListProps","component","mapGlobalModalContext","context","NotifyList","onClickHandler","NotificationWidget","intitialData","useFetchData","featData","_useState","useState","_useState2","_slicedToArray","setData","useEffect","handleRead","_ref","_asyncToGenerator","_regenerator","m","_callee","id","signal","_props$readed","w","_context","readed","prev","map","_objectSpread","a","_x","_x2","apply","arguments","GlobalModal","loading","createNotificationWidget","params","_NotificationWidget","displayName"],"mappings":"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"}

package/dist/types/layout-global/configs.d.ts

@@ -11,7 +11,7 @@ export declare const getHeaderMenuConfigs: (baseUrl: IAppSiteBaseUrl) => IAppMen
 export declare const getHeaderNavConfigs: (baseUrl: IAppSiteBaseUrl) => IAppNav[];
 export declare const getMenuNavConfigs: (baseUrl: IAppSiteBaseUrl) => IAppNav[];
 export declare const footerDescription = "We provide licensing services for music, images, and digital media,\ncopyright management, revenue optimization, and legal representation\nfor creators across multiple platforms.";
-export declare const copyrightText: string;
+export declare const getCopyrightText: () => string;
 export declare const getFooterNavTabConfigs: (baseUrl: IAppSiteBaseUrl) => IAppNav[];
 export declare const getFooterNavConfigs: (baseUrl: IAppSiteBaseUrl) => IAppNav[][];
 //# sourceMappingURL=configs.d.ts.map

package/dist/types/layout-global/configs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"configs.d.ts","sourceRoot":"","sources":["../../../src/layout-global/configs.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAmB,MAAM,SAAS,CAAA;AAC3F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE/C,eAAO,MAAM,UAAU,qBAAqB,CAAA;AAC5C,eAAO,MAAM,aAAa,SAAU,eAAe,WAA6B,CAAA;AAEhF,eAAO,MAAM,WAAW,0BAA0B,CAAA;AAClD,eAAO,MAAM,cAAc,SAAU,eAAe,WAA8B,CAAA;AAElF,eAAO,MAAM,gBAAgB,EAAE,UAAU,EAMxC,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAahD,CAAA;AAMD,eAAO,MAAM,WAAW,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,MAAM,CAAC,OAAO,EAAE,QAAQ,CAa9E,CAAA;AAEF,eAAO,MAAM,oBAAoB,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,QAAQ,EA6BxE,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,OAAO,EAWtE,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,OAAO,EAcpE,CAAA;AAED,eAAO,MAAM,iBAAiB,uLAAuL,CAAA;AAErN,eAAO,MAAM,aAAa,QAA+G,CAAA;AAEzI,eAAO,MAAM,sBAAsB,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,OAAO,EAMzE,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,OAAO,EAAE,EAkBxE,CAAA"}
+{"version":3,"file":"configs.d.ts","sourceRoot":"","sources":["../../../src/layout-global/configs.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAmB,MAAM,SAAS,CAAA;AAC3F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE/C,eAAO,MAAM,UAAU,qBAAqB,CAAA;AAC5C,eAAO,MAAM,aAAa,SAAU,eAAe,WAA6B,CAAA;AAEhF,eAAO,MAAM,WAAW,0BAA0B,CAAA;AAClD,eAAO,MAAM,cAAc,SAAU,eAAe,WAA8B,CAAA;AAElF,eAAO,MAAM,gBAAgB,EAAE,UAAU,EAMxC,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAahD,CAAA;AAMD,eAAO,MAAM,WAAW,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,MAAM,CAAC,OAAO,EAAE,QAAQ,CAa9E,CAAA;AAEF,eAAO,MAAM,oBAAoB,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,QAAQ,EA6BxE,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,OAAO,EAWtE,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,OAAO,EAcpE,CAAA;AAED,eAAO,MAAM,iBAAiB,uLAAuL,CAAA;AAErN,eAAO,MAAM,gBAAgB,cAG5B,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,OAAO,EAMzE,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,OAAO,EAAE,EAkBxE,CAAA"}

package/dist/types/media-player/analytic-media.d.ts

@@ -0,0 +1,15 @@
+import { BoxProps } from '@mui/material';
+import type { FC, PropsWithChildren } from 'react';
+export declare const AnalyticMediaContext: import("react").Context<{
+    setStatus: (status: boolean) => void;
+} | undefined>;
+export declare const useAnalyticMedia: () => {
+    setStatus: (status: boolean) => void;
+} | undefined;
+export interface IAnalyticAudioProps extends PropsWithChildren, BoxProps {
+    meidaId?: string;
+    videoId?: string;
+}
+export declare const AnalyticMedia: FC<IAnalyticAudioProps>;
+export default AnalyticMedia;
+//# sourceMappingURL=analytic-media.d.ts.map

package/dist/types/media-player/analytic-media.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"analytic-media.d.ts","sourceRoot":"","sources":["../../../src/media-player/analytic-media.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,QAAQ,EAAE,MAAM,eAAe,CAAA;AAE7C,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAElD,eAAO,MAAM,oBAAoB;wBAAuC,OAAO,KAAK,IAAI;cAA0B,CAAA;AAElH,eAAO,MAAM,gBAAgB;wBAF2C,OAAO,KAAK,IAAI;aASvF,CAAA;AAED,MAAM,WAAW,mBAAoB,SAAQ,iBAAiB,EAAE,QAAQ;IACtE,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,mBAAmB,CAejD,CAAA;AAED,eAAe,aAAa,CAAA"}

package/dist/types/media-player/core/btn.fullscreen.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { IconButtonProps } from '@mui/material';
+interface FullscreenButtonProps {
+    hidden?: boolean;
+    isFullscreen: boolean;
+    onClick: () => void;
+    iconProps?: IconButtonProps;
+}
+declare const FullscreenButton: React.FC<FullscreenButtonProps>;
+export default FullscreenButton;
+//# sourceMappingURL=btn.fullscreen.d.ts.map

package/dist/types/media-player/core/btn.fullscreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"btn.fullscreen.d.ts","sourceRoot":"","sources":["../../../../src/media-player/core/btn.fullscreen.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAc,eAAe,EAAU,MAAM,eAAe,CAAA;AAInE,UAAU,qBAAqB;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,YAAY,EAAE,OAAO,CAAA;IACrB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,CAAC,EAAE,eAAe,CAAA;CAC5B;AAED,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAOrD,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/types/media-player/core/btn.pip.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { IconButtonProps } from '@mui/material';
+interface BtnPIPProps {
+    onClick: () => void;
+    iconProps?: IconButtonProps;
+    hidden?: boolean;
+}
+declare const BtnPIP: React.FC<BtnPIPProps>;
+export default BtnPIP;
+//# sourceMappingURL=btn.pip.d.ts.map

package/dist/types/media-player/core/btn.pip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"btn.pip.d.ts","sourceRoot":"","sources":["../../../../src/media-player/core/btn.pip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAc,eAAe,EAAU,MAAM,eAAe,CAAA;AAGnE,UAAU,WAAW;IACnB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,CAAC,EAAE,eAAe,CAAA;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAOjC,CAAA;AAED,eAAe,MAAM,CAAA"}

package/dist/types/media-player/core/btn.play.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { IconButtonProps } from '@mui/material';
+interface PlayButtonProps {
+    isPlaying: boolean;
+    onClick: () => void;
+    iconProps?: IconButtonProps;
+    hidden?: boolean;
+}
+declare const PlayButton: React.FC<PlayButtonProps>;
+export default PlayButton;
+//# sourceMappingURL=btn.play.d.ts.map

package/dist/types/media-player/core/btn.play.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"btn.play.d.ts","sourceRoot":"","sources":["../../../../src/media-player/core/btn.play.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAc,eAAe,EAAU,MAAM,eAAe,CAAA;AAInE,UAAU,eAAe;IACvB,SAAS,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,CAAC,EAAE,eAAe,CAAA;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAOzC,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/types/media-player/core/btn.volume.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+type MediaControlProps = {
+    hidden?: boolean;
+    sliderPosition?: 'above' | 'right' | 'below';
+    orientation?: 'horizontal' | 'vertical';
+    sliderHeight?: number;
+    sliderWidth?: number;
+    volume?: number;
+    muted?: boolean;
+    setVolume: (value: number) => void;
+    toggleMute: () => void;
+};
+declare const BtnVolume: React.FC<MediaControlProps>;
+export default BtnVolume;
+//# sourceMappingURL=btn.volume.d.ts.map

package/dist/types/media-player/core/btn.volume.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"btn.volume.d.ts","sourceRoot":"","sources":["../../../../src/media-player/core/btn.volume.tsx"],"names":[],"mappings":";AAKA,KAAK,iBAAiB,GAAG;IACvB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,cAAc,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,CAAA;IAC5C,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,UAAU,EAAE,MAAM,IAAI,CAAA;CACvB,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA8F1C,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/types/media-player/core/progressBar.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface Props {
+    bufferedSegments: {
+        left: number;
+        width: number;
+    }[];
+    progress: number;
+    isLoading: boolean;
+    onChange?: (value: number) => void;
+}
+declare const ProgressBar: React.FC<Props>;
+export default ProgressBar;
+//# sourceMappingURL=progressBar.d.ts.map

package/dist/types/media-player/core/progressBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progressBar.d.ts","sourceRoot":"","sources":["../../../../src/media-player/core/progressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,UAAU,KAAK;IACb,gBAAgB,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACnD,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAwFhC,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/types/media-player/core/time.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface BtnPIPProps {
+    currentTime?: number;
+    duration?: number;
+}
+declare const MediaTime: React.FC<BtnPIPProps>;
+export default MediaTime;
+//# sourceMappingURL=time.d.ts.map

package/dist/types/media-player/core/time.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"time.d.ts","sourceRoot":"","sources":["../../../../src/media-player/core/time.tsx"],"names":[],"mappings":";AAEA,UAAU,WAAW;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAWD,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAIpC,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/types/media-player/core/useVideoPlayerCore.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+export interface VideoPlayerCoreState {
+    isLoading: boolean;
+    isPlaying: boolean;
+    progress: number;
+    currentTime: number;
+    duration: number;
+    bufferedSegments: {
+        left: number;
+        width: number;
+    }[];
+    volume: number;
+    muted: boolean;
+    isFullscreen: boolean;
+}
+export interface VideoPlayerCoreControls {
+    togglePlay: () => void;
+    handleSeek: (value: number) => void;
+    setVolume: (value: number) => void;
+    toggleMute: () => void;
+    seek: (time: number) => void;
+    togglePIP: () => void;
+    toggleFullscreen: () => void;
+}
+export declare function useVideoPlayerCore(videoRef: React.RefObject<HTMLVideoElement>, videoContainerRef?: React.RefObject<HTMLDivElement>): {
+    state: VideoPlayerCoreState;
+    controls: VideoPlayerCoreControls;
+};
+//# sourceMappingURL=useVideoPlayerCore.d.ts.map

package/dist/types/media-player/core/useVideoPlayerCore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVideoPlayerCore.d.ts","sourceRoot":"","sources":["../../../../src/media-player/core/useVideoPlayerCore.ts"],"names":[],"mappings":";AAEA,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,OAAO,CAAA;IAClB,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,gBAAgB,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACnD,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,OAAO,CAAA;IACd,YAAY,EAAE,OAAO,CAAA;CACtB;AAED,MAAM,WAAW,uBAAuB;IACtC,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,IAAI,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5B,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,gBAAgB,EAAE,MAAM,IAAI,CAAA;CAC7B;AAED,wBAAgB,kBAAkB,CAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAC3C,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,GAClD;IAAE,KAAK,EAAE,oBAAoB,CAAC;IAAC,QAAQ,EAAE,uBAAuB,CAAA;CAAE,CAmKpE"}

package/dist/types/media-player/core/videoplayer.d.ts

@@ -0,0 +1,24 @@
+import type { PropsWithChildren } from 'react';
+import { SxProps, Theme } from '@mui/material';
+export interface IControlsConfig {
+    autoPlay?: boolean;
+    muted?: boolean;
+    volume?: boolean;
+    pip?: boolean;
+    fullscreen?: boolean;
+    preload?: 'auto' | 'metadata' | 'none';
+}
+export declare const defaultControlsConfig: IControlsConfig;
+export interface MediaPlayerSlot {
+    controls?: IControlsConfig;
+    anotherControls?: React.ReactNode;
+    mediaMetadata?: MediaMetadata;
+}
+interface IProps extends MediaPlayerSlot, PropsWithChildren {
+    src?: string;
+    sx?: SxProps<Theme>;
+    className?: string;
+}
+declare const MediaPlayerCore: import("react").ForwardRefExoticComponent<IProps & import("react").RefAttributes<HTMLVideoElement>>;
+export default MediaPlayerCore;
+//# sourceMappingURL=videoplayer.d.ts.map

package/dist/types/media-player/core/videoplayer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"videoplayer.d.ts","sourceRoot":"","sources":["../../../../src/media-player/core/videoplayer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAC9C,OAAO,EAAsB,OAAO,EAAE,KAAK,EAA2B,MAAM,eAAe,CAAA;AAsB3F,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,MAAM,CAAA;CACvC;AAGD,eAAO,MAAM,qBAAqB,EAAE,eAOnC,CAAA;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,eAAe,CAAA;IAC1B,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACjC,aAAa,CAAC,EAAE,aAAa,CAAA;CAC9B;AACD,UAAU,MAAO,SAAQ,eAAe,EAAE,iBAAiB;IACzD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,eAAe,qGAyFnB,CAAA;AAEF,eAAe,eAAe,CAAA"}

package/dist/types/media-player/helpers.d.ts

@@ -0,0 +1,10 @@
+import { Breakpoint, SxProps, Theme } from '@mui/material';
+import { EMediaPlayerStatus } from './types';
+import type { AspectRatioParams, MediaPlayerBaseProps } from './types';
+export declare const useStreamUrl: (resourceId: string | null, fetchDataStream: MediaPlayerBaseProps['fetchDataStream']) => {
+    status: EMediaPlayerStatus;
+    streamUrl: string | null;
+};
+export declare const getAspectRatio: (value?: AspectRatioParams, defaultAspectRatio?: string) => string | Partial<Record<Breakpoint, string>> | undefined;
+export declare const getAspectRatioStyled: (value?: AspectRatioParams) => SxProps<Theme>;
+//# sourceMappingURL=helpers.d.ts.map

package/dist/types/media-player/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/media-player/helpers.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAC5C,OAAO,KAAK,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAEtE,eAAO,MAAM,YAAY,eAAgB,MAAM,GAAG,IAAI,mBAAmB,oBAAoB,CAAC,iBAAiB,CAAC;;;CA0B/G,CAAA;AAED,eAAO,MAAM,cAAc,WAAY,iBAAiB,0FAWvD,CAAA;AAED,eAAO,MAAM,oBAAoB,WAAY,iBAAiB,KAAG,QAAQ,KAAK,CAE7E,CAAA"}

package/dist/types/media-player/index.d.ts

@@ -0,0 +1,9 @@
+export * from './types';
+export * from './helpers';
+export * from './player.audio';
+export * from './player.video-stream';
+export * from './preview';
+export * from './mediaMetadata';
+export * from './analytic-media';
+export * from './muted';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/media-player/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/media-player/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AAEvB,cAAc,WAAW,CAAA;AAEzB,cAAc,gBAAgB,CAAA;AAE9B,cAAc,uBAAuB,CAAA;AAErC,cAAc,WAAW,CAAA;AAEzB,cAAc,iBAAiB,CAAA;AAE/B,cAAc,kBAAkB,CAAA;AAEhC,cAAc,SAAS,CAAA"}

package/dist/types/media-player/mediaMetadata.d.ts

@@ -0,0 +1,7 @@
+export declare const getMediaMetaTag: (mediaMetadata: {
+    title?: string;
+    artist?: string;
+    album?: string;
+    artworkSrc?: string;
+}) => MediaMetadata;
+//# sourceMappingURL=mediaMetadata.d.ts.map

package/dist/types/media-player/mediaMetadata.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mediaMetadata.d.ts","sourceRoot":"","sources":["../../../src/media-player/mediaMetadata.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,kBAExB;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,KACvE,aAsCF,CAAA"}

package/dist/types/media-player/muted.d.ts

@@ -0,0 +1,12 @@
+import type { FC } from 'react';
+import type { MediaPlayerBaseProps, MediaPlayerBaseSlots } from './types';
+import { MediaPlayerSlot } from './core/videoplayer';
+export interface SlotMediaPlayerMutedProps extends MediaPlayerBaseSlots {
+    coreProps?: MediaPlayerSlot;
+}
+export interface IMediaPlayerMutedProps extends MediaPlayerBaseProps {
+    slots?: SlotMediaPlayerMutedProps;
+}
+export declare const MediaPlayerMuted: FC<IMediaPlayerMutedProps>;
+export default MediaPlayerMuted;
+//# sourceMappingURL=muted.d.ts.map

package/dist/types/media-player/muted.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"muted.d.ts","sourceRoot":"","sources":["../../../src/media-player/muted.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAIzE,OAAwB,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAErE,MAAM,WAAW,yBAA0B,SAAQ,oBAAoB;IACrE,SAAS,CAAC,EAAE,eAAe,CAAA;CAC5B;AACD,MAAM,WAAW,sBAAuB,SAAQ,oBAAoB;IAClE,KAAK,CAAC,EAAE,yBAAyB,CAAA;CAClC;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,sBAAsB,CAiCvD,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/types/media-player/player.audio.d.ts

@@ -0,0 +1,7 @@
+import type { FC } from 'react';
+export interface IMediaPlayerAudioProps {
+    src: string;
+}
+export declare const MediaPlayerAudio: FC<IMediaPlayerAudioProps>;
+export default MediaPlayerAudio;
+//# sourceMappingURL=player.audio.d.ts.map

package/dist/types/media-player/player.audio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"player.audio.d.ts","sourceRoot":"","sources":["../../../src/media-player/player.audio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAE/B,MAAM,WAAW,sBAAsB;IACrC,GAAG,EAAE,MAAM,CAAA;CACZ;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,sBAAsB,CAEvD,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/types/media-player/player.video-stream.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { MediaPlayerSlot } from './core/videoplayer';
+import type { MediaPlayerBaseProps, MediaPlayerBaseSlots } from './types';
+export interface MediaPlayerSlotsProps extends MediaPlayerBaseSlots {
+    disabledBackground?: boolean;
+    keepTabActive?: boolean;
+}
+interface IProps extends MediaPlayerBaseProps {
+    slots?: MediaPlayerSlotsProps;
+    slotMedia?: MediaPlayerSlot;
+    mediaMetadata?: MediaMetadata;
+}
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<IProps & React.RefAttributes<HTMLVideoElement>>>;
+export default _default;
+//# sourceMappingURL=player.video-stream.d.ts.map

package/dist/types/media-player/player.video-stream.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"player.video-stream.d.ts","sourceRoot":"","sources":["../../../src/media-player/player.video-stream.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAGxC,OAAwB,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAErE,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAEzE,MAAM,WAAW,qBAAsB,SAAQ,oBAAoB;IACjE,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,UAAU,MAAO,SAAQ,oBAAoB;IAC3C,KAAK,CAAC,EAAE,qBAAqB,CAAA;IAC7B,SAAS,CAAC,EAAE,eAAe,CAAA;IAC3B,aAAa,CAAC,EAAE,aAAa,CAAA;CAC9B;;AA0DD,wBAA2C"}

package/dist/types/media-player/preview.d.ts

@@ -0,0 +1,29 @@
+import { Component } from 'react';
+import { MediaPlayerClose, MediaPlayerShow } from './types';
+export interface MediaPlayerProps {
+    close?: MediaPlayerClose;
+}
+interface IState {
+    player: React.ComponentType<MediaPlayerProps> | null;
+    title?: string;
+    disabledBackdrop?: boolean;
+}
+interface IActions {
+    show: MediaPlayerShow<IState>;
+    close: MediaPlayerClose;
+}
+interface IProps {
+}
+declare class MediaPlayerPreviewProvider extends Component<IProps, IState> {
+    constructor(props: IProps);
+    handleShow: MediaPlayerShow<IState>;
+    handleClose: MediaPlayerClose;
+    componentDidMount(): void;
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export declare const MediaPlayerPreview: {
+    Provider: typeof MediaPlayerPreviewProvider;
+    Api: IActions;
+};
+export default MediaPlayerPreview;
+//# sourceMappingURL=preview.d.ts.map

package/dist/types/media-player/preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview.d.ts","sourceRoot":"","sources":["../../../src/media-player/preview.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE3D,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,gBAAgB,CAAA;CACzB;AAQD,UAAU,MAAM;IACd,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAA;IACpD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B;AAED,UAAU,QAAQ;IAChB,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC,CAAA;IAC7B,KAAK,EAAE,gBAAgB,CAAA;CACxB;AAWD,UAAU,MAAM;CAAG;AAEnB,cAAM,0BAA2B,SAAQ,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC;gBACpD,KAAK,EAAE,MAAM;IAKzB,UAAU,EAAE,eAAe,CAAC,MAAM,CAAC,CAElC;IAED,WAAW,EAAE,gBAAgB,CAG5B;IAED,iBAAiB;IAKjB,MAAM;CAuBP;AAED,eAAO,MAAM,kBAAkB;;;CAG9B,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/dist/types/media-player/types.d.ts

@@ -0,0 +1,36 @@
+import { ReactNode } from 'react';
+import { Breakpoint } from '@mui/material';
+type IReason = 'backdropClick' | 'escape' | 'closeButton';
+export type MediaPlayerClose = (reason?: IReason) => void;
+export type MediaPlayerShow<T> = (value: T) => void;
+export interface IMediaStream {
+    code: number;
+    token: string;
+    StreamUrl: string;
+}
+export type FetchDataStream = (resourceId: string, signal?: AbortSignal) => Promise<IMediaStream[]>;
+export interface MediaPlayerBaseProps {
+    resourceId: string;
+    fetchDataStream: FetchDataStream;
+    loading?: boolean;
+}
+export type AspectRatioParams = number | Partial<Record<Breakpoint, number>>;
+export interface MediaPlayerBaseSlots {
+    /**
+     * Aspect ratio (height / width), used to calculate height based on width.
+     * @default 56.25 (%)
+     */
+    aspectRatio?: AspectRatioParams;
+    loading?: ReactNode;
+    loadingProps?: {
+        disabled?: boolean;
+        animationDuration?: string;
+    };
+}
+export declare enum EMediaPlayerStatus {
+    Loading = "Loading",
+    Loaded = "Loaded",
+    Error = "Error"
+}
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/types/media-player/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/media-player/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,KAAK,OAAO,GAAG,eAAe,GAAG,QAAQ,GAAG,aAAa,CAAA;AAEzD,MAAM,MAAM,gBAAgB,GAAG,CAAC,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;AAEzD,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAA;AAEnD,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,MAAM,eAAe,GAAG,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,WAAW,KAAK,OAAO,CAAC,YAAY,EAAE,CAAC,CAAA;AAEnG,MAAM,WAAW,oBAAoB;IACnC,UAAU,EAAE,MAAM,CAAA;IAClB,eAAe,EAAE,eAAe,CAAA;IAChC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,CAAA;AAE5E,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,WAAW,CAAC,EAAE,iBAAiB,CAAA;IAC/B,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,YAAY,CAAC,EAAE;QACb,QAAQ,CAAC,EAAE,OAAO,CAAA;QAClB,iBAAiB,CAAC,EAAE,MAAM,CAAA;KAC3B,CAAA;CACF;AAED,oBAAY,kBAAkB;IAC5B,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,KAAK,UAAU;CAChB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dinocollab-shared",
-  "version": "1.1.17",
+  "version": "1.1.19",
   "description": "DinoCollab shared utilities and components",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -55,6 +55,12 @@
       ],
       "./notification": [
         "./dist/types/notification/index.d.ts"
+      ],
+      "media-player": [
+        "./dist/media-player.d.ts"
+      ],
+      "./media-player": [
+        "./dist/types/media-player/index.d.ts"
       ]
     }
   },
@@ -112,6 +118,14 @@
     "./notification.js": "./dist/notification.js",
     "./notification.mjs": "./dist/notification.mjs",
     "./notification.d.ts": "./dist/notification.d.ts",
+    "./media-player": {
+      "import": "./dist/media-player/index.js",
+      "require": "./dist/media-player/index.js",
+      "types": "./dist/types/media-player/index.d.ts"
+    },
+    "./media-player.js": "./dist/media-player.js",
+    "./media-player.mjs": "./dist/media-player.mjs",
+    "./media-player.d.ts": "./dist/media-player.d.ts",
     "./package.json": "./package.json"
   },
   "peerDependencies": {