@shoppexio/storefront-react 0.5.0 → 0.6.0

package/dist/index.d.ts

@@ -558,6 +558,35 @@ interface SdkCustomerSubscription {
     } | null;
     /** The Discord roles a pause takes ([] none); null when not known. Optional for deploy order. */
     pause_access_roles?: string[] | null;
+    /** The running coupon term; null without one. Optional for deploy order. */
+    discount?: SdkCustomerSubscriptionDiscount | null;
+}
+/**
+ * `SubscriptionCouponTermView` on the dashboard wire: the code, what it takes off each payment,
+ * the payments it still discounts, and what the renewals cost. Every amount is the renewal-pricing
+ * function's, in `currency`.
+ */
+interface SdkCustomerSubscriptionDiscount {
+    code: string;
+    discount_type: 'PERCENTAGE' | 'FIXED';
+    /** The percent, or the fixed amount. */
+    discount_value: string;
+    /** The cap on one payment's discount; null without one. */
+    max_discount: string | null;
+    currency: string;
+    duration: 'ONCE' | 'REPEATING' | 'FOREVER';
+    /** ONCE: 1, REPEATING: N, FOREVER: null (every payment). */
+    payments_total: number | null;
+    /** Discounted payments completed; an open or voided renewal does not count. */
+    payments_used: number;
+    /** A discounted renewal. */
+    discounted_amount: string;
+    /** A renewal at the plan price, once the term ends. */
+    full_amount: string;
+    /** What each discounted renewal saves. */
+    discount_amount: string;
+    /** What the next renewal charges: `discounted_amount`, or `full_amount` once every discounted payment is issued. */
+    next_amount: string;
 }
 /** Why a buyer pauses (`SUBSCRIPTION_PAUSE_REASONS`). */
 type SdkCustomerPauseReason = 'taking_a_break' | 'too_expensive' | 'not_using' | 'not_working' | 'other';
@@ -3705,4 +3734,4 @@ declare function useOnlineUserCount(): number | null;
  */
 declare function resolveProductVideoEmbedSrc(value: unknown): string | null;
 
