@eifi1/ui-kit 0.38.0 → 0.39.0

package/src/feedback/feedback-public-list.tsx

@@ -1,7 +1,9 @@
 import { useMemo, useState } from "react";
 import type { ReactNode } from "react";
-import { MessageSquare, ThumbsUp } from "lucide-react";
+import { ChevronLeft, ChevronRight, MessageSquare, ThumbsUp } from "lucide-react";
 import { DataTable, type DataTableColumn } from "../components/data-table";
+import { DEFAULT_DATA_TABLE_LABELS } from "../components/data-table-labels";
+import { IconButton } from "../components/icon-button";
 import { SearchField } from "../components/search-field";
 import { ToggleGroup } from "../components/toggle-group";
 import type { CommitScope } from "../components/write-lock";
@@ -80,6 +82,55 @@ function VoteCount({ count, voted, labels }: { count: number; voted: boolean; la
   );
 }
 
+/** 0.38.1: previous / next over the server's pages when it answers no total
+ *  (`GET /feedback/public` — Kurvenschmiede): "Page 3" between two arrows. The arrows'
+ *  names are `dataTable`'s, the strip's; the page's is `feedbackPublic.page`. */
+function PublicPager({
+  page,
+  hasMore,
+  onPageChange,
+  labels,
+}: {
+  page: number;
+  hasMore: boolean;
+  onPageChange: (page: number) => void;
+  labels: FeedbackPublicLabels;
+}) {
+  const tableLabels = useKitLabels("dataTable", DEFAULT_DATA_TABLE_LABELS);
+  const name = labels.page(page + 1);
+  return (
+    <div
+      role="group"
+      aria-label={name}
+      className="flex items-center justify-end gap-2 text-sm text-secondary"
+      data-feedback-public-pager={page}
+    >
+      <IconButton
+        size="sm"
+        variant="secondary"
+        label={tableLabels.prevPage}
+        disabled={page <= 0}
+        onClick={() => onPageChange(page - 1)}
+      >
+        {/* "Previous" points back along the line — left in LTR, right in RTL. */}
+        <ChevronLeft className="rtl:-scale-x-100" />
+      </IconButton>
+      <span className="tabular-nums" aria-hidden>
+        {name}
+      </span>
+      <IconButton
+        size="sm"
+        variant="secondary"
+        label={tableLabels.nextPage}
+        disabled={!hasMore}
+        onClick={() => onPageChange(page + 1)}
+      >
+        <ChevronRight className="rtl:-scale-x-100" />
+      </IconButton>
+    </div>
+  );
+}
+
 /* ── The list ─────────────────────────────────────────────────────────────── */
 
 export interface FeedbackPublicListProps<T extends FeedbackPublicListItem = FeedbackPublicListItem> {
@@ -110,6 +161,26 @@ export interface FeedbackPublicListProps<T extends FeedbackPublicListItem = Feed
    *  keeps it itself. */
   openId?: number | null;
   onOpenChange?: (id: number | null) => void;
+  /**
+   * 0.38.1: the opened report when it is NOT on this page — a `?row=` link to an older
+   * one (Kurvenschmiede). The app fetches it (`GET /feedback/public/{id}`, a list item's
+   * fields and more) and passes it with `openId`; while `openId` is its id it is drawn
+   * first, above the page's rows, and opened with `renderDetail` (on the phone, in the
+   * full-screen dialog). Closed, it is gone. A row the page has already is never drawn
+   * twice: the page's own is opened instead.
+   */
+  openRow?: T | null;
+  /**
+   * 0.38.1: the server's page, from 0 — for a pager where `/feedback/public` answers no
+   * total (Kurvenschmiede). With {@link onPageChange} a **Previous / Page n / Next**
+   * strip stands under the table; Next is off without {@link hasMore}. Left out, no
+   * pager: the server's `limit` is all there is.
+   */
+  page?: number;
+  /** 0.38.1: there is a page after this one (e.g. the page came back full). */
+  hasMore?: boolean;
+  /** 0.38.1: go to another page (`page ± 1`); the app fetches it. Draws the pager. */
+  onPageChange?: (page: number) => void;
   /** A vote COMMITS — see Button's `commit`. */
   commit?: CommitScope;
   /** See {@link FeedbackRenderDate}. Default: the kit's, with the weekday. */
@@ -140,9 +211,10 @@ export interface FeedbackPublicListProps<T extends FeedbackPublicListItem = Feed
  *   counts; the vote itself is in the opened report (a button inside the card, which is
  *   the row's own button, would be two controls in one).
  *
- * No paging of its own: the server's `limit` is the page, and `total` says how many
- * there are (an app with more than one page adds its pager below). Needs a router, as
- * every `DataTable` does.
+ * No client paging: the server's `limit` is the page, and `total` says how many there
+ * are. For more than one page, `page` / `hasMore` / `onPageChange` draw a previous /
+ * next strip that needs no total (0.38.1); `openRow` shows a `?row=` report from
+ * another page. Needs a router, as every `DataTable` does.
  */
 export function FeedbackPublicList<T extends FeedbackPublicListItem = FeedbackPublicListItem>({
   rows,
@@ -156,6 +228,10 @@ export function FeedbackPublicList<T extends FeedbackPublicListItem = FeedbackPu
   loading = false,
   openId: openIdProp,
   onOpenChange,
+  openRow,
+  page: pageIndex = 0,
+  hasMore = false,
+  onPageChange,
   commit,
   renderDate: renderDateProp,
   labels: labelsProp,
@@ -172,6 +248,10 @@ export function FeedbackPublicList<T extends FeedbackPublicListItem = FeedbackPu
     if (openIdProp === undefined) setOwnOpenId(id);
     onOpenChange?.(id);
   };
+  // A `?row=` report from another page: first, while it is the open one, and only when
+  // the page does not have it itself.
+  const shownRows =
+    openRow && openId === openRow.id && !rows.some((row) => row.id === openRow.id) ? [openRow, ...rows] : rows;
 
   const columns = useMemo<DataTableColumn<T>[]>(
     () => [
@@ -257,7 +337,7 @@ export function FeedbackPublicList<T extends FeedbackPublicListItem = FeedbackPu
         )}
       </div>
       <DataTable
-        rows={rows}
+        rows={shownRows}
         columns={columns}
         rowKey={(row) => row.id}
         rowName={(row) => row.title}
@@ -284,6 +364,9 @@ export function FeedbackPublicList<T extends FeedbackPublicListItem = FeedbackPu
           </div>
         )}
       />
+      {onPageChange && (pageIndex > 0 || hasMore) && (
+        <PublicPager page={pageIndex} hasMore={hasMore} onPageChange={onPageChange} labels={labels} />
+      )}
     </div>
   );
 }

