@hiver/connector-admin 4.18.0-multiStore-beta.3 → 4.18.0-multiStore-beta.4

package/index.es.js

@@ -17,7 +17,7 @@ import * as T from "react";
 import he, { useState as $, useRef as De, useSyncExternalStore as Tv, useLayoutEffect as tu, useEffect as Ee, isValidElement as SA, cloneElement as td, createContext as Ho, Suspense as wC, useContext as Ve, useMemo as Se, useCallback as Ze, memo as Sv, useReducer as TC, Fragment as Ec, Component as nu, forwardRef as ru } from "react";
 import * as _v from "react-dom";
 import VB, { unstable_batchedUpdates as Al, createPortal as ou, render as Rv, unmountComponentAtNode as Ov } from "react-dom";
-import { HiverProvider as iu, styled as w, Stack as V, Box as oe, Typography as ee, Skeleton as un, theme as q, Icon as cA, CircularProgress as Nr, palette as St, Button as tt, Tab as $A, Chip as Ca, Alert as _A, icons as gt, Dialog as js, Tooltip as st, IconButton as _n, brandIcons as GB, tooltipClasses as qr, Checkbox as Mo, TextField as Us, Autocomplete as ea, Tabs as Au, Grid as au, Switch as SC, DatePicker as Dv, DateTextField as Lv, InputAdornment as Fv, LinearProgress as Pv, ListSubheader as Fl, InputBase as HB, MenuItem as xA, FormControl as _C, Select as RC, Paper as Nv, Popper as kv, ClickAwayListener as Mv, Accordion as WB, AccordionSummary as zB, accordionSummaryClasses as YB, AccordionDetails as JB, Snackbar as XB, Link as KB, ScopedCssBaseline as jv, createTheme as Uv, DialogCloseButton as Vv, MenuSearch as Gv, MenuScrollable as Hv, RadioGroup as Wv, FormControlLabel as zv, Radio as Yv } from "@hiver/hiver-ui-kit";
+import { HiverProvider as iu, styled as w, Stack as V, Box as oe, Typography as ee, Skeleton as un, theme as X, Icon as cA, CircularProgress as Nr, palette as St, Button as tt, Tab as $A, Chip as Ca, Alert as _A, icons as gt, Dialog as js, Tooltip as st, IconButton as _n, brandIcons as GB, tooltipClasses as qr, Checkbox as Mo, TextField as Us, Autocomplete as ea, Tabs as Au, Grid as au, Switch as SC, DatePicker as Dv, DateTextField as Lv, InputAdornment as Fv, LinearProgress as Pv, ListSubheader as Fl, InputBase as HB, MenuItem as xA, FormControl as _C, Select as RC, Paper as Nv, Popper as kv, ClickAwayListener as Mv, Accordion as WB, AccordionSummary as zB, accordionSummaryClasses as YB, AccordionDetails as JB, Snackbar as XB, Link as KB, ScopedCssBaseline as jv, createTheme as Uv, DialogCloseButton as Vv, MenuSearch as Gv, MenuScrollable as Hv, RadioGroup as Wv, FormControlLabel as zv, Radio as Yv } from "@hiver/hiver-ui-kit";
 var nt = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function su(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -194,7 +194,7 @@ function Kv() {
         W++;
       }
     }
