@shoppexio/storefront-react 0.2.0 → 0.3.0

package/eject/account/messages/uk.json

@@ -159,7 +159,10 @@
     "warrantyClaimSending": "Надсилаємо…",
     "warrantyClaimDone": "Магазин отримав ваше звернення. Відповідь надійде на пошту.",
     "warrantyClaimFailed": "Не вдалося надіслати звернення.",
-    "warrantyClaimTooLong": "Звернення не має перевищувати {max} символів."
+    "warrantyClaimTooLong": "Звернення не має перевищувати {max} символів.",
+    "invoicePdf": "Завантажити рахунок (PDF)",
+    "invoicePdfLoading": "Готуємо…",
+    "invoicePdfFailed": "Не вдалося завантажити цей рахунок. Спробуйте ще раз."
   },
   "downloads": {
     "loading": "Завантажуємо ваші файли",
@@ -316,6 +319,16 @@
     "commissionsEmptyTitle": "Комісій поки немає",
     "commissionsEmptyBody": "Схвалені реферальні продажі з’являться тут.",
     "commissionFor": "Замовлення {id}",
+    "ledgerWaitingPayment": "В обробці",
+    "ledgerEarned": "Зароблено",
+    "ledgerInPayoutRequest": "У запиті на виплату",
+    "ledgerPaidOut": "Виплачено",
+    "ledgerStoreCredit": "Баланс магазину",
+    "ledgerSplit": "Розподілено",
+    "ledgerVoided": "Анульовано",
+    "paidOutPart": "Виплачено {amount}",
+    "storeCreditPart": "{amount} на баланс магазину",
+    "ofTotal": "з {total}",
     "balanceTitle": "Рух коштів",
     "balanceEmptyTitle": "Рухів коштів поки немає",
     "balanceEmptyBody": "Конвертації та виплати з’являться тут.",
@@ -324,7 +337,23 @@
     "claimAdjustment": "Коригування",
     "differentCurrency": "Ваш реферальний баланс ведеться у валюті {currency}.",
     "convertedLabel": "Переведено в баланс магазину",
-    "paidLabel": "Виплачено"
+    "paidLabel": "Виплачено",
+    "newLink": "Нове посилання",
+    "linkLabel": "Назва",
+    "linkLabelPlaceholder": "Кампанія на YouTube",
+    "linkCode": "Код",
+    "linkCommission": "Бажана комісія (%)",
+    "linkDiscount": "Бажана знижка для покупців (%)",
+    "linkRatePlaceholder": "Як у магазині",
+    "linkRatesHint": "Залиште обидві ставки порожніми, щоб використати ставки магазину. Посилання з власними ставками очікує на схвалення магазину.",
+    "createLink": "Створити посилання",
+    "creatingLink": "Створюємо…",
+    "linkCreated": "Ваше посилання готове — можна ділитися.",
+    "linkRequested": "Ваше посилання очікує на схвалення магазину.",
+    "linkFailed": "Не вдалося створити посилання. Спробуйте ще раз.",
+    "linkRequired": "Вкажіть назву й код посилання.",
+    "linkRateInvalid": "Введіть кожну ставку у відсотках від 0 до 100, не більше двох знаків після коми, наприклад 12,5.",
+    "linksEmptyCanCreate": "Створіть посилання з власним кодом."
   },
   "support": {
     "loading": "Завантажуємо ваші звернення",
@@ -393,7 +422,15 @@
     "signOutOthersDone": "Вихід виконано на всіх інших пристроях.",
     "devicesFailed": "Не вдалося завантажити ваші пристрої.",
     "signOutDeviceFailed": "Не вдалося вийти на цьому пристрої. Спробуйте ще раз.",
-    "deviceOn": "{browser} на {os}"
+    "deviceOn": "{browser} на {os}",
+    "orderEmailsTitle": "Листи про замовлення",
+    "orderEmailsLoading": "Завантажуємо налаштування листів про замовлення",
+    "orderCreated": "Підтвердження замовлень",
+    "orderCreatedNote": "Лист, коли ви оформлюєте замовлення.",
+    "orderCompleted": "Квитанції за замовленнями",
+    "orderCompletedNote": "Квитанції та сповіщення про виконання. Лист із вашими товарами надсилається завжди.",
+    "paymentIssue": "Проблеми з оплатою",
+    "paymentIssueNote": "Лист, коли платіж потребує вашої уваги."
   },
   "walletTopup": {
     "title": "Поповнити баланс",

package/eject/account/messages/zh.json

@@ -159,7 +159,10 @@
     "warrantyClaimSending": "提交中…",
     "warrantyClaimDone": "商店已收到你的申请，他们会通过邮件回复。",
     "warrantyClaimFailed": "申请提交失败。",
-    "warrantyClaimTooLong": "申请内容不能超过 {max} 个字符。"
+    "warrantyClaimTooLong": "申请内容不能超过 {max} 个字符。",
+    "invoicePdf": "下载发票 (PDF)",
+    "invoicePdfLoading": "正在准备…",
+    "invoicePdfFailed": "无法下载此发票，请重试。"
   },
   "downloads": {
     "loading": "正在加载你的下载内容",
@@ -316,6 +319,16 @@
     "commissionsEmptyTitle": "还没有佣金",
     "commissionsEmptyBody": "审核通过的推荐订单会显示在这里。",
     "commissionFor": "订单 {id}",
+    "ledgerWaitingPayment": "处理中",
+    "ledgerEarned": "已赚取",
+    "ledgerInPayoutRequest": "提现申请中",
+    "ledgerPaidOut": "已打款",
+    "ledgerStoreCredit": "商店余额",
+    "ledgerSplit": "拆分结算",
+    "ledgerVoided": "已作废",
+    "paidOutPart": "已打款 {amount}",
+    "storeCreditPart": "商店余额 {amount}",
+    "ofTotal": "共 {total}",
     "balanceTitle": "余额动态",
     "balanceEmptyTitle": "还没有余额动态",
     "balanceEmptyBody": "转换和打款记录会显示在这里。",
@@ -324,7 +337,23 @@
     "claimAdjustment": "调整",
     "differentCurrency": "你的推荐余额以 {currency} 结算。",
     "convertedLabel": "已转为商店余额",
-    "paidLabel": "已打款"
+    "paidLabel": "已打款",
+    "newLink": "新建链接",
+    "linkLabel": "名称",
+    "linkLabelPlaceholder": "YouTube 推广",
+    "linkCode": "代码",
+    "linkCommission": "申请的佣金比例 (%)",
+    "linkDiscount": "申请的买家折扣 (%)",
+    "linkRatePlaceholder": "使用商店默认值",
+    "linkRatesHint": "两项比例留空即使用商店的默认比例。申请自定义比例的链接需等待商店审核。",
+    "createLink": "创建链接",
+    "creatingLink": "正在创建…",
+    "linkCreated": "您的链接已可分享。",
+    "linkRequested": "您的链接正在等待商店审核。",
+    "linkFailed": "无法创建您的链接，请重试。",
+    "linkRequired": "请填写链接的名称和代码。",
+    "linkRateInvalid": "请将每个比例填写为 0 到 100 之间的百分比，最多两位小数，例如 12.5。",
+    "linksEmptyCanCreate": "用您自己的代码创建一个。"
   },
   "support": {
     "loading": "正在加载你的工单",
@@ -393,7 +422,15 @@
     "signOutOthersDone": "其他所有设备已退出登录。",
     "devicesFailed": "无法加载你的设备。",
     "signOutDeviceFailed": "该设备退出登录失败，请重试。",
-    "deviceOn": "{os} 上的 {browser}"
+    "deviceOn": "{os} 上的 {browser}",
+    "orderEmailsTitle": "订单邮件",
+    "orderEmailsLoading": "正在加载订单邮件设置",
+    "orderCreated": "订单确认",
+    "orderCreatedNote": "下单时发送的邮件。",
+    "orderCompleted": "订单收据",
+    "orderCompletedNote": "收据和订单完成通知。用于交付商品的邮件始终会发送。",
+    "paymentIssue": "付款问题",
+    "paymentIssueNote": "付款需要您处理时发送的邮件。"
   },
   "walletTopup": {
     "title": "添加商店余额",

package/eject/account/orders.tsx

@@ -356,6 +356,8 @@ export function AccountOrderDetail({ orderId }: { orderId: string }) {
         <p className="sxa:mt-3 sxa:text-small sxa:leading-relaxed sxa:text-muted">{order.statusDetails}</p>
       ) : null}
 
