dinocollab-shared 1.2.10 → 1.2.12

package/dist/layout-global/sub-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"sub-menu.js","sources":["../../src/layout-global/sub-menu.tsx"],"sourcesContent":["import { Component } from 'react'\r\nimport { alpha, Box, colors, Divider, MenuItem, Stack, Typography } from '@mui/material'\r\nimport type { PropsWithChildren, ReactNode } from 'react'\r\nimport FacebookIcon from '@mui/icons-material/Facebook'\r\nimport { toArray } from './helpers'\r\nimport { subMenuClasses, SubMenuStyled, SubMenuWrap } from './sub-menu.styled'\r\nimport type { IAppMenu, INavLink, NavItemClickFunction, SingleOrArray } from './types'\r\n\r\nexport interface ISubMenuProps extends PropsWithChildren {\r\n  menu?: SingleOrArray<IAppMenu>\r\n  onNavItemClick?: NavItemClickFunction\r\n}\r\n\r\nclass SubMenu extends Component<ISubMenuProps> {\r\n  render() {\r\n    const menu = this.getMenuData()\r\n    return (\r\n      <SubMenuWrap>\r\n        {this.props.children}\r\n        <SubMenuStyled className={subMenuClasses.root}>\r\n          <div className={subMenuClasses.rootContent}>\r\n            {/* Render sub-menu items */}\r\n            <Box className={subMenuClasses.content}>{menu.map(this.renderItem)}</Box>\r\n            {/* Optional footer or additional content */}\r\n            <Divider variant='middle' sx={{ borderColor: alpha(colors.common.white, 0.1) }} />\r\n            <Stack direction='row' spacing={1} justifyContent='flex-end' alignItems='center' padding={1}>\r\n              <Typography variant='body2'>Follow us on social media for updates and news!</Typography>\r\n              {/* Add social media links or icons here if needed */}\r\n              <FacebookIcon />\r\n            </Stack>\r\n          </div>\r\n        </SubMenuStyled>\r\n      </SubMenuWrap>\r\n    )\r\n  }\r\n\r\n  renderItem = (item: IAppMenu, index: number) => (\r\n    <Box key={index} className={subMenuClasses.group}>\r\n      <Typography variant='h6' className={subMenuClasses.title}>\r\n        {item.title}\r\n      </Typography>\r\n      {/* <Divider sx={{ borderColor: alpha(colors.common.white, 0.1), my: 1 }} /> */}\r\n      {item.items?.map((item, j) => (\r\n        <MenuItem key={j} component='div' className={subMenuClasses.item}>\r\n          <Box\r\n            className={subMenuClasses.itemContent}\r\n            component='a'\r\n            href={item.navLink?.href ?? '/'}\r\n            onClick={(e) => this.handleNavItemClick(e, item.navLink)}\r\n          >\r\n            {item.icon && <span className={subMenuClasses.itemIcon}>{this.renderIcon(item.icon)}</span>}\r\n            <Typography component='div' variant='body2' className={subMenuClasses.itemText}>\r\n              <span>{item.title}</span>\r\n            </Typography>\r\n          </Box>\r\n        </MenuItem>\r\n      ))}\r\n    </Box>\r\n  )\r\n\r\n  renderIcon = (value: ReactNode) => {\r\n    if (!value) return null\r\n    let finalIcon = value\r\n    if (typeof value === 'string') {\r\n      finalIcon = <Box component='span' className='icon-img' sx={{ '--mask-url': `url(${value})` }} />\r\n    }\r\n    return <span className='icon-static'>{finalIcon}</span>\r\n  }\r\n\r\n  getMenuData = () => {\r\n    const list = toArray<IAppMenu>(this.props.menu)\r\n    return list.filter((item) => item.items && item.items?.length > 0)\r\n  }\r\n\r\n  handleNavItemClick = (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>, item?: INavLink) => {\r\n    if (!this.props.onNavItemClick || !item) return\r\n    this.props.onNavItemClick(event, item)\r\n  }\r\n}\r\nexport default SubMenu\r\n"],"names":["SubMenu","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","this","concat","_defineProperty","item","index","_item$items","_jsxs","Box","className","subMenuClasses","group","children","_jsx","Typography","variant","title","items","map","j","_item$navLink$href","_item$navLink","MenuItem","component","itemContent","href","navLink","onClick","e","handleNavItemClick","icon","itemIcon","renderIcon","itemText","value","finalIcon","sx","toArray","props","menu","filter","_item$items2","event","onNavItemClick","_inherits","Component","_createClass","key","getMenuData","SubMenuWrap","SubMenuStyled","root","rootContent","content","renderItem","Divider","borderColor","alpha","colors","common","white","Stack","direction","spacing","justifyContent","alignItems","padding","FacebookIcon"],"mappings":"8fAaMA,IAAAA,aAAQ,SAAAA,IAAA,IAAAC,EAAAC,OAAAF,GAAA,IAAA,IAAAG,EAAAC,UAAAC,OAAAC,EAAAC,IAAAA,MAAAJ,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAAAF,EAAAE,GAAAJ,UAAAI,GAgEX,OAhEWP,EAAAQ,EAAAC,KAAAV,EAAAW,GAAAA,OAAAL,IAAAM,EAAAX,EAAA,aAuBC,SAACY,EAAgBC,GAAa,IAAAC,EAAA,OACzCC,EAACC,EAAgB,CAAAC,UAAWC,EAAeC,MAAKC,SAAA,CAC9CC,EAACC,GAAWC,QAAQ,KAAKN,UAAWC,EAAeM,eAChDZ,EAAKY,QAGG,QAFEV,EAEZF,EAAKa,aAAK,IAAAX,OAAA,EAAVA,EAAYY,IAAI,SAACd,EAAMe,GAAC,IAAAC,EAAAC,EAAA,OACvBR,EAACS,EAAQ,CAASC,UAAU,MAAMd,UAAWC,EAAeN,KAAIQ,SAC9DL,EAACC,GACCC,UAAWC,EAAec,YAC1BD,UAAU,IACVE,KAAwB,QAApBL,EAAc,QAAdC,EAAEjB,EAAKsB,eAALL,IAAYA,OAAZA,EAAAA,EAAcI,YAAIL,IAAAA,EAAAA,EAAI,IAC5BO,QAAS,SAACC,GAAC,OAAKpC,EAAKqC,mBAAmBD,EAAGxB,EAAKsB,QAAQ,EAAAd,SAAA,CAEvDR,EAAK0B,MAAQjB,EAAA,OAAA,CAAMJ,UAAWC,EAAeqB,SAAWnB,SAAApB,EAAKwC,WAAW5B,EAAK0B,QAC9EjB,EAACC,EAAW,CAAAS,UAAU,MAAMR,QAAQ,QAAQN,UAAWC,EAAeuB,kBACpEpB,EAAO,OAAA,CAAAD,SAAAR,EAAKY,cATHG,EAYJ,KAlBLd,KAqBXF,EAAAX,EAEY,aAAA,SAAC0C,GACZ,IAAKA,EAAO,OAAO,KACnB,IAAIC,EAAYD,EAIhB,MAHqB,iBAAVA,IACTC,EAAYtB,EAACL,EAAG,CAACe,UAAU,OAAOd,UAAU,WAAW2B,GAAI,CAAE,aAAY,OAAAlC,OAASgC,EAAK,SAElFrB,UAAMJ,UAAU,cAAeG,SAAAuB,MACvChC,EAAAX,EAAA,cAEa,WAEZ,OADa6C,EAAkB7C,EAAK8C,MAAMC,MAC9BC,OAAO,SAACpC,GAAI,IAAAqC,EAAA,OAAKrC,EAAKa,gBAASwB,EAAArC,EAAKa,aAAK,IAAAwB,OAAA,EAAVA,EAAY7C,QAAS,MACjEO,EAAAX,EAAA,qBAEoB,SAACkD,EAAwDtC,GACvEZ,EAAK8C,MAAMK,gBAAmBvC,GACnCZ,EAAK8C,MAAMK,eAAeD,EAAOtC,KAClCZ,CAAA,CAAA,OAAAoD,EAAArD,EAhEmBsD,GAgEnBC,EAAAvD,EAAA,CAAA,CAAAwD,IAAA,SAAAb,MA/DD,WACE,IAAMK,EAAOtC,KAAK+C,cAClB,OACEzC,EAAC0C,EACE,CAAArC,SAAA,CAAAX,KAAKqC,MAAM1B,SACZC,EAACqC,GAAczC,UAAWC,EAAeyC,KAAIvC,SAC3CL,SAAKE,UAAWC,EAAe0C,YAAWxC,SAAA,CAExCC,EAACL,EAAG,CAACC,UAAWC,EAAe2C,QAAUzC,SAAA2B,EAAKrB,IAAIjB,KAAKqD,cAEvDzC,EAAC0C,GAAQxC,QAAQ,SAASqB,GAAI,CAAEoB,YAAaC,EAAMC,EAAOC,OAAOC,MAAO,OACxErD,EAACsD,EAAK,CAACC,UAAU,MAAMC,QAAS,EAAGC,eAAe,WAAWC,WAAW,SAASC,QAAS,EACxFtD,SAAA,CAAAC,EAACC,EAAU,CAACC,QAAQ,QAAoEH,SAAA,oDAExFC,EAACsD,EAAe,cAM5B,IAAC"}
+{"version":3,"file":"sub-menu.js","sources":["../../src/layout-global/sub-menu.tsx"],"sourcesContent":["import { Component } from 'react'\r\nimport { alpha, Box, colors, Divider, MenuItem, Stack, Typography } from '@mui/material'\r\nimport type { PropsWithChildren, ReactNode } from 'react'\r\nimport FacebookIcon from '@mui/icons-material/Facebook'\r\nimport { toArray } from './helpers'\r\nimport { subMenuClasses, SubMenuStyled, SubMenuWrap } from './sub-menu.styled'\r\nimport type { IAppMenu, INavLink, NavItemClickFunction, SingleOrArray } from './types'\r\n\r\nexport interface ISubMenuProps extends PropsWithChildren {\r\n  menu?: SingleOrArray<IAppMenu>\r\n  enableSocialLinks?: boolean\r\n  onNavItemClick?: NavItemClickFunction\r\n}\r\n\r\nclass SubMenu extends Component<ISubMenuProps> {\r\n  render() {\r\n    const menu = this.getMenuData()\r\n    return (\r\n      <SubMenuWrap>\r\n        {this.props.children}\r\n        <SubMenuStyled className={subMenuClasses.root}>\r\n          <div className={subMenuClasses.rootContent}>\r\n            {/* Render sub-menu items */}\r\n            <Box className={subMenuClasses.content}>{menu.map(this.renderItem)}</Box>\r\n            {this.props.enableSocialLinks === true && (\r\n              <div>\r\n                {/* Optional footer or additional content */}\r\n                <Divider variant='middle' sx={{ borderColor: alpha(colors.common.white, 0.1) }} />\r\n                <Stack direction='row' spacing={1} justifyContent='flex-end' alignItems='center' padding={1}>\r\n                  <Typography variant='body2'>Follow us on social media for updates and news!</Typography>\r\n                  {/* Add social media links or icons here if needed */}\r\n                  <FacebookIcon />\r\n                </Stack>\r\n              </div>\r\n            )}\r\n          </div>\r\n        </SubMenuStyled>\r\n      </SubMenuWrap>\r\n    )\r\n  }\r\n\r\n  renderItem = (item: IAppMenu, index: number) => (\r\n    <Box key={index} className={subMenuClasses.group}>\r\n      {item.enableTitle !== false && (\r\n        <Typography variant='h6' className={subMenuClasses.title}>\r\n          {item.title}\r\n        </Typography>\r\n      )}\r\n      {/* <Divider sx={{ borderColor: alpha(colors.common.white, 0.1), my: 1 }} /> */}\r\n      {item.items?.map((item, j) => (\r\n        <MenuItem key={j} component='div' className={subMenuClasses.item}>\r\n          <Box\r\n            className={subMenuClasses.itemContent}\r\n            component='a'\r\n            href={item.navLink?.href ?? '/'}\r\n            onClick={(e) => this.handleNavItemClick(e, item.navLink)}\r\n          >\r\n            {item.icon && <span className={subMenuClasses.itemIcon}>{this.renderIcon(item.icon)}</span>}\r\n            <Typography component='div' variant='body2' className={subMenuClasses.itemText}>\r\n              <span>{item.title}</span>\r\n            </Typography>\r\n          </Box>\r\n        </MenuItem>\r\n      ))}\r\n    </Box>\r\n  )\r\n\r\n  renderIcon = (value: ReactNode) => {\r\n    if (!value) return null\r\n    let finalIcon = value\r\n    if (typeof value === 'string') {\r\n      finalIcon = <Box component='span' className='icon-img' sx={{ '--mask-url': `url(${value})` }} />\r\n    }\r\n    return <span className='icon-static'>{finalIcon}</span>\r\n  }\r\n\r\n  getMenuData = () => {\r\n    const list = toArray<IAppMenu>(this.props.menu)\r\n    return list.filter((item) => item.items && item.items?.length > 0)\r\n  }\r\n\r\n  handleNavItemClick = (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>, item?: INavLink) => {\r\n    if (!this.props.onNavItemClick || !item) return\r\n    this.props.onNavItemClick(event, item)\r\n  }\r\n}\r\nexport default SubMenu\r\n"],"names":["SubMenu","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","this","concat","_defineProperty","item","index","_item$items","_jsxs","Box","className","subMenuClasses","group","children","enableTitle","_jsx","Typography","variant","title","items","map","j","_item$navLink$href","_item$navLink","MenuItem","component","itemContent","href","navLink","onClick","e","handleNavItemClick","icon","itemIcon","renderIcon","itemText","value","finalIcon","sx","toArray","props","menu","filter","_item$items2","event","onNavItemClick","_inherits","Component","_createClass","key","getMenuData","SubMenuWrap","SubMenuStyled","root","rootContent","content","renderItem","enableSocialLinks","Divider","borderColor","alpha","colors","common","white","Stack","direction","spacing","justifyContent","alignItems","padding","FacebookIcon"],"mappings":"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"}

package/dist/layout-global/sub-menu.styled.js

@@ -1,2 +1,2 @@
-import{defineProperty as t}from"../_virtual/_rollupPluginBabelHelpers.js";import{styled as e,Box as i,alpha as o}from"@mui/material";var n={root:"SubMenu-root",rootContent:"SubMenu-rootContent",content:"SubMenu-content",group:"SubMenu-group",title:"SubMenu-title",item:"SubMenu-item",itemContent:"SubMenu-itemContent",itemIcon:"SubMenu-itemIcon",itemText:"SubMenu-itemText",socialText:"SubMenu-socialText",hovering:"SubMenu-hovering"},r=function(t,e){return"".concat("",".").concat(n[t]).concat("")},a=e(i)(function(e){var i=e.theme;return t(t(t({position:"relative","@keyframes dinoFadeInDown":{"0%":{opacity:0,transform:"translateY(-10px)"},"100%":{opacity:1,transform:"translateY(0)"}}},r("root"),{position:"absolute",top:"100%",right:0,opacity:0,visibility:"hidden",paddingTop:"16px"}),r("rootContent"),{position:"relative","&::before":{content:'""',position:"absolute",backgroundColor:"#323234",width:"10px",height:"10px",top:"-4px",right:i.spacing(1),transform:"translateX(-50%) rotate(45deg)",zIndex:0}}),"&:hover",t({"> .MuiButtonBase-root":{"&::after":{width:"calc(100% - (var(--spacing-x-size) * 2))"},"& .icon-static":{transform:"rotate(-10deg)"},"& .text-visible":{transform:"translateY(-100%) skewY(-15deg)",opacity:1},"& .text-hidden":{transform:"translateY(-50%) skewY(0)",opacity:1}}},r("root"),{opacity:1,visibility:"visible",animation:"dinoFadeInDown 0.3s ease-out"}))}),s=e(i)(function(e){var i=e.theme;return t(t(t(t(t(t(t(t(t({"--bg-divider":"linear-gradient(45deg, rgb(211, 47, 47) 0%, rgb(249, 169, 37) 70%, rgb(211, 47, 47) 100%) 0% 0% / 200%","--size-icon":"24px"},r("rootContent"),{backgroundColor:"#323234",borderRadius:i.shape.borderRadius,minWidth:"280px",maxWidth:"550px",boxShadow:"0 1px 1px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(0, 0, 0, 0.15), 0 8px 8px rgba(0, 0, 0, 0.05)"}),r("content"),t({display:"flex",padding:i.spacing(1,0)},i.breakpoints.down("md"),{flexDirection:"column",padding:i.spacing(1,0)})),r("group"),t({borderRight:"1px solid ".concat(o(i.palette.common.white,.1)),padding:i.spacing(0,1),"&:last-of-type":{borderRight:"none"}},i.breakpoints.down("md"),{borderRight:"none",padding:i.spacing(0,0,0,1)})),r("title"),{padding:i.spacing(.5,1.25),color:"var(--color-title-sub-menu, #ffffff)",fontWeight:500,marginBottom:i.spacing(1.25)}),r("itemContent"),{display:"flex",alignItems:"center"}),r("itemText"),{color:"var(--color-text-sub-menu, ".concat(i.palette.grey[100],")"),textDecoration:"none",display:"block",width:"100%",transition:"all 0.3s ease",span:{display:"inline-block"}}),r("itemIcon"),{display:"flex",alignItems:"center",flexShrink:0,transition:"transform var(--timing-medium) var(--easing-bounce)",transformOrigin:"left bottom",position:"relative",marginRight:i.spacing(1),"img, svg, .icon-img":{width:"var(--size-icon)",height:"var(--size-icon)"},".icon-img":{backgroundImage:"var(--mask-url)",backgroundSize:"cover",backgroundPosition:"center",display:"block",borderRadius:4,transition:"filter 0.3s",position:"relative",zIndex:1,filter:"var(--filter-icon, invert(1) brightness(0.9) opacity(1))"}}),r("socialText"),{color:"var(--color-text-secondary, #9da1a5)"}),r("item"),{position:"relative",transition:"all 0.35s ease",padding:i.spacing(1.5,3.5,1.5,1.5),backgroundColor:"var(--bg-nav-item, transparent)",borderRadius:i.shape.borderRadius,"&::before":{content:'""',position:"absolute",left:"14px",top:"50%",transform:"translateY(-50%)",width:0,transition:"all 0.4s",background:"var(--bg-divider)",height:"2px"},"&:hover":{"--color-text-sub-menu":i.palette.common.white,"--filter-icon":"invert(1) brightness(1) opacity(1)",padding:i.spacing(1.5,1.5,1.5,3.5),backgroundColor:"var(--bg-nav-item-hover, rgba(249, 169, 37, 0.1))","&::before":{width:i.spacing(1.125),marginRight:i.spacing(1)}}})});export{s as SubMenuStyled,a as SubMenuWrap,n as subMenuClasses};
+import{defineProperty as t}from"../_virtual/_rollupPluginBabelHelpers.js";import{styled as i,Box as e,alpha as o}from"@mui/material";var n={root:"SubMenu-root",rootContent:"SubMenu-rootContent",content:"SubMenu-content",group:"SubMenu-group",title:"SubMenu-title",item:"SubMenu-item",itemContent:"SubMenu-itemContent",itemIcon:"SubMenu-itemIcon",itemText:"SubMenu-itemText",socialText:"SubMenu-socialText",hovering:"SubMenu-hovering"},r=function(t,i){return"".concat("",".").concat(n[t]).concat("")},a=i(e)(function(i){var e=i.theme;return t(t(t({position:"relative","@keyframes dinoFadeInDown":{"0%":{opacity:0,transform:"translateY(-10px)"},"100%":{opacity:1,transform:"translateY(0)"}}},r("root"),{position:"absolute",top:"100%",right:0,opacity:0,visibility:"hidden",paddingTop:"16px"}),r("rootContent"),{position:"relative","&::before":{content:'""',position:"absolute",backgroundColor:"#323234",width:"10px",height:"10px",top:"-4px",right:e.spacing(1),transform:"translateX(-50%) rotate(45deg)",zIndex:0}}),"&:hover",t({"> .MuiButtonBase-root":{"&::after":{width:"calc(100% - (var(--spacing-x-size) * 2))"},"& .icon-static":{transform:"rotate(-10deg)"},"& .text-visible":{transform:"translateY(-100%) skewY(-15deg)",opacity:1},"& .text-hidden":{transform:"translateY(-50%) skewY(0)",opacity:1}}},r("root"),{opacity:1,visibility:"visible",animation:"dinoFadeInDown 0.3s ease-out"}))}),s=i(e)(function(i){var e=i.theme;return t(t(t(t(t(t(t(t(t({"--bg-divider":"linear-gradient(45deg, rgb(211, 47, 47) 0%, rgb(249, 169, 37) 70%, rgb(211, 47, 47) 100%) 0% 0% / 200%","--size-icon":"24px"},r("rootContent"),{backgroundColor:"#323234",borderRadius:e.shape.borderRadius,minWidth:"280px",maxWidth:"550px",boxShadow:"0 1px 1px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(0, 0, 0, 0.15), 0 8px 8px rgba(0, 0, 0, 0.05)"}),r("content"),t({display:"flex",padding:e.spacing(1,0)},e.breakpoints.down("md"),{flexDirection:"column",padding:e.spacing(1,0)})),r("group"),t({borderRight:"1px solid ".concat(o(e.palette.common.white,.1)),padding:e.spacing(0,1),width:"100%","&:last-of-type":{borderRight:"none"}},e.breakpoints.down("md"),{borderRight:"none",padding:e.spacing(0,0,0,1)})),r("title"),{padding:e.spacing(.5,1.25),color:"var(--color-title-sub-menu, #ffffff)",fontWeight:500,marginBottom:e.spacing(1.25)}),r("itemContent"),{display:"flex",alignItems:"center"}),r("itemText"),{color:"var(--color-text-sub-menu, ".concat(e.palette.grey[100],")"),textDecoration:"none",display:"block",width:"100%",transition:"all 0.3s ease",span:{display:"inline-block"}}),r("itemIcon"),{display:"flex",alignItems:"center",flexShrink:0,transition:"transform var(--timing-medium) var(--easing-bounce)",transformOrigin:"left bottom",position:"relative",marginRight:e.spacing(1),"img, svg, .icon-img":{width:"var(--size-icon)",height:"var(--size-icon)"},".icon-img":{backgroundImage:"var(--mask-url)",backgroundSize:"cover",backgroundPosition:"center",display:"block",borderRadius:4,transition:"filter 0.3s",position:"relative",zIndex:1,filter:"var(--filter-icon, invert(1) brightness(0.9) opacity(1))"}}),r("socialText"),{color:"var(--color-text-secondary, #9da1a5)"}),r("item"),{position:"relative",transition:"all 0.35s ease",padding:e.spacing(1.5,3.5,1.5,1.5),backgroundColor:"var(--bg-nav-item, transparent)",borderRadius:e.shape.borderRadius,"&::before":{content:'""',position:"absolute",left:"14px",top:"50%",transform:"translateY(-50%)",width:0,transition:"all 0.4s",background:"var(--bg-divider)",height:"2px"},"&:hover":{"--color-text-sub-menu":e.palette.common.white,"--filter-icon":"invert(1) brightness(1) opacity(1)",padding:e.spacing(1.5,1.5,1.5,3.5),backgroundColor:"var(--bg-nav-item-hover, rgba(249, 169, 37, 0.1))","&::before":{width:e.spacing(1.125),marginRight:e.spacing(1)}}})});export{s as SubMenuStyled,a as SubMenuWrap,n as subMenuClasses};
 //# sourceMappingURL=sub-menu.styled.js.map

