use-intl 2.17.4 → 2.17.5

package/dist/react/index.d.ts

@@ -1,21 +1,8 @@
-export { default as IntlProvider } from './IntlProvider.js';
-export { default as useTranslations } from './useTranslations.js';
-export { default as useLocale } from './useLocale.js';
-export { default as useNow } from './useNow.js';
-export { default as useTimeZone } from './useTimeZone.js';
-export { default as useMessages } from './useMessages.js';
-export { default as useFormatter } from './useFormatter.js';
-export { default as useIntl } from './useIntl.js';
-import 'react';
-import '../core/IntlConfig.js';
-import '../core/Formats.js';
-import '../core/DateTimeFormatOptions.js';
-import '../core/TimeZone.js';
-import '@formatjs/ecma402-abstract/types/number';
-import '../core/IntlError.js';
-import '../core/AbstractIntlMessages.js';
-import '../core/TranslationValues.js';
-import '../core/utils/MessageKeys.js';
-import '../core/utils/NestedValueOf.js';
-import '../core/utils/NamespaceKeys.js';
-import '../core/utils/NestedKeyOf.js';
+export { default as IntlProvider } from './IntlProvider';
+export { default as useTranslations } from './useTranslations';
+export { default as useLocale } from './useLocale';
+export { default as useNow } from './useNow';
+export { default as useTimeZone } from './useTimeZone';
+export { default as useMessages } from './useMessages';
+export { default as useFormatter } from './useFormatter';
+export { default as useIntl } from './useIntl';

package/dist/react/use-intl.esm.js

@@ -0,0 +1,16 @@
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../_virtual/use-intl.esm.js';
+import React from 'react';
+import IntlContext from './use-intl.esm9.js';
+import getInitializedConfig from './use-intl.esm10.js';
+
+var _excluded = ["children"];
+function IntlProvider(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+  return React.createElement(IntlContext.Provider, {
+    value: getInitializedConfig(props)
+  }, children);
+}
+
+export { IntlProvider as default };
+//# sourceMappingURL=use-intl.esm.js.map

package/dist/react/use-intl.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-intl.esm.js","sources":["../../src/react/IntlProvider.tsx"],"sourcesContent":["import React, {ReactNode} from 'react';\nimport IntlConfig from '../core/IntlConfig';\nimport IntlContext from './IntlContext';\nimport getInitializedConfig from './getInitializedConfig';\n\ntype Props = IntlConfig & {\n  children: ReactNode;\n};\n\nexport default function IntlProvider({children, ...props}: Props) {\n  return (\n    <IntlContext.Provider value={getInitializedConfig(props)}>\n      {children}\n    </IntlContext.Provider>\n  );\n}\n"],"names":["IntlProvider","_ref","children","props","_objectWithoutPropertiesLoose","_excluded","React","createElement","IntlContext","Provider","value","getInitializedConfig"],"mappings":";;;;;;AASc,SAAUA,YAAYA,CAAAC,IAAA,EAA4B;AAAA,EAAA,IAA1BC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;AAAKC,IAAAA,KAAK,GAAAC,6BAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA,CAAA;AACtD,EAAA,OACEC,KAAC,CAAAC,aAAA,CAAAC,WAAW,CAACC,QAAQ;IAACC,KAAK,EAAEC,oBAAoB,CAACR,KAAK,CAAA;GAAC,EACrDD,QAAQ,CACY,CAAA;AAE3B;;;;"}

package/dist/react/use-intl.esm10.js

@@ -0,0 +1,29 @@
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose, extends as _extends } from '../_virtual/use-intl.esm.js';
+import { defaultOnError, defaultGetMessageFallback } from '../core/use-intl.esm6.js';
+import validateMessages from '../core/use-intl.esm9.js';
+
+var _excluded = ["getMessageFallback", "messages", "onError"];
+/**
+ * Enhances the incoming props with defaults.
+ */
+function getInitializedConfig(_ref) {
+  var getMessageFallback = _ref.getMessageFallback,
+    messages = _ref.messages,
+    onError = _ref.onError,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var finalOnError = onError || defaultOnError;
+  var finalGetMessageFallback = getMessageFallback || defaultGetMessageFallback;
+  if (process.env.NODE_ENV !== 'production') {
+    if (messages) {
+      validateMessages(messages, finalOnError);
+    }
+  }
+  return _extends({}, rest, {
+    messages: messages,
+    onError: finalOnError,
+    getMessageFallback: finalGetMessageFallback
+  });
+}
+
+export { getInitializedConfig as default };
+//# sourceMappingURL=use-intl.esm10.js.map

