{"version":3,"file":"TemplatePage-DtjxxYhg.js","sources":["../../src/components/Studio/Templates/TemplatePage.tsx"],"sourcesContent":["import { List, Stack, Text, Title, useMantineTheme } from '@mantine/core'\nimport React, { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useNavigate, useParams } from 'react-router-dom'\n\nimport UserDetails from '@/components/Details/UserDetails/UserDetails'\nimport OptionsMenu from '@/components/OptionsMenu'\nimport useLoginOnAction from '@/hooks/useLoginOnAction'\nimport useSpaceRegistry from '@/hooks/useSpaceRegistry'\n\nimport DetailsPage from '../../Details/DetailsPage'\nimport { Template } from './utils'\n\ninterface TemplateDetailsProps {\n  publicPage?: boolean\n}\n\nconst Component: React.FC<TemplateDetailsProps> = () => {\n  const theme = useMantineTheme()\n  const { id } = useParams()\n  const { t } = useTranslation()\n  const navigate = useNavigate()\n  const { spacesMetadata } = useSpaceRegistry()\n  const [spacesId, templateId] = id?.split('-') || []\n  window.scrollTo(0, 0)\n\n  const template = useMemo<Template | undefined>(() => {\n    if (\n      !spacesId ||\n      !templateId ||\n      !spacesMetadata ||\n      !spacesMetadata[spacesId] ||\n      !spacesMetadata[spacesId].metadataInfo?.templates[templateId]\n    ) {\n      return undefined\n    }\n    return spacesMetadata[spacesId].metadataInfo?.templates[templateId]\n  }, [spacesId, spacesMetadata, templateId])\n  const { name, description, image, creator, techSpec, tags } = useMemo(\n    () =>\n      template || {\n        name: undefined,\n        description: undefined,\n        image: undefined,\n        creator: undefined,\n        techSpec: undefined,\n        tags: undefined,\n      },\n    [template]\n  )\n\n  const templateState = useMemo(() => {\n    if (tags) {\n      return {\n        id,\n        tags,\n      }\n    }\n    return {\n      id,\n    }\n  }, [tags, id])\n\n  // handle the navigation when user comes from sign out status\n  const { handleNavigation } = useLoginOnAction('createItem', () =>\n    navigate('/studio/createitem', {\n      state: templateState,\n    })\n  )\n\n  const actionButton = useMemo(\n    () => ({\n      text: 'Create Item',\n      onClick: handleNavigation,\n    }),\n    [handleNavigation]\n  )\n\n  const optionsMenu = useMemo(() => <OptionsMenu copyLink={`${window.location}`} />, [])\n\n  const descriptionProps = useMemo(() => ({ text: description }), [description])\n  const techSpecParsed = useMemo<JSX.Element>(() => {\n    if (!techSpec) return <></>\n    return (\n      <Stack gap=\"20px\">\n        <Title order={4}>{t('components.template.spec', 'Technical Specifications')}</Title>\n        <List style={{ color: theme.colors.paragraph[0], fontSize: '16px' }}>\n          {Object.entries(techSpec).map(([key, value]) => (\n            <List.Item key={key}>\n              <Stack style={{ flexDirection: 'row', gap: '5px' }}>\n                <Text style={{ fontFamily: 'monument-grotesk-bold', paddingLeft: '0' }}>\n                  {key.charAt(0).toUpperCase() + key.slice(1)}:\n                </Text>\n                <Text>{value}</Text>\n              </Stack>\n            </List.Item>\n          ))}\n          <List.Item key=\"audit\">\n            <Stack style={{ flexDirection: 'row', gap: '5px' }}>\n              <Text style={{ fontFamily: 'monument-grotesk-bold', paddingLeft: '0' }}>\n                Security Audit:\n              </Text>\n              <Text>Level 1 (Unaudited)</Text>\n            </Stack>\n          </List.Item>\n        </List>\n      </Stack>\n    )\n  }, [techSpec, theme.colors.paragraph])\n\n  const creatorDetails = useMemo(\n    () =>\n      creator &&\n      creator.name && (\n        <Stack gap=\"20px\">\n          <Title order={4}>{t('components.items.itemcreator', 'Creator')}</Title>\n          <UserDetails userId={creator.name} />\n        </Stack>\n      ),\n    [creator]\n  )\n\n  return (\n    <DetailsPage\n      image={image || undefined}\n      title={name || undefined}\n      description={descriptionProps}\n      optionsMenu={optionsMenu}\n      tags={tags}\n      actionButton={actionButton}\n    >\n      {techSpecParsed}\n      {creatorDetails}\n      {/* <Title>{spacesMetadata?.[spacesId]?.metadataInfo?.name}</Title> */}\n    </DetailsPage>\n  )\n}\nComponent.displayName = 'TemplatePage'\n\n// eslint-disable-next-line import/prefer-default-export\nexport { Component }\n"],"names":["Component","theme","useMantineTheme","id","useParams","t","useTranslation","navigate","useNavigate","spacesMetadata","useSpaceRegistry","spacesId","templateId","template","useMemo","_a","_b","name","description","image","creator","techSpec","tags","templateState","handleNavigation","useLoginOnAction","actionButton","optionsMenu","jsx","OptionsMenu","descriptionProps","techSpecParsed","jsxs","Stack","Title","List","key","value","Text","Fragment","creatorDetails","UserDetails","DetailsPage"],"mappings":"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"}