package/dist/layout-global/sub-menu.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"sub-menu.styled.js","sources":["../../src/layout-global/sub-menu.styled.ts"],"sourcesContent":["import { alpha, Box, styled } from '@mui/material'\r\nimport type { ComponentType } from 'react'\r\nimport type { BoxProps } from '@mui/material'\r\n\r\n// TODO: Refactor PopoverStyled if needed in the future\r\n// export const PopoverStyled: ComponentType<PopoverProps> = styled(Popover)(({ theme }) => ({\r\n//   marginTop: '45px',\r\n//   '.MuiPaper-root': {\r\n//     overflow: 'visible',\r\n//     backgroundColor: '#323234',\r\n//     borderRadius: theme.shape.borderRadius,\r\n//     minWidth: '280px',\r\n//     maxWidth: '550px',\r\n//     boxShadow: `0 1px 1px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(0, 0, 0, 0.15), 0 8px 8px rgba(0, 0, 0, 0.05)`,\r\n//     animation: 'fadeInDown 0.3s ease-out',\r\n//     marginTop: '8px',\r\n//     color: theme.palette.common.white,\r\n\r\n//     '@keyframes fadeInDown': {\r\n//       '0%': { opacity: 0, transform: 'translateY(-10px)' },\r\n//       '100%': { opacity: 1, transform: 'translateY(0)' }\r\n//     },\r\n\r\n//     '&::before': {\r\n//       content: '\"\"',\r\n//       position: 'absolute',\r\n//       backgroundColor: '#323234',\r\n//       width: '10px',\r\n//       height: '10px',\r\n//       top: '-4px',\r\n//       right: theme.spacing(1.5),\r\n//       transform: 'translateX(-50%) rotate(45deg)',\r\n//       zIndex: 0\r\n//     }\r\n//   },\r\n//   '.MuiBackdrop-root': { backgroundColor: 'transparent' },\r\n//   '.MuiList-root': { padding: 0 }\r\n// }))\r\n\r\nexport const subMenuClasses = {\r\n  root: 'SubMenu-root',\r\n  rootContent: 'SubMenu-rootContent',\r\n  content: 'SubMenu-content',\r\n  group: 'SubMenu-group',\r\n  title: 'SubMenu-title',\r\n  item: 'SubMenu-item',\r\n  itemContent: 'SubMenu-itemContent',\r\n  itemIcon: 'SubMenu-itemIcon',\r\n  itemText: 'SubMenu-itemText',\r\n  socialText: 'SubMenu-socialText',\r\n  hovering: 'SubMenu-hovering'\r\n}\r\n\r\nconst getSubMenuClasses = (key: keyof typeof subMenuClasses, options?: { prefix?: string; suffix?: string }) => {\r\n  return `${options?.prefix || ''}.${subMenuClasses[key]}${options?.suffix || ''}`\r\n}\r\n\r\nexport const SubMenuWrap: ComponentType<BoxProps> = styled(Box)(({ theme }) => ({\r\n  position: 'relative',\r\n\r\n  '@keyframes dinoFadeInDown': {\r\n    '0%': { opacity: 0, transform: 'translateY(-10px)' },\r\n    '100%': { opacity: 1, transform: 'translateY(0)' }\r\n  },\r\n\r\n  [getSubMenuClasses('root')]: {\r\n    position: 'absolute',\r\n    top: '100%',\r\n    right: 0,\r\n    opacity: 0,\r\n    visibility: 'hidden',\r\n    // display: 'none',\r\n    paddingTop: '16px'\r\n  },\r\n\r\n  [getSubMenuClasses('rootContent')]: {\r\n    position: 'relative',\r\n    '&::before': {\r\n      content: '\"\"',\r\n      position: 'absolute',\r\n      backgroundColor: '#323234',\r\n      width: '10px',\r\n      height: '10px',\r\n      top: '-4px',\r\n      right: theme.spacing(1),\r\n      transform: 'translateX(-50%) rotate(45deg)',\r\n      zIndex: 0\r\n    }\r\n  },\r\n\r\n  '&:hover': {\r\n    '> .MuiButtonBase-root': {\r\n      '&::after': { width: 'calc(100% - (var(--spacing-x-size) * 2))' },\r\n      '& .icon-static': { transform: 'rotate(-10deg)' },\r\n      '& .text-visible': { transform: 'translateY(-100%) skewY(-15deg)', opacity: 1 },\r\n      '& .text-hidden': { transform: 'translateY(-50%) skewY(0)', opacity: 1 }\r\n    },\r\n    [getSubMenuClasses('root')]: {\r\n      opacity: 1,\r\n      visibility: 'visible',\r\n      // display: 'block',\r\n      animation: 'dinoFadeInDown 0.3s ease-out'\r\n    }\r\n  }\r\n}))\r\n\r\nexport const SubMenuStyled: ComponentType<BoxProps> = styled(Box)(({ theme }) => ({\r\n  '--bg-divider': 'linear-gradient(45deg, rgb(211, 47, 47) 0%, rgb(249, 169, 37) 70%, rgb(211, 47, 47) 100%) 0% 0% / 200%',\r\n  '--size-icon': '24px',\r\n\r\n  [getSubMenuClasses('rootContent')]: {\r\n    backgroundColor: '#323234',\r\n    borderRadius: theme.shape.borderRadius,\r\n    minWidth: '280px',\r\n    maxWidth: '550px',\r\n    boxShadow: `0 1px 1px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(0, 0, 0, 0.15), 0 8px 8px rgba(0, 0, 0, 0.05)`\r\n  },\r\n\r\n  [getSubMenuClasses('content')]: {\r\n    display: 'flex',\r\n    padding: theme.spacing(1, 0),\r\n    [theme.breakpoints.down('md')]: { flexDirection: 'column', padding: theme.spacing(1, 0) }\r\n    // '&:hover': {\r\n    //   '--color-text-sub-menu': theme.palette.grey[500],\r\n    //   '--filter-icon': 'invert(1) brightness(0.6) opacity(0.7)'\r\n    // }\r\n  },\r\n\r\n  [getSubMenuClasses('group')]: {\r\n    borderRight: `1px solid ${alpha(theme.palette.common.white, 0.1)}`,\r\n    padding: theme.spacing(0, 1),\r\n    '&:last-of-type': { borderRight: 'none' },\r\n    [theme.breakpoints.down('md')]: { borderRight: 'none', padding: theme.spacing(0, 0, 0, 1) }\r\n  },\r\n\r\n  [getSubMenuClasses('title')]: {\r\n    padding: theme.spacing(0.5, 1.25),\r\n    color: 'var(--color-title-sub-menu, #ffffff)',\r\n    fontWeight: 500,\r\n    marginBottom: theme.spacing(1.25)\r\n  },\r\n\r\n  [getSubMenuClasses('itemContent')]: { display: 'flex', alignItems: 'center' },\r\n\r\n  [getSubMenuClasses('itemText')]: {\r\n    color: `var(--color-text-sub-menu, ${theme.palette.grey[100]})`,\r\n    textDecoration: 'none',\r\n    display: 'block',\r\n    width: '100%',\r\n    transition: 'all 0.3s ease',\r\n    span: { display: 'inline-block' }\r\n  },\r\n\r\n  [getSubMenuClasses('itemIcon')]: {\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    flexShrink: 0,\r\n    transition: 'transform var(--timing-medium) var(--easing-bounce)',\r\n    transformOrigin: 'left bottom',\r\n    position: 'relative',\r\n    marginRight: theme.spacing(1),\r\n    'img, svg, .icon-img': { width: 'var(--size-icon)', height: 'var(--size-icon)' },\r\n    '.icon-img': {\r\n      backgroundImage: `var(--mask-url)`,\r\n      backgroundSize: 'cover',\r\n      backgroundPosition: 'center',\r\n      display: 'block',\r\n      borderRadius: 4,\r\n      transition: 'filter 0.3s',\r\n      position: 'relative',\r\n      zIndex: 1,\r\n      filter: 'var(--filter-icon, invert(1) brightness(0.9) opacity(1))'\r\n    }\r\n  },\r\n\r\n  [getSubMenuClasses('socialText')]: { color: 'var(--color-text-secondary, #9da1a5)' },\r\n\r\n  [getSubMenuClasses('item')]: {\r\n    position: 'relative',\r\n    transition: 'all 0.35s ease',\r\n    padding: theme.spacing(1.5, 3.5, 1.5, 1.5),\r\n    backgroundColor: 'var(--bg-nav-item, transparent)',\r\n    borderRadius: theme.shape.borderRadius,\r\n\r\n    '&::before': {\r\n      content: '\"\"',\r\n      position: 'absolute',\r\n      left: '14px',\r\n      top: '50%',\r\n      transform: 'translateY(-50%)',\r\n      width: 0,\r\n      transition: 'all 0.4s',\r\n      background: 'var(--bg-divider)',\r\n      height: '2px'\r\n    },\r\n\r\n    '&:hover': {\r\n      '--color-text-sub-menu': theme.palette.common.white,\r\n      '--filter-icon': 'invert(1) brightness(1) opacity(1)',\r\n      padding: theme.spacing(1.5, 1.5, 1.5, 3.5),\r\n      backgroundColor: 'var(--bg-nav-item-hover, rgba(249, 169, 37, 0.1))',\r\n      '&::before': { width: theme.spacing(1.125), marginRight: theme.spacing(1) }\r\n    }\r\n  }\r\n}))\r\n"],"names":["subMenuClasses","root","rootContent","content","group","title","item","itemContent","itemIcon","itemText","socialText","hovering","getSubMenuClasses","key","options","concat","SubMenuWrap","styled","Box","_ref","theme","_defineProperty","position","opacity","transform","top","right","visibility","paddingTop","backgroundColor","width","height","spacing","zIndex","animation","SubMenuStyled","_ref3","borderRadius","shape","minWidth","maxWidth","boxShadow","display","padding","breakpoints","down","flexDirection","borderRight","alpha","palette","common","white","color","fontWeight","marginBottom","alignItems","grey","textDecoration","transition","span","flexShrink","transformOrigin","marginRight","backgroundImage","backgroundSize","backgroundPosition","filter","left","background"],"mappings":"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"}
+{"version":3,"file":"sub-menu.styled.js","sources":["../../src/layout-global/sub-menu.styled.ts"],"sourcesContent":["import { alpha, Box, styled } from '@mui/material'\r\nimport type { ComponentType } from 'react'\r\nimport type { BoxProps } from '@mui/material'\r\n\r\n// TODO: Refactor PopoverStyled if needed in the future\r\n// export const PopoverStyled: ComponentType<PopoverProps> = styled(Popover)(({ theme }) => ({\r\n//   marginTop: '45px',\r\n//   '.MuiPaper-root': {\r\n//     overflow: 'visible',\r\n//     backgroundColor: '#323234',\r\n//     borderRadius: theme.shape.borderRadius,\r\n//     minWidth: '280px',\r\n//     maxWidth: '550px',\r\n//     boxShadow: `0 1px 1px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(0, 0, 0, 0.15), 0 8px 8px rgba(0, 0, 0, 0.05)`,\r\n//     animation: 'fadeInDown 0.3s ease-out',\r\n//     marginTop: '8px',\r\n//     color: theme.palette.common.white,\r\n\r\n//     '@keyframes fadeInDown': {\r\n//       '0%': { opacity: 0, transform: 'translateY(-10px)' },\r\n//       '100%': { opacity: 1, transform: 'translateY(0)' }\r\n//     },\r\n\r\n//     '&::before': {\r\n//       content: '\"\"',\r\n//       position: 'absolute',\r\n//       backgroundColor: '#323234',\r\n//       width: '10px',\r\n//       height: '10px',\r\n//       top: '-4px',\r\n//       right: theme.spacing(1.5),\r\n//       transform: 'translateX(-50%) rotate(45deg)',\r\n//       zIndex: 0\r\n//     }\r\n//   },\r\n//   '.MuiBackdrop-root': { backgroundColor: 'transparent' },\r\n//   '.MuiList-root': { padding: 0 }\r\n// }))\r\n\r\nexport const subMenuClasses = {\r\n  root: 'SubMenu-root',\r\n  rootContent: 'SubMenu-rootContent',\r\n  content: 'SubMenu-content',\r\n  group: 'SubMenu-group',\r\n  title: 'SubMenu-title',\r\n  item: 'SubMenu-item',\r\n  itemContent: 'SubMenu-itemContent',\r\n  itemIcon: 'SubMenu-itemIcon',\r\n  itemText: 'SubMenu-itemText',\r\n  socialText: 'SubMenu-socialText',\r\n  hovering: 'SubMenu-hovering'\r\n}\r\n\r\nconst getSubMenuClasses = (key: keyof typeof subMenuClasses, options?: { prefix?: string; suffix?: string }) => {\r\n  return `${options?.prefix || ''}.${subMenuClasses[key]}${options?.suffix || ''}`\r\n}\r\n\r\nexport const SubMenuWrap: ComponentType<BoxProps> = styled(Box)(({ theme }) => ({\r\n  position: 'relative',\r\n\r\n  '@keyframes dinoFadeInDown': {\r\n    '0%': { opacity: 0, transform: 'translateY(-10px)' },\r\n    '100%': { opacity: 1, transform: 'translateY(0)' }\r\n  },\r\n\r\n  [getSubMenuClasses('root')]: {\r\n    position: 'absolute',\r\n    top: '100%',\r\n    right: 0,\r\n    opacity: 0,\r\n    visibility: 'hidden',\r\n    // display: 'none',\r\n    paddingTop: '16px'\r\n  },\r\n\r\n  [getSubMenuClasses('rootContent')]: {\r\n    position: 'relative',\r\n    '&::before': {\r\n      content: '\"\"',\r\n      position: 'absolute',\r\n      backgroundColor: '#323234',\r\n      width: '10px',\r\n      height: '10px',\r\n      top: '-4px',\r\n      right: theme.spacing(1),\r\n      transform: 'translateX(-50%) rotate(45deg)',\r\n      zIndex: 0\r\n    }\r\n  },\r\n\r\n  '&:hover': {\r\n    '> .MuiButtonBase-root': {\r\n      '&::after': { width: 'calc(100% - (var(--spacing-x-size) * 2))' },\r\n      '& .icon-static': { transform: 'rotate(-10deg)' },\r\n      '& .text-visible': { transform: 'translateY(-100%) skewY(-15deg)', opacity: 1 },\r\n      '& .text-hidden': { transform: 'translateY(-50%) skewY(0)', opacity: 1 }\r\n    },\r\n    [getSubMenuClasses('root')]: {\r\n      opacity: 1,\r\n      visibility: 'visible',\r\n      // display: 'block',\r\n      animation: 'dinoFadeInDown 0.3s ease-out'\r\n    }\r\n  }\r\n}))\r\n\r\nexport const SubMenuStyled: ComponentType<BoxProps> = styled(Box)(({ theme }) => ({\r\n  '--bg-divider': 'linear-gradient(45deg, rgb(211, 47, 47) 0%, rgb(249, 169, 37) 70%, rgb(211, 47, 47) 100%) 0% 0% / 200%',\r\n  '--size-icon': '24px',\r\n\r\n  [getSubMenuClasses('rootContent')]: {\r\n    backgroundColor: '#323234',\r\n    borderRadius: theme.shape.borderRadius,\r\n    minWidth: '280px',\r\n    maxWidth: '550px',\r\n    boxShadow: `0 1px 1px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(0, 0, 0, 0.15), 0 8px 8px rgba(0, 0, 0, 0.05)`\r\n  },\r\n\r\n  [getSubMenuClasses('content')]: {\r\n    display: 'flex',\r\n    padding: theme.spacing(1, 0),\r\n    [theme.breakpoints.down('md')]: { flexDirection: 'column', padding: theme.spacing(1, 0) }\r\n    // '&:hover': {\r\n    //   '--color-text-sub-menu': theme.palette.grey[500],\r\n    //   '--filter-icon': 'invert(1) brightness(0.6) opacity(0.7)'\r\n    // }\r\n  },\r\n\r\n  [getSubMenuClasses('group')]: {\r\n    borderRight: `1px solid ${alpha(theme.palette.common.white, 0.1)}`,\r\n    padding: theme.spacing(0, 1),\r\n    width: '100%',\r\n    '&:last-of-type': { borderRight: 'none' },\r\n    [theme.breakpoints.down('md')]: { borderRight: 'none', padding: theme.spacing(0, 0, 0, 1) }\r\n  },\r\n\r\n  [getSubMenuClasses('title')]: {\r\n    padding: theme.spacing(0.5, 1.25),\r\n    color: 'var(--color-title-sub-menu, #ffffff)',\r\n    fontWeight: 500,\r\n    marginBottom: theme.spacing(1.25)\r\n  },\r\n\r\n  [getSubMenuClasses('itemContent')]: { display: 'flex', alignItems: 'center' },\r\n\r\n  [getSubMenuClasses('itemText')]: {\r\n    color: `var(--color-text-sub-menu, ${theme.palette.grey[100]})`,\r\n    textDecoration: 'none',\r\n    display: 'block',\r\n    width: '100%',\r\n    transition: 'all 0.3s ease',\r\n    span: { display: 'inline-block' }\r\n  },\r\n\r\n  [getSubMenuClasses('itemIcon')]: {\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    flexShrink: 0,\r\n    transition: 'transform var(--timing-medium) var(--easing-bounce)',\r\n    transformOrigin: 'left bottom',\r\n    position: 'relative',\r\n    marginRight: theme.spacing(1),\r\n    'img, svg, .icon-img': { width: 'var(--size-icon)', height: 'var(--size-icon)' },\r\n    '.icon-img': {\r\n      backgroundImage: `var(--mask-url)`,\r\n      backgroundSize: 'cover',\r\n      backgroundPosition: 'center',\r\n      display: 'block',\r\n      borderRadius: 4,\r\n      transition: 'filter 0.3s',\r\n      position: 'relative',\r\n      zIndex: 1,\r\n      filter: 'var(--filter-icon, invert(1) brightness(0.9) opacity(1))'\r\n    }\r\n  },\r\n\r\n  [getSubMenuClasses('socialText')]: { color: 'var(--color-text-secondary, #9da1a5)' },\r\n\r\n  [getSubMenuClasses('item')]: {\r\n    position: 'relative',\r\n    transition: 'all 0.35s ease',\r\n    padding: theme.spacing(1.5, 3.5, 1.5, 1.5),\r\n    backgroundColor: 'var(--bg-nav-item, transparent)',\r\n    borderRadius: theme.shape.borderRadius,\r\n\r\n    '&::before': {\r\n      content: '\"\"',\r\n      position: 'absolute',\r\n      left: '14px',\r\n      top: '50%',\r\n      transform: 'translateY(-50%)',\r\n      width: 0,\r\n      transition: 'all 0.4s',\r\n      background: 'var(--bg-divider)',\r\n      height: '2px'\r\n    },\r\n\r\n    '&:hover': {\r\n      '--color-text-sub-menu': theme.palette.common.white,\r\n      '--filter-icon': 'invert(1) brightness(1) opacity(1)',\r\n      padding: theme.spacing(1.5, 1.5, 1.5, 3.5),\r\n      backgroundColor: 'var(--bg-nav-item-hover, rgba(249, 169, 37, 0.1))',\r\n      '&::before': { width: theme.spacing(1.125), marginRight: theme.spacing(1) }\r\n    }\r\n  }\r\n}))\r\n"],"names":["subMenuClasses","root","rootContent","content","group","title","item","itemContent","itemIcon","itemText","socialText","hovering","getSubMenuClasses","key","options","concat","SubMenuWrap","styled","Box","_ref","theme","_defineProperty","position","opacity","transform","top","right","visibility","paddingTop","backgroundColor","width","height","spacing","zIndex","animation","SubMenuStyled","_ref3","borderRadius","shape","minWidth","maxWidth","boxShadow","display","padding","breakpoints","down","flexDirection","borderRight","alpha","palette","common","white","color","fontWeight","marginBottom","alignItems","grey","textDecoration","transition","span","flexShrink","transformOrigin","marginRight","backgroundImage","backgroundSize","backgroundPosition","filter","left","background"],"mappings":"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"}

