dinocollab-shared 1.1.21 → 1.1.23

package/dist/cart/widget.js

@@ -1,2 +1,2 @@
-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};
+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};
 //# sourceMappingURL=widget.js.map

package/dist/layout-global/app-header.js

@@ -1,2 +1,2 @@
-import{inherits as r,createClass as s,objectSpread2 as e,classCallCheck as o,callSuper as t}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{Component as l}from"react";import{CssBaseline as n,Container as p,Stack as m}from"@mui/material";import{AppLogo as c}from"./app-logo.js";import{AppThemeProvider as d}from"./app-theme-provider.js";import{appLogoUrl as h,getHeaderNavConfigs as f}from"./configs.js";import{HeaderStyled as u,appHeaderClasses as v}from"./app-header.styled.js";import g from"./mobile-menu.js";import x from"./app-header.nav.js";var j=function(){function j(r){var s;return o(this,j),(s=t(this,j,[r])).configs=f(r.baseUrl),s}return r(j,l),s(j,[{key:"render",value:function(){var r,s,o;return a(d,e(e({},null===(r=this.props.slots)||void 0===r?void 0:r.themeProps),{},{children:[i(n,{}),i(u,{className:v.root,children:i("div",{className:v.rootFixed,children:a(p,{maxWidth:!1,className:v.content,sx:{height:"100%"},children:[i(c,{src:null!==(s=this.props.logoUrl)&&void 0!==s?s:h,href:this.props.baseUrl.home,sx:{mb:"-12px"}}),a(m,{direction:"row",alignItems:"center",spacing:2,children:[i(x,{onNavItemClick:this.props.onNavItemClick,configs:this.configs,sx:{display:{xs:"none",md:"flex"}},slots:null===(o=this.props.slots)||void 0===o?void 0:o.navItem}),a(m,{direction:"row",gap:1,sx:{justifyContent:"flex-end",alignItems:"center"},children:[this.props.actions,i(g,{baseUrl:this.props.baseUrl})]})]})]})})})]}))}}])}(),b=function(r){var s=function(s){return i(j,e({},e(e(e({},r),s),{},{slots:e(e({},r.slots),s.slots)})))};return s.displayName="AppHeader",s};export{j as AppHeader,b as createAppHeader,j as default};
+import{inherits as r,createClass as s,objectSpread2 as o,classCallCheck as e,callSuper as t}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as i,jsxs as l}from"react/jsx-runtime";import{Component as a}from"react";import{CssBaseline as n,Container as p,Stack as m}from"@mui/material";import{AppLogo as c}from"./app-logo.js";import{AppThemeProvider as d}from"./app-theme-provider.js";import{appLogoUrl as h,getHeaderNavConfigs as f}from"./configs.js";import{HeaderStyled as u,appHeaderClasses as v}from"./app-header.styled.js";import g from"./mobile-menu.js";import x from"./app-header.nav.js";var j=function(){function j(r){var s;return e(this,j),(s=t(this,j,[r])).configs=f(r.baseUrl),s}return r(j,a),s(j,[{key:"render",value:function(){var r,s,e;return l(d,o(o({},null===(r=this.props.slots)||void 0===r?void 0:r.themeProps),{},{children:[i(n,{}),i(u,{className:v.root,children:i("div",{className:v.rootFixed,children:l(p,{maxWidth:!1,className:v.content,sx:{height:"100%"},children:[i(c,{src:null!==(s=this.props.logoUrl)&&void 0!==s?s:h,href:this.props.baseUrl.home,sx:{mb:"-12px"}}),l(m,{direction:"row",alignItems:"center",spacing:2,children:[i(x,{onNavItemClick:this.props.onNavItemClick,configs:this.configs,sx:{display:{xs:"none",md:"flex"}},slots:null===(e=this.props.slots)||void 0===e?void 0:e.navItem}),l(m,{direction:"row",gap:1,sx:{justifyContent:"flex-end",alignItems:"center"},children:[this.props.actions,i(g,{baseUrl:this.props.baseUrl,logoUrl:this.props.logoUrl})]})]})]})})})]}))}}])}(),b=function(r){var s=function(s){return i(j,o({},o(o(o({},r),s),{},{slots:o(o({},r.slots),s.slots)})))};return s.displayName="AppHeader",s};export{j as AppHeader,b as createAppHeader,j as default};
 //# sourceMappingURL=app-header.js.map

