@dentira/dentira-bulk-upload-widget 0.0.2 → 0.0.3

package/dist/index.es.js

@@ -6687,7 +6687,7 @@ function _setPrototypeOf(e, t) {
 function _inheritsLoose(e, t) {
   e.prototype = Object.create(t.prototype), e.prototype.constructor = e, _setPrototypeOf(e, t);
 }
-const config = {
+const config$1 = {
   disabled: !1
 };
 var timeoutsShape = process.env.NODE_ENV !== "production" ? PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
@@ -6761,7 +6761,7 @@ var forceReflow = function(t) {
       });
   }, n.performEnter = function(s) {
     var o = this, a = this.props.enter, l = this.context ? this.context.isMounting : s, c = this.props.nodeRef ? [l] : [ReactDOM__default.findDOMNode(this), l], u = c[0], f = c[1], x = this.getTimeouts(), m = l ? x.appear : x.enter;
-    if (!s && !a || config.disabled) {
+    if (!s && !a || config$1.disabled) {
       this.safeSetState({
         status: ENTERED
       }, function() {
@@ -6782,7 +6782,7 @@ var forceReflow = function(t) {
     });
   }, n.performExit = function() {
     var s = this, o = this.props.exit, a = this.getTimeouts(), l = this.props.nodeRef ? void 0 : ReactDOM__default.findDOMNode(this);
-    if (!o || config.disabled) {
+    if (!o || config$1.disabled) {
       this.safeSetState({
         status: EXITED
       }, function() {
@@ -12084,7 +12084,9 @@ process.env.NODE_ENV !== "production" && (Stack.propTypes = {
    */
   useFlexGap: PropTypes.bool
 });
-const Stack$1 = Stack, BULKUPLOAD_ENDPOINT = "/bulk-upload";
+const Stack$1 = Stack;
+var FileType = /* @__PURE__ */ ((e) => (e.EXCEL = "EXCEL", e.CSV = "CSV", e))(FileType || {}), Screen = /* @__PURE__ */ ((e) => (e.MAIN = "MAIN", e.DOWNLOADING_TEMPLATE = "DOWNLOADING_TEMPLATE", e.UPLOADING_FILE = "UPLOADING_FILE", e.EXIT_WARNING = "EXIT_WARNING", e.CHECKING_STATUS = "CHECKING_STATUS", e.UPLOADING_FILE_ERROR = "UPLOADING_FILE_ERROR", e.LOADING_JOBS = "LOADING_JOBS", e.UPLOAD_COMPLETE = "UPLOAD_COMPLETE", e.GENERAL_ERROR = "GENERAL_ERROR", e))(Screen || {}), BulkUploadType = /* @__PURE__ */ ((e) => (e.GROUPITEMLIST = "GROUPITEMLIST", e.USERITEMLIST = "USERITEMLIST", e))(BulkUploadType || {}), BulkUploadJobStatus = /* @__PURE__ */ ((e) => (e.QUEUED = "QUEUED", e.CREATED = "CREATED", e.IN_PROGRESS = "IN_PROGRESS", e.COMPLETED = "COMPLETED", e.FAILED = "FAILED", e))(BulkUploadJobStatus || {}), JobTypes = /* @__PURE__ */ ((e) => (e.UPLOAD = "UPLOAD", e.TEMPLATE_FILE = "TEMPLATE_FILE", e))(JobTypes || {}), DownloadFolders = /* @__PURE__ */ ((e) => (e.DYNAMIC_TEMPLATE = "dynamic-template", e.STATIC_TEMPLATE = "static-template", e.INVALID_ROWS = "invalid-rows", e))(DownloadFolders || {});
+const BULKUPLOAD_ENDPOINT = "/bulk-upload";
 var shim = { exports: {} }, useSyncExternalStoreShim_production = {};
 /**
  * @license React
@@ -12823,11 +12825,17 @@ const use = React__default.use || // This extra generic is to avoid TypeScript m
     }
   };
 }, useSWRMutation = withMiddleware(useSWR, mutation);
-let apiHost, presignUrl;
 var Et;
-const hostname = (Et = window == null ? void 0 : window.location) == null ? void 0 : Et.hostname;
-hostname.indexOf("dentira.com") > -1 ? (apiHost = "https://bulkupload-api.dentira.com", presignUrl = "https://presign.dentira.com/presign") : (apiHost = "https://qa-bulkupload-api.dentira.com", presignUrl = "https://qapresign.dentira.com/presign");
-const API_HOST = apiHost, PRESIGN_URL_HOST = presignUrl;
+const hostname = (Et = window == null ? void 0 : window.location) == null ? void 0 : Et.hostname, defaultProdConfig = {
+  apiHost: "https://bulkupload-api.dentira.com",
+  presignUrl: "https://presign.dentira.com/presign"
+}, defaultQaConfig = {
+  apiHost: "https://qa-bulkupload-api.dentira.com",
+  presignUrl: "https://qapresign.dentira.com/presign"
+}, config = {
+  "qa.dentira.com": defaultQaConfig,
+  localhost: defaultQaConfig
+}, { apiHost, presignUrl } = config[hostname] || defaultProdConfig, API_HOST = apiHost, PRESIGN_URL_HOST = presignUrl;
 async function fetcher({
   url: e,
   init: t,
@@ -13001,9 +13009,7 @@ const useCustomQuery = ({ sessionToken: e, APIKey: t }) => {
       i(!1);
     }
   }, isMutating: n, error: s };
-};
-var FileType = /* @__PURE__ */ ((e) => (e.EXCEL = "EXCEL", e.CSV = "CSV", e))(FileType || {}), Screen = /* @__PURE__ */ ((e) => (e.MAIN = "MAIN", e.DOWNLOADING_TEMPLATE = "DOWNLOADING_TEMPLATE", e.UPLOADING_FILE = "UPLOADING_FILE", e.EXIT_WARNING = "EXIT_WARNING", e.CHECKING_STATUS = "CHECKING_STATUS", e.UPLOADING_FILE_ERROR = "UPLOADING_FILE_ERROR", e.LOADING_JOBS = "LOADING_JOBS", e.UPLOAD_COMPLETE = "UPLOAD_COMPLETE", e.GENERAL_ERROR = "GENERAL_ERROR", e))(Screen || {}), BulkUploadType = /* @__PURE__ */ ((e) => (e.SAMPLE = "sample", e.GROUPITEMLIST = "GROUPITEMLIST", e.USERITEMLIST = "USERITEMLIST", e))(BulkUploadType || {}), BulkUploadJobStatus = /* @__PURE__ */ ((e) => (e.QUEUED = "QUEUED", e.CREATED = "CREATED", e.IN_PROGRESS = "IN_PROGRESS", e.COMPLETED = "COMPLETED", e.FAILED = "FAILED", e))(BulkUploadJobStatus || {}), JobTypes = /* @__PURE__ */ ((e) => (e.UPLOAD = "UPLOAD", e.TEMPLATE_FILE = "TEMPLATE_FILE", e))(JobTypes || {}), DownloadFolders = /* @__PURE__ */ ((e) => (e.DYNAMIC_TEMPLATE = "dynamic-template", e.STATIC_TEMPLATE = "static-template", e.INVALID_ROWS = "invalid-rows", e))(DownloadFolders || {});
-const checkStatusIntervally = (e, t, n) => {
+}, checkStatusIntervally = (e, t, n) => {
   const s = useRef(null), [o, a] = useState(!1), { trigger: l, error: c } = useLazyQuery(
     `${BULKUPLOAD_ENDPOINT}/${t == null ? void 0 : t._id}`,
     e,
@@ -13282,7 +13288,280 @@ const buildPresignedDownloadUrl = ({
       }
     }
   }
-}), stateClasses = ["checked", "disabled", "error", "focused", "focusVisible", "required", "expanded", "selected"];
+}), SyncIcon = createSvgIcon(/* @__PURE__ */ jsxRuntimeExports.jsx("path", {
+  d: "M12 4V1L8 5l4 4V6c3.31 0 6 2.69 6 6 0 1.01-.25 1.97-.7 2.8l1.46 1.46C19.54 15.03 20 13.57 20 12c0-4.42-3.58-8-8-8m0 14c-3.31 0-6-2.69-6-6 0-1.01.25-1.97.7-2.8L5.24 7.74C4.46 8.97 4 10.43 4 12c0 4.42 3.58 8 8 8v3l4-4-4-4z"
+}), "Sync");
+function getLoadingButtonUtilityClass(e) {
+  return generateUtilityClass("MuiLoadingButton", e);
+}
+const loadingButtonClasses = generateUtilityClasses("MuiLoadingButton", ["root", "label", "loading", "loadingIndicator", "loadingIndicatorCenter", "loadingIndicatorStart", "loadingIndicatorEnd", "endIconLoadingEnd", "startIconLoadingStart"]), loadingButtonClasses$1 = loadingButtonClasses, useUtilityClasses = (e) => {
+  const {
+    loading: t,
+    loadingPosition: n,
+    classes: i
+  } = e, s = {
+    root: ["root", t && "loading"],
+    label: ["label"],
+    startIcon: [t && `startIconLoading${capitalize(n)}`],
+    endIcon: [t && `endIconLoading${capitalize(n)}`],
+    loadingIndicator: ["loadingIndicator", t && `loadingIndicator${capitalize(n)}`]
+  }, o = composeClasses(s, getLoadingButtonUtilityClass, i);
+  return {
+    ...i,
+    // forward the outlined, color, etc. classes to Button
+    ...o
+  };
+}, rootShouldForwardProp = (e) => e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as" && e !== "classes", LoadingButtonRoot = styled$1(Button$1, {
+  shouldForwardProp: (e) => rootShouldForwardProp(e) || e === "classes",
+  name: "MuiLoadingButton",
+  slot: "Root",
+  overridesResolver: (e, t) => [t.root, t.startIconLoadingStart && {
+    [`& .${loadingButtonClasses$1.startIconLoadingStart}`]: t.startIconLoadingStart
+  }, t.endIconLoadingEnd && {
+    [`& .${loadingButtonClasses$1.endIconLoadingEnd}`]: t.endIconLoadingEnd
+  }]
+})(memoTheme$1(({
+  theme: e
+}) => ({
+  display: "inline-flex",
+  [`& .${loadingButtonClasses$1.startIconLoadingStart}, & .${loadingButtonClasses$1.endIconLoadingEnd}`]: {
+    transition: e.transitions.create(["opacity"], {
+      duration: e.transitions.duration.short
+    }),
+    opacity: 0
+  },
+  variants: [{
+    props: {
+      loadingPosition: "center"
+    },
+    style: {
+      transition: e.transitions.create(["background-color", "box-shadow", "border-color"], {
+        duration: e.transitions.duration.short
+      }),
+      [`&.${loadingButtonClasses$1.loading}`]: {
+        color: "transparent"
+      }
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => t.loadingPosition === "start" && t.fullWidth,
+    style: {
+      [`& .${loadingButtonClasses$1.startIconLoadingStart}, & .${loadingButtonClasses$1.endIconLoadingEnd}`]: {
+        transition: e.transitions.create(["opacity"], {
+          duration: e.transitions.duration.short
+        }),
+        opacity: 0,
+        marginRight: -8
+      }
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => t.loadingPosition === "end" && t.fullWidth,
+    style: {
+      [`& .${loadingButtonClasses$1.startIconLoadingStart}, & .${loadingButtonClasses$1.endIconLoadingEnd}`]: {
+        transition: e.transitions.create(["opacity"], {
+          duration: e.transitions.duration.short
+        }),
+        opacity: 0,
+        marginLeft: -8
+      }
+    }
+  }]
+}))), LoadingButtonLoadingIndicator = styled$1("span", {
+  name: "MuiLoadingButton",
+  slot: "LoadingIndicator",
+  overridesResolver: (e, t) => {
+    const {
+      ownerState: n
+    } = e;
+    return [t.loadingIndicator, t[`loadingIndicator${capitalize(n.loadingPosition)}`]];
+  }
+})(memoTheme$1(({
+  theme: e
+}) => ({
+  position: "absolute",
+  visibility: "visible",
+  display: "flex",
+  variants: [{
+    props: {
+      loadingPosition: "start",
+      size: "small"
+    },
+    style: {
+      left: 10
+    }
+  }, {
+    props: ({
+      loadingPosition: t,
+      ownerState: n
+    }) => t === "start" && n.size !== "small",
+    style: {
+      left: 14
+    }
+  }, {
+    props: {
+      variant: "text",
+      loadingPosition: "start"
+    },
+    style: {
+      left: 6
+    }
+  }, {
+    props: {
+      loadingPosition: "center"
+    },
+    style: {
+      left: "50%",
+      transform: "translate(-50%)",
+      color: (e.vars || e).palette.action.disabled
+    }
+  }, {
+    props: {
+      loadingPosition: "end",
+      size: "small"
+    },
+    style: {
+      right: 10
+    }
+  }, {
+    props: ({
+      loadingPosition: t,
+      ownerState: n
+    }) => t === "end" && n.size !== "small",
+    style: {
+      right: 14
+    }
+  }, {
+    props: {
+      variant: "text",
+      loadingPosition: "end"
+    },
+    style: {
+      right: 6
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => t.loadingPosition === "start" && t.fullWidth,
+    style: {
+      position: "relative",
+      left: -10
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => t.loadingPosition === "end" && t.fullWidth,
+    style: {
+      position: "relative",
+      right: -10
+    }
+  }]
+}))), LoadingButtonLabel = styled$1("span", {
+  name: "MuiLoadingButton",
+  slot: "Label",
+  overridesResolver: (e, t) => [t.label]
+})({
+  display: "inherit",
+  alignItems: "inherit",
+  justifyContent: "inherit"
+}), LoadingButton = /* @__PURE__ */ React.forwardRef(function(t, n) {
+  const i = React.useContext(ButtonGroupContext$1), s = resolveProps(i, t), o = useDefaultProps({
+    props: s,
+    name: "MuiLoadingButton"
+  }), {
+    children: a,
+    disabled: l = !1,
+    id: c,
+    loading: u = !1,
+    loadingIndicator: f,
+    loadingPosition: x = "center",
+    variant: m = "text",
+    ...S
+  } = o, E = useId(c), d = f ?? /* @__PURE__ */ jsxRuntimeExports.jsx(CircularProgress$1, {
+    "aria-labelledby": E,
+    color: "inherit",
+    size: 16
+  }), I = {
+    ...o,
+    disabled: l,
+    loading: u,
+    loadingIndicator: d,
+    loadingPosition: x,
+    variant: m
+  }, y = useUtilityClasses(I), P = u ? /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingButtonLoadingIndicator, {
+    className: y.loadingIndicator,
+    ownerState: I,
+    children: d
+  }) : null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(LoadingButtonRoot, {
+    disabled: l || u,
+    id: E,
+    ref: n,
+    ...S,
+    variant: m,
+    classes: y,
+    ownerState: I,
+    children: [I.loadingPosition === "end" ? /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingButtonLabel, {
+      className: y.label,
+      children: a
+    }) : P, I.loadingPosition === "end" ? P : /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingButtonLabel, {
+      className: y.label,
+      children: a
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" && (LoadingButton.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The content of the component.
+   */
+  children: PropTypes.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: PropTypes.object,
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: PropTypes.bool,
+  /**
+   * @ignore
+   */
+  id: PropTypes.string,
+  /**
+   * If `true`, the loading indicator is shown and the button becomes disabled.
+   * @default false
+   */
+  loading: PropTypes.bool,
+  /**
+   * Element placed before the children if the button is in loading state.
+   * The node should contain an element with `role="progressbar"` with an accessible name.
+   * By default we render a `CircularProgress` that is labelled by the button itself.
+   * @default <CircularProgress color="inherit" size={16} />
+   */
+  loadingIndicator: PropTypes.node,
+  /**
+   * The loading indicator can be positioned on the start, end, or the center of the button.
+   * @default 'center'
+   */
+  loadingPosition: chainPropTypes(PropTypes.oneOf(["start", "end", "center"]), (e) => e.loadingPosition === "start" && !e.startIcon ? new Error('MUI: The loadingPosition="start" should be used in combination with startIcon.') : e.loadingPosition === "end" && !e.endIcon ? new Error('MUI: The loadingPosition="end" should be used in combination with endIcon.') : null),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
+  /**
+   * The variant to use.
+   * @default 'text'
+   */
+  variant: PropTypes.oneOfType([PropTypes.oneOf(["contained", "outlined", "text"]), PropTypes.string])
+});
+const LoadingButton$1 = LoadingButton, stateClasses = ["checked", "disabled", "error", "focused", "focusVisible", "required", "expanded", "selected"];
 function createGenerateClassName(e = {}) {
   const {
     disableGlobal: t = !1,
@@ -15234,280 +15513,7 @@ function makeStyles(e, t = {}) {
 `)), d;
   };
 }
-const SyncIcon = createSvgIcon(/* @__PURE__ */ jsxRuntimeExports.jsx("path", {
-  d: "M12 4V1L8 5l4 4V6c3.31 0 6 2.69 6 6 0 1.01-.25 1.97-.7 2.8l1.46 1.46C19.54 15.03 20 13.57 20 12c0-4.42-3.58-8-8-8m0 14c-3.31 0-6-2.69-6-6 0-1.01.25-1.97.7-2.8L5.24 7.74C4.46 8.97 4 10.43 4 12c0 4.42 3.58 8 8 8v3l4-4-4-4z"
-}), "Sync");
-function getLoadingButtonUtilityClass(e) {
-  return generateUtilityClass("MuiLoadingButton", e);
-}
-const loadingButtonClasses = generateUtilityClasses("MuiLoadingButton", ["root", "label", "loading", "loadingIndicator", "loadingIndicatorCenter", "loadingIndicatorStart", "loadingIndicatorEnd", "endIconLoadingEnd", "startIconLoadingStart"]), loadingButtonClasses$1 = loadingButtonClasses, useUtilityClasses = (e) => {
-  const {
-    loading: t,
-    loadingPosition: n,
-    classes: i
-  } = e, s = {
-    root: ["root", t && "loading"],
-    label: ["label"],
-    startIcon: [t && `startIconLoading${capitalize(n)}`],
-    endIcon: [t && `endIconLoading${capitalize(n)}`],
-    loadingIndicator: ["loadingIndicator", t && `loadingIndicator${capitalize(n)}`]
-  }, o = composeClasses(s, getLoadingButtonUtilityClass, i);
-  return {
-    ...i,
-    // forward the outlined, color, etc. classes to Button
-    ...o
-  };
-}, rootShouldForwardProp = (e) => e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as" && e !== "classes", LoadingButtonRoot = styled$1(Button$1, {
-  shouldForwardProp: (e) => rootShouldForwardProp(e) || e === "classes",
-  name: "MuiLoadingButton",
-  slot: "Root",
-  overridesResolver: (e, t) => [t.root, t.startIconLoadingStart && {
-    [`& .${loadingButtonClasses$1.startIconLoadingStart}`]: t.startIconLoadingStart
-  }, t.endIconLoadingEnd && {
-    [`& .${loadingButtonClasses$1.endIconLoadingEnd}`]: t.endIconLoadingEnd
-  }]
-})(memoTheme$1(({
-  theme: e
-}) => ({
-  display: "inline-flex",
-  [`& .${loadingButtonClasses$1.startIconLoadingStart}, & .${loadingButtonClasses$1.endIconLoadingEnd}`]: {
-    transition: e.transitions.create(["opacity"], {
-      duration: e.transitions.duration.short
-    }),
-    opacity: 0
-  },
-  variants: [{
-    props: {
-      loadingPosition: "center"
-    },
-    style: {
-      transition: e.transitions.create(["background-color", "box-shadow", "border-color"], {
-        duration: e.transitions.duration.short
-      }),
-      [`&.${loadingButtonClasses$1.loading}`]: {
-        color: "transparent"
-      }
-    }
-  }, {
-    props: ({
-      ownerState: t
-    }) => t.loadingPosition === "start" && t.fullWidth,
-    style: {
-      [`& .${loadingButtonClasses$1.startIconLoadingStart}, & .${loadingButtonClasses$1.endIconLoadingEnd}`]: {
-        transition: e.transitions.create(["opacity"], {
-          duration: e.transitions.duration.short
-        }),
-        opacity: 0,
-        marginRight: -8
-      }
-    }
-  }, {
-    props: ({
-      ownerState: t
-    }) => t.loadingPosition === "end" && t.fullWidth,
-    style: {
-      [`& .${loadingButtonClasses$1.startIconLoadingStart}, & .${loadingButtonClasses$1.endIconLoadingEnd}`]: {
-        transition: e.transitions.create(["opacity"], {
-          duration: e.transitions.duration.short
-        }),
-        opacity: 0,
-        marginLeft: -8
-      }
-    }
-  }]
-}))), LoadingButtonLoadingIndicator = styled$1("span", {
-  name: "MuiLoadingButton",
-  slot: "LoadingIndicator",
-  overridesResolver: (e, t) => {
-    const {
-      ownerState: n
-    } = e;
-    return [t.loadingIndicator, t[`loadingIndicator${capitalize(n.loadingPosition)}`]];
-  }
-})(memoTheme$1(({
-  theme: e
-}) => ({
-  position: "absolute",
-  visibility: "visible",
-  display: "flex",
-  variants: [{
-    props: {
-      loadingPosition: "start",
-      size: "small"
-    },
-    style: {
-      left: 10
-    }
-  }, {
-    props: ({
-      loadingPosition: t,
-      ownerState: n
-    }) => t === "start" && n.size !== "small",
-    style: {
-      left: 14
-    }
-  }, {
-    props: {
-      variant: "text",
-      loadingPosition: "start"
-    },
-    style: {
-      left: 6
-    }
-  }, {
-    props: {
-      loadingPosition: "center"
-    },
-    style: {
-      left: "50%",
-      transform: "translate(-50%)",
-      color: (e.vars || e).palette.action.disabled
-    }
-  }, {
-    props: {
-      loadingPosition: "end",
-      size: "small"
-    },
-    style: {
-      right: 10
-    }
-  }, {
-    props: ({
-      loadingPosition: t,
-      ownerState: n
-    }) => t === "end" && n.size !== "small",
-    style: {
-      right: 14
-    }
-  }, {
-    props: {
-      variant: "text",
-      loadingPosition: "end"
-    },
-    style: {
-      right: 6
-    }
-  }, {
-    props: ({
-      ownerState: t
-    }) => t.loadingPosition === "start" && t.fullWidth,
-    style: {
-      position: "relative",
-      left: -10
-    }
-  }, {
-    props: ({
-      ownerState: t
-    }) => t.loadingPosition === "end" && t.fullWidth,
-    style: {
-      position: "relative",
-      right: -10
-    }
-  }]
-}))), LoadingButtonLabel = styled$1("span", {
-  name: "MuiLoadingButton",
-  slot: "Label",
-  overridesResolver: (e, t) => [t.label]
-})({
-  display: "inherit",
-  alignItems: "inherit",
-  justifyContent: "inherit"
-}), LoadingButton = /* @__PURE__ */ React.forwardRef(function(t, n) {
-  const i = React.useContext(ButtonGroupContext$1), s = resolveProps(i, t), o = useDefaultProps({
-    props: s,
-    name: "MuiLoadingButton"
-  }), {
-    children: a,
-    disabled: l = !1,
-    id: c,
-    loading: u = !1,
-    loadingIndicator: f,
-    loadingPosition: x = "center",
-    variant: m = "text",
-    ...S
-  } = o, E = useId(c), d = f ?? /* @__PURE__ */ jsxRuntimeExports.jsx(CircularProgress$1, {
-    "aria-labelledby": E,
-    color: "inherit",
-    size: 16
-  }), I = {
-    ...o,
-    disabled: l,
-    loading: u,
-    loadingIndicator: d,
-    loadingPosition: x,
-    variant: m
-  }, y = useUtilityClasses(I), P = u ? /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingButtonLoadingIndicator, {
-    className: y.loadingIndicator,
-    ownerState: I,
-    children: d
-  }) : null;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(LoadingButtonRoot, {
-    disabled: l || u,
-    id: E,
-    ref: n,
-    ...S,
-    variant: m,
-    classes: y,
-    ownerState: I,
-    children: [I.loadingPosition === "end" ? /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingButtonLabel, {
-      className: y.label,
-      children: a
-    }) : P, I.loadingPosition === "end" ? P : /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingButtonLabel, {
-      className: y.label,
-      children: a
-    })]
-  });
-});
-process.env.NODE_ENV !== "production" && (LoadingButton.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component.
-   */
-  children: PropTypes.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * If `true`, the component is disabled.
-   * @default false
-   */
-  disabled: PropTypes.bool,
-  /**
-   * @ignore
-   */
-  id: PropTypes.string,
-  /**
-   * If `true`, the loading indicator is shown and the button becomes disabled.
-   * @default false
-   */
-  loading: PropTypes.bool,
-  /**
-   * Element placed before the children if the button is in loading state.
-   * The node should contain an element with `role="progressbar"` with an accessible name.
-   * By default we render a `CircularProgress` that is labelled by the button itself.
-   * @default <CircularProgress color="inherit" size={16} />
-   */
-  loadingIndicator: PropTypes.node,
-  /**
-   * The loading indicator can be positioned on the start, end, or the center of the button.
-   * @default 'center'
-   */
-  loadingPosition: chainPropTypes(PropTypes.oneOf(["start", "end", "center"]), (e) => e.loadingPosition === "start" && !e.startIcon ? new Error('MUI: The loadingPosition="start" should be used in combination with startIcon.') : e.loadingPosition === "end" && !e.endIcon ? new Error('MUI: The loadingPosition="end" should be used in combination with endIcon.') : null),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-  /**
-   * The variant to use.
-   * @default 'text'
-   */
-  variant: PropTypes.oneOfType([PropTypes.oneOf(["contained", "outlined", "text"]), PropTypes.string])
-});
-const LoadingButton$1 = LoadingButton, useStyles = makeStyles(() => ({
+const useStyles = makeStyles(() => ({
   listItemText: {
     "&.MuiListItemText-root": {
       margin: "1px",
@@ -15539,15 +15545,12 @@ const LoadingButton$1 = LoadingButton, useStyles = makeStyles(() => ({
     paddingBlock: "10px 8px",
     paddingInline: [Screen.MAIN].includes(e) ? "0px" : "1rem 0px"
   };
-}), ActionsContainer = styled$1(DialogActions$1)(({ theme: e }) => {
-  const { screen: t } = useDialogContext();
-  return {
-    justifyContent: t === Screen.UPLOAD_COMPLETE ? "end" : "center",
-    gap: "1rem",
-    paddingBlock: "12px",
-    paddingInline: e.spacing(themeSpacing)
-  };
-}), ActionButton = styled$1(LoadingButton$1)(() => ({
+}), ActionsContainer = styled$1(DialogActions$1)(({ theme: e, children: t }) => ({
+  justifyContent: (t == null ? void 0 : t.type()).props.children.filter(Boolean).length > 1 ? "center" : "end",
+  gap: "1rem",
+  paddingBlock: "12px",
+  paddingInline: e.spacing(themeSpacing)
+})), ActionButton = styled$1(LoadingButton$1)(() => ({
   margin: "0px !important",
   width: "250px",
   fontWeight: 600,
@@ -15658,34 +15661,37 @@ const LoadingIcon = (e) => {
         children: "Exit"
       }
     )
-  ] }), E = () => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      ActionButton,
-      {
-        variant: "outlined",
-        color: "error",
-        loading: u,
-        loadingIndicator: /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingIcon, { color: "error" }),
-        onClick: () => {
-          x && m && c(x, m);
-        },
-        disabled: u && !x,
-        children: "Download Error File"
-      }
-    ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      ActionButton,
-      {
-        variant: "contained",
-        color: "error",
-        loading: l,
-        loadingIndicator: /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingIcon, { color: "error" }),
-        onClick: () => a(),
-        disabled: l,
-        children: "Clear Errors"
-      }
-    )
-  ] }), d = () => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+  ] }), E = () => {
+    const y = !!(x && m);
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      y && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        ActionButton,
+        {
+          variant: "outlined",
+          color: "error",
+          loading: u,
+          loadingIndicator: /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingIcon, { color: "error" }),
+          onClick: () => {
+            c(x, m);
+          },
+          disabled: u && !x,
+          children: "Download Error File"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        ActionButton,
+        {
+          variant: "contained",
+          color: "error",
+          loading: l,
+          loadingIndicator: /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingIcon, { color: "error" }),
+          onClick: () => a(),
+          disabled: l,
+          children: "Clear Errors"
+        }
+      )
+    ] });
+  }, d = () => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       ActionButton,
       {
@@ -48356,8 +48362,8 @@ const DialogContent = () => {
   /* @__PURE__ */ jsxRuntimeExports.jsx(CssBaseline, {}),
   /* @__PURE__ */ jsxRuntimeExports.jsx(DialogProvider, { config: e, children: /* @__PURE__ */ jsxRuntimeExports.jsx(BulkUpload, {}) })
 ] }) }), useDialog = () => {
-  const [e, t] = useState(!1);
-  return { openDialog: () => t(!0), closeDialog: () => t(!1), isOpen: e };
+  const [e, t] = useState(!1), n = useCallback(() => t(!0), []), i = useCallback(() => t(!1), []);
+  return { openDialog: n, closeDialog: i, isOpen: e };
 };
 export {
   BulkUploadDialog,