package/dist/layout-global/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../src/layout-global/types.ts"],"sourcesContent":["import type { ReactNode } from 'react'\r\nimport type { SxProps, Theme } from '@mui/material'\r\nimport type { AppSite } from '../types'\r\nimport type { IButtonAnimationProps } from './animated-tabs.units'\r\n\r\nexport type SingleOrArray<T> = T | T[]\r\n\r\nexport enum ENavKey {\r\n  Home = 'home',\r\n  Pricing = 'pricing',\r\n  SubmitMedia = 'submit-media',\r\n  Faqs = 'faqs',\r\n  Videos = 'videos',\r\n  Audios = 'audios',\r\n  Privacy = 'privacy',\r\n  Terms = 'terms',\r\n  About = 'about',\r\n  CreateAccount = 'create-account',\r\n  ContactUs = 'contact-us',\r\n  PurchaseLicenses = 'purchase-licenses',\r\n  GetStarted = 'get-started'\r\n}\r\n\r\nexport interface IAuthData {\r\n  userId?: string\r\n  displayName?: string\r\n  userAvatar?: string\r\n  isAuthenticated?: boolean\r\n  profilePath?: string\r\n  registerPath?: string\r\n  loginPath?: string\r\n  logoutPath?: string\r\n  isFirstLogin?: boolean\r\n}\r\n\r\nexport interface IAppSocial {\r\n  link: string\r\n  icon: ReactNode\r\n  color?: string\r\n  sx?: SxProps<Theme>\r\n}\r\n\r\nexport interface INavLinkOptions {\r\n  tabKey?: 'video' | 'audio'\r\n  toLocate?: 'home' | 'faqs' | 'about' | 'contact' | 'pricing'\r\n}\r\n\r\nexport type INavLink = {\r\n  /** App site key */\r\n  site: AppSite\r\n  /** Navigation key */\r\n  key?: ENavKey\r\n  /** Link URL */\r\n  href: string\r\n  /** Router path for internal routing (Next.js/React Router) */\r\n  routerPath?: string\r\n  /** Link target */\r\n  target?: '_blank' | '_self'\r\n  /** This field is used for UI handling and some other non-critical tasks */\r\n  options?: string\r\n}\r\n\r\nexport type NavItemClickFunction = (event: React.MouseEvent<HTMLAnchorElement | HTMLDivElement, MouseEvent>, item: INavLink) => void\r\n\r\nexport interface IAppNav {\r\n  title: string\r\n  navLink?: INavLink\r\n  options?: Partial<IButtonAnimationProps>\r\n}\r\n\r\nexport interface IAppMenuItem extends Omit<IAppNav, 'options'> {\r\n  icon?: ReactNode\r\n}\r\n\r\nexport interface IAppMenu {\r\n  title: string\r\n  icon?: ReactNode\r\n  items?: IAppMenuItem[]\r\n}\r\n\r\nexport type OnRouterUrlGetter = (site: AppSite, path: string) => string\r\n"],"names":["ENavKey"],"mappings":"IAOYA,GAAZ,SAAYA,GACVA,EAAA,KAAA,OACAA,EAAA,QAAA,UACAA,EAAA,YAAA,eACAA,EAAA,KAAA,OACAA,EAAA,OAAA,SACAA,EAAA,OAAA,SACAA,EAAA,QAAA,UACAA,EAAA,MAAA,QACAA,EAAA,MAAA,QACAA,EAAA,cAAA,iBACAA,EAAA,UAAA,aACAA,EAAA,iBAAA,oBACAA,EAAA,WAAA,aACD,CAdD,CAAYA,IAAAA,EAcX,CAAA"}
+{"version":3,"file":"types.js","sources":["../../src/layout-global/types.ts"],"sourcesContent":["import type { ReactNode } from 'react'\r\nimport type { SxProps, Theme } from '@mui/material'\r\nimport type { AppSite } from '../types'\r\nimport type { IButtonAnimationProps } from './animated-tabs.units'\r\n\r\nexport type SingleOrArray<T> = T | T[]\r\n\r\nexport enum ENavKey {\r\n  Home = 'home',\r\n  Pricing = 'pricing',\r\n  SubmitMedia = 'submit-media',\r\n  Faqs = 'faqs',\r\n  Videos = 'videos',\r\n  Audios = 'audios',\r\n  Privacy = 'privacy',\r\n  Terms = 'terms',\r\n  About = 'about',\r\n  CreateAccount = 'create-account',\r\n  ContactUs = 'contact-us',\r\n  PurchaseLicenses = 'purchase-licenses',\r\n  GetStarted = 'get-started'\r\n}\r\n\r\nexport interface IAuthData {\r\n  userId?: string\r\n  displayName?: string\r\n  userAvatar?: string\r\n  isAuthenticated?: boolean\r\n  profilePath?: string\r\n  registerPath?: string\r\n  loginPath?: string\r\n  logoutPath?: string\r\n  isFirstLogin?: boolean\r\n}\r\n\r\nexport interface IAppSocial {\r\n  link: string\r\n  icon: ReactNode\r\n  color?: string\r\n  sx?: SxProps<Theme>\r\n}\r\n\r\nexport interface INavLinkOptions {\r\n  tabKey?: 'video' | 'audio'\r\n  toLocate?: 'home' | 'faqs' | 'about' | 'contact' | 'pricing'\r\n}\r\n\r\nexport type INavLink = {\r\n  /** App site key */\r\n  site: AppSite\r\n  /** Navigation key */\r\n  key?: ENavKey\r\n  /** Link URL */\r\n  href: string\r\n  /** Router path for internal routing (Next.js/React Router) */\r\n  routerPath?: string\r\n  /** Link target */\r\n  target?: '_blank' | '_self'\r\n  /** This field is used for UI handling and some other non-critical tasks */\r\n  options?: string\r\n}\r\n\r\nexport type NavItemClickFunction = (event: React.MouseEvent<HTMLAnchorElement | HTMLDivElement, MouseEvent>, item: INavLink) => void\r\n\r\nexport interface IAppNav {\r\n  title: string\r\n  navLink?: INavLink\r\n  options?: Partial<IButtonAnimationProps>\r\n}\r\n\r\nexport interface IAppMenuItem extends Omit<IAppNav, 'options'> {\r\n  icon?: ReactNode\r\n}\r\n\r\nexport interface IAppMenu {\r\n  title: string\r\n  /** @default true */\r\n  enableTitle?: boolean\r\n  icon?: ReactNode\r\n  items?: IAppMenuItem[]\r\n}\r\n\r\nexport type OnRouterUrlGetter = (site: AppSite, path: string) => string\r\n"],"names":["ENavKey"],"mappings":"IAOYA,GAAZ,SAAYA,GACVA,EAAA,KAAA,OACAA,EAAA,QAAA,UACAA,EAAA,YAAA,eACAA,EAAA,KAAA,OACAA,EAAA,OAAA,SACAA,EAAA,OAAA,SACAA,EAAA,QAAA,UACAA,EAAA,MAAA,QACAA,EAAA,MAAA,QACAA,EAAA,cAAA,iBACAA,EAAA,UAAA,aACAA,EAAA,iBAAA,oBACAA,EAAA,WAAA,aACD,CAdD,CAAYA,IAAAA,EAcX,CAAA"}

package/dist/media-right/event-store.js

@@ -0,0 +1,2 @@
+import{inherits as r,createClass as e,superPropGet as t,classCallCheck as i,callSuper as n,defineProperty as s}from"../_virtual/_rollupPluginBabelHelpers.js";import a from"events";var o=function(){function o(){var r;return i(this,o),r=n(this,o),s(r,"_createWrapListener",function(r){return function(){try{r.apply(void 0,arguments)}catch(r){console.error("Error in MediaRight listener:",r)}}}),r}return r(o,a),e(o,[{key:"subscribe",value:function(r,e){var i=this,n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2]?this._createWrapListener(e):e;return t(o,"addListener",this)([r,n]),function(){t(o,"removeListener",i)([r,n])}}}])}();export{o as MediaRightEventStore};
+//# sourceMappingURL=event-store.js.map

package/dist/media-right/event-store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"event-store.js","sources":["../../src/media-right/event-store.ts"],"sourcesContent":["import EventEmitter from 'events'\r\nimport type { IMediaRightGroup } from './types'\r\n\r\nexport interface IEventOptions {\r\n  message?: string\r\n}\r\n\r\nexport interface IMediaRightEventConfigs {\r\n  stateChange: [{ groups: Record<string, IMediaRightGroup>; options?: IEventOptions }]\r\n  requestState: [{ options?: IEventOptions }]\r\n}\r\n\r\nexport class MediaRightEventStore extends EventEmitter<IMediaRightEventConfigs> {\r\n  constructor() {\r\n    super()\r\n  }\r\n\r\n  /**\r\n   * Subscribe to a specific channel\r\n   * @param channel The channel to subscribe to\r\n   * @param callback Function to call when an event occurs on this channel\r\n   * @returns Unsubscribe function to remove the event listener\r\n   */\r\n  _createWrapListener = (callback: (...payload: any[]) => void) => {\r\n    return (...payload: any[]) => {\r\n      try {\r\n        callback(...payload)\r\n      } catch (error) {\r\n        console.error('Error in MediaRight listener:', error)\r\n      }\r\n    }\r\n  }\r\n\r\n  subscribe<K extends keyof IMediaRightEventConfigs>(\r\n    eventName: K,\r\n    listener: K extends keyof IMediaRightEventConfigs\r\n      ? IMediaRightEventConfigs[K] extends unknown[]\r\n        ? (...args: IMediaRightEventConfigs[K]) => void\r\n        : never\r\n      : never,\r\n    isTry: boolean = true\r\n  ) {\r\n    const action = isTry ? this._createWrapListener(listener) : listener\r\n    super.addListener(eventName, action as any)\r\n    return () => {\r\n      super.removeListener(eventName, action as any)\r\n    }\r\n  }\r\n}\r\n"],"names":["MediaRightEventStore","_this","_classCallCheck","_callSuper","this","_defineProperty","callback","apply","arguments","error","console","_inherits","EventEmitter","_createClass","key","value","eventName","listener","_this2","action","_createWrapListener","_superPropGet"],"mappings":"oLAYaA,IAAAA,aACX,SAAAA,IAAA,IAAAC,EAkBC,OAlBDC,OAAAF,GACEC,EAAAE,EAAAC,KAAAJ,GAGFK,EAAAJ,EAMsB,sBAAA,SAACK,GACrB,OAAO,WACL,IACEA,EAAQC,WAAAC,EAAAA,UACT,CAAC,MAAOC,GACPC,QAAQD,MAAM,gCAAiCA,EAChD,CACF,IACFR,CAhBD,CAAC,OAAAU,EAAAX,EAHuCY,GAGvCC,EAAAb,EAAA,CAAA,CAAAc,IAAA,YAAAC,MAkBD,SACEC,EACAC,GAKqB,IAAAC,EAAAd,KAEfe,6DAAiBf,KAAKgB,oBAAoBH,GAAYA,EAE5D,OADAI,EAAArB,EAAkBgB,cAAAA,KAAlBK,CAAkBL,CAAAA,EAAWG,IACtB,WACLE,EAAArB,EAAA,iBAAAkB,EAAAG,CAAqBL,CAAAA,EAAWG,GACjC,CACH,IAAC"}

package/dist/media-right/group-selector/index.js

@@ -1,2 +1,2 @@
-import{slicedToArray as o,objectSpread2 as e}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as r,jsx as t}from"react/jsx-runtime";import{useState as n}from"react";import{createRoot as i}from"react-dom/client";import{Dialog as l,Box as m,DialogContent as u,Typography as d,DialogActions as a,Button as p}from"@mui/material";import{CollectionsList as c}from"./units.js";import{ModalHeader as s}from"./modal-header.js";import{canAddGroup as f,generateGroupId as h}from"../helpers.js";import{NewCollectionButton as v,NewCollectionInput as C}from"../unit.control.js";import{GuideSteps as b}from"../guide-steps/index.js";var g=function(i){var h=i.open,g=i.onClose,x=i.onConfirm,j=i.groups,S=i.guideStepsProps,y=i.cartItem,I=n(null),P=o(I,2),k=P[0],G=P[1],W=n(!1),A=o(W,2),B=A[0],M=A[1],_=n(""),D=o(_,2),E=D[0],H=D[1],L=function(){G(null),M(!1),H(""),g()};return r(l,{open:h,onClose:L,maxWidth:"xs",fullWidth:!0,disableScrollLock:!0,keepMounted:!1,scroll:"paper",children:[t(s,{cartItem:y,onClose:L}),r(m,{component:"form",onSubmit:function(o){o.preventDefault(),B&&E.trim()?x(null,E.trim()):x(k||null)},children:[r(u,{children:[t(d,{variant:"subtitle1",sx:{mb:1,fontWeight:600},children:"Your Media Rights Package"}),f(j)&&(B?t(C,{value:E,onChange:H}):t(v,{onClick:function(){G(null),M(!0)}})),t(c,{groups:j,selectedGroupId:k,onGroupSelect:function(o){G(o),M(!1)}})]}),r(a,{sx:{px:3,pb:3},children:[S&&t(b,e({iconButtonProps:{color:"primary",sx:{mr:"auto"}}},S)),t(p,{onClick:L,variant:"outlined",type:"button",children:"Cancel"}),t(p,{type:"submit",variant:"contained",disabled:B?!E.trim():!k,sx:{minWidth:100},children:B?"Create & Add":k?"Add":"Save"})]})]})]})},x=function(o){var r=o.cartItem,n=o.groups,l=o.guideStepsProps,m=o.addGroup,u=o.addItem,d=document.createElement("div");document.body.appendChild(d);var a=i(d);a.render(t(g,{open:!0,onClose:function(){a.unmount(),document.body.removeChild(d)},onConfirm:function(o,t){if(r){var n=o;!o&&t&&(n=h(),m({id:n,name:t,channels:[]}));var i=e(e({},r),{},{GroupId:n||""});n&&u(i),a.unmount(),document.body.removeChild(d)}},guideStepsProps:l,groups:n,cartItem:r}))};export{g as GroupSelectorModal,x as showGroupSelectorModal};
+import{slicedToArray as r,objectSpread2 as t,toConsumableArray as e}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as n,jsx as o}from"react/jsx-runtime";import{useMemo as i,useState as u,useEffect as c}from"react";import{createRoot as d}from"react-dom/client";import{Dialog as l,Box as a,DialogContent as m,Typography as s,DialogActions as f,Button as p}from"@mui/material";import{CollectionsList as h}from"./units.js";import{ModalHeader as v}from"./modal-header.js";import{canAddGroup as g,generateGroupId as C}from"../helpers.js";import{NewCollectionButton as b,NewCollectionInput as I}from"../unit.control.js";import{GuideSteps as P}from"../guide-steps/index.js";var x=function(d){var C=d.open,x=d.onClose,S=d.onConfirm,j=d.groups,y=d.guideStepsProps,k=d.cartItem,G=i(function(){return null!=k&&k.ProductId?j.filter(function(r){var t;return null===(t=r.items)||void 0===t?void 0:t.some(function(r){return r.ProductId===k.ProductId})}).map(function(r){return r.id}).sort():[]},[j,k]),W=G.length>0?G:j.length>0?[j[0].id]:[],A=u(W),E=r(A,2),B=E[0],M=E[1],_=u(!1),D=r(_,2),H=D[0],K=D[1],L=u(""),O=r(L,2),R=O[0],T=O[1];c(function(){if(C){var r=G.length>0?G:j.length>0?[j[0].id]:[];M(r),K(!1),T("")}},[C,G,j.length]);var Y=function(){if(H&&R.trim())return!0;var r=e(B).sort();return G.length!==r.length||G.some(function(t,e){return t!==r[e]})},q=function(){M([]),K(!1),T(""),x()};return n(l,{open:C,onClose:q,maxWidth:"xs",fullWidth:!0,disableScrollLock:!0,keepMounted:!1,scroll:"paper",children:[o(v,{cartItem:k,onClose:q}),n(a,{component:"form",onSubmit:function(r){if(r.preventDefault(),Y())if(H&&R.trim())S([],[],R.trim());else{var t=B.filter(function(r){return!G.includes(r)}),e=G.filter(function(r){return!B.includes(r)});S(t,e)}else q()},children:[n(m,{children:[o(s,{variant:"subtitle1",sx:{mb:1,fontWeight:600},children:"Your Media Rights Package"}),g(j)&&(H?o(I,{value:R,onChange:T}):o(b,{onClick:function(){K(!0)}})),o(h,{groups:j,selectedGroupIds:B,onGroupSelect:function(r){M(function(t){return t.includes(r)?t.filter(function(t){return t!==r}):[].concat(e(t),[r])}),K(!1)}})]}),n(f,{sx:{px:3,pb:3},children:[y&&o(P,t({iconButtonProps:{color:"primary",sx:{mr:"auto"}}},y)),o(p,{onClick:q,variant:"outlined",type:"button",children:"Cancel"}),o(p,{type:"submit",variant:"contained",disabled:!!H&&!R.trim(),sx:{minWidth:100},children:function(){if(H)return"Create & Add";var r=Y();return G.length>0?r?"Save Changes":"OK":"Save"}()})]})]})]})},S=function(r){var e=r.cartItem,n=r.groups,i=r.guideStepsProps,u=r.addGroup,c=r.addItem,l=r.removeItem,a=document.createElement("div");document.body.appendChild(a);var m=d(a);m.render(o(x,{open:!0,onClose:function(){m.unmount(),document.body.removeChild(a)},onConfirm:function(r,n,o){if(e){if(o){var i=C();u({id:i,name:o});var d=t(t({},e),{},{GroupId:i});c(d)}else n.forEach(function(r){e.ProductId&&l(r,e.ProductId)}),r.forEach(function(r){var n=t(t({},e),{},{GroupId:r});c(n)});m.unmount(),document.body.removeChild(a)}},guideStepsProps:i,groups:n,cartItem:e}))};export{x as GroupSelectorModal,S as showGroupSelectorModal};
 //# sourceMappingURL=index.js.map

