@escapenavigator/hooks 2.0.8 → 2.0.10

package/dist/players-and-variation-picker/index.js

@@ -52,6 +52,7 @@ const format_amount_1 = require("@escapenavigator/utils/dist/format-amount");
 const get_players_price_1 = require("@escapenavigator/utils/dist/get-players-price");
 const get_prices_1 = require("@escapenavigator/utils/dist/get-prices");
 const react_1 = __importStar(require("react"));
+const react_i18next_1 = require("react-i18next");
 const use_players_and_variation_picker_1 = require("../use-players-and-variation-picker");
 /**
  * Single shared component that renders the "Variation + Players" picker used
@@ -64,6 +65,24 @@ const use_players_and_variation_picker_1 = require("../use-players-and-variation
  */
 const PlayersAndVariationPicker = ({ slot, currentTariffId, currentDuration, loadSlotDetails, onVariationChange, onVariationResolved, onDetailsLoaded, players = 0, child = 0, tariff: tariffOverride, currency, minPlayers, maxPlayersLimit, slotDiscount, error, t, onChange, onSave, orderId, onLoadingChange, hidePriceHints = false, flexPlayersOption, }) => {
     var _a, _b;
+    /**
+     * Страховка от «голых ключей» перевода. Пикер рендерит `prices:*` /
+     * `common:*` через переданный хостом `t`, но сам хост часто берёт
+     * `t` из `useTranslation()` без этих namespace'ов. В CRM `prices`
+     * грузится лениво — если юзер открыл карточку игры раньше, чем
+     * какой-либо экран задекларировал этот ns, бандл никогда не
+     * запрашивался и вместо переводов светились ключи/фолбэки.
+     *
+     * Декларируем namespace'ы прямо здесь: react-i18next сам догрузит
+     * недостающие бандлы и перерендерит компонент, когда они приедут.
+     * `useSuspense: false` — чтобы не требовать Suspense-границу у всех
+     * хостов; вместо этого до готовности показываем скелетон ниже.
+     * При ошибке загрузки i18next помечает ns как «loaded (failed)»,
+     * так что вечного скелетона не будет.
+     */
+    const { ready: translationsReady } = (0, react_i18next_1.useTranslation)(['prices', 'common'], {
+        useSuspense: false,
+    });
     const { loading: pickerLoading, options: pickerOptions, selectedOptionId, selectedVariation, buildVariationChange, selectVariation, details, } = (0, use_players_and_variation_picker_1.usePlayersAndVariationPicker)({
         slot,
         currentTariffId,
@@ -228,7 +247,9 @@ const PlayersAndVariationPicker = ({ slot, currentTariffId, currentDuration, loa
     // not yet available (initial render before fetch starts, in-flight fetch,
     // or backend returned no details). This prevents the brief flash of an
     // empty picker UI between "slot prop arrived" and "loading=true".
-    if (slot && !details) {
+    // Also wait for the `prices`/`common` translation bundles so the picker
+    // never flashes raw i18n keys.
+    if (!translationsReady || (slot && !details)) {
         return (react_1.default.createElement(flex_columns_1.FlexColumns, { columns: 1, gr: 16 },
             react_1.default.createElement(skeleton_1.Skeleton, { visible: true, animate: true },
                 react_1.default.createElement("div", { style: { height: 80 } })),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@escapenavigator/hooks",
-  "version": "2.0.8",
+  "version": "2.0.10",
   "publishConfig": {
     "access": "public"
   },
@@ -14,9 +14,9 @@
     "test": "jest"
   },
   "dependencies": {
-    "@escapenavigator/services": "^2.0.8",
-    "@escapenavigator/types": "^2.0.8",
-    "@escapenavigator/utils": "^2.0.8",
+    "@escapenavigator/services": "^2.0.10",
+    "@escapenavigator/types": "^2.0.9",
+    "@escapenavigator/utils": "^2.0.10",
     "libphonenumber-js": "^1.12.24",
     "react": "19.2.6",
     "react-phone-input-2": "^2.15.1"
@@ -32,5 +32,5 @@
     "ts-jest": "^29.1.1",
     "typescript": "^5.6"
   },
-  "gitHead": "f88105efecc1893d1eb103e8b2069161b0e6dd0a"
+  "gitHead": "f6880726301abd10e18e00f30e11e96c0eff3d12"
 }