@escapenavigator/hooks 1.10.151 → 1.10.153

package/dist/consent-checkboxes/build-consent-urls.d.ts

@@ -0,0 +1,25 @@
+type BuildConsentUrlsParams = {
+    /**
+     * База orders-сервиса. В виджете — `process.env.REACT_APP_ORDERS_DOMAIN`
+     * (регион уже зашит в env), в orders-SPA — `window.location.origin`.
+     */
+    baseUrl: string;
+    /** Slug компании оператора для ссылки на клиентское соглашение. */
+    slug?: string;
+    /**
+     * Код языка игры. Бэкенд `/documents/privacy_policy/:country` сам
+     * резолвит язык в основную страну, поэтому отдаём язык как есть.
+     */
+    language?: string;
+};
+export type ConsentUrls = {
+    agreementUrl: string;
+    policyUrl: string;
+};
+/**
+ * Строит публичные ссылки для блока согласий:
+ *  - агримент: `/company/:slug/terms-of-services` (пусто, если нет slug);
+ *  - политика: `/documents/privacy_policy/:language`.
+ */
+export declare const buildConsentUrls: ({ baseUrl, slug, language }: BuildConsentUrlsParams) => ConsentUrls;
+export {};

package/dist/consent-checkboxes/build-consent-urls.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buildConsentUrls = void 0;
+/**
+ * Строит публичные ссылки для блока согласий:
+ *  - агримент: `/company/:slug/terms-of-services` (пусто, если нет slug);
+ *  - политика: `/documents/privacy_policy/:language`.
+ */
+const buildConsentUrls = ({ baseUrl, slug, language }) => {
+    const base = (baseUrl || '').replace(/\/+$/, '');
+    const lang = language || 'en';
+    return {
+        agreementUrl: slug ? `${base}/company/${slug}/terms-of-services` : '',
+        policyUrl: `${base}/documents/privacy_policy/${lang}`,
+    };
+};
+exports.buildConsentUrls = buildConsentUrls;

package/dist/consent-checkboxes/index.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { buildConsentUrls, ConsentUrls } from './build-consent-urls';
+export { buildConsentUrls };
+export type { ConsentUrls };
+export type ConsentField = 'agreeTerms' | 'agreePolicy' | 'sendAds';
+export type ConsentValues = Record<ConsentField, boolean>;
+export declare const INITIAL_CONSENT_VALUES: ConsentValues;
+/** Обязательные согласия отмечены — можно подтверждать заказ/подпись. */
+export declare const areRequiredConsentsAccepted: (values: ConsentValues) => boolean;
+type Props = {
+    /** Ссылка на клиентское соглашение оператора. */
+    agreementUrl: string;
+    /** Ссылка на политику конфиденциальности. */
+    policyUrl: string;
+    values: ConsentValues;
+    onChange: (field: ConsentField, checked: boolean) => void;
+    /**
+     * Скрыть маркетинговый чекбокс (например, клиент уже согласился на рассылку
+     * ранее — повторно не спрашиваем).
+     */
+    hideMarketing?: boolean;
+    /** Подсветить невыбранные обязательные согласия + shake + текст ошибки. */
+    showRequiredError?: boolean;
+};
+export declare const ConsentCheckboxes: React.FC<Props>;

package/dist/consent-checkboxes/index.js