package/dist/react/use-intl.esm10.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-intl.esm10.js","sources":["../../src/react/getInitializedConfig.tsx"],"sourcesContent":["import IntlConfig from '../core/IntlConfig';\nimport {defaultGetMessageFallback, defaultOnError} from '../core/defaults';\nimport validateMessages from '../core/validateMessages';\n\n/**\n * Enhances the incoming props with defaults.\n */\nexport default function getInitializedConfig<\n  // This is a generic to allow for stricter typing. E.g.\n  // the RSC integration always provides a `now` value.\n  Props extends Omit<IntlConfig, 'children'>\n>({getMessageFallback, messages, onError, ...rest}: Props) {\n  const finalOnError = onError || defaultOnError;\n  const finalGetMessageFallback =\n    getMessageFallback || defaultGetMessageFallback;\n\n  if (process.env.NODE_ENV !== 'production') {\n    if (messages) {\n      validateMessages(messages, finalOnError);\n    }\n  }\n\n  return {\n    ...rest,\n    messages,\n    onError: finalOnError,\n    getMessageFallback: finalGetMessageFallback\n  };\n}\n"],"names":["getInitializedConfig","_ref","getMessageFallback","messages","onError","rest","_objectWithoutPropertiesLoose","_excluded","finalOnError","defaultOnError","finalGetMessageFallback","defaultGetMessageFallback","process","env","NODE_ENV","validateMessages","_extends"],"mappings":";;;;;AAIA;;AAEG;AACqB,SAAAA,oBAAoBA,CAAAC,IAAA,EAIa;AAAA,EAAA,IAAtDC,kBAAkB,GAAAD,IAAA,CAAlBC,kBAAkB;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,OAAO,GAAAH,IAAA,CAAPG,OAAO;AAAKC,IAAAA,IAAI,GAAAC,6BAAA,CAAAL,IAAA,EAAAM,SAAA,CAAA,CAAA;AAC/C,EAAA,IAAMC,YAAY,GAAGJ,OAAO,IAAIK,cAAc,CAAA;AAC9C,EAAA,IAAMC,uBAAuB,GAC3BR,kBAAkB,IAAIS,yBAAyB,CAAA;AAEjD,EAAA,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;AACzC,IAAA,IAAIX,QAAQ,EAAE;AACZY,MAAAA,gBAAgB,CAACZ,QAAQ,EAAEK,YAAY,CAAC,CAAA;AACzC,KAAA;AACF,GAAA;EAED,OAAAQ,QAAA,KACKX,IAAI,EAAA;AACPF,IAAAA,QAAQ,EAARA,QAAQ;AACRC,IAAAA,OAAO,EAAEI,YAAY;AACrBN,IAAAA,kBAAkB,EAAEQ,uBAAAA;AAAuB,GAAA,CAAA,CAAA;AAE/C;;;;"}

package/dist/react/use-intl.esm11.js

@@ -0,0 +1,13 @@
+import { useContext } from 'react';
+import IntlContext from './use-intl.esm9.js';
+
+function useIntlContext() {
+  var context = useContext(IntlContext);
+  if (!context) {
+    throw new Error(process.env.NODE_ENV !== 'production' ? 'No intl context found. Have you configured the provider?' : undefined);
+  }
+  return context;
+}
+
+export { useIntlContext as default };
+//# sourceMappingURL=use-intl.esm11.js.map

package/dist/react/use-intl.esm11.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-intl.esm11.js","sources":["../../src/react/useIntlContext.tsx"],"sourcesContent":["import {useContext} from 'react';\nimport IntlContext from './IntlContext';\n\nexport default function useIntlContext() {\n  const context = useContext(IntlContext);\n\n  if (!context) {\n    throw new Error(\n      process.env.NODE_ENV !== 'production'\n        ? 'No intl context found. Have you configured the provider?'\n        : undefined\n    );\n  }\n\n  return context;\n}\n"],"names":["useIntlContext","context","useContext","IntlContext","Error","process","env","NODE_ENV","undefined"],"mappings":";;;AAGc,SAAUA,cAAcA,GAAA;AACpC,EAAA,IAAMC,OAAO,GAAGC,UAAU,CAACC,WAAW,CAAC,CAAA;EAEvC,IAAI,CAACF,OAAO,EAAE;AACZ,IAAA,MAAM,IAAIG,KAAK,CACbC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,GACjC,0DAA0D,GAC1DC,SAAS,CACd,CAAA;AACF,GAAA;AAED,EAAA,OAAOP,OAAO,CAAA;AAChB;;;;"}

package/dist/react/use-intl.esm12.js

