@nok-integration/storefront-react 0.29.12 → 0.29.14

package/dist/index.mjs

@@ -11195,18 +11195,18 @@ function StickyCtaBar({ children, info: info2, variant = "floating", className }
     })]
   });
 }
-const surface = "_surface_o6bcy_15";
-const screen = "_screen_o6bcy_20";
-const body$4 = "_body_o6bcy_12";
-const items = "_items_o6bcy_34";
-const sectionHeader = "_sectionHeader_o6bcy_40";
-const sectionTitle = "_sectionTitle_o6bcy_46";
-const count = "_count_o6bcy_67";
-const lines = "_lines_o6bcy_91";
-const footer = "_footer_o6bcy_101";
-const empty = "_empty_o6bcy_105";
-const cta$4 = "_cta_o6bcy_146";
-const ctaError = "_ctaError_o6bcy_154";
+const surface = "_surface_1rn0i_15";
+const screen = "_screen_1rn0i_20";
+const body$4 = "_body_1rn0i_12";
+const items = "_items_1rn0i_34";
+const sectionHeader = "_sectionHeader_1rn0i_40";
+const sectionTitle = "_sectionTitle_1rn0i_46";
+const count = "_count_1rn0i_67";
+const lines = "_lines_1rn0i_91";
+const footer = "_footer_1rn0i_101";
+const empty = "_empty_1rn0i_105";
+const cta$4 = "_cta_1rn0i_152";
+const ctaError = "_ctaError_1rn0i_160";
 const styles$o = {
   surface,
   screen,
@@ -11224,6 +11224,12 @@ const styles$o = {
 function CartView(props = {}) {
   const t = useT();
   useSetScreenTitle(t("Cart"), "none");
+  useSetScreenNav([{
+    label: t("DAZN Shop"),
+    to: "/"
+  }, {
+    label: t("Cart")
+  }], "light");
   return jsx(ShopSurface, {
     tone: "light",
     fill: true,
@@ -11580,7 +11586,7 @@ function MediaGallery({ media: media2, alt, focus }) {
       className: styles$n.track,
       ref: trackRef,
       role: "group",
-      "aria-label": `${alt} images`,
+      "aria-label": t("{0} images", alt),
       children: media2.map((src, i) => jsx("div", {
         className: styles$n.slide,
         children: jsx(ShopImage, {
@@ -11953,9 +11959,9 @@ function SizeSelector({ sizes: sizes2, selected: selected2, onSelect, error: err
           disabled: disabled2,
           className: [styles$j.chip, isSelected ? styles$j.selected : "", disabled2 ? styles$j.disabled : ""].filter(Boolean).join(" "),
           onClick: () => !disabled2 && onSelect(size.value),
-          children: [size.value, disabled2 && jsx("span", {
+          children: [size.value, disabled2 && jsxs("span", {
             className: "visually-hidden",
-            children: " (out of stock)"
+            children: [" ", t("(out of stock)")]
           })]
         }, size.value);
       })
@@ -12099,9 +12105,9 @@ function VariantSelector({ variants, selectedSku, onSelect, labelAttribute }) {
           disabled: disabled2,
           className: [styles$h.option, selected2 ? styles$h.selected : "", disabled2 ? styles$h.disabled : ""].filter(Boolean).join(" "),
           onClick: () => !disabled2 && onSelect(variant.sku),
-          children: [labelFor2(variant), disabled2 && jsx("span", {
+          children: [labelFor2(variant), disabled2 && jsxs("span", {
             className: "visually-hidden",
-            children: " (out of stock)"
+            children: [" ", t("(out of stock)")]
           })]
         }, variant.sku);
       })
@@ -12582,7 +12588,7 @@ function ProductDetail({ product, inventory: inventory2, recommendations = [], c
                 amount: 0,
                 currency: product.price.currency
               } : product.price,
-              compareAt: claim ? product.price : product.compare_at,
+              compareAt: claim ? product.compare_at ?? product.price : product.compare_at,
               size: "md",
               variant: "badge",
               align: "center"

package/dist/standalone/storefront.mjs

@@ -11195,18 +11195,18 @@ function StickyCtaBar({ children, info: info2, variant = "floating", className }
     })]
   });
 }
-const surface = "_surface_o6bcy_15";
-const screen = "_screen_o6bcy_20";
-const body$4 = "_body_o6bcy_12";
-const items = "_items_o6bcy_34";
-const sectionHeader = "_sectionHeader_o6bcy_40";
-const sectionTitle = "_sectionTitle_o6bcy_46";
-const count = "_count_o6bcy_67";
-const lines = "_lines_o6bcy_91";
-const footer = "_footer_o6bcy_101";
-const empty = "_empty_o6bcy_105";
-const cta$4 = "_cta_o6bcy_146";
-const ctaError = "_ctaError_o6bcy_154";
+const surface = "_surface_1rn0i_15";
+const screen = "_screen_1rn0i_20";
+const body$4 = "_body_1rn0i_12";
+const items = "_items_1rn0i_34";
+const sectionHeader = "_sectionHeader_1rn0i_40";
+const sectionTitle = "_sectionTitle_1rn0i_46";
+const count = "_count_1rn0i_67";
+const lines = "_lines_1rn0i_91";
+const footer = "_footer_1rn0i_101";
+const empty = "_empty_1rn0i_105";
+const cta$4 = "_cta_1rn0i_152";
+const ctaError = "_ctaError_1rn0i_160";
 const styles$o = {
   surface,
   screen,
@@ -11224,6 +11224,12 @@ const styles$o = {
 function CartView(props = {}) {
   const t = useT();
   useSetScreenTitle(t("Cart"), "none");
+  useSetScreenNav([{
+    label: t("DAZN Shop"),
+    to: "/"
+  }, {
+    label: t("Cart")
+  }], "light");
   return jsx(ShopSurface, {
     tone: "light",
     fill: true,
@@ -11580,7 +11586,7 @@ function MediaGallery({ media: media2, alt, focus }) {
       className: styles$n.track,
       ref: trackRef,
       role: "group",
-      "aria-label": `${alt} images`,
+      "aria-label": t("{0} images", alt),
       children: media2.map((src, i) => jsx("div", {
         className: styles$n.slide,
         children: jsx(ShopImage, {
@@ -11953,9 +11959,9 @@ function SizeSelector({ sizes: sizes2, selected: selected2, onSelect, error: err
           disabled: disabled2,
           className: [styles$j.chip, isSelected ? styles$j.selected : "", disabled2 ? styles$j.disabled : ""].filter(Boolean).join(" "),
           onClick: () => !disabled2 && onSelect(size.value),
-          children: [size.value, disabled2 && jsx("span", {
+          children: [size.value, disabled2 && jsxs("span", {
             className: "visually-hidden",
-            children: " (out of stock)"
+            children: [" ", t("(out of stock)")]
           })]
         }, size.value);
       })
@@ -12099,9 +12105,9 @@ function VariantSelector({ variants, selectedSku, onSelect, labelAttribute }) {
           disabled: disabled2,
           className: [styles$h.option, selected2 ? styles$h.selected : "", disabled2 ? styles$h.disabled : ""].filter(Boolean).join(" "),
           onClick: () => !disabled2 && onSelect(variant.sku),
-          children: [labelFor2(variant), disabled2 && jsx("span", {
+          children: [labelFor2(variant), disabled2 && jsxs("span", {
             className: "visually-hidden",
-            children: " (out of stock)"
+            children: [" ", t("(out of stock)")]
           })]
         }, variant.sku);
       })
@@ -12582,7 +12588,7 @@ function ProductDetail({ product, inventory: inventory2, recommendations = [], c
                 amount: 0,
                 currency: product.price.currency
               } : product.price,
-              compareAt: claim ? product.price : product.compare_at,
+              compareAt: claim ? product.compare_at ?? product.price : product.compare_at,
               size: "md",
               variant: "badge",
               align: "center"

package/dist/standalone/styles.css

@@ -3098,33 +3098,33 @@
 ._actions_23dkv_70 > * {
   flex: 1 1 0;
 }
-._surface_o6bcy_15 {
+._surface_1rn0i_15 {
   display: flex;
   flex-direction: column;
 }
-._screen_o6bcy_20 {
+._screen_1rn0i_20 {
   display: flex;
   flex-direction: column;
   flex: 1 1 auto;
 }
-._body_o6bcy_12 {
+._body_1rn0i_12 {
   display: flex;
   flex-direction: column;
   gap: var(--space-20);
   padding: var(--space-20) var(--space-16) 0;
   flex: 1 1 auto;
 }
-._items_o6bcy_34 {
+._items_1rn0i_34 {
   display: flex;
   flex-direction: column;
   gap: var(--space-20);
 }
-._sectionHeader_o6bcy_40 {
+._sectionHeader_1rn0i_40 {
   display: flex;
   align-items: center;
   gap: var(--space-12);
 }
-._sectionTitle_o6bcy_46 {
+._sectionTitle_1rn0i_46 {
   margin: 0;
   font-size: var(--type-heading-md-size);
   line-height: 1.38;
@@ -3132,7 +3132,7 @@
   flex: 1 0 0;
   min-width: 0;
 }
-._count_o6bcy_67 {
+._count_1rn0i_67 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -3147,7 +3147,7 @@
   font-variant-numeric: tabular-nums;
   flex-shrink: 0;
 }
-._lines_o6bcy_91 {
+._lines_1rn0i_91 {
   list-style: none;
   margin: 0;
   padding: 0;
@@ -3155,33 +3155,38 @@
   flex-direction: column;
   gap: var(--space-20);
 }
-._footer_o6bcy_101 {
+._footer_1rn0i_101 {
   display: contents;
 }
-._empty_o6bcy_105 {
+._empty_1rn0i_105 {
   display: contents;
 }
 @media (min-width: 1200px) {
-  [data-shop-panel] ._empty_o6bcy_105 p {
+  ._screen_1rn0i_20 {
+    width: 100%;
+    max-width: 480px;
+    margin-inline: auto;
+  }
+  [data-shop-panel] ._empty_1rn0i_105 p {
     max-width: none;
     white-space: nowrap;
   }
-  [data-shop-panel] ._empty_o6bcy_105 button {
+  [data-shop-panel] ._empty_1rn0i_105 button {
     width: 154px;
     padding: 0;
   }
-  [data-shop-panel] ._count_o6bcy_67 {
+  [data-shop-panel] ._count_1rn0i_67 {
     border: 1px solid var(--color-border-default);
     background: transparent;
   }
-  [data-shop-panel] ._surface_o6bcy_15 {
+  [data-shop-panel] ._surface_1rn0i_15 {
     justify-content: center;
     background: var(--color-surface-base);
   }
-  [data-shop-panel] ._body_o6bcy_12 {
+  [data-shop-panel] ._body_1rn0i_12 {
     padding: var(--space-4) var(--space-24) var(--space-24);
   }
-  [data-shop-panel] ._footer_o6bcy_101 {
+  [data-shop-panel] ._footer_1rn0i_101 {
     position: sticky;
     bottom: 0;
     z-index: 50;
@@ -3192,14 +3197,14 @@
     border-top: 1px solid #e6e6e6;
     background: var(--color-surface-base);
   }
-  [data-shop-panel] ._cta_o6bcy_146 {
+  [data-shop-panel] ._cta_1rn0i_152 {
     position: static;
     padding: 0;
     border-top: none;
     background: transparent;
   }
 }
-._ctaError_o6bcy_154 {
+._ctaError_1rn0i_160 {
   margin: 0;
   font-size: var(--type-caption-sm-size);
   line-height: var(--type-caption-sm-line);

package/dist/styles.css

@@ -3098,33 +3098,33 @@
 ._actions_23dkv_70 > * {
   flex: 1 1 0;
 }
-._surface_o6bcy_15 {
+._surface_1rn0i_15 {
   display: flex;
   flex-direction: column;
 }
-._screen_o6bcy_20 {
+._screen_1rn0i_20 {
   display: flex;
   flex-direction: column;
   flex: 1 1 auto;
 }
-._body_o6bcy_12 {
+._body_1rn0i_12 {
   display: flex;
   flex-direction: column;
   gap: var(--space-20);
   padding: var(--space-20) var(--space-16) 0;
   flex: 1 1 auto;
 }
-._items_o6bcy_34 {
+._items_1rn0i_34 {
   display: flex;
   flex-direction: column;
   gap: var(--space-20);
 }
-._sectionHeader_o6bcy_40 {
+._sectionHeader_1rn0i_40 {
   display: flex;
   align-items: center;
   gap: var(--space-12);
 }
-._sectionTitle_o6bcy_46 {
+._sectionTitle_1rn0i_46 {
   margin: 0;
   font-size: var(--type-heading-md-size);
   line-height: 1.38;
@@ -3132,7 +3132,7 @@
   flex: 1 0 0;
   min-width: 0;
 }
-._count_o6bcy_67 {
+._count_1rn0i_67 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -3147,7 +3147,7 @@
   font-variant-numeric: tabular-nums;
   flex-shrink: 0;
 }
-._lines_o6bcy_91 {
+._lines_1rn0i_91 {
   list-style: none;
   margin: 0;
   padding: 0;
@@ -3155,33 +3155,38 @@
   flex-direction: column;
   gap: var(--space-20);
 }
-._footer_o6bcy_101 {
+._footer_1rn0i_101 {
   display: contents;
 }
-._empty_o6bcy_105 {
+._empty_1rn0i_105 {
   display: contents;
 }
 @media (min-width: 1200px) {
-  [data-shop-panel] ._empty_o6bcy_105 p {
+  ._screen_1rn0i_20 {
+    width: 100%;
+    max-width: 480px;
+    margin-inline: auto;
+  }
+  [data-shop-panel] ._empty_1rn0i_105 p {
     max-width: none;
     white-space: nowrap;
   }
-  [data-shop-panel] ._empty_o6bcy_105 button {
+  [data-shop-panel] ._empty_1rn0i_105 button {
     width: 154px;
     padding: 0;
   }
-  [data-shop-panel] ._count_o6bcy_67 {
+  [data-shop-panel] ._count_1rn0i_67 {
     border: 1px solid var(--color-border-default);
     background: transparent;
   }
-  [data-shop-panel] ._surface_o6bcy_15 {
+  [data-shop-panel] ._surface_1rn0i_15 {
     justify-content: center;
     background: var(--color-surface-base);
   }
-  [data-shop-panel] ._body_o6bcy_12 {
+  [data-shop-panel] ._body_1rn0i_12 {
     padding: var(--space-4) var(--space-24) var(--space-24);
   }
-  [data-shop-panel] ._footer_o6bcy_101 {
+  [data-shop-panel] ._footer_1rn0i_101 {
     position: sticky;
     bottom: 0;
     z-index: 50;
@@ -3192,14 +3197,14 @@
     border-top: 1px solid #e6e6e6;
     background: var(--color-surface-base);
   }
-  [data-shop-panel] ._cta_o6bcy_146 {
+  [data-shop-panel] ._cta_1rn0i_152 {
     position: static;
     padding: 0;
     border-top: none;
     background: transparent;
   }
 }
-._ctaError_o6bcy_154 {
+._ctaError_1rn0i_160 {
   margin: 0;
   font-size: var(--type-caption-sm-size);
   line-height: var(--type-caption-sm-line);

package/package.json

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