\n {reason}\n \n ,\n ),\n )\n return\n }\n }\n return await connection.disconnect()\n }\n const isCancel = connection.status !== ConnectionStatus.NOT_CONNECTED\n const buttonProps: BrandButtonProps = {\n disabled: connection.gracePeriod,\n onClick,\n }\n return isCancel ? (\n
\n Mysterium Node: {nodeVersion()}\n
\n Error: {reason}\n \n ,\n ),\n )\n }\n }\n const handleExportCancel = () => {\n setExportPrompt(false)\n }\n return (\n
\n Error: {reason}\n \n )\n },\n })\n .then(() => onboarding.finishIDSetup())\n }\n const handleImportCancel = () => {\n setImportPrompt(false)\n }\n return (\n
\n No subscriptions, no monthly fees – just minute-by-minute payments.\n \n }\n animation={animationPayAsYouGo}\n onBack={() => navigate(-1)}\n onNext={() => navigate(locations.onboardingIntro4)}\n onSkip={() => onboarding.onboardingStepsComplete()}\n />\n )\n})\n" }, { "path": "src/app/onboarding/components/IntroductionSteps/Step4.tsx", "content": "/**\n * Copyright (c) 2022 BlockDev AG\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport React from \"react\"\nimport { useNavigate } from \"react-router-dom\"\nimport { observer } from \"mobx-react-lite\"\n\nimport { useStores } from \"../../../store\"\n\nimport { IntroductionStep } from \"./IntroductionSteps\"\nimport animationCrypto from \"./animation_crypto.json\"\n\nexport const Step4: React.FC = observer(function Step4() {\n const { onboarding } = useStores()\n const navigate = useNavigate()\n return (\n
\n payment.setTaxCountry(event.target.value)}\n >\n {Object.entries(options).map(([key, val]) => (\n \n ))}\n \n
\n )\n})\n"
},
{
"path": "src/app/payment/components/SelectTaxState/SelectTaxState.tsx",
"content": "/**\n * Copyright (c) 2022 BlockDev AG\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport React from \"react\"\nimport { observer } from \"mobx-react-lite\"\n\nimport { useStores } from \"../../../store\"\nimport { Select } from \"../../../ui-kit/form-components/Select\"\nimport { STATES } from \"../../../location/states\"\n\nexport const SelectTaxState: React.FC = observer(() => {\n const { payment } = useStores()\n const options = STATES[payment.taxCountry ?? \"\"]\n return (\n \n payment.setTaxState(event.target.value)}\n >\n \n {Object.entries(options).map(([key, val]) => (\n \n ))}\n \n
\n )\n})\n"
},
{
"path": "src/app/payment/currency.ts",
"content": "/**\n * Copyright (c) 2020 BlockDev AG\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nexport const isLightningAvailable = (currency?: string): boolean => {\n return currency == \"BTC\" || currency == \"LTC\"\n}\n\nexport interface AmountMultiCurrency {\n MYST?: number\n USD?: number\n}\n"
},
{
"path": "src/app/payment/display.ts",
"content": "/**\n * Copyright (c) 2020 BlockDev AG\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { DECIMAL_PART, Tokens } from \"mysterium-vpn-js\"\nimport BigNumber from \"bignumber.js\"\n\nexport const decimalPart = (): number => {\n return DECIMAL_PART\n}\n\nexport const displayUSD = (amount: number): string => {\n return \"$\" + new BigNumber(amount).toFixed(2)\n}\n\nexport const displayTokens2 = (tokens?: Tokens): string => {\n return new BigNumber(tokens?.human ?? 0).toFixed(2)\n}\n\nexport const displayTokens4 = (tokens?: Tokens): string => {\n return new BigNumber(tokens?.human ?? 0).toFixed(4)\n}\n"
},
{
"path": "src/app/payment/methods.ts",
"content": "/**\n * Copyright (c) 2021 BlockDev AG\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { PaymentGateway } from \"mysterium-vpn-js\"\nimport { IconProp } from \"@fortawesome/fontawesome-svg-core\"\nimport { faBitcoin, faPaypal } from \"@fortawesome/free-brands-svg-icons\"\nimport { faCreditCard } from \"@fortawesome/free-solid-svg-icons\"\n\nexport enum PaymentMethodName {\n COINGATE = \"coingate\",\n PAYPAL = \"paypal\",\n STRIPE = \"stripe\",\n MYST = \"myst\",\n}\n\nexport enum Gateway {\n COINGATE = \"coingate\",\n PAYPAL = \"paypal\",\n STRIPE = \"stripe\",\n}\n\nexport interface PaymentMethodMetadata {\n displayOrder: number\n displayText: string\n gateway: string\n icon?: IconProp\n}\n\nexport type PaymentMethod = {\n name: PaymentMethodName\n gatewayData: PaymentGateway\n} & PaymentMethodMetadata\n\nexport const SUPPORTED_METHODS: { [key: string]: PaymentMethodMetadata } = {\n [PaymentMethodName.COINGATE]: {\n displayOrder: 0,\n displayText: \"Crypto\",\n icon: faBitcoin,\n gateway: \"coingate\",\n },\n [PaymentMethodName.PAYPAL]: {\n displayOrder: 1,\n displayText: \"Paypal\",\n icon: faPaypal,\n gateway: \"paypal\",\n },\n [PaymentMethodName.STRIPE]: {\n displayOrder: 2,\n displayText: \"Credit card\",\n icon: faCreditCard,\n gateway: \"stripe\",\n },\n [PaymentMethodName.MYST]: {\n displayOrder: 3,\n displayText: \"MYST\",\n gateway: \"coingate\",\n },\n}\n"
},
{
"path": "src/app/payment/rate.ts",
"content": "/**\n * Copyright (c) 2020 BlockDev AG\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport BigNumber from \"bignumber.js\"\n\nexport const mystToUSD = (myst: number, rate?: number): number | undefined => {\n if (!rate) {\n return\n }\n return new BigNumber(myst).times(rate).toNumber()\n}\n"
},
{
"path": "src/app/payment/store.ts",
"content": "/**\n * Copyright (c) 2020 BlockDev AG\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { action, computed, makeObservable, observable, runInAction, toJS, when } from \"mobx\"\nimport {\n CreatePaymentOrderRequest,\n Currency,\n EntertainmentEstimateResponse,\n FeesV2,\n Money,\n PaymentGateway,\n PaymentOrder,\n} from \"mysterium-vpn-js\"\nimport retry from \"async-retry\"\nimport { ipcRenderer } from \"electron\"\nimport BigNumber from \"bignumber.js\"\n\nimport { RootStore } from \"../store\"\nimport { DaemonStatusType } from \"../daemon/store\"\nimport { log, logErrorMessage } from \"../../shared/log/log\"\nimport { tequilapi } from \"../tequilapi\"\nimport { parseError } from \"../../shared/errors/parseError\"\nimport { MainIpcListenChannels } from \"../../shared/ipc\"\n\nimport { AmountMultiCurrency, isLightningAvailable } from \"./currency\"\nimport { Gateway, PaymentMethod, SUPPORTED_METHODS } from \"./methods\"\n\nexport enum OrderStatus {\n PENDING,\n SUCCESS,\n FAILED,\n}\n\nexport enum MystChain {\n POLYGON = \"polygon\",\n ETHEREUM = \"ethereum\",\n}\n\nexport class PaymentStore {\n root: RootStore\n\n appCurrency: Currency = Currency.MYST\n appFiatCurrency = \"USD\"\n\n fees?: FeesV2\n mystToUsdRate?: Money\n topUpAmountUSD?: number\n paymentMethod?: PaymentMethod\n paymentGateways?: PaymentGateway[]\n paymentMethods: PaymentMethod[] = []\n paymentCurrency?: string\n chain?: MystChain\n taxCountry?: string\n taxState?: string\n lightningNetwork = false\n order?: PaymentOrder\n orderExpiresAt?: Date\n\n constructor(root: RootStore) {\n makeObservable(this, {\n appCurrency: observable,\n fees: observable,\n mystToUsdRate: observable,\n topUpAmountUSD: observable,\n paymentMethod: observable,\n\n paymentGateways: observable,\n paymentMethods: observable,\n currencies: computed,\n orderOptions: computed,\n\n paymentCurrency: observable,\n chain: observable,\n taxCountry: observable,\n taxState: observable,\n lightningNetwork: observable,\n order: observable,\n fetchTransactorFees: action,\n fetchMystToUsdRate: action,\n createOrder: action,\n openOrderSecureForm: action,\n orderStatus: computed,\n downloadInvoice: action,\n clearOrder: action,\n clearPaymentOptions: action,\n setPaymentMethod: action,\n setPaymentCurrency: action,\n setLightningNetwork: action,\n setTaxCountry: action,\n setTaxState: action,\n setChain: action,\n setTopupAmountUSD: action,\n refreshBalance: action,\n })\n this.root = root\n }\n\n setupReactions(): void {\n when(\n () => this.root.daemon.status == DaemonStatusType.Up,\n () => {\n this.fetchMystToUsdRate()\n },\n )\n }\n\n async fetchTransactorFees(): Promise\n
\n \n {headerGroups.map((headerGroup) => {\n const { style, key, ...restHeaderGroupProps } = headerGroup.getHeaderGroupProps()\n return (\n
\n )\n })}\n \n {headerGroup.headers.map((column) => {\n const { key, ...restHeaderProps } = column.getHeaderProps(\n column.getSortByToggleProps({\n title: column.canSort ? `Sort by ${column.Header}` : undefined,\n }),\n )\n return (\n \n {column.render(\"Header\")}\n
\n )\n })}\n \n \n {({ width, height }): JSX.Element => (\n \n {renderRow}\n \n )}\n \n
\n \n )\n})\n\nexport const ProposalTable: React.FC = observer(function ProposalTable() {\n const { proposals } = useStores()\n const columns = React.useMemo\n {row.cells.map((cell) => {\n const { key, ...rest } = cell.getCellProps()\n return (\n
\n \n {cell.render(\"Cell\")}\n
\n )\n })}\n \n \n
\n)\n"
},
{
"path": "src/app/ui-kit/components/MysteriumVPN2Toast/MysteriumVPN2Toast.tsx",
"content": "/* eslint-disable */\n/**\n * Copyright (c) 2021 BlockDev AG\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport React, { useEffect } from \"react\";\nimport icon from \"./icon.png\";\nimport { toast } from \"react-hot-toast\";\nimport { dismissibleToast } from \"../dismissibleToast\";\nimport { shell } from \"electron\";\nimport styled from \"styled-components\";\nimport { useStores } from \"../../../store\";\n\nconst Container = styled.div`\n cursor: pointer;\n`;\nexport const MysteriumVPN2Toast: React.FC = () => {\n const root = useStores()\n const { config } = root\n useEffect(() => {\n if (config.vpn2Offered) {\n return\n }\n\n let link: string\n if (root.isWindows) {\n link = \"https://www.mysteriumvpn.com/mysterium-vpn-v2?utm_source=MysteriumDark&utm_medium=Windows&utm_campaign=Banner\"\n } else if (root.isMacOS) {\n link = \"https://www.mysteriumvpn.com/mysterium-vpn-v2?utm_source=MysteriumDark&utm_medium=Mac&utm_campaign=Banner\"\n } else {\n link = \"https://www.mysteriumvpn.com/mysterium-vpn-v2?utm_source=MysteriumDark&utm_medium=Other&utm_campaign=Banner\"\n }\n\n const toastID = toast(dismissibleToast(\n \n Download the new app to use Mysterium VPN on Android, iOS, Mac and Windows\n \n
{text &&
\n)\n"
},
{
"path": "src/app/ui-kit/components/SectionTitle/SectionTitle.tsx",
"content": "/**\n * Copyright (c) 2020 BlockDev AG\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport styled from \"styled-components\"\n\nimport { textCaption } from \"../../typography\"\n\nexport const SectionTitle = styled.div`\n ${textCaption}\n color: #777;\n display: flex;\n align-items: center;\n margin-bottom: 16px;\n`\n"
},
{
"path": "src/app/ui-kit/components/Spinner/Spinner.tsx",
"content": "/**\n * Copyright (c) 2022 BlockDev AG\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport React from \"react\"\nimport Lottie from \"react-lottie-player\"\nimport styled from \"styled-components\"\n\nimport animationSpinner from \"./animation_spinner.json\"\n\nexport interface SpinnerProps {\n className?: string\n}\n\nconst Container = styled.div`\n width: 80px;\n`\n\nexport const Spinner: React.FC{message}
\n \n Thanks for the feedback!\n \n )\n },\n error: function errorToast(reason) {\n return (\n \n Could not submit the report 😶\n
\n {reason}\n \n )\n },\n })\n clearInputs()\n }\n return (\n <>\n
\n Provider - maximum privacy\n
\n Automatic - maximum reliability
\n
\n You will need to re-connect for the change to apply.\n \n
\n It increases your chances of successfully connecting to provider nodes.
\n Disable to see all provider nodes.\n \n
\n {filename}\n \n )\n },\n error: function errorToast(reason) {\n return (\n \n Identity backup failed 😶\n
\n Error: {reason}\n \n )\n },\n })\n }\n const handleExportCancel = () => {\n setExportPrompt(false)\n }\n\n // Import\n const [importPrompt, setImportPrompt] = useState(false)\n const [importFilename, setImportFilename] = useState(\"\")\n const handleImportInitiate = async () => {\n const filename = await identity.importIdentityChooseFile()\n if (!filename) {\n return\n }\n setImportFilename(filename)\n setImportPrompt(true)\n }\n const handleImportSubmit = async ({ passphrase }: ImportIdentityFormFields) => {\n setImportPrompt(false)\n const res = identity.importIdentity({ filename: importFilename, passphrase })\n toast.promise(res, {\n loading: \"Importing identity...\",\n success: function successToast() {\n return (\n \n Mysterium ID imported!\n \n )\n },\n error: function errorToast(reason) {\n return (\n \n Mysterium ID import failed 😶\n
\n Error: {reason}\n \n )\n },\n })\n }\n const handleImportCancel = () => {\n setImportPrompt(false)\n }\n\n return (\n <>\n
\n \n Backup\n \n Restore from backup \n
\n \n \n
\n)\n\nexport const ConnectionStatistics: React.FC = observer(function ConnectionStatistics() {\n const {\n connection: { statistics: { duration, bytesReceived, bytesSent, spentTokens } = {}, status },\n } = useStores()\n const clock = duration ? toClock(duration) : \"\"\n const down = bytesReceived ? byteSize(bytesReceived, { units: \"iec\" }) : undefined\n const up = bytesSent ? byteSize(bytesSent, { units: \"iec\" }) : undefined\n const paid = spentTokens?.human ?? 0\n const connected = status == ConnectionStatus.CONNECTED\n const iconColor = connected ? brandLight : greyBlue1\n return (\n \n \n \n {s.providerId}\n
\n )\n\n // Icons\n const closeAction = () => {\n setVisible(false)\n }\n const openAction = () => {\n proposals.prepareForQuickSearch()\n setVisible(true)\n setTimeout(() => {\n autosuggestRef?.current?.input?.focus()\n }, 50)\n }\n\n return (\n <>\n \n {reason}\n \n ,\n ),\n )\n return\n }\n }\n return await connection.disconnect()\n }\n return (\n
\n
\n No referral token is available at this time.
\nPlease try again later.
\n \n ) : (\n <>\nYour referral code
\n{token}
\n\n
\n \n
\n \n
\n \n
\n \n \n \n
\n \n
\n \n \n \n
\n payment.downloadInvoice()}>\n
\n \n
\n \n
\n \n
\n \n
\n \n {opt} \n {payment.appFiatCurrency} \n
\n \n ))}\n \n
\n \n {props.minutes.toString().padStart(2, \"0\")}:\n {props.seconds.toString().padStart(2, \"0\")}\n
\n )}\n />\n \n
\n \n
\n \n {props.minutes.toString().padStart(2, \"0\")}:\n {props.seconds.toString().padStart(2, \"0\")}\n
\n )}\n />\n \n
\n \n {opt} \n {payment.appFiatCurrency} \n
\n \n ))}\n \n
\n \n
\n \n \n \n
\n \n )\n })}\n \n
\n \n {opt} \n {payment.appFiatCurrency} \n
\n \n ))}\n \n
\n \n We do not store any card details.\n \n
\n
\n \n
\n \n \n \n
\n \n )\n })}\n \n
\n \n {opt} \n {payment.appFiatCurrency} \n
\n \n ))}\n \n
\n \n We do not store any card details.\n \n
\n video\n
\n music\n
\n browsing\n