orionplace-react 0.4.0 → 0.6.0

package/templates/components/orionplace/legal/StorefrontPrivacy.README.md

@@ -0,0 +1,49 @@
+# StorefrontPrivacy · React
+
+## English
+
+`StorefrontPrivacy` is the store's personal data policy at `/privacy`. It has
+no inputs except `className` and sends no requests. It lists which data the
+store receives, why, who receives it, how long it is kept, the customer's
+rights and the cookies the site sets; a contents list links every section, and
+the cookies section has the anchor `#cookies`. The operator block shows the
+company name, tax ID, registration number, address and phone from the
+Application Load contact details; empty values are left out.
+
+The texts are in `lib/orionplace/privacyLabels.ts`, in Russian and English. A
+store that adds analytics, chat widgets or other cookies lists them in the
+cookies section.
+
+Source is maintained in
+`components/orionplace/legal/StorefrontPrivacy.tsx`; the contact interface is
+`interfaces/orionplace/appBase/appLoadCommon/IAppLoadCommonContact.ts`.
+
+### Props
+
+| Prop                 | Meaning                                  |
+| -------------------- | ---------------------------------------- |
+| `className?: string` | Extra class names for the page section.  |
+
+## Русский
+
+`StorefrontPrivacy` — политика обработки персональных данных магазина на
+странице `/privacy`. Кроме `className`, свойств нет; запросов компонент не
+отправляет. Он описывает, какие данные получает магазин, зачем, кому
+передаёт, сколько хранит, права покупателя и cookie сайта; оглавление ведёт к
+каждому разделу, у раздела о cookie якорь `#cookies`. Блок оператора
+показывает название компании, ИНН, регистрационный номер, адрес и телефон из
+контактов загрузки приложения; пустые значения не выводятся.
+
+Тексты — в `lib/orionplace/privacyLabels.ts`, на русском и английском.
+Магазин, который добавит аналитику, чат или другие cookie, перечисляет их в
+разделе о cookie.
+
+Поддерживаемый исходный файл:
+`components/orionplace/legal/StorefrontPrivacy.tsx`; интерфейс контактов —
+`interfaces/orionplace/appBase/appLoadCommon/IAppLoadCommonContact.ts`.
+
+### Свойства
+
+| Свойство             | Назначение                                  |
+| -------------------- | ------------------------------------------- |
+| `className?: string` | Дополнительные классы для секции страницы.  |

package/templates/components/orionplace/legal/StorefrontPrivacy.module.css

