synapse-react-client 4.0.42 → 4.0.44

package/dist/components/DataGrid/useDataGridWebsocket.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDataGridWebsocket.js","names":["GridModel","GridModelSnapshot","useCRDTModelView","normalizeWebsocketError","useCallback","useEffect","useMemo","useReducer","useRef","DataGridWebSocket","useEstablishWebsocketConnection","useDocumentVisibility","WebSocketState","model","hasCompletedInitialSync","hasCompletedInitialLoad","isSyncing","isConnected","isConnecting","connectionParams","replicaId","sessionId","websocketInstance","connectionAttemptId","connectionError","websocketError","WebSocketAction","type","payload","attemptId","websocketReducer","state","action","isSameConnection","initialWebSocketState","isModelRenderable","modelSnapshot","api","getSnapshot","columnNames","columnOrder","rows","columnsReady","length","orderReady","rowsReady","isInitialLoadReady","UseDataGridWebSocketOptions","onGridReady","onReplicaConnected","onReplicaDisconnected","useDataGridWebSocket","options","dispatch","connectionAttemptCounter","activeConnectionAttemptIdRef","isDocumentVisible","mutateAsync","establishWebsocketConnection","isPending","isEstablishingWebsocketConnection","error","errorEstablishingWebsocketConnection","presignedUrl","reset","resetEstablishWebsocketConnection","clearPresignedUrl","handleModelCreate","newModel","websocketOptionsWithoutModel","onStatusChange","open","onModelCreate","onSyncStart","onSyncEnd","onError","connect","isDifferentConnection","current","websocketOptions","then","ws","disconnect","catch","err","console","previousConnectionParams","previous"],"sources":["../../../src/components/DataGrid/useDataGridWebsocket.ts"],"sourcesContent":["import {\n  GridModel,\n  GridModelSnapshot,\n} from '@/components/DataGrid/DataGridTypes'\nimport { useCRDTModelView } from '@/components/DataGrid/useCRDTModelView'\nimport { normalizeWebsocketError } from '@/components/DataGrid/utils/normalizeWebsocketError'\nimport { useCallback, useEffect, useMemo, useReducer, useRef } from 'react'\nimport { DataGridWebSocket } from './DataGridWebSocket'\nimport { useEstablishWebsocketConnection } from '@/synapse-queries/grid/useEstablishWebsocketConnection'\nimport { useDocumentVisibility } from '@react-hookz/web'\n\n// State type\nexport interface WebSocketState {\n  model: GridModel | null\n  /**\n   * True if the WebSocket has finished a sync exchange on the current connection\n   * and can process CRDT updates. Set by `GRID_READY`; cleared on disconnect until\n   * `hasCompletedInitialLoad` is set, since a drop mid-replay leaves the model\n   * holding only part of the server's data.\n   */\n  hasCompletedInitialSync: boolean\n  /**\n   * True once the first connection for the current session has finished replaying\n   * the server's data into the model. A one-way transition: later sync activity\n   * never takes it back to false, and only connecting to a different\n   * session/replica resets it.\n   */\n  hasCompletedInitialLoad: boolean\n  /**\n   * True while a clock-sync exchange is in progress. Set on every outgoing\n   * `synchronize-clock` and cleared on `ResponseComplete`, which the server\n   * sends once per exchange to signal \"we're synchronized\" — not per request.\n   */\n  isSyncing: boolean\n  isConnected: boolean\n  isConnecting: boolean\n  connectionParams: {\n    replicaId: number\n    sessionId: string\n  } | null\n  websocketInstance: DataGridWebSocket | null\n  connectionAttemptId: number | null\n  connectionError: unknown\n  websocketError: unknown\n}\n\n// Action types\nexport type WebSocketAction =\n  | {\n      type: 'CONNECT_REQUESTED'\n      payload: { replicaId: number; sessionId: string; attemptId: number }\n    }\n  | { type: 'CONNECTION_ESTABLISHED'; payload: DataGridWebSocket }\n  | { type: 'CONNECTION_OPENED' }\n  | { type: 'CONNECTION_CLOSED' }\n  | { type: 'GRID_READY' }\n  | { type: 'INITIAL_LOAD_COMPLETE' }\n  | { type: 'SYNC_STARTED' }\n  | { type: 'SYNC_ENDED' }\n  | { type: 'MODEL_CREATED'; payload: GridModel }\n  | { type: 'CONNECTION_ERROR'; payload: unknown }\n  | { type: 'WEBSOCKET_ERROR'; payload: unknown }\n\n// Reducer function\nexport function websocketReducer(\n  state: WebSocketState,\n  action: WebSocketAction,\n): WebSocketState {\n  switch (action.type) {\n    case 'CONNECT_REQUESTED': {\n      const isSameConnection =\n        state.connectionParams &&\n        state.connectionParams.replicaId === action.payload.replicaId &&\n        state.connectionParams.sessionId === action.payload.sessionId\n\n      return {\n        ...state,\n        connectionParams: {\n          replicaId: action.payload.replicaId,\n          sessionId: action.payload.sessionId,\n        },\n        hasCompletedInitialSync: isSameConnection\n          ? state.hasCompletedInitialSync\n          : false,\n        hasCompletedInitialLoad: isSameConnection\n          ? state.hasCompletedInitialLoad\n          : false,\n        isSyncing: false,\n        model: isSameConnection ? state.model : null,\n        isConnected: false,\n        isConnecting: false,\n        connectionAttemptId: action.payload.attemptId,\n        connectionError: null,\n      }\n    }\n\n    case 'CONNECTION_ESTABLISHED':\n      return {\n        ...state,\n        websocketInstance: action.payload,\n        isConnecting: true,\n      }\n\n    case 'CONNECTION_OPENED':\n      return {\n        ...state,\n        isConnected: true,\n        isConnecting: false,\n      }\n\n    case 'CONNECTION_CLOSED':\n      return {\n        ...state,\n        isConnected: false,\n        isConnecting: false,\n        isSyncing: false,\n        // A drop before the initial load finishes invalidates the completed-exchange\n        // signal: the model may hold only the part of the data that arrived so far.\n        // Clearing it makes the readiness gate wait for the reconnect's replay\n        // instead of latching onto a partially loaded model. Once the load is done,\n        // drops are ordinary reconnects and the signal must survive them.\n        hasCompletedInitialSync: state.hasCompletedInitialLoad\n          ? state.hasCompletedInitialSync\n          : false,\n      }\n\n    case 'GRID_READY':\n      return {\n        ...state,\n        hasCompletedInitialSync: true,\n      }\n\n    case 'INITIAL_LOAD_COMPLETE':\n      return {\n        ...state,\n        hasCompletedInitialLoad: true,\n      }\n\n    case 'SYNC_STARTED':\n      return {\n        ...state,\n        isSyncing: true,\n      }\n\n    case 'SYNC_ENDED':\n      return {\n        ...state,\n        isSyncing: false,\n      }\n\n    case 'MODEL_CREATED':\n      return {\n        ...state,\n        model: action.payload,\n      }\n\n    case 'CONNECTION_ERROR':\n      return {\n        ...state,\n        connectionError: action.payload,\n        isConnecting: false,\n      }\n\n    case 'WEBSOCKET_ERROR':\n      return {\n        ...state,\n        websocketError: action.payload,\n      }\n\n    default:\n      return state\n  }\n}\n\nexport const initialWebSocketState: WebSocketState = {\n  model: null,\n  hasCompletedInitialSync: false,\n  hasCompletedInitialLoad: false,\n  isSyncing: false,\n  isConnected: false,\n  isConnecting: false,\n  connectionParams: null,\n  websocketInstance: null,\n  connectionAttemptId: null,\n  connectionError: null,\n  websocketError: null,\n}\n\n/**\n * Checks if the model snapshot contains the minimum data required for rendering (columns and rows).\n */\nfunction isModelRenderable(\n  model: GridModel | null,\n  modelSnapshot: GridModelSnapshot | null | undefined,\n) {\n  if (!model?.api.getSnapshot() || !modelSnapshot) {\n    return false\n  }\n  const { columnNames, columnOrder, rows } = modelSnapshot\n  const columnsReady = columnNames.length >= 1\n  const orderReady = columnOrder.length >= 1\n  const rowsReady = rows.length >= 0\n  return columnsReady && orderReady && rowsReady\n}\n\n/**\n * Whether the server has finished replaying its data into the model, so the grid\n * can be shown and edited. Drives the one-way `INITIAL_LOAD_COMPLETE` transition.\n *\n * Returns false once `hasCompletedInitialLoad` is set, so callers can dispatch\n * unconditionally on a true result without re-entering the transition.\n *\n * `hasCompletedInitialSync` alone is not sufficient: the server may complete the\n * snapshot request before the client has fetched and decoded the snapshot, which\n * leaves that flag true while the rows are still arriving. Requiring an idle sync\n * exchange holds the transition until the replay drains.\n */\nexport function isInitialLoadReady(\n  state: WebSocketState,\n  modelSnapshot: GridModelSnapshot | null | undefined,\n): boolean {\n  return (\n    !state.hasCompletedInitialLoad &&\n    state.hasCompletedInitialSync &&\n    !state.isSyncing &&\n    isModelRenderable(state.model, modelSnapshot)\n  )\n}\n\n/**\n * Custom hook to manage a DataGrid WebSocket connection.\n * Handles:\n *   - Fetching presigned URLs via a mutation hook\n *   - Instantiating the DataGridWebSocket\n *   - Connection status tracking\n *   - Reconnection on disconnect\n *   - Grid model updates and snapshot tracking\n */\nexport interface UseDataGridWebSocketOptions {\n  onGridReady?: () => void\n  onReplicaConnected?: () => void\n  onReplicaDisconnected?: () => void\n}\n\nexport function useDataGridWebSocket(options?: UseDataGridWebSocketOptions) {\n  const [state, dispatch] = useReducer(websocketReducer, initialWebSocketState)\n\n  const connectionAttemptCounter = useRef(0)\n  const activeConnectionAttemptIdRef = useRef<number | null>(null)\n\n  const modelSnapshot = useCRDTModelView(state.model)\n\n  const isDocumentVisible = useDocumentVisibility()\n\n  const {\n    mutateAsync: establishWebsocketConnection,\n    isPending: isEstablishingWebsocketConnection,\n    error: errorEstablishingWebsocketConnection,\n    presignedUrl,\n    reset: resetEstablishWebsocketConnection,\n    clearPresignedUrl,\n  } = useEstablishWebsocketConnection()\n\n  // Update model creation handler - only set model, don't reset to null on disconnect\n  const handleModelCreate = useCallback(\n    (newModel: GridModel) => {\n      dispatch({ type: 'MODEL_CREATED', payload: newModel })\n    },\n    [dispatch],\n  )\n\n  // Memoize websocket options to prevent unnecessary re-renders (excluding model to avoid circular deps)\n  const websocketOptionsWithoutModel = useMemo(\n    () => ({\n      onGridReady: () => {\n        dispatch({ type: 'GRID_READY' })\n        options?.onGridReady?.()\n      },\n      onStatusChange: (open: boolean) =>\n        dispatch({ type: open ? 'CONNECTION_OPENED' : 'CONNECTION_CLOSED' }),\n      onModelCreate: handleModelCreate,\n      onReplicaConnected: options?.onReplicaConnected,\n      onReplicaDisconnected: options?.onReplicaDisconnected,\n      onSyncStart: () => dispatch({ type: 'SYNC_STARTED' }),\n      onSyncEnd: () => dispatch({ type: 'SYNC_ENDED' }),\n      onError: (error: unknown) =>\n        dispatch({\n          type: 'WEBSOCKET_ERROR',\n          payload: normalizeWebsocketError(error),\n        }),\n    }),\n    [\n      handleModelCreate,\n      options?.onGridReady,\n      options?.onReplicaConnected,\n      options?.onReplicaDisconnected,\n    ],\n  )\n\n  // Initiate (or re-initiate) a connection\n  const connect = useCallback(\n    (replicaId: number, sessionId: string) => {\n      resetEstablishWebsocketConnection()\n\n      const isDifferentConnection =\n        !state.connectionParams ||\n        state.connectionParams.replicaId !== replicaId ||\n        state.connectionParams.sessionId !== sessionId\n\n      if (isDifferentConnection) {\n        clearPresignedUrl()\n      }\n\n      connectionAttemptCounter.current += 1\n      const attemptId = connectionAttemptCounter.current\n\n      dispatch({\n        type: 'CONNECT_REQUESTED',\n        payload: { replicaId, sessionId, attemptId },\n      })\n    },\n    [\n      dispatch,\n      state.connectionParams,\n      resetEstablishWebsocketConnection,\n      clearPresignedUrl,\n      connectionAttemptCounter,\n    ],\n  )\n\n  /**\n   * Establish the WebSocket connection when conditions are met.\n   * Uses the current model state at connection time for reconnections to the same session.\n   * Note: Changes to `model` alone do NOT trigger reconnection - only changes to connection\n   * params, visibility, or connection status will trigger a new connection attempt.\n   */\n  useEffect(() => {\n    // Don't attempt connection if conditions aren't met\n    const { connectionParams, connectionAttemptId } = state\n\n    if (\n      !connectionParams ||\n      connectionAttemptId === null ||\n      state.isConnected ||\n      state.isConnecting ||\n      isEstablishingWebsocketConnection ||\n      errorEstablishingWebsocketConnection ||\n      state.connectionError ||\n      !isDocumentVisible\n    ) {\n      return\n    }\n\n    activeConnectionAttemptIdRef.current = connectionAttemptId\n\n    // Use current model state for reconnections to same session\n    // (model may have been created by a previous connection)\n    establishWebsocketConnection({\n      replicaId: connectionParams.replicaId,\n      sessionId: connectionParams.sessionId,\n      websocketOptions: {\n        ...websocketOptionsWithoutModel,\n        model: state.model, // Current model at connection time\n      },\n    })\n      .then(ws => {\n        if (activeConnectionAttemptIdRef.current !== connectionAttemptId) {\n          ws.disconnect()\n          return\n        }\n\n        dispatch({ type: 'CONNECTION_ESTABLISHED', payload: ws })\n      })\n      .catch(err => {\n        dispatch({ type: 'CONNECTION_ERROR', payload: err })\n        console.error('Failed to establish WebSocket', err)\n      })\n  }, [\n    state,\n    state.connectionParams,\n    state.connectionAttemptId,\n    state.isConnected,\n    state.isConnecting,\n    isEstablishingWebsocketConnection,\n    errorEstablishingWebsocketConnection,\n    isDocumentVisible,\n    establishWebsocketConnection,\n    websocketOptionsWithoutModel,\n  ])\n\n  const previousConnectionParams =\n    useRef<WebSocketState['connectionParams']>(null)\n\n  useEffect(() => {\n    const previous = previousConnectionParams.current\n    const current = state.connectionParams\n\n    if (\n      previous &&\n      current &&\n      (previous.replicaId !== current.replicaId ||\n        previous.sessionId !== current.sessionId)\n    ) {\n      state.websocketInstance?.disconnect()\n    }\n\n    previousConnectionParams.current = current\n  }, [state.connectionParams, state.websocketInstance])\n\n  useEffect(() => {\n    return () => {\n      state.websocketInstance?.disconnect()\n      activeConnectionAttemptIdRef.current = null\n    }\n  }, [state.websocketInstance])\n\n  useEffect(() => {\n    if (isInitialLoadReady(state, modelSnapshot)) {\n      dispatch({ type: 'INITIAL_LOAD_COMPLETE' })\n    }\n  }, [state, modelSnapshot])\n\n  return {\n    isConnected: state.isConnected,\n    websocketInstance: state.websocketInstance,\n    hasCompletedInitialSync: state.hasCompletedInitialSync,\n    hasCompletedInitialLoad: state.hasCompletedInitialLoad,\n    isSyncing: state.isSyncing,\n    model: state.model,\n    modelSnapshot,\n    connect,\n    presignedUrl,\n    errorEstablishingWebsocketConnection:\n      state.connectionError ?? errorEstablishingWebsocketConnection,\n    websocketError: state.websocketError,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"useDataGridWebsocket.js","names":["GridModel","GridModelSnapshot","useCRDTModelView","normalizeWebsocketError","useCallback","useEffect","useMemo","useReducer","useRef","DataGridWebSocket","useEstablishWebsocketConnection","useDocumentVisibility","WebSocketState","model","hasCompletedInitialSync","hasCompletedInitialLoad","isSyncing","isConnected","isConnecting","connectionParams","replicaId","sessionId","websocketInstance","connectionAttemptId","connectionError","websocketError","WebSocketAction","type","payload","attemptId","websocketReducer","state","action","isSameConnection","initialWebSocketState","isModelRenderable","modelSnapshot","api","getSnapshot","columnNames","columnOrder","rows","columnsReady","length","orderReady","rowsReady","isInitialLoadReady","UseDataGridWebSocketOptions","onGridReady","onReplicaConnected","onReplicaDisconnected","useDataGridWebSocket","options","dispatch","connectionAttemptCounter","activeConnectionAttemptIdRef","isDocumentVisible","mutateAsync","establishWebsocketConnection","isPending","isEstablishingWebsocketConnection","error","errorEstablishingWebsocketConnection","presignedUrl","reset","resetEstablishWebsocketConnection","clearPresignedUrl","handleModelCreate","newModel","websocketOptionsWithoutModel","onStatusChange","open","onModelCreate","onSyncStart","onSyncEnd","onError","connect","isDifferentConnection","current","websocketOptions","pendingPatches","getPendingPatches","undefined","then","ws","disconnect","catch","err","console","previousConnectionParams","previous"],"sources":["../../../src/components/DataGrid/useDataGridWebsocket.ts"],"sourcesContent":["import {\n  GridModel,\n  GridModelSnapshot,\n} from '@/components/DataGrid/DataGridTypes'\nimport { useCRDTModelView } from '@/components/DataGrid/useCRDTModelView'\nimport { normalizeWebsocketError } from '@/components/DataGrid/utils/normalizeWebsocketError'\nimport { useCallback, useEffect, useMemo, useReducer, useRef } from 'react'\nimport { DataGridWebSocket } from './DataGridWebSocket'\nimport { useEstablishWebsocketConnection } from '@/synapse-queries/grid/useEstablishWebsocketConnection'\nimport { useDocumentVisibility } from '@react-hookz/web'\n\n// State type\nexport interface WebSocketState {\n  model: GridModel | null\n  /**\n   * True if the WebSocket has finished a sync exchange on the current connection\n   * and can process CRDT updates. Set by `GRID_READY`; cleared on disconnect until\n   * `hasCompletedInitialLoad` is set, since a drop mid-replay leaves the model\n   * holding only part of the server's data.\n   */\n  hasCompletedInitialSync: boolean\n  /**\n   * True once the first connection for the current session has finished replaying\n   * the server's data into the model. A one-way transition: later sync activity\n   * never takes it back to false, and only connecting to a different\n   * session/replica resets it.\n   */\n  hasCompletedInitialLoad: boolean\n  /**\n   * True while a clock-sync exchange is in progress. Set on every outgoing\n   * `synchronize-clock` and cleared on `ResponseComplete`, which the server\n   * sends once per exchange to signal \"we're synchronized\" — not per request.\n   */\n  isSyncing: boolean\n  isConnected: boolean\n  isConnecting: boolean\n  connectionParams: {\n    replicaId: number\n    sessionId: string\n  } | null\n  websocketInstance: DataGridWebSocket | null\n  connectionAttemptId: number | null\n  connectionError: unknown\n  websocketError: unknown\n}\n\n// Action types\nexport type WebSocketAction =\n  | {\n      type: 'CONNECT_REQUESTED'\n      payload: { replicaId: number; sessionId: string; attemptId: number }\n    }\n  | { type: 'CONNECTION_ESTABLISHED'; payload: DataGridWebSocket }\n  | { type: 'CONNECTION_OPENED' }\n  | { type: 'CONNECTION_CLOSED' }\n  | { type: 'GRID_READY' }\n  | { type: 'INITIAL_LOAD_COMPLETE' }\n  | { type: 'SYNC_STARTED' }\n  | { type: 'SYNC_ENDED' }\n  | { type: 'MODEL_CREATED'; payload: GridModel }\n  | { type: 'CONNECTION_ERROR'; payload: unknown }\n  | { type: 'WEBSOCKET_ERROR'; payload: unknown }\n\n// Reducer function\nexport function websocketReducer(\n  state: WebSocketState,\n  action: WebSocketAction,\n): WebSocketState {\n  switch (action.type) {\n    case 'CONNECT_REQUESTED': {\n      const isSameConnection =\n        state.connectionParams &&\n        state.connectionParams.replicaId === action.payload.replicaId &&\n        state.connectionParams.sessionId === action.payload.sessionId\n\n      return {\n        ...state,\n        connectionParams: {\n          replicaId: action.payload.replicaId,\n          sessionId: action.payload.sessionId,\n        },\n        hasCompletedInitialSync: isSameConnection\n          ? state.hasCompletedInitialSync\n          : false,\n        hasCompletedInitialLoad: isSameConnection\n          ? state.hasCompletedInitialLoad\n          : false,\n        isSyncing: false,\n        model: isSameConnection ? state.model : null,\n        isConnected: false,\n        isConnecting: false,\n        connectionAttemptId: action.payload.attemptId,\n        connectionError: null,\n      }\n    }\n\n    case 'CONNECTION_ESTABLISHED':\n      return {\n        ...state,\n        websocketInstance: action.payload,\n        isConnecting: true,\n      }\n\n    case 'CONNECTION_OPENED':\n      return {\n        ...state,\n        isConnected: true,\n        isConnecting: false,\n      }\n\n    case 'CONNECTION_CLOSED':\n      return {\n        ...state,\n        isConnected: false,\n        isConnecting: false,\n        isSyncing: false,\n        // A drop before the initial load finishes invalidates the completed-exchange\n        // signal: the model may hold only the part of the data that arrived so far.\n        // Clearing it makes the readiness gate wait for the reconnect's replay\n        // instead of latching onto a partially loaded model. Once the load is done,\n        // drops are ordinary reconnects and the signal must survive them.\n        hasCompletedInitialSync: state.hasCompletedInitialLoad\n          ? state.hasCompletedInitialSync\n          : false,\n      }\n\n    case 'GRID_READY':\n      return {\n        ...state,\n        hasCompletedInitialSync: true,\n      }\n\n    case 'INITIAL_LOAD_COMPLETE':\n      return {\n        ...state,\n        hasCompletedInitialLoad: true,\n      }\n\n    case 'SYNC_STARTED':\n      return {\n        ...state,\n        isSyncing: true,\n      }\n\n    case 'SYNC_ENDED':\n      return {\n        ...state,\n        isSyncing: false,\n      }\n\n    case 'MODEL_CREATED':\n      return {\n        ...state,\n        model: action.payload,\n      }\n\n    case 'CONNECTION_ERROR':\n      return {\n        ...state,\n        connectionError: action.payload,\n        isConnecting: false,\n      }\n\n    case 'WEBSOCKET_ERROR':\n      return {\n        ...state,\n        websocketError: action.payload,\n      }\n\n    default:\n      return state\n  }\n}\n\nexport const initialWebSocketState: WebSocketState = {\n  model: null,\n  hasCompletedInitialSync: false,\n  hasCompletedInitialLoad: false,\n  isSyncing: false,\n  isConnected: false,\n  isConnecting: false,\n  connectionParams: null,\n  websocketInstance: null,\n  connectionAttemptId: null,\n  connectionError: null,\n  websocketError: null,\n}\n\n/**\n * Checks if the model snapshot contains the minimum data required for rendering (columns and rows).\n */\nfunction isModelRenderable(\n  model: GridModel | null,\n  modelSnapshot: GridModelSnapshot | null | undefined,\n) {\n  if (!model?.api.getSnapshot() || !modelSnapshot) {\n    return false\n  }\n  const { columnNames, columnOrder, rows } = modelSnapshot\n  const columnsReady = columnNames.length >= 1\n  const orderReady = columnOrder.length >= 1\n  const rowsReady = rows.length >= 0\n  return columnsReady && orderReady && rowsReady\n}\n\n/**\n * Whether the server has finished replaying its data into the model, so the grid\n * can be shown and edited. Drives the one-way `INITIAL_LOAD_COMPLETE` transition.\n *\n * Returns false once `hasCompletedInitialLoad` is set, so callers can dispatch\n * unconditionally on a true result without re-entering the transition.\n *\n * `hasCompletedInitialSync` alone is not sufficient: the server may complete the\n * snapshot request before the client has fetched and decoded the snapshot, which\n * leaves that flag true while the rows are still arriving. Requiring an idle sync\n * exchange holds the transition until the replay drains.\n */\nexport function isInitialLoadReady(\n  state: WebSocketState,\n  modelSnapshot: GridModelSnapshot | null | undefined,\n): boolean {\n  return (\n    !state.hasCompletedInitialLoad &&\n    state.hasCompletedInitialSync &&\n    !state.isSyncing &&\n    isModelRenderable(state.model, modelSnapshot)\n  )\n}\n\n/**\n * Custom hook to manage a DataGrid WebSocket connection.\n * Handles:\n *   - Fetching presigned URLs via a mutation hook\n *   - Instantiating the DataGridWebSocket\n *   - Connection status tracking\n *   - Reconnection on disconnect\n *   - Grid model updates and snapshot tracking\n */\nexport interface UseDataGridWebSocketOptions {\n  onGridReady?: () => void\n  onReplicaConnected?: () => void\n  onReplicaDisconnected?: () => void\n}\n\nexport function useDataGridWebSocket(options?: UseDataGridWebSocketOptions) {\n  const [state, dispatch] = useReducer(websocketReducer, initialWebSocketState)\n\n  const connectionAttemptCounter = useRef(0)\n  const activeConnectionAttemptIdRef = useRef<number | null>(null)\n\n  const modelSnapshot = useCRDTModelView(state.model)\n\n  const isDocumentVisible = useDocumentVisibility()\n\n  const {\n    mutateAsync: establishWebsocketConnection,\n    isPending: isEstablishingWebsocketConnection,\n    error: errorEstablishingWebsocketConnection,\n    presignedUrl,\n    reset: resetEstablishWebsocketConnection,\n    clearPresignedUrl,\n  } = useEstablishWebsocketConnection()\n\n  // Update model creation handler - only set model, don't reset to null on disconnect\n  const handleModelCreate = useCallback(\n    (newModel: GridModel) => {\n      dispatch({ type: 'MODEL_CREATED', payload: newModel })\n    },\n    [dispatch],\n  )\n\n  // Memoize websocket options to prevent unnecessary re-renders (excluding model to avoid circular deps)\n  const websocketOptionsWithoutModel = useMemo(\n    () => ({\n      onGridReady: () => {\n        dispatch({ type: 'GRID_READY' })\n        options?.onGridReady?.()\n      },\n      onStatusChange: (open: boolean) =>\n        dispatch({ type: open ? 'CONNECTION_OPENED' : 'CONNECTION_CLOSED' }),\n      onModelCreate: handleModelCreate,\n      onReplicaConnected: options?.onReplicaConnected,\n      onReplicaDisconnected: options?.onReplicaDisconnected,\n      onSyncStart: () => dispatch({ type: 'SYNC_STARTED' }),\n      onSyncEnd: () => dispatch({ type: 'SYNC_ENDED' }),\n      onError: (error: unknown) =>\n        dispatch({\n          type: 'WEBSOCKET_ERROR',\n          payload: normalizeWebsocketError(error),\n        }),\n    }),\n    [\n      handleModelCreate,\n      options?.onGridReady,\n      options?.onReplicaConnected,\n      options?.onReplicaDisconnected,\n    ],\n  )\n\n  // Initiate (or re-initiate) a connection\n  const connect = useCallback(\n    (replicaId: number, sessionId: string) => {\n      resetEstablishWebsocketConnection()\n\n      const isDifferentConnection =\n        !state.connectionParams ||\n        state.connectionParams.replicaId !== replicaId ||\n        state.connectionParams.sessionId !== sessionId\n\n      if (isDifferentConnection) {\n        clearPresignedUrl()\n      }\n\n      connectionAttemptCounter.current += 1\n      const attemptId = connectionAttemptCounter.current\n\n      dispatch({\n        type: 'CONNECT_REQUESTED',\n        payload: { replicaId, sessionId, attemptId },\n      })\n    },\n    [\n      dispatch,\n      state.connectionParams,\n      resetEstablishWebsocketConnection,\n      clearPresignedUrl,\n      connectionAttemptCounter,\n    ],\n  )\n\n  /**\n   * Establish the WebSocket connection when conditions are met.\n   * Uses the current model state at connection time for reconnections to the same session.\n   * Note: Changes to `model` alone do NOT trigger reconnection - only changes to connection\n   * params, visibility, or connection status will trigger a new connection attempt.\n   */\n  useEffect(() => {\n    // Don't attempt connection if conditions aren't met\n    const { connectionParams, connectionAttemptId } = state\n\n    if (\n      !connectionParams ||\n      connectionAttemptId === null ||\n      state.isConnected ||\n      state.isConnecting ||\n      isEstablishingWebsocketConnection ||\n      errorEstablishingWebsocketConnection ||\n      state.connectionError ||\n      !isDocumentVisible\n    ) {\n      return\n    }\n\n    activeConnectionAttemptIdRef.current = connectionAttemptId\n\n    // Use current model state for reconnections to same session\n    // (model may have been created by a previous connection)\n    establishWebsocketConnection({\n      replicaId: connectionParams.replicaId,\n      sessionId: connectionParams.sessionId,\n      websocketOptions: {\n        ...websocketOptionsWithoutModel,\n        model: state.model, // Current model at connection time\n        // A model only survives for the same session, so patches only carry over with it\n        pendingPatches: state.model\n          ? state.websocketInstance?.getPendingPatches()\n          : undefined,\n      },\n    })\n      .then(ws => {\n        if (activeConnectionAttemptIdRef.current !== connectionAttemptId) {\n          ws.disconnect()\n          return\n        }\n\n        dispatch({ type: 'CONNECTION_ESTABLISHED', payload: ws })\n      })\n      .catch(err => {\n        dispatch({ type: 'CONNECTION_ERROR', payload: err })\n        console.error('Failed to establish WebSocket', err)\n      })\n  }, [\n    state,\n    state.connectionParams,\n    state.connectionAttemptId,\n    state.isConnected,\n    state.isConnecting,\n    isEstablishingWebsocketConnection,\n    errorEstablishingWebsocketConnection,\n    isDocumentVisible,\n    establishWebsocketConnection,\n    websocketOptionsWithoutModel,\n  ])\n\n  const previousConnectionParams =\n    useRef<WebSocketState['connectionParams']>(null)\n\n  useEffect(() => {\n    const previous = previousConnectionParams.current\n    const current = state.connectionParams\n\n    if (\n      previous &&\n      current &&\n      (previous.replicaId !== current.replicaId ||\n        previous.sessionId !== current.sessionId)\n    ) {\n      state.websocketInstance?.disconnect()\n    }\n\n    previousConnectionParams.current = current\n  }, [state.connectionParams, state.websocketInstance])\n\n  useEffect(() => {\n    return () => {\n      state.websocketInstance?.disconnect()\n      activeConnectionAttemptIdRef.current = null\n    }\n  }, [state.websocketInstance])\n\n  useEffect(() => {\n    if (isInitialLoadReady(state, modelSnapshot)) {\n      dispatch({ type: 'INITIAL_LOAD_COMPLETE' })\n    }\n  }, [state, modelSnapshot])\n\n  return {\n    isConnected: state.isConnected,\n    websocketInstance: state.websocketInstance,\n    hasCompletedInitialSync: state.hasCompletedInitialSync,\n    hasCompletedInitialLoad: state.hasCompletedInitialLoad,\n    isSyncing: state.isSyncing,\n    model: state.model,\n    modelSnapshot,\n    connect,\n    presignedUrl,\n    errorEstablishingWebsocketConnection:\n      state.connectionError ?? errorEstablishingWebsocketConnection,\n    websocketError: state.websocketError,\n  }\n}\n"],"mappings":"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"}

