@shoppexio/storefront-react 0.3.0 → 0.5.0

package/CHANGELOG.md

@@ -1,5 +1,36 @@
 # Changelog
 
+## 0.5.0
+
+- Account: every invoice chip (orders, overview, reseller orders, billing history) takes its word and tone from the shared buyer status table (`invoiceStatus.*`, 16 locales); the orders filter offers the table's groups and sends `statusGroup`.
+- Account: billing rows show their kind and plan change and link to the order; the receipt follows the status table; signed-out and failed PDF errors are told apart, with a sign-in action; "nothing to download" and a waiting order in empty downloads.
+- Account: an order waiting for stock shows the waiting notice, its lines read "Waiting", and a paid order's header reads "Paid {date}"; `order()` keeps `paidAt`; PayPal F&F shows as "PayPal F&F", not the gateway key.
+- Subscriptions: "Ends" reads the dashboard's `ends_at` instead of `cancel_at_period_end`; on hold the row says "Pay by {hold_ends_at}" and lists the pause summary.
+- Eject: the ejected account copies each contracts module it imports next to its importers, so an ejected project builds without workspace packages. An ejected account takes the `account` files and message catalogs from `eject/account` again.
+
+## 0.4.0
+
+- Account: adding funds, changing a card and handing out reseller keys move to
+  the hosted buyer pages on the checkout host (`/topup`, `/billing`,
+  `/reseller`), behind their own email code. The account links there through
+  `hostedPageUrl`; the "Top up" link shows only when the wallet summary's new
+  `topups_allowed` is true. Removed: the reseller wholesale basket, its quote
+  and the quantity steppers, and `quoteResellerOrder` from the SDK type. An
+  ejected account takes `overview.tsx`, `reseller.tsx`, `rewards.tsx`,
+  `subscriptions.tsx`, `shared.tsx`, `hosted-page.ts` and the message catalogs
+  from `eject/account` again.
+- Referrals: "Your rates" replaces the single "{n}% commission" figure: the
+  rate on most products and the products that earn nothing, the cap and the
+  minimum per order, and how long a referred buyer stays. A link names its
+  commission only when it earns another rate. `SdkCustomerAffiliateSummary`
+  carries `rates` (`SdkCustomerAffiliateRates`, null until the main link is
+  approved and active); its `custom_rate_product_count` counts the products
+  that pay their own rate, so the row says "most products" while any does. An ejected account takes `referrals.tsx`,
+  `account-referrals.ts` and the message catalogs from `eject/account` again.
+- Reviews: `ShopReview.reply` carries the shop's reply under a review (null
+  when the shop has not replied), from the feed's `reply`; `SdkShopReview`
+  declares it.
+
 ## 0.3.0
 
 Added, in the customer account (`@shoppexio/storefront-react/account`). Each

package/dist/account.css

@@ -256,10 +256,6 @@
   width: calc(var(--sxa-spacing) * 16);
 }
 
-.sxa\:w-24 {
-  width: calc(var(--sxa-spacing) * 24);
-}
-
 .sxa\:w-36 {
   width: calc(var(--sxa-spacing) * 36);
 }
@@ -300,6 +296,10 @@
   resize: none;
 }
 
+.sxa\:list-disc {
+  list-style-type: disc;
+}
+
 .sxa\:appearance-none {
   appearance: none;
 }
@@ -368,6 +368,12 @@
   gap: calc(var(--sxa-spacing) * 4);
 }
 
+:where(.sxa\:space-y-1 > :not(:last-child)) {
+  --tw-space-y-reverse: 0;
+  margin-block-start: calc(calc(var(--sxa-spacing) * 1) * var(--tw-space-y-reverse));
+  margin-block-end: calc(calc(var(--sxa-spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
+}
+
 :where(.sxa\:space-y-1\.5 > :not(:last-child)) {
   --tw-space-y-reverse: 0;
   margin-block-start: calc(calc(var(--sxa-spacing) * 1.5) * var(--tw-space-y-reverse));
@@ -571,6 +577,10 @@
   padding-left: calc(var(--sxa-spacing) * 4);
 }
 
+.sxa\:pl-5 {
+  padding-left: calc(var(--sxa-spacing) * 5);
+}
+
 .sxa\:text-center {
   text-align: center;
 }
@@ -667,6 +677,10 @@
   word-break: break-all;
 }
 
+.sxa\:whitespace-pre-line {
+  white-space: pre-line;
+}
+
 .sxa\:whitespace-pre-wrap {
   white-space: pre-wrap;
 }
@@ -738,10 +752,6 @@
     background-color: var(--sx-surface-raised);
   }
 
-  .sxa\:hover\:text-error:hover {
-    color: var(--sx-error);
-  }
-
   .sxa\:hover\:opacity-80:hover {
     opacity: .8;
   }
@@ -809,6 +819,14 @@
     flex-direction: row;
   }
 
+  .sxa\:sm\:items-center {
+    align-items: center;
+  }
+
+  .sxa\:sm\:gap-3 {
+    gap: calc(var(--sxa-spacing) * 3);
+  }
+
   .sxa\:sm\:px-8 {
     padding-inline: calc(var(--sxa-spacing) * 8);
   }