@orderly.network/i18n 3.0.4-alpha.3 → 3.0.4-alpha.4

package/dist/{constant-BwPxVQ3H.d.mts → constant-CIx423sl.d.mts}

@@ -437,6 +437,8 @@ declare const en: {
     "transfer.LTV.tooltip": string;
     "transfer.LTV.currentLTV": string;
     "transfer.LTV.isolatedModeUsdcOnly": string;
+    "transfer.LTV.availableCrossMarginHint": string;
+    "transfer.LTV.isolatedMarginOrderHint": string;
     "transfer.convert": string;
     "transfer.deposit.globalMaxQty.error": string;
     "transfer.deposit.gasFee.error": string;

package/dist/{constant-BwPxVQ3H.d.ts → constant-CIx423sl.d.ts}

@@ -437,6 +437,8 @@ declare const en: {
     "transfer.LTV.tooltip": string;
     "transfer.LTV.currentLTV": string;
     "transfer.LTV.isolatedModeUsdcOnly": string;
+    "transfer.LTV.availableCrossMarginHint": string;
+    "transfer.LTV.isolatedMarginOrderHint": string;
     "transfer.convert": string;
     "transfer.deposit.globalMaxQty.error": string;
     "transfer.deposit.gasFee.error": string;

package/dist/constant.d.mts

@@ -1,2 +1,2 @@
-export { f as LocaleEnum, g as defaultLanguages, h as defaultLng, i as defaultNS, k as i18nCookieKey, j as i18nLocalStorageKey } from './constant-BwPxVQ3H.mjs';
+export { f as LocaleEnum, g as defaultLanguages, h as defaultLng, i as defaultNS, k as i18nCookieKey, j as i18nLocalStorageKey } from './constant-CIx423sl.mjs';
 import 'react';

package/dist/constant.d.ts

@@ -1,2 +1,2 @@
-export { f as LocaleEnum, g as defaultLanguages, h as defaultLng, i as defaultNS, k as i18nCookieKey, j as i18nLocalStorageKey } from './constant-BwPxVQ3H.js';
+export { f as LocaleEnum, g as defaultLanguages, h as defaultLng, i as defaultNS, k as i18nCookieKey, j as i18nLocalStorageKey } from './constant-CIx423sl.js';
 import 'react';

package/dist/index.d.mts

@@ -1,5 +1,5 @@
-import { R as Resources, A as AsyncResources, L as LocaleCode, a as LanguageContextState } from './constant-BwPxVQ3H.mjs';
-export { b as Language, d as LanguageContext, f as LocaleEnum, e as LocaleMessages, P as PopupMode, c as PopupProps, g as defaultLanguages, h as defaultLng, i as defaultNS, l as en, k as i18nCookieKey, j as i18nLocalStorageKey, u as useLanguageContext } from './constant-BwPxVQ3H.mjs';
+import { R as Resources, A as AsyncResources, L as LocaleCode, a as LanguageContextState } from './constant-CIx423sl.mjs';
+export { b as Language, d as LanguageContext, f as LocaleEnum, e as LocaleMessages, P as PopupMode, c as PopupProps, g as defaultLanguages, h as defaultLng, i as defaultNS, l as en, k as i18nCookieKey, j as i18nLocalStorageKey, u as useLanguageContext } from './constant-CIx423sl.mjs';
 import * as react_i18next from 'react-i18next';
 import { FallbackNs, UseTranslationOptions } from 'react-i18next';
 export * from 'react-i18next';
@@ -96,8 +96,8 @@ declare function useLocaleCode(): LocaleCode;
  * Registers host-provided i18n resources into the shared i18n instance whenever
  * the active locale or `resources` reference changes.
  *
- * - When `resources` is a function, it is invoked for the current locale to
- *   load the bundle (e.g. from another bundle, backend, or runtime loader).
+ * - When `resources` is a function, it is registered as a preloader for language
+ *   switches and also invoked for the current locale after mount.
  * - When `resources` is a static map, all provided locale bundles are registered.
  *
  * Prefer a stable `resources` reference (e.g. `useCallback` for loaders, module

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { R as Resources, A as AsyncResources, L as LocaleCode, a as LanguageContextState } from './constant-BwPxVQ3H.js';
-export { b as Language, d as LanguageContext, f as LocaleEnum, e as LocaleMessages, P as PopupMode, c as PopupProps, g as defaultLanguages, h as defaultLng, i as defaultNS, l as en, k as i18nCookieKey, j as i18nLocalStorageKey, u as useLanguageContext } from './constant-BwPxVQ3H.js';
+import { R as Resources, A as AsyncResources, L as LocaleCode, a as LanguageContextState } from './constant-CIx423sl.js';
+export { b as Language, d as LanguageContext, f as LocaleEnum, e as LocaleMessages, P as PopupMode, c as PopupProps, g as defaultLanguages, h as defaultLng, i as defaultNS, l as en, k as i18nCookieKey, j as i18nLocalStorageKey, u as useLanguageContext } from './constant-CIx423sl.js';
 import * as react_i18next from 'react-i18next';
 import { FallbackNs, UseTranslationOptions } from 'react-i18next';
 export * from 'react-i18next';
@@ -96,8 +96,8 @@ declare function useLocaleCode(): LocaleCode;
  * Registers host-provided i18n resources into the shared i18n instance whenever
  * the active locale or `resources` reference changes.
  *
- * - When `resources` is a function, it is invoked for the current locale to
- *   load the bundle (e.g. from another bundle, backend, or runtime loader).
+ * - When `resources` is a function, it is registered as a preloader for language
+ *   switches and also invoked for the current locale after mount.
  * - When `resources` is a static map, all provided locale bundles are registered.
  *
  * Prefer a stable `resources` reference (e.g. `useCallback` for loaders, module

package/dist/index.js

@@ -642,7 +642,7 @@ var orderEntry = {
   "marginMode.crossMargin": "Cross Margin",
   "marginMode.isolatedMargin": "Isolated Margin",
   "marginMode.crossMarginDescription": "Margin and PnL are shared across positions. You may lose all positions if liquidation occurs.",
-  "marginMode.isolatedMarginDescription": "Margin and PnL are independent for each position. You'll only lose the current position if liquidation occurs.",
+  "marginMode.isolatedMarginDescription": "Margin and PnL are independent for each position. You'll only lose the current position if liquidation occurs. Only USDC is accepted as collateral. <0>Learn more</0>",
   "marginMode.current": "Current",
   "marginMode.marginModeSettings": "Margin mode settings",
   "marginMode.updatedSuccessfully": "Updated successfully",
@@ -1313,6 +1313,8 @@ var transfer = {
   "transfer.LTV.tooltip": `If your LTV exceeds {{threshold}}% or your USDC balance plus Unsettled PnL falls below {{usdcThreshold}}, your collateral will be automatically converted with a haircut. To avoid this, you can manually convert assets to USDC.`,
   "transfer.LTV.currentLTV": "Current LTV",
   "transfer.LTV.isolatedModeUsdcOnly": "Only USDC can be used as margin in Isolated Mode.",
+  "transfer.LTV.availableCrossMarginHint": "Available balance = USDC balance + Unsettled PnL. All collateral assets contribute to your available margin.",
+  "transfer.LTV.isolatedMarginOrderHint": "In Isolated Margin mode, only USDC is accepted as margin. Convert your assets to USDC to place orders.",
   "transfer.convert": "Convert",
   // "transfer.convert.note": "Please note that convert fees will be charged.",
   "transfer.deposit.globalMaxQty.error": "Your deposit couldn't be processed because the global deposit cap for {{token}} on {{chain}} has been reached. This is typically resolved after rebalancing, which takes around 1 hour. Please try again later, or use a smaller amount or a different chain. <0>Learn more</0>",
@@ -1488,6 +1490,25 @@ var en = {
   ...navigation
 };
 
+// src/resourceBundles/externalResources.ts
+var externalResourcePreloaders = /* @__PURE__ */ new Set();
+function registerExternalResourcePreloader(preloader) {
+  externalResourcePreloaders.add(preloader);
+  return () => {
+    externalResourcePreloaders.delete(preloader);
+  };
+}
+async function preloadExternalResources(lang) {
+  await Promise.all(
+    Array.from(externalResourcePreloaders).map(async (preloader) => {
+      try {
+        await preloader(lang);
+      } catch (error) {
+      }
+    })
+  );
+}
+
 // src/i18n.ts
 var resources = {
   [defaultLng]: { [defaultNS]: en }
@@ -1511,6 +1532,28 @@ function createI18nInstance(options) {
 var i18n = createI18nInstance({
   resources
 });
+var parseChangeLanguageTarget = (lang) => {
+  if (!lang) {
+    return void 0;
+  }
+  const localeCodes = Object.values(LocaleEnum);
+  if (localeCodes.includes(lang)) {
+    return lang;
+  }
+  const match = lang.match(/^([a-z]{2})/i);
+  if (match && localeCodes.includes(match[1])) {
+    return match[1];
+  }
+  return lang;
+};
+var originalChangeLanguage = i18n.changeLanguage.bind(i18n);
+i18n.changeLanguage = (async (lang, callback) => {
+  const localeCode = parseChangeLanguageTarget(lang);
+  if (localeCode) {
+    await preloadExternalResources(localeCode);
+  }
+  return originalChangeLanguage(lang, callback);
+});
 i18n.init();
 var i18n_default = i18n;
 var LanguageContext = react.createContext({
@@ -1720,18 +1763,63 @@ function useLocaleCode() {
   }, [i18n_default]);
   return localeCode;
 }
+
+// src/hooks/useRegisterExternalResources.ts
+var asyncResourceLoadCache = /* @__PURE__ */ new WeakMap();
+function getAsyncResourceLoadState(resources2) {
+  let state = asyncResourceLoadCache.get(resources2);
+  if (!state) {
+    state = {
+      loadedLocales: /* @__PURE__ */ new Set(),
+      pendingLoads: /* @__PURE__ */ new Map()
+    };
+    asyncResourceLoadCache.set(resources2, state);
+  }
+  return state;
+}
+function loadAsyncResources(resources2, localeCode) {
+  const state = getAsyncResourceLoadState(resources2);
+  if (state.loadedLocales.has(localeCode)) {
+    return Promise.resolve();
+  }
+  const pendingLoad = state.pendingLoads.get(localeCode);
+  if (pendingLoad) {
+    return pendingLoad;
+  }
+  const loadPromise = registerResources(resources2, localeCode).then(() => {
+    state.loadedLocales.add(localeCode);
+  }).finally(() => {
+    state.pendingLoads.delete(localeCode);
+  });
+  state.pendingLoads.set(localeCode, loadPromise);
+  return loadPromise;
+}
+function useRegisterExternalResources(resources2) {
+  const localeCode = useLocaleCode();
+  react.useEffect(() => {
+    if (typeof resources2 === "function") {
+      return registerExternalResourcePreloader(
+        (lang) => loadAsyncResources(resources2, lang)
+      );
+    }
+  }, [resources2]);
+  react.useEffect(() => {
+    if (typeof resources2 === "function") {
+      loadAsyncResources(resources2, localeCode).catch((error) => {
+      });
+    } else {
+      registerResources(resources2, localeCode);
+    }
+  }, [localeCode, resources2]);
+}
 var LocaleProvider = (props) => {
   const { children, locale, resource, resources: resources2, ...languageProviderProps } = props;
-  const localeCodeFromI18n = useLocaleCode();
+  useRegisterExternalResources(resources2);
   react.useEffect(() => {
-    if (resources2) {
-      registerResources(resources2, locale ?? localeCodeFromI18n);
-      return;
-    }
-    if (resource && locale) {
+    if (!resources2 && resource && locale) {
       i18n_default.addResourceBundle(locale, defaultNS, resource, true, true);
     }
-  }, [locale, localeCodeFromI18n, resource, resources2]);
+  }, [locale, resource, resources2]);
   react.useEffect(() => {
     if (locale && locale !== i18n_default.language) {
       i18n_default.changeLanguage(locale);
@@ -1739,12 +1827,6 @@ var LocaleProvider = (props) => {
   }, [locale]);
   return /* @__PURE__ */ jsxRuntime.jsx(LanguageProvider, { ...languageProviderProps, children: /* @__PURE__ */ jsxRuntime.jsx(reactI18next.I18nextProvider, { i18n: i18n_default, defaultNS, children }) });
 };
-function useRegisterExternalResources(resources2) {
-  const localeCode = useLocaleCode();
-  react.useEffect(() => {
-    registerResources(resources2, localeCode);
-  }, [localeCode, resources2]);
-}
 var ExternalLocaleProvider = (props) => {
   useRegisterExternalResources(props.resources);
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: props.children });