@nok-integration/storefront-react 0.16.3 → 0.16.4

package/dist/index.d.ts

@@ -3386,9 +3386,20 @@ export declare type ShopEvent = {
  * if the design is ours, and a mismatch if only half of it is.
  *
  * The cart count is real, never fabricated: `useCartCount` returns `null` until it knows,
- * and the badge stays hidden until then. It is shown at zero, as the design draws it —
- * `.cart.icon` has an explicit empty state carrying "0" — but a "0" that appears while the
- * cart is still loading and then jumps to "3" is a guess wearing a number.
+ * and the badge stays hidden until then — a "0" that appears while the cart is still
+ * loading and then jumps to "3" is a guess wearing a number.
+ *
+ * **The badge is also hidden at zero**, which is a deliberate departure from the frame:
+ * `.cart.icon` draws an explicit empty state carrying "0". DAZN asked for it removed on
+ * 17 Aug 2026 and they are right — a filled pill is an attention mark, and one that says
+ * there is nothing to look at spends the fan's attention to tell them so. The empty state
+ * is the icon on its own.
+ *
+ * `useCartCount` had said as much since it was written ("a badge must render nothing for
+ * `null` and nothing for `0`"); the component followed the frame instead, and the two
+ * disagreed in the codebase for as long as the badge existed. The count still
+ * distinguishes the two states, because the accessible name needs to: unknown reads
+ * "Cart", empty reads "Cart, empty".
  *
  * Mount it inside `DaznShopProvider`, and inside `CartSheet` if `showCart` is on, since
  * the trigger opens that sheet.

package/dist/index.mjs

@@ -8717,7 +8717,7 @@ function ShopHeader({
     /* @__PURE__ */ jsxs("div", { className: styles$1.right, children: [
       showCart ? /* @__PURE__ */ jsxs(CartTrigger, { className: styles$1.iconBtn, "aria-label": cartLabel, children: [
         /* @__PURE__ */ jsx(CartIcon, {}),
-        cartCount === null ? null : /* @__PURE__ */ jsx("span", { className: styles$1.badge, "aria-hidden": "true", children: cartCount > 99 ? "99+" : cartCount })
+        cartCount !== null && cartCount > 0 ? /* @__PURE__ */ jsx("span", { className: styles$1.badge, "aria-hidden": "true", children: cartCount > 99 ? "99+" : cartCount }) : null
       ] }) : null,
       onMenu ? /* @__PURE__ */ jsx(
         "button",

package/dist/standalone/storefront.mjs

@@ -8717,7 +8717,7 @@ function ShopHeader({
     /* @__PURE__ */ jsxs("div", { className: styles$1.right, children: [
       showCart ? /* @__PURE__ */ jsxs(CartTrigger, { className: styles$1.iconBtn, "aria-label": cartLabel, children: [
         /* @__PURE__ */ jsx(CartIcon, {}),
-        cartCount === null ? null : /* @__PURE__ */ jsx("span", { className: styles$1.badge, "aria-hidden": "true", children: cartCount > 99 ? "99+" : cartCount })
+        cartCount !== null && cartCount > 0 ? /* @__PURE__ */ jsx("span", { className: styles$1.badge, "aria-hidden": "true", children: cartCount > 99 ? "99+" : cartCount }) : null
       ] }) : null,
       onMenu ? /* @__PURE__ */ jsx(
         "button",

package/package.json

@@ -1,14 +1,11 @@
 {
   "name": "@nok-integration/storefront-react",
-  "version": "0.16.3",
+  "version": "0.16.4",
   "description": "Mountable React storefront components: catalogue, product detail and cart, mounted directly into a host DOM tree. No iframe.",
   "license": "UNLICENSED",
-  "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org/"
-  },
   "type": "module",
   "main": "./dist/index.mjs",
+  "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
@@ -23,32 +20,18 @@
     "dist",
     "!dist/**/*.map"
   ],
-  "scripts": {
-    "build": "pnpm build:package && pnpm build:standalone",
-    "build:package": "vite build",
-    "build:standalone": "BUILD_TARGET=standalone vite build",
-    "typecheck": "tsc --noEmit",
-    "build:partner": "PARTNER_DROP=1 pnpm build && pnpm pack"
-  },
+  "sideEffects": [
+    "*.css"
+  ],
   "peerDependencies": {
     "react": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
   },
-  "devDependencies": {
-    "@dazn/contracts": "^2.0.0",
-    "@microsoft/api-extractor": "^7.58.12",
-    "@types/react": "^19.1.0",
-    "@types/react-dom": "^19.1.0",
-    "@vitejs/plugin-react": "^4.3.4",
-    "typescript": "^5.7.3",
-    "vite": "^7.0.0",
-    "vite-plugin-dts": "^5.0.3"
-  },
-  "module": "./dist/index.mjs",
-  "sideEffects": [
-    "*.css"
-  ],
   "dependencies": {
     "zod": "^3.24.1"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
   }
 }