@nok-integration/storefront-react 0.14.0 → 0.16.0

package/dist/index.d.ts

@@ -1830,6 +1830,7 @@ declare function createClient(options: ClientOptions): {
                 reason: "checkout_handoff";
                 expires_at?: string | undefined;
             } | undefined;
+            hidden_lines?: ("shipping" | "tax")[] | undefined;
         }>;
         get: () => Promise<{
             currency: string;
@@ -1873,6 +1874,7 @@ declare function createClient(options: ClientOptions): {
                 reason: "checkout_handoff";
                 expires_at?: string | undefined;
             } | undefined;
+            hidden_lines?: ("shipping" | "tax")[] | undefined;
         }>;
         addItem: (body: AddCartItemRequest) => Promise<{
             currency: string;
@@ -1916,6 +1918,7 @@ declare function createClient(options: ClientOptions): {
                 reason: "checkout_handoff";
                 expires_at?: string | undefined;
             } | undefined;
+            hidden_lines?: ("shipping" | "tax")[] | undefined;
         }>;
         updateItem: (sku: string, body: UpdateCartItemRequest) => Promise<{
             currency: string;
@@ -1959,6 +1962,7 @@ declare function createClient(options: ClientOptions): {
                 reason: "checkout_handoff";
                 expires_at?: string | undefined;
             } | undefined;
+            hidden_lines?: ("shipping" | "tax")[] | undefined;
         }>;
         removeItem: (sku: string) => Promise<{
             currency: string;
@@ -2002,6 +2006,7 @@ declare function createClient(options: ClientOptions): {
                 reason: "checkout_handoff";
                 expires_at?: string | undefined;
             } | undefined;
+            hidden_lines?: ("shipping" | "tax")[] | undefined;
         }>;
         /**
          * Hand the cart to DAZN checkout and get the URL to send the fan to.
@@ -2610,7 +2615,7 @@ export declare interface OrderStatusBadgeProps {
  * The pricing breakdown. DISPLAY ONLY — every value is server-authoritative; the UI
  * never sums or computes anything here.
  */
-export declare function OrderSummary({ pricing, deferred, rows }: OrderSummaryProps): JSX.Element;
+export declare function OrderSummary({ pricing, deferred, hidden, rows, }: OrderSummaryProps): JSX.Element;
 
 export declare interface OrderSummaryProps {
     pricing: Pricing;
@@ -2636,6 +2641,17 @@ export declare interface OrderSummaryProps {
      * delivery is not a total. Subtotal carries the emphasis instead.
      */
     deferred?: DeferredLine[];
+    /**
+     * Rows to leave undrawn entirely, as a merchandiser set them in the CMS.
+     *
+     * Different from `deferred`, which still draws the row and says the value is not ours to
+     * state. This removes it: no label, no value, and no hairline above it, because the rule
+     * that draws the separator is `.row + .row` and a filtered row takes its own with it.
+     *
+     * The figure is untouched in `pricing` either way. Hiding is presentation; a version of
+     * this that zeroed the value would turn a CMS switch into a pricing change.
+     */
+    hidden?: DeferredLine[];
 }
 
 /**

package/dist/index.mjs

@@ -4465,7 +4465,14 @@ function requireIds() {
   ids.UserId = prefixedId("usr_");
   ids.CartId = prefixedId("cart_");
   ids.CheckoutId = prefixedId("chk_");
-  ids.OrderRef = prefixedId("ord_");
+  ids.OrderRef = zod_1.z.string().regex(
+    // Deliberately unbounded in length. DAZN said six digits "for now", and a schema that
+    // pinned six would reject the first order they place after widening the column — a
+    // 400 at intake, which is an order we never receive and never fulfil. The rule we can
+    // hold them to is "digits"; the count is theirs to change.
+    /^(?:ord_[A-Za-z0-9._-]+|\d+)$/,
+    "must be an 'ord_…' identifier or a numeric order reference"
+  ).brand();
   ids.EventId = prefixedId("evt_");
   ids.RequestId = prefixedId("req_");
   return ids;
@@ -4476,7 +4483,7 @@ function requireCart() {
   hasRequiredCart = 1;
   (function(exports) {
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.PartnerCart = exports.PartnerCartItem = exports.CartHandoffResponse = exports.UpdateCartItemRequest = exports.AddCartItemRequest = exports.Cart = exports.CartLock = exports.CartLockReason = exports.CartTotals = exports.CartItem = void 0;
+    exports.PartnerCart = exports.PartnerCartItem = exports.CartHandoffResponse = exports.UpdateCartItemRequest = exports.AddCartItemRequest = exports.Cart = exports.HiddenSummaryLine = exports.CartLock = exports.CartLockReason = exports.CartTotals = exports.CartItem = void 0;
     const zod_1 = /* @__PURE__ */ requireZod();
     const money_1 = requireMoney();
     const ids_1 = requireIds();
@@ -4539,6 +4546,7 @@ function requireCart() {
       expires_at: zod_1.z.string().datetime().optional(),
       reason: exports.CartLockReason
     });