package/dist/components/EntityViewScopeEditor/EntityViewMaskEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EntityViewMaskEditor.d.ts","sourceRoot":"","sources":["../../../src/components/EntityViewScopeEditor/EntityViewMaskEditor.tsx"],"names":[],"mappings":"AAeA,MAAM,MAAM,yBAAyB,GAAG;IACtC,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAUD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,WAShD;AAED,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,2CA0C5E"}
+{"version":3,"file":"EntityViewMaskEditor.d.ts","sourceRoot":"","sources":["../../../src/components/EntityViewScopeEditor/EntityViewMaskEditor.tsx"],"names":[],"mappings":"AAgBA,MAAM,MAAM,yBAAyB,GAAG;IACtC,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAWD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,WAShD;AAED,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,2CA0C5E"}

package/dist/components/EntityViewScopeEditor/EntityViewMaskEditor.js

@@ -1,21 +1,22 @@
 import { Alert as e, Checkbox as t, FormControlLabel as n, FormGroup as r, Typography as i } from "@mui/material";
 import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
-import { ENTITY_VIEW_TYPE_MASK_DATASET as c, ENTITY_VIEW_TYPE_MASK_DOCKER as l, ENTITY_VIEW_TYPE_MASK_FILE as u, ENTITY_VIEW_TYPE_MASK_FOLDER as d, ENTITY_VIEW_TYPE_MASK_TABLE as f } from "@sage-bionetworks/synapse-types";
+import { ENTITY_VIEW_TYPE_MASK_DATASET as c, ENTITY_VIEW_TYPE_MASK_DOCKER as l, ENTITY_VIEW_TYPE_MASK_FILE as u, ENTITY_VIEW_TYPE_MASK_FOLDER as d, ENTITY_VIEW_TYPE_MASK_RECORDSET as f, ENTITY_VIEW_TYPE_MASK_TABLE as p } from "@sage-bionetworks/synapse-types";
 //#region src/components/EntityViewScopeEditor/EntityViewMaskEditor.tsx
