@hiver/connector-admin 1.2.0 → 1.2.1

package/index.es.js

@@ -306,7 +306,7 @@ function x4() {
       var ze = O ? O.displayName || O.name : "", ke = ze ? CA(ze) : "";
       return typeof O == "function" && hA.set(O, ke), ke;
     }
-    function bA(O, G, AA) {
+    function yA(O, G, AA) {
       return Y(O, !1);
     }
     function nA(O) {
@@ -329,7 +329,7 @@ function x4() {
       if (typeof O == "object")
         switch (O.$$typeof) {
           case i:
-            return bA(O.render);
+            return yA(O.render);
           case I:
             return fA(O.type, G, AA);
           case Q: {
@@ -1479,8 +1479,8 @@ function i6() {
     }
     function m(Y) {
       if (typeof Y == "object" && Y !== null) {
-        var bA = Y.$$typeof;
-        switch (bA) {
+        var yA = Y.$$typeof;
+        switch (yA) {
           case e:
             var nA = Y.type;
             switch (nA) {
@@ -1501,11 +1501,11 @@ function i6() {
                   case g:
                     return fA;
                   default:
-                    return bA;
+                    return yA;
                 }
             }
           case t:
-            return bA;
+            return yA;
         }
       }
     }
@@ -1730,11 +1730,11 @@ function I6() {
             );
             throw Y.name = "Invariant Violation", Y;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var bA = CA + ":" + IA;
-            !oA[bA] && // Avoid spamming the console because they are often not actionable except for lib authors
+            var yA = CA + ":" + IA;
+            !oA[yA] && // Avoid spamming the console because they are often not actionable except for lib authors
             gA < 3 && (o(
               "You are manually calling a React.PropTypes validation function for the `" + hA + "` prop on `" + CA + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
-            ), oA[bA] = !0, gA++);
+            ), oA[yA] = !0, gA++);
           }
         }
         return sA[IA] == null ? iA ? sA[IA] === null ? new l("The " + BA + " `" + hA + "` is marked as required " + ("in `" + CA + "`, but its value is `null`.")) : new l("The " + BA + " `" + hA + "` is marked as required in " + ("`" + CA + "`, but its value is `undefined`.")) : null : R(sA, IA, CA, BA, hA);
@@ -1819,8 +1819,8 @@ function I6() {
           if (c(IA, R[CA]))
             return null;
         var BA = JSON.stringify(R, function(mA, Y) {
-          var bA = J(Y);
-          return bA === "symbol" ? String(Y) : Y;
+          var yA = J(Y);
+          return yA === "symbol" ? String(Y) : Y;
         });
         return new l("Invalid " + iA + " `" + sA + "` of value `" + String(IA) + "` " + ("supplied to `" + eA + "`, expected one of " + BA + "."));
       }
@@ -1860,8 +1860,8 @@ function I6() {
             return null;
           Y.data && n(Y.data, "expectedType") && BA.push(Y.data.expectedType);
         }
-        var bA = BA.length > 0 ? ", expected one of type [" + BA.join(", ") + "]" : "";
-        return new l("Invalid " + IA + " `" + CA + "` supplied to " + ("`" + sA + "`" + bA + "."));
+        var yA = BA.length > 0 ? ", expected one of type [" + BA.join(", ") + "]" : "";
+        return new l("Invalid " + IA + " `" + CA + "` supplied to " + ("`" + sA + "`" + yA + "."));
       }
       return B(aA);
     }
@@ -2271,10 +2271,10 @@ function v6() {
     function Y(nA) {
       return f(nA) === s;
     }
-    function bA(nA) {
+    function yA(nA) {
       return f(nA) === E;
     }
-    ye.ContextConsumer = v, ye.ContextProvider = w, ye.Element = y, ye.ForwardRef = D, ye.Fragment = T, ye.Lazy = L, ye.Memo = N, ye.Portal = j, ye.Profiler = M, ye.StrictMode = z, ye.Suspense = V, ye.SuspenseList = J, ye.isAsyncMode = R, ye.isConcurrentMode = oA, ye.isContextConsumer = gA, ye.isContextProvider = aA, ye.isElement = eA, ye.isForwardRef = iA, ye.isFragment = sA, ye.isLazy = IA, ye.isMemo = CA, ye.isPortal = BA, ye.isProfiler = hA, ye.isStrictMode = mA, ye.isSuspense = Y, ye.isSuspenseList = bA, ye.isValidElementType = m, ye.typeOf = f;
+    ye.ContextConsumer = v, ye.ContextProvider = w, ye.Element = y, ye.ForwardRef = D, ye.Fragment = T, ye.Lazy = L, ye.Memo = N, ye.Portal = j, ye.Profiler = M, ye.StrictMode = z, ye.Suspense = V, ye.SuspenseList = J, ye.isAsyncMode = R, ye.isConcurrentMode = oA, ye.isContextConsumer = gA, ye.isContextProvider = aA, ye.isElement = eA, ye.isForwardRef = iA, ye.isFragment = sA, ye.isLazy = IA, ye.isMemo = CA, ye.isPortal = BA, ye.isProfiler = hA, ye.isStrictMode = mA, ye.isSuspense = Y, ye.isSuspenseList = yA, ye.isValidElementType = m, ye.typeOf = f;
   }()), ye;
 }
 process.env.NODE_ENV === "production" ? ws.exports = m6() : ws.exports = v6();