package/dist/media-right/group-selector/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/media-right/group-selector/index.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport type { FC, FormEvent } from 'react'\r\nimport { createRoot } from 'react-dom/client'\r\nimport { Dialog, DialogContent, DialogActions, Button, Typography, Box } from '@mui/material'\r\nimport type { IMediaRightGroup, IMediaRightItem } from '../types'\r\nimport { CollectionsList } from './units'\r\nimport { ModalHeader } from './modal-header'\r\nimport { canAddGroup, generateGroupId } from '../helpers'\r\nimport { NewCollectionButton, NewCollectionInput } from '../unit.control'\r\nimport { GuideSteps } from '../guide-steps'\r\nimport type { IGuideStepsProps } from '../guide-steps'\r\n\r\nexport interface IGroupSelectorModalProps {\r\n  open: boolean\r\n  guideStepsProps?: IGuideStepsProps\r\n  onClose: () => void\r\n  onConfirm: (groupId: string | null, newName?: string) => void\r\n  groups: IMediaRightGroup[]\r\n  cartItem: IMediaRightItem | null\r\n}\r\n\r\nexport const GroupSelectorModal: FC<IGroupSelectorModalProps> = ({ open, onClose, onConfirm, groups, guideStepsProps, cartItem }) => {\r\n  const [selectedGroupId, setSelectedGroupId] = useState<string | null>(null)\r\n  const [showNewGroupInput, setShowNewGroupInput] = useState(false)\r\n  const [newName, setNewName] = useState<string>('')\r\n\r\n  const handleSubmit = (e: FormEvent) => {\r\n    e.preventDefault()\r\n\r\n    if (showNewGroupInput && newName.trim()) {\r\n      // Create new group\r\n      onConfirm(null, newName.trim())\r\n    } else if (selectedGroupId) {\r\n      // Add to selected group\r\n      onConfirm(selectedGroupId)\r\n    } else {\r\n      // Add to cart without group\r\n      onConfirm(null)\r\n    }\r\n  }\r\n\r\n  const handleClose = () => {\r\n    setSelectedGroupId(null)\r\n    setShowNewGroupInput(false)\r\n    setNewName('')\r\n    onClose()\r\n  }\r\n\r\n  const handleNewGroupClick = () => {\r\n    setSelectedGroupId(null)\r\n    setShowNewGroupInput(true)\r\n  }\r\n\r\n  const handleGroupSelect = (groupId: string) => {\r\n    setSelectedGroupId(groupId)\r\n    setShowNewGroupInput(false)\r\n  }\r\n\r\n  const isConfirmDisabled = () => {\r\n    if (showNewGroupInput) return !newName.trim()\r\n    return !selectedGroupId\r\n  }\r\n\r\n  return (\r\n    <Dialog open={open} onClose={handleClose} maxWidth='xs' fullWidth disableScrollLock={true} keepMounted={false} scroll='paper'>\r\n      <ModalHeader cartItem={cartItem} onClose={handleClose} />\r\n      <Box component='form' onSubmit={handleSubmit}>\r\n        <DialogContent>\r\n          <Typography variant='subtitle1' sx={{ mb: 1, fontWeight: 600 }}>\r\n            Your Media Rights Package\r\n          </Typography>\r\n          {canAddGroup(groups) &&\r\n            (!showNewGroupInput ? (\r\n              <NewCollectionButton onClick={handleNewGroupClick} />\r\n            ) : (\r\n              <NewCollectionInput value={newName} onChange={setNewName} />\r\n            ))}\r\n          <CollectionsList groups={groups} selectedGroupId={selectedGroupId} onGroupSelect={handleGroupSelect} />\r\n        </DialogContent>\r\n\r\n        <DialogActions sx={{ px: 3, pb: 3 }}>\r\n          {guideStepsProps && <GuideSteps iconButtonProps={{ color: 'primary', sx: { mr: 'auto' } }} {...guideStepsProps} />}\r\n          <Button onClick={handleClose} variant='outlined' type='button'>\r\n            Cancel\r\n          </Button>\r\n          <Button type='submit' variant='contained' disabled={isConfirmDisabled()} sx={{ minWidth: 100 }}>\r\n            {showNewGroupInput ? 'Create & Add' : selectedGroupId ? 'Add' : 'Save'}\r\n          </Button>\r\n        </DialogActions>\r\n      </Box>\r\n    </Dialog>\r\n  )\r\n}\r\n\r\nexport interface IShowGroupSelectorModalProps {\r\n  cartItem: IMediaRightItem | null\r\n  groups: IMediaRightGroup[]\r\n  guideStepsProps?: IGuideStepsProps\r\n  addGroup: (group: Omit<IMediaRightGroup, 'createdAt' | 'items'>) => void\r\n  addItem: (item: IMediaRightItem) => void\r\n}\r\n\r\nexport const showGroupSelectorModal = ({ cartItem, groups, guideStepsProps, addGroup, addItem }: IShowGroupSelectorModalProps) => {\r\n  const modalContainer = document.createElement('div')\r\n  document.body.appendChild(modalContainer)\r\n  const root = createRoot(modalContainer)\r\n\r\n  const handleModalConfirmInModal = (groupId: string | null, newGroupName?: string) => {\r\n    if (!cartItem) return\r\n    let finalGroupId = groupId\r\n    // Create new group if needed\r\n    if (!groupId && newGroupName) {\r\n      finalGroupId = generateGroupId()\r\n      addGroup({\r\n        id: finalGroupId,\r\n        name: newGroupName,\r\n        channels: []\r\n      })\r\n    }\r\n    const cartItemWithGroup: IMediaRightItem = {\r\n      ...cartItem,\r\n      GroupId: finalGroupId || ''\r\n    }\r\n    if (finalGroupId) {\r\n      addItem(cartItemWithGroup)\r\n    }\r\n    root.unmount()\r\n    document.body.removeChild(modalContainer)\r\n  }\r\n  root.render(\r\n    <GroupSelectorModal\r\n      open={true}\r\n      onClose={() => {\r\n        root.unmount()\r\n        document.body.removeChild(modalContainer)\r\n      }}\r\n      onConfirm={handleModalConfirmInModal}\r\n      guideStepsProps={guideStepsProps}\r\n      groups={groups}\r\n      cartItem={cartItem}\r\n    />\r\n  )\r\n}\r\n"],"names":["GroupSelectorModal","_ref","open","onClose","onConfirm","groups","guideStepsProps","cartItem","_useState","useState","_useState2","_slicedToArray","selectedGroupId","setSelectedGroupId","_useState3","_useState4","showNewGroupInput","setShowNewGroupInput","_useState5","_useState6","newName","setNewName","handleClose","_jsxs","Dialog","maxWidth","fullWidth","disableScrollLock","keepMounted","scroll","children","_jsx","ModalHeader","Box","component","onSubmit","e","preventDefault","trim","DialogContent","Typography","variant","sx","mb","fontWeight","canAddGroup","NewCollectionInput","value","onChange","NewCollectionButton","onClick","CollectionsList","onGroupSelect","groupId","DialogActions","px","pb","GuideSteps","_objectSpread","iconButtonProps","color","mr","Button","type","disabled","minWidth","showGroupSelectorModal","_ref2","addGroup","addItem","modalContainer","document","createElement","body","appendChild","root","createRoot","render","unmount","removeChild","newGroupName","finalGroupId","generateGroupId","id","name","channels","cartItemWithGroup","GroupId"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/media-right/group-selector/index.tsx"],"sourcesContent":["import { useState, useEffect, useMemo } from 'react'\r\nimport type { FC, FormEvent } from 'react'\r\nimport { createRoot } from 'react-dom/client'\r\nimport { Dialog, DialogContent, DialogActions, Button, Typography, Box } from '@mui/material'\r\nimport type { IMediaRightGroup, IMediaRightItem } from '../types'\r\nimport { CollectionsList } from './units'\r\nimport { ModalHeader } from './modal-header'\r\nimport { canAddGroup, generateGroupId } from '../helpers'\r\nimport { NewCollectionButton, NewCollectionInput } from '../unit.control'\r\nimport { GuideSteps } from '../guide-steps'\r\nimport type { IGuideStepsProps } from '../guide-steps'\r\n\r\nexport interface IGroupSelectorModalProps {\r\n  open: boolean\r\n  guideStepsProps?: IGuideStepsProps\r\n  onClose: () => void\r\n  onConfirm: (groupIdsToAdd: string[], groupIdsToRemove: string[], newGroupName?: string) => void\r\n  groups: IMediaRightGroup[]\r\n  cartItem: IMediaRightItem | null\r\n}\r\n\r\nexport const GroupSelectorModal: FC<IGroupSelectorModalProps> = ({ open, onClose, onConfirm, groups, guideStepsProps, cartItem }) => {\r\n  // Find all groups that contain this item\r\n  const currentGroupIds = useMemo(() => {\r\n    if (!cartItem?.ProductId) return []\r\n    const l = groups.filter((g) => g.items?.some((item) => item.ProductId === cartItem.ProductId))\r\n    return l.map((g) => g.id).sort()\r\n  }, [groups, cartItem])\r\n\r\n  // Auto-select: all current groups if exists, otherwise first group if available\r\n  const initialGroupIds = currentGroupIds.length > 0 ? currentGroupIds : groups.length > 0 ? [groups[0].id] : []\r\n\r\n  const [selectedGroupIds, setSelectedGroupIds] = useState<string[]>(initialGroupIds)\r\n  const [showNewGroupInput, setShowNewGroupInput] = useState(false)\r\n  const [newName, setNewName] = useState<string>('')\r\n\r\n  // Update selection when modal opens or groups/cartItem changes\r\n  useEffect(() => {\r\n    if (open) {\r\n      const newInitialGroupIds = currentGroupIds.length > 0 ? currentGroupIds : groups.length > 0 ? [groups[0].id] : []\r\n      setSelectedGroupIds(newInitialGroupIds)\r\n      setShowNewGroupInput(false)\r\n      setNewName('')\r\n    }\r\n  }, [open, currentGroupIds, groups.length])\r\n\r\n  // Check if there's any change\r\n  const hasChanges = () => {\r\n    if (showNewGroupInput && newName.trim()) return true\r\n\r\n    // Sort and compare arrays (currentGroupIds is already sorted)\r\n    const sortedSelected = [...selectedGroupIds].sort()\r\n\r\n    // Check if arrays are different\r\n    if (currentGroupIds.length !== sortedSelected.length) return true\r\n\r\n    return currentGroupIds.some((id, index) => id !== sortedSelected[index])\r\n  }\r\n\r\n  const handleSubmit = (e: FormEvent) => {\r\n    e.preventDefault()\r\n\r\n    // Only proceed if there are changes\r\n    if (!hasChanges()) {\r\n      handleClose()\r\n      return\r\n    }\r\n\r\n    if (showNewGroupInput && newName.trim()) {\r\n      // Create new group and add item to it\r\n      onConfirm([], [], newName.trim())\r\n    } else {\r\n      // Calculate changes\r\n      const groupIdsToAdd = selectedGroupIds.filter((id) => !currentGroupIds.includes(id))\r\n      const groupIdsToRemove = currentGroupIds.filter((id) => !selectedGroupIds.includes(id))\r\n      onConfirm(groupIdsToAdd, groupIdsToRemove)\r\n    }\r\n  }\r\n\r\n  const handleClose = () => {\r\n    setSelectedGroupIds([])\r\n    setShowNewGroupInput(false)\r\n    setNewName('')\r\n    onClose()\r\n  }\r\n\r\n  const handleNewGroupClick = () => {\r\n    setShowNewGroupInput(true)\r\n  }\r\n\r\n  const handleGroupSelect = (groupId: string) => {\r\n    setSelectedGroupIds((prev) => {\r\n      if (prev.includes(groupId)) {\r\n        // Uncheck: remove from selection\r\n        return prev.filter((id) => id !== groupId)\r\n      } else {\r\n        // Check: add to selection\r\n        return [...prev, groupId]\r\n      }\r\n    })\r\n    setShowNewGroupInput(false)\r\n  }\r\n\r\n  const isConfirmDisabled = () => {\r\n    if (showNewGroupInput) return !newName.trim()\r\n    // Allow unchecking all groups (to remove item from all groups)\r\n    return false\r\n  }\r\n\r\n  const getButtonText = () => {\r\n    if (showNewGroupInput) return 'Create & Add'\r\n\r\n    const changes = hasChanges()\r\n\r\n    // Case 1: Item already exists in some groups\r\n    if (currentGroupIds.length > 0) {\r\n      return changes ? 'Save Changes' : 'OK'\r\n    }\r\n\r\n    // Case 2: Item doesn't exist in any group yet\r\n    return 'Save'\r\n  }\r\n\r\n  return (\r\n    <Dialog open={open} onClose={handleClose} maxWidth='xs' fullWidth disableScrollLock={true} keepMounted={false} scroll='paper'>\r\n      <ModalHeader cartItem={cartItem} onClose={handleClose} />\r\n      <Box component='form' onSubmit={handleSubmit}>\r\n        <DialogContent>\r\n          <Typography variant='subtitle1' sx={{ mb: 1, fontWeight: 600 }}>\r\n            Your Media Rights Package\r\n          </Typography>\r\n          {canAddGroup(groups) &&\r\n            (!showNewGroupInput ? (\r\n              <NewCollectionButton onClick={handleNewGroupClick} />\r\n            ) : (\r\n              <NewCollectionInput value={newName} onChange={setNewName} />\r\n            ))}\r\n          <CollectionsList groups={groups} selectedGroupIds={selectedGroupIds} onGroupSelect={handleGroupSelect} />\r\n        </DialogContent>\r\n\r\n        <DialogActions sx={{ px: 3, pb: 3 }}>\r\n          {guideStepsProps && <GuideSteps iconButtonProps={{ color: 'primary', sx: { mr: 'auto' } }} {...guideStepsProps} />}\r\n          <Button onClick={handleClose} variant='outlined' type='button'>\r\n            Cancel\r\n          </Button>\r\n          <Button type='submit' variant='contained' disabled={isConfirmDisabled()} sx={{ minWidth: 100 }}>\r\n            {getButtonText()}\r\n          </Button>\r\n        </DialogActions>\r\n      </Box>\r\n    </Dialog>\r\n  )\r\n}\r\n\r\nexport interface IShowGroupSelectorModalProps {\r\n  cartItem: IMediaRightItem | null\r\n  groups: IMediaRightGroup[]\r\n  guideStepsProps?: IGuideStepsProps\r\n  addGroup: (group: Omit<IMediaRightGroup, 'createdAt' | 'items' | 'channels'>) => void\r\n  addItem: (item: IMediaRightItem) => void\r\n  removeItem: (groupId: string, productId: string) => void\r\n}\r\n\r\nexport const showGroupSelectorModal = ({ cartItem, groups, guideStepsProps, addGroup, addItem, removeItem }: IShowGroupSelectorModalProps) => {\r\n  const modalContainer = document.createElement('div')\r\n  document.body.appendChild(modalContainer)\r\n  const root = createRoot(modalContainer)\r\n\r\n  const handleModalConfirmInModal = (groupIdsToAdd: string[], groupIdsToRemove: string[], newGroupName?: string) => {\r\n    if (!cartItem) return\r\n\r\n    // Create new group if needed\r\n    if (newGroupName) {\r\n      const newGroupId = generateGroupId()\r\n      addGroup({\r\n        id: newGroupId,\r\n        name: newGroupName\r\n      })\r\n      // Add item to the new group\r\n      const cartItemWithGroup: IMediaRightItem = {\r\n        ...cartItem,\r\n        GroupId: newGroupId\r\n      }\r\n      addItem(cartItemWithGroup)\r\n    } else {\r\n      // Remove from groups\r\n      groupIdsToRemove.forEach((groupId) => {\r\n        if (cartItem.ProductId) {\r\n          removeItem(groupId, cartItem.ProductId)\r\n        }\r\n      })\r\n\r\n      // Add to groups\r\n      groupIdsToAdd.forEach((groupId) => {\r\n        const cartItemWithGroup: IMediaRightItem = {\r\n          ...cartItem,\r\n          GroupId: groupId\r\n        }\r\n        addItem(cartItemWithGroup)\r\n      })\r\n    }\r\n\r\n    root.unmount()\r\n    document.body.removeChild(modalContainer)\r\n  }\r\n  root.render(\r\n    <GroupSelectorModal\r\n      open={true}\r\n      onClose={() => {\r\n        root.unmount()\r\n        document.body.removeChild(modalContainer)\r\n      }}\r\n      onConfirm={handleModalConfirmInModal}\r\n      guideStepsProps={guideStepsProps}\r\n      groups={groups}\r\n      cartItem={cartItem}\r\n    />\r\n  )\r\n}\r\n"],"names":["GroupSelectorModal","_ref","open","onClose","onConfirm","groups","guideStepsProps","cartItem","currentGroupIds","useMemo","ProductId","filter","g","_g$items","items","some","item","map","id","sort","initialGroupIds","length","_useState","useState","_useState2","_slicedToArray","selectedGroupIds","setSelectedGroupIds","_useState3","_useState4","showNewGroupInput","setShowNewGroupInput","_useState5","_useState6","newName","setNewName","useEffect","newInitialGroupIds","hasChanges","trim","sortedSelected","_toConsumableArray","index","handleClose","_jsxs","Dialog","maxWidth","fullWidth","disableScrollLock","keepMounted","scroll","children","_jsx","ModalHeader","Box","component","onSubmit","e","preventDefault","groupIdsToAdd","includes","groupIdsToRemove","DialogContent","Typography","variant","sx","mb","fontWeight","canAddGroup","NewCollectionInput","value","onChange","NewCollectionButton","onClick","CollectionsList","onGroupSelect","groupId","prev","concat","DialogActions","px","pb","GuideSteps","_objectSpread","iconButtonProps","color","mr","Button","type","disabled","minWidth","changes","getButtonText","showGroupSelectorModal","_ref2","addGroup","addItem","removeItem","modalContainer","document","createElement","body","appendChild","root","createRoot","render","unmount","removeChild","newGroupName","newGroupId","generateGroupId","name","cartItemWithGroup","GroupId","forEach"],"mappings":"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"}

package/dist/media-right/group-selector/units.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import{Box as t,Typography as i,List as o,ListItem as n,ListItemButton as a,Checkbox as l,Stack as c,Chip as d}from"@mui/material";import s from"@mui/icons-material/FolderOutlined";var m=function(t){var o=t.group,m=t.isSelected,u=t.onSelect;return r(n,{disablePadding:!0,children:e(a,{selected:m,onClick:function(){return u(o.id)},sx:{gap:1,borderRadius:1,"&.Mui-selected":{bgcolor:"primary.50","&:hover":{bgcolor:"primary.100"}}},children:[r(l,{checked:m,size:"small"}),r(s,{fontSize:"small"}),e(c,{direction:"row",gap:1,sx:{minWidth:0,flexGrow:1,alignItems:"center",justifyContent:"space-between"},children:[r(i,{variant:"body2",noWrap:!0,children:o.name}),r(d,{label:"".concat(o.items.length," items"),size:"small"})]})]})})},u=function(n){var a=n.groups,l=n.selectedGroupId,c=n.onGroupSelect;return 0===a.length?e(t,{sx:{textAlign:"center",py:2,color:"text.secondary"},children:[r(s,{sx:{fontSize:48,mb:1,opacity:.5}}),r(i,{variant:"body2",children:"No Media Rights Packages yet. Create your first package!"})]}):r(o,{sx:{maxHeight:300,overflow:"auto"},children:a.map(function(e){return r(m,{group:e,isSelected:l===e.id,onSelect:c},e.id)})})};export{u as CollectionsList};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{Box as i,Typography as t,List as n,ListItem as o,ListItemButton as a,Checkbox as l,Stack as c,Chip as d}from"@mui/material";import s from"@mui/icons-material/FolderOutlined";var m=function(i){var n=i.group,m=i.isSelected,u=i.onSelect;return r(o,{disablePadding:!0,children:e(a,{selected:m,onClick:function(){return u(n.id)},sx:{gap:1,borderRadius:1,"&.Mui-selected":{bgcolor:"primary.50","&:hover":{bgcolor:"primary.100"}}},children:[r(l,{checked:m,size:"small"}),r(s,{fontSize:"small"}),e(c,{direction:"row",gap:1,sx:{minWidth:0,flexGrow:1,alignItems:"center",justifyContent:"space-between"},children:[r(t,{variant:"body2",noWrap:!0,children:n.name}),r(d,{label:"".concat(n.items.length," items"),size:"small"})]})]})})},u=function(o){var a=o.groups,l=o.selectedGroupIds,c=o.onGroupSelect;return 0===a.length?e(i,{sx:{textAlign:"center",py:2,color:"text.secondary"},children:[r(s,{sx:{fontSize:48,mb:1,opacity:.5}}),r(t,{variant:"body2",children:"No Media Rights Packages yet. Create your first package!"})]}):r(n,{sx:{maxHeight:300,overflow:"auto"},children:a.map(function(e){return r(m,{group:e,isSelected:l.includes(e.id),onSelect:c},e.id)})})};export{u as CollectionsList};
 //# sourceMappingURL=units.js.map

package/dist/media-right/group-selector/units.js.map

@@ -1 +1 @@
-{"version":3,"file":"units.js","sources":["../../../src/media-right/group-selector/units.tsx"],"sourcesContent":["import type { FC } from 'react'\r\nimport { List, Box, Typography, ListItem, ListItemButton, Checkbox, Stack, Chip } from '@mui/material'\r\nimport FolderOutlinedIcon from '@mui/icons-material/FolderOutlined'\r\nimport type { IMediaRightGroup } from '../types'\r\n\r\nexport interface CollectionItemProps {\r\n  group: IMediaRightGroup\r\n  isSelected: boolean\r\n  onSelect: (groupId: string) => void\r\n}\r\n\r\nconst CollectionItem: FC<CollectionItemProps> = ({ group, isSelected, onSelect }) => {\r\n  return (\r\n    <ListItem disablePadding>\r\n      <ListItemButton\r\n        selected={isSelected}\r\n        onClick={() => onSelect(group.id)}\r\n        sx={{\r\n          gap: 1,\r\n          borderRadius: 1,\r\n          '&.Mui-selected': {\r\n            bgcolor: 'primary.50',\r\n            '&:hover': {\r\n              bgcolor: 'primary.100'\r\n            }\r\n          }\r\n        }}\r\n      >\r\n        <Checkbox checked={isSelected} size='small' />\r\n        <FolderOutlinedIcon fontSize='small' />\r\n        <Stack direction='row' gap={1} sx={{ minWidth: 0, flexGrow: 1, alignItems: 'center', justifyContent: 'space-between' }}>\r\n          <Typography variant='body2' noWrap>\r\n            {group.name}\r\n          </Typography>\r\n          <Chip label={`${group.items.length} items`} size='small' />\r\n        </Stack>\r\n      </ListItemButton>\r\n    </ListItem>\r\n  )\r\n}\r\n\r\nexport interface CollectionsListProps {\r\n  groups: IMediaRightGroup[]\r\n  selectedGroupId: string | null\r\n  onGroupSelect: (groupId: string) => void\r\n}\r\n\r\nexport const CollectionsList: FC<CollectionsListProps> = ({ groups, selectedGroupId, onGroupSelect }) => {\r\n  if (groups.length === 0) {\r\n    return (\r\n      <Box sx={{ textAlign: 'center', py: 2, color: 'text.secondary' }}>\r\n        <FolderOutlinedIcon sx={{ fontSize: 48, mb: 1, opacity: 0.5 }} />\r\n        <Typography variant='body2'>No Media Rights Packages yet. Create your first package!</Typography>\r\n      </Box>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <List sx={{ maxHeight: 300, overflow: 'auto' }}>\r\n      {groups.map((group) => (\r\n        <CollectionItem key={group.id} group={group} isSelected={selectedGroupId === group.id} onSelect={onGroupSelect} />\r\n      ))}\r\n    </List>\r\n  )\r\n}\r\n"],"names":["CollectionItem","_ref","group","isSelected","onSelect","_jsx","ListItem","disablePadding","children","_jsxs","ListItemButton","selected","onClick","id","sx","gap","borderRadius","bgcolor","Checkbox","checked","size","FolderOutlinedIcon","fontSize","Stack","direction","minWidth","flexGrow","alignItems","justifyContent","Typography","variant","noWrap","name","Chip","label","concat","items","length","CollectionsList","_ref2","groups","selectedGroupId","onGroupSelect","Box","textAlign","py","color","mb","opacity","List","maxHeight","overflow","map"],"mappings":"uOAWA,IAAMA,EAA0C,SAA5BC,GAAgE,IAAjCC,EAAKD,EAALC,MAAOC,EAAUF,EAAVE,WAAYC,EAAQH,EAARG,SACpE,OACEC,EAACC,EAAS,CAAAC,gBACR,EAAAC,SAAAC,EAACC,EAAc,CACbC,SAAUR,EACVS,QAAS,WAAF,OAAQR,EAASF,EAAMW,GAAG,EACjCC,GAAI,CACFC,IAAK,EACLC,aAAc,EACd,iBAAkB,CAChBC,QAAS,aACT,UAAW,CACTA,QAAS,iBAGdT,SAAA,CAEDH,EAACa,EAAQ,CAACC,QAAShB,EAAYiB,KAAK,UACpCf,EAACgB,GAAmBC,SAAS,UAC7Bb,EAACc,GAAMC,UAAU,MAAMT,IAAK,EAAGD,GAAI,CAAEW,SAAU,EAAGC,SAAU,EAAGC,WAAY,SAAUC,eAAgB,iBAAiBpB,SAAA,CACpHH,EAACwB,EAAU,CAACC,QAAQ,QAAQC,mBACzB7B,EAAM8B,OAET3B,EAAC4B,GAAKC,MAAK,GAAAC,OAAKjC,EAAMkC,MAAMC,OAAc,UAAEjB,KAAK,iBAK3D,EAQakB,EAA4C,SAA7BC,GAA4E,IAA5CC,EAAMD,EAANC,OAAQC,EAAeF,EAAfE,gBAAiBC,EAAaH,EAAbG,cACnF,OAAsB,IAAlBF,EAAOH,OAEP5B,EAACkC,EAAG,CAAC7B,GAAI,CAAE8B,UAAW,SAAUC,GAAI,EAAGC,MAAO,kBAAkBtC,SAAA,CAC9DH,EAACgB,EAAmB,CAAAP,GAAI,CAAEQ,SAAU,GAAIyB,GAAI,EAAGC,QAAS,MACxD3C,EAACwB,EAAW,CAAAC,QAAQ,QAAOtB,SAAA,gEAM/BH,EAAC4C,EAAK,CAAAnC,GAAI,CAAEoC,UAAW,IAAKC,SAAU,QACnC3C,SAAAgC,EAAOY,IAAI,SAAClD,GAAK,OAChBG,EAACL,EAAc,CAAgBE,MAAOA,EAAOC,WAAYsC,IAAoBvC,EAAMW,GAAIT,SAAUsC,GAA5ExC,EAAMW,GAC5B,IAGP"}
+{"version":3,"file":"units.js","sources":["../../../src/media-right/group-selector/units.tsx"],"sourcesContent":["import type { FC } from 'react'\r\nimport { List, Box, Typography, ListItem, ListItemButton, Checkbox, Stack, Chip } from '@mui/material'\r\nimport FolderOutlinedIcon from '@mui/icons-material/FolderOutlined'\r\nimport type { IMediaRightGroup } from '../types'\r\n\r\nexport interface CollectionItemProps {\r\n  group: IMediaRightGroup\r\n  isSelected: boolean\r\n  onSelect: (groupId: string) => void\r\n}\r\n\r\nconst CollectionItem: FC<CollectionItemProps> = ({ group, isSelected, onSelect }) => {\r\n  return (\r\n    <ListItem disablePadding>\r\n      <ListItemButton\r\n        selected={isSelected}\r\n        onClick={() => onSelect(group.id)}\r\n        sx={{\r\n          gap: 1,\r\n          borderRadius: 1,\r\n          '&.Mui-selected': {\r\n            bgcolor: 'primary.50',\r\n            '&:hover': {\r\n              bgcolor: 'primary.100'\r\n            }\r\n          }\r\n        }}\r\n      >\r\n        <Checkbox checked={isSelected} size='small' />\r\n        <FolderOutlinedIcon fontSize='small' />\r\n        <Stack direction='row' gap={1} sx={{ minWidth: 0, flexGrow: 1, alignItems: 'center', justifyContent: 'space-between' }}>\r\n          <Typography variant='body2' noWrap>\r\n            {group.name}\r\n          </Typography>\r\n          <Chip label={`${group.items.length} items`} size='small' />\r\n        </Stack>\r\n      </ListItemButton>\r\n    </ListItem>\r\n  )\r\n}\r\n\r\nexport interface CollectionsListProps {\r\n  groups: IMediaRightGroup[]\r\n  selectedGroupIds: string[]\r\n  onGroupSelect: (groupId: string) => void\r\n}\r\n\r\nexport const CollectionsList: FC<CollectionsListProps> = ({ groups, selectedGroupIds, onGroupSelect }) => {\r\n  if (groups.length === 0) {\r\n    return (\r\n      <Box sx={{ textAlign: 'center', py: 2, color: 'text.secondary' }}>\r\n        <FolderOutlinedIcon sx={{ fontSize: 48, mb: 1, opacity: 0.5 }} />\r\n        <Typography variant='body2'>No Media Rights Packages yet. Create your first package!</Typography>\r\n      </Box>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <List sx={{ maxHeight: 300, overflow: 'auto' }}>\r\n      {groups.map((group) => (\r\n        <CollectionItem key={group.id} group={group} isSelected={selectedGroupIds.includes(group.id)} onSelect={onGroupSelect} />\r\n      ))}\r\n    </List>\r\n  )\r\n}\r\n"],"names":["CollectionItem","_ref","group","isSelected","onSelect","_jsx","ListItem","disablePadding","children","_jsxs","ListItemButton","selected","onClick","id","sx","gap","borderRadius","bgcolor","Checkbox","checked","size","FolderOutlinedIcon","fontSize","Stack","direction","minWidth","flexGrow","alignItems","justifyContent","Typography","variant","noWrap","name","Chip","label","concat","items","length","CollectionsList","_ref2","groups","selectedGroupIds","onGroupSelect","Box","textAlign","py","color","mb","opacity","List","maxHeight","overflow","map","includes"],"mappings":"uOAWA,IAAMA,EAA0C,SAA5BC,GAAgE,IAAjCC,EAAKD,EAALC,MAAOC,EAAUF,EAAVE,WAAYC,EAAQH,EAARG,SACpE,OACEC,EAACC,EAAS,CAAAC,gBACR,EAAAC,SAAAC,EAACC,EAAc,CACbC,SAAUR,EACVS,QAAS,WAAF,OAAQR,EAASF,EAAMW,GAAG,EACjCC,GAAI,CACFC,IAAK,EACLC,aAAc,EACd,iBAAkB,CAChBC,QAAS,aACT,UAAW,CACTA,QAAS,iBAGdT,SAAA,CAEDH,EAACa,EAAQ,CAACC,QAAShB,EAAYiB,KAAK,UACpCf,EAACgB,GAAmBC,SAAS,UAC7Bb,EAACc,GAAMC,UAAU,MAAMT,IAAK,EAAGD,GAAI,CAAEW,SAAU,EAAGC,SAAU,EAAGC,WAAY,SAAUC,eAAgB,iBAAiBpB,SAAA,CACpHH,EAACwB,EAAU,CAACC,QAAQ,QAAQC,mBACzB7B,EAAM8B,OAET3B,EAAC4B,GAAKC,MAAK,GAAAC,OAAKjC,EAAMkC,MAAMC,OAAc,UAAEjB,KAAK,iBAK3D,EAQakB,EAA4C,SAA7BC,GAA6E,IAA7CC,EAAMD,EAANC,OAAQC,EAAgBF,EAAhBE,iBAAkBC,EAAaH,EAAbG,cACpF,OAAsB,IAAlBF,EAAOH,OAEP5B,EAACkC,EAAG,CAAC7B,GAAI,CAAE8B,UAAW,SAAUC,GAAI,EAAGC,MAAO,kBAAkBtC,SAAA,CAC9DH,EAACgB,EAAmB,CAAAP,GAAI,CAAEQ,SAAU,GAAIyB,GAAI,EAAGC,QAAS,MACxD3C,EAACwB,EAAW,CAAAC,QAAQ,QAAOtB,SAAA,gEAM/BH,EAAC4C,EAAK,CAAAnC,GAAI,CAAEoC,UAAW,IAAKC,SAAU,QAAQ3C,SAC3CgC,EAAOY,IAAI,SAAClD,GAAK,OAChBG,EAACL,GAA8BE,MAAOA,EAAOC,WAAYsC,EAAiBY,SAASnD,EAAMW,IAAKT,SAAUsC,GAAnFxC,EAAMW,GAC5B,IAGP"}

package/dist/media-right/hooks.js

@@ -0,0 +1,2 @@
+import{slicedToArray as e}from"../_virtual/_rollupPluginBabelHelpers.js";import{useRef as r,useState as n,useEffect as t}from"react";import{MediaRightService as o,mediaRightService as a}from"./service.js";function u(u){var c=r(!1);null!=u&&u.localStorageKey&&!c.current&&o.setLocalStorageKey(u.localStorageKey);var l=n(function(){return a.getGroupsMap()}),i=e(l,2),p=i[0],f=i[1];return t(function(){c.current||(a.initialize(),c.current=!0);var e=a.subscribe("stateChange",function(e){var r=e.groups;f(r)});return function(){e&&e()}},[]),{groups:Object.values(p),groupsMap:p}}function c(e){var n=r(!1);null!=e&&e.localStorageKey&&!n.current&&(o.setLocalStorageKey(e.localStorageKey),n.current=!0);return{addGroup:function(e){a.addGroup(e)},updateGroup:function(e,r){a.updateGroup(e,r)},removeGroup:function(e){a.removeGroup(e)},addItem:function(e){a.addItem(e)},updateItem:function(e,r,n){a.updateItem(e,r,n)},removeItem:function(e,r){a.removeItem(e,r)},addChannel:function(e,r){a.addChannel(e,r)},updateChannel:function(e,r,n){a.updateChannel(e,r,n)},removeChannel:function(e,r){a.removeChannel(e,r)},clearChannels:function(e){a.clearChannels(e)},clearCart:function(){a.clearAll()}}}export{c as useMediaRightActions,u as useMediaRightStore};
+//# sourceMappingURL=hooks.js.map

package/dist/media-right/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sources":["../../src/media-right/hooks.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\r\nimport { mediaRightService, MediaRightService } from './service'\r\nimport { IMediaRightChannel, IMediaRightGroup, IMediaRightItem } from './types'\r\n\r\nexport interface IMediaRightStoreOptions {\r\n  localStorageKey?: string\r\n}\r\n\r\nexport function useMediaRightStore<O = any>(params?: IMediaRightStoreOptions) {\r\n  const initializedRef = useRef(false)\r\n\r\n  // Set custom localStorage key BEFORE getting initial data\r\n  if (params?.localStorageKey && !initializedRef.current) {\r\n    MediaRightService.setLocalStorageKey(params.localStorageKey)\r\n  }\r\n\r\n  const [groups, setGroups] = useState<Record<string, IMediaRightGroup<O>>>(\r\n    () => mediaRightService.getGroupsMap() as Record<string, IMediaRightGroup<O>>\r\n  )\r\n\r\n  useEffect(() => {\r\n    // Initialize and subscribe to changes\r\n    if (!initializedRef.current) {\r\n      mediaRightService.initialize()\r\n      initializedRef.current = true\r\n    }\r\n\r\n    const unsubscribe = mediaRightService.subscribe('stateChange', ({ groups }) => {\r\n      setGroups(groups as Record<string, IMediaRightGroup<O>>)\r\n    })\r\n\r\n    return () => {\r\n      if (unsubscribe) unsubscribe()\r\n    }\r\n  }, [])\r\n\r\n  return { groups: Object.values(groups), groupsMap: groups }\r\n}\r\n\r\nexport function useMediaRightActions<O = any>(params?: IMediaRightStoreOptions) {\r\n  const initializedRef = useRef(false)\r\n\r\n  // Set custom localStorage key ONCE on mount\r\n  if (params?.localStorageKey && !initializedRef.current) {\r\n    MediaRightService.setLocalStorageKey(params.localStorageKey)\r\n    initializedRef.current = true\r\n  }\r\n\r\n  const addGroup = (group: Omit<IMediaRightGroup<O>, 'createdAt' | 'items' | 'channels'>) => {\r\n    mediaRightService.addGroup(group)\r\n  }\r\n\r\n  const updateGroup = (groupId: string, updates: Partial<Pick<IMediaRightGroup<O>, 'name'>>) => {\r\n    mediaRightService.updateGroup(groupId, updates)\r\n  }\r\n\r\n  const removeGroup = (groupId: string) => {\r\n    mediaRightService.removeGroup(groupId)\r\n  }\r\n\r\n  const addItem = (item: IMediaRightItem<O>) => {\r\n    mediaRightService.addItem(item)\r\n  }\r\n\r\n  const updateItem = (groupId: string, productId: string, updates: Partial<IMediaRightItem<O>>) => {\r\n    mediaRightService.updateItem(groupId, productId, updates)\r\n  }\r\n\r\n  const removeItem = (groupId: string, productId: string) => {\r\n    mediaRightService.removeItem(groupId, productId)\r\n  }\r\n\r\n  const clearCart = () => {\r\n    mediaRightService.clearAll()\r\n  }\r\n\r\n  const addChannel = (groupId: string, channel: IMediaRightChannel) => {\r\n    mediaRightService.addChannel(groupId, channel)\r\n  }\r\n\r\n  const updateChannel = (groupId: string, channelIndex: number, updates: Partial<IMediaRightChannel>) => {\r\n    mediaRightService.updateChannel(groupId, channelIndex, updates)\r\n  }\r\n\r\n  const removeChannel = (groupId: string, channelIndex: number) => {\r\n    mediaRightService.removeChannel(groupId, channelIndex)\r\n  }\r\n\r\n  const clearChannels = (groupId: string) => {\r\n    mediaRightService.clearChannels(groupId)\r\n  }\r\n\r\n  return {\r\n    addGroup,\r\n    updateGroup,\r\n    removeGroup,\r\n    addItem,\r\n    updateItem,\r\n    removeItem,\r\n    addChannel,\r\n    updateChannel,\r\n    removeChannel,\r\n    clearChannels,\r\n    clearCart\r\n  }\r\n}\r\n"],"names":["useMediaRightStore","params","initializedRef","useRef","localStorageKey","current","MediaRightService","setLocalStorageKey","_useState","useState","mediaRightService","getGroupsMap","_useState2","_slicedToArray","groups","setGroups","useEffect","initialize","unsubscribe","subscribe","_ref","Object","values","groupsMap","useMediaRightActions","addGroup","group","updateGroup","groupId","updates","removeGroup","addItem","item","updateItem","productId","removeItem","addChannel","channel","updateChannel","channelIndex","removeChannel","clearChannels","clearCart","clearAll"],"mappings":"6MAQM,SAAUA,EAA4BC,GAC1C,IAAMC,EAAiBC,GAAO,GAG1BF,SAAAA,EAAQG,kBAAoBF,EAAeG,SAC7CC,EAAkBC,mBAAmBN,EAAOG,iBAG9C,IAAAI,EAA4BC,EAC1B,WAAA,OAAMC,EAAkBC,iBACzBC,EAAAC,EAAAL,EAAA,GAFMM,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAoBxB,OAhBAI,EAAU,WAEHd,EAAeG,UAClBK,EAAkBO,aAClBf,EAAeG,SAAU,GAG3B,IAAMa,EAAcR,EAAkBS,UAAU,cAAe,SAAAC,GAAe,IAAZN,EAAMM,EAANN,OAChEC,EAAUD,EACZ,GAEA,OAAO,WACDI,GAAaA,GAClB,CACF,EAAE,IAEI,CAAEJ,OAAQO,OAAOC,OAAOR,GAASS,UAAWT,EACrD,CAEM,SAAUU,EAA8BvB,GAC5C,IAAMC,EAAiBC,GAAO,GAG1BF,SAAAA,EAAQG,kBAAoBF,EAAeG,UAC7CC,EAAkBC,mBAAmBN,EAAOG,iBAC5CF,EAAeG,SAAU,GA+C3B,MAAO,CACLoB,SA7Ce,SAACC,GAChBhB,EAAkBe,SAASC,EAC5B,EA4CCC,YA1CkB,SAACC,EAAiBC,GACpCnB,EAAkBiB,YAAYC,EAASC,EACxC,EAyCCC,YAvCkB,SAACF,GACnBlB,EAAkBoB,YAAYF,EAC/B,EAsCCG,QApCc,SAACC,GACftB,EAAkBqB,QAAQC,EAC3B,EAmCCC,WAjCiB,SAACL,EAAiBM,EAAmBL,GACtDnB,EAAkBuB,WAAWL,EAASM,EAAWL,EAClD,EAgCCM,WA9BiB,SAACP,EAAiBM,GACnCxB,EAAkByB,WAAWP,EAASM,EACvC,EA6BCE,WAvBiB,SAACR,EAAiBS,GACnC3B,EAAkB0B,WAAWR,EAASS,EACvC,EAsBCC,cApBoB,SAACV,EAAiBW,EAAsBV,GAC5DnB,EAAkB4B,cAAcV,EAASW,EAAcV,EACxD,EAmBCW,cAjBoB,SAACZ,EAAiBW,GACtC7B,EAAkB8B,cAAcZ,EAASW,EAC1C,EAgBCE,cAdoB,SAACb,GACrBlB,EAAkB+B,cAAcb,EACjC,EAaCc,UA/BgB,WAChBhC,EAAkBiC,UACnB,EA+BH"}

package/dist/media-right/index.js

@@ -1,2 +1,2 @@
-export{mediaRightStoreOptions}from"./configs.js";export{EChannelType}from"./types.js";export{GuideSteps}from"./guide-steps/index.js";export{MediaGroupWidget,createMediaGroupWidget}from"./media-widget/index.js";export{GroupSelectorModal,showGroupSelectorModal}from"./group-selector/index.js";export{useMediaRightActions,useMediaRightStore}from"./hook.js";export{areDuplicatedLink,canAddGroup,canAddItemToGroup,convertStringToLinks,generateGroupId}from"./helpers.js";
+export{mediaRightStoreOptions}from"./configs.js";export{EChannelType}from"./types.js";export{GuideSteps}from"./guide-steps/index.js";export{MediaGroupWidget,createMediaGroupWidget}from"./media-widget/index.js";export{GroupSelectorModal,showGroupSelectorModal}from"./group-selector/index.js";export{useMediaRightActions,useMediaRightStore}from"./hooks.js";export{MediaRightService,mediaRightService}from"./service.js";export{areDuplicatedLink,canAddGroup,canAddItemToGroup,convertStringToLinks,generateGroupId}from"./helpers.js";
 //# sourceMappingURL=index.js.map

package/dist/media-right/media-widget/index.js

@@ -1,2 +1,2 @@
-import{slicedToArray as o,objectSpread2 as r}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{useState as i,Fragment as a}from"react";import{Badge as l,Stack as p,Typography as c,Button as u}from"@mui/material";import m from"@mui/icons-material/DriveFileMoveOutlined";import d from"@mui/icons-material/FolderSpecialOutlined";import{EmptyState as s}from"./units.js";import{MenuStyled as g}from"./styled.js";import{IconButtonDark as f}from"../../components/buttons.js";import{MediaGroupAccordion as h}from"./media-group-accordion.js";import{useMediaRightStore as x,useMediaRightActions as b}from"../hook.js";import{NewGroupArea as v}from"./new-group-area.js";import{canAddGroup as j,generateGroupId as k}from"../helpers.js";import{ItemTitlePropsContext as P}from"./item-title-props-context.js";var C=function(C){var S,y=C.localStorageKey,G=C.hrefCart,T=C.buttonMoveToCartProps,w=C.onDetailClick,z=x({localStorageKey:y}).groups,D=b({localStorageKey:y}),I=i(null),M=o(I,2),O=M[0],F=M[1],K=i(!1),B=o(K,2),E=B[0],_=B[1],A=function(o){D.addGroup({name:o,id:k()})},H=function(o){D.updateGroup(o.id,o)},L=function(o){D.removeGroup(o)},N=function(o,r){D.removeItem(o,r)};return e(a,{children:[t(f,{onClick:function(o){return F(o.currentTarget)},children:t(l,{badgeContent:z.length||0,color:"error",children:t(d,{})})}),t(g,{disableScrollLock:!0,anchorEl:O,open:Boolean(O),onClose:function(){return F(null)},anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},children:t(P.Provider,{value:{itemTitleProps:C.itemTitleProps,itemTitlePropsGetter:C.itemTitlePropsGetter,onClose:function(){return F(null)}},children:e(n,{children:[e(p,{alignItems:"start",spacing:1,sx:{padding:"12px 16px",position:"sticky",top:0,bgcolor:"background.paper",zIndex:2,boxShadow:"0px 0.5px 5px 0px rgba(0, 0, 0, 0.15)"},children:[e(c,{variant:"h6",component:"span",sx:{flex:1},children:["Your Media Rights Package (",null!==(S=z.length)&&void 0!==S?S:0," Package",z.length>1?"s":"",")"]}),j(z)&&t(v,{onSaveGroup:A})]}),0===z.length?t(s,{}):z.map(function(o){return t(h,{group:o,onEditGroup:H,onDeleteGroup:L,onDeleteMedia:N,accordionProps:{expanded:E===o.id,onChange:function(r,e){return _(!!e&&o.id)}}},o.id)}),t(p,{justifyContent:"end",flexDirection:"row",padding:"6px 12px",sx:{position:"sticky",bottom:0,bgcolor:"background.paper",zIndex:1,boxShadow:"0px 0.5px 5px 0px rgba(0, 0, 0, 0.15)"},children:t(u,r(r(r({},G?{component:"a",href:G}:{}),{},{color:"inherit",size:"small",endIcon:t(m,{}),onClick:function(o){F(null),w&&w(o)},disabled:z.length<1},T),{},{children:"Show Package"}))})]})})})]})},S=function(o){var e=function(e){return t(C,r(r({},o),e))};return e.displayName="MediaGroupWidget",e};export{C as MediaGroupWidget,S as createMediaGroupWidget};
+import{slicedToArray as r,objectSpread2 as o}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{useState as i,Fragment as l}from"react";import{Badge as a,Stack as c,Typography as m,Button as u}from"@mui/material";import p from"@mui/icons-material/DriveFileMoveOutlined";import s from"@mui/icons-material/FolderSpecialOutlined";import{EmptyState as d}from"./units.js";import{MenuStyled as h,mediaWidgetClasses as f}from"./styled.js";import{IconButtonDark as g}from"../../components/buttons.js";import{MediaGroupAccordion as v}from"./media-group-accordion.js";import{useMediaRightStore as P,useMediaRightActions as j}from"../hooks.js";import{NewGroupArea as C}from"./new-group-area.js";import{canAddGroup as G,generateGroupId as k}from"../helpers.js";import{ItemTitlePropsContext as S}from"./item-title-props-context.js";var T=function(T){var b,y=T.localStorageKey,M=T.hrefCart,x=T.buttonMoveToCartProps,D=T.onDetailClick,N=P({localStorageKey:y}).groups,O=j({localStorageKey:y}),z=i(null),F=r(z,2),K=F[0],w=F[1],B=i(!1),E=r(B,2),I=E[0],L=E[1],_=function(r){O.addGroup({name:r,id:k()})},A=function(r){O.updateGroup(r.id,r)},H=function(r){O.removeGroup(r)},R=function(r,o){O.removeItem(r,o)};return e(l,{children:[t(g,{onClick:function(r){return w(r.currentTarget)},children:t(a,{badgeContent:N.length||0,color:"error",children:t(s,{})})}),t(h,{disableScrollLock:!0,anchorEl:K,open:Boolean(K),onClose:function(){return w(null)},anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},MenuListProps:{component:"div"},children:t(S.Provider,{value:{itemTitleProps:T.itemTitleProps,itemTitlePropsGetter:T.itemTitlePropsGetter,onClose:function(){return w(null)}},children:e(n,{children:[e(c,{spacing:1,className:f.header,children:[e(m,{variant:"h6",component:"span",className:f.headerText,children:["Your Media Rights Package (",null!==(b=N.length)&&void 0!==b?b:0," Package",N.length>1?"s":"",")"]}),G(N)&&t(C,{onSaveGroup:_})]}),0===N.length?t(d,{}):N.map(function(r){return t(v,{group:r,onEditGroup:A,onDeleteGroup:H,onDeleteMedia:R,accordionProps:{expanded:I===r.id,onChange:function(o,e){return L(!!e&&r.id)}}},r.id)}),t(c,{className:f.footer,children:t(u,o(o(o({},M?{component:"a",href:M}:{}),{},{color:"inherit",size:"small",endIcon:t(p,{}),onClick:function(r){w(null),D&&D(r)},disabled:N.length<1},x),{},{children:"Show Package"}))})]})})})]})},b=function(r){var e=function(e){return t(T,o(o({},r),e))};return e.displayName="MediaGroupWidget",e};export{T as MediaGroupWidget,b as createMediaGroupWidget};
 //# sourceMappingURL=index.js.map

package/dist/media-right/media-widget/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/media-right/media-widget/index.tsx"],"sourcesContent":["import { Fragment, useState } from 'react'\r\nimport { Badge, Button, ButtonProps, Stack, Typography } from '@mui/material'\r\nimport DriveFileMoveOutlinedIcon from '@mui/icons-material/DriveFileMoveOutlined'\r\nimport FolderSpecialOutlinedIcon from '@mui/icons-material/FolderSpecialOutlined'\r\nimport { EmptyState } from './units'\r\nimport { MenuStyled } from './styled'\r\nimport { IconButtonDark } from '../../components/buttons'\r\nimport { MediaGroupAccordion } from './media-group-accordion'\r\nimport { useMediaRightStore, useMediaRightActions } from '../hook'\r\nimport { NewGroupArea } from './new-group-area'\r\nimport { canAddGroup, generateGroupId } from '../helpers'\r\nimport { ItemTitlePropsContext } from './item-title-props-context'\r\nimport type { ITitlePropsContextValue } from './item-title-props-context'\r\nimport type { IMediaRightGroup } from '../types'\r\n\r\nexport interface IMediaGroupWidgetProps extends ITitlePropsContextValue {\r\n  localStorageKey?: string\r\n  hrefCart?: string\r\n  buttonMoveToCartProps?: ButtonProps & { [key: string]: any }\r\n  onDetailClick?: ButtonProps['onClick']\r\n}\r\n\r\nexport const MediaGroupWidget: React.FC<IMediaGroupWidgetProps> = (props) => {\r\n  const { localStorageKey, hrefCart, buttonMoveToCartProps, onDetailClick } = props\r\n  const { groups } = useMediaRightStore({ localStorageKey })\r\n  const actions = useMediaRightActions({ localStorageKey })\r\n\r\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null)\r\n  const [expandedGroupId, setExpandedGroupId] = useState<string | false>(false)\r\n\r\n  const handleSaveNewGroup = (groupName: string) => {\r\n    actions.addGroup({\r\n      name: groupName,\r\n      id: generateGroupId()\r\n    })\r\n  }\r\n\r\n  const handleEditGroup = (group: IMediaRightGroup) => {\r\n    actions.updateGroup(group.id, group)\r\n  }\r\n\r\n  const handleDeleteGroup = (groupId: string) => {\r\n    actions.removeGroup(groupId)\r\n  }\r\n\r\n  const handleDeleteMedia = (groupId: string, productId: string) => {\r\n    actions.removeItem(groupId, productId)\r\n  }\r\n\r\n  const renderContent = () => {\r\n    return (\r\n      <>\r\n        <Stack\r\n          alignItems={'start'}\r\n          spacing={1}\r\n          sx={{\r\n            padding: '12px 16px',\r\n            position: 'sticky',\r\n            top: 0,\r\n            bgcolor: 'background.paper',\r\n            zIndex: 2,\r\n            boxShadow: '0px 0.5px 5px 0px rgba(0, 0, 0, 0.15)'\r\n          }}\r\n        >\r\n          <Typography variant='h6' component='span' sx={{ flex: 1 }}>\r\n            Your Media Rights Package ({groups.length ?? 0} Package{groups.length > 1 ? 's' : ''})\r\n          </Typography>\r\n          {canAddGroup(groups) && <NewGroupArea onSaveGroup={handleSaveNewGroup} />}\r\n        </Stack>\r\n        {/* <Divider /> */}\r\n        {groups.length === 0 ? (\r\n          <EmptyState />\r\n        ) : (\r\n          groups.map((group) => (\r\n            <MediaGroupAccordion\r\n              key={group.id}\r\n              group={group}\r\n              onEditGroup={handleEditGroup}\r\n              onDeleteGroup={handleDeleteGroup}\r\n              onDeleteMedia={handleDeleteMedia}\r\n              accordionProps={{\r\n                expanded: expandedGroupId === group.id,\r\n                onChange: (_, isExpanded) => setExpandedGroupId(isExpanded ? group.id : false)\r\n              }}\r\n            />\r\n          ))\r\n        )}\r\n        {/* <Divider /> */}\r\n        <Stack\r\n          justifyContent={'end'}\r\n          flexDirection={'row'}\r\n          padding={'6px 12px'}\r\n          sx={{ position: 'sticky', bottom: 0, bgcolor: 'background.paper', zIndex: 1, boxShadow: '0px 0.5px 5px 0px rgba(0, 0, 0, 0.15)' }}\r\n        >\r\n          <Button\r\n            {...(hrefCart ? { component: 'a', href: hrefCart } : {})}\r\n            color='inherit'\r\n            size='small'\r\n            endIcon={<DriveFileMoveOutlinedIcon />}\r\n            onClick={(e) => {\r\n              setAnchorEl(null)\r\n              if (onDetailClick) onDetailClick(e)\r\n            }}\r\n            disabled={groups.length < 1}\r\n            {...buttonMoveToCartProps}\r\n          >\r\n            Show Package\r\n          </Button>\r\n        </Stack>\r\n      </>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <Fragment>\r\n      <IconButtonDark onClick={(e) => setAnchorEl(e.currentTarget)}>\r\n        <Badge badgeContent={groups.length || 0} color='error'>\r\n          <FolderSpecialOutlinedIcon />\r\n        </Badge>\r\n      </IconButtonDark>\r\n      <MenuStyled\r\n        disableScrollLock\r\n        anchorEl={anchorEl}\r\n        open={Boolean(anchorEl)}\r\n        onClose={() => setAnchorEl(null)}\r\n        anchorOrigin={{ vertical: 'top', horizontal: 'right' }}\r\n        transformOrigin={{ vertical: 'top', horizontal: 'right' }}\r\n      >\r\n        <ItemTitlePropsContext.Provider\r\n          value={{\r\n            itemTitleProps: props.itemTitleProps,\r\n            itemTitlePropsGetter: props.itemTitlePropsGetter,\r\n            onClose: () => setAnchorEl(null)\r\n          }}\r\n        >\r\n          {renderContent()}\r\n        </ItemTitlePropsContext.Provider>\r\n      </MenuStyled>\r\n    </Fragment>\r\n  )\r\n}\r\n\r\nexport const createMediaGroupWidget = (params: IMediaGroupWidgetProps) => {\r\n  const _MediaGroupWidget: React.FC<Partial<IMediaGroupWidgetProps>> = (props) => <MediaGroupWidget {...params} {...props} />\r\n  _MediaGroupWidget.displayName = 'MediaGroupWidget'\r\n  return _MediaGroupWidget\r\n}\r\n"],"names":["MediaGroupWidget","props","_groups$length","localStorageKey","hrefCart","buttonMoveToCartProps","onDetailClick","groups","useMediaRightStore","actions","useMediaRightActions","_useState","useState","_useState2","_slicedToArray","anchorEl","setAnchorEl","_useState3","_useState4","expandedGroupId","setExpandedGroupId","handleSaveNewGroup","groupName","addGroup","name","id","generateGroupId","handleEditGroup","group","updateGroup","handleDeleteGroup","groupId","removeGroup","handleDeleteMedia","productId","removeItem","_jsxs","Fragment","children","_jsx","IconButtonDark","onClick","e","currentTarget","Badge","badgeContent","length","color","FolderSpecialOutlinedIcon","MenuStyled","disableScrollLock","open","Boolean","onClose","anchorOrigin","vertical","horizontal","transformOrigin","ItemTitlePropsContext","Provider","value","itemTitleProps","itemTitlePropsGetter","_Fragment","Stack","alignItems","spacing","sx","padding","position","top","bgcolor","zIndex","boxShadow","Typography","variant","component","flex","canAddGroup","NewGroupArea","onSaveGroup","EmptyState","map","MediaGroupAccordion","onEditGroup","onDeleteGroup","onDeleteMedia","accordionProps","expanded","onChange","_","isExpanded","justifyContent","flexDirection","bottom","Button","_objectSpread","href","size","endIcon","DriveFileMoveOutlinedIcon","disabled","createMediaGroupWidget","params","_MediaGroupWidget","displayName"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/media-right/media-widget/index.tsx"],"sourcesContent":["import { Fragment, useState } from 'react'\r\nimport { Badge, Button, ButtonProps, colors, Stack, Typography } from '@mui/material'\r\nimport DriveFileMoveOutlinedIcon from '@mui/icons-material/DriveFileMoveOutlined'\r\nimport FolderSpecialOutlinedIcon from '@mui/icons-material/FolderSpecialOutlined'\r\nimport { EmptyState } from './units'\r\nimport { mediaWidgetClasses, MenuStyled } from './styled'\r\nimport { IconButtonDark } from '../../components/buttons'\r\nimport { MediaGroupAccordion } from './media-group-accordion'\r\nimport { useMediaRightStore, useMediaRightActions } from '../hooks'\r\nimport { NewGroupArea } from './new-group-area'\r\nimport { canAddGroup, generateGroupId } from '../helpers'\r\nimport { ItemTitlePropsContext } from './item-title-props-context'\r\nimport type { ITitlePropsContextValue } from './item-title-props-context'\r\nimport type { IMediaRightGroup } from '../types'\r\n\r\nexport interface IMediaGroupWidgetProps extends ITitlePropsContextValue {\r\n  localStorageKey?: string\r\n  hrefCart?: string\r\n  buttonMoveToCartProps?: ButtonProps & { [key: string]: any }\r\n  onDetailClick?: ButtonProps['onClick']\r\n}\r\n\r\nexport const MediaGroupWidget: React.FC<IMediaGroupWidgetProps> = (props) => {\r\n  const { localStorageKey, hrefCart, buttonMoveToCartProps, onDetailClick } = props\r\n  const { groups } = useMediaRightStore({ localStorageKey })\r\n  const actions = useMediaRightActions({ localStorageKey })\r\n\r\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null)\r\n  const [expandedGroupId, setExpandedGroupId] = useState<string | false>(false)\r\n\r\n  const handleSaveNewGroup = (groupName: string) => {\r\n    actions.addGroup({\r\n      name: groupName,\r\n      id: generateGroupId()\r\n    })\r\n  }\r\n\r\n  const handleEditGroup = (group: IMediaRightGroup) => {\r\n    actions.updateGroup(group.id, group)\r\n  }\r\n\r\n  const handleDeleteGroup = (groupId: string) => {\r\n    actions.removeGroup(groupId)\r\n  }\r\n\r\n  const handleDeleteMedia = (groupId: string, productId: string) => {\r\n    actions.removeItem(groupId, productId)\r\n  }\r\n\r\n  const renderContent = () => {\r\n    return (\r\n      <>\r\n        <Stack spacing={1} className={mediaWidgetClasses.header}>\r\n          <Typography variant='h6' component='span' className={mediaWidgetClasses.headerText}>\r\n            Your Media Rights Package ({groups.length ?? 0} Package{groups.length > 1 ? 's' : ''})\r\n          </Typography>\r\n          {canAddGroup(groups) && <NewGroupArea onSaveGroup={handleSaveNewGroup} />}\r\n        </Stack>\r\n        {/* <Divider /> */}\r\n        {groups.length === 0 ? (\r\n          <EmptyState />\r\n        ) : (\r\n          groups.map((group) => (\r\n            <MediaGroupAccordion\r\n              key={group.id}\r\n              group={group}\r\n              onEditGroup={handleEditGroup}\r\n              onDeleteGroup={handleDeleteGroup}\r\n              onDeleteMedia={handleDeleteMedia}\r\n              accordionProps={{\r\n                expanded: expandedGroupId === group.id,\r\n                onChange: (_, isExpanded) => setExpandedGroupId(isExpanded ? group.id : false)\r\n              }}\r\n            />\r\n          ))\r\n        )}\r\n        {/* <Divider /> */}\r\n        <Stack className={mediaWidgetClasses.footer}>\r\n          <Button\r\n            {...(hrefCart ? { component: 'a', href: hrefCart } : {})}\r\n            color='inherit'\r\n            size='small'\r\n            endIcon={<DriveFileMoveOutlinedIcon />}\r\n            onClick={(e) => {\r\n              setAnchorEl(null)\r\n              if (onDetailClick) onDetailClick(e)\r\n            }}\r\n            disabled={groups.length < 1}\r\n            {...buttonMoveToCartProps}\r\n          >\r\n            Show Package\r\n          </Button>\r\n        </Stack>\r\n      </>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <Fragment>\r\n      <IconButtonDark onClick={(e) => setAnchorEl(e.currentTarget)}>\r\n        <Badge badgeContent={groups.length || 0} color='error'>\r\n          <FolderSpecialOutlinedIcon />\r\n        </Badge>\r\n      </IconButtonDark>\r\n      <MenuStyled\r\n        disableScrollLock\r\n        anchorEl={anchorEl}\r\n        open={Boolean(anchorEl)}\r\n        onClose={() => setAnchorEl(null)}\r\n        anchorOrigin={{ vertical: 'top', horizontal: 'right' }}\r\n        transformOrigin={{ vertical: 'top', horizontal: 'right' }}\r\n        MenuListProps={{ component: 'div' }}\r\n      >\r\n        <ItemTitlePropsContext.Provider\r\n          value={{\r\n            itemTitleProps: props.itemTitleProps,\r\n            itemTitlePropsGetter: props.itemTitlePropsGetter,\r\n            onClose: () => setAnchorEl(null)\r\n          }}\r\n        >\r\n          {renderContent()}\r\n        </ItemTitlePropsContext.Provider>\r\n      </MenuStyled>\r\n    </Fragment>\r\n  )\r\n}\r\n\r\nexport const createMediaGroupWidget = (params: IMediaGroupWidgetProps) => {\r\n  const _MediaGroupWidget: React.FC<Partial<IMediaGroupWidgetProps>> = (props) => <MediaGroupWidget {...params} {...props} />\r\n  _MediaGroupWidget.displayName = 'MediaGroupWidget'\r\n  return _MediaGroupWidget\r\n}\r\n"],"names":["MediaGroupWidget","props","_groups$length","localStorageKey","hrefCart","buttonMoveToCartProps","onDetailClick","groups","useMediaRightStore","actions","useMediaRightActions","_useState","useState","_useState2","_slicedToArray","anchorEl","setAnchorEl","_useState3","_useState4","expandedGroupId","setExpandedGroupId","handleSaveNewGroup","groupName","addGroup","name","id","generateGroupId","handleEditGroup","group","updateGroup","handleDeleteGroup","groupId","removeGroup","handleDeleteMedia","productId","removeItem","_jsxs","Fragment","children","_jsx","IconButtonDark","onClick","e","currentTarget","Badge","badgeContent","length","color","FolderSpecialOutlinedIcon","MenuStyled","disableScrollLock","open","Boolean","onClose","anchorOrigin","vertical","horizontal","transformOrigin","MenuListProps","component","ItemTitlePropsContext","Provider","value","itemTitleProps","itemTitlePropsGetter","_Fragment","Stack","spacing","className","mediaWidgetClasses","header","Typography","variant","headerText","canAddGroup","NewGroupArea","onSaveGroup","EmptyState","map","MediaGroupAccordion","onEditGroup","onDeleteGroup","onDeleteMedia","accordionProps","expanded","onChange","_","isExpanded","footer","Button","_objectSpread","href","size","endIcon","DriveFileMoveOutlinedIcon","disabled","createMediaGroupWidget","params","_MediaGroupWidget","displayName"],"mappings":"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"}

