{"version":3,"file":"component---src-pages-dashboard-index-tsx-fd604fa8fda1b1db0482.js","mappings":"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","sources":["webpack://acaba/./node_modules/use-async-effect/index.js","webpack://acaba/./src/compose/card/collection/CardCollectionDashboardHomeCompose.tsx","webpack://acaba/./src/compose/card/change/CardChangeDashboardHomeCompose.tsx","webpack://acaba/./src/components/typography/view/dashboard/common.tsx","webpack://acaba/./src/compose/empty/EmptyDashboardCompose.tsx","webpack://acaba/./src/compose/popup/alertWelcome/styled.ts","webpack://acaba/./src/compose/popup/PopupAlertWelcomeCompose.tsx","webpack://acaba/./src/pages/dashboard/index.tsx"],"sourcesContent":["'use strict';\n\nvar React = require('react');\n\nfunction useAsyncEffect(effect, destroy, inputs) {\n  var hasDestroy = typeof destroy === 'function';\n  React.useEffect(function () {\n    var result;\n    var mounted = true;\n    var maybePromise = effect(function () {\n      return mounted;\n    });\n    Promise.resolve(maybePromise).then(function (value) {\n      result = value;\n    });\n    return function () {\n      mounted = false;\n\n      if (hasDestroy) {\n        destroy(result);\n      }\n    };\n  }, hasDestroy ? inputs : destroy);\n}\n\nmodule.exports = useAsyncEffect;\nmodule.exports.useAsyncEffect = useAsyncEffect;","\nimport React, { FC, memo } from 'react'\nimport { CardCollection } from 'components/card/collection/CardCollection'\nimport { AdditionalDataStyled } from 'components/card/collection/styled'\nimport { Badge } from 'components/styled'\nimport CollectionModel from 'model/Collection.model'\nimport UserCollectionModel, { IUserCollectionModel } from 'model/UserCollection.model'\nimport useI18n from 'use/i18n/useI18n'\nimport { IUserCollectionExModel } from 'model/UserCollectionEx.model'\n\n\n\ninterface IAdditionalItem {\n  color: 'success' | 'danger';\n  text: string;\n}\n\nconst AdditionalItem: FC<IAdditionalItem> = ({ color, text }) => (\n  <Badge color={color}>{text}</Badge>\n)\nconst labelIds = [\n  'pages.dashboard.numFaults',\n  'pages.dashboard.numRepeated'\n]\nconst CardCollectionDashboardHomeComposeMemo: FC<IUserCollectionExModel> = ({ \n  userCollection,\n  countFaults,\n  countRepeated\n }) => {\n  const { t } = useI18n()\n  const { collection, priority } = userCollection\n  const { fav, sleep } = UserCollectionModel.parsePriority(priority)\n  const numFaults = t(labelIds[0], { num: countFaults })\n  const numRepeated = t(labelIds[1], { num: countRepeated })\n  const { code, name } = collection\n  \n  const image = CollectionModel.getImage(code)\n\n  return (\n    <CardCollection\n      image={image}\n      name={name}\n      fav={fav}\n      sleep={sleep}\n      select={() => {}}>\n      <AdditionalDataStyled>\n        <AdditionalItem color={'danger'} text={numFaults} />\n        <AdditionalItem color={'success'} text={numRepeated} />\n      </AdditionalDataStyled>\n    </CardCollection>\n  )\n}\n\n\nexport const CardCollectionDashboardHomeCompose = memo(CardCollectionDashboardHomeComposeMemo)","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 UserChangeModel from 'model/UserChange.model'\nimport moment from 'moment'\n\nimport { Exchange } from 'components/card/change/Exchange'\nimport { AvatarCompose } from 'compose/img/AvatarCompose'\nimport { ButtonAvatarChangeStyled } from 'components/card/change/styled'\nimport { DASHBOARD_HOME_CHANGES_QUERY } from 'graphql/query'\n\nconst CardChangeDashboardHomeComposeMemo: FC<IUserExchangeModel> = (data) => {\n  const { t } = useI18n()\n  const { change, user, exchanges } = data\n  const { username = '' } = user || {}\n\n  const { text, date } = UserChangeModel.parseChat(change.chat)\n  const total = UserExchangeModel.getTotal(exchanges)\n\n  const stateActual = t(`state.actual.${change.stateId}`)\n  const mine = t(`pages.dashboard.change.offer`)\n  const his = t(`pages.dashboard.change.search`)\n  const dateStr = date || DateModel.dateDiff(moment(change.endDate).toISOString(), true)\n\n  return (\n    <CardChange\n      avatar={<AvatarCompose\n        user={user}\n        button={ButtonAvatarChangeStyled}\n        refetch={[DASHBOARD_HOME_CHANGES_QUERY, 'DashboardHomeChangesQuery']}/>}\n      name={username}\n      chat={text}\n      date={dateStr}\n      stateActual={stateActual}>\n      <Exchange mine={total.mine} his={total.his} labelMine={mine} labelHis={his}/>\n    </CardChange>\n  )\n}\n\nexport const CardChangeDashboardHomeCompose = memo(CardChangeDashboardHomeComposeMemo)","import React, { FC } from 'react'\nimport { IChildren } from 'utils/interface'\nimport { ListButtonStyled } from 'components/filter/styled'\nimport { CustomLink } from 'components/button/CustomLink'\nimport { Main } from 'components/common/common'\nimport { PageCompose } from 'compose/layout/PageCompose'\nimport { PrivateCompose } from 'compose/private/PrivateCompose'\nimport { StatusBarCompose } from 'compose/statusbar/StatusBarCompose'\nimport useLayout from 'use/layout/useLayout'\nimport { Header } from 'components/header/Header'\n\n\nexport interface IActionProps extends IChildren {\n  linkTo: string;\n}\n\ninterface IDashboardProps extends IChildren {\n  header?: React.ReactNode,\n  route: string\n}\n\nexport const DashboardView: FC<IDashboardProps> = ({ route, header, children }) => {\n  const { page } = useLayout(route)\n\n  return (\n    <PrivateCompose route={route}>\n      <Header>\n        { header }\n      </Header>\n      <Main>\n        { children }\n      </Main>\n      <StatusBarCompose selected={route} />\n    </PrivateCompose>\n  )\n}\n\nexport const JoinNewCollectionButton: FC<IActionProps> = ({\n  linkTo,\n  children\n}) => {\n  return (\n    <CustomLink to={linkTo}>\n      <ListButtonStyled>\n        {children}\n      </ListButtonStyled>\n    </CustomLink>\n  )\n}\n\nexport const SearchNewChangesButton: FC<IActionProps> = ({\n  linkTo,\n  children\n}) => {\n  return (\n    <CustomLink to={linkTo}>\n      <ListButtonStyled>\n        {children}\n      </ListButtonStyled>\n    </CustomLink>\n  )\n}","import React, { FC, useEffect } from 'react'\nimport useI18n from 'use/i18n/useI18n'\nimport useAuth from 'use/auth/useAuth'\nimport useStorage from 'use/storage/useStorage'\nimport { flags } from 'setup/constants'\n\nimport { CustomStepper } from 'components/list/stepper/CustomStepper'\nimport { MessageBoxStyled } from './dashboard/styled'\n\nimport { empty } from './list/common'\n\ninterface IProps {\n  emptyChanges: boolean;\n  emptyCollections: boolean;\n  emptyUserElements: boolean;\n}\n\nconst addStep = (ob, t, button: boolean = false, extra = {}) => ({\n  ...{ label: t(`${ob.pre}.step`) },\n  ...(button ? { button: t(`${ob.pre}.button`) } : {}),\n  ...ob,\n  ...extra,\n})\nexport const EmptyDashboardCompose: FC<IProps> = ({\n  emptyChanges,\n  emptyCollections,\n  emptyUserElements\n }) => {\n  const flag = flags.firstTimeUser\n  const { getFlag, setFlag } = useStorage()\n  const { t } = useI18n()\n  const { user } = useAuth()\n\n  const firstTime = !getFlag(flag)\n\n  const name = user.userName && ` ${user.userName}`\n  const email = user.email\n  const steps = []\n  \n  if (firstTime) {\n    steps.push(addStep(empty.register, t, false, {\n      content: t(`${empty.register.pre}.content`, { name, email }),\n    }))\n  }\n  steps.push(\n    addStep(empty.collections, t, true),\n    addStep(empty.userElements, t, true),\n    addStep(empty.changes, t, true)\n  )\n\n  useEffect(() => {\n    setFlag(flag, true)\n  }, [])\n\n  let step = 0\n  if (emptyCollections) {\n    step = 0\n  } else if (emptyUserElements) {\n    step = 1\n  } else if (emptyChanges) {\n    step = 2\n  }\n  if (firstTime) {\n    step++\n  }\n\n  steps[step].expanded = true\n  \n  return (\n    <MessageBoxStyled variant=\"card\">\n      <CustomStepper variant=\"vertical\" steps={steps} step={step} />\n    </MessageBoxStyled>\n  )\n}\n","import styled, { css } from 'styled-components';\nimport { infoColor } from 'components/theme/constants';\n\nexport const AlertWelcomeHeaderStyled = styled.h3`\n  margin: 0;\n  color: ${infoColor[0]};\n`\n","import React, { FC, memo, useEffect, useMemo, useState} from 'react'\nimport useFetch from 'use/fetch/useFetch'\nimport useAsyncEffect from 'use-async-effect'\nimport { flags, nav } from 'setup/constants'\nimport { useQueryAll } from 'use/fetch/useQuery'\nimport { IAlertModel } from 'model/Alert.model'\nimport { DASHBOARD_ALERTS_QUERY } from 'graphql/query'\nimport { Modal } from 'components/modal/Modal'\nimport { useModalAlertWelcome } from 'use/modal/useModal'\nimport useStorage from 'use/storage/useStorage'\nimport { AlertWelcomeHeaderStyled } from 'compose/popup/alertWelcome/styled'\nimport { ButtonStyled, ButtonsWrapper } from 'components/message/styled'\nimport useI18n from 'use/i18n/useI18n'\nimport DateModel, { IDateFormat } from 'model/Date.model'\nimport environment from 'setup/environment'\n\nconst labelIds = {\n  resultCancel: 'popup.change.result.buttonCancel',\n}\nexport const PopupAlertWelcomeCompose: FC = () => {\n  const { post } = useFetch()\n  const flag = flags.popupAlertWelcome\n  const { getFlag, setFlag } = useStorage()\n  const { isOpen, open: openAlert, close } = useModalAlertWelcome()\n  const [ urls, setUrls ] = useState([])\n  const [ html, setHtml ] = useState('')\n  const { resultCancel } = useI18n().tm(labelIds)\n  const alertsQuery = useQueryAll<IAlertModel>('allAlerts', DASHBOARD_ALERTS_QUERY)\n  const { title, urlContent, urlTrigger } = (alertsQuery.list && alertsQuery.list[0]) || {} \n  const day = `${getFlag<string>(flag)}`\n\n  useEffect(() => {\n    const today = DateModel.format(new Date().getTime(), IDateFormat.db)\n    const diff = DateModel.dateDiffUnit(day, 'days')\n    if (diff > 0) {\n      alertsQuery.get({\n        dev: environment.isDevelopment,\n        date: today\n      })\n    }\n    setFlag<string>(flag, today)\n  }, [])\n\n  useEffect(() => {\n    if (urlTrigger) {\n      setUrls([ urlTrigger, urlContent ])\n    }\n    if (html) {\n      openAlert()\n    }\n  }, [urlTrigger, html])\n\n\n  const ModalWrapper:FC<IWrapperProps> = useMemo(() => ({ html, title }) => {\n    const onClose = () => {\n      setHtml('')\n      close()\n    }\n    return (\n      <Modal open={isOpen && !!html} handleClose={onClose}>\n        <AlertWelcomeHeaderStyled>{ title }</AlertWelcomeHeaderStyled>\n        <p dangerouslySetInnerHTML={{ __html: html }} />\n        <ButtonsWrapper>\n          <ButtonStyled onClick={onClose}>{resultCancel}</ButtonStyled>\n        </ButtonsWrapper>\n      </Modal>\n    )\n  }, [html, isOpen])\n  \n  \n\n  useAsyncEffect(async () => {\n    if (urls.length) {\n      const [ urlTrigger, urlContent ] = urls\n      const { show } = await post(nav.publicAlert(urlTrigger))\n\n      if (show) {\n        const resultHtml = await post(nav.publicAlert(urlContent))\n        setHtml(resultHtml)\n      }\n    }\n  }, [urls.join()])\n\n  return isOpen ? <ModalWrapper html={html} title={title} /> : <></>\n}\n\ninterface IWrapperProps {\n  html: string;\n  title: string;\n}\n","import React, { useEffect } from 'react'\nimport { routes } from 'setup/constants'\n\nimport useI18n from 'use/i18n/useI18n'\nimport useAuth from 'use/auth/useAuth'\nimport { usePageQuery } from 'use/fetch/useQuery'\n\nimport { CardCollectionDashboardHomeCompose } from 'compose/card/collection/CardCollectionDashboardHomeCompose'\nimport { CardChangeDashboardHomeCompose } from 'compose/card/change/CardChangeDashboardHomeCompose'\nimport { DashboardView } from 'components/typography/view/dashboard/DashboardView'\nimport { JoinNewCollectionButton, SearchNewChangesButton } from 'components/typography/view/dashboard/common'\nimport { HeaderLogo, ShowListButton, Title } from 'components/common/common'\nimport { NavLeft, NavRight } from 'components/header/styled'\nimport { LoadMoreButton } from 'components/filter/common'\nimport { HeaderTitle, ListHorizontal } from 'components/common/common.styled'\nimport { PopupChangeCompose } from 'compose/popup/PopupChangeCompose'\nimport { useModalChange, useModalCollection, useModalCollectionEdit, useModalCollectionShare, useModalUser } from 'use/modal/useModal'\nimport { PopupUserCompose } from 'compose/popup/PopupUserCompose'\nimport { EmptyDashboardCompose } from 'compose/empty/EmptyDashboardCompose'\nimport { DASHBOARD_HOME_COLLECTIONS_QUERY, DASHBOARD_HOME_CHANGES_QUERY, DASHBOARD_HOME_CHANGES_COMPLETED_QUERY } from 'graphql/query'\nimport { HeaderMenu } from 'compose/header/HeaderMenu'\nimport { ChangeState, IUserChangeModel } from 'model/UserChange.model'\nimport { PopupCollectionCompose } from 'compose/popup/PopupCollectionCompose'\nimport { IUserExchangeModel } from 'model/UserExchange.model'\nimport { mapperDashboardActiveChanges, mapperDashboardCollections } from 'model/mapper'\nimport { IUserCollectionExModel } from 'model/UserCollectionEx.model'\nimport { useLayoutStore } from 'use/layout/useLayout'\nimport { PopupAlertWelcomeCompose } from 'compose/popup/PopupAlertWelcomeCompose'\nimport { PopupCollectionShareCompose } from 'compose/popup/PopupCollectionShareCompose'\nimport { PopupCollectionEditCompose } from 'compose/popup/PopupCollectionEditCompose'\nimport { HeaderUser } from 'compose/header/HeaderUser'\nimport { HeaderSearch } from 'compose/header/HeaderSearch'\n\nconst labelIds = {\n  pageTitle: 'pages.dashboard.title',\n  changesTitle: 'pages.dashboard.header.mychanges',\n  collectionsTitle: 'pages.dashboard.header.mycollections',\n  showMore: 'pages.dashboard.button.showlist',\n  loadMore: 'filter.loadmore',\n  joinCollection: 'pages.dashboard.button.joincollection',\n  findNew: 'pages.dashboard.button.findnew',\n}\n\nconst DashboardHomePage = ({ location }) => {\n  const userId = useAuth().user\n  const {\n    pageTitle,\n    changesTitle,\n    collectionsTitle,\n    showMore,\n    loadMore,\n    joinCollection,\n    findNew\n  } = useI18n().tm(labelIds)\n  const { updatePageTitle } = useLayoutStore()\n  useEffect(() => {\n    updatePageTitle(pageTitle)\n  }, [])\n\n  const { isOpen: isUserOpen } = useModalUser()\n  const { open: openChange, isOpen: isChangeOpen } = useModalChange()\n  const onClickChange = (exchange: IUserExchangeModel) => {\n    openChange({ exchange, isNew: false }, {\n      refetch: [DASHBOARD_HOME_CHANGES_QUERY, 'DashboardHomeChangesQuery']\n    })\n  } \n\tconst { isOpen: isCollectionShareOpen } = useModalCollectionShare()\n\tconst { isOpen: isCollectionEditOpen } = useModalCollectionEdit()\n  const { open: openCollection, isOpen: isCollectionOpen } = useModalCollection()\n  const onClickCollection = (item: IUserCollectionExModel) => {\n    collectionsQuery.get({\n      userId,\n      userElements: true\n    }, 0)\n    const { code, name } = item.userCollection.collection\n    openCollection({ code, name }, {\n      refetch: [DASHBOARD_HOME_COLLECTIONS_QUERY, 'DashboardHomeCollectionsQuery']\n    })\n  }\n\n  const collectionsQuery = usePageQuery<IUserCollectionExModel>('userCollectionExPage', DASHBOARD_HOME_COLLECTIONS_QUERY)\n  const activeChangesQuery = usePageQuery<IUserExchangeModel>('userExchangesPage', DASHBOARD_HOME_CHANGES_QUERY, { direction: 'DESC' })  \n  const completedChangesQuery = usePageQuery<IUserChangeModel>('userChangesPage', DASHBOARD_HOME_CHANGES_COMPLETED_QUERY, { per_page: 1, direction: 'DESC' })\n\n  useEffect(() => {\n    if (userId) {\n      activeChangesQuery.get({\n        userId,\n        state: ChangeState.PROGRESS\n      })\n      completedChangesQuery.get({\n        userId,\n        state: ChangeState.COMPLETE\n      })\n      collectionsQuery.get({\n        userId,\n        userElements: true\n      })\n    }\n  }, [ userId ])\n\n  const loading = collectionsQuery.loading || activeChangesQuery.loading || completedChangesQuery.loading\n\n  const emptyCollections = !loading && collectionsQuery.list?.length === 0\n  const emptyChanges = !loading && activeChangesQuery.list?.length === 0 && completedChangesQuery.list?.length === 0\n  const emptyUserElements = !loading && false\n\n  const showChanges = collectionsQuery.list?.length > 0\n  const showUser = !emptyCollections\n\n  return (\n    <DashboardView\n      location={location}\n      route={routes.userDashboard}\n      header={\n        <>\n          <NavLeft><HeaderLogo /></NavLeft>\n          <HeaderTitle>{pageTitle}</HeaderTitle>\n          <NavRight>\n            { showUser && <HeaderUser />}\n            <HeaderMenu />\n          </NavRight>\n        </>\n      }>\n      { !collectionsQuery.loading &&\n        (emptyChanges ||emptyCollections || emptyUserElements)\n        ? <EmptyDashboardCompose \n            emptyChanges={emptyChanges}\n            emptyCollections={emptyCollections}\n            emptyUserElements={emptyUserElements}\n          />\n        : '' }\n      { showChanges && <>\n        <Title value={changesTitle}>\n          <ShowListButton linkTo={routes.userChanges}>{showMore}</ShowListButton>\n        </Title>\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        </>}\n      <Title value={collectionsTitle}>\n        <ShowListButton linkTo={routes.userCollections}>{showMore}</ShowListButton>\n      </Title>\n      <ListHorizontal\n        list={collectionsQuery.list?.map(mapperDashboardCollections)}\n        onClick={item => onClickCollection(item)}\n        item={CardCollectionDashboardHomeCompose}>\n        <JoinNewCollectionButton linkTo={routes.userCollectionsJoin}>\n          {joinCollection}\n        </JoinNewCollectionButton>\n        { !!collectionsQuery.fetchMore && <LoadMoreButton onClick={collectionsQuery.fetchMore}>{loadMore}</LoadMoreButton>}\n      </ListHorizontal>\n      { isChangeOpen && <PopupChangeCompose />}\n      { isCollectionOpen && <PopupCollectionCompose />}\n      { isCollectionShareOpen && <PopupCollectionShareCompose />}\n      { isCollectionEditOpen && <PopupCollectionEditCompose />}\n      { isUserOpen && <PopupUserCompose />}\n      <PopupAlertWelcomeCompose />\n    </DashboardView>\n  )\n}\nexport default DashboardHomePage\n"],"names":["React","useAsyncEffect","effect","destroy","inputs","hasDestroy","useEffect","result","mounted","maybePromise","Promise","resolve","then","value","module","exports","AdditionalItem","color","text","labelIds","CardCollectionDashboardHomeComposeMemo","userCollection","countFaults","countRepeated","t","useI18n","collection","priority","UserCollectionModel","fav","sleep","numFaults","num","numRepeated","code","name","image","CollectionModel","CardCollection","select","CardCollectionDashboardHomeCompose","memo","CardChangeDashboardHomeComposeMemo","data","change","user","exchanges","username","UserChangeModel","chat","date","total","UserExchangeModel","stateActual","stateId","mine","his","dateStr","DateModel","moment","endDate","toISOString","CardChange","avatar","AvatarCompose","button","ButtonAvatarChangeStyled","refetch","DASHBOARD_HOME_CHANGES_QUERY","Exchange","labelMine","labelHis","CardChangeDashboardHomeCompose","JoinNewCollectionButton","linkTo","children","CustomLink","to","SearchNewChangesButton","addStep","ob","extra","label","pre","EmptyDashboardCompose","emptyChanges","emptyCollections","emptyUserElements","flag","flags","useStorage","getFlag","setFlag","useAuth","firstTime","userName","email","steps","push","empty","content","step","expanded","variant","CustomStepper","C","AlertWelcomeHeaderStyled","styled","infoColor","resultCancel","PopupAlertWelcomeCompose","post","useFetch","useModalAlertWelcome","isOpen","openAlert","open","close","useState","urls","setUrls","html","setHtml","tm","alertsQuery","useQueryAll","DASHBOARD_ALERTS_QUERY","list","title","urlContent","urlTrigger","day","today","Date","getTime","IDateFormat","get","dev","environment","ModalWrapper","useMemo","onClose","Modal","handleClose","dangerouslySetInnerHTML","__html","onClick","length","nav","show","resultHtml","join","pageTitle","changesTitle","collectionsTitle","showMore","loadMore","joinCollection","findNew","_ref","_collectionsQuery$lis","_activeChangesQuery$l","_completedChangesQuer","_collectionsQuery$lis2","_activeChangesQuery$l2","_collectionsQuery$lis3","location","userId","_useI18n$tm","updatePageTitle","useLayoutStore","isUserOpen","useModalUser","_useModalChange","useModalChange","openChange","isChangeOpen","isCollectionShareOpen","useModalCollectionShare","isCollectionEditOpen","useModalCollectionEdit","_useModalCollection","useModalCollection","openCollection","isCollectionOpen","collectionsQuery","usePageQuery","DASHBOARD_HOME_COLLECTIONS_QUERY","activeChangesQuery","direction","completedChangesQuery","DASHBOARD_HOME_CHANGES_COMPLETED_QUERY","per_page","state","ChangeState","userElements","loading","showChanges","showUser","DashboardView","route","routes","header","NavLeft","HeaderLogo","HeaderTitle","NavRight","HeaderUser","HeaderMenu","Title","ShowListButton","ListHorizontal","map","mapperDashboardActiveChanges","item","exchange","isNew","fetchMore","LoadMoreButton","mapperDashboardCollections","_item$userCollection$","onClickCollection","PopupChangeCompose","PopupCollectionCompose","PopupCollectionShareCompose","PopupCollectionEditCompose","PopupUserCompose"],"sourceRoot":""}