package/dist/layout-global/app-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"app-header.js","sources":["../../src/layout-global/app-header.tsx"],"sourcesContent":["import { Component } from 'react'\r\nimport { Container, CssBaseline, Stack } from '@mui/material'\r\nimport type { ComponentType, FC, ReactNode } from 'react'\r\nimport { AppLogo } from './app-logo'\r\nimport { AppThemeProvider, IAppThemeProviderProps } from './app-theme-provider'\r\nimport { IAppNav, NavItemClickFunction } from './types'\r\nimport { appLogoUrl, getHeaderNavConfigs } from './configs'\r\nimport { appHeaderClasses, HeaderStyled } from './app-header.styled'\r\nimport type { IAppSiteBaseUrl } from '../types'\r\nimport type { IAppHeaderNavSlots } from './app-header.nav'\r\nimport MobileMenu from './mobile-menu'\r\nimport AppHeaderNav from './app-header.nav'\r\n\r\nexport interface IAppHeaderSlots {\r\n  navItem?: IAppHeaderNavSlots\r\n  themeProps?: Partial<IAppThemeProviderProps>\r\n}\r\n\r\nexport interface IAppHeaderProps {\r\n  baseUrl: IAppSiteBaseUrl\r\n  onNavItemClick?: NavItemClickFunction\r\n  logoUrl?: string\r\n  actions?: ReactNode\r\n  slots?: IAppHeaderSlots\r\n}\r\n\r\nexport class AppHeader extends Component<IAppHeaderProps> {\r\n  private configs: IAppNav[]\r\n  constructor(props: IAppHeaderProps) {\r\n    super(props)\r\n    this.configs = getHeaderNavConfigs(props.baseUrl)\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <AppThemeProvider {...this.props.slots?.themeProps}>\r\n        {/* The AppThemeProvider provides a consistent theme across the application */}\r\n        {/* It uses the light theme with Roboto and Oswald fonts */}\r\n        {/* The primary font is Roboto and the secondary font is Oswald */}\r\n        {/* The theme is applied globally using MUI's ThemeProvider and CssBaseline */}\r\n        <CssBaseline />\r\n        <HeaderStyled className={appHeaderClasses.root}>\r\n          <div className={appHeaderClasses.rootFixed}>\r\n            <Container maxWidth={false} className={appHeaderClasses.content} sx={{ height: '100%' }}>\r\n              {/* The AppLogo component displays the application logo */}\r\n              <AppLogo src={this.props.logoUrl ?? appLogoUrl} href={this.props.baseUrl.home} sx={{ mb: '-12px' }} />\r\n              <Stack direction='row' alignItems='center' spacing={2}>\r\n                <AppHeaderNav\r\n                  onNavItemClick={this.props.onNavItemClick}\r\n                  configs={this.configs}\r\n                  sx={{ display: { xs: 'none', md: 'flex' } }}\r\n                  slots={this.props.slots?.navItem}\r\n                />\r\n                <Stack direction='row' gap={1} sx={{ justifyContent: 'flex-end', alignItems: 'center' }}>\r\n                  {this.props.actions}\r\n                  {/* MobileMenu is a responsive menu for smaller screens */}\r\n                  {/* It provides a hamburger menu icon that toggles the navigation items */}\r\n                  <MobileMenu baseUrl={this.props.baseUrl} />\r\n                </Stack>\r\n              </Stack>\r\n            </Container>\r\n          </div>\r\n        </HeaderStyled>\r\n      </AppThemeProvider>\r\n    )\r\n  }\r\n}\r\nexport default AppHeader\r\n\r\nexport const createAppHeader = (params: IAppHeaderProps): ComponentType<Partial<IAppHeaderProps>> => {\r\n  const _AppHeader: FC<Partial<IAppHeaderProps>> = (props) => {\r\n    return <AppHeader {...{ ...params, ...props, slots: { ...params.slots, ...props.slots } }} />\r\n  }\r\n  _AppHeader.displayName = 'AppHeader'\r\n  return _AppHeader\r\n}\r\n"],"names":["AppHeader","props","_this","_classCallCheck","_callSuper","configs","getHeaderNavConfigs","baseUrl","_inherits","Component","_createClass","key","value","_this$props$slots","_this$props$logoUrl","_this$props$slots2","_jsxs","AppThemeProvider","_objectSpread","this","slots","themeProps","children","_jsx","CssBaseline","HeaderStyled","className","appHeaderClasses","root","rootFixed","Container","maxWidth","content","sx","height","AppLogo","src","logoUrl","appLogoUrl","href","home","mb","Stack","direction","alignItems","spacing","AppHeaderNav","onNavItemClick","display","xs","md","navItem","gap","justifyContent","actions","MobileMenu","createAppHeader","params","_AppHeader","displayName"],"mappings":"0lBA0BaA,IAAAA,aAEX,SAAAA,EAAYC,GAAsB,IAAAC,EAEiB,OAFjBC,OAAAH,IAChCE,EAAAE,EAAAJ,KAAAA,GAAMC,KACDI,QAAUC,EAAoBL,EAAMM,SAAQL,CACnD,CAAC,OAAAM,EAAAR,EAL4BS,GAK5BC,EAAAV,EAAA,CAAA,CAAAW,IAAA,SAAAC,MAED,WAAM,IAAAC,EAAAC,EAAAC,EACJ,OACEC,EAACC,EAAgBC,EAAAA,KAAqB,QAArBL,EAAKM,KAAKlB,MAAMmB,aAAXP,IAAgBA,OAAhBA,EAAAA,EAAkBQ,YAAU,GAAA,CAKhDC,SAAA,CAAAC,EAACC,EAAc,CAAA,GACfD,EAACE,EAAY,CAACC,UAAWC,EAAiBC,KAAIN,SAC5CC,SAAKG,UAAWC,EAAiBE,mBAC/Bb,EAACc,GAAUC,UAAU,EAAOL,UAAWC,EAAiBK,QAASC,GAAI,CAAEC,OAAQ,kBAE7EX,EAACY,GAAQC,IAAuBtB,QAApBA,EAAEK,KAAKlB,MAAMoC,eAAOvB,IAAAA,EAAAA,EAAIwB,EAAYC,KAAMpB,KAAKlB,MAAMM,QAAQiC,KAAMP,GAAI,CAAEQ,GAAI,WACzFzB,EAAC0B,EAAK,CAACC,UAAU,MAAMC,WAAW,SAASC,QAAS,EAClDvB,SAAA,CAAAC,EAACuB,EACC,CAAAC,eAAgB5B,KAAKlB,MAAM8C,eAC3B1C,QAASc,KAAKd,QACd4B,GAAI,CAAEe,QAAS,CAAEC,GAAI,OAAQC,GAAI,SACjC9B,MAAuBL,QAAlBA,EAAEI,KAAKlB,MAAMmB,aAAXL,IAAgBA,OAAhBA,EAAAA,EAAkBoC,UAE3BnC,EAAC0B,EAAK,CAACC,UAAU,MAAMS,IAAK,EAAGnB,GAAI,CAAEoB,eAAgB,WAAYT,WAAY,UAC1EtB,SAAA,CAAAH,KAAKlB,MAAMqD,QAGZ/B,EAACgC,EAAW,CAAAhD,QAASY,KAAKlB,MAAMM,0BAQhD,IAAC,IAIUiD,EAAkB,SAACC,GAC9B,IAAMC,EAA2C,SAACzD,GAChD,OAAOsB,EAACvB,EAASkB,EAAAA,CAAAA,EAAAA,EAAAA,EAAAA,EAAUuC,CAAAA,EAAAA,GAAWxD,GAAK,CAAA,EAAA,CAAEmB,MAAKF,EAAAA,EAAA,CAAA,EAAOuC,EAAOrC,OAAUnB,EAAMmB,UACjF,EAED,OADAsC,EAAWC,YAAc,YAClBD,CACT"}
+{"version":3,"file":"app-header.js","sources":["../../src/layout-global/app-header.tsx"],"sourcesContent":["import { Component } from 'react'\r\nimport { Container, CssBaseline, Stack } from '@mui/material'\r\nimport type { ComponentType, FC, ReactNode } from 'react'\r\nimport { AppLogo } from './app-logo'\r\nimport { AppThemeProvider, IAppThemeProviderProps } from './app-theme-provider'\r\nimport { IAppNav, NavItemClickFunction } from './types'\r\nimport { appLogoUrl, getHeaderNavConfigs } from './configs'\r\nimport { appHeaderClasses, HeaderStyled } from './app-header.styled'\r\nimport type { IAppSiteBaseUrl } from '../types'\r\nimport type { IAppHeaderNavSlots } from './app-header.nav'\r\nimport MobileMenu from './mobile-menu'\r\nimport AppHeaderNav from './app-header.nav'\r\n\r\nexport interface IAppHeaderSlots {\r\n  navItem?: IAppHeaderNavSlots\r\n  themeProps?: Partial<IAppThemeProviderProps>\r\n}\r\n\r\nexport interface IAppHeaderProps {\r\n  baseUrl: IAppSiteBaseUrl\r\n  onNavItemClick?: NavItemClickFunction\r\n  logoUrl?: string\r\n  actions?: ReactNode\r\n  slots?: IAppHeaderSlots\r\n}\r\n\r\nexport class AppHeader extends Component<IAppHeaderProps> {\r\n  private configs: IAppNav[]\r\n  constructor(props: IAppHeaderProps) {\r\n    super(props)\r\n    this.configs = getHeaderNavConfigs(props.baseUrl)\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <AppThemeProvider {...this.props.slots?.themeProps}>\r\n        {/* The AppThemeProvider provides a consistent theme across the application */}\r\n        {/* It uses the light theme with Roboto and Oswald fonts */}\r\n        {/* The primary font is Roboto and the secondary font is Oswald */}\r\n        {/* The theme is applied globally using MUI's ThemeProvider and CssBaseline */}\r\n        <CssBaseline />\r\n        <HeaderStyled className={appHeaderClasses.root}>\r\n          <div className={appHeaderClasses.rootFixed}>\r\n            <Container maxWidth={false} className={appHeaderClasses.content} sx={{ height: '100%' }}>\r\n              {/* The AppLogo component displays the application logo */}\r\n              <AppLogo src={this.props.logoUrl ?? appLogoUrl} href={this.props.baseUrl.home} sx={{ mb: '-12px' }} />\r\n              <Stack direction='row' alignItems='center' spacing={2}>\r\n                <AppHeaderNav\r\n                  onNavItemClick={this.props.onNavItemClick}\r\n                  configs={this.configs}\r\n                  sx={{ display: { xs: 'none', md: 'flex' } }}\r\n                  slots={this.props.slots?.navItem}\r\n                />\r\n                <Stack direction='row' gap={1} sx={{ justifyContent: 'flex-end', alignItems: 'center' }}>\r\n                  {this.props.actions}\r\n                  {/* MobileMenu is a responsive menu for smaller screens */}\r\n                  {/* It provides a hamburger menu icon that toggles the navigation items */}\r\n                  <MobileMenu baseUrl={this.props.baseUrl} logoUrl={this.props.logoUrl} />\r\n                </Stack>\r\n              </Stack>\r\n            </Container>\r\n          </div>\r\n        </HeaderStyled>\r\n      </AppThemeProvider>\r\n    )\r\n  }\r\n}\r\nexport default AppHeader\r\n\r\nexport const createAppHeader = (params: IAppHeaderProps): ComponentType<Partial<IAppHeaderProps>> => {\r\n  const _AppHeader: FC<Partial<IAppHeaderProps>> = (props) => {\r\n    return <AppHeader {...{ ...params, ...props, slots: { ...params.slots, ...props.slots } }} />\r\n  }\r\n  _AppHeader.displayName = 'AppHeader'\r\n  return _AppHeader\r\n}\r\n"],"names":["AppHeader","props","_this","_classCallCheck","_callSuper","configs","getHeaderNavConfigs","baseUrl","_inherits","Component","_createClass","key","value","_this$props$slots","_this$props$logoUrl","_this$props$slots2","_jsxs","AppThemeProvider","_objectSpread","this","slots","themeProps","children","_jsx","CssBaseline","HeaderStyled","className","appHeaderClasses","root","rootFixed","Container","maxWidth","content","sx","height","AppLogo","src","logoUrl","appLogoUrl","href","home","mb","Stack","direction","alignItems","spacing","AppHeaderNav","onNavItemClick","display","xs","md","navItem","gap","justifyContent","actions","MobileMenu","createAppHeader","params","_AppHeader","displayName"],"mappings":"0lBA0BaA,IAAAA,aAEX,SAAAA,EAAYC,GAAsB,IAAAC,EAEiB,OAFjBC,OAAAH,IAChCE,EAAAE,EAAAJ,KAAAA,GAAMC,KACDI,QAAUC,EAAoBL,EAAMM,SAAQL,CACnD,CAAC,OAAAM,EAAAR,EAL4BS,GAK5BC,EAAAV,EAAA,CAAA,CAAAW,IAAA,SAAAC,MAED,WAAM,IAAAC,EAAAC,EAAAC,EACJ,OACEC,EAACC,EAAgBC,EAAAA,KAAqB,QAArBL,EAAKM,KAAKlB,MAAMmB,aAAXP,IAAgBA,OAAhBA,EAAAA,EAAkBQ,YAAU,GAAA,CAKhDC,SAAA,CAAAC,EAACC,EAAc,CAAA,GACfD,EAACE,EAAY,CAACC,UAAWC,EAAiBC,KACxCN,SAAAC,EAAA,MAAA,CAAKG,UAAWC,EAAiBE,UAASP,SACxCN,EAACc,EAAS,CAACC,UAAU,EAAOL,UAAWC,EAAiBK,QAASC,GAAI,CAAEC,OAAQ,QAE7EZ,SAAA,CAAAC,EAACY,EAAQ,CAAAC,IAAuBtB,QAApBA,EAAEK,KAAKlB,MAAMoC,eAAOvB,IAAAA,EAAAA,EAAIwB,EAAYC,KAAMpB,KAAKlB,MAAMM,QAAQiC,KAAMP,GAAI,CAAEQ,GAAI,WACzFzB,EAAC0B,EAAM,CAAAC,UAAU,MAAMC,WAAW,SAASC,QAAS,YAClDtB,EAACuB,GACCC,eAAgB5B,KAAKlB,MAAM8C,eAC3B1C,QAASc,KAAKd,QACd4B,GAAI,CAAEe,QAAS,CAAEC,GAAI,OAAQC,GAAI,SACjC9B,MAAuBL,QAAlBA,EAAEI,KAAKlB,MAAMmB,aAAXL,IAAgBA,OAAhBA,EAAAA,EAAkBoC,UAE3BnC,EAAC0B,EAAM,CAAAC,UAAU,MAAMS,IAAK,EAAGnB,GAAI,CAAEoB,eAAgB,WAAYT,WAAY,UAC1EtB,SAAA,CAAAH,KAAKlB,MAAMqD,QAGZ/B,EAACgC,GAAWhD,QAASY,KAAKlB,MAAMM,QAAS8B,QAASlB,KAAKlB,MAAMoC,0BAQ7E,IAAC,IAIUmB,EAAkB,SAACC,GAC9B,IAAMC,EAA2C,SAACzD,GAChD,OAAOsB,EAACvB,EAASkB,EAAAA,CAAAA,EAAAA,EAAAA,EAAAA,EAAUuC,CAAAA,EAAAA,GAAWxD,GAAK,CAAA,EAAA,CAAEmB,MAAKF,EAAAA,EAAA,CAAA,EAAOuC,EAAOrC,OAAUnB,EAAMmB,UACjF,EAED,OADAsC,EAAWC,YAAc,YAClBD,CACT"}

