orionplace-react 0.7.7 → 0.8.0

package/templates/lib/orionplace/productGallery.ts

@@ -1,64 +0,0 @@
-export interface ProductThumbnailRailMetrics {
-  position: number;
-  size: number;
-  viewport: number;
-}
-
-export interface ProductThumbnailRailEdges {
-  back: boolean;
-  forward: boolean;
-}
-
-const edgeTolerance = 1;
-
-export function productThumbnailRailEdges(
-  metrics: ProductThumbnailRailMetrics,
-): ProductThumbnailRailEdges {
-  const end = metrics.position + metrics.viewport;
-
-  return {
-    back: metrics.position > edgeTolerance,
-    forward: end < metrics.size - edgeTolerance,
-  };
-}
-
-export function productThumbnailScrollTarget(
-  thumbnail: { start: number; length: number },
-  metrics: ProductThumbnailRailMetrics,
-  inset: number,
-): number | undefined {
-  const visibleStart = metrics.position + inset;
-  const visibleEnd = metrics.position + metrics.viewport - inset;
-  const end = thumbnail.start + thumbnail.length;
-  const last = Math.max(0, metrics.size - metrics.viewport);
-  let target: number | undefined;
-
-  if (thumbnail.start < visibleStart) {
-    target = Math.max(0, thumbnail.start - inset);
-  } else if (end > visibleEnd) {
-    target = Math.min(last, end - metrics.viewport + inset);
-  }
-
-  return target === metrics.position ? undefined : target;
-}
-
-export function productThumbnailKeyTarget(
-  key: string,
-  index: number,
-  count: number,
-): number | undefined {
-  if (key === 'ArrowUp' || key === 'ArrowLeft') {
-    return Math.max(0, index - 1);
-  }
-  if (key === 'ArrowDown' || key === 'ArrowRight') {
-    return Math.min(count - 1, index + 1);
-  }
-  if (key === 'Home') {
-    return 0;
-  }
-  if (key === 'End') {
-    return count - 1;
-  }
-
-  return undefined;
-}

package/templates/lib/orionplace/productLabels.ts