@@ -0,0 +1,43 @@
+import { useRef, useMemo } from 'react';
+import createBaseTranslator, { getMessagesOrError } from '../core/use-intl.esm7.js';
+import resolveNamespace from '../core/use-intl.esm8.js';
+import useIntlContext from './use-intl.esm11.js';
+
+function useTranslationsImpl(allMessages, namespace, namespacePrefix) {
+  var _useIntlContext = useIntlContext(),
+    defaultTranslationValues = _useIntlContext.defaultTranslationValues,
+    globalFormats = _useIntlContext.formats,
+    getMessageFallback = _useIntlContext.getMessageFallback,
+    locale = _useIntlContext.locale,
+    onError = _useIntlContext.onError,
+    timeZone = _useIntlContext.timeZone;
+  // The `namespacePrefix` is part of the type system.
+  // See the comment in the hook invocation.
+  allMessages = allMessages[namespacePrefix];
+  namespace = resolveNamespace(namespace, namespacePrefix);
+  var cachedFormatsByLocaleRef = useRef({});
+  var messagesOrError = useMemo(function () {
+    return getMessagesOrError({
+      messages: allMessages,
+      namespace: namespace,
+      onError: onError
+    });
+  }, [allMessages, namespace, onError]);
+  var translate = useMemo(function () {
+    return createBaseTranslator({
+      cachedFormatsByLocale: cachedFormatsByLocaleRef.current,
+      getMessageFallback: getMessageFallback,
+      messagesOrError: messagesOrError,
+      defaultTranslationValues: defaultTranslationValues,
+      namespace: namespace,
+      onError: onError,
+      formats: globalFormats,
+      locale: locale,
+      timeZone: timeZone
+    });
+  }, [getMessageFallback, messagesOrError, defaultTranslationValues, namespace, onError, globalFormats, locale, timeZone]);
+  return translate;
+}
+
+export { useTranslationsImpl as default };
+//# sourceMappingURL=use-intl.esm12.js.map

package/dist/react/use-intl.esm12.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-intl.esm12.js","sources":["../../src/react/useTranslationsImpl.tsx"],"sourcesContent":["// eslint-disable-next-line import/no-named-as-default -- False positive\nimport IntlMessageFormat from 'intl-messageformat';\nimport {useMemo, useRef} from 'react';\nimport AbstractIntlMessages from '../core/AbstractIntlMessages';\nimport createBaseTranslator, {\n  getMessagesOrError\n} from '../core/createBaseTranslator';\nimport resolveNamespace from '../core/resolveNamespace';\nimport NestedKeyOf from '../core/utils/NestedKeyOf';\nimport useIntlContext from './useIntlContext';\n\nexport default function useTranslationsImpl<\n  Messages extends AbstractIntlMessages,\n  NestedKey extends NestedKeyOf<Messages>\n>(allMessages: Messages, namespace: NestedKey, namespacePrefix: string) {\n  const {\n    defaultTranslationValues,\n    formats: globalFormats,\n    getMessageFallback,\n    locale,\n    onError,\n    timeZone\n  } = useIntlContext();\n\n  // The `namespacePrefix` is part of the type system.\n  // See the comment in the hook invocation.\n  allMessages = allMessages[namespacePrefix] as Messages;\n  namespace = resolveNamespace(namespace, namespacePrefix) as NestedKey;\n\n  const cachedFormatsByLocaleRef = useRef<\n    Record<string, Record<string, IntlMessageFormat>>\n  >({});\n\n  const messagesOrError = useMemo(\n    () => getMessagesOrError({messages: allMessages, namespace, onError}),\n    [allMessages, namespace, onError]\n  );\n\n  const translate = useMemo(\n    () =>\n      createBaseTranslator({\n        cachedFormatsByLocale: cachedFormatsByLocaleRef.current,\n        getMessageFallback,\n        messagesOrError,\n        defaultTranslationValues,\n        namespace,\n        onError,\n        formats: globalFormats,\n        locale,\n        timeZone\n      }),\n    [\n      getMessageFallback,\n      messagesOrError,\n      defaultTranslationValues,\n      namespace,\n      onError,\n      globalFormats,\n      locale,\n      timeZone\n    ]\n  );\n\n  return translate;\n}\n"],"names":["useTranslationsImpl","allMessages","namespace","namespacePrefix","_useIntlContext","useIntlContext","defaultTranslationValues","globalFormats","formats","getMessageFallback","locale","onError","timeZone","resolveNamespace","cachedFormatsByLocaleRef","useRef","messagesOrError","useMemo","getMessagesOrError","messages","translate","createBaseTranslator","cachedFormatsByLocale","current"],"mappings":";;;;;AAWwB,SAAAA,mBAAmBA,CAGzCC,WAAqB,EAAEC,SAAoB,EAAEC,eAAuB,EAAA;AACpE,EAAA,IAAAC,eAAA,GAOIC,cAAc,EAAE;IANlBC,wBAAwB,GAAAF,eAAA,CAAxBE,wBAAwB;IACfC,aAAa,GAAAH,eAAA,CAAtBI,OAAO;IACPC,kBAAkB,GAAAL,eAAA,CAAlBK,kBAAkB;IAClBC,MAAM,GAAAN,eAAA,CAANM,MAAM;IACNC,OAAO,GAAAP,eAAA,CAAPO,OAAO;IACPC,QAAQ,GAAAR,eAAA,CAARQ,QAAQ,CAAA;AAGV;AACA;AACAX,EAAAA,WAAW,GAAGA,WAAW,CAACE,eAAe,CAAa,CAAA;AACtDD,EAAAA,SAAS,GAAGW,gBAAgB,CAACX,SAAS,EAAEC,eAAe,CAAc,CAAA;AAErE,EAAA,IAAMW,wBAAwB,GAAGC,MAAM,CAErC,EAAE,CAAC,CAAA;EAEL,IAAMC,eAAe,GAAGC,OAAO,CAC7B,YAAA;AAAA,IAAA,OAAMC,kBAAkB,CAAC;AAACC,MAAAA,QAAQ,EAAElB,WAAW;AAAEC,MAAAA,SAAS,EAATA,SAAS;AAAES,MAAAA,OAAO,EAAPA,OAAAA;AAAO,KAAC,CAAC,CAAA;AAAA,GAAA,EACrE,CAACV,WAAW,EAAEC,SAAS,EAAES,OAAO,CAAC,CAClC,CAAA;EAED,IAAMS,SAAS,GAAGH,OAAO,CACvB,YAAA;AAAA,IAAA,OACEI,oBAAoB,CAAC;MACnBC,qBAAqB,EAAER,wBAAwB,CAACS,OAAO;AACvDd,MAAAA,kBAAkB,EAAlBA,kBAAkB;AAClBO,MAAAA,eAAe,EAAfA,eAAe;AACfV,MAAAA,wBAAwB,EAAxBA,wBAAwB;AACxBJ,MAAAA,SAAS,EAATA,SAAS;AACTS,MAAAA,OAAO,EAAPA,OAAO;AACPH,MAAAA,OAAO,EAAED,aAAa;AACtBG,MAAAA,MAAM,EAANA,MAAM;AACNE,MAAAA,QAAQ,EAARA,QAAAA;AACD,KAAA,CAAC,CAAA;AAAA,GAAA,EACJ,CACEH,kBAAkB,EAClBO,eAAe,EACfV,wBAAwB,EACxBJ,SAAS,EACTS,OAAO,EACPJ,aAAa,EACbG,MAAM,EACNE,QAAQ,CACT,CACF,CAAA;AAED,EAAA,OAAOQ,SAAS,CAAA;AAClB;;;;"}

