\n {/* setConfirmRefundOpen(false)} isMobile={true} />\n \n Refund\n \n } */}\n
\n );\n};\n\nconst mapStateToProps = (state) => ({\n selected: state.proxies.selected,\n lease: state.activeLeases.selected,\n});\n\nexport default connect(mapStateToProps)(PopupInfo);","/* eslint-disable react/jsx-no-target-blank */\n/* eslint-disable jsx-a11y/anchor-is-valid */\nimport * as React from 'react';\nimport { Link, NavLink } from \"react-router-dom\";\nimport Box from '@mui/material/Box';\nimport List from '@mui/material/List';\nimport Drawer from '@mui/material/Drawer';\nimport ListItem from '@mui/material/ListItem';\nimport ListItemButton from '@mui/material/ListItemButton';\nimport mobileMenuIcon from '../../../src/images/mobile-menu-icon.svg';\nimport closeMobileMenu from '../../../src/images/close-mobile-menu.svg';\nimport { useAuth0 } from \"../../redux/auth\"\nimport { connect, useDispatch } from 'react-redux';\nimport { formatMoney } from '../../util/money';\nimport { auth0Cfg } from '../../config/auth0';\nimport { getActiveItem } from '../../redux/backend/activeMenuItem';\nimport { resetAdvancedSearch } from '../search/AdvancedSearchDialog';\nimport dots from '../../images/dots.png';\nimport PopupInfo from '../myProxiesMobile/popup';\nimport arrowBack from '../../images/arrow-back.svg';\nimport './style.css';\nimport { useState, useEffect } from 'react';\nimport { actSetFilter } from '../../redux/backend/proxies';\n\nconst MobileDrawerMenu = (props) => {\n\n const [state, setState] = React.useState({\n left: false,\n });\n\n const toggleDrawer = (anchor, open) => (event) => {\n if (event.type === 'keydown' && (event.key === 'Tab' || event.key === 'Shift')) {\n return;\n }\n setState({ ...state, [anchor]: open });\n };\n\n const mobileMenuItems = [\n {\n link: '/shop',\n itemName: 'Shop'\n },\n {\n link: '/my',\n itemName: 'My Proxies'\n },\n {\n link: '/payments',\n itemName: 'Payments'\n },\n {\n link: '/faq',\n itemName: 'FAQ'\n }\n ];\n\n const { logout, user } = useAuth0();\n\n const handleLogout = () => {\n logout({ returnTo: auth0Cfg.logoutUrl });\n };\n\n const dispatch = useDispatch();\n\n const list = (anchor) => (\n Update Score
*/}\n {/* Test Speed
*/}\n {props?.lease?.renewable ? Renew
: Renew
}\n {props?.lease?.stats?.refundable ? <>\n Refund
\n : Refund
\n }\n {/* {!props?.lease.stats?.refundable &&\n \n 
\n
\n \n
\n \n );\n\n const { getAccessTokenSilently } = useAuth0();\n const onReset = () => {\n resetAdvancedSearch(getAccessTokenSilently, props.dispatch);\n props.dispatch(actSetFilter(getAccessTokenSilently, {\n geoCentralZip: '',\n geoSearchRadius: '',\n region: '',\n city: '',\n isp: '',\n leases: '',\n exstars: 0,\n conn: 0,\n age: ''\n }\n ));\n };\n\n const [openPopup, setOpenPopup] = useState(false);\n\n return (\n - \n
BigMama
\n {props.account.email}
\n \n Add Funds\n
\n {mobileMenuItems.map((item, index) => (\n {props.account ? formatMoney(props.account.balanceCents) : \"...\"}
\n Logout
\n\n \n {['left'].map((anchor) => (\n \n
\n \n \n {\n props?.active === 'Proxy Default' ?\n 
setOpenPopup(false)}/> :\n props?.active === 'History Details' ?\n 
\n }\n setOpenPopup(!openPopup)} className='open-popup-icon'\n >
\n {openPopup && {props.active ? props.active : ''}
\n \n {\n props?.active === 'Add Funds' ? :\n props?.active === 'Filter' ? Reset
:\n props?.active === 'Proxy Details' ?\n <>\n \n \n setResetPasswordOpen(false)} user={props.account}/>\n \n
\n \n BigMama Network \n
\n \n \n \n
\n \n \n {props.account ? formatMoney(props.account.balanceCents) : \"...\"}\n \n \n \n \n \n \n \n \n \n \n
\n \n
\n \n );\n};\n\nconst mapStateToProps = state => ({\n account: state.account,\n});\n\nexport default connect(mapStateToProps)(TopBar);\n"," export const countryNames = {\"BD\": \"Bangladesh\", \"BE\": \"Belgium\", \"BF\": \"Burkina Faso\", \"BG\": \"Bulgaria\", \"BA\": \"Bosnia and Herzegovina\", \"BB\": \"Barbados\", \"WF\": \"Wallis and Futuna\", \"BL\": \"Saint Barthelemy\", \"BM\": \"Bermuda\", \"BN\": \"Brunei\", \"BO\": \"Bolivia\", \"BH\": \"Bahrain\", \"BI\": \"Burundi\", \"BJ\": \"Benin\", \"BT\": \"Bhutan\", \"JM\": \"Jamaica\", \"BV\": \"Bouvet Island\", \"BW\": \"Botswana\", \"WS\": \"Samoa\", \"BQ\": \"Bonaire, Saint Eustatius and Saba \", \"BR\": \"Brazil\", \"BS\": \"Bahamas\", \"JE\": \"Jersey\", \"BY\": \"Belarus\", \"BZ\": \"Belize\", \"RU\": \"Russia\", \"RW\": \"Rwanda\", \"RS\": \"Serbia\", \"TL\": \"East Timor\", \"RE\": \"Reunion\", \"TM\": \"Turkmenistan\", \"TJ\": \"Tajikistan\", \"RO\": \"Romania\", \"TK\": \"Tokelau\", \"GW\": \"Guinea-Bissau\", \"GU\": \"Guam\", \"GT\": \"Guatemala\", \"GS\": \"South Georgia and the South Sandwich Islands\", \"GR\": \"Greece\", \"GQ\": \"Equatorial Guinea\", \"GP\": \"Guadeloupe\", \"JP\": \"Japan\", \"GY\": \"Guyana\", \"GG\": \"Guernsey\", \"GF\": \"French Guiana\", \"GE\": \"Georgia\", \"GD\": \"Grenada\", \"GB\": \"United Kingdom\", \"GA\": \"Gabon\", \"SV\": \"El Salvador\", \"GN\": \"Guinea\", \"GM\": \"Gambia\", \"GL\": \"Greenland\", \"GI\": \"Gibraltar\", \"GH\": \"Ghana\", \"OM\": \"Oman\", \"TN\": \"Tunisia\", \"JO\": \"Jordan\", \"HR\": \"Croatia\", \"HT\": \"Haiti\", \"HU\": \"Hungary\", \"HK\": \"Hong Kong\", \"HN\": \"Honduras\", \"HM\": \"Heard Island and McDonald Islands\", \"VE\": \"Venezuela\", \"PR\": \"Puerto Rico\", \"PS\": \"Palestinian Territory\", \"PW\": \"Palau\", \"PT\": \"Portugal\", \"SJ\": \"Svalbard and Jan Mayen\", \"PY\": \"Paraguay\", \"IQ\": \"Iraq\", \"PA\": \"Panama\", \"PF\": \"French Polynesia\", \"PG\": \"Papua New Guinea\", \"PE\": \"Peru\", \"PK\": \"Pakistan\", \"PH\": \"Philippines\", \"PN\": \"Pitcairn\", \"PL\": \"Poland\", \"PM\": \"Saint Pierre and Miquelon\", \"ZM\": \"Zambia\", \"EH\": \"Western Sahara\", \"EE\": \"Estonia\", \"EG\": \"Egypt\", \"ZA\": \"South Africa\", \"EC\": \"Ecuador\", \"IT\": \"Italy\", \"VN\": \"Vietnam\", \"SB\": \"Solomon Islands\", \"ET\": \"Ethiopia\", \"SO\": \"Somalia\", \"ZW\": \"Zimbabwe\", \"SA\": \"Saudi Arabia\", \"ES\": \"Spain\", \"ER\": \"Eritrea\", \"ME\": \"Montenegro\", \"MD\": \"Moldova\", \"MG\": \"Madagascar\", \"MF\": \"Saint Martin\", \"MA\": \"Morocco\", \"MC\": \"Monaco\", \"UZ\": \"Uzbekistan\", \"MM\": \"Myanmar\", \"ML\": \"Mali\", \"MO\": \"Macao\", \"MN\": \"Mongolia\", \"MH\": \"Marshall Islands\", \"MK\": \"Macedonia\", \"MU\": \"Mauritius\", \"MT\": \"Malta\", \"MW\": \"Malawi\", \"MV\": \"Maldives\", \"MQ\": \"Martinique\", \"MP\": \"Northern Mariana Islands\", \"MS\": \"Montserrat\", \"MR\": \"Mauritania\", \"IM\": \"Isle of Man\", \"UG\": \"Uganda\", \"TZ\": \"Tanzania\", \"MY\": \"Malaysia\", \"MX\": \"Mexico\", \"IL\": \"Israel\", \"FR\": \"France\", \"IO\": \"British Indian Ocean Territory\", \"SH\": \"Saint Helena\", \"FI\": \"Finland\", \"FJ\": \"Fiji\", \"FK\": \"Falkland Islands\", \"FM\": \"Micronesia\", \"FO\": \"Faroe Islands\", \"NI\": \"Nicaragua\", \"NL\": \"Netherlands\", \"NO\": \"Norway\", \"NA\": \"Namibia\", \"VU\": \"Vanuatu\", \"NC\": \"New Caledonia\", \"NE\": \"Niger\", \"NF\": \"Norfolk Island\", \"NG\": \"Nigeria\", \"NZ\": \"New Zealand\", \"NP\": \"Nepal\", \"NR\": \"Nauru\", \"NU\": \"Niue\", \"CK\": \"Cook Islands\", \"XK\": \"Kosovo\", \"CI\": \"Ivory Coast\", \"CH\": \"Switzerland\", \"CO\": \"Colombia\", \"CN\": \"China\", \"CM\": \"Cameroon\", \"CL\": \"Chile\", \"CC\": \"Cocos Islands\", \"CA\": \"Canada\", \"CG\": \"Republic of the Congo\", \"CF\": \"Central African Republic\", \"CD\": \"Democratic Republic of the Congo\", \"CZ\": \"Czech Republic\", \"CY\": \"Cyprus\", \"CX\": \"Christmas Island\", \"CR\": \"Costa Rica\", \"CW\": \"Curacao\", \"CV\": \"Cape Verde\", \"CU\": \"Cuba\", \"SZ\": \"Swaziland\", \"SY\": \"Syria\", \"SX\": \"Sint Maarten\", \"KG\": \"Kyrgyzstan\", \"KE\": \"Kenya\", \"SS\": \"South Sudan\", \"SR\": \"Suriname\", \"KI\": \"Kiribati\", \"KH\": \"Cambodia\", \"KN\": \"Saint Kitts and Nevis\", \"KM\": \"Comoros\", \"ST\": \"Sao Tome and Principe\", \"SK\": \"Slovakia\", \"KR\": \"South Korea\", \"SI\": \"Slovenia\", \"KP\": \"North Korea\", \"KW\": \"Kuwait\", \"SN\": \"Senegal\", \"SM\": \"San Marino\", \"SL\": \"Sierra Leone\", \"SC\": \"Seychelles\", \"KZ\": \"Kazakhstan\", \"KY\": \"Cayman Islands\", \"SG\": \"Singapore\", \"SE\": \"Sweden\", \"SD\": \"Sudan\", \"DO\": \"Dominican Republic\", \"DM\": \"Dominica\", \"DJ\": \"Djibouti\", \"DK\": \"Denmark\", \"VG\": \"British Virgin Islands\", \"DE\": \"Germany\", \"YE\": \"Yemen\", \"DZ\": \"Algeria\", \"US\": \"United States\", \"UY\": \"Uruguay\", \"YT\": \"Mayotte\", \"UM\": \"United States Minor Outlying Islands\", \"LB\": \"Lebanon\", \"LC\": \"Saint Lucia\", \"LA\": \"Laos\", \"TV\": \"Tuvalu\", \"TW\": \"Taiwan\", \"TT\": \"Trinidad and Tobago\", \"TR\": \"Turkey\", \"LK\": \"Sri Lanka\", \"LI\": \"Liechtenstein\", \"LV\": \"Latvia\", \"TO\": \"Tonga\", \"LT\": \"Lithuania\", \"LU\": \"Luxembourg\", \"LR\": \"Liberia\", \"LS\": \"Lesotho\", \"TH\": \"Thailand\", \"TF\": \"French Southern Territories\", \"TG\": \"Togo\", \"TD\": \"Chad\", \"TC\": \"Turks and Caicos Islands\", \"LY\": \"Libya\", \"VA\": \"Vatican\", \"VC\": \"Saint Vincent and the Grenadines\", \"AE\": \"United Arab Emirates\", \"AD\": \"Andorra\", \"AG\": \"Antigua and Barbuda\", \"AF\": \"Afghanistan\", \"AI\": \"Anguilla\", \"VI\": \"U.S. Virgin Islands\", \"IS\": \"Iceland\", \"IR\": \"Iran\", \"AM\": \"Armenia\", \"AL\": \"Albania\", \"AO\": \"Angola\", \"AQ\": \"Antarctica\", \"AS\": \"American Samoa\", \"AR\": \"Argentina\", \"AU\": \"Australia\", \"AT\": \"Austria\", \"AW\": \"Aruba\", \"IN\": \"India\", \"AX\": \"Aland Islands\", \"AZ\": \"Azerbaijan\", \"IE\": \"Ireland\", \"ID\": \"Indonesia\", \"UA\": \"Ukraine\", \"QA\": \"Qatar\", \"MZ\": \"Mozambique\"}\n// {\"US\": \"United States\", \"FR\": \"France\"} => [\"FR\", \"US\"]\nexport const countryCodesSortedByCountryName = Object.entries(countryNames).sort((a, b) => a[1].localeCompare(b[1])).map(k => k[0])\nexport const usStatesToCodes = {\n 'Alabama': 'AL',\n 'Alaska': 'AK',\n 'American Samoa': 'AS',\n 'Arizona': 'AZ',\n 'Arkansas': 'AR',\n 'California': 'CA',\n 'Colorado': 'CO',\n 'Connecticut': 'CT',\n 'Delaware': 'DE',\n 'District of Columbia': 'DC',\n 'Federated States Of Micronesia': 'FM',\n 'Florida': 'FL',\n 'Georgia': 'GA',\n 'Guam': 'GU',\n 'Hawaii': 'HI',\n 'Idaho': 'ID',\n 'Illinois': 'IL',\n 'Indiana': 'IN',\n 'Iowa': 'IA',\n 'Kansas': 'KS',\n 'Kentucky': 'KY',\n 'Louisiana': 'LA',\n 'Maine': 'ME',\n 'Marshall Islands': 'MH',\n 'Maryland': 'MD',\n 'Massachusetts': 'MA',\n 'Michigan': 'MI',\n 'Minnesota': 'MN',\n 'Mississippi': 'MS',\n 'Missouri': 'MO',\n 'Montana': 'MT',\n 'Nebraska': 'NE',\n 'Nevada': 'NV',\n 'New Hampshire': 'NH',\n 'New Jersey': 'NJ',\n 'New Mexico': 'NM',\n 'New York': 'NY',\n 'North Carolina': 'NC',\n 'North Dakota': 'ND',\n 'Northern Mariana Islands': 'MP',\n 'Ohio': 'OH',\n 'Oklahoma': 'OK',\n 'Oregon': 'OR',\n 'Palau': 'PW',\n 'Pennsylvania': 'PA',\n 'Puerto Rico': 'PR',\n 'Rhode Island': 'RI',\n 'South Carolina': 'SC',\n 'South Dakota': 'SD',\n 'Tennessee': 'TN',\n 'Texas': 'TX',\n 'Utah': 'UT',\n 'Vermont': 'VT',\n 'Virgin Islands': 'VI',\n 'Virginia': 'VA',\n 'Washington': 'WA',\n 'West Virginia': 'WV',\n 'Wisconsin': 'WI',\n 'Wyoming': 'WY'\n }\n\nexport const continentCodeToNames = {\n 'AF': 'Africa',\n 'AN': 'Antarctica',\n 'AS': 'Asia',\n 'EU': 'Europe',\n 'NA': 'North America',\n 'OC': 'Oceania',\n 'SA': 'South America'\n }\nexport const continentToCountries = {\n 'AF': ['DZ', 'EG', 'EH', 'LY', 'MA', 'SD', 'SS', 'TN', 'BF', 'BJ', 'CI', 'CV', 'GH' ,'GM', 'GN', 'GW', 'LR', 'ML', 'MR', 'NE', 'NG', 'SH', 'SL', 'SN', 'TG','AO', 'CD', 'ZR', 'CF', 'CG', 'CM', 'GA', 'GQ', 'ST', 'TD','BI', 'DJ', 'ER', 'ET', 'KE', 'KM', 'MG', 'MU', 'MW', 'MZ', 'RE', 'RW', 'SC', 'SO', 'TZ', 'UG', 'YT', 'ZM', 'ZW','BW', 'LS', 'NA', 'SZ', 'ZA'],\n 'AN': [],\n 'AS': ['TM', 'TJ', 'KG', 'KZ', 'UZ', 'CN', 'HK', 'JP', 'KP', 'KR', 'MN', 'MO', 'TW','AF', 'BD', 'BT', 'IN', 'IR', 'LK', 'MV', 'NP', 'PK','BN', 'ID', 'KH', 'LA', 'MM', 'BU', 'MY', 'PH', 'SG', 'TH', 'TL', 'TP', 'VN','AE', 'AM', 'AZ', 'BH', 'CY', 'GE', 'IL', 'IQ', 'JO', 'KW', 'LB', 'OM', 'PS', 'QA', 'SA', 'NT', 'SY', 'TR', 'YE', 'YD'],\n 'EU': ['GG', 'JE', 'AX', 'DK', 'EE', 'FI', 'FO', 'GB', 'IE', 'IM', 'IS', 'LT', 'LV', 'NO', 'SE', 'SJ','AT', 'BE', 'CH', 'DE', 'DD', 'FR', 'FX', 'LI', 'LU', 'MC', 'NL','BG', 'BY', 'CZ', 'HU', 'MD', 'PL', 'RO', 'RU', 'SU', 'SK', 'UA','AD', 'AL', 'BA', 'ES', 'GI', 'GR', 'HR', 'IT', 'ME', 'MK', 'MT', 'RS', 'PT', 'SI', 'SM', 'VA', 'YU'],\n 'NA': ['BM', 'CA', 'GL', 'PM', 'US', \t'AG', 'AI', 'AN', 'AW', 'BB', 'BL', 'BS', 'CU', 'DM', 'DO', 'GD', 'GP', 'HT', 'JM', 'KN', 'KY', 'LC', 'MF', 'MQ', 'MS', 'PR', 'TC', 'TT', 'VC', 'VG', 'VI' ],\n 'OC': [\t'AU', 'NF', 'NZ', 'FJ', 'NC', 'PG', 'SB', 'VU', 'FM', 'GU', 'KI', 'MH', 'MP', 'NR', 'PW', 'AS', 'CK', 'NU', 'PF', 'PN', 'TK', 'TO', 'TV', 'WF', 'WS'],\n 'SA': [\t'AR', 'BO', 'BR', 'CL', 'CO', 'EC', 'FK', 'GF', 'GY', 'PE', 'PY', 'SR', 'UY', 'VE', 'BZ', 'CR', 'GT', 'HN', 'MX', 'NI', 'PA', 'SV']\n}\n","export default (theme) => ({\n borderRadius: 16,\n borderStyle: 'solid',\n borderWidth: 1,\n borderColor: theme.palette.divider,\n padding: theme.spacing(0.5),\n paddingLeft: theme.spacing(1.0),\n paddingRight: theme.spacing(1.0),\n cursor: 'pointer',\n '&:hover': {\n borderColor: theme.palette.primary.main,\n color: theme.palette.primary.main,\n },\n})\n","import React from 'react'\nimport { connect } from 'react-redux'\nimport { countryNames } from '../data/countryNames'\nimport { makeStyles, Box } from '@material-ui/core'\nimport ReactCountryFlag from 'react-country-flag'\nimport { useAuth0 } from \"../redux/auth\"\nimport { actChangeCountry, actChangeStaticCountry, actResetStaticProxiesFilter } from '../redux/backend/proxies'\nimport chipCard from '../styles/chipCard'\n\nconst useStyles = makeStyles((theme) => ({\n card: chipCard(theme),\n selected: {\n backgroundColor: theme.palette.primary.main,\n borderColor: theme.palette.primary.main,\n color: theme.palette.common.white,\n '&:hover': {\n color: theme.palette.common.white,\n }\n },\n flag: {\n position: 'relative',\n bottom: 2,\n minWidth: 24,\n marginRight: theme.spacing(1),\n },\n check: {\n marginLeft: theme.spacing(1),\n },\n}))\n\nconst CountryCard = (props) => {\n const classes = useStyles()\n const { getAccessTokenSilently } = useAuth0()\n\n const selected = props.country === props.selectedCountry\n\n const proxyType = props.type || \"mobile\"\n\n const selectedStatic = props.country === props.selectedCountryStatic\n\n let selectedProxy = selected\n\n if (proxyType === 'static') {\n selectedProxy = selectedStatic\n }\n\n const handleClick = () => {\n if (proxyType === \"static\") {\n props.dispatch(actResetStaticProxiesFilter())\n props.dispatch(actChangeStaticCountry(getAccessTokenSilently, props.country)) \n } else {\n props.dispatch(actChangeCountry(getAccessTokenSilently, props.country))\n }\n }\n\n let total = props.countryTotals[props.country]\n if (total) {\n total = \"(\" + total + \")\"\n }\n\n return (\n - \n {blacklists.map(bl => \n
- {bl} )}\n
\n \n {check.score.status1 === statusAvailable && \n {check.score.status2 === statusAvailable && \n {check.score.status3 === statusAvailable && \n {hasWarnings &&\n \n {check.warnings.proxy && Proxy }\n {check.warnings.tor && Tor }\n {check.warnings.vpn && VPN }\n {check.warnings.hosting && Hosting }\n {check.warnings.abuse && Abuse }\n \n }\n {!hasWarnings &&\n No warnings \n }\n {humanizedTimeSince(check.time, \"Updated \", \" ago\")} \n \n Update now\n \n \n
\n \n \n {humanizedTimeSince(check.time, \"Updated \", \" ago\")} */}\n \n
\n\n \n );\n } else {\n content = (\n <>\n {check.score.status1 === statusAvailable &&
\n {check.score.status2 === statusAvailable &&
\n {check.score.status3 === statusAvailable &&
\n {hasWarnings &&\n \n {check.warnings.proxy &&
\n }\n {!hasWarnings &&\n Proxy
}\n {check.warnings.abuse && Abuse
}\n No warnings
\n }\n {/* \n Update now\n
\n \n {!check && Get connection speed}\n {check?.loadingExisting && Loading speed...}\n {check?.notFound &&\n <>Speed not tested yet Test Now\n }\n {(check?.failed || check?.rejected || (check?.speed === 0)) &&\n <>\n Speed could not be tested\n
\n \n );\n};\n\nconst mapStateToProps = (state) => ({\n\n});\n\nexport default connect(mapStateToProps)(SpeedCheckSection);","import { makeStyles, Tab, Tabs } from '@material-ui/core'\nimport { TabContext, TabPanel } from '@material-ui/lab'\nimport React, { useState } from 'react'\nimport { connect } from 'react-redux'\nimport BlacklistSection from './BlacklistSection'\nimport IPScoreSection from './IPScoreSection'\nimport SpeedCheckSection from './SpeedCheckSection'\n\nconst useStyles = makeStyles((theme) => ({\n tabContainer: {\n width: '100%',\n },\n tabPanel: {\n paddingLeft: theme.spacing(3),\n paddingRight: theme.spacing(3),\n },\n}))\n\nexport const tabStyles = makeStyles((theme) => ({\n root: {\n minWidth: 20,\n width: 20,\n textTransform: 'none',\n fontSize: 12,\n color: theme.palette.text.secondary,\n '&$selected': {\n '& *': {\n color: theme.palette.secondary.main,\n },\n },\n '&:hover': {\n '& $wrapper': {\n color: theme.palette.secondary.main,\n },\n },\n },\n selected: {},\n textColorInherit: {\n opacity: 1,\n },\n wrapper: {\n textTransform: 'none',\n fontSize: 16,\n fontWeight: 500,\n },\n}))\n\nconst ProxyDetails = (props) => {\n const classes = useStyles()\n const tabClasses = tabStyles()\n\n const [selectedTab, setSelectedTab] = useState(\"0\")\n \n return (\n <>\n {!props.static ? ( \n \n {(speedCheckAge.asMinutes() >= minutesBeforeRetest) && Retest}\n
\n \n }\n {check?.checking &&\n <>\n \n {(speedCheckAge.asMinutes() >= minutesBeforeRetest) && Retest}\n
\n : ''}\n {(check?.speed && check?.speed > 0) ? <>\n \n
\n \n Speed\n
\n {(check.speed / 1000 / 1000).toFixed(2)} Mbps
\n {speedCheckAge.humanize()} ago
\n \n {(speedCheckAge.asMinutes() >= minutesBeforeRetest) && Retest}\n
\n \n : ''}\n \n \n {\n window.innerWidth <= 480 ?\n {}}>\n \n : \n More \n }\n \n \n {CountryMenuItem}\n \n \n \n
\n );\n};\n\nconst mapStateToProps = (state) => ({\n countryTotals: state.proxies.countryTotals || {},\n filter: state.proxies.filter\n});\n\nexport default connect(mapStateToProps)(MoreCountries);\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { makeStyles, useTheme } from '@material-ui/core/styles'\nimport IconButton from '@material-ui/core/IconButton'\nimport FirstPageIcon from '@material-ui/icons/FirstPage'\nimport KeyboardArrowLeft from '@material-ui/icons/KeyboardArrowLeft'\nimport KeyboardArrowRight from '@material-ui/icons/KeyboardArrowRight'\nimport LastPageIcon from '@material-ui/icons/LastPage'\n\nconst useStyles1 = makeStyles((theme) => ({\n root: {\n flexShrink: 0,\n marginLeft: theme.spacing(2.5),\n },\n }))\n \nfunction ProxyTablePaginationActions(props) {\n const classes = useStyles1()\n const theme = useTheme()\n const { count, page, rowsPerPage, onChangePage } = props\n \n const handleFirstPageButtonClick = (event) => {\n onChangePage(event, 0)\n }\n \n const handleBackButtonClick = (event) => {\n onChangePage(event, page - 1)\n }\n \n const handleNextButtonClick = (event) => {\n onChangePage(event, page + 1)\n }\n \n return (\n \n \n {theme.direction === 'rtl' ? \n {theme.direction === 'rtl' ? \n = Math.ceil(count / rowsPerPage) - 1}\n aria-label=\"next page\"\n >\n {theme.direction === 'rtl' ?
\n )\n }\n \n ProxyTablePaginationActions.propTypes = {\n count: PropTypes.number.isRequired,\n onChangePage: PropTypes.func.isRequired,\n page: PropTypes.number.isRequired,\n rowsPerPage: PropTypes.number.isRequired,\n }\n\n export default ProxyTablePaginationActions","/* eslint-disable no-restricted-globals */\n/* eslint-disable no-undef */\nimport React from 'react';\nimport { connect, useDispatch } from 'react-redux';\nimport { NavLink, Link } from 'react-router-dom';\nimport { getActiveItem } from '../../redux/backend/activeMenuItem';\nimport { actSetSelectedProxy } from '../../redux/backend/proxies';\nimport QualityScore from '../QualityScore';\nimport './style.css';\n\nconst ShopMobileItem = ({ ip, city, isp, priceShrc, priceExcC, status, score, region, id, mobileConIcon, zip, privShared, numbers, onClick }) => {\n\n return (\n \n
\n {ip}
\n {city}, {region} {zip}
\n {mobileConIcon} {isp}
\n \n
\n \n )\n};\n\nconst mapStateToProps = (state) => ({\n totalProxies: state.proxies.total ? state.proxies.total : 0,\n proxyRowsPerPage: state.proxies.pagination.rowsPerPage,\n proxyPage: state.proxies.pagination.page,\n countries: state.proxies.countries,\n extraCountries: state.proxies.extraCountries,\n selectedCountry: state.proxies.filter.country,\n countryTotals: state.proxies.countryTotals,\n selected: state.proxies.selected,\n leaseType: state.proxies.leaseType,\n proxies: state.proxies.proxies\n});\n\nexport default connect(mapStateToProps)(ShopMobileItem);","import React, { useState } from 'react';\nimport { connect, useDispatch } from 'react-redux';\nimport { formatMoney } from '../../util/money';\nimport MoreCountries from '../MoreCountries';\nimport ShopMobileItem from './shopMobileItem';\nimport filterIcom from '../../images/filter-icon.png';\nimport { NavLink } from 'react-router-dom';\nimport { getActiveItem } from '../../redux/backend/activeMenuItem';\nimport { useEffect } from 'react';\nimport { ClipLoader } from 'react-spinners';\nimport './style.css';\nimport { actChangeProxyPage, actSetSelectedProxy } from '../../redux/backend/proxies';\nimport { useAuth0 } from \"../../redux/auth\"\nimport PhoneAndroidIcon from '@material-ui/icons/PhoneAndroid';\nimport WifiIcon from '@material-ui/icons/Wifi';\n\nconst ShopMobile = (props) => {\n const dispatch = useDispatch();\n\n useEffect(() => {\n dispatch(getActiveItem('Shop'));\n }, [dispatch]);\n\n const { getAccessTokenSilently } = useAuth0();\n\n const handleRowClick = (proxy) => {\n props.dispatch(actSetSelectedProxy(proxy));\n };\n\n const [myPage, setMyPage] = useState(0);\n\n const handlePageChange = () => {\n props.dispatch(actChangeProxyPage(getAccessTokenSilently, myPage));\n };\n\n return (\n {priceShrc}
\n {priceExcC}
\n \n {\n handlePageChange();\n setMyPage(myPage + 1);\n }}>Show more
\n }\n {\n props?.proxies && props?.proxies?.length>0 && props.loading && \n \n {\n props?.proxies?.map((item, index) => {\n const price = item.priceShrC ? formatMoney(item?.priceShrC) : \"\";\n\n let priceExc = item.priceExcC ? formatMoney(item?.priceExcC) : '';\n\n let leaseTypeStatus = \"Private\";\n\n\n if (item.stars <= 5) {\n if (item.leases != null && item.leases.count > 0) {\n leaseTypeStatus = item.leases.count + \" of 4\"; // TODO config from backend\n }\n } else {\n if (item.leases != null && item.leases.count > 0) {\n leaseTypeStatus = item.leases.count + \" of 4\"; // TODO config from backend\n }\n }\n return
: \n
\n }\n {props?.proxies && props?.proxies?.length !== props.totalProxies && !props.loading && props?.agents.cursor !== 0 &&\n \n
\n }\n \n window.scrollTo(0, 0)}\n >\n 
\n Filter\n \n
\n \n );\n};\n\nconst mapStateToProps = (state) => ({\n loadedAll: state.proxies.loadedAll,\n totalProxies: state.proxies.total ? state.proxies.total : 0,\n proxies: state.proxies.proxies,\n loading: state.proxies.loading,\n pagination: state.proxies.pagination,\n proxyPage: state.proxies.pagination.page,\n proxyRowsPerPage: state.proxies.pagination.rowsPerPage,\n agents: state.proxies\n});\n\nexport default connect(mapStateToProps)(ShopMobile);","import React from 'react';\nimport { connect } from 'react-redux';\nimport { makeStyles, Box, Typography, TablePagination } from '@material-ui/core';\nimport { bottomBorder, leftBorder, topBorder, pageTitle } from '../styles/common';\nimport CountryCard from './CountryCard';\nimport { actChangeProxyPage, actChangeProxyRowsPerPage, actResetStaticCountryFilter, actLoadProxies } from '../redux/backend/proxies';\nimport { useAuth0 } from \"../redux/auth\"\nimport ProxyTable from './ProxyTable';\nimport ProxySidebar from './ProxySidebar';\nimport MoreCountries from './MoreCountries';\nimport ProxyTablePaginationActions from './ProxyTablePaginationActions';\nimport './css/FaqPage.css';\nimport ShopMobile from './shopMobile/shopMobile';\nimport { useEffect } from 'react';\nimport { getActiveItem } from '../redux/backend/activeMenuItem';\n\n\nexport const headerStyle = (theme) => ({\n padding: theme.spacing(3),\n paddingTop: theme.spacing(1.5),\n})\n\nconst useStyles = makeStyles((theme) => ({\n shop: {\n height: '100%',\n maxHeight: '100%',\n width: '100%',\n display: 'grid',\n gridTemplateRows: 'auto 1fr auto',\n gridTemplateColumns: '1fr auto',\n },\n header: {\n ...headerStyle(theme),\n ...bottomBorder(theme),\n\n gridColumnStart: 1,\n gridColumnEnd: 3,\n gridRowStart: 1,\n gridRowEnd: 2,\n },\n table: {\n gridColumnStart: 1,\n gridColumnEnd: 2,\n gridRowStart: 2,\n gridRowEnd: 3,\n overflowY: 'scroll',\n },\n sidebar: {\n ...leftBorder(theme),\n\n gridColumnStart: 2,\n gridColumnEnd: 3,\n gridRowStart: 2,\n gridRowEnd: 4,\n\n maxHeight: '100%',\n overflowY: 'scroll',\n },\n footer: {\n padding: 0,\n paddingLeft: theme.spacing(1),\n ...topBorder(theme),\n\n gridColumnStart: 1,\n gridColumnEnd: 2,\n gridRowStart: 3,\n gridRowEnd: 4,\n },\n title: {\n ...pageTitle,\n },\n countries: {\n display: 'flex',\n \"& div\": {\n marginRight: theme.spacing(1),\n // marginTop: theme.spacing(2),\n },\n },\n paginationRoot: {\n borderWidth: 0,\n },\n paginationCaption: {\n fontWeight: 500,\n },\n paginationSpacer: {\n display: 'none',\n },\n actionTexMob: {\n marginLeft: '20px',\n fontFamily: 'SF Pro Medium',\n fontSize: 10,\n color: '#0da12f',\n fontSize: 14,\n letterSpacing: 0,\n fontWeight: 500\n },\n}))\n\nconst Shop = (props) => {\n\n const classes = useStyles();\n const { getAccessTokenSilently } = useAuth0()\n\n const dispatch = props.dispatch\n\n const handlePageChange = (_, page) => {\n dispatch(actChangeProxyPage(getAccessTokenSilently, page))\n }\n\n const handleRowsChange = (ev) => {\n dispatch(actChangeProxyRowsPerPage(getAccessTokenSilently, ev.target.value))\n }\n\n // useEffect(() => {\n // // dispatch(actResetStaticCountryFilter())\n // const intervalId = setInterval(() => { \n // if(document.hasFocus()){\n // dispatch(actLoadProxies(getAccessTokenSilently, 0))\n // }\n // }, 30000)\n\n // return () => {\n // clearInterval(intervalId)\n // }\n // }, [])\n\n useEffect(() => {\n dispatch(getActiveItem('Shop'))\n }, [dispatch])\n\n return (<>\n \n \n \n Proxies \n \n {props.countries.map((country) => \n \n \n \n \n \n \n \n \n
\n \n
\n \n );\n};\n\nconst mapStateToProps = (state) => ({\n totalProxies: state.proxies.total ? state.proxies.total : 0,\n proxyRowsPerPage: state.proxies.pagination.rowsPerPage,\n proxyPage: state.proxies.pagination.page,\n countries: state.proxies.countries,\n extraCountries: state.proxies.extraCountries,\n selectedCountry: state.proxies.filter.country,\n countryTotals: state.proxies.countryTotals,\n selected: state.proxies.selected,\n leaseType: state.proxies.leaseType,\n});\n\nexport default connect(mapStateToProps)(Shop);\n","import React from 'react'\nimport { makeStyles, Box } from '@material-ui/core'\nimport humanFormat from 'human-format'\n\nconst useStyles = makeStyles((theme) => ({\n stats: {\n display: 'flex',\n flexWrap: 'wrap',\n color: '#3A404D',\n }, \n statBlock: {\n marginRight: theme.spacing(2),\n marginBottom: theme.spacing(2),\n minWidth: 120,\n minHeight: 48,\n },\n statHeader: {\n fontSize: 13,\n },\n statValue: {\n fontSize: 28,\n fontWeight: 700,\n },\n}))\n\nconst LeaseStats = (props) => {\n const classes = useStyles()\n\n let stats = props.lease.stats\n if (!stats) {\n stats = {\n reqs: 0,\n failPct: 0,\n inBytes: 0,\n outBytes: 0,\n }\n }\n\n const StatBlock = (props) => {\n return (\n \n\t\t\t\t\n\t\t\t\tError creating port \n\t\t\t\t\n\t\t\t
\n\t)\n}\n\nconst mapStateToProps = (state) => ({\n\n})\n\nexport default connect(mapStateToProps)(PortNoAuth)\n","import React, { useEffect, useState } from 'react'\nimport { connect } from 'react-redux'\nimport { makeStyles, Link, Button, TextField, Tab, Tabs } from '@material-ui/core'\nimport { sidebarContentStyle } from '../ProxySidebar'\nimport { topBorder, inlineIcon } from '../../styles/common'\nimport LeaseStats from './LeaseStats'\nimport CopyButton, { CopySnackbar } from './CopyButton'\nimport VisibilityIcon from '@material-ui/icons/Visibility'\nimport VisibilityOffIcon from '@material-ui/icons/VisibilityOff';\nimport RefundButton from './RefundButton'\nimport { humanizedActivity, humanizedAgeSinceFirstSeen } from '../../redux/backend/proxies'\nimport { changedFields, infoChanged } from './util'\nimport InfoIcon from '@material-ui/icons/Info'\nimport EditIcon from '@material-ui/icons/Edit'\nimport { actConfirmRenew } from '../../redux/backend/renew'\nimport ButtonWithTooltip from '../ButtonWithTooltip'\nimport { useAuth0 } from \"../../redux/auth\"\nimport { actSetLeaseNote } from '../../redux/backend/active-leases'\nimport ProxyDetails from '../ProxyDetails'\nimport { TabContext, TabPanel } from '@material-ui/lab'\nimport { Divider } from '@material-ui/core'\nimport PortNoAuth from './PortNoAuth'\n\nconst sectionBase = (theme) => ({\n paddingTop: theme.spacing(2),\n paddingBottom: theme.spacing(2),\n paddingRight: theme.spacing(3),\n marginLeft: theme.spacing(3),\n})\n\nconst useStyles = makeStyles((theme) => ({\n content: {\n ...sidebarContentStyle(theme),\n },\n info: {\n flexGrow: 1,\n overflowY: 'scroll',\n gridRow: '1 / 4',\n },\n actions: {\n padding: theme.spacing(3),\n textAlign: 'center',\n ...topBorder(theme),\n gridRow: '4 / 5',\n },\n actionButton: {\n marginLeft: theme.spacing(1),\n marginRight: theme.spacing(1),\n },\n section: {\n ...sectionBase(theme),\n borderWidth: 0,\n// borderBottomWidth: 1,\n borderBottomColor: theme.palette.divider,\n borderStyle: 'solid',\n },\n sectionSocks: {\n borderWidth: 0,\n// borderBottomWidth: 1,\n borderBottomColor: theme.palette.divider,\n borderStyle: 'solid',\n },\n sectionBase: {\n ...sectionBase(theme),\n },\n field: {\n marginTop: theme.spacing(0.5),\n marginBottom: theme.spacing(0.5),\n maxWidth: '100%',\n overflowWrap: 'break-word',\n },\n header: {\n fontWeight: 600,\n },\n spacer: {\n paddingTop: theme.spacing(1),\n },\n label: {\n marginRight: theme.spacing(1),\n },\n value: {\n fontWeight: 600,\n },\n link: {\n fontSize: 13,\n marginBottom: theme.spacing(1),\n cursor: 'pointer',\n },\n inlineIcon: {\n ...inlineIcon(theme),\n marginLeft: theme.spacing(1),\n cursor: 'pointer',\n },\n infoChangeIcon: {\n height: 18,\n position: 'relative',\n top: 4,\n fill: theme.palette.grey[500],\n },\n editNoteIcon: {\n height: 18,\n opacity: 0.8,\n cursor: 'pointer',\n },\n noteTextField: {\n width: '100%',\n },\n sectionSocksSettingText: {\n borderWidth: 0,\n borderBottomColor: theme.palette.divider,\n borderStyle: 'solid',\n marginLeft: '12px',\n paddingLeft: '12px',\n fontFamily:'SF Pro Regular',\n\t\t color: '#6C7380',\n\t \tfontSize: 12,\n\t \tletterSpacing: 0,\n flexDirection: 'column',\n }\n}))\n\nconst useTabStyles\n = makeStyles((theme) => ({\n tabContainer: {\n width: '100%',\n },\n tabPanel: {\n\n },\n}))\n\n\nexport const tabStyles = makeStyles((theme) => ({\n root: {\n minWidth: 20,\n width: 20,\n textTransform: 'none',\n fontSize: 12,\n color: theme.palette.text.secondary,\n '&$selected': {\n '& *': {\n color: theme.palette.secondary.main,\n },\n },\n '&:hover': {\n '& $wrapper': {\n color: theme.palette.secondary.main,\n },\n },\n },\n selected: {},\n textColorInherit: {\n opacity: 1,\n },\n wrapper: {\n textTransform: 'none',\n fontSize: 16,\n fontWeight: 500,\n },\n}))\n\n\nconst CopyConnectionStringLink = (props) => {\n const socks = props.lease.socks\n const connectionString = 'socks5h://' + socks.user + ':' + socks.pwd + '@' + socks.ip + ':' + socks.port\n\n const [snackbarOpen, setSnackbarOpen] = useState(false)\n\n const copyConnectionString = () => {\n navigator.clipboard.writeText(connectionString)\n setSnackbarOpen(true)\n }\n\n return (\n <>\n Copy connection string\n \n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\tSOCKS IP:\n\t\t\t\t\t\t{socksIp}\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\tSOCKS PORT:\n\t\t\t\t\t\t{socksPort}\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t Save\n\t \n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\tWhite list ip(s) are ips from which connection to port without auth are availabe.
\n\t\t\t\t\t\n
\n )\n}\n\nconst mapStateToProps = (state) => ({\n lease: state.activeLeases.selected,\n})\n\nexport default connect(mapStateToProps)(MyProxySidebar)\n","import React, { useEffect } from 'react'\nimport { connect } from 'react-redux'\nimport { Table, TableHead, TableRow, TableBody, useTheme, makeStyles, Box, TableCell, Tooltip, Switch } from '@material-ui/core'\nimport { useTableStyles, TableDataCell, TableHeadCell, LoadingRow } from '../table'\nimport { actLoadActiveLeases, actSetSelectedActiveLease, actSwitchAutoRenew } from '../../redux/backend/active-leases'\nimport { useAuth0 } from \"../../redux/auth\"\nimport ReactCountryFlag from 'react-country-flag'\nimport { countryNames } from '../../data/countryNames'\nimport NoResults from '../NoResults'\nimport PhoneAndroidIcon from '@material-ui/icons/PhoneAndroid'\nimport WifiIcon from '@material-ui/icons/Wifi'\nimport SmartTooltip from '../SmartTooltip'\nimport InfoIcon from '@material-ui/icons/Info'\nimport { infoChanged } from './util'\n\nconst useStyles = makeStyles((theme) => ({\n flag: {\n width: 20,\n position: 'relative',\n bottom: 2,\n marginRight: theme.spacing(1),\n },\n connTypeIcon: {\n height: 18,\n position: 'relative',\n top: 3,\n left: -5,\n marginRight: -3,\n opacity: 0.8,\n },\n showingRowsCell: {\n textAlign: 'center',\n size: 16,\n color: '#3A404D',\n },\n infoChangeIcon: {\n height: 18,\n position: 'relative',\n top: 4,\n fill: theme.palette.grey[500],\n },\n}))\n\nconst formatTimeLeft = (date) => {\n const diffMs = date - Date.now()\n const minutes = Math.max(0, Math.floor(diffMs / (60 * 1000) % 60))\n const hours = Math.floor(diffMs / (60 * 60 * 1000))\n\n let result = minutes + \"m\"\n if (hours > 0) {\n result = hours + \"h \" + result\n }\n\n if (result === \"0m\") {\n result = \"now\"\n }\n\n return result\n}\n\nconst MyProxyTable = (props) => {\n const classes = useTableStyles()\n const extraClasses = useStyles()\n const theme = useTheme()\n\n const HeadCell = TableHeadCell(theme)\n const DataCell = TableDataCell(theme)\n\n const { getAccessTokenSilently } = useAuth0()\n const { dispatch, neverLoaded } = props\n useEffect(() => {\n if (neverLoaded) {\n dispatch(actLoadActiveLeases(getAccessTokenSilently))\n }\n }, [neverLoaded, dispatch, getAccessTokenSilently])\n\n const handleRowClick = (lease) => {\n dispatch(actSetSelectedActiveLease(lease))\n }\n\n const switchAutoRenew = (lease) => {\n dispatch(actSwitchAutoRenew(getAccessTokenSilently, lease))\n }\n\n const filteredLeases = filterLeases(props.activeLeases, props.filter)\n\n let body = \n if (!props.loading) {\n body = filteredLeases.map((al) =>\n \n \n\t setSelectedTab(v)} variant='fullWidth'>\n\t\t \n\t \n\t\t \n\t \n\t \t\n\t \n \n
\n\n \n
\n \n {(tempNote || addingNote) ?\n
\n \n
\n \n
\n With Auth - settings for most of browsers.
\n No Auth - settings for Chrome.
\n \n\t\t
\n\t \n\t\t
\n\t\t \n\t\t
\n\t\t \n\t\t
\n\t\t \n\t\t
\n\t\t \n\t\t
\n\n\t\t \n
}\n {infoChanged(lease) &&\n \n Hostname:\n {lease.info.host}\n
\n \n
\n }\n \n
\n \n {changedFields(lease).map(changedField =>\n \n {changedField[0]}:\n {changedField[1]}\n
\n )}\n \n
\n Uptime: {humanizedAgeSinceFirstSeen(lease.currentInfo.firstSeen)}
\n Activity: {humanizedActivity(lease.currentInfo.actv, lease.currentInfo.probeActv)}
\n \n {showExtraInfo && <>\n \n setShowExtraInfo(!showExtraInfo)}>Show {showExtraInfo ? 'less' : 'more'}\n
\n \n
\n \n {lease.renewable === true &&\n \n Renew Now\n \n }\n {!lease.renewable && lease.static !== true && \n Renew Now\n }\n {(lease.stats?.refundable || (lease.static === true && staticRefund === true)) && \n Refund\n \n }\n
\n Your lease is not eligible for a refund.
\nPlease contact support in telegram.
\n \n )\n break\n case REFUND_STATUS_ALIVE:\n message = (\n <>\nThe proxy is responsive and thus ineligible for an auto-refund.
\nPlease contact support in telegram for further questions.
\n \n )\n break\n default:\n message = (\n <>\nThere was an error processing the refund request.
\nPlease contact support in telegram.
\n \n )\n }\n\n const close = () => {\n props.dispatch(actResetRefundFailed())\n }\n\n return (\n \n )\n}\n\nconst mapStateToProps = (state) => ({\n failedEvent: state.activeLeases.refundFailedEvent,\n reason: state.activeLeases.refundFailReason,\n})\n\nexport default connect(mapStateToProps)(RefundFailedDialog)","import { CircularProgress, Dialog, DialogContent, makeStyles, Typography } from '@material-ui/core'\nimport React from 'react'\nimport { connect } from 'react-redux'\nimport { useDialogStyles } from '../dialog'\n\n\nconst RefundInProgressDialog = (props) => {\n const dialogClasses = useDialogStyles()\n const classes = makeStyles((theme) => ({\n content: {\n marginTop: theme.spacing(3),\n marginBottom: theme.spacing(6),\n marginLeft: theme.spacing(14),\n marginRight: theme.spacing(14),\n textAlign: 'center',\n },\n heading: {\n display: 'block',\n marginBottom: theme.spacing(4),\n },\n }))()\n\n return (\n \n )\n}\n\nconst mapStateToProps = (state) => ({\n refundInProgress: state.activeLeases.refundInProgress,\n})\n\nexport default connect(mapStateToProps)(RefundInProgressDialog)","import { IconButton, makeStyles, TextField } from '@material-ui/core'\nimport React from 'react'\nimport { connect } from \"react-redux\"\nimport { actSetActiveLeaseFilter } from '../../redux/backend/active-leases'\nimport ClearIcon from '@material-ui/icons/Clear'\n\nconst useStyles = makeStyles((theme) => ({\n container: {\n padding: theme.spacing(2),\n },\n field: {\n width: '100%',\n },\n clearIconButton: {\n margin: 0,\n padding: 0,\n height: 28,\n width: 28,\n },\n clearIcon: {\n height: 20,\n margin: 0,\n padding: 0,\n },\n}))\n\nconst MyProxyFilter = (props) => {\n const classes = useStyles()\n\n const handleChange = (e) => props.dispatch(actSetActiveLeaseFilter(e.target.value))\n const handleClear = () => props.dispatch(actSetActiveLeaseFilter(\"\"))\n\n return (\n\n handleClear()}>\n
\n )\n}\n\nconst mapStateToProps = (state) => ({\n filter: state.activeLeases.filter,\n})\n\nexport default connect(mapStateToProps)(MyProxyFilter)","import React, { useMemo } from 'react'\nimport { Dialog, DialogTitle, DialogContent, DialogActions, Table, TableCell, TableBody, TableRow, makeStyles, Button } from '@material-ui/core'\nimport { connect } from 'react-redux'\nimport { actSetLeaseType, filteredBlacklists, humanizedActivity, humanizedAgeSinceFirstSeen } from '../../redux/backend/proxies'\nimport { useDialogStyles } from '../dialog'\nimport { formatMoney } from '../../util/money'\nimport { actStartLease } from '../../redux/backend/lease'\n\nconst useStyles = makeStyles(window.innerWidth > 480 ?\n {\n dialogPaper: {\n minWidth: 900,\n },\n labelCell: {\n fontWeight: 400,\n width: 100,\n }\n } : {\n dialogPaper: {\n minWidth: 400,\n },\n labelCell: {\n fontWeight: 600,\n width: 100,\n }\n });\n\nconst BuyAgainDialog = (props) => {\n const classes = useStyles()\n const dialogClasses = useDialogStyles()\n\n const buyPrivate = () => {\n props.onClose()\n props.dispatch(actSetLeaseType('PRIVATE'))\n props.dispatch(actStartLease(p))\n }\n\n const buyShared = () => {\n props.onClose()\n props.dispatch(actSetLeaseType('SHARED'))\n props.dispatch(actStartLease(p))\n }\n\n const p = props.agentForBuyingAgain\n const blacklists = filteredBlacklists(p || {})\n\n return (\n \n )\n}\n\nconst mapStateToProps = (state) => ({\n ...state.leaseHistory,\n leaseType: state.proxies.leaseType,\n})\n\nexport default connect(mapStateToProps)(BuyAgainDialog)","import React from 'react'\n\nimport { Dialog, DialogTitle, DialogContent, DialogActions, Button } from '@material-ui/core'\nimport { useDialogStyles } from '../dialog'\nimport { connect } from 'react-redux'\n\nconst BuyAgainErrorDialog = (props) => {\n const dialogClasses = useDialogStyles()\n\n return (\n \n )\n}\n\nconst mapStateToProps = (state) => ({\n\n})\n\nexport default connect(mapStateToProps)(BuyAgainErrorDialog)","import { useAuth0 } from \"../../redux/auth\"\nimport { Box, Button, IconButton, makeStyles, Table, TableBody, TableHead, TableRow, TextField, useTheme } from '@material-ui/core'\nimport React, { useEffect, useState } from 'react'\nimport { connect } from 'react-redux'\nimport { actLoadAgentForBuyingAgain, actLoadLeaseHistory, actResetBuyAgain, actSetFirstLeaseHistoryDate, actSetLastLeaseHistoryDate, actSetLeaseHistoryQuery } from '../../redux/backend/lease-history'\nimport { formatMoney } from '../../util/money'\nimport NoResults from '../NoResults'\nimport SmartTooltip from '../SmartTooltip'\nimport { LoadingRow, TableDataCell, TableHeadCell, useTableStyles } from '../table'\nimport moment from 'moment'\nimport ReactCountryFlag from 'react-country-flag'\nimport BuyAgainDialog from './BuyAgainDialog'\nimport BuyAgainErrorDialog from './BuyAgainErrorDialog'\nimport { MuiPickersUtilsProvider, DatePicker } from '@material-ui/pickers'\nimport MomentUtils from '@date-io/moment'\nimport { bottomBorder } from '../../styles/common'\nimport ClearIcon from '@material-ui/icons/Clear'\n\n\nconst useStyles = makeStyles((theme) => ({\n flag: {\n width: 20,\n position: 'relative',\n bottom: 2,\n marginRight: theme.spacing(1),\n },\n buyAgainButton: {\n margin: 0,\n },\n row: {\n height: 60,\n },\n datePicker: {\n marginRight: theme.spacing(2),\n },\n topBar: {\n display: 'grid',\n gridTemplateColumns: '1fr auto auto',\n alignItems: 'center',\n paddingBottom: theme.spacing(2),\n ...bottomBorder(theme),\n },\n filters: {\n margin: theme.spacing(1),\n },\n searchBar: {\n margin: theme.spacing(1),\n marginLeft: theme.spacing(3),\n },\n clearIconButton: {\n margin: 0,\n padding: 0,\n height: 28,\n width: 28,\n },\n clearIcon: {\n height: 20,\n margin: 0,\n padding: 0,\n },\n search: {\n margin: theme.spacing(1),\n marginRight: theme.spacing(3),\n }\n}))\n\nconst LeaseHistoryTable = (props) => {\n const { dispatch, neverLoaded } = props\n const { getAccessTokenSilently } = useAuth0()\n const [ mouseOverLeaseID, setMouseOverLeaseID ] = useState(\"\")\n const [ updateAvailable, setUpdateAvailable ] = useState(true)\n\n const classes = useStyles()\n const tableClasses = useTableStyles()\n const theme = useTheme()\n\n const HeadCell = TableHeadCell(theme)\n const DataCell = TableDataCell(theme)\n\n useEffect(() => {\n if (neverLoaded) {\n dispatch(actLoadLeaseHistory(getAccessTokenSilently))\n }\n }, [neverLoaded, dispatch, getAccessTokenSilently])\n\n const onBuyAgainClick = (lease) => {\n dispatch(actLoadAgentForBuyingAgain(getAccessTokenSilently, lease))\n }\n\n // TODO this was copied and pasted from PaymentPage - see if we can extract\n const datePickerLabelFunc = (prefix) => { return (date) => prefix + ' ' + moment(date).format('YYYY-MM-DD') }\n\n const datePickerProps = {\n className: classes.datePicker,\n inputVariant: 'standard',\n variant: 'inline',\n disableFuture: true,\n autoOk: true,\n minDate: props.minDate,\n }\n\n const setFirstDate = (date) => {\n dispatch(actSetFirstLeaseHistoryDate(getAccessTokenSilently, date))\n }\n const setLastDate = (date) => {\n dispatch(actSetLastLeaseHistoryDate(getAccessTokenSilently, date))\n }\n const onClickUpdate = () => {\n if (!updateAvailable) {\n return\n }\n dispatch(actLoadLeaseHistory(getAccessTokenSilently))\n \n setUpdateAvailable(false)\n setTimeout(() => setUpdateAvailable(true), 3000)\n }\n const onSearchQueryChange = (e) => {\n dispatch(actSetLeaseHistoryQuery(e?.target?.value))\n }\n const onSearchKeyPress = (e) => {\n if (e.key === 'Enter') {\n onClickUpdate()\n e.preventDefault()\n } \n }\n const onClickClearSearch = () => {\n dispatch(actSetLeaseHistoryQuery(\"\"))\n }\n\n return (\n <>\n \n
\n {numbers}
\n {country}, {region},
\n {city}
\n \n
\n \n )\n};\n\nexport default MyProxiesMobileItem;","import React from 'react';\nimport { NavLink } from 'react-router-dom';\nimport './style.css';\n\nconst ProxyHistoryItem = ({ port, country, city, price, id, region }) => {\n\n return (\n {time} left
\n {status === \"Private\" ? \"Private\" : `Shared ${sharedCount}/4`}
\n \n
\n {port}
\n {country}, {city}, {region}
\n {price}
\n \n )\n};\n\nexport default ProxyHistoryItem;","\nexport const getProxiesHistory = (getToken) => {\n return async (dispatch, getState) => {\n // dispatch(getProxiesHistory())\n const data = await getState().apiClient.withToken(getToken).getProxiesHistory1()\n dispatch(getProxyHistories(data))\n }\n}\n\nexport const getProxyHistories = (data) => ({\n type: 'GET_PROXY_HISTORIES',\n reduce: (state) => ({\n ...state,\n histories: data.items,\n})\n})","import React from 'react';\nimport MyProxyFilter from '../my-proxies/MyProxyFilter';\nimport MyProxiesMobileItem from './proxyItemMobile';\nimport { connect } from 'react-redux';\nimport { ClipLoader } from 'react-spinners';\nimport { useState } from 'react';\nimport ProxyHistoryItem from '../ProxyHistoryMobile/proxyHistoryItem';\nimport { useEffect } from 'react';\nimport { useAuth0 } from \"../../redux/auth\"\nimport { getProxiesHistory } from '../../redux/backend/proxyHistories';\nimport { getActiveItem } from '../../redux/backend/activeMenuItem';\nimport { actLoadActiveLeases, actSetSelectedActiveLease } from '../../redux/backend/active-leases';\nimport { countryNames } from '../../data/countryNames';\nimport './style.css';\nimport { actChangeLeaseHistoryPage, actLoadLeaseHistory } from '../../redux/backend/lease-history';\nimport { formatMoney } from '../../util/money';\n\nconst MyProxiesMobilePage = (props) => {\n\n const formatTimeLeft = (date) => {\n const diffMs = date - Date.now();\n const minutes = Math.max(0, Math.floor(diffMs / (60 * 1000) % 60));\n const hours = Math.floor(diffMs / (60 * 60 * 1000));\n\n let result = minutes + \"m\";\n if (hours > 0) {\n result = hours + \"h \" + result;\n }\n\n if (result === \"0m\") {\n result = \"now\";\n }\n return result;\n };\n\n const [openHistoryList, setOpenHistoryList] = useState(false);\n const { getAccessTokenSilently } = useAuth0();\n const { dispatch, neverLoaded } = props;\n\n useEffect(() => {\n if (neverLoaded) {\n dispatch(actLoadLeaseHistory(getAccessTokenSilently));\n }\n }, []);\n\n useEffect(() => {\n if (neverLoaded) {\n dispatch(actLoadActiveLeases(getAccessTokenSilently))\n }\n}, [])\n\n const [offset, setOffset] = useState(0);\n \n const isMobile = true;\n const handlePageChange = (page) => {\n dispatch(actChangeLeaseHistoryPage(getAccessTokenSilently, page, isMobile));\n };\n\n useEffect(() => {\n dispatch(getActiveItem('My Proxies'));\n }, [dispatch]);\n\n const filteredLeases = filterLeases(props.activeLeases.activeLeases, props.filter);\n\n const handleRowClick = (lease) => {\n dispatch(actSetSelectedActiveLease(lease));\n };\n\n return (\n \n setOpenHistoryList(!openHistoryList)}\n className='show-history'\n >\n {openHistoryList ? 'Hide history' : 'Show history'}\n
\n {\n openHistoryList && \n {props?.activeLeases?.activeLeases && filteredLeases && filteredLeases?.map((item) => {\n return (\n 4 ? true : false}\n id={item?.id}\n onClick={() => handleRowClick(item)}\n />\n );\n })}\n
\n }\n \n {\n props?.items?.map((item) => {\n return {\n setOffset(offset + 1);\n handlePageChange(offset + 1);\n }}>Show more histories
\n }\n {\n props?.items && props?.items?.length > 0 && props.loading &&\n \n
\n }\n \n }\n \n );\n};\n\nconst filterLeases = (leases, filter) => {\n if (filter === null || filter === \"\") {\n return leases;\n }\n const filtered = [];\n const f = filter.toLowerCase();\n for (const lease of leases) {\n if (lease?.info?.ip?.toLowerCase()?.includes(f) ||\n lease?.info?.loc?.cc?.toLowerCase()?.includes(f) ||\n countryNames[lease?.info?.loc?.cc]?.toLowerCase()?.includes(f) ||\n lease?.info?.loc?.reg?.toLowerCase()?.includes(f) ||\n lease?.info?.loc?.city?.toLowerCase()?.includes(f) ||\n lease?.info?.loc?.zip?.toLowerCase()?.includes(f) ||\n lease?.info?.loc?.isp?.toLowerCase()?.includes(f) ||\n lease?.note?.toLowerCase()?.includes(f)) {\n filtered.push(lease);\n }\n }\n return filtered;\n};\n\nconst mapStateToProps = (state) => ({\n activeLeases: state.activeLeases,\n ...state.leaseHistory,\n filter: state.activeLeases.filter,\n});\n\nexport default connect(mapStateToProps)(MyProxiesMobilePage);\n","import React from 'react';\nimport { connect } from 'react-redux';\nimport { makeStyles, Box, Snackbar, SnackbarContent, Button, Tabs, Tab } from '@material-ui/core';\nimport { headerStyle } from '../Shop';\nimport { pageTitle, leftBorder, topBorder } from '../../styles/common';\nimport MyProxySidebar from './MyProxySidebar';\nimport MyProxyTable from './MyProxyTable';\nimport { actResetRefundSuccess } from '../../redux/backend/active-leases';\nimport RefundFailedDialog from './RefundFailedDialog';\nimport RefundInProgressDialog from './RefundInProgressDialog';\nimport MyProxyFilter from './MyProxyFilter';\nimport LeaseHistoryTable from './LeaseHistoryTable';\nimport { Link, Route, useLocation } from 'react-router-dom';\nimport LeaseHistoryPaginator from './LeaseHistoryPaginator';\nimport MyProxiesMobilePage from '../myProxiesMobile/myProxiesMobile';\nimport { useEffect } from 'react';\n\n\nconst useStyles = makeStyles((theme) => ({\n tab: {\n height: '100%',\n width: '100%',\n\n display: 'grid',\n gridTemplateRows: 'auto 1fr auto',\n gridTemplateColumns: '1fr auto',\n },\n header: {\n ...headerStyle(theme),\n paddingBottom: theme.spacing(1.5),\n gridColumnStart: 1,\n gridColumnEnd: 2,\n gridRowStart: 1,\n gridRowEnd: 2,\n },\n content: {\n gridColumnStart: 1,\n gridColumnEnd: 2,\n gridRowStart: 2,\n gridRowEnd: 3,\n\n overflowY: 'scroll',\n },\n sidebar: {\n ...leftBorder(theme),\n gridColumnStart: 2,\n gridColumnEnd: 3,\n gridRowStart: 1,\n gridRowEnd: 3,\n },\n footer: {\n padding: 0,\n paddingLeft: theme.spacing(1),\n ...topBorder(theme),\n\n gridColumnStart: 1,\n gridColumnEnd: 2,\n gridRowStart: 3,\n gridRowEnd: 4,\n },\n title: {\n ...pageTitle,\n },\n}));\n\nconst MyProxyPage = (props) => {\n const classes = useStyles()\n\n const resetRefundSuccess = () => {\n props.dispatch(actResetRefundSuccess())\n }\n\n const location = useLocation()\n\n return (\n <>\n \n \n \n \n \n \n \n \n \n \n \n \n {(location.pathname === \"/my\") && \n {(location.pathname === \"/my/history\") &&\n \n }\n \n Dismiss}\n />\n \n \n
\n \n
\n \n );\n};\n\nconst mapStateToProps = (state) => ({\n refundSuccess: state.activeLeases.refundSuccessEvent,\n filter: state.activeLeases.filter,\n account: state.account,\n});\n\nexport default connect(mapStateToProps)(MyProxyPage);\n","import React from 'react';\nimport { connect } from 'react-redux';\nimport { useAuth0 } from \"../../redux/auth\"\nimport { Dialog, DialogTitle, DialogActions, Button, DialogContent, makeStyles } from '@material-ui/core';\nimport { useDialogStyles } from './LeaseFlow';\nimport { actConfirmLease } from '../../redux/backend/lease';\nimport { NavLink } from 'react-router-dom';\nimport './leaseFlow.css';\n\nconst useStyles = makeStyles((theme) => ({\n ipWarning: {\n fontWeight: 700,\n color: '#b47b05',\n }\n}));\n\nconst LeaseConfirm = (props) => {\n const classes = useDialogStyles();\n const extraClasses = useStyles();\n const { getAccessTokenSilently } = useAuth0();\n\n const handleBuyClick = () => {\n props.dispatch(actConfirmLease(getAccessTokenSilently));\n };\n\n return (\n \n The Proxy will be leased to you for 24 hours.\n
\n\n \n Mobile proxies may change their IP addresses many times over that period, which is normal as the mobile device changes its\n location, switches to Wi-Fi or is reconfigured by the ISP.\n \n
\n\n A Private purchase guarantees that the proxy will only be available to you.\n A Shared purchase allows the proxy to be shared with up to 3 other users.\n
\n\n If the proxy goes offline at any point within the first 4 hours of your lease, you will be eligible to get a full refund to your balance\n via the Refund button in the My Proxies tab or support telegram bot telegram, \n by providing lease id.\n
\n\n After 4 hours or more than 100mb used traffic, a refund is no longer possible even if the proxy goes offline.\n
\n\n {props.warning ? \n
\n {props.title ? props.title : 'Purchase failed'}
\n \n {type === 'CONFIRM' && \n Review\n }>\n The price of the proxy has just been updated.
\n Review the updated price before buying the proxy.\n \n )}\n {type === 'NOT_ENOUGH_FUNDS' && (\n \n Add Funds\n }\n >\n You do not have enough funds on your balance.
\n Make a deposit and try again.\n \n )}\n {type === 'GENERIC_ERROR' && (\n \n There was an error.
\n Try again or contact support.\n \n )}\n {type === 'INFO_CHANGED' && (\n \n Review\n }>\n The following parameters of the proxy have changed:
\n
\n Review the updated information before buying the proxy. \n \n )}\n {type === 'ALREADY_LEASED' && (\n \n OK\n }>\n This proxy is currently purchased and unavailable.\n \n )}\n {type === 'AGENT_NOT_FOUND' && (\n \n OK\n }>\n This proxy is currently offline.\n \n )}\n
\n )\n}\n\nconst changeMap = {\n 'ip': \"IP Address\",\n 'location': \"Geolocation\",\n 'blacklists': \"Blacklists\",\n 'hostname': \"DNS Hostname\",\n 'ipScore': \"IP Score\",\n 'rating': \"Rating\",\n}\n\nconst mapStateToProps = (state) => ({\n leaseFlow: state.leaseFlow\n})\n\nexport default connect(mapStateToProps)(LeaseFlow)","import React from 'react'\nimport { Backdrop, CircularProgress, useTheme } from '@material-ui/core'\nimport { connect } from 'react-redux'\n\n\nconst GlobalBusyIndicator = (props) => {\n const theme = useTheme()\n return (\n \n Review the updated price before buying the proxy.\n
\n Make a deposit and try again.\n
\n Try again or contact support.\n
\n
- \n {props.leaseFlow.changes.map((ch) =>
- {changeMap[ch] || ch} )}\n
\n Review the updated information before buying the proxy. \n
\n
\n );\n};\n\nconst mapStateToProps = (state) => ({\n ...state.payments,\n});\n\nexport default connect(mapStateToProps)(PaymentItemMobile);","/* eslint-disable react-hooks/exhaustive-deps */\nimport React, { useState } from 'react';\nimport { Box, Typography, makeStyles, TablePagination, Link, TextField } from '@material-ui/core';\nimport { pageTitle, bottomBorder, topBorder } from '../../styles/common';\nimport { headerStyle } from '../Shop';\nimport { MuiPickersUtilsProvider, DatePicker } from '@material-ui/pickers';\nimport MomentUtils from '@date-io/moment';\nimport { connect, useDispatch } from 'react-redux';\nimport moment from 'moment';\nimport PaymentTable from './PaymentTable';\nimport { actChangeTxRecordPage, actSetFirstTxRecordDate, actSetLastTxRecordDate } from '../../redux/backend/payments';\nimport { useAuth0 } from \"../../redux/auth\"\nimport { actOpenAddFunds } from '../../redux/backend/add-funds';\nimport PaymentItemMobile from './PaymentItemMobile';\nimport { formatMoney } from '../../util/money';\nimport ClipLoader from \"react-spinners/ClipLoader\";\nimport { useEffect } from 'react';\nimport { getActiveItem } from '../../redux/backend/activeMenuItem';\nimport './payments.css';\n\nconst useStyles = makeStyles((theme) => ({\n tab: {\n height: '100%',\n width: '100%',\n\n display: 'grid',\n gridTemplateRows: 'auto auto 1fr auto',\n gridTemplateColumns: '1fr',\n },\n header: {\n ...headerStyle(theme),\n\n gridRowStart: 1,\n gridRowEnd: 2,\n gridColumnStart: 1,\n gridColumnEnd: 2,\n\n display: 'flex',\n alignItems: 'center',\n },\n title: {\n ...pageTitle,\n\n gridRowStart: 2,\n gridRowEnd: 3,\n gridColumnStart: 1,\n gridColumnEnd: 2,\n\n marginRight: theme.spacing(3),\n },\n filters: {\n ...bottomBorder(theme),\n paddingLeft: theme.spacing(3),\n paddingBottom: theme.spacing(3),\n display: 'flex'\n },\n datePicker: {\n marginRight: theme.spacing(2),\n },\n tableContainer: {\n gridRowStart: 3,\n gridRowEnd: 4,\n gridColumnStart: 1,\n gridColumnEnd: 2,\n overflowY: 'scroll',\n },\n footer: {\n gridRowStart: 4,\n gridRowEnd: 5,\n gridColumnStart: 1,\n gridColumnEnd: 2,\n\n ...topBorder(theme),\n },\n paginationCaption: {\n fontWeight: 500,\n },\n paginationSpacer: {\n display: 'none',\n },\n}));\n\nconst PaymentPage = (props) => {\n\n const classes = useStyles();\n\n let startDate = new Date(props.firstDate.format('YYYY-MM-DD'));\n let endDate = new Date(props.lastDate.format('YYYY-MM-DD'));\n let difference = endDate.getTime() - startDate.getTime();\n let totalDays = Math.ceil(difference / (1000 * 3600 * 24));\n\n const datePickerLabelFunc = (prefix) => { return (date) => prefix + ' ' + moment(date).format('YYYY-MM-DD'); };\n\n const datePickerProps = {\n className: classes.datePicker,\n inputVariant: 'standard',\n variant: 'inline',\n disableFuture: true,\n autoOk: true,\n minDate: props.minDate,\n };\n\n // const daysArray = () => {\n // console.log(totalDays, \"in daysArray\", startDate);\n // const tomorrow = new Date(startDate);\n // const dateArray = [];\n // for (let i = 0; i <= totalDays; i++) {\n // let next_date = tomorrow.setDate(tomorrow.getDate() + 1);\n // console.log(new Date(next_date),'next_date');\n // dateArray.push({ date: new Date(next_date) });\n // console.log(dateArray, 'dateArray');\n // }\n // console.log(dateArray, 'dateArraydateArraydateArray');\n // return dateArray;\n // };\n\n const { getAccessTokenSilently } = useAuth0();\n\n const handlePageChange = (_, page) => {\n props.dispatch(actChangeTxRecordPage(getAccessTokenSilently, page));\n };\n\n const setFirstDate = (date) => {\n props.dispatch(actSetFirstTxRecordDate(getAccessTokenSilently, date));\n };\n \n const setLastDate = (date) => {\n props.dispatch(actSetLastTxRecordDate(getAccessTokenSilently, date));\n };\n\n const showAddFunds = () => {\n props.dispatch(actOpenAddFunds());\n };\n\n const dispatch = useDispatch();\n\n useEffect(() => {\n dispatch(getActiveItem('Payments'));\n console.log('here')\n }, []);\n\n const [offset, setOffset] = useState(0);\n const isMobile = true;\n\n const showMorePayments = (page) => {\n props.dispatch(actChangeTxRecordPage(getAccessTokenSilently, page, isMobile));\n };\n\n // console.log(props, 'length ... total')\n\n return (\n <>\n \n
\n {title}
\n {description}
\n \n
\n {amount}
\n {balance}
\n \n \n \n \n Payments \n Add Funds\n \n \n \n \n \n \n \n
\n \n
\n \n
\n \n
\n \n \n \n
\n \n \n \n
*/}\n \n \n \n \n )\n}\n\nconst mapStateToProps = (state) => ({\n ...state.payments,\n});\n\nexport default connect(mapStateToProps)(PaymentPage);","import React, { useState, useEffect } from 'react'\nimport { Modal, OutlinedInput,InputAdornment, Fade, makeStyles, Box, Link, Select, MenuItem, FormControl, InputLabel, Button, Dialog, DialogTitle, DialogContent, DialogActions } from '@material-ui/core'\nimport { connect } from 'react-redux'\nimport CloseIcon from '@material-ui/icons/Close'\nimport { actCloseAddFunds, actCreateCharge, actResetNewChargeCode } from '../redux/backend/add-funds'\nimport { useAuth0 } from \"../redux/auth\"\nimport { useDialogStyles } from './dialog'\nimport { openTermsAndConditions } from '../util/util'\n\n\nconst useStyles = makeStyles((theme) => ({\n paper: {\n width: '100%',\n height: '100%',\n backgroundColor: theme.palette.background.paper,\n\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n },\n closeIcon: {\n position: 'absolute',\n right: theme.spacing(1),\n top: theme.spacing(1),\n },\n content: {\n width: 340,\n paddingBottom: theme.spacing(12),\n },\n title: {\n fontSize: 20,\n fontWeight: 600,\n color: '#121212',\n display: 'block',\n marginBottom: theme.spacing(1),\n },\n disclaimer: {\n color: '#6C7380',\n fontSize: 12,\n display: 'block',\n },\n controlBlock: {\n marginTop: theme.spacing(3),\n display: 'flex',\n },\n control: {\n },\n controlSpacer: {\n flexGrow: 1,\n },\n addFundsButton: {\n width: '100%',\n marginTop: theme.spacing(5),\n },\n select: {\n fontWeight: 700,\n },\n}))\n\nconst AddFundsModal = (props) => {\n const classes = useStyles()\n\n const close = () => {\n props.dispatch(actCloseAddFunds())\n setCurrencyType('BTC')\n setAmtC(500)\n }\n\n const closeError = () => {\n props.dispatch(actResetNewChargeCode())\n props.dispatch(actCloseAddFunds())\n setCurrencyType('BTC')\n setAmtC(500)\n }\n\n const [amtC, setAmtC] = useState(500)\n const [currencyType, setCurrencyType] = useState('BTC')\n const minAmountBtc = 2\n const minAmountUsdt = 10\n\n const [buttonState, setButtonState] = useState(false)\n\n const changeAmtC = (ev) => {\n if (isNaN(ev.target.value) || ev.target.value == \"\" || ev.target.value == null || ev.target.value == undefined){\n setButtonState(true)\n setAmtC(0)\n } else {\n if (currencyType == 'trc20usdt') {\n if (ev.target.value < minAmountUsdt) {\n setButtonState(true)\n setAmtC(ev.target.value*100)\n } else {\n setButtonState(false)\n setAmtC(ev.target.value*100)\n }\n } else {\n if (ev.target.value < minAmountBtc) {\n setButtonState(true)\n setAmtC(ev.target.value*100)\n } else {\n setButtonState(false)\n setAmtC(ev.target.value*100)\n }\n }\n \n }\n }\n\n const changeCurrencyType = (ev) => {\n if (ev.target.value == 'trc20usdt') {\n if(amtC/100 < minAmountUsdt ){\n setAmtC(minAmountUsdt*100)\n setButtonState(false)\n } \n // console.log('AMOUNT :' +amtC)\n } else {\n if(amtC/100 < minAmountBtc ){\n setAmtC(minAmountBtc*100)\n setButtonState(false)\n }\n \n }\n setCurrencyType(ev.target.value)\n \n }\n\n const { getAccessTokenSilently } = useAuth0()\n const addFunds = () => {\n close()\n props.dispatch(actCreateCharge(getAccessTokenSilently,\n amtC/100,\n props.account.userID,\n props.account.email,\n currencyType))\n }\n\n const dispatch = props.dispatch\n const newChargeCode = props.newChargeCode\n const now = new Date()\n\n const invoiceItem = {\n newChargeCode: props.newChargeCode,\n currencyType: props.currencyType,\n currencyAddress: props.currencyAddress,\n currencyAmount: props.currencyAmount,\n amountUSD: props.amountUSD,\n expire: now.getTime()/1000 + 60*60*6,\n }\n\n useEffect(() => {\n if (newChargeCode) {\n dispatch(actResetNewChargeCode())\n sessionStorage.clear()\n const url = window.location.origin+'/charges/' + newChargeCode\n sessionStorage.setItem(newChargeCode, JSON.stringify(invoiceItem))\n\n window.open(url,\"_blank\")\n }\n }, [newChargeCode, dispatch])\n\n const commonSelectProps = {\n className: classes.select,\n }\n const commonFormControlProps = {\n className: classes.control,\n variant: 'outlined',\n }\n\n const dialogClasses = useDialogStyles()\n\n return (\n <>\n \n
\n \n
\n \n
\n \n {\n // daysArray()?.map((day, day_i) => {\n // console.log(day,'dayyyyrrrrrrrrrrrrrrr');\n // return {\n setOffset(offset + 1);\n showMorePayments(offset + 1);\n }}>Show more payments
\n } \n {/* \n // {\n props?.txRecords\n // ?.filter((txR) => {\n // console.log(new Date(txR.time).getMonth(),'rrrrrrrrrrrrrrrrr',day.date.getMonth());\n // return ( new Date(txR.time).getMonth()+1 === day.date.getMonth()+1)\n // }) \n .map((item, index) => {\n return <>\n {/* {moment(day?.date).format('YYYY DD MMMM')} */}\n
\n {/* })\n } */}\n {\n props?.txRecords && props?.txRecords?.length > 0 && props?.loading &&\n \n
\n }\n {\n props?.txRecords?.length < props?.total && \n Minimum amount is {currencyType == 'trc20usdt'? '10$': '5$'}
\n {currencyType == 'trc20usdt' && \n \n If you will send less than 10$ , transfer commission will be on deducted from your sum and it can be near 3$.\n \n }\n Please allow pop-ups if your browser asks you.
\n After the crypto transaction is completed, the funds will\n appear on your balance within few minutes.
\n Please note that balance cannot be refunded to currency.
\n See our Terms and Conditions for more details.\n \n
NO
;\n }\n return changedFields(lease.lease).map(changedField =>\n \n {changedField[0]}:\n {changedField[1]}\n
\n )\n}\n\nconst LeaseInfo = (props) => {\n const classes = useStyles()\n // console.log(props)\n const lease = props?.lease?.leaseInfo\n // console.log(lease)\n const totalTraffic = (lease?.stats?.outBytes + lease?.stats?.inBytes)/1024/1000\n const date = new Date(lease?.until)\n const overUsed = date.getHours()<=18?true:false\n\n const { getAccessTokenSilently } = useAuth0()\n\n const handleRefundLease = () => {\n props.lease.dispatch(actRefundLease(getAccessTokenSilently, lease?.id))\n }\n\n const amountC = lease?.purchasePriceC\n const userId = lease?.user.replace('urn:user:', '')\n\n const handleUpdateBalance = () => {\n const amountCInt = parseInt(amountC)\n if (amountCInt) {\n props.lease.dispatch(actUpdateUserInfo(getAccessTokenSilently, userId, { balanceDeltaC: amountCInt }))\n }\n }\n\n let refundDisble = false\n\n lease?.ended == true ? refundDisble = true : refundDisble = false\n\n // console.log('REFUND : ' +refundDisble)\n\n const dateFormat = (date) => {\n let d = new Date(date)\n let year = d.getFullYear();\n let month = d.getMonth()+1;\n let dt = d.getDate();\n\n if (dt < 10) {\n dt = '0' + dt;\n }\n if (month < 10) {\n month = '0' + month;\n }\n let hours = d.getHours()\n let min = d.getMinutes()\n\n return year+'-'+month+'-'+dt+' '+hours+':'+min\n }\n\n const getEndedHours = (date) => {\n // console.log('DATE1' + new Date().toJSON())\n // console.log('DATE2' + date.toJSON())\n let diff = Math.round(Math.abs(new Date(new Date().toJSON()).getTime() - date.getTime()) / 3600000);\n\n return diff\n }\n\n return (\n ACCESS DENIED :-(
\n }\n\n const found = props.userInfo ? true : false\n\n const handleKeypress = e => {\n // console.log(e.keyCode)\n // console.log(e.key)\n if (e.key == 'Enter') {\n handleShowLeaseInfo();\n }\n }\n\n const datePickerLabelFunc = (prefix) => { return (date) => prefix + ' ' + moment(date).format('YYYY-MM-DD') }\n \n const datePickerProps = {\n className: classes.datePicker,\n inputVariant: 'standard',\n variant: 'inline',\n disableFuture: true,\n autoOk: true,\n }\n\n const setFirstDate = (date) => {\n let formattedDate = moment(date).format('YYYY-MM-DD');\n setFirstDateValue(formattedDate)\n }\n const setLastDate = (date) => {\n let formattedDate = moment(date).format('YYYY-MM-DD');\n setLastDateValue(formattedDate)\n }\n\n const handleShowUserPayments = () => {\n props.dispatch(actGetUserPayments(getAccessTokenSilently, 0, 1000, firstDate, lastDate, userId))\n }\n\n const handleGetUserInfo = () => {\n props.dispatch(actGetUserInfoByEmail(getAccessTokenSilently, userGetInfoEmail))\n }\n\n const handleChangeUserPassword = () => {\n props.dispatch(actChangeUserPassword(getAccessTokenSilently, userGetInfoEmail, newUserPassword))\n }\n\n const handleBlockUser = () => {\n props.dispatch(actBlockUser(getAccessTokenSilently, userGetInfoEmail))\n }\n\n // console.log('PROPS')\n // console.log(props)\n return (\n \n
\n )\n}\n\nconst mapStateToProps = (state) => ({\n ...state.admin,\n})\n\nexport default connect(mapStateToProps)(AdminPage)\n","import { useAuth0 } from \"../../redux/auth\"\nimport { Button, Dialog, DialogActions, DialogContent, DialogTitle, Snackbar, SnackbarContent } from '@material-ui/core'\nimport React from 'react'\nimport { connect } from 'react-redux'\nimport { actOpenAddFunds } from '../../redux/backend/add-funds'\nimport { actPerformRenew, actResetRenew, calculateRenewPrice } from '../../redux/backend/renew'\nimport { formatMoney } from '../../util/money'\nimport { useDialogStyles } from '../dialog'\n\n\nconst RenewFlow = (props) => {\n const classes = useDialogStyles()\n\n const handleReset = () => {\n props.dispatch(actResetRenew())\n }\n\n const {getAccessTokenSilently} = useAuth0()\n const handleRenew = () => {\n props.dispatch(actPerformRenew(getAccessTokenSilently))\n }\n\n const handleAddFunds = () => {\n handleReset()\n\n props.dispatch(actOpenAddFunds())\n }\n\n return (\n <>\n {props.flow.type === 'CONFIRM' && \n \n }\n \n
\n Admin Page
\n \n \n \n \n \n \n \n \n\n \n \n\n \n\n \n \n \n \n \n \n \n \n\n\n
\n \n
\n \n
\n \n \n \n Show Info\n \n {(props.userData !== null && props.userData !== undefined) && (\n \n {props?.userData?.blocked === false || !props?.userData?.blocked ? 'Block user' : 'Unblock user'} \n \n )}\n
\n Find User:
\n \n {(props.userData !== null && props.userData !== undefined) && (\n
\n \n \n \n {/* {props.userData !== null ? JSON.stringify(props.userData, null, 2) : props.userDataError} */}\n
\n )}\n \n ![\"cat\"](\"https://cataas.com/cat/says/hello%20admin?width=400\")
\n
\n \n
\n \n
\n \n \n \n Show Info\n \n
\n Find User:
\n \n
\n {props.userInfo !== null ? JSON.stringify(props.userInfo, null, 2) : \"not found\"}
\n \n Allow DEPOSIT\n Revoke DEPOSIT\n
\n Deposit Permission:
\n \n Apply to balance\n
\n Balance Update:
\n \n \n
\n \n
\n \n \n
\n \n \n Show Info\n \n
\n Find Lease:
\n \n \n
\n \n
\n \n
\n \n
\n Find Transaction:
\n \n \n
\n \n \n
\n \n \n
\n\n \n \n
\n \n \n
\n \n \n \n \n
\n \n \n Show Info\n \n
\n \n \n
\n \n \n
\n \n
\n \n
\n \n \n \n
\n \n \n \n Show Payments\n \n
\n \n \n
\n - \n\t\t
- BigMama Proxy Network provides its service for legal purposes only, as per US federal and state laws. \n\t\t
- \n\t\t Any attempt to use our services for fraud, scam, spam, transferring illegal content or similar\n\t\t activities will result in immediate and permanent account suspension and loss of balance. \n\t\t \n\t\t
- We report illegal activity as required by law. \n\t\t
\n\t\t\t\n\t\t\t\tWhat is mobile proxies? \n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tMobile proxies are proxies that are running on different mobile phones.\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t \n\t\t\t\n\t\t\t\tWhich protocol are used for connection? \n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tFor current moment only SOCKS5 protocol are available for connection to proxy.\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t \n\t\t\t\n\t\t\t\tHow to configure BigMamа proxies? \n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tOur proxies could be used with various software: \n\t\t\t\t\t\tChrome/macOS/Windows - you need create PORT NOAUTH for bought proxies and after use any addon or software you need.\n\t\t\t\t\t\t\tAs example you can use proxyfier. \n\t\t\t\t\t\tFirefox - by default is not working too, to use it with Firefox you can use BigMama Proxy Connect extension\n\t\t\t\t\t\t\tor any other \n\t\t\t\t\t \n\t\t\t\t \n\t\t\t \n\t\t\t\n\t\t\t\tWhat is a PORT NOAUTH? \n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tPORT NOAUTH - allow user create unique port for connection to proxy without username and password.\n\t\t\t\t\t\tYou can configure PORT NOAUT for each proxy listed in \"My Proxies\" tab. While configuration you should specify ip address\n\t\t\t\t\t\tfrom which you will perform connection to proxy.\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t \n\t\t\t\n\t\t\t\tWhy proxy change the ip adress? \n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tAs proxies is running on users mobile phones, that means If owner of the phone change location or switch from wifi to cell\n\t\t\t\t\t\tor vice versa or switch on VPN and in this cases the ip will changed.\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t \n\t\t\t\n\t\t\t\tWhat means activity, uptime, new, clean params? \n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t \n\t\t\t \n\t\t\t\n\t\t\t\tHow work refund process? \n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\n\t\t\t\t\t\tIn case of proxy stop responding in a first 4 hours, it could be refunded, in \"My Proxies\" list, refund button will be shown, when button pressed,\n\t\t\t\t\t\tsystem doublecheck if socks is truly not responsive and if so refund is issued to your account.\n\t\t\t\t\t\tWhen you click refund button system will check proxy traffic if its less then 100Mb and speed less then 500kbps, proxy will be refunded.\n\t\t\t\t\t\tSpeed check works only if proxy shared in two or one user. Refund button will be shown for first 4h.\n\t\t\t\t\t\tIf you cannot refund proxy by some reason, please contact support via telegram\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t \n\t\t\t\n\t\t\t\tWhat differents between shared and private? \n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\n\t\t\t\t\t\tShared means that same proxy could be rented by other people, up to 4 times. Private means that as soon as you bought it it will be removed from marked and will be used only by you.\n\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t \n\t\t\t\n\t\t\t\tWhat about geo for mobile proxies? \n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tEven the mobile phones have no fixed location, IP addresses they used to access internet still registered to some locations, quite often that is cell operator head office address,\n\t\t\t\t\t\tor other location. Also, different lookup databases could show diffferent location, IP could change and appear in a different state, or even country.\n\n\t\t\t\t\t\tWhen user is connected to WiFi it is easier, then it is acting as a resedential proxy with address etc.\n\t\t\t\t\t\tYou can read additional info about mobile geo, you can read it in the article\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t \n\t\t\t\n\t\t\t\tIf I need proxy more then for one day? \n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tThere is auto-renew option which could be enabled in \"My Proxies\" tab, then each day it would be renewed,\n\t\t\t\t\t\tand your balance charged.\n\t\t\t\t\t\t![](\"https://i.imgur.com/j5xglyn.png\")
\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t \n\t\t\t\n\t\t\t\tHow clean param are calculated? \n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\n\t\t\t\t\t\t \n\t\t\t\t \n\t\t\t \n\t\t\t\n\t\t\t\tHow offten proxies rotate on port? \n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t \n\t\t\t \n\t\t\t\n\t\t\t\tHow many ports(threads) I will get per package? \n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t \n\t\t\t \n\t\t\t\n\t\t\t\tHow many whitelist ips I can add per package? \n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t \n\t\t\t \n\t\t\t\n\t\t\t\tHow can I get refund for port? \n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t \n\t\t\t \n\t\t
\n\t);\n};\n\nconst mapStateToProps = (state) => ({\n\t...state.faq,\n});\n\nexport default connect(mapStateToProps)(FaqPage);\n","import React from 'react'\nimport { useAuth0 } from \"../redux/auth\"\nimport { connect } from 'react-redux'\nimport { makeStyles } from '@material-ui/core'\nimport androidDownload from '../images/download-for-android.png'\nimport gpDownload from '../images/play-store.png'\nimport ffAddon from '../images/firefox-addon.png'\nimport chromeAddon from '../images/chrome-addon.png'\n\nconst mainStyles = makeStyles({\n\t maindiv: {\n\t\t width: 704,\n\t\t position: 'relative',\n\t\t margin: 'auto',\n\t\t marginTop: 70,\n\t\t\tdisplay: 'block',\n\t\t\tjustifyContent: 'center',\n\t\t\talignItems: 'center'\n\t },\n\t\ttextDiv: {\n\t\t\tjustifyContent: 'center',\n\t\t\talignItems: 'center'\n\t\t},\n\t h1text: {\n\t\t height: 120,\n\t\t width: 496,\n\t\t color: '#525966',\n\t\t fontFamily: \"SF Pro Regular\",\n\t\t fontSize: '14',\n\t\t letterSpacing: 0,\n\t\t lineHeight: '24px',\n\t\t textAlign: 'center'\n\t\t},\n\t\timgDiv: {\n\t\t paddingTop: 56,\n\t\t\tjustifyContent: 'center',\n\t\t\talignItems: 'center'\n\t\t},\n\t\timgAndroidDiv: {\n\t\t\t paddingLeft: '20%'\n\t\t},\n\t \timgFfAddon : {\n\t\t paddingLeft: 50\n\t \t},\n\t \timgChromeAddon : {\n\t\t paddingLeft: 50\n\t \t}\n})\n\nconst DownloadPage = (props) => {\n\n\tconst classes = mainStyles()\n\n\tconst { getAccessTokenSilently } = useAuth0()\n\n\treturn (\n\t\tActivity - shows how often proxy is online in 24h.\n\t\t\t\t\t\t\tExample : activity 80% means that proxy will be online near 19h.\n\t\t\t\t\t\t\tBut this not mean that online calculated from moment you bought proxy, proxy can be offline from 10 mins to few hours and then back online.\n\t\t\t\t\t\t\tActivity 50% means proxy will be online 12h per day and it stability will be the same as it activity.\n\t\t\t\t\t\t
\n\t\t\t\t\t\tUptime - how long ago proxy was seen first time in our network.
\n\t\t\t\t\t\tNew - was not sold to anyone in past 30 days.
\n\n\t\t\t\t\t\tClean - depends on quantity of blacklists in which proxy are present.
\n\n\t\t\t\t\t\n\t\t\t\t\tсlean = 5 , 0 blacklist exist
\n\t\t\t\t\t\tсlean = 4 , {'<'} 3 blacklist exist
\n\t\t\t\t\t\tсlean = 3, {'<'} 7 blacklist exist
\n\t\t\t\t\t\tсlean = 2, {'<'} 10 blacklist exist
\n\t\t\t\t\t\tсlean = 1, {'>'} 10 blacklist exist
\n\t\t\t\t\t\tChecking is done by the following blacklists:\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tdul.pacifier.net,\n\t\t\t\t\t\t\tcbl.abuseat.org,\n\t\t\t\t\t\t\tsbl.spamhaus.org,\n\t\t\t\t\t\t\txbl.spamhaus.org,\n\t\t\t\t\t\t\tbl.spamcop.net,\n\t\t\t\t\t\t\tpsbl.surriel.com,\n\t\t\t\t\t\t\tb.barracudacentral.org,\n\t\t\t\t\t\t\tubl.lashback.com,\n\t\t\t\t\t\t\tspam.spamrats.com,\n\t\t\t\t\t\t\tvirus.rbl.msrbl.net,\n\t\t\t\t\t\t\tvirus.rbl.jp,\n\t\t\t\t\t\t\tbl.emailbasure.org,\n\t\t\t\t\t\t\tbl.spameatingmonkey.net,\n\t\t\t\t\t\t\tcombined.abuse.ch,\n\t\t\t\t\t\t\tbogons.cymru.com,\n\t\t\t\t\t\t\tdb.wpbl.info,\n\t\t\t\t\t\t\tdnsbl.inps.de,\n\t\t\t\t\t\t\tdnsbl.sorbs.net,\n\t\t\t\t\t\t\tdyna.spamrats.com,\n\t\t\t\t\t\t\tnoptr.spamrats.com,\n\t\t\t\t\t\t\tosps.dnsbl.net.au,\n\t\t\t\t\t\t\tomrs.dnsbl.net.au,\n\t\t\t\t\t\t\tix.dnsbl.manitu.net,\n\t\t\t\t\t\t\towps.dnsbl.net.au,\n\t\t\t\t\t\t\tproxy.block.transip.nl,\n\t\t\t\t\t\t\tproxy.bl.gweep.ca,\n\t\t\t\t\t\t\tralays.bl.kundenserver.de,\n\t\t\t\t\t\t\tspam.rbl.msrbl.net,\n\t\t\t\t\t\t
\n\t\t\t\t\t- Automatic IP rotation - changes proxies on each port every 5 minutes.
\n\t\t\t\t\t\t- Link IP rotation - user can change proxy by request but not often then 5 minutes.
\n\t\t\t\t\t- By traffic - up to 400 ports(threads).
\n\t\t\t\t\t\t- Unlimited - 1 port
\n\t\t\t\t\t- By traffic - up 20.
\n\t\t\t\t\t\t- Unlimited - 1 IP for whitelist
\n\t\t\t\t\t- By traffic - port with traffic limit 1 Gb: if total traffic on port less or equal 10 Mb. Port with traffic more 1 Gb: each new Gb plus more then 10 Mb will be rounded to hightest number and with per 1Gb price rate.\n\t\t\t\t\t\t\tExample: 1.011 Gb will calculated as 2 Gb
\n\t\t\t\t\t\t- Unlimited - only if total traffic on port less or equal 10 Mb
\n\t\t\t\t\t\n\t\t\t
\n\t)\n}\n\nconst mapStateToProps = (state) => ({\n ...state.download,\n})\n\nexport default connect(mapStateToProps)(DownloadPage)\n","import React from 'react'\nimport { useAuth0 } from \"../redux/auth\"\nimport { connect } from 'react-redux'\nimport { makeStyles } from '@material-ui/core'\nimport Typography from '@material-ui/core/Typography';\n\nconst mainStyles = makeStyles({\n\t maindiv: {\n\t\t width: 800,\n\t\t position: 'relative',\n\t\t margin: 'auto',\n\t\t marginTop: 70,\n\t\t paddingBottom: 100\n\t },\n\t h1text: {\n\t\t height: 120,\n\t\t width: 496,\n\t\t color: '#525966',\n\t\t fontFamily: \"SF Pro Regular\",\n\t\t fontSize: '12',\n\t\t letterSpacing: 0,\n\t\t lineHeight: '24px',\n\t\t textAlign: 'left'\n\t\t},\n\t\tsingleAPI: {\n\t\t paddingTop: 56,\n\t\t position:'absolute'\n\t\t},\n\t\tbold: {\n\t\t\tfontWeight: 'bold'\n\t\t},\n\t\tsmall: {\n\t\t\tfontSize: 8\n\t\t}\n})\n\nconst ApiPage = (props) => {\n\n\tconst classes = mainStyles()\n\n\tconst { getAccessTokenSilently } = useAuth0()\n\n\treturn (\n\t\t\t\n\t\t\t\t
\n\t\t\tDownloads
\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\tBigMama Network Proxies application allows registered users to connect to proxies purchased in the market in one click.\n\t\t\t\t\tOnly purchased proxies are displayed in the application. The application is in beta version and if there are any errors,\n\t\t\t\t\twrite to us in Support, we will be happy to fix them. We are working to make the use of our proxies more convenie\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t
\n\t\t\n\t\t\t\n\t\t\t\t\texample : \n\t\t\t\t\tcurl --request POST \\ \n\t\t\t\t\t--url https://auth.bigmama.network/oauth/token \\ \n\t\t\t\t\t--header 'content-type: application/x-www-form-urlencoded' \\ \n\t\t\t\t\t\n\t\t\t\t\t-d \"client_id=iyinBdBok0wjoGIMdxuCDkYc5n0HuTlB&client_secret=W0H_5sc8HkjmIMjZTwy_alv23FtCOyDJe74BT4VSpe7u2wPPbVKOYZ7SdcL8WmDE\"\n\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\"&username=email&password=password&audience=https%3A%2F%2Fcollector&grant_type=password\"\n\t\t\t\t\t \n\t\t\t\t\tclient_id : iyinBdBok0wjoGIMdxuCDkYc5n0HuTlB \n\n\t\t\t\t\tclient_secret : W0H_5sc8HkjmIMjZTwy_alv23FtCOyDJe74BT4VSpe7u2wPPbVKOYZ7SdcL8WmDE \n\t\t\t\t\temail : your login \n\t\t\t\t\tpassword : your password \n\t\t\t\t\taudience : https%3A%2F%2Fcollector \n\t\t\t\t\tgrant_type : password \n\t\t\t\t \n\n\t\t\t\t\n\t\t\t\t \n\t\t\t\t \n\t\t\t\t\n\t\t\t\t\tAll requests should provide \"authorization\" token, otherwise 403 Forbidden response will be sent.\n\t\t\t\t \n\n\t\t\t\t\n\t\t\t\t\tGET : \n\t\t\t\t\n\t\t\t\t\tHeader : authorization: Bearer [token]\n\t\t\t\t \n\t\t\t\t\n\t\t\t\tquery vars:\n\t\t\t\t \n\t\t\t\t\n\t\t\t\t*cursor : cursor for next page (available in response) 0 - initial\n\t\t\t\t \n\t\t\t\t\n\t\t\t\t\t*segments : true/false - display segments data in response\n\t\t\t\t \n\t\t\t\t\n\t\t\t\t\t*cc : 2 letter country code\n\t\t\t\t \n\t\t\t\t\n\t\t\t\t\texstars : 1..5 - show with rating only\n\t\t\t\t \n\t\t\t\t\n\t\t\t\t\tcity :: string\n\t\t\t\t \n\t\t\t\t\n\t\t\t\t\tip1 [ip2] : string first/second ip octet\n\t\t\t\t \n\t\t\t\t\n\t\t\t\t\treg : region name\n\t\t\t\t \n\t\t\t\t\n\t\t\t\t\tisp : isp name\n\t\t\t\t \n\t\t\t\t\n\t\t\t\tleases : none/some - (private/shared)\n\t\t\t\t \n\t\t\t\t\n\t\t\t\t\tconn : wifi/cell\n\t\t\t\t \n\t\t\t\t\n\t\t\t\t\tfresh : fresh/worn (new/old)\n\t\t\t\t \n\t\t\t\t\n\t\t\t\t\tresponse :\n\t\t\t\t \n\t\t\t\t\n\t\t\t\t \n\t\t\t\tAGENT_OBJECT:\n\t\t\t\t \n\t\t\t\t \n\n\t\t\t\t\n\t\t\t\t\tGET : \n\t\t\t\t\n\t\t\t\t\tquery vars :\n\t\t\t\t \n\t\t\t\t\n\t\t\t\t\tcursor : cursor\n\t\t\t\t \n\t\t\t\t\n\t\t\t\t\tresponse :\n\t\t\t\t \n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\tLEASE_OBJECT:\n\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t\n\t\t\t\t\tPOST : \n\t\t\t\t\n\t\t\t\t\tjson object in body:\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t \n\t\t\t\t\n\t\t\t\t\texc : true - private, false - shared\n\t\t\t\t \n\t\t\t\t\n\t\t\t\t\tresponse : [LEASE_OBJECT]\n\t\t\t\t \n\t\t\t\t\n\t\t\t\t\tDELETE : \n\t\t\t\t\n\t\t\t\t\tpath vars :\n\t\t\t\t \n\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t\n\t\t\t\t\tresponse :200 OK\n\t\t\t\t \n\n\t\t\t\t\n\t\t\t\t\tGET : \n\t\t\t\t\n\t\t\t\t\tpath vars :\n\t\t\t\t \n\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t\n\t\t\t\t\tquery vars :\n\t\t\t\t \n\t\t\t\t\n\t\t\t\t\tset: true/false\n\t\t\t\t \n\t\t\t\t\n\t\t\t\t\tresponse :200 OK\n\t\t\t\t \n\t\t
\n\t)\n}\n\nconst mapStateToProps = (state) => ({\n ...state.api,\n})\n\nexport default connect(mapStateToProps)(ApiPage)\n","import { actSetGlobalBusy } from \"../actions\"\nimport { actLoadAccount } from './account'\nimport { CHARGESTATUS_OK, CHARGESTATUS_ERROR } from \"./api-client\"\n\nexport const actRequestChargeStatus = (getToken, chargeUid) => {\n return async (dispatch, getState) => {\n try {\n dispatch(actSetGlobalBusy(true))\n const result = await getState().apiClient.withToken(getToken).getChargeStatus(chargeUid)\n\n if(result.status == 'paid'){\n dispatch(actLoadAccount(getToken))\n }\n\n dispatch(actSetChargeStatus(result?.data))\n\n } finally {\n dispatch(actSetGlobalBusy(false))\n }\n }\n}\nexport const actSetChargeStatus = (result) => ({\n type: 'SET_CHARGESTATUS_RESULT',\n reduce: (state) => ({\n ...state,\n chargeInfo: result\n })\n})\n","import React, { useState, useEffect, useMemo } from 'react';\nimport { useParams } from 'react-router';\nimport { useAuth0 } from \"../redux/auth\"\nimport { connect } from 'react-redux';\nimport { makeStyles } from '@material-ui/core';\nimport Typography from '@material-ui/core/Typography';\nimport { actRequestChargeStatus } from './../redux/backend/chargestatus';\nimport './css/ChargePage.css';\nimport { CopySnackbar } from './my-proxies/CopyButton';\nimport Alert from '@mui/material/Alert'\nimport {QRCodeSVG} from 'qrcode.react'\nimport AlertTitle from '@mui/material/AlertTitle'\nimport Snackbar from '@mui/material/Snackbar'\n\nconst ChargePage = (props) => {\n\n const mainStyles = useMemo(() => makeStyles(window.innerWidth > 480 ?\n\t\t{\n maindiv: {\n width: 471,\n height: 360,\n // position: 'absolute',\n left: 496,\n top: 104,\n alignItems: 'center',\n },\n dataDiv: {\n width: 471,\n height: 360,\n position: 'absolute',\n flexDirection: 'row',\n left: 496,\n top: 104,\n alignItems: 'center',\n },\n headerDiv: {\n fontFamily: 'SF Pro',\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'center',\n padding: 0,\n gap: 8,\n width: 469,\n height: 24,\n left: 498,\n top: 104,\n },\n chargeid: {\n width: 300,\n height: 24,\n fontFamily: 'SF Pro',\n fontStyle: 'normal',\n fontWeight: 510,\n fontSize: 15,\n color: '#000000',\n order: 0,\n flexGrow: 0\n },\n statusdiv1: {\n width: 100,\n height: 20,\n flex: 'none',\n order: 1,\n flexGrow: 0,\n },\n statusDiv2: {\n position: 'absolute',\n height: 20,\n top: 2,\n marginLeft: 18,\n alignItems: 'center',\n },\n statusDiv2Pending: {\n position: 'absolute',\n height: 20,\n top: 2,\n marginLeft: 30,\n alignItems: 'center',\n },\n statusDiv2Paid: {\n position: 'absolute',\n height: 20,\n top: 2,\n marginLeft: 41,\n alignItems: 'center',\n },\n statusText: {\n height: 16,\n top: 4,\n fontFamily: 'SF Pro',\n fontStyle: 'normal',\n fontWeight: 700,\n fontSize: 10,\n textTransform: 'uppercase',\n color: '#FFFFFF',\n },\n statusRectangle: {\n height: 20,\n left: 428,\n top: 2,\n background: '#FF9900',\n borderRadius: 11,\n },\n statusRectanglePending: {\n height: 20,\n left: 428,\n top: 2,\n background: '#006DFD',\n borderRadius: 11,\n },\n statusRectanglePaid: {\n height: 20,\n left: 428,\n top: 2,\n background: '#58B000',\n borderRadius: 11,\n },\n useridDiv: {\n width: 335,\n height: 40,\n left: 496,\n top: 168,\n marginTop: 40,\n },\n userStringDiv: {\n width: 31,\n height: 16,\n left: 496,\n top: 168,\n fontFamily: 'SF Pro',\n fontStyle: 'normal',\n fontWeight: 400,\n fontSize: 11,\n color: '#262121'\n },\n userStringID: {\n fontFamily: 'SF Pro',\n fontStyle: 'normal',\n fontWeight: 400,\n fontSize: 14,\n color: '#242933'\n },\n userEmailDiv: {\n width: 335,\n height: 40,\n left: 496,\n top: 232,\n marginTop: 15,\n },\n paymentinfoDiv: {\n width: 335,\n // height: 40,\n left: 496,\n top: 232,\n marginTop: 8,\n },\n paymentinfoDiv2: {\n width: 335,\n height: 40,\n left: 496,\n top: 232,\n marginTop: 10,\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'center',\n },\n paymentinfoString: {\n // width: 31,\n height: 16,\n left: 496,\n top: 168,\n fontFamily: 'SF Pro',\n fontStyle: 'normal',\n fontWeight: 400,\n fontSize: 11,\n color: '#262121'\n },\n paymentinfoStringAmount: {\n // position: 'absolute',\n height: 16,\n left: 496,\n top: 168,\n fontFamily: 'SF Pro',\n fontStyle: 'normal',\n fontWeight: 400,\n fontSize: 11,\n color: '#262121'\n },\n paymentinfoStringAmountUsd: {\n // position: 'absolute',\n height: 16,\n left: 596,\n top: 168,\n fontFamily: 'SF Pro',\n fontStyle: 'normal',\n fontWeight: 400,\n fontSize: 11,\n color: '#262121',\n marginLeft: 40,\n },\n paymentinfoStringExhangeRate: {\n height: 16,\n left: 596,\n top: 168,\n fontFamily: 'SF Pro',\n fontStyle: 'normal',\n fontWeight: 400,\n fontSize: 11,\n color: '#262121',\n marginLeft: 40,\n },\n paymentinfoData: {\n fontFamily: 'SF Pro',\n fontStyle: 'normal',\n fontWeight: 400,\n fontSize: 14,\n color: '#242933'\n },\n copyText: {\n fontSize: 10,\n cursor: 'pointer',\n color: '#3a9acf',\n textDecoration: 'none'\n },\n bonusDiv: {\n width: 448,\n height: 128,\n left: 496,\n top: 512,\n marginTop: 48,\n },\n bonusDivText: {\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'flex-start',\n padding: 0,\n gap: 8,\n width: 369,\n height: 24,\n left: 498,\n top: 512,\n },\n bonusText: {\n fontFamily: 'SF Pro',\n fontStyle: 'normal',\n fontWeight: 400,\n fontSize: 14,\n textTransform: 'capitalize',\n color: '#438600',\n },\n bonusAmountDiv: {\n boxSizing: 'border-box',\n // position: absolute;\n width: 448,\n height: 88,\n left: 496,\n top: 552,\n background: 'rgba(88, 176, 0, 0.05)',\n border: '1px solid #438600',\n borderRadius: 8,\n },\n bonusAmountTextDiv: {\n width: 108,\n height: 48,\n left: 666,\n top: 572,\n marginLeft: 177,\n },\n bonusAmountText: {\n fontFamily: 'SF Pro',\n fontStyle: 'normal',\n fontWeight: 590,\n fontSize: 32,\n color: '#438600',\n },\n pLeft: {\n float: 'left',\n marginLeft: 10,\n fontFamily: 'SF Pro Medium',\n color: '#525966'\n },\n pRight: {\n float: 'right',\n marginRight: 20,\n fontFamily: 'SF Pro Medium',\n },\n note: {\n color: '#ff4d4d',\n fontSize: 12,\n }\n } : {\n maindiv: {\n width: 'auto',\n height: 'auto',\n // position: 'absolute',\n left: 0,\n top: 75,\n alignItems: 'center',\n },\n dataDiv: {\n width: 350,\n height: 'fit-content',\n position: 'absolute',\n flexDirection: 'row',\n left: 20,\n top: 70,\n alignItems: 'center',\n },\n headerDiv: {\n fontFamily: 'SF Pro',\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n padding: 0,\n gap: 8,\n width: 'fit-content',\n height: 24,\n left: 20,\n top: 104,\n },\n chargeid: {\n width: 300,\n height: 24,\n fontFamily: 'SF Pro',\n fontStyle: 'normal',\n fontWeight: 510,\n fontSize: 15,\n color: '#000000',\n order: 0,\n flexGrow: 0\n },\n statusdiv1: {\n width: 100,\n height: 20,\n flex: 'none',\n order: 1,\n flexGrow: 0,\n },\n statusDiv2: {\n position: 'absolute',\n height: 20,\n top: 20,\n marginLeft: 18,\n alignItems: 'center',\n },\n statusDiv2Pending: {\n position: 'absolute',\n height: 20,\n top: 2,\n marginLeft: 30,\n alignItems: 'center',\n },\n statusDiv2Paid: {\n position: 'absolute',\n height: 20,\n top: 2,\n marginLeft: 41,\n alignItems: 'center',\n },\n statusText: {\n height: 16,\n top: 4,\n fontFamily: 'SF Pro',\n fontStyle: 'normal',\n fontWeight: 700,\n fontSize: 10,\n textTransform: 'uppercase',\n color: '#FFFFFF',\n },\n statusRectangle: {\n height: 20,\n left: 428,\n top: 2,\n background: '#FF9900',\n borderRadius: 11,\n },\n statusRectanglePending: {\n height: 20,\n left: 20,\n top: 2,\n background: '#006DFD',\n borderRadius: 11,\n },\n statusRectanglePaid: {\n height: 20,\n left: 20,\n top: 2,\n background: '#58B000',\n borderRadius: 11,\n },\n useridDiv: {\n width: 'fit-content',\n height: 40,\n left: 20,\n top: 168,\n marginTop: 40,\n },\n userStringDiv: {\n width: 31,\n height: 16,\n left: 20,\n top: 168,\n fontFamily: 'SF Pro',\n fontStyle: 'normal',\n fontWeight: 400,\n fontSize: 11,\n color: '#262121'\n },\n userStringID: {\n fontFamily: 'SF Pro',\n fontStyle: 'normal',\n fontWeight: 400,\n fontSize: 14,\n color: '#242933'\n },\n userEmailDiv: {\n width: 'fit-content',\n height: 40,\n left: 20,\n top: 232,\n marginTop: 15,\n },\n paymentinfoDiv: {\n width: \"auto\",\n // height: 40,\n left: 20,\n top: 232,\n marginTop: 8,\n },\n paymentinfoDiv2: {\n width: 335,\n height: 40,\n left: 20,\n top: 232,\n marginTop: 10,\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'center',\n },\n paymentinfoString: {\n // width: 31,\n height: 16,\n left: 20,\n top: 168,\n fontFamily: 'SF Pro',\n fontStyle: 'normal',\n fontWeight: 400,\n fontSize: 11,\n color: '#262121'\n },\n paymentinfoStringAmount: {\n // position: 'absolute',\n height: 16,\n left: 20,\n top: 168,\n fontFamily: 'SF Pro',\n fontStyle: 'normal',\n fontWeight: 400,\n fontSize: 11,\n color: '#262121'\n },\n paymentinfoStringAmountUsd: {\n // position: 'absolute',\n height: 16,\n left: 20,\n top: 168,\n fontFamily: 'SF Pro',\n fontStyle: 'normal',\n fontWeight: 400,\n fontSize: 11,\n color: '#262121',\n marginLeft: 40,\n },\n paymentinfoStringExhangeRate: {\n height: 16,\n left: 20,\n top: 168,\n fontFamily: 'SF Pro',\n fontStyle: 'normal',\n fontWeight: 400,\n fontSize: 11,\n color: '#262121',\n marginLeft: 40,\n },\n paymentinfoData: {\n fontFamily: 'SF Pro',\n fontStyle: 'normal',\n fontWeight: 400,\n fontSize: 14,\n color: '#242933'\n },\n copyText: {\n fontSize: 10,\n cursor: 'pointer',\n color: '#3a9acf',\n textDecoration: 'none'\n },\n bonusDiv: {\n width: 448,\n height: 128,\n left: 20,\n top: 512,\n marginTop: 48,\n },\n bonusDivText: {\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'flex-start',\n padding: 0,\n gap: 8,\n width: 369,\n height: 24,\n left: 20,\n top: 512,\n },\n bonusText: {\n fontFamily: 'SF Pro',\n fontStyle: 'normal',\n fontWeight: 400,\n fontSize: 14,\n textTransform: 'capitalize',\n color: '#438600',\n },\n bonusAmountDiv: {\n boxSizing: 'border-box',\n // position: absolute;\n width: 448,\n height: 88,\n left: 20,\n top: 552,\n background: 'rgba(88, 176, 0, 0.05)',\n border: '1px solid #438600',\n borderRadius: 8,\n },\n bonusAmountTextDiv: {\n width: 108,\n height: 48,\n left: 20,\n top: 572,\n marginLeft: 177,\n },\n bonusAmountText: {\n fontFamily: 'SF Pro',\n fontStyle: 'normal',\n fontWeight: 590,\n fontSize: 32,\n color: '#438600',\n },\n pLeft: {\n float: 'left',\n marginLeft: 10,\n fontFamily: 'SF Pro Medium',\n color: '#525966'\n },\n pRight: {\n float: 'right',\n marginRight: 20,\n fontFamily: 'SF Pro Medium',\n },\n note: {\n color: '#ff4d4d',\n fontSize: 8,\n }\n }), []);\n\n const classes = mainStyles()\n\n const { dispatch } = props;\n const { transactionId } = useParams()\n\n const [invoiceInfo, setInvoiceInfo] = useState(null)\n const [snackbarOpen, setSnackbarOpen] = useState(false)\n const [snackbarWarningOpen, setSnackbarWarningOpen] = useState(false)\n\n const { getAccessTokenSilently } = useAuth0()\n const now = new Date()\n\n useEffect(() => {\n const invoiceInfo = JSON.parse(sessionStorage.getItem(transactionId))\n if (now.getTime() / 1000 >= invoiceInfo?.expire || props?.chargeInfo?.status == 'paid') {\n sessionStorage.removeItem(transactionId)\n }\n setInvoiceInfo(invoiceInfo)\n\n }, []);\n\n useEffect(() => {\n if (props?.chargeInfo?.status != 'paid') {\n dispatch(actRequestChargeStatus(getAccessTokenSilently, transactionId));\n }\n }, []);\n\n useEffect(() => {\n if (props?.chargeInfo?.status != 'paid') {\n const interval = setInterval(() => {\n dispatch(actRequestChargeStatus(getAccessTokenSilently, transactionId));\n if (props?.chargeInfo?.status == 'paid') {\n clearInterval(interval);\n sessionStorage.removeItem(transactionId);\n }\n }, 30000);\n return () => clearInterval(interval);\n }\n return;\n }, []);\n\n\n const coptyToBuffer = (text) => {\n navigator.clipboard.writeText(text)\n // navigator.clipboard.readText().then((clipText) => (console.log(clipText)))\n setSnackbarOpen(true)\n setSnackbarWarningOpen(true)\n \n };\n\n const padTo2Digits = (num) => {\n return num.toString().padStart(2, '0');\n };\n\n const formatDate = (date) => {\n return (\n [\n date.getFullYear(),\n padTo2Digits(date.getMonth() + 1),\n padTo2Digits(date.getDate()),\n ].join('-') +\n ' ' +\n [\n padTo2Digits(date.getHours()),\n padTo2Digits(date.getMinutes()),\n padTo2Digits(date.getSeconds()),\n ].join(':')\n );\n };\n\n const dateTime = new Date(props?.chargeInfo?.date);\n const format = formatDate(dateTime);\n\n const getUsdBonus = (usdAmount, bonus) => {\n return Math.round(usdAmount * bonus / 100);\n };\n\n const amountUsd = props?.chargeInfo?.amountUsd / 100;\n const exchangeRate = props?.chargeInfo?.exchangeRate / 100;\n\n const usdBonus = getUsdBonus(amountUsd, props?.chargeInfo?.bonusType);\n\n return (\n API
\n\n\n\t\t\t\tGeting authorization token
\n\n\t\t\t\tRequesting proxy list
\n\t\t\t\thttps://market.bigmama.network/api/agents?....\n\t\t\t\t{`{ \"agents\": [ , .... ], \"cursor\": \"222\", \"total\": \"333\",\n\t\t\t\t \tsegments: { \"cities\": [ , ... ], \"isps\": [ , ... ],\n\t\t\t\t \t\"zips\": [ , ... ], \"regions\": [ , .... ] } }`}\n\t\t\t\t \n\n\t\t\t\t{`{\n\t\t\t\t\t\"self\": \"/api/agents/CR5Zmj6Re7X\", \"id\": \"CR5Zmj6Re7X\",\n\t\t\t\t\t\"ip\": \"66.176._._\",\n\t\t\t\t\t\"host\": \"c-*.hsd1.fl.comcast.net\", \"conn\": \"wifi\",\n\t\t\t\t\t\"dev\": \"android\", \"stars\": 3,\n\t\t\t\t\t\"loc\": {\n\t\t\t\t\t\"cc\": \"US\",\n\t\t\t\t\t\"reg\": \"Florida\",\n\t\t\t\t\t\"city\": \"Miami\",\n\t\t\t\t\t\"zip\": \"33177\",\n\t\t\t\t\t\"isp\": \"Comcast Cable Communications\"\n\t\t\t\t\t}, \"leases\": {\n\t\t\t\t\t\"count\": 0,\n\t\t\t\t\t\"worn\": true },\n\t\t\t\t\t\"score\": 0.34999999403954, \"actv\": 0.29,\n\t\t\t\t\t\"age\": 4036502000000000, \"priceShrC\": 42, \"priceExcC\": 143, \"blacklists\": {\n\t\t\t\t\t\"listIDs\": [ \"dnsbl.sorbs.net\"\n\t\t\t\t\t] }`}\n\t\t\t\t\t\n\t\t\t\tGet leases
\n\t\t\t\thttps://market.bigmama.network/api/leases?cursor=0\n\t\t\t\t\n\t\t\t\t\t{`\n\t\t\t\t\t{\n\t\t\t\t\t\"leases\": [ , ... ], \"cursor\": 0\n\t\t\t\t\t}\n\t\t\t\t\t`}\n\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t{`\n\t\t\t\t\t{\n\t\t\t\t\t\t\"self\": \"/api/leases/ZNLV-3662\",\n\t\t\t\t\t\t\"id\": \"ZNLV-3662\",\n\t\t\t\t\t\t\"user\": \"urn:user:auth0|5fd7dcaf5ac74c00683c00f0\", \"agent\": \"/api/agents/CR5Zmj6Re7X\",\n\t\t\t\t\t\t\"info\": {\n\t\t\t\t\t\t\"ip\": \"66.176.204.36\",\n\t\t\t\t\t\t\"host\": \"c-66-176-204-36.hsd1.fl.comcast.net\", \"loc\": {\n\t\t\t\t\t\t\"cc\": \"US\",\n\t\t\t\t\t\t\"reg\": \"Florida\",\n\t\t\t\t\t\t\"city\": \"Miami\",\n\t\t\t\t\t\t\"zip\": \"33177\",\n\t\t\t\t\t\t\"isp\": \"Comcast Cable Communications\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\t\"score\": 0.34999999403954, \"leases\": {\n\t\t\t\t\t\t\"count\": 1,\n\t\t\t\t\t\t\"worn\": true },\n\t\t\t\t\t\t\"age\": 4036502000000000, \"actv\": 0.29,\n\t\t\t\t\t\t\"conn\": \"wifi\",\n\t\t\t\t\t\t\"blacklists\": {\n\t\t\t\t\t\t\"listIDs\": [ \"dnsbl.sorbs.net\"\n\t\t\t\t\t\t] }\n\t\t\t\t\t\t}, \"currentInfo\": {\n\t\t\t\t\t\t\"ip\": \"66.176.204.36\",\n\t\t\t\t\t\t\"host\": \"c-66-176-204-36.hsd1.fl.comcast.net\", \"loc\": {\n\t\t\t\t\t\t\"cc\": \"US\",\n\t\t\t\t\t\t\"reg\": \"Florida\",\n\t\t\t\t\t\t\"city\": \"Miami\",\n\t\t\t\t\t\t\"zip\": \"33177\",\n\t\t\t\t\t\t\"isp\": \"Comcast Cable Communications\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\t\"score\": 0.34999999403954, \"leases\": {\n\t\t\t\t\t\t\"count\": 1,\n\t\t\t\t\t\t\"worn\": true },\n\t\t\t\t\t\t\"age\": 4037102000000000, \"actv\": 0.29,\n\t\t\t\t\t\t\"conn\": \"wifi\",\n\t\t\t\t\t\t\"blacklists\": {\n\t\t\t\t\t\t\"listIDs\": [ \"dnsbl.sorbs.net\"\n\t\t\t\t\t\t] }\n\t\t\t\t\t\t},\n\t\t\t\t\t\t\"start\": \"2021-06-02T17:12:45.43576174Z\", \"until\": \"2021-06-03T17:12:45.43576174Z\", \"exc\": false,\n\t\t\t\t\t\t\"socks\": {\n\t\t\t\t\t\t\"host\": \"market.bigmama.network\", \"ip\": \"78.129.169.15\",\n\t\t\t\t\t\t\"port\": 1080,\n\t\t\t\t\t\t\"user\": \"1ottd555dsbysd\",\n\t\t\t\t\t\t\"pwd\": \"346466666ovy9ba\" },\n\t\t\t\t\t\t\"stats\": {\n\t\t\t\t\t\t\"reqs\": 0, \"inBytes\": 0, \"outBytes\": 0, \"failPct\": 0, \"refundable\": false\n\t\t\t\t\t\t},\n\t\t\t\t\t\t\"purchasePriceC\": 42, \"renewable\": false, \"autoRenew\": false\n\t\t\t\t\t\t}\n\t\t\t\t\t`}\n\t\t\t\t\t\n\t\t\t\tLease proxy
\n\t\t\t\t https://market.bigmama.network/api/leases\n\t\t\t\t\n\t\t\t\t\t\t\t{`\n\t\t\t\t\t\t\t{\"agentID\":\"\",\"expPriceC\":,\"probe\":true,\"exc\":false}\n\t\t\t\t\t\t\t`}\n\t\t\t\t\t\t \n\t\t\t\t\tRefund lease
\n\t\t\t\t{'https://market.bigmama.network/api/leases/{LEASE_ID}'}\n\t\t\t\t{`{LEASE_ID}`}\n\t\t\t\tEnable/Disable autorenew
\n\t\t\t\t{'https://market.bigmama.network/api/leases/{LEASE_ID}/autoRenew?set=true'}\n\t\t\t\t{`{LEASE_ID}`}\n\t\t\t\t\n setSnackbarOpen(false)} />\n setSnackbarWarningOpen(false)}\n anchorOrigin={{vertical: 'top', horizontal: 'center'}}>\n \n Warning \n NOTE: while sending crypto be sure that wallet you are copy from site is the same that you have paste.\n \n \n
\n );\n};\n\nconst mapStateToProps = (state) => ({\n ...state,\n account: state.account,\n chargeInfo: state.chargeInfo,\n currencyAmount: state.addFunds.amount\n});\n\nexport default connect(mapStateToProps)(ChargePage);\n","import React, { useState, useEffect } from 'react'\nimport { useAuth0 } from \"../../redux/auth\"\nimport { connect, useSelector } from 'react-redux'\nimport { Table, styled, TableHead, TableRow, TableBody, useTheme, makeStyles, Box, TableCell, Tooltip, Switch } from '@material-ui/core'\nimport NoResults from '../NoResults'\nimport { pageTitle, leftBorder, topBorder, bottomBorder } from '../../styles/common'\nimport { useLocation } from 'react-router-dom'\nimport { useTableStyles, TableDataCell, TableHeadCell, LoadingRow } from '../table'\nimport { actRequestCreatePort, actLoadPortsList, actSetResetResult, actSetActivePort,\n actResetUpdatePortWhitelistResul,} from '../../redux/backend/ports'\n\n\nconst useStyles = makeStyles((theme) => ({\n}))\n\nexport const TableDataCellStatusActive = (theme) => styled(TableCell)({\n paddingTop: theme.spacing(1.5),\n paddingBottom: theme.spacing(1.5),\n paddingLeft: theme.spacing(3),\n paddingRight: theme.spacing(1),\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n\n color: '#39ab2e',\n fontSize: 13.5,\n fontWeight: 'bold',\n\n ...bottomBorder(theme),\n})\n\nexport const TableDataCellStatusDisabled = (theme) => styled(TableCell)({\n paddingTop: theme.spacing(1.5),\n paddingBottom: theme.spacing(1.5),\n paddingLeft: theme.spacing(3),\n paddingRight: theme.spacing(1),\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n\n color: '#c74224',\n fontSize: 13.5,\n fontWeight: 'bold',\n\n ...bottomBorder(theme),\n})\n\nconst PortsTable = (props) => {\n const classes = useTableStyles()\n const extraClasses = useStyles()\n const theme = useTheme()\n\n const HeadCell = TableHeadCell(theme)\n const DataCell = TableDataCell(theme)\n const DataCellStatusActive = TableDataCellStatusActive(theme)\n const DataCellStatusDisabled = TableDataCellStatusDisabled(theme)\n\n const { getAccessTokenSilently } = useAuth0()\n const { dispatch, neverLoaded } = props\n\n const portList = props?.ports?.list?.package_active != undefined ? props?.ports?.list?.package_active : []\n const whitelistChanged = props.ports.updatePortWhiteListResult\n const updatePortWhiteToLoginAuthListResult = props.ports.updatePortWhiteToLoginAuthListResult\n\n const loadListState = useSelector((state) => state.ports.reloadList)\n\n // console.log(portList)\n\n useEffect(() => {\n dispatch(actLoadPortsList(props.account.userID, getAccessTokenSilently))\n }, [whitelistChanged, loadListState, updatePortWhiteToLoginAuthListResult])\n\n\n const handleRowClick = (al) => {\n dispatch(actSetActivePort(al))\n }\n\n const formatTime = (date) => {\n var a = new Date(date);\n var months = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];\n var year = a.getFullYear();\n var month = months[a.getMonth()];\n var date = a.getDate();\n var hour = a.getHours();\n var min = a.getMinutes();\n var sec = a.getSeconds();\n var time = date + ' ' + month + ' ' + year + ' ' + hour + ':' + min + ':' + sec ;\n\n return time;\n }\n\n let body = \n \n body = portList.map((al) =>\n \n
\n \n {transactionId} \n
\n \n {props.chargeInfo?.status == \"no payments\" ? (\n
\n \n {props.chargeInfo?.status} \n \n
\n ) : props.chargeInfo?.status == \"paid\" ? (\n \n {props.chargeInfo?.status} \n \n
\n ) : (\n \n {props.chargeInfo?.status} \n \n
\n )\n }\n \n UserID \n {props.account.userID} \n
\n \n Email \n {props.account.email} \n
\n {props.chargeInfo?.status == \"no payments\" ? (\n \n
\n ) : props.chargeInfo?.status == \"paid\" ? (\n \n Type \n {props?.chargeInfo?.type.toUpperCase()} \n
\n \n Address coptyToBuffer(invoiceInfo?.currencyAddress)}>copy \n {props?.chargeInfo?.address} \n
\n \n {invoiceInfo?.currencyType == 'trc20usdt' && \n
\n \n NOTE: We stop monitoring the wallet after 40 minutes and if you send funds after this time, we will not receive this transaction and your amount will be lost. There is also no way to find this transaction and add it manually. \n
\n }\n \n
\n \n NOTE: while sending crypto be sure that wallet you are copy from site is the same that you paste. \n
\n \n Currency amount coptyToBuffer(invoiceInfo?.currencyAmount)}>copy \n {invoiceInfo?.currencyAmount} \n
\n \n {invoiceInfo?.currencyType == 'btc' ? (\n ![]({\"https://chart.googleapis.com/chart?chs=225x225&chld=L|2&cht=qr&chl=bitcoin:\"+invoiceInfo?.currencyAddress+\"?amount=\"+invoiceInfo?.currencyAmount})
\n ):invoiceInfo?.currencyType == 'ltc' ? (\n ![]({\"https://chart.googleapis.com/chart?chs=225x225&chld=L|2&cht=qr&chl=litecoin:\"+invoiceInfo?.currencyAddress+\"?amount=\"+invoiceInfo?.currencyAmount})
\n ): (\n //
\n \n
\n ) : (\n \n Type \n {props?.chargeInfo?.type.toUpperCase()} \n
\n \n Date time \n {format} \n
\n \n
\n {props?.chargeInfo?.bonusType > 0 ? (\n \n Currency amount \n {props?.chargeInfo?.amountCrypto} \n
\n \n USD amount \n {amountUsd} \n
\n \n Exchange Rate \n {exchangeRate} \n
\n \n
\n ) : (\n \n )}\n \n Congratulations, You earned the bonus! \n
\n \n ${usdBonus} \n
\n \n
\n )\n }\n \n Type \n {props?.chargeInfo?.type.toUpperCase()} \n
\n \n Address \n {props?.chargeInfo?.address} \n
\n \n Currency amount \n {props?.chargeInfo?.amountCrypto} \n
\n \n {isRefund == false ? (\n \n Confirm Purchase \n \n \n Refund port with type \"limit\"\n can be done in next case :\n port with traffic limit 1 Gb: if total traffic on port less or equal 10 Mb \n port with traffic more 1 Gb: each new Gb plus more then 10 Mb will be rounded to hightest number and with per 1Gb price rate.\n Example: 1.011 Gb will calculated as 2 Gb \n \n \n ):(\n \n \n Refund port with type \"unlimit\" can be done in next case :\n if total traffic on port less or equal 10 Mb \n \n \n )}\n \n \n \n \n \n \n ):(\n \n Port Refund Confirmation \n \n \n \n \n \n \n \n )}\n
\n )\n}\n\nconst mapStateToProps = (state) => ({\n openConfirm: state.ports.modalConfirmOpen,\n})\n\nexport default connect(mapStateToProps)(PortBuyConfirmDialog)\n","import React, { useEffect, useState } from 'react'\nimport { connect } from 'react-redux'\nimport { useAuth0 } from \"../../redux/auth\"\nimport { makeStyles, Link, Button, TextField, Box, Snackbar } from '@material-ui/core'\nimport { Alert } from '@material-ui/lab'\nimport { Divider } from '@material-ui/core'\nimport { sidebarContentStyle } from '../ProxySidebar'\nimport CopyButton, { CopySnackbar } from '../my-proxies/CopyButton'\nimport VisibilityIcon from '@material-ui/icons/Visibility'\nimport VisibilityOffIcon from '@material-ui/icons/VisibilityOff';\nimport { topBorder, inlineIcon } from '../../styles/common'\nimport PortStats from './PortStats'\nimport { actUpdatePortWhitelist, actReActivatePort, actRefundPort,\n actResetReActivateResult, actResetRefundResult, actSetOpenBuyConfirmDialog,\n actSetOpenRefundConfirmDialog, actUpdatePortWhitelistToLoginAuth } from '../../redux/backend/ports'\nimport PortBuyConfirmDialog from './PortBuyConfirmDialog'\n\n\nconst useStyles = makeStyles((theme) => ({\n content: {\n ...sidebarContentStyle(theme),\n },\n info: {\n flexGrow: 1,\n overflowY: 'scroll',\n gridRow: '1 / 4',\n },\n title: {\n color: '#3A404D',\n fontFamily: \"SF Pro Medium\",\n fontSize: '16px',\n fontWeight: 'bold',\n letterSpacing: 0,\n lineHeight: '24px',\n },\n titleBox: {\n marginTop: 70,\n paddingLeft: 25,\n paddingBottom:15,\n },\n titleSmall: {\n color: '#3A404D',\n fontFamily: \"SF Pro Medium\",\n fontSize: '16px',\n letterSpacing: 0,\n lineHeight: '24px',\n },\n boxSettings : {\n paddingLeft: 25,\n paddingBottom:10,\n },\n sectionSocks: {\n borderWidth: 0,\n borderBottomColor: theme.palette.divider,\n borderStyle: 'solid',\n },\n field: {\n marginTop: theme.spacing(0.5),\n marginBottom: theme.spacing(0.5),\n maxWidth: '100%',\n overflowWrap: 'break-word',\n },\n field2: {\n marginTop: theme.spacing(0.5),\n marginBottom: theme.spacing(0.5),\n maxWidth: '100%',\n overflowWrap: 'break-word',\n paddingTop: 5,\n },\n label: {\n marginRight: theme.spacing(1),\n },\n value: {\n fontWeight: 600,\n },\n link: {\n fontSize: 13,\n marginBottom: theme.spacing(1),\n cursor: 'pointer',\n },\n inlineIcon: {\n ...inlineIcon(theme),\n marginLeft: theme.spacing(1),\n cursor: 'pointer',\n },\n textfield : {\n \twidth: '95%',\n },\n actionButton: {\n \twidth: '95%',\n marginRight: theme.spacing(1),\n },\n actionButtonBackToLoginAuth: {\n \twidth: '95%',\n marginRight: theme.spacing(1),\n },\n buttonDiv: {\n marginTop: theme.spacing(0.5),\n marginBottom: theme.spacing(2),\n maxWidth: '100%',\n overflowWrap: 'break-word',\n },\n}))\n\nconst CopyPortChangeApiLink = (props) => {\n const apiKey = props.data.key\n const portStr = props.data.port != null ? props.data.port : ':port:'\n\n const linkString = 'https://ports.bigmama.network/port/change/ip/'+portStr+'/'+apiKey\n\n const [snackbarOpen, setSnackbarOpen] = useState(false)\n\n const copyApiLinkString = () => {\n navigator.clipboard.writeText(linkString)\n setSnackbarOpen(true)\n }\n\n return (\n <>\n Copy IP rotation link format\n \n ${portData?.price} will deducted from your balance\n
\n\n {portData?.traffic?.type=='limit' ? (\n \n\n Each port type can be refunded without traffic before half time will be expired\n
\n\n Port will canceled and your settings will be lost\n
\n\n {portData !== undefined && portData !== null &&\n
\n )\n}\n\nconst mapStateToProps = (state) => ({\n ...state,\n})\n\nexport default connect(mapStateToProps)(PortsSidebar)\n","import React, { useState, useEffect } from 'react'\nimport { useAuth0 } from \"../../redux/auth\"\nimport { connect, useSelector } from 'react-redux'\nimport { makeStyles, Box, Tabs, Tab, Link, Snackbar, Button} from '@material-ui/core'\nimport NoResults from '../NoResults'\nimport { headerStyle } from '../Shop'\nimport { pageTitle, leftBorder, topBorder } from '../../styles/common'\nimport { useLocation } from 'react-router-dom'\nimport PortsTable from './PortsTable'\nimport PortsSidebar from './PortsSidebar'\nimport { actOpenCreatePortDialog, actResetUpdatePortWhitelistResult,\n actResetReActivateResult, actResetRefundResult } from '../../redux/backend/ports'\nimport { Alert } from '@material-ui/lab'\n\n\n\nconst useStyles = makeStyles((theme) => ({\n tab: {\n height: '100vh',\n width: '100%',\n\n display: 'grid',\n gridTemplateRows: 'auto 1fr auto',\n gridTemplateColumns: '1fr auto',\n },\n header: {\n ...headerStyle(theme),\n paddingBottom: theme.spacing(1.5),\n gridColumnStart: 1,\n gridColumnEnd: 2,\n gridRowStart: 1,\n gridRowEnd: 2,\n marginTop: '60px',\n },\n content: {\n gridColumnStart: 1,\n gridColumnEnd: 2,\n gridRowStart: 2,\n gridRowEnd: 3,\n\n overflowY: 'scroll',\n },\n sidebar: {\n ...leftBorder(theme),\n gridColumnStart: 2,\n gridColumnEnd: 3,\n gridRowStart: 1,\n gridRowEnd: 3,\n },\n footer: {\n padding: 0,\n paddingLeft: theme.spacing(1),\n ...topBorder(theme),\n\n gridColumnStart: 1,\n gridColumnEnd: 2,\n gridRowStart: 3,\n gridRowEnd: 4,\n },\n title: {\n ...pageTitle,\n },\n buyButton:{\n height: 30,\n width: 120,\n borderRadius: '4px',\n backgroundColor: '#4C97FF',\n }\n}))\n\nconst Ports = (props) => {\n const classes = useStyles()\n\n const location = useLocation()\n\n const [showCreateDialog, setShowCreateDialog] = useState(false)\n\n const portPriceState = useSelector((state) => state.ports.newPortPriceError)\n const portCreateState = useSelector((state) => state.ports.createError)\n const updateWhitelistErrorState = useSelector((state) => state.ports.updatePortWhiteListError)\n const reactivatePortError = useSelector((state) => state.ports.reactivatePortError)\n const refundPortError = useSelector((state) => state.ports.refundPortError)\n const regionsLoadError = useSelector((state) => state.ports.regionsLoadError)\n const citiesLoadError = useSelector((state) => state.ports.citiesLoadError)\n\n const actResetGetPricePortResult = () => ({\n\t type: 'RESET_GET_PRICE_RESULT',\n\t reduce: (state) => ({\n\t ...state,\n\t ports: {\n ...state.ports,\n newPortPriceError: null,\n }\n\t })\n\t})\n\n const actResetRegionsLoadError = () => ({\n\t type: 'RESET_REGION_LOAD_RESULT',\n\t reduce: (state) => ({\n\t ...state,\n\t ports: {\n ...state.ports,\n regionsLoadError: null,\n }\n\t })\n\t})\n\n const actResetCitiesLoadError = () => ({\n\t type: 'RESET_CITIES_LOAD_RESULT',\n\t reduce: (state) => ({\n\t ...state,\n\t ports: {\n ...state.ports,\n citiesLoadError: null,\n }\n\t })\n\t})\n\n const actResetCreatePortResult = () => ({\n\t type: 'RESET_CREATE_PORT_RESULT',\n\t reduce: (state) => ({\n\t ...state,\n\t ports: {\n ...state.ports,\n createError: null,\n }\n\t })\n\t})\n\n const handleCloseSnackbar = (event, reason) => {\n\t\t\tprops.dispatch(actResetGetPricePortResult())\n\t}\n\n const handleCloseCreatePortSnackbar = (event, reason) => {\n\t\t\tprops.dispatch(actResetCreatePortResult())\n\t}\n\n const handleOpenNewPortDialog = () => {\n props.dispatch(actOpenCreatePortDialog())\n }\n\n const handleCloseSnackbarWhitelistUpdate = (event, reason) => {\n props.dispatch(actResetUpdatePortWhitelistResult())\n }\n\n const handleCloseSnackbarReActivateError = (event, reason) => {\n props.dispatch(actResetReActivateResult())\n }\n\n const handleCloseSnackbarRefundError = (event, reason) => {\n props.dispatch(actResetRefundResult())\n }\n\n const handleCloseSnackbarRegionsLoadError = (event, reason) => {\n props.dispatch(actResetRegionsLoadError())\n }\n\n const handleCloseSnackbarCitiesLoadError = (event, reason) => {\n props.dispatch(actResetCitiesLoadError())\n }\n\n return (\n \n \n Port Settings\n \n {portData?.access?.type == 'auth' ?(\n \n \n ):(\n \n {/* {portData?.traffic?.type != 'limit' && */}\n \n )\n }\n \n \n \n \n \n \n {isRefundable() &&\n \n \n }\n {portData?.status?.type=='suspend' && isReActivatable() &&\n \n \n }\n
\n }\n \n\t\t
\n \n\t\t
\n\t\t \n\t\t
\n \n
\n\t\t \n
\n \n \t\t\t\t\t\t \n \t Switch to whitelist auth\n \t \n \t\t\t\t\t
\n \n \t\t\t\t\t\t \n \t Swith to login/pass auth\n \t \n \t\t\t\t\t
\n {/* } */}\n \n
\n \n \t\t\t\t\t\t \n \t Save\n \t \n \t\t\t\t\t
\n \n
\n \n Ports Count:\n {portData?.access?.port_amount}\n
\n {portData?.traffic?.type == 'limit' ? (\n \n Ports Range:\n {startPort} - {endPort}\n
\n ):(\n \n Port:\n {startPort}\n
\n )}\n {portData?.switch?.type == 'api' ? (\n \n
\n ):(\n \n
\n \n
\n \n
\n )\n }\n \n Rotation Time:\n {portData?.switch?.timer}\n
\n \n
\n \n Country:\n {portData?.geo?.country}\n
\n \n
\n \n State:\n {portData?.geo?.state}\n
\n \n
\n \n City:\n {portData?.geo?.city}\n
\n \n
\n \n \n Refund\n \n
\n \n \n ReActivate Port\n \n
\n \n The Static Proxy will be leased to you for 24 hours and only in the Private mode.\n
\n\n \n The Static Proxy may have some blacklists or high risk score.\n \n
\n\n If the proxy doesn't work from the beginning of your lease, you have 1 hour to refund it. You will be eligible to get a full refund to your balance\n via the support telegram bot by providing the lease id.\n
\n\n \n A refund is no longer possible after 1 hour or if proxy was used.\n \n
\n\n \n \n Static Proxies \n \n \n \n \n \n \n \n \n \n \n
\n \n {/*
\n \n Try again or contact support.\n
\n Make a deposit and try again.\n
\n
\n )\n};\n\nconst mapStateToProps = (state) => ({\n state: state.resetPasswordState,\n})\n\nexport default connect(mapStateToProps)(ChangePasswordMobile)\n","import React, { useCallback } from 'react';\nimport { useState } from 'react';\nimport './style.css';\n\nconst ChoseCurrency = (props) => {\n\n const [currencyTipe, setCurrencyTipe] = useState('ltc')\n\n const { onChange } = props\n\n const changecurrencyTipe = useCallback((item) => {\n setCurrencyTipe(item)\n onChange(item)\n }, [onChange])\n \n return (\n Change your password?
\n An email will be sent to {email} with the instructions
\n \n \n
\n );\n};\n\nexport default ChoseCurrency;","import React, { useState, useEffect } from 'react';\nimport { actCloseAddFunds, actCreateCharge, actResetNewChargeCode } from '../../redux/backend/add-funds';\nimport { OutlinedInput, InputAdornment, makeStyles, Link, FormControl, InputLabel, Button } from '@material-ui/core';\nimport { connect } from 'react-redux';\nimport { useAuth0 } from \"../../redux/auth\"\nimport { openTermsAndConditions } from '../../util/util';\nimport { getActiveItem } from '../../redux/backend/activeMenuItem';\nimport { useDialogStyles } from '../dialog';\nimport ChoseCurrency from './choseCurrency.js';\nimport { Redirect } from 'react-router-dom';\nimport './style.css';\n\nconst useStyles = makeStyles((theme) => ({\n paper: {\n width: '100%',\n height: '100%',\n backgroundColor: theme.palette.background.paper,\n\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n },\n closeIcon: {\n position: 'absolute',\n right: theme.spacing(1),\n top: theme.spacing(1),\n },\n content: {\n width: 340,\n paddingBottom: theme.spacing(12),\n },\n title: {\n fontSize: 20,\n fontWeight: 600,\n color: '#121212',\n display: 'block',\n marginBottom: theme.spacing(1),\n },\n disclaimer: {\n color: '#6C7380',\n fontSize: 12,\n display: 'block',\n },\n controlBlock: {\n marginTop: theme.spacing(3),\n display: 'flex',\n },\n control: {\n },\n controlSpacer: {\n flexGrow: 1,\n },\n addFundsButton: {\n width: '100%',\n marginTop: theme.spacing(5),\n },\n select: {\n fontWeight: 700,\n },\n}));\n\nconst MyFundsMobile = (props) => {\n const classes = useStyles();\n\n\n const close = () => {\n props.dispatch(actCloseAddFunds());\n };\n\n const [amtC, setAmtC] = useState(500);\n const [currencyType, setCurrencyType] = useState('ltc');\n\n const [buttonState, setButtonState] = useState(false);\n\n const changeAmtC = (ev) => {\n if (ev.target.value < 2) {\n setButtonState(true);\n } else {\n setButtonState(false);\n }\n currencyType === 'trc20usdt' ? setAmtC(ev.target.value * 50) : setAmtC(ev.target.value * 100);\n };\n\n const changeCurrencyType = (ev) => {\n if (ev?.target?.value) {\n setCurrencyType(ev?.target?.value);\n } else {\n setCurrencyType(ev);\n };\n };\n\n const { getAccessTokenSilently } = useAuth0();\n\n const addFunds = () => {\n close();\n props.dispatch(actCreateCharge(getAccessTokenSilently,\n currencyType === 'trc20usdt' ? amtC / 50 : amtC / 100,\n props.account.userID,\n props.account.email,\n currencyType));\n };\n\n const dispatch = props.dispatch\n const newChargeCode = props.newChargeCode\n const now = new Date()\n \n\n const invoiceItem = {\n newChargeCode: props.newChargeCode,\n currencyType: props.currencyType,\n currencyAddress: props.currencyAddress,\n currencyAmount: props.currencyAmount,\n amountUSD: props.amountUSD,\n expire: now.getTime() / 1000 + 60 * 60 * 6,\n }\n\n useEffect(() => {\n if (newChargeCode) {\n dispatch(actResetNewChargeCode())\n sessionStorage.clear()\n // localStorage.removeItem(JSON.stringify(invoiceItem));\n const url = window.location.origin + '/charges/' + newChargeCode\n sessionStorage.setItem(newChargeCode, JSON.stringify(invoiceItem))\n window.location = url\n }\n }, [newChargeCode, dispatch])\n\n const commonSelectProps = {\n className: classes.select,\n };\n\n const commonFormControlProps = {\n className: classes.control,\n variant: 'outlined',\n };\n\n const dialogClasses = useDialogStyles();\n useEffect(() => {\n dispatch(getActiveItem('Add Funds'));\n }, [dispatch]);\n\n return (\n changecurrencyTipe('ltc')}>LTC
\n changecurrencyTipe('btc')}>BTC
\n changecurrencyTipe('trc20usdt')}>USDT TRC20
\n \n
\n );\n};\n\nconst mapStateToProps = (state) => ({\n account: state.account,\n active: state.addFunds.modelOpen,\n newChargeCode: state.addFunds.newChargeCode,\n canDeposit: state.account?.permissions.includes('DEPOSIT'),\n currencyType: state.addFunds.currencyType,\n currencyAddress: state.addFunds.currencyAddress,\n currencyAmount: state.addFunds.currencyAmount,\n currencyUSD: state.addFunds.amountUSD\n});\n\nexport default connect(mapStateToProps)(MyFundsMobile);\n","import { useAuth0 } from \"../../redux/auth\"\nimport { Paper, styled, TextField } from '@material-ui/core';\nimport { Autocomplete } from '@material-ui/lab';\nimport React, { useState } from 'react';\nimport { connect, useDispatch } from 'react-redux';\nimport { actSetFilter } from '../../redux/backend/proxies';\nimport Radio from '@mui/material/Radio';\nimport RadioGroup from '@mui/material/RadioGroup';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport FormControl from '@mui/material/FormControl';\nimport Box from '@mui/material/Box';\nimport Slider from '@mui/material/Slider';\nimport { useEffect } from 'react';\nimport { getActiveItem } from '../../redux/backend/activeMenuItem';\nimport { ClipLoader } from 'react-spinners';\nimport { NavLink } from 'react-router-dom';\nimport './style.css';\n\n\nconst Filter = (props) => {\n\n const dispatch = props.dispatch;\n const filter = props.filter;\n const { getAccessTokenSilently } = useAuth0();\n const FilterPaper = styled(Paper)({\n minWidth: 300,\n fontSize: 14,\n });\n\n const SegmentFilterField = (props) => {\n // console.log(props.value,'valueeeeeeee');\n return (\n \n \n Amount \n $}\n label=\"Amount\"\n // value={amtC / 100}\n value={currencyType === 'trc20usdt' ? amtC / 50 : amtC / 100}\n />\n \n changeCurrencyType(item)} />\n
\n About
\n \n Once you click 'Add Funds' below, a new tab will be opened with our payment provider showing the cryptocurrency wallet ID and a QR code for you to use.\n
\n \n Minimum amount is {currencyType === 'ltc' || currencyType === 'btc' ? 5 : 10}$\n
\n {currencyType == 'trc20usdt' && \n \n If you will send less than 10$ , transfer commission will be on deducted from your sum and it can be near 3$.\n
\n }\n \n Please allow pop-ups, if your browser asks you.\n
\n \n After the crypto transaction is completed, the funds will appear on your balance within few minutes.\n
\n \n Please note that balance cannot be refunded to currency.
\n See our Terms and Conditions for more details.\n
\n \n See our Terms and Conditions for more details.\n
\n
\n \n {/* \n Add Funds\n \n
\n Add funds
*/}\n \n {\n props?.segments ?
\n\n );\n};\n\nconst mapStateToProps = (state) => ({\n country: state.proxies.filter.country,\n segments: state.proxies.segments,\n filter: state.proxies.filter,\n agents: state.proxies\n});\n\nexport default connect(mapStateToProps)(Filter);\n","import React from 'react';\nimport { useEffect } from 'react';\nimport { connect } from 'react-redux';\nimport { Link } from 'react-router-dom';\nimport { Button } from '@material-ui/core';\nimport { openTermsAndConditions } from '../../util/util';\nimport { actStartLease } from '../../redux/backend/lease';\nimport { getActiveItem } from '../../redux/backend/activeMenuItem';\nimport './style.css';\n\nconst ConfirmPurchase = (props) => {\n\n const handleBuyClick = () => {\n if (props.onBuy) {\n props.onBuy();\n }\n props.dispatch(actStartLease(props.selected));\n };\n\n useEffect(() => {\n props.dispatch(getActiveItem('Confirm Purchase'));\n }, [props]);\n\n return (\n \n (setRegion(v))}\n defaultValue={props?.filter?.region}\n />\n (setCity(v))}\n />\n (setIsp(v))}\n />\n \n dispatch(actSetFilter(getAccessTokenSilently, { exstars: cleanliness }))}\n />\n \n
: Region
\n City
\n ISP
\n Type
\n \n \n \n \n
\n Cleanliness
\n Connection
\n \n \n \n \n
\n Age
\n \n \n \n \n
\n {\n showAdvancedFilters ?\n setShowAdvancedFilters(false)} className='see-more'>Hide advanced options
:\n setShowAdvancedFilters(true)} className='see-more'>Show advanced options
\n }\n {\n showAdvancedFilters &&\n \n
\n }\n Search radius (mi)
\n \n
\n \n
\n \n Apply Filter \n
\n \n
\n }\n \n
\n );\n};\n\nconst mapStateToProps = (state) => ({\n leaseFlow: state.leaseFlow\n});\n\nexport default connect(mapStateToProps)(ConfirmPurchase);","/* eslint-disable react-hooks/exhaustive-deps */\nimport React, { useRef, useState } from 'react';\nimport { connect } from 'react-redux';\nimport { Link, NavLink, useLocation } from 'react-router-dom';\nimport PropTypes from 'prop-types';\nimport Tabs from '@mui/material/Tabs';\nimport Tab from '@mui/material/Tab';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport ClipLoader from \"react-spinners/ClipLoader\";\nimport { formatMoney } from '../../util/money';\nimport { actRequestIpScore } from '../../redux/backend/scorecheck';\nimport { useAuth0 } from \"../../redux/auth\"\nimport { actLoadExistingSpeedCheck, actRequestNewSpeedCheck } from '../../redux/backend/speedcheck';\nimport moment from 'moment';\nimport { useEffect } from 'react';\nimport { getActiveItem } from '../../redux/backend/activeMenuItem';\nimport { actStartLease } from '../../redux/backend/lease';\nimport { Score, Warning } from '@material-ui/icons';\nimport { humanizedActivity, humanizedAgeSinceFirstSeen, humanizedTimeSince } from '../../redux/backend/proxies';\nimport IPScoreSection, { ConfirmDialog } from '../IPScoreSection';\nimport './style.css';\nimport SpeedCheckSection from '../SpeedCheckSection';\nimport { countryNames } from '../../data/countryNames';\nimport ReactCountryFlag from 'react-country-flag';\nimport '../../../src/App.css';\nimport { LeaseTypeSelector } from '../ProxySidebar';\n\nfunction TabPanel(props) {\n const { children, value, index, ...other } = props;\n\n return (\n \n
\n The proxy will be leased to you for 24 hours.
\n Minimum amount is 5$
\n Please allow pop-ups, if your browser asks you.
\n Please note that balance cannot be refunded to currency.
\n See our Terms and Conditions for more details.
\n \n See our Terms and Conditions for more details.
\n Buy Proxy\n
\n \n {check.warnings.proxy &&
\n }\n {!hasWarnings &&\n Proxy
}\n {check.warnings.abuse && Abuse
}\n No warnings
\n }\n Not requested yet
\n Request now
\n \n );\n }\n\n const data = props.selected;\n\n const leaseTypeLabels = {\n 'SHARED': 'Shared',\n 'PRIVATE': 'Private',\n };\n\n return (\n <>\n {\n data ? \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
:\n \n
\n \n
\n Domain
\n {data?.host ? data?.host : data?.ip}
\n \n
\n Country
\n {countryNames[data?.loc?.cc]}
\n \n
\n City
\n {data?.loc?.city}
\n \n
\n State
\n {data?.loc?.reg}
\n \n
\n Zip
\n {data?.loc?.zip}
\n \n
\n Isp
\n {data?.loc?.isp}
\n \n
\n IP Address:
\n {data?.ip}
\n \n
\n \n
\n Uptime
\n {humanizedAgeSinceFirstSeen(data?.firstSeen)}
\n \n
\n Activity
\n {humanizedActivity(data?.actv, data?.probeActv)}
\n \n {\n data?.blacklists?.listIDs.map((item, index) => {\n return
\n {item}
;\n })\n }\n \n
\n \n
\n \n {/* \n {props.selected.priceExcC && \n Buy Proxy\n \n
\n setActiveRadioBtn('private')}>\n \n \n
\n setActiveRadioBtn('shared')}>\n \n \n
*/}\n If 40% or more SOCKS requests via the purchased proxy fail, then its price will be automatically refunded to your balance.
\n \n
\n }\n \n\n );\n};\n\nconst mapStateToProps = (state) => ({\n selected: state.proxies.selected,\n proxies: state.proxies.proxies,\n lease: state.activeLeases.selected,\n leaseType: state.proxies.leaseType,\n});\n\nexport default connect(mapStateToProps)(ShopId);\n","/* eslint-disable react-hooks/rules-of-hooks */\nimport React, { useEffect, useState } from 'react';\nimport { connect, useDispatch } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport Tabs from '@mui/material/Tabs';\nimport Tab from '@mui/material/Tab';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport { ClipLoader } from 'react-spinners';\nimport { Switch, TextField } from '@material-ui/core';\nimport { actLoadActiveLeases, actSetLeaseNote, actSwitchAutoRenew } from '../../redux/backend/active-leases';\nimport { Link, NavLink } from 'react-router-dom';\nimport { CopySnackbar } from '../my-proxies/CopyButton';\nimport VisibilityIcon from '@material-ui/icons/Visibility';\nimport VisibilityOffIcon from '@material-ui/icons/VisibilityOff';\nimport { useAuth0 } from \"../../redux/auth\"\nimport { actConfirmRenew } from '../../redux/backend/renew';\nimport { humanizedActivity, humanizedAgeSinceFirstSeen } from '../../redux/backend/proxies';\nimport humanFormat from 'human-format';\nimport copyConnectionString from '../../components/admin/LeaseInfo';\nimport { getActiveItem } from '../../redux/backend/activeMenuItem';\nimport { actStartLease } from '../../redux/backend/lease';\nimport './style.css';\nimport { actUpdatePortWhitelist } from '../../redux/backend/ports';\nimport { actRequestAuthPort } from '../../redux/backend/authport';\nimport { countryNames } from '../../data/countryNames';\nimport IPScoreSection from '../IPScoreSection';\nimport SpeedCheckSection from '../SpeedCheckSection';\nimport { actLoadLeaseHistory } from '../../redux/backend/lease-history';\n\nfunction TabPanel(props) {\n const { children, value, index, ...other } = props;\n\n return (\n Copy connection string
\n \n \n \n \n \n \n \n {\n props?.lease ?\n \n \n {\n props?.lease ?\n \n \n {\n props?.lease ?\n \n \n \n \n \n \n \n \n
\n );\n};\n\nconst mapStateToProps = (state) => ({\n lease: state.activeLeases.selected,\n activeLeases: state.activeLeases,\n selected: state.proxies.selected,\n ...state.activeLeases,\n});\n\nexport default connect(mapStateToProps)(MyProxieDetails);","/* eslint-disable react-hooks/exhaustive-deps */\nimport { useAuth0 } from \"../../redux/auth\"\nimport React from 'react';\nimport { useEffect } from 'react';\nimport { connect, useDispatch } from 'react-redux';\nimport { NavLink, useLocation } from 'react-router-dom';\nimport { getActiveItem } from '../../redux/backend/activeMenuItem';\nimport { getProxiesHistory } from '../../redux/backend/proxyHistories';\nimport './style.css';\nimport { countryNames } from '../../data/countryNames';\nimport { ClipLoader } from 'react-spinners';\nimport { actLoadAgentForBuyingAgain, actLoadLeaseHistory, actResetBuyAgain } from '../../redux/backend/lease-history';\nimport { Button } from '@material-ui/core';\nimport BuyAgainDialog from '../my-proxies/BuyAgainDialog';\nimport BuyAgainErrorDialog from '../my-proxies/BuyAgainErrorDialog';\n\n\n\nconst HistoryDetails = (props) => {\n\n const dispatch = useDispatch();\n const { getAccessTokenSilently } = useAuth0();\n\n useEffect(() => {\n dispatch(getProxiesHistory(getAccessTokenSilently));\n }, [dispatch, getAccessTokenSilently]);\n\n const location = useLocation();\n\n let data = props?.items?.filter((item) => location?.pathname?.includes(item?.ip));\n\n useEffect(() => {\n props.dispatch(getActiveItem('History Details'));\n props.dispatch(actLoadLeaseHistory(getAccessTokenSilently));\n }, [getAccessTokenSilently]);\n\n const onBuyAgainClick = (lease) => {\n dispatch(actLoadAgentForBuyingAgain(getAccessTokenSilently, lease));\n };\n\n console.log(props, 'historiiiiiiiiiiiiiii props');\n\n return (\n \n
\n :\n \n
\n \n
\n \n
\n \n
\n Lease ID
\n {props?.lease?.id}
\n \n
\n IP Address
\n {props?.lease?.info?.ip}
\n \n
\n {\n showMore && Country
\n {countryNames[props?.lease?.currentInfo?.loc?.cc]}
\n \n
\n }\n {\n showMore ?\n \n
\n Hostname
\n { }
\n \n
\n City
\n {props?.lease?.currentInfo?.loc?.city}
\n \n
\n State
\n {props?.lease?.currentInfo?.loc?.reg}
\n \n
\n Zip
\n {props?.lease?.currentInfo?.loc?.zip}
\n \n
\n Isp
\n {props?.lease?.info?.loc?.isp}
\n \n
\n Shared
\n \n {props?.lease?.exc ? \"Private\" : `${props?.lease?.currentInfo?.leases?.count} of 4`}\n
\n \n
\n Connection
\n {props?.lease?.info?.conn}
\n setShowMore(false)} className='show-more-btn'>Show less
:\n setShowMore(true)} className='show-less-btn'>Show more
\n }\n \n
\n \n
\n Uptime
\n {humanizedAgeSinceFirstSeen(props?.lease?.currentInfo?.firstSeen)}
\n \n
\n Activity
\n {humanizedActivity(props?.lease?.currentInfo?.actv, props?.lease?.currentInfo?.probeActv)}
\n \n
\n \n
\n Total Requests
\n {humanFormat(stats.reqs, { decimals: 0 })}
\n \n
\n Failed
\n {Math.floor(stats.failPct) + \"%\"}
\n \n
\n You to Proxy
\n {humanFormat.bytes(stats.outBytes, { decimals: 0 })}
\n \n
\n Proxy to You
\n {humanFormat.bytes(stats.inBytes, { decimals: 0 })}
\n \n Automatically renew\n {\n switchAutoRenew(props?.selected);\n }}\n />\n
\n \n
:\n \n
\n \n
\n Username
\n {props?.lease?.socks?.user}
\n \n
\n Password
\n {passwordHidden ? '•'.repeat(10) : lease.socks.pwd} {hideShowPasswordIcon}
\n \n
\n SOCKS IP
\n {props?.lease?.socks?.ip}
\n \n
\n SOCKS Port
\n {props?.lease?.socks?.port}
\n \n
\n\n \n Save\n
:\n \n
\n \n
\n SOCKS IP:
\n {socksIp}
\n \n
\n SOCKS Port:
\n {socksPort}
\n \n
\n \n
\n \n
\n \n {\n props?.lease?.info?.blacklists?.listIDs?.map((item, index) => {\n return
\n {item}
;\n })\n }\n \n {/* \n Connect\n */}\n
\n \n {\n props?.items ?
: \n
\n \n
\n \n
\n Lease ID
\n {data?.[0]?.leaseID}
\n \n
\n {/* IP Address:
\n {data?.[0]?.ip}
\n \n
*/}\n Hostname
\n {data?.[0]?.ip}
\n \n
\n Country
\n {countryNames[data?.[0]?.loc?.cc]}
\n \n
\n City
\n {data?.[0]?.loc?.city}
\n \n
\n State
\n {data?.[0]?.loc?.reg}
\n \n
\n Zip
\n {data?.[0]?.loc?.zip}
\n \n
\n {/* Isp
\n {data?.[0]?.loc?.isp}
\n \n
\n Shared
\n 1 of 4
\n \n
*/}\n Connection
\n WiFi
\n \n {/* Buy Again */}\n onBuyAgainClick(data?.[0])}>\n Buy Again\n
\n \n\t\t\t
\n BigMama Referral Program
\nHow to start earn with BigMama?
\n\n
\n Just invite new users with your personale referral code by the following link: {refLink}
\n \n
\n
\n \n \n
\n you will receive: \n
\n
\nEach time your referral user will load balance, you will receive your referral earing on intrenal balance. Referral earnig will be dispalayed in Payments page. \n
\n \n
\n 10% \n of the first transaction to loading the balance of each referred user. \n
\n \n 5% \n from all other transactions to loading the balance of the referred user. \n
\n \n
\n
\n )\n}\n\nexport default LoadingScreen","import { Link, makeStyles } from '@material-ui/core'\nimport React from 'react'\nimport EmailIcon from '@material-ui/icons/Email'\nimport TelegramIcon from '@material-ui/icons/Telegram'\n\nconst useStyles = makeStyles((theme) => ({\n page: {\n minHeight: '100vh',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n backgroundColor: 'rgb(13, 7, 31)',\n color: theme.palette.common.white,\n },\n content: {\n textAlign: 'center',\n display: 'flex',\n flexDirection: 'column', \n alignItems: 'center',\n marginBottom: 100,\n },\n contacts: {\n },\n contactItem: {\n marginTop: theme.spacing(2),\n display: 'flex',\n alignItems: 'center',\n },\n contactIcon: {\n marginRight: theme.spacing(1),\n position: 'relative',\n top: 2,\n padding: 10,\n paddingBottom: 5,\n borderRadius: 10,\n background: 'rgb(31, 38, 80)',\n },\n header: {\n fontSize: 16,\n fontWeight: 600,\n lineHeight: 2,\n marginBottom: theme.spacing(2),\n },\n}))\n\nconst Maintenance = (props) => {\n const classes = useStyles()\n\n return (\n \n
\n )\n}\n\nexport default Maintenance","import React, { useEffect, useState } from 'react'\nimport { useAuthContext } from \"./AuthProvider\"\nimport { useAuth0 } from \"../redux/auth\"\nimport { ThemeProvider } from '@material-ui/core/styles'\nimport App from './App'\nimport { CssBaseline } from '@material-ui/core'\nimport { connect } from 'react-redux'\nimport { actInitialize } from '../redux/actions'\nimport { actSetAccountReferralCode } from '../redux/backend/account'\nimport createTheme from '../theme/theme'\nimport LoadingScreen from './LoadingScreen'\nimport Maintenance from './Maintenance'\nimport { auth0Cfg } from '../config/auth0'\nimport { jwtDecode } from \"jwt-decode\"\n\nconst AppWrapper = (props) => {\n const initialized = props.initialized\n const dispatch = props.dispatch\n\n let params = new URLSearchParams(document.location.search)\n let token = params.get(\"token\")\n\n const { user, getAccessTokenSilently, setToken, logout } = useAuth0()\n \n useEffect(()=>{\n if (token !== '' && token !== null) {\n setToken(token)\n window.location = window.location.origin\n } else {\n if (!user) {\n window.location = auth0Cfg.domain\n }\n // getAccessTokenSilently()\n const decoded = jwtDecode(user)\n if(decoded?.referralCode?.length > 0) {\n dispatch(actSetAccountReferralCode(decoded.referralCode[0]))\n } else {\n dispatch(actSetAccountReferralCode(''))\n }\n \n dispatch(actInitialize(getAccessTokenSilently, logout))\n }\n },[])\n\n // const { isAuthenticated, isLoading, user, loginWithRedirect, getAccessTokenSilently, logout } = useAuth0()\n // const isAuthenticated = true\n \n \n // useEffect(() => {\n // (async () => {\n // if (!isLoading && !user) {\n // var loginParams = {}\n // const urlParams = new URLSearchParams(window.location.search)\n // if (urlParams.has('invite')) {\n // loginParams = {fragment: urlParams.get('invite').substring(0, 20)}\n // }\n\n // // await loginWithRedirect(loginParams)\n // } else {\n // dispatch(actInitialize(getAccessTokenSilently, logout))\n // } \n // })()\n // }, [isLoading, user, loginWithRedirect, initialized, dispatch, getAccessTokenSilently, logout])\n\n const theme = createTheme()\n\n const isReady = () => {\n return user && (props.initState === 'YES')\n }\n\n let result = null\n if (props.offline) {\n result = (\n \n
\n \n {props.children}\n
\n {!props.hideContacts && \n \n
}\n \n Check your Internet connection and reload the page.\n
\n Please check back in a minute.\n
\n Try reloading the page or contact us if that doesn't help.\n
Internet Explorer is not supported. Please use Chrome, Firefox or Edge.
\n} else {\n content = (\n