@@ -1,119 +0,0 @@
-import { getAvailableValueFromObject } from '@/lib/orionplace/presentation';
-
-const labels = {
-  en: {
-    addFavorite: 'Add to wishlist',
-    removeFavorite: 'Remove from wishlist',
-    saveFavorite: 'Save',
-    unsaveFavorite: 'Remove',
-    add: 'Add',
-    addHint: 'Add to cart',
-    increase: 'Increase quantity',
-    decrease: 'Decrease quantity',
-    remove: 'Remove from cart',
-    quantity: 'Quantity',
-    subscribe: 'Notify',
-    subscribeHint: 'Notify when available',
-    unsubscribe: 'Unsubscribe',
-    unsubscribeHint: 'Unsubscribe from availability notifications',
-    preorder: 'Preorder',
-    unavailable: 'Unavailable',
-    lowStock: 'Low stock',
-    badgeNew: 'New',
-    badgePopular: 'Popular',
-    badgeDeal: 'Offer',
-    badgeLowStock: 'Low stock',
-    reviews: ['review', 'reviews'],
-    variants: 'Variants',
-    secondary: 'Additional variants',
-    chooseVariant: 'Choose a variant',
-    closeVariants: 'Close variant selection',
-    loadingVariants: 'Loading available options…',
-    variantsFailed: 'Could not load the options. Try again.',
-    variantsUnavailable: 'Secondary variant lookup is unavailable.',
-    variantsEmpty: 'No secondary options are available for this choice.',
-    retryVariants: 'Retry',
-    variantLoading: 'Loading the selected variant…',
-    variantFailed: 'Could not load this variant. Select it again to retry.',
-    previewUnpublished: 'Preview: this product is not published.',
-    previewOption: 'Preview: this product is published only as an option.',
-  },
-  ru: {
-    addFavorite: 'Добавить в избранное',
-    removeFavorite: 'Убрать из избранного',
-    saveFavorite: 'Сохранить',
-    unsaveFavorite: 'Убрать',
-    add: 'Добавить',
-    addHint: 'Добавить в корзину',
-    increase: 'Увеличить количество',
-    decrease: 'Уменьшить количество',
-    remove: 'Убрать из корзины',
-    quantity: 'Количество',
-    subscribe: 'Уведомить',
-    subscribeHint: 'Уведомить о поступлении',
-    unsubscribe: 'Отписаться',
-    unsubscribeHint: 'Отписаться от уведомлений о наличии',
-    preorder: 'Предзаказ',
-    unavailable: 'Недоступно',
-    lowStock: 'Товар заканчивается',
-    badgeNew: 'Новинка',
-    badgePopular: 'Хит',
-    badgeDeal: 'Выгодно',
-    badgeLowStock: 'Заканчивается',
-    reviews: ['отзыв', 'отзыва', 'отзывов'],
-    variants: 'Варианты',
-    secondary: 'Дополнительные варианты',
-    chooseVariant: 'Выберите вариант',
-    closeVariants: 'Закрыть выбор варианта',
-    loadingVariants: 'Загрузка доступных значений…',
-    variantsFailed: 'Не удалось загрузить значения. Попробуйте ещё раз.',
-    variantsUnavailable: 'Загрузка дополнительных вариантов недоступна.',
-    variantsEmpty: 'Для этого значения нет доступных дополнительных вариантов.',
-    retryVariants: 'Повторить',
-    variantLoading: 'Загрузка выбранного варианта…',
-    variantFailed: 'Не удалось загрузить вариант. Выберите его ещё раз.',
-    previewUnpublished: 'Предпросмотр: товар не опубликован.',
-    previewOption: 'Предпросмотр: товар опубликован только как вариант.',
-  },
-  es: {
-    addFavorite: 'Añadir a favoritos',
-    removeFavorite: 'Quitar de favoritos',
-    saveFavorite: 'Guardar',
-    unsaveFavorite: 'Quitar',
-    add: 'Añadir',
-    addHint: 'Añadir al carrito',
-    increase: 'Aumentar cantidad',
-    decrease: 'Reducir cantidad',
-    remove: 'Quitar del carrito',
-    quantity: 'Cantidad',
-    subscribe: 'Avisarme',
-    subscribeHint: 'Avisarme cuando esté disponible',
-    unsubscribe: 'Cancelar aviso',
-    unsubscribeHint: 'Cancelar los avisos de disponibilidad',
-    preorder: 'Reservar',
-    unavailable: 'No disponible',
-    lowStock: 'Pocas unidades',
-    badgeNew: 'Nuevo',
-    badgePopular: 'Popular',
-    badgeDeal: 'Oferta',
-    badgeLowStock: 'Pocas unidades',
-    reviews: ['reseña', 'reseñas'],
-    variants: 'Variantes',
-    secondary: 'Variantes adicionales',
-    chooseVariant: 'Elige una variante',
-    closeVariants: 'Cerrar la selección de variante',
-    loadingVariants: 'Cargando las opciones disponibles…',
-    variantsFailed: 'No se han podido cargar las opciones. Inténtalo de nuevo.',
-    variantsUnavailable: 'La búsqueda de variantes secundarias no está disponible.',
-    variantsEmpty: 'No hay opciones secundarias para esta elección.',
-    retryVariants: 'Reintentar',
-    variantLoading: 'Cargando la variante seleccionada…',
-    variantFailed: 'No se ha podido cargar esta variante. Vuelve a seleccionarla para reintentar.',
-    previewUnpublished: 'Vista previa: este producto no está publicado.',
-    previewOption: 'Vista previa: este producto solo está publicado como opción.',
-  },
-};
-
-export function productLabels(locale: string) {
-  return getAvailableValueFromObject(labels, locale) ?? labels.en;
-}

