use-intl 2.7.1-alpha.5 → 2.7.2

package/dist/use-intl.esm4.js

@@ -0,0 +1,155 @@
+import { extends as _extends } from './_virtual/use-intl.esm.js';
+import IntlError, { IntlErrorCode } from './use-intl.esm8.js';
+import useIntlContext from './use-intl.esm11.js';
+
+var MINUTE = 60;
+var HOUR = MINUTE * 60;
+var DAY = HOUR * 24;
+var WEEK = DAY * 7;
+var MONTH = DAY * (365 / 12); // Approximation
+
+var YEAR = DAY * 365;
+
+function getRelativeTimeFormatConfig(seconds) {
+  var absValue = Math.abs(seconds);
+  var value, unit; // We have to round the resulting values, as `Intl.RelativeTimeFormat`
+  // will include fractions like '2.1 hours ago'.
+
+  if (absValue < MINUTE) {
+    unit = 'second';
+    value = Math.round(seconds);
+  } else if (absValue < HOUR) {
+    unit = 'minute';
+    value = Math.round(seconds / MINUTE);
+  } else if (absValue < DAY) {
+    unit = 'hour';
+    value = Math.round(seconds / HOUR);
+  } else if (absValue < WEEK) {
+    unit = 'day';
+    value = Math.round(seconds / DAY);
+  } else if (absValue < MONTH) {
+    unit = 'week';
+    value = Math.round(seconds / WEEK);
+  } else if (absValue < YEAR) {
+    unit = 'month';
+    value = Math.round(seconds / MONTH);
+  } else {
+    unit = 'year';
+    value = Math.round(seconds / YEAR);
+  }
+
+  return {
+    value: value,
+    unit: unit
+  };
+}
+
+function useIntl() {
+  var _useIntlContext = useIntlContext(),
+      formats = _useIntlContext.formats,
+      locale = _useIntlContext.locale,
+      globalNow = _useIntlContext.now,
+      onError = _useIntlContext.onError,
+      timeZone = _useIntlContext.timeZone;
+
+  function resolveFormatOrOptions(typeFormats, formatOrOptions) {
+    var options;
+
+    if (typeof formatOrOptions === 'string') {
+      var formatName = formatOrOptions;
+      options = typeFormats == null ? void 0 : typeFormats[formatName];
+
+      if (!options) {
+        var error = new IntlError(IntlErrorCode.MISSING_FORMAT, process.env.NODE_ENV !== "production" ? "Format `" + formatName + "` is not available. You can configure it on the provider or provide custom options." : undefined);
+        onError(error);
+        throw error;
+      }
+    } else {
+      options = formatOrOptions;
+    }
+
+    return options;
+  }
+
+  function getFormattedValue(value, formatOrOptions, typeFormats, formatter) {
+    var options;
+
+    try {
+      options = resolveFormatOrOptions(typeFormats, formatOrOptions);
+    } catch (error) {
+      return String(value);
+    }
+
+    try {
+      return formatter(options);
+    } catch (error) {
+      onError(new IntlError(IntlErrorCode.FORMATTING_ERROR, error.message));
+      return String(value);
+    }
+  }
+
+  function formatDateTime(
+  /** If a number is supplied, this is interpreted as a UTC timestamp. */
+  value,
+  /** If a time zone is supplied, the `value` is converted to that time zone.
+   * Otherwise the user time zone will be used. */
+  formatOrOptions) {
+    return getFormattedValue(value, formatOrOptions, formats == null ? void 0 : formats.dateTime, function (options) {
+      var _options;
+
+      if (timeZone && !((_options = options) != null && _options.timeZone)) {
+        options = _extends({}, options, {
+          timeZone: timeZone
+        });
+      }
+
+      return new Intl.DateTimeFormat(locale, options).format(value);
+    });
+  }
+
+  function formatNumber(value, formatOrOptions) {
+    return getFormattedValue(value, formatOrOptions, formats == null ? void 0 : formats.number, function (options) {
+      return new Intl.NumberFormat(locale, options).format(value);
+    });
+  }
+
+  function formatRelativeTime(
+  /** The date time that needs to be formatted. */
+  date,
+  /** The reference point in time to which `date` will be formatted in relation to.  */
+  now) {
+    try {
+      if (!now) {
+        if (globalNow) {
+          now = globalNow;
+        } else {
+          throw new Error(process.env.NODE_ENV !== "production" ? "The `now` parameter wasn't provided to `formatRelativeTime` and there was no global fallback configured on the provider." : undefined);
+        }
+      }
+
+      var dateDate = date instanceof Date ? date : new Date(date);
+      var nowDate = now instanceof Date ? now : new Date(now);
+      var seconds = (dateDate.getTime() - nowDate.getTime()) / 1000;
+
+      var _getRelativeTimeForma = getRelativeTimeFormatConfig(seconds),
+          unit = _getRelativeTimeForma.unit,
+          value = _getRelativeTimeForma.value;
+
+      return new Intl.RelativeTimeFormat(locale, {
+        numeric: 'auto'
+      }).format(value, unit);
+    } catch (error) {
+      onError(new IntlError(IntlErrorCode.FORMATTING_ERROR, error.message));
+      return String(date);
+    }
+  }
+
+  return {
+    formatDateTime: formatDateTime,
+    formatNumber: formatNumber,
+    formatRelativeTime: formatRelativeTime
+  };
+}
+
+export { useIntl as default };
+//# sourceMappingURL=use-intl.esm4.js.map

