synapse-react-client 4.0.45 → 4.0.47

package/dist/components/DownloadCart/DownloadCartPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"DownloadCartPage.js","names":[],"sources":["../../../src/components/DownloadCart/DownloadCartPage.tsx"],"sourcesContent":["import styles from './DownloadCartPage.module.scss'\nimport SynapseClient from '@/synapse-client'\nimport { useGetDownloadListStatistics } from '@/synapse-queries/download/useDownloadList'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { DeleteTwoTone } from '@mui/icons-material'\nimport { Button, Tooltip, Typography } from '@mui/material'\nimport {\n  AvailableFilter,\n  FilesStatisticsResponse,\n} from '@sage-bionetworks/synapse-types'\nimport { useEffect, useRef, useState } from 'react'\nimport { ErrorBanner } from '../error/ErrorBanner'\nimport FullWidthAlert from '../FullWidthAlert/FullWidthAlert'\nimport IconSvg from '../IconSvg/IconSvg'\nimport { ProgrammaticInstructionsModal } from '../ProgrammaticInstructionsModal/ProgrammaticInstructionsModal'\nimport AvailableForDownloadTable from './AvailableForDownloadTable'\nimport { CreatePackageV2 } from './CreatePackageV2'\nimport { PYTHON_CLIENT_IMPORT_AND_LOGIN } from './DirectProgrammaticDownload'\nimport { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport { DownloadIneligibleForPackagingFilesFromListButton } from './DownloadIneligibleForPackagingFilesFromListButton'\nimport { DownloadListActionsRequired } from './DownloadListActionsRequired'\nimport ComponentCollapse from '../ComponentCollapse'\n\nconst pythonDownloadCode = `${PYTHON_CLIENT_IMPORT_AND_LOGIN}\ndl_list_file_entities = syn.get_download_list()`\n\nconst cliDownloadCode = `synapse get-download-list`\n\nconst filterTabs: { label: string; filter: AvailableFilter }[] = [\n  { label: 'All Files', filter: undefined },\n  { label: 'Files included in ZIP', filter: 'eligibleForPackaging' },\n  { label: 'Files not included in ZIP', filter: 'ineligibleForPackaging' },\n]\n\n/**\n * Show the Download Cart page.\n */\nexport function DownloadCartPage() {\n  const { accessToken } = useSynapseContext()\n  const [selectedTabIndex, setSelectedTabIndex] = useState<number>(0)\n  const [selectedFilterTabIndex, setSelectedFilterTabIndex] =\n    useState<number>(0)\n  const selectedFilter = filterTabs[selectedFilterTabIndex].filter\n  const [isShowingCreatePackageUI, setIsShowingCreatePackageUI] =\n    useState<boolean>(false)\n  const createPackageRef = useRef<HTMLDivElement>(null)\n  // scroll to the CreatePackageV2 component when it is shown so that the user is aware of the next steps after clicking the button to create a package\n  useEffect(() => {\n    if (isShowingCreatePackageUI) {\n      createPackageRef.current?.scrollIntoView({\n        behavior: 'smooth',\n        block: 'center',\n      })\n    }\n  }, [isShowingCreatePackageUI])\n  const [isShowingModal, setIsShowingModal] = useState<boolean>(false)\n  const [isShowingDownloadSuccessAlert, setIsShowingDownloadSuccessAlert] =\n    useState(false)\n  const [error, setError] = useState<Error>()\n  const {\n    data,\n    isLoading,\n    isError,\n    error: newError,\n    refetch,\n  } = useGetDownloadListStatistics()\n  useEffect(() => {\n    if (isError && newError) {\n      setError(newError)\n    }\n  }, [isError, newError])\n\n  const getFilterCount = (\n    data: FilesStatisticsResponse,\n    filter: AvailableFilter,\n  ) => {\n    if (filter === undefined) return data.numberOfFilesAvailableForDownload\n    if (filter === 'eligibleForPackaging')\n      return data.numberOfFilesAvailableForDownloadAndEligibleForPackaging\n    return (\n      data.numberOfFilesAvailableForDownload -\n      data.numberOfFilesAvailableForDownloadAndEligibleForPackaging\n    )\n  }\n  // SWC-5874: When arriving at the download cart when there are no ARs, the user should start in the Download list\n  useEffect(() => {\n    if (data?.numberOfFilesRequiringAction == 0) {\n      setSelectedTabIndex(1)\n    }\n    // also hide the Create Package UI if there are no files available for download\n    if (data?.numberOfFilesAvailableForDownloadAndEligibleForPackaging === 0) {\n      setIsShowingCreatePackageUI(false)\n    }\n  }, [data])\n\n  if (error) {\n    return <ErrorBanner error={error} />\n  }\n  const clearDownloadList = async () => {\n    await SynapseClient.clearDownloadListV2(accessToken)\n    refetch()\n  }\n  return (\n    <div className={styles.DownloadCartPage}>\n      <div>\n        <div className={`${styles.pageHeader}`}>\n          <div className=\"container\">\n            <div className={styles.grid}>\n              <h3 className=\"pageHeaderTitle\">Your Download List</h3>\n              <Tooltip\n                title=\"Immediately removes all items from your download list\"\n                enterNextDelay={300}\n                placement=\"right\"\n              >\n                <Button\n                  onClick={() => {\n                    clearDownloadList()\n                  }}\n                  variant=\"text\"\n                  color=\"primary\"\n                  startIcon={<DeleteTwoTone />}\n                >\n                  Clear Your Download List\n                </Button>\n              </Tooltip>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div className={styles.tabsContainer}>\n        <div className=\"container\">\n          <ul className={styles.navTabs}>\n            <li\n              className={`${styles.navItem}${\n                selectedTabIndex == 0 ? ` ${styles.active}` : ''\n              }`}\n              aria-selected={selectedTabIndex == 0}\n            >\n              <button onClick={() => setSelectedTabIndex(0)}>\n                Access Actions Required\n                {!isError && !isLoading && data && (\n                  <span className={styles.fileCount}>\n                    {data.totalNumberOfFiles -\n                      data.numberOfFilesAvailableForDownload}\n                  </span>\n                )}\n              </button>\n            </li>\n            <li\n              className={`${styles.navItem}${\n                selectedTabIndex == 1 ? ` ${styles.active}` : ''\n              }`}\n              aria-selected={selectedTabIndex == 1}\n            >\n              <button onClick={() => setSelectedTabIndex(1)}>\n                Download List\n                {!isError && !isLoading && data && (\n                  <span className={styles.fileCount}>\n                    {data.numberOfFilesAvailableForDownload}\n                  </span>\n                )}\n              </button>\n            </li>\n          </ul>\n        </div>\n      </div>\n\n      <div\n        className={\n          /*\n           The DownloadListActionsRequired component stores actions in local state to track which actions are completed.\n\n           Mount the actions required component and hide it with style to ensure actions stored in component state are persisted as the user switches tabs\n           */\n          !(selectedTabIndex == 0 && !isError && !isLoading && data)\n            ? styles.hidden\n            : undefined\n        }\n      >\n        {data?.numberOfFilesRequiringAction &&\n          data.numberOfFilesRequiringAction > 0 && (\n            // Unmount instead of hiding the DownloadListActionsRequired component when there are 0 actions required\n            // The DownloadListActionsRequired cannot discern between a fulfilled action and an action that is no longer required because the\n            // file was removed from the download cart.\n            // In the typical case where the download cart is cleared, unmounting the component ensures that the actions are cleared out.\n            <div>\n              <div className=\"container\">\n                <DownloadListActionsRequired />\n              </div>\n            </div>\n          )}\n        {data?.numberOfFilesRequiringAction === 0 && (\n          <div className={styles.placeholder}>\n            <div>No actions are currently required.</div>\n          </div>\n        )}\n      </div>\n\n      {selectedTabIndex == 1 && !isError && !isLoading && data && (\n        <div>\n          {data.numberOfFilesAvailableForDownload > 0 && (\n            <div className={`container ${styles.DownloadListTabContent}`}>\n              <h3 className={`${styles.sectionTitle} pageHeaderTitle`}>\n                Bulk Download Options\n                {data.sumOfFileSizesAvailableForDownload != null && (\n                  <Tooltip\n                    placement=\"right\"\n                    title={\n                      <>\n                        Total file size\n                        <br />\n                        Does not include files hosted outside Synapse\n                      </>\n                    }\n                    slotProps={{ tooltip: { sx: { maxWidth: 400 } } }}\n                  >\n                    <span className={styles.totalFileSize}>\n                      {calculateFriendlyFileSize(\n                        data.sumOfFileSizesAvailableForDownload,\n                      )}{' '}\n                      total*\n                    </span>\n                  </Tooltip>\n                )}\n              </h3>\n              <div>\n                <div className={styles.subSectionOverview}>\n                  <div className={styles.subSection}>\n                    <div className={styles.subSectionHeader}>\n                      <div className={styles.headline}>\n                        <Typography variant={'headline3'}>\n                          <IconSvg icon=\"packagableFile\" /> Web Download (.ZIP)\n                        </Typography>\n                      </div>\n                      <div className={styles.subSectionActions}>\n                        {data.numberOfFilesAvailableForDownloadAndEligibleForPackaging >\n                          0 && (\n                          <Button\n                            variant=\"contained\"\n                            onClick={() => {\n                              setIsShowingCreatePackageUI(true)\n                            }}\n                            startIcon={<IconSvg icon=\"download\" wrap={false} />}\n                          >\n                            Download Packages\n                          </Button>\n                        )}\n                        {data.numberOfFilesAvailableForDownloadAndEligibleForPackaging ==\n                          0 && (\n                          <Tooltip\n                            title=\"You cannot create a .zip package because there are no eligible files.\"\n                            enterNextDelay={300}\n                            placement=\"top\"\n                          >\n                            <span>\n                              <Button\n                                variant=\"contained\"\n                                disabled\n                                startIcon={\n                                  <IconSvg icon=\"download\" wrap={false} />\n                                }\n                              >\n                                Download Packages\n                              </Button>\n                            </span>\n                          </Tooltip>\n                        )}\n                      </div>\n                    </div>\n                    <ComponentCollapse\n                      component={\n                        <Typography variant={'body1'} component={'div'}>\n                          Only some files may be eligible for packaging as ZIP.\n                          Use the Individual Downloads tab, below, to download\n                          non-packageable files.&nbsp;\n                          <a\n                            href=\"https://help.synapse.org/docs/Downloading-Data-From-the-Synapse-UI.2004254837.html\"\n                            target=\"_blank\"\n                            rel=\"noopener noreferrer\"\n                          >\n                            More Information.\n                          </a>\n                        </Typography>\n                      }\n                      collapseBoxSx={{\n                        backgroundColor: 'transparent',\n                        p: 0,\n                        mt: '15px',\n                      }}\n                      componentContainerSx={{\n                        backgroundColor: 'transparent',\n                        p: 0,\n                      }}\n                      iconSx={{ width: '25px', height: '25px' }}\n                    >\n                      <Typography\n                        variant={'body1'}\n                        component={'div'}\n                        sx={{ marginBottom: '15px' }}\n                      >\n                        <ul>\n                          <li>Files are bundled into .ZIPs up to 1 GB each.</li>\n                          <li>\n                            Larger selections are split into multiple packages.\n                          </li>\n                          <li>\n                            Includes only files stored in Synapse native\n                            storage.\n                          </li>\n                          <li>\n                            Each package contains a CSV manifest with file\n                            annotations and metadata.\n                          </li>\n                        </ul>\n                      </Typography>\n                    </ComponentCollapse>\n                  </div>\n                  <div className={styles.subSection}>\n                    <div className={styles.subSectionHeader}>\n                      <div className={styles.headline}>\n                        <Typography variant={'headline3'}>\n                          <IconSvg icon=\"code\" /> Programmatic Download\n                        </Typography>\n                      </div>\n                      <div className={styles.subSectionActions}>\n                        <Button\n                          variant=\"contained\"\n                          onClick={() => {\n                            setIsShowingModal(true)\n                          }}\n                          startIcon={<IconSvg icon=\"download\" wrap={false} />}\n                        >\n                          Get R / Python / CLI Code\n                        </Button>\n                      </div>\n                    </div>\n                    <ComponentCollapse\n                      component={\n                        <Typography variant={'body1'} component={'div'}>\n                          Use our Python, R, or command line clients to download\n                          files quickly.&nbsp;\n                          <a\n                            href=\"https://help.synapse.org/docs/Downloading-Data-Programmatically.2003796248.html\"\n                            target=\"_blank\"\n                            rel=\"noopener noreferrer\"\n                          >\n                            More Information.\n                          </a>\n                        </Typography>\n                      }\n                      collapseBoxSx={{\n                        backgroundColor: 'transparent',\n                        p: 0,\n                        mt: '15px',\n                      }}\n                      componentContainerSx={{\n                        backgroundColor: 'transparent',\n                        p: 0,\n                      }}\n                      iconSx={{ width: '25px', height: '25px' }}\n                    >\n                      <Typography\n                        variant={'body1'}\n                        component={'div'}\n                        sx={{ marginBottom: '15px' }}\n                      >\n                        <ul>\n                          <li>Requires a client (R, Python, or CLI).</li>\n                          <li>\n                            No limits on individual file size or total download\n                            size.\n                          </li>\n                          <li>\n                            Includes files stored both on and off Synapse native\n                            storage.\n                          </li>\n                          <li>\n                            Downloads include a CSV manifest with file\n                            annotations and metadata.\n                          </li>\n                        </ul>\n                      </Typography>\n                    </ComponentCollapse>\n                  </div>\n                  {data.numberOfFilesAvailableForDownloadAndEligibleForPackaging <\n                    data.numberOfFilesAvailableForDownload && (\n                    <div className={styles.subSection}>\n                      <div className={styles.subSectionHeader}>\n                        <div className={styles.headline}>\n                          <Typography variant={'headline3'}>\n                            <IconSvg icon=\"multiFile\" /> Multi-file Download\n                          </Typography>\n                        </div>\n                        <div className={styles.subSectionActions}>\n                          <div className={styles.ineligibleDownloadContainer}>\n                            <DownloadIneligibleForPackagingFilesFromListButton />\n                          </div>\n                        </div>\n                      </div>\n                      <ComponentCollapse\n                        component={\n                          <Typography variant={'body1'} component={'div'}>\n                            Files which <strong>aren't</strong> included in a\n                            ZIP package may be downloaded as a multi-file\n                            download.&nbsp;\n                          </Typography>\n                        }\n                        collapseBoxSx={{\n                          backgroundColor: 'transparent',\n                          p: 0,\n                          mt: '15px',\n                        }}\n                        componentContainerSx={{\n                          backgroundColor: 'transparent',\n                          p: 0,\n                        }}\n                        iconSx={{ width: '25px', height: '25px' }}\n                      >\n                        <Typography\n                          variant={'body1'}\n                          component={'div'}\n                          sx={{ marginBottom: '15px' }}\n                        >\n                          Clicking “Start Multi-file Download” initiates a\n                          download of all files in your Download List that can’t\n                          be bundled into a ZIP—such as large files or external\n                          links—in one step. Files are saved one by one with\n                          clear progress updates, automatic handling of\n                          duplicate names, and retry support if something fails.\n                          You can cancel anytime.\n                          <br />\n                          <br />\n                          Note: in some browsers, files download individually to\n                          your default Downloads folder instead of a selected\n                          location.\n                        </Typography>\n                      </ComponentCollapse>\n                    </div>\n                  )}\n                </div>\n              </div>\n\n              <div>\n                {isShowingCreatePackageUI && (\n                  <div ref={createPackageRef}>\n                    <CreatePackageV2\n                      onPackageCreation={() => {\n                        setIsShowingDownloadSuccessAlert(true)\n                      }}\n                    />\n                  </div>\n                )}\n                <h3 className={`${styles.sectionTitle} pageHeaderTitle`}>\n                  Download Individual Files\n                </h3>\n                <div className={styles.tabsContainer}>\n                  <ul className={styles.navTabs}>\n                    <li className={styles.navLabel}>View:</li>\n                    {filterTabs.map((tab, index) => (\n                      <li\n                        key={tab.label}\n                        className={`${styles.navItem}${\n                          selectedFilterTabIndex === index\n                            ? ` ${styles.active}`\n                            : ''\n                        }`}\n                        aria-selected={selectedFilterTabIndex === index}\n                      >\n                        <button\n                          onClick={() => setSelectedFilterTabIndex(index)}\n                        >\n                          {tab.label}\n                          {!isError && !isLoading && data && (\n                            <span className={styles.fileCount}>\n                              {getFilterCount(data, tab.filter)}\n                            </span>\n                          )}\n                        </button>\n                      </li>\n                    ))}\n                  </ul>\n                </div>\n\n                <div className={styles.availableForDownloadTableContainer}>\n                  <AvailableForDownloadTable\n                    key={selectedFilter ?? 'all'}\n                    filter={selectedFilter}\n                  />\n                </div>\n              </div>\n            </div>\n          )}\n          {data.numberOfFilesAvailableForDownload === 0 && (\n            <div className={styles.placeholder}>\n              <Typography variant=\"body1Italic\">\n                Your Download List is currently empty.\n              </Typography>\n            </div>\n          )}\n        </div>\n      )}\n      <FullWidthAlert\n        show={isShowingDownloadSuccessAlert}\n        variant=\"success\"\n        title=\"Package Created\"\n        description=\"A package has been created with eligible files. The items contained in this .zip file have been removed from your list. If your package is over 1GB, you will need to create multiple packages.\"\n        autoCloseAfterDelayInSeconds={10}\n        onClose={() => {\n          setIsShowingDownloadSuccessAlert(false)\n        }}\n      />\n      {isShowingModal && (\n        <ProgrammaticInstructionsModal\n          show={true}\n          onClose={() => setIsShowingModal(false)}\n          title=\"Download Programmatically\"\n          pythonCode={pythonDownloadCode}\n          cliCode={cliDownloadCode}\n          // rCode={rDownloadCode}\n        />\n      )}\n    </div>\n  )\n}\n\nexport default DownloadCartPage\n"],"mappings":"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"}
+{"version":3,"file":"DownloadCartPage.js","names":[],"sources":["../../../src/components/DownloadCart/DownloadCartPage.tsx"],"sourcesContent":["import styles from './DownloadCartPage.module.scss'\nimport SynapseClient from '@/synapse-client'\nimport { useGetDownloadListStatistics } from '@/synapse-queries/download/useDownloadList'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport DeleteTwoTone from '@mui/icons-material/DeleteTwoTone'\nimport { Button, Tooltip, Typography } from '@mui/material'\nimport {\n  AvailableFilter,\n  FilesStatisticsResponse,\n} from '@sage-bionetworks/synapse-types'\nimport { useEffect, useRef, useState } from 'react'\nimport { ErrorBanner } from '../error/ErrorBanner'\nimport FullWidthAlert from '../FullWidthAlert/FullWidthAlert'\nimport IconSvg from '../IconSvg/IconSvg'\nimport { ProgrammaticInstructionsModal } from '../ProgrammaticInstructionsModal/ProgrammaticInstructionsModal'\nimport AvailableForDownloadTable from './AvailableForDownloadTable'\nimport { CreatePackageV2 } from './CreatePackageV2'\nimport { PYTHON_CLIENT_IMPORT_AND_LOGIN } from './DirectProgrammaticDownload'\nimport { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport { DownloadIneligibleForPackagingFilesFromListButton } from './DownloadIneligibleForPackagingFilesFromListButton'\nimport { DownloadListActionsRequired } from './DownloadListActionsRequired'\nimport ComponentCollapse from '../ComponentCollapse'\n\nconst pythonDownloadCode = `${PYTHON_CLIENT_IMPORT_AND_LOGIN}\ndl_list_file_entities = syn.get_download_list()`\n\nconst cliDownloadCode = `synapse get-download-list`\n\nconst filterTabs: { label: string; filter: AvailableFilter }[] = [\n  { label: 'All Files', filter: undefined },\n  { label: 'Files included in ZIP', filter: 'eligibleForPackaging' },\n  { label: 'Files not included in ZIP', filter: 'ineligibleForPackaging' },\n]\n\n/**\n * Show the Download Cart page.\n */\nexport function DownloadCartPage() {\n  const { accessToken } = useSynapseContext()\n  const [selectedTabIndex, setSelectedTabIndex] = useState<number>(0)\n  const [selectedFilterTabIndex, setSelectedFilterTabIndex] =\n    useState<number>(0)\n  const selectedFilter = filterTabs[selectedFilterTabIndex].filter\n  const [isShowingCreatePackageUI, setIsShowingCreatePackageUI] =\n    useState<boolean>(false)\n  const createPackageRef = useRef<HTMLDivElement>(null)\n  // scroll to the CreatePackageV2 component when it is shown so that the user is aware of the next steps after clicking the button to create a package\n  useEffect(() => {\n    if (isShowingCreatePackageUI) {\n      createPackageRef.current?.scrollIntoView({\n        behavior: 'smooth',\n        block: 'center',\n      })\n    }\n  }, [isShowingCreatePackageUI])\n  const [isShowingModal, setIsShowingModal] = useState<boolean>(false)\n  const [isShowingDownloadSuccessAlert, setIsShowingDownloadSuccessAlert] =\n    useState(false)\n  const [error, setError] = useState<Error>()\n  const {\n    data,\n    isLoading,\n    isError,\n    error: newError,\n    refetch,\n  } = useGetDownloadListStatistics()\n  useEffect(() => {\n    if (isError && newError) {\n      setError(newError)\n    }\n  }, [isError, newError])\n\n  const getFilterCount = (\n    data: FilesStatisticsResponse,\n    filter: AvailableFilter,\n  ) => {\n    if (filter === undefined) return data.numberOfFilesAvailableForDownload\n    if (filter === 'eligibleForPackaging')\n      return data.numberOfFilesAvailableForDownloadAndEligibleForPackaging\n    return (\n      data.numberOfFilesAvailableForDownload -\n      data.numberOfFilesAvailableForDownloadAndEligibleForPackaging\n    )\n  }\n  // SWC-5874: When arriving at the download cart when there are no ARs, the user should start in the Download list\n  useEffect(() => {\n    if (data?.numberOfFilesRequiringAction == 0) {\n      setSelectedTabIndex(1)\n    }\n    // also hide the Create Package UI if there are no files available for download\n    if (data?.numberOfFilesAvailableForDownloadAndEligibleForPackaging === 0) {\n      setIsShowingCreatePackageUI(false)\n    }\n  }, [data])\n\n  if (error) {\n    return <ErrorBanner error={error} />\n  }\n  const clearDownloadList = async () => {\n    await SynapseClient.clearDownloadListV2(accessToken)\n    refetch()\n  }\n  return (\n    <div className={styles.DownloadCartPage}>\n      <div>\n        <div className={`${styles.pageHeader}`}>\n          <div className=\"container\">\n            <div className={styles.grid}>\n              <h3 className=\"pageHeaderTitle\">Your Download List</h3>\n              <Tooltip\n                title=\"Immediately removes all items from your download list\"\n                enterNextDelay={300}\n                placement=\"right\"\n              >\n                <Button\n                  onClick={() => {\n                    clearDownloadList()\n                  }}\n                  variant=\"text\"\n                  color=\"primary\"\n                  startIcon={<DeleteTwoTone />}\n                >\n                  Clear Your Download List\n                </Button>\n              </Tooltip>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div className={styles.tabsContainer}>\n        <div className=\"container\">\n          <ul className={styles.navTabs}>\n            <li\n              className={`${styles.navItem}${\n                selectedTabIndex == 0 ? ` ${styles.active}` : ''\n              }`}\n              aria-selected={selectedTabIndex == 0}\n            >\n              <button onClick={() => setSelectedTabIndex(0)}>\n                Access Actions Required\n                {!isError && !isLoading && data && (\n                  <span className={styles.fileCount}>\n                    {data.totalNumberOfFiles -\n                      data.numberOfFilesAvailableForDownload}\n                  </span>\n                )}\n              </button>\n            </li>\n            <li\n              className={`${styles.navItem}${\n                selectedTabIndex == 1 ? ` ${styles.active}` : ''\n              }`}\n              aria-selected={selectedTabIndex == 1}\n            >\n              <button onClick={() => setSelectedTabIndex(1)}>\n                Download List\n                {!isError && !isLoading && data && (\n                  <span className={styles.fileCount}>\n                    {data.numberOfFilesAvailableForDownload}\n                  </span>\n                )}\n              </button>\n            </li>\n          </ul>\n        </div>\n      </div>\n\n      <div\n        className={\n          /*\n           The DownloadListActionsRequired component stores actions in local state to track which actions are completed.\n\n           Mount the actions required component and hide it with style to ensure actions stored in component state are persisted as the user switches tabs\n           */\n          !(selectedTabIndex == 0 && !isError && !isLoading && data)\n            ? styles.hidden\n            : undefined\n        }\n      >\n        {data?.numberOfFilesRequiringAction &&\n          data.numberOfFilesRequiringAction > 0 && (\n            // Unmount instead of hiding the DownloadListActionsRequired component when there are 0 actions required\n            // The DownloadListActionsRequired cannot discern between a fulfilled action and an action that is no longer required because the\n            // file was removed from the download cart.\n            // In the typical case where the download cart is cleared, unmounting the component ensures that the actions are cleared out.\n            <div>\n              <div className=\"container\">\n                <DownloadListActionsRequired />\n              </div>\n            </div>\n          )}\n        {data?.numberOfFilesRequiringAction === 0 && (\n          <div className={styles.placeholder}>\n            <div>No actions are currently required.</div>\n          </div>\n        )}\n      </div>\n\n      {selectedTabIndex == 1 && !isError && !isLoading && data && (\n        <div>\n          {data.numberOfFilesAvailableForDownload > 0 && (\n            <div className={`container ${styles.DownloadListTabContent}`}>\n              <h3 className={`${styles.sectionTitle} pageHeaderTitle`}>\n                Bulk Download Options\n                {data.sumOfFileSizesAvailableForDownload != null && (\n                  <Tooltip\n                    placement=\"right\"\n                    title={\n                      <>\n                        Total file size\n                        <br />\n                        Does not include files hosted outside Synapse\n                      </>\n                    }\n                    slotProps={{ tooltip: { sx: { maxWidth: 400 } } }}\n                  >\n                    <span className={styles.totalFileSize}>\n                      {calculateFriendlyFileSize(\n                        data.sumOfFileSizesAvailableForDownload,\n                      )}{' '}\n                      total*\n                    </span>\n                  </Tooltip>\n                )}\n              </h3>\n              <div>\n                <div className={styles.subSectionOverview}>\n                  <div className={styles.subSection}>\n                    <div className={styles.subSectionHeader}>\n                      <div className={styles.headline}>\n                        <Typography variant={'headline3'}>\n                          <IconSvg icon=\"packagableFile\" /> Web Download (.ZIP)\n                        </Typography>\n                      </div>\n                      <div className={styles.subSectionActions}>\n                        {data.numberOfFilesAvailableForDownloadAndEligibleForPackaging >\n                          0 && (\n                          <Button\n                            variant=\"contained\"\n                            onClick={() => {\n                              setIsShowingCreatePackageUI(true)\n                            }}\n                            startIcon={<IconSvg icon=\"download\" wrap={false} />}\n                          >\n                            Download Packages\n                          </Button>\n                        )}\n                        {data.numberOfFilesAvailableForDownloadAndEligibleForPackaging ==\n                          0 && (\n                          <Tooltip\n                            title=\"You cannot create a .zip package because there are no eligible files.\"\n                            enterNextDelay={300}\n                            placement=\"top\"\n                          >\n                            <span>\n                              <Button\n                                variant=\"contained\"\n                                disabled\n                                startIcon={\n                                  <IconSvg icon=\"download\" wrap={false} />\n                                }\n                              >\n                                Download Packages\n                              </Button>\n                            </span>\n                          </Tooltip>\n                        )}\n                      </div>\n                    </div>\n                    <ComponentCollapse\n                      component={\n                        <Typography variant={'body1'} component={'div'}>\n                          Only some files may be eligible for packaging as ZIP.\n                          Use the Individual Downloads tab, below, to download\n                          non-packageable files.&nbsp;\n                          <a\n                            href=\"https://help.synapse.org/docs/Downloading-Data-From-the-Synapse-UI.2004254837.html\"\n                            target=\"_blank\"\n                            rel=\"noopener noreferrer\"\n                          >\n                            More Information.\n                          </a>\n                        </Typography>\n                      }\n                      collapseBoxSx={{\n                        backgroundColor: 'transparent',\n                        p: 0,\n                        mt: '15px',\n                      }}\n                      componentContainerSx={{\n                        backgroundColor: 'transparent',\n                        p: 0,\n                      }}\n                      iconSx={{ width: '25px', height: '25px' }}\n                    >\n                      <Typography\n                        variant={'body1'}\n                        component={'div'}\n                        sx={{ marginBottom: '15px' }}\n                      >\n                        <ul>\n                          <li>Files are bundled into .ZIPs up to 1 GB each.</li>\n                          <li>\n                            Larger selections are split into multiple packages.\n                          </li>\n                          <li>\n                            Includes only files stored in Synapse native\n                            storage.\n                          </li>\n                          <li>\n                            Each package contains a CSV manifest with file\n                            annotations and metadata.\n                          </li>\n                        </ul>\n                      </Typography>\n                    </ComponentCollapse>\n                  </div>\n                  <div className={styles.subSection}>\n                    <div className={styles.subSectionHeader}>\n                      <div className={styles.headline}>\n                        <Typography variant={'headline3'}>\n                          <IconSvg icon=\"code\" /> Programmatic Download\n                        </Typography>\n                      </div>\n                      <div className={styles.subSectionActions}>\n                        <Button\n                          variant=\"contained\"\n                          onClick={() => {\n                            setIsShowingModal(true)\n                          }}\n                          startIcon={<IconSvg icon=\"download\" wrap={false} />}\n                        >\n                          Get R / Python / CLI Code\n                        </Button>\n                      </div>\n                    </div>\n                    <ComponentCollapse\n                      component={\n                        <Typography variant={'body1'} component={'div'}>\n                          Use our Python, R, or command line clients to download\n                          files quickly.&nbsp;\n                          <a\n                            href=\"https://help.synapse.org/docs/Downloading-Data-Programmatically.2003796248.html\"\n                            target=\"_blank\"\n                            rel=\"noopener noreferrer\"\n                          >\n                            More Information.\n                          </a>\n                        </Typography>\n                      }\n                      collapseBoxSx={{\n                        backgroundColor: 'transparent',\n                        p: 0,\n                        mt: '15px',\n                      }}\n                      componentContainerSx={{\n                        backgroundColor: 'transparent',\n                        p: 0,\n                      }}\n                      iconSx={{ width: '25px', height: '25px' }}\n                    >\n                      <Typography\n                        variant={'body1'}\n                        component={'div'}\n                        sx={{ marginBottom: '15px' }}\n                      >\n                        <ul>\n                          <li>Requires a client (R, Python, or CLI).</li>\n                          <li>\n                            No limits on individual file size or total download\n                            size.\n                          </li>\n                          <li>\n                            Includes files stored both on and off Synapse native\n                            storage.\n                          </li>\n                          <li>\n                            Downloads include a CSV manifest with file\n                            annotations and metadata.\n                          </li>\n                        </ul>\n                      </Typography>\n                    </ComponentCollapse>\n                  </div>\n                  {data.numberOfFilesAvailableForDownloadAndEligibleForPackaging <\n                    data.numberOfFilesAvailableForDownload && (\n                    <div className={styles.subSection}>\n                      <div className={styles.subSectionHeader}>\n                        <div className={styles.headline}>\n                          <Typography variant={'headline3'}>\n                            <IconSvg icon=\"multiFile\" /> Multi-file Download\n                          </Typography>\n                        </div>\n                        <div className={styles.subSectionActions}>\n                          <div className={styles.ineligibleDownloadContainer}>\n                            <DownloadIneligibleForPackagingFilesFromListButton />\n                          </div>\n                        </div>\n                      </div>\n                      <ComponentCollapse\n                        component={\n                          <Typography variant={'body1'} component={'div'}>\n                            Files which <strong>aren't</strong> included in a\n                            ZIP package may be downloaded as a multi-file\n                            download.&nbsp;\n                          </Typography>\n                        }\n                        collapseBoxSx={{\n                          backgroundColor: 'transparent',\n                          p: 0,\n                          mt: '15px',\n                        }}\n                        componentContainerSx={{\n                          backgroundColor: 'transparent',\n                          p: 0,\n                        }}\n                        iconSx={{ width: '25px', height: '25px' }}\n                      >\n                        <Typography\n                          variant={'body1'}\n                          component={'div'}\n                          sx={{ marginBottom: '15px' }}\n                        >\n                          Clicking “Start Multi-file Download” initiates a\n                          download of all files in your Download List that can’t\n                          be bundled into a ZIP—such as large files or external\n                          links—in one step. Files are saved one by one with\n                          clear progress updates, automatic handling of\n                          duplicate names, and retry support if something fails.\n                          You can cancel anytime.\n                          <br />\n                          <br />\n                          Note: in some browsers, files download individually to\n                          your default Downloads folder instead of a selected\n                          location.\n                        </Typography>\n                      </ComponentCollapse>\n                    </div>\n                  )}\n                </div>\n              </div>\n\n              <div>\n                {isShowingCreatePackageUI && (\n                  <div ref={createPackageRef}>\n                    <CreatePackageV2\n                      onPackageCreation={() => {\n                        setIsShowingDownloadSuccessAlert(true)\n                      }}\n                    />\n                  </div>\n                )}\n                <h3 className={`${styles.sectionTitle} pageHeaderTitle`}>\n                  Download Individual Files\n                </h3>\n                <div className={styles.tabsContainer}>\n                  <ul className={styles.navTabs}>\n                    <li className={styles.navLabel}>View:</li>\n                    {filterTabs.map((tab, index) => (\n                      <li\n                        key={tab.label}\n                        className={`${styles.navItem}${\n                          selectedFilterTabIndex === index\n                            ? ` ${styles.active}`\n                            : ''\n                        }`}\n                        aria-selected={selectedFilterTabIndex === index}\n                      >\n                        <button\n                          onClick={() => setSelectedFilterTabIndex(index)}\n                        >\n                          {tab.label}\n                          {!isError && !isLoading && data && (\n                            <span className={styles.fileCount}>\n                              {getFilterCount(data, tab.filter)}\n                            </span>\n                          )}\n                        </button>\n                      </li>\n                    ))}\n                  </ul>\n                </div>\n\n                <div className={styles.availableForDownloadTableContainer}>\n                  <AvailableForDownloadTable\n                    key={selectedFilter ?? 'all'}\n                    filter={selectedFilter}\n                  />\n                </div>\n              </div>\n            </div>\n          )}\n          {data.numberOfFilesAvailableForDownload === 0 && (\n            <div className={styles.placeholder}>\n              <Typography variant=\"body1Italic\">\n                Your Download List is currently empty.\n              </Typography>\n            </div>\n          )}\n        </div>\n      )}\n      <FullWidthAlert\n        show={isShowingDownloadSuccessAlert}\n        variant=\"success\"\n        title=\"Package Created\"\n        description=\"A package has been created with eligible files. The items contained in this .zip file have been removed from your list. If your package is over 1GB, you will need to create multiple packages.\"\n        autoCloseAfterDelayInSeconds={10}\n        onClose={() => {\n          setIsShowingDownloadSuccessAlert(false)\n        }}\n      />\n      {isShowingModal && (\n        <ProgrammaticInstructionsModal\n          show={true}\n          onClose={() => setIsShowingModal(false)}\n          title=\"Download Programmatically\"\n          pythonCode={pythonDownloadCode}\n          cliCode={cliDownloadCode}\n          // rCode={rDownloadCode}\n        />\n      )}\n    </div>\n  )\n}\n\nexport default DownloadCartPage\n"],"mappings":"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"}