package/src/feedback/feedback-public-switch.tsx

@@ -19,7 +19,7 @@ export interface FeedbackPublicSwitchViewer {
 /** The viewer filed the row — `mine` when the server sent it, else the ids (never for an
  *  erased author, `user_id: null`). */
 function isAuthorOf(row: FeedbackPublicSwitchRow, viewerId: number | null | undefined): boolean {
-  if (row.mine !== undefined) return row.mine;
+  if (row.mine != null) return row.mine;
   return row.user_id !== null && viewerId !== undefined && viewerId !== null && row.user_id === viewerId;
 }
 
@@ -83,7 +83,7 @@ export function FeedbackPublicSwitch({
   className,
 }: FeedbackPublicSwitchProps) {
   const labels = useKitLabels("feedbackPublic", DEFAULT_FEEDBACK_PUBLIC_LABELS, labelsProp);
-  if (row.category === "CRASH" || row.public === undefined) return null;
+  if (row.category === "CRASH" || row.public == null) return null;
   if (!isAdmin && !isAuthorOf(row, viewerId)) return null;
   const allowed = feedbackPublicSwitchAllowed(row, { isAdmin, viewerId });
   return (
@@ -91,7 +91,7 @@ export function FeedbackPublicSwitch({
       className={className}
       label={labels.visibleToOthers}
       description={labels.visibleHint}
-      checked={row.public}
+      checked={row.public === true}
       disabled={pending}
       disabledReason={allowed ? undefined : labels.visibleLocked}
       commit={commit}

package/src/feedback/feedback-record.ts

@@ -117,20 +117,20 @@ export interface FeedbackRecord {
   /** The admin: the full name; the author: their own; `null`: none to show. */
   author_name?: string | null;
   /** The viewer filed it. */
-  mine?: boolean;
+  mine?: boolean | null;
   /** Visible to the app's other users (§9.3); never on a CRASH. */
-  public?: boolean;
+  public?: boolean | null;
   /** Made public by the 0.38 migration: the author may switch it off at any status. */
-  filed_private?: boolean;
+  filed_private?: boolean | null;
   /** People who want this (the author's own vote included, §9.6). */
-  votes?: number;
+  votes?: number | null;
   /** The viewer's vote. */
-  voted?: boolean;
+  voted?: boolean | null;
   /** Comments (an admin's count includes hidden ones). */
-  comment_count?: number;
+  comment_count?: number | null;
   /** The admin's answers, oldest first (§9.7). Absent: a server before 0.38 — read
    *  `outcome` instead. */
-  replies?: FeedbackReply[];
+  replies?: FeedbackReply[] | null;
 }
 
 /* ── Constants (§3.4, §3.5, §4.3) ─────────────────────────────────────────── */

package/src/feedback/feedback-replies-context.ts

@@ -0,0 +1,9 @@
+import { createContext } from "react";
+
+/**
+ * `true` inside `FeedbackRowDetail`'s Comments section (0.38.1, Kurvenschmiede): the
+ * detail's own Replies section draws the report's replies already, so a
+ * `FeedbackCommentThread` there draws the comments alone — whatever `replies` it was
+ * handed. Internal: not re-exported.
+ */
+export const FeedbackRepliesDrawnAboveContext = createContext(false);

package/src/feedback/feedback-row-detail.tsx

@@ -42,6 +42,7 @@ import type { CommitScope } from "../components/write-lock";
 import { DEFAULT_FEEDBACK_DETAIL_LABELS } from "./feedback-row-detail-labels";
 import { FeedbackReplyComposer, FeedbackReplyTimeline, feedbackReplyNudge } from "./feedback-replies";
 import { FeedbackPublicSwitch } from "./feedback-public-switch";
+import { FeedbackRepliesDrawnAboveContext } from "./feedback-replies-context";
 import { DEFAULT_FEEDBACK_COMMENTS_LABELS } from "./feedback-thread-parts-labels";
 
 /**
@@ -373,6 +374,10 @@ export interface FeedbackDetailPatch {
    *  answers 422; the detail no longer sends it (a reply is written instead). */
   outcome?: string | null;
   status?: FeedbackStatus;
+  /** 0.38.1: the **Visible to others** flip (§9.3) — what `onPublicChange`'s
+   *  `PATCH /feedback/{id} {"public": next}` carries, alone, so an app can send it
+   *  through the same `onUpdate` mutation. */
+  public?: boolean;
 }
 
 /**
@@ -582,17 +587,22 @@ export interface FeedbackRowDetailProps {
    * 0.38: `POST /feedback/{id}/replies` (§9.7) — the body and the status picked
    * (`undefined`: "No change"). With `canEdit` and a row that carries `replies`, the
    * reply composer stands under the timeline. Return the promise: the box clears when it
-   * resolves.
+   * resolves. A failure is the app's to toast — the server's `detail`, else
+   * `feedbackToast.replyFailed` (0.38.1).
    */
   onReply?: (body: string, status?: FeedbackStatus) => void | Promise<unknown>;
   /** 0.38: the reply is in flight. */
   replying?: boolean;
   /** 0.38: the report's comments — the app's `FeedbackCommentThread` — in a section of
-   *  their own under the replies. */
+   *  their own under the replies. A thread here draws the comments alone (0.38.1): the
+   *  Replies section above has the replies, so whatever `replies` the thread is handed
+   *  are dropped, and nothing is drawn twice. */
   comments?: ReactNode;
   /** 0.38: `PATCH /feedback/{id} {"public": next}` — draws the **Visible to others**
    *  switch (`FeedbackPublicSwitch`) in the Status section, for the admin (`canEdit`)
-   *  and, within §9.3's window, the author. */
+   *  and, within §9.3's window, the author. The page's own mutation fits:
+   *  `onPublicChange={(next) => update.mutate({ id: row.id, public: next })}` —
+   *  {@link FeedbackDetailPatch}'s `public` (0.38.1). */
   onPublicChange?: (next: boolean) => void;
   labels?: LabelOverride<FeedbackDetailLabels>;
   className?: string;
@@ -818,7 +828,9 @@ export function FeedbackRowDetail({
       </FeedbackDetailSection>
 
       {comments != null && (
-        <FeedbackDetailSection title={commentLabels.comments}>{comments}</FeedbackDetailSection>
+        <FeedbackDetailSection title={commentLabels.comments}>
+          <FeedbackRepliesDrawnAboveContext.Provider value>{comments}</FeedbackRepliesDrawnAboveContext.Provider>
+        </FeedbackDetailSection>
       )}
 
       {showRework && (

package/src/feedback/feedback-table.tsx

@@ -472,7 +472,7 @@ export function feedbackColumns<T extends FeedbackTableRow>({
           key: "votes",
           header: votesHeader,
           className: "whitespace-nowrap",
-          cell: (row) => <FeedbackVoteCount votes={row.votes} />,
+          cell: (row) => <FeedbackVoteCount votes={row.votes ?? undefined} />,
           sortBy: (row) => row.votes ?? 0,
           filter: { type: "number", getValue: (row) => row.votes ?? 0 },
           mobileHidden: true,
@@ -710,7 +710,7 @@ export function FeedbackMobileCard({
       </div>
       <div className="flex min-w-0 flex-wrap items-center gap-x-2 gap-y-0.5 text-xs text-muted">
         <FeedbackCategoryBadge category={row.category} compact />
-        {votes && <FeedbackVoteCount votes={row.votes} />}
+        {votes && <FeedbackVoteCount votes={row.votes ?? undefined} />}
         <FeedbackDate value={row.created_at} renderDate={renderDate} />
         {showSubmitter && (
           // The short id form: "#7" says enough on a card that has room for little.

package/src/feedback/feedback-vote-button.tsx

@@ -19,7 +19,8 @@ import { DEFAULT_FEEDBACK_VOTE_LABELS } from "./feedback-thread-parts-labels";
  * - **Optimistic with rollback:** the press shows the new state at once, `onVote(next)`
  *   sends `PUT` (`true`) or `DELETE` (`false`) and its answer — the server's count —
  *   replaces the guess; a rejection puts back what was there. The error is the app's
- *   to toast (its mutation's `onError`), as with every kit part that takes a promise.
+ *   to toast (its mutation's `onError`), as with every kit part that takes a promise —
+ *   the server's `detail`, else `feedbackToast.voteFailed` (0.38.1).
  * - **The author's own report** counts as their vote (§9.6, decision 20): `own` shows it
  *   pressed and `aria-disabled` with "Your report" as the reason (the server would
  *   answer 409).

package/src/i18n/german.ts

@@ -113,6 +113,9 @@ export function germanLabels(numberLocale: string): UiKitLabels {
       statusChanged: (status, title) => `Auf „${status}“ gesetzt: ${title}`,
       statusUndo: "Rückgängig",
       statusRestored: (status, title) => `Zurück auf „${status}“: ${title}`,
+      commentFailed: "Kommentar konnte nicht gesendet werden.",
+      voteFailed: "Stimme konnte nicht gespeichert werden.",
+      replyFailed: "Antwort konnte nicht gesendet werden.",
     },
     feedbackMenu: {
       trigger: "Feedback senden",
@@ -142,6 +145,7 @@ export function germanLabels(numberLocale: string): UiKitLabels {
       visibleToOthers: "Für andere sichtbar",
       visibleHint: "Andere Personen sehen Titel und Text, nie Ihre Screenshots oder Dateien.",
       visibleLocked: "Nur solange die Meldung noch offen ist.",
+      page: (page) => `Seite ${n(page)}`,
     },
     feedbackNotificationTypes: {
       answered: "Antworten auf Ihre Meldungen",
@@ -1745,6 +1749,14 @@ export function germanLabels(numberLocale: string): UiKitLabels {
         "Der Bezahlvorgang konnte nicht geöffnet werden. Bitte kehren Sie zurück und versuchen Sie es gleich noch einmal.",
       payBack:
         "Der Bezahlvorgang wurde geschlossen. Sie können zurückkehren oder diese Seite neu laden, um ihn wieder zu öffnen.",
+      payDone: "Zahlung abgeschlossen. Sie können diese Seite schließen.",
+      // 0.39 (§15.2.10): PlanSwitchConfirm.
+      switchTitle: "Tarif ändern",
+      switchFromTo: (from, to) => `Von ${from} zu ${to}`,
+      switchChargedNow: "Jetzt belastet",
+      switchCredited: "Gutschrift auf die nächsten Belastungen",
+      switchNextCharge: (date) => `Nächste Belastung am ${date}`,
+      switchConfirm: "Tarif ändern",
       waitingChanges: (count) =>
         count === 1
           ? `${n(count)} Änderung wartet auf einen Tarif`
@@ -1756,9 +1768,13 @@ export function germanLabels(numberLocale: string): UiKitLabels {
       // §14.2: server-kit 0.7's refusals. "Zahlung und Rechnungen", as `manage`.
       providerUnavailable:
         "Der Zahlungsanbieter ist gerade nicht erreichbar. Bitte versuchen Sie es gleich noch einmal.",
-      alreadySubscribed: "Sie haben bereits ein Abonnement. Ihren Tarif ändern Sie unter „Zahlung und Rechnungen“.",
+      alreadySubscribed: "Sie haben bereits ein Abonnement. Ändern Sie Ihren Tarif oben.",
       planNotSold:
         "Dieser Tarif ist für diesen Abrechnungszeitraum oder diese Währung nicht erhältlich. Bitte wählen Sie einen anderen.",
+      // 0.39 (§15.2.10): the plan switch's refusals.
+      notSubscribed:
+        "Es läuft kein Abonnement, das sich ändern ließe. Wählen Sie einen Tarif, um eines abzuschließen.",
+      planUnchanged: "Das ist bereits Ihr Tarif. Wählen Sie einen anderen Tarif oder Abrechnungszeitraum.",
     },
     // 0.33.0 — docs/billing-harmonization.md §14.12: the operator's plan parts, "Tarif" as
     // in `billing`; keksdose's reviewed admin wording where it had one.

package/src/i18n/locales/en.ts

@@ -54,6 +54,7 @@ export function uiKitLabelsEn(numberLocale = "en-US"): UiKitLabels {
       total: (count) => (count === 1 ? "1 report" : `${n(count)} reports`),
       comments: (count) => (count === 1 ? "1 comment" : `${n(count)} comments`),
       votes: (count) => (count === 1 ? "1 vote" : `${n(count)} votes`),
+      page: (page) => `Page ${n(page)}`,
     },
     measuredGrid: {
       ...d.measuredGrid,

package/src/i18n/locales/es.ts

@@ -104,6 +104,9 @@ export function uiKitLabelsEs(numberLocale = "es-ES"): UiKitLabels {
       statusChanged: (status, title) => `Cambiado a «${status}»: ${title}`,
       statusUndo: "Deshacer",
       statusRestored: (status, title) => `De vuelta a «${status}»: ${title}`,
+      commentFailed: "No se ha podido publicar el comentario.",
+      voteFailed: "No se ha podido guardar su voto.",
+      replyFailed: "No se ha podido enviar la respuesta.",
     },
     feedbackMenu: {
       trigger: "Enviar comentarios",
@@ -133,6 +136,7 @@ export function uiKitLabelsEs(numberLocale = "es-ES"): UiKitLabels {
       visibleToOthers: "Visible para otras personas",
       visibleHint: "Otras personas ven el título y el texto, nunca sus capturas ni sus archivos.",
       visibleLocked: "Solo mientras el informe siga abierto.",
+      page: (page) => `Página ${n(page)}`,
     },
     feedbackNotificationTypes: {
       answered: "Respuestas a sus informes",
@@ -1695,6 +1699,14 @@ export function uiKitLabelsEs(numberLocale = "es-ES"): UiKitLabels {
       payNothing: "Aquí no hay nada que pagar. Para elegir un plan, vuelva a la aplicación.",
       payFailed: "No se ha podido abrir el pago. Vuelva atrás e inténtelo de nuevo en un momento.",
       payBack: "El pago se ha cerrado. Puede volver atrás o recargar esta página para abrirlo de nuevo.",
+      payDone: "Pago completado. Puede cerrar esta página.",
+      // 0.39 (§15.2.10): PlanSwitchConfirm.
+      switchTitle: "Cambiar de plan",
+      switchFromTo: (from, to) => `De ${from} a ${to}`,
+      switchChargedNow: "Cargo ahora",
+      switchCredited: "Abonado a sus próximos cargos",
+      switchNextCharge: (date) => `Próximo cargo el ${date}`,
+      switchConfirm: "Cambiar de plan",
       waitingChanges: (count) => `${n(count)} ${plural(count, "cambio", "cambios")} a la espera de un plan`,
       // "Descartar", as `wizard.cancelConfirmLabel`.
       discardWaiting: "Descartar los cambios en espera",
@@ -1702,8 +1714,11 @@ export function uiKitLabelsEs(numberLocale = "es-ES"): UiKitLabels {
       disabled: "Las suscripciones no están disponibles aquí.",
       // §14.2: server-kit 0.7's refusals. "Pagos y facturas", as `manage`. "Usted".
       providerUnavailable: "El proveedor de pagos no está disponible en este momento. Inténtelo de nuevo en un momento.",
-      alreadySubscribed: "Ya tiene una suscripción. Para cambiar de plan, vaya a «Pagos y facturas».",
+      alreadySubscribed: "Ya tiene una suscripción. Cambie de plan más arriba.",
       planNotSold: "Este plan no está disponible para ese periodo de facturación o esa moneda. Elija otro.",
+      // 0.39 (§15.2.10): the plan switch's refusals.
+      notSubscribed: "No hay ninguna suscripción activa que cambiar. Elija un plan para suscribirse.",
+      planUnchanged: "Ese ya es su plan. Elija otro plan u otro periodo de facturación.",
     },
     // 0.33.0 — docs/billing-harmonization.md §14.12: the operator's plan parts, "plan" as
     // in `billing`. "Usted".

package/src/i18n/locales/fr.ts

@@ -102,6 +102,9 @@ export function uiKitLabelsFr(numberLocale = "fr-FR"): UiKitLabels {
       statusChanged: (status, title) => `Passé à «\u202f${status}\u202f»\u00a0: ${title}`,
       statusUndo: "Annuler",
       statusRestored: (status, title) => `Revenu à «\u202f${status}\u202f»\u00a0: ${title}`,
+      commentFailed: "Le commentaire n’a pas pu être publié.",
+      voteFailed: "Votre vote n’a pas pu être enregistré.",
+      replyFailed: "La réponse n’a pas pu être envoyée.",
     },
     feedbackMenu: {
       trigger: "Envoyer un retour",
@@ -131,6 +134,7 @@ export function uiKitLabelsFr(numberLocale = "fr-FR"): UiKitLabels {
       visibleToOthers: "Visible par les autres",
       visibleHint: "Les autres personnes voient le titre et le texte, jamais vos captures d’écran ni vos fichiers.",
       visibleLocked: "Seulement tant que le retour est encore ouvert.",
+      page: (page) => `Page ${n(page)}`,
     },
     feedbackNotificationTypes: {
       answered: "Réponses à vos retours",
@@ -1729,6 +1733,14 @@ export function uiKitLabelsFr(numberLocale = "fr-FR"): UiKitLabels {
       payNothing: "Il n’y a rien à payer ici. Pour choisir une formule, revenez à l’application.",
       payFailed: "Le paiement n’a pas pu s’ouvrir. Veuillez revenir en arrière et réessayer dans un instant.",
       payBack: "Le paiement a été fermé. Vous pouvez revenir en arrière, ou recharger cette page pour le rouvrir.",
+      payDone: "Paiement effectué. Vous pouvez fermer cette page.",
+      // 0.39 (§15.2.10): PlanSwitchConfirm.
+      switchTitle: "Changer de formule",
+      switchFromTo: (from, to) => `De ${from} à ${to}`,
+      switchChargedNow: "Débité maintenant",
+      switchCredited: "Crédité sur vos prochains paiements",
+      switchNextCharge: (date) => `Prochain prélèvement le ${date}`,
+      switchConfirm: "Changer de formule",
       waitingChanges: (count) =>
         `${n(count)} ${plural(count, "modification en attente", "modifications en attente")} d’une formule`,
       // "Abandonner", as `wizard.cancelConfirmLabel`.
@@ -1738,10 +1750,12 @@ export function uiKitLabelsFr(numberLocale = "fr-FR"): UiKitLabels {
       // §14.2: server-kit 0.7's refusals. "Paiement et factures", as `manage`.
       providerUnavailable:
         "Le prestataire de paiement est injoignable pour le moment. Veuillez réessayer dans un instant.",
-      alreadySubscribed:
-        "Vous avez déjà un abonnement. Pour changer de formule, allez dans «\u202fPaiement et factures\u202f».",
+      alreadySubscribed: "Vous avez déjà un abonnement. Changez de formule ci-dessus.",
       planNotSold:
         "Cette formule n’est pas proposée pour cette période de facturation ou cette devise. Veuillez en choisir une autre.",
+      // 0.39 (§15.2.10): the plan switch's refusals.
+      notSubscribed: "Aucun abonnement en cours à modifier. Choisissez une formule pour vous abonner.",
+      planUnchanged: "C’est déjà votre formule. Choisissez une autre formule ou une autre période de facturation.",
     },
     // 0.33.0 — docs/billing-harmonization.md §14.12: the operator's plan parts, "formule"
     // as in `billing`. "Vous".

package/src/i18n/locales/hu.ts

@@ -101,6 +101,9 @@ export function uiKitLabelsHu(numberLocale = "hu-HU"): UiKitLabels {
       statusChanged: (status, title) => `„${status}” állapotra állítva: ${title}`,
       statusUndo: "Visszavonás",
       statusRestored: (status, title) => `Vissza „${status}” állapotra: ${title}`,
+      commentFailed: "A hozzászólást nem sikerült elküldeni.",
+      voteFailed: "A szavazatot nem sikerült menteni.",
+      replyFailed: "A választ nem sikerült elküldeni.",
     },
     feedbackMenu: {
       trigger: "Visszajelzés küldése",
@@ -130,6 +133,7 @@ export function uiKitLabelsHu(numberLocale = "hu-HU"): UiKitLabels {
       visibleToOthers: "Mások számára látható",
       visibleHint: "Mások a címet és a szöveget látják, a képernyőképeit és fájljait soha.",
       visibleLocked: "Csak amíg a bejelentés nyitott.",
+      page: (page) => `${n(page)}. oldal`,
     },
     feedbackNotificationTypes: {
       answered: "Válaszok a bejelentéseire",
@@ -1698,6 +1702,14 @@ export function uiKitLabelsHu(numberLocale = "hu-HU"): UiKitLabels {
       payNothing: "Itt nincs mit kifizetni. Csomag választásához térjen vissza az alkalmazásba.",
       payFailed: "A fizetést nem sikerült megnyitni. Kérjük, lépjen vissza, és próbálja újra egy kis idő múlva.",
       payBack: "A fizetés bezárult. Visszaléphet, vagy a megnyitásához töltse újra ezt az oldalt.",
+      payDone: "A fizetés sikerült. Bezárhatja ezt az oldalt.",
+      // 0.39 (§15.2.10): PlanSwitchConfirm.
+      switchTitle: "Csomag módosítása",
+      switchFromTo: (from, to) => `${from} helyett ${to}`,
+      switchChargedNow: "Most terhelt összeg",
+      switchCredited: "A következő terhelésekből levonva",
+      switchNextCharge: (date) => `Következő terhelés: ${date}`,
+      switchConfirm: "Csomag módosítása",
       // No plural after a numeral (convention 2).
       waitingChanges: (count) => `${n(count)} módosítás csomagra vár`,
       // "Elvetés", as `wizard.cancelConfirmLabel`.
@@ -1706,9 +1718,12 @@ export function uiKitLabelsHu(numberLocale = "hu-HU"): UiKitLabels {
       disabled: "Az előfizetés itt nem érhető el.",
       // §14.2: server-kit 0.7's refusals. "Fizetés és számlák", as `manage`.
       providerUnavailable: "A fizetési szolgáltató jelenleg nem érhető el. Kérjük, próbálja újra egy kis idő múlva.",
-      alreadySubscribed: "Már van előfizetése. A csomag módosításához nyissa meg a „Fizetés és számlák” részt.",
+      alreadySubscribed: "Már van előfizetése. A csomagot fent módosíthatja.",
       planNotSold:
         "Ez a csomag ehhez a számlázási időszakhoz vagy pénznemhez nem érhető el. Kérjük, válasszon másikat.",
+      // 0.39 (§15.2.10): the plan switch's refusals.
+      notSubscribed: "Nincs futó előfizetés, amelyet módosítani lehetne. Előfizetéshez válasszon egy csomagot.",
+      planUnchanged: "Ez már az Ön csomagja. Válasszon másik csomagot vagy számlázási időszakot.",
     },
     // 0.33.0 — docs/billing-harmonization.md §14.12: the operator's plan parts, "csomag"
     // as in `billing`. A plan's name takes no case ending: it follows a colon or an arrow.

package/src/i18n/locales/it.ts

@@ -104,6 +104,9 @@ export function uiKitLabelsIt(numberLocale = "it-IT"): UiKitLabels {
       statusChanged: (status, title) => `Impostato su «${status}»: ${title}`,
       statusUndo: "Annulla",
       statusRestored: (status, title) => `Tornato a «${status}»: ${title}`,
+      commentFailed: "Non è stato possibile pubblicare il commento.",
+      voteFailed: "Non è stato possibile salvare il Suo voto.",
+      replyFailed: "Non è stato possibile inviare la risposta.",
     },
     feedbackMenu: {
       trigger: "Invia feedback",
@@ -133,6 +136,7 @@ export function uiKitLabelsIt(numberLocale = "it-IT"): UiKitLabels {
       visibleToOthers: "Visibile agli altri",
       visibleHint: "Le altre persone vedono il titolo e il testo, mai i Suoi screenshot o file.",
       visibleLocked: "Solo finché la segnalazione è ancora aperta.",
+      page: (page) => `Pagina ${n(page)}`,
     },
     feedbackNotificationTypes: {
       answered: "Risposte alle Sue segnalazioni",
@@ -1711,6 +1715,14 @@ export function uiKitLabelsIt(numberLocale = "it-IT"): UiKitLabels {
       payNothing: "Qui non c’è nulla da pagare. Per scegliere un piano, torni all’app.",
       payFailed: "Non è stato possibile aprire il pagamento. Torni indietro e riprovi tra un momento.",
       payBack: "Il pagamento è stato chiuso. Può tornare indietro, oppure ricaricare questa pagina per riaprirlo.",
+      payDone: "Pagamento completato. Può chiudere questa pagina.",
+      // 0.39 (§15.2.10): PlanSwitchConfirm.
+      switchTitle: "Cambia piano",
+      switchFromTo: (from, to) => `Da ${from} a ${to}`,
+      switchChargedNow: "Addebitato ora",
+      switchCredited: "Accreditato sui prossimi addebiti",
+      switchNextCharge: (date) => `Prossimo addebito il ${date}`,
+      switchConfirm: "Cambia piano",
       waitingChanges: (count) =>
         `${n(count)} ${plural(count, "modifica in attesa", "modifiche in attesa")} di un piano`,
       // "Scarta", as `wizard.cancelConfirmLabel`.
@@ -1719,9 +1731,12 @@ export function uiKitLabelsIt(numberLocale = "it-IT"): UiKitLabels {
       disabled: "Gli abbonamenti non sono disponibili qui.",
       // §14.2: server-kit 0.7's refusals. "Pagamento e fatture", as `manage`. "Lei".
       providerUnavailable: "Il fornitore dei pagamenti non è raggiungibile al momento. Riprovi tra un momento.",
-      alreadySubscribed: "Ha già un abbonamento. Per cambiare piano, vada su «Pagamento e fatture».",
+      alreadySubscribed: "Ha già un abbonamento. Cambi piano qui sopra.",
       planNotSold:
         "Questo piano non è disponibile per questo periodo di fatturazione o questa valuta. Ne scelga un altro.",
+      // 0.39 (§15.2.10): the plan switch's refusals.
+      notSubscribed: "Non c’è nessun abbonamento attivo da modificare. Scelga un piano per abbonarsi.",
+      planUnchanged: "Questo è già il Suo piano. Scelga un altro piano o un altro periodo di fatturazione.",
     },
     // 0.33.0 — docs/billing-harmonization.md §14.12: the operator's plan parts, "piano" as
     // in `billing`. "Lei" in sentences, the imperative on the title and the button.

package/src/i18n/locales/zh.ts

@@ -94,6 +94,9 @@ export function uiKitLabelsZh(numberLocale = "zh-CN"): UiKitLabels {
       statusChanged: (status, title) => `已设为“${status}”：${title}`,
       statusUndo: "撤销",
       statusRestored: (status, title) => `已恢复为“${status}”：${title}`,
+      commentFailed: "无法发表评论。",
+      voteFailed: "无法保存您的投票。",
+      replyFailed: "无法发送回复。",
     },
     feedbackMenu: {
       trigger: "发送反馈",
@@ -123,6 +126,7 @@ export function uiKitLabelsZh(numberLocale = "zh-CN"): UiKitLabels {
       visibleToOthers: "对他人可见",
       visibleHint: "其他用户可以看到标题和正文，绝不会看到您的截图或文件。",
       visibleLocked: "仅在反馈仍处于打开状态时可更改。",
+      page: (page) => `第 ${n(page)} 页`,
     },
     feedbackNotificationTypes: {
       answered: "您的反馈收到的回复",
@@ -1625,6 +1629,14 @@ export function uiKitLabelsZh(numberLocale = "zh-CN"): UiKitLabels {
       payNothing: "这里没有需要支付的款项。如需选择套餐，请返回应用。",
       payFailed: "无法打开支付页面。请返回后稍候再试。",
       payBack: "支付页面已关闭。您可以返回，或重新加载此页面以再次打开。",
+      payDone: "付款已完成。您可以关闭此页面。",
+      // 0.39 (§15.2.10): PlanSwitchConfirm.
+      switchTitle: "更改套餐",
+      switchFromTo: (from, to) => `从 ${from} 更改为 ${to}`,
+      switchChargedNow: "立即扣款",
+      switchCredited: "抵扣后续扣款",
+      switchNextCharge: (date) => `下次扣款日期：${date}`,
+      switchConfirm: "更改套餐",
       waitingChanges: (count) => `${n(count)} 项修改正在等待套餐`,
       // "放弃", as `wizard.cancelConfirmLabel`.
       discardWaiting: "放弃等待中的修改",
@@ -1632,8 +1644,11 @@ export function uiKitLabelsZh(numberLocale = "zh-CN"): UiKitLabels {
       disabled: "此处不提供订阅。",
       // §14.2: server-kit 0.7's refusals. "付款与发票", as `manage`.
       providerUnavailable: "暂时无法连接支付服务商，请稍后再试。",
-      alreadySubscribed: "您已有订阅。如需更改套餐，请前往“付款与发票”。",
+      alreadySubscribed: "您已有订阅。请在上方更改套餐。",
       planNotSold: "该套餐不支持此计费周期或货币，请选择其他套餐。",
+      // 0.39 (§15.2.10): the plan switch's refusals.
+      notSubscribed: "没有可更改的有效订阅。请选择一个套餐进行订阅。",
+      planUnchanged: "这已经是您当前的套餐。请选择其他套餐或计费周期。",
     },
     // 0.33.0 — docs/billing-harmonization.md §14.12: the operator's plan parts, "套餐" as
     // in `billing`. "测试版", as `landing.beta`.

package/src/i18n/review.ts

@@ -216,6 +216,7 @@ export const KIT_LABEL_SAMPLES: Readonly<Record<string, readonly (readonly unkno
   "feedbackPublic.comments": one,
   "feedbackPublic.votes": one,
   "feedbackPublic.filedBy": [["{{name}}"]],
+  "feedbackPublic.page": [[3]],
   "accountSettings.passkeys.renameItem": [["{{name}}"]],
   "accountSettings.passkeys.renameField": [["{{name}}"]],
   "accountSettings.passkeys.deleteItem": [["{{name}}"]],
@@ -389,6 +390,9 @@ export const KIT_LABEL_SAMPLES: Readonly<Record<string, readonly (readonly unkno
   "billing.waitingChanges": one,
   // 0.33.0: the limit's figure line (§14.11) and the operator's plan parts (§14.12).
   "billing.limitUsageLine": [["{{dimension}}", "{{used}}", "{{limit}}"]],
+  // 0.39: PlanSwitchConfirm's two lines with figures (§15.2.10).
+  "billing.switchFromTo": [["{{from}}", "{{to}}"]],
+  "billing.switchNextCharge": [["{{date}}"]],
   "planChange.current": [["{{plan}}"]],
   "planChange.changed": [["{{from}}", "{{to}}"]],
   "planChange.set": [["{{to}}"]],

package/src/index.ts

@@ -79,6 +79,7 @@ export type {
   ReviewStatus,
   TranslationRow,
   ApiTranslationReview,
+  ApiTranslationReviewsResponse,
   ApiTranslationReviewWrite,
   TranslationRowsInput,
   TranslationSummary,
@@ -842,11 +843,18 @@ export type { CheckoutOverview, CheckoutProcessingOptions } from "./billing/chec
 // The link to the pay page and Paddle's locale (§14.4); the page itself ships as dist/pay/.
 export { PAY_PAGE_LANG_PARAM, paddleLocale, payPageUrl } from "./billing/pay-page";
 export type { PaddleEnvironment } from "./billing/pay-page";
+// 0.39 (§15.2.6): the apps every pay page serves, by their `billing_app` tag.
+export { PAY_PAGE_APPS } from "./billing/pay-page";
+export type { PayPageApp } from "./billing/pay-page";
 // The API's shapes the parts read, server-kit 0.7's (§4, §14.5), and the plan limit as
 // a toast (§14.11).
 export type { BillingOverview, SubscriptionSource, PortalTarget, PortalRequest } from "./billing/billing-overview";
 export { usePlanLimitToast } from "./billing/plan-limit-toast";
 export type { PlanLimitToastOptions } from "./billing/plan-limit-toast";
+// 0.39 (§15.2.10): the payer's plan switch, its shapes, and what the payer pays.
+export { PlanSwitchConfirm } from "./billing/plan-switch";
+export type { PlanSwitchConfirmProps, PlanSwitchSide } from "./billing/plan-switch";
+export type { PaidPrice, PlanSwitchRequest, PlanSwitchPreview } from "./billing/billing-overview";
 // The operator's plan parts (§14.12) are admin/plan-change, in the admin section.
 
 // ── settings ─────────────────────────────────────────────────────────────────