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

package/dist/index.mjs

@@ -637,7 +637,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",
@@ -1308,6 +1308,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>",
@@ -1483,6 +1485,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 }
@@ -1506,6 +1527,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 = createContext({
@@ -1715,18 +1758,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();
+  useEffect(() => {
+    if (typeof resources2 === "function") {
+      return registerExternalResourcePreloader(
+        (lang) => loadAsyncResources(resources2, lang)
+      );
+    }
+  }, [resources2]);
+  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);
   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]);
   useEffect(() => {
     if (locale && locale !== i18n_default.language) {
       i18n_default.changeLanguage(locale);
@@ -1734,12 +1822,6 @@ var LocaleProvider = (props) => {
   }, [locale]);
   return /* @__PURE__ */ jsx(LanguageProvider, { ...languageProviderProps, children: /* @__PURE__ */ jsx(I18nextProvider, { i18n: i18n_default, defaultNS, children }) });
 };
-function useRegisterExternalResources(resources2) {
-  const localeCode = useLocaleCode();
-  useEffect(() => {
-    registerResources(resources2, localeCode);
-  }, [localeCode, resources2]);
-}
 var ExternalLocaleProvider = (props) => {
   useRegisterExternalResources(props.resources);
   return /* @__PURE__ */ jsx(Fragment, { children: props.children });