package/dist/react/use-intl.esm2.js

@@ -0,0 +1,26 @@
+import useIntlContext from './use-intl.esm11.js';
+import useTranslationsImpl from './use-intl.esm12.js';
+
+/**
+ * Translates messages from the given namespace by using the ICU syntax.
+ * See https://formatjs.io/docs/core-concepts/icu-syntax.
+ *
+ * If no namespace is provided, all available messages are returned.
+ * The namespace can also indicate nesting by using a dot
+ * (e.g. `namespace.Component`).
+ */
+function useTranslations(namespace) {
+  var context = useIntlContext();
+  var messages = context.messages;
+  // We have to wrap the actual hook so the type inference for the optional
+  // namespace works correctly. See https://stackoverflow.com/a/71529575/343045
+  // The prefix ("!") is arbitrary.
+  return useTranslationsImpl({
+    '!': messages
+  },
+  // @ts-ignore
+  namespace ? "!." + namespace : '!', '!');
+}
+
+export { useTranslations as default };
+//# sourceMappingURL=use-intl.esm2.js.map

package/dist/react/use-intl.esm2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-intl.esm2.js","sources":["../../src/react/useTranslations.tsx"],"sourcesContent":["import {ReactElement, ReactNodeArray} from 'react';\nimport Formats from '../core/Formats';\nimport TranslationValues, {\n  RichTranslationValues\n} from '../core/TranslationValues';\nimport MessageKeys from '../core/utils/MessageKeys';\nimport NamespaceKeys from '../core/utils/NamespaceKeys';\nimport NestedKeyOf from '../core/utils/NestedKeyOf';\nimport NestedValueOf from '../core/utils/NestedValueOf';\nimport useIntlContext from './useIntlContext';\nimport useTranslationsImpl from './useTranslationsImpl';\n\n/**\n * Translates messages from the given namespace by using the ICU syntax.\n * See https://formatjs.io/docs/core-concepts/icu-syntax.\n *\n * If no namespace is provided, all available messages are returned.\n * The namespace can also indicate nesting by using a dot\n * (e.g. `namespace.Component`).\n */\nexport default function useTranslations<\n  NestedKey extends NamespaceKeys<\n    IntlMessages,\n    NestedKeyOf<IntlMessages>\n  > = never\n>(\n  namespace?: NestedKey\n): // Explicitly defining the return type is necessary as TypeScript would get it wrong\n{\n  // Default invocation\n  <\n    TargetKey extends MessageKeys<\n      NestedValueOf<\n        {'!': IntlMessages},\n        [NestedKey] extends [never] ? '!' : `!.${NestedKey}`\n      >,\n      NestedKeyOf<\n        NestedValueOf<\n          {'!': IntlMessages},\n          [NestedKey] extends [never] ? '!' : `!.${NestedKey}`\n        >\n      >\n    >\n  >(\n    key: TargetKey,\n    values?: TranslationValues,\n    formats?: Partial<Formats>\n  ): string;\n\n  // `rich`\n  rich<\n    TargetKey extends MessageKeys<\n      NestedValueOf<\n        {'!': IntlMessages},\n        [NestedKey] extends [never] ? '!' : `!.${NestedKey}`\n      >,\n      NestedKeyOf<\n        NestedValueOf<\n          {'!': IntlMessages},\n          [NestedKey] extends [never] ? '!' : `!.${NestedKey}`\n        >\n      >\n    >\n  >(\n    key: TargetKey,\n    values?: RichTranslationValues,\n    formats?: Partial<Formats>\n  ): string | ReactElement | ReactNodeArray;\n\n  // `raw`\n  raw<\n    TargetKey extends MessageKeys<\n      NestedValueOf<\n        {'!': IntlMessages},\n        [NestedKey] extends [never] ? '!' : `!.${NestedKey}`\n      >,\n      NestedKeyOf<\n        NestedValueOf<\n          {'!': IntlMessages},\n          [NestedKey] extends [never] ? '!' : `!.${NestedKey}`\n        >\n      >\n    >\n  >(\n    key: TargetKey\n  ): any;\n} {\n  const context = useIntlContext();\n  const messages = context.messages as IntlMessages;\n\n  // We have to wrap the actual hook so the type inference for the optional\n  // namespace works correctly. See https://stackoverflow.com/a/71529575/343045\n  // The prefix (\"!\") is arbitrary.\n  return useTranslationsImpl<\n    {'!': IntlMessages},\n    [NestedKey] extends [never] ? '!' : `!.${NestedKey}`\n  >(\n    {'!': messages},\n    // @ts-ignore\n    namespace ? `!.${namespace}` : '!',\n    '!'\n  );\n}\n"],"names":["useTranslations","namespace","context","useIntlContext","messages","useTranslationsImpl"],"mappings":";;;AAYA;;;;;;;AAOG;AACqB,SAAAA,eAAeA,CAMrCC,SAAqB,EAAA;AA6DrB,EAAA,IAAMC,OAAO,GAAGC,cAAc,EAAE,CAAA;AAChC,EAAA,IAAMC,QAAQ,GAAGF,OAAO,CAACE,QAAwB,CAAA;AAEjD;AACA;AACA;AACA,EAAA,OAAOC,mBAAmB,CAIxB;AAAC,IAAA,GAAG,EAAED,QAAAA;GAAS;AACf;AACAH,EAAAA,SAAS,UAAQA,SAAS,GAAK,GAAG,EAClC,GAAG,CACJ,CAAA;AACH;;;;"}

