synapse-react-client 4.0.19 → 4.0.21

package/dist/assets/themed_icons/ToolClinical.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolClinical.js","names":[],"sources":["../../../src/assets/themed_icons/ToolClinical.tsx"],"sourcesContent":["import React from 'react'\nexport const ToolClinical = (): React.ReactNode => (\n  <svg width=\"61\" height=\"76\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M54.878 1.124A3.804 3.804 0 0 0 52.175 0H45.8c-.705 0-1.274.573-1.274 1.279v2.557c0 .707.57 1.279 1.274 1.279h5.1v9.913c0 3.083-1.976 5.705-3.573 8.181-2.511 3.894-8.191 3.894-10.703.002-1.652-2.56-3.573-4.99-3.573-8.183V5.115h5.1c.705 0 1.275-.572 1.275-1.279V1.279C39.426.573 38.856 0 38.15 0h-6.374a3.81 3.81 0 0 0-2.705 1.124 3.828 3.828 0 0 0-1.12 2.713v8.549c0 4.436 1.34 8.565 3.598 12.379 4.024 6.794 7.877 9.084 7.77 12.776-.07 2.368 0 4.742 0 7.113 0 5.64-4.577 10.23-10.2 10.23h-2.444c-5.624 0-10.2-4.59-10.2-10.23v-9.223a8.945 8.945 0 0 0 6.375-8.576c0-4.943-3.997-8.952-8.925-8.952-4.93 0-8.925 4.009-8.925 8.952a8.944 8.944 0 0 0 6.375 8.576v9.222C11.377 53.13 18.225 60 26.675 60h2.445c8.449 0 15.3-6.871 15.3-15.346v-4.139c0-1.953-.054-5.56.797-7.319 2.834-2.275 6.055-4.642 7.755-8.099C55.375 21.373 56 16.822 56 12.387v-8.55a3.83 3.83 0 0 0-1.122-2.713zM9.145 26.855c0-2.642 2.146-4.795 4.781-4.795s4.781 2.153 4.781 4.795c0 2.644-2.146 4.796-4.78 4.796-2.637 0-4.782-2.152-4.782-4.796z\"\n      fill=\"#DCDCDC\"\n      className=\"SRC-header-only-fill\"\n    />\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M14 36a9 9 0 1 0 0-18 9 9 0 0 0 0 18zm0-4a5 5 0 1 0 0-10 5 5 0 0 0 0 10z\"\n      className=\"SRC-icon-fill\"\n    />\n  </svg>\n)\n"],"mappings":";;;AACA,IAAa,UACX,kBAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,MAAK;CAAO,OAAM;WAA9C,CACE,kBAAC,QAAD;EACE,GAAE;EACF,MAAK;EACL,WAAU;EACV,CAAA,EACF,kBAAC,QAAD;EACE,UAAS;EACT,UAAS;EACT,GAAE;EACF,WAAU;EACV,CAAA,CACE"}
+{"version":3,"file":"ToolClinical.js","names":[],"sources":["../../../src/assets/themed_icons/ToolClinical.tsx"],"sourcesContent":["import React from 'react'\nexport const ToolClinical = (): React.ReactNode => (\n  <svg width=\"61\" height=\"76\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M54.878 1.124A3.804 3.804 0 0 0 52.175 0H45.8c-.705 0-1.274.573-1.274 1.279v2.557c0 .707.57 1.279 1.274 1.279h5.1v9.913c0 3.083-1.976 5.705-3.573 8.181-2.511 3.894-8.191 3.894-10.703.002-1.652-2.56-3.573-4.99-3.573-8.183V5.115h5.1c.705 0 1.275-.572 1.275-1.279V1.279C39.426.573 38.856 0 38.15 0h-6.374a3.81 3.81 0 0 0-2.705 1.124 3.828 3.828 0 0 0-1.12 2.713v8.549c0 4.436 1.34 8.565 3.598 12.379 4.024 6.794 7.877 9.084 7.77 12.776-.07 2.368 0 4.742 0 7.113 0 5.64-4.577 10.23-10.2 10.23h-2.444c-5.624 0-10.2-4.59-10.2-10.23v-9.223a8.945 8.945 0 0 0 6.375-8.576c0-4.943-3.997-8.952-8.925-8.952-4.93 0-8.925 4.009-8.925 8.952a8.944 8.944 0 0 0 6.375 8.576v9.222C11.377 53.13 18.225 60 26.675 60h2.445c8.449 0 15.3-6.871 15.3-15.346v-4.139c0-1.953-.054-5.56.797-7.319 2.834-2.275 6.055-4.642 7.755-8.099C55.375 21.373 56 16.822 56 12.387v-8.55a3.83 3.83 0 0 0-1.122-2.713zM9.145 26.855c0-2.642 2.146-4.795 4.781-4.795s4.781 2.153 4.781 4.795c0 2.644-2.146 4.796-4.78 4.796-2.637 0-4.782-2.152-4.782-4.796z\"\n      fill=\"#DCDCDC\"\n      className=\"SRC-header-only-fill\"\n    />\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M14 36a9 9 0 1 0 0-18 9 9 0 0 0 0 18zm0-4a5 5 0 1 0 0-10 5 5 0 0 0 0 10z\"\n      className=\"SRC-icon-fill\"\n    />\n  </svg>\n)\n"],"mappings":";;;AACA,IAAa,UACX,kBAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,MAAK;CAAO,OAAM;WAA9C,CACE,kBAAC,QAAD;EACE,GAAE;EACF,MAAK;EACL,WAAU;CACX,CAAA,GACD,kBAAC,QAAD;EACE,UAAS;EACT,UAAS;EACT,GAAE;EACF,WAAU;CACX,CAAA,CACE"}

package/dist/assets/themed_icons/ToolComputational.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolComputational.js","names":[],"sources":["../../../src/assets/themed_icons/ToolComputational.tsx"],"sourcesContent":["import React from 'react'\nexport const ToolComputational = (): React.ReactNode => (\n  <svg width=\"61\" height=\"76\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <g clipPath=\"url(#ToolComputationalClip0)\">\n      <path\n        d=\"M55.513 13H4.537A2.518 2.518 0 0 0 2 15.537V51.94c0 1.357 1.121 2.537 2.537 2.537h20.532v4.602h-4.543c-.708 0-1.239.59-1.239 1.239v2.36c0 .708.59 1.239 1.239 1.239h19.057c.708 0 1.239-.59 1.239-1.239v-2.36c0-.708-.59-1.239-1.239-1.239H35.04v-4.602h20.532a2.518 2.518 0 0 0 2.537-2.537V15.537C58.05 14.121 56.929 13 55.513 13zM30.025 51.704c-.944 0-1.77-.767-1.77-1.77 0-.944.767-1.77 1.77-1.77.944 0 1.77.767 1.77 1.77 0 1.003-.826 1.77-1.77 1.77zm23.482-6.077H6.543V17.543h46.964v28.084z\"\n        fill=\"#DCDCDC\"\n        className=\"SRC-header-only-fill\"\n      />\n      <path\n        d=\"M20.29 38.827a.68.68 0 0 0 .908 0l1.623-1.57a.627.627 0 0 0 0-.878l-4.01-3.879 4.01-3.88a.627.627 0 0 0 0-.877l-1.623-1.57a.68.68 0 0 0-.908 0l-6.111 5.865a.627.627 0 0 0 0 .878l6.111 5.91zM38.226 37.257l1.614 1.57c.238.23.665.23.903 0l6.079-5.911a.63.63 0 0 0 0-.878l-6.127-5.865a.674.674 0 0 0-.902 0l-1.615 1.57a.63.63 0 0 0 0 .878l3.99 3.879-3.99 3.88c-.19.23-.19.646.048.877z\"\n        className=\"SRC-icon-fill\"\n      />\n      <path\n        d=\"M27.558 39h1.74c.255 0 .467-.167.51-.376l4.159-11.872c.127-.376-.127-.752-.51-.752h-1.74c-.254 0-.466.167-.509.376l-4.16 11.872c-.169.376.128.752.51.752z\"\n        fill=\"#DCDCDC\"\n        className=\"SRC-header-only-fill\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"ToolComputationalClip0\">\n        <path\n          fill=\"#fff\"\n          transform=\"matrix(.69 0 0 .69 2 13)\"\n          d=\"M0 0h82.609v73.913H0z\"\n        />\n      </clipPath>\n    </defs>\n  </svg>\n)\n"],"mappings":";;;AACA,IAAa,UACX,kBAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,MAAK;CAAO,OAAM;WAA9C,CACE,kBAAC,KAAD;EAAG,UAAS;YAAZ;GACE,kBAAC,QAAD;IACE,GAAE;IACF,MAAK;IACL,WAAU;IACV,CAAA;GACF,kBAAC,QAAD;IACE,GAAE;IACF,WAAU;IACV,CAAA;GACF,kBAAC,QAAD;IACE,GAAE;IACF,MAAK;IACL,WAAU;IACV,CAAA;GACA;KACJ,kBAAC,QAAD,EAAA,UACE,kBAAC,YAAD;EAAU,IAAG;YACX,kBAAC,QAAD;GACE,MAAK;GACL,WAAU;GACV,GAAE;GACF,CAAA;EACO,CAAA,EACN,CAAA,CACH"}
+{"version":3,"file":"ToolComputational.js","names":[],"sources":["../../../src/assets/themed_icons/ToolComputational.tsx"],"sourcesContent":["import React from 'react'\nexport const ToolComputational = (): React.ReactNode => (\n  <svg width=\"61\" height=\"76\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <g clipPath=\"url(#ToolComputationalClip0)\">\n      <path\n        d=\"M55.513 13H4.537A2.518 2.518 0 0 0 2 15.537V51.94c0 1.357 1.121 2.537 2.537 2.537h20.532v4.602h-4.543c-.708 0-1.239.59-1.239 1.239v2.36c0 .708.59 1.239 1.239 1.239h19.057c.708 0 1.239-.59 1.239-1.239v-2.36c0-.708-.59-1.239-1.239-1.239H35.04v-4.602h20.532a2.518 2.518 0 0 0 2.537-2.537V15.537C58.05 14.121 56.929 13 55.513 13zM30.025 51.704c-.944 0-1.77-.767-1.77-1.77 0-.944.767-1.77 1.77-1.77.944 0 1.77.767 1.77 1.77 0 1.003-.826 1.77-1.77 1.77zm23.482-6.077H6.543V17.543h46.964v28.084z\"\n        fill=\"#DCDCDC\"\n        className=\"SRC-header-only-fill\"\n      />\n      <path\n        d=\"M20.29 38.827a.68.68 0 0 0 .908 0l1.623-1.57a.627.627 0 0 0 0-.878l-4.01-3.879 4.01-3.88a.627.627 0 0 0 0-.877l-1.623-1.57a.68.68 0 0 0-.908 0l-6.111 5.865a.627.627 0 0 0 0 .878l6.111 5.91zM38.226 37.257l1.614 1.57c.238.23.665.23.903 0l6.079-5.911a.63.63 0 0 0 0-.878l-6.127-5.865a.674.674 0 0 0-.902 0l-1.615 1.57a.63.63 0 0 0 0 .878l3.99 3.879-3.99 3.88c-.19.23-.19.646.048.877z\"\n        className=\"SRC-icon-fill\"\n      />\n      <path\n        d=\"M27.558 39h1.74c.255 0 .467-.167.51-.376l4.159-11.872c.127-.376-.127-.752-.51-.752h-1.74c-.254 0-.466.167-.509.376l-4.16 11.872c-.169.376.128.752.51.752z\"\n        fill=\"#DCDCDC\"\n        className=\"SRC-header-only-fill\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"ToolComputationalClip0\">\n        <path\n          fill=\"#fff\"\n          transform=\"matrix(.69 0 0 .69 2 13)\"\n          d=\"M0 0h82.609v73.913H0z\"\n        />\n      </clipPath>\n    </defs>\n  </svg>\n)\n"],"mappings":";;;AACA,IAAa,UACX,kBAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,MAAK;CAAO,OAAM;WAA9C,CACE,kBAAC,KAAD;EAAG,UAAS;YAAZ;GACE,kBAAC,QAAD;IACE,GAAE;IACF,MAAK;IACL,WAAU;GACX,CAAA;GACD,kBAAC,QAAD;IACE,GAAE;IACF,WAAU;GACX,CAAA;GACD,kBAAC,QAAD;IACE,GAAE;IACF,MAAK;IACL,WAAU;GACX,CAAA;EACA;KACH,kBAAC,QAAD,EAAA,UACE,kBAAC,YAAD;EAAU,IAAG;YACX,kBAAC,QAAD;GACE,MAAK;GACL,WAAU;GACV,GAAE;EACH,CAAA;CACO,CAAA,EACN,CAAA,CACH"}

package/dist/assets/themed_icons/ToolExperimental.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolExperimental.js","names":[],"sources":["../../../src/assets/themed_icons/ToolExperimental.tsx"],"sourcesContent":["import React from 'react'\nexport const ToolExperimental = (): React.ReactNode => (\n  <svg width=\"61\" height=\"76\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <g clipPath=\"url(#ToolExperimentalClip0)\">\n      <g clipPath=\"url(#ToolExperimentalClip1)\">\n        <g clipPath=\"url(#ToolExperimentalClip2)\">\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M23.602 4c-.599 0-1.077.4-1.077.902v1.904c0 .602.478 1.003 1.077 1.003V26.85L10.556 46.496c-3.35 4.41-1.077 7.917 5.147 7.917h31.595c6.224 0 8.498-3.507 5.147-7.917L39.4 26.85V7.81c.598 0 1.077-.401 1.077-1.003V4.902c0-.501-.479-.902-1.077-.902H23.602zm.598 30.669l-9.335 14.032-.12.1c-.12.2-.598.902-.718 1.303.36.1 1.436.1 1.676.1h31.595c.24 0 1.317 0 1.676-.1-.12-.401-.598-1.103-.838-1.303v-.2l-9.335-13.932h-14.6zm3.232-27.462v20.446L13.787 48.1v.1c-1.676 2.205-1.197 3.007 1.915 3.007h31.595c3.112 0 3.591-.802 1.915-3.007v-.1L35.45 27.653V7.207h-8.019z\"\n            fill=\"#DCDCDC\"\n            className=\"SRC-header-only-fill\"\n          />\n          <path\n            d=\"M38.5 34.5h-14L14.5 50h34l-10-15.5z\"\n            fill=\"#5BB0B5\"\n            className=\"SRC-icon-fill\"\n          />\n        </g>\n      </g>\n    </g>\n    <defs>\n      <clipPath id=\"ToolExperimentalClip0\">\n        <path fill=\"#fff\" d=\"M0 0h61v76H0z\" />\n      </clipPath>\n      <clipPath id=\"ToolExperimentalClip1\">\n        <path\n          fill=\"#fff\"\n          transform=\"matrix(.69 0 0 .69 2 4)\"\n          d=\"M0 0h85.507v85.507H0z\"\n        />\n      </clipPath>\n      <clipPath id=\"ToolExperimentalClip2\">\n        <path\n          fill=\"#fff\"\n          transform=\"matrix(.69 0 0 .69 9 4)\"\n          d=\"M0 0h65.217v73.063H0z\"\n        />\n      </clipPath>\n    </defs>\n  </svg>\n)\n"],"mappings":";;;AACA,IAAa,UACX,kBAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,MAAK;CAAO,OAAM;WAA9C,CACE,kBAAC,KAAD;EAAG,UAAS;YACV,kBAAC,KAAD;GAAG,UAAS;aACV,kBAAC,KAAD;IAAG,UAAS;cAAZ,CACE,kBAAC,QAAD;KACE,UAAS;KACT,UAAS;KACT,GAAE;KACF,MAAK;KACL,WAAU;KACV,CAAA,EACF,kBAAC,QAAD;KACE,GAAE;KACF,MAAK;KACL,WAAU;KACV,CAAA,CACA;;GACF,CAAA;EACF,CAAA,EACJ,kBAAC,QAAD,EAAA,UAAA;EACE,kBAAC,YAAD;GAAU,IAAG;aACX,kBAAC,QAAD;IAAM,MAAK;IAAO,GAAE;IAAkB,CAAA;GAC7B,CAAA;EACX,kBAAC,YAAD;GAAU,IAAG;aACX,kBAAC,QAAD;IACE,MAAK;IACL,WAAU;IACV,GAAE;IACF,CAAA;GACO,CAAA;EACX,kBAAC,YAAD;GAAU,IAAG;aACX,kBAAC,QAAD;IACE,MAAK;IACL,WAAU;IACV,GAAE;IACF,CAAA;GACO,CAAA;EACN,EAAA,CAAA,CACH"}
+{"version":3,"file":"ToolExperimental.js","names":[],"sources":["../../../src/assets/themed_icons/ToolExperimental.tsx"],"sourcesContent":["import React from 'react'\nexport const ToolExperimental = (): React.ReactNode => (\n  <svg width=\"61\" height=\"76\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <g clipPath=\"url(#ToolExperimentalClip0)\">\n      <g clipPath=\"url(#ToolExperimentalClip1)\">\n        <g clipPath=\"url(#ToolExperimentalClip2)\">\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M23.602 4c-.599 0-1.077.4-1.077.902v1.904c0 .602.478 1.003 1.077 1.003V26.85L10.556 46.496c-3.35 4.41-1.077 7.917 5.147 7.917h31.595c6.224 0 8.498-3.507 5.147-7.917L39.4 26.85V7.81c.598 0 1.077-.401 1.077-1.003V4.902c0-.501-.479-.902-1.077-.902H23.602zm.598 30.669l-9.335 14.032-.12.1c-.12.2-.598.902-.718 1.303.36.1 1.436.1 1.676.1h31.595c.24 0 1.317 0 1.676-.1-.12-.401-.598-1.103-.838-1.303v-.2l-9.335-13.932h-14.6zm3.232-27.462v20.446L13.787 48.1v.1c-1.676 2.205-1.197 3.007 1.915 3.007h31.595c3.112 0 3.591-.802 1.915-3.007v-.1L35.45 27.653V7.207h-8.019z\"\n            fill=\"#DCDCDC\"\n            className=\"SRC-header-only-fill\"\n          />\n          <path\n            d=\"M38.5 34.5h-14L14.5 50h34l-10-15.5z\"\n            fill=\"#5BB0B5\"\n            className=\"SRC-icon-fill\"\n          />\n        </g>\n      </g>\n    </g>\n    <defs>\n      <clipPath id=\"ToolExperimentalClip0\">\n        <path fill=\"#fff\" d=\"M0 0h61v76H0z\" />\n      </clipPath>\n      <clipPath id=\"ToolExperimentalClip1\">\n        <path\n          fill=\"#fff\"\n          transform=\"matrix(.69 0 0 .69 2 4)\"\n          d=\"M0 0h85.507v85.507H0z\"\n        />\n      </clipPath>\n      <clipPath id=\"ToolExperimentalClip2\">\n        <path\n          fill=\"#fff\"\n          transform=\"matrix(.69 0 0 .69 9 4)\"\n          d=\"M0 0h65.217v73.063H0z\"\n        />\n      </clipPath>\n    </defs>\n  </svg>\n)\n"],"mappings":";;;AACA,IAAa,UACX,kBAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,MAAK;CAAO,OAAM;WAA9C,CACE,kBAAC,KAAD;EAAG,UAAS;YACV,kBAAC,KAAD;GAAG,UAAS;aACV,kBAAC,KAAD;IAAG,UAAS;cAAZ,CACE,kBAAC,QAAD;KACE,UAAS;KACT,UAAS;KACT,GAAE;KACF,MAAK;KACL,WAAU;IACX,CAAA,GACD,kBAAC,QAAD;KACE,GAAE;KACF,MAAK;KACL,WAAU;IACX,CAAA,CACA;;EACF,CAAA;CACF,CAAA,GACH,kBAAC,QAAD,EAAA,UAAA;EACE,kBAAC,YAAD;GAAU,IAAG;aACX,kBAAC,QAAD;IAAM,MAAK;IAAO,GAAE;GAAiB,CAAA;EAC7B,CAAA;EACV,kBAAC,YAAD;GAAU,IAAG;aACX,kBAAC,QAAD;IACE,MAAK;IACL,WAAU;IACV,GAAE;GACH,CAAA;EACO,CAAA;EACV,kBAAC,YAAD;GAAU,IAAG;aACX,kBAAC,QAAD;IACE,MAAK;IACL,WAAU;IACV,GAAE;GACH,CAAA;EACO,CAAA;CACN,EAAA,CAAA,CACH"}

