@shoppexio/storefront-react 0.1.4 → 0.2.0

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/favorites.tsx

@@ -12,6 +12,7 @@
  * where the two differ, which is worse than not saying.
  */
 
+import { notifyFavoritesChanged } from '@shoppexio/storefront-react';
 import { useEffect, useState } from 'react';
 import { Link } from 'react-router-dom';
 import {
@@ -96,6 +97,8 @@ export function AccountFavorites() {
       return;
     }
 
+    // Hearts elsewhere on the page follow the account.
+    notifyFavoritesChanged();
     // Dropped only once the server confirmed it. Removing the card first and
     // putting it back on failure makes the buyer watch their own action undo
     // itself, and leaves the two lists disagreeing whenever a retry is slow.

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.2.0",
   "description": "React hooks, models and a customer account for Shoppex code storefronts",
   "type": "module",
   "homepage": "https://docs.shoppex.io/storefront/code-storefront-development",

package/dist/chunk-D6XKDVAV.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/account-route.ts","../src/shoppex.ts"],"sourcesContent":["/**\n * Which account surface a URL names.\n *\n * The account lives under `/dashboard`, and the panel is a PATH SEGMENT:\n * `/dashboard/orders`, `/dashboard/orders/<uniqid>`, `/dashboard/settings`.\n * `/dashboard` itself is the overview. This is the platform's route shape and it\n * is identical on both storefront lanes (ADR-0064), so a theme that invents its\n * own account paths breaks links it does not own.\n *\n * The older query spelling — `?tab=<tab>` and `?order=<id>` — is still ACCEPTED,\n * because it sits in order emails already sent and in the platform's post-login\n * redirect. It is read as input and never written: a URL carrying it is\n * canonicalized to the path form, by replacement rather than a push, so the back\n * button does not bounce the buyer between the two spellings. The path always\n * wins when a URL carries both.\n *\n * `/customer-portal` is the oldest spelling of the same route and folds in with\n * its tail and query intact.\n *\n * A locale prefix (`/de/dashboard/orders`) is part of the served URL on a\n * localized storefront. The router's basename normally strips it before any of\n * this sees it, so the parser accepts a pathname with or without one and\n * canonicalization keeps whatever prefix it was given.\n *\n * Everything here is pure string work, so `tests/account-route.test.ts` can pin\n * the parts email links depend on.\n */\n\nexport const ACCOUNT_PATH = '/dashboard';\n\n/** The older spelling of the same route. Folded, never served separately. */\nexport const ACCOUNT_PATH_ALIAS = '/customer-portal';\n\nconst ACCOUNT_SEGMENT = 'dashboard';\nconst ACCOUNT_ALIAS_SEGMENT = 'customer-portal';\n\n/**\n * Every tab the Shoppex account surface defines, in navigation order.\n *\n * Listed in full so a link to a real platform tab can be told apart from a typo\n * and answered differently.\n */\nexport const ACCOUNT_TABS = [\n  'overview',\n  'orders',\n  'downloads',\n  'subscriptions',\n  'rewards',\n  'referrals',\n  'favorites',\n  'support',\n  'settings',\n  'reseller',\n] as const;\n\nexport type AccountTab = (typeof ACCOUNT_TABS)[number];\n\n/**\n * The catalog key a tab's label lives under.\n *\n * A key rather than a string: this file is imported by the router, the\n * navigation and the \"not part of this store\" notice, and each of them needs\n * the label in the locale the edge served — see `account/i18n.ts`.\n */\nexport function accountTabLabelKey(tab: AccountTab): string {\n  return `account.tabs.${tab}`;\n}\n\n/**\n * The tabs the account renders.\n *\n * All ten platform tabs. Adding a panel means adding its tab here AND\n * rendering it, in the same change: a tab listed without a panel would navigate\n * to the \"not built\" notice, which is worse than not offering it.\n *\n * Reseller payloads are locally narrowed because shared contracts do not cover\n * them, but the worker now allowlists their SDK routes.\n */\nexport const IMPLEMENTED_ACCOUNT_TABS = [\n  'overview',\n  'orders',\n  'downloads',\n  'subscriptions',\n  'rewards',\n  'referrals',\n  'favorites',\n  'support',\n  'settings',\n  'reseller',\n] as const;\n\nexport type ImplementedAccountTab = (typeof IMPLEMENTED_ACCOUNT_TABS)[number];\n\nexport const DEFAULT_ACCOUNT_TAB: ImplementedAccountTab = 'overview';\n\n/**\n * What the account page should show.\n *\n * `not-built` and `unknown-tab` are separate on purpose. The first is a real\n * platform tab this storefront chose not to render, the second is a value that\n * names no tab at all. Collapsing them into \"show the overview instead\" would\n * hide a broken link behind a page that looks like it worked.\n */\nexport type AccountView =\n  | { kind: 'panel'; tab: ImplementedAccountTab }\n  | { kind: 'order'; orderId: string }\n  | { kind: 'not-built'; tab: AccountTab }\n  | { kind: 'unknown-tab' };\n\nexport function isAccountTab(value: string): value is AccountTab {\n  return (ACCOUNT_TABS as readonly string[]).includes(value);\n}\n\nexport function isImplementedAccountTab(value: string): value is ImplementedAccountTab {\n  return (IMPLEMENTED_ACCOUNT_TABS as readonly string[]).includes(value);\n}\n\n/** A two-letter locale segment, the only prefix the storefront edge serves. */\nconst LOCALE_SEGMENT = /^[a-z]{2}$/i;\n\nfunction isAccountSegment(segment: string | undefined): boolean {\n  return segment === ACCOUNT_SEGMENT || segment === ACCOUNT_ALIAS_SEGMENT;\n}\n\nexport interface AccountRouteParts {\n  /** What preceded `/dashboard`: '' or a locale prefix such as '/de'. */\n  prefix: string;\n  /** Whether the URL used the retired `/customer-portal` spelling. */\n  alias: boolean;\n  /** The segments after `/dashboard`, decoded. */\n  tail: string[];\n}\n\n/**\n * Split an account URL into its prefix and the segments below `/dashboard`.\n *\n * Null when the path is not the account route at all. The account segment is\n * only recognised first or directly after a locale segment — searching for it\n * anywhere would make `/product/dashboard-pro` an account URL.\n */\nexport function parseAccountPath(pathname: string): AccountRouteParts | null {\n  const segments = pathname.split('/').filter((segment) => segment.length > 0);\n\n  let index = -1;\n  if (isAccountSegment(segments[0])) index = 0;\n  else if (segments[0] && LOCALE_SEGMENT.test(segments[0]) && isAccountSegment(segments[1])) index = 1;\n  if (index === -1) return null;\n\n  return {\n    prefix: index === 0 ? '' : `/${segments[0]}`,\n    alias: segments[index] === ACCOUNT_ALIAS_SEGMENT,\n    tail: segments.slice(index + 1).map(decodeSegment),\n  };\n}\n\nfunction decodeSegment(segment: string): string {\n  try {\n    return decodeURIComponent(segment);\n  } catch {\n    // A malformed escape is not a segment this route can name; keeping it raw\n    // lets it fall through to `unknown-tab` instead of throwing on a link a\n    // buyer merely mistyped.\n    return segment;\n  }\n}\n\n/**\n * What to render for a URL.\n *\n * The path is read first and the query only when the path names no panel, so a\n * canonical URL is never reinterpreted by a stale parameter riding along on it.\n */\nexport function resolveAccountView(pathname: string, search: URLSearchParams): AccountView {\n  const parts = parseAccountPath(pathname);\n  if (!parts) return { kind: 'unknown-tab' };\n\n  if (parts.tail.length === 0) return resolveLegacyQueryView(search);\n\n  const [first, second, ...rest] = parts.tail;\n  if (rest.length > 0) return { kind: 'unknown-tab' };\n  if (!first) return resolveLegacyQueryView(search);\n\n  if (second !== undefined) {\n    // The only two-segment surface: one order inside the orders panel.\n    if (first !== 'orders' || second.length === 0) return { kind: 'unknown-tab' };\n    return { kind: 'order', orderId: second };\n  }\n\n  return viewForTab(first);\n}\n\n/**\n * The retired spelling, read as input only.\n *\n * `?order=` belongs to the orders panel, so it is honoured when the query asks\n * for the orders tab or names no tab at all. An explicit different tab wins:\n * `?tab=settings&order=x` is a request for settings, and answering it with an\n * order would be the page deciding it knows better.\n */\nfunction resolveLegacyQueryView(search: URLSearchParams): AccountView {\n  const rawTab = (search.get('tab') ?? '').trim();\n  // `invoice` is the portal's spelling and it is already out in the world:\n  // notification mails carry `?tab=orders&invoice=<uniqid>` and cannot be\n  // edited after the fact. Reading only `order` would open the list and\n  // canonicalize the invoice away.\n  const orderId = (search.get('order') ?? search.get('invoice') ?? '').trim();\n\n  if (rawTab && !isAccountTab(rawTab)) return { kind: 'unknown-tab' };\n  if (orderId && (rawTab === '' || rawTab === 'orders')) return { kind: 'order', orderId };\n  if (rawTab === '') return { kind: 'panel', tab: DEFAULT_ACCOUNT_TAB };\n\n  return viewForTab(rawTab);\n}\n\nfunction viewForTab(value: string): AccountView {\n  if (!isAccountTab(value)) return { kind: 'unknown-tab' };\n  if (!isImplementedAccountTab(value)) return { kind: 'not-built', tab: value };\n  return { kind: 'panel', tab: value };\n}\n\n/** `/dashboard/<tab>`. The overview is the bare path, not `/dashboard/overview`. */\nexport function accountTabHref(tab: AccountTab): string {\n  if (tab === DEFAULT_ACCOUNT_TAB) return ACCOUNT_PATH;\n  return `${ACCOUNT_PATH}/${tab}`;\n}\n\n/** `/dashboard/orders/<id>`, the one order-detail spelling. */\nexport function accountOrderHref(orderId: string): string {\n  return `${ACCOUNT_PATH}/orders/${encodeURIComponent(orderId)}`;\n}\n\n/**\n * The canonical path for a URL that is not written the canonical way, or null\n * when it already is.\n *\n * Three URLs need rewriting: the `/customer-portal` alias, a `?tab=`/`?order=`\n * query, and the redundant `/dashboard/overview`. The caller replaces rather\n * than pushes — a push would put the retired spelling in the history and send\n * the back button straight back into it.\n *\n * A URL naming nothing real (`?tab=orderz`, `/dashboard/nope`) has no canonical\n * form and keeps the address it came with: rewriting it to the overview would\n * turn a broken link into one that looks like it worked.\n *\n * The prefix the URL came with is preserved, so a buyer on `/de/dashboard` is\n * not quietly moved out of their locale.\n */\nexport function canonicalAccountPath(pathname: string, search: URLSearchParams): string | null {\n  const parts = parseAccountPath(pathname);\n  if (!parts) return null;\n\n  const view = resolveAccountView(pathname, search);\n  const canonical = canonicalPathForView(view);\n  if (canonical === null) return null;\n\n  const current = `${parts.prefix}${ACCOUNT_PATH}${parts.tail.map((segment) => `/${encodeURIComponent(segment)}`).join('')}`;\n  const target = `${parts.prefix}${canonical}`;\n\n  // Already canonical AND carrying nothing to strip: leave the URL alone.\n  if (!parts.alias && current === target && search.get('tab') === null && search.get('order') === null && search.get('invoice') === null) {\n    return null;\n  }\n\n  return target;\n}\n\nfunction canonicalPathForView(view: AccountView): string | null {\n  switch (view.kind) {\n    case 'panel':\n      return accountTabHref(view.tab);\n    case 'order':\n      return accountOrderHref(view.orderId);\n    case 'not-built':\n      return accountTabHref(view.tab);\n    case 'unknown-tab':\n      return null;\n  }\n}\n\n\n/**\n * The storefront routes the account links to outside itself: the catalog\n * behind every \"browse the store\" action, and a product page per favorite.\n * React Router does not check a `to`, so a host that does not route one of\n * these answers the account's own buttons with its not-found page. A host\n * checks its router against this list (ForkMe: `tests/account-routes.test.ts`).\n */\nexport const ACCOUNT_STOREFRONT_ROUTES = ['/all-products', '/product/:slug'] as const;\n\n/**\n * The artifact capabilities the account relies on. A storefront that mounts\n * the account lists each of them in its `public/shoppex.capabilities.json`;\n * the storefront worker reads that file from the artifact and only then hands\n * the account what the capability promises. `account-reseller-invite-cookie`\n * is pinned to `RESELLER_INVITE_ARTIFACT_CAPABILITY` in\n * `workers/storefront/src/reseller-invite-link.ts`: without it the worker\n * leaves a reseller invitation in the URL for that build.\n */\nexport const ACCOUNT_ARTIFACT_CAPABILITIES = ['account-reseller-invite-cookie'] as const;\n","import type { ShoppexSdk } from './sdk';\n\n/**\n * Access to the Shoppex Storefront SDK global (loaded in index.html from\n * cdn.shoppex.io) plus its one-time initialization from the bootstrap globals\n * the Shoppex worker injects next to __SHOPPEX_INITIAL__:\n * shopSlug, shopId, apiBaseUrl, defaultCurrency (+ optional checkoutBaseUrl).\n *\n * Both the script and the globals are hard requirements — a storefront without\n * them cannot price, cart, or check out, so we fail fast instead of rendering\n * a broken shop.\n */\n\nlet initialized = false;\n\n/**\n * The sentence that names the CAUSE rather than the symptom.\n *\n * A missing bootstrap global and a missing `__SHOPPEX_INITIAL__` payload are\n * the same fault seen from two sides: the page is not being served by the\n * worker that injects both. `App.tsx`'s configuration screen shows this to the\n * merchant, so it lives here once instead of being written twice.\n */\nexport const SERVING_CONTEXT_HINT =\n  'This storefront must be served by the Shoppex storefront (or preview) worker.';\n\nfunction requiredGlobal(name: 'shopSlug' | 'shopId' | 'apiBaseUrl' | 'defaultCurrency'): string {\n  const value = window[name];\n  if (typeof value !== 'string' || !value.trim()) {\n    throw new Error(`Shoppex bootstrap global \"${name}\" is missing. ${SERVING_CONTEXT_HINT}`);\n  }\n  return value.trim();\n}\n\nexport function getShoppex(): ShoppexSdk {\n  const sdk = window.shoppex;\n  if (!sdk) {\n    throw new Error(\n      'The Shoppex SDK script did not load (window.shoppex is missing). Check the <script src=\"https://cdn.shoppex.io/sdk/...\"> tag in index.html.',\n    );\n  }\n  if (!initialized) {\n    const storeSlug = requiredGlobal('shopSlug');\n    if (!sdk.isInitialized() || sdk.getConfig().storeSlug !== storeSlug) {\n      const checkoutBaseUrl = typeof window.checkoutBaseUrl === 'string' && window.checkoutBaseUrl.trim()\n        ? window.checkoutBaseUrl.trim()\n        : undefined;\n      sdk.init(storeSlug, {\n        shopId: requiredGlobal('shopId'),\n        apiBaseUrl: requiredGlobal('apiBaseUrl'),\n        currency: requiredGlobal('defaultCurrency'),\n        ...(checkoutBaseUrl ? { checkoutBaseUrl } : {}),\n      });\n    }\n    // Last-click referral capture. checkout() reads this stored code by itself\n    // whenever the cart does not carry an affiliate code of its own, so this\n    // single call is what makes `?ref=<code>` links actually pay out. A code the\n    // buyer TYPED and the quote classified as a referral takes precedence — see\n    // `cart.tsx` → `checkout`.\n    // A failed capture must never block the storefront from rendering.\n    void sdk.captureAffiliateFromUrl().catch(() => undefined);\n    initialized = true;\n  }\n  return sdk;\n}\n\n/**\n * The currency the prices on this page are in.\n *\n * The edge injected it alongside the catalog, from the same payload the prices\n * came from, so it is right whether the buyer asked for a currency, whether\n * their country selected one, or neither.\n *\n * Pass it to every quote and checkout. Left out, the SDK falls back to reading\n * `?currency=` off `window.location` — which survives the first page load and\n * nothing after it, because client-side navigation drops the query. The cart\n * then quoted in the shop's geo-resolved currency while the page went on\n * showing the one the buyer asked for.\n */\nexport function getBuyerCurrency(): string {\n  return requiredGlobal('defaultCurrency');\n}\n"],"mappings":"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","names":[]}