{"version":3,"file":"index-4fb16511.js","sources":["../../src/components/marketplace/news/NewsInfos.tsx","../../src/components/marketplace/news/NewsDescription.tsx","../../src/components/marketplace/news/NewsImage.tsx","../../src/components/marketplace/news/NewsDetailsContainer.tsx","../../src/components/news/NewsFeedDetailsContainer.tsx","../../src/pages/news/[slug]/details/styles/StylesNewsDetailsServiceStyleTwo.ts","../../src/pages/news/[slug]/details/styles/StylesNewsDetailsServiceStyleOne.ts","../../src/pages/news/[slug]/details/styles/StylesNewsDetailsServiceStyleThree.ts","../../src/pages/news/[slug]/details/styles/GetNewsDetailsTemplateService.ts","../../src/pages/news/[slug]/details/styles/useGetNewsDetailsTemplate.ts","../../src/pages/news/[slug]/details/index.tsx"],"sourcesContent":["import { Box } from '@mui/material'\nimport Title from '~/src/components/mui-wrappers/Title'\n\ninterface Props {\n  title: string,\n}\n\nconst NewsInfos = ({ title }: Props) => {\n  return (\n    <Box>\n      <Title variant='h5'>{ title }</Title>\n    </Box>\n  )\n}\n\nexport default NewsInfos\n\n","import Title from '~/src/components/mui-wrappers/Title'\nimport { Box, Typography } from '@mui/material'\nimport { useTranslations } from '~/src/hooks/useTranslations'\n\ninterface Props {\n  content: string,\n}\n\nconst NewsDescription = ({ content }: Props) => {\n  const { t } = useTranslations()\n\n  return (\n    <Box>\n      <Title\n        variant='h6'\n        sx={{\n          textDecoration: 'underline'\n        }}\n      >\n        {t('global.about')}\n      </Title>\n      <Typography\n        variant='body1'\n        dangerouslySetInnerHTML={{\n          __html: content\n        }} />\n    </Box>\n  )\n}\n\nexport default NewsDescription\n","import Image from '~/src/components/mui-wrappers/Image'\nimport { useCustomMuiTheme } from '~/src/hooks/useCustomMuiTheme'\n\ninterface Props {\n  src: string,\n  alt: string,\n}\n\nconst NewsImage = ({ src, alt }: Props) => {\n  const theme = useCustomMuiTheme()\n\n  return (\n    <Image\n      src={src}\n      alt={alt}\n      sx={{\n        width: '33%',\n        height: '100%',\n        [theme.breakpoints.down('md')]: {\n          width: '100%',\n          aspectRatio: '2 / 1',\n          objectFit: 'cover'\n        }\n      }}\n    />\n  )\n}\n\nexport default NewsImage\n","import { Box } from '@mui/material'\nimport NewsInfos from '~/src/components/marketplace/news/NewsInfos'\nimport NewsDescription from '~/src/components/marketplace/news/NewsDescription'\nimport NewsImage from '~/src/components/marketplace/news/NewsImage'\nimport { useCustomMuiTheme } from '~/src/hooks/useCustomMuiTheme'\nimport { useEoValue } from '~/src/hooks/useEoState'\nimport { NEWS_FEED_BY_ID_SELECTOR_FAMILY } from '~/src/stores/news'\nimport { NewsFeed } from '@eo-storefronts/eo-core'\nimport { useParams } from 'react-router-dom'\n\nconst NewsDetailsContainer = () => {\n  const params = useParams()\n  const newsFeed: NewsFeed | undefined = useEoValue(NEWS_FEED_BY_ID_SELECTOR_FAMILY(params.newsId))\n  const theme = useCustomMuiTheme()\n\n  if (!newsFeed) {\n    return null\n  }\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        justifyContent: 'space-between',\n        [theme.breakpoints.down('md')]: {\n          flexDirection: 'column-reverse',\n          gap: 2\n        }\n      }}\n    >\n      <Box\n        sx={{\n          display: 'flex',\n          flexDirection: 'column',\n          gap: 2,\n          maxWidth: '50%',\n          [theme.breakpoints.down('md')]: {\n            px: 2,\n            maxWidth: 'unset'\n          }\n        }}\n      >\n        <NewsInfos title={newsFeed.title} />\n        <NewsDescription content={newsFeed.content} />\n      </Box>\n      <NewsImage\n        src={newsFeed.image}\n        alt={newsFeed.title}\n      />\n    </Box>\n  )\n}\n\nexport default NewsDetailsContainer\n","import { Box, Container } from '@mui/material'\nimport NewsInfos from '~/src/components/marketplace/news/NewsInfos'\nimport NewsDescription from '~/src/components/marketplace/news/NewsDescription'\nimport NewsImage from '~/src/components/marketplace/news/NewsImage'\nimport { useEoValue } from '~/src/hooks/useEoState'\nimport { SELECTED_NEWS_STATE } from '~/src/stores/news'\nimport { useCustomMuiTheme } from '~/src/hooks/useCustomMuiTheme'\nimport { LAYOUT_STATE } from '~/src/stores/layout'\nimport GoBackButton from '~/src/components/navigation/GoBackButton'\n\nconst NewsFeedDetailsContainer = () => {\n  const news = useEoValue(SELECTED_NEWS_STATE)\n  const theme = useCustomMuiTheme()\n  const { isMobile } = useEoValue(LAYOUT_STATE)\n\n  if (!news) {\n    return null\n  }\n\n  return (\n    <Container maxWidth='md'>\n      { !isMobile && (\n        <Box sx={{\n          my: 2\n        }}>\n          <GoBackButton />\n        </Box>\n      )}\n      <Box\n        sx={{\n          display: 'flex',\n          justifyContent: 'space-between',\n          [theme.breakpoints.down('md')]: {\n            flexDirection: 'column-reverse',\n            gap: 2\n          }\n        }}\n      >\n        <Box\n          sx={{\n            display: 'flex',\n            flexDirection: 'column',\n            gap: 2,\n            maxWidth: '50%',\n            [theme.breakpoints.down('md')]: {\n              px: 2,\n              maxWidth: 'unset'\n            }\n          }}\n        >\n          <NewsInfos title={news.title} />\n          <NewsDescription content={news.content} />\n        </Box>\n        <NewsImage\n          src={news.image}\n          alt={news.title}\n        />\n      </Box>\n    </Container>\n  )\n}\n\nexport default NewsFeedDetailsContainer\n\n","import { SxProps } from '@mui/material'\nimport TemplateServiceStyleBase from '~/src/utils/template/TemplateServiceStyleBase'\nimport StylesNewsDetailsServiceInterface\n  from '~/src/pages/news/[slug]/details/styles/StylesNewsDetailsServiceInterface'\n\nexport default class StylesNewsDetailsServiceStyleTwo extends TemplateServiceStyleBase implements StylesNewsDetailsServiceInterface {\n  public getPageSx(): SxProps {\n    return {}\n  }\n\n  getGoBackButtonSx(): SxProps {\n    return {}\n  }\n\n  getGridListSx(): SxProps {\n    return {}\n  }\n\n  getLocationHeaderSx(): SxProps {\n    return {}\n  }\n\n  getTitleSx(): SxProps {\n    return {}\n  }\n\n  getLoadingSpinnerSx(): SxProps {\n    return {}\n  }\n}\n","import { SxProps } from '@mui/material'\nimport TemplateServiceStyleBase from '~/src/utils/template/TemplateServiceStyleBase'\nimport StylesNewsDetailsServiceInterface\n  from '~/src/pages/news/[slug]/details/styles/StylesNewsDetailsServiceInterface'\n\nexport default class StylesNewsDetailsServiceStyleOne extends TemplateServiceStyleBase implements StylesNewsDetailsServiceInterface {\n  public getPageSx(): SxProps {\n    return {}\n  }\n\n  getGoBackButtonSx(): SxProps {\n    return {}\n  }\n\n  getGridListSx(): SxProps {\n    return {}\n  }\n\n  getLoadingSpinnerSx(): SxProps {\n    return {}\n  }\n\n  getLocationHeaderSx(): SxProps {\n    return {}\n  }\n\n  getTitleSx(): SxProps {\n    return {}\n  }\n}\n","import { SxProps } from '@mui/material'\nimport TemplateServiceStyleBase from '~/src/utils/template/TemplateServiceStyleBase'\nimport StylesNewsDetailsServiceInterface\n  from '~/src/pages/news/[slug]/details/styles/StylesNewsDetailsServiceInterface'\n\nexport default class StylesNewsDetailsServiceStyleThree extends TemplateServiceStyleBase implements StylesNewsDetailsServiceInterface {\n  public getPageSx(): SxProps {\n    return {\n      py: 5,\n      display: 'flex',\n      flexDirection: 'column',\n      gap: 5,\n      [this.muiTheme.breakpoints.down('md')]: {\n        gap: 2,\n        px: 2,\n        pt: `calc(var(--eo-safe-area-top) + ${this.muiTheme.spacing(5)})`,\n        pb: 2\n      }\n    }\n  }\n\n  public getGoBackButtonSx(): SxProps {\n    return {\n      position: 'absolute',\n      borderRadius: '9999px',\n      minWidth: 'unset',\n      p: 1.5,\n      border: 'none',\n      color: 'inherit',\n      boxShadow: this.muiTheme.elevation,\n      top: '-5px'\n    }\n  }\n\n  public getLocationHeaderSx(): SxProps {\n    return {\n      position: 'relative'\n    }\n  }\n\n  public getTitleSx(): SxProps {\n    return {\n      [this.muiTheme.breakpoints.down('md')]: {\n        textAlign: 'center'\n      }\n    }\n  }\n\n  public getGridListSx(): SxProps {\n    return {\n      p: '0 !important'\n    }\n  }\n\n  public getLoadingSpinnerSx(): SxProps {\n    return {\n      display: 'flex',\n      justifyContent: 'center',\n      mt: 20\n    }\n  }\n}\n","import { CustomMuiTheme } from '~/src/hooks/useCustomMuiTheme'\nimport { TemplateEnum } from '@eo-storefronts/eo-core'\nimport StylesNewsDetailsServiceInterface\n  from '~/src/pages/news/[slug]/details/styles/StylesNewsDetailsServiceInterface'\nimport StylesNewsDetailsServiceStyleTwo\n  from '~/src/pages/news/[slug]/details/styles/StylesNewsDetailsServiceStyleTwo'\nimport StylesNewsDetailsServiceStyleOne\n  from '~/src/pages/news/[slug]/details/styles/StylesNewsDetailsServiceStyleOne'\nimport StylesNewsDetailsServiceStyleThree\n  from '~/src/pages/news/[slug]/details/styles/StylesNewsDetailsServiceStyleThree'\n\nconst getNewsDetailsTemplateService = (style: TemplateEnum | null, muiTheme: CustomMuiTheme): StylesNewsDetailsServiceInterface => {\n  switch (style) {\n    case TemplateEnum.STYLE_TWO:\n      return new StylesNewsDetailsServiceStyleTwo(muiTheme)\n    case TemplateEnum.STYLE_THREE:\n      return new StylesNewsDetailsServiceStyleThree(muiTheme)\n    default:\n      return new StylesNewsDetailsServiceStyleOne(muiTheme)\n  }\n}\n\nexport default getNewsDetailsTemplateService\n","import useGetPageStyle from '~/src/hooks/layout/useGetPageStyle'\nimport { useLayout } from '~/src/hooks/layout/useLayout'\nimport { useCustomMuiTheme } from '~/src/hooks/useCustomMuiTheme'\nimport StylesNewsDetailsServiceInterface\n  from '~/src/pages/news/[slug]/details/styles/StylesNewsDetailsServiceInterface'\nimport getNewsDetailsTemplateService\n  from '~/src/pages/news/[slug]/details/styles/GetNewsDetailsTemplateService'\n\nconst useGetNewsDetailsTemplate = (): StylesNewsDetailsServiceInterface => {\n  const muiTheme = useCustomMuiTheme()\n  const pageStyle = useGetPageStyle('newsDetails')\n\n  useLayout('newsDetails')\n\n  return getNewsDetailsTemplateService(pageStyle, muiTheme)\n}\n\nexport default useGetNewsDetailsTemplate\n","import { Box, useMediaQuery } from '@mui/material'\nimport NewsDetailsContainer from '~/src/components/marketplace/news/NewsDetailsContainer'\nimport PageHeader from '~/src/components/marketplace/utils/PageHeader'\nimport NewsFeedDetailsContainer from '~/src/components/news/NewsFeedDetailsContainer'\nimport useGetNewsDetailsTemplate from '~/src/pages/news/[slug]/details/styles/useGetNewsDetailsTemplate'\nimport DocumentTitleInjector from '~/src/components/root/DocumentTitleInjector'\nimport { useCustomMuiTheme } from '~/src/hooks/useCustomMuiTheme'\nimport { useEoValue } from '~/src/hooks/useEoState'\nimport { useTranslations } from '~/src/hooks/useTranslations'\nimport { IS_MARKETPLACE_SELECTOR } from '~/src/stores/brand'\nimport RoutesEnum from '~/src/router/enums/routes.enum'\nimport SlideFromRight from '~/src/components/mui-wrappers/animations/motion/SlideFromRight'\n\nconst NewsDetailsPage = () => {\n  const pageName: keyof typeof RoutesEnum = 'NEWS_DETAIL'\n  const theme = useCustomMuiTheme()\n  const isMobile = useMediaQuery(theme.breakpoints.down('md'))\n  const { t } = useTranslations()\n  const isMarketplace = useEoValue(IS_MARKETPLACE_SELECTOR)\n\n  useGetNewsDetailsTemplate()\n\n  return (\n    <SlideFromRight\n      pathname={pageName}\n      transition={{\n        duration: .5\n      }}\n    >\n      <DocumentTitleInjector pageName={pageName}/>\n\n      <Box sx={{\n        pt: 3,\n        [theme.breakpoints.down('md')]: {\n          pt: 0,\n          pb: 2\n        }\n      }}>\n        {isMobile && (\n          <PageHeader\n            previousButton\n            title={t('global.news')}\n          />\n        )}\n        {isMarketplace && <NewsDetailsContainer />}\n        {!isMarketplace && <NewsFeedDetailsContainer />}\n      </Box>\n    </SlideFromRight>\n  )\n}\n\nexport default NewsDetailsPage\n"],"names":["NewsInfos","title","Box","jsx","Title","NewsDescription","content","t","useTranslations","Typography","NewsImage","src","alt","theme","useCustomMuiTheme","Image","NewsDetailsContainer","params","useParams","newsFeed","useEoValue","NEWS_FEED_BY_ID_SELECTOR_FAMILY","jsxs","NewsFeedDetailsContainer","news","SELECTED_NEWS_STATE","isMobile","LAYOUT_STATE","Container","GoBackButton","StylesNewsDetailsServiceStyleTwo","TemplateServiceStyleBase","StylesNewsDetailsServiceStyleOne","StylesNewsDetailsServiceStyleThree","getNewsDetailsTemplateService","style","muiTheme","TemplateEnum","useGetNewsDetailsTemplate","pageStyle","useGetPageStyle","useLayout","NewsDetailsPage","pageName","useMediaQuery","isMarketplace","IS_MARKETPLACE_SELECTOR","SlideFromRight","DocumentTitleInjector","PageHeader"],"mappings":"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"}