package/dist/media-right/media-widget/media-group-accordion.js

@@ -1,2 +1,2 @@
-import{slicedToArray as i,objectSpread2 as e}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as t,jsx as o}from"react/jsx-runtime";import{useState as n}from"react";import{Accordion as r,AccordionSummary as m,Box as l,Typography as a,Chip as s,IconButton as d,AccordionDetails as c}from"@mui/material";import p from"@mui/icons-material/Edit";import u from"@mui/icons-material/ExpandMore";import f from"@mui/icons-material/FolderOutlined";import{MediaList as x}from"./media-list.js";import{DeleteButton as h}from"./button.delete.js";import{InlineEditing as g}from"./inline-editing.js";import{mediaRightStoreOptions as j}from"../configs.js";var v=function(v){var S=v.group,W=v.accordionProps,b=v.onEditGroup,z=v.onDeleteGroup,E=v.onDeleteMedia,M=n(!1),y=i(M,2),P=y[0],A=y[1];return t(r,e(e({component:"div"},W),{},{sx:e({my:"0 !important"},null==W?void 0:W.sx),children:[o(m,{component:"div",expandIcon:o(u,{}),sx:{minWidth:0,"& .MuiAccordionSummary-content":{minWidth:0,margin:0}},children:t(l,{sx:{display:"flex",alignItems:"center",flex:1,gap:1,minWidth:0},children:[o(f,{fontSize:"small"}),t(g,{isEdit:P,setShowEdit:A,onSubmit:function(i){b(e(e({},S),{},{name:i})),A(!1)},defaultValue:S.name,textField:{inputProps:{maxLength:j.MAX_NAME_GROUP},sx:{flex:1,minWidth:0,"& .MuiOutlinedInput-root":{height:"32px"}}},sxForm:{flex:1},children:[o(a,{variant:"body2",noWrap:!0,title:S.name,fontWeight:600,sx:{flex:1,minWidth:0},children:S.name}),o(s,{sx:{fontSize:"12px"},label:"".concat(S.items.length," items"),size:"small"}),o(d,{size:"small",onClick:function(i){i.stopPropagation(),A(!0)},color:"success",children:o(p,{fontSize:"small"})}),o(h,{onDelete:function(){return z(S.id)},size:"small"})]},S.id+S.name+P)]})}),o(c,{sx:{p:0},children:o(x,{medias:S.items,onDelete:function(i){return E(S.id,i)}})})]}))};export{v as MediaGroupAccordion};
+import{slicedToArray as i,objectSpread2 as e}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as t,jsx as o}from"react/jsx-runtime";import{useState as n}from"react";import{Accordion as r,AccordionSummary as m,Box as l,Typography as a,Chip as s,IconButton as d,AccordionDetails as c}from"@mui/material";import p from"@mui/icons-material/Edit";import u from"@mui/icons-material/ExpandMore";import f from"@mui/icons-material/FolderOutlined";import{MediaList as x}from"./media-list.js";import{DeleteButton as h}from"./button.delete.js";import{InlineEditing as g}from"./inline-editing.js";import{mediaRightStoreOptions as j}from"../configs.js";import{mediaWidgetClasses as v}from"./styled.js";var S=function(S){var b=S.group,z=S.accordionProps,E=S.onEditGroup,M=S.onDeleteGroup,y=S.onDeleteMedia,P=n(!1),A=i(P,2),D=A[0],W=A[1];return t(r,e(e({component:"div"},z),{},{sx:e({my:"0 !important"},null==z?void 0:z.sx),children:[o(m,{component:"div",expandIcon:o(u,{}),sx:{minWidth:0,"& .MuiAccordionSummary-content":{minWidth:0,margin:0}},children:t(l,{className:v.item,children:[o(f,{fontSize:"small"}),t(g,{isEdit:D,setShowEdit:W,onSubmit:function(i){E(e(e({},b),{},{name:i})),W(!1)},defaultValue:b.name,textField:{inputProps:{maxLength:j.MAX_NAME_GROUP},sx:{flex:1,minWidth:0,"& .MuiOutlinedInput-root":{height:"32px"}}},sxForm:{flex:1},children:[o(a,{variant:"body2",noWrap:!0,title:b.name,className:v.itemTitle,children:b.name}),o(s,{sx:{fontSize:"12px"},label:"".concat(b.items.length," items"),size:"small"}),o(d,{size:"small",onClick:function(i){i.stopPropagation(),W(!0)},color:"success",children:o(p,{fontSize:"small"})}),o(h,{onDelete:function(){return M(b.id)},size:"small"})]},b.id+b.name+D)]})}),o(c,{sx:{p:0},children:o(x,{medias:b.items,onDelete:function(i){return y(b.id,i)}})})]}))};export{S as MediaGroupAccordion};
 //# sourceMappingURL=media-group-accordion.js.map

