synapse-react-client 4.0.18 → 4.0.20

package/dist/components/Webhook/WebhookVerificationDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"WebhookVerificationDialog.js","names":[],"sources":["../../../src/components/Webhook/WebhookVerificationDialog.tsx"],"sourcesContent":["import { useVerifyWebhook } from '@/synapse-queries/webhook/useWebhook'\nimport { Alert, TextField, Typography } from '@mui/material'\nimport { useState } from 'react'\nimport { ConfirmationDialog } from '../ConfirmationDialog/ConfirmationDialog'\nimport { displayToast } from '../ToastMessage'\n\ntype WebhookVerificationDialogProps = {\n  open: boolean\n  onClose: () => void\n  webhookId: string\n}\n\nexport function WebhookVerificationDialog(\n  props: WebhookVerificationDialogProps,\n) {\n  const { open, onClose } = props\n  const [verificationCode, setVerificationCode] = useState('')\n\n  const { mutate, isPending, error } = useVerifyWebhook({\n    onSuccess: response => {\n      if (response.isValid) {\n        displayToast('Webhook verified', 'success')\n      } else {\n        displayToast(\n          `Webhook was not verified: ${response.invalidReason}`,\n          'danger',\n        )\n      }\n      onClose()\n    },\n  })\n\n  return (\n    <ConfirmationDialog\n      title={'Verify Webhook'}\n      onCancel={() => {\n        if (!isPending) {\n          onClose()\n        }\n      }}\n      open={open}\n      content={\n        <>\n          <Typography variant=\"body1\" gutterBottom>\n            Enter the code sent to your webhook to verify it. Once the webhook\n            has been verified, Synapse will start sending the events you chose\n            to your webhook endpoint.\n          </Typography>\n          <TextField\n            label={'Verification code'}\n            value={verificationCode}\n            onChange={e => setVerificationCode(e.target.value)}\n            sx={{ mt: 1 }}\n          />\n          {error && (\n            <Alert severity=\"error\" sx={{ mt: 2 }}>\n              {error.reason}\n            </Alert>\n          )}\n        </>\n      }\n      onConfirm={() => {\n        mutate({\n          webhookId: props.webhookId,\n          verifyWebhookRequest: { verificationCode },\n        })\n      }}\n      confirmButtonProps={{\n        children: 'Verify',\n        disabled: isPending,\n      }}\n      cancelButtonProps={{\n        disabled: isPending,\n      }}\n    />\n  )\n}\n"],"mappings":";;;;;;;;AAYA,SAAgB,EACd,GACA;CACA,IAAM,EAAE,SAAM,eAAY,GACpB,CAAC,GAAkB,KAAuB,EAAS,GAAG,EAEtD,EAAE,WAAQ,cAAW,aAAU,EAAiB,EACpD,YAAW,MAAY;AASrB,EARI,EAAS,UACX,EAAa,oBAAoB,UAAU,GAE3C,EACE,6BAA6B,EAAS,iBACtC,SACD,EAEH,GAAS;IAEZ,CAAC;AAEF,QACE,kBAAC,GAAD;EACE,OAAO;EACP,gBAAgB;AACd,GAAK,KACH,GAAS;;EAGP;EACN,SACE,kBAAA,GAAA,EAAA,UAAA;GACE,kBAAC,GAAD;IAAY,SAAQ;IAAQ,cAAA;cAAa;IAI5B,CAAA;GACb,kBAAC,GAAD;IACE,OAAO;IACP,OAAO;IACP,WAAU,MAAK,EAAoB,EAAE,OAAO,MAAM;IAClD,IAAI,EAAE,IAAI,GAAG;IACb,CAAA;GACD,KACC,kBAAC,GAAD;IAAO,UAAS;IAAQ,IAAI,EAAE,IAAI,GAAG;cAClC,EAAM;IACD,CAAA;GAET,EAAA,CAAA;EAEL,iBAAiB;AACf,KAAO;IACL,WAAW,EAAM;IACjB,sBAAsB,EAAE,qBAAkB;IAC3C,CAAC;;EAEJ,oBAAoB;GAClB,UAAU;GACV,UAAU;GACX;EACD,mBAAmB,EACjB,UAAU,GACX;EACD,CAAA"}
+{"version":3,"file":"WebhookVerificationDialog.js","names":[],"sources":["../../../src/components/Webhook/WebhookVerificationDialog.tsx"],"sourcesContent":["import { useVerifyWebhook } from '@/synapse-queries/webhook/useWebhook'\nimport { Alert, TextField, Typography } from '@mui/material'\nimport { useState } from 'react'\nimport { ConfirmationDialog } from '../ConfirmationDialog/ConfirmationDialog'\nimport { displayToast } from '../ToastMessage'\n\ntype WebhookVerificationDialogProps = {\n  open: boolean\n  onClose: () => void\n  webhookId: string\n}\n\nexport function WebhookVerificationDialog(\n  props: WebhookVerificationDialogProps,\n) {\n  const { open, onClose } = props\n  const [verificationCode, setVerificationCode] = useState('')\n\n  const { mutate, isPending, error } = useVerifyWebhook({\n    onSuccess: response => {\n      if (response.isValid) {\n        displayToast('Webhook verified', 'success')\n      } else {\n        displayToast(\n          `Webhook was not verified: ${response.invalidReason}`,\n          'danger',\n        )\n      }\n      onClose()\n    },\n  })\n\n  return (\n    <ConfirmationDialog\n      title={'Verify Webhook'}\n      onCancel={() => {\n        if (!isPending) {\n          onClose()\n        }\n      }}\n      open={open}\n      content={\n        <>\n          <Typography variant=\"body1\" gutterBottom>\n            Enter the code sent to your webhook to verify it. Once the webhook\n            has been verified, Synapse will start sending the events you chose\n            to your webhook endpoint.\n          </Typography>\n          <TextField\n            label={'Verification code'}\n            value={verificationCode}\n            onChange={e => setVerificationCode(e.target.value)}\n            sx={{ mt: 1 }}\n          />\n          {error && (\n            <Alert severity=\"error\" sx={{ mt: 2 }}>\n              {error.reason}\n            </Alert>\n          )}\n        </>\n      }\n      onConfirm={() => {\n        mutate({\n          webhookId: props.webhookId,\n          verifyWebhookRequest: { verificationCode },\n        })\n      }}\n      confirmButtonProps={{\n        children: 'Verify',\n        disabled: isPending,\n      }}\n      cancelButtonProps={{\n        disabled: isPending,\n      }}\n    />\n  )\n}\n"],"mappings":";;;;;;;;AAYA,SAAgB,EACd,GACA;CACA,IAAM,EAAE,SAAM,eAAY,GACpB,CAAC,GAAkB,KAAuB,EAAS,EAAE,GAErD,EAAE,WAAQ,cAAW,aAAU,EAAiB,EACpD,YAAW,MAAY;EASrB,AARI,EAAS,UACX,EAAa,oBAAoB,SAAS,IAE1C,EACE,6BAA6B,EAAS,iBACtC,QACF,GAEF,EAAQ;CACV,EACF,CAAC;CAED,OACE,kBAAC,GAAD;EACE,OAAO;EACP,gBAAgB;GACd,AAAK,KACH,EAAQ;EAEZ;EACM;EACN,SACE,kBAAA,GAAA,EAAA,UAAA;GACE,kBAAC,GAAD;IAAY,SAAQ;IAAQ,cAAA;cAAa;GAI7B,CAAA;GACZ,kBAAC,GAAD;IACE,OAAO;IACP,OAAO;IACP,WAAU,MAAK,EAAoB,EAAE,OAAO,KAAK;IACjD,IAAI,EAAE,IAAI,EAAE;GACb,CAAA;GACA,KACC,kBAAC,GAAD;IAAO,UAAS;IAAQ,IAAI,EAAE,IAAI,EAAE;cACjC,EAAM;GACF,CAAA;EAET,EAAA,CAAA;EAEJ,iBAAiB;GACf,EAAO;IACL,WAAW,EAAM;IACjB,sBAAsB,EAAE,oBAAiB;GAC3C,CAAC;EACH;EACA,oBAAoB;GAClB,UAAU;GACV,UAAU;EACZ;EACA,mBAAmB,EACjB,UAAU,EACZ;CACD,CAAA;AAEL"}

package/dist/components/WikiMarkdownEditor/WikiMarkdownEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"WikiMarkdownEditor.js","names":[],"sources":["../../../src/components/WikiMarkdownEditor/WikiMarkdownEditor.tsx"],"sourcesContent":["import { UpdateWikiPageInput, useUpdateWikiPage } from '@/synapse-queries'\nimport { Alert, Box, Button, TextField } from '@mui/material'\nimport { ObjectType, WikiPage } from '@sage-bionetworks/synapse-types'\nimport { noop } from 'lodash-es'\nimport { useState } from 'react'\nimport ConfirmationDialog from '../ConfirmationDialog'\nimport { DialogBase } from '../DialogBase'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport { MarkdownEditor } from '../Markdown/MarkdownEditor'\n\nexport const UNSAVED_CHANGES = 'Unsaved Changes'\nexport const NAVIGATE_AWAY_CONFIRMATION_MESSAGE =\n  'Any unsaved changes may be lost. Are you sure that you would like to navigate away from this editor?'\nexport const ERROR_SAVING_WIKI =\n  'Could not save your changes. It is recommended that you copy your version of the wiki text so that it is not lost. '\n\nexport type WikiMarkdownEditorProps = {\n  open: boolean\n  ownerObjectType: ObjectType\n  ownerObjectId: string\n  wikiPage: WikiPage\n  onCancel?: () => void\n  onSave?: () => void\n  // TODO: SWC-6774 - expose delete prop\n  // showDeleteButton: boolean\n}\n\nexport function WikiMarkdownEditor(props: WikiMarkdownEditorProps) {\n  // TODO: SWC-6774 - get showDeleteButton from props\n  const showDeleteButton = false\n  const {\n    open,\n    ownerObjectId,\n    ownerObjectType,\n    wikiPage,\n    onCancel = noop,\n    onSave = noop,\n  } = props\n\n  const [title, setTitle] = useState<string>(wikiPage.title)\n  const [markdown, setMarkdown] = useState<string>(wikiPage.markdown)\n  const [showConfirmCancelDialog, setShowConfirmDialog] =\n    useState<boolean>(false)\n\n  const handleCancel = () => {\n    if (wikiPage && wikiPage.markdown !== markdown) {\n      setShowConfirmDialog(true)\n    } else {\n      onCancel()\n    }\n  }\n\n  const {\n    mutate: updateWikiPage,\n    isPending: isUpdatingWikiPage,\n    error: errorUpdatingWikiPage,\n  } = useUpdateWikiPage({\n    onSuccess: () => onSave(),\n  })\n\n  return (\n    <DialogBase\n      open={open}\n      onCancel={handleCancel}\n      maxWidth={'xl'}\n      fullWidth={true}\n      title=\"Edit Wiki Markdown\"\n      content={\n        <>\n          {isUpdatingWikiPage && <SynapseSpinner />}\n          {wikiPage && (\n            <>\n              {wikiPage.parentWikiId && (\n                <TextField\n                  label=\"Title\"\n                  placeholder=\"Title\"\n                  fullWidth\n                  sx={{ mb: 2 }}\n                  value={title}\n                  onChange={e => setTitle(e.target.value)}\n                />\n              )}\n              <MarkdownEditor text={markdown} setText={setMarkdown} />\n              <ConfirmationDialog\n                open={showConfirmCancelDialog}\n                title={UNSAVED_CHANGES}\n                content={NAVIGATE_AWAY_CONFIRMATION_MESSAGE}\n                onCancel={() => setShowConfirmDialog(false)}\n                onConfirm={() => {\n                  setShowConfirmDialog(false)\n                  onCancel()\n                }}\n              />\n            </>\n          )}\n          {errorUpdatingWikiPage && (\n            <Alert severity=\"error\">\n              {ERROR_SAVING_WIKI + errorUpdatingWikiPage.reason}\n            </Alert>\n          )}\n        </>\n      }\n      actions={\n        <Box\n          sx={{\n            display: 'flex',\n            flexDirection: 'row-reverse',\n            justifyContent: 'space-between',\n            width: '100%',\n          }}\n        >\n          <Box\n            sx={{\n              display: 'flex',\n              gap: 1,\n            }}\n          >\n            <Button\n              variant=\"outlined\"\n              disabled={isUpdatingWikiPage}\n              onClick={handleCancel}\n            >\n              Cancel\n            </Button>\n            <Button\n              variant=\"contained\"\n              color=\"primary\"\n              disabled={isUpdatingWikiPage}\n              onClick={() => {\n                if (wikiPage) {\n                  const input: UpdateWikiPageInput = {\n                    ownerObjectId,\n                    ownerObjectType,\n                    wikiPage: { ...wikiPage, title: title, markdown: markdown },\n                  }\n                  updateWikiPage(input)\n                }\n              }}\n            >\n              {isUpdatingWikiPage ? 'Saving...' : 'Save'}\n            </Button>\n          </Box>\n          {showDeleteButton && (\n            <Button\n              variant=\"contained\"\n              color=\"error\"\n              disabled={isUpdatingWikiPage}\n              onClick={() => {\n                // TODO: SWC-6774 - implement delete functionality\n              }}\n            >\n              Delete Page\n            </Button>\n          )}\n        </Box>\n      }\n    />\n  )\n}\n\nexport default WikiMarkdownEditor\n"],"mappings":";;;;;;;;;;;AAUA,IAAa,IAAkB,mBAClB,IACX,wGACW,IACX;AAaF,SAAgB,EAAmB,GAAgC;CAEjE,IACM,EACJ,SACA,kBACA,oBACA,aACA,cAAW,GACX,YAAS,MACP,GAEE,CAAC,GAAO,KAAY,EAAiB,EAAS,MAAM,EACpD,CAAC,GAAU,KAAe,EAAiB,EAAS,SAAS,EAC7D,CAAC,GAAyB,KAC9B,EAAkB,GAAM,EAEpB,UAAqB;AACzB,EAAI,KAAY,EAAS,aAAa,IACpC,EAAqB,GAAK,GAE1B,GAAU;IAIR,EACJ,QAAQ,GACR,WAAW,GACX,OAAO,MACL,EAAkB,EACpB,iBAAiB,GAAQ,EAC1B,CAAC;AAEF,QACE,kBAAC,GAAD;EACQ;EACN,UAAU;EACV,UAAU;EACV,WAAW;EACX,OAAM;EACN,SACE,kBAAA,GAAA,EAAA,UAAA;GACG,KAAsB,kBAAC,GAAD,EAAkB,CAAA;GACxC,KACC,kBAAA,GAAA,EAAA,UAAA;IACG,EAAS,gBACR,kBAAC,GAAD;KACE,OAAM;KACN,aAAY;KACZ,WAAA;KACA,IAAI,EAAE,IAAI,GAAG;KACb,OAAO;KACP,WAAU,MAAK,EAAS,EAAE,OAAO,MAAM;KACvC,CAAA;IAEJ,kBAAC,GAAD;KAAgB,MAAM;KAAU,SAAS;KAAe,CAAA;IACxD,kBAAC,GAAD;KACE,MAAM;KACN,OAAA;KACA,SAAA;KACA,gBAAgB,EAAqB,GAAM;KAC3C,iBAAiB;AAEf,MADA,EAAqB,GAAM,EAC3B,GAAU;;KAEZ,CAAA;IACD,EAAA,CAAA;GAEJ,KACC,kBAAC,GAAD;IAAO,UAAS;sIACO,EAAsB;IACrC,CAAA;GAET,EAAA,CAAA;EAEL,SACE,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,eAAe;IACf,gBAAgB;IAChB,OAAO;IACR;aANH,CAQE,kBAAC,GAAD;IACE,IAAI;KACF,SAAS;KACT,KAAK;KACN;cAJH,CAME,kBAAC,GAAD;KACE,SAAQ;KACR,UAAU;KACV,SAAS;eACV;KAEQ,CAAA,EACT,kBAAC,GAAD;KACE,SAAQ;KACR,OAAM;KACN,UAAU;KACV,eAAe;AACb,MAAI,KAMF,EAAe;OAJb;OACA;OACA,UAAU;QAAE,GAAG;QAAiB;QAAiB;QAAU;OAE9C,CAAM;;eAIxB,IAAqB,cAAc;KAC7B,CAAA,CACL;OACL,GAYG;;EAER,CAAA"}
+{"version":3,"file":"WikiMarkdownEditor.js","names":[],"sources":["../../../src/components/WikiMarkdownEditor/WikiMarkdownEditor.tsx"],"sourcesContent":["import { UpdateWikiPageInput, useUpdateWikiPage } from '@/synapse-queries'\nimport { Alert, Box, Button, TextField } from '@mui/material'\nimport { ObjectType, WikiPage } from '@sage-bionetworks/synapse-types'\nimport { noop } from 'lodash-es'\nimport { useState } from 'react'\nimport ConfirmationDialog from '../ConfirmationDialog'\nimport { DialogBase } from '../DialogBase'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport { MarkdownEditor } from '../Markdown/MarkdownEditor'\n\nexport const UNSAVED_CHANGES = 'Unsaved Changes'\nexport const NAVIGATE_AWAY_CONFIRMATION_MESSAGE =\n  'Any unsaved changes may be lost. Are you sure that you would like to navigate away from this editor?'\nexport const ERROR_SAVING_WIKI =\n  'Could not save your changes. It is recommended that you copy your version of the wiki text so that it is not lost. '\n\nexport type WikiMarkdownEditorProps = {\n  open: boolean\n  ownerObjectType: ObjectType\n  ownerObjectId: string\n  wikiPage: WikiPage\n  onCancel?: () => void\n  onSave?: () => void\n  // TODO: SWC-6774 - expose delete prop\n  // showDeleteButton: boolean\n}\n\nexport function WikiMarkdownEditor(props: WikiMarkdownEditorProps) {\n  // TODO: SWC-6774 - get showDeleteButton from props\n  const showDeleteButton = false\n  const {\n    open,\n    ownerObjectId,\n    ownerObjectType,\n    wikiPage,\n    onCancel = noop,\n    onSave = noop,\n  } = props\n\n  const [title, setTitle] = useState<string>(wikiPage.title)\n  const [markdown, setMarkdown] = useState<string>(wikiPage.markdown)\n  const [showConfirmCancelDialog, setShowConfirmDialog] =\n    useState<boolean>(false)\n\n  const handleCancel = () => {\n    if (wikiPage && wikiPage.markdown !== markdown) {\n      setShowConfirmDialog(true)\n    } else {\n      onCancel()\n    }\n  }\n\n  const {\n    mutate: updateWikiPage,\n    isPending: isUpdatingWikiPage,\n    error: errorUpdatingWikiPage,\n  } = useUpdateWikiPage({\n    onSuccess: () => onSave(),\n  })\n\n  return (\n    <DialogBase\n      open={open}\n      onCancel={handleCancel}\n      maxWidth={'xl'}\n      fullWidth={true}\n      title=\"Edit Wiki Markdown\"\n      content={\n        <>\n          {isUpdatingWikiPage && <SynapseSpinner />}\n          {wikiPage && (\n            <>\n              {wikiPage.parentWikiId && (\n                <TextField\n                  label=\"Title\"\n                  placeholder=\"Title\"\n                  fullWidth\n                  sx={{ mb: 2 }}\n                  value={title}\n                  onChange={e => setTitle(e.target.value)}\n                />\n              )}\n              <MarkdownEditor text={markdown} setText={setMarkdown} />\n              <ConfirmationDialog\n                open={showConfirmCancelDialog}\n                title={UNSAVED_CHANGES}\n                content={NAVIGATE_AWAY_CONFIRMATION_MESSAGE}\n                onCancel={() => setShowConfirmDialog(false)}\n                onConfirm={() => {\n                  setShowConfirmDialog(false)\n                  onCancel()\n                }}\n              />\n            </>\n          )}\n          {errorUpdatingWikiPage && (\n            <Alert severity=\"error\">\n              {ERROR_SAVING_WIKI + errorUpdatingWikiPage.reason}\n            </Alert>\n          )}\n        </>\n      }\n      actions={\n        <Box\n          sx={{\n            display: 'flex',\n            flexDirection: 'row-reverse',\n            justifyContent: 'space-between',\n            width: '100%',\n          }}\n        >\n          <Box\n            sx={{\n              display: 'flex',\n              gap: 1,\n            }}\n          >\n            <Button\n              variant=\"outlined\"\n              disabled={isUpdatingWikiPage}\n              onClick={handleCancel}\n            >\n              Cancel\n            </Button>\n            <Button\n              variant=\"contained\"\n              color=\"primary\"\n              disabled={isUpdatingWikiPage}\n              onClick={() => {\n                if (wikiPage) {\n                  const input: UpdateWikiPageInput = {\n                    ownerObjectId,\n                    ownerObjectType,\n                    wikiPage: { ...wikiPage, title: title, markdown: markdown },\n                  }\n                  updateWikiPage(input)\n                }\n              }}\n            >\n              {isUpdatingWikiPage ? 'Saving...' : 'Save'}\n            </Button>\n          </Box>\n          {showDeleteButton && (\n            <Button\n              variant=\"contained\"\n              color=\"error\"\n              disabled={isUpdatingWikiPage}\n              onClick={() => {\n                // TODO: SWC-6774 - implement delete functionality\n              }}\n            >\n              Delete Page\n            </Button>\n          )}\n        </Box>\n      }\n    />\n  )\n}\n\nexport default WikiMarkdownEditor\n"],"mappings":";;;;;;;;;;;AAUA,IAAa,IAAkB,mBAClB,IACX,wGACW,IACX;AAaF,SAAgB,EAAmB,GAAgC;CAEjE,IACM,EACJ,SACA,kBACA,oBACA,aACA,cAAW,GACX,YAAS,MACP,GAEE,CAAC,GAAO,KAAY,EAAiB,EAAS,KAAK,GACnD,CAAC,GAAU,KAAe,EAAiB,EAAS,QAAQ,GAC5D,CAAC,GAAyB,KAC9B,EAAkB,EAAK,GAEnB,UAAqB;EACzB,AAAI,KAAY,EAAS,aAAa,IACpC,EAAqB,EAAI,IAEzB,EAAS;CAEb,GAEM,EACJ,QAAQ,GACR,WAAW,GACX,OAAO,MACL,EAAkB,EACpB,iBAAiB,EAAO,EAC1B,CAAC;CAED,OACE,kBAAC,GAAD;EACQ;EACN,UAAU;EACV,UAAU;EACV,WAAW;EACX,OAAM;EACN,SACE,kBAAA,GAAA,EAAA,UAAA;GACG,KAAsB,kBAAC,GAAD,CAAiB,CAAA;GACvC,KACC,kBAAA,GAAA,EAAA,UAAA;IACG,EAAS,gBACR,kBAAC,GAAD;KACE,OAAM;KACN,aAAY;KACZ,WAAA;KACA,IAAI,EAAE,IAAI,EAAE;KACZ,OAAO;KACP,WAAU,MAAK,EAAS,EAAE,OAAO,KAAK;IACvC,CAAA;IAEH,kBAAC,GAAD;KAAgB,MAAM;KAAU,SAAS;IAAc,CAAA;IACvD,kBAAC,GAAD;KACE,MAAM;KACN,OAAA;KACA,SAAA;KACA,gBAAgB,EAAqB,EAAK;KAC1C,iBAAiB;MAEf,AADA,EAAqB,EAAK,GAC1B,EAAS;KACX;IACD,CAAA;GACD,EAAA,CAAA;GAEH,KACC,kBAAC,GAAD;IAAO,UAAS;sIACO,EAAsB;GACtC,CAAA;EAET,EAAA,CAAA;EAEJ,SACE,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,eAAe;IACf,gBAAgB;IAChB,OAAO;GACT;aANF,CAQE,kBAAC,GAAD;IACE,IAAI;KACF,SAAS;KACT,KAAK;IACP;cAJF,CAME,kBAAC,GAAD;KACE,SAAQ;KACR,UAAU;KACV,SAAS;eACV;IAEO,CAAA,GACR,kBAAC,GAAD;KACE,SAAQ;KACR,OAAM;KACN,UAAU;KACV,eAAe;MACb,AAAI,KAMF,EAAe;OAJb;OACA;OACA,UAAU;QAAE,GAAG;QAAiB;QAAiB;OAAS;MAE7C,CAAK;KAExB;eAEC,IAAqB,cAAc;IAC9B,CAAA,CACL;OACJ,EAYE;;CAER,CAAA;AAEL"}

