dinocollab-shared 1.1.23 → 1.1.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (52) hide show
  1. package/dist/cart/widget.js +1 -1
  2. package/dist/layout-global/app-header.nav.js +1 -1
  3. package/dist/layout-global/app-header.nav.js.map +1 -1
  4. package/dist/layout-global/configs.js +1 -1
  5. package/dist/layout-global/configs.js.map +1 -1
  6. package/dist/media-player/muted.js +1 -1
  7. package/dist/media-player/muted.js.map +1 -1
  8. package/dist/media-right/configs.js +1 -1
  9. package/dist/media-right/configs.js.map +1 -1
  10. package/dist/media-right/group-selector/index.js +1 -1
  11. package/dist/media-right/group-selector/index.js.map +1 -1
  12. package/dist/media-right/helpers.js +1 -1
  13. package/dist/media-right/helpers.js.map +1 -1
  14. package/dist/media-right/index.js +1 -1
  15. package/dist/media-right/media-widget/button.delete.js +1 -1
  16. package/dist/media-right/media-widget/button.delete.js.map +1 -1
  17. package/dist/media-right/media-widget/index.js +1 -1
  18. package/dist/media-right/media-widget/index.js.map +1 -1
  19. package/dist/media-right/media-widget/inline-editing.js +1 -1
  20. package/dist/media-right/media-widget/inline-editing.js.map +1 -1
  21. package/dist/media-right/media-widget/media-group-accordion.js +1 -1
  22. package/dist/media-right/media-widget/media-group-accordion.js.map +1 -1
  23. package/dist/media-right/media-widget/new-group-area.js +2 -0
  24. package/dist/media-right/media-widget/new-group-area.js.map +1 -0
  25. package/dist/media-right/media-widget/styled.js +1 -1
  26. package/dist/media-right/media-widget/styled.js.map +1 -1
  27. package/dist/media-right/types.js +2 -0
  28. package/dist/media-right/types.js.map +1 -0
  29. package/dist/media-right/unit.control.js +2 -0
  30. package/dist/media-right/unit.control.js.map +1 -0
  31. package/dist/types/layout-global/app-header.nav.d.ts +1 -1
  32. package/dist/types/layout-global/app-header.nav.d.ts.map +1 -1
  33. package/dist/types/layout-global/configs.d.ts.map +1 -1
  34. package/dist/types/media-right/configs.d.ts +1 -1
  35. package/dist/types/media-right/configs.d.ts.map +1 -1
  36. package/dist/types/media-right/group-selector/index.d.ts.map +1 -1
  37. package/dist/types/media-right/helpers.d.ts +4 -0
  38. package/dist/types/media-right/helpers.d.ts.map +1 -1
  39. package/dist/types/media-right/media-widget/index.d.ts.map +1 -1
  40. package/dist/types/media-right/media-widget/inline-editing.d.ts.map +1 -1
  41. package/dist/types/media-right/media-widget/media-group-accordion.d.ts.map +1 -1
  42. package/dist/types/media-right/media-widget/new-group-area.d.ts +5 -0
  43. package/dist/types/media-right/media-widget/new-group-area.d.ts.map +1 -1
  44. package/dist/types/media-right/media-widget/styled.d.ts.map +1 -1
  45. package/dist/types/media-right/types.d.ts +5 -1
  46. package/dist/types/media-right/types.d.ts.map +1 -1
  47. package/dist/types/media-right/unit.control.d.ts.map +1 -0
  48. package/package.json +1 -1
  49. package/dist/media-right/group-selector/unit.control.js +0 -2
  50. package/dist/media-right/group-selector/unit.control.js.map +0 -1
  51. package/dist/types/media-right/group-selector/unit.control.d.ts.map +0 -1
  52. /package/dist/types/media-right/{group-selector/unit.control.d.ts → unit.control.d.ts} +0 -0
@@ -1,2 +1,2 @@
1
- import{inherits as r,createClass as e,objectSpread2 as t,classCallCheck as n,callSuper as o,defineProperty as i}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as l,jsxs as a}from"react/jsx-runtime";import{Component as c,Fragment as s}from"react";import{ImageWithFallback as d}from"dinocollab-core/components";import{Badge as m,Typography as u,Divider as p,Button as h,Box as f,IconButton as v}from"@mui/material";import C from"@mui/icons-material/Remove";import g from"@mui/icons-material/ShoppingCartOutlined";import x from"@mui/icons-material/ShoppingCartCheckout";import{getTotalData as b}from"./helpers.js";import{IconButtonDark as y}from"../components/buttons.js";import{NoDataPanel as k}from"../components/no-data-panel.js";import{MenuStyled as P,CartContentStyled as T,cartContentClasses as S}from"./styled.js";var N=function(){function N(r){var e;return n(this,N),e=o(this,N,[r]),i(e,"render",function(){var r;return a(s,{children:[l(y,{onClick:function(r){return e.onOpen(r.currentTarget)},children:l(m,{badgeContent:e.state.hydrated&&null!==(r=e.carts.length)&&void 0!==r?r:0,color:"error",children:l(g,{fontSize:"small"})})}),l(P,{disableScrollLock:!0,anchorEl:e.state.anchorEl,open:Boolean(e.state.anchorEl),onClose:e.onClose,anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},MenuListProps:{component:"div"},children:e.renderContent()})]})}),i(e,"renderContent",function(){var r,n=b(e.carts);return a(T,{children:[a("div",{className:S.header,children:[a(u,{variant:"h6",component:"span",sx:{flex:1},children:["Your Cart (",null!==(r=n.quantity)&&void 0!==r?r:0," items)"]}),a(u,{variant:"h6",component:"span",children:["Total: $ ",n.price.toFixed(2)]})]}),l(p,{}),a("div",{className:S.items,children:[e.carts.map(function(r,t){return l(s,{children:e.renderItem(r)},"key"+t)}),e.carts.length<1&&l(k,{title:"Your cart is empty",subTitle:"Try adding some products",sx:{height:"100%"}})]}),l(p,{}),l("div",{className:S.footer,children:l(h,t(t(t({},e.props.hrefCart?{component:"a",href:e.props.hrefCart}:{}),{},{color:"inherit",endIcon:l(x,{}),onClick:function(r){e.onClose(),e.props.onMoveToCartClick&&e.props.onMoveToCartClick(r)},disabled:e.carts.length<1},e.props.buttonMoveToCartProps),{},{children:"Show in cart"}))})]})}),i(e,"renderTitle",function(r){var n,o=e.props,i=o.itemTitleProps,a=o.itemTitlePropsGetter,c=a?a(r,e.onClose):null!=i?i:{};return l(u,t(t({className:S.itemTitle,noWrap:!0,variant:"subtitle1"},c),{},{children:null!==(n=r.ProductName)&&void 0!==n?n:"Unknown Product"}))}),i(e,"renderItem",function(r){var t,n,o,i;return a("div",{className:S.item,children:[l(d,{className:S.itemImg,src:null==r?void 0:r.PictureUrl,title:null==r?void 0:r.PictureUrl,fallbackSrc:"images/default-video.webp",alt:"product-picture"}),a("div",{className:S.itemContent,children:[l(u,{className:S.itemTag,variant:"caption",sx:{color:null!==(t=r.PriceColor)&&void 0!==t?t:"#000"},children:null!==(n=r.PriceName)&&void 0!==n?n:"Unknown Price"}),e.renderTitle(r),a(f,{sx:{display:"flex",alignItems:"flex-end",gap:"2px",justifyContent:"flex-end"},children:[a(u,{variant:"subtitle1",children:["$ ",null!==(o=r.Price)&&void 0!==o?o:0]}),a(u,{variant:"body1",sx:{fontSize:"14px",mb:"3px",color:"#818181"},children:["x",null!==(i=r.Amount)&&void 0!==i?i:0," urls"]})]})]}),l(v,{size:"small",onClick:function(){var t,n;return null===(t=(n=e.props).onRemoveCart)||void 0===t?void 0:t.call(n,r)},sx:{color:"#818181"},children:l(C,{})})]})}),i(e,"onOpen",function(r){e.setState({anchorEl:r})}),i(e,"onClose",function(){e.setState({anchorEl:null})}),e.state={anchorEl:null,hydrated:!1},e}return r(N,c),e(N,[{key:"carts",get:function(){var r;return null!==(r=this.props.carts)&&void 0!==r?r:[]}},{key:"componentDidMount",value:function(){this.setState({hydrated:!0})}}])}(),j=function(r){var e=function(e){return l(N,t(t({},r),e))};return e.displayName="CartWidget",e};export{N as CartWidget,j as createCartWidget};
1
+ import{inherits as r,createClass as e,objectSpread2 as t,classCallCheck as n,callSuper as o,defineProperty as i}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as l,jsxs as a}from"react/jsx-runtime";import{Component as c,Fragment as s}from"react";import{ImageWithFallback as d}from"dinocollab-core/components";import{Badge as m,Typography as u,Divider as p,Button as h,Box as f,IconButton as v}from"@mui/material";import C from"@mui/icons-material/Remove";import g from"@mui/icons-material/ShoppingCartOutlined";import x from"@mui/icons-material/ShoppingCartCheckout";import{getTotalData as b}from"./helpers.js";import{MenuStyled as y,CartContentStyled as k,cartContentClasses as P}from"./styled.js";import{IconButtonDark as T}from"../components/buttons.js";import{NoDataPanel as S}from"../components/no-data-panel.js";var N=function(){function N(r){var e;return n(this,N),e=o(this,N,[r]),i(e,"render",function(){var r;return a(s,{children:[l(T,{onClick:function(r){return e.onOpen(r.currentTarget)},children:l(m,{badgeContent:e.state.hydrated&&null!==(r=e.carts.length)&&void 0!==r?r:0,color:"error",children:l(g,{fontSize:"small"})})}),l(y,{disableScrollLock:!0,anchorEl:e.state.anchorEl,open:Boolean(e.state.anchorEl),onClose:e.onClose,anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},MenuListProps:{component:"div"},children:e.renderContent()})]})}),i(e,"renderContent",function(){var r,n=b(e.carts);return a(k,{children:[a("div",{className:P.header,children:[a(u,{variant:"h6",component:"span",sx:{flex:1},children:["Your Cart (",null!==(r=n.quantity)&&void 0!==r?r:0," items)"]}),a(u,{variant:"h6",component:"span",children:["Total: $ ",n.price.toFixed(2)]})]}),l(p,{}),a("div",{className:P.items,children:[e.carts.map(function(r,t){return l(s,{children:e.renderItem(r)},"key"+t)}),e.carts.length<1&&l(S,{title:"Your cart is empty",subTitle:"Try adding some products",sx:{height:"100%"}})]}),l(p,{}),l("div",{className:P.footer,children:l(h,t(t(t({},e.props.hrefCart?{component:"a",href:e.props.hrefCart}:{}),{},{color:"inherit",endIcon:l(x,{}),onClick:function(r){e.onClose(),e.props.onMoveToCartClick&&e.props.onMoveToCartClick(r)},disabled:e.carts.length<1},e.props.buttonMoveToCartProps),{},{children:"Show in cart"}))})]})}),i(e,"renderTitle",function(r){var n,o=e.props,i=o.itemTitleProps,a=o.itemTitlePropsGetter,c=a?a(r,e.onClose):null!=i?i:{};return l(u,t(t({className:P.itemTitle,noWrap:!0,variant:"subtitle1"},c),{},{children:null!==(n=r.ProductName)&&void 0!==n?n:"Unknown Product"}))}),i(e,"renderItem",function(r){var t,n,o,i;return a("div",{className:P.item,children:[l(d,{className:P.itemImg,src:null==r?void 0:r.PictureUrl,title:null==r?void 0:r.PictureUrl,fallbackSrc:"images/default-video.webp",alt:"product-picture"}),a("div",{className:P.itemContent,children:[l(u,{className:P.itemTag,variant:"caption",sx:{color:null!==(t=r.PriceColor)&&void 0!==t?t:"#000"},children:null!==(n=r.PriceName)&&void 0!==n?n:"Unknown Price"}),e.renderTitle(r),a(f,{sx:{display:"flex",alignItems:"flex-end",gap:"2px",justifyContent:"flex-end"},children:[a(u,{variant:"subtitle1",children:["$ ",null!==(o=r.Price)&&void 0!==o?o:0]}),a(u,{variant:"body1",sx:{fontSize:"14px",mb:"3px",color:"#818181"},children:["x",null!==(i=r.Amount)&&void 0!==i?i:0," urls"]})]})]}),l(v,{size:"small",onClick:function(){var t,n;return null===(t=(n=e.props).onRemoveCart)||void 0===t?void 0:t.call(n,r)},sx:{color:"#818181"},children:l(C,{})})]})}),i(e,"onOpen",function(r){e.setState({anchorEl:r})}),i(e,"onClose",function(){e.setState({anchorEl:null})}),e.state={anchorEl:null,hydrated:!1},e}return r(N,c),e(N,[{key:"carts",get:function(){var r;return null!==(r=this.props.carts)&&void 0!==r?r:[]}},{key:"componentDidMount",value:function(){this.setState({hydrated:!0})}}])}(),j=function(r){var e=function(e){return l(N,t(t({},r),e))};return e.displayName="CartWidget",e};export{N as CartWidget,j as createCartWidget};
2
2
  //# sourceMappingURL=widget.js.map
@@ -1,2 +1,2 @@
1
- import{inherits as e,createClass as n,objectSpread2 as t,classCallCheck as r,callSuper as a,defineProperty as o}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as l}from"react/jsx-runtime";import{Component as s}from"react";import i from"@mui/icons-material/ExpandMore";import{toArray as c}from"./helpers.js";import{ButtonAnimation as u}from"./animated-tabs.units.js";import{NavStyled as m,appHeaderClasses as p}from"./app-header.styled.js";import v from"./sub-menu.js";var d=function(){function d(e){var n;return r(this,d),n=a(this,d,[e]),o(n,"getLiProps",function(e){var t=[p.navItem];return n.state.navSelected&&n.state.navSelected.title===e.title&&t.push(p.navItemSelected),{className:t.join(" ")}}),o(n,"getButtonNavProps",function(e){var r,a,o=n.props.slots||{},l=o.buttonNavProps,s=o.buttonNavPropsGetter,i=s?s(e):null!=l?l:{},c=t({},e.options);e.navLink&&!i.component&&(c.component="a",c.href=null!==(r=null===(a=e.navLink)||void 0===a?void 0:a.href)&&void 0!==r?r:"/");return t(t({},c),i)}),o(n,"renderItemIcon",function(e){return 0===c(e.menu).length?null:l(i,{className:p.navItemIcon})}),o(n,"handleMouseEnter",function(e,t){t.menu&&n.setState({anchorEl:e.currentTarget,navSelected:t})}),o(n,"handleMouseLeave",function(){n.setState({anchorEl:null,navSelected:null})}),o(n,"onClickNavItemHandler",function(e,t){if(t.menu)return e.preventDefault(),void n.setState({anchorEl:e.currentTarget,navSelected:t});t.navLink&&n.props.onNavItemClick&&n.props.onNavItemClick(e,t.navLink)}),o(n,"onCloseMenuHandler",function(){n.setState({anchorEl:null,navSelected:null})}),n.state={anchorEl:null,navSelected:null},n}return e(d,s),n(d,[{key:"render",value:function(){var e=this;return l(m,{sx:this.props.sx,children:l("ul",{className:p.navItems,children:this.props.configs.map(function(n,r){return l("li",t(t({},e.getLiProps(n)),{},{children:n.menu?l(v,{menu:n.menu,onNavItemClick:e.props.onNavItemClick,children:l(u,t(t({forceTheme:"dark",endIcon:e.renderItemIcon(n)},e.getButtonNavProps(n)),{},{children:n.title}))}):l(u,t(t({forceTheme:"dark",endIcon:e.renderItemIcon(n)},e.getButtonNavProps(n)),{},{children:n.title}))}),r)})})})}}])}();export{d as default};
1
+ import{inherits as e,createClass as n,objectSpread2 as t,classCallCheck as r,callSuper as a,defineProperty as o}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as l}from"react/jsx-runtime";import{Component as i}from"react";import s from"@mui/icons-material/ExpandMore";import{toArray as u}from"./helpers.js";import{ButtonAnimation as c}from"./animated-tabs.units.js";import{NavStyled as m,appHeaderClasses as p}from"./app-header.styled.js";import v from"./sub-menu.js";var d=function(){function d(e){var n;return r(this,d),n=a(this,d,[e]),o(n,"getLiProps",function(e){var t=[p.navItem];return n.state.navSelected&&n.state.navSelected.title===e.title&&t.push(p.navItemSelected),{className:t.join(" ")}}),o(n,"getButtonNavProps",function(e){var r,a,o=n.props.slots||{},l=o.buttonNavProps,i=o.buttonNavPropsGetter,s=i?i(e):null!=l?l:{},u=t({},e.options);e.navLink&&!s.component&&(u.component="a",u.href=null!==(r=null===(a=e.navLink)||void 0===a?void 0:a.href)&&void 0!==r?r:"/",u.onClick=function(t){return n.handleClickNavItem(t,e)});return t(t({},u),s)}),o(n,"renderItemIcon",function(e){return 0===u(e.menu).length?null:l(s,{className:p.navItemIcon})}),o(n,"handleMouseEnter",function(e,t){t.menu&&n.setState({anchorEl:e.currentTarget,navSelected:t})}),o(n,"handleMouseLeave",function(){n.setState({anchorEl:null,navSelected:null})}),o(n,"handleClickNavItem",function(e,t){if(null!=t&&t.menu)return e.preventDefault(),void n.setState({anchorEl:e.currentTarget,navSelected:t});null!=t&&t.navLink&&n.props.onNavItemClick&&n.props.onNavItemClick(e,t.navLink)}),o(n,"onCloseMenuHandler",function(){n.setState({anchorEl:null,navSelected:null})}),n.state={anchorEl:null,navSelected:null},n}return e(d,i),n(d,[{key:"render",value:function(){var e=this;return l(m,{sx:this.props.sx,children:l("ul",{className:p.navItems,children:this.props.configs.map(function(n,r){return l("li",t(t({},e.getLiProps(n)),{},{children:n.menu?l(v,{menu:n.menu,onNavItemClick:e.props.onNavItemClick,children:l(c,t(t({forceTheme:"dark",endIcon:e.renderItemIcon(n)},e.getButtonNavProps(n)),{},{children:n.title}))}):l(c,t(t({forceTheme:"dark",endIcon:e.renderItemIcon(n)},e.getButtonNavProps(n)),{},{children:n.title}))}),r)})})})}}])}();export{d as default};
2
2
  //# sourceMappingURL=app-header.nav.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"app-header.nav.js","sources":["../../src/layout-global/app-header.nav.tsx"],"sourcesContent":["import { Component } from 'react'\r\nimport type { SxProps, Theme } from '@mui/material'\r\nimport type { MouseEvent as RMouseEvent, ReactNode } from 'react'\r\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore'\r\nimport { toArray } from './helpers'\r\nimport { ButtonAnimation, IButtonAnimationProps } from './animated-tabs.units'\r\nimport { appHeaderClasses, NavStyled } from './app-header.styled'\r\nimport type { IAppNav, NavItemClickFunction } from './types'\r\nimport SubMenu from './sub-menu'\r\n\r\nexport interface IAppHeaderNavSlots {\r\n buttonNavProps?: IButtonAnimationProps\r\n buttonNavPropsGetter?: (item: IAppNav) => Partial<IButtonAnimationProps>\r\n}\r\n\r\nexport interface IHeaderNavProps {\r\n configs: IAppNav[]\r\n sx?: SxProps<Theme>\r\n onNavItemClick?: NavItemClickFunction\r\n slots?: IAppHeaderNavSlots\r\n}\r\n\r\ninterface IHeaderNavState {\r\n anchorEl: HTMLElement | null\r\n navSelected: IAppNav | null\r\n}\r\n\r\nclass AppHeaderNav extends Component<IHeaderNavProps, IHeaderNavState> {\r\n constructor(props: IHeaderNavProps) {\r\n super(props)\r\n this.state = { anchorEl: null, navSelected: null }\r\n }\r\n\r\n render() {\r\n return (\r\n <NavStyled sx={this.props.sx}>\r\n <ul className={appHeaderClasses.navItems}>\r\n {this.props.configs.map((item, index) => (\r\n <li key={index} {...this.getLiProps(item)}>\r\n {item.menu ? (\r\n <SubMenu menu={item.menu} onNavItemClick={this.props.onNavItemClick}>\r\n <ButtonAnimation forceTheme='dark' endIcon={this.renderItemIcon(item)} {...this.getButtonNavProps(item)}>\r\n {item.title}\r\n </ButtonAnimation>\r\n </SubMenu>\r\n ) : (\r\n <ButtonAnimation forceTheme='dark' endIcon={this.renderItemIcon(item)} {...this.getButtonNavProps(item)}>\r\n {item.title}\r\n </ButtonAnimation>\r\n )}\r\n </li>\r\n ))}\r\n </ul>\r\n </NavStyled>\r\n )\r\n }\r\n\r\n getLiProps = (item: IAppNav): React.HTMLProps<HTMLLIElement> => {\r\n const classes = [appHeaderClasses.navItem]\r\n if (this.state.navSelected && this.state.navSelected.title === item.title) {\r\n classes.push(appHeaderClasses.navItemSelected)\r\n }\r\n const props: React.HTMLProps<HTMLLIElement> = { className: classes.join(' ') }\r\n return props\r\n }\r\n\r\n getButtonNavProps = (item: IAppNav): Partial<IButtonAnimationProps> => {\r\n const { buttonNavProps, buttonNavPropsGetter } = this.props.slots || {}\r\n const outsideProps = buttonNavPropsGetter ? buttonNavPropsGetter(item) : buttonNavProps ?? {}\r\n\r\n // Base props từ item\r\n const base: Partial<IButtonAnimationProps> = { ...item.options }\r\n\r\n // Thêm link nếu item có navLink và outside chưa tự set\r\n if (item.navLink && !(outsideProps as any).component) {\r\n base.component = 'a'\r\n ;(base as any).href = item.navLink?.href ?? '/'\r\n }\r\n\r\n return { ...base, ...outsideProps }\r\n }\r\n\r\n renderItemIcon = (nav: IAppNav): ReactNode => {\r\n const menu = toArray(nav.menu)\r\n if (menu.length === 0) return null\r\n return <ExpandMoreIcon className={appHeaderClasses.navItemIcon} />\r\n }\r\n\r\n handleMouseEnter = (e: React.MouseEvent<HTMLLIElement>, item: IAppNav) => {\r\n if (item.menu) {\r\n this.setState({ anchorEl: e.currentTarget, navSelected: item })\r\n }\r\n }\r\n\r\n handleMouseLeave = () => {\r\n this.setState({ anchorEl: null, navSelected: null })\r\n }\r\n\r\n onClickNavItemHandler = (e: RMouseEvent<HTMLAnchorElement, MouseEvent>, nav: IAppNav) => {\r\n if (nav.menu) {\r\n e.preventDefault()\r\n this.setState({ anchorEl: e.currentTarget, navSelected: nav })\r\n return\r\n }\r\n if (nav.navLink && this.props.onNavItemClick) {\r\n // If there's a navLink and an onNavItemClick handler, call it\r\n this.props.onNavItemClick(e, nav.navLink)\r\n }\r\n }\r\n\r\n onCloseMenuHandler = () => {\r\n this.setState({ anchorEl: null, navSelected: null })\r\n }\r\n}\r\nexport default AppHeaderNav\r\n"],"names":["AppHeaderNav","props","_this","_classCallCheck","_callSuper","_defineProperty","item","classes","appHeaderClasses","navItem","state","navSelected","title","push","navItemSelected","className","join","_item$navLink$href","_item$navLink","_ref","slots","buttonNavProps","buttonNavPropsGetter","outsideProps","base","_objectSpread","options","navLink","component","href","nav","toArray","menu","length","_jsx","ExpandMoreIcon","navItemIcon","e","setState","anchorEl","currentTarget","preventDefault","onNavItemClick","_inherits","Component","_createClass","key","value","_this2","this","NavStyled","sx","children","navItems","configs","map","index","getLiProps","SubMenu","ButtonAnimation","forceTheme","endIcon","renderItemIcon","getButtonNavProps"],"mappings":"+dA2BMA,IAAAA,aACJ,SAAAA,EAAYC,GAAsB,IAAAC,EAEkB,OAFlBC,OAAAH,GAChCE,EAAAE,EAAAJ,KAAAA,GAAMC,IAAMI,EAAAH,EA4BD,aAAA,SAACI,GACZ,IAAMC,EAAU,CAACC,EAAiBC,SAKlC,OAJIP,EAAKQ,MAAMC,aAAeT,EAAKQ,MAAMC,YAAYC,QAAUN,EAAKM,OAClEL,EAAQM,KAAKL,EAAiBM,iBAEc,CAAEC,UAAWR,EAAQS,KAAK,QAEzEX,EAAAH,EAEmB,oBAAA,SAACI,GACnB,IAOsDW,EAAAC,EAPtDC,EAAiDjB,EAAKD,MAAMmB,OAAS,CAAE,EAA/DC,EAAcF,EAAdE,eAAgBC,EAAoBH,EAApBG,qBAClBC,EAAeD,EAAuBA,EAAqBhB,GAAQe,QAAAA,EAAkB,CAAE,EAGvFG,EAAIC,KAAwCnB,EAAKoB,SAGnDpB,EAAKqB,UAAaJ,EAAqBK,YACzCJ,EAAKI,UAAY,IACfJ,EAAaK,aAAIZ,UAAAC,EAAGZ,EAAKqB,eAAO,IAAAT,OAAA,EAAZA,EAAcW,YAAI,IAAAZ,EAAAA,EAAI,KAG9C,OAAAQ,EAAAA,EAAYD,CAAAA,EAAAA,GAASD,KACtBlB,EAAAH,EAEgB,iBAAA,SAAC4B,GAEhB,OAAoB,IADPC,EAAQD,EAAIE,MAChBC,OAAqB,KACvBC,EAACC,EAAe,CAAApB,UAAWP,EAAiB4B,gBACpD/B,EAAAH,EAAA,mBAEkB,SAACmC,EAAoC/B,GAClDA,EAAK0B,MACP9B,EAAKoC,SAAS,CAAEC,SAAUF,EAAEG,cAAe7B,YAAaL,MAE3DD,EAAAH,EAAA,mBAEkB,WACjBA,EAAKoC,SAAS,CAAEC,SAAU,KAAM5B,YAAa,SAC9CN,EAAAH,EAAA,wBAEuB,SAACmC,EAA+CP,GACtE,GAAIA,EAAIE,KAGN,OAFAK,EAAEI,sBACFvC,EAAKoC,SAAS,CAAEC,SAAUF,EAAEG,cAAe7B,YAAamB,IAGtDA,EAAIH,SAAWzB,EAAKD,MAAMyC,gBAE5BxC,EAAKD,MAAMyC,eAAeL,EAAGP,EAAIH,WAEpCtB,EAAAH,EAAA,qBAEoB,WACnBA,EAAKoC,SAAS,CAAEC,SAAU,KAAM5B,YAAa,SAjF7CT,EAAKQ,MAAQ,CAAE6B,SAAU,KAAM5B,YAAa,MAAMT,CACpD,CAAC,OAAAyC,EAAA3C,EAJwB4C,GAIxBC,EAAA7C,EAAA,CAAA,CAAA8C,IAAA,SAAAC,MAED,WAAM,IAAAC,EAAAC,KACJ,OACEf,EAACgB,EAAS,CAACC,GAAIF,KAAKhD,MAAMkD,GAAEC,SAC1BlB,QAAInB,UAAWP,EAAiB6C,SAAQD,SACrCH,KAAKhD,MAAMqD,QAAQC,IAAI,SAACjD,EAAMkD,GAAK,OAClCtB,EAAoB,KAAAT,EAAAA,EAAA,CAAA,EAAAuB,EAAKS,WAAWnD,IAAK,GAAA,CAAA8C,SACtC9C,EAAK0B,KACJE,EAACwB,EAAQ,CAAA1B,KAAM1B,EAAK0B,KAAMU,eAAgBM,EAAK/C,MAAMyC,eACnDU,SAAAlB,EAACyB,EAAelC,EAAAA,EAAA,CAACmC,WAAW,OAAOC,QAASb,EAAKc,eAAexD,IAAW0C,EAAKe,kBAAkBzD,IAAK,CAAA,EAAA,CACpG8C,SAAA9C,EAAKM,WAIVsB,EAACyB,EAAelC,EAAAA,EAAA,CAACmC,WAAW,OAAOC,QAASb,EAAKc,eAAexD,IAAW0C,EAAKe,kBAAkBzD,IAAK,CAAA,EAAA,CACpG8C,SAAA9C,EAAKM,WATH4C,EAaV,MAIT,IAAC"}