package/dist/layout-global/mobile-menu.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e,objectSpread2 as r}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as n,Fragment as i,jsx as o}from"react/jsx-runtime";import{useState as a}from"react";import{Stack as t,Typography as l,Divider as c,Box as s,IconButton as m}from"@mui/material";import{AppLogo as d}from"./app-logo.js";import{ButtonAnimation as p}from"./animated-tabs.units.js";import{getFooterNavTabConfigs as f,getMenuNavConfigs as h,appSocialConfigs as u}from"./configs.js";import{IconButtonStyled as v,DrawerStyled as g,mobileMenuClasses as N}from"./mobile-menu.styled.js";var b=function(b){var j=a(!1),k=e(j,2),F=k[0],L=k[1],w=f(b.baseUrl),x=h(b.baseUrl),_=function(e){return function(){L(e)}};return n(i,{children:[o(v,{onClick:_(!0)}),n(g,{open:F,onClose:_(!1),className:N.root,children:[o(t,{alignItems:"center",className:N.logoArea,children:o(d,{src:"/images/logo.webp"})}),o(l,{component:"h6",variant:"h6",className:N.title,children:"Media We Support"}),o(t,{direction:"row",spacing:1,className:N.tab,children:w.map(function(e,n){return o(p,r(r(r({forceTheme:"dark"},e.navLink?{component:"a",href:e.navLink.href}:{}),e.options),{},{children:e.title}),n)})}),o(c,{variant:"middle",className:N.divider}),o("nav",{className:N.nav,children:o("ul",{children:x.map(function(e,r){var n,i;return o("li",{className:N.navItem,children:o(l,{component:"a",variant:"h6",href:null===(n=e.navLink)||void 0===n?void 0:n.href,target:(null===(i=e.navLink)||void 0===i?void 0:i.target)||"_self",children:e.title})},r)})})}),o(c,{variant:"middle",className:N.divider}),o(l,{component:"h6",variant:"h6",className:N.title,children:"Follow Us"}),o(t,{direction:"row",justifyContent:"center",component:"ul",className:N.socialList,children:u.map(function(e,n){var i=r({"--color-social":e.color||"#FFFFFF"},e.sx);return o(s,{component:"li",sx:i,children:o(m,{component:"a",href:e.link,target:"_blank",rel:"noopener noreferrer",children:e.icon})},n)})})]})]})};export{b as default};
+import{slicedToArray as e,objectSpread2 as r}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as n,Fragment as o,jsx as i}from"react/jsx-runtime";import{useState as a}from"react";import{Stack as t,Typography as l,Divider as c,Box as s,IconButton as m}from"@mui/material";import{AppLogo as d}from"./app-logo.js";import{ButtonAnimation as p}from"./animated-tabs.units.js";import{getFooterNavTabConfigs as f,getMenuNavConfigs as h,appLogoUrl as u,appSocialConfigs as v}from"./configs.js";import{IconButtonStyled as g,DrawerStyled as N,mobileMenuClasses as b}from"./mobile-menu.styled.js";var j=function(j){var k=a(!1),F=e(k,2),L=F[0],x=F[1],U=f(j.baseUrl),_=h(j.baseUrl),w=function(e){return function(){x(e)}};return n(o,{children:[i(g,{onClick:w(!0)}),n(N,{open:L,onClose:w(!1),className:b.root,children:[i(t,{alignItems:"center",className:b.logoArea,children:i(d,{src:j.logoUrl||u})}),i(l,{component:"h6",variant:"h6",className:b.title,children:"Media We Support"}),i(t,{direction:"row",spacing:1,className:b.tab,children:U.map(function(e,n){return i(p,r(r(r({forceTheme:"dark"},e.navLink?{component:"a",href:e.navLink.href}:{}),e.options),{},{children:e.title}),n)})}),i(c,{variant:"middle",className:b.divider}),i("nav",{className:b.nav,children:i("ul",{children:_.map(function(e,r){var n,o;return i("li",{className:b.navItem,children:i(l,{component:"a",variant:"h6",href:null===(n=e.navLink)||void 0===n?void 0:n.href,target:(null===(o=e.navLink)||void 0===o?void 0:o.target)||"_self",children:e.title})},r)})})}),i(c,{variant:"middle",className:b.divider}),i(l,{component:"h6",variant:"h6",className:b.title,children:"Follow Us"}),i(t,{direction:"row",justifyContent:"center",component:"ul",className:b.socialList,children:v.map(function(e,n){var o=r({"--color-social":e.color||"#FFFFFF"},e.sx);return i(s,{component:"li",sx:o,children:i(m,{component:"a",href:e.link,target:"_blank",rel:"noopener noreferrer",children:e.icon})},n)})})]})]})};export{j as default};
 //# sourceMappingURL=mobile-menu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"mobile-menu.js","sources":["../../src/layout-global/mobile-menu.tsx"],"sourcesContent":["import { FC, useState } from 'react'\r\nimport { Box, Divider, IconButton, Stack, SxProps, Theme, Typography } from '@mui/material'\r\nimport { AppLogo } from './app-logo'\r\nimport { ButtonAnimation } from './animated-tabs.units'\r\nimport { getFooterNavTabConfigs, getMenuNavConfigs, appSocialConfigs } from './configs'\r\nimport { DrawerStyled, IconButtonStyled, mobileMenuClasses } from './mobile-menu.styled'\r\nimport type { IAppSiteBaseUrl } from '../types'\r\n\r\ninterface IMobileMenuProps {\r\n  baseUrl: IAppSiteBaseUrl\r\n}\r\n\r\nconst MobileMenu: FC<IMobileMenuProps> = (props) => {\r\n  const [isOpen, setIsOpen] = useState(false)\r\n\r\n  const footerNavTabConfigs = getFooterNavTabConfigs(props.baseUrl)\r\n\r\n  const menuNavConfigs = getMenuNavConfigs(props.baseUrl)\r\n\r\n  const toggleDrawer = (x: boolean) => () => {\r\n    setIsOpen(x)\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <IconButtonStyled onClick={toggleDrawer(true)} />\r\n      <DrawerStyled open={isOpen} onClose={toggleDrawer(false)} className={mobileMenuClasses.root}>\r\n        <Stack alignItems='center' className={mobileMenuClasses.logoArea}>\r\n          <AppLogo src='/images/logo.webp' />\r\n        </Stack>\r\n        <Typography component='h6' variant='h6' className={mobileMenuClasses.title}>\r\n          Media We Support\r\n        </Typography>\r\n        <Stack direction='row' spacing={1} className={mobileMenuClasses.tab}>\r\n          {footerNavTabConfigs.map((nav, index) => (\r\n            <ButtonAnimation\r\n              forceTheme='dark'\r\n              key={index}\r\n              {...(nav.navLink ? { component: 'a', href: nav.navLink.href } : {})}\r\n              {...nav.options}\r\n            >\r\n              {nav.title}\r\n            </ButtonAnimation>\r\n          ))}\r\n        </Stack>\r\n        <Divider variant='middle' className={mobileMenuClasses.divider} />\r\n        <nav className={mobileMenuClasses.nav}>\r\n          <ul>\r\n            {menuNavConfigs.map((nav, index) => (\r\n              <li key={index} className={mobileMenuClasses.navItem}>\r\n                <Typography component='a' variant='h6' href={nav.navLink?.href} target={nav.navLink?.target || '_self'}>\r\n                  {nav.title}\r\n                </Typography>\r\n              </li>\r\n            ))}\r\n          </ul>\r\n        </nav>\r\n        <Divider variant='middle' className={mobileMenuClasses.divider} />\r\n        <Typography component='h6' variant='h6' className={mobileMenuClasses.title}>\r\n          Follow Us\r\n        </Typography>\r\n        <Stack direction='row' justifyContent='center' component='ul' className={mobileMenuClasses.socialList}>\r\n          {appSocialConfigs.map((social, index) => {\r\n            const sxProps: SxProps<Theme> = { '--color-social': social.color || '#FFFFFF', ...social.sx }\r\n            return (\r\n              <Box component='li' key={index} sx={sxProps}>\r\n                <IconButton component='a' href={social.link} target='_blank' rel='noopener noreferrer'>\r\n                  {social.icon}\r\n                </IconButton>\r\n              </Box>\r\n            )\r\n          })}\r\n        </Stack>\r\n      </DrawerStyled>\r\n    </>\r\n  )\r\n}\r\nexport default MobileMenu\r\n"],"names":["MobileMenu","props","_useState","useState","_useState2","_slicedToArray","isOpen","setIsOpen","footerNavTabConfigs","getFooterNavTabConfigs","baseUrl","menuNavConfigs","getMenuNavConfigs","toggleDrawer","x","_jsxs","_Fragment","children","_jsx","IconButtonStyled","onClick","DrawerStyled","open","onClose","className","mobileMenuClasses","root","Stack","alignItems","logoArea","AppLogo","src","Typography","component","variant","title","direction","spacing","tab","map","nav","index","ButtonAnimation","_objectSpread","forceTheme","navLink","href","options","Divider","divider","_nav$navLink","_nav$navLink2","navItem","target","justifyContent","socialList","appSocialConfigs","social","sxProps","color","sx","Box","IconButton","link","rel","icon"],"mappings":"mkBAYA,IAAMA,EAAmC,SAACC,GACxC,IAAAC,EAA4BC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAApCI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAElBI,EAAsBC,EAAuBR,EAAMS,SAEnDC,EAAiBC,EAAkBX,EAAMS,SAEzCG,EAAe,SAACC,GAAU,OAAK,WACnCP,EAAUO,EACX,CAAA,EAED,OACEC,EAAAC,EAAA,CAAAC,SAAA,CACEC,EAACC,GAAiBC,QAASP,GAAa,KACxCE,EAACM,EAAY,CAACC,KAAMhB,EAAQiB,QAASV,GAAa,GAAQW,UAAWC,EAAkBC,eACrFR,EAACS,EAAM,CAAAC,WAAW,SAASJ,UAAWC,EAAkBI,SAAQZ,SAC9DC,EAACY,EAAQ,CAAAC,IAAI,wBAEfb,EAACc,EAAW,CAAAC,UAAU,KAAKC,QAAQ,KAAKV,UAAWC,EAAkBU,MAAKlB,SAAA,qBAG1EC,EAACS,EAAK,CAACS,UAAU,MAAMC,QAAS,EAAGb,UAAWC,EAAkBa,IAAGrB,SAChET,EAAoB+B,IAAI,SAACC,EAAKC,GAAK,OAClCvB,EAACwB,EAAeC,EAAAA,EAAAA,EAAA,CACdC,WAAW,QAENJ,EAAIK,QAAU,CAAEZ,UAAW,IAAKa,KAAMN,EAAIK,QAAQC,MAAS,CAAE,GAC9DN,EAAIO,SAAO,CAAA,EAAA,UAEdP,EAAIL,QAJAM,EAMR,KAEHvB,EAAC8B,EAAO,CAACd,QAAQ,SAASV,UAAWC,EAAkBwB,UACvD/B,EAAA,MAAA,CAAKM,UAAWC,EAAkBe,IAAGvB,SACnCC,iBACGP,EAAe4B,IAAI,SAACC,EAAKC,GAAK,IAAAS,EAAAC,EAAA,OAC7BjC,EAAgB,KAAA,CAAAM,UAAWC,EAAkB2B,iBAC3ClC,EAACc,EAAW,CAAAC,UAAU,IAAIC,QAAQ,KAAKY,KAAiB,QAAbI,EAAEV,EAAIK,eAAO,IAAAK,OAAA,EAAXA,EAAaJ,KAAMO,QAAmBF,QAAXA,EAAAX,EAAIK,eAAJM,IAAWA,OAAXA,EAAAA,EAAaE,SAAU,QAC5FpC,SAAAuB,EAAIL,SAFAM,EAKV,OAGLvB,EAAC8B,EAAQ,CAAAd,QAAQ,SAASV,UAAWC,EAAkBwB,UACvD/B,EAACc,EAAW,CAAAC,UAAU,KAAKC,QAAQ,KAAKV,UAAWC,EAAkBU,MAExDlB,SAAA,cACbC,EAACS,EAAK,CAACS,UAAU,MAAMkB,eAAe,SAASrB,UAAU,KAAKT,UAAWC,EAAkB8B,WACxFtC,SAAAuC,EAAiBjB,IAAI,SAACkB,EAAQhB,GAC7B,IAAMiB,EAAOf,EAAA,CAAqB,iBAAkBc,EAAOE,OAAS,WAAcF,EAAOG,IACzF,OACE1C,EAAC2C,GAAI5B,UAAU,KAAiB2B,GAAIF,WAClCxC,EAAC4C,GAAW7B,UAAU,IAAIa,KAAMW,EAAOM,KAAMV,OAAO,SAASW,IAAI,sBAC9D/C,SAAAwC,EAAOQ,QAFaxB,EAM5B,UAKX"}
