{"version":3,"file":"component---src-pages-index-tsx-ff582327bb77d9f05545.js","mappings":"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","sources":["webpack://acaba/./src/components/card/change/ExchangeFull.tsx","webpack://acaba/./src/compose/card/change/ExchangeFullCompose.tsx","webpack://acaba/./src/compose/card/change/styled.ts","webpack://acaba/./src/compose/card/collection/CardCollectionDashboardNewCollectionCompose.tsx","webpack://acaba/./src/components/tabs/styled.ts","webpack://acaba/./src/components/tabs/NavTabs.tsx","webpack://acaba/./src/compose/card/index/CardCategoriesCompose.tsx","webpack://acaba/./src/compose/card/change/CardChangeHomeCompose.tsx","webpack://acaba/./src/components/typography/view/index/HeroChanges.tsx","webpack://acaba/./src/compose/card/index/CardCollectionsCompose.tsx","webpack://acaba/./src/pages/index.tsx"],"sourcesContent":["import React, { FC } from 'react'\nimport { Exchange } from './Exchange'\nimport { AvatarCollectionStyled, ExchangeStyled, ExchangeWrapperStyled, NameCollectionStyled } from './styled'\n\ninterface IExchangeFullProps {\n  image: string;\n  name: string;\n  mine: number;\n  his: number;\n}\nexport const ExchangeFull: FC<IExchangeFullProps> = ({ image, name, mine, his }) => (\n  <ExchangeStyled>\n    <AvatarCollectionStyled src={image}/>\n    <ExchangeWrapperStyled>\n      <NameCollectionStyled>{name}</NameCollectionStyled>\n      <Exchange mine={mine} his={his} />\n    </ExchangeWrapperStyled>\n  </ExchangeStyled>\n)","import React, { FC, memo } from 'react'\nimport { IExchangeData } from 'model/UserExchange.model'\nimport { ExchangeFull } from 'components/card/change/ExchangeFull'\nimport CollectionModel from 'model/Collection.model'\n\ninterface IProps {\n  exchange: IExchangeData;\n}\nconst ExchangeFullComposeMemo: FC<IProps> = ({ exchange }) => {\n  const { collection, mine, his } = exchange\n  const { name, code } = collection || {}\n  const image = CollectionModel.getImage(code)\n  return (\n    <ExchangeFull\n      image={image}\n      name={name}\n      mine={mine.length} his={his.length} \n     />\n  )\n}\n\nexport const ExchangeFullCompose = memo(ExchangeFullComposeMemo)","import styled from 'styled-components';\nimport { Exchange } from 'components/card/change/Exchange';\n\nexport const ExchangeTotal = styled(Exchange)`\n  transform: scale(1.2);\n  position: relative;\n`","\nimport React, { FC, memo } from 'react'\nimport { IconDefinition } from 'components/theme/icons';\nimport { ISearchCollectionModel } from 'model/SearchCollection.model'\nimport CollectionModel from 'model/Collection.model'\n\nimport useI18n from 'use/i18n/useI18n'\n\nimport { AdditionalDataStyled, AdditionalParagraphStyled } from 'components/card/collection/styled'\nimport { Icon } from 'components/styled'\nimport { CardCollection } from 'components/card/collection/CardCollection'\n\n\ninterface IAdditionalItem {\n  icon?: IconDefinition;\n  color: 'success' | 'danger' | 'gray' | 'info';\n  text: string;\n}\n\nconst AdditionalItem: FC<IAdditionalItem> = ({ color, text, icon }) => (\n  <AdditionalParagraphStyled color={color}>{icon && <Icon icon={icon} /> } {text}</AdditionalParagraphStyled>\n)\n\nconst labelIds = [\n  'pages.dashboard/colecciones/nueva.collectors',\n  'pages.dashboard/colecciones/nueva.recent'\n]\n\nconst CardCollectionDashboardNewCollectionComposeMemo: FC<ISearchCollectionModel> = ({\n  collection,\n  collectors\n}) => {\n\n  if (!collection) {\n    return <></>\n  }\n  const { t } = useI18n()\n  const { code, name } = collection\n  const { total, recent } = collectors || {}\n  const image = CollectionModel.getImage(code)\n  const numCollectors = total ? t(labelIds[0], { num: total }) : ''\n  const numRecent = recent ? t(labelIds[1], { num: recent }) : ''\n\n  return (\n    <CardCollection\n      image={image}\n      name={name}\n      select={() => {}}>\n      <AdditionalDataStyled>\n        <AdditionalItem color={'info'} text={numCollectors} />\n        <AdditionalItem color={'success'} text={numRecent} />\n      </AdditionalDataStyled>\n    </CardCollection>\n  )\n}\n\n\n\n\n\nexport const CardCollectionDashboardNewCollectionCompose = memo(CardCollectionDashboardNewCollectionComposeMemo)","import styled, { css } from 'styled-components';\nimport { Icon } from 'components/styled';\nimport { grayColor } from 'components/theme/constants';\nimport { buttonBackground, whiteBackground } from 'components/common/styled';\n\nexport const NavTabWrapper = styled.div`\n  display: flex;\n  width: 100%;\n  flex-wrap: wrap;\n  justify-content: space-around;\n`\nexport const NavTab = styled.div`\n  float: left;\n  position: relative;\n  text-align: center;\n  transition: all .3s;\n  padding: 0;\n  color: ${grayColor[15]};\n  height: auto;\n  opacity: 1;\n  margin: 0.5rem;\n  min-height: unset;\n\n  font-size: 0.8rem;\n  font-weight: 500;\n\n  border-radius: 1rem;\n  border: 1px solid rgba(44,44,44,0.5);\n\n  width: 6rem;\n  height: 6rem;\n\n  display: flex;\n  flex-direction: column;\n  justify-content: space-evenly;\n\n  ${props => props.invert ? whiteBackground(props) : buttonBackground(props)}\n`\nexport const NavTabIcon = styled(Icon).attrs(props => ({\n  size: '2x'\n}))`\n\n  display: block;\n  margin: 0 auto;\n`\n\n","import { IconDefinition } from 'components/theme/icons';\nimport { CustomLink } from 'components/button/CustomLink';\nimport React, { FC } from 'react';\nimport { NavTabWrapper, NavTab, NavTabIcon } from './styled';\n\ninterface Tab {\n  icon?: IconDefinition;\n  button: string;\n  href?: string;\n  onClick?: () => void;\n}\ninterface IProps {\n  invert?: boolean,\n  color?: string;\n  tabs?: Tab[];\n};\n\nexport const NavTabs: FC<IProps> = ({\n  color,\n  invert = false,\n  tabs,\n}) => {\n\n  return (\n  <NavTabWrapper>\n    {tabs.map(({ button, icon, href }, i) => (\n      <CustomLink key={i} out={href}>\n        <NavTab invert={invert} color={color}>\n        { icon && <NavTabIcon icon={icon}/>}\n        { button }\n        </NavTab>\n      </CustomLink>\n      )\n    )}\n  </NavTabWrapper>\n  )\n}\n","import React, { FC } from 'react'\nimport { CardRaised } from 'components/card/custom/CardRaised'\nimport { TitleCentered } from 'components/common/common'\nimport { NavTabs } from 'components/tabs/NavTabs'\nimport icons from 'components/theme/icons'\nimport { IconDefinition } from 'components/theme/icons';\nimport useI18n from 'use/i18n/useI18n'\nimport { routes } from 'setup/constants'\nimport { SloganStyled } from 'components/typography/view/index/styled'\n\ninterface ITabs {\n  button: string;\n  icon: IconDefinition;\n  href?: string;\n}\n\ninterface ICardCategoriesProps {\n  tabs: ITabs[];\n  labels: any;\n}\n\nconst labelIds = {\n  title2: 'pages.home.title.2',\n  slogan3: 'pages.home.slogan.3',\n  comic: 'pages.home.categories.comic',\n  cinema: 'pages.home.categories.cinema',\n  country: 'pages.home.categories.country',\n  all: 'pages.home.categories.all',\n  soccer: 'pages.home.categories.soccer',\n  soccerClassic: 'pages.home.categories.soccerClassic'\n}\n\nexport const CardCategoriesCompose: FC = ({\n}) => {\n  const labels = useI18n().tm(labelIds)\n\n  return (\n    <CardCategories\n      labels={{\n        card: {\n          title: labels.title2,\n          text: labels.slogan3\n        }\n      }}\n      tabs={[\n        { button: labels.soccer, icon: icons.soccer, href: routes.public('futbol')},\n        { button: labels.cinema, icon: icons.cinema, href: routes.public('cine_tv') },\n        { button: labels.soccerClassic, icon: icons.soccerClassic, href: routes.public('futbol_clasico') },\n        { button: labels.comic, icon: icons.comic, href: routes.public('pokemon_tcg_series') },\n        { button: labels.country, icon: icons.country, href: routes.public('futbol_ligas_del_mundo') },\n        // { button: labels.all, icon: icons.unfold, href: '#' }\n      ]}\n    />\n  )\n}\n\nexport const CardCategories: FC <ICardCategoriesProps> = ({\n  tabs,\n  labels\n}) => {\n  return (\n    <CardRaised color='info' icon={icons.categories}\n      content={\n        <>\n          <TitleCentered>{labels.card.title}</TitleCentered>\n          <SloganStyled p={[ labels.card.text ]} />\n        </>\n      }>\n      <NavTabs\n        color=\"info\"\n        tabs={tabs}/>\n    </CardRaised>\n  )\n}","import React, { FC, memo } from 'react'\n\nimport { CardChange } from 'components/card/change/CardChange'\n\nimport useI18n from 'use/i18n/useI18n'\n\nimport DateModel from 'model/Date.model'\nimport UserExchangeModel, { IUserExchangeModel } from 'model/UserExchange.model'\nimport moment from 'moment'\nimport { ButtonAvatarChangeStyled } from 'components/card/change/styled'\nimport { ExchangeFullCompose } from './ExchangeFullCompose'\nimport { AvatarCompose } from 'compose/img/AvatarCompose'\nimport { ExchangeTotal } from 'compose/card/change/styled'\n\nconst CardChangeHomeComposeMemo: FC<IUserExchangeModel> = (data) => {\n  const { t } = useI18n()\n  const { change, user, exchanges } = data\n  const { username = '' } = user || {}\n\n  const total = UserExchangeModel.getTotal(exchanges)\n\n  const stateActual = t(`state.actual.${change.stateId}`)\n  const labelMine = t(`pages.dashboard.change.offer`)\n  const labelHis = t(`pages.dashboard.change.search`)\n\n  return user && (\n    <CardChange\n      name={username}\n      avatar={<AvatarCompose hideBadge user={user} button={ButtonAvatarChangeStyled} />}\n      hideIcon\n      date={DateModel.dateDiff(moment(change.endDate).toISOString(), true)}\n      stateActual={stateActual}>\n      <>\n        {exchanges.map((ob, i) => <ExchangeFullCompose key={i} exchange={ob} />)}\n        <ExchangeTotal mine={total.mine} his={total.his} labelMine={labelMine} labelHis={labelHis}/>\n      </>\n    </CardChange>\n  )\n}\n\nexport const CardChangeHomeCompose = memo(CardChangeHomeComposeMemo)","import React, { FC } from 'react'\n\nimport icons from 'components/theme/icons'\nimport { CardRaised } from 'components/card/custom/CardRaised'\nimport { TitleCentered } from 'components/common/common'\nimport { ListHorizontal } from 'components/common/common.styled'\nimport { IUserExchangeModel } from 'model/UserExchange.model'\nimport { CardChangeHomeCompose } from 'compose/card/change/CardChangeHomeCompose'\nimport { CardCollectionSkeleton } from 'components/card/styled'\nimport { SloganStyled } from 'components/typography/view/index/styled'\n\ninterface IHeroChangesProps {\n  labels: any;\n  list: IUserExchangeModel[];\n  link: (item: IUserExchangeModel) => string\n}\nexport const HeroChanges: FC<IHeroChangesProps> = ({\n  labels,\n  list,\n  link\n}) => {\n\n  return (\n    <CardRaised variant='invert' color='gray' overflow icon={icons.userChanges}\n      content={<>\n        <TitleCentered>{labels.card.title}</TitleCentered>\n        <SloganStyled p={[ labels.card.text ]} />\n        </>}>\n      <ListHorizontal\n        list={list}\n        linkTo={link}\n        item={CardChangeHomeCompose}\n        skeleton={<CardCollectionSkeleton />}>\n      </ListHorizontal>\n    </CardRaised>\n  )\n}\n\n","import React, { FC, useEffect } from 'react'\nimport { CardRaised } from 'components/card/custom/CardRaised'\nimport { Title, TitleCentered } from 'components/common/common'\nimport icons from 'components/theme/icons'\nimport useI18n from 'use/i18n/useI18n'\nimport { nav } from 'setup/constants'\nimport { ListHorizontal } from 'components/common/common.styled'\nimport { CardCollectionDashboardNewCollectionCompose } from '../collection/CardCollectionDashboardNewCollectionCompose'\nimport { CardCollectionSkeleton } from 'components/card/styled'\nimport { ISearchCollectionModel } from 'model/SearchCollection.model'\nimport { INDEX_TOP_COLLECTIONS_QUERY, INDEX_LAST_COLLECTIONS_QUERY } from 'graphql/query'\nimport { ICollectionModel } from 'model/Collection.model'\nimport { mapperHomeLastCollections, mapperHomeTopCollections } from 'model/mapper'\nimport { usePageQuery } from 'use/fetch/useQuery'\nimport { ListButtonStyled } from 'components/filter/styled'\nimport { SloganStyled } from 'components/typography/view/index/styled'\n\nconst labelIds = {\n  title1: 'pages.home.title.1',\n  slogan2: 'pages.home.slogan.2',\n  titleTop: 'pages.home.title.top',\n  titleLast: 'pages.home.title.last',\n  loadMore: 'filter.loadmore',\n}\nexport const CardCollectionsCompose: FC = ({\n}) => {\n  const {\n    title1,\n    slogan2,\n    titleTop,\n    titleLast,\n    loadMore,\n  } = useI18n().tm(labelIds)\n\n  const topCollectionsQuery = usePageQuery<ISearchCollectionModel>('searchCollectionsPage', INDEX_TOP_COLLECTIONS_QUERY, { per_page: 10, direction: \"ASC\" })\n  const lastCollectionsQuery = usePageQuery<ICollectionModel>('collectionsPage', INDEX_LAST_COLLECTIONS_QUERY, { per_page: 10, direction: \"DESC\", sort: \"LAST\" })  \n\n  useEffect(() => {\n    topCollectionsQuery.get({})\n    lastCollectionsQuery.get({})\n  }, [])\n\n  const topCollections = topCollectionsQuery.list?.map(mapperHomeTopCollections)\n  const lastCollections = lastCollectionsQuery.list?.map(mapperHomeLastCollections)\n\n  return (\n    <CardRaised variant='invert' color='success' overflow icon={icons.allCollections}\n      content={\n        <>\n          <TitleCentered>{title1}</TitleCentered>\n          <SloganStyled dark p={[ slogan2 ]} />\n        </>\n      }>\n      <Title>{titleTop}</Title>\n      <List loadMore={loadMore}\n        list={topCollections} fetchMore={topCollectionsQuery.fetchMore}>\n      </List>\n      <Title>{titleLast}</Title>\n      <List loadMore={loadMore}\n        list={lastCollections} fetchMore={lastCollectionsQuery.fetchMore}>\n      </List>\n    </CardRaised>\n  )\n}\n\n\ninterface IListProps {\n  list: ISearchCollectionModel[];\n  fetchMore: () => void;\n  loadMore: string;\n}\nconst List: FC<IListProps> = ({\n  list,\n  fetchMore,\n  loadMore\n}) => (\n  <ListHorizontal\n    list={list}\n    linkTo={nav.publicSearchCollection}\n    item={CardCollectionDashboardNewCollectionCompose}\n    skeleton={<CardCollectionSkeleton />}>\n    <ListButtonStyled onClick={fetchMore}>{loadMore}</ListButtonStyled>\n  </ListHorizontal>\n)\n\n/*\n <ListHorizontal\n          list={activeChangesQuery.list?.map(mapperDashboardActiveChanges)}\n          onClick={item => onClickChange(item)}\n          item={CardChangeDashboardHomeCompose}>\n          <SearchNewChangesButton linkTo={routes.userChangeSearch}>\n            {findNew}\n          </SearchNewChangesButton>\n          { activeChangesQuery.fetchMore && <LoadMoreButton onClick={activeChangesQuery.fetchMore}>{loadMore}</LoadMoreButton>}\n        </ListHorizontal> \n        */","import React, { useEffect } from 'react'\n\nimport { nav } from 'setup/constants'\n\nimport useI18n from 'use/i18n/useI18n'\n\nimport { HeroChanges } from 'components/typography/view/index/HeroChanges'\nimport { CardCategoriesCompose } from 'compose/card/index/CardCategoriesCompose'\nimport { ILayout, Layout } from 'components/layout/Layout'\nimport { CardCollectionsCompose } from 'compose/card/index/CardCollectionsCompose'\nimport { IndexHeroCompose } from 'compose/hero/IndexHeroCompose'\nimport { PublicHeaderCompose } from 'compose/header/PublicHeaderCompose'\nimport { PopupAuthCompose } from 'compose/popup/PopupAuthCompose'\nimport { usePageQuery } from 'use/fetch/useQuery'\nimport { ChangeState } from 'model/UserChange.model'\nimport { INDEX_CHANGES_QUERY } from 'graphql/query'\nimport { IUserExchangeModel } from 'model/UserExchange.model'\nimport { mapperHomeChanges } from 'model/mapper'\n\nconst labelIds = {\n  title: 'pages.home.title.3',\n  slogan4: 'pages.home.slogan.4',\n}\n\n// function IndexPage({ data }) {\n  // const topCollections = (data.api.top || {}).data || []\n  // const lastCollections = ((data.api.last || {}).data || []).map(ob => ({ collection: ob }))\n  // const changes = ((data.api.changes || {}).data || [])\nfunction IndexPage({ location, defaultTab }:{\n  location: string,\n  defaultTab?: number,\n}) {\n  const changesQuery = usePageQuery<IUserExchangeModel>('userExchangesPage', INDEX_CHANGES_QUERY, { page: 0, per_page: 10, direction: \"DESC\", noMerge: true })\n\n  useEffect(() => {\n    changesQuery.get({ state: ChangeState.PROGRESS })\n  }, [])\n  const labels = useI18n().tm(labelIds)\n\n  return (\n    <>\n      <PublicHeaderCompose>\n        <IndexHeroCompose page='indexPage' />\n      </PublicHeaderCompose>\n      <Layout variant={ILayout.PLAIN}>\n        <CardCollectionsCompose />\n        <CardCategoriesCompose />\n        <HeroChanges list={changesQuery.list?.filter(c => !!c.user).map(mapperHomeChanges)} link={nav.publicChanges}\n          labels={{\n            card: {\n              title: labels.title,\n              text: labels.slogan4\n            }\n          }}/>\n      </Layout>\n      <PopupAuthCompose defaultTab={defaultTab} />\n    </>\n  )\n}\nexport default IndexPage\n\n\n/*\nexport const query = graphql`\n  query IndexPageQuery {\n    site {\n      siteMetadata {\n        description\n      }\n    }\n    api {\n      top: searchCollectionsPage(\n        page: { page: 0, per_page: 10, direction: \"ASC\" },\n        filter: {}\n      ) {\n        total\n        data {\n          collection {\n            code\n            name\n          }\n          collectors {\n            total\n            recent\n          }\n        }\n      }\n      last: collectionsPage(\n        page: { page: 0, per_page: 10, direction: \"DESC\", sort: \"LAST\" },\n        filter: {}\n      ) {\n        total\n        data {\n          code\n          name\n        }\n      }\n      changes: userExchangesPage(\n        page: { page: 0, per_page: 10, direction: \"DESC\",},\n        filter: { state: PROGRESS}\n      ) {\n        total\n          data {\n            change {\n              id\n              stateId\n              startDate\n              endDate\n              lastUpdater\n              him\n            }\n            user {\n              username\n              avatar\n            }\n            exchanges {\n              collection {\n                  code\n                  name\n              }\n              mine\n              his\n            }\n          }\n      }\n    }\n  }\n`\n*/"],"names":["ExchangeFull","image","name","mine","his","src","ExchangeFullComposeMemo","exchange","collection","code","CollectionModel","length","ExchangeFullCompose","memo","ExchangeTotal","styled","Exchange","AdditionalItem","color","text","icon","labelIds","CardCollectionDashboardNewCollectionComposeMemo","collectors","t","useI18n","total","recent","numCollectors","num","numRecent","select","CardCollectionDashboardNewCollectionCompose","NavTabWrapper","NavTab","grayColor","props","invert","whiteBackground","buttonBackground","NavTabIcon","Icon","attrs","size","NavTabs","tabs","map","i","button","href","CustomLink","key","out","title2","slogan3","comic","cinema","country","all","soccer","soccerClassic","CardCategoriesCompose","labels","tm","CardCategories","card","title","icons","routes","CardRaised","content","p","CardChangeHomeComposeMemo","data","change","user","exchanges","_ref$username","username","UserExchangeModel","stateActual","stateId","labelMine","labelHis","React","CardChange","avatar","AvatarCompose","hideBadge","ButtonAvatarChangeStyled","hideIcon","date","DateModel","moment","endDate","toISOString","ob","CardChangeHomeCompose","HeroChanges","list","link","variant","overflow","linkTo","item","skeleton","title1","slogan2","titleTop","titleLast","loadMore","CardCollectionsCompose","topCollectionsQuery","usePageQuery","INDEX_TOP_COLLECTIONS_QUERY","per_page","direction","lastCollectionsQuery","INDEX_LAST_COLLECTIONS_QUERY","sort","useEffect","get","topCollections","mapperHomeTopCollections","lastCollections","mapperHomeLastCollections","dark","List","fetchMore","nav","onClick","slogan4","_ref","location","_changesQuery$list","defaultTab","changesQuery","INDEX_CHANGES_QUERY","page","noMerge","state","ChangeState","PublicHeaderCompose","IndexHeroCompose","Layout","ILayout","filter","c","mapperHomeChanges","PopupAuthCompose"],"sourceRoot":""}