package/templates/lib/orionplace/productListLocation.ts

@@ -1,130 +0,0 @@
-import type { ProductFacetSelection } from '@/interfaces/orionplace/products/IProductSearchFacets';
-
-// Where a product list is: its result page and the chosen filters. Category,
-// search, seller and featured lists keep it in the URL as `?page&filters`, so
-// a reload and the browser's Back button from a product return to the same
-// list. `filters` is the filter selection as JSON; the address is visitor
-// input, so only plain filter values within the limits below are read.
-export interface ProductListLocation {
-  page: number;
-  filters: ProductFacetSelection;
-}
-
-type QueryValue = string | null | undefined | readonly (string | null)[];
-
-const locationKeys    = ['page', 'filters'];
-const maxPage         = 10000;
-const maxFiltersText  = 4000;
-const maxFilterKeys   = 40;
-const maxFilterIds    = 200;
-const maxFilterString = 100;
-const filterKey       = /^[a-z][a-z0-9_]{0,63}$/;
-
-function first(value: QueryValue) {
-  return Array.isArray(value) ? value[0] : (value as string | null | undefined);
-}
-
-function filterValue(value: unknown): ProductFacetSelection[string] {
-  if (Array.isArray(value)) {
-    const ids = value.filter(
-      (id): id is number => Number.isSafeInteger(id) && id >= 0,
-    );
-
-    return ids.length === value.length && ids.length && ids.length <= maxFilterIds
-      ? ids
-      : undefined;
-  }
-  if (typeof value === 'string') {
-    return value && value.length <= maxFilterString ? value : undefined;
-  }
-  if (typeof value === 'number') {
-    return Number.isFinite(value) ? value : undefined;
-  }
-
-  // `false` chooses nothing, as an empty list or text.
-  return value === true ? true : undefined;
-}
-
-export function productListFiltersFromText(
-  text: string | null | undefined,
-): ProductFacetSelection {
-  if (!text || text.length > maxFiltersText) {
-    return {};
-  }
-  let parsed: unknown;
-  try {
-    parsed = JSON.parse(text);
-  } catch {
-    return {};
-  }
-  if (!parsed || typeof parsed !== 'object' || Array.isArray(parsed)) {
-    return {};
-  }
-  const result: ProductFacetSelection = {};
-  for (const [key, value] of Object.entries(parsed).slice(0, maxFilterKeys)) {
-    const checked = filterKey.test(key) ? filterValue(value) : undefined;
-    if (checked !== undefined) {
-      result[key] = checked;
-    }
-  }
-
-  return result;
-}
-
-// The filters as URL text, or undefined when nothing is chosen.
-// Keys are sorted, so the same choice always gives the same text.
-export function productListFiltersText(filters: ProductFacetSelection) {
-  const chosen = productListFiltersFromText(JSON.stringify(filters));
-  const keys   = Object.keys(chosen).sort();
-
-  return keys.length
-    ? JSON.stringify(Object.fromEntries(keys.map((key) => [key, chosen[key]])))
-    : undefined;
-}
-
-export function productListLocationFromQuery(
-  query: Record<string, QueryValue>,
-): ProductListLocation {
-  const page = Number(first(query.page));
-
-  return {
-    page: Number.isSafeInteger(page) && page > 0 && page <= maxPage ? page : 1,
-    filters: productListFiltersFromText(first(query.filters)),
-  };
-}
-
-// Compares the URL form, so the same choice in another key order is equal.
-export function sameProductListLocation(
-  left: ProductListLocation,
-  right: ProductListLocation,
-) {
-  return (
-    left.page === right.page &&
-    productListFiltersText(left.filters) === productListFiltersText(right.filters)
-  );
-}
-
-// The query of `next`: other parameters such as `locale` or `q` stay, and the
-// first page without filters adds nothing.
-export function productListLocationQuery(
-  query: Record<string, QueryValue>,
-  next: ProductListLocation,
-) {
-  const result: Record<string, string> = {};
-
-  for (const [key, value] of Object.entries(query)) {
-    const text = first(value);
-    if (typeof text === 'string' && !locationKeys.includes(key)) {
-      result[key] = text;
-    }
-  }
-  if (next.page > 1) {
-    result.page = String(next.page);
-  }
-  const filters = productListFiltersText(next.filters);
-  if (filters) {
-    result.filters = filters;
-  }
-
-  return result;
-}

