@shoppexio/storefront-react 0.1.4 → 0.2.0

package/CHANGELOG.md

@@ -1,5 +1,52 @@
 # Changelog
 
+## 0.2.0
+
+Breaking:
+
+- `settings.availableGateways` is gone. Use `settings.paymentMethods`: the
+  public payment methods the backend derives from the shop's live gateways,
+  each `{ id, label, kind }` with `kind` `card`, `wallet` or `crypto`,
+  already in display order. A theme no longer maps gateway codes itself.
+- `resolveDeliveryPromise()` returns `{ kind: 'unspecified' }` when the
+  merchant set no delivery time. A missing delivery time used to read as
+  instant delivery; hosted checkout never promised that, and themes no longer
+  do. Handle the new kind in an exhaustive `switch`.
+
+Added:
+
+- Product meta: `shortDescription` (one plain-text line, at most 200
+  characters), the unit labels `unitLabelSingular` / `unitLabelPlural`, an
+  option's `description`, and `resolveYouReceive()` for a "You receive" line
+  that only states the real delivery type: keys for serial products, a
+  download for file products, nothing otherwise.
+- Favorites: `<FavoritesProvider>` and `useFavorites()` for a heart on
+  cards and the product page. It shares one store with the account's
+  favorites tab (`FAVORITES_CHANGED_EVENT`) and reports `signed_out`
+  instead of failing when there is no customer session.
+- Back-in-stock ("Notify me"): `canRequestStockAlert()` and
+  `requestStockAlert()`. `settings.stockAlertsEnabled` reflects the shop
+  toggle.
+- Status page: `parseServiceStatus()` and `buildStatusPageModel()` for a
+  `/status` page. It lists only the products the merchant gave a status
+  (`operational`, `updating`, `detected`, `offline`).
+
+Needs: a Shoppex backend that sends `payment_methods`,
+`stock_alerts_enabled`, `short_description` and `service_status` in the
+storefront payload. Parsing fails fast when a field is missing.
+
+## 0.1.5
+
+- `loadShopPage()` returns `error` for a failed request or render and `missing`
+  only for a 404 or a nameless page. Needs Storefront SDK 1.0.87 for the
+  status; with an older SDK every failure is `error`.
+- `usePagedShopReviews({ product })` and `loadShopReviewsPage()`: reviews one
+  page at a time with the API's summary, optionally for one product (catalog
+  `id`). A filtered answer must echo the filter, or it is refused.
+  `loadLatestWrittenReviews()` takes `{ product }` too. `ShopReview.automated`.
+- Account: a warranty claim over 2,000 characters is refused with a message
+  naming the limit; the account root sets `dir="rtl"` for right-to-left locales.
+
 ## 0.1.4
 
 - Catalog cards are sold out when no option can be ordered, including a

package/README.md

@@ -80,7 +80,10 @@ createRoot(document.getElementById('root')!).render(
 
 - Catalog: product and bundle cards, categories, sorting, filtering, paging.
 - Product pages: options, pricing per quantity, stock, badges, videos, the
-  rating breakdown.
+  rating breakdown, a short description and a "You receive" line.
+- Favorites on cards and product pages, "Notify me" for sold-out products,
+  and a `/status` page from the statuses the merchant sets.
+- Payment method marks from the shop's live payment methods.
 - Cart: add, update, remove, coupons, quotes from the server, checkout
   hand-off, per-product checkout fields.
 - Reviews, shop pages, navigation menus and the contact form, from the SDK.
@@ -164,7 +167,10 @@ Most themes never need this.
 | Product | The product page model: variants, rating, pricing, quantity bounds, badges, videos | `buildProductDetail()`, `calculateLinePricing()`, `badgesForProductPage()` |
 | Cart | Cart state, quotes, coupons, checkout hand-off | `<CartProvider>`, `useCart()`, `buildCartView()`, `buildCartTotals()` |
 | Checkout fields | Per-product fields a buyer fills before checkout | `resolveCheckoutFields()`, `readCheckoutNeedsDetails()` |
-| Reviews, pages, menus, contact | SDK-backed hooks | `useShopReviews()`, `loadShopPage()`, `useNavigationLinks()`, `submitContactTicket()` |
+| Favorites | The signed-in customer's saved products, shared with the account tab | `<FavoritesProvider>`, `useFavorites()` |
+| Back in stock | "Notify me" on a sold-out product or option | `canRequestStockAlert()`, `requestStockAlert()` |
+| Status page | The merchant-set status of each product | `buildStatusPageModel()`, `parseServiceStatus()` |
+| Reviews, pages, menus, contact | SDK-backed hooks | `usePagedShopReviews()`, `loadLatestWrittenReviews()`, `loadShopPage()`, `useNavigationLinks()`, `submitContactTicket()` |
 | Merchant HTML | Sanitizing and flattening merchant rich text | `sanitizeMerchantHtml()`, `flattenMerchantHtmlToText()` |
 | Account routing | Mounting the account and its lazy chunk | `ACCOUNT_PATH`, `ACCOUNT_PATH_ALIAS`, `accountRouteMessage()`, `ACCOUNT_STOREFRONT_ROUTES`, `ACCOUNT_ARTIFACT_CAPABILITIES` |
 

package/dist/account.js

@@ -4,9 +4,13 @@ import {
   accountTabHref,
   accountTabLabelKey,
   canonicalAccountPath,
+  favoriteProductHref,
   getShoppex,
-  resolveAccountView
-} from "./chunk-D6XKDVAV.js";
+  narrowFavorites,
+  notifyFavoritesChanged,
+  resolveAccountView,
+  withoutFavorite
+} from "./chunk-ZEFZPUAW.js";
 
 // src/account/account-page.tsx
 import { useEffect as useEffect5, useState as useState11 } from "react";
