synapse-react-client 4.0.18 → 4.0.20

package/dist/components/DataGrid/utils/splitPatch.js.map

@@ -1 +1 @@
-{"version":3,"file":"splitPatch.js","names":["Patch","CompactCodecPatch","decode","encode","CompactCodecOperation","CompactCodecTimestamp","getPatchSizeInBytes","patch","TextEncoder","JSON","stringify","length","computeNextPatchHeader","lastPatch","decodedPatch","lastPatchHeader","getId","lastPatchSpan","span","sid","time","splitPatch","maxPatchSizeBytes","ops","binaryEncodedPatch","sizeOfFullPatch","console","warn","firstPatchHeader","splitPatches","currentSplitPatch","i","currentSplitPatchOpCount","sizeOfCurrentSplitPatchWithNextOp","push"],"sources":["../../../../src/components/DataGrid/utils/splitPatch.ts"],"sourcesContent":["import { Patch } from 'json-joy/lib/json-crdt'\nimport {\n  CompactCodecPatch,\n  decode,\n  encode,\n} from 'json-joy/lib/json-crdt-patch/codec/compact'\nimport {\n  CompactCodecOperation,\n  CompactCodecTimestamp,\n} from 'json-joy/lib/json-crdt-patch/codec/compact/types'\n\n/**\n * Calculates the size in bytes of the UTF-8 string representation of a compact-encoded JSON CRDT Patch.\n * This is useful for determining the size of patch that will be sent in a WebSocket connection, which requires UTF-8\n * encoding.\n * @param patch the compact-encoded JSON CRDT Patch\n * @returns the size in bytes of the UTF-8 string representation of the patch\n */\nexport function getPatchSizeInBytes(patch: CompactCodecPatch): number {\n  return new TextEncoder().encode(JSON.stringify(patch)).length\n}\n\n/**\n * Computes the header for the next JSON CRDT patch based on the last patch.\n * @param lastPatch - the previous JSON CRDT patch\n * @returns the header for the next patch, which includes the replica ID and the next timestamp\n */\nfunction computeNextPatchHeader(\n  lastPatch: CompactCodecPatch,\n): [CompactCodecTimestamp] {\n  // TODO: Compute the next patch header without decoding the entire patch\n  // decoding it is inefficient, but easy because it lets us easily compute the span.\n  const decodedPatch = decode(lastPatch)\n\n  const lastPatchHeader = decodedPatch.getId()!\n  const lastPatchSpan = decodedPatch.span()\n\n  return [[lastPatchHeader?.sid, lastPatchHeader.time + lastPatchSpan]]\n}\n\n/**\n * Given a json-joy JSON CRDT Patch, splits it into multiple patches if its compact encoding\n * exceeds the specified maximum size in bytes.\n * @param patch\n * @param maxPatchSizeBytes\n * @returns An array of patches that are compact-encoded. Each patch is guaranteed to be within the specified size limit, or to only contain\n * a single operation if it cannot be split further.\n */\nexport function splitPatch(\n  patch: Patch,\n  maxPatchSizeBytes: number,\n): CompactCodecPatch[] {\n  if (!patch.ops || patch.ops.length === 0) {\n    return []\n  }\n\n  const binaryEncodedPatch = encode(patch)\n  const sizeOfFullPatch = getPatchSizeInBytes(binaryEncodedPatch)\n\n  // Check if this patch needs to be split\n  if (sizeOfFullPatch <= maxPatchSizeBytes) {\n    return [binaryEncodedPatch]\n  }\n\n  if (patch.ops.length == 1) {\n    console.warn(\n      `Patch is too large (${sizeOfFullPatch} B) but cannot be split further since it only contains one operation.`,\n    )\n    return [binaryEncodedPatch]\n  }\n\n  const firstPatchHeader = binaryEncodedPatch[0]\n  const splitPatches: CompactCodecPatch[] = []\n  let currentSplitPatch: CompactCodecPatch = [firstPatchHeader]\n  for (let i = 1; i < binaryEncodedPatch.length; i += 1) {\n    const currentSplitPatchOpCount = currentSplitPatch.length - 1 // Exclude header\n    const sizeOfCurrentSplitPatchWithNextOp = getPatchSizeInBytes([\n      ...currentSplitPatch,\n      binaryEncodedPatch[i] as CompactCodecOperation,\n    ])\n    if (\n      sizeOfCurrentSplitPatchWithNextOp > maxPatchSizeBytes &&\n      currentSplitPatchOpCount > 0\n    ) {\n      splitPatches.push(currentSplitPatch)\n      currentSplitPatch = [computeNextPatchHeader(currentSplitPatch)]\n    }\n    currentSplitPatch.push(binaryEncodedPatch[i] as CompactCodecOperation)\n  }\n  if (currentSplitPatch.length > 1) {\n    splitPatches.push(currentSplitPatch)\n  }\n\n  return splitPatches\n}\n"],"mappings":";;AAkBA,SAAgBM,EAAoBC,GAAkC;AACpE,QAAO,IAAIC,aAAa,CAACL,OAAOM,KAAKC,UAAUH,EAAM,CAAC,CAACI;;AAQzD,SAASC,EACPC,GACyB;CAGzB,IAAMC,IAAeZ,EAAOW,EAAU,EAEhCE,IAAkBD,EAAaE,OAAO,EACtCC,IAAgBH,EAAaI,MAAM;AAEzC,QAAO,CAAC,CAACH,GAAiBI,KAAKJ,EAAgBK,OAAOH,EAAc,CAAC;;AAWvE,SAAgBI,EACdd,GACAe,GACqB;AACrB,KAAI,CAACf,EAAMgB,OAAOhB,EAAMgB,IAAIZ,WAAW,EACrC,QAAO,EAAE;CAGX,IAAMa,IAAqBrB,EAAOI,EAAM,EAClCkB,IAAkBnB,EAAoBkB,EAAmB;AAG/D,KAAIC,KAAmBH,EACrB,QAAO,CAACE,EAAmB;AAG7B,KAAIjB,EAAMgB,IAAIZ,UAAU,EAItB,QAHAe,QAAQC,KACN,uBAAuBF,EAAe,uEACvC,EACM,CAACD,EAAmB;CAG7B,IAAMI,IAAmBJ,EAAmB,IACtCK,IAAoC,EAAE,EACxCC,IAAuC,CAACF,EAAiB;AAC7D,MAAK,IAAIG,IAAI,GAAGA,IAAIP,EAAmBb,QAAQoB,KAAK,GAAG;EACrD,IAAMC,IAA2BF,EAAkBnB,SAAS;AAY5DmB,EAX0CxB,EAAoB,CAC5D,GAAGwB,GACHN,EAAmBO,GACpB,CAECE,GAAoCX,KACpCU,IAA2B,MAE3BH,EAAaK,KAAKJ,EAAkB,EACpCA,IAAoB,CAAClB,EAAuBkB,EAAkB,CAAC,GAEjEA,EAAkBI,KAAKV,EAAmBO,GAA4B;;AAMxE,QAJID,EAAkBnB,SAAS,KAC7BkB,EAAaK,KAAKJ,EAAkB,EAG/BD"}
+{"version":3,"file":"splitPatch.js","names":["Patch","CompactCodecPatch","decode","encode","CompactCodecOperation","CompactCodecTimestamp","getPatchSizeInBytes","patch","TextEncoder","JSON","stringify","length","computeNextPatchHeader","lastPatch","decodedPatch","lastPatchHeader","getId","lastPatchSpan","span","sid","time","splitPatch","maxPatchSizeBytes","ops","binaryEncodedPatch","sizeOfFullPatch","console","warn","firstPatchHeader","splitPatches","currentSplitPatch","i","currentSplitPatchOpCount","sizeOfCurrentSplitPatchWithNextOp","push"],"sources":["../../../../src/components/DataGrid/utils/splitPatch.ts"],"sourcesContent":["import { Patch } from 'json-joy/lib/json-crdt'\nimport {\n  CompactCodecPatch,\n  decode,\n  encode,\n} from 'json-joy/lib/json-crdt-patch/codec/compact'\nimport {\n  CompactCodecOperation,\n  CompactCodecTimestamp,\n} from 'json-joy/lib/json-crdt-patch/codec/compact/types'\n\n/**\n * Calculates the size in bytes of the UTF-8 string representation of a compact-encoded JSON CRDT Patch.\n * This is useful for determining the size of patch that will be sent in a WebSocket connection, which requires UTF-8\n * encoding.\n * @param patch the compact-encoded JSON CRDT Patch\n * @returns the size in bytes of the UTF-8 string representation of the patch\n */\nexport function getPatchSizeInBytes(patch: CompactCodecPatch): number {\n  return new TextEncoder().encode(JSON.stringify(patch)).length\n}\n\n/**\n * Computes the header for the next JSON CRDT patch based on the last patch.\n * @param lastPatch - the previous JSON CRDT patch\n * @returns the header for the next patch, which includes the replica ID and the next timestamp\n */\nfunction computeNextPatchHeader(\n  lastPatch: CompactCodecPatch,\n): [CompactCodecTimestamp] {\n  // TODO: Compute the next patch header without decoding the entire patch\n  // decoding it is inefficient, but easy because it lets us easily compute the span.\n  const decodedPatch = decode(lastPatch)\n\n  const lastPatchHeader = decodedPatch.getId()!\n  const lastPatchSpan = decodedPatch.span()\n\n  return [[lastPatchHeader?.sid, lastPatchHeader.time + lastPatchSpan]]\n}\n\n/**\n * Given a json-joy JSON CRDT Patch, splits it into multiple patches if its compact encoding\n * exceeds the specified maximum size in bytes.\n * @param patch\n * @param maxPatchSizeBytes\n * @returns An array of patches that are compact-encoded. Each patch is guaranteed to be within the specified size limit, or to only contain\n * a single operation if it cannot be split further.\n */\nexport function splitPatch(\n  patch: Patch,\n  maxPatchSizeBytes: number,\n): CompactCodecPatch[] {\n  if (!patch.ops || patch.ops.length === 0) {\n    return []\n  }\n\n  const binaryEncodedPatch = encode(patch)\n  const sizeOfFullPatch = getPatchSizeInBytes(binaryEncodedPatch)\n\n  // Check if this patch needs to be split\n  if (sizeOfFullPatch <= maxPatchSizeBytes) {\n    return [binaryEncodedPatch]\n  }\n\n  if (patch.ops.length == 1) {\n    console.warn(\n      `Patch is too large (${sizeOfFullPatch} B) but cannot be split further since it only contains one operation.`,\n    )\n    return [binaryEncodedPatch]\n  }\n\n  const firstPatchHeader = binaryEncodedPatch[0]\n  const splitPatches: CompactCodecPatch[] = []\n  let currentSplitPatch: CompactCodecPatch = [firstPatchHeader]\n  for (let i = 1; i < binaryEncodedPatch.length; i += 1) {\n    const currentSplitPatchOpCount = currentSplitPatch.length - 1 // Exclude header\n    const sizeOfCurrentSplitPatchWithNextOp = getPatchSizeInBytes([\n      ...currentSplitPatch,\n      binaryEncodedPatch[i] as CompactCodecOperation,\n    ])\n    if (\n      sizeOfCurrentSplitPatchWithNextOp > maxPatchSizeBytes &&\n      currentSplitPatchOpCount > 0\n    ) {\n      splitPatches.push(currentSplitPatch)\n      currentSplitPatch = [computeNextPatchHeader(currentSplitPatch)]\n    }\n    currentSplitPatch.push(binaryEncodedPatch[i] as CompactCodecOperation)\n  }\n  if (currentSplitPatch.length > 1) {\n    splitPatches.push(currentSplitPatch)\n  }\n\n  return splitPatches\n}\n"],"mappings":";;AAkBA,SAAgBM,EAAoBC,GAAkC;CACpE,OAAO,IAAIC,YAAY,EAAEL,OAAOM,KAAKC,UAAUH,CAAK,CAAC,EAAEI;AACzD;AAOA,SAASC,EACPC,GACyB;CAGzB,IAAMC,IAAeZ,EAAOW,CAAS,GAE/BE,IAAkBD,EAAaE,MAAM,GACrCC,IAAgBH,EAAaI,KAAK;CAExC,OAAO,CAAC,CAACH,GAAiBI,KAAKJ,EAAgBK,OAAOH,CAAa,CAAC;AACtE;AAUA,SAAgBI,EACdd,GACAe,GACqB;CACrB,IAAI,CAACf,EAAMgB,OAAOhB,EAAMgB,IAAIZ,WAAW,GACrC,OAAO,CAAA;CAGT,IAAMa,IAAqBrB,EAAOI,CAAK,GACjCkB,IAAkBnB,EAAoBkB,CAAkB;CAG9D,IAAIC,KAAmBH,GACrB,OAAO,CAACE,CAAkB;CAG5B,IAAIjB,EAAMgB,IAAIZ,UAAU,GAItB,OAHAe,QAAQC,KACN,uBAAuBF,EAAe,sEACxC,GACO,CAACD,CAAkB;CAG5B,IAAMI,IAAmBJ,EAAmB,IACtCK,IAAoC,CAAA,GACtCC,IAAuC,CAACF,CAAgB;CAC5D,KAAK,IAAIG,IAAI,GAAGA,IAAIP,EAAmBb,QAAQoB,KAAK,GAAG;EACrD,IAAMC,IAA2BF,EAAkBnB,SAAS;EAY5DmB,AAX0CxB,EAAoB,CAC5D,GAAGwB,GACHN,EAAmBO,EAA2B,CAG9CE,IAAoCX,KACpCU,IAA2B,MAE3BH,EAAaK,KAAKJ,CAAiB,GACnCA,IAAoB,CAAClB,EAAuBkB,CAAiB,CAAC,IAEhEA,EAAkBI,KAAKV,EAAmBO,EAA2B;CACvE;CAKA,OAJID,EAAkBnB,SAAS,KAC7BkB,EAAaK,KAAKJ,CAAiB,GAG9BD;AACT"}

