synapse-react-client 4.0.38 → 4.0.41

package/dist/components/QueryWrapperPlotNav/QueryWrapperPlotNav.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueryWrapperPlotNav.js","names":[],"sources":["../../../src/components/QueryWrapperPlotNav/QueryWrapperPlotNav.tsx"],"sourcesContent":["import { QueryOrDeprecatedSearchParams } from '@/components/CardContainerLogic/CardContainerLogic'\nimport AddToDownloadListConfirmationAlert from '@/components/download_list/AddToDownloadListConfirmationAlert/AddToDownloadListConfirmationAlert'\nimport { useGetAddToDownloadListRequestForCurrentQuery } from '@/components/QueryWrapper/useGetAddToDownloadListRequestForCurrentQuery'\nimport { NoContentPlaceholderType } from '@/components/SynapseTable/NoContentPlaceholderType'\nimport { useGetEntity } from '@/synapse-queries'\nimport { SynapseConstants } from '@/utils'\nimport {\n  getAdditionalFilters,\n  parseEntityIdAndVersionFromSqlStatement,\n} from '@/utils/functions'\nimport { isTable } from '@/utils/functions/EntityTypeUtils'\nimport { DEFAULT_PAGE_SIZE } from '@/utils/SynapseConstants'\nimport { Box } from '@mui/material'\nimport { Query, QueryBundleRequest } from '@sage-bionetworks/synapse-types'\nimport { useQuery } from '@tanstack/react-query'\nimport { useAtomValue } from 'jotai'\nimport { Suspense, useMemo, useState } from 'react'\nimport { CardConfiguration } from '../CardContainer/CardConfiguration'\nimport { SynapseErrorBoundary } from '../error'\nimport FullTextSearch from '../FullTextSearch/FullTextSearch'\nimport ModalDownload from '../ModalDownload/ModalDownload'\nimport { QueryWrapperPlotNavCustomPlotParams } from '../Plot/SynapsePlot'\nimport { QueryContextType, useQueryContext } from '../QueryContext'\nimport {\n  QueryVisualizationContextConsumer,\n  QueryVisualizationWrapper,\n  QueryVisualizationWrapperProps,\n} from '../QueryVisualizationWrapper'\nimport { QueryWrapper, QueryWrapperProps } from '../QueryWrapper'\nimport { isRowSelectionVisibleAtom } from '../QueryWrapper/TableRowSelectionState'\nimport { QueryWrapperErrorBoundary } from '../QueryWrapperErrorBoundary'\nimport { SynapseTableConfiguration } from '../SynapseTable'\nimport SearchV2, { SearchV2Props } from '../SynapseTable/SearchV2'\nimport SqlEditor from '../SynapseTable/SqlEditor'\nimport TopLevelControls, {\n  TopLevelControlsProps,\n  CustomControl,\n} from '../SynapseTable/TopLevelControls/TopLevelControls'\nimport { CustomControls } from '../SynapseTable/CustomControls/CustomControls'\nimport TotalQueryResults from '../TotalQueryResults'\nimport PlotsContainer, {\n  PlotsContainerProps,\n} from '../widgets/facet-nav/PlotsContainer'\nimport FacetFilterControls, {\n  FacetFilterControlsProps,\n} from '../widgets/query-filter/FacetFilterControls'\nimport { QueryWrapperSynapsePlotProps } from './QueryWrapperSynapsePlot'\nimport { RowSetView } from './RowSetView'\nimport QueryWrapperLoadingScreen from '../QueryWrapper/QueryWrapperLoadingScreen'\n\nexport const QUERY_FILTERS_EXPANDED_CSS: string = 'isShowingFacetFilters'\nexport const QUERY_FILTERS_COLLAPSED_CSS: string = 'isHidingFacetFilters'\n\nexport const HAS_SELECTED_ROWS_CSS: string = 'hasSelectedRows'\n\ntype QueryWrapperPlotNavOwnProps = {\n  /** Whether the displayed results should be paginated or infinite. Default for cards is true, default for table is false */\n  isInfinite?: boolean\n  /** Set to true when you want the query to be saved in the URL search parameters.  If you are controlling the view (such as in PortalSearch), you'll want to set this to false */\n  shouldDeepLink?: boolean\n  /** If onQueryChange is set, the callback will be invoked when the Query changes */\n  onQueryChange?: (newQueryJson: string) => void\n  /** If onQueryResultBundleChange is set, the callback will be invoked when the QueryResultBundle changes */\n  onQueryResultBundleChange?: (newQueryResultBundleJson: string) => void\n  /** If initQueryJson is set, it will be the Query used in the initial QueryBundleRequest */\n  initQueryJson?: string\n  tableConfiguration?: SynapseTableConfiguration\n  cardConfiguration?: CardConfiguration\n  searchConfiguration?: Omit<\n    SearchV2Props,\n    'queryContext' | 'queryVisualizationContext'\n  >\n  facetsToPlot?: string[]\n  availableFacets?: FacetFilterControlsProps['availableFacets']\n  initialExpandedFacetControls?: FacetFilterControlsProps['initialExpandedFacetControls']\n  customPlots?: QueryWrapperSynapsePlotProps[]\n  customControls?: CustomControl[]\n  defaultColumn?: string\n  defaultShowSearchBox?: boolean\n  lockedColumn?: QueryWrapperProps['lockedColumn']\n  initialLimit?: number\n  hideTopLevelControls?: boolean\n} & Omit<TopLevelControlsProps, 'entityId'> &\n  Pick<QueryWrapperPlotNavCustomPlotParams, 'onCustomPlotClick'> &\n  Pick<\n    QueryWrapperProps,\n    | 'isRowSelectionVisible'\n    | 'rowSelectionPrimaryKey'\n    | 'isRowSelectionUIFloating'\n    | 'fileIdColumnName'\n    | 'fileNameColumnName'\n    | 'fileVersionColumnName'\n  > &\n  Pick<\n    QueryVisualizationWrapperProps,\n    | 'defaultShowPlots'\n    | 'visibleColumnCount'\n    | 'hiddenColumns'\n    | 'columnAliases'\n    | 'renderFacetValue'\n    | 'rgbIndex'\n    | 'showLastUpdatedOn'\n    | 'noContentPlaceholderType'\n    | 'unitDescription'\n    | 'additionalFiltersSessionStorageKey'\n    | 'helpConfiguration'\n    | 'hideCopyToClipboard'\n    | 'hideSearchBarControl'\n    | 'hideVisualizationsControl'\n    | 'enabledExternalAnalysisPlatforms'\n    | 'lockTextMatchesQueryFilterPill'\n  > &\n  Pick<QueryContextType, 'combineRangeFacetConfig'>\n\nexport type QueryWrapperPlotNavProps = QueryOrDeprecatedSearchParams &\n  PlotsContainerProps &\n  QueryWrapperPlotNavOwnProps\n\nexport type QueryWrapperPlotNavContentsProps = Pick<\n  QueryWrapperPlotNavProps,\n  | 'tableConfiguration'\n  | 'name'\n  | 'cardConfiguration'\n  | 'facetsToPlot'\n  | 'availableFacets'\n  | 'initialExpandedFacetControls'\n  | 'hideDownload'\n  | 'hideAddToDownloadListMenuItem'\n  | 'hideProgrammaticOptionsMenuItem'\n  | 'hideQueryCount'\n  | 'hideSqlEditorControl'\n  | 'hideVisualizationsControl'\n  | 'searchConfiguration'\n  | 'enabledExternalAnalysisPlatforms'\n  | 'cavaticaConnectAccountURL'\n  | 'customControls'\n  | 'customPlots'\n  | 'fileIdColumnName'\n  | 'fileNameColumnName'\n  | 'fileVersionColumnName'\n  | 'initialLimit'\n  | 'initialPlotTypeByFacetColumnName'\n  | 'hideTopLevelControls'\n> & {\n  isFullTextSearchEnabled: boolean\n  remount?: () => void\n}\n\nexport function QueryWrapperPlotNavContents(\n  props: QueryWrapperPlotNavContentsProps,\n) {\n  const {\n    tableConfiguration,\n    name,\n    cardConfiguration,\n    facetsToPlot,\n    availableFacets,\n    initialExpandedFacetControls,\n    hideDownload,\n    hideAddToDownloadListMenuItem,\n    hideProgrammaticOptionsMenuItem,\n    hideQueryCount,\n    hideSqlEditorControl,\n    hideVisualizationsControl,\n    searchConfiguration,\n    cavaticaConnectAccountURL,\n    customControls,\n    remount = () => {},\n    isFullTextSearchEnabled,\n    customPlots,\n    initialLimit,\n    initialPlotTypeByFacetColumnName,\n    hideTopLevelControls,\n  } = props\n  const queryContext = useQueryContext()\n  const [showExportMetadata, setShowExportMetadata] = useState(false)\n  const { hasFacetedSelectColumn: isFaceted, queryMetadataQueryOptions } =\n    queryContext\n  const { isLoading: isLoadingQueryMetadata } = useQuery(\n    queryMetadataQueryOptions,\n  )\n\n  const isRowSelectionVisible = useAtomValue(isRowSelectionVisibleAtom)\n\n  const currentQueryRequest = queryContext.currentQueryRequest\n\n  const hasFacetsOrFilters =\n    (currentQueryRequest?.query.selectedFacets !== undefined &&\n      currentQueryRequest.query.selectedFacets.length > 0) ||\n    (currentQueryRequest?.query.additionalFilters !== undefined &&\n      currentQueryRequest?.query.additionalFilters.length > 0)\n\n  const addToDownloadListRequest =\n    useGetAddToDownloadListRequestForCurrentQuery()\n\n  return (\n    <QueryVisualizationContextConsumer>\n      {queryVisualizationContext => {\n        if (queryVisualizationContext === undefined) {\n          throw new Error(\n            'No queryVisualizationContext found when using QueryVisualizationContextConsumer',\n          )\n        }\n\n        return (\n          <Box\n            className={`QueryWrapperPlotNav ${\n              queryVisualizationContext.showFacetFilter\n                ? QUERY_FILTERS_EXPANDED_CSS\n                : QUERY_FILTERS_COLLAPSED_CSS\n            } ${isRowSelectionVisible ? HAS_SELECTED_ROWS_CSS : ''} ${\n              hideTopLevelControls ? 'isHidingTopLevelControls' : ''\n            }`}\n            sx={{\n              '*': {\n                cursor: isLoadingQueryMetadata ? 'wait' : undefined,\n              },\n            }}\n          >\n            <QueryWrapperErrorBoundary>\n              {isFullTextSearchEnabled ? (\n                <FullTextSearch ftsConfig={searchConfiguration?.ftsConfig} />\n              ) : (\n                <SearchV2\n                  {...searchConfiguration}\n                  queryContext={queryContext}\n                  queryVisualizationContext={queryVisualizationContext}\n                />\n              )}\n              <SqlEditor />\n              {queryVisualizationContext.showDownloadConfirmation && (\n                <AddToDownloadListConfirmationAlert\n                  addToDownloadListRequest={addToDownloadListRequest}\n                  onClose={() =>\n                    queryVisualizationContext.setShowDownloadConfirmation(false)\n                  }\n                />\n              )}\n              {!hideTopLevelControls && (\n                <SynapseErrorBoundary>\n                  <TopLevelControls\n                    showColumnSelection={tableConfiguration !== undefined}\n                    name={name}\n                    hideDownload={hideDownload}\n                    hideAddToDownloadListMenuItem={\n                      hideAddToDownloadListMenuItem\n                    }\n                    hideProgrammaticOptionsMenuItem={\n                      hideProgrammaticOptionsMenuItem\n                    }\n                    hideQueryCount={hideQueryCount}\n                    hideFacetFilterControl={!isFaceted}\n                    hideVisualizationsControl={\n                      !isFaceted || hideVisualizationsControl\n                    }\n                    hideSqlEditorControl={hideSqlEditorControl}\n                    cavaticaConnectAccountURL={cavaticaConnectAccountURL}\n                    remount={remount}\n                    customControls={customControls}\n                  />\n                </SynapseErrorBoundary>\n              )}\n              {isFaceted && (\n                <>\n                  <FacetFilterControls\n                    availableFacets={availableFacets}\n                    initialExpandedFacetControls={initialExpandedFacetControls}\n                  />\n                </>\n              )}\n              {/* Isolated Suspense so that metadata loading does not hide the table */}\n              <Suspense fallback={null}>\n                <TotalQueryResults\n                  frontText={''}\n                  endText={hasFacetsOrFilters ? 'filtered by' : ''}\n                  hideIfUnfiltered={true}\n                />\n              </Suspense>\n              <CustomControls\n                customControls={customControls}\n                remount={remount}\n              />\n              <PlotsContainer\n                facetsToPlot={facetsToPlot}\n                customPlots={customPlots}\n                initialPlotTypeByFacetColumnName={\n                  initialPlotTypeByFacetColumnName\n                }\n              />\n              <RowSetView\n                tableConfiguration={tableConfiguration}\n                hideDownload={hideDownload}\n                cardConfiguration={cardConfiguration}\n                initialLimit={initialLimit}\n              />\n              {showExportMetadata && (\n                <ModalDownload\n                  getLastQueryRequest={queryContext?.getCurrentQueryRequest}\n                  onClose={() => setShowExportMetadata(false)}\n                />\n              )}\n            </QueryWrapperErrorBoundary>\n          </Box>\n        )\n      }}\n    </QueryVisualizationContextConsumer>\n  )\n}\n\nexport default function QueryWrapperPlotNav(props: QueryWrapperPlotNavProps) {\n  const {\n    sql: deprecatedSql,\n    tableConfiguration,\n    isInfinite = !tableConfiguration,\n    limit = DEFAULT_PAGE_SIZE,\n    showLastUpdatedOn,\n    unitDescription,\n    additionalFiltersSessionStorageKey,\n    helpConfiguration,\n    customPlots,\n    enabledExternalAnalysisPlatforms,\n  } = props\n\n  const sql = props.query?.sql ?? deprecatedSql ?? ''\n  const { entityId, versionNumber } =\n    parseEntityIdAndVersionFromSqlStatement(sql)\n\n  const query: Query = useMemo(() => {\n    if (props.query) {\n      // use query if set\n      return props.query\n    } else if (props.initQueryJson) {\n      // Otherwise use initQueryJson\n      return JSON.parse(props.initQueryJson) as Query\n    } else {\n      // use the deprecated sql, searchParams, and sqlOperator\n      const additionalFilters = getAdditionalFilters(\n        props.searchParams,\n        props.sqlOperator,\n        additionalFiltersSessionStorageKey,\n      )\n      return {\n        sql: deprecatedSql!,\n        additionalFilters,\n        limit: limit,\n        offset: 0,\n      }\n    }\n  }, [\n    props.query,\n    props.initQueryJson,\n    props.searchParams,\n    props.sqlOperator,\n    additionalFiltersSessionStorageKey,\n    deprecatedSql,\n    limit,\n  ])\n\n  const [componentKey, setComponentKey] = useState(1)\n  const remount = () => {\n    setComponentKey(componentKey + 1)\n  }\n\n  const { data: entity } = useGetEntity(entityId, versionNumber)\n  const initQueryRequest: QueryBundleRequest = {\n    entityId: entityId ?? '',\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    partMask:\n      SynapseConstants.BUNDLE_MASK_QUERY_RESULTS |\n      SynapseConstants.BUNDLE_MASK_QUERY_COUNT |\n      SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS |\n      SynapseConstants.BUNDLE_MASK_QUERY_MAX_ROWS_PER_PAGE |\n      SynapseConstants.BUNDLE_MASK_QUERY_COLUMN_MODELS |\n      SynapseConstants.BUNDLE_MASK_QUERY_FACETS |\n      SynapseConstants.BUNDLE_MASK_SUM_FILES_SIZE_BYTES |\n      SynapseConstants.BUNDLE_MASK_LAST_UPDATED_ON,\n    query,\n  }\n  const isFullTextSearchEnabled =\n    (entity && isTable(entity) && entity.isSearchEnabled) ?? false\n\n  /**\n   * Fully re-render the uncontrolled QueryWrapper component when the initial query changes. This eliminates a class of\n   * bugs where our 'derived' state (the current query), which should be reset, is out of sync with props.\n   *\n   * See https://legacy.reactjs.org/blog/2018/06/07/you-probably-dont-need-derived-state.html#recommendation-fully-uncontrolled-component-with-a-key\n   */\n  const queryWrapperKey = `${JSON.stringify(initQueryRequest)}-${componentKey}`\n\n  return (\n    <QueryWrapper\n      {...props}\n      initQueryRequest={initQueryRequest}\n      key={queryWrapperKey}\n      isInfinite={isInfinite}\n    >\n      <Suspense fallback={<QueryWrapperLoadingScreen />}>\n        <QueryVisualizationWrapper\n          unitDescription={unitDescription}\n          rgbIndex={props.rgbIndex}\n          columnAliases={props.columnAliases}\n          renderFacetValue={props.renderFacetValue}\n          dataUseModifiersColumnName={\n            props.cardConfiguration?.genericCardSchema\n              ?.dataUseModifiersColumnName\n          }\n          helpConfiguration={helpConfiguration}\n          visibleColumnCount={props.visibleColumnCount}\n          hiddenColumns={props.hiddenColumns}\n          defaultShowPlots={props.defaultShowPlots}\n          hideCopyToClipboard={props.hideCopyToClipboard}\n          defaultShowSearchBar={\n            (props.defaultShowSearchBox || isFullTextSearchEnabled) &&\n            !props.hideSearchBarControl\n          }\n          lockTextMatchesQueryFilterPill={props.lockTextMatchesQueryFilterPill}\n          hideSearchBarControl={props.hideSearchBarControl}\n          showLastUpdatedOn={showLastUpdatedOn}\n          noContentPlaceholderType={NoContentPlaceholderType.INTERACTIVE}\n          hasCustomPlots={Array.isArray(customPlots) && customPlots.length > 0}\n          enabledExternalAnalysisPlatforms={enabledExternalAnalysisPlatforms}\n        >\n          <QueryWrapperPlotNavContents\n            {...props}\n            isFullTextSearchEnabled={isFullTextSearchEnabled}\n            remount={remount}\n          />\n        </QueryVisualizationWrapper>\n      </Suspense>\n    </QueryWrapper>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"QueryWrapperPlotNav.js","names":[],"sources":["../../../src/components/QueryWrapperPlotNav/QueryWrapperPlotNav.tsx"],"sourcesContent":["import { QueryOrDeprecatedSearchParams } from '@/components/CardContainerLogic/CardContainerLogic'\nimport AddToDownloadListConfirmationAlert from '@/components/download_list/AddToDownloadListConfirmationAlert/AddToDownloadListConfirmationAlert'\nimport { useGetAddToDownloadListRequestForCurrentQuery } from '@/components/QueryWrapper/useGetAddToDownloadListRequestForCurrentQuery'\nimport { NoContentPlaceholderType } from '@/components/SynapseTable/NoContentPlaceholderType'\nimport { useGetEntity } from '@/synapse-queries'\nimport { SynapseConstants } from '@/utils'\nimport {\n  getAdditionalFilters,\n  parseEntityIdAndVersionFromSqlStatement,\n} from '@/utils/functions'\nimport { isTable } from '@/utils/functions/EntityTypeUtils'\nimport { DEFAULT_PAGE_SIZE } from '@/utils/SynapseConstants'\nimport { Box } from '@mui/material'\nimport { Query, QueryBundleRequest } from '@sage-bionetworks/synapse-types'\nimport { useQuery } from '@tanstack/react-query'\nimport { useAtomValue } from 'jotai'\nimport { lazy, Suspense, useMemo, useState } from 'react'\nimport { CardConfiguration } from '../CardContainer/CardConfiguration'\nimport { SynapseErrorBoundary } from '../error'\nimport FullTextSearch from '../FullTextSearch/FullTextSearch'\nimport ModalDownload from '../ModalDownload/ModalDownload'\nimport { QueryWrapperPlotNavCustomPlotParams } from '../Plot/SynapsePlot'\nimport { QueryContextType, useQueryContext } from '../QueryContext'\nimport {\n  QueryVisualizationContextConsumer,\n  QueryVisualizationWrapper,\n  QueryVisualizationWrapperProps,\n} from '../QueryVisualizationWrapper'\nimport { QueryWrapper, QueryWrapperProps } from '../QueryWrapper'\nimport { isRowSelectionVisibleAtom } from '../QueryWrapper/TableRowSelectionState'\nimport { QueryWrapperErrorBoundary } from '../QueryWrapperErrorBoundary'\nimport { SynapseTableConfiguration } from '../SynapseTable'\nimport SearchV2, { SearchV2Props } from '../SynapseTable/SearchV2'\nimport SqlEditor from '../SynapseTable/SqlEditor'\nimport TopLevelControls, {\n  TopLevelControlsProps,\n  CustomControl,\n} from '../SynapseTable/TopLevelControls/TopLevelControls'\nimport { CustomControls } from '../SynapseTable/CustomControls/CustomControls'\nimport TotalQueryResults from '../TotalQueryResults'\nimport PlotsContainer, {\n  PlotsContainerProps,\n} from '../widgets/facet-nav/PlotsContainer'\nimport FacetFilterControls, {\n  FacetFilterControlsProps,\n} from '../widgets/query-filter/FacetFilterControls'\nimport {\n  defaultQBGroup,\n  hasCompleteCondition,\n} from '../QueryBuilder/queryBuilderOperations'\nimport {\n  qbNodeToApiFilter,\n  selectedFacetsToQBGroup,\n} from '../QueryBuilder/queryBuilderTranslation'\nimport { QBGroup } from '../QueryBuilder/QueryBuilderTypes'\nimport { ConfirmationDialog } from '../ConfirmationDialog'\nimport { isFilterGroup } from '../../utils/types/IsType'\nimport { QueryWrapperSynapsePlotProps } from './QueryWrapperSynapsePlot'\nimport { RowSetView } from './RowSetView'\nimport QueryWrapperLoadingScreen from '../QueryWrapper/QueryWrapperLoadingScreen'\n\n/**\n * The Query Builder is hidden on every tab that renders this nav until the\n * user opens it, and it pulls in a drag-and-drop library alongside its own\n * panel. Loading it on demand keeps all of that off the critical path for the\n * table and card views. It already renders inside a `Suspense` boundary, so\n * there is nothing else to coordinate.\n *\n * The QB tree helpers imported above stay eager — they are pure functions this\n * component calls from its own handlers, and none of them reach dnd-kit.\n */\nconst QueryBuilderControls = lazy(() =>\n  import('../QueryBuilder/QueryBuilderControls').then(module => ({\n    default: module.QueryBuilderControls,\n  })),\n)\n\nexport const QUERY_FILTERS_EXPANDED_CSS: string = 'isShowingFacetFilters'\nexport const QUERY_FILTERS_COLLAPSED_CSS: string = 'isHidingFacetFilters'\n\nexport const HAS_SELECTED_ROWS_CSS: string = 'hasSelectedRows'\n\ntype QueryWrapperPlotNavOwnProps = {\n  /** Whether the displayed results should be paginated or infinite. Default for cards is true, default for table is false */\n  isInfinite?: boolean\n  /** Set to true when you want the query to be saved in the URL search parameters.  If you are controlling the view (such as in PortalSearch), you'll want to set this to false */\n  shouldDeepLink?: boolean\n  /** If onQueryChange is set, the callback will be invoked when the Query changes */\n  onQueryChange?: (newQueryJson: string) => void\n  /** If onQueryResultBundleChange is set, the callback will be invoked when the QueryResultBundle changes */\n  onQueryResultBundleChange?: (newQueryResultBundleJson: string) => void\n  /** If initQueryJson is set, it will be the Query used in the initial QueryBundleRequest */\n  initQueryJson?: string\n  tableConfiguration?: SynapseTableConfiguration\n  cardConfiguration?: CardConfiguration\n  searchConfiguration?: Omit<\n    SearchV2Props,\n    'queryContext' | 'queryVisualizationContext'\n  >\n  facetsToPlot?: string[]\n  availableFacets?: FacetFilterControlsProps['availableFacets']\n  initialExpandedFacetControls?: FacetFilterControlsProps['initialExpandedFacetControls']\n  customPlots?: QueryWrapperSynapsePlotProps[]\n  customControls?: CustomControl[]\n  defaultColumn?: string\n  defaultShowSearchBox?: boolean\n  lockedColumn?: QueryWrapperProps['lockedColumn']\n  initialLimit?: number\n  hideTopLevelControls?: boolean\n  /**\n   * When true, shows a `Show / Hide Query Builder` toggle in `TopLevelControls`.\n   * The QB and the facet nav are mutually exclusive — turning the QB on hides\n   * the facet nav entirely.\n   */\n  showQueryBuilderControl?: boolean\n  /**\n   * When true, the QB is shown by default. When `showQueryBuilderControl` is\n   * also true, the user can toggle it back off from `TopLevelControls`. When\n   * `showQueryBuilderControl` is false the QB is permanently displayed with\n   * no toggle button.\n   */\n  defaultShowQueryBuilder?: boolean\n} & Omit<TopLevelControlsProps, 'entityId'> &\n  Pick<QueryWrapperPlotNavCustomPlotParams, 'onCustomPlotClick'> &\n  Pick<\n    QueryWrapperProps,\n    | 'isRowSelectionVisible'\n    | 'rowSelectionPrimaryKey'\n    | 'isRowSelectionUIFloating'\n    | 'fileIdColumnName'\n    | 'fileNameColumnName'\n    | 'fileVersionColumnName'\n  > &\n  Pick<\n    QueryVisualizationWrapperProps,\n    | 'defaultShowPlots'\n    | 'visibleColumnCount'\n    | 'hiddenColumns'\n    | 'columnAliases'\n    | 'renderFacetValue'\n    | 'rgbIndex'\n    | 'showLastUpdatedOn'\n    | 'noContentPlaceholderType'\n    | 'unitDescription'\n    | 'additionalFiltersSessionStorageKey'\n    | 'helpConfiguration'\n    | 'hideCopyToClipboard'\n    | 'hideSearchBarControl'\n    | 'hideVisualizationsControl'\n    | 'enabledExternalAnalysisPlatforms'\n    | 'lockTextMatchesQueryFilterPill'\n  > &\n  Pick<QueryContextType, 'combineRangeFacetConfig'>\n\nexport type QueryWrapperPlotNavProps = QueryOrDeprecatedSearchParams &\n  PlotsContainerProps &\n  QueryWrapperPlotNavOwnProps\n\nexport type QueryWrapperPlotNavContentsProps = Pick<\n  QueryWrapperPlotNavProps,\n  | 'tableConfiguration'\n  | 'name'\n  | 'cardConfiguration'\n  | 'facetsToPlot'\n  | 'availableFacets'\n  | 'initialExpandedFacetControls'\n  | 'hideDownload'\n  | 'hideAddToDownloadListMenuItem'\n  | 'hideProgrammaticOptionsMenuItem'\n  | 'hideQueryCount'\n  | 'hideSqlEditorControl'\n  | 'hideVisualizationsControl'\n  | 'searchConfiguration'\n  | 'enabledExternalAnalysisPlatforms'\n  | 'cavaticaConnectAccountURL'\n  | 'customControls'\n  | 'customPlots'\n  | 'fileIdColumnName'\n  | 'fileNameColumnName'\n  | 'fileVersionColumnName'\n  | 'initialLimit'\n  | 'initialPlotTypeByFacetColumnName'\n  | 'hideTopLevelControls'\n  | 'showQueryBuilderControl'\n  | 'defaultShowQueryBuilder'\n> & {\n  isFullTextSearchEnabled: boolean\n  remount?: () => void\n}\n\nexport function QueryWrapperPlotNavContents(\n  props: QueryWrapperPlotNavContentsProps,\n) {\n  const {\n    tableConfiguration,\n    name,\n    cardConfiguration,\n    facetsToPlot,\n    availableFacets,\n    initialExpandedFacetControls,\n    hideDownload,\n    hideAddToDownloadListMenuItem,\n    hideProgrammaticOptionsMenuItem,\n    hideQueryCount,\n    hideSqlEditorControl,\n    hideVisualizationsControl,\n    searchConfiguration,\n    cavaticaConnectAccountURL,\n    customControls,\n    remount = () => {},\n    isFullTextSearchEnabled,\n    customPlots,\n    initialLimit,\n    initialPlotTypeByFacetColumnName,\n    hideTopLevelControls,\n    showQueryBuilderControl = false,\n    defaultShowQueryBuilder = false,\n  } = props\n  const queryContext = useQueryContext()\n  const [showExportMetadata, setShowExportMetadata] = useState(false)\n  const [showQueryBuilder, setShowQueryBuilder] = useState(\n    defaultShowQueryBuilder,\n  )\n  const [qbTree, setQbTree] = useState<QBGroup>(() => defaultQBGroup())\n  const [isConfirmingHideQb, setIsConfirmingHideQb] = useState(false)\n  const { hasFacetedSelectColumn: isFaceted, queryMetadataQueryOptions } =\n    queryContext\n  const { executeQueryRequest } = queryContext\n  const { isLoading: isLoadingQueryMetadata, data: queryMetadata } = useQuery(\n    queryMetadataQueryOptions,\n  )\n\n  // Facets ↔ QB transitions: switching FF → QB silently translates\n  // selectedFacets into the QB tree and swaps them for a FilterGroup in\n  // additionalFilters so results stay stable. Switching QB → FF prompts if\n  // the QB has meaningful state (a completed condition or an applied filter),\n  // since we can't losslessly reverse the translation.\n  const enterQueryBuilder = () => {\n    const selectedFacets = queryContext.currentQueryRequest.query.selectedFacets\n    if (selectedFacets && selectedFacets.length > 0) {\n      const translated = selectedFacetsToQBGroup(\n        selectedFacets,\n        queryMetadata?.columnModels,\n      )\n      const asFilter = qbNodeToApiFilter(translated)\n      setQbTree(translated)\n      executeQueryRequest(prev => ({\n        ...prev,\n        query: {\n          ...prev.query,\n          selectedFacets: undefined,\n          additionalFilters: asFilter\n            ? [\n                ...(prev.query.additionalFilters ?? []).filter(\n                  f => !isFilterGroup(f),\n                ),\n                asFilter,\n              ]\n            : prev.query.additionalFilters,\n        },\n      }))\n    }\n    setShowQueryBuilder(true)\n  }\n\n  const exitQueryBuilder = () => {\n    setQbTree(defaultQBGroup())\n    executeQueryRequest(prev => ({\n      ...prev,\n      query: {\n        ...prev.query,\n        additionalFilters: prev.query.additionalFilters?.filter(\n          f => !isFilterGroup(f),\n        ),\n      },\n    }))\n    setShowQueryBuilder(false)\n  }\n\n  const handleToggleQueryBuilder = () => {\n    if (!showQueryBuilder) {\n      enterQueryBuilder()\n      return\n    }\n    const hasFilterGroupApplied =\n      queryContext.currentQueryRequest.query.additionalFilters?.some(\n        isFilterGroup,\n      ) ?? false\n    if (hasCompleteCondition(qbTree) || hasFilterGroupApplied) {\n      setIsConfirmingHideQb(true)\n      return\n    }\n    exitQueryBuilder()\n  }\n\n  const isRowSelectionVisible = useAtomValue(isRowSelectionVisibleAtom)\n\n  const currentQueryRequest = queryContext.currentQueryRequest\n\n  const hasFacetsOrFilters =\n    (currentQueryRequest?.query.selectedFacets !== undefined &&\n      currentQueryRequest.query.selectedFacets.length > 0) ||\n    (currentQueryRequest?.query.additionalFilters !== undefined &&\n      currentQueryRequest?.query.additionalFilters.length > 0)\n\n  const addToDownloadListRequest =\n    useGetAddToDownloadListRequestForCurrentQuery()\n\n  return (\n    <QueryVisualizationContextConsumer>\n      {queryVisualizationContext => {\n        if (queryVisualizationContext === undefined) {\n          throw new Error(\n            'No queryVisualizationContext found when using QueryVisualizationContextConsumer',\n          )\n        }\n\n        return (\n          <Box\n            className={`QueryWrapperPlotNav ${\n              queryVisualizationContext.showFacetFilter && !showQueryBuilder\n                ? QUERY_FILTERS_EXPANDED_CSS\n                : QUERY_FILTERS_COLLAPSED_CSS\n            } ${isRowSelectionVisible ? HAS_SELECTED_ROWS_CSS : ''} ${\n              hideTopLevelControls ? 'isHidingTopLevelControls' : ''\n            } ${showQueryBuilder ? 'isShowingQueryBuilder' : ''}`}\n            sx={{\n              '*': {\n                cursor: isLoadingQueryMetadata ? 'wait' : undefined,\n              },\n            }}\n          >\n            <QueryWrapperErrorBoundary>\n              {isFullTextSearchEnabled ? (\n                <FullTextSearch ftsConfig={searchConfiguration?.ftsConfig} />\n              ) : (\n                <SearchV2\n                  {...searchConfiguration}\n                  queryContext={queryContext}\n                  queryVisualizationContext={queryVisualizationContext}\n                />\n              )}\n              <SqlEditor />\n              {queryVisualizationContext.showDownloadConfirmation && (\n                <AddToDownloadListConfirmationAlert\n                  addToDownloadListRequest={addToDownloadListRequest}\n                  onClose={() =>\n                    queryVisualizationContext.setShowDownloadConfirmation(false)\n                  }\n                />\n              )}\n              {!hideTopLevelControls && (\n                <SynapseErrorBoundary>\n                  <TopLevelControls\n                    showColumnSelection={tableConfiguration !== undefined}\n                    name={name}\n                    hideDownload={hideDownload}\n                    hideAddToDownloadListMenuItem={\n                      hideAddToDownloadListMenuItem\n                    }\n                    hideProgrammaticOptionsMenuItem={\n                      hideProgrammaticOptionsMenuItem\n                    }\n                    hideQueryCount={hideQueryCount}\n                    hideFacetFilterControl={!isFaceted || showQueryBuilder}\n                    hideVisualizationsControl={\n                      !isFaceted || hideVisualizationsControl\n                    }\n                    hideSqlEditorControl={hideSqlEditorControl}\n                    cavaticaConnectAccountURL={cavaticaConnectAccountURL}\n                    remount={remount}\n                    customControls={customControls}\n                    showQueryBuilderControl={showQueryBuilderControl}\n                    showQueryBuilder={showQueryBuilder}\n                    onToggleQueryBuilder={handleToggleQueryBuilder}\n                  />\n                </SynapseErrorBoundary>\n              )}\n              {showQueryBuilder ? (\n                <Suspense fallback={null}>\n                  <div className=\"QueryBuilderControls\">\n                    <QueryBuilderControls\n                      tree={qbTree}\n                      onTreeChange={setQbTree}\n                    />\n                  </div>\n                </Suspense>\n              ) : (\n                isFaceted && (\n                  <FacetFilterControls\n                    availableFacets={availableFacets}\n                    initialExpandedFacetControls={initialExpandedFacetControls}\n                  />\n                )\n              )}\n              {/* Isolated Suspense so that metadata loading does not hide the table */}\n              <Suspense fallback={null}>\n                <TotalQueryResults\n                  frontText={''}\n                  endText={hasFacetsOrFilters ? 'filtered by' : ''}\n                  hideIfUnfiltered={true}\n                />\n              </Suspense>\n              <CustomControls\n                customControls={customControls}\n                remount={remount}\n              />\n              <PlotsContainer\n                facetsToPlot={facetsToPlot}\n                customPlots={customPlots}\n                initialPlotTypeByFacetColumnName={\n                  initialPlotTypeByFacetColumnName\n                }\n              />\n              <RowSetView\n                tableConfiguration={tableConfiguration}\n                hideDownload={hideDownload}\n                cardConfiguration={cardConfiguration}\n                initialLimit={initialLimit}\n              />\n              {showExportMetadata && (\n                <ModalDownload\n                  getLastQueryRequest={queryContext?.getCurrentQueryRequest}\n                  onClose={() => setShowExportMetadata(false)}\n                />\n              )}\n              <ConfirmationDialog\n                open={isConfirmingHideQb}\n                title=\"Hide Query Builder?\"\n                content=\"Hiding the Query Builder will clear the conditions you've built. This can't be undone.\"\n                confirmButtonProps={{\n                  children: 'Hide Query Builder',\n                  color: 'error',\n                  variant: 'contained',\n                }}\n                onConfirm={() => {\n                  setIsConfirmingHideQb(false)\n                  exitQueryBuilder()\n                }}\n                onCancel={() => setIsConfirmingHideQb(false)}\n              />\n            </QueryWrapperErrorBoundary>\n          </Box>\n        )\n      }}\n    </QueryVisualizationContextConsumer>\n  )\n}\n\nexport default function QueryWrapperPlotNav(props: QueryWrapperPlotNavProps) {\n  const {\n    sql: deprecatedSql,\n    tableConfiguration,\n    isInfinite = !tableConfiguration,\n    limit = DEFAULT_PAGE_SIZE,\n    showLastUpdatedOn,\n    unitDescription,\n    additionalFiltersSessionStorageKey,\n    helpConfiguration,\n    customPlots,\n    enabledExternalAnalysisPlatforms,\n  } = props\n\n  const sql = props.query?.sql ?? deprecatedSql ?? ''\n  const { entityId, versionNumber } =\n    parseEntityIdAndVersionFromSqlStatement(sql)\n\n  const query: Query = useMemo(() => {\n    if (props.query) {\n      // use query if set\n      return props.query\n    } else if (props.initQueryJson) {\n      // Otherwise use initQueryJson\n      return JSON.parse(props.initQueryJson) as Query\n    } else {\n      // use the deprecated sql, searchParams, and sqlOperator\n      const additionalFilters = getAdditionalFilters(\n        props.searchParams,\n        props.sqlOperator,\n        additionalFiltersSessionStorageKey,\n      )\n      return {\n        sql: deprecatedSql!,\n        additionalFilters,\n        limit: limit,\n        offset: 0,\n      }\n    }\n  }, [\n    props.query,\n    props.initQueryJson,\n    props.searchParams,\n    props.sqlOperator,\n    additionalFiltersSessionStorageKey,\n    deprecatedSql,\n    limit,\n  ])\n\n  const [componentKey, setComponentKey] = useState(1)\n  const remount = () => {\n    setComponentKey(componentKey + 1)\n  }\n\n  const { data: entity } = useGetEntity(entityId, versionNumber)\n  const initQueryRequest: QueryBundleRequest = {\n    entityId: entityId ?? '',\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    partMask:\n      SynapseConstants.BUNDLE_MASK_QUERY_RESULTS |\n      SynapseConstants.BUNDLE_MASK_QUERY_COUNT |\n      SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS |\n      SynapseConstants.BUNDLE_MASK_QUERY_MAX_ROWS_PER_PAGE |\n      SynapseConstants.BUNDLE_MASK_QUERY_COLUMN_MODELS |\n      SynapseConstants.BUNDLE_MASK_QUERY_FACETS |\n      SynapseConstants.BUNDLE_MASK_SUM_FILES_SIZE_BYTES |\n      SynapseConstants.BUNDLE_MASK_LAST_UPDATED_ON,\n    query,\n  }\n  const isFullTextSearchEnabled =\n    (entity && isTable(entity) && entity.isSearchEnabled) ?? false\n\n  /**\n   * Fully re-render the uncontrolled QueryWrapper component when the initial query changes. This eliminates a class of\n   * bugs where our 'derived' state (the current query), which should be reset, is out of sync with props.\n   *\n   * See https://legacy.reactjs.org/blog/2018/06/07/you-probably-dont-need-derived-state.html#recommendation-fully-uncontrolled-component-with-a-key\n   */\n  const queryWrapperKey = `${JSON.stringify(initQueryRequest)}-${componentKey}`\n\n  return (\n    <QueryWrapper\n      {...props}\n      initQueryRequest={initQueryRequest}\n      key={queryWrapperKey}\n      isInfinite={isInfinite}\n    >\n      <Suspense fallback={<QueryWrapperLoadingScreen />}>\n        <QueryVisualizationWrapper\n          unitDescription={unitDescription}\n          rgbIndex={props.rgbIndex}\n          columnAliases={props.columnAliases}\n          renderFacetValue={props.renderFacetValue}\n          dataUseModifiersColumnName={\n            props.cardConfiguration?.genericCardSchema\n              ?.dataUseModifiersColumnName\n          }\n          helpConfiguration={helpConfiguration}\n          visibleColumnCount={props.visibleColumnCount}\n          hiddenColumns={props.hiddenColumns}\n          defaultShowPlots={props.defaultShowPlots}\n          hideCopyToClipboard={props.hideCopyToClipboard}\n          defaultShowSearchBar={\n            (props.defaultShowSearchBox || isFullTextSearchEnabled) &&\n            !props.hideSearchBarControl\n          }\n          lockTextMatchesQueryFilterPill={props.lockTextMatchesQueryFilterPill}\n          hideSearchBarControl={props.hideSearchBarControl}\n          showLastUpdatedOn={showLastUpdatedOn}\n          noContentPlaceholderType={NoContentPlaceholderType.INTERACTIVE}\n          hasCustomPlots={Array.isArray(customPlots) && customPlots.length > 0}\n          enabledExternalAnalysisPlatforms={enabledExternalAnalysisPlatforms}\n        >\n          <QueryWrapperPlotNavContents\n            {...props}\n            isFullTextSearchEnabled={isFullTextSearchEnabled}\n            remount={remount}\n          />\n        </QueryVisualizationWrapper>\n      </Suspense>\n    </QueryWrapper>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuEA,IAAM,KAAuB,QAC3B,OAAO,2CAAwC,MAAK,OAAW,EAC7D,SAAS,EAAO,qBAClB,EAAE,CACJ,GAEa,IAAqC,yBACrC,IAAsC,wBAEtC,IAAgC;AA8G7C,SAAgB,EACd,GACA;CACA,IAAM,EACJ,uBACA,SACA,sBACA,iBACA,oBACA,iCACA,iBACA,kCACA,oCACA,mBACA,yBACA,8BACA,wBACA,+BACA,mBACA,mBAAgB,CAAC,GACjB,6BACA,iBACA,kBACA,sCACA,yBACA,8BAA0B,IAC1B,8BAA0B,OACxB,GACE,IAAe,EAAgB,GAC/B,CAAC,IAAoB,MAAyB,EAAS,EAAK,GAC5D,CAAC,GAAkB,KAAuB,EAC9C,EACF,GACM,CAAC,GAAQ,KAAa,QAAwB,EAAe,CAAC,GAC9D,CAAC,IAAoB,KAAyB,EAAS,EAAK,GAC5D,EAAE,wBAAwB,GAAW,kCACzC,GACI,EAAE,2BAAwB,GAC1B,EAAE,WAAW,IAAwB,MAAM,OAAkB,GACjE,EACF,GAOM,WAA0B;EAC9B,IAAM,IAAiB,EAAa,oBAAoB,MAAM;EAC9D,IAAI,KAAkB,EAAe,SAAS,GAAG;GAC/C,IAAM,IAAa,GACjB,GACA,IAAe,YACjB,GACM,IAAW,GAAkB,CAAU;GAE7C,AADA,EAAU,CAAU,GACpB,GAAoB,OAAS;IAC3B,GAAG;IACH,OAAO;KACL,GAAG,EAAK;KACR,gBAAgB,KAAA;KAChB,mBAAmB,IACf,CACE,IAAI,EAAK,MAAM,qBAAqB,CAAC,GAAG,QACtC,MAAK,CAAC,EAAc,CAAC,CACvB,GACA,CACF,IACA,EAAK,MAAM;IACjB;GACF,EAAE;EACJ;EACA,EAAoB,EAAI;CAC1B,GAEM,UAAyB;EAW7B,AAVA,EAAU,EAAe,CAAC,GAC1B,GAAoB,OAAS;GAC3B,GAAG;GACH,OAAO;IACL,GAAG,EAAK;IACR,mBAAmB,EAAK,MAAM,mBAAmB,QAC/C,MAAK,CAAC,EAAc,CAAC,CACvB;GACF;EACF,EAAE,GACF,EAAoB,EAAK;CAC3B,GAEM,WAAiC;EACrC,IAAI,CAAC,GAAkB;GACrB,GAAkB;GAClB;EACF;EACA,IAAM,IACJ,EAAa,oBAAoB,MAAM,mBAAmB,KACxD,CACF,KAAK;EACP,IAAI,EAAqB,CAAM,KAAK,GAAuB;GACzD,EAAsB,EAAI;GAC1B;EACF;EACA,EAAiB;CACnB,GAEM,KAAwB,GAAa,CAAyB,GAE9D,IAAsB,EAAa,qBAEnC,KACH,GAAqB,MAAM,mBAAmB,KAAA,KAC7C,EAAoB,MAAM,eAAe,SAAS,KACnD,GAAqB,MAAM,sBAAsB,KAAA,KAChD,GAAqB,MAAM,kBAAkB,SAAS,GAEpD,KACJ,EAA8C;CAEhD,OACE,kBAAC,GAAD,EAAA,WACG,MAA6B;EAC5B,IAAI,MAA8B,KAAA,GAChC,MAAU,MACR,iFACF;EAGF,OACE,kBAAC,IAAD;GACE,WAAW,uBACT,EAA0B,mBAAmB,CAAC,IAC1C,IACA,EACL,GAAG,KAAwB,IAAwB,GAAG,GACrD,IAAuB,6BAA6B,GACrD,GAAG,IAAmB,0BAA0B;GACjD,IAAI,EACF,KAAK,EACH,QAAQ,KAAyB,SAAS,KAAA,EAC5C,EACF;aAEA,mBAAC,GAAD,EAAA,UAAA;IACG,KACC,kBAAC,GAAD,EAAgB,WAAW,GAAqB,UAAY,CAAA,IAE5D,kBAAC,GAAD;KACE,GAAI;KACU;KACa;IAC5B,CAAA;IAEH,kBAAC,GAAD,CAAY,CAAA;IACX,EAA0B,4BACzB,kBAAC,GAAD;KAC4B;KAC1B,eACE,EAA0B,4BAA4B,EAAK;IAE9D,CAAA;IAEF,CAAC,KACA,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;KACE,qBAAqB,MAAuB,KAAA;KACtC;KACQ;KAEZ;KAGA;KAEc;KAChB,wBAAwB,CAAC,KAAa;KACtC,2BACE,CAAC,KAAa;KAEM;KACK;KAClB;KACO;KACS;KACP;KAClB,sBAAsB;IACvB,CAAA,EACmB,CAAA;IAEvB,IACC,kBAAC,GAAD;KAAU,UAAU;eAClB,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,IAAD;OACE,MAAM;OACN,cAAc;MACf,CAAA;KACE,CAAA;IACG,CAAA,IAEV,KACE,kBAAC,GAAD;KACmB;KACa;IAC/B,CAAA;IAIL,kBAAC,GAAD;KAAU,UAAU;eAClB,kBAAC,GAAD;MACE,WAAW;MACX,SAAS,KAAqB,gBAAgB;MAC9C,kBAAkB;KACnB,CAAA;IACO,CAAA;IACV,kBAAC,GAAD;KACkB;KACP;IACV,CAAA;IACD,kBAAC,GAAD;KACgB;KACD;KAEX;IAEH,CAAA;IACD,kBAAC,GAAD;KACsB;KACN;KACK;KACL;IACf,CAAA;IACA,MACC,kBAAC,GAAD;KACE,qBAAqB,GAAc;KACnC,eAAe,GAAsB,EAAK;IAC3C,CAAA;IAEH,kBAAC,GAAD;KACE,MAAM;KACN,OAAM;KACN,SAAQ;KACR,oBAAoB;MAClB,UAAU;MACV,OAAO;MACP,SAAS;KACX;KACA,iBAAiB;MAEf,AADA,EAAsB,EAAK,GAC3B,EAAiB;KACnB;KACA,gBAAgB,EAAsB,EAAK;IAC5C,CAAA;GACwB,EAAA,CAAA;EACxB,CAAA;CAET,EACiC,CAAA;AAEvC;AAEA,SAAwB,EAAoB,GAAiC;CAC3E,IAAM,EACJ,KAAK,GACL,uBACA,gBAAa,CAAC,GACd,WAAA,IACA,sBACA,oBACA,uCACA,sBACA,gBACA,wCACE,GAGE,EAAE,aAAU,qBAChB,EAFU,EAAM,OAAO,OAAO,KAAiB,EAEJ,GAEvC,IAAe,QACf,EAAM,QAED,EAAM,QACJ,EAAM,gBAER,KAAK,MAAM,EAAM,aAAa,IAQ9B;EACL,KAAK;EACL,mBAPwB,EACxB,EAAM,cACN,EAAM,aACN,CAIA;EACO;EACP,QAAQ;CACV,GAED;EACD,EAAM;EACN,EAAM;EACN,EAAM;EACN,EAAM;EACN;EACA;EACA;CACF,CAAC,GAEK,CAAC,GAAc,KAAmB,EAAS,CAAC,GAC5C,UAAgB;EACpB,EAAgB,IAAe,CAAC;CAClC,GAEM,EAAE,MAAM,MAAW,EAAa,GAAU,CAAa,GACvD,IAAuC;EAC3C,UAAU,KAAY;EACtB,cAAc;EACd,UACE;EAQF;CACF,GACM,KACH,KAAU,EAAQ,CAAM,KAAK,EAAO,oBAAoB,IAQrD,IAAkB,GAAG,KAAK,UAAU,CAAgB,EAAE,GAAG;CAE/D,OACE,kBAAC,GAAD;EACE,GAAI;EACc;EAClB,KAAK;EACO;CAmCA,GAjCZ,kBAAC,GAAD;EAAU,UAAU,kBAAC,GAAD,CAA4B,CAAA;YAC9C,kBAAC,GAAD;GACmB;GACjB,UAAU,EAAM;GAChB,eAAe,EAAM;GACrB,kBAAkB,EAAM;GACxB,4BACE,EAAM,mBAAmB,mBACrB;GAEa;GACnB,oBAAoB,EAAM;GAC1B,eAAe,EAAM;GACrB,kBAAkB,EAAM;GACxB,qBAAqB,EAAM;GAC3B,uBACG,EAAM,wBAAwB,MAC/B,CAAC,EAAM;GAET,gCAAgC,EAAM;GACtC,sBAAsB,EAAM;GACT;GACnB,0BAA0B,EAAyB;GACnD,gBAAgB,MAAM,QAAQ,CAAW,KAAK,EAAY,SAAS;GACjC;aAElC,kBAAC,GAAD;IACE,GAAI;IACqB;IAChB;GACV,CAAA;EACwB,CAAA;CACnB,CAAA,CACE;AAElB"}

package/dist/components/RssFeedCards/RssFeedCards.d.ts

@@ -11,6 +11,7 @@ export type RssFeedCardsProps = {
     mailChimpListName?: string;
     mailChimpUrl?: string;
     viewAllNewsButtonText?: string;
+    hideDate?: boolean;
 };
 export declare function RssFeedCards(props: RssFeedCardsProps): import("react/jsx-runtime").JSX.Element;
 export default RssFeedCards;

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

@@ -1 +1 @@
-{"version":3,"file":"RssFeedCards.d.ts","sourceRoot":"","sources":["../../../src/components/RssFeedCards/RssFeedCards.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAA0B,MAAM,uBAAuB,CAAA;AAK3E,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,CAAC,EAAE,KAAK,GAAG,UAAU,CAAA;IACzB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,WAAW,EAAE,MAAM,CAAA;IACnB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,qBAAqB,CAAC,EAAE,MAAM,CAAA;CAC/B,CAAA;AAuBD,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CA6IpD;AAED,eAAe,YAAY,CAAA;AAE3B;;;GAGG;AACH,wBAAsB,eAAe,CACnC,WAAW,EAAE,WAAW,EACxB,GAAG,EAAE,MAAM,EACX,MAAM,CAAC,EAAE,SAAS,GACjB,OAAO,CAAC,IAAI,CAAC,CAGf"}
+{"version":3,"file":"RssFeedCards.d.ts","sourceRoot":"","sources":["../../../src/components/RssFeedCards/RssFeedCards.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAA0B,MAAM,uBAAuB,CAAA;AAK3E,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,CAAC,EAAE,KAAK,GAAG,UAAU,CAAA;IACzB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,WAAW,EAAE,MAAM,CAAA;IACnB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAuBD,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAgJpD;AAED,eAAe,YAAY,CAAA;AAE3B;;;GAGG;AACH,wBAAsB,eAAe,CACnC,WAAW,EAAE,WAAW,EACxB,GAAG,EAAE,MAAM,EACX,MAAM,CAAC,EAAE,SAAS,GACjB,OAAO,CAAC,IAAI,CAAC,CAGf"}

package/dist/components/RssFeedCards/RssFeedCards.js

@@ -23,8 +23,8 @@ function m(e) {
 	});
 }
 function h(s) {
-	let { url: d, filter: f, itemsToShow: h, allowCategories: g, mailChimpListName: _, mailChimpUrl: v, viewAllNewsButtonText: y } = s, { allItemsUrl: b, feedUrl: x } = p(d, f), { data: S, isError: C } = c(m(x)), [w, T] = r(!1);
-	return S?.items?.length === 0 ? /* @__PURE__ */ o("div", {
+	let { url: d, filter: f, itemsToShow: h, allowCategories: g, mailChimpListName: _, mailChimpUrl: v, viewAllNewsButtonText: y, hideDate: b } = s, { allItemsUrl: x, feedUrl: S } = p(d, f), { data: C, isError: w } = c(m(S)), [T, E] = r(!1);
+	return C?.items?.length === 0 ? /* @__PURE__ */ o("div", {
 		className: "text-center SRCBorderedPanel SRCBorderedPanel--padded2x",
 		children: [e, /* @__PURE__ */ a("div", {
 			style: {
@@ -35,11 +35,11 @@ function h(s) {
 		})]
 	}) : /* @__PURE__ */ o(i, { children: [v && /* @__PURE__ */ o("div", {
 		className: "FeedSubscribe",
-		children: [!w && /* @__PURE__ */ o("a", {
+		children: [!T && /* @__PURE__ */ o("a", {
 			className: "FeedSubscribeToNewsLink SRC-no-border-bottom-imp",
-			onClick: () => T(!0),
+			onClick: () => E(!0),
 			children: [/* @__PURE__ */ a(n, { title: "Subscribe to News" }), "Subscribe to News"]
-		}), w && /* @__PURE__ */ o("div", {
+		}), T && /* @__PURE__ */ o("div", {
 			className: "MailchimpSubscribeContainer",
 			children: [
 				/* @__PURE__ */ a(n, { title: "Subscribe to News" }),
@@ -59,7 +59,7 @@ function h(s) {
 		children: [
 			/* @__PURE__ */ a("div", {
 				className: "FeedItems",
-				children: S?.items && S.items.map((e, t) => {
+				children: C?.items && C.items.map((e, t) => {
 					if (!(t >= h)) return /* @__PURE__ */ a("div", {
 						className: "FeedItem",
 						children: /* @__PURE__ */ o("div", { children: [
@@ -68,7 +68,7 @@ function h(s) {
 								children: e.categories?.map((t) => {
 									let n = t.toLowerCase();
 									return g?.findIndex((e) => n === e.toLowerCase()) === -1 ? null : /* @__PURE__ */ a("a", {
-										href: `${S.link}/tag/${t.replace(" ", "-")}`,
+										href: `${C.link}/tag/${t.replace(" ", "-")}`,
 										className: "SRC-no-border-bottom-imp",
 										target: "_blank",
 										rel: "noopener noreferrer",
@@ -79,7 +79,7 @@ function h(s) {
 									}, `${e.guid}_${t}`);
 								})
 							}),
-							/* @__PURE__ */ a("p", {
+							!b && /* @__PURE__ */ a("p", {
 								className: "FeedItemDate",
 								children: l(e.isoDate).format("MMMM YYYY")
 							}),
@@ -102,17 +102,17 @@ function h(s) {
 					}, e.guid);
 				})
 			}),
-			S?.items && S.items.length > h && b && /* @__PURE__ */ a("div", {
+			C?.items && C.items.length > h && x && /* @__PURE__ */ a("div", {
 				className: "FeedViewAllNewsButtonContainer",
 				children: /* @__PURE__ */ a(t, {
 					color: "secondary",
 					variant: "contained",
-					onClick: () => window.open(b, "_blank", "noopener"),
+					onClick: () => window.open(x, "_blank", "noopener"),
 					target: "_blank",
 					children: y ?? "View All News"
 				})
 			}),
-			C && /* @__PURE__ */ o("div", { children: ["Unable to load feed: ", d] })
+			w && /* @__PURE__ */ o("div", { children: ["Unable to load feed: ", d] })
 		]
 	})] });
 }

package/dist/components/RssFeedCards/RssFeedCards.js.map

@@ -1 +1 @@
-{"version":3,"file":"RssFeedCards.js","names":[],"sources":["../../../src/components/RssFeedCards/RssFeedCards.tsx"],"sourcesContent":["import NoData from '@/assets/icons/NoData'\nimport { ReactComponent as SubscribePlus } from '@/assets/icons/subscribe_plus.svg'\nimport LargeButton from '@/components/styled/LargeButton'\nimport dayjs from 'dayjs'\nimport MailchimpSubscribe from 'react-mailchimp-subscribe'\nimport Parser from 'rss-parser'\nimport { QueryClient, queryOptions, useQuery } from '@tanstack/react-query'\nimport { useState } from 'react'\n\nconst rssParser = new Parser()\n\nexport type RssFilter = {\n  type?: 'tag' | 'category'\n  value: string\n}\n\nexport type RssFeedCardsProps = {\n  url: string\n  filter?: RssFilter // optional tag or category to use as a filter\n  itemsToShow: number\n  allowCategories?: string[]\n  mailChimpListName?: string\n  mailChimpUrl?: string\n  viewAllNewsButtonText?: string\n}\n\nfunction buildRssFeedUrl(url: string, filter?: RssFilter) {\n  const filterValue = filter?.value\n  const filterType = filter?.type\n  const tagPath = filterValue\n    ? `/${filterType ?? 'tag'}/${filterValue.replace(' ', '-')}`\n    : ''\n  const allItemsUrl = `${url}${tagPath}`\n  const feedUrl = `${allItemsUrl}/?feed=rss2`\n  return { allItemsUrl, feedUrl }\n}\n\nfunction getRssFeedQueryOptions(feedUrl: string) {\n  return queryOptions({\n    queryKey: ['rssFeed', feedUrl],\n    queryFn: () =>\n      fetch(feedUrl)\n        .then(response => response.text())\n        .then(responseData => rssParser.parseString(responseData)),\n  })\n}\n\nexport function RssFeedCards(props: RssFeedCardsProps) {\n  const {\n    url,\n    filter,\n    itemsToShow,\n    allowCategories,\n    mailChimpListName,\n    mailChimpUrl,\n    viewAllNewsButtonText,\n  } = props\n\n  const { allItemsUrl, feedUrl } = buildRssFeedUrl(url, filter)\n\n  const { data: rssFeed, isError } = useQuery(getRssFeedQueryOptions(feedUrl))\n\n  const [isShowingSubscribeUI, setIsShowingSubscribeUI] = useState(false)\n\n  if (rssFeed?.items?.length === 0) {\n    return (\n      <div className=\"text-center SRCBorderedPanel SRCBorderedPanel--padded2x\">\n        {NoData}\n        <div style={{ marginTop: '20px', fontStyle: 'italic' }}>\n          There are no items currently available\n        </div>\n      </div>\n    )\n  }\n  return (\n    <>\n      {mailChimpUrl && (\n        <div className=\"FeedSubscribe\">\n          {!isShowingSubscribeUI && (\n            <a\n              className=\"FeedSubscribeToNewsLink SRC-no-border-bottom-imp\"\n              onClick={() => setIsShowingSubscribeUI(true)}\n            >\n              <SubscribePlus title=\"Subscribe to News\" />\n              Subscribe to News\n            </a>\n          )}\n          {isShowingSubscribeUI && (\n            <div className=\"MailchimpSubscribeContainer\">\n              <SubscribePlus title=\"Subscribe to News\" />\n              <p>\n                Subscribe to receive the {mailChimpListName} by e-mail, which\n                provides information and updates related to the Portal. You can\n                opt out at any time by using the unsubscribe link within the\n                e-mail. We will not share your information with any third\n                parties or use it for any other purposes.\n              </p>\n              <div className=\"SRC-marginBottomTop\">\n                <MailchimpSubscribe url={mailChimpUrl} />\n              </div>\n            </div>\n          )}\n        </div>\n      )}\n      <div className=\"Feed\">\n        <div className=\"FeedItems\">\n          {rssFeed?.items &&\n            rssFeed.items.map((item, index) => {\n              // The other is to hide the large number of items in a particular feed (usually a max of 10 are returned).  See state.isShowingMoreItems\n              if (index >= itemsToShow) {\n                return\n              }\n\n              return (\n                <div key={item.guid} className={`FeedItem`}>\n                  <div>\n                    {allowCategories && allowCategories.length > 0 && (\n                      <div className=\"FeedItemCategories\">\n                        {item.categories?.map((categoryName: string) => {\n                          // are we allowed to show this category/tag?\n                          const categoryNameLowerCase =\n                            categoryName.toLowerCase()\n                          if (\n                            allowCategories?.findIndex(\n                              item =>\n                                categoryNameLowerCase === item.toLowerCase(),\n                            ) === -1\n                          )\n                            return null\n                          // else\n                          return (\n                            <a\n                              href={`${rssFeed.link}/tag/${categoryName.replace(\n                                ' ',\n                                '-',\n                              )}`}\n                              className=\"SRC-no-border-bottom-imp\"\n                              key={`${item.guid}_${categoryName}`}\n                              target=\"_blank\"\n                              rel=\"noopener noreferrer\"\n                            >\n                              <div className=\"FeedItemCategory\">\n                                {categoryName}\n                              </div>\n                            </a>\n                          )\n                        })}\n                      </div>\n                    )}\n                    <p className=\"FeedItemDate\">\n                      {dayjs(item.isoDate).format('MMMM YYYY')}\n                    </p>\n                    <p className=\"FeedItemTitle\">{item.title}</p>\n                    <div className=\"FeedItemDescription\">\n                      {item.contentSnippet?.replace(/\\[...\\]|\\[…\\]/gm, '…')}\n                    </div>\n                    <a\n                      className=\"FeedItemLink\"\n                      href={item.link}\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\"\n                    >\n                      Continue reading\n                    </a>\n                  </div>\n                </div>\n              )\n            })}\n        </div>\n        {rssFeed?.items &&\n          rssFeed.items.length > itemsToShow &&\n          allItemsUrl && (\n            <div className=\"FeedViewAllNewsButtonContainer\">\n              <LargeButton\n                color=\"secondary\"\n                variant=\"contained\"\n                onClick={() => window.open(allItemsUrl, '_blank', 'noopener')}\n                // @ts-expect-error - target prop exists, but TS doesn't recognize on styled component\n                target=\"_blank\"\n              >\n                {viewAllNewsButtonText ?? 'View All News'}\n              </LargeButton>\n            </div>\n          )}\n        {isError && <div>Unable to load feed: {url}</div>}\n      </div>\n    </>\n  )\n}\n\nexport default RssFeedCards\n\n/**\n * Prefetches the RSS feed into a QueryClient for use with HydrationBoundary.\n * Uses the same query key as the RssFeedCards component.\n */\nexport async function prefetchRssFeed(\n  queryClient: QueryClient,\n  url: string,\n  filter?: RssFilter,\n): Promise<void> {\n  const { feedUrl } = buildRssFeedUrl(url, filter)\n  await queryClient.prefetchQuery(getRssFeedQueryOptions(feedUrl))\n}\n"],"mappings":"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"}
+{"version":3,"file":"RssFeedCards.js","names":[],"sources":["../../../src/components/RssFeedCards/RssFeedCards.tsx"],"sourcesContent":["import NoData from '@/assets/icons/NoData'\nimport { ReactComponent as SubscribePlus } from '@/assets/icons/subscribe_plus.svg'\nimport LargeButton from '@/components/styled/LargeButton'\nimport dayjs from 'dayjs'\nimport MailchimpSubscribe from 'react-mailchimp-subscribe'\nimport Parser from 'rss-parser'\nimport { QueryClient, queryOptions, useQuery } from '@tanstack/react-query'\nimport { useState } from 'react'\n\nconst rssParser = new Parser()\n\nexport type RssFilter = {\n  type?: 'tag' | 'category'\n  value: string\n}\n\nexport type RssFeedCardsProps = {\n  url: string\n  filter?: RssFilter // optional tag or category to use as a filter\n  itemsToShow: number\n  allowCategories?: string[]\n  mailChimpListName?: string\n  mailChimpUrl?: string\n  viewAllNewsButtonText?: string\n  hideDate?: boolean\n}\n\nfunction buildRssFeedUrl(url: string, filter?: RssFilter) {\n  const filterValue = filter?.value\n  const filterType = filter?.type\n  const tagPath = filterValue\n    ? `/${filterType ?? 'tag'}/${filterValue.replace(' ', '-')}`\n    : ''\n  const allItemsUrl = `${url}${tagPath}`\n  const feedUrl = `${allItemsUrl}/?feed=rss2`\n  return { allItemsUrl, feedUrl }\n}\n\nfunction getRssFeedQueryOptions(feedUrl: string) {\n  return queryOptions({\n    queryKey: ['rssFeed', feedUrl],\n    queryFn: () =>\n      fetch(feedUrl)\n        .then(response => response.text())\n        .then(responseData => rssParser.parseString(responseData)),\n  })\n}\n\nexport function RssFeedCards(props: RssFeedCardsProps) {\n  const {\n    url,\n    filter,\n    itemsToShow,\n    allowCategories,\n    mailChimpListName,\n    mailChimpUrl,\n    viewAllNewsButtonText,\n    hideDate,\n  } = props\n\n  const { allItemsUrl, feedUrl } = buildRssFeedUrl(url, filter)\n\n  const { data: rssFeed, isError } = useQuery(getRssFeedQueryOptions(feedUrl))\n\n  const [isShowingSubscribeUI, setIsShowingSubscribeUI] = useState(false)\n\n  if (rssFeed?.items?.length === 0) {\n    return (\n      <div className=\"text-center SRCBorderedPanel SRCBorderedPanel--padded2x\">\n        {NoData}\n        <div style={{ marginTop: '20px', fontStyle: 'italic' }}>\n          There are no items currently available\n        </div>\n      </div>\n    )\n  }\n  return (\n    <>\n      {mailChimpUrl && (\n        <div className=\"FeedSubscribe\">\n          {!isShowingSubscribeUI && (\n            <a\n              className=\"FeedSubscribeToNewsLink SRC-no-border-bottom-imp\"\n              onClick={() => setIsShowingSubscribeUI(true)}\n            >\n              <SubscribePlus title=\"Subscribe to News\" />\n              Subscribe to News\n            </a>\n          )}\n          {isShowingSubscribeUI && (\n            <div className=\"MailchimpSubscribeContainer\">\n              <SubscribePlus title=\"Subscribe to News\" />\n              <p>\n                Subscribe to receive the {mailChimpListName} by e-mail, which\n                provides information and updates related to the Portal. You can\n                opt out at any time by using the unsubscribe link within the\n                e-mail. We will not share your information with any third\n                parties or use it for any other purposes.\n              </p>\n              <div className=\"SRC-marginBottomTop\">\n                <MailchimpSubscribe url={mailChimpUrl} />\n              </div>\n            </div>\n          )}\n        </div>\n      )}\n      <div className=\"Feed\">\n        <div className=\"FeedItems\">\n          {rssFeed?.items &&\n            rssFeed.items.map((item, index) => {\n              // The other is to hide the large number of items in a particular feed (usually a max of 10 are returned).  See state.isShowingMoreItems\n              if (index >= itemsToShow) {\n                return\n              }\n\n              return (\n                <div key={item.guid} className={`FeedItem`}>\n                  <div>\n                    {allowCategories && allowCategories.length > 0 && (\n                      <div className=\"FeedItemCategories\">\n                        {item.categories?.map((categoryName: string) => {\n                          // are we allowed to show this category/tag?\n                          const categoryNameLowerCase =\n                            categoryName.toLowerCase()\n                          if (\n                            allowCategories?.findIndex(\n                              item =>\n                                categoryNameLowerCase === item.toLowerCase(),\n                            ) === -1\n                          )\n                            return null\n                          // else\n                          return (\n                            <a\n                              href={`${rssFeed.link}/tag/${categoryName.replace(\n                                ' ',\n                                '-',\n                              )}`}\n                              className=\"SRC-no-border-bottom-imp\"\n                              key={`${item.guid}_${categoryName}`}\n                              target=\"_blank\"\n                              rel=\"noopener noreferrer\"\n                            >\n                              <div className=\"FeedItemCategory\">\n                                {categoryName}\n                              </div>\n                            </a>\n                          )\n                        })}\n                      </div>\n                    )}\n                    {!hideDate && (\n                      <p className=\"FeedItemDate\">\n                        {dayjs(item.isoDate).format('MMMM YYYY')}\n                      </p>\n                    )}\n                    <p className=\"FeedItemTitle\">{item.title}</p>\n                    <div className=\"FeedItemDescription\">\n                      {item.contentSnippet?.replace(/\\[...\\]|\\[…\\]/gm, '…')}\n                    </div>\n                    <a\n                      className=\"FeedItemLink\"\n                      href={item.link}\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\"\n                    >\n                      Continue reading\n                    </a>\n                  </div>\n                </div>\n              )\n            })}\n        </div>\n        {rssFeed?.items &&\n          rssFeed.items.length > itemsToShow &&\n          allItemsUrl && (\n            <div className=\"FeedViewAllNewsButtonContainer\">\n              <LargeButton\n                color=\"secondary\"\n                variant=\"contained\"\n                onClick={() => window.open(allItemsUrl, '_blank', 'noopener')}\n                // @ts-expect-error - target prop exists, but TS doesn't recognize on styled component\n                target=\"_blank\"\n              >\n                {viewAllNewsButtonText ?? 'View All News'}\n              </LargeButton>\n            </div>\n          )}\n        {isError && <div>Unable to load feed: {url}</div>}\n      </div>\n    </>\n  )\n}\n\nexport default RssFeedCards\n\n/**\n * Prefetches the RSS feed into a QueryClient for use with HydrationBoundary.\n * Uses the same query key as the RssFeedCards component.\n */\nexport async function prefetchRssFeed(\n  queryClient: QueryClient,\n  url: string,\n  filter?: RssFilter,\n): Promise<void> {\n  const { feedUrl } = buildRssFeedUrl(url, filter)\n  await queryClient.prefetchQuery(getRssFeedQueryOptions(feedUrl))\n}\n"],"mappings":"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"}

package/dist/components/SynapseChat/SynapseChat.d.ts

@@ -29,7 +29,13 @@ export type SynapseChatProps = {
      * @default false
      */
     allowAttachments?: boolean;
+    /**
+     * Invoked when creating the agent session fails because the current (anonymous) user is not
+     * authorized to start a session with this agent. Callers should use this to prompt the user to
+     * log in. When omitted, the session creation error is shown inline instead.
+     */
+    onSessionCreationUnauthenticated?: () => void;
 };
-export declare function SynapseChat({ initialMessage, agentRegistrationId, chatbotName, variant, agentAvatar, hideTitle, textboxPositionOffset, sessionContext, externalSession, setExternalSession, externalChatState, showAccessLevelMenu, onChatResponse, suggestedPrompts, allowAttachments, }: SynapseChatProps): import("react/jsx-runtime").JSX.Element;
+export declare function SynapseChat({ initialMessage, agentRegistrationId, chatbotName, variant, agentAvatar, hideTitle, textboxPositionOffset, sessionContext, externalSession, setExternalSession, externalChatState, showAccessLevelMenu, onChatResponse, suggestedPrompts, allowAttachments, onSessionCreationUnauthenticated, }: SynapseChatProps): import("react/jsx-runtime").JSX.Element;
 export default SynapseChat;
 //# sourceMappingURL=SynapseChat.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SynapseChat.d.ts","sourceRoot":"","sources":["../../../src/components/SynapseChat/SynapseChat.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAgB,MAAM,uCAAuC,CAAA;AAe/E,OAAO,EACL,YAAY,EAEZ,uBAAuB,EACxB,MAAM,kCAAkC,CAAA;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AAsDlE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAE9B,cAAc,CAAC,EAAE,uBAAuB,CAAA;IAExC,eAAe,CAAC,EAAE,YAAY,CAAA;IAE9B,kBAAkB,CAAC,EAAE,CAAC,CAAC,EAAE,YAAY,GAAG,SAAS,KAAK,IAAI,CAAA;IAE1D,iBAAiB,CAAC,EAAE,SAAS,CAAA;IAE7B,uBAAuB,CAAC,EAAE,gBAAgB,CAAA;IAE1C,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/C,wFAAwF;IACxF,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC3B,mDAAmD;IACnD,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B,CAAA;AAED,wBAAgB,WAAW,CAAC,EAC1B,cAAc,EACd,mBAAmB,EACnB,WAA2B,EAC3B,OAAmB,EACnB,WAAW,EACX,SAAiB,EACjB,qBAA6B,EAC7B,cAAc,EACd,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,mBAA0B,EAC1B,cAAc,EACd,gBAAgB,EAChB,gBAAwB,GACzB,EAAE,gBAAgB,2CAmTlB;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"SynapseChat.d.ts","sourceRoot":"","sources":["../../../src/components/SynapseChat/SynapseChat.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAgB,MAAM,uCAAuC,CAAA;AAe/E,OAAO,EACL,YAAY,EAEZ,uBAAuB,EACxB,MAAM,kCAAkC,CAAA;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AAsDlE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAE9B,cAAc,CAAC,EAAE,uBAAuB,CAAA;IAExC,eAAe,CAAC,EAAE,YAAY,CAAA;IAE9B,kBAAkB,CAAC,EAAE,CAAC,CAAC,EAAE,YAAY,GAAG,SAAS,KAAK,IAAI,CAAA;IAE1D,iBAAiB,CAAC,EAAE,SAAS,CAAA;IAE7B,uBAAuB,CAAC,EAAE,gBAAgB,CAAA;IAE1C,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/C,wFAAwF;IACxF,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC3B,mDAAmD;IACnD,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B;;;;OAIG;IACH,gCAAgC,CAAC,EAAE,MAAM,IAAI,CAAA;CAC9C,CAAA;AAED,wBAAgB,WAAW,CAAC,EAC1B,cAAc,EACd,mBAAmB,EACnB,WAA2B,EAC3B,OAAmB,EACnB,WAAW,EACX,SAAiB,EACjB,qBAA6B,EAC7B,cAAc,EACd,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,mBAA0B,EAC1B,cAAc,EACd,gBAAgB,EAChB,gBAAwB,EACxB,gCAAgC,GACjC,EAAE,gBAAgB,2CAmUlB;AAED,eAAe,WAAW,CAAA"}

package/dist/components/SynapseChat/SynapseChat.js

@@ -6,25 +6,25 @@ import "../../utils/AppUtils/index.js";
 import "../../utils/index.js";
 import { SkeletonParagraph as ee } from "../Skeleton/SkeletonParagraph.js";
 import "../Skeleton/index.js";
-import { UserCard as r } from "../UserCard/UserCard.js";
-import { useCreateAgentSession as i, useUpdateAgentSession as a } from "../../synapse-queries/chat/useChat.js";
-import { useChatState as o } from "./useChatState.js";
-import { AccessLevelMenu as te } from "./AccessLevelMenu.js";
-import { ChatInputArea as ne } from "./components/ChatInputArea/ChatInputArea.js";
-import re from "./SynapseChatMessage.js";
-import { ForwardRef as s } from "../../assets/illustrations/curie_avatar_head.js";
-import { useEffect as c, useRef as l, useState as u } from "react";
-import { Alert as d, Box as f, Chip as p, List as m, ListItem as h, Stack as g, Typography as _ } from "@mui/material";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
-import { AgentAccessLevel as b } from "@sage-bionetworks/synapse-types";
-import { FileHandleAssociateType as ie } from "@sage-bionetworks/synapse-client";
-import { SmartToyTwoTone as x } from "@mui/icons-material";
+import { UserCard as te } from "../UserCard/UserCard.js";
+import { useCreateAgentSession as r, useUpdateAgentSession as i } from "../../synapse-queries/chat/useChat.js";
+import { useChatState as a } from "./useChatState.js";
+import { AccessLevelMenu as ne } from "./AccessLevelMenu.js";
+import { ChatInputArea as re } from "./components/ChatInputArea/ChatInputArea.js";
+import ie from "./SynapseChatMessage.js";
+import { ForwardRef as o } from "../../assets/illustrations/curie_avatar_head.js";
+import { useEffect as s, useRef as c, useState as l } from "react";
+import { Alert as u, Box as d, Chip as f, List as p, ListItem as m, Stack as h, Typography as g } from "@mui/material";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { AgentAccessLevel as y } from "@sage-bionetworks/synapse-types";
+import { FileHandleAssociateType as ae } from "@sage-bionetworks/synapse-client";
+import { SmartToyTwoTone as b } from "@mui/icons-material";
 //#region src/components/SynapseChat/SynapseChat.tsx
-var ae = "Hi! How can I help you today?", oe = {
-	[b.PUBLICLY_ACCESSIBLE]: " and can only read public data.",
-	[b.READ_YOUR_PRIVATE_DATA]: " and can read your public and private data in Synapse on your behalf.",
-	[b.WRITE_YOUR_PRIVATE_DATA]: " and can read and write your public and private data in Synapse on your behalf."
-}, se = /* @__PURE__ */ v(f, {
+var oe = "Hi! How can I help you today?", se = {
+	[y.PUBLICLY_ACCESSIBLE]: " and can only read public data.",
+	[y.READ_YOUR_PRIVATE_DATA]: " and can read your public and private data in Synapse on your behalf.",
+	[y.WRITE_YOUR_PRIVATE_DATA]: " and can read and write your public and private data in Synapse on your behalf."
+}, ce = /* @__PURE__ */ _(d, {
 	sx: {
 		p: "3px",
 		borderRadius: "50%",
@@ -34,8 +34,8 @@ var ae = "Hi! How can I help you today?", oe = {
 		mt: "10px",
 		height: "31px"
 	},
-	children: /* @__PURE__ */ v(x, { sx: { color: "secondary.main" } })
-}), S = /* @__PURE__ */ v(f, {
+	children: /* @__PURE__ */ _(b, { sx: { color: "secondary.main" } })
+}), le = /* @__PURE__ */ _(d, {
 	sx: {
 		mt: "10px",
 		height: "30px",
@@ -44,63 +44,68 @@ var ae = "Hi! How can I help you today?", oe = {
 		alignItems: "center",
 		justifyContent: "center"
 	},
-	children: /* @__PURE__ */ v(s, {})
+	children: /* @__PURE__ */ _(o, {})
 });
-function C({ initialMessage: s, agentRegistrationId: x, chatbotName: C = "SynapseChat", variant: w = "default", agentAvatar: T, hideTitle: E = !1, textboxPositionOffset: D = "0px", sessionContext: O, externalSession: k, setExternalSession: A, externalChatState: j, showAccessLevelMenu: M = !0, onChatResponse: N, suggestedPrompts: P, allowAttachments: F = !1 }) {
-	let { accessToken: I } = t(), { userId: L } = n(), R = C + " can make mistakes", z = T ?? (w === "curie" ? S : se), B = /* @__PURE__ */ v(r, {
+function x({ initialMessage: o, agentRegistrationId: b, chatbotName: x = "SynapseChat", variant: S = "default", agentAvatar: C, hideTitle: w = !1, textboxPositionOffset: T = "0px", sessionContext: E, externalSession: D, setExternalSession: O, externalChatState: k, showAccessLevelMenu: A = !0, onChatResponse: j, suggestedPrompts: M, allowAttachments: N = !1, onSessionCreationUnauthenticated: P }) {
+	let { accessToken: F, isAuthenticated: I } = t(), { userId: L } = n(), R = x + " can make mistakes", z = C ?? (S === "curie" ? le : ce), B = /* @__PURE__ */ _(te, {
 		ownerId: L,
 		size: "AVATAR",
 		avatarSize: "MEDIUM"
-	}), [V, ce] = u(), H = k ?? V, U = A ?? ce, { mutate: W, error: G } = i({ onSuccess: (e) => U(e) }), { mutate: le } = a({
+	}), [V, ue] = l(), H = D ?? V, U = O ?? ue, { mutate: W, error: G } = r({
+		onSuccess: (e) => U(e),
+		onError: (e) => {
+			!I && (e.status === 401 || e.status === 403) && P?.();
+		}
+	}), { mutate: de } = i({
 		onSuccess: (e) => U(e),
 		onError: (t) => e(`Unable to update the agent session: ${t.message}`, "danger")
-	}), [K, ue] = u(O ? b.WRITE_YOUR_PRIVATE_DATA : b.PUBLICLY_ACCESSIBLE), de = o(H, N), { interactions: q, isAwaitingResponse: J, sendChat: Y } = j ?? de, X = w === "curie" && q.length === 0, fe = R + (w === "curie" ? oe[K] : ""), Z = l(void 0);
+	}), [K, fe] = l(E ? y.WRITE_YOUR_PRIVATE_DATA : y.PUBLICLY_ACCESSIBLE), pe = a(H, j), { interactions: q, isAwaitingResponse: J, sendChat: Y } = k ?? pe, X = S === "curie" && q.length === 0, me = R + (S === "curie" ? se[K] : ""), Z = c(void 0);
 	Z.current === void 0 && (Z.current = new Set(q.map((e) => e.id)));
-	let pe = Z.current, [me, Q] = u(""), [$, he] = u(!1), [ge, _e] = u([]);
-	c(() => {
+	let he = Z.current, [ge, Q] = l(""), [$, _e] = l(!1), [ve, ye] = l([]);
+	s(() => {
 		W && !H && W({
 			agentAccessLevel: K,
-			agentRegistrationId: x,
-			sessionContext: O
+			agentRegistrationId: b,
+			sessionContext: E
 		});
 	}, [
 		W,
 		H,
-		I,
-		O,
+		F,
+		E,
 		K,
-		x
-	]), c(() => {
-		H && s && !$ && (Y(s), he(!0));
+		b
+	]), s(() => {
+		H && o && !$ && (Y(o), _e(!0));
 	}, [
 		H,
-		s,
+		o,
 		$,
 		Y
 	]);
-	let ve = (e, t) => {
+	let be = (e, t) => {
 		Y(e, t.length ? t.map((e) => ({
 			fileHandleId: e.fileHandleId,
 			associateObjectId: e.fileHandleId,
-			associateObjectType: ie.FileEntity
-		})) : void 0), Q(""), _e(t);
+			associateObjectType: ae.FileEntity
+		})) : void 0), Q(""), ye(t);
 	};
-	return G ? /* @__PURE__ */ v(d, {
+	return G && !(!I && P && (G.status === 401 || G.status === 403)) ? /* @__PURE__ */ _(u, {
 		severity: "error",
 		sx: { my: 2 },
 		children: G.reason
-	}) : /* @__PURE__ */ y(f, {
+	}) : /* @__PURE__ */ v(d, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
-			justifyContent: w === "curie" ? "flex-start" : "space-between",
-			gap: w === "curie" ? "20px" : "0",
+			justifyContent: S === "curie" ? "flex-start" : "space-between",
+			gap: S === "curie" ? "20px" : "0",
 			maxWidth: "1100px",
 			mx: "auto",
 			height: "100%"
 		},
 		children: [
-			!E && /* @__PURE__ */ v(_, {
+			!w && /* @__PURE__ */ _(g, {
 				variant: "headline1",
 				sx: {
 					p: "20px",
@@ -111,30 +116,30 @@ function C({ initialMessage: s, agentRegistrationId: x, chatbotName: C = "Synaps
 					backgroundColor: "white",
 					zIndex: 1
 				},
-				children: C
+				children: x
 			}),
-			M && w !== "curie" && /* @__PURE__ */ v(te, {
+			A && S !== "curie" && I && /* @__PURE__ */ _(ne, {
 				initAccessLevel: K,
 				onChange: (e) => {
-					ue(e), le({
+					fe(e), de({
 						agentAccessLevel: e,
 						sessionId: H.sessionId
 					});
 				}
 			}),
-			!H && /* @__PURE__ */ v(ee, { numRows: 10 }),
-			H && /* @__PURE__ */ v(f, {
+			!H && /* @__PURE__ */ _(ee, { numRows: 10 }),
+			H && /* @__PURE__ */ _(d, {
 				sx: {
 					flexGrow: 1,
 					overflowY: "auto",
-					mb: w === "curie" ? 0 : 2
+					mb: S === "curie" ? 0 : 2
 				},
-				children: /* @__PURE__ */ y(m, {
+				children: /* @__PURE__ */ v(p, {
 					sx: {
 						flex: 1,
 						overflowY: "auto",
 						pt: "20px",
-						...w === "curie" && {
+						...S === "curie" && {
 							pt: 0,
 							pb: 0,
 							gap: "20px"
@@ -146,7 +151,7 @@ function C({ initialMessage: s, agentRegistrationId: x, chatbotName: C = "Synaps
 							justifyContent: "flex-end"
 						}
 					},
-					children: [X && /* @__PURE__ */ y(h, {
+					children: [X && /* @__PURE__ */ v(m, {
 						sx: {
 							display: "grid",
 							gridTemplateColumns: "50px auto",
@@ -155,37 +160,37 @@ function C({ initialMessage: s, agentRegistrationId: x, chatbotName: C = "Synaps
 							alignItems: "start",
 							p: 0
 						},
-						children: [z, /* @__PURE__ */ v(_, {
+						children: [z, /* @__PURE__ */ _(g, {
 							sx: {
 								justifySelf: "start",
 								mt: "14px"
 							},
-							children: ae
+							children: oe
 						})]
 					}), q.map((e, t) => {
 						let n = t === q.length - 1;
-						return /* @__PURE__ */ v(re, {
+						return /* @__PURE__ */ _(ie, {
 							agentAvatar: z,
 							userAvatar: B,
 							userMessage: e.userMessage,
 							chatJobId: e.jobId,
-							showLoadingIcon: w !== "curie",
+							showLoadingIcon: S !== "curie",
 							onSendChat: Y,
 							scrollIntoView: n,
-							animateEntry: !pe.has(e.id),
+							animateEntry: !he.has(e.id),
 							isAwaitingResponse: J,
-							pendingAttachments: n ? ge : void 0
+							pendingAttachments: n ? ve : void 0
 						}, e.id);
 					})]
 				})
 			}),
-			/* @__PURE__ */ y(f, {
+			/* @__PURE__ */ v(d, {
 				sx: {
 					position: "sticky",
-					bottom: w === "curie" ? "0px" : D,
+					bottom: S === "curie" ? "0px" : T,
 					backgroundColor: "white"
 				},
-				children: [P && P.length > 0 && q.length === 0 && /* @__PURE__ */ v(g, {
+				children: [M && M.length > 0 && q.length === 0 && /* @__PURE__ */ _(h, {
 					direction: "row",
 					spacing: 1,
 					sx: {
@@ -193,37 +198,37 @@ function C({ initialMessage: s, agentRegistrationId: x, chatbotName: C = "Synaps
 						flexWrap: "wrap",
 						gap: 1
 					},
-					children: P.map((e) => /* @__PURE__ */ v(p, {
+					children: M.map((e) => /* @__PURE__ */ _(f, {
 						label: e,
 						variant: "outlined",
 						onClick: () => Q(e),
 						disabled: !H,
 						sx: { cursor: "pointer" }
 					}, e))
-				}), /* @__PURE__ */ v(f, {
+				}), /* @__PURE__ */ _(d, {
 					sx: { mt: "5px" },
-					children: /* @__PURE__ */ v(ne, {
-						value: me,
+					children: /* @__PURE__ */ _(re, {
+						value: ge,
 						onValueChange: Q,
-						onSend: ve,
-						placeholder: w === "curie" ? "Ask anything" : `Message ${C}`,
+						onSend: be,
+						placeholder: S === "curie" ? "Ask anything" : `Message ${x}`,
 						disabled: !H || J,
-						allowAttachments: F
+						allowAttachments: N
 					})
 				})]
 			}),
-			/* @__PURE__ */ v(_, {
+			/* @__PURE__ */ _(g, {
 				variant: "smallText1",
 				sx: {
 					pt: "8px",
 					textAlign: "center"
 				},
-				children: fe
+				children: me
 			})
 		]
 	});
 }
 //#endregion
-export { C as SynapseChat, C as default };
+export { x as SynapseChat, x as default };
 
 //# sourceMappingURL=SynapseChat.js.map