@orderly.network/i18n 2.12.0 → 2.12.1-alpha.0

package/dist/index.mjs

@@ -4,7 +4,7 @@ import { I18nextProvider, I18nContext, useTranslation as useTranslation$1 } from
 export * from 'react-i18next';
 import LanguageDetector from 'i18next-browser-languagedetector';
 import { createContext, useContext, useState, useRef, useEffect, useCallback, useMemo } from 'react';
-import { jsx } from 'react/jsx-runtime';
+import { jsx, Fragment } from 'react/jsx-runtime';
 
 // src/types.ts
 
@@ -94,6 +94,10 @@ var affiliate = {
   "affiliate.referralCode.label": "Enter referral code",
   "affiliate.referralCode.bound": "Referral code bound",
   "affiliate.referralCode.notExist": "This referral code does not exist.",
+  "affiliate.referralCode.bind.modal.title": "Were you referred by someone?",
+  "affiliate.referralCode.bind.modal.description": "If an affiliate shared their referral code with you, enter it below to bind your account and receive affiliate benefits.",
+  "affiliate.referralCode.bind.input.placeholder": "Enter referrer's code",
+  "affiliate.referralCode.bind.skip": "No, I was not referred by anyone",
   "affiliate.process.title": "How It Works",
   "affiliate.process.step1.title": "Trade $10,000+ or apply",
   "affiliate.process.step1.description": "Unlock a referral code automatically ($0 of $10,000 completed - main account only), or apply for a higher rate via the form.",
@@ -155,6 +159,7 @@ var affiliate = {
   "affiliate.direct": "Direct",
   "affiliate.directInclBonus": "Incl. {{amount}} bonus",
   "affiliate.indirect": "Indirect",
+  "affiliate.referredBy": "Referred by {{name}}",
   "affiliate.referrals": "Referrals",
   "affiliate.referralCode.edit.modal.title": "Configure your referral settings",
   "affiliate.referralCode.create": "Create referral code",
@@ -514,6 +519,11 @@ var markets = {
   "markets.symbolInfoBar.riskNotice.content": "{{symbolWithBroker}} is a permissionless listing supported on Isolated Margin only, deployed and operated independently by {{brokerName}}. Please be aware of elevated risks, including low liquidity, high volatility, and increased liquidation risk."
 };
 
+// src/locale/module/navigation.ts
+var navigation = {
+  "tradingPoints.points": "Points"
+};
+
 // src/locale/module/notification.ts
 var notification = {
   // Announcement related keys
@@ -1115,46 +1125,6 @@ var tradingLeaderboard = {
   "tradingLeaderboard.tradingVolume.tooltip": "Total trading volume generated during the campaign period. Updated every 30 seconds."
 };
 
-// src/locale/module/tradingPoints.ts
-var tradingPoints = {
-  "tradingPoints.points": "Points",
-  "tradingPoints.startsIn": "Starts in",
-  "tradingPoints.days": "Days",
-  "tradingPoints.hours": "Hours",
-  "tradingPoints.minutes": "Minutes",
-  "tradingPoints.seconds": "Seconds",
-  "tradingPoints.learnMore": "Learn more",
-  "tradingPoints.stagePoints": "Stage points",
-  "tradingPoints.stageRanking": "Stage ranking",
-  "tradingPoints.referralCode": "Referral code",
-  "tradingPoints.referralLink": "Referral link",
-  "tradingPoints.currentPoints": "Current points",
-  "tradingPoints.ranking": "Ranking",
-  "tradingPoints.myPoints": "My points",
-  "tradingPoints.thisWeek": "This week",
-  "tradingPoints.lastWeek": "Last week",
-  "tradingPoints.all": "All",
-  "tradingPoints.tradePoints": "Trade points",
-  "tradingPoints.tradePointsTooltip": "Trade Points are calculated based on your perps trading volume.Updated daily.",
-  "tradingPoints.tradeNow": "Trade now",
-  "tradingPoints.pnlPoints": "PNL points",
-  "tradingPoints.pnlPointsTooltip": "Both profit or loss of each trade will be recorded. Updated daily.",
-  "tradingPoints.referralPoints": "Referral points",
-  "tradingPoints.referralPointsTooltip": "First-level invitee's rebates: {{l1}}%, Second-level invitee's rebates: {{l2}}%, Update daily.",
-  "tradingPoints.copyLink": "Copy Link",
-  "tradingPoints.faq.title": "FAQ",
-  "tradingPoints.faq.whatArePoints.question": "What are Points?",
-  "tradingPoints.faq.whatArePoints.answer": "The Points program is designed to encourage genuine user engagement with products and to reward loyal users who actively contribute to the growth of the {{brokerName}} ecosystem. Rewards will be airdropped in the future based on users' point accumulation.",
-  "tradingPoints.faq.allocation.question": "What is the points allocation criteria?",
-  "tradingPoints.faq.allocation.answer": "Points = Trade points + PNL points + Referral points.\n\nThe page will update your points daily, calculating the points you are expected to receive based on your contribution.\n\nNote: Wash trading (e.g., self-trades) will not receive any points",
-  "tradingPoints.faq.distribution.question": "When will points be distributed?",
-  "tradingPoints.faq.distribution.answer": "Points are distributed at 08:00 UTC everyday.",
-  "tradingPoints.faq.pnl.question": "How are PNL points calculated?",
-  "tradingPoints.faq.pnl.answer": "Points are based on your net profit or loss each trading.",
-  "tradingPoints.faq.referral.question": "How does the referral work?",
-  "tradingPoints.faq.referral.answer": "Based on the total points of your invitees and their invitees. Points earned from first-level invitees are higher than those from second-level invitees. Updated daily."
-};
-
 // src/locale/module/tradingRewards.ts
 var tradingRewards = {
   "tradingRewards.rewards": "Rewards",
@@ -1499,10 +1469,10 @@ var en = {
   ...affiliate,
   ...ui,
   ...tradingLeaderboard,
-  ...tradingPoints,
   ...widget,
   ...vaults,
-  ...notification
+  ...notification,
+  ...navigation
 };
 
 // src/i18n.ts
@@ -1514,19 +1484,46 @@ var languageDetector = new LanguageDetector(null, {
   lookupCookie: i18nCookieKey,
   caches: ["localStorage", "cookie"]
 });
-var i18n = createInstance({
-  // lng: defaultLng,
-  fallbackLng: defaultLng,
-  // debug: true,
-  interpolation: {
-    escapeValue: false
-  },
+function createI18nInstance(options) {
+  return createInstance({
+    // lng: defaultLng,
+    fallbackLng: defaultLng,
+    // debug: true,
+    interpolation: {
+      escapeValue: false
+    },
+    ...options
+  }).use(languageDetector);
+}
+var i18n = createI18nInstance({
   resources
-}).use(languageDetector);
+});
 i18n.init();
 var i18n_default = i18n;
+var LanguageContext = createContext({
+  languages: [],
+  onLanguageBeforeChanged: () => Promise.resolve(),
+  onLanguageChanged: () => Promise.resolve()
+});
+var useLanguageContext = () => {
+  return useContext(LanguageContext);
+};
 
-// src/backend.ts
+// src/resourceBundles/registerResources.ts
+async function registerResources(resources2, localeCode) {
+  if (typeof resources2 === "function") {
+    const resource = await resources2(localeCode, defaultNS);
+    i18n_default.addResourceBundle(localeCode, defaultNS, resource, true, true);
+    return;
+  }
+  if (resources2) {
+    Object.entries(resources2).forEach(([locale, messages]) => {
+      i18n_default.addResourceBundle(locale, defaultNS, messages, true, true);
+    });
+  }
+}
+
+// src/resourceBundles/httpBackend.ts
 var Backend = class {
   constructor(options) {
     this.options = options;
@@ -1570,15 +1567,38 @@ var Backend = class {
     await Promise.all(promises);
   }
 };
-var LocaleContext = createContext({
-  languages: [],
-  onLanguageBeforeChanged: () => Promise.resolve(),
-  onLanguageChanged: () => Promise.resolve()
-});
-var useLocaleContext = () => {
-  return useContext(LocaleContext);
+
+// src/resourceBundles/registerDefaultResource.ts
+var registerDefaultResource = (messages) => {
+  i18n_default.addResourceBundle(defaultLng, defaultNS, messages, true, true);
 };
 
+// src/resourceBundles/importLocaleJsonModule.ts
+function asMessageRecord(value) {
+  if (!value) {
+    return {};
+  }
+  if (typeof value !== "string") {
+    return value;
+  }
+  try {
+    return JSON.parse(value);
+  } catch {
+    return {};
+  }
+}
+async function importLocaleJsonModule(loader) {
+  if (!loader) {
+    return asMessageRecord(void 0);
+  }
+  try {
+    const mod = await loader();
+    return asMessageRecord(mod.default);
+  } catch {
+    return {};
+  }
+}
+
 // src/utils.ts
 function parseI18nLang(lang, localeCodes, defaultLang) {
   localeCodes = localeCodes || Object.values(LocaleEnum);
@@ -1616,45 +1636,18 @@ function generatePath(params) {
   localePath = locale || parseI18nLang(i18n_default.language);
   return `/${localePath}${path}${searchUrl}`;
 }
-var I18nProvider = (props) => {
-  const { children, ...rest } = props;
-  return (
-    // @ts-ignore
-    /* @__PURE__ */ jsx(I18nextProvider, { ...rest, children })
-  );
-};
-var LocaleProvider = (props) => {
+var LanguageProvider = (props) => {
   const {
     children,
-    locale,
-    resource,
-    resources: resources2,
     backend,
     popup,
     supportedLanguages,
     onLanguageChanged,
     convertDetectedLanguage,
-    onLanguageBeforeChanged,
-    onLocaleChange
+    onLanguageBeforeChanged
   } = props;
   const [languages, setLanguages] = useState(defaultLanguages);
   const backendRef = useRef(new Backend(backend));
-  useEffect(() => {
-    if (resources2) {
-      Object.entries(resources2).forEach(([locale2, messages]) => {
-        i18n_default.addResourceBundle(locale2, defaultNS, messages, true, true);
-      });
-      return;
-    }
-    if (resource && locale) {
-      i18n_default.addResourceBundle(locale, defaultNS, resource, true, true);
-    }
-  }, [locale, resource, resources2]);
-  useEffect(() => {
-    if (locale && locale !== i18n_default.language) {
-      i18n_default.changeLanguage(locale);
-    }
-  }, [locale]);
   useEffect(() => {
     if (Array.isArray(props.languages)) {
       setLanguages(props.languages);
@@ -1665,7 +1658,7 @@ var LocaleProvider = (props) => {
         ).filter((item) => !!item)
       );
     }
-  }, [supportedLanguages, props.languages]);
+  }, [props.languages, supportedLanguages]);
   useEffect(() => {
     const initLanguage = async () => {
       const lang = typeof convertDetectedLanguage === "function" ? convertDetectedLanguage(i18n_default.language) : parseI18nLang(i18n_default.language);
@@ -1686,9 +1679,8 @@ var LocaleProvider = (props) => {
   const languageChangedHandle = useCallback(
     async (lang) => {
       onLanguageChanged?.(lang);
-      onLocaleChange?.(lang);
     },
-    [onLanguageChanged, onLocaleChange]
+    [onLanguageChanged]
   );
   const memoizedValue = useMemo(() => {
     return {
@@ -1698,32 +1690,63 @@ var LocaleProvider = (props) => {
       onLanguageChanged: languageChangedHandle
     };
   }, [popup, languages, languageBeforeChangedHandle, languageChangedHandle]);
-  return /* @__PURE__ */ jsx(LocaleContext.Provider, { value: memoizedValue, children: /* @__PURE__ */ jsx(I18nextProvider, { i18n: i18n_default, defaultNS, children }) });
+  return /* @__PURE__ */ jsx(LanguageContext.Provider, { value: memoizedValue, children });
 };
-function useTranslation(ns, options) {
-  const context = useContext(I18nContext);
-  return useTranslation$1(ns, {
-    i18n: context?.i18n || i18n_default,
-    // @ts-ignore
-    // when the language resource is loaded, notify the translation component to re-render
-    bindI18nStore: "added",
-    ...options
-  });
-}
 function useLocaleCode() {
-  const [loacaleCode, setLoacaleCode] = useState(i18n_default.language);
+  const [localeCode, setLocaleCode] = useState(
+    parseI18nLang(i18n_default.language)
+  );
   useEffect(() => {
     const handleLanguageChange = (lng) => {
-      setLoacaleCode(lng);
+      setLocaleCode(lng);
     };
     i18n_default.on("languageChanged", handleLanguageChange);
     return () => {
       i18n_default.off("languageChanged", handleLanguageChange);
     };
   }, [i18n_default]);
-  return loacaleCode;
+  return localeCode;
+}
+var LocaleProvider = (props) => {
+  const { children, locale, resource, resources: resources2, ...languageProviderProps } = props;
+  const localeCodeFromI18n = useLocaleCode();
+  useEffect(() => {
+    if (resources2) {
+      registerResources(resources2, locale ?? localeCodeFromI18n);
+      return;
+    }
+    if (resource && locale) {
+      i18n_default.addResourceBundle(locale, defaultNS, resource, true, true);
+    }
+  }, [locale, localeCodeFromI18n, resource, resources2]);
+  useEffect(() => {
+    if (locale && locale !== i18n_default.language) {
+      i18n_default.changeLanguage(locale);
+    }
+  }, [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 });
+};
+function useTranslation(ns, options) {
+  const context = useContext(I18nContext);
+  return useTranslation$1(ns, {
+    i18n: context?.i18n || i18n_default,
+    // @ts-ignore
+    // when the language resource is loaded, notify the translation component to re-render
+    bindI18nStore: "added",
+    ...options
+  });
 }
 
-export { I18nProvider, LocaleContext, LocaleEnum, LocaleProvider, defaultLanguages, defaultLng, defaultNS, en, generatePath, getLocalePathFromPathname, i18n_default as i18n, i18nCookieKey, i18nLocalStorageKey, parseI18nLang, removeLangPrefix, useLocaleCode, useLocaleContext, useTranslation };
+export { Backend, ExternalLocaleProvider, LanguageContext, LanguageProvider, LocaleEnum, LocaleProvider, asMessageRecord, createI18nInstance, defaultLanguages, defaultLng, defaultNS, en, generatePath, getLocalePathFromPathname, i18n_default as i18n, i18nCookieKey, i18nLocalStorageKey, importLocaleJsonModule, parseI18nLang, registerDefaultResource, registerResources, removeLangPrefix, useLanguageContext, useLocaleCode, useRegisterExternalResources, useTranslation };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map