+    exports.HiddenSummaryLine = zod_1.z.enum(["tax", "shipping"]);
     exports.Cart = zod_1.z.object({
       cart_id: ids_1.CartId,
       currency: money_2.Currency,
@@ -4548,7 +4556,18 @@ function requireCart() {
        * Absent means "not locked" — deliberately, so this is additive and an existing
        * consumer that has never heard of locking is unaffected.
        */
-      locked: exports.CartLock.optional()
+      locked: exports.CartLock.optional(),
+      /**
+       * Summary rows to leave undrawn, resolved server-side from the CMS setting.
+       *
+       * Sent already decided rather than as the raw setting, so the rule lives in one place
+       * and a consumer never has to reimplement it. That also means the day this becomes a
+       * per-market decision, nothing on the wire or in any consumer changes.
+       *
+       * Absent and empty both mean "draw everything", so a consumer that has never heard of
+       * this field behaves exactly as before.
+       */
+      hidden_lines: zod_1.z.array(exports.HiddenSummaryLine).optional()
     });
     exports.AddCartItemRequest = zod_1.z.object({
       sku: common_1.Sku,
@@ -5331,12 +5350,19 @@ function ShopLink({ to, children, ...rest }) {
         }
         event.preventDefault();
         navigate(to);
+        anchorToTop();
       },
       ...rest,
       children
     }
   );
 }