package/dist/components/DownloadCart/DownloadIneligibleForPackagingFilesFromListButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DownloadIneligibleForPackagingFilesFromListButton.d.ts","sourceRoot":"","sources":["../../../src/components/DownloadCart/DownloadIneligibleForPackagingFilesFromListButton.tsx"],"names":[],"mappings":"AAoEA,MAAM,MAAM,sDAAsD,GAAG;IACnE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,WAAW,CAAA;CAC5C,CAAA;AAED;;;;GAIG;AACH,wBAAgB,iDAAiD,CAC/D,KAAK,EAAE,sDAAsD,kDAu0B9D;AAED,eAAe,iDAAiD,CAAA"}
+{"version":3,"file":"DownloadIneligibleForPackagingFilesFromListButton.d.ts","sourceRoot":"","sources":["../../../src/components/DownloadCart/DownloadIneligibleForPackagingFilesFromListButton.tsx"],"names":[],"mappings":"AAqEA,MAAM,MAAM,sDAAsD,GAAG;IACnE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,WAAW,CAAA;CAC5C,CAAA;AAED;;;;GAIG;AACH,wBAAgB,iDAAiD,CAC/D,KAAK,EAAE,sDAAsD,kDAu0B9D;AAED,eAAe,iDAAiD,CAAA"}

