orionplace-react 0.7.8 → 0.8.0

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

@@ -1,59 +0,0 @@
-.viewer {
-  box-sizing: border-box;
-  width: calc(100vw - 32px);
-  max-width: 960px;
-  height: calc(100dvh - 32px);
-  max-height: none;
-  margin: auto;
-  padding: 0;
-  overflow: hidden;
-  border: 1px solid var(--orionplace-border);
-  background: var(--orionplace-surface);
-  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 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; }
-.stage { position: relative; display: flex; align-items: center; justify-content: center; min-height: 0; padding: 16px; user-select: none; }
-/* Wide side margins from 606px: the viewer is the screen minus the 16px dialog
-   margins and its 1px borders, so 606px is its width on a 640px screen. */
-@container review-image-viewer (min-width: 606px) { .stage { padding-inline: 80px; } }
-.mainImage { display: block; width: 100%; height: 100%; max-height: 100%; object-fit: contain; }
-.arrow { position: absolute; top: 50%; display: grid; place-items: center; width: 44px; height: 44px; transform: translateY(-50%); border: 1px solid var(--orionplace-border); border-radius: 50%; padding: 0; outline: none; background: var(--orionplace-surface); color: inherit; font-size: 28px; cursor: pointer; transition: border-color 150ms, background-color 150ms; }
-.arrow svg { width: 1.25rem; height: 1.25rem; }
-.swipe { touch-action: pan-y; }
-.previous { left: 12px; }
-.next { right: 12px; }
-.arrow:focus-visible { border-color: var(--orionplace-text); background: var(--orionplace-hover); }
-.header button:focus-visible { background: var(--orionplace-hover); }
-@media (hover: hover) {
-  .arrow:hover { border-color: var(--orionplace-text); background: var(--orionplace-hover); }
-  .header button:hover { background: var(--orionplace-hover); }
-}
-@media (prefers-reduced-motion: reduce) {
-  .arrow,
-  .header button { transition: none; }
-}
-.thumbnails { display: flex; gap: 8px; margin: 0; padding: 12px 16px; overflow-x: auto; border-top: 1px solid var(--orionplace-border); list-style: none; }
-.thumbnails li { flex-shrink: 0; }
-.thumbnails button { display: block; width: 56px; height: 56px; padding: 0; overflow: hidden; border: 1px solid var(--orionplace-border); background: var(--orionplace-surface); cursor: pointer; }
-.thumbnails button[aria-current='true'],
-.thumbnails button:focus-visible { border-color: var(--orionplace-text); }
-@media (hover: hover) {
-  .thumbnails button:hover {
-    border-color: var(--orionplace-text);
-  }
-}
-.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