@@ -299,7 +303,8 @@ var ar_default = {
     warrantyClaimSend: "\u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0637\u0644\u0628",
     warrantyClaimSending: "\u062C\u0627\u0631\u064D \u0627\u0644\u0625\u0631\u0633\u0627\u0644\u2026",
     warrantyClaimDone: "\u0648\u0635\u0644 \u0637\u0644\u0628\u0643 \u0625\u0644\u0649 \u0627\u0644\u0645\u062A\u062C\u0631. \u0633\u064A\u0631\u062F\u0651\u0648\u0646 \u0639\u0628\u0631 \u0627\u0644\u0628\u0631\u064A\u062F \u0627\u0644\u0625\u0644\u0643\u062A\u0631\u0648\u0646\u064A.",
-    warrantyClaimFailed: "\u062A\u0639\u0630\u0651\u0631 \u0625\u0631\u0633\u0627\u0644 \u0637\u0644\u0628\u0643."
+    warrantyClaimFailed: "\u062A\u0639\u0630\u0651\u0631 \u0625\u0631\u0633\u0627\u0644 \u0637\u0644\u0628\u0643.",
+    warrantyClaimTooLong: "\u0644\u0627 \u064A\u0645\u0643\u0646 \u0623\u0646 \u064A\u062A\u062C\u0627\u0648\u0632 \u0637\u0644\u0628\u0643 {max} \u062D\u0631\u0641."
   },
   downloads: {
     loading: "\u062C\u0627\u0631\u064D \u062A\u062D\u0645\u064A\u0644 \u062A\u0646\u0632\u064A\u0644\u0627\u062A\u0643",
@@ -764,7 +769,8 @@ var de_default = {
     warrantyClaimSend: "Fall senden",
     warrantyClaimSending: "Wird gesendet\u2026",
     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\xF6chstens {max} Zeichen lang sein."
   },
   downloads: {
     loading: "Deine Downloads werden geladen",
@@ -1229,7 +1235,8 @@ var en_default = {
     warrantyClaimSend: "Send claim",
     warrantyClaimSending: "Sending\u2026",
     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",
@@ -1694,7 +1701,8 @@ var es_default = {
     warrantyClaimSend: "Enviar reclamaci\xF3n",
     warrantyClaimSending: "Enviando\u2026",
     warrantyClaimDone: "La tienda ha recibido tu reclamaci\xF3n. Te responder\xE1n por correo.",
-    warrantyClaimFailed: "No se ha podido enviar tu reclamaci\xF3n."
+    warrantyClaimFailed: "No se ha podido enviar tu reclamaci\xF3n.",
+    warrantyClaimTooLong: "Tu reclamaci\xF3n no puede superar los {max} caracteres."
   },
   downloads: {
     loading: "Cargando tus descargas",
@@ -2159,7 +2167,8 @@ var fi_default = {
     warrantyClaimSend: "L\xE4het\xE4 vaatimus",
     warrantyClaimSending: "L\xE4hetet\xE4\xE4n\u2026",
     warrantyClaimDone: "Kauppa sai vaatimuksesi. He vastaavat s\xE4hk\xF6postitse.",
-    warrantyClaimFailed: "Vaatimustasi ei voitu l\xE4hett\xE4\xE4."
+    warrantyClaimFailed: "Vaatimustasi ei voitu l\xE4hett\xE4\xE4.",
+    warrantyClaimTooLong: "Vaatimuksessa saa olla enint\xE4\xE4n {max} merkki\xE4."
   },
   downloads: {
     loading: "Ladataan latauksiasi",
@@ -2624,7 +2633,8 @@ var fr_default = {
     warrantyClaimSend: "Envoyer la demande",
     warrantyClaimSending: "Envoi en cours\u2026",
     warrantyClaimDone: "La boutique a bien re\xE7u votre demande. Elle r\xE9pond par e-mail.",
-    warrantyClaimFailed: "Votre demande n'a pas pu \xEAtre envoy\xE9e."
+    warrantyClaimFailed: "Votre demande n'a pas pu \xEAtre envoy\xE9e.",
+    warrantyClaimTooLong: "Votre demande ne peut pas d\xE9passer {max} caract\xE8res."
   },
   downloads: {
     loading: "Chargement de vos t\xE9l\xE9chargements",
@@ -3089,7 +3099,8 @@ var hi_default = {
     warrantyClaimSend: "\u0926\u093E\u0935\u093E \u092D\u0947\u091C\u0947\u0902",
     warrantyClaimSending: "\u092D\u0947\u091C\u093E \u091C\u093E \u0930\u0939\u093E \u0939\u0948\u2026",
     warrantyClaimDone: "\u0938\u094D\u091F\u094B\u0930 \u0915\u094B \u0906\u092A\u0915\u093E \u0926\u093E\u0935\u093E \u092E\u093F\u0932 \u0917\u092F\u093E\u0964 \u091C\u0935\u093E\u092C \u0908\u092E\u0947\u0932 \u0938\u0947 \u0906\u090F\u0917\u093E\u0964",
-    warrantyClaimFailed: "\u0906\u092A\u0915\u093E \u0926\u093E\u0935\u093E \u0928\u0939\u0940\u0902 \u092D\u0947\u091C\u093E \u091C\u093E \u0938\u0915\u093E\u0964"
+    warrantyClaimFailed: "\u0906\u092A\u0915\u093E \u0926\u093E\u0935\u093E \u0928\u0939\u0940\u0902 \u092D\u0947\u091C\u093E \u091C\u093E \u0938\u0915\u093E\u0964",
+    warrantyClaimTooLong: "\u0906\u092A\u0915\u093E \u0926\u093E\u0935\u093E {max} \u0935\u0930\u094D\u0923\u094B\u0902 \u0938\u0947 \u0905\u0927\u093F\u0915 \u0928\u0939\u0940\u0902 \u0939\u094B \u0938\u0915\u0924\u093E\u0964"
   },
   downloads: {
     loading: "\u0906\u092A\u0915\u0947 \u0921\u093E\u0909\u0928\u0932\u094B\u0921 \u0932\u094B\u0921 \u0939\u094B \u0930\u0939\u0947 \u0939\u0948\u0902",
@@ -3554,7 +3565,8 @@ var it_default = {
     warrantyClaimSend: "Invia richiesta",
     warrantyClaimSending: "Invio in corso\u2026",
     warrantyClaimDone: "Il negozio ha ricevuto la tua richiesta. Ti rispondono via e-mail.",
-    warrantyClaimFailed: "Non \xE8 stato possibile inviare la richiesta."
+    warrantyClaimFailed: "Non \xE8 stato possibile inviare la richiesta.",
+    warrantyClaimTooLong: "La richiesta non pu\xF2 superare i {max} caratteri."
   },
   downloads: {
     loading: "Caricamento dei tuoi download",
@@ -4019,7 +4031,8 @@ var lt_default = {
     warrantyClaimSend: "Si\u0173sti pra\u0161ym\u0105",
     warrantyClaimSending: "Siun\u010Diama\u2026",
     warrantyClaimDone: "Parduotuv\u0117 gavo j\u016Bs\u0173 pra\u0161ym\u0105. Atsakymas ateis el. pa\u0161tu.",
-    warrantyClaimFailed: "J\u016Bs\u0173 pra\u0161ymo i\u0161si\u0173sti nepavyko."
+    warrantyClaimFailed: "J\u016Bs\u0173 pra\u0161ymo i\u0161si\u0173sti nepavyko.",
+    warrantyClaimTooLong: "Pra\u0161ymas negali vir\u0161yti {max} simboli\u0173."
   },
   downloads: {
     loading: "\u012Ekeliami j\u016Bs\u0173 atsisiuntimai",
@@ -4484,7 +4497,8 @@ var nl_default = {
     warrantyClaimSend: "Melding versturen",
     warrantyClaimSending: "Versturen\u2026",
     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",
@@ -4949,7 +4963,8 @@ var pl_default = {
     warrantyClaimSend: "Wy\u015Blij zg\u0142oszenie",
     warrantyClaimSending: "Wysy\u0142anie\u2026",
     warrantyClaimDone: "Sklep otrzyma\u0142 Twoje zg\u0142oszenie. Odpowied\u017A przyjdzie e-mailem.",
-    warrantyClaimFailed: "Nie uda\u0142o si\u0119 wys\u0142a\u0107 zg\u0142oszenia."
+    warrantyClaimFailed: "Nie uda\u0142o si\u0119 wys\u0142a\u0107 zg\u0142oszenia.",
+    warrantyClaimTooLong: "Zg\u0142oszenie mo\u017Ce mie\u0107 najwy\u017Cej {max} znak\xF3w."
   },
   downloads: {
     loading: "Wczytujemy Twoje pliki",
@@ -5414,7 +5429,8 @@ var pt_default = {
     warrantyClaimSend: "Enviar pedido",
     warrantyClaimSending: "A enviar\u2026",
     warrantyClaimDone: "A loja recebeu o teu pedido. Respondem por e-mail.",
-    warrantyClaimFailed: "N\xE3o foi poss\xEDvel enviar o teu pedido."
+    warrantyClaimFailed: "N\xE3o foi poss\xEDvel enviar o teu pedido.",
+    warrantyClaimTooLong: "O teu pedido n\xE3o pode ter mais de {max} caracteres."
   },
   downloads: {
     loading: "A carregar as tuas transfer\xEAncias",
@@ -5879,7 +5895,8 @@ var ru_default = {
     warrantyClaimSend: "\u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C \u043E\u0431\u0440\u0430\u0449\u0435\u043D\u0438\u0435",
     warrantyClaimSending: "\u041E\u0442\u043F\u0440\u0430\u0432\u043B\u044F\u0435\u043C\u2026",
     warrantyClaimDone: "\u041C\u0430\u0433\u0430\u0437\u0438\u043D \u043F\u043E\u043B\u0443\u0447\u0438\u043B \u0432\u0430\u0448\u0435 \u043E\u0431\u0440\u0430\u0449\u0435\u043D\u0438\u0435. \u041E\u0442\u0432\u0435\u0442 \u043F\u0440\u0438\u0434\u0451\u0442 \u043D\u0430 \u043F\u043E\u0447\u0442\u0443.",
-    warrantyClaimFailed: "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u043E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C \u043E\u0431\u0440\u0430\u0449\u0435\u043D\u0438\u0435."
+    warrantyClaimFailed: "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u043E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C \u043E\u0431\u0440\u0430\u0449\u0435\u043D\u0438\u0435.",
+    warrantyClaimTooLong: "\u041E\u0431\u0440\u0430\u0449\u0435\u043D\u0438\u0435 \u043D\u0435 \u0434\u043E\u043B\u0436\u043D\u043E \u043F\u0440\u0435\u0432\u044B\u0448\u0430\u0442\u044C {max} \u0441\u0438\u043C\u0432\u043E\u043B\u043E\u0432."
   },
   downloads: {
     loading: "\u0417\u0430\u0433\u0440\u0443\u0436\u0430\u0435\u043C \u0432\u0430\u0448\u0438 \u0444\u0430\u0439\u043B\u044B",
@@ -6344,7 +6361,8 @@ var tr_default = {
     warrantyClaimSend: "Talebi g\xF6nder",
     warrantyClaimSending: "G\xF6nderiliyor\u2026",
     warrantyClaimDone: "Ma\u011Faza talebinizi ald\u0131. E-posta ile yan\u0131t verirler.",
-    warrantyClaimFailed: "Talebiniz g\xF6nderilemedi."
+    warrantyClaimFailed: "Talebiniz g\xF6nderilemedi.",
+    warrantyClaimTooLong: "Talebiniz en fazla {max} karakter olabilir."
   },
   downloads: {
     loading: "\u0130ndirmeleriniz y\xFCkleniyor",
@@ -6809,7 +6827,8 @@ var uk_default = {
     warrantyClaimSend: "\u041D\u0430\u0434\u0456\u0441\u043B\u0430\u0442\u0438 \u0437\u0432\u0435\u0440\u043D\u0435\u043D\u043D\u044F",
     warrantyClaimSending: "\u041D\u0430\u0434\u0441\u0438\u043B\u0430\u0454\u043C\u043E\u2026",
     warrantyClaimDone: "\u041C\u0430\u0433\u0430\u0437\u0438\u043D \u043E\u0442\u0440\u0438\u043C\u0430\u0432 \u0432\u0430\u0448\u0435 \u0437\u0432\u0435\u0440\u043D\u0435\u043D\u043D\u044F. \u0412\u0456\u0434\u043F\u043E\u0432\u0456\u0434\u044C \u043D\u0430\u0434\u0456\u0439\u0434\u0435 \u043D\u0430 \u043F\u043E\u0448\u0442\u0443.",
-    warrantyClaimFailed: "\u041D\u0435 \u0432\u0434\u0430\u043B\u043E\u0441\u044F \u043D\u0430\u0434\u0456\u0441\u043B\u0430\u0442\u0438 \u0437\u0432\u0435\u0440\u043D\u0435\u043D\u043D\u044F."
+    warrantyClaimFailed: "\u041D\u0435 \u0432\u0434\u0430\u043B\u043E\u0441\u044F \u043D\u0430\u0434\u0456\u0441\u043B\u0430\u0442\u0438 \u0437\u0432\u0435\u0440\u043D\u0435\u043D\u043D\u044F.",
+    warrantyClaimTooLong: "\u0417\u0432\u0435\u0440\u043D\u0435\u043D\u043D\u044F \u043D\u0435 \u043C\u0430\u0454 \u043F\u0435\u0440\u0435\u0432\u0438\u0449\u0443\u0432\u0430\u0442\u0438 {max} \u0441\u0438\u043C\u0432\u043E\u043B\u0456\u0432."
   },
   downloads: {
     loading: "\u0417\u0430\u0432\u0430\u043D\u0442\u0430\u0436\u0443\u0454\u043C\u043E \u0432\u0430\u0448\u0456 \u0444\u0430\u0439\u043B\u0438",
@@ -7274,7 +7293,8 @@ var zh_default = {
     warrantyClaimSend: "\u63D0\u4EA4\u7533\u8BF7",
     warrantyClaimSending: "\u63D0\u4EA4\u4E2D\u2026",
     warrantyClaimDone: "\u5546\u5E97\u5DF2\u6536\u5230\u4F60\u7684\u7533\u8BF7\uFF0C\u4ED6\u4EEC\u4F1A\u901A\u8FC7\u90AE\u4EF6\u56DE\u590D\u3002",
-    warrantyClaimFailed: "\u7533\u8BF7\u63D0\u4EA4\u5931\u8D25\u3002"
+    warrantyClaimFailed: "\u7533\u8BF7\u63D0\u4EA4\u5931\u8D25\u3002",
+    warrantyClaimTooLong: "\u7533\u8BF7\u5185\u5BB9\u4E0D\u80FD\u8D85\u8FC7 {max} \u4E2A\u5B57\u7B26\u3002"
   },
   downloads: {
     loading: "\u6B63\u5728\u52A0\u8F7D\u4F60\u7684\u4E0B\u8F7D\u5185\u5BB9",
@@ -7617,6 +7637,7 @@ var MESSAGE_CATALOGS = {
   zh: zh_default
 };
 var EN_MESSAGES = MESSAGE_CATALOGS.en;
+var RTL_LOCALES = /* @__PURE__ */ new Set(["ar"]);
 function isSupportedLocale(value) {
   return SUPPORTED_LOCALES.includes(value);
 }
@@ -7624,6 +7645,9 @@ function resolveLocale(lang) {
   const base = (lang ?? "").trim().toLowerCase().split(/[-_]/)[0] ?? "";
   return isSupportedLocale(base) ? base : DEFAULT_LOCALE;
 }
+function isRightToLeft(locale) {
+  return RTL_LOCALES.has(locale);
+}
 function messageAt(catalog, key) {
   let value = catalog;
   for (const segment of key.split(".")) {
@@ -8598,52 +8622,6 @@ function CodeRow({ code }) {
 // src/account/favorites.tsx
 import { useEffect as useEffect2, useState as useState3 } from "react";
 import { Link as Link3 } from "react-router-dom";
-
-// src/account/account-favorites.ts
-function isRecord2(value) {
-  return typeof value === "object" && value !== null && !Array.isArray(value);
-}
-function readNullableString(record, key) {
-  const value = record[key];
-  if (value === null || typeof value === "string") return value;
-  return void 0;
-}
-function narrowFavorites(payload) {
-  if (!isRecord2(payload) || !Array.isArray(payload.favorites)) return { ok: false };
-  const favorites = [];
-  for (const entry of payload.favorites) {
-    if (!isRecord2(entry)) return { ok: false };
-    const productUniqid = entry.product_uniqid;
-    const title = entry.title;
-    const slug = readNullableString(entry, "slug");
-    const imageUrl = readNullableString(entry, "image_url");
-    const priceDisplay = entry.price_display;
-    const unavailable = entry.unavailable;
-    const createdAt = entry.created_at;
-    if (typeof productUniqid !== "string" || typeof title !== "string" || slug === void 0 || imageUrl === void 0 || typeof priceDisplay !== "number" || !Number.isFinite(priceDisplay) || typeof unavailable !== "boolean" || typeof createdAt !== "string") {
-      return { ok: false };
-    }
-    favorites.push({
-      product_uniqid: productUniqid,
-      title,
-      slug,
-      image_url: imageUrl,
-      price_display: priceDisplay,
-      unavailable,
-      created_at: createdAt
-    });
-  }
-  return { ok: true, favorites };
-}
-function favoriteProductHref(favorite) {
-  if (favorite.unavailable || !favorite.slug) return null;
-  return `/product/${encodeURIComponent(favorite.slug)}`;
-}
-function withoutFavorite(favorites, productUniqid) {
-  return favorites.filter((favorite) => favorite.product_uniqid !== productUniqid);
-}
-
-// src/account/favorites.tsx
 import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 function AccountFavorites() {
   const { state, reload } = useAccountResource("favorites", () => callCustomerApi((sdk) => sdk.favorites()));
@@ -8689,6 +8667,7 @@ function AccountFavorites() {
       setRemoveError(result.message?.trim() || t("favorites.removeFailed"));
       return;
     }
+    notifyFavoritesChanged();
     setFavorites((current) => current ? withoutFavorite(current, favorite.product_uniqid) : current);
   };
   return /* @__PURE__ */ jsxs4("div", { children: [
@@ -9060,6 +9039,9 @@ function canClaimWarranty(warranty, now = /* @__PURE__ */ new Date()) {
   return expires !== null && expires > now.getTime();
 }
 var WARRANTY_CLAIM_MESSAGE_MAX = 2e3;
+function isWarrantyClaimTooLong(input) {
+  return input.trim().length > WARRANTY_CLAIM_MESSAGE_MAX;
+}
 function warrantyClaimMessage(input) {
   const message = input.trim();
   return message.length === 0 ? void 0 : message;
@@ -9351,6 +9333,10 @@ function WarrantyRow({
   const claimKey = warrantyClaimKey(warranty.claim_status);
   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(
@@ -9402,7 +9388,7 @@ function WarrantyRow({
           rows: 3,
           value: message,
           disabled: sending,
-          maxLength: WARRANTY_CLAIM_MESSAGE_MAX,
+          "aria-invalid": error !== null || void 0,
           onChange: (event) => {
             setMessage(event.target.value);
             setError(null);
@@ -11237,21 +11223,21 @@ function grantStatusLabel(status) {
 import { useEffect as useEffect4, useId as useId2, useRef as useRef4, useState as useState8 } from "react";
 
 // src/account/account-settings.ts
-function isRecord3(value) {
+function isRecord2(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 }
-function readNullableString2(record, key) {
+function readNullableString(record, key) {
   const value = record[key];
   if (value === null || typeof value === "string") return value;
   return void 0;
 }
 function narrowEmailPreferences(payload) {
-  if (!isRecord3(payload) || typeof payload.global_unsubscribed !== "boolean") return { ok: false };
+  if (!isRecord2(payload) || typeof payload.global_unsubscribed !== "boolean") return { ok: false };
   if (!Array.isArray(payload.lists)) return { ok: false };
   const lists = [];
   for (const entry of payload.lists) {
-    if (!isRecord3(entry)) return { ok: false };
-    const description = readNullableString2(entry, "description");
+    if (!isRecord2(entry)) return { ok: false };
+    const description = readNullableString(entry, "description");
     if (typeof entry.id !== "string" || typeof entry.name !== "string" || description === void 0 || typeof entry.subscribed !== "boolean") {
       return { ok: false };
     }
@@ -11260,12 +11246,12 @@ function narrowEmailPreferences(payload) {
   return { ok: true, preferences: { global_unsubscribed: payload.global_unsubscribed, lists } };
 }
 function narrowCustomerSessions(payload) {
-  if (!isRecord3(payload) || !Array.isArray(payload.sessions)) return { ok: false };
+  if (!isRecord2(payload) || !Array.isArray(payload.sessions)) return { ok: false };
   const sessions = [];
   for (const entry of payload.sessions) {
-    if (!isRecord3(entry)) return { ok: false };
-    const ipAddress = readNullableString2(entry, "ip_address");
-    const userAgent = readNullableString2(entry, "user_agent");
+    if (!isRecord2(entry)) return { ok: false };
+    const ipAddress = readNullableString(entry, "ip_address");
+    const userAgent = readNullableString(entry, "user_agent");
     if (typeof entry.id !== "string" || typeof entry.created_at !== "string" || typeof entry.expires_at !== "string" || ipAddress === void 0 || userAgent === void 0 || typeof entry.current !== "boolean") {
       return { ok: false };
     }
@@ -11830,7 +11816,7 @@ function billingMessage(plan) {
 function cancelsAtPeriodEnd(gateway) {
   return gateway.trim().toUpperCase() !== "PAYPAL";
 }
-function isRecord4(value) {
+function isRecord3(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function readString(record, key) {
@@ -11838,10 +11824,10 @@ function readString(record, key) {
   return typeof value === "string" ? value : null;
 }
 function narrowBillingHistory(payload) {
-  if (!isRecord4(payload) || !Array.isArray(payload.invoices)) return { ok: false };
+  if (!isRecord3(payload) || !Array.isArray(payload.invoices)) return { ok: false };
   const invoices = [];
   for (const entry of payload.invoices) {
-    if (!isRecord4(entry)) return { ok: false };
+    if (!isRecord3(entry)) return { ok: false };
     const uniqid = readString(entry, "uniqid");
     const total = readString(entry, "total");
     const currency = readString(entry, "currency");
@@ -12108,10 +12094,10 @@ function BillingHistoryList({ payload, reload }) {
 import { useId as useId3, useState as useState10 } from "react";
 
 // src/account/account-support.ts
-function isRecord5(value) {
+function isRecord4(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 }
-function readNullableString3(record, key) {
+function readNullableString2(record, key) {
   const value = record[key];
   if (value === null || typeof value === "string") return value;
   return void 0;
@@ -12120,12 +12106,12 @@ function isSupportMessageRole(value) {
   return value === "CUSTOMER" || value === "MERCHANT" || value === "SYSTEM";
 }
 function narrowSupportTicket(payload) {
-  if (!isRecord5(payload) || !isRecord5(payload.ticket)) return { ok: false };
+  if (!isRecord4(payload) || !isRecord4(payload.ticket)) return { ok: false };
   const raw = payload.ticket;
   const uniqid = raw.uniqid;
-  const title = readNullableString3(raw, "title");
+  const title = readNullableString2(raw, "title");
   const status = raw.status;
-  const invoiceId = readNullableString3(raw, "invoice_id");
+  const invoiceId = readNullableString2(raw, "invoice_id");
   const createdAt = raw.created_at;
   const updatedAt = raw.updated_at;
   if (typeof uniqid !== "string" || title === void 0 || typeof status !== "string" || invoiceId === void 0 || typeof createdAt !== "string" || typeof updatedAt !== "string" || !Array.isArray(raw.messages)) {
@@ -12133,7 +12119,7 @@ function narrowSupportTicket(payload) {
   }
   const messages = [];
   for (const entry of raw.messages) {
-    if (!isRecord5(entry)) return { ok: false };
+    if (!isRecord4(entry)) return { ok: false };
     const { id, role, message, created_at: messageCreatedAt } = entry;
     if (typeof id !== "string" || !isSupportMessageRole(role) || typeof message !== "string" || typeof messageCreatedAt !== "string") {
       return { ok: false };
@@ -12169,7 +12155,7 @@ function messageAuthorKey(role) {
   return "support.fromMerchant";
 }
 function readCreatedTicketUniqid(data) {
-  if (!isRecord5(data)) return null;
+  if (!isRecord4(data)) return null;
   const uniqid = data.uniqid;
   return typeof uniqid === "string" && uniqid.length > 0 ? uniqid : null;
 }
@@ -12567,47 +12553,55 @@ function AccountPage({ frame: Frame, notFound }) {
   };
   if (canonical !== null) return /* @__PURE__ */ jsx15(Navigate, { to: `${canonical}${remainingSearch(search)}`, replace: true });
   if (view.kind === "unknown-tab") return /* @__PURE__ */ jsx15(Fragment3, { children: notFound });
-  return /* @__PURE__ */ jsx15(Frame, { children: /* @__PURE__ */ jsxs14("section", { className: "sx-account sxa:space-y-8 sxa:py-6 sxa:md:py-8", "data-sx-account-session": session.status, children: [
-    /* @__PURE__ */ jsxs14("div", { className: "sx-account-header sxa:flex sxa:flex-wrap sxa:items-end sxa:justify-between sxa:gap-4", children: [
-      /* @__PURE__ */ jsx15("h1", { className: "sx-account-title sxa:font-heading sxa:text-h1", children: t("account.title") }),
-      session.status === "signed-in" ? /* @__PURE__ */ jsxs14(
-        "button",
-        {
-          type: "button",
-          onClick: () => void signOut(),
-          disabled: signingOut,
-          "aria-busy": signingOut || void 0,
-          className: "sx-account-signout sx-account-button sxa:card-button sxa:card-button--add sxa:disabled:cursor-not-allowed sxa:disabled:opacity-50",
-          children: [
-            signingOut ? /* @__PURE__ */ jsx15(BusySpinner, { className: "sxa:mr-1.5 sxa:h-3.5 sxa:w-3.5" }) : null,
-            signingOut ? t("account.signingOut") : t("account.signOut")
-          ]
-        }
-      ) : null
-    ] }),
-    session.status === "checking" ? /* @__PURE__ */ jsx15(AccountRowsSkeleton, { rows: 3, label: t("account.checkingSession") }) : null,
-    session.status === "signed-out" ? /* @__PURE__ */ jsx15(
-      AccountLogin,
-      {
-        prefill,
-        onSignedIn: () => {
-          setPrefill(spendSignInPrefill());
-          setSession({ status: "signed-in" });
-        }
-      }
-    ) : null,
-    session.status === "unknown" ? /* @__PURE__ */ jsx15("div", { className: "sxa:mx-auto sxa:w-full sxa:max-w-md", children: /* @__PURE__ */ jsx15(
-      AccountError,
-      {
-        message: session.message,
-        onRetry: () => {
-          setSession({ status: "checking" });
-          setProbeToken((token) => token + 1);
-        }
-      }
-    ) }) : null,
-    session.status === "signed-in" ? /* @__PURE__ */ jsx15(SignedInAccount, { view, signOutError }) : null
-  ] }) });
+  return /* @__PURE__ */ jsx15(Frame, { children: /* @__PURE__ */ jsxs14(
+    "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,
+      children: [
+        /* @__PURE__ */ jsxs14("div", { className: "sx-account-header sxa:flex sxa:flex-wrap sxa:items-end sxa:justify-between sxa:gap-4", children: [
+          /* @__PURE__ */ jsx15("h1", { className: "sx-account-title sxa:font-heading sxa:text-h1", children: t("account.title") }),
+          session.status === "signed-in" ? /* @__PURE__ */ jsxs14(
+            "button",
+            {
+              type: "button",
+              onClick: () => void signOut(),
+              disabled: signingOut,
+              "aria-busy": signingOut || void 0,
+              className: "sx-account-signout sx-account-button sxa:card-button sxa:card-button--add sxa:disabled:cursor-not-allowed sxa:disabled:opacity-50",
+              children: [
+                signingOut ? /* @__PURE__ */ jsx15(BusySpinner, { className: "sxa:mr-1.5 sxa:h-3.5 sxa:w-3.5" }) : null,
+                signingOut ? t("account.signingOut") : t("account.signOut")
+              ]
+            }
+          ) : null
+        ] }),
+        session.status === "checking" ? /* @__PURE__ */ jsx15(AccountRowsSkeleton, { rows: 3, label: t("account.checkingSession") }) : null,
+        session.status === "signed-out" ? /* @__PURE__ */ jsx15(
+          AccountLogin,
+          {
+            prefill,
+            onSignedIn: () => {
+              setPrefill(spendSignInPrefill());
+              setSession({ status: "signed-in" });
+            }
+          }
+        ) : null,
+        session.status === "unknown" ? /* @__PURE__ */ jsx15("div", { className: "sxa:mx-auto sxa:w-full sxa:max-w-md", children: /* @__PURE__ */ jsx15(
+          AccountError,
+          {
+            message: session.message,
+            onRetry: () => {
+              setSession({ status: "checking" });
+              setProbeToken((token) => token + 1);
+            }
+          }
+        ) }) : null,
+        session.status === "signed-in" ? /* @__PURE__ */ jsx15(SignedInAccount, { view, signOutError }) : null
+      ]
+    }
+  ) });
 }
 function SignedInAccount({
   view,