orionplace-react 0.7.7 → 0.8.0

package/templates/lib/orionplace/paginationScroll.ts

@@ -1,131 +0,0 @@
-// An element or a CSS selector; null keeps the current scroll position.
-// Without a value, the nearest section, article or main element that
-// contains the page controls is used.
-export type PaginationScrollTarget = HTMLElement | string | null;
-
-const LIST_CONTAINER = 'section, article, main';
-const LIST_HEADING = 'h1, h2, h3, h4';
-const DIALOG = 'dialog, [role="dialog"]';
-const DEFAULT_GAP = 16;
-export const PAGINATION_FOCUS_ATTRIBUTE = 'data-orionplace-pagination-focus';
-
-export function resolvePaginationScrollTarget(
-  source: Element | null | undefined,
-  target?: PaginationScrollTarget,
-): HTMLElement | null {
-  if (target === null) {
-    return null;
-  }
-
-  if (typeof target === 'string') {
-    return document.querySelector<HTMLElement>(target);
-  }
-
-  if (target) {
-    return target;
-  }
-
-  if (typeof source?.closest !== 'function') {
-    return null;
-  }
-
-  return source.closest<HTMLElement>(LIST_CONTAINER);
-}
-
-// A header that stays on screen while scrolling would cover the list heading.
-export function stickyHeaderOffset(): number {
-  let offset = 0;
-
-  for (const header of document.querySelectorAll('header')) {
-    const position = getComputedStyle(header).position;
-
-    if (position !== 'sticky' && position !== 'fixed') {
-      continue;
-    }
-
-    const rect = header.getBoundingClientRect();
-
-    if (rect.top <= 0) {
-      offset = Math.max(offset, rect.height);
-    }
-  }
-
-  return offset;
-}
-
-function scrollBehavior(): ScrollBehavior {
-  const reduced = window.matchMedia?.(
-    '(prefers-reduced-motion: reduce)',
-  ).matches;
-
-  return reduced ? 'auto' : 'smooth';
-}
-
-function containsFocus(source: Element | null | undefined) {
-  const active = globalThis.document?.activeElement;
-
-  if (!active || typeof source?.contains !== 'function') {
-    return false;
-  }
-
-  return source.contains(active);
-}
-
-function focusListHeading(list: HTMLElement) {
-  const heading = list.matches(LIST_HEADING)
-    ? list
-    : list.querySelector<HTMLElement>(LIST_HEADING);
-
-  if (!heading) {
-    return;
-  }
-
-  if (!heading.hasAttribute('tabindex')) {
-    heading.setAttribute('tabindex', '-1');
-  }
-
-  heading.setAttribute(PAGINATION_FOCUS_ATTRIBUTE, '');
-  heading.focus({ preventScroll: true });
-}
-
-// Brings the start of a paginated list into view after a page change.
-export function scrollToPaginatedList(
-  source: Element | null | undefined,
-  target?: PaginationScrollTarget,
-) {
-  if (target === null || typeof window === 'undefined') {
-    return;
-  }
-
-  const behavior = scrollBehavior();
-  const list = resolvePaginationScrollTarget(source, target);
-  const hadFocus = containsFocus(source);
-
-  if (!list) {
-    window.scrollTo({ top: 0, behavior });
-    return;
-  }
-
-  if (list.closest(DIALOG)) {
-    list.scrollIntoView({ block: 'start', behavior });
-  } else {
-    const margin = parseFloat(getComputedStyle(list).scrollMarginTop);
-    const gap = margin > 0 ? margin : DEFAULT_GAP;
-    const top =
-      list.getBoundingClientRect().top +
-      window.scrollY -
-      stickyHeaderOffset() -
-      gap;
-    // A list that starts near the page top is a full-page list: return to
-    // the page top so the storefront header is visible again.
-    const nearPageTop = top < window.innerHeight / 2;
-
-    window.scrollTo({ top: nearPageTop ? 0 : top, behavior });
-  }
-
-  // Keyboard users continue from the list heading instead of a
-  // disabled page button.
-  if (hadFocus) {
-    focusListHeading(list);
-  }
-}

package/templates/lib/orionplace/phone.ts