package/dist/components/WikiMarkdownEditorButton/WikiMarkdownEditorButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"WikiMarkdownEditorButton.js","names":[],"sources":["../../../src/components/WikiMarkdownEditorButton/WikiMarkdownEditorButton.tsx"],"sourcesContent":["import {\n  CreateWikiPageInput,\n  useCreateWikiPage,\n  useGetRootWikiPageKey,\n  useGetWikiPage,\n} from '@/synapse-queries'\nimport { Alert, Box, Button, ButtonProps } from '@mui/material'\nimport { ObjectType, WikiPageKey } from '@sage-bionetworks/synapse-types'\nimport { defaults } from 'lodash-es'\nimport { useMemo, useState } from 'react'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport MarkdownSynapse, {\n  MarkdownSynapseProps,\n} from '../Markdown/MarkdownSynapse'\nimport WikiMarkdownEditor from '../WikiMarkdownEditor/WikiMarkdownEditor'\n\nexport const ERROR_LOADING_WIKI_FAILED = 'Failed to load the wiki page: '\nexport const DEFAULT_BUTTON_TEXT = 'Edit Wiki Page'\nconst DEFAULT_BUTTON_PROPS: Omit<ButtonProps, 'onClick'> = {\n  children: DEFAULT_BUTTON_TEXT,\n  color: 'primary',\n  variant: 'contained',\n}\n\nexport type WikiMarkdownEditorButtonProps = {\n  ownerObjectType: ObjectType\n  ownerObjectId: string\n  // if wikiPageId is undefined, will get (or create) the root WikiPage for this ownerObject\n  // otherwise, will get the WikiPage with the specified wikiPageId\n  wikiPageId?: string\n  buttonProps?: Omit<ButtonProps, 'onClick' | 'disabled'>\n  displayWikiMarkdown?: boolean\n}\n\nexport function WikiMarkdownEditorButton(props: WikiMarkdownEditorButtonProps) {\n  const {\n    ownerObjectType,\n    ownerObjectId,\n    wikiPageId: initialWikiPageId,\n    displayWikiMarkdown = false,\n  } = props\n\n  const buttonProps: Omit<ButtonProps, 'onClick' | 'disabled'> = defaults(\n    {},\n    props.buttonProps,\n    DEFAULT_BUTTON_PROPS,\n  )\n\n  const [open, setOpen] = useState<boolean>(false)\n\n  const {\n    data: rootWikiPageKey,\n    isLoading: isLoadingRootWikiPageKey,\n    error: errorLoadingRootWikiPageKey,\n  } = useGetRootWikiPageKey(ownerObjectType, ownerObjectId, {\n    enabled: initialWikiPageId === undefined,\n  })\n\n  const {\n    mutate: createWikiPage,\n    isPending: isCreatingWikiPage,\n    error: errorCreatingWikiPage,\n  } = useCreateWikiPage({\n    onSuccess: () => setOpen(true),\n  })\n\n  const wikiPageKey = useMemo(() => {\n    const wikiPageId = initialWikiPageId || rootWikiPageKey?.wikiPageId || ''\n    const wikiPageKey: WikiPageKey = {\n      ownerObjectType,\n      ownerObjectId,\n      wikiPageId: wikiPageId,\n    }\n    return wikiPageKey\n  }, [initialWikiPageId, rootWikiPageKey, ownerObjectId, ownerObjectType])\n\n  const {\n    data: wikiPage,\n    isLoading: isLoadingWikiPage,\n    error: errorLoadingWikiPage,\n  } = useGetWikiPage(wikiPageKey, {\n    enabled: wikiPageKey.wikiPageId !== '',\n    // Set staleTime to infinity to prevent re-fetching while editing\n    staleTime: Infinity,\n  })\n\n  const error = useMemo(() => {\n    if (errorLoadingRootWikiPageKey) {\n      return ERROR_LOADING_WIKI_FAILED + errorLoadingRootWikiPageKey.reason\n    }\n    if (errorLoadingWikiPage) {\n      return ERROR_LOADING_WIKI_FAILED + errorLoadingWikiPage.reason\n    }\n    if (errorCreatingWikiPage) {\n      return errorCreatingWikiPage.reason\n    }\n    return null\n  }, [errorLoadingRootWikiPageKey, errorLoadingWikiPage, errorCreatingWikiPage])\n\n  const handleClick = () => {\n    if (wikiPage) {\n      setOpen(true)\n    } else if (rootWikiPageKey === null) {\n      // root WikiPageKey was not found,\n      // then create a root WikiPage for this ownerObject\n      const rootWikiPage: CreateWikiPageInput['wikiPage'] = {\n        parentWikiId: undefined,\n        title: '',\n        markdown: '',\n        attachmentFileHandleIds: [],\n      }\n      const input: CreateWikiPageInput = {\n        ownerObjectId,\n        ownerObjectType,\n        wikiPage: rootWikiPage,\n      }\n      createWikiPage(input)\n    } else {\n      // Should only reach this block if there was:\n      //  - a non-404 error fetching the root WikiPageKey\n      //  - an error fetching a specific wikiPage\n      // Otherwise the button should be disabled.\n      console.warn(\n        'There was an error fetching the root WikiPageKey or WikiPage - address that error first.',\n      )\n    }\n  }\n\n  /* TODO - pass ownerId, objectType, wikiId directly to MarkdownSynapse after\n  MarkdownSynapse is updated to fetch root WikiPages for ACCESS_REQUIREMENT object types.\n  See https://sagebionetworks.jira.com/browse/SWC-6791. */\n  const markdownSynapseProps = useMemo(() => {\n    const markdownSynapseProps: MarkdownSynapseProps = {\n      showPlaceholderIfNoWikiContent: true,\n    }\n    if (wikiPage) {\n      return {\n        ...markdownSynapseProps,\n        ownerId: ownerObjectId,\n        objectType: ownerObjectType,\n        wikiId: wikiPage.id,\n      }\n    } else {\n      // use a placeholder value for markdown so that MarkdownSynapse\n      // displays no content placeholder for owners without root wiki pages\n      return { ...markdownSynapseProps, markdown: '' }\n    }\n  }, [ownerObjectId, ownerObjectType, wikiPage])\n\n  return (\n    <>\n      {displayWikiMarkdown && (\n        <Box\n          sx={{\n            mb: 1,\n          }}\n        >\n          {isLoadingWikiPage || isLoadingRootWikiPageKey ? (\n            <SynapseSpinner />\n          ) : (\n            // TODO - remove key once MarkdownSynapse uses tanstack-query\n            <MarkdownSynapse\n              key={wikiPage?.markdown}\n              {...markdownSynapseProps}\n            />\n          )}\n        </Box>\n      )}\n      <Button\n        onClick={handleClick}\n        disabled={\n          isLoadingWikiPage || isLoadingRootWikiPageKey || isCreatingWikiPage\n        }\n        {...buttonProps}\n      />\n      {error && (\n        <Alert severity=\"error\" sx={{ marginTop: 2 }}>\n          {error}\n        </Alert>\n      )}\n      {wikiPage && (\n        <WikiMarkdownEditor\n          // Specify a key so that uncommitted changes in WikiMarkdownEditor\n          // are not displayed when editor is re-opened\n          key={open.toString()}\n          open={open}\n          ownerObjectType={ownerObjectType}\n          ownerObjectId={ownerObjectId}\n          wikiPage={wikiPage}\n          onSave={() => setOpen(false)}\n          onCancel={() => setOpen(false)}\n        />\n      )}\n    </>\n  )\n}\n\nexport default WikiMarkdownEditorButton\n"],"mappings":";;;;;;;;;;AAgBA,IAAa,IAA4B,kCAC5B,IAAsB,kBAC7B,IAAqD;CACzD,UAAU;CACV,OAAO;CACP,SAAS;CACV;AAYD,SAAgB,EAAyB,GAAsC;CAC7E,IAAM,EACJ,oBACA,kBACA,YAAY,GACZ,yBAAsB,OACpB,GAEE,IAAyD,EAC7D,EAAE,EACF,EAAM,aACN,EACD,EAEK,CAAC,GAAM,KAAW,EAAkB,GAAM,EAE1C,EACJ,MAAM,GACN,WAAW,GACX,OAAO,MACL,EAAsB,GAAiB,GAAe,EACxD,SAAS,MAAsB,KAAA,GAChC,CAAC,EAEI,EACJ,QAAQ,GACR,WAAW,GACX,OAAO,MACL,EAAkB,EACpB,iBAAiB,EAAQ,GAAK,EAC/B,CAAC,EAEI,IAAc,SAOX;EAJL;EACA;EACY,YAJK,KAAqB,GAAiB,cAAc;EAMhE,GACN;EAAC;EAAmB;EAAiB;EAAe;EAAgB,CAAC,EAElE,EACJ,MAAM,GACN,WAAW,GACX,OAAO,MACL,EAAe,GAAa;EAC9B,SAAS,EAAY,eAAe;EAEpC,WAAW;EACZ,CAAC,EAEI,IAAQ,QACR,IACK,IAA4B,EAA4B,SAE7D,IACK,IAA4B,EAAqB,SAEtD,IACK,EAAsB,SAExB,MACN;EAAC;EAA6B;EAAsB;EAAsB,CAAC,EAExE,UAAoB;AACxB,EAAI,IACF,EAAQ,GAAK,GACJ,MAAoB,OAc7B,EAAe;GAJb;GACA;GACA,UAAU;IARV,cAAc,KAAA;IACd,OAAO;IACP,UAAU;IACV,yBAAyB,EAAE;IAKjB;GAEG,CAAM,GAMrB,QAAQ,KACN,2FACD;IAOC,IAAuB,QAAc;EACzC,IAAM,IAA6C,EACjD,gCAAgC,IACjC;AAWC,SAVE,IACK;GACL,GAAG;GACH,SAAS;GACT,YAAY;GACZ,QAAQ,EAAS;GAClB,GAIM;GAAE,GAAG;GAAsB,UAAU;GAAI;IAEjD;EAAC;EAAe;EAAiB;EAAS,CAAC;AAE9C,QACE,kBAAA,GAAA,EAAA,UAAA;EACG,KACC,kBAAC,GAAD;GACE,IAAI,EACF,IAAI,GACL;aAEA,KAAqB,IACpB,kBAAC,GAAD,EAAkB,CAAA,GAGlB,kBAAC,GAAD,EAEE,GAAI,GACJ,EAFK,GAAU,SAEf;GAEA,CAAA;EAER,kBAAC,GAAD;GACE,SAAS;GACT,UACE,KAAqB,KAA4B;GAEnD,GAAI;GACJ,CAAA;EACD,KACC,kBAAC,GAAD;GAAO,UAAS;GAAQ,IAAI,EAAE,WAAW,GAAG;aACzC;GACK,CAAA;EAET,KACC,kBAAC,GAAD;GAIQ;GACW;GACF;GACL;GACV,cAAc,EAAQ,GAAM;GAC5B,gBAAgB,EAAQ,GAAM;GAC9B,EAPK,EAAK,UAAU,CAOpB;EAEH,EAAA,CAAA"}
+{"version":3,"file":"WikiMarkdownEditorButton.js","names":[],"sources":["../../../src/components/WikiMarkdownEditorButton/WikiMarkdownEditorButton.tsx"],"sourcesContent":["import {\n  CreateWikiPageInput,\n  useCreateWikiPage,\n  useGetRootWikiPageKey,\n  useGetWikiPage,\n} from '@/synapse-queries'\nimport { Alert, Box, Button, ButtonProps } from '@mui/material'\nimport { ObjectType, WikiPageKey } from '@sage-bionetworks/synapse-types'\nimport { defaults } from 'lodash-es'\nimport { useMemo, useState } from 'react'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport MarkdownSynapse, {\n  MarkdownSynapseProps,\n} from '../Markdown/MarkdownSynapse'\nimport WikiMarkdownEditor from '../WikiMarkdownEditor/WikiMarkdownEditor'\n\nexport const ERROR_LOADING_WIKI_FAILED = 'Failed to load the wiki page: '\nexport const DEFAULT_BUTTON_TEXT = 'Edit Wiki Page'\nconst DEFAULT_BUTTON_PROPS: Omit<ButtonProps, 'onClick'> = {\n  children: DEFAULT_BUTTON_TEXT,\n  color: 'primary',\n  variant: 'contained',\n}\n\nexport type WikiMarkdownEditorButtonProps = {\n  ownerObjectType: ObjectType\n  ownerObjectId: string\n  // if wikiPageId is undefined, will get (or create) the root WikiPage for this ownerObject\n  // otherwise, will get the WikiPage with the specified wikiPageId\n  wikiPageId?: string\n  buttonProps?: Omit<ButtonProps, 'onClick' | 'disabled'>\n  displayWikiMarkdown?: boolean\n}\n\nexport function WikiMarkdownEditorButton(props: WikiMarkdownEditorButtonProps) {\n  const {\n    ownerObjectType,\n    ownerObjectId,\n    wikiPageId: initialWikiPageId,\n    displayWikiMarkdown = false,\n  } = props\n\n  const buttonProps: Omit<ButtonProps, 'onClick' | 'disabled'> = defaults(\n    {},\n    props.buttonProps,\n    DEFAULT_BUTTON_PROPS,\n  )\n\n  const [open, setOpen] = useState<boolean>(false)\n\n  const {\n    data: rootWikiPageKey,\n    isLoading: isLoadingRootWikiPageKey,\n    error: errorLoadingRootWikiPageKey,\n  } = useGetRootWikiPageKey(ownerObjectType, ownerObjectId, {\n    enabled: initialWikiPageId === undefined,\n  })\n\n  const {\n    mutate: createWikiPage,\n    isPending: isCreatingWikiPage,\n    error: errorCreatingWikiPage,\n  } = useCreateWikiPage({\n    onSuccess: () => setOpen(true),\n  })\n\n  const wikiPageKey = useMemo(() => {\n    const wikiPageId = initialWikiPageId || rootWikiPageKey?.wikiPageId || ''\n    const wikiPageKey: WikiPageKey = {\n      ownerObjectType,\n      ownerObjectId,\n      wikiPageId: wikiPageId,\n    }\n    return wikiPageKey\n  }, [initialWikiPageId, rootWikiPageKey, ownerObjectId, ownerObjectType])\n\n  const {\n    data: wikiPage,\n    isLoading: isLoadingWikiPage,\n    error: errorLoadingWikiPage,\n  } = useGetWikiPage(wikiPageKey, {\n    enabled: wikiPageKey.wikiPageId !== '',\n    // Set staleTime to infinity to prevent re-fetching while editing\n    staleTime: Infinity,\n  })\n\n  const error = useMemo(() => {\n    if (errorLoadingRootWikiPageKey) {\n      return ERROR_LOADING_WIKI_FAILED + errorLoadingRootWikiPageKey.reason\n    }\n    if (errorLoadingWikiPage) {\n      return ERROR_LOADING_WIKI_FAILED + errorLoadingWikiPage.reason\n    }\n    if (errorCreatingWikiPage) {\n      return errorCreatingWikiPage.reason\n    }\n    return null\n  }, [errorLoadingRootWikiPageKey, errorLoadingWikiPage, errorCreatingWikiPage])\n\n  const handleClick = () => {\n    if (wikiPage) {\n      setOpen(true)\n    } else if (rootWikiPageKey === null) {\n      // root WikiPageKey was not found,\n      // then create a root WikiPage for this ownerObject\n      const rootWikiPage: CreateWikiPageInput['wikiPage'] = {\n        parentWikiId: undefined,\n        title: '',\n        markdown: '',\n        attachmentFileHandleIds: [],\n      }\n      const input: CreateWikiPageInput = {\n        ownerObjectId,\n        ownerObjectType,\n        wikiPage: rootWikiPage,\n      }\n      createWikiPage(input)\n    } else {\n      // Should only reach this block if there was:\n      //  - a non-404 error fetching the root WikiPageKey\n      //  - an error fetching a specific wikiPage\n      // Otherwise the button should be disabled.\n      console.warn(\n        'There was an error fetching the root WikiPageKey or WikiPage - address that error first.',\n      )\n    }\n  }\n\n  /* TODO - pass ownerId, objectType, wikiId directly to MarkdownSynapse after\n  MarkdownSynapse is updated to fetch root WikiPages for ACCESS_REQUIREMENT object types.\n  See https://sagebionetworks.jira.com/browse/SWC-6791. */\n  const markdownSynapseProps = useMemo(() => {\n    const markdownSynapseProps: MarkdownSynapseProps = {\n      showPlaceholderIfNoWikiContent: true,\n    }\n    if (wikiPage) {\n      return {\n        ...markdownSynapseProps,\n        ownerId: ownerObjectId,\n        objectType: ownerObjectType,\n        wikiId: wikiPage.id,\n      }\n    } else {\n      // use a placeholder value for markdown so that MarkdownSynapse\n      // displays no content placeholder for owners without root wiki pages\n      return { ...markdownSynapseProps, markdown: '' }\n    }\n  }, [ownerObjectId, ownerObjectType, wikiPage])\n\n  return (\n    <>\n      {displayWikiMarkdown && (\n        <Box\n          sx={{\n            mb: 1,\n          }}\n        >\n          {isLoadingWikiPage || isLoadingRootWikiPageKey ? (\n            <SynapseSpinner />\n          ) : (\n            // TODO - remove key once MarkdownSynapse uses tanstack-query\n            <MarkdownSynapse\n              key={wikiPage?.markdown}\n              {...markdownSynapseProps}\n            />\n          )}\n        </Box>\n      )}\n      <Button\n        onClick={handleClick}\n        disabled={\n          isLoadingWikiPage || isLoadingRootWikiPageKey || isCreatingWikiPage\n        }\n        {...buttonProps}\n      />\n      {error && (\n        <Alert severity=\"error\" sx={{ marginTop: 2 }}>\n          {error}\n        </Alert>\n      )}\n      {wikiPage && (\n        <WikiMarkdownEditor\n          // Specify a key so that uncommitted changes in WikiMarkdownEditor\n          // are not displayed when editor is re-opened\n          key={open.toString()}\n          open={open}\n          ownerObjectType={ownerObjectType}\n          ownerObjectId={ownerObjectId}\n          wikiPage={wikiPage}\n          onSave={() => setOpen(false)}\n          onCancel={() => setOpen(false)}\n        />\n      )}\n    </>\n  )\n}\n\nexport default WikiMarkdownEditorButton\n"],"mappings":";;;;;;;;;;AAgBA,IAAa,IAA4B,kCAC5B,IAAsB,kBAC7B,IAAqD;CACzD,UAAU;CACV,OAAO;CACP,SAAS;AACX;AAYA,SAAgB,EAAyB,GAAsC;CAC7E,IAAM,EACJ,oBACA,kBACA,YAAY,GACZ,yBAAsB,OACpB,GAEE,IAAyD,EAC7D,CAAC,GACD,EAAM,aACN,CACF,GAEM,CAAC,GAAM,KAAW,EAAkB,EAAK,GAEzC,EACJ,MAAM,GACN,WAAW,GACX,OAAO,MACL,EAAsB,GAAiB,GAAe,EACxD,SAAS,MAAsB,KAAA,EACjC,CAAC,GAEK,EACJ,QAAQ,GACR,WAAW,GACX,OAAO,MACL,EAAkB,EACpB,iBAAiB,EAAQ,EAAI,EAC/B,CAAC,GAEK,IAAc,SAOX;EAJL;EACA;EACY,YAJK,KAAqB,GAAiB,cAAc;CAMhE,IACN;EAAC;EAAmB;EAAiB;EAAe;CAAe,CAAC,GAEjE,EACJ,MAAM,GACN,WAAW,GACX,OAAO,MACL,EAAe,GAAa;EAC9B,SAAS,EAAY,eAAe;EAEpC,WAAW;CACb,CAAC,GAEK,IAAQ,QACR,IACK,IAA4B,EAA4B,SAE7D,IACK,IAA4B,EAAqB,SAEtD,IACK,EAAsB,SAExB,MACN;EAAC;EAA6B;EAAsB;CAAqB,CAAC,GAEvE,UAAoB;EACxB,AAAI,IACF,EAAQ,EAAI,IACH,MAAoB,OAc7B,EAAe;GAJb;GACA;GACA,UAAU;IARV,cAAc,KAAA;IACd,OAAO;IACP,UAAU;IACV,yBAAyB,CAAC;GAKhB;EAEG,CAAK,IAMpB,QAAQ,KACN,0FACF;CAEJ,GAKM,IAAuB,QAAc;EACzC,IAAM,IAA6C,EACjD,gCAAgC,GAClC;EAWE,OAVE,IACK;GACL,GAAG;GACH,SAAS;GACT,YAAY;GACZ,QAAQ,EAAS;EACnB,IAIO;GAAE,GAAG;GAAsB,UAAU;EAAG;CAEnD,GAAG;EAAC;EAAe;EAAiB;CAAQ,CAAC;CAE7C,OACE,kBAAA,GAAA,EAAA,UAAA;EACG,KACC,kBAAC,GAAD;GACE,IAAI,EACF,IAAI,EACN;aAEC,KAAqB,IACpB,kBAAC,GAAD,CAAiB,CAAA,IAGjB,kBAAC,GAAD,EAEE,GAAI,EACL,GAFM,GAAU,QAEhB;EAEA,CAAA;EAEP,kBAAC,GAAD;GACE,SAAS;GACT,UACE,KAAqB,KAA4B;GAEnD,GAAI;EACL,CAAA;EACA,KACC,kBAAC,GAAD;GAAO,UAAS;GAAQ,IAAI,EAAE,WAAW,EAAE;aACxC;EACI,CAAA;EAER,KACC,kBAAC,GAAD;GAIQ;GACW;GACF;GACL;GACV,cAAc,EAAQ,EAAK;GAC3B,gBAAgB,EAAQ,EAAK;EAC9B,GAPM,EAAK,SAAS,CAOpB;CAEH,EAAA,CAAA;AAEN"}