@@ -0,0 +1,43 @@
+"use strict";
+/* eslint-disable import/no-extraneous-dependencies */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConsentCheckboxes = exports.areRequiredConsentsAccepted = exports.INITIAL_CONSENT_VALUES = exports.buildConsentUrls = void 0;
+const ui_1 = require("@alphakits/ui");
+const react_1 = __importDefault(require("react"));
+const react_i18next_1 = require("react-i18next");
+const build_consent_urls_1 = require("./build-consent-urls");
+Object.defineProperty(exports, "buildConsentUrls", { enumerable: true, get: function () { return build_consent_urls_1.buildConsentUrls; } });
+const index_module_css_1 = __importDefault(require("./index.module.css"));
+exports.INITIAL_CONSENT_VALUES = {
+    agreeTerms: false,
+    agreePolicy: false,
+    sendAds: false,
+};
+/** Обязательные согласия отмечены — можно подтверждать заказ/подпись. */
+const areRequiredConsentsAccepted = (values) => values.agreeTerms && values.agreePolicy;
+exports.areRequiredConsentsAccepted = areRequiredConsentsAccepted;
+const labelColor = (invalid) => (invalid ? 'negative' : 'secondary');
+const ConsentCheckboxes = ({ agreementUrl, policyUrl, values, onChange, hideMarketing, showRequiredError, }) => {
+    const { t } = (0, react_i18next_1.useTranslation)('common');
+    // Агримент + политику объединили в одну обязательную галочку: меньше
+    // «трения» на экране оплаты. Обе ссылки внутри одной переводимой строки.
+    const requiredAccepted = values.agreeTerms && values.agreePolicy;
+    const requiredInvalid = !!showRequiredError && !requiredAccepted;
+    const setRequired = (checked) => {
+        onChange('agreeTerms', checked);
+        onChange('agreePolicy', checked);
+    };
+    return (react_1.default.createElement("div", { className: [index_module_css_1.default.wrapper, showRequiredError ? index_module_css_1.default.shake : ''].join(' ').trim() },
+        react_1.default.createElement(ui_1.FlexColumns, { columns: 1, gr: 8 },
+            react_1.default.createElement(ui_1.Checkbox, { size: 's', align: 'start', block: true, checked: requiredAccepted, onChange: (_e, { checked }) => setRequired(checked), label: react_1.default.createElement(ui_1.Typography.Text, { view: 'caps', color: labelColor(requiredInvalid) },
+                    react_1.default.createElement(react_i18next_1.Trans, { t: t, ns: 'common', i18nKey: 'consent.agreementAndPolicy', defaults: 'I accept the <0>client agreement</0> and <1>privacy policy</1>', components: [
+                            react_1.default.createElement(ui_1.Link, { key: 'agreement', size: 's', target: '_blank', rel: 'noreferrer', className: index_module_css_1.default.link, href: agreementUrl }),
+                            react_1.default.createElement(ui_1.Link, { key: 'policy', size: 's', target: '_blank', rel: 'noreferrer', className: index_module_css_1.default.link, href: policyUrl }),
+                        ] })) }),
+            !hideMarketing && (react_1.default.createElement(ui_1.Checkbox, { size: 's', align: 'start', block: true, checked: values.sendAds, onChange: (_e, { checked }) => onChange('sendAds', checked), label: react_1.default.createElement(ui_1.Typography.Text, { view: 'caps', color: 'secondary' }, t('consent.marketing', "I'd like to receive special offers, promotions and news — no spam, unsubscribe anytime")) })),
+            showRequiredError && (react_1.default.createElement(ui_1.Typography.Text, { view: 'caps', color: 'negative' }, t('consent.required', 'Please accept the required agreements to continue'))))));
+};
+exports.ConsentCheckboxes = ConsentCheckboxes;

package/dist/index.d.ts

@@ -1,5 +1,7 @@
+export * from './consent-checkboxes';
 export * from './functional-popover';
 export * from './input-tel';
+export * from './lazy-with-retry';
 export * from './players-and-variation-picker';
 export * from './use-debounced-value';
 export * from './use-localstore-state';

package/dist/index.js

@@ -14,8 +14,10 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./consent-checkboxes"), exports);
 __exportStar(require("./functional-popover"), exports);
 __exportStar(require("./input-tel"), exports);
+__exportStar(require("./lazy-with-retry"), exports);
 __exportStar(require("./players-and-variation-picker"), exports);
 __exportStar(require("./use-debounced-value"), exports);
 __exportStar(require("./use-localstore-state"), exports);

package/dist/lazy-with-retry.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Обёртка над `React.lazy`, устойчивая к «исчезнувшим» чанкам после деплоя.
+ * Общая для всех фронтов (app / orders), завязана на React → живёт в hooks.
+ *
+ * Кейс: у пользователя открыта старая вкладка с index-OLD.js. После релиза
+ * этого чанка на CDN уже нет → `import()` бросает (формулировки зависят от
+ * браузера — см. `isStaleChunkError` в @escapenavigator/utils):
+ *   - "Failed to fetch dynamically imported module" (Chrome/Safari)
+ *   - "error loading dynamically imported module" (Firefox)
+ *   - "Importing a module script failed"
+ *   - "ChunkLoadError" / "Loading chunk N failed"
+ *
+ * Алгоритм:
+ *   1. Один retry с небольшой паузой — на случай флапа сети/прогрева CDN.
+ *   2. Если опять упало и похоже на «протухший чанк» — один раз перезагружаем
+ *      страницу с `?v=<ts>`, чтобы выкинуть HTTP-кэш. Флаг в sessionStorage
+ *      защищает от циклической перезагрузки.
+ */
+import { ComponentType, lazy } from 'react';
+/** Query-параметр cache-bust после reload; не должен попадать в `where` таблиц. */
+export declare const CHUNK_RELOAD_QUERY_PARAM = "v";
+/**
+ * Убирает служебный `?v=` из адресной строки (replaceState, без reload).
+ * Вызываем до первого рендера и после успешной загрузки lazy-чанка.
+ */
+export declare const stripChunkReloadQueryParam: () => boolean;
+export declare function lazyWithRetry<T extends ComponentType<any>>(factory: () => Promise<{
+    default: T;
+}>): ReturnType<typeof lazy<T>>;

package/dist/lazy-with-retry.js