-export { ACCOUNT_ARTIFACT_CAPABILITIES, ACCOUNT_PATH, ACCOUNT_PATH_ALIAS, ACCOUNT_ROUTE_MESSAGE_KEYS, ACCOUNT_STOREFRONT_ROUTES, ACCOUNT_TABS, type AccountRouteMessageKey, type AccountRouteParts, type AccountTab, type AccountView, type BuyBoxVariantModel, CATALOG_PAGE_SIZE, CATALOG_SORTS, CATALOG_SORT_LABELS, type CartBoundsHeal, CartProvider, type CartQuoteLineBounds, type CartTotals, type CartView, type CartViewLine, type CatalogCardModel, type CatalogPage, type CatalogSort, type CheckoutFieldGroup, type CheckoutFieldValues, type CheckoutFields, type ContactFormValues, type ContactSubmissionContext, DEFAULT_ACCOUNT_TAB, DEFAULT_LOW_STOCK_THRESHOLD, DELIVERY_TIME_UNITS, type DeliveryPromise, type DeliveryTimeUnit, FAVORITES_CHANGED_EVENT, type FavoriteToggleResult, type FavoritesApi, FavoritesProvider, type FavoritesSnapshot, type FavoritesStatus, type FavoritesStore, type FavoritesTransport, type GroupCardModel, IMPLEMENTED_ACCOUNT_TABS, type ImplementedAccountTab, type LicenseStatement, type LicenseTerm, type LinePricing, MAX_PAY_WHAT_YOU_WANT_PRICE, type MenuNavLink, type MenuSlot, type NavLink, type NavigationLinks, PRODUCT_BADGE_ICON_NAMES, type PagedShopReviewsState, type ProductAddon, type ProductAutomaticDeal, type ProductBadge, type ProductBadgeIconName, type ProductBundle, type ProductBundleItem, type ProductCardModel, type ProductCategoryRef, type ProductContentTab, type ProductCustomField, type ProductDeliverable, type ProductDeliveryType, type ProductDetailModel, type ProductFaq, type ProductImage, type ProductImageKind, type ProductRatingModel, type ProductServiceStatus, type ProductSubscription, type ProductType, QUOTE_UNAVAILABLE_CHECKOUT_ERROR, type RatingStars, type ResellerProgramSummary, type RewardProgramItem, type RewardProgramSummary, SERVICE_STATES, SERVING_CONTEXT_HINT, SHOP_REVIEW_PAGE_SIZE, STOREFRONT_SORT_KEYS, type SdkCartAddOptions, type SdkCartAddon, type SdkCartAppliedDiscount, type SdkCartCodeSource, type SdkCartItem, type SdkCartQuote, type SdkCartQuoteLine, type SdkCheckoutResult, type SdkCustomerAffiliateLedgerStatus, type SdkCustomerAffiliateLink, type SdkCustomerAffiliateLinkCreated, type SdkCustomerAffiliateRates, type SdkCustomerAffiliateSummary, type SdkCustomerDashboard, type SdkCustomerDashboardOrder, type SdkCustomerDeliverable, type SdkCustomerDeliveryStatus, type SdkCustomerDeliverySummary, type SdkCustomerFileAccess, type SdkCustomerInvoicePdf, type SdkCustomerLicense, type SdkCustomerLoyalty, type SdkCustomerLoyaltyRedeem, type SdkCustomerLoyaltyTransactionType, type SdkCustomerNotificationPreferences, type SdkCustomerOpenRenewal, type SdkCustomerOrderDetail, type SdkCustomerOrderPage, type SdkCustomerOrderReview, type SdkCustomerOrderSummary, type SdkCustomerPause, type SdkCustomerPauseOptions, type SdkCustomerPauseReason, type SdkCustomerRewardActivity, type SdkCustomerRewards, type SdkCustomerSubscription, type SdkCustomerTicketSummary, type SdkCustomerWarranty, type SdkCustomerWarrantyClaim, type SdkCustomerWarrantyClaimStatus, type SdkCustomerWarrantyList, type SdkCustomerWarrantyStatus, type SdkEligibleCartDeal, type SdkInitOptions, type SdkMenu, type SdkMenuItem, type SdkPage, type SdkRecentSaleEntry, type SdkResponse, type SdkShopReview, type SdkShopReviewsSummary, type ServiceState, type ShopPageFaqItem, type ShopPageModel, type ShopPageState, type ShopReview, type ShopReviewLabels, type ShopReviewsPageResult, type ShopReviewsState, type ShoppexSdk, type SocialLink, type SocialNetwork, type StatusPageEntry, type StatusPageModel, type StockAlertRequest, type StockAlertResult, type StockChip, type StockTone, type StorefrontAddon, type StorefrontCatalog, type StorefrontCategory, type StorefrontData, type StorefrontGroup, type StorefrontListingItem, type StorefrontPaymentMethod, type StorefrontPaymentMethodKind, type StorefrontPriceVariant, type StorefrontProduct, StorefrontProvider, type StorefrontSettings, type StorefrontShop, type StorefrontShopStats, type StorefrontSortKey, type SubscriptionIntervalUnit, type SubscriptionTrial, type SupportChannel, type VolumeDiscountRule, type YouReceive, accountOrderHref, accountRouteMessage, accountTabHref, accountTabLabelKey, addonChoiceMissing, averageRating, badgesForCard, badgesForProductPage, buildCartTotals, buildCartView, buildCustomFieldPayload, buildInitialCheckoutFieldValues, buildProductDetail, buildStatusPageModel, buildStorefrontCatalog, calculateDisplayLineTotal, calculateLinePricing, canRequestStockAlert, canonicalAccountPath, checkoutFieldKey, checkoutFieldWriteRepriced, checkoutNeedsDetails, clampQuantity, clearRecoveredQuoteCheckoutError, createFavoritesStore, filterCatalogCards, findStorefrontProduct, firstOptionalString, flattenMerchantHtmlToText, formatCompactCount, formatDeliveryTime, formatLicenseTerm, formatMoney, formatSubscriptionCadence, formatSubscriptionTrial, getAuthoredContent, getBuyerCurrency, getProductGroups, getProducts, getShoppex, getStorefrontAddons, getStorefrontCategories, getStorefrontListing, getStorefrontSettings, getStorefrontShop, hasInjectedStorefrontData, isAccountTab, isBlankMerchantHtml, isCardSoldOut, isCheckboxValueChecked, isImplementedAccountTab, isProductSoldOut, isRecord, isSelectionSoldOut, loadLatestWrittenReviews, loadShopPage, loadShopReviewsPage, missingRequiredCheckoutValues, notifyFavoritesChanged, optionalBoolean, optionalString, optionalStringWithDefault, paginateCatalogCards, parseAccountPath, parseCartQuoteLines, parseEnum, parseFiniteNumber, parseProductBadges, parseServiceStatus, parseStorefrontSortKey, readCheckoutNeedsDetails, readStorefrontData, requestStockAlert, requireArray, requireBoolean, requireNumber, requireRecord, requireString, requireStringFromKeys, requireUnknownRecord, resolveAccountView, resolveBadgeForeground, resolveCartBoundsHeals, resolveCategorySelection, resolveCheckoutFields, resolveDeliveryPromise, resolveDisplayStock, resolveHideStockCounter, resolveLicenseTerm, resolveMenuLinksForSlot, resolvePayWhatYouWantMinimum, resolveProductVideoEmbedSrc, resolveQuantityBounds, resolveSupportChannels, resolveUnsellableLineIds, resolveVariantStock, resolveYouReceive, reviewsForProduct, roundCurrency, sanitizeMerchantHtml, sdkFavoritesTransport, sortCatalogCards, startCartMutation, stripMerchantHtmlImages, submitContactTicket, subscriptionForVariant, toShopReviews, toStarCount, useCart, useFavorites, useNavigationLinks, useOnlineUserCount, usePagedShopReviews, useShopReviews, useStorefront, validateCheckoutFieldValue, validateCheckoutFields, validateContactSubmission, withRequiredAddons };
+export { ACCOUNT_ARTIFACT_CAPABILITIES, ACCOUNT_PATH, ACCOUNT_PATH_ALIAS, ACCOUNT_ROUTE_MESSAGE_KEYS, ACCOUNT_STOREFRONT_ROUTES, ACCOUNT_TABS, type AccountRouteMessageKey, type AccountRouteParts, type AccountTab, type AccountView, type BuyBoxVariantModel, CATALOG_PAGE_SIZE, CATALOG_SORTS, CATALOG_SORT_LABELS, type CartBoundsHeal, CartProvider, type CartQuoteLineBounds, type CartTotals, type CartView, type CartViewLine, type CatalogCardModel, type CatalogPage, type CatalogSort, type CheckoutFieldGroup, type CheckoutFieldValues, type CheckoutFields, type ContactFormValues, type ContactSubmissionContext, DEFAULT_ACCOUNT_TAB, DEFAULT_LOW_STOCK_THRESHOLD, DELIVERY_TIME_UNITS, type DeliveryPromise, type DeliveryTimeUnit, FAVORITES_CHANGED_EVENT, type FavoriteToggleResult, type FavoritesApi, FavoritesProvider, type FavoritesSnapshot, type FavoritesStatus, type FavoritesStore, type FavoritesTransport, type GroupCardModel, IMPLEMENTED_ACCOUNT_TABS, type ImplementedAccountTab, type LicenseStatement, type LicenseTerm, type LinePricing, MAX_PAY_WHAT_YOU_WANT_PRICE, type MenuNavLink, type MenuSlot, type NavLink, type NavigationLinks, PRODUCT_BADGE_ICON_NAMES, type PagedShopReviewsState, type ProductAddon, type ProductAutomaticDeal, type ProductBadge, type ProductBadgeIconName, type ProductBundle, type ProductBundleItem, type ProductCardModel, type ProductCategoryRef, type ProductContentTab, type ProductCustomField, type ProductDeliverable, type ProductDeliveryType, type ProductDetailModel, type ProductFaq, type ProductImage, type ProductImageKind, type ProductRatingModel, type ProductServiceStatus, type ProductSubscription, type ProductType, QUOTE_UNAVAILABLE_CHECKOUT_ERROR, type RatingStars, type ResellerProgramSummary, type RewardProgramItem, type RewardProgramSummary, SERVICE_STATES, SERVING_CONTEXT_HINT, SHOP_REVIEW_PAGE_SIZE, STOREFRONT_SORT_KEYS, type SdkCartAddOptions, type SdkCartAddon, type SdkCartAppliedDiscount, type SdkCartCodeSource, type SdkCartItem, type SdkCartQuote, type SdkCartQuoteLine, type SdkCheckoutResult, type SdkCustomerAffiliateLedgerStatus, type SdkCustomerAffiliateLink, type SdkCustomerAffiliateLinkCreated, type SdkCustomerAffiliateRates, type SdkCustomerAffiliateSummary, type SdkCustomerDashboard, type SdkCustomerDashboardOrder, type SdkCustomerDeliverable, type SdkCustomerDeliveryStatus, type SdkCustomerDeliverySummary, type SdkCustomerFileAccess, type SdkCustomerInvoicePdf, type SdkCustomerLicense, type SdkCustomerLoyalty, type SdkCustomerLoyaltyRedeem, type SdkCustomerLoyaltyTransactionType, type SdkCustomerNotificationPreferences, type SdkCustomerOpenRenewal, type SdkCustomerOrderDetail, type SdkCustomerOrderPage, type SdkCustomerOrderReview, type SdkCustomerOrderSummary, type SdkCustomerPause, type SdkCustomerPauseOptions, type SdkCustomerPauseReason, type SdkCustomerRewardActivity, type SdkCustomerRewards, type SdkCustomerSubscription, type SdkCustomerSubscriptionDiscount, type SdkCustomerTicketSummary, type SdkCustomerWarranty, type SdkCustomerWarrantyClaim, type SdkCustomerWarrantyClaimStatus, type SdkCustomerWarrantyList, type SdkCustomerWarrantyStatus, type SdkEligibleCartDeal, type SdkInitOptions, type SdkMenu, type SdkMenuItem, type SdkPage, type SdkRecentSaleEntry, type SdkResponse, type SdkShopReview, type SdkShopReviewsSummary, type ServiceState, type ShopPageFaqItem, type ShopPageModel, type ShopPageState, type ShopReview, type ShopReviewLabels, type ShopReviewsPageResult, type ShopReviewsState, type ShoppexSdk, type SocialLink, type SocialNetwork, type StatusPageEntry, type StatusPageModel, type StockAlertRequest, type StockAlertResult, type StockChip, type StockTone, type StorefrontAddon, type StorefrontCatalog, type StorefrontCategory, type StorefrontData, type StorefrontGroup, type StorefrontListingItem, type StorefrontPaymentMethod, type StorefrontPaymentMethodKind, type StorefrontPriceVariant, type StorefrontProduct, StorefrontProvider, type StorefrontSettings, type StorefrontShop, type StorefrontShopStats, type StorefrontSortKey, type SubscriptionIntervalUnit, type SubscriptionTrial, type SupportChannel, type VolumeDiscountRule, type YouReceive, accountOrderHref, accountRouteMessage, accountTabHref, accountTabLabelKey, addonChoiceMissing, averageRating, badgesForCard, badgesForProductPage, buildCartTotals, buildCartView, buildCustomFieldPayload, buildInitialCheckoutFieldValues, buildProductDetail, buildStatusPageModel, buildStorefrontCatalog, calculateDisplayLineTotal, calculateLinePricing, canRequestStockAlert, canonicalAccountPath, checkoutFieldKey, checkoutFieldWriteRepriced, checkoutNeedsDetails, clampQuantity, clearRecoveredQuoteCheckoutError, createFavoritesStore, filterCatalogCards, findStorefrontProduct, firstOptionalString, flattenMerchantHtmlToText, formatCompactCount, formatDeliveryTime, formatLicenseTerm, formatMoney, formatSubscriptionCadence, formatSubscriptionTrial, getAuthoredContent, getBuyerCurrency, getProductGroups, getProducts, getShoppex, getStorefrontAddons, getStorefrontCategories, getStorefrontListing, getStorefrontSettings, getStorefrontShop, hasInjectedStorefrontData, isAccountTab, isBlankMerchantHtml, isCardSoldOut, isCheckboxValueChecked, isImplementedAccountTab, isProductSoldOut, isRecord, isSelectionSoldOut, loadLatestWrittenReviews, loadShopPage, loadShopReviewsPage, missingRequiredCheckoutValues, notifyFavoritesChanged, optionalBoolean, optionalString, optionalStringWithDefault, paginateCatalogCards, parseAccountPath, parseCartQuoteLines, parseEnum, parseFiniteNumber, parseProductBadges, parseServiceStatus, parseStorefrontSortKey, readCheckoutNeedsDetails, readStorefrontData, requestStockAlert, requireArray, requireBoolean, requireNumber, requireRecord, requireString, requireStringFromKeys, requireUnknownRecord, resolveAccountView, resolveBadgeForeground, resolveCartBoundsHeals, resolveCategorySelection, resolveCheckoutFields, resolveDeliveryPromise, resolveDisplayStock, resolveHideStockCounter, resolveLicenseTerm, resolveMenuLinksForSlot, resolvePayWhatYouWantMinimum, resolveProductVideoEmbedSrc, resolveQuantityBounds, resolveSupportChannels, resolveUnsellableLineIds, resolveVariantStock, resolveYouReceive, reviewsForProduct, roundCurrency, sanitizeMerchantHtml, sdkFavoritesTransport, sortCatalogCards, startCartMutation, stripMerchantHtmlImages, submitContactTicket, subscriptionForVariant, toShopReviews, toStarCount, useCart, useFavorites, useNavigationLinks, useOnlineUserCount, usePagedShopReviews, useShopReviews, useStorefront, validateCheckoutFieldValue, validateCheckoutFields, validateContactSubmission, withRequiredAddons };

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