1
+ {"version":3,"file":"app-header.nav.js","sources":["../../src/layout-global/app-header.nav.tsx"],"sourcesContent":["import { Component } from 'react'\r\nimport type { SxProps, Theme } from '@mui/material'\r\nimport type { MouseEvent as RMouseEvent, ReactNode } from 'react'\r\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore'\r\nimport { toArray } from './helpers'\r\nimport { ButtonAnimation, IButtonAnimationProps } from './animated-tabs.units'\r\nimport { appHeaderClasses, NavStyled } from './app-header.styled'\r\nimport type { IAppNav, NavItemClickFunction } from './types'\r\nimport SubMenu from './sub-menu'\r\n\r\nexport interface IAppHeaderNavSlots {\r\n buttonNavProps?: IButtonAnimationProps\r\n buttonNavPropsGetter?: (item: IAppNav) => Partial<IButtonAnimationProps>\r\n}\r\n\r\nexport interface IHeaderNavProps {\r\n configs: IAppNav[]\r\n sx?: SxProps<Theme>\r\n onNavItemClick?: NavItemClickFunction\r\n slots?: IAppHeaderNavSlots\r\n}\r\n\r\ninterface IHeaderNavState {\r\n anchorEl: HTMLElement | null\r\n navSelected: IAppNav | null\r\n}\r\n\r\nclass AppHeaderNav extends Component<IHeaderNavProps, IHeaderNavState> {\r\n constructor(props: IHeaderNavProps) {\r\n super(props)\r\n this.state = { anchorEl: null, navSelected: null }\r\n }\r\n\r\n render() {\r\n return (\r\n <NavStyled sx={this.props.sx}>\r\n <ul className={appHeaderClasses.navItems}>\r\n {this.props.configs.map((item, index) => (\r\n <li key={index} {...this.getLiProps(item)}>\r\n {item.menu ? (\r\n <SubMenu menu={item.menu} onNavItemClick={this.props.onNavItemClick}>\r\n <ButtonAnimation forceTheme='dark' endIcon={this.renderItemIcon(item)} {...this.getButtonNavProps(item)}>\r\n {item.title}\r\n </ButtonAnimation>\r\n </SubMenu>\r\n ) : (\r\n <ButtonAnimation forceTheme='dark' endIcon={this.renderItemIcon(item)} {...this.getButtonNavProps(item)}>\r\n {item.title}\r\n </ButtonAnimation>\r\n )}\r\n </li>\r\n ))}\r\n </ul>\r\n </NavStyled>\r\n )\r\n }\r\n\r\n getLiProps = (item: IAppNav): React.HTMLProps<HTMLLIElement> => {\r\n const classes = [appHeaderClasses.navItem]\r\n if (this.state.navSelected && this.state.navSelected.title === item.title) {\r\n classes.push(appHeaderClasses.navItemSelected)\r\n }\r\n const props: React.HTMLProps<HTMLLIElement> = { className: classes.join(' ') }\r\n return props\r\n }\r\n\r\n getButtonNavProps = (item: IAppNav): Partial<IButtonAnimationProps> => {\r\n const { buttonNavProps, buttonNavPropsGetter } = this.props.slots || {}\r\n const outsideProps = buttonNavPropsGetter ? buttonNavPropsGetter(item) : buttonNavProps ?? {}\r\n\r\n // Base props từ item\r\n const base: Partial<IButtonAnimationProps & { [key: string]: any }> = {\r\n ...item.options\r\n }\r\n\r\n // Thêm link nếu item có navLink và outside chưa tự set\r\n if (item.navLink && !(outsideProps as any).component) {\r\n base.component = 'a'\r\n base.href = item.navLink?.href ?? '/'\r\n base.onClick = (e: any) => this.handleClickNavItem(e, item)\r\n }\r\n\r\n return { ...base, ...outsideProps }\r\n }\r\n\r\n renderItemIcon = (nav: IAppNav): ReactNode => {\r\n const menu = toArray(nav.menu)\r\n if (menu.length === 0) return null\r\n return <ExpandMoreIcon className={appHeaderClasses.navItemIcon} />\r\n }\r\n\r\n handleMouseEnter = (e: React.MouseEvent<HTMLLIElement>, item: IAppNav) => {\r\n if (item.menu) {\r\n this.setState({ anchorEl: e.currentTarget, navSelected: item })\r\n }\r\n }\r\n\r\n handleMouseLeave = () => {\r\n this.setState({ anchorEl: null, navSelected: null })\r\n }\r\n\r\n handleClickNavItem = (e: RMouseEvent<HTMLAnchorElement, MouseEvent>, nav?: IAppNav) => {\r\n if (nav?.menu) {\r\n e.preventDefault()\r\n this.setState({ anchorEl: e.currentTarget, navSelected: nav })\r\n return\r\n }\r\n if (nav?.navLink && this.props.onNavItemClick) {\r\n // If there's a navLink and an onNavItemClick handler, call it\r\n this.props.onNavItemClick(e, nav.navLink)\r\n }\r\n }\r\n\r\n onCloseMenuHandler = () => {\r\n this.setState({ anchorEl: null, navSelected: null })\r\n }\r\n}\r\nexport default AppHeaderNav\r\n"],"names":["AppHeaderNav","props","_this","_classCallCheck","_callSuper","_defineProperty","item","classes","appHeaderClasses","navItem","state","navSelected","title","push","navItemSelected","className","join","_item$navLink$href","_item$navLink","_ref","slots","buttonNavProps","buttonNavPropsGetter","outsideProps","base","_objectSpread","options","navLink","component","href","onClick","e","handleClickNavItem","nav","toArray","menu","length","_jsx","ExpandMoreIcon","navItemIcon","setState","anchorEl","currentTarget","preventDefault","onNavItemClick","_inherits","Component","_createClass","key","value","_this2","this","NavStyled","sx","children","navItems","configs","map","index","getLiProps","SubMenu","ButtonAnimation","forceTheme","endIcon","renderItemIcon","getButtonNavProps"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- import{defineProperty as i}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as t}from"react/jsx-runtime";import e from"@mui/icons-material/Reddit";import n from"@mui/icons-material/YouTube";import o from"@mui/icons-material/Twitter";import r from"@mui/icons-material/Instagram";import a from"@mui/icons-material/Pinterest";import{IconVideoBase64 as s,IconAudioBase64 as c}from"./animated-tabs.units.js";import{ENavKey as m}from"./types.js";var u,l="images/logo.webp",v="images/bg-footer.webp",L=[{link:"https://www.youtube.com",icon:t(n,{}),color:"#FF0000"},{link:"https://www.instagram.com",icon:t(r,{}),color:"#E4405F"},{link:"https://www.twitter.com",icon:t(o,{}),color:"#1DA1F2"},{link:"https://www.pinterest.com",icon:t(a,{}),color:"#BD081C"},{link:"https://www.reddit.com",icon:t(e,{}),color:"#FF4500"}],p=(i(i(i(i(i(i(i(i(i(i(u={},m.Home,"Home"),m.Pricing,"Pricing"),m.SubmitMedia,"Submit Media"),m.Faqs,"FAQs"),m.Videos,"Videos"),m.Audios,"Audios"),m.Privacy,"Privacy Policy"),m.Terms,"Terms of Submission"),m.About,"About Us"),m.CreateAccount,"Create Account"),i(i(u,m.ContactUs,"Contact Us"),m.PurchaseLicenses,"Purchase Licenses")),h=function(i){return JSON.stringify(i)},d=function(t){var e;return i(i(i(i(i(i(i(i(i(i(e={},m.Home,{site:"home",href:t.home,options:h({toLocate:"home"})}),m.Pricing,{site:"home",href:t.home+"/#Pricing",options:h({toLocate:"pricing"})}),m.Faqs,{site:"home",href:t.home+"/#Faq",options:h({toLocate:"faqs"})}),m.About,{site:"home",href:t.home+"/#About",options:h({toLocate:"about"})}),m.ContactUs,{site:"home",href:t.home+"/#Contact",options:h({toLocate:"contact"})}),m.Videos,{site:"client",href:t.client,routerPath:"/",options:h({tabKey:"video"})}),m.PurchaseLicenses,{site:"client",href:t.client+"/purchase-licenses",routerPath:"/purchase-licenses"}),m.SubmitMedia,{site:"client",href:t.client+"/submit",routerPath:"/submit"}),m.Privacy,{site:"client",href:t.client+"/privacy-policy",routerPath:"/privacy-policy"}),m.Terms,{site:"client",href:t.client+"/terms-of-submission",routerPath:"/terms-of-submission"}),i(i(e,m.CreateAccount,{site:"client",href:t.home+"/Identity/Account/Register"}),m.Audios,{site:"music",href:t.music,routerPath:"/",options:h({tabKey:"audio"})})},k=function(i){var t=d(i);return[{title:"Media",items:[{title:p[m.Videos],icon:s,navLink:t[m.Videos]},{title:p[m.Audios],icon:c,navLink:t[m.Audios]}]},{title:"Quick Actions",items:[{title:p[m.SubmitMedia],navLink:t[m.SubmitMedia]},{title:p[m.Pricing],navLink:t[m.Pricing]},{title:p[m.Faqs],navLink:t[m.Faqs]}]},{title:"Support & Info",items:[{title:p[m.Pricing],navLink:t[m.Pricing]},{title:p[m.About],navLink:t[m.About]},{title:p[m.Faqs],navLink:t[m.Faqs]},{title:p[m.Terms],navLink:t[m.Terms]},{title:p[m.Privacy],navLink:t[m.Privacy]}]}]},f=function(i){var t=d(i);return[{title:p[m.Home],navLink:t[m.Home]},{title:p[m.Pricing],navLink:t[m.Pricing]},{title:p[m.SubmitMedia],navLink:t[m.SubmitMedia]},{title:p[m.Faqs],navLink:t[m.Faqs]},{title:p[m.Videos],navLink:t[m.Videos],options:{startIcon:s}},{title:p[m.Audios],navLink:t[m.Audios],options:{startIcon:c}},{title:"Get Started",menu:k(i)}]},P=function(i){var t=d(i);return[{title:p[m.Home],navLink:t[m.Home]},{title:p[m.Pricing],navLink:t[m.Pricing]},{title:p[m.About],navLink:t[m.About]},{title:p[m.Terms],navLink:t[m.Terms]},{title:p[m.Privacy],navLink:t[m.Privacy]},{title:p[m.CreateAccount],navLink:t[m.CreateAccount]},{title:p[m.Faqs],navLink:t[m.Faqs]},{title:p[m.ContactUs],navLink:t[m.ContactUs]},{title:p[m.SubmitMedia],navLink:t[m.SubmitMedia]},{title:p[m.PurchaseLicenses],navLink:t[m.PurchaseLicenses]}]},b="We provide licensing services for music, images, and digital media,\ncopyright management, revenue optimization, and legal representation\nfor creators across multiple platforms.",g=function(){var i=(new Date).getFullYear();return"Copyright © 2024".concat(i>2024?" - ".concat(i):""," BERLINTOMEK. All rights reserved.")},A=function(i){var t=d(i);return[{title:p[m.Videos],navLink:t[m.Videos],options:{startIcon:s}},{title:p[m.Audios],navLink:t[m.Audios],options:{startIcon:c}}]},y=function(i){var t=d(i);return[[{title:p[m.Home],navLink:t[m.Home]},{title:p[m.Pricing],navLink:t[m.Pricing]},{title:p[m.About],navLink:t[m.About]},{title:p[m.Terms],navLink:t[m.Terms]},{title:p[m.Privacy],navLink:t[m.Privacy]}],[{title:p[m.CreateAccount],navLink:t[m.CreateAccount]},{title:p[m.Faqs],navLink:t[m.Faqs]},{title:p[m.ContactUs],navLink:t[m.ContactUs]},{title:p[m.SubmitMedia],navLink:t[m.SubmitMedia]},{title:p[m.PurchaseLicenses],navLink:t[m.PurchaseLicenses]}]]};export{l as appLogoUrl,L as appSocialConfigs,v as bgFooterUrl,b as footerDescription,g as getCopyrightText,y as getFooterNavConfigs,A as getFooterNavTabConfigs,k as getHeaderMenuConfigs,f as getHeaderNavConfigs,P as getMenuNavConfigs,d as getNavLinks,p as mapNavTitles};
1
+ import{defineProperty as i}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as t}from"react/jsx-runtime";import e from"@mui/icons-material/Reddit";import n from"@mui/icons-material/YouTube";import o from"@mui/icons-material/Twitter";import r from"@mui/icons-material/Instagram";import a from"@mui/icons-material/Pinterest";import{IconVideoBase64 as s,IconAudioBase64 as c}from"./animated-tabs.units.js";import{ENavKey as m}from"./types.js";var u,l="images/logo.webp",v="images/bg-footer.webp",L=[{link:"https://www.youtube.com",icon:t(n,{}),color:"#FF0000"},{link:"https://www.instagram.com",icon:t(r,{}),color:"#E4405F"},{link:"https://www.twitter.com",icon:t(o,{}),color:"#1DA1F2"},{link:"https://www.pinterest.com",icon:t(a,{}),color:"#BD081C"},{link:"https://www.reddit.com",icon:t(e,{}),color:"#FF4500"}],p=(i(i(i(i(i(i(i(i(i(i(u={},m.Home,"Home"),m.Pricing,"Pricing"),m.SubmitMedia,"Submit Media"),m.Faqs,"FAQs"),m.Videos,"Videos"),m.Audios,"Audios"),m.Privacy,"Privacy Policy"),m.Terms,"Terms of Submission"),m.About,"About Us"),m.CreateAccount,"Create Account"),i(i(u,m.ContactUs,"Contact Us"),m.PurchaseLicenses,"Purchase Licenses")),h=function(i){return JSON.stringify(i)},d=function(t){var e;return i(i(i(i(i(i(i(i(i(i(e={},m.Home,{site:"home",href:t.home,options:h({toLocate:"home"})}),m.Pricing,{site:"home",href:t.home+"/#Pricing",options:h({toLocate:"pricing"})}),m.Faqs,{site:"home",href:t.home+"/#Faq",options:h({toLocate:"faqs"})}),m.About,{site:"home",href:t.home+"/#About",options:h({toLocate:"about"})}),m.ContactUs,{site:"home",href:t.home+"/#Contact",options:h({toLocate:"contact"})}),m.Videos,{site:"client",href:t.client,routerPath:"/",options:h({tabKey:"video"})}),m.PurchaseLicenses,{site:"client",href:t.client+"/purchase-licenses",routerPath:"/purchase-licenses"}),m.SubmitMedia,{site:"client",href:t.client+"/submit",routerPath:"/submit"}),m.Privacy,{site:"client",href:t.client+"/privacy-policy",routerPath:"/privacy-policy"}),m.Terms,{site:"client",href:t.client+"/terms-of-submission",routerPath:"/terms-of-submission"}),i(i(e,m.CreateAccount,{site:"client",href:t.home+"/Identity/Account/Register"}),m.Audios,{site:"music",href:t.music,routerPath:"/",options:h({tabKey:"audio"})})},k=function(i){var t=d(i);return[{title:"Media",items:[{title:p[m.Videos],icon:s,navLink:t[m.Videos]},{title:p[m.Audios],icon:c,navLink:t[m.Audios]}]},{title:"Quick Actions",items:[{title:p[m.SubmitMedia],navLink:t[m.SubmitMedia]},{title:p[m.Pricing],navLink:t[m.Pricing]},{title:p[m.Faqs],navLink:t[m.Faqs]}]},{title:"Support & Info",items:[{title:p[m.About],navLink:t[m.About]},{title:p[m.Faqs],navLink:t[m.Faqs]},{title:p[m.Terms],navLink:t[m.Terms]},{title:p[m.Privacy],navLink:t[m.Privacy]}]}]},f=function(i){var t=d(i);return[{title:p[m.Home],navLink:t[m.Home]},{title:p[m.Pricing],navLink:t[m.Pricing]},{title:p[m.Faqs],navLink:t[m.Faqs]},{title:p[m.SubmitMedia],navLink:t[m.SubmitMedia]},{title:p[m.Videos],navLink:t[m.Videos],options:{startIcon:s}},{title:p[m.Audios],navLink:t[m.Audios],options:{startIcon:c}},{title:"Get Started",menu:k(i)}]},P=function(i){var t=d(i);return[{title:p[m.Home],navLink:t[m.Home]},{title:p[m.Pricing],navLink:t[m.Pricing]},{title:p[m.About],navLink:t[m.About]},{title:p[m.Terms],navLink:t[m.Terms]},{title:p[m.Privacy],navLink:t[m.Privacy]},{title:p[m.CreateAccount],navLink:t[m.CreateAccount]},{title:p[m.Faqs],navLink:t[m.Faqs]},{title:p[m.ContactUs],navLink:t[m.ContactUs]},{title:p[m.SubmitMedia],navLink:t[m.SubmitMedia]},{title:p[m.PurchaseLicenses],navLink:t[m.PurchaseLicenses]}]},b="We provide licensing services for music, images, and digital media,\ncopyright management, revenue optimization, and legal representation\nfor creators across multiple platforms.",g=function(){var i=(new Date).getFullYear();return"Copyright © 2024".concat(i>2024?" - ".concat(i):""," BERLINTOMEK. All rights reserved.")},A=function(i){var t=d(i);return[{title:p[m.Videos],navLink:t[m.Videos],options:{startIcon:s}},{title:p[m.Audios],navLink:t[m.Audios],options:{startIcon:c}}]},y=function(i){var t=d(i);return[[{title:p[m.Home],navLink:t[m.Home]},{title:p[m.Pricing],navLink:t[m.Pricing]},{title:p[m.About],navLink:t[m.About]},{title:p[m.Terms],navLink:t[m.Terms]},{title:p[m.Privacy],navLink:t[m.Privacy]}],[{title:p[m.CreateAccount],navLink:t[m.CreateAccount]},{title:p[m.Faqs],navLink:t[m.Faqs]},{title:p[m.ContactUs],navLink:t[m.ContactUs]},{title:p[m.SubmitMedia],navLink:t[m.SubmitMedia]},{title:p[m.PurchaseLicenses],navLink:t[m.PurchaseLicenses]}]]};export{l as appLogoUrl,L as appSocialConfigs,v as bgFooterUrl,b as footerDescription,g as getCopyrightText,y as getFooterNavConfigs,A as getFooterNavTabConfigs,k as getHeaderMenuConfigs,f as getHeaderNavConfigs,P as getMenuNavConfigs,d as getNavLinks,p as mapNavTitles};
2
2
  //# sourceMappingURL=configs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"configs.js","sources":["../../src/layout-global/configs.tsx"],"sourcesContent":["import RedditIcon from '@mui/icons-material/Reddit'\r\nimport YouTubeIcon from '@mui/icons-material/YouTube'\r\nimport TwitterIcon from '@mui/icons-material/Twitter'\r\nimport InstagramIcon from '@mui/icons-material/Instagram'\r\nimport PinterestIcon from '@mui/icons-material/Pinterest'\r\nimport { IconAudioBase64, IconVideoBase64 } from './animated-tabs.units'\r\nimport { IAppMenu, IAppNav, IAppSocial, ENavKey, INavLink, INavLinkOptions } from './types'\r\nimport type { IAppSiteBaseUrl } from '../types'\r\n\r\nexport const appLogoUrl = 'images/logo.webp'\r\nexport const getAppLogoUrl = (base: IAppSiteBaseUrl) => base.client + appLogoUrl\r\n\r\nexport const bgFooterUrl = 'images/bg-footer.webp'\r\nexport const getBgFooterUrl = (base: IAppSiteBaseUrl) => base.client + bgFooterUrl\r\n\r\nexport const appSocialConfigs: IAppSocial[] = [\r\n { link: 'https://www.youtube.com', icon: <YouTubeIcon />, color: '#FF0000' },\r\n { link: 'https://www.instagram.com', icon: <InstagramIcon />, color: '#E4405F' },\r\n { link: 'https://www.twitter.com', icon: <TwitterIcon />, color: '#1DA1F2' },\r\n { link: 'https://www.pinterest.com', icon: <PinterestIcon />, color: '#BD081C' },\r\n { link: 'https://www.reddit.com', icon: <RedditIcon />, color: '#FF4500' }\r\n]\r\n\r\nexport const mapNavTitles: Record<ENavKey, string> = {\r\n [ENavKey.Home]: 'Home',\r\n [ENavKey.Pricing]: 'Pricing',\r\n [ENavKey.SubmitMedia]: 'Submit Media',\r\n [ENavKey.Faqs]: 'FAQs',\r\n [ENavKey.Videos]: 'Videos',\r\n [ENavKey.Audios]: 'Audios',\r\n [ENavKey.Privacy]: 'Privacy Policy',\r\n [ENavKey.Terms]: 'Terms of Submission',\r\n [ENavKey.About]: 'About Us',\r\n [ENavKey.CreateAccount]: 'Create Account',\r\n [ENavKey.ContactUs]: 'Contact Us',\r\n [ENavKey.PurchaseLicenses]: 'Purchase Licenses'\r\n}\r\n\r\nconst getNavLinkOptions = (options: INavLinkOptions): string => {\r\n return JSON.stringify(options)\r\n}\r\n\r\nexport const getNavLinks: (baseUrl: IAppSiteBaseUrl) => Record<ENavKey, INavLink> = (baseUrl) => ({\r\n [ENavKey.Home]: { site: 'home', href: baseUrl.home, options: getNavLinkOptions({ toLocate: 'home' }) },\r\n [ENavKey.Pricing]: { site: 'home', href: baseUrl.home + '/#Pricing', options: getNavLinkOptions({ toLocate: 'pricing' }) },\r\n [ENavKey.Faqs]: { site: 'home', href: baseUrl.home + '/#Faq', options: getNavLinkOptions({ toLocate: 'faqs' }) },\r\n [ENavKey.About]: { site: 'home', href: baseUrl.home + '/#About', options: getNavLinkOptions({ toLocate: 'about' }) },\r\n [ENavKey.ContactUs]: { site: 'home', href: baseUrl.home + '/#Contact', options: getNavLinkOptions({ toLocate: 'contact' }) },\r\n [ENavKey.Videos]: { site: 'client', href: baseUrl.client, routerPath: '/', options: getNavLinkOptions({ tabKey: 'video' }) },\r\n [ENavKey.PurchaseLicenses]: { site: 'client', href: baseUrl.client + '/purchase-licenses', routerPath: '/purchase-licenses' },\r\n [ENavKey.SubmitMedia]: { site: 'client', href: baseUrl.client + '/submit', routerPath: '/submit' },\r\n [ENavKey.Privacy]: { site: 'client', href: baseUrl.client + '/privacy-policy', routerPath: '/privacy-policy' },\r\n [ENavKey.Terms]: { site: 'client', href: baseUrl.client + '/terms-of-submission', routerPath: '/terms-of-submission' },\r\n [ENavKey.CreateAccount]: { site: 'client', href: baseUrl.home + '/Identity/Account/Register' },\r\n [ENavKey.Audios]: { site: 'music', href: baseUrl.music, routerPath: '/', options: getNavLinkOptions({ tabKey: 'audio' }) }\r\n})\r\n\r\nexport const getHeaderMenuConfigs: (baseUrl: IAppSiteBaseUrl) => IAppMenu[] = (baseUrl) => {\r\n const navLinks = getNavLinks(baseUrl)\r\n return [\r\n {\r\n title: 'Media',\r\n items: [\r\n { title: mapNavTitles[ENavKey.Videos], icon: IconVideoBase64, navLink: navLinks[ENavKey.Videos] },\r\n { title: mapNavTitles[ENavKey.Audios], icon: IconAudioBase64, navLink: navLinks[ENavKey.Audios] }\r\n ]\r\n },\r\n {\r\n title: 'Quick Actions',\r\n items: [\r\n { title: mapNavTitles[ENavKey.SubmitMedia], navLink: navLinks[ENavKey.SubmitMedia] },\r\n { title: mapNavTitles[ENavKey.Pricing], navLink: navLinks[ENavKey.Pricing] },\r\n { title: mapNavTitles[ENavKey.Faqs], navLink: navLinks[ENavKey.Faqs] }\r\n ]\r\n },\r\n {\r\n title: 'Support & Info',\r\n items: [\r\n { title: mapNavTitles[ENavKey.Pricing], navLink: navLinks[ENavKey.Pricing] },\r\n { title: mapNavTitles[ENavKey.About], navLink: navLinks[ENavKey.About] },\r\n { title: mapNavTitles[ENavKey.Faqs], navLink: navLinks[ENavKey.Faqs] },\r\n { title: mapNavTitles[ENavKey.Terms], navLink: navLinks[ENavKey.Terms] },\r\n { title: mapNavTitles[ENavKey.Privacy], navLink: navLinks[ENavKey.Privacy] }\r\n ]\r\n }\r\n ]\r\n}\r\n\r\nexport const getHeaderNavConfigs: (baseUrl: IAppSiteBaseUrl) => IAppNav[] = (baseUrl) => {\r\n const navLinks = getNavLinks(baseUrl)\r\n return [\r\n { title: mapNavTitles[ENavKey.Home], navLink: navLinks[ENavKey.Home] },\r\n { title: mapNavTitles[ENavKey.Pricing], navLink: navLinks[ENavKey.Pricing] },\r\n { title: mapNavTitles[ENavKey.SubmitMedia], navLink: navLinks[ENavKey.SubmitMedia] },\r\n { title: mapNavTitles[ENavKey.Faqs], navLink: navLinks[ENavKey.Faqs] },\r\n { title: mapNavTitles[ENavKey.Videos], navLink: navLinks[ENavKey.Videos], options: { startIcon: IconVideoBase64 } },\r\n { title: mapNavTitles[ENavKey.Audios], navLink: navLinks[ENavKey.Audios], options: { startIcon: IconAudioBase64 } },\r\n { title: 'Get Started', menu: getHeaderMenuConfigs(baseUrl) }\r\n ]\r\n}\r\n\r\nexport const getMenuNavConfigs: (baseUrl: IAppSiteBaseUrl) => IAppNav[] = (baseUrl) => {\r\n const navLinks = getNavLinks(baseUrl)\r\n return [\r\n { title: mapNavTitles[ENavKey.Home], navLink: navLinks[ENavKey.Home] },\r\n { title: mapNavTitles[ENavKey.Pricing], navLink: navLinks[ENavKey.Pricing] },\r\n { title: mapNavTitles[ENavKey.About], navLink: navLinks[ENavKey.About] },\r\n { title: mapNavTitles[ENavKey.Terms], navLink: navLinks[ENavKey.Terms] },\r\n { title: mapNavTitles[ENavKey.Privacy], navLink: navLinks[ENavKey.Privacy] },\r\n { title: mapNavTitles[ENavKey.CreateAccount], navLink: navLinks[ENavKey.CreateAccount] },\r\n { title: mapNavTitles[ENavKey.Faqs], navLink: navLinks[ENavKey.Faqs] },\r\n { title: mapNavTitles[ENavKey.ContactUs], navLink: navLinks[ENavKey.ContactUs] },\r\n { title: mapNavTitles[ENavKey.SubmitMedia], navLink: navLinks[ENavKey.SubmitMedia] },\r\n { title: mapNavTitles[ENavKey.PurchaseLicenses], navLink: navLinks[ENavKey.PurchaseLicenses] }\r\n ]\r\n}\r\n\r\nexport const footerDescription = `We provide licensing services for music, images, and digital media,\\ncopyright management, revenue optimization, and legal representation\\nfor creators across multiple platforms.`\r\n\r\nexport const getCopyrightText = () => {\r\n const currentYear = new Date().getFullYear()\r\n return `Copyright © 2024${currentYear > 2024 ? ` - ${currentYear}` : ''} BERLINTOMEK. All rights reserved.`\r\n}\r\n\r\nexport const getFooterNavTabConfigs: (baseUrl: IAppSiteBaseUrl) => IAppNav[] = (baseUrl) => {\r\n const navLinks = getNavLinks(baseUrl)\r\n return [\r\n { title: mapNavTitles[ENavKey.Videos], navLink: navLinks[ENavKey.Videos], options: { startIcon: IconVideoBase64 } },\r\n { title: mapNavTitles[ENavKey.Audios], navLink: navLinks[ENavKey.Audios], options: { startIcon: IconAudioBase64 } }\r\n ]\r\n}\r\n\r\nexport const getFooterNavConfigs: (baseUrl: IAppSiteBaseUrl) => IAppNav[][] = (baseUrl) => {\r\n const navLinks = getNavLinks(baseUrl)\r\n return [\r\n [\r\n { title: mapNavTitles[ENavKey.Home], navLink: navLinks[ENavKey.Home] },\r\n { title: mapNavTitles[ENavKey.Pricing], navLink: navLinks[ENavKey.Pricing] },\r\n { title: mapNavTitles[ENavKey.About], navLink: navLinks[ENavKey.About] },\r\n { title: mapNavTitles[ENavKey.Terms], navLink: navLinks[ENavKey.Terms] },\r\n { title: mapNavTitles[ENavKey.Privacy], navLink: navLinks[ENavKey.Privacy] }\r\n ],\r\n [\r\n { title: mapNavTitles[ENavKey.CreateAccount], navLink: navLinks[ENavKey.CreateAccount] },\r\n { title: mapNavTitles[ENavKey.Faqs], navLink: navLinks[ENavKey.Faqs] },\r\n { title: mapNavTitles[ENavKey.ContactUs], navLink: navLinks[ENavKey.ContactUs] },\r\n { title: mapNavTitles[ENavKey.SubmitMedia], navLink: navLinks[ENavKey.SubmitMedia] },\r\n { title: mapNavTitles[ENavKey.PurchaseLicenses], navLink: navLinks[ENavKey.PurchaseLicenses] }\r\n ]\r\n ]\r\n}\r\n"],"names":["appLogoUrl","bgFooterUrl","appSocialConfigs","link","icon","_jsx","YouTubeIcon","color","InstagramIcon","TwitterIcon","PinterestIcon","RedditIcon","mapNavTitles","_defineProperty","_mapNavTitles","ENavKey","Home","Pricing","SubmitMedia","Faqs","Videos","Audios","Privacy","Terms","About","CreateAccount","ContactUs","PurchaseLicenses","getNavLinkOptions","options","JSON","stringify","getNavLinks","baseUrl","_ref","site","href","home","toLocate","client","routerPath","tabKey","music","getHeaderMenuConfigs","navLinks","title","items","IconVideoBase64","navLink","IconAudioBase64","getHeaderNavConfigs","startIcon","menu","getMenuNavConfigs","footerDescription","getCopyrightText","currentYear","Date","getFullYear","concat","getFooterNavTabConfigs","getFooterNavConfigs"],"mappings":"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"}