package/dist/use-intl.esm4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-intl.esm4.js","sources":["../src/useIntl.tsx"],"sourcesContent":["import DateTimeFormatOptions from './DateTimeFormatOptions';\nimport IntlError, {IntlErrorCode} from './IntlError';\nimport NumberFormatOptions from './NumberFormatOptions';\nimport useIntlContext from './useIntlContext';\n\nconst MINUTE = 60;\nconst HOUR = MINUTE * 60;\nconst DAY = HOUR * 24;\nconst WEEK = DAY * 7;\nconst MONTH = DAY * (365 / 12); // Approximation\nconst YEAR = DAY * 365;\n\nfunction getRelativeTimeFormatConfig(seconds: number) {\n  const absValue = Math.abs(seconds);\n  let value, unit: Intl.RelativeTimeFormatUnit;\n\n  // We have to round the resulting values, as `Intl.RelativeTimeFormat`\n  // will include fractions like '2.1 hours ago'.\n\n  if (absValue < MINUTE) {\n    unit = 'second';\n    value = Math.round(seconds);\n  } else if (absValue < HOUR) {\n    unit = 'minute';\n    value = Math.round(seconds / MINUTE);\n  } else if (absValue < DAY) {\n    unit = 'hour';\n    value = Math.round(seconds / HOUR);\n  } else if (absValue < WEEK) {\n    unit = 'day';\n    value = Math.round(seconds / DAY);\n  } else if (absValue < MONTH) {\n    unit = 'week';\n    value = Math.round(seconds / WEEK);\n  } else if (absValue < YEAR) {\n    unit = 'month';\n    value = Math.round(seconds / MONTH);\n  } else {\n    unit = 'year';\n    value = Math.round(seconds / YEAR);\n  }\n\n  return {value, unit};\n}\n\nexport default function useIntl() {\n  const {formats, locale, now: globalNow, onError, timeZone} = useIntlContext();\n\n  function resolveFormatOrOptions<Options>(\n    typeFormats: Record<string, Options> | undefined,\n    formatOrOptions?: string | Options\n  ) {\n    let options;\n    if (typeof formatOrOptions === 'string') {\n      const formatName = formatOrOptions;\n      options = typeFormats?.[formatName];\n\n      if (!options) {\n        const error = new IntlError(\n          IntlErrorCode.MISSING_FORMAT,\n          __DEV__\n            ? `Format \\`${formatName}\\` is not available. You can configure it on the provider or provide custom options.`\n            : undefined\n        );\n        onError(error);\n        throw error;\n      }\n    } else {\n      options = formatOrOptions;\n    }\n\n    return options;\n  }\n\n  function getFormattedValue<Value, Options>(\n    value: Value,\n    formatOrOptions: string | Options | undefined,\n    typeFormats: Record<string, Options> | undefined,\n    formatter: (options?: Options) => string\n  ) {\n    let options;\n    try {\n      options = resolveFormatOrOptions(typeFormats, formatOrOptions);\n    } catch (error) {\n      return String(value);\n    }\n\n    try {\n      return formatter(options);\n    } catch (error) {\n      onError(\n        new IntlError(IntlErrorCode.FORMATTING_ERROR, (error as Error).message)\n      );\n      return String(value);\n    }\n  }\n\n  function formatDateTime(\n    /** If a number is supplied, this is interpreted as a UTC timestamp. */\n    value: Date | number,\n    /** If a time zone is supplied, the `value` is converted to that time zone.\n     * Otherwise the user time zone will be used. */\n    formatOrOptions?: string | DateTimeFormatOptions\n  ) {\n    return getFormattedValue(\n      value,\n      formatOrOptions,\n      formats?.dateTime,\n      (options) => {\n        if (timeZone && !options?.timeZone) {\n          options = {...options, timeZone};\n        }\n\n        return new Intl.DateTimeFormat(locale, options).format(value);\n      }\n    );\n  }\n\n  function formatNumber(\n    value: number,\n    formatOrOptions?: string | NumberFormatOptions\n  ) {\n    return getFormattedValue(\n      value,\n      formatOrOptions,\n      formats?.number,\n      (options) => new Intl.NumberFormat(locale, options).format(value)\n    );\n  }\n\n  function formatRelativeTime(\n    /** The date time that needs to be formatted. */\n    date: number | Date,\n    /** The reference point in time to which `date` will be formatted in relation to.  */\n    now?: number | Date\n  ) {\n    try {\n      if (!now) {\n        if (globalNow) {\n          now = globalNow;\n        } else {\n          throw new Error(\n            __DEV__\n              ? `The \\`now\\` parameter wasn't provided to \\`formatRelativeTime\\` and there was no global fallback configured on the provider.`\n              : undefined\n          );\n        }\n      }\n\n      const dateDate = date instanceof Date ? date : new Date(date);\n      const nowDate = now instanceof Date ? now : new Date(now);\n\n      const seconds = (dateDate.getTime() - nowDate.getTime()) / 1000;\n      const {unit, value} = getRelativeTimeFormatConfig(seconds);\n\n      return new Intl.RelativeTimeFormat(locale, {\n        numeric: 'auto'\n      }).format(value, unit);\n    } catch (error) {\n      onError(\n        new IntlError(IntlErrorCode.FORMATTING_ERROR, (error as Error).message)\n      );\n      return String(date);\n    }\n  }\n\n  return {formatDateTime, formatNumber, formatRelativeTime};\n}\n"],"names":["MINUTE","HOUR","DAY","WEEK","MONTH","YEAR","getRelativeTimeFormatConfig","seconds","absValue","Math","abs","value","unit","round","useIntl","useIntlContext","formats","locale","globalNow","now","onError","timeZone","resolveFormatOrOptions","typeFormats","formatOrOptions","options","formatName","error","IntlError","IntlErrorCode","MISSING_FORMAT","undefined","getFormattedValue","formatter","String","FORMATTING_ERROR","message","formatDateTime","dateTime","Intl","DateTimeFormat","format","formatNumber","number","NumberFormat","formatRelativeTime","date","Error","dateDate","Date","nowDate","getTime","RelativeTimeFormat","numeric"],"mappings":"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"}