package/dist/components/WizardChoiceButton/WizardChoiceButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"WizardChoiceButton.js","names":[],"sources":["../../../src/components/WizardChoiceButton/WizardChoiceButton.tsx"],"sourcesContent":["import { StyledComponent } from '@emotion/styled'\nimport { Box, BoxProps, styled, Typography } from '@mui/material'\nimport { ReactNode } from 'react'\nimport IconSvg from '../IconSvg'\nimport WizardChoiceButtonDescription from './WizardChoiceButtonDescription'\n\nexport type WizardMenuItemProps = BoxProps & {\n  selected?: boolean\n}\n\nexport const WizardMenuItem: StyledComponent<WizardMenuItemProps> = styled(\n  Box,\n  {\n    shouldForwardProp: prop => prop !== 'selected',\n  },\n)<WizardMenuItemProps>(({ theme, selected = false }) => ({\n  backgroundColor: selected\n    ? theme.palette.grey[300]\n    : theme.palette.background.paper,\n  width: '100%',\n  border: '1px solid',\n  borderColor: theme.palette.grey[200],\n  borderRadius: '5px',\n  '&:hover': {\n    backgroundColor: selected\n      ? theme.palette.grey[200]\n      : theme.palette.grey[100],\n  },\n  [theme.breakpoints.down('sm')]: {\n    flexDirection: 'column',\n  },\n}))\n\nexport default function WizardChoiceButton(props: {\n  title: string\n  description?: ReactNode\n  icon?: ReactNode\n  onClick?: () => void\n  selected?: boolean\n}) {\n  const { title, description, icon, onClick, selected } = props\n\n  const descriptionNode =\n    typeof description === 'string' ? (\n      <WizardChoiceButtonDescription>\n        {description}\n      </WizardChoiceButtonDescription>\n    ) : (\n      description\n    )\n  return (\n    <WizardMenuItem\n      component={'button'}\n      role={'menuitem'}\n      aria-label={title}\n      display={'flex'}\n      p={'20px'}\n      onClick={onClick}\n      alignItems={'center'}\n      gap={'10px'}\n      selected={selected}\n    >\n      {icon && (\n        <Box\n          sx={theme => ({\n            p: 3,\n            [theme.breakpoints.down('sm')]: {\n              p: 0,\n              alignSelf: 'flex-start',\n            },\n          })}\n        >\n          {icon}\n        </Box>\n      )}\n      <Box sx={{ flexGrow: 1, textAlign: 'left' }}>\n        <Typography\n          variant={'headline2'}\n          sx={{\n            mb: '10px',\n          }}\n        >\n          {title}\n        </Typography>\n        {descriptionNode}\n      </Box>\n      <Box\n        sx={theme => ({\n          flexShrink: 0,\n          [theme.breakpoints.down('sm')]: { alignSelf: 'flex-end' },\n        })}\n      >\n        <IconSvg\n          icon={'chevronRight'}\n          fontSize={'large'}\n          sx={{\n            color: 'primary.light',\n          }}\n        />\n      </Box>\n    </WizardMenuItem>\n  )\n}\n"],"mappings":";;;;;AAUA,IAAa,IAAuD,EAClE,GACA,EACE,oBAAmB,MAAQ,MAAS,YACrC,CACF,EAAuB,EAAE,UAAO,cAAW,UAAa;CACvD,iBAAiB,IACb,EAAM,QAAQ,KAAK,OACnB,EAAM,QAAQ,WAAW;CAC7B,OAAO;CACP,QAAQ;CACR,aAAa,EAAM,QAAQ,KAAK;CAChC,cAAc;CACd,WAAW,EACT,iBAAiB,IACb,EAAM,QAAQ,KAAK,OACnB,EAAM,QAAQ,KAAK,MACxB;EACA,EAAM,YAAY,KAAK,KAAK,GAAG,EAC9B,eAAe,UAChB;CACF,EAAE;AAEH,SAAwB,EAAmB,GAMxC;CACD,IAAM,EAAE,UAAO,gBAAa,SAAM,YAAS,gBAAa;AAUxD,QACE,kBAAC,GAAD;EACE,WAAW;EACX,MAAM;EACN,cAAY;EACZ,SAAS;EACT,GAAG;EACM;EACT,YAAY;EACZ,KAAK;EACK;YATZ;GAWG,KACC,kBAAC,GAAD;IACE,KAAI,OAAU;KACZ,GAAG;MACF,EAAM,YAAY,KAAK,KAAK,GAAG;MAC9B,GAAG;MACH,WAAW;MACZ;KACF;cAEA;IACG,CAAA;GAER,kBAAC,GAAD;IAAK,IAAI;KAAE,UAAU;KAAG,WAAW;KAAQ;cAA3C,CACE,kBAAC,GAAD;KACE,SAAS;KACT,IAAI,EACF,IAAI,QACL;eAEA;KACU,CAAA,EAxCjB,OAAO,KAAgB,WACrB,kBAAC,GAAD,EAAA,UACG,GAC6B,CAAA,GAEhC,EAqCM;;GACN,kBAAC,GAAD;IACE,KAAI,OAAU;KACZ,YAAY;MACX,EAAM,YAAY,KAAK,KAAK,GAAG,EAAE,WAAW,YAAY;KAC1D;cAED,kBAAC,GAAD;KACE,MAAM;KACN,UAAU;KACV,IAAI,EACF,OAAO,iBACR;KACD,CAAA;IACE,CAAA;GACS"}
+{"version":3,"file":"WizardChoiceButton.js","names":[],"sources":["../../../src/components/WizardChoiceButton/WizardChoiceButton.tsx"],"sourcesContent":["import { StyledComponent } from '@emotion/styled'\nimport { Box, BoxProps, styled, Typography } from '@mui/material'\nimport { ReactNode } from 'react'\nimport IconSvg from '../IconSvg'\nimport WizardChoiceButtonDescription from './WizardChoiceButtonDescription'\n\nexport type WizardMenuItemProps = BoxProps & {\n  selected?: boolean\n}\n\nexport const WizardMenuItem: StyledComponent<WizardMenuItemProps> = styled(\n  Box,\n  {\n    shouldForwardProp: prop => prop !== 'selected',\n  },\n)<WizardMenuItemProps>(({ theme, selected = false }) => ({\n  backgroundColor: selected\n    ? theme.palette.grey[300]\n    : theme.palette.background.paper,\n  width: '100%',\n  border: '1px solid',\n  borderColor: theme.palette.grey[200],\n  borderRadius: '5px',\n  '&:hover': {\n    backgroundColor: selected\n      ? theme.palette.grey[200]\n      : theme.palette.grey[100],\n  },\n  [theme.breakpoints.down('sm')]: {\n    flexDirection: 'column',\n  },\n}))\n\nexport default function WizardChoiceButton(props: {\n  title: string\n  description?: ReactNode\n  icon?: ReactNode\n  onClick?: () => void\n  selected?: boolean\n}) {\n  const { title, description, icon, onClick, selected } = props\n\n  const descriptionNode =\n    typeof description === 'string' ? (\n      <WizardChoiceButtonDescription>\n        {description}\n      </WizardChoiceButtonDescription>\n    ) : (\n      description\n    )\n  return (\n    <WizardMenuItem\n      component={'button'}\n      role={'menuitem'}\n      aria-label={title}\n      display={'flex'}\n      p={'20px'}\n      onClick={onClick}\n      alignItems={'center'}\n      gap={'10px'}\n      selected={selected}\n    >\n      {icon && (\n        <Box\n          sx={theme => ({\n            p: 3,\n            [theme.breakpoints.down('sm')]: {\n              p: 0,\n              alignSelf: 'flex-start',\n            },\n          })}\n        >\n          {icon}\n        </Box>\n      )}\n      <Box sx={{ flexGrow: 1, textAlign: 'left' }}>\n        <Typography\n          variant={'headline2'}\n          sx={{\n            mb: '10px',\n          }}\n        >\n          {title}\n        </Typography>\n        {descriptionNode}\n      </Box>\n      <Box\n        sx={theme => ({\n          flexShrink: 0,\n          [theme.breakpoints.down('sm')]: { alignSelf: 'flex-end' },\n        })}\n      >\n        <IconSvg\n          icon={'chevronRight'}\n          fontSize={'large'}\n          sx={{\n            color: 'primary.light',\n          }}\n        />\n      </Box>\n    </WizardMenuItem>\n  )\n}\n"],"mappings":";;;;;AAUA,IAAa,IAAuD,EAClE,GACA,EACE,oBAAmB,MAAQ,MAAS,WACtC,CACF,GAAwB,EAAE,UAAO,cAAW,UAAa;CACvD,iBAAiB,IACb,EAAM,QAAQ,KAAK,OACnB,EAAM,QAAQ,WAAW;CAC7B,OAAO;CACP,QAAQ;CACR,aAAa,EAAM,QAAQ,KAAK;CAChC,cAAc;CACd,WAAW,EACT,iBAAiB,IACb,EAAM,QAAQ,KAAK,OACnB,EAAM,QAAQ,KAAK,KACzB;EACC,EAAM,YAAY,KAAK,IAAI,IAAI,EAC9B,eAAe,SACjB;AACF,EAAE;AAEF,SAAwB,EAAmB,GAMxC;CACD,IAAM,EAAE,UAAO,gBAAa,SAAM,YAAS,gBAAa;CAUxD,OACE,kBAAC,GAAD;EACE,WAAW;EACX,MAAM;EACN,cAAY;EACZ,SAAS;EACT,GAAG;EACM;EACT,YAAY;EACZ,KAAK;EACK;YATZ;GAWG,KACC,kBAAC,GAAD;IACE,KAAI,OAAU;KACZ,GAAG;MACF,EAAM,YAAY,KAAK,IAAI,IAAI;MAC9B,GAAG;MACH,WAAW;KACb;IACF;cAEC;GACE,CAAA;GAEP,kBAAC,GAAD;IAAK,IAAI;KAAE,UAAU;KAAG,WAAW;IAAO;cAA1C,CACE,kBAAC,GAAD;KACE,SAAS;KACT,IAAI,EACF,IAAI,OACN;eAEC;IACS,CAAA,GAxChB,OAAO,KAAgB,WACrB,kBAAC,GAAD,EAAA,UACG,EAC4B,CAAA,IAE/B,CAqCK;;GACL,kBAAC,GAAD;IACE,KAAI,OAAU;KACZ,YAAY;MACX,EAAM,YAAY,KAAK,IAAI,IAAI,EAAE,WAAW,WAAW;IAC1D;cAEA,kBAAC,GAAD;KACE,MAAM;KACN,UAAU;KACV,IAAI,EACF,OAAO,gBACT;IACD,CAAA;GACE,CAAA;EACS;;AAEpB"}

package/dist/components/WizardChoiceButton/WizardChoiceButtonDescription.js.map

@@ -1 +1 @@
-{"version":3,"file":"WizardChoiceButtonDescription.js","names":[],"sources":["../../../src/components/WizardChoiceButton/WizardChoiceButtonDescription.tsx"],"sourcesContent":["import { spreadSx } from '@/theme/spreadSx'\nimport { Typography, TypographyProps } from '@mui/material'\n\nexport default function WizardChoiceButtonDescription(\n  props: Omit<TypographyProps, 'variant'>,\n) {\n  return (\n    <Typography\n      variant={'body1'}\n      {...props}\n      sx={spreadSx(\n        {\n          color: 'grey.700',\n          my: 1.25,\n        },\n        props.sx,\n      )}\n    />\n  )\n}\n"],"mappings":";;;;AAGA,SAAwB,EACtB,GACA;AACA,QACE,kBAAC,GAAD;EACE,SAAS;EACT,GAAI;EACJ,IAAI,EACF;GACE,OAAO;GACP,IAAI;GACL,EACD,EAAM,GACP;EACD,CAAA"}
+{"version":3,"file":"WizardChoiceButtonDescription.js","names":[],"sources":["../../../src/components/WizardChoiceButton/WizardChoiceButtonDescription.tsx"],"sourcesContent":["import { spreadSx } from '@/theme/spreadSx'\nimport { Typography, TypographyProps } from '@mui/material'\n\nexport default function WizardChoiceButtonDescription(\n  props: Omit<TypographyProps, 'variant'>,\n) {\n  return (\n    <Typography\n      variant={'body1'}\n      {...props}\n      sx={spreadSx(\n        {\n          color: 'grey.700',\n          my: 1.25,\n        },\n        props.sx,\n      )}\n    />\n  )\n}\n"],"mappings":";;;;AAGA,SAAwB,EACtB,GACA;CACA,OACE,kBAAC,GAAD;EACE,SAAS;EACT,GAAI;EACJ,IAAI,EACF;GACE,OAAO;GACP,IAAI;EACN,GACA,EAAM,EACR;CACD,CAAA;AAEL"}

package/dist/components/WizardChoiceButton/WizardChoiceButtonGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"WizardChoiceButtonGroup.js","names":[],"sources":["../../../src/components/WizardChoiceButton/WizardChoiceButtonGroup.tsx"],"sourcesContent":["import { Box, BoxProps } from '@mui/material'\n\nexport default function WizardChoiceButtonGroup(props: BoxProps) {\n  const { sx } = props\n  return (\n    <Box\n      role={'menu'}\n      {...props}\n      sx={{\n        '& > button': {\n          '&:first-of-type': {\n            borderBottomLeftRadius: 0,\n            borderBottomRightRadius: 0,\n          },\n          '&:not(:first-of-type):not(:last-child)': {\n            borderRadius: 0,\n            borderTop: 'none',\n          },\n          '&:last-child': {\n            borderTopLeftRadius: 0,\n            borderTopRightRadius: 0,\n            borderTop: 'none',\n          },\n        },\n        ...(Array.isArray(sx) ? sx : [sx]),\n      }}\n    />\n  )\n}\n"],"mappings":";;;AAEA,SAAwB,EAAwB,GAAiB;CAC/D,IAAM,EAAE,UAAO;AACf,QACE,kBAAC,GAAD;EACE,MAAM;EACN,GAAI;EACJ,IAAI;GACF,cAAc;IACZ,mBAAmB;KACjB,wBAAwB;KACxB,yBAAyB;KAC1B;IACD,0CAA0C;KACxC,cAAc;KACd,WAAW;KACZ;IACD,gBAAgB;KACd,qBAAqB;KACrB,sBAAsB;KACtB,WAAW;KACZ;IACF;GACD,GAAI,MAAM,QAAQ,EAAG,GAAG,IAAK,CAAC,EAAG;GAClC;EACD,CAAA"}
+{"version":3,"file":"WizardChoiceButtonGroup.js","names":[],"sources":["../../../src/components/WizardChoiceButton/WizardChoiceButtonGroup.tsx"],"sourcesContent":["import { Box, BoxProps } from '@mui/material'\n\nexport default function WizardChoiceButtonGroup(props: BoxProps) {\n  const { sx } = props\n  return (\n    <Box\n      role={'menu'}\n      {...props}\n      sx={{\n        '& > button': {\n          '&:first-of-type': {\n            borderBottomLeftRadius: 0,\n            borderBottomRightRadius: 0,\n          },\n          '&:not(:first-of-type):not(:last-child)': {\n            borderRadius: 0,\n            borderTop: 'none',\n          },\n          '&:last-child': {\n            borderTopLeftRadius: 0,\n            borderTopRightRadius: 0,\n            borderTop: 'none',\n          },\n        },\n        ...(Array.isArray(sx) ? sx : [sx]),\n      }}\n    />\n  )\n}\n"],"mappings":";;;AAEA,SAAwB,EAAwB,GAAiB;CAC/D,IAAM,EAAE,UAAO;CACf,OACE,kBAAC,GAAD;EACE,MAAM;EACN,GAAI;EACJ,IAAI;GACF,cAAc;IACZ,mBAAmB;KACjB,wBAAwB;KACxB,yBAAyB;IAC3B;IACA,0CAA0C;KACxC,cAAc;KACd,WAAW;IACb;IACA,gBAAgB;KACd,qBAAqB;KACrB,sBAAsB;KACtB,WAAW;IACb;GACF;GACA,GAAI,MAAM,QAAQ,CAAE,IAAI,IAAK,CAAC,CAAE;EAClC;CACD,CAAA;AAEL"}

package/dist/components/WordPress/WordPressLatestPostChip.js.map

@@ -1 +1 @@
-{"version":3,"file":"WordPressLatestPostChip.js","names":[],"sources":["../../../src/components/WordPress/WordPressLatestPostChip.tsx"],"sourcesContent":["import { Button, Chip } from '@mui/material'\nimport ArrowForwardIcon from '@mui/icons-material/ArrowForward'\nimport { useWordPressCategories } from './useWordPressCategories'\nimport { useWordPressPosts } from './useWordPressPosts'\nimport styles from './WordPressLatestPostChip.module.scss'\n\nexport type WordPressLatestPostChipProps = {\n  wordpressSiteUrl: string\n}\n\nexport function WordPressLatestPostChip({\n  wordpressSiteUrl,\n}: WordPressLatestPostChipProps) {\n  const { data: posts } = useWordPressPosts(wordpressSiteUrl, 1)\n  const { data: categories } = useWordPressCategories(wordpressSiteUrl)\n\n  const post = posts?.[0]\n  if (!post) return null\n\n  const categoryName = categories?.find(c => c.id === post.categories[0])?.name\n\n  return (\n    <Button\n      component=\"a\"\n      href={post.link}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      className={styles.chip}\n      endIcon={<ArrowForwardIcon />}\n    >\n      <Chip label={categoryName} size=\"small\" className={styles.categoryChip} />\n      <span dangerouslySetInnerHTML={{ __html: post.title.rendered }} />\n    </Button>\n  )\n}\n"],"mappings":";;;;;;;AAUA,SAAgB,EAAwB,EACtC,uBAC+B;CAC/B,IAAM,EAAE,MAAM,MAAU,EAAkB,GAAkB,EAAE,EACxD,EAAE,MAAM,MAAe,EAAuB,EAAiB,EAE/D,IAAO,IAAQ;AACrB,KAAI,CAAC,EAAM,QAAO;CAElB,IAAM,IAAe,GAAY,MAAK,MAAK,EAAE,OAAO,EAAK,WAAW,GAAG,EAAE;AAEzE,QACE,kBAAC,GAAD;EACE,WAAU;EACV,MAAM,EAAK;EACX,QAAO;EACP,KAAI;EACJ,WAAW,EAAO;EAClB,SAAS,kBAAC,GAAD,EAAoB,CAAA;YAN/B,CAQE,kBAAC,GAAD;GAAM,OAAO;GAAc,MAAK;GAAQ,WAAW,EAAO;GAAgB,CAAA,EAC1E,kBAAC,QAAD,EAAM,yBAAyB,EAAE,QAAQ,EAAK,MAAM,UAAU,EAAI,CAAA,CAC3D"}
+{"version":3,"file":"WordPressLatestPostChip.js","names":[],"sources":["../../../src/components/WordPress/WordPressLatestPostChip.tsx"],"sourcesContent":["import { Button, Chip } from '@mui/material'\nimport ArrowForwardIcon from '@mui/icons-material/ArrowForward'\nimport { useWordPressCategories } from './useWordPressCategories'\nimport { useWordPressPosts } from './useWordPressPosts'\nimport styles from './WordPressLatestPostChip.module.scss'\n\nexport type WordPressLatestPostChipProps = {\n  wordpressSiteUrl: string\n}\n\nexport function WordPressLatestPostChip({\n  wordpressSiteUrl,\n}: WordPressLatestPostChipProps) {\n  const { data: posts } = useWordPressPosts(wordpressSiteUrl, 1)\n  const { data: categories } = useWordPressCategories(wordpressSiteUrl)\n\n  const post = posts?.[0]\n  if (!post) return null\n\n  const categoryName = categories?.find(c => c.id === post.categories[0])?.name\n\n  return (\n    <Button\n      component=\"a\"\n      href={post.link}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      className={styles.chip}\n      endIcon={<ArrowForwardIcon />}\n    >\n      <Chip label={categoryName} size=\"small\" className={styles.categoryChip} />\n      <span dangerouslySetInnerHTML={{ __html: post.title.rendered }} />\n    </Button>\n  )\n}\n"],"mappings":";;;;;;;AAUA,SAAgB,EAAwB,EACtC,uBAC+B;CAC/B,IAAM,EAAE,MAAM,MAAU,EAAkB,GAAkB,CAAC,GACvD,EAAE,MAAM,MAAe,EAAuB,CAAgB,GAE9D,IAAO,IAAQ;CACrB,IAAI,CAAC,GAAM,OAAO;CAElB,IAAM,IAAe,GAAY,MAAK,MAAK,EAAE,OAAO,EAAK,WAAW,EAAE,GAAG;CAEzE,OACE,kBAAC,GAAD;EACE,WAAU;EACV,MAAM,EAAK;EACX,QAAO;EACP,KAAI;EACJ,WAAW,EAAO;EAClB,SAAS,kBAAC,GAAD,CAAmB,CAAA;YAN9B,CAQE,kBAAC,GAAD;GAAM,OAAO;GAAc,MAAK;GAAQ,WAAW,EAAO;EAAe,CAAA,GACzE,kBAAC,QAAD,EAAM,yBAAyB,EAAE,QAAQ,EAAK,MAAM,SAAS,EAAI,CAAA,CAC3D;;AAEZ"}

package/dist/components/WordPress/useWordPressCategories.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWordPressCategories.js","names":[],"sources":["../../../src/components/WordPress/useWordPressCategories.ts"],"sourcesContent":["import { useQuery } from '@tanstack/react-query'\nimport { WordPressCategory } from '../SynapseHomepageV2/WordPressNewsItem'\n\nasync function fetchWordPressCategories(\n  wordpressSiteUrl: string,\n): Promise<WordPressCategory[]> {\n  const url = new URL(`${wordpressSiteUrl}/wp-json/wp/v2/categories`)\n  url.searchParams.set('_fields', 'id,name,slug')\n  const response = await fetch(url.toString())\n  if (!response.ok) {\n    throw new Error(\n      `Failed to fetch WordPress categories: ${response.statusText}`,\n    )\n  }\n  return response.json() as Promise<WordPressCategory[]>\n}\n\nexport function useWordPressCategories(wordpressSiteUrl: string) {\n  return useQuery({\n    queryKey: ['wordpressCategories', wordpressSiteUrl],\n    queryFn: () => fetchWordPressCategories(wordpressSiteUrl),\n  })\n}\n"],"mappings":";;AAGA,eAAe,EACb,GAC8B;CAC9B,IAAM,IAAM,IAAI,IAAI,GAAG,EAAiB,2BAA2B;AACnE,GAAI,aAAa,IAAI,WAAW,eAAe;CAC/C,IAAM,IAAW,MAAM,MAAM,EAAI,UAAU,CAAC;AAC5C,KAAI,CAAC,EAAS,GACZ,OAAU,MACR,yCAAyC,EAAS,aACnD;AAEH,QAAO,EAAS,MAAM;;AAGxB,SAAgB,EAAuB,GAA0B;AAC/D,QAAO,EAAS;EACd,UAAU,CAAC,uBAAuB,EAAiB;EACnD,eAAe,EAAyB,EAAiB;EAC1D,CAAC"}
+{"version":3,"file":"useWordPressCategories.js","names":[],"sources":["../../../src/components/WordPress/useWordPressCategories.ts"],"sourcesContent":["import { useQuery } from '@tanstack/react-query'\nimport { WordPressCategory } from '../SynapseHomepageV2/WordPressNewsItem'\n\nasync function fetchWordPressCategories(\n  wordpressSiteUrl: string,\n): Promise<WordPressCategory[]> {\n  const url = new URL(`${wordpressSiteUrl}/wp-json/wp/v2/categories`)\n  url.searchParams.set('_fields', 'id,name,slug')\n  const response = await fetch(url.toString())\n  if (!response.ok) {\n    throw new Error(\n      `Failed to fetch WordPress categories: ${response.statusText}`,\n    )\n  }\n  return response.json() as Promise<WordPressCategory[]>\n}\n\nexport function useWordPressCategories(wordpressSiteUrl: string) {\n  return useQuery({\n    queryKey: ['wordpressCategories', wordpressSiteUrl],\n    queryFn: () => fetchWordPressCategories(wordpressSiteUrl),\n  })\n}\n"],"mappings":";;AAGA,eAAe,EACb,GAC8B;CAC9B,IAAM,IAAM,IAAI,IAAI,GAAG,EAAiB,0BAA0B;CAClE,EAAI,aAAa,IAAI,WAAW,cAAc;CAC9C,IAAM,IAAW,MAAM,MAAM,EAAI,SAAS,CAAC;CAC3C,IAAI,CAAC,EAAS,IACZ,MAAU,MACR,yCAAyC,EAAS,YACpD;CAEF,OAAO,EAAS,KAAK;AACvB;AAEA,SAAgB,EAAuB,GAA0B;CAC/D,OAAO,EAAS;EACd,UAAU,CAAC,uBAAuB,CAAgB;EAClD,eAAe,EAAyB,CAAgB;CAC1D,CAAC;AACH"}

package/dist/components/WordPress/useWordPressPosts.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWordPressPosts.js","names":[],"sources":["../../../src/components/WordPress/useWordPressPosts.ts"],"sourcesContent":["import { useQuery } from '@tanstack/react-query'\nimport { WordPressPost } from '../SynapseHomepageV2/WordPressNewsItem'\n\nasync function fetchWordPressPosts(\n  wordpressSiteUrl: string,\n  postCount: number,\n): Promise<WordPressPost[]> {\n  const url = new URL(`${wordpressSiteUrl}/wp-json/wp/v2/posts`)\n  url.searchParams.set('per_page', String(postCount))\n  url.searchParams.set('orderby', 'date')\n  url.searchParams.set('order', 'desc')\n  url.searchParams.set('_fields', 'id,date,link,title,categories')\n  const response = await fetch(url.toString())\n  if (!response.ok) {\n    throw new Error(`Failed to fetch WordPress posts: ${response.statusText}`)\n  }\n  return response.json() as Promise<WordPressPost[]>\n}\n\nexport function useWordPressPosts(wordpressSiteUrl: string, postCount: number) {\n  return useQuery({\n    queryKey: ['wordpressPosts', wordpressSiteUrl, postCount],\n    queryFn: () => fetchWordPressPosts(wordpressSiteUrl, postCount),\n  })\n}\n"],"mappings":";;AAGA,eAAe,EACb,GACA,GAC0B;CAC1B,IAAM,IAAM,IAAI,IAAI,GAAG,EAAiB,sBAAsB;AAI9D,CAHA,EAAI,aAAa,IAAI,YAAY,OAAO,EAAU,CAAC,EACnD,EAAI,aAAa,IAAI,WAAW,OAAO,EACvC,EAAI,aAAa,IAAI,SAAS,OAAO,EACrC,EAAI,aAAa,IAAI,WAAW,gCAAgC;CAChE,IAAM,IAAW,MAAM,MAAM,EAAI,UAAU,CAAC;AAC5C,KAAI,CAAC,EAAS,GACZ,OAAU,MAAM,oCAAoC,EAAS,aAAa;AAE5E,QAAO,EAAS,MAAM;;AAGxB,SAAgB,EAAkB,GAA0B,GAAmB;AAC7E,QAAO,EAAS;EACd,UAAU;GAAC;GAAkB;GAAkB;GAAU;EACzD,eAAe,EAAoB,GAAkB,EAAU;EAChE,CAAC"}
+{"version":3,"file":"useWordPressPosts.js","names":[],"sources":["../../../src/components/WordPress/useWordPressPosts.ts"],"sourcesContent":["import { useQuery } from '@tanstack/react-query'\nimport { WordPressPost } from '../SynapseHomepageV2/WordPressNewsItem'\n\nasync function fetchWordPressPosts(\n  wordpressSiteUrl: string,\n  postCount: number,\n): Promise<WordPressPost[]> {\n  const url = new URL(`${wordpressSiteUrl}/wp-json/wp/v2/posts`)\n  url.searchParams.set('per_page', String(postCount))\n  url.searchParams.set('orderby', 'date')\n  url.searchParams.set('order', 'desc')\n  url.searchParams.set('_fields', 'id,date,link,title,categories')\n  const response = await fetch(url.toString())\n  if (!response.ok) {\n    throw new Error(`Failed to fetch WordPress posts: ${response.statusText}`)\n  }\n  return response.json() as Promise<WordPressPost[]>\n}\n\nexport function useWordPressPosts(wordpressSiteUrl: string, postCount: number) {\n  return useQuery({\n    queryKey: ['wordpressPosts', wordpressSiteUrl, postCount],\n    queryFn: () => fetchWordPressPosts(wordpressSiteUrl, postCount),\n  })\n}\n"],"mappings":";;AAGA,eAAe,EACb,GACA,GAC0B;CAC1B,IAAM,IAAM,IAAI,IAAI,GAAG,EAAiB,qBAAqB;CAI7D,AAHA,EAAI,aAAa,IAAI,YAAY,OAAO,CAAS,CAAC,GAClD,EAAI,aAAa,IAAI,WAAW,MAAM,GACtC,EAAI,aAAa,IAAI,SAAS,MAAM,GACpC,EAAI,aAAa,IAAI,WAAW,+BAA+B;CAC/D,IAAM,IAAW,MAAM,MAAM,EAAI,SAAS,CAAC;CAC3C,IAAI,CAAC,EAAS,IACZ,MAAU,MAAM,oCAAoC,EAAS,YAAY;CAE3E,OAAO,EAAS,KAAK;AACvB;AAEA,SAAgB,EAAkB,GAA0B,GAAmB;CAC7E,OAAO,EAAS;EACd,UAAU;GAAC;GAAkB;GAAkB;EAAS;EACxD,eAAe,EAAoB,GAAkB,CAAS;CAChE,CAAC;AACH"}

