@dcl/landing-site 0.5.1-24671743849.commit-e464803 → 0.5.1-24685869120.commit-1de5712

package/assets/{index-DqPgEQko.js.map → index-BY3JByxP.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-DqPgEQko.js","sources":["../../src/images/download/macos_launcher.webp","../../src/images/download/macos_launching_decentraland.webp","../../src/images/download/macos_recent_download.webp","../../src/images/download/windows_downloads_folder.webp","../../src/images/download/windows_launching_decentraland.webp","../../src/images/download/windows_setup.webp","../../src/pages/DownloadSuccess/DownloadSuccess.tsx"],"sourcesContent":["export default \"__VITE_ASSET__DStHG5Mc__\"","export default \"__VITE_ASSET__DWimWUWi__\"","export default \"__VITE_ASSET__vWVoSUUz__\"","export default \"__VITE_ASSET__DhYSbSkN__\"","export default \"__VITE_ASSET__BgHKSzHv__\"","export default \"__VITE_ASSET__BQKnEWYh__\"","import { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { useSearchParams } from 'react-router-dom'\nimport { useAnalytics, useTranslation } from '@dcl/hooks'\nimport { Logo, Typography } from 'decentraland-ui2'\nimport { LandingFooter } from '../../components/LandingFooter'\nimport { ANON_USER_ID_PARAM, useAnonUserId } from '../../hooks/useAnonUserId'\nimport { useGetIdentityId } from '../../hooks/useGetIdentityId'\nimport appleLogo from '../../images/apple-logo.svg'\nimport macOsLauncher from '../../images/download/macos_launcher.webp'\nimport macOsLaunchingDecentraland from '../../images/download/macos_launching_decentraland.webp'\nimport macOsRecentDownload from '../../images/download/macos_recent_download.webp'\nimport windowsDownloadsFolder from '../../images/download/windows_downloads_folder.webp'\nimport windowsLaunchingDecentraland from '../../images/download/windows_launching_decentraland.webp'\nimport windowsSetup from '../../images/download/windows_setup.webp'\nimport microsoftLogo from '../../images/microsoft-logo.svg'\nimport { calculateDownloadUrl, getDownloadLinkWithIdentity } from '../../modules/downloadWithIdentity'\nimport { triggerFileDownload } from '../../modules/file'\nimport { SectionViewedTrack, SegmentEvent } from '../../modules/segment'\nimport { FALLBACK_CDN_RELEASE_LINKS, addQueryParamsToUrlString } from '../../modules/url'\nimport { Architecture, OperativeSystem } from '../../types/download.types'\nimport { DownloadSuccessLayout } from './DownloadSuccessLayout'\nimport type { DownloadSuccessStep, DownloadSuccessStepsWithOs } from './DownloadSuccess.types'\nimport {\n  DownloadBackdropContent,\n  DownloadBackdropText,\n  DownloadDetailContainer,\n  DownloadProgressBar,\n  DownloadProgressContainer,\n  HighlightAnimation\n} from './DownloadSuccess.styled'\n\nconst VALID_ARCHS = new Set<string>(['amd64', 'arm64'])\nconst AUTO_DOWNLOAD_HISTORY_STATE_KEY = 'downloadSuccess:autoDownloadKey'\nconst AUTO_DOWNLOAD_SESSION_KEY = 'downloadSuccess:triggered'\n\nconst DownloadSuccess = memo(() => {\n  const [searchParams] = useSearchParams()\n  const { intl } = useTranslation()\n  const { isInitialized, track } = useAnalytics()\n  const getIdentityId = useGetIdentityId()\n  const anonUserId = useAnonUserId()\n\n  const [isDownloading, setIsDownloading] = useState(false)\n  const [downloadError, setDownloadError] = useState<string | null>(null)\n  const [isFileSaved, setIsFileSaved] = useState(false)\n  const downloadingRef = useRef(false)\n  const getIdentityIdRef = useRef(getIdentityId)\n  const anonUserIdRef = useRef(anonUserId)\n  const isInitializedRef = useRef(isInitialized)\n  const trackRef = useRef(track)\n  getIdentityIdRef.current = getIdentityId\n  anonUserIdRef.current = anonUserId\n  isInitializedRef.current = isInitialized\n  trackRef.current = track\n\n  const rawOs = searchParams.get('os') || ''\n  const osMap: Record<string, OperativeSystem> = {\n    windows: OperativeSystem.WINDOWS,\n    macos: OperativeSystem.MACOS\n  }\n  const clientOS = osMap[rawOs.toLowerCase()] ?? OperativeSystem.MACOS\n  const defaultArch = clientOS === OperativeSystem.WINDOWS ? 'amd64' : 'arm64'\n  const rawArch = searchParams.get('arch') || defaultArch\n  const clientArch = (VALID_ARCHS.has(rawArch) ? rawArch : defaultArch) as Architecture\n\n  const osIcon = clientOS === OperativeSystem.WINDOWS ? microsoftLogo : appleLogo\n  const osLink =\n    clientOS === OperativeSystem.WINDOWS ? FALLBACK_CDN_RELEASE_LINKS[clientOS]?.amd64 : FALLBACK_CDN_RELEASE_LINKS[clientOS]?.[clientArch]\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const l = useCallback((id: string, values?: Record<string, any>) => intl.formatMessage({ id }, values), [intl])\n\n  const productAction = l('page.download.success.subtitle_action_exploring') as string\n\n  const steps: DownloadSuccessStepsWithOs = useMemo(() => {\n    const spanTag = (chunks: React.ReactNode) => <span>{chunks}</span>\n\n    return {\n      [OperativeSystem.WINDOWS]: [\n        {\n          title: l('page.download.success.steps.windows.step1.title'),\n          text: l('page.download.success.steps.windows.step1.text', { span: spanTag }),\n          image: windowsDownloadsFolder\n        },\n        {\n          title: l('page.download.success.steps.windows.step2.title'),\n          text: l('page.download.success.steps.windows.step2.text', { span: spanTag }),\n          image: windowsSetup\n        },\n        {\n          title: l('page.download.success.steps.windows.step3.title'),\n          text: l('page.download.success.steps.windows.step3.text', { span: spanTag }),\n          image: windowsLaunchingDecentraland\n        }\n      ],\n      [OperativeSystem.MACOS]: [\n        {\n          title: l('page.download.success.steps.macOS.step1.title'),\n          text: l('page.download.success.steps.macOS.step1.text', { span: spanTag }),\n          image: macOsRecentDownload\n        },\n        {\n          title: l('page.download.success.steps.macOS.step2.title'),\n          text: l('page.download.success.steps.macOS.step2.text', { span: spanTag }),\n          image: macOsLauncher\n        },\n        {\n          title: l('page.download.success.steps.macOS.step3.title'),\n          text: l('page.download.success.steps.macOS.step3.text', { span: spanTag }),\n          image: macOsLaunchingDecentraland\n        }\n      ]\n    }\n  }, [l])\n\n  const currentSteps: DownloadSuccessStep[] = steps[clientOS] || steps[OperativeSystem.MACOS]\n\n  useEffect(() => {\n    let cancelled = false\n    const autoDownloadKey = `${clientOS}:${clientArch}`\n\n    const getHistoryState = (): Record<string, unknown> =>\n      window.history.state && typeof window.history.state === 'object' ? (window.history.state as Record<string, unknown>) : {}\n\n    const startDownload = async () => {\n      const sessionKey = `${AUTO_DOWNLOAD_SESSION_KEY}:${autoDownloadKey}`\n      if (sessionStorage.getItem(sessionKey)) {\n        setIsFileSaved(true)\n        return\n      }\n\n      const historyState = getHistoryState()\n\n      if (historyState[AUTO_DOWNLOAD_HISTORY_STATE_KEY] === autoDownloadKey) {\n        setIsFileSaved(true)\n        return\n      }\n\n      setIsDownloading(true)\n      setDownloadError(null)\n      setIsFileSaved(false)\n\n      if (isInitializedRef.current) {\n        trackRef.current(SegmentEvent.DOWNLOAD_STARTED)\n      }\n\n      const { url, filename } = await calculateDownloadUrl({\n        os: clientOS,\n        arch: clientArch,\n        fallbackLinks: FALLBACK_CDN_RELEASE_LINKS,\n        getIdentityId: getIdentityIdRef.current\n      })\n\n      if (cancelled) return\n\n      const latestHistoryState = getHistoryState()\n      if (latestHistoryState[AUTO_DOWNLOAD_HISTORY_STATE_KEY] !== autoDownloadKey) {\n        window.history.replaceState(\n          {\n            ...latestHistoryState,\n            [AUTO_DOWNLOAD_HISTORY_STATE_KEY]: autoDownloadKey\n          },\n          '',\n          window.location.href\n        )\n      }\n\n      if (cancelled) return\n\n      sessionStorage.setItem(sessionKey, '1')\n      const downloadUrl = addQueryParamsToUrlString(url, { [ANON_USER_ID_PARAM]: anonUserIdRef.current })\n      triggerFileDownload(downloadUrl)\n      setIsFileSaved(true)\n\n      if (isInitializedRef.current) {\n        trackRef.current(SegmentEvent.DOWNLOAD_SUCCESS, { filename })\n      }\n    }\n\n    startDownload()\n      .catch(error => {\n        if (cancelled) return\n        console.error('Download error:', error)\n        setDownloadError(error instanceof Error ? error.message : 'Download failed')\n        if (isInitializedRef.current) {\n          trackRef.current(SegmentEvent.DOWNLOAD_FAILED)\n        }\n      })\n      .finally(() => {\n        if (!cancelled) {\n          setIsDownloading(false)\n        }\n      })\n\n    return () => {\n      cancelled = true\n    }\n  }, [clientOS, clientArch])\n\n  const handleDownloadClick = useCallback(\n    async (event: React.MouseEvent<HTMLAnchorElement>) => {\n      event.preventDefault()\n      if (downloadingRef.current) return\n      downloadingRef.current = true\n      setIsDownloading(true)\n\n      try {\n        await getDownloadLinkWithIdentity({\n          os: clientOS,\n          arch: clientArch,\n          fallbackLinks: FALLBACK_CDN_RELEASE_LINKS,\n          queryParams: { [ANON_USER_ID_PARAM]: anonUserId },\n          getIdentityId\n        })\n      } catch (error) {\n        console.error('Download error:', error)\n        setDownloadError(error instanceof Error ? error.message : 'Download failed')\n      } finally {\n        downloadingRef.current = false\n        setIsDownloading(false)\n      }\n    },\n    [clientOS, clientArch, anonUserId, getIdentityId]\n  )\n\n  const showBackdrop = isDownloading || (!downloadError && !isFileSaved)\n\n  const backdropContent = isDownloading ? (\n    <DownloadBackdropContent>\n      <Logo size=\"huge\" />\n      <DownloadDetailContainer>\n        <DownloadBackdropText variant=\"h6\">{l('page.download.downloading')}</DownloadBackdropText>\n        <DownloadProgressContainer>\n          <DownloadProgressBar />\n        </DownloadProgressContainer>\n      </DownloadDetailContainer>\n    </DownloadBackdropContent>\n  ) : undefined\n\n  return (\n    <DownloadSuccessLayout\n      loading={showBackdrop}\n      backdropContent={backdropContent}\n      osIcon={osIcon}\n      title={l('page.download.success.title')}\n      subtitle={l('page.download.success.subtitle', { action: productAction })}\n      steps={currentSteps}\n      renderCardOverlay={(_step, index) => (index === 0 && productAction === 'exploring' ? <HighlightAnimation /> : null)}\n      footer={\n        <Typography variant=\"body1\">\n          {l('page.download.success.footer', {\n            link: (\n              <a href={osLink} onClick={handleDownloadClick} data-event={SectionViewedTrack.DOWNLOAD}>\n                {l('page.download.success.footer_link_label')}\n              </a>\n            )\n          })}\n        </Typography>\n      }\n      afterContent={<LandingFooter />}\n    />\n  )\n})\n\nDownloadSuccess.displayName = 'DownloadSuccess'\n\nexport { DownloadSuccess }\n"],"names":["macOsLauncher","macOsLaunchingDecentraland","macOsRecentDownload","windowsDownloadsFolder","windowsLaunchingDecentraland","windowsSetup","VALID_ARCHS","AUTO_DOWNLOAD_HISTORY_STATE_KEY","AUTO_DOWNLOAD_SESSION_KEY","DownloadSuccess","memo","searchParams","useSearchParams","intl","useTranslation","isInitialized","track","useAnalytics","getIdentityId","useGetIdentityId","anonUserId","useAnonUserId","isDownloading","setIsDownloading","useState","downloadError","setDownloadError","isFileSaved","setIsFileSaved","downloadingRef","useRef","getIdentityIdRef","anonUserIdRef","isInitializedRef","trackRef","rawOs","clientOS","OperativeSystem","defaultArch","rawArch","clientArch","osIcon","microsoftLogo","appleLogo","osLink","FALLBACK_CDN_RELEASE_LINKS","l","useCallback","id","values","productAction","steps","useMemo","spanTag","chunks","jsx","currentSteps","useEffect","cancelled","autoDownloadKey","getHistoryState","sessionKey","SegmentEvent","url","filename","calculateDownloadUrl","latestHistoryState","downloadUrl","addQueryParamsToUrlString","ANON_USER_ID_PARAM","triggerFileDownload","error","handleDownloadClick","event","getDownloadLinkWithIdentity","showBackdrop","backdropContent","jsxs","DownloadBackdropContent","Logo","DownloadDetailContainer","DownloadBackdropText","DownloadProgressContainer","DownloadProgressBar","DownloadSuccessLayout","_step","index","HighlightAnimation","Typography","SectionViewedTrack","LandingFooter"],"mappings":"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"}
+{"version":3,"file":"index-BY3JByxP.js","sources":["../../src/images/download/macos_launcher.webp","../../src/images/download/macos_launching_decentraland.webp","../../src/images/download/macos_recent_download.webp","../../src/images/download/windows_downloads_folder.webp","../../src/images/download/windows_launching_decentraland.webp","../../src/images/download/windows_setup.webp","../../src/pages/DownloadSuccess/DownloadSuccess.tsx"],"sourcesContent":["export default \"__VITE_ASSET__DStHG5Mc__\"","export default \"__VITE_ASSET__DWimWUWi__\"","export default \"__VITE_ASSET__vWVoSUUz__\"","export default \"__VITE_ASSET__DhYSbSkN__\"","export default \"__VITE_ASSET__BgHKSzHv__\"","export default \"__VITE_ASSET__BQKnEWYh__\"","import { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { useSearchParams } from 'react-router-dom'\nimport { useAnalytics, useTranslation } from '@dcl/hooks'\nimport { Logo, Typography } from 'decentraland-ui2'\nimport { LandingFooter } from '../../components/LandingFooter'\nimport { ANON_USER_ID_PARAM, useAnonUserId } from '../../hooks/useAnonUserId'\nimport { useGetIdentityId } from '../../hooks/useGetIdentityId'\nimport appleLogo from '../../images/apple-logo.svg'\nimport macOsLauncher from '../../images/download/macos_launcher.webp'\nimport macOsLaunchingDecentraland from '../../images/download/macos_launching_decentraland.webp'\nimport macOsRecentDownload from '../../images/download/macos_recent_download.webp'\nimport windowsDownloadsFolder from '../../images/download/windows_downloads_folder.webp'\nimport windowsLaunchingDecentraland from '../../images/download/windows_launching_decentraland.webp'\nimport windowsSetup from '../../images/download/windows_setup.webp'\nimport microsoftLogo from '../../images/microsoft-logo.svg'\nimport { calculateDownloadUrl, getDownloadLinkWithIdentity } from '../../modules/downloadWithIdentity'\nimport { triggerFileDownload } from '../../modules/file'\nimport { SectionViewedTrack, SegmentEvent } from '../../modules/segment'\nimport { FALLBACK_CDN_RELEASE_LINKS, addQueryParamsToUrlString } from '../../modules/url'\nimport { Architecture, OperativeSystem } from '../../types/download.types'\nimport { DownloadSuccessLayout } from './DownloadSuccessLayout'\nimport type { DownloadSuccessStep, DownloadSuccessStepsWithOs } from './DownloadSuccess.types'\nimport {\n  DownloadBackdropContent,\n  DownloadBackdropText,\n  DownloadDetailContainer,\n  DownloadProgressBar,\n  DownloadProgressContainer,\n  HighlightAnimation\n} from './DownloadSuccess.styled'\n\nconst VALID_ARCHS = new Set<string>(['amd64', 'arm64'])\nconst AUTO_DOWNLOAD_HISTORY_STATE_KEY = 'downloadSuccess:autoDownloadKey'\nconst AUTO_DOWNLOAD_SESSION_KEY = 'downloadSuccess:triggered'\n\nconst DownloadSuccess = memo(() => {\n  const [searchParams] = useSearchParams()\n  const { intl } = useTranslation()\n  const { isInitialized, track } = useAnalytics()\n  const getIdentityId = useGetIdentityId()\n  const anonUserId = useAnonUserId()\n\n  const [isDownloading, setIsDownloading] = useState(false)\n  const [downloadError, setDownloadError] = useState<string | null>(null)\n  const [isFileSaved, setIsFileSaved] = useState(false)\n  const downloadingRef = useRef(false)\n  const getIdentityIdRef = useRef(getIdentityId)\n  const anonUserIdRef = useRef(anonUserId)\n  const isInitializedRef = useRef(isInitialized)\n  const trackRef = useRef(track)\n  getIdentityIdRef.current = getIdentityId\n  anonUserIdRef.current = anonUserId\n  isInitializedRef.current = isInitialized\n  trackRef.current = track\n\n  const rawOs = searchParams.get('os') || ''\n  const osMap: Record<string, OperativeSystem> = {\n    windows: OperativeSystem.WINDOWS,\n    macos: OperativeSystem.MACOS\n  }\n  const clientOS = osMap[rawOs.toLowerCase()] ?? OperativeSystem.MACOS\n  const defaultArch = clientOS === OperativeSystem.WINDOWS ? 'amd64' : 'arm64'\n  const rawArch = searchParams.get('arch') || defaultArch\n  const clientArch = (VALID_ARCHS.has(rawArch) ? rawArch : defaultArch) as Architecture\n\n  const osIcon = clientOS === OperativeSystem.WINDOWS ? microsoftLogo : appleLogo\n  const osLink =\n    clientOS === OperativeSystem.WINDOWS ? FALLBACK_CDN_RELEASE_LINKS[clientOS]?.amd64 : FALLBACK_CDN_RELEASE_LINKS[clientOS]?.[clientArch]\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const l = useCallback((id: string, values?: Record<string, any>) => intl.formatMessage({ id }, values), [intl])\n\n  const productAction = l('page.download.success.subtitle_action_exploring') as string\n\n  const steps: DownloadSuccessStepsWithOs = useMemo(() => {\n    const spanTag = (chunks: React.ReactNode) => <span>{chunks}</span>\n\n    return {\n      [OperativeSystem.WINDOWS]: [\n        {\n          title: l('page.download.success.steps.windows.step1.title'),\n          text: l('page.download.success.steps.windows.step1.text', { span: spanTag }),\n          image: windowsDownloadsFolder\n        },\n        {\n          title: l('page.download.success.steps.windows.step2.title'),\n          text: l('page.download.success.steps.windows.step2.text', { span: spanTag }),\n          image: windowsSetup\n        },\n        {\n          title: l('page.download.success.steps.windows.step3.title'),\n          text: l('page.download.success.steps.windows.step3.text', { span: spanTag }),\n          image: windowsLaunchingDecentraland\n        }\n      ],\n      [OperativeSystem.MACOS]: [\n        {\n          title: l('page.download.success.steps.macOS.step1.title'),\n          text: l('page.download.success.steps.macOS.step1.text', { span: spanTag }),\n          image: macOsRecentDownload\n        },\n        {\n          title: l('page.download.success.steps.macOS.step2.title'),\n          text: l('page.download.success.steps.macOS.step2.text', { span: spanTag }),\n          image: macOsLauncher\n        },\n        {\n          title: l('page.download.success.steps.macOS.step3.title'),\n          text: l('page.download.success.steps.macOS.step3.text', { span: spanTag }),\n          image: macOsLaunchingDecentraland\n        }\n      ]\n    }\n  }, [l])\n\n  const currentSteps: DownloadSuccessStep[] = steps[clientOS] || steps[OperativeSystem.MACOS]\n\n  useEffect(() => {\n    let cancelled = false\n    const autoDownloadKey = `${clientOS}:${clientArch}`\n\n    const getHistoryState = (): Record<string, unknown> =>\n      window.history.state && typeof window.history.state === 'object' ? (window.history.state as Record<string, unknown>) : {}\n\n    const startDownload = async () => {\n      const sessionKey = `${AUTO_DOWNLOAD_SESSION_KEY}:${autoDownloadKey}`\n      if (sessionStorage.getItem(sessionKey)) {\n        setIsFileSaved(true)\n        return\n      }\n\n      const historyState = getHistoryState()\n\n      if (historyState[AUTO_DOWNLOAD_HISTORY_STATE_KEY] === autoDownloadKey) {\n        setIsFileSaved(true)\n        return\n      }\n\n      setIsDownloading(true)\n      setDownloadError(null)\n      setIsFileSaved(false)\n\n      if (isInitializedRef.current) {\n        trackRef.current(SegmentEvent.DOWNLOAD_STARTED)\n      }\n\n      const { url, filename } = await calculateDownloadUrl({\n        os: clientOS,\n        arch: clientArch,\n        fallbackLinks: FALLBACK_CDN_RELEASE_LINKS,\n        getIdentityId: getIdentityIdRef.current\n      })\n\n      if (cancelled) return\n\n      const latestHistoryState = getHistoryState()\n      if (latestHistoryState[AUTO_DOWNLOAD_HISTORY_STATE_KEY] !== autoDownloadKey) {\n        window.history.replaceState(\n          {\n            ...latestHistoryState,\n            [AUTO_DOWNLOAD_HISTORY_STATE_KEY]: autoDownloadKey\n          },\n          '',\n          window.location.href\n        )\n      }\n\n      if (cancelled) return\n\n      sessionStorage.setItem(sessionKey, '1')\n      const downloadUrl = addQueryParamsToUrlString(url, { [ANON_USER_ID_PARAM]: anonUserIdRef.current })\n      triggerFileDownload(downloadUrl)\n      setIsFileSaved(true)\n\n      if (isInitializedRef.current) {\n        trackRef.current(SegmentEvent.DOWNLOAD_SUCCESS, { filename })\n      }\n    }\n\n    startDownload()\n      .catch(error => {\n        if (cancelled) return\n        console.error('Download error:', error)\n        setDownloadError(error instanceof Error ? error.message : 'Download failed')\n        if (isInitializedRef.current) {\n          trackRef.current(SegmentEvent.DOWNLOAD_FAILED)\n        }\n      })\n      .finally(() => {\n        if (!cancelled) {\n          setIsDownloading(false)\n        }\n      })\n\n    return () => {\n      cancelled = true\n    }\n  }, [clientOS, clientArch])\n\n  const handleDownloadClick = useCallback(\n    async (event: React.MouseEvent<HTMLAnchorElement>) => {\n      event.preventDefault()\n      if (downloadingRef.current) return\n      downloadingRef.current = true\n      setIsDownloading(true)\n\n      try {\n        await getDownloadLinkWithIdentity({\n          os: clientOS,\n          arch: clientArch,\n          fallbackLinks: FALLBACK_CDN_RELEASE_LINKS,\n          queryParams: { [ANON_USER_ID_PARAM]: anonUserId },\n          getIdentityId\n        })\n      } catch (error) {\n        console.error('Download error:', error)\n        setDownloadError(error instanceof Error ? error.message : 'Download failed')\n      } finally {\n        downloadingRef.current = false\n        setIsDownloading(false)\n      }\n    },\n    [clientOS, clientArch, anonUserId, getIdentityId]\n  )\n\n  const showBackdrop = isDownloading || (!downloadError && !isFileSaved)\n\n  const backdropContent = isDownloading ? (\n    <DownloadBackdropContent>\n      <Logo size=\"huge\" />\n      <DownloadDetailContainer>\n        <DownloadBackdropText variant=\"h6\">{l('page.download.downloading')}</DownloadBackdropText>\n        <DownloadProgressContainer>\n          <DownloadProgressBar />\n        </DownloadProgressContainer>\n      </DownloadDetailContainer>\n    </DownloadBackdropContent>\n  ) : undefined\n\n  return (\n    <DownloadSuccessLayout\n      loading={showBackdrop}\n      backdropContent={backdropContent}\n      osIcon={osIcon}\n      title={l('page.download.success.title')}\n      subtitle={l('page.download.success.subtitle', { action: productAction })}\n      steps={currentSteps}\n      renderCardOverlay={(_step, index) => (index === 0 && productAction === 'exploring' ? <HighlightAnimation /> : null)}\n      footer={\n        <Typography variant=\"body1\">\n          {l('page.download.success.footer', {\n            link: (\n              <a href={osLink} onClick={handleDownloadClick} data-event={SectionViewedTrack.DOWNLOAD}>\n                {l('page.download.success.footer_link_label')}\n              </a>\n            )\n          })}\n        </Typography>\n      }\n      afterContent={<LandingFooter />}\n    />\n  )\n})\n\nDownloadSuccess.displayName = 'DownloadSuccess'\n\nexport { DownloadSuccess }\n"],"names":["macOsLauncher","macOsLaunchingDecentraland","macOsRecentDownload","windowsDownloadsFolder","windowsLaunchingDecentraland","windowsSetup","VALID_ARCHS","AUTO_DOWNLOAD_HISTORY_STATE_KEY","AUTO_DOWNLOAD_SESSION_KEY","DownloadSuccess","memo","searchParams","useSearchParams","intl","useTranslation","isInitialized","track","useAnalytics","getIdentityId","useGetIdentityId","anonUserId","useAnonUserId","isDownloading","setIsDownloading","useState","downloadError","setDownloadError","isFileSaved","setIsFileSaved","downloadingRef","useRef","getIdentityIdRef","anonUserIdRef","isInitializedRef","trackRef","rawOs","clientOS","OperativeSystem","defaultArch","rawArch","clientArch","osIcon","microsoftLogo","appleLogo","osLink","FALLBACK_CDN_RELEASE_LINKS","l","useCallback","id","values","productAction","steps","useMemo","spanTag","chunks","jsx","currentSteps","useEffect","cancelled","autoDownloadKey","getHistoryState","sessionKey","SegmentEvent","url","filename","calculateDownloadUrl","latestHistoryState","downloadUrl","addQueryParamsToUrlString","ANON_USER_ID_PARAM","triggerFileDownload","error","handleDownloadClick","event","getDownloadLinkWithIdentity","showBackdrop","backdropContent","jsxs","DownloadBackdropContent","Logo","DownloadDetailContainer","DownloadBackdropText","DownloadProgressContainer","DownloadProgressBar","DownloadSuccessLayout","_step","index","HighlightAnimation","Typography","SectionViewedTrack","LandingFooter"],"mappings":"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"}

