@shoppexio/storefront-react 0.4.0 → 0.5.0

package/eject/account/account-payment-method.ts

@@ -15,6 +15,7 @@
 const GATEWAY_LABELS: Record<string, string> = {
   STRIPE: 'Stripe',
   PAYPAL: 'PayPal',
+  PAYPAL_FF: 'PayPal F&F',
   CASHAPP: 'Cash App',
   SQUARE: 'Square',
   BITCOIN: 'Bitcoin',

package/eject/account/account-subscriptions.ts

@@ -1,4 +1,4 @@
-import type { SdkCustomerSubscription } from '@shoppexio/storefront-react';
+import type { SdkCustomerOpenRenewal, SdkCustomerPauseOptions, SdkCustomerSubscription } from '@shoppexio/storefront-react';
 
 /**
  * The subscriptions panel's pure half: which date matters, how the plan bills,
@@ -14,17 +14,38 @@ import type { SdkCustomerSubscription } from '@shoppexio/storefront-react';
  * renewal it will never take.
  */
 export type SubscriptionTiming =
+  | { kind: 'ended'; date: string }
   | { kind: 'canceled'; date: string }
   | { kind: 'ends'; date: string }
+  /** A renewal on hold or past its date: the deadline to pay it, not a renewal date already gone. */
+  | { kind: 'payBy'; date: string }
+  | { kind: 'pauses'; date: string }
+  | { kind: 'resumes'; date: string }
+  /** Paused by the merchant or the API without a resume date. */
+  | { kind: 'pausedOpenEnded'; date: string }
   | { kind: 'trial'; date: string }
   | { kind: 'renews'; date: string };
 
 export function subscriptionTiming(subscription: SdkCustomerSubscription): SubscriptionTiming {
+  if (endedAfterHold(subscription) && subscription.canceled_at) {
+    return { kind: 'ended', date: subscription.canceled_at };
+  }
   if (subscription.status.toUpperCase() === 'CANCELED' && subscription.canceled_at) {
     return { kind: 'canceled', date: subscription.canceled_at };
   }
-  if (subscription.cancel_at_period_end) {
-    return { kind: 'ends', date: subscription.current_period_end };
+  const renewal = openRenewalState(subscription);
+  if (subscription.open_renewal && (renewal === 'held' || renewal === 'due')) {
+    return { kind: 'payBy', date: subscription.open_renewal.pay_by };
+  }
+  // The producer's one "set to end" fact: cancelled at the period end, or a voided renewal.
+  if (subscription.ends_at) {
+    return { kind: 'ends', date: subscription.ends_at };
+  }
+  // A paused or pausing plan bills nothing at its period end; it bills again when it resumes.
+  const pause = subscription.pause;
+  if (pause?.state === 'scheduled') return { kind: 'pauses', date: pause.starts_at };
+  if (pause?.state === 'paused') {
+    return pause.resume_at === null ? { kind: 'pausedOpenEnded', date: '' } : { kind: 'resumes', date: pause.resume_at };
   }
   if (subscription.status.toUpperCase() === 'TRIALING' && subscription.trial_end) {
     return { kind: 'trial', date: subscription.trial_end };
@@ -34,7 +55,24 @@ export function subscriptionTiming(subscription: SdkCustomerSubscription): Subsc
 
 /** The catalog key for a timing, so the panel never spells one itself. */
 export function subscriptionTimingKey(timing: SubscriptionTiming): string {
-  return `subscriptions.${timing.kind}`;
+  return timing.kind === 'ended' ? 'subscriptions.endedOn' : `subscriptions.${timing.kind}`;
+}
+
+/**
+ * A subscription that ended with its renewal still unpaid (the hold ran out, or the
+ * shop ended it during the hold): CANCELED with the `hold_ends_at` the hold left on
+ * the row. `ranOut` is read from the two producer timestamps, never from the date today.
+ */
+export function endedAfterHold(subscription: SdkCustomerSubscription): { ranOut: boolean } | null {
+  if (subscription.status.toUpperCase() !== 'CANCELED' || !subscription.hold_ends_at || !subscription.canceled_at) return null;
+  const canceledAt = producerTimestamp(subscription.canceled_at);
+  const holdEndsAt = producerTimestamp(subscription.hold_ends_at);
+  return { ranOut: canceledAt !== null && holdEndsAt !== null && canceledAt >= holdEndsAt };
+}
+
+/** The catalog key of the ended note's sentence. */
+export function endedNoteKey(ended: { ranOut: boolean }): string {
+  return ended.ranOut ? 'subscriptions.endedHoldRanOut' : 'subscriptions.endedShopEnded';
 }
 
 const KNOWN_INTERVALS: ReadonlySet<string> = new Set(['day', 'week', 'month', 'year']);
@@ -82,6 +120,44 @@ export interface BillingHistoryInvoice {
   currency: string;
   status: string;
   created_at: string;
+  /** What the invoice billed: the order that started the plan, a renewal, or a plan change. */
+  kind: 'first_order' | 'renewal' | 'plan_change';
+  /** The plan change it paid for; null on a renewal or a first order. Days are null when the producer did not count them. */
+  plan_change: { from_plan_name: string; to_plan_name: string; days_left: number | null; days_total: number | null } | null;
+}
+
+const BILLING_KINDS: ReadonlyArray<BillingHistoryInvoice['kind']> = ['first_order', 'renewal', 'plan_change'];
+
+function readCount(record: Record<string, unknown>, key: string): number | null | undefined {
+  const value = record[key];
+  if (value === null) return null;
+  return typeof value === 'number' && Number.isInteger(value) && value >= 0 ? value : undefined;
+}
+
+function readPlanChange(value: unknown): BillingHistoryInvoice['plan_change'] | undefined {
+  if (value === null) return null;
+  if (!isRecord(value)) return undefined;
+  const from = readString(value, 'from_plan_name');
+  const to = readString(value, 'to_plan_name');
+  const daysLeft = readCount(value, 'days_left');
+  const daysTotal = readCount(value, 'days_total');
+  if (from === null || to === null || daysLeft === undefined || daysTotal === undefined) return undefined;
+  return { from_plan_name: from, to_plan_name: to, days_left: daysLeft, days_total: daysTotal };
+}
+
+/** What a billing history row billed (Design Batch 9, C3), as a catalog key: "Renewal", "First order", "Plan change, Basic to Pro". */
+export function billingEntryTitle(invoice: BillingHistoryInvoice): { key: string; params?: { from: string; to: string } } {
+  if (invoice.plan_change) {
+    return { key: 'subscriptions.historyPlanChange', params: { from: invoice.plan_change.from_plan_name, to: invoice.plan_change.to_plan_name } };
+  }
+  return { key: invoice.kind === 'first_order' ? 'subscriptions.historyFirstOrder' : 'subscriptions.historyRenewal' };
+}
+
+/** "for 12 of 30 days" beside a plan change's date, or null when there is nothing to count. */
+export function billingEntryDays(invoice: BillingHistoryInvoice): { key: string; params: { days: number; total: number } } | null {
+  const change = invoice.plan_change;
+  if (!change || change.days_left === null || change.days_total === null) return null;
+  return { key: 'subscriptions.historyDays', params: { days: change.days_left, total: change.days_total } };
 }
 
 export type BillingHistoryResult =
@@ -118,13 +194,89 @@ export function narrowBillingHistory(payload: unknown): BillingHistoryResult {
     const currency = readString(entry, 'currency');
     const status = readString(entry, 'status');
     const createdAt = readString(entry, 'created_at');
-    if (uniqid === null || total === null || currency === null || status === null || createdAt === null) {
+    // A kind this build does not know fails the read: a row that guesses what it billed could misname a charge.
+    const kind = BILLING_KINDS.find((known) => known === entry.kind);
+    const planChange = readPlanChange(entry.plan_change);
+    if (uniqid === null || total === null || currency === null || status === null || createdAt === null || !kind || planChange === undefined) {
       return { ok: false };
     }
 
-    invoices.push({ uniqid, total, currency, status, created_at: createdAt });
+    invoices.push({ uniqid, total, currency, status, created_at: createdAt, kind, plan_change: planChange });
   }
 
   return { ok: true, invoices };
 }
 
+/** The length the pause dialog opens with: one month when the shop offers it, else the longest it offers. */
+export function defaultPauseLength(options: SdkCustomerPauseOptions): SdkCustomerPauseOptions['lengths'][number]['days'] | null {
+  if (options.lengths.some((length) => length.days === 30)) return 30;
+  return options.lengths[options.lengths.length - 1]?.days ?? null;
+}
+
+/** "You can pause {n} more times…" as a catalog key and its count. */
+export function pausesLeftMessage(left: number): { key: string; params: { count: number } } {
+  const key = left <= 0 ? 'subscriptions.pauseLeftNone' : left === 1 ? 'subscriptions.pauseLeftOne' : 'subscriptions.pauseLeftMany';
+  return { key, params: { count: left } };
+}
+
+/**
+ * Whether "Resume now" bills a new period today (`resumedPeriodEnd` in subscriptionPause.ts):
+ * a pause from the period end left no paid days, a "right away" pause gives the days left back.
+ */
+export function resumeBillsToday(subscription: SdkCustomerSubscription): boolean {
+  const pause = subscription.pause;
+  if (pause?.state !== 'paused') return false;
+  const periodEnd = producerTimestamp(subscription.current_period_end);
+  const startedAt = producerTimestamp(pause.starts_at);
+  return periodEnd !== null && startedAt !== null && periodEnd <= startedAt;
+}
+
+/**
+ * Where the open renewal stands, read only from the producer's `open_renewal`
+ * and `hold_ends_at`, never from guessed dates:
+ * - `held`: on hold (PAST_DUE with a hold end), access is off until the buyer pays;
+ * - `ready`: invoiced ahead, the renewal date is still to come;
+ * - `due`: the renewal date passed and the time to pay runs.
+ * Null when nothing is open, and on an ended subscription.
+ */
+export type OpenRenewalState = 'held' | 'due' | 'ready';
+
+const NOTE_INTERVALS: Readonly<Record<string, string>> = { DAY: 'Day', WEEK: 'Week', MONTH: 'Month', YEAR: 'Year' };
+
+/**
+ * The unit inside a renewal note ("a new month"), from the plan the renewal invoice bills
+ * (a scheduled interval change bills its target before the subscription's own plan moves):
+ * only a plan that bills once per unit names it. Several units or an unknown unit read as
+ * the generic billing period, never as a unit the producer did not send.
+ */
+export function noteIntervalKey(open: SdkCustomerOpenRenewal, note: 'hold' | 'ready'): string {
+  const unit = open.interval_count === 1 ? NOTE_INTERVALS[open.interval.trim().toUpperCase()] : undefined;
+  return `subscriptions.${note}Interval${unit ?? 'Other'}`;
+}
+
+export function openRenewalState(subscription: SdkCustomerSubscription, now: number = Date.now()): OpenRenewalState | null {
+  const status = subscription.status.toUpperCase();
+  if (!subscription.open_renewal || status === 'CANCELED') return null;
+  if (status === 'PAST_DUE' && subscription.hold_ends_at) return 'held';
+  const renewsAt = producerTimestamp(subscription.current_period_end);
+  return renewsAt !== null && renewsAt > now ? 'ready' : 'due';
+}
+
+/**
+ * The renewal date for display: naive PostgreSQL strings ("2026-08-10 00:00:00.000")
+ * are UTC, not the buyer's local zone. An unreadable value comes back as it came.
+ */
+export function renewalDate(value: string): Date | string {
+  const parsed = producerTimestamp(value);
+  return parsed === null ? value : new Date(parsed);
+}
+
+function producerTimestamp(value: string): number | null {
+  const trimmed = value.trim();
+  if (!trimmed) return null;
+  const hasTimezone = /(?:Z|[+-]\d{2}(?::?\d{2})?)$/i.test(trimmed);
+  const hasTimePart = trimmed.includes(' ') || trimmed.includes('T');
+  const normalized = hasTimezone || !hasTimePart ? trimmed : `${trimmed.replace(' ', 'T')}Z`;
+  const parsed = Date.parse(normalized);
+  return Number.isFinite(parsed) ? parsed : null;
+}

package/eject/account/buyer-invoice-status.ts

@@ -0,0 +1,100 @@
+/**
+ * One buyer status table (Design Batch 9, C2): what an invoice status means to
+ * the buyer, for every surface that states it — the hosted checkout, the theme
+ * account and the code-lane account.
+ *
+ * Data only, no strings. `labelKey` names the word; each lane maps it into its
+ * own message files (checkout `buyerStatus.*`, theme `account.status.*`, code
+ * lane `invoiceStatus.*`), so the same status reads the same word everywhere.
+ *
+ *   tone     positive done and good, notice your turn or still moving,
+ *            danger a dispute, neutral over and nothing to act on
+ *   paid     the buyer's money arrived (AWAITING_STOCK included)
+ *   receipt  a receipt exists: paid, and not under a dispute
+ *   live     the order still moves without the buyer starting over
+ *   filter   the order-list group the status belongs to, or null (All only)
+ *
+ * Exhaustive over the backend's `InvoiceStatus` enum
+ * (apps/backend/drizzle/schema/enums.ts; parity test in apps/backend), so a new
+ * status cannot reach a buyer without a row. Nova ports this file
+ * (templates/code-storefronts/nova/src/commerce/buyer-invoice-status.ts); the
+ * parity test in this package keeps the two equal.
+ */
+
+export const BUYER_INVOICE_STATUSES = [
+  'PENDING',
+  'PENDING_PAYMENT',
+  'PROCESSING',
+  'UNDERPAID',
+  'COMPLETED',
+  'VOIDED',
+  'REFUNDED',
+  'PARTIAL_REFUND',
+  'DISPUTED',
+  'EXPIRED',
+  'AWAITING_STOCK',
+] as const;
+
+export type BuyerInvoiceStatus = (typeof BUYER_INVOICE_STATUSES)[number];
+
+export type BuyerStatusTone = 'positive' | 'notice' | 'danger' | 'neutral';
+
+/** The order-list groups, in the order a filter lists them. The id is the wire value of `status_group`. */
+export const BUYER_STATUS_FILTERS = [
+  { id: 'awaiting_payment', labelKey: 'awaitingPayment' },
+  { id: 'paid', labelKey: 'paid' },
+  { id: 'refunded', labelKey: 'refunded' },
+] as const;
+
+export type BuyerStatusFilter = (typeof BUYER_STATUS_FILTERS)[number]['id'];
+
+export interface BuyerInvoiceStatusRow {
+  labelKey:
+    | 'awaitingPayment'
+    | 'processing'
+    | 'underpaid'
+    | 'awaitingStock'
+    | 'completed'
+    | 'partialRefund'
+    | 'refunded'
+    | 'disputed'
+    | 'expired'
+    | 'voided';
+  tone: BuyerStatusTone;
+  paid: boolean;
+  receipt: boolean;
+  live: boolean;
+  filter: BuyerStatusFilter | null;
+}
+
+/** Every word a lane needs a message for: the status labels and the filter labels. */
+export type BuyerStatusLabelKey = BuyerInvoiceStatusRow['labelKey'] | (typeof BUYER_STATUS_FILTERS)[number]['labelKey'];
+
+export const BUYER_INVOICE_STATUS: Readonly<Record<BuyerInvoiceStatus, Readonly<BuyerInvoiceStatusRow>>> = {
+  PENDING: { labelKey: 'awaitingPayment', tone: 'notice', paid: false, receipt: false, live: false, filter: 'awaiting_payment' },
+  PENDING_PAYMENT: { labelKey: 'awaitingPayment', tone: 'notice', paid: false, receipt: false, live: false, filter: 'awaiting_payment' },
+  PROCESSING: { labelKey: 'processing', tone: 'neutral', paid: false, receipt: false, live: true, filter: 'awaiting_payment' },
+  UNDERPAID: { labelKey: 'underpaid', tone: 'notice', paid: false, receipt: false, live: true, filter: 'awaiting_payment' },
+  // "Paid": the buyer has paid, the shop is restocking.
+  AWAITING_STOCK: { labelKey: 'awaitingStock', tone: 'notice', paid: true, receipt: true, live: true, filter: 'paid' },
+  COMPLETED: { labelKey: 'completed', tone: 'positive', paid: true, receipt: true, live: false, filter: 'paid' },
+  // A refund still needs a document, so the receipt stays.
+  PARTIAL_REFUND: { labelKey: 'partialRefund', tone: 'neutral', paid: true, receipt: true, live: false, filter: 'refunded' },
+  REFUNDED: { labelKey: 'refunded', tone: 'neutral', paid: true, receipt: true, live: false, filter: 'refunded' },
+  // A lost chargeback or a reversed capture: never paid, no receipt.
+  DISPUTED: { labelKey: 'disputed', tone: 'danger', paid: false, receipt: false, live: false, filter: null },
+  EXPIRED: { labelKey: 'expired', tone: 'neutral', paid: false, receipt: false, live: false, filter: null },
+  VOIDED: { labelKey: 'voided', tone: 'neutral', paid: false, receipt: false, live: false, filter: null },
+};
+
+/** The row for a producer status, or null for a status this table does not know. */
+export function buyerInvoiceStatus(status: string | null | undefined): Readonly<BuyerInvoiceStatusRow> | null {
+  return status != null && Object.prototype.hasOwnProperty.call(BUYER_INVOICE_STATUS, status)
+    ? BUYER_INVOICE_STATUS[status as BuyerInvoiceStatus]
+    : null;
+}
+
+/** The statuses an order-list group holds. */
+export function buyerStatusesInFilter(filter: BuyerStatusFilter): BuyerInvoiceStatus[] {
+  return BUYER_INVOICE_STATUSES.filter((status) => BUYER_INVOICE_STATUS[status].filter === filter);
+}

package/eject/account/downloads.tsx

@@ -15,6 +15,7 @@
  * clicked has no cause they could point at.
  */
 
+import type { BuyerInvoiceStatus } from './buyer-invoice-status';
 import { useState } from 'react';
 import { Link } from 'react-router-dom';
 import { accountOrderHref } from '@shoppexio/storefront-react';
@@ -45,8 +46,51 @@ import {
   CopyButton,
   StatusChip,
   formatAccountDate,
+  useAccountResource,
 } from './shared';
 
+/** The one status the buyer status table calls paid and still moving: the buyer paid, the shop is restocking. */
+export const WAITING_ORDER_STATUS = 'AWAITING_STOCK' satisfies BuyerInvoiceStatus;
+
+/**
+ * Nothing to download yet. When a paid order waits for stock, the empty state
+ * names it (Design Batch 9, C7), asked of the producer by status, never picked
+ * out of a page in hand. Without one, or while that read has not answered, the
+ * general sentence stands; it is true either way.
+ */
+function EmptyDownloads() {
+  const { state } = useAccountResource('downloads:waiting-order', () =>
+    callCustomerApi((sdk) => sdk.orders({ page: 1, limit: 1, status: WAITING_ORDER_STATUS })));
+  const waiting = state.status === 'ready' ? state.data.invoices[0] : undefined;
+  const item = waiting?.lineItems[0]?.productTitle;
+
+  if (waiting && item) {
+    return (
+      <AccountEmpty
+        title={t('downloads.emptyTitle')}
+        body={t('downloads.waitingOrder', { id: waiting.uniqid, item })}
+        action={(
+          <Link to={accountOrderHref(waiting.uniqid)} className="sx-account-button sxa:card-button sxa:card-button--add">
+            {t('downloads.openOrder')}
+          </Link>
+        )}
+      />
+    );
+  }
+
+  return (
+    <AccountEmpty
+      title={t('downloads.emptyTitle')}
+      body={t('downloads.emptyBody')}
+      action={(
+        <Link to="/all-products" className="sx-account-button sxa:card-button sxa:card-button--add">
+          {t('common.browseStore')}
+        </Link>
+      )}
+    />
+  );
+}
+
 export function AccountDownloads() {
   const { state, reload } = useAccountDashboard();
   const [notice, setNotice] = useState<string | null>(null);
@@ -79,19 +123,7 @@ export function AccountDownloads() {
 
   const { groups } = grouped;
 
-  if (isEmptyDownloadGroups(groups)) {
-    return (
-      <AccountEmpty
-        title={t('downloads.emptyTitle')}
-        body={t('downloads.emptyBody')}
-        action={(
-          <Link to="/all-products" className="sx-account-button sxa:card-button sxa:card-button--add">
-            {t('common.browseStore')}
-          </Link>
-        )}
-      />
-    );
-  }
+  if (isEmptyDownloadGroups(groups)) return <EmptyDownloads />;
 
   const resetHardwareId = async (uniqid: string) => {
     setResettingUniqid(uniqid);

package/eject/account/messages/ar.json

@@ -93,11 +93,25 @@
     "PAID": "مدفوع",
     "FAILED": "فشل"
   },
+  "invoiceStatus": {
+    "awaitingPayment": "بانتظار الدفع",
+    "processing": "جارٍ تأكيد الدفع",
+    "underpaid": "الدفع غير مكتمل",
+    "awaitingStock": "بانتظار توفر المخزون",
+    "completed": "مكتمل",
+    "partialRefund": "مُسترد جزئيًا",
+    "refunded": "مُسترَد",
+    "disputed": "متنازع عليه",
+    "expired": "منتهي الصلاحية",
+    "voided": "ألغاها المتجر",
+    "paid": "مدفوع"
+  },
   "delivery": {
     "DELIVERED": "تم التسليم",
     "AWAITING_FULFILLMENT": "بانتظار التنفيذ",
     "PENDING": "قيد الانتظار",
-    "FAILED": "فشل التسليم"
+    "FAILED": "فشل التسليم",
+    "WAITING": "في الانتظار"
   },
   "overview": {
     "loading": "جارٍ تحميل حسابك",
@@ -140,12 +154,6 @@
     "searchPlaceholder": "البحث برقم الفاتورة",
     "status": "الحالة",
     "statusAll": "كل الحالات",
-    "statusCompleted": "مكتمل",
-    "statusPending": "قيد الانتظار",
-    "statusProcessing": "قيد المعالجة",
-    "statusRefunded": "مُسترَد",
-    "statusDisputed": "متنازع عليه",
-    "statusExpired": "منتهي الصلاحية",
     "emptyFiltered": "لا توجد طلبات مطابقة. جرّب رقم فاتورة أو حالة أخرى.",
     "warrantyTitle": "الضمان",
     "warrantyCoveredUntil": "مغطى حتى {date}",
@@ -164,7 +172,6 @@
     "warrantyClaimTooLong": "لا يمكن أن يتجاوز طلبك {max} حرف.",
     "invoicePdf": "تنزيل الفاتورة (PDF)",
     "invoicePdfLoading": "جارٍ التحضير…",
-    "invoicePdfFailed": "تعذّر تنزيل هذه الفاتورة. يُرجى المحاولة مرة أخرى.",
     "reviewTitle": "تقييمك",
     "reviewPrompt": "ما رأيك في {product}؟",
     "reviewPromptGeneric": "ما رأيك في عملية الشراء؟",
@@ -174,7 +181,19 @@
     "reviewEdit": "تعديل التقييم",
     "reviewWrite": "اكتب تقييمًا",
     "reviewAutomated": "تم نشر تقييم إيجابي تلقائي لهذا الطلب. يمكنك استبداله بتقييمك.",
-    "reviewFallbackLabel": "تقييم"
+    "reviewFallbackLabel": "تقييم",
+    "nothingToDownload": "تم التسليم {date}. سلّمك البائع هذا مباشرةً، لذلك لا يوجد ما يمكن تنزيله.",
+    "detailError": "تعذّر تحميل الطلب {id}",
+    "noReceiptUnpaid": "لم يُدفع هذا الطلب قط، لذلك لا يوجد له إيصال.",
+    "noReceiptVoided": "ألغى المتجر هذا الطلب، لذلك لا يوجد له إيصال.",
+    "pdfSignedOut": "تم تسجيل خروجك. سجّل الدخول مرة أخرى لتنزيل الإيصال.",
+    "pdfFailed": "تعذّر إنشاء الإيصال. حاول مرة أخرى بعد دقيقة.",
+    "waitingStock": {
+      "title": "لقد دفعت. البائع يعيد تعبئة المخزون.",
+      "body": "سيظهر «{item}» هنا فور تسليمه.",
+      "bodyOrder": "سيظهر طلبك هنا فور تسليمه."
+    },
+    "paidOn": "تم الدفع {date}"
   },
   "downloads": {
     "loading": "جارٍ تحميل تنزيلاتك",
@@ -216,7 +235,9 @@
     "accessRequestFailed": "تعذّر إرسال طلبك. يُرجى المحاولة مرة أخرى.",
     "accessRequestTitle": "الوصول إلى {file}",
     "accessRequestMessage": "أرغب في تنزيل {file} ({product}) من هذا الطلب مرة أخرى.",
-    "accessRequestReason": "تعرض صفحة الحساب: {reason}."
+    "accessRequestReason": "تعرض صفحة الحساب: {reason}.",
+    "waitingOrder": "الطلب {id} مدفوع وبانتظار توفر المخزون. سيظهر «{item}» هنا بمجرد تسليمه.",
+    "openOrder": "فتح الطلب"
   },
   "subscriptions": {
     "loading": "جارٍ تحميل اشتراكاتك",
@@ -227,6 +248,9 @@
     "renews": "يتجدّد في {date}",
     "ends": "ينتهي في {date}",
     "canceled": "أُلغي في {date}",
+    "endedOn": "انتهى في {date}",
+    "endedHoldRanOut": "انتهت فترة الإيقاف دون دفع. يمكنك الاشتراك مجددًا من المتجر.",
+    "endedShopEnded": "لم يُدفع التجديد وأنهى المتجر الاشتراك. يمكنك الاشتراك مجددًا من المتجر.",
     "startedOn": "بدأ في {date}",
     "billingDayOne": "فوترة يومية",
     "billingDayOther": "فوترة كل {count} أيام",
@@ -243,7 +267,6 @@
     "noPaymentMethod": "لا توجد طريقة محفوظة",
     "pause": "إيقاف مؤقت",
     "pausing": "جارٍ الإيقاف…",
-    "resume": "استئناف",
     "resuming": "جارٍ الاستئناف…",
     "cancel": "إلغاء الاشتراك",
     "cancelling": "جارٍ الإلغاء…",
@@ -252,7 +275,6 @@
     "confirmCancelAtPeriodEnd": "يبقى وصولك حتى {date}. لن تُحصَّل أي مبالغ بعد ذلك.",
     "confirmCancelNow": "ينتهي الوصول فور الإلغاء.",
     "actionFailed": "لم تتم العملية. يُرجى المحاولة مرة أخرى.",
-    "paused": "هذا الاشتراك متوقف مؤقتًا.",
     "resumed": "هذا الاشتراك يعمل من جديد.",
     "cancelled": "تم إلغاء هذا الاشتراك.",
     "historyTitle": "سجل الفواتير",
@@ -260,11 +282,75 @@
     "historyEmptyTitle": "لا يوجد سجل فواتير بعد",
     "historyEmptyBody": "تظهر فواتير التجديد هنا بعد الدورة الأولى.",
     "trial": "تنتهي الفترة التجريبية في {date}",
+    "statusOnHold": "معلّق",
+    "statusPaymentDue": "الدفع مستحق",
+    "holdNote": "تم إيقاف وصولك مؤقتًا. ادفع {amount} قبل {date} وسيعود فورًا، مع {interval} من يوم الدفع.",
+    "dueNote": "تجديدك بتاريخ {renewal} غير مدفوع. ادفع قبل {date} للحفاظ على وصولك.",
+    "readyNote": "تجديدك بتاريخ {renewal} جاهز. ادفع في أي وقت قبل ذلك؛ {interval} في {renewal} كالمعتاد.",
+    "holdIntervalDay": "يوم جديد يبدأ",
+    "holdIntervalWeek": "أسبوع جديد يبدأ",
+    "holdIntervalMonth": "شهر جديد يبدأ",
+    "holdIntervalYear": "سنة جديدة تبدأ",
+    "holdIntervalOther": "فترة فوترة جديدة تبدأ",
+    "readyIntervalDay": "سيبدأ اليوم التالي",
+    "readyIntervalWeek": "سيبدأ الأسبوع التالي",
+    "readyIntervalMonth": "سيبدأ الشهر التالي",
+    "readyIntervalYear": "ستبدأ السنة التالية",
+    "readyIntervalOther": "ستبدأ فترة الفوترة التالية",
+    "payAndResume": "ادفع {amount} واستأنف",
+    "payAmount": "ادفع {amount} الآن",
+    "pauses": "يتوقف مؤقتًا في {date}",
+    "payBy": "ادفع قبل {date}",
+    "resumes": "يُستأنف في {date}",
+    "pausedOpenEnded": "متوقف مؤقتًا حتى تستأنفه",
+    "pauseTitle": "إيقاف {plan} مؤقتًا؟",
+    "pauseStartsAfter": "تتوقف خطتك بعد {date}، أي في نهاية الفترة التي دفعت مقابلها.",
+    "pauseHowLong": "المدة",
+    "pauseReasonLabel": "لماذا توقفه مؤقتًا؟",
+    "pauseOptional": "اختياري",
+    "pauseReasonNone": "اختر سببًا",
+    "pauseReasonTakingABreak": "آخذ استراحة",
+    "pauseReasonTooExpensive": "مكلف جدًا حاليًا",
+    "pauseReasonNotUsing": "لا أستخدمه بما يكفي",
+    "pauseReasonNotWorking": "هناك شيء لا يعمل",
+    "pauseReasonOther": "سبب آخر",
+    "pauseLength7": "أسبوع واحد",
+    "pauseLength14": "أسبوعان",
+    "pauseLength30": "شهر واحد",
+    "pauseLength60": "شهران",
+    "pauseLength90": "3 أشهر",
+    "pauseSummary": "لا دفع من {start} إلى {end}. يُستأنف تلقائيًا في {end}.",
+    "pauseResumeAnyTime": "يمكنك الاستئناف قبل ذلك في أي وقت.",
+    "pauseLeftNone": "هذا آخر إيقاف مؤقت لك خلال الأشهر الـ12 القادمة.",
+    "pauseLeftOne": "يمكنك الإيقاف المؤقت مرة واحدة أخرى خلال الأشهر الـ12 القادمة.",
+    "pauseLeftMany": "عدد مرات الإيقاف المؤقت المتبقية خلال الأشهر الـ12 القادمة: {count}.",
+    "pauseConfirm": "إيقاف مؤقت حتى {date}",
+    "pauseKeep": "الاحتفاظ بالاشتراك",
+    "pauseError": "تعذّر إيقاف اشتراكك مؤقتًا. لم يتغير شيء. حاول مرة أخرى بعد قليل.",
+    "pausedUntil": "متوقف مؤقتًا حتى {date}",
+    "pausedBody": "لا دفع حتى ذلك الحين.",
+    "pauseAccessRole": "يُزال دورك {roles} أثناء الإيقاف المؤقت.",
+    "pauseAccessRoles": "تُزال أدوارك {roles} أثناء الإيقاف المؤقت.",
+    "pauseAccess": "يُزال وصولك أثناء الإيقاف المؤقت.",
+    "pausedPayToday": "إذا استأنفت الآن فستدفع {price} اليوم مقابل فترة فوترة جديدة.",
+    "pauseScheduled": "يتوقف مؤقتًا بعد {date}",
+    "pauseScheduledBody": "يبقى وصولك حتى ذلك الحين. يُستأنف في {date}.",
+    "pauseScheduledBodyOpenEnded": "يبقى وصولك حتى ذلك الحين.",
+    "resumeNow": "استئناف الآن",
+    "dontPause": "عدم الإيقاف المؤقت",
+    "pauseLimit": "استخدمت مرات الإيقاف المؤقت لهذا العام (العدد: {count}). يمكنك الإيقاف المؤقت مجددًا بدءًا من {date}.",
+    "pauseLimitOne": "استخدمت الإيقاف المؤقت لهذا العام. يمكنك الإيقاف المؤقت مجددًا بدءًا من {date}.",
+    "pauseSavedNotice": "تم ضبط الإيقاف المؤقت.",
+    "pauseCalledOff": "لن يتوقف اشتراكك مؤقتًا.",
     "renewalDue": "توجد دفعة تجديد مستحقة لهذا الاشتراك.",
     "payNow": "ادفع الآن",
     "updateCard": "تحديث البطاقة",
     "pastDueCardTitle": "فشلت دفعتك الأخيرة",
-    "pastDueCardBody": "حدّث بطاقتك للحفاظ على هذا الاشتراك. تُفتح صفحة Shoppex آمنة."
+    "pastDueCardBody": "حدّث بطاقتك للحفاظ على هذا الاشتراك. تُفتح صفحة Shoppex آمنة.",
+    "historyFirstOrder": "الطلب الأول",
+    "historyRenewal": "تجديد",
+    "historyPlanChange": "تغيير الخطة، من {from} إلى {to}",
+    "historyDays": "عن {days} من {total} يومًا"
   },
   "favorites": {
     "loading": "جارٍ تحميل مفضلتك",
@@ -525,4 +611,3 @@
     "neverUsed": "لم يُستخدم"
   }
 }
-