synapse-react-client 4.0.10 → 4.0.12

package/dist/SWC.index.d.ts

@@ -120,7 +120,7 @@ declare const SynapseComponents: {
         secondaryButtonConfig?: import("./components/FullWidthAlert/FullWidthAlert").AlertButtonConfig;
         dismissOnPrimaryButtonClick?: boolean;
         dismissOnSecondaryButtonClick?: boolean;
-    }) => (() => void);
+    } | null) => (() => void);
     getCurrentCookiePreferences: () => import("./utils/hooks").CookiePreference;
 };
 declare const Analytics: {

package/dist/SWC.index.js

@@ -109,7 +109,7 @@ var x = { BackendDestinationEnum: r }, S = {
 	sendSearchResultsReturnedEvent: y,
 	sendSearchResultReturnedEvent: v,
 	sendSearchResultClickedEvent: _
-}, T = "4.0.10";
+}, T = "4.0.12";
 //#endregion
 export { w as Analytics, a as HttpClient, d as Palettes, o as SynapseClient, C as SynapseComponents, n as SynapseConstants, S as SynapseContext, x as SynapseEnums, m as SynapseQueries, T as SynapseReactClientVersion, p as SynapseSessionManager, i as xssOptions };
 

package/dist/assets/icons/CloudWarning.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { SvgIconProps } from '@mui/material/SvgIcon';
+declare const CloudWarning: (props: SvgIconProps) => React.ReactNode;
+export default CloudWarning;
+//# sourceMappingURL=CloudWarning.d.ts.map

package/dist/assets/icons/CloudWarning.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloudWarning.d.ts","sourceRoot":"","sources":["../../../src/assets/icons/CloudWarning.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAgB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAE7D,QAAA,MAAM,YAAY,GAAI,OAAO,YAAY,KAAG,KAAK,CAAC,SA+BjD,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/assets/icons/CloudWarning.js

@@ -0,0 +1,47 @@
+import "react";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import n from "@mui/material/SvgIcon";
+//#region src/assets/icons/CloudWarning.tsx
+var r = (r) => /* @__PURE__ */ t(n, {
+	...r,
+	viewBox: "0 0 40 40",
+	fill: "none",
+	children: [
+		/* @__PURE__ */ e("rect", {
+			x: "1",
+			y: "1",
+			width: "38",
+			height: "38",
+			rx: "19",
+			stroke: "#EDC766",
+			strokeWidth: "2"
+		}),
+		/* @__PURE__ */ e("mask", {
+			id: "mask0_2400_5829",
+			style: { maskType: "alpha" },
+			maskUnits: "userSpaceOnUse",
+			x: "8",
+			y: "8",
+			width: "24",
+			height: "24",
+			children: /* @__PURE__ */ e("rect", {
+				x: "8",
+				y: "8",
+				width: "24",
+				height: "24",
+				fill: "#EDC766"
+			})
+		}),
+		/* @__PURE__ */ e("g", {
+			mask: "url(#mask0_2400_5829)",
+			children: /* @__PURE__ */ e("path", {
+				d: "M14.5 28C12.9833 28 11.6875 27.475 10.6125 26.425C9.5375 25.375 9 24.0917 9 22.575C9 21.275 9.39167 20.1167 10.175 19.1C10.9583 18.0833 11.9833 17.4333 13.25 17.15C13.6667 15.6167 14.5 14.375 15.75 13.425C17 12.475 18.4167 12 20 12C21.95 12 23.6042 12.6792 24.9625 14.0375C26.3208 15.3958 27 17.05 27 19C28.15 19.1333 29.1042 19.6292 29.8625 20.4875C30.6208 21.3458 31 22.35 31 23.5C31 24.75 30.5625 25.8125 29.6875 26.6875C28.8125 27.5625 27.75 28 26.5 28H14.5ZM14.5 26H26.5C27.2 26 27.7917 25.7583 28.275 25.275C28.7583 24.7917 29 24.2 29 23.5C29 22.8 28.7583 22.2083 28.275 21.725C27.7917 21.2417 27.2 21 26.5 21H25V19C25 17.6167 24.5125 16.4375 23.5375 15.4625C22.5625 14.4875 21.3833 14 20 14C18.6167 14 17.4375 14.4875 16.4625 15.4625C15.4875 16.4375 15 17.6167 15 19H14.5C13.5333 19 12.7083 19.3417 12.025 20.025C11.3417 20.7083 11 21.5333 11 22.5C11 23.4667 11.3417 24.2917 12.025 24.975C12.7083 25.6583 13.5333 26 14.5 26ZM20.7125 23.7125C20.9042 23.5208 21 23.2833 21 23C21 22.7167 20.9042 22.4792 20.7125 22.2875C20.5208 22.0958 20.2833 22 20 22C19.7167 22 19.4792 22.0958 19.2875 22.2875C19.0958 22.4792 19 22.7167 19 23C19 23.2833 19.0958 23.5208 19.2875 23.7125C19.4792 23.9042 19.7167 24 20 24C20.2833 24 20.5208 23.9042 20.7125 23.7125ZM19 20.5H21V16H19V20.5Z",
+				fill: "#EDC766"
+			})
+		})
+	]
+});
+//#endregion
+export { r as default };
+
+//# sourceMappingURL=CloudWarning.js.map

