dinocollab-shared 1.0.4 → 1.1.1

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

@@ -1 +1 @@
-{"version":3,"file":"app-footer.js","sources":["../../src/layout-global/app-footer.tsx"],"sourcesContent":["import { FC, useCallback, useMemo } from 'react'\r\nimport { MfeLink } from 'dinocollab-core/mfe-shared'\r\nimport { Box, Container, CssBaseline, Divider, Grid, IconButton, Typography } from '@mui/material'\r\nimport type { SxProps, Theme, TypographyProps } from '@mui/material'\r\nimport { AppLogo } from './app-logo'\r\nimport { TextLineBreak } from './ui.units'\r\nimport { AppThemeProvider } from './app-theme-provider'\r\nimport { appFooterClasses, AppFooterNav, FooterStyled } from './app-footer.styled'\r\nimport { getFooterNavConfigs, appSocialConfigs, copyrightText, footerDescription, bgFooterUrl, appLogoUrl } from './configs'\r\nimport type { IAppNav } from './types'\r\nimport type { IAppSiteBaseUrl, IAppSiteProps } from '../types'\r\n\r\nexport interface IAppFooterProps extends IAppSiteProps {\r\n  baseUrl: IAppSiteBaseUrl\r\n}\r\n\r\nexport const AppFooter: FC<IAppFooterProps> = (props) => {\r\n  // const bgFooterUrl = useMemo(() => getBgFooterUrl(props.baseUrl), [props.baseUrl])\r\n  const footerNavConfigs = useMemo(() => getFooterNavConfigs(props.baseUrl), [props.baseUrl])\r\n\r\n  /**\r\n   * Generates props for the navigation item button\r\n   * @param nav The navigation item to get props for\r\n   * @description This method returns the props for the navigation item, including the href and onClick handler.\r\n   * It uses the MfeLink component for internal links and Typography for button styles.\r\n   * @returns The props for the button animation component\r\n   */\r\n  const getItemProps = useCallback(\r\n    (nav: IAppNav): Partial<TypographyProps & { [key: string]: any }> => {\r\n      const obj: Partial<TypographyProps & { [key: string]: any }> = {}\r\n      const { site, primaryHref, secondaryHref } = nav.navLink ?? {}\r\n\r\n      // If no primaryHref is provided, return the object as is\r\n      // If no secondaryHref is provided, set the component to 'a' for external links\r\n      if (!primaryHref) return obj\r\n      else if (!secondaryHref) obj.component = 'a'\r\n\r\n      obj.component = MfeLink\r\n      obj.primaryHref = primaryHref\r\n      obj.secondaryHref = secondaryHref\r\n      obj.internal = site === props.site\r\n      obj.target = nav.navLink?.target || '_self'\r\n\r\n      return obj\r\n    },\r\n    [props.site]\r\n  )\r\n\r\n  return (\r\n    <AppThemeProvider>\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      <FooterStyled className={appFooterClasses.root}>\r\n        <img src={bgFooterUrl} alt='Footer Background' className={appFooterClasses.background} loading='lazy' />\r\n        <Container maxWidth={false} className={appFooterClasses.content}>\r\n          <Grid container>\r\n            <Grid item xs={12} lg={7}>\r\n              <AppLogo src={appLogoUrl} href={props.baseUrl.home} className={appFooterClasses.appLogo} />\r\n              <Typography variant='body2' className={appFooterClasses.description}>\r\n                <TextLineBreak>{footerDescription}</TextLineBreak>\r\n              </Typography>\r\n            </Grid>\r\n            <Grid item xs={12} lg={5}>\r\n              <AppFooterNav>\r\n                <Grid container>\r\n                  {footerNavConfigs.map((navs, index) => (\r\n                    <Grid key={index} item xs={12} md={6}>\r\n                      <ul>\r\n                        {navs.map((nav, navIndex) => (\r\n                          <li key={navIndex} className={appFooterClasses.navItem}>\r\n                            <Typography variant='h6' className={appFooterClasses.navItemText} {...getItemProps(nav)}>\r\n                              <span>{nav.title}</span>\r\n                            </Typography>\r\n                          </li>\r\n                        ))}\r\n                      </ul>\r\n                    </Grid>\r\n                  ))}\r\n                </Grid>\r\n              </AppFooterNav>\r\n            </Grid>\r\n          </Grid>\r\n          <div className={appFooterClasses.copyright}>\r\n            <Divider sx={{ borderColor: '#1E1E1E', mt: { xs: '20px', md: '80px' } }} />\r\n            <ul className={appFooterClasses.socialList}>\r\n              {appSocialConfigs.map((social, index) => {\r\n                const sxProps: SxProps<Theme> = { '--social-color-hover': 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            </ul>\r\n            <div className={appFooterClasses.copyrightText}>\r\n              <Typography variant='subtitle1' noWrap>\r\n                {copyrightText}\r\n              </Typography>\r\n            </div>\r\n          </div>\r\n        </Container>\r\n      </FooterStyled>\r\n    </AppThemeProvider>\r\n  )\r\n}\r\nexport default AppFooter\r\n\r\nexport const createAppFooter = (params: IAppFooterProps): FC<Partial<IAppFooterProps>> => {\r\n  const _AppFooter: FC<Partial<IAppFooterProps>> = (props) => <AppFooter {...params} {...props} />\r\n  _AppFooter.displayName = 'AppFooter'\r\n  return _AppFooter\r\n}\r\n"],"names":["AppFooter","props","footerNavConfigs","useMemo","getFooterNavConfigs","baseUrl","getItemProps","useCallback","nav","_nav$navLink","_nav$navLink2","obj","_ref","navLink","site","primaryHref","secondaryHref","component","MfeLink","internal","target","_jsxs","AppThemeProvider","children","_jsx","CssBaseline","FooterStyled","className","appFooterClasses","root","src","bgFooterUrl","alt","background","loading","Container","maxWidth","content","Grid","container","item","xs","lg","AppLogo","appLogoUrl","href","home","appLogo","Typography","variant","description","TextLineBreak","footerDescription","AppFooterNav","map","navs","index","md","navIndex","navItem","_objectSpread","navItemText","title","copyright","Divider","sx","borderColor","mt","socialList","appSocialConfigs","social","sxProps","color","Box","IconButton","link","rel","icon","copyrightText","noWrap","createAppFooter","params","_AppFooter","displayName"],"mappings":"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"}
+{"version":3,"file":"app-footer.js","sources":["../../src/layout-global/app-footer.tsx"],"sourcesContent":["import { Component, FC } from 'react'\r\nimport { Box, Container, CssBaseline, Divider, Grid, IconButton, Typography } from '@mui/material'\r\nimport type { SxProps, Theme } from '@mui/material'\r\nimport { AppLogo } from './app-logo'\r\nimport { TextLineBreak } from './ui.units'\r\nimport { AppThemeProvider } from './app-theme-provider'\r\nimport { appFooterClasses, AppFooterNav, FooterStyled } from './app-footer.styled'\r\nimport { getFooterNavConfigs, appSocialConfigs, copyrightText, footerDescription, bgFooterUrl, appLogoUrl } from './configs'\r\nimport type { INavLink, NavItemClickFunction } from './types'\r\nimport type { IAppSiteBaseUrl } from '../types'\r\n\r\nexport interface IAppFooterProps {\r\n  baseUrl: IAppSiteBaseUrl\r\n  onNavItemClick?: NavItemClickFunction\r\n}\r\n\r\nexport class AppFooter extends Component<IAppFooterProps> {\r\n  render() {\r\n    // const bgFooterUrl = useMemo(() => getBgFooterUrl(props.baseUrl), [props.baseUrl])\r\n    const footerNavConfigs = getFooterNavConfigs(this.props.baseUrl)\r\n\r\n    return (\r\n      <AppThemeProvider>\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        <FooterStyled className={appFooterClasses.root}>\r\n          <img src={bgFooterUrl} alt='Footer Background' className={appFooterClasses.background} loading='lazy' />\r\n          <Container maxWidth={false} className={appFooterClasses.content}>\r\n            <Grid container>\r\n              <Grid item xs={12} lg={7}>\r\n                <AppLogo src={appLogoUrl} href={this.props.baseUrl.home} className={appFooterClasses.appLogo} />\r\n                <Typography variant='body2' className={appFooterClasses.description}>\r\n                  <TextLineBreak>{footerDescription}</TextLineBreak>\r\n                </Typography>\r\n              </Grid>\r\n              <Grid item xs={12} lg={5}>\r\n                <AppFooterNav>\r\n                  <Grid container>\r\n                    {footerNavConfigs.map((navs, index) => (\r\n                      <Grid key={index} item xs={12} md={6}>\r\n                        <ul>\r\n                          {navs.map((nav, navIndex) => (\r\n                            <li key={navIndex} className={appFooterClasses.navItem}>\r\n                              <Typography\r\n                                variant='h6'\r\n                                className={appFooterClasses.navItemText}\r\n                                component='a'\r\n                                href={nav.navLink?.href ?? '/'}\r\n                                target={nav.navLink?.target}\r\n                                onClick={(event) => this.handleNavItemClick(event, nav.navLink)}\r\n                              >\r\n                                <span>{nav.title}</span>\r\n                              </Typography>\r\n                            </li>\r\n                          ))}\r\n                        </ul>\r\n                      </Grid>\r\n                    ))}\r\n                  </Grid>\r\n                </AppFooterNav>\r\n              </Grid>\r\n            </Grid>\r\n            <div className={appFooterClasses.copyright}>\r\n              <Divider sx={{ borderColor: '#1E1E1E', mt: { xs: '20px', md: '80px' } }} />\r\n              <ul className={appFooterClasses.socialList}>\r\n                {appSocialConfigs.map((social, index) => {\r\n                  const sxProps: SxProps<Theme> = { '--social-color-hover': 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              </ul>\r\n              <div className={appFooterClasses.copyrightText}>\r\n                <Typography variant='subtitle1' noWrap>\r\n                  {copyrightText}\r\n                </Typography>\r\n              </div>\r\n            </div>\r\n          </Container>\r\n        </FooterStyled>\r\n      </AppThemeProvider>\r\n    )\r\n  }\r\n\r\n  handleNavItemClick = (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>, item?: INavLink) => {\r\n    if (!this.props.onNavItemClick || !item) return\r\n    this.props.onNavItemClick(event, item)\r\n  }\r\n}\r\nexport default AppFooter\r\n\r\nexport const createAppFooter = (params: IAppFooterProps): FC<Partial<IAppFooterProps>> => {\r\n  const _AppFooter: FC<Partial<IAppFooterProps>> = (props) => <AppFooter {...params} {...props} />\r\n  _AppFooter.displayName = 'AppFooter'\r\n  return _AppFooter\r\n}\r\n"],"names":["AppFooter","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","this","concat","_defineProperty","event","item","props","onNavItemClick","_inherits","Component","_createClass","key","value","_this2","footerNavConfigs","getFooterNavConfigs","baseUrl","_jsxs","AppThemeProvider","children","_jsx","CssBaseline","FooterStyled","className","appFooterClasses","root","src","bgFooterUrl","alt","background","loading","Container","maxWidth","content","Grid","container","xs","lg","AppLogo","appLogoUrl","href","home","appLogo","Typography","variant","description","TextLineBreak","footerDescription","AppFooterNav","map","navs","index","md","nav","navIndex","_nav$navLink$href","_nav$navLink","_nav$navLink2","navItem","navItemText","component","navLink","target","onClick","handleNavItemClick","title","copyright","Divider","sx","borderColor","mt","socialList","appSocialConfigs","social","sxProps","_objectSpread","color","Box","IconButton","link","rel","icon","copyrightText","noWrap","createAppFooter","params","_AppFooter","displayName"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-import{objectSpread2 as r}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useMemo as o}from"react";import{CssBaseline as t,Container as a,Stack as s}from"@mui/material";import{AppLogo as n}from"./app-logo.js";import{AppThemeProvider as m}from"./app-theme-provider.js";import{getHeaderNavConfigs as l,appLogoUrl as p}from"./configs.js";import{HeaderStyled as c,appHeaderClasses as d}from"./app-header.styled.js";import f from"./mobile-menu.js";import u from"./app-header.nav.js";var h=function(r){var h=o(function(){return l(r.baseUrl)},[r.baseUrl]);return e(m,{children:[i(t,{}),i(c,{className:d.root,children:i("div",{className:d.rootFixed,children:e(a,{maxWidth:!1,className:d.content,sx:{height:"100%"},children:[i(n,{src:p,href:r.baseUrl.home,sx:{mb:"-12px"}}),e(s,{direction:"row",alignItems:"center",spacing:2,children:[i(u,{site:r.site,configs:h,sx:{display:{xs:"none",md:"flex"}}}),e(s,{direction:"row",spacing:.5,sx:{justifyContent:"flex-end",alignItems:"center"},children:[r.actions,i(f,{baseUrl:r.baseUrl})]})]})]})})})]})},x=function(e){var o=function(o){return i(h,r(r({},e),o))};return o.displayName="AppHeader",o};export{h as AppHeader,x as createAppHeader,h as default};
+import{inherits as r,createClass as e,classCallCheck as s,callSuper as i,objectSpread2 as t}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as o,jsx as a}from"react/jsx-runtime";import{Component as n}from"react";import{CssBaseline as l,Container as p,Stack as m}from"@mui/material";import{AppLogo as c}from"./app-logo.js";import{AppThemeProvider as f}from"./app-theme-provider.js";import{appLogoUrl as d,getHeaderNavConfigs as h}from"./configs.js";import{HeaderStyled as u,appHeaderClasses as x}from"./app-header.styled.js";import g from"./mobile-menu.js";import j from"./app-header.nav.js";var v=function(){function t(r){var e;return s(this,t),(e=i(this,t,[r])).configs=h(r.baseUrl),e}return r(t,n),e(t,[{key:"render",value:function(){return o(f,{children:[a(l,{}),a(u,{className:x.root,children:a("div",{className:x.rootFixed,children:o(p,{maxWidth:!1,className:x.content,sx:{height:"100%"},children:[a(c,{src:d,href:this.props.baseUrl.home,sx:{mb:"-12px"}}),o(m,{direction:"row",alignItems:"center",spacing:2,children:[a(j,{onNavItemClick:this.props.onNavItemClick,configs:this.configs,sx:{display:{xs:"none",md:"flex"}}}),o(m,{direction:"row",spacing:.5,sx:{justifyContent:"flex-end",alignItems:"center"},children:[this.props.actions,a(g,{baseUrl:this.props.baseUrl})]})]})]})})})]})}}])}(),b=function(r){var e=function(e){return a(v,t(t({},r),e))};return e.displayName="AppHeader",e};export{v as AppHeader,b as createAppHeader,v 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 { useMemo } 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 } from './app-theme-provider'\r\nimport { appLogoUrl, getHeaderNavConfigs } from './configs'\r\nimport { appHeaderClasses, HeaderStyled } from './app-header.styled'\r\nimport type { IAppSiteBaseUrl, IAppSiteProps } from '../types'\r\nimport MobileMenu from './mobile-menu'\r\nimport AppHeaderNav from './app-header.nav'\r\n\r\nexport interface IAppHeaderProps extends IAppSiteProps {\r\n  baseUrl: IAppSiteBaseUrl\r\n  actions?: ReactNode\r\n}\r\n\r\nexport const AppHeader: FC<IAppHeaderProps> = (props) => {\r\n  const headerNavConfigs = useMemo(() => getHeaderNavConfigs(props.baseUrl), [props.baseUrl])\r\n  return (\r\n    <AppThemeProvider>\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={appLogoUrl} href={props.baseUrl.home} sx={{ mb: '-12px' }} />\r\n            <Stack direction='row' alignItems='center' spacing={2}>\r\n              <AppHeaderNav site={props.site} configs={headerNavConfigs} sx={{ display: { xs: 'none', md: 'flex' } }} />\r\n              <Stack direction='row' spacing={0.5} sx={{ justifyContent: 'flex-end', alignItems: 'center' }}>\r\n                {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={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\nexport default AppHeader\r\n\r\nexport const createAppHeader = (params: IAppHeaderProps): ComponentType<Partial<IAppHeaderProps>> => {\r\n  const _AppHeader: FC<Partial<IAppHeaderProps>> = (props) => <AppHeader {...params} {...props} />\r\n  _AppHeader.displayName = 'AppHeader'\r\n  return _AppHeader\r\n}\r\n"],"names":["AppHeader","props","headerNavConfigs","useMemo","getHeaderNavConfigs","baseUrl","_jsxs","AppThemeProvider","children","_jsx","CssBaseline","HeaderStyled","className","appHeaderClasses","root","rootFixed","Container","maxWidth","content","sx","height","AppLogo","src","appLogoUrl","href","home","mb","Stack","direction","alignItems","spacing","AppHeaderNav","site","configs","display","xs","md","justifyContent","actions","MobileMenu","createAppHeader","params","_AppHeader","_objectSpread","displayName"],"mappings":"0hBAgBaA,EAAiC,SAACC,GAC7C,IAAMC,EAAmBC,EAAQ,WAAA,OAAMC,EAAoBH,EAAMI,QAAQ,EAAE,CAACJ,EAAMI,UAClF,OACEC,EAACC,EAKC,CAAAC,SAAA,CAAAC,EAACC,EAAc,CAAA,GACfD,EAACE,GAAaC,UAAWC,EAAiBC,KACxCN,SAAAC,EAAA,MAAA,CAAKG,UAAWC,EAAiBE,UAC/BP,SAAAF,EAACU,EAAU,CAAAC,UAAU,EAAOL,UAAWC,EAAiBK,QAASC,GAAI,CAAEC,OAAQ,QAAQZ,SAAA,CAErFC,EAACY,EAAO,CAACC,IAAKC,EAAYC,KAAMvB,EAAMI,QAAQoB,KAAMN,GAAI,CAAEO,GAAI,WAC9DpB,EAACqB,EAAM,CAAAC,UAAU,MAAMC,WAAW,SAASC,QAAS,EAClDtB,SAAA,CAAAC,EAACsB,EAAa,CAAAC,KAAM/B,EAAM+B,KAAMC,QAAS/B,EAAkBiB,GAAI,CAAEe,QAAS,CAAEC,GAAI,OAAQC,GAAI,WAC5F9B,EAACqB,EAAM,CAAAC,UAAU,MAAME,QAAS,GAAKX,GAAI,CAAEkB,eAAgB,WAAYR,WAAY,UAChFrB,SAAA,CAAAP,EAAMqC,QAGP7B,EAAC8B,EAAW,CAAAlC,QAASJ,EAAMI,yBAQ3C,EAGamC,EAAkB,SAACC,GAC9B,IAAMC,EAA2C,SAACzC,GAAK,OAAKQ,EAACT,EAAS2C,EAAAA,EAAA,CAAA,EAAKF,GAAYxC,GAAS,EAEhG,OADAyC,EAAWE,YAAc,YAClBF,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 } from './app-theme-provider'\r\nimport { appLogoUrl, getHeaderNavConfigs } from './configs'\r\nimport { appHeaderClasses, HeaderStyled } from './app-header.styled'\r\nimport type { IAppSiteBaseUrl } from '../types'\r\nimport MobileMenu from './mobile-menu'\r\nimport AppHeaderNav from './app-header.nav'\r\nimport { IAppNav, NavItemClickFunction } from './types'\r\n\r\nexport interface IAppHeaderProps {\r\n  baseUrl: IAppSiteBaseUrl\r\n  onNavItemClick?: NavItemClickFunction\r\n  actions?: ReactNode\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>\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={appLogoUrl} href={this.props.baseUrl.home} sx={{ mb: '-12px' }} />\r\n              <Stack direction='row' alignItems='center' spacing={2}>\r\n                <AppHeaderNav onNavItemClick={this.props.onNavItemClick} configs={this.configs} sx={{ display: { xs: 'none', md: 'flex' } }} />\r\n                <Stack direction='row' spacing={0.5} 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) => <AppHeader {...params} {...props} />\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","_jsxs","AppThemeProvider","children","_jsx","CssBaseline","HeaderStyled","className","appHeaderClasses","root","rootFixed","Container","maxWidth","content","sx","height","AppLogo","src","appLogoUrl","href","this","home","mb","Stack","direction","alignItems","spacing","AppHeaderNav","onNavItemClick","display","xs","md","justifyContent","actions","MobileMenu","createAppHeader","params","_AppHeader","_objectSpread","displayName"],"mappings":"0lBAkBaA,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,WACE,OACEC,EAACC,EAKC,CAAAC,SAAA,CAAAC,EAACC,EAAc,CAAA,GACfD,EAACE,GAAaC,UAAWC,EAAiBC,cACxCL,EAAK,MAAA,CAAAG,UAAWC,EAAiBE,UAASP,SACxCF,EAACU,GAAUC,UAAU,EAAOL,UAAWC,EAAiBK,QAASC,GAAI,CAAEC,OAAQ,QAAQZ,SAAA,CAErFC,EAACY,GAAQC,IAAKC,EAAYC,KAAMC,KAAK/B,MAAMM,QAAQ0B,KAAMP,GAAI,CAAEQ,GAAI,WACnErB,EAACsB,EAAK,CAACC,UAAU,MAAMC,WAAW,SAASC,QAAS,YAClDtB,EAACuB,EAAa,CAAAC,eAAgBR,KAAK/B,MAAMuC,eAAgBnC,QAAS2B,KAAK3B,QAASqB,GAAI,CAAEe,QAAS,CAAEC,GAAI,OAAQC,GAAI,WACjH9B,EAACsB,EAAK,CAACC,UAAU,MAAME,QAAS,GAAKZ,GAAI,CAAEkB,eAAgB,WAAYP,WAAY,UAChFtB,SAAA,CAAAiB,KAAK/B,MAAM4C,QAGZ7B,EAAC8B,EAAU,CAACvC,QAASyB,KAAK/B,MAAMM,yBAQhD,IAAC,IAIUwC,EAAkB,SAACC,GAC9B,IAAMC,EAA2C,SAAChD,GAAK,OAAKe,EAAChB,EAASkD,EAAAA,EAAA,CAAA,EAAKF,GAAY/C,GAAS,EAEhG,OADAgD,EAAWE,YAAc,YAClBF,CACT"}

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

@@ -1,2 +1,2 @@
-import{inherits as e,createClass as t,classCallCheck as r,callSuper as n,defineProperty as a,objectSpread2 as o}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as s,jsx as l}from"react/jsx-runtime";import{Component as i}from"react";import{MfeLink as c}from"dinocollab-core/mfe-shared";import m from"@mui/icons-material/ExpandMore";import{toArray as u}from"./helpers.js";import{NavStyled as d,appHeaderClasses as p}from"./app-header.styled.js";import{ButtonAnimation as f}from"./animated-tabs.units.js";import h from"./sub-menu.js";var v=function(){function v(e){var t;return r(this,v),t=n(this,v,[e]),a(t,"getItemProps",function(e){var r,n,a=null!==(r=e.options)&&void 0!==r?r:{},o=null!==(n=e.navLink)&&void 0!==n?n:{},s=o.site,l=o.primaryHref,i=o.secondaryHref;return l?(i||(a.component="a"),a.component=c,a.primaryHref=l,a.secondaryHref=i,a.internal=s===t.props.site,a):a}),a(t,"renderItem",function(e){if(e.renderItem)return e.renderItem(e);var r=t.getItemProps(e);return l(f,o(o({forceTheme:"dark",onClick:function(r){return t.onClickNavItemHandler(r,e)},endIcon:t.renderItemIcon(e)},r),{},{children:e.title}))}),a(t,"renderItemIcon",function(e){return 0===u(e.menu).length?null:l(m,{className:p.navItemIcon})}),a(t,"getItemClasses",function(e){var r=[p.navItem];return t.state.navSelected&&t.state.navSelected.title===e.title&&r.push(p.navItemSelected),r.join(" ")}),a(t,"onClickNavItemHandler",function(e,r){r.menu&&(e.preventDefault(),t.setState({anchorEl:e.currentTarget,navSelected:r}))}),a(t,"onCloseMenuHandler",function(){t.setState({anchorEl:null,navSelected:null})}),t.state={anchorEl:null,navSelected:null},t}return e(v,i),t(v,[{key:"render",value:function(){var e=this;return s(d,{sx:this.props.sx,children:[l("ul",{className:p.navItems,children:this.props.configs.map(function(t,r){return l("li",{className:e.getItemClasses(t),children:e.renderItem(t)},r)})}),l(h,{site:this.props.site,anchorEl:this.state.anchorEl,onClose:this.onCloseMenuHandler,navSelected:this.state.navSelected})]})}}])}();export{v as default};
+import{inherits as e,createClass as n,objectSpread2 as t,classCallCheck as r,callSuper as a,defineProperty as l}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as o,jsx as s}from"react/jsx-runtime";import{Component as i}from"react";import c from"@mui/icons-material/ExpandMore";import{toArray as m}from"./helpers.js";import{ButtonAnimation as u}from"./animated-tabs.units.js";import{NavStyled as p,appHeaderClasses as d}from"./app-header.styled.js";import v from"./sub-menu.js";var h=function(){function h(e){var n;return r(this,h),n=a(this,h,[e]),l(n,"renderItemIcon",function(e){return 0===m(e.menu).length?null:s(c,{className:d.navItemIcon})}),l(n,"getItemClasses",function(e){var t=[d.navItem];return n.state.navSelected&&n.state.navSelected.title===e.title&&t.push(d.navItemSelected),t.join(" ")}),l(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)}),l(n,"onCloseMenuHandler",function(){n.setState({anchorEl:null,navSelected:null})}),n.state={anchorEl:null,navSelected:null},n}return e(h,i),n(h,[{key:"render",value:function(){var e=this;return o(p,{sx:this.props.sx,children:[s("ul",{className:d.navItems,children:this.props.configs.map(function(n,r){var a,l;return s("li",{className:e.getItemClasses(n),children:s(u,t(t({forceTheme:"dark",component:"a",href:null!==(a=null===(l=n.navLink)||void 0===l?void 0:l.href)&&void 0!==a?a:"/",onClick:function(t){return e.onClickNavItemHandler(t,n)},endIcon:e.renderItemIcon(n)},n.options),{},{children:n.title}))},r)})}),s(v,{anchorEl:this.state.anchorEl,onClose:this.onCloseMenuHandler,navSelected:this.state.navSelected,onNavItemClick:this.props.onNavItemClick})]})}}])}();export{h as default};
 //# sourceMappingURL=app-header.nav.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"app-header.nav.js","sources":["../../src/layout-global/app-header.nav.tsx"],"sourcesContent":["import { Component } from 'react'\r\nimport { MfeLink } from 'dinocollab-core/mfe-shared'\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 { appHeaderClasses, NavStyled } from './app-header.styled'\r\nimport { ButtonAnimation, type IButtonAnimationProps } from './animated-tabs.units'\r\nimport type { IAppNav } from './types'\r\nimport type { IAppSiteProps } from '../types'\r\nimport SubMenu from './sub-menu'\r\n\r\ninterface IHeaderNavProps extends IAppSiteProps {\r\n  configs: IAppNav[]\r\n  sx?: SxProps<Theme>\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((nav, index) => (\r\n            <li key={index} className={this.getItemClasses(nav)}>\r\n              {this.renderItem(nav)}\r\n            </li>\r\n          ))}\r\n        </ul>\r\n        <SubMenu site={this.props.site} anchorEl={this.state.anchorEl} onClose={this.onCloseMenuHandler} navSelected={this.state.navSelected} />\r\n      </NavStyled>\r\n    )\r\n  }\r\n\r\n  /**\r\n   * Generates props for the navigation item button\r\n   * @param nav The navigation item to get props for\r\n   * @description This method returns the props for the navigation item, including the href and onClick handler.\r\n   * It uses the MfeLink component for internal links and ButtonAnimation for button styles.\r\n   * @returns The props for the button animation component\r\n   */\r\n  getItemProps = (nav: IAppNav): Partial<IButtonAnimationProps> => {\r\n    const obj: Partial<IButtonAnimationProps> = nav.options ?? {}\r\n    const { site, primaryHref, secondaryHref } = nav.navLink ?? {}\r\n\r\n    // If no primaryHref is provided, return the object as is\r\n    // If no secondaryHref is provided, set the component to 'a' for external links\r\n    if (!primaryHref) return obj\r\n    else if (!secondaryHref) obj.component = 'a'\r\n\r\n    obj.component = MfeLink\r\n    obj.primaryHref = primaryHref\r\n    obj.secondaryHref = secondaryHref\r\n    obj.internal = site === this.props.site\r\n\r\n    return obj\r\n  }\r\n\r\n  renderItem = (nav: IAppNav): ReactNode => {\r\n    if (nav.renderItem) return nav.renderItem(nav)\r\n    const buttonProps = this.getItemProps(nav)\r\n    return (\r\n      <ButtonAnimation\r\n        forceTheme='dark'\r\n        onClick={(e: RMouseEvent<HTMLButtonElement, MouseEvent>) => this.onClickNavItemHandler(e, nav)}\r\n        endIcon={this.renderItemIcon(nav)}\r\n        {...buttonProps}\r\n      >\r\n        {nav.title}\r\n      </ButtonAnimation>\r\n    )\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  getItemClasses = (nav: IAppNav) => {\r\n    const classes = [appHeaderClasses.navItem]\r\n    if (this.state.navSelected && this.state.navSelected.title === nav.title) {\r\n      classes.push(appHeaderClasses.navItemSelected)\r\n    }\r\n    return classes.join(' ')\r\n  }\r\n\r\n  onClickNavItemHandler = (e: RMouseEvent<HTMLButtonElement, MouseEvent>, nav: IAppNav) => {\r\n    if (nav.menu) {\r\n      e.preventDefault()\r\n      this.setState({ anchorEl: e.currentTarget, navSelected: nav })\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","nav","_nav$options","_nav$navLink","obj","options","_ref","navLink","site","primaryHref","secondaryHref","component","MfeLink","internal","renderItem","buttonProps","getItemProps","_jsx","ButtonAnimation","_objectSpread","forceTheme","onClick","e","onClickNavItemHandler","endIcon","renderItemIcon","children","title","toArray","menu","length","ExpandMoreIcon","className","appHeaderClasses","navItemIcon","classes","navItem","state","navSelected","push","navItemSelected","join","preventDefault","setState","anchorEl","currentTarget","_inherits","Component","_createClass","key","value","_this2","this","_jsxs","NavStyled","sx","navItems","configs","map","index","getItemClasses","SubMenu","onClose","onCloseMenuHandler"],"mappings":"8hBAsBMA,IAAAA,aACJ,SAAAA,EAAYC,GAAsB,IAAAC,EAEkB,OAFlBC,OAAAH,GAChCE,EAAAE,EAAAJ,KAAAA,GAAMC,IAmBRI,EAAAH,EAOe,eAAA,SAACI,GAAgD,IAAAC,EAAAC,EACxDC,EAAiD,QAA9CF,EAAmCD,EAAII,eAAO,IAAAH,EAAAA,EAAI,CAAE,EAC7DI,EAAwD,QAAxDH,EAA6CF,EAAIM,eAAO,IAAAJ,EAAAA,EAAI,CAAE,EAAtDK,EAAIF,EAAJE,KAAMC,EAAWH,EAAXG,YAAaC,EAAaJ,EAAbI,cAI3B,OAAKD,GACKC,IAAeN,EAAIO,UAAY,KAEzCP,EAAIO,UAAYC,EAChBR,EAAIK,YAAcA,EAClBL,EAAIM,cAAgBA,EACpBN,EAAIS,SAAWL,IAASX,EAAKD,MAAMY,KAE5BJ,GARkBA,IAS1BJ,EAAAH,EAEY,aAAA,SAACI,GACZ,GAAIA,EAAIa,WAAY,OAAOb,EAAIa,WAAWb,GAC1C,IAAMc,EAAclB,EAAKmB,aAAaf,GACtC,OACEgB,EAACC,EAAeC,EAAAA,EAAA,CACdC,WAAW,OACXC,QAAS,SAACC,GAA6C,OAAKzB,EAAK0B,sBAAsBD,EAAGrB,EAAI,EAC9FuB,QAAS3B,EAAK4B,eAAexB,IACzBc,GAAW,GAAA,CAEdW,SAAAzB,EAAI0B,WAGV3B,EAAAH,EAEgB,iBAAA,SAACI,GAEhB,OAAoB,IADP2B,EAAQ3B,EAAI4B,MAChBC,OAAqB,KACvBb,EAACc,EAAe,CAAAC,UAAWC,EAAiBC,gBACpDlC,EAAAH,EAEgB,iBAAA,SAACI,GAChB,IAAMkC,EAAU,CAACF,EAAiBG,SAIlC,OAHIvC,EAAKwC,MAAMC,aAAezC,EAAKwC,MAAMC,YAAYX,QAAU1B,EAAI0B,OACjEQ,EAAQI,KAAKN,EAAiBO,iBAEzBL,EAAQM,KAAK,OACrBzC,EAAAH,EAAA,wBAEuB,SAACyB,EAA+CrB,GAClEA,EAAI4B,OACNP,EAAEoB,iBACF7C,EAAK8C,SAAS,CAAEC,SAAUtB,EAAEuB,cAAeP,YAAarC,OAE3DD,EAAAH,EAAA,qBAEoB,WACnBA,EAAK8C,SAAS,CAAEC,SAAU,KAAMN,YAAa,SA/E7CzC,EAAKwC,MAAQ,CAAEO,SAAU,KAAMN,YAAa,MAAMzC,CACpD,CAAC,OAAAiD,EAAAnD,EAJwBoD,GAIxBC,EAAArD,EAAA,CAAA,CAAAsD,IAAA,SAAAC,MAED,WAAM,IAAAC,EAAAC,KACJ,OACEC,EAACC,EAAS,CAACC,GAAIH,KAAKxD,MAAM2D,GACxB7B,SAAA,CAAAT,EAAA,KAAA,CAAIe,UAAWC,EAAiBuB,SAAQ9B,SACrC0B,KAAKxD,MAAM6D,QAAQC,IAAI,SAACzD,EAAK0D,GAAK,OACjC1C,EAAgB,KAAA,CAAAe,UAAWmB,EAAKS,eAAe3D,GAC5CyB,SAAAyB,EAAKrC,WAAWb,IADV0D,EAGV,KAEH1C,EAAC4C,EAAO,CAACrD,KAAM4C,KAAKxD,MAAMY,KAAMoC,SAAUQ,KAAKf,MAAMO,SAAUkB,QAASV,KAAKW,mBAAoBzB,YAAac,KAAKf,MAAMC,gBAG/H,IAAC"}