package/dist/use-intl.esm5.js

@@ -0,0 +1,8 @@
+import useIntlContext from './use-intl.esm11.js';
+
+function useLocale() {
+  return useIntlContext().locale;
+}
+
+export { useLocale as default };
+//# sourceMappingURL=use-intl.esm5.js.map

package/dist/use-intl.esm5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-intl.esm5.js","sources":["../src/useLocale.tsx"],"sourcesContent":["import useIntlContext from './useIntlContext';\n\nexport default function useLocale() {\n  return useIntlContext().locale;\n}\n"],"names":["useLocale","useIntlContext","locale"],"mappings":";;AAEc,SAAUA,SAAV,GAAmB;AAC/B,EAAOC,OAAAA,cAAc,GAAGC,MAAxB,CAAA;AACD;;;;"}

package/dist/use-intl.esm6.js

@@ -0,0 +1,50 @@
+import { useState, useEffect } from 'react';
+import useIntlContext from './use-intl.esm11.js';
+
+function getNow() {
+  return new Date();
+}
+/**
+ * Reading the current date via `new Date()` in components should be avoided, as
+ * it causes components to be impure and can lead to flaky tests. Instead, this
+ * hook can be used.
+ *
+ * By default, it returns the time when the component mounts. If `updateInterval`
+ * is specified, the value will be updated based on the interval.
+ *
+ * You can however also return a static value from this hook, if you
+ * configure the `now` parameter on the context provider. Note however,
+ * that if `updateInterval` is configured in this case, the component
+ * will initialize with the global value, but will afterwards update
+ * continuously based on the interval.
+ *
+ * For unit tests, this can be mocked to a constant value. For end-to-end
+ * testing, an environment parameter can be passed to the `now` parameter
+ * of the provider to mock this to a static value.
+ */
+
+
+function useNow(options) {
+  var updateInterval = options == null ? void 0 : options.updateInterval;
+
+  var _useIntlContext = useIntlContext(),
+      globalNow = _useIntlContext.now;
+
+  var _useState = useState(globalNow || getNow()),
+      now = _useState[0],
+      setNow = _useState[1];
+
+  useEffect(function () {
+    if (!updateInterval) return;
+    var intervalId = setInterval(function () {
+      setNow(getNow());
+    }, updateInterval);
+    return function () {
+      clearInterval(intervalId);
+    };
+  }, [globalNow, updateInterval]);
+  return now;
+}
+
+export { useNow as default };
+//# sourceMappingURL=use-intl.esm6.js.map