@@ -0,0 +1,166 @@
+.root {
+  display: grid;
+  width: 100%;
+  min-width: 0;
+  color: var(--orionplace-text);
+  font: inherit;
+  /* The page's base text, as `op-feature` in the other packages. */
+  font-size: 0.875rem;
+  line-height: 1.5rem;
+  container-type: inline-size;
+}
+
+.header {
+  display: grid;
+  gap: 0.75rem;
+  margin-bottom: 2rem;
+  padding-bottom: 1.5rem;
+  border-bottom: 1px solid var(--orionplace-border);
+}
+
+.header h1 {
+  margin: 0;
+  font-size: 1.5rem;
+  font-weight: 500;
+  line-height: 1.25;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+}
+
+.header p {
+  max-width: 42rem;
+  margin: 0;
+  color: var(--orionplace-muted);
+}
+
+.layout {
+  display: grid;
+  align-items: start;
+  gap: 2.5rem;
+  min-width: 0;
+}
+
+.contents,
+.body,
+.section,
+.operator {
+  display: grid;
+  min-width: 0;
+}
+
+.contents {
+  gap: 0.75rem;
+}
+
+.contents h2,
+.section h2,
+.operator h2 {
+  margin: 0;
+  font-size: 0.875rem;
+  font-weight: 500;
+  line-height: 1.25rem;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+}
+
+.contents h2 {
+  color: var(--orionplace-muted);
+}
+
+.contents ol {
+  display: grid;
+  gap: 0.5rem;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.contents a {
+  color: var(--orionplace-text);
+  text-decoration: none;
+  outline: none;
+}
+
+.contents a:focus-visible {
+  text-decoration: underline;
+}
+
+@media (hover: hover) {
+  .contents a:hover {
+    text-decoration: underline;
+  }
+}
+
+.body {
+  max-width: 48rem;
+  gap: 2rem;
+}
+
+.section {
+  gap: 0.75rem;
+  scroll-margin-top: 1.5rem;
+}
+
+.section p,
+.operator p {
+  margin: 0;
+}
+
+.operator {
+  gap: 0.75rem;
+  padding: 1.25rem;
+  border: 1px solid var(--orionplace-border);
+  background: var(--orionplace-surface);
+}
+
+.operator p {
+  color: var(--orionplace-muted);
+}
+
+.operator dl {
+  display: grid;
+  gap: 0.5rem;
+  margin: 0;
+}
+
+.detail {
+  display: grid;
+  gap: 0 1.5rem;
+}
+
+.detail dt {
+  color: var(--orionplace-muted);
+}
+
+.detail dd {
+  margin: 0;
+  overflow-wrap: anywhere;
+}
+
+/* The header's margin spaces the page, so it follows the page's own width. */
+@container (min-width: 592px) {
+  .header {
+    margin-bottom: 3rem;
+    padding-bottom: 2rem;
+  }
+
+  .header h1 {
+    font-size: 1.875rem;
+  }
+
+  .detail {
+    grid-template-columns: 12rem minmax(0, 1fr);
+  }
+}
+
+@container (min-width: 960px) {
+  .layout {
+    grid-template-columns: minmax(0, 3fr) minmax(0, 9fr);
+    gap: 4rem;
+  }
+
+  .contents {
+    position: sticky;
+    top: 1.5rem;
+  }
+}

package/templates/components/orionplace/legal/StorefrontPrivacy.tsx

@@ -0,0 +1,83 @@
+'use client';
+
+import { useOrionplace, useOrionplaceSelections } from '@/providers/OrionplaceProvider';
+import { selectInit } from '@/stores/orionplace';
+import { contactLabels } from '@/lib/orionplace/contactLabels';
+import { privacyLabels } from '@/lib/orionplace/privacyLabels';
+import styles from './StorefrontPrivacy.module.css';
+
+export interface StorefrontPrivacyProps {
+  className?: string;
+}
+
+export function StorefrontPrivacy({ className = '' }: StorefrontPrivacyProps) {
+  const init    = useOrionplace(selectInit);
+  const locale  = useOrionplaceSelections((state) => state.localeCode);
+  const contact = init?.contact;
+  const company =
+    contact?.company_legal_name?.trim() || contact?.company_name?.trim() || '';
+  const labels  = privacyLabels(locale, company);
+  const fields  = contactLabels(locale);
+  // The operator's details as the platform sends them; empty rows are left out.
+  const details = [
+    [fields.legalName, company],
+    [fields.taxId, contact?.company_tax_id],
+    [fields.registrationNumber, contact?.company_organization_id],
+    [fields.address, contact?.company_contact_address],
+    [fields.phone, contact?.company_contact_phone],
+  ]
+    .map(([label, value]) => ({ label: label ?? '', value: value?.trim() ?? '' }))
+    .filter((row) => row.value);
+
+  return (
+    <section
+      data-feature-part="StorefrontPrivacy"
+      className={`${styles.root} ${className}`.trim()}
+    >
+      <header className={styles.header}>
+        <h1>{labels.title}</h1>
+        <p>{labels.lead}</p>
+      </header>
+
+      <div className={styles.layout}>
+        <nav aria-label={labels.contents} className={styles.contents}>
+          <h2>{labels.contents}</h2>
+          <ol>
+            {labels.sections.map((section) => (
+              <li key={section.id}>
+                <a href={`#${section.id}`}>{section.title}</a>
+              </li>
+            ))}
+          </ol>
+        </nav>
+
+        <article className={styles.body}>
+          {labels.sections.map((section) => (
+            <section key={section.id} id={section.id} className={styles.section}>
+              <h2>{section.title}</h2>
+              {section.text.map((line, index) => (
+                <p key={index}>{line}</p>
+              ))}
+            </section>
+          ))}
+
+          <section id="operator-details" className={styles.operator}>
+            <h2>{labels.operator}</h2>
+            {details.length ? (
+              <dl>
+                {details.map((row) => (
+                  <div key={row.label} className={styles.detail}>
+                    <dt>{row.label}</dt>
+                    <dd>{row.value}</dd>
+                  </div>
+                ))}
+              </dl>
+            ) : (
+              <p>{labels.operatorUnknown}</p>
+            )}
+          </section>
+        </article>
+      </div>
+    </section>
+  );
+}

package/templates/components/orionplace/products/ProductReviewImageViewer.README.md

@@ -7,7 +7,11 @@ and public image URLs. `index` chooses the first displayed photo and resets
 the viewer when it changes. Previous and Next, arrow keys, Home, End and
 thumbnail buttons change the photo, and so does a sideways swipe on the large
 photo; `onChange` receives its ID and position. `StorefrontProduct` opens the
-product's own photos here with `label` and `alt`.
+product's own photos here with `label` and `alt`. `BlogArticle` opens the
+images of an article with `captions`, a caption under each photo, and `wide`,
+which lets the viewer use up to 1600px of the screen width instead of 960px
+and adds full-size zoom: the magnifier button or a click on the image shows it
+at its own size, scrolling inside the viewer.
 `onClose` handles the close button, Escape and a click outside the dialog.
 The component returns keyboard focus to the element that opened it. The
 dialog's images are mounted when it opens, so an unopened viewer starts no
@@ -21,6 +25,8 @@ image requests.
 | `index?: number`                                             | Zero-based index of the current item in its collection.                                  |
 | `label?: string`                                             | Dialog name instead of «Review photos».                                                  |
 | `alt?: string`                                               | Photo text before the photo number instead of «Review photo».                            |
+| `captions?: string[]`                                        | Caption under each photo, in the order of `images`.                                      |
+| `wide?: boolean`                                             | Up to 1600px wide instead of 960px, with full-size zoom, for detailed images.            |
 | `onChange?: (photo: { id: number; index: number; }) => void` | Called when the visitor confirms a new value. The callback payload is shown in its type. |
 | `onClose?: () => void`                                       | Called when the visitor closes the panel or dialog. The callback has no payload.         |
 
@@ -32,7 +38,10 @@ image requests.
 клавиши стрелок, Home, End, миниатюры и смахивание по большой фотографии
 меняют фотографию; `StorefrontProduct` открывает здесь фотографии товара с
 `label` и `alt`; `onChange`
-получает её ID и номер в списке. `onClose` обрабатывает кнопку закрытия,
+получает её ID и номер в списке. `BlogArticle` открывает изображения статьи с
+`captions` — подписью под каждой фотографией — и `wide`, при котором
+просмотрщик занимает до 1600px ширины экрана вместо 960px, а кнопка с лупой или
+нажатие на изображение показывает его в полный размер с прокруткой. `onClose` обрабатывает кнопку закрытия,
 Escape и щелчок вне диалога. При закрытии фокус возвращается на элемент,
 который открыл просмотрщик. Изображения появляются при открытии диалога,
 поэтому закрытый просмотрщик не начинает их загрузку.
@@ -44,6 +53,8 @@ Escape и щелчок вне диалога. При закрытии фокус
 | `images: IProductFeedbackImage[]`                            | Упорядоченные изображения галереи.                                                               |
 | `label?: string`                                             | Название диалога вместо «Фотографии к отзыву». |
 | `alt?: string`                                               | Текст фотографии перед её номером вместо «Фотография к отзыву». |
+| `captions?: string[]`                                        | Подпись под каждой фотографией в порядке `images`. |
+| `wide?: boolean`                                             | До 1600px ширины вместо 960px и показ в полный размер — для подробных изображений. |
 | `index?: number`                                             | Индекс текущего элемента в коллекции, начиная с нуля.                                            |
 | `onChange?: (photo: { id: number; index: number; }) => void` | Вызывается, когда покупатель подтверждает новое значение. Данные обработчика указаны в его типе. |
 | `onClose?: () => void`                                       | Вызывается, когда покупатель закрывает панель или диалог. Обработчик не получает данные.         |

package/templates/components/orionplace/products/ProductReviewImageViewer.module.css

@@ -12,8 +12,9 @@
   color: var(--orionplace-text);
   font-family: inherit;
 }
