@coin-voyage/paykit 0.1.21 → 0.1.22

package/dist/components/ui/ChainSelectList/styles.js

@@ -2,224 +2,224 @@ import { motion } from "framer-motion";
 import { css } from "styled-components";
 import styled from "../../../styles/styled";
 import defaultTheme from "../../../lib/config/default-theme";
-export const SwitchNetworksContainer = styled.div `
-  display: flex;
-  flex-direction: column;
-
-  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
-    flex-direction: column-reverse;
-  }
+export const SwitchNetworksContainer = styled.div `
+  display: flex;
+  flex-direction: column;
+
+  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
+    flex-direction: column-reverse;
+  }
 `;
-export const ChainIcon = styled(motion.div) `
-  display: block;
-  position: relative;
-  border-radius: 12px;
-  overflow: hidden;
-  width: 24px;
-  height: 24px;
-  min-width: 24px;
-  min-height: 24px;
-  background: var(--ck-body-background);
-  svg {
-    border-radius: inherit;
-    display: block;
-    position: relative;
-    transform: translate3d(0, 0, 0);
-    width: 100%;
-    height: auto;
-  }
+export const ChainIcon = styled(motion.div) `
+  display: block;
+  position: relative;
+  border-radius: 12px;
+  overflow: hidden;
+  width: 24px;
+  height: 24px;
+  min-width: 24px;
+  min-height: 24px;
+  background: var(--ck-body-background);
+  svg {
+    border-radius: inherit;
+    display: block;
+    position: relative;
+    transform: translate3d(0, 0, 0);
+    width: 100%;
+    height: auto;
+  }
   ${(props) => props.$empty &&
-    css `
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      &:before {
-        content: "?";
-        color: var(--ck-body-color-muted);
-        font-weight: bold;
-        font-family: var(--ck-font-family);
-      }
-    `}
-  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
-    border-radius: 16px;
-    width: 32px;
-    height: 32px;
-  }
+    css `
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      &:before {
+        content: "?";
+        color: var(--ck-body-color-muted);
+        font-weight: bold;
+        font-family: var(--ck-font-family);
+      }
+    `}
+  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
+    border-radius: 16px;
+    width: 32px;
+    height: 32px;
+  }
 `;
-export const ChainLogoContainer = styled(motion.div) `
-  position: relative;
+export const ChainLogoContainer = styled(motion.div) `
+  position: relative;
 `;
-export const ChainLogoSpinner = styled(motion.div) `
-  position: absolute;
-  inset: -6px;
-  animation: rotateSpinner 1200ms linear infinite;
-  pointer-events: none;
-  svg {
-    display: block;
-    position: relative;
-    transform: translate3d(0, 0, 0);
-    width: 100%;
-    height: auto;
-  }
-  @keyframes rotateSpinner {
-    0% {
-      transform: rotate(0deg);
-    }
-    100% {
-      transform: rotate(360deg);
-    }
-  }
+export const ChainLogoSpinner = styled(motion.div) `
+  position: absolute;
+  inset: -6px;
+  animation: rotateSpinner 1200ms linear infinite;
+  pointer-events: none;
+  svg {
+    display: block;
+    position: relative;
+    transform: translate3d(0, 0, 0);
+    width: 100%;
+    height: auto;
+  }
+  @keyframes rotateSpinner {
+    0% {
+      transform: rotate(0deg);
+    }
+    100% {
+      transform: rotate(360deg);
+    }
+  }
 `;