@@ -3496,8 +3496,8 @@ function T5() {
     }
     function m(Y) {
       if (typeof Y == "object" && Y !== null) {
-        var bA = Y.$$typeof;
-        switch (bA) {
+        var yA = Y.$$typeof;
+        switch (yA) {
           case e:
             var nA = Y.type;
             switch (nA) {
@@ -3518,11 +3518,11 @@ function T5() {
                   case g:
                     return fA;
                   default:
-                    return bA;
+                    return yA;
                 }
             }
           case t:
-            return bA;
+            return yA;
         }
       }
     }
@@ -7953,7 +7953,7 @@ const Em = GA("MuiButtonBase", ["root", "disabled", "focusVisible"]), Im = ["act
   function BA(dA, zA, Fe = I) {
     return Lt((Ze) => (zA && zA(Ze), !Fe && Z.current && Z.current[dA](Ze), !0));
   }
-  const hA = BA("start", v), mA = BA("stop", B), Y = BA("stop", u), bA = BA("stop", y), nA = BA("stop", (dA) => {
+  const hA = BA("start", v), mA = BA("stop", B), Y = BA("stop", u), yA = BA("stop", y), nA = BA("stop", (dA) => {
     eA && dA.preventDefault(), w && w(dA);
   }), fA = BA("start", L), uA = BA("stop", D), Me = BA("stop", T), xA = BA("stop", (dA) => {
     gA(dA), R.current === !1 && iA(!1), c && c(dA);
@@ -8002,7 +8002,7 @@ const Em = GA("MuiButtonBase", ["root", "disabled", "focusVisible"]), Im = ["act
     onKeyUp: Ce,
     onMouseDown: hA,
     onMouseLeave: nA,
-    onMouseUp: bA,
+    onMouseUp: yA,
     onDragLeave: Y,
     onTouchEnd: uA,
     onTouchMove: Me,
@@ -8936,7 +8936,7 @@ function Rm(A) {
     }
     return k;
   };
-  const sA = x.useRef(!1), IA = x.useRef(!0), CA = x.useRef(null), BA = x.useRef(null), [hA, mA] = x.useState(null), [Y, bA] = x.useState(-1), nA = r ? 0 : -1, fA = x.useRef(nA), [uA, Me] = A2({
+  const sA = x.useRef(!1), IA = x.useRef(!0), CA = x.useRef(null), BA = x.useRef(null), [hA, mA] = x.useState(null), [Y, yA] = x.useState(-1), nA = r ? 0 : -1, fA = x.useRef(nA), [uA, Me] = A2({
     controlled: aA,
     default: E,
     name: s
@@ -8990,7 +8990,7 @@ function Rm(A) {
     H === -1 ? CA.current.focus() : hA.querySelector(`[data-tag-index="${H}"]`).focus();
   });
   x.useEffect(() => {
-    N && Y > uA.length - 1 && (bA(-1), Ze(-1));
+    N && Y > uA.length - 1 && (yA(-1), Ze(-1));
   }, [uA, N, Y, Ze]);
   function At(H, k) {
     if (!BA.current || H < 0 || H >= dA.length)
@@ -9171,11 +9171,11 @@ function Rm(A) {
       return;
     xA === "" && xt(H, "toggleInput");
     let q = Y;
-    Y === -1 ? xA === "" && k === "previous" && (q = uA.length - 1) : (q += k === "next" ? 1 : -1, q < 0 && (q = 0), q === uA.length && (q = -1)), q = Nt(q, k), bA(q), Ze(q);
+    Y === -1 ? xA === "" && k === "previous" && (q = uA.length - 1) : (q += k === "next" ? 1 : -1, q < 0 && (q = 0), q === uA.length && (q = -1)), q = Nt(q, k), yA(q), Ze(q);
   }, Nn = (H) => {
     sA.current = !0, Ee(""), V && V(H, "", "clear"), qe(H, N ? [] : null, "clear");
   }, _n = (H) => (k) => {
-    if (H.onKeyDown && H.onKeyDown(k), !k.defaultMuiPrevented && (Y !== -1 && ["ArrowLeft", "ArrowRight"].indexOf(k.key) === -1 && (bA(-1), Ze(-1)), k.which !== 229))
+    if (H.onKeyDown && H.onKeyDown(k), !k.defaultMuiPrevented && (Y !== -1 && ["ArrowLeft", "ArrowRight"].indexOf(k.key) === -1 && (yA(-1), Ze(-1)), k.which !== 229))
       switch (k.key) {
         case "Home":
           MA && w && (k.preventDefault(), LA({
@@ -10135,7 +10135,7 @@ function Sv(A) {
       var j, M = m === "y" ? Zt : qt, z = m === "y" ? Pn : Fn, V = m === "y" ? "height" : "width", J = v[m], Z = J + B[M], $ = J - B[z], R = d ? -y[V] / 2 : 0, oA = h === bo ? w[V] : y[V], gA = h === bo ? -y[V] : -w[V], aA = e.elements.arrow, eA = d && aA ? aE(aA) : {
         width: 0,
         height: 0
-      }, iA = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : au(), sA = iA[M], IA = iA[z], CA = u0(0, w[V], eA[V]), BA = p ? w[V] / 2 - R - CA - sA - T.mainAxis : oA - CA - sA - T.mainAxis, hA = p ? -w[V] / 2 + R + CA + IA + T.mainAxis : gA + CA + IA + T.mainAxis, mA = e.elements.arrow && og(e.elements.arrow), Y = mA ? m === "y" ? mA.clientTop || 0 : mA.clientLeft || 0 : 0, bA = (j = L == null ? void 0 : L[m]) != null ? j : 0, nA = J + BA - bA - Y, fA = J + hA - bA, uA = u0(d ? MC(Z, nA) : Z, J, d ? L2($, fA) : $);
+      }, iA = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : au(), sA = iA[M], IA = iA[z], CA = u0(0, w[V], eA[V]), BA = p ? w[V] / 2 - R - CA - sA - T.mainAxis : oA - CA - sA - T.mainAxis, hA = p ? -w[V] / 2 + R + CA + IA + T.mainAxis : gA + CA + IA + T.mainAxis, mA = e.elements.arrow && og(e.elements.arrow), Y = mA ? m === "y" ? mA.clientTop || 0 : mA.clientLeft || 0 : 0, yA = (j = L == null ? void 0 : L[m]) != null ? j : 0, nA = J + BA - yA - Y, fA = J + hA - yA, uA = u0(d ? MC(Z, nA) : Z, J, d ? L2($, fA) : $);
       v[m] = uA, N[m] = uA - J;
     }
     if (a) {
@@ -11849,9 +11849,9 @@ const Vt = GA("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
   Y.focused = mA ? mA.focused : BA, x.useEffect(() => {
     !mA && Q && BA && (hA(!1), y && y());
   }, [mA, Q, BA, y]);
-  const bA = mA && mA.onFilled, nA = mA && mA.onEmpty, fA = x.useCallback((MA) => {
-    kC(MA) ? bA && bA() : nA && nA();
-  }, [bA, nA]);
+  const yA = mA && mA.onFilled, nA = mA && mA.onEmpty, fA = x.useCallback((MA) => {
+    kC(MA) ? yA && yA() : nA && nA();
+  }, [yA, nA]);
   jn(() => {
     iA && fA({
       value: eA
@@ -12614,7 +12614,7 @@ const Pb = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "Chip
     PopperComponent: hA = gg,
     popupIcon: mA = _I || (_I = /* @__PURE__ */ b.jsx(cu, {})),
     readOnly: Y = !1,
-    renderGroup: bA,
+    renderGroup: yA,
     renderInput: nA,
     renderOption: fA,
     renderTags: uA,
@@ -12689,7 +12689,7 @@ const Pb = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "Chip
       children: z(W)
     }, st.length)));
   }
-  const on = bA || ((W) => /* @__PURE__ */ b.jsxs("li", {
+  const on = yA || ((W) => /* @__PURE__ */ b.jsxs("li", {
     children: [/* @__PURE__ */ b.jsx(zb, {
       className: fe.groupLabel,
       ownerState: Ve,
@@ -15523,10 +15523,10 @@ const aw = ["BackdropComponent", "BackdropProps", "classes", "className", "close
   }), iA = iw(eA), sA = {};
   if (c.props.tabIndex === void 0 && (sA.tabIndex = "-1"), aA) {
     const {
-      onEnter: bA,
+      onEnter: yA,
       onExited: nA
     } = $();
-    sA.onEnter = bA, sA.onExited = nA;
+    sA.onEnter = yA, sA.onExited = nA;
   }
   const IA = (n = (r = M == null ? void 0 : M.root) != null ? r : u.Root) != null ? n : sw, CA = (o = (g = M == null ? void 0 : M.backdrop) != null ? g : u.Backdrop) != null ? o : E, BA = (a = j == null ? void 0 : j.root) != null ? a : h.root, hA = (i = j == null ? void 0 : j.backdrop) != null ? i : h.backdrop, mA = o2({
     elementType: IA,
@@ -15543,9 +15543,9 @@ const aw = ["BackdropComponent", "BackdropProps", "classes", "className", "close
     elementType: CA,
     externalSlotProps: hA,
     additionalProps: I,
-    getSlotProps: (bA) => Z(P({}, bA, {
+    getSlotProps: (yA) => Z(P({}, yA, {
       onClick: (nA) => {
-        L && L(nA), bA != null && bA.onClick && bA.onClick(nA);
+        L && L(nA), yA != null && yA.onClick && yA.onClick(nA);
       }
     })),
     className: TA(hA == null ? void 0 : hA.className, I == null ? void 0 : I.className, iA == null ? void 0 : iA.backdrop),
@@ -16702,7 +16702,7 @@ process.env.NODE_ENV !== "production" && (vu.propTypes = {
    */
   variant: C.oneOf(["filled", "outlined", "standard"])
 });
-const yA = Uh({
+const bA = Uh({
   createStyledComponent: U("div", {
     name: "MuiStack",
     slot: "Root",
@@ -16713,7 +16713,7 @@ const yA = Uh({
     name: "MuiStack"
   })
 });
-process.env.NODE_ENV !== "production" && (yA.propTypes = {
+process.env.NODE_ENV !== "production" && (bA.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -18666,7 +18666,7 @@ const dx = (A) => {
   }), V = dx(z), J = x.useCallback(() => {
     if (I === "anchorPosition")
       return process.env.NODE_ENV !== "production" && (E || console.error('MUI: You need to provide a `anchorPosition` prop when using <Popover anchorReference="anchorPosition" />.')), E;
-    const bA = eC(i), nA = bA && bA.nodeType === 1 ? bA : ht(j.current).body, fA = nA.getBoundingClientRect();
+    const yA = eC(i), nA = yA && yA.nodeType === 1 ? yA : ht(j.current).body, fA = nA.getBoundingClientRect();
     if (process.env.NODE_ENV !== "production") {
       const uA = nA.getBoundingClientRect();
       process.env.NODE_ENV !== "test" && uA.top === 0 && uA.left === 0 && uA.right === 0 && uA.bottom === 0 && console.warn(["MUI: The `anchorEl` prop provided to the component is invalid.", "The anchor element should be part of the document layout.", "Make sure the element is present in the document or that it's not display none."].join(`
@@ -18676,13 +18676,13 @@ const dx = (A) => {
       top: fA.top + sB(fA, s.vertical),
       left: fA.left + EB(fA, s.horizontal)
     };
-  }, [i, s.horizontal, s.vertical, E, I]), Z = x.useCallback((bA) => ({
-    vertical: sB(bA, f.vertical),
-    horizontal: EB(bA, f.horizontal)
-  }), [f.horizontal, f.vertical]), $ = x.useCallback((bA) => {
+  }, [i, s.horizontal, s.vertical, E, I]), Z = x.useCallback((yA) => ({
+    vertical: sB(yA, f.vertical),
+    horizontal: EB(yA, f.horizontal)
+  }), [f.horizontal, f.vertical]), $ = x.useCallback((yA) => {
     const nA = {
-      width: bA.offsetWidth,
-      height: bA.offsetHeight
+      width: yA.offsetWidth,
+      height: yA.offsetHeight
     }, fA = Z(nA);
     if (I === "none")
       return {
@@ -18714,15 +18714,15 @@ const dx = (A) => {
       transformOrigin: IB(fA)
     };
   }, [i, I, J, Z, B]), [R, oA] = x.useState(u), gA = x.useCallback(() => {
-    const bA = j.current;
-    if (!bA)
+    const yA = j.current;
+    if (!yA)
       return;
-    const nA = $(bA);
-    nA.top !== null && (bA.style.top = nA.top), nA.left !== null && (bA.style.left = nA.left), bA.style.transformOrigin = nA.transformOrigin, oA(!0);
+    const nA = $(yA);
+    nA.top !== null && (yA.style.top = nA.top), nA.left !== null && (yA.style.left = nA.left), yA.style.transformOrigin = nA.transformOrigin, oA(!0);
   }, [$]);
   x.useEffect(() => (D && window.addEventListener("scroll", gA), () => window.removeEventListener("scroll", gA)), [i, D, gA]);
-  const aA = (bA, nA) => {
-    y && y(bA, nA), gA();
+  const aA = (yA, nA) => {
+    y && y(yA, nA), gA();
   }, eA = () => {
     oA(!1);
   };
@@ -18735,11 +18735,11 @@ const dx = (A) => {
   } : null, [u, gA]), x.useEffect(() => {
     if (!u)
       return;
-    const bA = L1(() => {
+    const yA = L1(() => {
       gA();
     }), nA = r2(i);
-    return nA.addEventListener("resize", bA), () => {
-      bA.clear(), nA.removeEventListener("resize", bA);
+    return nA.addEventListener("resize", yA), () => {
+      yA.clear(), nA.removeEventListener("resize", yA);
     };
   }, [i, u, gA]);
   let iA = w;
@@ -20074,7 +20074,7 @@ const _x = (A) => {
   }, [u]);
   const Y = (wA, LA) => {
     wA ? D && D(LA) : w && w(LA), sA || (CA(a ? null : mA.clientWidth), oA(wA));
-  }, bA = (wA) => {
+  }, yA = (wA) => {
     wA.button === 0 && (wA.preventDefault(), aA.current.focus(), Y(!0, wA));
   }, nA = (wA) => {
     Y(!1, wA);
@@ -20183,7 +20183,7 @@ const _x = (A) => {
       "aria-labelledby": [u, dA].filter(Boolean).join(" ") || void 0,
       "aria-describedby": r,
       onKeyDown: xA,
-      onMouseDown: Q || L ? null : bA,
+      onMouseDown: Q || L ? null : yA,
       onBlur: oe,
       onFocus: y
     }, j, {
@@ -21485,7 +21485,7 @@ const kr = /* @__PURE__ */ x.forwardRef(function(e, t) {
     slots: hA = {},
     title: mA,
     TransitionComponent: Y = Do,
-    TransitionProps: bA
+    TransitionProps: yA
   } = v, nA = pA(v, vD), fA = /* @__PURE__ */ x.isValidElement(y) ? y : /* @__PURE__ */ b.jsx("span", {
     children: y
   }), uA = Z2(), Me = qc(), [xA, Ee] = x.useState(), [oe, _A] = x.useState(null), ge = x.useRef(!1), Ce = M || $, $A = y2(), Ne = y2(), ue = y2(), de = y2(), [MA, dA] = A2({
@@ -21607,7 +21607,7 @@ const kr = /* @__PURE__ */ x.forwardRef(function(e, t) {
     touch: ge.current
   }), K = yD(X), O = (n = (r = hA.popper) != null ? r : D.Popper) != null ? n : wD, G = (o = (g = (a = hA.transition) != null ? a : D.Transition) != null ? g : Y) != null ? o : Do, AA = (i = (s = hA.tooltip) != null ? s : D.Tooltip) != null ? i : xD, H = (E = (I = hA.arrow) != null ? I : D.Arrow) != null ? E : DD, k = Eo(O, P({}, CA, (Q = BA.popper) != null ? Q : T.popper, {
     className: TA(K.popper, CA == null ? void 0 : CA.className, (d = (c = BA.popper) != null ? c : T.popper) == null ? void 0 : d.className)
-  }), X), q = Eo(G, P({}, bA, (l = BA.transition) != null ? l : T.transition), X), W = Eo(AA, P({}, (B = BA.tooltip) != null ? B : T.tooltip, {
+  }), X), q = Eo(G, P({}, yA, (l = BA.transition) != null ? l : T.transition), X), W = Eo(AA, P({}, (B = BA.tooltip) != null ? B : T.tooltip, {
     className: TA(K.tooltip, (u = (h = BA.tooltip) != null ? h : T.tooltip) == null ? void 0 : u.className)
   }), X), _ = Eo(H, P({}, (p = BA.arrow) != null ? p : T.arrow, {
     className: TA(K.arrow, (m = (f = BA.arrow) != null ? f : T.arrow) == null ? void 0 : m.className)
@@ -25259,14 +25259,14 @@ function zn() {
     return A;
   }, zn.apply(this, arguments);
 }
-const ZO = U(jA)(({ size: A = 40 }) => ({ display: "inline-flex", position: "relative", "& .MuiCircularProgress-withLabel-label": { alignItems: "center", justifyContent: "center", position: "absolute", top: 0, right: 0, bottom: 0, left: 0, fontSize: A, "& .MuiCircularProgress-withLabel-labelTypography": { fontSize: "0.3em" } } })), Hd = ({ label: A, ...e }) => A == null ? F.createElement(Vs, e) : F.createElement(ZO, zn({ className: "MuiCircularProgress-withLabel", label: A }, e), F.createElement(Vs, e), F.createElement(yA, { className: "MuiCircularProgress-withLabel-label" }, F.createElement(WA, { className: "MuiCircularProgress-withLabel-labelTypography", variant: "caption", component: "div", color: "gray.gray3" }, A))), qO = U(wt)(({ theme: A }) => ({ ...A.typography.h4, color: A.palette.gray.gray1, borderColor: A.palette.gray.gray4, height: A.spacing(4.5), display: "flex", letterSpacing: "0.5px", borderRadius: A.shape.borderRadius, "& .MuiButton-startIcon .MuiSvgIcon-root": { height: A.spacing(2), width: A.spacing(2) }, "&:not(.MuiButton-disableElevation) .MuiButton-startIcon": { color: A.palette.gray.gray2 }, "&:not(.MuiButton-disableElevation) .MuiButton-endIcon": { color: A.palette.gray.gray2 }, "&:hover": { backgroundColor: A.palette.gray.gray7, color: A.palette.gray.gray1, borderColor: A.palette.gray.gray4, boxShadow: "none" } }));
+const ZO = U(jA)(({ size: A = 40 }) => ({ display: "inline-flex", position: "relative", "& .MuiCircularProgress-withLabel-label": { alignItems: "center", justifyContent: "center", position: "absolute", top: 0, right: 0, bottom: 0, left: 0, fontSize: A, "& .MuiCircularProgress-withLabel-labelTypography": { fontSize: "0.3em" } } })), Hd = ({ label: A, ...e }) => A == null ? F.createElement(Vs, e) : F.createElement(ZO, zn({ className: "MuiCircularProgress-withLabel", label: A }, e), F.createElement(Vs, e), F.createElement(bA, { className: "MuiCircularProgress-withLabel-label" }, F.createElement(WA, { className: "MuiCircularProgress-withLabel-labelTypography", variant: "caption", component: "div", color: "gray.gray3" }, A))), qO = U(wt)(({ theme: A }) => ({ ...A.typography.h4, color: A.palette.gray.gray1, borderColor: A.palette.gray.gray4, height: A.spacing(4.5), display: "flex", letterSpacing: "0.5px", borderRadius: A.shape.borderRadius, "& .MuiButton-startIcon .MuiSvgIcon-root": { height: A.spacing(2), width: A.spacing(2) }, "&:not(.MuiButton-disableElevation) .MuiButton-startIcon": { color: A.palette.gray.gray2 }, "&:not(.MuiButton-disableElevation) .MuiButton-endIcon": { color: A.palette.gray.gray2 }, "&:hover": { backgroundColor: A.palette.gray.gray7, color: A.palette.gray.gray1, borderColor: A.palette.gray.gray4, boxShadow: "none" } }));
 qO.defaultProps = { className: "MuiDateButton", variant: "text" };
 const KO = U(yE)(({ theme: A }) => ({ "& .MuiOutlinedInput-root": { gap: A.spacing(1.25), minWidth: "198px", minHeight: "36px", border: `1px solid ${A.palette.gray.gray5}`, borderRadius: A.shape.borderRadius, padding: A.spacing(), "& .MuiOutlinedInput-input": { ...A.typography.body2, color: A.palette.gray.black }, "& .MuiOutlinedInput-notchedOutline": { border: 0 }, "& .MuiInputAdornment-root": { marginRight: A.spacing(-1), padding: A.spacing(), "& .MuiSvgIcon-root": { height: A.spacing(2.25), width: "auto" }, "&:not(.Mui-disabled) .MuiSvgIcon-root": { color: A.palette.gray.gray4 } }, "&:hover": { border: `1px solid ${A.palette.gray.gray3}` }, "&:focus-within": { border: `1px solid ${A.palette.blue.primary}` }, "&.Mui-error": { border: `1px solid ${A.palette.red.primary}` } } }));
 KO.defaultProps = { className: "MuiDateTextField", variant: "outlined" };
 const JO = U(Yn)(({ theme: A }) => ({ position: "absolute", top: A.spacing(2), right: A.spacing(2), padding: A.spacing() }));
 JO.defaultProps = { "aria-label": "close", size: "medium", children: F.createElement(zu, null) };
-U(yA)(({ theme: A }) => ({ flexDirection: "row", alignItems: "center", "& .MuiLinearProgress-withLabel-progress": { width: "100%", marginRight: A.spacing() }, "& .MuiLinearProgress-withLabel-label": { minWidth: 35 } }));
-const _O = U(yA)(({ theme: A }) => ({ flex: "1 1 auto", overflow: "auto", maxHeight: "176px" }));
+U(bA)(({ theme: A }) => ({ flexDirection: "row", alignItems: "center", "& .MuiLinearProgress-withLabel-progress": { width: "100%", marginRight: A.spacing() }, "& .MuiLinearProgress-withLabel-label": { minWidth: 35 } }));
+const _O = U(bA)(({ theme: A }) => ({ flex: "1 1 auto", overflow: "auto", maxHeight: "176px" }));
 _O.defaultProps = { className: "MuiMenuScrollable" };
 const $O = U(jA)(({ theme: A }) => ({ flex: "0 0 auto", padding: A.spacing(1.5, 1.5, 0.5, 1.5), gap: A.spacing(1.5), display: "flex", flexDirection: "row", justifyContent: "flex-end", alignItems: "center", "& .MuiButton-textPrimary": { color: A.palette.gray.gray3 } }));
 $O.defaultProps = { className: "MuiMenuButton" };
@@ -25280,7 +25280,7 @@ const jd = (A) => F.createElement(C2, zn({ viewBox: "0 0 26 26" }, A), F.createE
   }, [n]), I = bt((Q) => {
     r == null || r(Q, "close");
   }, [r]);
-  return A = F.createElement(yA, { direction: "row", alignItems: "center", gap: 1 }, F.createElement(jd, null), A), s || !n && !r || (s = F.createElement(yA, { direction: "row", alignItems: "center", gap: 1 }, n && F.createElement(wt, { variant: "text", size: "small", color: "inherit", onClick: E }, t), r && F.createElement(Yn, { color: "inherit", size: "small", onClick: I }, F.createElement(kc, null)))), F.createElement(Xu, zn({}, i, { onClose: r }), o ?? F.createElement("div", null, F.createElement(eL, { className: g ? `MuiSnackbarSeverity-${g} ${(a == null ? void 0 : a.className) ?? ""}` : a == null ? void 0 : a.className, elevation: 5, action: s, onUndo: n, onClose: r, undoText: t, message: A, severity: g })));
+  return A = F.createElement(bA, { direction: "row", alignItems: "center", gap: 1 }, F.createElement(jd, null), A), s || !n && !r || (s = F.createElement(bA, { direction: "row", alignItems: "center", gap: 1 }, n && F.createElement(wt, { variant: "text", size: "small", color: "inherit", onClick: E }, t), r && F.createElement(Yn, { color: "inherit", size: "small", onClick: I }, F.createElement(kc, null)))), F.createElement(Xu, zn({}, i, { onClose: r }), o ?? F.createElement("div", null, F.createElement(eL, { className: g ? `MuiSnackbarSeverity-${g} ${(a == null ? void 0 : a.className) ?? ""}` : a == null ? void 0 : a.className, elevation: 5, action: s, onUndo: n, onClose: r, undoText: t, message: A, severity: g })));
 }, ne = ({ children: A, ...e }) => F.createElement(C2, zn({ viewBox: "0 0 20 20", sx: { fill: "none" } }, e), A), nL = (A) => F.createElement(ne, A, F.createElement("path", { d: "M3.73348 12.3706C3.44396 10.4886 3.15443 8.60668 2.8649 6.72472C2.80069 6.30753 3.27537 6.023 3.61302 6.27626C4.51507 6.9528 5.41706 7.62928 6.31911 8.30582C6.61611 8.52857 7.03925 8.45608 7.24515 8.14718L9.49803 4.76784C9.7361 4.41072 10.2608 4.41072 10.4989 4.76784L12.7518 8.14718C12.9577 8.45608 13.3808 8.52852 13.6778 8.30582C14.5798 7.62928 15.4818 6.9528 16.3839 6.27626C16.7215 6.023 17.1962 6.30753 17.1321 6.72472C16.8425 8.60668 16.553 10.4886 16.2635 12.3706H3.73348Z", fill: "url(#paint0_linear_8832_2658)" }), F.createElement("path", { d: "M15.6103 15.5037H4.3869C4.02612 15.5037 3.73364 15.2112 3.73364 14.8504V13.4154H16.2636V14.8504C16.2636 15.2112 15.9711 15.5037 15.6103 15.5037Z", fill: "url(#paint1_linear_8832_2658)" }), F.createElement("defs", null, F.createElement("linearGradient", { id: "paint0_linear_8832_2658", x1: "16.4996", y1: "4.5", x2: "10.1789", y2: "15.5461", gradientUnits: "userSpaceOnUse" }, F.createElement("stop", { stopColor: "#FAB400" }), F.createElement("stop", { offset: "1", stopColor: "#EFA20D" })), F.createElement("linearGradient", { id: "paint1_linear_8832_2658", x1: "15.7035", y1: "13.4154", x2: "15.0499", y2: "17.1928", gradientUnits: "userSpaceOnUse" }, F.createElement("stop", { stopColor: "#FAB400" }), F.createElement("stop", { offset: "1", stopColor: "#EFA20D" })))), rL = D1(({ icon: A, limit: e, onChange: t, onBlur: n, onFocus: r, alwaysShowLimit: o = !1, ...g }, a) => {
   const [i, s] = ie(!1), [E, I] = ie(g.value || "");
   return F.createElement(yE, zn({}, g, { ref: a, onFocus: (Q) => {
@@ -25289,7 +25289,7 @@ const jd = (A) => F.createElement(C2, zn({ viewBox: "0 0 26 26" }, A), F.createE
     s(!1), typeof n == "function" && n(Q);
   }, onChange: (Q) => {
     I(Q.target.value), typeof t == "function" && t(Q);
-  }, inputProps: { maxLength: e, ...g.inputProps }, label: g.label ? F.createElement(yA, { className: "MuiFormLabel-withIcon", direction: "row", alignItems: "center", gap: 1 }, A, F.createElement("span", null, g.label)) : A, helperText: F.createElement(yA, { direction: "row", justifyContent: "space-between", alignItems: "center", gap: 1 }, F.createElement("span", null, g.helperText), e ? (i || o) && `${E.length}/${e}` : null) }));
+  }, inputProps: { maxLength: e, ...g.inputProps }, label: g.label ? F.createElement(bA, { className: "MuiFormLabel-withIcon", direction: "row", alignItems: "center", gap: 1 }, A, F.createElement("span", null, g.label)) : A, helperText: F.createElement(bA, { direction: "row", justifyContent: "space-between", alignItems: "center", gap: 1 }, F.createElement("span", null, g.helperText), e ? (i || o) && `${E.length}/${e}` : null) }));
 }), oL = U(wt)(({ theme: A }) => ({ ...A.typography.h4, color: A.palette.gray.gray1, borderColor: A.palette.gray.gray4, height: A.spacing(4.5), display: "flex", letterSpacing: "0.5px", borderRadius: A.shape.borderRadius, "& .MuiButton-startIcon .MuiSvgIcon-root": { height: A.spacing(2), width: A.spacing(2) }, "&:not(.MuiButton-disableElevation) .MuiButton-startIcon": { color: A.palette.gray.gray2 }, "&:not(.MuiButton-disableElevation) .MuiButton-endIcon": { color: A.palette.gray.gray2 }, "&:hover": { backgroundColor: A.palette.gray.gray7, color: A.palette.gray.gray1, borderColor: A.palette.gray.gray4, boxShadow: "none" } }));
 oL.defaultProps = { className: "MuiTimeButton", variant: "text" };
 const mn = ({ children: A, ...e }) => F.createElement(C2, zn({ viewBox: "0 0 20 20", sx: { fill: "none" } }, e), A), u2 = ({ children: A, ...e }) => F.createElement(C2, zn({ viewBox: "0 0 20 20", sx: { fill: "none" } }, e), A);
@@ -34156,7 +34156,7 @@ function AR(A) {
   function Y() {
     Q && Q(), M && M(), d.clear(), L && L.abort(), y.fetchers.forEach((S, X) => At(X)), y.blockers.forEach((S, X) => xt(X));
   }
-  function bA(S) {
+  function yA(S) {
     return d.add(S), () => d.delete(S);
   }
   function nA(S, X) {
@@ -35128,7 +35128,7 @@ function AR(A) {
       return e;
     },
     initialize: mA,
-    subscribe: bA,
+    subscribe: yA,
     enableScrollRestoration: Nn,
     navigate: uA,
     fetch: Ce,
@@ -36970,12 +36970,12 @@ function vH(A, e) {
   let o = Wn(t.currentLocation.pathname, n) || t.currentLocation.pathname, g = Wn(t.nextLocation.pathname, n) || t.nextLocation.pathname;
   return na(r.pathname, g) != null || na(r.pathname, o) != null;
 }
-const bH = U(yA)`
+const bH = U(bA)`
   width: 100%;
   height: 100%;
   align-items: center;
   justify-content: center;
-`, yH = U(yA)`
+`, yH = U(bA)`
   height: 380px;
   border-radius: 10px;
   overflow: hidden;
@@ -37003,7 +37003,7 @@ const bH = U(yA)`
     width: 476px;
     height: 267px;
   }
-`, DH = U(yA)`
+`, DH = U(bA)`
   width: 92px;
   height: 20px;
   background: #fab400;
@@ -37030,7 +37030,7 @@ const bH = U(yA)`
     ] }),
     /* @__PURE__ */ b.jsx(xH, { children: /* @__PURE__ */ b.jsx("img", { src: LH, alt: "agent-view" }) })
   ] }) });
-}, NH = U(yA)`
+}, NH = U(bA)`
   box-sizing: border-box;
   min-height: 100%;
   padding: 0;
@@ -37155,7 +37155,7 @@ const bH = U(yA)`
 }, aj = U(za)`
   width: 203px;
   height: 161px;
-`, ij = U(yA)`
+`, ij = U(bA)`
   padding: 18px 30px;
   box-sizing: border-box;
   width: 873px;
@@ -37176,7 +37176,7 @@ const bH = U(yA)`
   line-height: 20px;
   margin-top: 4px;
   margin-bottom: 24px;
-`, Bj = U(yA)`
+`, Bj = U(bA)`
   width: 466px;
   height: 36px;
   & .create-own__btn {
@@ -37293,12 +37293,12 @@ const x9 = (A) => A.connectorLirary.connectorList, di = (A) => A.connectorLirary
   height: 100%;
   display: flex;
   align-items: center;
-`, yj = U(yA)`
+`, yj = U(bA)`
   align-items: center;
   flex-direction: row;
 `, wj = U(Vu)`
   margin-left: 10px;
-`, xj = U(yA)`
+`, xj = U(bA)`
   flex-direction: row;
   align-items: center;
   justify-content: center;
@@ -37367,7 +37367,7 @@ const x9 = (A) => A.connectorLirary.connectorList, di = (A) => A.connectorLirary
         ...r
       }
     },
-    children: /* @__PURE__ */ b.jsxs(yA, { direction: "row", children: [
+    children: /* @__PURE__ */ b.jsxs(bA, { direction: "row", children: [
       n && /* @__PURE__ */ b.jsx(jA, { position: "absolute", right: 10, top: 10, children: /* @__PURE__ */ b.jsx(kr, { title: "Close", placement: "bottom", children: /* @__PURE__ */ b.jsx(Yn, { onClick: () => e(!1), "data-testid": "close-modal", children: /* @__PURE__ */ b.jsx("img", { src: Uj }) }) }) }),
       t
     ] })
@@ -37388,15 +37388,15 @@ const x9 = (A) => A.connectorLirary.connectorList, di = (A) => A.connectorLirary
     t(!1);
   }, g = `${e} ${Mj}`;
   return /* @__PURE__ */ b.jsxs(p3, { shown: A, setShown: t, children: [
-    /* @__PURE__ */ b.jsx(yA, { children: /* @__PURE__ */ b.jsxs(yA, { padding: "30px", height: "100%", children: [
-      /* @__PURE__ */ b.jsx(yA, { width: "378px", height: "100%", justifyContent: "center", children: /* @__PURE__ */ b.jsxs(yA, { gap: "14px", children: [
+    /* @__PURE__ */ b.jsx(bA, { children: /* @__PURE__ */ b.jsxs(bA, { padding: "30px", height: "100%", children: [
+      /* @__PURE__ */ b.jsx(bA, { width: "378px", height: "100%", justifyContent: "center", children: /* @__PURE__ */ b.jsxs(bA, { gap: "14px", children: [
         /* @__PURE__ */ b.jsx("img", { src: P9, alt: "checkmark", width: 92, height: 92 }),
-        /* @__PURE__ */ b.jsxs(yA, { gap: "4px", children: [
+        /* @__PURE__ */ b.jsxs(bA, { gap: "4px", children: [
           /* @__PURE__ */ b.jsx(WA, { variant: "h2", children: g }),
           /* @__PURE__ */ b.jsx(WA, { variant: "body2", children: Nj })
         ] })
       ] }) }),
-      /* @__PURE__ */ b.jsx(yA, { alignItems: "flex-end", children: /* @__PURE__ */ b.jsx(Rj, { onClick: o, variant: "outlined", color: "tertiary", size: "medium", children: kj }) })
+      /* @__PURE__ */ b.jsx(bA, { alignItems: "flex-end", children: /* @__PURE__ */ b.jsx(Rj, { onClick: o, variant: "outlined", color: "tertiary", size: "medium", children: kj }) })
     ] }) }),
     /* @__PURE__ */ b.jsx(Sj, { children: /* @__PURE__ */ b.jsx("img", { className: "connector-enabled-img", src: r, alt: "Connector enabled" }) })
   ] });
@@ -37412,7 +37412,7 @@ const x9 = (A) => A.connectorLirary.connectorList, di = (A) => A.connectorLirary
   width: "26px",
   color: "#FFFFFF",
   marginRight: "4px"
-})), Yj = U(yA)`
+})), Yj = U(bA)`
   flex-direction: row;
   padding: 0 10px;
   img {
@@ -37472,7 +37472,7 @@ const qj = "Visibility not set", Kj = "Configure visibility settings", Jj = "Con
   padding: 16px 12px;
   color: black;
   box-sizing: border-box;
-`, lX = U(yA)`
+`, lX = U(bA)`
   width: 28px;
   height: 28px;
   padding: 4px 0px 0px 0px;
@@ -37482,7 +37482,7 @@ const qj = "Visibility not set", Kj = "Configure visibility settings", Jj = "Con
   margin-top: 9px;
   color: ${te.palette.gray.gray3};
 `, cX = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_3297_163628)'%3e%3cpath%20d='M9.99967%205.41667C13.158%205.41667%2015.9747%207.19167%2017.3497%2010C15.9747%2012.8083%2013.1663%2014.5833%209.99967%2014.5833C6.83301%2014.5833%204.02467%2012.8083%202.64967%2010C4.02467%207.19167%206.84134%205.41667%209.99967%205.41667ZM9.99967%203.75C5.83301%203.75%202.27467%206.34167%200.833008%2010C2.27467%2013.6583%205.83301%2016.25%209.99967%2016.25C14.1663%2016.25%2017.7247%2013.6583%2019.1663%2010C17.7247%206.34167%2014.1663%203.75%209.99967%203.75ZM9.99967%207.91667C11.1497%207.91667%2012.083%208.85%2012.083%2010C12.083%2011.15%2011.1497%2012.0833%209.99967%2012.0833C8.84967%2012.0833%207.91634%2011.15%207.91634%2010C7.91634%208.85%208.84967%207.91667%209.99967%207.91667ZM9.99967%206.25C7.93301%206.25%206.24967%207.93333%206.24967%2010C6.24967%2012.0667%207.93301%2013.75%209.99967%2013.75C12.0663%2013.75%2013.7497%2012.0667%2013.7497%2010C13.7497%207.93333%2012.0663%206.25%209.99967%206.25Z'%20fill='%233E4C5A'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_3297_163628'%3e%3crect%20width='20'%20height='20'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", uX = () => /* @__PURE__ */ b.jsxs(BX, { children: [
-  /* @__PURE__ */ b.jsxs(yA, { direction: "row", alignItems: "center", gap: 1, children: [
+  /* @__PURE__ */ b.jsxs(bA, { direction: "row", alignItems: "center", gap: 1, children: [
     /* @__PURE__ */ b.jsx(lX, { direction: "row", alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ b.jsx("img", { src: cX, alt: "visibility" }) }),
     /* @__PURE__ */ b.jsx(WA, { variant: "h2", children: oX })
   ] }),
@@ -37655,7 +37655,7 @@ const fX = U(({ className: A, ...e }) => /* @__PURE__ */ b.jsx(kr, { ...e, class
     }
   ) });
 }, TX = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_3803_129233)'%3e%3cpath%20d='M7.3335%204.66683H8.66683V6.00016H7.3335V4.66683ZM7.3335%207.3335H8.66683V11.3335H7.3335V7.3335ZM8.00016%201.3335C4.32016%201.3335%201.3335%204.32016%201.3335%208.00016C1.3335%2011.6802%204.32016%2014.6668%208.00016%2014.6668C11.6802%2014.6668%2014.6668%2011.6802%2014.6668%208.00016C14.6668%204.32016%2011.6802%201.3335%208.00016%201.3335ZM8.00016%2013.3335C5.06016%2013.3335%202.66683%2010.9402%202.66683%208.00016C2.66683%205.06016%205.06016%202.66683%208.00016%202.66683C10.9402%202.66683%2013.3335%205.06016%2013.3335%208.00016C13.3335%2010.9402%2010.9402%2013.3335%208.00016%2013.3335Z'%20fill='%236F7C90'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_3803_129233'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", PX = U(jA)`
-  height: 394px;
+  min-height: 394px;
   width: 523px;
   padding: 32px;
   box-sizing: border-box;
@@ -37665,18 +37665,17 @@ const fX = U(({ className: A, ...e }) => /* @__PURE__ */ b.jsx(kr, { ...e, class
   margin-bottom: 16px;
 `, OX = U(WA)`
   letter-spacing: 0.5px;
-`, LX = U(yA)`
+`, LX = U(bA)`
   flex-direction: row;
   gap: 12px;
   justify-content: end;
   align-items: center;
-  bottom: 0;
-  position: absolute;
-  right: 0;
+  flex-grow: 1;
+  align-items: end;
 `, MX = U(Hd)`
   color: ${cA.gray.white};
-`, NX = U(jA)`
-  position: relative;
+`, NX = U(bA)`
+  flex-direction: column;
   height: 100%;
 `, kX = U(wt)`
   width: 152px;
@@ -37684,7 +37683,7 @@ const fX = U(({ className: A, ...e }) => /* @__PURE__ */ b.jsx(kr, { ...e, class
   font-size: 13px;
 `, UX = U(wt)`
   height: 32px;
-`, SX = U(yA)`
+`, SX = U(bA)`
   flex-direction: row;
   align-items: center;
   gap: 11px;
@@ -37816,7 +37815,7 @@ U(WA)`
   display: flex;
   align-items: center;
 `;
-const jX = U(yA)`
+const jX = U(bA)`
   align-items: center;
   flex-direction: row;
 `, XX = U(jA)`
@@ -37844,7 +37843,7 @@ const jX = U(yA)`
         /* @__PURE__ */ b.jsx(kr, { title: a ? Kj : Jj, placement: "bottom", children: /* @__PURE__ */ b.jsx(VX, { className: "visibilityIcon", onClick: s, disabled: !a, children: c ? /* @__PURE__ */ b.jsx(mX, {}) : /* @__PURE__ */ b.jsx(vX, {}) }) })
       ] })
     ] }),
-    /* @__PURE__ */ b.jsx(p3, { shown: n, setShown: i, customPaperProps: { overflow: "visible" }, children: /* @__PURE__ */ b.jsx(
+    /* @__PURE__ */ b.jsx(p3, { shown: n, setShown: i, customPaperProps: { overflow: "inherit" }, children: /* @__PURE__ */ b.jsx(
       RX,
       {
         roles: Q,
@@ -37911,8 +37910,8 @@ const jX = U(yA)`
       }
     ),
     /* @__PURE__ */ b.jsxs(vj, { "data-testid": o, className: "connector-grid", onClick: (T) => m(T, o), children: [
-      /* @__PURE__ */ b.jsxs(yA, { className: D, width: "100%", children: [
-        /* @__PURE__ */ b.jsxs(yA, { flexDirection: "row", alignItems: "center", children: [
+      /* @__PURE__ */ b.jsxs(bA, { className: D, width: "100%", children: [
+        /* @__PURE__ */ b.jsxs(bA, { flexDirection: "row", alignItems: "center", children: [
           e ? /* @__PURE__ */ b.jsx("img", { src: a ?? "", className: "logoIcon", width: "28xp", height: "28px", alt: g }) : null,
           /* @__PURE__ */ b.jsx(bj, { variant: n ? "body1_medium" : "h2", children: g }),
           !e && v ? /* @__PURE__ */ b.jsx(Pj, { severity: "error", children: "Authentication failed" }) : null
@@ -37980,9 +37979,9 @@ const jX = U(yA)`
     a(
       g ? $e.REQUEST_NEW_FEATURE_SHOWN : $e.REQUEST_NEW_CONNECTOR_SHOWN
     );
-  }, [a, g]), /* @__PURE__ */ b.jsx(yA, { "data-testid": "request-panel", children: /* @__PURE__ */ b.jsxs(yA, { padding: "30px", height: "100%", children: [
-    /* @__PURE__ */ b.jsx(yA, { width: "440px", height: "100%", children: /* @__PURE__ */ b.jsxs(yA, { gap: "14px", children: [
-      /* @__PURE__ */ b.jsxs(yA, { gap: "4px", marginBottom: "36px", children: [
+  }, [a, g]), /* @__PURE__ */ b.jsx(bA, { "data-testid": "request-panel", children: /* @__PURE__ */ b.jsxs(bA, { padding: "30px", height: "100%", children: [
+    /* @__PURE__ */ b.jsx(bA, { width: "440px", height: "100%", children: /* @__PURE__ */ b.jsxs(bA, { gap: "14px", children: [
+      /* @__PURE__ */ b.jsxs(bA, { gap: "4px", marginBottom: "36px", children: [
         /* @__PURE__ */ b.jsx(WA, { variant: "h2", children: g ? HH : jH }),
         /* @__PURE__ */ b.jsx(WA, { variant: "body2", children: g ? y9 : XH })
       ] }),
@@ -38026,7 +38025,7 @@ const jX = U(yA)`
         }
       )
     ] }) }),
-    /* @__PURE__ */ b.jsx(yA, { alignItems: "flex-end", children: /* @__PURE__ */ b.jsx(
+    /* @__PURE__ */ b.jsx(bA, { alignItems: "flex-end", children: /* @__PURE__ */ b.jsx(
       wt,
       {
         "data-testid": "submit-request-button",
@@ -38039,15 +38038,15 @@ const jX = U(yA)`
       }
     ) })
   ] }) });
-}, JX = ({ handleClose: A }) => /* @__PURE__ */ b.jsx(yA, { children: /* @__PURE__ */ b.jsxs(yA, { padding: "30px", height: "100%", children: [
-  /* @__PURE__ */ b.jsx(yA, { width: "378px", height: "100%", justifyContent: "center", children: /* @__PURE__ */ b.jsxs(yA, { gap: "14px", children: [
+}, JX = ({ handleClose: A }) => /* @__PURE__ */ b.jsx(bA, { children: /* @__PURE__ */ b.jsxs(bA, { padding: "30px", height: "100%", children: [
+  /* @__PURE__ */ b.jsx(bA, { width: "378px", height: "100%", justifyContent: "center", children: /* @__PURE__ */ b.jsxs(bA, { gap: "14px", children: [
     /* @__PURE__ */ b.jsx("img", { src: P9, alt: "checkmark", width: 92, height: 92 }),
-    /* @__PURE__ */ b.jsxs(yA, { gap: "4px", children: [
+    /* @__PURE__ */ b.jsxs(bA, { gap: "4px", children: [
       /* @__PURE__ */ b.jsx(WA, { variant: "h2", children: GH }),
       /* @__PURE__ */ b.jsx(WA, { variant: "body2", children: ZH })
     ] })
   ] }) }),
-  /* @__PURE__ */ b.jsx(yA, { alignItems: "flex-end", children: /* @__PURE__ */ b.jsx(yX, { onClick: A, variant: "outlined", color: "tertiary", size: "medium", children: qH }) })
+  /* @__PURE__ */ b.jsx(bA, { alignItems: "flex-end", children: /* @__PURE__ */ b.jsx(yX, { onClick: A, variant: "outlined", color: "tertiary", size: "medium", children: qH }) })
 ] }) }), M9 = ({
   shown: A,
   setShown: e,
@@ -38113,7 +38112,7 @@ const jX = U(yA)`
 }, _X = "Custom Connectors", $X = "Connectors help you get a better customer context and key actions right into your inbox", AV = "Library", eV = "Use these pre-built connectors to get started without any hassle. Authenticate and access them from the right panel of Hiver.", tV = U(jA)`
   padding: 14px 0px 0 32px;
   box-sizing: border-box;
-`, nV = U(yA)`
+`, nV = U(bA)`
   align-items: center;
   justify-content: space-between;
   flex-direction: row;
@@ -38131,7 +38130,7 @@ const jX = U(yA)`
   margin-bottom: 20px;
 `, aV = U(Sn)`
   max-width: ${(A) => A.maxWidth ? A.maxWidth : null};
-`, iV = U(yA)`
+`, iV = U(bA)`
   width: 100%;
   height: 60px;
   gap: 12px;
@@ -38139,7 +38138,7 @@ const jX = U(yA)`
   border: 1px solid ${te.palette.gray.gray6};
   border-radius: 8px;
   box-sizing: border-box;
-`, sV = () => /* @__PURE__ */ b.jsx(yA, { marginTop: "28px", gap: "12px", "data-testid": "loading", children: Array(3).fill(0).map((A, e) => /* @__PURE__ */ b.jsx(iV, { justifyContent: "center", children: /* @__PURE__ */ b.jsx(aV, { variant: "rounded", maxWidth: "862px", height: "10px", animation: "wave" }) }, e)) }), $l = () => {
+`, sV = () => /* @__PURE__ */ b.jsx(bA, { marginTop: "28px", gap: "12px", "data-testid": "loading", children: Array(3).fill(0).map((A, e) => /* @__PURE__ */ b.jsx(iV, { justifyContent: "center", children: /* @__PURE__ */ b.jsx(aV, { variant: "rounded", maxWidth: "862px", height: "10px", animation: "wave" }) }, e)) }), $l = () => {
   const A = ur(), { baseUrls: e } = yt(Ht), [t, n] = ie(!1), [r, o] = ie(!1), g = Be(x9), a = Be(Jf), i = Be(D9), s = !!g.length, E = !!a.length, { sendTrackingEvent: I } = yt(Ht), Q = i === PA.LOADING;
   We(() => {
     A(sC(e.v2Url)), A(IC(e.v2Url)), A(BC()), A(cC());
@@ -38235,7 +38234,7 @@ const jX = U(yA)`
     /* @__PURE__ */ b.jsx(BV, { variant: "h3", "data-testid": "custom-connector-heading", children: c1 }),
     a()
   ] }) });
-}, cV = U(yA)`
+}, cV = U(bA)`
   flex-direction: row;
   align-items: stretch;
   min-height: 100%;
@@ -38248,7 +38247,7 @@ const jX = U(yA)`
   /* @__PURE__ */ b.jsx(uV, { children: /* @__PURE__ */ b.jsx(HR, {}) })
 ] }), fV = "{{connector}} features", pV = "Following are the list of features that you will find in this connector", hV = "Request new feature", AQ = U(Sn)`
   max-width: ${(A) => A.maxWidth ? A.maxWidth : null};
-`, mV = U(yA)`
+`, mV = U(bA)`
   width: 100%;
   height: ${(A) => A.height ? A.height : "72px"};
   gap: 12px;
@@ -38256,10 +38255,10 @@ const jX = U(yA)`
   border: 1px solid ${te.palette.gray.gray6};
   border-radius: 8px;
   box-sizing: border-box;
-`, vV = () => /* @__PURE__ */ b.jsx(yA, { marginTop: "28px", gap: "12px", children: Array(3).fill(0).map((A, e) => /* @__PURE__ */ b.jsxs(mV, { children: [
+`, vV = () => /* @__PURE__ */ b.jsx(bA, { marginTop: "28px", gap: "12px", children: Array(3).fill(0).map((A, e) => /* @__PURE__ */ b.jsxs(mV, { children: [
   /* @__PURE__ */ b.jsx(AQ, { variant: "rounded", height: "10px", animation: "wave", maxWidth: "862px" }),
   /* @__PURE__ */ b.jsx(AQ, { variant: "rounded", height: "10px", animation: "wave", maxWidth: "862px" })
-] }, e)) }), bV = U(yA)`
+] }, e)) }), bV = U(bA)`
   width: 100%;
 `, yV = U(wt)`
   height: 32px;
@@ -38274,7 +38273,7 @@ const jX = U(yA)`
   };
   return /* @__PURE__ */ b.jsx(bV, { children: n ? /* @__PURE__ */ b.jsx(vV, {}) : /* @__PURE__ */ b.jsxs(b.Fragment, { children: [
     /* @__PURE__ */ b.jsx(M9, { shown: a, setShown: i, isApi: !0, connectorType: e }),
-    /* @__PURE__ */ b.jsxs(yA, { direction: "row", justifyContent: "space-between", marginTop: "28px", children: [
+    /* @__PURE__ */ b.jsxs(bA, { direction: "row", justifyContent: "space-between", marginTop: "28px", children: [
       /* @__PURE__ */ b.jsxs("div", { children: [
         /* @__PURE__ */ b.jsx(WA, { variant: "h2", children: g }),
         /* @__PURE__ */ b.jsx(WA, { variant: "body1", marginBottom: "20px", children: pV })
@@ -38291,8 +38290,8 @@ const jX = U(yA)`
         }
       ) : null
     ] }),
-    /* @__PURE__ */ b.jsx(yA, { gap: "12px", children: t.map((E) => /* @__PURE__ */ b.jsxs(
-      yA,
+    /* @__PURE__ */ b.jsx(bA, { gap: "12px", children: t.map((E) => /* @__PURE__ */ b.jsxs(
+      bA,
       {
         width: "100%",
         height: "72px",
@@ -38308,7 +38307,7 @@ const jX = U(yA)`
       E.keyName
     )) })
   ] }) });
-}, xV = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.86421%2015.9708C9.20287%2016.3941%209.13423%2017.0118%208.71091%2017.3505C8.28758%2017.6891%207.66987%2017.6205%207.33121%2017.1972L8.86421%2015.9708ZM2.94434%2010.1423L2.17784%2010.7555C1.89104%2010.397%201.89104%209.88757%202.17784%209.52907L2.94434%2010.1423ZM7.33121%203.08735C7.66987%202.66403%208.28758%202.59539%208.71091%202.93405C9.13423%203.27271%209.20287%203.89042%208.86421%204.31375L7.33121%203.08735ZM3.31243%2011.1852C2.77031%2011.1852%202.33084%2010.7457%202.33084%2010.2036C2.33084%209.66149%202.77031%209.22201%203.31243%209.22201L3.31243%2011.1852ZM17.0548%209.22201C17.5969%209.22201%2018.0364%209.66149%2018.0364%2010.2036C18.0364%2010.7457%2017.5969%2011.1852%2017.0548%2011.1852V9.22201ZM7.33121%2017.1972L2.17784%2010.7555L3.71083%209.52907L8.86421%2015.9708L7.33121%2017.1972ZM2.17784%209.52907L7.33121%203.08735L8.86421%204.31375L3.71083%2010.7555L2.17784%209.52907ZM3.31243%209.22201L17.0548%209.22201V11.1852L3.31243%2011.1852L3.31243%209.22201Z'%20fill='%236F7C90'/%3e%3c/svg%3e", DV = U(yA)`
+}, xV = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.86421%2015.9708C9.20287%2016.3941%209.13423%2017.0118%208.71091%2017.3505C8.28758%2017.6891%207.66987%2017.6205%207.33121%2017.1972L8.86421%2015.9708ZM2.94434%2010.1423L2.17784%2010.7555C1.89104%2010.397%201.89104%209.88757%202.17784%209.52907L2.94434%2010.1423ZM7.33121%203.08735C7.66987%202.66403%208.28758%202.59539%208.71091%202.93405C9.13423%203.27271%209.20287%203.89042%208.86421%204.31375L7.33121%203.08735ZM3.31243%2011.1852C2.77031%2011.1852%202.33084%2010.7457%202.33084%2010.2036C2.33084%209.66149%202.77031%209.22201%203.31243%209.22201L3.31243%2011.1852ZM17.0548%209.22201C17.5969%209.22201%2018.0364%209.66149%2018.0364%2010.2036C18.0364%2010.7457%2017.5969%2011.1852%2017.0548%2011.1852V9.22201ZM7.33121%2017.1972L2.17784%2010.7555L3.71083%209.52907L8.86421%2015.9708L7.33121%2017.1972ZM2.17784%209.52907L7.33121%203.08735L8.86421%204.31375L3.71083%2010.7555L2.17784%209.52907ZM3.31243%209.22201L17.0548%209.22201V11.1852L3.31243%2011.1852L3.31243%209.22201Z'%20fill='%236F7C90'/%3e%3c/svg%3e", DV = U(bA)`
   margin: 9px 0 0 52px;
   position: relative;
 `, TV = U(Yn)`
@@ -38342,7 +38341,7 @@ const jX = U(yA)`
       }
     )
   ] });
-}, FV = U(yA)`
+}, FV = U(bA)`
   margin-bottom: 36px;
   .arrow {
     border: solid ${te.palette.gray.gray3};
@@ -38356,7 +38355,7 @@ const jX = U(yA)`
 `, OV = U(WA)`
   margin-right: 4px;
   cursor: pointer;
-`, LV = U(yA)`
+`, LV = U(bA)`
   width: 20px;
   height: 20px;
   margin-right: 4px;
@@ -38367,7 +38366,7 @@ const jX = U(yA)`
   };
   return /* @__PURE__ */ b.jsx(FV, { direction: "row", alignItems: "center", "data-testid": "breadCrumbs", children: A.map(({ name: n, route: r }, o) => {
     const g = o === A.length - 1, a = g ? te.palette.gray.black : te.palette.gray.gray4, i = g ? "lastCrumb" : `crumb-${o}`;
-    return /* @__PURE__ */ b.jsxs(yA, { direction: "row", alignItems: "center", children: [
+    return /* @__PURE__ */ b.jsxs(bA, { direction: "row", alignItems: "center", children: [
       /* @__PURE__ */ b.jsx(
         OV,
         {
@@ -41210,11 +41209,11 @@ var s4 = function(e) {
       var V = function(aA, eA) {
         var iA = aA.type, sA = aA.data, IA = aA.isDisabled, CA = aA.isSelected, BA = aA.label, hA = aA.value, mA = l === sA, Y = IA ? void 0 : function() {
           return r.onOptionHover(sA);
-        }, bA = IA ? void 0 : function() {
+        }, yA = IA ? void 0 : function() {
           return r.selectOption(sA);
         }, nA = "".concat(r.getElementId("option"), "-").concat(eA), fA = {
           id: nA,
-          onClick: bA,
+          onClick: yA,
           onMouseMove: Y,
           onMouseOver: Y,
           tabIndex: -1,
@@ -41566,7 +41565,7 @@ const FY = (A) => /* @__PURE__ */ b.jsx(A4.DropdownIndicator, { ...A, children:
   }, v = (w, y) => {
     s == null || s(w, y), w && !d && c(!0), w && typeof w == "object" && "value" in w && d && a && h(w.value);
   };
-  return /* @__PURE__ */ b.jsxs(yA, { spacing: 1, useFlexGap: !0, children: [
+  return /* @__PURE__ */ b.jsxs(bA, { spacing: 1, useFlexGap: !0, children: [
     r ? /* @__PURE__ */ b.jsx(WA, { variant: "h4", component: "label", htmlFor: n, children: `${r}${e != null && e.isRequired || Q ? "*" : ""}` }) : null,
     /* @__PURE__ */ b.jsxs(NY, { children: [
       /* @__PURE__ */ b.jsx(kr, { title: A.toolTipTitle, arrow: !0, placement: "right-end", disableHoverListener: !0, children: A.type === "select" ? /* @__PURE__ */ b.jsx(MY, { children: /* @__PURE__ */ b.jsx(
@@ -41595,7 +41594,7 @@ const FY = (A) => /* @__PURE__ */ b.jsx(A4.DropdownIndicator, { ...A, children:
       m()
     ] })
   ] });
-}, kY = U(yA)`
+}, kY = U(bA)`
   & .authform__section-title {
     margin-top: 32px;
     margin-bottom: -12px;
@@ -41611,7 +41610,7 @@ const FY = (A) => /* @__PURE__ */ b.jsx(A4.DropdownIndicator, { ...A, children:
   onValidationError: a
 }) => /* @__PURE__ */ b.jsx(kY, { spacing: 3, children: A.map(({ id: i, title: s, formFields: E }) => /* @__PURE__ */ b.jsxs(F.Fragment, { children: [
   s ? /* @__PURE__ */ b.jsx(WA, { variant: "h3", className: "authform__section-title", children: s }) : null,
-  /* @__PURE__ */ b.jsx(yA, { useFlexGap: !0, spacing: 3, children: E.map((I) => r && typeof r == "object" && I.name in r && r[I.name] === !1 ? null : /* @__PURE__ */ b.jsx(
+  /* @__PURE__ */ b.jsx(bA, { useFlexGap: !0, spacing: 3, children: E.map((I) => r && typeof r == "object" && I.name in r && r[I.name] === !1 ? null : /* @__PURE__ */ b.jsx(
     I4,
     {
       value: o == null ? void 0 : o[I.name],
@@ -41968,7 +41967,7 @@ const XY = (A, e) => {
     }
   }
   return A;
-}, ZY = U(yA)`
+}, ZY = U(bA)`
   margin-bottom: 16px;
   & .MuiPaper-elevation {
     height: 30px;
@@ -41981,7 +41980,7 @@ const XY = (A, e) => {
   line-height: 32px;
 `, KY = U(WA)`
   color: #6f7c90;
-`, JY = U(yA)`
+`, JY = U(bA)`
   margin-top: 28px;
   max-height: 420px;
   padding-right: 65px;
@@ -41998,11 +41997,11 @@ const XY = (A, e) => {
   }
 `, _Y = U(jA)`
   width: 504px;
-`, $Y = U(yA)`
+`, $Y = U(bA)`
   margin-top: 32px;
   margin-bottom: 13px;
   gap: 16px;
-`, AG = "data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1446_32274)'%3e%3cpath%20d='M14.6663%200.916687H3.66634C2.65801%200.916687%201.83301%201.74169%201.83301%202.75002V15.5834H3.66634V2.75002H14.6663V0.916687ZM17.4163%204.58335H7.33301C6.32467%204.58335%205.49967%205.40835%205.49967%206.41669V19.25C5.49967%2020.2584%206.32467%2021.0834%207.33301%2021.0834H17.4163C18.4247%2021.0834%2019.2497%2020.2584%2019.2497%2019.25V6.41669C19.2497%205.40835%2018.4247%204.58335%2017.4163%204.58335ZM17.4163%2019.25H7.33301V6.41669H17.4163V19.25Z'%20fill='%236F7C90'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1446_32274'%3e%3crect%20width='22'%20height='22'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", eG = "Custom Connectors", Q4 = "Settings", tG = () => /* @__PURE__ */ b.jsxs(yA, { gap: "24px", marginTop: "28px", paddingRight: "65px", children: [
+`, AG = "data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1446_32274)'%3e%3cpath%20d='M14.6663%200.916687H3.66634C2.65801%200.916687%201.83301%201.74169%201.83301%202.75002V15.5834H3.66634V2.75002H14.6663V0.916687ZM17.4163%204.58335H7.33301C6.32467%204.58335%205.49967%205.40835%205.49967%206.41669V19.25C5.49967%2020.2584%206.32467%2021.0834%207.33301%2021.0834H17.4163C18.4247%2021.0834%2019.2497%2020.2584%2019.2497%2019.25V6.41669C19.2497%205.40835%2018.4247%204.58335%2017.4163%204.58335ZM17.4163%2019.25H7.33301V6.41669H17.4163V19.25Z'%20fill='%236F7C90'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1446_32274'%3e%3crect%20width='22'%20height='22'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", eG = "Custom Connectors", Q4 = "Settings", tG = () => /* @__PURE__ */ b.jsxs(bA, { gap: "24px", marginTop: "28px", paddingRight: "65px", children: [
   /* @__PURE__ */ b.jsxs("div", { children: [
     /* @__PURE__ */ b.jsx(Sn, { variant: "rounded", width: 100, height: 24, animation: "wave", margin: "12px 0px 10px 0px" }),
     /* @__PURE__ */ b.jsx(Sn, { variant: "rounded", height: 40, animation: "wave", margin: "12px 0px 10px 0px" })
@@ -42223,7 +42222,7 @@ const XY = (A, e) => {
       }
     )
   ] });
-}, dG = U(yA)`
+}, dG = U(bA)`
   padding: 17px 52px 0 0;
   box-sizing: border-box;
   display: flex;
@@ -42375,7 +42374,7 @@ const XY = (A, e) => {
   padding: 43px 0px 0 35px;
   box-sizing: border-box;
   width: 100%;
-`, c4 = U(yA)`
+`, c4 = U(bA)`
   align-items: center;
   flex-direction: row;
 `, yG = U(c4)`
@@ -42383,12 +42382,12 @@ const XY = (A, e) => {
   a {
     cursor: pointer;
   }
-`, wG = U(yA)`
+`, wG = U(bA)`
   align-items: center;
   justify-content: space-between;
   flex-direction: row;
   margin-bottom: 111px;
-`, xG = U(yA)`
+`, xG = U(bA)`
   align-items: center;
   justify-content: space-between;
   flex-direction: row;
@@ -42401,7 +42400,7 @@ const XY = (A, e) => {
   width: 434px;
   height: 380px;
   background-color: rgba(246, 248, 252, 1);
-`, TG = U(yA)`
+`, TG = U(bA)`
   background-color: #e5eeff;
   width: 434px;
   justify-content: center;
@@ -42409,7 +42408,7 @@ const XY = (A, e) => {
   padding: 28px 93px 0 94px;
   box-sizing: border-box;
   max-height: 380px;
-`, PG = U(yA)`
+`, PG = U(bA)`
   flex-direction: row;
   background-color: #fbb401;
   padding: 4px 8px;