refactor: moving speedcurve utils up to the top

Using them in index.jsx instead of the old “App” file since that’s the first moment we’re about to start painting.  Also updating references in OrderSummary and PaymentForm.

src/index.jsx

@@ -11,9 +11,11 @@ import Footer, { messages as footerMessages } from '@edx/frontend-component-foot
 import appMessages from './i18n';
 import { PaymentPage, EcommerceRedirect, responseInterceptor } from './payment';
 import configureStore from './store';
+import markPerformanceIfAble from './speedcurve';
 import './index.scss';
 
 App.subscribe(APP_READY, () => {
+  markPerformanceIfAble('Payment app began painting');
   ReactDOM.render(
     <AppProvider store={configureStore()}>
       <Header />

src/payment/cart/OrderSummary.jsx

@@ -2,11 +2,11 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { FormattedMessage } from '@edx/frontend-i18n';
 
-import { utils } from '../../common';
+import markPerformanceIfAble from '../../speedcurve';
 
 class OrderSummary extends React.Component {
   componentDidMount() {
-    utils.markPerformanceIfAble('Order Summary component rendered');
+    markPerformanceIfAble('Order Summary component rendered');
   }
 
   render() {

src/payment/checkout/payment-form/PaymentForm.jsx

@@ -9,7 +9,7 @@ import CardDetails from './CardDetails';
 import CardHolderInformation from './CardHolderInformation';
 import getStates from './utils/countryStatesMap';
 import messages from './PaymentForm.messages';
-import { utils } from '../../../common';
+import markPerformanceIfAble from '../../../speedcurve';
 
 const CardValidator = require('../card-validator');
 
@@ -25,7 +25,7 @@ export class PaymentFormComponent extends React.Component {
       && !this.props.loading
     ) {
       // Send a SpeedCurve event when we stop loading for the first time
-      utils.markPerformanceIfAble('Payment form finished loading');
+      markPerformanceIfAble('Payment form finished loading');
     }
   }
 

src/payment/data/utils.js

@@ -130,9 +130,3 @@ export function generateAndSubmitForm(url, params = {}) {
   form.submit();
 }
 
-// Used for SpeedCurve performance tracking
-export function markPerformanceIfAble(markName) {
-  if (performance.mark) {
-    performance.mark(markName);
-  }
-}

src/speedcurve.js

@@ -0,0 +1,6 @@
+// Used for SpeedCurve performance tracking
+export default function markPerformanceIfAble(markName) {
+  if (performance.mark) {
+    performance.mark(markName);
+  }
+}