@@ -1,312 +0,0 @@
-'use client';
-
-import { useEffect, useRef, useState } from 'react';
-import type { KeyboardEvent, MouseEvent, TouchEvent } from 'react';
-import type { IProductFeedbackImage } from '@/interfaces/orionplace/products/IProduct';
-import { useOrionplaceSelections } from '@/providers/OrionplaceProvider';
-import { reviewLabels } from '@/lib/orionplace/reviewLabels';
-import { featureLabels } from '@/lib/orionplace/featureLabels';
-import { productPhotoAfterSwipe } from '@/lib/orionplace/productPhotos';
-import {
-  createPageScrollLock,
-  restoreFocus,
-} from '@/lib/orionplace/modalWindow';
-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;
-}
-
-export function ProductReviewImageViewer({
-  images,
-  index = 0,
-  label,
-  alt,
-  captions,
-  wide = false,
-  onChange,
-  onClose,
-}: ProductReviewImageViewerProps) {
-  const localeCode = useOrionplaceSelections((state) => state.localeCode);
-  const labels = reviewLabels(localeCode);
-  const common = featureLabels(localeCode);
-  const dialog = useRef<HTMLDialogElement>(null);
-  const swipeStart = useRef<{ x: number; y: number } | undefined>(undefined);
-  const [mounted, setMounted] = useState(false);
-  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);
-  }, []);
-
-  useEffect(() => {
-    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) {
-      return;
-    }
-    const pageScroll = createPageScrollLock();
-    const opener     =
-      document.activeElement instanceof HTMLElement
-        ? document.activeElement
-        : undefined;
-    pageScroll.lock();
-    element.showModal();
-    return () => {
-      element.close();
-      pageScroll.unlock();
-      restoreFocus(opener);
-    };
-  }, [mounted]);
-
-  function select(position: number) {
-    const photo = images[position];
-    if (!photo || position === active) {
-      return;
-    }
-    setActive(position);
-    onChange?.({ id: photo.id, index: position });
-  }
-
-  function show(step: number) {
-    if (images.length > 0) {
-      select((active + step + images.length) % images.length);
-    }
-  }
-
-  function photoLabel(position: number) {
-    return `${alt || labels.image} ${position + 1}`;
-  }
-
-  // A sideways swipe steps to the next or previous photo, as on the page.
-  function startSwipe(event: TouchEvent<HTMLDivElement>) {
-    const touch = event.touches[0];
-    swipeStart.current =
-      touch && event.touches.length === 1
-        ? { x: touch.clientX, y: touch.clientY }
-        : undefined;
-  }
-
-  function endSwipe(event: TouchEvent<HTMLDivElement>) {
-    const touch = event.changedTouches[0];
-    const start = swipeStart.current;
-    swipeStart.current = undefined;
-    if (!start || !touch || !several || zoomed) {
-      return;
-    }
-    select(
-      productPhotoAfterSwipe(
-        active,
-        images.length,
-        touch.clientX - start.x,
-        touch.clientY - start.y,
-      ),
-    );
-  }
-
-  function onKeyDown(event: KeyboardEvent<HTMLDialogElement>) {
-    if (!several) {
-      return;
-    }
-    const actions: Record<string, () => void> = {
-      ArrowLeft: () => show(-1),
-      ArrowRight: () => show(1),
-      Home: () => select(0),
-      End: () => select(images.length - 1),
-    };
-    const target = actions[event.key];
-    if (target) {
-      event.preventDefault();
-      target();
-    }
-  }
-
-  function onDialogClick(event: MouseEvent<HTMLDialogElement>) {
-    const bounds = dialog.current?.getBoundingClientRect();
-    if (
-      event.target === dialog.current && bounds &&
-      (event.clientX < bounds.left || event.clientX > bounds.right ||
-        event.clientY < bounds.top || event.clientY > bounds.bottom)
-    ) {
-      onClose?.();
-    }
-  }
-
-  if (!mounted) {
-    return null;
-  }
-
-  return (
-    <dialog
-      data-stable-modal="fixed"
-      ref={dialog}
-      className={wide ? `${styles.viewer} ${styles.wide}` : styles.viewer}
-      aria-label={label || labels.photoViewer}
-      data-feature-part="ProductReviewImageViewer"
-      data-review-image-viewer
-      onCancel={(event) => {
-        event.preventDefault();
-        onClose?.();
-      }}
-      onClick={onDialogClick}
-      onKeyDown={onKeyDown}
-    >
-      <div className={styles.content}>
-        <header className={styles.header}>
-          <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}
-            data-review-image-close
-            onClick={() => onClose?.()}
-          >
-            <span aria-hidden="true">×</span>
-          </button>
-        </header>
-        <div
-          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 && (
-            <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 && (
-            <>
-              <button
-                type="button"
-                className={`${styles.arrow} ${styles.previous}`}
-                aria-label={labels.previousImage}
-                data-review-image-previous
-                onClick={() => show(-1)}
-              >
-                <svg
-                  viewBox="0 0 24 24"
-                  fill="none"
-                  stroke="currentColor"
-                  strokeWidth="1.5"
-                  aria-hidden="true"
-                >
-                  <path d="m15 5-7 7 7 7" />
-                </svg>
-              </button>
-              <button
-                type="button"
-                className={`${styles.arrow} ${styles.next}`}
-                aria-label={labels.nextImage}
-                data-review-image-next
-                onClick={() => show(1)}
-              >
-                <svg
-                  viewBox="0 0 24 24"
-                  fill="none"
-                  stroke="currentColor"
-                  strokeWidth="1.5"
-                  aria-hidden="true"
-                >
-                  <path d="m9 5 7 7-7 7" />
-                </svg>
-              </button>
-            </>
-          )}
-        </div>
-        {caption ? (
-          <p className={styles.caption} data-review-image-caption>
-            {caption}
-          </p>
-        ) : null}
-        {several && (
-          <ol className={styles.thumbnails}>
-            {images.map((photo, position) => (
-              <li key={photo.id}>
-                <button
-                  type="button"
-                  aria-label={photoLabel(position)}
-                  aria-current={position === active || undefined}
-                  data-review-image-thumbnail={position}
-                  onClick={() => select(position)}
-                >
-                  <OrionplaceImage
-                    src={photo.image}
-                    alt=""
-                    loading="lazy"
-                  />
-                </button>
-              </li>
-            ))}
-          </ol>
-        )}
-      </div>
-    </dialog>
-  );
-}
-
-function validIndex(index: number, length: number) {
-  const position = Math.trunc(index);
-  return position >= 0 && position < length ? position : 0;
-}

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