@@ -1,22 +0,0 @@
-/**
- * A phone number typed without «+» on the Russian storefront, as people in
- * Russia usually type it: «8 900 555-01-72» (the domestic prefix 8) or
- * «900 555-01-72» (a mobile number without the country code). The backend
- * reads numbers only in the international format and refuses both, so they
- * become +7: «+79005550172». A number typed with «+», another kind of
- * number and every other language stay as typed.
- */
-export function phoneWithCountryCode(value: string, locale: string): string {
-  if (locale !== 'ru' || value.trim().startsWith('+')) {
-    return value;
-  }
-
-  const digits = value.replace(/\D/g, '');
-  if (digits.length === 11 && digits.startsWith('8')) {
-    return `+7${digits.slice(1)}`;
-  }
-  if (digits.length === 10 && digits.startsWith('9')) {
-    return `+7${digits}`;
-  }
-  return value;
-}

package/templates/lib/orionplace/presentation.ts

@@ -1,84 +0,0 @@
-/** Accepts the same public image addresses as the Nuxt storefront. */
-export function safePublicUrl(value: string | null | undefined): string {
-  const source = value?.trim() ?? '';
-
-  if (!source || /[\u0000-\u0020\\]/.test(source)) {
-    return '';
-  }
-
-  if (source.startsWith('/') && !source.startsWith('//')) {
-    return source;
-  }
-
-  try {
-    const url = new URL(source);
-    return ['http:', 'https:'].includes(url.protocol) &&
-      !url.username &&
-      !url.password
-      ? source
-      : '';
-  } catch {
-    return '';
-  }
-}
-
-function hasValue(value: unknown): boolean {
-  if (value === undefined || value === null || value === '') {
-    return false;
-  }
-  // A locale entry such as `"en": {}` holds no translation.
-  if (Object.getPrototypeOf(value) === Object.prototype) {
-    return Object.values(value as object).some(hasValue);
-  }
-  return true;
-}
-
-export function localesMatch(left: string, right: string): boolean {
-  const normalize = (value: string) =>
-    value.trim().toLowerCase().replaceAll('_', '-');
-
-  return normalize(left) === normalize(right);
-}
-
-export function getAvailableValueFromObject<T>(
-  values: Record<string, T> | null | undefined,
-  locale: string,
-  fallback = true,
-): T | undefined {
-  if (!values) {
-    return undefined;
-  }
-
-  const key = Object.keys(values).find((candidate) =>
-    localesMatch(candidate, locale),
-  );
-  if (key && hasValue(values[key])) {
-    return values[key];
-  }
-
-  return fallback ? Object.values(values).find(hasValue) : undefined;
-}
-
-/** Uses the selected translation, then the first populated translation. */
-export function getAvailableNestedValueFromObject<T, Key extends keyof T>(
-  values: Record<string, T> | null | undefined,
-  locale: string,
-  key: Key,
-): T[Key] | undefined {
-  if (!values) {
-    return undefined;
-  }
-
-  const selected = getAvailableValueFromObject(values, locale, false)?.[key];
-  if (hasValue(selected)) {
-    return selected;
-  }
-
-  return Object.values(values)
-    .map((value) => value[key])
-    .find(hasValue);
-}
-
-export function plainText(value: string | undefined): string {
-  return (value ?? '').replace(/<[^>]*>/g, '').trim();
-}

package/templates/lib/orionplace/privacyLabels.ts

