@nok-integration/storefront-react 0.19.34 → 0.19.36

package/dist/index.d.ts

@@ -1568,7 +1568,7 @@ declare const CategoryPage: z.ZodObject<{
             quote: string;
             author: string;
         }>, "many">;
-        /** @deprecated Retired 31 Aug 2026. Never populated; see the note above. */
+        /** @deprecated Retired and never populated; see the note above. */
         disclaimer: z.ZodOptional<z.ZodString>;
     }, "strip", z.ZodTypeAny, {
         kind: "review";
@@ -2875,6 +2875,7 @@ declare function createClient(options: ClientOptions): {
                 item_count: number;
                 image?: string | undefined;
                 images?: string[] | undefined;
+                return_status?: "reported" | "package_received" | "completed" | undefined;
             }[];
         }>;
         get: (orderRef: string) => Promise<{
@@ -4237,10 +4238,16 @@ declare const OrderStatus: z.ZodEnum<["confirmed", "packed", "shipped", "deliver
 
 declare type OrderStatus = z.infer<typeof OrderStatus>;
 
-export declare function OrderStatusBadge({ status }: OrderStatusBadgeProps): JSX.Element;
+export declare function OrderStatusBadge({ status, returnStatus }: OrderStatusBadgeProps): JSX.Element;
 
 export declare interface OrderStatusBadgeProps {
     status: OrderProgressStep;
+    /**
+     * An open return against this order, when there is one. The engine omits it once every
+     * return has completed, so a value here always means "still outstanding" — this component
+     * does not have to decide which return statuses count as started.
+     */
+    returnStatus?: ReturnStatus;
 }
 
 /**
@@ -5363,10 +5370,14 @@ export declare interface ReturnItemsViewProps {
  * scripted download because the sheet a fan sees this in may be a webview, and a
  * script-driven save is exactly what a webview blocks.
  *
- * **The button is only drawn when there is a label.** The frame promises the PDF by email
- * as well, and that promise is the one that survives a link this screen cannot produce —
- * so when `label_url` is absent the email line still tells the fan where to look, and no
- * button is offered that would 404.
+ * **The button is always drawn, exactly as the frame draws it**, and so is the line above
+ * it that promises one. The engine publishes a `label_url` for every return, so the two
+ * halves cannot disagree — a screen saying "tap the button below" over no button is the
+ * failure this arrangement rules out.
+ *
+ * The document itself is produced by the OMS against the return, so a download attempted
+ * in the moments before the OMS holds it can fail. That is a bounded, visible failure
+ * rather than a screen that contradicts itself.
  *
  * **The items come first, above the heading**, which is where the frame puts them and
  * where they were missing. Two screens of instructions with nothing naming the garment is
@@ -5408,6 +5419,17 @@ declare const ReturnRequestItem: z.ZodObject<{
 
 declare type ReturnRequestItem = z.infer<typeof ReturnRequestItem>;
 
+/**
+ * Where a return has got to.
+ *
+ * Three steps, which is what the frame draws — reported, received, completed. The parcel
+ * is in the post for most of that time and nobody can say more than "we have not got it
+ * yet", so a finer breakdown would be invented rather than observed.
+ */
+declare const ReturnStatus: z.ZodEnum<["reported", "package_received", "completed"]>;
+
+declare type ReturnStatus = z.infer<typeof ReturnStatus>;
+
 export declare function ReturnTrackingView({ ret, locale: localeProp }: ReturnTrackingViewProps): JSX.Element;
 
 export declare interface ReturnTrackingViewProps {
@@ -5424,10 +5446,10 @@ declare interface Review {
 /**
  * Tester-quote carousel — swipeable cards with dot pagination.
  *
- * There is no disclaimer line. One used to sit under the dots saying these were staff
- * quotes rather than verified reviews, and it was the block's one deliberate departure
- * from the frame; DAZN asked for it removed on 31 Aug 2026. The `author` under each quote
- * is what says whose words they are, so a quote must never arrive without one.
+ * These are tester quotes, not customer reviews: no stars and no ratings, and the `author`
+ * under each quote is what says whose words they are — a team and a city, never a person.
+ * A quote must therefore never arrive without one. The block draws no disclaimer line, in
+ * line with the frame.
  */
 export declare function ReviewCarousel({ quotes }: ReviewCarouselProps): JSX.Element;
 

package/dist/index.mjs

@@ -4647,7 +4647,7 @@ function requireOrderTracking() {
     Object.defineProperty(exports, "__esModule", {
       value: true
     });
-    exports.ReturnDetail = exports.ReturnItem = exports.ReturnProgressEntry = exports.CreateReturnRequest = exports.ReturnRequestItem = exports.FanReturnReason = exports.RequestCancellationRequest = exports.FanCancelReason = exports.OrderDetail = exports.ReturnSummary = exports.ReturnStatus = exports.OrderList = exports.OrderSummaryItem = exports.OrderItem = exports.OrderTracking = exports.OrderProgressEntry = exports.OrderProgressStep = void 0;
+    exports.ReturnDetail = exports.ReturnItem = exports.ReturnProgressEntry = exports.CreateReturnRequest = exports.ReturnRequestItem = exports.FanReturnReason = exports.RequestCancellationRequest = exports.FanCancelReason = exports.OrderDetail = exports.ReturnSummary = exports.OrderList = exports.OrderSummaryItem = exports.ReturnStatus = exports.OrderItem = exports.OrderTracking = exports.OrderProgressEntry = exports.OrderProgressStep = void 0;
     const zod_1 = requireZod();
     const money_1 = requireMoney();
     const ids_1 = requireIds();
@@ -4679,6 +4679,7 @@ function requireOrderTracking() {
       refunded_qty: zod_1.z.number().int().nonnegative(),
       returned_qty: zod_1.z.number().int().nonnegative().optional()
     });
+    exports.ReturnStatus = zod_1.z.enum(["reported", "package_received", "completed"]);
     exports.OrderSummaryItem = zod_1.z.object({
       order_ref: ids_1.OrderRef,
       placed_at: common_1.Timestamp,
@@ -4688,12 +4689,12 @@ function requireOrderTracking() {
       total: money_1.Money,
       item_count: zod_1.z.number().int().nonnegative(),
       image: common_1.Url.optional(),
-      images: zod_1.z.array(common_1.Url).max(3).optional()
+      images: zod_1.z.array(common_1.Url).max(3).optional(),
+      return_status: exports.ReturnStatus.optional()
     });
     exports.OrderList = zod_1.z.object({
       orders: zod_1.z.array(exports.OrderSummaryItem)
     });
-    exports.ReturnStatus = zod_1.z.enum(["reported", "package_received", "completed"]);
     exports.ReturnSummary = zod_1.z.object({
       return_ref: zod_1.z.string().min(1),
       status: exports.ReturnStatus,
@@ -5411,13 +5412,13 @@ function ShopVideo({ src, poster, fill: fill2 = false, className, style, priorit
 const badge$5 = "_badge_1bagf_1";
 const neutral$1 = "_neutral_1bagf_12";
 const success$1 = "_success_1bagf_17";
-const critical$1 = "_critical_1bagf_22";
+const critical$2 = "_critical_1bagf_22";
 const promo = "_promo_1bagf_27";
 const styles$R = {
   badge: badge$5,
   neutral: neutral$1,
   success: success$1,
-  critical: critical$1,
+  critical: critical$2,
   promo
 };
 function Badge({ tone = "neutral", children }) {
@@ -6014,7 +6015,7 @@ const message$1 = "_message_1tc1q_120";
 const action = "_action_1tc1q_133";
 const neutral = "_neutral_1tc1q_158";
 const success = "_success_1tc1q_163";
-const critical = "_critical_1tc1q_168";
+const critical$1 = "_critical_1tc1q_168";
 const rich = "_rich_1tc1q_183";
 const description = "_description_1tc1q_198";
 const thumb$3 = "_thumb_1tc1q_216";
@@ -6029,7 +6030,7 @@ const styles$K = {
   action,
   neutral,
   success,
-  critical,
+  critical: critical$1,
   rich,
   description,
   thumb: thumb$3,
@@ -7983,15 +7984,15 @@ function OrderConfirmationContent({ orderRef, locale: localeProp, onDone }) {
     })]
   });
 }
-const badge$2 = "_badge_ghd02_6";
-const progress = "_progress_ghd02_22";
-const delivered = "_delivered_ghd02_27";
-const cancelled = "_cancelled_ghd02_32";
+const badge$2 = "_badge_1w0zn_6";
+const progress = "_progress_1w0zn_22";
+const delivered = "_delivered_1w0zn_27";
+const critical = "_critical_1w0zn_36";
 const styles$w = {
   badge: badge$2,
   progress,
   delivered,
-  cancelled
+  critical
 };
 const LABEL = {
   packing: "In progress",
@@ -8005,10 +8006,16 @@ const TONE = {
   on_its_way: "progress",
   out_for_delivery: "progress",
   delivered: "delivered",
-  cancelled: "cancelled"
+  cancelled: "critical"
 };
-function OrderStatusBadge({ status }) {
+function OrderStatusBadge({ status, returnStatus }) {
   const t = useT();
+  if (returnStatus) {
+    return jsx("span", {
+      className: [styles$w.badge, styles$w.critical].join(" "),
+      children: t("Return started")
+    });
+  }
   const label2 = LABEL[status] ?? status.replace(/_/g, " ");
   const tone = TONE[status] ?? "progress";
   return jsx("span", {
@@ -8162,7 +8169,8 @@ function OrderCard({ order, locale, onOpen }) {
           children: formatPlaced(order.placed_at, locale)
         })]
       }), jsx(OrderStatusBadge, {
-        status: order.status
+        status: order.status,
+        returnStatus: order.return_status
       })]
     }), jsxs("div", {
       className: styles$v.bottom,

package/dist/standalone/storefront.mjs

@@ -4647,7 +4647,7 @@ function requireOrderTracking() {
     Object.defineProperty(exports, "__esModule", {
       value: true
     });
-    exports.ReturnDetail = exports.ReturnItem = exports.ReturnProgressEntry = exports.CreateReturnRequest = exports.ReturnRequestItem = exports.FanReturnReason = exports.RequestCancellationRequest = exports.FanCancelReason = exports.OrderDetail = exports.ReturnSummary = exports.ReturnStatus = exports.OrderList = exports.OrderSummaryItem = exports.OrderItem = exports.OrderTracking = exports.OrderProgressEntry = exports.OrderProgressStep = void 0;
+    exports.ReturnDetail = exports.ReturnItem = exports.ReturnProgressEntry = exports.CreateReturnRequest = exports.ReturnRequestItem = exports.FanReturnReason = exports.RequestCancellationRequest = exports.FanCancelReason = exports.OrderDetail = exports.ReturnSummary = exports.OrderList = exports.OrderSummaryItem = exports.ReturnStatus = exports.OrderItem = exports.OrderTracking = exports.OrderProgressEntry = exports.OrderProgressStep = void 0;
     const zod_1 = requireZod();
     const money_1 = requireMoney();
     const ids_1 = requireIds();
@@ -4679,6 +4679,7 @@ function requireOrderTracking() {
       refunded_qty: zod_1.z.number().int().nonnegative(),
       returned_qty: zod_1.z.number().int().nonnegative().optional()
     });
+    exports.ReturnStatus = zod_1.z.enum(["reported", "package_received", "completed"]);
     exports.OrderSummaryItem = zod_1.z.object({
       order_ref: ids_1.OrderRef,
       placed_at: common_1.Timestamp,
@@ -4688,12 +4689,12 @@ function requireOrderTracking() {
       total: money_1.Money,
       item_count: zod_1.z.number().int().nonnegative(),
       image: common_1.Url.optional(),
-      images: zod_1.z.array(common_1.Url).max(3).optional()
+      images: zod_1.z.array(common_1.Url).max(3).optional(),
+      return_status: exports.ReturnStatus.optional()
     });
     exports.OrderList = zod_1.z.object({
       orders: zod_1.z.array(exports.OrderSummaryItem)
     });
-    exports.ReturnStatus = zod_1.z.enum(["reported", "package_received", "completed"]);
     exports.ReturnSummary = zod_1.z.object({
       return_ref: zod_1.z.string().min(1),
       status: exports.ReturnStatus,
@@ -5411,13 +5412,13 @@ function ShopVideo({ src, poster, fill: fill2 = false, className, style, priorit
 const badge$5 = "_badge_1bagf_1";
 const neutral$1 = "_neutral_1bagf_12";
 const success$1 = "_success_1bagf_17";
-const critical$1 = "_critical_1bagf_22";
+const critical$2 = "_critical_1bagf_22";
 const promo = "_promo_1bagf_27";
 const styles$R = {
   badge: badge$5,
   neutral: neutral$1,
   success: success$1,
-  critical: critical$1,
+  critical: critical$2,
   promo
 };
 function Badge({ tone = "neutral", children }) {
@@ -6014,7 +6015,7 @@ const message$1 = "_message_1tc1q_120";
 const action = "_action_1tc1q_133";
 const neutral = "_neutral_1tc1q_158";
 const success = "_success_1tc1q_163";
-const critical = "_critical_1tc1q_168";
+const critical$1 = "_critical_1tc1q_168";
 const rich = "_rich_1tc1q_183";
 const description = "_description_1tc1q_198";
 const thumb$3 = "_thumb_1tc1q_216";
@@ -6029,7 +6030,7 @@ const styles$K = {
   action,
   neutral,
   success,
-  critical,
+  critical: critical$1,
   rich,
   description,
   thumb: thumb$3,
@@ -7983,15 +7984,15 @@ function OrderConfirmationContent({ orderRef, locale: localeProp, onDone }) {
     })]
   });
 }
-const badge$2 = "_badge_ghd02_6";
-const progress = "_progress_ghd02_22";
-const delivered = "_delivered_ghd02_27";
-const cancelled = "_cancelled_ghd02_32";
+const badge$2 = "_badge_1w0zn_6";
+const progress = "_progress_1w0zn_22";
+const delivered = "_delivered_1w0zn_27";
+const critical = "_critical_1w0zn_36";
 const styles$w = {
   badge: badge$2,
   progress,
   delivered,
-  cancelled
+  critical
 };
 const LABEL = {
   packing: "In progress",
@@ -8005,10 +8006,16 @@ const TONE = {
   on_its_way: "progress",
   out_for_delivery: "progress",
   delivered: "delivered",
-  cancelled: "cancelled"
+  cancelled: "critical"
 };
-function OrderStatusBadge({ status }) {
+function OrderStatusBadge({ status, returnStatus }) {
   const t = useT();
+  if (returnStatus) {
+    return jsx("span", {
+      className: [styles$w.badge, styles$w.critical].join(" "),
+      children: t("Return started")
+    });
+  }
   const label2 = LABEL[status] ?? status.replace(/_/g, " ");
   const tone = TONE[status] ?? "progress";
   return jsx("span", {
@@ -8162,7 +8169,8 @@ function OrderCard({ order, locale, onOpen }) {
           children: formatPlaced(order.placed_at, locale)
         })]
       }), jsx(OrderStatusBadge, {
-        status: order.status
+        status: order.status,
+        returnStatus: order.return_status
       })]
     }), jsxs("div", {
       className: styles$v.bottom,

package/dist/standalone/styles.css

@@ -1580,7 +1580,7 @@
 ._done_2uqhz_107 {
   border-color: var(--color-surface-max);
 }
-._badge_ghd02_6 {
+._badge_1w0zn_6 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -1595,15 +1595,15 @@
   text-transform: uppercase;
   white-space: nowrap;
 }
-._progress_ghd02_22 {
+._progress_1w0zn_22 {
   background: var(--color-state-surface-warning-soft);
   color: var(--color-state-text-warning);
 }
-._delivered_ghd02_27 {
+._delivered_1w0zn_27 {
   background: var(--color-state-surface-success-soft);
   color: var(--color-state-text-success);
 }
-._cancelled_ghd02_32 {
+._critical_1w0zn_36 {
   background: var(--color-state-surface-critical-soft);
   color: var(--color-state-text-critical);
 }

package/dist/styles.css

@@ -1580,7 +1580,7 @@
 ._done_2uqhz_107 {
   border-color: var(--color-surface-max);
 }
-._badge_ghd02_6 {
+._badge_1w0zn_6 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -1595,15 +1595,15 @@
   text-transform: uppercase;
   white-space: nowrap;
 }
-._progress_ghd02_22 {
+._progress_1w0zn_22 {
   background: var(--color-state-surface-warning-soft);
   color: var(--color-state-text-warning);
 }
-._delivered_ghd02_27 {
+._delivered_1w0zn_27 {
   background: var(--color-state-surface-success-soft);
   color: var(--color-state-text-success);
 }
-._cancelled_ghd02_32 {
+._critical_1w0zn_36 {
   background: var(--color-state-surface-critical-soft);
   color: var(--color-state-text-critical);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nok-integration/storefront-react",
-  "version": "0.19.34",
+  "version": "0.19.36",
   "description": "Mountable React storefront components: catalogue, product detail and cart, mounted directly into a host DOM tree. No iframe.",
   "license": "UNLICENSED",
   "type": "module",