{"version":3,"file":"static/js/91891.0a12960f.chunk.js","mappings":"iRAeO,MAAMA,EAAcC,IAMpB,IANqB,WAC1BC,EAAU,WACVC,GAIDF,EACC,MAAM,cAAEG,IAAkBC,EAAAA,EAAAA,MACpB,EAAEC,IAAMC,EAAAA,EAAAA,MACRC,GAAUC,EAAAA,EAAAA,OACTC,EAA4BC,IACjCC,EAAAA,EAAAA,WAAS,GAELC,GAAOC,EAAAA,EAAAA,IAAYC,EAAAA,IASzB,OARAC,EAAAA,EAAAA,YAAU,KACJH,EAAKI,UAA2B,sBAAff,EACnBS,GAA8B,GAE9BA,GAA8B,EAChC,GACC,CAACT,EAAYW,EAAKI,WAEdP,GACLQ,EAAAA,EAAAA,KAACC,EAAAA,EAAK,CACJC,OAAQC,EAAAA,GACRC,MAAO,CACLC,IAAK,UACLC,KAAM,OACNC,MAAO,WAETC,UAAQ,EACRC,UAAU,EACVC,UAAUC,EAAAA,EAAAA,KAAaC,EAAAA,GAAWC,WAAaD,EAAAA,GAAWE,YAC1DC,cAAcJ,EAAAA,EAAAA,KACdK,aAAc,gCACdC,MAAO7B,EAAE,6BACT8B,QAAS1B,EACT2B,UAAU,oBAAmBC,UAE7BC,EAAAA,EAAAA,MAACC,EAAAA,EAAY,CAACC,UAAU,SAASJ,UAAU,eAAcC,SAAA,EACvDpB,EAAAA,EAAAA,KAAA,KAAGmB,UAAU,yBAAwBC,SAClChC,EAAE,+BAELiC,EAAAA,EAAAA,MAAA,OAAKF,UAAU,gBAAeC,SAAA,CAC3BnC,IACCe,EAAAA,EAAAA,KAACwB,EAAAA,EAAM,CACLC,KAAK,SACLC,KAAK,QACLC,QAASA,KACPrC,EAAQsC,MAAKC,EAAAA,EAAAA,IAAY,CAAEC,SAAU,IAAKC,QAAS,MAAO,EAC1DX,SAEDhC,EAAE,qBAGPY,EAAAA,EAAAA,KAACwB,EAAAA,EAAM,CACLE,KAAK,QACLD,KAAK,UACLE,QAASA,KACP,MAAMK,EAAwBC,EAAAA,EAAaC,SACzCC,EAAAA,EAAAA,GAAe,UAAW,4BAG5BjD,EAAc8C,GACdvC,GAA8B,EAAM,EACpC2B,SAEDhC,EAAE,4BAKT,IAAI,C","sources":["elements/Accounts/layout/WalletModal/index.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useSelector } from 'react-redux';\nimport { useHistory } from 'react-router-dom';\nimport LocalStorage from 'utils/bom-dom-manipulation/local-storage';\nimport { ModalWidth, ZINDEX_HIGH_2 } from 'utils/constants/app/ui';\nimport { storageKeyName } from 'utils/generic/storage-key-name';\nimport { isMobile } from 'utils/is-mobile';\nimport { Modal, ModalButtons } from 'components/Modal';\nimport { updateQuery } from 'components/QueryRoute';\nimport { Button } from 'newcomponents/UI/Button';\nimport { useSwitchSession } from 'hooks/auth/useSwitchSession';\nimport { getUser } from 'store/selectors/user-data';\nimport './index.less';\n\nexport const WalletModal = ({\n  activeMenu,\n  haveCancel\n}: {\n  activeMenu: string;\n  haveCancel: boolean;\n}) => {\n  const { switchSession } = useSwitchSession();\n  const { t } = useTranslation();\n  const history = useHistory();\n  const [isSwitchWalletModalVisible, setIsSwitchWalletModalVisible] =\n    useState(false);\n\n  const user = useSelector(getUser);\n  useEffect(() => {\n    if (user.owner_id && activeMenu === 'accounts:settings') {\n      setIsSwitchWalletModalVisible(true);\n    } else {\n      setIsSwitchWalletModalVisible(false);\n    }\n  }, [activeMenu, user.owner_id]);\n\n  return isSwitchWalletModalVisible ? (\n    <Modal\n      zIndex={ZINDEX_HIGH_2}\n      image={{\n        lib: 'generic',\n        name: 'Info',\n        theme: 'colored'\n      }}\n      centered\n      closable={false}\n      maxWidth={isMobile() ? ModalWidth.MOBILE_350 : ModalWidth.DESKTOP_420}\n      renderInBody={isMobile()}\n      getContainer={'accountModal__wrapper__Layout'}\n      title={t('account.switchWalletTitle')}\n      visible={isSwitchWalletModalVisible}\n      className=\"switchWalletModal\"\n    >\n      <ModalButtons direction=\"column\" className=\"modalButtons\">\n        <p className=\"switchWallet__infoText\">\n          {t('account.switchWalletText')}\n        </p>\n        <div className=\"buttonWrapper\">\n          {haveCancel && (\n            <Button\n              type=\"cancel\"\n              size=\"large\"\n              onClick={() => {\n                history.push(updateQuery({ accounts: '*', profile: '*' }));\n              }}\n            >\n              {t('account.cancel')}\n            </Button>\n          )}\n          <Button\n            size=\"large\"\n            type=\"primary\"\n            onClick={() => {\n              const parentAccountCurrency = LocalStorage.getItem(\n                storageKeyName('account', 'PARENT_ACCOUNT_CURRENCY')\n              );\n\n              switchSession(parentAccountCurrency);\n              setIsSwitchWalletModalVisible(false);\n            }}\n          >\n            {t('account.switch')}\n          </Button>\n        </div>\n      </ModalButtons>\n    </Modal>\n  ) : null;\n};\n"],"names":["WalletModal","_ref","activeMenu","haveCancel","switchSession","useSwitchSession","t","useTranslation","history","useHistory","isSwitchWalletModalVisible","setIsSwitchWalletModalVisible","useState","user","useSelector","getUser","useEffect","owner_id","_jsx","Modal","zIndex","ZINDEX_HIGH_2","image","lib","name","theme","centered","closable","maxWidth","isMobile","ModalWidth","MOBILE_350","DESKTOP_420","renderInBody","getContainer","title","visible","className","children","_jsxs","ModalButtons","direction","Button","type","size","onClick","push","updateQuery","accounts","profile","parentAccountCurrency","LocalStorage","getItem","storageKeyName"],"sourceRoot":""}