+      <InvoicePdfButton orderUniqid={order.uniqid} />
+
       <ul className="sxa:mt-6 sxa:space-y-3">
         {order.lineItems.map((item) => (
           <li key={item.id}>
@@ -447,6 +449,57 @@ export function AccountOrderDetail({ orderId }: { orderId: string }) {
   );
 }
 
+/**
+ * The invoice as a PDF.
+ *
+ * Fetched, not linked: a file that could not be made answers with JSON, and a
+ * link would open that in a new tab. Here the failure is a sentence beside the
+ * button, and the button is still there to press again. The save goes through
+ * a temporary object URL on an anchor the buyer never sees; the name is the
+ * producer's, and when it sent none the browser picks one.
+ */
+function InvoicePdfButton({ orderUniqid }: { orderUniqid: string }) {
+  const [busy, setBusy] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+
+  const download = async () => {
+    setBusy(true);
+    setError(null);
+    const response = await callCustomerApi((sdk) => sdk.invoicePdf(orderUniqid));
+    setBusy(false);
+
+    if (!response.success || response.data === undefined) {
+      setError(response.message?.trim() || t('orders.invoicePdfFailed'));
+      return;
+    }
+
+    const url = URL.createObjectURL(response.data.blob);
+    const anchor = document.createElement('a');
+    anchor.href = url;
+    anchor.download = response.data.filename ?? '';
+    anchor.click();
+    URL.revokeObjectURL(url);
+  };
+
+  return (
+    <div className="sxa:mt-4">
+      <button
+        type="button"
+        disabled={busy}
+        aria-busy={busy || undefined}
+        className="sx-account-button sxa:card-button sxa:card-button--add sxa:disabled:cursor-not-allowed sxa:disabled:opacity-50"
+        onClick={() => void download()}
+      >
+        {busy
+          ? <BusySpinner className="sxa:mr-1.5 sxa:h-3.5 sxa:w-3.5" />
+          : <ReceiptIcon className="sxa:mr-1.5 sxa:h-3.5 sxa:w-3.5" />}
+        {busy ? t('orders.invoicePdfLoading') : t('orders.invoicePdf')}
+      </button>
+      {error ? <AccountFieldError message={error} /> : null}
+    </div>
+  );
+}
+
 /**
  * What the shop still covers on this order.
  *