+function anchorToTop() {
+  if (typeof window === "undefined") return;
+  const top = () => window.scrollTo(0, 0);
+  top();
+  if (typeof window.requestAnimationFrame === "function") window.requestAnimationFrame(top);
+}
 function ShopImage({
   src,
   alt,
@@ -6130,11 +6156,16 @@ const CART_ROWS = [
   { label: "Tax", key: "tax" },
   { label: "Total", key: "total" }
 ];
-function OrderSummary({ pricing, deferred = [], rows = CART_ROWS }) {
+function OrderSummary({
+  pricing,
+  deferred = [],
+  hidden = [],
+  rows = CART_ROWS
+}) {
   const { format } = useMoney();
   const isDeferred = (key) => deferred.includes(key);
   const anyDeferred = deferred.length > 0;
-  const visible = rows.filter((row2) => row2.key !== "total" || !anyDeferred);
+  const visible = rows.filter((row2) => !hidden.includes(row2.key)).filter((row2) => row2.key !== "total" || !anyDeferred);
   return /* @__PURE__ */ jsx("dl", { className: styles$w.summary, children: visible.map(({ label: label2, key }) => {
     const pending2 = key !== "total" && isDeferred(key);
     return /* @__PURE__ */ jsxs("div", { className: styles$w.row, children: [
@@ -7338,7 +7369,14 @@ function CartViewContent({
         ) }, item2.sku)) })
       ] }),
       /* @__PURE__ */ jsx(ShippingInfo, {}),
-      /* @__PURE__ */ jsx(OrderSummary, { pricing: cart2.totals, deferred: ["shipping", "tax"] })
+      /* @__PURE__ */ jsx(
+        OrderSummary,
+        {
+          pricing: cart2.totals,
+          deferred: ["shipping", "tax"],
+          hidden: cart2.hidden_lines
+        }
+      )
     ] }),
     /* @__PURE__ */ jsx(StickyCtaBar, { variant: "divider", children: /* @__PURE__ */ jsx(
       Button,

package/dist/standalone/storefront.mjs

@@ -4465,7 +4465,14 @@ function requireIds() {
   ids.UserId = prefixedId("usr_");
   ids.CartId = prefixedId("cart_");
   ids.CheckoutId = prefixedId("chk_");
-  ids.OrderRef = prefixedId("ord_");
+  ids.OrderRef = zod_1.z.string().regex(
+    // Deliberately unbounded in length. DAZN said six digits "for now", and a schema that
+    // pinned six would reject the first order they place after widening the column — a
+    // 400 at intake, which is an order we never receive and never fulfil. The rule we can
+    // hold them to is "digits"; the count is theirs to change.
+    /^(?:ord_[A-Za-z0-9._-]+|\d+)$/,
+    "must be an 'ord_…' identifier or a numeric order reference"
+  ).brand();
   ids.EventId = prefixedId("evt_");
   ids.RequestId = prefixedId("req_");
   return ids;
@@ -4476,7 +4483,7 @@ function requireCart() {
   hasRequiredCart = 1;
   (function(exports) {
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.PartnerCart = exports.PartnerCartItem = exports.CartHandoffResponse = exports.UpdateCartItemRequest = exports.AddCartItemRequest = exports.Cart = exports.CartLock = exports.CartLockReason = exports.CartTotals = exports.CartItem = void 0;
+    exports.PartnerCart = exports.PartnerCartItem = exports.CartHandoffResponse = exports.UpdateCartItemRequest = exports.AddCartItemRequest = exports.Cart = exports.HiddenSummaryLine = exports.CartLock = exports.CartLockReason = exports.CartTotals = exports.CartItem = void 0;
     const zod_1 = /* @__PURE__ */ requireZod();
     const money_1 = requireMoney();
     const ids_1 = requireIds();
@@ -4539,6 +4546,7 @@ function requireCart() {
       expires_at: zod_1.z.string().datetime().optional(),
       reason: exports.CartLockReason
     });
+    exports.HiddenSummaryLine = zod_1.z.enum(["tax", "shipping"]);
     exports.Cart = zod_1.z.object({
       cart_id: ids_1.CartId,
       currency: money_2.Currency,
@@ -4548,7 +4556,18 @@ function requireCart() {
        * Absent means "not locked" — deliberately, so this is additive and an existing
        * consumer that has never heard of locking is unaffected.
        */
-      locked: exports.CartLock.optional()
+      locked: exports.CartLock.optional(),
+      /**
+       * Summary rows to leave undrawn, resolved server-side from the CMS setting.
+       *
+       * Sent already decided rather than as the raw setting, so the rule lives in one place
+       * and a consumer never has to reimplement it. That also means the day this becomes a
+       * per-market decision, nothing on the wire or in any consumer changes.
+       *
+       * Absent and empty both mean "draw everything", so a consumer that has never heard of
+       * this field behaves exactly as before.
+       */
+      hidden_lines: zod_1.z.array(exports.HiddenSummaryLine).optional()
     });
     exports.AddCartItemRequest = zod_1.z.object({
       sku: common_1.Sku,
@@ -5331,12 +5350,19 @@ function ShopLink({ to, children, ...rest }) {
         }
         event.preventDefault();
         navigate(to);
+        anchorToTop();
       },
       ...rest,
       children
     }
   );
 }
+function anchorToTop() {
+  if (typeof window === "undefined") return;
+  const top = () => window.scrollTo(0, 0);
+  top();
+  if (typeof window.requestAnimationFrame === "function") window.requestAnimationFrame(top);
+}
 function ShopImage({
   src,
   alt,
@@ -6130,11 +6156,16 @@ const CART_ROWS = [
   { label: "Tax", key: "tax" },
   { label: "Total", key: "total" }
 ];
-function OrderSummary({ pricing, deferred = [], rows = CART_ROWS }) {
+function OrderSummary({
+  pricing,
+  deferred = [],
+  hidden = [],
+  rows = CART_ROWS
+}) {
   const { format } = useMoney();
   const isDeferred = (key) => deferred.includes(key);
   const anyDeferred = deferred.length > 0;
-  const visible = rows.filter((row2) => row2.key !== "total" || !anyDeferred);
+  const visible = rows.filter((row2) => !hidden.includes(row2.key)).filter((row2) => row2.key !== "total" || !anyDeferred);
   return /* @__PURE__ */ jsx("dl", { className: styles$w.summary, children: visible.map(({ label: label2, key }) => {
     const pending2 = key !== "total" && isDeferred(key);
     return /* @__PURE__ */ jsxs("div", { className: styles$w.row, children: [
@@ -7338,7 +7369,14 @@ function CartViewContent({
         ) }, item2.sku)) })
       ] }),
       /* @__PURE__ */ jsx(ShippingInfo, {}),
-      /* @__PURE__ */ jsx(OrderSummary, { pricing: cart2.totals, deferred: ["shipping", "tax"] })
+      /* @__PURE__ */ jsx(
+        OrderSummary,
+        {
+          pricing: cart2.totals,
+          deferred: ["shipping", "tax"],
+          hidden: cart2.hidden_lines
+        }
+      )
     ] }),
     /* @__PURE__ */ jsx(StickyCtaBar, { variant: "divider", children: /* @__PURE__ */ jsx(
       Button,

package/package.json

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