1
+ {"version":3,"file":"configs.js","sources":["../../src/layout-global/configs.tsx"],"sourcesContent":["import RedditIcon from '@mui/icons-material/Reddit'\r\nimport YouTubeIcon from '@mui/icons-material/YouTube'\r\nimport TwitterIcon from '@mui/icons-material/Twitter'\r\nimport InstagramIcon from '@mui/icons-material/Instagram'\r\nimport PinterestIcon from '@mui/icons-material/Pinterest'\r\nimport { IconAudioBase64, IconVideoBase64 } from './animated-tabs.units'\r\nimport { IAppMenu, IAppNav, IAppSocial, ENavKey, INavLink, INavLinkOptions } from './types'\r\nimport type { IAppSiteBaseUrl } from '../types'\r\n\r\nexport const appLogoUrl = 'images/logo.webp'\r\nexport const getAppLogoUrl = (base: IAppSiteBaseUrl) => base.client + appLogoUrl\r\n\r\nexport const bgFooterUrl = 'images/bg-footer.webp'\r\nexport const getBgFooterUrl = (base: IAppSiteBaseUrl) => base.client + bgFooterUrl\r\n\r\nexport const appSocialConfigs: IAppSocial[] = [\r\n { link: 'https://www.youtube.com', icon: <YouTubeIcon />, color: '#FF0000' },\r\n { link: 'https://www.instagram.com', icon: <InstagramIcon />, color: '#E4405F' },\r\n { link: 'https://www.twitter.com', icon: <TwitterIcon />, color: '#1DA1F2' },\r\n { link: 'https://www.pinterest.com', icon: <PinterestIcon />, color: '#BD081C' },\r\n { link: 'https://www.reddit.com', icon: <RedditIcon />, color: '#FF4500' }\r\n]\r\n\r\nexport const mapNavTitles: Record<ENavKey, string> = {\r\n [ENavKey.Home]: 'Home',\r\n [ENavKey.Pricing]: 'Pricing',\r\n [ENavKey.SubmitMedia]: 'Submit Media',\r\n [ENavKey.Faqs]: 'FAQs',\r\n [ENavKey.Videos]: 'Videos',\r\n [ENavKey.Audios]: 'Audios',\r\n [ENavKey.Privacy]: 'Privacy Policy',\r\n [ENavKey.Terms]: 'Terms of Submission',\r\n [ENavKey.About]: 'About Us',\r\n [ENavKey.CreateAccount]: 'Create Account',\r\n [ENavKey.ContactUs]: 'Contact Us',\r\n [ENavKey.PurchaseLicenses]: 'Purchase Licenses'\r\n}\r\n\r\nconst getNavLinkOptions = (options: INavLinkOptions): string => {\r\n return JSON.stringify(options)\r\n}\r\n\r\nexport const getNavLinks: (baseUrl: IAppSiteBaseUrl) => Record<ENavKey, INavLink> = (baseUrl) => ({\r\n [ENavKey.Home]: { site: 'home', href: baseUrl.home, options: getNavLinkOptions({ toLocate: 'home' }) },\r\n [ENavKey.Pricing]: { site: 'home', href: baseUrl.home + '/#Pricing', options: getNavLinkOptions({ toLocate: 'pricing' }) },\r\n [ENavKey.Faqs]: { site: 'home', href: baseUrl.home + '/#Faq', options: getNavLinkOptions({ toLocate: 'faqs' }) },\r\n [ENavKey.About]: { site: 'home', href: baseUrl.home + '/#About', options: getNavLinkOptions({ toLocate: 'about' }) },\r\n [ENavKey.ContactUs]: { site: 'home', href: baseUrl.home + '/#Contact', options: getNavLinkOptions({ toLocate: 'contact' }) },\r\n [ENavKey.Videos]: { site: 'client', href: baseUrl.client, routerPath: '/', options: getNavLinkOptions({ tabKey: 'video' }) },\r\n [ENavKey.PurchaseLicenses]: { site: 'client', href: baseUrl.client + '/purchase-licenses', routerPath: '/purchase-licenses' },\r\n [ENavKey.SubmitMedia]: { site: 'client', href: baseUrl.client + '/submit', routerPath: '/submit' },\r\n [ENavKey.Privacy]: { site: 'client', href: baseUrl.client + '/privacy-policy', routerPath: '/privacy-policy' },\r\n [ENavKey.Terms]: { site: 'client', href: baseUrl.client + '/terms-of-submission', routerPath: '/terms-of-submission' },\r\n [ENavKey.CreateAccount]: { site: 'client', href: baseUrl.home + '/Identity/Account/Register' },\r\n [ENavKey.Audios]: { site: 'music', href: baseUrl.music, routerPath: '/', options: getNavLinkOptions({ tabKey: 'audio' }) }\r\n})\r\n\r\nexport const getHeaderMenuConfigs: (baseUrl: IAppSiteBaseUrl) => IAppMenu[] = (baseUrl) => {\r\n const navLinks = getNavLinks(baseUrl)\r\n return [\r\n {\r\n title: 'Media',\r\n items: [\r\n { title: mapNavTitles[ENavKey.Videos], icon: IconVideoBase64, navLink: navLinks[ENavKey.Videos] },\r\n { title: mapNavTitles[ENavKey.Audios], icon: IconAudioBase64, navLink: navLinks[ENavKey.Audios] }\r\n ]\r\n },\r\n {\r\n title: 'Quick Actions',\r\n items: [\r\n { title: mapNavTitles[ENavKey.SubmitMedia], navLink: navLinks[ENavKey.SubmitMedia] },\r\n { title: mapNavTitles[ENavKey.Pricing], navLink: navLinks[ENavKey.Pricing] },\r\n { title: mapNavTitles[ENavKey.Faqs], navLink: navLinks[ENavKey.Faqs] }\r\n ]\r\n },\r\n {\r\n title: 'Support & Info',\r\n items: [\r\n { title: mapNavTitles[ENavKey.About], navLink: navLinks[ENavKey.About] },\r\n { title: mapNavTitles[ENavKey.Faqs], navLink: navLinks[ENavKey.Faqs] },\r\n { title: mapNavTitles[ENavKey.Terms], navLink: navLinks[ENavKey.Terms] },\r\n { title: mapNavTitles[ENavKey.Privacy], navLink: navLinks[ENavKey.Privacy] }\r\n ]\r\n }\r\n ]\r\n}\r\n\r\nexport const getHeaderNavConfigs: (baseUrl: IAppSiteBaseUrl) => IAppNav[] = (baseUrl) => {\r\n const navLinks = getNavLinks(baseUrl)\r\n return [\r\n { title: mapNavTitles[ENavKey.Home], navLink: navLinks[ENavKey.Home] },\r\n { title: mapNavTitles[ENavKey.Pricing], navLink: navLinks[ENavKey.Pricing] },\r\n { title: mapNavTitles[ENavKey.Faqs], navLink: navLinks[ENavKey.Faqs] },\r\n { title: mapNavTitles[ENavKey.SubmitMedia], navLink: navLinks[ENavKey.SubmitMedia] },\r\n { title: mapNavTitles[ENavKey.Videos], navLink: navLinks[ENavKey.Videos], options: { startIcon: IconVideoBase64 } },\r\n { title: mapNavTitles[ENavKey.Audios], navLink: navLinks[ENavKey.Audios], options: { startIcon: IconAudioBase64 } },\r\n { title: 'Get Started', menu: getHeaderMenuConfigs(baseUrl) }\r\n ]\r\n}\r\n\r\nexport const getMenuNavConfigs: (baseUrl: IAppSiteBaseUrl) => IAppNav[] = (baseUrl) => {\r\n const navLinks = getNavLinks(baseUrl)\r\n return [\r\n { title: mapNavTitles[ENavKey.Home], navLink: navLinks[ENavKey.Home] },\r\n { title: mapNavTitles[ENavKey.Pricing], navLink: navLinks[ENavKey.Pricing] },\r\n { title: mapNavTitles[ENavKey.About], navLink: navLinks[ENavKey.About] },\r\n { title: mapNavTitles[ENavKey.Terms], navLink: navLinks[ENavKey.Terms] },\r\n { title: mapNavTitles[ENavKey.Privacy], navLink: navLinks[ENavKey.Privacy] },\r\n { title: mapNavTitles[ENavKey.CreateAccount], navLink: navLinks[ENavKey.CreateAccount] },\r\n { title: mapNavTitles[ENavKey.Faqs], navLink: navLinks[ENavKey.Faqs] },\r\n { title: mapNavTitles[ENavKey.ContactUs], navLink: navLinks[ENavKey.ContactUs] },\r\n { title: mapNavTitles[ENavKey.SubmitMedia], navLink: navLinks[ENavKey.SubmitMedia] },\r\n { title: mapNavTitles[ENavKey.PurchaseLicenses], navLink: navLinks[ENavKey.PurchaseLicenses] }\r\n ]\r\n}\r\n\r\nexport const footerDescription = `We provide licensing services for music, images, and digital media,\\ncopyright management, revenue optimization, and legal representation\\nfor creators across multiple platforms.`\r\n\r\nexport const getCopyrightText = () => {\r\n const currentYear = new Date().getFullYear()\r\n return `Copyright © 2024${currentYear > 2024 ? ` - ${currentYear}` : ''} BERLINTOMEK. All rights reserved.`\r\n}\r\n\r\nexport const getFooterNavTabConfigs: (baseUrl: IAppSiteBaseUrl) => IAppNav[] = (baseUrl) => {\r\n const navLinks = getNavLinks(baseUrl)\r\n return [\r\n { title: mapNavTitles[ENavKey.Videos], navLink: navLinks[ENavKey.Videos], options: { startIcon: IconVideoBase64 } },\r\n { title: mapNavTitles[ENavKey.Audios], navLink: navLinks[ENavKey.Audios], options: { startIcon: IconAudioBase64 } }\r\n ]\r\n}\r\n\r\nexport const getFooterNavConfigs: (baseUrl: IAppSiteBaseUrl) => IAppNav[][] = (baseUrl) => {\r\n const navLinks = getNavLinks(baseUrl)\r\n return [\r\n [\r\n { title: mapNavTitles[ENavKey.Home], navLink: navLinks[ENavKey.Home] },\r\n { title: mapNavTitles[ENavKey.Pricing], navLink: navLinks[ENavKey.Pricing] },\r\n { title: mapNavTitles[ENavKey.About], navLink: navLinks[ENavKey.About] },\r\n { title: mapNavTitles[ENavKey.Terms], navLink: navLinks[ENavKey.Terms] },\r\n { title: mapNavTitles[ENavKey.Privacy], navLink: navLinks[ENavKey.Privacy] }\r\n ],\r\n [\r\n { title: mapNavTitles[ENavKey.CreateAccount], navLink: navLinks[ENavKey.CreateAccount] },\r\n { title: mapNavTitles[ENavKey.Faqs], navLink: navLinks[ENavKey.Faqs] },\r\n { title: mapNavTitles[ENavKey.ContactUs], navLink: navLinks[ENavKey.ContactUs] },\r\n { title: mapNavTitles[ENavKey.SubmitMedia], navLink: navLinks[ENavKey.SubmitMedia] },\r\n { title: mapNavTitles[ENavKey.PurchaseLicenses], navLink: navLinks[ENavKey.PurchaseLicenses] }\r\n ]\r\n ]\r\n}\r\n"],"names":["appLogoUrl","bgFooterUrl","appSocialConfigs","link","icon","_jsx","YouTubeIcon","color","InstagramIcon","TwitterIcon","PinterestIcon","RedditIcon","mapNavTitles","_defineProperty","_mapNavTitles","ENavKey","Home","Pricing","SubmitMedia","Faqs","Videos","Audios","Privacy","Terms","About","CreateAccount","ContactUs","PurchaseLicenses","getNavLinkOptions","options","JSON","stringify","getNavLinks","baseUrl","_ref","site","href","home","toLocate","client","routerPath","tabKey","music","getHeaderMenuConfigs","navLinks","title","items","IconVideoBase64","navLink","IconAudioBase64","getHeaderNavConfigs","startIcon","menu","getMenuNavConfigs","footerDescription","getCopyrightText","currentYear","Date","getFullYear","concat","getFooterNavTabConfigs","getFooterNavConfigs"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- import{objectSpread2 as o}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as r,jsx as i}from"react/jsx-runtime";import{styled as e,Box as t,Fade as a,Skeleton as l}from"@mui/material";import{useStreamUrl as n,getAspectRatioStyled as d}from"./helpers.js";import{EMediaPlayerStatus as s}from"./types.js";import m from"./core/videoplayer.js";var u=function(e){var t,u,h=n(e.resourceId,e.fetchDataStream),v=h.status,f=h.streamUrl;return r(p,{className:v===s.Loaded?"loaded":"",sx:d(null===(t=e.slots)||void 0===t?void 0:t.aspectRatio),children:[i(c,{children:f&&i(m,o({className:"player",src:f,anotherControls:!0,controls:{autoPlay:!0,muted:!0}},null===(u=e.slots)||void 0===u?void 0:u.coreProps))}),i(a,{in:v===s.Loading||e.loading,children:i(c,{children:function(){var o,r,t;if(null!==(o=e.slots)&&void 0!==o&&o.loading)return e.slots.loading;var a=null!==(r=null===(t=e.slots)||void 0===t||null===(t=t.loadingProps)||void 0===t?void 0:t.animationDuration)&&void 0!==r?r:"1s";return i(l,{animation:"wave",variant:"rounded",sx:{width:"100%",height:"100%","&::after":{animationDuration:a}}})}()})}),i(a,{in:v===s.Error&&!e.loading,unmountOnExit:!0,children:i(c,{children:i("img",{src:"images/video-error.webp",alt:"video-error",style:{width:"100%",height:"100%"}})})})]})},p=e(t)({"--mp-core1-color-main":"#ed4229","--mp-core1-color-text":"#fff","--mp-core1-icon-size":"34px",position:"relative",paddingBottom:"56.25%",borderRadius:"6px",overflow:"hidden","&.loaded":{background:"#000"}}),c=e(t)({position:"absolute",top:0,left:0,width:"100%",height:"100%",zIndex:2,".player":{width:"100%",height:"100%"}});export{u as MediaPlayerMuted,u as default};
1
+ import{objectSpread2 as o}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as r,jsx as i}from"react/jsx-runtime";import{styled as e,Box as t,Fade as a,Skeleton as l}from"@mui/material";import{useStreamUrl as n,getAspectRatioStyled as d}from"./helpers.js";import{EMediaPlayerStatus as s}from"./types.js";import m from"./core/videoplayer.js";var u=function(e){var t,u,h=n(e.resourceId,e.fetchDataStream),v=h.status,f=h.streamUrl;return r(p,{className:v===s.Loaded?"loaded":"",sx:d(null===(t=e.slots)||void 0===t?void 0:t.aspectRatio),children:[i(c,{children:f&&i(m,o({className:"player",src:f,anotherControls:!0,controls:{autoPlay:!0,muted:!0}},null===(u=e.slots)||void 0===u?void 0:u.coreProps))}),i(a,{in:v===s.Loading||e.loading,unmountOnExit:!0,children:i(c,{children:function(){var o,r,t;if(null!==(o=e.slots)&&void 0!==o&&o.loading)return e.slots.loading;var a=null!==(r=null===(t=e.slots)||void 0===t||null===(t=t.loadingProps)||void 0===t?void 0:t.animationDuration)&&void 0!==r?r:"1s";return i(l,{animation:"wave",variant:"rounded",sx:{width:"100%",height:"100%","&::after":{animationDuration:a}}})}()})}),i(a,{in:v===s.Error&&!e.loading,unmountOnExit:!0,children:i(c,{children:i("img",{src:"images/video-error.webp",alt:"video-error",style:{width:"100%",height:"100%"}})})})]})},p=e(t)({"--mp-core1-color-main":"#ed4229","--mp-core1-color-text":"#fff","--mp-core1-icon-size":"34px",position:"relative",paddingBottom:"56.25%",borderRadius:"6px",overflow:"hidden","&.loaded":{background:"#000"}}),c=e(t)({position:"absolute",top:0,left:0,width:"100%",height:"100%",zIndex:2,".player":{width:"100%",height:"100%"}});export{u as MediaPlayerMuted,u as default};
2
2
  //# sourceMappingURL=muted.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"muted.js","sources":["../../src/media-player/muted.tsx"],"sourcesContent":["import type { FC } from 'react'\r\nimport type { MediaPlayerBaseProps, MediaPlayerBaseSlots } from './types'\r\nimport { Box, Fade, Skeleton, styled } from '@mui/material'\r\nimport { getAspectRatioStyled, useStreamUrl } from './helpers'\r\nimport { EMediaPlayerStatus } from './types'\r\nimport MediaPlayerCore, { MediaPlayerSlot } from './core/videoplayer'\r\n\r\nexport interface SlotMediaPlayerMutedProps extends MediaPlayerBaseSlots {\r\n coreProps?: MediaPlayerSlot\r\n}\r\nexport interface IMediaPlayerMutedProps extends MediaPlayerBaseProps {\r\n slots?: SlotMediaPlayerMutedProps\r\n}\r\n\r\nexport const MediaPlayerMuted: FC<IMediaPlayerMutedProps> = (props) => {\r\n const { status, streamUrl } = useStreamUrl(props.resourceId, props.fetchDataStream)\r\n\r\n const renderLoading = () => {\r\n if (props.slots?.loading) return props.slots.loading\r\n const duration = props.slots?.loadingProps?.animationDuration ?? '1s'\r\n return <Skeleton animation='wave' variant='rounded' sx={{ width: '100%', height: '100%', '&::after': { animationDuration: duration } }} />\r\n }\r\n\r\n return (\r\n <WrapPlayer className={status === EMediaPlayerStatus.Loaded ? 'loaded' : ''} sx={getAspectRatioStyled(props.slots?.aspectRatio)}>\r\n <WrapVideo>\r\n {streamUrl && (\r\n // <MediaPlayerCore1 className='player' src={streamUrl} slots={props.slots?.core1Props} />\r\n <MediaPlayerCore\r\n className='player'\r\n src={streamUrl}\r\n anotherControls\r\n controls={{ autoPlay: true, muted: true }}\r\n {...props.slots?.coreProps}\r\n />\r\n )}\r\n </WrapVideo>\r\n <Fade in={status === EMediaPlayerStatus.Loading || props.loading}>\r\n <WrapVideo>{renderLoading()}</WrapVideo>\r\n </Fade>\r\n <Fade in={status === EMediaPlayerStatus.Error && !props.loading} unmountOnExit>\r\n <WrapVideo>\r\n <img src='images/video-error.webp' alt='video-error' style={{ width: '100%', height: '100%' }} />\r\n </WrapVideo>\r\n </Fade>\r\n </WrapPlayer>\r\n )\r\n}\r\n\r\nexport default MediaPlayerMuted\r\n\r\nconst WrapPlayer = styled(Box)({\r\n '--mp-core1-color-main': '#ed4229',\r\n '--mp-core1-color-text': '#fff',\r\n '--mp-core1-icon-size': '34px',\r\n position: 'relative',\r\n paddingBottom: '56.25%',\r\n borderRadius: '6px',\r\n overflow: 'hidden',\r\n '&.loaded': {\r\n background: '#000'\r\n }\r\n})\r\n\r\nconst WrapVideo = styled(Box)({\r\n position: 'absolute',\r\n top: 0,\r\n left: 0,\r\n width: '100%',\r\n height: '100%',\r\n zIndex: 2,\r\n '.player': {\r\n width: '100%',\r\n height: '100%'\r\n }\r\n})\r\n"],"names":["MediaPlayerMuted","props","_props$slots3","_props$slots4","_useStreamUrl","useStreamUrl","resourceId","fetchDataStream","status","streamUrl","_jsxs","WrapPlayer","className","EMediaPlayerStatus","Loaded","sx","getAspectRatioStyled","slots","aspectRatio","children","_jsx","WrapVideo","MediaPlayerCore","_objectSpread","src","anotherControls","controls","autoPlay","muted","coreProps","Fade","in","Loading","loading","_props$slots","_props$slots$loadingP","_props$slots2","duration","loadingProps","animationDuration","Skeleton","animation","variant","width","height","renderLoading","Error","unmountOnExit","alt","style","styled","Box","position","paddingBottom","borderRadius","overflow","background","top","left","zIndex"],"mappings":"kWAcaA,EAA+C,SAACC,GAAS,IAAAC,EAAAC,EACpEC,EAA8BC,EAAaJ,EAAMK,WAAYL,EAAMM,iBAA3DC,EAAMJ,EAANI,OAAQC,EAASL,EAATK,UAQhB,OACEC,EAACC,EAAU,CAACC,UAAWJ,IAAWK,EAAmBC,OAAS,SAAW,GAAIC,GAAIC,EAAgC,QAAZd,EAACD,EAAMgB,aAAK,IAAAf,OAAA,EAAXA,EAAagB,aACjHC,SAAA,CAAAC,EAACC,EAAS,CAAAF,SACPV,GAECW,EAACE,EAAeC,EAAA,CACdX,UAAU,SACVY,IAAKf,EACLgB,mBACAC,SAAU,CAAEC,UAAU,EAAMC,OAAO,IACpBzB,QAD0BA,EACrCF,EAAMgB,aAANd,IAAWA,OAAXA,EAAAA,EAAa0B,cAIvBT,EAACU,EAAK,CAAAC,GAAIvB,IAAWK,EAAmBmB,SAAW/B,EAAMgC,QACvDd,SAAAC,EAACC,EAAS,CAAAF,SArBM,WAAK,IAAAe,EAAAC,EAAAC,EACzB,WAAAF,EAAIjC,EAAMgB,aAAK,IAAAiB,GAAXA,EAAaD,QAAS,OAAOhC,EAAMgB,MAAMgB,QAC7C,IAAMI,EAAuD,QAA/CF,EAAc,QAAdC,EAAGnC,EAAMgB,aAAK,IAAAmB,GAAc,QAAdA,EAAXA,EAAaE,oBAAY,IAAAF,OAAA,EAAzBA,EAA2BG,yBAAiB,IAAAJ,EAAAA,EAAI,KACjE,OAAOf,EAACoB,EAAS,CAAAC,UAAU,OAAOC,QAAQ,UAAU3B,GAAI,CAAE4B,MAAO,OAAQC,OAAQ,OAAQ,WAAY,CAAEL,kBAAmBF,KAC3H,CAiBiBQ,OAEdzB,EAACU,EAAK,CAAAC,GAAIvB,IAAWK,EAAmBiC,QAAU7C,EAAMgC,QAASc,eAC/D,EAAA5B,SAAAC,EAACC,EAAS,CAAAF,SACRC,SAAKI,IAAI,0BAA0BwB,IAAI,cAAcC,MAAO,CAAEN,MAAO,OAAQC,OAAQ,gBAK/F,EAIMjC,EAAauC,EAAOC,EAAPD,CAAY,CAC7B,wBAAyB,UACzB,wBAAyB,OACzB,uBAAwB,OACxBE,SAAU,WACVC,cAAe,SACfC,aAAc,MACdC,SAAU,SACV,WAAY,CACVC,WAAY,UAIVnC,EAAY6B,EAAOC,EAAPD,CAAY,CAC5BE,SAAU,WACVK,IAAK,EACLC,KAAM,EACNf,MAAO,OACPC,OAAQ,OACRe,OAAQ,EACR,UAAW,CACThB,MAAO,OACPC,OAAQ"}