-    function X() {
+    function K() {
       {
         if (W--, W === 0) {
           var S = {
@@ -248,7 +248,7 @@ function Kv() {
       var Ge = typeof WeakMap == "function" ? WeakMap : Map;
       Ie = new Ge();
     }
-    function K(S, J) {
+    function q(S, J) {
       if (!S || ve)
         return "";
       {
@@ -314,13 +314,13 @@ function Kv() {
             }
         }
       } finally {
-        ve = !1, re.current = Re, X(), Error.prepareStackTrace = fe;
+        ve = !1, re.current = Re, K(), Error.prepareStackTrace = fe;
       }
       var Ut = S ? S.displayName || S.name : "", vt = Ut ? de(Ut) : "";
       return typeof S == "function" && Ie.set(S, vt), vt;
     }
     function pe(S, J, ce) {
-      return K(S, !1);
+      return q(S, !1);
     }
     function _e(S) {
       var J = S.prototype;
@@ -330,7 +330,7 @@ function Kv() {
       if (S == null)
         return "";
       if (typeof S == "function")
-        return K(S, _e(S));
+        return q(S, _e(S));
       if (typeof S == "string")
         return de(S);
       switch (S) {
@@ -758,8 +758,8 @@ function $v(e) {
           E -= d.length, d = [];
         }, buildToast: (b, x) => {
           if (((L) => {
-            let { containerId: F, toastId: U, updateId: X } = L;
-            const re = F ? F !== u : u !== 1, ie = B.has(U) && X == null;
+            let { containerId: F, toastId: U, updateId: K } = L;
+            const re = F ? F !== u : u !== 1, ie = B.has(U) && K == null;
             return re || ie;
           })(x)) return;
           const { toastId: O, updateId: _, data: D, staleId: j, delay: R } = x, W = () => {
@@ -940,15 +940,15 @@ const oy = typeof window < "u" ? tu : Ee, sl = (e) => {
   return he.createElement("div", { className: "Toastify__spinner" });
 } }, iy = (e) => {
   const { isRunning: t, preventExitTransition: n, toastRef: r, eventHandlers: o, playToast: i } = ey(e), { closeButton: A, children: a, autoClose: s, onClick: c, type: u, hideProgressBar: g, closeToast: f, transition: p, position: E, className: d, style: C, bodyClassName: h, bodyStyle: I, progressClassName: B, progressStyle: Q, updateId: m, role: y, progress: v, rtl: b, toastId: x, deleteToast: O, isIn: _, isLoading: D, closeOnClick: j, theme: R } = e, W = di("Toastify__toast", `Toastify__toast-theme--${R}`, `Toastify__toast--${u}`, { "Toastify__toast--rtl": b }, { "Toastify__toast--close-on-click": j }), Z = Ir(d) ? d({ rtl: b, position: E, type: u, defaultClassName: W }) : di(W, d), ne = function(H) {
-    let { theme: L, type: F, isLoading: U, icon: X } = H, re = null;
+    let { theme: L, type: F, isLoading: U, icon: K } = H, re = null;
     const ie = { theme: L, type: F };
-    return X === !1 || (Ir(X) ? re = X({ ...ie, isLoading: U }) : SA(X) ? re = td(X, ie) : U ? re = $u.spinner() : ((de) => de in $u)(F) && (re = $u[F](ie))), re;
+    return K === !1 || (Ir(K) ? re = K({ ...ie, isLoading: U }) : SA(K) ? re = td(K, ie) : U ? re = $u.spinner() : ((de) => de in $u)(F) && (re = $u[F](ie))), re;
   }(e), ge = !!v || !s, Y = { closeToast: f, type: u, theme: R };
   let P = null;
   return A === !1 || (P = Ir(A) ? A(Y) : SA(A) ? td(A, Y) : function(H) {
     let { closeToast: L, theme: F, ariaLabel: U = "close" } = H;
-    return he.createElement("button", { className: `Toastify__close-button Toastify__close-button--${F}`, type: "button", onClick: (X) => {
-      X.stopPropagation(), L(X);
+    return he.createElement("button", { className: `Toastify__close-button Toastify__close-button--${F}`, type: "button", onClick: (K) => {
+      K.stopPropagation(), L(K);
     }, "aria-label": U }, he.createElement("svg", { "aria-hidden": "true", viewBox: "0 0 14 16" }, he.createElement("path", { fillRule: "evenodd", d: "M7.71 8.23l3.75 3.75-1.48 1.48-3.75-3.75-3.75 3.75L1 11.98l3.75-3.75L1 4.48 2.48 3l3.75 3.75L9.98 3l1.48 1.48-3.75 3.75z" })));
   }(Y)), he.createElement(p, { isIn: _, done: O, position: E, preventExitTransition: n, nodeRef: r, playToast: i }, he.createElement("div", { id: x, onClick: c, "data-in": _, className: Z, ...o, style: C, ref: r }, he.createElement("div", { ..._ && { role: y }, className: Ir(h) ? h({ type: u }) : di("Toastify__toast-body", h), style: I }, ne != null && he.createElement("div", { className: di("Toastify__toast-icon", { "Toastify--animate-icon Toastify__zoom-enter": !D }) }, ne), he.createElement("div", null, a)), P, he.createElement(ty, { ...m && !ge ? { key: `pb-${m}` } : {}, rtl: b, theme: R, delay: s, isRunning: t, isIn: _, closeToast: f, hide: g, type: u, style: Q, className: B, controlledProgress: ge, progress: v || 0 })));
 }, cu = function(e, t) {
@@ -9740,7 +9740,7 @@ function IS(e) {
     errors: e.hydrationData && e.hydrationData.errors || m,
     fetchers: /* @__PURE__ */ new Map(),
     blockers: /* @__PURE__ */ new Map()
-  }, x = fn.Pop, O = !1, _, D = !1, j = /* @__PURE__ */ new Map(), R = null, W = !1, Z = !1, ne = [], ge = /* @__PURE__ */ new Set(), Y = /* @__PURE__ */ new Map(), P = 0, H = -1, L = /* @__PURE__ */ new Map(), F = /* @__PURE__ */ new Set(), U = /* @__PURE__ */ new Map(), X = /* @__PURE__ */ new Map(), re = /* @__PURE__ */ new Set(), ie = /* @__PURE__ */ new Map(), de = /* @__PURE__ */ new Map(), ve = /* @__PURE__ */ new Map(), Ie;
+  }, x = fn.Pop, O = !1, _, D = !1, j = /* @__PURE__ */ new Map(), R = null, W = !1, Z = !1, ne = [], ge = /* @__PURE__ */ new Set(), Y = /* @__PURE__ */ new Map(), P = 0, H = -1, L = /* @__PURE__ */ new Map(), F = /* @__PURE__ */ new Set(), U = /* @__PURE__ */ new Map(), K = /* @__PURE__ */ new Map(), re = /* @__PURE__ */ new Set(), ie = /* @__PURE__ */ new Map(), de = /* @__PURE__ */ new Map(), ve = /* @__PURE__ */ new Map(), Ie;
   function Ge() {
     if (f = e.history.listen((N) => {
       let {
@@ -9792,7 +9792,7 @@ function IS(e) {
       initialHydration: !0
     }), v;
   }
-  function K() {
+  function q() {
     f && f(), R && R(), p.clear(), _ && _.abort(), b.fetchers.forEach((N, G) => oo(G)), b.blockers.forEach((N, G) => Kt(G));
   }
   function pe(N) {
@@ -10545,7 +10545,7 @@ function IS(e) {
     });
   }
   function So(N) {
-    return g.v7_fetcherPersist && (X.set(N, (X.get(N) || 0) + 1), re.has(N) && re.delete(N)), b.fetchers.get(N) || ES;
+    return g.v7_fetcherPersist && (K.set(N, (K.get(N) || 0) + 1), re.has(N) && re.delete(N)), b.fetchers.get(N) || ES;
   }
   function oo(N) {
     let G = b.fetchers.get(N);
@@ -10553,8 +10553,8 @@ function IS(e) {
   }
   function qo(N) {
     if (g.v7_fetcherPersist) {
-      let G = (X.get(N) || 0) - 1;
-      G <= 0 ? (X.delete(N), re.add(N)) : X.set(N, G);
+      let G = (K.get(N) || 0) - 1;
+      G <= 0 ? (K.delete(N), re.add(N)) : K.set(N, G);
     } else
       oo(N);
     _e({
@@ -10778,7 +10778,7 @@ function IS(e) {
     encodeLocation: (N) => e.history.encodeLocation(N),
     getFetcher: So,
     deleteFetcher: qo,
-    dispose: K,
+    dispose: q,
     getBlocker: wr,
     deleteBlocker: Kt,
     patchRoutes: jn,
@@ -12756,7 +12756,7 @@ const M6 = w(V)`
 `, B5 = w("li")`
   width: 252px;
   height: 187px;
-  border: 1px solid ${q.palette.gray.gray6};
+  border: 1px solid ${X.palette.gray.gray6};
   border-radius: 8px;
   padding: 24px;
   box-sizing: border-box;
@@ -12790,14 +12790,14 @@ const M6 = w(V)`
   cursor: pointer;
   width: 252px;
   height: 187px;
-  border: 1px solid ${q.palette.gray.gray6};
+  border: 1px solid ${X.palette.gray.gray6};
   border-radius: 8px;
   padding: 24px;
   box-sizing: border-box;
   flex: 1 1 100%;
   max-width: 252px;
   &:hover {
-    box-shadow: 0px 2px 4px 0px ${q.palette.gray.gray6};
+    box-shadow: 0px 2px 4px 0px ${X.palette.gray.gray6};
   }
 `, v5 = w(cA)`
   width: 43px;
@@ -12916,23 +12916,23 @@ const M6 = w(V)`
   height: 36px;
   width: 201px;
   text-transform: none;
-  color: ${q.palette.gray.black};
-  border: 1px solid ${q.palette.gray.gray5};
+  color: ${X.palette.gray.black};
+  border: 1px solid ${X.palette.gray.gray5};
   white-space: pre;
-  background: ${q.palette.gray.white};
+  background: ${X.palette.gray.white};
   box-shadow: none;
   &:hover {
     background-color: #e3e9ff !important;
-    color: ${q.palette.purple.primary} !important;
-    border: 1px solid ${q.palette.purple.primary} !important;
+    color: ${X.palette.purple.primary} !important;
+    border: 1px solid ${X.palette.purple.primary} !important;
   }
 `, c9 = w(tt)`
   width: 253px;
   height: 36px;
   text-transform: none;
   box-shadow: none;
-  color: ${q.palette.gray.black};
-  border: 1px solid ${q.palette.gray.gray5};
+  color: ${X.palette.gray.black};
+  border: 1px solid ${X.palette.gray.gray5};
 `, u9 = ({ setModalState: e }) => {
   const t = (n) => {
     n == null || n.stopPropagation(), e(!0);
@@ -12945,8 +12945,8 @@ const M6 = w(V)`
       "data-testid": "connector-not-available-request-new",
       children: [
         /* @__PURE__ */ l.jsxs(i9, { children: [
-          /* @__PURE__ */ l.jsx(A9, { variant: "h1", color: q.palette.gray.black, children: t5 }),
-          /* @__PURE__ */ l.jsx(a9, { variant: "body1", color: q.palette.gray.gray2, children: n5 }),
+          /* @__PURE__ */ l.jsx(A9, { variant: "h1", color: X.palette.gray.black, children: t5 }),
+          /* @__PURE__ */ l.jsx(a9, { variant: "body1", color: X.palette.gray.gray2, children: n5 }),
           /* @__PURE__ */ l.jsxs(s9, { direction: "row", justifyContent: "space-between", children: [
             /* @__PURE__ */ l.jsx(l9, { variant: "contained", onClick: t, children: rm }),
             /* @__PURE__ */ l.jsx(c9, { variant: "outlined", className: "create-own__btn", children: r5 })
@@ -12964,7 +12964,7 @@ const M6 = w(V)`
 Am.displayName = "SingletonProvider";
 const am = (e) => e.connectorLirary.connectorList, Tu = (e) => e.connectorLirary.connectors, sm = (e) => e.connectorLirary.connectorsApiStatus, g9 = (e) => e.connectorLirary.currentUpdatingConnectors, sE = (e) => e.connectorLirary.connectorDetailApiStatus, lm = (e) => e.connectorLirary.emailInboxDetails, cm = (e) => e.connectorLirary.rolesAndPermissions, d9 = (e) => e.connectorLirary.updateEnableConnectorsApiStatus, C9 = (e) => e.connectorLirary.cardCustomFields, E9 = (e) => e.connectorLirary.cardCustomFieldsApiStatus, f9 = w(oe)`
   border-radius: 4px;
-  border: 1px solid ${q.palette.gray.gray5};
+  border: 1px solid ${X.palette.gray.gray5};
   margin-bottom: 12px;
   &.noBorder {
     border: none;
@@ -12993,10 +12993,10 @@ const am = (e) => e.connectorLirary.connectorList, Tu = (e) => e.connectorLirary
       height: 70px;
     }
     &.connector-expanded {
-      background: ${q.palette.gray.gray6};
+      background: ${X.palette.gray.gray6};
     }
     &:hover {
-      background: ${q.palette.gray.gray6};
+      background: ${X.palette.gray.gray6};
     }
     &.connector-settings {
       padding-left: 0;
@@ -13080,7 +13080,7 @@ const am = (e) => e.connectorLirary.connectorList, Tu = (e) => e.connectorLirary
   }
 `, v9 = w(gt.InfoOutlined)`
   width: 16px;
-  color: ${q.palette.gray.gray3};
+  color: ${X.palette.gray.gray3};
 `, oa = "success", jo = "error", um = "info-dark", y9 = "Error in toggling connector state", x9 = "Connector disabled successfully", w9 = "data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_3354_177467'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='22'%20height='22'%3e%3crect%20width='22'%20height='22'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_3354_177467)'%3e%3cpath%20d='M15.5827%2015.584C15.9646%2015.584%2016.2893%2015.4503%2016.5566%2015.1829C16.824%2014.9156%2016.9577%2014.5909%2016.9577%2014.209C16.9577%2013.827%2016.824%2013.5024%2016.5566%2013.235C16.2893%2012.9677%2015.9646%2012.834%2015.5827%2012.834C15.2007%2012.834%2014.8761%2012.9677%2014.6087%2013.235C14.3414%2013.5024%2014.2077%2013.827%2014.2077%2014.209C14.2077%2014.5909%2014.3414%2014.9156%2014.6087%2015.1829C14.8761%2015.4503%2015.2007%2015.584%2015.5827%2015.584ZM15.5827%2018.334C16.0563%2018.334%2016.4917%2018.2232%2016.8889%2018.0017C17.2862%2017.7802%2017.607%2017.4861%2017.8514%2017.1194C17.5153%2016.9208%2017.1563%2016.768%2016.7743%2016.6611C16.3924%2016.5541%2015.9952%2016.5007%2015.5827%2016.5007C15.1702%2016.5007%2014.773%2016.5541%2014.391%2016.6611C14.0091%2016.768%2013.65%2016.9208%2013.3139%2017.1194C13.5584%2017.4861%2013.8792%2017.7802%2014.2764%2018.0017C14.6737%2018.2232%2015.1091%2018.334%2015.5827%2018.334ZM10.9993%2020.1673C8.87574%2019.6326%207.12261%2018.4142%205.73997%2016.5121C4.35734%2014.61%203.66602%2012.4979%203.66602%2010.1757V4.58398L10.9993%201.83398L18.3327%204.58398V9.78607C18.0424%209.66385%2017.7445%209.55308%2017.4389%209.45378C17.1334%209.35447%2016.8202%209.2819%2016.4993%209.23607V5.86732L10.9993%203.80482L5.49935%205.86732V10.1757C5.49935%2010.8937%205.59484%2011.6118%205.78581%2012.3298C5.97678%2013.0479%206.24414%2013.7316%206.58789%2014.3809C6.93164%2015.0302%207.34796%2015.6298%207.83685%2016.1798C8.32574%2016.7298%208.8681%2017.1882%209.46393%2017.5548C9.63199%2018.0437%209.85352%2018.5097%2010.1285%2018.9527C10.4035%2019.3958%2010.7167%2019.793%2011.0681%2020.1444C11.0528%2020.1444%2011.0414%2020.1482%2011.0337%2020.1559C11.0261%2020.1635%2011.0146%2020.1673%2010.9993%2020.1673ZM15.5827%2020.1673C14.3146%2020.1673%2013.2337%2019.7204%2012.34%2018.8267C11.4462%2017.9329%2010.9993%2016.852%2010.9993%2015.584C10.9993%2014.3159%2011.4462%2013.235%2012.34%2012.3413C13.2337%2011.4475%2014.3146%2011.0007%2015.5827%2011.0007C16.8507%2011.0007%2017.9316%2011.4475%2018.8254%2012.3413C19.7191%2013.235%2020.166%2014.3159%2020.166%2015.584C20.166%2016.852%2019.7191%2017.9329%2018.8254%2018.8267C17.9316%2019.7204%2016.8507%2020.1673%2015.5827%2020.1673Z'%20fill='%233E4C5A'/%3e%3c/g%3e%3c/svg%3e", gm = "data:image/svg+xml,%3csvg%20width='92'%20height='92'%20viewBox='0%200%2092%2092'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='46'%20cy='46'%20r='23'%20fill='%2336A40F'/%3e%3ccircle%20opacity='0.1'%20cx='45.5'%20cy='45.5'%20r='34.5'%20fill='%235AAA3D'/%3e%3ccircle%20opacity='0.1'%20cx='46'%20cy='46'%20r='46'%20fill='%232CAA00'/%3e%3cpath%20d='M37%2046L44%2053L58%2039'%20stroke='white'%20stroke-width='3'/%3e%3c/svg%3e", T9 = "Connector enabled", S9 = "Access and manage the information from the connector directly from Hiver’s right panel for seamless integration and easy reference.", _9 = "Got it", R9 = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_825_73646)'%3e%3cpath%20d='M19%206.41L17.59%205L12%2010.59L6.41%205L5%206.41L10.59%2012L5%2017.59L6.41%2019L12%2013.41L17.59%2019L19%2017.59L13.41%2012L19%206.41Z'%20fill='%236F7C90'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_825_73646'%3e%3crect%20width='24'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", lE = ({
   shown: e,
   setShown: t,
@@ -13116,8 +13116,8 @@ const am = (e) => e.connectorLirary.connectorList, Tu = (e) => e.connectorLirary
 `, D9 = w(tt)`
   &:hover {
     background-color: #e3e9ff !important;
-    color: ${q.palette.purple.primary} !important;
-    border: 1px solid ${q.palette.purple.primary} !important;
+    color: ${X.palette.purple.primary} !important;
+    border: 1px solid ${X.palette.purple.primary} !important;
   }
 `, L9 = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1, VITE_HIVER_CDN_URL: "https://cdn.hiverhq.com/", VITE_MY_ENV_VAR: "Environment Variable from admin" }, F9 = ({ shown: e, connectorName: t, setShown: n }) => {
   const { VITE_HIVER_CDN_URL: r } = L9, o = r + "connectors-module/assets/ConnectorsEnabled.gif", i = () => {
@@ -13216,7 +13216,7 @@ const G9 = w(oe)`
   box-shadow: 0px 4px 4px 0px #00000014;
 `, W9 = w(ee)`
   margin-top: 9px;
-  color: ${q.palette.gray.gray3};
+  color: ${X.palette.gray.gray3};
 `, z9 = "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", Y9 = () => /* @__PURE__ */ l.jsxs(G9, { children: [
   /* @__PURE__ */ l.jsxs(V, { direction: "row", alignItems: "center", gap: 1, children: [
     /* @__PURE__ */ l.jsx(H9, { direction: "row", alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ l.jsx("img", { src: z9, alt: "visibility" }) }),
@@ -15311,7 +15311,7 @@ const Jd = /* @__PURE__ */ Sv(function(t) {
   }, [v, _]), R = De(null), [W, Z] = $(null), [ne, ge] = $(null), Y = Ts(E, Object.values(E)), P = Js("DndDescribedBy", A), H = Se(() => O.getEnabled(), [O]), L = C_(f), {
     droppableRects: F,
     measureDroppableContainers: U,
-    measuringScheduled: X
+    measuringScheduled: K
   } = J8(H, {
     dragging: y,
     dependencies: [x.x, x.y],
@@ -15323,7 +15323,7 @@ const Jd = /* @__PURE__ */ Sv(function(t) {
     initialRect: ve,
     measure: L.draggable.measure
   });
-  const Ie = op(re, L.draggable.measure, ve), Ge = op(re ? re.parentElement : null), K = De({
+  const Ie = op(re, L.draggable.measure, ve), Ge = op(re ? re.parentElement : null), q = De({
     activatorEvent: null,
     active: null,
     activeNode: re,
@@ -15337,7 +15337,7 @@ const Jd = /* @__PURE__ */ Sv(function(t) {
     over: null,
     scrollableAncestors: [],
     scrollAdjustedTranslate: null
-  }), pe = O.getNodeFor((n = K.current.over) == null ? void 0 : n.id), _e = i_({
+  }), pe = O.getNodeFor((n = q.current.over) == null ? void 0 : n.id), _e = i_({
     measure: L.dragOverlay.measure
   }), it = (r = _e.nodeRef.current) != null ? r : re, lt = y ? (o = _e.rect) != null ? o : Ie : null, ln = !!(_e.nodeRef.current && _e.rect), It = Z8(ln ? null : Ie), bt = Tm(it ? ur(it) : null), Rt = $8(y ? pe ?? re : null), Fn = r_(Rt), Pn = d_(p, {
     transform: {
@@ -15351,7 +15351,7 @@ const Jd = /* @__PURE__ */ Sv(function(t) {
     activeNodeRect: Ie,
     containerNodeRect: Ge,
     draggingNodeRect: lt,
-    over: K.current.over,
+    over: q.current.over,
     overlayNodeRect: _e.rect,
     scrollableAncestors: Rt,
     scrollableAncestorRects: Fn,
@@ -15380,7 +15380,7 @@ const Jd = /* @__PURE__ */ Sv(function(t) {
         options: Rn,
         // Sensors need to be instantiated with refs for arguments that change over time
         // otherwise they are frozen in time with the stale arguments
-        context: K,
+        context: q,
         onStart(Cn) {
           const Jt = R.current;
           if (Jt == null)
@@ -15426,7 +15426,7 @@ const Jd = /* @__PURE__ */ Sv(function(t) {
             collisions: Cr,
             over: jn,
             scrollAdjustedTranslate: N
-          } = K.current;
+          } = q.current;
           let G = null;
           if (dr && N) {
             const {
@@ -15485,7 +15485,7 @@ const Jd = /* @__PURE__ */ Sv(function(t) {
         activatorEvent: Zt,
         collisions: Rn,
         over: cn
-      } = K.current;
+      } = q.current;
       if (!qt || !Zt)
         return;
       const dn = {
@@ -15515,7 +15515,7 @@ const Jd = /* @__PURE__ */ Sv(function(t) {
         collisions: Zt,
         droppableContainers: Rn,
         scrollAdjustedTranslate: cn
-      } = K.current;
+      } = q.current;
       if (!jt || R.current == null || !qt || !cn)
         return;
       const {
@@ -15545,7 +15545,7 @@ const Jd = /* @__PURE__ */ Sv(function(t) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [kn]
   ), bo(() => {
-    K.current = {
+    q.current = {
       activatorEvent: ne,
       active: j,
       activeNode: re,
@@ -15587,9 +15587,9 @@ const Jd = /* @__PURE__ */ Sv(function(t) {
     scrollableAncestors: Rt,
     scrollableAncestorRects: Fn,
     measuringConfiguration: L,
-    measuringScheduled: X,
+    measuringScheduled: K,
     windowRect: bt
-  }), [j, re, Ie, ne, Nn, Ge, _e, b, O, F, Xt, U, Rt, Fn, L, X, bt]), Kt = Se(() => ({
+  }), [j, re, Ie, ne, Nn, Ge, _e, b, O, F, Xt, U, Rt, Fn, L, K, bt]), Kt = Se(() => ({
     activatorEvent: ne,
     activators: Gr,
     active: j,
@@ -16021,7 +16021,7 @@ function IE(e) {
       ...n
     },
     disabled: B.draggable
-  }), H = e8(O, W), L = !!_, F = L && !E && fl(f) && fl(C), U = !h && ne, X = U && F ? P : null, ie = F ? X ?? (a ?? I)({
+  }), H = e8(O, W), L = !!_, F = L && !E && fl(f) && fl(C), U = !h && ne, K = U && F ? P : null, ie = F ? K ?? (a ?? I)({
     rects: d,
     activeNodeRect: j,
     activeIndex: f,
@@ -16037,7 +16037,7 @@ function IE(e) {
     items: u,
     newIndex: de,
     containerId: g
-  }), Ge = u !== Ie.current.items, K = t({
+  }), Ge = u !== Ie.current.items, q = t({
     active: _,
     containerId: g,
     isDragging: ne,
@@ -16051,7 +16051,7 @@ function IE(e) {
     transition: c,
     wasDragging: Ie.current.activeId != null
   }), pe = O_({
-    disabled: !K,
+    disabled: !q,
     index: Q,
     node: b,
     rect: v
@@ -16099,7 +16099,7 @@ function IE(e) {
       Ge && Ie.current.newIndex === Q
     )
       return __;
-    if (!(U && !dE(D) || !c) && (L || K))
+    if (!(U && !dE(D) || !c) && (L || q))
       return iA.Transition.toString({
         ...c,
         property: Lm
@@ -16291,8 +16291,8 @@ const L_ = w(V)`
 `, z_ = w(tt)`
   &:hover {
     background-color: #e3e9ff !important;
-    color: ${q.palette.purple.primary} !important;
-    border: 1px solid ${q.palette.purple.primary} !important;
+    color: ${X.palette.purple.primary} !important;
+    border: 1px solid ${X.palette.purple.primary} !important;
   }
 `, qd = w(Pm)`
   & .MuiOutlinedInput-root {
@@ -16456,8 +16456,8 @@ const L_ = w(V)`
     () => (p == null ? void 0 : p.find((F) => o == null ? void 0 : o.includes(F.name))) ?? {}
   ), [y, v] = $(
     () => {
-      var F, U, X;
-      return ((X = (U = (F = f == null ? void 0 : f[i]) == null ? void 0 : F.cardList) == null ? void 0 : U.find((re) => re.id === t)) == null ? void 0 : X.fields) ?? [];
+      var F, U, K;
+      return ((K = (U = (F = f == null ? void 0 : f[i]) == null ? void 0 : F.cardList) == null ? void 0 : U.find((re) => re.id === t)) == null ? void 0 : K.fields) ?? [];
     }
   ), [b, x] = $(Si.CARD_VISIBILITY.ID);
   Ee(() => {
@@ -16470,37 +16470,37 @@ const L_ = w(V)`
     if (!Array.isArray(a)) return !1;
     const U = lp(a, F);
     if (y.length != U.length) return !1;
-    for (let X = 0; X < U.length; X++) {
-      const re = U[X], ie = y[X];
+    for (let K = 0; K < U.length; K++) {
+      const re = U[K], ie = y[K];
       if (y && (re.key !== ie.key || re.enabled !== ie.enabled))
         return !1;
     }
     return !0;
   }, [a, y, d, t]), j = I.length !== 0 && y.filter((F) => F.enabled).length === 0, R = C === je.LOADING || O && _ && D || j, W = Se(() => !!(a != null && a.some((F) => F.isFieldNew)), [a]), Z = h && pE(t, h), ge = Qs(c) && W && !Z ? Nm : "", Y = (F) => {
     F.stopPropagation();
-    const U = Q != null && Q.name ? [Q.name] : [], X = I.map((ie) => ie.id), re = y.map((ie, de) => ({ ...ie, priority: de + 1 }));
+    const U = Q != null && Q.name ? [Q.name] : [], K = I.map((ie) => ie.id), re = y.map((ie, de) => ({ ...ie, priority: de + 1 }));
     g(
       Gl({
         cardId: t,
-        data: { roles: U, inboxes: { email: X, chat: [] }, fields: re },
+        data: { roles: U, inboxes: { email: K, chat: [] }, fields: re },
         currentConnector: i
       })
     ).unwrap().then(() => {
       var ve, Ie, Ge;
       const ie = (ve = f == null ? void 0 : f[i]) == null ? void 0 : ve.name, de = (Ge = (Ie = f == null ? void 0 : f[i]) == null ? void 0 : Ie.cardList) == null ? void 0 : Ge.some(
-        (K) => {
+        (q) => {
           var ln;
-          if (K.id === t) return !1;
-          const { email: pe, chat: _e } = K.inboxes, it = !!(((pe == null ? void 0 : pe.length) ?? 0) + ((_e == null ? void 0 : _e.length) ?? 0)), lt = !!((ln = K == null ? void 0 : K.roles) != null && ln.length);
+          if (q.id === t) return !1;
+          const { email: pe, chat: _e } = q.inboxes, it = !!(((pe == null ? void 0 : pe.length) ?? 0) + ((_e == null ? void 0 : _e.length) ?? 0)), lt = !!((ln = q == null ? void 0 : q.roles) != null && ln.length);
           return it && lt;
         }
       );
       u(ht.CARD_VISIBILITY_UPDATED, {
-        new_status: X.length && (Q != null && Q.name) ? JI : XI,
+        new_status: K.length && (Q != null && Q.name) ? JI : XI,
         pre_status: n != null && n.length && (p != null && p.length) ? JI : XI,
         connector_name: ie,
         card_title: A
-      }), !de && (Q != null && Q.name) && X.length ? r(!0) : ie && sr({
+      }), !de && (Q != null && Q.name) && K.length ? r(!0) : ie && sr({
         message: k5.replace(N5, ie),
         type: oa
       });
@@ -16513,9 +16513,9 @@ const L_ = w(V)`
     x(U), U === Si.FIELD_VISIBILITY.ID && (u(ht.CONNECTOR_VISIBILITY_FIELD_TAB_CLICKED), s(!0));
   }, L = (F, U) => {
     var re;
-    const X = (re = Object.values(Si).find((ie) => ie.ID === F)) == null ? void 0 : re.LABEL;
+    const K = (re = Object.values(Si).find((ie) => ie.ID === F)) == null ? void 0 : re.LABEL;
     return /* @__PURE__ */ l.jsxs(V, { direction: "row", alignItems: "center", gap: 1.25, children: [
-      X,
+      K,
       U ? /* @__PURE__ */ l.jsx(ws, { label: U }) : null
     ] });
   };
@@ -16548,22 +16548,22 @@ const L_ = w(V)`
   flex-direction: row;
   justify-content: space-between;
   padding: 16px;
-  border-top: 1px solid ${q.palette.gray.gray5};
+  border-top: 1px solid ${X.palette.gray.gray5};
   & .visibilityIcon path {
-    fill: ${q.palette.gray.gray3};
+    fill: ${X.palette.gray.gray3};
   }
   & .hover__text {
     margin-right: 20px;
     visibility: hidden;
-    color: ${q.palette.gray.gray3};
+    color: ${X.palette.gray.gray3};
   }
   &:hover {
-    background: ${q.palette.gray.gray6a};
+    background: ${X.palette.gray.gray6a};
     & .hover__text {
       visibility: visible;
     }
     & .visibilityIcon path {
-      fill: ${q.palette.gray.gray1};
+      fill: ${X.palette.gray.gray1};
     }
   }
   &.connector-settings {
@@ -16667,7 +16667,7 @@ const e7 = w(V)`
     e,
     " connector"
   ] }),
-  /* @__PURE__ */ l.jsx(i7, { variant: "body2", color: q.palette.gray.gray2, dangerouslySetInnerHTML: { __html: t } })
+  /* @__PURE__ */ l.jsx(i7, { variant: "body2", color: X.palette.gray.gray2, dangerouslySetInnerHTML: { __html: t } })
 ] }), a7 = w(({ className: e, ...t }) => /* @__PURE__ */ l.jsx(st, { ...t, classes: { popper: e } }))(() => ({
   [`& .${qr.tooltip}`]: {
     backgroundColor: "#fff",
@@ -16734,7 +16734,7 @@ const e7 = w(V)`
                 gap: "4px",
                 hidden: t || !u || x || !g,
                 children: [
-                  /* @__PURE__ */ l.jsx(ee, { variant: "body2", color: q.palette.gray.gray3, children: z5 }),
+                  /* @__PURE__ */ l.jsx(ee, { variant: "body2", color: X.palette.gray.gray3, children: z5 }),
                   /* @__PURE__ */ l.jsx(
                     a7,
                     {
@@ -16774,7 +16774,7 @@ const e7 = w(V)`
           )
         ] })
       ] }),
-      t ? /* @__PURE__ */ l.jsx(ee, { maxWidth: "577px", variant: "body1", color: q.palette.gray.gray3, className: "connector-grid", children: s }) : null
+      t ? /* @__PURE__ */ l.jsx(ee, { maxWidth: "577px", variant: "body1", color: X.palette.gray.gray3, className: "connector-grid", children: s }) : null
     ] }),
     _ ? /* @__PURE__ */ l.jsx(
       o7,
@@ -16977,7 +16977,7 @@ const e7 = w(V)`
   height: 60px;
   gap: 12px;
   padding: 16px;
-  border: 1px solid ${q.palette.gray.gray6};
+  border: 1px solid ${X.palette.gray.gray6};
   border-radius: 8px;
   box-sizing: border-box;
 `, y7 = () => /* @__PURE__ */ l.jsx(V, { marginTop: "28px", gap: "12px", "data-testid": "loading", children: Array(3).fill(0).map((e, t) => /* @__PURE__ */ l.jsx(v7, { justifyContent: "center", children: /* @__PURE__ */ l.jsx(b7, { variant: "rounded", maxWidth: "862px", height: "10px", animation: "wave" }) }, t)) }), x7 = "Limited time offer", w7 = ":", T7 = "Expert setup assistance available! Book a 15 min call with our integration specialist.", S7 = "Schedule call", _7 = "Setup guide video", R7 = "Help Article", O7 = "Contact Support", D7 = "https://help.hiverhq.com/custom-connectors", L7 = "https://cdn.hiverhq.com/chat-support/hiver-chat.html", F7 = "https://calendar.app.google/V2cJcwKMV4ax9rpk9", mg = "hiver_schedule_call_close_button_click", P7 = "Need help?", N7 = w(V)`
@@ -17019,13 +17019,13 @@ const e7 = w(V)`
 `, M7 = w(tt)`
   gap: 8px;
   height: 28px;
-  color: ${q.palette.gray.black};
-  background-color: ${q.palette.gray.white};
-  border: 1px solid ${q.palette.gray.gray5};
+  color: ${X.palette.gray.black};
+  background-color: ${X.palette.gray.white};
+  border: 1px solid ${X.palette.gray.gray5};
   &:hover {
-    color: ${q.palette.purple.primary};
+    color: ${X.palette.purple.primary};
     background-color: #e3dfff;
-    border: 1px solid ${q.palette.purple.primary};
+    border: 1px solid ${X.palette.purple.primary};
     box-shadow: none;
   }
 `, j7 = w(gt.Close)`
@@ -17055,7 +17055,7 @@ const e7 = w(V)`
   return c ? /* @__PURE__ */ l.jsxs(N7, { direction: "row", className: s, children: [
     /* @__PURE__ */ l.jsxs(k7, { className: s, children: [
       /* @__PURE__ */ l.jsxs("div", { children: [
-        /* @__PURE__ */ l.jsx(ee, { color: q.palette.gray.black, variant: "body2_medium", children: x7 + (t ? w7 : "") }),
+        /* @__PURE__ */ l.jsx(ee, { color: X.palette.gray.black, variant: "body2_medium", children: x7 + (t ? w7 : "") }),
         /* @__PURE__ */ l.jsx(ee, { variant: "body2", children: T7 })
       ] }),
       /* @__PURE__ */ l.jsxs(M7, { onClick: g, variant: "outlined", size: "small", children: [
@@ -17097,7 +17097,7 @@ const e7 = w(V)`
     /* @__PURE__ */ l.jsxs(oe, { marginTop: "32px", children: [
       u ? /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
         /* @__PURE__ */ l.jsx(Q7, { variant: "h2", children: E7 }),
-        /* @__PURE__ */ l.jsx(m7, { variant: "body1", color: q.palette.gray.gray3, children: f7 })
+        /* @__PURE__ */ l.jsx(m7, { variant: "body1", color: X.palette.gray.gray3, children: f7 })
       ] }) : null,
       /* @__PURE__ */ l.jsx(n9, {})
     ] }),
@@ -17196,7 +17196,7 @@ const e7 = w(V)`
   height: ${(e) => e.height ? e.height : "72px"};
   gap: 12px;
   padding: 16px;
-  border: 1px solid ${q.palette.gray.gray6};
+  border: 1px solid ${X.palette.gray.gray6};
   border-radius: 8px;
   box-sizing: border-box;
 `, eR = () => /* @__PURE__ */ l.jsx(V, { marginTop: "28px", gap: "12px", children: Array(3).fill(0).map((e, t) => /* @__PURE__ */ l.jsxs($7, { children: [
@@ -17208,8 +17208,8 @@ const e7 = w(V)`
   height: 32px;
   &:hover {
     background-color: #e3e9ff !important;
-    color: ${q.palette.purple.primary} !important;
-    border: 1px solid ${q.palette.purple.primary} !important;
+    color: ${X.palette.purple.primary} !important;
+    border: 1px solid ${X.palette.purple.primary} !important;
   }
 `, rR = ({ connectorName: e, connectorType: t, apiList: n, isLoading: r = !1, isEdit: o = !1 }) => {
   const { sendTrackingEvent: i } = Ve(vn), A = K7.replace("{{connector}}", e ?? ""), [a, s] = $(!1), c = () => {
@@ -17340,16 +17340,16 @@ var dp;
 function iR() {
   return dp || (dp = 1, process.env.NODE_ENV !== "production" && function() {
     var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, A = e ? Symbol.for("react.provider") : 60109, a = e ? Symbol.for("react.context") : 60110, s = e ? Symbol.for("react.async_mode") : 60111, c = e ? Symbol.for("react.concurrent_mode") : 60111, u = e ? Symbol.for("react.forward_ref") : 60112, g = e ? Symbol.for("react.suspense") : 60113, f = e ? Symbol.for("react.suspense_list") : 60120, p = e ? Symbol.for("react.memo") : 60115, E = e ? Symbol.for("react.lazy") : 60116, d = e ? Symbol.for("react.block") : 60121, C = e ? Symbol.for("react.fundamental") : 60117, h = e ? Symbol.for("react.responder") : 60118, I = e ? Symbol.for("react.scope") : 60119;
-    function B(K) {
-      return typeof K == "string" || typeof K == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      K === r || K === c || K === i || K === o || K === g || K === f || typeof K == "object" && K !== null && (K.$$typeof === E || K.$$typeof === p || K.$$typeof === A || K.$$typeof === a || K.$$typeof === u || K.$$typeof === C || K.$$typeof === h || K.$$typeof === I || K.$$typeof === d);
+    function B(q) {
+      return typeof q == "string" || typeof q == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+      q === r || q === c || q === i || q === o || q === g || q === f || typeof q == "object" && q !== null && (q.$$typeof === E || q.$$typeof === p || q.$$typeof === A || q.$$typeof === a || q.$$typeof === u || q.$$typeof === C || q.$$typeof === h || q.$$typeof === I || q.$$typeof === d);
     }
-    function Q(K) {
-      if (typeof K == "object" && K !== null) {
-        var pe = K.$$typeof;
+    function Q(q) {
+      if (typeof q == "object" && q !== null) {
+        var pe = q.$$typeof;
         switch (pe) {
           case t:
-            var _e = K.type;
+            var _e = q.type;
             switch (_e) {
               case s:
               case c:
@@ -17377,46 +17377,46 @@ function iR() {
       }
     }
     var m = s, y = c, v = a, b = A, x = t, O = u, _ = r, D = E, j = p, R = n, W = i, Z = o, ne = g, ge = !1;
-    function Y(K) {
-      return ge || (ge = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), P(K) || Q(K) === s;
+    function Y(q) {
+      return ge || (ge = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), P(q) || Q(q) === s;
     }
-    function P(K) {
-      return Q(K) === c;
+    function P(q) {
+      return Q(q) === c;
     }
-    function H(K) {
-      return Q(K) === a;
+    function H(q) {
+      return Q(q) === a;
     }
-    function L(K) {
-      return Q(K) === A;
+    function L(q) {
+      return Q(q) === A;
     }
-    function F(K) {
-      return typeof K == "object" && K !== null && K.$$typeof === t;
+    function F(q) {
+      return typeof q == "object" && q !== null && q.$$typeof === t;
     }
-    function U(K) {
-      return Q(K) === u;
+    function U(q) {
+      return Q(q) === u;
     }
-    function X(K) {
-      return Q(K) === r;
+    function K(q) {
+      return Q(q) === r;
     }
-    function re(K) {
-      return Q(K) === E;
+    function re(q) {
+      return Q(q) === E;
     }
-    function ie(K) {
-      return Q(K) === p;
+    function ie(q) {
+      return Q(q) === p;
     }
-    function de(K) {
-      return Q(K) === n;
+    function de(q) {
+      return Q(q) === n;
     }
-    function ve(K) {
-      return Q(K) === i;
+    function ve(q) {
+      return Q(q) === i;
     }
-    function Ie(K) {
-      return Q(K) === o;
+    function Ie(q) {
+      return Q(q) === o;
     }
-    function Ge(K) {
-      return Q(K) === g;
+    function Ge(q) {
+      return Q(q) === g;
     }
-    Dt.AsyncMode = m, Dt.ConcurrentMode = y, Dt.ContextConsumer = v, Dt.ContextProvider = b, Dt.Element = x, Dt.ForwardRef = O, Dt.Fragment = _, Dt.Lazy = D, Dt.Memo = j, Dt.Portal = R, Dt.Profiler = W, Dt.StrictMode = Z, Dt.Suspense = ne, Dt.isAsyncMode = Y, Dt.isConcurrentMode = P, Dt.isContextConsumer = H, Dt.isContextProvider = L, Dt.isElement = F, Dt.isForwardRef = U, Dt.isFragment = X, Dt.isLazy = re, Dt.isMemo = ie, Dt.isPortal = de, Dt.isProfiler = ve, Dt.isStrictMode = Ie, Dt.isSuspense = Ge, Dt.isValidElementType = B, Dt.typeOf = Q;
+    Dt.AsyncMode = m, Dt.ConcurrentMode = y, Dt.ContextConsumer = v, Dt.ContextProvider = b, Dt.Element = x, Dt.ForwardRef = O, Dt.Fragment = _, Dt.Lazy = D, Dt.Memo = j, Dt.Portal = R, Dt.Profiler = W, Dt.StrictMode = Z, Dt.Suspense = ne, Dt.isAsyncMode = Y, Dt.isConcurrentMode = P, Dt.isContextConsumer = H, Dt.isContextProvider = L, Dt.isElement = F, Dt.isForwardRef = U, Dt.isFragment = K, Dt.isLazy = re, Dt.isMemo = ie, Dt.isPortal = de, Dt.isProfiler = ve, Dt.isStrictMode = Ie, Dt.isSuspense = Ge, Dt.isValidElementType = B, Dt.typeOf = Q;
   }()), Dt;
 }
 var Cp;
@@ -17589,13 +17589,13 @@ function sR() {
     function C(P) {
       if (process.env.NODE_ENV !== "production")
         var H = {}, L = 0;
-      function F(X, re, ie, de, ve, Ie, Ge) {
+      function F(K, re, ie, de, ve, Ie, Ge) {
         if (de = de || f, Ie = Ie || ie, Ge !== n) {
           if (s) {
-            var K = new Error(
+            var q = new Error(
               "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
             );
-            throw K.name = "Invariant Violation", K;
+            throw q.name = "Invariant Violation", q;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
             var pe = de + ":" + ie;
             !H[pe] && // Avoid spamming the console because they are often not actionable except for lib authors
@@ -17604,18 +17604,18 @@ function sR() {
             ), H[pe] = !0, L++);
           }
         }
-        return re[ie] == null ? X ? re[ie] === null ? new d("The " + ve + " `" + Ie + "` is marked as required " + ("in `" + de + "`, but its value is `null`.")) : new d("The " + ve + " `" + Ie + "` is marked as required in " + ("`" + de + "`, but its value is `undefined`.")) : null : P(re, ie, de, ve, Ie);
+        return re[ie] == null ? K ? re[ie] === null ? new d("The " + ve + " `" + Ie + "` is marked as required " + ("in `" + de + "`, but its value is `null`.")) : new d("The " + ve + " `" + Ie + "` is marked as required in " + ("`" + de + "`, but its value is `undefined`.")) : null : P(re, ie, de, ve, Ie);
       }
       var U = F.bind(null, !1);
       return U.isRequired = F.bind(null, !0), U;
     }
     function h(P) {
-      function H(L, F, U, X, re, ie) {
+      function H(L, F, U, K, re, ie) {
         var de = L[F], ve = Z(de);
         if (ve !== P) {
           var Ie = ne(de);
           return new d(
-            "Invalid " + X + " `" + re + "` of type " + ("`" + Ie + "` supplied to `" + U + "`, expected ") + ("`" + P + "`."),
+            "Invalid " + K + " `" + re + "` of type " + ("`" + Ie + "` supplied to `" + U + "`, expected ") + ("`" + P + "`."),
             { expectedType: P }
           );
         }
@@ -17627,16 +17627,16 @@ function sR() {
       return C(A);
     }
     function B(P) {
-      function H(L, F, U, X, re) {
+      function H(L, F, U, K, re) {
         if (typeof P != "function")
           return new d("Property `" + re + "` of component `" + U + "` has invalid PropType notation inside arrayOf.");
         var ie = L[F];
         if (!Array.isArray(ie)) {
           var de = Z(ie);
-          return new d("Invalid " + X + " `" + re + "` of type " + ("`" + de + "` supplied to `" + U + "`, expected an array."));
+          return new d("Invalid " + K + " `" + re + "` of type " + ("`" + de + "` supplied to `" + U + "`, expected an array."));
         }
         for (var ve = 0; ve < ie.length; ve++) {
-          var Ie = P(ie, ve, U, X, re + "[" + ve + "]", n);
+          var Ie = P(ie, ve, U, K, re + "[" + ve + "]", n);
           if (Ie instanceof Error)
             return Ie;
         }
@@ -17645,32 +17645,32 @@ function sR() {
       return C(H);
     }
     function Q() {
-      function P(H, L, F, U, X) {
+      function P(H, L, F, U, K) {
         var re = H[L];
         if (!a(re)) {
           var ie = Z(re);
-          return new d("Invalid " + U + " `" + X + "` of type " + ("`" + ie + "` supplied to `" + F + "`, expected a single ReactElement."));
+          return new d("Invalid " + U + " `" + K + "` of type " + ("`" + ie + "` supplied to `" + F + "`, expected a single ReactElement."));
         }
         return null;
       }
       return C(P);
     }
     function m() {
-      function P(H, L, F, U, X) {
+      function P(H, L, F, U, K) {
         var re = H[L];
         if (!e.isValidElementType(re)) {
           var ie = Z(re);
-          return new d("Invalid " + U + " `" + X + "` of type " + ("`" + ie + "` supplied to `" + F + "`, expected a single ReactElement type."));
+          return new d("Invalid " + U + " `" + K + "` of type " + ("`" + ie + "` supplied to `" + F + "`, expected a single ReactElement type."));
         }
         return null;
       }
       return C(P);
     }
     function y(P) {
-      function H(L, F, U, X, re) {
+      function H(L, F, U, K, re) {
         if (!(L[F] instanceof P)) {
           var ie = P.name || f, de = Y(L[F]);
-          return new d("Invalid " + X + " `" + re + "` of type " + ("`" + de + "` supplied to `" + U + "`, expected ") + ("instance of `" + ie + "`."));
+          return new d("Invalid " + K + " `" + re + "` of type " + ("`" + de + "` supplied to `" + U + "`, expected ") + ("instance of `" + ie + "`."));
         }
         return null;
       }
@@ -17681,28 +17681,28 @@ function sR() {
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? i(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
         ) : i("Invalid argument supplied to oneOf, expected an array.")), A;
-      function H(L, F, U, X, re) {
+      function H(L, F, U, K, re) {
         for (var ie = L[F], de = 0; de < P.length; de++)
           if (E(ie, P[de]))
             return null;
-        var ve = JSON.stringify(P, function(Ge, K) {
-          var pe = ne(K);
-          return pe === "symbol" ? String(K) : K;
+        var ve = JSON.stringify(P, function(Ge, q) {
+          var pe = ne(q);
+          return pe === "symbol" ? String(q) : q;
         });
-        return new d("Invalid " + X + " `" + re + "` of value `" + String(ie) + "` " + ("supplied to `" + U + "`, expected one of " + ve + "."));
+        return new d("Invalid " + K + " `" + re + "` of value `" + String(ie) + "` " + ("supplied to `" + U + "`, expected one of " + ve + "."));
       }
       return C(H);
     }
     function b(P) {
-      function H(L, F, U, X, re) {
+      function H(L, F, U, K, re) {
         if (typeof P != "function")
           return new d("Property `" + re + "` of component `" + U + "` has invalid PropType notation inside objectOf.");
         var ie = L[F], de = Z(ie);
         if (de !== "object")
-          return new d("Invalid " + X + " `" + re + "` of type " + ("`" + de + "` supplied to `" + U + "`, expected an object."));
+          return new d("Invalid " + K + " `" + re + "` of type " + ("`" + de + "` supplied to `" + U + "`, expected an object."));
         for (var ve in ie)
           if (r(ie, ve)) {
-            var Ie = P(ie, ve, U, X, re + "." + ve, n);
+            var Ie = P(ie, ve, U, K, re + "." + ve, n);
             if (Ie instanceof Error)
               return Ie;
           }
@@ -17720,12 +17720,12 @@ function sR() {
             "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ge(L) + " at index " + H + "."
           ), A;
       }
-      function F(U, X, re, ie, de) {
+      function F(U, K, re, ie, de) {
         for (var ve = [], Ie = 0; Ie < P.length; Ie++) {
-          var Ge = P[Ie], K = Ge(U, X, re, ie, de, n);
-          if (K == null)
+          var Ge = P[Ie], q = Ge(U, K, re, ie, de, n);
+          if (q == null)
             return null;
-          K.data && r(K.data, "expectedType") && ve.push(K.data.expectedType);
+          q.data && r(q.data, "expectedType") && ve.push(q.data.expectedType);
         }
         var pe = ve.length > 0 ? ", expected one of type [" + ve.join(", ") + "]" : "";
         return new d("Invalid " + ie + " `" + de + "` supplied to " + ("`" + re + "`" + pe + "."));
@@ -17733,8 +17733,8 @@ function sR() {
       return C(F);
     }
     function O() {
-      function P(H, L, F, U, X) {
-        return R(H[L]) ? null : new d("Invalid " + U + " `" + X + "` supplied to " + ("`" + F + "`, expected a ReactNode."));
+      function P(H, L, F, U, K) {
+        return R(H[L]) ? null : new d("Invalid " + U + " `" + K + "` supplied to " + ("`" + F + "`, expected a ReactNode."));
       }
       return C(P);
     }
@@ -17744,15 +17744,15 @@ function sR() {
       );
     }
     function D(P) {
-      function H(L, F, U, X, re) {
+      function H(L, F, U, K, re) {
         var ie = L[F], de = Z(ie);
         if (de !== "object")
-          return new d("Invalid " + X + " `" + re + "` of type `" + de + "` " + ("supplied to `" + U + "`, expected `object`."));
+          return new d("Invalid " + K + " `" + re + "` of type `" + de + "` " + ("supplied to `" + U + "`, expected `object`."));
         for (var ve in P) {
           var Ie = P[ve];
           if (typeof Ie != "function")
-            return _(U, X, re, ve, ne(Ie));
-          var Ge = Ie(ie, ve, U, X, re + "." + ve, n);
+            return _(U, K, re, ve, ne(Ie));
+          var Ge = Ie(ie, ve, U, K, re + "." + ve, n);
           if (Ge)
             return Ge;
         }
@@ -17761,23 +17761,23 @@ function sR() {
       return C(H);
     }
     function j(P) {
-      function H(L, F, U, X, re) {
+      function H(L, F, U, K, re) {
         var ie = L[F], de = Z(ie);
         if (de !== "object")
-          return new d("Invalid " + X + " `" + re + "` of type `" + de + "` " + ("supplied to `" + U + "`, expected `object`."));
+          return new d("Invalid " + K + " `" + re + "` of type `" + de + "` " + ("supplied to `" + U + "`, expected `object`."));
         var ve = t({}, L[F], P);
         for (var Ie in ve) {
           var Ge = P[Ie];
           if (r(P, Ie) && typeof Ge != "function")
-            return _(U, X, re, Ie, ne(Ge));
+            return _(U, K, re, Ie, ne(Ge));
           if (!Ge)
             return new d(
-              "Invalid " + X + " `" + re + "` key `" + Ie + "` supplied to `" + U + "`.\nBad object: " + JSON.stringify(L[F], null, "  ") + `
+              "Invalid " + K + " `" + re + "` key `" + Ie + "` supplied to `" + U + "`.\nBad object: " + JSON.stringify(L[F], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(P), null, "  ")
             );
-          var K = Ge(ie, Ie, U, X, re + "." + Ie, n);
-          if (K)
-            return K;
+          var q = Ge(ie, Ie, U, K, re + "." + Ie, n);
+          if (q)
+            return q;
         }
         return null;
       }
@@ -18307,7 +18307,7 @@ const hR = /* @__PURE__ */ su(Ym);
           return we.replace(/cross-fade\(/g, ye + "cross-fade(");
         });
     }
-  }), U = b(F), X = x(function(se, k) {
+  }), U = b(F), K = x(function(se, k) {
     Object.defineProperty(k, "__esModule", {
       value: !0
     }), k.default = ae;
@@ -18323,7 +18323,7 @@ const hR = /* @__PURE__ */ su(Ym);
           return we + Ce;
         });
     }
-  }), re = b(X), ie = x(function(se, k) {
+  }), re = b(K), ie = x(function(se, k) {
     Object.defineProperty(k, "__esModule", {
       value: !0
     }), k.default = ue;
@@ -18399,7 +18399,7 @@ const hR = /* @__PURE__ */ su(Ym);
         }
       }
     }
-  }), K = b(Ge), pe = x(function(se, k) {
+  }), q = b(Ge), pe = x(function(se, k) {
     Object.defineProperty(k, "__esModule", {
       value: !0
     }), k.default = ae;
@@ -18686,7 +18686,7 @@ const hR = /* @__PURE__ */ su(Ym);
       }
     }
   }), _o = b(Mn), Ne = ["Webkit"], Gr = ["Moz"], wr = ["ms"], Kt = ["Webkit", "Moz"], Qt = ["Webkit", "ms"], jt = ["Webkit", "Moz", "ms"], qt = {
-    plugins: [Y, L, U, re, de, Ie, K, _e, lt, It, Rt, Pn, Xo, er, _o],
+    plugins: [Y, L, U, re, de, Ie, q, _e, lt, It, Rt, Pn, Xo, er, _o],
     prefixMap: {
       transform: Qt,
       transformOrigin: Qt,
@@ -22515,15 +22515,15 @@ const CL = {
   text-wrap: nowrap;
   &:hover {
     background-color: #e3e9ff !important;
-    color: ${q.palette.purple.primary} !important;
-    border: 1px solid ${q.palette.purple.primary} !important;
+    color: ${X.palette.purple.primary} !important;
+    border: 1px solid ${X.palette.purple.primary} !important;
     box-shadow: none;
   }
 `, bL = w(gt.InfoOutlined)`
   flex-shrink: 0;
   width: 22px;
   height: 22px;
-  color: ${q.palette.gray.gray3};
+  color: ${X.palette.gray.gray3};
 `, vL = ({ connectorName: e, onRequestClick: t }) => /* @__PURE__ */ l.jsxs(QL, { children: [
   /* @__PURE__ */ l.jsx(bL, {}),
   /* @__PURE__ */ l.jsx(ee, { children: BL(e) }),
@@ -22662,7 +22662,7 @@ const CL = {
 }, PL = w(V)`
   margin-bottom: 36px;
   .arrow {
-    border: solid ${q.palette.gray.gray3};
+    border: solid ${X.palette.gray.gray3};
     border-width: 0 2px 2px 0;
     display: inline-block;
     padding: 3px;
@@ -22683,7 +22683,7 @@ const CL = {
     r && t(r);
   };
   return /* @__PURE__ */ l.jsx(PL, { direction: "row", alignItems: "center", "data-testid": "breadCrumbs", children: e.map(({ name: r, route: o }, i) => {
-    const A = i === e.length - 1, a = A ? q.palette.gray.black : q.palette.gray.gray4, s = A ? "lastCrumb" : `crumb-${i}`;
+    const A = i === e.length - 1, a = A ? X.palette.gray.black : X.palette.gray.gray4, s = A ? "lastCrumb" : `crumb-${i}`;
     return /* @__PURE__ */ l.jsxs(V, { direction: "row", alignItems: "center", children: [
       /* @__PURE__ */ l.jsx(
         NL,
@@ -23580,16 +23580,16 @@ var Yp;
 function JF() {
   return Yp || (Yp = 1, process.env.NODE_ENV !== "production" && function() {
     var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, A = e ? Symbol.for("react.provider") : 60109, a = e ? Symbol.for("react.context") : 60110, s = e ? Symbol.for("react.async_mode") : 60111, c = e ? Symbol.for("react.concurrent_mode") : 60111, u = e ? Symbol.for("react.forward_ref") : 60112, g = e ? Symbol.for("react.suspense") : 60113, f = e ? Symbol.for("react.suspense_list") : 60120, p = e ? Symbol.for("react.memo") : 60115, E = e ? Symbol.for("react.lazy") : 60116, d = e ? Symbol.for("react.block") : 60121, C = e ? Symbol.for("react.fundamental") : 60117, h = e ? Symbol.for("react.responder") : 60118, I = e ? Symbol.for("react.scope") : 60119;
-    function B(K) {
-      return typeof K == "string" || typeof K == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      K === r || K === c || K === i || K === o || K === g || K === f || typeof K == "object" && K !== null && (K.$$typeof === E || K.$$typeof === p || K.$$typeof === A || K.$$typeof === a || K.$$typeof === u || K.$$typeof === C || K.$$typeof === h || K.$$typeof === I || K.$$typeof === d);
+    function B(q) {
+      return typeof q == "string" || typeof q == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+      q === r || q === c || q === i || q === o || q === g || q === f || typeof q == "object" && q !== null && (q.$$typeof === E || q.$$typeof === p || q.$$typeof === A || q.$$typeof === a || q.$$typeof === u || q.$$typeof === C || q.$$typeof === h || q.$$typeof === I || q.$$typeof === d);
     }
-    function Q(K) {
-      if (typeof K == "object" && K !== null) {
-        var pe = K.$$typeof;
+    function Q(q) {
+      if (typeof q == "object" && q !== null) {
+        var pe = q.$$typeof;
         switch (pe) {
           case t:
-            var _e = K.type;
+            var _e = q.type;
             switch (_e) {
               case s:
               case c:
@@ -23617,46 +23617,46 @@ function JF() {
       }
     }
     var m = s, y = c, v = a, b = A, x = t, O = u, _ = r, D = E, j = p, R = n, W = i, Z = o, ne = g, ge = !1;
-    function Y(K) {
-      return ge || (ge = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), P(K) || Q(K) === s;
+    function Y(q) {
+      return ge || (ge = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), P(q) || Q(q) === s;
     }
-    function P(K) {
-      return Q(K) === c;
+    function P(q) {
+      return Q(q) === c;
     }
-    function H(K) {
-      return Q(K) === a;
+    function H(q) {
+      return Q(q) === a;
     }
-    function L(K) {
-      return Q(K) === A;
+    function L(q) {
+      return Q(q) === A;
     }
-    function F(K) {
-      return typeof K == "object" && K !== null && K.$$typeof === t;
+    function F(q) {
+      return typeof q == "object" && q !== null && q.$$typeof === t;
     }
-    function U(K) {
-      return Q(K) === u;
+    function U(q) {
+      return Q(q) === u;
     }
-    function X(K) {
-      return Q(K) === r;
+    function K(q) {
+      return Q(q) === r;
     }
-    function re(K) {
-      return Q(K) === E;
+    function re(q) {
+      return Q(q) === E;
     }
-    function ie(K) {
-      return Q(K) === p;
+    function ie(q) {
+      return Q(q) === p;
     }
-    function de(K) {
-      return Q(K) === n;
+    function de(q) {
+      return Q(q) === n;
     }
-    function ve(K) {
-      return Q(K) === i;
+    function ve(q) {
+      return Q(q) === i;
     }
-    function Ie(K) {
-      return Q(K) === o;
+    function Ie(q) {
+      return Q(q) === o;
     }
-    function Ge(K) {
-      return Q(K) === g;
+    function Ge(q) {
+      return Q(q) === g;
     }
-    Ft.AsyncMode = m, Ft.ConcurrentMode = y, Ft.ContextConsumer = v, Ft.ContextProvider = b, Ft.Element = x, Ft.ForwardRef = O, Ft.Fragment = _, Ft.Lazy = D, Ft.Memo = j, Ft.Portal = R, Ft.Profiler = W, Ft.StrictMode = Z, Ft.Suspense = ne, Ft.isAsyncMode = Y, Ft.isConcurrentMode = P, Ft.isContextConsumer = H, Ft.isContextProvider = L, Ft.isElement = F, Ft.isForwardRef = U, Ft.isFragment = X, Ft.isLazy = re, Ft.isMemo = ie, Ft.isPortal = de, Ft.isProfiler = ve, Ft.isStrictMode = Ie, Ft.isSuspense = Ge, Ft.isValidElementType = B, Ft.typeOf = Q;
+    Ft.AsyncMode = m, Ft.ConcurrentMode = y, Ft.ContextConsumer = v, Ft.ContextProvider = b, Ft.Element = x, Ft.ForwardRef = O, Ft.Fragment = _, Ft.Lazy = D, Ft.Memo = j, Ft.Portal = R, Ft.Profiler = W, Ft.StrictMode = Z, Ft.Suspense = ne, Ft.isAsyncMode = Y, Ft.isConcurrentMode = P, Ft.isContextConsumer = H, Ft.isContextProvider = L, Ft.isElement = F, Ft.isForwardRef = U, Ft.isFragment = K, Ft.isLazy = re, Ft.isMemo = ie, Ft.isPortal = de, Ft.isProfiler = ve, Ft.isStrictMode = Ie, Ft.isSuspense = Ge, Ft.isValidElementType = B, Ft.typeOf = Q;
   }()), Ft;
 }
 process.env.NODE_ENV === "production" ? CC.exports = YF() : CC.exports = JF();
@@ -25134,12 +25134,12 @@ var uk = process.env.NODE_ENV === "production" ? {
     if (n && b.onChange) {
       var Z = n.option, ne = n.options, ge = n.removedValue, Y = n.removedValues, P = n.value, H = function(de) {
         return Array.isArray(de) ? null : de;
-      }, L = ge || Z || H(P), F = L ? f(L) : "", U = ne || Y || void 0, X = U ? U.map(f) : [], re = He({
+      }, L = ge || Z || H(P), F = L ? f(L) : "", U = ne || Y || void 0, K = U ? U.map(f) : [], re = He({
         // multiSelected items are usually items that have already been selected
         // or set by the user as a default value so we assume they are not disabled
         isDisabled: L && d(L, a),
         label: F,
-        labels: X
+        labels: K
       }, n);
       W = b.onChange(re);
     }
@@ -26581,15 +26581,15 @@ var v2 = function(t) {
       var o = this, i = this.getComponents(), A = i.Group, a = i.GroupHeading, s = i.Menu, c = i.MenuList, u = i.MenuPortal, g = i.LoadingMessage, f = i.NoOptionsMessage, p = i.Option, E = this.commonProps, d = this.state.focusedOption, C = this.props, h = C.captureMenuScroll, I = C.inputValue, B = C.isLoading, Q = C.loadingMessage, m = C.minMenuHeight, y = C.maxMenuHeight, v = C.menuIsOpen, b = C.menuPlacement, x = C.menuPosition, O = C.menuPortalTarget, _ = C.menuShouldBlockScroll, D = C.menuShouldScrollIntoView, j = C.noOptionsMessage, R = C.onMenuScrollToTop, W = C.onMenuScrollToBottom;
       if (!v) return null;
       var Z = function(F, U) {
-        var X = F.type, re = F.data, ie = F.isDisabled, de = F.isSelected, ve = F.label, Ie = F.value, Ge = d === re, K = ie ? void 0 : function() {
+        var K = F.type, re = F.data, ie = F.isDisabled, de = F.isSelected, ve = F.label, Ie = F.value, Ge = d === re, q = ie ? void 0 : function() {
           return o.onOptionHover(re);
         }, pe = ie ? void 0 : function() {
           return o.selectOption(re);
         }, _e = "".concat(o.getElementId("option"), "-").concat(U), it = {
           id: _e,
           onClick: pe,
-          onMouseMove: K,
-          onMouseOver: K,
+          onMouseMove: q,
+          onMouseOver: q,
           tabIndex: -1,
           role: "option",
           "aria-selected": o.isAppleDevice ? void 0 : de
@@ -26602,7 +26602,7 @@ var v2 = function(t) {
           isSelected: de,
           key: _e,
           label: ve,
-          type: X,
+          type: K,
           value: Ie,
           isFocused: Ge,
           innerRef: Ge ? o.getFocusedOptionRef : void 0
@@ -26611,7 +26611,7 @@ var v2 = function(t) {
       if (this.hasOptions())
         ne = this.getCategorizedOptions().map(function(L) {
           if (L.type === "group") {
-            var F = L.data, U = L.options, X = L.index, re = "".concat(o.getElementId("group"), "-").concat(X), ie = "".concat(re, "-heading");
+            var F = L.data, U = L.options, K = L.index, re = "".concat(o.getElementId("group"), "-").concat(K), ie = "".concat(re, "-heading");
             return /* @__PURE__ */ T.createElement(A, Ke({}, E, {
               key: re,
               data: F,
@@ -26623,7 +26623,7 @@ var v2 = function(t) {
               },
               label: o.formatGroupLabel(L.data)
             }), L.options.map(function(de) {
-              return Z(de, "".concat(X, "-").concat(de.index));
+              return Z(de, "".concat(K, "-").concat(de.index));
             }));
           } else if (L.type === "option")
             return Z(L, "".concat(L.index));
@@ -26648,7 +26648,7 @@ var v2 = function(t) {
         menuPosition: x,
         menuShouldScrollIntoView: D
       }, H = /* @__PURE__ */ T.createElement(ZP, Ke({}, E, P), function(L) {
-        var F = L.ref, U = L.placerProps, X = U.placement, re = U.maxHeight;
+        var F = L.ref, U = L.placerProps, K = U.placement, re = U.maxHeight;
         return /* @__PURE__ */ T.createElement(s, Ke({}, E, P, {
           innerRef: F,
           innerProps: {
@@ -26656,7 +26656,7 @@ var v2 = function(t) {
             onMouseMove: o.onMenuMouseMove
           },
           isLoading: B,
-          placement: X
+          placement: K
         }), /* @__PURE__ */ T.createElement(Tk, {
           captureEnabled: h,
           onTopArrive: R,
@@ -26819,7 +26819,7 @@ const Zk = w(oe)`
   font-weight: 400;
   line-height: 19px;
   letter-spacing: -0.005em;
-  color: ${q.palette.gray.black};
+  color: ${X.palette.gray.black};
   & > span {
     max-width: 100%;
     overflow-wrap: break-word;
@@ -26961,7 +26961,7 @@ const eM = w(oe)`
         ...n,
         ...(o = e == null ? void 0 : e.menuPortal) == null ? void 0 : o.call(e, n, r),
         zIndex: t,
-        fontFamily: q.typography.fontFamily,
+        fontFamily: X.typography.fontFamily,
         fontSize: "13px"
       };
     }
@@ -27046,7 +27046,7 @@ var D2 = /* @__PURE__ */ ((e) => (e.DATE = "DD/MM/YYYY", e))(D2 || {}), AM = ["d
 function L2(e) {
   var t = e.defaultOptions, n = t === void 0 ? !1 : t, r = e.cacheOptions, o = r === void 0 ? !1 : r, i = e.loadOptions;
   e.options;
-  var A = e.isLoading, a = A === void 0 ? !1 : A, s = e.onInputChange, c = e.filterOption, u = c === void 0 ? null : c, g = no(e, AM), f = g.inputValue, p = De(void 0), E = De(!1), d = $(Array.isArray(n) ? n : void 0), C = Tn(d, 2), h = C[0], I = C[1], B = $(typeof f < "u" ? f : ""), Q = Tn(B, 2), m = Q[0], y = Q[1], v = $(n === !0), b = Tn(v, 2), x = b[0], O = b[1], _ = $(void 0), D = Tn(_, 2), j = D[0], R = D[1], W = $([]), Z = Tn(W, 2), ne = Z[0], ge = Z[1], Y = $(!1), P = Tn(Y, 2), H = P[0], L = P[1], F = $({}), U = Tn(F, 2), X = U[0], re = U[1], ie = $(void 0), de = Tn(ie, 2), ve = de[0], Ie = de[1], Ge = $(void 0), K = Tn(Ge, 2), pe = K[0], _e = K[1];
+  var A = e.isLoading, a = A === void 0 ? !1 : A, s = e.onInputChange, c = e.filterOption, u = c === void 0 ? null : c, g = no(e, AM), f = g.inputValue, p = De(void 0), E = De(!1), d = $(Array.isArray(n) ? n : void 0), C = Tn(d, 2), h = C[0], I = C[1], B = $(typeof f < "u" ? f : ""), Q = Tn(B, 2), m = Q[0], y = Q[1], v = $(n === !0), b = Tn(v, 2), x = b[0], O = b[1], _ = $(void 0), D = Tn(_, 2), j = D[0], R = D[1], W = $([]), Z = Tn(W, 2), ne = Z[0], ge = Z[1], Y = $(!1), P = Tn(Y, 2), H = P[0], L = P[1], F = $({}), U = Tn(F, 2), K = U[0], re = U[1], ie = $(void 0), de = Tn(ie, 2), ve = de[0], Ie = de[1], Ge = $(void 0), q = Tn(Ge, 2), pe = q[0], _e = q[1];
   o !== pe && (re({}), _e(o)), n !== ve && (I(Array.isArray(n) ? n : void 0), Ie(n)), Ee(function() {
     return E.current = !0, function() {
       E.current = !1;
@@ -27070,15 +27070,15 @@ function L2(e) {
       p.current = void 0, y(""), R(""), ge([]), O(!1), L(!1);
       return;
     }
-    if (o && X[Rt])
-      y(Rt), R(Rt), ge(X[Rt]), O(!1), L(!1);
+    if (o && K[Rt])
+      y(Rt), R(Rt), ge(K[Rt]), O(!1), L(!1);
     else {
       var Fn = p.current = {};
       y(Rt), O(!0), L(!j), it(Rt, function(Pn) {
-        E && Fn === p.current && (p.current = void 0, O(!1), R(Rt), ge(Pn || []), L(!1), re(Pn ? He(He({}, X), {}, TA({}, Rt, Pn)) : X));
+        E && Fn === p.current && (p.current = void 0, O(!1), R(Rt), ge(Pn || []), L(!1), re(Pn ? He(He({}, K), {}, TA({}, Rt, Pn)) : K));
       });
     }
-  }, [o, it, j, X, s]), ln = H ? [] : m && j ? ne : h || [];
+  }, [o, it, j, K, s]), ln = H ? [] : m && j ? ne : h || [];
   return He(He({}, g), {}, {
     options: ln,
     isLoading: x || a,
@@ -27347,7 +27347,7 @@ const qs = "table-cell-form-field", WE = "60px", Hu = "24px", IM = w(oe)`
   align-items: center;
   column-gap: 20px;
   min-height: 28px;
-  color: ${q.palette.gray.gray1};
+  color: ${X.palette.gray.gray1};
   font-weight: bold;
 `, yM = w(Dv)`
   &.${qs} .MuiInputBase-root {
@@ -27745,7 +27745,7 @@ const FM = {
   {
     variant: "body_sm_medium",
     component: "label",
-    color: q.palette.gray.gray1,
+    color: X.palette.gray.gray1,
     className: "hiver__field--label",
     ...r,
     children: [
@@ -27784,8 +27784,8 @@ const FM = {
   const d = t ?? [], C = (o == null ? void 0 : o.validations) ?? {}, h = De(), I = De({}), [B, Q] = $({}), { colsLength: m, colsTemplate: y, colWidth: v } = Se(() => {
     let L = 0, F = "";
     for (const U of r) {
-      let X = U.cols ? Number(U.cols) : 1;
-      isNaN(X) && (X = 1), L += X, F += `${U.cols ?? X}fr `;
+      let K = U.cols ? Number(U.cols) : 1;
+      isNaN(K) && (K = 1), L += K, F += `${U.cols ?? K}fr `;
     }
     return A || (L += 0.5, F += "0.5fr"), {
       colsLength: L,
@@ -27798,8 +27798,8 @@ const FM = {
       if (!U.valueConfig)
         continue;
       F[U.name] = U.valueConfig;
-      const X = U.valueConfig.columnNames;
-      for (const re of X)
+      const K = U.valueConfig.columnNames;
+      for (const re of K)
         L[re] || (L[re] = []), L[re].push(U.name);
     }
     return {
@@ -27835,27 +27835,27 @@ const FM = {
       U.startsWith(`${L}.`) && delete I.current[U];
     E == null || E(e, O());
   }, j = (L, { columnNames: F = [], operationType: U }) => {
-    const X = F.map((re) => L[re]);
-    return "" + hh(X, U);
+    const K = F.map((re) => L[re]);
+    return "" + hh(K, U);
   }, R = (L, F) => {
-    const U = d.map((X) => L !== X[Li] ? X : {
-      ...X,
+    const U = d.map((K) => L !== K[Li] ? K : {
+      ...K,
       ...F
     });
     f(U);
   }, W = (L, F) => {
-    const U = d.map((X) => {
-      if (L !== X[Li])
-        return X;
-      const re = { ...X };
+    const U = d.map((K) => {
+      if (L !== K[Li])
+        return K;
+      const re = { ...K };
       for (const ie of F)
         delete re[ie];
       return re;
     });
     f(U);
-  }, Z = (L, F, U, X) => {
+  }, Z = (L, F, U, K) => {
     var de;
-    const re = ((de = X == null ? void 0 : X.target) == null ? void 0 : de.value) ?? "", ie = {
+    const re = ((de = K == null ? void 0 : K.target) == null ? void 0 : de.value) ?? "", ie = {
       ...U,
       [F]: re
     };
@@ -27867,11 +27867,11 @@ const FM = {
     R(L, ie);
   }, ne = (L, F, U) => {
     R(L, { [F]: U });
-  }, ge = (L, F, U, X) => {
-    if (U && typeof U == "object" && "value" in U && typeof U.value == "string" && typeof X.name < "u") {
+  }, ge = (L, F, U, K) => {
+    if (U && typeof U == "object" && "value" in U && typeof U.value == "string" && typeof K.name < "u") {
       const re = "prefillValues" in U && U.prefillValues, ie = {
         ...F,
-        [X.name]: U.value,
+        [K.name]: U.value,
         ...re
       };
       for (const de in ie)
@@ -27882,11 +27882,11 @@ const FM = {
           }
       R(L, ie);
     }
-    (X == null ? void 0 : X.action) === "clear" && X.name && W(L, [X.name]);
+    (K == null ? void 0 : K.action) === "clear" && K.name && W(L, [K.name]);
   }, Y = (L, F, U) => {
     R(L, { [F]: (U == null ? void 0 : U.toISOString()) ?? "" });
-  }, P = (L, F, U, X) => {
-    X && Q((re) => {
+  }, P = (L, F, U, K) => {
+    K && Q((re) => {
       const ie = re[L] ?? {};
       return { ...re, [L]: { ...ie, [F]: U } };
     }), I.current = {
@@ -27898,7 +27898,7 @@ const FM = {
     /* @__PURE__ */ l.jsx(pM, { ref: h, children: /* @__PURE__ */ l.jsxs(hM, { gridColumns: y, minWidth: `calc( ${m} * ${v} )`, children: [
       /* @__PURE__ */ l.jsx(QM, { children: r.map(({ name: L, label: F, isRequired: U }) => /* @__PURE__ */ l.jsx(Vg, { children: /* @__PURE__ */ l.jsx(z2, { label: F, isRequired: U }) }, L)) }),
       d.map(({ [Li]: L, ...F }) => /* @__PURE__ */ l.jsxs(N2, { children: [
-        r.map(({ name: U, key: X, ...re }) => {
+        r.map(({ name: U, key: K, ...re }) => {
           var ie;
           return /* @__PURE__ */ l.jsx(Vg, { hasError: !!((ie = B == null ? void 0 : B[L]) != null && ie[U]), children: /* @__PURE__ */ l.jsx(
             JE,
@@ -27924,7 +27924,7 @@ const FM = {
                 stackIndex: g
               } : null
             }
-          ) }, U ?? X);
+          ) }, U ?? K);
         }),
         A ? null : /* @__PURE__ */ l.jsx(Vg, { children: /* @__PURE__ */ l.jsx(V, { width: "100%", height: "100%", alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ l.jsx(k2, { onClick: () => D(L), children: /* @__PURE__ */ l.jsx(YM, {}) }) }) })
       ] }, L))
@@ -27935,11 +27935,11 @@ const FM = {
         /* @__PURE__ */ l.jsx(ee, { children: "Add Line" })
       ] }),
       s.length ? /* @__PURE__ */ l.jsx(bM, { children: s.map(
-        ({ label: L, columnName: F, operationType: U, prefix: X = "", prefixKey: re, suffix: ie = "", suffixKey: de }) => /* @__PURE__ */ l.jsxs(vM, { children: [
+        ({ label: L, columnName: F, operationType: U, prefix: K = "", prefixKey: re, suffix: ie = "", suffixKey: de }) => /* @__PURE__ */ l.jsxs(vM, { children: [
           /* @__PURE__ */ l.jsx(ee, { fontWeight: 500, children: L }),
           /* @__PURE__ */ l.jsxs(ee, { children: [
             /* @__PURE__ */ l.jsxs("span", { children: [
-              n[re] ?? X,
+              n[re] ?? K,
               " "
             ] }),
             /* @__PURE__ */ l.jsx("span", { children: hh(
@@ -28221,11 +28221,11 @@ const ej = () => `att-${Date.now()}-${++$M}`, tj = ({
 `, Qh = w(oe)`
   font-size: 11px;
   line-height: 16px;
-  color: ${q.palette.gray.gray1};
+  color: ${X.palette.gray.gray1};
 `, Ej = w(oe)`
   font-size: 11px;
   line-height: 16px;
-  color: ${q.palette.gray.gray1};
+  color: ${X.palette.gray.gray1};
   margin-top: 4px;
 `, fj = w(Pv)`
   height: 4px;
@@ -28242,20 +28242,20 @@ const ej = () => `att-${Date.now()}-${++$M}`, tj = ({
 `, Bj = w(_n)`
   padding: 2px;
 `, Qj = w(tt)`
-  color: ${q.palette.red.primary};
+  color: ${X.palette.red.primary};
   font-size: 12px;
   min-width: unset;
   padding: 2px 6px;
 `, mj = w(V)`
   width: fit-content;
   max-width: 80vw;
-  font-family: ${q.typography.fontFamily};
+  font-family: ${X.typography.fontFamily};
 `, bj = w(V)`
   flex-direction: row;
   align-items: center;
   gap: 12px;
   padding: 12px 44px 12px 16px;
-  border-bottom: 1px solid ${q.palette.gray.gray5};
+  border-bottom: 1px solid ${X.palette.gray.gray5};
 `, vj = w(oe)`
   font-size: 14px;
   font-weight: 600;
@@ -28266,11 +28266,11 @@ const ej = () => `att-${Date.now()}-${++$M}`, tj = ({
   min-width: 0;
 `, yj = w(oe)`
   font-size: 12px;
-  color: ${q.palette.gray.gray3};
+  color: ${X.palette.gray.gray3};
   flex-shrink: 0;
 `, xj = w("a")`
   font-size: 12px;
-  color: ${q.palette.blue.primary};
+  color: ${X.palette.blue.primary};
   text-decoration: none;
   flex-shrink: 0;
   &:hover {
@@ -28282,7 +28282,7 @@ const ej = () => `att-${Date.now()}-${++$M}`, tj = ({
   justify-content: center;
   box-sizing: border-box;
   padding: 12px;
-  background: ${q.palette.gray.gray6};
+  background: ${X.palette.gray.gray6};
   overflow: auto;
 
   img {
@@ -28314,7 +28314,7 @@ const ej = () => `att-${Date.now()}-${++$M}`, tj = ({
   gap: 8px;
   padding: 32px;
   font-size: 13px;
-  color: ${q.palette.gray.gray3};
+  color: ${X.palette.gray.gray3};
   text-align: center;
 `, Tj = w(_n)`
   position: absolute;
@@ -28698,7 +28698,7 @@ const ej = () => `att-${Date.now()}-${++$M}`, tj = ({
 `, yh = w(oe)`
   font-size: 12px;
   font-weight: 400;
-  font-family: ${q.typography.fontFamily};
+  font-family: ${X.typography.fontFamily};
   margin: 2px 14px 0px 0px;
   text-align: left;
   position: absolute;
@@ -28735,7 +28735,7 @@ const ej = () => `att-${Date.now()}-${++$M}`, tj = ({
   }
 `, Wj = w(V)`
   position: relative;
-  font-family: ${q.typography.fontFamily};
+  font-family: ${X.typography.fontFamily};
   &.expandable {
     display: grid;
     grid-template-columns: 1fr;
@@ -28830,7 +28830,7 @@ const ej = () => `att-${Date.now()}-${++$M}`, tj = ({
     R || W(!0), (_e = d.onBlur) == null || _e.call(d, pe), R && y && H(d.value);
   }, F = () => _ ? null : d.helperText ? /* @__PURE__ */ l.jsx(yh, { children: h }) : R && Z ? /* @__PURE__ */ l.jsx(yh, { className: "helper--error", children: Z }) : null, U = (pe) => {
     pe && !R && W(!0), a == null || a(pe), R && v && H(pe.target.value);
-  }, X = (pe, _e) => {
+  }, K = (pe, _e) => {
     pe && !R && W(!0), g == null || g(pe, _e), R && v && H(_e);
   }, re = (pe, _e) => {
     s == null || s(pe, _e), pe && !R && W(!0), R && v && (Array.isArray(pe) ? H(pe) : pe && typeof pe == "object" && "value" in pe && H(pe.value));
@@ -28844,7 +28844,7 @@ const ej = () => `att-${Date.now()}-${++$M}`, tj = ({
     R && (A == null || A(pe, _e), ne(typeof _e == "string" ? _e : ""));
   }, Ge = (pe) => {
     Y((_e) => !_e);
-  }, K = (pe) => {
+  }, q = (pe) => {
     if (O)
       return /* @__PURE__ */ l.jsx(un, { variant: "rounded", height: 29.69, animation: "wave" });
     switch (pe.type) {
@@ -28925,7 +28925,7 @@ const ej = () => `att-${Date.now()}-${++$M}`, tj = ({
           {
             ...pe,
             checked: !!pe.value,
-            onChange: X,
+            onChange: K,
             onFocus: P,
             onBlur: L,
             styleOverrides: {
@@ -28979,7 +28979,7 @@ const ej = () => `att-${Date.now()}-${++$M}`, tj = ({
           }
         ),
         /* @__PURE__ */ l.jsxs(Gj, { className: "input-wrapper", children: [
-          /* @__PURE__ */ l.jsx(st, { title: d.toolTipTitle, arrow: !0, placement: "right-end", disableHoverListener: !0, children: K(d) }),
+          /* @__PURE__ */ l.jsx(st, { title: d.toolTipTitle, arrow: !0, placement: "right-end", disableHoverListener: !0, children: q(d) }),
           r != null && r.icon ? /* @__PURE__ */ l.jsx(st, { title: r.toolTipText, placement: "bottom", children: /* @__PURE__ */ l.jsx(zj, { className: "form--sideIcon", children: r == null ? void 0 : r.icon }) }) : null
         ] }),
         F()
@@ -29495,7 +29495,7 @@ const Kc = (e) => !!e && typeof e == "object" && "value" in e && "label" in e, Z
   setSearch: p
 }) => {
   const E = new Set(t.map(String)), d = c && s.length === 0, C = i && g && !d && !r, h = /* @__PURE__ */ l.jsx(Fl, { sx: dU, style: { top: f }, children: /* @__PURE__ */ l.jsxs(oe, { sx: CU, children: [
-    /* @__PURE__ */ l.jsx(gt.Search, { sx: { fontSize: 18, color: q.palette.gray.gray3, flexShrink: 0 } }),
+    /* @__PURE__ */ l.jsx(gt.Search, { sx: { fontSize: 18, color: X.palette.gray.gray3, flexShrink: 0 } }),
     /* @__PURE__ */ l.jsx(
       HB,
       {
@@ -29509,7 +29509,7 @@ const Kc = (e) => !!e && typeof e == "object" && "value" in e && "label" in e, Z
         sx: EU
       }
     )
-  ] }) }), I = d ? /* @__PURE__ */ l.jsx(xA, { disabled: !0, sx: { justifyContent: "center", opacity: 1, minHeight: 120, cursor: "default" }, children: /* @__PURE__ */ l.jsx(Nr, { size: 24 }) }) : A.length === 0 ? /* @__PURE__ */ l.jsx(xA, { disabled: !0, value: rb, sx: { opacity: 1, color: q.palette.gray.gray3 }, children: /* @__PURE__ */ l.jsx(ee, { variant: "body2", fontSize: 14, children: "No results found" }) }) : A.map((Q) => {
+  ] }) }), I = d ? /* @__PURE__ */ l.jsx(xA, { disabled: !0, sx: { justifyContent: "center", opacity: 1, minHeight: 120, cursor: "default" }, children: /* @__PURE__ */ l.jsx(Nr, { size: 24 }) }) : A.length === 0 ? /* @__PURE__ */ l.jsx(xA, { disabled: !0, value: rb, sx: { opacity: 1, color: X.palette.gray.gray3 }, children: /* @__PURE__ */ l.jsx(ee, { variant: "body2", fontSize: 14, children: "No results found" }) }) : A.map((Q) => {
     const m = String(Q.value), y = n ? E.has(m) : m === e;
     return /* @__PURE__ */ l.jsxs(xA, { value: m, sx: BU(y), children: [
       /* @__PURE__ */ l.jsx("span", { children: Q.label }),
@@ -29587,7 +29587,7 @@ const Kc = (e) => !!e && typeof e == "object" && "value" in e && "label" in e, Z
       deleteIcon: /* @__PURE__ */ l.jsx(hU, { onMouseDown: (j) => j.stopPropagation() })
     },
     String(D.value)
-  )) }) : /* @__PURE__ */ l.jsx(ee, { component: "span", fontSize: 14, noWrap: !0, sx: { color: q.palette.gray.gray4 }, children: r }) : t === "" ? /* @__PURE__ */ l.jsx(ee, { component: "span", fontSize: 14, noWrap: !0, sx: { color: q.palette.gray.gray4 }, children: r }) : /* @__PURE__ */ l.jsx(ee, { component: "span", fontSize: 14, noWrap: !0, sx: { color: q.palette.gray.gray1 }, children: v });
+  )) }) : /* @__PURE__ */ l.jsx(ee, { component: "span", fontSize: 14, noWrap: !0, sx: { color: X.palette.gray.gray4 }, children: r }) : t === "" ? /* @__PURE__ */ l.jsx(ee, { component: "span", fontSize: 14, noWrap: !0, sx: { color: X.palette.gray.gray4 }, children: r }) : /* @__PURE__ */ l.jsx(ee, { component: "span", fontSize: 14, noWrap: !0, sx: { color: X.palette.gray.gray1 }, children: v });
   return /* @__PURE__ */ l.jsx(_C, { fullWidth: !0, disabled: i, sx: { m: 0, minWidth: 0 }, children: /* @__PURE__ */ l.jsx(
     RC,
     {
@@ -29978,7 +29978,7 @@ const Kc = (e) => !!e && typeof e == "object" && "value" in e && "label" in e, Z
         value: o,
         onChange: g,
         InputProps: {
-          startAdornment: /* @__PURE__ */ l.jsx(zU, { children: /* @__PURE__ */ l.jsx(gt.Search, { sx: { fontSize: 18, color: q.palette.gray.gray3, flexShrink: 0 } }) })
+          startAdornment: /* @__PURE__ */ l.jsx(zU, { children: /* @__PURE__ */ l.jsx(gt.Search, { sx: { fontSize: 18, color: X.palette.gray.gray3, flexShrink: 0 } }) })
         },
         placeholder: "Search variables",
         variant: "outlined"
@@ -30308,7 +30308,7 @@ const Kc = (e) => !!e && typeof e == "object" && "value" in e && "label" in e, Z
     g((b) => ({ ...b, [e.name]: v })), p(() => {
       f == null || f({ name: e.name, value: v, type: e.type });
     });
-  }, d = A[e.name], C = d ? /* @__PURE__ */ l.jsx(st, { title: d, placement: "bottom", children: /* @__PURE__ */ l.jsx(vU, { variant: "body2", fontSize: "13px", color: q.palette.error.main, children: d }) }) : null, h = Array.isArray(i) && i.length > 0, I = e.type === "multi-select" || !!e.isMulti, B = h && s && !I ? /* @__PURE__ */ l.jsx(
+  }, d = A[e.name], C = d ? /* @__PURE__ */ l.jsx(st, { title: d, placement: "bottom", children: /* @__PURE__ */ l.jsx(vU, { variant: "body2", fontSize: "13px", color: X.palette.error.main, children: d }) }) : null, h = Array.isArray(i) && i.length > 0, I = e.type === "multi-select" || !!e.isMulti, B = h && s && !I ? /* @__PURE__ */ l.jsx(
     ZU,
     {
       customFields: i ?? [],
@@ -30547,14 +30547,14 @@ const ab = ({
       /* @__PURE__ */ l.jsxs(V, { direction: "row", alignItems: "center", gap: 2, children: [
         /* @__PURE__ */ l.jsx(tV, {}),
         /* @__PURE__ */ l.jsx(V, { gap: 0.5, flex: 1, minWidth: 0, children: /* @__PURE__ */ l.jsxs(V, { direction: "row", alignItems: "center", gap: 0.5, children: [
-          /* @__PURE__ */ l.jsx(ee, { variant: "h6", fontSize: 18, fontWeight: 600, color: q.palette.gray.gray1, children: a }),
+          /* @__PURE__ */ l.jsx(ee, { variant: "h6", fontSize: 18, fontWeight: 600, color: X.palette.gray.gray1, children: a }),
           E && /* @__PURE__ */ l.jsx(
             st,
             {
               title: "Set default values to have them pre-filled every time you create a task.",
               placement: "top",
               slotProps: { tooltip: { sx: { maxWidth: "260px !important" } } },
-              children: /* @__PURE__ */ l.jsx(_n, { size: "small", "aria-label": "About mapping fields", sx: { padding: "4px" }, children: /* @__PURE__ */ l.jsx(gt.InfoOutlined, { sx: { fontSize: 18, color: q.palette.gray.gray3 } }) })
+              children: /* @__PURE__ */ l.jsx(_n, { size: "small", "aria-label": "About mapping fields", sx: { padding: "4px" }, children: /* @__PURE__ */ l.jsx(gt.InfoOutlined, { sx: { fontSize: 18, color: X.palette.gray.gray3 } }) })
             }
           )
         ] }) })
@@ -30568,20 +30568,20 @@ const ab = ({
           direction: "row",
           padding: "16px 24px",
           sx: {
-            backgroundColor: q.palette.gray.gray6a,
+            backgroundColor: X.palette.gray.gray6a,
             borderBottom: "1px solid #ECEFF6",
             borderRadius: "8px 8px 0 0"
           },
           children: [
             /* @__PURE__ */ l.jsx(rV, { src: i, alt: "Connector" }),
-            /* @__PURE__ */ l.jsx(ee, { variant: "caption", fontSize: 14, fontWeight: 600, color: q.palette.gray.gray3, flex: 1, children: "Field" }),
+            /* @__PURE__ */ l.jsx(ee, { variant: "caption", fontSize: 14, fontWeight: 600, color: X.palette.gray.gray3, flex: 1, children: "Field" }),
             /* @__PURE__ */ l.jsx(
               ee,
               {
                 variant: "caption",
                 fontSize: 14,
                 fontWeight: 600,
-                color: q.palette.gray.gray3,
+                color: X.palette.gray.gray3,
                 width: 320,
                 children: "Value"
               }
@@ -30604,7 +30604,7 @@ const ab = ({
               "&:last-child": { borderBottom: "none" }
             },
             children: [
-              /* @__PURE__ */ l.jsx(uV, { children: /* @__PURE__ */ l.jsxs(ee, { variant: "body2", fontSize: 14, color: q.palette.gray.gray2, children: [
+              /* @__PURE__ */ l.jsx(uV, { children: /* @__PURE__ */ l.jsxs(ee, { variant: "body2", fontSize: 14, color: X.palette.gray.gray2, children: [
                 Z.label,
                 g && ((P = Z.validations) != null && P.isRequired) ? /* @__PURE__ */ l.jsx(gV, {}) : null
               ] }) }),
@@ -30651,7 +30651,7 @@ const ab = ({
           color: "inherit",
           onClick: j,
           disabled: A,
-          sx: { textTransform: "none", padding: "3px 12px !important", borderColor: q.palette.gray.gray5 },
+          sx: { textTransform: "none", padding: "3px 12px !important", borderColor: X.palette.gray.gray5 },
           children: "Cancel"
         }
       )
@@ -31362,12 +31362,12 @@ const yV = (e, t) => {
     }
   }, [r, C]);
   const y = (Y, P) => {
-    var X, re;
+    var K, re;
     c({ type: fo.SET_FIELD_VALUE, payload: { value: P, name: Y } });
     const H = typeof P == "object" ? P.value : P, L = m[Y];
     if (!C || !(L != null && L.length))
       return;
-    const F = (X = s.values) == null ? void 0 : X.authType, U = Oh(typeof F == "object" ? F.value : void 0);
+    const F = (K = s.values) == null ? void 0 : K.authType, U = Oh(typeof F == "object" ? F.value : void 0);
     for (const ie of L) {
       const de = U[ie] || Q[ie], ve = (re = r == null ? void 0 : r.interpolationFields) == null ? void 0 : re[ie];
       if (!de || !ve)
@@ -31402,8 +31402,8 @@ const yV = (e, t) => {
     if (C) {
       const L = typeof H == "object" ? H.value : void 0, F = [...es];
       L === Eo.apiToken.value ? F.push(...Lh) : L === Eo.oAuth2.value ? F.push(...Ph) : L === Eo.oAuth1.value ? F.push(...Fh) : F.push(...Nh);
-      const { basicFields: U, advancedConfigs: X } = mV(F, d, L);
-      Y.formFields.push(...U), P.push(...X), Y.formFields.length && P.push(Y);
+      const { basicFields: U, advancedConfigs: K } = mV(F, d, L);
+      Y.formFields.push(...U), P.push(...K), Y.formFields.length && P.push(Y);
     } else
       typeof H == "object" && H.value === Eo.apiToken.value ? P = [...P, ...es, ...Lh] : typeof H == "object" && H.value === Eo.oAuth2.value ? P = [...P, ...es, ...Ph] : typeof H == "object" && H.value === Eo.oAuth1.value ? P = [...P, ...es, ...Fh] : P = [...P, ...es, ...Nh];
     return P.map((L) => ({
@@ -31524,7 +31524,7 @@ const yV = (e, t) => {
 `, KV = w(V)`
   flex-shrink: 0;
 `, qV = w(ee)`
-  color: ${q.palette.gray.black};
+  color: ${X.palette.gray.black};
 `, ZV = w(gt.ChevronRightOutlined)`
   height: 20px;
   width: 20px;
@@ -31615,11 +31615,11 @@ const nG = w(V)`
   /* @__PURE__ */ l.jsxs(V, { marginBottom: "20px", children: [
     /* @__PURE__ */ l.jsxs(V, { direction: "row", padding: "8px 0", gap: "4px", alignItems: "center", children: [
       /* @__PURE__ */ l.jsx(rG, {}),
-      /* @__PURE__ */ l.jsx(ee, { variant: "body1_medium", color: q.palette.gray.black, children: XL })
+      /* @__PURE__ */ l.jsx(ee, { variant: "body1_medium", color: X.palette.gray.black, children: XL })
     ] }),
     /* @__PURE__ */ l.jsx(ee, { variant: "body2", children: KL })
   ] }),
-  /* @__PURE__ */ l.jsx(ee, { variant: "body2_medium", marginBottom: "8px", color: q.palette.gray.black, children: qL }),
+  /* @__PURE__ */ l.jsx(ee, { variant: "body2_medium", marginBottom: "8px", color: X.palette.gray.black, children: qL }),
   /* @__PURE__ */ l.jsx(iG, { variant: "body2", dangerouslySetInnerHTML: { __html: e } }),
   t ? /* @__PURE__ */ l.jsxs(oG, { target: "_blank", underline: "none", href: t, children: [
     /* @__PURE__ */ l.jsx(AG, {}),
@@ -31979,7 +31979,7 @@ const nG = w(V)`
   line-height: 12px;
   letter-spacing: 0.01px;
 `, TG = w(ee)`
-  color: ${q.palette.gray.gray2};
+  color: ${X.palette.gray.gray2};
   margin-top: 8px;
   margin-bottom: 20px;
 `, SG = w(tt)`
@@ -31993,10 +31993,10 @@ const nG = w(V)`
   display: flex;
   align-items: center;
   margin-left: 12px;
-  border: 1px solid ${q.palette.gray.gray5};
+  border: 1px solid ${X.palette.gray.gray5};
   color: black;
   &:hover {
-    border: 1px solid ${q.palette.gray.gray5};
+    border: 1px solid ${X.palette.gray.gray5};
     color: black;
     background: white;
   }
@@ -33733,7 +33733,7 @@ const Vi = {
     letterSpacing: "0.4px"
   }
 };
-Uv(q, { typography: NW });
+Uv(X, { typography: NW });
 const nf = (e) => {
   const t = (n) => {
     if (!n || typeof n != "object" || n.constructor !== Object) return n;
@@ -33742,7 +33742,7 @@ const nf = (e) => {
       r[o] = t(n[o]), o === "fontFamily" && typeof r[o] == "string" && (r[o] = e);
     return r;
   };
-  return t(q);
+  return t(X);
 }, kW = (e) => {
   const n = e.overrideFont ?? !1 ? { theme: nf("Open Sans") } : { inter: !0 };
   return /* @__PURE__ */ l.jsx(iu, { ...n, children: /* @__PURE__ */ l.jsx(wC, { fallback: /* @__PURE__ */ l.jsx(l.Fragment, {}), children: /* @__PURE__ */ l.jsx(PW, { children: /* @__PURE__ */ l.jsx(FW, { ...e }) }) }) });
@@ -33833,8 +33833,8 @@ const nf = (e) => {
   background-color: white;
   &:hover {
     background-color: #e3e9ff !important;
-    color: ${q.palette.purple.primary} !important;
-    border: 1px solid ${q.palette.purple.primary} !important;
+    color: ${X.palette.purple.primary} !important;
+    border: 1px solid ${X.palette.purple.primary} !important;
   }
 `, rz = w(Ei)`
   max-width: ${(e) => e.maxWidth ? e.maxWidth : null};
@@ -33843,7 +33843,7 @@ const nf = (e) => {
   height: 60px;
   gap: 12px;
   padding: 16px;
-  border: 1px solid ${q.palette.gray.gray6};
+  border: 1px solid ${X.palette.gray.gray6};
   border-radius: 8px;
   box-sizing: border-box;
 `, as = () => /* @__PURE__ */ l.jsx(V, { marginTop: "28px", gap: "12px", "data-testid": "loading", flexDirection: "row", flexWrap: "wrap", children: Array(6).fill(0).map((e, t) => /* @__PURE__ */ l.jsx(oz, { justifyContent: "center", children: /* @__PURE__ */ l.jsx(rz, { variant: "rounded", maxWidth: "260px", height: "60px", animation: "wave" }) }, t)) }), _b = (e) => e.connectorLirary.connectorList, ro = (e) => e.connectorLirary.connectors, of = (e) => e.connectorLirary.connectorsApiStatus, Rb = (e) => e.connectorLirary.currentUpdatingConnectors, La = (e) => e.connectorLirary.connectorDetailApiStatus, gA = (e) => e.connectorLirary.rolesAndPermissions ?? [], Af = (e) => e.connectorLirary.updateEnableConnectorsApiStatus, af = (e) => e.connectorLirary.cardCustomFields, iz = (e) => e.connectorLirary.cardCustomFieldsApiStatus, Az = (e) => e.connectorLirary.notAuthenticatedConnectors, az = (e) => e.connectorLirary.requireUpgradeConnectors, sz = (e) => e.connectorLirary.enableCustomCardApiStatus, lz = (e) => e.connectorLirary.updateConnectorByIdApiStatus, Hh = "Visibility not set", sf = "Configure visibility settings", cz = "Set the card visibility across shared mailboxes and roles to enable ${{connector}}", Ob = "Configure fields", uz = "Choose which fields your team can view in Hiver and which can be filled in when creating new ${{connector}} records.", Wh = "Contact your admin to configure visibility", gz = "Select inbox(es)", dz = "Select the inbox(es)", Cz = "Select the role", Ez = "Select role", zh = "inbox", fz = "roles", lf = "Close", $c = "${{connector}}", Db = "Visibility settings saved", Iz = "Field visibility settings saved", cf = "Some error occured. Please contact support@hiverhq.com", pz = "Selecting any lower role will automatically select the roles above it", hz = "Loading custom fields...", uf = "Save", ca = "enabled", ua = "disabled", Lb = "Select atleast one field to save", Yu = "New", Bz = "Upgrade now", Qz = "Authentication failed", mz = "More info about the current updates that will be there in this app", bz = "App's visibility & access", vz = "Set the card & field visibility across shared mailboxes and roles to enable the connector", yz = "Customer identity mapping", xz = "Choose how Hiver should identify customers when fetching data from connected apps.", wz = "Edit", Tz = "Save", Sz = "Matches with %s's", _z = "Customer identity mapping saved", Rz = "Failed to save. Please try again.", Oz = "Pre-fill fields", gf = w(oe)`
@@ -34343,8 +34343,8 @@ const Ub = {
 `, tY = w(tt)`
   &:hover {
     background-color: #e3e9ff !important;
-    color: ${q.palette.purple.primary} !important;
-    border: 1px solid ${q.palette.purple.primary} !important;
+    color: ${X.palette.purple.primary} !important;
+    border: 1px solid ${X.palette.purple.primary} !important;
   }
 `, nY = ({ handleClose: e }) => /* @__PURE__ */ l.jsx(V, { children: /* @__PURE__ */ l.jsxs(V, { padding: "30px", height: "100%", children: [
   /* @__PURE__ */ l.jsx(V, { width: "378px", height: "100%", justifyContent: "center", children: /* @__PURE__ */ l.jsxs(V, { gap: "14px", children: [
@@ -34452,13 +34452,13 @@ const Ub = {
 `, vY = w(tt)`
   gap: 8px;
   height: 28px;
-  color: ${q.palette.gray.black};
-  background-color: ${q.palette.gray.white};
-  border: 1px solid ${q.palette.gray.gray5};
+  color: ${X.palette.gray.black};
+  background-color: ${X.palette.gray.white};
+  border: 1px solid ${X.palette.gray.gray5};
   &:hover {
-    color: ${q.palette.purple.primary};
+    color: ${X.palette.purple.primary};
     background-color: #e3dfff;
-    border: 1px solid ${q.palette.purple.primary};
+    border: 1px solid ${X.palette.purple.primary};
     box-shadow: none;
   }
 `, yY = w(gt.Close)`
@@ -34488,7 +34488,7 @@ const Ub = {
   return c ? /* @__PURE__ */ l.jsxs(mY, { direction: "row", className: s, children: [
     /* @__PURE__ */ l.jsxs(bY, { className: s, children: [
       /* @__PURE__ */ l.jsxs("div", { children: [
-        /* @__PURE__ */ l.jsx(ee, { color: q.palette.gray.black, variant: "body2_medium", children: gY + (t ? dY : "") }),
+        /* @__PURE__ */ l.jsx(ee, { color: X.palette.gray.black, variant: "body2_medium", children: gY + (t ? dY : "") }),
         /* @__PURE__ */ l.jsx(ee, { variant: "body2", children: CY })
       ] }),
       /* @__PURE__ */ l.jsxs(vY, { onClick: g, variant: "outlined", size: "small", children: [
@@ -34508,11 +34508,11 @@ const Ub = {
     transform: "translateX(-50%)"
   },
   "& .MuiPaper-root.MuiDialog-paper": {
-    padding: q.spacing(2.5, 0),
+    padding: X.spacing(2.5, 0),
     width: "320px",
     maxHeight: "480px",
     margin: "unset",
-    borderRadius: q.spacing(),
+    borderRadius: X.spacing(),
     gap: "unset",
     height: "unset"
   },
@@ -34538,8 +34538,8 @@ const Ub = {
         {
           style: {
             margin: "unset",
-            top: q.spacing(1.5),
-            right: q.spacing(1.5)
+            top: X.spacing(1.5),
+            right: X.spacing(1.5)
           },
           onClick: a
         }
@@ -34551,20 +34551,20 @@ const Ub = {
           sx: {
             display: "flex",
             margin: "unset",
-            height: q.spacing(4.5),
+            height: X.spacing(4.5),
             alignItems: "center"
           },
           onChange: (g) => {
             i(g.target.value);
           },
           children: [
-            /* @__PURE__ */ l.jsx(_n, { sx: { marginRight: q.spacing(0.5) }, children: /* @__PURE__ */ l.jsx(gt.Search, {}) }),
+            /* @__PURE__ */ l.jsx(_n, { sx: { marginRight: X.spacing(0.5) }, children: /* @__PURE__ */ l.jsx(gt.Search, {}) }),
             /* @__PURE__ */ l.jsx(HB, { placeholder: "Search" })
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ l.jsx(Hv, { spacing: 0.5, sx: { maxHeight: "480px" }, children: u ? /* @__PURE__ */ l.jsx(ee, { variant: "body2", sx: { padding: q.spacing(0, 2.5) }, children: r }) : c.map(s) })
+    /* @__PURE__ */ l.jsx(Hv, { spacing: 0.5, sx: { maxHeight: "480px" }, children: u ? /* @__PURE__ */ l.jsx(ee, { variant: "body2", sx: { padding: X.spacing(0, 2.5) }, children: r }) : c.map(s) })
   ] });
 }, _Y = () => {
   const { nativeIntegrations: e, availableFeatures: t } = Ve(_t), [n, r] = $(!1), [o, i] = $(null), [A, a] = $(!1), s = en();
@@ -34713,7 +34713,7 @@ const Ub = {
   height: ${(e) => e.height ? e.height : "72px"};
   gap: 12px;
   padding: 16px;
-  border: 1px solid ${q.palette.gray.gray6};
+  border: 1px solid ${X.palette.gray.gray6};
   border-radius: 8px;
   box-sizing: border-box;
 `, FY = () => /* @__PURE__ */ l.jsx(V, { marginTop: "28px", gap: "12px", children: Array(3).fill(0).map((e, t) => /* @__PURE__ */ l.jsxs(LY, { children: [
@@ -34725,8 +34725,8 @@ const Ub = {
   height: 32px;
   &:hover {
     background-color: #e3e9ff !important;
-    color: ${q.palette.purple.primary} !important;
-    border: 1px solid ${q.palette.purple.primary} !important;
+    color: ${X.palette.purple.primary} !important;
+    border: 1px solid ${X.palette.purple.primary} !important;
   }
 `, kY = ({ connectorName: e, connectorType: t, apiList: n, isLoading: r = !1, isEdit: o = !1 }) => {
   const { sendTrackingEvent: i } = Ve(_t), A = RY.replace("{{connector}}", e ?? ""), [a, s] = $(!1), { requestOptions: c, requestable: u } = Bf({ isApi: !0, connectorType: t }), g = () => {
@@ -34778,7 +34778,7 @@ const Ub = {
   ] }) });
 }, MY = w(oe)`
   border-radius: 4px;
-  border: 1px solid ${q.palette.gray.gray5};
+  border: 1px solid ${X.palette.gray.gray5};
   margin-bottom: 12px;
   &.noBorder {
     border: none;
@@ -34804,10 +34804,10 @@ const Ub = {
       height: 70px;
     }
     &.connector-expanded {
-      background: ${q.palette.gray.gray6};
+      background: ${X.palette.gray.gray6};
     }
     &:hover {
-      background: ${q.palette.gray.gray6};
+      background: ${X.palette.gray.gray6};
     }
     &.connector-settings {
       padding-left: 0;
@@ -34889,7 +34889,7 @@ const Ub = {
   }
 `, YY = w(gt.InfoOutlined)`
   width: 16px;
-  color: ${q.palette.gray.gray3};
+  color: ${X.palette.gray.gray3};
 `, JY = "data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_3354_177467'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='22'%20height='22'%3e%3crect%20width='22'%20height='22'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_3354_177467)'%3e%3cpath%20d='M15.5827%2015.584C15.9646%2015.584%2016.2893%2015.4503%2016.5566%2015.1829C16.824%2014.9156%2016.9577%2014.5909%2016.9577%2014.209C16.9577%2013.827%2016.824%2013.5024%2016.5566%2013.235C16.2893%2012.9677%2015.9646%2012.834%2015.5827%2012.834C15.2007%2012.834%2014.8761%2012.9677%2014.6087%2013.235C14.3414%2013.5024%2014.2077%2013.827%2014.2077%2014.209C14.2077%2014.5909%2014.3414%2014.9156%2014.6087%2015.1829C14.8761%2015.4503%2015.2007%2015.584%2015.5827%2015.584ZM15.5827%2018.334C16.0563%2018.334%2016.4917%2018.2232%2016.8889%2018.0017C17.2862%2017.7802%2017.607%2017.4861%2017.8514%2017.1194C17.5153%2016.9208%2017.1563%2016.768%2016.7743%2016.6611C16.3924%2016.5541%2015.9952%2016.5007%2015.5827%2016.5007C15.1702%2016.5007%2014.773%2016.5541%2014.391%2016.6611C14.0091%2016.768%2013.65%2016.9208%2013.3139%2017.1194C13.5584%2017.4861%2013.8792%2017.7802%2014.2764%2018.0017C14.6737%2018.2232%2015.1091%2018.334%2015.5827%2018.334ZM10.9993%2020.1673C8.87574%2019.6326%207.12261%2018.4142%205.73997%2016.5121C4.35734%2014.61%203.66602%2012.4979%203.66602%2010.1757V4.58398L10.9993%201.83398L18.3327%204.58398V9.78607C18.0424%209.66385%2017.7445%209.55308%2017.4389%209.45378C17.1334%209.35447%2016.8202%209.2819%2016.4993%209.23607V5.86732L10.9993%203.80482L5.49935%205.86732V10.1757C5.49935%2010.8937%205.59484%2011.6118%205.78581%2012.3298C5.97678%2013.0479%206.24414%2013.7316%206.58789%2014.3809C6.93164%2015.0302%207.34796%2015.6298%207.83685%2016.1798C8.32574%2016.7298%208.8681%2017.1882%209.46393%2017.5548C9.63199%2018.0437%209.85352%2018.5097%2010.1285%2018.9527C10.4035%2019.3958%2010.7167%2019.793%2011.0681%2020.1444C11.0528%2020.1444%2011.0414%2020.1482%2011.0337%2020.1559C11.0261%2020.1635%2011.0146%2020.1673%2010.9993%2020.1673ZM15.5827%2020.1673C14.3146%2020.1673%2013.2337%2019.7204%2012.34%2018.8267C11.4462%2017.9329%2010.9993%2016.852%2010.9993%2015.584C10.9993%2014.3159%2011.4462%2013.235%2012.34%2012.3413C13.2337%2011.4475%2014.3146%2011.0007%2015.5827%2011.0007C16.8507%2011.0007%2017.9316%2011.4475%2018.8254%2012.3413C19.7191%2013.235%2020.166%2014.3159%2020.166%2015.584C20.166%2016.852%2019.7191%2017.9329%2018.8254%2018.8267C17.9316%2019.7204%2016.8507%2020.1673%2015.5827%2020.1673Z'%20fill='%233E4C5A'/%3e%3c/g%3e%3c/svg%3e", XY = "App is Enabled", KY = "View and manage App data right from Hiver’s side panel for smooth workflows and quick access.", qY = "Got it", ZY = w(oe)`
   .connector-enabled-img {
     width: 562px;
@@ -35140,7 +35140,7 @@ const Ub = {
     box-shadow 0.15s ease;
 
   &:focus-visible {
-    outline: 2px solid ${q.palette.purple.primary};
+    outline: 2px solid ${X.palette.purple.primary};
     outline-offset: 2px;
   }
 `, IJ = [lA.STANDARD, lA.CUSTOM], pJ = ({ value: e, onTabClick: t }) => /* @__PURE__ */ l.jsx(EJ, { role: "group", "aria-label": "Field type", children: IJ.map((n) => {
@@ -35674,8 +35674,8 @@ const Ub = {
   fields: a,
   setVisitedFieldVisTab: s
 }) => {
-  var X, re;
-  const { availableFeatures: c, sendTrackingEvent: u } = Ve(_t), g = $n(), f = ke(ro), p = ke(gA) ?? [], E = ke(xi) ?? [], d = ke(af), C = ke(Af), { userId: h } = Mr() || {}, I = (re = (X = f == null ? void 0 : f[i]) == null ? void 0 : X.cardList) == null ? void 0 : re.find((ie) => ie.id === t), [B, Q] = $(
+  var K, re;
+  const { availableFeatures: c, sendTrackingEvent: u } = Ve(_t), g = $n(), f = ke(ro), p = ke(gA) ?? [], E = ke(xi) ?? [], d = ke(af), C = ke(Af), { userId: h } = Mr() || {}, I = (re = (K = f == null ? void 0 : f[i]) == null ? void 0 : K.cardList) == null ? void 0 : re.find((ie) => ie.id === t), [B, Q] = $(
     () => (E == null ? void 0 : E.filter((ie) => n == null ? void 0 : n.includes(ie.id))) ?? []
   ), [m, y] = $(
     () => (p == null ? void 0 : p.find((ie) => o == null ? void 0 : o.includes(ie.name))) ?? {}
@@ -35698,7 +35698,7 @@ const Ub = {
     return !0;
   }, [a, v, d, t]), R = B.length !== 0 && v.filter((ie) => ie.enabled).length === 0, W = C === be.LOADING || _ && D && j || R, Z = Se(() => !!(a != null && a.some((ie) => ie.isFieldNew)), [a]), ne = h && mf(t, h), Y = la(c) && Z && !ne ? ev : "", P = (ie) => {
     ie.stopPropagation();
-    const de = m != null && m.name ? [m.name] : [], ve = B.map((Ge) => Ge.id), Ie = v.map((Ge, K) => ({ ...Ge, priority: K + 1 }));
+    const de = m != null && m.name ? [m.name] : [], ve = B.map((Ge) => Ge.id), Ie = v.map((Ge, q) => ({ ...Ge, priority: q + 1 }));
     g(
       NA({
         cardId: t,
@@ -35707,7 +35707,7 @@ const Ub = {
       })
     ).unwrap().then(() => {
       var pe, _e, it;
-      const Ge = (pe = f == null ? void 0 : f[i]) == null ? void 0 : pe.name, K = (it = (_e = f == null ? void 0 : f[i]) == null ? void 0 : _e.cardList) == null ? void 0 : it.some(
+      const Ge = (pe = f == null ? void 0 : f[i]) == null ? void 0 : pe.name, q = (it = (_e = f == null ? void 0 : f[i]) == null ? void 0 : _e.cardList) == null ? void 0 : it.some(
         (lt) => {
           var Fn;
           if (lt.id === t) return !1;
@@ -35720,7 +35720,7 @@ const Ub = {
         pre_status: n != null && n.length && (p != null && p.length) ? ca : ua,
         connector_name: Ge,
         card_title: A
-      }), !K && (m != null && m.name) && ve.length ? r(!0) : Ge && Gt({
+      }), !q && (m != null && m.name) && ve.length ? r(!0) : Ge && Gt({
         message: Db.replace($c, Ge),
         type: kr
       });
@@ -35814,7 +35814,7 @@ const Ub = {
   };
   return /* @__PURE__ */ l.jsx(gf, { children: /* @__PURE__ */ l.jsxs(Ef, { children: [
     /* @__PURE__ */ l.jsx(ee, { variant: "h2", children: sf }),
-    /* @__PURE__ */ l.jsx(ee, { variant: "body2", marginBottom: "24px", color: q.palette.gray.gray3, children: cz.replace($c, (E == null ? void 0 : E.name) ?? "") }),
+    /* @__PURE__ */ l.jsx(ee, { variant: "body2", marginBottom: "24px", color: X.palette.gray.gray3, children: cz.replace($c, (E == null ? void 0 : E.name) ?? "") }),
     /* @__PURE__ */ l.jsx("div", { style: { height: "100%" }, children: /* @__PURE__ */ l.jsx(
       $b,
       {
@@ -35899,7 +35899,7 @@ const Ub = {
   };
   return /* @__PURE__ */ l.jsx(gf, { children: /* @__PURE__ */ l.jsxs(Ef, { style: { height: "max-content" }, children: [
     /* @__PURE__ */ l.jsx(ee, { variant: "h2", children: Ob }),
-    /* @__PURE__ */ l.jsx(ee, { variant: "body2", marginBottom: "24px", color: q.palette.gray.gray3, children: uz.replace($c, (d == null ? void 0 : d.name) ?? "") }),
+    /* @__PURE__ */ l.jsx(ee, { variant: "body2", marginBottom: "24px", color: X.palette.gray.gray3, children: uz.replace($c, (d == null ? void 0 : d.name) ?? "") }),
     /* @__PURE__ */ l.jsx(
       Zb,
       {
@@ -35923,22 +35923,22 @@ const Ub = {
   flex-direction: row;
   justify-content: space-between;
   padding: 16px;
-  border-top: 1px solid ${q.palette.gray.gray5};
+  border-top: 1px solid ${X.palette.gray.gray5};
   & .visibilityIcon path {
-    fill: ${q.palette.gray.gray3};
+    fill: ${X.palette.gray.gray3};
   }
   & .hover__text {
     margin-right: 20px;
     visibility: hidden;
-    color: ${q.palette.gray.gray3};
+    color: ${X.palette.gray.gray3};
   }
   &:hover {
-    background: ${q.palette.gray.gray6a};
+    background: ${X.palette.gray.gray6a};
     & .hover__text {
       visibility: visible;
     }
     & .visibilityIcon path {
-      fill: ${q.palette.gray.gray1};
+      fill: ${X.palette.gray.gray1};
     }
   }
   &.connector-settings {
@@ -35981,8 +35981,8 @@ const $h = w(_n)`
   formDefaultsEnabled: n,
   setShowEnabledModal: r
 }) => {
-  var Ge, K, pe;
-  const o = $n(), i = ((Ge = e.inboxes) == null ? void 0 : Ge.email) || [], A = ((K = e.inboxes) == null ? void 0 : K.chat) || [], a = e.roles ?? [], s = e.fields ?? [], { isCardNew: c = !1 } = e, u = i.length + A.length, g = u > 0 && a.length > 0, [f] = vi(), p = f.get("editCard"), E = p === e.key || p === e.id, d = De(!1), [C, h] = $(!1), [I, B] = $(!1), [Q, m] = $(!1), [y, v] = $(E), [b, x] = $(!1), { availableFeatures: O, userPermissions: _, sendTrackingEvent: D, variables: j = [] } = Ve(_t), R = qb(O), W = pH(_), Z = ke(sz), ne = ke(ro), ge = Se(
+  var Ge, q, pe;
+  const o = $n(), i = ((Ge = e.inboxes) == null ? void 0 : Ge.email) || [], A = ((q = e.inboxes) == null ? void 0 : q.chat) || [], a = e.roles ?? [], s = e.fields ?? [], { isCardNew: c = !1 } = e, u = i.length + A.length, g = u > 0 && a.length > 0, [f] = vi(), p = f.get("editCard"), E = p === e.key || p === e.id, d = De(!1), [C, h] = $(!1), [I, B] = $(!1), [Q, m] = $(!1), [y, v] = $(E), [b, x] = $(!1), { availableFeatures: O, userPermissions: _, sendTrackingEvent: D, variables: j = [] } = Ve(_t), R = qb(O), W = pH(_), Z = ke(sz), ne = ke(ro), ge = Se(
     () => Object.values(Z).some((_e) => _e === be.LOADING),
     [Z]
   ), Y = e.cardKey ? Z[e.cardKey] === be.LOADING : !1, { userId: P } = Mr() || {}, { data: H, isLoading: L } = iJ({
@@ -35993,7 +35993,7 @@ const $h = w(_n)`
     h(_e), !_e && P && e.isEnabledCustomCard && (_J(e.id, P), b && SJ(e.id, P));
   }, U = () => {
     R ? m(!0) : h(!0);
-  }, X = () => {
+  }, K = () => {
     e.isEnabledCustomCard ? U() : o(lc({ connectorId: t, data: e })).unwrap().then(() => {
       U();
     }), D(rt.CONFIGURE_VISIBILITY_CLICKED);
@@ -36075,7 +36075,7 @@ const $h = w(_n)`
           $h,
           {
             className: "visibilityIcon",
-            onClick: X,
+            onClick: K,
             disabled: !W || ge,
             children: Y ? /* @__PURE__ */ l.jsx(Nr, { size: 20 }) : g ? /* @__PURE__ */ l.jsx(tJ, {}) : /* @__PURE__ */ l.jsx(nJ, {})
           }
@@ -36215,7 +36215,7 @@ const $h = w(_n)`
     e,
     " app"
   ] }),
-  /* @__PURE__ */ l.jsx(VJ, { variant: "body2", color: q.palette.gray.gray2, dangerouslySetInnerHTML: { __html: t } })
+  /* @__PURE__ */ l.jsx(VJ, { variant: "body2", color: X.palette.gray.gray2, dangerouslySetInnerHTML: { __html: t } })
 ] }), HJ = w(({ className: e, ...t }) => /* @__PURE__ */ l.jsx(st, { ...t, classes: { popper: e } }))(() => ({
   [`& .${qr.tooltip}`]: {
     backgroundColor: "#fff",
@@ -36288,7 +36288,7 @@ const $h = w(_n)`
                 gap: "4px",
                 hidden: t || !u || x || !g,
                 children: [
-                  /* @__PURE__ */ l.jsx(ee, { variant: "body2", color: q.palette.gray.gray3, children: mz }),
+                  /* @__PURE__ */ l.jsx(ee, { variant: "body2", color: X.palette.gray.gray3, children: mz }),
                   /* @__PURE__ */ l.jsx(
                     HJ,
                     {
@@ -36328,7 +36328,7 @@ const $h = w(_n)`
           )
         ] })
       ] }),
-      t ? /* @__PURE__ */ l.jsx(ee, { maxWidth: "577px", variant: "body1", color: q.palette.gray.gray3, className: "connector-grid", children: s }) : null
+      t ? /* @__PURE__ */ l.jsx(ee, { maxWidth: "577px", variant: "body1", color: X.palette.gray.gray3, className: "connector-grid", children: s }) : null
     ] }),
     _ ? /* @__PURE__ */ l.jsx(
       tv,
@@ -36410,15 +36410,15 @@ const $h = w(_n)`
   text-wrap: nowrap;
   &:hover {
     background-color: #e3e9ff !important;
-    color: ${q.palette.purple.primary} !important;
-    border: 1px solid ${q.palette.purple.primary} !important;
+    color: ${X.palette.purple.primary} !important;
+    border: 1px solid ${X.palette.purple.primary} !important;
     box-shadow: none;
   }
 `, eX = w(gt.InfoOutlined)`
   flex-shrink: 0;
   width: 22px;
   height: 22px;
-  color: ${q.palette.gray.gray3};
+  color: ${X.palette.gray.gray3};
 `, tX = ({ connectorName: e, onRequestClick: t }) => /* @__PURE__ */ l.jsxs(ZJ, { children: [
   /* @__PURE__ */ l.jsx(eX, {}),
   /* @__PURE__ */ l.jsx(ee, { children: qJ(e) }),
@@ -36569,7 +36569,7 @@ const $h = w(_n)`
   ] });
 }, gX = w(V)`
   .arrow {
-    border: solid ${q.palette.gray.gray3};
+    border: solid ${X.palette.gray.gray3};
     border-width: 0 2px 2px 0;
     display: inline-block;
     padding: 3px;
@@ -36590,7 +36590,7 @@ const $h = w(_n)`
     r && t(r);
   };
   return /* @__PURE__ */ l.jsx(gX, { direction: "row", alignItems: "center", "data-testid": "breadCrumbs", children: e.map(({ name: r, route: o }, i) => {
-    const A = i === e.length - 1, a = A ? q.palette.gray.black : q.palette.gray.gray4, s = A ? "lastCrumb" : `crumb-${i}`;
+    const A = i === e.length - 1, a = A ? X.palette.gray.black : X.palette.gray.gray4, s = A ? "lastCrumb" : `crumb-${i}`;
     return /* @__PURE__ */ l.jsxs(V, { direction: "row", alignItems: "center", children: [
       /* @__PURE__ */ l.jsx(
         dX,
@@ -36607,13 +36607,13 @@ const $h = w(_n)`
     ] }, r.replace(/\s/g, ""));
   }) });
 }, EX = "Settings", fX = "Setup", IX = w(oe)`
-  background-color: ${({ active: e }) => e ? q.palette.green.primary : q.palette.gray.gray4};
+  background-color: ${({ active: e }) => e ? X.palette.green.primary : X.palette.gray.gray4};
 `, pX = w(Ca)`
-  background-color: ${({ active: e }) => e ? "#BBF0BB80" : q.palette.gray.gray6};
-  color: ${({ active: e }) => e ? q.palette.gray.gray3 : q.palette.gray.gray4};
+  background-color: ${({ active: e }) => e ? "#BBF0BB80" : X.palette.gray.gray6};
+  color: ${({ active: e }) => e ? X.palette.gray.gray3 : X.palette.gray.gray4};
   height: 36px;
   &:hover {
-    background-color: ${({ active: e }) => e ? "#BBF0BB80" : q.palette.gray.gray6};
+    background-color: ${({ active: e }) => e ? "#BBF0BB80" : X.palette.gray.gray6};
   }
 `, hX = ({ active: e, label: t }) => /* @__PURE__ */ l.jsx(
   pX,
@@ -36648,7 +36648,7 @@ const $h = w(_n)`
 `, Av = (e) => {
   const { isLoading: t = !1 } = e;
   return t ? /* @__PURE__ */ l.jsx(V, { className: "h-[38px] w-[58px] justify-center items-center", children: /* @__PURE__ */ l.jsx(BX, {}) }) : /* @__PURE__ */ l.jsx(SC, { ...e });
-}, QX = "Add New Store", mX = "Add New Store", bX = "Each store has its own configuration. Choose a descriptive name to help distinguish it from other stores.", vX = "Enter Store name", yX = "Enter Store name", xX = "Submit", wX = "Cancel", TX = (e, t) => `${e}/${t} stores used`, SX = "Added successfully", tB = {
+}, QX = "Add New Store", mX = "Add New Store", bX = "Each instance has its own configuration. Choose a descriptive name to help distinguish it from other instances", vX = "Enter app name", yX = "App Name", xX = "Submit", wX = "Cancel", TX = (e, t) => `${e}/${t} stores used`, SX = (e) => `${e} added successfully`, tB = {
   NAME_TAKEN: "A connector with this name already exists.",
   LIMIT_REACHED: "You've reached the maximum number of stores.",
   MULTI_STORE_DISABLED: "Adding stores isn't available for this app.",
@@ -36665,6 +36665,7 @@ const $h = w(_n)`
   isSubmitting: r = !1,
   errorMessage: o
 }) => {
+  var g, f;
   const [i, A] = $("");
   Ee(() => {
     e || A("");
@@ -36674,12 +36675,12 @@ const $h = w(_n)`
   }, u = () => {
     t(!1);
   };
-  return /* @__PURE__ */ l.jsx(fi, { shown: e, setShown: t, showCloseButton: !0, children: /* @__PURE__ */ l.jsxs(V, { "data-testid": "add-new-store-panel", padding: "30px", width: "440px", children: [
-    /* @__PURE__ */ l.jsxs(V, { gap: "4px", marginBottom: "24px", children: [
+  return /* @__PURE__ */ l.jsx(fi, { shown: e, setShown: t, showCloseButton: !0, closeButtonSize: 20, children: /* @__PURE__ */ l.jsxs(V, { "data-testid": "add-new-store-panel", padding: "16px", width: "559px", children: [
+    /* @__PURE__ */ l.jsxs(V, { marginBottom: "24px", children: [
       /* @__PURE__ */ l.jsx(ee, { variant: "h2", children: mX }),
-      /* @__PURE__ */ l.jsx(ee, { variant: "body2", children: bX })
+      /* @__PURE__ */ l.jsx(ee, { variant: "body2", style: { marginRight: "30px" }, children: bX })
     ] }),
-    /* @__PURE__ */ l.jsxs(V, { gap: "6px", marginBottom: "36px", children: [
+    /* @__PURE__ */ l.jsxs(V, { gap: "8px", marginBottom: "16px", children: [
       /* @__PURE__ */ l.jsx(
         rf,
         {
@@ -36691,22 +36692,31 @@ const $h = w(_n)`
           disabled: r,
           error: !!o,
           inputProps: { "data-testid": "add-new-store-input" },
-          onChange: (g) => A(g.target.value)
+          onChange: (p) => A(p.target.value)
         }
       ),
       o ? /* @__PURE__ */ l.jsx(ee, { "data-testid": "add-new-store-error", variant: "body2", color: "error", children: o }) : null
     ] }),
-    /* @__PURE__ */ l.jsxs(V, { direction: "row", justifyContent: "flex-end", gap: "12px", children: [
+    /* @__PURE__ */ l.jsxs(V, { direction: "row", justifyContent: "flex-end", alignItems: "center", gap: "5px", children: [
       /* @__PURE__ */ l.jsx(
         tt,
         {
           "data-testid": "add-new-store-cancel-button",
           onClick: u,
-          variant: "outlined",
-          color: "tertiary",
-          size: "medium",
+          variant: "text",
+          disableRipple: !0,
           disabled: r,
-          sx: { height: "32px" },
+          sx: {
+            textTransform: "none",
+            fontWeight: 500,
+            fontSize: "14px",
+            lineHeight: "18px",
+            padding: "4px 20px",
+            borderRadius: 0,
+            color: ((g = X.palette.gray) == null ? void 0 : g.gray3) ?? "#6F7C90",
+            backgroundColor: "transparent",
+            "&:hover": { backgroundColor: "transparent", color: ((f = X.palette.gray) == null ? void 0 : f.gray2) ?? "#4D596C" }
+          },
           children: wX
         }
       ),
@@ -36717,8 +36727,17 @@ const $h = w(_n)`
           onClick: c,
           variant: "contained",
           color: "primary",
-          size: "medium",
-          sx: { height: "32px" },
+          sx: {
+            textTransform: "none",
+            fontWeight: 500,
+            fontSize: "14px",
+            lineHeight: "18px",
+            padding: "9px 12px",
+            borderRadius: "4px",
+            minWidth: "89px",
+            boxShadow: "none",
+            "&:hover": { boxShadow: "none" }
+          },
           disabled: !s,
           children: r ? /* @__PURE__ */ l.jsx(Nr, { sx: { color: "#97A3B7" }, size: 20 }) : /* @__PURE__ */ l.jsx("div", { children: xX })
         }
@@ -36740,37 +36759,37 @@ const $h = w(_n)`
   const t = DX(e);
   return av(t ? _X[t] : void 0);
 }, FX = ({ connectorDetails: e }) => {
-  const [t, n] = $(!1), [r, o] = $(!1), [i, A] = $(void 0), a = en(), s = $n(), c = !!(e != null && e.showAddStore), u = !!(e != null && e.isStore), g = async (B) => {
+  const [t, n] = $(!1), [r, o] = $(!1), [i, A] = $(void 0), a = en(), s = $n(), c = !!(e != null && e.showAddStore), u = !!(e != null && e.isStore), g = !!(e != null && e.isAuthenticated) && !!(e != null && e.isEnabled), f = async (Q) => {
     if (!e) return;
     A(void 0), o(!0);
-    const Q = e.templateId ?? "";
+    const m = e.templateId ?? "";
     try {
-      const { valid: m, reason: y } = await BW({
-        templateId: Q,
+      const { valid: y, reason: v } = await BW({
+        templateId: m,
         parentConnectorId: e.id,
-        name: B
+        name: Q
       });
-      if (!m) {
-        A(av(y)), o(!1);
+      if (!y) {
+        A(av(v)), o(!1);
         return;
       }
-      await QW({ templateId: Q, parentConnectorId: e.id, name: B }), n(!1), Gt({ message: SX, type: kr }), s($i()), a(`${Me.BASEPATH}${Me.DASHBOARD}`);
-    } catch (m) {
-      A(LX(m)), o(!1);
+      await QW({ templateId: m, parentConnectorId: e.id, name: Q }), n(!1), Gt({ message: SX(Q), type: kr }), s($i()), a(`${Me.BASEPATH}${Me.DASHBOARD}`);
+    } catch (y) {
+      A(LX(y)), o(!1);
     }
   };
-  if (!c || u)
+  if (!c || u || !g)
     return null;
-  const f = !!(e != null && e.canAddStore), p = (e == null ? void 0 : e.storesUsed) ?? 0, E = (e == null ? void 0 : e.maxStores) ?? 0, d = !f, C = d ? TX(p, E) : "", h = () => {
+  const p = !!(e != null && e.canAddStore), E = (e == null ? void 0 : e.storesUsed) ?? 0, d = (e == null ? void 0 : e.maxStores) ?? 0, C = !p, h = C ? TX(E, d) : "", I = () => {
     A(void 0), n(!0);
-  }, I = /* @__PURE__ */ l.jsx(
+  }, B = /* @__PURE__ */ l.jsx(
     tt,
     {
       "data-testid": "add-new-store-button",
       variant: "outlined",
       color: "tertiary",
       size: "medium",
-      disabled: d,
+      disabled: C,
       sx: {
         height: "32px",
         textTransform: "none",
@@ -36779,23 +36798,23 @@ const $h = w(_n)`
         color: "#343C45",
         "&:hover": { borderColor: "#D6DDE8" }
       },
-      onClick: h,
+      onClick: I,
       children: QX
     }
   );
   return /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-    d ? (
+    C ? (
       // MUI Tooltip does not fire on a disabled button; wrap in a span so the
       // usage tooltip still shows on hover.
-      /* @__PURE__ */ l.jsx(st, { title: C, placement: "bottom", children: /* @__PURE__ */ l.jsx("span", { "data-testid": "add-new-store-button-tooltip-wrapper", children: I }) })
-    ) : I,
+      /* @__PURE__ */ l.jsx(st, { title: h, placement: "bottom", children: /* @__PURE__ */ l.jsx("span", { "data-testid": "add-new-store-button-tooltip-wrapper", children: B }) })
+    ) : B,
     /* @__PURE__ */ l.jsx("div", { "data-testid": "add-new-store-divider", className: "w-px h-6 bg-[#D6DDE8] mx-2" }),
     /* @__PURE__ */ l.jsx(
       OX,
       {
         shown: t,
         setShown: n,
-        onSubmit: g,
+        onSubmit: f,
         isSubmitting: r,
         errorMessage: i
       }
@@ -37601,10 +37620,10 @@ const pK = w(ee)`
       payload: { name: xe.oAuthRedirectUrl, value: r == null ? void 0 : r.redirectUrl }
     }), B && (r != null && r.interpolationFields) && (r != null && r.variables)) {
       const F = gB((L = r == null ? void 0 : r.authDetails) == null ? void 0 : L.authType);
-      Object.entries(r.interpolationFields).forEach(([U, X]) => {
+      Object.entries(r.interpolationFields).forEach(([U, K]) => {
         const re = F[U];
         if (!re) return;
-        const ie = dB(X, r.variables);
+        const ie = dB(K, r.variables);
         ie != null && u({
           type: Io.SET_FIELD_VALUE,
           payload: { name: re, value: ie }
@@ -37615,15 +37634,15 @@ const pK = w(ee)`
   const x = (L, F) => {
     var de, ve;
     u({ type: Io.SET_FIELD_VALUE, payload: { value: F, name: L } });
-    const U = typeof F == "object" ? F.value : F, X = y[L];
-    if (!B || !(X != null && X.length))
+    const U = typeof F == "object" ? F.value : F, K = y[L];
+    if (!B || !(K != null && K.length))
       return;
     const re = (de = c.values) == null ? void 0 : de.authType, ie = gB(typeof re == "object" ? re.value : void 0);
-    for (const Ie of X) {
-      const Ge = ie[Ie] || b[Ie], K = (ve = r == null ? void 0 : r.interpolationFields) == null ? void 0 : ve[Ie];
-      if (!Ge || !K)
+    for (const Ie of K) {
+      const Ge = ie[Ie] || b[Ie], q = (ve = r == null ? void 0 : r.interpolationFields) == null ? void 0 : ve[Ie];
+      if (!Ge || !q)
         continue;
-      const pe = dB(K, {
+      const pe = dB(q, {
         ...c.values,
         [L]: U ?? ""
       });
@@ -37643,23 +37662,23 @@ const pK = w(ee)`
     const L = { ...nK };
     if (v)
       if (B) {
-        const { advanced: X, basic: re } = lv(v, I);
-        ts.formFields = X, L.formFields = re;
+        const { advanced: K, basic: re } = lv(v, I);
+        ts.formFields = K, L.formFields = re;
       } else
         ts.formFields = [...v];
     let F = [];
     ts.formFields && ts.formFields.length && (F = [ts]);
     const U = c.values.authType;
     if (B) {
-      const X = typeof U == "object" ? U.value : void 0, re = [...BA];
-      X === Lr.apiToken.value ? re.push(...iB) : X === Lr.oAuth2.value ? re.push(...aB) : X === Lr.oAuth2Pat.value ? re.push(...sB) : X === Lr.oAuth1.value ? re.push(...AB) : re.push(...lB);
-      const { basicFields: ie, advancedConfigs: de } = uK(re, I, X);
+      const K = typeof U == "object" ? U.value : void 0, re = [...BA];
+      K === Lr.apiToken.value ? re.push(...iB) : K === Lr.oAuth2.value ? re.push(...aB) : K === Lr.oAuth2Pat.value ? re.push(...sB) : K === Lr.oAuth1.value ? re.push(...AB) : re.push(...lB);
+      const { basicFields: ie, advancedConfigs: de } = uK(re, I, K);
       L.formFields.push(...ie), F.push(...de), L.formFields.length && F.push(L);
     } else
       typeof U == "object" && U.value === Lr.apiToken.value ? F = [...F, ...BA, ...iB] : typeof U == "object" && U.value === Lr.oAuth2.value ? F = [...F, ...BA, ...aB] : typeof U == "object" && U.value === Lr.oAuth2Pat.value ? F = [...F, ...BA, ...sB] : typeof U == "object" && U.value === Lr.oAuth1.value ? F = [...F, ...BA, ...AB] : F = [...F, ...BA, ...lB];
-    return F.map((X) => ({
-      ...X,
-      formFields: X.formFields.map((re) => ({
+    return F.map((K) => ({
+      ...K,
+      formFields: K.formFields.map((re) => ({
         ...re,
         hideInUI: !!(Q && m.includes(re.name))
       }))
@@ -37669,9 +37688,9 @@ const pK = w(ee)`
     return typeof c.values.apiAddTo == "object" && c.values.apiAddTo.value === Xu.queryParam.value ? (L.apiHeaderPrefix = !1, L.apiHeaderName = !1) : L.apiParamName = !1, L;
   }, W = () => {
     const L = R(), F = Uh(j());
-    return !Object.keys(c.errors).filter((X) => !!c.errors[X]).filter((X) => X in L ? L[X] : !0).filter((X) => X in F).length;
+    return !Object.keys(c.errors).filter((K) => !!c.errors[K]).filter((K) => K in L ? L[K] : !0).filter((K) => K in F).length;
   }, Z = () => {
-    var X;
+    var K;
     const L = R(), F = Uh(j()), U = gK({
       isEdit: e,
       templateId: t,
@@ -37685,7 +37704,7 @@ const pK = w(ee)`
     }
     a(rt.SAVE_AUTHORIZE_CLICKED, {
       connector_name: p,
-      auth_type: ((X = c.values.authType) == null ? void 0 : X.label) ?? c.values.authType,
+      auth_type: ((K = c.values.authType) == null ? void 0 : K.label) ?? c.values.authType,
       base_url: c.values.baseUrl
     }), !e && "templateId" in U ? A({ data: U }) : A({ data: U, connectorId: t });
   }, ne = () => {
@@ -37883,7 +37902,7 @@ const pK = w(ee)`
         {
           variant: "text",
           color: "primary",
-          style: { color: q.palette.gray.gray3 },
+          style: { color: X.palette.gray.gray3 },
           disabled: n,
           onClick: E,
           children: "Cancel"
@@ -38278,7 +38297,7 @@ const YK = ({
 `, rq = w(V)`
   flex-shrink: 0;
 `, oq = w(ee)`
-  color: ${q.palette.gray.black};
+  color: ${X.palette.gray.black};
 `, iq = w(gt.ChevronRightOutlined)`
   height: 20px;
   width: 20px;
@@ -38368,11 +38387,11 @@ const sq = w(V)`
   /* @__PURE__ */ l.jsxs(V, { marginBottom: "20px", children: [
     /* @__PURE__ */ l.jsxs(V, { direction: "row", padding: "8px 0", gap: "4px", alignItems: "center", children: [
       /* @__PURE__ */ l.jsx(lq, {}),
-      /* @__PURE__ */ l.jsx(ee, { variant: "body1_medium", color: q.palette.gray.black, children: HX })
+      /* @__PURE__ */ l.jsx(ee, { variant: "body1_medium", color: X.palette.gray.black, children: HX })
     ] }),
     /* @__PURE__ */ l.jsx(ee, { variant: "body2", children: WX })
   ] }),
-  /* @__PURE__ */ l.jsx(ee, { variant: "body2_medium", marginBottom: "8px", color: q.palette.gray.black, children: zX }),
+  /* @__PURE__ */ l.jsx(ee, { variant: "body2_medium", marginBottom: "8px", color: X.palette.gray.black, children: zX }),
   /* @__PURE__ */ l.jsx(uq, { variant: "body2", dangerouslySetInnerHTML: { __html: e } }),
   t ? /* @__PURE__ */ l.jsxs(cq, { target: "_blank", underline: "none", href: t, children: [
     /* @__PURE__ */ l.jsx(gq, {}),
@@ -38981,7 +39000,7 @@ const xC = w(oe)`
   display: inline-flex;
   align-items: center;
   gap: 16px;
-  color: ${((PB = q.palette.gray) == null ? void 0 : PB.gray3) ?? "#6F7C90"};
+  color: ${((PB = X.palette.gray) == null ? void 0 : PB.gray3) ?? "#6F7C90"};
   font-family: 'Hanken Grotesk', system-ui, sans-serif;
   font-size: 16px;
   line-height: 28px;
@@ -38989,7 +39008,7 @@ const xC = w(oe)`
   letter-spacing: 0.2px;
   cursor: pointer;
   &:hover {
-    color: ${((NB = q.palette.gray) == null ? void 0 : NB.gray1) ?? "#3D434C"};
+    color: ${((NB = X.palette.gray) == null ? void 0 : NB.gray1) ?? "#3D434C"};
   }
 `, Bv = w(oe)`
   display: flex;
@@ -39010,7 +39029,7 @@ const Rq = w(oe)`
   width: 64px;
   height: 64px;
   border-radius: 6px;
-  background: ${((kB = q.palette.gray) == null ? void 0 : kB.gray6a) ?? "#F6F8FC"};
+  background: ${((kB = X.palette.gray) == null ? void 0 : kB.gray6a) ?? "#F6F8FC"};
   display: flex;
   align-items: center;
   justify-content: center;
@@ -39040,12 +39059,12 @@ const Lq = w(tt)`
   font-size: 13px;
   line-height: 24px;
   letter-spacing: 0.2px;
-  background: ${q.palette.purple.primary};
-  color: ${((MB = q.palette.common) == null ? void 0 : MB.white) ?? "#FFFFFF"};
+  background: ${X.palette.purple.primary};
+  color: ${((MB = X.palette.common) == null ? void 0 : MB.white) ?? "#FFFFFF"};
   padding: 4px 20px;
   border-radius: 4px;
   &:hover {
-    background: ${q.palette.purple.hover ?? q.palette.purple.primary};
+    background: ${X.palette.purple.hover ?? X.palette.purple.primary};
   }
 `, mv = w(oe)`
   display: grid;
@@ -39075,11 +39094,11 @@ var jB;
 w(oe)`
   height: 160px;
   border-radius: 12px;
-  background: ${q.palette.purple.light};
+  background: ${X.palette.purple.light};
   display: flex;
   align-items: center;
   justify-content: center;
-  color: ${((jB = q.palette.gray) == null ? void 0 : jB.gray3) ?? "#5C6470"};
+  color: ${((jB = X.palette.gray) == null ? void 0 : jB.gray3) ?? "#5C6470"};
   font-size: 13px;
   overflow: hidden;
   & > img {
@@ -39249,7 +39268,7 @@ const Pq = w(oe)`
           fontSize: "16px",
           lineHeight: "21px",
           letterSpacing: "-0.16px",
-          color: ((i = q.palette.gray) == null ? void 0 : i.gray2) ?? "#4D596C",
+          color: ((i = X.palette.gray) == null ? void 0 : i.gray2) ?? "#4D596C",
           marginBottom: "8px"
         },
         children: e.title
@@ -39261,7 +39280,7 @@ const Pq = w(oe)`
         sx: {
           fontSize: "13px",
           lineHeight: "20px",
-          color: ((A = q.palette.gray) == null ? void 0 : A.gray3) ?? "#6F7C90",
+          color: ((A = X.palette.gray) == null ? void 0 : A.gray3) ?? "#6F7C90",
           marginBottom: "24px"
         },
         children: e.subtitle
@@ -39278,7 +39297,7 @@ const Pq = w(oe)`
               fontSize: "13px",
               lineHeight: "19px",
               letterSpacing: "-0.065px",
-              color: ((c = q.palette.gray) == null ? void 0 : c.gray2) ?? "#4D596C"
+              color: ((c = X.palette.gray) == null ? void 0 : c.gray2) ?? "#4D596C"
             },
             children: s.title
           }
@@ -39311,9 +39330,9 @@ const Pq = w(oe)`
             lineHeight: "18px",
             padding: "9px 12px",
             borderRadius: "6px",
-            background: q.palette.purple.primary,
+            background: X.palette.purple.primary,
             boxShadow: "none",
-            "&:hover": { background: q.palette.purple.hover ?? q.palette.purple.primary, boxShadow: "none" }
+            "&:hover": { background: X.palette.purple.hover ?? X.palette.purple.primary, boxShadow: "none" }
           },
           children: e.saveLabel ?? "Save"
         }
@@ -39330,7 +39349,7 @@ const Pq = w(oe)`
             fontSize: "14px",
             lineHeight: "18px",
             padding: "9px 12px",
-            color: ((a = q.palette.gray) == null ? void 0 : a.gray2) ?? "#4D596C"
+            color: ((a = X.palette.gray) == null ? void 0 : a.gray2) ?? "#4D596C"
           },
           children: e.cancelLabel ?? "Cancel"
         }
@@ -39352,7 +39371,7 @@ const Pq = w(oe)`
   return /* @__PURE__ */ l.jsxs(mv, { children: [
     /* @__PURE__ */ l.jsxs("div", { children: [
       t ? /* @__PURE__ */ l.jsx(Fq, { children: /* @__PURE__ */ l.jsx("img", { src: t, alt: `${a ?? "App"} overview` }) }) : s.length > 0 && /* @__PURE__ */ l.jsx(nv, { previewList: s }),
-      o && /* @__PURE__ */ l.jsx(ee, { variant: "body2", sx: { color: (c = q.palette.gray) == null ? void 0 : c.gray1, marginTop: 2 }, children: /* @__PURE__ */ l.jsx("span", { dangerouslySetInnerHTML: { __html: o } }) }),
+      o && /* @__PURE__ */ l.jsx(ee, { variant: "body2", sx: { color: (c = X.palette.gray) == null ? void 0 : c.gray1, marginTop: 2 }, children: /* @__PURE__ */ l.jsx("span", { dangerouslySetInnerHTML: { __html: o } }) }),
       i && i.length > 0 && /* @__PURE__ */ l.jsxs(Pq, { children: [
         /* @__PURE__ */ l.jsx(
           ee,
@@ -39376,7 +39395,7 @@ const Pq = w(oe)`
               sx: {
                 fontSize: "13px",
                 lineHeight: "20px",
-                color: ((f = q.palette.gray) == null ? void 0 : f.gray2) ?? "#4D596C"
+                color: ((f = X.palette.gray) == null ? void 0 : f.gray2) ?? "#4D596C"
               },
               children: [
                 g + 1,
@@ -39404,8 +39423,8 @@ const hB = {
   letterSpacing: "0.25px",
   minHeight: "auto",
   padding: "0",
-  color: ((UB = q.palette.gray) == null ? void 0 : UB.gray3) ?? "#6F7C90",
-  "&.Mui-selected": { color: q.palette.purple.primary }
+  color: ((UB = X.palette.gray) == null ? void 0 : UB.gray3) ?? "#6F7C90",
+  "&.Mui-selected": { color: X.palette.purple.primary }
 }, BB = ({ mode: e }) => {
   var u, g;
   const t = en(), n = $n(), { id: r = "" } = Yo(), o = ke(Da), i = ke(ro), A = ke(ef), a = ke(La), s = e === "template" ? (o == null ? void 0 : o[r]) ?? null : null, c = e === "connector" ? (i == null ? void 0 : i[r]) ?? null : null;
@@ -39418,7 +39437,7 @@ const hB = {
       "Apps Marketplace"
     ] }),
     /* @__PURE__ */ l.jsx(ee, { variant: "h6", sx: { marginTop: 2, fontWeight: 600 }, children: "Couldn’t load app" }),
-    /* @__PURE__ */ l.jsxs(ee, { variant: "body2", sx: { color: (u = q.palette.gray) == null ? void 0 : u.gray3 }, children: [
+    /* @__PURE__ */ l.jsxs(ee, { variant: "body2", sx: { color: (u = X.palette.gray) == null ? void 0 : u.gray3 }, children: [
       "Template ID “",
       r,
       "” couldn’t be fetched. Try refreshing."
@@ -39429,7 +39448,7 @@ const hB = {
       "Apps Marketplace"
     ] }),
     /* @__PURE__ */ l.jsx(ee, { variant: "h6", sx: { marginTop: 2, fontWeight: 600 }, children: "Couldn’t load app" }),
-    /* @__PURE__ */ l.jsxs(ee, { variant: "body2", sx: { color: (g = q.palette.gray) == null ? void 0 : g.gray3 }, children: [
+    /* @__PURE__ */ l.jsxs(ee, { variant: "body2", sx: { color: (g = X.palette.gray) == null ? void 0 : g.gray3 }, children: [
       "Connector ID “",
       r,
       "” couldn’t be fetched. Try refreshing."
@@ -39471,7 +39490,7 @@ const hB = {
                 fontWeight: 400,
                 fontSize: "14px",
                 lineHeight: "20px",
-                color: ((d = q.palette.gray) == null ? void 0 : d.gray2) ?? "#4D596C"
+                color: ((d = X.palette.gray) == null ? void 0 : d.gray2) ?? "#4D596C"
               },
               children: n.description
             }
@@ -39485,7 +39504,7 @@ const hB = {
       {
         value: g,
         onChange: p,
-        TabIndicatorProps: { sx: { backgroundColor: q.palette.purple.primary, height: "2px" } },
+        TabIndicatorProps: { sx: { backgroundColor: X.palette.purple.primary, height: "2px" } },
         sx: {
           marginTop: 4,
           minHeight: "auto",
@@ -39624,7 +39643,7 @@ const hB = {
   line-height: 12px;
   letter-spacing: 0.01px;
 `, nZ = w(ee)`
-  color: ${q.palette.gray.gray2};
+  color: ${X.palette.gray.gray2};
   margin-top: 8px;
   margin-bottom: 20px;
 `, rZ = w(tt)`
@@ -39638,10 +39657,10 @@ const hB = {
   display: flex;
   align-items: center;
   margin-left: 12px;
-  border: 1px solid ${q.palette.gray.gray5};
+  border: 1px solid ${X.palette.gray.gray5};
   color: black;
   &:hover {
-    border: 1px solid ${q.palette.gray.gray5};
+    border: 1px solid ${X.palette.gray.gray5};
     color: black;
     background: white;
   }
@@ -39658,14 +39677,14 @@ w(oe)`
   cursor: pointer;
   width: 252px;
   height: 187px;
-  border: 1px solid ${q.palette.gray.gray6};
+  border: 1px solid ${X.palette.gray.gray6};
   border-radius: 8px;
   padding: 24px;
   box-sizing: border-box;
   flex: 1 1 100%;
   max-width: 252px;
   &:hover {
-    box-shadow: 0px 2px 4px 0px ${q.palette.gray.gray6};
+    box-shadow: 0px 2px 4px 0px ${X.palette.gray.gray6};
   }
 `;
 w(cA)`