{"version":3,"file":"static/chunks/671-e676978ba77ed145.js","mappings":"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","sources":["webpack://_N_E/./src/app/containers/utils/errorHelpers.tsx","webpack://_N_E/./src/ui/Common/components/Popup/styles.tsx","webpack://_N_E/./src/ui/Common/components/Popup/Popup.tsx","webpack://_N_E/./src/ui/Icons/assets/images/eternl.png","webpack://_N_E/./src/ui/Icons/components/EternlLogo.tsx","webpack://_N_E/./src/ui/Icons/components/MetamaskLogo.tsx","webpack://_N_E/./src/ui/Icons/components/NamiLogo.tsx","webpack://_N_E/./src/ui/Common/components/WalletLogo/WalletLogo.tsx","webpack://_N_E/./src/ui/CreateWallet/components/LinkWallet/styles.ts","webpack://_N_E/./src/ui/Icons/components/LinkWalletIcon.tsx","webpack://_N_E/./src/ui/CreateWallet/components/LinkWallet/LinkWallet.tsx"],"sourcesContent":["import { CryptoUserError } from 'crypto/interface'\nimport { useCallback } from 'react'\nimport { Button, ButtonVariant } from 'ui/Common/components/Button'\nimport {\n  NotificationType,\n  useNotifications,\n} from 'ui/Common/components/Notifications'\nimport { AddNotificationType } from 'ui/Common/components/Notifications/interface'\n\n/**\n * Hook that wraps multiple steps of reporting crypto user errors.\n *\n * This is targeted specifically crypto errors.\n * For other types of errors another helper should be created.\n */\nexport function useReportCryptoUserError() {\n  const { addNotification, removeNotification } = useNotifications()\n\n  const reportCryptoUserError = useCallback(\n    (message: string, error: unknown, actionCallback?: () => void) => {\n      let newNotificationId: string | undefined = undefined\n      const notification = cryptoErrorToNotification(error)\n      const isInfo = notification?.type === NotificationType.Info\n\n      function handleButtonClick() {\n        actionCallback?.()\n\n        if (newNotificationId) {\n          removeNotification(newNotificationId)\n        }\n      }\n\n      // action - only on \"INSUFFICIENT_COLLATERAL\" error\n      const actions =\n        error instanceof CryptoUserError &&\n        error.code === 'INSUFFICIENT_COLLATERAL'\n          ? [\n              <Button\n                key=\"learn-more\"\n                variant={ButtonVariant.SecondarySmall}\n                onClick={handleButtonClick}\n              >\n                LEARN MORE\n              </Button>,\n            ]\n          : undefined\n\n      // create error notification\n      newNotificationId = addNotification({\n        title: isInfo ? undefined : message,\n        content: notification?.content,\n        type: notification?.type || NotificationType.Error,\n        // if info, don't persist notification\n        persist: !isInfo,\n        actions,\n      })\n\n      // log error\n      console.error(error)\n    },\n    [addNotification, removeNotification]\n  )\n\n  return { reportCryptoUserError }\n}\n\n/** Crypto error notifications */\nconst CRYPTO_ERROR_NOTIFICATIONS: Record<string, AddNotificationType> = {\n  // --- Crypto user notifications\n  //\n  CANNOT_COVER_FEE: {\n    content: 'Not enough ADA on wallet for fee',\n    type: NotificationType.Error,\n  },\n  NOT_ENOUGH_MONEY: {\n    content: 'Not enough funds on wallet',\n    type: NotificationType.Error,\n  },\n  INSUFFICIENT_COLLATERAL: {\n    content: 'Please add collateral to your wallet',\n    type: NotificationType.Error,\n  },\n  //\n  INSUFFICIENT_TRANSACTION_INPUT: {\n    content: 'Not enough ada for transaction fee',\n    type: NotificationType.Error,\n  },\n  INSUFFICIENT_MATIC_FUND: {\n    content: 'Not enough MATIC for transaction fee',\n    type: NotificationType.Error,\n  },\n  INSUFFICIENT_ADA_FUND: {\n    content: 'Not enough ADA for transaction fee',\n    type: NotificationType.Error,\n  },\n  //\n  CANNOT_BALANCE_BY_AKAMON_API: {\n    content: 'Cannot balance transaction due to insufficient funds',\n    type: NotificationType.Error,\n  },\n  //\n  NAMI_NOT_LINKED: {\n    content: 'Nami is not linked',\n    type: NotificationType.Error,\n  },\n  NAMI_TRANSACTION_CANCELED: {\n    content: 'Transaction canceled',\n    type: NotificationType.Info,\n  },\n  NAMI_UNEXPECTED_ERROR: {\n    content: 'Unexpected Nami error',\n    type: NotificationType.Error,\n  },\n  ETERNL_NOT_LINKED: {\n    content: 'Eternl is not linked',\n    type: NotificationType.Error,\n  },\n  ETERNL_TRANSACTION_CANCELED: {\n    content: 'Transaction canceled',\n    type: NotificationType.Info,\n  },\n  ETERNL_UNEXPECTED_ERROR: {\n    content: 'Unexpected Eternl error',\n    type: NotificationType.Error,\n  },\n  METAMASK_TRANSACTION_CANCELED: {\n    content: 'Transaction canceled',\n    type: NotificationType.Info,\n  },\n  NETWORK_SWITCH_REJECTED: {\n    content: 'Network switch rejected',\n    type: NotificationType.Info,\n  },\n}\n\n/**\n * Map crypto error object to notification interface.\n *\n * If code or label for that code is not found it fallbacks to technical message.\n */\nexport function cryptoErrorToNotification(\n  error: unknown\n): AddNotificationType | undefined {\n  const code = error instanceof CryptoUserError && error.code\n  if (code) {\n    return CRYPTO_ERROR_NOTIFICATIONS[code]\n  }\n}\n","import styled, { keyframes } from 'styled-components'\n\nconst _backdrop = keyframes`\n  from {\n    backdrop-filter: blur(0);\n    background-color: rgba(0, 0, 0, 0);\n  } to {\n    backdrop-filter: blur(4px);\n    background-color: rgba(0, 0, 0, 0.2);\n  }\n`\n\nexport const Backdrop = styled.div`\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 100;\n  height: 100%;\n  width: 100%;\n\n  animation: ${_backdrop} 0.1s;\n  animation-fill-mode: forwards;\n`\n\nconst _close = keyframes`\n  from {\n    transform: scale(0);\n  } to {\n    transform: scale(1);\n  }\n`\n\nexport const CloseButton = styled.button`\n  position: absolute;\n  z-index: 20;\n  top: ${(p) => p.theme.spacing.xxs}px;\n  left: ${(p) => p.theme.spacing.xxs}px;\n  outline: none;\n  border: none;\n  cursor: pointer;\n  width: ${(p) => p.theme.spacing.m}px;\n  height: ${(p) => p.theme.spacing.m}px;\n  border-radius: ${(p) => p.theme.container.borderRadius.xss}px;\n  line-height: ${(p) => p.theme.spacing.m}px;\n\n  transform: scale(0);\n\n  animation: ${_close} 0.1s ease-in;\n  animation-fill-mode: forwards;\n  animation-delay: 0.6s;\n\n  background-color: ${(p) => p.theme.colors.grey.grey3};\n\n  :hover {\n    background-color: ${(p) => p.theme.colors.grey.grey4};\n  }\n`\n\nexport const Content = styled.div`\n  height: 100%;\n  width: 100%;\n`\n\nconst _wrapper = keyframes`\n  from {\n    top: 50px;\n    opacity:0;\n  } to {\n    top: 0;\n    opacity: 1;\n  }\n`\n\nexport const Popup = styled.div`\n  & .ma-popup__wrapper--center {\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n\n  & .ma-popup__wrapper--bottomLeft {\n    top: auto;\n    bottom: ${(p) => p.theme.spacing.mm}px;\n    left: ${(p) => p.theme.spacing.m}px;\n  }\n\n  & .ma-popup__wrapper--bottomRight {\n    top: auto;\n    bottom: ${(p) => p.theme.spacing.mm}px;\n    right: ${(p) => p.theme.spacing.m}px;\n  }\n\n  & .ma-popup__wrapper--topLeft {\n    top: ${(p) => p.theme.spacing.mm}px;\n    bottom: auto;\n    left: ${(p) => p.theme.spacing.m}px;\n  }\n\n  & .ma-popup__wrapper--topRight {\n    top: ${(p) => p.theme.spacing.mm}px;\n    bottom: auto;\n    right: ${(p) => p.theme.spacing.m}px;\n  }\n`\n\nexport const Wrapper = styled.div`\n  z-index: 101;\n  position: absolute;\n\n  > ${Content} {\n    opacity: 0;\n\n    animation: ${_wrapper} 0.3s ease-in;\n    animation-delay: 0.1s;\n    animation-fill-mode: forwards;\n  }\n`\n","import * as S from './styles'\nimport { ReactNode, useEffect } from 'react'\nimport { createPortal } from 'react-dom'\nimport { CloseIcon } from 'ui/Icons/components/CloseIcon'\n\nexport type PositionVariant =\n  | 'center'\n  | 'bottomLeft'\n  | 'bottomRight'\n  | 'topLeft'\n  | 'topRight'\n\ninterface PopupInterface {\n  children: ReactNode\n  position?: PositionVariant\n  onClose?: () => void\n}\n\nexport function Popup({\n  onClose,\n  children,\n  position = 'center',\n}: PopupInterface) {\n  useEffect(() => {\n    // prevent scrolling of a page content\n    document.body.style.overflow = 'hidden'\n\n    return () => {\n      document.body.style.overflow = 'initial'\n    }\n  }, [])\n\n  // render popup outside of current container to avoid possible overflows and relative parents\n  return createPortal(\n    <S.Popup>\n      <S.Backdrop onClick={onClose} />\n\n      <S.Wrapper className={`ma-popup__wrapper--${position}`}>\n        <S.CloseButton onClick={onClose}>\n          <CloseIcon width={12} height={12} fill=\"#4D5461\" />\n        </S.CloseButton>\n\n        <S.Content>{children}</S.Content>\n      </S.Wrapper>\n    </S.Popup>,\n    document.body\n  )\n}\n","export default {\"src\":\"/_next/static/media/eternl.910a1bc6.png\",\"height\":128,\"width\":128,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAABE0lEQVR4nAEIAff+Abvlf5ibFTxL7fwp4vn4GQAK7gEBCvAA/ArxAB4F9wC4Afu7H+O8LlY8SRZcIUbrJhUP3QgBDOz//gL8ANcD+wC1Af+iIcUAC997vTOOsEQWb7BR1QL4Duj/Bgf2AIgJ8gCmAf6ONcX+Ag+QA/a8THR6/3wfZ/tm8BIF9P0J/6z5CwCuAf54SMX+6hyQA/zxTAETqnyQ/v1m7RMD9AP//6wC/ACuAf5lW8UB5hJ79/sYsNwFLbDjAiv45wcfBvgLA4j2Ev+mAf5TbOMB8Qo87gIbIeYGIxXfByoB6wYb/vgEBtf9B/+1Af9IdZj5/Q5L7AMa4u4EFwDuAxgB8AMV/O8EFh/4BQi3Fc15OOYmyM8AAAAASUVORK5CYII=\"};","import Image from '../assets/images/eternl.png'\nimport * as React from 'react'\n\n// This is a placeholder, just embedded Eternl image\nexport const EternlLogo: React.VFC<React.SVGProps<SVGSVGElement>> = (props) => {\n  return (\n    <svg viewBox=\"0 0 24 24\" {...props}>\n      <circle cx=\"12\" cy=\"12\" r=\"12\" fill=\"#fff\" />\n      <image xlinkHref={Image.src} x=\"4\" y=\"4\" width=\"16\" height=\"16\" />\n    </svg>\n  )\n}\n\nexport default EternlLogo\n","import * as React from 'react'\n\nfunction MetamaskLogo(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      <g\n        transform=\"translate(3 4)\"\n        fillRule=\"nonzero\"\n        stroke=\"none\"\n        strokeWidth={1}\n        fill=\"none\"\n      >\n        <path\n          fill=\"#CDBDB2\"\n          d=\"M4.94415115 14.185673L7.20835502 14.7864103 7.20835502 14.0008434 7.39318464 13.8160138 8.68699195 13.8160138 8.68699195 14.7401619 8.68699195 15.3870655 7.30076983 15.3870655 5.59105481 14.6477471z\"\n        />\n        <path\n          fill=\"#CDBDB2\"\n          transform=\"matrix(-1 0 0 1 20.978 0)\"\n          d=\"M8.64074347 14.185673L10.8586989 14.7864103 10.8586989 14.0008434 11.0435285 13.8160138 12.3373358 13.8160138 12.3373358 14.7401619 12.3373358 15.3870655 10.9511137 15.3870655 9.24148079 14.6477471z\"\n        />\n        <path\n          fill=\"#393939\"\n          d=\"M7.39318464 12.4760401L7.20835502 14.0008434 7.43935097 13.8160138 9.84213597 13.8160138 10.1193804 14.0008434 9.93455078 12.4760401 9.56489155 12.2449621 7.71659539 12.2912105z\"\n        />\n        <path\n          fill=\"#F89C35\"\n          d=\"M6.14554366 2.17174799L7.25452135 4.75936261 7.76284387 12.2912105 9.56489155 12.2912105 10.1193804 4.75936261 11.1359433 2.17174799z\"\n        />\n        <path\n          fill=\"#F89D35\"\n          d=\"M1.29380731 7.85529975L0 11.5980584 3.23451828 11.4132288 5.31381038 11.4132288 5.31381038 9.79601072 5.22139558 6.46907763 4.75932154 6.83873686z\"\n        />\n        <path\n          fill=\"#D87C30\"\n          d=\"M3.74275865 8.27112531L7.53176577 8.36354012 7.11594021 10.3042511 5.31381038 9.84217705z\"\n        />\n        <path\n          fill=\"#EA8D3A\"\n          d=\"M3.74275865 8.31737379L5.31381038 9.79601072 5.31381038 11.2746476z\"\n        />\n        <path\n          fill=\"#F89D35\"\n          d=\"M5.31381038 9.84217705L7.16210654 10.3042511 7.76284387 12.2912105 7.34693616 12.5222065 5.31381038 11.320814z\"\n        />\n        <path\n          fill=\"#EB8F35\"\n          d=\"M5.31381038 11.320814L4.94415115 14.185673 7.39318464 12.4760401z\"\n        />\n        <path\n          fill=\"#EA8E3A\"\n          d=\"M7.53176577 8.36354012L7.76284387 12.2912105 7.06969173 10.2811679z\"\n        />\n        <path\n          fill=\"#D87C30\"\n          d=\"M3.1882698 11.3670625L5.31381038 11.320814 4.94415115 14.185673z\"\n        />\n        <path\n          fill=\"#EB8F35\"\n          d=\"M1.01656289 15.433314L4.94415115 14.185673 3.1882698 11.3670625 -2.9184298e-16 11.5980584z\"\n        />\n        <path\n          fill=\"#E8821E\"\n          d=\"M7.25452135 4.75936261L5.26764405 6.42282915 3.74275865 8.27112531 7.53176577 8.4097886z\"\n        />\n        <path\n          fill=\"#DFCEC3\"\n          d=\"M4.94415115 14.185673L7.39318464 12.4760401 7.20835502 13.9546771 7.20835502 14.7864103 5.54488848 14.4629174z\"\n        />\n        <path\n          fill=\"#DFCEC3\"\n          transform=\"matrix(-1 0 0 1 22.272 0)\"\n          d=\"M9.93455078 14.185673L12.3373358 12.4760401 12.1525062 13.9546771 12.1525062 14.7864103 10.4890396 14.4629174z\"\n        />\n        <path\n          fill=\"#393939\"\n          transform=\"matrix(-1 0 0 1 12.245 0)\"\n          d=\"M5.72971809 9.19527339L5.22139558 10.2580848 7.0235254 9.79601072z\"\n        />\n        <path\n          fill=\"#E88F35\"\n          d=\"M0.97031441 0.0000410725908L7.25452135 4.75936261 6.19179213 2.17174799z\"\n        />\n        <path\n          d=\"M.97 0L.14 2.541.6 5.314l-.324.185.462.416-.37.323.509.462-.324.277.74.924L4.759 6.84c1.695-1.356 2.526-2.049 2.496-2.08C7.224 4.73 5.129 3.142.97 0z\"\n          fill=\"#8E5A30\"\n        />\n        <g transform=\"matrix(-1 0 0 1 17.281 0)\">\n          <path\n            fill=\"#F89D35\"\n            d=\"M1.29380731 7.85529975L-2.00642049e-16 11.5980584 3.23451828 11.4132288 5.31381038 11.4132288 5.31381038 9.79601072 5.22139558 6.46907763 4.75932154 6.83873686z\"\n          />\n          <path\n            fill=\"#D87C30\"\n            d=\"M3.74275865 8.27112531L7.53176577 8.36354012 7.11594021 10.3042511 5.31381038 9.84217705z\"\n          />\n          <path\n            fill=\"#EA8D3A\"\n            d=\"M3.74275865 8.31737379L5.31381038 9.79601072 5.31381038 11.2746476z\"\n          />\n          <path\n            fill=\"#F89D35\"\n            d=\"M5.31381038 9.84217705L7.16210654 10.3042511 7.76284387 12.2912105 7.34693616 12.5222065 5.31381038 11.320814z\"\n          />\n          <path\n            fill=\"#EB8F35\"\n            d=\"M5.31381038 11.320814L4.94415115 14.185673 7.34693616 12.5222065z\"\n          />\n          <path\n            fill=\"#EA8E3A\"\n            d=\"M7.53176577 8.36354012L7.76284387 12.2912105 7.06969173 10.2811679z\"\n          />\n          <path\n            fill=\"#D87C30\"\n            d=\"M3.1882698 11.3670625L5.31381038 11.320814 4.94415115 14.185673z\"\n          />\n          <path\n            fill=\"#EB8F35\"\n            d=\"M1.01656289 15.433314L4.94415115 14.185673 3.1882698 11.3670625 -2.00642049e-16 11.5980584z\"\n          />\n          <path\n            fill=\"#E8821E\"\n            d=\"M7.25452135 4.75936261L5.26764405 6.42282915 3.74275865 8.27112531 7.53176577 8.4097886z\"\n          />\n          <path\n            fill=\"#393939\"\n            transform=\"matrix(-1 0 0 1 12.245 0)\"\n            d=\"M5.72971809 9.19527339L5.22139558 10.2580848 7.0235254 9.79601072z\"\n          />\n          <path\n            fill=\"#E88F35\"\n            d=\"M0.97031441 0.0000410725908L7.25452135 4.75936261 6.19179213 2.17174799z\"\n          />\n          <path\n            d=\"M.97 0L.14 2.541.6 5.314l-.324.185.462.416-.37.323.509.462-.324.277.74.924L4.759 6.84c1.695-1.356 2.526-2.049 2.496-2.08C7.224 4.73 5.129 3.142.97 0z\"\n            fill=\"#8E5A30\"\n          />\n        </g>\n      </g>\n    </svg>\n  )\n}\n\nexport default MetamaskLogo\n","import * as React from 'react'\n\nfunction NamiLogo(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      <circle fill=\"white\" cx=\"12\" cy=\"12\" r=\"12\" />\n      <g fill=\"#349EA3\" transform=\"translate(5.000000, 5.000000)\">\n        <path d=\"M2.2172048,1.56473652 L1.86413838,1.20230042 C1.83841204,1.53457834 1.58743882,1.80548127 1.2580907,1.85647416 L1.61967501,2.1933566 L14.5898619,14.2849234 L2.2172048,1.56473652 Z M3.07325246,5.06899531 L3.07325246,12.2874788 C3.32898546,12.0184582 3.74828308,11.9904927 4.0374773,12.2231688 L4.0374773,7.38032401 L11.8522129,15 L13.1988909,15 L3.07325246,5.06899531 Z M12.1767444,3.4016189 C11.9906458,3.4020033 11.8116754,3.33007919 11.6775962,3.20102265 L11.6775962,8.08645685 L4.00553522,0.467206755 L2.5195898,0.467206755 L12.6426728,10.3764908 L12.6426728,3.22870579 C12.5131099,3.34032812 12.3477593,3.40169226 12.1767444,3.4016189 Z\" />\n        <path d=\"M1.14863585,3.21028335e-07 C0.514898322,-0.000468572762 0.000706239131,0.512771846 7.23782058e-07,1.14650916 C-0.00070334102,1.78024647 0.512345905,2.2946293 1.14608291,2.29557096 C1.77981992,2.29651003 2.29439342,1.78365203 2.29556936,1.14991541 L2.29556936,1.14991541 C2.29556936,0.515997457 1.78255168,0.00164413349 1.14863585,3.21028335e-07 Z M1.2580907,1.85434469 C1.22189843,1.86015858 1.18529183,1.86300735 1.14863585,1.86286782 C0.857997792,1.86320708 0.595778258,1.68841881 0.484277315,1.4200196 C0.372776372,1.15162038 0.43395835,0.842481592 0.639287771,0.6367866 C0.844617192,0.431091607 1.15364666,0.36935982 1.42224379,0.48038315 C1.69084093,0.59140648 1.86609536,0.85331468 1.86626785,1.14395289 L1.86626785,1.20017095 C1.84033453,1.53312603 1.58827548,1.80424837 1.2580907,1.85434469 L1.2580907,1.85434469 Z\" />\n        <path d=\"M12.1767444,1.53747867 C11.5552478,1.55441467 11.0602239,2.06311139 11.0602239,2.68483869 C11.0602239,3.30656599 11.5552478,3.8152627 12.1767444,3.83220389 C12.3373521,3.83271321 12.4962133,3.79887898 12.6426728,3.73296471 C13.1382853,3.51329359 13.4124095,2.97661458 13.2998679,2.44631137 C13.1873264,1.91600816 12.7188577,1.53692306 12.1767444,1.53747867 Z M12.6426728,3.22998347 C12.3863003,3.44883556 12.012165,3.45976062 11.7434589,3.25624127 C11.4747528,3.05272191 11.3839083,2.68961881 11.5251191,2.38354265 C11.6663299,2.07746649 12.0015312,1.91092315 12.3307572,1.98326477 C12.6599833,2.05560638 12.8944879,2.34733255 12.8943764,2.68441279 C12.893991,2.89389642 12.8020372,3.09274058 12.6426728,3.22870579 L12.6426728,3.22998347 Z\" />\n        <path d=\"M4.03918087,11.7274277 C3.57196388,11.5291006 3.02997817,11.6605553 2.70553769,12.0508933 C2.3810972,12.4412313 2.35095048,12.9981156 2.63135681,13.4211967 C2.91176314,13.8442779 3.43639056,14.0334733 3.92228714,13.8867427 C4.40818372,13.740012 4.74040741,13.2920653 4.73977799,12.7844975 C4.73984257,12.3235063 4.46409801,11.9072058 4.03960677,11.7274277 L4.03918087,11.7274277 Z M3.58986232,13.5021297 C3.19358064,13.5018944 2.87249951,13.1804955 2.87265622,12.7842138 C2.87281304,12.3879321 3.19414835,12.0667873 3.5904301,12.0668657 C3.98671184,12.066944 4.30792021,12.3882158 4.30792021,12.7844975 C4.30792021,12.9748992 4.23225435,13.1574963 4.09758011,13.2920906 C3.96290588,13.426685 3.78026394,13.5022425 3.58986232,13.5021297 Z\" />\n      </g>\n    </svg>\n  )\n}\n\nexport default NamiLogo\n","import { WalletId } from 'crypto/interface'\nimport React from 'react'\nimport EternlLogo from 'ui/Icons/components/EternlLogo'\nimport MeldLogo from 'ui/Icons/components/MeldLogo'\nimport MetamaskLogo from 'ui/Icons/components/MetamaskLogo'\nimport NamiLogo from 'ui/Icons/components/NamiLogo'\n\nfunction WalletLogo({\n  walletId,\n  ...props\n}: { walletId: WalletId } & React.SVGProps<SVGSVGElement>) {\n  switch (walletId) {\n    case 'metamask':\n      return <MetamaskLogo {...props} />\n    case 'nami':\n      return <NamiLogo {...props} />\n    case 'eternl':\n      return <EternlLogo {...props} />\n    default:\n      return <MeldLogo {...props} />\n  }\n}\n\nexport default WalletLogo\n","import styled from 'styled-components'\n\nexport const Header = styled.div`\n  height: 298px;\n  position: relative;\n`\n\nexport const CloseIcon = styled.div`\n  top: 8px;\n  left: 0;\n  position: absolute;\n\n  cursor: pointer;\n  width: 32px;\n  height: 32px;\n  border-radius: 4px;\n\n  background-color: ${(p) => p.theme.colors.grey.grey3};\n\n  > svg {\n    margin: auto;\n    display: block;\n    height: 100%;\n  }\n`\n\nexport const LinkWallet = styled.div`\n  width: 592px;\n  padding: 0 8px 4px;\n  border-radius: 12px;\n  box-shadow: 0 32px 64px 0 rgba(0, 0, 0, 0.1);\n  background-color: #f2f3f4;\n`\n\nexport const WalletListItem = styled.div`\n  width: 576px;\n  height: 88px;\n  padding: 30px 32px 30px 44px;\n  margin-bottom: 4px;\n  border-radius: 8px;\n  background-color: #fff;\n\n  justify-content: space-between;\n\n  display: flex;\n  align-items: center;\n`\n","import React from 'react'\n\nexport const LinkWalletIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    width={props.width || 92}\n    height={props.height || 92}\n    viewBox=\"0 0 92 92\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <g fillRule=\"nonzero\" fill=\"none\">\n      <path\n        d=\"M81.139 26.833h-22.55c.123 1.06.186 2.127.189 3.195a28.728 28.728 0 0 1-51.111 18.03v23.498c0 7.057 5.72 12.777 12.777 12.777H81.14a3.194 3.194 0 0 0 3.194-3.194V30.028a3.194 3.194 0 0 0-3.194-3.195zm-15.972 35.14a6.389 6.389 0 1 1 0-12.779 6.389 6.389 0 0 1 0 12.778z\"\n        fill=\"#000\"\n      />\n      <g transform=\"translate(7 7)\">\n        <circle fill=\"#FD003D\" cx=\"23\" cy=\"23\" r=\"23\" />\n        <circle fill=\"#FD003D\" cx=\"23\" cy=\"23\" r=\"20\" />\n        <g fill=\"#FFF\">\n          <path d=\"M31.25 28.5h-6.417v-1.833h6.417c.506 0 .917-.41.917-.917v-5.5a.917.917 0 0 0-.917-.917h-6.417V17.5h6.417A2.75 2.75 0 0 1 34 20.25v5.5a2.75 2.75 0 0 1-2.75 2.75zM21.167 28.5H14.75A2.75 2.75 0 0 1 12 25.75v-5.5a2.75 2.75 0 0 1 2.75-2.75h6.417v1.833H14.75a.917.917 0 0 0-.917.917v5.5c0 .506.41.917.917.917h6.417V28.5z\" />\n          <path d=\"M26.667 23.917h-7.334a.917.917 0 0 1 0-1.834h7.334a.917.917 0 0 1 0 1.834z\" />\n        </g>\n      </g>\n    </g>\n  </svg>\n)\n","import * as S from './styles'\nimport { push } from '@socialgouv/matomo-next'\nimport { useReportCryptoUserError } from 'app/containers/utils/errorHelpers'\nimport { LinkResult, LinkWalletStatus } from 'crypto/interface'\nimport React, { ReactNode, useCallback } from 'react'\nimport Box from 'ui/Common/components/Box'\nimport { Button, ButtonVariant } from 'ui/Common/components/Button'\nimport {\n  NotificationType,\n  useNotifications,\n} from 'ui/Common/components/Notifications'\nimport Text from 'ui/Common/components/Text'\nimport WalletLogo from 'ui/Common/components/WalletLogo'\nimport { isAkamonEnabled, isEternlEnabled } from 'ui/Common/config'\nimport { LinkWalletIcon } from 'ui/Icons/components/LinkWalletIcon'\n\nfunction Header() {\n  return (\n    <S.Header>\n      {/* <S.CloseIcon>\n        <CloseIcon width={12} height={12} fill=\"#4D5461\" />\n      </S.CloseIcon> */}\n      <Box\n        d=\"flex\"\n        style={{\n          flexDirection: 'column',\n          alignItems: 'center',\n          justifyContent: 'center',\n          height: '100%',\n        }}\n      >\n        <LinkWalletIcon />\n        <Text m=\"24px 0 4px 0\" color=\"grey.grey10\" variant=\"heading.6\">\n          LINK WALLET\n        </Text>\n      </Box>\n    </S.Header>\n  )\n}\n\ntype WalletListItemProps = {\n  name: string\n  link: () => Promise<LinkResult>\n  status: LinkWalletStatus\n  icon: ReactNode\n  onSuccess: () => void\n  comingSoon?: boolean\n}\n\nfunction WalletListItem({\n  name,\n  link,\n  status,\n  icon,\n  onSuccess,\n  comingSoon,\n}: WalletListItemProps) {\n  const { addNotification } = useNotifications()\n\n  return (\n    <S.WalletListItem>\n      <Box d={'flex'} style={{ alignItems: 'center' }}>\n        {icon}\n        <Text\n          style={{ textTransform: 'uppercase', marginLeft: '28px' }}\n          color=\"grey.grey10\"\n          variant=\"heading.8\"\n        >\n          {name}\n        </Text>\n      </Box>\n      <Button\n        variant={ButtonVariant.Secondary}\n        onClick={async () => {\n          if (comingSoon) return\n          const result = await link()\n          if (result === 'ok') {\n            addNotification({\n              type: NotificationType.Success,\n              content: `Successfully connected ${name}!`,\n            })\n            push(['trackEvent', 'Wallet', 'LinkWallet', name])\n\n            onSuccess()\n\n            return\n          }\n          addNotification({\n            type: NotificationType.Error,\n            content: `Failed to connect ${name}!`,\n          })\n        }}\n        disabled={comingSoon || status !== 'unlinked'}\n        // Style override for a disabled state of the secondary button variant\n        style={\n          comingSoon\n            ? {\n                color: '#e5e6eb',\n                borderColor: '#e5e6eb',\n                backgroundColor: '#fff',\n              }\n            : {}\n        }\n      >\n        {comingSoon\n          ? 'Coming soon'\n          : status === 'linked'\n          ? 'CONNECTED'\n          : status === 'linking'\n          ? 'LINKING'\n          : status === 'unavailable'\n          ? 'UNAVAILABLE'\n          : 'CONNECT'}\n      </Button>\n    </S.WalletListItem>\n  )\n}\n\nfunction LinkWallet({\n  linkMetamask,\n  linkNami,\n  linkEternl,\n  metamaskStatus,\n  namiStatus,\n  eternlStatus,\n  onSuccess,\n}: {\n  linkMetamask: () => Promise<LinkResult>\n  linkNami: () => Promise<LinkResult>\n  linkEternl: () => Promise<LinkResult>\n  metamaskStatus: LinkWalletStatus\n  namiStatus: LinkWalletStatus\n  eternlStatus: LinkWalletStatus\n  onSuccess: () => void\n}) {\n  const { reportCryptoUserError } = useReportCryptoUserError()\n\n  const linkMetamaskInSwitch = useCallback(async () => {\n    return await linkMetamask().catch((error) => {\n      reportCryptoUserError('Chain switch failed', error)\n      if (error.code === 'NETWORK_SWITCH_REJECTED') return 'ok'\n      else return 'unknown'\n    })\n  }, [linkMetamask, reportCryptoUserError])\n\n  return (\n    <S.LinkWallet>\n      <Header />\n      <WalletListItem\n        name=\"Metamask wallet\"\n        link={linkMetamaskInSwitch}\n        status={metamaskStatus}\n        icon={<WalletLogo walletId=\"metamask\" width={24} height={24} />}\n        onSuccess={onSuccess}\n        comingSoon={!isAkamonEnabled}\n      />\n      <WalletListItem\n        name=\"Nami wallet\"\n        link={linkNami}\n        status={namiStatus}\n        icon={<WalletLogo walletId=\"nami\" width={24} height={24} />}\n        onSuccess={onSuccess}\n      />\n      {isEternlEnabled && (\n        <WalletListItem\n          name=\"Eternl wallet\"\n          link={linkEternl}\n          status={eternlStatus}\n          icon={<WalletLogo walletId=\"eternl\" width={24} height={24} />}\n          onSuccess={onSuccess}\n        />\n      )}\n    </S.LinkWallet>\n  )\n}\n\nexport default LinkWallet\n"],"names":["useReportCryptoUserError","useNotifications","addNotification","removeNotification","reportCryptoUserError","useCallback","message","error","actionCallback","newNotificationId","undefined","notification","code","CryptoUserError","CRYPTO_ERROR_NOTIFICATIONS","cryptoErrorToNotification","isInfo","type","NotificationType","actions","Button","variant","ButtonVariant","onClick","title","content","persist","console","CANNOT_COVER_FEE","NOT_ENOUGH_MONEY","INSUFFICIENT_COLLATERAL","INSUFFICIENT_TRANSACTION_INPUT","INSUFFICIENT_MATIC_FUND","INSUFFICIENT_ADA_FUND","CANNOT_BALANCE_BY_AKAMON_API","NAMI_NOT_LINKED","NAMI_TRANSACTION_CANCELED","NAMI_UNEXPECTED_ERROR","ETERNL_NOT_LINKED","ETERNL_TRANSACTION_CANCELED","ETERNL_UNEXPECTED_ERROR","METAMASK_TRANSACTION_CANCELED","NETWORK_SWITCH_REJECTED","_backdrop","keyframes","Backdrop","styled","_close","CloseButton","p","theme","spacing","xxs","m","container","borderRadius","xss","colors","grey","grey3","grey4","Content","_wrapper","Popup","mm","Wrapper","onClose","children","position","useEffect","document","body","style","overflow","createPortal","S","className","CloseIcon","width","height","fill","props","svg","viewBox","circle","cx","cy","r","image","xlinkHref","Image","x","y","xmlns","g","transform","fillRule","stroke","strokeWidth","path","d","walletId","MetamaskLogo","NamiLogo","EternlLogo","MeldLogo","Header","LinkWallet","WalletListItem","LinkWalletIcon","Box","flexDirection","alignItems","justifyContent","Text","color","name","link","status","icon","onSuccess","comingSoon","textTransform","marginLeft","push","disabled","borderColor","backgroundColor","linkMetamask","linkNami","linkEternl","metamaskStatus","namiStatus","eternlStatus","linkMetamaskInSwitch","catch","WalletLogo","isAkamonEnabled","isEternlEnabled"],"sourceRoot":""}