package/dist/react/use-intl.esm3.js

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

package/dist/react/use-intl.esm3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-intl.esm3.js","sources":["../../src/react/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,SAASA,GAAA;AAC/B,EAAA,OAAOC,cAAc,EAAE,CAACC,MAAM,CAAA;AAChC;;;;"}

package/dist/react/{useNow.d.mts → use-intl.esm4.js}

@@ -1,24 +1,45 @@
-type Options = {
-    updateInterval?: number;
-};
-/**
- * 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.
+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.
  */
-declare function useNow(options?: Options): Date;
+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.esm4.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-intl.esm4.js","sources":["../../src/react/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","useIntlContext","globalNow","now","_useState","useState","setNow","useEffect","intervalId","setInterval","clearInterval"],"mappings":";;;AAOA,SAASA,MAAMA,GAAA;EACb,OAAO,IAAIC,IAAI,EAAE,CAAA;AACnB,CAAA;AAEA;;;;;;;;;;;;;;;;;AAiBG;AACqB,SAAAC,MAAMA,CAACC,OAAiB,EAAA;AAC9C,EAAA,IAAMC,cAAc,GAAGD,OAAO,IAAPA,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAO,CAAEC,cAAc,CAAA;AAE9C,EAAA,IAAAC,eAAA,GAAyBC,cAAc,EAAE;IAA7BC,SAAS,GAAAF,eAAA,CAAdG,GAAG,CAAA;EACV,IAAAC,SAAA,GAAsBC,QAAQ,CAACH,SAAS,IAAIP,MAAM,EAAE,CAAC;AAA9CQ,IAAAA,GAAG,GAAAC,SAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,MAAM,GAAAF,SAAA,CAAA,CAAA,CAAA,CAAA;AAElBG,EAAAA,SAAS,CAAC,YAAK;IACb,IAAI,CAACR,cAAc,EAAE,OAAA;AAErB,IAAA,IAAMS,UAAU,GAAGC,WAAW,CAAC,YAAK;AAClCH,MAAAA,MAAM,CAACX,MAAM,EAAE,CAAC,CAAA;KACjB,EAAEI,cAAc,CAAC,CAAA;AAElB,IAAA,OAAO,YAAK;MACVW,aAAa,CAACF,UAAU,CAAC,CAAA;KAC1B,CAAA;AACH,GAAC,EAAE,CAACN,SAAS,EAAEH,cAAc,CAAC,CAAC,CAAA;AAE/B,EAAA,OAAOI,GAAG,CAAA;AACZ;;;;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-intl.esm5.js","sources":["../../src/react/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,WAAWA,GAAA;AACjC,EAAA,OAAOC,cAAc,EAAE,CAACC,QAAQ,CAAA;AAClC;;;;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-intl.esm6.js","sources":["../../src/react/useMessages.tsx"],"sourcesContent":["import useIntlContext from './useIntlContext';\n\nexport default function useMessages() {\n  return useIntlContext().messages;\n}\n"],"names":["useMessages","useIntlContext","messages"],"mappings":";;AAEc,SAAUA,WAAWA,GAAA;AACjC,EAAA,OAAOC,cAAc,EAAE,CAACC,QAAQ,CAAA;AAClC;;;;"}

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

