import React, { Component } from 'react'; import { inject, observer } from 'mobx-react'; import { withTranslation, Trans } from 'react-i18next'; import withCustomComponent from 'ui/components/withCustomComponent'; import DefaultLayout from 'ui/layouts/DefaultLayout'; import Link from 'next/link'; import moment from 'moment'; import SignupPageLayout from 'ui/layouts/SignupPageLayout'; import { BasketItemFactory } from 'ui/_pages/checkout/basketItemFactory'; import { DiscountInfoSection } from 'ui/_pages/checkout/DiscountInfoSection'; import { CheckoutDiscountSection } from 'ui/_pages/checkout/CheckoutDiscountSection'; import { CheckoutTotalPrice } from 'ui/_pages/checkout/CheckoutTotalPrice'; import { CheckoutButton } from 'ui/_pages/checkout/CheckoutButton'; import { routes } from 'env/routes'; import { withRouter } from 'next/router'; import { privateRoute } from 'env/privateRoute'; import LoadingSpinner from 'ui/components/LoadingSpinner'; @privateRoute @withRouter @withCustomComponent('SignupSummaryPage') @withTranslation() @inject('appStore', 'authStore', 'checkoutStore') @observer class SignupSummaryPage extends Component { componentDidMount() { const { t, router, appStore, checkoutStore } = this.props; checkoutStore .loadInvoicePreview() .then((data) => { if (!data || data.Lines.length == 0) { router.push(routes.signup_complete); return; } }) .catch((err) => { appStore.setPopMessage( t('Sorry, we could not load this page. {{err}}', { err }) ); }); } render() { const { t, appStore, checkoutStore } = this.props; const { configuration } = appStore; const { basket, isLoadingInvoicePreview, hasLoadedInvoicePreview, invoicePreview, } = checkoutStore; const loadingData = isLoadingInvoicePreview || !hasLoadedInvoicePreview; const hasPlan = basket.filter((bi) => bi.type == 'contract').length > 0; const keepOnHold = hasPlan && configuration['Signup.KeepNewAccountsOnHold']; return (

{loadingData && } {!loadingData && (

))} {invoicePreview && invoicePreview.Lines && ( )}

{t('Click here to generate an invoice and make payment for the items you have chosen')}

)}

); } } export default SignupSummaryPage;

Events