package/dist/components/dataaccess/AccessApprovalsTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccessApprovalsTable.js","names":[],"sources":["../../../src/components/dataaccess/AccessApprovalsTable.tsx"],"sourcesContent":["import InfiniteTableLayout from '@/components/layout/InfiniteTableLayout'\nimport { useSearchAccessApprovalsInfinite } from '@/synapse-queries/dataaccess/useAccessApprovals'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport { PRODUCTION_ENDPOINT_CONFIG } from '@/utils/functions/getEndpoint'\nimport {\n  AccessApprovalSearchRequest,\n  AccessApprovalSearchResult,\n  AccessApprovalSearchSort,\n  AccessApprovalSortField,\n  Direction,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  createColumnHelper,\n  getCoreRowModel,\n  SortingState,\n  useReactTable,\n} from '@tanstack/react-table'\nimport dayjs from 'dayjs'\nimport { upperFirst } from 'lodash-es'\nimport { useMemo, useState } from 'react'\nimport ColumnHeader from '../TanStackTable/ColumnHeader'\nimport StyledTanStackTable from '../TanStackTable/StyledTanStackTable'\nimport UserOrTeamBadge from '../UserOrTeamBadge/index'\n\nconst columnHelper = createColumnHelper<AccessApprovalSearchResult>()\nconst columns = [\n  columnHelper.accessor('accessRequirementId', {\n    header: props => <ColumnHeader {...props} title={'AR ID'} />,\n    enableSorting: false,\n    cell: ctx => (\n      <a\n        href={`${\n          PRODUCTION_ENDPOINT_CONFIG.PORTAL\n        }AccessRequirement:AR_ID=${ctx.getValue()}`}\n        target={'_blank'}\n      >\n        {ctx.getValue()}\n      </a>\n    ),\n  }),\n  columnHelper.accessor('accessRequirementName', {\n    header: props => (\n      <ColumnHeader {...props} title={'Access Requirement Name'} />\n    ),\n    enableSorting: false,\n  }),\n  columnHelper.accessor('submitterId', {\n    header: props => <ColumnHeader {...props} title={'Submitter'} />,\n    enableSorting: false,\n    cell: ctx => <UserOrTeamBadge principalId={ctx.getValue()} />,\n  }),\n  columnHelper.accessor('state', {\n    header: props => <ColumnHeader {...props} title={'Status'} />,\n    enableSorting: false,\n    cell: ctx => upperFirst(ctx.getValue().toLocaleLowerCase()),\n  }),\n  columnHelper.accessor('modifiedOn', {\n    header: props => <ColumnHeader {...props} title={'Modified Date'} />,\n    enableSorting: true,\n    cell: ctx => formatDate(dayjs(ctx.getValue())),\n  }),\n  columnHelper.accessor('expiredOn', {\n    header: props => <ColumnHeader {...props} title={'Expires'} />,\n    enableSorting: true,\n    cell: ctx => (\n      <span\n        className={`${\n          ctx.getValue()\n            ? new Date() > new Date(ctx.getValue())\n              ? 'expired'\n              : ''\n            : 'non-expire'\n        } remove-border`}\n      >\n        {ctx.getValue() ? formatDate(dayjs(ctx.getValue())) : 'Never'}\n      </span>\n    ),\n  }),\n]\n\nfunction getSortApiRequestFromTableSortState(\n  sortingState: SortingState,\n): AccessApprovalSearchSort[] | undefined {\n  if (sortingState.length === 0) {\n    return undefined\n  }\n  const sort = sortingState[0]\n  let field: AccessApprovalSortField = AccessApprovalSortField.MODIFIED_ON\n  if (sort.id === 'modifiedOn') {\n    field = AccessApprovalSortField.MODIFIED_ON\n  } else if (sort.id === 'expiredOn') {\n    field = AccessApprovalSortField.EXPIRED_ON\n  }\n  return [\n    {\n      field,\n      direction: sort.desc ? Direction.DESC : Direction.ASC,\n    },\n  ]\n}\n\nexport type AccessApprovalsTableProps = {\n  accessorId: string\n  accessRequirementId?: string\n}\nexport function AccessApprovalsTable({\n  accessorId,\n  accessRequirementId,\n}: AccessApprovalsTableProps) {\n  const [tableSortState, setTableSortState] = useState<SortingState>([\n    {\n      desc: true,\n      id: 'modifiedOn',\n    },\n  ])\n\n  const searchRequest: AccessApprovalSearchRequest = useMemo(\n    () => ({\n      accessorId,\n      accessRequirementId,\n      sort: getSortApiRequestFromTableSortState(tableSortState),\n    }),\n    [accessorId, accessRequirementId, tableSortState],\n  )\n\n  const { data, hasNextPage, fetchNextPage, isLoading, isFetchingNextPage } =\n    useSearchAccessApprovalsInfinite(searchRequest)\n  const accessApprovals = useMemo(\n    () => data?.pages.flatMap(page => page.results) ?? [],\n    [data?.pages],\n  )\n\n  const table = useReactTable<AccessApprovalSearchResult>({\n    data: accessApprovals,\n    columns: columns,\n    getCoreRowModel: getCoreRowModel(),\n    manualSorting: true,\n    onSortingChange: setTableSortState,\n    state: {\n      sorting: tableSortState,\n    },\n    columnResizeMode: 'onChange',\n  })\n\n  const isEmpty = !isLoading && table.getRowModel().rows.length === 0\n\n  return (\n    <div className=\"AccessApprovalsTable\">\n      <InfiniteTableLayout\n        table={<StyledTanStackTable table={table} />}\n        isLoading={isLoading}\n        isEmpty={isEmpty}\n        hasNextPage={hasNextPage}\n        onFetchNextPageClicked={() => {\n          void fetchNextPage()\n        }}\n        isFetchingNextPage={isFetchingNextPage}\n      />\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;AAwBA,IAAM,IAAe,GAAgD,EAC/D,IAAU;CACd,EAAa,SAAS,uBAAuB;EAC3C,SAAQ,MAAS,kBAAC,GAAD;GAAc,GAAI;GAAO,OAAO;GAAW,CAAA;EAC5D,eAAe;EACf,OAAM,MACJ,kBAAC,KAAD;GACE,MAAM,GACJ,EAA2B,OAC5B,0BAA0B,EAAI,UAAU;GACzC,QAAQ;aAEP,EAAI,UAAU;GACb,CAAA;EAEP,CAAC;CACF,EAAa,SAAS,yBAAyB;EAC7C,SAAQ,MACN,kBAAC,GAAD;GAAc,GAAI;GAAO,OAAO;GAA6B,CAAA;EAE/D,eAAe;EAChB,CAAC;CACF,EAAa,SAAS,eAAe;EACnC,SAAQ,MAAS,kBAAC,GAAD;GAAc,GAAI;GAAO,OAAO;GAAe,CAAA;EAChE,eAAe;EACf,OAAM,MAAO,kBAAC,GAAD,EAAiB,aAAa,EAAI,UAAU,EAAI,CAAA;EAC9D,CAAC;CACF,EAAa,SAAS,SAAS;EAC7B,SAAQ,MAAS,kBAAC,GAAD;GAAc,GAAI;GAAO,OAAO;GAAY,CAAA;EAC7D,eAAe;EACf,OAAM,MAAO,EAAW,EAAI,UAAU,CAAC,mBAAmB,CAAC;EAC5D,CAAC;CACF,EAAa,SAAS,cAAc;EAClC,SAAQ,MAAS,kBAAC,GAAD;GAAc,GAAI;GAAO,OAAO;GAAmB,CAAA;EACpE,eAAe;EACf,OAAM,MAAO,EAAW,EAAM,EAAI,UAAU,CAAC,CAAC;EAC/C,CAAC;CACF,EAAa,SAAS,aAAa;EACjC,SAAQ,MAAS,kBAAC,GAAD;GAAc,GAAI;GAAO,OAAO;GAAa,CAAA;EAC9D,eAAe;EACf,OAAM,MACJ,kBAAC,QAAD;GACE,WAAW,GACT,EAAI,UAAU,mBACV,IAAI,MAAM,GAAG,IAAI,KAAK,EAAI,UAAU,CAAC,GACnC,YACA,KACF,aACL;aAEA,EAAI,UAAU,GAAG,EAAW,EAAM,EAAI,UAAU,CAAC,CAAC,GAAG;GACjD,CAAA;EAEV,CAAC;CACH;AAED,SAAS,EACP,GACwC;AACxC,KAAI,EAAa,WAAW,EAC1B;CAEF,IAAM,IAAO,EAAa,IACtB,IAAiC,EAAwB;AAM7D,QALI,EAAK,OAAO,eACd,IAAQ,EAAwB,cACvB,EAAK,OAAO,gBACrB,IAAQ,EAAwB,aAE3B,CACL;EACE;EACA,WAAW,EAAK,OAAO,EAAU,OAAO,EAAU;EACnD,CACF;;AAOH,SAAgB,EAAqB,EACnC,eACA,0BAC4B;CAC5B,IAAM,CAAC,GAAgB,KAAqB,EAAuB,CACjE;EACE,MAAM;EACN,IAAI;EACL,CACF,CAAC,EAWI,EAAE,SAAM,gBAAa,kBAAe,cAAW,0BACnD,EAViD,SAC1C;EACL;EACA;EACA,MAAM,EAAoC,EAAe;EAC1D,GACD;EAAC;EAAY;EAAqB;EAAe,CAIhB,CAAc,EAM3C,IAAQ,EAA0C;EACtD,MANsB,QAChB,GAAM,MAAM,SAAQ,MAAQ,EAAK,QAAQ,IAAI,EAAE,EACrD,CAAC,GAAM,MAAM,CAIP;EACG;EACT,iBAAiB,GAAiB;EAClC,eAAe;EACf,iBAAiB;EACjB,OAAO,EACL,SAAS,GACV;EACD,kBAAkB;EACnB,CAAC,EAEI,IAAU,CAAC,KAAa,EAAM,aAAa,CAAC,KAAK,WAAW;AAElE,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GACE,OAAO,kBAAC,GAAD,EAA4B,UAAS,CAAA;GACjC;GACF;GACI;GACb,8BAA8B;AACvB,OAAe;;GAEF;GACpB,CAAA;EACE,CAAA"}
+{"version":3,"file":"AccessApprovalsTable.js","names":[],"sources":["../../../src/components/dataaccess/AccessApprovalsTable.tsx"],"sourcesContent":["import InfiniteTableLayout from '@/components/layout/InfiniteTableLayout'\nimport { useSearchAccessApprovalsInfinite } from '@/synapse-queries/dataaccess/useAccessApprovals'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport { PRODUCTION_ENDPOINT_CONFIG } from '@/utils/functions/getEndpoint'\nimport {\n  AccessApprovalSearchRequest,\n  AccessApprovalSearchResult,\n  AccessApprovalSearchSort,\n  AccessApprovalSortField,\n  Direction,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  createColumnHelper,\n  getCoreRowModel,\n  SortingState,\n  useReactTable,\n} from '@tanstack/react-table'\nimport dayjs from 'dayjs'\nimport { upperFirst } from 'lodash-es'\nimport { useMemo, useState } from 'react'\nimport ColumnHeader from '../TanStackTable/ColumnHeader'\nimport StyledTanStackTable from '../TanStackTable/StyledTanStackTable'\nimport UserOrTeamBadge from '../UserOrTeamBadge/index'\n\nconst columnHelper = createColumnHelper<AccessApprovalSearchResult>()\nconst columns = [\n  columnHelper.accessor('accessRequirementId', {\n    header: props => <ColumnHeader {...props} title={'AR ID'} />,\n    enableSorting: false,\n    cell: ctx => (\n      <a\n        href={`${\n          PRODUCTION_ENDPOINT_CONFIG.PORTAL\n        }AccessRequirement:AR_ID=${ctx.getValue()}`}\n        target={'_blank'}\n      >\n        {ctx.getValue()}\n      </a>\n    ),\n  }),\n  columnHelper.accessor('accessRequirementName', {\n    header: props => (\n      <ColumnHeader {...props} title={'Access Requirement Name'} />\n    ),\n    enableSorting: false,\n  }),\n  columnHelper.accessor('submitterId', {\n    header: props => <ColumnHeader {...props} title={'Submitter'} />,\n    enableSorting: false,\n    cell: ctx => <UserOrTeamBadge principalId={ctx.getValue()} />,\n  }),\n  columnHelper.accessor('state', {\n    header: props => <ColumnHeader {...props} title={'Status'} />,\n    enableSorting: false,\n    cell: ctx => upperFirst(ctx.getValue().toLocaleLowerCase()),\n  }),\n  columnHelper.accessor('modifiedOn', {\n    header: props => <ColumnHeader {...props} title={'Modified Date'} />,\n    enableSorting: true,\n    cell: ctx => formatDate(dayjs(ctx.getValue())),\n  }),\n  columnHelper.accessor('expiredOn', {\n    header: props => <ColumnHeader {...props} title={'Expires'} />,\n    enableSorting: true,\n    cell: ctx => (\n      <span\n        className={`${\n          ctx.getValue()\n            ? new Date() > new Date(ctx.getValue())\n              ? 'expired'\n              : ''\n            : 'non-expire'\n        } remove-border`}\n      >\n        {ctx.getValue() ? formatDate(dayjs(ctx.getValue())) : 'Never'}\n      </span>\n    ),\n  }),\n]\n\nfunction getSortApiRequestFromTableSortState(\n  sortingState: SortingState,\n): AccessApprovalSearchSort[] | undefined {\n  if (sortingState.length === 0) {\n    return undefined\n  }\n  const sort = sortingState[0]\n  let field: AccessApprovalSortField = AccessApprovalSortField.MODIFIED_ON\n  if (sort.id === 'modifiedOn') {\n    field = AccessApprovalSortField.MODIFIED_ON\n  } else if (sort.id === 'expiredOn') {\n    field = AccessApprovalSortField.EXPIRED_ON\n  }\n  return [\n    {\n      field,\n      direction: sort.desc ? Direction.DESC : Direction.ASC,\n    },\n  ]\n}\n\nexport type AccessApprovalsTableProps = {\n  accessorId: string\n  accessRequirementId?: string\n}\nexport function AccessApprovalsTable({\n  accessorId,\n  accessRequirementId,\n}: AccessApprovalsTableProps) {\n  const [tableSortState, setTableSortState] = useState<SortingState>([\n    {\n      desc: true,\n      id: 'modifiedOn',\n    },\n  ])\n\n  const searchRequest: AccessApprovalSearchRequest = useMemo(\n    () => ({\n      accessorId,\n      accessRequirementId,\n      sort: getSortApiRequestFromTableSortState(tableSortState),\n    }),\n    [accessorId, accessRequirementId, tableSortState],\n  )\n\n  const { data, hasNextPage, fetchNextPage, isLoading, isFetchingNextPage } =\n    useSearchAccessApprovalsInfinite(searchRequest)\n  const accessApprovals = useMemo(\n    () => data?.pages.flatMap(page => page.results) ?? [],\n    [data?.pages],\n  )\n\n  const table = useReactTable<AccessApprovalSearchResult>({\n    data: accessApprovals,\n    columns: columns,\n    getCoreRowModel: getCoreRowModel(),\n    manualSorting: true,\n    onSortingChange: setTableSortState,\n    state: {\n      sorting: tableSortState,\n    },\n    columnResizeMode: 'onChange',\n  })\n\n  const isEmpty = !isLoading && table.getRowModel().rows.length === 0\n\n  return (\n    <div className=\"AccessApprovalsTable\">\n      <InfiniteTableLayout\n        table={<StyledTanStackTable table={table} />}\n        isLoading={isLoading}\n        isEmpty={isEmpty}\n        hasNextPage={hasNextPage}\n        onFetchNextPageClicked={() => {\n          void fetchNextPage()\n        }}\n        isFetchingNextPage={isFetchingNextPage}\n      />\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;AAwBA,IAAM,IAAe,EAA+C,GAC9D,IAAU;CACd,EAAa,SAAS,uBAAuB;EAC3C,SAAQ,MAAS,kBAAC,GAAD;GAAc,GAAI;GAAO,OAAO;EAAU,CAAA;EAC3D,eAAe;EACf,OAAM,MACJ,kBAAC,KAAD;GACE,MAAM,GACJ,EAA2B,OAC5B,0BAA0B,EAAI,SAAS;GACxC,QAAQ;aAEP,EAAI,SAAS;EACb,CAAA;CAEP,CAAC;CACD,EAAa,SAAS,yBAAyB;EAC7C,SAAQ,MACN,kBAAC,GAAD;GAAc,GAAI;GAAO,OAAO;EAA4B,CAAA;EAE9D,eAAe;CACjB,CAAC;CACD,EAAa,SAAS,eAAe;EACnC,SAAQ,MAAS,kBAAC,GAAD;GAAc,GAAI;GAAO,OAAO;EAAc,CAAA;EAC/D,eAAe;EACf,OAAM,MAAO,kBAAC,GAAD,EAAiB,aAAa,EAAI,SAAS,EAAI,CAAA;CAC9D,CAAC;CACD,EAAa,SAAS,SAAS;EAC7B,SAAQ,MAAS,kBAAC,GAAD;GAAc,GAAI;GAAO,OAAO;EAAW,CAAA;EAC5D,eAAe;EACf,OAAM,MAAO,EAAW,EAAI,SAAS,EAAE,kBAAkB,CAAC;CAC5D,CAAC;CACD,EAAa,SAAS,cAAc;EAClC,SAAQ,MAAS,kBAAC,GAAD;GAAc,GAAI;GAAO,OAAO;EAAkB,CAAA;EACnE,eAAe;EACf,OAAM,MAAO,EAAW,EAAM,EAAI,SAAS,CAAC,CAAC;CAC/C,CAAC;CACD,EAAa,SAAS,aAAa;EACjC,SAAQ,MAAS,kBAAC,GAAD;GAAc,GAAI;GAAO,OAAO;EAAY,CAAA;EAC7D,eAAe;EACf,OAAM,MACJ,kBAAC,QAAD;GACE,WAAW,GACT,EAAI,SAAS,oBACT,IAAI,KAAK,IAAI,IAAI,KAAK,EAAI,SAAS,CAAC,IAClC,YACA,KACF,aACL;aAEA,EAAI,SAAS,IAAI,EAAW,EAAM,EAAI,SAAS,CAAC,CAAC,IAAI;EAClD,CAAA;CAEV,CAAC;AACH;AAEA,SAAS,EACP,GACwC;CACxC,IAAI,EAAa,WAAW,GAC1B;CAEF,IAAM,IAAO,EAAa,IACtB,IAAiC,EAAwB;CAM7D,OALI,EAAK,OAAO,eACd,IAAQ,EAAwB,cACvB,EAAK,OAAO,gBACrB,IAAQ,EAAwB,aAE3B,CACL;EACE;EACA,WAAW,EAAK,OAAO,EAAU,OAAO,EAAU;CACpD,CACF;AACF;AAMA,SAAgB,EAAqB,EACnC,eACA,0BAC4B;CAC5B,IAAM,CAAC,GAAgB,KAAqB,EAAuB,CACjE;EACE,MAAM;EACN,IAAI;CACN,CACF,CAAC,GAWK,EAAE,SAAM,gBAAa,kBAAe,cAAW,0BACnD,EAViD,SAC1C;EACL;EACA;EACA,MAAM,EAAoC,CAAc;CAC1D,IACA;EAAC;EAAY;EAAqB;CAAc,CAIf,CAAa,GAM1C,IAAQ,EAA0C;EACtD,MANsB,QAChB,GAAM,MAAM,SAAQ,MAAQ,EAAK,OAAO,KAAK,CAAC,GACpD,CAAC,GAAM,KAAK,CAIN;EACG;EACT,iBAAiB,EAAgB;EACjC,eAAe;EACf,iBAAiB;EACjB,OAAO,EACL,SAAS,EACX;EACA,kBAAkB;CACpB,CAAC,GAEK,IAAU,CAAC,KAAa,EAAM,YAAY,EAAE,KAAK,WAAW;CAElE,OACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GACE,OAAO,kBAAC,GAAD,EAA4B,SAAQ,CAAA;GAChC;GACF;GACI;GACb,8BAA8B;IAC5B,EAAmB;GACrB;GACoB;EACrB,CAAA;CACE,CAAA;AAET"}

package/dist/components/dataaccess/AccessHistoryDashboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccessHistoryDashboard.js","names":[],"sources":["../../../src/components/dataaccess/AccessHistoryDashboard.tsx"],"sourcesContent":["import React from 'react'\nimport SearchImage from '@/assets/icons/SearchImage'\nimport { useGetCurrentUserBundle } from '@/synapse-queries'\nimport { useDebouncedEffect } from '@/utils/hooks/useDebouncedEffect'\nimport { Typography } from '@mui/material'\nimport Grid from '@mui/material/Grid'\nimport { TYPE_FILTER } from '@sage-bionetworks/synapse-types'\nimport { omitBy } from 'lodash-es'\nimport { useCallback, useEffect, useState } from 'react'\nimport { useLocation, useNavigate } from 'react-router'\nimport UserOrTeamBadge from '../UserOrTeamBadge/UserOrTeamBadge'\nimport UserSearchBox from '../UserSearchBox/UserSearchBox'\nimport {\n  AccessApprovalsTable,\n  AccessApprovalsTableProps,\n} from './AccessApprovalsTable'\nimport {\n  AccessRequestSubmissionTable,\n  AccessRequestSubmissionTableProps,\n} from './AccessRequestSubmissionTable'\nimport AccessRequirementSearchBox from './AccessRequirementSearchBox/AccessRequirementSearchBox'\n\nconst SearchStartComponent = (): React.ReactNode => {\n  return (\n    <div className=\"text-center\">\n      <SearchImage className=\"SearchPlaceholderImage\" height=\"167px\" />\n      <Typography variant=\"body1Italic\">\n        Select a user using the search field above to view their data access\n        history\n      </Typography>\n    </div>\n  )\n}\n\nexport const UserHistoryDashboard = (): React.ReactNode => {\n  const [accessRequirementId, setAccessRequirementId] = useState<\n    string | undefined\n  >()\n  const [accessorId, setAccessorId] = useState<string>('')\n  const [approvalTableProps, setApprovalTableProps] =\n    useState<AccessApprovalsTableProps>({\n      accessorId,\n      accessRequirementId,\n    })\n  const [submissionTableProps, setSubmissionTableProps] =\n    useState<AccessRequestSubmissionTableProps>({\n      showStatus: true,\n      showSubmitter: true,\n      accessorId,\n      accessRequirementId,\n    })\n\n  const { data: userBundle } = useGetCurrentUserBundle()\n  const hasActPermissions = userBundle?.isACTMember\n\n  const location = useLocation()\n  const navigate = useNavigate()\n  const INPUT_CHANGE_DEBOUNCE_DELAY_MS = 500\n\n  const onAccessorChange = useCallback((selected: string | null) => {\n    if (selected) {\n      setAccessorId(selected)\n    } else {\n      setAccessorId('')\n    }\n  }, [])\n\n  useEffect(() => {\n    const initializeFromSearchParam = () => {\n      const initialParams = new URLSearchParams(location.search)\n      setAccessRequirementId(\n        initialParams.get('accessRequirementId') ?? undefined,\n      )\n      setAccessorId(initialParams.get('accessorId') ?? '')\n    }\n    initializeFromSearchParam()\n  }, [location.search])\n\n  useDebouncedEffect(\n    () => {\n      const updateQueryParams = (\n        accessRequirementId: string | undefined,\n        accessorId: string,\n      ) => {\n        const params = new URLSearchParams(\n          omitBy(\n            {\n              accessRequirementId,\n              accessorId,\n            },\n            item => item === undefined || item === '',\n          ) as Record<string, string>,\n        )\n        navigate(\n          {\n            pathname: location.pathname,\n            search: params.toString(),\n          },\n          { replace: true },\n        )\n      }\n\n      updateQueryParams(accessRequirementId, accessorId)\n      setApprovalTableProps({\n        accessorId,\n        accessRequirementId,\n      })\n      setSubmissionTableProps({\n        showStatus: true,\n        showSubmitter: true,\n        accessorId,\n        accessRequirementId,\n      })\n    },\n    [accessRequirementId, accessorId, navigate, location.pathname],\n    INPUT_CHANGE_DEBOUNCE_DELAY_MS,\n  )\n\n  return (\n    <div className=\"UserHistoryDashboard\">\n      <Grid container spacing={2} className=\"InputPanel\">\n        <Grid size={{ xs: 12, md: 6 }}>\n          <Typography\n            component=\"label\"\n            variant=\"smallText2\"\n            htmlFor=\"user-filter\"\n          >\n            Select a user to view their access history\n          </Typography>\n          <UserSearchBox\n            inputId=\"user-filter\"\n            onChange={onAccessorChange}\n            value={accessorId}\n            placeholder=\"Search for a user name\"\n            typeFilter={TYPE_FILTER.USERS_ONLY}\n          />\n        </Grid>\n\n        {accessorId && (\n          <Grid size={{ xs: 12, md: 6 }}>\n            <Typography\n              component=\"label\"\n              variant=\"smallText2\"\n              htmlFor=\"arName-filter\"\n            >\n              Filter by Access Requirement Name\n            </Typography>\n            <AccessRequirementSearchBox\n              inputId=\"arName-filter\"\n              placeholder=\"Search for an Access Requirement Name \"\n              onChange={setAccessRequirementId}\n            />\n          </Grid>\n        )}\n      </Grid>\n\n      {accessorId ? (\n        <>\n          <Typography variant=\"headline3\">\n            Submissions including <UserOrTeamBadge principalId={accessorId} />\n          </Typography>\n          <AccessRequestSubmissionTable {...submissionTableProps} />\n          {hasActPermissions && (\n            <>\n              <Typography variant=\"headline3\">\n                Status in Access Requirements\n              </Typography>\n              <AccessApprovalsTable {...approvalTableProps} />\n            </>\n          )}\n        </>\n      ) : (\n        <SearchStartComponent />\n      )}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAsBA,IAAM,UAEF,kBAAC,OAAD;CAAK,WAAU;WAAf,CACE,kBAAC,GAAD;EAAa,WAAU;EAAyB,QAAO;EAAU,CAAA,EACjE,kBAAC,GAAD;EAAY,SAAQ;YAAc;EAGrB,CAAA,CACT;IAIG,UAA8C;CACzD,IAAM,CAAC,GAAqB,KAA0B,GAEnD,EACG,CAAC,GAAY,KAAiB,EAAiB,GAAG,EAClD,CAAC,GAAoB,KACzB,EAAoC;EAClC;EACA;EACD,CAAC,EACE,CAAC,GAAsB,KAC3B,EAA4C;EAC1C,YAAY;EACZ,eAAe;EACf;EACA;EACD,CAAC,EAEE,EAAE,MAAM,MAAe,GAAyB,EAChD,IAAoB,GAAY,aAEhC,IAAW,GAAa,EACxB,IAAW,GAAa,EAGxB,IAAmB,GAAa,MAA4B;AAChE,EACE,EADE,KAGY,GAAG;IAElB,EAAE,CAAC;AAqDN,QAnDA,QAAgB;AAQd,SAPwC;GACtC,IAAM,IAAgB,IAAI,gBAAgB,EAAS,OAAO;AAI1D,GAHA,EACE,EAAc,IAAI,sBAAsB,IAAI,KAAA,EAC7C,EACD,EAAc,EAAc,IAAI,aAAa,IAAI,GAAG;MAE3B;IAC1B,CAAC,EAAS,OAAO,CAAC,EAErB,QACQ;AA4BJ,IA1BE,GACA,MACG;GACH,IAAM,IAAS,IAAI,gBACjB,EACE;IACE;IACA;IACD,GACD,MAAQ,MAAS,KAAA,KAAa,MAAS,GACxC,CACF;AACD,KACE;IACE,UAAU,EAAS;IACnB,QAAQ,EAAO,UAAU;IAC1B,EACD,EAAE,SAAS,IAAM,CAClB;KAGe,GAAqB,EAAW,EAClD,EAAsB;GACpB;GACA;GACD,CAAC,EACF,EAAwB;GACtB,YAAY;GACZ,eAAe;GACf;GACA;GACD,CAAC;IAEJ;EAAC;EAAqB;EAAY;EAAU,EAAS;EAAS,EAC9D,IACD,EAGC,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GAAM,WAAA;GAAU,SAAS;GAAG,WAAU;aAAtC,CACE,kBAAC,GAAD;IAAM,MAAM;KAAE,IAAI;KAAI,IAAI;KAAG;cAA7B,CACE,kBAAC,GAAD;KACE,WAAU;KACV,SAAQ;KACR,SAAQ;eACT;KAEY,CAAA,EACb,kBAAC,GAAD;KACE,SAAQ;KACR,UAAU;KACV,OAAO;KACP,aAAY;KACZ,YAAY,EAAY;KACxB,CAAA,CACG;OAEN,KACC,kBAAC,GAAD;IAAM,MAAM;KAAE,IAAI;KAAI,IAAI;KAAG;cAA7B,CACE,kBAAC,GAAD;KACE,WAAU;KACV,SAAQ;KACR,SAAQ;eACT;KAEY,CAAA,EACb,kBAAC,GAAD;KACE,SAAQ;KACR,aAAY;KACZ,UAAU;KACV,CAAA,CACG;MAEJ;MAEN,IACC,kBAAA,GAAA,EAAA,UAAA;GACE,kBAAC,GAAD;IAAY,SAAQ;cAApB,CAAgC,0BACR,kBAAC,GAAD,EAAiB,aAAa,GAAc,CAAA,CACvD;;GACb,kBAAC,GAAD,EAA8B,GAAI,GAAwB,CAAA;GACzD,KACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;IAAY,SAAQ;cAAY;IAEnB,CAAA,EACb,kBAAC,GAAD,EAAsB,GAAI,GAAsB,CAAA,CAC/C,EAAA,CAAA;GAEJ,EAAA,CAAA,GAEH,kBAAC,GAAD,EAAwB,CAAA,CAEtB"}
+{"version":3,"file":"AccessHistoryDashboard.js","names":[],"sources":["../../../src/components/dataaccess/AccessHistoryDashboard.tsx"],"sourcesContent":["import React from 'react'\nimport SearchImage from '@/assets/icons/SearchImage'\nimport { useGetCurrentUserBundle } from '@/synapse-queries'\nimport { useDebouncedEffect } from '@/utils/hooks/useDebouncedEffect'\nimport { Typography } from '@mui/material'\nimport Grid from '@mui/material/Grid'\nimport { TYPE_FILTER } from '@sage-bionetworks/synapse-types'\nimport { omitBy } from 'lodash-es'\nimport { useCallback, useEffect, useState } from 'react'\nimport { useLocation, useNavigate } from 'react-router'\nimport UserOrTeamBadge from '../UserOrTeamBadge/UserOrTeamBadge'\nimport UserSearchBox from '../UserSearchBox/UserSearchBox'\nimport {\n  AccessApprovalsTable,\n  AccessApprovalsTableProps,\n} from './AccessApprovalsTable'\nimport {\n  AccessRequestSubmissionTable,\n  AccessRequestSubmissionTableProps,\n} from './AccessRequestSubmissionTable'\nimport AccessRequirementSearchBox from './AccessRequirementSearchBox/AccessRequirementSearchBox'\n\nconst SearchStartComponent = (): React.ReactNode => {\n  return (\n    <div className=\"text-center\">\n      <SearchImage className=\"SearchPlaceholderImage\" height=\"167px\" />\n      <Typography variant=\"body1Italic\">\n        Select a user using the search field above to view their data access\n        history\n      </Typography>\n    </div>\n  )\n}\n\nexport const UserHistoryDashboard = (): React.ReactNode => {\n  const [accessRequirementId, setAccessRequirementId] = useState<\n    string | undefined\n  >()\n  const [accessorId, setAccessorId] = useState<string>('')\n  const [approvalTableProps, setApprovalTableProps] =\n    useState<AccessApprovalsTableProps>({\n      accessorId,\n      accessRequirementId,\n    })\n  const [submissionTableProps, setSubmissionTableProps] =\n    useState<AccessRequestSubmissionTableProps>({\n      showStatus: true,\n      showSubmitter: true,\n      accessorId,\n      accessRequirementId,\n    })\n\n  const { data: userBundle } = useGetCurrentUserBundle()\n  const hasActPermissions = userBundle?.isACTMember\n\n  const location = useLocation()\n  const navigate = useNavigate()\n  const INPUT_CHANGE_DEBOUNCE_DELAY_MS = 500\n\n  const onAccessorChange = useCallback((selected: string | null) => {\n    if (selected) {\n      setAccessorId(selected)\n    } else {\n      setAccessorId('')\n    }\n  }, [])\n\n  useEffect(() => {\n    const initializeFromSearchParam = () => {\n      const initialParams = new URLSearchParams(location.search)\n      setAccessRequirementId(\n        initialParams.get('accessRequirementId') ?? undefined,\n      )\n      setAccessorId(initialParams.get('accessorId') ?? '')\n    }\n    initializeFromSearchParam()\n  }, [location.search])\n\n  useDebouncedEffect(\n    () => {\n      const updateQueryParams = (\n        accessRequirementId: string | undefined,\n        accessorId: string,\n      ) => {\n        const params = new URLSearchParams(\n          omitBy(\n            {\n              accessRequirementId,\n              accessorId,\n            },\n            item => item === undefined || item === '',\n          ) as Record<string, string>,\n        )\n        navigate(\n          {\n            pathname: location.pathname,\n            search: params.toString(),\n          },\n          { replace: true },\n        )\n      }\n\n      updateQueryParams(accessRequirementId, accessorId)\n      setApprovalTableProps({\n        accessorId,\n        accessRequirementId,\n      })\n      setSubmissionTableProps({\n        showStatus: true,\n        showSubmitter: true,\n        accessorId,\n        accessRequirementId,\n      })\n    },\n    [accessRequirementId, accessorId, navigate, location.pathname],\n    INPUT_CHANGE_DEBOUNCE_DELAY_MS,\n  )\n\n  return (\n    <div className=\"UserHistoryDashboard\">\n      <Grid container spacing={2} className=\"InputPanel\">\n        <Grid size={{ xs: 12, md: 6 }}>\n          <Typography\n            component=\"label\"\n            variant=\"smallText2\"\n            htmlFor=\"user-filter\"\n          >\n            Select a user to view their access history\n          </Typography>\n          <UserSearchBox\n            inputId=\"user-filter\"\n            onChange={onAccessorChange}\n            value={accessorId}\n            placeholder=\"Search for a user name\"\n            typeFilter={TYPE_FILTER.USERS_ONLY}\n          />\n        </Grid>\n\n        {accessorId && (\n          <Grid size={{ xs: 12, md: 6 }}>\n            <Typography\n              component=\"label\"\n              variant=\"smallText2\"\n              htmlFor=\"arName-filter\"\n            >\n              Filter by Access Requirement Name\n            </Typography>\n            <AccessRequirementSearchBox\n              inputId=\"arName-filter\"\n              placeholder=\"Search for an Access Requirement Name \"\n              onChange={setAccessRequirementId}\n            />\n          </Grid>\n        )}\n      </Grid>\n\n      {accessorId ? (\n        <>\n          <Typography variant=\"headline3\">\n            Submissions including <UserOrTeamBadge principalId={accessorId} />\n          </Typography>\n          <AccessRequestSubmissionTable {...submissionTableProps} />\n          {hasActPermissions && (\n            <>\n              <Typography variant=\"headline3\">\n                Status in Access Requirements\n              </Typography>\n              <AccessApprovalsTable {...approvalTableProps} />\n            </>\n          )}\n        </>\n      ) : (\n        <SearchStartComponent />\n      )}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAsBA,IAAM,UAEF,kBAAC,OAAD;CAAK,WAAU;WAAf,CACE,kBAAC,GAAD;EAAa,WAAU;EAAyB,QAAO;CAAS,CAAA,GAChE,kBAAC,GAAD;EAAY,SAAQ;YAAc;CAGtB,CAAA,CACT;IAII,UAA8C;CACzD,IAAM,CAAC,GAAqB,KAA0B,EAEpD,GACI,CAAC,GAAY,KAAiB,EAAiB,EAAE,GACjD,CAAC,GAAoB,KACzB,EAAoC;EAClC;EACA;CACF,CAAC,GACG,CAAC,GAAsB,KAC3B,EAA4C;EAC1C,YAAY;EACZ,eAAe;EACf;EACA;CACF,CAAC,GAEG,EAAE,MAAM,MAAe,EAAwB,GAC/C,IAAoB,GAAY,aAEhC,IAAW,EAAY,GACvB,IAAW,EAAY,GAGvB,IAAmB,GAAa,MAA4B;EAChE,AACE,EADE,KAGY,EAAE;CAEpB,GAAG,CAAC,CAAC;CAqDL,OAnDA,QAAgB;EAQd,OAPwC;GACtC,IAAM,IAAgB,IAAI,gBAAgB,EAAS,MAAM;GAIzD,AAHA,EACE,EAAc,IAAI,qBAAqB,KAAK,KAAA,CAC9C,GACA,EAAc,EAAc,IAAI,YAAY,KAAK,EAAE;EACrD,GAC0B;CAC5B,GAAG,CAAC,EAAS,MAAM,CAAC,GAEpB,QACQ;EA4BJ,EA1BE,GACA,MACG;GACH,IAAM,IAAS,IAAI,gBACjB,EACE;IACE;IACA;GACF,IACA,MAAQ,MAAS,KAAA,KAAa,MAAS,EACzC,CACF;GACA,EACE;IACE,UAAU,EAAS;IACnB,QAAQ,EAAO,SAAS;GAC1B,GACA,EAAE,SAAS,GAAK,CAClB;EACF,GAEkB,GAAqB,CAAU,GACjD,EAAsB;GACpB;GACA;EACF,CAAC,GACD,EAAwB;GACtB,YAAY;GACZ,eAAe;GACf;GACA;EACF,CAAC;CACH,GACA;EAAC;EAAqB;EAAY;EAAU,EAAS;CAAQ,GAC7D,GACF,GAGE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GAAM,WAAA;GAAU,SAAS;GAAG,WAAU;aAAtC,CACE,kBAAC,GAAD;IAAM,MAAM;KAAE,IAAI;KAAI,IAAI;IAAE;cAA5B,CACE,kBAAC,GAAD;KACE,WAAU;KACV,SAAQ;KACR,SAAQ;eACT;IAEW,CAAA,GACZ,kBAAC,GAAD;KACE,SAAQ;KACR,UAAU;KACV,OAAO;KACP,aAAY;KACZ,YAAY,EAAY;IACzB,CAAA,CACG;OAEL,KACC,kBAAC,GAAD;IAAM,MAAM;KAAE,IAAI;KAAI,IAAI;IAAE;cAA5B,CACE,kBAAC,GAAD;KACE,WAAU;KACV,SAAQ;KACR,SAAQ;eACT;IAEW,CAAA,GACZ,kBAAC,GAAD;KACE,SAAQ;KACR,aAAY;KACZ,UAAU;IACX,CAAA,CACG;KAEJ;MAEL,IACC,kBAAA,GAAA,EAAA,UAAA;GACE,kBAAC,GAAD;IAAY,SAAQ;cAApB,CAAgC,0BACR,kBAAC,GAAD,EAAiB,aAAa,EAAa,CAAA,CACvD;;GACZ,kBAAC,GAAD,EAA8B,GAAI,EAAuB,CAAA;GACxD,KACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;IAAY,SAAQ;cAAY;GAEpB,CAAA,GACZ,kBAAC,GAAD,EAAsB,GAAI,EAAqB,CAAA,CAC/C,EAAA,CAAA;EAEJ,EAAA,CAAA,IAEF,kBAAC,GAAD,CAAuB,CAAA,CAEtB;;AAET"}

package/dist/components/dataaccess/AccessRequestSubmissionTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccessRequestSubmissionTable.js","names":[],"sources":["../../../src/components/dataaccess/AccessRequestSubmissionTable.tsx"],"sourcesContent":["import InfiniteTableLayout from '@/components/layout/InfiniteTableLayout'\nimport { useSearchAccessSubmissionsInfinite } from '@/synapse-queries/dataaccess/useDataAccessSubmission'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport { ACT_TEAM_ID } from '@/utils/SynapseConstants'\nimport { Stack } from '@mui/material'\nimport {\n  SubmissionReviewerFilterType,\n  SubmissionSearchRequest,\n  SubmissionSearchResult,\n  SubmissionSearchSort,\n  SubmissionState,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  createColumnHelper,\n  getCoreRowModel,\n  SortingState,\n  useReactTable,\n} from '@tanstack/react-table'\nimport dayjs from 'dayjs'\nimport { upperFirst } from 'lodash-es'\nimport { useMemo, useState } from 'react'\nimport { Link } from 'react-router'\nimport ColumnHeader from '../TanStackTable/ColumnHeader'\nimport StyledTanStackTable from '../TanStackTable/StyledTanStackTable'\nimport { UserBadge } from '../UserCard/UserBadge'\nimport UserOrTeamBadge from '../UserOrTeamBadge/UserOrTeamBadge'\nimport { getSortApiRequestFromTableSortState } from './UserAccessRequestHistory/SubmissionSortStateTranslator'\n\nconst columnHelper = createColumnHelper<SubmissionSearchResult>()\nconst columns = [\n  columnHelper.accessor('id', {\n    header: props => <ColumnHeader {...props} title={'Request'} />,\n    enableSorting: false,\n    cell: ctx => (\n      <Link to={`/Submissions/${ctx.getValue()}`}>{ctx.getValue()}</Link>\n    ),\n  }),\n  columnHelper.accessor('accessRequirementName', {\n    header: props => (\n      <ColumnHeader {...props} title={'Access Requirement Name'} />\n    ),\n    enableSorting: false,\n  }),\n  columnHelper.accessor('submitterId', {\n    header: props => <ColumnHeader {...props} title={'Submitter'} />,\n    enableSorting: false,\n    cell: ctx => <UserOrTeamBadge principalId={ctx.getValue()} />,\n  }),\n  columnHelper.accessor('state', {\n    header: props => <ColumnHeader {...props} title={'Status'} />,\n    enableSorting: false,\n    cell: ctx => upperFirst(ctx.getValue().toLocaleLowerCase()),\n  }),\n\n  columnHelper.accessor('accessorChanges', {\n    header: props => <ColumnHeader {...props} title={'Requesters'} />,\n    enableSorting: false,\n    cell: ctx => (\n      <Stack\n        sx={{\n          gap: 1,\n        }}\n      >\n        <UserOrTeamBadge principalId={ctx.row.original.submitterId} />\n        {ctx\n          .getValue()\n          .filter(user => ctx.row.original.submitterId !== user.userId)\n          .map(requester => (\n            <UserBadge\n              key={requester.userId}\n              userId={requester.userId}\n              className=\"requester\"\n            />\n          ))}\n      </Stack>\n    ),\n  }),\n  columnHelper.accessor('accessRequirementReviewerIds', {\n    header: props => <ColumnHeader {...props} title={'Reviewer(s)'} />,\n    enableSorting: false,\n    cell: ctx => (\n      <Stack\n        sx={{\n          gap: 1,\n        }}\n      >\n        {ctx.getValue().length === 0 ? (\n          <UserOrTeamBadge principalId={ACT_TEAM_ID} />\n        ) : (\n          ctx\n            .getValue()\n            .map(reviewerId => (\n              <UserOrTeamBadge key={reviewerId} principalId={reviewerId} />\n            ))\n        )}\n      </Stack>\n    ),\n  }),\n  columnHelper.accessor('createdOn', {\n    header: props => <ColumnHeader {...props} title={'Created Date'} />,\n    enableSorting: true,\n    cell: ctx => formatDate(dayjs(ctx.getValue())),\n    sortDescFirst: true,\n  }),\n]\n\nexport type AccessRequestSubmissionTableProps = {\n  showSubmitter?: boolean\n  showStatus?: boolean\n  showRequesters?: boolean\n  accessorId?: string\n  accessRequirementId?: string\n  reviewerId?: string\n  submissionState?: SubmissionState\n  reviewerFilterType?: SubmissionReviewerFilterType\n}\n\nexport function AccessRequestSubmissionTable({\n  showSubmitter = false,\n  showStatus = false,\n  showRequesters = false,\n  accessorId,\n  accessRequirementId,\n  reviewerId,\n  submissionState,\n  reviewerFilterType,\n}: AccessRequestSubmissionTableProps) {\n  const [tableSortState, setTableSortState] = useState<SortingState>([\n    {\n      desc: true,\n      id: 'createdOn',\n    },\n  ])\n\n  const searchRequest: SubmissionSearchRequest = useMemo(\n    () => ({\n      accessorId,\n      accessRequirementId,\n      submissionState,\n      reviewerId,\n      reviewerFilterType,\n      sort: getSortApiRequestFromTableSortState(tableSortState) as\n        | SubmissionSearchSort[] // cast to synapse-types (not OpenAPI-defined) type\n        | undefined,\n    }),\n    [\n      accessorId,\n      accessRequirementId,\n      submissionState,\n      reviewerId,\n      reviewerFilterType,\n      tableSortState,\n    ],\n  )\n\n  const { data, hasNextPage, fetchNextPage, isLoading, isFetchingNextPage } =\n    useSearchAccessSubmissionsInfinite(searchRequest)\n\n  const accessSubmissions = useMemo(\n    () => data?.pages.flatMap(page => page.results) ?? [],\n    [data?.pages],\n  )\n\n  const table = useReactTable<SubmissionSearchResult>({\n    data: accessSubmissions,\n    columns: columns,\n    getCoreRowModel: getCoreRowModel(),\n    enableFilters: false, // filters are handled by separate controls\n    manualSorting: true,\n    onSortingChange: setTableSortState,\n    state: {\n      sorting: tableSortState,\n      columnVisibility: {\n        submitterId: showSubmitter,\n        state: showStatus,\n        accessorChanges: showRequesters,\n      },\n    },\n    columnResizeMode: 'onChange',\n  })\n\n  const isEmpty = !isLoading && table.getRowModel().rows.length === 0\n\n  return (\n    <div className={'AccessSubmissionTable'}>\n      <InfiniteTableLayout\n        table={<StyledTanStackTable table={table} fullWidth={true} />}\n        isLoading={isLoading}\n        isEmpty={isEmpty}\n        hasNextPage={hasNextPage}\n        onFetchNextPageClicked={() => {\n          void fetchNextPage()\n        }}\n        isFetchingNextPage={isFetchingNextPage}\n      />\n    </div>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"AccessRequestSubmissionTable.js","names":[],"sources":["../../../src/components/dataaccess/AccessRequestSubmissionTable.tsx"],"sourcesContent":["import InfiniteTableLayout from '@/components/layout/InfiniteTableLayout'\nimport { useSearchAccessSubmissionsInfinite } from '@/synapse-queries/dataaccess/useDataAccessSubmission'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport { ACT_TEAM_ID } from '@/utils/SynapseConstants'\nimport { Stack } from '@mui/material'\nimport {\n  SubmissionReviewerFilterType,\n  SubmissionSearchRequest,\n  SubmissionSearchResult,\n  SubmissionSearchSort,\n  SubmissionState,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  createColumnHelper,\n  getCoreRowModel,\n  SortingState,\n  useReactTable,\n} from '@tanstack/react-table'\nimport dayjs from 'dayjs'\nimport { upperFirst } from 'lodash-es'\nimport { useMemo, useState } from 'react'\nimport { Link } from 'react-router'\nimport ColumnHeader from '../TanStackTable/ColumnHeader'\nimport StyledTanStackTable from '../TanStackTable/StyledTanStackTable'\nimport { UserBadge } from '../UserCard/UserBadge'\nimport UserOrTeamBadge from '../UserOrTeamBadge/UserOrTeamBadge'\nimport { getSortApiRequestFromTableSortState } from './UserAccessRequestHistory/SubmissionSortStateTranslator'\n\nconst columnHelper = createColumnHelper<SubmissionSearchResult>()\nconst columns = [\n  columnHelper.accessor('id', {\n    header: props => <ColumnHeader {...props} title={'Request'} />,\n    enableSorting: false,\n    cell: ctx => (\n      <Link to={`/Submissions/${ctx.getValue()}`}>{ctx.getValue()}</Link>\n    ),\n  }),\n  columnHelper.accessor('accessRequirementName', {\n    header: props => (\n      <ColumnHeader {...props} title={'Access Requirement Name'} />\n    ),\n    enableSorting: false,\n  }),\n  columnHelper.accessor('submitterId', {\n    header: props => <ColumnHeader {...props} title={'Submitter'} />,\n    enableSorting: false,\n    cell: ctx => <UserOrTeamBadge principalId={ctx.getValue()} />,\n  }),\n  columnHelper.accessor('state', {\n    header: props => <ColumnHeader {...props} title={'Status'} />,\n    enableSorting: false,\n    cell: ctx => upperFirst(ctx.getValue().toLocaleLowerCase()),\n  }),\n\n  columnHelper.accessor('accessorChanges', {\n    header: props => <ColumnHeader {...props} title={'Requesters'} />,\n    enableSorting: false,\n    cell: ctx => (\n      <Stack\n        sx={{\n          gap: 1,\n        }}\n      >\n        <UserOrTeamBadge principalId={ctx.row.original.submitterId} />\n        {ctx\n          .getValue()\n          .filter(user => ctx.row.original.submitterId !== user.userId)\n          .map(requester => (\n            <UserBadge\n              key={requester.userId}\n              userId={requester.userId}\n              className=\"requester\"\n            />\n          ))}\n      </Stack>\n    ),\n  }),\n  columnHelper.accessor('accessRequirementReviewerIds', {\n    header: props => <ColumnHeader {...props} title={'Reviewer(s)'} />,\n    enableSorting: false,\n    cell: ctx => (\n      <Stack\n        sx={{\n          gap: 1,\n        }}\n      >\n        {ctx.getValue().length === 0 ? (\n          <UserOrTeamBadge principalId={ACT_TEAM_ID} />\n        ) : (\n          ctx\n            .getValue()\n            .map(reviewerId => (\n              <UserOrTeamBadge key={reviewerId} principalId={reviewerId} />\n            ))\n        )}\n      </Stack>\n    ),\n  }),\n  columnHelper.accessor('createdOn', {\n    header: props => <ColumnHeader {...props} title={'Created Date'} />,\n    enableSorting: true,\n    cell: ctx => formatDate(dayjs(ctx.getValue())),\n    sortDescFirst: true,\n  }),\n]\n\nexport type AccessRequestSubmissionTableProps = {\n  showSubmitter?: boolean\n  showStatus?: boolean\n  showRequesters?: boolean\n  accessorId?: string\n  accessRequirementId?: string\n  reviewerId?: string\n  submissionState?: SubmissionState\n  reviewerFilterType?: SubmissionReviewerFilterType\n}\n\nexport function AccessRequestSubmissionTable({\n  showSubmitter = false,\n  showStatus = false,\n  showRequesters = false,\n  accessorId,\n  accessRequirementId,\n  reviewerId,\n  submissionState,\n  reviewerFilterType,\n}: AccessRequestSubmissionTableProps) {\n  const [tableSortState, setTableSortState] = useState<SortingState>([\n    {\n      desc: true,\n      id: 'createdOn',\n    },\n  ])\n\n  const searchRequest: SubmissionSearchRequest = useMemo(\n    () => ({\n      accessorId,\n      accessRequirementId,\n      submissionState,\n      reviewerId,\n      reviewerFilterType,\n      sort: getSortApiRequestFromTableSortState(tableSortState) as\n        | SubmissionSearchSort[] // cast to synapse-types (not OpenAPI-defined) type\n        | undefined,\n    }),\n    [\n      accessorId,\n      accessRequirementId,\n      submissionState,\n      reviewerId,\n      reviewerFilterType,\n      tableSortState,\n    ],\n  )\n\n  const { data, hasNextPage, fetchNextPage, isLoading, isFetchingNextPage } =\n    useSearchAccessSubmissionsInfinite(searchRequest)\n\n  const accessSubmissions = useMemo(\n    () => data?.pages.flatMap(page => page.results) ?? [],\n    [data?.pages],\n  )\n\n  const table = useReactTable<SubmissionSearchResult>({\n    data: accessSubmissions,\n    columns: columns,\n    getCoreRowModel: getCoreRowModel(),\n    enableFilters: false, // filters are handled by separate controls\n    manualSorting: true,\n    onSortingChange: setTableSortState,\n    state: {\n      sorting: tableSortState,\n      columnVisibility: {\n        submitterId: showSubmitter,\n        state: showStatus,\n        accessorChanges: showRequesters,\n      },\n    },\n    columnResizeMode: 'onChange',\n  })\n\n  const isEmpty = !isLoading && table.getRowModel().rows.length === 0\n\n  return (\n    <div className={'AccessSubmissionTable'}>\n      <InfiniteTableLayout\n        table={<StyledTanStackTable table={table} fullWidth={true} />}\n        isLoading={isLoading}\n        isEmpty={isEmpty}\n        hasNextPage={hasNextPage}\n        onFetchNextPageClicked={() => {\n          void fetchNextPage()\n        }}\n        isFetchingNextPage={isFetchingNextPage}\n      />\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/components/dataaccess/AccessRequirementDashboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccessRequirementDashboard.js","names":[],"sources":["../../../src/components/dataaccess/AccessRequirementDashboard.tsx"],"sourcesContent":["import { InputSizedButton } from '@/components/styled/InputSizedButton'\nimport { SYNAPSE_ENTITY_ID_REGEX } from '@/utils/functions/RegularExpressions'\nimport { SearchOutlined } from '@mui/icons-material'\nimport { Grid, InputAdornment, TextField, Typography } from '@mui/material'\nimport { useDebouncedState } from '@react-hookz/web'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport { omitBy } from 'lodash-es'\nimport { useCallback, useEffect, useMemo, useState } from 'react'\nimport { useLocation, useNavigate } from 'react-router'\nimport { EntityFinderModal } from '../EntityFinder/EntityFinderModal'\nimport { FinderScope } from '../EntityFinder/tree/EntityTree'\nimport UserSearchBox from '../UserSearchBox/UserSearchBox'\nimport { AccessRequirementTable } from './AccessRequirementTable'\n\nexport const AR_NAME_OR_ID_SEARCH_PARAM_KEY = 'nameOrID'\nexport const RELATED_PROJECT_ID_SEARCH_PARAM_KEY = 'relatedProjectId'\nexport const REVIEWER_ID_SEARCH_PARAM_KEY = 'reviewerId'\nexport const AR_TYPE_SEARCH_PARAM_KEY = 'type'\n\nexport type AccessRequirementDashboardProps = {\n  onCreateNewAccessRequirementClicked?: () => void\n}\n\nexport function AccessRequirementDashboard(\n  props: AccessRequirementDashboardProps,\n) {\n  // Amount of time to wait after an input value changes before sending a new request\n  const INPUT_CHANGE_DEBOUNCE_DELAY_MS = 500\n\n  const { onCreateNewAccessRequirementClicked } = props\n\n  const location = useLocation()\n  const urlSearchParams = useMemo(\n    () => new URLSearchParams(location.search),\n    [location.search],\n  )\n  const navigate = useNavigate()\n\n  /**\n   * When an input changes, update the props passed to the table and update the search params.\n   *\n   * Debounced to prevent firing many queries while the user is entering text.\n   */\n  const [nameOrID, setNameOrID] = useDebouncedState<string>(\n    urlSearchParams.get(AR_NAME_OR_ID_SEARCH_PARAM_KEY) ?? '',\n    INPUT_CHANGE_DEBOUNCE_DELAY_MS,\n  )\n  const [relatedProjectId, setRelatedProjectId] = useDebouncedState<\n    string | undefined\n  >(\n    urlSearchParams.get(RELATED_PROJECT_ID_SEARCH_PARAM_KEY) ?? undefined,\n    INPUT_CHANGE_DEBOUNCE_DELAY_MS,\n  )\n  const [reviewerId, setReviewerId] = useDebouncedState<string | undefined>(\n    urlSearchParams.get(REVIEWER_ID_SEARCH_PARAM_KEY) ?? undefined,\n    INPUT_CHANGE_DEBOUNCE_DELAY_MS,\n  )\n  const [typeFilter, setTypeFilter] = useState<string | undefined>(\n    urlSearchParams.get(AR_TYPE_SEARCH_PARAM_KEY) ?? undefined,\n  )\n\n  const projectFilterFieldIsError: boolean = useMemo(\n    () =>\n      !!(relatedProjectId && !SYNAPSE_ENTITY_ID_REGEX.exec(relatedProjectId)),\n    [relatedProjectId],\n  )\n\n  const [showEntityFinder, setShowEntityFinder] = useState(false)\n\n  // Update the QueryParams when the filter state changes\n  useEffect(() => {\n    // Don't include undefined/empty parameters\n    const params = omitBy(\n      {\n        // Sync the search params state with the debounced props\n        [AR_NAME_OR_ID_SEARCH_PARAM_KEY]: nameOrID,\n        [RELATED_PROJECT_ID_SEARCH_PARAM_KEY]: relatedProjectId,\n        [REVIEWER_ID_SEARCH_PARAM_KEY]: reviewerId,\n        [AR_TYPE_SEARCH_PARAM_KEY]: typeFilter, // typeFilter state is not debounced\n      },\n      item => item === undefined || item === '',\n    ) as Record<string, string>\n\n    // Add the new params to the URL\n    // Replace history because intuitively, the user has not navigated to a new page\n    const paramsObject = new URLSearchParams(params)\n    navigate(\n      {\n        pathname: location.pathname,\n        search: paramsObject.toString(),\n      },\n      { replace: true },\n    )\n  }, [\n    nameOrID,\n    relatedProjectId,\n    reviewerId,\n    typeFilter,\n    navigate,\n    location.pathname,\n  ])\n\n  const onReviewerChange = useCallback(\n    (selected: string | null) => {\n      if (selected) {\n        setReviewerId(selected)\n      } else {\n        setReviewerId(undefined)\n      }\n    },\n    [setReviewerId],\n  )\n\n  return (\n    <div className=\"AccessRequirementDashboard\">\n      <EntityFinderModal\n        configuration={{\n          initialScope: FinderScope.ALL_PROJECTS,\n          initialContainer: null,\n          selectMultiple: false,\n          selectableTypes: [EntityType.project],\n          treeOnly: true,\n        }}\n        show={showEntityFinder}\n        onCancel={() => {\n          setShowEntityFinder(false)\n        }}\n        title={'Select Project to Filter Access Requirements'}\n        promptCopy={\n          'Select a project to find Access Requirements that are associated with that project. Access Requirements will be found if the Access Requirement is applied to the project, or if it is applied to any item inside the project.'\n        }\n        onConfirm={selected => {\n          setRelatedProjectId(selected[0].targetId)\n          setShowEntityFinder(false)\n        }}\n        confirmButtonCopy={'Select'}\n      />\n      <Grid component={'form'} container spacing={2} className=\"InputPanel\">\n        <Grid size={{ xs: 12, md: 4 }}>\n          <TextField\n            label=\"Filter by Access Requirement Name or ID\"\n            id=\"ar-name-filter\"\n            type=\"text\"\n            fullWidth\n            placeholder=\"Search for an Access Requirement Name or ID\"\n            onChange={e => {\n              setNameOrID(e.target.value)\n            }}\n            slotProps={{\n              input: {\n                endAdornment: (\n                  <InputAdornment position=\"end\">\n                    <SearchOutlined />\n                  </InputAdornment>\n                ),\n              },\n            }}\n          />\n        </Grid>\n        <Grid\n          size={{ xs: 12, md: 4 }}\n          sx={{\n            display: 'flex',\n            gap: '5px',\n            alignItems: 'stretch',\n          }}\n        >\n          <TextField\n            label=\"Filter by Project\"\n            id=\"project-id-filter\"\n            type=\"text\"\n            fullWidth\n            placeholder=\"Enter a project SynID\"\n            error={projectFilterFieldIsError}\n            helperText={\n              projectFilterFieldIsError\n                ? 'Value must be a Synapse ID, e.g. \"syn1234\"'\n                : undefined\n            }\n            onChange={e => {\n              const newValue = e.target.value\n              if (newValue === '') {\n                setRelatedProjectId(undefined)\n              } else {\n                setRelatedProjectId(newValue)\n              }\n            }}\n          />\n          <InputSizedButton\n            variant=\"outlined\"\n            color=\"primary\"\n            onClick={() => {\n              setShowEntityFinder(true)\n            }}\n          >\n            Browse\n          </InputSizedButton>\n        </Grid>\n        <Grid size={{ xs: 12, md: 4 }}>\n          <Typography\n            component=\"label\"\n            variant=\"smallText2\"\n            htmlFor=\"reviewer-filter\"\n          >\n            Filter by Reviewer\n          </Typography>\n          <UserSearchBox\n            inputId=\"reviewer-filter\"\n            placeholder=\"Search for a username or team name\"\n            defaultValue={reviewerId}\n            onChange={onReviewerChange}\n          />\n        </Grid>\n      </Grid>\n      <AccessRequirementTable\n        nameOrID={nameOrID}\n        relatedProjectId={relatedProjectId}\n        reviewerId={reviewerId}\n        onCreateNewAccessRequirementClicked={\n          onCreateNewAccessRequirementClicked\n        }\n        typeFilter={typeFilter}\n        onTypeFilterChange={setTypeFilter}\n      />\n    </div>\n  )\n}\n\nexport default AccessRequirementDashboard\n"],"mappings":"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"}
+{"version":3,"file":"AccessRequirementDashboard.js","names":[],"sources":["../../../src/components/dataaccess/AccessRequirementDashboard.tsx"],"sourcesContent":["import { InputSizedButton } from '@/components/styled/InputSizedButton'\nimport { SYNAPSE_ENTITY_ID_REGEX } from '@/utils/functions/RegularExpressions'\nimport { SearchOutlined } from '@mui/icons-material'\nimport { Grid, InputAdornment, TextField, Typography } from '@mui/material'\nimport { useDebouncedState } from '@react-hookz/web'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport { omitBy } from 'lodash-es'\nimport { useCallback, useEffect, useMemo, useState } from 'react'\nimport { useLocation, useNavigate } from 'react-router'\nimport { EntityFinderModal } from '../EntityFinder/EntityFinderModal'\nimport { FinderScope } from '../EntityFinder/tree/EntityTree'\nimport UserSearchBox from '../UserSearchBox/UserSearchBox'\nimport { AccessRequirementTable } from './AccessRequirementTable'\n\nexport const AR_NAME_OR_ID_SEARCH_PARAM_KEY = 'nameOrID'\nexport const RELATED_PROJECT_ID_SEARCH_PARAM_KEY = 'relatedProjectId'\nexport const REVIEWER_ID_SEARCH_PARAM_KEY = 'reviewerId'\nexport const AR_TYPE_SEARCH_PARAM_KEY = 'type'\n\nexport type AccessRequirementDashboardProps = {\n  onCreateNewAccessRequirementClicked?: () => void\n}\n\nexport function AccessRequirementDashboard(\n  props: AccessRequirementDashboardProps,\n) {\n  // Amount of time to wait after an input value changes before sending a new request\n  const INPUT_CHANGE_DEBOUNCE_DELAY_MS = 500\n\n  const { onCreateNewAccessRequirementClicked } = props\n\n  const location = useLocation()\n  const urlSearchParams = useMemo(\n    () => new URLSearchParams(location.search),\n    [location.search],\n  )\n  const navigate = useNavigate()\n\n  /**\n   * When an input changes, update the props passed to the table and update the search params.\n   *\n   * Debounced to prevent firing many queries while the user is entering text.\n   */\n  const [nameOrID, setNameOrID] = useDebouncedState<string>(\n    urlSearchParams.get(AR_NAME_OR_ID_SEARCH_PARAM_KEY) ?? '',\n    INPUT_CHANGE_DEBOUNCE_DELAY_MS,\n  )\n  const [relatedProjectId, setRelatedProjectId] = useDebouncedState<\n    string | undefined\n  >(\n    urlSearchParams.get(RELATED_PROJECT_ID_SEARCH_PARAM_KEY) ?? undefined,\n    INPUT_CHANGE_DEBOUNCE_DELAY_MS,\n  )\n  const [reviewerId, setReviewerId] = useDebouncedState<string | undefined>(\n    urlSearchParams.get(REVIEWER_ID_SEARCH_PARAM_KEY) ?? undefined,\n    INPUT_CHANGE_DEBOUNCE_DELAY_MS,\n  )\n  const [typeFilter, setTypeFilter] = useState<string | undefined>(\n    urlSearchParams.get(AR_TYPE_SEARCH_PARAM_KEY) ?? undefined,\n  )\n\n  const projectFilterFieldIsError: boolean = useMemo(\n    () =>\n      !!(relatedProjectId && !SYNAPSE_ENTITY_ID_REGEX.exec(relatedProjectId)),\n    [relatedProjectId],\n  )\n\n  const [showEntityFinder, setShowEntityFinder] = useState(false)\n\n  // Update the QueryParams when the filter state changes\n  useEffect(() => {\n    // Don't include undefined/empty parameters\n    const params = omitBy(\n      {\n        // Sync the search params state with the debounced props\n        [AR_NAME_OR_ID_SEARCH_PARAM_KEY]: nameOrID,\n        [RELATED_PROJECT_ID_SEARCH_PARAM_KEY]: relatedProjectId,\n        [REVIEWER_ID_SEARCH_PARAM_KEY]: reviewerId,\n        [AR_TYPE_SEARCH_PARAM_KEY]: typeFilter, // typeFilter state is not debounced\n      },\n      item => item === undefined || item === '',\n    ) as Record<string, string>\n\n    // Add the new params to the URL\n    // Replace history because intuitively, the user has not navigated to a new page\n    const paramsObject = new URLSearchParams(params)\n    navigate(\n      {\n        pathname: location.pathname,\n        search: paramsObject.toString(),\n      },\n      { replace: true },\n    )\n  }, [\n    nameOrID,\n    relatedProjectId,\n    reviewerId,\n    typeFilter,\n    navigate,\n    location.pathname,\n  ])\n\n  const onReviewerChange = useCallback(\n    (selected: string | null) => {\n      if (selected) {\n        setReviewerId(selected)\n      } else {\n        setReviewerId(undefined)\n      }\n    },\n    [setReviewerId],\n  )\n\n  return (\n    <div className=\"AccessRequirementDashboard\">\n      <EntityFinderModal\n        configuration={{\n          initialScope: FinderScope.ALL_PROJECTS,\n          initialContainer: null,\n          selectMultiple: false,\n          selectableTypes: [EntityType.project],\n          treeOnly: true,\n        }}\n        show={showEntityFinder}\n        onCancel={() => {\n          setShowEntityFinder(false)\n        }}\n        title={'Select Project to Filter Access Requirements'}\n        promptCopy={\n          'Select a project to find Access Requirements that are associated with that project. Access Requirements will be found if the Access Requirement is applied to the project, or if it is applied to any item inside the project.'\n        }\n        onConfirm={selected => {\n          setRelatedProjectId(selected[0].targetId)\n          setShowEntityFinder(false)\n        }}\n        confirmButtonCopy={'Select'}\n      />\n      <Grid component={'form'} container spacing={2} className=\"InputPanel\">\n        <Grid size={{ xs: 12, md: 4 }}>\n          <TextField\n            label=\"Filter by Access Requirement Name or ID\"\n            id=\"ar-name-filter\"\n            type=\"text\"\n            fullWidth\n            placeholder=\"Search for an Access Requirement Name or ID\"\n            onChange={e => {\n              setNameOrID(e.target.value)\n            }}\n            slotProps={{\n              input: {\n                endAdornment: (\n                  <InputAdornment position=\"end\">\n                    <SearchOutlined />\n                  </InputAdornment>\n                ),\n              },\n            }}\n          />\n        </Grid>\n        <Grid\n          size={{ xs: 12, md: 4 }}\n          sx={{\n            display: 'flex',\n            gap: '5px',\n            alignItems: 'stretch',\n          }}\n        >\n          <TextField\n            label=\"Filter by Project\"\n            id=\"project-id-filter\"\n            type=\"text\"\n            fullWidth\n            placeholder=\"Enter a project SynID\"\n            error={projectFilterFieldIsError}\n            helperText={\n              projectFilterFieldIsError\n                ? 'Value must be a Synapse ID, e.g. \"syn1234\"'\n                : undefined\n            }\n            onChange={e => {\n              const newValue = e.target.value\n              if (newValue === '') {\n                setRelatedProjectId(undefined)\n              } else {\n                setRelatedProjectId(newValue)\n              }\n            }}\n          />\n          <InputSizedButton\n            variant=\"outlined\"\n            color=\"primary\"\n            onClick={() => {\n              setShowEntityFinder(true)\n            }}\n          >\n            Browse\n          </InputSizedButton>\n        </Grid>\n        <Grid size={{ xs: 12, md: 4 }}>\n          <Typography\n            component=\"label\"\n            variant=\"smallText2\"\n            htmlFor=\"reviewer-filter\"\n          >\n            Filter by Reviewer\n          </Typography>\n          <UserSearchBox\n            inputId=\"reviewer-filter\"\n            placeholder=\"Search for a username or team name\"\n            defaultValue={reviewerId}\n            onChange={onReviewerChange}\n          />\n        </Grid>\n      </Grid>\n      <AccessRequirementTable\n        nameOrID={nameOrID}\n        relatedProjectId={relatedProjectId}\n        reviewerId={reviewerId}\n        onCreateNewAccessRequirementClicked={\n          onCreateNewAccessRequirementClicked\n        }\n        typeFilter={typeFilter}\n        onTypeFilterChange={setTypeFilter}\n      />\n    </div>\n  )\n}\n\nexport default AccessRequirementDashboard\n"],"mappings":"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"}

package/dist/components/dataaccess/AccessRequirementSearchBox/AccessRequirementSearchBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccessRequirementSearchBox.js","names":[],"sources":["../../../../src/components/dataaccess/AccessRequirementSearchBox/AccessRequirementSearchBox.tsx"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport { useGetAccessRequirements } from '@/synapse-queries/dataaccess/useAccessRequirements'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { Skeleton, useTheme } from '@mui/material'\nimport AsyncSelect from 'react-select/async'\n\nexport type AccessRequirementSearchBoxProps = {\n  /* id for the input tag */\n  inputId?: string\n  initialId?: string | number\n  onChange: (accessRequirementId?: string) => void\n  placeholder?: string\n}\n\nexport function getOptionLabel(id: string | number, name: string) {\n  if (id.toString() === name) {\n    return name\n  } else {\n    return `${name} (${id})`\n  }\n}\n\nexport default function AccessRequirementSearchBox(\n  props: AccessRequirementSearchBoxProps,\n) {\n  const { inputId, initialId, onChange, placeholder } = props\n\n  const { palette } = useTheme()\n  const { accessToken } = useSynapseContext()\n  const { data: initialAccessRequirement, isLoading: isLoadingInitialAR } =\n    useGetAccessRequirements(initialId!, {\n      enabled: !!initialId,\n    })\n\n  async function loadOptions(inputValue: string) {\n    // Check to see if the entered text is an AR ID\n    const parsedId = parseInt(inputValue)\n    let data: Array<{ id: string | number; name: string }> | undefined =\n      undefined\n    if (parsedId) {\n      data = [\n        await SynapseClient.getAccessRequirementById(accessToken, parsedId),\n      ]\n    }\n\n    // If the input wasn't an integer, or didn't match an existing AR ID, then search ARs\n    if (!data) {\n      data = (\n        await SynapseClient.searchAccessRequirements(accessToken, {\n          nameContains: inputValue,\n        })\n      )?.results\n    }\n\n    // Map the AR(s) to options for the select input component\n    return (\n      data?.map(item => ({\n        id: item.id.toString(),\n        value: item.id.toString(),\n        label: getOptionLabel(item.id, item.name),\n      })) ?? []\n    )\n  }\n\n  if (initialId && isLoadingInitialAR) {\n    return <Skeleton width=\"100%\" />\n  }\n\n  return (\n    <AsyncSelect\n      className=\"AsyncSelect\"\n      defaultInputValue={\n        initialId\n          ? getOptionLabel(\n              initialId,\n              initialAccessRequirement?.name ?? initialId.toString(),\n            )\n          : undefined\n      }\n      defaultOptions={\n        initialId\n          ? [\n              {\n                id: initialId,\n                value: initialId,\n                label: getOptionLabel(\n                  initialId,\n                  initialAccessRequirement?.name ?? initialId.toString(),\n                ),\n              },\n            ]\n          : true\n      }\n      inputId={inputId}\n      cacheOptions\n      isClearable\n      styles={{\n        control: styles => ({ ...styles, backgroundColor: palette.grey[200] }),\n        input: provided => ({\n          ...provided,\n          // SWC-6327 - Adjust the input style so a right-click focuses on the input field\n          input: {\n            gridArea: '1 / 2 / 4 / 4 !important',\n          },\n        }),\n      }}\n      loadOptions={loadOptions}\n      onChange={option => {\n        onChange(option?.id.toString())\n      }}\n      placeholder={placeholder}\n    />\n  )\n}\n"],"mappings":";;;;;;;AAcA,SAAgB,EAAe,GAAqB,GAAc;AAI9D,QAHE,EAAG,UAAU,KAAK,IACb,IAEA,GAAG,EAAK,IAAI,EAAG;;AAI1B,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,YAAS,cAAW,aAAU,mBAAgB,GAEhD,EAAE,eAAY,GAAU,EACxB,EAAE,mBAAgB,GAAmB,EACrC,EAAE,MAAM,GAA0B,WAAW,MACjD,EAAyB,GAAY,EACnC,SAAS,CAAC,CAAC,GACZ,CAAC;CAEJ,eAAe,EAAY,GAAoB;EAE7C,IAAM,IAAW,SAAS,EAAW,EACjC;AAkBJ,SAhBI,MACF,IAAO,CACL,MAAM,EAAc,yBAAyB,GAAa,EAAS,CACpE,GAIH,AACE,OACE,MAAM,EAAc,yBAAyB,GAAa,EACxD,cAAc,GACf,CAAC,GACD,SAKH,GAAM,KAAI,OAAS;GACjB,IAAI,EAAK,GAAG,UAAU;GACtB,OAAO,EAAK,GAAG,UAAU;GACzB,OAAO,EAAe,EAAK,IAAI,EAAK,KAAK;GAC1C,EAAE,IAAI,EAAE;;AAQb,QAJI,KAAa,IACR,kBAAC,GAAD,EAAU,OAAM,QAAS,CAAA,GAIhC,kBAAC,GAAD;EACE,WAAU;EACV,mBACE,IACI,EACE,GACA,GAA0B,QAAQ,EAAU,UAAU,CACvD,GACD,KAAA;EAEN,gBACE,IACI,CACE;GACE,IAAI;GACJ,OAAO;GACP,OAAO,EACL,GACA,GAA0B,QAAQ,EAAU,UAAU,CACvD;GACF,CACF,GACD;EAEG;EACT,cAAA;EACA,aAAA;EACA,QAAQ;GACN,UAAS,OAAW;IAAE,GAAG;IAAQ,iBAAiB,EAAQ,KAAK;IAAM;GACrE,QAAO,OAAa;IAClB,GAAG;IAEH,OAAO,EACL,UAAU,4BACX;IACF;GACF;EACY;EACb,WAAU,MAAU;AAClB,KAAS,GAAQ,GAAG,UAAU,CAAC;;EAEpB;EACb,CAAA"}
+{"version":3,"file":"AccessRequirementSearchBox.js","names":[],"sources":["../../../../src/components/dataaccess/AccessRequirementSearchBox/AccessRequirementSearchBox.tsx"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport { useGetAccessRequirements } from '@/synapse-queries/dataaccess/useAccessRequirements'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { Skeleton, useTheme } from '@mui/material'\nimport AsyncSelect from 'react-select/async'\n\nexport type AccessRequirementSearchBoxProps = {\n  /* id for the input tag */\n  inputId?: string\n  initialId?: string | number\n  onChange: (accessRequirementId?: string) => void\n  placeholder?: string\n}\n\nexport function getOptionLabel(id: string | number, name: string) {\n  if (id.toString() === name) {\n    return name\n  } else {\n    return `${name} (${id})`\n  }\n}\n\nexport default function AccessRequirementSearchBox(\n  props: AccessRequirementSearchBoxProps,\n) {\n  const { inputId, initialId, onChange, placeholder } = props\n\n  const { palette } = useTheme()\n  const { accessToken } = useSynapseContext()\n  const { data: initialAccessRequirement, isLoading: isLoadingInitialAR } =\n    useGetAccessRequirements(initialId!, {\n      enabled: !!initialId,\n    })\n\n  async function loadOptions(inputValue: string) {\n    // Check to see if the entered text is an AR ID\n    const parsedId = parseInt(inputValue)\n    let data: Array<{ id: string | number; name: string }> | undefined =\n      undefined\n    if (parsedId) {\n      data = [\n        await SynapseClient.getAccessRequirementById(accessToken, parsedId),\n      ]\n    }\n\n    // If the input wasn't an integer, or didn't match an existing AR ID, then search ARs\n    if (!data) {\n      data = (\n        await SynapseClient.searchAccessRequirements(accessToken, {\n          nameContains: inputValue,\n        })\n      )?.results\n    }\n\n    // Map the AR(s) to options for the select input component\n    return (\n      data?.map(item => ({\n        id: item.id.toString(),\n        value: item.id.toString(),\n        label: getOptionLabel(item.id, item.name),\n      })) ?? []\n    )\n  }\n\n  if (initialId && isLoadingInitialAR) {\n    return <Skeleton width=\"100%\" />\n  }\n\n  return (\n    <AsyncSelect\n      className=\"AsyncSelect\"\n      defaultInputValue={\n        initialId\n          ? getOptionLabel(\n              initialId,\n              initialAccessRequirement?.name ?? initialId.toString(),\n            )\n          : undefined\n      }\n      defaultOptions={\n        initialId\n          ? [\n              {\n                id: initialId,\n                value: initialId,\n                label: getOptionLabel(\n                  initialId,\n                  initialAccessRequirement?.name ?? initialId.toString(),\n                ),\n              },\n            ]\n          : true\n      }\n      inputId={inputId}\n      cacheOptions\n      isClearable\n      styles={{\n        control: styles => ({ ...styles, backgroundColor: palette.grey[200] }),\n        input: provided => ({\n          ...provided,\n          // SWC-6327 - Adjust the input style so a right-click focuses on the input field\n          input: {\n            gridArea: '1 / 2 / 4 / 4 !important',\n          },\n        }),\n      }}\n      loadOptions={loadOptions}\n      onChange={option => {\n        onChange(option?.id.toString())\n      }}\n      placeholder={placeholder}\n    />\n  )\n}\n"],"mappings":";;;;;;;AAcA,SAAgB,EAAe,GAAqB,GAAc;CAI9D,OAHE,EAAG,SAAS,MAAM,IACb,IAEA,GAAG,EAAK,IAAI,EAAG;AAE1B;AAEA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,YAAS,cAAW,aAAU,mBAAgB,GAEhD,EAAE,eAAY,EAAS,GACvB,EAAE,mBAAgB,EAAkB,GACpC,EAAE,MAAM,GAA0B,WAAW,MACjD,EAAyB,GAAY,EACnC,SAAS,CAAC,CAAC,EACb,CAAC;CAEH,eAAe,EAAY,GAAoB;EAE7C,IAAM,IAAW,SAAS,CAAU,GAChC;EAkBJ,OAhBI,MACF,IAAO,CACL,MAAM,EAAc,yBAAyB,GAAa,CAAQ,CACpE,IAIF,AACE,OACE,MAAM,EAAc,yBAAyB,GAAa,EACxD,cAAc,EAChB,CAAC,IACA,SAKH,GAAM,KAAI,OAAS;GACjB,IAAI,EAAK,GAAG,SAAS;GACrB,OAAO,EAAK,GAAG,SAAS;GACxB,OAAO,EAAe,EAAK,IAAI,EAAK,IAAI;EAC1C,EAAE,KAAK,CAAC;CAEZ;CAMA,OAJI,KAAa,IACR,kBAAC,GAAD,EAAU,OAAM,OAAQ,CAAA,IAI/B,kBAAC,GAAD;EACE,WAAU;EACV,mBACE,IACI,EACE,GACA,GAA0B,QAAQ,EAAU,SAAS,CACvD,IACA,KAAA;EAEN,gBACE,IACI,CACE;GACE,IAAI;GACJ,OAAO;GACP,OAAO,EACL,GACA,GAA0B,QAAQ,EAAU,SAAS,CACvD;EACF,CACF,IACA;EAEG;EACT,cAAA;EACA,aAAA;EACA,QAAQ;GACN,UAAS,OAAW;IAAE,GAAG;IAAQ,iBAAiB,EAAQ,KAAK;GAAK;GACpE,QAAO,OAAa;IAClB,GAAG;IAEH,OAAO,EACL,UAAU,2BACZ;GACF;EACF;EACa;EACb,WAAU,MAAU;GAClB,EAAS,GAAQ,GAAG,SAAS,CAAC;EAChC;EACa;CACd,CAAA;AAEL"}

package/dist/components/dataaccess/AccessRequirementTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccessRequirementTable.js","names":[],"sources":["../../../src/components/dataaccess/AccessRequirementTable.tsx"],"sourcesContent":["import InfiniteTableLayout from '@/components/layout/InfiniteTableLayout'\nimport { ACCESS_TYPE } from '@sage-bionetworks/synapse-types'\nimport { Button, Typography } from '@mui/material'\nimport { StarTwoTone } from '@mui/icons-material'\nimport { useAccessRequirementTable } from './UseAccessRequirementTable'\nimport StyledTanStackTable from '../TanStackTable/StyledTanStackTable'\nimport { noop } from 'lodash-es'\n\nexport type AccessRequirementTableProps = {\n  nameOrID?: string\n  relatedProjectId?: string\n  reviewerId?: string\n  accessType?: ACCESS_TYPE\n  onCreateNewAccessRequirementClicked?: () => void\n  typeFilter?: string\n  onTypeFilterChange?: (typeFilter: string | undefined) => void\n}\n\nexport function AccessRequirementTable(props: AccessRequirementTableProps) {\n  const {\n    nameOrID,\n    relatedProjectId,\n    reviewerId,\n    accessType,\n    onCreateNewAccessRequirementClicked,\n    typeFilter,\n    onTypeFilterChange = noop,\n  } = props\n\n  const { table, isLoading, hasNextPage, fetchNextPage, isFetchingNextPage } =\n    useAccessRequirementTable({\n      nameOrID,\n      relatedProjectId,\n      reviewerId,\n      accessType,\n      typeFilter,\n      onTypeFilterChange,\n    })\n\n  const isEmpty = !isLoading && table.getRowModel().rows.length === 0\n\n  return (\n    <div>\n      <div className=\"SRC-split\">\n        <Typography variant=\"headline3\" style={{ marginBottom: 0 }}>\n          Access Requirements\n        </Typography>\n        {onCreateNewAccessRequirementClicked && (\n          <Button\n            variant=\"outlined\"\n            color=\"primary\"\n            onClick={onCreateNewAccessRequirementClicked}\n            startIcon={<StarTwoTone />}\n          >\n            New Access Requirement\n          </Button>\n        )}\n      </div>\n      <InfiniteTableLayout\n        table={\n          <StyledTanStackTable\n            table={table}\n            styledTableContainerProps={{ sx: { my: 2 } }}\n          />\n        }\n        isLoading={isLoading}\n        isEmpty={isEmpty}\n        hasNextPage={hasNextPage}\n        onFetchNextPageClicked={() => {\n          fetchNextPage()\n        }}\n        isFetchingNextPage={isFetchingNextPage}\n      />\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;AAkBA,SAAgB,EAAuB,GAAoC;CACzE,IAAM,EACJ,aACA,qBACA,eACA,eACA,wCACA,eACA,wBAAqB,MACnB,GAEE,EAAE,UAAO,cAAW,gBAAa,kBAAe,0BACpD,EAA0B;EACxB;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EAEE,IAAU,CAAC,KAAa,EAAM,aAAa,CAAC,KAAK,WAAW;AAElE,QACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GAAY,SAAQ;GAAY,OAAO,EAAE,cAAc,GAAG;aAAE;GAE/C,CAAA,EACZ,KACC,kBAAC,GAAD;GACE,SAAQ;GACR,OAAM;GACN,SAAS;GACT,WAAW,kBAAC,GAAD,EAAe,CAAA;aAC3B;GAEQ,CAAA,CAEP;KACN,kBAAC,GAAD;EACE,OACE,kBAAC,GAAD;GACS;GACP,2BAA2B,EAAE,IAAI,EAAE,IAAI,GAAG,EAAE;GAC5C,CAAA;EAEO;EACF;EACI;EACb,8BAA8B;AAC5B,MAAe;;EAEG;EACpB,CAAA,CACE,EAAA,CAAA"}
+{"version":3,"file":"AccessRequirementTable.js","names":[],"sources":["../../../src/components/dataaccess/AccessRequirementTable.tsx"],"sourcesContent":["import InfiniteTableLayout from '@/components/layout/InfiniteTableLayout'\nimport { ACCESS_TYPE } from '@sage-bionetworks/synapse-types'\nimport { Button, Typography } from '@mui/material'\nimport { StarTwoTone } from '@mui/icons-material'\nimport { useAccessRequirementTable } from './UseAccessRequirementTable'\nimport StyledTanStackTable from '../TanStackTable/StyledTanStackTable'\nimport { noop } from 'lodash-es'\n\nexport type AccessRequirementTableProps = {\n  nameOrID?: string\n  relatedProjectId?: string\n  reviewerId?: string\n  accessType?: ACCESS_TYPE\n  onCreateNewAccessRequirementClicked?: () => void\n  typeFilter?: string\n  onTypeFilterChange?: (typeFilter: string | undefined) => void\n}\n\nexport function AccessRequirementTable(props: AccessRequirementTableProps) {\n  const {\n    nameOrID,\n    relatedProjectId,\n    reviewerId,\n    accessType,\n    onCreateNewAccessRequirementClicked,\n    typeFilter,\n    onTypeFilterChange = noop,\n  } = props\n\n  const { table, isLoading, hasNextPage, fetchNextPage, isFetchingNextPage } =\n    useAccessRequirementTable({\n      nameOrID,\n      relatedProjectId,\n      reviewerId,\n      accessType,\n      typeFilter,\n      onTypeFilterChange,\n    })\n\n  const isEmpty = !isLoading && table.getRowModel().rows.length === 0\n\n  return (\n    <div>\n      <div className=\"SRC-split\">\n        <Typography variant=\"headline3\" style={{ marginBottom: 0 }}>\n          Access Requirements\n        </Typography>\n        {onCreateNewAccessRequirementClicked && (\n          <Button\n            variant=\"outlined\"\n            color=\"primary\"\n            onClick={onCreateNewAccessRequirementClicked}\n            startIcon={<StarTwoTone />}\n          >\n            New Access Requirement\n          </Button>\n        )}\n      </div>\n      <InfiniteTableLayout\n        table={\n          <StyledTanStackTable\n            table={table}\n            styledTableContainerProps={{ sx: { my: 2 } }}\n          />\n        }\n        isLoading={isLoading}\n        isEmpty={isEmpty}\n        hasNextPage={hasNextPage}\n        onFetchNextPageClicked={() => {\n          fetchNextPage()\n        }}\n        isFetchingNextPage={isFetchingNextPage}\n      />\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;AAkBA,SAAgB,EAAuB,GAAoC;CACzE,IAAM,EACJ,aACA,qBACA,eACA,eACA,wCACA,eACA,wBAAqB,MACnB,GAEE,EAAE,UAAO,cAAW,gBAAa,kBAAe,0BACpD,EAA0B;EACxB;EACA;EACA;EACA;EACA;EACA;CACF,CAAC,GAEG,IAAU,CAAC,KAAa,EAAM,YAAY,EAAE,KAAK,WAAW;CAElE,OACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GAAY,SAAQ;GAAY,OAAO,EAAE,cAAc,EAAE;aAAG;EAEhD,CAAA,GACX,KACC,kBAAC,GAAD;GACE,SAAQ;GACR,OAAM;GACN,SAAS;GACT,WAAW,kBAAC,GAAD,CAAc,CAAA;aAC1B;EAEO,CAAA,CAEP;KACL,kBAAC,GAAD;EACE,OACE,kBAAC,GAAD;GACS;GACP,2BAA2B,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE;EAC5C,CAAA;EAEQ;EACF;EACI;EACb,8BAA8B;GAC5B,EAAc;EAChB;EACoB;CACrB,CAAA,CACE,EAAA,CAAA;AAET"}

package/dist/components/dataaccess/AccessSubmissionDashboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccessSubmissionDashboard.js","names":[],"sources":["../../../src/components/dataaccess/AccessSubmissionDashboard.tsx"],"sourcesContent":["import React from 'react'\nimport { useIsCurrentUserACTMember } from '@/synapse-queries/index'\nimport { useDebouncedEffect } from '@/utils/hooks/useDebouncedEffect'\nimport { ACT_TEAM_ID } from '@/utils/SynapseConstants'\nimport {\n  Checkbox,\n  FormControlLabel,\n  Grid,\n  Tooltip,\n  Typography,\n} from '@mui/material'\nimport {\n  SubmissionReviewerFilterType,\n  SubmissionState,\n  TYPE_FILTER,\n} from '@sage-bionetworks/synapse-types'\nimport { omitBy } from 'lodash-es'\nimport { useCallback, useEffect, useState } from 'react'\nimport { useLocation, useNavigate } from 'react-router'\nimport UserSearchBox from '../UserSearchBox/UserSearchBox'\nimport {\n  AccessRequestSubmissionTable,\n  AccessRequestSubmissionTableProps,\n} from './AccessRequestSubmissionTable'\nimport AccessRequirementSearchBox from './AccessRequirementSearchBox/AccessRequirementSearchBox'\n\nexport const getReviewerFilterID = (selected: string | null) => {\n  if (selected && selected !== ACT_TEAM_ID.toString()) {\n    return selected\n  } else {\n    return undefined\n  }\n}\n\nexport const DataAccessSubmissionDashboard = (): React.ReactNode => {\n  const [accessRequirementId, setAccessRequirementId] = useState<\n    string | undefined\n  >()\n  const [accessorId, setAccessorId] = useState<string | undefined>()\n  const [reviewerId, setReviewerId] = useState<string | undefined>()\n  const [reviewerFilterType, setReviewerFilterType] = useState<\n    SubmissionReviewerFilterType | undefined\n  >(SubmissionReviewerFilterType.ALL)\n  const [tableProps, setTableProps] =\n    useState<AccessRequestSubmissionTableProps>({\n      accessRequirementId,\n      accessorId,\n      reviewerId,\n      showRequesters: true,\n      submissionState: SubmissionState.SUBMITTED,\n    })\n\n  const location = useLocation()\n  const navigate = useNavigate()\n  const INPUT_CHANGE_DEBOUNCE_DELAY_MS = 500\n\n  const { data: isACT } = useIsCurrentUserACTMember()\n\n  useEffect(() => {\n    const initializeFromSearchParam = () => {\n      const initialParams = new URLSearchParams(location.search)\n      setAccessRequirementId(\n        initialParams.get('accessRequirementId') ?? undefined,\n      )\n      setAccessorId(initialParams.get('accessorId') ?? undefined)\n      setReviewerId(initialParams.get('reviewerId') ?? undefined)\n      setReviewerFilterType(\n        (initialParams.get(\n          'reviewerFilterType',\n        ) as SubmissionReviewerFilterType) ?? undefined,\n      )\n    }\n    initializeFromSearchParam()\n  }, [location.search])\n\n  const onRequesterChange = useCallback((selected: string | null) => {\n    if (selected) {\n      setAccessorId(selected)\n    } else {\n      setAccessorId(undefined)\n    }\n  }, [])\n\n  const onReviewerChange = useCallback((selected: string | null) => {\n    setReviewerId(getReviewerFilterID(selected))\n  }, [])\n\n  useDebouncedEffect(\n    () => {\n      const updateQueryParams = (\n        accessRequirementId: string | undefined,\n        accessorId: string | undefined,\n        reviewerId: string | undefined,\n        reviewerFilterType: SubmissionReviewerFilterType | undefined,\n      ) => {\n        const params = new URLSearchParams(\n          omitBy(\n            {\n              accessRequirementId,\n              accessorId,\n              reviewerId,\n              reviewerFilterType,\n            },\n            item => item === undefined || item === '',\n          ) as Record<string, string>,\n        )\n        navigate(\n          {\n            pathname: location.pathname,\n            search: params.toString(),\n          },\n          { replace: true },\n        )\n      }\n\n      updateQueryParams(\n        accessRequirementId,\n        accessorId,\n        reviewerId,\n        reviewerFilterType,\n      )\n      setTableProps({\n        accessRequirementId,\n        accessorId,\n        reviewerId,\n        reviewerFilterType,\n        showRequesters: true,\n        submissionState: SubmissionState.SUBMITTED,\n      })\n    },\n    [\n      accessRequirementId,\n      accessorId,\n      reviewerId,\n      reviewerFilterType,\n      navigate,\n      location.pathname,\n    ],\n    INPUT_CHANGE_DEBOUNCE_DELAY_MS,\n  )\n\n  return (\n    <div className=\"AccessSubmissionDashboard\">\n      <Grid\n        container\n        spacing={2}\n        className=\"InputPanel\"\n        sx={{ alignItems: 'stretch' }}\n      >\n        <Grid size={{ xs: 12, md: 4 }}>\n          <Typography\n            component=\"label\"\n            variant=\"smallText2\"\n            htmlFor=\"arId-filter\"\n          >\n            Filter by Access Requirement Name\n          </Typography>\n          <AccessRequirementSearchBox\n            inputId=\"arId-filter\"\n            onChange={setAccessRequirementId}\n            placeholder=\"Search for an Access Requirement Name \"\n          />\n        </Grid>\n        <Grid size={{ xs: 12, md: 4 }}>\n          <Typography\n            component=\"label\"\n            variant=\"smallText2\"\n            htmlFor=\"requester-filter\"\n          >\n            Filter by Requester\n          </Typography>\n          <UserSearchBox\n            inputId=\"requester-filter\"\n            placeholder=\"Search for a user name\"\n            defaultValue={accessorId}\n            onChange={onRequesterChange}\n            typeFilter={TYPE_FILTER.USERS_ONLY}\n          />\n        </Grid>\n        <Grid size={{ xs: 12, md: 4 }}>\n          <Typography\n            component=\"label\"\n            variant=\"smallText2\"\n            htmlFor=\"reviewer-filter\"\n          >\n            Filter by Reviewer\n          </Typography>\n          <UserSearchBox\n            inputId=\"reviewer-filter\"\n            placeholder=\"Search for a user or team name\"\n            defaultValue={reviewerId}\n            onChange={onReviewerChange}\n          />\n        </Grid>\n        {isACT && (\n          <Grid size={12} sx={{ textAlign: 'right' }}>\n            <Tooltip\n              title={\n                'This will hide submissions that have a reviewer specifically assigned.'\n              }\n            >\n              <FormControlLabel\n                control={<Checkbox />}\n                value={\n                  reviewerFilterType === SubmissionReviewerFilterType.ACT_ONLY\n                }\n                label=\"Reviewed by ACT only\"\n                onChange={(_, checked) => {\n                  const newValue = checked\n                    ? SubmissionReviewerFilterType.ACT_ONLY\n                    : SubmissionReviewerFilterType.ALL\n                  setReviewerFilterType(newValue)\n                }}\n              />\n            </Tooltip>\n          </Grid>\n        )}\n      </Grid>\n\n      <Typography variant=\"headline3\">Access Request Submissions</Typography>\n      <AccessRequestSubmissionTable {...tableProps} />\n    </div>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"AccessSubmissionDashboard.js","names":[],"sources":["../../../src/components/dataaccess/AccessSubmissionDashboard.tsx"],"sourcesContent":["import React from 'react'\nimport { useIsCurrentUserACTMember } from '@/synapse-queries/index'\nimport { useDebouncedEffect } from '@/utils/hooks/useDebouncedEffect'\nimport { ACT_TEAM_ID } from '@/utils/SynapseConstants'\nimport {\n  Checkbox,\n  FormControlLabel,\n  Grid,\n  Tooltip,\n  Typography,\n} from '@mui/material'\nimport {\n  SubmissionReviewerFilterType,\n  SubmissionState,\n  TYPE_FILTER,\n} from '@sage-bionetworks/synapse-types'\nimport { omitBy } from 'lodash-es'\nimport { useCallback, useEffect, useState } from 'react'\nimport { useLocation, useNavigate } from 'react-router'\nimport UserSearchBox from '../UserSearchBox/UserSearchBox'\nimport {\n  AccessRequestSubmissionTable,\n  AccessRequestSubmissionTableProps,\n} from './AccessRequestSubmissionTable'\nimport AccessRequirementSearchBox from './AccessRequirementSearchBox/AccessRequirementSearchBox'\n\nexport const getReviewerFilterID = (selected: string | null) => {\n  if (selected && selected !== ACT_TEAM_ID.toString()) {\n    return selected\n  } else {\n    return undefined\n  }\n}\n\nexport const DataAccessSubmissionDashboard = (): React.ReactNode => {\n  const [accessRequirementId, setAccessRequirementId] = useState<\n    string | undefined\n  >()\n  const [accessorId, setAccessorId] = useState<string | undefined>()\n  const [reviewerId, setReviewerId] = useState<string | undefined>()\n  const [reviewerFilterType, setReviewerFilterType] = useState<\n    SubmissionReviewerFilterType | undefined\n  >(SubmissionReviewerFilterType.ALL)\n  const [tableProps, setTableProps] =\n    useState<AccessRequestSubmissionTableProps>({\n      accessRequirementId,\n      accessorId,\n      reviewerId,\n      showRequesters: true,\n      submissionState: SubmissionState.SUBMITTED,\n    })\n\n  const location = useLocation()\n  const navigate = useNavigate()\n  const INPUT_CHANGE_DEBOUNCE_DELAY_MS = 500\n\n  const { data: isACT } = useIsCurrentUserACTMember()\n\n  useEffect(() => {\n    const initializeFromSearchParam = () => {\n      const initialParams = new URLSearchParams(location.search)\n      setAccessRequirementId(\n        initialParams.get('accessRequirementId') ?? undefined,\n      )\n      setAccessorId(initialParams.get('accessorId') ?? undefined)\n      setReviewerId(initialParams.get('reviewerId') ?? undefined)\n      setReviewerFilterType(\n        (initialParams.get(\n          'reviewerFilterType',\n        ) as SubmissionReviewerFilterType) ?? undefined,\n      )\n    }\n    initializeFromSearchParam()\n  }, [location.search])\n\n  const onRequesterChange = useCallback((selected: string | null) => {\n    if (selected) {\n      setAccessorId(selected)\n    } else {\n      setAccessorId(undefined)\n    }\n  }, [])\n\n  const onReviewerChange = useCallback((selected: string | null) => {\n    setReviewerId(getReviewerFilterID(selected))\n  }, [])\n\n  useDebouncedEffect(\n    () => {\n      const updateQueryParams = (\n        accessRequirementId: string | undefined,\n        accessorId: string | undefined,\n        reviewerId: string | undefined,\n        reviewerFilterType: SubmissionReviewerFilterType | undefined,\n      ) => {\n        const params = new URLSearchParams(\n          omitBy(\n            {\n              accessRequirementId,\n              accessorId,\n              reviewerId,\n              reviewerFilterType,\n            },\n            item => item === undefined || item === '',\n          ) as Record<string, string>,\n        )\n        navigate(\n          {\n            pathname: location.pathname,\n            search: params.toString(),\n          },\n          { replace: true },\n        )\n      }\n\n      updateQueryParams(\n        accessRequirementId,\n        accessorId,\n        reviewerId,\n        reviewerFilterType,\n      )\n      setTableProps({\n        accessRequirementId,\n        accessorId,\n        reviewerId,\n        reviewerFilterType,\n        showRequesters: true,\n        submissionState: SubmissionState.SUBMITTED,\n      })\n    },\n    [\n      accessRequirementId,\n      accessorId,\n      reviewerId,\n      reviewerFilterType,\n      navigate,\n      location.pathname,\n    ],\n    INPUT_CHANGE_DEBOUNCE_DELAY_MS,\n  )\n\n  return (\n    <div className=\"AccessSubmissionDashboard\">\n      <Grid\n        container\n        spacing={2}\n        className=\"InputPanel\"\n        sx={{ alignItems: 'stretch' }}\n      >\n        <Grid size={{ xs: 12, md: 4 }}>\n          <Typography\n            component=\"label\"\n            variant=\"smallText2\"\n            htmlFor=\"arId-filter\"\n          >\n            Filter by Access Requirement Name\n          </Typography>\n          <AccessRequirementSearchBox\n            inputId=\"arId-filter\"\n            onChange={setAccessRequirementId}\n            placeholder=\"Search for an Access Requirement Name \"\n          />\n        </Grid>\n        <Grid size={{ xs: 12, md: 4 }}>\n          <Typography\n            component=\"label\"\n            variant=\"smallText2\"\n            htmlFor=\"requester-filter\"\n          >\n            Filter by Requester\n          </Typography>\n          <UserSearchBox\n            inputId=\"requester-filter\"\n            placeholder=\"Search for a user name\"\n            defaultValue={accessorId}\n            onChange={onRequesterChange}\n            typeFilter={TYPE_FILTER.USERS_ONLY}\n          />\n        </Grid>\n        <Grid size={{ xs: 12, md: 4 }}>\n          <Typography\n            component=\"label\"\n            variant=\"smallText2\"\n            htmlFor=\"reviewer-filter\"\n          >\n            Filter by Reviewer\n          </Typography>\n          <UserSearchBox\n            inputId=\"reviewer-filter\"\n            placeholder=\"Search for a user or team name\"\n            defaultValue={reviewerId}\n            onChange={onReviewerChange}\n          />\n        </Grid>\n        {isACT && (\n          <Grid size={12} sx={{ textAlign: 'right' }}>\n            <Tooltip\n              title={\n                'This will hide submissions that have a reviewer specifically assigned.'\n              }\n            >\n              <FormControlLabel\n                control={<Checkbox />}\n                value={\n                  reviewerFilterType === SubmissionReviewerFilterType.ACT_ONLY\n                }\n                label=\"Reviewed by ACT only\"\n                onChange={(_, checked) => {\n                  const newValue = checked\n                    ? SubmissionReviewerFilterType.ACT_ONLY\n                    : SubmissionReviewerFilterType.ALL\n                  setReviewerFilterType(newValue)\n                }}\n              />\n            </Tooltip>\n          </Grid>\n        )}\n      </Grid>\n\n      <Typography variant=\"headline3\">Access Request Submissions</Typography>\n      <AccessRequestSubmissionTable {...tableProps} />\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/components/dataaccess/RejectDataAccessRequestModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"RejectDataAccessRequestModal.js","names":[],"sources":["../../../src/components/dataaccess/RejectDataAccessRequestModal.tsx"],"sourcesContent":["import { useUpdateDataAccessSubmissionState } from '@/synapse-queries'\nimport { REJECT_SUBMISSION_CANNED_RESPONSES_TABLE } from '@/utils/SynapseConstants'\nimport { SubmissionState } from '@sage-bionetworks/synapse-types'\nimport { CannedRejectionDialog } from '../CannedRejectionDialog/CannedRejectionDialog'\nimport { displayToast } from '../ToastMessage/ToastMessage'\n\nexport const DEFAULT_MESSAGE_PREPEND =\n  'Thank you for submitting your data access request.\\n'\nexport const DEFAULT_MESSAGE_APPEND =\n  '\\nIf you have questions, do not respond to this email address. Instead, reply to:\\nact@sagebionetworks.org'\n\nexport const REJECTION_FORM_PROMPT_COPY =\n  \"You may wish to reject the user's data access request for a specific reason. The list below contains some common rejection reasons. You will have a chance to edit the response before submitting it, including adding any rejection reason(s) not listed here.\"\n\nexport type RejectDataAccessRequestModalProps = {\n  /* ID of the submission for which a rejection should be drafted/sent */\n  submissionId: string | number\n  /* SynID of the table which contains the email responses which should populate this modal. Defaults to syn50683097, which is in production Synapse */\n  tableId?: string\n  open: boolean\n  onClose: () => void\n}\n\n/**\n * Modal component presented to a data access submission reviewer when they decide to reject a request.\n * The modal contains a form for selecting rejection reasons and a text field for editing the rejection message.\n * After crafting a message, the user can reject the submission and send the message to the requester.\n */\nexport default function RejectDataAccessRequestModal(\n  props: RejectDataAccessRequestModalProps,\n) {\n  const {\n    submissionId,\n    tableId = REJECT_SUBMISSION_CANNED_RESPONSES_TABLE,\n    open,\n    onClose,\n  } = props\n\n  const { mutate, error } = useUpdateDataAccessSubmissionState()\n\n  function rejectSubmission(reason: string) {\n    mutate(\n      {\n        submissionId: submissionId.toString(),\n        newState: SubmissionState.REJECTED,\n        rejectedReason: reason,\n      },\n      {\n        onSuccess: () => {\n          displayToast(\n            'Submission rejected and message sent to requester',\n            'info',\n          )\n          onClose()\n        },\n      },\n    )\n  }\n\n  // If fetching/processing the table fails, gracefully fall back to just show the email template\n  return (\n    <CannedRejectionDialog\n      open={open}\n      tableId={tableId}\n      onConfirm={rejectSubmission}\n      onClose={onClose}\n      defaultMessagePrefix={DEFAULT_MESSAGE_PREPEND}\n      defaultMessageAppend={DEFAULT_MESSAGE_APPEND}\n      rejectionFormPromptCopy={REJECTION_FORM_PROMPT_COPY}\n      error={error}\n    />\n  )\n}\n"],"mappings":";;;;;;;;AAMA,IAAa,IACX,wDACW,IACX,8GAEW,IACX;AAgBF,SAAwB,EACtB,GACA;CACA,IAAM,EACJ,iBACA,aAAU,GACV,SACA,eACE,GAEE,EAAE,WAAQ,aAAU,GAAoC;CAE9D,SAAS,EAAiB,GAAgB;AACxC,IACE;GACE,cAAc,EAAa,UAAU;GACrC,UAAU,EAAgB;GAC1B,gBAAgB;GACjB,EACD,EACE,iBAAiB;AAKf,GAJA,EACE,qDACA,OACD,EACD,GAAS;KAEZ,CACF;;AAIH,QACE,kBAAC,GAAD;EACQ;EACG;EACT,WAAW;EACF;EACT,sBAAsB;EACtB,sBAAsB;EACtB,yBAAyB;EAClB;EACP,CAAA"}
+{"version":3,"file":"RejectDataAccessRequestModal.js","names":[],"sources":["../../../src/components/dataaccess/RejectDataAccessRequestModal.tsx"],"sourcesContent":["import { useUpdateDataAccessSubmissionState } from '@/synapse-queries'\nimport { REJECT_SUBMISSION_CANNED_RESPONSES_TABLE } from '@/utils/SynapseConstants'\nimport { SubmissionState } from '@sage-bionetworks/synapse-types'\nimport { CannedRejectionDialog } from '../CannedRejectionDialog/CannedRejectionDialog'\nimport { displayToast } from '../ToastMessage/ToastMessage'\n\nexport const DEFAULT_MESSAGE_PREPEND =\n  'Thank you for submitting your data access request.\\n'\nexport const DEFAULT_MESSAGE_APPEND =\n  '\\nIf you have questions, do not respond to this email address. Instead, reply to:\\nact@sagebionetworks.org'\n\nexport const REJECTION_FORM_PROMPT_COPY =\n  \"You may wish to reject the user's data access request for a specific reason. The list below contains some common rejection reasons. You will have a chance to edit the response before submitting it, including adding any rejection reason(s) not listed here.\"\n\nexport type RejectDataAccessRequestModalProps = {\n  /* ID of the submission for which a rejection should be drafted/sent */\n  submissionId: string | number\n  /* SynID of the table which contains the email responses which should populate this modal. Defaults to syn50683097, which is in production Synapse */\n  tableId?: string\n  open: boolean\n  onClose: () => void\n}\n\n/**\n * Modal component presented to a data access submission reviewer when they decide to reject a request.\n * The modal contains a form for selecting rejection reasons and a text field for editing the rejection message.\n * After crafting a message, the user can reject the submission and send the message to the requester.\n */\nexport default function RejectDataAccessRequestModal(\n  props: RejectDataAccessRequestModalProps,\n) {\n  const {\n    submissionId,\n    tableId = REJECT_SUBMISSION_CANNED_RESPONSES_TABLE,\n    open,\n    onClose,\n  } = props\n\n  const { mutate, error } = useUpdateDataAccessSubmissionState()\n\n  function rejectSubmission(reason: string) {\n    mutate(\n      {\n        submissionId: submissionId.toString(),\n        newState: SubmissionState.REJECTED,\n        rejectedReason: reason,\n      },\n      {\n        onSuccess: () => {\n          displayToast(\n            'Submission rejected and message sent to requester',\n            'info',\n          )\n          onClose()\n        },\n      },\n    )\n  }\n\n  // If fetching/processing the table fails, gracefully fall back to just show the email template\n  return (\n    <CannedRejectionDialog\n      open={open}\n      tableId={tableId}\n      onConfirm={rejectSubmission}\n      onClose={onClose}\n      defaultMessagePrefix={DEFAULT_MESSAGE_PREPEND}\n      defaultMessageAppend={DEFAULT_MESSAGE_APPEND}\n      rejectionFormPromptCopy={REJECTION_FORM_PROMPT_COPY}\n      error={error}\n    />\n  )\n}\n"],"mappings":";;;;;;;;AAMA,IAAa,IACX,wDACW,IACX,8GAEW,IACX;AAgBF,SAAwB,EACtB,GACA;CACA,IAAM,EACJ,iBACA,aAAU,GACV,SACA,eACE,GAEE,EAAE,WAAQ,aAAU,EAAmC;CAE7D,SAAS,EAAiB,GAAgB;EACxC,EACE;GACE,cAAc,EAAa,SAAS;GACpC,UAAU,EAAgB;GAC1B,gBAAgB;EAClB,GACA,EACE,iBAAiB;GAKf,AAJA,EACE,qDACA,MACF,GACA,EAAQ;EACV,EACF,CACF;CACF;CAGA,OACE,kBAAC,GAAD;EACQ;EACG;EACT,WAAW;EACF;EACT,sBAAsB;EACtB,sBAAsB;EACtB,yBAAyB;EAClB;CACR,CAAA;AAEL"}

package/dist/components/dataaccess/RejectProfileValidationRequestModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"RejectProfileValidationRequestModal.js","names":[],"sources":["../../../src/components/dataaccess/RejectProfileValidationRequestModal.tsx"],"sourcesContent":["import { useUpdateVerificationSubmission } from '@/synapse-queries/verificationSubmission/useVerificationSubmission'\nimport { REJECT_VALIDATION_CANNED_RESPONSES_TABLE } from '@/utils/SynapseConstants'\nimport { TextField } from '@mui/material'\nimport { VerificationStateEnum } from '@sage-bionetworks/synapse-types'\nimport { noop } from 'lodash-es'\nimport { useState } from 'react'\nimport { CannedRejectionDialog } from '../CannedRejectionDialog/CannedRejectionDialog'\nimport { displayToast } from '../ToastMessage/ToastMessage'\n\nexport const DEFAULT_MESSAGE_PREPEND =\n  'Thank you for submitting your Synapse profile for validation. Before we can accept your request:'\nexport const DEFAULT_MESSAGE_APPEND =\n  '\\nIf you have questions, do not respond to this email address. Instead, reply to:\\nact@sagebionetworks.org'\n\nexport const REJECTION_FORM_PROMPT_COPY =\n  \"You may wish to reject the user's profile validation request for a specific reason. The list below contains some common rejection reasons. You will have a chance to edit the response before submitting it, including adding any rejection reason(s) not listed here.\"\n\nexport type RejectProfileValidationRequestModalProps = {\n  /* ID of the verificationSubmission for which a rejection should be drafted/sent */\n  verificationSubmissionId: string\n  /* SynID of the table which contains the email responses which should populate this modal. Defaults to syn63119445, which is in production Synapse */\n  tableId?: string\n  open: boolean\n  onRejectionSubmittedSuccess?: () => void\n  currentState: VerificationStateEnum\n  onClose: () => void\n}\n\n/**\n * Modal component presented to an ACT profile validation reviewer when they decide to reject a validation request (a.k.a. a verificationSubmission).\n * The modal contains a form for selecting rejection reasons and a text field for editing the rejection message.\n * After crafting a message, the user can reject the request and send the message to the requester.\n */\nexport function RejectProfileValidationRequestModal(\n  props: RejectProfileValidationRequestModalProps,\n) {\n  const {\n    verificationSubmissionId: validationSubmissionId,\n    tableId = REJECT_VALIDATION_CANNED_RESPONSES_TABLE,\n    open,\n    onRejectionSubmittedSuccess = noop,\n    onClose,\n    currentState,\n  } = props\n\n  const [actInternalNotes, setActInternalNotes] = useState<string>('')\n\n  const { mutate, error } = useUpdateVerificationSubmission()\n\n  function rejectVerificationSubmission(reason: string, notes: string) {\n    let newState: VerificationStateEnum\n    switch (currentState) {\n      case VerificationStateEnum.SUBMITTED:\n        newState = VerificationStateEnum.REJECTED\n        break\n      case VerificationStateEnum.APPROVED:\n        newState = VerificationStateEnum.SUSPENDED\n        break\n      case VerificationStateEnum.REJECTED:\n      case VerificationStateEnum.SUSPENDED:\n        console.error(\n          'Cannot reject a request where the current state is already rejected or suspended',\n        )\n        onClose()\n        return\n    }\n    mutate(\n      {\n        id: validationSubmissionId,\n        verificationState: {\n          state: newState,\n          reason,\n          notes,\n        },\n      },\n      {\n        onSuccess: () => {\n          onRejectionSubmittedSuccess()\n          displayToast(\n            `Submission ${\n              newState === VerificationStateEnum.REJECTED\n                ? 'rejected'\n                : 'suspended'\n            } and message sent to requester`,\n            'info',\n          )\n          onClose()\n        },\n      },\n    )\n  }\n\n  return (\n    <CannedRejectionDialog\n      open={open}\n      tableId={tableId}\n      onConfirm={reason =>\n        rejectVerificationSubmission(reason, actInternalNotes)\n      }\n      onClose={onClose}\n      defaultMessagePrefix={DEFAULT_MESSAGE_PREPEND}\n      defaultMessageAppend={DEFAULT_MESSAGE_APPEND}\n      rejectionFormPromptCopy={REJECTION_FORM_PROMPT_COPY}\n      error={error}\n    >\n      <TextField\n        label=\"ACT Internal Notes\"\n        fullWidth\n        multiline\n        rows={3}\n        sx={{ mt: 2 }}\n        value={actInternalNotes}\n        onChange={event => setActInternalNotes(event.target.value)}\n      />\n    </CannedRejectionDialog>\n  )\n}\n\nexport default RejectProfileValidationRequestModal\n"],"mappings":";;;;;;;;;;AASA,IAAa,IACX,oGACW,IACX,8GAEW,IACX;AAkBF,SAAgB,EACd,GACA;CACA,IAAM,EACJ,0BAA0B,GAC1B,aAAU,GACV,SACA,iCAA8B,GAC9B,YACA,oBACE,GAEE,CAAC,GAAkB,KAAuB,EAAiB,GAAG,EAE9D,EAAE,WAAQ,aAAU,GAAiC;CAE3D,SAAS,EAA6B,GAAgB,GAAe;EACnE,IAAI;AACJ,UAAQ,GAAR;GACE,KAAK,EAAsB;AACzB,QAAW,EAAsB;AACjC;GACF,KAAK,EAAsB;AACzB,QAAW,EAAsB;AACjC;GACF,KAAK,EAAsB;GAC3B,KAAK,EAAsB;AAIzB,IAHA,QAAQ,MACN,mFACD,EACD,GAAS;AACT;;AAEJ,IACE;GACE,IAAI;GACJ,mBAAmB;IACjB,OAAO;IACP;IACA;IACD;GACF,EACD,EACE,iBAAiB;AAUf,GATA,GAA6B,EAC7B,EACE,cACE,MAAa,EAAsB,WAC/B,aACA,YACL,iCACD,OACD,EACD,GAAS;KAEZ,CACF;;AAGH,QACE,kBAAC,GAAD;EACQ;EACG;EACT,YAAW,MACT,EAA6B,GAAQ,EAAiB;EAE/C;EACT,sBAAsB;EACtB,sBAAsB;EACtB,yBAAyB;EAClB;YAEP,kBAAC,GAAD;GACE,OAAM;GACN,WAAA;GACA,WAAA;GACA,MAAM;GACN,IAAI,EAAE,IAAI,GAAG;GACb,OAAO;GACP,WAAU,MAAS,EAAoB,EAAM,OAAO,MAAM;GAC1D,CAAA;EACoB,CAAA"}
+{"version":3,"file":"RejectProfileValidationRequestModal.js","names":[],"sources":["../../../src/components/dataaccess/RejectProfileValidationRequestModal.tsx"],"sourcesContent":["import { useUpdateVerificationSubmission } from '@/synapse-queries/verificationSubmission/useVerificationSubmission'\nimport { REJECT_VALIDATION_CANNED_RESPONSES_TABLE } from '@/utils/SynapseConstants'\nimport { TextField } from '@mui/material'\nimport { VerificationStateEnum } from '@sage-bionetworks/synapse-types'\nimport { noop } from 'lodash-es'\nimport { useState } from 'react'\nimport { CannedRejectionDialog } from '../CannedRejectionDialog/CannedRejectionDialog'\nimport { displayToast } from '../ToastMessage/ToastMessage'\n\nexport const DEFAULT_MESSAGE_PREPEND =\n  'Thank you for submitting your Synapse profile for validation. Before we can accept your request:'\nexport const DEFAULT_MESSAGE_APPEND =\n  '\\nIf you have questions, do not respond to this email address. Instead, reply to:\\nact@sagebionetworks.org'\n\nexport const REJECTION_FORM_PROMPT_COPY =\n  \"You may wish to reject the user's profile validation request for a specific reason. The list below contains some common rejection reasons. You will have a chance to edit the response before submitting it, including adding any rejection reason(s) not listed here.\"\n\nexport type RejectProfileValidationRequestModalProps = {\n  /* ID of the verificationSubmission for which a rejection should be drafted/sent */\n  verificationSubmissionId: string\n  /* SynID of the table which contains the email responses which should populate this modal. Defaults to syn63119445, which is in production Synapse */\n  tableId?: string\n  open: boolean\n  onRejectionSubmittedSuccess?: () => void\n  currentState: VerificationStateEnum\n  onClose: () => void\n}\n\n/**\n * Modal component presented to an ACT profile validation reviewer when they decide to reject a validation request (a.k.a. a verificationSubmission).\n * The modal contains a form for selecting rejection reasons and a text field for editing the rejection message.\n * After crafting a message, the user can reject the request and send the message to the requester.\n */\nexport function RejectProfileValidationRequestModal(\n  props: RejectProfileValidationRequestModalProps,\n) {\n  const {\n    verificationSubmissionId: validationSubmissionId,\n    tableId = REJECT_VALIDATION_CANNED_RESPONSES_TABLE,\n    open,\n    onRejectionSubmittedSuccess = noop,\n    onClose,\n    currentState,\n  } = props\n\n  const [actInternalNotes, setActInternalNotes] = useState<string>('')\n\n  const { mutate, error } = useUpdateVerificationSubmission()\n\n  function rejectVerificationSubmission(reason: string, notes: string) {\n    let newState: VerificationStateEnum\n    switch (currentState) {\n      case VerificationStateEnum.SUBMITTED:\n        newState = VerificationStateEnum.REJECTED\n        break\n      case VerificationStateEnum.APPROVED:\n        newState = VerificationStateEnum.SUSPENDED\n        break\n      case VerificationStateEnum.REJECTED:\n      case VerificationStateEnum.SUSPENDED:\n        console.error(\n          'Cannot reject a request where the current state is already rejected or suspended',\n        )\n        onClose()\n        return\n    }\n    mutate(\n      {\n        id: validationSubmissionId,\n        verificationState: {\n          state: newState,\n          reason,\n          notes,\n        },\n      },\n      {\n        onSuccess: () => {\n          onRejectionSubmittedSuccess()\n          displayToast(\n            `Submission ${\n              newState === VerificationStateEnum.REJECTED\n                ? 'rejected'\n                : 'suspended'\n            } and message sent to requester`,\n            'info',\n          )\n          onClose()\n        },\n      },\n    )\n  }\n\n  return (\n    <CannedRejectionDialog\n      open={open}\n      tableId={tableId}\n      onConfirm={reason =>\n        rejectVerificationSubmission(reason, actInternalNotes)\n      }\n      onClose={onClose}\n      defaultMessagePrefix={DEFAULT_MESSAGE_PREPEND}\n      defaultMessageAppend={DEFAULT_MESSAGE_APPEND}\n      rejectionFormPromptCopy={REJECTION_FORM_PROMPT_COPY}\n      error={error}\n    >\n      <TextField\n        label=\"ACT Internal Notes\"\n        fullWidth\n        multiline\n        rows={3}\n        sx={{ mt: 2 }}\n        value={actInternalNotes}\n        onChange={event => setActInternalNotes(event.target.value)}\n      />\n    </CannedRejectionDialog>\n  )\n}\n\nexport default RejectProfileValidationRequestModal\n"],"mappings":";;;;;;;;;;AASA,IAAa,IACX,oGACW,IACX,8GAEW,IACX;AAkBF,SAAgB,EACd,GACA;CACA,IAAM,EACJ,0BAA0B,GAC1B,aAAU,GACV,SACA,iCAA8B,GAC9B,YACA,oBACE,GAEE,CAAC,GAAkB,KAAuB,EAAiB,EAAE,GAE7D,EAAE,WAAQ,aAAU,EAAgC;CAE1D,SAAS,EAA6B,GAAgB,GAAe;EACnE,IAAI;EACJ,QAAQ,GAAR;GACE,KAAK,EAAsB;IACzB,IAAW,EAAsB;IACjC;GACF,KAAK,EAAsB;IACzB,IAAW,EAAsB;IACjC;GACF,KAAK,EAAsB;GAC3B,KAAK,EAAsB;IAIzB,AAHA,QAAQ,MACN,kFACF,GACA,EAAQ;IACR;EACJ;EACA,EACE;GACE,IAAI;GACJ,mBAAmB;IACjB,OAAO;IACP;IACA;GACF;EACF,GACA,EACE,iBAAiB;GAUf,AATA,EAA4B,GAC5B,EACE,cACE,MAAa,EAAsB,WAC/B,aACA,YACL,iCACD,MACF,GACA,EAAQ;EACV,EACF,CACF;CACF;CAEA,OACE,kBAAC,GAAD;EACQ;EACG;EACT,YAAW,MACT,EAA6B,GAAQ,CAAgB;EAE9C;EACT,sBAAsB;EACtB,sBAAsB;EACtB,yBAAyB;EAClB;YAEP,kBAAC,GAAD;GACE,OAAM;GACN,WAAA;GACA,WAAA;GACA,MAAM;GACN,IAAI,EAAE,IAAI,EAAE;GACZ,OAAO;GACP,WAAU,MAAS,EAAoB,EAAM,OAAO,KAAK;EAC1D,CAAA;CACoB,CAAA;AAE3B"}