Fixed SparkForm loading

resources/assets/js/auth/register-stripe.js

@@ -2,6 +2,7 @@ import register from './../mixins/register.js';
 import plans from './../mixins/plans.js';
 import vat from './../mixins/vat.js';
 import stripe from './../mixins/stripe.js';
+import SparkForm from '../forms/form.js';
 
 export default {
     /**

resources/assets/js/forms/bootstrap.js

@@ -9,17 +9,6 @@ Spark.forms = {
     updateTeamMember: {}
 };
 
-
-/**
- * Load the SparkForm helper class.
- */
-import('./form.js');
-
-/**
- * Define the SparkFormError collection class.
- */
-import('./errors.js');
-
 /**
  * Add additional HTTP / form helpers to the Spark object.
  */

resources/assets/js/forms/errors.js

@@ -1,7 +1,7 @@
 /**
  * Spark form error collection class.
  */
-window.SparkFormErrors = function () {
+export default function () {
     this.errors = {};
 
     /**

resources/assets/js/forms/form.js

@@ -1,7 +1,9 @@
+import SparkFormErrors from './errors.js';
+
 /**
  * SparkForm helper class. Used to set common properties on all forms.
  */
-window.SparkForm = function (data) {
+export default function (data) {
     var form = this;
     const initialData = data;
 

resources/assets/js/kiosk/add-discount.js

@@ -1,3 +1,5 @@
+import SparkForm from '../forms/form.js';
+
 function kioskAddDiscountForm () {
     return {
         type: 'amount',

resources/assets/js/kiosk/announcements.js

@@ -1,3 +1,5 @@
+import SparkForm from '../forms/form.js';
+
 var announcementsCreateForm = function () {
     return {
         body: '',

resources/assets/js/kiosk/users.js

@@ -1,3 +1,5 @@
+import SparkForm from '../forms/form.js';
+
 export default {
     props: ['user'],
 

resources/assets/js/mixins/subscriptions.js

@@ -1,3 +1,5 @@
+import SparkForm from '../forms/form.js';
+
 /*
  * This mixin is used by most of the subscription related screens to select plans
  * and send subscription plan changes to the server. This contains helpers for

resources/assets/js/settings/api/create-token.js

@@ -1,3 +1,5 @@
+import SparkForm from '../../forms/form.js';
+
 export default {
     props: ['availableAbilities'],
 

resources/assets/js/settings/api/tokens.js

@@ -1,3 +1,5 @@
+import SparkForm from '../../forms/form.js';
+
 export default {
     props: ['tokens', 'availableAbilities'],
 

resources/assets/js/settings/invoices/update-extra-billing-information.js

@@ -1,3 +1,5 @@
+import SparkForm from '../../forms/form.js';
+
 export default {
     props: ['user', 'team', 'billableType'],
 

resources/assets/js/settings/payment-method/redeem-coupon.js

@@ -1,3 +1,5 @@
+import SparkForm from '../../forms/form.js';
+
 export default {
     props: ['user', 'team', 'billableType'],
 

resources/assets/js/settings/payment-method/update-payment-method-stripe.js

@@ -1,3 +1,5 @@
+import SparkForm from '../../forms/form.js';
+
 export default {
     props: ['user', 'team', 'billableType'],
 

resources/assets/js/settings/payment-method/update-vat-id.js

@@ -1,3 +1,5 @@
+import SparkForm from '../../forms/form.js';
+
 export default {
     props: ['user', 'team', 'billableType'],
 

resources/assets/js/settings/profile/update-contact-information.js

@@ -1,3 +1,5 @@
+import SparkForm from '../../forms/form.js';
+
 export default {
     props: ['user'],
 

resources/assets/js/settings/profile/update-profile-photo.js

@@ -1,3 +1,5 @@
+import SparkForm from '../../forms/form.js';
+
 export default {
     props: ['user'],
 

resources/assets/js/settings/security/disable-two-factor-auth.js

@@ -1,3 +1,5 @@
+import SparkForm from '../../forms/form.js';
+
 export default {
 	props: ['user'],
 

resources/assets/js/settings/security/enable-two-factor-auth.js

@@ -1,3 +1,5 @@
+import SparkForm from '../../forms/form.js';
+
 export default {
 	props: ['user'],
 

resources/assets/js/settings/security/update-password.js

@@ -1,3 +1,5 @@
+import SparkForm from '../../forms/form.js';
+
 export default {
     /**
      * The component's data.

resources/assets/js/settings/subscription/cancel-subscription.js

@@ -1,3 +1,5 @@
+import SparkForm from '../../forms/form.js';
+
 export default {
     props: ['user', 'team', 'billableType'],
 

resources/assets/js/settings/subscription/subscribe-stripe.js

@@ -1,3 +1,5 @@
+import SparkForm from '../../forms/form.js';
+
 export default {
     props: ['user', 'team', 'plans', 'billableType'],
 

resources/assets/js/settings/teams/create-team.js

@@ -1,3 +1,5 @@
+import SparkForm from '../../forms/form.js';
+
 export default {
     /**
      * The component's data.

resources/assets/js/settings/teams/current-teams.js

@@ -1,3 +1,5 @@
+import SparkForm from '../../forms/form.js';
+
 export default {
     props: ['user', 'teams'],
 

resources/assets/js/settings/teams/send-invitation.js

@@ -1,3 +1,5 @@
+import SparkForm from '../../forms/form.js';
+
 export default {
     props: ['user', 'team', 'billableType', 'defaultRole'],
 

resources/assets/js/settings/teams/team-members.js

@@ -1,3 +1,5 @@
+import SparkForm from '../../forms/form.js';
+
 export default {
     props: ['user', 'team'],
 

resources/assets/js/settings/teams/update-team-name.js

@@ -1,3 +1,5 @@
+import SparkForm from '../../forms/form.js';
+
 export default {
     props: ['user', 'team'],
 

resources/assets/js/settings/teams/update-team-photo.js

@@ -1,3 +1,5 @@
+import SparkForm from '../../forms/form.js';
+
 export default {
     props: ['user', 'team'],
 

resources/assets/js/spark-bootstrap.js

@@ -7,6 +7,8 @@ import Promise from 'promise';
 import Popper from 'popper.js';
 import jQuery from 'jquery';
 import mixin from './mixin.js';
+import Dinero from 'dinero.js';
+import SparkForm from './forms/form.js';
 
 /*
  * Load various JavaScript modules that assist Spark.
@@ -76,11 +78,53 @@ if ($('#spark-app').length > 0) {
      * Load Vue Global Mixin.
      */
     Vue.mixin(mixin);
+
+    /**
+     * Format the given date.
+     */
+    Vue.filter('date', value => {
+        return moment.utc(value).local().format('MMMM Do, YYYY')
+    });
+
+    /**
+     * Format the given date as a timestamp.
+     */
+    Vue.filter('datetime', value => {
+        return moment.utc(value).local().format('MMMM Do, YYYY h:mm A');
+    });
 
     /**
-     * Define the Vue filters.
+     * Format the given date into a relative time.
      */
-    import('./filters.js');
+    Vue.filter('relative', value => {
+        return moment.utc(value).local().locale('en-short').fromNow();
+    });
+
+    /**
+     * Convert the first character to upper case.
+     *
+     * Source: https://github.com/vuejs/vue/blob/1.0/src/filters/index.js#L37
+     */
+    Vue.filter('capitalize', value => {
+        if (!value && value !== 0) {
+            return '';
+        }
+
+        return value.toString().charAt(0).toUpperCase()
+            + value.slice(1);
+    });
+
+    /**
+     * Format the given money value.
+     */
+    Vue.filter('currency', value => {
+        return Dinero({
+            amount: Math.round(value * 100),
+            currency: window.Spark.currency
+        }).setLocale(window.Spark.currencyLocale).toFormat('$0,0.00');
+    });
+
+    window.SparkForm = SparkForm;
 
     /**
      * Load the Spark form utilities.

resources/assets/js/spark.js

@@ -1,3 +1,5 @@
+import SparkForm from './forms/form.js';
+
 /**
  * Export the root Spark application.
  */