@@ -0,0 +1,96 @@
+"use strict";
+/**
+ * Обёртка над `React.lazy`, устойчивая к «исчезнувшим» чанкам после деплоя.
+ * Общая для всех фронтов (app / orders), завязана на React → живёт в hooks.
+ *
+ * Кейс: у пользователя открыта старая вкладка с index-OLD.js. После релиза
+ * этого чанка на CDN уже нет → `import()` бросает (формулировки зависят от
+ * браузера — см. `isStaleChunkError` в @escapenavigator/utils):
+ *   - "Failed to fetch dynamically imported module" (Chrome/Safari)
+ *   - "error loading dynamically imported module" (Firefox)
+ *   - "Importing a module script failed"
+ *   - "ChunkLoadError" / "Loading chunk N failed"
+ *
+ * Алгоритм:
+ *   1. Один retry с небольшой паузой — на случай флапа сети/прогрева CDN.
+ *   2. Если опять упало и похоже на «протухший чанк» — один раз перезагружаем
+ *      страницу с `?v=<ts>`, чтобы выкинуть HTTP-кэш. Флаг в sessionStorage
+ *      защищает от циклической перезагрузки.
+ */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.stripChunkReloadQueryParam = exports.CHUNK_RELOAD_QUERY_PARAM = void 0;
+exports.lazyWithRetry = lazyWithRetry;
+const is_stale_chunk_error_1 = require("@escapenavigator/utils/dist/is-stale-chunk-error");
+const react_1 = require("react");
+const RELOAD_FLAG = 'lazy_chunk_reload_attempted';
+/** Query-параметр cache-bust после reload; не должен попадать в `where` таблиц. */
+exports.CHUNK_RELOAD_QUERY_PARAM = 'v';
+/**
+ * Убирает служебный `?v=` из адресной строки (replaceState, без reload).
+ * Вызываем до первого рендера и после успешной загрузки lazy-чанка.
+ */
+const stripChunkReloadQueryParam = () => {
+    if (typeof window === 'undefined')
+        return false;
+    const url = new URL(window.location.href);
+    if (!url.searchParams.has(exports.CHUNK_RELOAD_QUERY_PARAM))
+        return false;
+    url.searchParams.delete(exports.CHUNK_RELOAD_QUERY_PARAM);
+    const next = url.pathname + (url.searchParams.toString() ? `?${url.searchParams}` : '') + url.hash;
+    window.history.replaceState(window.history.state, '', next);
+    return true;
+};
+exports.stripChunkReloadQueryParam = stripChunkReloadQueryParam;
+const reloadOnce = () => {
+    try {
+        if (sessionStorage.getItem(RELOAD_FLAG))
+            return;
+        sessionStorage.setItem(RELOAD_FLAG, '1');
+    }
+    catch (_a) {
+        // sessionStorage может быть недоступен (Safari privacy / iframe);
+        // тогда просто перезагрузимся, лучше один лишний reload, чем белый экран.
+    }
+    const url = new URL(window.location.href);
+    url.searchParams.set(exports.CHUNK_RELOAD_QUERY_PARAM, Date.now().toString(36));
+    window.location.replace(url.toString());
+};
+function lazyWithRetry(factory) {
+    return (0, react_1.lazy)(() => __awaiter(this, void 0, void 0, function* () {
+        try {
+            const mod = yield factory();
+            try {
+                sessionStorage.removeItem(RELOAD_FLAG);
+            }
+            catch (_a) {
+                // см. reloadOnce: storage может быть недоступен
+            }
+            (0, exports.stripChunkReloadQueryParam)();
+            return mod;
+        }
+        catch (firstError) {
+            if (!(0, is_stale_chunk_error_1.isStaleChunkError)(firstError))
+                throw firstError;
+            try {
+                yield new Promise((r) => setTimeout(r, 350));
+                return yield factory();
+            }
+            catch (secondError) {
+                if ((0, is_stale_chunk_error_1.isStaleChunkError)(secondError)) {
+                    reloadOnce();
+                }
+                throw secondError;
+            }
+        }
+    }));
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@escapenavigator/hooks",
-  "version": "1.10.151",
+  "version": "1.10.153",
   "publishConfig": {
     "access": "public"
   },
@@ -14,9 +14,9 @@
     "test": "jest"
   },
   "dependencies": {
-    "@escapenavigator/services": "^1.10.159",
-    "@escapenavigator/types": "^1.10.148",
-    "@escapenavigator/utils": "^1.10.154",
+    "@escapenavigator/services": "^1.10.161",
+    "@escapenavigator/types": "^1.10.150",
+    "@escapenavigator/utils": "^1.10.156",
     "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": "8ac9c90c5d3971794408544fc837167b6495d246"
+  "gitHead": "a7a449f109ee8966f501a0b3fdabaca03439df53"
 }