@nok-integration/storefront-react 0.15.0 → 0.16.1

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

@@ -4483,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();
@@ -4546,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,
@@ -4555,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,
@@ -5338,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,
@@ -6137,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: [
@@ -7345,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

@@ -4483,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();
@@ -4546,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,
@@ -4555,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,
@@ -5338,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,
@@ -6137,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: [
@@ -7345,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/styles.css

@@ -3,6 +3,23 @@
  * as CSS custom properties. Mobile-first, 375pt base width, embedded in the DAZN app.
  * Values are display tokens only; money is always server-authoritative.
  */
+/*
+ * THE HOST PROVIDES THE TYPEFACE. There is deliberately no `@font-face` here.
+ *
+ * The name below is the one inside DAZN's own font files (`name` ID 1 = "DAZN Oscine"),
+ * so a host that already serves the face — as DAZN do on their pages — is matched exactly
+ * and the mounted components inherit it. Nothing to configure.
+ *
+ * Two reasons not to ship it in the package. A `url()` here resolves against the
+ * CONSUMER's origin, so any path we picked would 404 in every host but the one we guessed;
+ * and inlining the two faces as data URIs adds ~120 kB to a bundle that is 67 kB gzipped,
+ * which is most of a tripling to deliver something the host almost certainly already has.
+ *
+ * A host WITHOUT the face falls through to the system stack and renders correctly but not
+ * on-brand. If that is ever the situation, the fix belongs in the host, not here.
+ *
+ * Our own storefront is such a host and serves them from `app/theme.css`.
+ */
 :root {
   /* ── Typeface ─────────────────────────────────────────────────────────── */
   --font-family-base:

package/dist/styles.css

@@ -3,6 +3,23 @@
  * as CSS custom properties. Mobile-first, 375pt base width, embedded in the DAZN app.
  * Values are display tokens only; money is always server-authoritative.
  */
+/*
+ * THE HOST PROVIDES THE TYPEFACE. There is deliberately no `@font-face` here.
+ *
+ * The name below is the one inside DAZN's own font files (`name` ID 1 = "DAZN Oscine"),
+ * so a host that already serves the face — as DAZN do on their pages — is matched exactly
+ * and the mounted components inherit it. Nothing to configure.
+ *
+ * Two reasons not to ship it in the package. A `url()` here resolves against the
+ * CONSUMER's origin, so any path we picked would 404 in every host but the one we guessed;
+ * and inlining the two faces as data URIs adds ~120 kB to a bundle that is 67 kB gzipped,
+ * which is most of a tripling to deliver something the host almost certainly already has.
+ *
+ * A host WITHOUT the face falls through to the system stack and renders correctly but not
+ * on-brand. If that is ever the situation, the fix belongs in the host, not here.
+ *
+ * Our own storefront is such a host and serves them from `app/theme.css`.
+ */
 :root {
   /* ── Typeface ─────────────────────────────────────────────────────────── */
   --font-family-base:

package/package.json

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