-export const ChainButtonContainer = styled.div `
-  position: relative;
-  margin: -8px -8px;
-  &:after {
-    border-radius: var(--border-radius, 0);
-    z-index: 2;
-    content: "";
-    pointer-events: none;
-    position: absolute;
-    inset: 0 2px;
-    box-shadow:
-      inset 0 16px 8px -12px var(--background, var(--ck-body-background)),
-      inset 0 -16px 8px -12px var(--background, var(--ck-body-background));
-  }
+export const ChainButtonContainer = styled.div `
+  position: relative;
+  margin: -8px -8px;
+  &:after {
+    border-radius: var(--border-radius, 0);
+    z-index: 2;
+    content: "";
+    pointer-events: none;
+    position: absolute;
+    inset: 0 2px;
+    box-shadow:
+      inset 0 16px 8px -12px var(--background, var(--ck-body-background)),
+      inset 0 -16px 8px -12px var(--background, var(--ck-body-background));
+  }
 `;
-export const ChainButtons = styled(motion.div) `
-  padding: 8px;
-  overflow-x: hidden;
-  overflow-y: auto;
-  max-height: 242px;
-
-  -ms-overflow-style: none; /* Internet Explorer 10+ */
-  scrollbar-width: none; /* Firefox */
-  &::-webkit-scrollbar {
-    display: none; /* Safari and Chrome */
-  }
-
-  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
-    padding: 8px 14px;
-    margin: 2px -2px 0;
-    max-height: 60vh;
-  }
+export const ChainButtons = styled(motion.div) `
+  padding: 8px;
+  overflow-x: hidden;
+  overflow-y: auto;
+  max-height: 242px;
+
+  -ms-overflow-style: none; /* Internet Explorer 10+ */
+  scrollbar-width: none; /* Firefox */
+  &::-webkit-scrollbar {
+    display: none; /* Safari and Chrome */
+  }
+
+  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
+    padding: 8px 14px;
+    margin: 2px -2px 0;
+    max-height: 60vh;
+  }
 `;
-export const ChainButton = styled(motion.button) `
-  appearance: none;
-  cursor: pointer;
-  user-select: none;
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  width: 100%;
-  border-radius: 11px;
-  margin: 0 0 1px;
-  padding: 8px 0;
-  padding-right: 154px;
-  font-size: 15px;
-  line-height: 18px;
-  font-weight: 500;
-  text-decoration: none;
-  color: var(--ck-body-color);
-  background: none;
-  white-space: nowrap;
-  transition:
-    transform 100ms ease,
-    background-color 100ms ease;
-  transform: translateZ(0px);
-  &:before {
-    content: "";
-    background: currentColor;
-    position: absolute;
-    z-index: -1;
-    inset: 0 var(--ck-dropdown-active-inset, -8px);
-    border-radius: var(--ck-dropdown-active-border-radius, 12px);
-    opacity: 0;
-    transition: opacity 180ms ease;
-  }
-  &:after {
-    content: "";
-    position: absolute;
-    z-index: -1;
-    inset: 0 var(--ck-dropdown-active-inset, -8px);
-    border-radius: 12px;
-    opacity: 0;
-    transition: opacity 180ms ease;
-    outline: 2px solid var(--ck-focus-color);
-  }
-  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
-    font-size: 17px;
-    padding: 8px 0;
-  }
-  @media only screen and (min-width: ${defaultTheme.mobileWidth}px) {
-    &:hover {
-      &:before {
-        transition-duration: 80ms;
-        opacity: 0.05;
-      }
-    }
-  }
-  &:active {
-    transform: scale(0.99) translateZ(0px);
-  }
-  &:disabled {
-    //opacity: 0.4;
-    pointer-events: none;
-  }
-  &:focus-visible {
-    outline: none !important;
-    &:after {
-      opacity: 1;
-    }
-  }
+export const ChainButton = styled(motion.button) `
+  appearance: none;
+  cursor: pointer;
+  user-select: none;
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  border-radius: 11px;
+  margin: 0 0 1px;
+  padding: 8px 0;
+  padding-right: 154px;
+  font-size: 15px;
+  line-height: 18px;
+  font-weight: 500;
+  text-decoration: none;
+  color: var(--ck-body-color);
+  background: none;
+  white-space: nowrap;
+  transition:
+    transform 100ms ease,
+    background-color 100ms ease;
+  transform: translateZ(0px);
+  &:before {
+    content: "";
+    background: currentColor;
+    position: absolute;
+    z-index: -1;
+    inset: 0 var(--ck-dropdown-active-inset, -8px);
+    border-radius: var(--ck-dropdown-active-border-radius, 12px);
+    opacity: 0;
+    transition: opacity 180ms ease;
+  }
+  &:after {
+    content: "";
+    position: absolute;
+    z-index: -1;
+    inset: 0 var(--ck-dropdown-active-inset, -8px);
+    border-radius: 12px;
+    opacity: 0;
+    transition: opacity 180ms ease;
+    outline: 2px solid var(--ck-focus-color);
+  }
+  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
+    font-size: 17px;
+    padding: 8px 0;
+  }
+  @media only screen and (min-width: ${defaultTheme.mobileWidth}px) {
+    &:hover {
+      &:before {
+        transition-duration: 80ms;
+        opacity: 0.05;
+      }
+    }
+  }
+  &:active {
+    transform: scale(0.99) translateZ(0px);
+  }
+  &:disabled {
+    //opacity: 0.4;
+    pointer-events: none;
+  }
+  &:focus-visible {
+    outline: none !important;
+    &:after {
+      opacity: 1;
+    }
+  }
   ${(props) => props.$variant === "secondary" &&
-    css `
-      padding: 12px 4px;
-      margin: 0 0 8px;
-      &:last-child {
-        margin-bottom: 0;
-      }
-      &:before {
-        opacity: 0.05;
-      }
-      &:hover:before {
-        opacity: 0.1;
-      }
-    `}
+    css `
+      padding: 12px 4px;
+      margin: 0 0 8px;
+      &:last-child {
+        margin-bottom: 0;
+      }
+      &:before {
+        opacity: 0.05;
+      }
+      &:hover:before {
+        opacity: 0.1;
+      }
+    `}
 `;
-export const ChainButtonStatus = styled(motion.div) `
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  right: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  color: var(--ck-body-color-muted);
-  font-size: 15px;
-  line-height: 18px;
-  font-weight: 500;
-  padding-right: 4px;
-  span {
-    display: block;
-    position: relative;
-  }
-  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
-    font-size: 17px;
-    padding: 0;
-  }
+export const ChainButtonStatus = styled(motion.div) `
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  color: var(--ck-body-color-muted);
+  font-size: 15px;
+  line-height: 18px;
+  font-weight: 500;
+  padding-right: 4px;
+  span {
+    display: block;
+    position: relative;
+  }
+  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
+    font-size: 17px;
+    padding: 0;
+  }
 `;
