@shoppexio/storefront-react 0.3.0 → 0.5.0

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,11 +15,14 @@
  * 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';
 import {
+  accessRequestTicket,
   buildDownloadGroups,
+  describeFileAccess,
   isEmptyDownloadGroups,
   licenseExpiryDate,
   offersRenewal,
@@ -43,13 +46,58 @@ 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);
   const [actionError, setActionError] = useState<string | null>(null);
   const [resettingUniqid, setResettingUniqid] = useState<string | null>(null);
+  const [askingId, setAskingId] = useState<string | null>(null);
+  const [askedIds, setAskedIds] = useState<ReadonlySet<string>>(() => new Set());
 
   if (state.status === 'loading') {
     return <AccountRowsSkeleton rows={4} label={t('downloads.loading')} />;
@@ -75,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);
@@ -108,6 +144,29 @@ export function AccountDownloads() {
     reload();
   };
 
+  /*
+   * "Ask for access" is a support ticket on the order, through the same
+   * `createTicket` the Support panel uses, so the shop answers it where it
+   * answers everything else. One request in flight; a row that asked once says
+   * so instead of offering a second ticket.
+   */
+  const askForAccess = async (file: FileDownload, reason: string | null) => {
+    if (askingId !== null) return;
+    setAskingId(file.id);
+    setNotice(null);
+    setActionError(null);
+    const result = await callCustomerApi((sdk) => sdk.createTicket(accessRequestTicket(file, reason)));
+    setAskingId(null);
+
+    if (!result.success) {
+      setActionError(result.message?.trim() || t('downloads.accessRequestFailed'));
+      return;
+    }
+
+    setAskedIds((current) => new Set(current).add(file.id));
+    setNotice(t('downloads.accessRequestDone'));
+  };
+
   return (
     <div className="sxa:space-y-8">
       {notice ? <AccountNotice message={notice} /> : null}
@@ -137,7 +196,13 @@ export function AccountDownloads() {
           <ul className="sxa:mt-4 sxa:space-y-3">
             {groups.files.map((file) => (
               <li key={file.id}>
-                <FileRow file={file} />
+                <FileRow
+                  file={file}
+                  asking={askingId === file.id}
+                  asked={askedIds.has(file.id)}
+                  disabled={askingId !== null}
+                  onAskForAccess={(reason) => void askForAccess(file, reason)}
+                />
               </li>
             ))}
           </ul>
@@ -267,7 +332,19 @@ function LicenseRow({
   );
 }
 
-function FileRow({ file }: { file: FileDownload }) {
+function FileRow({
+  file,
+  asking,
+  asked,
+  disabled,
+  onAskForAccess,
+}: {
+  file: FileDownload;
+  asking: boolean;
+  asked: boolean;
+  disabled: boolean;
+  onAskForAccess: (reason: string | null) => void;
+}) {
   /*
    * A plain link, not a fetch. The path is same-origin under `/api/customer/`,
    * so the browser sends the session cookie the Shoppex worker owns — there is
@@ -279,21 +356,45 @@ function FileRow({ file }: { file: FileDownload }) {
    * because a dead link dressed as a button is worse than a plain refusal.
    */
   const href = safeExternalHref(file.href);
+  /*
+   * What is left and until when, or why the file closed. A file the server
+   * refuses offers no Download: the link would only answer with that refusal.
+   * A missing `access` (older backend) is a file with nothing to say.
+   */
+  const access = file.access ? describeFileAccess(file.access) : null;
 
   return (
     <AccountCard className="sxa:flex sxa:flex-wrap sxa:items-center sxa:gap-4 sxa:px-5 sxa:py-4">
       <BoxIcon className="sxa:h-4 sxa:w-4 sxa:shrink-0 sxa:text-muted" />
       <div className="sxa:min-w-0 sxa:flex-1">
         <p className="sxa:truncate sxa:text-small sxa:font-semibold">{file.label}</p>
-        <p className="sxa:mt-1 sxa:truncate sxa:text-micro sxa:text-muted">{file.product_title}</p>
+        <p className="sxa:mt-1 sxa:text-micro sxa:text-muted" data-file-access={file.access?.state}>
+          {[file.product_title, access?.text].filter(Boolean).join(' · ')}
+        </p>
       </div>
-      {href === null ? (
+      {access?.refused ? null : href === null ? (
         <span className="sx-account-chip sxa:meta-chip sxa:meta-chip--neutral">{t('common.unavailable')}</span>
       ) : (
         <a href={href} download className="sx-account-button sxa:card-button sxa:card-button--add sxa:shrink-0">
           {t('downloads.download')}
         </a>
       )}
+      {access?.canAsk ? (
+        asked ? (
+          <p role="status" className="sxa:shrink-0 sxa:text-micro sxa:text-muted">{t('downloads.accessRequested')}</p>
+        ) : (
+          <button
+            type="button"
+            onClick={() => onAskForAccess(access.text)}
+            disabled={disabled}
+            aria-busy={asking || undefined}
+            className="sx-account-button sxa:card-button sxa:card-button--add sxa:shrink-0 sxa:disabled:cursor-not-allowed sxa:disabled:opacity-50"
+          >
+            {asking ? <BusySpinner className="sxa:mr-1.5 sxa:h-3.5 sxa:w-3.5" /> : null}
+            {asking ? t('downloads.askingAccess') : t('downloads.askAccess')}
+          </button>
+        )
+      ) : null}
     </AccountCard>
   );
 }

package/eject/account/hosted-page.ts

@@ -0,0 +1,45 @@
+/**
+ * The way out of the account to a hosted buyer page on the checkout host
+ * (design Batch 7, H2 and A1): `{checkout}/{page}/{shopId}`.
+ *
+ * Adding funds, changing a card and handing out a reseller key happen there,
+ * behind the page's own email code, because the JavaScript on a storefront
+ * origin may be the merchant's. So the link carries only the shop, the page to
+ * come back to and the page's display hints; never an email or a token. The
+ * hosted page reads and checks everything again on the server, so a forged
+ * hint can at most open the wrong segment.
+ *
+ * The same rule as `hostedPageUrl` in
+ * `packages/storefront-commerce/src/sx/hosted-page-url.ts`, which the theme
+ * lane uses. This package does not depend on storefront-commerce, so it keeps
+ * its own copy; the two must build the same URL.
+ */
+
+export type HostedPage = 'topup' | 'reseller' | 'billing';
+
+/** `return` is the account page the buyer comes back to; every other entry is a display hint. */
+export type HostedPageQuery = { return: string } & Record<string, string>;
+
+export function hostedPageUrl(
+  checkoutBaseUrl: string,
+  page: HostedPage,
+  shopId: string,
+  query: HostedPageQuery,
+): string {
+  const url = new URL(`/${page}/${encodeURIComponent(shopId)}`, checkoutBaseUrl);
+  for (const [name, value] of Object.entries(query)) url.searchParams.set(name, value);
+  return url.toString();
+}
+
+/**
+ * The link to `page` for the shop this storefront serves, back to the page the
+ * buyer is on now. Null when the worker injected no `shopId` or no
+ * `checkoutBaseUrl`: without both there is no page to link to, and the caller
+ * renders nothing rather than a guessed host.
+ */
+export function hostedPageHref(page: HostedPage, hints: Record<string, string>): string | null {
+  const shopId = typeof window.shopId === 'string' ? window.shopId.trim() : '';
+  const checkoutBaseUrl = typeof window.checkoutBaseUrl === 'string' ? window.checkoutBaseUrl.trim() : '';
+  if (!shopId || !checkoutBaseUrl) return null;
+  return hostedPageUrl(checkoutBaseUrl, page, shopId, { ...hints, return: window.location.href });
+}

package/eject/account/messages/ar.json

@@ -11,6 +11,7 @@
   },
   "account": {
     "title": "حسابك",
+    "secureLink": "تُفتح صفحة Shoppex آمنة.",
     "sections": "أقسام الحساب",
     "signOut": "تسجيل الخروج",
     "signingOut": "جارٍ تسجيل الخروج…",
@@ -92,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": "جارٍ تحميل حسابك",
@@ -107,6 +122,7 @@
     "statTickets": "تذاكر الدعم",
     "walletLabel": "رصيد المتجر",
     "walletNote": "يُطبَّق عند الدفع",
+    "topUp": "شحن الرصيد",
     "recentOrders": "أحدث الطلبات",
     "allOrders": "كل الطلبات"
   },
@@ -138,12 +154,6 @@
     "searchPlaceholder": "البحث برقم الفاتورة",
     "status": "الحالة",
     "statusAll": "كل الحالات",
-    "statusCompleted": "مكتمل",
-    "statusPending": "قيد الانتظار",
-    "statusProcessing": "قيد المعالجة",
-    "statusRefunded": "مُسترَد",
-    "statusDisputed": "متنازع عليه",
-    "statusExpired": "منتهي الصلاحية",
     "emptyFiltered": "لا توجد طلبات مطابقة. جرّب رقم فاتورة أو حالة أخرى.",
     "warrantyTitle": "الضمان",
     "warrantyCoveredUntil": "مغطى حتى {date}",
@@ -162,7 +172,28 @@
     "warrantyClaimTooLong": "لا يمكن أن يتجاوز طلبك {max} حرف.",
     "invoicePdf": "تنزيل الفاتورة (PDF)",
     "invoicePdfLoading": "جارٍ التحضير…",
-    "invoicePdfFailed": "تعذّر تنزيل هذه الفاتورة. يُرجى المحاولة مرة أخرى."
+    "reviewTitle": "تقييمك",
+    "reviewPrompt": "ما رأيك في {product}؟",
+    "reviewPromptGeneric": "ما رأيك في عملية الشراء؟",
+    "reviewPositive": "إيجابي",
+    "reviewNeutral": "محايد",
+    "reviewNegative": "سلبي",
+    "reviewEdit": "تعديل التقييم",
+    "reviewWrite": "اكتب تقييمًا",
+    "reviewAutomated": "تم نشر تقييم إيجابي تلقائي لهذا الطلب. يمكنك استبداله بتقييمك.",
+    "reviewFallbackLabel": "تقييم",
+    "nothingToDownload": "تم التسليم {date}. سلّمك البائع هذا مباشرةً، لذلك لا يوجد ما يمكن تنزيله.",
+    "detailError": "تعذّر تحميل الطلب {id}",
+    "noReceiptUnpaid": "لم يُدفع هذا الطلب قط، لذلك لا يوجد له إيصال.",
+    "noReceiptVoided": "ألغى المتجر هذا الطلب، لذلك لا يوجد له إيصال.",
+    "pdfSignedOut": "تم تسجيل خروجك. سجّل الدخول مرة أخرى لتنزيل الإيصال.",
+    "pdfFailed": "تعذّر إنشاء الإيصال. حاول مرة أخرى بعد دقيقة.",
+    "waitingStock": {
+      "title": "لقد دفعت. البائع يعيد تعبئة المخزون.",
+      "body": "سيظهر «{item}» هنا فور تسليمه.",
+      "bodyOrder": "سيظهر طلبك هنا فور تسليمه."
+    },
+    "paidOn": "تم الدفع {date}"
   },
   "downloads": {
     "loading": "جارٍ تحميل تنزيلاتك",
@@ -186,7 +217,27 @@
     "renewAction": "فتح المتجر",
     "brokenTitle": "تعذّر عرض قائمة تنزيلاتك",
     "brokenBody": "أرسل المتجر عنصر ترخيص ({id}) بدون الترخيص نفسه، لذا ستكون هذه القائمة ناقصة لما تذكره.",
-    "brokenFileBody": "أرسل المتجر عنصر ملف ({id}) دون أي شيء يمكن تنزيله، لذا ستذكر هذه القائمة ملفًا لا تستطيع تسليمه."
+    "brokenFileBody": "أرسل المتجر عنصر ملف ({id}) دون أي شيء يمكن تنزيله، لذا ستذكر هذه القائمة ملفًا لا تستطيع تسليمه.",
+    "accessLeftOne": "تبقّى {count} تنزيل",
+    "accessLeftOther": "تبقّى {count} من التنزيلات",
+    "accessUntil": "حتى {date}",
+    "accessLimitReached": "لقد استخدمت جميع التنزيلات",
+    "accessLimitReachedOne": "لقد استخدمت التنزيل الوحيد المتاح",
+    "accessLimitReachedOther": "لقد استخدمت جميع التنزيلات البالغة {count}",
+    "accessExpired": "انتهت التنزيلات في {date}",
+    "accessExpiredUndated": "انتهت التنزيلات",
+    "accessRevoked": "تم إيقاف التنزيلات لهذا الطلب",
+    "accessRefunded": "انتهت التنزيلات لأنه تم استرداد مبلغ هذا الطلب",
+    "askAccess": "طلب الوصول",
+    "askingAccess": "جارٍ الإرسال…",
+    "accessRequested": "تم إرسال الطلب",
+    "accessRequestDone": "تم إرسال الطلب. سيرد المتجر في قسم الدعم.",
+    "accessRequestFailed": "تعذّر إرسال طلبك. يُرجى المحاولة مرة أخرى.",
+    "accessRequestTitle": "الوصول إلى {file}",
+    "accessRequestMessage": "أرغب في تنزيل {file} ({product}) من هذا الطلب مرة أخرى.",
+    "accessRequestReason": "تعرض صفحة الحساب: {reason}.",
+    "waitingOrder": "الطلب {id} مدفوع وبانتظار توفر المخزون. سيظهر «{item}» هنا بمجرد تسليمه.",
+    "openOrder": "فتح الطلب"
   },
   "subscriptions": {
     "loading": "جارٍ تحميل اشتراكاتك",
@@ -197,6 +248,9 @@
     "renews": "يتجدّد في {date}",
     "ends": "ينتهي في {date}",
     "canceled": "أُلغي في {date}",
+    "endedOn": "انتهى في {date}",
+    "endedHoldRanOut": "انتهت فترة الإيقاف دون دفع. يمكنك الاشتراك مجددًا من المتجر.",
+    "endedShopEnded": "لم يُدفع التجديد وأنهى المتجر الاشتراك. يمكنك الاشتراك مجددًا من المتجر.",
     "startedOn": "بدأ في {date}",
     "billingDayOne": "فوترة يومية",
     "billingDayOther": "فوترة كل {count} أيام",
@@ -211,10 +265,8 @@
     "paymentMethod": "طريقة الدفع",
     "cardOnFile": "{brand} المنتهية بالأرقام {last4}",
     "noPaymentMethod": "لا توجد طريقة محفوظة",
-    "paymentMethodElsewhere": "رابط تغيير بيانات الدفع يصلك من رسائل المتجر نفسها. لا يُعرض هنا، لأن أي عنصر في هذه الصفحة قد يلتقطه.",
     "pause": "إيقاف مؤقت",
     "pausing": "جارٍ الإيقاف…",
-    "resume": "استئناف",
     "resuming": "جارٍ الاستئناف…",
     "cancel": "إلغاء الاشتراك",
     "cancelling": "جارٍ الإلغاء…",
@@ -223,14 +275,82 @@
     "confirmCancelAtPeriodEnd": "يبقى وصولك حتى {date}. لن تُحصَّل أي مبالغ بعد ذلك.",
     "confirmCancelNow": "ينتهي الوصول فور الإلغاء.",
     "actionFailed": "لم تتم العملية. يُرجى المحاولة مرة أخرى.",
-    "paused": "هذا الاشتراك متوقف مؤقتًا.",
     "resumed": "هذا الاشتراك يعمل من جديد.",
     "cancelled": "تم إلغاء هذا الاشتراك.",
     "historyTitle": "سجل الفواتير",
     "historyLoading": "جارٍ تحميل سجل الفواتير",
     "historyEmptyTitle": "لا يوجد سجل فواتير بعد",
     "historyEmptyBody": "تظهر فواتير التجديد هنا بعد الدورة الأولى.",
-    "trial": "تنتهي الفترة التجريبية في {date}"
+    "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 آمنة.",
+    "historyFirstOrder": "الطلب الأول",
+    "historyRenewal": "تجديد",
+    "historyPlanChange": "تغيير الخطة، من {from} إلى {to}",
+    "historyDays": "عن {days} من {total} يومًا"
   },
   "favorites": {
     "loading": "جارٍ تحميل مفضلتك",
@@ -311,6 +431,18 @@
     "primary": "أساسي",
     "commission": "عمولة {percent}%",
     "buyerDiscount": "خصم {percent}% للمشتري",
+    "yourRates": "أسعارك",
+    "ratesEveryProduct": "{percent}% على كل منتج",
+    "ratesMostProducts": "{percent}% على معظم المنتجات",
+    "ratesProductEarnsNothing": "{product} لا يحقق عمولة",
+    "ratesProductsEarnNothing": "{products} لا تحقق عمولة",
+    "ratesCustomRateProducts": "بعض المنتجات لها نسبة خاصة بها",
+    "ratesMoreProducts": "{count} أخرى",
+    "ratesCap": "حتى {amount} لكل طلب",
+    "ratesMinimum": "الطلبات الأقل من {amount} لا تحقق عمولة",
+    "ratesBindingDays": "يبقى المشترون لك لمدة {days} يومًا",
+    "ratesBindingForever": "يبقى المشترون لك دائمًا",
+    "ratesBindingDetail": "بعد أول طلب مدفوع عبر رابطك",
     "awaitingApproval": "بانتظار موافقة المتجر على هذا الرابط.",
     "clicks": "النقرات",
     "sales": "المبيعات",
@@ -432,14 +564,6 @@
     "paymentIssue": "مشكلات الدفع",
     "paymentIssueNote": "رسالة عندما تحتاج عملية دفع إلى انتباهك."
   },
-  "walletTopup": {
-    "title": "إضافة رصيد المتجر",
-    "minimum": "الحد الأدنى {min}",
-    "bounds": "من {min} إلى {max}",
-    "bonus": "أضف {amount} على الأقل واحصل على {percent}% إضافية",
-    "amount": "المبلغ",
-    "submit": "المتابعة إلى الدفع"
-  },
   "reseller": {
     "disabledTitle": "برنامج الموزعين غير متاح",
     "disabledBody": "لا يقبل هذا المتجر طلبات الجملة حاليًا.",
@@ -466,19 +590,12 @@
     "walletTitle": "رصيد الجملة",
     "balance": "الرصيد",
     "held": "محجوز",
+    "topUp": "إضافة رصيد",
     "catalogTitle": "كتالوج الجملة",
     "search": "البحث عن منتجات",
     "catalogEmptyTitle": "لم يتم العثور على منتجات جملة",
     "catalogEmptyBody": "جرّب بحثًا آخر أو عد بعد أن يضيف المتجر منتجات.",
     "volumePricing": "أسعار الكميات متاحة",
-    "supplierBacked": "ينفذه المورّد",
-    "add": "إضافة",
-    "basketTitle": "سلة الجملة",
-    "basketEmpty": "أضف منتجًا من كتالوج الجملة لبدء الطلب.",
-    "quantity": "الكمية",
-    "basketNeedsQuote": "احسب سعر هذه السلة لرؤية الإجمالي الحالي قبل الطلب.",
-    "quote": "حساب سعر السلة",
-    "place": "تنفيذ الطلب",
     "ordersTitle": "طلبات الجملة",
     "ordersEmptyTitle": "لا توجد طلبات جملة بعد",
     "ordersEmptyBody": "تظهر هنا الطلبات المدفوعة من رصيد الجملة.",
@@ -486,17 +603,11 @@
     "lineQuantity": "الكمية {count}",
     "serials": "الأرقام التسلسلية المسلّمة",
     "apiKeysTitle": "مفاتيح API للموزع",
-    "apiKeyName": "اسم المفتاح",
-    "createApiKey": "إنشاء مفتاح",
     "apiKeysEmpty": "لم تنشئ أي مفاتيح API للموزع.",
-    "orderElsewhere": "تُقدَّم طلبات الجملة عبر واجهة برمجة الموزّعين، لا من هذه الصفحة.",
-    "keysElsewhere": "يصدر المتجر مفاتيح واجهة البرمجة. اطلب منه مفتاحًا.",
-    "apiKeyCreatedTitle": "انسخ هذا المفتاح الآن",
-    "apiKeyCreatedBody": "يظهر هذا المفتاح النصي مرة واحدة ولا يمكن استعادته لاحقًا.",
-    "dismissKey": "حفظت المفتاح",
+    "manageKeys": "إدارة المفاتيح",
+    "delivery": "رابط التسليم",
+    "deliveryHint": "لحقل Dynamic Delivery في متجرك. تُفتح صفحة Shoppex آمنة.",
     "lastUsed": "آخر استخدام: {date}",
-    "neverUsed": "لم يُستخدم",
-    "revokeApiKey": "إلغاء"
+    "neverUsed": "لم يُستخدم"
   }
 }
-