package/dist/use-intl.esm6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-intl.esm6.js","sources":["../src/useNow.tsx"],"sourcesContent":["import {useState, useEffect} from 'react';\nimport useIntlContext from './useIntlContext';\n\ntype Options = {\n  updateInterval?: number;\n};\n\nfunction getNow() {\n  return new Date();\n}\n\n/**\n * Reading the current date via `new Date()` in components should be avoided, as\n * it causes components to be impure and can lead to flaky tests. Instead, this\n * hook can be used.\n *\n * By default, it returns the time when the component mounts. If `updateInterval`\n * is specified, the value will be updated based on the interval.\n *\n * You can however also return a static value from this hook, if you\n * configure the `now` parameter on the context provider. Note however,\n * that if `updateInterval` is configured in this case, the component\n * will initialize with the global value, but will afterwards update\n * continuously based on the interval.\n *\n * For unit tests, this can be mocked to a constant value. For end-to-end\n * testing, an environment parameter can be passed to the `now` parameter\n * of the provider to mock this to a static value.\n */\nexport default function useNow(options?: Options) {\n  const updateInterval = options?.updateInterval;\n\n  const {now: globalNow} = useIntlContext();\n  const [now, setNow] = useState(globalNow || getNow());\n\n  useEffect(() => {\n    if (!updateInterval) return;\n\n    const intervalId = setInterval(() => {\n      setNow(getNow());\n    }, updateInterval);\n\n    return () => {\n      clearInterval(intervalId);\n    };\n  }, [globalNow, updateInterval]);\n\n  return now;\n}\n"],"names":["getNow","Date","useNow","options","updateInterval","useIntlContext","globalNow","now","useState","setNow","useEffect","intervalId","setInterval","clearInterval"],"mappings":";;;AAOA,SAASA,MAAT,GAAe;AACb,EAAO,OAAA,IAAIC,IAAJ,EAAP,CAAA;AACD,CAAA;AAED;;;;;;;;;;;;;;;;;AAiBG;;;AACqB,SAAAC,MAAA,CAAOC,OAAP,EAAwB;AAC9C,EAAA,IAAMC,cAAc,GAAGD,OAAH,IAAGA,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAO,CAAEC,cAAhC,CAAA;;AAEA,EAAA,IAAA,eAAA,GAAyBC,cAAc,EAAvC;AAAA,MAAYC,SAAZ,mBAAOC,GAAP,CAAA;;AACA,EAAA,IAAA,SAAA,GAAsBC,QAAQ,CAACF,SAAS,IAAIN,MAAM,EAApB,CAA9B;AAAA,MAAOO,GAAP,GAAA,SAAA,CAAA,CAAA,CAAA;AAAA,MAAYE,MAAZ,GAAA,SAAA,CAAA,CAAA,CAAA,CAAA;;AAEAC,EAAAA,SAAS,CAAC,YAAK;AACb,IAAI,IAAA,CAACN,cAAL,EAAqB,OAAA;AAErB,IAAA,IAAMO,UAAU,GAAGC,WAAW,CAAC,YAAK;AAClCH,MAAAA,MAAM,CAACT,MAAM,EAAP,CAAN,CAAA;AACD,KAF6B,EAE3BI,cAF2B,CAA9B,CAAA;AAIA,IAAA,OAAO,YAAK;AACVS,MAAAA,aAAa,CAACF,UAAD,CAAb,CAAA;AACD,KAFD,CAAA;AAGD,GAVQ,EAUN,CAACL,SAAD,EAAYF,cAAZ,CAVM,CAAT,CAAA;AAYA,EAAA,OAAOG,GAAP,CAAA;AACD;;;;"}