package/dist/assets/icons/CloudWarning.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloudWarning.js","names":[],"sources":["../../../src/assets/icons/CloudWarning.tsx"],"sourcesContent":["import React from 'react'\nimport SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon'\n\nconst CloudWarning = (props: SvgIconProps): React.ReactNode => {\n  return (\n    <SvgIcon {...props} viewBox=\"0 0 40 40\" fill=\"none\">\n      <rect\n        x=\"1\"\n        y=\"1\"\n        width=\"38\"\n        height=\"38\"\n        rx=\"19\"\n        stroke=\"#EDC766\"\n        strokeWidth=\"2\"\n      />\n      <mask\n        id=\"mask0_2400_5829\"\n        style={{ maskType: 'alpha' }}\n        maskUnits=\"userSpaceOnUse\"\n        x=\"8\"\n        y=\"8\"\n        width=\"24\"\n        height=\"24\"\n      >\n        <rect x=\"8\" y=\"8\" width=\"24\" height=\"24\" fill=\"#EDC766\" />\n      </mask>\n      <g mask=\"url(#mask0_2400_5829)\">\n        <path\n          d=\"M14.5 28C12.9833 28 11.6875 27.475 10.6125 26.425C9.5375 25.375 9 24.0917 9 22.575C9 21.275 9.39167 20.1167 10.175 19.1C10.9583 18.0833 11.9833 17.4333 13.25 17.15C13.6667 15.6167 14.5 14.375 15.75 13.425C17 12.475 18.4167 12 20 12C21.95 12 23.6042 12.6792 24.9625 14.0375C26.3208 15.3958 27 17.05 27 19C28.15 19.1333 29.1042 19.6292 29.8625 20.4875C30.6208 21.3458 31 22.35 31 23.5C31 24.75 30.5625 25.8125 29.6875 26.6875C28.8125 27.5625 27.75 28 26.5 28H14.5ZM14.5 26H26.5C27.2 26 27.7917 25.7583 28.275 25.275C28.7583 24.7917 29 24.2 29 23.5C29 22.8 28.7583 22.2083 28.275 21.725C27.7917 21.2417 27.2 21 26.5 21H25V19C25 17.6167 24.5125 16.4375 23.5375 15.4625C22.5625 14.4875 21.3833 14 20 14C18.6167 14 17.4375 14.4875 16.4625 15.4625C15.4875 16.4375 15 17.6167 15 19H14.5C13.5333 19 12.7083 19.3417 12.025 20.025C11.3417 20.7083 11 21.5333 11 22.5C11 23.4667 11.3417 24.2917 12.025 24.975C12.7083 25.6583 13.5333 26 14.5 26ZM20.7125 23.7125C20.9042 23.5208 21 23.2833 21 23C21 22.7167 20.9042 22.4792 20.7125 22.2875C20.5208 22.0958 20.2833 22 20 22C19.7167 22 19.4792 22.0958 19.2875 22.2875C19.0958 22.4792 19 22.7167 19 23C19 23.2833 19.0958 23.5208 19.2875 23.7125C19.4792 23.9042 19.7167 24 20 24C20.2833 24 20.5208 23.9042 20.7125 23.7125ZM19 20.5H21V16H19V20.5Z\"\n          fill=\"#EDC766\"\n        />\n      </g>\n    </SvgIcon>\n  )\n}\n\nexport default CloudWarning\n"],"mappings":";;;;AAGA,IAAM,KAAgB,MAElB,kBAAC,GAAD;CAAS,GAAI;CAAO,SAAQ;CAAY,MAAK;WAA7C;EACE,kBAAC,QAAD;GACE,GAAE;GACF,GAAE;GACF,OAAM;GACN,QAAO;GACP,IAAG;GACH,QAAO;GACP,aAAY;GACZ,CAAA;EACF,kBAAC,QAAD;GACE,IAAG;GACH,OAAO,EAAE,UAAU,SAAS;GAC5B,WAAU;GACV,GAAE;GACF,GAAE;GACF,OAAM;GACN,QAAO;aAEP,kBAAC,QAAD;IAAM,GAAE;IAAI,GAAE;IAAI,OAAM;IAAK,QAAO;IAAK,MAAK;IAAY,CAAA;GACrD,CAAA;EACP,kBAAC,KAAD;GAAG,MAAK;aACN,kBAAC,QAAD;IACE,GAAE;IACF,MAAK;IACL,CAAA;GACA,CAAA;EACI"}

package/dist/components/AdaptiveTwoColumnLayout/AdaptiveTwoColumnLayout.d.ts

