{"version":3,"file":"CollectionPage-DYMzZxCC.js","sources":["../../src/components/Items/CollectionPage.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client'\nimport { Stack, Title, useMantineTheme } from '@mantine/core'\nimport { useMediaQuery } from '@mantine/hooks'\nimport React, { useEffect, useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useNavigate, useParams } from 'react-router'\nimport { isAddress } from 'viem'\n\nimport { CONTRACT_STUDIO_TEMPLATE_ADDRESS } from '@/constants/blockchain'\nimport {\n  GetCollectionById,\n  QUERY_GET_COLLECTION_BY_ID,\n  QUERY_GET_COLLECTION_ITEMS,\n  QUERY_GET_SUGGESTED_COLLECTION_ITEMS,\n} from '@/schemas/collections.schema'\nimport { BodyStack } from '@/styled/components'\nimport { shortenHash } from '@/utils/utils'\n\nimport RootButton from '../Buttons/RootButton'\nimport ContentFlagged from '../ContentFlagged'\nimport ExploreTab from '../Explore/ExploreTab'\nimport Loading from '../Loading'\nimport NotFound from '../NotFound'\n\nconst Component: React.FC = () => {\n  const { id: idParams } = useParams()\n  const { t } = useTranslation()\n  const navigate = useNavigate()\n  const theme = useMantineTheme()\n  const isMobile = useMediaQuery(`(max-width: ${theme.breakpoints.sm})`)\n\n  // Get collection by id\n  const { loading, data } = useQuery<GetCollectionById>(QUERY_GET_COLLECTION_BY_ID, {\n    variables: { id: idParams?.toLowerCase() },\n  })\n\n  // Is Collection flagged?\n  const flagged = useMemo(() => data?.collection?.flagged || false, [data])\n\n  // Collection name from indexer\n  const collectionNameFetched = useMemo(() => data?.collection?.name || '', [data])\n\n  // Total of items\n  const totalOfItems = useMemo(() => data?.collection?.total.agg.count || 0, [data])\n\n  // Collection name\n  const collectionName = useMemo(() => {\n    // Studio artwork hardcoded\n    if (idParams?.toLowerCase() === CONTRACT_STUDIO_TEMPLATE_ADDRESS.toLowerCase()) {\n      return 'Artwork Template'\n    }\n    // Return fetched collection name if available\n    if (collectionNameFetched !== '') {\n      return collectionNameFetched\n    }\n    // Fallback to collectionId (address)\n    if (isAddress(idParams || '')) {\n      return isMobile ? shortenHash(idParams || '') : idParams || ''\n    }\n    return ''\n  }, [idParams, collectionNameFetched])\n\n  const isArtwork = useMemo(() => {\n    // Studio artwork hardcoded\n    if (idParams?.toLowerCase() === CONTRACT_STUDIO_TEMPLATE_ADDRESS.toLowerCase()) {\n      return true\n    }\n    return false\n  }, [idParams])\n\n  useEffect(() => {\n    window.scrollTo(0, 0)\n  }, [])\n\n  return (\n    <>\n      {loading && <Loading />}\n      {!loading && !data?.collection && <NotFound />}\n      {!loading && flagged && <ContentFlagged contentType=\"Collection\" />}\n      {!loading && !flagged && data?.collection && (\n        <BodyStack style={{ gap: '30px', minHeight: '100vh' }}>\n          <Stack\n            style={{\n              flexDirection: 'row',\n              justifyContent: 'space-between',\n              alignItems: 'flex-end',\n            }}\n          >\n            <Title order={isMobile ? 3 : 2}>\n              {t('components.items.collectionTitle', 'Collection')}\n            </Title>\n            {isArtwork && (\n              <RootButton secondary onClick={() => navigate('/studio/templates/1-1')}>\n                {t('components.profile.createItem', 'Create Item')}\n              </RootButton>\n            )}\n          </Stack>\n          <ExploreTab\n            id=\"collections\"\n            title={collectionName}\n            // Specific\n            total={totalOfItems}\n            contentType=\"collection_items\"\n            filterOptions={[]}\n            sortOptions={['# transfers', 'publish date']}\n            query={QUERY_GET_COLLECTION_ITEMS}\n            queryId={idParams?.toLowerCase()}\n            suggestionQuery={QUERY_GET_SUGGESTED_COLLECTION_ITEMS}\n            searchEnabled={false}\n          />\n        </BodyStack>\n      )}\n    </>\n  )\n}\n\nComponent.displayName = 'CollectionPage'\n\n// eslint-disable-next-line import/prefer-default-export\nexport { Component }\n"],"names":["Component","idParams","useParams","t","useTranslation","navigate","useNavigate","theme","useMantineTheme","isMobile","useMediaQuery","loading","data","useQuery","QUERY_GET_COLLECTION_BY_ID","flagged","useMemo","_a","collectionNameFetched","totalOfItems","collectionName","CONTRACT_STUDIO_TEMPLATE_ADDRESS","isAddress","shortenHash","isArtwork","useEffect","jsxs","Fragment","Loading","NotFound","jsx","ContentFlagged","BodyStack","Stack","Title","RootButton","ExploreTab","QUERY_GET_COLLECTION_ITEMS","QUERY_GET_SUGGESTED_COLLECTION_ITEMS"],"mappings":"0kCAwBA,MAAMA,EAAsB,IAAM,CAChC,KAAM,CAAE,GAAIC,CAAS,EAAIC,EAAU,EAC7B,CAAE,EAAAC,GAAMC,IACRC,EAAWC,IACXC,EAAQC,IACRC,EAAWC,EAAc,eAAeH,EAAM,YAAY,EAAE,GAAG,EAG/D,CAAE,QAAAI,EAAS,KAAAC,GAASC,EAA4BC,EAA4B,CAChF,UAAW,CAAE,GAAIb,GAAA,YAAAA,EAAU,aAAc,CAAA,CAC1C,EAGKc,EAAUC,UAAQ,IAAA,OAAM,QAAAC,EAAAL,GAAA,YAAAA,EAAM,aAAN,YAAAK,EAAkB,UAAW,IAAO,CAACL,CAAI,CAAC,EAGlEM,EAAwBF,UAAQ,IAAA,OAAM,QAAAC,EAAAL,GAAA,YAAAA,EAAM,aAAN,YAAAK,EAAkB,OAAQ,IAAI,CAACL,CAAI,CAAC,EAG1EO,EAAeH,EAAAA,QAAQ,IAAM,OAAA,QAAAC,EAAAL,GAAA,YAAAA,EAAM,aAAN,YAAAK,EAAkB,MAAM,IAAI,QAAS,GAAG,CAACL,CAAI,CAAC,EAG3EQ,EAAiBJ,EAAAA,QAAQ,KAEzBf,GAAA,YAAAA,EAAU,iBAAkBoB,EAAiC,cACxD,mBAGLH,IAA0B,GACrBA,EAGLI,EAAUrB,GAAY,EAAE,EACnBQ,EAAWc,EAAYtB,GAAY,EAAE,EAAIA,GAAY,GAEvD,GACN,CAACA,EAAUiB,CAAqB,CAAC,EAE9BM,EAAYR,EAAAA,QAAQ,KAEpBf,GAAA,YAAAA,EAAU,iBAAkBoB,EAAiC,cAIhE,CAACpB,CAAQ,CAAC,EAEbwB,OAAAA,EAAAA,UAAU,IAAM,CACP,OAAA,SAAS,EAAG,CAAC,CACtB,EAAG,CAAE,CAAA,EAIAC,EAAA,KAAAC,WAAA,CAAA,SAAA,CAAAhB,SAAYiB,EAAQ,EAAA,EACpB,CAACjB,GAAW,EAACC,GAAA,MAAAA,EAAM,mBAAeiB,EAAS,EAAA,EAC3C,CAAClB,GAAWI,GAAYe,EAAA,IAAAC,EAAA,CAAe,YAAY,aAAa,EAChE,CAACpB,GAAW,CAACI,IAAWH,GAAA,YAAAA,EAAM,aAC7Bc,EAAA,KAACM,EAAU,CAAA,MAAO,CAAE,IAAK,OAAQ,UAAW,SAC1C,SAAA,CAAAN,EAAA,KAACO,EAAA,CACC,MAAO,CACL,cAAe,MACf,eAAgB,gBAChB,WAAY,UACd,EAEA,SAAA,CAACH,EAAAA,IAAAI,EAAA,CAAM,MAAOzB,EAAW,EAAI,EAC1B,SAAEN,EAAA,mCAAoC,YAAY,CACrD,CAAA,EACCqB,GACCM,EAAA,IAACK,EAAW,CAAA,UAAS,GAAC,QAAS,IAAM9B,EAAS,uBAAuB,EAClE,SAAEF,EAAA,gCAAiC,aAAa,CACnD,CAAA,CAAA,CAAA,CAEJ,EACA2B,EAAA,IAACM,EAAA,CACC,GAAG,cACH,MAAOhB,EAEP,MAAOD,EACP,YAAY,mBACZ,cAAe,CAAC,EAChB,YAAa,CAAC,cAAe,cAAc,EAC3C,MAAOkB,EACP,QAASpC,GAAA,YAAAA,EAAU,cACnB,gBAAiBqC,EACjB,cAAe,EAAA,CACjB,CAAA,EACF,CAEJ,CAAA,CAAA,CAEJ,EAEAtC,EAAU,YAAc"}