package/dist/use-intl.esm7.js

@@ -0,0 +1,8 @@
+import useIntlContext from './use-intl.esm11.js';
+
+function useTimeZone() {
+  return useIntlContext().timeZone;
+}
+
+export { useTimeZone as default };
+//# sourceMappingURL=use-intl.esm7.js.map

package/dist/use-intl.esm7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-intl.esm7.js","sources":["../src/useTimeZone.tsx"],"sourcesContent":["import useIntlContext from './useIntlContext';\n\nexport default function useTimeZone() {\n  return useIntlContext().timeZone;\n}\n"],"names":["useTimeZone","useIntlContext","timeZone"],"mappings":";;AAEc,SAAUA,WAAV,GAAqB;AACjC,EAAOC,OAAAA,cAAc,GAAGC,QAAxB,CAAA;AACD;;;;"}

package/dist/use-intl.esm8.js

@@ -0,0 +1,42 @@
+import { inheritsLoose as _inheritsLoose, wrapNativeSuper as _wrapNativeSuper } from './_virtual/use-intl.esm.js';
+
+var IntlErrorCode;
+
+(function (IntlErrorCode) {
+  IntlErrorCode["MISSING_MESSAGE"] = "MISSING_MESSAGE";
+  IntlErrorCode["MISSING_FORMAT"] = "MISSING_FORMAT";
+  IntlErrorCode["INSUFFICIENT_PATH"] = "INSUFFICIENT_PATH";
+  IntlErrorCode["INVALID_MESSAGE"] = "INVALID_MESSAGE";
+  IntlErrorCode["INVALID_KEY"] = "INVALID_KEY";
+  IntlErrorCode["FORMATTING_ERROR"] = "FORMATTING_ERROR";
+})(IntlErrorCode || (IntlErrorCode = {}));
+
+var IntlError = /*#__PURE__*/function (_Error) {
+  _inheritsLoose(IntlError, _Error);
+
+  function IntlError(code, originalMessage) {
+    var _this;
+
+    var message = code;
+
+    if (originalMessage) {
+      message += ': ' + originalMessage;
+    }
+
+    _this = _Error.call(this, message) || this;
+    _this.code = void 0;
+    _this.originalMessage = void 0;
+    _this.code = code;
+
+    if (originalMessage) {
+      _this.originalMessage = originalMessage;
+    }
+
+    return _this;
+  }
+
+  return IntlError;
+}( /*#__PURE__*/_wrapNativeSuper(Error));
+
+export { IntlErrorCode, IntlError as default };
+//# sourceMappingURL=use-intl.esm8.js.map