@@ -0,0 +1,24 @@
+import { useMemo } from 'react';
+import createFormatter from '../core/use-intl.esm3.js';
+import useIntlContext from './use-intl.esm11.js';
+
+function useFormatter() {
+  var _useIntlContext = useIntlContext(),
+    formats = _useIntlContext.formats,
+    locale = _useIntlContext.locale,
+    globalNow = _useIntlContext.now,
+    onError = _useIntlContext.onError,
+    timeZone = _useIntlContext.timeZone;
+  return useMemo(function () {
+    return createFormatter({
+      formats: formats,
+      locale: locale,
+      now: globalNow,
+      onError: onError,
+      timeZone: timeZone
+    });
+  }, [formats, globalNow, locale, onError, timeZone]);
+}
+
+export { useFormatter as default };
+//# sourceMappingURL=use-intl.esm7.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-intl.esm7.js","sources":["../../src/react/useFormatter.tsx"],"sourcesContent":["import {useMemo} from 'react';\nimport createFormatter from '../core/createFormatter';\nimport useIntlContext from './useIntlContext';\n\nexport default function useFormatter() {\n  const {formats, locale, now: globalNow, onError, timeZone} = useIntlContext();\n\n  return useMemo(\n    () =>\n      createFormatter({\n        formats,\n        locale,\n        now: globalNow,\n        onError,\n        timeZone\n      }),\n    [formats, globalNow, locale, onError, timeZone]\n  );\n}\n"],"names":["useFormatter","_useIntlContext","useIntlContext","formats","locale","globalNow","now","onError","timeZone","useMemo","createFormatter"],"mappings":";;;;AAIc,SAAUA,YAAYA,GAAA;AAClC,EAAA,IAAAC,eAAA,GAA6DC,cAAc,EAAE;IAAtEC,OAAO,GAAAF,eAAA,CAAPE,OAAO;IAAEC,MAAM,GAAAH,eAAA,CAANG,MAAM;IAAOC,SAAS,GAAAJ,eAAA,CAAdK,GAAG;IAAaC,OAAO,GAAAN,eAAA,CAAPM,OAAO;IAAEC,QAAQ,GAAAP,eAAA,CAARO,QAAQ,CAAA;AAEzD,EAAA,OAAOC,OAAO,CACZ,YAAA;AAAA,IAAA,OACEC,eAAe,CAAC;AACdP,MAAAA,OAAO,EAAPA,OAAO;AACPC,MAAAA,MAAM,EAANA,MAAM;AACNE,MAAAA,GAAG,EAAED,SAAS;AACdE,MAAAA,OAAO,EAAPA,OAAO;AACPC,MAAAA,QAAQ,EAARA,QAAAA;AACD,KAAA,CAAC,CAAA;GACJ,EAAA,CAACL,OAAO,EAAEE,SAAS,EAAED,MAAM,EAAEG,OAAO,EAAEC,QAAQ,CAAC,CAChD,CAAA;AACH;;;;"}

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