1
+ {"version":3,"file":"muted.js","sources":["../../src/media-player/muted.tsx"],"sourcesContent":["import type { FC } from 'react'\r\nimport type { MediaPlayerBaseProps, MediaPlayerBaseSlots } from './types'\r\nimport { Box, Fade, Skeleton, styled } from '@mui/material'\r\nimport { getAspectRatioStyled, useStreamUrl } from './helpers'\r\nimport { EMediaPlayerStatus } from './types'\r\nimport MediaPlayerCore, { MediaPlayerSlot } from './core/videoplayer'\r\n\r\nexport interface SlotMediaPlayerMutedProps extends MediaPlayerBaseSlots {\r\n coreProps?: MediaPlayerSlot\r\n}\r\nexport interface IMediaPlayerMutedProps extends MediaPlayerBaseProps {\r\n slots?: SlotMediaPlayerMutedProps\r\n}\r\n\r\nexport const MediaPlayerMuted: FC<IMediaPlayerMutedProps> = (props) => {\r\n const { status, streamUrl } = useStreamUrl(props.resourceId, props.fetchDataStream)\r\n\r\n const renderLoading = () => {\r\n if (props.slots?.loading) return props.slots.loading\r\n const duration = props.slots?.loadingProps?.animationDuration ?? '1s'\r\n return <Skeleton animation='wave' variant='rounded' sx={{ width: '100%', height: '100%', '&::after': { animationDuration: duration } }} />\r\n }\r\n\r\n return (\r\n <WrapPlayer className={status === EMediaPlayerStatus.Loaded ? 'loaded' : ''} sx={getAspectRatioStyled(props.slots?.aspectRatio)}>\r\n <WrapVideo>\r\n {streamUrl && (\r\n // <MediaPlayerCore1 className='player' src={streamUrl} slots={props.slots?.core1Props} />\r\n <MediaPlayerCore\r\n className='player'\r\n src={streamUrl}\r\n anotherControls\r\n controls={{ autoPlay: true, muted: true }}\r\n {...props.slots?.coreProps}\r\n />\r\n )}\r\n </WrapVideo>\r\n <Fade in={status === EMediaPlayerStatus.Loading || props.loading} unmountOnExit>\r\n <WrapVideo>{renderLoading()}</WrapVideo>\r\n </Fade>\r\n <Fade in={status === EMediaPlayerStatus.Error && !props.loading} unmountOnExit>\r\n <WrapVideo>\r\n <img src='images/video-error.webp' alt='video-error' style={{ width: '100%', height: '100%' }} />\r\n </WrapVideo>\r\n </Fade>\r\n </WrapPlayer>\r\n )\r\n}\r\n\r\nexport default MediaPlayerMuted\r\n\r\nconst WrapPlayer = styled(Box)({\r\n '--mp-core1-color-main': '#ed4229',\r\n '--mp-core1-color-text': '#fff',\r\n '--mp-core1-icon-size': '34px',\r\n position: 'relative',\r\n paddingBottom: '56.25%',\r\n borderRadius: '6px',\r\n overflow: 'hidden',\r\n '&.loaded': {\r\n background: '#000'\r\n }\r\n})\r\n\r\nconst WrapVideo = styled(Box)({\r\n position: 'absolute',\r\n top: 0,\r\n left: 0,\r\n width: '100%',\r\n height: '100%',\r\n zIndex: 2,\r\n '.player': {\r\n width: '100%',\r\n height: '100%'\r\n }\r\n})\r\n"],"names":["MediaPlayerMuted","props","_props$slots3","_props$slots4","_useStreamUrl","useStreamUrl","resourceId","fetchDataStream","status","streamUrl","_jsxs","WrapPlayer","className","EMediaPlayerStatus","Loaded","sx","getAspectRatioStyled","slots","aspectRatio","children","_jsx","WrapVideo","MediaPlayerCore","_objectSpread","src","anotherControls","controls","autoPlay","muted","coreProps","Fade","in","Loading","loading","unmountOnExit","_props$slots","_props$slots$loadingP","_props$slots2","duration","loadingProps","animationDuration","Skeleton","animation","variant","width","height","renderLoading","Error","alt","style","styled","Box","position","paddingBottom","borderRadius","overflow","background","top","left","zIndex"],"mappings":"kWAcaA,EAA+C,SAACC,GAAS,IAAAC,EAAAC,EACpEC,EAA8BC,EAAaJ,EAAMK,WAAYL,EAAMM,iBAA3DC,EAAMJ,EAANI,OAAQC,EAASL,EAATK,UAQhB,OACEC,EAACC,EAAU,CAACC,UAAWJ,IAAWK,EAAmBC,OAAS,SAAW,GAAIC,GAAIC,EAAgC,QAAZd,EAACD,EAAMgB,aAAK,IAAAf,OAAA,EAAXA,EAAagB,aACjHC,SAAA,CAAAC,EAACC,EAAS,CAAAF,SACPV,GAECW,EAACE,EAAeC,EAAA,CACdX,UAAU,SACVY,IAAKf,EACLgB,mBACAC,SAAU,CAAEC,UAAU,EAAMC,OAAO,IACpBzB,QAD0BA,EACrCF,EAAMgB,aAANd,IAAWA,OAAXA,EAAAA,EAAa0B,cAIvBT,EAACU,EAAI,CAACC,GAAIvB,IAAWK,EAAmBmB,SAAW/B,EAAMgC,QAASC,eAAa,EAAAf,SAC7EC,EAACC,YArBe,WAAK,IAAAc,EAAAC,EAAAC,EACzB,WAAAF,EAAIlC,EAAMgB,aAAK,IAAAkB,GAAXA,EAAaF,QAAS,OAAOhC,EAAMgB,MAAMgB,QAC7C,IAAMK,EAAuD,QAA/CF,EAAc,QAAdC,EAAGpC,EAAMgB,aAAK,IAAAoB,GAAc,QAAdA,EAAXA,EAAaE,oBAAY,IAAAF,OAAA,EAAzBA,EAA2BG,yBAAiB,IAAAJ,EAAAA,EAAI,KACjE,OAAOhB,EAACqB,EAAS,CAAAC,UAAU,OAAOC,QAAQ,UAAU5B,GAAI,CAAE6B,MAAO,OAAQC,OAAQ,OAAQ,WAAY,CAAEL,kBAAmBF,KAC3H,CAiBiBQ,OAEd1B,EAACU,EAAI,CAACC,GAAIvB,IAAWK,EAAmBkC,QAAU9C,EAAMgC,QAASC,eAC/D,EAAAf,SAAAC,EAACC,EAAS,CAAAF,SACRC,SAAKI,IAAI,0BAA0BwB,IAAI,cAAcC,MAAO,CAAEL,MAAO,OAAQC,OAAQ,gBAK/F,EAIMlC,EAAauC,EAAOC,EAAPD,CAAY,CAC7B,wBAAyB,UACzB,wBAAyB,OACzB,uBAAwB,OACxBE,SAAU,WACVC,cAAe,SACfC,aAAc,MACdC,SAAU,SACV,WAAY,CACVC,WAAY,UAIVnC,EAAY6B,EAAOC,EAAPD,CAAY,CAC5BE,SAAU,WACVK,IAAK,EACLC,KAAM,EACNd,MAAO,OACPC,OAAQ,OACRc,OAAQ,EACR,UAAW,CACTf,MAAO,OACPC,OAAQ"}
@@ -1,2 +1,2 @@
1
- var _={MAX_ITEMS_PER_GROUP:100,MAX_NAME_GROUP:50,MAX_CHANNELS:20,CHANNEL_TYPES:["Youtube"]};export{_ as mediaRightStoreOptions};
1
+ var _={MAX_ITEMS_PER_GROUP:100,MAX_GROUP:5,MAX_NAME_GROUP:50,MAX_CHANNELS:20};export{_ as mediaRightStoreOptions};
2
2
  //# sourceMappingURL=configs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"configs.js","sources":["../../src/media-right/configs.ts"],"sourcesContent":["export const mediaRightStoreOptions = {\r\n MAX_ITEMS_PER_GROUP: 100,\r\n MAX_NAME_GROUP: 50,\r\n MAX_CHANNELS: 20,\r\n CHANNEL_TYPES: ['Youtube']\r\n}\r\n"],"names":["mediaRightStoreOptions","MAX_ITEMS_PER_GROUP","MAX_NAME_GROUP","MAX_CHANNELS","CHANNEL_TYPES"],"mappings":"AAAO,IAAMA,EAAyB,CACpCC,oBAAqB,IACrBC,eAAgB,GAChBC,aAAc,GACdC,cAAe,CAAC"}
1
+ {"version":3,"file":"configs.js","sources":["../../src/media-right/configs.ts"],"sourcesContent":["export const mediaRightStoreOptions = {\r\n MAX_ITEMS_PER_GROUP: 100,\r\n MAX_GROUP: 5,\r\n MAX_NAME_GROUP: 50,\r\n MAX_CHANNELS: 20,\r\n // CHANNEL_TYPES: ['Youtube']\r\n}\r\n"],"names":["mediaRightStoreOptions","MAX_ITEMS_PER_GROUP","MAX_GROUP","MAX_NAME_GROUP","MAX_CHANNELS"],"mappings":"AAAO,IAAMA,EAAyB,CACpCC,oBAAqB,IACrBC,UAAW,EACXC,eAAgB,GAChBC,aAAc"}
@@ -1,2 +1,2 @@
1
- import{slicedToArray as o,objectSpread2 as e}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as n,jsx as r}from"react/jsx-runtime";import{useState as t}from"react";import{createRoot as i}from"react-dom/client";import{Dialog as l,Box as m,DialogContent as a,Typography as d,DialogActions as u,Button as c}from"@mui/material";import{CollectionsList as p}from"./units.js";import{ModalHeader as s}from"./modal-header.js";import{generateGroupId as f}from"../helpers.js";import{NewCollectionButton as h,NewCollectionInput as v}from"./unit.control.js";var C=function(e){var i=e.open,f=e.onClose,C=e.onConfirm,b=e.groups,g=e.cartItem,x=t(null),j=o(x,2),I=j[0],y=j[1],k=t(!1),S=o(k,2),G=S[0],W=S[1],A=t(""),M=o(A,2),P=M[0],_=M[1],B=function(){y(null),W(!1),_(""),f()};return n(l,{open:i,onClose:B,maxWidth:"xs",fullWidth:!0,disableScrollLock:!0,keepMounted:!1,scroll:"paper",children:[r(s,{cartItem:g,onClose:B}),n(m,{component:"form",onSubmit:function(o){o.preventDefault(),G&&P.trim()?C(null,P.trim()):C(I||null)},children:[n(a,{children:[r(d,{variant:"subtitle1",sx:{mb:1,fontWeight:600},children:"Your Media Rights Package"}),G?r(v,{value:P,onChange:_}):r(h,{onClick:function(){y(null),W(!0)}}),r(p,{groups:b,selectedGroupId:I,onGroupSelect:function(o){y(o),W(!1)}})]}),n(u,{sx:{px:3,pb:3},children:[r(c,{onClick:B,variant:"outlined",type:"button",children:"Cancel"}),r(c,{type:"submit",variant:"contained",disabled:G?!P.trim():!I,sx:{minWidth:100},children:G?"Create & Add":I?"Add":"Save"})]})]})]})},b=function(o){var n=o.cartItem,t=o.groups,l=o.addGroup,m=o.addItem,a=document.createElement("div");document.body.appendChild(a);var d=i(a);d.render(r(C,{open:!0,onClose:function(){d.unmount(),document.body.removeChild(a)},onConfirm:function(o,r){if(n){var t=o;!o&&r&&(t=f(),l({id:t,name:r,channels:[]}));var i=e(e({},n),{},{GroupId:t||""});t&&m(i),d.unmount(),document.body.removeChild(a)}},groups:t,cartItem:n}))};export{C as GroupSelectorModal,b as showGroupSelectorModal};
1
+ import{slicedToArray as o,objectSpread2 as e}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as n,jsx as r}from"react/jsx-runtime";import{useState as t}from"react";import{createRoot as i}from"react-dom/client";import{Dialog as l,Box as m,DialogContent as a,Typography as d,DialogActions as u,Button as c}from"@mui/material";import{CollectionsList as p}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";var b=function(e){var i=e.open,h=e.onClose,b=e.onConfirm,g=e.groups,x=e.cartItem,j=t(null),I=o(j,2),y=I[0],k=I[1],S=t(!1),G=o(S,2),W=G[0],A=G[1],M=t(""),P=o(M,2),_=P[0],B=P[1],D=function(){k(null),A(!1),B(""),h()};return n(l,{open:i,onClose:D,maxWidth:"xs",fullWidth:!0,disableScrollLock:!0,keepMounted:!1,scroll:"paper",children:[r(s,{cartItem:x,onClose:D}),n(m,{component:"form",onSubmit:function(o){o.preventDefault(),W&&_.trim()?b(null,_.trim()):b(y||null)},children:[n(a,{children:[r(d,{variant:"subtitle1",sx:{mb:1,fontWeight:600},children:"Your Media Rights Package"}),f(g)&&(W?r(C,{value:_,onChange:B}):r(v,{onClick:function(){k(null),A(!0)}})),r(p,{groups:g,selectedGroupId:y,onGroupSelect:function(o){k(o),A(!1)}})]}),n(u,{sx:{px:3,pb:3},children:[r(c,{onClick:D,variant:"outlined",type:"button",children:"Cancel"}),r(c,{type:"submit",variant:"contained",disabled:W?!_.trim():!y,sx:{minWidth:100},children:W?"Create & Add":y?"Add":"Save"})]})]})]})},g=function(o){var n=o.cartItem,t=o.groups,l=o.addGroup,m=o.addItem,a=document.createElement("div");document.body.appendChild(a);var d=i(a);d.render(r(b,{open:!0,onClose:function(){d.unmount(),document.body.removeChild(a)},onConfirm:function(o,r){if(n){var t=o;!o&&r&&(t=h(),l({id:t,name:r,channels:[]}));var i=e(e({},n),{},{GroupId:t||""});t&&m(i),d.unmount(),document.body.removeChild(a)}},groups:t,cartItem:n}))};export{b as GroupSelectorModal,g as showGroupSelectorModal};
2
2
  //# sourceMappingURL=index.js.map