package/dist/use-intl.esm8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-intl.esm8.js","sources":["../src/IntlError.tsx"],"sourcesContent":["export enum IntlErrorCode {\n  MISSING_MESSAGE = 'MISSING_MESSAGE',\n  MISSING_FORMAT = 'MISSING_FORMAT',\n  INSUFFICIENT_PATH = 'INSUFFICIENT_PATH',\n  INVALID_MESSAGE = 'INVALID_MESSAGE',\n  INVALID_KEY = 'INVALID_KEY',\n  FORMATTING_ERROR = 'FORMATTING_ERROR'\n}\n\nexport default class IntlError extends Error {\n  public readonly code: IntlErrorCode;\n  public readonly originalMessage: string | undefined;\n\n  constructor(code: IntlErrorCode, originalMessage?: string) {\n    let message: string = code;\n    if (originalMessage) {\n      message += ': ' + originalMessage;\n    }\n    super(message);\n\n    this.code = code;\n    if (originalMessage) {\n      this.originalMessage = originalMessage;\n    }\n  }\n}\n"],"names":["IntlErrorCode","IntlError","code","originalMessage","message","Error"],"mappings":";;IAAYA,cAAZ;;AAAA,CAAA,UAAYA,aAAZ,EAAyB;AACvBA,EAAAA,aAAA,CAAA,iBAAA,CAAA,GAAA,iBAAA,CAAA;AACAA,EAAAA,aAAA,CAAA,gBAAA,CAAA,GAAA,gBAAA,CAAA;AACAA,EAAAA,aAAA,CAAA,mBAAA,CAAA,GAAA,mBAAA,CAAA;AACAA,EAAAA,aAAA,CAAA,iBAAA,CAAA,GAAA,iBAAA,CAAA;AACAA,EAAAA,aAAA,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;AACAA,EAAAA,aAAA,CAAA,kBAAA,CAAA,GAAA,kBAAA,CAAA;AACD,CAPD,EAAYA,aAAa,KAAbA,aAAa,GAOxB,EAPwB,CAAzB,CAAA,CAAA;;IASqBC;;;AAInB,EAAYC,SAAAA,SAAAA,CAAAA,IAAZ,EAAiCC,eAAjC,EAAyD;AAAA,IAAA,IAAA,KAAA,CAAA;;AACvD,IAAIC,IAAAA,OAAO,GAAWF,IAAtB,CAAA;;AACA,IAAA,IAAIC,eAAJ,EAAqB;AACnBC,MAAAA,OAAO,IAAI,IAAA,GAAOD,eAAlB,CAAA;AACD,KAAA;;AACD,IAAA,KAAA,GAAA,MAAA,CAAA,IAAA,CAAA,IAAA,EAAMC,OAAN,CAAA,IAAA,IAAA,CAAA;AALuD,IAAA,KAAA,CAHzCF,IAGyC,GAAA,KAAA,CAAA,CAAA;AAAA,IAAA,KAAA,CAFzCC,eAEyC,GAAA,KAAA,CAAA,CAAA;AAOvD,IAAKD,KAAAA,CAAAA,IAAL,GAAYA,IAAZ,CAAA;;AACA,IAAA,IAAIC,eAAJ,EAAqB;AACnB,MAAKA,KAAAA,CAAAA,eAAL,GAAuBA,eAAvB,CAAA;AACD,KAAA;;AAVsD,IAAA,OAAA,KAAA,CAAA;AAWxD,GAAA;;;iCAfoCE;;;;"}

package/dist/use-intl.esm9.js

@@ -0,0 +1,6 @@
+import { createContext } from 'react';
+
+var IntlContext = /*#__PURE__*/createContext(undefined);
+
+export { IntlContext as default };
+//# sourceMappingURL=use-intl.esm9.js.map

package/dist/use-intl.esm9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-intl.esm9.js","sources":["../src/IntlContext.tsx"],"sourcesContent":["import {createContext} from 'react';\nimport AbstractIntlMessages from './AbstractIntlMessages';\nimport Formats from './Formats';\nimport IntlError from './IntlError';\nimport {RichTranslationValues} from './TranslationValues';\n\nexport type IntlContextShape = {\n  messages?: AbstractIntlMessages;\n  locale: string;\n  formats?: Partial<Formats>;\n  timeZone?: string;\n  onError(error: IntlError): void;\n  getMessageFallback(info: {\n    error: IntlError;\n    key: string;\n    namespace?: string;\n  }): string;\n  now?: Date;\n  defaultTranslationValues?: RichTranslationValues;\n};\n\nconst IntlContext = createContext<IntlContextShape | undefined>(undefined);\n\nexport default IntlContext;\n"],"names":["IntlContext","createContext","undefined"],"mappings":";;AAqBA,IAAMA,WAAW,gBAAGC,aAAa,CAA+BC,SAA/B;;;;"}

package/dist/validateMessages.d.ts

@@ -0,0 +1,3 @@
+import AbstractIntlMessages from './AbstractIntlMessages';
+import IntlError from './IntlError';
+export default function validateMessages(messages: AbstractIntlMessages, onError: (error: IntlError) => void): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "use-intl",
-  "version": "2.7.1-alpha.5",
+  "version": "2.7.2",
   "sideEffects": false,
   "author": "Jan Amann <jan@amann.me>",
   "description": "Minimal, but complete solution for managing internationalization in React apps.",
@@ -59,5 +59,5 @@
   "engines": {
     "node": ">=10"
   },
-  "gitHead": "8de04d09161521ee5b5aec2df8df1abcb70e9128"
+  "gitHead": "0e4dd6047240d66186b376eaf9c9b6d18dee3c53"
 }