package/templates/lib/orionplace/productPage.ts

@@ -1,308 +0,0 @@
-import type { IAppLoadCommonUnit } from '@/interfaces/orionplace/appBase/appLoadCommon/IAppLoadCommonUnit';
-import type {
-  IProduct,
-  IProductAttribute,
-  IProductAttributeName,
-} from '@/interfaces/orionplace/products/IProduct';
-import type {
-  IProductSpecificationGroup,
-  IProductSpecificationRow,
-} from '@/interfaces/orionplace/products/IProductSpecification';
-import type { ITransformValue } from '@/interfaces/orionplace/shared/ITransformValue';
-import {
-  getAvailableNestedValueFromObject,
-  getAvailableValueFromObject,
-} from '@/lib/orionplace/presentation';
-import type { OrionplaceApi } from '@/lib/orionplace/api';
-import { productWithSellerPermission } from '@/lib/orionplace/productSeller';
-import type { IProductSearchResponse } from '@/interfaces/orionplace/products/IProductSearchApi';
-
-export interface ProductPageLabels {
-  manufacturer: string;
-  weight: string;
-  dimensions: string;
-  type: string;
-  digital: string;
-  returnRegular: string;
-  returnDefect: string;
-  within: string;
-  days: string[];
-}
-
-export interface ProductPageManufacturer {
-  id: number;
-  name: string;
-  logo: string;
-  to: {
-    path: string;
-    query: Record<string, string | number>;
-  };
-}
-
-export interface ProductPageReturn {
-  key: 'regular' | 'defect';
-  label: string;
-  days: number;
-  value: string;
-}
-
-export async function requestProductPage(
-  api: OrionplaceApi,
-  productId: number,
-  previewKey = '',
-  signal?: AbortSignal,
-) {
-  const data = await api.request<
-    NonNullable<IProductSearchResponse['page_data']>
-  >(
-    previewKey ? 'products_preview' : 'products_search',
-    {
-      filters: previewKey
-        ? { id: productId, view_key: previewKey }
-        : { id: productId },
-      paginate: { page: 1, pp_items: 1 },
-    },
-    signal,
-  );
-  if (!data.products) {
-    throw new Error('Missing product list');
-  }
-  const product = data.products.data.find((item) => item.id === productId);
-  return product
-    ? productWithSellerPermission(product, data.selects?.sellers)
-    : undefined;
-}
-
-export function productPagePhotos(product: IProduct | undefined): string[] {
-  const images = product?.images;
-
-  return images?.full?.length ? images.full : (images?.small ?? []);
-}
-
-export function productPageManufacturer(
-  product: IProduct | undefined,
-  locale: string,
-): ProductPageManufacturer | undefined {
-  const manufacturer = product?.manufacture;
-  const name = manufacturer?.name?.trim();
-
-  if (!manufacturer || !name) {
-    return undefined;
-  }
-
-  return {
-    id: manufacturer.id,
-    name,
-    logo: manufacturer.small_image || manufacturer.image || '',
-    to: {
-      path: '/manufacturers',
-      query: { locale, manufacturer: manufacturer.id },
-    },
-  };
-}
-
-export function productPageReviewStat(product: IProduct | undefined) {
-  const count = Number(product?.feedback_stat?.c_feedbacks ?? 0);
-  const average = Number(product?.feedback_stat?.avg_raiting ?? 0);
-
-  if (!count || !Number.isFinite(average)) {
-    return undefined;
-  }
-
-  return { count, average: Math.round(average * 10) / 10 };
-}
-
-function pluralWord(count: number, forms: string[], locale: string) {
-  let rule: Intl.LDMLPluralRule;
-
-  try {
-    rule = new Intl.PluralRules(locale).select(count);
-  } catch {
-    rule = new Intl.PluralRules('en').select(count);
-  }
-
-  if (rule === 'one') {
-    return forms[0] ?? '';
-  }
-  if (rule === 'few' && forms.length > 2) {
-    return forms[1] ?? '';
-  }
-
-  return forms.at(-1) ?? '';
-}
-
-export function productPageReturns(
-  product: IProduct | undefined,
-  locale: string,
-  labels: ProductPageLabels,
-): ProductPageReturn[] {
-  const refunds = product?.refunds;
-
-  if (!refunds || product?.is_digital) {
-    return [];
-  }
-
-  return [
-    {
-      key: 'regular' as const,
-      label: labels.returnRegular,
-      days: refunds.customer_max_refund_days,
-    },
-    {
-      key: 'defect' as const,
-      label: labels.returnDefect,
-      days: refunds.max_refund_days_with_defect,
-    },
-  ]
-    .filter((entry) => entry.days > 0)
-    .map((entry) => ({
-      ...entry,
-      value: `${labels.within} ${entry.days} ${pluralWord(
-        entry.days,
-        labels.days,
-        locale,
-      )}`,
-    }));
-}
-
-function formatNumber(value: number, locale: string) {
-  try {
-    return new Intl.NumberFormat(locale, {
-      maximumFractionDigits: 2,
-    }).format(value);
-  } catch {
-    return String(value);
-  }
-}
-
-function measurement(
-  values: Record<string, ITransformValue> | undefined,
-  units: Record<string, IAppLoadCommonUnit>,
-  selectedId: string,
-  locale: string,
-) {
-  const unitId = values?.[selectedId]
-    ? selectedId
-    : Object.keys(values ?? {})[0];
-  const amount = unitId ? values?.[unitId]?.transform_value : undefined;
-
-  if (!unitId || !amount || amount <= 0) {
-    return undefined;
-  }
-
-  const unit = units[unitId];
-  const label =
-    getAvailableNestedValueFromObject(unit?.locales, locale, 'unit') ||
-    unit?.unit ||
-    '';
-
-  return { amount: formatNumber(amount, locale), unit: label };
-}
-
-function attributeList(value: IProduct['attributes']): IProductAttribute[] {
-  if (!value) {
-    return [];
-  }
-
-  return Array.isArray(value) ? value : Object.values(value);
-}
-
-function attributeRow(
-  name: IProductAttributeName,
-  locale: string,
-): IProductSpecificationRow | undefined {
-  const localized = getAvailableValueFromObject(name.locale, locale, false);
-  const values =
-    localized && Object.keys(localized).length
-      ? localized
-      : Object.values(name.locale ?? {}).find(
-          (entry) => entry && Object.keys(entry).length,
-        );
-  const entry = values ? Object.entries(values)[0] : undefined;
-
-  return entry
-    ? { key: `name-${name.id}`, label: entry[0], value: entry[1] }
-    : undefined;
-}
-
-export function productPageSpecifications({
-  product,
-  locale,
-  weights,
-  lengths,
-  weightId,
-  lengthId,
-  labels,
-}: {
-  product: IProduct | undefined;
-  locale: string;
-  weights: Record<string, IAppLoadCommonUnit>;
-  lengths: Record<string, IAppLoadCommonUnit>;
-  weightId: string;
-  lengthId: string;
-  labels: ProductPageLabels;
-}): IProductSpecificationGroup[] {
-  if (!product) {
-    return [];
-  }
-
-  const general: IProductSpecificationRow[] = [];
-  const manufacturer = productPageManufacturer(product, locale);
-  if (manufacturer) {
-    general.push({
-      key: 'manufacturer',
-      label: labels.manufacturer,
-      value: manufacturer.name,
-      to: manufacturer.to,
-    });
-  }
-
-  const weight = measurement(product.weight_dict, weights, weightId, locale);
-  const dimensions = [
-    product.length_dict?.length,
-    product.length_dict?.width,
-    product.length_dict?.height,
-  ].map((value) => measurement(value, lengths, lengthId, locale));
-
-  if (weight) {
-    general.push({
-      key: 'weight',
-      label: labels.weight,
-      value: `${weight.amount} ${weight.unit}`,
-    });
-  }
-  if (dimensions.every(Boolean)) {
-    const unit = dimensions[0]!.unit;
-    const amounts = dimensions.map((value) => value!.amount).join(' × ');
-    general.push({
-      key: 'dimensions',
-      label: labels.dimensions,
-      value: `${amounts} ${unit}`,
-    });
-  }
-  if (product.is_digital) {
-    general.push({
-      key: 'type',
-      label: labels.type,
-      value: labels.digital,
-    });
-  }
-
-  const groups: IProductSpecificationGroup[] = general.length
-    ? [{ key: 'general', title: '', rows: general }]
-    : [];
-  for (const attribute of attributeList(product.attributes)) {
-    const rows = attribute.names
-      .map((name) => attributeRow(name, locale))
-      .filter((row): row is IProductSpecificationRow => Boolean(row));
-    if (rows.length) {
-      groups.push({
-        key: `attribute-${attribute.id}`,
-        title: getAvailableValueFromObject(attribute.locales, locale) ?? '',
-        rows,
-      });
-    }
-  }
-
-  return groups;
-}

