{"version":3,"file":"static/js/accounts-mobile-layout.663f5b8d.chunk.js","mappings":"mRAwBO,MAAMA,EAAgBC,IAC3B,MAAMC,GAAUC,EAAAA,EAAAA,MACVC,GAAaC,EAAAA,EAAAA,OACb,EAAEC,IAAMC,EAAAA,EAAAA,MACR,mBAAEC,IAAuBC,EAAAA,EAAAA,MACzBC,GAAeC,EAAAA,EAAAA,MACdC,EAAUC,GAAYC,SAASC,OAAOC,SAAS,MAClDF,SAASC,OAAOE,MAAM,OACtBH,SAASC,OAAOG,QAAQ,YAAa,IAAID,MAAM,SAE7CE,EAAaP,EAASQ,OAAO,KAAKA,OAAOP,GACzCQ,GAAaC,EAAAA,EAAAA,IAAYC,EAAAA,IACzBC,GAAiBF,EAAAA,EAAAA,IAAYG,EAAAA,IAEnC,OACEC,EAAAA,EAAAA,MAAA,OACEC,WAAWC,EAAAA,EAAAA,GAAG,CACZ,wBACA,CACEC,wBAAyBR,GAAcG,EACvCM,4BACEC,EAAAA,GAAcC,oCACsB,IAApCD,EAAAA,GAAcE,kBAChBC,oBAAqBH,EAAAA,GAAcI,kBAGvCC,GAAG,gCAA+BC,SAAA,EAElCC,EAAAA,EAAAA,KAACC,EAAAA,EAAW,CAACpB,WAAYA,EAAYqB,YAAY,KACjDF,EAAAA,EAAAA,KAACG,EAAAA,EAAM,CACLC,MAAOtC,EAAWsC,OAAS,GAC3BC,OACEvC,EAAWwC,cACPC,EACA,KACE3C,EAAQyC,QAAQ,EAGxBG,MACE1C,EAAW0C,QACTR,EAAAA,EAAAA,KAAA,OACE,cAAY,eACZX,UAAU,4BACVoB,QAASC,IACP/C,EAAMgD,WAAWD,GACjBxC,EAAmB,CAAE0C,MAAO,GAAIN,UAAU,GAAO,EACjDP,SAED/B,EAAE,wBAIT6C,QAAS/C,EAAWsC,QAAUpC,EAAE,qBAElCgC,EAAAA,EAAAA,KAAA,OACEX,WAAWC,EAAAA,EAAAA,GAAG,CACZ,oCACA,CACE,qBAAsBlB,EAAa,kBAEpC2B,SAEFpC,EAAMoC,YAETC,EAAAA,EAAAA,KAAA,OAAKF,GAAI,eAAgBT,UAAWvB,EAAW8C,UAC3C,C","sources":["elements/Accounts/layout/Mobile/index.tsx"],"sourcesContent":["import { ReactElement } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useSelector } from 'react-redux';\nimport { useHistory } from 'react-router-dom';\nimport cc from 'classcat';\nimport SpringConfigs from 'utils/constants/swarm/spring-configs';\nimport { NavBar } from 'components/NavBar';\nimport { useSearchParams } from 'hooks/useSearchParams';\nimport {\n  useAccountsModalDispatch,\n  useAccountsModalState\n} from 'providers/AccountsModalProvider';\nimport {\n  getForgotPasswordOpen,\n  getForgotUsernameOpen\n} from 'store/selectors/app-data';\nimport { WalletModal } from '../WalletModal';\nimport './index.less';\n\ntype Props = {\n  children: ReactElement;\n  closeModal: (arg0: React.UIEvent<HTMLElement, MouseEvent>) => void;\n};\n\nexport const MobileLayout = (props: Props): ReactElement => {\n  const history = useHistory();\n  const modalState = useAccountsModalState();\n  const { t } = useTranslation();\n  const { updateAccountModal } = useAccountsModalDispatch();\n  const searchParams = useSearchParams();\n  const [rootPath, mainPath] = location.search.includes('=*')\n    ? location.search.split('=*&')\n    : location.search.replace(/\\?|=%2A$/g, '').split('=%2A&');\n\n  const activeMenu = rootPath.concat(':').concat(mainPath);\n  const forgotPass = useSelector(getForgotPasswordOpen);\n  const forgotUsername = useSelector(getForgotUsernameOpen);\n\n  return (\n    <div\n      className={cc([\n        'mobileLayoutContainer',\n        {\n          mobileLayout__container: forgotPass || forgotUsername,\n          mobileLayout__container__br:\n            SpringConfigs.SHOW_ADDITIONAL_CHECKBOX_FOR_LOGIN &&\n            SpringConfigs.VERIFICATION_TYPE === 0,\n          mobileLayout__forUK: SpringConfigs.GAMBLING_LiNKS\n        }\n      ])}\n      id=\"accountModal__wrapper__Layout\"\n    >\n      <WalletModal activeMenu={activeMenu} haveCancel={true} />\n      <NavBar\n        title={modalState.title || ''}\n        goBack={\n          modalState.hideBack\n            ? undefined\n            : () => {\n                history.goBack();\n              }\n        }\n        extra={\n          modalState.extra || (\n            <div\n              data-testid=\"close-button\"\n              className=\"accountModal__closeButton\"\n              onClick={e => {\n                props.closeModal(e);\n                updateAccountModal({ class: '', hideBack: true });\n              }}\n            >\n              {t('account.closeModal')}\n            </div>\n          )\n        }\n        isLogin={modalState.title === t('account.signUp')}\n      />\n      <div\n        className={cc([\n          'accountModal accountModal--mobile',\n          {\n            'accountModal--dark': searchParams['bet-history']\n          }\n        ])}\n      >\n        {props.children}\n      </div>\n      <div id={'fixed-footer'} className={modalState.class} />\n    </div>\n  );\n};\n"],"names":["MobileLayout","props","history","useHistory","modalState","useAccountsModalState","t","useTranslation","updateAccountModal","useAccountsModalDispatch","searchParams","useSearchParams","rootPath","mainPath","location","search","includes","split","replace","activeMenu","concat","forgotPass","useSelector","getForgotPasswordOpen","forgotUsername","getForgotUsernameOpen","_jsxs","className","cc","mobileLayout__container","mobileLayout__container__br","SpringConfigs","SHOW_ADDITIONAL_CHECKBOX_FOR_LOGIN","VERIFICATION_TYPE","mobileLayout__forUK","GAMBLING_LiNKS","id","children","_jsx","WalletModal","haveCancel","NavBar","title","goBack","hideBack","undefined","extra","onClick","e","closeModal","class","isLogin"],"sourceRoot":""}