@@ -0,0 +1,44 @@
+import { SxProps } from '@mui/material';
+import { ReactNode } from 'react';
+export type MeasurementInfo = {
+    leftHeight: number;
+    rightHeight: number;
+    ratio: number;
+    stacked: boolean;
+};
+export type AdaptiveTwoColumnLayoutProps = {
+    leftContent: ReactNode;
+    rightContent?: ReactNode;
+    /**
+     * Stack if leftHeight / rightHeight falls below this ratio.
+     * Measured once after initial render with both columns side-by-side.
+     * Default: 0.45
+     */
+    stackRatioThreshold?: number;
+    gap?: string | number;
+    sx?: SxProps;
+    /**
+     * Called once after the initial measurement completes. Useful for debugging.
+     */
+    onMeasure?: (info: MeasurementInfo) => void;
+};
+/**
+ * Lays out two columns side-by-side and, after the initial render, measures
+ * their heights. If leftHeight / rightHeight < stackRatioThreshold, the layout
+ * switches to a single stacked column. On mobile (xs–md) the layout always stacks.
+ *
+ * Measurement is performed once on mount via useLayoutEffect, which fires
+ * synchronously before the browser paints, so there is no visible layout shift.
+ *
+ * Algorithm mirrors the prototype at https://github.com/adamhindman/detail-page-columns:
+ * measure in side-by-side mode, compute ratio = leftHeight / rightHeight, stack if below threshold.
+ *
+ * Implementation note: CSS Grid with align-items:start is used (not Flexbox).
+ * Flexbox's default align-items:stretch causes both children to report the same
+ * offsetHeight (the taller column's height), making the ratio always 1.0 and
+ * stacking never triggering. Grid cells with align-items:start only take the
+ * height of their own content, giving accurate independent measurements.
+ */
+export declare function AdaptiveTwoColumnLayout({ leftContent, rightContent, stackRatioThreshold, gap, sx, onMeasure, }: AdaptiveTwoColumnLayoutProps): import("react/jsx-runtime").JSX.Element;
+export default AdaptiveTwoColumnLayout;
+//# sourceMappingURL=AdaptiveTwoColumnLayout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AdaptiveTwoColumnLayout.d.ts","sourceRoot":"","sources":["../../../src/components/AdaptiveTwoColumnLayout/AdaptiveTwoColumnLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,OAAO,EAAE,MAAM,eAAe,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAqC,MAAM,OAAO,CAAA;AAEpE,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,4BAA4B,GAAG;IACzC,WAAW,EAAE,SAAS,CAAA;IACtB,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB,EAAE,CAAC,EAAE,OAAO,CAAA;IACZ;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAA;CAC5C,CAAA;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,WAAW,EACX,YAAY,EACZ,mBAA0B,EAC1B,GAAY,EACZ,EAAE,EACF,SAAS,GACV,EAAE,4BAA4B,2CAoE9B;AAED,eAAe,uBAAuB,CAAA"}

package/dist/components/AdaptiveTwoColumnLayout/AdaptiveTwoColumnLayout.js

@@ -0,0 +1,46 @@
+import { useLayoutEffect as e, useRef as t, useState as n } from "react";
+import { Box as r } from "@mui/material";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/AdaptiveTwoColumnLayout/AdaptiveTwoColumnLayout.tsx
+function o({ leftContent: o, rightContent: s, stackRatioThreshold: c = .45, gap: l = "40px", sx: u, onMeasure: d }) {
+	let [f, p] = n(null), m = t(null), h = t(null), g = t(d);
+	return g.current = d, e(() => {
+		if (!m.current) return;
+		if (!h.current) {
+			p(!1);
+			return;
+		}
+		let e = m.current.offsetHeight, t = h.current.offsetHeight;
+		if (t > 0) {
+			let n = e / t, r = n < c;
+			p(r), g.current?.({
+				leftHeight: e,
+				rightHeight: t,
+				ratio: n,
+				stacked: r
+			});
+		} else p(!1);
+	}, [c]), /* @__PURE__ */ a(r, {
+		sx: {
+			display: "grid",
+			gridTemplateColumns: f === null ? "1fr 1fr" : {
+				xs: "1fr",
+				md: f ? "1fr" : "1fr 1fr"
+			},
+			alignItems: "start",
+			gap: l,
+			...u
+		},
+		children: [/* @__PURE__ */ i(r, {
+			ref: m,
+			children: o
+		}), s && /* @__PURE__ */ i(r, {
+			ref: h,
+			children: s
+		})]
+	});
+}
+//#endregion
+export { o as AdaptiveTwoColumnLayout, o as default };
+
+//# sourceMappingURL=AdaptiveTwoColumnLayout.js.map