@@ -0,0 +1,30 @@
+import { useMemo } from 'react';
+import createIntl from '../core/use-intl.esm4.js';
+import useIntlContext from './use-intl.esm11.js';
+
+var hasWarned = false;
+/** @deprecated Switch to `useFormatter` instead. */
+function useIntl() {
+  var _useIntlContext = useIntlContext(),
+    formats = _useIntlContext.formats,
+    locale = _useIntlContext.locale,
+    globalNow = _useIntlContext.now,
+    onError = _useIntlContext.onError,
+    timeZone = _useIntlContext.timeZone;
+  if (!hasWarned) {
+    hasWarned = true;
+    console.warn('`useIntl()` is deprecated and will be removed in the next major version. Please switch to `useFormatter()`.');
+  }
+  return useMemo(function () {
+    return createIntl({
+      formats: formats,
+      locale: locale,
+      now: globalNow,
+      onError: onError,
+      timeZone: timeZone
+    });
+  }, [formats, globalNow, locale, onError, timeZone]);
+}
+
+export { useIntl as default };
+//# sourceMappingURL=use-intl.esm8.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-intl.esm8.js","sources":["../../src/react/useIntl.tsx"],"sourcesContent":["import {useMemo} from 'react';\nimport createIntl from '../core/createIntl';\nimport useIntlContext from './useIntlContext';\n\nlet hasWarned = false;\n\n/** @deprecated Switch to `useFormatter` instead. */\nexport default function useIntl() {\n  const {formats, locale, now: globalNow, onError, timeZone} = useIntlContext();\n\n  if (!hasWarned) {\n    hasWarned = true;\n    console.warn(\n      '`useIntl()` is deprecated and will be removed in the next major version. Please switch to `useFormatter()`.'\n    );\n  }\n\n  return useMemo(\n    () =>\n      createIntl({\n        formats,\n        locale,\n        now: globalNow,\n        onError,\n        timeZone\n      }),\n    [formats, globalNow, locale, onError, timeZone]\n  );\n}\n"],"names":["hasWarned","useIntl","_useIntlContext","useIntlContext","formats","locale","globalNow","now","onError","timeZone","console","warn","useMemo","createIntl"],"mappings":";;;;AAIA,IAAIA,SAAS,GAAG,KAAK,CAAA;AAErB;AACc,SAAUC,OAAOA,GAAA;AAC7B,EAAA,IAAAC,eAAA,GAA6DC,cAAc,EAAE;IAAtEC,OAAO,GAAAF,eAAA,CAAPE,OAAO;IAAEC,MAAM,GAAAH,eAAA,CAANG,MAAM;IAAOC,SAAS,GAAAJ,eAAA,CAAdK,GAAG;IAAaC,OAAO,GAAAN,eAAA,CAAPM,OAAO;IAAEC,QAAQ,GAAAP,eAAA,CAARO,QAAQ,CAAA;EAEzD,IAAI,CAACT,SAAS,EAAE;AACdA,IAAAA,SAAS,GAAG,IAAI,CAAA;AAChBU,IAAAA,OAAO,CAACC,IAAI,CACV,6GAA6G,CAC9G,CAAA;AACF,GAAA;AAED,EAAA,OAAOC,OAAO,CACZ,YAAA;AAAA,IAAA,OACEC,UAAU,CAAC;AACTT,MAAAA,OAAO,EAAPA,OAAO;AACPC,MAAAA,MAAM,EAANA,MAAM;AACNE,MAAAA,GAAG,EAAED,SAAS;AACdE,MAAAA,OAAO,EAAPA,OAAO;AACPC,MAAAA,QAAQ,EAARA,QAAAA;AACD,KAAA,CAAC,CAAA;GACJ,EAAA,CAACL,OAAO,EAAEE,SAAS,EAAED,MAAM,EAAEG,OAAO,EAAEC,QAAQ,CAAC,CAChD,CAAA;AACH;;;;"}

package/dist/react/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/react/use-intl.esm9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-intl.esm9.js","sources":["../../src/react/IntlContext.tsx"],"sourcesContent":["import {createContext} from 'react';\nimport {InitializedIntlConfig} from '../core/IntlConfig';\n\nconst IntlContext = createContext<InitializedIntlConfig | undefined>(undefined);\n\nexport default IntlContext;\n"],"names":["IntlContext","createContext","undefined"],"mappings":";;AAGA,IAAMA,WAAW,gBAAGC,aAAa,CAAoCC,SAAS;;;;"}