package/dist/assets/themed_icons/VerticalDots.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalDots.js","names":[],"sources":["../../../src/assets/themed_icons/VerticalDots.tsx"],"sourcesContent":["import React from 'react'\nexport const VerticalDots = (): React.ReactNode => (\n  <svg\n    data-icon=\"vertical-dots\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path d=\"M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z\"></path>\n  </svg>\n)\n"],"mappings":";;;AACA,IAAa,UACX,kBAAC,OAAD;CACE,aAAU;CACV,OAAM;CACN,QAAO;CACP,SAAQ;CACR,MAAK;CACL,OAAM;WAEN,kBAAC,QAAD,EAAM,GAAE,qJAA2J,CAAA;CAC/J,CAAA"}
+{"version":3,"file":"VerticalDots.js","names":[],"sources":["../../../src/assets/themed_icons/VerticalDots.tsx"],"sourcesContent":["import React from 'react'\nexport const VerticalDots = (): React.ReactNode => (\n  <svg\n    data-icon=\"vertical-dots\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path d=\"M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z\"></path>\n  </svg>\n)\n"],"mappings":";;;AACA,IAAa,UACX,kBAAC,OAAD;CACE,aAAU;CACV,OAAM;CACN,QAAO;CACP,SAAQ;CACR,MAAK;CACL,OAAM;WAEN,kBAAC,QAAD,EAAM,GAAE,oJAA0J,CAAA;AAC/J,CAAA"}

