synapse-react-client 4.0.19 → 4.0.20

package/dist/components/SchemaDrivenAnnotationEditor/widget/TextWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextWidget.js","names":[],"sources":["../../../../src/components/SchemaDrivenAnnotationEditor/widget/TextWidget.tsx"],"sourcesContent":["import { Widget, WidgetProps } from '@rjsf/utils'\n\n/**\n * This TextWidget is almost identical to the rjsf TextWidget, except we handle numbers like strings to prevent issues if\n * the actual annotation data is not a string.\n */\nexport const TextWidget: Widget = (props: WidgetProps) => {\n  const { BaseInputTemplate } = props.registry.templates\n\n  // options.inputType will override the input type determined via schema\n  let inputType: string | undefined = undefined\n  if (props.schema.type === 'number' || props.schema.type === 'integer') {\n    inputType = 'text'\n  }\n\n  return (\n    <BaseInputTemplate\n      {...props}\n      options={{ ...props.options, inputType: inputType }}\n    />\n  )\n}\n\nexport default TextWidget\n"],"mappings":";;AAMA,IAAa,KAAsB,MAAuB;CACxD,IAAM,EAAE,yBAAsB,EAAM,SAAS,WAGzC;AAKJ,SAJI,EAAM,OAAO,SAAS,YAAY,EAAM,OAAO,SAAS,eAC1D,IAAY,SAIZ,kBAAC,GAAD;EACE,GAAI;EACJ,SAAS;GAAE,GAAG,EAAM;GAAoB;GAAW;EACnD,CAAA"}
+{"version":3,"file":"TextWidget.js","names":[],"sources":["../../../../src/components/SchemaDrivenAnnotationEditor/widget/TextWidget.tsx"],"sourcesContent":["import { Widget, WidgetProps } from '@rjsf/utils'\n\n/**\n * This TextWidget is almost identical to the rjsf TextWidget, except we handle numbers like strings to prevent issues if\n * the actual annotation data is not a string.\n */\nexport const TextWidget: Widget = (props: WidgetProps) => {\n  const { BaseInputTemplate } = props.registry.templates\n\n  // options.inputType will override the input type determined via schema\n  let inputType: string | undefined = undefined\n  if (props.schema.type === 'number' || props.schema.type === 'integer') {\n    inputType = 'text'\n  }\n\n  return (\n    <BaseInputTemplate\n      {...props}\n      options={{ ...props.options, inputType: inputType }}\n    />\n  )\n}\n\nexport default TextWidget\n"],"mappings":";;AAMA,IAAa,KAAsB,MAAuB;CACxD,IAAM,EAAE,yBAAsB,EAAM,SAAS,WAGzC;CAKJ,QAJI,EAAM,OAAO,SAAS,YAAY,EAAM,OAAO,SAAS,eAC1D,IAAY,SAIZ,kBAAC,GAAD;EACE,GAAI;EACJ,SAAS;GAAE,GAAG,EAAM;GAAoB;EAAU;CACnD,CAAA;AAEL"}

package/dist/components/SearchQueryWrapper/SearchQueryUseQueryOptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchQueryUseQueryOptions.js","names":[],"sources":["../../../src/components/SearchQueryWrapper/SearchQueryUseQueryOptions.ts"],"sourcesContent":["import * as SynapseClient from '@/synapse-client/SynapseClient'\nimport { tableQueryUseQueryDefaults } from '@/synapse-queries'\nimport { useGetEntityBundle } from '@/synapse-queries/entity/useEntityBundle'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport {\n  AsynchronousJobStatus,\n  ColumnModel,\n  FACET_COLUMN_RANGE_REQUEST_CONCRETE_TYPE_VALUE,\n  FacetColumnRangeRequest,\n  FacetColumnResultRange,\n  FACET_COLUMN_VALUES_REQUEST_CONCRETE_TYPE_VALUE,\n  FacetColumnValuesRequest,\n  QueryBundleRequest,\n  QueryResultBundle,\n  RowSet,\n  SortItem,\n  TEXT_MATCHES_QUERY_FILTER_CONCRETE_TYPE_VALUE,\n  TextMatchesQueryFilter,\n} from '@sage-bionetworks/synapse-types'\nimport type {\n  FacetRequest,\n  KeyValues,\n  SearchIndexQuery,\n  SearchKeyRange,\n  SearchQueryResults,\n  SearchSearchQuery,\n  SearchSortField,\n  SynapseClientError,\n} from '@sage-bionetworks/synapse-client'\nimport {\n  FacetRequestSortDirectionEnum as FacetRequestSortDirectionEnumValues,\n  FacetRequestSortFieldEnum as FacetRequestSortFieldEnumValues,\n} from '@sage-bionetworks/synapse-client'\nimport {\n  InfiniteData,\n  QueryKey,\n  UseInfiniteQueryOptions,\n  UseSuspenseQueryOptions,\n} from '@tanstack/react-query'\nimport { omit } from 'lodash-es'\nimport dayjs from 'dayjs'\nimport { useCallback, useMemo } from 'react'\nimport { KeyFactory } from '@/synapse-queries/KeyFactory'\n\n/**\n * TanStack Query options for the SearchQueryServicesApi, mirroring TableQueryUseQueryOptions\n * but parameterised over SearchIndexQuery rather than QueryBundleRequest. This eliminates\n * `as unknown as` casts inside the implementation. A single cast to TableQueryUseQueryOptions\n * is still required at the boundary where SearchQueryWrapper assigns these into QueryContextType.\n */\nexport type SearchTableQueryUseQueryOptions = {\n  rowDataQueryOptions: UseSuspenseQueryOptions<\n    AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n    SynapseClientError,\n    RowSet | undefined\n  >\n  rowDataInfiniteQueryOptions: UseInfiniteQueryOptions<\n    AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n    SynapseClientError,\n    InfiniteData<AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>>,\n    QueryKey,\n    string | number | undefined\n  >\n  queryMetadataQueryOptions: UseSuspenseQueryOptions<\n    AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n    SynapseClientError,\n    Omit<QueryResultBundle, 'queryResult'>\n  >\n}\n\n/**\n * Converts a QueryBundleRequest (used internally for state management) into a SearchIndexQuery\n * that can be sent to the SearchQueryServicesApi.\n *\n * Mapping:\n *  - columnModels (facetType defined) → facetRequests (columns to aggregate as facets, with optional sort config)\n *  - query.selectedFacets (enumeration) → termsFilters (IN-clause filters)\n *  - query.selectedFacets (range) → rangeFilters (range filters)\n *  - query.sort → sort (SortItem { column, direction } → SearchSortField { columnName, direction })\n *  - query.limit → limit\n *  - query.offset → offset\n *  - partMask → dropped (SearchIndexQuery has no bitmask concept)\n */\nexport function toSearchIndexQuery(\n  queryBundleRequest: QueryBundleRequest,\n  searchIndexId: string,\n  columnModels?: ColumnModel[],\n): SearchIndexQuery {\n  // Build facetRequests from ColumnModels that have a facetType of 'enumeration'.\n  // Range columns are excluded: the Search API's FacetRequest only supports terms aggregations\n  // and cannot produce the min/max stats needed for FacetColumnResultRange.\n  const facetRequests: FacetRequest[] | undefined = columnModels\n    ?.filter(cm => cm.facetType === 'enumeration')\n    .map(cm => {\n      const facetReq: FacetRequest = { columnName: cm.name, maxValueCount: 100 }\n      if (cm.facetSortConfig) {\n        // Map FacetColumnSortProperty ('FREQUENCY'|'VALUE') → FacetRequestSortFieldEnum ('COUNT'|'KEY')\n        if (cm.facetSortConfig.property != null) {\n          facetReq.sortField =\n            cm.facetSortConfig.property === 'VALUE'\n              ? FacetRequestSortFieldEnumValues.KEY\n              : FacetRequestSortFieldEnumValues.COUNT\n        }\n        if (cm.facetSortConfig.direction != null) {\n          facetReq.sortDirection =\n            cm.facetSortConfig.direction === 'ASC'\n              ? FacetRequestSortDirectionEnumValues.ASC\n              : FacetRequestSortDirectionEnumValues.DESC\n        }\n      }\n      return facetReq\n    })\n\n  // Build termsFilters from enumeration selectedFacets\n  const termsFilters: KeyValues[] | undefined =\n    queryBundleRequest.query.selectedFacets\n      ?.filter(\n        (f): f is FacetColumnValuesRequest =>\n          f.concreteType === FACET_COLUMN_VALUES_REQUEST_CONCRETE_TYPE_VALUE,\n      )\n      .map(f => ({ key: f.columnName, values: f.facetValues }))\n\n  // Build rangeFilters from range selectedFacets.\n  // DATE columns: the Range UI component emits formatted dates (\"YYYY-MM-DD\") but the\n  // Search API (OpenSearch) expects unix millisecond timestamps. Convert here.\n  const rangeFilters: SearchKeyRange[] | undefined =\n    queryBundleRequest.query.selectedFacets\n      ?.filter(\n        (f): f is FacetColumnRangeRequest =>\n          f.concreteType === FACET_COLUMN_RANGE_REQUEST_CONCRETE_TYPE_VALUE,\n      )\n      .map(f => {\n        const columnType = columnModels?.find(\n          cm => cm.name === f.columnName,\n        )?.columnType\n        const toApiValue = (v: string | undefined): string | undefined => {\n          if (!v || columnType !== 'DATE') return v\n          // Convert \"YYYY-MM-DD\" → unix ms; leave already-numeric values untouched\n          if (/^\\d{4}-\\d{2}-\\d{2}$/.test(v)) {\n            return String(dayjs(v).valueOf())\n          }\n          return v\n        }\n        return {\n          key: f.columnName,\n          min: toApiValue(f.min),\n          max: toApiValue(f.max),\n        }\n      })\n\n  // Extract queryText by concatenating all TextMatchesQueryFilter searchExpression values\n  const textMatchesExpressions = queryBundleRequest.query.additionalFilters\n    ?.filter(\n      (f): f is TextMatchesQueryFilter =>\n        f.concreteType === TEXT_MATCHES_QUERY_FILTER_CONCRETE_TYPE_VALUE,\n    )\n    .map(f => f.searchExpression)\n    .filter((expr): expr is string => expr != null && expr.length > 0)\n  const queryText =\n    textMatchesExpressions && textMatchesExpressions.length > 0\n      ? textMatchesExpressions.join(' ')\n      : undefined\n\n  // Map SortItem[] (column + direction) → SearchSortField[] (columnName + direction),\n  // filtering out entries with no direction (which mean \"remove sort\").\n  const sort: SearchSortField[] | undefined = queryBundleRequest.query.sort\n    ?.filter(\n      (s): s is SortItem & { direction: 'ASC' | 'DESC' } =>\n        s.direction === 'ASC' || s.direction === 'DESC',\n    )\n    .map(s => ({ columnName: s.column, direction: s.direction }))\n\n  const searchQuery: SearchSearchQuery = {\n    facetRequests: facetRequests?.length ? facetRequests : undefined,\n    termsFilters: termsFilters?.length ? termsFilters : undefined,\n    rangeFilters: rangeFilters?.length ? rangeFilters : undefined,\n    queryText,\n    queryType: 'MULTI_MATCH',\n    fuzziness: 'AUTO',\n    sort: sort?.length ? sort : undefined,\n    limit: queryBundleRequest.query.limit,\n    offset: queryBundleRequest.query.offset,\n  }\n\n  return {\n    concreteType:\n      'org.sagebionetworks.repo.model.search.table.SearchIndexQuery' as const,\n    searchIndexId,\n    searchQuery,\n  }\n}\n\n/**\n * Converts a SearchQueryResults (the actual API response) into a QueryResultBundle\n * so that existing subcomponents (FacetFilterControls, RowSetView, etc.) work unchanged.\n *\n * Mapping:\n *  - totalHits → queryCount\n *  - hits → queryResult.queryResults (rows derived from hit.rowId/rowVersion/fields)\n *  - facets → facets (same FacetColumnResult type)\n */\nexport function searchQueryResultsToQueryResultBundle(\n  results: SearchQueryResults | undefined,\n  query: SearchIndexQuery,\n  columnModels?: ColumnModel[],\n): QueryResultBundle {\n  if (!results) {\n    return {\n      concreteType: 'org.sagebionetworks.repo.model.table.QueryResultBundle',\n    }\n  }\n\n  // Derive column names from the server-returned selectColumns. Both the row data\n  // query and the metadata query request SELECT_COLUMNS, so this is always present.\n  const fieldNames: string[] =\n    results.selectColumns\n      ?.map(col => col.name)\n      .filter((n): n is string => !!n) ?? []\n\n  const headers = fieldNames.map(name => ({\n    name,\n    columnType:\n      columnModels?.find(cm => cm.name === name)?.columnType ??\n      ('STRING' as const),\n  }))\n\n  const rows = (results.hits ?? []).map(hit => ({\n    rowId: hit.rowId,\n    versionNumber: hit.rowVersion,\n    values: fieldNames.map(name => {\n      return hit.fields?.find(f => f.name === name)?.value ?? null\n    }),\n  }))\n\n  const queryResult =\n    headers.length > 0 || rows.length > 0\n      ? {\n          concreteType:\n            'org.sagebionetworks.repo.model.table.QueryResult' as const,\n          queryResults: {\n            concreteType:\n              'org.sagebionetworks.repo.model.table.RowSet' as const,\n            tableId: query.searchIndexId ?? '',\n            etag: '',\n            headers,\n            rows,\n          },\n        }\n      : undefined\n\n  const rawFacets = results.facets as QueryResultBundle['facets']\n\n  // Synthesize FacetColumnResultRange for range-type DATE/DOUBLE/INTEGER columns. The Search API's\n  // FacetRequest only produces terms aggregations and cannot return min/max stats, so these\n  // entries will never appear in results.facets. columnMin/columnMax are empty strings\n  // (unavailable from the server); selectedMin/selectedMax are derived from the query's\n  // rangeFilters so any applied range filter is still reflected in the UI.\n  // Note: for INTEGER columns the RangeSlider requires real bounds, so the UI falls back to a\n  // plain Range number input when columnMin/columnMax are absent.\n  const syntheticRangeFacets: FacetColumnResultRange[] = (columnModels ?? [])\n    .filter(\n      cm =>\n        cm.facetType === 'range' &&\n        (cm.columnType === 'DATE' ||\n          cm.columnType === 'DOUBLE' ||\n          cm.columnType === 'INTEGER') &&\n        !(rawFacets ?? []).some(f => f.columnName === cm.name),\n    )\n    .map(cm => {\n      const rangeFilter = query.searchQuery?.rangeFilters?.find(\n        rf => rf.key === cm.name,\n      )\n      // rangeFilters carry unix ms for DATE columns (converted in toSearchIndexQuery).\n      // Convert back to \"YYYY-MM-DD\" so the Range UI component can display them.\n      const toDisplayValue = (v: string | undefined): string | undefined => {\n        if (!v || cm.columnType !== 'DATE') return v\n        if (/^\\d+$/.test(v)) {\n          return dayjs(parseInt(v)).format('YYYY-MM-DD')\n        }\n        return v\n      }\n      return {\n        concreteType:\n          'org.sagebionetworks.repo.model.table.FacetColumnResultRange' as const,\n        facetType: 'range' as const,\n        columnName: cm.name,\n        columnMin: '',\n        columnMax: '',\n        selectedMin: toDisplayValue(rangeFilter?.min),\n        selectedMax: toDisplayValue(rangeFilter?.max),\n      }\n    })\n\n  const allFacets: NonNullable<QueryResultBundle['facets']> = [\n    ...(rawFacets ?? []),\n    ...syntheticRangeFacets,\n  ]\n\n  // Reorder all facets to match the columnModels order so downstream components\n  // (e.g. FacetFilterControls) render facets in the expected column order.\n  const orderedFacets: QueryResultBundle['facets'] = columnModels\n    ? [\n        ...allFacets\n          .filter(f => columnModels.some(cm => cm.name === f.columnName))\n          .sort(\n            (a, b) =>\n              columnModels.findIndex(cm => cm.name === a.columnName) -\n              columnModels.findIndex(cm => cm.name === b.columnName),\n          ),\n        ...allFacets.filter(\n          f => !columnModels.some(cm => cm.name === f.columnName),\n        ),\n      ]\n    : allFacets\n\n  return {\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryResultBundle',\n    queryCount: results.totalHits,\n    selectColumns: headers,\n    queryResult,\n    facets: orderedFacets,\n  }\n}\n\nexport function getSearchQueryUseQueryOptions(\n  queryBundleRequest: QueryBundleRequest,\n  keyFactory: KeyFactory,\n  accessToken: string | undefined,\n  searchIndexId: string,\n  columnModels?: ColumnModel[],\n): SearchTableQueryUseQueryOptions {\n  const baseQuery: SearchIndexQuery = toSearchIndexQuery(\n    queryBundleRequest,\n    searchIndexId,\n    columnModels,\n  )\n  const rowDataQuery: SearchIndexQuery = {\n    ...baseQuery,\n    searchQuery: {\n      ...baseQuery.searchQuery,\n      // Omit facetRequests from the row data query: facet aggregations are only needed\n      // in the metadata query (which requests FACETS). Removing facetRequests here keeps\n      // the row data query key stable while column models are loading, preventing an\n      // unnecessary re-fetch (and a brief loading flash) when column models first arrive.\n      facetRequests: undefined,\n    },\n    // Request SELECT_COLUMNS so headers are available for row rendering.\n    // HITS is returned by default even when responseParts is specified.\n    responseParts: new Set(['HITS', 'SELECT_COLUMNS'] as const),\n  }\n  const metadataQuery: SearchIndexQuery = {\n    ...baseQuery,\n    // Request all opt-in parts needed for the metadata response:\n    // TOTAL_HITS → queryCount (drives tab count / spinner resolution)\n    // SELECT_COLUMNS → column headers for the table\n    // FACETS → facet aggregations for FacetFilterControls / plots\n    responseParts: new Set(['TOTAL_HITS', 'SELECT_COLUMNS', 'FACETS'] as const),\n  }\n\n  // Convert responseParts Set → sorted array for query key building.\n  // JSON.stringify(new Set([...])) === '{}', so two queries whose only difference is\n  // their responseParts would hash to the same key and share a cache entry.\n  // Using a sorted array gives each query a distinct, stable key.\n  const toKeyShape = (query: SearchIndexQuery) => ({\n    ...query,\n    responseParts: query.responseParts\n      ? [...query.responseParts].sort()\n      : undefined,\n  })\n\n  // Fetches from the SearchQueryServicesApi and converts the SearchQueryResults responseBody\n  // into QueryResultBundle shape. This allows all downstream shared components\n  // (UseRowSet, QueryVisualizationWrapper, etc.) to access data.responseBody.*\n  // using the same patterns as regular table queries (queryResult.queryResults, selectColumns, etc.).\n  const fetchAndConvert = async (query: SearchIndexQuery) => {\n    const asyncStatus = await SynapseClient.getSearchQueryAsyncJobResults(\n      query,\n      accessToken,\n    )\n    return {\n      ...asyncStatus,\n      responseBody: searchQueryResultsToQueryResultBundle(\n        asyncStatus.responseBody,\n        query,\n        columnModels,\n      ),\n    }\n  }\n\n  // `as unknown as` is necessary because SearchIndexQuery.responseParts is a Set but\n  // toKeyShape converts it to a sorted string[] for stable cache key serialisation.\n  const rowDataQueryOptions: SearchTableQueryUseQueryOptions['rowDataQueryOptions'] =\n    {\n      ...tableQueryUseQueryDefaults,\n      queryKey: keyFactory.getSearchQueryResultWithAsyncStatusQueryKey(\n        toKeyShape(rowDataQuery) as unknown as SearchIndexQuery,\n        false,\n      ),\n      queryFn: () => fetchAndConvert(rowDataQuery),\n      select: (\n        data: AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n      ): RowSet | undefined => data.responseBody?.queryResult?.queryResults,\n    }\n\n  const rowDataInfiniteQueryOptions: SearchTableQueryUseQueryOptions['rowDataInfiniteQueryOptions'] =\n    {\n      ...tableQueryUseQueryDefaults,\n      queryKey: keyFactory.getSearchQueryResultWithAsyncStatusQueryKey(\n        toKeyShape(rowDataQuery) as unknown as SearchIndexQuery,\n        true,\n      ),\n      initialPageParam: 0 as number | string | undefined,\n      getNextPageParam: (\n        lastPage: AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n        allPages: AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>[],\n      ): number | string | undefined => {\n        const totalRows = lastPage.responseBody?.queryCount\n        const fetchedRows = allPages.reduce(\n          (acc, page) =>\n            acc +\n            (page.responseBody?.queryResult?.queryResults.rows?.length ?? 0),\n          0,\n        )\n        if (totalRows != null && fetchedRows >= totalRows) {\n          return undefined\n        }\n        return fetchedRows\n      },\n      queryFn: (context: { pageParam?: number | string }) => {\n        const offset =\n          typeof context.pageParam === 'string'\n            ? parseInt(context.pageParam)\n            : (context.pageParam ?? 0)\n        const requestForPage: SearchIndexQuery = {\n          ...rowDataQuery,\n          searchQuery: {\n            ...rowDataQuery.searchQuery,\n            offset,\n          },\n        }\n        return fetchAndConvert(requestForPage)\n      },\n      select: (\n        data: InfiniteData<\n          AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>\n        >,\n      ) => data,\n    }\n\n  const queryMetadataQueryOptions: SearchTableQueryUseQueryOptions['queryMetadataQueryOptions'] =\n    {\n      ...tableQueryUseQueryDefaults,\n      queryKey: keyFactory.getSearchQueryResultWithAsyncStatusQueryKey(\n        toKeyShape(metadataQuery) as unknown as SearchIndexQuery,\n        false,\n      ),\n      queryFn: () => fetchAndConvert(metadataQuery),\n      select: (\n        data: AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n      ): Omit<QueryResultBundle, 'queryResult'> => {\n        const result = omit(data.responseBody ?? {}, 'queryResult') as Omit<\n          QueryResultBundle,\n          'queryResult'\n        >\n        return columnModels ? { ...result, columnModels } : result\n      },\n    }\n\n  return {\n    rowDataQueryOptions,\n    rowDataInfiniteQueryOptions,\n    queryMetadataQueryOptions,\n  }\n}\n\n/**\n * Returns a stable callback that fetches autocomplete suggestions for a search input\n * using the synchronous `POST /search/autocomplete` endpoint.\n *\n * The query is built from the current `searchIndexId` and `autocompleteFieldName`:\n *  - `searchQuery.queryText` is set to the user-entered search text\n *  - `searchQuery.queryFields` is set to `[autocompleteFieldName]` so the server\n *    only returns values for that single field\n *\n * When `autocompleteFieldName` is undefined, the returned callback immediately returns `[]`.\n */\nexport function useGetSuggestionsForSearchIndex(\n  searchIndexId: string,\n  autocompleteFieldName: string | undefined,\n): (searchText: string) => Promise<string[]> {\n  const { synapseClient } = useSynapseContext()\n\n  return useCallback(\n    async (searchText: string): Promise<string[]> => {\n      if (!autocompleteFieldName) return []\n      const trimmed = searchText.trim()\n      if (!trimmed) return []\n      const results =\n        await synapseClient.searchManagementServicesClient.postRepoV1SearchAutocomplete(\n          {\n            searchIndexQuery: {\n              concreteType:\n                'org.sagebionetworks.repo.model.search.table.SearchIndexQuery' as const,\n              searchIndexId,\n              searchQuery: {\n                queryText: trimmed,\n                queryFields: [autocompleteFieldName],\n                returnFields: [autocompleteFieldName],\n              },\n            },\n          },\n        )\n      const suggestions: string[] = []\n      for (const hit of results.hits ?? []) {\n        for (const field of hit.fields ?? []) {\n          if (field.value) {\n            suggestions.push(field.value)\n          }\n        }\n      }\n      return suggestions\n    },\n    [synapseClient, searchIndexId, autocompleteFieldName],\n  )\n}\n\n/**\n * Returns TanStack Query options that call the SearchQueryServicesApi (instead of the\n * standard Table Query API) but return data in the same QueryResultBundle format, allowing\n * all existing subcomponents (FacetFilterControls, RowSetView, etc.) to work unchanged.\n */\nexport function useSearchQueryUseQueryOptions(\n  queryBundleRequest: QueryBundleRequest,\n  searchIndexId: string,\n  synapseId?: string,\n): SearchTableQueryUseQueryOptions {\n  const { keyFactory, accessToken } = useSynapseContext()\n\n  const { data: entityBundle } = useGetEntityBundle(synapseId, undefined, {\n    includeTableBundle: true,\n  })\n  const columnModels = entityBundle?.tableBundle?.columnModels\n\n  return useMemo(\n    () =>\n      getSearchQueryUseQueryOptions(\n        queryBundleRequest,\n        keyFactory,\n        accessToken,\n        searchIndexId,\n        columnModels,\n      ),\n    [keyFactory, accessToken, queryBundleRequest, searchIndexId, columnModels],\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"SearchQueryUseQueryOptions.js","names":[],"sources":["../../../src/components/SearchQueryWrapper/SearchQueryUseQueryOptions.ts"],"sourcesContent":["import * as SynapseClient from '@/synapse-client/SynapseClient'\nimport { tableQueryUseQueryDefaults } from '@/synapse-queries'\nimport { useGetEntityBundle } from '@/synapse-queries/entity/useEntityBundle'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport {\n  AsynchronousJobStatus,\n  ColumnModel,\n  FACET_COLUMN_RANGE_REQUEST_CONCRETE_TYPE_VALUE,\n  FacetColumnRangeRequest,\n  FacetColumnResultRange,\n  FACET_COLUMN_VALUES_REQUEST_CONCRETE_TYPE_VALUE,\n  FacetColumnValuesRequest,\n  QueryBundleRequest,\n  QueryResultBundle,\n  RowSet,\n  SortItem,\n  TEXT_MATCHES_QUERY_FILTER_CONCRETE_TYPE_VALUE,\n  TextMatchesQueryFilter,\n} from '@sage-bionetworks/synapse-types'\nimport type {\n  FacetRequest,\n  KeyValues,\n  SearchIndexQuery,\n  SearchKeyRange,\n  SearchQueryResults,\n  SearchSearchQuery,\n  SearchSortField,\n  SynapseClientError,\n} from '@sage-bionetworks/synapse-client'\nimport {\n  FacetRequestSortDirectionEnum as FacetRequestSortDirectionEnumValues,\n  FacetRequestSortFieldEnum as FacetRequestSortFieldEnumValues,\n} from '@sage-bionetworks/synapse-client'\nimport {\n  InfiniteData,\n  QueryKey,\n  UseInfiniteQueryOptions,\n  UseSuspenseQueryOptions,\n} from '@tanstack/react-query'\nimport { omit } from 'lodash-es'\nimport dayjs from 'dayjs'\nimport { useCallback, useMemo } from 'react'\nimport { KeyFactory } from '@/synapse-queries/KeyFactory'\n\n/**\n * TanStack Query options for the SearchQueryServicesApi, mirroring TableQueryUseQueryOptions\n * but parameterised over SearchIndexQuery rather than QueryBundleRequest. This eliminates\n * `as unknown as` casts inside the implementation. A single cast to TableQueryUseQueryOptions\n * is still required at the boundary where SearchQueryWrapper assigns these into QueryContextType.\n */\nexport type SearchTableQueryUseQueryOptions = {\n  rowDataQueryOptions: UseSuspenseQueryOptions<\n    AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n    SynapseClientError,\n    RowSet | undefined\n  >\n  rowDataInfiniteQueryOptions: UseInfiniteQueryOptions<\n    AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n    SynapseClientError,\n    InfiniteData<AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>>,\n    QueryKey,\n    string | number | undefined\n  >\n  queryMetadataQueryOptions: UseSuspenseQueryOptions<\n    AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n    SynapseClientError,\n    Omit<QueryResultBundle, 'queryResult'>\n  >\n}\n\n/**\n * Converts a QueryBundleRequest (used internally for state management) into a SearchIndexQuery\n * that can be sent to the SearchQueryServicesApi.\n *\n * Mapping:\n *  - columnModels (facetType defined) → facetRequests (columns to aggregate as facets, with optional sort config)\n *  - query.selectedFacets (enumeration) → termsFilters (IN-clause filters)\n *  - query.selectedFacets (range) → rangeFilters (range filters)\n *  - query.sort → sort (SortItem { column, direction } → SearchSortField { columnName, direction })\n *  - query.limit → limit\n *  - query.offset → offset\n *  - partMask → dropped (SearchIndexQuery has no bitmask concept)\n */\nexport function toSearchIndexQuery(\n  queryBundleRequest: QueryBundleRequest,\n  searchIndexId: string,\n  columnModels?: ColumnModel[],\n): SearchIndexQuery {\n  // Build facetRequests from ColumnModels that have a facetType of 'enumeration'.\n  // Range columns are excluded: the Search API's FacetRequest only supports terms aggregations\n  // and cannot produce the min/max stats needed for FacetColumnResultRange.\n  const facetRequests: FacetRequest[] | undefined = columnModels\n    ?.filter(cm => cm.facetType === 'enumeration')\n    .map(cm => {\n      const facetReq: FacetRequest = { columnName: cm.name, maxValueCount: 100 }\n      if (cm.facetSortConfig) {\n        // Map FacetColumnSortProperty ('FREQUENCY'|'VALUE') → FacetRequestSortFieldEnum ('COUNT'|'KEY')\n        if (cm.facetSortConfig.property != null) {\n          facetReq.sortField =\n            cm.facetSortConfig.property === 'VALUE'\n              ? FacetRequestSortFieldEnumValues.KEY\n              : FacetRequestSortFieldEnumValues.COUNT\n        }\n        if (cm.facetSortConfig.direction != null) {\n          facetReq.sortDirection =\n            cm.facetSortConfig.direction === 'ASC'\n              ? FacetRequestSortDirectionEnumValues.ASC\n              : FacetRequestSortDirectionEnumValues.DESC\n        }\n      }\n      return facetReq\n    })\n\n  // Build termsFilters from enumeration selectedFacets\n  const termsFilters: KeyValues[] | undefined =\n    queryBundleRequest.query.selectedFacets\n      ?.filter(\n        (f): f is FacetColumnValuesRequest =>\n          f.concreteType === FACET_COLUMN_VALUES_REQUEST_CONCRETE_TYPE_VALUE,\n      )\n      .map(f => ({ key: f.columnName, values: f.facetValues }))\n\n  // Build rangeFilters from range selectedFacets.\n  // DATE columns: the Range UI component emits formatted dates (\"YYYY-MM-DD\") but the\n  // Search API (OpenSearch) expects unix millisecond timestamps. Convert here.\n  const rangeFilters: SearchKeyRange[] | undefined =\n    queryBundleRequest.query.selectedFacets\n      ?.filter(\n        (f): f is FacetColumnRangeRequest =>\n          f.concreteType === FACET_COLUMN_RANGE_REQUEST_CONCRETE_TYPE_VALUE,\n      )\n      .map(f => {\n        const columnType = columnModels?.find(\n          cm => cm.name === f.columnName,\n        )?.columnType\n        const toApiValue = (v: string | undefined): string | undefined => {\n          if (!v || columnType !== 'DATE') return v\n          // Convert \"YYYY-MM-DD\" → unix ms; leave already-numeric values untouched\n          if (/^\\d{4}-\\d{2}-\\d{2}$/.test(v)) {\n            return String(dayjs(v).valueOf())\n          }\n          return v\n        }\n        return {\n          key: f.columnName,\n          min: toApiValue(f.min),\n          max: toApiValue(f.max),\n        }\n      })\n\n  // Extract queryText by concatenating all TextMatchesQueryFilter searchExpression values\n  const textMatchesExpressions = queryBundleRequest.query.additionalFilters\n    ?.filter(\n      (f): f is TextMatchesQueryFilter =>\n        f.concreteType === TEXT_MATCHES_QUERY_FILTER_CONCRETE_TYPE_VALUE,\n    )\n    .map(f => f.searchExpression)\n    .filter((expr): expr is string => expr != null && expr.length > 0)\n  const queryText =\n    textMatchesExpressions && textMatchesExpressions.length > 0\n      ? textMatchesExpressions.join(' ')\n      : undefined\n\n  // Map SortItem[] (column + direction) → SearchSortField[] (columnName + direction),\n  // filtering out entries with no direction (which mean \"remove sort\").\n  const sort: SearchSortField[] | undefined = queryBundleRequest.query.sort\n    ?.filter(\n      (s): s is SortItem & { direction: 'ASC' | 'DESC' } =>\n        s.direction === 'ASC' || s.direction === 'DESC',\n    )\n    .map(s => ({ columnName: s.column, direction: s.direction }))\n\n  const searchQuery: SearchSearchQuery = {\n    facetRequests: facetRequests?.length ? facetRequests : undefined,\n    termsFilters: termsFilters?.length ? termsFilters : undefined,\n    rangeFilters: rangeFilters?.length ? rangeFilters : undefined,\n    queryText,\n    queryType: 'MULTI_MATCH',\n    fuzziness: 'AUTO',\n    sort: sort?.length ? sort : undefined,\n    limit: queryBundleRequest.query.limit,\n    offset: queryBundleRequest.query.offset,\n  }\n\n  return {\n    concreteType:\n      'org.sagebionetworks.repo.model.search.table.SearchIndexQuery' as const,\n    searchIndexId,\n    searchQuery,\n  }\n}\n\n/**\n * Converts a SearchQueryResults (the actual API response) into a QueryResultBundle\n * so that existing subcomponents (FacetFilterControls, RowSetView, etc.) work unchanged.\n *\n * Mapping:\n *  - totalHits → queryCount\n *  - hits → queryResult.queryResults (rows derived from hit.rowId/rowVersion/fields)\n *  - facets → facets (same FacetColumnResult type)\n */\nexport function searchQueryResultsToQueryResultBundle(\n  results: SearchQueryResults | undefined,\n  query: SearchIndexQuery,\n  columnModels?: ColumnModel[],\n): QueryResultBundle {\n  if (!results) {\n    return {\n      concreteType: 'org.sagebionetworks.repo.model.table.QueryResultBundle',\n    }\n  }\n\n  // Derive column names from the server-returned selectColumns. Both the row data\n  // query and the metadata query request SELECT_COLUMNS, so this is always present.\n  const fieldNames: string[] =\n    results.selectColumns\n      ?.map(col => col.name)\n      .filter((n): n is string => !!n) ?? []\n\n  const headers = fieldNames.map(name => ({\n    name,\n    columnType:\n      columnModels?.find(cm => cm.name === name)?.columnType ??\n      ('STRING' as const),\n  }))\n\n  const rows = (results.hits ?? []).map(hit => ({\n    rowId: hit.rowId,\n    versionNumber: hit.rowVersion,\n    values: fieldNames.map(name => {\n      return hit.fields?.find(f => f.name === name)?.value ?? null\n    }),\n  }))\n\n  const queryResult =\n    headers.length > 0 || rows.length > 0\n      ? {\n          concreteType:\n            'org.sagebionetworks.repo.model.table.QueryResult' as const,\n          queryResults: {\n            concreteType:\n              'org.sagebionetworks.repo.model.table.RowSet' as const,\n            tableId: query.searchIndexId ?? '',\n            etag: '',\n            headers,\n            rows,\n          },\n        }\n      : undefined\n\n  const rawFacets = results.facets as QueryResultBundle['facets']\n\n  // Synthesize FacetColumnResultRange for range-type DATE/DOUBLE/INTEGER columns. The Search API's\n  // FacetRequest only produces terms aggregations and cannot return min/max stats, so these\n  // entries will never appear in results.facets. columnMin/columnMax are empty strings\n  // (unavailable from the server); selectedMin/selectedMax are derived from the query's\n  // rangeFilters so any applied range filter is still reflected in the UI.\n  // Note: for INTEGER columns the RangeSlider requires real bounds, so the UI falls back to a\n  // plain Range number input when columnMin/columnMax are absent.\n  const syntheticRangeFacets: FacetColumnResultRange[] = (columnModels ?? [])\n    .filter(\n      cm =>\n        cm.facetType === 'range' &&\n        (cm.columnType === 'DATE' ||\n          cm.columnType === 'DOUBLE' ||\n          cm.columnType === 'INTEGER') &&\n        !(rawFacets ?? []).some(f => f.columnName === cm.name),\n    )\n    .map(cm => {\n      const rangeFilter = query.searchQuery?.rangeFilters?.find(\n        rf => rf.key === cm.name,\n      )\n      // rangeFilters carry unix ms for DATE columns (converted in toSearchIndexQuery).\n      // Convert back to \"YYYY-MM-DD\" so the Range UI component can display them.\n      const toDisplayValue = (v: string | undefined): string | undefined => {\n        if (!v || cm.columnType !== 'DATE') return v\n        if (/^\\d+$/.test(v)) {\n          return dayjs(parseInt(v)).format('YYYY-MM-DD')\n        }\n        return v\n      }\n      return {\n        concreteType:\n          'org.sagebionetworks.repo.model.table.FacetColumnResultRange' as const,\n        facetType: 'range' as const,\n        columnName: cm.name,\n        columnMin: '',\n        columnMax: '',\n        selectedMin: toDisplayValue(rangeFilter?.min),\n        selectedMax: toDisplayValue(rangeFilter?.max),\n      }\n    })\n\n  const allFacets: NonNullable<QueryResultBundle['facets']> = [\n    ...(rawFacets ?? []),\n    ...syntheticRangeFacets,\n  ]\n\n  // Reorder all facets to match the columnModels order so downstream components\n  // (e.g. FacetFilterControls) render facets in the expected column order.\n  const orderedFacets: QueryResultBundle['facets'] = columnModels\n    ? [\n        ...allFacets\n          .filter(f => columnModels.some(cm => cm.name === f.columnName))\n          .sort(\n            (a, b) =>\n              columnModels.findIndex(cm => cm.name === a.columnName) -\n              columnModels.findIndex(cm => cm.name === b.columnName),\n          ),\n        ...allFacets.filter(\n          f => !columnModels.some(cm => cm.name === f.columnName),\n        ),\n      ]\n    : allFacets\n\n  return {\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryResultBundle',\n    queryCount: results.totalHits,\n    selectColumns: headers,\n    queryResult,\n    facets: orderedFacets,\n  }\n}\n\nexport function getSearchQueryUseQueryOptions(\n  queryBundleRequest: QueryBundleRequest,\n  keyFactory: KeyFactory,\n  accessToken: string | undefined,\n  searchIndexId: string,\n  columnModels?: ColumnModel[],\n): SearchTableQueryUseQueryOptions {\n  const baseQuery: SearchIndexQuery = toSearchIndexQuery(\n    queryBundleRequest,\n    searchIndexId,\n    columnModels,\n  )\n  const rowDataQuery: SearchIndexQuery = {\n    ...baseQuery,\n    searchQuery: {\n      ...baseQuery.searchQuery,\n      // Omit facetRequests from the row data query: facet aggregations are only needed\n      // in the metadata query (which requests FACETS). Removing facetRequests here keeps\n      // the row data query key stable while column models are loading, preventing an\n      // unnecessary re-fetch (and a brief loading flash) when column models first arrive.\n      facetRequests: undefined,\n    },\n    // Request SELECT_COLUMNS so headers are available for row rendering.\n    // HITS is returned by default even when responseParts is specified.\n    responseParts: new Set(['HITS', 'SELECT_COLUMNS'] as const),\n  }\n  const metadataQuery: SearchIndexQuery = {\n    ...baseQuery,\n    // Request all opt-in parts needed for the metadata response:\n    // TOTAL_HITS → queryCount (drives tab count / spinner resolution)\n    // SELECT_COLUMNS → column headers for the table\n    // FACETS → facet aggregations for FacetFilterControls / plots\n    responseParts: new Set(['TOTAL_HITS', 'SELECT_COLUMNS', 'FACETS'] as const),\n  }\n\n  // Convert responseParts Set → sorted array for query key building.\n  // JSON.stringify(new Set([...])) === '{}', so two queries whose only difference is\n  // their responseParts would hash to the same key and share a cache entry.\n  // Using a sorted array gives each query a distinct, stable key.\n  const toKeyShape = (query: SearchIndexQuery) => ({\n    ...query,\n    responseParts: query.responseParts\n      ? [...query.responseParts].sort()\n      : undefined,\n  })\n\n  // Fetches from the SearchQueryServicesApi and converts the SearchQueryResults responseBody\n  // into QueryResultBundle shape. This allows all downstream shared components\n  // (UseRowSet, QueryVisualizationWrapper, etc.) to access data.responseBody.*\n  // using the same patterns as regular table queries (queryResult.queryResults, selectColumns, etc.).\n  const fetchAndConvert = async (query: SearchIndexQuery) => {\n    const asyncStatus = await SynapseClient.getSearchQueryAsyncJobResults(\n      query,\n      accessToken,\n    )\n    return {\n      ...asyncStatus,\n      responseBody: searchQueryResultsToQueryResultBundle(\n        asyncStatus.responseBody,\n        query,\n        columnModels,\n      ),\n    }\n  }\n\n  // `as unknown as` is necessary because SearchIndexQuery.responseParts is a Set but\n  // toKeyShape converts it to a sorted string[] for stable cache key serialisation.\n  const rowDataQueryOptions: SearchTableQueryUseQueryOptions['rowDataQueryOptions'] =\n    {\n      ...tableQueryUseQueryDefaults,\n      queryKey: keyFactory.getSearchQueryResultWithAsyncStatusQueryKey(\n        toKeyShape(rowDataQuery) as unknown as SearchIndexQuery,\n        false,\n      ),\n      queryFn: () => fetchAndConvert(rowDataQuery),\n      select: (\n        data: AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n      ): RowSet | undefined => data.responseBody?.queryResult?.queryResults,\n    }\n\n  const rowDataInfiniteQueryOptions: SearchTableQueryUseQueryOptions['rowDataInfiniteQueryOptions'] =\n    {\n      ...tableQueryUseQueryDefaults,\n      queryKey: keyFactory.getSearchQueryResultWithAsyncStatusQueryKey(\n        toKeyShape(rowDataQuery) as unknown as SearchIndexQuery,\n        true,\n      ),\n      initialPageParam: 0 as number | string | undefined,\n      getNextPageParam: (\n        lastPage: AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n        allPages: AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>[],\n      ): number | string | undefined => {\n        const totalRows = lastPage.responseBody?.queryCount\n        const fetchedRows = allPages.reduce(\n          (acc, page) =>\n            acc +\n            (page.responseBody?.queryResult?.queryResults.rows?.length ?? 0),\n          0,\n        )\n        if (totalRows != null && fetchedRows >= totalRows) {\n          return undefined\n        }\n        return fetchedRows\n      },\n      queryFn: (context: { pageParam?: number | string }) => {\n        const offset =\n          typeof context.pageParam === 'string'\n            ? parseInt(context.pageParam)\n            : (context.pageParam ?? 0)\n        const requestForPage: SearchIndexQuery = {\n          ...rowDataQuery,\n          searchQuery: {\n            ...rowDataQuery.searchQuery,\n            offset,\n          },\n        }\n        return fetchAndConvert(requestForPage)\n      },\n      select: (\n        data: InfiniteData<\n          AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>\n        >,\n      ) => data,\n    }\n\n  const queryMetadataQueryOptions: SearchTableQueryUseQueryOptions['queryMetadataQueryOptions'] =\n    {\n      ...tableQueryUseQueryDefaults,\n      queryKey: keyFactory.getSearchQueryResultWithAsyncStatusQueryKey(\n        toKeyShape(metadataQuery) as unknown as SearchIndexQuery,\n        false,\n      ),\n      queryFn: () => fetchAndConvert(metadataQuery),\n      select: (\n        data: AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n      ): Omit<QueryResultBundle, 'queryResult'> => {\n        const result = omit(data.responseBody ?? {}, 'queryResult') as Omit<\n          QueryResultBundle,\n          'queryResult'\n        >\n        return columnModels ? { ...result, columnModels } : result\n      },\n    }\n\n  return {\n    rowDataQueryOptions,\n    rowDataInfiniteQueryOptions,\n    queryMetadataQueryOptions,\n  }\n}\n\n/**\n * Returns a stable callback that fetches autocomplete suggestions for a search input\n * using the synchronous `POST /search/autocomplete` endpoint.\n *\n * The query is built from the current `searchIndexId` and `autocompleteFieldName`:\n *  - `searchQuery.queryText` is set to the user-entered search text\n *  - `searchQuery.queryFields` is set to `[autocompleteFieldName]` so the server\n *    only returns values for that single field\n *\n * When `autocompleteFieldName` is undefined, the returned callback immediately returns `[]`.\n */\nexport function useGetSuggestionsForSearchIndex(\n  searchIndexId: string,\n  autocompleteFieldName: string | undefined,\n): (searchText: string) => Promise<string[]> {\n  const { synapseClient } = useSynapseContext()\n\n  return useCallback(\n    async (searchText: string): Promise<string[]> => {\n      if (!autocompleteFieldName) return []\n      const trimmed = searchText.trim()\n      if (!trimmed) return []\n      const results =\n        await synapseClient.searchManagementServicesClient.postRepoV1SearchAutocomplete(\n          {\n            searchIndexQuery: {\n              concreteType:\n                'org.sagebionetworks.repo.model.search.table.SearchIndexQuery' as const,\n              searchIndexId,\n              searchQuery: {\n                queryText: trimmed,\n                queryFields: [autocompleteFieldName],\n                returnFields: [autocompleteFieldName],\n              },\n            },\n          },\n        )\n      const suggestions: string[] = []\n      for (const hit of results.hits ?? []) {\n        for (const field of hit.fields ?? []) {\n          if (field.value) {\n            suggestions.push(field.value)\n          }\n        }\n      }\n      return suggestions\n    },\n    [synapseClient, searchIndexId, autocompleteFieldName],\n  )\n}\n\n/**\n * Returns TanStack Query options that call the SearchQueryServicesApi (instead of the\n * standard Table Query API) but return data in the same QueryResultBundle format, allowing\n * all existing subcomponents (FacetFilterControls, RowSetView, etc.) to work unchanged.\n */\nexport function useSearchQueryUseQueryOptions(\n  queryBundleRequest: QueryBundleRequest,\n  searchIndexId: string,\n  synapseId?: string,\n): SearchTableQueryUseQueryOptions {\n  const { keyFactory, accessToken } = useSynapseContext()\n\n  const { data: entityBundle } = useGetEntityBundle(synapseId, undefined, {\n    includeTableBundle: true,\n  })\n  const columnModels = entityBundle?.tableBundle?.columnModels\n\n  return useMemo(\n    () =>\n      getSearchQueryUseQueryOptions(\n        queryBundleRequest,\n        keyFactory,\n        accessToken,\n        searchIndexId,\n        columnModels,\n      ),\n    [keyFactory, accessToken, queryBundleRequest, searchIndexId, columnModels],\n  )\n}\n"],"mappings":"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"}

package/dist/components/SearchQueryWrapper/SearchQueryWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchQueryWrapper.js","names":[],"sources":["../../../src/components/SearchQueryWrapper/SearchQueryWrapper.tsx"],"sourcesContent":["import { hasResettableFilters as hasResettableFiltersUtil } from '@/utils/functions/queryUtils'\nimport { parseEntityIdFromSqlStatement } from '@/utils/functions/SqlFunctions'\nimport useImmutableTableQuery from '@/utils/hooks/useImmutableTableQuery/useImmutableTableQuery'\nimport { goToPage as transformQueryToGoToPage } from '@/utils/hooks/useImmutableTableQuery/TableQueryReducerActions'\nimport {\n  AsynchronousJobStatus,\n  QueryBundleRequest,\n  QueryResultBundle,\n} from '@sage-bionetworks/synapse-types'\nimport { Provider } from 'jotai'\nimport {\n  PropsWithChildren,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react'\nimport { useDeepCompareMemoize } from 'use-deep-compare-effect'\nimport {\n  QueryContextProvider,\n  QueryContextType,\n  useQueryContext,\n} from '../QueryContext/QueryContext'\nimport {\n  getSearchQueryUseQueryOptions,\n  useSearchQueryUseQueryOptions,\n} from './SearchQueryUseQueryOptions'\nimport { TableQueryUseQueryOptions } from '../QueryWrapper/TableQueryUseQueryOptions'\nimport useHasFacetedSelectColumn from '../QueryWrapper/useHasFacetedSelectColumn'\nimport { SessionInitializedGuard } from '@/utils/AppUtils/session/SessionInitializedGuard'\nimport { useGetEntity, useGetEntityBundle } from '@/synapse-queries'\nimport type {\n  SearchIndexQuery,\n  SynapseClientError,\n} from '@sage-bionetworks/synapse-client'\nimport { SearchIndex } from '@sage-bionetworks/synapse-client'\nimport { useQuery, UseQueryOptions } from '@tanstack/react-query'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { cloneDeep } from 'lodash-es'\n\n/**\n * The initQueryRequest used internally within SearchQueryWrapper. It uses a synthetic entity ID\n * and SQL so we can reuse useImmutableTableQuery for facet/pagination state management, even though\n * the actual data is fetched from the SearchQueryServicesApi (not a table entity).\n */\nexport const SEARCH_QUERY_WRAPPER_SYNTHETIC_ENTITY_ID = 'search'\nexport const SEARCH_QUERY_WRAPPER_SYNTHETIC_SQL = `SELECT * FROM ${SEARCH_QUERY_WRAPPER_SYNTHETIC_ENTITY_ID}`\n\nexport type SearchQueryWrapperProps = PropsWithChildren<{\n  /**\n   * The ID of the SearchIndex entity to query.\n   */\n  searchIndexId: string\n  /**\n   * The initial query request. Only `query.selectedFacets`, `query.additionalFilters`,\n   * `query.limit`, and `query.offset` are used; the `entityId` and `sql` fields are\n   * overridden with synthetic values. The `partMask` controls which parts of the response\n   * bundle to request.\n   */\n  initQueryRequest: {\n    concreteType?: QueryBundleRequest['concreteType']\n    partMask?: QueryBundleRequest['partMask']\n    query?: Partial<QueryBundleRequest['query']>\n  }\n  /** If onQueryChange is set, the callback will be invoked when the Query changes */\n  onQueryChange?: (newQueryJson: string) => void\n  /** If onQueryResultBundleChange is set, it will be called whenever the query result bundle changes */\n  onQueryResultBundleChange?: (newQueryResultBundleJson: string) => void\n  isInfinite?: boolean\n  /** Whether the URL should update when the query is modified (deep linking). */\n  shouldDeepLink?: boolean\n}>\n\n/**\n * Internal component that reads the current query metadata from QueryContext and fires\n * onQueryResultBundleChange whenever the data changes. Must be rendered as a child of\n * QueryContextProvider (i.e. inside SearchQueryWrapper).\n */\nfunction SearchQueryResultBundleChangeNotifier({\n  onQueryResultBundleChange,\n}: {\n  onQueryResultBundleChange: (json: string) => void\n}) {\n  const { queryMetadataQueryOptions } = useQueryContext()\n  // queryMetadataQueryOptions is UseSuspenseQueryOptions; cast to UseQueryOptions so we can use\n  // regular (non-suspense) `useQuery` here — the same cache key is shared, so no extra request is made.\n  const queryOpts = queryMetadataQueryOptions as UseQueryOptions<\n    AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n    SynapseClientError,\n    Omit<QueryResultBundle, 'queryResult'>\n  >\n  const { data } = useQuery(queryOpts)\n  // Use a ref so we always call the latest callback without including it in the\n  // effect dependency array. Including a frequently-recreated callback in deps\n  // causes the effect to re-fire on every render, creating an infinite loop when\n  // the parent updates state inside the callback.\n  const onQueryResultBundleChangeRef = useRef(onQueryResultBundleChange)\n  onQueryResultBundleChangeRef.current = onQueryResultBundleChange\n  useEffect(() => {\n    if (data) {\n      onQueryResultBundleChangeRef.current(JSON.stringify(data))\n    }\n  }, [data])\n  return null\n}\n\nfunction SearchQueryWrapperInternal(props: SearchQueryWrapperProps) {\n  return (\n    <SessionInitializedGuard>\n      <SearchQueryWrapperInternalWithSession {...props} />\n    </SessionInitializedGuard>\n  )\n}\n\nfunction SearchQueryWrapperInternalWithSession(props: SearchQueryWrapperProps) {\n  const {\n    initQueryRequest: initQueryRequestFromProps,\n    onQueryChange,\n    onQueryResultBundleChange,\n    isInfinite = false,\n    searchIndexId,\n    shouldDeepLink = false,\n  } = props\n\n  const { keyFactory, accessToken } = useSynapseContext()\n\n  const { data: searchIndexEntityData } = useGetEntity(\n    searchIndexId,\n    undefined,\n    {\n      throwOnError: true,\n    },\n  )\n  const searchIndexEntity = searchIndexEntityData as SearchIndex | undefined\n\n  const synapseId = searchIndexEntity?.definingSQL\n    ? parseEntityIdFromSqlStatement(searchIndexEntity.definingSQL)\n    : undefined\n\n  const { data: entityBundle } = useGetEntityBundle(\n    synapseId,\n    undefined,\n    { includeTableBundle: true },\n    { throwOnError: true },\n  )\n  const columnModels = entityBundle?.tableBundle?.columnModels\n\n  // Build a full synthetic QueryBundleRequest so we can reuse useImmutableTableQuery.\n  // The entityId and sql are placeholders; only selectedFacets, limit, offset, and partMask\n  // are passed through to the actual SearchQueryServicesApi call.\n  const initQueryRequest = useDeepCompareMemoize({\n    concreteType:\n      'org.sagebionetworks.repo.model.table.QueryBundleRequest' as const,\n    entityId: SEARCH_QUERY_WRAPPER_SYNTHETIC_ENTITY_ID,\n    partMask: initQueryRequestFromProps.partMask ?? 0,\n    query: {\n      sql: SEARCH_QUERY_WRAPPER_SYNTHETIC_SQL,\n      selectedFacets: initQueryRequestFromProps.query?.selectedFacets,\n      additionalFilters: initQueryRequestFromProps.query?.additionalFilters,\n      limit: initQueryRequestFromProps.query?.limit,\n      offset: initQueryRequestFromProps.query?.offset,\n    },\n  }) as QueryBundleRequest\n\n  const immutableTableQueryResult = useImmutableTableQuery({\n    initQueryRequest,\n    onQueryChange,\n    shouldDeepLink,\n  })\n\n  const {\n    getInitQueryRequest,\n    getCurrentQueryRequest,\n    setQuery,\n    resetQuery,\n    removeSelectedFacet,\n    removeValueFromSelectedFacet,\n    removeQueryFilter,\n    removeValueFromQueryFilter,\n    nextQueryRequest,\n    currentQueryRequest,\n    addValueToSelectedFacet,\n    setRangeFacetValue,\n    resetDebounceTimer,\n    currentPage,\n    goToPage,\n    pageSize,\n    setPageSize,\n  } = immutableTableQueryResult\n\n  // SearchTableQueryUseQueryOptions uses SearchIndexQuery generics rather than QueryBundleRequest.\n  // QueryContextType (and all downstream consumers) expect TableQueryUseQueryOptions. The runtime\n  // shapes are identical — only the TypeScript generics differ — so a single cast is made here at\n  // the architectural boundary rather than scattering `as unknown as` across the implementation.\n  const {\n    rowDataQueryOptions,\n    rowDataInfiniteQueryOptions,\n    queryMetadataQueryOptions,\n  } = useSearchQueryUseQueryOptions(\n    currentQueryRequest as QueryBundleRequest,\n    searchIndexId,\n    synapseId,\n  ) as unknown as TableQueryUseQueryOptions\n\n  const hasFacetedSelectColumn = useHasFacetedSelectColumn(\n    queryMetadataQueryOptions,\n  )\n\n  const hasResettableFilters = useMemo(() => {\n    const request = getCurrentQueryRequest()\n    return hasResettableFiltersUtil(request.query, undefined)\n  }, [getCurrentQueryRequest])\n\n  // Provides page-specific row query options using the search API, so components like\n  // usePrefetchTableRows don't accidentally call the standard table query API with the\n  // synthetic entity ID.\n  const getRowDataQueryOptionsForPage = useCallback(\n    (pageNumber: number) => {\n      const queryWithUpdatedPage = transformQueryToGoToPage(\n        { type: 'goToPage', pageNumber },\n        cloneDeep(getCurrentQueryRequest()),\n      )\n      return (\n        getSearchQueryUseQueryOptions(\n          queryWithUpdatedPage,\n          keyFactory,\n          accessToken,\n          searchIndexId,\n          columnModels,\n        ) as unknown as TableQueryUseQueryOptions\n      ).rowDataQueryOptions\n    },\n    [\n      getCurrentQueryRequest,\n      keyFactory,\n      accessToken,\n      searchIndexId,\n      columnModels,\n    ],\n  )\n\n  // TODO: useDeepCompareMemoize cannot meaningfully compare functions — it falls back to\n  // reference equality for them. The callbacks below (getCurrentQueryRequest, removeSelectedFacet,\n  // getRowDataQueryOptionsForPage, etc.) behave identically to a shallow useMemo dep.\n  // The correct fix is to deep-compare only serializable data fields and use a plain useMemo for\n  // the full context object. QueryWrapper.tsx has the same issue; fix both together in a follow-up.\n  const context: QueryContextType = useDeepCompareMemoize({\n    isInfinite,\n    entityId: synapseId,\n    versionNumber: undefined,\n    nextQueryRequest,\n    currentQueryRequest,\n    getCurrentQueryRequest,\n    getInitQueryRequest,\n    executeQueryRequest: setQuery,\n    hasFacetedSelectColumn,\n    hasResettableFilters,\n    removeSelectedFacet,\n    removeValueFromSelectedFacet,\n    resetQuery,\n    removeQueryFilter,\n    removeValueFromQueryFilter,\n    onViewSharingSettingsClicked: undefined,\n    addValueToSelectedFacet,\n    combineRangeFacetConfig: undefined,\n    setRangeFacetValue,\n    resetDebounceTimer,\n    rowDataQueryOptions,\n    rowDataInfiniteQueryOptions,\n    queryMetadataQueryOptions,\n    currentPage,\n    goToPage,\n    pageSize,\n    setPageSize,\n    lockedColumn: undefined,\n    fileIdColumnName: undefined,\n    fileVersionColumnName: undefined,\n    fileNameColumnName: undefined,\n    getRowDataQueryOptionsForPage,\n  })\n\n  return (\n    <QueryContextProvider queryContext={context}>\n      {onQueryResultBundleChange && (\n        <SearchQueryResultBundleChangeNotifier\n          onQueryResultBundleChange={onQueryResultBundleChange}\n        />\n      )}\n      {props.children}\n    </QueryContextProvider>\n  )\n}\n\n/**\n * Provides a QueryContext populated by results from the SearchQueryServicesApi rather than\n * the standard Table Query Services. All subcomponents that consume QueryContext can be\n * used unchanged within a SearchQueryWrapper tree.\n */\nexport function SearchQueryWrapper(props: SearchQueryWrapperProps) {\n  return (\n    <Provider>\n      <SearchQueryWrapperInternal {...props} />\n    </Provider>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AA6CA,IAAa,IAA2C,UAC3C,IAAqC,iBAAiB;AAgCnE,SAAS,EAAsC,EAC7C,gCAGC;CACD,IAAM,EAAE,iCAA8B,GAAiB,EAQjD,EAAE,YAAS,EAAS,EAAU,EAK9B,IAA+B,EAAO,EAA0B;AAOtE,QANA,EAA6B,UAAU,GACvC,QAAgB;AACd,EAAI,KACF,EAA6B,QAAQ,KAAK,UAAU,EAAK,CAAC;IAE3D,CAAC,EAAK,CAAC,EACH;;AAGT,SAAS,EAA2B,GAAgC;AAClE,QACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAuC,GAAI,GAAS,CAAA,EAC5B,CAAA;;AAI9B,SAAS,EAAsC,GAAgC;CAC7E,IAAM,EACJ,kBAAkB,GAClB,kBACA,8BACA,gBAAa,IACb,kBACA,oBAAiB,OACf,GAEE,EAAE,eAAY,mBAAgB,GAAmB,EAEjD,EAAE,MAAM,MAA0B,EACtC,GACA,KAAA,GACA,EACE,cAAc,IACf,CACF,EACK,IAAoB,GAEpB,IAAY,GAAmB,cACjC,EAA8B,EAAkB,YAAY,GAC5D,KAAA,GAEE,EAAE,MAAM,MAAiB,EAC7B,GACA,KAAA,GACA,EAAE,oBAAoB,IAAM,EAC5B,EAAE,cAAc,IAAM,CACvB,EACK,IAAe,GAAc,aAAa,cAyB1C,EACJ,wBACA,2BACA,aACA,eACA,wBACA,iCACA,sBACA,+BACA,qBACA,wBACA,4BACA,uBACA,uBACA,gBACA,UAAA,GACA,aACA,mBAvBgC,EAAuB;EACvD,kBAfuB,EAAsB;GAC7C,cACE;GACF,UAAU;GACV,UAAU,EAA0B,YAAY;GAChD,OAAO;IACL,KAAK;IACL,gBAAgB,EAA0B,OAAO;IACjD,mBAAmB,EAA0B,OAAO;IACpD,OAAO,EAA0B,OAAO;IACxC,QAAQ,EAA0B,OAAO;IAC1C;GACF,CAGC;EACA;EACA;EACD,CAoBG,EAME,EACJ,wBACA,gCACA,iCACE,EACF,GACA,GACA,EACD;AA+ED,QACE,kBAAC,GAAD;EAAsB,cApCU,EAAsB;GACtD;GACA,UAAU;GACV,eAAe,KAAA;GACf;GACA;GACA;GACA;GACA,qBAAqB;GACrB,wBAnD6B,EAC7B,EAkDA;GACA,sBAhD2B,QAEpB,EADS,GACgB,CAAQ,OAAO,KAAA,EAAU,EACxD,CAAC,EAAuB,CA6CzB;GACA;GACA;GACA;GACA;GACA;GACA,8BAA8B,KAAA;GAC9B;GACA,yBAAyB,KAAA;GACzB;GACA;GACA;GACA;GACA;GACA;GACA,UAAA;GACA;GACA;GACA,cAAc,KAAA;GACd,kBAAkB,KAAA;GAClB,uBAAuB,KAAA;GACvB,oBAAoB,KAAA;GACpB,+BA9DoC,GACnC,MAMG,EAL2B,EAC3B;IAAE,MAAM;IAAY;IAAY,EAChC,EAAU,GAAwB,CAAC,CAIjC,EACA,GACA,GACA,GACA,EACD,CACD,qBAEJ;IACE;IACA;IACA;IACA;IACA;IACD,CAwCD;GACD,CAGqC;YAApC,CACG,KACC,kBAAC,GAAD,EAC6B,8BAC3B,CAAA,EAEH,EAAM,SACc;;;AAS3B,SAAgB,EAAmB,GAAgC;AACjE,QACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAA4B,GAAI,GAAS,CAAA,EAChC,CAAA"}
+{"version":3,"file":"SearchQueryWrapper.js","names":[],"sources":["../../../src/components/SearchQueryWrapper/SearchQueryWrapper.tsx"],"sourcesContent":["import { hasResettableFilters as hasResettableFiltersUtil } from '@/utils/functions/queryUtils'\nimport { parseEntityIdFromSqlStatement } from '@/utils/functions/SqlFunctions'\nimport useImmutableTableQuery from '@/utils/hooks/useImmutableTableQuery/useImmutableTableQuery'\nimport { goToPage as transformQueryToGoToPage } from '@/utils/hooks/useImmutableTableQuery/TableQueryReducerActions'\nimport {\n  AsynchronousJobStatus,\n  QueryBundleRequest,\n  QueryResultBundle,\n} from '@sage-bionetworks/synapse-types'\nimport { Provider } from 'jotai'\nimport {\n  PropsWithChildren,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react'\nimport { useDeepCompareMemoize } from 'use-deep-compare-effect'\nimport {\n  QueryContextProvider,\n  QueryContextType,\n  useQueryContext,\n} from '../QueryContext/QueryContext'\nimport {\n  getSearchQueryUseQueryOptions,\n  useSearchQueryUseQueryOptions,\n} from './SearchQueryUseQueryOptions'\nimport { TableQueryUseQueryOptions } from '../QueryWrapper/TableQueryUseQueryOptions'\nimport useHasFacetedSelectColumn from '../QueryWrapper/useHasFacetedSelectColumn'\nimport { SessionInitializedGuard } from '@/utils/AppUtils/session/SessionInitializedGuard'\nimport { useGetEntity, useGetEntityBundle } from '@/synapse-queries'\nimport type {\n  SearchIndexQuery,\n  SynapseClientError,\n} from '@sage-bionetworks/synapse-client'\nimport { SearchIndex } from '@sage-bionetworks/synapse-client'\nimport { useQuery, UseQueryOptions } from '@tanstack/react-query'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { cloneDeep } from 'lodash-es'\n\n/**\n * The initQueryRequest used internally within SearchQueryWrapper. It uses a synthetic entity ID\n * and SQL so we can reuse useImmutableTableQuery for facet/pagination state management, even though\n * the actual data is fetched from the SearchQueryServicesApi (not a table entity).\n */\nexport const SEARCH_QUERY_WRAPPER_SYNTHETIC_ENTITY_ID = 'search'\nexport const SEARCH_QUERY_WRAPPER_SYNTHETIC_SQL = `SELECT * FROM ${SEARCH_QUERY_WRAPPER_SYNTHETIC_ENTITY_ID}`\n\nexport type SearchQueryWrapperProps = PropsWithChildren<{\n  /**\n   * The ID of the SearchIndex entity to query.\n   */\n  searchIndexId: string\n  /**\n   * The initial query request. Only `query.selectedFacets`, `query.additionalFilters`,\n   * `query.limit`, and `query.offset` are used; the `entityId` and `sql` fields are\n   * overridden with synthetic values. The `partMask` controls which parts of the response\n   * bundle to request.\n   */\n  initQueryRequest: {\n    concreteType?: QueryBundleRequest['concreteType']\n    partMask?: QueryBundleRequest['partMask']\n    query?: Partial<QueryBundleRequest['query']>\n  }\n  /** If onQueryChange is set, the callback will be invoked when the Query changes */\n  onQueryChange?: (newQueryJson: string) => void\n  /** If onQueryResultBundleChange is set, it will be called whenever the query result bundle changes */\n  onQueryResultBundleChange?: (newQueryResultBundleJson: string) => void\n  isInfinite?: boolean\n  /** Whether the URL should update when the query is modified (deep linking). */\n  shouldDeepLink?: boolean\n}>\n\n/**\n * Internal component that reads the current query metadata from QueryContext and fires\n * onQueryResultBundleChange whenever the data changes. Must be rendered as a child of\n * QueryContextProvider (i.e. inside SearchQueryWrapper).\n */\nfunction SearchQueryResultBundleChangeNotifier({\n  onQueryResultBundleChange,\n}: {\n  onQueryResultBundleChange: (json: string) => void\n}) {\n  const { queryMetadataQueryOptions } = useQueryContext()\n  // queryMetadataQueryOptions is UseSuspenseQueryOptions; cast to UseQueryOptions so we can use\n  // regular (non-suspense) `useQuery` here — the same cache key is shared, so no extra request is made.\n  const queryOpts = queryMetadataQueryOptions as UseQueryOptions<\n    AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n    SynapseClientError,\n    Omit<QueryResultBundle, 'queryResult'>\n  >\n  const { data } = useQuery(queryOpts)\n  // Use a ref so we always call the latest callback without including it in the\n  // effect dependency array. Including a frequently-recreated callback in deps\n  // causes the effect to re-fire on every render, creating an infinite loop when\n  // the parent updates state inside the callback.\n  const onQueryResultBundleChangeRef = useRef(onQueryResultBundleChange)\n  onQueryResultBundleChangeRef.current = onQueryResultBundleChange\n  useEffect(() => {\n    if (data) {\n      onQueryResultBundleChangeRef.current(JSON.stringify(data))\n    }\n  }, [data])\n  return null\n}\n\nfunction SearchQueryWrapperInternal(props: SearchQueryWrapperProps) {\n  return (\n    <SessionInitializedGuard>\n      <SearchQueryWrapperInternalWithSession {...props} />\n    </SessionInitializedGuard>\n  )\n}\n\nfunction SearchQueryWrapperInternalWithSession(props: SearchQueryWrapperProps) {\n  const {\n    initQueryRequest: initQueryRequestFromProps,\n    onQueryChange,\n    onQueryResultBundleChange,\n    isInfinite = false,\n    searchIndexId,\n    shouldDeepLink = false,\n  } = props\n\n  const { keyFactory, accessToken } = useSynapseContext()\n\n  const { data: searchIndexEntityData } = useGetEntity(\n    searchIndexId,\n    undefined,\n    {\n      throwOnError: true,\n    },\n  )\n  const searchIndexEntity = searchIndexEntityData as SearchIndex | undefined\n\n  const synapseId = searchIndexEntity?.definingSQL\n    ? parseEntityIdFromSqlStatement(searchIndexEntity.definingSQL)\n    : undefined\n\n  const { data: entityBundle } = useGetEntityBundle(\n    synapseId,\n    undefined,\n    { includeTableBundle: true },\n    { throwOnError: true },\n  )\n  const columnModels = entityBundle?.tableBundle?.columnModels\n\n  // Build a full synthetic QueryBundleRequest so we can reuse useImmutableTableQuery.\n  // The entityId and sql are placeholders; only selectedFacets, limit, offset, and partMask\n  // are passed through to the actual SearchQueryServicesApi call.\n  const initQueryRequest = useDeepCompareMemoize({\n    concreteType:\n      'org.sagebionetworks.repo.model.table.QueryBundleRequest' as const,\n    entityId: SEARCH_QUERY_WRAPPER_SYNTHETIC_ENTITY_ID,\n    partMask: initQueryRequestFromProps.partMask ?? 0,\n    query: {\n      sql: SEARCH_QUERY_WRAPPER_SYNTHETIC_SQL,\n      selectedFacets: initQueryRequestFromProps.query?.selectedFacets,\n      additionalFilters: initQueryRequestFromProps.query?.additionalFilters,\n      limit: initQueryRequestFromProps.query?.limit,\n      offset: initQueryRequestFromProps.query?.offset,\n    },\n  }) as QueryBundleRequest\n\n  const immutableTableQueryResult = useImmutableTableQuery({\n    initQueryRequest,\n    onQueryChange,\n    shouldDeepLink,\n  })\n\n  const {\n    getInitQueryRequest,\n    getCurrentQueryRequest,\n    setQuery,\n    resetQuery,\n    removeSelectedFacet,\n    removeValueFromSelectedFacet,\n    removeQueryFilter,\n    removeValueFromQueryFilter,\n    nextQueryRequest,\n    currentQueryRequest,\n    addValueToSelectedFacet,\n    setRangeFacetValue,\n    resetDebounceTimer,\n    currentPage,\n    goToPage,\n    pageSize,\n    setPageSize,\n  } = immutableTableQueryResult\n\n  // SearchTableQueryUseQueryOptions uses SearchIndexQuery generics rather than QueryBundleRequest.\n  // QueryContextType (and all downstream consumers) expect TableQueryUseQueryOptions. The runtime\n  // shapes are identical — only the TypeScript generics differ — so a single cast is made here at\n  // the architectural boundary rather than scattering `as unknown as` across the implementation.\n  const {\n    rowDataQueryOptions,\n    rowDataInfiniteQueryOptions,\n    queryMetadataQueryOptions,\n  } = useSearchQueryUseQueryOptions(\n    currentQueryRequest as QueryBundleRequest,\n    searchIndexId,\n    synapseId,\n  ) as unknown as TableQueryUseQueryOptions\n\n  const hasFacetedSelectColumn = useHasFacetedSelectColumn(\n    queryMetadataQueryOptions,\n  )\n\n  const hasResettableFilters = useMemo(() => {\n    const request = getCurrentQueryRequest()\n    return hasResettableFiltersUtil(request.query, undefined)\n  }, [getCurrentQueryRequest])\n\n  // Provides page-specific row query options using the search API, so components like\n  // usePrefetchTableRows don't accidentally call the standard table query API with the\n  // synthetic entity ID.\n  const getRowDataQueryOptionsForPage = useCallback(\n    (pageNumber: number) => {\n      const queryWithUpdatedPage = transformQueryToGoToPage(\n        { type: 'goToPage', pageNumber },\n        cloneDeep(getCurrentQueryRequest()),\n      )\n      return (\n        getSearchQueryUseQueryOptions(\n          queryWithUpdatedPage,\n          keyFactory,\n          accessToken,\n          searchIndexId,\n          columnModels,\n        ) as unknown as TableQueryUseQueryOptions\n      ).rowDataQueryOptions\n    },\n    [\n      getCurrentQueryRequest,\n      keyFactory,\n      accessToken,\n      searchIndexId,\n      columnModels,\n    ],\n  )\n\n  // TODO: useDeepCompareMemoize cannot meaningfully compare functions — it falls back to\n  // reference equality for them. The callbacks below (getCurrentQueryRequest, removeSelectedFacet,\n  // getRowDataQueryOptionsForPage, etc.) behave identically to a shallow useMemo dep.\n  // The correct fix is to deep-compare only serializable data fields and use a plain useMemo for\n  // the full context object. QueryWrapper.tsx has the same issue; fix both together in a follow-up.\n  const context: QueryContextType = useDeepCompareMemoize({\n    isInfinite,\n    entityId: synapseId,\n    versionNumber: undefined,\n    nextQueryRequest,\n    currentQueryRequest,\n    getCurrentQueryRequest,\n    getInitQueryRequest,\n    executeQueryRequest: setQuery,\n    hasFacetedSelectColumn,\n    hasResettableFilters,\n    removeSelectedFacet,\n    removeValueFromSelectedFacet,\n    resetQuery,\n    removeQueryFilter,\n    removeValueFromQueryFilter,\n    onViewSharingSettingsClicked: undefined,\n    addValueToSelectedFacet,\n    combineRangeFacetConfig: undefined,\n    setRangeFacetValue,\n    resetDebounceTimer,\n    rowDataQueryOptions,\n    rowDataInfiniteQueryOptions,\n    queryMetadataQueryOptions,\n    currentPage,\n    goToPage,\n    pageSize,\n    setPageSize,\n    lockedColumn: undefined,\n    fileIdColumnName: undefined,\n    fileVersionColumnName: undefined,\n    fileNameColumnName: undefined,\n    getRowDataQueryOptionsForPage,\n  })\n\n  return (\n    <QueryContextProvider queryContext={context}>\n      {onQueryResultBundleChange && (\n        <SearchQueryResultBundleChangeNotifier\n          onQueryResultBundleChange={onQueryResultBundleChange}\n        />\n      )}\n      {props.children}\n    </QueryContextProvider>\n  )\n}\n\n/**\n * Provides a QueryContext populated by results from the SearchQueryServicesApi rather than\n * the standard Table Query Services. All subcomponents that consume QueryContext can be\n * used unchanged within a SearchQueryWrapper tree.\n */\nexport function SearchQueryWrapper(props: SearchQueryWrapperProps) {\n  return (\n    <Provider>\n      <SearchQueryWrapperInternal {...props} />\n    </Provider>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AA6CA,IAAa,IAA2C,UAC3C,IAAqC,iBAAiB;AAgCnE,SAAS,EAAsC,EAC7C,gCAGC;CACD,IAAM,EAAE,iCAA8B,EAAgB,GAQhD,EAAE,YAAS,EAAS,CAAS,GAK7B,IAA+B,EAAO,CAAyB;CAOrE,OANA,EAA6B,UAAU,GACvC,QAAgB;EACd,AAAI,KACF,EAA6B,QAAQ,KAAK,UAAU,CAAI,CAAC;CAE7D,GAAG,CAAC,CAAI,CAAC,GACF;AACT;AAEA,SAAS,EAA2B,GAAgC;CAClE,OACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAuC,GAAI,EAAQ,CAAA,EAC5B,CAAA;AAE7B;AAEA,SAAS,EAAsC,GAAgC;CAC7E,IAAM,EACJ,kBAAkB,GAClB,kBACA,8BACA,gBAAa,IACb,kBACA,oBAAiB,OACf,GAEE,EAAE,eAAY,mBAAgB,EAAkB,GAEhD,EAAE,MAAM,MAA0B,EACtC,GACA,KAAA,GACA,EACE,cAAc,GAChB,CACF,GACM,IAAoB,GAEpB,IAAY,GAAmB,cACjC,EAA8B,EAAkB,WAAW,IAC3D,KAAA,GAEE,EAAE,MAAM,MAAiB,EAC7B,GACA,KAAA,GACA,EAAE,oBAAoB,GAAK,GAC3B,EAAE,cAAc,GAAK,CACvB,GACM,IAAe,GAAc,aAAa,cAyB1C,EACJ,wBACA,2BACA,aACA,eACA,wBACA,iCACA,sBACA,+BACA,qBACA,wBACA,4BACA,uBACA,uBACA,gBACA,UAAA,GACA,aACA,mBAvBgC,EAAuB;EACvD,kBAfuB,EAAsB;GAC7C,cACE;GACF,UAAU;GACV,UAAU,EAA0B,YAAY;GAChD,OAAO;IACL,KAAK;IACL,gBAAgB,EAA0B,OAAO;IACjD,mBAAmB,EAA0B,OAAO;IACpD,OAAO,EAA0B,OAAO;IACxC,QAAQ,EAA0B,OAAO;GAC3C;EACF,CAGE;EACA;EACA;CACF,CAoBI,GAME,EACJ,wBACA,gCACA,iCACE,EACF,GACA,GACA,CACF;CA+EA,OACE,kBAAC,GAAD;EAAsB,cApCU,EAAsB;GACtD;GACA,UAAU;GACV,eAAe,KAAA;GACf;GACA;GACA;GACA;GACA,qBAAqB;GACrB,wBAnD6B,EAC7B,CAkDA;GACA,sBAhD2B,QAEpB,EADS,EACgB,EAAQ,OAAO,KAAA,CAAS,GACvD,CAAC,CAAsB,CA6CxB;GACA;GACA;GACA;GACA;GACA;GACA,8BAA8B,KAAA;GAC9B;GACA,yBAAyB,KAAA;GACzB;GACA;GACA;GACA;GACA;GACA;GACA,UAAA;GACA;GACA;GACA,cAAc,KAAA;GACd,kBAAkB,KAAA;GAClB,uBAAuB,KAAA;GACvB,oBAAoB,KAAA;GACpB,+BA9DoC,GACnC,MAMG,EAL2B,EAC3B;IAAE,MAAM;IAAY;GAAW,GAC/B,EAAU,EAAuB,CAAC,CAIhC,GACA,GACA,GACA,GACA,CACF,EACA,qBAEJ;IACE;IACA;IACA;IACA;IACA;GACF,CAwCA;EACF,CAGsC;YAApC,CACG,KACC,kBAAC,GAAD,EAC6B,6BAC5B,CAAA,GAEF,EAAM,QACa;;AAE1B;AAOA,SAAgB,EAAmB,GAAgC;CACjE,OACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAA4B,GAAI,EAAQ,CAAA,EAChC,CAAA;AAEd"}

package/dist/components/SearchQueryWrapperPlotNav/SearchQueryWrapperPlotNav.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchQueryWrapperPlotNav.js","names":[],"sources":["../../../src/components/SearchQueryWrapperPlotNav/SearchQueryWrapperPlotNav.tsx"],"sourcesContent":["import { NoContentPlaceholderType } from '@/components/SynapseTable/NoContentPlaceholderType'\nimport { DEFAULT_PAGE_SIZE } from '@/utils/SynapseConstants'\nimport { Suspense, useRef } from 'react'\nimport { useDeepCompareMemoize } from 'use-deep-compare-effect'\nimport { CardConfiguration } from '../CardContainer/CardConfiguration'\nimport {\n  QueryVisualizationWrapper,\n  QueryVisualizationWrapperProps,\n} from '../QueryVisualizationWrapper'\nimport QueryWrapperLoadingScreen from '../QueryWrapper/QueryWrapperLoadingScreen'\nimport { SynapseTableConfiguration } from '../SynapseTable'\nimport { TopLevelControlsProps } from '../SynapseTable/TopLevelControls/TopLevelControls'\nimport { PlotsContainerProps } from '../widgets/facet-nav/PlotsContainer'\nimport { FacetFilterControlsProps } from '../widgets/query-filter/FacetFilterControls'\nimport {\n  SearchQueryWrapper,\n  SearchQueryWrapperProps,\n} from '../SearchQueryWrapper/SearchQueryWrapper'\nimport { QueryWrapperPlotNavContents } from '../QueryWrapperPlotNav/QueryWrapperPlotNav'\nimport { useGetSuggestionsForSearchIndex } from '../SearchQueryWrapper/SearchQueryUseQueryOptions'\n\ntype SearchQueryWrapperPlotNavOwnProps = {\n  /** The ID of the SearchIndex entity to query. */\n  searchIndexId: string\n  /**\n   * The name of the field to use for autocomplete suggestions.\n   * When provided, the search bar will show a dropdown of suggestions as the user types,\n   * populated by querying the search index with this field restricted via POST /search/autocomplete.\n   */\n  autocompleteFieldName?: string\n  /** Whether the displayed results should be paginated or infinite. Default for cards is true, default for table is false */\n  isInfinite?: boolean\n  tableConfiguration?: SynapseTableConfiguration\n  cardConfiguration?: CardConfiguration\n  facetsToPlot?: string[]\n  availableFacets?: FacetFilterControlsProps['availableFacets']\n  initialExpandedFacetControls?: FacetFilterControlsProps['initialExpandedFacetControls']\n  initialLimit?: number\n  hideTopLevelControls?: boolean\n  // Note: hideDownload, hideSqlEditorControl are intentionally\n  // excluded — they are hardcoded to true because these controls are not applicable to the\n  // SearchQueryServicesApi (no file download, no SQL editing).\n}\n\nexport type SearchQueryWrapperPlotNavProps = SearchQueryWrapperPlotNavOwnProps &\n  PlotsContainerProps &\n  Pick<\n    QueryVisualizationWrapperProps,\n    | 'defaultShowPlots'\n    | 'visibleColumnCount'\n    | 'hiddenColumns'\n    | 'columnAliases'\n    | 'rgbIndex'\n    | 'showLastUpdatedOn'\n    | 'noContentPlaceholderType'\n    | 'unitDescription'\n    | 'helpConfiguration'\n    | 'hideCopyToClipboard'\n    | 'hideVisualizationsControl'\n    | 'lockTextMatchesQueryFilterPill'\n    | 'hideSearchBarControl'\n    | 'defaultShowSearchBar'\n  > &\n  Pick<TopLevelControlsProps, 'name' | 'hideQueryCount'> & {\n    /** Optional initial query parameters. Only selectedFacets, additionalFilters, limit, and offset are used. */\n    initQueryRequest?: SearchQueryWrapperProps['initQueryRequest']\n    /** Called when the query result bundle changes (e.g. to report result counts to a parent). */\n    onQueryResultBundleChange?: SearchQueryWrapperProps['onQueryResultBundleChange']\n    /** Whether the URL should update when the query is modified (deep linking). */\n    shouldDeepLink?: SearchQueryWrapperProps['shouldDeepLink']\n  }\n\n/**\n * Type guard that identifies a SearchQueryWrapperPlotNavProps from the union\n * `QueryWrapperPlotNavProps | SearchQueryWrapperPlotNavProps`.\n *\n * Two conditions are checked to be robust against future API changes:\n *  1. The config has `searchIndexId` (present only on SearchQueryWrapperPlotNavProps).\n *  2. The config does NOT have `sql` (always present on QueryWrapperPlotNavProps via\n *     QueryOrDeprecatedSearchParams), so that if QueryWrapperPlotNavProps ever gains a\n *     `searchIndexId` field the guard remains correct.\n */\nexport function isSearchQueryWrapperPlotNavProps(config: {\n  searchIndexId?: unknown\n  sql?: unknown\n}): config is SearchQueryWrapperPlotNavProps {\n  return 'searchIndexId' in config && !('sql' in config)\n}\n\n/**\n * A component similar to QueryWrapperPlotNav that sources its data from the SearchQueryServicesApi\n * rather than the standard Synapse Table Services. Facets, table/card rendering, and plots are\n * all reused from the existing component library.\n */\nexport default function SearchQueryWrapperPlotNav(\n  props: SearchQueryWrapperPlotNavProps,\n) {\n  const {\n    tableConfiguration,\n    isInfinite = !tableConfiguration,\n    unitDescription,\n    helpConfiguration,\n    initQueryRequest: initQueryRequestFromProps,\n    onQueryResultBundleChange,\n    searchIndexId,\n    autocompleteFieldName,\n    shouldDeepLink,\n  } = props\n\n  const getSuggestions = useGetSuggestionsForSearchIndex(\n    searchIndexId,\n    autocompleteFieldName,\n  )\n\n  const initQueryRequest: SearchQueryWrapperProps['initQueryRequest'] =\n    useDeepCompareMemoize({\n      partMask: initQueryRequestFromProps?.partMask ?? 0,\n      query: {\n        selectedFacets: initQueryRequestFromProps?.query?.selectedFacets,\n        additionalFilters: initQueryRequestFromProps?.query?.additionalFilters,\n        limit: initQueryRequestFromProps?.query?.limit ?? DEFAULT_PAGE_SIZE,\n        offset: initQueryRequestFromProps?.query?.offset ?? 0,\n      },\n    })\n\n  // Remount SearchQueryWrapper when initQueryRequest content changes.\n  // useDeepCompareMemoize returns the same reference when content is equal, so reference\n  // comparison is sufficient here. A counter is used rather than JSON.stringify to avoid\n  // serializing the object on every render.\n  const mountKeyRef = useRef(0)\n  const prevInitQueryRef = useRef(initQueryRequest)\n  if (prevInitQueryRef.current !== initQueryRequest) {\n    mountKeyRef.current += 1\n    prevInitQueryRef.current = initQueryRequest\n  }\n\n  return (\n    <SearchQueryWrapper\n      key={mountKeyRef.current}\n      searchIndexId={searchIndexId}\n      initQueryRequest={initQueryRequest}\n      isInfinite={isInfinite}\n      onQueryResultBundleChange={onQueryResultBundleChange}\n      shouldDeepLink={shouldDeepLink}\n    >\n      <Suspense fallback={<QueryWrapperLoadingScreen />}>\n        <QueryVisualizationWrapper\n          unitDescription={unitDescription}\n          rgbIndex={props.rgbIndex}\n          columnAliases={props.columnAliases}\n          helpConfiguration={helpConfiguration}\n          visibleColumnCount={props.visibleColumnCount}\n          hiddenColumns={props.hiddenColumns}\n          defaultShowPlots={props.defaultShowPlots}\n          hideCopyToClipboard={props.hideCopyToClipboard}\n          hideSearchBarControl={props.hideSearchBarControl ?? false}\n          lockTextMatchesQueryFilterPill={props.lockTextMatchesQueryFilterPill}\n          defaultShowSearchBar={props.defaultShowSearchBar ?? true}\n          showLastUpdatedOn={props.showLastUpdatedOn}\n          noContentPlaceholderType={\n            props.noContentPlaceholderType ??\n            NoContentPlaceholderType.INTERACTIVE\n          }\n        >\n          <QueryWrapperPlotNavContents\n            tableConfiguration={tableConfiguration}\n            name={props.name}\n            cardConfiguration={props.cardConfiguration}\n            facetsToPlot={props.facetsToPlot}\n            availableFacets={props.availableFacets}\n            initialExpandedFacetControls={props.initialExpandedFacetControls}\n            hideDownload={true}\n            hideQueryCount={props.hideQueryCount ?? false}\n            hideSqlEditorControl={true}\n            hideVisualizationsControl={props.hideVisualizationsControl}\n            initialLimit={props.initialLimit}\n            initialPlotTypeByFacetColumnName={\n              props.initialPlotTypeByFacetColumnName\n            }\n            hideTopLevelControls={props.hideTopLevelControls}\n            isFullTextSearchEnabled={true}\n            searchConfiguration={{\n              ftsConfig: {\n                textMatchesMode: 'NATURAL_LANGUAGE',\n                minSearchQueryLength: 1,\n                replaceExistingFilter: true,\n                getSuggestions: autocompleteFieldName\n                  ? getSuggestions\n                  : undefined,\n              },\n            }}\n          />\n        </QueryVisualizationWrapper>\n      </Suspense>\n    </SearchQueryWrapper>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAkFA,SAAgB,EAAiC,GAGJ;AAC3C,QAAO,mBAAmB,KAAU,EAAE,SAAS;;AAQjD,SAAwB,EACtB,GACA;CACA,IAAM,EACJ,uBACA,gBAAa,CAAC,GACd,oBACA,sBACA,kBAAkB,GAClB,8BACA,kBACA,0BACA,sBACE,GAEE,IAAiB,EACrB,GACA,EACD,EAEK,IACJ,EAAsB;EACpB,UAAU,GAA2B,YAAY;EACjD,OAAO;GACL,gBAAgB,GAA2B,OAAO;GAClD,mBAAmB,GAA2B,OAAO;GACrD,OAAO,GAA2B,OAAO,SAAA;GACzC,QAAQ,GAA2B,OAAO,UAAU;GACrD;EACF,CAAC,EAME,IAAc,EAAO,EAAE,EACvB,IAAmB,EAAO,EAAiB;AAMjD,QALI,EAAiB,YAAY,MAC/B,EAAY,WAAW,GACvB,EAAiB,UAAU,IAI3B,kBAAC,GAAD;EAEiB;EACG;EACN;EACe;EACX;YAEhB,kBAAC,GAAD;GAAU,UAAU,kBAAC,GAAD,EAA6B,CAAA;aAC/C,kBAAC,GAAD;IACmB;IACjB,UAAU,EAAM;IAChB,eAAe,EAAM;IACF;IACnB,oBAAoB,EAAM;IAC1B,eAAe,EAAM;IACrB,kBAAkB,EAAM;IACxB,qBAAqB,EAAM;IAC3B,sBAAsB,EAAM,wBAAwB;IACpD,gCAAgC,EAAM;IACtC,sBAAsB,EAAM,wBAAwB;IACpD,mBAAmB,EAAM;IACzB,0BACE,EAAM,4BACN,EAAyB;cAG3B,kBAAC,GAAD;KACsB;KACpB,MAAM,EAAM;KACZ,mBAAmB,EAAM;KACzB,cAAc,EAAM;KACpB,iBAAiB,EAAM;KACvB,8BAA8B,EAAM;KACpC,cAAc;KACd,gBAAgB,EAAM,kBAAkB;KACxC,sBAAsB;KACtB,2BAA2B,EAAM;KACjC,cAAc,EAAM;KACpB,kCACE,EAAM;KAER,sBAAsB,EAAM;KAC5B,yBAAyB;KACzB,qBAAqB,EACnB,WAAW;MACT,iBAAiB;MACjB,sBAAsB;MACtB,uBAAuB;MACvB,gBAAgB,IACZ,IACA,KAAA;MACL,EACF;KACD,CAAA;IACwB,CAAA;GACnB,CAAA;EACQ,EAxDd,EAAY,QAwDE"}
+{"version":3,"file":"SearchQueryWrapperPlotNav.js","names":[],"sources":["../../../src/components/SearchQueryWrapperPlotNav/SearchQueryWrapperPlotNav.tsx"],"sourcesContent":["import { NoContentPlaceholderType } from '@/components/SynapseTable/NoContentPlaceholderType'\nimport { DEFAULT_PAGE_SIZE } from '@/utils/SynapseConstants'\nimport { Suspense, useRef } from 'react'\nimport { useDeepCompareMemoize } from 'use-deep-compare-effect'\nimport { CardConfiguration } from '../CardContainer/CardConfiguration'\nimport {\n  QueryVisualizationWrapper,\n  QueryVisualizationWrapperProps,\n} from '../QueryVisualizationWrapper'\nimport QueryWrapperLoadingScreen from '../QueryWrapper/QueryWrapperLoadingScreen'\nimport { SynapseTableConfiguration } from '../SynapseTable'\nimport { TopLevelControlsProps } from '../SynapseTable/TopLevelControls/TopLevelControls'\nimport { PlotsContainerProps } from '../widgets/facet-nav/PlotsContainer'\nimport { FacetFilterControlsProps } from '../widgets/query-filter/FacetFilterControls'\nimport {\n  SearchQueryWrapper,\n  SearchQueryWrapperProps,\n} from '../SearchQueryWrapper/SearchQueryWrapper'\nimport { QueryWrapperPlotNavContents } from '../QueryWrapperPlotNav/QueryWrapperPlotNav'\nimport { useGetSuggestionsForSearchIndex } from '../SearchQueryWrapper/SearchQueryUseQueryOptions'\n\ntype SearchQueryWrapperPlotNavOwnProps = {\n  /** The ID of the SearchIndex entity to query. */\n  searchIndexId: string\n  /**\n   * The name of the field to use for autocomplete suggestions.\n   * When provided, the search bar will show a dropdown of suggestions as the user types,\n   * populated by querying the search index with this field restricted via POST /search/autocomplete.\n   */\n  autocompleteFieldName?: string\n  /** Whether the displayed results should be paginated or infinite. Default for cards is true, default for table is false */\n  isInfinite?: boolean\n  tableConfiguration?: SynapseTableConfiguration\n  cardConfiguration?: CardConfiguration\n  facetsToPlot?: string[]\n  availableFacets?: FacetFilterControlsProps['availableFacets']\n  initialExpandedFacetControls?: FacetFilterControlsProps['initialExpandedFacetControls']\n  initialLimit?: number\n  hideTopLevelControls?: boolean\n  // Note: hideDownload, hideSqlEditorControl are intentionally\n  // excluded — they are hardcoded to true because these controls are not applicable to the\n  // SearchQueryServicesApi (no file download, no SQL editing).\n}\n\nexport type SearchQueryWrapperPlotNavProps = SearchQueryWrapperPlotNavOwnProps &\n  PlotsContainerProps &\n  Pick<\n    QueryVisualizationWrapperProps,\n    | 'defaultShowPlots'\n    | 'visibleColumnCount'\n    | 'hiddenColumns'\n    | 'columnAliases'\n    | 'rgbIndex'\n    | 'showLastUpdatedOn'\n    | 'noContentPlaceholderType'\n    | 'unitDescription'\n    | 'helpConfiguration'\n    | 'hideCopyToClipboard'\n    | 'hideVisualizationsControl'\n    | 'lockTextMatchesQueryFilterPill'\n    | 'hideSearchBarControl'\n    | 'defaultShowSearchBar'\n  > &\n  Pick<TopLevelControlsProps, 'name' | 'hideQueryCount'> & {\n    /** Optional initial query parameters. Only selectedFacets, additionalFilters, limit, and offset are used. */\n    initQueryRequest?: SearchQueryWrapperProps['initQueryRequest']\n    /** Called when the query result bundle changes (e.g. to report result counts to a parent). */\n    onQueryResultBundleChange?: SearchQueryWrapperProps['onQueryResultBundleChange']\n    /** Whether the URL should update when the query is modified (deep linking). */\n    shouldDeepLink?: SearchQueryWrapperProps['shouldDeepLink']\n  }\n\n/**\n * Type guard that identifies a SearchQueryWrapperPlotNavProps from the union\n * `QueryWrapperPlotNavProps | SearchQueryWrapperPlotNavProps`.\n *\n * Two conditions are checked to be robust against future API changes:\n *  1. The config has `searchIndexId` (present only on SearchQueryWrapperPlotNavProps).\n *  2. The config does NOT have `sql` (always present on QueryWrapperPlotNavProps via\n *     QueryOrDeprecatedSearchParams), so that if QueryWrapperPlotNavProps ever gains a\n *     `searchIndexId` field the guard remains correct.\n */\nexport function isSearchQueryWrapperPlotNavProps(config: {\n  searchIndexId?: unknown\n  sql?: unknown\n}): config is SearchQueryWrapperPlotNavProps {\n  return 'searchIndexId' in config && !('sql' in config)\n}\n\n/**\n * A component similar to QueryWrapperPlotNav that sources its data from the SearchQueryServicesApi\n * rather than the standard Synapse Table Services. Facets, table/card rendering, and plots are\n * all reused from the existing component library.\n */\nexport default function SearchQueryWrapperPlotNav(\n  props: SearchQueryWrapperPlotNavProps,\n) {\n  const {\n    tableConfiguration,\n    isInfinite = !tableConfiguration,\n    unitDescription,\n    helpConfiguration,\n    initQueryRequest: initQueryRequestFromProps,\n    onQueryResultBundleChange,\n    searchIndexId,\n    autocompleteFieldName,\n    shouldDeepLink,\n  } = props\n\n  const getSuggestions = useGetSuggestionsForSearchIndex(\n    searchIndexId,\n    autocompleteFieldName,\n  )\n\n  const initQueryRequest: SearchQueryWrapperProps['initQueryRequest'] =\n    useDeepCompareMemoize({\n      partMask: initQueryRequestFromProps?.partMask ?? 0,\n      query: {\n        selectedFacets: initQueryRequestFromProps?.query?.selectedFacets,\n        additionalFilters: initQueryRequestFromProps?.query?.additionalFilters,\n        limit: initQueryRequestFromProps?.query?.limit ?? DEFAULT_PAGE_SIZE,\n        offset: initQueryRequestFromProps?.query?.offset ?? 0,\n      },\n    })\n\n  // Remount SearchQueryWrapper when initQueryRequest content changes.\n  // useDeepCompareMemoize returns the same reference when content is equal, so reference\n  // comparison is sufficient here. A counter is used rather than JSON.stringify to avoid\n  // serializing the object on every render.\n  const mountKeyRef = useRef(0)\n  const prevInitQueryRef = useRef(initQueryRequest)\n  if (prevInitQueryRef.current !== initQueryRequest) {\n    mountKeyRef.current += 1\n    prevInitQueryRef.current = initQueryRequest\n  }\n\n  return (\n    <SearchQueryWrapper\n      key={mountKeyRef.current}\n      searchIndexId={searchIndexId}\n      initQueryRequest={initQueryRequest}\n      isInfinite={isInfinite}\n      onQueryResultBundleChange={onQueryResultBundleChange}\n      shouldDeepLink={shouldDeepLink}\n    >\n      <Suspense fallback={<QueryWrapperLoadingScreen />}>\n        <QueryVisualizationWrapper\n          unitDescription={unitDescription}\n          rgbIndex={props.rgbIndex}\n          columnAliases={props.columnAliases}\n          helpConfiguration={helpConfiguration}\n          visibleColumnCount={props.visibleColumnCount}\n          hiddenColumns={props.hiddenColumns}\n          defaultShowPlots={props.defaultShowPlots}\n          hideCopyToClipboard={props.hideCopyToClipboard}\n          hideSearchBarControl={props.hideSearchBarControl ?? false}\n          lockTextMatchesQueryFilterPill={props.lockTextMatchesQueryFilterPill}\n          defaultShowSearchBar={props.defaultShowSearchBar ?? true}\n          showLastUpdatedOn={props.showLastUpdatedOn}\n          noContentPlaceholderType={\n            props.noContentPlaceholderType ??\n            NoContentPlaceholderType.INTERACTIVE\n          }\n        >\n          <QueryWrapperPlotNavContents\n            tableConfiguration={tableConfiguration}\n            name={props.name}\n            cardConfiguration={props.cardConfiguration}\n            facetsToPlot={props.facetsToPlot}\n            availableFacets={props.availableFacets}\n            initialExpandedFacetControls={props.initialExpandedFacetControls}\n            hideDownload={true}\n            hideQueryCount={props.hideQueryCount ?? false}\n            hideSqlEditorControl={true}\n            hideVisualizationsControl={props.hideVisualizationsControl}\n            initialLimit={props.initialLimit}\n            initialPlotTypeByFacetColumnName={\n              props.initialPlotTypeByFacetColumnName\n            }\n            hideTopLevelControls={props.hideTopLevelControls}\n            isFullTextSearchEnabled={true}\n            searchConfiguration={{\n              ftsConfig: {\n                textMatchesMode: 'NATURAL_LANGUAGE',\n                minSearchQueryLength: 1,\n                replaceExistingFilter: true,\n                getSuggestions: autocompleteFieldName\n                  ? getSuggestions\n                  : undefined,\n              },\n            }}\n          />\n        </QueryVisualizationWrapper>\n      </Suspense>\n    </SearchQueryWrapper>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAkFA,SAAgB,EAAiC,GAGJ;CAC3C,OAAO,mBAAmB,KAAU,EAAE,SAAS;AACjD;AAOA,SAAwB,EACtB,GACA;CACA,IAAM,EACJ,uBACA,gBAAa,CAAC,GACd,oBACA,sBACA,kBAAkB,GAClB,8BACA,kBACA,0BACA,sBACE,GAEE,IAAiB,EACrB,GACA,CACF,GAEM,IACJ,EAAsB;EACpB,UAAU,GAA2B,YAAY;EACjD,OAAO;GACL,gBAAgB,GAA2B,OAAO;GAClD,mBAAmB,GAA2B,OAAO;GACrD,OAAO,GAA2B,OAAO,SAAA;GACzC,QAAQ,GAA2B,OAAO,UAAU;EACtD;CACF,CAAC,GAMG,IAAc,EAAO,CAAC,GACtB,IAAmB,EAAO,CAAgB;CAMhD,OALI,EAAiB,YAAY,MAC/B,EAAY,WAAW,GACvB,EAAiB,UAAU,IAI3B,kBAAC,GAAD;EAEiB;EACG;EACN;EACe;EACX;YAEhB,kBAAC,GAAD;GAAU,UAAU,kBAAC,GAAD,CAA4B,CAAA;aAC9C,kBAAC,GAAD;IACmB;IACjB,UAAU,EAAM;IAChB,eAAe,EAAM;IACF;IACnB,oBAAoB,EAAM;IAC1B,eAAe,EAAM;IACrB,kBAAkB,EAAM;IACxB,qBAAqB,EAAM;IAC3B,sBAAsB,EAAM,wBAAwB;IACpD,gCAAgC,EAAM;IACtC,sBAAsB,EAAM,wBAAwB;IACpD,mBAAmB,EAAM;IACzB,0BACE,EAAM,4BACN,EAAyB;cAG3B,kBAAC,GAAD;KACsB;KACpB,MAAM,EAAM;KACZ,mBAAmB,EAAM;KACzB,cAAc,EAAM;KACpB,iBAAiB,EAAM;KACvB,8BAA8B,EAAM;KACpC,cAAc;KACd,gBAAgB,EAAM,kBAAkB;KACxC,sBAAsB;KACtB,2BAA2B,EAAM;KACjC,cAAc,EAAM;KACpB,kCACE,EAAM;KAER,sBAAsB,EAAM;KAC5B,yBAAyB;KACzB,qBAAqB,EACnB,WAAW;MACT,iBAAiB;MACjB,sBAAsB;MACtB,uBAAuB;MACvB,gBAAgB,IACZ,IACA,KAAA;KACN,EACF;IACD,CAAA;GACwB,CAAA;EACnB,CAAA;CACQ,GAxDb,EAAY,OAwDC;AAExB"}

package/dist/components/SetAccessRequirementCommonFields/SetAccessRequirementCommonFields.js.map

@@ -1 +1 @@
-{"version":3,"file":"SetAccessRequirementCommonFields.js","names":[],"sources":["../../../src/components/SetAccessRequirementCommonFields/SetAccessRequirementCommonFields.tsx"],"sourcesContent":["import {\n  useCreateAccessRequirement,\n  useGetAccessRequirements,\n  useUpdateAccessRequirement,\n} from '@/synapse-queries'\nimport { spreadSx } from '@/theme/spreadSx'\nimport { HelpOutlineTwoTone } from '@mui/icons-material'\nimport {\n  Alert,\n  Checkbox,\n  FormControlLabel,\n  Radio,\n  RadioGroup,\n  Skeleton,\n  Stack,\n  TextField,\n  Tooltip,\n  Typography,\n  TypographyProps,\n} from '@mui/material'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport {\n  ACCESS_REQUIREMENT_CONCRETE_TYPE,\n  ACCESS_TYPE,\n  AccessRequirement,\n  MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  RestrictableObjectDescriptor,\n  RestrictableObjectType,\n  SELF_SIGN_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n} from '@sage-bionetworks/synapse-types'\nimport pluralize from 'pluralize'\nimport {\n  ForwardedRef,\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useState,\n} from 'react'\nimport EntitySubjectsSelector from '../EntitySubjectsSelector'\nimport { SynapseErrorBoundary } from '../error'\nimport TeamSubjectsSelector from '../TeamSubjectsSelector'\n\nexport const EMPTY_SUBJECT_LIST_ERROR_MESSAGE =\n  'Please select at least one resource for this Access Requirement to be associated with.'\nexport const UNSAVED_SUBJECTS_ERROR_MESSAGE = (\n  subjectsType: RestrictableObjectType,\n) => {\n  const idsText =\n    subjectsType === RestrictableObjectType.ENTITY ? 'Synapse' : 'Team'\n  const typeText =\n    subjectsType[0].toUpperCase() + subjectsType.slice(1).toLowerCase()\n  return `${idsText} IDs were specified but not added to the subjects list. Please either clear out the Add ${idsText} IDs textbox or click the Add ${pluralize(\n    typeText,\n  )} button.`\n}\nconst NAME_HELP_TEXT =\n  \"Enter access requirement name. This will also be used when sending notifications for expiring or revoked approval. For example, 'The approval for the name access requirement was revoked...'\"\n\nconst headerProps: Partial<TypographyProps> = {\n  variant: 'body1',\n  fontWeight: 700,\n}\n\nfunction getAccessType(subjectType: RestrictableObjectType) {\n  switch (subjectType) {\n    case RestrictableObjectType.ENTITY:\n      return ACCESS_TYPE.DOWNLOAD\n    case RestrictableObjectType.TEAM:\n      return ACCESS_TYPE.PARTICIPATE\n    default:\n      throw new Error(\n        `RestrictableObjectType ${subjectType} does not have an access type specified.`,\n      )\n  }\n}\n\nexport type SetAccessRequirementCommonFieldsHandle = {\n  /* Allow the parent component to trigger saving the AR, so this may be embedded in an arbitrary modal. */\n  save: () => void\n}\n\nexport type SetAccessRequirementCommonFieldsProps = {\n  /* Provided when creating a new AR */\n  subject?: RestrictableObjectDescriptor\n  /* Provided when editing an existing AR */\n  accessRequirementId?: string\n  /* Called when AR has been saved successfully */\n  onSave: (\n    accessRequirementId: string,\n    accessRequirementConreteType: ACCESS_REQUIREMENT_CONCRETE_TYPE,\n  ) => void\n  /* Called when error saving AR */\n  onError: () => void\n}\n\nexport const SetAccessRequirementCommonFields = forwardRef(\n  function SetAccessRequirementCommonFields(\n    props: SetAccessRequirementCommonFieldsProps,\n    ref: ForwardedRef<SetAccessRequirementCommonFieldsHandle>,\n  ) {\n    const { subject, accessRequirementId, onSave, onError } = props\n\n    const isEditing = !subject\n\n    const [subjects, setSubjects] = useState<RestrictableObjectDescriptor[]>(\n      subject ? [subject] : [],\n    )\n    const [hasPendingSubjects, setHasPendingSubjects] = useState<boolean>(false)\n    const [subjectsError, setSubjectsError] = useState<string | null>(null)\n    const [name, setName] = useState<string>('')\n    const [subjectsDefinedByAnnotations, setSubjectsDefinedByAnnotations] =\n      useState<boolean>(false)\n    const [arType, setArType] = useState<ACCESS_REQUIREMENT_CONCRETE_TYPE>(\n      subject?.type === RestrictableObjectType.TEAM\n        ? SELF_SIGN_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE\n        : MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n    )\n    const [clientError, setClientError] = useState<string | null>(null)\n\n    const onMutationSuccess = (ar: AccessRequirement) => {\n      setClientError(null)\n      onSave(ar.id.toString(), ar.concreteType)\n    }\n\n    const onMutationError = (error: SynapseClientError) => {\n      setClientError(error.reason)\n      onError()\n    }\n\n    const { mutate: createAccessRequirement } = useCreateAccessRequirement({\n      onSuccess: newAr => onMutationSuccess(newAr),\n      onError: error => onMutationError(error),\n    })\n\n    const { mutate: updateAccessRequirement } = useUpdateAccessRequirement({\n      onSuccess: updatedAr => onMutationSuccess(updatedAr),\n      onError: error => onMutationError(error),\n    })\n\n    const {\n      data: accessRequirement,\n      isLoading: isLoadingAr,\n      error: getArError,\n    } = useGetAccessRequirements(accessRequirementId!, {\n      enabled: Boolean(accessRequirementId),\n    })\n\n    useEffect(() => {\n      if (accessRequirement) {\n        setArType(accessRequirement.concreteType)\n        setName(accessRequirement.name)\n        setSubjects(accessRequirement.subjectIds)\n        setSubjectsDefinedByAnnotations(\n          accessRequirement.subjectsDefinedByAnnotations,\n        )\n      }\n    }, [accessRequirement])\n\n    const subjectsType = useMemo(() => {\n      if (subject) {\n        return subject.type\n      }\n      if (accessRequirement) {\n        const initialSubjects = accessRequirement.subjectIds\n        if (initialSubjects.length > 0) {\n          return initialSubjects[0].type\n        }\n      }\n      if (subjectsDefinedByAnnotations) {\n        return RestrictableObjectType.ENTITY\n      }\n      return null\n    }, [subject, accessRequirement, subjectsDefinedByAnnotations])\n\n    const selectorContent = useMemo(() => {\n      if (!subjectsType) return <></>\n\n      function onUpdate(subjects: RestrictableObjectDescriptor[]) {\n        setSubjectsError(null)\n        setSubjects(subjects)\n      }\n\n      function onUpdateIdsTextbox(value: string) {\n        setSubjectsError(null)\n        setHasPendingSubjects(value.trim() !== '')\n      }\n\n      if (subjectsDefinedByAnnotations) {\n        return <></>\n      }\n      switch (subjectsType) {\n        case RestrictableObjectType.TEAM:\n          return (\n            <TeamSubjectsSelector\n              subjects={subjects}\n              onUpdate={subjects => onUpdate(subjects)}\n              onUpdateTeamIDsTextbox={value => onUpdateIdsTextbox(value)}\n            />\n          )\n        case RestrictableObjectType.ENTITY:\n          return (\n            <EntitySubjectsSelector\n              subjects={subjects}\n              onUpdate={subjects => onUpdate(subjects)}\n              onUpdateEntityIDsTextbox={value => onUpdateIdsTextbox(value)}\n            />\n          )\n        default:\n          console.error(\n            `RestrictableObjectType ${subjectsType} does not have a selector implemented.`,\n          )\n          return <></>\n      }\n    }, [subjectsType, subjects, subjectsDefinedByAnnotations])\n\n    useImperativeHandle(ref, () => {\n      return {\n        save() {\n          const isStillLoading =\n            (isEditing && !accessRequirement) || !subjectsType\n          const hasSubjectsError =\n            !subjectsDefinedByAnnotations &&\n            (hasPendingSubjects || subjects.length === 0)\n          if (isStillLoading || hasSubjectsError) {\n            if (hasSubjectsError && !isStillLoading) {\n              if (hasPendingSubjects) {\n                setSubjectsError(UNSAVED_SUBJECTS_ERROR_MESSAGE(subjectsType))\n              } else if (subjects.length === 0) {\n                setSubjectsError(EMPTY_SUBJECT_LIST_ERROR_MESSAGE)\n              }\n            }\n\n            onError()\n            return\n          }\n\n          const newAccessType = getAccessType(subjectsType)\n          if (!isEditing) {\n            const newAr: Partial<AccessRequirement> = {\n              concreteType: arType,\n              subjectIds: subjects,\n              name: name,\n              accessType: newAccessType,\n              subjectsDefinedByAnnotations: subjectsDefinedByAnnotations,\n            }\n            createAccessRequirement(newAr)\n          }\n\n          if (isEditing && accessRequirement) {\n            updateAccessRequirement({\n              ...accessRequirement,\n              subjectIds: subjects,\n              name: name,\n              accessType: newAccessType,\n              subjectsDefinedByAnnotations: subjectsDefinedByAnnotations,\n            })\n          }\n        },\n      }\n    }, [\n      hasPendingSubjects,\n      subjectsType,\n      subjects,\n      name,\n      arType,\n      accessRequirement,\n      isEditing,\n      onError,\n      createAccessRequirement,\n      updateAccessRequirement,\n      subjectsDefinedByAnnotations,\n    ])\n\n    if (isLoadingAr || !subjectsType) {\n      return (\n        <>\n          <Skeleton width={100} height={30} />\n          <Skeleton width={125} height={30} />\n          <Skeleton width=\"100%\">\n            <TextField />\n          </Skeleton>\n          <Skeleton width={100} height={30} />\n          <Skeleton width=\"100%\">\n            <TextField />\n          </Skeleton>\n        </>\n      )\n    }\n\n    if (getArError) {\n      return <Alert severity=\"error\">{getArError.reason}</Alert>\n    }\n\n    return (\n      <>\n        <Typography {...headerProps}>Resources</Typography>\n        {subjectsType !== RestrictableObjectType.TEAM && (\n          <FormControlLabel\n            control={<Checkbox />}\n            label=\"Associated entities should be defined by annotations (DUO)\"\n            checked={subjectsDefinedByAnnotations}\n            onChange={() => {\n              setSubjectsError(null)\n              // if we are switching from DUO to manually defining the subjects (and the AR has been retrieved), then\n              // reset to the AR subject IDs or the original subject ID.  Otherwise, clear out the subjects.\n              let newSubjectIds: RestrictableObjectDescriptor[] = []\n              if (subjectsDefinedByAnnotations) {\n                if (accessRequirement) {\n                  newSubjectIds = accessRequirement.subjectIds\n                } else if (subject) {\n                  newSubjectIds = [subject]\n                }\n              }\n              setSubjects(newSubjectIds)\n              setSubjectsDefinedByAnnotations(!subjectsDefinedByAnnotations)\n            }}\n          />\n        )}\n        <SynapseErrorBoundary>{selectorContent}</SynapseErrorBoundary>\n        {subjectsError && <Alert severity=\"error\">{subjectsError}</Alert>}\n        <Stack\n          direction=\"row\"\n          sx={{\n            gap: 1,\n            alignItems: 'center',\n            mb: 1,\n            mt: 2,\n          }}\n        >\n          <Typography component=\"label\" htmlFor=\"arName\" {...headerProps}>\n            Name\n          </Typography>\n          <Tooltip title={NAME_HELP_TEXT} placement=\"right\">\n            <HelpOutlineTwoTone sx={{ color: 'grey.600' }} />\n          </Tooltip>\n        </Stack>\n        <TextField\n          id=\"arName\"\n          name=\"arName\"\n          value={name}\n          placeholder=\"Access requirement name\"\n          fullWidth\n          onChange={event => setName(event.target.value)}\n        />\n        {!isEditing && subjectsType !== RestrictableObjectType.TEAM && (\n          <>\n            <Typography\n              {...headerProps}\n              sx={spreadSx(\n                {\n                  mt: 2,\n                },\n                headerProps.sx,\n              )}\n            >\n              Access requirement type\n            </Typography>\n            <RadioGroup\n              value={arType}\n              onChange={(_event, value) =>\n                setArType(value as ACCESS_REQUIREMENT_CONCRETE_TYPE)\n              }\n            >\n              <FormControlLabel\n                value={MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE}\n                control={<Radio />}\n                label=\"Controlled - requests are in Synapse\"\n              />\n              <FormControlLabel\n                value={SELF_SIGN_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE}\n                control={<Radio />}\n                label=\"Click wrap\"\n              />\n            </RadioGroup>\n          </>\n        )}\n        {clientError && (\n          <Alert severity=\"error\" sx={{ marginTop: 2 }}>\n            {clientError}\n          </Alert>\n        )}\n      </>\n    )\n  },\n)\n"],"mappings":"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"}
+{"version":3,"file":"SetAccessRequirementCommonFields.js","names":[],"sources":["../../../src/components/SetAccessRequirementCommonFields/SetAccessRequirementCommonFields.tsx"],"sourcesContent":["import {\n  useCreateAccessRequirement,\n  useGetAccessRequirements,\n  useUpdateAccessRequirement,\n} from '@/synapse-queries'\nimport { spreadSx } from '@/theme/spreadSx'\nimport { HelpOutlineTwoTone } from '@mui/icons-material'\nimport {\n  Alert,\n  Checkbox,\n  FormControlLabel,\n  Radio,\n  RadioGroup,\n  Skeleton,\n  Stack,\n  TextField,\n  Tooltip,\n  Typography,\n  TypographyProps,\n} from '@mui/material'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport {\n  ACCESS_REQUIREMENT_CONCRETE_TYPE,\n  ACCESS_TYPE,\n  AccessRequirement,\n  MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  RestrictableObjectDescriptor,\n  RestrictableObjectType,\n  SELF_SIGN_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n} from '@sage-bionetworks/synapse-types'\nimport pluralize from 'pluralize'\nimport {\n  ForwardedRef,\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useState,\n} from 'react'\nimport EntitySubjectsSelector from '../EntitySubjectsSelector'\nimport { SynapseErrorBoundary } from '../error'\nimport TeamSubjectsSelector from '../TeamSubjectsSelector'\n\nexport const EMPTY_SUBJECT_LIST_ERROR_MESSAGE =\n  'Please select at least one resource for this Access Requirement to be associated with.'\nexport const UNSAVED_SUBJECTS_ERROR_MESSAGE = (\n  subjectsType: RestrictableObjectType,\n) => {\n  const idsText =\n    subjectsType === RestrictableObjectType.ENTITY ? 'Synapse' : 'Team'\n  const typeText =\n    subjectsType[0].toUpperCase() + subjectsType.slice(1).toLowerCase()\n  return `${idsText} IDs were specified but not added to the subjects list. Please either clear out the Add ${idsText} IDs textbox or click the Add ${pluralize(\n    typeText,\n  )} button.`\n}\nconst NAME_HELP_TEXT =\n  \"Enter access requirement name. This will also be used when sending notifications for expiring or revoked approval. For example, 'The approval for the name access requirement was revoked...'\"\n\nconst headerProps: Partial<TypographyProps> = {\n  variant: 'body1',\n  fontWeight: 700,\n}\n\nfunction getAccessType(subjectType: RestrictableObjectType) {\n  switch (subjectType) {\n    case RestrictableObjectType.ENTITY:\n      return ACCESS_TYPE.DOWNLOAD\n    case RestrictableObjectType.TEAM:\n      return ACCESS_TYPE.PARTICIPATE\n    default:\n      throw new Error(\n        `RestrictableObjectType ${subjectType} does not have an access type specified.`,\n      )\n  }\n}\n\nexport type SetAccessRequirementCommonFieldsHandle = {\n  /* Allow the parent component to trigger saving the AR, so this may be embedded in an arbitrary modal. */\n  save: () => void\n}\n\nexport type SetAccessRequirementCommonFieldsProps = {\n  /* Provided when creating a new AR */\n  subject?: RestrictableObjectDescriptor\n  /* Provided when editing an existing AR */\n  accessRequirementId?: string\n  /* Called when AR has been saved successfully */\n  onSave: (\n    accessRequirementId: string,\n    accessRequirementConreteType: ACCESS_REQUIREMENT_CONCRETE_TYPE,\n  ) => void\n  /* Called when error saving AR */\n  onError: () => void\n}\n\nexport const SetAccessRequirementCommonFields = forwardRef(\n  function SetAccessRequirementCommonFields(\n    props: SetAccessRequirementCommonFieldsProps,\n    ref: ForwardedRef<SetAccessRequirementCommonFieldsHandle>,\n  ) {\n    const { subject, accessRequirementId, onSave, onError } = props\n\n    const isEditing = !subject\n\n    const [subjects, setSubjects] = useState<RestrictableObjectDescriptor[]>(\n      subject ? [subject] : [],\n    )\n    const [hasPendingSubjects, setHasPendingSubjects] = useState<boolean>(false)\n    const [subjectsError, setSubjectsError] = useState<string | null>(null)\n    const [name, setName] = useState<string>('')\n    const [subjectsDefinedByAnnotations, setSubjectsDefinedByAnnotations] =\n      useState<boolean>(false)\n    const [arType, setArType] = useState<ACCESS_REQUIREMENT_CONCRETE_TYPE>(\n      subject?.type === RestrictableObjectType.TEAM\n        ? SELF_SIGN_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE\n        : MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n    )\n    const [clientError, setClientError] = useState<string | null>(null)\n\n    const onMutationSuccess = (ar: AccessRequirement) => {\n      setClientError(null)\n      onSave(ar.id.toString(), ar.concreteType)\n    }\n\n    const onMutationError = (error: SynapseClientError) => {\n      setClientError(error.reason)\n      onError()\n    }\n\n    const { mutate: createAccessRequirement } = useCreateAccessRequirement({\n      onSuccess: newAr => onMutationSuccess(newAr),\n      onError: error => onMutationError(error),\n    })\n\n    const { mutate: updateAccessRequirement } = useUpdateAccessRequirement({\n      onSuccess: updatedAr => onMutationSuccess(updatedAr),\n      onError: error => onMutationError(error),\n    })\n\n    const {\n      data: accessRequirement,\n      isLoading: isLoadingAr,\n      error: getArError,\n    } = useGetAccessRequirements(accessRequirementId!, {\n      enabled: Boolean(accessRequirementId),\n    })\n\n    useEffect(() => {\n      if (accessRequirement) {\n        setArType(accessRequirement.concreteType)\n        setName(accessRequirement.name)\n        setSubjects(accessRequirement.subjectIds)\n        setSubjectsDefinedByAnnotations(\n          accessRequirement.subjectsDefinedByAnnotations,\n        )\n      }\n    }, [accessRequirement])\n\n    const subjectsType = useMemo(() => {\n      if (subject) {\n        return subject.type\n      }\n      if (accessRequirement) {\n        const initialSubjects = accessRequirement.subjectIds\n        if (initialSubjects.length > 0) {\n          return initialSubjects[0].type\n        }\n      }\n      if (subjectsDefinedByAnnotations) {\n        return RestrictableObjectType.ENTITY\n      }\n      return null\n    }, [subject, accessRequirement, subjectsDefinedByAnnotations])\n\n    const selectorContent = useMemo(() => {\n      if (!subjectsType) return <></>\n\n      function onUpdate(subjects: RestrictableObjectDescriptor[]) {\n        setSubjectsError(null)\n        setSubjects(subjects)\n      }\n\n      function onUpdateIdsTextbox(value: string) {\n        setSubjectsError(null)\n        setHasPendingSubjects(value.trim() !== '')\n      }\n\n      if (subjectsDefinedByAnnotations) {\n        return <></>\n      }\n      switch (subjectsType) {\n        case RestrictableObjectType.TEAM:\n          return (\n            <TeamSubjectsSelector\n              subjects={subjects}\n              onUpdate={subjects => onUpdate(subjects)}\n              onUpdateTeamIDsTextbox={value => onUpdateIdsTextbox(value)}\n            />\n          )\n        case RestrictableObjectType.ENTITY:\n          return (\n            <EntitySubjectsSelector\n              subjects={subjects}\n              onUpdate={subjects => onUpdate(subjects)}\n              onUpdateEntityIDsTextbox={value => onUpdateIdsTextbox(value)}\n            />\n          )\n        default:\n          console.error(\n            `RestrictableObjectType ${subjectsType} does not have a selector implemented.`,\n          )\n          return <></>\n      }\n    }, [subjectsType, subjects, subjectsDefinedByAnnotations])\n\n    useImperativeHandle(ref, () => {\n      return {\n        save() {\n          const isStillLoading =\n            (isEditing && !accessRequirement) || !subjectsType\n          const hasSubjectsError =\n            !subjectsDefinedByAnnotations &&\n            (hasPendingSubjects || subjects.length === 0)\n          if (isStillLoading || hasSubjectsError) {\n            if (hasSubjectsError && !isStillLoading) {\n              if (hasPendingSubjects) {\n                setSubjectsError(UNSAVED_SUBJECTS_ERROR_MESSAGE(subjectsType))\n              } else if (subjects.length === 0) {\n                setSubjectsError(EMPTY_SUBJECT_LIST_ERROR_MESSAGE)\n              }\n            }\n\n            onError()\n            return\n          }\n\n          const newAccessType = getAccessType(subjectsType)\n          if (!isEditing) {\n            const newAr: Partial<AccessRequirement> = {\n              concreteType: arType,\n              subjectIds: subjects,\n              name: name,\n              accessType: newAccessType,\n              subjectsDefinedByAnnotations: subjectsDefinedByAnnotations,\n            }\n            createAccessRequirement(newAr)\n          }\n\n          if (isEditing && accessRequirement) {\n            updateAccessRequirement({\n              ...accessRequirement,\n              subjectIds: subjects,\n              name: name,\n              accessType: newAccessType,\n              subjectsDefinedByAnnotations: subjectsDefinedByAnnotations,\n            })\n          }\n        },\n      }\n    }, [\n      hasPendingSubjects,\n      subjectsType,\n      subjects,\n      name,\n      arType,\n      accessRequirement,\n      isEditing,\n      onError,\n      createAccessRequirement,\n      updateAccessRequirement,\n      subjectsDefinedByAnnotations,\n    ])\n\n    if (isLoadingAr || !subjectsType) {\n      return (\n        <>\n          <Skeleton width={100} height={30} />\n          <Skeleton width={125} height={30} />\n          <Skeleton width=\"100%\">\n            <TextField />\n          </Skeleton>\n          <Skeleton width={100} height={30} />\n          <Skeleton width=\"100%\">\n            <TextField />\n          </Skeleton>\n        </>\n      )\n    }\n\n    if (getArError) {\n      return <Alert severity=\"error\">{getArError.reason}</Alert>\n    }\n\n    return (\n      <>\n        <Typography {...headerProps}>Resources</Typography>\n        {subjectsType !== RestrictableObjectType.TEAM && (\n          <FormControlLabel\n            control={<Checkbox />}\n            label=\"Associated entities should be defined by annotations (DUO)\"\n            checked={subjectsDefinedByAnnotations}\n            onChange={() => {\n              setSubjectsError(null)\n              // if we are switching from DUO to manually defining the subjects (and the AR has been retrieved), then\n              // reset to the AR subject IDs or the original subject ID.  Otherwise, clear out the subjects.\n              let newSubjectIds: RestrictableObjectDescriptor[] = []\n              if (subjectsDefinedByAnnotations) {\n                if (accessRequirement) {\n                  newSubjectIds = accessRequirement.subjectIds\n                } else if (subject) {\n                  newSubjectIds = [subject]\n                }\n              }\n              setSubjects(newSubjectIds)\n              setSubjectsDefinedByAnnotations(!subjectsDefinedByAnnotations)\n            }}\n          />\n        )}\n        <SynapseErrorBoundary>{selectorContent}</SynapseErrorBoundary>\n        {subjectsError && <Alert severity=\"error\">{subjectsError}</Alert>}\n        <Stack\n          direction=\"row\"\n          sx={{\n            gap: 1,\n            alignItems: 'center',\n            mb: 1,\n            mt: 2,\n          }}\n        >\n          <Typography component=\"label\" htmlFor=\"arName\" {...headerProps}>\n            Name\n          </Typography>\n          <Tooltip title={NAME_HELP_TEXT} placement=\"right\">\n            <HelpOutlineTwoTone sx={{ color: 'grey.600' }} />\n          </Tooltip>\n        </Stack>\n        <TextField\n          id=\"arName\"\n          name=\"arName\"\n          value={name}\n          placeholder=\"Access requirement name\"\n          fullWidth\n          onChange={event => setName(event.target.value)}\n        />\n        {!isEditing && subjectsType !== RestrictableObjectType.TEAM && (\n          <>\n            <Typography\n              {...headerProps}\n              sx={spreadSx(\n                {\n                  mt: 2,\n                },\n                headerProps.sx,\n              )}\n            >\n              Access requirement type\n            </Typography>\n            <RadioGroup\n              value={arType}\n              onChange={(_event, value) =>\n                setArType(value as ACCESS_REQUIREMENT_CONCRETE_TYPE)\n              }\n            >\n              <FormControlLabel\n                value={MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE}\n                control={<Radio />}\n                label=\"Controlled - requests are in Synapse\"\n              />\n              <FormControlLabel\n                value={SELF_SIGN_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE}\n                control={<Radio />}\n                label=\"Click wrap\"\n              />\n            </RadioGroup>\n          </>\n        )}\n        {clientError && (\n          <Alert severity=\"error\" sx={{ marginTop: 2 }}>\n            {clientError}\n          </Alert>\n        )}\n      </>\n    )\n  },\n)\n"],"mappings":"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"}

package/dist/components/SetBasicAccessRequirementFields/AccessRequirementTextInstructions.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccessRequirementTextInstructions.js","names":[],"sources":["../../../src/components/SetBasicAccessRequirementFields/AccessRequirementTextInstructions.tsx"],"sourcesContent":["import { Box, Button, Typography } from '@mui/material'\nimport {\n  ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  AccessRequirement,\n  TERMS_OF_USE_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n} from '@sage-bionetworks/synapse-types'\nimport { useState } from 'react'\nimport ConfirmationDialog from '../ConfirmationDialog'\nimport { getOldAccessRequirementInstructions } from './GovernanceUtils'\n\ntype AccessRequirementTextInstructionsProps = {\n  accessRequirement: AccessRequirement\n  onConfirmDelete: (updatedAr: AccessRequirement) => void\n  allowDelete?: boolean\n}\n\nexport function AccessRequirementTextInstructions(\n  props: AccessRequirementTextInstructionsProps,\n) {\n  const { accessRequirement, onConfirmDelete, allowDelete = false } = props\n\n  const [open, setOpen] = useState<boolean>(false)\n  const oldInstructions = getOldAccessRequirementInstructions(accessRequirement)\n\n  return (\n    <>\n      {Boolean(oldInstructions) && (\n        <Box\n          sx={{\n            mb: 2,\n          }}\n        >\n          <Typography\n            variant=\"body1\"\n            sx={{\n              fontWeight: 700,\n              mb: 1,\n            }}\n          >\n            Legacy text-only instructions\n          </Typography>\n          <Typography\n            variant=\"body1\"\n            sx={{\n              mb: 1,\n            }}\n          >\n            {oldInstructions}\n          </Typography>\n          {allowDelete && (\n            <>\n              <Button\n                variant=\"contained\"\n                color=\"error\"\n                onClick={() => setOpen(true)}\n              >\n                Delete old instructions\n              </Button>\n              <ConfirmationDialog\n                open={open}\n                title=\"Are you sure?\"\n                content=\"Deleting the old instructions cannot be undone. Continue?\"\n                onCancel={() => setOpen(false)}\n                onConfirm={() => {\n                  const clearedInstructionsAr = { ...accessRequirement }\n                  if (\n                    clearedInstructionsAr.concreteType ===\n                    TERMS_OF_USE_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE\n                  ) {\n                    clearedInstructionsAr.termsOfUse = undefined\n                  } else if (\n                    clearedInstructionsAr.concreteType ===\n                    ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE\n                  ) {\n                    clearedInstructionsAr.actContactInfo = undefined\n                  }\n                  onConfirmDelete(clearedInstructionsAr)\n                  setOpen(false)\n                }}\n              />\n            </>\n          )}\n        </Box>\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;;;;AAgBA,SAAgB,EACd,GACA;CACA,IAAM,EAAE,sBAAmB,oBAAiB,iBAAc,OAAU,GAE9D,CAAC,GAAM,KAAW,EAAkB,GAAM,EAC1C,IAAkB,EAAoC,EAAkB;AAE9E,QACE,kBAAA,GAAA,EAAA,UACG,EAAQ,KACP,kBAAC,GAAD;EACE,IAAI,EACF,IAAI,GACL;YAHH;GAKE,kBAAC,GAAD;IACE,SAAQ;IACR,IAAI;KACF,YAAY;KACZ,IAAI;KACL;cACF;IAEY,CAAA;GACb,kBAAC,GAAD;IACE,SAAQ;IACR,IAAI,EACF,IAAI,GACL;cAEA;IACU,CAAA;GACZ,KACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;IACE,SAAQ;IACR,OAAM;IACN,eAAe,EAAQ,GAAK;cAC7B;IAEQ,CAAA,EACT,kBAAC,GAAD;IACQ;IACN,OAAM;IACN,SAAQ;IACR,gBAAgB,EAAQ,GAAM;IAC9B,iBAAiB;KACf,IAAM,IAAwB,EAAE,GAAG,GAAmB;AAatD,KAXE,EAAsB,iBACtB,IAEA,EAAsB,aAAa,KAAA,IAEnC,EAAsB,iBACtB,MAEA,EAAsB,iBAAiB,KAAA,IAEzC,EAAgB,EAAsB,EACtC,EAAQ,GAAM;;IAEhB,CAAA,CACD,EAAA,CAAA;GAED;KAEP,CAAA"}
+{"version":3,"file":"AccessRequirementTextInstructions.js","names":[],"sources":["../../../src/components/SetBasicAccessRequirementFields/AccessRequirementTextInstructions.tsx"],"sourcesContent":["import { Box, Button, Typography } from '@mui/material'\nimport {\n  ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  AccessRequirement,\n  TERMS_OF_USE_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n} from '@sage-bionetworks/synapse-types'\nimport { useState } from 'react'\nimport ConfirmationDialog from '../ConfirmationDialog'\nimport { getOldAccessRequirementInstructions } from './GovernanceUtils'\n\ntype AccessRequirementTextInstructionsProps = {\n  accessRequirement: AccessRequirement\n  onConfirmDelete: (updatedAr: AccessRequirement) => void\n  allowDelete?: boolean\n}\n\nexport function AccessRequirementTextInstructions(\n  props: AccessRequirementTextInstructionsProps,\n) {\n  const { accessRequirement, onConfirmDelete, allowDelete = false } = props\n\n  const [open, setOpen] = useState<boolean>(false)\n  const oldInstructions = getOldAccessRequirementInstructions(accessRequirement)\n\n  return (\n    <>\n      {Boolean(oldInstructions) && (\n        <Box\n          sx={{\n            mb: 2,\n          }}\n        >\n          <Typography\n            variant=\"body1\"\n            sx={{\n              fontWeight: 700,\n              mb: 1,\n            }}\n          >\n            Legacy text-only instructions\n          </Typography>\n          <Typography\n            variant=\"body1\"\n            sx={{\n              mb: 1,\n            }}\n          >\n            {oldInstructions}\n          </Typography>\n          {allowDelete && (\n            <>\n              <Button\n                variant=\"contained\"\n                color=\"error\"\n                onClick={() => setOpen(true)}\n              >\n                Delete old instructions\n              </Button>\n              <ConfirmationDialog\n                open={open}\n                title=\"Are you sure?\"\n                content=\"Deleting the old instructions cannot be undone. Continue?\"\n                onCancel={() => setOpen(false)}\n                onConfirm={() => {\n                  const clearedInstructionsAr = { ...accessRequirement }\n                  if (\n                    clearedInstructionsAr.concreteType ===\n                    TERMS_OF_USE_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE\n                  ) {\n                    clearedInstructionsAr.termsOfUse = undefined\n                  } else if (\n                    clearedInstructionsAr.concreteType ===\n                    ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE\n                  ) {\n                    clearedInstructionsAr.actContactInfo = undefined\n                  }\n                  onConfirmDelete(clearedInstructionsAr)\n                  setOpen(false)\n                }}\n              />\n            </>\n          )}\n        </Box>\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;;;;AAgBA,SAAgB,EACd,GACA;CACA,IAAM,EAAE,sBAAmB,oBAAiB,iBAAc,OAAU,GAE9D,CAAC,GAAM,KAAW,EAAkB,EAAK,GACzC,IAAkB,EAAoC,CAAiB;CAE7E,OACE,kBAAA,GAAA,EAAA,UACG,EAAQ,KACP,kBAAC,GAAD;EACE,IAAI,EACF,IAAI,EACN;YAHF;GAKE,kBAAC,GAAD;IACE,SAAQ;IACR,IAAI;KACF,YAAY;KACZ,IAAI;IACN;cACD;GAEW,CAAA;GACZ,kBAAC,GAAD;IACE,SAAQ;IACR,IAAI,EACF,IAAI,EACN;cAEC;GACS,CAAA;GACX,KACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;IACE,SAAQ;IACR,OAAM;IACN,eAAe,EAAQ,EAAI;cAC5B;GAEO,CAAA,GACR,kBAAC,GAAD;IACQ;IACN,OAAM;IACN,SAAQ;IACR,gBAAgB,EAAQ,EAAK;IAC7B,iBAAiB;KACf,IAAM,IAAwB,EAAE,GAAG,EAAkB;KAarD,AAXE,EAAsB,iBACtB,IAEA,EAAsB,aAAa,KAAA,IAEnC,EAAsB,iBACtB,MAEA,EAAsB,iBAAiB,KAAA,IAEzC,EAAgB,CAAqB,GACrC,EAAQ,EAAK;IACf;GACD,CAAA,CACD,EAAA,CAAA;EAED;IAEP,CAAA;AAEN"}

package/dist/components/SetBasicAccessRequirementFields/AccessRequirementWikiInstructions.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccessRequirementWikiInstructions.js","names":[],"sources":["../../../src/components/SetBasicAccessRequirementFields/AccessRequirementWikiInstructions.tsx"],"sourcesContent":["import { Box, Typography } from '@mui/material'\nimport { AccessRequirement, ObjectType } from '@sage-bionetworks/synapse-types'\nimport WikiMarkdownEditorButton from '../WikiMarkdownEditorButton'\n\nexport type AccessRequirementWikiInstructionsProps = {\n  accessRequirement: AccessRequirement\n}\n\nexport function AccessRequirementWikiInstructions(\n  props: AccessRequirementWikiInstructionsProps,\n) {\n  const { accessRequirement } = props\n\n  return (\n    <Box\n      sx={{\n        mb: 2,\n      }}\n    >\n      <Typography\n        variant=\"body1\"\n        sx={{\n          fontWeight: 700,\n        }}\n      >\n        {'Instructions (wiki)'}\n      </Typography>\n      <WikiMarkdownEditorButton\n        ownerObjectType={ObjectType.ACCESS_REQUIREMENT}\n        ownerObjectId={accessRequirement.id.toString()}\n        displayWikiMarkdown={true}\n        buttonProps={{ children: 'Edit Instructions' }}\n      />\n    </Box>\n  )\n}\n"],"mappings":";;;;;AAQA,SAAgB,EACd,GACA;CACA,IAAM,EAAE,yBAAsB;AAE9B,QACE,kBAAC,GAAD;EACE,IAAI,EACF,IAAI,GACL;YAHH,CAKE,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI,EACF,YAAY,KACb;aAEA;GACU,CAAA,EACb,kBAAC,GAAD;GACE,iBAAiB,EAAW;GAC5B,eAAe,EAAkB,GAAG,UAAU;GAC9C,qBAAqB;GACrB,aAAa,EAAE,UAAU,qBAAqB;GAC9C,CAAA,CACE"}
+{"version":3,"file":"AccessRequirementWikiInstructions.js","names":[],"sources":["../../../src/components/SetBasicAccessRequirementFields/AccessRequirementWikiInstructions.tsx"],"sourcesContent":["import { Box, Typography } from '@mui/material'\nimport { AccessRequirement, ObjectType } from '@sage-bionetworks/synapse-types'\nimport WikiMarkdownEditorButton from '../WikiMarkdownEditorButton'\n\nexport type AccessRequirementWikiInstructionsProps = {\n  accessRequirement: AccessRequirement\n}\n\nexport function AccessRequirementWikiInstructions(\n  props: AccessRequirementWikiInstructionsProps,\n) {\n  const { accessRequirement } = props\n\n  return (\n    <Box\n      sx={{\n        mb: 2,\n      }}\n    >\n      <Typography\n        variant=\"body1\"\n        sx={{\n          fontWeight: 700,\n        }}\n      >\n        {'Instructions (wiki)'}\n      </Typography>\n      <WikiMarkdownEditorButton\n        ownerObjectType={ObjectType.ACCESS_REQUIREMENT}\n        ownerObjectId={accessRequirement.id.toString()}\n        displayWikiMarkdown={true}\n        buttonProps={{ children: 'Edit Instructions' }}\n      />\n    </Box>\n  )\n}\n"],"mappings":";;;;;AAQA,SAAgB,EACd,GACA;CACA,IAAM,EAAE,yBAAsB;CAE9B,OACE,kBAAC,GAAD;EACE,IAAI,EACF,IAAI,EACN;YAHF,CAKE,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI,EACF,YAAY,IACd;aAEC;EACS,CAAA,GACZ,kBAAC,GAAD;GACE,iBAAiB,EAAW;GAC5B,eAAe,EAAkB,GAAG,SAAS;GAC7C,qBAAqB;GACrB,aAAa,EAAE,UAAU,oBAAoB;EAC9C,CAAA,CACE;;AAET"}

package/dist/components/SetBasicAccessRequirementFields/AccessorRequirements.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccessorRequirements.js","names":[],"sources":["../../../src/components/SetBasicAccessRequirementFields/AccessorRequirements.tsx"],"sourcesContent":["import {\n  AccessRequirement,\n  MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n} from '@sage-bionetworks/synapse-types'\nimport { hasAccessorRequirement } from './GovernanceUtils'\nimport { Box, Checkbox, FormControlLabel, Typography } from '@mui/material'\n\ntype AccessorRequirementsProps = {\n  accessRequirement: AccessRequirement\n  onChange: (updatedAr: AccessRequirement) => void\n}\n\nexport function AccessorRequirements(props: AccessorRequirementsProps) {\n  const { accessRequirement, onChange } = props\n\n  return (\n    <>\n      {hasAccessorRequirement(accessRequirement) && (\n        <>\n          <Box\n            sx={{\n              mb: 2,\n            }}\n          >\n            <Typography\n              variant=\"body1\"\n              sx={{\n                fontWeight: 700,\n              }}\n            >\n              Accessor requirements\n            </Typography>\n            <FormControlLabel\n              control={<Checkbox />}\n              label=\"Accessors must be certified.\"\n              checked={accessRequirement.isCertifiedUserRequired}\n              onChange={(_event, checked: boolean) =>\n                onChange({\n                  ...accessRequirement,\n                  isCertifiedUserRequired: checked,\n                })\n              }\n            />\n            <FormControlLabel\n              control={<Checkbox />}\n              label=\"Accessors must have a validated profile.\"\n              checked={accessRequirement.isValidatedProfileRequired}\n              onChange={(_event, checked: boolean) =>\n                onChange({\n                  ...accessRequirement,\n                  isValidatedProfileRequired: checked,\n                })\n              }\n            />\n            {accessRequirement.concreteType ===\n              MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE && (\n              <FormControlLabel\n                control={<Checkbox />}\n                label=\"Accessors must use two-factor authentication (2FA).\"\n                checked={accessRequirement.isTwoFaRequired}\n                onChange={(_event, checked: boolean) =>\n                  onChange({\n                    ...accessRequirement,\n                    isTwoFaRequired: checked,\n                  })\n                }\n              />\n            )}\n          </Box>\n        </>\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;;AAYA,SAAgB,EAAqB,GAAkC;CACrE,IAAM,EAAE,sBAAmB,gBAAa;AAExC,QACE,kBAAA,GAAA,EAAA,UACG,EAAuB,EAAkB,IACxC,kBAAA,GAAA,EAAA,UACE,kBAAC,GAAD;EACE,IAAI,EACF,IAAI,GACL;YAHH;GAKE,kBAAC,GAAD;IACE,SAAQ;IACR,IAAI,EACF,YAAY,KACb;cACF;IAEY,CAAA;GACb,kBAAC,GAAD;IACE,SAAS,kBAAC,GAAD,EAAY,CAAA;IACrB,OAAM;IACN,SAAS,EAAkB;IAC3B,WAAW,GAAQ,MACjB,EAAS;KACP,GAAG;KACH,yBAAyB;KAC1B,CAAC;IAEJ,CAAA;GACF,kBAAC,GAAD;IACE,SAAS,kBAAC,GAAD,EAAY,CAAA;IACrB,OAAM;IACN,SAAS,EAAkB;IAC3B,WAAW,GAAQ,MACjB,EAAS;KACP,GAAG;KACH,4BAA4B;KAC7B,CAAC;IAEJ,CAAA;GACD,EAAkB,iBACjB,KACA,kBAAC,GAAD;IACE,SAAS,kBAAC,GAAD,EAAY,CAAA;IACrB,OAAM;IACN,SAAS,EAAkB;IAC3B,WAAW,GAAQ,MACjB,EAAS;KACP,GAAG;KACH,iBAAiB;KAClB,CAAC;IAEJ,CAAA;GAEA;KACL,CAAA,EAEJ,CAAA"}
+{"version":3,"file":"AccessorRequirements.js","names":[],"sources":["../../../src/components/SetBasicAccessRequirementFields/AccessorRequirements.tsx"],"sourcesContent":["import {\n  AccessRequirement,\n  MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n} from '@sage-bionetworks/synapse-types'\nimport { hasAccessorRequirement } from './GovernanceUtils'\nimport { Box, Checkbox, FormControlLabel, Typography } from '@mui/material'\n\ntype AccessorRequirementsProps = {\n  accessRequirement: AccessRequirement\n  onChange: (updatedAr: AccessRequirement) => void\n}\n\nexport function AccessorRequirements(props: AccessorRequirementsProps) {\n  const { accessRequirement, onChange } = props\n\n  return (\n    <>\n      {hasAccessorRequirement(accessRequirement) && (\n        <>\n          <Box\n            sx={{\n              mb: 2,\n            }}\n          >\n            <Typography\n              variant=\"body1\"\n              sx={{\n                fontWeight: 700,\n              }}\n            >\n              Accessor requirements\n            </Typography>\n            <FormControlLabel\n              control={<Checkbox />}\n              label=\"Accessors must be certified.\"\n              checked={accessRequirement.isCertifiedUserRequired}\n              onChange={(_event, checked: boolean) =>\n                onChange({\n                  ...accessRequirement,\n                  isCertifiedUserRequired: checked,\n                })\n              }\n            />\n            <FormControlLabel\n              control={<Checkbox />}\n              label=\"Accessors must have a validated profile.\"\n              checked={accessRequirement.isValidatedProfileRequired}\n              onChange={(_event, checked: boolean) =>\n                onChange({\n                  ...accessRequirement,\n                  isValidatedProfileRequired: checked,\n                })\n              }\n            />\n            {accessRequirement.concreteType ===\n              MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE && (\n              <FormControlLabel\n                control={<Checkbox />}\n                label=\"Accessors must use two-factor authentication (2FA).\"\n                checked={accessRequirement.isTwoFaRequired}\n                onChange={(_event, checked: boolean) =>\n                  onChange({\n                    ...accessRequirement,\n                    isTwoFaRequired: checked,\n                  })\n                }\n              />\n            )}\n          </Box>\n        </>\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;;AAYA,SAAgB,EAAqB,GAAkC;CACrE,IAAM,EAAE,sBAAmB,gBAAa;CAExC,OACE,kBAAA,GAAA,EAAA,UACG,EAAuB,CAAiB,KACvC,kBAAA,GAAA,EAAA,UACE,kBAAC,GAAD;EACE,IAAI,EACF,IAAI,EACN;YAHF;GAKE,kBAAC,GAAD;IACE,SAAQ;IACR,IAAI,EACF,YAAY,IACd;cACD;GAEW,CAAA;GACZ,kBAAC,GAAD;IACE,SAAS,kBAAC,GAAD,CAAW,CAAA;IACpB,OAAM;IACN,SAAS,EAAkB;IAC3B,WAAW,GAAQ,MACjB,EAAS;KACP,GAAG;KACH,yBAAyB;IAC3B,CAAC;GAEJ,CAAA;GACD,kBAAC,GAAD;IACE,SAAS,kBAAC,GAAD,CAAW,CAAA;IACpB,OAAM;IACN,SAAS,EAAkB;IAC3B,WAAW,GAAQ,MACjB,EAAS;KACP,GAAG;KACH,4BAA4B;IAC9B,CAAC;GAEJ,CAAA;GACA,EAAkB,iBACjB,KACA,kBAAC,GAAD;IACE,SAAS,kBAAC,GAAD,CAAW,CAAA;IACpB,OAAM;IACN,SAAS,EAAkB;IAC3B,WAAW,GAAQ,MACjB,EAAS;KACP,GAAG;KACH,iBAAiB;IACnB,CAAC;GAEJ,CAAA;EAEA;IACL,CAAA,EAEJ,CAAA;AAEN"}

package/dist/components/SetBasicAccessRequirementFields/GovernanceUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"GovernanceUtils.js","names":[],"sources":["../../../src/components/SetBasicAccessRequirementFields/GovernanceUtils.ts"],"sourcesContent":["import {\n  ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  AccessRequirement,\n  LOCK_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  ManagedACTAccessRequirement,\n  SELF_SIGN_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  SelfSignAccessRequirement,\n  TERMS_OF_USE_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n} from '@sage-bionetworks/synapse-types'\n\nexport const LOCK_ACCESS_REQUIREMENT_TEXT =\n  'Access restricted pending review by Synapse Access and Compliance Team.'\n\nexport const getOldAccessRequirementInstructions = (ar: AccessRequirement) => {\n  switch (ar.concreteType) {\n    case MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE:\n    case SELF_SIGN_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE:\n      // uses wiki to store instructions\n      return ''\n    case TERMS_OF_USE_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE:\n      return ar.termsOfUse\n    case ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE:\n      return ar.actContactInfo\n    case LOCK_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE:\n      return LOCK_ACCESS_REQUIREMENT_TEXT\n  }\n}\n\n/**\n * Returns true iff the access requirement can apply restrictions based on\n * accessor qualities, such as certification or validation status\n */\nexport const hasAccessorRequirement = (\n  ar: AccessRequirement,\n): ar is SelfSignAccessRequirement | ManagedACTAccessRequirement => {\n  return (\n    ar.concreteType === SELF_SIGN_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE ||\n    ar.concreteType == MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE\n  )\n}\n"],"mappings":";;AAWA,IAAa,IACX,2EAEW,KAAuC,MAA0B;AAC5E,SAAQ,EAAG,cAAX;EACE,KAAK;EACL,KAAK,EAEH,QAAO;EACT,KAAK,EACH,QAAO,EAAG;EACZ,KAAK,EACH,QAAO,EAAG;EACZ,KAAK,EACH,QAAO;;GAQA,KACX,MAGE,EAAG,iBAAiB,KACpB,EAAG,gBAAgB"}
+{"version":3,"file":"GovernanceUtils.js","names":[],"sources":["../../../src/components/SetBasicAccessRequirementFields/GovernanceUtils.ts"],"sourcesContent":["import {\n  ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  AccessRequirement,\n  LOCK_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  ManagedACTAccessRequirement,\n  SELF_SIGN_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  SelfSignAccessRequirement,\n  TERMS_OF_USE_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n} from '@sage-bionetworks/synapse-types'\n\nexport const LOCK_ACCESS_REQUIREMENT_TEXT =\n  'Access restricted pending review by Synapse Access and Compliance Team.'\n\nexport const getOldAccessRequirementInstructions = (ar: AccessRequirement) => {\n  switch (ar.concreteType) {\n    case MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE:\n    case SELF_SIGN_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE:\n      // uses wiki to store instructions\n      return ''\n    case TERMS_OF_USE_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE:\n      return ar.termsOfUse\n    case ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE:\n      return ar.actContactInfo\n    case LOCK_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE:\n      return LOCK_ACCESS_REQUIREMENT_TEXT\n  }\n}\n\n/**\n * Returns true iff the access requirement can apply restrictions based on\n * accessor qualities, such as certification or validation status\n */\nexport const hasAccessorRequirement = (\n  ar: AccessRequirement,\n): ar is SelfSignAccessRequirement | ManagedACTAccessRequirement => {\n  return (\n    ar.concreteType === SELF_SIGN_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE ||\n    ar.concreteType == MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE\n  )\n}\n"],"mappings":";;AAWA,IAAa,IACX,2EAEW,KAAuC,MAA0B;CAC5E,QAAQ,EAAG,cAAX;EACE,KAAK;EACL,KAAK,GAEH,OAAO;EACT,KAAK,GACH,OAAO,EAAG;EACZ,KAAK,GACH,OAAO,EAAG;EACZ,KAAK,GACH,OAAO;CACX;AACF,GAMa,KACX,MAGE,EAAG,iBAAiB,KACpB,EAAG,gBAAgB"}

package/dist/components/SetBasicAccessRequirementFields/SetBasicAccessRequirementFields.js.map

@@ -1 +1 @@
-{"version":3,"file":"SetBasicAccessRequirementFields.js","names":[],"sources":["../../../src/components/SetBasicAccessRequirementFields/SetBasicAccessRequirementFields.tsx"],"sourcesContent":["import {\n  useGetAccessRequirements,\n  useUpdateAccessRequirement,\n} from '@/synapse-queries'\nimport { Alert } from '@mui/material'\nimport {\n  AccessRequirement,\n  ManagedACTAccessRequirement,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  ForwardedRef,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useState,\n} from 'react'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport { AccessorRequirements } from './AccessorRequirements'\nimport { AccessRequirementTextInstructions } from './AccessRequirementTextInstructions'\nimport { AccessRequirementWikiInstructions } from './AccessRequirementWikiInstructions'\n\nexport type BasicAccessRequirement = Exclude<\n  AccessRequirement,\n  ManagedACTAccessRequirement\n>\n\nexport type SetBasicAccessRequirementFieldsHandle = {\n  /* Allow the parent component to trigger saving the AR, so this may be embedded in an arbitrary modal. */\n  save: () => void\n}\n\nexport type SetBasicAccessRequirementFieldsProps = {\n  accessRequirementId: string\n  /* Called when AR has been saved successfully */\n  onSave: () => void\n  /* Called when error saving AR */\n  onError: () => void\n  allowDeleteTextInstructions?: boolean\n}\n\nexport const SetBasicAccessRequirementFields = forwardRef(\n  function SetBasicAccessRequirementFields(\n    props: SetBasicAccessRequirementFieldsProps,\n    ref: ForwardedRef<SetBasicAccessRequirementFieldsHandle>,\n  ) {\n    const {\n      accessRequirementId,\n      onSave,\n      onError,\n      allowDeleteTextInstructions = false,\n    } = props\n    const [updatedAr, setUpdatedAr] = useState<BasicAccessRequirement | null>(\n      null,\n    )\n\n    const { data: accessRequirement, error: getArError } =\n      useGetAccessRequirements<BasicAccessRequirement>(accessRequirementId, {\n        staleTime: Infinity,\n      })\n    useEffect(() => {\n      if (accessRequirement) {\n        setUpdatedAr(accessRequirement)\n      }\n    }, [accessRequirement])\n\n    const { mutateAsync: updateAccessRequirement, error: updateArError } =\n      useUpdateAccessRequirement<BasicAccessRequirement>()\n\n    const onUpdateAccessRequirement = useCallback(\n      async (\n        updatedAr: BasicAccessRequirement,\n        isDeletingTextInstructions: boolean,\n      ) => {\n        try {\n          await updateAccessRequirement(updatedAr)\n          setUpdatedAr(updatedAr)\n          if (!isDeletingTextInstructions) {\n            onSave()\n          }\n        } catch {\n          if (!isDeletingTextInstructions) {\n            onError()\n          }\n        }\n      },\n      [onSave, onError, updateAccessRequirement],\n    )\n\n    useImperativeHandle(ref, () => {\n      return {\n        save() {\n          if (updatedAr) onUpdateAccessRequirement(updatedAr, false)\n        },\n      }\n    }, [updatedAr, onUpdateAccessRequirement])\n\n    if (!updatedAr) {\n      if (getArError) {\n        return <Alert severity=\"error\">{getArError.reason}</Alert>\n      } else {\n        return <SynapseSpinner />\n      }\n    }\n\n    return (\n      <>\n        <AccessRequirementTextInstructions\n          accessRequirement={updatedAr}\n          allowDelete={allowDeleteTextInstructions}\n          onConfirmDelete={updatedAr => {\n            onUpdateAccessRequirement(updatedAr as BasicAccessRequirement, true)\n          }}\n        />\n        <AccessRequirementWikiInstructions accessRequirement={updatedAr} />\n        <AccessorRequirements\n          accessRequirement={updatedAr}\n          onChange={updatedAr =>\n            setUpdatedAr(updatedAr as BasicAccessRequirement)\n          }\n        />\n        {updateArError && (\n          <Alert severity=\"error\" sx={{ marginTop: 2 }}>\n            {updateArError.reason}\n          </Alert>\n        )}\n      </>\n    )\n  },\n)\n"],"mappings":";;;;;;;;;;AAyCA,IAAa,IAAkC,EAC7C,SACE,GACA,GACA;CACA,IAAM,EACJ,wBACA,WACA,YACA,iCAA8B,OAC5B,GACE,CAAC,GAAW,KAAgB,EAChC,KACD,EAEK,EAAE,MAAM,GAAmB,OAAO,MACtC,EAAiD,GAAqB,EACpE,WAAW,UACZ,CAAC;AACJ,SAAgB;AACd,EAAI,KACF,EAAa,EAAkB;IAEhC,CAAC,EAAkB,CAAC;CAEvB,IAAM,EAAE,aAAa,GAAyB,OAAO,MACnD,GAAoD,EAEhD,IAA4B,EAChC,OACE,GACA,MACG;AACH,MAAI;AAGF,GAFA,MAAM,EAAwB,EAAU,EACxC,EAAa,EAAU,EAClB,KACH,GAAQ;UAEJ;AACN,GAAK,KACH,GAAS;;IAIf;EAAC;EAAQ;EAAS;EAAwB,CAC3C;AAkBD,QAhBA,EAAoB,UACX,EACL,OAAO;AACL,EAAI,KAAW,EAA0B,GAAW,GAAM;IAE7D,GACA,CAAC,GAAW,EAA0B,CAAC,EAErC,IASH,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GACE,mBAAmB;GACnB,aAAa;GACb,kBAAiB,MAAa;AAC5B,MAA0B,GAAqC,GAAK;;GAEtE,CAAA;EACF,kBAAC,GAAD,EAAmC,mBAAmB,GAAa,CAAA;EACnE,kBAAC,GAAD;GACE,mBAAmB;GACnB,WAAU,MACR,EAAa,EAAoC;GAEnD,CAAA;EACD,KACC,kBAAC,GAAD;GAAO,UAAS;GAAQ,IAAI,EAAE,WAAW,GAAG;aACzC,EAAc;GACT,CAAA;EAET,EAAA,CAAA,GA5BC,IACK,kBAAC,GAAD;EAAO,UAAS;YAAS,EAAW;EAAe,CAAA,GAEnD,kBAAC,GAAD,EAAkB,CAAA;EA4BhC"}
+{"version":3,"file":"SetBasicAccessRequirementFields.js","names":[],"sources":["../../../src/components/SetBasicAccessRequirementFields/SetBasicAccessRequirementFields.tsx"],"sourcesContent":["import {\n  useGetAccessRequirements,\n  useUpdateAccessRequirement,\n} from '@/synapse-queries'\nimport { Alert } from '@mui/material'\nimport {\n  AccessRequirement,\n  ManagedACTAccessRequirement,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  ForwardedRef,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useState,\n} from 'react'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport { AccessorRequirements } from './AccessorRequirements'\nimport { AccessRequirementTextInstructions } from './AccessRequirementTextInstructions'\nimport { AccessRequirementWikiInstructions } from './AccessRequirementWikiInstructions'\n\nexport type BasicAccessRequirement = Exclude<\n  AccessRequirement,\n  ManagedACTAccessRequirement\n>\n\nexport type SetBasicAccessRequirementFieldsHandle = {\n  /* Allow the parent component to trigger saving the AR, so this may be embedded in an arbitrary modal. */\n  save: () => void\n}\n\nexport type SetBasicAccessRequirementFieldsProps = {\n  accessRequirementId: string\n  /* Called when AR has been saved successfully */\n  onSave: () => void\n  /* Called when error saving AR */\n  onError: () => void\n  allowDeleteTextInstructions?: boolean\n}\n\nexport const SetBasicAccessRequirementFields = forwardRef(\n  function SetBasicAccessRequirementFields(\n    props: SetBasicAccessRequirementFieldsProps,\n    ref: ForwardedRef<SetBasicAccessRequirementFieldsHandle>,\n  ) {\n    const {\n      accessRequirementId,\n      onSave,\n      onError,\n      allowDeleteTextInstructions = false,\n    } = props\n    const [updatedAr, setUpdatedAr] = useState<BasicAccessRequirement | null>(\n      null,\n    )\n\n    const { data: accessRequirement, error: getArError } =\n      useGetAccessRequirements<BasicAccessRequirement>(accessRequirementId, {\n        staleTime: Infinity,\n      })\n    useEffect(() => {\n      if (accessRequirement) {\n        setUpdatedAr(accessRequirement)\n      }\n    }, [accessRequirement])\n\n    const { mutateAsync: updateAccessRequirement, error: updateArError } =\n      useUpdateAccessRequirement<BasicAccessRequirement>()\n\n    const onUpdateAccessRequirement = useCallback(\n      async (\n        updatedAr: BasicAccessRequirement,\n        isDeletingTextInstructions: boolean,\n      ) => {\n        try {\n          await updateAccessRequirement(updatedAr)\n          setUpdatedAr(updatedAr)\n          if (!isDeletingTextInstructions) {\n            onSave()\n          }\n        } catch {\n          if (!isDeletingTextInstructions) {\n            onError()\n          }\n        }\n      },\n      [onSave, onError, updateAccessRequirement],\n    )\n\n    useImperativeHandle(ref, () => {\n      return {\n        save() {\n          if (updatedAr) onUpdateAccessRequirement(updatedAr, false)\n        },\n      }\n    }, [updatedAr, onUpdateAccessRequirement])\n\n    if (!updatedAr) {\n      if (getArError) {\n        return <Alert severity=\"error\">{getArError.reason}</Alert>\n      } else {\n        return <SynapseSpinner />\n      }\n    }\n\n    return (\n      <>\n        <AccessRequirementTextInstructions\n          accessRequirement={updatedAr}\n          allowDelete={allowDeleteTextInstructions}\n          onConfirmDelete={updatedAr => {\n            onUpdateAccessRequirement(updatedAr as BasicAccessRequirement, true)\n          }}\n        />\n        <AccessRequirementWikiInstructions accessRequirement={updatedAr} />\n        <AccessorRequirements\n          accessRequirement={updatedAr}\n          onChange={updatedAr =>\n            setUpdatedAr(updatedAr as BasicAccessRequirement)\n          }\n        />\n        {updateArError && (\n          <Alert severity=\"error\" sx={{ marginTop: 2 }}>\n            {updateArError.reason}\n          </Alert>\n        )}\n      </>\n    )\n  },\n)\n"],"mappings":";;;;;;;;;;AAyCA,IAAa,IAAkC,EAC7C,SACE,GACA,GACA;CACA,IAAM,EACJ,wBACA,WACA,YACA,iCAA8B,OAC5B,GACE,CAAC,GAAW,KAAgB,EAChC,IACF,GAEM,EAAE,MAAM,GAAmB,OAAO,MACtC,EAAiD,GAAqB,EACpE,WAAW,SACb,CAAC;CACH,QAAgB;EACd,AAAI,KACF,EAAa,CAAiB;CAElC,GAAG,CAAC,CAAiB,CAAC;CAEtB,IAAM,EAAE,aAAa,GAAyB,OAAO,MACnD,EAAmD,GAE/C,IAA4B,EAChC,OACE,GACA,MACG;EACH,IAAI;GAGF,AAFA,MAAM,EAAwB,CAAS,GACvC,EAAa,CAAS,GACjB,KACH,EAAO;EAEX,QAAQ;GACN,AAAK,KACH,EAAQ;EAEZ;CACF,GACA;EAAC;EAAQ;EAAS;CAAuB,CAC3C;CAkBA,OAhBA,EAAoB,UACX,EACL,OAAO;EACL,AAAI,KAAW,EAA0B,GAAW,EAAK;CAC3D,EACF,IACC,CAAC,GAAW,CAAyB,CAAC,GAEpC,IASH,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GACE,mBAAmB;GACnB,aAAa;GACb,kBAAiB,MAAa;IAC5B,EAA0B,GAAqC,EAAI;GACrE;EACD,CAAA;EACD,kBAAC,GAAD,EAAmC,mBAAmB,EAAY,CAAA;EAClE,kBAAC,GAAD;GACE,mBAAmB;GACnB,WAAU,MACR,EAAa,CAAmC;EAEnD,CAAA;EACA,KACC,kBAAC,GAAD;GAAO,UAAS;GAAQ,IAAI,EAAE,WAAW,EAAE;aACxC,EAAc;EACV,CAAA;CAET,EAAA,CAAA,IA5BE,IACK,kBAAC,GAAD;EAAO,UAAS;YAAS,EAAW;CAAc,CAAA,IAElD,kBAAC,GAAD,CAAiB,CAAA;AA2B9B,CACF"}

package/dist/components/SetManagedAccessRequirementFields/SetManagedAccessRequirementFields.js.map

@@ -1 +1 @@
-{"version":3,"file":"SetManagedAccessRequirementFields.js","names":[],"sources":["../../../src/components/SetManagedAccessRequirementFields/SetManagedAccessRequirementFields.tsx"],"sourcesContent":["import {\n  useGetAccessRequirements,\n  useUpdateAccessRequirement,\n} from '@/synapse-queries'\nimport { DAY_IN_MS } from '@/utils/SynapseConstants'\nimport {\n  Alert,\n  Box,\n  Checkbox,\n  FormControlLabel,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport {\n  FileHandleAssociateType,\n  FileHandleAssociation,\n  FileUploadComplete,\n  ManagedACTAccessRequirement,\n  UploadCallbackResp,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  ForwardedRef,\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useState,\n} from 'react'\nimport { UploadDocumentField } from '../AccessRequirementList/ManagedACTAccessRequirementRequestFlow/UploadDocumentField'\nimport { SynapseErrorBoundary } from '../error/ErrorBanner'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport {\n  AccessorRequirements,\n  AccessRequirementWikiInstructions,\n} from '../SetBasicAccessRequirementFields'\n\nexport const DUC_TEMPLATE_UPLOAD_ERROR =\n  'There was an error uploading the DUC template. '\n\nexport const getValidExpirationPeriodOrErrorMessage = (\n  expirationPeriodDays: string,\n) => {\n  if (expirationPeriodDays === '') return 0\n\n  const msgPrefix = 'Please enter a valid expiration period (in days): '\n  if (/^[-]?\\d+$/.test(expirationPeriodDays)) {\n    const num = Number(expirationPeriodDays)\n    if (num < 0) {\n      return `${msgPrefix}If expiration period is set, then it must be greater than 0.`\n    }\n    return num * DAY_IN_MS\n  }\n  return `${msgPrefix}For input string: \"${expirationPeriodDays}\"`\n}\n\nexport type SetManagedAccessRequirementFieldsHandle = {\n  /* Allow the parent component to trigger saving the AR, so this may be embedded in an arbitrary modal. */\n  save: () => void\n}\n\nexport type SetManagedAccessRequirementFieldsProps = {\n  accessRequirementId: string\n  /* Called when AR has been saved successfully */\n  onSave: () => void\n  /* Called when error saving AR */\n  onError: () => void\n}\n\nexport const SetManagedAccessRequirementFields = forwardRef(\n  function SetManagedAccessRequirementFields(\n    props: SetManagedAccessRequirementFieldsProps,\n    ref: ForwardedRef<SetManagedAccessRequirementFieldsHandle>,\n  ) {\n    const { accessRequirementId, onSave, onError } = props\n\n    const { data: accessRequirement, error: getArError } =\n      useGetAccessRequirements<ManagedACTAccessRequirement>(\n        accessRequirementId,\n        { staleTime: Infinity },\n      )\n    useEffect(() => {\n      if (accessRequirement) {\n        setUpdatedAr(accessRequirement)\n        setExpirationPeriodDays(\n          (accessRequirement.expirationPeriod / DAY_IN_MS).toString(),\n        )\n      }\n    }, [accessRequirement])\n\n    const [uploadDucTemplateError, setUploadDucTemplateError] = useState<\n      string | null\n    >(null)\n    const [expirationPeriodError, setExpirationPeriodError] = useState<\n      string | null\n    >(null)\n\n    const [updatedAr, setUpdatedAr] =\n      useState<ManagedACTAccessRequirement | null>(null)\n    const [expirationPeriodDays, setExpirationPeriodDays] = useState<string>('')\n\n    const ducTemplateFileHandleAssociation = useMemo(() => {\n      if (updatedAr?.ducTemplateFileHandleId) {\n        const ducTemplateFileHandleAssociation: FileHandleAssociation = {\n          fileHandleId: updatedAr.ducTemplateFileHandleId,\n          associateObjectType:\n            FileHandleAssociateType.AccessRequirementAttachment,\n          associateObjectId: updatedAr.id.toString(),\n        }\n        return ducTemplateFileHandleAssociation\n      }\n      return undefined\n    }, [updatedAr?.ducTemplateFileHandleId, updatedAr?.id])\n\n    const uploadDucTemplateCallback = (data: UploadCallbackResp) => {\n      if (data.resp && data.success && updatedAr) {\n        setUploadDucTemplateError(null)\n        // Files are uploaded and synced with the server immediately\n        const uploadResponse: FileUploadComplete = data.resp\n        setUpdatedAr({\n          ...updatedAr,\n          ducTemplateFileHandleId: uploadResponse.fileHandleId,\n        })\n      } else if (!data.success && data.error) {\n        setUploadDucTemplateError(\n          `${DUC_TEMPLATE_UPLOAD_ERROR} ${\n            (data.error as SynapseClientError).reason\n          }`,\n        )\n      }\n    }\n\n    const {\n      mutate: updateAccessRequirement,\n      isPending: isUpdatingAccessRequirement,\n      error: updateArError,\n    } = useUpdateAccessRequirement<ManagedACTAccessRequirement>({\n      onSuccess: () => onSave(),\n      onError: () => onError(),\n    })\n\n    useImperativeHandle(ref, () => {\n      return {\n        save() {\n          if (updatedAr) {\n            const expirationPeriodOrErrorMessage =\n              getValidExpirationPeriodOrErrorMessage(expirationPeriodDays)\n            if (typeof expirationPeriodOrErrorMessage === 'string') {\n              setExpirationPeriodError(expirationPeriodOrErrorMessage)\n              onError()\n            } else {\n              updateAccessRequirement({\n                ...updatedAr,\n                expirationPeriod: expirationPeriodOrErrorMessage,\n              })\n            }\n          }\n        },\n      }\n    }, [expirationPeriodDays, updatedAr, updateAccessRequirement, onError])\n\n    if (!updatedAr) {\n      if (getArError) {\n        return <Alert severity=\"error\">{getArError.reason}</Alert>\n      } else {\n        return <SynapseSpinner />\n      }\n    }\n\n    return (\n      <>\n        <AccessRequirementWikiInstructions accessRequirement={updatedAr} />\n        <Box>\n          <Typography\n            sx={{\n              bgcolor: '#f5f5f5',\n              borderBottom: '1px solid #ddd',\n              color: '#333',\n              px: 2,\n              py: 1,\n            }}\n          >\n            Data Access Request Parameters\n          </Typography>\n          <Box\n            sx={{\n              mt: 2,\n              mb: 4,\n            }}\n          >\n            <AccessorRequirements\n              accessRequirement={updatedAr}\n              onChange={updatedAr =>\n                setUpdatedAr(updatedAr as ManagedACTAccessRequirement)\n              }\n            />\n            <Box\n              sx={{\n                mb: 2,\n              }}\n            >\n              <Typography\n                variant=\"body1\"\n                sx={{\n                  fontWeight: 700,\n                }}\n              >\n                DUC\n              </Typography>\n              <FormControlLabel\n                control={<Checkbox />}\n                label=\"DUC is required.\"\n                checked={updatedAr.isDUCRequired}\n                onChange={(_event, checked: boolean) =>\n                  setUpdatedAr({\n                    ...updatedAr,\n                    isDUCRequired: checked,\n                  })\n                }\n              />\n              <SynapseErrorBoundary>\n                <UploadDocumentField\n                  id=\"duc\"\n                  isLoading={isUpdatingAccessRequirement}\n                  uploadCallback={resp => uploadDucTemplateCallback(resp)}\n                  documentName=\"Template DUC\"\n                  fileHandleAssociations={\n                    ducTemplateFileHandleAssociation\n                      ? [ducTemplateFileHandleAssociation]\n                      : undefined\n                  }\n                  isMultiFileUpload={false}\n                  uploadBtnVariant=\"contained\"\n                />\n                {uploadDucTemplateError && (\n                  <Alert severity=\"error\" sx={{ marginTop: 2 }}>\n                    {uploadDucTemplateError}\n                  </Alert>\n                )}\n              </SynapseErrorBoundary>\n              <FormControlLabel\n                label=\"IRB approval is required.\"\n                checked={updatedAr.isIRBApprovalRequired}\n                control={<Checkbox />}\n                onChange={(_event, checked: boolean) =>\n                  setUpdatedAr({\n                    ...updatedAr,\n                    isIRBApprovalRequired: checked,\n                  })\n                }\n                sx={{ ml: 0 }}\n              />\n              <FormControlLabel\n                control={<Checkbox />}\n                label=\"Other documents are required.\"\n                checked={updatedAr.areOtherAttachmentsRequired}\n                onChange={(_event, checked: boolean) =>\n                  setUpdatedAr({\n                    ...updatedAr,\n                    areOtherAttachmentsRequired: checked,\n                  })\n                }\n              />\n              <TextField\n                id=\"expirationPeriod\"\n                name=\"expirationPeriod\"\n                label=\"Expiration period (days)\"\n                value={expirationPeriodDays}\n                error={Boolean(expirationPeriodError)}\n                helperText={expirationPeriodError}\n                sx={{ mt: 1 }}\n                fullWidth\n                onChange={event => {\n                  setExpirationPeriodError(null)\n                  setExpirationPeriodDays(event.target.value)\n                }}\n                onBlur={() => {\n                  const expirationPeriodOrErrorMessage =\n                    getValidExpirationPeriodOrErrorMessage(expirationPeriodDays)\n                  if (typeof expirationPeriodOrErrorMessage === 'string') {\n                    setExpirationPeriodError(expirationPeriodOrErrorMessage)\n                  }\n                }}\n              />\n              <Box\n                sx={{\n                  mt: 1,\n                }}\n              >\n                <FormControlLabel\n                  control={<Checkbox />}\n                  label=\"Intended Data Use statement is required.\"\n                  checked={updatedAr.isIDURequired}\n                  onChange={(_event, checked: boolean) => {\n                    if (checked) {\n                      setUpdatedAr({\n                        ...updatedAr,\n                        isIDURequired: true,\n                      })\n                    } else {\n                      setUpdatedAr({\n                        ...updatedAr,\n                        isIDURequired: false,\n                        isIDUPublic: false,\n                      })\n                    }\n                  }}\n                />\n                <FormControlLabel\n                  control={<Checkbox />}\n                  label=\"Intended Data Use statements will be publicly available.\"\n                  checked={updatedAr.isIDUPublic}\n                  disabled={!updatedAr.isIDURequired}\n                  onChange={(_event, checked: boolean) =>\n                    setUpdatedAr({\n                      ...updatedAr,\n                      isIDUPublic: checked,\n                    })\n                  }\n                />\n              </Box>\n            </Box>\n          </Box>\n        </Box>\n        {updateArError && (\n          <Alert severity=\"error\" sx={{ marginTop: 2 }}>\n            {updateArError.reason}\n          </Alert>\n        )}\n      </>\n    )\n  },\n)\n"],"mappings":"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"}
+{"version":3,"file":"SetManagedAccessRequirementFields.js","names":[],"sources":["../../../src/components/SetManagedAccessRequirementFields/SetManagedAccessRequirementFields.tsx"],"sourcesContent":["import {\n  useGetAccessRequirements,\n  useUpdateAccessRequirement,\n} from '@/synapse-queries'\nimport { DAY_IN_MS } from '@/utils/SynapseConstants'\nimport {\n  Alert,\n  Box,\n  Checkbox,\n  FormControlLabel,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport {\n  FileHandleAssociateType,\n  FileHandleAssociation,\n  FileUploadComplete,\n  ManagedACTAccessRequirement,\n  UploadCallbackResp,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  ForwardedRef,\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useState,\n} from 'react'\nimport { UploadDocumentField } from '../AccessRequirementList/ManagedACTAccessRequirementRequestFlow/UploadDocumentField'\nimport { SynapseErrorBoundary } from '../error/ErrorBanner'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport {\n  AccessorRequirements,\n  AccessRequirementWikiInstructions,\n} from '../SetBasicAccessRequirementFields'\n\nexport const DUC_TEMPLATE_UPLOAD_ERROR =\n  'There was an error uploading the DUC template. '\n\nexport const getValidExpirationPeriodOrErrorMessage = (\n  expirationPeriodDays: string,\n) => {\n  if (expirationPeriodDays === '') return 0\n\n  const msgPrefix = 'Please enter a valid expiration period (in days): '\n  if (/^[-]?\\d+$/.test(expirationPeriodDays)) {\n    const num = Number(expirationPeriodDays)\n    if (num < 0) {\n      return `${msgPrefix}If expiration period is set, then it must be greater than 0.`\n    }\n    return num * DAY_IN_MS\n  }\n  return `${msgPrefix}For input string: \"${expirationPeriodDays}\"`\n}\n\nexport type SetManagedAccessRequirementFieldsHandle = {\n  /* Allow the parent component to trigger saving the AR, so this may be embedded in an arbitrary modal. */\n  save: () => void\n}\n\nexport type SetManagedAccessRequirementFieldsProps = {\n  accessRequirementId: string\n  /* Called when AR has been saved successfully */\n  onSave: () => void\n  /* Called when error saving AR */\n  onError: () => void\n}\n\nexport const SetManagedAccessRequirementFields = forwardRef(\n  function SetManagedAccessRequirementFields(\n    props: SetManagedAccessRequirementFieldsProps,\n    ref: ForwardedRef<SetManagedAccessRequirementFieldsHandle>,\n  ) {\n    const { accessRequirementId, onSave, onError } = props\n\n    const { data: accessRequirement, error: getArError } =\n      useGetAccessRequirements<ManagedACTAccessRequirement>(\n        accessRequirementId,\n        { staleTime: Infinity },\n      )\n    useEffect(() => {\n      if (accessRequirement) {\n        setUpdatedAr(accessRequirement)\n        setExpirationPeriodDays(\n          (accessRequirement.expirationPeriod / DAY_IN_MS).toString(),\n        )\n      }\n    }, [accessRequirement])\n\n    const [uploadDucTemplateError, setUploadDucTemplateError] = useState<\n      string | null\n    >(null)\n    const [expirationPeriodError, setExpirationPeriodError] = useState<\n      string | null\n    >(null)\n\n    const [updatedAr, setUpdatedAr] =\n      useState<ManagedACTAccessRequirement | null>(null)\n    const [expirationPeriodDays, setExpirationPeriodDays] = useState<string>('')\n\n    const ducTemplateFileHandleAssociation = useMemo(() => {\n      if (updatedAr?.ducTemplateFileHandleId) {\n        const ducTemplateFileHandleAssociation: FileHandleAssociation = {\n          fileHandleId: updatedAr.ducTemplateFileHandleId,\n          associateObjectType:\n            FileHandleAssociateType.AccessRequirementAttachment,\n          associateObjectId: updatedAr.id.toString(),\n        }\n        return ducTemplateFileHandleAssociation\n      }\n      return undefined\n    }, [updatedAr?.ducTemplateFileHandleId, updatedAr?.id])\n\n    const uploadDucTemplateCallback = (data: UploadCallbackResp) => {\n      if (data.resp && data.success && updatedAr) {\n        setUploadDucTemplateError(null)\n        // Files are uploaded and synced with the server immediately\n        const uploadResponse: FileUploadComplete = data.resp\n        setUpdatedAr({\n          ...updatedAr,\n          ducTemplateFileHandleId: uploadResponse.fileHandleId,\n        })\n      } else if (!data.success && data.error) {\n        setUploadDucTemplateError(\n          `${DUC_TEMPLATE_UPLOAD_ERROR} ${\n            (data.error as SynapseClientError).reason\n          }`,\n        )\n      }\n    }\n\n    const {\n      mutate: updateAccessRequirement,\n      isPending: isUpdatingAccessRequirement,\n      error: updateArError,\n    } = useUpdateAccessRequirement<ManagedACTAccessRequirement>({\n      onSuccess: () => onSave(),\n      onError: () => onError(),\n    })\n\n    useImperativeHandle(ref, () => {\n      return {\n        save() {\n          if (updatedAr) {\n            const expirationPeriodOrErrorMessage =\n              getValidExpirationPeriodOrErrorMessage(expirationPeriodDays)\n            if (typeof expirationPeriodOrErrorMessage === 'string') {\n              setExpirationPeriodError(expirationPeriodOrErrorMessage)\n              onError()\n            } else {\n              updateAccessRequirement({\n                ...updatedAr,\n                expirationPeriod: expirationPeriodOrErrorMessage,\n              })\n            }\n          }\n        },\n      }\n    }, [expirationPeriodDays, updatedAr, updateAccessRequirement, onError])\n\n    if (!updatedAr) {\n      if (getArError) {\n        return <Alert severity=\"error\">{getArError.reason}</Alert>\n      } else {\n        return <SynapseSpinner />\n      }\n    }\n\n    return (\n      <>\n        <AccessRequirementWikiInstructions accessRequirement={updatedAr} />\n        <Box>\n          <Typography\n            sx={{\n              bgcolor: '#f5f5f5',\n              borderBottom: '1px solid #ddd',\n              color: '#333',\n              px: 2,\n              py: 1,\n            }}\n          >\n            Data Access Request Parameters\n          </Typography>\n          <Box\n            sx={{\n              mt: 2,\n              mb: 4,\n            }}\n          >\n            <AccessorRequirements\n              accessRequirement={updatedAr}\n              onChange={updatedAr =>\n                setUpdatedAr(updatedAr as ManagedACTAccessRequirement)\n              }\n            />\n            <Box\n              sx={{\n                mb: 2,\n              }}\n            >\n              <Typography\n                variant=\"body1\"\n                sx={{\n                  fontWeight: 700,\n                }}\n              >\n                DUC\n              </Typography>\n              <FormControlLabel\n                control={<Checkbox />}\n                label=\"DUC is required.\"\n                checked={updatedAr.isDUCRequired}\n                onChange={(_event, checked: boolean) =>\n                  setUpdatedAr({\n                    ...updatedAr,\n                    isDUCRequired: checked,\n                  })\n                }\n              />\n              <SynapseErrorBoundary>\n                <UploadDocumentField\n                  id=\"duc\"\n                  isLoading={isUpdatingAccessRequirement}\n                  uploadCallback={resp => uploadDucTemplateCallback(resp)}\n                  documentName=\"Template DUC\"\n                  fileHandleAssociations={\n                    ducTemplateFileHandleAssociation\n                      ? [ducTemplateFileHandleAssociation]\n                      : undefined\n                  }\n                  isMultiFileUpload={false}\n                  uploadBtnVariant=\"contained\"\n                />\n                {uploadDucTemplateError && (\n                  <Alert severity=\"error\" sx={{ marginTop: 2 }}>\n                    {uploadDucTemplateError}\n                  </Alert>\n                )}\n              </SynapseErrorBoundary>\n              <FormControlLabel\n                label=\"IRB approval is required.\"\n                checked={updatedAr.isIRBApprovalRequired}\n                control={<Checkbox />}\n                onChange={(_event, checked: boolean) =>\n                  setUpdatedAr({\n                    ...updatedAr,\n                    isIRBApprovalRequired: checked,\n                  })\n                }\n                sx={{ ml: 0 }}\n              />\n              <FormControlLabel\n                control={<Checkbox />}\n                label=\"Other documents are required.\"\n                checked={updatedAr.areOtherAttachmentsRequired}\n                onChange={(_event, checked: boolean) =>\n                  setUpdatedAr({\n                    ...updatedAr,\n                    areOtherAttachmentsRequired: checked,\n                  })\n                }\n              />\n              <TextField\n                id=\"expirationPeriod\"\n                name=\"expirationPeriod\"\n                label=\"Expiration period (days)\"\n                value={expirationPeriodDays}\n                error={Boolean(expirationPeriodError)}\n                helperText={expirationPeriodError}\n                sx={{ mt: 1 }}\n                fullWidth\n                onChange={event => {\n                  setExpirationPeriodError(null)\n                  setExpirationPeriodDays(event.target.value)\n                }}\n                onBlur={() => {\n                  const expirationPeriodOrErrorMessage =\n                    getValidExpirationPeriodOrErrorMessage(expirationPeriodDays)\n                  if (typeof expirationPeriodOrErrorMessage === 'string') {\n                    setExpirationPeriodError(expirationPeriodOrErrorMessage)\n                  }\n                }}\n              />\n              <Box\n                sx={{\n                  mt: 1,\n                }}\n              >\n                <FormControlLabel\n                  control={<Checkbox />}\n                  label=\"Intended Data Use statement is required.\"\n                  checked={updatedAr.isIDURequired}\n                  onChange={(_event, checked: boolean) => {\n                    if (checked) {\n                      setUpdatedAr({\n                        ...updatedAr,\n                        isIDURequired: true,\n                      })\n                    } else {\n                      setUpdatedAr({\n                        ...updatedAr,\n                        isIDURequired: false,\n                        isIDUPublic: false,\n                      })\n                    }\n                  }}\n                />\n                <FormControlLabel\n                  control={<Checkbox />}\n                  label=\"Intended Data Use statements will be publicly available.\"\n                  checked={updatedAr.isIDUPublic}\n                  disabled={!updatedAr.isIDURequired}\n                  onChange={(_event, checked: boolean) =>\n                    setUpdatedAr({\n                      ...updatedAr,\n                      isIDUPublic: checked,\n                    })\n                  }\n                />\n              </Box>\n            </Box>\n          </Box>\n        </Box>\n        {updateArError && (\n          <Alert severity=\"error\" sx={{ marginTop: 2 }}>\n            {updateArError.reason}\n          </Alert>\n        )}\n      </>\n    )\n  },\n)\n"],"mappings":"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"}

package/dist/components/ShareThisPage/ShareThisPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShareThisPage.js","names":[],"sources":["../../../src/components/ShareThisPage/ShareThisPage.tsx"],"sourcesContent":["import {\n  Button,\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  IconButton,\n  Typography,\n  Input,\n  Box,\n} from '@mui/material'\nimport React from 'react'\nimport { useEffect, useState } from 'react'\nimport CloseIcon from '@mui/icons-material/Close'\nimport CopyToClipboardIcon from '../CopyToClipboardIcon'\nimport {\n  LinkedinShareButton,\n  LinkedinIcon,\n  TwitterShareButton,\n  BlueskyShareButton,\n  BlueskyIcon,\n  XIcon,\n} from 'react-share'\nimport styles from './ShareThisPage.module.scss'\nimport { ShareTwoTone } from '@mui/icons-material'\nimport { useCreateShortUrl } from '../../utils/hooks/useCreateShortUrl'\n\nexport type ShareThisPageProps = {\n  shortIoPublicApiKey?: string\n  domain?: string\n  renderAs?: 'button' | 'icon'\n  open?: boolean\n  onClose?: () => void\n}\n\nconst ShareThisPage = ({\n  shortIoPublicApiKey,\n  domain = 'sageb.io',\n  renderAs = 'button',\n  open: externalOpen,\n  onClose: externalOnClose,\n}: ShareThisPageProps): React.ReactNode => {\n  const [url, setUrl] = useState('')\n  const [internalOpen, setInternalOpen] = useState(false)\n\n  // Use internal state if externalOpen is undefined\n  // Otherwise, the open state is controlled externally by externalOpen\n  const isControlled = externalOpen === undefined\n  const open = isControlled ? internalOpen : externalOpen\n\n  const handleOpen = () => {\n    if (isControlled) {\n      setInternalOpen(true)\n    }\n  }\n\n  const handleClose = () => {\n    if (isControlled) {\n      setInternalOpen(false)\n    }\n    if (externalOnClose) {\n      externalOnClose()\n    }\n  }\n\n  const { mutate: createShortUrl, isPending } = useCreateShortUrl({\n    shortIoPublicApiKey,\n    domain,\n    onSuccess: data => {\n      setUrl(data)\n    },\n    onError: error => {\n      console.error(error)\n      setUrl(window.location.href)\n    },\n  })\n\n  useEffect(() => {\n    if (open) {\n      createShortUrl()\n    }\n  }, [open, createShortUrl])\n\n  return (\n    <div>\n      {renderAs === 'button' && (\n        <Button\n          variant=\"outlined\"\n          startIcon={<ShareTwoTone className={styles.shareIcon} />}\n          onClick={handleOpen}\n        >\n          Share\n        </Button>\n      )}\n\n      <Dialog\n        open={open}\n        onClose={handleClose}\n        maxWidth=\"xs\"\n        className={styles.dialogPaper}\n      >\n        <DialogTitle className={styles.dialogTitle}>\n          Share this page\n          <IconButton onClick={handleClose} size=\"small\">\n            <CloseIcon className={styles.closeIcon} />\n          </IconButton>\n        </DialogTitle>\n\n        <DialogContent className={styles.dialogContent}>\n          <Box className={styles.contentStack}>\n            <div className={styles.shareButtonsContainer}>\n              <LinkedinShareButton url={url} aria-label=\"Share on LinkedIn\">\n                <div className={styles.shareItem}>\n                  <LinkedinIcon size={48} round />\n                  <Typography variant=\"body1\" className={styles.shareItemLabel}>\n                    LinkedIn\n                  </Typography>\n                </div>\n              </LinkedinShareButton>\n\n              <TwitterShareButton url={url} aria-label=\"Share on X\">\n                <div className={styles.shareItem}>\n                  <XIcon size={48} round />\n                  <Typography variant=\"body1\" className={styles.shareItemLabel}>\n                    X\n                  </Typography>\n                </div>\n              </TwitterShareButton>\n\n              <BlueskyShareButton url={url} aria-label=\"Share on Bluesky\">\n                <div className={styles.shareItem}>\n                  <BlueskyIcon size={48} round />\n                  <Typography variant=\"body1\" className={styles.shareItemLabel}>\n                    Bluesky\n                  </Typography>\n                </div>\n              </BlueskyShareButton>\n            </div>\n\n            <div className={styles.copySection}>\n              <Typography className={styles.copyLabel}>Page Link</Typography>\n              <div className={styles.copyRow}>\n                <Input\n                  className={styles.urlInput}\n                  value={url}\n                  readOnly\n                  aria-label=\"Page URL\"\n                  placeholder={isPending ? 'Generating link...' : ''}\n                />\n                <CopyToClipboardIcon\n                  value={url}\n                  sizePx={24}\n                  className={styles.copyButton}\n                />\n              </div>\n            </div>\n          </Box>\n        </DialogContent>\n      </Dialog>\n    </div>\n  )\n}\n\nexport default ShareThisPage\n"],"mappings":";;;;;;;;;;AAkCA,IAAM,KAAiB,EACrB,wBACA,YAAS,YACT,cAAW,UACX,MAAM,GACN,SAAS,QACgC;CACzC,IAAM,CAAC,GAAK,KAAU,EAAS,GAAG,EAC5B,CAAC,GAAc,KAAmB,EAAS,GAAM,EAIjD,IAAe,MAAiB,KAAA,GAChC,IAAO,IAAe,IAAe,GAErC,UAAmB;AACvB,EAAI,KACF,EAAgB,GAAK;IAInB,UAAoB;AAIxB,EAHI,KACF,EAAgB,GAAM,EAEpB,KACF,GAAiB;IAIf,EAAE,QAAQ,GAAgB,iBAAc,EAAkB;EAC9D;EACA;EACA,YAAW,MAAQ;AACjB,KAAO,EAAK;;EAEd,UAAS,MAAS;AAEhB,GADA,QAAQ,MAAM,EAAM,EACpB,EAAO,OAAO,SAAS,KAAK;;EAE/B,CAAC;AAQF,QANA,QAAgB;AACd,EAAI,KACF,GAAgB;IAEjB,CAAC,GAAM,EAAe,CAAC,EAGxB,kBAAC,OAAD,EAAA,UAAA,CACG,MAAa,YACZ,kBAAC,GAAD;EACE,SAAQ;EACR,WAAW,kBAAC,GAAD,EAAc,WAAW,EAAO,WAAa,CAAA;EACxD,SAAS;YACV;EAEQ,CAAA,EAGX,kBAAC,GAAD;EACQ;EACN,SAAS;EACT,UAAS;EACT,WAAW,EAAO;YAJpB,CAME,kBAAC,GAAD;GAAa,WAAW,EAAO;aAA/B,CAA4C,mBAE1C,kBAAC,GAAD;IAAY,SAAS;IAAa,MAAK;cACrC,kBAAC,GAAD,EAAW,WAAW,EAAO,WAAa,CAAA;IAC/B,CAAA,CACD;MAEd,kBAAC,GAAD;GAAe,WAAW,EAAO;aAC/B,kBAAC,GAAD;IAAK,WAAW,EAAO;cAAvB,CACE,kBAAC,OAAD;KAAK,WAAW,EAAO;eAAvB;MACE,kBAAC,GAAD;OAA0B;OAAK,cAAW;iBACxC,kBAAC,OAAD;QAAK,WAAW,EAAO;kBAAvB,CACE,kBAAC,GAAD;SAAc,MAAM;SAAI,OAAA;SAAQ,CAAA,EAChC,kBAAC,GAAD;SAAY,SAAQ;SAAQ,WAAW,EAAO;mBAAgB;SAEjD,CAAA,CACT;;OACc,CAAA;MAEtB,kBAAC,GAAD;OAAyB;OAAK,cAAW;iBACvC,kBAAC,OAAD;QAAK,WAAW,EAAO;kBAAvB,CACE,kBAAC,GAAD;SAAO,MAAM;SAAI,OAAA;SAAQ,CAAA,EACzB,kBAAC,GAAD;SAAY,SAAQ;SAAQ,WAAW,EAAO;mBAAgB;SAEjD,CAAA,CACT;;OACa,CAAA;MAErB,kBAAC,GAAD;OAAyB;OAAK,cAAW;iBACvC,kBAAC,OAAD;QAAK,WAAW,EAAO;kBAAvB,CACE,kBAAC,GAAD;SAAa,MAAM;SAAI,OAAA;SAAQ,CAAA,EAC/B,kBAAC,GAAD;SAAY,SAAQ;SAAQ,WAAW,EAAO;mBAAgB;SAEjD,CAAA,CACT;;OACa,CAAA;MACjB;QAEN,kBAAC,OAAD;KAAK,WAAW,EAAO;eAAvB,CACE,kBAAC,GAAD;MAAY,WAAW,EAAO;gBAAW;MAAsB,CAAA,EAC/D,kBAAC,OAAD;MAAK,WAAW,EAAO;gBAAvB,CACE,kBAAC,GAAD;OACE,WAAW,EAAO;OAClB,OAAO;OACP,UAAA;OACA,cAAW;OACX,aAAa,IAAY,uBAAuB;OAChD,CAAA,EACF,kBAAC,GAAD;OACE,OAAO;OACP,QAAQ;OACR,WAAW,EAAO;OAClB,CAAA,CACE;QACF;OACF;;GACQ,CAAA,CACT;IACL,EAAA,CAAA"}
+{"version":3,"file":"ShareThisPage.js","names":[],"sources":["../../../src/components/ShareThisPage/ShareThisPage.tsx"],"sourcesContent":["import {\n  Button,\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  IconButton,\n  Typography,\n  Input,\n  Box,\n} from '@mui/material'\nimport React from 'react'\nimport { useEffect, useState } from 'react'\nimport CloseIcon from '@mui/icons-material/Close'\nimport CopyToClipboardIcon from '../CopyToClipboardIcon'\nimport {\n  LinkedinShareButton,\n  LinkedinIcon,\n  TwitterShareButton,\n  BlueskyShareButton,\n  BlueskyIcon,\n  XIcon,\n} from 'react-share'\nimport styles from './ShareThisPage.module.scss'\nimport { ShareTwoTone } from '@mui/icons-material'\nimport { useCreateShortUrl } from '../../utils/hooks/useCreateShortUrl'\n\nexport type ShareThisPageProps = {\n  shortIoPublicApiKey?: string\n  domain?: string\n  renderAs?: 'button' | 'icon'\n  open?: boolean\n  onClose?: () => void\n}\n\nconst ShareThisPage = ({\n  shortIoPublicApiKey,\n  domain = 'sageb.io',\n  renderAs = 'button',\n  open: externalOpen,\n  onClose: externalOnClose,\n}: ShareThisPageProps): React.ReactNode => {\n  const [url, setUrl] = useState('')\n  const [internalOpen, setInternalOpen] = useState(false)\n\n  // Use internal state if externalOpen is undefined\n  // Otherwise, the open state is controlled externally by externalOpen\n  const isControlled = externalOpen === undefined\n  const open = isControlled ? internalOpen : externalOpen\n\n  const handleOpen = () => {\n    if (isControlled) {\n      setInternalOpen(true)\n    }\n  }\n\n  const handleClose = () => {\n    if (isControlled) {\n      setInternalOpen(false)\n    }\n    if (externalOnClose) {\n      externalOnClose()\n    }\n  }\n\n  const { mutate: createShortUrl, isPending } = useCreateShortUrl({\n    shortIoPublicApiKey,\n    domain,\n    onSuccess: data => {\n      setUrl(data)\n    },\n    onError: error => {\n      console.error(error)\n      setUrl(window.location.href)\n    },\n  })\n\n  useEffect(() => {\n    if (open) {\n      createShortUrl()\n    }\n  }, [open, createShortUrl])\n\n  return (\n    <div>\n      {renderAs === 'button' && (\n        <Button\n          variant=\"outlined\"\n          startIcon={<ShareTwoTone className={styles.shareIcon} />}\n          onClick={handleOpen}\n        >\n          Share\n        </Button>\n      )}\n\n      <Dialog\n        open={open}\n        onClose={handleClose}\n        maxWidth=\"xs\"\n        className={styles.dialogPaper}\n      >\n        <DialogTitle className={styles.dialogTitle}>\n          Share this page\n          <IconButton onClick={handleClose} size=\"small\">\n            <CloseIcon className={styles.closeIcon} />\n          </IconButton>\n        </DialogTitle>\n\n        <DialogContent className={styles.dialogContent}>\n          <Box className={styles.contentStack}>\n            <div className={styles.shareButtonsContainer}>\n              <LinkedinShareButton url={url} aria-label=\"Share on LinkedIn\">\n                <div className={styles.shareItem}>\n                  <LinkedinIcon size={48} round />\n                  <Typography variant=\"body1\" className={styles.shareItemLabel}>\n                    LinkedIn\n                  </Typography>\n                </div>\n              </LinkedinShareButton>\n\n              <TwitterShareButton url={url} aria-label=\"Share on X\">\n                <div className={styles.shareItem}>\n                  <XIcon size={48} round />\n                  <Typography variant=\"body1\" className={styles.shareItemLabel}>\n                    X\n                  </Typography>\n                </div>\n              </TwitterShareButton>\n\n              <BlueskyShareButton url={url} aria-label=\"Share on Bluesky\">\n                <div className={styles.shareItem}>\n                  <BlueskyIcon size={48} round />\n                  <Typography variant=\"body1\" className={styles.shareItemLabel}>\n                    Bluesky\n                  </Typography>\n                </div>\n              </BlueskyShareButton>\n            </div>\n\n            <div className={styles.copySection}>\n              <Typography className={styles.copyLabel}>Page Link</Typography>\n              <div className={styles.copyRow}>\n                <Input\n                  className={styles.urlInput}\n                  value={url}\n                  readOnly\n                  aria-label=\"Page URL\"\n                  placeholder={isPending ? 'Generating link...' : ''}\n                />\n                <CopyToClipboardIcon\n                  value={url}\n                  sizePx={24}\n                  className={styles.copyButton}\n                />\n              </div>\n            </div>\n          </Box>\n        </DialogContent>\n      </Dialog>\n    </div>\n  )\n}\n\nexport default ShareThisPage\n"],"mappings":";;;;;;;;;;AAkCA,IAAM,KAAiB,EACrB,wBACA,YAAS,YACT,cAAW,UACX,MAAM,GACN,SAAS,QACgC;CACzC,IAAM,CAAC,GAAK,KAAU,EAAS,EAAE,GAC3B,CAAC,GAAc,KAAmB,EAAS,EAAK,GAIhD,IAAe,MAAiB,KAAA,GAChC,IAAO,IAAe,IAAe,GAErC,UAAmB;EACvB,AAAI,KACF,EAAgB,EAAI;CAExB,GAEM,UAAoB;EAIxB,AAHI,KACF,EAAgB,EAAK,GAEnB,KACF,EAAgB;CAEpB,GAEM,EAAE,QAAQ,GAAgB,iBAAc,EAAkB;EAC9D;EACA;EACA,YAAW,MAAQ;GACjB,EAAO,CAAI;EACb;EACA,UAAS,MAAS;GAEhB,AADA,QAAQ,MAAM,CAAK,GACnB,EAAO,OAAO,SAAS,IAAI;EAC7B;CACF,CAAC;CAQD,OANA,QAAgB;EACd,AAAI,KACF,EAAe;CAEnB,GAAG,CAAC,GAAM,CAAc,CAAC,GAGvB,kBAAC,OAAD,EAAA,UAAA,CACG,MAAa,YACZ,kBAAC,GAAD;EACE,SAAQ;EACR,WAAW,kBAAC,GAAD,EAAc,WAAW,EAAO,UAAY,CAAA;EACvD,SAAS;YACV;CAEO,CAAA,GAGV,kBAAC,GAAD;EACQ;EACN,SAAS;EACT,UAAS;EACT,WAAW,EAAO;YAJpB,CAME,kBAAC,GAAD;GAAa,WAAW,EAAO;aAA/B,CAA4C,mBAE1C,kBAAC,GAAD;IAAY,SAAS;IAAa,MAAK;cACrC,kBAAC,GAAD,EAAW,WAAW,EAAO,UAAY,CAAA;GAC/B,CAAA,CACD;MAEb,kBAAC,GAAD;GAAe,WAAW,EAAO;aAC/B,kBAAC,GAAD;IAAK,WAAW,EAAO;cAAvB,CACE,kBAAC,OAAD;KAAK,WAAW,EAAO;eAAvB;MACE,kBAAC,GAAD;OAA0B;OAAK,cAAW;iBACxC,kBAAC,OAAD;QAAK,WAAW,EAAO;kBAAvB,CACE,kBAAC,GAAD;SAAc,MAAM;SAAI,OAAA;QAAO,CAAA,GAC/B,kBAAC,GAAD;SAAY,SAAQ;SAAQ,WAAW,EAAO;mBAAgB;QAElD,CAAA,CACT;;MACc,CAAA;MAErB,kBAAC,GAAD;OAAyB;OAAK,cAAW;iBACvC,kBAAC,OAAD;QAAK,WAAW,EAAO;kBAAvB,CACE,kBAAC,GAAD;SAAO,MAAM;SAAI,OAAA;QAAO,CAAA,GACxB,kBAAC,GAAD;SAAY,SAAQ;SAAQ,WAAW,EAAO;mBAAgB;QAElD,CAAA,CACT;;MACa,CAAA;MAEpB,kBAAC,GAAD;OAAyB;OAAK,cAAW;iBACvC,kBAAC,OAAD;QAAK,WAAW,EAAO;kBAAvB,CACE,kBAAC,GAAD;SAAa,MAAM;SAAI,OAAA;QAAO,CAAA,GAC9B,kBAAC,GAAD;SAAY,SAAQ;SAAQ,WAAW,EAAO;mBAAgB;QAElD,CAAA,CACT;;MACa,CAAA;KACjB;QAEL,kBAAC,OAAD;KAAK,WAAW,EAAO;eAAvB,CACE,kBAAC,GAAD;MAAY,WAAW,EAAO;gBAAW;KAAqB,CAAA,GAC9D,kBAAC,OAAD;MAAK,WAAW,EAAO;gBAAvB,CACE,kBAAC,GAAD;OACE,WAAW,EAAO;OAClB,OAAO;OACP,UAAA;OACA,cAAW;OACX,aAAa,IAAY,uBAAuB;MACjD,CAAA,GACD,kBAAC,GAAD;OACE,OAAO;OACP,QAAQ;OACR,WAAW,EAAO;MACnB,CAAA,CACE;OACF;MACF;;EACQ,CAAA,CACT;GACL,EAAA,CAAA;AAET"}