-export const ChainButtonBg = styled(motion.div) `
-  position: absolute;
-  z-index: -1;
-  inset: 0 var(--ck-dropdown-active-inset, -8px);
-  background: var(--ck-dropdown-active-background, rgba(26, 136, 248, 0.1));
-  box-shadow var(--ck-dropdown-active-box-shadow);
-  border-radius: var(--ck-dropdown-active-border-radius, 12px);
-  
-  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
-    inset: 0 var(--ck-dropdown-active-inset, -8px);
-  }
+export const ChainButtonBg = styled(motion.div) `
+  position: absolute;
+  z-index: -1;
+  inset: 0 var(--ck-dropdown-active-inset, -8px);
+  background: var(--ck-dropdown-active-background, rgba(26, 136, 248, 0.1));
+  box-shadow var(--ck-dropdown-active-box-shadow);
+  border-radius: var(--ck-dropdown-active-border-radius, 12px);
+  
+  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
+    inset: 0 var(--ck-dropdown-active-inset, -8px);
+  }
 `;
 //# sourceMappingURL=styles.js.map

package/dist/components/ui/ConnectorList/index.d.ts

@@ -1,2 +1 @@
-declare const ConnectorList: () => import("react/jsx-runtime").JSX.Element;
-export default ConnectorList;
+export default function ConnectorList(): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/ConnectorList/index.js

@@ -3,24 +3,33 @@ import { ROUTES } from "../../../types/routes";
 import { ConnectorButton, ConnectorIcon, ConnectorLabel, ConnectorsContainer, RecentlyUsedTag, } from "./styles";
 import Alert from "../Alert";
 import { ScrollArea } from "../ScrollArea";
-import { useUniversalConnect } from "@coin-voyage/crypto/hooks";
-import { getConnectorId } from "@coin-voyage/crypto/lib/utils/connector";
+import { useLastConnector, useUniversalConnect } from "@coin-voyage/crypto/hooks";
 import { isWalletInstalled } from "@coin-voyage/crypto/lib/utils/is-wallet-installed";
 import { useIsMobile } from "@coin-voyage/shared/hooks";
 import { detectBrowser } from "@coin-voyage/shared/utils";
-import { useLastConnector } from "../../../hooks/useLastConnector";
+import useLocales from "../../../hooks/useLocales";
+import { useWalletConnectUri } from "../../../hooks/useWalletConnectUri";
 import { useWallets } from "../../../hooks/useWallets";
 import { walletConfigs } from "../../../lib/config/wallet";
-import { isCoinbaseWalletConnector, isWalletConnectConnector, } from "../../../utils";
+import { isCoinbaseWalletConnector, isMobileWalletConnector, isWalletConnectConnector, } from "../../../utils";
 import usePayContext from "../../contexts/pay";
-import { useWeb3 } from "../../contexts/web3";
-import useLocales from "../../../hooks/useLocales";
-const ConnectorList = () => {
+const ignoreHoist = ["walletConnect", "WalletConnect", "mobileWallet"];
+export default function ConnectorList() {
     const context = usePayContext();
+    const { connectorChainType } = context.paymentState;
     const isMobile = useIsMobile();
     const installedWallets = useWallets();
     const { lastConnectorId } = useLastConnector();
-    const walletsToDisplay = context.options?.hideRecentBadge || lastConnectorId === "walletConnect" // do not hoist walletconnect to top of list
+    const mobileWallet = walletConfigs["mobileWallet"];
+    if (isMobile && connectorChainType && mobileWallet.chainTypes?.includes(connectorChainType)) {
+        installedWallets.push({
+            id: "mobileWallet",
+            ...mobileWallet,
+            isInstalled: true,
+            connectors: [],
+        });
+    }
+    const walletsToDisplay = context.options?.hideRecentBadge || (lastConnectorId && ignoreHoist.includes(lastConnectorId))
         ? installedWallets
         : [
             // move last used wallet to top of list
@@ -28,20 +37,17 @@ const ConnectorList = () => {
             ...installedWallets.filter((wallet) => lastConnectorId === wallet.id),
             ...installedWallets.filter((wallet) => lastConnectorId !== wallet.id),
         ];
-    return (_jsxs(ScrollArea, { mobileDirection: "horizontal", children: [walletsToDisplay.length === 0 && _jsx(Alert, { error: true, children: "No wallets found." }), walletsToDisplay.length > 0 && (_jsx(ConnectorsContainer, { "$mobile": isMobile, "$totalResults": walletsToDisplay.length, children: walletsToDisplay.map((wallet) => (_jsx(ConnectorItem, { wallet: wallet, isRecent: wallet.id === lastConnectorId }, wallet.id))) }))] }));
-};
-export default ConnectorList;
+    return (_jsx(ScrollArea, { children: walletsToDisplay.length > 0 ? (_jsx(ConnectorsContainer, { "$totalResults": walletsToDisplay.length, children: walletsToDisplay.map((wallet) => (_jsx(ConnectorItem, { wallet: wallet, isRecent: wallet.id === lastConnectorId }, wallet.id))) })) :
+            _jsx(Alert, { error: true, children: "No wallets found." }) }));
+}
 const ConnectorItem = ({ wallet, isRecent, }) => {
     const locales = useLocales();
-    const { connect: { getUri }, } = useWeb3();
-    const uri = getUri();
+    const { uri } = useWalletConnectUri();
     const isMobile = useIsMobile();
     const { route, setRoute, options, paymentState } = usePayContext();
-    const { updateLastConnectorId } = useLastConnector();
     const { connect } = useUniversalConnect({
         onSuccess: (_, variables) => {
             if (variables?.connector) {
-                updateLastConnectorId(getConnectorId(variables.connector));
                 setRoute(ROUTES.SELECT_TOKEN);
             }
         },
@@ -53,31 +59,31 @@ const ConnectorItem = ({ wallet, isRecent, }) => {
     });
     const walletConfig = walletConfigs[wallet.id];
     let deeplink = !isWalletInstalled(wallet.id) && isMobile && walletConfig
-        ? walletConfig.getWalletConnectDeeplink?.(uri ?? "")
+        ? walletConfig.getWalletDeeplink?.(uri ?? "", paymentState.connectorChainType)
         : undefined;
-    const redirectToMoreWallets = isMobile && isWalletConnectConnector(wallet.id);
+    const redirectToMoreWallets = isMobile && (isWalletConnectConnector(wallet.id) || isMobileWalletConnector(wallet.id));
     // Safari requires opening popup on user gesture, so we connect immediately here
     const shouldConnectImmediately = (detectBrowser() === "safari" || detectBrowser() === "ios") &&
         isCoinbaseWalletConnector(wallet.id);
     if (redirectToMoreWallets || shouldConnectImmediately) {
         deeplink = undefined; // mobile redirects to more wallets page
     }
-    return (_jsxs(ConnectorButton, { type: "button", as: deeplink ? "a" : undefined, href: deeplink ? deeplink : undefined, disabled: route !== ROUTES.CONNECTORS, onClick: deeplink
-            ? undefined
-            : () => {
-                if (redirectToMoreWallets) {
-                    setRoute(ROUTES.MOBILECONNECTORS);
-                }
-                else {
-                    if (shouldConnectImmediately) {
-                        const walletConnector = wallet.connectors.find(w => w.chainType === paymentState.connectorChainType);
-                        if (!walletConnector)
-                            return;
-                        connect({ walletConnector: walletConnector });
-                    }
-                    setRoute(ROUTES.CONNECT);
-                    paymentState.setSelectedWallet(wallet);
-                }
-            }, children: [_jsx(ConnectorIcon, { "data-small": wallet.iconShouldShrink, "data-shape": wallet.iconShape, children: wallet.iconConnector ?? wallet.icon }), _jsxs(ConnectorLabel, { children: [isMobile ? (wallet.shortName ?? wallet.name) : wallet.name, !options?.hideRecentBadge && isRecent && (_jsx(RecentlyUsedTag, { children: locales.recent }))] })] }));
+    const handleClick = () => {
+        if (deeplink)
+            return;
+        if (redirectToMoreWallets) {
+            setRoute(ROUTES.MOBILECONNECTORS);
+            return;
+        }
+        if (shouldConnectImmediately) {
+            const walletConnector = wallet.connectors.find(w => w.chainType === paymentState.connectorChainType);
+            if (!walletConnector)
+                return;
+            connect({ walletConnector: walletConnector });
+        }
+        setRoute(ROUTES.CONNECT);
+        paymentState.setSelectedWallet(wallet);
+    };
+    return (_jsxs(ConnectorButton, { type: "button", as: deeplink ? "a" : undefined, href: deeplink, disabled: route !== ROUTES.CONNECTORS, onClick: handleClick, children: [_jsx(ConnectorIcon, { "data-small": wallet.iconShouldShrink, "data-shape": wallet.iconShape, children: wallet.iconConnector ?? wallet.icon }), _jsxs(ConnectorLabel, { children: [isMobile ? (wallet.shortName ?? wallet.name) : wallet.name, !options?.hideRecentBadge && isRecent && (_jsx(RecentlyUsedTag, { children: locales.recent }))] })] }));
 };
 //# sourceMappingURL=index.js.map

package/dist/components/ui/ConnectorList/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/ConnectorList/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAA;AAE9C,OAAO,EACL,eAAe,EACf,aAAa,EACb,cAAc,EACd,mBAAmB,EACnB,eAAe,GAChB,MAAM,UAAU,CAAA;AAEjB,OAAO,KAAK,MAAM,UAAU,CAAA;AAC5B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAA;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mDAAmD,CAAA;AAErF,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC1D,OAAO,EACL,yBAAyB,EACzB,wBAAwB,GACzB,MAAM,gBAAgB,CAAA;AACvB,OAAO,aAAa,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAC7C,OAAO,UAAU,MAAM,2BAA2B,CAAA;AAElD,MAAM,aAAa,GAAG,GAAG,EAAE;IACzB,MAAM,OAAO,GAAG,aAAa,EAAE,CAAA;IAC/B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAE9B,MAAM,gBAAgB,GAAG,UAAU,EAAE,CAAA;IACrC,MAAM,EAAE,eAAe,EAAE,GAAG,gBAAgB,EAAE,CAAA;IAE9C,MAAM,gBAAgB,GACpB,OAAO,CAAC,OAAO,EAAE,eAAe,IAAI,eAAe,KAAK,eAAe,CAAC,4CAA4C;QAClH,CAAC,CAAC,gBAAgB;QAClB,CAAC,CAAC;YACA,uCAAuC;YACvC,6EAA6E;YAC7E,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,eAAe,KAAK,MAAM,CAAC,EAAE,CAAC;YACrE,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,eAAe,KAAK,MAAM,CAAC,EAAE,CAAC;SACtE,CAAA;IAEL,OAAO,CACL,MAAC,UAAU,IAAC,eAAe,EAAE,YAAY,aACtC,gBAAgB,CAAC,MAAM,KAAK,CAAC,IAAI,KAAC,KAAK,IAAC,KAAK,wCAA0B,EACvE,gBAAgB,CAAC,MAAM,GAAG,CAAC,IAAI,CAC9B,KAAC,mBAAmB,eACT,QAAQ,mBACF,gBAAgB,CAAC,MAAM,YAErC,gBAAgB,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAChC,KAAC,aAAa,IAEZ,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,MAAM,CAAC,EAAE,KAAK,eAAe,IAFlC,MAAM,CAAC,EAAE,CAGd,CACH,CAAC,GACkB,CACvB,IACU,CACd,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA;AAE5B,MAAM,aAAa,GAAG,CAAC,EACrB,MAAM,EACN,QAAQ,GAIT,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,UAAU,EAAE,CAAA;IAC5B,MAAM,EACJ,OAAO,EAAE,EAAE,MAAM,EAAE,GACpB,GAAG,OAAO,EAAE,CAAA;IACb,MAAM,GAAG,GAAG,MAAM,EAAE,CAAA;IACpB,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAC9B,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,aAAa,EAAE,CAAA;IAElE,MAAM,EAAE,qBAAqB,EAAE,GAAG,gBAAgB,EAAE,CAAA;IAEpD,MAAM,EAAE,OAAO,EAAE,GAAG,mBAAmB,CAAC;QACtC,SAAS,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,EAAE;YAC1B,IAAI,SAAS,EAAE,SAAS,EAAE,CAAC;gBACzB,qBAAqB,CAAC,cAAc,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAA;gBAC1D,QAAQ,CAAC,MAAM,CAAC,YAAY,CAAC,CAAA;YAC/B,CAAC;QACH,CAAC;QACD,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,IAAI,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,uBAAuB,CAAC,EAAE,CAAC;gBACrE,OAAM;YACR,CAAC;QACH,CAAC;KACF,CAAC,CAAA;IAEF,MAAM,YAAY,GAAG,aAAa,CAAC,MAAM,CAAC,EAAE,CAAC,CAAA;IAE7C,IAAI,QAAQ,GACV,CAAC,iBAAiB,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,QAAQ,IAAI,YAAY;QACvD,CAAC,CAAC,YAAY,CAAC,wBAAwB,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC;QACpD,CAAC,CAAC,SAAS,CAAA;IAEf,MAAM,qBAAqB,GAAG,QAAQ,IAAI,wBAAwB,CAAC,MAAM,CAAC,EAAE,CAAC,CAAA;IAC7E,gFAAgF;IAChF,MAAM,wBAAwB,GAC5B,CAAC,aAAa,EAAE,KAAK,QAAQ,IAAI,aAAa,EAAE,KAAK,KAAK,CAAC;QAC3D,yBAAyB,CAAC,MAAM,CAAC,EAAE,CAAC,CAAA;IAEtC,IAAI,qBAAqB,IAAI,wBAAwB,EAAE,CAAC;QACtD,QAAQ,GAAG,SAAS,CAAA,CAAC,wCAAwC;IAC/D,CAAC;IAED,OAAO,CACL,MAAC,eAAe,IACd,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,EAC9B,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACrC,QAAQ,EAAE,KAAK,KAAK,MAAM,CAAC,UAAU,EACrC,OAAO,EACL,QAAQ;YACN,CAAC,CAAC,SAAS;YACX,CAAC,CAAC,GAAG,EAAE;gBACL,IAAI,qBAAqB,EAAE,CAAC;oBAC1B,QAAQ,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAA;gBACnC,CAAC;qBAAM,CAAC;oBACN,IAAI,wBAAwB,EAAE,CAAC;wBAC7B,MAAM,eAAe,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,KAAK,YAAY,CAAC,kBAAkB,CAAC,CAAA;wBACpG,IAAI,CAAC,eAAe;4BAAE,OAAM;wBAC5B,OAAO,CAAC,EAAE,eAAe,EAAE,eAAe,EAAE,CAAC,CAAA;oBAC/C,CAAC;oBACD,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;oBACxB,YAAY,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAA;gBACxC,CAAC;YACH,CAAC,aAGL,KAAC,aAAa,kBACA,MAAM,CAAC,gBAAgB,gBACvB,MAAM,CAAC,SAAS,YAE3B,MAAM,CAAC,aAAa,IAAI,MAAM,CAAC,IAAI,GACtB,EAChB,MAAC,cAAc,eACZ,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAC1D,CAAC,OAAO,EAAE,eAAe,IAAI,QAAQ,IAAI,CACxC,KAAC,eAAe,cACb,OAAO,CAAC,MAAM,GACC,CACnB,IACc,IACD,CACnB,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/ConnectorList/index.tsx"],"names":[],"mappings":"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"}