@@ -1,273 +0,0 @@
-/*
- * Texts of the privacy page (/privacy) and the cookie notice.
- *
- * The page describes what the storefront itself does: the account, orders,
- * the two platform cookies and the notice's own storage mark. A store that
- * adds analytics, chat widgets or other cookies lists them in the cookies
- * section here. The operator is the store's company from the platform's
- * contact details; `{company}` in a text is replaced with its name.
- */
-
-export interface PrivacySection {
-  id: string;
-  title: string;
-  text: string[];
-}
-
-export interface PrivacyLabels {
-  title: string;
-  lead: string;
-  contents: string;
-  operator: string;
-  operatorUnknown: string;
-  sections: PrivacySection[];
-  cookie: {
-    label: string;
-    text: string;
-    link: string;
-    ok: string;
-  };
-}
-
-/** Local storage mark: the visitor has dismissed the cookie notice. */
-export const COOKIE_NOTICE_STORAGE_KEY = 'orionplace-cookie-notice-seen';
-
-const ru: PrivacyLabels = {
-  title: 'Политика обработки персональных данных',
-  lead: 'Какие данные магазин получает, зачем, кому их передаёт и как долго хранит.',
-  contents: 'Содержание',
-  operator: 'Оператор персональных данных',
-  operatorUnknown: 'Реквизиты оператора указаны на странице «Контакты».',
-  sections: [
-    {
-      id: 'operator',
-      title: '1. Кто обрабатывает данные',
-      text: [
-        'Оператор персональных данных — {company} (далее — Магазин). Реквизиты Магазина указаны в конце страницы.',
-        'Обработка ведётся в соответствии с Федеральным законом № 152-ФЗ «О персональных данных».',
-      ],
-    },
-    {
-      id: 'data',
-      title: '2. Какие данные',
-      text: [
-        'Аккаунт: номер телефона, а если вы их укажете — имя, адрес электронной почты, дата рождения и фото.',
-        'Заказы: товары, адреса доставки, имя и телефон получателя, суммы, способ и статус оплаты, возвраты. Данные карты вводятся на странице платёжного провайдера; Магазин номера карт не получает.',
-        'Обращения, отзывы и комментарии, избранное, подписки на товары и история поиска.',
-        'История входов: дата и время, IP-адрес, браузер и тип устройства.',
-      ],
-    },
-    {
-      id: 'purposes',
-      title: '3. Зачем',
-      text: [
-        'Чтобы вы могли войти, оформить, оплатить, получить и вернуть заказ, получить ответ на обращение и опубликовать отзыв; чтобы защищать аккаунт и выполнять требования закона. Письма о новинках и акциях приходят, только если вы их включили.',
-      ],
-    },
-    {
-      id: 'recipients',
-      title: '4. Кому передаются данные',
-      text: [
-        'Только тем, без кого заказ не выполнить, и в нужном объёме: службам доставки, платёжным провайдерам, операторам связи (для кодов подтверждения) и платформе, на серверах которой работает Магазин. Данные не продаются.',
-      ],
-    },
-    {
-      id: 'storage',
-      title: '5. Сколько хранятся',
-      text: [
-        'Пока существует аккаунт. Записи о заказах и платежах хранятся столько, сколько требует закон о бухгалтерском учёте.',
-      ],
-    },
-    {
-      id: 'rights',
-      title: '6. Ваши права',
-      text: [
-        'В профиле можно изменить свои данные, отключить письма и удалить аккаунт. Также можно узнать, какие данные обрабатываются, потребовать их уточнить или удалить и отозвать согласие: напишите в поддержку или на странице «Контакты».',
-      ],
-    },
-    {
-      id: 'cookies',
-      title: '7. Cookie и локальное хранилище',
-      text: [
-        'Сайт использует только необходимые для работы cookie: sessionid сохраняет вход в аккаунт, csrftoken защищает формы от подделки запросов.',
-        'В локальном хранилище браузера сохраняется отметка о том, что вы видели уведомление о cookie. Рекламных и аналитических cookie нет. Если запретить cookie, вход и оформление заказа не будут работать.',
-      ],
-    },
-    {
-      id: 'changes',
-      title: '8. Изменение политики',
-      text: [
-        'Новая редакция действует с момента публикации на этой странице.',
-      ],
-    },
-  ],
-  cookie: {
-    label: 'Уведомление о cookie',
-    text: 'Сайт использует только необходимые cookie: для входа в аккаунт и защиты форм.',
-    link: 'Подробнее',
-    ok: 'Понятно',
-  },
-};
-
-const es: PrivacyLabels = {
-  title: 'Política de privacidad',
-  lead: 'Qué datos recibe la tienda, para qué, con quién los comparte y cuánto tiempo los conserva.',
-  contents: 'Contenido',
-  operator: 'Responsable del tratamiento',
-  operatorUnknown: 'Los datos del responsable están en la página de contacto.',
-  sections: [
-    {
-      id: 'operator',
-      title: '1. Quién trata los datos',
-      text: [
-        'El responsable del tratamiento es {company} (la Tienda). Los datos de la Tienda aparecen al final de esta página.',
-        'Los datos se tratan conforme a la Ley Federal rusa n.º 152-FZ «Sobre datos personales».',
-      ],
-    },
-    {
-      id: 'data',
-      title: '2. Qué datos',
-      text: [
-        'Cuenta: número de teléfono y, si los añades, nombre, dirección de correo, fecha de nacimiento y foto.',
-        'Pedidos: productos, direcciones de entrega, nombre y teléfono del destinatario, importes, método y estado del pago, devoluciones. Los datos de la tarjeta se introducen en la página del proveedor de pagos; la Tienda no recibe números de tarjeta.',
-        'Solicitudes de soporte, reseñas y comentarios, favoritos, suscripciones a productos e historial de búsqueda.',
-        'Historial de accesos: fecha y hora, dirección IP, navegador y tipo de dispositivo.',
-      ],
-    },
-    {
-      id: 'purposes',
-      title: '3. Para qué',
-      text: [
-        'Para que puedas iniciar sesión, hacer, pagar, recibir y devolver pedidos, recibir respuestas a tus solicitudes y publicar reseñas; para proteger la cuenta y cumplir las obligaciones legales. Los correos de novedades y promociones solo llegan si los has activado.',
-      ],
-    },
-    {
-      id: 'recipients',
-      title: '4. Quién recibe los datos',
-      text: [
-        'Solo quienes los necesitan para cumplir un pedido, y solo lo que necesitan: servicios de envío, proveedores de pago, operadores de telecomunicaciones (para los códigos de confirmación) y la plataforma en cuyos servidores funciona la Tienda. Los datos no se venden.',
-      ],
-    },
-    {
-      id: 'storage',
-      title: '5. Cuánto tiempo se conservan',
-      text: [
-        'Mientras existe la cuenta. Los registros de pedidos y pagos se conservan el tiempo que exige la legislación contable.',
-      ],
-    },
-    {
-      id: 'rights',
-      title: '6. Tus derechos',
-      text: [
-        'En el perfil puedes cambiar tus datos, desactivar los correos y eliminar la cuenta. También puedes preguntar qué datos se tratan, pedir que se corrijan o eliminen y retirar tu consentimiento: escribe al soporte o usa la página de contacto.',
-      ],
-    },
-    {
-      id: 'cookies',
-      title: '7. Cookies y almacenamiento local',
-      text: [
-        'El sitio solo usa las cookies que necesita para funcionar: sessionid mantiene tu sesión iniciada y csrftoken protege los formularios contra la falsificación de solicitudes.',
-        'El almacenamiento local del navegador guarda el hecho de que ya has visto el aviso de cookies. No hay cookies publicitarias ni de analítica. Si bloqueas las cookies, no funcionan el inicio de sesión ni la compra.',
-      ],
-    },
-    {
-      id: 'changes',
-      title: '8. Cambios en esta política',
-      text: ['Una nueva versión se aplica desde su publicación en esta página.'],
-    },
-  ],
-  cookie: {
-    label: 'Aviso de cookies',
-    text: 'El sitio solo usa las cookies que necesita: para iniciar tu sesión y proteger los formularios.',
-    link: 'Más información',
-    ok: 'Aceptar',
-  },
-};
-
-const en: PrivacyLabels = {
-  title: 'Privacy policy',
-  lead: 'Which data the store receives, why, who it shares it with and how long it keeps it.',
-  contents: 'Contents',
-  operator: 'Data controller',
-  operatorUnknown: 'The controller’s details are on the Contact page.',
-  sections: [
-    {
-      id: 'operator',
-      title: '1. Who processes the data',
-      text: [
-        'The data controller is {company} (the Store). The Store’s details are at the end of this page.',
-        'Data is processed under Russian Federal Law No. 152-FZ “On Personal Data”.',
-      ],
-    },
-    {
-      id: 'data',
-      title: '2. Which data',
-      text: [
-        'Account: phone number and, if you add them, name, email address, date of birth and photo.',
-        'Orders: products, delivery addresses, recipient name and phone, amounts, payment method and status, refunds. Card details are entered on the payment provider’s page; the Store does not receive card numbers.',
-        'Support requests, reviews and comments, wishlist, product subscriptions and search history.',
-        'Sign-in history: date and time, IP address, browser and device type.',
-      ],
-    },
-    {
-      id: 'purposes',
-      title: '3. Why',
-      text: [
-        'To let you sign in, place, pay for, receive and return orders, get answers to requests and publish reviews; to protect the account and meet legal duties. News and promotion emails come only if you turned them on.',
-      ],
-    },
-    {
-      id: 'recipients',
-      title: '4. Who receives the data',
-      text: [
-        'Only those needed to fulfil an order, and only as much as they need: delivery services, payment providers, telecom operators (for confirmation codes) and the platform whose servers run the Store. The data is not sold.',
-      ],
-    },
-    {
-      id: 'storage',
-      title: '5. How long it is kept',
-      text: [
-        'While the account exists. Order and payment records are kept as long as accounting law requires.',
-      ],
-    },
-    {
-      id: 'rights',
-      title: '6. Your rights',
-      text: [
-        'In the profile you can change your details, turn emails off and delete the account. You can also ask which data is processed, ask to correct or delete it and withdraw consent: write to support or use the Contact page.',
-      ],
-    },
-    {
-      id: 'cookies',
-      title: '7. Cookies and local storage',
-      text: [
-        'The site uses only the cookies it needs to work: sessionid keeps you signed in, csrftoken protects forms from request forgery.',
-        'The browser’s local storage keeps the fact that you have seen the cookie notice. There are no advertising or analytics cookies. If you block cookies, signing in and checking out do not work.',
-      ],
-    },
-    {
-      id: 'changes',
-      title: '8. Changes to this policy',
-      text: ['A new version applies from its publication on this page.'],
-    },
-  ],
-  cookie: {
-    label: 'Cookie notice',
-    text: 'The site uses only the cookies it needs: to sign you in and to protect forms.',
-    link: 'Learn more',
-    ok: 'OK',
-  },
-};
-
-export function privacyLabels(locale: string, company = ''): PrivacyLabels {
-  const copy = locale.toLowerCase().startsWith('ru') ? ru : locale.toLowerCase().startsWith('es') ? es : en;
-  const name = company || (copy === ru ? 'Магазин' : copy === es ? 'la Tienda' : 'the Store');
-
-  return {
-    ...copy,
-    sections: copy.sections.map((section) => ({
-      ...section,
-      text: section.text.map((line) => line.replaceAll('{company}', name)),
-    })),
-  };
-}