+.wide { max-width: 1600px; }
 .viewer::backdrop { background: rgb(0 0 0 / 35%); backdrop-filter: blur(2px); }
-.content { display: grid; height: 100%; grid-template-rows: auto minmax(0, 1fr) auto; container: review-image-viewer / inline-size; }
+.content { display: grid; height: 100%; grid-template-rows: auto minmax(0, 1fr) auto auto; container: review-image-viewer / inline-size; }
 .header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 8px 8px 8px 16px; border-bottom: 1px solid var(--orionplace-border); }
 .header p { margin: 0; color: var(--orionplace-muted); font-size: 12px; line-height: 1rem; letter-spacing: 0.08em; text-transform: uppercase; font-variant-numeric: tabular-nums; }
 .header button { display: grid; flex-shrink: 0; place-items: center; width: 40px; height: 40px; padding: 0; border: 0; outline: none; background: transparent; color: inherit; font-size: 24px; line-height: 2rem; cursor: pointer; transition: background-color 150ms; }
@@ -48,3 +49,11 @@
   }
 }
 .thumbnails img { width: 100%; height: 100%; object-fit: contain; }
+.caption { margin: 0; padding: 4px 16px 12px; color: var(--orionplace-muted); font-size: 14px; line-height: 1.5rem; text-align: center; }
+.zoom { margin-left: auto; }
+.zoom svg { width: 1.25rem; height: 1.25rem; }
+.fitted { display: contents; }
+.zoomed { position: absolute; inset: 0; overflow: auto; }
+.fullImage { display: block; width: auto; height: auto; max-width: none !important; max-height: none !important; margin: auto; }
+.zoomIn { cursor: zoom-in; }
+.zoomOut { cursor: zoom-out; }

