@shoppexio/storefront-react 0.1.4 → 0.1.5

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## 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

@@ -164,7 +164,7 @@ 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()` |
+| 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

@@ -299,7 +299,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 +765,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 +1231,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 +1697,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 +2163,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 +2629,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 +3095,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 +3561,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 +4027,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 +4493,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 +4959,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 +5425,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 +5891,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 +6357,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 +6823,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 +7289,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 +7633,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 +7641,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(".")) {
@@ -9060,6 +9080,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 +9374,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 +9429,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);
@@ -12567,47 +12594,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,