package/templates/lib/orionplace/productPhotos.ts

@@ -1,67 +0,0 @@
-// Photo switching shared by ProductCard and HoverImageViewer: a pointer
-// moved across the photo shows the photo of its zone, a horizontal swipe
-// on a touch screen steps to the next or previous photo.
-
-export interface IProductPhotoSources {
-  small?: string[] | null;
-  full?: string[] | null;
-}
-
-// A finger must move this far sideways, and more sideways than up or down,
-// before a touch counts as a swipe; shorter moves stay taps and scrolls.
-export const PRODUCT_PHOTO_SWIPE_DISTANCE = 30;
-
-// The product's small photos, or its full-size photos when it has no small
-// ones. A `large` place, such as the compact card, prefers the full-size
-// photos and falls back to the small ones.
-export function productPhotos(
-  images: IProductPhotoSources | null | undefined,
-  large = false,
-): string[] {
-  const small     = (images?.small ?? []).filter(Boolean);
-  const full      = (images?.full ?? []).filter(Boolean);
-  const preferred = large ? full : small;
-
-  if (preferred.length) {
-    return preferred;
-  }
-
-  return large ? small : full;
-}
-
-// The photo under the pointer: the photo area is split into one equal
-// vertical zone per photo, from left to right.
-export function productPhotoAtPointer(
-  pointerX: number,
-  area: { left: number; width: number },
-  count: number,
-): number {
-  if (!area.width || count < 2) {
-    return 0;
-  }
-
-  const index = Math.floor(((pointerX - area.left) / area.width) * count);
-
-  return Math.max(0, Math.min(count - 1, index));
-}
-
-// The photo a swipe leads to: a swipe to the left shows the next photo, a
-// swipe to the right the previous one; the first and last photos stay put.
-export function productPhotoAfterSwipe(
-  index: number,
-  count: number,
-  movedX: number,
-  movedY: number,
-): number {
-  if (
-    count < 2 ||
-    Math.abs(movedX) < PRODUCT_PHOTO_SWIPE_DISTANCE ||
-    Math.abs(movedX) <= Math.abs(movedY)
-  ) {
-    return index;
-  }
-
-  const next = index + (movedX < 0 ? 1 : -1);
-
-  return Math.max(0, Math.min(count - 1, next));
-}