+{"version":3,"file":"mobile-menu.js","sources":["../../src/layout-global/mobile-menu.tsx"],"sourcesContent":["import { FC, useState } from 'react'\r\nimport { Box, Divider, IconButton, Stack, SxProps, Theme, Typography } from '@mui/material'\r\nimport { AppLogo } from './app-logo'\r\nimport { ButtonAnimation } from './animated-tabs.units'\r\nimport { getFooterNavTabConfigs, getMenuNavConfigs, appSocialConfigs, appLogoUrl } from './configs'\r\nimport { DrawerStyled, IconButtonStyled, mobileMenuClasses } from './mobile-menu.styled'\r\nimport type { IAppSiteBaseUrl } from '../types'\r\n\r\ninterface IMobileMenuProps {\r\n  baseUrl: IAppSiteBaseUrl\r\n  logoUrl?: string\r\n}\r\n\r\nconst MobileMenu: FC<IMobileMenuProps> = (props) => {\r\n  const [isOpen, setIsOpen] = useState(false)\r\n\r\n  const footerNavTabConfigs = getFooterNavTabConfigs(props.baseUrl)\r\n\r\n  const menuNavConfigs = getMenuNavConfigs(props.baseUrl)\r\n\r\n  const toggleDrawer = (x: boolean) => () => {\r\n    setIsOpen(x)\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <IconButtonStyled onClick={toggleDrawer(true)} />\r\n      <DrawerStyled open={isOpen} onClose={toggleDrawer(false)} className={mobileMenuClasses.root}>\r\n        <Stack alignItems='center' className={mobileMenuClasses.logoArea}>\r\n          <AppLogo src={props.logoUrl || appLogoUrl} />\r\n        </Stack>\r\n        <Typography component='h6' variant='h6' className={mobileMenuClasses.title}>\r\n          Media We Support\r\n        </Typography>\r\n        <Stack direction='row' spacing={1} className={mobileMenuClasses.tab}>\r\n          {footerNavTabConfigs.map((nav, index) => (\r\n            <ButtonAnimation forceTheme='dark' key={index} {...(nav.navLink ? { component: 'a', href: nav.navLink.href } : {})} {...nav.options}>\r\n              {nav.title}\r\n            </ButtonAnimation>\r\n          ))}\r\n        </Stack>\r\n        <Divider variant='middle' className={mobileMenuClasses.divider} />\r\n        <nav className={mobileMenuClasses.nav}>\r\n          <ul>\r\n            {menuNavConfigs.map((nav, index) => (\r\n              <li key={index} className={mobileMenuClasses.navItem}>\r\n                <Typography component='a' variant='h6' href={nav.navLink?.href} target={nav.navLink?.target || '_self'}>\r\n                  {nav.title}\r\n                </Typography>\r\n              </li>\r\n            ))}\r\n          </ul>\r\n        </nav>\r\n        <Divider variant='middle' className={mobileMenuClasses.divider} />\r\n        <Typography component='h6' variant='h6' className={mobileMenuClasses.title}>\r\n          Follow Us\r\n        </Typography>\r\n        <Stack direction='row' justifyContent='center' component='ul' className={mobileMenuClasses.socialList}>\r\n          {appSocialConfigs.map((social, index) => {\r\n            const sxProps: SxProps<Theme> = { '--color-social': social.color || '#FFFFFF', ...social.sx }\r\n            return (\r\n              <Box component='li' key={index} sx={sxProps}>\r\n                <IconButton component='a' href={social.link} target='_blank' rel='noopener noreferrer'>\r\n                  {social.icon}\r\n                </IconButton>\r\n              </Box>\r\n            )\r\n          })}\r\n        </Stack>\r\n      </DrawerStyled>\r\n    </>\r\n  )\r\n}\r\nexport default MobileMenu\r\n"],"names":["MobileMenu","props","_useState","useState","_useState2","_slicedToArray","isOpen","setIsOpen","footerNavTabConfigs","getFooterNavTabConfigs","baseUrl","menuNavConfigs","getMenuNavConfigs","toggleDrawer","x","_jsxs","_Fragment","children","_jsx","IconButtonStyled","onClick","DrawerStyled","open","onClose","className","mobileMenuClasses","root","Stack","alignItems","logoArea","AppLogo","src","logoUrl","appLogoUrl","Typography","component","variant","title","direction","spacing","tab","map","nav","index","ButtonAnimation","_objectSpread","forceTheme","navLink","href","options","Divider","divider","_nav$navLink","_nav$navLink2","navItem","target","justifyContent","socialList","appSocialConfigs","social","sxProps","color","sx","Box","IconButton","link","rel","icon"],"mappings":"mlBAaA,IAAMA,EAAmC,SAACC,GACxC,IAAAC,EAA4BC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAApCI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAElBI,EAAsBC,EAAuBR,EAAMS,SAEnDC,EAAiBC,EAAkBX,EAAMS,SAEzCG,EAAe,SAACC,GAAU,OAAK,WACnCP,EAAUO,EACX,CAAA,EAED,OACEC,EAAAC,EAAA,CAAAC,SAAA,CACEC,EAACC,GAAiBC,QAASP,GAAa,KACxCE,EAACM,EAAY,CAACC,KAAMhB,EAAQiB,QAASV,GAAa,GAAQW,UAAWC,EAAkBC,eACrFR,EAACS,EAAM,CAAAC,WAAW,SAASJ,UAAWC,EAAkBI,SAAQZ,SAC9DC,EAACY,EAAO,CAACC,IAAK9B,EAAM+B,SAAWC,MAEjCf,EAACgB,EAAW,CAAAC,UAAU,KAAKC,QAAQ,KAAKZ,UAAWC,EAAkBY,MAExDpB,SAAA,qBACbC,EAACS,GAAMW,UAAU,MAAMC,QAAS,EAAGf,UAAWC,EAAkBe,IAC7DvB,SAAAT,EAAoBiC,IAAI,SAACC,EAAKC,GAAK,OAClCzB,EAAC0B,EAAeC,EAAAA,EAAAA,EAAA,CAACC,WAAW,QAAwBJ,EAAIK,QAAU,CAAEZ,UAAW,IAAKa,KAAMN,EAAIK,QAAQC,MAAS,CAAE,GAAON,EAAIO,SAAO,CAAA,EAAA,CAAAhC,SAChIyB,EAAIL,QADiCM,EAGzC,KAEHzB,EAACgC,EAAQ,CAAAd,QAAQ,SAASZ,UAAWC,EAAkB0B,UACvDjC,EAAA,MAAA,CAAKM,UAAWC,EAAkBiB,IAChCzB,SAAAC,EAAA,KAAA,CAAAD,SACGN,EAAe8B,IAAI,SAACC,EAAKC,GAAK,IAAAS,EAAAC,EAAA,OAC7BnC,EAAgB,KAAA,CAAAM,UAAWC,EAAkB6B,QAAOrC,SAClDC,EAACgB,GAAWC,UAAU,IAAIC,QAAQ,KAAKY,KAAiB,QAAbI,EAAEV,EAAIK,eAAO,IAAAK,OAAA,EAAXA,EAAaJ,KAAMO,QAAmBF,QAAXA,EAAAX,EAAIK,eAAJM,IAAWA,OAAXA,EAAAA,EAAaE,SAAU,QAAOtC,SACnGyB,EAAIL,SAFAM,EAKV,OAGLzB,EAACgC,EAAQ,CAAAd,QAAQ,SAASZ,UAAWC,EAAkB0B,UACvDjC,EAACgB,EAAW,CAAAC,UAAU,KAAKC,QAAQ,KAAKZ,UAAWC,EAAkBY,MAExDpB,SAAA,cACbC,EAACS,EAAK,CAACW,UAAU,MAAMkB,eAAe,SAASrB,UAAU,KAAKX,UAAWC,EAAkBgC,WACxFxC,SAAAyC,EAAiBjB,IAAI,SAACkB,EAAQhB,GAC7B,IAAMiB,EAAOf,EAAA,CAAqB,iBAAkBc,EAAOE,OAAS,WAAcF,EAAOG,IACzF,OACE5C,EAAC6C,GAAI5B,UAAU,KAAiB2B,GAAIF,WAClC1C,EAAC8C,GAAW7B,UAAU,IAAIa,KAAMW,EAAOM,KAAMV,OAAO,SAASW,IAAI,sBAC9DjD,SAAA0C,EAAOQ,QAFaxB,EAM5B,UAKX"}

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