package/dist/components/AdaptiveTwoColumnLayout/AdaptiveTwoColumnLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdaptiveTwoColumnLayout.js","names":[],"sources":["../../../src/components/AdaptiveTwoColumnLayout/AdaptiveTwoColumnLayout.tsx"],"sourcesContent":["import { Box, SxProps } from '@mui/material'\nimport { ReactNode, useLayoutEffect, useRef, useState } from 'react'\n\nexport type MeasurementInfo = {\n  leftHeight: number\n  rightHeight: number\n  ratio: number\n  stacked: boolean\n}\n\nexport type AdaptiveTwoColumnLayoutProps = {\n  leftContent: ReactNode\n  rightContent?: ReactNode\n  /**\n   * Stack if leftHeight / rightHeight falls below this ratio.\n   * Measured once after initial render with both columns side-by-side.\n   * Default: 0.45\n   */\n  stackRatioThreshold?: number\n  gap?: string | number\n  sx?: SxProps\n  /**\n   * Called once after the initial measurement completes. Useful for debugging.\n   */\n  onMeasure?: (info: MeasurementInfo) => void\n}\n\n/**\n * Lays out two columns side-by-side and, after the initial render, measures\n * their heights. If leftHeight / rightHeight < stackRatioThreshold, the layout\n * switches to a single stacked column. On mobile (xs–md) the layout always stacks.\n *\n * Measurement is performed once on mount via useLayoutEffect, which fires\n * synchronously before the browser paints, so there is no visible layout shift.\n *\n * Algorithm mirrors the prototype at https://github.com/adamhindman/detail-page-columns:\n * measure in side-by-side mode, compute ratio = leftHeight / rightHeight, stack if below threshold.\n *\n * Implementation note: CSS Grid with align-items:start is used (not Flexbox).\n * Flexbox's default align-items:stretch causes both children to report the same\n * offsetHeight (the taller column's height), making the ratio always 1.0 and\n * stacking never triggering. Grid cells with align-items:start only take the\n * height of their own content, giving accurate independent measurements.\n */\nexport function AdaptiveTwoColumnLayout({\n  leftContent,\n  rightContent,\n  stackRatioThreshold = 0.45,\n  gap = '40px',\n  sx,\n  onMeasure,\n}: AdaptiveTwoColumnLayoutProps) {\n  // null = not yet measured (2-column mode until useLayoutEffect reads heights)\n  const [isStacked, setIsStacked] = useState<boolean | null>(null)\n  const leftRef = useRef<HTMLDivElement>(null)\n  const rightRef = useRef<HTMLDivElement>(null)\n  // Stable ref so onMeasure is never a useEffect dependency.\n  const onMeasureRef = useRef(onMeasure)\n  onMeasureRef.current = onMeasure\n\n  // useLayoutEffect fires synchronously after React commits the DOM but before\n  // the browser paints, so offsetHeight values are accurate and the user never\n  // sees the intermediate 2-column state.\n  //\n  // NOTE: rightContent and onMeasure are intentionally excluded from the\n  // dependency array. rightContent is JSX — a new object reference on every\n  // parent render — so including it would restart this effect on every render,\n  // preventing measurement from completing. onMeasure is accessed via\n  // onMeasureRef to avoid the same issue.\n  useLayoutEffect(() => {\n    if (!leftRef.current) return\n\n    if (!rightRef.current) {\n      setIsStacked(false)\n      return\n    }\n\n    // Both columns are in 2-column grid mode (isStacked is still null).\n    // offsetHeight gives each column's independent content height.\n    const leftH = leftRef.current.offsetHeight\n    const rightH = rightRef.current.offsetHeight\n\n    if (rightH > 0) {\n      const ratio = leftH / rightH\n      const stacked = ratio < stackRatioThreshold\n      setIsStacked(stacked)\n      onMeasureRef.current?.({\n        leftHeight: leftH,\n        rightHeight: rightH,\n        ratio,\n        stacked,\n      })\n    } else {\n      setIsStacked(false)\n    }\n    // rightContent and onMeasure intentionally omitted — see note above.\n  }, [stackRatioThreshold])\n\n  return (\n    <Box\n      sx={{\n        display: 'grid',\n        // While unmeasured: 2 equal columns so heights are independently comparable.\n        // After measurement: xs always single column; md+ follows the decision.\n        gridTemplateColumns:\n          isStacked === null\n            ? '1fr 1fr'\n            : { xs: '1fr', md: isStacked ? '1fr' : '1fr 1fr' },\n        // align-items:start is critical — each cell is only as tall as its own\n        // content, giving independent heights for the ratio comparison.\n        alignItems: 'start',\n        gap,\n        ...sx,\n      }}\n    >\n      <Box ref={leftRef}>{leftContent}</Box>\n      {rightContent && <Box ref={rightRef}>{rightContent}</Box>}\n    </Box>\n  )\n}\n\nexport default AdaptiveTwoColumnLayout\n"],"mappings":";;;;AA4CA,SAAgB,EAAwB,EACtC,gBACA,iBACA,yBAAsB,KACtB,SAAM,QACN,OACA,gBAC+B;CAE/B,IAAM,CAAC,GAAW,KAAgB,EAAyB,KAAK,EAC1D,IAAU,EAAuB,KAAK,EACtC,IAAW,EAAuB,KAAK,EAEvC,IAAe,EAAO,EAAU;AAyCtC,QAxCA,EAAa,UAAU,GAWvB,QAAsB;AACpB,MAAI,CAAC,EAAQ,QAAS;AAEtB,MAAI,CAAC,EAAS,SAAS;AACrB,KAAa,GAAM;AACnB;;EAKF,IAAM,IAAQ,EAAQ,QAAQ,cACxB,IAAS,EAAS,QAAQ;AAEhC,MAAI,IAAS,GAAG;GACd,IAAM,IAAQ,IAAQ,GAChB,IAAU,IAAQ;AAExB,GADA,EAAa,EAAQ,EACrB,EAAa,UAAU;IACrB,YAAY;IACZ,aAAa;IACb;IACA;IACD,CAAC;QAEF,GAAa,GAAM;IAGpB,CAAC,EAAoB,CAAC,EAGvB,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GAGT,qBACE,MAAc,OACV,YACA;IAAE,IAAI;IAAO,IAAI,IAAY,QAAQ;IAAW;GAGtD,YAAY;GACZ;GACA,GAAG;GACJ;YAdH,CAgBE,kBAAC,GAAD;GAAK,KAAK;aAAU;GAAkB,CAAA,EACrC,KAAgB,kBAAC,GAAD;GAAK,KAAK;aAAW;GAAmB,CAAA,CACrD"}

package/dist/components/ChallengeSubmission/SubmissionDirectoryList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SubmissionDirectoryList.d.ts","sourceRoot":"","sources":["../../../src/components/ChallengeSubmission/SubmissionDirectoryList.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAuB7D,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAQlD,KAAK,4BAA4B,GAAG;IAClC,QAAQ,EAAE,MAAM,CAAA;IAChB,kBAAkB,EAAE,MAAM,CAAA;IAC1B,UAAU,EAAE,OAAO,UAAU,CAAC,UAAU,GAAG,OAAO,UAAU,CAAC,IAAI,CAAA;IACjE,cAAc,EAAE,CAAC,QAAQ,EAAE,UAAU,KAAK,IAAI,CAAA;CAC/C,CAAA;AAMD,iBAAS,uBAAuB,CAAC,EAC/B,QAAQ,EACR,kBAAkB,EAClB,UAAU,EACV,cAAc,GACf,EAAE,4BAA4B,2CAub9B;AAED,eAAe,uBAAuB,CAAA"}
+{"version":3,"file":"SubmissionDirectoryList.d.ts","sourceRoot":"","sources":["../../../src/components/ChallengeSubmission/SubmissionDirectoryList.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAuB7D,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAQlD,KAAK,4BAA4B,GAAG;IAClC,QAAQ,EAAE,MAAM,CAAA;IAChB,kBAAkB,EAAE,MAAM,CAAA;IAC1B,UAAU,EAAE,OAAO,UAAU,CAAC,UAAU,GAAG,OAAO,UAAU,CAAC,IAAI,CAAA;IACjE,cAAc,EAAE,CAAC,QAAQ,EAAE,UAAU,KAAK,IAAI,CAAA;CAC/C,CAAA;AAMD,iBAAS,uBAAuB,CAAC,EAC/B,QAAQ,EACR,kBAAkB,EAClB,UAAU,EACV,cAAc,GACf,EAAE,4BAA4B,2CAmc9B;AAED,eAAe,uBAAuB,CAAA"}

package/dist/components/ChallengeSubmission/SubmissionDirectoryList.js

@@ -2,71 +2,71 @@ import { BackendDestinationEnum as e, getEndpoint as t } from "../../utils/funct
 import n from "../../synapse-client/index.js";
 import { ErrorBanner as r } from "../error/ErrorBanner.js";
 import { useSynapseContext as i } from "../../utils/context/SynapseContext.js";
-import { invalidateAllQueriesForEntity as ee } from "../../synapse-queries/QueryFilterUtils.js";
+import { invalidateAllQueriesForEntity as a } from "../../synapse-queries/QueryFilterUtils.js";
 import "../../utils/index.js";
-import { useGetEntities as te } from "../../synapse-queries/entity/useEntity.js";
-import { useGetEntityChildren as ne } from "../../synapse-queries/entity/useGetEntityChildren.js";
+import { useGetEntities as ee } from "../../synapse-queries/entity/useEntity.js";
+import { useGetEntityChildren as o } from "../../synapse-queries/entity/useGetEntityChildren.js";
 import "../../synapse-queries/index.js";
-import a from "../ConfirmationDialog/index.js";
-import { formatDate as re } from "../../utils/functions/DateFormatter.js";
-import o from "../IconSvg/index.js";
-import { CopyToClipboardIcon as s } from "../CopyToClipboardIcon.js";
-import ie from "../FileUpload/index.js";
-import { useEffect as c, useMemo as l, useState as u } from "react";
-import { Box as d, Button as ae, Radio as oe, Typography as f } from "@mui/material";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import { Direction as h, FILE_ENTITY_CONCRETE_TYPE_VALUE as g, SortBy as se } from "@sage-bionetworks/synapse-types";
-import { EntityType as _ } from "@sage-bionetworks/synapse-client";
-import { useQueryClient as v } from "@tanstack/react-query";
-import { InfoTwoTone as y } from "@mui/icons-material";
-import { Link as b } from "react-router";
-import x from "dayjs";
-import { DataGrid as S } from "@mui/x-data-grid";
+import s from "../ConfirmationDialog/index.js";
+import { formatDate as c } from "../../utils/functions/DateFormatter.js";
+import te from "../IconSvg/index.js";
+import { CopyToClipboardIcon as ne } from "../CopyToClipboardIcon.js";
+import l from "../FileUpload/index.js";
+import { useEffect as u, useMemo as d, useState as f } from "react";
+import { Box as p, Button as re, Radio as m, Typography as h } from "@mui/material";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { Direction as ie, FILE_ENTITY_CONCRETE_TYPE_VALUE as y, SortBy as ae } from "@sage-bionetworks/synapse-types";
+import { EntityType as b } from "@sage-bionetworks/synapse-client";
+import { useQueryClient as x } from "@tanstack/react-query";
+import { NotesTwoTone as oe } from "@mui/icons-material";
+import { Link as S } from "react-router";
+import C from "dayjs";
+import { DataGrid as se } from "@mui/x-data-grid";
 //#region src/components/ChallengeSubmission/SubmissionDirectoryList.tsx
-function C({ pageSize: C, challengeProjectId: w, entityType: T, onItemSelected: E }) {
-	let D = v(), { accessToken: O, keyFactory: k } = i(), [A, ce] = u(0), [j, M] = u(), [N, P] = u(), [F, I] = u(), [L, R] = u([]), [z, B] = u(), [V, H] = u(!1), [U, W] = u(!1), [G, K] = u(), q = C, J = `${t(e.PORTAL_ENDPOINT)}Synapse:${w}`, { data: Y, refetch: le } = ne({
-		parentId: w,
-		nextPageToken: V ? z : null,
-		includeTypes: [T],
+function w({ pageSize: w, challengeProjectId: T, entityType: E, onItemSelected: D }) {
+	let O = x(), { accessToken: k, keyFactory: A } = i(), [j, ce] = f(0), [M, N] = f(), [P, F] = f(), [I, L] = f(), [R, z] = f([]), [B, V] = f(), [H, U] = f(!1), [W, G] = f(!1), [K, q] = f(), J = w, Y = `${t(e.PORTAL_ENDPOINT)}Synapse:${T}`, { data: X, refetch: le } = o({
+		parentId: T,
+		nextPageToken: H ? B : null,
+		includeTypes: [E],
 		includeTotalChildCount: !0,
-		sortBy: se.MODIFIED_ON,
-		sortDirection: h.DESC
+		sortBy: ae.MODIFIED_ON,
+		sortDirection: ie.DESC
 	}, {
-		enabled: !!w,
+		enabled: !!T,
 		throwOnError: !0
 	});
-	c(() => {
-		if (Y) {
-			let e = [...L], t = Math.floor((A + 1) * q / 50) * 50;
-			e.splice(t, t + 50, ...Y.page), R(e), H(!1), B(Y.nextPageToken);
+	u(() => {
+		if (X) {
+			let e = [...R], t = Math.floor((j + 1) * J / 50) * 50;
+			e.splice(t, t + 50, ...X.page), z(e), U(!1), V(X.nextPageToken);
 		}
-	}, [Y]);
+	}, [X]);
 	function ue() {
-		let e = A * q;
-		return L.slice(e, e + q);
+		let e = j * J;
+		return R.slice(e, e + J);
 	}
-	function X() {
-		P(void 0), I(void 0), R([]), B(void 0), H(!1), le();
+	function Z() {
+		F(void 0), L(void 0), z([]), V(void 0), U(!1), le();
 	}
-	c(() => {
-		X();
-	}, [T, C]);
-	let Z = te(ue()), Q = l(() => Z.filter((e) => e.status === "success").map((e) => e.data), [Z]), de = Z.some((e) => e.isLoading), fe = async (e) => {
-		I(!1);
-		let t = Q.find((t) => t?.id === e);
+	u(() => {
+		Z();
+	}, [E, w]);
+	let Q = ee(ue()), $ = d(() => Q.filter((e) => e.status === "success").map((e) => e.data), [Q]), de = Q.some((e) => e.isLoading), fe = async (e) => {
+		L(!1);
+		let t = $.find((t) => t?.id === e);
 		if (t) {
-			if (M(t), T === _.dockerrepo) {
+			if (N(t), E === b.dockerrepo) {
 				let e;
 				try {
-					e = await n.getDockerTag(t.id, O, 0, 1);
+					e = await n.getDockerTag(t.id, k, 0, 1);
 				} catch (e) {
-					return P(e.message);
+					return F(e.message);
 				}
-				if (e.totalNumberOfResults === 0) return P("No commits have been made to this repository. Please select a repository with at least one commit.");
+				if (e.totalNumberOfResults === 0) return F("No commits have been made to this repository. Please select a repository with at least one commit.");
 			}
-			I(!0), P(void 0);
+			L(!0), F(void 0);
 		}
-	}, $ = [
+	}, pe = [
 		{
 			field: "radiobutton",
 			headerName: "",
@@ -75,9 +75,9 @@ function C({ pageSize: C, challengeProjectId: w, entityType: T, onItemSelected:
 			filterable: !1,
 			hideable: !1,
 			disableColumnMenu: !0,
-			renderCell: (e) => /* @__PURE__ */ p(oe, {
+			renderCell: (e) => /* @__PURE__ */ _(m, {
 				value: e.id,
-				checked: e.id === j?.id,
+				checked: e.id === M?.id,
 				onChange: (e) => {
 					fe(e.target.value);
 				}
@@ -85,12 +85,12 @@ function C({ pageSize: C, challengeProjectId: w, entityType: T, onItemSelected:
 		},
 		{
 			field: "name",
-			headerName: T === _.dockerrepo ? "Docker Repository" : "File Name",
+			headerName: E === b.dockerrepo ? "Docker Repository" : "File Name",
 			flex: 1,
 			filterable: !1,
 			hideable: !1,
 			disableColumnMenu: !0,
-			renderCell: (n) => /* @__PURE__ */ p(b, {
+			renderCell: (n) => /* @__PURE__ */ _(S, {
 				to: { pathname: `${t(e.PORTAL_ENDPOINT)}Synapse:${n.row.id}` },
 				target: "_blank",
 				children: n.row.name
@@ -112,130 +112,156 @@ function C({ pageSize: C, challengeProjectId: w, entityType: T, onItemSelected:
 			hideable: !1,
 			disableColumnMenu: !0
 		}
-	], pe = (e) => {
+	], me = (e) => {
 		let t = [];
 		return e.forEach((e) => {
 			t.push({
 				id: e.id,
-				name: T === _.dockerrepo ? e.repositoryName ?? e.name : e.name,
-				modifiedOn: re(x(e.modifiedOn), "MM/DD/YY")
+				name: E === b.dockerrepo ? e.repositoryName ?? e.name : e.name,
+				modifiedOn: c(C(e.modifiedOn), "MM/DD/YY")
 			});
 		}), t;
-	}, me = (e) => {
-		Math.min(Y?.totalChildCount ?? 0, (e + 1) * q) > L.length && H(!0), ce(e);
-	}, he = () => {
-		E(j);
+	}, he = (e) => {
+		Math.min(X?.totalChildCount ?? 0, (e + 1) * J) > R.length && U(!0), ce(e);
+	}, ge = () => {
+		D(M);
 	};
-	function ge(e) {
+	function _e(e) {
 		if (!e) return;
 		let { fileHandleId: t, fileName: r } = e, i = {
-			parentId: w,
+			parentId: T,
 			name: r,
-			concreteType: g,
+			concreteType: y,
 			dataFileHandleId: t
 		};
-		n.createEntity(i, O).then(() => {
-			X();
+		n.createEntity(i, k).then(() => {
+			Z();
 		}).catch((e) => {
-			P(e.reason);
+			F(e.reason);
 		});
 	}
-	async function _e() {
-		if (!G) return;
-		let { fileHandleId: e, entityId: t } = G;
-		if (!t) return P("Error: missing entityId. Please try again.");
+	async function ve() {
+		if (!K) return;
+		let { fileHandleId: e, entityId: t } = K;
+		if (!t) return F("Error: missing entityId. Please try again.");
 		let r;
 		try {
-			r = await n.getEntity(O, t);
+			r = await n.getEntity(k, t);
 		} catch {
-			return P(`The entity ${t} could not be retrieved.`);
+			return F(`The entity ${t} could not be retrieved.`);
 		}
 		let i = {
 			id: r.id,
 			name: r.name,
 			dataFileHandleId: e,
-			concreteType: g,
+			concreteType: y,
 			parentId: r.parentId,
 			etag: r.etag,
 			modifiedOn: r.modifiedOn
 		};
 		try {
-			let e = await n.updateEntity(i, O, !0);
-			await ee(D, k, e.id), D.setQueryData(k.getEntityQueryKey(e.id), e), X();
+			let e = await n.updateEntity(i, k, !0);
+			await a(O, A, e.id), O.setQueryData(A.getEntityQueryKey(e.id), e), Z();
 		} catch (e) {
-			P(e.reason);
+			F(e.reason);
 		}
 	}
-	let ve = async (e) => {
+	let ye = async (e) => {
 		if (e.success && e.resp) {
 			let { fileName: t } = e.resp, r = {
 				entityName: t,
-				parentId: w
+				parentId: T
 			};
 			try {
-				let t = await n.lookupChildEntity(r, O);
-				t && (K({
+				let t = await n.lookupChildEntity(r, k);
+				t && (q({
 					...e.resp,
 					entityId: t.id
-				}), W(!0));
+				}), G(!0));
 			} catch {
-				K(void 0), ge(e.resp);
+				q(void 0), _e(e.resp);
 			}
-		} else !e.success && e.error ? P(e.error.reason) : P("An unknown error occurred. Please try again.");
+		} else !e.success && e.error ? F(e.error.reason) : F("An unknown error occurred. Please try again.");
 	};
-	return /* @__PURE__ */ m(d, { children: [
-		/* @__PURE__ */ m(d, {
+	return /* @__PURE__ */ v(p, { children: [
+		/* @__PURE__ */ v(p, {
 			sx: {
 				display: "flex",
 				backgroundColor: "#FBFBFC",
 				padding: "10px",
 				justifyContent: "space-between"
 			},
-			children: [/* @__PURE__ */ p(f, {
+			children: [/* @__PURE__ */ _(h, {
 				variant: "h6",
 				sx: {
 					fontSize: "18px",
 					lineHeight: "20px",
 					fontWeight: 700
 				},
-				children: "Your Submission Directory"
-			}), /* @__PURE__ */ m(d, {
+				children: E === b.file ? "Submit File" : "Submit Docker Image"
+			}), /* @__PURE__ */ v(p, {
 				sx: { display: "flex" },
-				children: [/* @__PURE__ */ m(f, {
+				children: [/* @__PURE__ */ v(h, {
 					variant: "body1",
 					sx: {
 						fontSize: "14px",
 						color: "#71767F"
 					},
 					children: [
-						"Project SynID:",
+						"Your Project SynID:",
 						"  ",
-						/* @__PURE__ */ p(b, {
-							to: { pathname: J },
+						/* @__PURE__ */ _(S, {
+							to: { pathname: Y },
 							target: "_blank",
-							children: w
+							children: T
 						})
 					]
-				}), /* @__PURE__ */ p(s, {
-					value: J,
+				}), /* @__PURE__ */ _(ne, {
+					value: Y,
 					sx: { marginTop: "-4px" }
 				})]
 			})]
 		}),
-		/* @__PURE__ */ p(d, { children: /* @__PURE__ */ p(S, {
+		/* @__PURE__ */ v(p, {
+			sx: {
+				my: 3,
+				display: "flex"
+			},
+			children: [/* @__PURE__ */ _(oe, { sx: {
+				width: "16px",
+				height: "16px",
+				verticalAlign: "text-bottom"
+			} }), /* @__PURE__ */ v(p, {
+				sx: { ml: 1 },
+				children: [E === b.file && /* @__PURE__ */ _(g, { children: "Choose a prediction file from your submission directory below and click \"Submit Selection\" to pick an evaluation queue. If you need to add a new file, click \"Upload File\" first." }), E === b.dockerrepo && /* @__PURE__ */ v(g, { children: [
+					"Choose a Docker image from your submission directory below and click \"Submit Selection\" to pick an image version and evaluation queue. If you need to upload a new image to your project (",
+					/* @__PURE__ */ _("code", { children: T }),
+					"), see our",
+					" ",
+					/* @__PURE__ */ _(S, {
+						to: "https://github.com/Sage-Bionetworks-Challenges/sample-model-templates#build-your-model",
+						target: "_blank",
+						children: "Docker model submission guide"
+					}),
+					" ",
+					"for command-line instructions on how to build and upload."
+				] })]
+			})]
+		}),
+		/* @__PURE__ */ _(p, { children: /* @__PURE__ */ _(se, {
 			loading: de,
-			columns: $,
-			rows: pe(Q),
-			rowCount: Y?.totalChildCount ?? 0,
+			columns: pe,
+			rows: me($),
+			rowCount: X?.totalChildCount ?? 0,
 			pagination: !0,
 			paginationMode: "server",
 			paginationModel: {
-				page: A,
-				pageSize: q
+				page: j,
+				pageSize: J
 			},
-			pageSizeOptions: [q],
+			pageSizeOptions: [J],
 			onPaginationModelChange: ({ page: e }) => {
-				me(e);
+				he(e);
 			},
 			density: "compact",
 			autoHeight: !0,
@@ -254,75 +280,52 @@ function C({ pageSize: C, challengeProjectId: w, entityType: T, onItemSelected:
 			},
 			getRowClassName: (e) => e.indexRelativeToCurrentPage % 2 == 0 ? "Mui-even" : "Mui-odd"
 		}) }),
-		N && /* @__PURE__ */ p(r, { error: N }),
-		/* @__PURE__ */ m(d, {
+		P && /* @__PURE__ */ _(r, { error: P }),
+		/* @__PURE__ */ v(p, {
 			sx: {
 				display: "flex",
 				justifyContent: "space-between"
 			},
-			children: [T === _.file && /* @__PURE__ */ p(ie, {
+			children: [E === b.file && /* @__PURE__ */ _(l, {
 				label: "Upload File",
 				buttonProps: {
 					variant: "outlined",
-					endIcon: /* @__PURE__ */ p(o, { icon: "upload" }),
+					endIcon: /* @__PURE__ */ _(te, { icon: "upload" }),
 					sx: { lineHeight: 1 }
 				},
 				onComplete: (e) => {
-					ve(e);
+					ye(e);
 				}
-			}), /* @__PURE__ */ p(ae, {
+			}), /* @__PURE__ */ _(re, {
 				color: "primary",
 				variant: "contained",
-				onClick: he,
-				disabled: !F,
+				onClick: ge,
+				disabled: !I,
 				children: "Submit Selection"
 			})]
 		}),
-		T === _.dockerrepo && /* @__PURE__ */ m(d, {
-			sx: {
-				mt: 4,
-				display: "flex"
-			},
-			children: [/* @__PURE__ */ p(y, { sx: {
-				width: "16px",
-				height: "16px",
-				verticalAlign: "text-bottom"
-			} }), /* @__PURE__ */ m(d, {
-				sx: { ml: 2 },
-				children: [
-					"To learn more about how to create and submit the Docker containers using command line, see our",
-					" ",
-					/* @__PURE__ */ p(b, {
-						to: "https://github.com/Sage-Bionetworks-Challenges/sample-model-templates#build-your-model",
-						target: "_blank",
-						children: "Docker model submission guide"
-					}),
-					"."
-				]
-			})]
-		}),
-		/* @__PURE__ */ p(a, {
-			open: U,
+		/* @__PURE__ */ _(s, {
+			open: W,
 			title: "File exists",
-			content: /* @__PURE__ */ m(f, {
+			content: /* @__PURE__ */ v(h, {
 				variant: "body1",
 				sx: { fontSize: "16px" },
 				children: [
 					"A file named \"",
-					G?.fileName,
+					K?.fileName,
 					"\" (",
-					G?.entityId,
+					K?.entityId,
 					") already exists in this location. Do you want to update the existing file and create a new version?"
 				]
 			}),
-			onCancel: () => W(!1),
+			onCancel: () => G(!1),
 			onConfirm: () => {
-				_e(), W(!1);
+				ve(), G(!1);
 			}
 		})
 	] });
 }
 //#endregion
-export { C as default };
+export { w as default };
 
 //# sourceMappingURL=SubmissionDirectoryList.js.map