@@ -1 +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 { generateGroupId } from '../helpers'\r\nimport { NewCollectionButton, NewCollectionInput } from './unit.control'\r\n\r\nexport interface IGroupSelectorModalProps {\r\n open: boolean\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, 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\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\r\n {!showNewGroupInput ? <NewCollectionButton onClick={handleNewGroupClick} /> : <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 <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 addGroup: (group: Omit<IMediaRightGroup, 'createdAt' | 'items'>) => void\r\n addItem: (item: IMediaRightItem) => void\r\n}\r\n\r\nexport const showGroupSelectorModal = ({ cartItem, groups, 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 groups={groups}\r\n cartItem={cartItem}\r\n />\r\n )\r\n}\r\n"],"names":["GroupSelectorModal","_ref","open","onClose","onConfirm","groups","cartItem","_useState","useState","_useState2","_slicedToArray","selectedGroupId","setSelectedGroupId","_useState3","_useState4","showNewGroupInput","setShowNewGroupInput","_useState5","_useState6","newName","setNewName","handleClose","_jsxs","Dialog","maxWidth","fullWidth","disableScrollLock","keepMounted","scroll","_jsx","ModalHeader","Box","component","onSubmit","e","preventDefault","trim","children","DialogContent","Typography","variant","sx","mb","fontWeight","NewCollectionInput","value","onChange","NewCollectionButton","onClick","CollectionsList","onGroupSelect","groupId","DialogActions","px","pb","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","_objectSpread","GroupId"],"mappings":"mjBAkBaA,EAAmD,SAAjCC,GAAoF,IAAhDC,EAAID,EAAJC,KAAMC,EAAOF,EAAPE,QAASC,EAASH,EAATG,UAAWC,EAAMJ,EAANI,OAAQC,EAAQL,EAARK,SACnGC,EAA8CC,EAAwB,MAAKC,EAAAC,EAAAH,EAAA,GAApEI,EAAeF,EAAA,GAAEG,EAAkBH,EAAA,GAC1CI,EAAkDL,GAAS,GAAMM,EAAAJ,EAAAG,EAAA,GAA1DE,EAAiBD,EAAA,GAAEE,EAAoBF,EAAA,GAC9CG,EAA8BT,EAAiB,IAAGU,EAAAR,EAAAO,EAAA,GAA3CE,EAAOD,EAAA,GAAEE,EAAUF,EAAA,GAiBpBG,EAAc,WAClBT,EAAmB,MACnBI,GAAqB,GACrBI,EAAW,IACXjB,GACD,EAiBD,OACEmB,EAACC,EAAM,CAACrB,KAAMA,EAAMC,QAASkB,EAAaG,SAAS,KAAKC,WAAU,EAAAC,mBAAmB,EAAMC,aAAa,EAAOC,OAAO,kBACpHC,EAACC,GAAYxB,SAAUA,EAAUH,QAASkB,IAE1CC,EAACS,EAAI,CAAAC,UAAU,OAAOC,SAzCL,SAACC,GACpBA,EAAEC,iBAEEpB,GAAqBI,EAAQiB,OAE/BhC,EAAU,KAAMe,EAAQiB,QAGxBhC,EAFSO,GAKC,KAEb,EA6BK0B,SAAA,CAAAf,EAACgB,EACC,CAAAD,SAAA,CAAAR,EAACU,EAAW,CAAAC,QAAQ,YAAYC,GAAI,CAAEC,GAAI,EAAGC,WAAY,KAE5CN,SAAA,8BAEXtB,EAA4Ec,EAACe,EAAkB,CAACC,MAAO1B,EAAS2B,SAAU1B,IAAtGS,EAACkB,EAAoB,CAAAC,QAzBvB,WAC1BpC,EAAmB,MACnBI,GAAqB,EACtB,IAwBOa,EAACoB,EAAgB,CAAA5C,OAAQA,EAAQM,gBAAiBA,EAAiBuC,cAtBjD,SAACC,GACzBvC,EAAmBuC,GACnBnC,GAAqB,EACtB,OAsBKM,EAAC8B,EAAa,CAACX,GAAI,CAAEY,GAAI,EAAGC,GAAI,GAAGjB,SAAA,CACjCR,EAAC0B,EAAM,CAACP,QAAS3B,EAAamB,QAAQ,WAAWgB,KAAK,SAE7CnB,SAAA,WACTR,EAAC0B,EAAM,CAACC,KAAK,SAAShB,QAAQ,YAAYiB,SAvB5C1C,GAA2BI,EAAQiB,QAC/BzB,EAsBuE8B,GAAI,CAAEiB,SAAU,KACtFrB,SAAAtB,EAAoB,eAAiBJ,EAAkB,MAAQ,iBAM5E,EASagD,EAAyB,SAAHC,GAA6E,IAAvEtD,EAAQsD,EAARtD,SAAUD,EAAMuD,EAANvD,OAAQwD,EAAQD,EAARC,SAAUC,EAAOF,EAAPE,QAC7DC,EAAiBC,SAASC,cAAc,OAC9CD,SAASE,KAAKC,YAAYJ,GAC1B,IAAMK,EAAOC,EAAWN,GAwBxBK,EAAKE,OACHzC,EAAC7B,EAAkB,CACjBE,MAAM,EACNC,QAAS,WACPiE,EAAKG,UACLP,SAASE,KAAKM,YAAYT,EAC3B,EACD3D,UA7B8B,SAAC+C,EAAwBsB,GACzD,GAAKnE,EAAL,CACA,IAAIoE,EAAevB,GAEdA,GAAWsB,IACdC,EAAeC,IACfd,EAAS,CACPe,GAAIF,EACJG,KAAMJ,EACNK,SAAU,MAGd,IAAMC,EAAiBC,EAAAA,KAClB1E,GAAQ,GAAA,CACX2E,QAASP,GAAgB,KAEvBA,GACFZ,EAAQiB,GAEVX,EAAKG,UACLP,SAASE,KAAKM,YAAYT,EAnBX,CAoBhB,EASG1D,OAAQA,EACRC,SAAUA,IAGhB"}
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\n\r\nexport interface IGroupSelectorModalProps {\r\n open: boolean\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, 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\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 : <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 <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 addGroup: (group: Omit<IMediaRightGroup, 'createdAt' | 'items'>) => void\r\n addItem: (item: IMediaRightItem) => void\r\n}\r\n\r\nexport const showGroupSelectorModal = ({ cartItem, groups, 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 groups={groups}\r\n cartItem={cartItem}\r\n />\r\n )\r\n}\r\n"],"names":["GroupSelectorModal","_ref","open","onClose","onConfirm","groups","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","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","_objectSpread","GroupId"],"mappings":"qkBAkBaA,EAAmD,SAAjCC,GAAoF,IAAhDC,EAAID,EAAJC,KAAMC,EAAOF,EAAPE,QAASC,EAASH,EAATG,UAAWC,EAAMJ,EAANI,OAAQC,EAAQL,EAARK,SACnGC,EAA8CC,EAAwB,MAAKC,EAAAC,EAAAH,EAAA,GAApEI,EAAeF,EAAA,GAAEG,EAAkBH,EAAA,GAC1CI,EAAkDL,GAAS,GAAMM,EAAAJ,EAAAG,EAAA,GAA1DE,EAAiBD,EAAA,GAAEE,EAAoBF,EAAA,GAC9CG,EAA8BT,EAAiB,IAAGU,EAAAR,EAAAO,EAAA,GAA3CE,EAAOD,EAAA,GAAEE,EAAUF,EAAA,GAiBpBG,EAAc,WAClBT,EAAmB,MACnBI,GAAqB,GACrBI,EAAW,IACXjB,GACD,EAiBD,OACEmB,EAACC,EAAO,CAAArB,KAAMA,EAAMC,QAASkB,EAAaG,SAAS,KAAKC,WAAU,EAAAC,mBAAmB,EAAMC,aAAa,EAAOC,OAAO,QAAOC,SAAA,CAC3HC,EAACC,GAAYzB,SAAUA,EAAUH,QAASkB,IAE1CC,EAACU,EAAI,CAAAC,UAAU,OAAOC,SAzCL,SAACC,GACpBA,EAAEC,iBAEErB,GAAqBI,EAAQkB,OAE/BjC,EAAU,KAAMe,EAAQkB,QAGxBjC,EAFSO,GAKC,KAEb,EA6BKkB,SAAA,CAAAP,EAACgB,EACC,CAAAT,SAAA,CAAAC,EAACS,EAAW,CAAAC,QAAQ,YAAYC,GAAI,CAAEC,GAAI,EAAGC,WAAY,KAE5Cd,SAAA,8BACZe,EAAYvC,KACVU,EAEGe,EAACe,EAAmB,CAAAC,MAAO3B,EAAS4B,SAAU3B,IAD9CU,EAACkB,GAAoBC,QA1BP,WAC1BrC,EAAmB,MACnBI,GAAqB,EACtB,KA0BOc,EAACoB,EAAe,CAAC7C,OAAQA,EAAQM,gBAAiBA,EAAiBwC,cAxBjD,SAACC,GACzBxC,EAAmBwC,GACnBpC,GAAqB,EACtB,OAwBKM,EAAC+B,GAAcZ,GAAI,CAAEa,GAAI,EAAGC,GAAI,GAC9B1B,SAAA,CAAAC,EAAC0B,EAAO,CAAAP,QAAS5B,EAAamB,QAAQ,WAAWiB,KAAK,SAAQ5B,SAAA,WAG9DC,EAAC0B,EAAO,CAAAC,KAAK,SAASjB,QAAQ,YAAYkB,SAzB5C3C,GAA2BI,EAAQkB,QAC/B1B,EAwBuE8B,GAAI,CAAEkB,SAAU,KACtF9B,SAAAd,EAAoB,eAAiBJ,EAAkB,MAAQ,iBAM5E,EASaiD,EAAyB,SAAHC,GAA6E,IAAvEvD,EAAQuD,EAARvD,SAAUD,EAAMwD,EAANxD,OAAQyD,EAAQD,EAARC,SAAUC,EAAOF,EAAPE,QAC7DC,EAAiBC,SAASC,cAAc,OAC9CD,SAASE,KAAKC,YAAYJ,GAC1B,IAAMK,EAAOC,EAAWN,GAwBxBK,EAAKE,OACHzC,EAAC9B,EAAkB,CACjBE,MAAM,EACNC,QAAS,WACPkE,EAAKG,UACLP,SAASE,KAAKM,YAAYT,EAC3B,EACD5D,UA7B8B,SAACgD,EAAwBsB,GACzD,GAAKpE,EAAL,CACA,IAAIqE,EAAevB,GAEdA,GAAWsB,IACdC,EAAeC,IACfd,EAAS,CACPe,GAAIF,EACJG,KAAMJ,EACNK,SAAU,MAGd,IAAMC,EAAiBC,EAAAA,KAClB3E,GAAQ,GAAA,CACX4E,QAASP,GAAgB,KAEvBA,GACFZ,EAAQiB,GAEVX,EAAKG,UACLP,SAASE,KAAKM,YAAYT,EAnBX,CAoBhB,EASG3D,OAAQA,EACRC,SAAUA,IAGhB"}
@@ -1,2 +1,2 @@
1
- var t=function(){var t,n;return null!==(n=(null!==(t=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").split("http").join(" http").match(/[hH][tT][tT][pP][sS]?:\/\/[^\s]+/g))&&void 0!==t?t:[]).filter(function(t){return t}).map(function(t){return t.trim()}))&&void 0!==n?n:[]},n=function(){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",r=new Set(t(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"")),o=n.trim();return r.has(o)},r=function(){return"group_".concat(Date.now(),"_").concat(Math.random().toString(36).substr(2,9))},o=function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:100;return t.items.length<n};export{n as areDuplicatedLink,o as canAddItemToGroup,t as convertStringToLinks,r as generateGroupId};
1
+ import{mediaRightStoreOptions as t}from"./configs.js";var n=function(){var t,n;return null!==(n=(null!==(t=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").split("http").join(" http").match(/[hH][tT][tT][pP][sS]?:\/\/[^\s]+/g))&&void 0!==t?t:[]).filter(function(t){return t}).map(function(t){return t.trim()}))&&void 0!==n?n:[]},r=function(){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",r=new Set(n(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"")),o=t.trim();return r.has(o)},o=function(){return"group_".concat(Date.now(),"_").concat(Math.random().toString(36).substr(2,9))},i=function(n){return n.length<t.MAX_GROUP},e=function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:100;return t.items.length<n};export{r as areDuplicatedLink,i as canAddGroup,e as canAddItemToGroup,n as convertStringToLinks,o as generateGroupId};
2
2
  //# sourceMappingURL=helpers.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"helpers.js","sources":["../../src/media-right/helpers.ts"],"sourcesContent":["import type { IMediaRightGroup } from './types'\r\n\r\n/**\r\n * Convert a string to an array of URLs using improved regex\r\n * @param text Input string\r\n * @returns Array of matched URLs\r\n */\r\nexport const convertStringToLinks = (text: string = ''): string[] => {\r\n const updatedText = text.split('http').join(' http')\r\n const list = updatedText.match(/[hH][tT][tT][pP][sS]?:\\/\\/[^\\s]+/g) ?? []\r\n return list.filter((x) => x).map((x) => x.trim()) ?? []\r\n}\r\n\r\n/**\r\n * Check if a link is duplicated in a string\r\n * @param linkString Input string containing links\r\n * @param value Link to check\r\n * @returns True if the link is duplicated, false otherwise\r\n */\r\nexport const areDuplicatedLink = (linkString: string = '', value: string = '') => {\r\n const linkSet = new Set(convertStringToLinks(linkString))\r\n const formatString = value.trim()\r\n return linkSet.has(formatString)\r\n}\r\n\r\n/**\r\n * Calculate total data from groups\r\n */\r\n// export const getTotalData = (groups: IMediaRightGroup[]): ICartSummary => {\r\n// return groups.reduce(\r\n// (acc, group) => {\r\n// const groupTotal = group.items.reduce((sum, item) => sum + (item.Price * item.Amount), 0)\r\n// return {\r\n// totalGroups: acc.totalGroups + 1,\r\n// totalItems: acc.totalItems + group.items.length,\r\n// totalPrice: acc.totalPrice + groupTotal\r\n// }\r\n// },\r\n// { totalGroups: 0, totalItems: 0, totalPrice: 0 }\r\n// )\r\n// }\r\n\r\n/**\r\n * Get total items and price for a specific group\r\n */\r\n// export const getGroupTotal = (group: IMediaRightGroup) => {\r\n// return group.items.reduce(\r\n// (acc, item) => ({\r\n// totalItems: acc.totalItems + 1,\r\n// totalPrice: acc.totalPrice + (item.Price * item.Amount)\r\n// }),\r\n// { totalItems: 0, totalPrice: 0 }\r\n// )\r\n// }\r\n\r\n/**\r\n * Generate unique group ID\r\n */\r\nexport const generateGroupId = () => {\r\n return `group_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`\r\n}\r\n\r\n/**\r\n * Validate group item limit\r\n */\r\nexport const canAddItemToGroup = (group: IMediaRightGroup, maxItems: number = 100): boolean => {\r\n return group.items.length < maxItems\r\n}\r\n"],"names":["convertStringToLinks","_updatedText$match","_list$filter$map","arguments","length","undefined","split","join","match","filter","x","map","trim","areDuplicatedLink","value","linkSet","Set","formatString","has","generateGroupId","concat","Date","now","Math","random","toString","substr","canAddItemToGroup","group","maxItems","items"],"mappings":"IAOaA,EAAuB,WAAgC,IAAAC,EAAAC,EAGlE,OAAiDA,QAAjDA,GADmED,QAAzDA,GAFwCE,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAA,IACzBG,MAAM,QAAQC,KAAK,SACnBC,MAAM,4CAAoCP,IAAAA,EAAAA,EAAI,IAC3DQ,OAAO,SAACC,GAAC,OAAKA,CAAC,GAAEC,IAAI,SAACD,GAAC,OAAKA,EAAEE,MAAM,UAACV,IAAAA,EAAAA,EAAI,EACvD,EAQaW,EAAoB,WAAgD,IAAtBC,EAAAX,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAgB,GACnEY,EAAU,IAAIC,IAAIhB,EAD6BG,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAA,KAE/Cc,EAAeH,EAAMF,OAC3B,OAAOG,EAAQG,IAAID,EACrB,EAmCaE,EAAkB,WAC7B,MAAAC,SAAAA,OAAgBC,KAAKC,MAAKF,KAAAA,OAAIG,KAAKC,SAASC,SAAS,IAAIC,OAAO,EAAG,GACrE,EAKaC,EAAoB,SAACC,GAA4D,IAAnCC,EAAA1B,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAmB,IAC5E,OAAOyB,EAAME,MAAM1B,OAASyB,CAC9B"}
1
+ {"version":3,"file":"helpers.js","sources":["../../src/media-right/helpers.ts"],"sourcesContent":["import { mediaRightStoreOptions } from './configs'\r\nimport type { IMediaRightGroup } from './types'\r\n\r\n/**\r\n * Convert a string to an array of URLs using improved regex\r\n * @param text Input string\r\n * @returns Array of matched URLs\r\n */\r\nexport const convertStringToLinks = (text: string = ''): string[] => {\r\n const updatedText = text.split('http').join(' http')\r\n const list = updatedText.match(/[hH][tT][tT][pP][sS]?:\\/\\/[^\\s]+/g) ?? []\r\n return list.filter((x) => x).map((x) => x.trim()) ?? []\r\n}\r\n\r\n/**\r\n * Check if a link is duplicated in a string\r\n * @param linkString Input string containing links\r\n * @param value Link to check\r\n * @returns True if the link is duplicated, false otherwise\r\n */\r\nexport const areDuplicatedLink = (linkString: string = '', value: string = '') => {\r\n const linkSet = new Set(convertStringToLinks(linkString))\r\n const formatString = value.trim()\r\n return linkSet.has(formatString)\r\n}\r\n\r\n/**\r\n * Calculate total data from groups\r\n */\r\n// export const getTotalData = (groups: IMediaRightGroup[]): ICartSummary => {\r\n// return groups.reduce(\r\n// (acc, group) => {\r\n// const groupTotal = group.items.reduce((sum, item) => sum + (item.Price * item.Amount), 0)\r\n// return {\r\n// totalGroups: acc.totalGroups + 1,\r\n// totalItems: acc.totalItems + group.items.length,\r\n// totalPrice: acc.totalPrice + groupTotal\r\n// }\r\n// },\r\n// { totalGroups: 0, totalItems: 0, totalPrice: 0 }\r\n// )\r\n// }\r\n\r\n/**\r\n * Get total items and price for a specific group\r\n */\r\n// export const getGroupTotal = (group: IMediaRightGroup) => {\r\n// return group.items.reduce(\r\n// (acc, item) => ({\r\n// totalItems: acc.totalItems + 1,\r\n// totalPrice: acc.totalPrice + (item.Price * item.Amount)\r\n// }),\r\n// { totalItems: 0, totalPrice: 0 }\r\n// )\r\n// }\r\n\r\n/**\r\n * Generate unique group ID\r\n */\r\nexport const generateGroupId = () => {\r\n return `group_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`\r\n}\r\n\r\n/**\r\n * Validate group limit\r\n */\r\nexport const canAddGroup = (group: IMediaRightGroup[]): boolean => {\r\n return group.length < mediaRightStoreOptions.MAX_GROUP\r\n}\r\n/**\r\n * Validate group item limit\r\n */\r\nexport const canAddItemToGroup = (group: IMediaRightGroup, maxItems: number = 100): boolean => {\r\n return group.items.length < maxItems\r\n}\r\n"],"names":["convertStringToLinks","_updatedText$match","_list$filter$map","arguments","length","undefined","split","join","match","filter","x","map","trim","areDuplicatedLink","value","linkSet","Set","formatString","has","generateGroupId","concat","Date","now","Math","random","toString","substr","canAddGroup","group","mediaRightStoreOptions","MAX_GROUP","canAddItemToGroup","maxItems","items"],"mappings":"0DAQaA,EAAuB,WAAgC,IAAAC,EAAAC,EAGlE,OAAiDA,QAAjDA,GADmED,QAAzDA,GAFwCE,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAA,IACzBG,MAAM,QAAQC,KAAK,SACnBC,MAAM,4CAAoCP,IAAAA,EAAAA,EAAI,IAC3DQ,OAAO,SAACC,GAAC,OAAKA,CAAC,GAAEC,IAAI,SAACD,GAAC,OAAKA,EAAEE,MAAM,UAACV,IAAAA,EAAAA,EAAI,EACvD,EAQaW,EAAoB,WAAgD,IAAtBC,EAAAX,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAgB,GACnEY,EAAU,IAAIC,IAAIhB,EAD6BG,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAA,KAE/Cc,EAAeH,EAAMF,OAC3B,OAAOG,EAAQG,IAAID,EACrB,EAmCaE,EAAkB,WAC7B,MAAAC,SAAAA,OAAgBC,KAAKC,MAAKF,KAAAA,OAAIG,KAAKC,SAASC,SAAS,IAAIC,OAAO,EAAG,GACrE,EAKaC,EAAc,SAACC,GAC1B,OAAOA,EAAMxB,OAASyB,EAAuBC,SAC/C,EAIaC,EAAoB,SAACH,GAA4D,IAAnCI,EAAA7B,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAmB,IAC5E,OAAOyB,EAAMK,MAAM7B,OAAS4B,CAC9B"}
@@ -1,2 +1,2 @@
1
- export{mediaRightStoreOptions}from"./configs.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,canAddItemToGroup,convertStringToLinks,generateGroupId}from"./helpers.js";
1
+ export{mediaRightStoreOptions}from"./configs.js";export{EChannelType}from"./types.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";
2
2
  //# sourceMappingURL=index.js.map
@@ -1,2 +1,2 @@
1
- import{slicedToArray as i}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as o,jsx as r}from"react/jsx-runtime";import{useState as e}from"react";import{Box as a,IconButton as t}from"@mui/material";import l from"@mui/icons-material/Remove";import n from"@mui/icons-material/Check";import s from"@mui/icons-material/Close";var m=function(m){var c=m.onDelete,p=m.size,d=void 0===p?"small":p,f=m.disabled,u=void 0!==f&&f,z=e(!1),v=i(z,2),x=v[0],b=v[1];return x?o(a,{sx:{display:"flex",gap:.5},children:[r(t,{size:d,onClick:function(i){i.stopPropagation(),c(),b(!1)},sx:{color:"success.main"},disabled:u,children:r(n,{fontSize:d})}),r(t,{size:d,onClick:function(i){i.stopPropagation(),b(!1)},sx:{color:"error.main"},disabled:u,children:r(s,{fontSize:d})})]}):r(t,{size:d,onClick:function(i){i.stopPropagation(),b(!0)},disabled:u,children:r(l,{fontSize:d})})};export{m as DeleteButton};
1
+ import{slicedToArray as i}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as o,jsx as r}from"react/jsx-runtime";import{useState as e}from"react";import{Box as a,IconButton as l}from"@mui/material";import t from"@mui/icons-material/Remove";import n from"@mui/icons-material/Check";import s from"@mui/icons-material/Close";var m=function(m){var c=m.onDelete,p=m.size,d=void 0===p?"small":p,f=m.disabled,u=void 0!==f&&f,z=e(!1),v=i(z,2),x=v[0],b=v[1];return x?o(a,{sx:{display:"flex",gap:.5},children:[r(l,{size:d,onClick:function(i){i.stopPropagation(),c(),b(!1)},sx:{color:"success.main"},disabled:u,children:r(n,{fontSize:d})}),r(l,{size:d,onClick:function(i){i.stopPropagation(),b(!1)},sx:{color:"error.main"},disabled:u,children:r(s,{fontSize:d})})]}):r(l,{size:d,onClick:function(i){i.stopPropagation(),b(!0)},disabled:u,color:"error",children:r(t,{fontSize:d})})};export{m as DeleteButton};
2
2
  //# sourceMappingURL=button.delete.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"button.delete.js","sources":["../../../src/media-right/media-widget/button.delete.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport { IconButton, Box } from '@mui/material'\r\nimport type { FC, MouseEvent } from 'react'\r\nimport RemoveIcon from '@mui/icons-material/Remove'\r\nimport CheckIcon from '@mui/icons-material/Check'\r\nimport CloseIcon from '@mui/icons-material/Close'\r\n\r\nexport interface IDeleteButtonProps {\r\n onDelete: () => void\r\n size?: 'small' | 'medium' | 'large'\r\n disabled?: boolean\r\n}\r\n\r\nexport const DeleteButton: FC<IDeleteButtonProps> = ({ onDelete, size = 'small', disabled = false }) => {\r\n const [isConfirming, setIsConfirming] = useState(false)\r\n\r\n const handleDeleteClick = (e: MouseEvent) => {\r\n e.stopPropagation()\r\n setIsConfirming(true)\r\n }\r\n\r\n const handleConfirm = (e: MouseEvent) => {\r\n e.stopPropagation()\r\n onDelete()\r\n setIsConfirming(false)\r\n }\r\n\r\n const handleCancel = (e: MouseEvent) => {\r\n e.stopPropagation()\r\n setIsConfirming(false)\r\n }\r\n\r\n if (isConfirming) {\r\n return (\r\n <Box sx={{ display: 'flex', gap: 0.5 }}>\r\n <IconButton size={size} onClick={handleConfirm} sx={{ color: 'success.main' }} disabled={disabled}>\r\n <CheckIcon fontSize={size} />\r\n </IconButton>\r\n <IconButton size={size} onClick={handleCancel} sx={{ color: 'error.main' }} disabled={disabled}>\r\n <CloseIcon fontSize={size} />\r\n </IconButton>\r\n </Box>\r\n )\r\n }\r\n\r\n return (\r\n <IconButton size={size} onClick={handleDeleteClick} disabled={disabled}>\r\n <RemoveIcon fontSize={size} />\r\n </IconButton>\r\n )\r\n}\r\n"],"names":["DeleteButton","_ref","onDelete","_ref$size","size","_ref$disabled","disabled","_useState","useState","_useState2","_slicedToArray","isConfirming","setIsConfirming","_jsxs","Box","sx","display","gap","children","_jsx","IconButton","onClick","e","stopPropagation","color","CheckIcon","fontSize","CloseIcon","RemoveIcon"],"mappings":"mVAaaA,EAAuC,SAA3BC,GAA8E,IAAhDC,EAAQD,EAARC,SAAQC,EAAAF,EAAEG,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EAAAE,EAAAJ,EAAEK,SAAAA,OAAW,IAAHD,GAAQA,EAC/FE,EAAwCC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAAhDI,EAAYF,EAAA,GAAEG,EAAeH,EAAA,GAkBpC,OAAIE,EAEAE,EAACC,EAAI,CAAAC,GAAI,CAAEC,QAAS,OAAQC,IAAK,IAAKC,SAAA,CACpCC,EAACC,EAAU,CAAChB,KAAMA,EAAMiB,QAdR,SAACC,GACrBA,EAAEC,kBACFrB,IACAU,GAAgB,EACjB,EAUqDG,GAAI,CAAES,MAAO,gBAAkBlB,SAAUA,EACvFY,SAAAC,EAACM,EAAS,CAACC,SAAUtB,MAEvBe,EAACC,EAAW,CAAAhB,KAAMA,EAAMiB,QAXT,SAACC,GACpBA,EAAEC,kBACFX,GAAgB,EACjB,EAQoDG,GAAI,CAAES,MAAO,cAAgBlB,SAAUA,EACpFY,SAAAC,EAACQ,EAAS,CAACD,SAAUtB,SAO3Be,EAACC,EAAW,CAAAhB,KAAMA,EAAMiB,QA9BA,SAACC,GACzBA,EAAEC,kBACFX,GAAgB,EACjB,EA2BqDN,SAAUA,EAC5DY,SAAAC,EAACS,EAAU,CAACF,SAAUtB,KAG5B"}
1
+ {"version":3,"file":"button.delete.js","sources":["../../../src/media-right/media-widget/button.delete.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport { IconButton, Box } from '@mui/material'\r\nimport type { FC, MouseEvent } from 'react'\r\nimport RemoveIcon from '@mui/icons-material/Remove'\r\nimport CheckIcon from '@mui/icons-material/Check'\r\nimport CloseIcon from '@mui/icons-material/Close'\r\n\r\nexport interface IDeleteButtonProps {\r\n onDelete: () => void\r\n size?: 'small' | 'medium' | 'large'\r\n disabled?: boolean\r\n}\r\n\r\nexport const DeleteButton: FC<IDeleteButtonProps> = ({ onDelete, size = 'small', disabled = false }) => {\r\n const [isConfirming, setIsConfirming] = useState(false)\r\n\r\n const handleDeleteClick = (e: MouseEvent) => {\r\n e.stopPropagation()\r\n setIsConfirming(true)\r\n }\r\n\r\n const handleConfirm = (e: MouseEvent) => {\r\n e.stopPropagation()\r\n onDelete()\r\n setIsConfirming(false)\r\n }\r\n\r\n const handleCancel = (e: MouseEvent) => {\r\n e.stopPropagation()\r\n setIsConfirming(false)\r\n }\r\n\r\n if (isConfirming) {\r\n return (\r\n <Box sx={{ display: 'flex', gap: 0.5 }}>\r\n <IconButton size={size} onClick={handleConfirm} sx={{ color: 'success.main' }} disabled={disabled}>\r\n <CheckIcon fontSize={size} />\r\n </IconButton>\r\n <IconButton size={size} onClick={handleCancel} sx={{ color: 'error.main' }} disabled={disabled}>\r\n <CloseIcon fontSize={size} />\r\n </IconButton>\r\n </Box>\r\n )\r\n }\r\n\r\n return (\r\n <IconButton size={size} onClick={handleDeleteClick} disabled={disabled} color='error'>\r\n <RemoveIcon fontSize={size} />\r\n </IconButton>\r\n )\r\n}\r\n"],"names":["DeleteButton","_ref","onDelete","_ref$size","size","_ref$disabled","disabled","_useState","useState","_useState2","_slicedToArray","isConfirming","setIsConfirming","_jsxs","Box","sx","display","gap","children","_jsx","IconButton","onClick","e","stopPropagation","color","CheckIcon","fontSize","CloseIcon","RemoveIcon"],"mappings":"mVAaaA,EAAuC,SAA3BC,GAA8E,IAAhDC,EAAQD,EAARC,SAAQC,EAAAF,EAAEG,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EAAAE,EAAAJ,EAAEK,SAAAA,OAAW,IAAHD,GAAQA,EAC/FE,EAAwCC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAAhDI,EAAYF,EAAA,GAAEG,EAAeH,EAAA,GAkBpC,OAAIE,EAEAE,EAACC,EAAI,CAAAC,GAAI,CAAEC,QAAS,OAAQC,IAAK,IAAKC,SAAA,CACpCC,EAACC,EAAU,CAAChB,KAAMA,EAAMiB,QAdR,SAACC,GACrBA,EAAEC,kBACFrB,IACAU,GAAgB,EACjB,EAUqDG,GAAI,CAAES,MAAO,gBAAkBlB,SAAUA,EACvFY,SAAAC,EAACM,EAAS,CAACC,SAAUtB,MAEvBe,EAACC,EAAW,CAAAhB,KAAMA,EAAMiB,QAXT,SAACC,GACpBA,EAAEC,kBACFX,GAAgB,EACjB,EAQoDG,GAAI,CAAES,MAAO,cAAgBlB,SAAUA,EACpFY,SAAAC,EAACQ,EAAS,CAACD,SAAUtB,SAO3Be,EAACC,EAAU,CAAChB,KAAMA,EAAMiB,QA9BA,SAACC,GACzBA,EAAEC,kBACFX,GAAgB,EACjB,EA2BqDN,SAAUA,EAAUkB,MAAM,QAAON,SACnFC,EAACS,EAAW,CAAAF,SAAUtB,KAG5B"}
@@ -1,2 +1,2 @@
1
- import{slicedToArray as o,objectSpread2 as r}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as e,jsx as n}from"react/jsx-runtime";import{useState as i,Fragment as t}from"react";import{Badge as l,Box as a,Typography as c,Stack as u,Button as p}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 f}from"./styled.js";import{IconButtonDark as h}from"../../components/buttons.js";import{MediaGroupAccordion as g}from"./media-group-accordion.js";import{useMediaRightStore as v,useMediaRightActions as x}from"../hook.js";var j=function(j){var k,y=j.localStorageKey,C=j.hrefCart,b=j.buttonMoveToCartProps,S=j.onDetailClick,M=v({localStorageKey:y}).groups,P=x({localStorageKey:y}),D=i(null),G=o(D,2),O=G[0],z=G[1],I=function(o){P.updateGroup(o.id,o)},K=function(o){P.removeGroup(o)},T=function(o,r){P.removeItem(o,r)};return e(t,{children:[n(h,{onClick:function(o){return z(o.currentTarget)},children:n(l,{badgeContent:M.length||0,color:"error",children:n(d,{})})}),n(f,{disableScrollLock:!0,anchorEl:O,open:Boolean(O),onClose:function(){return z(null)},anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},MenuListProps:{component:"div"},children:e(a,{children:[n(a,{sx:{display:"flex",alignItems:"center",padding:"12px 16px"},children:e(c,{variant:"h6",component:"span",sx:{flex:1},children:["Your Media Rights Package (",null!==(k=M.length)&&void 0!==k?k:0," Package",M.length>1?"s":"",")"]})}),0===M.length?n(s,{}):M.map(function(o){return n(g,{group:o,onEditGroup:I,onDeleteGroup:K,onDeleteMedia:T},o.id)}),n(u,{justifyContent:"end",flexDirection:"row",padding:"6px 12px",children:n(p,r(r(r({},C?{component:"a",href:C}:{}),{},{color:"inherit",size:"small",endIcon:n(m,{}),onClick:function(o){z(null),S&&S(o)},disabled:M.length<1},b),{},{children:"Show Package"}))})]})})]})},k=function(o){var e=function(e){return n(j,r(r({},o),e))};return e.displayName="MediaGroupWidget",e};export{j as MediaGroupWidget,k as createMediaGroupWidget};
1
+ import{slicedToArray as o,objectSpread2 as r}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as e,jsx as n}from"react/jsx-runtime";import{useState as i,Fragment as t}from"react";import{Badge as l,Box as a,Typography as c,Stack as p,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 f}from"./styled.js";import{IconButtonDark as h}from"../../components/buttons.js";import{MediaGroupAccordion as g}from"./media-group-accordion.js";import{useMediaRightStore as v,useMediaRightActions as j}from"../hook.js";import{NewGroupArea as x}from"./new-group-area.js";import{canAddGroup as k,generateGroupId as y}from"../helpers.js";var C=function(C){var S,b=C.localStorageKey,G=C.hrefCart,M=C.buttonMoveToCartProps,P=C.onDetailClick,D=v({localStorageKey:b}).groups,O=j({localStorageKey:b}),w=i(null),z=o(w,2),I=z[0],K=z[1],T=function(o){O.addGroup({name:o,id:y()})},B=function(o){O.updateGroup(o.id,o)},E=function(o){O.removeGroup(o)},F=function(o,r){O.removeItem(o,r)};return e(t,{children:[n(h,{onClick:function(o){return K(o.currentTarget)},children:n(l,{badgeContent:D.length||0,color:"error",children:n(d,{})})}),n(f,{disableScrollLock:!0,anchorEl:I,open:Boolean(I),onClose:function(){return K(null)},anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},MenuListProps:{component:"div"},children:e(a,{children:[n(a,{sx:{display:"flex",alignItems:"center",padding:"12px 16px"},children:e(c,{variant:"h6",component:"span",sx:{flex:1},children:["Your Media Rights Package (",null!==(S=D.length)&&void 0!==S?S:0," Package",D.length>1?"s":"",")"]})}),k(D)&&n(x,{onSaveGroup:T}),0===D.length?n(s,{}):D.map(function(o){return n(g,{group:o,onEditGroup:B,onDeleteGroup:E,onDeleteMedia:F},o.id)}),n(p,{justifyContent:"end",flexDirection:"row",padding:"6px 12px",children:n(u,r(r(r({},G?{component:"a",href:G}:{}),{},{color:"inherit",size:"small",endIcon:n(m,{}),onClick:function(o){K(null),P&&P(o)},disabled:D.length<1},M),{},{children:"Show Package"}))})]})})]})},S=function(o){var e=function(e){return n(C,r(r({},o),e))};return e.displayName="MediaGroupWidget",e};export{C as MediaGroupWidget,S as createMediaGroupWidget};
2
2
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/media-right/media-widget/index.tsx"],"sourcesContent":["import { Fragment, useState } from 'react'\r\nimport { Badge, Box, 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 { IMediaRightGroup } from '../types'\r\nimport { IconButtonDark } from '../../components/buttons'\r\nimport { MediaGroupAccordion } from './media-group-accordion'\r\nimport { useMediaRightStore, useMediaRightActions } from '../hook'\r\n\r\nexport interface IMediaGroupWidgetProps {\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\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 <Box>\r\n <Box sx={{ display: 'flex', alignItems: 'center', padding: '12px 16px' }}>\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 </Box>\r\n {/* <Divider /> */}\r\n {/* <NewGroupArea onSaveGroup={handleSaveNewGroup} /> */}\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 />\r\n ))\r\n )}\r\n {/* <Divider /> */}\r\n <Stack justifyContent={'end'} flexDirection={'row'} padding={'6px 12px'}>\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 </Box>\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 {renderContent()}\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","handleEditGroup","group","updateGroup","id","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","Box","sx","display","alignItems","padding","Typography","variant","flex","EmptyState","map","MediaGroupAccordion","onEditGroup","onDeleteGroup","onDeleteMedia","Stack","justifyContent","flexDirection","Button","_objectSpread","href","size","endIcon","DriveFileMoveOutlinedIcon","disabled","createMediaGroupWidget","params","_MediaGroupWidget","displayName"],"mappings":"qqBAkBaA,EAAqD,SAACC,GACjE,IAyB2BC,EAzBnBC,EAAoEF,EAApEE,gBAAiBC,EAAmDH,EAAnDG,SAAUC,EAAyCJ,EAAzCI,sBAAuBC,EAAkBL,EAAlBK,cAClDC,EAAWC,EAAmB,CAAEL,gBAAAA,IAAhCI,OACFE,EAAUC,EAAqB,CAAEP,gBAAAA,IAEvCQ,EAAgCC,EAA6B,MAAKC,EAAAC,EAAAH,EAAA,GAA3DI,EAAQF,EAAA,GAAEG,EAAWH,EAAA,GAStBI,EAAkB,SAACC,GACvBT,EAAQU,YAAYD,EAAME,GAAIF,EAC/B,EAEKG,EAAoB,SAACC,GACzBb,EAAQc,YAAYD,EACrB,EAEKE,EAAoB,SAACF,EAAiBG,GAC1ChB,EAAQiB,WAAWJ,EAASG,EAC7B,EA8CD,OACEE,EAACC,EAAQ,CAAAC,SAAA,CACPC,EAACC,EAAc,CAACC,QAAS,SAACC,GAAC,OAAKjB,EAAYiB,EAAEC,cAAc,EAAAL,SAC1DC,EAACK,EAAM,CAAAC,aAAc7B,EAAO8B,QAAU,EAAGC,MAAM,QAAOT,SACpDC,EAACS,UAGLT,EAACU,EAAU,CACTC,mBACA,EAAA1B,SAAUA,EACV2B,KAAMC,QAAQ5B,GACd6B,QAAS,WAAF,OAAQ5B,EAAY,KAAK,EAChC6B,aAAc,CAAEC,SAAU,MAAOC,WAAY,SAC7CC,gBAAiB,CAAEF,SAAU,MAAOC,WAAY,SAChDE,cAAe,CAAEC,UAAW,OAAOrB,SAxDrCF,EAACwB,aACCrB,EAACqB,GAAIC,GAAI,CAAEC,QAAS,OAAQC,WAAY,SAAUC,QAAS,sBACzD5B,EAAC6B,GAAWC,QAAQ,KAAKP,UAAU,OAAOE,GAAI,CAAEM,KAAM,GAAG7B,SAAA,CAAA,8BACd,QADc3B,EAC3BK,EAAO8B,cAAM,IAAAnC,EAAAA,EAAI,aAAWK,EAAO8B,OAAS,EAAI,IAAM,YAKnE,IAAlB9B,EAAO8B,OACNP,EAAC6B,MAEDpD,EAAOqD,IAAI,SAAC1C,GAAK,OACfY,EAAC+B,EAEC,CAAA3C,MAAOA,EACP4C,YAAa7C,EACb8C,cAAe1C,EACf2C,cAAexC,GAJVN,EAAME,GAKX,GAINU,EAACmC,GAAMC,eAAgB,MAAOC,cAAe,MAAOZ,QAAS,WAC3D1B,SAAAC,EAACsC,EAAMC,EAAAA,EAAAA,EACAjE,CAAAA,EAAAA,EAAW,CAAE8C,UAAW,IAAKoB,KAAMlE,GAAa,CAAA,GAAE,GAAA,CACvDkC,MAAM,UACNiC,KAAK,QACLC,QAAS1C,EAAC2C,MACVzC,QAAS,SAACC,GACRjB,EAAY,MACRV,GAAeA,EAAc2B,EAClC,EACDyC,SAAUnE,EAAO8B,OAAS,GACtBhC,GAAqB,GAAA,CAAAwB,SAAA,2BA6BrC,EAEa8C,EAAyB,SAACC,GACrC,IAAMC,EAA+D,SAAC5E,GAAK,OAAK6B,EAAC9B,EAAgBqE,EAAAA,EAAA,CAAA,EAAKO,GAAY3E,GAAS,EAE3H,OADA4E,EAAkBC,YAAc,mBACzBD,CACT"}
1
+ {"version":3,"file":"index.js","sources":["../../../src/media-right/media-widget/index.tsx"],"sourcesContent":["import { Fragment, useState } from 'react'\r\nimport { Badge, Box, 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 { IMediaRightGroup } from '../types'\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\n\r\nexport interface IMediaGroupWidgetProps {\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\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 <Box>\r\n <Box sx={{ display: 'flex', alignItems: 'center', padding: '12px 16px' }}>\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 </Box>\r\n {/* <Divider /> */}\r\n {canAddGroup(groups) && <NewGroupArea onSaveGroup={handleSaveNewGroup} />}\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 />\r\n ))\r\n )}\r\n {/* <Divider /> */}\r\n <Stack justifyContent={'end'} flexDirection={'row'} padding={'6px 12px'}>\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 </Box>\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 {renderContent()}\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","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","Box","sx","display","alignItems","padding","Typography","variant","flex","canAddGroup","NewGroupArea","onSaveGroup","EmptyState","map","MediaGroupAccordion","onEditGroup","onDeleteGroup","onDeleteMedia","Stack","justifyContent","flexDirection","Button","_objectSpread","href","size","endIcon","DriveFileMoveOutlinedIcon","disabled","createMediaGroupWidget","params","_MediaGroupWidget","displayName"],"mappings":"yxBAoBaA,EAAqD,SAACC,GACjE,IAyB2BC,EAzBnBC,EAAoEF,EAApEE,gBAAiBC,EAAmDH,EAAnDG,SAAUC,EAAyCJ,EAAzCI,sBAAuBC,EAAkBL,EAAlBK,cAClDC,EAAWC,EAAmB,CAAEL,gBAAAA,IAAhCI,OACFE,EAAUC,EAAqB,CAAEP,gBAAAA,IAEvCQ,EAAgCC,EAA6B,MAAKC,EAAAC,EAAAH,EAAA,GAA3DI,EAAQF,EAAA,GAAEG,EAAWH,EAAA,GAEtBI,EAAqB,SAACC,GAC1BT,EAAQU,SAAS,CACfC,KAAMF,EACNG,GAAIC,KAEP,EAEKC,EAAkB,SAACC,GACvBf,EAAQgB,YAAYD,EAAMH,GAAIG,EAC/B,EAEKE,EAAoB,SAACC,GACzBlB,EAAQmB,YAAYD,EACrB,EAEKE,EAAoB,SAACF,EAAiBG,GAC1CrB,EAAQsB,WAAWJ,EAASG,EAC7B,EA8CD,OACEE,EAACC,EAAQ,CAAAC,SAAA,CACPC,EAACC,EAAc,CAACC,QAAS,SAACC,GAAC,OAAKtB,EAAYsB,EAAEC,cAAc,EAAAL,SAC1DC,EAACK,EAAM,CAAAC,aAAclC,EAAOmC,QAAU,EAAGC,MAAM,QAAOT,SACpDC,EAACS,UAGLT,EAACU,EAAU,CACTC,mBACA,EAAA/B,SAAUA,EACVgC,KAAMC,QAAQjC,GACdkC,QAAS,WAAF,OAAQjC,EAAY,KAAK,EAChCkC,aAAc,CAAEC,SAAU,MAAOC,WAAY,SAC7CC,gBAAiB,CAAEF,SAAU,MAAOC,WAAY,SAChDE,cAAe,CAAEC,UAAW,OAAOrB,SAxDrCF,EAACwB,EAAG,CAAAtB,SAAA,CACFC,EAACqB,EAAG,CAACC,GAAI,CAAEC,QAAS,OAAQC,WAAY,SAAUC,QAAS,sBACzD5B,EAAC6B,GAAWC,QAAQ,KAAKP,UAAU,OAAOE,GAAI,CAAEM,KAAM,GACxB7B,SAAA,CAAA,8BAAa,QAAbhC,EAAAK,EAAOmC,cAAM,IAAAxC,EAAAA,EAAI,EAAW,WAAAK,EAAOmC,OAAS,EAAI,IAAM,YAIrFsB,EAAYzD,IAAW4B,EAAC8B,EAAa,CAAAC,YAAajD,IAChC,IAAlBV,EAAOmC,OACNP,EAACgC,MAED5D,EAAO6D,IAAI,SAAC5C,GAAK,OACfW,EAACkC,GAEC7C,MAAOA,EACP8C,YAAa/C,EACbgD,cAAe7C,EACf8C,cAAe3C,GAJVL,EAAMH,GAKX,GAINc,EAACsC,GAAMC,eAAgB,MAAOC,cAAe,MAAOf,QAAS,oBAC3DzB,EAACyC,EAAMC,EAAAA,EAAAA,EACAzE,CAAAA,EAAAA,EAAW,CAAEmD,UAAW,IAAKuB,KAAM1E,GAAa,CAAA,GAAE,GAAA,CACvDuC,MAAM,UACNoC,KAAK,QACLC,QAAS7C,EAAC8C,MACV5C,QAAS,SAACC,GACRtB,EAAY,MACRV,GAAeA,EAAcgC,EAClC,EACD4C,SAAU3E,EAAOmC,OAAS,GACtBrC,GAAqB,GAAA,CAAA6B,SAAA,2BA6BrC,EAEaiD,EAAyB,SAACC,GACrC,IAAMC,EAA+D,SAACpF,GAAK,OAAKkC,EAACnC,EAAgB6E,EAAAA,EAAA,CAAA,EAAKO,GAAYnF,GAAS,EAE3H,OADAoF,EAAkBC,YAAc,mBACzBD,CACT"}
@@ -1,2 +1,2 @@
1
- import{slicedToArray as t,objectSpread2 as i}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as o,Fragment as r,jsxs as e}from"react/jsx-runtime";import{useState as n}from"react";import{Box as l,TextField as a,IconButton as m}from"@mui/material";import s from"@mui/icons-material/Check";import u from"@mui/icons-material/Close";var c=function(c){var p=c.onSubmit,f=c.setShowEdit,d=c.sxForm,g=c.defaultValue,h=c.isEdit,v=c.textField,b=c.children,x=n(g||""),C=t(x,2),S=C[0],z=C[1],k=function(){S.trim()&&(p(S.trim()),z(""),f(!1))};return o(r,{children:h?o(function(){return e(l,{component:"form",onSubmit:function(t){t.preventDefault(),k()},sx:i({display:"flex",alignItems:"center",gap:1},d),children:[o(a,i({size:"small",value:S,onChange:function(t){return z(t.target.value)},autoFocus:!0,variant:"outlined",onClick:function(t){return t.stopPropagation()}},v)),o(m,{type:"submit",size:"small",color:"success",onClick:function(t){t.stopPropagation(),k()},disabled:!S.trim(),children:o(s,{fontSize:"small"})}),o(m,{size:"small",onClick:function(t){t.stopPropagation(),z(""),f(!1)},color:"error",children:o(u,{fontSize:"small"})})]})},{}):b})};export{c as InlineEditing};
1
+ import{slicedToArray as t,objectSpread2 as i}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as o,Fragment as r,jsxs as e}from"react/jsx-runtime";import{useState as n}from"react";import{Box as l,TextField as a,IconButton as m}from"@mui/material";import s from"@mui/icons-material/Check";import u from"@mui/icons-material/Close";var c=function(c){var p=c.onSubmit,f=c.setShowEdit,d=c.sxForm,g=c.defaultValue,h=c.isEdit,v=c.textField,b=c.children,x=n(g||""),C=t(x,2),S=C[0],z=C[1],k=function(){S.trim()&&(p(S.trim()),z(""),f(!1))};return o(r,{children:h?o(function(){return e(l,{component:"form",onSubmit:function(t){t.preventDefault(),k()},sx:i({display:"flex",alignItems:"center",gap:1},d),children:[o(a,i({size:"small",value:S,onChange:function(t){t.preventDefault(),z(t.target.value)},autoFocus:!0,variant:"outlined",onClick:function(t){return t.stopPropagation()}},v)),o(m,{type:"submit",size:"small",color:"success",onClick:function(t){t.stopPropagation(),k()},disabled:!S.trim(),children:o(s,{fontSize:"small"})}),o(m,{size:"small",onClick:function(t){t.stopPropagation(),z(""),f(!1)},color:"error",children:o(u,{fontSize:"small"})})]})},{}):b})};export{c as InlineEditing};
2
2
  //# sourceMappingURL=inline-editing.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"inline-editing.js","sources":["../../../src/media-right/media-widget/inline-editing.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport type { FC, PropsWithChildren } from 'react'\r\nimport { Box, TextField, IconButton, TextFieldProps, SxProps, Theme } from '@mui/material'\r\nimport CheckIcon from '@mui/icons-material/Check'\r\nimport CloseIcon from '@mui/icons-material/Close'\r\n\r\nexport interface IInlineEditingProps extends PropsWithChildren {\r\n onSubmit: (value: string) => void\r\n isEdit: boolean\r\n setShowEdit: (show: boolean) => void\r\n defaultValue?: string\r\n textField?: TextFieldProps\r\n sxForm?: SxProps<Theme>\r\n}\r\n\r\nexport const InlineEditing: FC<IInlineEditingProps> = ({ onSubmit, setShowEdit, sxForm, defaultValue, isEdit, textField, children }) => {\r\n const [newValue, setNewValue] = useState<string>(defaultValue || '')\r\n\r\n const handleSubmit = () => {\r\n if (newValue.trim()) {\r\n onSubmit(newValue.trim())\r\n setNewValue('')\r\n setShowEdit(false)\r\n }\r\n }\r\n\r\n const handleCancel = () => {\r\n setNewValue('')\r\n setShowEdit(false)\r\n }\r\n\r\n const NewGroupInput = () => (\r\n <Box\r\n component='form'\r\n onSubmit={(e) => {\r\n e.preventDefault()\r\n handleSubmit()\r\n }}\r\n sx={{ display: 'flex', alignItems: 'center', gap: 1, ...sxForm }}\r\n >\r\n <TextField\r\n size='small'\r\n value={newValue}\r\n onChange={(e) => setNewValue(e.target.value)}\r\n autoFocus\r\n variant='outlined'\r\n onClick={(e) => e.stopPropagation()}\r\n {...textField}\r\n />\r\n <IconButton\r\n type='submit'\r\n size='small'\r\n color='success'\r\n onClick={(e) => {\r\n e.stopPropagation()\r\n handleSubmit()\r\n }}\r\n disabled={!newValue.trim()}\r\n >\r\n <CheckIcon fontSize='small' />\r\n </IconButton>\r\n <IconButton\r\n size='small'\r\n onClick={(e) => {\r\n e.stopPropagation()\r\n handleCancel()\r\n }}\r\n color='error'\r\n >\r\n <CloseIcon fontSize='small' />\r\n </IconButton>\r\n </Box>\r\n )\r\n\r\n return <>{!isEdit ? children : <NewGroupInput />}</>\r\n}\r\n"],"names":["InlineEditing","_ref","onSubmit","setShowEdit","sxForm","defaultValue","isEdit","textField","children","_useState","useState","_useState2","_slicedToArray","newValue","setNewValue","handleSubmit","trim","_jsx","_Fragment","_jsxs","Box","component","e","preventDefault","sx","_objectSpread","display","alignItems","gap","TextField","size","value","onChange","target","autoFocus","variant","onClick","stopPropagation","IconButton","type","color","disabled","CheckIcon","fontSize","CloseIcon"],"mappings":"yVAeaA,EAAyC,SAA5BC,GAA6G,IAA9EC,EAAQD,EAARC,SAAUC,EAAWF,EAAXE,YAAaC,EAAMH,EAANG,OAAQC,EAAYJ,EAAZI,aAAcC,EAAML,EAANK,OAAQC,EAASN,EAATM,UAAWC,EAAQP,EAARO,SACvHC,EAAgCC,EAAiBL,GAAgB,IAAGM,EAAAC,EAAAH,EAAA,GAA7DI,EAAQF,EAAA,GAAEG,EAAWH,EAAA,GAEtBI,EAAe,WACfF,EAASG,SACXd,EAASW,EAASG,QAClBF,EAAY,IACZX,GAAY,GAEf,EAkDD,OAAOc,EAAGC,EAAA,CAAAV,SAACF,EAAoBW,EA3CT,WAAH,OACjBE,EAACC,EAAG,CACFC,UAAU,OACVnB,SAAU,SAACoB,GACTA,EAAEC,iBACFR,GACD,EACDS,GAAEC,EAAA,CAAIC,QAAS,OAAQC,WAAY,SAAUC,IAAK,GAAMxB,GAExDI,SAAA,CAAAS,EAACY,EAASJ,EAAA,CACRK,KAAK,QACLC,MAAOlB,EACPmB,SAAU,SAACV,GAAC,OAAKR,EAAYQ,EAAEW,OAAOF,MAAM,EAC5CG,WAAS,EACTC,QAAQ,WACRC,QAAS,SAACd,GAAC,OAAKA,EAAEe,iBAAiB,GAC/B9B,IAENU,EAACqB,EACC,CAAAC,KAAK,SACLT,KAAK,QACLU,MAAM,UACNJ,QAAS,SAACd,GACRA,EAAEe,kBACFtB,GACD,EACD0B,UAAW5B,EAASG,OAEpBR,SAAAS,EAACyB,EAAS,CAACC,SAAS,YAEtB1B,EAACqB,EAAU,CACTR,KAAK,QACLM,QAAS,SAACd,GACRA,EAAEe,kBArCRvB,EAAY,IACZX,GAAY,EAsCP,EACDqC,MAAM,iBAENvB,EAAC2B,EAAU,CAAAD,SAAS,cAGzB,EAE4C,CAAA,GAAzBnC,GACtB"}