@@ -1,2 +1,2 @@
-import{slicedToArray as o,objectSpread2 as r}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as e,jsx as 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 y,b=j.localStorageKey,k=j.hrefCart,C=j.buttonMoveToCartProps,S=v({localStorageKey:b}).groups,M=x({localStorageKey:b}),P=i(null),G=o(P,2),D=G[0],O=G[1],z=function(o){M.updateGroup(o.id,o)},I=function(o){M.removeGroup(o)},K=function(o,r){M.removeItem(o,r)};return e(t,{children:[n(h,{onClick:function(o){return O(o.currentTarget)},children:n(l,{badgeContent:S.length||0,color:"error",children:n(d,{})})}),n(f,{disableScrollLock:!0,anchorEl:D,open:Boolean(D),onClose:function(){return O(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!==(y=S.length)&&void 0!==y?y:0," Package",S.length>1?"s":"",")"]})}),0===S.length?n(s,{}):S.map(function(o){return n(g,{group:o,onEditGroup:z,onDeleteGroup:I,onDeleteMedia:K},o.id)}),n(u,{justifyContent:"end",flexDirection:"row",padding:"6px 12px",children:n(p,r(r(r({},k?{component:"a",href:k}:{}),{},{color:"inherit",size:"small",endIcon:n(m,{}),onClick:function(){O(null)},disabled:S.length<1},C),{},{children:"Show Package"}))})]})})]})},y=function(o){var e=function(e){return n(j,r(r({},o),e))};return e.displayName="MediaGroupWidget",e};export{j as MediaGroupWidget,y as createMediaGroupWidget};
+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};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/media-right/media-widget/index.tsx"],"sourcesContent":["import { Fragment, useState } from 'react'\r\nimport { Badge, 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}\r\n\r\nexport const MediaGroupWidget: React.FC<IMediaGroupWidgetProps> = ({ localStorageKey, hrefCart, buttonMoveToCartProps }) => {\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={() => {\r\n              setAnchorEl(null)\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","_ref","_groups$length","localStorageKey","hrefCart","buttonMoveToCartProps","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","props","displayName"],"mappings":"qqBAiBaA,EAAqD,SAArCC,GAA8F,IAyB9FC,EAzBwCC,EAAeF,EAAfE,gBAAiBC,EAAQH,EAARG,SAAUC,EAAqBJ,EAArBI,sBACtFC,EAAWC,EAAmB,CAAEJ,gBAAAA,IAAhCG,OACFE,EAAUC,EAAqB,CAAEN,gBAAAA,IAEvCO,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,EA6CD,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,SAvDrCF,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,QADc1B,EAC3BI,EAAO8B,cAAM,IAAAlC,EAAAA,EAAI,aAAWI,EAAO8B,OAAS,EAAI,IAAM,YAKnE,IAAlB9B,EAAO8B,OACNP,EAAC6B,EAAa,CAAA,GAEdpD,EAAOqD,IAAI,SAAC1C,GAAK,OACfY,EAAC+B,EAAmB,CAElB3C,MAAOA,EACP4C,YAAa7C,EACb8C,cAAe1C,EACf2C,cAAexC,GAJVN,EAAME,GAKX,GAINU,EAACmC,EAAK,CAACC,eAAgB,MAAOC,cAAe,MAAOZ,QAAS,oBAC3DzB,EAACsC,EAAMC,EAAAA,EAAAA,EACAhE,CAAAA,EAAAA,EAAW,CAAE6C,UAAW,IAAKoB,KAAMjE,GAAa,CAAA,GAAE,GAAA,CACvDiC,MAAM,UACNiC,KAAK,QACLC,QAAS1C,EAAC2C,EAAyB,IACnCzC,QAAS,WACPhB,EAAY,KACb,EACD0D,SAAUnE,EAAO8B,OAAS,GACtB/B,GAAqB,GAAA,CAAAuB,SAAA,2BA6BrC,EAEa8C,EAAyB,SAACC,GACrC,IAAMC,EAA+D,SAACC,GAAK,OAAKhD,EAAC7B,EAAgBoE,EAAAA,EAAA,CAAA,EAAKO,GAAYE,GAAS,EAE3H,OADAD,EAAkBE,YAAc,mBACzBF,CACT"}
+{"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"}

package/dist/types/layout-global/mobile-menu.d.ts

@@ -2,6 +2,7 @@ import { FC } from 'react';
 import type { IAppSiteBaseUrl } from '../types';
 interface IMobileMenuProps {
     baseUrl: IAppSiteBaseUrl;
+    logoUrl?: string;
 }
 declare const MobileMenu: FC<IMobileMenuProps>;
 export default MobileMenu;

package/dist/types/layout-global/mobile-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mobile-menu.d.ts","sourceRoot":"","sources":["../../../src/layout-global/mobile-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAA;AAMpC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE/C,UAAU,gBAAgB;IACxB,OAAO,EAAE,eAAe,CAAA;CACzB;AAED,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,gBAAgB,CAgEpC,CAAA;AACD,eAAe,UAAU,CAAA"}
+{"version":3,"file":"mobile-menu.d.ts","sourceRoot":"","sources":["../../../src/layout-global/mobile-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAA;AAMpC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE/C,UAAU,gBAAgB;IACxB,OAAO,EAAE,eAAe,CAAA;IACxB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,gBAAgB,CA2DpC,CAAA;AACD,eAAe,UAAU,CAAA"}

package/dist/types/media-right/media-widget/index.d.ts

@@ -6,6 +6,7 @@ export interface IMediaGroupWidgetProps {
     buttonMoveToCartProps?: ButtonProps & {
         [key: string]: any;
     };
+    onDetailClick?: ButtonProps['onClick'];
 }
 export declare const MediaGroupWidget: React.FC<IMediaGroupWidgetProps>;
 export declare const createMediaGroupWidget: (params: IMediaGroupWidgetProps) => import("react").FC<Partial<IMediaGroupWidgetProps>>;

package/dist/types/media-right/media-widget/index.d.ts.map

@@ -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;CAC7D;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAwF7D,CAAA;AAED,eAAO,MAAM,sBAAsB,WAAY,sBAAsB,wDAIpE,CAAA"}
+{"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dinocollab-shared",
-  "version": "1.1.21",
+  "version": "1.1.23",
   "description": "DinoCollab shared utilities and components",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -17,49 +17,25 @@
   ],
   "typesVersions": {
     "*": {
-      ".": [
-        "./dist/types/index.d.ts"
-      ],
       "auth": [
-        "./dist/auth.d.ts"
-      ],
-      "./auth": [
         "./dist/types/auth/index.d.ts"
       ],
       "cart": [
-        "./dist/cart.d.ts"
-      ],
-      "./cart": [
         "./dist/types/cart/index.d.ts"
       ],
       "components": [
-        "./dist/components.d.ts"
-      ],
-      "./components": [
         "./dist/types/components/index.d.ts"
       ],
       "layout-global": [
-        "./dist/layout-global.d.ts"
-      ],
-      "./layout-global": [
         "./dist/types/layout-global/index.d.ts"
       ],
       "media-right": [
-        "./dist/media-right.d.ts"
-      ],
-      "./media-right": [
         "./dist/types/media-right/index.d.ts"
       ],
       "notification": [
-        "./dist/notification.d.ts"
-      ],
-      "./notification": [
         "./dist/types/notification/index.d.ts"
       ],
       "media-player": [
-        "./dist/media-player.d.ts"
-      ],
-      "./media-player": [
         "./dist/types/media-player/index.d.ts"
       ]
     }
@@ -67,66 +43,36 @@
   "exports": {
     ".": {
       "import": "./dist/index.js",
-      "require": "./dist/index.js",
       "types": "./dist/types/index.d.ts"
     },
     "./auth": {
       "import": "./dist/auth/index.js",
-      "require": "./dist/auth/index.js",
       "types": "./dist/types/auth/index.d.ts"
     },
-    "./auth.js": "./dist/auth.js",
-    "./auth.mjs": "./dist/auth.mjs",
-    "./auth.d.ts": "./dist/auth.d.ts",
     "./cart": {
       "import": "./dist/cart/index.js",
-      "require": "./dist/cart/index.js",
       "types": "./dist/types/cart/index.d.ts"
     },
-    "./cart.js": "./dist/cart.js",
-    "./cart.mjs": "./dist/cart.mjs",
-    "./cart.d.ts": "./dist/cart.d.ts",
     "./components": {
       "import": "./dist/components/index.js",
-      "require": "./dist/components/index.js",
       "types": "./dist/types/components/index.d.ts"
     },
-    "./components.js": "./dist/components.js",
-    "./components.mjs": "./dist/components.mjs",
-    "./components.d.ts": "./dist/components.d.ts",
     "./layout-global": {
       "import": "./dist/layout-global/index.js",
-      "require": "./dist/layout-global/index.js",
       "types": "./dist/types/layout-global/index.d.ts"
     },
-    "./layout-global.js": "./dist/layout-global.js",
-    "./layout-global.mjs": "./dist/layout-global.mjs",
-    "./layout-global.d.ts": "./dist/layout-global.d.ts",
     "./media-right": {
       "import": "./dist/media-right/index.js",
-      "require": "./dist/media-right/index.js",
       "types": "./dist/types/media-right/index.d.ts"
     },
-    "./media-right.js": "./dist/media-right.js",
-    "./media-right.mjs": "./dist/media-right.mjs",
-    "./media-right.d.ts": "./dist/media-right.d.ts",
     "./notification": {
       "import": "./dist/notification/index.js",
-      "require": "./dist/notification/index.js",
       "types": "./dist/types/notification/index.d.ts"
     },
-    "./notification.js": "./dist/notification.js",
-    "./notification.mjs": "./dist/notification.mjs",
-    "./notification.d.ts": "./dist/notification.d.ts",
     "./media-player": {
       "import": "./dist/media-player/index.js",
-      "require": "./dist/media-player/index.js",
       "types": "./dist/types/media-player/index.d.ts"
-    },
-    "./media-player.js": "./dist/media-player.js",
-    "./media-player.mjs": "./dist/media-player.mjs",
-    "./media-player.d.ts": "./dist/media-player.d.ts",
-    "./package.json": "./package.json"
+    }
   },
   "peerDependencies": {
     "@emotion/react": "11.14.0",
@@ -134,7 +80,7 @@
     "@mui/icons-material": "5.17.1",
     "@mui/material": "5.17.1",
     "@mui/system": "5.17.1",
-    "dinocollab-core": "2.1.0",
+    "dinocollab-core": "2.1.8",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-quill": "2.0.0",

package/dist/auth.d.ts

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

package/dist/auth.js

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

package/dist/auth.mjs

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

package/dist/cart.d.ts

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

package/dist/cart.js

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

package/dist/cart.mjs

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

package/dist/components.d.ts

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

package/dist/components.js

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

package/dist/components.mjs

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

package/dist/layout-global.d.ts

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

package/dist/layout-global.js

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

package/dist/layout-global.mjs

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

package/dist/media-player.d.ts

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

package/dist/media-player.js

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

package/dist/media-player.mjs

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

package/dist/media-right.d.ts

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

package/dist/media-right.js

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

package/dist/media-right.mjs

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

package/dist/notification.d.ts

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

package/dist/notification.js

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

package/dist/notification.mjs

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