@mxenabled/connect-widget 0.0.20 → 0.1.0

package/dist/index.es.js

@@ -33188,7 +33188,7 @@ if (process.env.NODE_ENV === "production") {
 
 var reactIsExports = reactIs.exports;
 
-function t(t){return "object"==typeof t&&null!=t&&1===t.nodeType}function e(t,e){return (!e||"hidden"!==t)&&"visible"!==t&&"clip"!==t}function n(t,n){if(t.clientHeight<t.scrollHeight||t.clientWidth<t.scrollWidth){var r=getComputedStyle(t,null);return e(r.overflowY,n)||e(r.overflowX,n)||function(t){var e=function(t){if(!t.ownerDocument||!t.ownerDocument.defaultView)return null;try{return t.ownerDocument.defaultView.frameElement}catch(t){return null}}(t);return !!e&&(e.clientHeight<t.scrollHeight||e.clientWidth<t.scrollWidth)}(t)}return !1}function r(t,e,n,r,i,o,l,d){return o<t&&l>e||o>t&&l<e?0:o<=t&&d<=n||l>=e&&d>=n?o-t-r:l>e&&d<n||o<t&&d>n?l-e+i:0}var i=function(e,i){var o=window,l=i.scrollMode,d=i.block,f=i.inline,h=i.boundary,u=i.skipOverflowHiddenElements,s="function"==typeof h?h:function(t){return t!==h};if(!t(e))throw new TypeError("Invalid target");for(var a,c,g=document.scrollingElement||document.documentElement,p=[],m=e;t(m)&&s(m);){if((m=null==(c=(a=m).parentElement)?a.getRootNode().host||null:c)===g){p.push(m);break}null!=m&&m===document.body&&n(m)&&!n(document.documentElement)||null!=m&&n(m,u)&&p.push(m);}for(var w=o.visualViewport?o.visualViewport.width:innerWidth,v=o.visualViewport?o.visualViewport.height:innerHeight,W=window.scrollX||pageXOffset,H=window.scrollY||pageYOffset,b=e.getBoundingClientRect(),y=b.height,E=b.width,M=b.top,V=b.right,x=b.bottom,I=b.left,C="start"===d||"nearest"===d?M:"end"===d?x:M+y/2,R="center"===f?I+E/2:"end"===f?V:I,T=[],k=0;k<p.length;k++){var B=p[k],D=B.getBoundingClientRect(),O=D.height,X=D.width,Y=D.top,L=D.right,S=D.bottom,j=D.left;if("if-needed"===l&&M>=0&&I>=0&&x<=v&&V<=w&&M>=Y&&x<=S&&I>=j&&V<=L)return T;var N=getComputedStyle(B),q=parseInt(N.borderLeftWidth,10),z=parseInt(N.borderTopWidth,10),A=parseInt(N.borderRightWidth,10),F=parseInt(N.borderBottomWidth,10),G=0,J=0,K="offsetWidth"in B?B.offsetWidth-B.clientWidth-q-A:0,P="offsetHeight"in B?B.offsetHeight-B.clientHeight-z-F:0,Q="offsetWidth"in B?0===B.offsetWidth?0:X/B.offsetWidth:0,U="offsetHeight"in B?0===B.offsetHeight?0:O/B.offsetHeight:0;if(g===B)G="start"===d?C:"end"===d?C-v:"nearest"===d?r(H,H+v,v,z,F,H+C,H+C+y,y):C-v/2,J="start"===f?R:"center"===f?R-w/2:"end"===f?R-w:r(W,W+w,w,q,A,W+R,W+R+E,E),G=Math.max(0,G+H),J=Math.max(0,J+W);else {G="start"===d?C-Y-z:"end"===d?C-S+F+P:"nearest"===d?r(Y,S,O,z,F+P,C,C+y,y):C-(Y+O/2)+P/2,J="start"===f?R-j-q:"center"===f?R-(j+X/2)+K/2:"end"===f?R-L+A+K:r(j,L,X,q,A+K,R,R+E,E);var Z=B.scrollLeft,$=B.scrollTop;C+=$-(G=Math.max(0,Math.min($+G/U,B.scrollHeight-O/U+P))),R+=Z-(J=Math.max(0,Math.min(Z+J/Q,B.scrollWidth-X/Q+K)));}T.push({el:B,top:G,left:J});}return T};
+function t$1(t){return "object"==typeof t&&null!=t&&1===t.nodeType}function e(t,e){return (!e||"hidden"!==t)&&"visible"!==t&&"clip"!==t}function n(t,n){if(t.clientHeight<t.scrollHeight||t.clientWidth<t.scrollWidth){var r=getComputedStyle(t,null);return e(r.overflowY,n)||e(r.overflowX,n)||function(t){var e=function(t){if(!t.ownerDocument||!t.ownerDocument.defaultView)return null;try{return t.ownerDocument.defaultView.frameElement}catch(t){return null}}(t);return !!e&&(e.clientHeight<t.scrollHeight||e.clientWidth<t.scrollWidth)}(t)}return !1}function r(t,e,n,r,i,o,l,d){return o<t&&l>e||o>t&&l<e?0:o<=t&&d<=n||l>=e&&d>=n?o-t-r:l>e&&d<n||o<t&&d>n?l-e+i:0}var i=function(e,i){var o=window,l=i.scrollMode,d=i.block,f=i.inline,h=i.boundary,u=i.skipOverflowHiddenElements,s="function"==typeof h?h:function(t){return t!==h};if(!t$1(e))throw new TypeError("Invalid target");for(var a,c,g=document.scrollingElement||document.documentElement,p=[],m=e;t$1(m)&&s(m);){if((m=null==(c=(a=m).parentElement)?a.getRootNode().host||null:c)===g){p.push(m);break}null!=m&&m===document.body&&n(m)&&!n(document.documentElement)||null!=m&&n(m,u)&&p.push(m);}for(var w=o.visualViewport?o.visualViewport.width:innerWidth,v=o.visualViewport?o.visualViewport.height:innerHeight,W=window.scrollX||pageXOffset,H=window.scrollY||pageYOffset,b=e.getBoundingClientRect(),y=b.height,E=b.width,M=b.top,V=b.right,x=b.bottom,I=b.left,C="start"===d||"nearest"===d?M:"end"===d?x:M+y/2,R="center"===f?I+E/2:"end"===f?V:I,T=[],k=0;k<p.length;k++){var B=p[k],D=B.getBoundingClientRect(),O=D.height,X=D.width,Y=D.top,L=D.right,S=D.bottom,j=D.left;if("if-needed"===l&&M>=0&&I>=0&&x<=v&&V<=w&&M>=Y&&x<=S&&I>=j&&V<=L)return T;var N=getComputedStyle(B),q=parseInt(N.borderLeftWidth,10),z=parseInt(N.borderTopWidth,10),A=parseInt(N.borderRightWidth,10),F=parseInt(N.borderBottomWidth,10),G=0,J=0,K="offsetWidth"in B?B.offsetWidth-B.clientWidth-q-A:0,P="offsetHeight"in B?B.offsetHeight-B.clientHeight-z-F:0,Q="offsetWidth"in B?0===B.offsetWidth?0:X/B.offsetWidth:0,U="offsetHeight"in B?0===B.offsetHeight?0:O/B.offsetHeight:0;if(g===B)G="start"===d?C:"end"===d?C-v:"nearest"===d?r(H,H+v,v,z,F,H+C,H+C+y,y):C-v/2,J="start"===f?R:"center"===f?R-w/2:"end"===f?R-w:r(W,W+w,w,q,A,W+R,W+R+E,E),G=Math.max(0,G+H),J=Math.max(0,J+W);else {G="start"===d?C-Y-z:"end"===d?C-S+F+P:"nearest"===d?r(Y,S,O,z,F+P,C,C+y,y):C-(Y+O/2)+P/2,J="start"===f?R-j-q:"center"===f?R-(j+X/2)+K/2:"end"===f?R-L+A+K:r(j,L,X,q,A+K,R,R+E,E);var Z=B.scrollLeft,$=B.scrollTop;C+=$-(G=Math.max(0,Math.min($+G/U,B.scrollHeight-O/U+P))),R+=Z-(J=Math.max(0,Math.min(Z+J/Q,B.scrollWidth-X/Q+K)));}T.push({el:B,top:G,left:J});}return T};
 
 var idCounter = 0;
 function cbToCb(cb) {
@@ -48481,218 +48481,219 @@ class LicenseInfo {
 
 const circularProgressClasses = generateUtilityClasses("MuiCircularProgress", ["root", "determinate", "indeterminate", "colorPrimary", "colorSecondary", "svg", "circle", "circleDeterminate", "circleIndeterminate", "circleDisableShrink"]);
 
-var fe = /* @__PURE__ */ ((e) => (e[e.Lighter = 100] = "Lighter", e[e.Light = 200] = "Light", e[e.Normal = 300] = "Normal", e[e.Dark = 400] = "Dark", e[e.Darker = 500] = "Darker", e))(fe || {});
-const b = ({
+var f0 = /* @__PURE__ */ ((e) => (e[e.Lighter = 100] = "Lighter", e[e.Light = 200] = "Light", e[e.Normal = 300] = "Normal", e[e.Dark = 400] = "Dark", e[e.Darker = 500] = "Darker", e))(f0 || {});
+const M = ({
   color: e,
-  fill: r = false,
-  name: a,
-  size: t = 20,
+  fill: o = false,
+  name: n,
+  size: r = 20,
   sx: i,
-  weight: n = 300,
-  ...l
+  weight: l = 300,
+  ...c
 }) => {
-  const [p, m] = React__default.useState(false);
+  const [d, b] = React__default.useState(false);
   return React__default.useEffect(() => {
     document.fonts.ready.then(() => {
-      m(true);
+      b(true);
     });
   }, []), /* @__PURE__ */ jsxRuntimeExports.jsx(
     Icon,
     {
-      color: p ? e && e : void 0,
+      color: d ? e && e : void 0,
       sx: [
         {
-          fontSize: t,
+          fontSize: r,
           fontVariationSettings: `
-            'FILL' ${r ? 1 : 0}, 
-            'wght' ${n}, 
+            'FILL' ${o ? 1 : 0}, 
+            'wght' ${l}, 
             'GRAD' 0, 
-            'opsz' ${t}
+            'opsz' ${r}
           `
         },
         ...Array.isArray(i) ? i : [i],
         {
-          ...!p && { color: "transparent" }
+          ...!d && { color: "transparent" }
         }
       ],
-      ...l,
-      children: a
+      ...c,
+      children: n
     }
   );
 };
-var s = /* @__PURE__ */ ((e) => (e.AutoTransport = "CAT-7829f71c-2e8c-afa5-2f55-fa3634b89874", e.BillsUtilities = "CAT-79b02f2f-2adc-88f0-ac2b-4e71ead9cfc8", e.BusinessServices = "CAT-94b11142-e97b-941a-f67f-6e18d246a23f", e.Education = "CAT-bf5c9cca-c96b-b50d-440d-38d9adfda5b0", e.Entertainment = "CAT-e04e9d1e-e041-c315-2e50-094143ab3f73", e.FeesCharges = "CAT-d73ee74b-13a4-ac3e-4015-fc4ba9a62b2a", e.Financial = "CAT-6c7de3f8-de6c-7061-1dd2-b093044014bf", e.FoodDining = "CAT-bd56d35a-a9a7-6e10-66c1-5b9cc1b6c81a", e.GiftsDonations = "CAT-8edf9663-623e-4735-490e-31288f0a70b0", e.HealthFitness = "CAT-52fa4693-c088-afb2-2a99-7bc39bb23a0f", e.Home = "CAT-b709172b-4eb7-318e-3b5d-e0f0500b32ac", e.Income = "CAT-bf9f3294-4c40-1677-d269-54fbc189faf3", e.Investments = "CAT-ccd42390-9e8c-3fb6-a5d9-6c31182d9c5c", e.Kids = "CAT-0cb1d99d-f558-99e3-2282-b31f359b411a", e.PersonalCare = "CAT-e5154228-fe45-790d-a280-f6bf5ae5ac9f", e.Pets = "CAT-7cccbafa-87d7-c9a6-661b-8b3402fe9e78", e.Shopping = "CAT-aad51b46-d6f7-3da5-fd6e-492328b3023f", e.Taxes = "CAT-d00fc539-aa14-009b-4ffb-7e8c7b839954", e.Transfer = "CAT-bce48142-fea4-ff45-20d9-0a642d44de83", e.Travel = "CAT-ea23d844-cbd1-eb10-f6ac-0df9610e59ae", e.Uncategorized = "CAT-d7851c65-3353-e490-1953-fb9235e681e4", e))(s || {});
+var u = /* @__PURE__ */ ((e) => (e.AutoTransport = "CAT-7829f71c-2e8c-afa5-2f55-fa3634b89874", e.BillsUtilities = "CAT-79b02f2f-2adc-88f0-ac2b-4e71ead9cfc8", e.BusinessServices = "CAT-94b11142-e97b-941a-f67f-6e18d246a23f", e.Education = "CAT-bf5c9cca-c96b-b50d-440d-38d9adfda5b0", e.Entertainment = "CAT-e04e9d1e-e041-c315-2e50-094143ab3f73", e.FeesCharges = "CAT-d73ee74b-13a4-ac3e-4015-fc4ba9a62b2a", e.Financial = "CAT-6c7de3f8-de6c-7061-1dd2-b093044014bf", e.FoodDining = "CAT-bd56d35a-a9a7-6e10-66c1-5b9cc1b6c81a", e.GiftsDonations = "CAT-8edf9663-623e-4735-490e-31288f0a70b0", e.HealthFitness = "CAT-52fa4693-c088-afb2-2a99-7bc39bb23a0f", e.Home = "CAT-b709172b-4eb7-318e-3b5d-e0f0500b32ac", e.Income = "CAT-bf9f3294-4c40-1677-d269-54fbc189faf3", e.Investments = "CAT-ccd42390-9e8c-3fb6-a5d9-6c31182d9c5c", e.Kids = "CAT-0cb1d99d-f558-99e3-2282-b31f359b411a", e.PersonalCare = "CAT-e5154228-fe45-790d-a280-f6bf5ae5ac9f", e.Pets = "CAT-7cccbafa-87d7-c9a6-661b-8b3402fe9e78", e.Shopping = "CAT-aad51b46-d6f7-3da5-fd6e-492328b3023f", e.Taxes = "CAT-d00fc539-aa14-009b-4ffb-7e8c7b839954", e.Transfer = "CAT-bce48142-fea4-ff45-20d9-0a642d44de83", e.Travel = "CAT-ea23d844-cbd1-eb10-f6ac-0df9610e59ae", e.Uncategorized = "CAT-d7851c65-3353-e490-1953-fb9235e681e4", e))(u || {});
 const $ = {
-  guid: s.Uncategorized,
+  guid: u.Uncategorized,
   colorName: "uncategorized",
   icon: "category"
 }; [
   {
-    guid: s.AutoTransport,
+    guid: u.AutoTransport,
     colorName: "autoTransport",
     icon: "directions_car"
   },
   {
-    guid: s.BillsUtilities,
+    guid: u.BillsUtilities,
     colorName: "billsUtilities",
     icon: "electrical_services"
   },
   {
-    guid: s.BusinessServices,
+    guid: u.BusinessServices,
     colorName: "businessServices",
     icon: "business_center"
   },
   {
-    guid: s.Education,
+    guid: u.Education,
     colorName: "education",
     icon: "school"
   },
   {
-    guid: s.Entertainment,
+    guid: u.Entertainment,
     colorName: "entertainment",
     icon: "stadium"
   },
   {
-    guid: s.FeesCharges,
+    guid: u.FeesCharges,
     colorName: "feesCharges",
     icon: "problem"
   },
   {
-    guid: s.Financial,
+    guid: u.Financial,
     colorName: "financial",
     icon: "price_check"
   },
   {
-    guid: s.FoodDining,
+    guid: u.FoodDining,
     colorName: "foodDining",
     icon: "grocery"
   },
   {
-    guid: s.GiftsDonations,
+    guid: u.GiftsDonations,
     colorName: "giftsDonations",
     icon: "featured_seasonal_and_gifts"
   },
   {
-    guid: s.HealthFitness,
+    guid: u.HealthFitness,
     colorName: "healthFitness",
     icon: "ecg_heart"
   },
   {
-    guid: s.Home,
+    guid: u.Home,
     colorName: "home",
     icon: "cottage"
   },
   {
-    guid: s.Income,
+    guid: u.Income,
     colorName: "income",
     icon: "monetization_on"
   },
   {
-    guid: s.Investments,
+    guid: u.Investments,
     colorName: "investments",
     icon: "bid_landscape"
   },
   {
-    guid: s.Kids,
+    guid: u.Kids,
     colorName: "kids",
     icon: "face"
   },
   {
-    guid: s.PersonalCare,
+    guid: u.PersonalCare,
     colorName: "personalCare",
     icon: "volunteer_activism"
   },
   {
-    guid: s.Pets,
+    guid: u.Pets,
     colorName: "pets",
     icon: "pet_supplies"
   },
   {
-    guid: s.Shopping,
+    guid: u.Shopping,
     colorName: "shopping",
     icon: "shopping_cart"
   },
   {
-    guid: s.Taxes,
+    guid: u.Taxes,
     colorName: "taxes",
     icon: "heap_snapshot_large"
   },
   {
-    guid: s.Transfer,
+    guid: u.Transfer,
     colorName: "transfer",
     icon: "compare_arrows"
   },
   {
-    guid: s.Travel,
+    guid: u.Travel,
     colorName: "travel",
     icon: "airplane_ticket"
   },
   $
-]; React__default.forwardRef(function(r, a) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Slide, { direction: "up", ref: a, ...r });
-}); const G = 32, H = "https://content.moneydesktop.com/storage/MD_Assets", Te = `${H}/serenity/default_institution_logo.png`, Lt = ({
+]; React__default.forwardRef(function(o, n) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Slide, { direction: "up", ref: n, ...o });
+}); const G = 32, N = "https://content.moneydesktop.com/storage/MD_Assets", k0 = `${N}/serenity/default_institution_logo.png`, De = ({
   alt: e,
-  institutionGuid: r,
-  size: a = G,
-  ...t
+  institutionGuid: o,
+  logoUrl: n,
+  size: r = G,
+  ...i
 }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
   "img",
   {
     alt: e,
-    height: a,
-    onError: (i) => i.target.src = Te,
-    src: `${H}/Ipad%20Logos/100x100/${r}_100x100.png`,
+    height: r,
+    onError: (l) => l.target.src = k0,
+    src: n || `${N}/Ipad%20Logos/100x100/${o}_100x100.png`,
     style: {
       borderRadius: 4
     },
-    width: a,
-    ...t
+    width: r,
+    ...i
   }
 ), x = ({
   bold: e,
-  className: r = "",
-  children: a,
-  color: t,
+  className: o = "",
+  children: n,
+  color: r,
   sx: i = {},
-  truncate: n = true,
-  uppercase: l,
-  ...p
+  truncate: l = true,
+  uppercase: c,
+  ...d
 }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
   Typography,
   {
-    className: `mx-kmui-text ${r}`,
-    color: t,
+    className: `mx-kmui-text ${o}`,
+    color: r,
     sx: [
       e ? {
         fontWeight: 600
       } : {},
-      n ? {
+      l ? {
         overflow: "hidden",
         textOverflow: "ellipsis",
         whiteSpace: "nowrap"
       } : {},
-      l ? {
+      c ? {
         textTransform: "uppercase"
       } : {},
       ...Array.isArray(i) ? i : [i]
     ],
-    ...p,
-    children: a
+    ...d,
+    children: n
   }
-), wt = ({
+), Re = ({
   disabled: e = false,
-  label: r = "",
-  shrink: a = true,
-  variant: t = "outlined",
+  label: o = "",
+  shrink: n = true,
+  variant: r = "outlined",
   ...i
 }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
   TextField,
   {
     InputLabelProps: {
-      shrink: a
+      shrink: n
     },
     disabled: e,
-    label: r,
-    variant: t,
+    label: o,
+    variant: r,
     ...i
   }
 );
@@ -48700,158 +48701,134 @@ const C = {
   REACT: "react",
   REACT_NATIVE: "react_native",
   NATIVE: "native"
-}, T = {
+}, k = {
   LIGHT: "light",
   DARK: "dark"
 }; React__default.createContext(distExports.light); React__default.createContext(
-  distExports.buildTheme(T.LIGHT, C.REACT_NATIVE)
-); const u = {
+  distExports.buildTheme(k.LIGHT, C.REACT_NATIVE)
+); const h = {
   LIGHT: "light",
   DARK: "dark"
-}, De = (e) => createPalette({
+}, t = {
+  Black: "#000000",
+  Error100: "#FCD2CF",
+  Error200: "#F45532",
+  Error300: "#DF320C",
+  Error400: "#C61A0B",
+  Error500: "#AE0A0A",
+  Neutral100: "#F8F9FB",
+  Neutral200: "#EEF1F6",
+  Neutral300: "#E4E8EE",
+  Neutral400: "#CDD3DD",
+  Neutral500: "#A8B1BD",
+  Neutral600: "#6A7381",
+  Neutral700: "#49505A",
+  Neutral800: "#1F2329",
+  Neutral900: "#121417",
+  Primary100: "#E7F0FE",
+  Primary200: "#69A1FA",
+  Primary300: "#2D64EF",
+  Primary400: "#095ADB",
+  Primary500: "#0749B2",
+  Success100: "#BEFDDC",
+  Success150: "#73F7B8",
+  Success200: "#00E998",
+  Success300: "#12875E",
+  Success400: "#0E6848",
+  Success500: "#0A4D36",
+  Warning100: "#FEF7B9",
+  Warning200: "#FFDA6C",
+  Warning300: "#FFB400",
+  Warning400: "#E07C02",
+  Warning500: "#C33E01",
+  White: "#FFFFFF"
+}, H0 = (e) => createPalette({
   mode: e,
   border: {
-    lighter: e === "light" ? "#EEF1F6" : "#1F2329",
-    // Neutral200 | Neutral800
-    light: e === "light" ? "#E4E8EE" : "#49505A",
-    // Neutral300 | Neutral700
-    main: e === "light" ? "#CDD3DD" : "#6A7381",
-    // Neutral400 | Neutral600
-    dark: "#A8B1BD",
-    // Neutral500 | Neutral500
-    darker: e === "light" ? "#6A7381" : "#CDD3DD"
-    // Neutral600 | Neutral400
+    lighter: e === "light" ? t.Neutral200 : t.Neutral800,
+    light: e === "light" ? t.Neutral300 : t.Neutral700,
+    main: e === "light" ? t.Neutral400 : t.Neutral600,
+    dark: t.Neutral500,
+    darker: e === "light" ? t.Neutral600 : t.Neutral400
   },
   common: {
-    white: "#FFFFFF",
-    // White
-    black: "#000000"
-    // Black
+    white: t.White,
+    black: t.Black
   },
   primary: {
-    lighter: "#E7F0FE",
-    // Primary100
-    light: "#69A1FA",
-    // Primary200
-    main: "#2D64EF",
-    // Primary300
-    dark: "#095ADB",
-    // Primary400
-    darker: "#0749B2"
-    // Primary500
+    lighter: t.Primary100,
+    light: t.Primary200,
+    main: t.Primary300,
+    dark: t.Primary400,
+    darker: t.Primary500
   },
   secondary: {
-    lighter: e === "light" ? "#A8B1BD" : "#EEF1F6",
-    // Neutral500 | Neutral 200
-    light: e === "light" ? "#6A7381" : "#E4E8EE",
-    // Neutral600 | Neutral300
-    main: e === "light" ? "#49505A" : "#CDD3DD",
-    // Neutral700 | Neutral400
-    dark: e === "light" ? "#1F2329" : "#A8B1BD",
-    // Neutral800 | Neutral500
-    darker: e === "light" ? "#121417" : "#6A7381"
-    // Neutral900 | Neutral600
+    lighter: e === "light" ? t.Neutral500 : t.Neutral200,
+    light: e === "light" ? t.Neutral600 : t.Neutral300,
+    main: e === "light" ? t.Neutral700 : t.Neutral400,
+    dark: e === "light" ? t.Neutral800 : t.Neutral500,
+    darker: e === "light" ? t.Neutral900 : t.Neutral600
   },
   text: {
-    primary: e === "light" ? "#121417" : "#FFFFFF",
-    // Neutral900 | NeutralWhite
-    secondary: e === "light" ? "#49505A" : "#A8B1BD",
-    // Neutral700 | Neutral500
-    disabled: e === "light" ? "#A8B1BD" : "#6A7381"
-    // Neutral500 | Neutral600
+    primary: e === "light" ? t.Neutral900 : t.White,
+    secondary: e === "light" ? t.Neutral700 : t.Neutral500,
+    disabled: e === "light" ? t.Neutral500 : t.Neutral600
   },
   error: {
-    lighter: e === "light" ? "#FCD2CF" : "#DF320C",
-    // Error100 | Error300
-    light: e === "light" ? "#F45532" : "#FCD2CF",
-    // Error200 | Error100
-    main: e === "light" ? "#DF320C" : "#F45532",
-    // Error300 | Error200
-    dark: e === "light" ? "#C61A0B" : "#DF320C",
-    // Error400 | Error300
-    darker: e === "light" ? "#AE0A0A" : "#C61A0B"
-    // Error500 | Error400
+    lighter: e === "light" ? t.Error100 : t.Error300,
+    light: e === "light" ? t.Error200 : t.Error100,
+    main: e === "light" ? t.Error300 : t.Error200,
+    dark: e === "light" ? t.Error400 : t.Error300,
+    darker: e === "light" ? t.Error500 : t.Error400
   },
   warning: {
-    lighter: "#FEF7B9",
-    light: "#FFDA6C",
-    // Warning200
-    main: "#FFB400",
-    // Warning300
-    dark: "#E07C02",
-    // Warning400
-    darker: "#C33E01"
+    lighter: t.Warning100,
+    light: t.Warning200,
+    main: t.Warning300,
+    dark: t.Warning400,
+    darker: t.Warning500
   },
   info: {
-    lighter: "#E7F0FE",
-    // Primary100
-    light: "#69A1FA",
-    // Primary200
-    main: "#2D64EF",
-    // Primary300
-    dark: "#095ADB",
-    // Primary400
-    darker: "#0749B2"
-    // Primary500
+    lighter: t.Primary100,
+    light: t.Primary200,
+    main: t.Primary300,
+    dark: t.Primary400,
+    darker: t.Primary500
   },
   success: {
-    lighter: "#BEFDDC",
-    // Success100 | Success100
-    light: e === "light" ? "#00E998" : "#73F7B8",
-    // Success200 | Success150
-    main: e === "light" ? "#12875E" : "#00E998",
-    // Success300 | Success200
-    dark: e === "light" ? "#0E6848" : "#12875E",
-    // Success400 | Success300
-    darker: e === "light" ? "#0A4D36" : "#0E6848"
-    // Success500 | Success400
+    lighter: t.Success100,
+    light: e === "light" ? t.Success200 : t.Success150,
+    main: e === "light" ? t.Success300 : t.Success200,
+    dark: e === "light" ? t.Success400 : t.Success300,
+    darker: e === "light" ? t.Success500 : t.Success400
   },
   grey: {
-    100: "#F8F9FB",
-    // Neutral100
-    200: "#EEF1F6",
-    // Neutral200
-    300: "#E4E8EE",
-    // Neutral300
-    400: "#CDD3DD",
-    // Neutral400
-    500: "#A8B1BD",
-    // Neutral500
-    600: "#6A7381",
-    // Neutral600
-    700: "#49505A",
-    // Neutral700
-    800: "#1F2329",
-    // Neutral800
-    900: "#121417"
-    // Neutral900
+    100: t.Neutral100,
+    200: t.Neutral200,
+    300: t.Neutral300,
+    400: t.Neutral400,
+    500: t.Neutral500,
+    600: t.Neutral600,
+    700: t.Neutral700,
+    800: t.Neutral800,
+    900: t.Neutral900
   },
   action: {
-    active: e === "light" ? "#2D64EF" : "#69A1FA",
-    // Primary300 | Primary200
-    disabled: "#A8B1BD",
-    // Neutral500 | Neutral500
-    disabledBackground: e === "light" ? "#EEF1F6" : "#49505A",
-    // Neutral200 | Neutral700
-    hover: e === "light" ? "#F8F9FB" : "#1F2329",
-    // Neutral100 | Neutral800
+    active: e === "light" ? t.Primary300 : t.Primary200,
+    disabled: t.Neutral500,
+    disabledBackground: e === "light" ? t.Neutral200 : t.Neutral700,
+    hover: e === "light" ? t.Neutral100 : t.Neutral800,
     hoverOpacity: 0.1,
-    selected: e === "light" ? "#2D64EF" : "#69A1FA",
-    // Primary300 | Primary200
+    selected: e === "light" ? t.Primary300 : t.Primary200,
     selectedOpacity: 0.1
   },
   background: {
-    default: e === "light" ? "#F8F9FB" : "#1F2329",
-    // Neutral100 | Neutral800
-    paper: e === "light" ? "#FFFFFF" : "#121417",
-    // NeutralWhite | Neutral900
-    highlight: e === "light" ? "#EEF1F6" : "#6A7381",
-    // Neutral200 | Neutral600
-    highlightPrimary: e === "light" ? "#E7F0FE" : "#0749B2"
-    // Primary100 | Primary500
+    default: e === "light" ? t.Neutral100 : t.Neutral800,
+    paper: e === "light" ? t.White : t.Neutral900,
+    highlight: e === "light" ? t.Neutral200 : t.Neutral600,
+    highlightPrimary: e === "light" ? t.Primary100 : t.Primary500
   },
-  divider: e === "light" ? "#CDD3DD" : "#49505A",
-  // Neutral400 | Neutral700
+  divider: e === "light" ? t.Neutral400 : t.Neutral700,
   categories: {
     autoTransport: "#4B9DBC",
     billsUtilities: "#EF8B2C",
@@ -48892,8 +48869,8 @@ const C = {
     chartMono5: "#034AB3",
     chartMono6: "#002966"
   }
-}), y = "Inter, Helvetica, Arial, sans-serif", ke = (e) => createTypography(e, {
-  fontFamily: y,
+}), T = "Inter, Helvetica, Arial, sans-serif", S0 = (e) => createTypography(e, {
+  fontFamily: T,
   fontSize: 15,
   Body: {
     fontSize: 15,
@@ -48905,19 +48882,19 @@ const C = {
   },
   caption: void 0,
   H1: {
-    fontFamily: y,
+    fontFamily: T,
     fontWeight: 700,
     fontSize: 31,
     lineHeight: "40px"
   },
   H2: {
-    fontFamily: y,
+    fontFamily: T,
     fontWeight: 700,
     fontSize: 23,
     lineHeight: "32px"
   },
   H3: {
-    fontFamily: y,
+    fontFamily: T,
     fontWeight: 700,
     fontSize: 18,
     lineHeight: "24px"
@@ -48950,14 +48927,14 @@ const C = {
   }
 });
 LicenseInfo.setLicenseKey(
-  "f3ef924e3fc4707ca040f43edee1db73Tz03NzgxNCxFPTE3MzA0NjExMzIwMDAsUz1wcm8sTE09c3Vic2NyaXB0aW9uLEtWPTI="
+  "6e7dd593526efa1f157230ecf06c9b02Tz0xMDA5NjAsRT0xNzYyMDQxNjAwMDAwLFM9cHJvLExNPWFubnVhbCxQVj1RMy0yMDI0LEtWPTI="
 );
-const A = [...createTheme().shadows];
-A[1] = "0px 2px 8px rgba(106, 115, 129, 0.12)";
-A[2] = "0px 6px 12px rgba(106, 115, 129, 0.16), 0px 3px 8px rgba(87, 102, 117, 0.06)";
-A[3] = "0px 12px 20px rgba(106, 115, 129, 0.22)";
-const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", R = "inset 0px 0px 0px 2px rgba(82, 138, 224, 0.8)", Le = "cubic-bezier(.475,.425,0,.995)", Ot = (e) => {
-  const r = De(e), a = ke(r);
+const L = [...createTheme().shadows];
+L[1] = "0px 2px 8px rgba(106, 115, 129, 0.12)";
+L[2] = "0px 6px 12px rgba(106, 115, 129, 0.16), 0px 3px 8px rgba(87, 102, 117, 0.06)";
+L[3] = "0px 12px 20px rgba(106, 115, 129, 0.22)";
+const E = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", B = "inset 0px 0px 0px 2px rgba(82, 138, 224, 0.8)", D0 = "cubic-bezier(.475,.425,0,.995)", Oe = (e) => {
+  const o = H0(e), n = S0(o);
   return createTheme({
     breakpoints: {
       values: {
@@ -48968,22 +48945,22 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", R = "inset 0px 0px 0px 2px
         xl: 1200
       }
     },
-    palette: r,
-    shadows: A,
+    palette: o,
+    shadows: L,
     shape: {
       borderRadius: 4
     },
     spacing: 1,
-    typography: a,
+    typography: n,
     components: {
       MuiAutocomplete: {
         styleOverrides: {
-          root: ({ theme: t }) => ({
+          root: ({ theme: r }) => ({
             "& .MuiAutocomplete-endAdornment": {
               marginTop: -5
             },
             "& .MuiIconButton-root": {
-              color: t.palette.mode === "light" ? t.palette.grey[700] : t.palette.grey[400],
+              color: r.palette.mode === "light" ? r.palette.grey[700] : r.palette.grey[400],
               "&:hover": {
                 backgroundColor: "inherit"
               }
@@ -48994,36 +48971,36 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", R = "inset 0px 0px 0px 2px
       MuiAlert: {
         defaultProps: {
           iconMapping: {
-            success: /* @__PURE__ */ jsxRuntimeExports.jsx(b, { fill: true, name: "check_circle", size: 24, weight: 400 }),
-            error: /* @__PURE__ */ jsxRuntimeExports.jsx(b, { fill: true, name: "error", size: 24, weight: 400 }),
-            warning: /* @__PURE__ */ jsxRuntimeExports.jsx(b, { fill: true, name: "warning", size: 24, weight: 400 }),
-            info: /* @__PURE__ */ jsxRuntimeExports.jsx(b, { fill: true, name: "info", size: 24, weight: 400 })
+            success: /* @__PURE__ */ jsxRuntimeExports.jsx(M, { fill: true, name: "check_circle", size: 24, weight: 400 }),
+            error: /* @__PURE__ */ jsxRuntimeExports.jsx(M, { fill: true, name: "error", size: 24, weight: 400 }),
+            warning: /* @__PURE__ */ jsxRuntimeExports.jsx(M, { fill: true, name: "warning", size: 24, weight: 400 }),
+            info: /* @__PURE__ */ jsxRuntimeExports.jsx(M, { fill: true, name: "info", size: 24, weight: 400 })
           }
         },
         styleOverrides: {
-          root: ({ theme: t }) => ({
-            borderRadius: 6,
-            background: t.palette.background.paper
+          standard: ({ theme: r }) => ({
+            background: r.palette.background.paper,
+            color: r.palette.text.primary
           }),
-          action: ({ theme: t }) => ({
-            color: t.palette.success.contrastText,
+          root: {
+            alignItems: "center",
+            borderRadius: 6,
+            fontSize: 15
+          },
+          action: {
             paddingTop: 0,
-            height: "100%",
             "& .MuiIconButton-root": {
               "&:hover": {
                 backgroundColor: "rgba(18, 20, 23, 0.1);"
               }
             }
-          }),
-          message: ({ theme: t }) => ({
-            color: t.palette.text.primary
-          })
+          }
         }
       },
       MuiAvatar: {
         styleOverrides: {
-          root: ({ theme: t }) => ({
-            backgroundColor: t.palette.mode === u.LIGHT ? t.palette.grey[400] : t.palette.grey[700]
+          root: ({ theme: r }) => ({
+            backgroundColor: r.palette.mode === h.LIGHT ? r.palette.grey[400] : r.palette.grey[700]
           })
         }
       },
@@ -49034,15 +49011,15 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", R = "inset 0px 0px 0px 2px
         styleOverrides: {
           root: {
             "&.Mui-focusVisible": {
-              boxShadow: z
+              boxShadow: E
             }
           }
         }
       },
       MuiButton: {
         styleOverrides: {
-          contained: ({ ownerState: t, theme: i }) => ({
-            ...i.palette.mode === u.DARK && t.color === "primary" && {
+          contained: ({ ownerState: r, theme: i }) => ({
+            ...i.palette.mode === h.DARK && r.color === "primary" && {
               color: i.palette.grey[900],
               backgroundColor: i.palette.primary.light
             },
@@ -49051,45 +49028,45 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", R = "inset 0px 0px 0px 2px
               boxShadow: "none"
             },
             "&:active": {
-              backgroundColor: t.color === "error" ? i.palette.error.darker : i.palette.primary.darker
+              backgroundColor: r.color === "error" ? i.palette.error.darker : i.palette.primary.darker
             }
           }),
-          outlined: ({ theme: t }) => ({
-            borderColor: t.palette.border.main,
+          outlined: ({ theme: r }) => ({
+            borderColor: r.palette.border.main,
             "&:hover": {
-              borderColor: t.palette.border.dark
+              borderColor: r.palette.border.dark
             },
             "&:active": {
-              borderColor: t.palette.border.darker
+              borderColor: r.palette.border.darker
             }
           }),
-          outlinedPrimary: ({ theme: t }) => ({
-            ...t.palette.mode === u.DARK && {
-              color: t.palette.primary.light
+          outlinedPrimary: ({ theme: r }) => ({
+            ...r.palette.mode === h.DARK && {
+              color: r.palette.primary.light
             }
           }),
-          text: ({ ownerState: t, theme: i }) => ({
+          text: ({ ownerState: r, theme: i }) => ({
             "&:active": {
-              ...t.color === "error" && {
+              ...r.color === "error" && {
                 backgroundColor: i.palette.error.lighter
               },
-              ...t.color === "primary" && {
+              ...r.color === "primary" && {
                 backgroundColor: i.palette.primary.light
               },
-              ...t.color === "secondary" && {
+              ...r.color === "secondary" && {
                 backgroundColor: i.palette.secondary.lighter
               },
-              ...i.palette.mode === u.DARK && {
+              ...i.palette.mode === h.DARK && {
                 color: i.palette.common.white
               },
-              ...i.palette.mode === u.DARK && t.color === "secondary" && {
+              ...i.palette.mode === h.DARK && r.color === "secondary" && {
                 color: i.palette.secondary.darker
               }
             }
           }),
-          textPrimary: ({ theme: t }) => ({
-            ...t.palette.mode === u.DARK && {
-              color: t.palette.primary.light
+          textPrimary: ({ theme: r }) => ({
+            ...r.palette.mode === h.DARK && {
+              color: r.palette.primary.light
             }
           }),
           root: {
@@ -49101,7 +49078,7 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", R = "inset 0px 0px 0px 2px
               cursor: "not-allowed"
             },
             "&.Mui-focusVisible": {
-              boxShadow: z
+              boxShadow: E
             }
           },
           sizeMedium: {
@@ -49114,43 +49091,43 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", R = "inset 0px 0px 0px 2px
           disableRipple: true
         },
         styleOverrides: {
-          root: ({ theme: t }) => ({
+          root: ({ theme: r }) => ({
             "&:hover": {
-              borderColor: t.palette.border.dark
+              borderColor: r.palette.border.dark
             },
             "button:hover + button": {
-              borderLeftColor: t.palette.border.dark
+              borderLeftColor: r.palette.border.dark
             },
             "&:active": {
-              borderColor: t.palette.border.darker
+              borderColor: r.palette.border.darker
             },
             "button:active + button": {
-              borderLeftColor: t.palette.border.darker
+              borderLeftColor: r.palette.border.darker
             }
           })
         }
       },
       MuiTabs: {
         styleOverrides: {
-          indicator: ({ theme: t }) => ({
+          indicator: ({ theme: r }) => ({
             height: 3,
-            backgroundColor: t.palette.action.selected
+            backgroundColor: r.palette.action.selected
           })
         }
       },
       MuiTab: {
         styleOverrides: {
-          root: ({ theme: t }) => ({
+          root: ({ theme: r }) => ({
             textTransform: "none",
             fontWeight: 600,
             "&.Mui-focusVisible": {
-              boxShadow: R
+              boxShadow: B
             },
             "&:not(.Mui-selected)": {
-              borderBottom: `2px solid ${t.palette.divider}`
+              borderBottom: `2px solid ${r.palette.divider}`
             },
             "&.Mui-selected": {
-              color: t.palette.action.selected,
+              color: r.palette.action.selected,
               paddingBottom: 13
             }
           })
@@ -49158,35 +49135,35 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", R = "inset 0px 0px 0px 2px
       },
       MuiCheckbox: {
         styleOverrides: {
-          root: ({ theme: t }) => ({
-            color: t.palette.mode === u.LIGHT ? t.palette.grey[800] : t.palette.common.white,
+          root: ({ theme: r }) => ({
+            color: r.palette.mode === h.LIGHT ? r.palette.grey[800] : r.palette.common.white,
             "&:hover": {
               backgroundColor: "transparent"
             },
             "&.Mui-checked": {
-              color: t.palette.mode === u.LIGHT ? t.palette.primary.main : t.palette.common.white
+              color: r.palette.mode === h.LIGHT ? r.palette.primary.main : r.palette.common.white
             },
             "&.MuiCheckbox-colorError": {
-              color: t.palette.error.main
+              color: r.palette.error.main
             }
           })
         }
       },
       MuiChip: {
         styleOverrides: {
-          outlined: ({ theme: t }) => {
-            const { common: i, grey: n, mode: l } = t.palette;
+          outlined: ({ theme: r }) => {
+            const { common: i, grey: l, mode: c } = r.palette;
             return {
               backgroundColor: "transparent",
-              borderColor: l === u.LIGHT ? n[600] : n[500],
+              borderColor: c === h.LIGHT ? l[600] : l[500],
               borderWidth: 1,
-              color: l === u.LIGHT ? n[900] : i.white,
+              color: c === h.LIGHT ? l[900] : i.white,
               fontSize: 11,
               // XSmall
               height: 24,
               "&:hover": {
-                borderColor: l === u.LIGHT ? n[300] : n[600],
-                backgroundColor: l === u.LIGHT ? n[300] : n[600]
+                borderColor: c === h.LIGHT ? l[300] : l[600],
+                backgroundColor: c === h.LIGHT ? l[300] : l[600]
               }
             };
           },
@@ -49233,31 +49210,31 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", R = "inset 0px 0px 0px 2px
       },
       MuiDayCalendar: {
         styleOverrides: {
-          weekDayLabel: ({ theme: t }) => ({
+          weekDayLabel: ({ theme: r }) => ({
             // TODO: Need to add additional styles to the theme such as SmallBold or use Caption
-            fontSize: t.typography.Small.fontSize,
+            fontSize: r.typography.Small.fontSize,
             fontWeight: 700
           })
         }
       },
       MuiDataGrid: {
         styleOverrides: {
-          root: ({ theme: t }) => ({
+          root: ({ theme: r }) => ({
             border: "none",
             borderRadius: 0,
-            fontSize: t.typography.Small.fontSize,
+            fontSize: r.typography.Small.fontSize,
             "& .MuiDataGrid-cell": {
               display: "flex",
               alignItems: "center",
               borderTop: "1px solid",
-              borderColor: t.palette.background.highlight
+              borderColor: r.palette.background.highlight
             },
             "& .MuiDataGrid-cell:focus": { outline: "unset" },
             "& .MuiDataGrid-iconSeparator": { display: "none" },
             "& .MuiDataGrid-columnHeaders": {
-              backgroundColor: t.palette.background.paper,
+              backgroundColor: r.palette.background.paper,
               borderBottom: "2px solid",
-              borderColor: t.palette.divider
+              borderColor: r.palette.divider
             },
             "& .MuiDataGrid-columnHeaderTitle": {
               fontWeight: 600
@@ -49282,7 +49259,7 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", R = "inset 0px 0px 0px 2px
       },
       MuiDateRangePickerDay: {
         styleOverrides: {
-          root: ({ theme: t }) => ({
+          root: ({ theme: r }) => ({
             ":first-of-type": {
               borderTopLeftRadius: 4,
               borderBottomLeftRadius: 4,
@@ -49303,7 +49280,7 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", R = "inset 0px 0px 0px 2px
               borderRadius: 4
             },
             "& .MuiPickersDay-dayOutsideMonth": {
-              color: t.palette.grey[500]
+              color: r.palette.grey[500]
             }
           }),
           day: {
@@ -49344,8 +49321,8 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", R = "inset 0px 0px 0px 2px
           "aria-hidden": true
         },
         styleOverrides: {
-          root: ({ theme: t }) => ({
-            borderColor: t.palette.border.light
+          root: ({ theme: r }) => ({
+            borderColor: r.palette.border.light
           }),
           inset: {
             marginLeft: 68
@@ -49386,7 +49363,7 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", R = "inset 0px 0px 0px 2px
             // Body
             lineHeight: "20px",
             // Body
-            transition: `box-shadow 350ms ${Le}`,
+            transition: `box-shadow 350ms ${D0}`,
             width: "100%",
             "&.MuiOutlinedInput-input.Mui-disabled": {
               padding: 12,
@@ -49402,7 +49379,7 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", R = "inset 0px 0px 0px 2px
       },
       MuiLink: {
         styleOverrides: {
-          root: ({ theme: t }) => ({
+          root: ({ theme: r }) => ({
             display: "inline-flex",
             alignItems: "center",
             boxSizing: "border-box",
@@ -49417,7 +49394,7 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", R = "inset 0px 0px 0px 2px
               outline: "rgba(82, 138, 224, 0.8) auto 1px"
             },
             "&:hover": {
-              backgroundColor: t.palette.action.hover,
+              backgroundColor: r.palette.action.hover,
               borderBottom: "1px solid"
             },
             fontWeight: 600
@@ -49426,7 +49403,7 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", R = "inset 0px 0px 0px 2px
         variants: [
           {
             props: { color: "primary" },
-            style: ({ theme: t }) => t.palette.mode === u.DARK ? { color: t.palette.primary.light } : {}
+            style: ({ theme: r }) => r.palette.mode === h.DARK ? { color: r.palette.primary.light } : {}
           }
         ]
       },
@@ -49452,17 +49429,17 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", R = "inset 0px 0px 0px 2px
           disablePadding: true
         },
         styleOverrides: {
-          root: ({ ownerState: t, theme: i }) => {
-            const { mode: n, primary: l } = i.palette;
+          root: ({ ownerState: r, theme: i }) => {
+            const { mode: l, primary: c } = i.palette;
             return {
               minHeight: 64,
-              ...!t.disablePadding && {
+              ...!r.disablePadding && {
                 paddingTop: 12,
                 paddingBottom: 12,
                 paddingLeft: 24
               },
               "& .MuiIconButton-root": {
-                color: n === u.LIGHT ? l.main : l.light
+                color: l === h.LIGHT ? c.main : c.light
               }
             };
           }
@@ -49470,7 +49447,7 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", R = "inset 0px 0px 0px 2px
       },
       MuiCollapse: {
         styleOverrides: {
-          root: ({ theme: t }) => ({
+          root: ({ theme: r }) => ({
             "& .MuiListItem-root": {
               minHeight: 44
             },
@@ -49478,10 +49455,10 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", R = "inset 0px 0px 0px 2px
               minHeight: 44,
               paddingLeft: 12,
               "&:hover": {
-                backgroundColor: `${t.palette.secondary.lighter}33`
+                backgroundColor: `${r.palette.secondary.lighter}33`
               },
               "&:active": {
-                backgroundColor: `${t.palette.secondary.lighter}66`
+                backgroundColor: `${r.palette.secondary.lighter}66`
               }
             }
           })
@@ -49503,21 +49480,21 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", R = "inset 0px 0px 0px 2px
       },
       MuiListItemButton: {
         styleOverrides: {
-          root: ({ theme: t }) => ({
+          root: ({ theme: r }) => ({
             minHeight: 64,
             paddingLeft: 24,
             paddingRight: 24,
             paddingTop: 12,
             paddingBottom: 12,
             "&.Mui-focusVisible": {
-              boxShadow: R
+              boxShadow: B
             },
             "&:active": {
-              backgroundColor: `${t.palette.secondary.lighter}33`
+              backgroundColor: `${r.palette.secondary.lighter}33`
             },
             "&.Mui-selected": {
               fontWeight: "bold",
-              borderLeft: `3px solid ${t.palette.primary.main}`,
+              borderLeft: `3px solid ${r.palette.primary.main}`,
               paddingLeft: 21
             }
           })
@@ -49543,10 +49520,10 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", R = "inset 0px 0px 0px 2px
       },
       MuiListItemIcon: {
         styleOverrides: {
-          root: ({ theme: t }) => ({
+          root: ({ theme: r }) => ({
             minWidth: "auto",
             marginLeft: 8,
-            color: t.palette.text.primary
+            color: r.palette.text.primary
           })
         }
       },
@@ -49556,11 +49533,11 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", R = "inset 0px 0px 0px 2px
           // without this it defaults to the secondary color
         },
         styleOverrides: {
-          root: ({ theme: t }) => ({
+          root: ({ theme: r }) => ({
             lineHeight: "inherit",
             top: -1,
             // This fixes an issue where there is a 1px gap when the subheader sticks to the top while scrolling
-            backgroundColor: t.palette.background.default
+            backgroundColor: r.palette.background.default
           })
         }
       },
@@ -49590,14 +49567,14 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", R = "inset 0px 0px 0px 2px
       },
       MuiOutlinedInput: {
         styleOverrides: {
-          root: ({ theme: t }) => ({
+          root: ({ theme: r }) => ({
             "&.Mui-focused": {
               "& .MuiOutlinedInput-notchedOutline": {
                 outline: "none"
               }
             },
             "& .MuiSelect-icon": {
-              color: t.palette.mode === u.LIGHT ? t.palette.grey[900] : t.palette.common.white
+              color: r.palette.mode === h.LIGHT ? r.palette.grey[900] : r.palette.common.white
             }
           })
         }
@@ -49619,8 +49596,8 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", R = "inset 0px 0px 0px 2px
       },
       MuiPickersDay: {
         styleOverrides: {
-          today: ({ theme: t }) => ({
-            color: t.palette.action.selected,
+          today: ({ theme: r }) => ({
+            color: r.palette.action.selected,
             fontWeight: 700,
             textDecoration: "2px underline",
             textUnderlineOffset: 4,
@@ -49636,29 +49613,29 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", R = "inset 0px 0px 0px 2px
             backgroundColor: "transparent !important",
             padding: 16
           },
-          toolbar: ({ theme: t }) => ({
+          toolbar: ({ theme: r }) => ({
             gridColumn: "1/4",
             "& > .MuiTypography-root": {
               textTransform: "uppercase",
-              fontSize: t.typography.Small.fontSize,
+              fontSize: r.typography.Small.fontSize,
               fontWeight: 600,
-              lineHeight: t.typography.Small.lineHeight
+              lineHeight: r.typography.Small.lineHeight
             }
           })
         }
       },
       MuiPickersToolbar: {
         styleOverrides: {
-          content: ({ theme: t }) => ({
+          content: ({ theme: r }) => ({
             marginTop: 4,
             "& .MuiTypography-root": {
-              fontSize: t.typography.H3.fontSize,
-              lineHeight: t.typography.H3.lineHeight
+              fontSize: r.typography.H3.fontSize,
+              lineHeight: r.typography.H3.lineHeight
             },
             "& .MuiPickersToolbarText-root": {
-              color: t.palette.mode === u.LIGHT ? t.palette.secondary.light : t.palette.secondary.dark,
+              color: r.palette.mode === h.LIGHT ? r.palette.secondary.light : r.palette.secondary.dark,
               "&.Mui-selected": {
-                color: t.palette.text.primary
+                color: r.palette.text.primary
               }
             }
           })
@@ -49684,20 +49661,20 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", R = "inset 0px 0px 0px 2px
       },
       MuiSnackbar: {
         styleOverrides: {
-          root: ({ theme: t }) => ({
+          root: ({ theme: r }) => ({
             "& .MuiAlert-icon": {
-              color: t.palette.success.contrastText
+              color: r.palette.success.contrastText
             },
             "& .MuiAlert-message": {
-              color: t.palette.success.contrastText
+              color: r.palette.success.contrastText
             }
           })
         }
       },
       MuiSwitch: {
         styleOverrides: {
-          root: ({ theme: t }) => {
-            const { grey: i, mode: n } = t.palette;
+          root: ({ theme: r }) => {
+            const { grey: i, mode: l } = r.palette;
             return {
               width: 34,
               height: 18,
@@ -49721,10 +49698,10 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", R = "inset 0px 0px 0px 2px
                   }
                 },
                 "&.Mui-disabled .MuiSwitch-thumb": {
-                  color: n === u.LIGHT ? i[100] : i[600]
+                  color: l === h.LIGHT ? i[100] : i[600]
                 },
                 "&.Mui-disabled + .MuiSwitch-track": {
-                  opacity: n === u.LIGHT ? 0.7 : 0.3
+                  opacity: l === h.LIGHT ? 0.7 : 0.3
                 },
                 "&.Mui-focusVisible .MuiSwitch-thumb": {
                   color: "#0AC295",
@@ -49738,7 +49715,7 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", R = "inset 0px 0px 0px 2px
                 height: 14
               },
               "& .MuiSwitch-track": {
-                backgroundColor: n === u.LIGHT ? i[400] : i[700],
+                backgroundColor: l === h.LIGHT ? i[400] : i[700],
                 borderRadius: 18 / 2,
                 opacity: 1
               }
@@ -49748,8 +49725,8 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", R = "inset 0px 0px 0px 2px
       },
       MuiTextField: {
         styleOverrides: {
-          root: ({ theme: t }) => ({
-            backgroundColor: t.palette.background.paper
+          root: ({ theme: r }) => ({
+            backgroundColor: r.palette.background.paper
           })
         }
       },
@@ -49762,7 +49739,7 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", R = "inset 0px 0px 0px 2px
   });
 };
 
-const ProtectedTextField = withProtection(wt);
+const ProtectedTextField = withProtection(Re);
 const ProtectedRadio = withProtection(Radio);
 const ProtectedSelect = withProtection(Select$1);
 const ProtectedSelectionBox = withProtection(SelectionBox);
@@ -49832,7 +49809,15 @@ const InstitutionGridTile = (props) => {
       },
       type: "button",
       children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles.institutionBodyContainer, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "iconTile " + dist.css(styles.iconTile), style: styles.iconTile, children: /* @__PURE__ */ jsxRuntimeExports.jsx(InstitutionLogo, { alt: "", institutionGuid: institution.guid, size: containerWidth - 24 }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "iconTile " + dist.css(styles.iconTile), style: styles.iconTile, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          De,
+          {
+            alt: "",
+            institutionGuid: institution.guid,
+            logoUrl: institution.logo_url,
+            size: containerWidth - 24
+          }
+        ) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles.textColumn, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles.name, children: institution.name }) })
       ] })
     }
@@ -50067,7 +50052,7 @@ const InstitutionTile = (props) => {
       endIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { color: tokens.TextColor.Default, height: 16, width: 16 }),
       fullWidth: true,
       onClick: selectInstitution,
-      startIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(Lt, { institutionGuid: institution.guid, size }),
+      startIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(De, { institutionGuid: institution.guid, size }),
       style: styles.container,
       sx: {
         "&:hover": {
@@ -57278,7 +57263,7 @@ const usePasswordInputValidation = () => {
           "aria-label": showPassword ? __("Hide password") : __("Show password"),
           edge: "end",
           onClick: handleTogglePassword,
-          children: showPassword ? /* @__PURE__ */ jsxRuntimeExports.jsx(b, { className: "material-symbols-rounded", name: "visibility_off" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(b, { className: "material-symbols-rounded", name: "visibility" })
+          children: showPassword ? /* @__PURE__ */ jsxRuntimeExports.jsx(M, { className: "material-symbols-rounded", name: "visibility_off" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(M, { className: "material-symbols-rounded", name: "visibility" })
         }
       ) })
     )
@@ -59637,14 +59622,14 @@ const Connected = ({
       }
     ),
     /* @__PURE__ */ jsxRuntimeExports.jsx(SlideDown, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles.header, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-      b,
+      M,
       {
         className: "material-symbols-rounded",
         color: "success",
         fill: true,
         name: "check_circle",
         size: 80,
-        weight: fe.Dark
+        weight: f0.Dark
       }
     ) }) }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs(SlideDown, { children: [
@@ -59818,7 +59803,7 @@ const ActionTile = (props) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     Button$1,
     {
-      endIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(b, { name: "chevron_right", size: 24 }),
+      endIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(M, { name: "chevron_right", size: 24 }),
       fullWidth: true,
       onClick: onSelectAction,
       size: "large",
@@ -62933,8 +62918,14 @@ const useSelectInstitution = () => {
       map((institution) => {
         return selectInstitutionSuccess$1({ institution });
       }),
-      catchError((err) => of(selectInstitutionError(err)))
-    ).subscribe((action) => dispatch(action));
+      catchError((err) => {
+        setInstitutionGuid("");
+        return of(selectInstitutionError(err));
+      })
+    ).subscribe((action) => {
+      setInstitutionGuid("");
+      dispatch(action);
+    });
     return () => selectInstitution$.unsubscribe();
   }, [institutionGuid]);
   return { handleSelectInstitution };
@@ -66320,7 +66311,7 @@ const ConnectedTokenProvider = ({ children }) => {
   const customTokens = useSelector(getTokenProviderValues);
   const colorScheme = useSelector((state) => state.config.color_scheme);
   const isDarkModeEnabled = colorScheme === THEMES.DARK;
-  const mxTheme = Ot(isDarkModeEnabled ? "dark" : "light");
+  const mxTheme = Oe(isDarkModeEnabled ? "dark" : "light");
   const combinedTheme = deepmerge$1(mxTheme, theme(customTokens.tokenOverrides.Color));
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     TokenProvider,