package/src/IntlProvider.tsx

@@ -2,8 +2,9 @@ import React, {ReactNode, useEffect} from 'react';
 import AbstractIntlMessages from './AbstractIntlMessages';
 import Formats from './Formats';
 import IntlContext from './IntlContext';
-import IntlError, {IntlErrorCode} from './IntlError';
+import IntlError from './IntlError';
 import {RichTranslationValues} from './TranslationValues';
+import validateMessages from './validateMessages';
 
 type Props = {
   /** All messages that will be available in your components. */
@@ -67,58 +68,18 @@ export default function IntlProvider({
   messages,
   ...contextValues
 }: Props) {
-  // Validation of the namespace keys is currently inlined as the bundler that
-  // Bundlephobia uses is apparently not smart enough to throw the import out if
-  // this is imported from a separate module.
   if (__DEV__) {
     // eslint-disable-next-line react-hooks/rules-of-hooks
     useEffect(() => {
-      function validateMessagesSegment(
-        messagesPart: AbstractIntlMessages,
-        invalidKeyLabels: Array<string>,
-        parentPath?: string
-      ) {
-        Object.entries(messagesPart).forEach(([key, messageOrMessages]) => {
-          if (key.includes('.')) {
-            let keyLabel = key;
-            if (parentPath) keyLabel += ` (at ${parentPath})`;
-            invalidKeyLabels.push(keyLabel);
-          }
-          if (typeof messageOrMessages === 'object') {
-            validateMessagesSegment(
-              messageOrMessages,
-              invalidKeyLabels,
-              [parentPath, key].filter((part) => part != null).join('.')
-            );
-          }
-        });
+      if (messages) {
+        validateMessages(messages, onError);
       }
-
-      function validateMessages() {
-        if (!messages) return;
-
-        const invalidKeyLabels: Array<string> = [];
-        validateMessagesSegment(messages, invalidKeyLabels);
-
-        if (invalidKeyLabels.length > 0) {
-          onError(
-            new IntlError(
-              IntlErrorCode.INVALID_KEY,
-              `Namespace keys can not contain the character "." as this is used to express nesting. Please remove it or replace it with another character.\n\nInvalid ${
-                invalidKeyLabels.length === 1 ? 'key' : 'keys'
-              }: ${invalidKeyLabels.join(', ')}`
-            )
-          );
-        }
-      }
-
-      validateMessages();
     }, [messages, onError]);
   }
 
   return (
     <IntlContext.Provider
-      value={{...contextValues, onError, messages, getMessageFallback}}
+      value={{...contextValues, messages, onError, getMessageFallback}}
     >
       {children}
     </IntlContext.Provider>

package/src/validateMessages.tsx

@@ -0,0 +1,43 @@
+import AbstractIntlMessages from './AbstractIntlMessages';
+import IntlError, {IntlErrorCode} from './IntlError';
+
+function validateMessagesSegment(
+  messages: AbstractIntlMessages,
+  invalidKeyLabels: Array<string>,
+  parentPath?: string
+) {
+  Object.entries(messages).forEach(([key, messageOrMessages]) => {
+    if (key.includes('.')) {
+      let keyLabel = key;
+      if (parentPath) keyLabel += ` (at ${parentPath})`;
+      invalidKeyLabels.push(keyLabel);
+    }
+
+    if (messageOrMessages != null && typeof messageOrMessages === 'object') {
+      validateMessagesSegment(
+        messageOrMessages,
+        invalidKeyLabels,
+        [parentPath, key].filter((part) => part != null).join('.')
+      );
+    }
+  });
+}
+
+export default function validateMessages(
+  messages: AbstractIntlMessages,
+  onError: (error: IntlError) => void
+) {
+  const invalidKeyLabels: Array<string> = [];
+  validateMessagesSegment(messages, invalidKeyLabels);
+
+  if (invalidKeyLabels.length > 0) {
+    onError(
+      new IntlError(
+        IntlErrorCode.INVALID_KEY,
+        `Namespace keys can not contain the character "." as this is used to express nesting. Please remove it or replace it with another character.\n\nInvalid ${
+          invalidKeyLabels.length === 1 ? 'key' : 'keys'
+        }: ${invalidKeyLabels.join(', ')}`
+      )
+    );
+  }
+}