{"version":3,"sources":["components/NavigationBar/styles.js","components/Button/styles.js","components/Button/index.js","assets/close-menu.svg","assets/hamburger.svg","assets/full-logo.svg","assets/discord.svg","assets/twitter.svg","assets/github.svg","assets/arrowdown.svg","assets/check.svg","components/NavigationBar/index.js","components/ListDetails/styles.js","components/Popover/SearchCominSoon/styles.js","components/Popover/SearchCominSoon/index.js","components/Popover/SourceVerified/styles.js","components/Popover/SourceVerified/index.js","components/Search/styles.js","assets/search.svg","components/Search/index.js","components/ListDetails/index.js","assets/coming-soon.svg","components/ComingSoon/styles.js","components/ComingSoon/index.js","components/SEO/index.js","views/CanisterList/styles.js","views/CanisterList/index.js","views/LandingPage/styles.js","assets/logo.svg","assets/nft.svg","assets/token.svg","assets/canister.svg","assets/dapp.svg","components/RouterLink/index.js","components/Card/styles.js","components/Card/index.js","views/LandingPage/index.js","components/Tables/NFTListTable/makeData.js","components/Loader/styles.js","components/Loader/index.js","components/Tables/TableLayout/styles.js","components/Tables/TableLayout/index.js","components/Tables/TableCellData/Image/styles.js","components/Tables/TableCellData/Image/index.js","components/Tables/TableCellData/Text/styles.js","components/Tables/TableCellData/Text/index.js","components/Tables/TableCellData/ComingSoon/styles.js","utils/tables/nftTableData.js","components/Tables/NFTListTable/styles.js","components/Icons/Copy/styles.js","components/Icons/Copy/index.js","components/Tables/NFTListTable/index.js","views/NFTList/styles.js","views/NFTList/index.js","views/TokenList/styles.js","views/TokenList/index.js","views/DappList/styles.js","views/DappList/index.js","App.js","reportWebVitals.js","index.js"],"names":["NavigationWrapper","styled","div","NavigationRoutes","NavigationLogo","img","TippyWrapper","DropDownButtonWrapper","DropDownButtonContent","DropDownButtonContentWrapper","props","released","NavigationSocials","ul","NavigationSocialsWrapper","NavigationSocialsIcon","ButtonWrapper","NavigationMobileOpenMenuIcon","NavigationMobileCloseMenuIcon","NavigationMobileMenuWrapper","menuOpen","NavigationMobileMenu","RedirectLink","a","BannerRedirectBtn","primary","ButtonText","span","Button","content","url","status","href","target","defaultProps","PropTypes","bool","navcontentlist","name","path","NavigationBar","useState","setMenuOpen","dropdownText","setDropdownText","location","useLocation","useEffect","pathname","toUpperCase","slice","handleMenu","to","src","logo","placement","animation","theme","interactive","arrow","map","listitem","onClick","event","preventDefault","rel","check","alt","arrowdown","github","discord","twitter","closeMenu","hamburger","style","width","MetaDatas","MetaDataWrapper","MetaDataHeading","h1","MetaDataPrompts","ButtonListWrapper","ButtonContainer","Container","TooltipContainer","Description","Tooltip","SearchCominSoon","children","TableHeaderData","Header","SourceVerified","SearchWrapper","Search","placeholder","type","search","ListDetails","metadata","title","ctaOne","ctaOneURL","ctaTwo","ctaTwoURL","ComingSoon","comingsoonLogo","SEO","metaTitle","Helmet","property","ListWrapper","DetailsWrapper","metaData","description","CanisterList","PageWrapper","PageBackground","BannerWrapper","Banner","IntroWrapper","CardWrapper","BannerLogo","BannerHeading","BannerSubHeading","h5","RouterLink","CardContent","CardContentWrapper","CardIcon","CardContentTitle","h4","CardLabel","ButtonFlexContainer","Card","list","icon","typeformURL","docsURL","lists","nft","canister","token","dapp","LandingPage","range","len","arr","i","push","newNFT","Math","random","value","collection","size","namor","generate","words","saltLength","canisterId","standard","modifiedDate","floor","verified","pulse","keyframes","Loader","TableWrapper","loading","TableLayout","columns","data","useTable","getTableProps","getTableBodyProps","headerGroups","rows","prepareRow","headerGroup","getHeaderGroupProps","headers","column","getHeaderProps","render","row","getRowProps","cells","cell","getCellProps","Image","clickable","Text","formatTimestamp","timestamp","formattedTimestamp","timestampInMilliseconds","toString","replace","substring","dayjs","unix","Number","format","constructNFTTableData","rawData","tableData","index","length","rowData","principal_id","toText","CellContainer","justify","maxwidth","Copy","checkmark","setCheckmark","copy","setTimeout","color","viewBox","d","height","fill","xmlns","NFTListTable","useMemo","accessor","id","setLoading","lens","makeDataLevel","depth","subRows","undefined","makeData","setRowData","getNFTList","agent","HttpAgent","host","getAllNFTS","nfts","nftsTableData","console","log","warn","NFTListWrapper","NFTDetailsWrapper","NFTTableWrapper","NFTList","TokenList","DappList","App","exact","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.d4d666d4.chunk.js","sourcesContent":["import styled from 'styled-components';\n\nexport const NavigationWrapper = styled.div`\n  position: fixed;\n  z-index: 10;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  padding: 15px 30px;\n  background: #212236;\n\n  @media (max-width: 960px) {\n    z-index: 5;\n  }\n`;\n\nexport const NavigationRoutes = styled.div`\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n`;\n\nexport const NavigationLogo = styled.img`\n  height: 37px;\n`;\n\nexport const TippyWrapper = styled.div`\n  .tippy-box {\n    background: none;\n  }\n\n  .tippy-content {\n    padding: 0px;\n    position: relative;\n  }\n\n  @media (max-width: 960px) {\n    display: none;\n  }\n`;\n\nexport const DropDownButtonWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  border: 1px solid #ffffff;\n  border-radius: 12px;\n  padding: 8px 15px;\n  width: 175px;\n  margin-left: 50px;\n  cursor: pointer;\n\n  :hover {\n    border: 1px solid #7F86FF;\n  }\n\n  p {\n    margin: 0;\n    color: white;\n    font-weight: 500;\n    font-size: 16px;\n    line-height: 19px;\n  }\n`;\n\nexport const DropDownButtonContent = styled.div`\n  background: #212236;\n  border: 1px solid #7F86FF;\n  border-radius: 10px;\n  padding: 20px 16px;\n  width: 275px;\n\n  div {\n    display: flex;\n    color: white;\n  }\n`;\n\nexport const DropDownButtonContentWrapper = styled.div`\n  display: flex;\n  justify-content: space-between;\n  margin-top: 17px;\n\n  p {\n    color: ${(props) => (props.released ? 'white' : '#67687C')};\n    cursor: ${(props) => (props.released ? 'pointer' : 'not-allowed')};\n    font-style: normal;\n    font-weight: ${(props) => (props.released ? 500 : '')};\n    font-size: 16px;\n    line-height: 19px;\n  }\n\n  &:first-child {\n    margin-top: 0px;\n  }\n`;\n\nexport const NavigationSocials = styled.ul`\n  display: flex;\n  align-items: center;\n  justify-content: space-evenly;\n  a {\n    margin-right: 20px;\n  }\n\n  @media (max-width: 440px) {\n    a {\n      margin-right: 10px;\n    }\n  }\n`;\n\nexport const NavigationSocialsWrapper = styled.div`\n  @media (max-width: 960px) {\n    display: none;\n  }\n`;\n\nexport const NavigationSocialsIcon = styled.img`\n  height: 18px;\n  cursor: pointer;\n`;\n\nexport const ButtonWrapper = styled.div`\n  width: 69px;\n  margin-left: 5px;\n`;\n\nexport const NavigationMobileOpenMenuIcon = styled.img`\n  display: none;\n  cursor: pointer;\n  margin-left: 20px;\n\n  @media (max-width: 960px) {\n    display: block;\n  }\n`;\n\nexport const NavigationMobileCloseMenuIcon = styled.img`\n  display: none;\n  margin-left: 20px;\n\n  @media (max-width: 960px) {\n    display: block;\n    color: white;\n    cursor: pointer;\n    width: 30px;\n  }\n`;\n\nexport const NavigationMobileMenuWrapper = styled.div`\n  display: none;\n\n  @media (max-width: 960px) {\n    display: flex;\n    justify-content: space-between;\n    transform: ${({ menuOpen }) => (menuOpen ? 'translateX(0)' : 'translateX(-100%)')};\n    transition: transform 0.3s ease-in-out;\n    align-items: flex-start;\n    position: fixed;\n    background: black;\n    z-index: 2;\n    color: white;\n    padding: 20px 30px 80px;\n    height: 100%;\n    width: 100%;\n    right: 0;\n    top: 2.5rem;\n  }\n`;\n\nexport const NavigationMobileMenu = styled.div`\n  display: none;\n\n  @media (max-width: 960px) {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    height: 100%;\n    width: 100%;\n\n    ul {\n      &:nth-child(1) {\n        margin-top: 2.5rem;\n      }\n\n      li {\n        list-style: none;\n        padding: 0 20px;\n        margin-bottom: 1.5rem;\n        cursor: pointer;\n        font-size: 20px;\n        line-height: 24px;\n        cursor: pointer;\n      }\n    }\n\n    img {\n      width: 40px;\n      cursor: pointer;\n      &:nth-child(2) {\n        max-width: 40px;\n      }\n    }\n  }\n`;\n\nexport const RedirectLink = styled.a`\n  font-style: normal;\n  font-weight: 500;\n  font-size: 16px;\n  line-height: 19px;\n  color: #FFFFFF;\n  text-align: center;\n  margin-left: 5px;\n  @media (max-width: 390px) {\n    display: none;\n  }\n`;\n","import styled from 'styled-components';\n\n/* eslint-disable import/prefer-default-export */\nexport const BannerRedirectBtn = styled.a`\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 8px;\n  background: linear-gradient(180deg, #8f94fb 0%, #545acd 100%);\n  border-radius: 12px;\n  transition: all 200ms ease;\n  color: #fff;\n  font-weight: 500;\n  font-size: 16px;\n  line-height: 19px;\n  text-align: center;\n  width: 100%;\n\n  &::after {\n    content: '';\n    border-radius: 12px;\n    width: calc(100% - 4px);\n    height: 88%;\n    background: ${(props) => (props.primary ? '' : '#151515')};\n    position: absolute;\n    left: 2px;\n    top: 2px;\n  }\n\n  &:hover {\n    cursor: pointer;\n    /* transform: scale(1.05); */\n  }\n`;\n\nexport const ButtonText = styled.span`\n  position: relative;\n  z-index: 1;\n`;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { BannerRedirectBtn, ButtonText } from './styles';\n\nconst Button = ({\n  content,\n  url,\n  status,\n  primary,\n}) => (\n  <BannerRedirectBtn\n    href={url}\n    target=\"_blank\"\n    primary={primary}\n    status={status}\n  >\n    <ButtonText>{content}</ButtonText>\n  </BannerRedirectBtn>\n);\n\nButton.defaultProps = {\n  primary: PropTypes.bool,\n};\n\nButton.propTypes = {\n  content: PropTypes.string.isRequired,\n  url: PropTypes.string.isRequired,\n  status: PropTypes.string.isRequired,\n  primary: PropTypes.bool,\n};\n\nexport default Button;\n","export default __webpack_public_path__ + \"static/media/close-menu.7aea98a4.svg\";","export default __webpack_public_path__ + \"static/media/hamburger.65004742.svg\";","export default __webpack_public_path__ + \"static/media/full-logo.477ab604.svg\";","export default __webpack_public_path__ + \"static/media/discord.141bc1ea.svg\";","export default __webpack_public_path__ + \"static/media/twitter.2d26858d.svg\";","export default __webpack_public_path__ + \"static/media/github.462196b4.svg\";","export default __webpack_public_path__ + \"static/media/arrowdown.01dba60e.svg\";","export default __webpack_public_path__ + \"static/media/check.d5bc5271.svg\";","import React, { useState, useEffect } from 'react';\nimport { Link, useLocation } from 'react-router-dom';\nimport Tippy from '@tippyjs/react';\nimport {\n  NavigationWrapper,\n  NavigationRoutes,\n  NavigationLogo,\n  NavigationSocials,\n  NavigationSocialsWrapper,\n  NavigationSocialsIcon,\n  TippyWrapper,\n  DropDownButtonWrapper,\n  DropDownButtonContent,\n  DropDownButtonContentWrapper,\n  ButtonWrapper,\n  NavigationMobileOpenMenuIcon,\n  NavigationMobileCloseMenuIcon,\n  NavigationMobileMenuWrapper,\n  NavigationMobileMenu,\n  RedirectLink,\n} from './styles';\nimport Button from '../Button';\nimport closeMenu from '../../assets/close-menu.svg';\nimport hamburger from '../../assets/hamburger.svg';\nimport logo from '../../assets/full-logo.svg';\nimport discord from '../../assets/discord.svg';\nimport twitter from '../../assets/twitter.svg';\nimport github from '../../assets/github.svg';\nimport arrowdown from '../../assets/arrowdown.svg';\nimport check from '../../assets/check.svg';\n\nconst navcontentlist = [\n  {\n    name: 'NFT List',\n    status: 'active',\n    path: '/nfts/',\n    released: true,\n  },\n  {\n    name: 'Canister List',\n    status: 'inactive',\n    path: 'https://github.com/Psychedelic/dab/blob/main/registries/canister_registry/list.md',\n    released: true,\n  },\n  {\n    name: 'Token List',\n    status: 'inactive',\n    path: 'https://github.com/Psychedelic/dab/blob/main/registries/tokens/list.json',\n    released: true,\n  },\n  {\n    name: 'Dapp List',\n    status: 'inactive',\n    released: false,\n  },\n];\n\nconst NavigationBar = () => {\n  const [menuOpen, setMenuOpen] = useState(false);\n  const [dropdownText, setDropdownText] = useState('Choose List');\n  const location = useLocation();\n\n  useEffect(() => {\n    if (location.pathname !== '/') {\n      setDropdownText(`${location.pathname.toUpperCase().slice(1, -2)} List`);\n    } else {\n      setDropdownText('Choose List');\n    }\n  }, [location.pathname]);\n\n  const handleMenu = () => {\n    setMenuOpen(!menuOpen);\n  };\n\n  return (\n    <div>\n      <NavigationWrapper>\n        <NavigationRoutes>\n          <Link to=\"/\">\n            <NavigationLogo src={logo} />\n          </Link>\n          <TippyWrapper>\n            <Tippy\n              placement=\"bottom-start\"\n              animation=\"perspective\"\n              theme=\"translucent\"\n              interactive\n              arrow={false}\n              content={\n                (\n                  <DropDownButtonContent>\n                    {navcontentlist.map((listitem) => (\n                      <DropDownButtonContentWrapper\n                        released={listitem.released}\n                        onClick={() => setDropdownText(listitem.status === 'active' ? listitem.name : dropdownText)}\n                      >\n                        {listitem.status === 'active' ? (\n                          <Link\n                            to={listitem.path ? listitem.path : ''}\n                            onClick={(event) => !listitem.path && event.preventDefault()}\n                          >\n                            <p>{listitem.name}</p>\n                          </Link>\n                        ) : (\n                          <a\n                            href={listitem.path ? listitem.path : ''}\n                            target=\"_blank\"\n                            rel=\"noreferrer\"\n                            onClick={(event) => !listitem.path && event.preventDefault()}\n                          >\n                            <p>{listitem.name}</p>\n                          </a>\n                        )}\n                        <span>\n                          {`${location.pathname\n                            .toUpperCase()\n                            .slice(1, -2)} List` === listitem.name ? (\n                              <img src={check} alt=\"check\" />\n                            ) : (\n                              ''\n                            )}\n                          <p>{listitem.status !== 'active' && !listitem.released && 'Coming Soon!'}</p>\n                        </span>\n                      </DropDownButtonContentWrapper>\n                    ))}\n                  </DropDownButtonContent>\n                )\n              }\n            >\n              <DropDownButtonWrapper>\n                <p>{dropdownText}</p>\n                <img src={arrowdown} alt=\"arrow-down\" />\n              </DropDownButtonWrapper>\n            </Tippy>\n          </TippyWrapper>\n        </NavigationRoutes>\n        <NavigationSocials>\n          <NavigationSocialsWrapper>\n            <a\n              href=\"https://github.com/psychedelic/dab\"\n              target=\"_blank\"\n              rel=\"noreferrer\"\n            >\n              <NavigationSocialsIcon src={github} />\n            </a>\n            <a\n              href=\"https://discord.gg/yVEcEzmrgm\"\n              target=\"_blank\"\n              rel=\"noreferrer\"\n            >\n              <NavigationSocialsIcon src={discord} />\n            </a>\n            <a\n              href=\"https://twitter.com/dab_ooo\"\n              target=\"_blank\"\n              rel=\"noreferrer\"\n            >\n              <NavigationSocialsIcon src={twitter} />\n            </a>\n          </NavigationSocialsWrapper>\n          <RedirectLink\n            href=\"https://docs.dab.ooo/resources/what-is-dab/#why-use-dab-it-provides-two-clear-benefits\"\n            target=\"_blank\"\n            rel=\"noreferrer\"\n          >\n            Why DAB ?\n          </RedirectLink>\n          <ButtonWrapper>\n            <Button content=\"Docs\" url=\"https://docs.dab.ooo/\" />\n          </ButtonWrapper>\n          {!menuOpen ? (\n            <NavigationMobileOpenMenuIcon\n              src={hamburger}\n              onClick={handleMenu}\n            />\n          ) : (\n            <NavigationMobileCloseMenuIcon\n              src={closeMenu}\n              onClick={handleMenu}\n            />\n          )}\n        </NavigationSocials>\n      </NavigationWrapper>\n      <NavigationMobileMenuWrapper menuOpen={menuOpen}>\n        <NavigationMobileMenu>\n          <ul>\n            {navcontentlist.map((listitem) => (\n              <DropDownButtonContentWrapper released={listitem.released}>\n                {listitem.status === 'active' ? (\n                  <Link\n                    to={listitem.path ? listitem.path : ''}\n                    onClick={(event) => {\n                      if (!listitem.path) event.preventDefault();\n                      setMenuOpen(!menuOpen);\n                    }}\n                  >\n                    <p>{listitem.name}</p>\n                  </Link>\n                ) : (\n                  <a\n                    href={listitem.path ? listitem.path : ''}\n                    target=\"_blank\"\n                    rel=\"noreferrer\"\n                    onClick={(event) => {\n                      if (!listitem.path) event.preventDefault();\n                      setMenuOpen(!menuOpen);\n                    }}\n                  >\n                    <p>{listitem.name}</p>\n                  </a>\n                )}\n                <span>\n                  {`${location.pathname\n                    .toUpperCase()\n                    .slice(1, -2)} List` === listitem.name ? (\n                      <img src={check} alt=\"arrow-down\" style={{ width: '15px' }} />\n                    ) : (\n                      ''\n                    )}\n                  {listitem.status !== 'active' && !listitem.released && <p>Coming Soon!</p>}\n                </span>\n              </DropDownButtonContentWrapper>\n            ))}\n          </ul>\n          <ul>\n            <NavigationSocialsIcon src={github} />\n            <NavigationSocialsIcon src={discord} />\n            <NavigationSocialsIcon src={twitter} />\n          </ul>\n        </NavigationMobileMenu>\n      </NavigationMobileMenuWrapper>\n    </div>\n  );\n};\n\nexport default NavigationBar;\n","import styled from 'styled-components';\n\nexport const MetaDatas = styled.div`\n  position: relative;\n  color: #ffffff;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: wrap;\n\n  @media (max-width: 960px) {\n    display: block;\n  }\n`;\n\nexport const MetaDataWrapper = styled.div`\n  margin-right: 10px;\n\n  @media (max-width: 960px) {\n    margin-right: 0px;\n  }\n`;\n\nexport const MetaDataHeading = styled.h1`\n  font-style: normal;\n  font-weight: 500;\n  font-size: 36px;\n  line-height: 43px;\n`;\n\nexport const MetaDataPrompts = styled.div`\n  display: flex;\n  align-items: center;\n\n  // @media (max-width: 960px) {\n  //   flex-wrap: wrap;\n  // }\n\n  @media (max-width: 960px) {\n    display: block;\n  }\n`;\n\nexport const ButtonListWrapper = styled.div`\n  display: flex;\n  justify-content: flex-end;\n  align-items: flex-start;\n\n  @media (max-width: 960px) {\n    justify-content: flex-start;\n  }\n`;\n\nexport const ButtonContainer = styled.div`\n  width: 135px;\n  &:first-child {\n    margin: 0px 10px;\n  }\n  @media (max-width: 960px) {\n    &:first-child {\n      margin-left: 0px;\n    }\n  }\n`;\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n  .tippy-box {\n    background: #212236;\n    border-radius: 10px;\n    width: 175px !important;\n    border: 1px solid #7f86ff;\n  }\n  .tippy-content {\n    padding: 0px;\n  }\n  .tippy-box[data-placement^='bottom'] > .tippy-arrow:before {\n    border-bottom-color: #212236;\n  }\n  .tippy-box[data-placement^='bottom'] > .tippy-arrow:after {\n    content: '';\n    position: absolute;\n    border-color: transparent;\n    border-style: solid;\n    border-width: 0px 8px 8px;\n    border-bottom-color: #7f86ff;\n    top: -8px;\n    left: -1px;\n    border-width: 0 9px 8px;\n    z-index: -1;\n    transform-origin: center bottom;\n  }\n`;\n\nexport const TableHeaderData = styled.span`\n  :hover {\n    color: #7f86ff;\n    cursor: pointer;\n  }\n`;\n\nexport const TooltipContainer = styled.div`\n  padding: 8px 14px;\n`;\n\nexport const Description = styled.div`\n  font-style: normal;\n  font-weight: normal;\n  font-style: normal;\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 22px;\n  color: #ffffff;\n  text-align: center;\n`;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Tippy from '@tippyjs/react';\nimport 'tippy.js/dist/tippy.css'; // optional\nimport 'tippy.js/themes/light.css';\nimport 'tippy.js/animations/perspective.css';\nimport {\n  Container,\n  TooltipContainer,\n  Description,\n} from './styles';\n\nconst Tooltip = () => (\n  <TooltipContainer>\n    <Description>Search coming soon!</Description>\n  </TooltipContainer>\n);\n\nconst SearchCominSoon = ({ children }) => (\n  <Container>\n    <Tippy\n      placement=\"bottom\"\n      animation=\"perspective-subtle\"\n      interactive\n      content={<Tooltip />}\n    >\n      <div>{children}</div>\n    </Tippy>\n  </Container>\n);\n\nSearchCominSoon.propTypes = {\n  children: PropTypes.node.isRequired,\n};\n\nexport default SearchCominSoon;\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n  .tippy-box {\n    background: #212236;\n    border-radius: 10px;\n    max-width: 370px !important;\n    border: 1px solid #7f86ff;\n  }\n  .tippy-content {\n    padding: 0px;\n  }\n  .tippy-box[data-placement^='bottom'] > .tippy-arrow:before {\n    border-bottom-color: #212236;\n  }\n  .tippy-box[data-placement^='bottom'] > .tippy-arrow:after {\n    content: '';\n    position: absolute;\n    border-color: transparent;\n    border-style: solid;\n    border-width: 0px 8px 8px;\n    border-bottom-color: #7f86ff;\n    top: -8px;\n    left: -1px;\n    border-width: 0 9px 8px;\n    z-index: -1;\n    transform-origin: center bottom;\n  }\n`;\n\nexport const TableHeaderData = styled.span`\n  :hover {\n    color: #7f86ff;\n    cursor: help;\n  }\n`;\n\nexport const TooltipContainer = styled.div`\n  padding: 20px;\n`;\n\nexport const Header = styled.div`\n  font-style: normal;\n  font-weight: normal;\n  font-size: 16px;\n  line-height: 22px;\n  color: #ffffff;\n  text-align: left;\n`;\n\nexport const Description = styled.div`\n  font-style: normal;\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 22px;\n  color: #67687c;\n  margin-top: 9px;\n  text-align: left;\n  a {\n    color: #7f86ff;\n  }\n`;\n","import React from 'react';\nimport Tippy from '@tippyjs/react';\nimport 'tippy.js/dist/tippy.css'; // optional\nimport 'tippy.js/themes/light.css';\nimport 'tippy.js/animations/perspective.css';\nimport {\n  Container,\n  TableHeaderData,\n  TooltipContainer,\n  Header,\n  Description,\n} from './styles';\n\nconst Tooltip = () => (\n  <TooltipContainer>\n    <Header>What is Source Verified?</Header>\n    <Description>\n      Source code verification provides improved transparency and safety for\n      users interacting with canisters by ensuring the actual canister code\n      running on the Internet Computer matches the open source code in the\n      repository. <a href=\"https://covercode.ooo/\" target=\"_blank\" rel=\"noreferrer\">Learn More.</a>\n    </Description>\n  </TooltipContainer>\n);\n\nconst SourceVerified = () => (\n  <Container>\n    <Tippy\n      placement=\"bottom-end\"\n      animation=\"perspective-subtle\"\n      interactive\n      content={<Tooltip />}\n    >\n      <TableHeaderData>Source Verified</TableHeaderData>\n    </Tippy>\n  </Container>\n);\n\nexport default SourceVerified;\n","import styled from 'styled-components';\n\n/* eslint-disable import/prefer-default-export */\nexport const SearchWrapper = styled.div`\n  position: relative;\n  opacity: 0.5;\n  margin: 20px 0;\n\n  input {\n    background-color: #151515;\n    color: #67687c;\n    border: 1px solid #151515;\n    border-radius: 12px;\n    padding: 8px 40px;\n    width: 340px;\n    height: 35px;\n    font-style: normal;\n    font-weight: normal;\n    font-size: 16px;\n    line-height: 19px;\n    pointer-events: none;\n\n    @media (max-width: 960px) {\n      width: 100%\n    }\n  }\n\n  input::placeholder {\n    font-size: 14px;\n  }\n\n  input:focus {\n    outline: 0;\n  }\n\n  img {\n    position: absolute;\n    left: 15px;\n    top: 10px;\n  }\n\n  img::before {\n    content: '';\n    display: block;\n    position: relative;\n    top: 0em;\n    left: -0.3em;\n    width: 0.5em;\n    height: 0.5em;\n    border-radius: 100%;\n    border: 0.125em solid $input-text-color;\n    background-color: $input-bg-color;\n\n    transition: transform 0.5s $animation-bounce;\n  }\n`;\n","export default __webpack_public_path__ + \"static/media/search.0df40087.svg\";","import React from 'react';\nimport { SearchWrapper } from './styles';\nimport search from '../../assets/search.svg';\n\nconst Search = () => (\n  <SearchWrapper>\n    <input placeholder=\"Search\" type=\"text\" />\n    <img src={search} alt=\"search\" />\n  </SearchWrapper>\n);\n\nexport default Search;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  MetaDatas,\n  MetaDataWrapper,\n  MetaDataHeading,\n  MetaDataPrompts,\n  ButtonListWrapper,\n  ButtonContainer,\n} from './styles';\nimport Button from '../Button';\nimport { SearchCominSoon } from '../Popover';\nimport Search from '../Search';\n\nconst ListDetails = ({ metadata }) => (\n  <MetaDatas>\n    <MetaDataWrapper>\n      <MetaDataHeading>{metadata.title}</MetaDataHeading>\n    </MetaDataWrapper>\n    <MetaDataPrompts>\n      <SearchCominSoon><Search /></SearchCominSoon>\n      <ButtonListWrapper>\n        <ButtonContainer>\n          <Button\n            content={metadata.ctaOne}\n            url={metadata.ctaOneURL}\n            primary={false}\n          />\n        </ButtonContainer>\n        <ButtonContainer>\n          <Button content={metadata.ctaTwo} url={metadata.ctaTwoURL} primary />\n        </ButtonContainer>\n      </ButtonListWrapper>\n    </MetaDataPrompts>\n  </MetaDatas>\n);\n\nListDetails.propTypes = {\n  // eslint-disable-next-line\n  metadata: PropTypes.object.isRequired,\n};\n\nexport default ListDetails;\n","export default __webpack_public_path__ + \"static/media/coming-soon.2e1d6ddb.svg\";","import styled from 'styled-components';\n\nexport default {};\n\nexport const Container = styled.div`\n  width: 100%;\n  height: 100%;\n  margin: 5vh 0vh;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: transparent;\n  border-top: 1px solid #292929;\n  img {\n    width: 150px;\n  }\n`;\n","/* eslint-disable react/prop-types */\n\nimport React from 'react';\nimport comingsoonLogo from '../../assets/coming-soon.svg';\nimport { Container } from './styles';\n\nconst ComingSoon = ({ alt }) => (\n  <Container>\n    <img src={comingsoonLogo} alt={alt || 'Coming soon'} />\n  </Container>\n);\n\nexport default ComingSoon;\n","/* eslint-disable react/prop-types */\n\nimport React from 'react';\nimport { Helmet } from 'react-helmet';\n\nconst SEO = ({ metaTitle }) => (\n  <Helmet>\n    <title>{metaTitle || 'DAB - NFT, Token, Canister &amp; Dapp Lists on the IC'}</title>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n    <meta name=\"theme-color\" content=\"#000000\" />\n    <meta\n      content=\"DAB - NFT, Token, Canister, &amp; Dapp Lists on the IC\"\n      property=\"og:title\"\n    />\n    <meta\n      content=\"An Internet Computer open internet service for canister, token, NFT, and Dapp registries &amp; verification for quality assurance and risk reduction in the ecosystem.\"\n      property=\"og:description\"\n    />\n    <meta\n      content=\"https://storageapi2.fleek.co/fleek-team-bucket/meta.png\"\n      property=\"og:image\"\n    />\n    <meta property=\"og:type\" content=\"website\" />\n    <meta content=\"summary_large_image\" name=\"twitter:card\" />\n  </Helmet>\n);\n\nexport default SEO;\n","import styled from 'styled-components';\n\nexport const ListWrapper = styled.div`\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  background: linear-gradient(180deg, #4f55c7 0%, rgba(21, 21, 21, 0) 40%);\n  color: #ffffff;\n\n  @media (max-width: 960px) {\n    padding: 20px;\n  }\n`;\n\nexport const DetailsWrapper = styled.div`\n  position: relative;\n  top: 10rem;\n  max-width: 1110px;\n  width: 100%;\n`;\n\nexport const TableWrapper = styled.div`\n  position: relative;\n`;\n","import React from 'react';\nimport ListDetails from '../../components/ListDetails';\nimport ComingSoon from '../../components/ComingSoon';\nimport SEO from '../../components/SEO';\nimport { ListWrapper, DetailsWrapper } from './styles';\n\nconst metaData = {\n  title: 'Canister List',\n  description: 'Canister list to associate metadata to Canister IDs.',\n  ctaOne: 'Integrate Canister List',\n  ctaTwo: 'Submit a Canister',\n  ctaOneURL: 'https://docs.dab.ooo/',\n  ctaTwoURL: 'https://dab-ooo.typeform.com/canister-list',\n};\n\nconst CanisterList = () => (\n  <ListWrapper>\n    <SEO />\n    <DetailsWrapper>\n      <ListDetails metadata={metaData} />\n      <ComingSoon />\n    </DetailsWrapper>\n  </ListWrapper>\n);\n\nexport default CanisterList;\n","import styled from 'styled-components';\n\nexport const PageWrapper = styled.div`\n  position: relative;\n  width: 100%;\n  height: 100%;\n  color: #ffffff;\n`;\n\nexport const PageBackground = styled.div`\n  position: absolute;\n  width: 100%;\n  height: 293px;\n  left: 0px;\n  top: 0px;\n  background: linear-gradient(180deg, #454886 0%, rgba(21, 21, 21, 0) 100%);\n`;\n\nexport const BannerWrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  padding: 0px 30px;\n`;\n\nexport const Banner = styled.div`\n  height: 100%;\n  position: relative;\n  box-sizing: border-box;\n`;\n\nexport const IntroWrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin-top: 148px;\n  height: fit-content;\n`;\n\nexport const CardWrapper = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  margin: 70px 0px;\n`;\n\nexport const BannerLogo = styled.img`\n  width: 130px;\n  min-height: 129px;\n`;\n\nexport const BannerHeading = styled.h1`\n  font-style: normal;\n  font-weight: bold;\n  font-size: 38px;\n  line-height: 45px;\n  text-align: center;\n  margin: 35px 0px 0px;\n`;\n\nexport const BannerSubHeading = styled.h5`\n  font-style: normal;\n  font-weight: normal;\n  font-size: 18px;\n  line-height: 21px;\n  text-align: center;\n  color: #67687c;\n  margin: 27px 0px 0px;\n  max-width: 618px;\n`;\n","export default __webpack_public_path__ + \"static/media/logo.8be55579.svg\";","export default __webpack_public_path__ + \"static/media/nft.8e1ffd1a.svg\";","export default __webpack_public_path__ + \"static/media/token.1974480c.svg\";","export default __webpack_public_path__ + \"static/media/canister.5259c038.svg\";","export default __webpack_public_path__ + \"static/media/dapp.e498b049.svg\";","import React from 'react';\nimport { Link } from 'react-router-dom';\nimport PropTypes from 'prop-types';\n\nconst RouterLink = ({ to, children }) => <Link to={to}>{children}</Link>;\n\nRouterLink.propTypes = {\n  to: PropTypes.string.isRequired,\n  children: PropTypes.node.isRequired,\n};\n\nexport default RouterLink;\n","import styled from 'styled-components';\n\nexport const CardContent = styled.div`\n  position: relative;\n  width: 282px;\n  height: 260px;\n  padding: 34px 28px 25px 28px;\n  margin: 15px;\n  background: #151515;\n  border: 1px solid #343434;\n  box-sizing: border-box;\n  box-shadow: 0px 4px 14px rgb(0 0 0 / 45%);\n  border-radius: 15px;\n`;\n\nexport const CardContentWrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  height: 100%;\n`;\n\nexport const CardIcon = styled.img`\n  height: 48px;\n`;\n\nexport const CardContentTitle = styled.h4`\n  color: #fff;\n  font-style: normal;\n  font-weight: bold;\n  font-size: 22px;\n  line-height: 26px;\n  margin: ${(props) => (!props.released ? '20px 0px 47px' : '20px 0px')};\n`;\n\nexport const CardLabel = styled.div`\n  position: absolute;\n  width: 98px;\n  height: 27px;\n  top: 15px;\n  background: rgba(139, 144, 248, 0.3);\n  border-radius: 6px 0px 0px 6px;\n  font-style: normal;\n  font-weight: 500;\n  font-size: 12px;\n  line-height: 14px;\n  text-align: center;\n  color: #8E93FA;\n  right: 0px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const ButtonListWrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n`;\n\nexport const ButtonContainer = styled.div`\n  width: 225px;\n  margin-bottom: 17px;\n`;\n\nexport const ButtonFlexContainer = styled.div`\n  display: flex;\n  width: 225px;\n  a {\n    &:first-child {\n      margin-right: 9px;\n    }\n  }\n`;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '../Button';\nimport RouterLink from '../RouterLink';\nimport {\n  CardContent,\n  CardContentWrapper,\n  CardContentTitle,\n  CardIcon,\n  CardLabel,\n  ButtonListWrapper,\n  ButtonContainer,\n  ButtonFlexContainer,\n} from './styles';\n\nconst Card = ({ list }) => (\n  <CardContent>\n    {!list.released && <CardLabel>Coming Soon!</CardLabel>}\n    <CardContentWrapper>\n      <CardIcon src={list.icon} />\n      <CardContentTitle released={list.released ? 1 : 0}>{list.name}</CardContentTitle>\n      {!list.released ? (\n        <Button\n          content=\"Submit Early\"\n          status={list.status}\n          url={list.url}\n          primary={0}\n        />\n      ) : (\n        <ButtonListWrapper>\n          {list.status === 'active' ? (\n            <RouterLink to={list.url}>\n              <ButtonContainer>\n                <Button content=\"View\" status={list.status} />\n              </ButtonContainer>\n            </RouterLink>\n          ) : (\n            <ButtonContainer>\n              <Button content=\"View\" status={list.status} url={list.url} />\n            </ButtonContainer>\n          )}\n          <ButtonFlexContainer>\n            <Button\n              content=\"Submit\"\n              status=\"active\"\n              url={list.typeformURL}\n              primary={0}\n            />\n            <Button\n              content=\"Integrate\"\n              status=\"active\"\n              url={list.docsURL}\n              primary={0}\n            />\n          </ButtonFlexContainer>\n        </ButtonListWrapper>\n      )}\n    </CardContentWrapper>\n  </CardContent>\n);\n\nCard.propTypes = {\n  // eslint-disable-next-line\n  list: PropTypes.object.isRequired,\n};\n\nexport default Card;\n","import React from 'react';\nimport {\n  PageWrapper,\n  PageBackground,\n  Banner,\n  IntroWrapper,\n  CardWrapper,\n  BannerLogo,\n  BannerHeading,\n  BannerSubHeading,\n  BannerWrapper,\n} from './styles';\nimport logo from '../../assets/logo.svg';\nimport nft from '../../assets/nft.svg';\nimport token from '../../assets/token.svg';\nimport canister from '../../assets/canister.svg';\nimport dapp from '../../assets/dapp.svg';\nimport Card from '../../components/Card';\nimport SEO from '../../components/SEO';\n\nconst lists = [\n  {\n    icon: nft,\n    name: 'NFT List',\n    url: '/nfts/',\n    status: 'active',\n    typeformURL: 'https://dab-ooo.typeform.com/nft-list',\n    docsURL: 'https://docs.dab.ooo/nft-list/getting-started/',\n    released: true,\n  },\n  {\n    icon: canister,\n    name: 'Canister List',\n    description: 'Canister list to associate metadata to Canister IDs.',\n    url: 'https://github.com/Psychedelic/dab/blob/main/registries/canister_registry/list.md',\n    typeformURL: 'https://dab-ooo.typeform.com/canister-list',\n    docsURL: 'https://docs.dab.ooo/canister-list/getting-started/',\n    status: 'inactive',\n    released: true,\n  },\n  {\n    icon: token,\n    name: 'Token List',\n    description: '',\n    url: 'https://github.com/Psychedelic/dab/blob/main/registries/tokens/list.json',\n    typeformURL: 'https://dab-ooo.typeform.com/token-list',\n    docsURL: 'https://docs.dab.ooo/token-list/getting-started/',\n    status: 'inactive',\n    released: true,\n  },\n  {\n    icon: dapp,\n    name: 'Dapp List',\n    url: 'https://dab-ooo.typeform.com/dapp-list',\n    status: 'inactive',\n    released: false,\n  },\n];\n\nconst LandingPage = () => (\n  <PageWrapper>\n    <SEO />\n    <PageBackground />\n    <BannerWrapper>\n      <Banner>\n        <IntroWrapper>\n          <BannerLogo src={logo} />\n          <BannerHeading>NFT, Token, Canister & Dapp Lists</BannerHeading>\n          <BannerSubHeading>\n            All the data an IC app needs to make seamless experiences,\n            accessible directly on the IC. NFT & Token lists any app can consume\n            and integrate using a universal standard wrapper, as well as\n            canister and Dapp registries to surface metadata and reduce risks in\n            the ecosystem.\n          </BannerSubHeading>\n        </IntroWrapper>\n        <CardWrapper>\n          {lists.map((list) => (\n            <Card list={list} />\n          ))}\n        </CardWrapper>\n      </Banner>\n    </BannerWrapper>\n  </PageWrapper>\n);\n\nexport default LandingPage;\n","/* eslint-disable */\n\nimport namor from 'namor';\n\nconst range = (len) => {\n  const arr = [];\n  for (let i = 0; i < len; i++) {\n    arr.push(i);\n  }\n  return arr;\n};\n\nconst newNFT = () => {\n  const statusChance = Math.random();\n  return {\n    value: [\n      {\n        collection: 'https://storageapi2.fleek.co/fleek-team-bucket/logos/emWjzvJf_400x400.jpg',\n        type: 'image',\n        size: 'medium',\n      },\n      {\n        collection: namor.generate({ words: 2, saltLength: 10 }),\n        type: 'text',\n      }\n    ],\n    canisterId: namor.generate({ words: 1, saltLength: 5 }),\n    standard: 'EXT',\n    modifiedDate: Math.floor(100000 * 100),\n    verified: 'Verified',\n  };\n};\n\nexport default function makeData(...lens) {\n  const makeDataLevel = (depth = 0) => {\n    const len = lens[depth];\n    return range(len).map((d) => {\n      return {\n        ...newNFT(),\n        subRows: lens[depth + 1] ? makeDataLevel(depth + 1) : undefined,\n      };\n    });\n  };\n\n  return makeDataLevel();\n}\n","import styled, { keyframes } from 'styled-components';\n\nexport default {};\n\n// Keyframes to animate\nconst pulse = keyframes`\n  0% {\n    transform: scale(1);\n  }\n  60% {\n    transform: scale(1.1);\n  }\n  100% {\n    transform: scale(1);\n  }\n`;\n\nexport const Container = styled.div`\n  width: 100%;\n  height: 100%;\n  margin: 2vh 0vh;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: transparent;\n  img {\n    height: 100px;\n    animation: ${pulse} 800ms linear infinite;\n  }\n`;\n","/* eslint-disable react/prop-types */\n\nimport React from 'react';\nimport logo from '../../assets/logo.svg';\nimport { Container } from './styles';\n\nconst Loader = ({ alt }) => (\n  <Container>\n    <img src={logo} alt={alt || 'Loading table data'} />\n  </Container>\n);\n\nexport default Loader;\n","import styled from 'styled-components';\n\nexport default {};\n\nexport const TableWrapper = styled.div`\n  position: relative;\n  margin-top: 44px;\n  width: 100%;\n  height: 100%;\n  overflow-x: auto;\n\n  table {\n    border-spacing: 0;\n    border-width: 1px;\n    border-style: solid;\n    border-color: transparent;\n    border-image: initial;\n    width: inherit;\n\n    th {\n      text-align: left;\n      color: #858585;\n      font-size: 16px;\n      line-height: 22px;\n      border-bottom: 1px solid #292929;\n      white-space: nowrap;\n    }\n\n    thead {\n      tr {\n        th {\n          font-size: 16px;\n          font-weight: normal;\n          line-height: 22px;\n          color: #858585;\n          padding: 15px 70px 15px 0px;\n\n          &:last-child {\n            padding-right: 0;\n            text-align: right;\n          }\n        }\n      }\n    }\n\n    tbody {\n      tr {\n        opacity: ${(props) => (props.loading ? 0 : 1)};\n        td {\n          font-weight: 500;\n          padding: 15px 0px 15px 0px;\n          border-bottom: 1px solid #292929;\n          white-space: nowrap;\n\n          @media (max-width: 960px) {\n            padding: 15px 0px;\n          }\n\n          &:nth-child(5) {\n            padding-right: 0;\n          }\n        }\n      }\n    }\n  }\n`;\n","/* eslint-disable react/prop-types */\n\nimport React from 'react';\nimport { useTable } from 'react-table';\nimport Loader from '../../Loader';\nimport { TableWrapper } from './styles';\n\nconst TableLayout = ({\n  columns,\n  data,\n  loading,\n}) => {\n  const {\n    getTableProps,\n    getTableBodyProps,\n    headerGroups,\n    rows,\n    prepareRow,\n  } = useTable({ columns, data });\n\n  return (\n    <TableWrapper loading={loading ? 1 : 0}>\n      <table {...getTableProps()}>\n        <thead>\n          {headerGroups.map((headerGroup) => (\n            <tr {...headerGroup.getHeaderGroupProps()}>\n              {headerGroup.headers.map((column) => (\n                <th {...column.getHeaderProps()}>{column.render('Header')}</th>\n              ))}\n            </tr>\n          ))}\n        </thead>\n        <tbody {...getTableBodyProps()}>\n          {rows.map((row) => {\n            prepareRow(row);\n            return (\n              <tr {...row.getRowProps()}>\n                {row.cells.map((cell) => (\n                  <td {...cell.getCellProps()}>{cell.render('Cell')}</td>\n                ))}\n              </tr>\n            );\n          })}\n        </tbody>\n      </table>\n      {loading && <Loader />}\n    </TableWrapper>\n  );\n};\n\nexport default TableLayout;\n","import styled from 'styled-components';\n\nexport default {};\n\nexport const Container = styled.div`\n  width: ${(props) => (props.size && props.size === 'small' ? '20px' : '25px')};\n  height: ${(props) => (props.size && props.size === 'small' ? '20px' : '25px')};\n  background: #292929;\n  border-radius: 6px;\n  margin: 0px 10px 0px 0px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  img {\n    max-width: 25px;\n    background: #292929;\n    border-radius: 6px;\n  }\n`;\n","/* eslint-disable react/prop-types */\n\nimport React from 'react';\nimport { Container } from './styles';\n\nconst Image = ({ url, size }) => (\n  <Container size={size}>\n    <img src={url} alt=\"logo\" />\n  </Container>\n);\n\nexport default Image;\n","import styled from 'styled-components';\n\nexport default {};\n\nexport const Container = styled.div`\n  font-style: normal;\n  font-weight: normal;\n  font-size: 16px;\n  line-height: 22px;\n  color: #ffffff;\n  margin: 0px 10px 0px 0px;\n\n  a,\n  span {\n    font-style: normal;\n    font-weight: normal;\n    font-size: 16px;\n    line-height: 22px;\n    color: #ffffff;\n    &:hover {\n      cursor: ${(props) => (props.clickable ? 'pointer' : '')};\n      color: ${(props) => (props.clickable ? '#7F86FF' : '')};\n    }\n  }\n`;\n","/* eslint-disable react/prop-types */\n\nimport React from 'react';\nimport { Container } from './styles';\n\nconst Text = ({ value, clickable }) => (\n  <Container clickable={clickable}>\n    {clickable ? <a href={`https://ic.rocks/principal/${value}`} target=\"_blank\" rel=\"noreferrer\">{value}</a> : <span>{value}</span>}\n  </Container>\n);\n\nexport default Text;\n","import styled from 'styled-components';\n\nexport default {};\n\nexport const Container = styled.div`\n  width: 40px;\n  height: 40px;\n  img {\n    height: 100%;\n  }\n`;\n","import dayjs from 'dayjs';\n\nexport default {};\n\nconst formatTimestamp = (timestamp) => {\n  let formattedTimestamp = '-';\n  if (timestamp) {\n    // eslint-disable-next-line no-useless-escape\n    const timestampInMilliseconds = timestamp.toString().replace(/[\\[\\]&]+/g, '').substring(0, 10);\n    if (timestampInMilliseconds && typeof timestampInMilliseconds === 'string') {\n      formattedTimestamp = dayjs.unix(Number(timestampInMilliseconds)).format('DD/MM/YYYY');\n    }\n  }\n  return formattedTimestamp;\n};\n\nexport const constructNFTTableData = async (rawData) => {\n  const tableData = [];\n  // eslint-disable-next-line no-plusplus\n  for (let index = 0; index < rawData.length; index++) {\n    const rowData = {\n      value: [\n        {\n          collection: rawData[index]?.icon,\n          type: 'image',\n          size: 'medium',\n        },\n        {\n          collection: rawData[index]?.name,\n          type: 'text',\n        },\n      ],\n      canisterId: rawData[index]?.principal_id.toText(),\n      standard: rawData[index]?.standard,\n      modifiedDate: formatTimestamp(rawData[index]?.timestamp),\n    };\n    tableData.push(rowData);\n  }\n  return tableData;\n};\n","import styled from 'styled-components';\n\nexport default {};\n\nexport const CellContainer = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: ${(props) => (props.justify ? props.justify : '')};\n  max-width: ${(props) => (props.maxwidth ? '280px' : '')};\n`;\n","import styled from 'styled-components';\n\nexport default {};\n\nexport const Container = styled.div`\n  width: 16px;\n  height: 16px;\n  svg {\n    width: 16px;\n    height: 16px;\n    path {\n      fill: #ffffff;\n      &:hover {\n        fill: #7f86ff;\n      }\n    }\n  }\n  &:hover {\n    cursor: pointer;\n    path {\n      fill: #7f86ff;\n    }\n  }\n`;\n","/* eslint-disable react/prop-types */\n\nimport React, { useState } from 'react';\nimport copy from 'copy-to-clipboard';\nimport { Container } from './styles';\n\nconst Copy = ({ canisterId }) => {\n  const [checkmark, setCheckmark] = useState(false);\n\n  const handleCopy = () => {\n    copy(canisterId);\n    setCheckmark(true);\n    // reset icon state\n    setTimeout(() => {\n      setCheckmark(false);\n    }, 2000);\n  };\n\n  return (\n    <Container onClick={handleCopy}>\n      {checkmark ? (\n        <svg color=\"#000\" viewBox=\"0 0 1024 1024\">\n          <path d=\"M871.696 166.932l-526.088 526.088-193.304-193.304c-9.372-9.372-24.568-9.372-33.942 0l-56.568 56.568c-9.372 9.372-9.372 24.568 0 33.942l266.842 266.842c9.372 9.372 24.568 9.372 33.942 0l599.626-599.626c9.372-9.372 9.372-24.568 0-33.942l-56.568-56.568c-9.372-9.372-24.568-9.372-33.94 0z\" />\n        </svg>\n      ) : (\n        <svg\n          width=\"16\"\n          height=\"16\"\n          viewBox=\"0 0 16 16\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M14.5 0H4.5C3.65625 0 3 0.6875 3 1.5V3H1.5C0.65625 3 0 3.6875 0 4.5V14.5C0 15.3438 0.65625 16 1.5 16H11.5C12.3125 16 13 15.3438 13 14.5V13H14.5C15.3125 13 16 12.3438 16 11.5V1.5C16 0.6875 15.3125 0 14.5 0ZM11.3125 14.5H1.6875C1.5625 14.5 1.5 14.4375 1.5 14.3125V4.6875C1.5 4.59375 1.5625 4.5 1.6875 4.5H3V11.5C3 12.3438 3.65625 13 4.5 13H11.5V14.3125C11.5 14.4375 11.4062 14.5 11.3125 14.5ZM14.3125 11.5H4.6875C4.5625 11.5 4.5 11.4375 4.5 11.3125V1.6875C4.5 1.59375 4.5625 1.5 4.6875 1.5H14.3125C14.4062 1.5 14.5 1.59375 14.5 1.6875V11.3125C14.5 11.4375 14.4062 11.5 14.3125 11.5Z\"\n            fill=\"white\"\n          />\n        </svg>\n      )}\n    </Container>\n  );\n};\n\nexport default Copy;\n","/* eslint-disable react/prop-types */\n\nimport React, { useMemo, useEffect, useState } from 'react';\nimport { HttpAgent } from '@dfinity/agent';\nimport { getAllNFTS } from '@psychedelic/dab-js';\nimport makeData from './makeData';\nimport TableLayout from '../TableLayout';\nimport { Image, Text } from '../TableCellData';\nimport { SourceVerified } from '../../Popover';\nimport { constructNFTTableData } from '../../../utils/tables/nftTableData';\nimport { CellContainer } from './styles';\nimport { Copy } from '../../Icons';\n\nconst NFTListTable = () => {\n  const columns = useMemo(\n    () => [\n      {\n        Header: 'Collection',\n        accessor: (row) => (\n          <CellContainer>\n            <Image url={row.value[0].collection} size={row.value[0].size} />\n            <Text value={row.value[1].collection} />\n          </CellContainer>\n        ),\n      },\n      {\n        Header: 'Canister ID',\n        accessor: (row) => (\n          <CellContainer clickable={1} justify=\"space-between\" maxwidth={1}>\n            <Text value={row.canisterId} clickable={1} />\n            <Copy canisterId={row.canisterId} />\n          </CellContainer>\n        ),\n      },\n      {\n        Header: () => <SourceVerified />, // Custom header\n        accessor: () => <CellContainer justify=\"end\">-</CellContainer>,\n        id: 'sourceVerified',\n      },\n    ],\n    [],\n  );\n\n  const [loading, setLoading] = useState(false);\n  const [rowData, setRowData] = useState(makeData(1));\n\n  useEffect(() => {\n    const getNFTList = async () => {\n      setLoading(true);\n      try {\n        const agent = new HttpAgent({ host: 'https://ic0.app' });\n        const nfts = await getAllNFTS(agent);\n        const nftsTableData = await constructNFTTableData(nfts);\n        setRowData(nftsTableData);\n        setLoading(false);\n        // eslint-disable-next-line no-console\n        console.log(nftsTableData, 'nfts');\n      } catch (e) {\n        // eslint-disable-next-line no-console\n        console.warn(e);\n      }\n    };\n\n    getNFTList();\n  }, []);\n\n  return <TableLayout columns={columns} data={rowData} loading={loading} />;\n};\n\nexport default NFTListTable;\n","import styled from 'styled-components';\n\nexport const NFTListWrapper = styled.div`\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  color: #ffffff;\n\n  @media (max-width: 960px) {\n    padding: 20px;\n  }\n`;\n\nexport const PageBackground = styled.div`\n  position: absolute;\n  width: 100%;\n  height: 293px;\n  left: 0px;\n  top: 0px;\n  background: linear-gradient(180deg, #454886 0%, rgba(21, 21, 21, 0) 100%);\n`;\n\nexport const NFTDetailsWrapper = styled.div`\n  position: relative;\n  margin-top: 118px;\n  width: 100%;\n  max-width: 957px;\n`;\n\nexport const NFTTableWrapper = styled.div`\n  position: relative;\n`;\n","import React from 'react';\nimport ListDetails from '../../components/ListDetails';\nimport SEO from '../../components/SEO';\nimport NFTListTable from '../../components/Tables/NFTListTable';\nimport {\n  NFTListWrapper,\n  PageBackground,\n  NFTDetailsWrapper,\n  NFTTableWrapper,\n} from './styles';\n\nconst metaData = {\n  title: 'NFT List',\n  ctaOne: 'Integrate List',\n  ctaTwo: 'Submit NFT',\n  ctaOneURL: 'https://docs.dab.ooo/nft-list/getting-started/',\n  ctaTwoURL: 'https://dab-ooo.typeform.com/nft-list',\n};\n\nconst NFTList = () => (\n  <NFTListWrapper>\n    <SEO metaTitle=\"NFT List - DAB\" />\n    <PageBackground />\n    <NFTDetailsWrapper>\n      <ListDetails metadata={metaData} />\n      <NFTTableWrapper>\n        <NFTListTable />\n      </NFTTableWrapper>\n    </NFTDetailsWrapper>\n  </NFTListWrapper>\n);\n\nexport default NFTList;\n","import styled from 'styled-components';\n\nexport const ListWrapper = styled.div`\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  background: linear-gradient(180deg, #4f55c7 0%, rgba(21, 21, 21, 0) 40%);\n  color: #ffffff;\n\n  @media (max-width: 960px) {\n    padding: 20px;\n  }\n`;\n\nexport const DetailsWrapper = styled.div`\n  position: relative;\n  top: 10rem;\n  max-width: 1110px;\n  width: 100%;\n`;\n\nexport const TableWrapper = styled.div`\n  position: relative;\n`;\n","import React from 'react';\nimport ListDetails from '../../components/ListDetails';\nimport ComingSoon from '../../components/ComingSoon';\nimport SEO from '../../components/SEO';\nimport { ListWrapper, DetailsWrapper } from './styles';\n\nconst metaData = {\n  title: 'Token List',\n  description: 'Token list any app can use to auto-surface tokens.',\n  ctaOne: 'Integrate DAB',\n  ctaTwo: 'Submit a Token',\n  ctaOneURL: 'https://docs.dab.ooo/',\n  ctaTwoURL: 'https://dab-ooo.typeform.com/token-list',\n};\n\nconst TokenList = () => (\n  <ListWrapper>\n    <SEO />\n    <DetailsWrapper>\n      <ListDetails metadata={metaData} />\n      <ComingSoon />\n    </DetailsWrapper>\n  </ListWrapper>\n);\n\nexport default TokenList;\n","import styled from 'styled-components';\n\nexport const ListWrapper = styled.div`\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  background: linear-gradient(180deg, #4f55c7 0%, rgba(21, 21, 21, 0) 40%);\n  color: #ffffff;\n\n  @media (max-width: 960px) {\n    padding: 20px;\n  }\n`;\n\nexport const DetailsWrapper = styled.div`\n  position: relative;\n  top: 10rem;\n  max-width: 1110px;\n  width: 100%;\n`;\n\nexport const TableWrapper = styled.div`\n  position: relative;\n`;\n","import React from 'react';\nimport ListDetails from '../../components/ListDetails';\nimport SEO from '../../components/SEO';\nimport ComingSoon from '../../components/ComingSoon';\nimport { ListWrapper, DetailsWrapper } from './styles';\n\nconst metaData = {\n  title: 'Dapp List',\n  description: 'Dapp registry to verify and auto-surface Dapps in UIs.',\n  ctaOne: 'Integrate DAB',\n  ctaTwo: 'Submit a Dapp',\n  ctaOneURL: 'https://docs.dab.ooo/',\n  ctaTwoURL: 'https://dab-ooo.typeform.com/dapp-list',\n};\n\nconst DappList = () => (\n  <ListWrapper>\n    <SEO />\n    <DetailsWrapper>\n      <ListDetails metadata={metaData} />\n      <ComingSoon />\n    </DetailsWrapper>\n  </ListWrapper>\n);\n\nexport default DappList;\n","import React from 'react';\nimport { BrowserRouter as Router, Switch, Route } from 'react-router-dom';\nimport NavigationBar from './components/NavigationBar';\nimport CanisterList from './views/CanisterList';\nimport LandingPage from './views/LandingPage';\nimport NFTList from './views/NFTList';\nimport TokenList from './views/TokenList';\nimport DappList from './views/DappList';\n\nfunction App() {\n  return (\n    <>\n      <Router>\n        <NavigationBar />\n        <Switch>\n          <Route path=\"/\" exact>\n            <LandingPage />\n          </Route>\n          <Route path=\"/nfts/\" exact>\n            <NFTList />\n          </Route>\n          <Route path=\"/canisters/\" exact>\n            <CanisterList />\n          </Route>\n          <Route path=\"/tokens/\" exact>\n            <TokenList />\n          </Route>\n          <Route path=\"/dapps/\" exact>\n            <DappList />\n          </Route>\n        </Switch>\n      </Router>\n    </>\n  );\n}\n\nexport default App;\n","const reportWebVitals = (onPerfEntry) => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({\n      getCLS, getFID, getFCP, getLCP, getTTFB,\n    }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root'),\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}