@shoppexio/storefront-react 0.1.4 → 0.1.5

package/eject/account/account-page.tsx

@@ -20,7 +20,7 @@ import {
   type AccountSignInPrefill,
 } from './account-signin-link';
 import { callCustomerApi } from './customer-account';
-import { t } from './i18n';
+import { getActiveLocale, isRightToLeft, t } from './i18n';
 import {
   AccountShellProvider,
   useAccountAvailability,
@@ -216,7 +216,13 @@ export function AccountPage({ frame: Frame, notFound }: AccountPageProps) {
 
   return (
     <Frame>
-      <section className="sx-account sxa:space-y-8 sxa:py-6 sxa:md:py-8" data-sx-account-session={session.status}>
+      {/* The storefront sets only <html lang>; the account sets its own
+          direction so an Arabic account reads right to left. */}
+      <section
+        className="sx-account sxa:space-y-8 sxa:py-6 sxa:md:py-8"
+        dir={isRightToLeft(getActiveLocale()) ? 'rtl' : 'ltr'}
+        data-sx-account-session={session.status}
+      >
         <div className="sx-account-header sxa:flex sxa:flex-wrap sxa:items-end sxa:justify-between sxa:gap-4">
           <h1 className="sx-account-title sxa:font-heading sxa:text-h1">
             {t('account.title')}

package/eject/account/account-warranties.ts

@@ -112,6 +112,15 @@ export const WARRANTY_CLAIM_MESSAGE_MAX = 2000;
  * as omitting it: it stores a blank message the shop then reads as "the buyer
  * had nothing to say" rather than "the buyer did not write anything".
  */
+/**
+ * Whether a claim is over the producer's limit, measured on what would be sent
+ * (trimmed). The form refuses it and names the limit; clipping it with
+ * `maxLength` would send a claim the buyer never wrote and report success.
+ */
+export function isWarrantyClaimTooLong(input: string): boolean {
+  return input.trim().length > WARRANTY_CLAIM_MESSAGE_MAX;
+}
+
 export function warrantyClaimMessage(input: string): string | undefined {
   const message = input.trim();
   return message.length === 0 ? undefined : message;

package/eject/account/messages/ar.json

@@ -158,7 +158,8 @@
     "warrantyClaimSend": "إرسال الطلب",
     "warrantyClaimSending": "جارٍ الإرسال…",
     "warrantyClaimDone": "وصل طلبك إلى المتجر. سيردّون عبر البريد الإلكتروني.",
-    "warrantyClaimFailed": "تعذّر إرسال طلبك."
+    "warrantyClaimFailed": "تعذّر إرسال طلبك.",
+    "warrantyClaimTooLong": "لا يمكن أن يتجاوز طلبك {max} حرف."
   },
   "downloads": {
     "loading": "جارٍ تحميل تنزيلاتك",

package/eject/account/messages/de.json

@@ -158,7 +158,8 @@
     "warrantyClaimSend": "Fall senden",
     "warrantyClaimSending": "Wird gesendet…",
     "warrantyClaimDone": "Der Shop hat deinen Fall erhalten. Die Antwort kommt per E-Mail.",
-    "warrantyClaimFailed": "Dein Fall konnte nicht gesendet werden."
+    "warrantyClaimFailed": "Dein Fall konnte nicht gesendet werden.",
+    "warrantyClaimTooLong": "Dein Fall darf höchstens {max} Zeichen lang sein."
   },
   "downloads": {
     "loading": "Deine Downloads werden geladen",

package/eject/account/messages/en.json

@@ -158,7 +158,8 @@
     "warrantyClaimSend": "Send claim",
     "warrantyClaimSending": "Sending…",
     "warrantyClaimDone": "The store has your claim. They reply by email.",
-    "warrantyClaimFailed": "Your claim could not be sent."
+    "warrantyClaimFailed": "Your claim could not be sent.",
+    "warrantyClaimTooLong": "Your claim can be at most {max} characters."
   },
   "downloads": {
     "loading": "Loading your downloads",

package/eject/account/messages/es.json

@@ -158,7 +158,8 @@
     "warrantyClaimSend": "Enviar reclamación",
     "warrantyClaimSending": "Enviando…",
     "warrantyClaimDone": "La tienda ha recibido tu reclamación. Te responderán por correo.",
-    "warrantyClaimFailed": "No se ha podido enviar tu reclamación."
+    "warrantyClaimFailed": "No se ha podido enviar tu reclamación.",
+    "warrantyClaimTooLong": "Tu reclamación no puede superar los {max} caracteres."
   },
   "downloads": {
     "loading": "Cargando tus descargas",

package/eject/account/messages/fi.json

@@ -158,7 +158,8 @@
     "warrantyClaimSend": "Lähetä vaatimus",
     "warrantyClaimSending": "Lähetetään…",
     "warrantyClaimDone": "Kauppa sai vaatimuksesi. He vastaavat sähköpostitse.",
-    "warrantyClaimFailed": "Vaatimustasi ei voitu lähettää."
+    "warrantyClaimFailed": "Vaatimustasi ei voitu lähettää.",
+    "warrantyClaimTooLong": "Vaatimuksessa saa olla enintään {max} merkkiä."
   },
   "downloads": {
     "loading": "Ladataan latauksiasi",

package/eject/account/messages/fr.json

@@ -158,7 +158,8 @@
     "warrantyClaimSend": "Envoyer la demande",
     "warrantyClaimSending": "Envoi en cours…",
     "warrantyClaimDone": "La boutique a bien reçu votre demande. Elle répond par e-mail.",
-    "warrantyClaimFailed": "Votre demande n'a pas pu être envoyée."
+    "warrantyClaimFailed": "Votre demande n'a pas pu être envoyée.",
+    "warrantyClaimTooLong": "Votre demande ne peut pas dépasser {max} caractères."
   },
   "downloads": {
     "loading": "Chargement de vos téléchargements",

package/eject/account/messages/hi.json

@@ -158,7 +158,8 @@
     "warrantyClaimSend": "दावा भेजें",
     "warrantyClaimSending": "भेजा जा रहा है…",
     "warrantyClaimDone": "स्टोर को आपका दावा मिल गया। जवाब ईमेल से आएगा।",
-    "warrantyClaimFailed": "आपका दावा नहीं भेजा जा सका।"
+    "warrantyClaimFailed": "आपका दावा नहीं भेजा जा सका।",
+    "warrantyClaimTooLong": "आपका दावा {max} वर्णों से अधिक नहीं हो सकता।"
   },
   "downloads": {
     "loading": "आपके डाउनलोड लोड हो रहे हैं",

package/eject/account/messages/it.json

@@ -158,7 +158,8 @@
     "warrantyClaimSend": "Invia richiesta",
     "warrantyClaimSending": "Invio in corso…",
     "warrantyClaimDone": "Il negozio ha ricevuto la tua richiesta. Ti rispondono via e-mail.",
-    "warrantyClaimFailed": "Non è stato possibile inviare la richiesta."
+    "warrantyClaimFailed": "Non è stato possibile inviare la richiesta.",
+    "warrantyClaimTooLong": "La richiesta non può superare i {max} caratteri."
   },
   "downloads": {
     "loading": "Caricamento dei tuoi download",

package/eject/account/messages/lt.json

@@ -158,7 +158,8 @@
     "warrantyClaimSend": "Siųsti prašymą",
     "warrantyClaimSending": "Siunčiama…",
     "warrantyClaimDone": "Parduotuvė gavo jūsų prašymą. Atsakymas ateis el. paštu.",
-    "warrantyClaimFailed": "Jūsų prašymo išsiųsti nepavyko."
+    "warrantyClaimFailed": "Jūsų prašymo išsiųsti nepavyko.",
+    "warrantyClaimTooLong": "Prašymas negali viršyti {max} simbolių."
   },
   "downloads": {
     "loading": "Įkeliami jūsų atsisiuntimai",

package/eject/account/messages/nl.json

@@ -158,7 +158,8 @@
     "warrantyClaimSend": "Melding versturen",
     "warrantyClaimSending": "Versturen…",
     "warrantyClaimDone": "De winkel heeft je melding ontvangen. Ze antwoorden per e-mail.",
-    "warrantyClaimFailed": "Je melding kon niet worden verstuurd."
+    "warrantyClaimFailed": "Je melding kon niet worden verstuurd.",
+    "warrantyClaimTooLong": "Je melding mag maximaal {max} tekens bevatten."
   },
   "downloads": {
     "loading": "Je downloads worden geladen",

package/eject/account/messages/pl.json

@@ -158,7 +158,8 @@
     "warrantyClaimSend": "Wyślij zgłoszenie",
     "warrantyClaimSending": "Wysyłanie…",
     "warrantyClaimDone": "Sklep otrzymał Twoje zgłoszenie. Odpowiedź przyjdzie e-mailem.",
-    "warrantyClaimFailed": "Nie udało się wysłać zgłoszenia."
+    "warrantyClaimFailed": "Nie udało się wysłać zgłoszenia.",
+    "warrantyClaimTooLong": "Zgłoszenie może mieć najwyżej {max} znaków."
   },
   "downloads": {
     "loading": "Wczytujemy Twoje pliki",

package/eject/account/messages/pt.json

@@ -158,7 +158,8 @@
     "warrantyClaimSend": "Enviar pedido",
     "warrantyClaimSending": "A enviar…",
     "warrantyClaimDone": "A loja recebeu o teu pedido. Respondem por e-mail.",
-    "warrantyClaimFailed": "Não foi possível enviar o teu pedido."
+    "warrantyClaimFailed": "Não foi possível enviar o teu pedido.",
+    "warrantyClaimTooLong": "O teu pedido não pode ter mais de {max} caracteres."
   },
   "downloads": {
     "loading": "A carregar as tuas transferências",

package/eject/account/messages/ru.json

@@ -158,7 +158,8 @@
     "warrantyClaimSend": "Отправить обращение",
     "warrantyClaimSending": "Отправляем…",
     "warrantyClaimDone": "Магазин получил ваше обращение. Ответ придёт на почту.",
-    "warrantyClaimFailed": "Не удалось отправить обращение."
+    "warrantyClaimFailed": "Не удалось отправить обращение.",
+    "warrantyClaimTooLong": "Обращение не должно превышать {max} символов."
   },
   "downloads": {
     "loading": "Загружаем ваши файлы",

package/eject/account/messages/tr.json

@@ -158,7 +158,8 @@
     "warrantyClaimSend": "Talebi gönder",
     "warrantyClaimSending": "Gönderiliyor…",
     "warrantyClaimDone": "Mağaza talebinizi aldı. E-posta ile yanıt verirler.",
-    "warrantyClaimFailed": "Talebiniz gönderilemedi."
+    "warrantyClaimFailed": "Talebiniz gönderilemedi.",
+    "warrantyClaimTooLong": "Talebiniz en fazla {max} karakter olabilir."
   },
   "downloads": {
     "loading": "İndirmeleriniz yükleniyor",

package/eject/account/messages/uk.json

@@ -158,7 +158,8 @@
     "warrantyClaimSend": "Надіслати звернення",
     "warrantyClaimSending": "Надсилаємо…",
     "warrantyClaimDone": "Магазин отримав ваше звернення. Відповідь надійде на пошту.",
-    "warrantyClaimFailed": "Не вдалося надіслати звернення."
+    "warrantyClaimFailed": "Не вдалося надіслати звернення.",
+    "warrantyClaimTooLong": "Звернення не має перевищувати {max} символів."
   },
   "downloads": {
     "loading": "Завантажуємо ваші файли",

package/eject/account/messages/zh.json

@@ -158,7 +158,8 @@
     "warrantyClaimSend": "提交申请",
     "warrantyClaimSending": "提交中…",
     "warrantyClaimDone": "商店已收到你的申请，他们会通过邮件回复。",
-    "warrantyClaimFailed": "申请提交失败。"
+    "warrantyClaimFailed": "申请提交失败。",
+    "warrantyClaimTooLong": "申请内容不能超过 {max} 个字符。"
   },
   "downloads": {
     "loading": "正在加载你的下载内容",

package/eject/account/orders.tsx

@@ -18,6 +18,7 @@ import { Link } from 'react-router-dom';
 import { paymentMethodLabel } from './account-payment-method';
 import { accountOrderHref, accountTabHref } from '@shoppexio/storefront-react';
 import {
+  isWarrantyClaimTooLong,
   WARRANTY_CLAIM_MESSAGE_MAX,
   canClaimWarranty,
   warrantiesForOrder,
@@ -525,6 +526,10 @@ function WarrantyRow({
   const fieldId = `warranty-claim-${warranty.uniqid}`;
 
   const send = async () => {
+    if (isWarrantyClaimTooLong(message)) {
+      setError(t('orders.warrantyClaimTooLong', { max: WARRANTY_CLAIM_MESSAGE_MAX }));
+      return;
+    }
     setSending(true);
     setError(null);
     const response = await callCustomerApi((sdk) => sdk.claimWarranty(
@@ -589,7 +594,7 @@ function WarrantyRow({
             rows={3}
             value={message}
             disabled={sending}
-            maxLength={WARRANTY_CLAIM_MESSAGE_MAX}
+            aria-invalid={error !== null || undefined}
             onChange={(event) => {
               setMessage(event.target.value);
               setError(null);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shoppexio/storefront-react",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "React hooks, models and a customer account for Shoppex code storefronts",
   "type": "module",
   "homepage": "https://docs.shoppex.io/storefront/code-storefront-development",