package/dist/components/DownloadCart/DownloadIneligibleForPackagingFilesFromListButton.js

@@ -14,10 +14,11 @@ import { Box as _, Button as v, IconButton as y, LinearProgress as ee, Paper as
 import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
 import { FileHandleAssociateType as te } from "@sage-bionetworks/synapse-types";
 import { useQueryClient as ne } from "@tanstack/react-query";
-import { Close as re, Download as ie } from "@mui/icons-material";
+import re from "@mui/icons-material/Close";
 import T from "dayjs";
 import E from "dayjs/plugin/relativeTime";
 import D from "dayjs/plugin/duration";
+import ie from "@mui/icons-material/Download";
 //#region src/components/DownloadCart/DownloadIneligibleForPackagingFilesFromListButton.tsx
 function ae(e) {
 	return "showDirectoryPicker" in e;
@@ -103,7 +104,7 @@ function A(E) {
 						let n = await fetch(e);
 						if (!n.ok) throw Error(`HTTP error! status: ${n.status}`);
 						let r = await n.blob(), i = URL.createObjectURL(r), a = document.createElement("a");
-						return a.href = i, a.download = t, a.style.display = "none", document.body.appendChild(a), a.click(), document.body.removeChild(a), setTimeout(() => URL.revokeObjectURL(i), 1e3), !0;
+						return a.href = i, a.download = t, a.style.display = "none", document.body.appendChild(a), a.click(), a.remove(), setTimeout(() => URL.revokeObjectURL(i), 1e3), !0;
 					} catch (n) {
 						console.error(`Failed to download file ${t}:`, n);
 						try {

package/dist/components/DownloadCart/DownloadIneligibleForPackagingFilesFromListButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"DownloadIneligibleForPackagingFilesFromListButton.js","names":[],"sources":["../../../src/components/DownloadCart/DownloadIneligibleForPackagingFilesFromListButton.tsx"],"sourcesContent":["import { useSynapseContext } from '@/utils'\nimport { implementsExternalFileHandleInterface } from '@/utils/types/IsType'\nimport { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport {\n  Box,\n  Button,\n  IconButton,\n  LinearProgress,\n  Paper,\n  Typography,\n} from '@mui/material'\nimport { Close, Download } from '@mui/icons-material'\nimport CloudWarning from '@/assets/icons/CloudWarning'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport dayjs from 'dayjs'\nimport duration from 'dayjs/plugin/duration'\nimport relativeTime from 'dayjs/plugin/relativeTime'\nimport {\n  BatchFileRequest,\n  BatchFileResult,\n  ExternalFileHandle,\n  FileEntity,\n  FileHandleAssociation,\n  FileHandleAssociateType,\n} from '@sage-bionetworks/synapse-types'\nimport { useCallback, useEffect, useRef, useState } from 'react'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { displayToast } from '../ToastMessage/ToastMessage'\nimport {\n  useGetAvailableFilesToDownloadInfinite,\n  useGetDownloadListStatistics,\n  useRemoveFilesFromDownloadList,\n} from '@/synapse-queries/download/useDownloadList'\nimport { getFiles } from '@/synapse-client/SynapseClient'\nimport { useGetEntityQueryOptions } from '@/synapse-queries/entity/useEntity'\n\nimport { deduplicateFileName, getFileName } from './fileNameUtils'\nimport styles from './DownloadIneligibleForPackagingFilesFromListButton.module.scss'\n\n// showDirectoryPicker is not yet available on the Window interface.\ninterface FileSystemAccessWindow extends Window {\n  showDirectoryPicker(options?: {\n    mode?: 'read' | 'readwrite'\n    startIn?:\n      | 'desktop'\n      | 'documents'\n      | 'downloads'\n      | 'music'\n      | 'pictures'\n      | 'videos'\n  }): Promise<FileSystemDirectoryHandle>\n}\n\n/**\n * Type guard to check if File System Access API is available\n */\nfunction supportsFileSystemAccess(\n  window: Window,\n): window is FileSystemAccessWindow {\n  return 'showDirectoryPicker' in window\n}\n\nconst FILE_BATCH_SIZE = 50 // Maximum batch size for fetching presigned URLs\nconst ETA_DELAY_MS = 3000 // Wait this long before showing ETA\n\ndayjs.extend(duration)\ndayjs.extend(relativeTime)\n\nexport type DownloadIneligibleForPackagingFilesFromListButtonProps = {\n  buttonText?: string\n  variant?: 'text' | 'outlined' | 'contained'\n}\n\n/**\n * Button component that downloads files from the user's download list that are ineligible for packaging.\n * Uses the infinite query hook to fetch all pages of download list items,\n * batches requests to get presigned URLs, and triggers browser downloads.\n */\nexport function DownloadIneligibleForPackagingFilesFromListButton(\n  props: DownloadIneligibleForPackagingFilesFromListButtonProps,\n) {\n  const { buttonText = 'Start Multi-file Download', variant = 'contained' } =\n    props\n  const { accessToken, isAuthenticated } = useSynapseContext()\n  const queryClient = useQueryClient()\n  const getEntityQueryOptions = useGetEntityQueryOptions<FileEntity>()\n  const [isDownloading, setIsDownloading] = useState(false)\n  const isDownloadingRef = useRef(false)\n  const [showExternalFileWarning, setShowExternalFileWarning] = useState(false)\n  const isCancelledRef = useRef(false)\n  const abortControllerRef = useRef<AbortController | null>(null)\n  const [downloadProgress, setDownloadProgress] = useState<{\n    currentFile: string\n    fileIndex: number\n    totalFiles: number\n    bytesDownloaded: number\n    totalBytes: number\n    estimatedSecondsRemaining: number | null\n  } | null>(null)\n  const fileDownloadStartRef = useRef<number | null>(null)\n\n  // Accessibility: tracks the last announced file index and progress bucket so\n  // the aria-live region only updates on meaningful changes (not every chunk).\n  const [announceText, setAnnounceText] = useState('')\n  const lastAnnouncedFileIndexRef = useRef<number>(-1)\n  const lastAnnouncedPercentBucketRef = useRef<number>(-1)\n\n  useEffect(() => {\n    if (!downloadProgress) {\n      lastAnnouncedFileIndexRef.current = -1\n      lastAnnouncedPercentBucketRef.current = -1\n      setAnnounceText('')\n      return\n    }\n\n    const { fileIndex, totalFiles, currentFile, bytesDownloaded, totalBytes } =\n      downloadProgress\n\n    // Announce when a new file starts downloading\n    if (fileIndex !== lastAnnouncedFileIndexRef.current) {\n      lastAnnouncedFileIndexRef.current = fileIndex\n      lastAnnouncedPercentBucketRef.current = -1\n      setAnnounceText(\n        `Downloading file ${fileIndex} of ${totalFiles}: ${currentFile}`,\n      )\n      return\n    }\n\n    // Announce at each 25% milestone (25, 50, 75, 100) once per file\n    if (totalBytes > 0) {\n      const percent = Math.floor((bytesDownloaded / totalBytes) * 100)\n      const bucket = Math.floor(percent / 25) * 25\n      if (bucket > 0 && bucket !== lastAnnouncedPercentBucketRef.current) {\n        lastAnnouncedPercentBucketRef.current = bucket\n        setAnnounceText(`${bucket}% of ${currentFile} downloaded`)\n      }\n    }\n  }, [downloadProgress])\n\n  const { data, status, hasNextPage, fetchNextPage, error } =\n    useGetAvailableFilesToDownloadInfinite()\n\n  const { mutateAsync: removeFilesFromDownloadList } =\n    useRemoveFilesFromDownloadList()\n\n  const { refetch: refetchDownloadListStatistics } =\n    useGetDownloadListStatistics()\n\n  /**\n   * Downloads all files from the download list.\n   */\n  const downloadAllFiles = useCallback(\n    async (downloadListItems: typeof data) => {\n      // Prevent re-entry if already downloading\n      if (isDownloadingRef.current) {\n        return\n      }\n\n      if (!downloadListItems || !isAuthenticated) {\n        setIsDownloading(false)\n        return\n      }\n\n      try {\n        isDownloadingRef.current = true\n        isCancelledRef.current = false\n        setShowExternalFileWarning(false)\n        const allItems = downloadListItems.pages.flatMap(page => page.page)\n\n        // Filter to only include files that are NOT eligible for packaging\n        const nonPackageableFiles = allItems.filter(\n          item => !item.isEligibleForPackaging,\n        )\n\n        if (nonPackageableFiles.length === 0) {\n          displayToast('No non-packageable files available to download', 'info')\n          setIsDownloading(false)\n          isDownloadingRef.current = false\n          return\n        }\n\n        // Determine if File System Access API is available\n        const useFileSystemAccess = supportsFileSystemAccess(window)\n\n        // Prompt user to select a directory for downloads BEFORE async operations\n        // (must be called during user gesture to avoid SecurityError)\n        let directoryHandle: FileSystemDirectoryHandle | undefined\n\n        if (useFileSystemAccess) {\n          // TypeScript narrowing: we know window has showDirectoryPicker at this point\n          const fileSystemWindow = window as unknown as FileSystemAccessWindow\n\n          try {\n            directoryHandle = await fileSystemWindow.showDirectoryPicker({\n              mode: 'readwrite',\n            })\n          } catch (error) {\n            // User cancelled directory picker\n            console.error('Failed to select directory:', error)\n            displayToast(\n              'Directory selection is required to directly download files from the website.',\n              'warning',\n            )\n            setIsDownloading(false)\n            isDownloadingRef.current = false\n            return\n          }\n        } else {\n          // Show info message for browsers without File System Access API\n          displayToast(\n            'Your browser will download files individually to your default downloads folder. Each file may trigger a separate download prompt.',\n            'info',\n          )\n        }\n\n        // Initialize progress tracking\n        fileDownloadStartRef.current = null\n        setDownloadProgress({\n          currentFile: '',\n          fileIndex: 0,\n          totalFiles: nonPackageableFiles.length,\n          bytesDownloaded: 0,\n          totalBytes: 0,\n          estimatedSecondsRemaining: null,\n        })\n\n        // Fetch entities to get dataFileHandleId for each file\n        // Use React Query's ensureQueryData to leverage cache and built-in retry logic (handles 429s with exponential backoff)\n        // Map key combines entity ID and version to handle multiple versions of the same entity\n        const entityIdToFileHandleId = new Map<string, string>()\n\n        // Fetch all entities in parallel - React Query handles concurrency and retries\n        const entityPromises = nonPackageableFiles.map(async item => {\n          if (isCancelledRef.current) {\n            return\n          }\n\n          try {\n            const entity = await queryClient.ensureQueryData(\n              getEntityQueryOptions(\n                item.fileEntityId,\n                item.versionNumber?.toString(),\n              ),\n            )\n            // Use composite key: entityId-version (or entityId if no version)\n            const mapKey = `${entity.id!}-${item.versionNumber ?? 'latest'}`\n            entityIdToFileHandleId.set(mapKey, entity.dataFileHandleId)\n          } catch (error) {\n            console.error(`Failed to fetch entity ${item.fileEntityId}:`, error)\n            // Continue even if one entity fails\n          }\n        })\n\n        await Promise.all(entityPromises)\n\n        // Convert download list items to file handle associations using the fetched dataFileHandleIds\n        const fileHandleAssociations: FileHandleAssociation[] =\n          nonPackageableFiles\n            .filter(item => {\n              const mapKey = `${item.fileEntityId}-${\n                item.versionNumber ?? 'latest'\n              }`\n              return entityIdToFileHandleId.has(mapKey)\n            })\n            .map(item => {\n              const mapKey = `${item.fileEntityId}-${\n                item.versionNumber ?? 'latest'\n              }`\n              return {\n                fileHandleId: entityIdToFileHandleId.get(mapKey)!,\n                associateObjectId: item.fileEntityId,\n                associateObjectType: FileHandleAssociateType.FileEntity,\n              }\n            })\n\n        if (fileHandleAssociations.length === 0) {\n          displayToast(\n            'Failed to fetch file information for download',\n            'danger',\n          )\n          setIsDownloading(false)\n          isDownloadingRef.current = false\n          return\n        }\n\n        // Split into batches to avoid overwhelming the API\n        const batches: FileHandleAssociation[][] = []\n        for (\n          let i = 0;\n          i < fileHandleAssociations.length;\n          i += FILE_BATCH_SIZE\n        ) {\n          batches.push(fileHandleAssociations.slice(i, i + FILE_BATCH_SIZE))\n        }\n\n        let downloadedCount = 0\n        let failedCount = 0\n        const successfullyDownloadedItems: typeof nonPackageableFiles = []\n\n        // Track used filenames to prevent collisions\n        const usedFilenames = new Map<string, number>()\n\n        /**\n         * Helper function to download file using traditional anchor tag method\n         * @returns boolean indicating if the download was successful\n         */\n        const downloadFileTraditional = async (\n          downloadUrl: string,\n          fileName: string,\n        ): Promise<boolean> => {\n          try {\n            const response = await fetch(downloadUrl)\n            if (!response.ok) {\n              throw new Error(`HTTP error! status: ${response.status}`)\n            }\n\n            const blob = await response.blob()\n            const blobUrl = URL.createObjectURL(blob)\n            const anchor = document.createElement('a')\n            anchor.href = blobUrl\n            anchor.download = fileName\n            anchor.style.display = 'none'\n            document.body.appendChild(anchor)\n            anchor.click()\n            document.body.removeChild(anchor)\n\n            // Clean up blob URL after a delay to ensure download initiation\n            setTimeout(() => URL.revokeObjectURL(blobUrl), 1000)\n\n            return true\n          } catch (error) {\n            console.error(`Failed to download file ${fileName}:`, error)\n            // Fallback to window.open method\n            try {\n              window.open(downloadUrl, '_blank', 'noopener,noreferrer')\n              return true\n            } catch (fallbackError) {\n              console.error(`Fallback window.open also failed:`, fallbackError)\n              return false\n            }\n          }\n        }\n\n        /**\n         * Helper function to process a single file download\n         * @returns boolean indicating if download is successful\n         */\n        const processFileDownload = async (\n          fileResult: BatchFileResult['requestedFiles'][0],\n          originalItem: (typeof nonPackageableFiles)[0] | undefined,\n        ): Promise<boolean> => {\n          try {\n            let downloadUrl: string | undefined\n\n            // Check if this is an external file handle\n            if (\n              fileResult.fileHandle &&\n              implementsExternalFileHandleInterface(fileResult.fileHandle)\n            ) {\n              // For external file handles, use the externalURL\n              downloadUrl = (fileResult.fileHandle as ExternalFileHandle)\n                .externalURL\n              setShowExternalFileWarning(true)\n            } else if (fileResult.preSignedURL) {\n              // For other file types, use the presigned URL\n              downloadUrl = fileResult.preSignedURL\n            }\n\n            if (!downloadUrl) {\n              return false\n            }\n\n            // Get filename from file result or create a default name\n            const baseFileName = getFileName(fileResult, originalItem)\n\n            // Handle filename collisions by adding a counter suffix\n            const fileName = deduplicateFileName(baseFileName, usedFilenames)\n\n            // Update progress with current file info\n            const currentFileIndex = downloadedCount + 1\n            fileDownloadStartRef.current = null\n            setDownloadProgress(prev =>\n              prev\n                ? {\n                    ...prev,\n                    currentFile: fileName,\n                    fileIndex: currentFileIndex,\n                    bytesDownloaded: 0,\n                    totalBytes: 0,\n                    estimatedSecondsRemaining: null,\n                  }\n                : null,\n            )\n\n            // Use traditional download method for unsupported browsers\n            if (!useFileSystemAccess) {\n              const success = await downloadFileTraditional(\n                downloadUrl,\n                fileName,\n              )\n              if (success) {\n                downloadedCount = currentFileIndex\n                if (originalItem) {\n                  successfullyDownloadedItems.push(originalItem)\n                }\n              }\n              return success\n            }\n\n            // Use File System Access API for supported browsers\n            if (!directoryHandle) {\n              return false\n            }\n\n            try {\n              // Fetch the file\n              abortControllerRef.current = new AbortController()\n              const response = await fetch(downloadUrl, {\n                signal: abortControllerRef.current.signal,\n              })\n              if (!response.ok) {\n                throw new Error(`HTTP error! status: ${response.status}`)\n              }\n\n              // Get total file size from headers\n              const contentLength = response.headers.get('content-length')\n              const totalBytes = contentLength ? parseInt(contentLength, 10) : 0\n\n              // Update progress with file size\n              setDownloadProgress(prev =>\n                prev\n                  ? {\n                      ...prev,\n                      bytesDownloaded: 0,\n                      totalBytes,\n                    }\n                  : null,\n              )\n\n              // Create file handle in selected directory\n              const fileHandle = await directoryHandle.getFileHandle(fileName, {\n                create: true,\n              })\n              const writableStream = await fileHandle.createWritable()\n\n              // Stream the response body to the file with progress tracking\n              if (response.body) {\n                const reader = response.body.getReader()\n                let bytesReceived = 0\n                let streamAborted = false\n\n                try {\n                  while (true) {\n                    const { done, value } = await reader.read()\n                    if (done) break\n\n                    bytesReceived += value.length\n                    await writableStream.write(value)\n\n                    // Check for cancellation on every chunk\n                    if (isCancelledRef.current) {\n                      streamAborted = true\n                      reader.cancel()\n                      await writableStream.abort()\n                      break\n                    }\n\n                    if (fileDownloadStartRef.current === null) {\n                      fileDownloadStartRef.current = Date.now()\n                    }\n                    const elapsedMs = Date.now() - fileDownloadStartRef.current\n                    let estimatedSecondsRemaining: number | null = null\n                    if (\n                      elapsedMs > ETA_DELAY_MS &&\n                      bytesReceived > 0 &&\n                      totalBytes > 0\n                    ) {\n                      const rate = bytesReceived / elapsedMs\n                      estimatedSecondsRemaining = Math.max(\n                        0,\n                        (totalBytes - bytesReceived) / rate / 1000,\n                      )\n                    }\n\n                    // Update progress\n                    setDownloadProgress(prev =>\n                      prev\n                        ? {\n                            ...prev,\n                            bytesDownloaded: bytesReceived,\n                            ...(elapsedMs > ETA_DELAY_MS && {\n                              estimatedSecondsRemaining,\n                            }),\n                          }\n                        : null,\n                    )\n                  }\n                } catch (streamError) {\n                  if (!streamAborted) {\n                    await writableStream.abort()\n                    streamAborted = true\n                  }\n                  throw streamError\n                } finally {\n                  if (!streamAborted) {\n                    await writableStream.close()\n                  }\n                }\n\n                // If cancelled mid-stream, return false without falling through to success path\n                if (isCancelledRef.current) {\n                  return false\n                }\n              } else {\n                // Fallback if streaming not supported\n                try {\n                  const blob = await response.blob()\n                  await writableStream.write(blob)\n                } finally {\n                  await writableStream.close()\n                }\n              }\n\n              downloadedCount = currentFileIndex\n\n              // Track successfully downloaded item for batch removal\n              if (originalItem) {\n                successfullyDownloadedItems.push(originalItem)\n              }\n              return true\n            } catch (fetchError) {\n              // If the fetch was aborted due to cancellation, do not fall back\n              if (\n                isCancelledRef.current ||\n                (fetchError instanceof DOMException &&\n                  fetchError.name === 'AbortError')\n              ) {\n                return false\n              }\n              console.error(\n                `Failed to fetch/write file ${fileResult.fileHandleId}:`,\n                fetchError,\n              )\n              // Fallback to window.open if File System Access API fails\n              try {\n                downloadFileTraditional(downloadUrl, fileName)\n                downloadedCount = currentFileIndex\n                if (originalItem) {\n                  successfullyDownloadedItems.push(originalItem)\n                }\n                return true\n              } catch (fallbackError) {\n                console.error(\n                  `Fallback downloadFileTraditional also failed for ${fileResult.fileHandleId}:`,\n                  fallbackError,\n                )\n                return false\n              }\n            }\n          } catch (error) {\n            console.error(\n              `Failed to download file ${fileResult.fileHandleId}:`,\n              error,\n            )\n            return false\n          }\n        }\n\n        /**\n         * Fallback function to fetch files individually when batch fails\n         */\n        const fetchIndividually = async (\n          batch: FileHandleAssociation[],\n        ): Promise<void> => {\n          console.info(\n            `Attempting to fetch ${batch.length} files individually after batch failure`,\n          )\n\n          for (const fileHandleAssociation of batch) {\n            // Check if user cancelled the operation\n            if (isCancelledRef.current) {\n              console.info('Individual file fetch cancelled by user')\n              break\n            }\n\n            const singleBatch = [fileHandleAssociation]\n            try {\n              const batchRequest: BatchFileRequest = {\n                requestedFiles: singleBatch,\n                includeFileHandles: true,\n                includePreSignedURLs: true,\n                includePreviewPreSignedURLs: false,\n              }\n\n              const batchResult = await getFiles(batchRequest, accessToken)\n\n              if (batchResult.requestedFiles.length > 0) {\n                const fileResult = batchResult.requestedFiles[0]\n                const originalItem = nonPackageableFiles.find(\n                  item =>\n                    item.fileEntityId ===\n                    fileHandleAssociation.associateObjectId,\n                )\n\n                const success = await processFileDownload(\n                  fileResult,\n                  originalItem,\n                )\n                if (!success) {\n                  failedCount++\n                }\n              } else {\n                failedCount++\n              }\n            } catch (error) {\n              console.error(\n                `Failed to fetch individual file ${fileHandleAssociation.fileHandleId}:`,\n                error,\n              )\n              failedCount++\n            }\n          }\n        }\n\n        // Process each batch\n        for (const batch of batches) {\n          // Check if user cancelled the operation\n          if (isCancelledRef.current) {\n            console.info('Download cancelled by user')\n            break\n          }\n\n          // Try to fetch the entire batch (getFiles has built-in retry logic)\n          let batchResult: BatchFileResult | null = null\n          try {\n            const batchRequest: BatchFileRequest = {\n              requestedFiles: batch,\n              includeFileHandles: true,\n              includePreSignedURLs: true,\n              includePreviewPreSignedURLs: false,\n            }\n            batchResult = await getFiles(batchRequest, accessToken)\n          } catch (error) {\n            console.error('Failed to fetch batch:', error)\n          }\n\n          if (batchResult) {\n            // Batch fetch succeeded, process all files\n            for (let i = 0; i < batchResult.requestedFiles.length; i++) {\n              // Check if user cancelled the operation\n              if (isCancelledRef.current) {\n                console.info(\n                  'Download cancelled by user during batch processing',\n                )\n                break\n              }\n\n              const fileResult = batchResult.requestedFiles[i]\n              const originalItem = nonPackageableFiles.find(\n                item => item.fileEntityId === batch[i].associateObjectId,\n              )\n\n              const success = await processFileDownload(\n                fileResult,\n                originalItem,\n              )\n              if (!success) {\n                failedCount++\n              }\n            }\n          } else {\n            // Batch fetch failed after retries, try fetching files individually\n            await fetchIndividually(batch)\n          }\n        }\n\n        // Remove all successfully downloaded files from the download list in one batch\n        if (successfullyDownloadedItems.length > 0) {\n          await removeFilesFromDownloadList({\n            batchToRemove: successfullyDownloadedItems.map(\n              (item: (typeof nonPackageableFiles)[0]) => ({\n                fileEntityId: item.fileEntityId,\n                versionNumber: item.versionNumber,\n              }),\n            ),\n          })\n          // Refetch statistics after removing files\n          await refetchDownloadListStatistics()\n          // Scroll to top of page to show updated statistics\n          window.scrollTo({ top: 0, behavior: 'smooth' })\n        }\n\n        // Show completion message\n        if (isCancelledRef.current) {\n          displayToast(\n            `Download cancelled. ${downloadedCount} file${\n              downloadedCount !== 1 ? 's were' : ' was'\n            } downloaded before cancellation.`,\n            'info',\n          )\n        } else if (downloadedCount > 0) {\n          displayToast(\n            `Download started for ${downloadedCount} file${\n              downloadedCount !== 1 ? 's' : ''\n            }${\n              failedCount > 0\n                ? `. ${failedCount} file${failedCount !== 1 ? 's' : ''} failed.`\n                : '.'\n            }`,\n            failedCount > 0 ? 'warning' : 'success',\n          )\n        } else {\n          displayToast('No files could be downloaded', 'warning')\n        }\n      } catch (error) {\n        console.error('Error downloading files:', error)\n        const message =\n          (error as SynapseClientError | undefined)?.reason ??\n          (error instanceof Error ? error.message : undefined) ??\n          'An error occurred while downloading files'\n        displayToast(message, 'danger')\n      } finally {\n        setDownloadProgress(null)\n        setIsDownloading(false)\n        isDownloadingRef.current = false\n      }\n    },\n    [\n      accessToken,\n      isAuthenticated,\n      queryClient,\n      getEntityQueryOptions,\n      removeFilesFromDownloadList,\n      refetchDownloadListStatistics,\n    ],\n  )\n\n  const handleClick = useCallback(async () => {\n    if (isDownloading) {\n      return\n    }\n    setIsDownloading(true)\n\n    // Fetch all remaining pages imperatively, then download\n    try {\n      let stillHasNextPage = hasNextPage\n      let latestData = data\n      while (stillHasNextPage && fetchNextPage) {\n        const result = await fetchNextPage()\n        stillHasNextPage = result.hasNextPage\n        if (result.data) {\n          latestData = result.data\n        }\n      }\n\n      // All pages loaded, now download\n      if (status === 'success' && latestData) {\n        void downloadAllFiles(latestData)\n      } else {\n        // Failed to load data\n        setIsDownloading(false)\n        isDownloadingRef.current = false\n        displayToast(\n          'Failed to load download list. Please try again.',\n          'danger',\n        )\n      }\n    } catch (error) {\n      console.error('Error downloading files:', error)\n      setIsDownloading(false)\n      isDownloadingRef.current = false\n      const message =\n        (error as SynapseClientError | undefined)?.reason ??\n        (error instanceof Error ? error.message : undefined) ??\n        'An error occurred while preparing files for download'\n      displayToast(message, 'danger')\n    }\n  }, [\n    isDownloading,\n    hasNextPage,\n    fetchNextPage,\n    status,\n    data,\n    downloadAllFiles,\n  ])\n\n  const handleCancel = useCallback(() => {\n    isCancelledRef.current = true\n    abortControllerRef.current?.abort()\n    setDownloadProgress(null)\n    setIsDownloading(false)\n    isDownloadingRef.current = false\n  }, [])\n\n  if (error) {\n    return null\n  }\n\n  return (\n    <>\n      {/* Visually-hidden live region — announces file start and progress milestones to screen readers */}\n      <span\n        role=\"status\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        className={styles.visuallyHidden}\n      >\n        {announceText}\n      </span>\n      {!!downloadProgress && showExternalFileWarning && (\n        <Paper\n          elevation={8}\n          className={styles.externalWarningPanel}\n          sx={{ zIndex: theme => theme.zIndex.modal }}\n          role=\"region\"\n          aria-label=\"External file warning\"\n        >\n          <CloudWarning className={styles.warningIcon} />\n          <Box className={styles.warningTextContainer}>\n            <Typography className={styles.warningTitleText}>\n              Some of your files are hosted externally.\n            </Typography>\n            <Typography className={styles.progressFileNameText}>\n              Downloads may be slower than expected\n            </Typography>\n          </Box>\n          <IconButton\n            onClick={() => setShowExternalFileWarning(false)}\n            size=\"small\"\n            className={styles.warningCloseButton}\n            aria-label=\"Dismiss external file warning\"\n          >\n            <Close />\n          </IconButton>\n        </Paper>\n      )}\n      {!!downloadProgress && (\n        <Paper\n          elevation={8}\n          className={styles.progressPanel}\n          sx={{ zIndex: theme => theme.zIndex.modal }}\n          role=\"region\"\n          aria-label=\"Download progress\"\n        >\n          <Typography className={styles.progressTitleText}>\n            Downloading file {downloadProgress.fileIndex} of{' '}\n            {downloadProgress.totalFiles}\n          </Typography>\n          <Typography className={styles.progressFileNameText}>\n            {downloadProgress.currentFile}\n          </Typography>\n          <Box className={styles.progressFooter}>\n            <Box className={styles.progressBarContainer}>\n              <Box className={styles.progressStats}>\n                <Typography className={styles.progressStatsText}>\n                  {downloadProgress.totalBytes > 0\n                    ? `${Math.round(\n                        (downloadProgress.bytesDownloaded /\n                          downloadProgress.totalBytes) *\n                          100,\n                      )}% ( ${calculateFriendlyFileSize(\n                        downloadProgress.bytesDownloaded,\n                      )} / ${calculateFriendlyFileSize(\n                        downloadProgress.totalBytes,\n                      )} )`\n                    : ''}\n                </Typography>\n                <Typography className={styles.progressStatsText}>\n                  {downloadProgress.estimatedSecondsRemaining !== null\n                    ? `About ${dayjs\n                        .duration({\n                          seconds: downloadProgress.estimatedSecondsRemaining,\n                        })\n                        .humanize()} remaining`\n                    : ''}\n                </Typography>\n              </Box>\n              <LinearProgress\n                variant={\n                  downloadProgress.totalBytes > 0\n                    ? 'determinate'\n                    : 'indeterminate'\n                }\n                value={\n                  downloadProgress.totalBytes > 0\n                    ? (downloadProgress.bytesDownloaded /\n                        downloadProgress.totalBytes) *\n                      100\n                    : undefined\n                }\n                aria-label=\"Download progress\"\n                className={styles.progressBar}\n              />\n            </Box>\n            <Box className={styles.cancelButtonContainer}>\n              <Button\n                variant=\"outlined\"\n                onClick={handleCancel}\n                className={styles.cancelButton}\n              >\n                Cancel\n              </Button>\n            </Box>\n          </Box>\n        </Paper>\n      )}\n      <Button\n        variant={variant}\n        onClick={() => {\n          void handleClick()\n        }}\n        loading={isDownloading}\n        startIcon={<Download />}\n      >\n        {buttonText}\n      </Button>\n    </>\n  )\n}\n\nexport default DownloadIneligibleForPackagingFilesFromListButton\n"],"mappings":"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"}
+{"version":3,"file":"DownloadIneligibleForPackagingFilesFromListButton.js","names":[],"sources":["../../../src/components/DownloadCart/DownloadIneligibleForPackagingFilesFromListButton.tsx"],"sourcesContent":["import { useSynapseContext } from '@/utils'\nimport { implementsExternalFileHandleInterface } from '@/utils/types/IsType'\nimport { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport {\n  Box,\n  Button,\n  IconButton,\n  LinearProgress,\n  Paper,\n  Typography,\n} from '@mui/material'\nimport Close from '@mui/icons-material/Close'\nimport Download from '@mui/icons-material/Download'\nimport CloudWarning from '@/assets/icons/CloudWarning'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport dayjs from 'dayjs'\nimport duration from 'dayjs/plugin/duration'\nimport relativeTime from 'dayjs/plugin/relativeTime'\nimport {\n  BatchFileRequest,\n  BatchFileResult,\n  ExternalFileHandle,\n  FileEntity,\n  FileHandleAssociation,\n  FileHandleAssociateType,\n} from '@sage-bionetworks/synapse-types'\nimport { useCallback, useEffect, useRef, useState } from 'react'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { displayToast } from '../ToastMessage/ToastMessage'\nimport {\n  useGetAvailableFilesToDownloadInfinite,\n  useGetDownloadListStatistics,\n  useRemoveFilesFromDownloadList,\n} from '@/synapse-queries/download/useDownloadList'\nimport { getFiles } from '@/synapse-client/SynapseClient'\nimport { useGetEntityQueryOptions } from '@/synapse-queries/entity/useEntity'\n\nimport { deduplicateFileName, getFileName } from './fileNameUtils'\nimport styles from './DownloadIneligibleForPackagingFilesFromListButton.module.scss'\n\n// showDirectoryPicker is not yet available on the Window interface.\ninterface FileSystemAccessWindow extends Window {\n  showDirectoryPicker(options?: {\n    mode?: 'read' | 'readwrite'\n    startIn?:\n      | 'desktop'\n      | 'documents'\n      | 'downloads'\n      | 'music'\n      | 'pictures'\n      | 'videos'\n  }): Promise<FileSystemDirectoryHandle>\n}\n\n/**\n * Type guard to check if File System Access API is available\n */\nfunction supportsFileSystemAccess(\n  window: Window,\n): window is FileSystemAccessWindow {\n  return 'showDirectoryPicker' in window\n}\n\nconst FILE_BATCH_SIZE = 50 // Maximum batch size for fetching presigned URLs\nconst ETA_DELAY_MS = 3000 // Wait this long before showing ETA\n\ndayjs.extend(duration)\ndayjs.extend(relativeTime)\n\nexport type DownloadIneligibleForPackagingFilesFromListButtonProps = {\n  buttonText?: string\n  variant?: 'text' | 'outlined' | 'contained'\n}\n\n/**\n * Button component that downloads files from the user's download list that are ineligible for packaging.\n * Uses the infinite query hook to fetch all pages of download list items,\n * batches requests to get presigned URLs, and triggers browser downloads.\n */\nexport function DownloadIneligibleForPackagingFilesFromListButton(\n  props: DownloadIneligibleForPackagingFilesFromListButtonProps,\n) {\n  const { buttonText = 'Start Multi-file Download', variant = 'contained' } =\n    props\n  const { accessToken, isAuthenticated } = useSynapseContext()\n  const queryClient = useQueryClient()\n  const getEntityQueryOptions = useGetEntityQueryOptions<FileEntity>()\n  const [isDownloading, setIsDownloading] = useState(false)\n  const isDownloadingRef = useRef(false)\n  const [showExternalFileWarning, setShowExternalFileWarning] = useState(false)\n  const isCancelledRef = useRef(false)\n  const abortControllerRef = useRef<AbortController | null>(null)\n  const [downloadProgress, setDownloadProgress] = useState<{\n    currentFile: string\n    fileIndex: number\n    totalFiles: number\n    bytesDownloaded: number\n    totalBytes: number\n    estimatedSecondsRemaining: number | null\n  } | null>(null)\n  const fileDownloadStartRef = useRef<number | null>(null)\n\n  // Accessibility: tracks the last announced file index and progress bucket so\n  // the aria-live region only updates on meaningful changes (not every chunk).\n  const [announceText, setAnnounceText] = useState('')\n  const lastAnnouncedFileIndexRef = useRef<number>(-1)\n  const lastAnnouncedPercentBucketRef = useRef<number>(-1)\n\n  useEffect(() => {\n    if (!downloadProgress) {\n      lastAnnouncedFileIndexRef.current = -1\n      lastAnnouncedPercentBucketRef.current = -1\n      setAnnounceText('')\n      return\n    }\n\n    const { fileIndex, totalFiles, currentFile, bytesDownloaded, totalBytes } =\n      downloadProgress\n\n    // Announce when a new file starts downloading\n    if (fileIndex !== lastAnnouncedFileIndexRef.current) {\n      lastAnnouncedFileIndexRef.current = fileIndex\n      lastAnnouncedPercentBucketRef.current = -1\n      setAnnounceText(\n        `Downloading file ${fileIndex} of ${totalFiles}: ${currentFile}`,\n      )\n      return\n    }\n\n    // Announce at each 25% milestone (25, 50, 75, 100) once per file\n    if (totalBytes > 0) {\n      const percent = Math.floor((bytesDownloaded / totalBytes) * 100)\n      const bucket = Math.floor(percent / 25) * 25\n      if (bucket > 0 && bucket !== lastAnnouncedPercentBucketRef.current) {\n        lastAnnouncedPercentBucketRef.current = bucket\n        setAnnounceText(`${bucket}% of ${currentFile} downloaded`)\n      }\n    }\n  }, [downloadProgress])\n\n  const { data, status, hasNextPage, fetchNextPage, error } =\n    useGetAvailableFilesToDownloadInfinite()\n\n  const { mutateAsync: removeFilesFromDownloadList } =\n    useRemoveFilesFromDownloadList()\n\n  const { refetch: refetchDownloadListStatistics } =\n    useGetDownloadListStatistics()\n\n  /**\n   * Downloads all files from the download list.\n   */\n  const downloadAllFiles = useCallback(\n    async (downloadListItems: typeof data) => {\n      // Prevent re-entry if already downloading\n      if (isDownloadingRef.current) {\n        return\n      }\n\n      if (!downloadListItems || !isAuthenticated) {\n        setIsDownloading(false)\n        return\n      }\n\n      try {\n        isDownloadingRef.current = true\n        isCancelledRef.current = false\n        setShowExternalFileWarning(false)\n        const allItems = downloadListItems.pages.flatMap(page => page.page)\n\n        // Filter to only include files that are NOT eligible for packaging\n        const nonPackageableFiles = allItems.filter(\n          item => !item.isEligibleForPackaging,\n        )\n\n        if (nonPackageableFiles.length === 0) {\n          displayToast('No non-packageable files available to download', 'info')\n          setIsDownloading(false)\n          isDownloadingRef.current = false\n          return\n        }\n\n        // Determine if File System Access API is available\n        const useFileSystemAccess = supportsFileSystemAccess(window)\n\n        // Prompt user to select a directory for downloads BEFORE async operations\n        // (must be called during user gesture to avoid SecurityError)\n        let directoryHandle: FileSystemDirectoryHandle | undefined\n\n        if (useFileSystemAccess) {\n          // TypeScript narrowing: we know window has showDirectoryPicker at this point\n          const fileSystemWindow = window as unknown as FileSystemAccessWindow\n\n          try {\n            directoryHandle = await fileSystemWindow.showDirectoryPicker({\n              mode: 'readwrite',\n            })\n          } catch (error) {\n            // User cancelled directory picker\n            console.error('Failed to select directory:', error)\n            displayToast(\n              'Directory selection is required to directly download files from the website.',\n              'warning',\n            )\n            setIsDownloading(false)\n            isDownloadingRef.current = false\n            return\n          }\n        } else {\n          // Show info message for browsers without File System Access API\n          displayToast(\n            'Your browser will download files individually to your default downloads folder. Each file may trigger a separate download prompt.',\n            'info',\n          )\n        }\n\n        // Initialize progress tracking\n        fileDownloadStartRef.current = null\n        setDownloadProgress({\n          currentFile: '',\n          fileIndex: 0,\n          totalFiles: nonPackageableFiles.length,\n          bytesDownloaded: 0,\n          totalBytes: 0,\n          estimatedSecondsRemaining: null,\n        })\n\n        // Fetch entities to get dataFileHandleId for each file\n        // Use React Query's ensureQueryData to leverage cache and built-in retry logic (handles 429s with exponential backoff)\n        // Map key combines entity ID and version to handle multiple versions of the same entity\n        const entityIdToFileHandleId = new Map<string, string>()\n\n        // Fetch all entities in parallel - React Query handles concurrency and retries\n        const entityPromises = nonPackageableFiles.map(async item => {\n          if (isCancelledRef.current) {\n            return\n          }\n\n          try {\n            const entity = await queryClient.ensureQueryData(\n              getEntityQueryOptions(\n                item.fileEntityId,\n                item.versionNumber?.toString(),\n              ),\n            )\n            // Use composite key: entityId-version (or entityId if no version)\n            const mapKey = `${entity.id!}-${item.versionNumber ?? 'latest'}`\n            entityIdToFileHandleId.set(mapKey, entity.dataFileHandleId)\n          } catch (error) {\n            console.error(`Failed to fetch entity ${item.fileEntityId}:`, error)\n            // Continue even if one entity fails\n          }\n        })\n\n        await Promise.all(entityPromises)\n\n        // Convert download list items to file handle associations using the fetched dataFileHandleIds\n        const fileHandleAssociations: FileHandleAssociation[] =\n          nonPackageableFiles\n            .filter(item => {\n              const mapKey = `${item.fileEntityId}-${\n                item.versionNumber ?? 'latest'\n              }`\n              return entityIdToFileHandleId.has(mapKey)\n            })\n            .map(item => {\n              const mapKey = `${item.fileEntityId}-${\n                item.versionNumber ?? 'latest'\n              }`\n              return {\n                fileHandleId: entityIdToFileHandleId.get(mapKey)!,\n                associateObjectId: item.fileEntityId,\n                associateObjectType: FileHandleAssociateType.FileEntity,\n              }\n            })\n\n        if (fileHandleAssociations.length === 0) {\n          displayToast(\n            'Failed to fetch file information for download',\n            'danger',\n          )\n          setIsDownloading(false)\n          isDownloadingRef.current = false\n          return\n        }\n\n        // Split into batches to avoid overwhelming the API\n        const batches: FileHandleAssociation[][] = []\n        for (\n          let i = 0;\n          i < fileHandleAssociations.length;\n          i += FILE_BATCH_SIZE\n        ) {\n          batches.push(fileHandleAssociations.slice(i, i + FILE_BATCH_SIZE))\n        }\n\n        let downloadedCount = 0\n        let failedCount = 0\n        const successfullyDownloadedItems: typeof nonPackageableFiles = []\n\n        // Track used filenames to prevent collisions\n        const usedFilenames = new Map<string, number>()\n\n        /**\n         * Helper function to download file using traditional anchor tag method\n         * @returns boolean indicating if the download was successful\n         */\n        const downloadFileTraditional = async (\n          downloadUrl: string,\n          fileName: string,\n        ): Promise<boolean> => {\n          try {\n            const response = await fetch(downloadUrl)\n            if (!response.ok) {\n              throw new Error(`HTTP error! status: ${response.status}`)\n            }\n\n            const blob = await response.blob()\n            const blobUrl = URL.createObjectURL(blob)\n            const anchor = document.createElement('a')\n            anchor.href = blobUrl\n            anchor.download = fileName\n            anchor.style.display = 'none'\n            document.body.appendChild(anchor)\n            anchor.click()\n            anchor.remove()\n\n            // Clean up blob URL after a delay to ensure download initiation\n            setTimeout(() => URL.revokeObjectURL(blobUrl), 1000)\n\n            return true\n          } catch (error) {\n            console.error(`Failed to download file ${fileName}:`, error)\n            // Fallback to window.open method\n            try {\n              window.open(downloadUrl, '_blank', 'noopener,noreferrer')\n              return true\n            } catch (fallbackError) {\n              console.error(`Fallback window.open also failed:`, fallbackError)\n              return false\n            }\n          }\n        }\n\n        /**\n         * Helper function to process a single file download\n         * @returns boolean indicating if download is successful\n         */\n        const processFileDownload = async (\n          fileResult: BatchFileResult['requestedFiles'][0],\n          originalItem: (typeof nonPackageableFiles)[0] | undefined,\n        ): Promise<boolean> => {\n          try {\n            let downloadUrl: string | undefined\n\n            // Check if this is an external file handle\n            if (\n              fileResult.fileHandle &&\n              implementsExternalFileHandleInterface(fileResult.fileHandle)\n            ) {\n              // For external file handles, use the externalURL\n              downloadUrl = (fileResult.fileHandle as ExternalFileHandle)\n                .externalURL\n              setShowExternalFileWarning(true)\n            } else if (fileResult.preSignedURL) {\n              // For other file types, use the presigned URL\n              downloadUrl = fileResult.preSignedURL\n            }\n\n            if (!downloadUrl) {\n              return false\n            }\n\n            // Get filename from file result or create a default name\n            const baseFileName = getFileName(fileResult, originalItem)\n\n            // Handle filename collisions by adding a counter suffix\n            const fileName = deduplicateFileName(baseFileName, usedFilenames)\n\n            // Update progress with current file info\n            const currentFileIndex = downloadedCount + 1\n            fileDownloadStartRef.current = null\n            setDownloadProgress(prev =>\n              prev\n                ? {\n                    ...prev,\n                    currentFile: fileName,\n                    fileIndex: currentFileIndex,\n                    bytesDownloaded: 0,\n                    totalBytes: 0,\n                    estimatedSecondsRemaining: null,\n                  }\n                : null,\n            )\n\n            // Use traditional download method for unsupported browsers\n            if (!useFileSystemAccess) {\n              const success = await downloadFileTraditional(\n                downloadUrl,\n                fileName,\n              )\n              if (success) {\n                downloadedCount = currentFileIndex\n                if (originalItem) {\n                  successfullyDownloadedItems.push(originalItem)\n                }\n              }\n              return success\n            }\n\n            // Use File System Access API for supported browsers\n            if (!directoryHandle) {\n              return false\n            }\n\n            try {\n              // Fetch the file\n              abortControllerRef.current = new AbortController()\n              const response = await fetch(downloadUrl, {\n                signal: abortControllerRef.current.signal,\n              })\n              if (!response.ok) {\n                throw new Error(`HTTP error! status: ${response.status}`)\n              }\n\n              // Get total file size from headers\n              const contentLength = response.headers.get('content-length')\n              const totalBytes = contentLength ? parseInt(contentLength, 10) : 0\n\n              // Update progress with file size\n              setDownloadProgress(prev =>\n                prev\n                  ? {\n                      ...prev,\n                      bytesDownloaded: 0,\n                      totalBytes,\n                    }\n                  : null,\n              )\n\n              // Create file handle in selected directory\n              const fileHandle = await directoryHandle.getFileHandle(fileName, {\n                create: true,\n              })\n              const writableStream = await fileHandle.createWritable()\n\n              // Stream the response body to the file with progress tracking\n              if (response.body) {\n                const reader = response.body.getReader()\n                let bytesReceived = 0\n                let streamAborted = false\n\n                try {\n                  while (true) {\n                    const { done, value } = await reader.read()\n                    if (done) break\n\n                    bytesReceived += value.length\n                    await writableStream.write(value)\n\n                    // Check for cancellation on every chunk\n                    if (isCancelledRef.current) {\n                      streamAborted = true\n                      reader.cancel()\n                      await writableStream.abort()\n                      break\n                    }\n\n                    if (fileDownloadStartRef.current === null) {\n                      fileDownloadStartRef.current = Date.now()\n                    }\n                    const elapsedMs = Date.now() - fileDownloadStartRef.current\n                    let estimatedSecondsRemaining: number | null = null\n                    if (\n                      elapsedMs > ETA_DELAY_MS &&\n                      bytesReceived > 0 &&\n                      totalBytes > 0\n                    ) {\n                      const rate = bytesReceived / elapsedMs\n                      estimatedSecondsRemaining = Math.max(\n                        0,\n                        (totalBytes - bytesReceived) / rate / 1000,\n                      )\n                    }\n\n                    // Update progress\n                    setDownloadProgress(prev =>\n                      prev\n                        ? {\n                            ...prev,\n                            bytesDownloaded: bytesReceived,\n                            ...(elapsedMs > ETA_DELAY_MS && {\n                              estimatedSecondsRemaining,\n                            }),\n                          }\n                        : null,\n                    )\n                  }\n                } catch (streamError) {\n                  if (!streamAborted) {\n                    await writableStream.abort()\n                    streamAborted = true\n                  }\n                  throw streamError\n                } finally {\n                  if (!streamAborted) {\n                    await writableStream.close()\n                  }\n                }\n\n                // If cancelled mid-stream, return false without falling through to success path\n                if (isCancelledRef.current) {\n                  return false\n                }\n              } else {\n                // Fallback if streaming not supported\n                try {\n                  const blob = await response.blob()\n                  await writableStream.write(blob)\n                } finally {\n                  await writableStream.close()\n                }\n              }\n\n              downloadedCount = currentFileIndex\n\n              // Track successfully downloaded item for batch removal\n              if (originalItem) {\n                successfullyDownloadedItems.push(originalItem)\n              }\n              return true\n            } catch (fetchError) {\n              // If the fetch was aborted due to cancellation, do not fall back\n              if (\n                isCancelledRef.current ||\n                (fetchError instanceof DOMException &&\n                  fetchError.name === 'AbortError')\n              ) {\n                return false\n              }\n              console.error(\n                `Failed to fetch/write file ${fileResult.fileHandleId}:`,\n                fetchError,\n              )\n              // Fallback to window.open if File System Access API fails\n              try {\n                downloadFileTraditional(downloadUrl, fileName)\n                downloadedCount = currentFileIndex\n                if (originalItem) {\n                  successfullyDownloadedItems.push(originalItem)\n                }\n                return true\n              } catch (fallbackError) {\n                console.error(\n                  `Fallback downloadFileTraditional also failed for ${fileResult.fileHandleId}:`,\n                  fallbackError,\n                )\n                return false\n              }\n            }\n          } catch (error) {\n            console.error(\n              `Failed to download file ${fileResult.fileHandleId}:`,\n              error,\n            )\n            return false\n          }\n        }\n\n        /**\n         * Fallback function to fetch files individually when batch fails\n         */\n        const fetchIndividually = async (\n          batch: FileHandleAssociation[],\n        ): Promise<void> => {\n          console.info(\n            `Attempting to fetch ${batch.length} files individually after batch failure`,\n          )\n\n          for (const fileHandleAssociation of batch) {\n            // Check if user cancelled the operation\n            if (isCancelledRef.current) {\n              console.info('Individual file fetch cancelled by user')\n              break\n            }\n\n            const singleBatch = [fileHandleAssociation]\n            try {\n              const batchRequest: BatchFileRequest = {\n                requestedFiles: singleBatch,\n                includeFileHandles: true,\n                includePreSignedURLs: true,\n                includePreviewPreSignedURLs: false,\n              }\n\n              const batchResult = await getFiles(batchRequest, accessToken)\n\n              if (batchResult.requestedFiles.length > 0) {\n                const fileResult = batchResult.requestedFiles[0]\n                const originalItem = nonPackageableFiles.find(\n                  item =>\n                    item.fileEntityId ===\n                    fileHandleAssociation.associateObjectId,\n                )\n\n                const success = await processFileDownload(\n                  fileResult,\n                  originalItem,\n                )\n                if (!success) {\n                  failedCount++\n                }\n              } else {\n                failedCount++\n              }\n            } catch (error) {\n              console.error(\n                `Failed to fetch individual file ${fileHandleAssociation.fileHandleId}:`,\n                error,\n              )\n              failedCount++\n            }\n          }\n        }\n\n        // Process each batch\n        for (const batch of batches) {\n          // Check if user cancelled the operation\n          if (isCancelledRef.current) {\n            console.info('Download cancelled by user')\n            break\n          }\n\n          // Try to fetch the entire batch (getFiles has built-in retry logic)\n          let batchResult: BatchFileResult | null = null\n          try {\n            const batchRequest: BatchFileRequest = {\n              requestedFiles: batch,\n              includeFileHandles: true,\n              includePreSignedURLs: true,\n              includePreviewPreSignedURLs: false,\n            }\n            batchResult = await getFiles(batchRequest, accessToken)\n          } catch (error) {\n            console.error('Failed to fetch batch:', error)\n          }\n\n          if (batchResult) {\n            // Batch fetch succeeded, process all files\n            for (let i = 0; i < batchResult.requestedFiles.length; i++) {\n              // Check if user cancelled the operation\n              if (isCancelledRef.current) {\n                console.info(\n                  'Download cancelled by user during batch processing',\n                )\n                break\n              }\n\n              const fileResult = batchResult.requestedFiles[i]\n              const originalItem = nonPackageableFiles.find(\n                item => item.fileEntityId === batch[i].associateObjectId,\n              )\n\n              const success = await processFileDownload(\n                fileResult,\n                originalItem,\n              )\n              if (!success) {\n                failedCount++\n              }\n            }\n          } else {\n            // Batch fetch failed after retries, try fetching files individually\n            await fetchIndividually(batch)\n          }\n        }\n\n        // Remove all successfully downloaded files from the download list in one batch\n        if (successfullyDownloadedItems.length > 0) {\n          await removeFilesFromDownloadList({\n            batchToRemove: successfullyDownloadedItems.map(\n              (item: (typeof nonPackageableFiles)[0]) => ({\n                fileEntityId: item.fileEntityId,\n                versionNumber: item.versionNumber,\n              }),\n            ),\n          })\n          // Refetch statistics after removing files\n          await refetchDownloadListStatistics()\n          // Scroll to top of page to show updated statistics\n          window.scrollTo({ top: 0, behavior: 'smooth' })\n        }\n\n        // Show completion message\n        if (isCancelledRef.current) {\n          displayToast(\n            `Download cancelled. ${downloadedCount} file${\n              downloadedCount !== 1 ? 's were' : ' was'\n            } downloaded before cancellation.`,\n            'info',\n          )\n        } else if (downloadedCount > 0) {\n          displayToast(\n            `Download started for ${downloadedCount} file${\n              downloadedCount !== 1 ? 's' : ''\n            }${\n              failedCount > 0\n                ? `. ${failedCount} file${failedCount !== 1 ? 's' : ''} failed.`\n                : '.'\n            }`,\n            failedCount > 0 ? 'warning' : 'success',\n          )\n        } else {\n          displayToast('No files could be downloaded', 'warning')\n        }\n      } catch (error) {\n        console.error('Error downloading files:', error)\n        const message =\n          (error as SynapseClientError | undefined)?.reason ??\n          (error instanceof Error ? error.message : undefined) ??\n          'An error occurred while downloading files'\n        displayToast(message, 'danger')\n      } finally {\n        setDownloadProgress(null)\n        setIsDownloading(false)\n        isDownloadingRef.current = false\n      }\n    },\n    [\n      accessToken,\n      isAuthenticated,\n      queryClient,\n      getEntityQueryOptions,\n      removeFilesFromDownloadList,\n      refetchDownloadListStatistics,\n    ],\n  )\n\n  const handleClick = useCallback(async () => {\n    if (isDownloading) {\n      return\n    }\n    setIsDownloading(true)\n\n    // Fetch all remaining pages imperatively, then download\n    try {\n      let stillHasNextPage = hasNextPage\n      let latestData = data\n      while (stillHasNextPage && fetchNextPage) {\n        const result = await fetchNextPage()\n        stillHasNextPage = result.hasNextPage\n        if (result.data) {\n          latestData = result.data\n        }\n      }\n\n      // All pages loaded, now download\n      if (status === 'success' && latestData) {\n        void downloadAllFiles(latestData)\n      } else {\n        // Failed to load data\n        setIsDownloading(false)\n        isDownloadingRef.current = false\n        displayToast(\n          'Failed to load download list. Please try again.',\n          'danger',\n        )\n      }\n    } catch (error) {\n      console.error('Error downloading files:', error)\n      setIsDownloading(false)\n      isDownloadingRef.current = false\n      const message =\n        (error as SynapseClientError | undefined)?.reason ??\n        (error instanceof Error ? error.message : undefined) ??\n        'An error occurred while preparing files for download'\n      displayToast(message, 'danger')\n    }\n  }, [\n    isDownloading,\n    hasNextPage,\n    fetchNextPage,\n    status,\n    data,\n    downloadAllFiles,\n  ])\n\n  const handleCancel = useCallback(() => {\n    isCancelledRef.current = true\n    abortControllerRef.current?.abort()\n    setDownloadProgress(null)\n    setIsDownloading(false)\n    isDownloadingRef.current = false\n  }, [])\n\n  if (error) {\n    return null\n  }\n\n  return (\n    <>\n      {/* Visually-hidden live region — announces file start and progress milestones to screen readers */}\n      <span\n        role=\"status\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        className={styles.visuallyHidden}\n      >\n        {announceText}\n      </span>\n      {!!downloadProgress && showExternalFileWarning && (\n        <Paper\n          elevation={8}\n          className={styles.externalWarningPanel}\n          sx={{ zIndex: theme => theme.zIndex.modal }}\n          role=\"region\"\n          aria-label=\"External file warning\"\n        >\n          <CloudWarning className={styles.warningIcon} />\n          <Box className={styles.warningTextContainer}>\n            <Typography className={styles.warningTitleText}>\n              Some of your files are hosted externally.\n            </Typography>\n            <Typography className={styles.progressFileNameText}>\n              Downloads may be slower than expected\n            </Typography>\n          </Box>\n          <IconButton\n            onClick={() => setShowExternalFileWarning(false)}\n            size=\"small\"\n            className={styles.warningCloseButton}\n            aria-label=\"Dismiss external file warning\"\n          >\n            <Close />\n          </IconButton>\n        </Paper>\n      )}\n      {!!downloadProgress && (\n        <Paper\n          elevation={8}\n          className={styles.progressPanel}\n          sx={{ zIndex: theme => theme.zIndex.modal }}\n          role=\"region\"\n          aria-label=\"Download progress\"\n        >\n          <Typography className={styles.progressTitleText}>\n            Downloading file {downloadProgress.fileIndex} of{' '}\n            {downloadProgress.totalFiles}\n          </Typography>\n          <Typography className={styles.progressFileNameText}>\n            {downloadProgress.currentFile}\n          </Typography>\n          <Box className={styles.progressFooter}>\n            <Box className={styles.progressBarContainer}>\n              <Box className={styles.progressStats}>\n                <Typography className={styles.progressStatsText}>\n                  {downloadProgress.totalBytes > 0\n                    ? `${Math.round(\n                        (downloadProgress.bytesDownloaded /\n                          downloadProgress.totalBytes) *\n                          100,\n                      )}% ( ${calculateFriendlyFileSize(\n                        downloadProgress.bytesDownloaded,\n                      )} / ${calculateFriendlyFileSize(\n                        downloadProgress.totalBytes,\n                      )} )`\n                    : ''}\n                </Typography>\n                <Typography className={styles.progressStatsText}>\n                  {downloadProgress.estimatedSecondsRemaining !== null\n                    ? `About ${dayjs\n                        .duration({\n                          seconds: downloadProgress.estimatedSecondsRemaining,\n                        })\n                        .humanize()} remaining`\n                    : ''}\n                </Typography>\n              </Box>\n              <LinearProgress\n                variant={\n                  downloadProgress.totalBytes > 0\n                    ? 'determinate'\n                    : 'indeterminate'\n                }\n                value={\n                  downloadProgress.totalBytes > 0\n                    ? (downloadProgress.bytesDownloaded /\n                        downloadProgress.totalBytes) *\n                      100\n                    : undefined\n                }\n                aria-label=\"Download progress\"\n                className={styles.progressBar}\n              />\n            </Box>\n            <Box className={styles.cancelButtonContainer}>\n              <Button\n                variant=\"outlined\"\n                onClick={handleCancel}\n                className={styles.cancelButton}\n              >\n                Cancel\n              </Button>\n            </Box>\n          </Box>\n        </Paper>\n      )}\n      <Button\n        variant={variant}\n        onClick={() => {\n          void handleClick()\n        }}\n        loading={isDownloading}\n        startIcon={<Download />}\n      >\n        {buttonText}\n      </Button>\n    </>\n  )\n}\n\nexport default DownloadIneligibleForPackagingFilesFromListButton\n"],"mappings":"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"}

package/dist/components/DownloadCart/DownloadIneligibleForPackagingFilesFromListButton.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"DownloadIneligibleForPackagingFilesFromListButton.module.js","names":[],"sources":["../../../src/components/DownloadCart/DownloadIneligibleForPackagingFilesFromListButton.module.scss"],"sourcesContent":["// Hides an element visually while keeping it accessible to screen readers.\n.visuallyHidden {\n  border: 0;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n}\n\n$progress-panel-bottom: 20px;\n$progress-panel-height: 150px;\n\n.externalWarningPanel {\n  position: fixed;\n  bottom: calc(\n    #{$progress-panel-height} + 10px\n  ); // positioned above the progress panel\n  right: 20px;\n  width: 500px;\n  padding: 16px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 12px;\n  box-sizing: border-box;\n\n  // Use &#{&} to increase specificity and override MUI Paper's default styles\n  &#{&} {\n    border-radius: 0;\n    background-color: #223549;\n  }\n}\n\n.warningIcon {\n  flex-shrink: 0;\n\n  // Use &#{&} to increase specificity and override MUI SvgIcon's default styles\n  &#{&} {\n    font-size: 40px;\n  }\n}\n\n.warningTextContainer {\n  flex: 1;\n}\n\n.warningTitleText {\n  // Use &#{&} to increase specificity and override MUI Typography's default styles\n  &#{&} {\n    color: white;\n    font-size: 14px;\n    line-height: 1.4;\n    font-weight: 700;\n  }\n}\n\n.warningCloseButton {\n  // Use &#{&} to increase specificity and override MUI IconButton's default styles\n  &#{&} {\n    color: white;\n    align-self: flex-start;\n    flex-shrink: 0;\n\n    &:hover {\n      color: #889baf;\n    }\n  }\n}\n\n.progressPanel {\n  position: fixed;\n  bottom: $progress-panel-bottom;\n  right: 20px;\n  width: 500px;\n  height: $progress-panel-height;\n  padding: 16px;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  box-sizing: border-box;\n\n  // Use &#{&} to increase specificity and override MUI Paper's default styles\n  &#{&} {\n    border-radius: 0;\n    background-color: #223549;\n  }\n}\n\n.progressTitleText {\n  // Use &#{&} to increase specificity and override MUI Typography's default styles\n  &#{&} {\n    color: white;\n    font-size: 14px;\n    line-height: 1.4;\n  }\n}\n\n.progressFileNameText {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  // Use &#{&} to increase specificity and override MUI Typography's default styles\n  &#{&} {\n    color: #889baf;\n    font-size: 13px;\n    line-height: 1.4;\n  }\n}\n\n.progressFooter {\n  display: flex;\n  flex: 1;\n  gap: 8px;\n  align-items: center;\n  margin-top: auto;\n}\n\n.progressBarContainer {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.progressStats {\n  display: flex;\n  justify-content: space-between;\n}\n\n.progressStatsText {\n  // Use &#{&} to increase specificity and override MUI Typography's default styles\n  &#{&} {\n    color: #889baf;\n    font-size: 12px;\n  }\n}\n\n.progressBar {\n  :global(.MuiLinearProgress-bar) {\n    background-color: #469285;\n  }\n}\n\n.cancelButtonContainer {\n  width: 80px;\n  display: flex;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.cancelButton {\n  // Use &#{&} to increase specificity and override MUI Button's default styles\n  &#{&} {\n    color: white;\n    border-color: white;\n    min-width: 0;\n    padding: 10px 16px;\n    font-size: 0.75rem;\n    line-height: 1;\n\n    &:hover {\n      border-color: #889baf;\n      color: #889baf;\n    }\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"DownloadIneligibleForPackagingFilesFromListButton.module.js","names":[],"sources":["../../../src/components/DownloadCart/DownloadIneligibleForPackagingFilesFromListButton.module.scss"],"sourcesContent":["// Hides an element visually while keeping it accessible to screen readers.\n.visuallyHidden {\n  border: 0;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n}\n\n$progress-panel-bottom: 20px;\n$progress-panel-height: 150px;\n\n.externalWarningPanel {\n  position: fixed;\n  bottom: calc(#{$progress-panel-height} + 10px); // positioned above the progress panel\n  right: 20px;\n  width: 500px;\n  padding: 16px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 12px;\n  box-sizing: border-box;\n\n  // Use &#{&} to increase specificity and override MUI Paper's default styles\n  &#{&} {\n    border-radius: 0;\n    background-color: #223549;\n  }\n}\n\n.warningIcon {\n  flex-shrink: 0;\n\n  // Use &#{&} to increase specificity and override MUI SvgIcon's default styles\n  &#{&} {\n    font-size: 40px;\n  }\n}\n\n.warningTextContainer {\n  flex: 1;\n}\n\n.warningTitleText {\n  // Use &#{&} to increase specificity and override MUI Typography's default styles\n  &#{&} {\n    color: white;\n    font-size: 14px;\n    line-height: 1.4;\n    font-weight: 700;\n  }\n}\n\n.warningCloseButton {\n  // Use &#{&} to increase specificity and override MUI IconButton's default styles\n  &#{&} {\n    color: white;\n    align-self: flex-start;\n    flex-shrink: 0;\n\n    &:hover {\n      color: #889baf;\n    }\n  }\n}\n\n.progressPanel {\n  position: fixed;\n  bottom: $progress-panel-bottom;\n  right: 20px;\n  width: 500px;\n  height: $progress-panel-height;\n  padding: 16px;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  box-sizing: border-box;\n\n  // Use &#{&} to increase specificity and override MUI Paper's default styles\n  &#{&} {\n    border-radius: 0;\n    background-color: #223549;\n  }\n}\n\n.progressTitleText {\n  // Use &#{&} to increase specificity and override MUI Typography's default styles\n  &#{&} {\n    color: white;\n    font-size: 14px;\n    line-height: 1.4;\n  }\n}\n\n.progressFileNameText {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  // Use &#{&} to increase specificity and override MUI Typography's default styles\n  &#{&} {\n    color: #889baf;\n    font-size: 13px;\n    line-height: 1.4;\n  }\n}\n\n.progressFooter {\n  display: flex;\n  flex: 1;\n  gap: 8px;\n  align-items: center;\n  margin-top: auto;\n}\n\n.progressBarContainer {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.progressStats {\n  display: flex;\n  justify-content: space-between;\n}\n\n.progressStatsText {\n  // Use &#{&} to increase specificity and override MUI Typography's default styles\n  &#{&} {\n    color: #889baf;\n    font-size: 12px;\n  }\n}\n\n.progressBar {\n  :global(.MuiLinearProgress-bar) {\n    background-color: #469285;\n  }\n}\n\n.cancelButtonContainer {\n  width: 80px;\n  display: flex;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.cancelButton {\n  // Use &#{&} to increase specificity and override MUI Button's default styles\n  &#{&} {\n    color: white;\n    border-color: white;\n    min-width: 0;\n    padding: 10px 16px;\n    font-size: 0.75rem;\n    line-height: 1;\n\n    &:hover {\n      border-color: #889baf;\n      color: #889baf;\n    }\n  }\n}\n"],"mappings":""}

package/dist/components/DownloadCart/DownloadIneligibleForPackagingFilesFromListButton.module.scss

@@ -15,9 +15,7 @@ $progress-panel-height: 150px;
 
 .externalWarningPanel {
   position: fixed;
-  bottom: calc(
-    #{$progress-panel-height} + 10px
-  ); // positioned above the progress panel
+  bottom: calc(#{$progress-panel-height} + 10px); // positioned above the progress panel
   right: 20px;
   width: 500px;
   padding: 16px;

package/dist/components/DownloadCart/MeetAccessRequirementCard.js

@@ -10,7 +10,7 @@ import { ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE as p, LOCK_ACCESS_REQUIREMEN
 //#region src/components/DownloadCart/MeetAccessRequirementCard.tsx
 var v = "Requires Acceptance of Data-Specific Terms of Use", y = "Requires Acceptance of Data-Specific Terms of Use", b = "Requires Approval of Data-Specific Access Requirements", x = "Access Restricted";
 function S({ accessRequirementId: S, count: C }) {
-	let { data: w, isLoading: T } = i(S, { throwOnError: !0 }), [E, D] = l(!1), O, k = "", A = "", j = c(() => w ? w.name.match(/^\d+$/) ? "" : w.name : "", [w]);
+	let { data: w, isLoading: T } = i(S, { throwOnError: !0 }), [E, D] = l(!1), O, k = "", A = "", j = c(() => w ? /^\d+$/.exec(w.name) ? "" : w.name : "", [w]);
 	if (!T && w) switch (w.concreteType) {
 		case _:
 			O = v, k = e, A = j;

package/dist/components/DownloadCart/MeetAccessRequirementCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"MeetAccessRequirementCard.js","names":[],"sources":["../../../src/components/DownloadCart/MeetAccessRequirementCard.tsx"],"sourcesContent":["import WideButton from '@/components/styled/WideButton'\nimport {\n  useGetAccessRequirements,\n  useGetAccessRequirementStatus,\n} from '@/synapse-queries'\nimport {\n  EASY_DIFFICULTY,\n  MEDIUM_DIFFICULTY,\n  VARIABLE_DIFFICULTY,\n} from '@/utils/SynapseConstants'\nimport {\n  ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  LOCK_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  SELF_SIGN_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  SelfSignAccessRequirement,\n  TERMS_OF_USE_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n} from '@sage-bionetworks/synapse-types'\nimport { useMemo, useState } from 'react'\nimport AccessRequirementList from '../AccessRequirementList/AccessRequirementList'\nimport { ActionRequiredCard } from './ActionRequiredCard/ActionRequiredCard'\n\nexport type MeetAccessRequirementCardProps = {\n  accessRequirementId: number\n  count?: number\n  isComplete?: boolean\n}\nexport const TERMS_OF_USE_TITLE =\n  'Requires Acceptance of Data-Specific Terms of Use'\nexport const SELF_SIGN_TITLE =\n  'Requires Acceptance of Data-Specific Terms of Use'\nexport const ACT_TITLE =\n  'Requires Approval of Data-Specific Access Requirements'\nexport const LOCK_TITLE = 'Access Restricted'\n\nexport function MeetAccessRequirementCard({\n  accessRequirementId,\n  count,\n}: MeetAccessRequirementCardProps) {\n  const { data: ar, isLoading } = useGetAccessRequirements(\n    accessRequirementId,\n    { throwOnError: true },\n  )\n  const [isShowingAccessRequirement, setIsShowingAccessRequirement] =\n    useState<boolean>(false)\n  let title: string | undefined = undefined\n  let iconType = ''\n  let description = ''\n\n  const arFriendlyName = useMemo(() => {\n    if (!ar) {\n      return ''\n    } else if (ar.name.match(/^\\d+$/)) {\n      // Don't show the AR name to the user if it's just the numeric ID\n      return ''\n    }\n    return ar.name\n  }, [ar])\n\n  if (!isLoading && ar) {\n    switch (ar.concreteType) {\n      case TERMS_OF_USE_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE:\n        title = TERMS_OF_USE_TITLE\n        iconType = EASY_DIFFICULTY\n        description = arFriendlyName\n        break\n      case SELF_SIGN_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE: {\n        title = SELF_SIGN_TITLE\n        const selfSignAR: SelfSignAccessRequirement = ar\n        if (selfSignAR.isValidatedProfileRequired) {\n          iconType = VARIABLE_DIFFICULTY\n        } else if (selfSignAR.isCertifiedUserRequired) {\n          iconType = MEDIUM_DIFFICULTY\n        } else {\n          iconType = EASY_DIFFICULTY\n        }\n        description = arFriendlyName\n        break\n      }\n      case MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE:\n      case ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE:\n        title = ACT_TITLE\n        iconType = VARIABLE_DIFFICULTY\n        description = arFriendlyName\n        break\n      case LOCK_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE:\n        title = LOCK_TITLE\n        iconType = VARIABLE_DIFFICULTY\n        description =\n          'Access restricted pending review by Synapse Access and Compliance Team.'\n        break\n    }\n  }\n\n  const { data: arStatus } = useGetAccessRequirementStatus(\n    String(accessRequirementId),\n  )\n\n  const meetsAccessRequirement = Boolean(arStatus?.isApproved)\n  const hasSubjectId = ar?.subjectIds && ar?.subjectIds.length > 0\n  const subjectId = hasSubjectId ? ar?.subjectIds[0].id : undefined\n  const subjectType = hasSubjectId ? ar?.subjectIds[0].type : undefined\n\n  return (\n    <>\n      <ActionRequiredCard\n        isLoading={isLoading}\n        title={title}\n        description={description}\n        iconType={iconType}\n        count={count}\n        actionNode={\n          <WideButton\n            variant=\"contained\"\n            onClick={() => setIsShowingAccessRequirement(true)}\n            disabled={meetsAccessRequirement}\n          >\n            {meetsAccessRequirement ? 'Complete' : 'Start'}\n          </WideButton>\n        }\n      />\n      {isShowingAccessRequirement && ar && (\n        <AccessRequirementList\n          subjectId={subjectId}\n          subjectType={subjectType}\n          accessRequirementFromProps={[ar]}\n          renderAsModal={true}\n          numberOfFilesAffected={count}\n          onHide={() => {\n            setIsShowingAccessRequirement(false)\n          }}\n        />\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;AA2BA,IAAa,IACX,qDACW,IACX,qDACW,IACX,0DACW,IAAa;AAE1B,SAAgB,EAA0B,EACxC,wBACA,YACiC;CACjC,IAAM,EAAE,MAAM,GAAI,iBAAc,EAC9B,GACA,EAAE,cAAc,GAAK,CACvB,GACM,CAAC,GAA4B,KACjC,EAAkB,EAAK,GACrB,GACA,IAAW,IACX,IAAc,IAEZ,IAAiB,QAChB,IAEM,EAAG,KAAK,MAAM,OAAO,IAEvB,KAEF,EAAG,OALD,IAMR,CAAC,CAAE,CAAC;CAEP,IAAI,CAAC,KAAa,GAChB,QAAQ,EAAG,cAAX;EACE,KAAK;GAGH,AAFA,IAAQ,GACR,IAAW,GACX,IAAc;GACd;EACF,KAAK,GAAkD;GACrD,IAAQ;GACR,IAAM,IAAwC;GAQ9C,AAPA,AAKE,IALE,EAAW,6BACF,IACF,EAAW,0BACT,IAEA,GAEb,IAAc;GACd;EACF;EACA,KAAK;EACL,KAAK;GAGH,AAFA,IAAQ,GACR,IAAW,GACX,IAAc;GACd;EACF,KAAK;GAGH,AAFA,IAAQ,GACR,IAAW,GACX,IACE;GACF;CACJ;CAGF,IAAM,EAAE,MAAM,MAAa,EACzB,OAAO,CAAmB,CAC5B,GAEM,IAAyB,EAAQ,GAAU,YAC3C,IAAe,GAAI,cAAc,GAAI,WAAW,SAAS,GACzD,IAAY,IAAe,GAAI,WAAW,GAAG,KAAK,KAAA,GAClD,IAAc,IAAe,GAAI,WAAW,GAAG,OAAO,KAAA;CAE5D,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACa;EACJ;EACM;EACH;EACH;EACP,YACE,kBAAC,GAAD;GACE,SAAQ;GACR,eAAe,EAA8B,EAAI;GACjD,UAAU;aAET,IAAyB,aAAa;EAC7B,CAAA;CAEf,CAAA,GACA,KAA8B,KAC7B,kBAAC,GAAD;EACa;EACE;EACb,4BAA4B,CAAC,CAAE;EAC/B,eAAe;EACf,uBAAuB;EACvB,cAAc;GACZ,EAA8B,EAAK;EACrC;CACD,CAAA,CAEH,EAAA,CAAA;AAEN"}
+{"version":3,"file":"MeetAccessRequirementCard.js","names":[],"sources":["../../../src/components/DownloadCart/MeetAccessRequirementCard.tsx"],"sourcesContent":["import WideButton from '@/components/styled/WideButton'\nimport {\n  useGetAccessRequirements,\n  useGetAccessRequirementStatus,\n} from '@/synapse-queries'\nimport {\n  EASY_DIFFICULTY,\n  MEDIUM_DIFFICULTY,\n  VARIABLE_DIFFICULTY,\n} from '@/utils/SynapseConstants'\nimport {\n  ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  LOCK_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  SELF_SIGN_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  SelfSignAccessRequirement,\n  TERMS_OF_USE_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n} from '@sage-bionetworks/synapse-types'\nimport { useMemo, useState } from 'react'\nimport AccessRequirementList from '../AccessRequirementList/AccessRequirementList'\nimport { ActionRequiredCard } from './ActionRequiredCard/ActionRequiredCard'\n\nexport type MeetAccessRequirementCardProps = {\n  accessRequirementId: number\n  count?: number\n  isComplete?: boolean\n}\nexport const TERMS_OF_USE_TITLE =\n  'Requires Acceptance of Data-Specific Terms of Use'\nexport const SELF_SIGN_TITLE =\n  'Requires Acceptance of Data-Specific Terms of Use'\nexport const ACT_TITLE =\n  'Requires Approval of Data-Specific Access Requirements'\nexport const LOCK_TITLE = 'Access Restricted'\n\nexport function MeetAccessRequirementCard({\n  accessRequirementId,\n  count,\n}: MeetAccessRequirementCardProps) {\n  const { data: ar, isLoading } = useGetAccessRequirements(\n    accessRequirementId,\n    { throwOnError: true },\n  )\n  const [isShowingAccessRequirement, setIsShowingAccessRequirement] =\n    useState<boolean>(false)\n  let title: string | undefined = undefined\n  let iconType = ''\n  let description = ''\n\n  const arFriendlyName = useMemo(() => {\n    if (!ar) {\n      return ''\n    } else if (/^\\d+$/.exec(ar.name)) {\n      // Don't show the AR name to the user if it's just the numeric ID\n      return ''\n    }\n    return ar.name\n  }, [ar])\n\n  if (!isLoading && ar) {\n    switch (ar.concreteType) {\n      case TERMS_OF_USE_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE:\n        title = TERMS_OF_USE_TITLE\n        iconType = EASY_DIFFICULTY\n        description = arFriendlyName\n        break\n      case SELF_SIGN_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE: {\n        title = SELF_SIGN_TITLE\n        const selfSignAR: SelfSignAccessRequirement = ar\n        if (selfSignAR.isValidatedProfileRequired) {\n          iconType = VARIABLE_DIFFICULTY\n        } else if (selfSignAR.isCertifiedUserRequired) {\n          iconType = MEDIUM_DIFFICULTY\n        } else {\n          iconType = EASY_DIFFICULTY\n        }\n        description = arFriendlyName\n        break\n      }\n      case MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE:\n      case ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE:\n        title = ACT_TITLE\n        iconType = VARIABLE_DIFFICULTY\n        description = arFriendlyName\n        break\n      case LOCK_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE:\n        title = LOCK_TITLE\n        iconType = VARIABLE_DIFFICULTY\n        description =\n          'Access restricted pending review by Synapse Access and Compliance Team.'\n        break\n    }\n  }\n\n  const { data: arStatus } = useGetAccessRequirementStatus(\n    String(accessRequirementId),\n  )\n\n  const meetsAccessRequirement = Boolean(arStatus?.isApproved)\n  const hasSubjectId = ar?.subjectIds && ar?.subjectIds.length > 0\n  const subjectId = hasSubjectId ? ar?.subjectIds[0].id : undefined\n  const subjectType = hasSubjectId ? ar?.subjectIds[0].type : undefined\n\n  return (\n    <>\n      <ActionRequiredCard\n        isLoading={isLoading}\n        title={title}\n        description={description}\n        iconType={iconType}\n        count={count}\n        actionNode={\n          <WideButton\n            variant=\"contained\"\n            onClick={() => setIsShowingAccessRequirement(true)}\n            disabled={meetsAccessRequirement}\n          >\n            {meetsAccessRequirement ? 'Complete' : 'Start'}\n          </WideButton>\n        }\n      />\n      {isShowingAccessRequirement && ar && (\n        <AccessRequirementList\n          subjectId={subjectId}\n          subjectType={subjectType}\n          accessRequirementFromProps={[ar]}\n          renderAsModal={true}\n          numberOfFilesAffected={count}\n          onHide={() => {\n            setIsShowingAccessRequirement(false)\n          }}\n        />\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;AA2BA,IAAa,IACX,qDACW,IACX,qDACW,IACX,0DACW,IAAa;AAE1B,SAAgB,EAA0B,EACxC,wBACA,YACiC;CACjC,IAAM,EAAE,MAAM,GAAI,iBAAc,EAC9B,GACA,EAAE,cAAc,GAAK,CACvB,GACM,CAAC,GAA4B,KACjC,EAAkB,EAAK,GACrB,GACA,IAAW,IACX,IAAc,IAEZ,IAAiB,QAChB,IAEM,QAAQ,KAAK,EAAG,IAAI,IAEtB,KAEF,EAAG,OALD,IAMR,CAAC,CAAE,CAAC;CAEP,IAAI,CAAC,KAAa,GAChB,QAAQ,EAAG,cAAX;EACE,KAAK;GAGH,AAFA,IAAQ,GACR,IAAW,GACX,IAAc;GACd;EACF,KAAK,GAAkD;GACrD,IAAQ;GACR,IAAM,IAAwC;GAQ9C,AAPA,AAKE,IALE,EAAW,6BACF,IACF,EAAW,0BACT,IAEA,GAEb,IAAc;GACd;EACF;EACA,KAAK;EACL,KAAK;GAGH,AAFA,IAAQ,GACR,IAAW,GACX,IAAc;GACd;EACF,KAAK;GAGH,AAFA,IAAQ,GACR,IAAW,GACX,IACE;GACF;CACJ;CAGF,IAAM,EAAE,MAAM,MAAa,EACzB,OAAO,CAAmB,CAC5B,GAEM,IAAyB,EAAQ,GAAU,YAC3C,IAAe,GAAI,cAAc,GAAI,WAAW,SAAS,GACzD,IAAY,IAAe,GAAI,WAAW,GAAG,KAAK,KAAA,GAClD,IAAc,IAAe,GAAI,WAAW,GAAG,OAAO,KAAA;CAE5D,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACa;EACJ;EACM;EACH;EACH;EACP,YACE,kBAAC,GAAD;GACE,SAAQ;GACR,eAAe,EAA8B,EAAI;GACjD,UAAU;aAET,IAAyB,aAAa;EAC7B,CAAA;CAEf,CAAA,GACA,KAA8B,KAC7B,kBAAC,GAAD;EACa;EACE;EACb,4BAA4B,CAAC,CAAE;EAC/B,eAAe;EACf,uBAAuB;EACvB,cAAc;GACZ,EAA8B,EAAK;EACrC;CACD,CAAA,CAEH,EAAA,CAAA;AAEN"}

package/dist/components/EntityBadgeIcons/EntityBadgeIcons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EntityBadgeIcons.d.ts","sourceRoot":"","sources":["../../../src/components/EntityBadgeIcons/EntityBadgeIcons.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAOlD,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EACL,MAAM,GACN,QAAQ,GACR,cAAc,GACd,SAAS,GACT,SAAS,GACT,QAAQ,GACR,OAAO,GACP,cAAc,CAAA;IAClB,cAAc,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,CAAA;IACnD,qFAAqF;IACrF,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,oFAAoF;IACpF,2BAA2B,CAAC,EAAE,OAAO,CAAA;IACrC,+HAA+H;IAC/H,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,wDAAwD;IACxD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,0FAA0F;IAC1F,uBAAuB,CAAC,EAAE,OAAO,CAAA;IAEjC,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IACxC,wFAAwF;IACxF,YAAY,EAAE,OAAO,CAAA;CACtB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,gBAAgB,GAC3B,OAAO,qBAAqB,KAC3B,KAAK,CAAC,SAqSR,CAAA;AAED,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"EntityBadgeIcons.d.ts","sourceRoot":"","sources":["../../../src/components/EntityBadgeIcons/EntityBadgeIcons.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAOlD,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EACL,MAAM,GACN,QAAQ,GACR,cAAc,GACd,SAAS,GACT,SAAS,GACT,QAAQ,GACR,OAAO,GACP,cAAc,CAAA;IAClB,cAAc,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,CAAA;IACnD,qFAAqF;IACrF,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,oFAAoF;IACpF,2BAA2B,CAAC,EAAE,OAAO,CAAA;IACrC,+HAA+H;IAC/H,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,wDAAwD;IACxD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,0FAA0F;IAC1F,uBAAuB,CAAC,EAAE,OAAO,CAAA;IAEjC,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IACxC,wFAAwF;IACxF,YAAY,EAAE,OAAO,CAAA;CACtB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,gBAAgB,GAC3B,OAAO,qBAAqB,KAC3B,KAAK,CAAC,SAqSR,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/components/EntityBadgeIcons/EntityBadgeIcons.js

@@ -14,11 +14,17 @@ import { Tooltip as d } from "@mui/material";
 import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
 import { ALL_ENTITY_BUNDLE_FIELDS as h } from "@sage-bionetworks/synapse-types";
 import { EntityType as g } from "@sage-bionetworks/synapse-client";
-import { ChatBubbleTwoTone as _, CheckTwoTone as v, DescriptionTwoTone as y, LinkOffTwoTone as b, LocalOfferTwoTone as x, LockTwoTone as S, PublicTwoTone as C } from "@mui/icons-material";
-import { useInView as w } from "react-intersection-observer";
+import _ from "@mui/icons-material/LinkOffTwoTone";
+import v from "@mui/icons-material/LockTwoTone";
+import y from "@mui/icons-material/PublicTwoTone";
+import { useInView as b } from "react-intersection-observer";
+import x from "@mui/icons-material/CheckTwoTone";
+import S from "@mui/icons-material/ChatBubbleTwoTone";
+import C from "@mui/icons-material/DescriptionTwoTone";
+import w from "@mui/icons-material/LocalOfferTwoTone";
 //#region src/components/EntityBadgeIcons/EntityBadgeIcons.tsx
 var T = (T) => {
-	let { entityId: E, versionNumber: D, flexWrap: O = "nowrap", justifyContent: k = "flex-start", showIsPublicPrivate: A = !0, showHasLocalSharingSettings: j = !0, showHasAnnotations: M = !0, showHasWiki: N = !0, showHasDiscussionThread: P = !0, showUnlink: F = !0, onUnlink: I = () => {}, onUnlinkError: L = () => {}, canOpenModal: R } = T, { data: re } = e(), z = re || {}, { ref: B, inView: V } = w(), { data: H } = r(E, D, !0, { enabled: V }), U = H?.annotations, { data: W } = t(E, D, h, { enabled: V }), [G, K] = l(!1), [q, J] = l(!1), [Y, X] = l(""), { data: Z } = ee(E, {
+	let { entityId: E, versionNumber: D, flexWrap: O = "nowrap", justifyContent: k = "flex-start", showIsPublicPrivate: A = !0, showHasLocalSharingSettings: j = !0, showHasAnnotations: M = !0, showHasWiki: N = !0, showHasDiscussionThread: P = !0, showUnlink: F = !0, onUnlink: I = () => {}, onUnlinkError: L = () => {}, canOpenModal: R } = T, { data: re } = e(), z = re || {}, { ref: B, inView: V } = b(), { data: H } = r(E, D, !0, { enabled: V }), U = H?.annotations, { data: W } = t(E, D, h, { enabled: V }), [G, K] = l(!1), [q, J] = l(!1), [Y, X] = l(""), { data: Z } = ee(E, {
 		enabled: V,
 		staleTime: 60 * 1e3
 	}), { data: Q } = te(E, {
@@ -66,7 +72,7 @@ var T = (T) => {
 				title: "Public",
 				enterNextDelay: 100,
 				placement: "right",
-				children: /* @__PURE__ */ p(C, {
+				children: /* @__PURE__ */ p(y, {
 					"aria-hidden": !1,
 					role: "img",
 					className: "EntityBadge__Badge",
@@ -77,7 +83,7 @@ var T = (T) => {
 				title: "Private",
 				enterNextDelay: 100,
 				placement: "right",
-				children: /* @__PURE__ */ p(S, {
+				children: /* @__PURE__ */ p(v, {
 					"aria-hidden": !1,
 					role: "img",
 					className: "EntityBadge__Badge",
@@ -88,7 +94,7 @@ var T = (T) => {
 				title: "Sharing Settings have been set",
 				enterNextDelay: 100,
 				placement: "right",
-				children: /* @__PURE__ */ p(v, {
+				children: /* @__PURE__ */ p(x, {
 					"aria-hidden": !1,
 					role: "img",
 					className: "EntityBadge__Badge",
@@ -105,7 +111,7 @@ var T = (T) => {
 					onClick: () => K(!0),
 					closeOnClick: !0
 				} : void 0,
-				children: /* @__PURE__ */ p(x, {
+				children: /* @__PURE__ */ p(w, {
 					"aria-hidden": !1,
 					role: R ? "button" : "img",
 					className: `EntityBadge__Badge ${Y}`,
@@ -117,7 +123,7 @@ var T = (T) => {
 				title: "Has a wiki",
 				enterNextDelay: 100,
 				placement: "right",
-				children: /* @__PURE__ */ p(y, {
+				children: /* @__PURE__ */ p(C, {
 					"aria-hidden": !1,
 					role: "img",
 					className: "EntityBadge__Badge",
@@ -128,7 +134,7 @@ var T = (T) => {
 				title: "Has been mentioned in discussion",
 				enterNextDelay: 100,
 				placement: "right",
-				children: /* @__PURE__ */ p(_, {
+				children: /* @__PURE__ */ p(S, {
 					"aria-hidden": !1,
 					role: "img",
 					className: "EntityBadge__Badge",
@@ -151,7 +157,7 @@ var T = (T) => {
 				title: "Remove this link",
 				enterNextDelay: 100,
 				placement: "right",
-				children: /* @__PURE__ */ p(b, {
+				children: /* @__PURE__ */ p(_, {
 					"aria-hidden": !1,
 					role: "button",
 					onClick: () => J(!0),