package/dist/components/AccessRequirement/AddConditionsForUseButton/AddConditionsForUseButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddConditionsForUseButton.js","names":[],"sources":["../../../../src/components/AccessRequirement/AddConditionsForUseButton/AddConditionsForUseButton.tsx"],"sourcesContent":["import {\n  useGetEntityBundle,\n  useIsCurrentUserACTMember,\n} from '@/synapse-queries'\nimport {\n  isEntityRefCollectionView,\n  isEntityView,\n} from '@/utils/functions/EntityTypeUtils'\nimport { Button } from '@mui/material'\nimport { RestrictionLevel } from '@sage-bionetworks/synapse-types'\nimport { useState } from 'react'\nimport IconSvg from '../../IconSvg/IconSvg'\nimport ImposeRestrictionDialog from '../ImposeRestrictionDialog/ImposeRestrictionDialog'\n\nexport type AddConditionsForUseButtonProps = {\n  entityId: string\n  /* Handler for when an ACT member clicks the button. */\n  onACTMemberClick: () => void\n}\n\nexport default function AddConditionsForUseButton(\n  props: AddConditionsForUseButtonProps,\n) {\n  const { entityId, onACTMemberClick } = props\n  const [openDialog, setOpenDialog] = useState(false)\n\n  const { data: entityBundle, isLoading: isLoadingBundle } =\n    useGetEntityBundle(entityId)\n\n  const { data: isActMember, isLoading: isLoadingIsACT } =\n    useIsCurrentUserACTMember()\n  const isLoading = isLoadingBundle || isLoadingIsACT\n  // EntityViews and Dataset/Collections can have ARs, but they aren't meaningful, so hide the button (SWC-5909)\n  const isRestrictableEntityType =\n    entityBundle?.entity &&\n    !isEntityView(entityBundle.entity) &&\n    !isEntityRefCollectionView(entityBundle.entity)\n  const hasAdministrativeAccess = entityBundle?.permissions.canChangePermissions\n  const hasNoExistingRestrictions =\n    entityBundle?.restrictionInformation?.restrictionLevel ===\n    RestrictionLevel.OPEN\n\n  const showButton =\n    !isLoading &&\n    hasNoExistingRestrictions &&\n    isRestrictableEntityType &&\n    (hasAdministrativeAccess || isActMember)\n\n  return (\n    <>\n      <ImposeRestrictionDialog\n        open={openDialog}\n        onClose={() => setOpenDialog(false)}\n        entityId={entityId}\n      />\n      {showButton && (\n        <Button\n          onClick={() => {\n            if (isActMember) {\n              onACTMemberClick()\n            } else {\n              setOpenDialog(true)\n            }\n          }}\n          startIcon={<IconSvg icon={'addConditions'} wrap={false} />}\n        >\n          Add Conditions for Use\n        </Button>\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAoBA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,aAAU,wBAAqB,GACjC,CAAC,GAAY,KAAiB,EAAS,GAAM,EAE7C,EAAE,MAAM,GAAc,WAAW,MACrC,EAAmB,EAAS,EAExB,EAAE,MAAM,GAAa,WAAW,MACpC,GAA2B,EACvB,IAAY,KAAmB,GAE/B,IACJ,GAAc,UACd,CAAC,EAAa,EAAa,OAAO,IAClC,CAAC,EAA0B,EAAa,OAAO,EAC3C,IAA0B,GAAc,YAAY,sBACpD,IACJ,GAAc,wBAAwB,qBACtC,EAAiB;AAQnB,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,MAAM;EACN,eAAe,EAAc,GAAM;EACzB;EACV,CAAA,EAXJ,CAAC,KACD,KACA,MACC,KAA2B,MAUxB,kBAAC,GAAD;EACE,eAAe;AACb,GAAI,IACF,GAAkB,GAElB,EAAc,GAAK;;EAGvB,WAAW,kBAAC,GAAD;GAAS,MAAM;GAAiB,MAAM;GAAS,CAAA;YAC3D;EAEQ,CAAA,CAEV,EAAA,CAAA"}
+{"version":3,"file":"AddConditionsForUseButton.js","names":[],"sources":["../../../../src/components/AccessRequirement/AddConditionsForUseButton/AddConditionsForUseButton.tsx"],"sourcesContent":["import {\n  useGetEntityBundle,\n  useIsCurrentUserACTMember,\n} from '@/synapse-queries'\nimport {\n  isEntityRefCollectionView,\n  isEntityView,\n} from '@/utils/functions/EntityTypeUtils'\nimport { Button } from '@mui/material'\nimport { RestrictionLevel } from '@sage-bionetworks/synapse-types'\nimport { useState } from 'react'\nimport IconSvg from '../../IconSvg/IconSvg'\nimport ImposeRestrictionDialog from '../ImposeRestrictionDialog/ImposeRestrictionDialog'\n\nexport type AddConditionsForUseButtonProps = {\n  entityId: string\n  /* Handler for when an ACT member clicks the button. */\n  onACTMemberClick: () => void\n}\n\nexport default function AddConditionsForUseButton(\n  props: AddConditionsForUseButtonProps,\n) {\n  const { entityId, onACTMemberClick } = props\n  const [openDialog, setOpenDialog] = useState(false)\n\n  const { data: entityBundle, isLoading: isLoadingBundle } =\n    useGetEntityBundle(entityId)\n\n  const { data: isActMember, isLoading: isLoadingIsACT } =\n    useIsCurrentUserACTMember()\n  const isLoading = isLoadingBundle || isLoadingIsACT\n  // EntityViews and Dataset/Collections can have ARs, but they aren't meaningful, so hide the button (SWC-5909)\n  const isRestrictableEntityType =\n    entityBundle?.entity &&\n    !isEntityView(entityBundle.entity) &&\n    !isEntityRefCollectionView(entityBundle.entity)\n  const hasAdministrativeAccess = entityBundle?.permissions.canChangePermissions\n  const hasNoExistingRestrictions =\n    entityBundle?.restrictionInformation?.restrictionLevel ===\n    RestrictionLevel.OPEN\n\n  const showButton =\n    !isLoading &&\n    hasNoExistingRestrictions &&\n    isRestrictableEntityType &&\n    (hasAdministrativeAccess || isActMember)\n\n  return (\n    <>\n      <ImposeRestrictionDialog\n        open={openDialog}\n        onClose={() => setOpenDialog(false)}\n        entityId={entityId}\n      />\n      {showButton && (\n        <Button\n          onClick={() => {\n            if (isActMember) {\n              onACTMemberClick()\n            } else {\n              setOpenDialog(true)\n            }\n          }}\n          startIcon={<IconSvg icon={'addConditions'} wrap={false} />}\n        >\n          Add Conditions for Use\n        </Button>\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAoBA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,aAAU,wBAAqB,GACjC,CAAC,GAAY,KAAiB,EAAS,EAAK,GAE5C,EAAE,MAAM,GAAc,WAAW,MACrC,EAAmB,CAAQ,GAEvB,EAAE,MAAM,GAAa,WAAW,MACpC,EAA0B,GACtB,IAAY,KAAmB,GAE/B,IACJ,GAAc,UACd,CAAC,EAAa,EAAa,MAAM,KACjC,CAAC,EAA0B,EAAa,MAAM,GAC1C,IAA0B,GAAc,YAAY,sBACpD,IACJ,GAAc,wBAAwB,qBACtC,EAAiB;CAQnB,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,MAAM;EACN,eAAe,EAAc,EAAK;EACxB;CACX,CAAA,GAXH,CAAC,KACD,KACA,MACC,KAA2B,MAUxB,kBAAC,GAAD;EACE,eAAe;GACb,AAAI,IACF,EAAiB,IAEjB,EAAc,EAAI;EAEtB;EACA,WAAW,kBAAC,GAAD;GAAS,MAAM;GAAiB,MAAM;EAAQ,CAAA;YAC1D;CAEO,CAAA,CAEV,EAAA,CAAA;AAEN"}

package/dist/components/AccessRequirement/EntityActionsRequired.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityActionsRequired.js","names":[],"sources":["../../../src/components/AccessRequirement/EntityActionsRequired.tsx"],"sourcesContent":["import { useGetEntityActionsRequired } from '@/synapse-queries'\nimport useTrackTransientListItems from '@/utils/hooks/useTrackTransientListItems'\nimport { Action } from '@sage-bionetworks/synapse-types'\nimport { ActionRequiredListItem } from '../DownloadCart/ActionRequiredListItem'\n\nexport type EntityActionsRequiredProps = {\n  entityId: string\n  onViewSharingSettingsClicked?: (benefactorId: string) => void\n}\n\nexport function EntityActionsRequired(props: EntityActionsRequiredProps) {\n  const { entityId, onViewSharingSettingsClicked } = props\n  const { data: actionRequiredList } = useGetEntityActionsRequired(entityId)\n  const actions = actionRequiredList?.actions\n\n  const allCompleteAndIncompleteActions = useTrackTransientListItems(\n    actionRequiredList?.actions,\n  )\n\n  return (\n    <>\n      {actions && actions.length > 0 && (\n        <div className=\"EntityActionsRequired\">\n          {allCompleteAndIncompleteActions.map((action: Action, index) => {\n            if (action) {\n              return (\n                <ActionRequiredListItem\n                  key={index}\n                  action={action}\n                  onViewSharingSettingsClicked={onViewSharingSettingsClicked}\n                />\n              )\n            } else return false\n          })}\n        </div>\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;;;AAUA,SAAgB,EAAsB,GAAmC;CACvE,IAAM,EAAE,aAAU,oCAAiC,GAC7C,EAAE,MAAM,MAAuB,EAA4B,EAAS,EACpE,IAAU,GAAoB,SAE9B,IAAkC,EACtC,GAAoB,QACrB;AAED,QACE,kBAAA,GAAA,EAAA,UACG,KAAW,EAAQ,SAAS,KAC3B,kBAAC,OAAD;EAAK,WAAU;YACZ,EAAgC,KAAK,GAAgB,MAChD,IAEA,kBAAC,GAAD;GAEU;GACsB;GAC9B,EAHK,EAGL,GAEQ,GACd;EACE,CAAA,EAEP,CAAA"}
+{"version":3,"file":"EntityActionsRequired.js","names":[],"sources":["../../../src/components/AccessRequirement/EntityActionsRequired.tsx"],"sourcesContent":["import { useGetEntityActionsRequired } from '@/synapse-queries'\nimport useTrackTransientListItems from '@/utils/hooks/useTrackTransientListItems'\nimport { Action } from '@sage-bionetworks/synapse-types'\nimport { ActionRequiredListItem } from '../DownloadCart/ActionRequiredListItem'\n\nexport type EntityActionsRequiredProps = {\n  entityId: string\n  onViewSharingSettingsClicked?: (benefactorId: string) => void\n}\n\nexport function EntityActionsRequired(props: EntityActionsRequiredProps) {\n  const { entityId, onViewSharingSettingsClicked } = props\n  const { data: actionRequiredList } = useGetEntityActionsRequired(entityId)\n  const actions = actionRequiredList?.actions\n\n  const allCompleteAndIncompleteActions = useTrackTransientListItems(\n    actionRequiredList?.actions,\n  )\n\n  return (\n    <>\n      {actions && actions.length > 0 && (\n        <div className=\"EntityActionsRequired\">\n          {allCompleteAndIncompleteActions.map((action: Action, index) => {\n            if (action) {\n              return (\n                <ActionRequiredListItem\n                  key={index}\n                  action={action}\n                  onViewSharingSettingsClicked={onViewSharingSettingsClicked}\n                />\n              )\n            } else return false\n          })}\n        </div>\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;;;AAUA,SAAgB,EAAsB,GAAmC;CACvE,IAAM,EAAE,aAAU,oCAAiC,GAC7C,EAAE,MAAM,MAAuB,EAA4B,CAAQ,GACnE,IAAU,GAAoB,SAE9B,IAAkC,EACtC,GAAoB,OACtB;CAEA,OACE,kBAAA,GAAA,EAAA,UACG,KAAW,EAAQ,SAAS,KAC3B,kBAAC,OAAD;EAAK,WAAU;YACZ,EAAgC,KAAK,GAAgB,MAChD,IAEA,kBAAC,GAAD;GAEU;GACsB;EAC/B,GAHM,CAGN,IAES,EACf;CACE,CAAA,EAEP,CAAA;AAEN"}

package/dist/components/AccessRequirement/ImposeRestrictionDialog/ImposeRestrictionDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImposeRestrictionDialog.js","names":[],"sources":["../../../../src/components/AccessRequirement/ImposeRestrictionDialog/ImposeRestrictionDialog.tsx"],"sourcesContent":["import { useCreateLockAccessRequirement } from '@/synapse-queries'\nimport { SYNAPSE_DOCS_SHARING_SETTINGS_PERMISSIONS_CONDITIONS_FOR_USE_URL } from '@/utils/SynapseConstants'\nimport {\n  FormControl,\n  FormControlLabel,\n  FormLabel,\n  Radio,\n  RadioGroup,\n  Typography,\n} from '@mui/material'\nimport { ChangeEvent, useState } from 'react'\nimport { ConfirmationDialog } from '../../ConfirmationDialog'\nimport FullWidthAlert from '../../FullWidthAlert/FullWidthAlert'\nimport { displayToast } from '../../ToastMessage/ToastMessage'\n\nexport type ImposeRestrictionFormProps = {\n  /* The ID of the entity that the user may choose to restrict */\n  entityId: string\n  open: boolean\n  onClose: () => void\n}\n\nexport default function ImposeRestrictionDialog(\n  props: ImposeRestrictionFormProps,\n) {\n  const NOT_HUMAN_DATA_WARNING = (\n    <Typography variant={'smallText1'}>\n      Sage Bionetworks does not typically impose conditions for use on non-human\n      data unless there is a legal, ethical or regulatory reason to do so. If\n      you want to add conditions for use to this content, please contact the\n      Synapse Access and Compliance Team (ACT) to discuss at{' '}\n      <a href={'mailto:act@sagebase.org'}>act@sagebase.org</a>.\n    </Typography>\n  )\n\n  const { entityId, open, onClose } = props\n  const [isSensitiveHumanData, setIsSensitiveHumanData] = useState<\n    boolean | null\n  >(null)\n\n  const {\n    mutate: createLockedAccessRequirement,\n    isPending: createLockedARIsPending,\n  } = useCreateLockAccessRequirement({\n    onSuccess: () => {\n      displayToast('Successfully imposed restriction', 'success')\n      // PORTALS-2664: Send the user to the ACT Service Desk\n      // so they can tell ACT more information about what kind of\n      // Conditions For Use (or Data Access Restriction) should be\n      // added.\n      window.open(\n        'https://sagebionetworks.jira.com/servicedesk/customer/portal/8/group/15/create/134',\n        '_blank',\n      )\n      onClose()\n    },\n    onError: e => {\n      displayToast(`Failed to impose restriction: ${e.reason}`, 'danger')\n    },\n  })\n\n  function okClickedHandler() {\n    if (isSensitiveHumanData) {\n      createLockedAccessRequirement(entityId)\n    } else {\n      onClose()\n    }\n  }\n\n  function radioOnChangeHandler(event: ChangeEvent<HTMLInputElement>) {\n    setIsSensitiveHumanData((event.target as HTMLInputElement).value === 'true')\n  }\n\n  return (\n    <ConfirmationDialog\n      title={'Conditions for Use'}\n      onConfirm={() => okClickedHandler()}\n      titleHelpPopoverProps={{\n        markdownText:\n          'Conditions for use describes data use requirements that must be fulfilled before downloading.',\n        helpUrl:\n          SYNAPSE_DOCS_SHARING_SETTINGS_PERMISSIONS_CONDITIONS_FOR_USE_URL,\n      }}\n      confirmButtonProps={{\n        disabled: isSensitiveHumanData == null || createLockedARIsPending,\n      }}\n      cancelButtonProps={{\n        disabled: createLockedARIsPending,\n      }}\n      onCancel={() => onClose()}\n      open={open}\n      content={\n        <FormControl sx={{ width: '100%' }}>\n          <FormLabel id=\"demo-radio-buttons-group-label\">\n            Is this sensitive human data that must be protected?\n          </FormLabel>\n          <RadioGroup\n            value={isSensitiveHumanData}\n            onChange={radioOnChangeHandler}\n          >\n            <FormControlLabel control={<Radio />} label={'Yes'} value={true} />\n            <FormControlLabel control={<Radio />} label={'No'} value={false} />\n          </RadioGroup>\n          {isSensitiveHumanData === false && (\n            <FullWidthAlert\n              variant={'warning'}\n              isGlobal={false}\n              description={NOT_HUMAN_DATA_WARNING}\n            />\n          )}\n        </FormControl>\n      }\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;AAsBA,SAAwB,EACtB,GACA;CACA,IAAM,IACJ,kBAAC,GAAD;EAAY,SAAS;YAArB;GAAmC;GAIsB;GACvD,kBAAC,KAAD;IAAG,MAAM;cAA2B;IAAoB,CAAA;;GAC7C;KAGT,EAAE,aAAU,SAAM,eAAY,GAC9B,CAAC,GAAsB,KAA2B,EAEtD,KAAK,EAED,EACJ,QAAQ,GACR,WAAW,MACT,EAA+B;EACjC,iBAAiB;AAUf,GATA,EAAa,oCAAoC,UAAU,EAK3D,OAAO,KACL,sFACA,SACD,EACD,GAAS;;EAEX,UAAS,MAAK;AACZ,KAAa,iCAAiC,EAAE,UAAU,SAAS;;EAEtE,CAAC;CAEF,SAAS,IAAmB;AAC1B,EAAI,IACF,EAA8B,EAAS,GAEvC,GAAS;;CAIb,SAAS,EAAqB,GAAsC;AAClE,IAAyB,EAAM,OAA4B,UAAU,OAAO;;AAG9E,QACE,kBAAC,GAAD;EACE,OAAO;EACP,iBAAiB,GAAkB;EACnC,uBAAuB;GACrB,cACE;GACF,SACE;GACH;EACD,oBAAoB,EAClB,UAAU,KAAwB,QAAQ,GAC3C;EACD,mBAAmB,EACjB,UAAU,GACX;EACD,gBAAgB,GAAS;EACnB;EACN,SACE,kBAAC,GAAD;GAAa,IAAI,EAAE,OAAO,QAAQ;aAAlC;IACE,kBAAC,GAAD;KAAW,IAAG;eAAiC;KAEnC,CAAA;IACZ,kBAAC,GAAD;KACE,OAAO;KACP,UAAU;eAFZ,CAIE,kBAAC,GAAD;MAAkB,SAAS,kBAAC,GAAD,EAAS,CAAA;MAAE,OAAO;MAAO,OAAO;MAAQ,CAAA,EACnE,kBAAC,GAAD;MAAkB,SAAS,kBAAC,GAAD,EAAS,CAAA;MAAE,OAAO;MAAM,OAAO;MAAS,CAAA,CACxD;;IACZ,MAAyB,MACxB,kBAAC,GAAD;KACE,SAAS;KACT,UAAU;KACV,aAAa;KACb,CAAA;IAEQ;;EAEhB,CAAA"}
+{"version":3,"file":"ImposeRestrictionDialog.js","names":[],"sources":["../../../../src/components/AccessRequirement/ImposeRestrictionDialog/ImposeRestrictionDialog.tsx"],"sourcesContent":["import { useCreateLockAccessRequirement } from '@/synapse-queries'\nimport { SYNAPSE_DOCS_SHARING_SETTINGS_PERMISSIONS_CONDITIONS_FOR_USE_URL } from '@/utils/SynapseConstants'\nimport {\n  FormControl,\n  FormControlLabel,\n  FormLabel,\n  Radio,\n  RadioGroup,\n  Typography,\n} from '@mui/material'\nimport { ChangeEvent, useState } from 'react'\nimport { ConfirmationDialog } from '../../ConfirmationDialog'\nimport FullWidthAlert from '../../FullWidthAlert/FullWidthAlert'\nimport { displayToast } from '../../ToastMessage/ToastMessage'\n\nexport type ImposeRestrictionFormProps = {\n  /* The ID of the entity that the user may choose to restrict */\n  entityId: string\n  open: boolean\n  onClose: () => void\n}\n\nexport default function ImposeRestrictionDialog(\n  props: ImposeRestrictionFormProps,\n) {\n  const NOT_HUMAN_DATA_WARNING = (\n    <Typography variant={'smallText1'}>\n      Sage Bionetworks does not typically impose conditions for use on non-human\n      data unless there is a legal, ethical or regulatory reason to do so. If\n      you want to add conditions for use to this content, please contact the\n      Synapse Access and Compliance Team (ACT) to discuss at{' '}\n      <a href={'mailto:act@sagebase.org'}>act@sagebase.org</a>.\n    </Typography>\n  )\n\n  const { entityId, open, onClose } = props\n  const [isSensitiveHumanData, setIsSensitiveHumanData] = useState<\n    boolean | null\n  >(null)\n\n  const {\n    mutate: createLockedAccessRequirement,\n    isPending: createLockedARIsPending,\n  } = useCreateLockAccessRequirement({\n    onSuccess: () => {\n      displayToast('Successfully imposed restriction', 'success')\n      // PORTALS-2664: Send the user to the ACT Service Desk\n      // so they can tell ACT more information about what kind of\n      // Conditions For Use (or Data Access Restriction) should be\n      // added.\n      window.open(\n        'https://sagebionetworks.jira.com/servicedesk/customer/portal/8/group/15/create/134',\n        '_blank',\n      )\n      onClose()\n    },\n    onError: e => {\n      displayToast(`Failed to impose restriction: ${e.reason}`, 'danger')\n    },\n  })\n\n  function okClickedHandler() {\n    if (isSensitiveHumanData) {\n      createLockedAccessRequirement(entityId)\n    } else {\n      onClose()\n    }\n  }\n\n  function radioOnChangeHandler(event: ChangeEvent<HTMLInputElement>) {\n    setIsSensitiveHumanData((event.target as HTMLInputElement).value === 'true')\n  }\n\n  return (\n    <ConfirmationDialog\n      title={'Conditions for Use'}\n      onConfirm={() => okClickedHandler()}\n      titleHelpPopoverProps={{\n        markdownText:\n          'Conditions for use describes data use requirements that must be fulfilled before downloading.',\n        helpUrl:\n          SYNAPSE_DOCS_SHARING_SETTINGS_PERMISSIONS_CONDITIONS_FOR_USE_URL,\n      }}\n      confirmButtonProps={{\n        disabled: isSensitiveHumanData == null || createLockedARIsPending,\n      }}\n      cancelButtonProps={{\n        disabled: createLockedARIsPending,\n      }}\n      onCancel={() => onClose()}\n      open={open}\n      content={\n        <FormControl sx={{ width: '100%' }}>\n          <FormLabel id=\"demo-radio-buttons-group-label\">\n            Is this sensitive human data that must be protected?\n          </FormLabel>\n          <RadioGroup\n            value={isSensitiveHumanData}\n            onChange={radioOnChangeHandler}\n          >\n            <FormControlLabel control={<Radio />} label={'Yes'} value={true} />\n            <FormControlLabel control={<Radio />} label={'No'} value={false} />\n          </RadioGroup>\n          {isSensitiveHumanData === false && (\n            <FullWidthAlert\n              variant={'warning'}\n              isGlobal={false}\n              description={NOT_HUMAN_DATA_WARNING}\n            />\n          )}\n        </FormControl>\n      }\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;AAsBA,SAAwB,EACtB,GACA;CACA,IAAM,IACJ,kBAAC,GAAD;EAAY,SAAS;YAArB;GAAmC;GAIsB;GACvD,kBAAC,KAAD;IAAG,MAAM;cAA2B;GAAmB,CAAA;GAAC;EAC9C;KAGR,EAAE,aAAU,SAAM,eAAY,GAC9B,CAAC,GAAsB,KAA2B,EAEtD,IAAI,GAEA,EACJ,QAAQ,GACR,WAAW,MACT,EAA+B;EACjC,iBAAiB;GAUf,AATA,EAAa,oCAAoC,SAAS,GAK1D,OAAO,KACL,sFACA,QACF,GACA,EAAQ;EACV;EACA,UAAS,MAAK;GACZ,EAAa,iCAAiC,EAAE,UAAU,QAAQ;EACpE;CACF,CAAC;CAED,SAAS,IAAmB;EAC1B,AAAI,IACF,EAA8B,CAAQ,IAEtC,EAAQ;CAEZ;CAEA,SAAS,EAAqB,GAAsC;EAClE,EAAyB,EAAM,OAA4B,UAAU,MAAM;CAC7E;CAEA,OACE,kBAAC,GAAD;EACE,OAAO;EACP,iBAAiB,EAAiB;EAClC,uBAAuB;GACrB,cACE;GACF,SACE;EACJ;EACA,oBAAoB,EAClB,UAAU,KAAwB,QAAQ,EAC5C;EACA,mBAAmB,EACjB,UAAU,EACZ;EACA,gBAAgB,EAAQ;EAClB;EACN,SACE,kBAAC,GAAD;GAAa,IAAI,EAAE,OAAO,OAAO;aAAjC;IACE,kBAAC,GAAD;KAAW,IAAG;eAAiC;IAEpC,CAAA;IACX,kBAAC,GAAD;KACE,OAAO;KACP,UAAU;eAFZ,CAIE,kBAAC,GAAD;MAAkB,SAAS,kBAAC,GAAD,CAAQ,CAAA;MAAG,OAAO;MAAO,OAAO;KAAO,CAAA,GAClE,kBAAC,GAAD;MAAkB,SAAS,kBAAC,GAAD,CAAQ,CAAA;MAAG,OAAO;MAAM,OAAO;KAAQ,CAAA,CACxD;;IACX,MAAyB,MACxB,kBAAC,GAAD;KACE,SAAS;KACT,UAAU;KACV,aAAa;IACd,CAAA;GAEQ;;CAEhB,CAAA;AAEL"}

package/dist/components/AccessRequirementAclEditor/AccessRequirementAclEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccessRequirementAclEditor.js","names":[],"sources":["../../../src/components/AccessRequirementAclEditor/AccessRequirementAclEditor.tsx"],"sourcesContent":["import {\n  useCreateAccessRequirementACL,\n  useDeleteAccessRequirementACL,\n  useGetAccessRequirementACL,\n  useUpdateAccessRequirementACL,\n} from '@/synapse-queries'\nimport { spreadSx } from '@/theme/spreadSx'\nimport { PermissionLevel } from '@/utils/PermissionLevelToAccessType'\nimport { Alert, Box, Stack, Typography } from '@mui/material'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport { ACCESS_TYPE, AccessControlList } from '@sage-bionetworks/synapse-types'\nimport { consolidateResourceAccessList } from '@/utils/functions/AccessControlListUtils'\nimport { isEqual } from 'lodash-es'\nimport {\n  ForwardedRef,\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useState,\n} from 'react'\nimport { AclEditor } from '../AclEditor/AclEditor'\nimport useUpdateAcl from '../AclEditor/useUpdateAcl'\n\nconst textSx = {\n  variant: 'body1',\n  lineHeight: '20px',\n  color: 'grey.800',\n}\n\nexport const EMPTY_RESOURCE_ACCESS_LIST_TEXT =\n  'Only ACT has permissions on this AR.'\n\nconst availablePermissionLevels: PermissionLevel[] = [\n  'CAN_REVIEW_SUBMISSIONS',\n  'IS_EXEMPTION_ELIGIBLE',\n  'CAN_REVIEW_SUBMISSIONS_AND_IS_EXEMPTION_ELIGIBLE',\n]\n\nexport type AccessRequirementAclEditorHandle = {\n  /* Allow the parent component to trigger saving the ACL, so this may be embedded in an arbitrary modal. */\n  save: () => void\n}\n\nexport type AccessRequirementAclEditorProps = {\n  accessRequirementId: string\n  /* Called when ACL has been saved or an error has been returned */\n  onSaveComplete: (saveSuccessful: boolean) => void\n}\n\nexport const AccessRequirementAclEditor = forwardRef(\n  function AccessRequirementAclEditor(\n    props: AccessRequirementAclEditorProps,\n    ref: ForwardedRef<AccessRequirementAclEditorHandle>,\n  ) {\n    const { accessRequirementId, onSaveComplete } = props\n    const [error, setError] = useState<string | null>(null)\n\n    const onMutationSuccess = () => {\n      setError(null)\n      onSaveComplete(true)\n    }\n\n    const onMutationError = (error: SynapseClientError) => {\n      setError(error.reason)\n      onSaveComplete(false)\n    }\n\n    const { data: originalAcl, isLoading: isLoadingOriginalAcl } =\n      useGetAccessRequirementACL(accessRequirementId, {\n        // Infinite staleTime ensures this won't get re-fetched unless explicitly invalidated by the mutation\n        staleTime: Infinity,\n      })\n\n    const consolidatedOriginalResourceAccess = useMemo(\n      () => consolidateResourceAccessList(originalAcl?.resourceAccess ?? []),\n      [originalAcl],\n    )\n\n    const {\n      resourceAccessList,\n      setResourceAccessList,\n      addResourceAccessItem,\n      updateResourceAccessItem,\n      removeResourceAccessItem,\n      resetDirtyState,\n    } = useUpdateAcl({\n      onChange: () => setError(null),\n      onError: setError,\n    })\n\n    // set resourceAccessList when the fetched acl changes\n    useEffect(() => {\n      if (originalAcl) {\n        resetDirtyState()\n        setResourceAccessList(consolidatedOriginalResourceAccess)\n      }\n    }, [\n      originalAcl,\n      consolidatedOriginalResourceAccess,\n      resetDirtyState,\n      setResourceAccessList,\n    ])\n\n    const { mutate: deleteAcl } = useDeleteAccessRequirementACL({\n      onSuccess: () => onMutationSuccess(),\n      onError: error => onMutationError(error),\n    })\n\n    const { mutate: createAcl } = useCreateAccessRequirementACL({\n      onSuccess: () => onMutationSuccess(),\n      onError: error => onMutationError(error),\n    })\n\n    const { mutate: updateAcl } = useUpdateAccessRequirementACL({\n      onSuccess: () => onMutationSuccess(),\n      onError: error => onMutationError(error),\n    })\n\n    useImperativeHandle(ref, () => {\n      return {\n        save() {\n          const updatedAcl: AccessControlList | null =\n            resourceAccessList.length === 0\n              ? null\n              : {\n                  ...originalAcl,\n                  id: originalAcl?.id || accessRequirementId,\n                  resourceAccess: resourceAccessList,\n                }\n          const aclIsUnchanged =\n            (originalAcl === null && updatedAcl == null) ||\n            // ignore properties that will change when the ACL is saved (etag, modifiedOn)\n            (isEqual(consolidatedOriginalResourceAccess, resourceAccessList) &&\n              originalAcl?.id === updatedAcl?.id)\n\n          if (aclIsUnchanged) {\n            // noop\n            onSaveComplete(true)\n          } else if (originalAcl === null && updatedAcl !== null) {\n            createAcl(updatedAcl)\n          } else if (updatedAcl === null) {\n            deleteAcl(accessRequirementId)\n          } else {\n            updateAcl(updatedAcl)\n          }\n        },\n      }\n    }, [\n      accessRequirementId,\n      originalAcl,\n      resourceAccessList,\n      createAcl,\n      deleteAcl,\n      onSaveComplete,\n      updateAcl,\n    ])\n\n    return (\n      <Stack\n        direction=\"column\"\n        sx={{\n          gap: '20px',\n        }}\n      >\n        <Box>\n          <Typography\n            variant=\"headline3\"\n            sx={{\n              mb: '10px',\n            }}\n          >\n            Guide to AR permissions\n          </Typography>\n          <Typography\n            sx={spreadSx(\n              {\n                mb: '10px',\n              },\n              textSx,\n            )}\n          >\n            <span style={{ fontStyle: 'italic' }}>Can Review</span> means a user\n            or team has access request review permission for this AR.\n          </Typography>\n          <Typography\n            sx={spreadSx(\n              {\n                mb: '10px',\n              },\n              textSx,\n            )}\n          >\n            <span style={{ fontStyle: 'italic' }}>Exempt Eligible</span> users\n            and teams can bypass access requirements for entities they have been\n            granted &quot;edit and delete&quot; permission on, via the\n            &quot;Sharing Settings&quot; dialog in the Project Settings.\n          </Typography>\n          <Typography sx={{ ...textSx, color: 'grey.900' }}>\n            ACT members always retain the ability to review or modify Access\n            Requirements.\n          </Typography>\n        </Box>\n        <AclEditor\n          resourceAccessList={resourceAccessList}\n          availablePermissionLevels={availablePermissionLevels}\n          isLoading={isLoadingOriginalAcl}\n          canEdit={true}\n          emptyText={EMPTY_RESOURCE_ACCESS_LIST_TEXT}\n          onAddPrincipalToAcl={id =>\n            addResourceAccessItem(id, [ACCESS_TYPE.REVIEW_SUBMISSIONS])\n          }\n          updateResourceAccessItem={updateResourceAccessItem}\n          removeResourceAccessItem={removeResourceAccessItem}\n          showAddRemovePublicButton={false}\n          showNotifyCheckbox={false}\n          isInherited={false}\n        />\n        {error && <Alert severity=\"error\">{error}</Alert>}\n      </Stack>\n    )\n  },\n)\n"],"mappings":";;;;;;;;;;;;AAwBA,IAAM,IAAS;CACb,SAAS;CACT,YAAY;CACZ,OAAO;CACR,EAEY,IACX,wCAEI,IAA+C;CACnD;CACA;CACA;CACD,EAaY,IAA6B,EACxC,SACE,GACA,GACA;CACA,IAAM,EAAE,wBAAqB,sBAAmB,GAC1C,CAAC,GAAO,KAAY,EAAwB,KAAK,EAEjD,UAA0B;AAE9B,EADA,EAAS,KAAK,EACd,EAAe,GAAK;IAGhB,KAAmB,MAA8B;AAErD,EADA,EAAS,EAAM,OAAO,EACtB,EAAe,GAAM;IAGjB,EAAE,MAAM,GAAa,WAAW,MACpC,EAA2B,GAAqB,EAE9C,WAAW,UACZ,CAAC,EAEE,IAAqC,QACnC,EAA8B,GAAa,kBAAkB,EAAE,CAAC,EACtE,CAAC,EAAY,CACd,EAEK,EACJ,uBACA,0BACA,0BACA,6BACA,6BACA,uBACE,EAAa;EACf,gBAAgB,EAAS,KAAK;EAC9B,SAAS;EACV,CAAC;AAGF,SAAgB;AACd,EAAI,MACF,GAAiB,EACjB,EAAsB,EAAmC;IAE1D;EACD;EACA;EACA;EACA;EACD,CAAC;CAEF,IAAM,EAAE,QAAQ,MAAc,EAA8B;EAC1D,iBAAiB,GAAmB;EACpC,UAAS,MAAS,EAAgB,EAAM;EACzC,CAAC,EAEI,EAAE,QAAQ,MAAc,EAA8B;EAC1D,iBAAiB,GAAmB;EACpC,UAAS,MAAS,EAAgB,EAAM;EACzC,CAAC,EAEI,EAAE,QAAQ,MAAc,EAA8B;EAC1D,iBAAiB,GAAmB;EACpC,UAAS,MAAS,EAAgB,EAAM;EACzC,CAAC;AAyCF,QAvCA,EAAoB,UACX,EACL,OAAO;EACL,IAAM,IACJ,EAAmB,WAAW,IAC1B,OACA;GACE,GAAG;GACH,IAAI,GAAa,MAAM;GACvB,gBAAgB;GACjB;AAOP,EALG,MAAgB,QAAQ,KAAc,QAEtC,EAAQ,GAAoC,EAAmB,IAC9D,GAAa,OAAO,GAAY,KAIlC,EAAe,GAAK,GACX,MAAgB,QAAQ,MAAe,OAChD,EAAU,EAAW,GACZ,MAAe,OACxB,EAAU,EAAoB,GAE9B,EAAU,EAAW;IAG1B,GACA;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EAGA,kBAAC,GAAD;EACE,WAAU;EACV,IAAI,EACF,KAAK,QACN;YAJH;GAME,kBAAC,GAAD,EAAA,UAAA;IACE,kBAAC,GAAD;KACE,SAAQ;KACR,IAAI,EACF,IAAI,QACL;eACF;KAEY,CAAA;IACb,kBAAC,GAAD;KACE,IAAI,EACF,EACE,IAAI,QACL,EACD,EACD;eANH,CAQE,kBAAC,QAAD;MAAM,OAAO,EAAE,WAAW,UAAU;gBAAE;MAAiB,CAAA,EAAA,0EAE5C;;IACb,kBAAC,GAAD;KACE,IAAI,EACF,EACE,IAAI,QACL,EACD,EACD;eANH,CAQE,kBAAC,QAAD;MAAM,OAAO,EAAE,WAAW,UAAU;gBAAE;MAAsB,CAAA,EAAA,sLAIjD;;IACb,kBAAC,GAAD;KAAY,IAAI;MAAE,GAAG;MAAQ,OAAO;MAAY;eAAE;KAGrC,CAAA;IACT,EAAA,CAAA;GACN,kBAAC,GAAD;IACsB;IACO;IAC3B,WAAW;IACX,SAAS;IACT,WAAW;IACX,sBAAqB,MACnB,EAAsB,GAAI,CAAC,EAAY,mBAAmB,CAAC;IAEnC;IACA;IAC1B,2BAA2B;IAC3B,oBAAoB;IACpB,aAAa;IACb,CAAA;GACD,KAAS,kBAAC,GAAD;IAAO,UAAS;cAAS;IAAc,CAAA;GAC3C;;EAGb"}
+{"version":3,"file":"AccessRequirementAclEditor.js","names":[],"sources":["../../../src/components/AccessRequirementAclEditor/AccessRequirementAclEditor.tsx"],"sourcesContent":["import {\n  useCreateAccessRequirementACL,\n  useDeleteAccessRequirementACL,\n  useGetAccessRequirementACL,\n  useUpdateAccessRequirementACL,\n} from '@/synapse-queries'\nimport { spreadSx } from '@/theme/spreadSx'\nimport { PermissionLevel } from '@/utils/PermissionLevelToAccessType'\nimport { Alert, Box, Stack, Typography } from '@mui/material'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport { ACCESS_TYPE, AccessControlList } from '@sage-bionetworks/synapse-types'\nimport { consolidateResourceAccessList } from '@/utils/functions/AccessControlListUtils'\nimport { isEqual } from 'lodash-es'\nimport {\n  ForwardedRef,\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useState,\n} from 'react'\nimport { AclEditor } from '../AclEditor/AclEditor'\nimport useUpdateAcl from '../AclEditor/useUpdateAcl'\n\nconst textSx = {\n  variant: 'body1',\n  lineHeight: '20px',\n  color: 'grey.800',\n}\n\nexport const EMPTY_RESOURCE_ACCESS_LIST_TEXT =\n  'Only ACT has permissions on this AR.'\n\nconst availablePermissionLevels: PermissionLevel[] = [\n  'CAN_REVIEW_SUBMISSIONS',\n  'IS_EXEMPTION_ELIGIBLE',\n  'CAN_REVIEW_SUBMISSIONS_AND_IS_EXEMPTION_ELIGIBLE',\n]\n\nexport type AccessRequirementAclEditorHandle = {\n  /* Allow the parent component to trigger saving the ACL, so this may be embedded in an arbitrary modal. */\n  save: () => void\n}\n\nexport type AccessRequirementAclEditorProps = {\n  accessRequirementId: string\n  /* Called when ACL has been saved or an error has been returned */\n  onSaveComplete: (saveSuccessful: boolean) => void\n}\n\nexport const AccessRequirementAclEditor = forwardRef(\n  function AccessRequirementAclEditor(\n    props: AccessRequirementAclEditorProps,\n    ref: ForwardedRef<AccessRequirementAclEditorHandle>,\n  ) {\n    const { accessRequirementId, onSaveComplete } = props\n    const [error, setError] = useState<string | null>(null)\n\n    const onMutationSuccess = () => {\n      setError(null)\n      onSaveComplete(true)\n    }\n\n    const onMutationError = (error: SynapseClientError) => {\n      setError(error.reason)\n      onSaveComplete(false)\n    }\n\n    const { data: originalAcl, isLoading: isLoadingOriginalAcl } =\n      useGetAccessRequirementACL(accessRequirementId, {\n        // Infinite staleTime ensures this won't get re-fetched unless explicitly invalidated by the mutation\n        staleTime: Infinity,\n      })\n\n    const consolidatedOriginalResourceAccess = useMemo(\n      () => consolidateResourceAccessList(originalAcl?.resourceAccess ?? []),\n      [originalAcl],\n    )\n\n    const {\n      resourceAccessList,\n      setResourceAccessList,\n      addResourceAccessItem,\n      updateResourceAccessItem,\n      removeResourceAccessItem,\n      resetDirtyState,\n    } = useUpdateAcl({\n      onChange: () => setError(null),\n      onError: setError,\n    })\n\n    // set resourceAccessList when the fetched acl changes\n    useEffect(() => {\n      if (originalAcl) {\n        resetDirtyState()\n        setResourceAccessList(consolidatedOriginalResourceAccess)\n      }\n    }, [\n      originalAcl,\n      consolidatedOriginalResourceAccess,\n      resetDirtyState,\n      setResourceAccessList,\n    ])\n\n    const { mutate: deleteAcl } = useDeleteAccessRequirementACL({\n      onSuccess: () => onMutationSuccess(),\n      onError: error => onMutationError(error),\n    })\n\n    const { mutate: createAcl } = useCreateAccessRequirementACL({\n      onSuccess: () => onMutationSuccess(),\n      onError: error => onMutationError(error),\n    })\n\n    const { mutate: updateAcl } = useUpdateAccessRequirementACL({\n      onSuccess: () => onMutationSuccess(),\n      onError: error => onMutationError(error),\n    })\n\n    useImperativeHandle(ref, () => {\n      return {\n        save() {\n          const updatedAcl: AccessControlList | null =\n            resourceAccessList.length === 0\n              ? null\n              : {\n                  ...originalAcl,\n                  id: originalAcl?.id || accessRequirementId,\n                  resourceAccess: resourceAccessList,\n                }\n          const aclIsUnchanged =\n            (originalAcl === null && updatedAcl == null) ||\n            // ignore properties that will change when the ACL is saved (etag, modifiedOn)\n            (isEqual(consolidatedOriginalResourceAccess, resourceAccessList) &&\n              originalAcl?.id === updatedAcl?.id)\n\n          if (aclIsUnchanged) {\n            // noop\n            onSaveComplete(true)\n          } else if (originalAcl === null && updatedAcl !== null) {\n            createAcl(updatedAcl)\n          } else if (updatedAcl === null) {\n            deleteAcl(accessRequirementId)\n          } else {\n            updateAcl(updatedAcl)\n          }\n        },\n      }\n    }, [\n      accessRequirementId,\n      originalAcl,\n      resourceAccessList,\n      createAcl,\n      deleteAcl,\n      onSaveComplete,\n      updateAcl,\n    ])\n\n    return (\n      <Stack\n        direction=\"column\"\n        sx={{\n          gap: '20px',\n        }}\n      >\n        <Box>\n          <Typography\n            variant=\"headline3\"\n            sx={{\n              mb: '10px',\n            }}\n          >\n            Guide to AR permissions\n          </Typography>\n          <Typography\n            sx={spreadSx(\n              {\n                mb: '10px',\n              },\n              textSx,\n            )}\n          >\n            <span style={{ fontStyle: 'italic' }}>Can Review</span> means a user\n            or team has access request review permission for this AR.\n          </Typography>\n          <Typography\n            sx={spreadSx(\n              {\n                mb: '10px',\n              },\n              textSx,\n            )}\n          >\n            <span style={{ fontStyle: 'italic' }}>Exempt Eligible</span> users\n            and teams can bypass access requirements for entities they have been\n            granted &quot;edit and delete&quot; permission on, via the\n            &quot;Sharing Settings&quot; dialog in the Project Settings.\n          </Typography>\n          <Typography sx={{ ...textSx, color: 'grey.900' }}>\n            ACT members always retain the ability to review or modify Access\n            Requirements.\n          </Typography>\n        </Box>\n        <AclEditor\n          resourceAccessList={resourceAccessList}\n          availablePermissionLevels={availablePermissionLevels}\n          isLoading={isLoadingOriginalAcl}\n          canEdit={true}\n          emptyText={EMPTY_RESOURCE_ACCESS_LIST_TEXT}\n          onAddPrincipalToAcl={id =>\n            addResourceAccessItem(id, [ACCESS_TYPE.REVIEW_SUBMISSIONS])\n          }\n          updateResourceAccessItem={updateResourceAccessItem}\n          removeResourceAccessItem={removeResourceAccessItem}\n          showAddRemovePublicButton={false}\n          showNotifyCheckbox={false}\n          isInherited={false}\n        />\n        {error && <Alert severity=\"error\">{error}</Alert>}\n      </Stack>\n    )\n  },\n)\n"],"mappings":";;;;;;;;;;;;AAwBA,IAAM,IAAS;CACb,SAAS;CACT,YAAY;CACZ,OAAO;AACT,GAEa,IACX,wCAEI,IAA+C;CACnD;CACA;CACA;AACF,GAaa,IAA6B,EACxC,SACE,GACA,GACA;CACA,IAAM,EAAE,wBAAqB,sBAAmB,GAC1C,CAAC,GAAO,KAAY,EAAwB,IAAI,GAEhD,UAA0B;EAE9B,AADA,EAAS,IAAI,GACb,EAAe,EAAI;CACrB,GAEM,KAAmB,MAA8B;EAErD,AADA,EAAS,EAAM,MAAM,GACrB,EAAe,EAAK;CACtB,GAEM,EAAE,MAAM,GAAa,WAAW,MACpC,EAA2B,GAAqB,EAE9C,WAAW,SACb,CAAC,GAEG,IAAqC,QACnC,EAA8B,GAAa,kBAAkB,CAAC,CAAC,GACrE,CAAC,CAAW,CACd,GAEM,EACJ,uBACA,0BACA,0BACA,6BACA,6BACA,uBACE,EAAa;EACf,gBAAgB,EAAS,IAAI;EAC7B,SAAS;CACX,CAAC;CAGD,QAAgB;EACd,AAAI,MACF,EAAgB,GAChB,EAAsB,CAAkC;CAE5D,GAAG;EACD;EACA;EACA;EACA;CACF,CAAC;CAED,IAAM,EAAE,QAAQ,MAAc,EAA8B;EAC1D,iBAAiB,EAAkB;EACnC,UAAS,MAAS,EAAgB,CAAK;CACzC,CAAC,GAEK,EAAE,QAAQ,MAAc,EAA8B;EAC1D,iBAAiB,EAAkB;EACnC,UAAS,MAAS,EAAgB,CAAK;CACzC,CAAC,GAEK,EAAE,QAAQ,MAAc,EAA8B;EAC1D,iBAAiB,EAAkB;EACnC,UAAS,MAAS,EAAgB,CAAK;CACzC,CAAC;CAyCD,OAvCA,EAAoB,UACX,EACL,OAAO;EACL,IAAM,IACJ,EAAmB,WAAW,IAC1B,OACA;GACE,GAAG;GACH,IAAI,GAAa,MAAM;GACvB,gBAAgB;EAClB;EAON,AALG,MAAgB,QAAQ,KAAc,QAEtC,EAAQ,GAAoC,CAAkB,KAC7D,GAAa,OAAO,GAAY,KAIlC,EAAe,EAAI,IACV,MAAgB,QAAQ,MAAe,OAChD,EAAU,CAAU,IACX,MAAe,OACxB,EAAU,CAAmB,IAE7B,EAAU,CAAU;CAExB,EACF,IACC;EACD;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC,GAGC,kBAAC,GAAD;EACE,WAAU;EACV,IAAI,EACF,KAAK,OACP;YAJF;GAME,kBAAC,GAAD,EAAA,UAAA;IACE,kBAAC,GAAD;KACE,SAAQ;KACR,IAAI,EACF,IAAI,OACN;eACD;IAEW,CAAA;IACZ,kBAAC,GAAD;KACE,IAAI,EACF,EACE,IAAI,OACN,GACA,CACF;eANF,CAQE,kBAAC,QAAD;MAAM,OAAO,EAAE,WAAW,SAAS;gBAAG;KAAgB,CAAA,GAAC,yEAE7C;;IACZ,kBAAC,GAAD;KACE,IAAI,EACF,EACE,IAAI,OACN,GACA,CACF;eANF,CAQE,kBAAC,QAAD;MAAM,OAAO,EAAE,WAAW,SAAS;gBAAG;KAAqB,CAAA,GAAC,qLAIlD;;IACZ,kBAAC,GAAD;KAAY,IAAI;MAAE,GAAG;MAAQ,OAAO;KAAW;eAAG;IAGtC,CAAA;GACT,EAAA,CAAA;GACL,kBAAC,GAAD;IACsB;IACO;IAC3B,WAAW;IACX,SAAS;IACT,WAAW;IACX,sBAAqB,MACnB,EAAsB,GAAI,CAAC,EAAY,kBAAkB,CAAC;IAElC;IACA;IAC1B,2BAA2B;IAC3B,oBAAoB;IACpB,aAAa;GACd,CAAA;GACA,KAAS,kBAAC,GAAD;IAAO,UAAS;cAAS;GAAa,CAAA;EAC3C;;AAEX,CACF"}

package/dist/components/AccessRequirementList/AccessApprovalCheckMark.js

@@ -13,25 +13,24 @@ var d = /* @__PURE__ */ function(e) {
 	width: "30px"
 });
 function m({ status: n, sx: r }) {
-	let m = i(), h, g = /* @__PURE__ */ o(a, {});
+	let d = i(), m, h = /* @__PURE__ */ o(a, {});
 	switch (n) {
-		case d.COMPLETE:
-			h = m.palette.success.main, g = /* @__PURE__ */ o(l, { sx: f });
+		case "COMPLETE":
+			m = d.palette.success.main, h = /* @__PURE__ */ o(l, { sx: f });
 			break;
-		case d.PENDING:
-			h = "#395979", g = /* @__PURE__ */ o(c, { sx: f });
+		case "PENDING":
+			m = "#395979", h = /* @__PURE__ */ o(c, { sx: f });
 			break;
-		case d.LOCKED:
-			h = "#FF9B00", g = /* @__PURE__ */ o(u, { sx: f });
+		case "LOCKED":
+			m = "#FF9B00", h = /* @__PURE__ */ o(u, { sx: f });
 			break;
-		case d.LOADING:
 		default: break;
 	}
 	return /* @__PURE__ */ o(p, {
 		"data-testid": `AccessApprovalCheckMark-${n}`,
-		sx: e({ backgroundColor: h }, r),
+		sx: e({ backgroundColor: m }, r),
 		children: /* @__PURE__ */ o(t, {
-			condition: n === d.LOADING,
+			condition: n === "LOADING",
 			wrapper: s,
 			wrapperProps: {
 				variant: "circular",
@@ -40,7 +39,7 @@ function m({ status: n, sx: r }) {
 					minWidth: "30px"
 				}
 			},
-			children: g
+			children: h
 		})
 	});
 }

package/dist/components/AccessRequirementList/AccessApprovalCheckMark.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccessApprovalCheckMark.js","names":[],"sources":["../../../src/components/AccessRequirementList/AccessApprovalCheckMark.tsx"],"sourcesContent":["import ConditionalWrapper from '@/components/utils/ConditionalWrapper'\nimport { spreadSx } from '@/theme/spreadSx'\nimport {\n  AccessTimeFilled,\n  CheckTwoTone,\n  LockTwoTone,\n} from '@mui/icons-material'\nimport { Avatar, styled, SxProps, useTheme } from '@mui/material'\nimport Skeleton from '@mui/material/Skeleton'\nimport { ReactNode } from 'react'\n\nexport enum RequirementItemStatus {\n  COMPLETE = 'COMPLETE',\n  PENDING = 'PENDING',\n  LOCKED = 'LOCKED',\n  LOADING = 'LOADING',\n}\n\nexport type CheckMarkProps = {\n  status: RequirementItemStatus\n  sx?: SxProps\n}\n\nconst iconSx: SxProps = {\n  width: '20px',\n}\n\nconst AccessApprovalCheckMarkContainer = styled(Avatar, {\n  label: 'AccessApprovalCheckMarkContainer',\n})({\n  color: 'white',\n  height: '30px',\n  width: '30px',\n})\n\n/**\n * Renders an icon for a RequirementItem based on the status prop.\n */\nexport default function AccessApprovalCheckMark({\n  status,\n  sx,\n}: CheckMarkProps) {\n  const theme = useTheme()\n  let backgroundColor: string | undefined = undefined\n  let icon: ReactNode = <></>\n\n  switch (status) {\n    case RequirementItemStatus.COMPLETE:\n      backgroundColor = theme.palette.success.main\n      icon = <CheckTwoTone sx={iconSx} />\n      break\n    case RequirementItemStatus.PENDING:\n      // TODO: Use theme to provide this color\n      // Should always be Sapphire 500, not the primary color of the current app\n      backgroundColor = '#395979'\n      icon = <AccessTimeFilled sx={iconSx} />\n      break\n    case RequirementItemStatus.LOCKED:\n      // TODO: Use theme to provide this color\n      backgroundColor = '#FF9B00'\n      icon = <LockTwoTone sx={iconSx} />\n      break\n    case RequirementItemStatus.LOADING:\n    default:\n      break\n  }\n\n  return (\n    <AccessApprovalCheckMarkContainer\n      data-testid={`AccessApprovalCheckMark-${status}`}\n      sx={spreadSx(\n        {\n          backgroundColor: backgroundColor,\n        },\n        sx,\n      )}\n    >\n      <ConditionalWrapper\n        condition={status === RequirementItemStatus.LOADING}\n        wrapper={Skeleton}\n        wrapperProps={{\n          variant: 'circular',\n          sx: {\n            minHeight: '30px',\n            minWidth: '30px',\n          },\n        }}\n      >\n        {icon}\n      </ConditionalWrapper>\n    </AccessApprovalCheckMarkContainer>\n  )\n}\n"],"mappings":";;;;;;;AAWA,IAAY,IAAL,yBAAA,GAAA;QACL,EAAA,WAAW,YACX,EAAA,UAAU,WACV,EAAA,SAAS,UACT,EAAA,UAAU;KACX,EAOK,IAAkB,EACtB,OAAO,QACR,EAEK,IAAmC,EAAO,GAAQ,EACtD,OAAO,oCACR,CAAC,CAAC;CACD,OAAO;CACP,QAAQ;CACR,OAAO;CACR,CAAC;AAKF,SAAwB,EAAwB,EAC9C,WACA,SACiB;CACjB,IAAM,IAAQ,GAAU,EACpB,GACA,IAAkB,kBAAA,GAAA,EAAK,CAAA;AAE3B,SAAQ,GAAR;EACE,KAAK,EAAsB;AAEzB,GADA,IAAkB,EAAM,QAAQ,QAAQ,MACxC,IAAO,kBAAC,GAAD,EAAc,IAAI,GAAU,CAAA;AACnC;EACF,KAAK,EAAsB;AAIzB,GADA,IAAkB,WAClB,IAAO,kBAAC,GAAD,EAAkB,IAAI,GAAU,CAAA;AACvC;EACF,KAAK,EAAsB;AAGzB,GADA,IAAkB,WAClB,IAAO,kBAAC,GAAD,EAAa,IAAI,GAAU,CAAA;AAClC;EACF,KAAK,EAAsB;EAC3B,QACE;;AAGJ,QACE,kBAAC,GAAD;EACE,eAAa,2BAA2B;EACxC,IAAI,EACF,EACmB,oBAClB,EACD,EACD;YAED,kBAAC,GAAD;GACE,WAAW,MAAW,EAAsB;GAC5C,SAAS;GACT,cAAc;IACZ,SAAS;IACT,IAAI;KACF,WAAW;KACX,UAAU;KACX;IACF;aAEA;GACkB,CAAA;EACY,CAAA"}
+{"version":3,"file":"AccessApprovalCheckMark.js","names":[],"sources":["../../../src/components/AccessRequirementList/AccessApprovalCheckMark.tsx"],"sourcesContent":["import ConditionalWrapper from '@/components/utils/ConditionalWrapper'\nimport { spreadSx } from '@/theme/spreadSx'\nimport {\n  AccessTimeFilled,\n  CheckTwoTone,\n  LockTwoTone,\n} from '@mui/icons-material'\nimport { Avatar, styled, SxProps, useTheme } from '@mui/material'\nimport Skeleton from '@mui/material/Skeleton'\nimport { ReactNode } from 'react'\n\nexport enum RequirementItemStatus {\n  COMPLETE = 'COMPLETE',\n  PENDING = 'PENDING',\n  LOCKED = 'LOCKED',\n  LOADING = 'LOADING',\n}\n\nexport type CheckMarkProps = {\n  status: RequirementItemStatus\n  sx?: SxProps\n}\n\nconst iconSx: SxProps = {\n  width: '20px',\n}\n\nconst AccessApprovalCheckMarkContainer = styled(Avatar, {\n  label: 'AccessApprovalCheckMarkContainer',\n})({\n  color: 'white',\n  height: '30px',\n  width: '30px',\n})\n\n/**\n * Renders an icon for a RequirementItem based on the status prop.\n */\nexport default function AccessApprovalCheckMark({\n  status,\n  sx,\n}: CheckMarkProps) {\n  const theme = useTheme()\n  let backgroundColor: string | undefined = undefined\n  let icon: ReactNode = <></>\n\n  switch (status) {\n    case RequirementItemStatus.COMPLETE:\n      backgroundColor = theme.palette.success.main\n      icon = <CheckTwoTone sx={iconSx} />\n      break\n    case RequirementItemStatus.PENDING:\n      // TODO: Use theme to provide this color\n      // Should always be Sapphire 500, not the primary color of the current app\n      backgroundColor = '#395979'\n      icon = <AccessTimeFilled sx={iconSx} />\n      break\n    case RequirementItemStatus.LOCKED:\n      // TODO: Use theme to provide this color\n      backgroundColor = '#FF9B00'\n      icon = <LockTwoTone sx={iconSx} />\n      break\n    case RequirementItemStatus.LOADING:\n    default:\n      break\n  }\n\n  return (\n    <AccessApprovalCheckMarkContainer\n      data-testid={`AccessApprovalCheckMark-${status}`}\n      sx={spreadSx(\n        {\n          backgroundColor: backgroundColor,\n        },\n        sx,\n      )}\n    >\n      <ConditionalWrapper\n        condition={status === RequirementItemStatus.LOADING}\n        wrapper={Skeleton}\n        wrapperProps={{\n          variant: 'circular',\n          sx: {\n            minHeight: '30px',\n            minWidth: '30px',\n          },\n        }}\n      >\n        {icon}\n      </ConditionalWrapper>\n    </AccessApprovalCheckMarkContainer>\n  )\n}\n"],"mappings":";;;;;;;AAWA,IAAY,IAAL,yBAAA,GAAA;QACL,EAAA,WAAA,YACA,EAAA,UAAA,WACA,EAAA,SAAA,UACA,EAAA,UAAA;AACF,EAAA,CAAA,CAAA,GAOM,IAAkB,EACtB,OAAO,OACT,GAEM,IAAmC,EAAO,GAAQ,EACtD,OAAO,mCACT,CAAC,EAAE;CACD,OAAO;CACP,QAAQ;CACR,OAAO;AACT,CAAC;AAKD,SAAwB,EAAwB,EAC9C,WACA,SACiB;CACjB,IAAM,IAAQ,EAAS,GACnB,GACA,IAAkB,kBAAA,GAAA,CAAI,CAAA;CAE1B,QAAQ,GAAR;EACE,KAAA;GAEE,AADA,IAAkB,EAAM,QAAQ,QAAQ,MACxC,IAAO,kBAAC,GAAD,EAAc,IAAI,EAAS,CAAA;GAClC;EACF,KAAA;GAIE,AADA,IAAkB,WAClB,IAAO,kBAAC,GAAD,EAAkB,IAAI,EAAS,CAAA;GACtC;EACF,KAAA;GAGE,AADA,IAAkB,WAClB,IAAO,kBAAC,GAAD,EAAa,IAAI,EAAS,CAAA;GACjC;EAEF,SACE;CACJ;CAEA,OACE,kBAAC,GAAD;EACE,eAAa,2BAA2B;EACxC,IAAI,EACF,EACmB,mBACnB,GACA,CACF;YAEA,kBAAC,GAAD;GACE,WAAW,MAAA;GACX,SAAS;GACT,cAAc;IACZ,SAAS;IACT,IAAI;KACF,WAAW;KACX,UAAU;IACZ;GACF;aAEC;EACiB,CAAA;CACY,CAAA;AAEtC"}

package/dist/components/AccessRequirementList/AccessRequirementList.js

@@ -14,25 +14,25 @@ import { AccessRequirementListItem as d } from "./AccessRequirementListItem.js";
 import ee from "./ManagedACTAccessRequirementRequestFlow/CancelRequestDataAccess.js";
 import f from "./ManagedACTAccessRequirementRequestFlow/DataAccessRequestAccessorsFilesForm/DataAccessRequestAccessorsFilesForm.js";
 import p from "./ManagedACTAccessRequirementRequestFlow/RequestDataAccessSuccess.js";
-import m from "./ManagedACTAccessRequirementRequestFlow/ResearchProjectForm/ResearchProjectForm.js";
-import te from "./RequirementItem/AuthenticatedRequirement.js";
-import ne from "./RequirementItem/CertificationRequirement.js";
-import re from "./RequirementItem/TwoFactorAuthEnabledRequirement.js";
-import ie from "./RequirementItem/ValidationRequirement.js";
+import te from "./ManagedACTAccessRequirementRequestFlow/ResearchProjectForm/ResearchProjectForm.js";
+import ne from "./RequirementItem/AuthenticatedRequirement.js";
+import re from "./RequirementItem/CertificationRequirement.js";
+import ie from "./RequirementItem/TwoFactorAuthEnabledRequirement.js";
+import m from "./RequirementItem/ValidationRequirement.js";
 import { useMemo as h, useState as g } from "react";
-import { Button as _, Dialog as v, DialogActions as ae, DialogContent as y, Typography as b, styled as x } from "@mui/material";
-import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
-import { ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE as T, LOCK_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE as E, MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE as D, RestrictableObjectType as O, SELF_SIGN_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE as k, TERMS_OF_USE_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE as A } from "@sage-bionetworks/synapse-types";
-import j from "lodash-es/noop";
-import M from "lodash-es/groupBy";
+import { Button as _, Dialog as v, DialogActions as y, DialogContent as b, Typography as x, styled as S } from "@mui/material";
+import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
+import { ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE as E, LOCK_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE as D, MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE as O, RestrictableObjectType as k, SELF_SIGN_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE as A, TERMS_OF_USE_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE as j } from "@sage-bionetworks/synapse-types";
+import M from "lodash-es/noop";
+import N from "lodash-es/groupBy";
 //#region src/components/AccessRequirementList/AccessRequirementList.tsx
-var N = [
-	k,
+var P = [
 	A,
-	D,
-	T,
-	E
-], P = new Set(N), F = x(b, { label: "DialogSubsectionHeader" })(({ theme: e }) => ({
+	j,
+	O,
+	E,
+	D
+], F = new Set(P), I = S(x, { label: "DialogSubsectionHeader" })(({ theme: e }) => ({
 	marginTop: e.spacing(4),
 	marginBottom: e.spacing(2),
 	paddingBottom: e.spacing(1),
@@ -40,144 +40,141 @@ var N = [
 	fontWeight: "bold",
 	borderBottom: "1px solid",
 	borderColor: e.palette.grey[200]
-})), I = (e) => e.some(L), L = (e) => !P.has(e.concreteType), R = /* @__PURE__ */ function(e) {
-	return e[e.SHOW_ALL_ARS = 0] = "SHOW_ALL_ARS", e[e.UPDATE_RESEARCH_PROJECT = 1] = "UPDATE_RESEARCH_PROJECT", e[e.UPDATE_ACCESSORS_AND_FILES = 2] = "UPDATE_ACCESSORS_AND_FILES", e[e.PROMPT_CANCEL = 3] = "PROMPT_CANCEL", e[e.PROMPT_LOGIN = 4] = "PROMPT_LOGIN", e[e.COMPLETE = 5] = "COMPLETE", e;
-}(R || {});
-function z(x) {
-	let { onHide: T = j, renderAsModal: E = !1, numberOfFilesAffected: A, requestObjectName: P, customDialogActions: I, onSubmissionCreated: L = j } = x, z = "entityId" in x, B = "teamId" in x, V = "accessRequirementFromProps" in x, H = "subjectId" in x ? x.subjectId : z ? x.entityId : B ? x.teamId : void 0, U = "subjectType" in x ? x.subjectType : z ? O.ENTITY : B ? O.TEAM : void 0, { dialogTitle: W = "Data Access Request" } = x, { isAuthenticated: G } = t(), [K, oe] = g(R.SHOW_ALL_ARS), q = n(), [J, se] = g(), [ce, le] = g(""), [ue, de] = g(), Y = r(), { data: fe } = a(H, { enabled: H !== void 0 && U === O.TEAM }), { data: pe } = i(H, { enabled: H !== void 0 && U === O.ENTITY }), X = (V ? x.accessRequirementFromProps : void 0) ?? pe ?? fe, { data: Z } = o((X ?? []).map((e) => String(e.id)), {
+})), L = (e) => e.some(R), R = (e) => !F.has(e.concreteType);
+function z(S) {
+	let { onHide: E = M, renderAsModal: D = !1, numberOfFilesAffected: j, requestObjectName: F, customDialogActions: L, onSubmissionCreated: R = M } = S, z = "entityId" in S, B = "teamId" in S, V = "accessRequirementFromProps" in S, H = "subjectId" in S ? S.subjectId : z ? S.entityId : B ? S.teamId : void 0, U = "subjectType" in S ? S.subjectType : z ? k.ENTITY : B ? k.TEAM : void 0, { dialogTitle: W = "Data Access Request" } = S, { isAuthenticated: G } = t(), [K, ae] = g(0), q = n(), [J, oe] = g(), [se, ce] = g(""), [le, ue] = g(), Y = r(), { data: de } = a(H, { enabled: H !== void 0 && U === k.TEAM }), { data: fe } = i(H, { enabled: H !== void 0 && U === k.ENTITY }), X = (V ? S.accessRequirementFromProps : void 0) ?? fe ?? de, { data: Z } = o((X ?? []).map((e) => String(e.id)), {
 		enabled: !!X,
 		staleTime: Infinity
-	}), me = h(() => {
+	}), pe = h(() => {
 		if (X && Z) {
-			let e = M(X, "concreteType");
-			return N.map((t) => {
+			let e = N(X, "concreteType");
+			return P.map((t) => {
 				let n = e[t];
 				return n ? Z.map((e) => n.find((t) => e === String(t.id))) : [];
 			}).flat().filter((e) => e !== void 0);
 		}
 	}, [X, Z]), Q = (e) => {
 		let { managedACTAccessRequirement: t, step: n, researchProjectId: r, dataAccessRequest: i } = e;
-		t && se(t), r && le(r), i && de(i), oe(n);
-	}, he = X?.some((e) => e.concreteType === D && e.isTwoFaRequired), ge = X?.some((e) => (e.concreteType === D || e.concreteType === k) && e.isCertifiedUserRequired), _e = X?.some((e) => (e.concreteType === D || e.concreteType === k) && e.isValidatedProfileRequired), ve = h(() => P || (A ? /* @__PURE__ */ w(S, { children: [
-		/* @__PURE__ */ C(c, {
+		t && oe(t), r && ce(r), i && ue(i), ae(n);
+	}, me = X?.some((e) => e.concreteType === O && e.isTwoFaRequired), he = X?.some((e) => (e.concreteType === O || e.concreteType === A) && e.isCertifiedUserRequired), ge = X?.some((e) => (e.concreteType === O || e.concreteType === A) && e.isValidatedProfileRequired), _e = h(() => F || (j ? /* @__PURE__ */ T(C, { children: [
+		/* @__PURE__ */ w(c, {
 			icon: "file",
 			sx: { width: "30px" }
 		}),
 		" ",
-		A,
+		j,
 		" ",
 		"File(s)"
-	] }) : H !== void 0 && U === O.ENTITY ? /* @__PURE__ */ C(l, { entity: H }) : U === O.TEAM ? /* @__PURE__ */ C(u, { principalId: H }) : (console.warn(`Unhandled case for AccessRequirementList requestDetails: ${U}: ${H}`), /* @__PURE__ */ C(S, {}))), [
-		A,
-		P,
+	] }) : H !== void 0 && U === k.ENTITY ? /* @__PURE__ */ w(l, { entity: H }) : U === k.TEAM ? /* @__PURE__ */ w(u, { principalId: H }) : (console.warn(`Unhandled case for AccessRequirementList requestDetails: ${U}: ${H}`), /* @__PURE__ */ w(C, {}))), [
+		j,
+		F,
 		H,
 		U
-	]), ye = [R.UPDATE_ACCESSORS_AND_FILES, R.UPDATE_RESEARCH_PROJECT].includes(K) && Y ? "xl" : "md", $ = /* @__PURE__ */ C(S, {});
+	]), ve = [2, 1].includes(K) && Y ? "xl" : "md", $ = /* @__PURE__ */ w(C, {});
 	switch (K) {
-		case R.UPDATE_RESEARCH_PROJECT:
-			$ = /* @__PURE__ */ C(m, {
+		case 1:
+			$ = /* @__PURE__ */ w(te, {
 				managedACTAccessRequirement: J,
 				onSave: (e) => {
 					Q({
 						managedACTAccessRequirement: J,
-						step: R.UPDATE_ACCESSORS_AND_FILES,
+						step: 2,
 						researchProjectId: e.id
 					});
 				},
-				onHide: T
+				onHide: E
 			});
 			break;
-		case R.UPDATE_ACCESSORS_AND_FILES:
-			$ = /* @__PURE__ */ C(f, {
-				researchProjectId: ce,
+		case 2:
+			$ = /* @__PURE__ */ w(f, {
+				researchProjectId: se,
 				managedACTAccessRequirement: J,
 				subjectId: H ?? "",
-				subjectType: U ?? O.ENTITY,
-				onHide: T,
+				subjectType: U ?? k.ENTITY,
+				onHide: E,
 				onCancel: (e) => {
 					Q({
-						step: R.PROMPT_CANCEL,
+						step: 3,
 						dataAccessRequest: e
 					});
 				},
 				onSubmissionCreated: (e) => {
-					Q({ step: R.COMPLETE }), L(e);
+					Q({ step: 5 }), R(e);
 				},
 				onBackClicked: () => {
-					Q({ step: R.UPDATE_RESEARCH_PROJECT });
+					Q({ step: 1 });
 				}
 			});
 			break;
-		case R.PROMPT_CANCEL:
-			$ = /* @__PURE__ */ C(ee, {
-				modifiedDataAccessRequest: ue,
-				onHide: T
+		case 3:
+			$ = /* @__PURE__ */ w(ee, {
+				modifiedDataAccessRequest: le,
+				onHide: E
 			});
 			break;
-		case R.PROMPT_LOGIN:
-			e(q.toString()), W = "Please Log In", $ = /* @__PURE__ */ C(S, {});
+		case 4:
+			e(q.toString()), W = "Please Log In", $ = /* @__PURE__ */ w(C, {});
 			break;
-		case R.COMPLETE:
-			$ = /* @__PURE__ */ C(p, { onHide: T });
+		case 5:
+			$ = /* @__PURE__ */ w(p, { onHide: E });
 			break;
-		case R.SHOW_ALL_ARS:
-		default: $ = /* @__PURE__ */ w(S, { children: [
-			E ? /* @__PURE__ */ C(s, {
+		default: $ = /* @__PURE__ */ T(C, { children: [
+			D ? /* @__PURE__ */ w(s, {
 				title: W,
-				onCancel: T
-			}) : /* @__PURE__ */ C(b, {
+				onCancel: E
+			}) : /* @__PURE__ */ w(x, {
 				variant: "h5",
 				sx: { mb: 2 },
 				children: W
 			}),
-			/* @__PURE__ */ w(y, { children: [
-				/* @__PURE__ */ C(F, {
+			/* @__PURE__ */ T(b, { children: [
+				/* @__PURE__ */ w(I, {
 					variant: "h4",
 					sx: { mt: 0 },
 					children: "What is this request for?"
 				}),
-				/* @__PURE__ */ C(b, {
+				/* @__PURE__ */ w(x, {
 					variant: "body1",
 					component: "span",
-					children: ve
+					children: _e
 				}),
-				/* @__PURE__ */ C(F, {
+				/* @__PURE__ */ w(I, {
 					variant: "h4",
 					children: "What do I need to do?"
 				}),
-				/* @__PURE__ */ C(te, {}),
-				ge && /* @__PURE__ */ C(ne, {}),
-				_e && /* @__PURE__ */ C(ie, {}),
-				he && /* @__PURE__ */ C(re, {}),
-				me?.map((e) => /* @__PURE__ */ C(d, {
+				/* @__PURE__ */ w(ne, {}),
+				he && /* @__PURE__ */ w(re, {}),
+				ge && /* @__PURE__ */ w(m, {}),
+				me && /* @__PURE__ */ w(ie, {}),
+				pe?.map((e) => /* @__PURE__ */ w(d, {
 					accessRequirement: e,
 					subjectId: H,
 					subjectType: U,
-					onHide: T,
+					onHide: E,
 					onRequestAccess: (e) => {
 						Q({
 							managedACTAccessRequirement: e,
-							step: G ? R.UPDATE_RESEARCH_PROJECT : R.PROMPT_LOGIN
+							step: G ? 1 : 4
 						});
 					}
 				}, e.id))
 			] }),
-			/* @__PURE__ */ C(ae, { children: I || /* @__PURE__ */ C(S, { children: E && /* @__PURE__ */ C(_, {
+			/* @__PURE__ */ w(y, { children: L || /* @__PURE__ */ w(C, { children: D && /* @__PURE__ */ w(_, {
 				variant: "contained",
-				onClick: T,
+				onClick: E,
 				children: "Close"
 			}) }) })
 		] });
 	}
-	return E ? /* @__PURE__ */ C(v, {
-		maxWidth: ye,
+	return D ? /* @__PURE__ */ w(v, {
+		maxWidth: ve,
 		fullWidth: !0,
 		open: !0,
-		onClose: T,
+		onClose: E,
 		children: $
-	}) : /* @__PURE__ */ C(S, { children: $ });
+	}) : /* @__PURE__ */ w(C, { children: $ });
 }
 //#endregion
-export { I as checkHasUnsupportedRequirement, z as default };
+export { L as checkHasUnsupportedRequirement, z as default };
 
 //# sourceMappingURL=AccessRequirementList.js.map

package/dist/components/AccessRequirementList/AccessRequirementList.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccessRequirementList.js","names":[],"sources":["../../../src/components/AccessRequirementList/AccessRequirementList.tsx"],"sourcesContent":["import {\n  useGetAccessRequirementsForEntity,\n  useGetAccessRequirementsForTeam,\n  useSortAccessRequirementIdsByCompletion,\n} from '@/synapse-queries'\nimport {\n  storeRedirectURLForOneSageLoginAndGotoURL,\n  useSynapseContext,\n} from '@/utils'\nimport { StyledComponent } from '@emotion/styled'\nimport {\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  styled,\n  Typography,\n  TypographyProps,\n} from '@mui/material'\nimport {\n  AccessRequirement,\n  ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  LOCK_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  ManagedACTAccessRequirement,\n  Renewal,\n  Request,\n  RestrictableObjectType,\n  SELF_SIGN_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  TERMS_OF_USE_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n} from '@sage-bionetworks/synapse-types'\nimport noop from 'lodash-es/noop'\nimport groupBy from 'lodash-es/groupBy'\nimport { ReactNode, useMemo, useState } from 'react'\nimport { DialogBaseTitle } from '../DialogBase'\nimport { EntityLink } from '../EntityLink'\nimport IconSvg from '../IconSvg/IconSvg'\nimport UserOrTeamBadge from '../UserOrTeamBadge'\nimport { AccessRequirementListItem } from './AccessRequirementListItem'\nimport { useCanShowManagedACTWikiInWizard } from './AccessRequirementListUtils'\nimport CancelRequestDataAccess from './ManagedACTAccessRequirementRequestFlow/CancelRequestDataAccess'\nimport DataAccessRequestAccessorsFilesForm from './ManagedACTAccessRequirementRequestFlow/DataAccessRequestAccessorsFilesForm/DataAccessRequestAccessorsFilesForm'\nimport RequestDataAccessSuccess from './ManagedACTAccessRequirementRequestFlow/RequestDataAccessSuccess'\nimport ResearchProjectForm from './ManagedACTAccessRequirementRequestFlow/ResearchProjectForm/ResearchProjectForm'\nimport AuthenticatedRequirement from './RequirementItem/AuthenticatedRequirement'\nimport CertificationRequirement from './RequirementItem/CertificationRequirement'\nimport TwoFactorAuthEnabledRequirement from './RequirementItem/TwoFactorAuthEnabledRequirement'\nimport ValidationRequirement from './RequirementItem/ValidationRequirement'\nimport { useOneSageURL } from '@/utils/hooks'\n\nexport type AccessRequirementListProps = {\n  /* if provided, will show this instead of the entity information */\n  numberOfFilesAffected?: number\n  /* if provided, will show this instead of the entity information or numberOfFilesAffected */\n  requestObjectName?: string\n  /* If true, this component will render in its own modal */\n  renderAsModal?: boolean\n  /* Overrides the default dialog title. This only applies if renderAsModal is true */\n  dialogTitle?: string\n  /* Called when the user rejects the terms of a listed AccessRequirement. If renderAsModal is true, this is also called when the user closes the modal. */\n  onHide: () => void\n  /* Displays the provided list of access requirements, instead of the ones fetched using the subject ID */\n  accessRequirementFromProps?: Array<AccessRequirement>\n  /* If provided, displays these actions on when viewing all ARs */\n  customDialogActions?: ReactNode\n  /* Optional callback invoked if a submission is created via this component */\n  onSubmissionCreated?: (submissionId: string) => void\n} & (\n  | {\n      /**\n       * Fetches the access requirements associated with an entity\n       * @deprecated Please use `subjectId` and `subjectType`\n       */\n      entityId: string\n    }\n  | {\n      /**\n       * Fetches the access requirements associated with a team\n       * @deprecated Please use `subjectId` and `subjectType`\n       */\n      teamId: string\n    }\n  | {\n      /* The ID of the object for which access is being requested */\n      subjectId?: string\n      /* The type of the object for which access is being requested */\n      subjectType?: RestrictableObjectType\n    }\n)\n\nconst SUPPORTED_ACCESS_REQUIREMENT_TYPES_SORTED: AccessRequirement['concreteType'][] =\n  [\n    SELF_SIGN_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n    TERMS_OF_USE_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n    MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n    ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n    LOCK_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  ]\n\nconst SUPPORTED_ACCESS_REQUIREMENT_TYPES = new Set<\n  AccessRequirement['concreteType']\n>(SUPPORTED_ACCESS_REQUIREMENT_TYPES_SORTED)\n\nconst DialogSubsectionHeader: StyledComponent<TypographyProps> = styled(\n  Typography,\n  {\n    label: 'DialogSubsectionHeader',\n  },\n)(({ theme }) => ({\n  marginTop: theme.spacing(4),\n  marginBottom: theme.spacing(2),\n  paddingBottom: theme.spacing(1),\n  fontSize: '18px',\n  fontWeight: 'bold',\n  borderBottom: '1px solid',\n  borderColor: theme.palette.grey['200'],\n}))\n\nexport const checkHasUnsupportedRequirement = (\n  accessRequirements: Array<AccessRequirement>,\n): boolean => {\n  return accessRequirements.some(isARUnsupported)\n}\n\nconst isARUnsupported = (accessRequirement: AccessRequirement) => {\n  return !SUPPORTED_ACCESS_REQUIREMENT_TYPES.has(accessRequirement.concreteType)\n}\n\n/**\n * Represents a distinct screen in the wizard used to apply to a ManagedACTAccessRequirement\n */\nenum RequestDataStep {\n  SHOW_ALL_ARS = 0,\n  UPDATE_RESEARCH_PROJECT = 1,\n  UPDATE_ACCESSORS_AND_FILES = 2,\n  PROMPT_CANCEL = 3,\n  PROMPT_LOGIN = 4,\n  COMPLETE = 5,\n}\n\nexport type RequestDataStepCallbackArgs = {\n  step: RequestDataStep\n  managedACTAccessRequirement?: ManagedACTAccessRequirement\n  researchProjectId?: string\n  dataAccessRequest?: Request | Renewal\n}\n\n/**\n * The AccessRequirementListV2 component renders a set of {@link AccessRequirement}s (either pre-defined, or those applied\n * to an entity, based on provided props).\n *\n * The component shows the user the approval status of each AR and provides a workflow for accepting the terms of or\n * creating a submission for any of the Access Requirements.\n */\nexport default function AccessRequirementList(\n  props: AccessRequirementListProps,\n) {\n  const {\n    onHide = noop,\n    renderAsModal = false,\n    numberOfFilesAffected,\n    requestObjectName,\n    customDialogActions,\n    onSubmissionCreated = noop,\n  } = props\n\n  const isShowingRequirementsForEntity = 'entityId' in props\n  const isShowingRequirementsForTeam = 'teamId' in props\n  const isShowingRequirementsFromProps = 'accessRequirementFromProps' in props\n\n  const subjectId =\n    'subjectId' in props\n      ? props.subjectId\n      : isShowingRequirementsForEntity\n        ? props.entityId\n        : isShowingRequirementsForTeam\n          ? props.teamId\n          : undefined\n\n  const subjectType =\n    'subjectType' in props\n      ? props.subjectType\n      : isShowingRequirementsForEntity\n        ? RestrictableObjectType.ENTITY\n        : isShowingRequirementsForTeam\n          ? RestrictableObjectType.TEAM\n          : undefined\n\n  let { dialogTitle = 'Data Access Request' } = props\n  const { isAuthenticated } = useSynapseContext()\n  const [requestDataStep, setRequestDataStep] = useState<RequestDataStep>(\n    RequestDataStep.SHOW_ALL_ARS,\n  )\n  const oneSageURL = useOneSageURL()\n  const [managedACTAccessRequirement, setManagedACTAccessRequirement] =\n    useState<ManagedACTAccessRequirement>()\n  const [researchProjectId, setResearchProjectId] = useState<string>('')\n  const [dataAccessRequest, setDataAccessRequest] = useState<\n    Request | Renewal | undefined\n  >()\n\n  const canShowManagedACTWikiInWizard = useCanShowManagedACTWikiInWizard()\n\n  const { data: fetchedRequirementsForTeam } = useGetAccessRequirementsForTeam(\n    subjectId!,\n    {\n      enabled:\n        subjectId !== undefined && subjectType === RestrictableObjectType.TEAM,\n    },\n  )\n  const { data: fetchedRequirementsForEntity } =\n    useGetAccessRequirementsForEntity(subjectId!, {\n      enabled:\n        subjectId !== undefined &&\n        subjectType === RestrictableObjectType.ENTITY,\n    })\n\n  const requirementsFromProps = isShowingRequirementsFromProps\n    ? props.accessRequirementFromProps\n    : undefined\n\n  const accessRequirements =\n    requirementsFromProps ??\n    fetchedRequirementsForEntity ??\n    fetchedRequirementsForTeam\n\n  /**\n   * Set the initial ordering of the Access Requirements to show complete ARs first. The individual AR Item components\n   * retrieve and render status independently, so this data only determines ordering. For this reason, the query data\n   * should not be invalidated or updated as the user progresses through the workflow.\n   */\n  const { data: sortedAccessRequirementIds } =\n    useSortAccessRequirementIdsByCompletion(\n      (accessRequirements ?? []).map(ar => String(ar.id)),\n      {\n        enabled: !!accessRequirements,\n        // Set the stale time to infinity because we don't want to refetch this and change the order\n        staleTime: Infinity,\n      },\n    )\n\n  const sortedGroupedAccessRequirementsByType = useMemo(() => {\n    if (accessRequirements && sortedAccessRequirementIds) {\n      // SWC-7218: Group by access requirement type\n      const groupedAccessRequirementsByType = groupBy(\n        accessRequirements,\n        'concreteType',\n      )\n      const sortedByTypeAndStatus =\n        SUPPORTED_ACCESS_REQUIREMENT_TYPES_SORTED.map(type => {\n          const arsOfType = groupedAccessRequirementsByType[type]\n          if (arsOfType) {\n            return sortedAccessRequirementIds.map(\n              id => arsOfType.find(ar => id === String(ar.id))!,\n            )\n          }\n          return []\n        })\n          .flat()\n          .filter((item): item is AccessRequirement => item !== undefined)\n      return sortedByTypeAndStatus\n    }\n    return undefined\n  }, [accessRequirements, sortedAccessRequirementIds])\n\n  const requestDataStepCallback = (props: RequestDataStepCallbackArgs) => {\n    const {\n      managedACTAccessRequirement,\n      step,\n      researchProjectId,\n      dataAccessRequest: newDataAccessRequest,\n    } = props\n    if (managedACTAccessRequirement) {\n      // required for step 1, 2 form\n      setManagedACTAccessRequirement(managedACTAccessRequirement)\n    }\n    if (researchProjectId) {\n      setResearchProjectId(researchProjectId)\n    }\n    if (newDataAccessRequest) {\n      setDataAccessRequest(newDataAccessRequest)\n    }\n    setRequestDataStep(step)\n  }\n\n  const anyARsRequireTwoFactorAuth = accessRequirements?.some(\n    accessRequirement =>\n      accessRequirement.concreteType ===\n        MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE &&\n      accessRequirement.isTwoFaRequired,\n  )\n\n  const anyARsRequireCertification = accessRequirements?.some(\n    accessRequirement =>\n      (accessRequirement.concreteType ===\n        MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE ||\n        accessRequirement.concreteType ===\n          SELF_SIGN_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE) &&\n      accessRequirement.isCertifiedUserRequired,\n  )\n\n  const anyARsRequireProfileValidation = accessRequirements?.some(\n    accessRequirement =>\n      (accessRequirement.concreteType ===\n        MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE ||\n        accessRequirement.concreteType ===\n          SELF_SIGN_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE) &&\n      accessRequirement.isValidatedProfileRequired,\n  )\n\n  const requestDetails = useMemo(() => {\n    // Prioritize requestObjectName, then the number of files affected, then the entity/team name\n    if (requestObjectName) return requestObjectName\n    if (numberOfFilesAffected)\n      return (\n        <>\n          <IconSvg icon=\"file\" sx={{ width: '30px' }} /> {numberOfFilesAffected}{' '}\n          File(s)\n        </>\n      )\n    if (\n      subjectId !== undefined &&\n      subjectType === RestrictableObjectType.ENTITY\n    ) {\n      return <EntityLink entity={subjectId} />\n    } else if (subjectType === RestrictableObjectType.TEAM) {\n      return <UserOrTeamBadge principalId={subjectId} />\n    } else {\n      console.warn(\n        `Unhandled case for AccessRequirementList requestDetails: ${subjectType}: ${subjectId}`,\n      )\n      return <></>\n    }\n  }, [numberOfFilesAffected, requestObjectName, subjectId, subjectType])\n\n  const dialogWidth =\n    [\n      RequestDataStep.UPDATE_ACCESSORS_AND_FILES,\n      RequestDataStep.UPDATE_RESEARCH_PROJECT,\n    ].includes(requestDataStep) && canShowManagedACTWikiInWizard\n      ? 'xl'\n      : 'md'\n\n  let renderContent = <></>\n  switch (requestDataStep) {\n    case RequestDataStep.UPDATE_RESEARCH_PROJECT:\n      renderContent = (\n        <ResearchProjectForm\n          managedACTAccessRequirement={managedACTAccessRequirement!}\n          onSave={researchProject => {\n            requestDataStepCallback({\n              managedACTAccessRequirement,\n              step: RequestDataStep.UPDATE_ACCESSORS_AND_FILES,\n              researchProjectId: researchProject.id,\n            })\n          }}\n          onHide={onHide}\n        />\n      )\n      break\n    case RequestDataStep.UPDATE_ACCESSORS_AND_FILES:\n      renderContent = (\n        <DataAccessRequestAccessorsFilesForm\n          researchProjectId={researchProjectId}\n          managedACTAccessRequirement={managedACTAccessRequirement!}\n          subjectId={subjectId ?? ''}\n          subjectType={subjectType ?? RestrictableObjectType.ENTITY}\n          onHide={onHide}\n          onCancel={dataAccessRequestInProgress => {\n            requestDataStepCallback({\n              step: RequestDataStep.PROMPT_CANCEL,\n              dataAccessRequest: dataAccessRequestInProgress,\n            })\n          }}\n          onSubmissionCreated={submissionId => {\n            requestDataStepCallback({ step: RequestDataStep.COMPLETE })\n            onSubmissionCreated(submissionId)\n          }}\n          onBackClicked={() => {\n            requestDataStepCallback({\n              step: RequestDataStep.UPDATE_RESEARCH_PROJECT,\n            })\n          }}\n        />\n      )\n      break\n    case RequestDataStep.PROMPT_CANCEL:\n      renderContent = (\n        <CancelRequestDataAccess\n          modifiedDataAccessRequest={dataAccessRequest}\n          onHide={onHide} // for closing dialogs\n        />\n      )\n      break\n    case RequestDataStep.PROMPT_LOGIN:\n      // Send to OneSage login page\n      storeRedirectURLForOneSageLoginAndGotoURL(oneSageURL.toString())\n      dialogTitle = 'Please Log In'\n      renderContent = <></>\n      break\n    case RequestDataStep.COMPLETE:\n      renderContent = <RequestDataAccessSuccess onHide={onHide} />\n      break\n    case RequestDataStep.SHOW_ALL_ARS:\n    default:\n      renderContent = (\n        <>\n          {renderAsModal ? (\n            <DialogBaseTitle title={dialogTitle} onCancel={onHide} />\n          ) : (\n            <Typography variant=\"h5\" sx={{ mb: 2 }}>\n              {dialogTitle}\n            </Typography>\n          )}\n          <DialogContent>\n            <DialogSubsectionHeader variant={'h4'} sx={{ mt: 0 }}>\n              What is this request for?\n            </DialogSubsectionHeader>\n            <Typography variant={'body1'} component={'span'}>\n              {requestDetails}\n            </Typography>\n            <DialogSubsectionHeader variant={'h4'}>\n              What do I need to do?\n            </DialogSubsectionHeader>\n            <AuthenticatedRequirement />\n            {anyARsRequireCertification && <CertificationRequirement />}\n            {anyARsRequireProfileValidation && <ValidationRequirement />}\n            {anyARsRequireTwoFactorAuth && <TwoFactorAuthEnabledRequirement />}\n            {sortedGroupedAccessRequirementsByType?.map(accessRequirement => {\n              return (\n                <AccessRequirementListItem\n                  key={accessRequirement.id}\n                  accessRequirement={accessRequirement}\n                  subjectId={subjectId}\n                  subjectType={subjectType}\n                  onHide={onHide}\n                  onRequestAccess={accessRequirement => {\n                    const nextStep = isAuthenticated\n                      ? RequestDataStep.UPDATE_RESEARCH_PROJECT\n                      : RequestDataStep.PROMPT_LOGIN\n                    requestDataStepCallback({\n                      managedACTAccessRequirement: accessRequirement,\n                      step: nextStep,\n                    })\n                  }}\n                />\n              )\n            })}\n          </DialogContent>\n          <DialogActions>\n            {customDialogActions ? (\n              customDialogActions\n            ) : (\n              <>\n                {renderAsModal && (\n                  <Button variant=\"contained\" onClick={onHide}>\n                    Close\n                  </Button>\n                )}\n              </>\n            )}\n          </DialogActions>\n        </>\n      )\n  }\n\n  if (renderAsModal) {\n    return (\n      <Dialog maxWidth={dialogWidth} fullWidth open={true} onClose={onHide}>\n        {renderContent}\n      </Dialog>\n    )\n  }\n\n  return <>{renderContent}</>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0FA,IAAM,IACJ;CACE;CACA;CACA;CACA;CACA;CACD,EAEG,IAAqC,IAAI,IAE7C,EAA0C,EAEtC,IAA2D,EAC/D,GACA,EACE,OAAO,0BACR,CACF,EAAE,EAAE,gBAAa;CAChB,WAAW,EAAM,QAAQ,EAAE;CAC3B,cAAc,EAAM,QAAQ,EAAE;CAC9B,eAAe,EAAM,QAAQ,EAAE;CAC/B,UAAU;CACV,YAAY;CACZ,cAAc;CACd,aAAa,EAAM,QAAQ,KAAK;CACjC,EAAE,EAEU,KACX,MAEO,EAAmB,KAAK,EAAgB,EAG3C,KAAmB,MAChB,CAAC,EAAmC,IAAI,EAAkB,aAAa,EAM3E,IAAL,yBAAA,GAAA;QACE,EAAA,EAAA,eAAe,KAAA,gBACf,EAAA,EAAA,0BAA0B,KAAA,2BAC1B,EAAA,EAAA,6BAA6B,KAAA,8BAC7B,EAAA,EAAA,gBAAgB,KAAA,iBAChB,EAAA,EAAA,eAAe,KAAA,gBACf,EAAA,EAAA,WAAW,KAAA;EANR,KAAA,EAAA,CAOJ;AAgBD,SAAwB,EACtB,GACA;CACA,IAAM,EACJ,YAAS,GACT,mBAAgB,IAChB,0BACA,sBACA,wBACA,yBAAsB,MACpB,GAEE,IAAiC,cAAc,GAC/C,IAA+B,YAAY,GAC3C,IAAiC,gCAAgC,GAEjE,IACJ,eAAe,IACX,EAAM,YACN,IACE,EAAM,WACN,IACE,EAAM,SACN,KAAA,GAEJ,IACJ,iBAAiB,IACb,EAAM,cACN,IACE,EAAuB,SACvB,IACE,EAAuB,OACvB,KAAA,GAEN,EAAE,iBAAc,0BAA0B,GACxC,EAAE,uBAAoB,GAAmB,EACzC,CAAC,GAAiB,MAAsB,EAC5C,EAAgB,aACjB,EACK,IAAa,GAAe,EAC5B,CAAC,GAA6B,MAClC,GAAuC,EACnC,CAAC,IAAmB,MAAwB,EAAiB,GAAG,EAChE,CAAC,IAAmB,MAAwB,GAE/C,EAEG,IAAgC,GAAkC,EAElE,EAAE,MAAM,OAA+B,EAC3C,GACA,EACE,SACE,MAAc,KAAA,KAAa,MAAgB,EAAuB,MACrE,CACF,EACK,EAAE,MAAM,OACZ,EAAkC,GAAY,EAC5C,SACE,MAAc,KAAA,KACd,MAAgB,EAAuB,QAC1C,CAAC,EAME,KAJwB,IAC1B,EAAM,6BACN,KAAA,MAIF,MACA,IAOI,EAAE,MAAM,MACZ,GACG,KAAsB,EAAE,EAAE,KAAI,MAAM,OAAO,EAAG,GAAG,CAAC,EACnD;EACE,SAAS,CAAC,CAAC;EAEX,WAAW;EACZ,CACF,EAEG,KAAwC,QAAc;AAC1D,MAAI,KAAsB,GAA4B;GAEpD,IAAM,IAAkC,EACtC,GACA,eACD;AAaD,UAXE,EAA0C,KAAI,MAAQ;IACpD,IAAM,IAAY,EAAgC;AAMlD,WALI,IACK,EAA2B,KAChC,MAAM,EAAU,MAAK,MAAM,MAAO,OAAO,EAAG,GAAG,CAAC,CACjD,GAEI,EAAE;KACT,CACC,MAAM,CACN,QAAQ,MAAoC,MAAS,KAAA,EACnD;;IAGR,CAAC,GAAoB,EAA2B,CAAC,EAE9C,KAA2B,MAAuC;EACtE,IAAM,EACJ,gCACA,SACA,sBACA,mBAAmB,MACjB;AAWJ,EAVI,KAEF,GAA+B,EAA4B,EAEzD,KACF,GAAqB,EAAkB,EAErC,KACF,GAAqB,EAAqB,EAE5C,GAAmB,EAAK;IAGpB,KAA6B,GAAoB,MACrD,MACE,EAAkB,iBAChB,KACF,EAAkB,gBACrB,EAEK,KAA6B,GAAoB,MACrD,OACG,EAAkB,iBACjB,KACA,EAAkB,iBAChB,MACJ,EAAkB,wBACrB,EAEK,KAAiC,GAAoB,MACzD,OACG,EAAkB,iBACjB,KACA,EAAkB,iBAChB,MACJ,EAAkB,2BACrB,EAEK,KAAiB,QAEjB,MACA,IAEA,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GAAS,MAAK;GAAO,IAAI,EAAE,OAAO,QAAQ;GAAI,CAAA;;EAAE;EAAuB;EAAI;EAE1E,EAAA,CAAA,GAGL,MAAc,KAAA,KACd,MAAgB,EAAuB,SAEhC,kBAAC,GAAD,EAAY,QAAQ,GAAa,CAAA,GAC/B,MAAgB,EAAuB,OACzC,kBAAC,GAAD,EAAiB,aAAa,GAAa,CAAA,IAElD,QAAQ,KACN,4DAA4D,EAAY,IAAI,IAC7E,EACM,kBAAA,GAAA,EAAK,CAAA,IAEb;EAAC;EAAuB;EAAmB;EAAW;EAAY,CAAC,EAEhE,KACJ,CACE,EAAgB,4BAChB,EAAgB,wBACjB,CAAC,SAAS,EAAgB,IAAI,IAC3B,OACA,MAEF,IAAgB,kBAAA,GAAA,EAAK,CAAA;AACzB,SAAQ,GAAR;EACE,KAAK,EAAgB;AACnB,OACE,kBAAC,GAAD;IAC+B;IAC7B,SAAQ,MAAmB;AACzB,OAAwB;MACtB;MACA,MAAM,EAAgB;MACtB,mBAAmB,EAAgB;MACpC,CAAC;;IAEI;IACR,CAAA;AAEJ;EACF,KAAK,EAAgB;AACnB,OACE,kBAAC,GAAD;IACqB;IACU;IAC7B,WAAW,KAAa;IACxB,aAAa,KAAe,EAAuB;IAC3C;IACR,WAAU,MAA+B;AACvC,OAAwB;MACtB,MAAM,EAAgB;MACtB,mBAAmB;MACpB,CAAC;;IAEJ,sBAAqB,MAAgB;AAEnC,KADA,EAAwB,EAAE,MAAM,EAAgB,UAAU,CAAC,EAC3D,EAAoB,EAAa;;IAEnC,qBAAqB;AACnB,OAAwB,EACtB,MAAM,EAAgB,yBACvB,CAAC;;IAEJ,CAAA;AAEJ;EACF,KAAK,EAAgB;AACnB,OACE,kBAAC,IAAD;IACE,2BAA2B;IACnB;IACR,CAAA;AAEJ;EACF,KAAK,EAAgB;AAInB,GAFA,EAA0C,EAAW,UAAU,CAAC,EAChE,IAAc,iBACd,IAAgB,kBAAA,GAAA,EAAK,CAAA;AACrB;EACF,KAAK,EAAgB;AACnB,OAAgB,kBAAC,GAAD,EAAkC,WAAU,CAAA;AAC5D;EACF,KAAK,EAAgB;EACrB,QACE,KACE,kBAAA,GAAA,EAAA,UAAA;GACG,IACC,kBAAC,GAAD;IAAiB,OAAO;IAAa,UAAU;IAAU,CAAA,GAEzD,kBAAC,GAAD;IAAY,SAAQ;IAAK,IAAI,EAAE,IAAI,GAAG;cACnC;IACU,CAAA;GAEf,kBAAC,GAAD,EAAA,UAAA;IACE,kBAAC,GAAD;KAAwB,SAAS;KAAM,IAAI,EAAE,IAAI,GAAG;eAAE;KAE7B,CAAA;IACzB,kBAAC,GAAD;KAAY,SAAS;KAAS,WAAW;eACtC;KACU,CAAA;IACb,kBAAC,GAAD;KAAwB,SAAS;eAAM;KAEd,CAAA;IACzB,kBAAC,IAAD,EAA4B,CAAA;IAC3B,MAA8B,kBAAC,IAAD,EAA4B,CAAA;IAC1D,MAAkC,kBAAC,IAAD,EAAyB,CAAA;IAC3D,MAA8B,kBAAC,IAAD,EAAmC,CAAA;IACjE,IAAuC,KAAI,MAExC,kBAAC,GAAD;KAEqB;KACR;KACE;KACL;KACR,kBAAiB,MAAqB;AAIpC,QAAwB;OACtB,6BAA6B;OAC7B,MALe,IACb,EAAgB,0BAChB,EAAgB;OAInB,CAAC;;KAEJ,EAdK,EAAkB,GAcvB,CAEJ;IACY,EAAA,CAAA;GAChB,kBAAC,IAAD,EAAA,UACG,KAGC,kBAAA,GAAA,EAAA,UACG,KACC,kBAAC,GAAD;IAAQ,SAAQ;IAAY,SAAS;cAAQ;IAEpC,CAAA,EAEV,CAAA,EAES,CAAA;GACf,EAAA,CAAA;;AAYT,QARI,IAEA,kBAAC,GAAD;EAAQ,UAAU;EAAa,WAAA;EAAU,MAAM;EAAM,SAAS;YAC3D;EACM,CAAA,GAIN,kBAAA,GAAA,EAAA,UAAG,GAAiB,CAAA"}
+{"version":3,"file":"AccessRequirementList.js","names":[],"sources":["../../../src/components/AccessRequirementList/AccessRequirementList.tsx"],"sourcesContent":["import {\n  useGetAccessRequirementsForEntity,\n  useGetAccessRequirementsForTeam,\n  useSortAccessRequirementIdsByCompletion,\n} from '@/synapse-queries'\nimport {\n  storeRedirectURLForOneSageLoginAndGotoURL,\n  useSynapseContext,\n} from '@/utils'\nimport { StyledComponent } from '@emotion/styled'\nimport {\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  styled,\n  Typography,\n  TypographyProps,\n} from '@mui/material'\nimport {\n  AccessRequirement,\n  ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  LOCK_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  ManagedACTAccessRequirement,\n  Renewal,\n  Request,\n  RestrictableObjectType,\n  SELF_SIGN_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  TERMS_OF_USE_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n} from '@sage-bionetworks/synapse-types'\nimport noop from 'lodash-es/noop'\nimport groupBy from 'lodash-es/groupBy'\nimport { ReactNode, useMemo, useState } from 'react'\nimport { DialogBaseTitle } from '../DialogBase'\nimport { EntityLink } from '../EntityLink'\nimport IconSvg from '../IconSvg/IconSvg'\nimport UserOrTeamBadge from '../UserOrTeamBadge'\nimport { AccessRequirementListItem } from './AccessRequirementListItem'\nimport { useCanShowManagedACTWikiInWizard } from './AccessRequirementListUtils'\nimport CancelRequestDataAccess from './ManagedACTAccessRequirementRequestFlow/CancelRequestDataAccess'\nimport DataAccessRequestAccessorsFilesForm from './ManagedACTAccessRequirementRequestFlow/DataAccessRequestAccessorsFilesForm/DataAccessRequestAccessorsFilesForm'\nimport RequestDataAccessSuccess from './ManagedACTAccessRequirementRequestFlow/RequestDataAccessSuccess'\nimport ResearchProjectForm from './ManagedACTAccessRequirementRequestFlow/ResearchProjectForm/ResearchProjectForm'\nimport AuthenticatedRequirement from './RequirementItem/AuthenticatedRequirement'\nimport CertificationRequirement from './RequirementItem/CertificationRequirement'\nimport TwoFactorAuthEnabledRequirement from './RequirementItem/TwoFactorAuthEnabledRequirement'\nimport ValidationRequirement from './RequirementItem/ValidationRequirement'\nimport { useOneSageURL } from '@/utils/hooks'\n\nexport type AccessRequirementListProps = {\n  /* if provided, will show this instead of the entity information */\n  numberOfFilesAffected?: number\n  /* if provided, will show this instead of the entity information or numberOfFilesAffected */\n  requestObjectName?: string\n  /* If true, this component will render in its own modal */\n  renderAsModal?: boolean\n  /* Overrides the default dialog title. This only applies if renderAsModal is true */\n  dialogTitle?: string\n  /* Called when the user rejects the terms of a listed AccessRequirement. If renderAsModal is true, this is also called when the user closes the modal. */\n  onHide: () => void\n  /* Displays the provided list of access requirements, instead of the ones fetched using the subject ID */\n  accessRequirementFromProps?: Array<AccessRequirement>\n  /* If provided, displays these actions on when viewing all ARs */\n  customDialogActions?: ReactNode\n  /* Optional callback invoked if a submission is created via this component */\n  onSubmissionCreated?: (submissionId: string) => void\n} & (\n  | {\n      /**\n       * Fetches the access requirements associated with an entity\n       * @deprecated Please use `subjectId` and `subjectType`\n       */\n      entityId: string\n    }\n  | {\n      /**\n       * Fetches the access requirements associated with a team\n       * @deprecated Please use `subjectId` and `subjectType`\n       */\n      teamId: string\n    }\n  | {\n      /* The ID of the object for which access is being requested */\n      subjectId?: string\n      /* The type of the object for which access is being requested */\n      subjectType?: RestrictableObjectType\n    }\n)\n\nconst SUPPORTED_ACCESS_REQUIREMENT_TYPES_SORTED: AccessRequirement['concreteType'][] =\n  [\n    SELF_SIGN_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n    TERMS_OF_USE_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n    MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n    ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n    LOCK_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  ]\n\nconst SUPPORTED_ACCESS_REQUIREMENT_TYPES = new Set<\n  AccessRequirement['concreteType']\n>(SUPPORTED_ACCESS_REQUIREMENT_TYPES_SORTED)\n\nconst DialogSubsectionHeader: StyledComponent<TypographyProps> = styled(\n  Typography,\n  {\n    label: 'DialogSubsectionHeader',\n  },\n)(({ theme }) => ({\n  marginTop: theme.spacing(4),\n  marginBottom: theme.spacing(2),\n  paddingBottom: theme.spacing(1),\n  fontSize: '18px',\n  fontWeight: 'bold',\n  borderBottom: '1px solid',\n  borderColor: theme.palette.grey['200'],\n}))\n\nexport const checkHasUnsupportedRequirement = (\n  accessRequirements: Array<AccessRequirement>,\n): boolean => {\n  return accessRequirements.some(isARUnsupported)\n}\n\nconst isARUnsupported = (accessRequirement: AccessRequirement) => {\n  return !SUPPORTED_ACCESS_REQUIREMENT_TYPES.has(accessRequirement.concreteType)\n}\n\n/**\n * Represents a distinct screen in the wizard used to apply to a ManagedACTAccessRequirement\n */\nenum RequestDataStep {\n  SHOW_ALL_ARS = 0,\n  UPDATE_RESEARCH_PROJECT = 1,\n  UPDATE_ACCESSORS_AND_FILES = 2,\n  PROMPT_CANCEL = 3,\n  PROMPT_LOGIN = 4,\n  COMPLETE = 5,\n}\n\nexport type RequestDataStepCallbackArgs = {\n  step: RequestDataStep\n  managedACTAccessRequirement?: ManagedACTAccessRequirement\n  researchProjectId?: string\n  dataAccessRequest?: Request | Renewal\n}\n\n/**\n * The AccessRequirementListV2 component renders a set of {@link AccessRequirement}s (either pre-defined, or those applied\n * to an entity, based on provided props).\n *\n * The component shows the user the approval status of each AR and provides a workflow for accepting the terms of or\n * creating a submission for any of the Access Requirements.\n */\nexport default function AccessRequirementList(\n  props: AccessRequirementListProps,\n) {\n  const {\n    onHide = noop,\n    renderAsModal = false,\n    numberOfFilesAffected,\n    requestObjectName,\n    customDialogActions,\n    onSubmissionCreated = noop,\n  } = props\n\n  const isShowingRequirementsForEntity = 'entityId' in props\n  const isShowingRequirementsForTeam = 'teamId' in props\n  const isShowingRequirementsFromProps = 'accessRequirementFromProps' in props\n\n  const subjectId =\n    'subjectId' in props\n      ? props.subjectId\n      : isShowingRequirementsForEntity\n        ? props.entityId\n        : isShowingRequirementsForTeam\n          ? props.teamId\n          : undefined\n\n  const subjectType =\n    'subjectType' in props\n      ? props.subjectType\n      : isShowingRequirementsForEntity\n        ? RestrictableObjectType.ENTITY\n        : isShowingRequirementsForTeam\n          ? RestrictableObjectType.TEAM\n          : undefined\n\n  let { dialogTitle = 'Data Access Request' } = props\n  const { isAuthenticated } = useSynapseContext()\n  const [requestDataStep, setRequestDataStep] = useState<RequestDataStep>(\n    RequestDataStep.SHOW_ALL_ARS,\n  )\n  const oneSageURL = useOneSageURL()\n  const [managedACTAccessRequirement, setManagedACTAccessRequirement] =\n    useState<ManagedACTAccessRequirement>()\n  const [researchProjectId, setResearchProjectId] = useState<string>('')\n  const [dataAccessRequest, setDataAccessRequest] = useState<\n    Request | Renewal | undefined\n  >()\n\n  const canShowManagedACTWikiInWizard = useCanShowManagedACTWikiInWizard()\n\n  const { data: fetchedRequirementsForTeam } = useGetAccessRequirementsForTeam(\n    subjectId!,\n    {\n      enabled:\n        subjectId !== undefined && subjectType === RestrictableObjectType.TEAM,\n    },\n  )\n  const { data: fetchedRequirementsForEntity } =\n    useGetAccessRequirementsForEntity(subjectId!, {\n      enabled:\n        subjectId !== undefined &&\n        subjectType === RestrictableObjectType.ENTITY,\n    })\n\n  const requirementsFromProps = isShowingRequirementsFromProps\n    ? props.accessRequirementFromProps\n    : undefined\n\n  const accessRequirements =\n    requirementsFromProps ??\n    fetchedRequirementsForEntity ??\n    fetchedRequirementsForTeam\n\n  /**\n   * Set the initial ordering of the Access Requirements to show complete ARs first. The individual AR Item components\n   * retrieve and render status independently, so this data only determines ordering. For this reason, the query data\n   * should not be invalidated or updated as the user progresses through the workflow.\n   */\n  const { data: sortedAccessRequirementIds } =\n    useSortAccessRequirementIdsByCompletion(\n      (accessRequirements ?? []).map(ar => String(ar.id)),\n      {\n        enabled: !!accessRequirements,\n        // Set the stale time to infinity because we don't want to refetch this and change the order\n        staleTime: Infinity,\n      },\n    )\n\n  const sortedGroupedAccessRequirementsByType = useMemo(() => {\n    if (accessRequirements && sortedAccessRequirementIds) {\n      // SWC-7218: Group by access requirement type\n      const groupedAccessRequirementsByType = groupBy(\n        accessRequirements,\n        'concreteType',\n      )\n      const sortedByTypeAndStatus =\n        SUPPORTED_ACCESS_REQUIREMENT_TYPES_SORTED.map(type => {\n          const arsOfType = groupedAccessRequirementsByType[type]\n          if (arsOfType) {\n            return sortedAccessRequirementIds.map(\n              id => arsOfType.find(ar => id === String(ar.id))!,\n            )\n          }\n          return []\n        })\n          .flat()\n          .filter((item): item is AccessRequirement => item !== undefined)\n      return sortedByTypeAndStatus\n    }\n    return undefined\n  }, [accessRequirements, sortedAccessRequirementIds])\n\n  const requestDataStepCallback = (props: RequestDataStepCallbackArgs) => {\n    const {\n      managedACTAccessRequirement,\n      step,\n      researchProjectId,\n      dataAccessRequest: newDataAccessRequest,\n    } = props\n    if (managedACTAccessRequirement) {\n      // required for step 1, 2 form\n      setManagedACTAccessRequirement(managedACTAccessRequirement)\n    }\n    if (researchProjectId) {\n      setResearchProjectId(researchProjectId)\n    }\n    if (newDataAccessRequest) {\n      setDataAccessRequest(newDataAccessRequest)\n    }\n    setRequestDataStep(step)\n  }\n\n  const anyARsRequireTwoFactorAuth = accessRequirements?.some(\n    accessRequirement =>\n      accessRequirement.concreteType ===\n        MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE &&\n      accessRequirement.isTwoFaRequired,\n  )\n\n  const anyARsRequireCertification = accessRequirements?.some(\n    accessRequirement =>\n      (accessRequirement.concreteType ===\n        MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE ||\n        accessRequirement.concreteType ===\n          SELF_SIGN_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE) &&\n      accessRequirement.isCertifiedUserRequired,\n  )\n\n  const anyARsRequireProfileValidation = accessRequirements?.some(\n    accessRequirement =>\n      (accessRequirement.concreteType ===\n        MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE ||\n        accessRequirement.concreteType ===\n          SELF_SIGN_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE) &&\n      accessRequirement.isValidatedProfileRequired,\n  )\n\n  const requestDetails = useMemo(() => {\n    // Prioritize requestObjectName, then the number of files affected, then the entity/team name\n    if (requestObjectName) return requestObjectName\n    if (numberOfFilesAffected)\n      return (\n        <>\n          <IconSvg icon=\"file\" sx={{ width: '30px' }} /> {numberOfFilesAffected}{' '}\n          File(s)\n        </>\n      )\n    if (\n      subjectId !== undefined &&\n      subjectType === RestrictableObjectType.ENTITY\n    ) {\n      return <EntityLink entity={subjectId} />\n    } else if (subjectType === RestrictableObjectType.TEAM) {\n      return <UserOrTeamBadge principalId={subjectId} />\n    } else {\n      console.warn(\n        `Unhandled case for AccessRequirementList requestDetails: ${subjectType}: ${subjectId}`,\n      )\n      return <></>\n    }\n  }, [numberOfFilesAffected, requestObjectName, subjectId, subjectType])\n\n  const dialogWidth =\n    [\n      RequestDataStep.UPDATE_ACCESSORS_AND_FILES,\n      RequestDataStep.UPDATE_RESEARCH_PROJECT,\n    ].includes(requestDataStep) && canShowManagedACTWikiInWizard\n      ? 'xl'\n      : 'md'\n\n  let renderContent = <></>\n  switch (requestDataStep) {\n    case RequestDataStep.UPDATE_RESEARCH_PROJECT:\n      renderContent = (\n        <ResearchProjectForm\n          managedACTAccessRequirement={managedACTAccessRequirement!}\n          onSave={researchProject => {\n            requestDataStepCallback({\n              managedACTAccessRequirement,\n              step: RequestDataStep.UPDATE_ACCESSORS_AND_FILES,\n              researchProjectId: researchProject.id,\n            })\n          }}\n          onHide={onHide}\n        />\n      )\n      break\n    case RequestDataStep.UPDATE_ACCESSORS_AND_FILES:\n      renderContent = (\n        <DataAccessRequestAccessorsFilesForm\n          researchProjectId={researchProjectId}\n          managedACTAccessRequirement={managedACTAccessRequirement!}\n          subjectId={subjectId ?? ''}\n          subjectType={subjectType ?? RestrictableObjectType.ENTITY}\n          onHide={onHide}\n          onCancel={dataAccessRequestInProgress => {\n            requestDataStepCallback({\n              step: RequestDataStep.PROMPT_CANCEL,\n              dataAccessRequest: dataAccessRequestInProgress,\n            })\n          }}\n          onSubmissionCreated={submissionId => {\n            requestDataStepCallback({ step: RequestDataStep.COMPLETE })\n            onSubmissionCreated(submissionId)\n          }}\n          onBackClicked={() => {\n            requestDataStepCallback({\n              step: RequestDataStep.UPDATE_RESEARCH_PROJECT,\n            })\n          }}\n        />\n      )\n      break\n    case RequestDataStep.PROMPT_CANCEL:\n      renderContent = (\n        <CancelRequestDataAccess\n          modifiedDataAccessRequest={dataAccessRequest}\n          onHide={onHide} // for closing dialogs\n        />\n      )\n      break\n    case RequestDataStep.PROMPT_LOGIN:\n      // Send to OneSage login page\n      storeRedirectURLForOneSageLoginAndGotoURL(oneSageURL.toString())\n      dialogTitle = 'Please Log In'\n      renderContent = <></>\n      break\n    case RequestDataStep.COMPLETE:\n      renderContent = <RequestDataAccessSuccess onHide={onHide} />\n      break\n    case RequestDataStep.SHOW_ALL_ARS:\n    default:\n      renderContent = (\n        <>\n          {renderAsModal ? (\n            <DialogBaseTitle title={dialogTitle} onCancel={onHide} />\n          ) : (\n            <Typography variant=\"h5\" sx={{ mb: 2 }}>\n              {dialogTitle}\n            </Typography>\n          )}\n          <DialogContent>\n            <DialogSubsectionHeader variant={'h4'} sx={{ mt: 0 }}>\n              What is this request for?\n            </DialogSubsectionHeader>\n            <Typography variant={'body1'} component={'span'}>\n              {requestDetails}\n            </Typography>\n            <DialogSubsectionHeader variant={'h4'}>\n              What do I need to do?\n            </DialogSubsectionHeader>\n            <AuthenticatedRequirement />\n            {anyARsRequireCertification && <CertificationRequirement />}\n            {anyARsRequireProfileValidation && <ValidationRequirement />}\n            {anyARsRequireTwoFactorAuth && <TwoFactorAuthEnabledRequirement />}\n            {sortedGroupedAccessRequirementsByType?.map(accessRequirement => {\n              return (\n                <AccessRequirementListItem\n                  key={accessRequirement.id}\n                  accessRequirement={accessRequirement}\n                  subjectId={subjectId}\n                  subjectType={subjectType}\n                  onHide={onHide}\n                  onRequestAccess={accessRequirement => {\n                    const nextStep = isAuthenticated\n                      ? RequestDataStep.UPDATE_RESEARCH_PROJECT\n                      : RequestDataStep.PROMPT_LOGIN\n                    requestDataStepCallback({\n                      managedACTAccessRequirement: accessRequirement,\n                      step: nextStep,\n                    })\n                  }}\n                />\n              )\n            })}\n          </DialogContent>\n          <DialogActions>\n            {customDialogActions ? (\n              customDialogActions\n            ) : (\n              <>\n                {renderAsModal && (\n                  <Button variant=\"contained\" onClick={onHide}>\n                    Close\n                  </Button>\n                )}\n              </>\n            )}\n          </DialogActions>\n        </>\n      )\n  }\n\n  if (renderAsModal) {\n    return (\n      <Dialog maxWidth={dialogWidth} fullWidth open={true} onClose={onHide}>\n        {renderContent}\n      </Dialog>\n    )\n  }\n\n  return <>{renderContent}</>\n}\n"],"mappings":"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"}