@fluid-app/portal-sdk 0.1.394 → 0.1.395

package/dist/{SubscriptionsScreen-O2fF6ZPV.mjs → SubscriptionsScreen-Bop6Bans.mjs}

@@ -33,7 +33,7 @@ import "./MediaRenderer-BydUiy9x.mjs";
 import "./CarouselWidget-CFqgy5uW.mjs";
 import "./CatchUpWidget-B_hq7S18.mjs";
 import "./src-DX_SrMKJ.mjs";
-import { n as subscriptionsScreenPropertySchema, t as SubscriptionsScreen } from "./SubscriptionsScreen-D73rtFkC.mjs";
+import { n as subscriptionsScreenPropertySchema, t as SubscriptionsScreen } from "./SubscriptionsScreen-BN2n4Elu.mjs";
 import "./ChartWidget-Bf7dLwLt.mjs";
 import "./ContainerWidget-LbcYW_t6.mjs";
 import "./EmbedWidget-OUVO-0QR.mjs";

package/dist/{SubscriptionsScreen-DUZE2Jur.cjs → SubscriptionsScreen-DBL7_xI5.cjs}

@@ -6012,15 +6012,27 @@ function QuantityInput({ inputId, quantity, maxQuantity, isUpdatingQuantity, onQ
 		]
 	});
 }
-/** One itemized discount row in the pricing summary (label + negative amount). */
-function DiscountLine({ label, amount }) {
+/**
+* One itemized discount row in the pricing summary: label, optional code
+* pill(s), and a negative amount. Codes render as pills on the line rather than
+* baked into the label text. `code` accepts a single code or a list so stacked
+* codes are supported if the pricing model ever exposes more than one.
+*/
+function DiscountLine({ label, amount, code }) {
+	const codes = (Array.isArray(code) ? code : code ? [code] : []).filter(Boolean);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "mt-2 flex justify-between text-sm",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-			className: "text-muted-foreground text-sm font-medium",
-			children: label
+		className: "mt-2 flex items-start justify-between gap-2 text-sm",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex flex-wrap items-center gap-x-2 gap-y-1",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "text-muted-foreground text-sm font-medium",
+				children: label
+			}), codes.map((c, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Badge, {
+				variant: "secondary",
+				children: c
+			}, `${c}-${i}`))]
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
-			className: "text-muted-foreground text-sm font-medium",
+			className: "text-muted-foreground text-sm font-medium whitespace-nowrap",
 			children: ["-", amount]
 		})]
 	});
@@ -6177,7 +6189,8 @@ function SubscriptionItemsSection({ subscription, displayQuantity, displayNextBi
 								amount: formatCurrency(pricing.legacyDiscountUnit * quantity)
 							}),
 							pricing.attachedDiscountUnit > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DiscountLine, {
-								label: pricing.attachedDiscountCode ? `${t("discount")} (${pricing.attachedDiscountCode})` : t("discount"),
+								label: t("discount"),
+								code: pricing.attachedDiscountCode,
 								amount: formatCurrency(pricing.attachedDiscountUnit * quantity)
 							})
 						] }),
@@ -7740,4 +7753,4 @@ Object.defineProperty(exports, "subscriptionsScreenPropertySchema", {
 	}
 });
 
-//# sourceMappingURL=SubscriptionsScreen-DUZE2Jur.cjs.map
+//# sourceMappingURL=SubscriptionsScreen-DBL7_xI5.cjs.map