@@ -95,6 +95,11 @@ export function paymentMethodLabel(payment: PaymentMethodSource): string {
   if (payment.apmMethod) return payment.apmMethod;
   // Crypto payments show the concrete coin; the rail stays internal.
   if (payment.cryptoGateway) return cryptoCoinLabel(payment.cryptoGateway);
-  const base = GATEWAY_LABELS[payment.gateway] ?? payment.gateway;
+  const base = gatewayLabel(payment.gateway);
   return payment.blockchain ? `${base} (${payment.blockchain})` : base;
 }
+
+/** The rail in the words checkout shows it to the buyer (`PAYPAL_FF` → `PayPal F&F`). */
+export function gatewayLabel(gateway: string): string {
+  return GATEWAY_LABELS[gateway] ?? gateway;
+}

package/eject/account/account-subscriptions.ts

@@ -84,9 +84,11 @@ const KNOWN_INTERVALS: ReadonlySet<string> = new Set(['day', 'week', 'month', 'y
  * it: "every 1 months" is wrong in English and worse in the languages that
  * decline the noun. An interval the gateway spells in a way this catalog does
  * not know keeps the raw word instead of being renamed into one that is close.
+ * `period` words the same interval after a price ("a month", "every 3 months").
  */
 export function billingMessage(
   plan: NonNullable<SdkCustomerSubscription['plan']>,
+  kind: 'billing' | 'period' = 'billing',
 ): { key: string; params: { count: number; interval: string } } {
   const interval = plan.interval.trim().toLowerCase();
   // A gateway that reports 0 or a negative count still bills once per interval.
@@ -94,12 +96,12 @@ export function billingMessage(
   const params = { count, interval: plan.interval };
 
   if (!KNOWN_INTERVALS.has(interval)) {
-    return { key: 'subscriptions.billingOther', params };
+    return { key: `subscriptions.${kind}Other`, params };
   }
 
   const suffix = count === 1 ? 'One' : 'Other';
   const name = interval.charAt(0).toUpperCase() + interval.slice(1);
-  return { key: `subscriptions.billing${name}${suffix}`, params };
+  return { key: `subscriptions.${kind}${name}${suffix}`, params };
 }
 
 /**

package/eject/account/messages/ar.json

@@ -263,6 +263,21 @@
     "billingOther": "فوترة كل {count} × {interval}",
     "gateway": "مزوّد الدفع",
     "paymentMethod": "طريقة الدفع",
+    "discount": "الخصم",
+    "discountPercent": "{percent}%",
+    "discountCap": "، بحد أقصى {amount} لكل دفعة",
+    "discountEvery": "{code} · خصم {off} على كل دفعة{cap}",
+    "discountLeft": "{code} · خصم {off}{cap} · الدفعات المتبقية: {count}، ثم {price} {period}",
+    "discountLeftOne": "{code} · خصم {off}{cap} · دفعة واحدة متبقية، ثم {price} {period}",
+    "periodDayOne": "يوميًا",
+    "periodDayOther": "كل {count} أيام",
+    "periodWeekOne": "أسبوعيًا",
+    "periodWeekOther": "كل {count} أسابيع",
+    "periodMonthOne": "شهريًا",
+    "periodMonthOther": "كل {count} أشهر",
+    "periodYearOne": "سنويًا",
+    "periodYearOther": "كل {count} سنوات",
+    "periodOther": "كل {count} {interval}",
     "cardOnFile": "{brand} المنتهية بالأرقام {last4}",
     "noPaymentMethod": "لا توجد طريقة محفوظة",
     "pause": "إيقاف مؤقت",

package/eject/account/messages/de.json

@@ -263,6 +263,21 @@
     "billingOther": "Abrechnung alle {count} × {interval}",
     "gateway": "Zahlungsanbieter",
     "paymentMethod": "Zahlungsmethode",
+    "discount": "Rabatt",
+    "discountPercent": "{percent} %",
+    "discountCap": ", höchstens {amount} pro Zahlung",
+    "discountEvery": "{code} · {off} Rabatt auf jede Zahlung{cap}",
+    "discountLeft": "{code} · {off} Rabatt{cap} · noch {count} Zahlungen, danach {price} {period}",
+    "discountLeftOne": "{code} · {off} Rabatt{cap} · noch 1 Zahlung, danach {price} {period}",
+    "periodDayOne": "pro Tag",
+    "periodDayOther": "alle {count} Tage",
+    "periodWeekOne": "pro Woche",
+    "periodWeekOther": "alle {count} Wochen",
+    "periodMonthOne": "pro Monat",
+    "periodMonthOther": "alle {count} Monate",
+    "periodYearOne": "pro Jahr",
+    "periodYearOther": "alle {count} Jahre",
+    "periodOther": "alle {count} {interval}",
     "cardOnFile": "{brand} endet auf {last4}",
     "noPaymentMethod": "Keine hinterlegt",
     "pause": "Pausieren",

package/eject/account/messages/en.json

@@ -263,6 +263,21 @@
     "billingOther": "Billed every {count} × {interval}",
     "gateway": "Payment provider",
     "paymentMethod": "Payment method",
+    "discount": "Discount",
+    "discountPercent": "{percent} %",
+    "discountCap": ", up to {amount} each",
+    "discountEvery": "{code} · {off} off every payment{cap}",
+    "discountLeft": "{code} · {off} off{cap} · {count} more payments, then {price} {period}",
+    "discountLeftOne": "{code} · {off} off{cap} · 1 more payment, then {price} {period}",
+    "periodDayOne": "a day",
+    "periodDayOther": "every {count} days",
+    "periodWeekOne": "a week",
+    "periodWeekOther": "every {count} weeks",
+    "periodMonthOne": "a month",
+    "periodMonthOther": "every {count} months",
+    "periodYearOne": "a year",
+    "periodYearOther": "every {count} years",
+    "periodOther": "every {count} {interval}",
     "cardOnFile": "{brand} ending {last4}",
     "noPaymentMethod": "None on file",
     "pause": "Pause",

package/eject/account/messages/es.json

@@ -263,6 +263,21 @@
     "billingOther": "Se cobra cada {count} × {interval}",
     "gateway": "Proveedor de pago",
     "paymentMethod": "Método de pago",
+    "discount": "Descuento",
+    "discountPercent": "{percent} %",
+    "discountCap": ", hasta {amount} por pago",
+    "discountEvery": "{code} · {off} de descuento en cada pago{cap}",
+    "discountLeft": "{code} · {off} de descuento{cap} · {count} pagos más, después {price} {period}",
+    "discountLeftOne": "{code} · {off} de descuento{cap} · 1 pago más, después {price} {period}",
+    "periodDayOne": "al día",
+    "periodDayOther": "cada {count} días",
+    "periodWeekOne": "a la semana",
+    "periodWeekOther": "cada {count} semanas",
+    "periodMonthOne": "al mes",
+    "periodMonthOther": "cada {count} meses",
+    "periodYearOne": "al año",
+    "periodYearOther": "cada {count} años",
+    "periodOther": "cada {count} {interval}",
     "cardOnFile": "{brand} terminada en {last4}",
     "noPaymentMethod": "Ninguno guardado",
     "pause": "Pausar",

package/eject/account/messages/fi.json

@@ -263,6 +263,21 @@
     "billingOther": "Laskutetaan {count} × {interval} välein",
     "gateway": "Maksupalvelu",
     "paymentMethod": "Maksutapa",
+    "discount": "Alennus",
+    "discountPercent": "{percent} %",
+    "discountCap": ", enintään {amount} maksua kohden",
+    "discountEvery": "{code} · {off} alennus jokaisesta maksusta{cap}",
+    "discountLeft": "{code} · {off} alennus{cap} · vielä {count} maksua, sitten {price} {period}",
+    "discountLeftOne": "{code} · {off} alennus{cap} · vielä 1 maksu, sitten {price} {period}",
+    "periodDayOne": "päivässä",
+    "periodDayOther": "{count} päivän välein",
+    "periodWeekOne": "viikossa",
+    "periodWeekOther": "{count} viikon välein",
+    "periodMonthOne": "kuukaudessa",
+    "periodMonthOther": "{count} kuukauden välein",
+    "periodYearOne": "vuodessa",
+    "periodYearOther": "{count} vuoden välein",
+    "periodOther": "{count} {interval} välein",
     "cardOnFile": "{brand}, päättyy numeroihin {last4}",
     "noPaymentMethod": "Ei tallennettuna",
     "pause": "Keskeytä",

package/eject/account/messages/fr.json

@@ -263,6 +263,21 @@
     "billingOther": "Facturé tous les {count} × {interval}",
     "gateway": "Prestataire de paiement",
     "paymentMethod": "Moyen de paiement",
+    "discount": "Réduction",
+    "discountPercent": "{percent} %",
+    "discountCap": ", jusqu’à {amount} par paiement",
+    "discountEvery": "{code} · {off} de réduction sur chaque paiement{cap}",
+    "discountLeft": "{code} · {off} de réduction{cap} · encore {count} paiements, puis {price} {period}",
+    "discountLeftOne": "{code} · {off} de réduction{cap} · encore 1 paiement, puis {price} {period}",
+    "periodDayOne": "par jour",
+    "periodDayOther": "tous les {count} jours",
+    "periodWeekOne": "par semaine",
+    "periodWeekOther": "toutes les {count} semaines",
+    "periodMonthOne": "par mois",
+    "periodMonthOther": "tous les {count} mois",
+    "periodYearOne": "par an",
+    "periodYearOther": "tous les {count} ans",
+    "periodOther": "tous les {count} {interval}",
     "cardOnFile": "{brand} finissant par {last4}",
     "noPaymentMethod": "Aucun enregistré",
     "pause": "Mettre en pause",

package/eject/account/messages/hi.json

@@ -263,6 +263,21 @@
     "billingOther": "हर {count} × {interval} में बिलिंग",
     "gateway": "भुगतान प्रदाता",
     "paymentMethod": "भुगतान का तरीका",
+    "discount": "छूट",
+    "discountPercent": "{percent}%",
+    "discountCap": ", हर भुगतान पर अधिकतम {amount}",
+    "discountEvery": "{code} · हर भुगतान पर {off} की छूट{cap}",
+    "discountLeft": "{code} · {off} की छूट{cap} · {count} और भुगतान, फिर {price} {period}",
+    "discountLeftOne": "{code} · {off} की छूट{cap} · 1 और भुगतान, फिर {price} {period}",
+    "periodDayOne": "प्रति दिन",
+    "periodDayOther": "हर {count} दिन",
+    "periodWeekOne": "प्रति सप्ताह",
+    "periodWeekOther": "हर {count} सप्ताह",
+    "periodMonthOne": "प्रति माह",
+    "periodMonthOther": "हर {count} महीने",
+    "periodYearOne": "प्रति वर्ष",
+    "periodYearOther": "हर {count} साल",
+    "periodOther": "हर {count} {interval}",
     "cardOnFile": "{brand}, अंतिम अंक {last4}",
     "noPaymentMethod": "कोई सहेजा हुआ तरीका नहीं",
     "pause": "रोकें",

package/eject/account/messages/it.json

@@ -263,6 +263,21 @@
     "billingOther": "Addebito ogni {count} × {interval}",
     "gateway": "Fornitore di pagamento",
     "paymentMethod": "Metodo di pagamento",
+    "discount": "Sconto",
+    "discountPercent": "{percent}%",
+    "discountCap": ", fino a {amount} per pagamento",
+    "discountEvery": "{code} · {off} di sconto su ogni pagamento{cap}",
+    "discountLeft": "{code} · {off} di sconto{cap} · ancora {count} pagamenti, poi {price} {period}",
+    "discountLeftOne": "{code} · {off} di sconto{cap} · ancora 1 pagamento, poi {price} {period}",
+    "periodDayOne": "al giorno",
+    "periodDayOther": "ogni {count} giorni",
+    "periodWeekOne": "a settimana",
+    "periodWeekOther": "ogni {count} settimane",
+    "periodMonthOne": "al mese",
+    "periodMonthOther": "ogni {count} mesi",
+    "periodYearOne": "all’anno",
+    "periodYearOther": "ogni {count} anni",
+    "periodOther": "ogni {count} {interval}",
     "cardOnFile": "{brand} che termina con {last4}",
     "noPaymentMethod": "Nessuno salvato",
     "pause": "Metti in pausa",

package/eject/account/messages/lt.json

@@ -263,6 +263,21 @@
     "billingOther": "Apmokestinama kas {count} × {interval}",
     "gateway": "Mokėjimų teikėjas",
     "paymentMethod": "Mokėjimo būdas",
+    "discount": "Nuolaida",
+    "discountPercent": "{percent} %",
+    "discountCap": ", ne daugiau kaip {amount} už mokėjimą",
+    "discountEvery": "{code} · {off} nuolaida kiekvienam mokėjimui{cap}",
+    "discountLeft": "{code} · {off} nuolaida{cap} · liko mokėjimų: {count}, vėliau {price} {period}",
+    "discountLeftOne": "{code} · {off} nuolaida{cap} · liko 1 mokėjimas, vėliau {price} {period}",
+    "periodDayOne": "per dieną",
+    "periodDayOther": "kas {count} d.",
+    "periodWeekOne": "per savaitę",
+    "periodWeekOther": "kas {count} sav.",
+    "periodMonthOne": "per mėnesį",
+    "periodMonthOther": "kas {count} mėn.",
+    "periodYearOne": "per metus",
+    "periodYearOther": "kas {count} m.",
+    "periodOther": "kas {count} {interval}",
     "cardOnFile": "{brand}, paskutiniai skaitmenys {last4}",
     "noPaymentMethod": "Nėra išsaugoto",
     "pause": "Pristabdyti",

package/eject/account/messages/nl.json

@@ -263,6 +263,21 @@
     "billingOther": "Elke {count} × {interval} gefactureerd",
     "gateway": "Betaalprovider",
     "paymentMethod": "Betaalmethode",
+    "discount": "Korting",
+    "discountPercent": "{percent}%",
+    "discountCap": ", maximaal {amount} per betaling",
+    "discountEvery": "{code} · {off} korting op elke betaling{cap}",
+    "discountLeft": "{code} · {off} korting{cap} · nog {count} betalingen, daarna {price} {period}",
+    "discountLeftOne": "{code} · {off} korting{cap} · nog 1 betaling, daarna {price} {period}",
+    "periodDayOne": "per dag",
+    "periodDayOther": "elke {count} dagen",
+    "periodWeekOne": "per week",
+    "periodWeekOther": "elke {count} weken",
+    "periodMonthOne": "per maand",
+    "periodMonthOther": "elke {count} maanden",
+    "periodYearOne": "per jaar",
+    "periodYearOther": "elke {count} jaar",
+    "periodOther": "elke {count} {interval}",
     "cardOnFile": "{brand} eindigend op {last4}",
     "noPaymentMethod": "Niets vastgelegd",
     "pause": "Pauzeren",

package/eject/account/messages/pl.json

@@ -263,6 +263,21 @@
     "billingOther": "Płatność co {count} × {interval}",
     "gateway": "Dostawca płatności",
     "paymentMethod": "Metoda płatności",
+    "discount": "Rabat",
+    "discountPercent": "{percent}%",
+    "discountCap": ", maksymalnie {amount} za płatność",
+    "discountEvery": "{code} · {off} rabatu na każdą płatność{cap}",
+    "discountLeft": "{code} · {off} rabatu{cap} · pozostałe płatności: {count}, potem {price} {period}",
+    "discountLeftOne": "{code} · {off} rabatu{cap} · jeszcze 1 płatność, potem {price} {period}",
+    "periodDayOne": "dziennie",
+    "periodDayOther": "co {count} dni",
+    "periodWeekOne": "tygodniowo",
+    "periodWeekOther": "co {count} tygodni",
+    "periodMonthOne": "miesięcznie",
+    "periodMonthOther": "co {count} miesięcy",
+    "periodYearOne": "rocznie",
+    "periodYearOther": "co {count} lat",
+    "periodOther": "co {count} {interval}",
     "cardOnFile": "{brand} kończąca się na {last4}",
     "noPaymentMethod": "Brak zapisanej",
     "pause": "Wstrzymaj",

package/eject/account/messages/pt.json

@@ -263,6 +263,21 @@
     "billingOther": "Cobrança a cada {count} × {interval}",
     "gateway": "Fornecedor de pagamento",
     "paymentMethod": "Método de pagamento",
+    "discount": "Desconto",
+    "discountPercent": "{percent}%",
+    "discountCap": ", até {amount} por pagamento",
+    "discountEvery": "{code} · {off} de desconto em cada pagamento{cap}",
+    "discountLeft": "{code} · {off} de desconto{cap} · mais {count} pagamentos, depois {price} {period}",
+    "discountLeftOne": "{code} · {off} de desconto{cap} · mais 1 pagamento, depois {price} {period}",
+    "periodDayOne": "por dia",
+    "periodDayOther": "a cada {count} dias",
+    "periodWeekOne": "por semana",
+    "periodWeekOther": "a cada {count} semanas",
+    "periodMonthOne": "por mês",
+    "periodMonthOther": "a cada {count} meses",
+    "periodYearOne": "por ano",
+    "periodYearOther": "a cada {count} anos",
+    "periodOther": "a cada {count} {interval}",
     "cardOnFile": "{brand} terminado em {last4}",
     "noPaymentMethod": "Nenhum guardado",
     "pause": "Pausar",

package/eject/account/messages/ru.json

@@ -263,6 +263,21 @@
     "billingOther": "Списание раз в {count} × {interval}",
     "gateway": "Платёжный провайдер",
     "paymentMethod": "Способ оплаты",
+    "discount": "Скидка",
+    "discountPercent": "{percent}%",
+    "discountCap": ", не более {amount} за платёж",
+    "discountEvery": "{code} · скидка {off} на каждый платёж{cap}",
+    "discountLeft": "{code} · скидка {off}{cap} · осталось платежей: {count}, затем {price} {period}",
+    "discountLeftOne": "{code} · скидка {off}{cap} · остался 1 платёж, затем {price} {period}",
+    "periodDayOne": "в день",
+    "periodDayOther": "раз в {count} дн.",
+    "periodWeekOne": "в неделю",
+    "periodWeekOther": "раз в {count} нед.",
+    "periodMonthOne": "в месяц",
+    "periodMonthOther": "раз в {count} мес.",
+    "periodYearOne": "в год",
+    "periodYearOther": "раз в {count} г.",
+    "periodOther": "раз в {count} {interval}",
     "cardOnFile": "{brand}, последние цифры {last4}",
     "noPaymentMethod": "Не сохранён",
     "pause": "Приостановить",

package/eject/account/messages/tr.json

@@ -263,6 +263,21 @@
     "billingOther": "Her {count} × {interval} faturalanır",
     "gateway": "Ödeme sağlayıcısı",
     "paymentMethod": "Ödeme yöntemi",
+    "discount": "İndirim",
+    "discountPercent": "%{percent}",
+    "discountCap": ", ödeme başına en fazla {amount}",
+    "discountEvery": "{code} · her ödemede {off} indirim{cap}",
+    "discountLeft": "{code} · {off} indirim{cap} · {count} ödeme daha, sonra {period} {price}",
+    "discountLeftOne": "{code} · {off} indirim{cap} · 1 ödeme daha, sonra {period} {price}",
+    "periodDayOne": "günlük",
+    "periodDayOther": "{count} günde bir",
+    "periodWeekOne": "haftalık",
+    "periodWeekOther": "{count} haftada bir",
+    "periodMonthOne": "aylık",
+    "periodMonthOther": "{count} ayda bir",
+    "periodYearOne": "yıllık",
+    "periodYearOther": "{count} yılda bir",
+    "periodOther": "{count} {interval} bir",
     "cardOnFile": "{last4} ile biten {brand}",
     "noPaymentMethod": "Kayıtlı yöntem yok",
     "pause": "Duraklat",

package/eject/account/messages/uk.json

@@ -263,6 +263,21 @@
     "billingOther": "Оплата кожні {count} × {interval}",
     "gateway": "Платіжний провайдер",
     "paymentMethod": "Спосіб оплати",
+    "discount": "Знижка",
+    "discountPercent": "{percent}%",
+    "discountCap": ", не більше {amount} за платіж",
+    "discountEvery": "{code} · знижка {off} на кожен платіж{cap}",
+    "discountLeft": "{code} · знижка {off}{cap} · залишилося платежів: {count}, потім {price} {period}",
+    "discountLeftOne": "{code} · знижка {off}{cap} · залишився 1 платіж, потім {price} {period}",
+    "periodDayOne": "на день",
+    "periodDayOther": "раз на {count} дн.",
+    "periodWeekOne": "на тиждень",
+    "periodWeekOther": "раз на {count} тиж.",
+    "periodMonthOne": "на місяць",
+    "periodMonthOther": "раз на {count} міс.",
+    "periodYearOne": "на рік",
+    "periodYearOther": "раз на {count} р.",
+    "periodOther": "раз на {count} {interval}",
     "cardOnFile": "{brand}, що закінчується на {last4}",
     "noPaymentMethod": "Не збережено",
     "pause": "Призупинити",

package/eject/account/messages/zh.json

@@ -263,6 +263,21 @@
     "billingOther": "每 {count} × {interval} 计费",
     "gateway": "支付服务商",
     "paymentMethod": "支付方式",
+    "discount": "折扣",
+    "discountPercent": "{percent}%",
+    "discountCap": "，每次最多 {amount}",
+    "discountEvery": "{code} · 每次付款优惠 {off}{cap}",
+    "discountLeft": "{code} · 优惠 {off}{cap} · 还剩 {count} 次付款，之后 {period} {price}",
+    "discountLeftOne": "{code} · 优惠 {off}{cap} · 还剩 1 次付款，之后 {period} {price}",
+    "periodDayOne": "每天",
+    "periodDayOther": "每 {count} 天",
+    "periodWeekOne": "每周",
+    "periodWeekOther": "每 {count} 周",
+    "periodMonthOne": "每月",
+    "periodMonthOther": "每 {count} 个月",
+    "periodYearOne": "每年",
+    "periodYearOther": "每 {count} 年",
+    "periodOther": "每 {count} {interval}",
     "cardOnFile": "{brand} 尾号 {last4}",
     "noPaymentMethod": "未保存支付方式",
     "pause": "暂停",

package/eject/account/subscriptions.tsx

@@ -47,6 +47,7 @@ import {
   subscriptionTiming,
   subscriptionTimingKey,
 } from './account-subscriptions';
+import { gatewayLabel } from './account-payment-method';
 import { callCustomerApi, safeExternalHref } from './customer-account';
 import { hostedPageHref } from './hosted-page';
 import type {
@@ -148,7 +149,7 @@ export function AccountSubscriptions() {
                 dash in its place would read as "free". */}
             {subscription.plan ? (
               <span className="sxa:shrink-0 sxa:text-small sxa:font-semibold sxa:tabular-nums">
-                {formatAccountAmount(subscription.plan.price, subscription.plan.currency)}
+                {nextPaymentAmount(subscription)}
               </span>
             ) : null}
             <SubscriptionStatus subscription={subscription} />
@@ -215,6 +216,7 @@ function SubscriptionDetail({
   };
 
   const billing = subscription.plan ? billingMessage(subscription.plan) : null;
+  const discount = discountLine(subscription);
 
   return (
     <div>
@@ -246,7 +248,7 @@ function SubscriptionDetail({
         {subscription.plan ? (
           <>
             <p className="sxa:text-h2 sxa:font-bold sxa:tabular-nums">
-              {formatAccountAmount(subscription.plan.price, subscription.plan.currency)}
+              {nextPaymentAmount(subscription)}
             </p>
             {billing ? (
               <p className="sxa:mt-1 sxa:text-small sxa:text-muted">{t(billing.key, billing.params)}</p>
@@ -257,7 +259,7 @@ function SubscriptionDetail({
         <p className="sxa:mt-2 sxa:text-small sxa:text-muted">{timingLabel(subscription)}</p>
 
         <dl className="sxa:mt-5 sxa:space-y-2.5 sxa:border-t sxa:pt-4 sxa:text-small">
-          <DetailRow label={t('subscriptions.gateway')}>{subscription.gateway}</DetailRow>
+          <DetailRow label={t('subscriptions.gateway')}>{gatewayLabel(subscription.gateway)}</DetailRow>
           <DetailRow label={t('subscriptions.paymentMethod')}>
             {/* Brand AND last four, or the producer's own word for the method.
                 Half a card ("Visa ending —") is not a payment method. */}
@@ -268,6 +270,13 @@ function SubscriptionDetail({
               })
               : subscription.payment_method?.type ?? t('subscriptions.noPaymentMethod')}
           </DetailRow>
+          {discount ? (
+            // Wraps instead of truncating: the line ends with the price after the term.
+            <div className="sxa:flex sxa:items-start sxa:justify-between sxa:gap-4">
+              <dt className="sxa:shrink-0 sxa:text-muted">{t('subscriptions.discount')}</dt>
+              <dd className="sxa:min-w-0 sxa:text-right sxa:font-medium">{discount}</dd>
+            </div>
+          ) : null}
         </dl>
       </AccountCard>
 
@@ -672,6 +681,41 @@ function renewalCopy(subscription: SdkCustomerSubscription, state: OpenRenewalSt
   return { note, payLabel: t('subscriptions.payAmount', { amount }) };
 }
 
+/**
+ * The plan's coupon term as the buyer reads it (Design Batch 4, feature 1), the portal's line:
+ * "LAUNCH20 · 20 % off · 2 more payments, then $9.99 a month", or "TENOFF · 10 % off every
+ * payment", with ", up to $3.00 each" when the coupon's cap bounds each payment. Every amount is
+ * the producer's `discount`. Null without a running term.
+ */
+export function discountLine(subscription: SdkCustomerSubscription): string | null {
+  const { discount, plan } = subscription;
+  // The producer reads a term only for the plan it serves.
+  if (!discount || !plan) return null;
+  const off = discount.discount_type === 'PERCENTAGE'
+    ? t('subscriptions.discountPercent', { percent: Number(discount.discount_value) })
+    : formatAccountAmount(discount.discount_amount, discount.currency);
+  const cap = discount.max_discount === null
+    ? ''
+    : t('subscriptions.discountCap', { amount: formatAccountAmount(discount.max_discount, discount.currency) });
+  if (discount.payments_total === null) return t('subscriptions.discountEvery', { code: discount.code, off, cap });
+  const left = discount.payments_total - discount.payments_used;
+  const period = billingMessage(plan, 'period');
+  return t(left === 1 ? 'subscriptions.discountLeftOne' : 'subscriptions.discountLeft', {
+    code: discount.code,
+    off,
+    cap,
+    count: left,
+    price: formatAccountAmount(discount.full_amount, discount.currency),
+    period: t(period.key, period.params),
+  });
+}
+
+/** What the next payment bills: the term's `next_amount` while it runs, else the plan price. */
+export function nextPaymentAmount(subscription: SdkCustomerSubscription): string | null {
+  if (subscription.discount) return formatAccountAmount(subscription.discount.next_amount, subscription.discount.currency);
+  return subscription.plan ? formatAccountAmount(subscription.plan.price, subscription.plan.currency) : null;
+}
+
 function DetailRow({ label, children }: { label: string; children: ReactNode }) {
   return (
     <div className="sxa:flex sxa:items-center sxa:justify-between sxa:gap-4">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shoppexio/storefront-react",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "description": "React hooks, models and a customer account for Shoppex code storefronts",
   "type": "module",
   "homepage": "https://docs.shoppex.io/storefront/code-storefront-development",