+{"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 } 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\ninterface IHeaderNavProps {\r\n  configs: IAppNav[]\r\n  sx?: SxProps<Theme>\r\n  onNavItemClick?: NavItemClickFunction\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} className={this.getItemClasses(item)}>\r\n              <ButtonAnimation\r\n                forceTheme='dark'\r\n                component='a'\r\n                href={item.navLink?.href ?? '/'}\r\n                onClick={(e: any) => this.onClickNavItemHandler(e, item)}\r\n                endIcon={this.renderItemIcon(item)}\r\n                {...item.options}\r\n              >\r\n                {item.title}\r\n              </ButtonAnimation>\r\n            </li>\r\n          ))}\r\n        </ul>\r\n        <SubMenu\r\n          anchorEl={this.state.anchorEl}\r\n          onClose={this.onCloseMenuHandler}\r\n          navSelected={this.state.navSelected}\r\n          onNavItemClick={this.props.onNavItemClick}\r\n        />\r\n      </NavStyled>\r\n    )\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  getItemClasses = (nav: IAppNav) => {\r\n    const classes = [appHeaderClasses.navItem]\r\n    if (this.state.navSelected && this.state.navSelected.title === nav.title) {\r\n      classes.push(appHeaderClasses.navItemSelected)\r\n    }\r\n    return classes.join(' ')\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","nav","toArray","menu","length","_jsx","ExpandMoreIcon","className","appHeaderClasses","navItemIcon","classes","navItem","state","navSelected","title","push","navItemSelected","join","e","preventDefault","setState","anchorEl","currentTarget","navLink","onNavItemClick","_inherits","Component","_createClass","key","value","_this2","this","_jsxs","NavStyled","sx","children","navItems","configs","map","item","index","_item$navLink$href","_item$navLink","getItemClasses","ButtonAnimation","_objectSpread","forceTheme","component","href","onClick","onClickNavItemHandler","endIcon","renderItemIcon","options","SubMenu","onClose","onCloseMenuHandler"],"mappings":"yeAqBMA,IAAAA,aACJ,SAAAA,EAAYC,GAAsB,IAAAC,EAEkB,OAFlBC,OAAAH,GAChCE,EAAAE,EAAAJ,KAAAA,GAAMC,IAAMI,EAAAH,EAiCG,iBAAA,SAACI,GAEhB,OAAoB,IADPC,EAAQD,EAAIE,MAChBC,OAAqB,KACvBC,EAACC,EAAe,CAAAC,UAAWC,EAAiBC,gBACpDT,EAAAH,EAEgB,iBAAA,SAACI,GAChB,IAAMS,EAAU,CAACF,EAAiBG,SAIlC,OAHId,EAAKe,MAAMC,aAAehB,EAAKe,MAAMC,YAAYC,QAAUb,EAAIa,OACjEJ,EAAQK,KAAKP,EAAiBQ,iBAEzBN,EAAQO,KAAK,OACrBjB,EAAAH,EAAA,wBAEuB,SAACqB,EAA+CjB,GACtE,GAAIA,EAAIE,KAGN,OAFAe,EAAEC,sBACFtB,EAAKuB,SAAS,CAAEC,SAAUH,EAAEI,cAAeT,YAAaZ,IAGtDA,EAAIsB,SAAW1B,EAAKD,MAAM4B,gBAE5B3B,EAAKD,MAAM4B,eAAeN,EAAGjB,EAAIsB,WAEpCvB,EAAAH,EAAA,qBAEoB,WACnBA,EAAKuB,SAAS,CAAEC,SAAU,KAAMR,YAAa,SA3D7ChB,EAAKe,MAAQ,CAAES,SAAU,KAAMR,YAAa,MAAMhB,CACpD,CAAC,OAAA4B,EAAA9B,EAJwB+B,GAIxBC,EAAAhC,EAAA,CAAA,CAAAiC,IAAA,SAAAC,MAED,WAAM,IAAAC,EAAAC,KACJ,OACEC,EAACC,EAAS,CAACC,GAAIH,KAAKnC,MAAMsC,GACxBC,SAAA,CAAA9B,EAAA,KAAA,CAAIE,UAAWC,EAAiB4B,SAC7BD,SAAAJ,KAAKnC,MAAMyC,QAAQC,IAAI,SAACC,EAAMC,GAAK,IAAAC,EAAAC,EAAA,OAClCrC,EAAA,KAAA,CAAgBE,UAAWuB,EAAKa,eAAeJ,GAAKJ,SAClD9B,EAACuC,EAAeC,EAAAA,EAAA,CACdC,WAAW,OACXC,UAAU,IACVC,KAAwB,QAApBP,EAAc,QAAdC,EAAEH,EAAKhB,eAALmB,IAAYA,OAAZA,EAAAA,EAAcM,YAAIP,IAAAA,EAAAA,EAAI,IAC5BQ,QAAS,SAAC/B,GAAM,OAAKY,EAAKoB,sBAAsBhC,EAAGqB,EAAK,EACxDY,QAASrB,EAAKsB,eAAeb,IACzBA,EAAKc,SAAO,GAAA,UAEfd,EAAKzB,UATD0B,EAYV,KAEHnC,EAACiD,EACC,CAAAjC,SAAUU,KAAKnB,MAAMS,SACrBkC,QAASxB,KAAKyB,mBACd3C,YAAakB,KAAKnB,MAAMC,YACxBW,eAAgBO,KAAKnC,MAAM4B,mBAInC,IAAC"}