package/dist/media-right/media-widget/media-group-accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"media-group-accordion.js","sources":["../../../src/media-right/media-widget/media-group-accordion.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport { Accordion, AccordionSummary, AccordionDetails, Box, Typography, Chip, IconButton, AccordionProps } from '@mui/material'\r\nimport type { FC, MouseEvent } from 'react'\r\nimport type { IMediaRightGroup } from '../types'\r\nimport EditIcon from '@mui/icons-material/Edit'\r\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore'\r\nimport FolderOutlinedIcon from '@mui/icons-material/FolderOutlined'\r\nimport { MediaList } from './media-list'\r\nimport { DeleteButton } from './button.delete'\r\nimport { InlineEditing } from './inline-editing'\r\nimport { mediaRightStoreOptions } from '../configs'\r\n\r\nexport interface IMediaGroupAccordionProps {\r\n  group: IMediaRightGroup\r\n  accordionProps?: Partial<AccordionProps>\r\n  onEditGroup: (group: IMediaRightGroup) => void\r\n  onDeleteGroup: (groupId: string) => void\r\n  onDeleteMedia: (groupId: string, mediaId: string) => void\r\n}\r\n\r\nexport const MediaGroupAccordion: FC<IMediaGroupAccordionProps> = ({ group, accordionProps, onEditGroup, onDeleteGroup, onDeleteMedia }) => {\r\n  const [isEditing, setIsEditing] = useState(false)\r\n\r\n  const handleSaveEdit = (value: string) => {\r\n    onEditGroup({ ...group, name: value })\r\n    setIsEditing(false)\r\n  }\r\n\r\n  const handleEditClick = (e: MouseEvent) => {\r\n    e.stopPropagation()\r\n    setIsEditing(true)\r\n  }\r\n\r\n  return (\r\n    <Accordion component={'div'} {...accordionProps} sx={{ my: '0 !important', ...accordionProps?.sx }}>\r\n      <AccordionSummary component={'div'} expandIcon={<ExpandMoreIcon />} sx={{ minWidth: 0, '& .MuiAccordionSummary-content': { minWidth: 0, margin: 0 } }}>\r\n        <Box sx={{ display: 'flex', alignItems: 'center', flex: 1, gap: 1, minWidth: 0 }}>\r\n          <FolderOutlinedIcon fontSize='small' />\r\n          <InlineEditing\r\n            key={group.id + group.name + isEditing}\r\n            isEdit={isEditing}\r\n            setShowEdit={setIsEditing}\r\n            onSubmit={handleSaveEdit}\r\n            defaultValue={group.name}\r\n            textField={{\r\n              inputProps: { maxLength: mediaRightStoreOptions.MAX_NAME_GROUP },\r\n              sx: { flex: 1, minWidth: 0, '& .MuiOutlinedInput-root': { height: '32px' } }\r\n            }}\r\n            sxForm={{ flex: 1 }}\r\n          >\r\n            <Typography variant='body2' noWrap title={group.name} fontWeight={600} sx={{ flex: 1, minWidth: 0 }}>\r\n              {group.name}\r\n            </Typography>\r\n            <Chip sx={{ fontSize: '12px' }} label={`${group.items.length} items`} size='small' />\r\n            <IconButton size='small' onClick={handleEditClick} color='success'>\r\n              <EditIcon fontSize='small' />\r\n            </IconButton>\r\n            <DeleteButton onDelete={() => onDeleteGroup(group.id)} size='small' />\r\n          </InlineEditing>\r\n        </Box>\r\n      </AccordionSummary>\r\n      <AccordionDetails sx={{ p: 0 }}>\r\n        <MediaList medias={group.items} onDelete={(mediaId) => onDeleteMedia(group.id, mediaId)} />\r\n      </AccordionDetails>\r\n    </Accordion>\r\n  )\r\n}\r\n"],"names":["MediaGroupAccordion","_ref","group","accordionProps","onEditGroup","onDeleteGroup","onDeleteMedia","_useState","useState","_useState2","_slicedToArray","isEditing","setIsEditing","_jsxs","Accordion","_objectSpread","component","sx","my","children","_jsx","AccordionSummary","expandIcon","ExpandMoreIcon","minWidth","margin","Box","display","alignItems","flex","gap","FolderOutlinedIcon","fontSize","InlineEditing","isEdit","setShowEdit","onSubmit","value","name","defaultValue","textField","inputProps","maxLength","mediaRightStoreOptions","MAX_NAME_GROUP","height","sxForm","Typography","variant","noWrap","title","fontWeight","Chip","label","concat","items","length","size","IconButton","onClick","e","stopPropagation","color","EditIcon","DeleteButton","onDelete","id","AccordionDetails","p","MediaList","medias","mediaId"],"mappings":"gpBAoBaA,EAAqD,SAAlCC,GAA2G,IAAtEC,EAAKD,EAALC,MAAOC,EAAcF,EAAdE,eAAgBC,EAAWH,EAAXG,YAAaC,EAAaJ,EAAbI,cAAeC,EAAaL,EAAbK,cACtHC,EAAkCC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAA1CI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAY9B,OACEI,EAACC,EAASC,EAAAA,EAAA,CAACC,UAAW,OAAWb,GAAc,GAAA,CAAEc,GAAEF,EAAA,CAAIG,GAAI,gBAAmBf,eAAAA,EAAgBc,IAAIE,SAAA,CAChGC,EAACC,EAAiB,CAAAL,UAAW,MAAOM,WAAYF,EAACG,MAAmBN,GAAI,CAAEO,SAAU,EAAG,iCAAkC,CAAEA,SAAU,EAAGC,OAAQ,IAAKN,SACnJN,EAACa,EAAG,CAACT,GAAI,CAAEU,QAAS,OAAQC,WAAY,SAAUC,KAAM,EAAGC,IAAK,EAAGN,SAAU,GAAGL,SAAA,CAC9EC,EAACW,GAAmBC,SAAS,UAC7BnB,EAACoB,EAAa,CAEZC,OAAQvB,EACRwB,YAAavB,EACbwB,SAnBa,SAACC,GACtBjC,EAAWW,EAAAA,KAAMb,GAAK,CAAA,EAAA,CAAEoC,KAAMD,KAC9BzB,GAAa,EACd,EAiBS2B,aAAcrC,EAAMoC,KACpBE,UAAW,CACTC,WAAY,CAAEC,UAAWC,EAAuBC,gBAChD3B,GAAI,CAAEY,KAAM,EAAGL,SAAU,EAAG,2BAA4B,CAAEqB,OAAQ,UAEpEC,OAAQ,CAAEjB,KAAM,GAAGV,SAAA,CAEnBC,EAAC2B,GAAWC,QAAQ,QAAQC,UAAOC,MAAOhD,EAAMoC,KAAMa,WAAY,IAAKlC,GAAI,CAAEY,KAAM,EAAGL,SAAU,GAC7FL,SAAAjB,EAAMoC,OAETlB,EAACgC,EAAI,CAACnC,GAAI,CAAEe,SAAU,QAAUqB,MAAK,GAAAC,OAAKpD,EAAMqD,MAAMC,OAAc,UAAEC,KAAK,UAC3ErC,EAACsC,EAAW,CAAAD,KAAK,QAAQE,QA1BX,SAACC,GACvBA,EAAEC,kBACFjD,GAAa,EACd,EAuB4DkD,MAAM,UAAS3C,SAChEC,EAAC2C,EAAQ,CAAC/B,SAAS,YAErBZ,EAAC4C,EAAa,CAAAC,SAAU,WAAF,OAAQ5D,EAAcH,EAAMgE,GAAG,EAAET,KAAK,YAlBvDvD,EAAMgE,GAAKhE,EAAMoC,KAAO3B,QAsBnCS,EAAC+C,EAAgB,CAAClD,GAAI,CAAEmD,EAAG,YACzBhD,EAACiD,GAAUC,OAAQpE,EAAMqD,MAAOU,SAAU,SAACM,GAAO,OAAKjE,EAAcJ,EAAMgE,GAAIK,EAAQ,SAI/F"}
+{"version":3,"file":"media-group-accordion.js","sources":["../../../src/media-right/media-widget/media-group-accordion.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport { Accordion, AccordionSummary, AccordionDetails, Box, Typography, Chip, IconButton, AccordionProps } from '@mui/material'\r\nimport type { FC, MouseEvent } from 'react'\r\nimport type { IMediaRightGroup } from '../types'\r\nimport EditIcon from '@mui/icons-material/Edit'\r\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore'\r\nimport FolderOutlinedIcon from '@mui/icons-material/FolderOutlined'\r\nimport { MediaList } from './media-list'\r\nimport { DeleteButton } from './button.delete'\r\nimport { InlineEditing } from './inline-editing'\r\nimport { mediaRightStoreOptions } from '../configs'\r\nimport { mediaWidgetClasses } from './styled'\r\n\r\nexport interface IMediaGroupAccordionProps {\r\n  group: IMediaRightGroup\r\n  accordionProps?: Partial<AccordionProps>\r\n  onEditGroup: (group: IMediaRightGroup) => void\r\n  onDeleteGroup: (groupId: string) => void\r\n  onDeleteMedia: (groupId: string, mediaId: string) => void\r\n}\r\n\r\nexport const MediaGroupAccordion: FC<IMediaGroupAccordionProps> = ({ group, accordionProps, onEditGroup, onDeleteGroup, onDeleteMedia }) => {\r\n  const [isEditing, setIsEditing] = useState(false)\r\n\r\n  const handleSaveEdit = (value: string) => {\r\n    onEditGroup({ ...group, name: value })\r\n    setIsEditing(false)\r\n  }\r\n\r\n  const handleEditClick = (e: MouseEvent) => {\r\n    e.stopPropagation()\r\n    setIsEditing(true)\r\n  }\r\n\r\n  return (\r\n    <Accordion component='div' {...accordionProps} sx={{ my: '0 !important', ...accordionProps?.sx }}>\r\n      <AccordionSummary\r\n        component='div'\r\n        expandIcon={<ExpandMoreIcon />}\r\n        sx={{ minWidth: 0, '& .MuiAccordionSummary-content': { minWidth: 0, margin: 0 } }}\r\n      >\r\n        <Box className={mediaWidgetClasses.item}>\r\n          <FolderOutlinedIcon fontSize='small' />\r\n          <InlineEditing\r\n            key={group.id + group.name + isEditing}\r\n            isEdit={isEditing}\r\n            setShowEdit={setIsEditing}\r\n            onSubmit={handleSaveEdit}\r\n            defaultValue={group.name}\r\n            textField={{\r\n              inputProps: { maxLength: mediaRightStoreOptions.MAX_NAME_GROUP },\r\n              sx: { flex: 1, minWidth: 0, '& .MuiOutlinedInput-root': { height: '32px' } }\r\n            }}\r\n            sxForm={{ flex: 1 }}\r\n          >\r\n            <Typography variant='body2' noWrap title={group.name} className={mediaWidgetClasses.itemTitle}>\r\n              {group.name}\r\n            </Typography>\r\n            <Chip sx={{ fontSize: '12px' }} label={`${group.items.length} items`} size='small' />\r\n            <IconButton size='small' onClick={handleEditClick} color='success'>\r\n              <EditIcon fontSize='small' />\r\n            </IconButton>\r\n            <DeleteButton onDelete={() => onDeleteGroup(group.id)} size='small' />\r\n          </InlineEditing>\r\n        </Box>\r\n      </AccordionSummary>\r\n      <AccordionDetails sx={{ p: 0 }}>\r\n        <MediaList medias={group.items} onDelete={(mediaId) => onDeleteMedia(group.id, mediaId)} />\r\n      </AccordionDetails>\r\n    </Accordion>\r\n  )\r\n}\r\n"],"names":["MediaGroupAccordion","_ref","group","accordionProps","onEditGroup","onDeleteGroup","onDeleteMedia","_useState","useState","_useState2","_slicedToArray","isEditing","setIsEditing","_jsxs","Accordion","_objectSpread","component","sx","my","_jsx","AccordionSummary","expandIcon","ExpandMoreIcon","minWidth","margin","children","Box","className","mediaWidgetClasses","item","FolderOutlinedIcon","fontSize","InlineEditing","isEdit","setShowEdit","onSubmit","value","name","defaultValue","textField","inputProps","maxLength","mediaRightStoreOptions","MAX_NAME_GROUP","flex","height","sxForm","Typography","variant","noWrap","title","itemTitle","Chip","label","concat","items","length","size","IconButton","onClick","e","stopPropagation","color","EditIcon","DeleteButton","onDelete","id","AccordionDetails","p","MediaList","medias","mediaId"],"mappings":"isBAqBaA,EAAqD,SAAlCC,GAA2G,IAAtEC,EAAKD,EAALC,MAAOC,EAAcF,EAAdE,eAAgBC,EAAWH,EAAXG,YAAaC,EAAaJ,EAAbI,cAAeC,EAAaL,EAAbK,cACtHC,EAAkCC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAA1CI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAY9B,OACEI,EAACC,EAASC,EAAAA,EAAA,CAACC,UAAU,OAAUb,GAAc,GAAA,CAAEc,GAAEF,EAAA,CAAIG,GAAI,gBAAmBf,eAAAA,EAAgBc,cAC1FE,EAACC,GACCJ,UAAU,MACVK,WAAYF,EAACG,MACbL,GAAI,CAAEM,SAAU,EAAG,iCAAkC,CAAEA,SAAU,EAAGC,OAAQ,IAAKC,SAEjFZ,EAACa,EAAG,CAACC,UAAWC,EAAmBC,KAAIJ,SAAA,CACrCN,EAACW,EAAkB,CAACC,SAAS,UAC7BlB,EAACmB,GAECC,OAAQtB,EACRuB,YAAatB,EACbuB,SAvBa,SAACC,GACtBhC,EAAWW,EAAAA,KAAMb,GAAK,CAAA,EAAA,CAAEmC,KAAMD,KAC9BxB,GAAa,EACd,EAqBS0B,aAAcpC,EAAMmC,KACpBE,UAAW,CACTC,WAAY,CAAEC,UAAWC,EAAuBC,gBAChD1B,GAAI,CAAE2B,KAAM,EAAGrB,SAAU,EAAG,2BAA4B,CAAEsB,OAAQ,UAEpEC,OAAQ,CAAEF,KAAM,GAAGnB,SAAA,CAEnBN,EAAC4B,GAAWC,QAAQ,QAAQC,QAAO,EAAAC,MAAOhD,EAAMmC,KAAMV,UAAWC,EAAmBuB,UACjF1B,SAAAvB,EAAMmC,OAETlB,EAACiC,EAAK,CAAAnC,GAAI,CAAEc,SAAU,QAAUsB,MAAK,GAAAC,OAAKpD,EAAMqD,MAAMC,OAAc,UAAEC,KAAK,UAC3EtC,EAACuC,EAAU,CAACD,KAAK,QAAQE,QA9BX,SAACC,GACvBA,EAAEC,kBACFjD,GAAa,EACd,EA2B4DkD,MAAM,UAASrC,SAChEN,EAAC4C,EAAQ,CAAChC,SAAS,YAErBZ,EAAC6C,EAAa,CAAAC,SAAU,WAAF,OAAQ5D,EAAcH,EAAMgE,GAAG,EAAET,KAAK,YAlBvDvD,EAAMgE,GAAKhE,EAAMmC,KAAO1B,QAsBnCQ,EAACgD,EAAgB,CAAClD,GAAI,CAAEmD,EAAG,GAAG3C,SAC5BN,EAACkD,GAAUC,OAAQpE,EAAMqD,MAAOU,SAAU,SAACM,GAAO,OAAKjE,EAAcJ,EAAMgE,GAAIK,EAAQ,SAI/F"}

