WIP: Arabic localization.

client/src/containers/Subscriptions/BillingPlansForm.js

@@ -15,15 +15,15 @@ export default function BillingPlansForm() {
   return (
     <div class="billing-plans">
       <BillingPlansInput
-        title={intl.get('select_a_plan', { order: 1 })}
+        title={intl.get('select_a_plan')}
         description={<T id={'please_enter_your_preferred_payment_method'} />}
       />
       <BillingPeriodsInput
-        title={intl.get('choose_your_billing', { order: 2 })}
+        title={intl.get('choose_your_billing')}
         description={<T id={'please_enter_your_preferred_payment_method'} />}
       />
       <BillingPaymentMethod
-        title={intl.get('payment_methods', { order: 3 })}
+        title={intl.get('payment_methods')}
         description={<T id={'please_enter_your_preferred_payment_method'} />}
       />
     </div>

client/src/containers/Subscriptions/BillingPlansInput.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { FastField } from 'formik';
+import { FastField, Field } from 'formik';
 import BillingPlan from './BillingPlan';
 
 import withPlans from './withPlans';
@@ -16,7 +16,7 @@ function BillingPlans({ plans, title, description, selectedOption }) {
         <p className="paragraph">{description}</p>
       </div>
 
-      <FastField name={'plan_slug'}>
+      <Field name={'plan_slug'}>
         {({ form: { setFieldValue }, field: { value } }) => (
           <div className={'plan-radios'}>
             {plans.map((plan) => (
@@ -33,7 +33,7 @@ function BillingPlans({ plans, title, description, selectedOption }) {
             ))}
           </div>
         )}
-      </FastField>
+      </Field>
     </section>
   );
 }

client/src/containers/Subscriptions/withSubscriptionPlansActions.js

@@ -0,0 +1,8 @@
+import { connect } from 'react-redux';
+import { initSubscriptionPlans } from 'store/plans/plans.actions';
+
+export const mapDispatchToProps = (dispatch) => ({
+  initSubscriptionPlans: () => dispatch(initSubscriptionPlans()),
+});
+
+export default connect(null, mapDispatchToProps);