@@ -1,137 +0,0 @@
-# ProductReviews
-
-## English
-
-`ProductReviews` presents reviews for a product, for a seller's products or for
-the signed-in customer's activity page. The host passes the current review
-page, parent reply chain, pagination, rating totals and request state. On mount,
-filter, sort, tab and page changes, `onLoad` receives both the required endpoint
-name and its `IProductFeedbackListRequest`. Product scope takes priority over
-seller scope.
-
-For a product or seller with rating totals, the component shows the average and
-rating distribution. Selecting an active rating again clears that filter.
-Photo-only, newest, highest and lowest controls request a fresh first page. The
-photo tab renders `ProductReviewGallery`; selecting a thumbnail reports a
-one-review request through `onPhotoReviewLoad`.
-
-Review actions report their exact targets. `onReaction` receives the feedback
-ID and helpful or unhelpful value. `onOpenReplies` receives the parent review
-and the load action for its replies (public list, current ordering, no rating
-or photo filters, since replies have no rating of their own); the host then
-supplies the refreshed counters, parent chain and reply page. The Replies
-button shows `total_c_approved_direct_replies`: the approved direct replies in
-this store group, the same list that opens. `total_c_approved_replies` counts
-the whole discussion of a root review and is shown only when an older backend
-omits the new field. Only reviews left in this storefront's store group are
-listed. `onBack` receives
-the load action for the level above; at the top level it returns to the
-starting tab with the current filters.
-`onEdit` must return the confirmed preload response before the edit form opens.
-`onSubmit` receives the form values plus the product, edit or reply context and
-may return `false` to keep the form open. After a save the component switches
-to Mine and requests that list through `onLoad`, as the saved review waits for
-moderation there. `useOrionplaceReviews` runs one review request at a time, so a
-second click on a reaction is ignored until the first one is answered, and shows
-a failed preload, save or reaction in `error`. A failed save whose errors all
-belong to the form's stars or text (`rating`, `text`) is shown only under those
-fields, through `ratingError` and `textError`; `error` stays hidden while that
-form is open. Guest write, reply and reaction actions call `onSignInRequired`.
-
-### Props
-
-| Prop                                                                                                                                         | Meaning                                                                                                   |
-| -------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------- |
-| `productId?: number`                                                                                                                         | ID of the product handled by ProductReviews.                                                              |
-| `sellerId?: number`                                                                                                                          | ID of the seller handled by ProductReviews.                                                               |
-| `own?: boolean`                                                                                                                              | Shows the signed-in customer’s records instead of the public list.                                        |
-| `reviews?: readonly IProductReview[]`                                                                                                        | Reviews rendered by the component or passed to the account section.                                       |
-| `parents?: readonly IProductReview[]`                                                                                                        | Reviews that own the currently displayed replies.                                                         |
-| `pagination?: Partial<IApiPagination>`                                                                                                       | Current API pagination values.                                                                            |
-| `stats?: Readonly<Record<string, number>>`                                                                                                   | Review totals and rating statistics returned for the current scope; reviews without a rating (0) and replies are not counted. |
-| `loaded?: boolean`                                                                                                                           | Distinguishes a confirmed empty result from data that has not loaded yet.                                 |
-| `pending?: boolean`                                                                                                                          | Shows the loading state and blocks duplicate actions.                                                     |
-| `error?: string`                                                                                                                             | Customer-visible error for the component request; omit it when no request failed.                         |
-| `galleryImages?: readonly IProductReviewImage[]`                                                                                             | Review photos returned for the current gallery page.                                                      |
-| `galleryPagination?: Partial<IApiPagination>`                                                                                                | Current pagination values for the review-photo gallery.                                                   |
-| `galleryLoaded?: boolean`                                                                                                                    | Distinguishes a confirmed empty photo gallery from one that has not loaded.                               |
-| `galleryPending?: boolean`                                                                                                                   | Shows that the gallery request is running and blocks duplicate actions.                                   |
-| `galleryError?: string`                                                                                                                      | Customer-visible error from the gallery request.                                                          |
-| `onLoad?: (action: ProductReviewsLoadAction) => void`                                                                                        | Called when the component needs its primary data. The callback payload is shown in its type.              |
-| `onGalleryLoad?: (request: IProductFeedbackImagesRequest) => void`                                                                           | Called when the review gallery needs another photo page. The callback payload is shown in its type.       |
-| `onPhotoReviewLoad?: (action: ProductReviewsLoadAction) => void`                                                                             | Called when a review owning a selected photo must be loaded. The callback payload is shown in its type.   |
-| `onSignInRequired?: () => void`                                                                                                              | Called when the requested action requires sign-in. The callback has no payload.                           |
-| `onOpenReplies?: (review: IProductReview, action: ProductReviewsLoadAction) => void`                                                         | Called when the visitor opens replies for a review or comment; `action` loads the reply page.             |
-| `onBack?: (action: ProductReviewsLoadAction) => void`                                                                                        | Called when the visitor chooses Back; `action` loads the level above.                                     |
-| `onEdit?: (review: IProductReview) => Promise<IProductFeedbackPreloadResponse["page_data"]> \| IProductFeedbackPreloadResponse["page_data"]` | Called when the visitor starts editing the current record. The callback payload is shown in its type.     |
-| `onSubmit?: (value: ProductReviewFormValue, context: ProductReviewsSubmitContext) => Promise<boolean \| void> \| boolean \| void`            | Called when the visitor submits the confirmed form values. The callback payload is shown in its type.     |
-| `onReaction?: (request: IProductFeedbackReactionRequest, review: IProductReview) => void`                                                    | Called when the visitor changes a review reaction. The callback payload is shown in its type.             |
-
-## Русский
-
-`ProductReviews` показывает отзывы об одном товаре, о товарах продавца или
-отзывы вошедшего покупателя в разделе активности. Родитель передаёт текущую
-страницу отзывов, цепочку родительских ответов, пагинацию, количества оценок и
-состояние запроса. После монтирования, при изменении фильтра, сортировки,
-вкладки или страницы `onLoad` получает имя нужного метода и точный
-`IProductFeedbackListRequest`. Если переданы и товар, и продавец, используется
-товар.
-
-При наличии статистики товара или продавца компонент показывает среднюю оценку
-и распределение оценок. Повторный выбор активной оценки снимает этот фильтр.
-Фильтр фотографий и варианты сортировки запрашивают новую первую страницу.
-Вкладка фотографий выводит `ProductReviewGallery`; выбор миниатюры передаёт в
-`onPhotoReviewLoad` запрос одного полного отзыва.
-
-Каждое действие передаёт точную цель. `onReaction` получает ID отзыва и выбор
-«полезно» или «бесполезно». `onOpenReplies` получает родительский отзыв и
-запрос его ответов (публичный список, текущая сортировка, без фильтров оценки и
-фотографий, так как у ответов нет своей оценки), после чего родитель передаёт
-обновлённые счётчики, цепочку и страницу ответов. Кнопка «Ответы» показывает
-`total_c_approved_direct_replies` — одобренные прямые ответы в этой группе
-магазинов, то есть тот же список, который открывается.
-`total_c_approved_replies` считает всё обсуждение корневого отзыва и
-показывается, только если старый бэкенд не присылает новое поле. В списке только
-отзывы, оставленные в группе магазинов этой витрины. `onBack` получает запрос
-уровня выше; на верхнем уровне он возвращает исходную вкладку с текущими
-фильтрами.
-`onEdit` должен вернуть подтверждённый ответ предварительной загрузки, и только
-после этого откроется форма изменения. `onSubmit` получает значения формы и
-контекст товара, изменения или ответа; значение `false` оставляет форму
-открытой. После сохранения компонент переключается на «Мои» и запрашивает этот
-список через `onLoad`: сохранённый отзыв ждёт там проверки. `useOrionplaceReviews`
-выполняет один запрос отзывов за раз, поэтому повторный клик по реакции
-игнорируется до ответа на первый, а ошибка предварительной загрузки, сохранения
-или реакции показывается в `error`. Неудачное сохранение, все ошибки которого
-относятся к звёздам или тексту формы (`rating`, `text`), показывается только под
-этими полями через `ratingError` и `textError`; пока форма открыта, `error`
-скрыт. Для гостя написание отзыва, ответ и реакция вызывают `onSignInRequired`.
-
-### Свойства
-
-| Свойство                                                                                                                                     | Назначение                                                                                                     |
-| -------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------- |
-| `productId?: number`                                                                                                                         | ID товара, с которым работает ProductReviews.                                                                  |
-| `sellerId?: number`                                                                                                                          | ID продавца, с которым работает ProductReviews.                                                                |
-| `own?: boolean`                                                                                                                              | Показывает записи вошедшего покупателя вместо общего списка.                                                   |
-| `reviews?: readonly IProductReview[]`                                                                                                        | Отзывы компонента или блока аккаунта.                                                                          |
-| `parents?: readonly IProductReview[]`                                                                                                        | Отзывы, которым принадлежат показанные ответы.                                                                 |
-| `pagination?: Partial<IApiPagination>`                                                                                                       | Текущие данные пагинации API.                                                                                  |
-| `stats?: Readonly<Record<string, number>>`                                                                                                   | Количество отзывов и статистика рейтинга для текущего набора; отзывы без оценки (0) и ответы не учитываются. |
-| `loaded?: boolean`                                                                                                                           | Отличает подтверждённый пустой результат от ещё не загруженных данных.                                         |
-| `pending?: boolean`                                                                                                                          | Показывает загрузку и блокирует повторные действия.                                                            |
-| `error?: string`                                                                                                                             | Ошибка запроса для покупателя; не передавайте её, если запрос не завершился ошибкой.                           |
-| `galleryImages?: readonly IProductReviewImage[]`                                                                                             | Фотографии отзывов на текущей странице галереи.                                                                |
-| `galleryPagination?: Partial<IApiPagination>`                                                                                                | Текущая пагинация галереи фотографий отзывов.                                                                  |
-| `galleryLoaded?: boolean`                                                                                                                    | Отличает подтверждённую пустую галерею от ещё не загруженной.                                                  |
-| `galleryPending?: boolean`                                                                                                                   | Показывает выполнение запроса галереи и блокирует повторные действия.                                          |
-| `galleryError?: string`                                                                                                                      | Ошибка запроса галереи, которую видит покупатель.                                                              |
-| `onLoad?: (action: ProductReviewsLoadAction) => void`                                                                                        | Вызывается, когда компоненту нужны основные данные. Данные обработчика указаны в его типе.                     |
-| `onGalleryLoad?: (request: IProductFeedbackImagesRequest) => void`                                                                           | Вызывается, когда галерее отзывов нужна другая страница фотографий. Данные обработчика указаны в его типе.     |
-| `onPhotoReviewLoad?: (action: ProductReviewsLoadAction) => void`                                                                             | Вызывается, когда нужно загрузить отзыв выбранной фотографии. Данные обработчика указаны в его типе.           |
-| `onSignInRequired?: () => void`                                                                                                              | Вызывается, когда для запрошенного действия нужен вход. Обработчик не получает данные.                         |
-| `onOpenReplies?: (review: IProductReview, action: ProductReviewsLoadAction) => void`                                                         | Вызывается, когда покупатель открывает ответы на отзыв или комментарий; `action` загружает страницу ответов.   |
-| `onBack?: (action: ProductReviewsLoadAction) => void`                                                                                        | Вызывается, когда покупатель выбирает «Назад»; `action` загружает уровень выше.                                |
-| `onEdit?: (review: IProductReview) => Promise<IProductFeedbackPreloadResponse["page_data"]> \| IProductFeedbackPreloadResponse["page_data"]` | Вызывается, когда покупатель начинает редактировать текущую запись. Данные обработчика указаны в его типе.     |
-| `onSubmit?: (value: ProductReviewFormValue, context: ProductReviewsSubmitContext) => Promise<boolean \| void> \| boolean \| void`            | Вызывается, когда покупатель отправляет подтверждённые значения формы. Данные обработчика указаны в его типе.  |
-| `onReaction?: (request: IProductFeedbackReactionRequest, review: IProductReview) => void`                                                    | Вызывается, когда покупатель меняет реакцию на отзыв. Данные обработчика указаны в его типе.                   |