package/templates/components/orionplace/products/ProductReviewImageViewer.tsx

@@ -15,11 +15,15 @@ import { OrionplaceImage } from '@/components/orionplace/shared/OrionplaceImage'
 import styles from './ProductReviewImageViewer.module.css';
 
 // `label` and `alt` name the product's own photos on the product page.
+// `captions` are shown under each image (blog article images have them);
+// `wide` lets screenshots and other detailed images use more of the screen.
 export interface ProductReviewImageViewerProps {
   images: IProductFeedbackImage[];
   index?: number;
   label?: string;
   alt?: string;
+  captions?: string[];
+  wide?: boolean;
   onChange?: (photo: { id: number; index: number }) => void;
   onClose?: () => void;
 }
@@ -29,6 +33,8 @@ export function ProductReviewImageViewer({
   index = 0,
   label,
   alt,
+  captions,
+  wide = false,
   onChange,
   onClose,
 }: ProductReviewImageViewerProps) {
@@ -41,6 +47,10 @@ export function ProductReviewImageViewer({
   const [active, setActive] = useState(() => validIndex(index, images.length));
   const current = images[active];
   const several = images.length > 1;
+  const caption = captions?.[active]?.trim() ?? '';
+  // A wide viewer can show the image at its own size; the stage then scrolls.
+  const [zoomed, setZoomed] = useState(false);
+  const toggleZoom = () => setZoomed((value) => wide && !value);
 
   useEffect(() => {
     setMounted(true);
@@ -50,6 +60,11 @@ export function ProductReviewImageViewer({
     setActive(validIndex(index, images.length));
   }, [images, index]);
 
+  // Another photo opens fitted to the screen.
+  useEffect(() => {
+    setZoomed(false);
+  }, [active]);
+
   useEffect(() => {
     const element    = dialog.current;
     if (!mounted || !element) {
@@ -101,7 +116,7 @@ export function ProductReviewImageViewer({
     const touch = event.changedTouches[0];
     const start = swipeStart.current;
     swipeStart.current = undefined;
-    if (!start || !touch || !several) {
+    if (!start || !touch || !several || zoomed) {
       return;
     }
     select(
@@ -150,7 +165,7 @@ export function ProductReviewImageViewer({
     <dialog
       data-stable-modal="fixed"
       ref={dialog}
-      className={styles.viewer}
+      className={wide ? `${styles.viewer} ${styles.wide}` : styles.viewer}
       aria-label={label || labels.photoViewer}
       data-feature-part="ProductReviewImageViewer"
       data-review-image-viewer
@@ -166,6 +181,28 @@ export function ProductReviewImageViewer({
           <p aria-live="polite" data-review-image-position>
             {active + 1} / {images.length}
           </p>
+          {wide ? (
+            <button
+              type="button"
+              className={styles.zoom}
+              aria-label={zoomed ? labels.zoomOut : labels.zoomIn}
+              aria-pressed={zoomed}
+              data-review-image-zoom
+              onClick={toggleZoom}
+            >
+              <svg
+                viewBox="0 0 24 24"
+                fill="none"
+                stroke="currentColor"
+                strokeWidth="1.5"
+                aria-hidden="true"
+              >
+                <circle cx="10.5" cy="10.5" r="6.5" />
+                <path d="m15.5 15.5 5 5M7.5 10.5h6" />
+                {zoomed ? null : <path d="M10.5 7.5v6" />}
+              </svg>
+            </button>
+          ) : null}
           <button
             type="button"
             aria-label={common.close}
@@ -176,18 +213,28 @@ export function ProductReviewImageViewer({
           </button>
         </header>
         <div
-          className={several ? `${styles.stage} ${styles.swipe}` : styles.stage}
+          className={several && !zoomed ? `${styles.stage} ${styles.swipe}` : styles.stage}
           data-review-image-stage
           onTouchStart={startSwipe}
           onTouchEnd={endSwipe}
         >
+          {/* At full size the image scrolls inside the stage; the arrows stay in place. */}
           {current && (
-            <OrionplaceImage
-              key={current.id}
-              src={current.image}
-              alt={photoLabel(active)}
-              className={styles.mainImage}
-            />
+            <div
+              className={zoomed ? styles.zoomed : styles.fitted}
+              data-review-image-zoomed={zoomed || undefined}
+            >
+              <OrionplaceImage
+                key={current.id}
+                src={current.image}
+                alt={photoLabel(active)}
+                className={[
+                  zoomed ? styles.fullImage : styles.mainImage,
+                  wide ? (zoomed ? styles.zoomOut : styles.zoomIn) : '',
+                ].join(' ').trim()}
+                onClick={toggleZoom}
+              />
+            </div>
           )}
           {several && (
             <>
@@ -228,6 +275,11 @@ export function ProductReviewImageViewer({
             </>
           )}
         </div>
+        {caption ? (
+          <p className={styles.caption} data-review-image-caption>
+            {caption}
+          </p>
+        ) : null}
         {several && (
           <ol className={styles.thumbnails}>
             {images.map((photo, position) => (

package/templates/components/orionplace/storefront/StorefrontFooter.tsx

@@ -154,6 +154,9 @@ export function StorefrontFooter({
             <a href={route('/contact')} className={styles.navigationLink}>
               {labels.contact}
             </a>
+            <a href={route('/privacy')} className={styles.navigationLink}>
+              {labels.privacy}
+            </a>
           </nav>
         </div>
         <p className={styles.copyright}>

package/templates/interfaces/orionplace/accounts/IProfileData.ts

@@ -31,6 +31,8 @@ export interface IApiDateTime {
 export interface IProfileData {
   id: number;
   phone: string;
+  /** ISO 3166-1 alpha-2 country of the phone number; null when the number has none. */
+  origin_country: string | null;
   first_name: string;
   last_name: string;
   email: string;

package/templates/interfaces/orionplace/appBase/IApploadUserProfile.ts

@@ -6,6 +6,8 @@ export interface IApploadUserProfile {
 	last_login: string | null;
 	date_joined: string;
 	phone: string;
+	/** ISO 3166-1 alpha-2 country of the phone number; null when the number has none. */
+	origin_country: string | null;
 	password: boolean;
 	dob: string | null;
 	notifications_enabled: boolean;

package/templates/lib/orionplace/blogImageViewer.ts

@@ -0,0 +1,84 @@
+/**
+ * The images of a blog article a reader can open larger: the cover and the
+ * pictures of the article text. Images inside a link, a button or a product
+ * placement keep their own click.
+ */
+export interface IBlogViewerImage {
+  src: string;
+  alt: string;
+  caption: string;
+}
+
+/** The images in the shape the photo viewer takes: one entry per image, numbered in order. */
+export function blogViewerPhotos(images: IBlogViewerImage[]) {
+  return images.map((image, index) => ({ id: index + 1, image: image.src }));
+}
+
+const SKIPPED = 'a, button, [data-product-id], [data-product-ids], [data-blog-image-viewer-skip]';
+
+/** The openable images under the given roots, in reading order. */
+export function blogViewerImages(
+  roots: (ParentNode | null | undefined)[],
+): HTMLImageElement[] {
+  const images: HTMLImageElement[] = [];
+  for (const root of roots) {
+    if (!root || typeof root.querySelectorAll !== 'function') {
+      continue;
+    }
+    const found = isImage(root) ? [root] : [...root.querySelectorAll('img')];
+    for (const image of found) {
+      if (typeof image.closest === 'function' && !image.closest(SKIPPED) && imageSource(image)) {
+        images.push(image);
+      }
+    }
+  }
+  return images;
+}
+
+/** What the viewer shows for one image: its address, text and caption. */
+export function blogViewerImage(image: HTMLImageElement): IBlogViewerImage {
+  const caption = image.closest('figure')?.querySelector('figcaption')?.textContent?.trim() ?? '';
+
+  return {
+    src: imageSource(image),
+    alt: image.alt.trim(),
+    caption: caption || image.title.trim(),
+  };
+}
+
+/**
+ * Makes each image a button for keyboard and screen reader users.
+ * `label` names the action, for example «Open image».
+ */
+export function markBlogViewerImages(images: HTMLImageElement[], label: string) {
+  for (const image of images) {
+    image.dataset.blogImageViewer = '';
+    image.tabIndex = 0;
+    image.setAttribute('role', 'button');
+    const name = image.alt.trim();
+    image.setAttribute('aria-label', name ? `${label}: ${name}` : label);
+  }
+}
+
+/** The position of the clicked or focused image in the list, or -1. */
+export function blogViewerIndex(target: EventTarget | null, images: HTMLImageElement[]) {
+  const image = target && typeof (target as Element).closest === 'function'
+    ? (target as Element).closest('img')
+    : null;
+
+  return image ? images.indexOf(image) : -1;
+}
+
+/** A key that opens the focused image. */
+export function isBlogViewerOpenKey(event: KeyboardEvent) {
+  return event.key === 'Enter' || event.key === ' ';
+}
+
+// No `instanceof HTMLImageElement`: the helper also loads where there is no DOM.
+function isImage(node: ParentNode): node is HTMLImageElement {
+  return (node as Element).tagName === 'IMG';
+}
+
+function imageSource(image: HTMLImageElement) {
+  return image.currentSrc || image.getAttribute('src') || '';
+}

package/templates/lib/orionplace/blogLabels.ts

@@ -40,6 +40,8 @@ const en = {
   articleCount: (count: number) =>
     `${count} ${count === 1 ? 'article' : 'articles'}`,
   noFiltered: 'No articles match the selected filters.',
+  imageOpen: 'Open image',
+  imageViewer: 'Image viewer',
 };
 
 function russianArticleCount(count: number) {
@@ -101,6 +103,8 @@ const ru: typeof en = {
   resetHint: 'Сбросить фильтры статей',
   articleCount: russianArticleCount,
   noFiltered: 'Нет статей по выбранным фильтрам.',
+  imageOpen: 'Открыть изображение',
+  imageViewer: 'Просмотр изображения',
 };
 
 export function blogLabels(locale: string) {

package/templates/lib/orionplace/cartLabels.ts

@@ -17,6 +17,7 @@ const en = {
     'The address is saved, but there is no delivery to this country. Choose another address.',
   payment: 'Payment method',
   choosePayment: 'Choose payment method',
+  noPayment: 'No payment method is available for this order. Available methods depend on the order and on the country of your phone number.',
   recipient: 'Recipient',
   myself: 'Myself',
   myselfHint: 'Myself: I will receive the order',
@@ -143,6 +144,7 @@ const ru: typeof en = {
     'Адрес сохранён, но доставки в эту страну нет. Выберите другой адрес.',
   payment: 'Способ оплаты',
   choosePayment: 'Выберите способ оплаты',
+  noPayment: 'Для этого заказа нет доступных способов оплаты. Они зависят от заказа и от страны вашего номера телефона.',
   recipient: 'Получатель',
   myself: 'Себе',
   myselfHint: 'Себе: получу заказ самостоятельно',

package/templates/lib/orionplace/footerLabels.ts

@@ -7,6 +7,7 @@ export function footerLabels(locale: string) {
         manufacturers: 'Производители',
         sections: 'Покупателям',
         contact: 'Контакты',
+        privacy: 'Политика конфиденциальности',
         home: 'На главную',
         profile: 'Личный кабинет',
         journal: 'Журнал',
@@ -23,6 +24,7 @@ export function footerLabels(locale: string) {
         manufacturers: 'Manufacturers',
         sections: 'Discover',
         contact: 'Contact',
+        privacy: 'Privacy policy',
         home: 'Home',
         profile: 'My account',
         journal: 'Journal',