@escapenavigator/hooks 1.10.152 → 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,3 +1,4 @@
+export * from './consent-checkboxes';
 export * from './functional-popover';
 export * from './input-tel';
 export * from './lazy-with-retry';

package/dist/index.js

@@ -14,6 +14,7 @@ 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);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@escapenavigator/hooks",
-  "version": "1.10.152",
+  "version": "1.10.153",
   "publishConfig": {
     "access": "public"
   },
@@ -14,9 +14,9 @@
     "test": "jest"
   },
   "dependencies": {
-    "@escapenavigator/services": "^1.10.160",
-    "@escapenavigator/types": "^1.10.149",
-    "@escapenavigator/utils": "^1.10.155",
+    "@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": "e868f8962dfa6caab506d64bd4c6c091514e44a2"
+  "gitHead": "a7a449f109ee8966f501a0b3fdabaca03439df53"
 }