package/dist/media-right/media-widget/media-list.js

@@ -1,2 +1,2 @@
-import{objectSpread2 as e}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as t,jsxs as r}from"react/jsx-runtime";import{ImageWithFallback as o}from"dinocollab-core/components";import{useItemTitleProps as i}from"./item-title-props-context.js";import{Typography as l,List as n,ListItem as a}from"@mui/material";import{DeleteButton as c}from"./button.delete.js";var m=function(m){var u=m.medias,d=m.onDelete,p=i()||{},s=p.itemTitleProps,f=p.itemTitlePropsGetter,x=p.onClose;return 0===u.length?t(l,{variant:"body2",color:"text.secondary",sx:{textAlign:"center",py:2},children:"No media in this package yet"}):t(n,{children:u.map(function(i){return r(a,{sx:{gap:1,alignItems:"center"},children:[t(o,{src:null==i?void 0:i.PictureUrl,title:null==i?void 0:i.PictureUrl,fallbackSrc:"images/default-video.webp",alt:"product-picture",style:{width:"50px",height:"50px",borderRadius:3,objectFit:"cover",flex:"0 0 auto"}}),t(l,e(e({noWrap:!0,variant:"subtitle1",fontWeight:500,sx:{flexGrow:1},title:i.ProductName},f?f(i):null!=s?s:{}),{},{onClick:x,children:i.ProductName})),t(c,{onDelete:function(){return d(i.ProductId)},size:"small"})]},i.MediaId)})})};export{m as MediaList};
+import{objectSpread2 as e}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as t,jsxs as r}from"react/jsx-runtime";import{ImageWithFallback as i}from"dinocollab-core/components";import{useItemTitleProps as o}from"./item-title-props-context.js";import{Typography as l,List as a,ListItem as n}from"@mui/material";import{DeleteButton as c}from"./button.delete.js";import{mediaWidgetClasses as m}from"./styled.js";var s=function(s){var d=s.medias,p=s.onDelete,u=o()||{},f=u.itemTitleProps,h=u.itemTitlePropsGetter,x=u.onClose;return 0===d.length?t(l,{variant:"body2",color:"text.secondary",sx:{textAlign:"center",py:2},children:"No media in this package yet"}):t(a,{children:d.map(function(o){return r(n,{sx:{gap:1,alignItems:"center"},className:m.itemChild,children:[t(i,{src:null==o?void 0:o.PictureUrl,title:null==o?void 0:o.PictureUrl,fallbackSrc:"images/default-video.webp",alt:"product-picture",style:{width:"50px",height:"50px",borderRadius:3,objectFit:"cover",flex:"0 0 auto"}}),t(l,e(e({noWrap:!0,variant:"subtitle1",fontWeight:500,sx:{flexGrow:1},title:o.ProductName},h?h(o):null!=f?f:{}),{},{onClick:x,className:m.itemChildTitle,children:o.ProductName})),t(c,{onDelete:function(){return p(o.ProductId)},size:"small"})]},o.MediaId)})})};export{s as MediaList};
 //# sourceMappingURL=media-list.js.map

package/dist/media-right/media-widget/media-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"media-list.js","sources":["../../../src/media-right/media-widget/media-list.tsx"],"sourcesContent":["import { ImageWithFallback } from 'dinocollab-core/components'\r\nimport { useItemTitleProps } from './item-title-props-context'\r\nimport { List, ListItem, Typography } from '@mui/material'\r\nimport type { FC } from 'react'\r\nimport type { IMediaRightItem } from '../types'\r\nimport { DeleteButton } from './button.delete'\r\n\r\nexport interface IMediaListProps {\r\n  medias: IMediaRightItem[]\r\n  onDelete: (mediaId: string) => void\r\n}\r\n\r\nexport const MediaList: FC<IMediaListProps> = ({ medias, onDelete }) => {\r\n  const { itemTitleProps, itemTitlePropsGetter, onClose } = useItemTitleProps() || {}\r\n\r\n  if (medias.length === 0) {\r\n    return (\r\n      <Typography variant='body2' color='text.secondary' sx={{ textAlign: 'center', py: 2 }}>\r\n        No media in this package yet\r\n      </Typography>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <List>\r\n      {medias.map((media) => (\r\n        <ListItem key={media.MediaId} sx={{ gap: 1, alignItems: 'center' }}>\r\n          <ImageWithFallback\r\n            src={media?.PictureUrl}\r\n            title={media?.PictureUrl}\r\n            fallbackSrc='images/default-video.webp'\r\n            alt='product-picture'\r\n            style={{\r\n              width: '50px',\r\n              height: '50px',\r\n              borderRadius: 3,\r\n              objectFit: 'cover',\r\n              flex: '0 0 auto'\r\n            }}\r\n          />\r\n          <Typography\r\n            noWrap\r\n            variant='subtitle1'\r\n            fontWeight={500}\r\n            sx={{ flexGrow: 1 }}\r\n            title={media.ProductName}\r\n            {...(itemTitlePropsGetter ? itemTitlePropsGetter(media) : itemTitleProps ?? {})}\r\n            onClick={onClose}\r\n          >\r\n            {media.ProductName}\r\n          </Typography>\r\n          <DeleteButton onDelete={() => onDelete(media.ProductId)} size='small' />\r\n        </ListItem>\r\n      ))}\r\n    </List>\r\n  )\r\n}\r\n"],"names":["MediaList","_ref","medias","onDelete","_ref2","useItemTitleProps","itemTitleProps","itemTitlePropsGetter","onClose","length","_jsx","Typography","variant","color","sx","textAlign","py","children","List","map","media","_jsxs","ListItem","gap","alignItems","ImageWithFallback","src","PictureUrl","title","fallbackSrc","alt","style","width","height","borderRadius","objectFit","flex","_objectSpread","noWrap","fontWeight","flexGrow","ProductName","onClick","DeleteButton","ProductId","size","MediaId"],"mappings":"wXAYaA,EAAiC,SAAxBC,GAAiD,IAAtBC,EAAMD,EAANC,OAAQC,EAAQF,EAARE,SACvDC,EAA0DC,KAAuB,CAAE,EAA3EC,EAAcF,EAAdE,eAAgBC,EAAoBH,EAApBG,qBAAsBC,EAAOJ,EAAPI,QAE9C,OAAsB,IAAlBN,EAAOO,OAEPC,EAACC,EAAW,CAAAC,QAAQ,QAAQC,MAAM,iBAAiBC,GAAI,CAAEC,UAAW,SAAUC,GAAI,GAErEC,SAAA,iCAKfP,EAACQ,EACE,CAAAD,SAAAf,EAAOiB,IAAI,SAACC,GAAK,OAChBC,EAACC,EAAQ,CAAqBR,GAAI,CAAES,IAAK,EAAGC,WAAY,UAAUP,SAAA,CAChEP,EAACe,EACC,CAAAC,IAAKN,aAAAA,EAAAA,EAAOO,WACZC,MAAOR,aAAAA,EAAAA,EAAOO,WACdE,YAAY,4BACZC,IAAI,kBACJC,MAAO,CACLC,MAAO,OACPC,OAAQ,OACRC,aAAc,EACdC,UAAW,QACXC,KAAM,cAGV1B,EAACC,EAAU0B,EAAAA,EAAA,CACTC,UACA1B,QAAQ,YACR2B,WAAY,IACZzB,GAAI,CAAE0B,SAAU,GAChBZ,MAAOR,EAAMqB,aACRlC,EAAuBA,EAAqBa,GAASd,QAAAA,EAAkB,CAAE,GAAA,CAAA,EAAA,CAC9EoC,QAASlC,WAERY,EAAMqB,eAET/B,EAACiC,GAAaxC,SAAU,WAAF,OAAQA,EAASiB,EAAMwB,UAAU,EAAEC,KAAK,YAzBjDzB,EAAM0B,QA2BtB,IAGP"}
+{"version":3,"file":"media-list.js","sources":["../../../src/media-right/media-widget/media-list.tsx"],"sourcesContent":["import { ImageWithFallback } from 'dinocollab-core/components'\r\nimport { useItemTitleProps } from './item-title-props-context'\r\nimport { List, ListItem, Typography } from '@mui/material'\r\nimport type { FC } from 'react'\r\nimport type { IMediaRightItem } from '../types'\r\nimport { DeleteButton } from './button.delete'\r\nimport { mediaWidgetClasses } from './styled'\r\n\r\nexport interface IMediaListProps {\r\n  medias: IMediaRightItem[]\r\n  onDelete: (mediaId: string) => void\r\n}\r\n\r\nexport const MediaList: FC<IMediaListProps> = ({ medias, onDelete }) => {\r\n  const { itemTitleProps, itemTitlePropsGetter, onClose } = useItemTitleProps() || {}\r\n\r\n  if (medias.length === 0) {\r\n    return (\r\n      <Typography variant='body2' color='text.secondary' sx={{ textAlign: 'center', py: 2 }}>\r\n        No media in this package yet\r\n      </Typography>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <List>\r\n      {medias.map((media) => (\r\n        <ListItem key={media.MediaId} sx={{ gap: 1, alignItems: 'center' }} className={mediaWidgetClasses.itemChild}>\r\n          <ImageWithFallback\r\n            src={media?.PictureUrl}\r\n            title={media?.PictureUrl}\r\n            fallbackSrc='images/default-video.webp'\r\n            alt='product-picture'\r\n            style={{\r\n              width: '50px',\r\n              height: '50px',\r\n              borderRadius: 3,\r\n              objectFit: 'cover',\r\n              flex: '0 0 auto'\r\n            }}\r\n          />\r\n          <Typography\r\n            noWrap\r\n            variant='subtitle1'\r\n            fontWeight={500}\r\n            sx={{ flexGrow: 1 }}\r\n            title={media.ProductName}\r\n            {...(itemTitlePropsGetter ? itemTitlePropsGetter(media) : itemTitleProps ?? {})}\r\n            onClick={onClose}\r\n            className={mediaWidgetClasses.itemChildTitle}\r\n          >\r\n            {media.ProductName}\r\n          </Typography>\r\n          <DeleteButton onDelete={() => onDelete(media.ProductId)} size='small' />\r\n        </ListItem>\r\n      ))}\r\n    </List>\r\n  )\r\n}\r\n"],"names":["MediaList","_ref","medias","onDelete","_ref2","useItemTitleProps","itemTitleProps","itemTitlePropsGetter","onClose","length","_jsx","Typography","variant","color","sx","textAlign","py","children","List","map","media","_jsxs","ListItem","gap","alignItems","className","mediaWidgetClasses","itemChild","ImageWithFallback","src","PictureUrl","title","fallbackSrc","alt","style","width","height","borderRadius","objectFit","flex","_objectSpread","noWrap","fontWeight","flexGrow","ProductName","onClick","itemChildTitle","DeleteButton","ProductId","size","MediaId"],"mappings":"yaAaaA,EAAiC,SAAxBC,GAAiD,IAAtBC,EAAMD,EAANC,OAAQC,EAAQF,EAARE,SACvDC,EAA0DC,KAAuB,CAAE,EAA3EC,EAAcF,EAAdE,eAAgBC,EAAoBH,EAApBG,qBAAsBC,EAAOJ,EAAPI,QAE9C,OAAsB,IAAlBN,EAAOO,OAEPC,EAACC,EAAW,CAAAC,QAAQ,QAAQC,MAAM,iBAAiBC,GAAI,CAAEC,UAAW,SAAUC,GAAI,GAErEC,SAAA,iCAKfP,EAACQ,EACE,CAAAD,SAAAf,EAAOiB,IAAI,SAACC,GAAK,OAChBC,EAACC,EAAQ,CAAqBR,GAAI,CAAES,IAAK,EAAGC,WAAY,UAAYC,UAAWC,EAAmBC,UAASV,SAAA,CACzGP,EAACkB,EACC,CAAAC,IAAKT,aAAAA,EAAAA,EAAOU,WACZC,MAAOX,aAAAA,EAAAA,EAAOU,WACdE,YAAY,4BACZC,IAAI,kBACJC,MAAO,CACLC,MAAO,OACPC,OAAQ,OACRC,aAAc,EACdC,UAAW,QACXC,KAAM,cAGV7B,EAACC,EAAU6B,EAAAA,EAAA,CACTC,QAAM,EACN7B,QAAQ,YACR8B,WAAY,IACZ5B,GAAI,CAAE6B,SAAU,GAChBZ,MAAOX,EAAMwB,aACRrC,EAAuBA,EAAqBa,GAASd,QAAAA,EAAkB,CAAE,GAAA,CAAA,EAAA,CAC9EuC,QAASrC,EACTiB,UAAWC,EAAmBoB,eAAc7B,SAE3CG,EAAMwB,eAETlC,EAACqC,EAAa,CAAA5C,SAAU,WAAF,OAAQA,EAASiB,EAAM4B,UAAU,EAAEC,KAAK,YA1BjD7B,EAAM8B,QA4BtB,IAGP"}

package/dist/media-right/media-widget/styled.js