package/assets/{index-DNCSZ9Ly.js → index-BgUWva8u.js}

@@ -1 +1 @@
-import{s as i,v as a,a as r,w as g,j as e}from"./index-DaRevScO.js";import{r as s}from"./vendor-router-D_36sTKu.js";import{C as m}from"./Carousel-Bz36sWAV.js";import{A as h}from"./AnimatedSection-C7y4e9MO.js";import{c as x}from"./index-BqghIvCc.js";import"./vendor-crypto-uuuQA3i5.js";import"./vendor-schemas-DJzTSxpO.js";import"./vendor-sentry-BSvWNK4f.js";import"./vendor-ua-D7qqAxdq.js";import"./vendor-intl-D2lXWsDp.js";import"./useCreatorHubDownload-CQ5sircD.js";import"./file-Cr_gl9BS.js";import"./url-DMbF6Zco.js";import"./index-mXhpN3cS.js";import"./useLatestGithubRelease-lPlpQBOj.js";import"./CTAButton-DIvER7jP.js";import"./CircularProgress-DMJbftwB.js";import"./Video-DF4ljNzn.js";const f=i("section")(({theme:t})=>({display:"flex",flexDirection:"column",gap:"1em",width:"100%",marginTop:40,marginBottom:40,padding:0,position:"relative",[t.breakpoints.down("sm")]:{paddingLeft:t.spacing(4),paddingRight:t.spacing(4),overflow:"hidden"}})),b=i(a)(({theme:t})=>({textAlign:"center",fontSize:48,fontWeight:600,lineHeight:"77px",color:"#fcfcfc",marginTop:0,marginBottom:32,maxWidth:"80vw",marginLeft:"auto",marginRight:"auto","& span":{background:"linear-gradient(244deg, #ff2d55 -11.67%, #ffbc5b 88.23%)",backgroundClip:"text",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent"},[t.breakpoints.down("sm")]:{fontSize:32,lineHeight:"40px",letterSpacing:"-0.64px"}})),u=i(r)(({theme:t})=>({display:"flex",flexDirection:"row",background:"#242129",borderRadius:24,width:"100%",height:"100%",padding:32,alignItems:"center",[t.breakpoints.down("md")]:{flexDirection:"column",height:"auto",width:"100%",padding:0}})),k=i(r,{shouldForwardProp:t=>t!=="bgImage"})(({theme:t,bgImage:o})=>({height:"100%",flexShrink:0,backgroundImage:`url(${o})`,backgroundRepeat:"no-repeat",backgroundPosition:"center",backgroundSize:"cover",marginRight:24,width:"35%",minHeight:530,borderRadius:16,transition:"transform 0.3s ease-in-out","& img":{width:"100%",height:"100%",objectFit:"contain"},"@media (hover: hover)":{"&:hover":{transform:"scale(1.05)"}},[t.breakpoints.down("md")]:{height:223,minHeight:223,width:"100%",backgroundSize:"100%",borderRadius:"24px 24px 0 0",marginRight:0,position:"relative",overflow:"hidden","& img":{width:"auto",height:"100%",transform:"translate(-50%, -50%)",position:"absolute",left:"50%",top:"50%"}}})),j=i(r)(({theme:t})=>({display:"flex",flexDirection:"column",justifyContent:"flex-start",width:"calc(65% - 24px)",[t.breakpoints.down("md")]:{padding:"32px 0",margin:"0 8px 8px",width:"calc(100% - 16px)"}})),C=i(a)(({theme:t})=>({fontSize:24,fontWeight:600,lineHeight:"30px",marginBottom:8,[t.breakpoints.down("lg")]:{fontSize:20,lineHeight:"16px"}})),w=i(a)(({theme:t})=>({color:"#a09ba8",fontSize:18,fontWeight:400,lineHeight:"24px",marginBottom:16,marginTop:0,[t.breakpoints.down("lg")]:{fontSize:16}})),S=i(r)({display:"flex",flexDirection:"column"}),B=i(r)(({theme:t})=>({display:"flex",borderBottom:"none",height:24,marginBottom:24,[t.breakpoints.down("sm")]:{justifyContent:"center",marginBottom:24}})),c=i("button",{shouldForwardProp:t=>t!=="isActive"})(({theme:t,isActive:o})=>({background:"none",border:"none",borderBottom:o?"2px solid #fff":"2px solid transparent",color:o?"#fff":"#716b7c",textTransform:"uppercase",fontSize:14,lineHeight:"16px",padding:"0 0 8px",marginRight:24,fontWeight:o?600:500,cursor:"pointer",outline:"none","&:focus-visible":{outline:`2px solid ${t.palette.primary.main}`,outlineOffset:2},[t.breakpoints.down("sm")]:{padding:"8px 0 0",fontSize:16,marginRight:16}})),l=i(r)({borderRadius:16,background:"#43404a80",padding:"16px 24px",marginBottom:8,"&:last-child":{marginBottom:0}}),d=i(a)({fontSize:18,lineHeight:"20px",fontWeight:500,marginBottom:12}),T=i(a)({color:"#cfcdd4",fontSize:18,fontWeight:400,lineHeight:"24px",marginBottom:0}),v=i(r)({display:"flex",flexWrap:"wrap"}),y=i(r)({padding:"8px 16px",borderRadius:16,marginRight:8,marginBottom:8,background:"#43404a",fontSize:13,fontWeight:600,lineHeight:"normal",textTransform:"uppercase"}),z=i(r)(({theme:t})=>({display:"flex",flexWrap:"wrap",flexDirection:"row",[t.breakpoints.down("md")]:{flexDirection:"column"}})),R=i("a")({fontSize:16,lineHeight:"24px",fontWeight:500,textDecorationLine:"underline",color:"#ffa25a",width:"50%",marginBottom:8,display:"block","&:hover, &:active, &:visited, &:focus":{color:"#ffa25a"}}),p=s.memo(({tab:t})=>{const o=g();return e.jsxs(e.Fragment,{children:[e.jsxs(l,{children:[e.jsx(d,{children:t.descriptionTitle}),e.jsx(T,{children:t.descriptionSubTitle})]}),e.jsxs(l,{children:[e.jsx(d,{children:o("component.creators_landing.create.tab.required_skills")}),e.jsx(v,{children:t.skills.map(n=>e.jsx(y,{children:n},n))})]}),e.jsxs(l,{children:[e.jsx(d,{children:o("component.creators_landing.create.tab.useful_links")}),e.jsx(z,{children:t.links.map(n=>e.jsx(R,{href:n.url,target:"_blank",rel:"noopener noreferrer",children:n.label},n.url))})]})]})}),W=s.memo(({card:t})=>{const[o,n]=s.useState(t.tab1.title);return e.jsxs(u,{children:[e.jsx(k,{bgImage:t.imageBackground,children:e.jsx("img",{src:t.image,alt:t.title})}),e.jsxs(j,{children:[e.jsx(C,{children:t.title}),e.jsx(w,{children:t.description}),e.jsxs(S,{children:[t.tab2&&e.jsxs(B,{children:[e.jsx(c,{isActive:o===t.tab1.title,onClick:()=>n(t.tab1.title),children:t.tab1.title}),e.jsx(c,{isActive:o===t.tab2.title,onClick:()=>n(t.tab2.title),children:t.tab2.title})]}),o===t.tab1.title&&e.jsx(p,{tab:t.tab1}),t.tab2&&o===t.tab2.title&&e.jsx(p,{tab:t.tab2})]})]})]})}),H=t=>e.jsx(W,{card:t}),I=t=>t.id,X=s.memo(()=>{const t=g();return e.jsx(h,{children:e.jsxs(f,{children:[e.jsxs(b,{children:[t("component.creators_landing.create.title"),e.jsx("span",{children:t("component.creators_landing.create.title_highlight")}),t("component.creators_landing.create.title_second_part")]}),e.jsx(m,{items:x,renderItem:H,keyExtractor:I,slideWidth:1200,autoplayDelay:0})]})})});export{X as CreatorsCreate};
+import{s as i,v as a,a as r,w as g,j as e}from"./index-D0nE3AYE.js";import{r as s}from"./vendor-router-D_36sTKu.js";import{C as m}from"./Carousel-pw-zJClB.js";import{A as h}from"./AnimatedSection-4VTaj_2R.js";import{c as x}from"./index-CTcKnQdc.js";import"./vendor-crypto-uuuQA3i5.js";import"./vendor-schemas-DJzTSxpO.js";import"./vendor-sentry-BSvWNK4f.js";import"./vendor-ua-D7qqAxdq.js";import"./vendor-intl-D2lXWsDp.js";import"./useCreatorHubDownload-TIbrehIm.js";import"./file-Cr_gl9BS.js";import"./url-B6S3bwqB.js";import"./index-BxZNYwr3.js";import"./useLatestGithubRelease-lPlpQBOj.js";import"./CTAButton-DiWefRTF.js";import"./CircularProgress-CpGrVwOe.js";import"./Video-DnCE7TZC.js";const f=i("section")(({theme:t})=>({display:"flex",flexDirection:"column",gap:"1em",width:"100%",marginTop:40,marginBottom:40,padding:0,position:"relative",[t.breakpoints.down("sm")]:{paddingLeft:t.spacing(4),paddingRight:t.spacing(4),overflow:"hidden"}})),b=i(a)(({theme:t})=>({textAlign:"center",fontSize:48,fontWeight:600,lineHeight:"77px",color:"#fcfcfc",marginTop:0,marginBottom:32,maxWidth:"80vw",marginLeft:"auto",marginRight:"auto","& span":{background:"linear-gradient(244deg, #ff2d55 -11.67%, #ffbc5b 88.23%)",backgroundClip:"text",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent"},[t.breakpoints.down("sm")]:{fontSize:32,lineHeight:"40px",letterSpacing:"-0.64px"}})),u=i(r)(({theme:t})=>({display:"flex",flexDirection:"row",background:"#242129",borderRadius:24,width:"100%",height:"100%",padding:32,alignItems:"center",[t.breakpoints.down("md")]:{flexDirection:"column",height:"auto",width:"100%",padding:0}})),k=i(r,{shouldForwardProp:t=>t!=="bgImage"})(({theme:t,bgImage:o})=>({height:"100%",flexShrink:0,backgroundImage:`url(${o})`,backgroundRepeat:"no-repeat",backgroundPosition:"center",backgroundSize:"cover",marginRight:24,width:"35%",minHeight:530,borderRadius:16,transition:"transform 0.3s ease-in-out","& img":{width:"100%",height:"100%",objectFit:"contain"},"@media (hover: hover)":{"&:hover":{transform:"scale(1.05)"}},[t.breakpoints.down("md")]:{height:223,minHeight:223,width:"100%",backgroundSize:"100%",borderRadius:"24px 24px 0 0",marginRight:0,position:"relative",overflow:"hidden","& img":{width:"auto",height:"100%",transform:"translate(-50%, -50%)",position:"absolute",left:"50%",top:"50%"}}})),j=i(r)(({theme:t})=>({display:"flex",flexDirection:"column",justifyContent:"flex-start",width:"calc(65% - 24px)",[t.breakpoints.down("md")]:{padding:"32px 0",margin:"0 8px 8px",width:"calc(100% - 16px)"}})),C=i(a)(({theme:t})=>({fontSize:24,fontWeight:600,lineHeight:"30px",marginBottom:8,[t.breakpoints.down("lg")]:{fontSize:20,lineHeight:"16px"}})),w=i(a)(({theme:t})=>({color:"#a09ba8",fontSize:18,fontWeight:400,lineHeight:"24px",marginBottom:16,marginTop:0,[t.breakpoints.down("lg")]:{fontSize:16}})),S=i(r)({display:"flex",flexDirection:"column"}),B=i(r)(({theme:t})=>({display:"flex",borderBottom:"none",height:24,marginBottom:24,[t.breakpoints.down("sm")]:{justifyContent:"center",marginBottom:24}})),c=i("button",{shouldForwardProp:t=>t!=="isActive"})(({theme:t,isActive:o})=>({background:"none",border:"none",borderBottom:o?"2px solid #fff":"2px solid transparent",color:o?"#fff":"#716b7c",textTransform:"uppercase",fontSize:14,lineHeight:"16px",padding:"0 0 8px",marginRight:24,fontWeight:o?600:500,cursor:"pointer",outline:"none","&:focus-visible":{outline:`2px solid ${t.palette.primary.main}`,outlineOffset:2},[t.breakpoints.down("sm")]:{padding:"8px 0 0",fontSize:16,marginRight:16}})),l=i(r)({borderRadius:16,background:"#43404a80",padding:"16px 24px",marginBottom:8,"&:last-child":{marginBottom:0}}),d=i(a)({fontSize:18,lineHeight:"20px",fontWeight:500,marginBottom:12}),T=i(a)({color:"#cfcdd4",fontSize:18,fontWeight:400,lineHeight:"24px",marginBottom:0}),v=i(r)({display:"flex",flexWrap:"wrap"}),y=i(r)({padding:"8px 16px",borderRadius:16,marginRight:8,marginBottom:8,background:"#43404a",fontSize:13,fontWeight:600,lineHeight:"normal",textTransform:"uppercase"}),z=i(r)(({theme:t})=>({display:"flex",flexWrap:"wrap",flexDirection:"row",[t.breakpoints.down("md")]:{flexDirection:"column"}})),R=i("a")({fontSize:16,lineHeight:"24px",fontWeight:500,textDecorationLine:"underline",color:"#ffa25a",width:"50%",marginBottom:8,display:"block","&:hover, &:active, &:visited, &:focus":{color:"#ffa25a"}}),p=s.memo(({tab:t})=>{const o=g();return e.jsxs(e.Fragment,{children:[e.jsxs(l,{children:[e.jsx(d,{children:t.descriptionTitle}),e.jsx(T,{children:t.descriptionSubTitle})]}),e.jsxs(l,{children:[e.jsx(d,{children:o("component.creators_landing.create.tab.required_skills")}),e.jsx(v,{children:t.skills.map(n=>e.jsx(y,{children:n},n))})]}),e.jsxs(l,{children:[e.jsx(d,{children:o("component.creators_landing.create.tab.useful_links")}),e.jsx(z,{children:t.links.map(n=>e.jsx(R,{href:n.url,target:"_blank",rel:"noopener noreferrer",children:n.label},n.url))})]})]})}),W=s.memo(({card:t})=>{const[o,n]=s.useState(t.tab1.title);return e.jsxs(u,{children:[e.jsx(k,{bgImage:t.imageBackground,children:e.jsx("img",{src:t.image,alt:t.title})}),e.jsxs(j,{children:[e.jsx(C,{children:t.title}),e.jsx(w,{children:t.description}),e.jsxs(S,{children:[t.tab2&&e.jsxs(B,{children:[e.jsx(c,{isActive:o===t.tab1.title,onClick:()=>n(t.tab1.title),children:t.tab1.title}),e.jsx(c,{isActive:o===t.tab2.title,onClick:()=>n(t.tab2.title),children:t.tab2.title})]}),o===t.tab1.title&&e.jsx(p,{tab:t.tab1}),t.tab2&&o===t.tab2.title&&e.jsx(p,{tab:t.tab2})]})]})]})}),H=t=>e.jsx(W,{card:t}),I=t=>t.id,X=s.memo(()=>{const t=g();return e.jsx(h,{children:e.jsxs(f,{children:[e.jsxs(b,{children:[t("component.creators_landing.create.title"),e.jsx("span",{children:t("component.creators_landing.create.title_highlight")}),t("component.creators_landing.create.title_second_part")]}),e.jsx(m,{items:x,renderItem:H,keyExtractor:I,slideWidth:1200,autoplayDelay:0})]})})});export{X as CreatorsCreate};

package/assets/{index-DNCSZ9Ly.js.map → index-BgUWva8u.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-DNCSZ9Ly.js","sources":["../../src/components/Create/CreateCards/CreateCards.styled.ts","../../src/components/Create/CreateCards/CreateCards.tsx"],"sourcesContent":["import { Box, Typography, styled } from 'decentraland-ui2'\n\nconst CreateSection = styled('section')(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: '1em',\n  width: '100%',\n  marginTop: 40,\n  marginBottom: 40,\n  padding: 0,\n  position: 'relative',\n  [theme.breakpoints.down('sm')]: {\n    paddingLeft: theme.spacing(4),\n    paddingRight: theme.spacing(4),\n    overflow: 'hidden'\n  }\n}))\n\nconst CreateTitle = styled(Typography)(({ theme }) => ({\n  textAlign: 'center',\n  fontSize: 48,\n  fontWeight: 600,\n  lineHeight: '77px',\n  color: '#fcfcfc',\n  marginTop: 0,\n  marginBottom: 32,\n  maxWidth: '80vw',\n  marginLeft: 'auto',\n  marginRight: 'auto',\n  ['& span']: {\n    background: 'linear-gradient(244deg, #ff2d55 -11.67%, #ffbc5b 88.23%)',\n    backgroundClip: 'text',\n    ['WebkitBackgroundClip' as string]: 'text',\n    ['WebkitTextFillColor' as string]: 'transparent'\n  },\n  [theme.breakpoints.down('sm')]: {\n    fontSize: 32,\n    lineHeight: '40px',\n    letterSpacing: '-0.64px'\n  }\n}))\n\nconst CreateCardContainer = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'row',\n  background: '#242129',\n  borderRadius: 24,\n  width: '100%',\n  height: '100%',\n  padding: 32,\n  alignItems: 'center',\n  [theme.breakpoints.down('md')]: {\n    flexDirection: 'column',\n    height: 'auto',\n    width: '100%',\n    padding: 0\n  }\n}))\n\nconst CreateCardImage = styled(Box, {\n  shouldForwardProp: prop => prop !== 'bgImage'\n})<{ bgImage: string }>(({ theme, bgImage }) => ({\n  height: '100%',\n  flexShrink: 0,\n  backgroundImage: `url(${bgImage})`,\n  backgroundRepeat: 'no-repeat',\n  backgroundPosition: 'center',\n  backgroundSize: 'cover',\n  marginRight: 24,\n  width: '35%',\n  minHeight: 530,\n  borderRadius: 16,\n  transition: 'transform 0.3s ease-in-out',\n  ['& img']: {\n    width: '100%',\n    height: '100%',\n    objectFit: 'contain'\n  },\n  ['@media (hover: hover)']: {\n    ['&:hover']: {\n      transform: 'scale(1.05)'\n    }\n  },\n  [theme.breakpoints.down('md')]: {\n    height: 223,\n    minHeight: 223,\n    width: '100%',\n    backgroundSize: '100%',\n    borderRadius: '24px 24px 0 0',\n    marginRight: 0,\n    position: 'relative',\n    overflow: 'hidden',\n    ['& img']: {\n      width: 'auto',\n      height: '100%',\n      transform: 'translate(-50%, -50%)',\n      position: 'absolute',\n      left: '50%',\n      top: '50%'\n    }\n  }\n}))\n\nconst CreateCardInfo = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  justifyContent: 'flex-start',\n  width: 'calc(65% - 24px)',\n  [theme.breakpoints.down('md')]: {\n    padding: '32px 0',\n    margin: '0 8px 8px',\n    width: 'calc(100% - 16px)'\n  }\n}))\n\nconst CreateCardTitle = styled(Typography)(({ theme }) => ({\n  fontSize: 24,\n  fontWeight: 600,\n  lineHeight: '30px',\n  marginBottom: 8,\n  [theme.breakpoints.down('lg')]: {\n    fontSize: 20,\n    lineHeight: '16px'\n  }\n}))\n\nconst CreateCardDescription = styled(Typography)(({ theme }) => ({\n  color: '#a09ba8',\n  fontSize: 18,\n  fontWeight: 400,\n  lineHeight: '24px',\n  marginBottom: 16,\n  marginTop: 0,\n  [theme.breakpoints.down('lg')]: {\n    fontSize: 16\n  }\n}))\n\nconst TabContainer = styled(Box)({\n  display: 'flex',\n  flexDirection: 'column'\n})\n\nconst TabButtons = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  borderBottom: 'none',\n  height: 24,\n  marginBottom: 24,\n  [theme.breakpoints.down('sm')]: {\n    justifyContent: 'center',\n    marginBottom: 24\n  }\n}))\n\nconst TabButton = styled('button', {\n  shouldForwardProp: prop => prop !== 'isActive'\n})<{ isActive: boolean }>(({ theme, isActive }) => ({\n  background: 'none',\n  border: 'none',\n  borderBottom: isActive ? '2px solid #fff' : '2px solid transparent',\n  color: isActive ? '#fff' : '#716b7c',\n  textTransform: 'uppercase',\n  fontSize: 14,\n  lineHeight: '16px',\n  padding: '0 0 8px',\n  marginRight: 24,\n  fontWeight: isActive ? 600 : 500,\n  cursor: 'pointer',\n  outline: 'none',\n  ['&:focus-visible']: {\n    outline: `2px solid ${theme.palette.primary.main}`,\n    outlineOffset: 2\n  },\n  [theme.breakpoints.down('sm')]: {\n    padding: '8px 0 0',\n    fontSize: 16,\n    marginRight: 16\n  }\n}))\n\nconst TabInfoBlock = styled(Box)({\n  borderRadius: 16,\n  background: '#43404a80',\n  padding: '16px 24px',\n  marginBottom: 8,\n  ['&:last-child']: {\n    marginBottom: 0\n  }\n})\n\nconst TabInfoTitle = styled(Typography)({\n  fontSize: 18,\n  lineHeight: '20px',\n  fontWeight: 500,\n  marginBottom: 12\n})\n\nconst TabInfoSubtitle = styled(Typography)({\n  color: '#cfcdd4',\n  fontSize: 18,\n  fontWeight: 400,\n  lineHeight: '24px',\n  marginBottom: 0\n})\n\nconst SkillsContainer = styled(Box)({\n  display: 'flex',\n  flexWrap: 'wrap'\n})\n\nconst SkillBadge = styled(Box)({\n  padding: '8px 16px',\n  borderRadius: 16,\n  marginRight: 8,\n  marginBottom: 8,\n  background: '#43404a',\n  fontSize: 13,\n  fontWeight: 600,\n  lineHeight: 'normal',\n  textTransform: 'uppercase'\n})\n\nconst LinksContainer = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  flexWrap: 'wrap',\n  flexDirection: 'row',\n  [theme.breakpoints.down('md')]: {\n    flexDirection: 'column'\n  }\n}))\n\nconst LinkItem = styled('a')({\n  fontSize: 16,\n  lineHeight: '24px',\n  fontWeight: 500,\n  textDecorationLine: 'underline',\n  color: '#ffa25a',\n  width: '50%',\n  marginBottom: 8,\n  display: 'block',\n  ['&:hover, &:active, &:visited, &:focus']: {\n    color: '#ffa25a'\n  }\n})\n\nexport {\n  CreateCardContainer,\n  CreateCardDescription,\n  CreateCardImage,\n  CreateCardInfo,\n  CreateCardTitle,\n  CreateSection,\n  CreateTitle,\n  LinkItem,\n  LinksContainer,\n  SkillBadge,\n  SkillsContainer,\n  TabButton,\n  TabButtons,\n  TabContainer,\n  TabInfoBlock,\n  TabInfoSubtitle,\n  TabInfoTitle\n}\n","import { memo, useState } from 'react'\nimport { useFormatMessage } from '../../../hooks/adapters/useFormatMessage'\nimport { Carousel } from '../../Carousel'\nimport { AnimatedSection } from '../AnimatedSection'\nimport { createCards } from '../data'\nimport type { CreateCardData, CreateCardTab } from '../data'\nimport {\n  CreateCardContainer,\n  CreateCardDescription,\n  CreateCardImage,\n  CreateCardInfo,\n  CreateCardTitle,\n  CreateSection,\n  CreateTitle,\n  LinkItem,\n  LinksContainer,\n  SkillBadge,\n  SkillsContainer,\n  TabButton,\n  TabButtons,\n  TabContainer,\n  TabInfoBlock,\n  TabInfoSubtitle,\n  TabInfoTitle\n} from './CreateCards.styled'\n\ntype CreateTabContentProps = {\n  tab: CreateCardTab\n}\n\nconst CreateTabContent = memo(({ tab }: CreateTabContentProps) => {\n  const l = useFormatMessage()\n\n  return (\n    <>\n      <TabInfoBlock>\n        <TabInfoTitle>{tab.descriptionTitle}</TabInfoTitle>\n        <TabInfoSubtitle>{tab.descriptionSubTitle}</TabInfoSubtitle>\n      </TabInfoBlock>\n      <TabInfoBlock>\n        <TabInfoTitle>{l('component.creators_landing.create.tab.required_skills')}</TabInfoTitle>\n        <SkillsContainer>\n          {tab.skills.map(skill => (\n            <SkillBadge key={skill}>{skill}</SkillBadge>\n          ))}\n        </SkillsContainer>\n      </TabInfoBlock>\n      <TabInfoBlock>\n        <TabInfoTitle>{l('component.creators_landing.create.tab.useful_links')}</TabInfoTitle>\n        <LinksContainer>\n          {tab.links.map(link => (\n            <LinkItem key={link.url} href={link.url} target=\"_blank\" rel=\"noopener noreferrer\">\n              {link.label}\n            </LinkItem>\n          ))}\n        </LinksContainer>\n      </TabInfoBlock>\n    </>\n  )\n})\n\ntype CreateCardProps = {\n  card: CreateCardData\n}\n\nconst CreateCard = memo(({ card }: CreateCardProps) => {\n  const [activeTab, setActiveTab] = useState(card.tab1.title)\n\n  return (\n    <CreateCardContainer>\n      <CreateCardImage bgImage={card.imageBackground}>\n        <img src={card.image} alt={card.title} />\n      </CreateCardImage>\n      <CreateCardInfo>\n        <CreateCardTitle>{card.title}</CreateCardTitle>\n        <CreateCardDescription>{card.description}</CreateCardDescription>\n        <TabContainer>\n          {card.tab2 && (\n            <TabButtons>\n              <TabButton isActive={activeTab === card.tab1.title} onClick={() => setActiveTab(card.tab1.title)}>\n                {card.tab1.title}\n              </TabButton>\n              <TabButton isActive={activeTab === card.tab2.title} onClick={() => setActiveTab(card.tab2!.title)}>\n                {card.tab2.title}\n              </TabButton>\n            </TabButtons>\n          )}\n          {activeTab === card.tab1.title && <CreateTabContent tab={card.tab1} />}\n          {card.tab2 && activeTab === card.tab2.title && <CreateTabContent tab={card.tab2} />}\n        </TabContainer>\n      </CreateCardInfo>\n    </CreateCardContainer>\n  )\n})\n\nconst renderCard = (card: CreateCardData) => <CreateCard card={card} />\nconst keyExtractor = (card: CreateCardData) => card.id\n\nconst CreatorsCreate = memo(() => {\n  const l = useFormatMessage()\n  return (\n    <AnimatedSection>\n      <CreateSection>\n        <CreateTitle>\n          {l('component.creators_landing.create.title')}\n          <span>{l('component.creators_landing.create.title_highlight')}</span>\n          {l('component.creators_landing.create.title_second_part')}\n        </CreateTitle>\n        <Carousel items={createCards} renderItem={renderCard} keyExtractor={keyExtractor} slideWidth={1200} autoplayDelay={0} />\n      </CreateSection>\n    </AnimatedSection>\n  )\n})\n\nexport { CreatorsCreate }\n"],"names":["CreateSection","styled","theme","CreateTitle","Typography","CreateCardContainer","Box","CreateCardImage","prop","bgImage","CreateCardInfo","CreateCardTitle","CreateCardDescription","TabContainer","TabButtons","TabButton","isActive","TabInfoBlock","TabInfoTitle","TabInfoSubtitle","SkillsContainer","SkillBadge","LinksContainer","LinkItem","CreateTabContent","memo","tab","l","useFormatMessage","jsxs","Fragment","jsx","skill","link","CreateCard","card","activeTab","setActiveTab","useState","renderCard","keyExtractor","CreatorsCreate","AnimatedSection","Carousel","createCards"],"mappings":"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"}
+{"version":3,"file":"index-BgUWva8u.js","sources":["../../src/components/Create/CreateCards/CreateCards.styled.ts","../../src/components/Create/CreateCards/CreateCards.tsx"],"sourcesContent":["import { Box, Typography, styled } from 'decentraland-ui2'\n\nconst CreateSection = styled('section')(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: '1em',\n  width: '100%',\n  marginTop: 40,\n  marginBottom: 40,\n  padding: 0,\n  position: 'relative',\n  [theme.breakpoints.down('sm')]: {\n    paddingLeft: theme.spacing(4),\n    paddingRight: theme.spacing(4),\n    overflow: 'hidden'\n  }\n}))\n\nconst CreateTitle = styled(Typography)(({ theme }) => ({\n  textAlign: 'center',\n  fontSize: 48,\n  fontWeight: 600,\n  lineHeight: '77px',\n  color: '#fcfcfc',\n  marginTop: 0,\n  marginBottom: 32,\n  maxWidth: '80vw',\n  marginLeft: 'auto',\n  marginRight: 'auto',\n  ['& span']: {\n    background: 'linear-gradient(244deg, #ff2d55 -11.67%, #ffbc5b 88.23%)',\n    backgroundClip: 'text',\n    ['WebkitBackgroundClip' as string]: 'text',\n    ['WebkitTextFillColor' as string]: 'transparent'\n  },\n  [theme.breakpoints.down('sm')]: {\n    fontSize: 32,\n    lineHeight: '40px',\n    letterSpacing: '-0.64px'\n  }\n}))\n\nconst CreateCardContainer = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'row',\n  background: '#242129',\n  borderRadius: 24,\n  width: '100%',\n  height: '100%',\n  padding: 32,\n  alignItems: 'center',\n  [theme.breakpoints.down('md')]: {\n    flexDirection: 'column',\n    height: 'auto',\n    width: '100%',\n    padding: 0\n  }\n}))\n\nconst CreateCardImage = styled(Box, {\n  shouldForwardProp: prop => prop !== 'bgImage'\n})<{ bgImage: string }>(({ theme, bgImage }) => ({\n  height: '100%',\n  flexShrink: 0,\n  backgroundImage: `url(${bgImage})`,\n  backgroundRepeat: 'no-repeat',\n  backgroundPosition: 'center',\n  backgroundSize: 'cover',\n  marginRight: 24,\n  width: '35%',\n  minHeight: 530,\n  borderRadius: 16,\n  transition: 'transform 0.3s ease-in-out',\n  ['& img']: {\n    width: '100%',\n    height: '100%',\n    objectFit: 'contain'\n  },\n  ['@media (hover: hover)']: {\n    ['&:hover']: {\n      transform: 'scale(1.05)'\n    }\n  },\n  [theme.breakpoints.down('md')]: {\n    height: 223,\n    minHeight: 223,\n    width: '100%',\n    backgroundSize: '100%',\n    borderRadius: '24px 24px 0 0',\n    marginRight: 0,\n    position: 'relative',\n    overflow: 'hidden',\n    ['& img']: {\n      width: 'auto',\n      height: '100%',\n      transform: 'translate(-50%, -50%)',\n      position: 'absolute',\n      left: '50%',\n      top: '50%'\n    }\n  }\n}))\n\nconst CreateCardInfo = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  justifyContent: 'flex-start',\n  width: 'calc(65% - 24px)',\n  [theme.breakpoints.down('md')]: {\n    padding: '32px 0',\n    margin: '0 8px 8px',\n    width: 'calc(100% - 16px)'\n  }\n}))\n\nconst CreateCardTitle = styled(Typography)(({ theme }) => ({\n  fontSize: 24,\n  fontWeight: 600,\n  lineHeight: '30px',\n  marginBottom: 8,\n  [theme.breakpoints.down('lg')]: {\n    fontSize: 20,\n    lineHeight: '16px'\n  }\n}))\n\nconst CreateCardDescription = styled(Typography)(({ theme }) => ({\n  color: '#a09ba8',\n  fontSize: 18,\n  fontWeight: 400,\n  lineHeight: '24px',\n  marginBottom: 16,\n  marginTop: 0,\n  [theme.breakpoints.down('lg')]: {\n    fontSize: 16\n  }\n}))\n\nconst TabContainer = styled(Box)({\n  display: 'flex',\n  flexDirection: 'column'\n})\n\nconst TabButtons = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  borderBottom: 'none',\n  height: 24,\n  marginBottom: 24,\n  [theme.breakpoints.down('sm')]: {\n    justifyContent: 'center',\n    marginBottom: 24\n  }\n}))\n\nconst TabButton = styled('button', {\n  shouldForwardProp: prop => prop !== 'isActive'\n})<{ isActive: boolean }>(({ theme, isActive }) => ({\n  background: 'none',\n  border: 'none',\n  borderBottom: isActive ? '2px solid #fff' : '2px solid transparent',\n  color: isActive ? '#fff' : '#716b7c',\n  textTransform: 'uppercase',\n  fontSize: 14,\n  lineHeight: '16px',\n  padding: '0 0 8px',\n  marginRight: 24,\n  fontWeight: isActive ? 600 : 500,\n  cursor: 'pointer',\n  outline: 'none',\n  ['&:focus-visible']: {\n    outline: `2px solid ${theme.palette.primary.main}`,\n    outlineOffset: 2\n  },\n  [theme.breakpoints.down('sm')]: {\n    padding: '8px 0 0',\n    fontSize: 16,\n    marginRight: 16\n  }\n}))\n\nconst TabInfoBlock = styled(Box)({\n  borderRadius: 16,\n  background: '#43404a80',\n  padding: '16px 24px',\n  marginBottom: 8,\n  ['&:last-child']: {\n    marginBottom: 0\n  }\n})\n\nconst TabInfoTitle = styled(Typography)({\n  fontSize: 18,\n  lineHeight: '20px',\n  fontWeight: 500,\n  marginBottom: 12\n})\n\nconst TabInfoSubtitle = styled(Typography)({\n  color: '#cfcdd4',\n  fontSize: 18,\n  fontWeight: 400,\n  lineHeight: '24px',\n  marginBottom: 0\n})\n\nconst SkillsContainer = styled(Box)({\n  display: 'flex',\n  flexWrap: 'wrap'\n})\n\nconst SkillBadge = styled(Box)({\n  padding: '8px 16px',\n  borderRadius: 16,\n  marginRight: 8,\n  marginBottom: 8,\n  background: '#43404a',\n  fontSize: 13,\n  fontWeight: 600,\n  lineHeight: 'normal',\n  textTransform: 'uppercase'\n})\n\nconst LinksContainer = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  flexWrap: 'wrap',\n  flexDirection: 'row',\n  [theme.breakpoints.down('md')]: {\n    flexDirection: 'column'\n  }\n}))\n\nconst LinkItem = styled('a')({\n  fontSize: 16,\n  lineHeight: '24px',\n  fontWeight: 500,\n  textDecorationLine: 'underline',\n  color: '#ffa25a',\n  width: '50%',\n  marginBottom: 8,\n  display: 'block',\n  ['&:hover, &:active, &:visited, &:focus']: {\n    color: '#ffa25a'\n  }\n})\n\nexport {\n  CreateCardContainer,\n  CreateCardDescription,\n  CreateCardImage,\n  CreateCardInfo,\n  CreateCardTitle,\n  CreateSection,\n  CreateTitle,\n  LinkItem,\n  LinksContainer,\n  SkillBadge,\n  SkillsContainer,\n  TabButton,\n  TabButtons,\n  TabContainer,\n  TabInfoBlock,\n  TabInfoSubtitle,\n  TabInfoTitle\n}\n","import { memo, useState } from 'react'\nimport { useFormatMessage } from '../../../hooks/adapters/useFormatMessage'\nimport { Carousel } from '../../Carousel'\nimport { AnimatedSection } from '../AnimatedSection'\nimport { createCards } from '../data'\nimport type { CreateCardData, CreateCardTab } from '../data'\nimport {\n  CreateCardContainer,\n  CreateCardDescription,\n  CreateCardImage,\n  CreateCardInfo,\n  CreateCardTitle,\n  CreateSection,\n  CreateTitle,\n  LinkItem,\n  LinksContainer,\n  SkillBadge,\n  SkillsContainer,\n  TabButton,\n  TabButtons,\n  TabContainer,\n  TabInfoBlock,\n  TabInfoSubtitle,\n  TabInfoTitle\n} from './CreateCards.styled'\n\ntype CreateTabContentProps = {\n  tab: CreateCardTab\n}\n\nconst CreateTabContent = memo(({ tab }: CreateTabContentProps) => {\n  const l = useFormatMessage()\n\n  return (\n    <>\n      <TabInfoBlock>\n        <TabInfoTitle>{tab.descriptionTitle}</TabInfoTitle>\n        <TabInfoSubtitle>{tab.descriptionSubTitle}</TabInfoSubtitle>\n      </TabInfoBlock>\n      <TabInfoBlock>\n        <TabInfoTitle>{l('component.creators_landing.create.tab.required_skills')}</TabInfoTitle>\n        <SkillsContainer>\n          {tab.skills.map(skill => (\n            <SkillBadge key={skill}>{skill}</SkillBadge>\n          ))}\n        </SkillsContainer>\n      </TabInfoBlock>\n      <TabInfoBlock>\n        <TabInfoTitle>{l('component.creators_landing.create.tab.useful_links')}</TabInfoTitle>\n        <LinksContainer>\n          {tab.links.map(link => (\n            <LinkItem key={link.url} href={link.url} target=\"_blank\" rel=\"noopener noreferrer\">\n              {link.label}\n            </LinkItem>\n          ))}\n        </LinksContainer>\n      </TabInfoBlock>\n    </>\n  )\n})\n\ntype CreateCardProps = {\n  card: CreateCardData\n}\n\nconst CreateCard = memo(({ card }: CreateCardProps) => {\n  const [activeTab, setActiveTab] = useState(card.tab1.title)\n\n  return (\n    <CreateCardContainer>\n      <CreateCardImage bgImage={card.imageBackground}>\n        <img src={card.image} alt={card.title} />\n      </CreateCardImage>\n      <CreateCardInfo>\n        <CreateCardTitle>{card.title}</CreateCardTitle>\n        <CreateCardDescription>{card.description}</CreateCardDescription>\n        <TabContainer>\n          {card.tab2 && (\n            <TabButtons>\n              <TabButton isActive={activeTab === card.tab1.title} onClick={() => setActiveTab(card.tab1.title)}>\n                {card.tab1.title}\n              </TabButton>\n              <TabButton isActive={activeTab === card.tab2.title} onClick={() => setActiveTab(card.tab2!.title)}>\n                {card.tab2.title}\n              </TabButton>\n            </TabButtons>\n          )}\n          {activeTab === card.tab1.title && <CreateTabContent tab={card.tab1} />}\n          {card.tab2 && activeTab === card.tab2.title && <CreateTabContent tab={card.tab2} />}\n        </TabContainer>\n      </CreateCardInfo>\n    </CreateCardContainer>\n  )\n})\n\nconst renderCard = (card: CreateCardData) => <CreateCard card={card} />\nconst keyExtractor = (card: CreateCardData) => card.id\n\nconst CreatorsCreate = memo(() => {\n  const l = useFormatMessage()\n  return (\n    <AnimatedSection>\n      <CreateSection>\n        <CreateTitle>\n          {l('component.creators_landing.create.title')}\n          <span>{l('component.creators_landing.create.title_highlight')}</span>\n          {l('component.creators_landing.create.title_second_part')}\n        </CreateTitle>\n        <Carousel items={createCards} renderItem={renderCard} keyExtractor={keyExtractor} slideWidth={1200} autoplayDelay={0} />\n      </CreateSection>\n    </AnimatedSection>\n  )\n})\n\nexport { CreatorsCreate }\n"],"names":["CreateSection","styled","theme","CreateTitle","Typography","CreateCardContainer","Box","CreateCardImage","prop","bgImage","CreateCardInfo","CreateCardTitle","CreateCardDescription","TabContainer","TabButtons","TabButton","isActive","TabInfoBlock","TabInfoTitle","TabInfoSubtitle","SkillsContainer","SkillBadge","LinksContainer","LinkItem","CreateTabContent","memo","tab","l","useFormatMessage","jsxs","Fragment","jsx","skill","link","CreateCard","card","activeTab","setActiveTab","useState","renderCard","keyExtractor","CreatorsCreate","AnimatedSection","Carousel","createCards"],"mappings":"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"}