package/dist/react/useFormatter.d.ts

@@ -1,12 +1,6 @@
-import * as _formatjs_ecma402_abstract_types_number from '@formatjs/ecma402-abstract/types/number';
-import DateTimeFormatOptions from '../core/DateTimeFormatOptions.js';
-import '../core/TimeZone.js';
-
-declare function useFormatter(): {
-    dateTime: (value: number | Date, formatOrOptions?: string | DateTimeFormatOptions | undefined) => string;
-    number: (value: number | bigint, formatOrOptions?: string | _formatjs_ecma402_abstract_types_number.NumberFormatOptions | undefined) => string;
-    relativeTime: (date: number | Date, now?: number | Date | undefined) => string;
-    list: (value: Iterable<string>, formatOrOptions?: string | Intl.ListFormatOptions | undefined) => string;
-};
-
-export { useFormatter as default };
+export default function useFormatter(): {
+    dateTime: (value: number | Date, formatOrOptions?: string | import("../core/DateTimeFormatOptions").default | undefined) => string;
+    number: (value: number | bigint, formatOrOptions?: string | import("@formatjs/ecma402-abstract/types/number").NumberFormatOptions | undefined) => string;
+    relativeTime: (date: number | Date, now?: number | Date | undefined) => string;
+    list: (value: Iterable<string>, formatOrOptions?: string | Intl.ListFormatOptions | undefined) => string;
+};

package/dist/react/useIntl.d.ts

@@ -1,12 +1,6 @@
-import * as _formatjs_ecma402_abstract_types_number from '@formatjs/ecma402-abstract/types/number';
-import DateTimeFormatOptions from '../core/DateTimeFormatOptions.js';
-import '../core/TimeZone.js';
-
-/** @deprecated Switch to `useFormatter` instead. */
-declare function useIntl(): {
-    formatDateTime: (value: number | Date, formatOrOptions?: string | DateTimeFormatOptions | undefined) => string;
-    formatNumber: (value: number | bigint, formatOrOptions?: string | _formatjs_ecma402_abstract_types_number.NumberFormatOptions | undefined) => string;
-    formatRelativeTime: (date: number | Date, now?: number | Date | undefined) => string;
-};
-
-export { useIntl as default };
+/** @deprecated Switch to `useFormatter` instead. */
+export default function useIntl(): {
+    formatDateTime: (value: number | Date, formatOrOptions?: string | import("../core/DateTimeFormatOptions").default | undefined) => string;
+    formatNumber: (value: number | bigint, formatOrOptions?: string | import("@formatjs/ecma402-abstract/types/number").NumberFormatOptions | undefined) => string;
+    formatRelativeTime: (date: number | Date, now?: number | Date | undefined) => string;
+};

package/dist/react/useIntlContext.d.ts

@@ -1,13 +1 @@
-import { InitializedIntlConfig } from '../core/IntlConfig.js';
-import AbstractIntlMessages from '../core/AbstractIntlMessages.js';
-import '../core/Formats.js';
-import '../core/DateTimeFormatOptions.js';
-import '../core/TimeZone.js';
-import '@formatjs/ecma402-abstract/types/number';
-import '../core/IntlError.js';
-import '../core/TranslationValues.js';
-import 'react';
-
-declare function useIntlContext(): InitializedIntlConfig<AbstractIntlMessages>;
-
-export { useIntlContext as default };
+export default function useIntlContext(): import("../core/IntlConfig").InitializedIntlConfig<import("../core/AbstractIntlMessages").default>;

package/dist/react/useLocale.d.ts

@@ -1,3 +1 @@
-declare function useLocale(): string;
-
-export { useLocale as default };
+export default function useLocale(): string;

package/dist/react/useMessages.d.ts

@@ -1,5 +1 @@
-import AbstractIntlMessages from '../core/AbstractIntlMessages.js';
-
-declare function useMessages(): AbstractIntlMessages | undefined;
-
-export { useMessages as default };
+export default function useMessages(): import("../core/AbstractIntlMessages").default | undefined;

package/dist/react/useNow.d.ts

@@ -1,24 +1,23 @@
-type Options = {
-    updateInterval?: number;
-};
-/**
- * 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.
- */
-declare function useNow(options?: Options): Date;
-
-export { useNow as default };
+type Options = {
+    updateInterval?: number;
+};
+/**
+ * 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.
+ */
+export default function useNow(options?: Options): Date;
+export {};

package/dist/react/useTimeZone.d.ts

@@ -1,5 +1 @@
-import TimeZone from '../core/TimeZone.js';
-
-declare function useTimeZone(): TimeZone | undefined;
-
-export { useTimeZone as default };
+export default function useTimeZone(): import("../core/TimeZone").default | undefined;