react-intl 2.3.0 → 2.4.0

package/dist/react-intl.js

@@ -25,7 +25,7 @@ var defaultLocaleData = { "locale": "en", "pluralRuleFunction": function pluralR
         t0 = Number(s[0]) == n,
         n10 = t0 && s[0].slice(-1),
         n100 = t0 && s[0].slice(-2);if (ord) return n10 == 1 && n100 != 11 ? "one" : n10 == 2 && n100 != 12 ? "two" : n10 == 3 && n100 != 13 ? "few" : "other";return n == 1 && v0 ? "one" : "other";
-  }, "fields": { "year": { "displayName": "year", "relative": { "0": "this year", "1": "next year", "-1": "last year" }, "relativeTime": { "future": { "one": "in {0} year", "other": "in {0} years" }, "past": { "one": "{0} year ago", "other": "{0} years ago" } } }, "month": { "displayName": "month", "relative": { "0": "this month", "1": "next month", "-1": "last month" }, "relativeTime": { "future": { "one": "in {0} month", "other": "in {0} months" }, "past": { "one": "{0} month ago", "other": "{0} months ago" } } }, "day": { "displayName": "day", "relative": { "0": "today", "1": "tomorrow", "-1": "yesterday" }, "relativeTime": { "future": { "one": "in {0} day", "other": "in {0} days" }, "past": { "one": "{0} day ago", "other": "{0} days ago" } } }, "hour": { "displayName": "hour", "relativeTime": { "future": { "one": "in {0} hour", "other": "in {0} hours" }, "past": { "one": "{0} hour ago", "other": "{0} hours ago" } } }, "minute": { "displayName": "minute", "relativeTime": { "future": { "one": "in {0} minute", "other": "in {0} minutes" }, "past": { "one": "{0} minute ago", "other": "{0} minutes ago" } } }, "second": { "displayName": "second", "relative": { "0": "now" }, "relativeTime": { "future": { "one": "in {0} second", "other": "in {0} seconds" }, "past": { "one": "{0} second ago", "other": "{0} seconds ago" } } } } };
+  }, "fields": { "year": { "displayName": "year", "relative": { "0": "this year", "1": "next year", "-1": "last year" }, "relativeTime": { "future": { "one": "in {0} year", "other": "in {0} years" }, "past": { "one": "{0} year ago", "other": "{0} years ago" } } }, "month": { "displayName": "month", "relative": { "0": "this month", "1": "next month", "-1": "last month" }, "relativeTime": { "future": { "one": "in {0} month", "other": "in {0} months" }, "past": { "one": "{0} month ago", "other": "{0} months ago" } } }, "day": { "displayName": "day", "relative": { "0": "today", "1": "tomorrow", "-1": "yesterday" }, "relativeTime": { "future": { "one": "in {0} day", "other": "in {0} days" }, "past": { "one": "{0} day ago", "other": "{0} days ago" } } }, "hour": { "displayName": "hour", "relative": { "0": "this hour" }, "relativeTime": { "future": { "one": "in {0} hour", "other": "in {0} hours" }, "past": { "one": "{0} hour ago", "other": "{0} hours ago" } } }, "minute": { "displayName": "minute", "relative": { "0": "this minute" }, "relativeTime": { "future": { "one": "in {0} minute", "other": "in {0} minutes" }, "past": { "one": "{0} minute ago", "other": "{0} minutes ago" } } }, "second": { "displayName": "second", "relative": { "0": "now" }, "relativeTime": { "future": { "one": "in {0} second", "other": "in {0} seconds" }, "past": { "one": "{0} second ago", "other": "{0} seconds ago" } } } } };
 
 /*
 Copyright (c) 2014, Yahoo! Inc. All rights reserved.
@@ -254,7 +254,7 @@ function StringFormat(id) {
 }
 
 StringFormat.prototype.format = function (value) {
-    if (!value) {
+    if (!value && typeof value !== 'number') {
         return '';
     }
 
@@ -1734,7 +1734,15 @@ function MessageFormat(message, locales, formats) {
     // the other `Intl` APIs.
     var messageFormat = this;
     this.format = function (values) {
-        return messageFormat._format(pattern, values);
+        try {
+            return messageFormat._format(pattern, values);
+        } catch (e) {
+            if (e.variableId) {
+                throw new Error('The intl string context variable \'' + e.variableId + '\'' + ' was not provided to the string \'' + message + '\'');
+            } else {
+                throw e;
+            }
+        }
     };
 }
 
@@ -1867,7 +1875,8 @@ MessageFormat.prototype._format = function (pattern, values) {
         len,
         part,
         id,
-        value;
+        value,
+        err;
 
     for (i = 0, len = pattern.length; i < len; i += 1) {
         part = pattern[i];
@@ -1882,7 +1891,9 @@ MessageFormat.prototype._format = function (pattern, values) {
 
         // Enforce that all required values are provided by the caller.
         if (!(values && hop.call(values, id))) {
-            throw new Error('A value must be provided for: ' + id);
+            err = new Error('A value must be provided for: ' + id);
+            err.variableId = id;
+            throw err;
         }
 
         value = values[id];
@@ -2369,36 +2380,36 @@ RelativeFormat.defaultLocale = 'en';
  */
 
 function addLocaleData() {
-    var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
 
-    var locales = Array.isArray(data) ? data : [data];
+  var locales = Array.isArray(data) ? data : [data];
 
-    locales.forEach(function (localeData) {
-        if (localeData && localeData.locale) {
-            MessageFormat.__addLocaleData(localeData);
-            RelativeFormat.__addLocaleData(localeData);
-        }
-    });
+  locales.forEach(function (localeData) {
+    if (localeData && localeData.locale) {
+      MessageFormat.__addLocaleData(localeData);
+      RelativeFormat.__addLocaleData(localeData);
+    }
+  });
 }
 
 function hasLocaleData(locale) {
-    var localeParts = (locale || '').split('-');
+  var localeParts = (locale || '').split('-');
 
-    while (localeParts.length > 0) {
-        if (hasIMFAndIRFLocaleData(localeParts.join('-'))) {
-            return true;
-        }
-
-        localeParts.pop();
+  while (localeParts.length > 0) {
+    if (hasIMFAndIRFLocaleData(localeParts.join('-'))) {
+      return true;
     }
 
-    return false;
+    localeParts.pop();
+  }
+
+  return false;
 }
 
 function hasIMFAndIRFLocaleData(locale) {
-    var normalizedLocale = locale && locale.toLowerCase();
+  var normalizedLocale = locale && locale.toLowerCase();
 
-    return !!(MessageFormat.__localeData__[normalizedLocale] && RelativeFormat.__localeData__[normalizedLocale]);
+  return !!(MessageFormat.__localeData__[normalizedLocale] && RelativeFormat.__localeData__[normalizedLocale]);
 }
 
 var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) {
@@ -2562,6 +2573,7 @@ var object = PropTypes.object;
 var oneOf = PropTypes.oneOf;
 var shape = PropTypes.shape;
 var any = PropTypes.any;
+var oneOfType = PropTypes.oneOfType;
 
 var localeMatcher = oneOf(['best fit', 'lookup']);
 var narrowShortLong = oneOf(['narrow', 'short', 'long']);
@@ -2569,76 +2581,76 @@ var numeric2digit = oneOf(['numeric', '2-digit']);
 var funcReq = func.isRequired;
 
 var intlConfigPropTypes = {
-    locale: string,
-    formats: object,
-    messages: object,
-    textComponent: any,
+  locale: string,
+  formats: object,
+  messages: object,
+  textComponent: any,
 
-    defaultLocale: string,
-    defaultFormats: object
+  defaultLocale: string,
+  defaultFormats: object
 };
 
 var intlFormatPropTypes = {
-    formatDate: funcReq,
-    formatTime: funcReq,
-    formatRelative: funcReq,
-    formatNumber: funcReq,
-    formatPlural: funcReq,
-    formatMessage: funcReq,
-    formatHTMLMessage: funcReq
+  formatDate: funcReq,
+  formatTime: funcReq,
+  formatRelative: funcReq,
+  formatNumber: funcReq,
+  formatPlural: funcReq,
+  formatMessage: funcReq,
+  formatHTMLMessage: funcReq
 };
 
 var intlShape = shape(_extends({}, intlConfigPropTypes, intlFormatPropTypes, {
-    formatters: object,
-    now: funcReq
+  formatters: object,
+  now: funcReq
 }));
 
 var messageDescriptorPropTypes = {
-    id: string.isRequired,
-    description: string,
-    defaultMessage: string
+  id: string.isRequired,
+  description: oneOfType([string, object]),
+  defaultMessage: string
 };
 
 var dateTimeFormatPropTypes = {
-    localeMatcher: localeMatcher,
-    formatMatcher: oneOf(['basic', 'best fit']),
-
-    timeZone: string,
-    hour12: bool,
-
-    weekday: narrowShortLong,
-    era: narrowShortLong,
-    year: numeric2digit,
-    month: oneOf(['numeric', '2-digit', 'narrow', 'short', 'long']),
-    day: numeric2digit,
-    hour: numeric2digit,
-    minute: numeric2digit,
-    second: numeric2digit,
-    timeZoneName: oneOf(['short', 'long'])
+  localeMatcher: localeMatcher,
+  formatMatcher: oneOf(['basic', 'best fit']),
+
+  timeZone: string,
+  hour12: bool,
+
+  weekday: narrowShortLong,
+  era: narrowShortLong,
+  year: numeric2digit,
+  month: oneOf(['numeric', '2-digit', 'narrow', 'short', 'long']),
+  day: numeric2digit,
+  hour: numeric2digit,
+  minute: numeric2digit,
+  second: numeric2digit,
+  timeZoneName: oneOf(['short', 'long'])
 };
 
 var numberFormatPropTypes = {
-    localeMatcher: localeMatcher,
-
-    style: oneOf(['decimal', 'currency', 'percent']),
-    currency: string,
-    currencyDisplay: oneOf(['symbol', 'code', 'name']),
-    useGrouping: bool,
-
-    minimumIntegerDigits: number,
-    minimumFractionDigits: number,
-    maximumFractionDigits: number,
-    minimumSignificantDigits: number,
-    maximumSignificantDigits: number
+  localeMatcher: localeMatcher,
+
+  style: oneOf(['decimal', 'currency', 'percent']),
+  currency: string,
+  currencyDisplay: oneOf(['symbol', 'code', 'name']),
+  useGrouping: bool,
+
+  minimumIntegerDigits: number,
+  minimumFractionDigits: number,
+  maximumFractionDigits: number,
+  minimumSignificantDigits: number,
+  maximumSignificantDigits: number
 };
 
 var relativeFormatPropTypes = {
-    style: oneOf(['best fit', 'numeric']),
-    units: oneOf(['second', 'minute', 'hour', 'day', 'month', 'year'])
+  style: oneOf(['best fit', 'numeric']),
+  units: oneOf(['second', 'minute', 'hour', 'day', 'month', 'year'])
 };
 
 var pluralFormatPropTypes = {
-    style: oneOf(['cardinal', 'ordinal'])
+  style: oneOf(['cardinal', 'ordinal'])
 };
 
 /**
@@ -2704,82 +2716,82 @@ file in the root directory of React's source tree.
 var intlConfigPropNames = Object.keys(intlConfigPropTypes);
 
 var ESCAPED_CHARS = {
-    '&': '&amp;',
-    '>': '&gt;',
-    '<': '&lt;',
-    '"': '&quot;',
-    '\'': '&#x27;'
+  '&': '&amp;',
+  '>': '&gt;',
+  '<': '&lt;',
+  '"': '&quot;',
+  "'": '&#x27;'
 };
 
 var UNSAFE_CHARS_REGEX = /[&><"']/g;
 
 function escape(str) {
-    return ('' + str).replace(UNSAFE_CHARS_REGEX, function (match) {
-        return ESCAPED_CHARS[match];
-    });
+  return ('' + str).replace(UNSAFE_CHARS_REGEX, function (match) {
+    return ESCAPED_CHARS[match];
+  });
 }
 
 function filterProps(props, whitelist) {
-    var defaults$$1 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var defaults$$1 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
 
-    return whitelist.reduce(function (filtered, name) {
-        if (props.hasOwnProperty(name)) {
-            filtered[name] = props[name];
-        } else if (defaults$$1.hasOwnProperty(name)) {
-            filtered[name] = defaults$$1[name];
-        }
+  return whitelist.reduce(function (filtered, name) {
+    if (props.hasOwnProperty(name)) {
+      filtered[name] = props[name];
+    } else if (defaults$$1.hasOwnProperty(name)) {
+      filtered[name] = defaults$$1[name];
+    }
 
-        return filtered;
-    }, {});
+    return filtered;
+  }, {});
 }
 
 function invariantIntlContext() {
-    var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-        intl = _ref.intl;
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      intl = _ref.intl;
 
-    invariant_1(intl, '[React Intl] Could not find required `intl` object. ' + '<IntlProvider> needs to exist in the component ancestry.');
+  invariant_1(intl, '[React Intl] Could not find required `intl` object. ' + '<IntlProvider> needs to exist in the component ancestry.');
 }
 
 function shallowEquals(objA, objB) {
-    if (objA === objB) {
-        return true;
-    }
+  if (objA === objB) {
+    return true;
+  }
 
-    if ((typeof objA === 'undefined' ? 'undefined' : _typeof(objA)) !== 'object' || objA === null || (typeof objB === 'undefined' ? 'undefined' : _typeof(objB)) !== 'object' || objB === null) {
-        return false;
-    }
+  if ((typeof objA === 'undefined' ? 'undefined' : _typeof(objA)) !== 'object' || objA === null || (typeof objB === 'undefined' ? 'undefined' : _typeof(objB)) !== 'object' || objB === null) {
+    return false;
+  }
 
-    var keysA = Object.keys(objA);
-    var keysB = Object.keys(objB);
+  var keysA = Object.keys(objA);
+  var keysB = Object.keys(objB);
 
-    if (keysA.length !== keysB.length) {
-        return false;
-    }
+  if (keysA.length !== keysB.length) {
+    return false;
+  }
 
-    // Test for A's keys different from B.
-    var bHasOwnProperty = Object.prototype.hasOwnProperty.bind(objB);
-    for (var i = 0; i < keysA.length; i++) {
-        if (!bHasOwnProperty(keysA[i]) || objA[keysA[i]] !== objB[keysA[i]]) {
-            return false;
-        }
+  // Test for A's keys different from B.
+  var bHasOwnProperty = Object.prototype.hasOwnProperty.bind(objB);
+  for (var i = 0; i < keysA.length; i++) {
+    if (!bHasOwnProperty(keysA[i]) || objA[keysA[i]] !== objB[keysA[i]]) {
+      return false;
     }
+  }
 
-    return true;
+  return true;
 }
 
 function shouldIntlComponentUpdate(_ref2, nextProps, nextState) {
-    var props = _ref2.props,
-        state = _ref2.state,
-        _ref2$context = _ref2.context,
-        context = _ref2$context === undefined ? {} : _ref2$context;
-    var nextContext = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
-    var _context$intl = context.intl,
-        intl = _context$intl === undefined ? {} : _context$intl;
-    var _nextContext$intl = nextContext.intl,
-        nextIntl = _nextContext$intl === undefined ? {} : _nextContext$intl;
-
-
-    return !shallowEquals(nextProps, props) || !shallowEquals(nextState, state) || !(nextIntl === intl || shallowEquals(filterProps(nextIntl, intlConfigPropNames), filterProps(intl, intlConfigPropNames)));
+  var props = _ref2.props,
+      state = _ref2.state,
+      _ref2$context = _ref2.context,
+      context = _ref2$context === undefined ? {} : _ref2$context;
+  var nextContext = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+  var _context$intl = context.intl,
+      intl = _context$intl === undefined ? {} : _context$intl;
+  var _nextContext$intl = nextContext.intl,
+      nextIntl = _nextContext$intl === undefined ? {} : _nextContext$intl;
+
+
+  return !shallowEquals(nextProps, props) || !shallowEquals(nextState, state) || !(nextIntl === intl || shallowEquals(filterProps(nextIntl, intlConfigPropNames), filterProps(intl, intlConfigPropNames)));
 }
 
 /*
@@ -2792,54 +2804,54 @@ function shouldIntlComponentUpdate(_ref2, nextProps, nextState) {
 // https://github.com/rackt/react-redux
 
 function getDisplayName(Component$$1) {
-    return Component$$1.displayName || Component$$1.name || 'Component';
+  return Component$$1.displayName || Component$$1.name || 'Component';
 }
 
 function injectIntl(WrappedComponent) {
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    var _options$intlPropName = options.intlPropName,
-        intlPropName = _options$intlPropName === undefined ? 'intl' : _options$intlPropName,
-        _options$withRef = options.withRef,
-        withRef = _options$withRef === undefined ? false : _options$withRef;
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var _options$intlPropName = options.intlPropName,
+      intlPropName = _options$intlPropName === undefined ? 'intl' : _options$intlPropName,
+      _options$withRef = options.withRef,
+      withRef = _options$withRef === undefined ? false : _options$withRef;
 
-    var InjectIntl = function (_Component) {
-        inherits(InjectIntl, _Component);
+  var InjectIntl = function (_Component) {
+    inherits(InjectIntl, _Component);
 
-        function InjectIntl(props, context) {
-            classCallCheck(this, InjectIntl);
+    function InjectIntl(props, context) {
+      classCallCheck(this, InjectIntl);
 
-            var _this = possibleConstructorReturn(this, (InjectIntl.__proto__ || Object.getPrototypeOf(InjectIntl)).call(this, props, context));
+      var _this = possibleConstructorReturn(this, (InjectIntl.__proto__ || Object.getPrototypeOf(InjectIntl)).call(this, props, context));
 
-            invariantIntlContext(context);
-            return _this;
-        }
+      invariantIntlContext(context);
+      return _this;
+    }
 
-        createClass(InjectIntl, [{
-            key: 'getWrappedInstance',
-            value: function getWrappedInstance() {
-                invariant_1(withRef, '[React Intl] To access the wrapped instance, ' + 'the `{withRef: true}` option must be set when calling: ' + '`injectIntl()`');
+    createClass(InjectIntl, [{
+      key: 'getWrappedInstance',
+      value: function getWrappedInstance() {
+        invariant_1(withRef, '[React Intl] To access the wrapped instance, ' + 'the `{withRef: true}` option must be set when calling: ' + '`injectIntl()`');
 
-                return this.refs.wrappedInstance;
-            }
-        }, {
-            key: 'render',
-            value: function render() {
-                return React__default.createElement(WrappedComponent, _extends({}, this.props, defineProperty$2({}, intlPropName, this.context.intl), {
-                    ref: withRef ? 'wrappedInstance' : null
-                }));
-            }
-        }]);
-        return InjectIntl;
-    }(React.Component);
+        return this.refs.wrappedInstance;
+      }
+    }, {
+      key: 'render',
+      value: function render() {
+        return React__default.createElement(WrappedComponent, _extends({}, this.props, defineProperty$2({}, intlPropName, this.context.intl), {
+          ref: withRef ? 'wrappedInstance' : null
+        }));
+      }
+    }]);
+    return InjectIntl;
+  }(React.Component);
 
-    InjectIntl.displayName = 'InjectIntl(' + getDisplayName(WrappedComponent) + ')';
-    InjectIntl.contextTypes = {
-        intl: intlShape
-    };
-    InjectIntl.WrappedComponent = WrappedComponent;
+  InjectIntl.displayName = 'InjectIntl(' + getDisplayName(WrappedComponent) + ')';
+  InjectIntl.contextTypes = {
+    intl: intlShape
+  };
+  InjectIntl.WrappedComponent = WrappedComponent;
 
 
-    return InjectIntl;
+  return InjectIntl;
 }
 
 /*
@@ -2863,25 +2875,25 @@ function defineMessages(messageDescriptors) {
 // This is a "hack" until a proper `intl-pluralformat` package is created.
 
 function resolveLocale(locales) {
-    // IntlMessageFormat#_resolveLocale() does not depend on `this`.
-    return MessageFormat.prototype._resolveLocale(locales);
+  // IntlMessageFormat#_resolveLocale() does not depend on `this`.
+  return MessageFormat.prototype._resolveLocale(locales);
 }
 
 function findPluralFunction(locale) {
-    // IntlMessageFormat#_findPluralFunction() does not depend on `this`.
-    return MessageFormat.prototype._findPluralRuleFunction(locale);
+  // IntlMessageFormat#_findPluralFunction() does not depend on `this`.
+  return MessageFormat.prototype._findPluralRuleFunction(locale);
 }
 
 var IntlPluralFormat = function IntlPluralFormat(locales) {
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    classCallCheck(this, IntlPluralFormat);
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  classCallCheck(this, IntlPluralFormat);
 
-    var useOrdinal = options.style === 'ordinal';
-    var pluralFn = findPluralFunction(resolveLocale(locales));
+  var useOrdinal = options.style === 'ordinal';
+  var pluralFn = findPluralFunction(resolveLocale(locales));
 
-    this.format = function (value) {
-        return pluralFn(value, useOrdinal);
-    };
+  this.format = function (value) {
+    return pluralFn(value, useOrdinal);
+  };
 };
 
 /*
@@ -3048,234 +3060,234 @@ var RELATIVE_FORMAT_OPTIONS = Object.keys(relativeFormatPropTypes);
 var PLURAL_FORMAT_OPTIONS = Object.keys(pluralFormatPropTypes);
 
 var RELATIVE_FORMAT_THRESHOLDS = {
-    second: 60, // seconds to minute
-    minute: 60, // minutes to hour
-    hour: 24, // hours to day
-    day: 30, // days to month
-    month: 12 };
+  second: 60, // seconds to minute
+  minute: 60, // minutes to hour
+  hour: 24, // hours to day
+  day: 30, // days to month
+  month: 12 // months to year
+};
 
 function updateRelativeFormatThresholds(newThresholds) {
-    var thresholds = RelativeFormat.thresholds;
-    thresholds.second = newThresholds.second;
-    thresholds.minute = newThresholds.minute;
-    thresholds.hour = newThresholds.hour;
-    thresholds.day = newThresholds.day;
-    thresholds.month = newThresholds.month;
+  var thresholds = RelativeFormat.thresholds;
+  thresholds.second = newThresholds.second;
+  thresholds.minute = newThresholds.minute;
+  thresholds.hour = newThresholds.hour;
+  thresholds.day = newThresholds.day;
+  thresholds.month = newThresholds.month;
 }
 
 function getNamedFormat(formats, type, name) {
-    var format = formats && formats[type] && formats[type][name];
-    if (format) {
-        return format;
-    }
+  var format = formats && formats[type] && formats[type][name];
+  if (format) {
+    return format;
+  }
 
-    {
-        console.error('[React Intl] No ' + type + ' format named: ' + name);
-    }
+  {
+    console.error('[React Intl] No ' + type + ' format named: ' + name);
+  }
 }
 
 function formatDate(config, state, value) {
-    var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
-    var locale = config.locale,
-        formats = config.formats;
-    var format = options.format;
+  var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+  var locale = config.locale,
+      formats = config.formats;
+  var format = options.format;
 
 
-    var date = new Date(value);
-    var defaults$$1 = format && getNamedFormat(formats, 'date', format);
-    var filteredOptions = filterProps(options, DATE_TIME_FORMAT_OPTIONS, defaults$$1);
+  var date = new Date(value);
+  var defaults$$1 = format && getNamedFormat(formats, 'date', format);
+  var filteredOptions = filterProps(options, DATE_TIME_FORMAT_OPTIONS, defaults$$1);
 
-    try {
-        return state.getDateTimeFormat(locale, filteredOptions).format(date);
-    } catch (e) {
-        {
-            console.error('[React Intl] Error formatting date.\n' + e);
-        }
+  try {
+    return state.getDateTimeFormat(locale, filteredOptions).format(date);
+  } catch (e) {
+    {
+      console.error('[React Intl] Error formatting date.\n' + e);
     }
+  }
 
-    return String(date);
+  return String(date);
 }
 
 function formatTime(config, state, value) {
-    var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
-    var locale = config.locale,
-        formats = config.formats;
-    var format = options.format;
+  var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+  var locale = config.locale,
+      formats = config.formats;
+  var format = options.format;
 
 
-    var date = new Date(value);
-    var defaults$$1 = format && getNamedFormat(formats, 'time', format);
-    var filteredOptions = filterProps(options, DATE_TIME_FORMAT_OPTIONS, defaults$$1);
+  var date = new Date(value);
+  var defaults$$1 = format && getNamedFormat(formats, 'time', format);
+  var filteredOptions = filterProps(options, DATE_TIME_FORMAT_OPTIONS, defaults$$1);
 
-    if (!filteredOptions.hour && !filteredOptions.minute && !filteredOptions.second) {
-        // Add default formatting options if hour, minute, or second isn't defined.
-        filteredOptions = _extends({}, filteredOptions, { hour: 'numeric', minute: 'numeric' });
-    }
+  if (!filteredOptions.hour && !filteredOptions.minute && !filteredOptions.second) {
+    // Add default formatting options if hour, minute, or second isn't defined.
+    filteredOptions = _extends({}, filteredOptions, { hour: 'numeric', minute: 'numeric' });
+  }
 
-    try {
-        return state.getDateTimeFormat(locale, filteredOptions).format(date);
-    } catch (e) {
-        {
-            console.error('[React Intl] Error formatting time.\n' + e);
-        }
+  try {
+    return state.getDateTimeFormat(locale, filteredOptions).format(date);
+  } catch (e) {
+    {
+      console.error('[React Intl] Error formatting time.\n' + e);
     }
+  }
 
-    return String(date);
+  return String(date);
 }
 
 function formatRelative(config, state, value) {
-    var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
-    var locale = config.locale,
-        formats = config.formats;
-    var format = options.format;
+  var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+  var locale = config.locale,
+      formats = config.formats;
+  var format = options.format;
 
 
-    var date = new Date(value);
-    var now = new Date(options.now);
-    var defaults$$1 = format && getNamedFormat(formats, 'relative', format);
-    var filteredOptions = filterProps(options, RELATIVE_FORMAT_OPTIONS, defaults$$1);
+  var date = new Date(value);
+  var now = new Date(options.now);
+  var defaults$$1 = format && getNamedFormat(formats, 'relative', format);
+  var filteredOptions = filterProps(options, RELATIVE_FORMAT_OPTIONS, defaults$$1);
 
-    // Capture the current threshold values, then temporarily override them with
-    // specific values just for this render.
-    var oldThresholds = _extends({}, RelativeFormat.thresholds);
-    updateRelativeFormatThresholds(RELATIVE_FORMAT_THRESHOLDS);
+  // Capture the current threshold values, then temporarily override them with
+  // specific values just for this render.
+  var oldThresholds = _extends({}, RelativeFormat.thresholds);
+  updateRelativeFormatThresholds(RELATIVE_FORMAT_THRESHOLDS);
 
-    try {
-        return state.getRelativeFormat(locale, filteredOptions).format(date, {
-            now: isFinite(now) ? now : state.now()
-        });
-    } catch (e) {
-        {
-            console.error('[React Intl] Error formatting relative time.\n' + e);
-        }
-    } finally {
-        updateRelativeFormatThresholds(oldThresholds);
+  try {
+    return state.getRelativeFormat(locale, filteredOptions).format(date, {
+      now: isFinite(now) ? now : state.now()
+    });
+  } catch (e) {
+    {
+      console.error('[React Intl] Error formatting relative time.\n' + e);
     }
+  } finally {
+    updateRelativeFormatThresholds(oldThresholds);
+  }
 
-    return String(date);
+  return String(date);
 }
 
 function formatNumber(config, state, value) {
-    var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
-    var locale = config.locale,
-        formats = config.formats;
-    var format = options.format;
+  var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+  var locale = config.locale,
+      formats = config.formats;
+  var format = options.format;
 
 
-    var defaults$$1 = format && getNamedFormat(formats, 'number', format);
-    var filteredOptions = filterProps(options, NUMBER_FORMAT_OPTIONS, defaults$$1);
+  var defaults$$1 = format && getNamedFormat(formats, 'number', format);
+  var filteredOptions = filterProps(options, NUMBER_FORMAT_OPTIONS, defaults$$1);
 
-    try {
-        return state.getNumberFormat(locale, filteredOptions).format(value);
-    } catch (e) {
-        {
-            console.error('[React Intl] Error formatting number.\n' + e);
-        }
+  try {
+    return state.getNumberFormat(locale, filteredOptions).format(value);
+  } catch (e) {
+    {
+      console.error('[React Intl] Error formatting number.\n' + e);
     }
+  }
 
-    return String(value);
+  return String(value);
 }
 
 function formatPlural(config, state, value) {
-    var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
-    var locale = config.locale;
+  var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+  var locale = config.locale;
 
 
-    var filteredOptions = filterProps(options, PLURAL_FORMAT_OPTIONS);
+  var filteredOptions = filterProps(options, PLURAL_FORMAT_OPTIONS);
 
-    try {
-        return state.getPluralFormat(locale, filteredOptions).format(value);
-    } catch (e) {
-        {
-            console.error('[React Intl] Error formatting plural.\n' + e);
-        }
+  try {
+    return state.getPluralFormat(locale, filteredOptions).format(value);
+  } catch (e) {
+    {
+      console.error('[React Intl] Error formatting plural.\n' + e);
     }
+  }
 
-    return 'other';
+  return 'other';
 }
 
 function formatMessage(config, state) {
-    var messageDescriptor = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-    var values = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
-    var locale = config.locale,
-        formats = config.formats,
-        messages = config.messages,
-        defaultLocale = config.defaultLocale,
-        defaultFormats = config.defaultFormats;
-    var id = messageDescriptor.id,
-        defaultMessage = messageDescriptor.defaultMessage;
-
-    // `id` is a required field of a Message Descriptor.
-
-    invariant_1(id, '[React Intl] An `id` must be provided to format a message.');
-
-    var message = messages && messages[id];
-    var hasValues = Object.keys(values).length > 0;
-
-    // Avoid expensive message formatting for simple messages without values. In
-    // development messages will always be formatted in case of missing values.
-    if (!hasValues && "development" === 'production') {
-        return message || defaultMessage || id;
-    }
-
-    var formattedMessage = void 0;
+  var messageDescriptor = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var values = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+  var locale = config.locale,
+      formats = config.formats,
+      messages = config.messages,
+      defaultLocale = config.defaultLocale,
+      defaultFormats = config.defaultFormats;
+  var id = messageDescriptor.id,
+      defaultMessage = messageDescriptor.defaultMessage;
+
+  // `id` is a required field of a Message Descriptor.
+
+  invariant_1(id, '[React Intl] An `id` must be provided to format a message.');
+
+  var message = messages && messages[id];
+  var hasValues = Object.keys(values).length > 0;
+
+  // Avoid expensive message formatting for simple messages without values. In
+  // development messages will always be formatted in case of missing values.
+  if (!hasValues && "development" === 'production') {
+    return message || defaultMessage || id;
+  }
 
-    if (message) {
-        try {
-            var formatter = state.getMessageFormat(message, locale, formats);
+  var formattedMessage = void 0;
 
-            formattedMessage = formatter.format(values);
-        } catch (e) {
-            {
-                console.error('[React Intl] Error formatting message: "' + id + '" for locale: "' + locale + '"' + (defaultMessage ? ', using default message as fallback.' : '') + ('\n' + e));
-            }
-        }
-    } else {
-        {
-            // This prevents warnings from littering the console in development
-            // when no `messages` are passed into the <IntlProvider> for the
-            // default locale, and a default message is in the source.
-            if (!defaultMessage || locale && locale.toLowerCase() !== defaultLocale.toLowerCase()) {
+  if (message) {
+    try {
+      var formatter = state.getMessageFormat(message, locale, formats);
 
-                console.error('[React Intl] Missing message: "' + id + '" for locale: "' + locale + '"' + (defaultMessage ? ', using default message as fallback.' : ''));
-            }
-        }
+      formattedMessage = formatter.format(values);
+    } catch (e) {
+      {
+        console.error('[React Intl] Error formatting message: "' + id + '" for locale: "' + locale + '"' + (defaultMessage ? ', using default message as fallback.' : '') + ('\n' + e));
+      }
     }
+  } else {
+    {
+      // This prevents warnings from littering the console in development
+      // when no `messages` are passed into the <IntlProvider> for the
+      // default locale, and a default message is in the source.
+      if (!defaultMessage || locale && locale.toLowerCase() !== defaultLocale.toLowerCase()) {
+        console.error('[React Intl] Missing message: "' + id + '" for locale: "' + locale + '"' + (defaultMessage ? ', using default message as fallback.' : ''));
+      }
+    }
+  }
 
-    if (!formattedMessage && defaultMessage) {
-        try {
-            var _formatter = state.getMessageFormat(defaultMessage, defaultLocale, defaultFormats);
+  if (!formattedMessage && defaultMessage) {
+    try {
+      var _formatter = state.getMessageFormat(defaultMessage, defaultLocale, defaultFormats);
 
-            formattedMessage = _formatter.format(values);
-        } catch (e) {
-            {
-                console.error('[React Intl] Error formatting the default message for: "' + id + '"' + ('\n' + e));
-            }
-        }
+      formattedMessage = _formatter.format(values);
+    } catch (e) {
+      {
+        console.error('[React Intl] Error formatting the default message for: "' + id + '"' + ('\n' + e));
+      }
     }
+  }
 
-    if (!formattedMessage) {
-        {
-            console.error('[React Intl] Cannot format message: "' + id + '", ' + ('using message ' + (message || defaultMessage ? 'source' : 'id') + ' as fallback.'));
-        }
+  if (!formattedMessage) {
+    {
+      console.error('[React Intl] Cannot format message: "' + id + '", ' + ('using message ' + (message || defaultMessage ? 'source' : 'id') + ' as fallback.'));
     }
+  }
 
-    return formattedMessage || message || defaultMessage || id;
+  return formattedMessage || message || defaultMessage || id;
 }
 
 function formatHTMLMessage(config, state, messageDescriptor) {
-    var rawValues = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
-
-    // Process all the values before they are used when formatting the ICU
-    // Message string. Since the formatted message might be injected via
-    // `innerHTML`, all String-based values need to be HTML-escaped.
-    var escapedValues = Object.keys(rawValues).reduce(function (escaped, name) {
-        var value = rawValues[name];
-        escaped[name] = typeof value === 'string' ? escape(value) : value;
-        return escaped;
-    }, {});
-
-    return formatMessage(config, state, messageDescriptor, escapedValues);
+  var rawValues = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+
+  // Process all the values before they are used when formatting the ICU
+  // Message string. Since the formatted message might be injected via
+  // `innerHTML`, all String-based values need to be HTML-escaped.
+  var escapedValues = Object.keys(rawValues).reduce(function (escaped, name) {
+    var value = rawValues[name];
+    escaped[name] = typeof value === 'string' ? escape(value) : value;
+    return escaped;
+  }, {});
+
+  return formatMessage(config, state, messageDescriptor, escapedValues);
 }
 
 
@@ -3302,170 +3314,170 @@ var intlFormatPropNames = Object.keys(intlFormatPropTypes);
 // These are not a static property on the `IntlProvider` class so the intl
 // config values can be inherited from an <IntlProvider> ancestor.
 var defaultProps = {
-    formats: {},
-    messages: {},
-    textComponent: 'span',
+  formats: {},
+  messages: {},
+  textComponent: 'span',
 
-    defaultLocale: 'en',
-    defaultFormats: {}
+  defaultLocale: 'en',
+  defaultFormats: {}
 };
 
 var IntlProvider = function (_Component) {
-    inherits(IntlProvider, _Component);
+  inherits(IntlProvider, _Component);
 
-    function IntlProvider(props) {
-        var context = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-        classCallCheck(this, IntlProvider);
+  function IntlProvider(props) {
+    var context = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    classCallCheck(this, IntlProvider);
 
-        var _this = possibleConstructorReturn(this, (IntlProvider.__proto__ || Object.getPrototypeOf(IntlProvider)).call(this, props, context));
+    var _this = possibleConstructorReturn(this, (IntlProvider.__proto__ || Object.getPrototypeOf(IntlProvider)).call(this, props, context));
 
-        invariant_1(typeof Intl !== 'undefined', '[React Intl] The `Intl` APIs must be available in the runtime, ' + 'and do not appear to be built-in. An `Intl` polyfill should be loaded.\n' + 'See: http://formatjs.io/guides/runtime-environments/');
+    invariant_1(typeof Intl !== 'undefined', '[React Intl] The `Intl` APIs must be available in the runtime, ' + 'and do not appear to be built-in. An `Intl` polyfill should be loaded.\n' + 'See: http://formatjs.io/guides/runtime-environments/');
 
-        var intlContext = context.intl;
+    var intlContext = context.intl;
 
-        // Used to stabilize time when performing an initial rendering so that
-        // all relative times use the same reference "now" time.
+    // Used to stabilize time when performing an initial rendering so that
+    // all relative times use the same reference "now" time.
 
-        var initialNow = void 0;
-        if (isFinite(props.initialNow)) {
-            initialNow = Number(props.initialNow);
-        } else {
-            // When an `initialNow` isn't provided via `props`, look to see an
-            // <IntlProvider> exists in the ancestry and call its `now()`
-            // function to propagate its value for "now".
-            initialNow = intlContext ? intlContext.now() : Date.now();
-        }
-
-        // Creating `Intl*` formatters is expensive. If there's a parent
-        // `<IntlProvider>`, then its formatters will be used. Otherwise, this
-        // memoize the `Intl*` constructors and cache them for the lifecycle of
-        // this IntlProvider instance.
-
-        var _ref = intlContext || {},
-            _ref$formatters = _ref.formatters,
-            formatters = _ref$formatters === undefined ? {
-            getDateTimeFormat: createFormatCache(Intl.DateTimeFormat),
-            getNumberFormat: createFormatCache(Intl.NumberFormat),
-            getMessageFormat: createFormatCache(MessageFormat),
-            getRelativeFormat: createFormatCache(RelativeFormat),
-            getPluralFormat: createFormatCache(IntlPluralFormat)
-        } : _ref$formatters;
-
-        _this.state = _extends({}, formatters, {
-
-            // Wrapper to provide stable "now" time for initial render.
-            now: function now() {
-                return _this._didDisplay ? Date.now() : initialNow;
-            }
-        });
-        return _this;
+    var initialNow = void 0;
+    if (isFinite(props.initialNow)) {
+      initialNow = Number(props.initialNow);
+    } else {
+      // When an `initialNow` isn't provided via `props`, look to see an
+      // <IntlProvider> exists in the ancestry and call its `now()`
+      // function to propagate its value for "now".
+      initialNow = intlContext ? intlContext.now() : Date.now();
     }
 
-    createClass(IntlProvider, [{
-        key: 'getConfig',
-        value: function getConfig() {
-            var intlContext = this.context.intl;
+    // Creating `Intl*` formatters is expensive. If there's a parent
+    // `<IntlProvider>`, then its formatters will be used. Otherwise, this
+    // memoize the `Intl*` constructors and cache them for the lifecycle of
+    // this IntlProvider instance.
+
+    var _ref = intlContext || {},
+        _ref$formatters = _ref.formatters,
+        formatters = _ref$formatters === undefined ? {
+      getDateTimeFormat: createFormatCache(Intl.DateTimeFormat),
+      getNumberFormat: createFormatCache(Intl.NumberFormat),
+      getMessageFormat: createFormatCache(MessageFormat),
+      getRelativeFormat: createFormatCache(RelativeFormat),
+      getPluralFormat: createFormatCache(IntlPluralFormat)
+    } : _ref$formatters;
+
+    _this.state = _extends({}, formatters, {
+
+      // Wrapper to provide stable "now" time for initial render.
+      now: function now() {
+        return _this._didDisplay ? Date.now() : initialNow;
+      }
+    });
+    return _this;
+  }
 
-            // Build a whitelisted config object from `props`, defaults, and
-            // `context.intl`, if an <IntlProvider> exists in the ancestry.
+  createClass(IntlProvider, [{
+    key: 'getConfig',
+    value: function getConfig() {
+      var intlContext = this.context.intl;
 
-            var config = filterProps(this.props, intlConfigPropNames$1, intlContext);
+      // Build a whitelisted config object from `props`, defaults, and
+      // `context.intl`, if an <IntlProvider> exists in the ancestry.
 
-            // Apply default props. This must be applied last after the props have
-            // been resolved and inherited from any <IntlProvider> in the ancestry.
-            // This matches how React resolves `defaultProps`.
-            for (var propName in defaultProps) {
-                if (config[propName] === undefined) {
-                    config[propName] = defaultProps[propName];
-                }
-            }
-
-            if (!hasLocaleData(config.locale)) {
-                var _config = config,
-                    locale = _config.locale,
-                    defaultLocale = _config.defaultLocale,
-                    defaultFormats = _config.defaultFormats;
+      var config = filterProps(this.props, intlConfigPropNames$1, intlContext);
 
+      // Apply default props. This must be applied last after the props have
+      // been resolved and inherited from any <IntlProvider> in the ancestry.
+      // This matches how React resolves `defaultProps`.
+      for (var propName in defaultProps) {
+        if (config[propName] === undefined) {
+          config[propName] = defaultProps[propName];
+        }
+      }
 
-                {
-                    console.error('[React Intl] Missing locale data for locale: "' + locale + '". ' + ('Using default locale: "' + defaultLocale + '" as fallback.'));
-                }
+      if (!hasLocaleData(config.locale)) {
+        var _config = config,
+            locale = _config.locale,
+            defaultLocale = _config.defaultLocale,
+            defaultFormats = _config.defaultFormats;
 
-                // Since there's no registered locale data for `locale`, this will
-                // fallback to the `defaultLocale` to make sure things can render.
-                // The `messages` are overridden to the `defaultProps` empty object
-                // to maintain referential equality across re-renders. It's assumed
-                // each <FormattedMessage> contains a `defaultMessage` prop.
-                config = _extends({}, config, {
-                    locale: defaultLocale,
-                    formats: defaultFormats,
-                    messages: defaultProps.messages
-                });
-            }
 
-            return config;
-        }
-    }, {
-        key: 'getBoundFormatFns',
-        value: function getBoundFormatFns(config, state) {
-            return intlFormatPropNames.reduce(function (boundFormatFns, name) {
-                boundFormatFns[name] = format[name].bind(null, config, state);
-                return boundFormatFns;
-            }, {});
+        {
+          console.error('[React Intl] Missing locale data for locale: "' + locale + '". ' + ('Using default locale: "' + defaultLocale + '" as fallback.'));
         }
-    }, {
-        key: 'getChildContext',
-        value: function getChildContext() {
-            var config = this.getConfig();
 
-            // Bind intl factories and current config to the format functions.
-            var boundFormatFns = this.getBoundFormatFns(config, this.state);
+        // Since there's no registered locale data for `locale`, this will
+        // fallback to the `defaultLocale` to make sure things can render.
+        // The `messages` are overridden to the `defaultProps` empty object
+        // to maintain referential equality across re-renders. It's assumed
+        // each <FormattedMessage> contains a `defaultMessage` prop.
+        config = _extends({}, config, {
+          locale: defaultLocale,
+          formats: defaultFormats,
+          messages: defaultProps.messages
+        });
+      }
 
-            var _state = this.state,
-                now = _state.now,
-                formatters = objectWithoutProperties(_state, ['now']);
+      return config;
+    }
+  }, {
+    key: 'getBoundFormatFns',
+    value: function getBoundFormatFns(config, state) {
+      return intlFormatPropNames.reduce(function (boundFormatFns, name) {
+        boundFormatFns[name] = format[name].bind(null, config, state);
+        return boundFormatFns;
+      }, {});
+    }
+  }, {
+    key: 'getChildContext',
+    value: function getChildContext() {
+      var config = this.getConfig();
 
+      // Bind intl factories and current config to the format functions.
+      var boundFormatFns = this.getBoundFormatFns(config, this.state);
 
-            return {
-                intl: _extends({}, config, boundFormatFns, {
-                    formatters: formatters,
-                    now: now
-                })
-            };
-        }
-    }, {
-        key: 'shouldComponentUpdate',
-        value: function shouldComponentUpdate() {
-            for (var _len = arguments.length, next = Array(_len), _key = 0; _key < _len; _key++) {
-                next[_key] = arguments[_key];
-            }
+      var _state = this.state,
+          now = _state.now,
+          formatters = objectWithoutProperties(_state, ['now']);
 
-            return shouldIntlComponentUpdate.apply(undefined, [this].concat(next));
-        }
-    }, {
-        key: 'componentDidMount',
-        value: function componentDidMount() {
-            this._didDisplay = true;
-        }
-    }, {
-        key: 'render',
-        value: function render() {
-            return React.Children.only(this.props.children);
-        }
-    }]);
-    return IntlProvider;
+
+      return {
+        intl: _extends({}, config, boundFormatFns, {
+          formatters: formatters,
+          now: now
+        })
+      };
+    }
+  }, {
+    key: 'shouldComponentUpdate',
+    value: function shouldComponentUpdate() {
+      for (var _len = arguments.length, next = Array(_len), _key = 0; _key < _len; _key++) {
+        next[_key] = arguments[_key];
+      }
+
+      return shouldIntlComponentUpdate.apply(undefined, [this].concat(next));
+    }
+  }, {
+    key: 'componentDidMount',
+    value: function componentDidMount() {
+      this._didDisplay = true;
+    }
+  }, {
+    key: 'render',
+    value: function render() {
+      return React.Children.only(this.props.children);
+    }
+  }]);
+  return IntlProvider;
 }(React.Component);
 
 IntlProvider.displayName = 'IntlProvider';
 IntlProvider.contextTypes = {
-    intl: intlShape
+  intl: intlShape
 };
 IntlProvider.childContextTypes = {
-    intl: intlShape.isRequired
+  intl: intlShape.isRequired
 };
 IntlProvider.propTypes = _extends({}, intlConfigPropTypes, {
-    children: PropTypes.element.isRequired,
-    initialNow: PropTypes.any
+  children: PropTypes.element.isRequired,
+  initialNow: PropTypes.any
 });
 
 /*
@@ -3475,61 +3487,61 @@ IntlProvider.propTypes = _extends({}, intlConfigPropTypes, {
  */
 
 var FormattedDate = function (_Component) {
-    inherits(FormattedDate, _Component);
+  inherits(FormattedDate, _Component);
 
-    function FormattedDate(props, context) {
-        classCallCheck(this, FormattedDate);
+  function FormattedDate(props, context) {
+    classCallCheck(this, FormattedDate);
 
-        var _this = possibleConstructorReturn(this, (FormattedDate.__proto__ || Object.getPrototypeOf(FormattedDate)).call(this, props, context));
+    var _this = possibleConstructorReturn(this, (FormattedDate.__proto__ || Object.getPrototypeOf(FormattedDate)).call(this, props, context));
 
-        invariantIntlContext(context);
-        return _this;
-    }
+    invariantIntlContext(context);
+    return _this;
+  }
 
-    createClass(FormattedDate, [{
-        key: 'shouldComponentUpdate',
-        value: function shouldComponentUpdate() {
-            for (var _len = arguments.length, next = Array(_len), _key = 0; _key < _len; _key++) {
-                next[_key] = arguments[_key];
-            }
+  createClass(FormattedDate, [{
+    key: 'shouldComponentUpdate',
+    value: function shouldComponentUpdate() {
+      for (var _len = arguments.length, next = Array(_len), _key = 0; _key < _len; _key++) {
+        next[_key] = arguments[_key];
+      }
 
-            return shouldIntlComponentUpdate.apply(undefined, [this].concat(next));
-        }
-    }, {
-        key: 'render',
-        value: function render() {
-            var _context$intl = this.context.intl,
-                formatDate = _context$intl.formatDate,
-                Text = _context$intl.textComponent;
-            var _props = this.props,
-                value = _props.value,
-                children = _props.children;
+      return shouldIntlComponentUpdate.apply(undefined, [this].concat(next));
+    }
+  }, {
+    key: 'render',
+    value: function render() {
+      var _context$intl = this.context.intl,
+          formatDate = _context$intl.formatDate,
+          Text = _context$intl.textComponent;
+      var _props = this.props,
+          value = _props.value,
+          children = _props.children;
 
 
-            var formattedDate = formatDate(value, this.props);
+      var formattedDate = formatDate(value, this.props);
 
-            if (typeof children === 'function') {
-                return children(formattedDate);
-            }
+      if (typeof children === 'function') {
+        return children(formattedDate);
+      }
 
-            return React__default.createElement(
-                Text,
-                null,
-                formattedDate
-            );
-        }
-    }]);
-    return FormattedDate;
+      return React__default.createElement(
+        Text,
+        null,
+        formattedDate
+      );
+    }
+  }]);
+  return FormattedDate;
 }(React.Component);
 
 FormattedDate.displayName = 'FormattedDate';
 FormattedDate.contextTypes = {
-    intl: intlShape
+  intl: intlShape
 };
 FormattedDate.propTypes = _extends({}, dateTimeFormatPropTypes, {
-    value: PropTypes.any.isRequired,
-    format: PropTypes.string,
-    children: PropTypes.func
+  value: PropTypes.any.isRequired,
+  format: PropTypes.string,
+  children: PropTypes.func
 });
 
 /*
@@ -3539,61 +3551,61 @@ FormattedDate.propTypes = _extends({}, dateTimeFormatPropTypes, {
  */
 
 var FormattedTime = function (_Component) {
-    inherits(FormattedTime, _Component);
+  inherits(FormattedTime, _Component);
 
-    function FormattedTime(props, context) {
-        classCallCheck(this, FormattedTime);
+  function FormattedTime(props, context) {
+    classCallCheck(this, FormattedTime);
 
-        var _this = possibleConstructorReturn(this, (FormattedTime.__proto__ || Object.getPrototypeOf(FormattedTime)).call(this, props, context));
+    var _this = possibleConstructorReturn(this, (FormattedTime.__proto__ || Object.getPrototypeOf(FormattedTime)).call(this, props, context));
 
-        invariantIntlContext(context);
-        return _this;
-    }
+    invariantIntlContext(context);
+    return _this;
+  }
 
-    createClass(FormattedTime, [{
-        key: 'shouldComponentUpdate',
-        value: function shouldComponentUpdate() {
-            for (var _len = arguments.length, next = Array(_len), _key = 0; _key < _len; _key++) {
-                next[_key] = arguments[_key];
-            }
+  createClass(FormattedTime, [{
+    key: 'shouldComponentUpdate',
+    value: function shouldComponentUpdate() {
+      for (var _len = arguments.length, next = Array(_len), _key = 0; _key < _len; _key++) {
+        next[_key] = arguments[_key];
+      }
 
-            return shouldIntlComponentUpdate.apply(undefined, [this].concat(next));
-        }
-    }, {
-        key: 'render',
-        value: function render() {
-            var _context$intl = this.context.intl,
-                formatTime = _context$intl.formatTime,
-                Text = _context$intl.textComponent;
-            var _props = this.props,
-                value = _props.value,
-                children = _props.children;
+      return shouldIntlComponentUpdate.apply(undefined, [this].concat(next));
+    }
+  }, {
+    key: 'render',
+    value: function render() {
+      var _context$intl = this.context.intl,
+          formatTime = _context$intl.formatTime,
+          Text = _context$intl.textComponent;
+      var _props = this.props,
+          value = _props.value,
+          children = _props.children;
 
 
-            var formattedTime = formatTime(value, this.props);
+      var formattedTime = formatTime(value, this.props);
 
-            if (typeof children === 'function') {
-                return children(formattedTime);
-            }
+      if (typeof children === 'function') {
+        return children(formattedTime);
+      }
 
-            return React__default.createElement(
-                Text,
-                null,
-                formattedTime
-            );
-        }
-    }]);
-    return FormattedTime;
+      return React__default.createElement(
+        Text,
+        null,
+        formattedTime
+      );
+    }
+  }]);
+  return FormattedTime;
 }(React.Component);
 
 FormattedTime.displayName = 'FormattedTime';
 FormattedTime.contextTypes = {
-    intl: intlShape
+  intl: intlShape
 };
 FormattedTime.propTypes = _extends({}, dateTimeFormatPropTypes, {
-    value: PropTypes.any.isRequired,
-    format: PropTypes.string,
-    children: PropTypes.func
+  value: PropTypes.any.isRequired,
+  format: PropTypes.string,
+  children: PropTypes.func
 });
 
 /*
@@ -3612,179 +3624,179 @@ var DAY = 1000 * 60 * 60 * 24;
 var MAX_TIMER_DELAY = 2147483647;
 
 function selectUnits(delta) {
-    var absDelta = Math.abs(delta);
+  var absDelta = Math.abs(delta);
 
-    if (absDelta < MINUTE) {
-        return 'second';
-    }
+  if (absDelta < MINUTE) {
+    return 'second';
+  }
 
-    if (absDelta < HOUR) {
-        return 'minute';
-    }
+  if (absDelta < HOUR) {
+    return 'minute';
+  }
 
-    if (absDelta < DAY) {
-        return 'hour';
-    }
+  if (absDelta < DAY) {
+    return 'hour';
+  }
 
-    // The maximum scheduled delay will be measured in days since the maximum
-    // timer delay is less than the number of milliseconds in 25 days.
-    return 'day';
+  // The maximum scheduled delay will be measured in days since the maximum
+  // timer delay is less than the number of milliseconds in 25 days.
+  return 'day';
 }
 
 function getUnitDelay(units) {
-    switch (units) {
-        case 'second':
-            return SECOND;
-        case 'minute':
-            return MINUTE;
-        case 'hour':
-            return HOUR;
-        case 'day':
-            return DAY;
-        default:
-            return MAX_TIMER_DELAY;
-    }
+  switch (units) {
+    case 'second':
+      return SECOND;
+    case 'minute':
+      return MINUTE;
+    case 'hour':
+      return HOUR;
+    case 'day':
+      return DAY;
+    default:
+      return MAX_TIMER_DELAY;
+  }
 }
 
 function isSameDate(a, b) {
-    if (a === b) {
-        return true;
-    }
+  if (a === b) {
+    return true;
+  }
 
-    var aTime = new Date(a).getTime();
-    var bTime = new Date(b).getTime();
+  var aTime = new Date(a).getTime();
+  var bTime = new Date(b).getTime();
 
-    return isFinite(aTime) && isFinite(bTime) && aTime === bTime;
+  return isFinite(aTime) && isFinite(bTime) && aTime === bTime;
 }
 
 var FormattedRelative = function (_Component) {
-    inherits(FormattedRelative, _Component);
+  inherits(FormattedRelative, _Component);
 
-    function FormattedRelative(props, context) {
-        classCallCheck(this, FormattedRelative);
+  function FormattedRelative(props, context) {
+    classCallCheck(this, FormattedRelative);
 
-        var _this = possibleConstructorReturn(this, (FormattedRelative.__proto__ || Object.getPrototypeOf(FormattedRelative)).call(this, props, context));
+    var _this = possibleConstructorReturn(this, (FormattedRelative.__proto__ || Object.getPrototypeOf(FormattedRelative)).call(this, props, context));
 
-        invariantIntlContext(context);
+    invariantIntlContext(context);
 
-        var now = isFinite(props.initialNow) ? Number(props.initialNow) : context.intl.now();
+    var now = isFinite(props.initialNow) ? Number(props.initialNow) : context.intl.now();
 
-        // `now` is stored as state so that `render()` remains a function of
-        // props + state, instead of accessing `Date.now()` inside `render()`.
-        _this.state = { now: now };
-        return _this;
-    }
+    // `now` is stored as state so that `render()` remains a function of
+    // props + state, instead of accessing `Date.now()` inside `render()`.
+    _this.state = { now: now };
+    return _this;
+  }
 
-    createClass(FormattedRelative, [{
-        key: 'scheduleNextUpdate',
-        value: function scheduleNextUpdate(props, state) {
-            var _this2 = this;
+  createClass(FormattedRelative, [{
+    key: 'scheduleNextUpdate',
+    value: function scheduleNextUpdate(props, state) {
+      var _this2 = this;
 
-            // Cancel and pending update because we're scheduling a new update.
-            clearTimeout(this._timer);
+      // Cancel and pending update because we're scheduling a new update.
+      clearTimeout(this._timer);
 
-            var value = props.value,
-                units = props.units,
-                updateInterval = props.updateInterval;
+      var value = props.value,
+          units = props.units,
+          updateInterval = props.updateInterval;
 
-            var time = new Date(value).getTime();
+      var time = new Date(value).getTime();
 
-            // If the `updateInterval` is falsy, including `0` or we don't have a
-            // valid date, then auto updates have been turned off, so we bail and
-            // skip scheduling an update.
-            if (!updateInterval || !isFinite(time)) {
-                return;
-            }
+      // If the `updateInterval` is falsy, including `0` or we don't have a
+      // valid date, then auto updates have been turned off, so we bail and
+      // skip scheduling an update.
+      if (!updateInterval || !isFinite(time)) {
+        return;
+      }
 
-            var delta = time - state.now;
-            var unitDelay = getUnitDelay(units || selectUnits(delta));
-            var unitRemainder = Math.abs(delta % unitDelay);
+      var delta = time - state.now;
+      var unitDelay = getUnitDelay(units || selectUnits(delta));
+      var unitRemainder = Math.abs(delta % unitDelay);
 
-            // We want the largest possible timer delay which will still display
-            // accurate information while reducing unnecessary re-renders. The delay
-            // should be until the next "interesting" moment, like a tick from
-            // "1 minute ago" to "2 minutes ago" when the delta is 120,000ms.
-            var delay = delta < 0 ? Math.max(updateInterval, unitDelay - unitRemainder) : Math.max(updateInterval, unitRemainder);
+      // We want the largest possible timer delay which will still display
+      // accurate information while reducing unnecessary re-renders. The delay
+      // should be until the next "interesting" moment, like a tick from
+      // "1 minute ago" to "2 minutes ago" when the delta is 120,000ms.
+      var delay = delta < 0 ? Math.max(updateInterval, unitDelay - unitRemainder) : Math.max(updateInterval, unitRemainder);
 
-            this._timer = setTimeout(function () {
-                _this2.setState({ now: _this2.context.intl.now() });
-            }, delay);
-        }
-    }, {
-        key: 'componentDidMount',
-        value: function componentDidMount() {
-            this.scheduleNextUpdate(this.props, this.state);
-        }
-    }, {
-        key: 'componentWillReceiveProps',
-        value: function componentWillReceiveProps(_ref) {
-            var nextValue = _ref.value;
-
-            // When the `props.value` date changes, `state.now` needs to be updated,
-            // and the next update can be rescheduled.
-            if (!isSameDate(nextValue, this.props.value)) {
-                this.setState({ now: this.context.intl.now() });
-            }
-        }
-    }, {
-        key: 'shouldComponentUpdate',
-        value: function shouldComponentUpdate() {
-            for (var _len = arguments.length, next = Array(_len), _key = 0; _key < _len; _key++) {
-                next[_key] = arguments[_key];
-            }
+      this._timer = setTimeout(function () {
+        _this2.setState({ now: _this2.context.intl.now() });
+      }, delay);
+    }
+  }, {
+    key: 'componentDidMount',
+    value: function componentDidMount() {
+      this.scheduleNextUpdate(this.props, this.state);
+    }
+  }, {
+    key: 'componentWillReceiveProps',
+    value: function componentWillReceiveProps(_ref) {
+      var nextValue = _ref.value;
+
+      // When the `props.value` date changes, `state.now` needs to be updated,
+      // and the next update can be rescheduled.
+      if (!isSameDate(nextValue, this.props.value)) {
+        this.setState({ now: this.context.intl.now() });
+      }
+    }
+  }, {
+    key: 'shouldComponentUpdate',
+    value: function shouldComponentUpdate() {
+      for (var _len = arguments.length, next = Array(_len), _key = 0; _key < _len; _key++) {
+        next[_key] = arguments[_key];
+      }
 
-            return shouldIntlComponentUpdate.apply(undefined, [this].concat(next));
-        }
-    }, {
-        key: 'componentWillUpdate',
-        value: function componentWillUpdate(nextProps, nextState) {
-            this.scheduleNextUpdate(nextProps, nextState);
-        }
-    }, {
-        key: 'componentWillUnmount',
-        value: function componentWillUnmount() {
-            clearTimeout(this._timer);
-        }
-    }, {
-        key: 'render',
-        value: function render() {
-            var _context$intl = this.context.intl,
-                formatRelative = _context$intl.formatRelative,
-                Text = _context$intl.textComponent;
-            var _props = this.props,
-                value = _props.value,
-                children = _props.children;
+      return shouldIntlComponentUpdate.apply(undefined, [this].concat(next));
+    }
+  }, {
+    key: 'componentWillUpdate',
+    value: function componentWillUpdate(nextProps, nextState) {
+      this.scheduleNextUpdate(nextProps, nextState);
+    }
+  }, {
+    key: 'componentWillUnmount',
+    value: function componentWillUnmount() {
+      clearTimeout(this._timer);
+    }
+  }, {
+    key: 'render',
+    value: function render() {
+      var _context$intl = this.context.intl,
+          formatRelative = _context$intl.formatRelative,
+          Text = _context$intl.textComponent;
+      var _props = this.props,
+          value = _props.value,
+          children = _props.children;
 
 
-            var formattedRelative = formatRelative(value, _extends({}, this.props, this.state));
+      var formattedRelative = formatRelative(value, _extends({}, this.props, this.state));
 
-            if (typeof children === 'function') {
-                return children(formattedRelative);
-            }
+      if (typeof children === 'function') {
+        return children(formattedRelative);
+      }
 
-            return React__default.createElement(
-                Text,
-                null,
-                formattedRelative
-            );
-        }
-    }]);
-    return FormattedRelative;
+      return React__default.createElement(
+        Text,
+        null,
+        formattedRelative
+      );
+    }
+  }]);
+  return FormattedRelative;
 }(React.Component);
 
 FormattedRelative.displayName = 'FormattedRelative';
 FormattedRelative.contextTypes = {
-    intl: intlShape
+  intl: intlShape
 };
 FormattedRelative.defaultProps = {
-    updateInterval: 1000 * 10
+  updateInterval: 1000 * 10
 };
 FormattedRelative.propTypes = _extends({}, relativeFormatPropTypes, {
-    value: PropTypes.any.isRequired,
-    format: PropTypes.string,
-    updateInterval: PropTypes.number,
-    initialNow: PropTypes.any,
-    children: PropTypes.func
+  value: PropTypes.any.isRequired,
+  format: PropTypes.string,
+  updateInterval: PropTypes.number,
+  initialNow: PropTypes.any,
+  children: PropTypes.func
 });
 
 /*
@@ -3794,61 +3806,61 @@ FormattedRelative.propTypes = _extends({}, relativeFormatPropTypes, {
  */
 
 var FormattedNumber = function (_Component) {
-    inherits(FormattedNumber, _Component);
+  inherits(FormattedNumber, _Component);
 
-    function FormattedNumber(props, context) {
-        classCallCheck(this, FormattedNumber);
+  function FormattedNumber(props, context) {
+    classCallCheck(this, FormattedNumber);
 
-        var _this = possibleConstructorReturn(this, (FormattedNumber.__proto__ || Object.getPrototypeOf(FormattedNumber)).call(this, props, context));
+    var _this = possibleConstructorReturn(this, (FormattedNumber.__proto__ || Object.getPrototypeOf(FormattedNumber)).call(this, props, context));
 
-        invariantIntlContext(context);
-        return _this;
-    }
+    invariantIntlContext(context);
+    return _this;
+  }
 
-    createClass(FormattedNumber, [{
-        key: 'shouldComponentUpdate',
-        value: function shouldComponentUpdate() {
-            for (var _len = arguments.length, next = Array(_len), _key = 0; _key < _len; _key++) {
-                next[_key] = arguments[_key];
-            }
+  createClass(FormattedNumber, [{
+    key: 'shouldComponentUpdate',
+    value: function shouldComponentUpdate() {
+      for (var _len = arguments.length, next = Array(_len), _key = 0; _key < _len; _key++) {
+        next[_key] = arguments[_key];
+      }
 
-            return shouldIntlComponentUpdate.apply(undefined, [this].concat(next));
-        }
-    }, {
-        key: 'render',
-        value: function render() {
-            var _context$intl = this.context.intl,
-                formatNumber = _context$intl.formatNumber,
-                Text = _context$intl.textComponent;
-            var _props = this.props,
-                value = _props.value,
-                children = _props.children;
+      return shouldIntlComponentUpdate.apply(undefined, [this].concat(next));
+    }
+  }, {
+    key: 'render',
+    value: function render() {
+      var _context$intl = this.context.intl,
+          formatNumber = _context$intl.formatNumber,
+          Text = _context$intl.textComponent;
+      var _props = this.props,
+          value = _props.value,
+          children = _props.children;
 
 
-            var formattedNumber = formatNumber(value, this.props);
+      var formattedNumber = formatNumber(value, this.props);
 
-            if (typeof children === 'function') {
-                return children(formattedNumber);
-            }
+      if (typeof children === 'function') {
+        return children(formattedNumber);
+      }
 
-            return React__default.createElement(
-                Text,
-                null,
-                formattedNumber
-            );
-        }
-    }]);
-    return FormattedNumber;
+      return React__default.createElement(
+        Text,
+        null,
+        formattedNumber
+      );
+    }
+  }]);
+  return FormattedNumber;
 }(React.Component);
 
 FormattedNumber.displayName = 'FormattedNumber';
 FormattedNumber.contextTypes = {
-    intl: intlShape
+  intl: intlShape
 };
 FormattedNumber.propTypes = _extends({}, numberFormatPropTypes, {
-    value: PropTypes.any.isRequired,
-    format: PropTypes.string,
-    children: PropTypes.func
+  value: PropTypes.any.isRequired,
+  format: PropTypes.string,
+  children: PropTypes.func
 });
 
 /*
@@ -3858,73 +3870,73 @@ FormattedNumber.propTypes = _extends({}, numberFormatPropTypes, {
  */
 
 var FormattedPlural = function (_Component) {
-    inherits(FormattedPlural, _Component);
+  inherits(FormattedPlural, _Component);
 
-    function FormattedPlural(props, context) {
-        classCallCheck(this, FormattedPlural);
+  function FormattedPlural(props, context) {
+    classCallCheck(this, FormattedPlural);
 
-        var _this = possibleConstructorReturn(this, (FormattedPlural.__proto__ || Object.getPrototypeOf(FormattedPlural)).call(this, props, context));
+    var _this = possibleConstructorReturn(this, (FormattedPlural.__proto__ || Object.getPrototypeOf(FormattedPlural)).call(this, props, context));
 
-        invariantIntlContext(context);
-        return _this;
-    }
+    invariantIntlContext(context);
+    return _this;
+  }
 
-    createClass(FormattedPlural, [{
-        key: 'shouldComponentUpdate',
-        value: function shouldComponentUpdate() {
-            for (var _len = arguments.length, next = Array(_len), _key = 0; _key < _len; _key++) {
-                next[_key] = arguments[_key];
-            }
+  createClass(FormattedPlural, [{
+    key: 'shouldComponentUpdate',
+    value: function shouldComponentUpdate() {
+      for (var _len = arguments.length, next = Array(_len), _key = 0; _key < _len; _key++) {
+        next[_key] = arguments[_key];
+      }
 
-            return shouldIntlComponentUpdate.apply(undefined, [this].concat(next));
-        }
-    }, {
-        key: 'render',
-        value: function render() {
-            var _context$intl = this.context.intl,
-                formatPlural = _context$intl.formatPlural,
-                Text = _context$intl.textComponent;
-            var _props = this.props,
-                value = _props.value,
-                other = _props.other,
-                children = _props.children;
-
-
-            var pluralCategory = formatPlural(value, this.props);
-            var formattedPlural = this.props[pluralCategory] || other;
-
-            if (typeof children === 'function') {
-                return children(formattedPlural);
-            }
+      return shouldIntlComponentUpdate.apply(undefined, [this].concat(next));
+    }
+  }, {
+    key: 'render',
+    value: function render() {
+      var _context$intl = this.context.intl,
+          formatPlural = _context$intl.formatPlural,
+          Text = _context$intl.textComponent;
+      var _props = this.props,
+          value = _props.value,
+          other = _props.other,
+          children = _props.children;
+
+
+      var pluralCategory = formatPlural(value, this.props);
+      var formattedPlural = this.props[pluralCategory] || other;
+
+      if (typeof children === 'function') {
+        return children(formattedPlural);
+      }
 
-            return React__default.createElement(
-                Text,
-                null,
-                formattedPlural
-            );
-        }
-    }]);
-    return FormattedPlural;
+      return React__default.createElement(
+        Text,
+        null,
+        formattedPlural
+      );
+    }
+  }]);
+  return FormattedPlural;
 }(React.Component);
 
 FormattedPlural.displayName = 'FormattedPlural';
 FormattedPlural.contextTypes = {
-    intl: intlShape
+  intl: intlShape
 };
 FormattedPlural.defaultProps = {
-    style: 'cardinal'
+  style: 'cardinal'
 };
 FormattedPlural.propTypes = _extends({}, pluralFormatPropTypes, {
-    value: PropTypes.any.isRequired,
+  value: PropTypes.any.isRequired,
 
-    other: PropTypes.node.isRequired,
-    zero: PropTypes.node,
-    one: PropTypes.node,
-    two: PropTypes.node,
-    few: PropTypes.node,
-    many: PropTypes.node,
+  other: PropTypes.node.isRequired,
+  zero: PropTypes.node,
+  one: PropTypes.node,
+  two: PropTypes.node,
+  few: PropTypes.node,
+  many: PropTypes.node,
 
-    children: PropTypes.func
+  children: PropTypes.func
 });
 
 /*
@@ -3934,142 +3946,142 @@ FormattedPlural.propTypes = _extends({}, pluralFormatPropTypes, {
  */
 
 var FormattedMessage = function (_Component) {
-    inherits(FormattedMessage, _Component);
+  inherits(FormattedMessage, _Component);
 
-    function FormattedMessage(props, context) {
-        classCallCheck(this, FormattedMessage);
+  function FormattedMessage(props, context) {
+    classCallCheck(this, FormattedMessage);
 
-        var _this = possibleConstructorReturn(this, (FormattedMessage.__proto__ || Object.getPrototypeOf(FormattedMessage)).call(this, props, context));
+    var _this = possibleConstructorReturn(this, (FormattedMessage.__proto__ || Object.getPrototypeOf(FormattedMessage)).call(this, props, context));
 
-        invariantIntlContext(context);
-        return _this;
-    }
+    invariantIntlContext(context);
+    return _this;
+  }
 
-    createClass(FormattedMessage, [{
-        key: 'shouldComponentUpdate',
-        value: function shouldComponentUpdate(nextProps) {
-            var values = this.props.values;
-            var nextValues = nextProps.values;
+  createClass(FormattedMessage, [{
+    key: 'shouldComponentUpdate',
+    value: function shouldComponentUpdate(nextProps) {
+      var values = this.props.values;
+      var nextValues = nextProps.values;
 
 
-            if (!shallowEquals(nextValues, values)) {
-                return true;
-            }
+      if (!shallowEquals(nextValues, values)) {
+        return true;
+      }
 
-            // Since `values` has already been checked, we know they're not
-            // different, so the current `values` are carried over so the shallow
-            // equals comparison on the other props isn't affected by the `values`.
-            var nextPropsToCheck = _extends({}, nextProps, {
-                values: values
-            });
+      // Since `values` has already been checked, we know they're not
+      // different, so the current `values` are carried over so the shallow
+      // equals comparison on the other props isn't affected by the `values`.
+      var nextPropsToCheck = _extends({}, nextProps, {
+        values: values
+      });
 
-            for (var _len = arguments.length, next = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-                next[_key - 1] = arguments[_key];
-            }
+      for (var _len = arguments.length, next = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+        next[_key - 1] = arguments[_key];
+      }
 
-            return shouldIntlComponentUpdate.apply(undefined, [this, nextPropsToCheck].concat(next));
-        }
-    }, {
-        key: 'render',
-        value: function render() {
-            var _context$intl = this.context.intl,
-                formatMessage = _context$intl.formatMessage,
-                Text = _context$intl.textComponent;
-            var _props = this.props,
-                id = _props.id,
-                description = _props.description,
-                defaultMessage = _props.defaultMessage,
-                values = _props.values,
-                _props$tagName = _props.tagName,
-                Component$$1 = _props$tagName === undefined ? Text : _props$tagName,
-                children = _props.children;
-
-
-            var tokenDelimiter = void 0;
-            var tokenizedValues = void 0;
-            var elements = void 0;
-
-            var hasValues = values && Object.keys(values).length > 0;
-            if (hasValues) {
-                // Creates a token with a random UID that should not be guessable or
-                // conflict with other parts of the `message` string.
-                var uid = Math.floor(Math.random() * 0x10000000000).toString(16);
-
-                var generateToken = function () {
-                    var counter = 0;
-                    return function () {
-                        return 'ELEMENT-' + uid + '-' + (counter += 1);
-                    };
-                }();
-
-                // Splitting with a delimiter to support IE8. When using a regex
-                // with a capture group IE8 does not include the capture group in
-                // the resulting array.
-                tokenDelimiter = '@__' + uid + '__@';
-                tokenizedValues = {};
-                elements = {};
-
-                // Iterates over the `props` to keep track of any React Element
-                // values so they can be represented by the `token` as a placeholder
-                // when the `message` is formatted. This allows the formatted
-                // message to then be broken-up into parts with references to the
-                // React Elements inserted back in.
-                Object.keys(values).forEach(function (name) {
-                    var value = values[name];
-
-                    if (React.isValidElement(value)) {
-                        var token = generateToken();
-                        tokenizedValues[name] = tokenDelimiter + token + tokenDelimiter;
-                        elements[token] = value;
-                    } else {
-                        tokenizedValues[name] = value;
-                    }
-                });
-            }
+      return shouldIntlComponentUpdate.apply(undefined, [this, nextPropsToCheck].concat(next));
+    }
+  }, {
+    key: 'render',
+    value: function render() {
+      var _context$intl = this.context.intl,
+          formatMessage = _context$intl.formatMessage,
+          Text = _context$intl.textComponent;
+      var _props = this.props,
+          id = _props.id,
+          description = _props.description,
+          defaultMessage = _props.defaultMessage,
+          values = _props.values,
+          _props$tagName = _props.tagName,
+          Component$$1 = _props$tagName === undefined ? Text : _props$tagName,
+          children = _props.children;
+
+
+      var tokenDelimiter = void 0;
+      var tokenizedValues = void 0;
+      var elements = void 0;
+
+      var hasValues = values && Object.keys(values).length > 0;
+      if (hasValues) {
+        // Creates a token with a random UID that should not be guessable or
+        // conflict with other parts of the `message` string.
+        var uid = Math.floor(Math.random() * 0x10000000000).toString(16);
+
+        var generateToken = function () {
+          var counter = 0;
+          return function () {
+            return 'ELEMENT-' + uid + '-' + (counter += 1);
+          };
+        }();
+
+        // Splitting with a delimiter to support IE8. When using a regex
+        // with a capture group IE8 does not include the capture group in
+        // the resulting array.
+        tokenDelimiter = '@__' + uid + '__@';
+        tokenizedValues = {};
+        elements = {};
+
+        // Iterates over the `props` to keep track of any React Element
+        // values so they can be represented by the `token` as a placeholder
+        // when the `message` is formatted. This allows the formatted
+        // message to then be broken-up into parts with references to the
+        // React Elements inserted back in.
+        Object.keys(values).forEach(function (name) {
+          var value = values[name];
+
+          if (React.isValidElement(value)) {
+            var token = generateToken();
+            tokenizedValues[name] = tokenDelimiter + token + tokenDelimiter;
+            elements[token] = value;
+          } else {
+            tokenizedValues[name] = value;
+          }
+        });
+      }
 
-            var descriptor = { id: id, description: description, defaultMessage: defaultMessage };
-            var formattedMessage = formatMessage(descriptor, tokenizedValues || values);
-
-            var nodes = void 0;
-
-            var hasElements = elements && Object.keys(elements).length > 0;
-            if (hasElements) {
-                // Split the message into parts so the React Element values captured
-                // above can be inserted back into the rendered message. This
-                // approach allows messages to render with React Elements while
-                // keeping React's virtual diffing working properly.
-                nodes = formattedMessage.split(tokenDelimiter).filter(function (part) {
-                    return !!part;
-                }).map(function (part) {
-                    return elements[part] || part;
-                });
-            } else {
-                nodes = [formattedMessage];
-            }
+      var descriptor = { id: id, description: description, defaultMessage: defaultMessage };
+      var formattedMessage = formatMessage(descriptor, tokenizedValues || values);
+
+      var nodes = void 0;
+
+      var hasElements = elements && Object.keys(elements).length > 0;
+      if (hasElements) {
+        // Split the message into parts so the React Element values captured
+        // above can be inserted back into the rendered message. This
+        // approach allows messages to render with React Elements while
+        // keeping React's virtual diffing working properly.
+        nodes = formattedMessage.split(tokenDelimiter).filter(function (part) {
+          return !!part;
+        }).map(function (part) {
+          return elements[part] || part;
+        });
+      } else {
+        nodes = [formattedMessage];
+      }
 
-            if (typeof children === 'function') {
-                return children.apply(undefined, toConsumableArray(nodes));
-            }
+      if (typeof children === 'function') {
+        return children.apply(undefined, toConsumableArray(nodes));
+      }
 
-            // Needs to use `createElement()` instead of JSX, otherwise React will
-            // warn about a missing `key` prop with rich-text message formatting.
-            return React.createElement.apply(undefined, [Component$$1, null].concat(toConsumableArray(nodes)));
-        }
-    }]);
-    return FormattedMessage;
+      // Needs to use `createElement()` instead of JSX, otherwise React will
+      // warn about a missing `key` prop with rich-text message formatting.
+      return React.createElement.apply(undefined, [Component$$1, null].concat(toConsumableArray(nodes)));
+    }
+  }]);
+  return FormattedMessage;
 }(React.Component);
 
 FormattedMessage.displayName = 'FormattedMessage';
 FormattedMessage.contextTypes = {
-    intl: intlShape
+  intl: intlShape
 };
 FormattedMessage.defaultProps = {
-    values: {}
+  values: {}
 };
 FormattedMessage.propTypes = _extends({}, messageDescriptorPropTypes, {
-    values: PropTypes.object,
-    tagName: PropTypes.string,
-    children: PropTypes.func
+  values: PropTypes.object,
+  tagName: PropTypes.string,
+  children: PropTypes.func
 });
 
 /*
@@ -4079,90 +4091,90 @@ FormattedMessage.propTypes = _extends({}, messageDescriptorPropTypes, {
  */
 
 var FormattedHTMLMessage = function (_Component) {
-    inherits(FormattedHTMLMessage, _Component);
+  inherits(FormattedHTMLMessage, _Component);
 
-    function FormattedHTMLMessage(props, context) {
-        classCallCheck(this, FormattedHTMLMessage);
+  function FormattedHTMLMessage(props, context) {
+    classCallCheck(this, FormattedHTMLMessage);
 
-        var _this = possibleConstructorReturn(this, (FormattedHTMLMessage.__proto__ || Object.getPrototypeOf(FormattedHTMLMessage)).call(this, props, context));
+    var _this = possibleConstructorReturn(this, (FormattedHTMLMessage.__proto__ || Object.getPrototypeOf(FormattedHTMLMessage)).call(this, props, context));
 
-        invariantIntlContext(context);
-        return _this;
-    }
+    invariantIntlContext(context);
+    return _this;
+  }
 
-    createClass(FormattedHTMLMessage, [{
-        key: 'shouldComponentUpdate',
-        value: function shouldComponentUpdate(nextProps) {
-            var values = this.props.values;
-            var nextValues = nextProps.values;
+  createClass(FormattedHTMLMessage, [{
+    key: 'shouldComponentUpdate',
+    value: function shouldComponentUpdate(nextProps) {
+      var values = this.props.values;
+      var nextValues = nextProps.values;
 
 
-            if (!shallowEquals(nextValues, values)) {
-                return true;
-            }
+      if (!shallowEquals(nextValues, values)) {
+        return true;
+      }
 
-            // Since `values` has already been checked, we know they're not
-            // different, so the current `values` are carried over so the shallow
-            // equals comparison on the other props isn't affected by the `values`.
-            var nextPropsToCheck = _extends({}, nextProps, {
-                values: values
-            });
+      // Since `values` has already been checked, we know they're not
+      // different, so the current `values` are carried over so the shallow
+      // equals comparison on the other props isn't affected by the `values`.
+      var nextPropsToCheck = _extends({}, nextProps, {
+        values: values
+      });
 
-            for (var _len = arguments.length, next = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-                next[_key - 1] = arguments[_key];
-            }
+      for (var _len = arguments.length, next = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+        next[_key - 1] = arguments[_key];
+      }
 
-            return shouldIntlComponentUpdate.apply(undefined, [this, nextPropsToCheck].concat(next));
-        }
-    }, {
-        key: 'render',
-        value: function render() {
-            var _context$intl = this.context.intl,
-                formatHTMLMessage = _context$intl.formatHTMLMessage,
-                Text = _context$intl.textComponent;
-            var _props = this.props,
-                id = _props.id,
-                description = _props.description,
-                defaultMessage = _props.defaultMessage,
-                rawValues = _props.values,
-                _props$tagName = _props.tagName,
-                Component$$1 = _props$tagName === undefined ? Text : _props$tagName,
-                children = _props.children;
-
-
-            var descriptor = { id: id, description: description, defaultMessage: defaultMessage };
-            var formattedHTMLMessage = formatHTMLMessage(descriptor, rawValues);
-
-            if (typeof children === 'function') {
-                return children(formattedHTMLMessage);
-            }
+      return shouldIntlComponentUpdate.apply(undefined, [this, nextPropsToCheck].concat(next));
+    }
+  }, {
+    key: 'render',
+    value: function render() {
+      var _context$intl = this.context.intl,
+          formatHTMLMessage = _context$intl.formatHTMLMessage,
+          Text = _context$intl.textComponent;
+      var _props = this.props,
+          id = _props.id,
+          description = _props.description,
+          defaultMessage = _props.defaultMessage,
+          rawValues = _props.values,
+          _props$tagName = _props.tagName,
+          Component$$1 = _props$tagName === undefined ? Text : _props$tagName,
+          children = _props.children;
+
+
+      var descriptor = { id: id, description: description, defaultMessage: defaultMessage };
+      var formattedHTMLMessage = formatHTMLMessage(descriptor, rawValues);
+
+      if (typeof children === 'function') {
+        return children(formattedHTMLMessage);
+      }
 
-            // Since the message presumably has HTML in it, we need to set
-            // `innerHTML` in order for it to be rendered and not escaped by React.
-            // To be safe, all string prop values were escaped when formatting the
-            // message. It is assumed that the message is not UGC, and came from the
-            // developer making it more like a template.
-            //
-            // Note: There's a perf impact of using this component since there's no
-            // way for React to do its virtual DOM diffing.
-            var html = { __html: formattedHTMLMessage };
-            return React__default.createElement(Component$$1, { dangerouslySetInnerHTML: html });
-        }
-    }]);
-    return FormattedHTMLMessage;
+      // Since the message presumably has HTML in it, we need to set
+      // `innerHTML` in order for it to be rendered and not escaped by React.
+      // To be safe, all string prop values were escaped when formatting the
+      // message. It is assumed that the message is not UGC, and came from the
+      // developer making it more like a template.
+      //
+      // Note: There's a perf impact of using this component since there's no
+      // way for React to do its virtual DOM diffing.
+      var html = { __html: formattedHTMLMessage };
+      return React__default.createElement(Component$$1, { dangerouslySetInnerHTML: html });
+    }
+  }]);
+  return FormattedHTMLMessage;
 }(React.Component);
 
 FormattedHTMLMessage.displayName = 'FormattedHTMLMessage';
 FormattedHTMLMessage.contextTypes = {
-    intl: intlShape
+  intl: intlShape
 };
 FormattedHTMLMessage.defaultProps = {
-    values: {}
+  values: {}
 };
 FormattedHTMLMessage.propTypes = _extends({}, messageDescriptorPropTypes, {
-    values: PropTypes.object,
-    tagName: PropTypes.string,
-    children: PropTypes.func
+  values: PropTypes.object,
+  tagName: PropTypes.string,
+  children: PropTypes.func
 });
 
 /*