1
+ {"version":3,"file":"inline-editing.js","sources":["../../../src/media-right/media-widget/inline-editing.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport type { FC, PropsWithChildren } from 'react'\r\nimport { Box, TextField, IconButton, TextFieldProps, SxProps, Theme } from '@mui/material'\r\nimport CheckIcon from '@mui/icons-material/Check'\r\nimport CloseIcon from '@mui/icons-material/Close'\r\n\r\nexport interface IInlineEditingProps extends PropsWithChildren {\r\n onSubmit: (value: string) => void\r\n isEdit: boolean\r\n setShowEdit: (show: boolean) => void\r\n defaultValue?: string\r\n textField?: TextFieldProps\r\n sxForm?: SxProps<Theme>\r\n}\r\n\r\nexport const InlineEditing: FC<IInlineEditingProps> = ({ onSubmit, setShowEdit, sxForm, defaultValue, isEdit, textField, children }) => {\r\n const [newValue, setNewValue] = useState<string>(defaultValue || '')\r\n\r\n const handleSubmit = () => {\r\n if (newValue.trim()) {\r\n onSubmit(newValue.trim())\r\n setNewValue('')\r\n setShowEdit(false)\r\n }\r\n }\r\n\r\n const handleCancel = () => {\r\n setNewValue('')\r\n setShowEdit(false)\r\n }\r\n\r\n const NewGroupInput = () => (\r\n <Box\r\n component='form'\r\n onSubmit={(e) => {\r\n e.preventDefault()\r\n handleSubmit()\r\n }}\r\n sx={{ display: 'flex', alignItems: 'center', gap: 1, ...sxForm }}\r\n >\r\n <TextField\r\n size='small'\r\n value={newValue}\r\n onChange={(e) => {\r\n e.preventDefault()\r\n setNewValue(e.target.value)\r\n }}\r\n autoFocus\r\n variant='outlined'\r\n onClick={(e) => e.stopPropagation()}\r\n {...textField}\r\n />\r\n <IconButton\r\n type='submit'\r\n size='small'\r\n color='success'\r\n onClick={(e) => {\r\n e.stopPropagation()\r\n handleSubmit()\r\n }}\r\n disabled={!newValue.trim()}\r\n >\r\n <CheckIcon fontSize='small' />\r\n </IconButton>\r\n <IconButton\r\n size='small'\r\n onClick={(e) => {\r\n e.stopPropagation()\r\n handleCancel()\r\n }}\r\n color='error'\r\n >\r\n <CloseIcon fontSize='small' />\r\n </IconButton>\r\n </Box>\r\n )\r\n\r\n return <>{!isEdit ? children : <NewGroupInput />}</>\r\n}\r\n"],"names":["InlineEditing","_ref","onSubmit","setShowEdit","sxForm","defaultValue","isEdit","textField","children","_useState","useState","_useState2","_slicedToArray","newValue","setNewValue","handleSubmit","trim","_jsx","_Fragment","_jsxs","Box","component","e","preventDefault","sx","_objectSpread","display","alignItems","gap","TextField","size","value","onChange","target","autoFocus","variant","onClick","stopPropagation","IconButton","type","color","disabled","CheckIcon","fontSize","CloseIcon"],"mappings":"yVAeaA,EAAyC,SAA5BC,GAA6G,IAA9EC,EAAQD,EAARC,SAAUC,EAAWF,EAAXE,YAAaC,EAAMH,EAANG,OAAQC,EAAYJ,EAAZI,aAAcC,EAAML,EAANK,OAAQC,EAASN,EAATM,UAAWC,EAAQP,EAARO,SACvHC,EAAgCC,EAAiBL,GAAgB,IAAGM,EAAAC,EAAAH,EAAA,GAA7DI,EAAQF,EAAA,GAAEG,EAAWH,EAAA,GAEtBI,EAAe,WACfF,EAASG,SACXd,EAASW,EAASG,QAClBF,EAAY,IACZX,GAAY,GAEf,EAqDD,OAAOc,EAAGC,EAAA,CAAAV,SAACF,EAAoBW,EA9CT,WAAH,OACjBE,EAACC,EAAG,CACFC,UAAU,OACVnB,SAAU,SAACoB,GACTA,EAAEC,iBACFR,GACD,EACDS,GAAEC,EAAA,CAAIC,QAAS,OAAQC,WAAY,SAAUC,IAAK,GAAMxB,GAAQI,SAAA,CAEhES,EAACY,EAASJ,EAAA,CACRK,KAAK,QACLC,MAAOlB,EACPmB,SAAU,SAACV,GACTA,EAAEC,iBACFT,EAAYQ,EAAEW,OAAOF,MACtB,EACDG,WAAS,EACTC,QAAQ,WACRC,QAAS,SAACd,GAAC,OAAKA,EAAEe,iBAAiB,GAC/B9B,IAENU,EAACqB,EACC,CAAAC,KAAK,SACLT,KAAK,QACLU,MAAM,UACNJ,QAAS,SAACd,GACRA,EAAEe,kBACFtB,GACD,EACD0B,UAAW5B,EAASG,OAEpBR,SAAAS,EAACyB,EAAS,CAACC,SAAS,YAEtB1B,EAACqB,EAAU,CACTR,KAAK,QACLM,QAAS,SAACd,GACRA,EAAEe,kBAxCRvB,EAAY,IACZX,GAAY,EAyCP,EACDqC,MAAM,iBAENvB,EAAC2B,EAAU,CAAAD,SAAS,cAGzB,EAE4C,CAAA,GAAzBnC,GACtB"}
@@ -1,2 +1,2 @@
1
- import{slicedToArray as i,objectSpread2 as e}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as t,jsx as n}from"react/jsx-runtime";import{useState as o}from"react";import{Accordion as r,AccordionSummary as m,Box as l,Typography as a,Chip as s,IconButton as d,AccordionDetails as p}from"@mui/material";import u from"@mui/icons-material/Edit";import c 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 W=function(W){var b=W.group,E=W.onEditGroup,M=W.onDeleteGroup,S=W.onDeleteMedia,y=o(!1),z=i(y,2),v=z[0],A=z[1];return t(r,{sx:{my:"0 !important"},children:[n(m,{expandIcon:n(c,{}),sx:{minWidth:0,"& .MuiAccordionSummary-content":{minWidth:0,margin:0}},children:t(l,{sx:{display:"flex",alignItems:"center",flex:1,gap:1,minWidth:0},children:[n(f,{fontSize:"small"}),t(g,{isEdit:v,setShowEdit:A,onSubmit:function(i){E(e(e({},b),{},{name:i})),A(!1)},defaultValue:b.name,textField:{inputProps:{maxLength:j.MAX_NAME_GROUP},sx:{flex:1,minWidth:0,"& .MuiOutlinedInput-root":{height:"32px"}}},sxForm:{flex:1},children:[n(a,{variant:"body1",noWrap:!0,fontWeight:600,sx:{flex:1,minWidth:0},children:b.name}),n(s,{label:"".concat(b.items.length," items"),size:"small"}),n(d,{size:"small",onClick:function(i){i.stopPropagation(),A(!0)},children:n(u,{fontSize:"small"})}),n(h,{onDelete:function(){return M(b.id)},size:"small"})]},b.id+b.name+v)]})}),n(p,{sx:{p:0},children:n(x,{medias:b.items,onDelete:function(i){return S(b.id,i)}})})]})};export{W as MediaGroupAccordion};
1
+ import{slicedToArray as i,objectSpread2 as e}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as t,jsx as n}from"react/jsx-runtime";import{useState as o}from"react";import{Accordion as r,AccordionSummary as m,Box as l,Typography as a,Chip as s,IconButton as d,AccordionDetails as p}from"@mui/material";import c 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 S=function(S){var W=S.group,b=S.onEditGroup,z=S.onDeleteGroup,E=S.onDeleteMedia,M=o(!1),y=i(M,2),v=y[0],A=y[1];return t(r,{sx:{my:"0 !important"},children:[n(m,{expandIcon:n(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:[n(f,{fontSize:"small"}),t(g,{isEdit:v,setShowEdit:A,onSubmit:function(i){b(e(e({},W),{},{name:i})),A(!1)},defaultValue:W.name,textField:{inputProps:{maxLength:j.MAX_NAME_GROUP},sx:{flex:1,minWidth:0,"& .MuiOutlinedInput-root":{height:"32px"}}},sxForm:{flex:1},children:[n(a,{variant:"body2",noWrap:!0,fontWeight:600,sx:{flex:1,minWidth:0},children:W.name}),n(s,{sx:{fontSize:"12px"},label:"".concat(W.items.length," items"),size:"small"}),n(d,{size:"small",onClick:function(i){i.stopPropagation(),A(!0)},color:"success",children:n(c,{fontSize:"small"})}),n(h,{onDelete:function(){return z(W.id)},size:"small"})]},W.id+W.name+v)]})}),n(p,{sx:{p:0},children:n(x,{medias:W.items,onDelete:function(i){return E(W.id,i)}})})]})};export{S as MediaGroupAccordion};
2
2
  //# sourceMappingURL=media-group-accordion.js.map
