\n );\n};\n\nVatList.propTypes = {\n data: PropTypes.shape({\n success: PropTypes.bool,\n vats: PropTypes.arrayOf(\n PropTypes.shape({\n country: PropTypes.string,\n tax: PropTypes.number,\n }),\n ),\n }),\n isLoading: PropTypes.bool,\n error: PropTypes.instanceOf(Error),\n};\n\nVatList.defaultProps = {\n data: undefined,\n isLoading: false,\n error: undefined,\n};\n\nexport default VatList;\n","import fetch from '../../utils/fetch';\nimport getVatData from './getVatData';\nimport VatList from './VatList';\n\n\nconst fetcher = () => fetch('/api/config/getVatForCountries.json')\n .then(response => response.json());\n\nexport default getVatData({ fetcher })(VatList);\n","// @todo enable next eslint rules\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable react/destructuring-assignment */\n/* eslint-disable react/no-access-state-in-setstate */\n/* eslint-disable react/no-array-index-key */\nimport React from 'react';\nimport { Link } from 'gatsby';\nimport Helmet from 'react-helmet';\n\nimport Layout from '../../layouts/SimplePage';\nimport Calculator from '../../components/Calculator';\nimport FaqSection from '../../components/FaqSection';\nimport { Accordion, AccordionItem } from '../../components/Accordion';\nimport VerticalTextBlock from '../../components/VerticalTextBlock';\nimport PriceTable from '../../components/PriceTable';\nimport Popup from '../../components/Popup';\nimport VatList from '../../components/VatList';\nimport CTA from '../../components/CTA';\n\nimport './index.scss';\n\n\n/**\n * @todo rewrite as stateless function\n */\nexport default class Pricing extends React.Component {\n /**\n * @todo move state to component\n * gatsby pages should be stateless functions\n */\n state = {\n popup: false,\n };\n\n openPopup = (status) => {\n /**\n * @todo use destructuring assignment\n *\n * @todo rewrite handler usage of `setState`\n * @see https://reactjs.org/docs/react-component.html#setstate\n * @example\n * this.setState(\n * ({ popup }) => ({\n * popup: status !== undefined ? status : !popup,\n * }),\n * () => {\n * const { popup } = this.state;\n *\n * if (popup) {\n * // ...\n * } else {\n * // ...\n * }\n * },\n * );\n */\n const popup = status !== undefined ? status : !this.state.popup;\n\n if (popup) {\n document.getElementsByTagName('html')[0].classList.add('overflow');\n document.getElementsByTagName('body')[0].classList.add('overflow');\n } else {\n document.getElementsByTagName('html')[0].classList.remove('overflow');\n document.getElementsByTagName('body')[0].classList.remove('overflow');\n }\n\n this.setState({\n popup,\n });\n };\n\n /**\n * @todo do not use array item index as Component key\n * @see https://reactjs.org/docs/lists-and-keys.html#keys\n *\n * @todo handle key events\n * Interactive elements should have focus management\n *\n * @todo add attributes to interactive static element\n * Interactive static elements should have role and description\n */\n render() {\n return (\n \n\n \n\n this.openPopup(false)}\n >\n \n \n\n \n
\n
\n Pricing\n
\n
\n
\n \n
\n
\n \n
\n
\n
\n The final price for an essay depends on several factors:\n
\n
\n
\n Academic level\n
\n
\n Number of pages\n
\n
\n Urgency\n
\n
\n Desired grade\n
\n
\n
\n All prices are given in USD for 1 page.\n
\n
\n These prices do not include the VAT (\n this.openPopup()}>\n value-added tax\n \n ). Prices for EU customers are calculated according to the tariffs of the country\n the customer is from.\n
\n
\n
\n
\n \n\n \n \n \n
\n We believe our prices are neither high, nor low. Our goal was to find a perfect\n balance between the\n ability to hire competent writers and pay them a decent salary and providing our\n services at a fair\n price for customers. In our humble opinion, we found such a balance.\n
\n \n\n \n
\n There are several factors that influence the final price for your order.\n First of all, it depends on your academic level: obviously,\n it takes more time and effort to write a master’s\n paper than an undergraduate one. So, the price depends\n on the number of pages you’ve ordered and the\n urgency.\n
\n \n\n \n
\n Yes, you can. Please visit our\n {' '}\n \n Money Back Guarantee page\n \n {' '}\n for more information.\n
\n \n\n \n
\n You can pay via your credit card. All payment methods are safe since we use\n industry-standard security measures to encrypt all our data. This means no one can\n access your bank account information when you use our website to make a payment.\n
\n \n\n \n
\n If you’ve ordered a long paper like a thesis, you don’t have to wait until the last\n part of it is finished. Using our part-by-part payment feature,\n you can pay for every completed part of your order\n separately. This will cost you an additional 10%, but\n you get an opportunity to review every completed\n part of your paper and give suggestions to your writer.\n
\n \n\n \n
\n Sure. For an additional payment you can see three pages, which are randomly chosen\n from papers completed by your writer. You can request a new writer up to 3 times.\n
\n \n\n \n
\n There are disciplines that are considered more complicated since they require more\n profound research\n and skills:\n
\n
\n
\n Accounting\n
\n
\n Architecture, building and planning\n
\n
\n Chemistry\n
\n
\n Computer science\n
\n
\n Finance\n
\n
\n Mathematics\n
\n
\n Physics\n
\n
\n Statistics\n
\n
\n IT, web\n
\n
\n Biology (and other life sciences)\n
\n
\n Civil engineering\n
\n
\n Engineering\n
\n
\n
\n Papers in such disciplines will cost you 20% more. If you choose “Other” in the list\n of disciplines, our support team will review your order, and if\n it turns out the discipline is one of the mentioned\n above, they will send you a link to make an additional payment.\n
\n \n \n \n\n \n\n \n\n \n );\n }\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Link } from 'gatsby';\nimport VerticalTextBlock from '../VerticalTextBlock';\n\nimport './index.scss';\n\n\nconst FaqSection = ({ children }) => (\n \n