@mxenabled/connect-widget 2.13.1 → 2.14.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/index.es.js +570 -204
  2. package/dist/index.es.js.map +1 -1
  3. package/dist/lastBuild.txt +1 -1
  4. package/package.json +1 -1
package/dist/index.es.js CHANGED
@@ -5099,23 +5099,39 @@ function baseFindIndex$2(array, predicate, fromIndex, fromRight) {
5099
5099
  }
5100
5100
  var _baseFindIndex = baseFindIndex$2;
5101
5101
 
5102
- var reWhitespace = /\s/;
5103
- function trimmedEndIndex$1(string) {
5104
- var index = string.length;
5105
- while (index-- && reWhitespace.test(string.charAt(index))) {
5106
- }
5107
- return index;
5102
+ var _trimmedEndIndex;
5103
+ var hasRequired_trimmedEndIndex;
5104
+
5105
+ function require_trimmedEndIndex () {
5106
+ if (hasRequired_trimmedEndIndex) return _trimmedEndIndex;
5107
+ hasRequired_trimmedEndIndex = 1;
5108
+ var reWhitespace = /\s/;
5109
+ function trimmedEndIndex(string) {
5110
+ var index = string.length;
5111
+ while (index-- && reWhitespace.test(string.charAt(index))) {
5112
+ }
5113
+ return index;
5114
+ }
5115
+ _trimmedEndIndex = trimmedEndIndex;
5116
+ return _trimmedEndIndex;
5108
5117
  }
5109
- var _trimmedEndIndex = trimmedEndIndex$1;
5110
5118
 
5111
- var trimmedEndIndex = _trimmedEndIndex;
5112
- var reTrimStart = /^\s+/;
5113
- function baseTrim$1(string) {
5114
- return string ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, "") : string;
5119
+ var _baseTrim;
5120
+ var hasRequired_baseTrim;
5121
+
5122
+ function require_baseTrim () {
5123
+ if (hasRequired_baseTrim) return _baseTrim;
5124
+ hasRequired_baseTrim = 1;
5125
+ var trimmedEndIndex = require_trimmedEndIndex();
5126
+ var reTrimStart = /^\s+/;
5127
+ function baseTrim(string) {
5128
+ return string ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, "") : string;
5129
+ }
5130
+ _baseTrim = baseTrim;
5131
+ return _baseTrim;
5115
5132
  }
5116
- var _baseTrim = baseTrim$1;
5117
5133
 
5118
- var baseTrim = _baseTrim, isObject$7 = isObject_1, isSymbol$1 = isSymbol_1;
5134
+ var baseTrim = require_baseTrim(), isObject$7 = isObject_1, isSymbol$1 = isSymbol_1;
5119
5135
  var NAN = 0 / 0;
5120
5136
  var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
5121
5137
  var reIsBinary = /^0b[01]+$/i;