package/templates/lib/orionplace/productActionLabels.ts

@@ -1,87 +0,0 @@
-import { getAvailableValueFromObject } from '@/lib/orionplace/presentation';
-
-const labels = {
-  en: {
-    pending: 'Updating product…',
-    saved: 'Product updated.',
-    failed: 'The request failed. Your confirmed product data is unchanged.',
-    unavailable: 'This action is unavailable.',
-    login: 'Sign in to save favorites or availability notifications.',
-    email:
-      'Add an email address to your profile to receive availability notifications.',
-    contact: 'Enter an email address or phone number for your preorder.',
-    invalid:
-      'This action is not available for the selected product or quantity.',
-    refreshFailed:
-      'The action was accepted, but product data could not be refreshed. Reload its data before another action.',
-    retry: 'Reload',
-    preorder: 'Preorder',
-    close: 'Close',
-    preorderContact:
-      'Leave an email address or phone number so the seller can contact you about this preorder. If you have an account, sign in first.',
-    preorderAccount: 'Your preorder will be linked to your account.',
-    preorderPending: 'Sending…',
-    preorderSaved: 'Your preorder has been received.',
-    emailLabel: 'Email',
-    phoneLabel: 'Phone',
-    signIn: 'Sign in',
-    submit: 'Confirm',
-    cancel: 'Cancel',
-  },
-  ru: {
-    pending: 'Обновляем товар…',
-    saved: 'Товар обновлён.',
-    failed: 'Запрос не выполнен. Подтверждённые данные товара сохранены.',
-    unavailable: 'Это действие недоступно.',
-    login: 'Войдите, чтобы сохранять избранное и уведомления о наличии.',
-    email: 'Добавьте электронную почту в профиле для уведомлений о наличии.',
-    contact: 'Укажите электронную почту или телефон для предзаказа.',
-    invalid: 'Действие недоступно для выбранного товара или количества.',
-    refreshFailed:
-      'Действие принято, но данные товара не обновились. Загрузите их перед следующим действием.',
-    retry: 'Обновить',
-    preorder: 'Предзаказ',
-    close: 'Закрыть',
-    preorderContact:
-      'Оставьте электронную почту или телефон, чтобы продавец мог связаться с вами по предзаказу. Если у вас есть аккаунт, сначала войдите.',
-    preorderAccount: 'Предзаказ будет связан с вашим аккаунтом.',
-    preorderPending: 'Отправляем…',
-    preorderSaved: 'Предзаказ принят.',
-    emailLabel: 'Электронная почта',
-    phoneLabel: 'Телефон',
-    signIn: 'Войти',
-    submit: 'Подтвердить',
-    cancel: 'Отмена',
-  },
-  es: {
-    pending: 'Actualizando el producto…',
-    saved: 'Producto actualizado.',
-    failed: 'La solicitud ha fallado. Los datos confirmados del producto no han cambiado.',
-    unavailable: 'Esta acción no está disponible.',
-    login: 'Inicia sesión para guardar favoritos o avisos de disponibilidad.',
-    email:
-      'Añade una dirección de correo a tu perfil para recibir avisos de disponibilidad.',
-    contact: 'Indica un correo electrónico o un número de teléfono para tu reserva.',
-    invalid:
-      'Esta acción no está disponible para el producto o la cantidad seleccionados.',
-    refreshFailed:
-      'La acción se ha aceptado, pero no se han podido actualizar los datos del producto. Vuelve a cargarlos antes de otra acción.',
-    retry: 'Recargar',
-    preorder: 'Reservar',
-    close: 'Cerrar',
-    preorderContact:
-      'Deja un correo electrónico o un número de teléfono para que el vendedor pueda contactarte sobre esta reserva. Si tienes una cuenta, inicia sesión primero.',
-    preorderAccount: 'Tu reserva quedará vinculada a tu cuenta.',
-    preorderPending: 'Enviando…',
-    preorderSaved: 'Hemos recibido tu reserva.',
-    emailLabel: 'Correo electrónico',
-    phoneLabel: 'Teléfono',
-    signIn: 'Iniciar sesión',
-    submit: 'Confirmar',
-    cancel: 'Cancelar',
-  },
-};
-
-export function productActionLabels(locale: string) {
-  return getAvailableValueFromObject(labels, locale) ?? labels.en;
-}