package/dist/layout-global/configs.js

@@ -1,2 +1,2 @@
-import{defineProperty as i}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as e}from"react/jsx-runtime";import t from"@mui/icons-material/Reddit";import n from"@mui/icons-material/YouTube";import r from"@mui/icons-material/Twitter";import a from"@mui/icons-material/Instagram";import o 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 l,u="images/logo.webp",v="images/bg-footer.webp",d=[{link:"/",icon:e(n,{}),color:"#FF0000"},{link:"/",icon:e(a,{}),color:"#E4405F"},{link:"/",icon:e(r,{}),color:"#1DA1F2"},{link:"/",icon:e(o,{}),color:"#BD081C"},{link:"/",icon:e(t,{}),color:"#FF4500"}],p=(i(i(i(i(i(i(i(i(i(i(l={},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(l,m.ContactUs,"Contact Us"),m.PurchaseLicenses,"Purchase Licenses")),L=function(e){var t;return i(i(i(i(i(i(i(i(i(i(t={},m.Home,{site:"home",primaryHref:e.home+"/#Home"}),m.Pricing,{site:"home",primaryHref:e.home+"/#Pricing"}),m.Faqs,{site:"home",primaryHref:e.home+"/#Faq"}),m.About,{site:"home",primaryHref:e.home+"/#About"}),m.ContactUs,{site:"home",primaryHref:e.home+"/#Contact"}),m.Videos,{site:"client",primaryHref:e.client+"/videos",secondaryHref:"/"}),m.PurchaseLicenses,{site:"client",primaryHref:e.client+"/purchase-licenses",secondaryHref:"/"}),m.SubmitMedia,{site:"client",primaryHref:e.client+"/submit",secondaryHref:"submit"}),m.Privacy,{site:"client",primaryHref:e.client+"/privacy-policy",secondaryHref:"privacy-policy"}),m.Terms,{site:"client",primaryHref:e.client+"/terms-of-submission",secondaryHref:"terms-of-submission"}),i(i(t,m.CreateAccount,{site:"home",primaryHref:e.home+"/Identity/Account/Register"}),m.Audios,{site:"music",primaryHref:e.music})},k=function(i){var e=L(i);return[{title:"Media",items:[{title:p[m.Videos],icon:s,navLink:e[m.Videos]},{title:p[m.Audios],icon:c,navLink:e[m.Audios]}]},{title:"Quick Actions",items:[{title:p[m.SubmitMedia],navLink:e[m.SubmitMedia]},{title:p[m.Pricing],navLink:e[m.Pricing]},{title:p[m.Faqs],navLink:e[m.Faqs]}]},{title:"Support & Info",items:[{title:p[m.Pricing],navLink:e[m.Pricing]},{title:p[m.About],navLink:e[m.About]},{title:p[m.Faqs],navLink:e[m.Faqs]},{title:p[m.Terms],navLink:e[m.Terms]},{title:p[m.Privacy],navLink:e[m.Privacy]}]}]},f=function(i){var e=L(i);return[{title:p[m.Home],navLink:e[m.Home]},{title:p[m.Pricing],navLink:e[m.Pricing]},{title:p[m.SubmitMedia],navLink:e[m.SubmitMedia]},{title:p[m.Faqs],navLink:e[m.Faqs]},{title:p[m.Videos],navLink:e[m.Videos],options:{startIcon:s}},{title:p[m.Audios],navLink:e[m.Audios],options:{startIcon:c}},{title:"Get Started",menu:k(i)}]},y=function(i){var e=L(i);return[{title:p[m.Home],navLink:e[m.Home]},{title:p[m.Pricing],navLink:e[m.Pricing]},{title:p[m.About],navLink:e[m.About]},{title:p[m.Terms],navLink:e[m.Terms]},{title:p[m.Privacy],navLink:e[m.Privacy]},{title:p[m.CreateAccount],navLink:e[m.CreateAccount]},{title:p[m.Faqs],navLink:e[m.Faqs]},{title:p[m.ContactUs],navLink:e[m.ContactUs]},{title:p[m.SubmitMedia],navLink:e[m.SubmitMedia]},{title:p[m.PurchaseLicenses],navLink:e[m.PurchaseLicenses]}]},P="We provide licensing services for music, images, and digital media,\ncopyright management, revenue optimization, and legal representation\nfor creators across multiple platforms.",b="© Copyright 2024".concat((new Date).getFullYear()>2024?" - ".concat((new Date).getFullYear()):""," by BERLINTOMEK."),g=function(i){var e=L(i);return[{title:p[m.Videos],navLink:e[m.Videos],options:{startIcon:s}},{title:p[m.Audios],navLink:e[m.Audios],options:{startIcon:c}}]},A=function(i){var e=L(i);return[[{title:p[m.Home],navLink:e[m.Home]},{title:p[m.Pricing],navLink:e[m.Pricing]},{title:p[m.About],navLink:e[m.About]},{title:p[m.Terms],navLink:e[m.Terms]},{title:p[m.Privacy],navLink:e[m.Privacy]}],[{title:p[m.CreateAccount],navLink:e[m.CreateAccount]},{title:p[m.Faqs],navLink:e[m.Faqs]},{title:p[m.ContactUs],navLink:e[m.ContactUs]},{title:p[m.SubmitMedia],navLink:e[m.SubmitMedia]},{title:p[m.PurchaseLicenses],navLink:e[m.PurchaseLicenses]}]]};export{u as appLogoUrl,d as appSocialConfigs,v as bgFooterUrl,b as copyrightText,P as footerDescription,A as getFooterNavConfigs,g as getFooterNavTabConfigs,k as getHeaderMenuConfigs,f as getHeaderNavConfigs,y as getMenuNavConfigs,L as getNavLinks,p as mapNavTitles};
+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:"/",icon:t(n,{}),color:"#FF0000"},{link:"/",icon:t(r,{}),color:"#E4405F"},{link:"/",icon:t(o,{}),color:"#1DA1F2"},{link:"/",icon:t(a,{}),color:"#BD081C"},{link:"/",icon:t(e,{}),color:"#FF4500"}],k=(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")),d=function(t){var e;return i(i(i(i(i(i(i(i(i(i(e={},m.Home,{site:"home",href:t.home+"/#Home"}),m.Pricing,{site:"home",href:t.home+"/#Pricing"}),m.Faqs,{site:"home",href:t.home+"/#Faq"}),m.About,{site:"home",href:t.home+"/#About"}),m.ContactUs,{site:"home",href:t.home+"/#Contact"}),m.Videos,{site:"client",href:t.client+"/videos",routerPath:"/videos"}),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:"/"})},h=function(i){var t=d(i);return[{title:"Media",items:[{title:k[m.Videos],icon:s,navLink:t[m.Videos]},{title:k[m.Audios],icon:c,navLink:t[m.Audios]}]},{title:"Quick Actions",items:[{title:k[m.SubmitMedia],navLink:t[m.SubmitMedia]},{title:k[m.Pricing],navLink:t[m.Pricing]},{title:k[m.Faqs],navLink:t[m.Faqs]}]},{title:"Support & Info",items:[{title:k[m.Pricing],navLink:t[m.Pricing]},{title:k[m.About],navLink:t[m.About]},{title:k[m.Faqs],navLink:t[m.Faqs]},{title:k[m.Terms],navLink:t[m.Terms]},{title:k[m.Privacy],navLink:t[m.Privacy]}]}]},P=function(i){var t=d(i);return[{title:k[m.Home],navLink:t[m.Home]},{title:k[m.Pricing],navLink:t[m.Pricing]},{title:k[m.SubmitMedia],navLink:t[m.SubmitMedia]},{title:k[m.Faqs],navLink:t[m.Faqs]},{title:k[m.Videos],navLink:t[m.Videos],options:{startIcon:s}},{title:k[m.Audios],navLink:t[m.Audios],options:{startIcon:c}},{title:"Get Started",menu:h(i)}]},f=function(i){var t=d(i);return[{title:k[m.Home],navLink:t[m.Home]},{title:k[m.Pricing],navLink:t[m.Pricing]},{title:k[m.About],navLink:t[m.About]},{title:k[m.Terms],navLink:t[m.Terms]},{title:k[m.Privacy],navLink:t[m.Privacy]},{title:k[m.CreateAccount],navLink:t[m.CreateAccount]},{title:k[m.Faqs],navLink:t[m.Faqs]},{title:k[m.ContactUs],navLink:t[m.ContactUs]},{title:k[m.SubmitMedia],navLink:t[m.SubmitMedia]},{title:k[m.PurchaseLicenses],navLink:t[m.PurchaseLicenses]}]},p="We provide licensing services for music, images, and digital media,\ncopyright management, revenue optimization, and legal representation\nfor creators across multiple platforms.",b="© Copyright 2024".concat((new Date).getFullYear()>2024?" - ".concat((new Date).getFullYear()):""," by BERLINTOMEK."),g=function(i){var t=d(i);return[{title:k[m.Videos],navLink:t[m.Videos],options:{startIcon:s}},{title:k[m.Audios],navLink:t[m.Audios],options:{startIcon:c}}]},A=function(i){var t=d(i);return[[{title:k[m.Home],navLink:t[m.Home]},{title:k[m.Pricing],navLink:t[m.Pricing]},{title:k[m.About],navLink:t[m.About]},{title:k[m.Terms],navLink:t[m.Terms]},{title:k[m.Privacy],navLink:t[m.Privacy]}],[{title:k[m.CreateAccount],navLink:t[m.CreateAccount]},{title:k[m.Faqs],navLink:t[m.Faqs]},{title:k[m.ContactUs],navLink:t[m.ContactUs]},{title:k[m.SubmitMedia],navLink:t[m.SubmitMedia]},{title:k[m.PurchaseLicenses],navLink:t[m.PurchaseLicenses]}]]};export{l as appLogoUrl,L as appSocialConfigs,v as bgFooterUrl,b as copyrightText,p as footerDescription,A as getFooterNavConfigs,g as getFooterNavTabConfigs,h as getHeaderMenuConfigs,P as getHeaderNavConfigs,f as getMenuNavConfigs,d as getNavLinks,k as mapNavTitles};
 //# sourceMappingURL=configs.js.map

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

@@ -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 } 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: '/', icon: <YouTubeIcon />, color: '#FF0000' },\r\n  { link: '/', icon: <InstagramIcon />, color: '#E4405F' },\r\n  { link: '/', icon: <TwitterIcon />, color: '#1DA1F2' },\r\n  { link: '/', icon: <PinterestIcon />, color: '#BD081C' },\r\n  { link: '/', 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\nexport const getNavLinks: (baseUrl: IAppSiteBaseUrl) => Record<ENavKey, INavLink> = (baseUrl) => ({\r\n  [ENavKey.Home]: { site: 'home', primaryHref: baseUrl.home + '/#Home' },\r\n  [ENavKey.Pricing]: { site: 'home', primaryHref: baseUrl.home + '/#Pricing' },\r\n  [ENavKey.Faqs]: { site: 'home', primaryHref: baseUrl.home + '/#Faq' },\r\n  [ENavKey.About]: { site: 'home', primaryHref: baseUrl.home + '/#About' },\r\n  [ENavKey.ContactUs]: { site: 'home', primaryHref: baseUrl.home + '/#Contact' },\r\n  [ENavKey.Videos]: { site: 'client', primaryHref: baseUrl.client + '/videos', secondaryHref: '/' },\r\n  [ENavKey.PurchaseLicenses]: { site: 'client', primaryHref: baseUrl.client + '/purchase-licenses', secondaryHref: '/' },\r\n  [ENavKey.SubmitMedia]: { site: 'client', primaryHref: baseUrl.client + '/submit', secondaryHref: 'submit' },\r\n  [ENavKey.Privacy]: { site: 'client', primaryHref: baseUrl.client + '/privacy-policy', secondaryHref: 'privacy-policy' },\r\n  [ENavKey.Terms]: { site: 'client', primaryHref: baseUrl.client + '/terms-of-submission', secondaryHref: 'terms-of-submission' },\r\n  [ENavKey.CreateAccount]: { site: 'home', primaryHref: baseUrl.home + '/Identity/Account/Register' },\r\n  [ENavKey.Audios]: { site: 'music', primaryHref: baseUrl.music }\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 copyrightText = `© Copyright 2024${new Date().getFullYear() > 2024 ? ` - ${new Date().getFullYear()}` : ''} by BERLINTOMEK.`\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","getNavLinks","baseUrl","_ref","site","primaryHref","home","client","secondaryHref","music","getHeaderMenuConfigs","navLinks","title","items","IconVideoBase64","navLink","IconAudioBase64","getHeaderNavConfigs","options","startIcon","menu","getMenuNavConfigs","footerDescription","copyrightText","concat","Date","getFullYear","getFooterNavTabConfigs","getFooterNavConfigs"],"mappings":"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"}
+{"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 } 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: '/', icon: <YouTubeIcon />, color: '#FF0000' },\r\n  { link: '/', icon: <InstagramIcon />, color: '#E4405F' },\r\n  { link: '/', icon: <TwitterIcon />, color: '#1DA1F2' },\r\n  { link: '/', icon: <PinterestIcon />, color: '#BD081C' },\r\n  { link: '/', 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\nexport const getNavLinks: (baseUrl: IAppSiteBaseUrl) => Record<ENavKey, INavLink> = (baseUrl) => ({\r\n  [ENavKey.Home]: { site: 'home', href: baseUrl.home + '/#Home' },\r\n  [ENavKey.Pricing]: { site: 'home', href: baseUrl.home + '/#Pricing' },\r\n  [ENavKey.Faqs]: { site: 'home', href: baseUrl.home + '/#Faq' },\r\n  [ENavKey.About]: { site: 'home', href: baseUrl.home + '/#About' },\r\n  [ENavKey.ContactUs]: { site: 'home', href: baseUrl.home + '/#Contact' },\r\n  [ENavKey.Videos]: { site: 'client', href: baseUrl.client + '/videos', routerPath: '/videos' },\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: '/' }\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 copyrightText = `© Copyright 2024${new Date().getFullYear() > 2024 ? ` - ${new Date().getFullYear()}` : ''} by BERLINTOMEK.`\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","getNavLinks","baseUrl","_ref","site","href","home","client","routerPath","music","getHeaderMenuConfigs","navLinks","title","items","IconVideoBase64","navLink","IconAudioBase64","getHeaderNavConfigs","options","startIcon","menu","getMenuNavConfigs","footerDescription","copyrightText","concat","Date","getFullYear","getFooterNavTabConfigs","getFooterNavConfigs"],"mappings":"ucASaA,EAAa,mBAGbC,EAAc,wBAGdC,EAAiC,CAC5C,CAAEC,KAAM,IAAKC,KAAMC,EAACC,EAAc,IAAEC,MAAO,WAC3C,CAAEJ,KAAM,IAAKC,KAAMC,EAACG,EAAgB,IAAED,MAAO,WAC7C,CAAEJ,KAAM,IAAKC,KAAMC,EAACI,EAAc,IAAEF,MAAO,WAC3C,CAAEJ,KAAM,IAAKC,KAAMC,EAACK,EAAgB,IAAEH,MAAO,WAC7C,CAAEJ,KAAM,IAAKC,KAAMC,EAACM,EAAa,IAAEJ,MAAO,YAG/BK,GAAYC,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAC,KACtBC,EAAQC,KAAO,QACfD,EAAQE,QAAU,WAClBF,EAAQG,YAAc,gBACtBH,EAAQI,KAAO,QACfJ,EAAQK,OAAS,UACjBL,EAAQM,OAAS,UACjBN,EAAQO,QAAU,kBAClBP,EAAQQ,MAAQ,uBAChBR,EAAQS,MAAQ,YAChBT,EAAQU,cAAgB,kBAAgBZ,EAAAA,EAAAC,EACxCC,EAAQW,UAAY,cACpBX,EAAQY,iBAAmB,sBAGjBC,EAAuE,SAACC,GAAO,IAAAC,EAAA,OAAAjB,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAiB,EAAAjB,CAAAA,EACzFE,EAAQC,KAAO,CAAEe,KAAM,OAAQC,KAAMH,EAAQI,KAAO,WACpDlB,EAAQE,QAAU,CAAEc,KAAM,OAAQC,KAAMH,EAAQI,KAAO,cACvDlB,EAAQI,KAAO,CAAEY,KAAM,OAAQC,KAAMH,EAAQI,KAAO,UACpDlB,EAAQS,MAAQ,CAAEO,KAAM,OAAQC,KAAMH,EAAQI,KAAO,YACrDlB,EAAQW,UAAY,CAAEK,KAAM,OAAQC,KAAMH,EAAQI,KAAO,cACzDlB,EAAQK,OAAS,CAAEW,KAAM,SAAUC,KAAMH,EAAQK,OAAS,UAAWC,WAAY,YACjFpB,EAAQY,iBAAmB,CAAEI,KAAM,SAAUC,KAAMH,EAAQK,OAAS,qBAAsBC,WAAY,uBACtGpB,EAAQG,YAAc,CAAEa,KAAM,SAAUC,KAAMH,EAAQK,OAAS,UAAWC,WAAY,YACtFpB,EAAQO,QAAU,CAAES,KAAM,SAAUC,KAAMH,EAAQK,OAAS,kBAAmBC,WAAY,oBAC1FpB,EAAQQ,MAAQ,CAAEQ,KAAM,SAAUC,KAAMH,EAAQK,OAAS,uBAAwBC,WAAY,yBAAwBtB,EAAAA,EAAAiB,EACrHf,EAAQU,cAAgB,CAAEM,KAAM,SAAUC,KAAMH,EAAQI,KAAO,+BAC/DlB,EAAQM,OAAS,CAAEU,KAAM,QAASC,KAAMH,EAAQO,MAAOD,WAAY,KAAK,EAG9DE,EAAiE,SAACR,GAC7E,IAAMS,EAAWV,EAAYC,GAC7B,MAAO,CACL,CACEU,MAAO,QACPC,MAAO,CACL,CAAED,MAAO3B,EAAaG,EAAQK,QAAShB,KAAMqC,EAAiBC,QAASJ,EAASvB,EAAQK,SACxF,CAAEmB,MAAO3B,EAAaG,EAAQM,QAASjB,KAAMuC,EAAiBD,QAASJ,EAASvB,EAAQM,WAG5F,CACEkB,MAAO,gBACPC,MAAO,CACL,CAAED,MAAO3B,EAAaG,EAAQG,aAAcwB,QAASJ,EAASvB,EAAQG,cACtE,CAAEqB,MAAO3B,EAAaG,EAAQE,SAAUyB,QAASJ,EAASvB,EAAQE,UAClE,CAAEsB,MAAO3B,EAAaG,EAAQI,MAAOuB,QAASJ,EAASvB,EAAQI,SAGnE,CACEoB,MAAO,iBACPC,MAAO,CACL,CAAED,MAAO3B,EAAaG,EAAQE,SAAUyB,QAASJ,EAASvB,EAAQE,UAClE,CAAEsB,MAAO3B,EAAaG,EAAQS,OAAQkB,QAASJ,EAASvB,EAAQS,QAChE,CAAEe,MAAO3B,EAAaG,EAAQI,MAAOuB,QAASJ,EAASvB,EAAQI,OAC/D,CAAEoB,MAAO3B,EAAaG,EAAQQ,OAAQmB,QAASJ,EAASvB,EAAQQ,QAChE,CAAEgB,MAAO3B,EAAaG,EAAQO,SAAUoB,QAASJ,EAASvB,EAAQO,YAI1E,EAEasB,EAA+D,SAACf,GAC3E,IAAMS,EAAWV,EAAYC,GAC7B,MAAO,CACL,CAAEU,MAAO3B,EAAaG,EAAQC,MAAO0B,QAASJ,EAASvB,EAAQC,OAC/D,CAAEuB,MAAO3B,EAAaG,EAAQE,SAAUyB,QAASJ,EAASvB,EAAQE,UAClE,CAAEsB,MAAO3B,EAAaG,EAAQG,aAAcwB,QAASJ,EAASvB,EAAQG,cACtE,CAAEqB,MAAO3B,EAAaG,EAAQI,MAAOuB,QAASJ,EAASvB,EAAQI,OAC/D,CAAEoB,MAAO3B,EAAaG,EAAQK,QAASsB,QAASJ,EAASvB,EAAQK,QAASyB,QAAS,CAAEC,UAAWL,IAChG,CAAEF,MAAO3B,EAAaG,EAAQM,QAASqB,QAASJ,EAASvB,EAAQM,QAASwB,QAAS,CAAEC,UAAWH,IAChG,CAAEJ,MAAO,cAAeQ,KAAMV,EAAqBR,IAEvD,EAEamB,EAA6D,SAACnB,GACzE,IAAMS,EAAWV,EAAYC,GAC7B,MAAO,CACL,CAAEU,MAAO3B,EAAaG,EAAQC,MAAO0B,QAASJ,EAASvB,EAAQC,OAC/D,CAAEuB,MAAO3B,EAAaG,EAAQE,SAAUyB,QAASJ,EAASvB,EAAQE,UAClE,CAAEsB,MAAO3B,EAAaG,EAAQS,OAAQkB,QAASJ,EAASvB,EAAQS,QAChE,CAAEe,MAAO3B,EAAaG,EAAQQ,OAAQmB,QAASJ,EAASvB,EAAQQ,QAChE,CAAEgB,MAAO3B,EAAaG,EAAQO,SAAUoB,QAASJ,EAASvB,EAAQO,UAClE,CAAEiB,MAAO3B,EAAaG,EAAQU,eAAgBiB,QAASJ,EAASvB,EAAQU,gBACxE,CAAEc,MAAO3B,EAAaG,EAAQI,MAAOuB,QAASJ,EAASvB,EAAQI,OAC/D,CAAEoB,MAAO3B,EAAaG,EAAQW,WAAYgB,QAASJ,EAASvB,EAAQW,YACpE,CAAEa,MAAO3B,EAAaG,EAAQG,aAAcwB,QAASJ,EAASvB,EAAQG,cACtE,CAAEqB,MAAO3B,EAAaG,EAAQY,kBAAmBe,QAASJ,EAASvB,EAAQY,mBAE/E,EAEasB,EAAwM,qLAExMC,EAAaC,mBAAAA,QAAsB,IAAIC,MAAOC,cAAgB,KAAI,MAAAF,QAAS,IAAIC,MAAOC,eAAkB,GAAoB,oBAE5HC,EAAkE,SAACzB,GAC9E,IAAMS,EAAWV,EAAYC,GAC7B,MAAO,CACL,CAAEU,MAAO3B,EAAaG,EAAQK,QAASsB,QAASJ,EAASvB,EAAQK,QAASyB,QAAS,CAAEC,UAAWL,IAChG,CAAEF,MAAO3B,EAAaG,EAAQM,QAASqB,QAASJ,EAASvB,EAAQM,QAASwB,QAAS,CAAEC,UAAWH,IAEpG,EAEaY,EAAiE,SAAC1B,GAC7E,IAAMS,EAAWV,EAAYC,GAC7B,MAAO,CACL,CACE,CAAEU,MAAO3B,EAAaG,EAAQC,MAAO0B,QAASJ,EAASvB,EAAQC,OAC/D,CAAEuB,MAAO3B,EAAaG,EAAQE,SAAUyB,QAASJ,EAASvB,EAAQE,UAClE,CAAEsB,MAAO3B,EAAaG,EAAQS,OAAQkB,QAASJ,EAASvB,EAAQS,QAChE,CAAEe,MAAO3B,EAAaG,EAAQQ,OAAQmB,QAASJ,EAASvB,EAAQQ,QAChE,CAAEgB,MAAO3B,EAAaG,EAAQO,SAAUoB,QAASJ,EAASvB,EAAQO,WAEpE,CACE,CAAEiB,MAAO3B,EAAaG,EAAQU,eAAgBiB,QAASJ,EAASvB,EAAQU,gBACxE,CAAEc,MAAO3B,EAAaG,EAAQI,MAAOuB,QAASJ,EAASvB,EAAQI,OAC/D,CAAEoB,MAAO3B,EAAaG,EAAQW,WAAYgB,QAASJ,EAASvB,EAAQW,YACpE,CAAEa,MAAO3B,EAAaG,EAAQG,aAAcwB,QAASJ,EAASvB,EAAQG,cACtE,CAAEqB,MAAO3B,EAAaG,EAAQY,kBAAmBe,QAASJ,EAASvB,EAAQY,oBAGjF"}

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 a}from"react/jsx-runtime";import{useState as o}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 u,appSocialConfigs as h}from"./configs.js";import{IconButtonStyled as v,DrawerStyled as g,mobileMenuClasses as N}from"./mobile-menu.styled.js";var b=function(b){var j=o(!1),k=e(j,2),F=k[0],y=k[1],L=f(b.baseUrl),w=u(b.baseUrl),x=function(e){return function(){y(e)}};return n(i,{children:[a(v,{onClick:x(!0)}),n(g,{open:F,onClose:x(!1),className:N.root,children:[a(t,{alignItems:"center",className:N.logoArea,children:a(d,{src:"/images/logo.webp"})}),a(l,{component:"h6",variant:"h6",className:N.title,children:"Media We Support"}),a(t,{direction:"row",spacing:1,className:N.tab,children:L.map(function(e,n){return a(p,r(r(r({forceTheme:"dark"},e.navLink?{component:"a",href:e.navLink.primaryHref}:{}),e.options),{},{children:e.title}),n)})}),a(c,{variant:"middle",className:N.divider}),a("nav",{className:N.nav,children:a("ul",{children:w.map(function(e,r){var n,i;return a("li",{className:N.navItem,children:a(l,{component:"a",variant:"h6",href:null===(n=e.navLink)||void 0===n?void 0:n.primaryHref,target:(null===(i=e.navLink)||void 0===i?void 0:i.target)||"_self",children:e.title})},r)})})}),a(c,{variant:"middle",className:N.divider}),a(l,{component:"h6",variant:"h6",className:N.title,children:"Follow Us"}),a(t,{direction:"row",justifyContent:"center",component:"ul",className:N.socialList,children:h.map(function(e,n){var i=r({"--color-social":e.color||"#FFFFFF"},e.sx);return a(s,{component:"li",sx:i,children:a(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 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};
 //# 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.primaryHref } : {})}\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?.primaryHref} 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","primaryHref","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,QAAQE,aAAgB,CAAE,GACrEP,EAAIQ,SAAO,CAAA,EAAA,UAEdR,EAAIL,QAJAM,EAMR,KAEHvB,EAAC+B,EAAO,CAACf,QAAQ,SAASV,UAAWC,EAAkByB,UACvDhC,EAAA,MAAA,CAAKM,UAAWC,EAAkBe,IAAGvB,SACnCC,iBACGP,EAAe4B,IAAI,SAACC,EAAKC,GAAK,IAAAU,EAAAC,EAAA,OAC7BlC,EAAgB,KAAA,CAAAM,UAAWC,EAAkB4B,iBAC3CnC,EAACc,EAAW,CAAAC,UAAU,IAAIC,QAAQ,KAAKY,KAAiB,QAAbK,EAAEX,EAAIK,eAAO,IAAAM,OAAA,EAAXA,EAAaJ,YAAaO,QAAmBF,QAAXA,EAAAZ,EAAIK,eAAJO,IAAWA,OAAXA,EAAAA,EAAaE,SAAU,QACnGrC,SAAAuB,EAAIL,SAFAM,EAKV,OAGLvB,EAAC+B,EAAQ,CAAAf,QAAQ,SAASV,UAAWC,EAAkByB,UACvDhC,EAACc,EAAW,CAAAC,UAAU,KAAKC,QAAQ,KAAKV,UAAWC,EAAkBU,MAExDlB,SAAA,cACbC,EAACS,EAAK,CAACS,UAAU,MAAMmB,eAAe,SAAStB,UAAU,KAAKT,UAAWC,EAAkB+B,WACxFvC,SAAAwC,EAAiBlB,IAAI,SAACmB,EAAQjB,GAC7B,IAAMkB,EAAOhB,EAAA,CAAqB,iBAAkBe,EAAOE,OAAS,WAAcF,EAAOG,IACzF,OACE3C,EAAC4C,GAAI7B,UAAU,KAAiB4B,GAAIF,WAClCzC,EAAC6C,GAAW9B,UAAU,IAAIa,KAAMY,EAAOM,KAAMV,OAAO,SAASW,IAAI,sBAC9DhD,SAAAyC,EAAOQ,QAFazB,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 } 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"}

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

@@ -1,2 +1,2 @@
-import{inherits as e,createClass as r,classCallCheck as n,callSuper as t,defineProperty as o,objectSpread2 as i}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as a,jsx as l,Fragment as s}from"react/jsx-runtime";import{Component as c}from"react";import{MfeLink as m}from"dinocollab-core/mfe-shared";import{Box as d,Divider as u,alpha as p,colors as h,Stack as f,Typography as v,MenuItem as g}from"@mui/material";import y from"@mui/icons-material/Facebook";import{toArray as I}from"./helpers.js";import{MenuStyled as b,subMenuClasses as C}from"./sub-menu.styled.js";var N=function(){function N(){var e;n(this,N);for(var r=arguments.length,c=new Array(r),u=0;u<r;u++)c[u]=arguments[u];return e=t(this,N,[].concat(c)),o(e,"getItemProps",function(r){var n,t={},o=null!==(n=r.navLink)&&void 0!==n?n:{},i=o.site,a=o.primaryHref,l=o.secondaryHref;return a?(l||(t.component="a"),t.component=m,t.primaryHref=a,t.secondaryHref=l,t.internal=i===e.props.site,t):t}),o(e,"renderItem",function(r,n){var t;return a(d,{className:C.group,children:[l(v,{variant:"h6",className:C.title,children:r.title}),null===(t=r.items)||void 0===t?void 0:t.map(function(r,n){var t=r.renderItem?r.renderItem(r):null,o=e.getItemProps(r);return l(g,i(i({className:C.item,onClick:e.props.onClose},o),{},{children:t||a(s,{children:[r.icon&&l("span",{className:C.itemIcon,children:e.renderIcon(r.icon)}),l(v,{component:"div",variant:"body1",className:C.itemText,children:l("span",{children:r.title})})]})}),n)})]},n)}),o(e,"renderIcon",function(e){if(!e)return null;var r=e;return"string"==typeof e&&(r=l(d,{component:"span",className:"icon-img",sx:{"--mask-url":"url(".concat(e,")")}})),l("span",{className:"icon-static",children:r})}),o(e,"getMenuData",function(){var r=e.props.navSelected;return I(null==r?void 0:r.menu).filter(function(e){var r;return e.items&&(null===(r=e.items)||void 0===r?void 0:r.length)>0})}),e}return e(N,c),r(N,[{key:"render",value:function(){var e=this.props,r=e.anchorEl,n=e.onClose,t=e.navSelected,o=this.getMenuData();return null===r||0===o.length?null:a(b,{anchorEl:r,open:Boolean(t),onClose:n,anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},disableScrollLock:!0,MenuListProps:{component:"div"},children:[l(d,{className:C.root,children:o.map(this.renderItem)}),l(u,{variant:"middle",sx:{borderColor:p(h.common.white,.1)}}),a(f,{direction:"row",spacing:1,justifyContent:"flex-end",alignItems:"center",padding:1,children:[l(v,{variant:"body2",children:"Follow us on social media for updates and news!"}),l(y,{})]})]})}}])}();export{N as default};
+import{inherits as n,createClass as e,classCallCheck as r,callSuper as t,defineProperty as i}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as o,jsx as a}from"react/jsx-runtime";import{Component as l}from"react";import{Box as c,Divider as s,alpha as m,colors as u,Stack as d,Typography as p,MenuItem as h}from"@mui/material";import v from"@mui/icons-material/Facebook";import{toArray as f}from"./helpers.js";import{MenuStyled as g,subMenuClasses as C}from"./sub-menu.styled.js";var N=function(){function N(){var n;r(this,N);for(var e=arguments.length,l=new Array(e),s=0;s<e;s++)l[s]=arguments[s];return n=t(this,N,[].concat(l)),i(n,"renderItem",function(e,r){var t;return o(c,{className:C.group,children:[a(p,{variant:"h6",className:C.title,children:e.title}),null===(t=e.items)||void 0===t?void 0:t.map(function(e,r){var t,i;return a(h,{component:"div",className:C.item,children:o(c,{className:C.itemContent,component:"a",href:null!==(t=null===(i=e.navLink)||void 0===i?void 0:i.href)&&void 0!==t?t:"/",onClick:function(r){return n.handleNavItemClick(r,e.navLink)},children:[e.icon&&a("span",{className:C.itemIcon,children:n.renderIcon(e.icon)}),a(p,{component:"div",variant:"body1",className:C.itemText,children:a("span",{children:e.title})})]})},r)})]},r)}),i(n,"renderIcon",function(n){if(!n)return null;var e=n;return"string"==typeof n&&(e=a(c,{component:"span",className:"icon-img",sx:{"--mask-url":"url(".concat(n,")")}})),a("span",{className:"icon-static",children:e})}),i(n,"getMenuData",function(){var e=n.props.navSelected;return f(null==e?void 0:e.menu).filter(function(n){var e;return n.items&&(null===(e=n.items)||void 0===e?void 0:e.length)>0})}),i(n,"handleNavItemClick",function(e,r){n.props.onNavItemClick&&r&&n.props.onNavItemClick(e,r)}),n}return n(N,l),e(N,[{key:"render",value:function(){var n=this.props,e=n.anchorEl,r=n.onClose,t=n.navSelected,i=this.getMenuData();return null===e||0===i.length?null:o(g,{anchorEl:e,open:Boolean(t),onClose:r,anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},disableScrollLock:!0,MenuListProps:{component:"div"},children:[a(c,{className:C.root,children:i.map(this.renderItem)}),a(s,{variant:"middle",sx:{borderColor:m(u.common.white,.1)}}),o(d,{direction:"row",spacing:1,justifyContent:"flex-end",alignItems:"center",padding:1,children:[a(p,{variant:"body2",children:"Follow us on social media for updates and news!"}),a(v,{})]})]})}}])}();export{N as default};
 //# sourceMappingURL=sub-menu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sub-menu.js","sources":["../../src/layout-global/sub-menu.tsx"],"sourcesContent":["import { Component, ReactNode } from 'react'\r\nimport { MfeLink } from 'dinocollab-core/mfe-shared'\r\nimport { alpha, Box, colors, Divider, MenuItem, MenuItemProps, Stack, Typography } from '@mui/material'\r\nimport FacebookIcon from '@mui/icons-material/Facebook'\r\nimport { toArray } from './helpers'\r\nimport { MenuStyled, subMenuClasses } from './sub-menu.styled'\r\nimport type { IAppSiteProps } from '../types'\r\nimport type { IAppMenu, IAppMenuItem, IAppNav } from './types'\r\n\r\ninterface IMenuItemProps extends MenuItemProps {\r\n  [key: string]: any // Allow any additional props\r\n}\r\n\r\ninterface ISubMenuProps extends IAppSiteProps {\r\n  anchorEl: HTMLElement | null\r\n  onClose: () => void\r\n  navSelected: IAppNav | null\r\n}\r\n\r\nclass SubMenu extends Component<ISubMenuProps> {\r\n  render() {\r\n    const { anchorEl, onClose, navSelected } = this.props\r\n    const menu = this.getMenuData()\r\n\r\n    if (anchorEl === null || menu.length === 0) return null\r\n    // Render sub-items only if anchorEl is set and subItems are available\r\n    // This prevents rendering when there are no sub-items or the menu is not open\r\n    return (\r\n      <MenuStyled\r\n        anchorEl={anchorEl}\r\n        open={Boolean(navSelected)}\r\n        onClose={onClose}\r\n        anchorOrigin={{ vertical: 'top', horizontal: 'right' }}\r\n        transformOrigin={{ vertical: 'top', horizontal: 'right' }}\r\n        disableScrollLock\r\n        MenuListProps={{ component: 'div' }}\r\n      >\r\n        {/* Render sub-menu items */}\r\n        <Box className={subMenuClasses.root}>{menu.map(this.renderItem)}</Box>\r\n\r\n        {/* Optional footer or additional content */}\r\n        <Divider variant='middle' sx={{ borderColor: alpha(colors.common.white, 0.1) }} />\r\n        <Stack direction='row' spacing={1} justifyContent='flex-end' alignItems='center' padding={1}>\r\n          <Typography variant='body2'>Follow us on social media for updates and news!</Typography>\r\n          {/* Add social media links or icons here if needed */}\r\n          <FacebookIcon />\r\n        </Stack>\r\n      </MenuStyled>\r\n    )\r\n  }\r\n\r\n  /**\r\n   * Generates props for the navigation item button\r\n   * @param item The navigation item to get props for\r\n   * @description This method returns the props for the navigation item, including the href and onClick handler.\r\n   * It uses the MfeLink component for internal links and ButtonAnimation for button styles.\r\n   * @returns The props for the button animation component\r\n   */\r\n  getItemProps = (item: IAppMenuItem): Partial<IMenuItemProps> => {\r\n    const obj: Partial<IMenuItemProps> = {}\r\n    const { site, primaryHref, secondaryHref } = item.navLink ?? {}\r\n\r\n    // If no primaryHref is provided, return the object as is\r\n    // If no secondaryHref is provided, set the component to 'a' for external links\r\n    if (!primaryHref) return obj\r\n    else if (!secondaryHref) obj.component = 'a'\r\n\r\n    obj.component = MfeLink\r\n    obj.primaryHref = primaryHref\r\n    obj.secondaryHref = secondaryHref\r\n    obj.internal = site === this.props.site\r\n\r\n    return obj\r\n  }\r\n\r\n  renderItem = (item: IAppMenu, index: number) => (\r\n    <Box key={index} className={subMenuClasses.group}>\r\n      <Typography variant='h6' className={subMenuClasses.title}>\r\n        {item.title}\r\n      </Typography>\r\n      {/* <Divider sx={{ borderColor: alpha(colors.common.white, 0.1), my: 1 }} /> */}\r\n      {item.items?.map((item, j) => {\r\n        const content = item.renderItem ? item.renderItem(item) : null\r\n        const itemProps = this.getItemProps(item)\r\n        return (\r\n          <MenuItem key={j} className={subMenuClasses.item} onClick={this.props.onClose} {...itemProps}>\r\n            {content || (\r\n              <>\r\n                {item.icon && <span className={subMenuClasses.itemIcon}>{this.renderIcon(item.icon)}</span>}\r\n                <Typography component='div' variant='body1' className={subMenuClasses.itemText}>\r\n                  <span>{item.title}</span>\r\n                </Typography>\r\n              </>\r\n            )}\r\n          </MenuItem>\r\n        )\r\n      })}\r\n    </Box>\r\n  )\r\n\r\n  renderIcon = (value: ReactNode) => {\r\n    if (!value) return null\r\n    let finalIcon = value\r\n    if (typeof value === 'string') {\r\n      finalIcon = <Box component='span' className='icon-img' sx={{ '--mask-url': `url(${value})` }} />\r\n    }\r\n    return <span className='icon-static'>{finalIcon}</span>\r\n  }\r\n\r\n  getMenuData = () => {\r\n    const { navSelected } = this.props\r\n    const list = toArray<IAppMenu>(navSelected?.menu)\r\n    return list.filter((item) => item.items && item.items?.length > 0)\r\n  }\r\n}\r\n\r\nexport default SubMenu\r\n"],"names":["SubMenu","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","this","concat","_defineProperty","item","_item$navLink","obj","_ref","navLink","site","primaryHref","secondaryHref","component","MfeLink","internal","props","index","_item$items","_jsxs","Box","className","subMenuClasses","group","children","_jsx","Typography","variant","title","items","map","j","content","renderItem","itemProps","getItemProps","MenuItem","_objectSpread","onClick","onClose","_Fragment","icon","itemIcon","renderIcon","itemText","value","finalIcon","sx","navSelected","toArray","menu","filter","_item$items2","_inherits","Component","_createClass","key","_this$props","anchorEl","getMenuData","MenuStyled","open","Boolean","anchorOrigin","vertical","horizontal","transformOrigin","disableScrollLock","MenuListProps","root","Divider","borderColor","alpha","colors","common","white","Stack","direction","spacing","justifyContent","alignItems","padding","FacebookIcon"],"mappings":"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"}
+{"version":3,"file":"sub-menu.js","sources":["../../src/layout-global/sub-menu.tsx"],"sourcesContent":["import { Component } from 'react'\r\nimport { alpha, Box, colors, Divider, MenuItem, Stack, Typography } from '@mui/material'\r\nimport type { ReactNode } from 'react'\r\nimport FacebookIcon from '@mui/icons-material/Facebook'\r\nimport { toArray } from './helpers'\r\nimport { MenuStyled, subMenuClasses } from './sub-menu.styled'\r\nimport type { IAppMenu, IAppNav, INavLink, NavItemClickFunction } from './types'\r\n\r\ninterface ISubMenuProps {\r\n  anchorEl: HTMLElement | null\r\n  onClose: () => void\r\n  navSelected: IAppNav | null\r\n  onNavItemClick?: NavItemClickFunction\r\n}\r\n\r\nclass SubMenu extends Component<ISubMenuProps> {\r\n  render() {\r\n    const { anchorEl, onClose, navSelected } = this.props\r\n    const menu = this.getMenuData()\r\n\r\n    if (anchorEl === null || menu.length === 0) return null\r\n    // Render sub-items only if anchorEl is set and subItems are available\r\n    // This prevents rendering when there are no sub-items or the menu is not open\r\n    return (\r\n      <MenuStyled\r\n        anchorEl={anchorEl}\r\n        open={Boolean(navSelected)}\r\n        onClose={onClose}\r\n        anchorOrigin={{ vertical: 'top', horizontal: 'right' }}\r\n        transformOrigin={{ vertical: 'top', horizontal: 'right' }}\r\n        disableScrollLock\r\n        MenuListProps={{ component: 'div' }}\r\n      >\r\n        {/* Render sub-menu items */}\r\n        <Box className={subMenuClasses.root}>{menu.map(this.renderItem)}</Box>\r\n\r\n        {/* Optional footer or additional content */}\r\n        <Divider variant='middle' sx={{ borderColor: alpha(colors.common.white, 0.1) }} />\r\n        <Stack direction='row' spacing={1} justifyContent='flex-end' alignItems='center' padding={1}>\r\n          <Typography variant='body2'>Follow us on social media for updates and news!</Typography>\r\n          {/* Add social media links or icons here if needed */}\r\n          <FacebookIcon />\r\n        </Stack>\r\n      </MenuStyled>\r\n    )\r\n  }\r\n\r\n  renderItem = (item: IAppMenu, index: number) => (\r\n    <Box key={index} className={subMenuClasses.group}>\r\n      <Typography variant='h6' className={subMenuClasses.title}>\r\n        {item.title}\r\n      </Typography>\r\n      {/* <Divider sx={{ borderColor: alpha(colors.common.white, 0.1), my: 1 }} /> */}\r\n      {item.items?.map((item, j) => (\r\n        <MenuItem key={j} component='div' className={subMenuClasses.item}>\r\n          <Box\r\n            className={subMenuClasses.itemContent}\r\n            component='a'\r\n            href={item.navLink?.href ?? '/'}\r\n            onClick={(e) => this.handleNavItemClick(e, item.navLink)}\r\n          >\r\n            {item.icon && <span className={subMenuClasses.itemIcon}>{this.renderIcon(item.icon)}</span>}\r\n            <Typography component='div' variant='body1' className={subMenuClasses.itemText}>\r\n              <span>{item.title}</span>\r\n            </Typography>\r\n          </Box>\r\n        </MenuItem>\r\n      ))}\r\n    </Box>\r\n  )\r\n\r\n  renderIcon = (value: ReactNode) => {\r\n    if (!value) return null\r\n    let finalIcon = value\r\n    if (typeof value === 'string') {\r\n      finalIcon = <Box component='span' className='icon-img' sx={{ '--mask-url': `url(${value})` }} />\r\n    }\r\n    return <span className='icon-static'>{finalIcon}</span>\r\n  }\r\n\r\n  getMenuData = () => {\r\n    const { navSelected } = this.props\r\n    const list = toArray<IAppMenu>(navSelected?.menu)\r\n    return list.filter((item) => item.items && item.items?.length > 0)\r\n  }\r\n\r\n  handleNavItemClick = (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>, item?: INavLink) => {\r\n    if (!this.props.onNavItemClick || !item) return\r\n    this.props.onNavItemClick(event, item)\r\n  }\r\n}\r\nexport default SubMenu\r\n"],"names":["SubMenu","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","this","concat","_defineProperty","item","index","_item$items","_jsxs","Box","className","subMenuClasses","group","children","_jsx","Typography","variant","title","items","map","j","_item$navLink$href","_item$navLink","MenuItem","component","itemContent","href","navLink","onClick","e","handleNavItemClick","icon","itemIcon","renderIcon","itemText","value","finalIcon","sx","navSelected","props","toArray","menu","filter","_item$items2","event","onNavItemClick","_inherits","Component","_createClass","key","_this$props","anchorEl","onClose","getMenuData","MenuStyled","open","Boolean","anchorOrigin","vertical","horizontal","transformOrigin","disableScrollLock","MenuListProps","root","renderItem","Divider","borderColor","alpha","colors","common","white","Stack","direction","spacing","justifyContent","alignItems","padding","FacebookIcon"],"mappings":"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"sub-menu.styled.js","sources":["../../src/layout-global/sub-menu.styled.ts"],"sourcesContent":["import { alpha, Menu, styled } from '@mui/material'\r\nimport type { ComponentType } from 'react'\r\nimport type { MenuProps, Theme } from '@mui/material'\r\n\r\nexport const subMenuClasses = {\r\n  root: 'SubMenu-root',\r\n  group: 'SubMenu-group',\r\n  title: 'SubMenu-title',\r\n  item: 'SubMenu-item',\r\n  itemIcon: 'SubMenu-itemIcon',\r\n  itemText: 'SubMenu-itemText'\r\n}\r\n\r\nconst getClasses = (key: keyof typeof subMenuClasses, options?: { prefix?: string; suffix?: string }) => {\r\n  return `${options?.prefix || ''}.${subMenuClasses[key]}${options?.suffix || ''}`\r\n}\r\n\r\nexport const MenuStyled: ComponentType<MenuProps> = styled(Menu)(({ theme }: { theme: Theme }) => ({\r\n  '--bg-divider': 'linear-gradient(45deg, rgb(211, 47, 47) 0%, rgb(249, 169, 37) 70%, rgb(211, 47, 47) 100%) 0% 0% / 200%',\r\n  '--size-icon': '24px',\r\n  marginTop: '45px',\r\n  '.MuiPaper-root': {\r\n    overflow: 'visible',\r\n    backgroundColor: '#323234',\r\n    borderRadius: theme.shape.borderRadius,\r\n    minWidth: '280px',\r\n    maxWidth: '550px',\r\n    boxShadow: `0 1px 1px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(0, 0, 0, 0.15), 0 8px 8px rgba(0, 0, 0, 0.05)`,\r\n    animation: 'fadeInDown 0.3s ease-out',\r\n    marginTop: '8px',\r\n    color: theme.palette.common.white,\r\n\r\n    '@keyframes fadeInDown': {\r\n      '0%': { opacity: 0, transform: 'translateY(-10px)' },\r\n      '100%': { opacity: 1, transform: 'translateY(0)' }\r\n    },\r\n\r\n    '&::before': {\r\n      content: '\"\"',\r\n      position: 'absolute',\r\n      backgroundColor: '#323234',\r\n      width: '10px',\r\n      height: '10px',\r\n      top: '-4px',\r\n      right: theme.spacing(1.5),\r\n      transform: 'translateX(-50%) rotate(45deg)',\r\n      zIndex: 0\r\n    }\r\n  },\r\n  '.MuiBackdrop-root': { backgroundColor: 'transparent' },\r\n  '.MuiList-root': { padding: 0 },\r\n\r\n  [getClasses('root')]: {\r\n    display: 'flex',\r\n    padding: theme.spacing(1, 0),\r\n    [theme.breakpoints.down('md')]: {\r\n      flexDirection: 'column',\r\n      padding: theme.spacing(1, 0)\r\n    },\r\n    '&:hover': {\r\n      '--color-text-sub-menu': theme.palette.grey[500],\r\n      '--filter-icon': 'invert(1) brightness(0.6) opacity(0.7)'\r\n    }\r\n  },\r\n\r\n  [getClasses('group')]: {\r\n    borderRight: `1px solid ${alpha(theme.palette.common.white, 0.1)}`,\r\n    padding: theme.spacing(0, 1),\r\n    '&:last-of-type': {\r\n      borderRight: 'none'\r\n    },\r\n    [theme.breakpoints.down('md')]: {\r\n      borderRight: 'none',\r\n      padding: theme.spacing(0, 0, 0, 1)\r\n    }\r\n  },\r\n\r\n  [getClasses('title')]: {\r\n    padding: theme.spacing(0.5, 1.25),\r\n    color: theme.palette.common.white,\r\n    fontWeight: 500,\r\n    fontSize: '1.1rem',\r\n    marginBottom: theme.spacing(1.25)\r\n  },\r\n\r\n  [getClasses('item')]: {\r\n    position: 'relative',\r\n    transition: 'all 0.35s ease',\r\n    padding: theme.spacing(1.5, 3.5, 1.5, 1.5),\r\n    backgroundColor: 'var(--bg-nav-item, transparent)',\r\n    borderRadius: theme.shape.borderRadius,\r\n\r\n    [getClasses('itemText')]: {\r\n      color: `var(--color-text-sub-menu, ${theme.palette.grey[100]})`,\r\n      textDecoration: 'none',\r\n      display: 'block',\r\n      width: '100%',\r\n      fontSize: '0.875rem',\r\n      transition: 'all 0.3s ease',\r\n      span: {\r\n        display: 'inline-block'\r\n      }\r\n    },\r\n\r\n    [getClasses('itemIcon')]: {\r\n      display: 'flex',\r\n      alignItems: 'center',\r\n      flexShrink: 0,\r\n      transition: 'transform var(--timing-medium) var(--easing-bounce)',\r\n      transformOrigin: 'left bottom',\r\n      position: 'relative',\r\n      marginRight: theme.spacing(1),\r\n      'img, svg, .icon-img': { width: 'var(--size-icon)', height: 'var(--size-icon)' },\r\n      '.icon-img': {\r\n        backgroundImage: `var(--mask-url)`,\r\n        backgroundSize: 'cover',\r\n        backgroundPosition: 'center',\r\n        display: 'block',\r\n        borderRadius: 4,\r\n        transition: 'filter 0.3s',\r\n        position: 'relative',\r\n        zIndex: 1,\r\n        filter: 'var(--filter-icon, invert(1) brightness(0.9) opacity(1))'\r\n      }\r\n    },\r\n\r\n    '&::before': {\r\n      content: '\"\"',\r\n      position: 'absolute',\r\n      left: '14px',\r\n      top: '50%',\r\n      transform: 'translateY(-50%)',\r\n      width: 0,\r\n      transition: 'all 0.4s',\r\n      background: 'var(--bg-divider)',\r\n      height: '2px'\r\n    },\r\n\r\n    '&:hover': {\r\n      '--color-text-sub-menu': theme.palette.common.white,\r\n      '--filter-icon': 'invert(1) brightness(1) opacity(1)',\r\n      padding: theme.spacing(1.5, 1.5, 1.5, 3.5),\r\n      backgroundColor: 'var(--bg-nav-item-hover, rgba(249, 169, 37, 0.1))',\r\n      '&::before': {\r\n        width: theme.spacing(1.125),\r\n        marginRight: theme.spacing(1)\r\n      }\r\n    }\r\n  }\r\n}))\r\nMenuStyled.displayName = 'MenuStyled'\r\n"],"names":["subMenuClasses","root","group","title","item","itemIcon","itemText","getClasses","key","options","concat","MenuStyled","styled","Menu","_ref","theme","_defineProperty","marginTop","overflow","backgroundColor","borderRadius","shape","minWidth","maxWidth","boxShadow","animation","color","palette","common","white","opacity","transform","content","position","width","height","top","right","spacing","zIndex","padding","display","breakpoints","down","flexDirection","grey","borderRight","alpha","fontWeight","fontSize","marginBottom","transition","textDecoration","span","alignItems","flexShrink","transformOrigin","marginRight","backgroundImage","backgroundSize","backgroundPosition","filter","left","background","displayName"],"mappings":"sIAIO,IAAMA,EAAiB,CAC5BC,KAAM,eACNC,MAAO,gBACPC,MAAO,gBACPC,KAAM,eACNC,SAAU,mBACVC,SAAU,oBAGNC,EAAa,SAACC,EAAkCC,GACpD,MAAA,GAAAC,OAA6B,QAAEA,OAAIV,EAAeQ,IAAIE,OAAsB,GAC9E,EAEaC,EAAuCC,EAAOC,EAAPD,CAAa,SAAAE,GAAA,IAAGC,EAAKD,EAALC,MAAK,OAAAC,EAAAA,EAAAA,EAAAA,EAAA,CACvE,eAAgB,yGAChB,cAAe,OACfC,UAAW,OACX,iBAAkB,CAChBC,SAAU,UACVC,gBAAiB,UACjBC,aAAcL,EAAMM,MAAMD,aAC1BE,SAAU,QACVC,SAAU,QACVC,UAAsI,4HACtIC,UAAW,2BACXR,UAAW,MACXS,MAAOX,EAAMY,QAAQC,OAAOC,MAE5B,wBAAyB,CACvB,KAAM,CAAEC,QAAS,EAAGC,UAAW,qBAC/B,OAAQ,CAAED,QAAS,EAAGC,UAAW,kBAGnC,YAAa,CACXC,QAAS,KACTC,SAAU,WACVd,gBAAiB,UACjBe,MAAO,OACPC,OAAQ,OACRC,IAAK,OACLC,MAAOtB,EAAMuB,QAAQ,KACrBP,UAAW,iCACXQ,OAAQ,IAGZ,oBAAqB,CAAEpB,gBAAiB,eACxC,gBAAiB,CAAEqB,QAAS,IAE3BjC,EAAW,QAAOS,EAAAA,EAAA,CACjByB,QAAS,OACTD,QAASzB,EAAMuB,QAAQ,EAAG,IACzBvB,EAAM2B,YAAYC,KAAK,MAAQ,CAC9BC,cAAe,SACfJ,QAASzB,EAAMuB,QAAQ,EAAG,KAE5B,UAAW,CACT,wBAAyBvB,EAAMY,QAAQkB,KAAK,KAC5C,gBAAiB,4CAIpBtC,EAAW,SAAQS,EAAA,CAClB8B,YAAWpC,aAAAA,OAAeqC,EAAMhC,EAAMY,QAAQC,OAAOC,MAAO,KAC5DW,QAASzB,EAAMuB,QAAQ,EAAG,GAC1B,iBAAkB,CAChBQ,YAAa,SAEd/B,EAAM2B,YAAYC,KAAK,MAAQ,CAC9BG,YAAa,OACbN,QAASzB,EAAMuB,QAAQ,EAAG,EAAG,EAAG,MAInC/B,EAAW,SAAW,CACrBiC,QAASzB,EAAMuB,QAAQ,GAAK,MAC5BZ,MAAOX,EAAMY,QAAQC,OAAOC,MAC5BmB,WAAY,IACZC,SAAU,SACVC,aAAcnC,EAAMuB,QAAQ,QAG7B/B,EAAW,QAAOS,EAAAA,EAAAA,EAAAA,EAAA,CACjBiB,SAAU,WACVkB,WAAY,iBACZX,QAASzB,EAAMuB,QAAQ,IAAK,IAAK,IAAK,KACtCnB,gBAAiB,kCACjBC,aAAcL,EAAMM,MAAMD,cAEzBb,EAAW,YAAc,CACxBmB,MAAK,8BAAAhB,OAAgCK,EAAMY,QAAQkB,KAAK,KAAO,KAC/DO,eAAgB,OAChBX,QAAS,QACTP,MAAO,OACPe,SAAU,WACVE,WAAY,gBACZE,KAAM,CACJZ,QAAS,kBAIZlC,EAAW,YAAc,CACxBkC,QAAS,OACTa,WAAY,SACZC,WAAY,EACZJ,WAAY,sDACZK,gBAAiB,cACjBvB,SAAU,WACVwB,YAAa1C,EAAMuB,QAAQ,GAC3B,sBAAuB,CAAEJ,MAAO,mBAAoBC,OAAQ,oBAC5D,YAAa,CACXuB,gBAAkC,kBAClCC,eAAgB,QAChBC,mBAAoB,SACpBnB,QAAS,QACTrB,aAAc,EACd+B,WAAY,cACZlB,SAAU,WACVM,OAAQ,EACRsB,OAAQ,8DAIZ,YAAa,CACX7B,QAAS,KACTC,SAAU,WACV6B,KAAM,OACN1B,IAAK,MACLL,UAAW,mBACXG,MAAO,EACPiB,WAAY,WACZY,WAAY,oBACZ5B,OAAQ,QAGV,UAAW,CACT,wBAAyBpB,EAAMY,QAAQC,OAAOC,MAC9C,gBAAiB,qCACjBW,QAASzB,EAAMuB,QAAQ,IAAK,IAAK,IAAK,KACtCnB,gBAAiB,oDACjB,YAAa,CACXe,MAAOnB,EAAMuB,QAAQ,OACrBmB,YAAa1C,EAAMuB,QAAQ,MAE9B,GAGL3B,EAAWqD,YAAc"}
+{"version":3,"file":"sub-menu.styled.js","sources":["../../src/layout-global/sub-menu.styled.ts"],"sourcesContent":["import { alpha, Menu, styled } from '@mui/material'\r\nimport type { ComponentType } from 'react'\r\nimport type { MenuProps, Theme } from '@mui/material'\r\n\r\nexport const subMenuClasses = {\r\n  root: 'SubMenu-root',\r\n  group: 'SubMenu-group',\r\n  title: 'SubMenu-title',\r\n  item: 'SubMenu-item',\r\n  itemContent: 'SubMenu-itemContent',\r\n  itemIcon: 'SubMenu-itemIcon',\r\n  itemText: 'SubMenu-itemText'\r\n}\r\n\r\nconst getClasses = (key: keyof typeof subMenuClasses, options?: { prefix?: string; suffix?: string }) => {\r\n  return `${options?.prefix || ''}.${subMenuClasses[key]}${options?.suffix || ''}`\r\n}\r\n\r\nexport const MenuStyled: ComponentType<MenuProps> = styled(Menu)(({ theme }: { theme: Theme }) => ({\r\n  '--bg-divider': 'linear-gradient(45deg, rgb(211, 47, 47) 0%, rgb(249, 169, 37) 70%, rgb(211, 47, 47) 100%) 0% 0% / 200%',\r\n  '--size-icon': '24px',\r\n  marginTop: '45px',\r\n  '.MuiPaper-root': {\r\n    overflow: 'visible',\r\n    backgroundColor: '#323234',\r\n    borderRadius: theme.shape.borderRadius,\r\n    minWidth: '280px',\r\n    maxWidth: '550px',\r\n    boxShadow: `0 1px 1px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(0, 0, 0, 0.15), 0 8px 8px rgba(0, 0, 0, 0.05)`,\r\n    animation: 'fadeInDown 0.3s ease-out',\r\n    marginTop: '8px',\r\n    color: theme.palette.common.white,\r\n\r\n    '@keyframes fadeInDown': {\r\n      '0%': { opacity: 0, transform: 'translateY(-10px)' },\r\n      '100%': { opacity: 1, transform: 'translateY(0)' }\r\n    },\r\n\r\n    '&::before': {\r\n      content: '\"\"',\r\n      position: 'absolute',\r\n      backgroundColor: '#323234',\r\n      width: '10px',\r\n      height: '10px',\r\n      top: '-4px',\r\n      right: theme.spacing(1.5),\r\n      transform: 'translateX(-50%) rotate(45deg)',\r\n      zIndex: 0\r\n    }\r\n  },\r\n  '.MuiBackdrop-root': { backgroundColor: 'transparent' },\r\n  '.MuiList-root': { padding: 0 },\r\n\r\n  [getClasses('root')]: {\r\n    display: 'flex',\r\n    padding: theme.spacing(1, 0),\r\n    [theme.breakpoints.down('md')]: {\r\n      flexDirection: 'column',\r\n      padding: theme.spacing(1, 0)\r\n    },\r\n    '&:hover': {\r\n      '--color-text-sub-menu': theme.palette.grey[500],\r\n      '--filter-icon': 'invert(1) brightness(0.6) opacity(0.7)'\r\n    }\r\n  },\r\n\r\n  [getClasses('group')]: {\r\n    borderRight: `1px solid ${alpha(theme.palette.common.white, 0.1)}`,\r\n    padding: theme.spacing(0, 1),\r\n    '&:last-of-type': {\r\n      borderRight: 'none'\r\n    },\r\n    [theme.breakpoints.down('md')]: {\r\n      borderRight: 'none',\r\n      padding: theme.spacing(0, 0, 0, 1)\r\n    }\r\n  },\r\n\r\n  [getClasses('title')]: {\r\n    padding: theme.spacing(0.5, 1.25),\r\n    color: theme.palette.common.white,\r\n    fontWeight: 500,\r\n    fontSize: '1.1rem',\r\n    marginBottom: theme.spacing(1.25)\r\n  },\r\n\r\n  [getClasses('item')]: {\r\n    position: 'relative',\r\n    transition: 'all 0.35s ease',\r\n    padding: theme.spacing(1.5, 3.5, 1.5, 1.5),\r\n    backgroundColor: 'var(--bg-nav-item, transparent)',\r\n    borderRadius: theme.shape.borderRadius,\r\n\r\n    [getClasses('itemContent')]: {\r\n      display: 'flex',\r\n      alignItems: 'center'\r\n    },\r\n\r\n    [getClasses('itemText')]: {\r\n      color: `var(--color-text-sub-menu, ${theme.palette.grey[100]})`,\r\n      textDecoration: 'none',\r\n      display: 'block',\r\n      width: '100%',\r\n      fontSize: '0.875rem',\r\n      transition: 'all 0.3s ease',\r\n      span: {\r\n        display: 'inline-block'\r\n      }\r\n    },\r\n\r\n    [getClasses('itemIcon')]: {\r\n      display: 'flex',\r\n      alignItems: 'center',\r\n      flexShrink: 0,\r\n      transition: 'transform var(--timing-medium) var(--easing-bounce)',\r\n      transformOrigin: 'left bottom',\r\n      position: 'relative',\r\n      marginRight: theme.spacing(1),\r\n      'img, svg, .icon-img': { width: 'var(--size-icon)', height: 'var(--size-icon)' },\r\n      '.icon-img': {\r\n        backgroundImage: `var(--mask-url)`,\r\n        backgroundSize: 'cover',\r\n        backgroundPosition: 'center',\r\n        display: 'block',\r\n        borderRadius: 4,\r\n        transition: 'filter 0.3s',\r\n        position: 'relative',\r\n        zIndex: 1,\r\n        filter: 'var(--filter-icon, invert(1) brightness(0.9) opacity(1))'\r\n      }\r\n    },\r\n\r\n    '&::before': {\r\n      content: '\"\"',\r\n      position: 'absolute',\r\n      left: '14px',\r\n      top: '50%',\r\n      transform: 'translateY(-50%)',\r\n      width: 0,\r\n      transition: 'all 0.4s',\r\n      background: 'var(--bg-divider)',\r\n      height: '2px'\r\n    },\r\n\r\n    '&:hover': {\r\n      '--color-text-sub-menu': theme.palette.common.white,\r\n      '--filter-icon': 'invert(1) brightness(1) opacity(1)',\r\n      padding: theme.spacing(1.5, 1.5, 1.5, 3.5),\r\n      backgroundColor: 'var(--bg-nav-item-hover, rgba(249, 169, 37, 0.1))',\r\n      '&::before': {\r\n        width: theme.spacing(1.125),\r\n        marginRight: theme.spacing(1)\r\n      }\r\n    }\r\n  }\r\n}))\r\nMenuStyled.displayName = 'MenuStyled'\r\n"],"names":["subMenuClasses","root","group","title","item","itemContent","itemIcon","itemText","getClasses","key","options","concat","MenuStyled","styled","Menu","_ref","theme","_defineProperty","marginTop","overflow","backgroundColor","borderRadius","shape","minWidth","maxWidth","boxShadow","animation","color","palette","common","white","opacity","transform","content","position","width","height","top","right","spacing","zIndex","padding","display","breakpoints","down","flexDirection","grey","borderRight","alpha","fontWeight","fontSize","marginBottom","transition","alignItems","textDecoration","span","flexShrink","transformOrigin","marginRight","backgroundImage","backgroundSize","backgroundPosition","filter","left","background","displayName"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../src/layout-global/types.ts"],"sourcesContent":["import { ReactNode } from 'react'\r\nimport { SxProps, Theme } from '@mui/material'\r\nimport { AppSite } from 'dinocollab-core/mfe-shared'\r\nimport { IButtonAnimationProps } from './animated-tabs.units'\r\n\r\nexport enum ENavKey {\r\n  Home = 'home',\r\n  Pricing = 'pricing',\r\n  SubmitMedia = 'submit-media',\r\n  Faqs = 'faqs',\r\n  Videos = 'videos',\r\n  Audios = 'audios',\r\n  Privacy = 'privacy',\r\n  Terms = 'terms',\r\n  About = 'about',\r\n  CreateAccount = 'create-account',\r\n  ContactUs = 'contact-us',\r\n  PurchaseLicenses = 'purchase-licenses'\r\n}\r\n\r\nexport interface IAuthData {\r\n  userId?: string\r\n  displayName?: string\r\n  userAvatar?: string\r\n  isAuthenticated?: boolean\r\n  profilePath?: string\r\n  registerPath?: string\r\n  loginPath?: string\r\n  logoutPath?: string\r\n  isFirstLogin?: boolean\r\n}\r\n\r\nexport interface IAppSocial {\r\n  link: string\r\n  icon: ReactNode\r\n  color?: string\r\n  sx?: SxProps<Theme>\r\n}\r\n\r\nexport type INavLink = {\r\n  site: AppSite\r\n  primaryHref: string\r\n  secondaryHref?: string\r\n  target?: '_blank' | '_self'\r\n  queryParams?: any\r\n}\r\n\r\nexport interface IAppNavDef {\r\n  navLink?: INavLink\r\n  renderItem?: (props: IAppNavDef) => React.ReactNode\r\n  options?: Partial<IButtonAnimationProps>\r\n}\r\n\r\nexport interface IAppMenuItem extends Omit<IAppNavDef, 'options'> {\r\n  title: string\r\n  icon?: React.ReactNode\r\n}\r\n\r\nexport interface IAppMenu {\r\n  title: string\r\n  icon?: React.ReactNode\r\n  items?: IAppMenuItem[]\r\n}\r\n\r\nexport interface IAppNav extends IAppNavDef {\r\n  title: string\r\n  menu?: IAppMenu | IAppMenu[]\r\n}\r\n\r\nexport type OnRouterUrlGetter = (site: AppSite, path: string) => string\r\n"],"names":["ENavKey"],"mappings":"IAKYA,GAAZ,SAAYA,GACVA,EAAA,KAAA,OACAA,EAAA,QAAA,UACAA,EAAA,YAAA,eACAA,EAAA,KAAA,OACAA,EAAA,OAAA,SACAA,EAAA,OAAA,SACAA,EAAA,QAAA,UACAA,EAAA,MAAA,QACAA,EAAA,MAAA,QACAA,EAAA,cAAA,iBACAA,EAAA,UAAA,aACAA,EAAA,iBAAA,mBACD,CAbD,CAAYA,IAAAA,EAaX,CAAA"}
+{"version":3,"file":"types.js","sources":["../../src/layout-global/types.ts"],"sourcesContent":["import type { ReactNode } from 'react'\r\nimport type { SxProps, Theme } from '@mui/material'\r\nimport type { AppSite } from 'dinocollab-core/mfe-shared'\r\nimport type { IButtonAnimationProps } from './animated-tabs.units'\r\n\r\nexport enum ENavKey {\r\n  Home = 'home',\r\n  Pricing = 'pricing',\r\n  SubmitMedia = 'submit-media',\r\n  Faqs = 'faqs',\r\n  Videos = 'videos',\r\n  Audios = 'audios',\r\n  Privacy = 'privacy',\r\n  Terms = 'terms',\r\n  About = 'about',\r\n  CreateAccount = 'create-account',\r\n  ContactUs = 'contact-us',\r\n  PurchaseLicenses = 'purchase-licenses'\r\n}\r\n\r\nexport interface IAuthData {\r\n  userId?: string\r\n  displayName?: string\r\n  userAvatar?: string\r\n  isAuthenticated?: boolean\r\n  profilePath?: string\r\n  registerPath?: string\r\n  loginPath?: string\r\n  logoutPath?: string\r\n  isFirstLogin?: boolean\r\n}\r\n\r\nexport interface IAppSocial {\r\n  link: string\r\n  icon: ReactNode\r\n  color?: string\r\n  sx?: SxProps<Theme>\r\n}\r\n\r\nexport type INavLink = {\r\n  /** App site key */\r\n  site: AppSite\r\n  /** Link URL */\r\n  href: string\r\n  /** Router path for internal routing (Next.js/React Router) */\r\n  routerPath?: string\r\n  /** Link target */\r\n  target?: '_blank' | '_self'\r\n}\r\n\r\nexport type NavItemClickFunction = (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>, item: INavLink) => void\r\n\r\nexport interface IAppNavDef {\r\n  navLink?: INavLink\r\n  options?: Partial<IButtonAnimationProps>\r\n}\r\n\r\nexport interface IAppMenuItem extends Omit<IAppNavDef, 'options'> {\r\n  title: string\r\n  icon?: ReactNode\r\n}\r\n\r\nexport interface IAppMenu {\r\n  title: string\r\n  icon?: ReactNode\r\n  items?: IAppMenuItem[]\r\n}\r\n\r\nexport interface IAppNav extends IAppNavDef {\r\n  title: string\r\n  menu?: IAppMenu | IAppMenu[]\r\n}\r\n\r\nexport type OnRouterUrlGetter = (site: AppSite, path: string) => string\r\n"],"names":["ENavKey"],"mappings":"IAKYA,GAAZ,SAAYA,GACVA,EAAA,KAAA,OACAA,EAAA,QAAA,UACAA,EAAA,YAAA,eACAA,EAAA,KAAA,OACAA,EAAA,OAAA,SACAA,EAAA,OAAA,SACAA,EAAA,QAAA,UACAA,EAAA,MAAA,QACAA,EAAA,MAAA,QACAA,EAAA,cAAA,iBACAA,EAAA,UAAA,aACAA,EAAA,iBAAA,mBACD,CAbD,CAAYA,IAAAA,EAaX,CAAA"}

package/dist/types/auth/hook.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=hook.d.ts.map

package/dist/types/auth/hook.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/auth/hook.ts"],"names":[],"mappings":"AAqCA,OAAO,EAAE,CAAA"}

package/dist/types/auth/index.d.ts

@@ -1,2 +1,3 @@
+export type { IProfile, IAuthState } from './types';
 export * from './widget';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/auth/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/auth/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/auth/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEnD,cAAc,UAAU,CAAA"}

package/dist/types/auth/profile.d.ts

@@ -1,32 +1,25 @@
 import { Component } from 'react';
-import type { PropsWithChildren, MouseEvent as RMouseEvent } from 'react';
-import type { IAppSiteProps } from '../types';
-export declare const avatarButtonClasses: {
+import type { PropsWithChildren } from 'react';
+import type { IIMenuConfigs, IProfile } from './types';
+export declare const profileClasses: {
     root: string;
     title: string;
+    content: string;
+    item: string;
 };
-interface IAvatarButtonProps extends PropsWithChildren, IAppSiteProps {
-    userName?: string;
-    urlAvatar?: string;
+export interface IAvatarButtonProps extends PropsWithChildren {
+    profile: IProfile | null;
+    menuConfigs: IIMenuConfigs;
     theme?: 'dark' | 'light';
-    onLogout?: (event: RMouseEvent<HTMLAnchorElement, MouseEvent>) => void;
-    profileHref?: {
-        primary: string;
-        secondary?: string;
-    };
-    logoutHref?: {
-        primary: string;
-        secondary?: string;
-    };
 }
-interface IAvatarButtonState {
+export interface IAvatarButtonState {
     isOpen: boolean;
     element: HTMLElement | null;
 }
 export declare class Profile extends Component<IAvatarButtonProps, IAvatarButtonState> {
     constructor(props: IAvatarButtonProps);
     toggle: () => void;
-    handleClick: (event: RMouseEvent<HTMLElement>) => void;
+    handleClick: (event: React.MouseEvent<HTMLElement>) => void;
     handleClose: () => void;
     render(): import("react/jsx-runtime").JSX.Element;
 }