@@ -1,2 +1,2 @@
-import{styled as r,Menu as o}from"@mui/material";var a=r(o)(function(r){var o=r.theme;return{"--color-bg":"#ffffff","--color-text":o.palette.common.black,marginTop:"45px",">.MuiPaper-root":{position:"relative",overflow:"visible",display:"flex",flexDirection:"column",backgroundColor:"var(--color-bg, #000000)",borderRadius:o.shape.borderRadius,minWidth:"280px",width:"90vw",maxWidth:"450px",boxShadow:"0 1px 1px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(0, 0, 0, 0.15), 0 8px 8px rgba(0, 0, 0, 0.05)",animation:"fadeInDown 0.3s ease-out",marginTop:"8px",color:"var(--color-text, #000000)","&::before":{content:'""',position:"absolute",backgroundColor:"var(--color-bg, #ffffff)",width:"10px",height:"10px",top:"-4px",right:o.spacing(1),transform:"translateX(-50%) rotate(45deg)",zIndex:0},"@keyframes fadeInDown":{"0%":{opacity:0,transform:"translateY(-10px)"},"100%":{opacity:1,transform:"translateY(0)"}}},".MuiBackdrop-root":{backgroundColor:"transparent"},".MuiList-root":{padding:0,height:"100%",overflowY:"auto","&::-webkit-scrollbar":{width:"6px",background:"transparent"},"&::-webkit-scrollbar-thumb":{background:"#e0e0e0",borderRadius:"8px"},"&::-webkit-scrollbar-thumb:hover":{background:"#bdbdbd"},"&":{scrollbarWidth:"thin",scrollbarColor:"#e0e0e0 transparent"}}}});export{a as MenuStyled};
+import{defineProperty as e}from"../../_virtual/_rollupPluginBabelHelpers.js";import{styled as t,Menu as o}from"@mui/material";var r={header:"DinoMediaWidget-header",headerText:"DinoMediaWidget-headerText",footer:"DinoMediaWidget-footer",item:"DinoMediaWidget-item",itemTitle:"DinoMediaWidget-itemTitle",itemChild:"DinoMediaWidget-itemChild",itemChildTitle:"DinoMediaWidget-itemChildTitle"},i=t(o)(function(t){var o=t.theme;return e(e(e(e(e(e({"--color-bg":o.palette.background.paper,"--color-text":o.palette.text.primary,marginTop:"45px",">.MuiPaper-root":{position:"relative",overflow:"visible",display:"flex",flexDirection:"column",backgroundColor:"var(--color-bg, #000000)",borderRadius:o.shape.borderRadius,minWidth:"280px",width:"90vw",maxWidth:"450px",boxShadow:"0 1px 1px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(0, 0, 0, 0.15), 0 8px 8px rgba(0, 0, 0, 0.05)",animation:"fadeInDown 0.3s ease-out",marginTop:"8px","&::before":{content:'""',position:"absolute",backgroundColor:o.palette.divider,width:"10px",height:"10px",top:"-4px",right:o.spacing(1),transform:"translateX(-50%) rotate(45deg)",zIndex:0},"@keyframes fadeInDown":{"0%":{opacity:0,transform:"translateY(-10px)"},"100%":{opacity:1,transform:"translateY(0)"}}},".MuiBackdrop-root":{backgroundColor:"transparent"},".MuiList-root":{padding:0,height:"100%",overflowY:"auto","&::-webkit-scrollbar":{width:"6px",background:"transparent"},"&::-webkit-scrollbar-thumb":{background:"#e0e0e0",borderRadius:"8px"},"&::-webkit-scrollbar-thumb:hover":{background:"#bdbdbd"},"&":{scrollbarWidth:"thin",scrollbarColor:"#e0e0e0 transparent"}}},".".concat(r.header),{padding:"12px 16px",position:"sticky",top:0,backgroundColor:o.palette.background.paper,zIndex:2,boxShadow:"0px 0.5px 5px 0px rgba(0, 0, 0, 0.15)",alignItems:"flex-start"}),".".concat(r.headerText),{flex:1,color:o.palette.text.primary}),".".concat(r.footer),{position:"sticky",bottom:0,backgroundColor:o.palette.background.paper,zIndex:1,boxShadow:"0px 0.5px 5px 0px rgba(0, 0, 0, 0.15)",justifyContent:"end",flexDirection:"row",padding:"6px 12px"}),".".concat(r.item),{display:"flex",alignItems:"center",flex:1,gap:1,minWidth:0}),".".concat(r.itemTitle),{fontWeight:600,flex:1,minWidth:0,color:o.palette.text.primary,marginLeft:o.spacing(1)}),".".concat(r.itemChildTitle),{color:o.palette.text.primary})});export{i as MenuStyled,r as mediaWidgetClasses};
 //# sourceMappingURL=styled.js.map

package/dist/media-right/media-widget/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../src/media-right/media-widget/styled.tsx"],"sourcesContent":["import { Menu, styled } from '@mui/material'\r\nimport type { ComponentType } from 'react'\r\nimport type { MenuProps } from '@mui/material'\r\n\r\nexport const MenuStyled: ComponentType<MenuProps> = styled(Menu)(({ theme }) => ({\r\n  '--color-bg': '#ffffff',\r\n  '--color-text': theme.palette.common.black,\r\n\r\n  marginTop: '45px',\r\n  '>.MuiPaper-root': {\r\n    position: 'relative',\r\n    overflow: 'visible',\r\n    display: 'flex',\r\n    flexDirection: 'column',\r\n    backgroundColor: 'var(--color-bg, #000000)',\r\n    borderRadius: theme.shape.borderRadius,\r\n    minWidth: '280px',\r\n    width: '90vw',\r\n    maxWidth: '450px',\r\n    boxShadow: `0 1px 1px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(0, 0, 0, 0.15), 0 8px 8px rgba(0, 0, 0, 0.05)`,\r\n    animation: 'fadeInDown 0.3s ease-out',\r\n    marginTop: '8px',\r\n    color: 'var(--color-text, #000000)',\r\n\r\n    '&::before': {\r\n      content: '\"\"',\r\n      position: 'absolute',\r\n      backgroundColor: 'var(--color-bg, #ffffff)',\r\n      width: '10px',\r\n      height: '10px',\r\n      top: '-4px',\r\n      right: theme.spacing(1),\r\n      transform: 'translateX(-50%) rotate(45deg)',\r\n      zIndex: 0\r\n    },\r\n\r\n    '@keyframes fadeInDown': {\r\n      '0%': { opacity: 0, transform: 'translateY(-10px)' },\r\n      '100%': { opacity: 1, transform: 'translateY(0)' }\r\n    }\r\n  },\r\n  '.MuiBackdrop-root': { backgroundColor: 'transparent' },\r\n  '.MuiList-root': {\r\n    padding: 0,\r\n    height: '100%',\r\n    overflowY: 'auto',\r\n    '&::-webkit-scrollbar': {\r\n      width: '6px',\r\n      background: 'transparent'\r\n    },\r\n    '&::-webkit-scrollbar-thumb': {\r\n      background: '#e0e0e0',\r\n      borderRadius: '8px'\r\n    },\r\n    '&::-webkit-scrollbar-thumb:hover': {\r\n      background: '#bdbdbd'\r\n    },\r\n    '&': {\r\n      scrollbarWidth: 'thin',\r\n      scrollbarColor: '#e0e0e0 transparent'\r\n    }\r\n  }\r\n}))\r\n"],"names":["MenuStyled","styled","Menu","_ref","theme","palette","common","black","marginTop","position","overflow","display","flexDirection","backgroundColor","borderRadius","shape","minWidth","width","maxWidth","boxShadow","animation","color","content","height","top","right","spacing","transform","zIndex","opacity","padding","overflowY","background","scrollbarWidth","scrollbarColor"],"mappings":"iDAIO,IAAMA,EAAuCC,EAAOC,EAAPD,CAAa,SAAAE,GAAA,IAAGC,EAAKD,EAALC,MAAK,MAAQ,CAC/E,aAAc,UACd,eAAgBA,EAAMC,QAAQC,OAAOC,MAErCC,UAAW,OACX,kBAAmB,CACjBC,SAAU,WACVC,SAAU,UACVC,QAAS,OACTC,cAAe,SACfC,gBAAiB,2BACjBC,aAAcV,EAAMW,MAAMD,aAC1BE,SAAU,QACVC,MAAO,OACPC,SAAU,QACVC,UAAsI,4HACtIC,UAAW,2BACXZ,UAAW,MACXa,MAAO,6BAEP,YAAa,CACXC,QAAS,KACTb,SAAU,WACVI,gBAAiB,2BACjBI,MAAO,OACPM,OAAQ,OACRC,IAAK,OACLC,MAAOrB,EAAMsB,QAAQ,GACrBC,UAAW,iCACXC,OAAQ,GAGV,wBAAyB,CACvB,KAAM,CAAEC,QAAS,EAAGF,UAAW,qBAC/B,OAAQ,CAAEE,QAAS,EAAGF,UAAW,mBAGrC,oBAAqB,CAAEd,gBAAiB,eACxC,gBAAiB,CACfiB,QAAS,EACTP,OAAQ,OACRQ,UAAW,OACX,uBAAwB,CACtBd,MAAO,MACPe,WAAY,eAEd,6BAA8B,CAC5BA,WAAY,UACZlB,aAAc,OAEhB,mCAAoC,CAClCkB,WAAY,WAEd,IAAK,CACHC,eAAgB,OAChBC,eAAgB,wBAGrB"}
+{"version":3,"file":"styled.js","sources":["../../../src/media-right/media-widget/styled.tsx"],"sourcesContent":["import { Menu, styled } from '@mui/material'\r\nimport type { ComponentType } from 'react'\r\nimport type { MenuProps } from '@mui/material'\r\n\r\nexport const mediaWidgetClasses = {\r\n  root: 'DinoMediaWidget-root',\r\n  header: 'DinoMediaWidget-header',\r\n  headerText: 'DinoMediaWidget-headerText',\r\n  footer: 'DinoMediaWidget-footer',\r\n  item: 'DinoMediaWidget-item',\r\n  itemTitle: 'DinoMediaWidget-itemTitle',\r\n  itemChild: 'DinoMediaWidget-itemChild',\r\n  itemChildTitle: 'DinoMediaWidget-itemChildTitle'\r\n}\r\n\r\nexport const MenuStyled: ComponentType<MenuProps> = styled(Menu)(({ theme }) => ({\r\n  '--color-bg': theme.palette.background.paper,\r\n  '--color-text': theme.palette.text.primary,\r\n\r\n  marginTop: '45px',\r\n  '>.MuiPaper-root': {\r\n    position: 'relative',\r\n    overflow: 'visible',\r\n    display: 'flex',\r\n    flexDirection: 'column',\r\n    backgroundColor: 'var(--color-bg, #000000)',\r\n    borderRadius: theme.shape.borderRadius,\r\n    minWidth: '280px',\r\n    width: '90vw',\r\n    maxWidth: '450px',\r\n    boxShadow: `0 1px 1px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(0, 0, 0, 0.15), 0 8px 8px rgba(0, 0, 0, 0.05)`,\r\n    animation: 'fadeInDown 0.3s ease-out',\r\n    marginTop: '8px',\r\n    // color: 'var(--color-text, #000000)',\r\n\r\n    '&::before': {\r\n      content: '\"\"',\r\n      position: 'absolute',\r\n      backgroundColor: theme.palette.divider,\r\n      width: '10px',\r\n      height: '10px',\r\n      top: '-4px',\r\n      right: theme.spacing(1),\r\n      transform: 'translateX(-50%) rotate(45deg)',\r\n      zIndex: 0\r\n    },\r\n\r\n    '@keyframes fadeInDown': {\r\n      '0%': { opacity: 0, transform: 'translateY(-10px)' },\r\n      '100%': { opacity: 1, transform: 'translateY(0)' }\r\n    }\r\n  },\r\n  '.MuiBackdrop-root': { backgroundColor: 'transparent' },\r\n  '.MuiList-root': {\r\n    padding: 0,\r\n    height: '100%',\r\n    overflowY: 'auto',\r\n    '&::-webkit-scrollbar': {\r\n      width: '6px',\r\n      background: 'transparent'\r\n    },\r\n    '&::-webkit-scrollbar-thumb': {\r\n      background: '#e0e0e0',\r\n      borderRadius: '8px'\r\n    },\r\n    '&::-webkit-scrollbar-thumb:hover': {\r\n      background: '#bdbdbd'\r\n    },\r\n    '&': {\r\n      scrollbarWidth: 'thin',\r\n      scrollbarColor: '#e0e0e0 transparent'\r\n    }\r\n  },\r\n  [`.${mediaWidgetClasses.header}`]: {\r\n    padding: '12px 16px',\r\n    position: 'sticky',\r\n    top: 0,\r\n    backgroundColor: theme.palette.background.paper,\r\n    zIndex: 2,\r\n    boxShadow: '0px 0.5px 5px 0px rgba(0, 0, 0, 0.15)',\r\n    alignItems: 'flex-start'\r\n  },\r\n  [`.${mediaWidgetClasses.headerText}`]: {\r\n    flex: 1,\r\n    color: theme.palette.text.primary\r\n  },\r\n  [`.${mediaWidgetClasses.footer}`]: {\r\n    position: 'sticky',\r\n    bottom: 0,\r\n    backgroundColor: theme.palette.background.paper,\r\n    zIndex: 1,\r\n    boxShadow: '0px 0.5px 5px 0px rgba(0, 0, 0, 0.15)',\r\n    justifyContent: 'end',\r\n    flexDirection: 'row',\r\n    padding: '6px 12px'\r\n  },\r\n  [`.${mediaWidgetClasses.item}`]: {\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    flex: 1,\r\n    gap: 1,\r\n    minWidth: 0\r\n  },\r\n  [`.${mediaWidgetClasses.itemTitle}`]: {\r\n    fontWeight: 600,\r\n    flex: 1,\r\n    minWidth: 0,\r\n    color: theme.palette.text.primary,\r\n    marginLeft: theme.spacing(1)\r\n  },\r\n  [`.${mediaWidgetClasses.itemChildTitle}`]: {\r\n    color: theme.palette.text.primary\r\n  }\r\n}))\r\n"],"names":["mediaWidgetClasses","header","headerText","footer","item","itemTitle","itemChild","itemChildTitle","MenuStyled","styled","Menu","_ref","theme","_defineProperty","palette","background","paper","text","primary","marginTop","position","overflow","display","flexDirection","backgroundColor","borderRadius","shape","minWidth","width","maxWidth","boxShadow","animation","content","divider","height","top","right","spacing","transform","zIndex","opacity","padding","overflowY","scrollbarWidth","scrollbarColor","concat","alignItems","flex","color","bottom","justifyContent","gap","fontWeight","marginLeft"],"mappings":"8HAIO,IAAMA,EAAqB,CAEhCC,OAAQ,yBACRC,WAAY,6BACZC,OAAQ,yBACRC,KAAM,uBACNC,UAAW,4BACXC,UAAW,4BACXC,eAAgB,kCAGLC,EAAuCC,EAAOC,EAAPD,CAAa,SAAAE,GAAA,IAAGC,EAAKD,EAALC,MAAK,OAAAC,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAA,CACvE,aAAcD,EAAME,QAAQC,WAAWC,MACvC,eAAgBJ,EAAME,QAAQG,KAAKC,QAEnCC,UAAW,OACX,kBAAmB,CACjBC,SAAU,WACVC,SAAU,UACVC,QAAS,OACTC,cAAe,SACfC,gBAAiB,2BACjBC,aAAcb,EAAMc,MAAMD,aAC1BE,SAAU,QACVC,MAAO,OACPC,SAAU,QACVC,UAAsI,4HACtIC,UAAW,2BACXZ,UAAW,MAGX,YAAa,CACXa,QAAS,KACTZ,SAAU,WACVI,gBAAiBZ,EAAME,QAAQmB,QAC/BL,MAAO,OACPM,OAAQ,OACRC,IAAK,OACLC,MAAOxB,EAAMyB,QAAQ,GACrBC,UAAW,iCACXC,OAAQ,GAGV,wBAAyB,CACvB,KAAM,CAAEC,QAAS,EAAGF,UAAW,qBAC/B,OAAQ,CAAEE,QAAS,EAAGF,UAAW,mBAGrC,oBAAqB,CAAEd,gBAAiB,eACxC,gBAAiB,CACfiB,QAAS,EACTP,OAAQ,OACRQ,UAAW,OACX,uBAAwB,CACtBd,MAAO,MACPb,WAAY,eAEd,6BAA8B,CAC5BA,WAAY,UACZU,aAAc,OAEhB,mCAAoC,CAClCV,WAAY,WAEd,IAAK,CACH4B,eAAgB,OAChBC,eAAgB,yBAEnB,IAAAC,OACI7C,EAAmBC,QAAW,CACjCwC,QAAS,YACTrB,SAAU,SACVe,IAAK,EACLX,gBAAiBZ,EAAME,QAAQC,WAAWC,MAC1CuB,OAAQ,EACRT,UAAW,wCACXgB,WAAY,mBACbD,OACI7C,EAAmBE,YAAe,CACrC6C,KAAM,EACNC,MAAOpC,EAAME,QAAQG,KAAKC,cAC3B2B,OACI7C,EAAmBG,QAAW,CACjCiB,SAAU,SACV6B,OAAQ,EACRzB,gBAAiBZ,EAAME,QAAQC,WAAWC,MAC1CuB,OAAQ,EACRT,UAAW,wCACXoB,eAAgB,MAChB3B,cAAe,MACfkB,QAAS,iBACVI,OACI7C,EAAmBI,MAAS,CAC/BkB,QAAS,OACTwB,WAAY,SACZC,KAAM,EACNI,IAAK,EACLxB,SAAU,QACXkB,OACI7C,EAAmBK,WAAc,CACpC+C,WAAY,IACZL,KAAM,EACNpB,SAAU,EACVqB,MAAOpC,EAAME,QAAQG,KAAKC,QAC1BmC,WAAYzC,EAAMyB,QAAQ,SAC3BQ,OACI7C,EAAmBO,gBAAmB,CACzCyC,MAAOpC,EAAME,QAAQG,KAAKC,SAC3B"}

package/dist/media-right/service.js

@@ -0,0 +1,2 @@
+import{defineProperty as o,createClass as e,objectSpread2 as r,toConsumableArray as a,classCallCheck as t}from"../_virtual/_rollupPluginBabelHelpers.js";import{createObjectSingleton as n}from"dinocollab-core/utils";import{MediaRightEventStore as l}from"./event-store.js";import{mediaRightStoreOptions as i}from"./configs.js";var s=e(function e(){t(this,e),o(this,"localStorageKey","__media_right_default__"),o(this,"store",new l)}),u=function(){function l(){t(this,l)}return e(l,[{key:"initialize",value:function(){l.provider.store.emit("requestState",{})}},{key:"subscribe",value:function(o,e){return l.provider.store.subscribe(o,e)}},{key:"getGroups",value:function(){var o,e=this.loadFromLocalStorage();return Object.values(null!==(o=e.groups)&&void 0!==o?o:{})}},{key:"getGroupsMap",value:function(){var o;return null!==(o=this.loadFromLocalStorage().groups)&&void 0!==o?o:{}}},{key:"getGroup",value:function(o){var e;return null===(e=this.loadFromLocalStorage().groups)||void 0===e?void 0:e[o]}},{key:"addGroup",value:function(e){var a=this.loadFromLocalStorage();if(Object.keys(a.groups).length>=i.MAX_GROUP)throw new Error("Maximum groups limit reached (".concat(i.MAX_GROUP,")"));if(e.name&&e.name.length>i.MAX_NAME_GROUP)throw new Error("Group name exceeds maximum length (".concat(i.MAX_NAME_GROUP,")"));var t=r(r({},e),{},{createdAt:Date.now(),items:[],channels:[]}),n=r(r({},a.groups),{},o({},e.id,t));this.saveToLocalStorage(n)}},{key:"updateGroup",value:function(e,a){var t=this.loadFromLocalStorage();if(t.groups[e]){if(a.name&&a.name.length>i.MAX_NAME_GROUP)throw new Error("Group name exceeds maximum length (".concat(i.MAX_NAME_GROUP,")"));var n=r(r({},t.groups),{},o({},e,r(r({},t.groups[e]),a)));this.saveToLocalStorage(n)}}},{key:"removeGroup",value:function(o){var e=this.loadFromLocalStorage(),a=r({},e.groups);delete a[o],this.saveToLocalStorage(a)}},{key:"addChannel",value:function(e,t){var n=this.loadFromLocalStorage(),l=n.groups[e];if(!l)throw new Error("Group ".concat(e," not found"));if(l.channels.length>=i.MAX_CHANNELS)throw new Error("Group ".concat(e," has reached maximum channels limit (").concat(i.MAX_CHANNELS,")"));var s=r(r({},l),{},{channels:[].concat(a(l.channels),[t])}),u=r(r({},n.groups),{},o({},e,s));this.saveToLocalStorage(u)}},{key:"updateChannel",value:function(e,t,n){var l=this.loadFromLocalStorage(),i=l.groups[e];if(i&&i.channels[t]){var s=a(i.channels);s[t]=r(r({},s[t]),n);var u=r(r({},l.groups),{},o({},e,r(r({},i),{},{channels:s})));this.saveToLocalStorage(u)}}},{key:"removeChannel",value:function(e,t){var n=this.loadFromLocalStorage(),l=n.groups[e];if(l){var i=a(l.channels);i.splice(t,1);var s=r(r({},n.groups),{},o({},e,r(r({},l),{},{channels:i})));this.saveToLocalStorage(s)}}},{key:"clearChannels",value:function(e){var a=this.loadFromLocalStorage(),t=a.groups[e];if(t){var n=r(r({},a.groups),{},o({},e,r(r({},t),{},{channels:[]})));this.saveToLocalStorage(n)}}},{key:"addItem",value:function(e){var t=this.loadFromLocalStorage(),n=t.groups[e.GroupId];if(!n)throw new Error("Group ".concat(e.GroupId," not found"));var l,s=n.items.findIndex(function(o){return o.ProductId===e.ProductId});if(-1===s&&n.items.length>=i.MAX_ITEMS_PER_GROUP)throw new Error("Group ".concat(e.GroupId," has reached maximum items limit (").concat(i.MAX_ITEMS_PER_GROUP,")"));s>=0?(l=a(n.items))[s]=e:l=[].concat(a(n.items),[e]);var u=r(r({},t.groups),{},o({},e.GroupId,r(r({},n),{},{items:l})));this.saveToLocalStorage(u)}},{key:"updateItem",value:function(e,t,n){var l=this.loadFromLocalStorage(),i=l.groups[e];if(i){var s=i.items.findIndex(function(o){return o.ProductId===t});if(s>=0){var u=a(i.items);u[s]=r(r({},u[s]),n);var c=r(r({},l.groups),{},o({},e,r(r({},i),{},{items:u})));this.saveToLocalStorage(c)}}}},{key:"removeItem",value:function(e,a){var t=this.loadFromLocalStorage(),n=t.groups[e];if(n){var l=n.items.filter(function(o){return o.ProductId!==a}),i=r(r({},t.groups),{},o({},e,r(r({},n),{},{items:l})));this.saveToLocalStorage(i)}}},{key:"clearAll",value:function(){this.saveToLocalStorage({})}},{key:"loadFromLocalStorage",value:function(){var o={version:"1.0",groups:{}};try{if("undefined"!=typeof globalThis&&globalThis.localStorage){var e=localStorage.getItem(l.provider.localStorageKey),r=e?JSON.parse(e):null;null!=r&&r.groups&&Object.keys(r.groups).length>0&&(o=r)}}catch(o){console.error("Error loading media rights from localStorage:",o)}return o}},{key:"saveToLocalStorage",value:function(o){if("undefined"!=typeof globalThis&&globalThis.localStorage)if(l.provider.localStorageKey){var e={version:"1.0",groups:o};localStorage.setItem(l.provider.localStorageKey,JSON.stringify(e)),l.provider.store.emit("stateChange",{groups:o})}else console.warn("No localStorageKey provided, skipping storage")}}],[{key:"provider",get:function(){var o;return null!==(o=n(l.key_provider).get())&&void 0!==o?o:new s}},{key:"setProvider",value:function(o){n(l.key_provider).set(null!=o?o:new s)}},{key:"setLocalStorageKey",value:function(o){var e=l.provider;e.localStorageKey=o,l.setProvider(e)}}])}();o(u,"key_provider","__media_right_key_provider__");var c=new u;export{u as MediaRightService,c as mediaRightService};
+//# sourceMappingURL=service.js.map