package/dist/components/DatasetJsonLdScript.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatasetJsonLdScript.js","names":[],"sources":["../../src/components/DatasetJsonLdScript.tsx"],"sourcesContent":["import {\n  useFileContent,\n  useGetQueryResultBundleWithAsyncStatus,\n} from '@/synapse-queries'\nimport useJsonLdScriptElement from '@/utils/hooks/useJsonLdScriptElement'\nimport { BUNDLE_MASK_QUERY_RESULTS } from '@/utils/SynapseConstants'\nimport {\n  ColumnSingleValueFilterOperator,\n  COLUMN_SINGLE_VALUE_QUERY_FILTER_CONCRETE_TYPE_VALUE,\n  Query,\n} from '@sage-bionetworks/synapse-types'\nimport React from 'react'\n\ninterface DatasetJsonLdScriptOption1Props {\n  entityId?: string\n  version?: number\n  searchParams?: never\n}\ninterface DatasetJsonLdScriptOption2Props {\n  entityId?: never\n  version?: never\n  searchParams?: { [key: string]: string } // can be injected if this component is embedded in a Dataset Details page\n}\nexport type DatasetJsonLdScriptProps =\n  | DatasetJsonLdScriptOption1Props\n  | DatasetJsonLdScriptOption2Props\n\n/**\n * This component will add a Dataset json ld script tag to the page when rendered.\n */\nexport function DatasetJsonLdScript({\n  entityId: entityIdFromProps,\n  version: versionFromProps,\n  searchParams,\n}: DatasetJsonLdScriptProps): React.ReactNode {\n  let entityId: string\n  let version: number | undefined\n  if (entityIdFromProps) {\n    entityId = entityIdFromProps\n    version = versionFromProps\n  } else if (searchParams) {\n    entityId = searchParams['id']\n    if (searchParams['version']) {\n      version = parseInt(searchParams['version'])\n    }\n  }\n  const query: Query = {\n    sql: 'select croissant_file_s3_object from syn65903895',\n    additionalFilters: [\n      {\n        concreteType: COLUMN_SINGLE_VALUE_QUERY_FILTER_CONCRETE_TYPE_VALUE,\n        columnName: 'dataset',\n        operator: ColumnSingleValueFilterOperator.EQUAL,\n        values: [entityId!],\n      },\n    ],\n  }\n  if (version) {\n    query.additionalFilters!.push({\n      concreteType: COLUMN_SINGLE_VALUE_QUERY_FILTER_CONCRETE_TYPE_VALUE,\n      columnName: 'dataset_version',\n      operator: ColumnSingleValueFilterOperator.EQUAL,\n      values: [`${version}`],\n    })\n  }\n  const { data } = useGetQueryResultBundleWithAsyncStatus({\n    entityId: entityId!,\n    query,\n    partMask: BUNDLE_MASK_QUERY_RESULTS,\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n  })\n\n  // get raw data.  parse and then inject?  or just inject without parsing?\n  const rows = data?.responseBody?.queryResult?.queryResults?.rows\n  const row = rows && rows.length > 0 ? rows[0] : undefined\n  const croissantFileS3ObjectURL = row?.values[0]\n\n  const { data: croissantFileContent } = useFileContent(\n    croissantFileS3ObjectURL!,\n    {\n      enabled: !!croissantFileS3ObjectURL,\n    },\n  )\n  useJsonLdScriptElement(croissantFileContent)\n  return <></>\n}\n"],"mappings":";;;;;;;;;AA8BA,SAAgB,EAAoB,EAClC,UAAU,GACV,SAAS,GACT,mBAC4C;CAC5C,IAAI,GACA;AACJ,CAAI,KACF,IAAW,GACX,IAAU,KACD,MACT,IAAW,EAAa,IACpB,EAAa,YACf,IAAU,SAAS,EAAa,QAAW;CAG/C,IAAM,IAAe;EACnB,KAAK;EACL,mBAAmB,CACjB;GACE,cAAc;GACd,YAAY;GACZ,UAAU,EAAgC;GAC1C,QAAQ,CAAC,EAAU;GACpB,CACF;EACF;AACD,CAAI,KACF,EAAM,kBAAmB,KAAK;EAC5B,cAAc;EACd,YAAY;EACZ,UAAU,EAAgC;EAC1C,QAAQ,CAAC,GAAG,IAAU;EACvB,CAAC;CAEJ,IAAM,EAAE,YAAS,EAAuC;EAC5C;EACV;EACA,UAAA;EACA,cAAc;EACf,CAAC,EAGI,IAAO,GAAM,cAAc,aAAa,cAAc,MAEtD,KADM,KAAQ,EAAK,SAAS,IAAI,EAAK,KAAK,KAAA,IACV,OAAO,IAEvC,EAAE,MAAM,MAAyB,EACrC,GACA,EACE,SAAS,CAAC,CAAC,GACZ,CACF;AAED,QADA,EAAuB,EAAqB,EACrC,kBAAA,GAAA,EAAK,CAAA"}
+{"version":3,"file":"DatasetJsonLdScript.js","names":[],"sources":["../../src/components/DatasetJsonLdScript.tsx"],"sourcesContent":["import {\n  useFileContent,\n  useGetQueryResultBundleWithAsyncStatus,\n} from '@/synapse-queries'\nimport useJsonLdScriptElement from '@/utils/hooks/useJsonLdScriptElement'\nimport { BUNDLE_MASK_QUERY_RESULTS } from '@/utils/SynapseConstants'\nimport {\n  ColumnSingleValueFilterOperator,\n  COLUMN_SINGLE_VALUE_QUERY_FILTER_CONCRETE_TYPE_VALUE,\n  Query,\n} from '@sage-bionetworks/synapse-types'\nimport React from 'react'\n\ninterface DatasetJsonLdScriptOption1Props {\n  entityId?: string\n  version?: number\n  searchParams?: never\n}\ninterface DatasetJsonLdScriptOption2Props {\n  entityId?: never\n  version?: never\n  searchParams?: { [key: string]: string } // can be injected if this component is embedded in a Dataset Details page\n}\nexport type DatasetJsonLdScriptProps =\n  | DatasetJsonLdScriptOption1Props\n  | DatasetJsonLdScriptOption2Props\n\n/**\n * This component will add a Dataset json ld script tag to the page when rendered.\n */\nexport function DatasetJsonLdScript({\n  entityId: entityIdFromProps,\n  version: versionFromProps,\n  searchParams,\n}: DatasetJsonLdScriptProps): React.ReactNode {\n  let entityId: string\n  let version: number | undefined\n  if (entityIdFromProps) {\n    entityId = entityIdFromProps\n    version = versionFromProps\n  } else if (searchParams) {\n    entityId = searchParams['id']\n    if (searchParams['version']) {\n      version = parseInt(searchParams['version'])\n    }\n  }\n  const query: Query = {\n    sql: 'select croissant_file_s3_object from syn65903895',\n    additionalFilters: [\n      {\n        concreteType: COLUMN_SINGLE_VALUE_QUERY_FILTER_CONCRETE_TYPE_VALUE,\n        columnName: 'dataset',\n        operator: ColumnSingleValueFilterOperator.EQUAL,\n        values: [entityId!],\n      },\n    ],\n  }\n  if (version) {\n    query.additionalFilters!.push({\n      concreteType: COLUMN_SINGLE_VALUE_QUERY_FILTER_CONCRETE_TYPE_VALUE,\n      columnName: 'dataset_version',\n      operator: ColumnSingleValueFilterOperator.EQUAL,\n      values: [`${version}`],\n    })\n  }\n  const { data } = useGetQueryResultBundleWithAsyncStatus({\n    entityId: entityId!,\n    query,\n    partMask: BUNDLE_MASK_QUERY_RESULTS,\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n  })\n\n  // get raw data.  parse and then inject?  or just inject without parsing?\n  const rows = data?.responseBody?.queryResult?.queryResults?.rows\n  const row = rows && rows.length > 0 ? rows[0] : undefined\n  const croissantFileS3ObjectURL = row?.values[0]\n\n  const { data: croissantFileContent } = useFileContent(\n    croissantFileS3ObjectURL!,\n    {\n      enabled: !!croissantFileS3ObjectURL,\n    },\n  )\n  useJsonLdScriptElement(croissantFileContent)\n  return <></>\n}\n"],"mappings":";;;;;;;;;AA8BA,SAAgB,EAAoB,EAClC,UAAU,GACV,SAAS,GACT,mBAC4C;CAC5C,IAAI,GACA;CACJ,AAAI,KACF,IAAW,GACX,IAAU,KACD,MACT,IAAW,EAAa,IACpB,EAAa,YACf,IAAU,SAAS,EAAa,OAAU;CAG9C,IAAM,IAAe;EACnB,KAAK;EACL,mBAAmB,CACjB;GACE,cAAc;GACd,YAAY;GACZ,UAAU,EAAgC;GAC1C,QAAQ,CAAC,CAAS;EACpB,CACF;CACF;CACA,AAAI,KACF,EAAM,kBAAmB,KAAK;EAC5B,cAAc;EACd,YAAY;EACZ,UAAU,EAAgC;EAC1C,QAAQ,CAAC,GAAG,GAAS;CACvB,CAAC;CAEH,IAAM,EAAE,YAAS,EAAuC;EAC5C;EACV;EACA,UAAA;EACA,cAAc;CAChB,CAAC,GAGK,IAAO,GAAM,cAAc,aAAa,cAAc,MAEtD,KADM,KAAQ,EAAK,SAAS,IAAI,EAAK,KAAK,KAAA,IACV,OAAO,IAEvC,EAAE,MAAM,MAAyB,EACrC,GACA,EACE,SAAS,CAAC,CAAC,EACb,CACF;CAEA,OADA,EAAuB,CAAoB,GACpC,kBAAA,GAAA,CAAI,CAAA;AACb"}

package/dist/components/DateTimePicker/DateTimePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimePicker.js","names":[],"sources":["../../../src/components/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import { useSynapseContext } from '@/utils'\nimport { Box, InputBaseProps, TextField, TextFieldProps } from '@mui/material'\nimport { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs'\nimport {\n  DateTimePicker as MuiDateTimePicker,\n  DateTimePickerProps as MuiDateTimePickerProps,\n} from '@mui/x-date-pickers/DateTimePicker'\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider'\nimport dayjs from 'dayjs'\nimport advancedFormat from 'dayjs/plugin/advancedFormat'\nimport timezone from 'dayjs/plugin/timezone'\nimport utc from 'dayjs/plugin/utc'\nimport { useMemo } from 'react'\n\ndayjs.extend(utc)\ndayjs.extend(timezone)\ndayjs.extend(advancedFormat)\n\nfunction TextFieldWithTzShown(props: TextFieldProps) {\n  const { utcTime } = useSynapseContext()\n  const tzDisplay = utcTime ? 'UTC' : dayjs().tz(dayjs.tz.guess()).format('z')\n\n  return (\n    <TextField\n      {...props}\n      slotProps={{\n        input: {\n          ...props.slotProps?.input,\n          endAdornment: (\n            <>\n              <Box\n                sx={{\n                  ml: 0.5,\n                }}\n              >\n                {tzDisplay}\n              </Box>\n              {\n                (props.slotProps?.input as InputBaseProps | undefined)\n                  ?.endAdornment\n              }\n            </>\n          ),\n        },\n      }}\n    />\n  )\n}\n\nexport default function DateTimePicker(props: MuiDateTimePickerProps) {\n  const { value, slots, ...rest } = props\n  const { utcTime } = useSynapseContext()\n\n  const valueAsDayjs = useMemo(() => {\n    if (value == null) {\n      return value\n    }\n    if (utcTime) {\n      return dayjs.utc(value)\n    } else {\n      return dayjs(value)\n    }\n  }, [utcTime, value])\n\n  return (\n    <LocalizationProvider dateAdapter={AdapterDayjs}>\n      <MuiDateTimePicker\n        enableAccessibleFieldDOMStructure={false}\n        value={valueAsDayjs}\n        slots={{\n          ...slots,\n          textField: TextFieldWithTzShown,\n        }}\n        {...rest}\n      />\n    </LocalizationProvider>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAcA,EAAM,OAAO,EAAI,EACjB,EAAM,OAAO,EAAS,EACtB,EAAM,OAAO,EAAe;AAE5B,SAAS,EAAqB,GAAuB;CACnD,IAAM,EAAE,eAAY,GAAmB,EACjC,IAAY,IAAU,QAAQ,GAAO,CAAC,GAAG,EAAM,GAAG,OAAO,CAAC,CAAC,OAAO,IAAI;AAE5E,QACE,kBAAC,GAAD;EACE,GAAI;EACJ,WAAW,EACT,OAAO;GACL,GAAG,EAAM,WAAW;GACpB,cACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;IACE,IAAI,EACF,IAAI,IACL;cAEA;IACG,CAAA,EAEH,EAAM,WAAW,OACd,aAEL,EAAA,CAAA;GAEN,EACF;EACD,CAAA;;AAIN,SAAwB,EAAe,GAA+B;CACpE,IAAM,EAAE,UAAO,UAAO,GAAG,MAAS,GAC5B,EAAE,eAAY,GAAmB;AAavC,QACE,kBAAC,GAAD;EAAsB,aAAa;YACjC,kBAAC,GAAD;GACE,mCAAmC;GACnC,OAfe,QACf,KAAS,OACJ,IAEL,IACK,EAAM,IAAI,EAAM,GAEhB,EAAM,EAAM,EAEpB,CAAC,GAAS,EAAM,CAMN;GACP,OAAO;IACL,GAAG;IACH,WAAW;IACZ;GACD,GAAI;GACJ,CAAA;EACmB,CAAA"}
+{"version":3,"file":"DateTimePicker.js","names":[],"sources":["../../../src/components/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import { useSynapseContext } from '@/utils'\nimport { Box, InputBaseProps, TextField, TextFieldProps } from '@mui/material'\nimport { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs'\nimport {\n  DateTimePicker as MuiDateTimePicker,\n  DateTimePickerProps as MuiDateTimePickerProps,\n} from '@mui/x-date-pickers/DateTimePicker'\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider'\nimport dayjs from 'dayjs'\nimport advancedFormat from 'dayjs/plugin/advancedFormat'\nimport timezone from 'dayjs/plugin/timezone'\nimport utc from 'dayjs/plugin/utc'\nimport { useMemo } from 'react'\n\ndayjs.extend(utc)\ndayjs.extend(timezone)\ndayjs.extend(advancedFormat)\n\nfunction TextFieldWithTzShown(props: TextFieldProps) {\n  const { utcTime } = useSynapseContext()\n  const tzDisplay = utcTime ? 'UTC' : dayjs().tz(dayjs.tz.guess()).format('z')\n\n  return (\n    <TextField\n      {...props}\n      slotProps={{\n        input: {\n          ...props.slotProps?.input,\n          endAdornment: (\n            <>\n              <Box\n                sx={{\n                  ml: 0.5,\n                }}\n              >\n                {tzDisplay}\n              </Box>\n              {\n                (props.slotProps?.input as InputBaseProps | undefined)\n                  ?.endAdornment\n              }\n            </>\n          ),\n        },\n      }}\n    />\n  )\n}\n\nexport default function DateTimePicker(props: MuiDateTimePickerProps) {\n  const { value, slots, ...rest } = props\n  const { utcTime } = useSynapseContext()\n\n  const valueAsDayjs = useMemo(() => {\n    if (value == null) {\n      return value\n    }\n    if (utcTime) {\n      return dayjs.utc(value)\n    } else {\n      return dayjs(value)\n    }\n  }, [utcTime, value])\n\n  return (\n    <LocalizationProvider dateAdapter={AdapterDayjs}>\n      <MuiDateTimePicker\n        enableAccessibleFieldDOMStructure={false}\n        value={valueAsDayjs}\n        slots={{\n          ...slots,\n          textField: TextFieldWithTzShown,\n        }}\n        {...rest}\n      />\n    </LocalizationProvider>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAcA,EAAM,OAAO,CAAG,GAChB,EAAM,OAAO,CAAQ,GACrB,EAAM,OAAO,CAAc;AAE3B,SAAS,EAAqB,GAAuB;CACnD,IAAM,EAAE,eAAY,EAAkB,GAChC,IAAY,IAAU,QAAQ,EAAM,EAAE,GAAG,EAAM,GAAG,MAAM,CAAC,EAAE,OAAO,GAAG;CAE3E,OACE,kBAAC,GAAD;EACE,GAAI;EACJ,WAAW,EACT,OAAO;GACL,GAAG,EAAM,WAAW;GACpB,cACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;IACE,IAAI,EACF,IAAI,GACN;cAEC;GACE,CAAA,GAEF,EAAM,WAAW,OACd,YAEN,EAAA,CAAA;EAEN,EACF;CACD,CAAA;AAEL;AAEA,SAAwB,EAAe,GAA+B;CACpE,IAAM,EAAE,UAAO,UAAO,GAAG,MAAS,GAC5B,EAAE,eAAY,EAAkB;CAatC,OACE,kBAAC,GAAD;EAAsB,aAAa;YACjC,kBAAC,GAAD;GACE,mCAAmC;GACnC,OAfe,QACf,KAAS,OACJ,IAEL,IACK,EAAM,IAAI,CAAK,IAEf,EAAM,CAAK,GAEnB,CAAC,GAAS,CAAK,CAML;GACP,OAAO;IACL,GAAG;IACH,WAAW;GACb;GACA,GAAI;EACL,CAAA;CACmB,CAAA;AAE1B"}

package/dist/components/Dialog/ConfirmCloseWithoutSavingDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmCloseWithoutSavingDialog.js","names":[],"sources":["../../../src/components/Dialog/ConfirmCloseWithoutSavingDialog.tsx"],"sourcesContent":["import { SetOptional } from 'type-fest'\nimport {\n  ConfirmationDialog,\n  ConfirmationDialogProps,\n} from '../ConfirmationDialog/ConfirmationDialog'\n\nexport type ConfirmCloseWithoutSavingDialogProps = SetOptional<\n  ConfirmationDialogProps,\n  'title' | 'content' | 'confirmButtonProps'\n>\n\nfunction ConfirmCloseWithoutSavingDialog(\n  props: ConfirmCloseWithoutSavingDialogProps,\n) {\n  const {\n    title = 'Close without saving?',\n    content = 'Are you sure you want to close the editor without saving your changes?',\n    confirmButtonProps = {\n      children: 'Close without saving',\n      color: 'error',\n    },\n    ...rest\n  } = props\n  return (\n    <ConfirmationDialog\n      title={title}\n      content={content}\n      confirmButtonProps={confirmButtonProps}\n      {...rest}\n    />\n  )\n}\n\nexport default ConfirmCloseWithoutSavingDialog\n"],"mappings":";;;AAWA,SAAS,EACP,GACA;CACA,IAAM,EACJ,WAAQ,yBACR,aAAU,0EACV,wBAAqB;EACnB,UAAU;EACV,OAAO;EACR,EACD,GAAG,MACD;AACJ,QACE,kBAAC,GAAD;EACS;EACE;EACW;EACpB,GAAI;EACJ,CAAA"}
+{"version":3,"file":"ConfirmCloseWithoutSavingDialog.js","names":[],"sources":["../../../src/components/Dialog/ConfirmCloseWithoutSavingDialog.tsx"],"sourcesContent":["import { SetOptional } from 'type-fest'\nimport {\n  ConfirmationDialog,\n  ConfirmationDialogProps,\n} from '../ConfirmationDialog/ConfirmationDialog'\n\nexport type ConfirmCloseWithoutSavingDialogProps = SetOptional<\n  ConfirmationDialogProps,\n  'title' | 'content' | 'confirmButtonProps'\n>\n\nfunction ConfirmCloseWithoutSavingDialog(\n  props: ConfirmCloseWithoutSavingDialogProps,\n) {\n  const {\n    title = 'Close without saving?',\n    content = 'Are you sure you want to close the editor without saving your changes?',\n    confirmButtonProps = {\n      children: 'Close without saving',\n      color: 'error',\n    },\n    ...rest\n  } = props\n  return (\n    <ConfirmationDialog\n      title={title}\n      content={content}\n      confirmButtonProps={confirmButtonProps}\n      {...rest}\n    />\n  )\n}\n\nexport default ConfirmCloseWithoutSavingDialog\n"],"mappings":";;;AAWA,SAAS,EACP,GACA;CACA,IAAM,EACJ,WAAQ,yBACR,aAAU,0EACV,wBAAqB;EACnB,UAAU;EACV,OAAO;CACT,GACA,GAAG,MACD;CACJ,OACE,kBAAC,GAAD;EACS;EACE;EACW;EACpB,GAAI;CACL,CAAA;AAEL"}

package/dist/components/DialogBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogBase.js","names":[],"sources":["../../src/components/DialogBase.tsx"],"sourcesContent":["import { spreadSx } from '@/theme/spreadSx'\nimport CloseIcon from '@mui/icons-material/Close'\nimport {\n  Box,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogContentProps,\n  DialogProps,\n  DialogTitle,\n  IconButton,\n  Stack,\n  SxProps,\n} from '@mui/material'\nimport React, { ReactNode } from 'react'\nimport { HelpPopover, HelpPopoverProps } from './HelpPopover/HelpPopover'\n\nconst EMPTY_OBJECT = {}\n\nexport type CloseButtonProps = {\n  sx?: SxProps\n  onClick?: () => void\n}\n\nexport const CLOSE_BUTTON_LABEL = 'close'\nconst DEFAULT_CLOSEBUTTON_SX: SxProps = { color: 'grey.700' }\n\nexport function CloseButton({\n  sx = DEFAULT_CLOSEBUTTON_SX,\n  onClick,\n}: CloseButtonProps): React.JSX.Element {\n  return (\n    <IconButton sx={sx} onClick={onClick} aria-label={CLOSE_BUTTON_LABEL}>\n      <CloseIcon />\n    </IconButton>\n  )\n}\n\nexport type DialogBaseTitleProps = {\n  title: ReactNode\n  titleHelpPopoverProps?: HelpPopoverProps\n  hasCloseButton?: boolean\n  onCancel: () => void\n}\n\nexport function DialogBaseTitle(props: DialogBaseTitleProps): React.ReactNode {\n  const {\n    title,\n    titleHelpPopoverProps,\n    hasCloseButton = true,\n    onCancel,\n  } = props\n  return (\n    <DialogTitle>\n      <Stack\n        direction=\"row\"\n        sx={{\n          alignItems: 'center',\n          gap: '5px',\n        }}\n      >\n        {title}\n        <Box\n          component={'span'}\n          sx={{\n            fontSize: '14px',\n          }}\n        >\n          {titleHelpPopoverProps && <HelpPopover {...titleHelpPopoverProps} />}\n        </Box>\n        <Box sx={{ flexGrow: 1 }} />\n        {hasCloseButton && <CloseButton onClick={() => onCancel()} />}\n      </Stack>\n    </DialogTitle>\n  )\n}\n\nexport type DialogBaseProps = DialogBaseTitleProps & {\n  open: boolean\n  content: ReactNode\n  actions?: ReactNode\n  className?: string\n  onCancel: () => void\n  maxWidth?: DialogProps['maxWidth']\n  fullWidth?: boolean\n  sx?: DialogProps['sx']\n  contentProps?: DialogContentProps\n  DialogProps?: Partial<DialogProps>\n  /** If true, reduces the vertical padding of the title, content, and actions for a more compact layout. */\n  dense?: boolean\n}\n\n/**\n * A dialog built using MUI components.\n */\nexport const DialogBase = ({\n  open,\n  title,\n  content,\n  actions,\n  className,\n  onCancel,\n  hasCloseButton,\n  titleHelpPopoverProps,\n  maxWidth = 'sm',\n  fullWidth = true,\n  sx,\n  contentProps = EMPTY_OBJECT,\n  DialogProps,\n  dense = false,\n}: DialogBaseProps): React.ReactNode => {\n  return (\n    <Dialog\n      fullWidth={fullWidth}\n      maxWidth={maxWidth}\n      open={open}\n      className={className}\n      onClose={() => onCancel()}\n      sx={spreadSx(\n        sx,\n        dense\n          ? {\n              '.MuiDialog-container > .MuiPaper-root': {\n                padding: '10px 30px',\n              },\n              '& .MuiDialogTitle-root': {\n                py: 1.5,\n                typography: 'headline3',\n              },\n              '& .MuiDialogContent-root': {\n                pt: 1,\n              },\n              '& .MuiDialogActions-root': {\n                pb: 2,\n              },\n            }\n          : undefined,\n        theme => ({\n          [theme.breakpoints.down('sm')]: {\n            width: '100vw',\n            '.MuiDialog-container > .MuiPaper-root': {\n              padding: '33px',\n              margin: 0,\n              width: '100%',\n              height: '100%',\n              maxHeight: 'unset',\n            },\n          },\n        }),\n      )}\n      {...DialogProps}\n    >\n      <DialogBaseTitle\n        title={title}\n        titleHelpPopoverProps={titleHelpPopoverProps}\n        hasCloseButton={hasCloseButton}\n        onCancel={onCancel}\n      />\n      <DialogContent {...contentProps}>{content}</DialogContent>\n      {actions && <DialogActions>{actions}</DialogActions>}\n    </Dialog>\n  )\n}\n"],"mappings":";;;;;;;AAiBA,IAAM,IAAe,EAAE,EAOV,IAAqB,SAC5B,IAAkC,EAAE,OAAO,YAAY;AAE7D,SAAgB,EAAY,EAC1B,QAAK,GACL,cACsC;AACtC,QACE,kBAAC,GAAD;EAAgB;EAAa;EAAS,cAAY;YAChD,kBAAC,GAAD,EAAa,CAAA;EACF,CAAA;;AAWjB,SAAgB,EAAgB,GAA8C;CAC5E,IAAM,EACJ,UACA,0BACA,oBAAiB,IACjB,gBACE;AACJ,QACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EACE,WAAU;EACV,IAAI;GACF,YAAY;GACZ,KAAK;GACN;YALH;GAOG;GACD,kBAAC,GAAD;IACE,WAAW;IACX,IAAI,EACF,UAAU,QACX;cAEA,KAAyB,kBAAC,GAAD,EAAa,GAAI,GAAyB,CAAA;IAChE,CAAA;GACN,kBAAC,GAAD,EAAK,IAAI,EAAE,UAAU,GAAG,EAAI,CAAA;GAC3B,KAAkB,kBAAC,GAAD,EAAa,eAAe,GAAU,EAAI,CAAA;GACvD;KACI,CAAA;;AAsBlB,IAAa,KAAc,EACzB,SACA,UACA,YACA,YACA,cACA,aACA,mBACA,0BACA,cAAW,MACX,eAAY,IACZ,OACA,kBAAe,GACf,gBACA,WAAQ,SAGN,kBAAC,GAAD;CACa;CACD;CACJ;CACK;CACX,eAAe,GAAU;CACzB,IAAI,EACF,GACA,IACI;EACE,yCAAyC,EACvC,SAAS,aACV;EACD,0BAA0B;GACxB,IAAI;GACJ,YAAY;GACb;EACD,4BAA4B,EAC1B,IAAI,GACL;EACD,4BAA4B,EAC1B,IAAI,GACL;EACF,GACD,KAAA,IACJ,OAAU,GACP,EAAM,YAAY,KAAK,KAAK,GAAG;EAC9B,OAAO;EACP,yCAAyC;GACvC,SAAS;GACT,QAAQ;GACR,OAAO;GACP,QAAQ;GACR,WAAW;GACZ;EACF,EACF,EACF;CACD,GAAI;WAtCN;EAwCE,kBAAC,GAAD;GACS;GACgB;GACP;GACN;GACV,CAAA;EACF,kBAAC,GAAD;GAAe,GAAI;aAAe;GAAwB,CAAA;EACzD,KAAW,kBAAC,GAAD,EAAA,UAAgB,GAAwB,CAAA;EAC7C"}
+{"version":3,"file":"DialogBase.js","names":[],"sources":["../../src/components/DialogBase.tsx"],"sourcesContent":["import { spreadSx } from '@/theme/spreadSx'\nimport CloseIcon from '@mui/icons-material/Close'\nimport {\n  Box,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogContentProps,\n  DialogProps,\n  DialogTitle,\n  IconButton,\n  Stack,\n  SxProps,\n} from '@mui/material'\nimport React, { ReactNode } from 'react'\nimport { HelpPopover, HelpPopoverProps } from './HelpPopover/HelpPopover'\n\nconst EMPTY_OBJECT = {}\n\nexport type CloseButtonProps = {\n  sx?: SxProps\n  onClick?: () => void\n}\n\nexport const CLOSE_BUTTON_LABEL = 'close'\nconst DEFAULT_CLOSEBUTTON_SX: SxProps = { color: 'grey.700' }\n\nexport function CloseButton({\n  sx = DEFAULT_CLOSEBUTTON_SX,\n  onClick,\n}: CloseButtonProps): React.JSX.Element {\n  return (\n    <IconButton sx={sx} onClick={onClick} aria-label={CLOSE_BUTTON_LABEL}>\n      <CloseIcon />\n    </IconButton>\n  )\n}\n\nexport type DialogBaseTitleProps = {\n  title: ReactNode\n  titleHelpPopoverProps?: HelpPopoverProps\n  hasCloseButton?: boolean\n  onCancel: () => void\n}\n\nexport function DialogBaseTitle(props: DialogBaseTitleProps): React.ReactNode {\n  const {\n    title,\n    titleHelpPopoverProps,\n    hasCloseButton = true,\n    onCancel,\n  } = props\n  return (\n    <DialogTitle>\n      <Stack\n        direction=\"row\"\n        sx={{\n          alignItems: 'center',\n          gap: '5px',\n        }}\n      >\n        {title}\n        <Box\n          component={'span'}\n          sx={{\n            fontSize: '14px',\n          }}\n        >\n          {titleHelpPopoverProps && <HelpPopover {...titleHelpPopoverProps} />}\n        </Box>\n        <Box sx={{ flexGrow: 1 }} />\n        {hasCloseButton && <CloseButton onClick={() => onCancel()} />}\n      </Stack>\n    </DialogTitle>\n  )\n}\n\nexport type DialogBaseProps = DialogBaseTitleProps & {\n  open: boolean\n  content: ReactNode\n  actions?: ReactNode\n  className?: string\n  onCancel: () => void\n  maxWidth?: DialogProps['maxWidth']\n  fullWidth?: boolean\n  sx?: DialogProps['sx']\n  contentProps?: DialogContentProps\n  DialogProps?: Partial<DialogProps>\n  /** If true, reduces the vertical padding of the title, content, and actions for a more compact layout. */\n  dense?: boolean\n}\n\n/**\n * A dialog built using MUI components.\n */\nexport const DialogBase = ({\n  open,\n  title,\n  content,\n  actions,\n  className,\n  onCancel,\n  hasCloseButton,\n  titleHelpPopoverProps,\n  maxWidth = 'sm',\n  fullWidth = true,\n  sx,\n  contentProps = EMPTY_OBJECT,\n  DialogProps,\n  dense = false,\n}: DialogBaseProps): React.ReactNode => {\n  return (\n    <Dialog\n      fullWidth={fullWidth}\n      maxWidth={maxWidth}\n      open={open}\n      className={className}\n      onClose={() => onCancel()}\n      sx={spreadSx(\n        sx,\n        dense\n          ? {\n              '.MuiDialog-container > .MuiPaper-root': {\n                padding: '10px 30px',\n              },\n              '& .MuiDialogTitle-root': {\n                py: 1.5,\n                typography: 'headline3',\n              },\n              '& .MuiDialogContent-root': {\n                pt: 1,\n              },\n              '& .MuiDialogActions-root': {\n                pb: 2,\n              },\n            }\n          : undefined,\n        theme => ({\n          [theme.breakpoints.down('sm')]: {\n            width: '100vw',\n            '.MuiDialog-container > .MuiPaper-root': {\n              padding: '33px',\n              margin: 0,\n              width: '100%',\n              height: '100%',\n              maxHeight: 'unset',\n            },\n          },\n        }),\n      )}\n      {...DialogProps}\n    >\n      <DialogBaseTitle\n        title={title}\n        titleHelpPopoverProps={titleHelpPopoverProps}\n        hasCloseButton={hasCloseButton}\n        onCancel={onCancel}\n      />\n      <DialogContent {...contentProps}>{content}</DialogContent>\n      {actions && <DialogActions>{actions}</DialogActions>}\n    </Dialog>\n  )\n}\n"],"mappings":";;;;;;;AAiBA,IAAM,IAAe,CAAC,GAOT,IAAqB,SAC5B,IAAkC,EAAE,OAAO,WAAW;AAE5D,SAAgB,EAAY,EAC1B,QAAK,GACL,cACsC;CACtC,OACE,kBAAC,GAAD;EAAgB;EAAa;EAAS,cAAY;YAChD,kBAAC,GAAD,CAAY,CAAA;CACF,CAAA;AAEhB;AASA,SAAgB,EAAgB,GAA8C;CAC5E,IAAM,EACJ,UACA,0BACA,oBAAiB,IACjB,gBACE;CACJ,OACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EACE,WAAU;EACV,IAAI;GACF,YAAY;GACZ,KAAK;EACP;YALF;GAOG;GACD,kBAAC,GAAD;IACE,WAAW;IACX,IAAI,EACF,UAAU,OACZ;cAEC,KAAyB,kBAAC,GAAD,EAAa,GAAI,EAAwB,CAAA;GAChE,CAAA;GACL,kBAAC,GAAD,EAAK,IAAI,EAAE,UAAU,EAAE,EAAI,CAAA;GAC1B,KAAkB,kBAAC,GAAD,EAAa,eAAe,EAAS,EAAI,CAAA;EACvD;IACI,CAAA;AAEjB;AAoBA,IAAa,KAAc,EACzB,SACA,UACA,YACA,YACA,cACA,aACA,mBACA,0BACA,cAAW,MACX,eAAY,IACZ,OACA,kBAAe,GACf,gBACA,WAAQ,SAGN,kBAAC,GAAD;CACa;CACD;CACJ;CACK;CACX,eAAe,EAAS;CACxB,IAAI,EACF,GACA,IACI;EACE,yCAAyC,EACvC,SAAS,YACX;EACA,0BAA0B;GACxB,IAAI;GACJ,YAAY;EACd;EACA,4BAA4B,EAC1B,IAAI,EACN;EACA,4BAA4B,EAC1B,IAAI,EACN;CACF,IACA,KAAA,IACJ,OAAU,GACP,EAAM,YAAY,KAAK,IAAI,IAAI;EAC9B,OAAO;EACP,yCAAyC;GACvC,SAAS;GACT,QAAQ;GACR,OAAO;GACP,QAAQ;GACR,WAAW;EACb;CACF,EACF,EACF;CACA,GAAI;WAtCN;EAwCE,kBAAC,GAAD;GACS;GACgB;GACP;GACN;EACX,CAAA;EACD,kBAAC,GAAD;GAAe,GAAI;aAAe;EAAuB,CAAA;EACxD,KAAW,kBAAC,GAAD,EAAA,UAAgB,EAAuB,CAAA;CAC7C"}

package/dist/components/DirectDownload/DirectDownload.js.map

@@ -1 +1 @@
-{"version":3,"file":"DirectDownload.js","names":[],"sources":["../../../src/components/DirectDownload/DirectDownload.tsx"],"sourcesContent":["import { useGetFileBatch } from '@/synapse-queries/file/useFiles'\nimport { implementsExternalFileHandleInterface } from '@/utils/types/IsType'\nimport { Tooltip } from '@mui/material'\nimport {\n  ExternalFileHandle,\n  FileHandleAssociateType,\n} from '@sage-bionetworks/synapse-types'\nimport { forwardRef } from 'react'\nimport IconSvg, { IconSvgProps } from '../IconSvg/IconSvg'\nimport { TOOLTIP_DELAY_SHOW } from '../SynapseTable/SynapseTableConstants'\nimport { useDirectDownloadHandler } from '@/utils/hooks/useDirectDownloadHandler'\n\nexport type DirectFileDownloadProps = {\n  associatedObjectId: string\n  associatedObjectType: FileHandleAssociateType\n  fileHandleId: string\n  displayFileName?: boolean\n  onClickCallback?: (isExternalLink: boolean) => void // callback if you want to know when the link was clicked\n  stopPropagation?: boolean\n  iconSvgPropOverrides?: Partial<IconSvgProps>\n}\n\ntype DirectDownloadIconProps = {\n  isExternalFile?: boolean\n  hasFileAccess: boolean\n  onClick?: (isExternalFile: boolean) => void\n  getDownloadLink: () => Promise<void>\n  stopPropagation: boolean\n  externalURL?: string\n  displayFileName: boolean\n  fileName?: string\n  iconSvgPropOverrides?: Partial<IconSvgProps>\n}\n\nconst DirectDownloadIcon = forwardRef<\n  HTMLButtonElement,\n  DirectDownloadIconProps\n>(function DirectDownloadIcon(props: DirectDownloadIconProps, ref) {\n  const {\n    isExternalFile,\n    onClick,\n    getDownloadLink,\n    stopPropagation,\n    externalURL,\n    hasFileAccess,\n    displayFileName,\n    fileName,\n    iconSvgPropOverrides = {},\n  } = props\n  if (isExternalFile) {\n    return (\n      <button\n        ref={ref}\n        className={'btn-download-icon'}\n        onClick={event => {\n          if (onClick) {\n            onClick(isExternalFile)\n            if (stopPropagation) event.stopPropagation()\n          }\n        }}\n      >\n        <a\n          className=\"ignoreLink\"\n          rel=\"noopener noreferrer\"\n          href={externalURL}\n          target=\"_blank\"\n        >\n          <IconSvg icon=\"download\" {...iconSvgPropOverrides} />\n        </a>\n      </button>\n    )\n  }\n  if (hasFileAccess) {\n    return (\n      <button\n        ref={ref}\n        className={'btn-download-icon'}\n        onClick={event => {\n          getDownloadLink()\n          if (stopPropagation) event.stopPropagation()\n        }}\n      >\n        <IconSvg icon=\"download\" {...iconSvgPropOverrides} />\n        {displayFileName && fileName ? fileName : ''}\n      </button>\n    )\n  }\n  return <></>\n})\n\nfunction DirectDownload(props: DirectFileDownloadProps) {\n  const {\n    associatedObjectId,\n    associatedObjectType,\n    fileHandleId,\n    displayFileName = false,\n    onClickCallback,\n    stopPropagation = false,\n    iconSvgPropOverrides,\n  } = props\n\n  const fileHandleAssociation = {\n    fileHandleId: fileHandleId,\n    associateObjectId: associatedObjectId,\n    associateObjectType: associatedObjectType,\n  }\n\n  // Get file handle data to ensure we have access / display information\n  const { data } = useGetFileBatch({\n    requestedFiles: [fileHandleAssociation],\n    includeFileHandles: true,\n    // don't get the presigned URL with this query, it may expire before the user clicks the download button\n    includePreSignedURLs: false,\n    includePreviewPreSignedURLs: false,\n  })\n\n  const fileHandle = data?.requestedFiles[0]?.fileHandle\n  const hasFileAccess = Boolean(fileHandle)\n  const fileName = fileHandle?.fileName\n  const isExternalFile = fileHandle\n    ? implementsExternalFileHandleInterface(fileHandle)\n    : undefined\n  const externalURL: string | undefined = fileHandle\n    ? (fileHandle as ExternalFileHandle).externalURL\n    : undefined\n\n  const { downloadFile } = useDirectDownloadHandler()\n\n  const getDownloadLink = async () => {\n    await downloadFile({\n      fileHandleId,\n      associatedObjectId,\n      associatedObjectType,\n    })\n\n    if (onClickCallback) {\n      onClickCallback(isExternalFile!)\n    }\n  }\n\n  return (\n    <Tooltip\n      title=\"Click to begin download of this file\"\n      enterNextDelay={TOOLTIP_DELAY_SHOW}\n      placement=\"left\"\n    >\n      <span>\n        <DirectDownloadIcon\n          isExternalFile={isExternalFile}\n          hasFileAccess={hasFileAccess}\n          onClick={onClickCallback}\n          getDownloadLink={getDownloadLink}\n          stopPropagation={stopPropagation}\n          externalURL={externalURL}\n          displayFileName={displayFileName}\n          fileName={fileName}\n          iconSvgPropOverrides={iconSvgPropOverrides}\n        />\n      </span>\n    </Tooltip>\n  )\n}\n\nexport default DirectDownload\n"],"mappings":";;;;;;;;;AAkCA,IAAM,IAAqB,EAGzB,SAA4B,GAAgC,GAAK;CACjE,IAAM,EACJ,mBACA,YACA,oBACA,oBACA,gBACA,kBACA,oBACA,aACA,0BAAuB,EAAE,KACvB;AAuCJ,QAtCI,IAEA,kBAAC,UAAD;EACO;EACL,WAAW;EACX,UAAS,MAAS;AAChB,GAAI,MACF,EAAQ,EAAe,EACnB,KAAiB,EAAM,iBAAiB;;YAIhD,kBAAC,KAAD;GACE,WAAU;GACV,KAAI;GACJ,MAAM;GACN,QAAO;aAEP,kBAAC,GAAD;IAAS,MAAK;IAAW,GAAI;IAAwB,CAAA;GACnD,CAAA;EACG,CAAA,GAGT,IAEA,kBAAC,UAAD;EACO;EACL,WAAW;EACX,UAAS,MAAS;AAEhB,GADA,GAAiB,EACb,KAAiB,EAAM,iBAAiB;;YALhD,CAQE,kBAAC,GAAD;GAAS,MAAK;GAAW,GAAI;GAAwB,CAAA,EACpD,KAAmB,IAAW,IAAW,GACnC;MAGN,kBAAA,GAAA,EAAK,CAAA;EACZ;AAEF,SAAS,EAAe,GAAgC;CACtD,IAAM,EACJ,uBACA,yBACA,iBACA,qBAAkB,IAClB,oBACA,qBAAkB,IAClB,4BACE,GASE,EAAE,YAAS,EAAgB;EAC/B,gBAAgB,CAAC;GAPH;GACd,mBAAmB;GACnB,qBAAqB;GAKJ,CAAsB;EACvC,oBAAoB;EAEpB,sBAAsB;EACtB,6BAA6B;EAC9B,CAAC,EAEI,IAAa,GAAM,eAAe,IAAI,YACtC,IAAgB,EAAQ,GACxB,IAAW,GAAY,UACvB,IAAiB,IACnB,EAAsC,EAAW,GACjD,KAAA,GACE,IAAkC,IACnC,EAAkC,cACnC,KAAA,GAEE,EAAE,oBAAiB,GAA0B;AAcnD,QACE,kBAAC,GAAD;EACE,OAAM;EACN,gBAAA;EACA,WAAU;YAEV,kBAAC,QAAD,EAAA,UACE,kBAAC,GAAD;GACkB;GACD;GACf,SAAS;GACQ,6BAvBW;AAOlC,IANA,MAAM,EAAa;KACjB;KACA;KACA;KACD,CAAC,EAEE,KACF,EAAgB,EAAgB;;GAgBX;GACJ;GACI;GACP;GACY;GACtB,CAAA,EACG,CAAA;EACC,CAAA"}
+{"version":3,"file":"DirectDownload.js","names":[],"sources":["../../../src/components/DirectDownload/DirectDownload.tsx"],"sourcesContent":["import { useGetFileBatch } from '@/synapse-queries/file/useFiles'\nimport { implementsExternalFileHandleInterface } from '@/utils/types/IsType'\nimport { Tooltip } from '@mui/material'\nimport {\n  ExternalFileHandle,\n  FileHandleAssociateType,\n} from '@sage-bionetworks/synapse-types'\nimport { forwardRef } from 'react'\nimport IconSvg, { IconSvgProps } from '../IconSvg/IconSvg'\nimport { TOOLTIP_DELAY_SHOW } from '../SynapseTable/SynapseTableConstants'\nimport { useDirectDownloadHandler } from '@/utils/hooks/useDirectDownloadHandler'\n\nexport type DirectFileDownloadProps = {\n  associatedObjectId: string\n  associatedObjectType: FileHandleAssociateType\n  fileHandleId: string\n  displayFileName?: boolean\n  onClickCallback?: (isExternalLink: boolean) => void // callback if you want to know when the link was clicked\n  stopPropagation?: boolean\n  iconSvgPropOverrides?: Partial<IconSvgProps>\n}\n\ntype DirectDownloadIconProps = {\n  isExternalFile?: boolean\n  hasFileAccess: boolean\n  onClick?: (isExternalFile: boolean) => void\n  getDownloadLink: () => Promise<void>\n  stopPropagation: boolean\n  externalURL?: string\n  displayFileName: boolean\n  fileName?: string\n  iconSvgPropOverrides?: Partial<IconSvgProps>\n}\n\nconst DirectDownloadIcon = forwardRef<\n  HTMLButtonElement,\n  DirectDownloadIconProps\n>(function DirectDownloadIcon(props: DirectDownloadIconProps, ref) {\n  const {\n    isExternalFile,\n    onClick,\n    getDownloadLink,\n    stopPropagation,\n    externalURL,\n    hasFileAccess,\n    displayFileName,\n    fileName,\n    iconSvgPropOverrides = {},\n  } = props\n  if (isExternalFile) {\n    return (\n      <button\n        ref={ref}\n        className={'btn-download-icon'}\n        onClick={event => {\n          if (onClick) {\n            onClick(isExternalFile)\n            if (stopPropagation) event.stopPropagation()\n          }\n        }}\n      >\n        <a\n          className=\"ignoreLink\"\n          rel=\"noopener noreferrer\"\n          href={externalURL}\n          target=\"_blank\"\n        >\n          <IconSvg icon=\"download\" {...iconSvgPropOverrides} />\n        </a>\n      </button>\n    )\n  }\n  if (hasFileAccess) {\n    return (\n      <button\n        ref={ref}\n        className={'btn-download-icon'}\n        onClick={event => {\n          getDownloadLink()\n          if (stopPropagation) event.stopPropagation()\n        }}\n      >\n        <IconSvg icon=\"download\" {...iconSvgPropOverrides} />\n        {displayFileName && fileName ? fileName : ''}\n      </button>\n    )\n  }\n  return <></>\n})\n\nfunction DirectDownload(props: DirectFileDownloadProps) {\n  const {\n    associatedObjectId,\n    associatedObjectType,\n    fileHandleId,\n    displayFileName = false,\n    onClickCallback,\n    stopPropagation = false,\n    iconSvgPropOverrides,\n  } = props\n\n  const fileHandleAssociation = {\n    fileHandleId: fileHandleId,\n    associateObjectId: associatedObjectId,\n    associateObjectType: associatedObjectType,\n  }\n\n  // Get file handle data to ensure we have access / display information\n  const { data } = useGetFileBatch({\n    requestedFiles: [fileHandleAssociation],\n    includeFileHandles: true,\n    // don't get the presigned URL with this query, it may expire before the user clicks the download button\n    includePreSignedURLs: false,\n    includePreviewPreSignedURLs: false,\n  })\n\n  const fileHandle = data?.requestedFiles[0]?.fileHandle\n  const hasFileAccess = Boolean(fileHandle)\n  const fileName = fileHandle?.fileName\n  const isExternalFile = fileHandle\n    ? implementsExternalFileHandleInterface(fileHandle)\n    : undefined\n  const externalURL: string | undefined = fileHandle\n    ? (fileHandle as ExternalFileHandle).externalURL\n    : undefined\n\n  const { downloadFile } = useDirectDownloadHandler()\n\n  const getDownloadLink = async () => {\n    await downloadFile({\n      fileHandleId,\n      associatedObjectId,\n      associatedObjectType,\n    })\n\n    if (onClickCallback) {\n      onClickCallback(isExternalFile!)\n    }\n  }\n\n  return (\n    <Tooltip\n      title=\"Click to begin download of this file\"\n      enterNextDelay={TOOLTIP_DELAY_SHOW}\n      placement=\"left\"\n    >\n      <span>\n        <DirectDownloadIcon\n          isExternalFile={isExternalFile}\n          hasFileAccess={hasFileAccess}\n          onClick={onClickCallback}\n          getDownloadLink={getDownloadLink}\n          stopPropagation={stopPropagation}\n          externalURL={externalURL}\n          displayFileName={displayFileName}\n          fileName={fileName}\n          iconSvgPropOverrides={iconSvgPropOverrides}\n        />\n      </span>\n    </Tooltip>\n  )\n}\n\nexport default DirectDownload\n"],"mappings":";;;;;;;;;AAkCA,IAAM,IAAqB,EAGzB,SAA4B,GAAgC,GAAK;CACjE,IAAM,EACJ,mBACA,YACA,oBACA,oBACA,gBACA,kBACA,oBACA,aACA,0BAAuB,CAAC,MACtB;CAuCJ,OAtCI,IAEA,kBAAC,UAAD;EACO;EACL,WAAW;EACX,UAAS,MAAS;GAChB,AAAI,MACF,EAAQ,CAAc,GAClB,KAAiB,EAAM,gBAAgB;EAE/C;YAEA,kBAAC,KAAD;GACE,WAAU;GACV,KAAI;GACJ,MAAM;GACN,QAAO;aAEP,kBAAC,GAAD;IAAS,MAAK;IAAW,GAAI;GAAuB,CAAA;EACnD,CAAA;CACG,CAAA,IAGR,IAEA,kBAAC,UAAD;EACO;EACL,WAAW;EACX,UAAS,MAAS;GAEhB,AADA,EAAgB,GACZ,KAAiB,EAAM,gBAAgB;EAC7C;YANF,CAQE,kBAAC,GAAD;GAAS,MAAK;GAAW,GAAI;EAAuB,CAAA,GACnD,KAAmB,IAAW,IAAW,EACpC;MAGL,kBAAA,GAAA,CAAI,CAAA;AACb,CAAC;AAED,SAAS,EAAe,GAAgC;CACtD,IAAM,EACJ,uBACA,yBACA,iBACA,qBAAkB,IAClB,oBACA,qBAAkB,IAClB,4BACE,GASE,EAAE,YAAS,EAAgB;EAC/B,gBAAgB,CAAC;GAPH;GACd,mBAAmB;GACnB,qBAAqB;EAKJ,CAAqB;EACtC,oBAAoB;EAEpB,sBAAsB;EACtB,6BAA6B;CAC/B,CAAC,GAEK,IAAa,GAAM,eAAe,IAAI,YACtC,IAAgB,EAAQ,GACxB,IAAW,GAAY,UACvB,IAAiB,IACnB,EAAsC,CAAU,IAChD,KAAA,GACE,IAAkC,IACnC,EAAkC,cACnC,KAAA,GAEE,EAAE,oBAAiB,EAAyB;CAclD,OACE,kBAAC,GAAD;EACE,OAAM;EACN,gBAAA;EACA,WAAU;YAEV,kBAAC,QAAD,EAAA,UACE,kBAAC,GAAD;GACkB;GACD;GACf,SAAS;GACQ,6BAvBW;IAOlC,AANA,MAAM,EAAa;KACjB;KACA;KACA;IACF,CAAC,GAEG,KACF,EAAgB,CAAe;GAEnC;GAcyB;GACJ;GACI;GACP;GACY;EACvB,CAAA,EACG,CAAA;CACC,CAAA;AAEb"}

package/dist/components/DirectDownload/FileEntityDirectDownload.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileEntityDirectDownload.js","names":[],"sources":["../../../src/components/DirectDownload/FileEntityDirectDownload.tsx"],"sourcesContent":["import { useGetEntity } from '@/synapse-queries'\nimport { isFileEntity } from '@/utils/types/IsType'\nimport { Skeleton } from '@mui/material'\nimport { FileHandleAssociateType } from '@sage-bionetworks/synapse-types'\nimport DirectDownload, { DirectFileDownloadProps } from './DirectDownload'\n\nexport type FileEntityDirectDownloadProps = Omit<\n  DirectFileDownloadProps,\n  'associatedObjectId' | 'associatedObjectType' | 'fileHandleId'\n> & {\n  entityId: string\n  entityVersionNumber?: string | number\n}\n\nexport default function FileEntityDirectDownload(\n  props: FileEntityDirectDownloadProps,\n) {\n  const { entityId, entityVersionNumber } = props\n\n  const { data: entity, isLoading } = useGetEntity(\n    entityId,\n    entityVersionNumber,\n  )\n\n  if (isLoading) {\n    return <Skeleton />\n  }\n\n  if (!entity || (entity && !isFileEntity(entity))) {\n    return <></>\n  }\n\n  return (\n    <DirectDownload\n      fileHandleId={entity?.dataFileHandleId}\n      associatedObjectId={entityId}\n      associatedObjectType={FileHandleAssociateType.FileEntity}\n      {...props}\n    />\n  )\n}\n"],"mappings":";;;;;;;;AAcA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,aAAU,2BAAwB,GAEpC,EAAE,MAAM,GAAQ,iBAAc,EAClC,GACA,EACD;AAUD,QARI,IACK,kBAAC,GAAD,EAAY,CAAA,GAGjB,CAAC,KAAW,KAAU,CAAC,EAAa,EAAO,GACtC,kBAAA,GAAA,EAAK,CAAA,GAIZ,kBAAC,GAAD;EACE,cAAc,GAAQ;EACtB,oBAAoB;EACpB,sBAAsB,EAAwB;EAC9C,GAAI;EACJ,CAAA"}
+{"version":3,"file":"FileEntityDirectDownload.js","names":[],"sources":["../../../src/components/DirectDownload/FileEntityDirectDownload.tsx"],"sourcesContent":["import { useGetEntity } from '@/synapse-queries'\nimport { isFileEntity } from '@/utils/types/IsType'\nimport { Skeleton } from '@mui/material'\nimport { FileHandleAssociateType } from '@sage-bionetworks/synapse-types'\nimport DirectDownload, { DirectFileDownloadProps } from './DirectDownload'\n\nexport type FileEntityDirectDownloadProps = Omit<\n  DirectFileDownloadProps,\n  'associatedObjectId' | 'associatedObjectType' | 'fileHandleId'\n> & {\n  entityId: string\n  entityVersionNumber?: string | number\n}\n\nexport default function FileEntityDirectDownload(\n  props: FileEntityDirectDownloadProps,\n) {\n  const { entityId, entityVersionNumber } = props\n\n  const { data: entity, isLoading } = useGetEntity(\n    entityId,\n    entityVersionNumber,\n  )\n\n  if (isLoading) {\n    return <Skeleton />\n  }\n\n  if (!entity || (entity && !isFileEntity(entity))) {\n    return <></>\n  }\n\n  return (\n    <DirectDownload\n      fileHandleId={entity?.dataFileHandleId}\n      associatedObjectId={entityId}\n      associatedObjectType={FileHandleAssociateType.FileEntity}\n      {...props}\n    />\n  )\n}\n"],"mappings":";;;;;;;;AAcA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,aAAU,2BAAwB,GAEpC,EAAE,MAAM,GAAQ,iBAAc,EAClC,GACA,CACF;CAUA,OARI,IACK,kBAAC,GAAD,CAAW,CAAA,IAGhB,CAAC,KAAW,KAAU,CAAC,EAAa,CAAM,IACrC,kBAAA,GAAA,CAAI,CAAA,IAIX,kBAAC,GAAD;EACE,cAAc,GAAQ;EACtB,oBAAoB;EACpB,sBAAsB,EAAwB;EAC9C,GAAI;CACL,CAAA;AAEL"}

package/dist/components/DirectDownloadButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"DirectDownloadButton.js","names":[],"sources":["../../src/components/DirectDownloadButton.tsx"],"sourcesContent":["import { getFiles } from '@/synapse-client/SynapseClient'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { Button, ButtonProps } from '@mui/material'\nimport {\n  BatchFileRequest,\n  FileHandleAssociation,\n} from '@sage-bionetworks/synapse-types'\n\nexport type DirectFileDownloadButtonProps = Omit<ButtonProps, 'onClick'> & {\n  fileHandleAssociation: FileHandleAssociation\n  fileName: string | undefined\n}\n\nfunction DirectDownloadButton(props: DirectFileDownloadButtonProps) {\n  const { fileHandleAssociation, fileName, ...buttonProps } = props\n  const { accessToken, isAuthenticated } = useSynapseContext()\n\n  const getDownloadLink = async () => {\n    if (!fileHandleAssociation.fileHandleId || !isAuthenticated) return\n\n    const batchFileRequest: BatchFileRequest = {\n      requestedFiles: [fileHandleAssociation],\n      includePreSignedURLs: true,\n      includeFileHandles: false,\n      includePreviewPreSignedURLs: false,\n    }\n    const file = await getFiles(batchFileRequest, accessToken)\n    const preSignedURL = file.requestedFiles[0].preSignedURL\n    if (!preSignedURL) {\n      console.log('Fail to get file download link')\n    } else {\n      window.open(preSignedURL)\n    }\n  }\n\n  return (\n    <Button\n      {...buttonProps}\n      onClick={() => {\n        getDownloadLink()\n      }}\n    >\n      {fileName}\n    </Button>\n  )\n}\n\nexport default DirectDownloadButton\n"],"mappings":";;;;;AAaA,SAAS,EAAqB,GAAsC;CAClE,IAAM,EAAE,0BAAuB,aAAU,GAAG,MAAgB,GACtD,EAAE,gBAAa,uBAAoB,GAAmB,EAEtD,IAAkB,YAAY;AAClC,MAAI,CAAC,EAAsB,gBAAgB,CAAC,EAAiB;EAS7D,IAAM,KAAe,MADF,EAAS;GAL1B,gBAAgB,CAAC,EAAsB;GACvC,sBAAsB;GACtB,oBAAoB;GACpB,6BAA6B;GAEH,EAAkB,EAAY,EAChC,eAAe,GAAG;AAC5C,EAAK,IAGH,OAAO,KAAK,EAAa,GAFzB,QAAQ,IAAI,iCAAiC;;AAMjD,QACE,kBAAC,GAAD;EACE,GAAI;EACJ,eAAe;AACb,MAAiB;;YAGlB;EACM,CAAA"}
+{"version":3,"file":"DirectDownloadButton.js","names":[],"sources":["../../src/components/DirectDownloadButton.tsx"],"sourcesContent":["import { getFiles } from '@/synapse-client/SynapseClient'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { Button, ButtonProps } from '@mui/material'\nimport {\n  BatchFileRequest,\n  FileHandleAssociation,\n} from '@sage-bionetworks/synapse-types'\n\nexport type DirectFileDownloadButtonProps = Omit<ButtonProps, 'onClick'> & {\n  fileHandleAssociation: FileHandleAssociation\n  fileName: string | undefined\n}\n\nfunction DirectDownloadButton(props: DirectFileDownloadButtonProps) {\n  const { fileHandleAssociation, fileName, ...buttonProps } = props\n  const { accessToken, isAuthenticated } = useSynapseContext()\n\n  const getDownloadLink = async () => {\n    if (!fileHandleAssociation.fileHandleId || !isAuthenticated) return\n\n    const batchFileRequest: BatchFileRequest = {\n      requestedFiles: [fileHandleAssociation],\n      includePreSignedURLs: true,\n      includeFileHandles: false,\n      includePreviewPreSignedURLs: false,\n    }\n    const file = await getFiles(batchFileRequest, accessToken)\n    const preSignedURL = file.requestedFiles[0].preSignedURL\n    if (!preSignedURL) {\n      console.log('Fail to get file download link')\n    } else {\n      window.open(preSignedURL)\n    }\n  }\n\n  return (\n    <Button\n      {...buttonProps}\n      onClick={() => {\n        getDownloadLink()\n      }}\n    >\n      {fileName}\n    </Button>\n  )\n}\n\nexport default DirectDownloadButton\n"],"mappings":";;;;;AAaA,SAAS,EAAqB,GAAsC;CAClE,IAAM,EAAE,0BAAuB,aAAU,GAAG,MAAgB,GACtD,EAAE,gBAAa,uBAAoB,EAAkB,GAErD,IAAkB,YAAY;EAClC,IAAI,CAAC,EAAsB,gBAAgB,CAAC,GAAiB;EAS7D,IAAM,KAAe,MADF,EAAS;GAL1B,gBAAgB,CAAC,CAAqB;GACtC,sBAAsB;GACtB,oBAAoB;GACpB,6BAA6B;EAEH,GAAkB,CAAW,GAC/B,eAAe,GAAG;EAC5C,AAAK,IAGH,OAAO,KAAK,CAAY,IAFxB,QAAQ,IAAI,gCAAgC;CAIhD;CAEA,OACE,kBAAC,GAAD;EACE,GAAI;EACJ,eAAe;GACb,EAAgB;EAClB;YAEC;CACK,CAAA;AAEZ"}

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

@@ -1 +1 @@
-{"version":3,"file":"ActionRequiredCard.js","names":[],"sources":["../../../../src/components/DownloadCart/ActionRequiredCard/ActionRequiredCard.tsx"],"sourcesContent":["import {\n  Box,\n  Paper,\n  PaperProps,\n  Skeleton,\n  styled,\n  Typography,\n} from '@mui/material'\nimport { ReactNode } from 'react'\nimport Icon from '../../Icon'\nimport { StyledComponent } from '@emotion/styled'\n\nexport type ActionRequiredCardProps =\n  | {\n      title: ReactNode\n      description: ReactNode\n      actionNode: ReactNode\n      iconType: string\n      count?: number\n      isLoading?: false\n    }\n  | { isLoading: true }\n\nconst ActionRequiredCardContainer: StyledComponent<PaperProps> = styled(Paper, {\n  label: 'ActionRequiredCardContainer',\n})(({ theme }) => ({\n  padding: `${theme.spacing(2.5)} ${theme.spacing(4)}`,\n  display: 'grid',\n  alignItems: 'center',\n  gridTemplateColumns: '160px auto 200px',\n  gap: theme.spacing(4),\n  [theme.breakpoints.down('sm')]: {\n    gridTemplateColumns: '1fr', // Single column layout for mobile\n  },\n}))\n\n/**\n * The ActionRequiredCard component renders a generic card that represents some action that a user must take to gain\n * download access to a file.\n * @param props\n * @returns\n */\nexport function ActionRequiredCard(props: ActionRequiredCardProps) {\n  if (props.isLoading) {\n    return <LoadingActionRequiredCard />\n  }\n  const { title, description, iconType, count, actionNode } = props\n  return (\n    <ActionRequiredCardContainer>\n      <Box sx={{ textAlign: 'center', minWidth: '100px' }}>\n        <Icon type={iconType} />\n      </Box>\n      <Box sx={{ flexGrow: 1 }}>\n        <Typography variant=\"headline3\" sx={{ mb: 1 }}>\n          {title}\n        </Typography>\n        {count && (\n          <Typography variant={'smallText1'} sx={{ my: 1, color: 'grey.700' }}>\n            {count} File{count != 1 ? 's' : ''}\n          </Typography>\n        )}\n        <Typography variant={'smallText1'}>{description}</Typography>\n      </Box>\n      <Box sx={{ textAlign: 'center', marginLeft: 'auto' }}>{actionNode}</Box>\n    </ActionRequiredCardContainer>\n  )\n}\n\nexport function LoadingActionRequiredCard() {\n  return (\n    <ActionRequiredCardContainer>\n      <Skeleton variant=\"rectangular\" width={136} height={74} />\n      <div>\n        <Skeleton width={250} />\n        <Skeleton width={100} />\n      </div>\n      <Skeleton variant=\"rectangular\" width={160} height={33} />\n    </ActionRequiredCardContainer>\n  )\n}\n"],"mappings":";;;;AAuBA,IAAM,IAA2D,EAAO,GAAO,EAC7E,OAAO,+BACR,CAAC,EAAE,EAAE,gBAAa;CACjB,SAAS,GAAG,EAAM,QAAQ,IAAI,CAAC,GAAG,EAAM,QAAQ,EAAE;CAClD,SAAS;CACT,YAAY;CACZ,qBAAqB;CACrB,KAAK,EAAM,QAAQ,EAAE;EACpB,EAAM,YAAY,KAAK,KAAK,GAAG,EAC9B,qBAAqB,OACtB;CACF,EAAE;AAQH,SAAgB,EAAmB,GAAgC;AACjE,KAAI,EAAM,UACR,QAAO,kBAAC,GAAD,EAA6B,CAAA;CAEtC,IAAM,EAAE,UAAO,gBAAa,aAAU,UAAO,kBAAe;AAC5D,QACE,kBAAC,GAAD,EAAA,UAAA;EACE,kBAAC,GAAD;GAAK,IAAI;IAAE,WAAW;IAAU,UAAU;IAAS;aACjD,kBAAC,GAAD,EAAM,MAAM,GAAY,CAAA;GACpB,CAAA;EACN,kBAAC,GAAD;GAAK,IAAI,EAAE,UAAU,GAAG;aAAxB;IACE,kBAAC,GAAD;KAAY,SAAQ;KAAY,IAAI,EAAE,IAAI,GAAG;eAC1C;KACU,CAAA;IACZ,KACC,kBAAC,GAAD;KAAY,SAAS;KAAc,IAAI;MAAE,IAAI;MAAG,OAAO;MAAY;eAAnE;MACG;MAAM;MAAM,KAAS,IAAU,KAAN;MACf;;IAEf,kBAAC,GAAD;KAAY,SAAS;eAAe;KAAyB,CAAA;IACzD;;EACN,kBAAC,GAAD;GAAK,IAAI;IAAE,WAAW;IAAU,YAAY;IAAQ;aAAG;GAAiB,CAAA;EAC5C,EAAA,CAAA;;AAIlC,SAAgB,IAA4B;AAC1C,QACE,kBAAC,GAAD,EAAA,UAAA;EACE,kBAAC,GAAD;GAAU,SAAQ;GAAc,OAAO;GAAK,QAAQ;GAAM,CAAA;EAC1D,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAU,OAAO,KAAO,CAAA,EACxB,kBAAC,GAAD,EAAU,OAAO,KAAO,CAAA,CACpB,EAAA,CAAA;EACN,kBAAC,GAAD;GAAU,SAAQ;GAAc,OAAO;GAAK,QAAQ;GAAM,CAAA;EAC9B,EAAA,CAAA"}
+{"version":3,"file":"ActionRequiredCard.js","names":[],"sources":["../../../../src/components/DownloadCart/ActionRequiredCard/ActionRequiredCard.tsx"],"sourcesContent":["import {\n  Box,\n  Paper,\n  PaperProps,\n  Skeleton,\n  styled,\n  Typography,\n} from '@mui/material'\nimport { ReactNode } from 'react'\nimport Icon from '../../Icon'\nimport { StyledComponent } from '@emotion/styled'\n\nexport type ActionRequiredCardProps =\n  | {\n      title: ReactNode\n      description: ReactNode\n      actionNode: ReactNode\n      iconType: string\n      count?: number\n      isLoading?: false\n    }\n  | { isLoading: true }\n\nconst ActionRequiredCardContainer: StyledComponent<PaperProps> = styled(Paper, {\n  label: 'ActionRequiredCardContainer',\n})(({ theme }) => ({\n  padding: `${theme.spacing(2.5)} ${theme.spacing(4)}`,\n  display: 'grid',\n  alignItems: 'center',\n  gridTemplateColumns: '160px auto 200px',\n  gap: theme.spacing(4),\n  [theme.breakpoints.down('sm')]: {\n    gridTemplateColumns: '1fr', // Single column layout for mobile\n  },\n}))\n\n/**\n * The ActionRequiredCard component renders a generic card that represents some action that a user must take to gain\n * download access to a file.\n * @param props\n * @returns\n */\nexport function ActionRequiredCard(props: ActionRequiredCardProps) {\n  if (props.isLoading) {\n    return <LoadingActionRequiredCard />\n  }\n  const { title, description, iconType, count, actionNode } = props\n  return (\n    <ActionRequiredCardContainer>\n      <Box sx={{ textAlign: 'center', minWidth: '100px' }}>\n        <Icon type={iconType} />\n      </Box>\n      <Box sx={{ flexGrow: 1 }}>\n        <Typography variant=\"headline3\" sx={{ mb: 1 }}>\n          {title}\n        </Typography>\n        {count && (\n          <Typography variant={'smallText1'} sx={{ my: 1, color: 'grey.700' }}>\n            {count} File{count != 1 ? 's' : ''}\n          </Typography>\n        )}\n        <Typography variant={'smallText1'}>{description}</Typography>\n      </Box>\n      <Box sx={{ textAlign: 'center', marginLeft: 'auto' }}>{actionNode}</Box>\n    </ActionRequiredCardContainer>\n  )\n}\n\nexport function LoadingActionRequiredCard() {\n  return (\n    <ActionRequiredCardContainer>\n      <Skeleton variant=\"rectangular\" width={136} height={74} />\n      <div>\n        <Skeleton width={250} />\n        <Skeleton width={100} />\n      </div>\n      <Skeleton variant=\"rectangular\" width={160} height={33} />\n    </ActionRequiredCardContainer>\n  )\n}\n"],"mappings":";;;;AAuBA,IAAM,IAA2D,EAAO,GAAO,EAC7E,OAAO,8BACT,CAAC,GAAG,EAAE,gBAAa;CACjB,SAAS,GAAG,EAAM,QAAQ,GAAG,EAAE,GAAG,EAAM,QAAQ,CAAC;CACjD,SAAS;CACT,YAAY;CACZ,qBAAqB;CACrB,KAAK,EAAM,QAAQ,CAAC;EACnB,EAAM,YAAY,KAAK,IAAI,IAAI,EAC9B,qBAAqB,MACvB;AACF,EAAE;AAQF,SAAgB,EAAmB,GAAgC;CACjE,IAAI,EAAM,WACR,OAAO,kBAAC,GAAD,CAA4B,CAAA;CAErC,IAAM,EAAE,UAAO,gBAAa,aAAU,UAAO,kBAAe;CAC5D,OACE,kBAAC,GAAD,EAAA,UAAA;EACE,kBAAC,GAAD;GAAK,IAAI;IAAE,WAAW;IAAU,UAAU;GAAQ;aAChD,kBAAC,GAAD,EAAM,MAAM,EAAW,CAAA;EACpB,CAAA;EACL,kBAAC,GAAD;GAAK,IAAI,EAAE,UAAU,EAAE;aAAvB;IACE,kBAAC,GAAD;KAAY,SAAQ;KAAY,IAAI,EAAE,IAAI,EAAE;eACzC;IACS,CAAA;IACX,KACC,kBAAC,GAAD;KAAY,SAAS;KAAc,IAAI;MAAE,IAAI;MAAG,OAAO;KAAW;eAAlE;MACG;MAAM;MAAM,KAAS,IAAU,KAAN;KAChB;;IAEd,kBAAC,GAAD;KAAY,SAAS;eAAe;IAAwB,CAAA;GACzD;;EACL,kBAAC,GAAD;GAAK,IAAI;IAAE,WAAW;IAAU,YAAY;GAAO;aAAI;EAAgB,CAAA;CAC5C,EAAA,CAAA;AAEjC;AAEA,SAAgB,IAA4B;CAC1C,OACE,kBAAC,GAAD,EAAA,UAAA;EACE,kBAAC,GAAD;GAAU,SAAQ;GAAc,OAAO;GAAK,QAAQ;EAAK,CAAA;EACzD,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAU,OAAO,IAAM,CAAA,GACvB,kBAAC,GAAD,EAAU,OAAO,IAAM,CAAA,CACpB,EAAA,CAAA;EACL,kBAAC,GAAD;GAAU,SAAQ;GAAc,OAAO;GAAK,QAAQ;EAAK,CAAA;CAC9B,EAAA,CAAA;AAEjC"}

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

@@ -1 +1 @@
-{"version":3,"file":"ActionRequiredListItem.js","names":[],"sources":["../../../src/components/DownloadCart/ActionRequiredListItem.tsx"],"sourcesContent":["import { Action } from '@sage-bionetworks/synapse-types'\nimport { MeetAccessRequirementCard } from './MeetAccessRequirementCard'\nimport { RequestDownloadCard } from './RequestDownloadCard'\nimport { EnableTwoFaRequirementCard } from './EnableTwoFaRequirementCard'\n\nexport type ActionRequiredListItemProps = {\n  action: Action\n  count?: number\n  /** Invoked when a user clicks \"View Sharing Settings\" for a set of files that require the Download permission*/\n  onViewSharingSettingsClicked?: (benefactorId: string) => void\n}\n\nexport function ActionRequiredListItem(props: ActionRequiredListItemProps) {\n  const { action, count, onViewSharingSettingsClicked } = props\n  switch (action.concreteType) {\n    case 'org.sagebionetworks.repo.model.download.MeetAccessRequirement': {\n      return (\n        <MeetAccessRequirementCard\n          key={action.accessRequirementId}\n          accessRequirementId={action.accessRequirementId}\n          count={count}\n        />\n      )\n    }\n    case 'org.sagebionetworks.repo.model.download.RequestDownload': {\n      return (\n        <RequestDownloadCard\n          key={action.benefactorId}\n          entityId={`syn${action.benefactorId}`}\n          count={count}\n          onViewSharingSettingsClicked={onViewSharingSettingsClicked}\n        />\n      )\n    }\n    case 'org.sagebionetworks.repo.model.download.EnableTwoFa': {\n      return (\n        <EnableTwoFaRequirementCard\n          key={action.accessRequirementId}\n          accessRequirementId={action.accessRequirementId}\n          count={count}\n        />\n      )\n    }\n\n    // case not supported yet\n    default:\n      return <></>\n  }\n}\n"],"mappings":";;;;;AAYA,SAAgB,EAAuB,GAAoC;CACzE,IAAM,EAAE,WAAQ,UAAO,oCAAiC;AACxD,SAAQ,EAAO,cAAf;EACE,KAAK,gEACH,QACE,kBAAC,GAAD;GAEE,qBAAqB,EAAO;GACrB;GACP,EAHK,EAAO,oBAGZ;EAGN,KAAK,0DACH,QACE,kBAAC,GAAD;GAEE,UAAU,MAAM,EAAO;GAChB;GACuB;GAC9B,EAJK,EAAO,aAIZ;EAGN,KAAK,sDACH,QACE,kBAAC,GAAD;GAEE,qBAAqB,EAAO;GACrB;GACP,EAHK,EAAO,oBAGZ;EAKN,QACE,QAAO,kBAAA,GAAA,EAAK,CAAA"}
+{"version":3,"file":"ActionRequiredListItem.js","names":[],"sources":["../../../src/components/DownloadCart/ActionRequiredListItem.tsx"],"sourcesContent":["import { Action } from '@sage-bionetworks/synapse-types'\nimport { MeetAccessRequirementCard } from './MeetAccessRequirementCard'\nimport { RequestDownloadCard } from './RequestDownloadCard'\nimport { EnableTwoFaRequirementCard } from './EnableTwoFaRequirementCard'\n\nexport type ActionRequiredListItemProps = {\n  action: Action\n  count?: number\n  /** Invoked when a user clicks \"View Sharing Settings\" for a set of files that require the Download permission*/\n  onViewSharingSettingsClicked?: (benefactorId: string) => void\n}\n\nexport function ActionRequiredListItem(props: ActionRequiredListItemProps) {\n  const { action, count, onViewSharingSettingsClicked } = props\n  switch (action.concreteType) {\n    case 'org.sagebionetworks.repo.model.download.MeetAccessRequirement': {\n      return (\n        <MeetAccessRequirementCard\n          key={action.accessRequirementId}\n          accessRequirementId={action.accessRequirementId}\n          count={count}\n        />\n      )\n    }\n    case 'org.sagebionetworks.repo.model.download.RequestDownload': {\n      return (\n        <RequestDownloadCard\n          key={action.benefactorId}\n          entityId={`syn${action.benefactorId}`}\n          count={count}\n          onViewSharingSettingsClicked={onViewSharingSettingsClicked}\n        />\n      )\n    }\n    case 'org.sagebionetworks.repo.model.download.EnableTwoFa': {\n      return (\n        <EnableTwoFaRequirementCard\n          key={action.accessRequirementId}\n          accessRequirementId={action.accessRequirementId}\n          count={count}\n        />\n      )\n    }\n\n    // case not supported yet\n    default:\n      return <></>\n  }\n}\n"],"mappings":";;;;;AAYA,SAAgB,EAAuB,GAAoC;CACzE,IAAM,EAAE,WAAQ,UAAO,oCAAiC;CACxD,QAAQ,EAAO,cAAf;EACE,KAAK,iEACH,OACE,kBAAC,GAAD;GAEE,qBAAqB,EAAO;GACrB;EACR,GAHM,EAAO,mBAGb;EAGL,KAAK,2DACH,OACE,kBAAC,GAAD;GAEE,UAAU,MAAM,EAAO;GAChB;GACuB;EAC/B,GAJM,EAAO,YAIb;EAGL,KAAK,uDACH,OACE,kBAAC,GAAD;GAEE,qBAAqB,EAAO;GACrB;EACR,GAHM,EAAO,mBAGb;EAKL,SACE,OAAO,kBAAA,GAAA,CAAI,CAAA;CACf;AACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"AvailableForDownloadTable.js","names":[],"sources":["../../../src/components/DownloadCart/AvailableForDownloadTable.tsx"],"sourcesContent":["import { useSynapseContext } from '@/utils'\nimport { AvailableFilter } from '@sage-bionetworks/synapse-types'\nimport { SynapseErrorBoundary } from '../error/ErrorBanner'\nimport DownloadListTable from './DownloadListTable'\n\nexport type AvailableForDownloadTableProps = {\n  filter?: AvailableFilter\n}\n\n/**\n * Table of the files added to the Download List that are currently available for download.\n */\nexport default function AvailableForDownloadTable({\n  filter,\n}: AvailableForDownloadTableProps) {\n  const { isAuthenticated } = useSynapseContext()\n  if (!isAuthenticated) {\n    return <></>\n  }\n  return (\n    <SynapseErrorBoundary>\n      <DownloadListTable filter={filter} />\n    </SynapseErrorBoundary>\n  )\n}\n"],"mappings":";;;;;;AAYA,SAAwB,EAA0B,EAChD,aACiC;CACjC,IAAM,EAAE,uBAAoB,GAAmB;AAI/C,QAHK,IAIH,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAA2B,WAAU,CAAA,EAChB,CAAA,GALhB,kBAAA,GAAA,EAAK,CAAA"}
+{"version":3,"file":"AvailableForDownloadTable.js","names":[],"sources":["../../../src/components/DownloadCart/AvailableForDownloadTable.tsx"],"sourcesContent":["import { useSynapseContext } from '@/utils'\nimport { AvailableFilter } from '@sage-bionetworks/synapse-types'\nimport { SynapseErrorBoundary } from '../error/ErrorBanner'\nimport DownloadListTable from './DownloadListTable'\n\nexport type AvailableForDownloadTableProps = {\n  filter?: AvailableFilter\n}\n\n/**\n * Table of the files added to the Download List that are currently available for download.\n */\nexport default function AvailableForDownloadTable({\n  filter,\n}: AvailableForDownloadTableProps) {\n  const { isAuthenticated } = useSynapseContext()\n  if (!isAuthenticated) {\n    return <></>\n  }\n  return (\n    <SynapseErrorBoundary>\n      <DownloadListTable filter={filter} />\n    </SynapseErrorBoundary>\n  )\n}\n"],"mappings":";;;;;;AAYA,SAAwB,EAA0B,EAChD,aACiC;CACjC,IAAM,EAAE,uBAAoB,EAAkB;CAI9C,OAHK,IAIH,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAA2B,UAAS,CAAA,EAChB,CAAA,IALf,kBAAA,GAAA,CAAI,CAAA;AAOf"}

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

@@ -1 +1 @@
-{"version":3,"file":"CreatePackageV2.js","names":[],"sources":["../../../src/components/DownloadCart/CreatePackageV2.tsx"],"sourcesContent":["import styles from './CreatePackageV2.module.scss'\nimport {\n  createPackageFromDownloadListV2,\n  getFileHandleByIdURL,\n} from '@/synapse-client/SynapseClient'\nimport React from 'react'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { Box, Button, Card, InputAdornment, TextField } from '@mui/material'\nimport { DownloadListPackageResponse } from '@sage-bionetworks/synapse-types'\nimport { ChangeEvent, SyntheticEvent, useState } from 'react'\nimport FullWidthAlert, {\n  FullWidthAlertVariant,\n} from '../FullWidthAlert/FullWidthAlert'\n\nexport type CreatePackageV2Props = {\n  onPackageCreation: () => void\n}\n\ntype AlertConfig = {\n  message: string\n  variant?: FullWidthAlertVariant\n}\n\nexport const TEMPLATE_ERROR_FILE_NAME =\n  'Please provide a package file name and try again.'\n\nexport const CreatePackageV2 = (\n  props: CreatePackageV2Props,\n): React.ReactNode => {\n  const { accessToken, keyFactory } = useSynapseContext()\n  const queryClient = useQueryClient()\n  const [isLoading, setIsLoading] = useState(false)\n  const [fileName, setZipFileName] = useState('')\n  const [alert, setAlert] = useState<AlertConfig>()\n  const [bulkFileDownloadResponse, setBulkFileDownloadResponse] = useState<\n    DownloadListPackageResponse | undefined\n  >(undefined)\n  const { onPackageCreation } = props\n  const createPackageHandler = async (event: SyntheticEvent) => {\n    event.preventDefault()\n    if (!fileName) {\n      setAlert({\n        message: TEMPLATE_ERROR_FILE_NAME,\n        variant: 'danger',\n      })\n      return\n    }\n    setIsLoading(true)\n    try {\n      const fileNameWithZipExtension = `${fileName}.zip`\n      const currentBulkFileDownloadResponse =\n        await createPackageFromDownloadListV2(\n          fileNameWithZipExtension,\n          accessToken,\n        )\n\n      setBulkFileDownloadResponse(currentBulkFileDownloadResponse)\n      const { resultFileHandleId } = currentBulkFileDownloadResponse\n      try {\n        //reset\n        window.location.href = await getFileHandleByIdURL(\n          resultFileHandleId,\n          accessToken,\n        )\n        setZipFileName('')\n        setBulkFileDownloadResponse(undefined)\n        queryClient.invalidateQueries({\n          queryKey: keyFactory.getDownloadListBaseQueryKey(),\n        })\n        onPackageCreation()\n      } catch (err) {\n        console.error('Err on getFileHandleByIdURL = ', err)\n      }\n    } catch (err) {\n      setAlert({\n        message: err.reason as string,\n        variant: 'danger',\n      })\n    } finally {\n      setIsLoading(false)\n    }\n  }\n\n  const onChange = (event: ChangeEvent<HTMLInputElement>) => {\n    setZipFileName(event.target.value)\n  }\n\n  return (\n    <>\n      <Card className={styles.CreatePackageV2}>\n        <div className={styles.createPackageStep}>\n          <span className={styles.createPackageTitle}>\n            Create your Download Package\n          </span>\n          <span className={styles.createPackageDescription}>\n            Name your download package and select Download Package to get\n            started.\n          </span>\n          {!isLoading && !bulkFileDownloadResponse && (\n            <Box\n              sx={{\n                display: 'flex',\n                alignItems: 'stretch',\n              }}\n            >\n              <TextField\n                onChange={onChange}\n                type=\"text\"\n                placeholder=\"PackageName\"\n                sx={{ width: '233px' }}\n                slotProps={{\n                  input: {\n                    endAdornment: (\n                      <InputAdornment position=\"end\">.zip</InputAdornment>\n                    ),\n                  },\n                }}\n              />\n              <Button\n                variant=\"contained\"\n                color=\"primary\"\n                onClick={e => {\n                  createPackageHandler(e)\n                }}\n                sx={{ marginLeft: '20px' }}\n                disabled={!fileName}\n              >\n                Download Package\n              </Button>\n            </Box>\n          )}\n          {isLoading && (\n            <div className=\"creatingPackage\">\n              <span className=\"spinner\" />\n              <span style={{ marginLeft: 5 }}>Creating package...</span>\n            </div>\n          )}\n        </div>\n      </Card>\n      <FullWidthAlert\n        show={!!alert}\n        variant={alert?.variant ? alert.variant : 'success'}\n        description={alert?.message}\n        autoCloseAfterDelayInSeconds={10}\n        onClose={() => {\n          setAlert(undefined)\n        }}\n      />\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;AAwBA,IAAa,IACX,qDAEW,KACX,MACoB;CACpB,IAAM,EAAE,gBAAa,kBAAe,GAAmB,EACjD,IAAc,GAAgB,EAC9B,CAAC,GAAW,KAAgB,EAAS,GAAM,EAC3C,CAAC,GAAU,KAAkB,EAAS,GAAG,EACzC,CAAC,GAAO,KAAY,GAAuB,EAC3C,CAAC,GAA0B,KAA+B,EAE9D,KAAA,EAAU,EACN,EAAE,yBAAsB,GACxB,IAAuB,OAAO,MAA0B;AAE5D,MADA,EAAM,gBAAgB,EAClB,CAAC,GAAU;AACb,KAAS;IACP,SAAS;IACT,SAAS;IACV,CAAC;AACF;;AAEF,IAAa,GAAK;AAClB,MAAI;GAEF,IAAM,IACJ,MAAM,EACJ,GAHgC,EAAS,OAIzC,EACD;AAEH,KAA4B,EAAgC;GAC5D,IAAM,EAAE,0BAAuB;AAC/B,OAAI;AAWF,IATA,OAAO,SAAS,OAAO,MAAM,EAC3B,GACA,EACD,EACD,EAAe,GAAG,EAClB,EAA4B,KAAA,EAAU,EACtC,EAAY,kBAAkB,EAC5B,UAAU,EAAW,6BAA6B,EACnD,CAAC,EACF,GAAmB;YACZ,GAAK;AACZ,YAAQ,MAAM,kCAAkC,EAAI;;WAE/C,GAAK;AACZ,KAAS;IACP,SAAS,EAAI;IACb,SAAS;IACV,CAAC;YACM;AACR,KAAa,GAAM;;;AAQvB,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EAAM,WAAW,EAAO;YACtB,kBAAC,OAAD;GAAK,WAAW,EAAO;aAAvB;IACE,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAoB;KAErC,CAAA;IACP,kBAAC,QAAD;KAAM,WAAW,EAAO;eAA0B;KAG3C,CAAA;IACN,CAAC,KAAa,CAAC,KACd,kBAAC,GAAD;KACE,IAAI;MACF,SAAS;MACT,YAAY;MACb;eAJH,CAME,kBAAC,GAAD;MACY,WAvBN,MAAyC;AACzD,SAAe,EAAM,OAAO,MAAM;;MAuBtB,MAAK;MACL,aAAY;MACZ,IAAI,EAAE,OAAO,SAAS;MACtB,WAAW,EACT,OAAO,EACL,cACE,kBAAC,GAAD;OAAgB,UAAS;iBAAM;OAAqB,CAAA,EAEvD,EACF;MACD,CAAA,EACF,kBAAC,GAAD;MACE,SAAQ;MACR,OAAM;MACN,UAAS,MAAK;AACZ,SAAqB,EAAE;;MAEzB,IAAI,EAAE,YAAY,QAAQ;MAC1B,UAAU,CAAC;gBACZ;MAEQ,CAAA,CACL;;IAEP,KACC,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,QAAD,EAAM,WAAU,WAAY,CAAA,EAC5B,kBAAC,QAAD;MAAM,OAAO,EAAE,YAAY,GAAG;gBAAE;MAA0B,CAAA,CACtD;;IAEJ;;EACD,CAAA,EACP,kBAAC,GAAD;EACE,MAAM,CAAC,CAAC;EACR,SAAS,GAAO,UAAU,EAAM,UAAU;EAC1C,aAAa,GAAO;EACpB,8BAA8B;EAC9B,eAAe;AACb,KAAS,KAAA,EAAU;;EAErB,CAAA,CACD,EAAA,CAAA"}
+{"version":3,"file":"CreatePackageV2.js","names":[],"sources":["../../../src/components/DownloadCart/CreatePackageV2.tsx"],"sourcesContent":["import styles from './CreatePackageV2.module.scss'\nimport {\n  createPackageFromDownloadListV2,\n  getFileHandleByIdURL,\n} from '@/synapse-client/SynapseClient'\nimport React from 'react'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { Box, Button, Card, InputAdornment, TextField } from '@mui/material'\nimport { DownloadListPackageResponse } from '@sage-bionetworks/synapse-types'\nimport { ChangeEvent, SyntheticEvent, useState } from 'react'\nimport FullWidthAlert, {\n  FullWidthAlertVariant,\n} from '../FullWidthAlert/FullWidthAlert'\n\nexport type CreatePackageV2Props = {\n  onPackageCreation: () => void\n}\n\ntype AlertConfig = {\n  message: string\n  variant?: FullWidthAlertVariant\n}\n\nexport const TEMPLATE_ERROR_FILE_NAME =\n  'Please provide a package file name and try again.'\n\nexport const CreatePackageV2 = (\n  props: CreatePackageV2Props,\n): React.ReactNode => {\n  const { accessToken, keyFactory } = useSynapseContext()\n  const queryClient = useQueryClient()\n  const [isLoading, setIsLoading] = useState(false)\n  const [fileName, setZipFileName] = useState('')\n  const [alert, setAlert] = useState<AlertConfig>()\n  const [bulkFileDownloadResponse, setBulkFileDownloadResponse] = useState<\n    DownloadListPackageResponse | undefined\n  >(undefined)\n  const { onPackageCreation } = props\n  const createPackageHandler = async (event: SyntheticEvent) => {\n    event.preventDefault()\n    if (!fileName) {\n      setAlert({\n        message: TEMPLATE_ERROR_FILE_NAME,\n        variant: 'danger',\n      })\n      return\n    }\n    setIsLoading(true)\n    try {\n      const fileNameWithZipExtension = `${fileName}.zip`\n      const currentBulkFileDownloadResponse =\n        await createPackageFromDownloadListV2(\n          fileNameWithZipExtension,\n          accessToken,\n        )\n\n      setBulkFileDownloadResponse(currentBulkFileDownloadResponse)\n      const { resultFileHandleId } = currentBulkFileDownloadResponse\n      try {\n        //reset\n        window.location.href = await getFileHandleByIdURL(\n          resultFileHandleId,\n          accessToken,\n        )\n        setZipFileName('')\n        setBulkFileDownloadResponse(undefined)\n        queryClient.invalidateQueries({\n          queryKey: keyFactory.getDownloadListBaseQueryKey(),\n        })\n        onPackageCreation()\n      } catch (err) {\n        console.error('Err on getFileHandleByIdURL = ', err)\n      }\n    } catch (err) {\n      setAlert({\n        message: err.reason as string,\n        variant: 'danger',\n      })\n    } finally {\n      setIsLoading(false)\n    }\n  }\n\n  const onChange = (event: ChangeEvent<HTMLInputElement>) => {\n    setZipFileName(event.target.value)\n  }\n\n  return (\n    <>\n      <Card className={styles.CreatePackageV2}>\n        <div className={styles.createPackageStep}>\n          <span className={styles.createPackageTitle}>\n            Create your Download Package\n          </span>\n          <span className={styles.createPackageDescription}>\n            Name your download package and select Download Package to get\n            started.\n          </span>\n          {!isLoading && !bulkFileDownloadResponse && (\n            <Box\n              sx={{\n                display: 'flex',\n                alignItems: 'stretch',\n              }}\n            >\n              <TextField\n                onChange={onChange}\n                type=\"text\"\n                placeholder=\"PackageName\"\n                sx={{ width: '233px' }}\n                slotProps={{\n                  input: {\n                    endAdornment: (\n                      <InputAdornment position=\"end\">.zip</InputAdornment>\n                    ),\n                  },\n                }}\n              />\n              <Button\n                variant=\"contained\"\n                color=\"primary\"\n                onClick={e => {\n                  createPackageHandler(e)\n                }}\n                sx={{ marginLeft: '20px' }}\n                disabled={!fileName}\n              >\n                Download Package\n              </Button>\n            </Box>\n          )}\n          {isLoading && (\n            <div className=\"creatingPackage\">\n              <span className=\"spinner\" />\n              <span style={{ marginLeft: 5 }}>Creating package...</span>\n            </div>\n          )}\n        </div>\n      </Card>\n      <FullWidthAlert\n        show={!!alert}\n        variant={alert?.variant ? alert.variant : 'success'}\n        description={alert?.message}\n        autoCloseAfterDelayInSeconds={10}\n        onClose={() => {\n          setAlert(undefined)\n        }}\n      />\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;AAwBA,IAAa,IACX,qDAEW,KACX,MACoB;CACpB,IAAM,EAAE,gBAAa,kBAAe,EAAkB,GAChD,IAAc,EAAe,GAC7B,CAAC,GAAW,KAAgB,EAAS,EAAK,GAC1C,CAAC,GAAU,KAAkB,EAAS,EAAE,GACxC,CAAC,GAAO,KAAY,EAAsB,GAC1C,CAAC,GAA0B,KAA+B,EAE9D,KAAA,CAAS,GACL,EAAE,yBAAsB,GACxB,IAAuB,OAAO,MAA0B;EAE5D,IADA,EAAM,eAAe,GACjB,CAAC,GAAU;GACb,EAAS;IACP,SAAS;IACT,SAAS;GACX,CAAC;GACD;EACF;EACA,EAAa,EAAI;EACjB,IAAI;GAEF,IAAM,IACJ,MAAM,EACJ,GAHgC,EAAS,OAIzC,CACF;GAEF,EAA4B,CAA+B;GAC3D,IAAM,EAAE,0BAAuB;GAC/B,IAAI;IAWF,AATA,OAAO,SAAS,OAAO,MAAM,EAC3B,GACA,CACF,GACA,EAAe,EAAE,GACjB,EAA4B,KAAA,CAAS,GACrC,EAAY,kBAAkB,EAC5B,UAAU,EAAW,4BAA4B,EACnD,CAAC,GACD,EAAkB;GACpB,SAAS,GAAK;IACZ,QAAQ,MAAM,kCAAkC,CAAG;GACrD;EACF,SAAS,GAAK;GACZ,EAAS;IACP,SAAS,EAAI;IACb,SAAS;GACX,CAAC;EACH,UAAU;GACR,EAAa,EAAK;EACpB;CACF;CAMA,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EAAM,WAAW,EAAO;YACtB,kBAAC,OAAD;GAAK,WAAW,EAAO;aAAvB;IACE,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAoB;IAEtC,CAAA;IACN,kBAAC,QAAD;KAAM,WAAW,EAAO;eAA0B;IAG5C,CAAA;IACL,CAAC,KAAa,CAAC,KACd,kBAAC,GAAD;KACE,IAAI;MACF,SAAS;MACT,YAAY;KACd;eAJF,CAME,kBAAC,GAAD;MACY,WAvBN,MAAyC;OACzD,EAAe,EAAM,OAAO,KAAK;MACnC;MAsBc,MAAK;MACL,aAAY;MACZ,IAAI,EAAE,OAAO,QAAQ;MACrB,WAAW,EACT,OAAO,EACL,cACE,kBAAC,GAAD;OAAgB,UAAS;iBAAM;MAAoB,CAAA,EAEvD,EACF;KACD,CAAA,GACD,kBAAC,GAAD;MACE,SAAQ;MACR,OAAM;MACN,UAAS,MAAK;OACZ,EAAqB,CAAC;MACxB;MACA,IAAI,EAAE,YAAY,OAAO;MACzB,UAAU,CAAC;gBACZ;KAEO,CAAA,CACL;;IAEN,KACC,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,QAAD,EAAM,WAAU,UAAW,CAAA,GAC3B,kBAAC,QAAD;MAAM,OAAO,EAAE,YAAY,EAAE;gBAAG;KAAyB,CAAA,CACtD;;GAEJ;;CACD,CAAA,GACN,kBAAC,GAAD;EACE,MAAM,CAAC,CAAC;EACR,SAAS,GAAO,UAAU,EAAM,UAAU;EAC1C,aAAa,GAAO;EACpB,8BAA8B;EAC9B,eAAe;GACb,EAAS,KAAA,CAAS;EACpB;CACD,CAAA,CACD,EAAA,CAAA;AAEN"}

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

@@ -1 +1 @@
-{"version":3,"file":"DirectProgrammaticDownload.js","names":[],"sources":["../../../src/components/DownloadCart/DirectProgrammaticDownload.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { Tooltip } from '@mui/material'\nimport IconSvg from '../IconSvg/IconSvg'\nimport { ProgrammaticInstructionsModal } from '../ProgrammaticInstructionsModal/ProgrammaticInstructionsModal'\nimport { TOOLTIP_DELAY_SHOW } from '../SynapseTable/SynapseTableConstants'\n\ntype DirectProgrammaticDownloadProps = {\n  entityId: string\n  version?: number\n}\nexport const PYTHON_CLIENT_IMPORT_AND_LOGIN = `import synapseclient\nsyn = synapseclient.Synapse()\nsyn.login(authToken=\"YOUR_TOKEN_HERE\")\n`\n\nexport const R_CLIENT_IMPORT_AND_LOGIN = `library(synapser)\nsynLogin(authToken=\"YOUR_TOKEN_HERE\")\n`\n\nfunction DirectProgrammaticDownload({\n  entityId,\n  version,\n}: DirectProgrammaticDownloadProps) {\n  const [isShowingModal, setIsShowingModal] = useState<boolean>(false)\n\n  const rCode = `${R_CLIENT_IMPORT_AND_LOGIN}\n# Obtain a pointer and download the data\n${entityId} <- synGet(entity='${entityId}'${\n    version ? `, version=${version}` : ''\n  } ) `\n\n  const pythonCode = `${PYTHON_CLIENT_IMPORT_AND_LOGIN}\n# Obtain a pointer and download the data\n${entityId} = syn.get(entity='${entityId}'${\n    version ? `, version=${version}` : ''\n  } )\n\n# Get the path to the local copy of the data file\nfilepath = ${entityId}.path`\n\n  const cliCode = `synapse get ${entityId} ${\n    version ? `--version ${version}` : ''\n  }`\n\n  return (\n    <>\n      <Tooltip\n        title=\"Programmatic download options\"\n        enterNextDelay={TOOLTIP_DELAY_SHOW}\n        placement=\"left\"\n      >\n        <span>\n          <button\n            className={'btn-download-icon'}\n            onClick={() => setIsShowingModal(true)}\n          >\n            <IconSvg icon=\"code\" />\n          </button>\n        </span>\n      </Tooltip>\n      {isShowingModal && (\n        <ProgrammaticInstructionsModal\n          show={true}\n          onClose={() => setIsShowingModal(false)}\n          title=\"Download Programmatically\"\n          cliCode={cliCode}\n          rCode={rCode}\n          pythonCode={pythonCode}\n        />\n      )}\n    </>\n  )\n}\n\nexport default DirectProgrammaticDownload\n"],"mappings":";;;;;;;AAUA,IAAa,IAAiC,mGAKjC,IAA4B;AAIzC,SAAS,EAA2B,EAClC,aACA,cACkC;CAClC,IAAM,CAAC,GAAgB,KAAqB,EAAkB,GAAM,EAE9D,IAAQ,GAAG,EAA0B;;EAE3C,EAAS,qBAAqB,EAAS,GACrC,IAAU,aAAa,MAAY,GACpC,MAEK,IAAa,GAAG,EAA+B;;EAErD,EAAS,qBAAqB,EAAS,GACrC,IAAU,aAAa,MAAY,GACpC;;;aAGU,EAAS,QAEd,IAAU,eAAe,EAAS,GACtC,IAAU,aAAa,MAAY;AAGrC,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,OAAM;EACN,gBAAA;EACA,WAAU;YAEV,kBAAC,QAAD,EAAA,UACE,kBAAC,UAAD;GACE,WAAW;GACX,eAAe,EAAkB,GAAK;aAEtC,kBAAC,GAAD,EAAS,MAAK,QAAS,CAAA;GAChB,CAAA,EACJ,CAAA;EACC,CAAA,EACT,KACC,kBAAC,GAAD;EACE,MAAM;EACN,eAAe,EAAkB,GAAM;EACvC,OAAM;EACG;EACF;EACK;EACZ,CAAA,CAEH,EAAA,CAAA"}
+{"version":3,"file":"DirectProgrammaticDownload.js","names":[],"sources":["../../../src/components/DownloadCart/DirectProgrammaticDownload.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { Tooltip } from '@mui/material'\nimport IconSvg from '../IconSvg/IconSvg'\nimport { ProgrammaticInstructionsModal } from '../ProgrammaticInstructionsModal/ProgrammaticInstructionsModal'\nimport { TOOLTIP_DELAY_SHOW } from '../SynapseTable/SynapseTableConstants'\n\ntype DirectProgrammaticDownloadProps = {\n  entityId: string\n  version?: number\n}\nexport const PYTHON_CLIENT_IMPORT_AND_LOGIN = `import synapseclient\nsyn = synapseclient.Synapse()\nsyn.login(authToken=\"YOUR_TOKEN_HERE\")\n`\n\nexport const R_CLIENT_IMPORT_AND_LOGIN = `library(synapser)\nsynLogin(authToken=\"YOUR_TOKEN_HERE\")\n`\n\nfunction DirectProgrammaticDownload({\n  entityId,\n  version,\n}: DirectProgrammaticDownloadProps) {\n  const [isShowingModal, setIsShowingModal] = useState<boolean>(false)\n\n  const rCode = `${R_CLIENT_IMPORT_AND_LOGIN}\n# Obtain a pointer and download the data\n${entityId} <- synGet(entity='${entityId}'${\n    version ? `, version=${version}` : ''\n  } ) `\n\n  const pythonCode = `${PYTHON_CLIENT_IMPORT_AND_LOGIN}\n# Obtain a pointer and download the data\n${entityId} = syn.get(entity='${entityId}'${\n    version ? `, version=${version}` : ''\n  } )\n\n# Get the path to the local copy of the data file\nfilepath = ${entityId}.path`\n\n  const cliCode = `synapse get ${entityId} ${\n    version ? `--version ${version}` : ''\n  }`\n\n  return (\n    <>\n      <Tooltip\n        title=\"Programmatic download options\"\n        enterNextDelay={TOOLTIP_DELAY_SHOW}\n        placement=\"left\"\n      >\n        <span>\n          <button\n            className={'btn-download-icon'}\n            onClick={() => setIsShowingModal(true)}\n          >\n            <IconSvg icon=\"code\" />\n          </button>\n        </span>\n      </Tooltip>\n      {isShowingModal && (\n        <ProgrammaticInstructionsModal\n          show={true}\n          onClose={() => setIsShowingModal(false)}\n          title=\"Download Programmatically\"\n          cliCode={cliCode}\n          rCode={rCode}\n          pythonCode={pythonCode}\n        />\n      )}\n    </>\n  )\n}\n\nexport default DirectProgrammaticDownload\n"],"mappings":";;;;;;;AAUA,IAAa,IAAiC,mGAKjC,IAA4B;AAIzC,SAAS,EAA2B,EAClC,aACA,cACkC;CAClC,IAAM,CAAC,GAAgB,KAAqB,EAAkB,EAAK,GAE7D,IAAQ,GAAG,EAA0B;;EAE3C,EAAS,qBAAqB,EAAS,GACrC,IAAU,aAAa,MAAY,GACpC,MAEK,IAAa,GAAG,EAA+B;;EAErD,EAAS,qBAAqB,EAAS,GACrC,IAAU,aAAa,MAAY,GACpC;;;aAGU,EAAS,QAEd,IAAU,eAAe,EAAS,GACtC,IAAU,aAAa,MAAY;CAGrC,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,OAAM;EACN,gBAAA;EACA,WAAU;YAEV,kBAAC,QAAD,EAAA,UACE,kBAAC,UAAD;GACE,WAAW;GACX,eAAe,EAAkB,EAAI;aAErC,kBAAC,GAAD,EAAS,MAAK,OAAQ,CAAA;EAChB,CAAA,EACJ,CAAA;CACC,CAAA,GACR,KACC,kBAAC,GAAD;EACE,MAAM;EACN,eAAe,EAAkB,EAAK;EACtC,OAAM;EACG;EACF;EACK;CACb,CAAA,CAEH,EAAA,CAAA;AAEN"}

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 {\n  DownloadListActionsRequired,\n  DownloadListActionsRequiredProps,\n} 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(props: DownloadListActionsRequiredProps) {\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 && data.numberOfFilesRequiringAction == 0) {\n      setSelectedTabIndex(1)\n    }\n    // also hide the Create Package UI if there are no files available for download\n    if (\n      data &&\n      data.numberOfFilesAvailableForDownloadAndEligibleForPackaging === 0\n    ) {\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 {...props} />\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'\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 {\n  DownloadListActionsRequired,\n  DownloadListActionsRequiredProps,\n} 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(props: DownloadListActionsRequiredProps) {\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 && data.numberOfFilesRequiringAction == 0) {\n      setSelectedTabIndex(1)\n    }\n    // also hide the Create Package UI if there are no files available for download\n    if (\n      data &&\n      data.numberOfFilesAvailableForDownloadAndEligibleForPackaging === 0\n    ) {\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 {...props} />\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/DownloadDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"DownloadDetails.js","names":[],"sources":["../../../src/components/DownloadCart/DownloadDetails.tsx"],"sourcesContent":["import { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport { Box, Tooltip } from '@mui/material'\nimport pluralize from 'pluralize'\nimport IconSvg from '../IconSvg/IconSvg'\nimport { TOOLTIP_DELAY_SHOW } from '../SynapseTable/SynapseTableConstants'\n\nexport type DownloadDetailsProps = {\n  numFiles: number\n  numPackagableFiles: number\n  numBytes: number\n}\n\nexport default function DownloadDetails(props: DownloadDetailsProps) {\n  const { numFiles, numPackagableFiles, numBytes } = props\n  const numIneligibleFiles = numFiles - numPackagableFiles\n  const isInactive = numFiles === 0\n  const iconClassName = isInactive ? 'SRC-inactive' : 'SRC-primary-text-color'\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'start ',\n        gap: '25px',\n        fontWeight: 'bold',\n        svg: {\n          mr: '5px',\n        },\n      }}\n    >\n      <span>\n        {!isInactive && (\n          <>\n            {numFiles.toLocaleString()} {pluralize('File', numFiles)}\n          </>\n        )}\n      </span>\n      <span>\n        <span className={iconClassName}>\n          <IconSvg wrap={false} icon=\"packagableFile\" />\n        </span>\n        {!isInactive && (\n          <>\n            {numPackagableFiles.toLocaleString()}{' '}\n            {pluralize('File', numPackagableFiles)} eligible for packaging\n          </>\n        )}\n      </span>\n      {numBytes > 0 && (\n        <Tooltip\n          title=\"This is the total size of all files in the Download List that are available to download.\"\n          enterNextDelay={TOOLTIP_DELAY_SHOW}\n          placement=\"top\"\n        >\n          <span className=\"item\">{calculateFriendlyFileSize(numBytes)}</span>\n        </Tooltip>\n      )}\n      {numIneligibleFiles > 0 && (\n        <span className=\"item\">\n          <span className={`SRC-warning-color`}>\n            <IconSvg icon=\"warningOutlined\" />\n          </span>\n          {!isInactive && (\n            <>\n              {numIneligibleFiles.toLocaleString()}{' '}\n              {pluralize('File', numIneligibleFiles)} ineligible for packaging\n            </>\n          )}\n        </span>\n      )}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;AAYA,SAAwB,EAAgB,GAA6B;CACnE,IAAM,EAAE,aAAU,uBAAoB,gBAAa,GAC7C,IAAqB,IAAW,GAChC,IAAa,MAAa,GAC1B,IAAgB,IAAa,iBAAiB;AACpD,QACE,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,KAAK;GACL,YAAY;GACZ,KAAK,EACH,IAAI,OACL;GACF;YAVH;GAYE,kBAAC,QAAD,EAAA,UACG,CAAC,KACA,kBAAA,GAAA,EAAA,UAAA;IACG,EAAS,gBAAgB;IAAC;IAAE,EAAU,QAAQ,EAAS;IACvD,EAAA,CAAA,EAEA,CAAA;GACP,kBAAC,QAAD,EAAA,UAAA,CACE,kBAAC,QAAD;IAAM,WAAW;cACf,kBAAC,GAAD;KAAS,MAAM;KAAO,MAAK;KAAmB,CAAA;IACzC,CAAA,EACN,CAAC,KACA,kBAAA,GAAA,EAAA,UAAA;IACG,EAAmB,gBAAgB;IAAE;IACrC,EAAU,QAAQ,EAAmB;IAAC;IACtC,EAAA,CAAA,CAEA,EAAA,CAAA;GACN,IAAW,KACV,kBAAC,GAAD;IACE,OAAM;IACN,gBAAA;IACA,WAAU;cAEV,kBAAC,QAAD;KAAM,WAAU;eAAQ,EAA0B,EAAS;KAAQ,CAAA;IAC3D,CAAA;GAEX,IAAqB,KACpB,kBAAC,QAAD;IAAM,WAAU;cAAhB,CACE,kBAAC,QAAD;KAAM,WAAW;eACf,kBAAC,GAAD,EAAS,MAAK,mBAAoB,CAAA;KAC7B,CAAA,EACN,CAAC,KACA,kBAAA,GAAA,EAAA,UAAA;KACG,EAAmB,gBAAgB;KAAE;KACrC,EAAU,QAAQ,EAAmB;KAAC;KACtC,EAAA,CAAA,CAEA;;GAEL"}
+{"version":3,"file":"DownloadDetails.js","names":[],"sources":["../../../src/components/DownloadCart/DownloadDetails.tsx"],"sourcesContent":["import { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport { Box, Tooltip } from '@mui/material'\nimport pluralize from 'pluralize'\nimport IconSvg from '../IconSvg/IconSvg'\nimport { TOOLTIP_DELAY_SHOW } from '../SynapseTable/SynapseTableConstants'\n\nexport type DownloadDetailsProps = {\n  numFiles: number\n  numPackagableFiles: number\n  numBytes: number\n}\n\nexport default function DownloadDetails(props: DownloadDetailsProps) {\n  const { numFiles, numPackagableFiles, numBytes } = props\n  const numIneligibleFiles = numFiles - numPackagableFiles\n  const isInactive = numFiles === 0\n  const iconClassName = isInactive ? 'SRC-inactive' : 'SRC-primary-text-color'\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'start ',\n        gap: '25px',\n        fontWeight: 'bold',\n        svg: {\n          mr: '5px',\n        },\n      }}\n    >\n      <span>\n        {!isInactive && (\n          <>\n            {numFiles.toLocaleString()} {pluralize('File', numFiles)}\n          </>\n        )}\n      </span>\n      <span>\n        <span className={iconClassName}>\n          <IconSvg wrap={false} icon=\"packagableFile\" />\n        </span>\n        {!isInactive && (\n          <>\n            {numPackagableFiles.toLocaleString()}{' '}\n            {pluralize('File', numPackagableFiles)} eligible for packaging\n          </>\n        )}\n      </span>\n      {numBytes > 0 && (\n        <Tooltip\n          title=\"This is the total size of all files in the Download List that are available to download.\"\n          enterNextDelay={TOOLTIP_DELAY_SHOW}\n          placement=\"top\"\n        >\n          <span className=\"item\">{calculateFriendlyFileSize(numBytes)}</span>\n        </Tooltip>\n      )}\n      {numIneligibleFiles > 0 && (\n        <span className=\"item\">\n          <span className={`SRC-warning-color`}>\n            <IconSvg icon=\"warningOutlined\" />\n          </span>\n          {!isInactive && (\n            <>\n              {numIneligibleFiles.toLocaleString()}{' '}\n              {pluralize('File', numIneligibleFiles)} ineligible for packaging\n            </>\n          )}\n        </span>\n      )}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;AAYA,SAAwB,EAAgB,GAA6B;CACnE,IAAM,EAAE,aAAU,uBAAoB,gBAAa,GAC7C,IAAqB,IAAW,GAChC,IAAa,MAAa,GAC1B,IAAgB,IAAa,iBAAiB;CACpD,OACE,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,KAAK;GACL,YAAY;GACZ,KAAK,EACH,IAAI,MACN;EACF;YAVF;GAYE,kBAAC,QAAD,EAAA,UACG,CAAC,KACA,kBAAA,GAAA,EAAA,UAAA;IACG,EAAS,eAAe;IAAE;IAAE,EAAU,QAAQ,CAAQ;GACvD,EAAA,CAAA,EAEA,CAAA;GACN,kBAAC,QAAD,EAAA,UAAA,CACE,kBAAC,QAAD;IAAM,WAAW;cACf,kBAAC,GAAD;KAAS,MAAM;KAAO,MAAK;IAAkB,CAAA;GACzC,CAAA,GACL,CAAC,KACA,kBAAA,GAAA,EAAA,UAAA;IACG,EAAmB,eAAe;IAAG;IACrC,EAAU,QAAQ,CAAkB;IAAE;GACvC,EAAA,CAAA,CAEA,EAAA,CAAA;GACL,IAAW,KACV,kBAAC,GAAD;IACE,OAAM;IACN,gBAAA;IACA,WAAU;cAEV,kBAAC,QAAD;KAAM,WAAU;eAAQ,EAA0B,CAAQ;IAAQ,CAAA;GAC3D,CAAA;GAEV,IAAqB,KACpB,kBAAC,QAAD;IAAM,WAAU;cAAhB,CACE,kBAAC,QAAD;KAAM,WAAW;eACf,kBAAC,GAAD,EAAS,MAAK,kBAAmB,CAAA;IAC7B,CAAA,GACL,CAAC,KACA,kBAAA,GAAA,EAAA,UAAA;KACG,EAAmB,eAAe;KAAG;KACrC,EAAU,QAAQ,CAAkB;KAAE;IACvC,EAAA,CAAA,CAEA;;EAEL;;AAET"}