@@ -1 +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 } from '@mui/material'\r\nimport type { FC, MouseEvent } from 'react'\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 { IMediaRightGroup } from '../types'\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 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, 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 sx={{ my: '0 !important' }}>\r\n <AccordionSummary 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='body1' noWrap fontWeight={600} sx={{ flex: 1, minWidth: 0 }}>\r\n {group.name}\r\n </Typography>\r\n <Chip label={`${group.items.length} items`} size='small' />\r\n <IconButton size='small' onClick={handleEditClick}>\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","onEditGroup","onDeleteGroup","onDeleteMedia","_useState","useState","_useState2","_slicedToArray","isEditing","setIsEditing","_jsxs","Accordion","sx","my","children","_jsx","AccordionSummary","expandIcon","ExpandMoreIcon","minWidth","margin","Box","display","alignItems","flex","gap","FolderOutlinedIcon","fontSize","InlineEditing","isEdit","setShowEdit","onSubmit","value","_objectSpread","name","defaultValue","textField","inputProps","maxLength","mediaRightStoreOptions","MAX_NAME_GROUP","height","sxForm","Typography","variant","noWrap","fontWeight","Chip","label","concat","items","length","size","IconButton","onClick","e","stopPropagation","EditIcon","DeleteButton","onDelete","id","AccordionDetails","p","MediaList","medias","mediaId"],"mappings":"gpBAmBaA,EAAqD,SAAlCC,GAA2F,IAAtDC,EAAKD,EAALC,MAAOC,EAAWF,EAAXE,YAAaC,EAAaH,EAAbG,cAAeC,EAAaJ,EAAbI,cACtGC,EAAkCC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAA1CI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAY9B,OACEI,EAACC,EAAS,CAACC,GAAI,CAAEC,GAAI,gBACnBC,SAAA,CAAAC,EAACC,EAAiB,CAAAC,WAAYF,EAACG,EAAiB,IAAEN,GAAI,CAAEO,SAAU,EAAG,iCAAkC,CAAEA,SAAU,EAAGC,OAAQ,IAC5HN,SAAAJ,EAACW,EAAI,CAAAT,GAAI,CAAEU,QAAS,OAAQC,WAAY,SAAUC,KAAM,EAAGC,IAAK,EAAGN,SAAU,aAC3EJ,EAACW,EAAmB,CAAAC,SAAS,UAC7BjB,EAACkB,EAEC,CAAAC,OAAQrB,EACRsB,YAAarB,EACbsB,SAnBa,SAACC,GACtB/B,EAAWgC,EAAAA,KAAMjC,GAAK,CAAA,EAAA,CAAEkC,KAAMF,KAC9BvB,GAAa,EACd,EAiBS0B,aAAcnC,EAAMkC,KACpBE,UAAW,CACTC,WAAY,CAAEC,UAAWC,EAAuBC,gBAChD5B,GAAI,CAAEY,KAAM,EAAGL,SAAU,EAAG,2BAA4B,CAAEsB,OAAQ,UAEpEC,OAAQ,CAAElB,KAAM,GAEhBV,SAAA,CAAAC,EAAC4B,EAAW,CAAAC,QAAQ,QAAQC,QAAM,EAACC,WAAY,IAAKlC,GAAI,CAAEY,KAAM,EAAGL,SAAU,GAAGL,SAC7Ed,EAAMkC,OAETnB,EAACgC,EAAK,CAAAC,MAAK,GAAAC,OAAKjD,EAAMkD,MAAMC,OAAc,UAAEC,KAAK,UACjDrC,EAACsC,EAAU,CAACD,KAAK,QAAQE,QA1BX,SAACC,GACvBA,EAAEC,kBACF/C,GAAa,EACd,WAwBWM,EAAC0C,EAAS,CAAA9B,SAAS,YAErBZ,EAAC2C,EAAa,CAAAC,SAAU,WAAF,OAAQzD,EAAcF,EAAM4D,GAAG,EAAER,KAAK,YAlBvDpD,EAAM4D,GAAK5D,EAAMkC,KAAO1B,QAsBnCO,EAAC8C,EAAgB,CAACjD,GAAI,CAAEkD,EAAG,GACzBhD,SAAAC,EAACgD,EAAS,CAACC,OAAQhE,EAAMkD,MAAOS,SAAU,SAACM,GAAO,OAAK9D,EAAcH,EAAM4D,GAAIK,EAAQ,QAI/F"}
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 } from '@mui/material'\r\nimport type { FC, MouseEvent } from 'react'\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 { IMediaRightGroup } from '../types'\r\nimport { DeleteButton } from './button.delete'\r\nimport { InlineEditing } from './inline-editing'\r\nimport { mediaRightStoreOptions } from '../configs'\r\nimport { fontSize } from '@mui/system'\r\n\r\nexport interface IMediaGroupAccordionProps {\r\n group: IMediaRightGroup\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, 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 sx={{ my: '0 !important' }}>\r\n <AccordionSummary 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 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","onEditGroup","onDeleteGroup","onDeleteMedia","_useState","useState","_useState2","_slicedToArray","isEditing","setIsEditing","_jsxs","Accordion","sx","my","children","_jsx","AccordionSummary","expandIcon","ExpandMoreIcon","minWidth","margin","Box","display","alignItems","flex","gap","FolderOutlinedIcon","fontSize","InlineEditing","isEdit","setShowEdit","onSubmit","value","_objectSpread","name","defaultValue","textField","inputProps","maxLength","mediaRightStoreOptions","MAX_NAME_GROUP","height","sxForm","Typography","variant","noWrap","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,GAA2F,IAAtDC,EAAKD,EAALC,MAAOC,EAAWF,EAAXE,YAAaC,EAAaH,EAAbG,cAAeC,EAAaJ,EAAbI,cACtGC,EAAkCC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAA1CI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAY9B,OACEI,EAACC,EAAS,CAACC,GAAI,CAAEC,GAAI,gBACnBC,SAAA,CAAAC,EAACC,EAAiB,CAAAC,WAAYF,EAACG,EAAiB,IAAEN,GAAI,CAAEO,SAAU,EAAG,iCAAkC,CAAEA,SAAU,EAAGC,OAAQ,IAC5HN,SAAAJ,EAACW,EAAI,CAAAT,GAAI,CAAEU,QAAS,OAAQC,WAAY,SAAUC,KAAM,EAAGC,IAAK,EAAGN,SAAU,aAC3EJ,EAACW,EAAmB,CAAAC,SAAS,UAC7BjB,EAACkB,EAEC,CAAAC,OAAQrB,EACRsB,YAAarB,EACbsB,SAnBa,SAACC,GACtB/B,EAAWgC,EAAAA,KAAMjC,GAAK,CAAA,EAAA,CAAEkC,KAAMF,KAC9BvB,GAAa,EACd,EAiBS0B,aAAcnC,EAAMkC,KACpBE,UAAW,CACTC,WAAY,CAAEC,UAAWC,EAAuBC,gBAChD5B,GAAI,CAAEY,KAAM,EAAGL,SAAU,EAAG,2BAA4B,CAAEsB,OAAQ,UAEpEC,OAAQ,CAAElB,KAAM,GAAGV,SAAA,CAEnBC,EAAC4B,GAAWC,QAAQ,QAAQC,QAAO,EAAAC,WAAY,IAAKlC,GAAI,CAAEY,KAAM,EAAGL,SAAU,GAAGL,SAC7Ed,EAAMkC,OAETnB,EAACgC,EAAI,CAACnC,GAAI,CAACe,SAAU,QAASqB,MAAK,GAAAC,OAAKjD,EAAMkD,MAAMC,OAAc,UAAEC,KAAK,UACzErC,EAACsC,GAAWD,KAAK,QAAQE,QA1BX,SAACC,GACvBA,EAAEC,kBACF/C,GAAa,EACd,EAuB4DgD,MAAM,UACvD3C,SAAAC,EAAC2C,EAAQ,CAAC/B,SAAS,YAErBZ,EAAC4C,EAAa,CAAAC,SAAU,WAAF,OAAQ1D,EAAcF,EAAM6D,GAAG,EAAET,KAAK,YAlBvDpD,EAAM6D,GAAK7D,EAAMkC,KAAO1B,QAsBnCO,EAAC+C,GAAiBlD,GAAI,CAAEmD,EAAG,GACzBjD,SAAAC,EAACiD,EAAU,CAAAC,OAAQjE,EAAMkD,MAAOU,SAAU,SAACM,GAAO,OAAK/D,EAAcH,EAAM6D,GAAIK,EAAQ,QAI/F"}
@@ -0,0 +1,2 @@
1
+ import{slicedToArray as r}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as i}from"react/jsx-runtime";import{useState as t}from"react";import{InlineEditing as o}from"./inline-editing.js";import{mediaRightStoreOptions as e}from"../configs.js";import{NewCollectionButton as n}from"../unit.control.js";import{Box as m}from"@mui/material";var a=function(a){var l=a.onSaveGroup,p=t(!1),c=r(p,2),s=c[0],u=c[1];return i(m,{sx:{p:1,pt:0,width:"100%"},children:i(o,{isEdit:s,onSubmit:function(r){r.trim()&&(l(r.trim()),u(!1))},setShowEdit:u,textField:{label:"Package name",placeholder:"Enter package name",inputProps:{maxLength:e.MAX_NAME_GROUP},sx:{width:"100%"}},children:i(n,{onClick:function(){u(!0)}})})})};export{a as NewGroupArea};
2
+ //# sourceMappingURL=new-group-area.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"new-group-area.js","sources":["../../../src/media-right/media-widget/new-group-area.tsx"],"sourcesContent":["import React, { useState } from 'react'\r\nimport { InlineEditing } from './inline-editing'\r\nimport { mediaRightStoreOptions } from '../configs'\r\nimport { NewCollectionButton } from '../unit.control'\r\nimport { Box } from '@mui/material'\r\n\r\ninterface INewGroupAreaProps {\r\n onSaveGroup: (groupName: string) => void\r\n}\r\n\r\nexport const NewGroupArea: React.FC<INewGroupAreaProps> = ({ onSaveGroup }) => {\r\n const [showNewGroupInput, setShowNewGroupInput] = useState(false)\r\n\r\n const handleNewGroupClick = () => {\r\n setShowNewGroupInput(true)\r\n }\r\n\r\n const handleSaveNewGroup = (value: string) => {\r\n if (value.trim()) {\r\n onSaveGroup(value.trim())\r\n setShowNewGroupInput(false)\r\n }\r\n }\r\n\r\n return (\r\n <Box sx={{ p: 1, pt: 0, width: '100%' }}>\r\n <InlineEditing\r\n isEdit={showNewGroupInput}\r\n onSubmit={handleSaveNewGroup}\r\n setShowEdit={setShowNewGroupInput}\r\n textField={{\r\n label: 'Package name',\r\n placeholder: 'Enter package name',\r\n inputProps: { maxLength: mediaRightStoreOptions.MAX_NAME_GROUP },\r\n sx: { width: '100%' }\r\n }}\r\n >\r\n <NewCollectionButton onClick={handleNewGroupClick} />\r\n </InlineEditing>\r\n </Box>\r\n )\r\n}\r\n"],"names":["NewGroupArea","_ref","onSaveGroup","_useState","useState","_useState2","_slicedToArray","showNewGroupInput","setShowNewGroupInput","_jsx","Box","sx","p","pt","width","children","InlineEditing","isEdit","onSubmit","value","trim","setShowEdit","textField","label","placeholder","inputProps","maxLength","mediaRightStoreOptions","MAX_NAME_GROUP","NewCollectionButton","onClick"],"mappings":"iWAUaA,EAA6C,SAAjCC,GAAqD,IAAjBC,EAAWD,EAAXC,YAC3DC,EAAkDC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAA1DI,EAAiBF,EAAA,GAAEG,EAAoBH,EAAA,GAa9C,OACEI,EAACC,EAAI,CAAAC,GAAI,CAAEC,EAAG,EAAGC,GAAI,EAAGC,MAAO,QAAQC,SACrCN,EAACO,EAAa,CACZC,OAAQV,EACRW,SAXqB,SAACC,GACtBA,EAAMC,SACRlB,EAAYiB,EAAMC,QAClBZ,GAAqB,GAExB,EAOKa,YAAab,EACbc,UAAW,CACTC,MAAO,eACPC,YAAa,qBACbC,WAAY,CAAEC,UAAWC,EAAuBC,gBAChDjB,GAAI,CAAEG,MAAO,SAGfC,SAAAN,EAACoB,EAAmB,CAACC,QAxBC,WAC1BtB,GAAqB,EACtB,OA0BH"}
@@ -1,2 +1,2 @@
1
- import{styled as o,Menu as r}from"@mui/material";var a=o(r)(function(o){var r=o.theme;return{"--color-bg":"#ffffff","--color-text":r.palette.common.black,marginTop:"45px",">.MuiPaper-root":{overflow:"visible",backgroundColor:"var(--color-bg, #000000)",borderRadius:r.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)",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:r.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}}});export{a as MenuStyled};
1
+ import{styled as o,Menu as r}from"@mui/material";var a=o(r)(function(o){var r=o.theme;return{"--color-bg":"#ffffff","--color-text":r.palette.common.black,marginTop:"45px",">.MuiPaper-root":{overflow:"visible",backgroundColor:"var(--color-bg, #000000)",borderRadius:r.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:r.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}}});export{a as MenuStyled};
2
2
  //# sourceMappingURL=styled.js.map
@@ -1 +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 overflow: 'visible',\r\n backgroundColor: 'var(--color-bg, #000000)',\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: 'var(--color-text, #000000)',\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 '@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': { padding: 0 }\r\n}))\r\n"],"names":["MenuStyled","styled","Menu","_ref","theme","palette","common","black","marginTop","overflow","backgroundColor","borderRadius","shape","minWidth","maxWidth","boxShadow","animation","color","content","position","width","height","top","right","spacing","transform","zIndex","opacity","padding"],"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,CAClBC,SAAU,UACTC,gBAAiB,2BACjBC,aAAcP,EAAMQ,MAAMD,aAC1BE,SAAU,QACVC,SAAU,QACVC,UAAsI,4HACtIC,UAAW,2BACXR,UAAW,MACXS,MAAO,6BACP,YAAa,CACXC,QAAS,KACTC,SAAU,WACVT,gBAAiB,2BACjBU,MAAO,OACPC,OAAQ,OACRC,IAAK,OACLC,MAAOnB,EAAMoB,QAAQ,GACrBC,UAAW,iCACXC,OAAQ,GAEV,wBAAyB,CACvB,KAAM,CAAEC,QAAS,EAAGF,UAAW,qBAC/B,OAAQ,CAAEE,QAAS,EAAGF,UAAW,mBAGrC,oBAAqB,CAAEf,gBAAiB,eACxC,gBAAiB,CAAEkB,QAAS,GAC7B"}
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 overflow: 'visible',\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 '&::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 '@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': { padding: 0 }\r\n}))\r\n"],"names":["MenuStyled","styled","Menu","_ref","theme","palette","common","black","marginTop","overflow","backgroundColor","borderRadius","shape","minWidth","width","maxWidth","boxShadow","animation","color","content","position","height","top","right","spacing","transform","zIndex","opacity","padding"],"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,UACVC,gBAAiB,2BACjBC,aAAcP,EAAMQ,MAAMD,aAC1BE,SAAU,QACVC,MAAO,OACPC,SAAU,QACVC,UAAsI,4HACtIC,UAAW,2BACXT,UAAW,MACXU,MAAO,6BACP,YAAa,CACXC,QAAS,KACTC,SAAU,WACVV,gBAAiB,2BACjBI,MAAO,OACPO,OAAQ,OACRC,IAAK,OACLC,MAAOnB,EAAMoB,QAAQ,GACrBC,UAAW,iCACXC,OAAQ,GAEV,wBAAyB,CACvB,KAAM,CAAEC,QAAS,EAAGF,UAAW,qBAC/B,OAAQ,CAAEE,QAAS,EAAGF,UAAW,mBAGrC,oBAAqB,CAAEf,gBAAiB,eACxC,gBAAiB,CAAEkB,QAAS,GAC7B"}
@@ -0,0 +1,2 @@
1
+ var t;!function(t){t.Youtube="Youtube",t.Other="Other"}(t||(t={}));export{t as EChannelType};
2
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sources":["../../src/media-right/types.ts"],"sourcesContent":["/**\r\n * Channel information for media rights groups\r\n */\r\nexport enum EChannelType {\r\n Youtube = 'Youtube',\r\n Other = 'Other'\r\n}\r\n\r\nexport interface IMediaRightChannel {\r\n /** URL of the channel */\r\n ChannelUrl: string\r\n /** Name of the channel */\r\n Name: string\r\n /** Type of the channel */\r\n ChannelType: EChannelType\r\n /** Additional custom information */\r\n CustomInfo: string\r\n}\r\n\r\n/**\r\n * Cart group structure\r\n */\r\nexport interface IMediaRightGroup<O = any> {\r\n /** Unique identifier for the group */\r\n id: string\r\n /** Group name */\r\n name: string\r\n /** Creation timestamp */\r\n createdAt: number\r\n /** Items in this group */\r\n items: IMediaRightItem<O>[]\r\n /** Channels associated with this group */\r\n channels: IMediaRightChannel[]\r\n}\r\n\r\n/**\r\n * Shopping cart item structure\r\n */\r\nexport interface IMediaRightItem<O = any> {\r\n /** Unique identifier for the cart item */\r\n ProductId: string\r\n /** Group ID this item belongs to */\r\n GroupId: string\r\n /** The social URL associated with the product */\r\n // SocialUrl?: string\r\n /** The type of the product, e.g., Media or Audio */\r\n Type?: string\r\n /** The name of the product */\r\n ProductName?: string\r\n /** The picture URL associated with the product */\r\n PictureUrl: string\r\n /** This will be the ID used to stream video or retrieve audio. */\r\n MediaId: string\r\n /** Additional options for the media item */\r\n Options?: O\r\n}\r\n\r\n/**\r\n * Cart summary data\r\n */\r\nexport interface ICartSummary {\r\n totalGroups: number\r\n totalItems: number\r\n totalPrice: number\r\n}\r\n"],"names":["EChannelType"],"mappings":"IAGYA,GAAZ,SAAYA,GACVA,EAAA,QAAA,UACAA,EAAA,MAAA,OACD,CAHD,CAAYA,IAAAA,EAGX,CAAA"}
@@ -0,0 +1,2 @@
1
+ import{jsx as a}from"react/jsx-runtime";import{Button as r,TextField as e}from"@mui/material";import t from"@mui/icons-material/Add";import{mediaRightStoreOptions as n}from"./configs.js";var o=function(e){var n=e.onClick;return a(r,{fullWidth:!0,size:"small",variant:"outlined",startIcon:a(t,{}),onClick:n,sx:{justifyContent:"flex-start",textTransform:"none",color:"primary.main",borderStyle:"dashed"},children:"New Package"})},i=function(r){var t=r.value,o=r.onChange;return a(e,{fullWidth:!0,size:"small",label:"Package name",value:t,onChange:function(a){return o(a.target.value)},placeholder:"Enter package name",autoFocus:!0,variant:"outlined",inputProps:{maxLength:n.MAX_NAME_GROUP}})};export{o as NewCollectionButton,i as NewCollectionInput};
2
+ //# sourceMappingURL=unit.control.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"unit.control.js","sources":["../../src/media-right/unit.control.tsx"],"sourcesContent":["import type { FC } from 'react'\r\nimport { Button, TextField } from '@mui/material'\r\nimport AddIcon from '@mui/icons-material/Add'\r\nimport { mediaRightStoreOptions } from './configs'\r\n\r\nexport interface NewCollectionButtonProps {\r\n onClick: () => void\r\n}\r\n\r\nexport const NewCollectionButton: FC<NewCollectionButtonProps> = ({ onClick }) => (\r\n <Button\r\n fullWidth\r\n size='small'\r\n variant='outlined'\r\n startIcon={<AddIcon />}\r\n onClick={onClick}\r\n sx={{\r\n justifyContent: 'flex-start',\r\n textTransform: 'none',\r\n color: 'primary.main',\r\n borderStyle: 'dashed'\r\n }}\r\n >\r\n New Package\r\n </Button>\r\n)\r\n\r\nexport interface NewCollectionInputProps {\r\n value: string\r\n onChange: (value: string) => void\r\n}\r\n\r\nexport const NewCollectionInput: FC<NewCollectionInputProps> = ({ value, onChange }) => (\r\n <TextField\r\n fullWidth\r\n size='small'\r\n label='Package name'\r\n value={value}\r\n onChange={(e) => onChange(e.target.value)}\r\n placeholder='Enter package name'\r\n autoFocus\r\n variant='outlined'\r\n inputProps={{ maxLength: mediaRightStoreOptions.MAX_NAME_GROUP }}\r\n />\r\n)\r\n"],"names":["NewCollectionButton","_ref","onClick","_jsx","Button","fullWidth","size","variant","startIcon","AddIcon","sx","justifyContent","textTransform","color","borderStyle","children","NewCollectionInput","_ref2","value","onChange","TextField","label","e","target","placeholder","autoFocus","inputProps","maxLength","mediaRightStoreOptions","MAX_NAME_GROUP"],"mappings":"+LASaA,EAAoD,SAAjCC,GAAA,IAAoCC,EAAOD,EAAPC,QAAO,OACzEC,EAACC,EAAM,CACLC,WACA,EAAAC,KAAK,QACLC,QAAQ,WACRC,UAAWL,EAACM,EAAO,IACnBP,QAASA,EACTQ,GAAI,CACFC,eAAgB,aAChBC,cAAe,OACfC,MAAO,eACPC,YAAa,UACdC,SAAA,eAGM,EAQEC,EAAkD,SAAhCC,GAAA,IAAmCC,EAAKD,EAALC,MAAOC,EAAQF,EAARE,SAAQ,OAC/EhB,EAACiB,EACC,CAAAf,WACA,EAAAC,KAAK,QACLe,MAAM,eACNH,MAAOA,EACPC,SAAU,SAACG,GAAC,OAAKH,EAASG,EAAEC,OAAOL,MAAM,EACzCM,YAAY,qBACZC,WACA,EAAAlB,QAAQ,WACRmB,WAAY,CAAEC,UAAWC,EAAuBC,iBAChD"}
@@ -25,7 +25,7 @@ declare class AppHeaderNav extends Component<IHeaderNavProps, IHeaderNavState> {
25
25
  renderItemIcon: (nav: IAppNav) => ReactNode;
26
26
  handleMouseEnter: (e: React.MouseEvent<HTMLLIElement>, item: IAppNav) => void;
27
27
  handleMouseLeave: () => void;
28
- onClickNavItemHandler: (e: RMouseEvent<HTMLAnchorElement, MouseEvent>, nav: IAppNav) => void;
28
+ handleClickNavItem: (e: RMouseEvent<HTMLAnchorElement, MouseEvent>, nav?: IAppNav) => void;
29
29
  onCloseMenuHandler: () => void;
30
30
  }
31
31
  export default AppHeaderNav;
@@ -1 +1 @@
1
- {"version":3,"file":"app-header.nav.d.ts","sourceRoot":"","sources":["../../../src/layout-global/app-header.nav.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACnD,OAAO,KAAK,EAAE,UAAU,IAAI,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGjE,OAAO,EAAmB,qBAAqB,EAAE,MAAM,uBAAuB,CAAA;AAE9E,OAAO,KAAK,EAAE,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAG5D,MAAM,WAAW,kBAAkB;IACjC,cAAc,CAAC,EAAE,qBAAqB,CAAA;IACtC,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,OAAO,CAAC,qBAAqB,CAAC,CAAA;CACzE;AAED,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,OAAO,EAAE,CAAA;IAClB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAA;IACnB,cAAc,CAAC,EAAE,oBAAoB,CAAA;IACrC,KAAK,CAAC,EAAE,kBAAkB,CAAA;CAC3B;AAED,UAAU,eAAe;IACvB,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAA;IAC5B,WAAW,EAAE,OAAO,GAAG,IAAI,CAAA;CAC5B;AAED,cAAM,YAAa,SAAQ,SAAS,CAAC,eAAe,EAAE,eAAe,CAAC;gBACxD,KAAK,EAAE,eAAe;IAKlC,MAAM;IAwBN,UAAU,SAAU,OAAO,KAAG,MAAM,SAAS,CAAC,aAAa,CAAC,CAO3D;IAED,iBAAiB,SAAU,OAAO,KAAG,QAAQ,qBAAqB,CAAC,CAclE;IAED,cAAc,QAAS,OAAO,KAAG,SAAS,CAIzC;IAED,gBAAgB,MAAO,gBAAgB,CAAC,aAAa,CAAC,QAAQ,OAAO,UAIpE;IAED,gBAAgB,aAEf;IAED,qBAAqB,MAAO,YAAY,iBAAiB,EAAE,UAAU,CAAC,OAAO,OAAO,UAUnF;IAED,kBAAkB,aAEjB;CACF;AACD,eAAe,YAAY,CAAA"}
1
+ {"version":3,"file":"app-header.nav.d.ts","sourceRoot":"","sources":["../../../src/layout-global/app-header.nav.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACnD,OAAO,KAAK,EAAE,UAAU,IAAI,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGjE,OAAO,EAAmB,qBAAqB,EAAE,MAAM,uBAAuB,CAAA;AAE9E,OAAO,KAAK,EAAE,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAG5D,MAAM,WAAW,kBAAkB;IACjC,cAAc,CAAC,EAAE,qBAAqB,CAAA;IACtC,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,OAAO,CAAC,qBAAqB,CAAC,CAAA;CACzE;AAED,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,OAAO,EAAE,CAAA;IAClB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAA;IACnB,cAAc,CAAC,EAAE,oBAAoB,CAAA;IACrC,KAAK,CAAC,EAAE,kBAAkB,CAAA;CAC3B;AAED,UAAU,eAAe;IACvB,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAA;IAC5B,WAAW,EAAE,OAAO,GAAG,IAAI,CAAA;CAC5B;AAED,cAAM,YAAa,SAAQ,SAAS,CAAC,eAAe,EAAE,eAAe,CAAC;gBACxD,KAAK,EAAE,eAAe;IAKlC,MAAM;IAwBN,UAAU,SAAU,OAAO,KAAG,MAAM,SAAS,CAAC,aAAa,CAAC,CAO3D;IAED,iBAAiB,SAAU,OAAO,KAAG,QAAQ,qBAAqB,CAAC,CAiBlE;IAED,cAAc,QAAS,OAAO,KAAG,SAAS,CAIzC;IAED,gBAAgB,MAAO,gBAAgB,CAAC,aAAa,CAAC,QAAQ,OAAO,UAIpE;IAED,gBAAgB,aAEf;IAED,kBAAkB,MAAO,YAAY,iBAAiB,EAAE,UAAU,CAAC,QAAQ,OAAO,UAUjF;IAED,kBAAkB,aAEjB;CACF;AACD,eAAe,YAAY,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"configs.d.ts","sourceRoot":"","sources":["../../../src/layout-global/configs.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAmB,MAAM,SAAS,CAAA;AAC3F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE/C,eAAO,MAAM,UAAU,qBAAqB,CAAA;AAC5C,eAAO,MAAM,aAAa,SAAU,eAAe,WAA6B,CAAA;AAEhF,eAAO,MAAM,WAAW,0BAA0B,CAAA;AAClD,eAAO,MAAM,cAAc,SAAU,eAAe,WAA8B,CAAA;AAElF,eAAO,MAAM,gBAAgB,EAAE,UAAU,EAMxC,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAahD,CAAA;AAMD,eAAO,MAAM,WAAW,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,MAAM,CAAC,OAAO,EAAE,QAAQ,CAa9E,CAAA;AAEF,eAAO,MAAM,oBAAoB,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,QAAQ,EA6BxE,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,OAAO,EAWtE,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,OAAO,EAcpE,CAAA;AAED,eAAO,MAAM,iBAAiB,uLAAuL,CAAA;AAErN,eAAO,MAAM,gBAAgB,cAG5B,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,OAAO,EAMzE,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,OAAO,EAAE,EAkBxE,CAAA"}
1
+ {"version":3,"file":"configs.d.ts","sourceRoot":"","sources":["../../../src/layout-global/configs.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAmB,MAAM,SAAS,CAAA;AAC3F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE/C,eAAO,MAAM,UAAU,qBAAqB,CAAA;AAC5C,eAAO,MAAM,aAAa,SAAU,eAAe,WAA6B,CAAA;AAEhF,eAAO,MAAM,WAAW,0BAA0B,CAAA;AAClD,eAAO,MAAM,cAAc,SAAU,eAAe,WAA8B,CAAA;AAElF,eAAO,MAAM,gBAAgB,EAAE,UAAU,EAMxC,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAahD,CAAA;AAMD,eAAO,MAAM,WAAW,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,MAAM,CAAC,OAAO,EAAE,QAAQ,CAa9E,CAAA;AAEF,eAAO,MAAM,oBAAoB,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,QAAQ,EA4BxE,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,OAAO,EAWtE,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,OAAO,EAcpE,CAAA;AAED,eAAO,MAAM,iBAAiB,uLAAuL,CAAA;AAErN,eAAO,MAAM,gBAAgB,cAG5B,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,OAAO,EAMzE,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,OAAO,EAAE,EAkBxE,CAAA"}
@@ -1,7 +1,7 @@
1
1
  export declare const mediaRightStoreOptions: {
2
2
  MAX_ITEMS_PER_GROUP: number;
3
+ MAX_GROUP: number;
3
4
  MAX_NAME_GROUP: number;
4
5
  MAX_CHANNELS: number;
5
- CHANNEL_TYPES: string[];
6
6
  };
7
7
  //# sourceMappingURL=configs.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"configs.d.ts","sourceRoot":"","sources":["../../../src/media-right/configs.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB;;;;;CAKlC,CAAA"}
1
+ {"version":3,"file":"configs.d.ts","sourceRoot":"","sources":["../../../src/media-right/configs.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB;;;;;CAMlC,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/media-right/group-selector/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAa,MAAM,OAAO,CAAA;AAG1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAMjE,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7D,MAAM,EAAE,gBAAgB,EAAE,CAAA;IAC1B,QAAQ,EAAE,eAAe,GAAG,IAAI,CAAA;CACjC;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,wBAAwB,CAoE3D,CAAA;AAED,MAAM,WAAW,4BAA4B;IAC3C,QAAQ,EAAE,eAAe,GAAG,IAAI,CAAA;IAChC,MAAM,EAAE,gBAAgB,EAAE,CAAA;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,gBAAgB,EAAE,WAAW,GAAG,OAAO,CAAC,KAAK,IAAI,CAAA;IACxE,OAAO,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAA;CACzC;AAED,eAAO,MAAM,sBAAsB,4CAA6C,4BAA4B,SAuC3G,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/media-right/group-selector/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAa,MAAM,OAAO,CAAA;AAG1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAMjE,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7D,MAAM,EAAE,gBAAgB,EAAE,CAAA;IAC1B,QAAQ,EAAE,eAAe,GAAG,IAAI,CAAA;CACjC;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,wBAAwB,CAsE3D,CAAA;AAED,MAAM,WAAW,4BAA4B;IAC3C,QAAQ,EAAE,eAAe,GAAG,IAAI,CAAA;IAChC,MAAM,EAAE,gBAAgB,EAAE,CAAA;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,gBAAgB,EAAE,WAAW,GAAG,OAAO,CAAC,KAAK,IAAI,CAAA;IACxE,OAAO,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAA;CACzC;AAED,eAAO,MAAM,sBAAsB,4CAA6C,4BAA4B,SAuC3G,CAAA"}
@@ -22,6 +22,10 @@ export declare const areDuplicatedLink: (linkString?: string, value?: string) =>
22
22
  * Generate unique group ID
23
23
  */
24
24
  export declare const generateGroupId: () => string;
25
+ /**
26
+ * Validate group limit
27
+ */
28
+ export declare const canAddGroup: (group: IMediaRightGroup[]) => boolean;
25
29
  /**
26
30
  * Validate group item limit
27
31
  */
@@ -1 +1 @@
1
- {"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/media-right/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,UAAU,MAAM,KAAQ,MAAM,EAI9D,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,gBAAgB,MAAM,UAAc,MAAM,YAIvE,CAAA;AAED;;GAEG;AAeH;;GAEG;AAWH;;GAEG;AACH,eAAO,MAAM,eAAe,cAE3B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB,UAAW,gBAAgB,aAAY,MAAM,KAAS,OAEnF,CAAA"}
1
+ {"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/media-right/helpers.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,UAAU,MAAM,KAAQ,MAAM,EAI9D,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,gBAAgB,MAAM,UAAc,MAAM,YAIvE,CAAA;AAED;;GAEG;AAeH;;GAEG;AAWH;;GAEG;AACH,eAAO,MAAM,eAAe,cAE3B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,UAAW,gBAAgB,EAAE,KAAG,OAEvD,CAAA;AACD;;GAEG;AACH,eAAO,MAAM,iBAAiB,UAAW,gBAAgB,aAAY,MAAM,KAAS,OAEnF,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/media-right/media-widget/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAsB,WAAW,EAAqB,MAAM,eAAe,CAAA;AAUlF,MAAM,WAAW,sBAAsB;IACrC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,qBAAqB,CAAC,EAAE,WAAW,GAAG;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAA;IAC5D,aAAa,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;CACvC;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA0F7D,CAAA;AAED,eAAO,MAAM,sBAAsB,WAAY,sBAAsB,wDAIpE,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/media-right/media-widget/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAsB,WAAW,EAAqB,MAAM,eAAe,CAAA;AAYlF,MAAM,WAAW,sBAAsB;IACrC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,qBAAqB,CAAC,EAAE,WAAW,GAAG;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAA;IAC5D,aAAa,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;CACvC;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA0F7D,CAAA;AAED,eAAO,MAAM,sBAAsB,WAAY,sBAAsB,wDAIpE,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"inline-editing.d.ts","sourceRoot":"","sources":["../../../../src/media-right/media-widget/inline-editing.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAA8B,cAAc,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAI1F,MAAM,WAAW,mBAAoB,SAAQ,iBAAiB;IAC5D,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,MAAM,EAAE,OAAO,CAAA;IACf,WAAW,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACpC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAA;CACxB;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,mBAAmB,CA4DjD,CAAA"}
1
+ {"version":3,"file":"inline-editing.d.ts","sourceRoot":"","sources":["../../../../src/media-right/media-widget/inline-editing.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAA8B,cAAc,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAI1F,MAAM,WAAW,mBAAoB,SAAQ,iBAAiB;IAC5D,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,MAAM,EAAE,OAAO,CAAA;IACf,WAAW,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACpC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAA;CACxB;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,mBAAmB,CA+DjD,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"media-group-accordion.d.ts","sourceRoot":"","sources":["../../../../src/media-right/media-widget/media-group-accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAc,MAAM,OAAO,CAAA;AAK3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAK3C,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,gBAAgB,CAAA;IACvB,WAAW,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAA;IAC9C,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;CAC1D;AAED,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,yBAAyB,CA8C7D,CAAA"}
1
+ {"version":3,"file":"media-group-accordion.d.ts","sourceRoot":"","sources":["../../../../src/media-right/media-widget/media-group-accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAc,MAAM,OAAO,CAAA;AAK3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAM3C,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,gBAAgB,CAAA;IACvB,WAAW,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAA;IAC9C,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;CAC1D;AAED,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,yBAAyB,CA8C7D,CAAA"}
@@ -1,2 +1,7 @@
1
+ import React from 'react';
2
+ interface INewGroupAreaProps {
3
+ onSaveGroup: (groupName: string) => void;
4
+ }
5
+ export declare const NewGroupArea: React.FC<INewGroupAreaProps>;
1
6
  export {};
2
7
  //# sourceMappingURL=new-group-area.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"new-group-area.d.ts","sourceRoot":"","sources":["../../../../src/media-right/media-widget/new-group-area.tsx"],"names":[],"mappings":"AAyDA,OAAO,EAAE,CAAA"}
1
+ {"version":3,"file":"new-group-area.d.ts","sourceRoot":"","sources":["../../../../src/media-right/media-widget/new-group-area.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAMvC,UAAU,kBAAkB;IAC1B,WAAW,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;CACzC;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA+BrD,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../src/media-right/media-widget/styled.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAE9C,eAAO,MAAM,UAAU,EAAE,aAAa,CAAC,SAAS,CAiC7C,CAAA"}
1
+ {"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../src/media-right/media-widget/styled.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAE9C,eAAO,MAAM,UAAU,EAAE,aAAa,CAAC,SAAS,CAkC7C,CAAA"}
@@ -1,13 +1,17 @@
1
1
  /**
2
2
  * Channel information for media rights groups
3
3
  */
4
+ export declare enum EChannelType {
5
+ Youtube = "Youtube",
6
+ Other = "Other"
7
+ }
4
8
  export interface IMediaRightChannel {
5
9
  /** URL of the channel */
6
10
  ChannelUrl: string;
7
11
  /** Name of the channel */
8
12
  Name: string;
9
13
  /** Type of the channel */
10
- ChannelType: string;
14
+ ChannelType: EChannelType;
11
15
  /** Additional custom information */
12
16
  CustomInfo: string;
13
17
  }
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/media-right/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,yBAAyB;IACzB,UAAU,EAAE,MAAM,CAAA;IAClB,0BAA0B;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,0BAA0B;IAC1B,WAAW,EAAE,MAAM,CAAA;IACnB,oCAAoC;IACpC,UAAU,EAAE,MAAM,CAAA;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB,CAAC,CAAC,GAAG,GAAG;IACvC,sCAAsC;IACtC,EAAE,EAAE,MAAM,CAAA;IACV,iBAAiB;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,yBAAyB;IACzB,SAAS,EAAE,MAAM,CAAA;IACjB,0BAA0B;IAC1B,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAA;IAC3B,0CAA0C;IAC1C,QAAQ,EAAE,kBAAkB,EAAE,CAAA;CAC/B;AAED;;GAEG;AACH,MAAM,WAAW,eAAe,CAAC,CAAC,GAAG,GAAG;IACtC,0CAA0C;IAC1C,SAAS,EAAE,MAAM,CAAA;IACjB,oCAAoC;IACpC,OAAO,EAAE,MAAM,CAAA;IACf,iDAAiD;IAEjD,oDAAoD;IACpD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,8BAA8B;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kDAAkD;IAClD,UAAU,EAAE,MAAM,CAAA;IAClB,kEAAkE;IAClE,OAAO,EAAE,MAAM,CAAA;IACf,4CAA4C;IAC5C,OAAO,CAAC,EAAE,CAAC,CAAA;CACZ;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;CACnB"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/media-right/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,oBAAY,YAAY;IACtB,OAAO,YAAY;IACnB,KAAK,UAAU;CAChB;AAED,MAAM,WAAW,kBAAkB;IACjC,yBAAyB;IACzB,UAAU,EAAE,MAAM,CAAA;IAClB,0BAA0B;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,0BAA0B;IAC1B,WAAW,EAAE,YAAY,CAAA;IACzB,oCAAoC;IACpC,UAAU,EAAE,MAAM,CAAA;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB,CAAC,CAAC,GAAG,GAAG;IACvC,sCAAsC;IACtC,EAAE,EAAE,MAAM,CAAA;IACV,iBAAiB;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,yBAAyB;IACzB,SAAS,EAAE,MAAM,CAAA;IACjB,0BAA0B;IAC1B,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAA;IAC3B,0CAA0C;IAC1C,QAAQ,EAAE,kBAAkB,EAAE,CAAA;CAC/B;AAED;;GAEG;AACH,MAAM,WAAW,eAAe,CAAC,CAAC,GAAG,GAAG;IACtC,0CAA0C;IAC1C,SAAS,EAAE,MAAM,CAAA;IACjB,oCAAoC;IACpC,OAAO,EAAE,MAAM,CAAA;IACf,iDAAiD;IAEjD,oDAAoD;IACpD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,8BAA8B;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kDAAkD;IAClD,UAAU,EAAE,MAAM,CAAA;IAClB,kEAAkE;IAClE,OAAO,EAAE,MAAM,CAAA;IACf,4CAA4C;IAC5C,OAAO,CAAC,EAAE,CAAC,CAAA;CACZ;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;CACnB"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"unit.control.d.ts","sourceRoot":"","sources":["../../../src/media-right/unit.control.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAK/B,MAAM,WAAW,wBAAwB;IACvC,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CAgB5D,CAAA;AAED,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAClC;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAY1D,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "dinocollab-shared",
3
- "version": "1.1.23",
3
+ "version": "1.1.25",
4
4
  "description": "DinoCollab shared utilities and components",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.js",
@@ -1,2 +0,0 @@
1
- import{jsx as a}from"react/jsx-runtime";import{Button as r,TextField as e}from"@mui/material";import t from"@mui/icons-material/Add";import{mediaRightStoreOptions as n}from"../configs.js";var o=function(e){var n=e.onClick;return a(r,{fullWidth:!0,size:"small",variant:"outlined",startIcon:a(t,{}),onClick:n,sx:{justifyContent:"flex-start",textTransform:"none",color:"primary.main",borderStyle:"dashed"},children:"New Package"})},i=function(r){var t=r.value,o=r.onChange;return a(e,{fullWidth:!0,size:"small",label:"Package name",value:t,onChange:function(a){return o(a.target.value)},placeholder:"Enter package name",autoFocus:!0,variant:"outlined",inputProps:{maxLength:n.MAX_NAME_GROUP}})};export{o as NewCollectionButton,i as NewCollectionInput};
2
- //# sourceMappingURL=unit.control.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"unit.control.js","sources":["../../../src/media-right/group-selector/unit.control.tsx"],"sourcesContent":["import type { FC } from 'react'\r\nimport { Button, TextField } from '@mui/material'\r\nimport AddIcon from '@mui/icons-material/Add'\r\nimport { mediaRightStoreOptions } from '../configs'\r\n\r\nexport interface NewCollectionButtonProps {\r\n onClick: () => void\r\n}\r\n\r\nexport const NewCollectionButton: FC<NewCollectionButtonProps> = ({ onClick }) => (\r\n <Button\r\n fullWidth\r\n size='small'\r\n variant='outlined'\r\n startIcon={<AddIcon />}\r\n onClick={onClick}\r\n sx={{\r\n justifyContent: 'flex-start',\r\n textTransform: 'none',\r\n color: 'primary.main',\r\n borderStyle: 'dashed'\r\n }}\r\n >\r\n New Package\r\n </Button>\r\n)\r\n\r\nexport interface NewCollectionInputProps {\r\n value: string\r\n onChange: (value: string) => void\r\n}\r\n\r\nexport const NewCollectionInput: FC<NewCollectionInputProps> = ({ value, onChange }) => (\r\n <TextField\r\n fullWidth\r\n size='small'\r\n label='Package name'\r\n value={value}\r\n onChange={(e) => onChange(e.target.value)}\r\n placeholder='Enter package name'\r\n autoFocus\r\n variant='outlined'\r\n inputProps={{ maxLength: mediaRightStoreOptions.MAX_NAME_GROUP }}\r\n />\r\n)\r\n"],"names":["NewCollectionButton","_ref","onClick","_jsx","Button","fullWidth","size","variant","startIcon","AddIcon","sx","justifyContent","textTransform","color","borderStyle","children","NewCollectionInput","_ref2","value","onChange","TextField","label","e","target","placeholder","autoFocus","inputProps","maxLength","mediaRightStoreOptions","MAX_NAME_GROUP"],"mappings":"gMASaA,EAAoD,SAAjCC,GAAA,IAAoCC,EAAOD,EAAPC,QAAO,OACzEC,EAACC,EAAM,CACLC,WACA,EAAAC,KAAK,QACLC,QAAQ,WACRC,UAAWL,EAACM,EAAO,IACnBP,QAASA,EACTQ,GAAI,CACFC,eAAgB,aAChBC,cAAe,OACfC,MAAO,eACPC,YAAa,UACdC,SAAA,eAGM,EAQEC,EAAkD,SAAhCC,GAAA,IAAmCC,EAAKD,EAALC,MAAOC,EAAQF,EAARE,SAAQ,OAC/EhB,EAACiB,EACC,CAAAf,WACA,EAAAC,KAAK,QACLe,MAAM,eACNH,MAAOA,EACPC,SAAU,SAACG,GAAC,OAAKH,EAASG,EAAEC,OAAOL,MAAM,EACzCM,YAAY,qBACZC,WACA,EAAAlB,QAAQ,WACRmB,WAAY,CAAEC,UAAWC,EAAuBC,iBAChD"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"unit.control.d.ts","sourceRoot":"","sources":["../../../../src/media-right/group-selector/unit.control.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAK/B,MAAM,WAAW,wBAAwB;IACvC,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CAgB5D,CAAA;AAED,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAClC;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAY1D,CAAA"}