-var p = [
+var m = [
 	["Files", u],
 	["Folders", d],
-	["Tables", f],
+	["Tables", p],
 	["Datasets", c],
-	["Docker Repositories", l]
+	["Docker Repositories", l],
+	["Record Sets", f]
 ];
-function m(e) {
-	return p.forEach(([, t]) => {
+function h(e) {
+	return m.forEach(([, t]) => {
 		(e & t) !== 0 && (e -= t);
 	}), e === 0;
 }
-function h(c) {
-	let { value: l, onChange: u, disabled: d = !1 } = c, f = !m(l);
+function g(c) {
+	let { value: l, onChange: u, disabled: d = !1 } = c, f = !h(l);
 	return /* @__PURE__ */ s(a, { children: [
 		/* @__PURE__ */ o(i, {
 			variant: "body1",
@@ -28,7 +29,7 @@ function h(c) {
 		}),
 		/* @__PURE__ */ o(r, {
 			sx: { gap: 1 },
-			children: p.map(([e, r]) => /* @__PURE__ */ o(n, {
+			children: m.map(([e, r]) => /* @__PURE__ */ o(n, {
 				control: /* @__PURE__ */ o(t, {}),
 				label: e,
 				checked: (l & r) > 0,
@@ -46,6 +47,6 @@ function h(c) {
 	] });
 }
 //#endregion
-export { h as default, m as isMaskSupportedInUI };
+export { g as default, h as isMaskSupportedInUI };
 
 //# sourceMappingURL=EntityViewMaskEditor.js.map

package/dist/components/EntityViewScopeEditor/EntityViewMaskEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityViewMaskEditor.js","names":[],"sources":["../../../src/components/EntityViewScopeEditor/EntityViewMaskEditor.tsx"],"sourcesContent":["import {\n  Alert,\n  Checkbox,\n  FormControlLabel,\n  FormGroup,\n  Typography,\n} from '@mui/material'\nimport {\n  ENTITY_VIEW_TYPE_MASK_DATASET,\n  ENTITY_VIEW_TYPE_MASK_FILE,\n  ENTITY_VIEW_TYPE_MASK_FOLDER,\n  ENTITY_VIEW_TYPE_MASK_TABLE,\n  ENTITY_VIEW_TYPE_MASK_DOCKER,\n} from '@sage-bionetworks/synapse-types'\n\nexport type EntityViewMaskEditorProps = {\n  value: number\n  onChange: (mask: number) => void\n  disabled?: boolean\n}\n\nconst maskLabelPairs: [string, number][] = [\n  ['Files', ENTITY_VIEW_TYPE_MASK_FILE],\n  ['Folders', ENTITY_VIEW_TYPE_MASK_FOLDER],\n  ['Tables', ENTITY_VIEW_TYPE_MASK_TABLE],\n  ['Datasets', ENTITY_VIEW_TYPE_MASK_DATASET],\n  ['Docker Repositories', ENTITY_VIEW_TYPE_MASK_DOCKER],\n]\n\nexport function isMaskSupportedInUI(value: number) {\n  maskLabelPairs.forEach(([, mask]) => {\n    // Remove each supported bit\n    if ((value & mask) !== 0) {\n      value = value - mask\n    }\n  })\n  // If value is not zero, then some unsupported bit remains\n  return value === 0\n}\n\nexport default function EntityViewMaskEditor(props: EntityViewMaskEditorProps) {\n  const { value, onChange, disabled = false } = props\n\n  const customMaskInUse = !isMaskSupportedInUI(value)\n\n  return (\n    <>\n      <Typography\n        variant={'body1'}\n        sx={{\n          mt: 2.5,\n          mb: 1.25,\n          fontWeight: 700,\n        }}\n      >\n        Include in View\n      </Typography>\n      <FormGroup sx={{ gap: 1 }}>\n        {maskLabelPairs.map(([label, mask]) => (\n          <FormControlLabel\n            control={<Checkbox />}\n            key={label}\n            label={label}\n            checked={\n              // Checked if the mask bit is set\n              (value & mask) > 0\n            }\n            disabled={customMaskInUse || disabled}\n            onChange={() => {\n              // Toggle the clicked mask value with XOR\n              onChange(value ^ mask)\n            }}\n          />\n        ))}\n      </FormGroup>\n      {customMaskInUse && (\n        <Alert severity={'warning'} sx={{ my: 2.25 }}>\n          A custom mask is in use. Changes cannot be made in the UI.\n        </Alert>\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;AAqBA,IAAM,IAAqC;CACzC,CAAC,SAAS,CAA0B;CACpC,CAAC,WAAW,CAA4B;CACxC,CAAC,UAAU,CAA2B;CACtC,CAAC,YAAY,CAA6B;CAC1C,CAAC,uBAAuB,CAA4B;AACtD;AAEA,SAAgB,EAAoB,GAAe;CAQjD,OAPA,EAAe,SAAS,GAAG,OAAU;EAEnC,CAAK,IAAQ,OAAU,MACrB,KAAgB;CAEpB,CAAC,GAEM,MAAU;AACnB;AAEA,SAAwB,EAAqB,GAAkC;CAC7E,IAAM,EAAE,UAAO,aAAU,cAAW,OAAU,GAExC,IAAkB,CAAC,EAAoB,CAAK;CAElD,OACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GACE,SAAS;GACT,IAAI;IACF,IAAI;IACJ,IAAI;IACJ,YAAY;GACd;aACD;EAEW,CAAA;EACZ,kBAAC,GAAD;GAAW,IAAI,EAAE,KAAK,EAAE;aACrB,EAAe,KAAK,CAAC,GAAO,OAC3B,kBAAC,GAAD;IACE,SAAS,kBAAC,GAAD,CAAW,CAAA;IAEb;IACP,UAEG,IAAQ,KAAQ;IAEnB,UAAU,KAAmB;IAC7B,gBAAgB;KAEd,EAAS,IAAQ,CAAI;IACvB;GACD,GAXM,CAWN,CACF;EACQ,CAAA;EACV,KACC,kBAAC,GAAD;GAAO,UAAU;GAAW,IAAI,EAAE,IAAI,KAAK;aAAG;EAEvC,CAAA;CAET,EAAA,CAAA;AAEN"}
+{"version":3,"file":"EntityViewMaskEditor.js","names":[],"sources":["../../../src/components/EntityViewScopeEditor/EntityViewMaskEditor.tsx"],"sourcesContent":["import {\n  Alert,\n  Checkbox,\n  FormControlLabel,\n  FormGroup,\n  Typography,\n} from '@mui/material'\nimport {\n  ENTITY_VIEW_TYPE_MASK_DATASET,\n  ENTITY_VIEW_TYPE_MASK_FILE,\n  ENTITY_VIEW_TYPE_MASK_FOLDER,\n  ENTITY_VIEW_TYPE_MASK_TABLE,\n  ENTITY_VIEW_TYPE_MASK_DOCKER,\n  ENTITY_VIEW_TYPE_MASK_RECORDSET,\n} from '@sage-bionetworks/synapse-types'\n\nexport type EntityViewMaskEditorProps = {\n  value: number\n  onChange: (mask: number) => void\n  disabled?: boolean\n}\n\nconst maskLabelPairs: [string, number][] = [\n  ['Files', ENTITY_VIEW_TYPE_MASK_FILE],\n  ['Folders', ENTITY_VIEW_TYPE_MASK_FOLDER],\n  ['Tables', ENTITY_VIEW_TYPE_MASK_TABLE],\n  ['Datasets', ENTITY_VIEW_TYPE_MASK_DATASET],\n  ['Docker Repositories', ENTITY_VIEW_TYPE_MASK_DOCKER],\n  ['Record Sets', ENTITY_VIEW_TYPE_MASK_RECORDSET],\n]\n\nexport function isMaskSupportedInUI(value: number) {\n  maskLabelPairs.forEach(([, mask]) => {\n    // Remove each supported bit\n    if ((value & mask) !== 0) {\n      value = value - mask\n    }\n  })\n  // If value is not zero, then some unsupported bit remains\n  return value === 0\n}\n\nexport default function EntityViewMaskEditor(props: EntityViewMaskEditorProps) {\n  const { value, onChange, disabled = false } = props\n\n  const customMaskInUse = !isMaskSupportedInUI(value)\n\n  return (\n    <>\n      <Typography\n        variant={'body1'}\n        sx={{\n          mt: 2.5,\n          mb: 1.25,\n          fontWeight: 700,\n        }}\n      >\n        Include in View\n      </Typography>\n      <FormGroup sx={{ gap: 1 }}>\n        {maskLabelPairs.map(([label, mask]) => (\n          <FormControlLabel\n            control={<Checkbox />}\n            key={label}\n            label={label}\n            checked={\n              // Checked if the mask bit is set\n              (value & mask) > 0\n            }\n            disabled={customMaskInUse || disabled}\n            onChange={() => {\n              // Toggle the clicked mask value with XOR\n              onChange(value ^ mask)\n            }}\n          />\n        ))}\n      </FormGroup>\n      {customMaskInUse && (\n        <Alert severity={'warning'} sx={{ my: 2.25 }}>\n          A custom mask is in use. Changes cannot be made in the UI.\n        </Alert>\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;AAsBA,IAAM,IAAqC;CACzC,CAAC,SAAS,CAA0B;CACpC,CAAC,WAAW,CAA4B;CACxC,CAAC,UAAU,CAA2B;CACtC,CAAC,YAAY,CAA6B;CAC1C,CAAC,uBAAuB,CAA4B;CACpD,CAAC,eAAe,CAA+B;AACjD;AAEA,SAAgB,EAAoB,GAAe;CAQjD,OAPA,EAAe,SAAS,GAAG,OAAU;EAEnC,CAAK,IAAQ,OAAU,MACrB,KAAgB;CAEpB,CAAC,GAEM,MAAU;AACnB;AAEA,SAAwB,EAAqB,GAAkC;CAC7E,IAAM,EAAE,UAAO,aAAU,cAAW,OAAU,GAExC,IAAkB,CAAC,EAAoB,CAAK;CAElD,OACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GACE,SAAS;GACT,IAAI;IACF,IAAI;IACJ,IAAI;IACJ,YAAY;GACd;aACD;EAEW,CAAA;EACZ,kBAAC,GAAD;GAAW,IAAI,EAAE,KAAK,EAAE;aACrB,EAAe,KAAK,CAAC,GAAO,OAC3B,kBAAC,GAAD;IACE,SAAS,kBAAC,GAAD,CAAW,CAAA;IAEb;IACP,UAEG,IAAQ,KAAQ;IAEnB,UAAU,KAAmB;IAC7B,gBAAgB;KAEd,EAAS,IAAQ,CAAI;IACvB;GACD,GAXM,CAWN,CACF;EACQ,CAAA;EACV,KACC,kBAAC,GAAD;GAAO,UAAU;GAAW,IAAI,EAAE,IAAI,KAAK;aAAG;EAEvC,CAAA;CAET,EAAA,CAAA;AAEN"}

package/dist/components/FormTemplateEditor/FormTemplatePreview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormTemplatePreview.d.ts","sourceRoot":"","sources":["../../../src/components/FormTemplateEditor/FormTemplatePreview.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,YAAY,EACb,MAAM,kCAAkC,CAAA;AAWzC,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAGxC,KAAK,wBAAwB,GAAG;IAC9B,QAAQ,EAAE,YAAY,CAAA;IACtB,UAAU,EAAE,UAAU,CAAA;CACvB,CAAA;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,UAAU,GACX,EAAE,wBAAwB,2CAkE1B"}
+{"version":3,"file":"FormTemplatePreview.d.ts","sourceRoot":"","sources":["../../../src/components/FormTemplateEditor/FormTemplatePreview.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,YAAY,EACb,MAAM,kCAAkC,CAAA;AAWzC,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAGxC,KAAK,wBAAwB,GAAG;IAC9B,QAAQ,EAAE,YAAY,CAAA;IACtB,UAAU,EAAE,UAAU,CAAA;CACvB,CAAA;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,UAAU,GACX,EAAE,wBAAwB,2CAoE1B"}

package/dist/components/FormTemplateEditor/FormTemplatePreview.js

@@ -1,68 +1,67 @@
-import { JsonSchemaForm as e } from "../JsonSchemaForm/JsonSchemaForm.js";
-import { generateDataAccessSchema as t } from "../../utils/jsonschema/generateDataAccessSchema.js";
-import { useMemo as n, useState as r } from "react";
-import { Box as i, Paper as a, Step as o, StepButton as s, Stepper as c, ToggleButton as l, ToggleButtonGroup as u, Typography as d } from "@mui/material";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { generateDataAccessSchema as e } from "../../utils/jsonschema/generateDataAccessSchema.js";
+import { getStepTitle as t } from "../../utils/jsonschema/schemaData.js";
+import n from "../JsonSchemaForm/SchemaStepForm.js";
+import { useMemo as r, useState as i } from "react";
+import { Box as a, Paper as o, Step as s, StepButton as c, Stepper as l, ToggleButton as u, ToggleButtonGroup as d, Typography as f } from "@mui/material";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
 import { DataAccessRequestType as h } from "@sage-bionetworks/synapse-client";
 //#region src/components/FormTemplateEditor/FormTemplatePreview.tsx
 function g({ template: g, jsonSchema: _ }) {
-	let [v, y] = r(0), [b, x] = r(h.REQUEST), { steps: S } = n(() => t(g, _, b), [
+	let [v, y] = i(0), [b, x] = i({}), [S, C] = i(h.REQUEST), { steps: w } = r(() => e(g, _, S), [
 		g,
 		_,
-		b
+		S
 	]);
-	if (S.length === 0) return /* @__PURE__ */ p(a, {
+	if (w.length === 0) return /* @__PURE__ */ p(o, {
 		variant: "outlined",
 		sx: { p: 2 },
-		children: /* @__PURE__ */ p(i, {
+		children: /* @__PURE__ */ p(a, {
 			sx: {
 				py: 4,
 				textAlign: "center"
 			},
-			children: /* @__PURE__ */ p(d, {
+			children: /* @__PURE__ */ p(f, {
 				variant: "body2",
 				color: "text.secondary",
 				children: "Add at least one step with a bound field to preview the form."
 			})
 		})
 	});
-	let C = Math.min(v, S.length - 1), w = S[C];
-	return /* @__PURE__ */ m(a, {
+	let T = Math.min(v, w.length - 1), E = w[T];
+	return /* @__PURE__ */ m(o, {
 		variant: "outlined",
 		sx: { p: 2 },
 		children: [
-			/* @__PURE__ */ m(u, {
-				value: b,
+			/* @__PURE__ */ m(d, {
+				value: S,
 				exclusive: !0,
 				size: "small",
 				onChange: (e, t) => {
-					t && x(t);
+					t && C(t);
 				},
 				sx: { mb: 2 },
-				children: [/* @__PURE__ */ p(l, {
+				children: [/* @__PURE__ */ p(u, {
 					value: h.REQUEST,
 					children: "Request"
-				}), /* @__PURE__ */ p(l, {
+				}), /* @__PURE__ */ p(u, {
 					value: h.RENEWAL,
 					children: "Renewal"
 				})]
 			}),
-			S.length > 1 && /* @__PURE__ */ p(c, {
-				activeStep: C,
+			w.length > 1 && /* @__PURE__ */ p(l, {
+				activeStep: T,
 				nonLinear: !0,
 				sx: { mb: 2 },
-				children: S.map((e, t) => /* @__PURE__ */ p(o, { children: /* @__PURE__ */ p(s, {
-					onClick: () => y(t),
-					children: e.jsonSchema.title ?? `Step ${t + 1}`
-				}) }, t))
+				children: w.map((e, n) => /* @__PURE__ */ p(s, { children: /* @__PURE__ */ p(c, {
+					onClick: () => y(n),
+					children: t(e, n + 1)
+				}) }, n))
 			}),
-			/* @__PURE__ */ p(e, {
-				schema: w.jsonSchema,
-				uiSchema: w.uiSchema,
-				formContext: { descriptionVariant: "inline" },
-				children: /* @__PURE__ */ p(f, {}),
-				liveValidate: !1
-			})
+			/* @__PURE__ */ p(n, {
+				step: E,
+				schemaData: b,
+				onSchemaDataChange: x
+			}, T)
 		]
 	});
 }

package/dist/components/FormTemplateEditor/FormTemplatePreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormTemplatePreview.js","names":[],"sources":["../../../src/components/FormTemplateEditor/FormTemplatePreview.tsx"],"sourcesContent":["import { JsonSchemaForm } from '@/components/JsonSchemaForm/JsonSchemaForm'\nimport { generateDataAccessSchema } from '@/utils/jsonschema/generateDataAccessSchema'\nimport {\n  DataAccessRequestType,\n  FormTemplate,\n} from '@sage-bionetworks/synapse-client'\nimport {\n  Box,\n  Paper,\n  Step,\n  StepButton,\n  Stepper,\n  ToggleButton,\n  ToggleButtonGroup,\n  Typography,\n} from '@mui/material'\nimport { RJSFSchema } from '@rjsf/utils'\nimport { useMemo, useState } from 'react'\n\ntype FormTemplatePreviewProps = {\n  template: FormTemplate\n  jsonSchema: RJSFSchema\n}\n\n/**\n * Renders a live preview of how a FormTemplate + its referenced JSON Schema will appear to a\n * requester. Computed client-side against the unsaved draft, purely to give ACT instant feedback\n * while editing.\n */\nexport function FormTemplatePreview({\n  template,\n  jsonSchema,\n}: FormTemplatePreviewProps) {\n  const [activeStep, setActiveStep] = useState(0)\n  const [requestType, setRequestType] = useState<DataAccessRequestType>(\n    DataAccessRequestType.REQUEST,\n  )\n\n  const { steps } = useMemo(\n    () => generateDataAccessSchema(template, jsonSchema, requestType),\n    [template, jsonSchema, requestType],\n  )\n\n  if (steps.length === 0) {\n    return (\n      <Paper variant=\"outlined\" sx={{ p: 2 }}>\n        <Box sx={{ py: 4, textAlign: 'center' }}>\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            Add at least one step with a bound field to preview the form.\n          </Typography>\n        </Box>\n      </Paper>\n    )\n  }\n\n  const safeIndex = Math.min(activeStep, steps.length - 1)\n  const currentStep = steps[safeIndex]\n\n  return (\n    <Paper variant=\"outlined\" sx={{ p: 2 }}>\n      <ToggleButtonGroup\n        value={requestType}\n        exclusive\n        size=\"small\"\n        onChange={(_, next: DataAccessRequestType | null) => {\n          if (next) setRequestType(next)\n        }}\n        sx={{ mb: 2 }}\n      >\n        <ToggleButton value={DataAccessRequestType.REQUEST}>\n          Request\n        </ToggleButton>\n        <ToggleButton value={DataAccessRequestType.RENEWAL}>\n          Renewal\n        </ToggleButton>\n      </ToggleButtonGroup>\n\n      {steps.length > 1 && (\n        <Stepper activeStep={safeIndex} nonLinear sx={{ mb: 2 }}>\n          {steps.map((step, index) => (\n            <Step key={index}>\n              <StepButton onClick={() => setActiveStep(index)}>\n                {(step.jsonSchema.title as string) ?? `Step ${index + 1}`}\n              </StepButton>\n            </Step>\n          ))}\n        </Stepper>\n      )}\n\n      <JsonSchemaForm\n        schema={currentStep.jsonSchema}\n        uiSchema={currentStep.uiSchema}\n        formContext={{ descriptionVariant: 'inline' }}\n        children={<></>}\n        liveValidate={false}\n      />\n    </Paper>\n  )\n}\n"],"mappings":";;;;;;;AA6BA,SAAgB,EAAoB,EAClC,aACA,iBAC2B;CAC3B,IAAM,CAAC,GAAY,KAAiB,EAAS,CAAC,GACxC,CAAC,GAAa,KAAkB,EACpC,EAAsB,OACxB,GAEM,EAAE,aAAU,QACV,EAAyB,GAAU,GAAY,CAAW,GAChE;EAAC;EAAU;EAAY;CAAW,CACpC;CAEA,IAAI,EAAM,WAAW,GACnB,OACE,kBAAC,GAAD;EAAO,SAAQ;EAAW,IAAI,EAAE,GAAG,EAAE;YACnC,kBAAC,GAAD;GAAK,IAAI;IAAE,IAAI;IAAG,WAAW;GAAS;aACpC,kBAAC,GAAD;IAAY,SAAQ;IAAQ,OAAM;cAAiB;GAEvC,CAAA;EACT,CAAA;CACA,CAAA;CAIX,IAAM,IAAY,KAAK,IAAI,GAAY,EAAM,SAAS,CAAC,GACjD,IAAc,EAAM;CAE1B,OACE,kBAAC,GAAD;EAAO,SAAQ;EAAW,IAAI,EAAE,GAAG,EAAE;YAArC;GACE,kBAAC,GAAD;IACE,OAAO;IACP,WAAA;IACA,MAAK;IACL,WAAW,GAAG,MAAuC;KACnD,AAAI,KAAM,EAAe,CAAI;IAC/B;IACA,IAAI,EAAE,IAAI,EAAE;cAPd,CASE,kBAAC,GAAD;KAAc,OAAO,EAAsB;eAAS;IAEtC,CAAA,GACd,kBAAC,GAAD;KAAc,OAAO,EAAsB;eAAS;IAEtC,CAAA,CACG;;GAElB,EAAM,SAAS,KACd,kBAAC,GAAD;IAAS,YAAY;IAAW,WAAA;IAAU,IAAI,EAAE,IAAI,EAAE;cACnD,EAAM,KAAK,GAAM,MAChB,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;KAAY,eAAe,EAAc,CAAK;eAC1C,EAAK,WAAW,SAAoB,QAAQ,IAAQ;IAC5C,CAAA,EACR,GAJK,CAIL,CACP;GACM,CAAA;GAGX,kBAAC,GAAD;IACE,QAAQ,EAAY;IACpB,UAAU,EAAY;IACtB,aAAa,EAAE,oBAAoB,SAAS;IAC5C,UAAU,kBAAA,GAAA,CAAI,CAAA;IACd,cAAc;GACf,CAAA;EACI;;AAEX"}
+{"version":3,"file":"FormTemplatePreview.js","names":[],"sources":["../../../src/components/FormTemplateEditor/FormTemplatePreview.tsx"],"sourcesContent":["import SchemaStepForm from '@/components/JsonSchemaForm/SchemaStepForm'\nimport { generateDataAccessSchema } from '@/utils/jsonschema/generateDataAccessSchema'\nimport { getStepTitle, SchemaData } from '@/utils/jsonschema/schemaData'\nimport {\n  DataAccessRequestType,\n  FormTemplate,\n} from '@sage-bionetworks/synapse-client'\nimport {\n  Box,\n  Paper,\n  Step,\n  StepButton,\n  Stepper,\n  ToggleButton,\n  ToggleButtonGroup,\n  Typography,\n} from '@mui/material'\nimport { RJSFSchema } from '@rjsf/utils'\nimport { useMemo, useState } from 'react'\n\ntype FormTemplatePreviewProps = {\n  template: FormTemplate\n  jsonSchema: RJSFSchema\n}\n\n/**\n * Renders a live preview of how a FormTemplate + its referenced JSON Schema will appear to a\n * requester. Computed client-side against the unsaved draft, purely to give ACT instant feedback\n * while editing.\n */\nexport function FormTemplatePreview({\n  template,\n  jsonSchema,\n}: FormTemplatePreviewProps) {\n  const [activeStep, setActiveStep] = useState(0)\n  // Kept across steps and request types so ACT can see how answers carry through the form\n  const [schemaData, setSchemaData] = useState<SchemaData>({})\n  const [requestType, setRequestType] = useState<DataAccessRequestType>(\n    DataAccessRequestType.REQUEST,\n  )\n\n  const { steps } = useMemo(\n    () => generateDataAccessSchema(template, jsonSchema, requestType),\n    [template, jsonSchema, requestType],\n  )\n\n  if (steps.length === 0) {\n    return (\n      <Paper variant=\"outlined\" sx={{ p: 2 }}>\n        <Box sx={{ py: 4, textAlign: 'center' }}>\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            Add at least one step with a bound field to preview the form.\n          </Typography>\n        </Box>\n      </Paper>\n    )\n  }\n\n  const safeIndex = Math.min(activeStep, steps.length - 1)\n  const currentStep = steps[safeIndex]\n\n  return (\n    <Paper variant=\"outlined\" sx={{ p: 2 }}>\n      <ToggleButtonGroup\n        value={requestType}\n        exclusive\n        size=\"small\"\n        onChange={(_, next: DataAccessRequestType | null) => {\n          if (next) setRequestType(next)\n        }}\n        sx={{ mb: 2 }}\n      >\n        <ToggleButton value={DataAccessRequestType.REQUEST}>\n          Request\n        </ToggleButton>\n        <ToggleButton value={DataAccessRequestType.RENEWAL}>\n          Renewal\n        </ToggleButton>\n      </ToggleButtonGroup>\n\n      {steps.length > 1 && (\n        <Stepper activeStep={safeIndex} nonLinear sx={{ mb: 2 }}>\n          {steps.map((step, index) => (\n            <Step key={index}>\n              <StepButton onClick={() => setActiveStep(index)}>\n                {getStepTitle(step, index + 1)}\n              </StepButton>\n            </Step>\n          ))}\n        </Stepper>\n      )}\n\n      <SchemaStepForm\n        // Each step is a separate form, as it is for a requester\n        key={safeIndex}\n        step={currentStep}\n        schemaData={schemaData}\n        onSchemaDataChange={setSchemaData}\n      />\n    </Paper>\n  )\n}\n"],"mappings":";;;;;;;;AA8BA,SAAgB,EAAoB,EAClC,aACA,iBAC2B;CAC3B,IAAM,CAAC,GAAY,KAAiB,EAAS,CAAC,GAExC,CAAC,GAAY,KAAiB,EAAqB,CAAC,CAAC,GACrD,CAAC,GAAa,KAAkB,EACpC,EAAsB,OACxB,GAEM,EAAE,aAAU,QACV,EAAyB,GAAU,GAAY,CAAW,GAChE;EAAC;EAAU;EAAY;CAAW,CACpC;CAEA,IAAI,EAAM,WAAW,GACnB,OACE,kBAAC,GAAD;EAAO,SAAQ;EAAW,IAAI,EAAE,GAAG,EAAE;YACnC,kBAAC,GAAD;GAAK,IAAI;IAAE,IAAI;IAAG,WAAW;GAAS;aACpC,kBAAC,GAAD;IAAY,SAAQ;IAAQ,OAAM;cAAiB;GAEvC,CAAA;EACT,CAAA;CACA,CAAA;CAIX,IAAM,IAAY,KAAK,IAAI,GAAY,EAAM,SAAS,CAAC,GACjD,IAAc,EAAM;CAE1B,OACE,kBAAC,GAAD;EAAO,SAAQ;EAAW,IAAI,EAAE,GAAG,EAAE;YAArC;GACE,kBAAC,GAAD;IACE,OAAO;IACP,WAAA;IACA,MAAK;IACL,WAAW,GAAG,MAAuC;KACnD,AAAI,KAAM,EAAe,CAAI;IAC/B;IACA,IAAI,EAAE,IAAI,EAAE;cAPd,CASE,kBAAC,GAAD;KAAc,OAAO,EAAsB;eAAS;IAEtC,CAAA,GACd,kBAAC,GAAD;KAAc,OAAO,EAAsB;eAAS;IAEtC,CAAA,CACG;;GAElB,EAAM,SAAS,KACd,kBAAC,GAAD;IAAS,YAAY;IAAW,WAAA;IAAU,IAAI,EAAE,IAAI,EAAE;cACnD,EAAM,KAAK,GAAM,MAChB,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;KAAY,eAAe,EAAc,CAAK;eAC3C,EAAa,GAAM,IAAQ,CAAC;IACnB,CAAA,EACR,GAJK,CAIL,CACP;GACM,CAAA;GAGX,kBAAC,GAAD;IAGE,MAAM;IACM;IACZ,oBAAoB;GACrB,GAJM,CAIN;EACI;;AAEX"}

package/dist/components/JsonSchemaForm/SchemaStepForm.d.ts

@@ -0,0 +1,21 @@
+import { GeneratedFormStepForRjsf } from '@/utils/jsonschema/generateDataAccessSchema';
+import { SchemaData } from '@/utils/jsonschema/schemaData';
+import { Ref } from 'react';
+export type SchemaStepFormHandle = {
+    /** Validates the step's answers, showing errors against invalid fields. */
+    submit: () => void;
+};
+export type SchemaStepFormProps = {
+    ref?: Ref<SchemaStepFormHandle>;
+    step: GeneratedFormStepForRjsf;
+    schemaData: SchemaData;
+    onSchemaDataChange: (schemaData: SchemaData) => void;
+    /** Invoked with the complete answers when the step's answers pass validation. */
+    onValid?: (schemaData: SchemaData) => void;
+};
+/**
+ * A single step of a form generated from a FormTemplate, rendered as a requester sees it. The answers of all steps
+ * are kept in `schemaData`; the step shows and updates only its own.
+ */
+export default function SchemaStepForm(props: SchemaStepFormProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SchemaStepForm.d.ts.map

package/dist/components/JsonSchemaForm/SchemaStepForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaStepForm.d.ts","sourceRoot":"","sources":["../../../src/components/JsonSchemaForm/SchemaStepForm.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,MAAM,6CAA6C,CAAA;AACtF,OAAO,EAAe,UAAU,EAAE,MAAM,+BAA+B,CAAA;AAEvE,OAAO,EAAE,GAAG,EAA+B,MAAM,OAAO,CAAA;AAExD,MAAM,MAAM,oBAAoB,GAAG;IACjC,2EAA2E;IAC3E,MAAM,EAAE,MAAM,IAAI,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,GAAG,CAAC,EAAE,GAAG,CAAC,oBAAoB,CAAC,CAAA;IAC/B,IAAI,EAAE,wBAAwB,CAAA;IAC9B,UAAU,EAAE,UAAU,CAAA;IACtB,kBAAkB,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAA;IACpD,iFAAiF;IACjF,OAAO,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAA;CAC3C,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CA0BhE"}

package/dist/components/JsonSchemaForm/SchemaStepForm.js

@@ -0,0 +1,29 @@
+import { JsonSchemaForm as e } from "./JsonSchemaForm.js";
+import { getStepData as t } from "../../utils/jsonschema/schemaData.js";
+import { useImperativeHandle as n, useRef as r } from "react";
+import { Fragment as i, jsx as a } from "react/jsx-runtime";
+//#region src/components/JsonSchemaForm/SchemaStepForm.tsx
+function o(o) {
+	let { ref: s, step: c, schemaData: l, onSchemaDataChange: u, onValid: d } = o, f = r(null);
+	return n(s, () => ({ submit: () => f.current?.submit() })), /* @__PURE__ */ a(e, {
+		formRef: f,
+		schema: c.jsonSchema,
+		uiSchema: c.uiSchema,
+		formData: t(l, c),
+		formContext: { descriptionVariant: "inline" },
+		liveValidate: !1,
+		onChange: (e) => u({
+			...l,
+			...e.formData
+		}),
+		onSubmit: (e) => d?.({
+			...l,
+			...e.formData
+		}),
+		children: /* @__PURE__ */ a(i, {})
+	});
+}
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=SchemaStepForm.js.map

package/dist/components/JsonSchemaForm/SchemaStepForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaStepForm.js","names":[],"sources":["../../../src/components/JsonSchemaForm/SchemaStepForm.tsx"],"sourcesContent":["import { JsonSchemaForm } from '@/components/JsonSchemaForm/JsonSchemaForm'\nimport { GeneratedFormStepForRjsf } from '@/utils/jsonschema/generateDataAccessSchema'\nimport { getStepData, SchemaData } from '@/utils/jsonschema/schemaData'\nimport RJSFForm from '@rjsf/core'\nimport { Ref, useImperativeHandle, useRef } from 'react'\n\nexport type SchemaStepFormHandle = {\n  /** Validates the step's answers, showing errors against invalid fields. */\n  submit: () => void\n}\n\nexport type SchemaStepFormProps = {\n  ref?: Ref<SchemaStepFormHandle>\n  step: GeneratedFormStepForRjsf\n  schemaData: SchemaData\n  onSchemaDataChange: (schemaData: SchemaData) => void\n  /** Invoked with the complete answers when the step's answers pass validation. */\n  onValid?: (schemaData: SchemaData) => void\n}\n\n/**\n * A single step of a form generated from a FormTemplate, rendered as a requester sees it. The answers of all steps\n * are kept in `schemaData`; the step shows and updates only its own.\n */\nexport default function SchemaStepForm(props: SchemaStepFormProps) {\n  const { ref, step, schemaData, onSchemaDataChange, onValid } = props\n  const formRef = useRef<RJSFForm>(null)\n\n  useImperativeHandle(ref, () => ({\n    submit: () => formRef.current?.submit(),\n  }))\n\n  return (\n    <JsonSchemaForm\n      formRef={formRef}\n      schema={step.jsonSchema}\n      uiSchema={step.uiSchema}\n      formData={getStepData(schemaData, step)}\n      formContext={{ descriptionVariant: 'inline' }}\n      liveValidate={false}\n      onChange={event =>\n        onSchemaDataChange({ ...schemaData, ...event.formData })\n      }\n      onSubmit={event =>\n        onValid?.({ ...schemaData, ...(event.formData as SchemaData) })\n      }\n    >\n      <></>\n    </JsonSchemaForm>\n  )\n}\n"],"mappings":";;;;;AAwBA,SAAwB,EAAe,GAA4B;CACjE,IAAM,EAAE,QAAK,SAAM,eAAY,uBAAoB,eAAY,GACzD,IAAU,EAAiB,IAAI;CAMrC,OAJA,EAAoB,UAAY,EAC9B,cAAc,EAAQ,SAAS,OAAO,EACxC,EAAE,GAGA,kBAAC,GAAD;EACW;EACT,QAAQ,EAAK;EACb,UAAU,EAAK;EACf,UAAU,EAAY,GAAY,CAAI;EACtC,aAAa,EAAE,oBAAoB,SAAS;EAC5C,cAAc;EACd,WAAU,MACR,EAAmB;GAAE,GAAG;GAAY,GAAG,EAAM;EAAS,CAAC;EAEzD,WAAU,MACR,IAAU;GAAE,GAAG;GAAY,GAAI,EAAM;EAAwB,CAAC;YAGhE,kBAAA,GAAA,CAAI,CAAA;CACU,CAAA;AAEpB"}

package/dist/components/SetBasicAccessRequirementFields/GovernanceUtils.d.ts

@@ -1,9 +1,9 @@
-import { AccessRequirement, ManagedACTAccessRequirement, SelfSignAccessRequirement } from '@sage-bionetworks/synapse-types';
+import { AccessRequirement, JsonSchemaAccessRequirement, ManagedACTAccessRequirement, SelfSignAccessRequirement } from '@sage-bionetworks/synapse-types';
 export declare const LOCK_ACCESS_REQUIREMENT_TEXT = "Access restricted pending review by Synapse Access and Compliance Team.";
 export declare const getOldAccessRequirementInstructions: (ar: AccessRequirement) => string | undefined;
 /**
  * Returns true iff the access requirement can apply restrictions based on
  * accessor qualities, such as certification or validation status
  */
-export declare const hasAccessorRequirement: (ar: AccessRequirement) => ar is SelfSignAccessRequirement | ManagedACTAccessRequirement;
+export declare const hasAccessorRequirement: (ar: AccessRequirement) => ar is SelfSignAccessRequirement | ManagedACTAccessRequirement | JsonSchemaAccessRequirement;
 //# sourceMappingURL=GovernanceUtils.d.ts.map

package/dist/components/SetBasicAccessRequirementFields/GovernanceUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GovernanceUtils.d.ts","sourceRoot":"","sources":["../../../src/components/SetBasicAccessRequirementFields/GovernanceUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EAGjB,2BAA2B,EAE3B,yBAAyB,EAE1B,MAAM,iCAAiC,CAAA;AAExC,eAAO,MAAM,4BAA4B,4EACkC,CAAA;AAE3E,eAAO,MAAM,mCAAmC,GAAI,IAAI,iBAAiB,uBAaxE,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,sBAAsB,GACjC,IAAI,iBAAiB,KACpB,EAAE,IAAI,yBAAyB,GAAG,2BAKpC,CAAA"}
+{"version":3,"file":"GovernanceUtils.d.ts","sourceRoot":"","sources":["../../../src/components/SetBasicAccessRequirementFields/GovernanceUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EAEjB,2BAA2B,EAG3B,2BAA2B,EAE3B,yBAAyB,EAE1B,MAAM,iCAAiC,CAAA;AAExC,eAAO,MAAM,4BAA4B,4EACkC,CAAA;AAE3E,eAAO,MAAM,mCAAmC,GAAI,IAAI,iBAAiB,uBAcxE,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,sBAAsB,GACjC,IAAI,iBAAiB,KACpB,EAAE,IACD,yBAAyB,GACzB,2BAA2B,GAC3B,2BAMH,CAAA"}

package/dist/components/SetBasicAccessRequirementFields/GovernanceUtils.js

@@ -1,15 +1,16 @@
-import { ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE as e, LOCK_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE as t, MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE as n, SELF_SIGN_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE as r, TERMS_OF_USE_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE as i } from "@sage-bionetworks/synapse-types";
+import { ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE as e, JSON_SCHEMA_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE as t, LOCK_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE as n, MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE as r, SELF_SIGN_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE as i, TERMS_OF_USE_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE as a } from "@sage-bionetworks/synapse-types";
 //#region src/components/SetBasicAccessRequirementFields/GovernanceUtils.ts
-var a = "Access restricted pending review by Synapse Access and Compliance Team.", o = (o) => {
-	switch (o.concreteType) {
-		case n:
-		case r: return "";
-		case i: return o.termsOfUse;
-		case e: return o.actContactInfo;
-		case t: return a;
+var o = "Access restricted pending review by Synapse Access and Compliance Team.", s = (s) => {
+	switch (s.concreteType) {
+		case r:
+		case t:
+		case i: return "";
+		case a: return s.termsOfUse;
+		case e: return s.actContactInfo;
+		case n: return o;
 	}
-}, s = (e) => e.concreteType === r || e.concreteType == n;
+}, c = (e) => e.concreteType === i || e.concreteType == r || e.concreteType == t;
 //#endregion
-export { a as LOCK_ACCESS_REQUIREMENT_TEXT, o as getOldAccessRequirementInstructions, s as hasAccessorRequirement };
+export { o as LOCK_ACCESS_REQUIREMENT_TEXT, s as getOldAccessRequirementInstructions, c as hasAccessorRequirement };
 
 //# sourceMappingURL=GovernanceUtils.js.map

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;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"}
+{"version":3,"file":"GovernanceUtils.js","names":[],"sources":["../../../src/components/SetBasicAccessRequirementFields/GovernanceUtils.ts"],"sourcesContent":["import {\n  ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  AccessRequirement,\n  JSON_SCHEMA_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  JsonSchemaAccessRequirement,\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 JSON_SCHEMA_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\n  | SelfSignAccessRequirement\n  | ManagedACTAccessRequirement\n  | JsonSchemaAccessRequirement => {\n  return (\n    ar.concreteType === SELF_SIGN_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE ||\n    ar.concreteType == MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE ||\n    ar.concreteType == JSON_SCHEMA_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE\n  )\n}\n"],"mappings":";;AAaA,IAAa,IACX,2EAEW,KAAuC,MAA0B;CAC5E,QAAQ,EAAG,cAAX;EACE,KAAK;EACL,KAAK;EACL,KAAK,GAEH,OAAO;EACT,KAAK,GACH,OAAO,EAAG;EACZ,KAAK,GACH,OAAO,EAAG;EACZ,KAAK,GACH,OAAO;CACX;AACF,GAMa,KACX,MAME,EAAG,iBAAiB,KACpB,EAAG,gBAAgB,KACnB,EAAG,gBAAgB"}

package/dist/components/SetManagedAccessRequirementFields/DataUseCertificateFields.d.ts

@@ -0,0 +1,10 @@
+import { ManagedACTAccessRequirement } from '@sage-bionetworks/synapse-types';
+export declare const DUC_TEMPLATE_UPLOAD_ERROR = "There was an error uploading the DUC template. ";
+export type DataUseCertificateSettings = Pick<ManagedACTAccessRequirement, 'id' | 'isDUCRequired' | 'ducTemplateFileHandleId' | 'eDucTemplateId'>;
+export type DataUseCertificateFieldsProps = {
+    accessRequirement: DataUseCertificateSettings;
+    onChange: (changes: Partial<DataUseCertificateSettings>) => void;
+    isLoading: boolean;
+};
+export declare function DataUseCertificateFields(props: DataUseCertificateFieldsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DataUseCertificateFields.d.ts.map

package/dist/components/SetManagedAccessRequirementFields/DataUseCertificateFields.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataUseCertificateFields.d.ts","sourceRoot":"","sources":["../../../src/components/SetManagedAccessRequirementFields/DataUseCertificateFields.tsx"],"names":[],"mappings":"AAYA,OAAO,EAIL,2BAA2B,EAE5B,MAAM,iCAAiC,CAAA;AAKxC,eAAO,MAAM,yBAAyB,oDACa,CAAA;AAEnD,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAC3C,2BAA2B,EAC3B,IAAI,GAAG,eAAe,GAAG,yBAAyB,GAAG,gBAAgB,CACtE,CAAA;AAED,MAAM,MAAM,6BAA6B,GAAG;IAC1C,iBAAiB,EAAE,0BAA0B,CAAA;IAE7C,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,0BAA0B,CAAC,KAAK,IAAI,CAAA;IAChE,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,2CA8H5E"}

package/dist/components/SetManagedAccessRequirementFields/DataUseCertificateFields.js

@@ -0,0 +1,81 @@
+import { SynapseErrorBoundary as e } from "../error/ErrorBanner.js";
+import { useListEDucTemplates as t } from "../../synapse-queries/dataaccess/useEDuc.js";
+import "../../synapse-queries/index.js";
+import { UploadDocumentField as n } from "../AccessRequirementList/ManagedACTAccessRequirementRequestFlow/UploadDocumentField.js";
+import { useEffect as r, useMemo as i, useState as a } from "react";
+import { Alert as o, Autocomplete as s, Box as c, Checkbox as l, FormControlLabel as u, TextField as d, Typography as f } from "@mui/material";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { FileHandleAssociateType as g } from "@sage-bionetworks/synapse-types";
+//#region src/components/SetManagedAccessRequirementFields/DataUseCertificateFields.tsx
+var _ = "There was an error uploading the DUC template. ";
+function v(v) {
+	let { accessRequirement: y, onChange: b, isLoading: x } = v, [S, C] = a(null), w = i(() => {
+		if (y.ducTemplateFileHandleId) return {
+			fileHandleId: y.ducTemplateFileHandleId,
+			associateObjectType: g.AccessRequirementAttachment,
+			associateObjectId: y.id.toString()
+		};
+	}, [y.ducTemplateFileHandleId, y.id]), { data: T, isLoading: E, hasNextPage: D, fetchNextPage: O } = t();
+	r(() => {
+		D && O();
+	}, [D, O]);
+	let k = i(() => T?.pages.flatMap((e) => e.results ?? []) ?? [], [T]), A = i(() => k.find((e) => e.templateId === y.eDucTemplateId) ?? null, [k, y.eDucTemplateId]), j = (e) => {
+		if (e.resp && e.success) {
+			C(null);
+			let t = e.resp;
+			b({
+				ducTemplateFileHandleId: t.fileHandleId,
+				eDucTemplateId: void 0
+			});
+		} else !e.success && e.error && C(`${_} ${e.error.reason}`);
+	};
+	return /* @__PURE__ */ h(p, { children: [
+		/* @__PURE__ */ m(f, {
+			variant: "body1",
+			sx: { fontWeight: 700 },
+			children: "DUC"
+		}),
+		/* @__PURE__ */ m(u, {
+			control: /* @__PURE__ */ m(l, {}),
+			label: "DUC is required.",
+			checked: y.isDUCRequired,
+			onChange: (e, t) => b({ isDUCRequired: t })
+		}),
+		/* @__PURE__ */ h(e, { children: [/* @__PURE__ */ m(n, {
+			id: "duc",
+			isLoading: x,
+			disabled: !y.isDUCRequired,
+			uploadCallback: (e) => j(e),
+			documentName: "Template DUC",
+			fileHandleAssociations: w ? [w] : void 0,
+			isMultiFileUpload: !1,
+			uploadBtnVariant: "contained"
+		}), S && /* @__PURE__ */ m(o, {
+			severity: "error",
+			sx: { marginTop: 2 },
+			children: S
+		})] }),
+		/* @__PURE__ */ m(c, {
+			sx: { mt: 2 },
+			children: /* @__PURE__ */ m(s, {
+				id: "eDucTemplate",
+				options: k,
+				loading: E,
+				disabled: !y.isDUCRequired,
+				value: A,
+				onChange: (e, t) => b({ eDucTemplateId: t?.templateId }),
+				getOptionLabel: (e) => e.name ?? "",
+				isOptionEqualToValue: (e, t) => e.templateId === t.templateId,
+				renderInput: (e) => /* @__PURE__ */ m(d, {
+					...e,
+					label: "eDUC template (electronic signing)",
+					helperText: "Optional. Select a DocuSign template to enable the eDUC signing flow for this Access Requirement."
+				})
+			})
+		})
+	] });
+}
+//#endregion
+export { _ as DUC_TEMPLATE_UPLOAD_ERROR, v as DataUseCertificateFields };
+
+//# sourceMappingURL=DataUseCertificateFields.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataUseCertificateFields.js","names":[],"sources":["../../../src/components/SetManagedAccessRequirementFields/DataUseCertificateFields.tsx"],"sourcesContent":["import { useListEDucTemplates } from '@/synapse-queries'\nimport {\n  Alert,\n  Autocomplete,\n  Box,\n  Checkbox,\n  FormControlLabel,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { EDucTemplate } from '@sage-bionetworks/synapse-client'\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 { useEffect, useMemo, useState } from 'react'\nimport { UploadDocumentField } from '../AccessRequirementList/ManagedACTAccessRequirementRequestFlow/UploadDocumentField'\nimport { SynapseErrorBoundary } from '../error/ErrorBanner'\n\nexport const DUC_TEMPLATE_UPLOAD_ERROR =\n  'There was an error uploading the DUC template. '\n\nexport type DataUseCertificateSettings = Pick<\n  ManagedACTAccessRequirement,\n  'id' | 'isDUCRequired' | 'ducTemplateFileHandleId' | 'eDucTemplateId'\n>\n\nexport type DataUseCertificateFieldsProps = {\n  accessRequirement: DataUseCertificateSettings\n  /* Called with the settings that changed; the caller merges them into its copy of the AR. */\n  onChange: (changes: Partial<DataUseCertificateSettings>) => void\n  isLoading: boolean\n}\n\nexport function DataUseCertificateFields(props: DataUseCertificateFieldsProps) {\n  const { accessRequirement, onChange, isLoading } = props\n\n  const [uploadDucTemplateError, setUploadDucTemplateError] = useState<\n    string | null\n  >(null)\n\n  const ducTemplateFileHandleAssociation = useMemo(() => {\n    if (accessRequirement.ducTemplateFileHandleId) {\n      const ducTemplateFileHandleAssociation: FileHandleAssociation = {\n        fileHandleId: accessRequirement.ducTemplateFileHandleId,\n        associateObjectType:\n          FileHandleAssociateType.AccessRequirementAttachment,\n        associateObjectId: accessRequirement.id.toString(),\n      }\n      return ducTemplateFileHandleAssociation\n    }\n    return undefined\n  }, [accessRequirement.ducTemplateFileHandleId, accessRequirement.id])\n\n  const {\n    data: eDucTemplateData,\n    isLoading: isLoadingEDucTemplates,\n    hasNextPage: hasNextEDucTemplatePage,\n    fetchNextPage: fetchNextEDucTemplatePage,\n  } = useListEDucTemplates()\n  // Auto-fetch all pages so the dropdown always shows the complete template list.\n  useEffect(() => {\n    if (hasNextEDucTemplatePage) {\n      void fetchNextEDucTemplatePage()\n    }\n  }, [hasNextEDucTemplatePage, fetchNextEDucTemplatePage])\n  const eDucTemplates = useMemo(\n    () => eDucTemplateData?.pages.flatMap(page => page.results ?? []) ?? [],\n    [eDucTemplateData],\n  )\n  const selectedEDucTemplate = useMemo(\n    () =>\n      eDucTemplates.find(\n        template => template.templateId === accessRequirement.eDucTemplateId,\n      ) ?? null,\n    [eDucTemplates, accessRequirement.eDucTemplateId],\n  )\n\n  const uploadDucTemplateCallback = (data: UploadCallbackResp) => {\n    if (data.resp && data.success) {\n      setUploadDucTemplateError(null)\n      // Files are uploaded and synced with the server immediately\n      const uploadResponse: FileUploadComplete = data.resp\n      onChange({\n        ducTemplateFileHandleId: uploadResponse.fileHandleId,\n        eDucTemplateId: undefined, // mutually exclusive with file upload\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  return (\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={accessRequirement.isDUCRequired}\n        onChange={(_event, checked: boolean) =>\n          onChange({ isDUCRequired: checked })\n        }\n      />\n      <SynapseErrorBoundary>\n        <UploadDocumentField\n          id=\"duc\"\n          isLoading={isLoading}\n          disabled={!accessRequirement.isDUCRequired}\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      <Box sx={{ mt: 2 }}>\n        <Autocomplete<EDucTemplate>\n          id=\"eDucTemplate\"\n          options={eDucTemplates}\n          loading={isLoadingEDucTemplates}\n          disabled={!accessRequirement.isDUCRequired}\n          value={selectedEDucTemplate}\n          onChange={(_event, template) =>\n            onChange({ eDucTemplateId: template?.templateId })\n          }\n          getOptionLabel={template => template.name ?? ''}\n          isOptionEqualToValue={(option, value) =>\n            option.templateId === value.templateId\n          }\n          renderInput={params => (\n            <TextField\n              {...params}\n              label=\"eDUC template (electronic signing)\"\n              helperText=\"Optional. Select a DocuSign template to enable the eDUC signing flow for this Access Requirement.\"\n            />\n          )}\n        />\n      </Box>\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;AAuBA,IAAa,IACX;AAcF,SAAgB,EAAyB,GAAsC;CAC7E,IAAM,EAAE,sBAAmB,aAAU,iBAAc,GAE7C,CAAC,GAAwB,KAA6B,EAE1D,IAAI,GAEA,IAAmC,QAAc;EACrD,IAAI,EAAkB,yBAOpB,OAAO;GALL,cAAc,EAAkB;GAChC,qBACE,EAAwB;GAC1B,mBAAmB,EAAkB,GAAG,SAAS;EAE5C;CAGX,GAAG,CAAC,EAAkB,yBAAyB,EAAkB,EAAE,CAAC,GAE9D,EACJ,MAAM,GACN,WAAW,GACX,aAAa,GACb,eAAe,MACb,EAAqB;CAEzB,QAAgB;EACd,AAAI,KACF,EAA+B;CAEnC,GAAG,CAAC,GAAyB,CAAyB,CAAC;CACvD,IAAM,IAAgB,QACd,GAAkB,MAAM,SAAQ,MAAQ,EAAK,WAAW,CAAC,CAAC,KAAK,CAAC,GACtE,CAAC,CAAgB,CACnB,GACM,IAAuB,QAEzB,EAAc,MACZ,MAAY,EAAS,eAAe,EAAkB,cACxD,KAAK,MACP,CAAC,GAAe,EAAkB,cAAc,CAClD,GAEM,KAA6B,MAA6B;EAC9D,IAAI,EAAK,QAAQ,EAAK,SAAS;GAC7B,EAA0B,IAAI;GAE9B,IAAM,IAAqC,EAAK;GAChD,EAAS;IACP,yBAAyB,EAAe;IACxC,gBAAgB,KAAA;GAClB,CAAC;EACH,OAAO,AAAI,CAAC,EAAK,WAAW,EAAK,SAC/B,EACE,GAAG,EAA0B,GAC1B,EAAK,MAA6B,QAEvC;CAEJ;CAEA,OACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI,EACF,YAAY,IACd;aACD;EAEW,CAAA;EACZ,kBAAC,GAAD;GACE,SAAS,kBAAC,GAAD,CAAW,CAAA;GACpB,OAAM;GACN,SAAS,EAAkB;GAC3B,WAAW,GAAQ,MACjB,EAAS,EAAE,eAAe,EAAQ,CAAC;EAEtC,CAAA;EACD,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,IAAG;GACQ;GACX,UAAU,CAAC,EAAkB;GAC7B,iBAAgB,MAAQ,EAA0B,CAAI;GACtD,cAAa;GACb,wBACE,IACI,CAAC,CAAgC,IACjC,KAAA;GAEN,mBAAmB;GACnB,kBAAiB;EAClB,CAAA,GACA,KACC,kBAAC,GAAD;GAAO,UAAS;GAAQ,IAAI,EAAE,WAAW,EAAE;aACxC;EACI,CAAA,CAEW,EAAA,CAAA;EACtB,kBAAC,GAAD;GAAK,IAAI,EAAE,IAAI,EAAE;aACf,kBAAC,GAAD;IACE,IAAG;IACH,SAAS;IACT,SAAS;IACT,UAAU,CAAC,EAAkB;IAC7B,OAAO;IACP,WAAW,GAAQ,MACjB,EAAS,EAAE,gBAAgB,GAAU,WAAW,CAAC;IAEnD,iBAAgB,MAAY,EAAS,QAAQ;IAC7C,uBAAuB,GAAQ,MAC7B,EAAO,eAAe,EAAM;IAE9B,cAAa,MACX,kBAAC,GAAD;KACE,GAAI;KACJ,OAAM;KACN,YAAW;IACZ,CAAA;GAEJ,CAAA;EACE,CAAA;CACL,EAAA,CAAA;AAEN"}

package/dist/components/SetManagedAccessRequirementFields/ExpirationPeriodField.d.ts

@@ -0,0 +1,9 @@
+export declare const getValidExpirationPeriodOrErrorMessage: (expirationPeriodDays: string) => string | number;
+export type ExpirationPeriodFieldProps = {
+    days: string;
+    error: string | null;
+    onChange: (days: string) => void;
+    onBlur: () => void;
+};
+export declare function ExpirationPeriodField(props: ExpirationPeriodFieldProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ExpirationPeriodField.d.ts.map

package/dist/components/SetManagedAccessRequirementFields/ExpirationPeriodField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpirationPeriodField.d.ts","sourceRoot":"","sources":["../../../src/components/SetManagedAccessRequirementFields/ExpirationPeriodField.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,sCAAsC,GACjD,sBAAsB,MAAM,oBAa7B,CAAA;AAED,MAAM,MAAM,0BAA0B,GAAG;IAEvC,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,MAAM,EAAE,MAAM,IAAI,CAAA;CACnB,CAAA;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,2CAgBtE"}

package/dist/components/SetManagedAccessRequirementFields/ExpirationPeriodField.js

@@ -0,0 +1,32 @@
+import { DAY_IN_MS as e } from "../../utils/SynapseConstants.js";
+import { TextField as t } from "@mui/material";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/SetManagedAccessRequirementFields/ExpirationPeriodField.tsx
+var r = (t) => {
+	if (t === "") return 0;
+	let n = "Please enter a valid expiration period (in days): ";
+	if (/^[-]?\d+$/.test(t)) {
+		let r = Number(t);
+		return r < 0 ? `${n}If expiration period is set, then it must be greater than 0.` : r * e;
+	}
+	return `${n}For input string: "${t}"`;
+};
+function i(e) {
+	let { days: r, error: i, onChange: a, onBlur: o } = e;
+	return /* @__PURE__ */ n(t, {
+		id: "expirationPeriod",
+		name: "expirationPeriod",
+		label: "Expiration period (days)",
+		value: r,
+		error: !!i,
+		helperText: i,
+		sx: { mt: 1 },
+		fullWidth: !0,
+		onChange: (e) => a(e.target.value),
+		onBlur: o
+	});
+}
+//#endregion
+export { i as ExpirationPeriodField, r as getValidExpirationPeriodOrErrorMessage };
+
+//# sourceMappingURL=ExpirationPeriodField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExpirationPeriodField.js","names":[],"sources":["../../../src/components/SetManagedAccessRequirementFields/ExpirationPeriodField.tsx"],"sourcesContent":["import { DAY_IN_MS } from '@/utils/SynapseConstants'\nimport { TextField } from '@mui/material'\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 ExpirationPeriodFieldProps = {\n  /* The expiration period in days, as typed by the user */\n  days: string\n  error: string | null\n  onChange: (days: string) => void\n  onBlur: () => void\n}\n\nexport function ExpirationPeriodField(props: ExpirationPeriodFieldProps) {\n  const { days, error, onChange, onBlur } = props\n  return (\n    <TextField\n      id=\"expirationPeriod\"\n      name=\"expirationPeriod\"\n      label=\"Expiration period (days)\"\n      value={days}\n      error={Boolean(error)}\n      helperText={error}\n      sx={{ mt: 1 }}\n      fullWidth\n      onChange={event => onChange(event.target.value)}\n      onBlur={onBlur}\n    />\n  )\n}\n"],"mappings":";;;;AAGA,IAAa,KACX,MACG;CACH,IAAI,MAAyB,IAAI,OAAO;CAExC,IAAM,IAAY;CAClB,IAAI,YAAY,KAAK,CAAoB,GAAG;EAC1C,IAAM,IAAM,OAAO,CAAoB;EAIvC,OAHI,IAAM,IACD,GAAG,EAAU,gEAEf,IAAM;CACf;CACA,OAAO,GAAG,EAAU,qBAAqB,EAAqB;AAChE;AAUA,SAAgB,EAAsB,GAAmC;CACvE,IAAM,EAAE,SAAM,UAAO,aAAU,cAAW;CAC1C,OACE,kBAAC,GAAD;EACE,IAAG;EACH,MAAK;EACL,OAAM;EACN,OAAO;EACP,OAAO,EAAQ;EACf,YAAY;EACZ,IAAI,EAAE,IAAI,EAAE;EACZ,WAAA;EACA,WAAU,MAAS,EAAS,EAAM,OAAO,KAAK;EACtC;CACT,CAAA;AAEL"}