package/templates/lib/orionplace/productAvailability.ts

@@ -1,30 +0,0 @@
-import { EProductStatus } from '@/interfaces/orionplace/products/IProduct';
-import type { IProduct } from '@/interfaces/orionplace/products/IProduct';
-
-export function productAvailability(
-  product: IProduct | undefined,
-  allowPreorder: boolean | undefined,
-) {
-  const status = product?.status.status;
-  const stock = product?.c_real_left ?? 0;
-  const onSale =
-    status === EProductStatus.PUBLISHED ||
-    status === EProductStatus.PUBLISHED_AS_OPTION;
-  const canAdd = status === EProductStatus.PUBLISHED && stock >= 1;
-  const canSubscribe = Boolean(product) && !(onSale && stock > 0);
-  const canPreorder =
-    Boolean(product) &&
-    allowPreorder === true &&
-    product?.seller?.is_accepting_preorders === true &&
-    stock <= 0 &&
-    (status === EProductStatus.LOW_STOCK ||
-      status === EProductStatus.LOW_SALE_STOCK);
-
-  return {
-    canAdd,
-    canSubscribe,
-    canPreorder,
-    isSubscribed: Boolean(product?.subscription_id),
-    maxQuantity: Math.max(0, Math.floor(stock)),
-  };
-}