@@ -5196,7 +5212,7 @@ const ActionTypes$2 = {
5196
5212
  FINISH_MICRODEPOSITS: "connect/finish_microdeposits",
5197
5213
  GO_BACK_CREDENTIALS: "connect/go_back_credentials",
5198
5214
  GO_BACK_CONSENT: "connect/go_back_consent",
5199
- GO_BACK_INSTITUTION_DISABLED: "connect/go_back_institution_disabled",
5215
+ GO_BACK_INSTITUTION_STATUS_DETAILS: "connect/go_back_institution_status_details",
5200
5216
  GO_BACK_MANUAL_ACCOUNT: "connect/go_back_manual_account",
5201
5217
  GO_BACK_OAUTH: "connect/go_back_oauth",
5202
5218
  GO_BACK_POST_MESSAGE: "connect/go_back_post_message",
@@ -5357,7 +5373,7 @@ const STEPS = {
5357
5373
  DELETE_MEMBER_SUCCESS: "deleteMemberSuccess",
5358
5374
  DISCLOSURE: "disclosure",
5359
5375
  ENTER_CREDENTIALS: "enterCreds",
5360
- INSTITUTION_DISABLED: "institutionDisabled",
5376
+ INSTITUTION_STATUS_DETAILS: "institutionStatusDetails",
5361
5377
  MFA: "mfa",
5362
5378
  MICRODEPOSITS: "microdeposits",
5363
5379
  OAUTH_ERROR: "oauthError",
@@ -8597,7 +8613,7 @@ var hasRequiredTrim;
8597
8613
  function requireTrim () {
8598
8614
  if (hasRequiredTrim) return trim_1;
8599
8615
  hasRequiredTrim = 1;
8600
- var baseToString = _baseToString, baseTrim = _baseTrim, castSlice = require_castSlice(), charsEndIndex = require_charsEndIndex(), charsStartIndex = require_charsStartIndex(), stringToArray = require_stringToArray(), toString = toString_1;
8616
+ var baseToString = _baseToString, baseTrim = require_baseTrim(), castSlice = require_castSlice(), charsEndIndex = require_charsEndIndex(), charsStartIndex = require_charsStartIndex(), stringToArray = require_stringToArray(), toString = toString_1;
8601
8617
  function trim(string, chars, guard) {
8602
8618
  string = toString(string);
8603
8619
  if (string && (guard || chars === void 0)) {
@@ -9029,7 +9045,8 @@ const initialState$6 = {
9029
9045
  wait_for_full_aggregation: false,
9030
9046
  data_request: null,
9031
9047
  use_cases: null,
9032
- additional_product_option: null
9048
+ additional_product_option: null,
9049
+ show_back_button: false
9033
9050
  };
9034
9051
  const configSlice = createSlice({
9035
9052
  name: "config",
@@ -9442,7 +9459,7 @@ const selectInstitutionSuccess = (state, action) => {
9442
9459
  const canOfferVerification = action.payload.institution?.account_verification_is_enabled && action.payload.additionalProductOption === COMBO_JOB_DATA_TYPES.ACCOUNT_NUMBER;
9443
9460
  const canOfferAggregation = action.payload.additionalProductOption === COMBO_JOB_DATA_TYPES.TRANSACTIONS;
9444
9461
  if (action.payload.institution && institutionIsBlockedForCostReasons(action.payload.institution)) {
9445
- nextStep = STEPS.INSTITUTION_DISABLED;
9462
+ nextStep = STEPS.INSTITUTION_STATUS_DETAILS;
9446
9463
  } else if (canOfferVerification || canOfferAggregation) {
9447
9464
  nextStep = STEPS.ADDITIONAL_PRODUCT;
9448
9465
  } else if (action.payload.consentIsEnabled) {
@@ -9473,7 +9490,7 @@ const startOauth = (state, action) => ({
9473
9490
  ...state,
9474
9491
  location: pushLocation(
9475
9492
  state.location,
9476
- action.payload.institution && institutionIsBlockedForCostReasons(action.payload.institution) ? STEPS.INSTITUTION_DISABLED : STEPS.ENTER_CREDENTIALS
9493
+ action.payload.institution && institutionIsBlockedForCostReasons(action.payload.institution) ? STEPS.INSTITUTION_STATUS_DETAILS : STEPS.ENTER_CREDENTIALS
9477
9494
  ),
9478
9495
  currentMemberGuid: action.payload.member.guid,
9479
9496
  selectedInstitution: action.payload.institution
@@ -9551,7 +9568,7 @@ const verifyExistingConnection = (state, action) => {
9551
9568
  currentMemberGuid: action.payload.member.guid,
9552
9569
  location: pushLocation(
9553
9570
  state.location,
9554
- action.payload.institution && institutionIsBlockedForCostReasons(action.payload.institution) ? STEPS.INSTITUTION_DISABLED : STEPS.CONNECTING
9571
+ action.payload.institution && institutionIsBlockedForCostReasons(action.payload.institution) ? STEPS.INSTITUTION_STATUS_DETAILS : STEPS.CONNECTING
9555
9572
  ),
9556
9573
  selectedInstitution: action.payload.institution
9557
9574
  };
@@ -9642,9 +9659,9 @@ function getStartingStep(members, member, microdeposit, config, institution, wid
9642
9659
  const shouldStepToMicrodeposits = config.current_microdeposit_guid && config.mode === VERIFY_MODE && microdeposit.status !== MicrodepositsStatuses.PREINITIATED;
9643
9660
  const shouldLoadWithInstitution = institution && (config.current_institution_guid || config.current_institution_code);
9644
9661
  const shouldStepToConnecting = member?.connection_status === ReadableStatuses$1.REJECTED || member?.connection_status === ReadableStatuses$1.EXPIRED;
9645
- const shouldStepToInstitutionDisabled = institution && institutionIsBlockedForCostReasons(institution) || member && memberIsBlockedForCostReasons(member);
9646
- if (shouldStepToInstitutionDisabled) {
9647
- return STEPS.INSTITUTION_DISABLED;
9662
+ const shouldStepToInstitutionStatusDetails = institution && institutionIsBlockedForCostReasons(institution) || member && memberIsBlockedForCostReasons(member);
9663
+ if (shouldStepToInstitutionStatusDetails) {
9664
+ return STEPS.INSTITUTION_STATUS_DETAILS;
9648
9665
  } else if (shouldStepToMFA)
9649
9666
  return STEPS.MFA;
9650
9667
  else if (shouldUpdateCredentials)
@@ -9664,7 +9681,7 @@ function getStartingStep(members, member, microdeposit, config, institution, wid
9664
9681
  function getStepFromMember(member, mode = AGG_MODE) {
9665
9682
  const connection_status = member.connection_status;
9666
9683
  if (member && memberIsBlockedForCostReasons(member)) {
9667
- return STEPS.INSTITUTION_DISABLED;
9684
+ return STEPS.INSTITUTION_STATUS_DETAILS;
9668
9685
  } else if (member?.error?.error_code && canHandleActionableError(member?.error?.error_code, mode) || hasNoSingleAccountSelectOptions(member)) {
9669
9686
  const errorCode = member?.error?.error_code;
9670
9687
  if (CODES_REQUIRING_CREDENTIALS.includes(errorCode)) return STEPS.ENTER_CREDENTIALS;
@@ -9715,7 +9732,7 @@ const connect = createReducer(defaultState$1, {
9715
9732
  [ActionTypes$2.CONNECT_COMPLETE]: connectComplete,
9716
9733
  [ActionTypes$2.GO_BACK_CREDENTIALS]: goBackCredentials,
9717
9734
  [ActionTypes$2.GO_BACK_CONSENT]: goBackSearchOrVerify,
9718
- [ActionTypes$2.GO_BACK_INSTITUTION_DISABLED]: connectGoBack,
9735
+ [ActionTypes$2.GO_BACK_INSTITUTION_STATUS_DETAILS]: connectGoBack,
9719
9736
  [ActionTypes$2.GO_BACK_POST_MESSAGE]: goBackSearchOrVerify,
9720
9737
  [ActionTypes$2.EXIT_MICRODEPOSITS]: exitMicrodeposits,
9721
9738
  [ActionTypes$2.FINISH_MICRODEPOSITS]: finishMicrodeposits,
@@ -22828,7 +22845,7 @@ function getSvgIconUtilityClass$2(slot) {
22828
22845
  generateUtilityClasses$1("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
22829
22846
 
22830
22847
  const _excluded$y = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"];
22831
- const useUtilityClasses$17 = (ownerState) => {
22848
+ const useUtilityClasses$19 = (ownerState) => {
22832
22849
  const {
22833
22850
  color,
22834
22851
  fontSize,
@@ -22909,7 +22926,7 @@ const SvgIcon$2 = /* @__PURE__ */ React$1.forwardRef(function SvgIcon2(inProps,
22909
22926
  if (!inheritViewBox) {
22910
22927
  more.viewBox = viewBox;
22911
22928
  }
22912
- const classes = useUtilityClasses$17(ownerState);
22929
+ const classes = useUtilityClasses$19(ownerState);
22913
22930
  return /* @__PURE__ */ jsxRuntimeExports.jsxs(SvgIconRoot$2, _extends$1({
22914
22931
  as: component,
22915
22932
  className: clsx(classes.root, className),
@@ -28597,7 +28614,7 @@ const v6Colors$1 = {
28597
28614
  textDisabled: true
28598
28615
  };
28599
28616
  const extendSxProp = internal_createExtendSxProp();
28600
- const useUtilityClasses$16 = (ownerState) => {
28617
+ const useUtilityClasses$18 = (ownerState) => {
28601
28618
  const {
28602
28619
  align,
28603
28620
  gutterBottom,
@@ -28737,7 +28754,7 @@ const Typography$1 = /* @__PURE__ */ React$1.forwardRef(function Typography2(inP
28737
28754
  variantMapping
28738
28755
  };
28739
28756
  const Component = component || (paragraph ? "p" : variantMapping[variant] || defaultVariantMapping$1[variant]) || "span";
28740
- const classes = useUtilityClasses$16(ownerState);
28757
+ const classes = useUtilityClasses$18(ownerState);
28741
28758
  return /* @__PURE__ */ jsxRuntimeExports.jsx(TypographyRoot$1, {
28742
28759
  as: Component,
28743
28760
  ref,
@@ -28844,7 +28861,7 @@ function getSvgIconUtilityClass$1(slot) {
28844
28861
  }
28845
28862
  generateUtilityClasses("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
28846
28863
 
28847
- const useUtilityClasses$15 = (ownerState) => {
28864
+ const useUtilityClasses$17 = (ownerState) => {
28848
28865
  const {
28849
28866
  color,
28850
28867
  fontSize,
@@ -28983,7 +29000,7 @@ const SvgIcon$1 = /* @__PURE__ */ React$1.forwardRef(function SvgIcon2(inProps,
28983
29000
  if (!inheritViewBox) {
28984
29001
  more.viewBox = viewBox;
28985
29002
  }
28986
- const classes = useUtilityClasses$15(ownerState);
29003
+ const classes = useUtilityClasses$17(ownerState);
28987
29004
  return /* @__PURE__ */ jsxRuntimeExports.jsxs(SvgIconRoot$1, {
28988
29005
  as: component,
28989
29006
  className: clsx(classes.root, className),
@@ -30254,7 +30271,7 @@ function getButtonBaseUtilityClass$1(slot) {
30254
30271
  }
30255
30272
  const buttonBaseClasses$1 = generateUtilityClasses("MuiButtonBase", ["root", "disabled", "focusVisible"]);
30256
30273
 
30257
- const useUtilityClasses$14 = (ownerState) => {
30274
+ const useUtilityClasses$16 = (ownerState) => {
30258
30275
  const {
30259
30276
  disabled,
30260
30277
  focusVisible,
@@ -30471,7 +30488,7 @@ const ButtonBase$1 = /* @__PURE__ */ React$1.forwardRef(function ButtonBase2(inP
30471
30488
  tabIndex,
30472
30489
  focusVisible
30473
30490
  };
30474
- const classes = useUtilityClasses$14(ownerState);
30491
+ const classes = useUtilityClasses$16(ownerState);
30475
30492
  return /* @__PURE__ */ jsxRuntimeExports.jsxs(ButtonBaseRoot$1, {
30476
30493
  as: ComponentProp,
30477
30494
  className: clsx(classes.root, className),
@@ -30708,7 +30725,7 @@ const rotateAnimation = typeof circularRotateKeyframe !== "string" ? css`
30708
30725
  const dashAnimation = typeof circularDashKeyframe !== "string" ? css`
30709
30726
  animation: ${circularDashKeyframe} 1.4s ease-in-out infinite;
30710
30727
  ` : null;
30711
- const useUtilityClasses$13 = (ownerState) => {
30728
+ const useUtilityClasses$15 = (ownerState) => {
30712
30729
  const {
30713
30730
  classes,
30714
30731
  variant,
@@ -30831,7 +30848,7 @@ const CircularProgress = /* @__PURE__ */ React$1.forwardRef(function CircularPro
30831
30848
  value,
30832
30849
  variant
30833
30850
  };
30834
- const classes = useUtilityClasses$13(ownerState);
30851
+ const classes = useUtilityClasses$15(ownerState);
30835
30852
  const circleStyle = {};
30836
30853
  const rootStyle = {};
30837
30854
  const rootProps = {};
@@ -30942,7 +30959,7 @@ function getIconButtonUtilityClass(slot) {
30942
30959
  }
30943
30960
  const iconButtonClasses = generateUtilityClasses("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge", "loading", "loadingIndicator", "loadingWrapper"]);
30944
30961
 
30945
- const useUtilityClasses$12 = (ownerState) => {
30962
+ const useUtilityClasses$14 = (ownerState) => {
30946
30963
  const {
30947
30964
  classes,
30948
30965
  disabled,
@@ -31128,7 +31145,7 @@ const IconButton$1 = /* @__PURE__ */ React$1.forwardRef(function IconButton2(inP
31128
31145
  loadingIndicator,
31129
31146
  size
31130
31147
  };
31131
- const classes = useUtilityClasses$12(ownerState);
31148
+ const classes = useUtilityClasses$14(ownerState);
31132
31149
  return /* @__PURE__ */ jsxRuntimeExports.jsxs(IconButtonRoot, {
31133
31150
  id: loading ? loadingId : idProp,
31134
31151
  className: clsx(classes.root, className),
@@ -31298,7 +31315,7 @@ function useSlot(name, parameters) {
31298
31315
  return [elementType, props];
31299
31316
  }
31300
31317
 
31301
- const useUtilityClasses$11 = (ownerState) => {
31318
+ const useUtilityClasses$13 = (ownerState) => {
31302
31319
  const {
31303
31320
  classes,
31304
31321
  inset,
@@ -31385,7 +31402,7 @@ const ListItemText = /* @__PURE__ */ React$1.forwardRef(function ListItemText2(i
31385
31402
  secondary: !!secondary,
31386
31403
  dense
31387
31404
  };
31388
- const classes = useUtilityClasses$11(ownerState);
31405
+ const classes = useUtilityClasses$13(ownerState);
31389
31406
  const externalForwardedProps = {
31390
31407
  slots,
31391
31408
  slotProps: {
@@ -31517,7 +31534,7 @@ function getListUtilityClass$1(slot) {
31517
31534
  }
31518
31535
  generateUtilityClasses("MuiList", ["root", "padding", "dense", "subheader"]);
31519
31536
 
31520
- const useUtilityClasses$10 = (ownerState) => {
31537
+ const useUtilityClasses$12 = (ownerState) => {
31521
31538
  const {
31522
31539
  classes,
31523
31540
  disablePadding,
@@ -31583,7 +31600,7 @@ const List$1 = /* @__PURE__ */ React$1.forwardRef(function List2(inProps, ref) {
31583
31600
  dense,
31584
31601
  disablePadding
31585
31602
  };
31586
- const classes = useUtilityClasses$10(ownerState);
31603
+ const classes = useUtilityClasses$12(ownerState);
31587
31604
  return /* @__PURE__ */ jsxRuntimeExports.jsx(ListContext$1.Provider, {
31588
31605
  value: context,
31589
31606
  children: /* @__PURE__ */ jsxRuntimeExports.jsxs(ListRoot$1, {
@@ -32148,7 +32165,7 @@ const inputOverridesResolver$1 = (props, styles) => {
32148
32165
  } = props;
32149
32166
  return [styles.input, ownerState.size === "small" && styles.inputSizeSmall, ownerState.multiline && styles.inputMultiline, ownerState.type === "search" && styles.inputTypeSearch, ownerState.startAdornment && styles.inputAdornedStart, ownerState.endAdornment && styles.inputAdornedEnd, ownerState.hiddenLabel && styles.inputHiddenLabel];
32150
32167
  };
32151
- const useUtilityClasses$$ = (ownerState) => {
32168
+ const useUtilityClasses$11 = (ownerState) => {
32152
32169
  const {
32153
32170
  classes,
32154
32171
  color,
@@ -32552,7 +32569,7 @@ const InputBase$1 = /* @__PURE__ */ React$1.forwardRef(function InputBase2(inPro
32552
32569
  startAdornment,
32553
32570
  type
32554
32571
  };
32555
- const classes = useUtilityClasses$$(ownerState);
32572
+ const classes = useUtilityClasses$11(ownerState);
32556
32573
  const Root = slots.root || components.Root || InputBaseRoot$1;
32557
32574
  const rootProps = slotProps.root || componentsProps.root || {};
32558
32575
  const Input = slots.input || components.Input || InputBaseInput;
@@ -32853,7 +32870,7 @@ const inputClasses$1 = {
32853
32870
  ...generateUtilityClasses("MuiInput", ["root", "underline", "input"])
32854
32871
  };
32855
32872
 
32856
- const useUtilityClasses$_ = (ownerState) => {
32873
+ const useUtilityClasses$10 = (ownerState) => {
32857
32874
  const {
32858
32875
  classes,
32859
32876
  disableUnderline
@@ -32986,7 +33003,7 @@ const Input$1 = /* @__PURE__ */ React$1.forwardRef(function Input2(inProps, ref)
32986
33003
  type = "text",
32987
33004
  ...other
32988
33005
  } = props;
32989
- const classes = useUtilityClasses$_(props);
33006
+ const classes = useUtilityClasses$10(props);
32990
33007
  const ownerState = {
32991
33008
  disableUnderline
32992
33009
  };
@@ -33208,7 +33225,7 @@ const filledInputClasses$1 = {
33208
33225
  ...generateUtilityClasses("MuiFilledInput", ["root", "underline", "input", "adornedStart", "adornedEnd", "sizeSmall", "multiline", "hiddenLabel"])
33209
33226
  };
33210
33227
 
33211
- const useUtilityClasses$Z = (ownerState) => {
33228
+ const useUtilityClasses$$ = (ownerState) => {
33212
33229
  const {
33213
33230
  classes,
33214
33231
  disableUnderline,
@@ -33487,7 +33504,7 @@ const FilledInput$1 = /* @__PURE__ */ React$1.forwardRef(function FilledInput2(i
33487
33504
  multiline,
33488
33505
  type
33489
33506
  };
33490
- const classes = useUtilityClasses$Z(props);
33507
+ const classes = useUtilityClasses$$(props);
33491
33508
  const filledInputComponentsProps = {
33492
33509
  root: {
33493
33510
  ownerState
@@ -33863,7 +33880,7 @@ const outlinedInputClasses$1 = {
33863
33880
  ...generateUtilityClasses("MuiOutlinedInput", ["root", "notchedOutline", "input"])
33864
33881
  };
33865
33882
 
33866
- const useUtilityClasses$Y = (ownerState) => {
33883
+ const useUtilityClasses$_ = (ownerState) => {
33867
33884
  const {
33868
33885
  classes
33869
33886
  } = ownerState;
@@ -34042,7 +34059,7 @@ const OutlinedInput$1 = /* @__PURE__ */ React$1.forwardRef(function OutlinedInpu
34042
34059
  type = "text",
34043
34060
  ...other
34044
34061
  } = props;
34045
- const classes = useUtilityClasses$Y(props);
34062
+ const classes = useUtilityClasses$_(props);
34046
34063
  const muiFormControl = useFormControl$1();
34047
34064
  const fcs = formControlState$1({
34048
34065
  props,
@@ -34280,7 +34297,7 @@ function getFormLabelUtilityClasses$1(slot) {
34280
34297
  }
34281
34298
  const formLabelClasses$1 = generateUtilityClasses("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled", "error", "filled", "required", "asterisk"]);
34282
34299
 
34283
- const useUtilityClasses$X = (ownerState) => {
34300
+ const useUtilityClasses$Z = (ownerState) => {
34284
34301
  const {
34285
34302
  classes,
34286
34303
  color,
@@ -34378,7 +34395,7 @@ const FormLabel$1 = /* @__PURE__ */ React$1.forwardRef(function FormLabel2(inPro
34378
34395
  focused: fcs.focused,
34379
34396
  required: fcs.required
34380
34397
  };
34381
- const classes = useUtilityClasses$X(ownerState);
34398
+ const classes = useUtilityClasses$Z(ownerState);
34382
34399
  return /* @__PURE__ */ jsxRuntimeExports.jsxs(FormLabelRoot$1, {
34383
34400
  as: component,
34384
34401
  ownerState,
@@ -34452,7 +34469,7 @@ function getInputLabelUtilityClasses$1(slot) {
34452
34469
  }
34453
34470
  generateUtilityClasses("MuiInputLabel", ["root", "focused", "disabled", "error", "required", "asterisk", "formControl", "sizeSmall", "shrink", "animated", "standard", "filled", "outlined"]);
34454
34471
 
34455
- const useUtilityClasses$W = (ownerState) => {
34472
+ const useUtilityClasses$Y = (ownerState) => {
34456
34473
  const {
34457
34474
  classes,
34458
34475
  formControl,
@@ -34641,7 +34658,7 @@ const InputLabel$1 = /* @__PURE__ */ React$1.forwardRef(function InputLabel2(inP
34641
34658
  required: fcs.required,
34642
34659
  focused: fcs.focused
34643
34660
  };
34644
- const classes = useUtilityClasses$W(ownerState);
34661
+ const classes = useUtilityClasses$Y(ownerState);
34645
34662
  return /* @__PURE__ */ jsxRuntimeExports.jsx(InputLabelRoot$1, {
34646
34663
  "data-shrink": shrink,
34647
34664
  ref,
@@ -34724,7 +34741,7 @@ function getFormControlUtilityClasses$1(slot) {
34724
34741
  }
34725
34742
  generateUtilityClasses("MuiFormControl", ["root", "marginNone", "marginNormal", "marginDense", "fullWidth", "disabled"]);
34726
34743
 
34727
- const useUtilityClasses$V = (ownerState) => {
34744
+ const useUtilityClasses$X = (ownerState) => {
34728
34745
  const {
34729
34746
  classes,
34730
34747
  margin,
@@ -34814,7 +34831,7 @@ const FormControl$1 = /* @__PURE__ */ React$1.forwardRef(function FormControl2(i
34814
34831
  size,
34815
34832
  variant
34816
34833
  };
34817
- const classes = useUtilityClasses$V(ownerState);
34834
+ const classes = useUtilityClasses$X(ownerState);
34818
34835
  const [adornedStart, setAdornedStart] = React$1.useState(() => {
34819
34836
  let initialAdornedStart = false;
34820
34837
  if (children) {
@@ -34992,7 +35009,7 @@ function getFormHelperTextUtilityClasses$1(slot) {
34992
35009
  const formHelperTextClasses$1 = generateUtilityClasses("MuiFormHelperText", ["root", "error", "disabled", "sizeSmall", "sizeMedium", "contained", "focused", "filled", "required"]);
34993
35010
 
34994
35011
  var _span$5;
34995
- const useUtilityClasses$U = (ownerState) => {
35012
+ const useUtilityClasses$W = (ownerState) => {
34996
35013
  const {
34997
35014
  classes,
34998
35015
  contained,
@@ -35087,7 +35104,7 @@ const FormHelperText$1 = /* @__PURE__ */ React$1.forwardRef(function FormHelperT
35087
35104
  required: fcs.required
35088
35105
  };
35089
35106
  delete ownerState.ownerState;
35090
- const classes = useUtilityClasses$U(ownerState);
35107
+ const classes = useUtilityClasses$W(ownerState);
35091
35108
  return /* @__PURE__ */ jsxRuntimeExports.jsx(FormHelperTextRoot$1, {
35092
35109
  as: component,
35093
35110
  className: clsx(classes.root, className),
@@ -36122,7 +36139,7 @@ function getBackdropUtilityClass$1(slot) {
36122
36139
  }
36123
36140
  generateUtilityClasses("MuiBackdrop", ["root", "invisible"]);
36124
36141
 
36125
- const useUtilityClasses$T = (ownerState) => {
36142
+ const useUtilityClasses$V = (ownerState) => {
36126
36143
  const {
36127
36144
  classes,
36128
36145
  invisible
@@ -36185,7 +36202,7 @@ const Backdrop$1 = /* @__PURE__ */ React$1.forwardRef(function Backdrop2(inProps
36185
36202
  component,
36186
36203
  invisible
36187
36204
  };
36188
- const classes = useUtilityClasses$T(ownerState);
36205
+ const classes = useUtilityClasses$V(ownerState);
36189
36206
  const backwardCompatibleSlots = {
36190
36207
  transition: TransitionComponentProp,
36191
36208
  root: components.Root,
@@ -36485,7 +36502,7 @@ function getModalUtilityClass$1(slot) {
36485
36502
  }
36486
36503
  generateUtilityClasses("MuiModal", ["root", "hidden", "backdrop"]);
36487
36504
 
36488
- const useUtilityClasses$S = (ownerState) => {
36505
+ const useUtilityClasses$U = (ownerState) => {
36489
36506
  const {
36490
36507
  open,
36491
36508
  exited,
@@ -36596,7 +36613,7 @@ const Modal$1 = /* @__PURE__ */ React$1.forwardRef(function Modal2(inProps, ref)
36596
36613
  ...propsWithDefaults,
36597
36614
  exited
36598
36615
  };
36599
- const classes = useUtilityClasses$S(ownerState);
36616
+ const classes = useUtilityClasses$U(ownerState);
36600
36617
  const childProps = {};
36601
36618
  if (children.props.tabIndex === void 0) {
36602
36619
  childProps.tabIndex = "-1";
@@ -36861,7 +36878,7 @@ function getPaperUtilityClass$1(slot) {
36861
36878
  }
36862
36879
  generateUtilityClasses("MuiPaper", ["root", "rounded", "outlined", "elevation", "elevation0", "elevation1", "elevation2", "elevation3", "elevation4", "elevation5", "elevation6", "elevation7", "elevation8", "elevation9", "elevation10", "elevation11", "elevation12", "elevation13", "elevation14", "elevation15", "elevation16", "elevation17", "elevation18", "elevation19", "elevation20", "elevation21", "elevation22", "elevation23", "elevation24"]);
36863
36880
 
36864
- const useUtilityClasses$R = (ownerState) => {
36881
+ const useUtilityClasses$T = (ownerState) => {
36865
36882
  const {
36866
36883
  square,
36867
36884
  elevation,
@@ -36933,7 +36950,7 @@ const Paper$1 = /* @__PURE__ */ React$1.forwardRef(function Paper2(inProps, ref)
36933
36950
  square,
36934
36951
  variant
36935
36952
  };
36936
- const classes = useUtilityClasses$R(ownerState);
36953
+ const classes = useUtilityClasses$T(ownerState);
36937
36954
  if (process.env.NODE_ENV !== "production") {
36938
36955
  if (theme.shadows[elevation] === void 0) {
36939
36956
  console.error([`MUI: The elevation provided <Paper elevation={${elevation}}> is not available in the theme.`, `Please make sure that \`theme.shadows[${elevation}]\` is defined.`].join("\n"));
@@ -37049,7 +37066,7 @@ function getTransformOriginValue$1(transformOrigin) {
37049
37066
  function resolveAnchorEl$1(anchorEl) {
37050
37067
  return typeof anchorEl === "function" ? anchorEl() : anchorEl;
37051
37068
  }
37052
- const useUtilityClasses$Q = (ownerState) => {
37069
+ const useUtilityClasses$S = (ownerState) => {
37053
37070
  const {
37054
37071
  classes
37055
37072
  } = ownerState;
@@ -37129,7 +37146,7 @@ const Popover$1 = /* @__PURE__ */ React$1.forwardRef(function Popover2(inProps,
37129
37146
  transitionDuration: transitionDurationProp,
37130
37147
  TransitionProps
37131
37148
  };
37132
- const classes = useUtilityClasses$Q(ownerState);
37149
+ const classes = useUtilityClasses$S(ownerState);
37133
37150
  const getAnchorOffset = React$1.useCallback(() => {
37134
37151
  if (anchorReference === "anchorPosition") {
37135
37152
  if (process.env.NODE_ENV !== "production") {
@@ -37568,7 +37585,7 @@ const LTR_ORIGIN$1 = {
37568
37585
  vertical: "top",
37569
37586
  horizontal: "left"
37570
37587
  };
37571
- const useUtilityClasses$P = (ownerState) => {
37588
+ const useUtilityClasses$R = (ownerState) => {
37572
37589
  const {
37573
37590
  classes
37574
37591
  } = ownerState;
@@ -37642,7 +37659,7 @@ const Menu$1 = /* @__PURE__ */ React$1.forwardRef(function Menu2(inProps, ref) {
37642
37659
  TransitionProps,
37643
37660
  variant
37644
37661
  };
37645
- const classes = useUtilityClasses$P(ownerState);
37662
+ const classes = useUtilityClasses$R(ownerState);
37646
37663
  const autoFocusItem = autoFocus && !disableAutoFocusItem && open;
37647
37664
  const menuListActionsRef = React$1.useRef(null);
37648
37665
  const handleEntering = (element, isAppearing) => {
@@ -37879,7 +37896,7 @@ function getNativeSelectUtilityClasses$1(slot) {
37879
37896
  }
37880
37897
  const nativeSelectClasses$1 = generateUtilityClasses("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]);
37881
37898
 
37882
- const useUtilityClasses$O = (ownerState) => {
37899
+ const useUtilityClasses$Q = (ownerState) => {
37883
37900
  const {
37884
37901
  classes,
37885
37902
  variant,
@@ -38038,7 +38055,7 @@ const NativeSelectInput$1 = /* @__PURE__ */ React$1.forwardRef(function NativeSe
38038
38055
  variant,
38039
38056
  error
38040
38057
  };
38041
- const classes = useUtilityClasses$O(ownerState);
38058
+ const classes = useUtilityClasses$Q(ownerState);
38042
38059
  return /* @__PURE__ */ jsxRuntimeExports.jsxs(React$1.Fragment, {
38043
38060
  children: [/* @__PURE__ */ jsxRuntimeExports.jsx(NativeSelectSelect$1, {
38044
38061
  ownerState,
@@ -38183,7 +38200,7 @@ function areEqualValues$2(a, b) {
38183
38200
  function isEmpty$3(display) {
38184
38201
  return display == null || typeof display === "string" && !display.trim();
38185
38202
  }
38186
- const useUtilityClasses$N = (ownerState) => {
38203
+ const useUtilityClasses$P = (ownerState) => {
38187
38204
  const {
38188
38205
  classes,
38189
38206
  variant,
@@ -38502,7 +38519,7 @@ const SelectInput$1 = /* @__PURE__ */ React$1.forwardRef(function SelectInput2(p
38502
38519
  open,
38503
38520
  error
38504
38521
  };
38505
- const classes = useUtilityClasses$N(ownerState);
38522
+ const classes = useUtilityClasses$P(ownerState);
38506
38523
  const paperProps = {
38507
38524
  ...MenuProps.PaperProps,
38508
38525
  ...MenuProps.slotProps?.paper
@@ -38746,7 +38763,7 @@ const ArrowDropDownIcon$1 = createSvgIcon$1(/* @__PURE__ */ jsxRuntimeExports.js
38746
38763
  d: "M7 10l5 5 5-5z"
38747
38764
  }), "ArrowDropDown");
38748
38765
 
38749
- const useUtilityClasses$M = (ownerState) => {
38766
+ const useUtilityClasses$O = (ownerState) => {
38750
38767
  const {
38751
38768
  classes
38752
38769
  } = ownerState;
@@ -38810,7 +38827,7 @@ const Select$2 = /* @__PURE__ */ React$1.forwardRef(function Select2(inProps, re
38810
38827
  variant,
38811
38828
  classes: classesProp
38812
38829
  };
38813
- const classes = useUtilityClasses$M(ownerState);
38830
+ const classes = useUtilityClasses$O(ownerState);
38814
38831
  const {
38815
38832
  root,
38816
38833
  ...restOfClasses
@@ -39034,7 +39051,7 @@ const variantComponent$1 = {
39034
39051
  filled: FilledInput$1,
39035
39052
  outlined: OutlinedInput$1
39036
39053
  };
39037
- const useUtilityClasses$L = (ownerState) => {
39054
+ const useUtilityClasses$N = (ownerState) => {
39038
39055
  const {
39039
39056
  classes
39040
39057
  } = ownerState;
@@ -39102,7 +39119,7 @@ const TextField$1 = /* @__PURE__ */ React$1.forwardRef(function TextField2(inPro
39102
39119
  select,
39103
39120
  variant
39104
39121
  };
39105
- const classes = useUtilityClasses$L(ownerState);
39122
+ const classes = useUtilityClasses$N(ownerState);
39106
39123
  if (process.env.NODE_ENV !== "production") {
39107
39124
  if (select && !children) {
39108
39125
  console.error("MUI: `children` must be passed when using the `TextField` component with `select`.");
@@ -39444,7 +39461,7 @@ const overridesResolver$2 = (props, styles) => {
39444
39461
  } = props;
39445
39462
  return [styles.root, styles[`position${capitalize$1(ownerState.position)}`], ownerState.disablePointerEvents === true && styles.disablePointerEvents, styles[ownerState.variant]];
39446
39463
  };
39447
- const useUtilityClasses$K = (ownerState) => {
39464
+ const useUtilityClasses$M = (ownerState) => {
39448
39465
  const {
39449
39466
  classes,
39450
39467
  disablePointerEvents,
@@ -39537,7 +39554,7 @@ const InputAdornment = /* @__PURE__ */ React$1.forwardRef(function InputAdornmen
39537
39554
  position,
39538
39555
  variant
39539
39556
  };
39540
- const classes = useUtilityClasses$K(ownerState);
39557
+ const classes = useUtilityClasses$M(ownerState);
39541
39558
  return /* @__PURE__ */ jsxRuntimeExports.jsx(FormControlContext$1.Provider, {
39542
39559
  value: null,
39543
39560
  children: /* @__PURE__ */ jsxRuntimeExports.jsx(InputAdornmentRoot, {
@@ -39626,7 +39643,7 @@ if (process.env.NODE_ENV !== "production") {
39626
39643
  ButtonGroupButtonContext$1.displayName = "ButtonGroupButtonContext";
39627
39644
  }
39628
39645
 
39629
- const useUtilityClasses$J = (ownerState) => {
39646
+ const useUtilityClasses$L = (ownerState) => {
39630
39647
  const {
39631
39648
  color,
39632
39649
  disableElevation,
@@ -40128,7 +40145,7 @@ const Button$2 = /* @__PURE__ */ React$1.forwardRef(function Button2(inProps, re
40128
40145
  type,
40129
40146
  variant
40130
40147
  };
40131
- const classes = useUtilityClasses$J(ownerState);
40148
+ const classes = useUtilityClasses$L(ownerState);
40132
40149
  const startIcon = (startIconProp || loading && loadingPosition === "start") && /* @__PURE__ */ jsxRuntimeExports.jsx(ButtonStartIcon$1, {
40133
40150
  className: classes.startIcon,
40134
40151
  ownerState,
@@ -40308,7 +40325,7 @@ const overridesResolver$1 = (props, styles) => {
40308
40325
  } = props;
40309
40326
  return [styles.root, ownerState.dense && styles.dense, ownerState.alignItems === "flex-start" && styles.alignItemsFlexStart, ownerState.divider && styles.divider, !ownerState.disableGutters && styles.gutters];
40310
40327
  };
40311
- const useUtilityClasses$I = (ownerState) => {
40328
+ const useUtilityClasses$K = (ownerState) => {
40312
40329
  const {
40313
40330
  alignItems,
40314
40331
  classes,
@@ -40451,7 +40468,7 @@ const ListItemButton = /* @__PURE__ */ React$1.forwardRef(function ListItemButto
40451
40468
  divider,
40452
40469
  selected
40453
40470
  };
40454
- const classes = useUtilityClasses$I(ownerState);
40471
+ const classes = useUtilityClasses$K(ownerState);
40455
40472
  const handleRef = useForkRef$1(listItemRef, ref);
40456
40473
  return /* @__PURE__ */ jsxRuntimeExports.jsx(ListContext$1.Provider, {
40457
40474
  value: childContext,
@@ -40552,7 +40569,7 @@ function getListItemSecondaryActionClassesUtilityClass(slot) {
40552
40569
  }
40553
40570
  generateUtilityClasses("MuiListItemSecondaryAction", ["root", "disableGutters"]);
40554
40571
 
40555
- const useUtilityClasses$H = (ownerState) => {
40572
+ const useUtilityClasses$J = (ownerState) => {
40556
40573
  const {
40557
40574
  disableGutters,
40558
40575
  classes
@@ -40599,7 +40616,7 @@ const ListItemSecondaryAction = /* @__PURE__ */ React$1.forwardRef(function List
40599
40616
  ...props,
40600
40617
  disableGutters: context.disableGutters
40601
40618
  };
40602
- const classes = useUtilityClasses$H(ownerState);
40619
+ const classes = useUtilityClasses$J(ownerState);
40603
40620
  return /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemSecondaryActionRoot, {
40604
40621
  className: clsx(classes.root, className),
40605
40622
  ownerState,
@@ -40637,7 +40654,7 @@ const overridesResolver = (props, styles) => {
40637
40654
  } = props;
40638
40655
  return [styles.root, ownerState.dense && styles.dense, ownerState.alignItems === "flex-start" && styles.alignItemsFlexStart, ownerState.divider && styles.divider, !ownerState.disableGutters && styles.gutters, !ownerState.disablePadding && styles.padding, ownerState.hasSecondaryAction && styles.secondaryAction];
40639
40656
  };
40640
- const useUtilityClasses$G = (ownerState) => {
40657
+ const useUtilityClasses$I = (ownerState) => {
40641
40658
  const {
40642
40659
  alignItems,
40643
40660
  classes,
@@ -40804,7 +40821,7 @@ const ListItem = /* @__PURE__ */ React$1.forwardRef(function ListItem2(inProps,
40804
40821
  divider,
40805
40822
  hasSecondaryAction
40806
40823
  };
40807
- const classes = useUtilityClasses$G(ownerState);
40824
+ const classes = useUtilityClasses$I(ownerState);
40808
40825
  const handleRef = useForkRef$1(listItemRef, ref);
40809
40826
  const Root = slots.root || components.Root || ListItemRoot;
40810
40827
  const rootProps = slotProps.root || componentsProps.root || {};
@@ -40994,7 +41011,7 @@ function getChipUtilityClass(slot) {
40994
41011
  }
40995
41012
  const chipClasses = generateUtilityClasses("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "colorError", "colorInfo", "colorPrimary", "colorSecondary", "colorSuccess", "colorWarning", "disabled", "clickable", "clickableColorPrimary", "clickableColorSecondary", "deletable", "deletableColorPrimary", "deletableColorSecondary", "outlined", "filled", "outlinedPrimary", "outlinedSecondary", "filledPrimary", "filledSecondary", "avatar", "avatarSmall", "avatarMedium", "avatarColorPrimary", "avatarColorSecondary", "icon", "iconSmall", "iconMedium", "iconColorPrimary", "iconColorSecondary", "label", "labelSmall", "labelMedium", "deleteIcon", "deleteIconSmall", "deleteIconMedium", "deleteIconColorPrimary", "deleteIconColorSecondary", "deleteIconOutlinedColorPrimary", "deleteIconOutlinedColorSecondary", "deleteIconFilledColorPrimary", "deleteIconFilledColorSecondary", "focusVisible"]);
40996
41013
 
40997
- const useUtilityClasses$F = (ownerState) => {
41014
+ const useUtilityClasses$H = (ownerState) => {
40998
41015
  const {
40999
41016
  classes,
41000
41017
  disabled,
@@ -41385,7 +41402,7 @@ const Chip = /* @__PURE__ */ React$1.forwardRef(function Chip2(inProps, ref) {
41385
41402
  clickable,
41386
41403
  variant
41387
41404
  };
41388
- const classes = useUtilityClasses$F(ownerState);
41405
+ const classes = useUtilityClasses$H(ownerState);
41389
41406
  const moreProps = component === ButtonBase$1 ? {
41390
41407
  component: ComponentProp || "div",
41391
41408
  focusVisibleClassName: classes.focusVisible,
@@ -41552,7 +41569,7 @@ function getDialogTitleUtilityClass(slot) {
41552
41569
  }
41553
41570
  const dialogTitleClasses = generateUtilityClasses("MuiDialogTitle", ["root"]);
41554
41571
 
41555
- const useUtilityClasses$E = (ownerState) => {
41572
+ const useUtilityClasses$G = (ownerState) => {
41556
41573
  const {
41557
41574
  classes,
41558
41575
  dividers
@@ -41613,7 +41630,7 @@ const DialogContent = /* @__PURE__ */ React$1.forwardRef(function DialogContent2
41613
41630
  ...props,
41614
41631
  dividers
41615
41632
  };
41616
- const classes = useUtilityClasses$E(ownerState);
41633
+ const classes = useUtilityClasses$G(ownerState);
41617
41634
  return /* @__PURE__ */ jsxRuntimeExports.jsx(DialogContentRoot, {
41618
41635
  className: clsx(classes.root, className),
41619
41636
  ownerState,
@@ -41667,7 +41684,7 @@ const DialogBackdrop = styled(Backdrop$1, {
41667
41684
  // Improve scrollable dialog support.
41668
41685
  zIndex: -1
41669
41686
  });
41670
- const useUtilityClasses$D = (ownerState) => {
41687
+ const useUtilityClasses$F = (ownerState) => {
41671
41688
  const {
41672
41689
  classes,
41673
41690
  scroll,
@@ -41872,7 +41889,7 @@ const Dialog = /* @__PURE__ */ React$1.forwardRef(function Dialog2(inProps, ref)
41872
41889
  maxWidth,
41873
41890
  scroll
41874
41891
  };
41875
- const classes = useUtilityClasses$D(ownerState);
41892
+ const classes = useUtilityClasses$F(ownerState);
41876
41893
  const backdropClick = React$1.useRef();
41877
41894
  const handleMouseDown = (event) => {
41878
41895
  backdropClick.current = event.target === event.currentTarget;
@@ -43215,7 +43232,7 @@ function getButtonBaseUtilityClass(slot) {
43215
43232
  const buttonBaseClasses = generateUtilityClasses$2("MuiButtonBase", ["root", "disabled", "focusVisible"]);
43216
43233
 
43217
43234
  const _excluded$v = ["action", "centerRipple", "children", "className", "component", "disabled", "disableRipple", "disableTouchRipple", "focusRipple", "focusVisibleClassName", "LinkComponent", "onBlur", "onClick", "onContextMenu", "onDragLeave", "onFocus", "onFocusVisible", "onKeyDown", "onKeyUp", "onMouseDown", "onMouseLeave", "onMouseUp", "onTouchEnd", "onTouchMove", "onTouchStart", "tabIndex", "TouchRippleProps", "touchRippleRef", "type"];
43218
- const useUtilityClasses$C = (ownerState) => {
43235
+ const useUtilityClasses$E = (ownerState) => {
43219
43236
  const {
43220
43237
  disabled,
43221
43238
  focusVisible,
@@ -43463,7 +43480,7 @@ const ButtonBase = /* @__PURE__ */ React$1.forwardRef(function ButtonBase2(inPro
43463
43480
  tabIndex,
43464
43481
  focusVisible
43465
43482
  });
43466
- const classes = useUtilityClasses$C(ownerState);
43483
+ const classes = useUtilityClasses$E(ownerState);
43467
43484
  return /* @__PURE__ */ jsxRuntimeExports.jsxs(ButtonBaseRoot, _extends$1({
43468
43485
  as: ComponentProp,
43469
43486
  className: clsx(classes.root, className),
@@ -43674,7 +43691,7 @@ function getSvgIconUtilityClass(slot) {
43674
43691
  generateUtilityClasses$2("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
43675
43692
 
43676
43693
  const _excluded$u = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"];
43677
- const useUtilityClasses$B = (ownerState) => {
43694
+ const useUtilityClasses$D = (ownerState) => {
43678
43695
  const {
43679
43696
  color,
43680
43697
  fontSize,
@@ -43755,7 +43772,7 @@ const SvgIcon = /* @__PURE__ */ React$1.forwardRef(function SvgIcon2(inProps, re
43755
43772
  if (!inheritViewBox) {
43756
43773
  more.viewBox = viewBox;
43757
43774
  }
43758
- const classes = useUtilityClasses$B(ownerState);
43775
+ const classes = useUtilityClasses$D(ownerState);
43759
43776
  return /* @__PURE__ */ jsxRuntimeExports.jsxs(SvgIconRoot, _extends$1({
43760
43777
  as: component,
43761
43778
  className: clsx(classes.root, className),
@@ -44174,7 +44191,7 @@ if (process.env.NODE_ENV !== "production") {
44174
44191
  }
44175
44192
 
44176
44193
  const _excluded$s = ["children", "color", "component", "className", "disabled", "disableElevation", "disableFocusRipple", "endIcon", "focusVisibleClassName", "fullWidth", "size", "startIcon", "type", "variant"];
44177
- const useUtilityClasses$A = (ownerState) => {
44194
+ const useUtilityClasses$C = (ownerState) => {
44178
44195
  const {
44179
44196
  color,
44180
44197
  disableElevation,
@@ -44411,7 +44428,7 @@ const Button$1 = /* @__PURE__ */ React$1.forwardRef(function Button2(inProps, re
44411
44428
  type,
44412
44429
  variant
44413
44430
  });
44414
- const classes = useUtilityClasses$A(ownerState);
44431
+ const classes = useUtilityClasses$C(ownerState);
44415
44432
  const startIcon = startIconProp && /* @__PURE__ */ jsxRuntimeExports.jsx(ButtonStartIcon, {
44416
44433
  className: classes.startIcon,
44417
44434
  ownerState,
@@ -44538,7 +44555,7 @@ function getTypographyUtilityClass(slot) {
44538
44555
  generateUtilityClasses$2("MuiTypography", ["root", "h1", "h2", "h3", "h4", "h5", "h6", "subtitle1", "subtitle2", "body1", "body2", "inherit", "button", "caption", "overline", "alignLeft", "alignRight", "alignCenter", "alignJustify", "noWrap", "gutterBottom", "paragraph"]);
44539
44556
 
44540
44557
  const _excluded$r = ["align", "className", "component", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"];
44541
- const useUtilityClasses$z = (ownerState) => {
44558
+ const useUtilityClasses$B = (ownerState) => {
44542
44559
  const {
44543
44560
  align,
44544
44561
  gutterBottom,
@@ -44634,7 +44651,7 @@ const Typography = /* @__PURE__ */ React$1.forwardRef(function Typography2(inPro
44634
44651
  variantMapping
44635
44652
  });
44636
44653
  const Component = component || (paragraph ? "p" : variantMapping[variant] || defaultVariantMapping[variant]) || "span";
44637
- const classes = useUtilityClasses$z(ownerState);
44654
+ const classes = useUtilityClasses$B(ownerState);
44638
44655
  return /* @__PURE__ */ jsxRuntimeExports.jsx(TypographyRoot, _extends$1({
44639
44656
  as: Component,
44640
44657
  ref,
@@ -45429,7 +45446,7 @@ function getBackdropUtilityClass(slot) {
45429
45446
  generateUtilityClasses$2("MuiBackdrop", ["root", "invisible"]);
45430
45447
 
45431
45448
  const _excluded$p = ["children", "className", "component", "components", "componentsProps", "invisible", "open", "slotProps", "slots", "TransitionComponent", "transitionDuration"];
45432
- const useUtilityClasses$y = (ownerState) => {
45449
+ const useUtilityClasses$A = (ownerState) => {
45433
45450
  const {
45434
45451
  classes,
45435
45452
  invisible
@@ -45487,7 +45504,7 @@ const Backdrop = /* @__PURE__ */ React$1.forwardRef(function Backdrop2(inProps,
45487
45504
  component,
45488
45505
  invisible
45489
45506
  });
45490
- const classes = useUtilityClasses$y(ownerState);
45507
+ const classes = useUtilityClasses$A(ownerState);
45491
45508
  const rootSlotProps = (_slotProps$root = slotProps.root) != null ? _slotProps$root : componentsProps.root;
45492
45509
  return /* @__PURE__ */ jsxRuntimeExports.jsx(TransitionComponent, _extends$1({
45493
45510
  in: open,
@@ -45766,7 +45783,7 @@ function getModalUtilityClass(slot) {
45766
45783
  generateUtilityClasses$2("MuiModal", ["root", "hidden", "backdrop"]);
45767
45784
 
45768
45785
  const _excluded$o = ["BackdropComponent", "BackdropProps", "classes", "className", "closeAfterTransition", "children", "container", "component", "components", "componentsProps", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "onBackdropClick", "onClose", "onTransitionEnter", "onTransitionExited", "open", "slotProps", "slots", "theme"];
45769
- const useUtilityClasses$x = (ownerState) => {
45786
+ const useUtilityClasses$z = (ownerState) => {
45770
45787
  const {
45771
45788
  open,
45772
45789
  exited,
@@ -45864,7 +45881,7 @@ const Modal = /* @__PURE__ */ React$1.forwardRef(function Modal2(inProps, ref) {
45864
45881
  const ownerState = _extends$1({}, propsWithDefaults, {
45865
45882
  exited
45866
45883
  });
45867
- const classes = useUtilityClasses$x(ownerState);
45884
+ const classes = useUtilityClasses$z(ownerState);
45868
45885
  const childProps = {};
45869
45886
  if (children.props.tabIndex === void 0) {
45870
45887
  childProps.tabIndex = "-1";
@@ -46119,7 +46136,7 @@ function getPaperUtilityClass(slot) {
46119
46136
  generateUtilityClasses$2("MuiPaper", ["root", "rounded", "outlined", "elevation", "elevation0", "elevation1", "elevation2", "elevation3", "elevation4", "elevation5", "elevation6", "elevation7", "elevation8", "elevation9", "elevation10", "elevation11", "elevation12", "elevation13", "elevation14", "elevation15", "elevation16", "elevation17", "elevation18", "elevation19", "elevation20", "elevation21", "elevation22", "elevation23", "elevation24"]);
46120
46137
 
46121
46138
  const _excluded$n = ["className", "component", "elevation", "square", "variant"];
46122
- const useUtilityClasses$w = (ownerState) => {
46139
+ const useUtilityClasses$y = (ownerState) => {
46123
46140
  const {
46124
46141
  square,
46125
46142
  elevation,
@@ -46179,7 +46196,7 @@ const Paper = /* @__PURE__ */ React$1.forwardRef(function Paper2(inProps, ref) {
46179
46196
  square,
46180
46197
  variant
46181
46198
  });
46182
- const classes = useUtilityClasses$w(ownerState);
46199
+ const classes = useUtilityClasses$y(ownerState);
46183
46200
  if (process.env.NODE_ENV !== "production") {
46184
46201
  const theme = useTheme$4();
46185
46202
  if (theme.shadows[elevation] === void 0) {
@@ -46520,7 +46537,7 @@ const inputOverridesResolver = (props, styles) => {
46520
46537
  } = props;
46521
46538
  return [styles.input, ownerState.size === "small" && styles.inputSizeSmall, ownerState.multiline && styles.inputMultiline, ownerState.type === "search" && styles.inputTypeSearch, ownerState.startAdornment && styles.inputAdornedStart, ownerState.endAdornment && styles.inputAdornedEnd, ownerState.hiddenLabel && styles.inputHiddenLabel];
46522
46539
  };
46523
- const useUtilityClasses$v = (ownerState) => {
46540
+ const useUtilityClasses$x = (ownerState) => {
46524
46541
  const {
46525
46542
  classes,
46526
46543
  color,
@@ -46892,7 +46909,7 @@ const InputBase = /* @__PURE__ */ React$1.forwardRef(function InputBase2(inProps
46892
46909
  startAdornment,
46893
46910
  type
46894
46911
  });
46895
- const classes = useUtilityClasses$v(ownerState);
46912
+ const classes = useUtilityClasses$x(ownerState);
46896
46913
  const Root = slots.root || components.Root || InputBaseRoot;
46897
46914
  const rootProps = slotProps.root || componentsProps.root || {};
46898
46915
  const Input = slots.input || components.Input || InputBaseComponent;
@@ -47179,7 +47196,7 @@ function getInputUtilityClass(slot) {
47179
47196
  const inputClasses = _extends$1({}, inputBaseClasses, generateUtilityClasses$2("MuiInput", ["root", "underline", "input"]));
47180
47197
 
47181
47198
  const _excluded$k = ["disableUnderline", "components", "componentsProps", "fullWidth", "inputComponent", "multiline", "slotProps", "slots", "type"];
47182
- const useUtilityClasses$u = (ownerState) => {
47199
+ const useUtilityClasses$w = (ownerState) => {
47183
47200
  const {
47184
47201
  classes,
47185
47202
  disableUnderline
@@ -47291,7 +47308,7 @@ const Input = /* @__PURE__ */ React$1.forwardRef(function Input2(inProps, ref) {
47291
47308
  slots = {},
47292
47309
  type = "text"
47293
47310
  } = props, other = _objectWithoutPropertiesLoose(props, _excluded$k);
47294
- const classes = useUtilityClasses$u(props);
47311
+ const classes = useUtilityClasses$w(props);
47295
47312
  const ownerState = {
47296
47313
  disableUnderline
47297
47314
  };
@@ -47512,7 +47529,7 @@ function getFilledInputUtilityClass(slot) {
47512
47529
  const filledInputClasses = _extends$1({}, inputBaseClasses, generateUtilityClasses$2("MuiFilledInput", ["root", "underline", "input"]));
47513
47530
 
47514
47531
  const _excluded$j = ["disableUnderline", "components", "componentsProps", "fullWidth", "hiddenLabel", "inputComponent", "multiline", "slotProps", "slots", "type"];
47515
- const useUtilityClasses$t = (ownerState) => {
47532
+ const useUtilityClasses$v = (ownerState) => {
47516
47533
  const {
47517
47534
  classes,
47518
47535
  disableUnderline
@@ -47704,7 +47721,7 @@ const FilledInput = /* @__PURE__ */ React$1.forwardRef(function FilledInput2(inP
47704
47721
  multiline,
47705
47722
  type
47706
47723
  });
47707
- const classes = useUtilityClasses$t(props);
47724
+ const classes = useUtilityClasses$v(props);
47708
47725
  const filledInputComponentsProps = {
47709
47726
  root: {
47710
47727
  ownerState
@@ -48059,7 +48076,7 @@ function getOutlinedInputUtilityClass(slot) {
48059
48076
  const outlinedInputClasses = _extends$1({}, inputBaseClasses, generateUtilityClasses$2("MuiOutlinedInput", ["root", "notchedOutline", "input"]));
48060
48077
 
48061
48078
  const _excluded$h = ["components", "fullWidth", "inputComponent", "label", "multiline", "notched", "slots", "type"];
48062
- const useUtilityClasses$s = (ownerState) => {
48079
+ const useUtilityClasses$u = (ownerState) => {
48063
48080
  const {
48064
48081
  classes
48065
48082
  } = ownerState;
@@ -48177,7 +48194,7 @@ const OutlinedInput = /* @__PURE__ */ React$1.forwardRef(function OutlinedInput2
48177
48194
  slots = {},
48178
48195
  type = "text"
48179
48196
  } = props, other = _objectWithoutPropertiesLoose(props, _excluded$h);
48180
- const classes = useUtilityClasses$s(props);
48197
+ const classes = useUtilityClasses$u(props);
48181
48198
  const muiFormControl = useFormControl();
48182
48199
  const fcs = formControlState({
48183
48200
  props,
@@ -48396,7 +48413,7 @@ function getFormLabelUtilityClasses(slot) {
48396
48413
  const formLabelClasses = generateUtilityClasses$2("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled", "error", "filled", "required", "asterisk"]);
48397
48414
 
48398
48415
  const _excluded$g = ["children", "className", "color", "component", "disabled", "error", "filled", "focused", "required"];
48399
- const useUtilityClasses$r = (ownerState) => {
48416
+ const useUtilityClasses$t = (ownerState) => {
48400
48417
  const {
48401
48418
  classes,
48402
48419
  color,
@@ -48475,7 +48492,7 @@ const FormLabel = /* @__PURE__ */ React$1.forwardRef(function FormLabel2(inProps
48475
48492
  focused: fcs.focused,
48476
48493
  required: fcs.required
48477
48494
  });
48478
- const classes = useUtilityClasses$r(ownerState);
48495
+ const classes = useUtilityClasses$t(ownerState);
48479
48496
  return /* @__PURE__ */ jsxRuntimeExports.jsxs(FormLabelRoot, _extends$1({
48480
48497
  as: component,
48481
48498
  ownerState,
@@ -48550,7 +48567,7 @@ function getInputLabelUtilityClasses(slot) {
48550
48567
  generateUtilityClasses$2("MuiInputLabel", ["root", "focused", "disabled", "error", "required", "asterisk", "formControl", "sizeSmall", "shrink", "animated", "standard", "filled", "outlined"]);
48551
48568
 
48552
48569
  const _excluded$f = ["disableAnimation", "margin", "shrink", "variant", "className"];
48553
- const useUtilityClasses$q = (ownerState) => {
48570
+ const useUtilityClasses$s = (ownerState) => {
48554
48571
  const {
48555
48572
  classes,
48556
48573
  formControl,
@@ -48670,7 +48687,7 @@ const InputLabel = /* @__PURE__ */ React$1.forwardRef(function InputLabel2(inPro
48670
48687
  required: fcs.required,
48671
48688
  focused: fcs.focused
48672
48689
  });
48673
- const classes = useUtilityClasses$q(ownerState);
48690
+ const classes = useUtilityClasses$s(ownerState);
48674
48691
  return /* @__PURE__ */ jsxRuntimeExports.jsx(InputLabelRoot, _extends$1({
48675
48692
  "data-shrink": shrink,
48676
48693
  ownerState,
@@ -48754,7 +48771,7 @@ function getFormControlUtilityClasses(slot) {
48754
48771
  generateUtilityClasses$2("MuiFormControl", ["root", "marginNone", "marginNormal", "marginDense", "fullWidth", "disabled"]);
48755
48772
 
48756
48773
  const _excluded$e = ["children", "className", "color", "component", "disabled", "error", "focused", "fullWidth", "hiddenLabel", "margin", "required", "size", "variant"];
48757
- const useUtilityClasses$p = (ownerState) => {
48774
+ const useUtilityClasses$r = (ownerState) => {
48758
48775
  const {
48759
48776
  classes,
48760
48777
  margin,
@@ -48826,7 +48843,7 @@ const FormControl = /* @__PURE__ */ React$1.forwardRef(function FormControl2(inP
48826
48843
  size,
48827
48844
  variant
48828
48845
  });
48829
- const classes = useUtilityClasses$p(ownerState);
48846
+ const classes = useUtilityClasses$r(ownerState);
48830
48847
  const [adornedStart, setAdornedStart] = React$1.useState(() => {
48831
48848
  let initialAdornedStart = false;
48832
48849
  if (children) {
@@ -49003,7 +49020,7 @@ const formHelperTextClasses = generateUtilityClasses$2("MuiFormHelperText", ["ro
49003
49020
 
49004
49021
  var _span$1;
49005
49022
  const _excluded$d = ["children", "className", "component", "disabled", "error", "filled", "focused", "margin", "required", "variant"];
49006
- const useUtilityClasses$o = (ownerState) => {
49023
+ const useUtilityClasses$q = (ownerState) => {
49007
49024
  const {
49008
49025
  classes,
49009
49026
  contained,
@@ -49078,7 +49095,7 @@ const FormHelperText = /* @__PURE__ */ React$1.forwardRef(function FormHelperTex
49078
49095
  focused: fcs.focused,
49079
49096
  required: fcs.required
49080
49097
  });
49081
- const classes = useUtilityClasses$o(ownerState);
49098
+ const classes = useUtilityClasses$q(ownerState);
49082
49099
  return /* @__PURE__ */ jsxRuntimeExports.jsx(FormHelperTextRoot, _extends$1({
49083
49100
  as: component,
49084
49101
  ownerState,
@@ -49164,7 +49181,7 @@ function getListUtilityClass(slot) {
49164
49181
  generateUtilityClasses$2("MuiList", ["root", "padding", "dense", "subheader"]);
49165
49182
 
49166
49183
  const _excluded$c = ["children", "className", "component", "dense", "disablePadding", "subheader"];
49167
- const useUtilityClasses$n = (ownerState) => {
49184
+ const useUtilityClasses$p = (ownerState) => {
49168
49185
  const {
49169
49186
  classes,
49170
49187
  disablePadding,
@@ -49219,7 +49236,7 @@ const List = /* @__PURE__ */ React$1.forwardRef(function List2(inProps, ref) {
49219
49236
  dense,
49220
49237
  disablePadding
49221
49238
  });
49222
- const classes = useUtilityClasses$n(ownerState);
49239
+ const classes = useUtilityClasses$p(ownerState);
49223
49240
  return /* @__PURE__ */ jsxRuntimeExports.jsx(ListContext.Provider, {
49224
49241
  value: context,
49225
49242
  children: /* @__PURE__ */ jsxRuntimeExports.jsxs(ListRoot, _extends$1({
@@ -49773,7 +49790,7 @@ function getTransformOriginValue(transformOrigin) {
49773
49790
  function resolveAnchorEl(anchorEl) {
49774
49791
  return typeof anchorEl === "function" ? anchorEl() : anchorEl;
49775
49792
  }
49776
- const useUtilityClasses$m = (ownerState) => {
49793
+ const useUtilityClasses$o = (ownerState) => {
49777
49794
  const {
49778
49795
  classes
49779
49796
  } = ownerState;
@@ -49854,7 +49871,7 @@ const Popover = /* @__PURE__ */ React$1.forwardRef(function Popover2(inProps, re
49854
49871
  transitionDuration: transitionDurationProp,
49855
49872
  TransitionProps
49856
49873
  });
49857
- const classes = useUtilityClasses$m(ownerState);
49874
+ const classes = useUtilityClasses$o(ownerState);
49858
49875
  const getAnchorOffset = React$1.useCallback(() => {
49859
49876
  if (anchorReference === "anchorPosition") {
49860
49877
  if (process.env.NODE_ENV !== "production") {
@@ -50238,7 +50255,7 @@ const LTR_ORIGIN = {
50238
50255
  vertical: "top",
50239
50256
  horizontal: "left"
50240
50257
  };
50241
- const useUtilityClasses$l = (ownerState) => {
50258
+ const useUtilityClasses$n = (ownerState) => {
50242
50259
  const {
50243
50260
  classes
50244
50261
  } = ownerState;
@@ -50310,7 +50327,7 @@ const Menu = /* @__PURE__ */ React$1.forwardRef(function Menu2(inProps, ref) {
50310
50327
  TransitionProps,
50311
50328
  variant
50312
50329
  });
50313
- const classes = useUtilityClasses$l(ownerState);
50330
+ const classes = useUtilityClasses$n(ownerState);
50314
50331
  const autoFocusItem = autoFocus && !disableAutoFocusItem && open;
50315
50332
  const menuListActionsRef = React$1.useRef(null);
50316
50333
  const handleEntering = (element, isAppearing) => {
@@ -50512,7 +50529,7 @@ function getNativeSelectUtilityClasses(slot) {
50512
50529
  const nativeSelectClasses = generateUtilityClasses$2("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]);
50513
50530
 
50514
50531
  const _excluded$7 = ["className", "disabled", "error", "IconComponent", "inputRef", "variant"];
50515
- const useUtilityClasses$k = (ownerState) => {
50532
+ const useUtilityClasses$m = (ownerState) => {
50516
50533
  const {
50517
50534
  classes,
50518
50535
  variant,
@@ -50642,7 +50659,7 @@ const NativeSelectInput = /* @__PURE__ */ React$1.forwardRef(function NativeSele
50642
50659
  variant,
50643
50660
  error
50644
50661
  });
50645
- const classes = useUtilityClasses$k(ownerState);
50662
+ const classes = useUtilityClasses$m(ownerState);
50646
50663
  return /* @__PURE__ */ jsxRuntimeExports.jsxs(React$1.Fragment, {
50647
50664
  children: [/* @__PURE__ */ jsxRuntimeExports.jsx(NativeSelectSelect, _extends$1({
50648
50665
  ownerState,
@@ -50787,7 +50804,7 @@ function areEqualValues$1(a, b) {
50787
50804
  function isEmpty$1(display) {
50788
50805
  return display == null || typeof display === "string" && !display.trim();
50789
50806
  }
50790
- const useUtilityClasses$j = (ownerState) => {
50807
+ const useUtilityClasses$l = (ownerState) => {
50791
50808
  const {
50792
50809
  classes,
50793
50810
  variant,
@@ -51102,7 +51119,7 @@ const SelectInput = /* @__PURE__ */ React$1.forwardRef(function SelectInput2(pro
51102
51119
  open,
51103
51120
  error
51104
51121
  });
51105
- const classes = useUtilityClasses$j(ownerState);
51122
+ const classes = useUtilityClasses$l(ownerState);
51106
51123
  const paperProps = _extends$1({}, MenuProps.PaperProps, (_MenuProps$slotProps = MenuProps.slotProps) == null ? void 0 : _MenuProps$slotProps.paper);
51107
51124
  const listboxId = useId();
51108
51125
  return /* @__PURE__ */ jsxRuntimeExports.jsxs(React$1.Fragment, {
@@ -51330,7 +51347,7 @@ const ArrowDropDownIcon = createSvgIcon(/* @__PURE__ */ jsxRuntimeExports.jsx("p
51330
51347
  }), "ArrowDropDown");
51331
51348
 
51332
51349
  const _excluded$5 = ["autoWidth", "children", "classes", "className", "defaultOpen", "displayEmpty", "IconComponent", "id", "input", "inputProps", "label", "labelId", "MenuProps", "multiple", "native", "onClose", "onOpen", "open", "renderValue", "SelectDisplayProps", "variant"], _excluded2 = ["root"];
51333
- const useUtilityClasses$i = (ownerState) => {
51350
+ const useUtilityClasses$k = (ownerState) => {
51334
51351
  const {
51335
51352
  classes
51336
51353
  } = ownerState;
@@ -51385,7 +51402,7 @@ const Select$1 = /* @__PURE__ */ React$1.forwardRef(function Select2(inProps, re
51385
51402
  variant,
51386
51403
  classes: classesProp
51387
51404
  });
51388
- const classes = useUtilityClasses$i(ownerState);
51405
+ const classes = useUtilityClasses$k(ownerState);
51389
51406
  const restOfClasses = _objectWithoutPropertiesLoose(classes, _excluded2);
51390
51407
  const InputComponent = input || {
51391
51408
  standard: /* @__PURE__ */ jsxRuntimeExports.jsx(StyledInput, {
@@ -51601,7 +51618,7 @@ const variantComponent = {
51601
51618
  filled: FilledInput,
51602
51619
  outlined: OutlinedInput
51603
51620
  };
51604
- const useUtilityClasses$h = (ownerState) => {
51621
+ const useUtilityClasses$j = (ownerState) => {
51605
51622
  const {
51606
51623
  classes
51607
51624
  } = ownerState;
@@ -51665,7 +51682,7 @@ const TextField = /* @__PURE__ */ React$1.forwardRef(function TextField2(inProps
51665
51682
  select,
51666
51683
  variant
51667
51684
  });
51668
- const classes = useUtilityClasses$h(ownerState);
51685
+ const classes = useUtilityClasses$j(ownerState);
51669
51686
  if (process.env.NODE_ENV !== "production") {
51670
51687
  if (select && !children) {
51671
51688
  console.error("MUI: `children` must be passed when using the `TextField` component with `select`.");
@@ -51920,7 +51937,7 @@ function getSwitchBaseUtilityClass(slot) {
51920
51937
  generateUtilityClasses$2("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
51921
51938
 
51922
51939
  const _excluded$3 = ["autoFocus", "checked", "checkedIcon", "className", "defaultChecked", "disabled", "disableFocusRipple", "edge", "icon", "id", "inputProps", "inputRef", "name", "onBlur", "onChange", "onFocus", "readOnly", "required", "tabIndex", "type", "value"];
51923
- const useUtilityClasses$g = (ownerState) => {
51940
+ const useUtilityClasses$i = (ownerState) => {
51924
51941
  const {
51925
51942
  classes,
51926
51943
  checked,
@@ -52030,7 +52047,7 @@ const SwitchBase = /* @__PURE__ */ React$1.forwardRef(function SwitchBase2(props
52030
52047
  disableFocusRipple,
52031
52048
  edge
52032
52049
  });
52033
- const classes = useUtilityClasses$g(ownerState);
52050
+ const classes = useUtilityClasses$i(ownerState);
52034
52051
  return /* @__PURE__ */ jsxRuntimeExports.jsxs(SwitchBaseRoot, _extends$1({
52035
52052
  component: "span",
52036
52053
  className: clsx(classes.root, className),
@@ -52186,7 +52203,7 @@ function getCheckboxUtilityClass(slot) {
52186
52203
  const checkboxClasses = generateUtilityClasses$2("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium"]);
52187
52204
 
52188
52205
  const _excluded$2 = ["checkedIcon", "color", "icon", "indeterminate", "indeterminateIcon", "inputProps", "size", "className"];
52189
- const useUtilityClasses$f = (ownerState) => {
52206
+ const useUtilityClasses$h = (ownerState) => {
52190
52207
  const {
52191
52208
  classes,
52192
52209
  indeterminate,
@@ -52256,7 +52273,7 @@ const Checkbox = /* @__PURE__ */ React$1.forwardRef(function Checkbox2(inProps,
52256
52273
  indeterminate,
52257
52274
  size
52258
52275
  });
52259
- const classes = useUtilityClasses$f(ownerState);
52276
+ const classes = useUtilityClasses$h(ownerState);
52260
52277
  return /* @__PURE__ */ jsxRuntimeExports.jsx(CheckboxRoot, _extends$1({
52261
52278
  type: "checkbox",
52262
52279
  inputProps: _extends$1({
@@ -52385,7 +52402,7 @@ function getFormControlLabelUtilityClasses(slot) {
52385
52402
  const formControlLabelClasses = generateUtilityClasses$2("MuiFormControlLabel", ["root", "labelPlacementStart", "labelPlacementTop", "labelPlacementBottom", "disabled", "label", "error", "required", "asterisk"]);
52386
52403
 
52387
52404
  const _excluded$1 = ["checked", "className", "componentsProps", "control", "disabled", "disableTypography", "inputRef", "label", "labelPlacement", "name", "onChange", "required", "slotProps", "value"];
52388
- const useUtilityClasses$e = (ownerState) => {
52405
+ const useUtilityClasses$g = (ownerState) => {
52389
52406
  const {
52390
52407
  classes,
52391
52408
  disabled,
@@ -52496,7 +52513,7 @@ const FormControlLabel = /* @__PURE__ */ React$1.forwardRef(function FormControl
52496
52513
  required,
52497
52514
  error: fcs.error
52498
52515
  });
52499
- const classes = useUtilityClasses$e(ownerState);
52516
+ const classes = useUtilityClasses$g(ownerState);
52500
52517
  const typographySlotProps = (_slotProps$typography = slotProps.typography) != null ? _slotProps$typography : componentsProps.typography;
52501
52518
  let label = labelProp;
52502
52519
  if (label != null && label.type !== Typography && !disableTypography) {
@@ -52699,7 +52716,7 @@ function getRadioUtilityClass(slot) {
52699
52716
  const radioClasses = generateUtilityClasses$2("MuiRadio", ["root", "checked", "disabled", "colorPrimary", "colorSecondary", "sizeSmall"]);
52700
52717
 
52701
52718
  const _excluded = ["checked", "checkedIcon", "color", "icon", "name", "onChange", "size", "className"];
52702
- const useUtilityClasses$d = (ownerState) => {
52719
+ const useUtilityClasses$f = (ownerState) => {
52703
52720
  const {
52704
52721
  classes,
52705
52722
  color,
@@ -52772,7 +52789,7 @@ const Radio$1 = /* @__PURE__ */ React$1.forwardRef(function Radio2(inProps, ref)
52772
52789
  color,
52773
52790
  size
52774
52791
  });
52775
- const classes = useUtilityClasses$d(ownerState);
52792
+ const classes = useUtilityClasses$f(ownerState);
52776
52793
  const radioGroup = useRadioGroup();
52777
52794
  let checked = checkedProp;
52778
52795
  const onChange = createChainedFunction(onChangeProp, radioGroup && radioGroup.onChange);
@@ -54494,7 +54511,10 @@ const PageviewInfo = {
54494
54511
  CONNECT_DISCLOSURE_PRIVACY_POLICY: ["Connect Disclosure Privacy Policy", "/privacy_policy"],
54495
54512
  CONNECT_DYNAMIC_DISCLOSURE: ["Connect Dynamic Disclosure", "/dynamic_disclosure"],
54496
54513
  CONNECT_GENERIC_ERROR: ["Connect Generic Error", "/generic_error"],
54497
- CONNECT_INSTITUTION_DISABLED: ["Connect Institution Disabled", "/institution_disabled"],
54514
+ CONNECT_INSTITUTION_STATUS_DETAILS: [
54515
+ "Connect Institution Status Details",
54516
+ "/institution_status_details"
54517
+ ],
54498
54518
  CONNECT_LOGIN_ERROR: ["Connect Login Error", "/login_error"],
54499
54519
  CONNECT_MANUAL_ACCOUNT: ["Manual Account Connect", "/manual_account_connect"],
54500
54520
  CONNECT_MANUAL_ACCOUNT_FORM: ["Connect Manual Account Form", "/manual_account_form"],
@@ -54682,7 +54702,7 @@ function getCollapseUtilityClass(slot) {
54682
54702
  }
54683
54703
  generateUtilityClasses("MuiCollapse", ["root", "horizontal", "vertical", "entered", "hidden", "wrapper", "wrapperInner"]);
54684
54704
 
54685
- const useUtilityClasses$c = (ownerState) => {
54705
+ const useUtilityClasses$e = (ownerState) => {
54686
54706
  const {
54687
54707
  orientation,
54688
54708
  classes
@@ -54810,7 +54830,7 @@ const Collapse = /* @__PURE__ */ React$1.forwardRef(function Collapse2(inProps,
54810
54830
  orientation,
54811
54831
  collapsedSize: collapsedSizeProp
54812
54832
  };
54813
- const classes = useUtilityClasses$c(ownerState);
54833
+ const classes = useUtilityClasses$e(ownerState);
54814
54834
  const theme = useTheme();
54815
54835
  const timer = useTimeout$1();
54816
54836
  const wrapperRef = React$1.useRef(null);
@@ -55073,7 +55093,7 @@ function getAccordionUtilityClass(slot) {
55073
55093
  }
55074
55094
  const accordionClasses = generateUtilityClasses("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled", "gutters", "region"]);
55075
55095
 
55076
- const useUtilityClasses$b = (ownerState) => {
55096
+ const useUtilityClasses$d = (ownerState) => {
55077
55097
  const {
55078
55098
  classes,
55079
55099
  square,
@@ -55229,7 +55249,7 @@ const Accordion = /* @__PURE__ */ React$1.forwardRef(function Accordion2(inProps
55229
55249
  disableGutters,
55230
55250
  expanded
55231
55251
  };
55232
- const classes = useUtilityClasses$b(ownerState);
55252
+ const classes = useUtilityClasses$d(ownerState);
55233
55253
  const backwardCompatibleSlots = {
55234
55254
  transition: TransitionComponentProp,
55235
55255
  ...slots
@@ -55388,7 +55408,7 @@ function getAccordionDetailsUtilityClass(slot) {
55388
55408
  }
55389
55409
  generateUtilityClasses("MuiAccordionDetails", ["root"]);
55390
55410
 
55391
- const useUtilityClasses$a = (ownerState) => {
55411
+ const useUtilityClasses$c = (ownerState) => {
55392
55412
  const {
55393
55413
  classes
55394
55414
  } = ownerState;
@@ -55416,7 +55436,7 @@ const AccordionDetails = /* @__PURE__ */ React$1.forwardRef(function AccordionDe
55416
55436
  ...other
55417
55437
  } = props;
55418
55438
  const ownerState = props;
55419
- const classes = useUtilityClasses$a(ownerState);
55439
+ const classes = useUtilityClasses$c(ownerState);
55420
55440
  return /* @__PURE__ */ jsxRuntimeExports.jsx(AccordionDetailsRoot, {
55421
55441
  className: clsx(classes.root, className),
55422
55442
  ref,
@@ -55452,7 +55472,7 @@ function getAccordionSummaryUtilityClass(slot) {
55452
55472
  }
55453
55473
  const accordionSummaryClasses = generateUtilityClasses("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disabled", "gutters", "contentGutters", "content", "expandIconWrapper"]);
55454
55474
 
55455
- const useUtilityClasses$9 = (ownerState) => {
55475
+ const useUtilityClasses$b = (ownerState) => {
55456
55476
  const {
55457
55477
  classes,
55458
55478
  expanded,
@@ -55577,7 +55597,7 @@ const AccordionSummary = /* @__PURE__ */ React$1.forwardRef(function AccordionSu
55577
55597
  disabled,
55578
55598
  disableGutters
55579
55599
  };
55580
- const classes = useUtilityClasses$9(ownerState);
55600
+ const classes = useUtilityClasses$b(ownerState);
55581
55601
  const externalForwardedProps = {
55582
55602
  slots,
55583
55603
  slotProps
@@ -55688,6 +55708,221 @@ process.env.NODE_ENV !== "production" ? AccordionSummary.propTypes = {
55688
55708
  sx: PropTypes$1.oneOfType([PropTypes$1.arrayOf(PropTypes$1.oneOfType([PropTypes$1.func, PropTypes$1.object, PropTypes$1.bool])), PropTypes$1.func, PropTypes$1.object])
55689
55709
  } : void 0;
55690
55710
 
55711
+ function getAppBarUtilityClass(slot) {
55712
+ return generateUtilityClass("MuiAppBar", slot);
55713
+ }
55714
+ generateUtilityClasses("MuiAppBar", ["root", "positionFixed", "positionAbsolute", "positionSticky", "positionStatic", "positionRelative", "colorDefault", "colorPrimary", "colorSecondary", "colorInherit", "colorTransparent", "colorError", "colorInfo", "colorSuccess", "colorWarning"]);
55715
+
55716
+ const useUtilityClasses$a = (ownerState) => {
55717
+ const {
55718
+ color,
55719
+ position,
55720
+ classes
55721
+ } = ownerState;
55722
+ const slots = {
55723
+ root: ["root", `color${capitalize$1(color)}`, `position${capitalize$1(position)}`]
55724
+ };
55725
+ return composeClasses$1(slots, getAppBarUtilityClass, classes);
55726
+ };
55727
+ const joinVars = (var1, var2) => var1 ? `${var1?.replace(")", "")}, ${var2})` : var2;
55728
+ const AppBarRoot = styled(Paper$1, {
55729
+ name: "MuiAppBar",
55730
+ slot: "Root",
55731
+ overridesResolver: (props, styles) => {
55732
+ const {
55733
+ ownerState
55734
+ } = props;
55735
+ return [styles.root, styles[`position${capitalize$1(ownerState.position)}`], styles[`color${capitalize$1(ownerState.color)}`]];
55736
+ }
55737
+ })(memoTheme(({
55738
+ theme
55739
+ }) => ({
55740
+ display: "flex",
55741
+ flexDirection: "column",
55742
+ width: "100%",
55743
+ boxSizing: "border-box",
55744
+ // Prevent padding issue with the Modal and fixed positioned AppBar.
55745
+ flexShrink: 0,
55746
+ variants: [{
55747
+ props: {
55748
+ position: "fixed"
55749
+ },
55750
+ style: {
55751
+ position: "fixed",
55752
+ zIndex: (theme.vars || theme).zIndex.appBar,
55753
+ top: 0,
55754
+ left: "auto",
55755
+ right: 0,
55756
+ "@media print": {
55757
+ // Prevent the app bar to be visible on each printed page.
55758
+ position: "absolute"
55759
+ }
55760
+ }
55761
+ }, {
55762
+ props: {
55763
+ position: "absolute"
55764
+ },
55765
+ style: {
55766
+ position: "absolute",
55767
+ zIndex: (theme.vars || theme).zIndex.appBar,
55768
+ top: 0,
55769
+ left: "auto",
55770
+ right: 0
55771
+ }
55772
+ }, {
55773
+ props: {
55774
+ position: "sticky"
55775
+ },
55776
+ style: {
55777
+ position: "sticky",
55778
+ zIndex: (theme.vars || theme).zIndex.appBar,
55779
+ top: 0,
55780
+ left: "auto",
55781
+ right: 0
55782
+ }
55783
+ }, {
55784
+ props: {
55785
+ position: "static"
55786
+ },
55787
+ style: {
55788
+ position: "static"
55789
+ }
55790
+ }, {
55791
+ props: {
55792
+ position: "relative"
55793
+ },
55794
+ style: {
55795
+ position: "relative"
55796
+ }
55797
+ }, {
55798
+ props: {
55799
+ color: "inherit"
55800
+ },
55801
+ style: {
55802
+ "--AppBar-color": "inherit"
55803
+ }
55804
+ }, {
55805
+ props: {
55806
+ color: "default"
55807
+ },
55808
+ style: {
55809
+ "--AppBar-background": theme.vars ? theme.vars.palette.AppBar.defaultBg : theme.palette.grey[100],
55810
+ "--AppBar-color": theme.vars ? theme.vars.palette.text.primary : theme.palette.getContrastText(theme.palette.grey[100]),
55811
+ ...theme.applyStyles("dark", {
55812
+ "--AppBar-background": theme.vars ? theme.vars.palette.AppBar.defaultBg : theme.palette.grey[900],
55813
+ "--AppBar-color": theme.vars ? theme.vars.palette.text.primary : theme.palette.getContrastText(theme.palette.grey[900])
55814
+ })
55815
+ }
55816
+ }, ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter(["contrastText"])).map(([color]) => ({
55817
+ props: {
55818
+ color
55819
+ },
55820
+ style: {
55821
+ "--AppBar-background": (theme.vars ?? theme).palette[color].main,
55822
+ "--AppBar-color": (theme.vars ?? theme).palette[color].contrastText
55823
+ }
55824
+ })), {
55825
+ props: (props) => props.enableColorOnDark === true && !["inherit", "transparent"].includes(props.color),
55826
+ style: {
55827
+ backgroundColor: "var(--AppBar-background)",
55828
+ color: "var(--AppBar-color)"
55829
+ }
55830
+ }, {
55831
+ props: (props) => props.enableColorOnDark === false && !["inherit", "transparent"].includes(props.color),
55832
+ style: {
55833
+ backgroundColor: "var(--AppBar-background)",
55834
+ color: "var(--AppBar-color)",
55835
+ ...theme.applyStyles("dark", {
55836
+ backgroundColor: theme.vars ? joinVars(theme.vars.palette.AppBar.darkBg, "var(--AppBar-background)") : null,
55837
+ color: theme.vars ? joinVars(theme.vars.palette.AppBar.darkColor, "var(--AppBar-color)") : null
55838
+ })
55839
+ }
55840
+ }, {
55841
+ props: {
55842
+ color: "transparent"
55843
+ },
55844
+ style: {
55845
+ "--AppBar-background": "transparent",
55846
+ "--AppBar-color": "inherit",
55847
+ backgroundColor: "var(--AppBar-background)",
55848
+ color: "var(--AppBar-color)",
55849
+ ...theme.applyStyles("dark", {
55850
+ backgroundImage: "none"
55851
+ })
55852
+ }
55853
+ }]
55854
+ })));
55855
+ const AppBar = /* @__PURE__ */ React$1.forwardRef(function AppBar2(inProps, ref) {
55856
+ const props = useDefaultProps({
55857
+ props: inProps,
55858
+ name: "MuiAppBar"
55859
+ });
55860
+ const {
55861
+ className,
55862
+ color = "primary",
55863
+ enableColorOnDark = false,
55864
+ position = "fixed",
55865
+ ...other
55866
+ } = props;
55867
+ const ownerState = {
55868
+ ...props,
55869
+ color,
55870
+ position,
55871
+ enableColorOnDark
55872
+ };
55873
+ const classes = useUtilityClasses$a(ownerState);
55874
+ return /* @__PURE__ */ jsxRuntimeExports.jsx(AppBarRoot, {
55875
+ square: true,
55876
+ component: "header",
55877
+ ownerState,
55878
+ elevation: 4,
55879
+ className: clsx(classes.root, className, position === "fixed" && "mui-fixed"),
55880
+ ref,
55881
+ ...other
55882
+ });
55883
+ });
55884
+ process.env.NODE_ENV !== "production" ? AppBar.propTypes = {
55885
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
55886
+ // │ These PropTypes are generated from the TypeScript type definitions. │
55887
+ // │ To update them, edit the d.ts file and run `pnpm proptypes`. │
55888
+ // └─────────────────────────────────────────────────────────────────────┘
55889
+ /**
55890
+ * The content of the component.
55891
+ */
55892
+ children: PropTypes$1.node,
55893
+ /**
55894
+ * Override or extend the styles applied to the component.
55895
+ */
55896
+ classes: PropTypes$1.object,
55897
+ /**
55898
+ * @ignore
55899
+ */
55900
+ className: PropTypes$1.string,
55901
+ /**
55902
+ * The color of the component.
55903
+ * It supports both default and custom theme colors, which can be added as shown in the
55904
+ * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
55905
+ * @default 'primary'
55906
+ */
55907
+ color: PropTypes$1.oneOfType([PropTypes$1.oneOf(["default", "inherit", "primary", "secondary", "transparent", "error", "info", "success", "warning"]), PropTypes$1.string]),
55908
+ /**
55909
+ * If true, the `color` prop is applied in dark mode.
55910
+ * @default false
55911
+ */
55912
+ enableColorOnDark: PropTypes$1.bool,
55913
+ /**
55914
+ * The positioning type. The behavior of the different options is described
55915
+ * [in the MDN web docs](https://developer.mozilla.org/en-US/docs/Web/CSS/position).
55916
+ * Note: `sticky` is not universally supported and will fall back to `static` when unavailable.
55917
+ * @default 'fixed'
55918
+ */
55919
+ position: PropTypes$1.oneOf(["absolute", "fixed", "relative", "static", "sticky"]),
55920
+ /**
55921
+ * The system prop that allows defining system overrides as well as additional CSS styles.
55922
+ */
55923
+ sx: PropTypes$1.oneOfType([PropTypes$1.arrayOf(PropTypes$1.oneOfType([PropTypes$1.func, PropTypes$1.object, PropTypes$1.bool])), PropTypes$1.func, PropTypes$1.object])
55924
+ } : void 0;
55925
+
55691
55926
  function useBadge(parameters) {
55692
55927
  const {
55693
55928
  badgeContent: badgeContentProp,
@@ -55750,7 +55985,7 @@ const badgeClasses = generateUtilityClasses("MuiBadge", [
55750
55985
 
55751
55986
  const RADIUS_STANDARD = 10;
55752
55987
  const RADIUS_DOT = 4;
55753
- const useUtilityClasses$8 = (ownerState) => {
55988
+ const useUtilityClasses$9 = (ownerState) => {
55754
55989
  const {
55755
55990
  color,
55756
55991
  anchorOrigin,
@@ -56013,7 +56248,7 @@ const Badge = /* @__PURE__ */ React$1.forwardRef(function Badge2(inProps, ref) {
56013
56248
  overlap,
56014
56249
  variant
56015
56250
  };
56016
- const classes = useUtilityClasses$8(ownerState);
56251
+ const classes = useUtilityClasses$9(ownerState);
56017
56252
  const externalForwardedProps = {
56018
56253
  slots: {
56019
56254
  root: slots?.root ?? components.Root,
@@ -56194,7 +56429,7 @@ process.env.NODE_ENV !== "production" ? Box.propTypes = {
56194
56429
  sx: PropTypes$1.oneOfType([PropTypes$1.arrayOf(PropTypes$1.oneOfType([PropTypes$1.func, PropTypes$1.object, PropTypes$1.bool])), PropTypes$1.func, PropTypes$1.object])
56195
56430
  } : void 0;
56196
56431
 
56197
- const useUtilityClasses$7 = (ownerState) => {
56432
+ const useUtilityClasses$8 = (ownerState) => {
56198
56433
  const {
56199
56434
  classes
56200
56435
  } = ownerState;
@@ -56222,7 +56457,7 @@ const DialogTitle = /* @__PURE__ */ React$1.forwardRef(function DialogTitle2(inP
56222
56457
  ...other
56223
56458
  } = props;
56224
56459
  const ownerState = props;
56225
- const classes = useUtilityClasses$7(ownerState);
56460
+ const classes = useUtilityClasses$8(ownerState);
56226
56461
  const {
56227
56462
  titleId = idProp
56228
56463
  } = React$1.useContext(DialogContext);
@@ -56268,7 +56503,7 @@ function getFormGroupUtilityClass(slot) {
56268
56503
  }
56269
56504
  generateUtilityClasses("MuiFormGroup", ["root", "row", "error"]);
56270
56505
 
56271
- const useUtilityClasses$6 = (ownerState) => {
56506
+ const useUtilityClasses$7 = (ownerState) => {
56272
56507
  const {
56273
56508
  classes,
56274
56509
  row,
@@ -56322,7 +56557,7 @@ const FormGroup = /* @__PURE__ */ React$1.forwardRef(function FormGroup2(inProps
56322
56557
  row,
56323
56558
  error: fcs.error
56324
56559
  };
56325
- const classes = useUtilityClasses$6(ownerState);
56560
+ const classes = useUtilityClasses$7(ownerState);
56326
56561
  return /* @__PURE__ */ jsxRuntimeExports.jsx(FormGroupRoot, {
56327
56562
  className: clsx(classes.root, className),
56328
56563
  ownerState,
@@ -56363,7 +56598,7 @@ function getIconUtilityClass(slot) {
56363
56598
  }
56364
56599
  generateUtilityClasses("MuiIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
56365
56600
 
56366
- const useUtilityClasses$5 = (ownerState) => {
56601
+ const useUtilityClasses$6 = (ownerState) => {
56367
56602
  const {
56368
56603
  color,
56369
56604
  fontSize,
@@ -56475,7 +56710,7 @@ const Icon = /* @__PURE__ */ React$1.forwardRef(function Icon2(inProps, ref) {
56475
56710
  component: Component,
56476
56711
  fontSize
56477
56712
  };
56478
- const classes = useUtilityClasses$5(ownerState);
56713
+ const classes = useUtilityClasses$6(ownerState);
56479
56714
  return /* @__PURE__ */ jsxRuntimeExports.jsx(IconRoot, {
56480
56715
  as: Component,
56481
56716
  className: clsx(
@@ -56568,7 +56803,7 @@ const v6Colors = {
56568
56803
  textSecondary: true,
56569
56804
  textDisabled: true
56570
56805
  };
56571
- const useUtilityClasses$4 = (ownerState) => {
56806
+ const useUtilityClasses$5 = (ownerState) => {
56572
56807
  const {
56573
56808
  classes,
56574
56809
  component,
@@ -56738,7 +56973,7 @@ const Link$1 = /* @__PURE__ */ React$1.forwardRef(function Link2(inProps, ref) {
56738
56973
  underline,
56739
56974
  variant
56740
56975
  };
56741
- const classes = useUtilityClasses$4(ownerState);
56976
+ const classes = useUtilityClasses$5(ownerState);
56742
56977
  return /* @__PURE__ */ jsxRuntimeExports.jsx(LinkRoot, {
56743
56978
  color,
56744
56979
  className: clsx(classes.root, className),
@@ -56828,7 +57063,7 @@ function getListItemAvatarUtilityClass(slot) {
56828
57063
  }
56829
57064
  generateUtilityClasses("MuiListItemAvatar", ["root", "alignItemsFlexStart"]);
56830
57065
 
56831
- const useUtilityClasses$3 = (ownerState) => {
57066
+ const useUtilityClasses$4 = (ownerState) => {
56832
57067
  const {
56833
57068
  alignItems,
56834
57069
  classes
@@ -56873,7 +57108,7 @@ const ListItemAvatar = /* @__PURE__ */ React$1.forwardRef(function ListItemAvata
56873
57108
  ...props,
56874
57109
  alignItems: context.alignItems
56875
57110
  };
56876
- const classes = useUtilityClasses$3(ownerState);
57111
+ const classes = useUtilityClasses$4(ownerState);
56877
57112
  return /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemAvatarRoot, {
56878
57113
  className: clsx(classes.root, className),
56879
57114
  ownerState,
@@ -56914,7 +57149,7 @@ function getRadioGroupUtilityClass(slot) {
56914
57149
  }
56915
57150
  generateUtilityClasses("MuiRadioGroup", ["root", "row", "error"]);
56916
57151
 
56917
- const useUtilityClasses$2 = (props) => {
57152
+ const useUtilityClasses$3 = (props) => {
56918
57153
  const {
56919
57154
  classes,
56920
57155
  row,
@@ -56939,7 +57174,7 @@ const RadioGroup = /* @__PURE__ */ React$1.forwardRef(function RadioGroup2(props
56939
57174
  ...other
56940
57175
  } = props;
56941
57176
  const rootRef = React$1.useRef(null);
56942
- const classes = useUtilityClasses$2(props);
57177
+ const classes = useUtilityClasses$3(props);
56943
57178
  const [value, setValueState] = useControlled$1({
56944
57179
  controlled: valueProp,
56945
57180
  default: defaultValue,
@@ -57015,6 +57250,129 @@ process.env.NODE_ENV !== "production" ? RadioGroup.propTypes = {
57015
57250
  value: PropTypes$1.any
57016
57251
  } : void 0;
57017
57252
 
57253
+ function getToolbarUtilityClass(slot) {
57254
+ return generateUtilityClass("MuiToolbar", slot);
57255
+ }
57256
+ generateUtilityClasses("MuiToolbar", ["root", "gutters", "regular", "dense"]);
57257
+
57258
+ const useUtilityClasses$2 = (ownerState) => {
57259
+ const {
57260
+ classes,
57261
+ disableGutters,
57262
+ variant
57263
+ } = ownerState;
57264
+ const slots = {
57265
+ root: ["root", !disableGutters && "gutters", variant]
57266
+ };
57267
+ return composeClasses$1(slots, getToolbarUtilityClass, classes);
57268
+ };
57269
+ const ToolbarRoot = styled("div", {
57270
+ name: "MuiToolbar",
57271
+ slot: "Root",
57272
+ overridesResolver: (props, styles) => {
57273
+ const {
57274
+ ownerState
57275
+ } = props;
57276
+ return [styles.root, !ownerState.disableGutters && styles.gutters, styles[ownerState.variant]];
57277
+ }
57278
+ })(memoTheme(({
57279
+ theme
57280
+ }) => ({
57281
+ position: "relative",
57282
+ display: "flex",
57283
+ alignItems: "center",
57284
+ variants: [{
57285
+ props: ({
57286
+ ownerState
57287
+ }) => !ownerState.disableGutters,
57288
+ style: {
57289
+ paddingLeft: theme.spacing(2),
57290
+ paddingRight: theme.spacing(2),
57291
+ [theme.breakpoints.up("sm")]: {
57292
+ paddingLeft: theme.spacing(3),
57293
+ paddingRight: theme.spacing(3)
57294
+ }
57295
+ }
57296
+ }, {
57297
+ props: {
57298
+ variant: "dense"
57299
+ },
57300
+ style: {
57301
+ minHeight: 48
57302
+ }
57303
+ }, {
57304
+ props: {
57305
+ variant: "regular"
57306
+ },
57307
+ style: theme.mixins.toolbar
57308
+ }]
57309
+ })));
57310
+ const Toolbar = /* @__PURE__ */ React$1.forwardRef(function Toolbar2(inProps, ref) {
57311
+ const props = useDefaultProps({
57312
+ props: inProps,
57313
+ name: "MuiToolbar"
57314
+ });
57315
+ const {
57316
+ className,
57317
+ component = "div",
57318
+ disableGutters = false,
57319
+ variant = "regular",
57320
+ ...other
57321
+ } = props;
57322
+ const ownerState = {
57323
+ ...props,
57324
+ component,
57325
+ disableGutters,
57326
+ variant
57327
+ };
57328
+ const classes = useUtilityClasses$2(ownerState);
57329
+ return /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarRoot, {
57330
+ as: component,
57331
+ className: clsx(classes.root, className),
57332
+ ref,
57333
+ ownerState,
57334
+ ...other
57335
+ });
57336
+ });
57337
+ process.env.NODE_ENV !== "production" ? Toolbar.propTypes = {
57338
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
57339
+ // │ These PropTypes are generated from the TypeScript type definitions. │
57340
+ // │ To update them, edit the d.ts file and run `pnpm proptypes`. │
57341
+ // └─────────────────────────────────────────────────────────────────────┘
57342
+ /**
57343
+ * The Toolbar children, usually a mixture of `IconButton`, `Button` and `Typography`.
57344
+ * The Toolbar is a flex container, allowing flex item properties to be used to lay out the children.
57345
+ */
57346
+ children: PropTypes$1.node,
57347
+ /**
57348
+ * Override or extend the styles applied to the component.
57349
+ */
57350
+ classes: PropTypes$1.object,
57351
+ /**
57352
+ * @ignore
57353
+ */
57354
+ className: PropTypes$1.string,
57355
+ /**
57356
+ * The component used for the root node.
57357
+ * Either a string to use a HTML element or a component.
57358
+ */
57359
+ component: PropTypes$1.elementType,
57360
+ /**
57361
+ * If `true`, disables gutter padding.
57362
+ * @default false
57363
+ */
57364
+ disableGutters: PropTypes$1.bool,
57365
+ /**
57366
+ * The system prop that allows defining system overrides as well as additional CSS styles.
57367
+ */
57368
+ sx: PropTypes$1.oneOfType([PropTypes$1.arrayOf(PropTypes$1.oneOfType([PropTypes$1.func, PropTypes$1.object, PropTypes$1.bool])), PropTypes$1.func, PropTypes$1.object]),
57369
+ /**
57370
+ * The variant to use.
57371
+ * @default 'regular'
57372
+ */
57373
+ variant: PropTypes$1.oneOfType([PropTypes$1.oneOf(["dense", "regular"]), PropTypes$1.string])
57374
+ } : void 0;
57375
+
57018
57376
  function getToggleButtonUtilityClass(slot) {
57019
57377
  return generateUtilityClass("MuiToggleButton", slot);
57020
57378
  }
@@ -72924,6 +73282,8 @@ const Search$2 = React__default.forwardRef((_, navigationRef) => {
72924
73282
  const sendAnalyticsEvent = useAnalyticsEvent();
72925
73283
  const postMessageFunctions = useContext(PostMessageContext);
72926
73284
  const { api } = useApi();
73285
+ const tokens = useTokens();
73286
+ const inlineStyles = getStyles$19(tokens, state.currentView);
72927
73287
  const reduxDispatch = useDispatch();
72928
73288
  const connectConfig = useSelector(selectConnectConfig);
72929
73289
  const connectedMembers = useSelector(getMembers);
@@ -73051,8 +73411,6 @@ const Search$2 = React__default.forwardRef((_, navigationRef) => {
73051
73411
  dispatch({ type: SEARCH_ACTIONS.SEARCH_LOADING, payload: value });
73052
73412
  }
73053
73413
  }, 500);
73054
- const tokens = useTokens();
73055
- const inlineStyles = getStyles$19(tokens, state.currentView);
73056
73414
  if (state.currentView === SEARCH_VIEWS.OOPS) {
73057
73415
  throw state.error;
73058
73416
  }
@@ -74475,9 +74833,9 @@ const POST_MESSAGE_CONTEXT = {
74475
74833
  MANUAL_ACCOUNT_ADDED: "manualAccountAdded"
74476
74834
  };
74477
74835
 
74478
- const InstitutionDisabled = React__default.forwardRef(
74836
+ const InstitutionStatusDetails = React__default.forwardRef(
74479
74837
  (_, navigationRef) => {
74480
- const [name, path] = PageviewInfo.CONNECT_INSTITUTION_DISABLED;
74838
+ const [name, path] = PageviewInfo.CONNECT_INSTITUTION_STATUS_DETAILS;
74481
74839
  const containerRef = React__default.useRef(null);
74482
74840
  const postMessageFunctions = useContext(PostMessageContext);
74483
74841
  const institution = useSelector(getSelectedInstitution);
@@ -74500,7 +74858,7 @@ const InstitutionDisabled = React__default.forwardRef(
74500
74858
  const handleGoBack = () => fadeOut(containerRef.current, "up", 300).then(() => {
74501
74859
  postMessageFunctions.onPostMessage(POST_MESSAGES.BACK_TO_SEARCH);
74502
74860
  dispatch({
74503
- type: ActionTypes$2.GO_BACK_INSTITUTION_DISABLED,
74861
+ type: ActionTypes$2.GO_BACK_INSTITUTION_STATUS_DETAILS,
74504
74862
  payload: initialConfig
74505
74863
  });
74506
74864
  });
@@ -74536,7 +74894,7 @@ const InstitutionDisabled = React__default.forwardRef(
74536
74894
  ] }) });
74537
74895
  }
74538
74896
  );
74539
- InstitutionDisabled.displayName = "InstitutionDisabled";
74897
+ InstitutionStatusDetails.displayName = "InstitutionStatusDetails";
74540
74898
  const getStyles$_ = () => ({
74541
74899
  container: {
74542
74900
  display: "flex",
@@ -83163,6 +83521,8 @@ const getViewByStatus = (status) => {
83163
83521
  const VerifyExistingMember = (props) => {
83164
83522
  useAnalyticsPath(...PageviewInfo.CONNECT_VERIFY_EXISTING_MEMBER);
83165
83523
  const { api } = useApi();
83524
+ const tokens = useTokens();
83525
+ const styles = getStyles$g(tokens);
83166
83526
  const config = useSelector(selectConfig);
83167
83527
  const dispatch = useDispatch();
83168
83528
  const { members, onAddNew } = props;
@@ -83175,8 +83535,6 @@ const VerifyExistingMember = (props) => {
83175
83535
  const [institutions, setInstitutions] = useState(/* @__PURE__ */ new Map());
83176
83536
  const [loading, setLoading] = useState(true);
83177
83537
  const [error, setError] = useState(null);
83178
- const tokens = useTokens();
83179
- const styles = getStyles$g(tokens);
83180
83538
  const handleMemberClick = useCallback(
83181
83539
  (selectedMember) => {
83182
83540
  const institution = institutions.get(selectedMember.institution_guid);
@@ -85040,8 +85398,8 @@ const RenderConnectStep = (props) => {
85040
85398
  connectStepView = /* @__PURE__ */ jsxRuntimeExports.jsx(Disclosure, { ref: props.navigationRef });
85041
85399
  } else if (step === STEPS.SEARCH) {
85042
85400
  connectStepView = /* @__PURE__ */ jsxRuntimeExports.jsx(Search$2, { ref: props.navigationRef });
85043
- } else if (step === STEPS.INSTITUTION_DISABLED) {
85044
- connectStepView = /* @__PURE__ */ jsxRuntimeExports.jsx(InstitutionDisabled, { ref: props.navigationRef });
85401
+ } else if (step === STEPS.INSTITUTION_STATUS_DETAILS) {
85402
+ connectStepView = /* @__PURE__ */ jsxRuntimeExports.jsx(InstitutionStatusDetails, { ref: props.navigationRef });
85045
85403
  } else if (step === STEPS.CONSENT) {
85046
85404
  connectStepView = /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
85047
85405
  DynamicDisclosure,
@@ -85077,7 +85435,7 @@ const RenderConnectStep = (props) => {
85077
85435
  OAuthStep,
85078
85436
  {
85079
85437
  institution: selectedInstitution,
85080
- onGoBack: props.handleOAuthGoBack,
85438
+ onGoBack: props.handleCredentialsGoBack,
85081
85439
  ref: props.navigationRef
85082
85440
  }
85083
85441
  );
@@ -85167,7 +85525,8 @@ const RenderConnectStep = (props) => {
85167
85525
  VerifyExistingMember,
85168
85526
  {
85169
85527
  members: connectedMembers,
85170
- onAddNew: () => dispatch(verifyDifferentConnection$1())
85528
+ onAddNew: () => dispatch(verifyDifferentConnection$1()),
85529
+ ref: props.navigationRef
85171
85530
  }
85172
85531
  );
85173
85532
  } else if (step === STEPS.VERIFY_ERROR) {
@@ -86953,11 +87312,15 @@ const NON_CONECTED_REASONS = [
86953
87312
 
86954
87313
  const ConnectNavigationHeader = (props) => {
86955
87314
  const goBackButtonContainerRef = useRef();
87315
+ const postMessageFunctions = useContext(PostMessageContext);
86956
87316
  const tokens = useTokens();
86957
- const styles = getStyles$4(tokens);
87317
+ const sx = getStyles$4(tokens);
86958
87318
  const step = useSelector(
86959
87319
  (state) => state.connect.location[state.connect.location.length - 1]?.step ?? STEPS.SEARCH
86960
87320
  );
87321
+ const showMobileBackButton = useSelector(
87322
+ (state) => state.config.show_back_button && state.connect.location.length === 1
87323
+ );
86961
87324
  const [shouldShowGlobalBackButton, setShouldShowGlobalBackButton] = useState(false);
86962
87325
  useEffect(() => {
86963
87326
  const backButtonNavigationToggle = () => {
@@ -86974,41 +87337,40 @@ const ConnectNavigationHeader = (props) => {
86974
87337
  }
86975
87338
  }, [shouldShowGlobalBackButton, step]);
86976
87339
  const backButtonNavigationHandler = () => {
86977
- if (typeof props.stepComponentRef?.handleBackButton === "function") {
87340
+ if (showMobileBackButton) {
87341
+ postMessageFunctions.onPostMessage("connect/backButtonClicked");
87342
+ } else if (typeof props.stepComponentRef?.handleBackButton === "function") {
86978
87343
  props.stepComponentRef.handleBackButton();
86979
87344
  } else {
86980
87345
  props.connectGoBack();
86981
87346
  }
86982
87347
  };
86983
- return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "data-test": "navigation-header", style: styles.container, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: goBackButtonContainerRef, style: styles.content, tabIndex: -1, children: shouldShowGlobalBackButton && /* @__PURE__ */ jsxRuntimeExports.jsx(GoBackButton, { handleGoBack: backButtonNavigationHandler }) }) });
87348
+ return /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { "data-test": "navigation-header", sx: sx.container, children: /* @__PURE__ */ jsxRuntimeExports.jsx(AppBar, { elevation: 0, position: "static", sx: sx.appBar, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Toolbar, { disableGutters: true, sx: sx.toolbar, children: shouldShowGlobalBackButton || showMobileBackButton ? /* @__PURE__ */ jsxRuntimeExports.jsx(
87349
+ IconButton$1,
87350
+ {
87351
+ name: "connect-navigation-back-button",
87352
+ onClick: backButtonNavigationHandler,
87353
+ ref: goBackButtonContainerRef,
87354
+ sx: sx.button,
87355
+ children: /* @__PURE__ */ jsxRuntimeExports.jsx(M, { name: "arrow_back_ios_new", size: 24 })
87356
+ }
87357
+ ) : null }) }) });
86984
87358
  };
86985
87359
  ConnectNavigationHeader.propTypes = {
86986
87360
  connectGoBack: PropTypes$1.func.isRequired,
86987
87361
  stepComponentRef: PropTypes$1.object
86988
87362
  };
86989
- const getStyles$4 = (tokens) => {
86990
- return {
86991
- container: {
86992
- display: "flex",
86993
- justifyContent: "center",
86994
- position: "sticky",
86995
- top: 0,
86996
- left: 0,
86997
- backgroundColor: tokens.BackgroundColor.Container,
86998
- zIndex: tokens.ZIndex.Sticky
86999
- },
87000
- content: {
87001
- display: "flex",
87002
- justifyContent: "space-between",
87003
- alignItems: "center",
87004
- width: "100%",
87005
- height: "60px",
87006
- maxWidth: "352px",
87007
- minWidth: "270px",
87008
- margin: `0px ${tokens.Spacing.Large}px`
87009
- }
87010
- };
87011
- };
87363
+ const getStyles$4 = (tokens) => ({
87364
+ container: { flexGrow: 1 },
87365
+ appBar: { backgroundColor: tokens.BackgroundColor.Container, display: "flex" },
87366
+ toolbar: {
87367
+ padding: `0 ${tokens.Spacing.Medium}px`,
87368
+ maxWidth: "368px",
87369
+ left: "50%",
87370
+ transform: "translateX(-50%)"
87371
+ },
87372
+ button: { color: tokens.TextColor.Default }
87373
+ });
87012
87374
 
87013
87375
  const Container = (props) => {
87014
87376
  const tokens = useTokens();
@@ -88001,6 +88363,8 @@ const frCa = {
88001
88363
  "Unable to connect": "Impossible de se connecter",
88002
88364
  "Maintenance in progress": "Entretien en cours",
88003
88365
  "Deposits verified. You're almost done setting things up. Continue to your institution.": "Dépôts vérifiés. Vous avez presque terminé la configuration. Rendez-vous dans votre établissement.",
88366
+ "After logging in, share at least one account and %1profile information%2.": "Après vous être connecté, partagez au moins un compte et %1informations de profil%2.",
88367
+ "After logging in, share at least one account.": "Après vous être connecté, partagez au moins un compte.",
88004
88368
  "connect/disclosure/policy/text\u0004By clicking Continue, you agree to the ": "En cliquant sur Continuer, vous acceptez la ",
88005
88369
  "connect/disclosure/policy/link\u0004MX Privacy Policy.": "Politique de confidentialité de MX.",
88006
88370
  "connect/disclosure/policy/link\u0004MX Privacy Policy": "Politique de confidentialité de MX.",
@@ -88504,6 +88868,8 @@ const es = {
88504
88868
  "Unable to connect": "No se puede conectar",
88505
88869
  "Maintenance in progress": "Mantenimiento en curso",
88506
88870
  "Deposits verified. You're almost done setting things up. Continue to your institution.": "Depósitos verificados. Ya casi terminas de configurar todo. Continúa con tu institución.",
88871
+ "After logging in, share at least one account and %1profile information%2.": "Después de iniciar sesión, comparta al menos una cuenta y %1información de perfil%2.",
88872
+ "After logging in, share at least one account.": "Después de iniciar sesión, comparta al menos una cuenta.",
88507
88873
  "connect/disclosure/button\u0004Continue": "Continuar",
88508
88874
  "connect/disclosure/policy/text\u0004By clicking Continue, you agree to the ": "Al hacer clic en Continuar, tu aceptas la ",
88509
88875
  "connect/disclosure/policy/link\u0004MX Privacy Policy.": "Política de privacidad de Money Experience.",