@nok-integration/storefront-react 0.19.53 → 0.20.6

package/dist/index.mjs

@@ -4403,6 +4403,53 @@ function requireContent() {
   })(content$1);
   return content$1;
 }
+var storefrontConfig = {};
+var hasRequiredStorefrontConfig;
+function requireStorefrontConfig() {
+  if (hasRequiredStorefrontConfig) return storefrontConfig;
+  hasRequiredStorefrontConfig = 1;
+  (function(exports) {
+    Object.defineProperty(exports, "__esModule", {
+      value: true
+    });
+    exports.STOREFRONT_CONFIG_FALLBACK = exports.StorefrontConfig = exports.StorefrontMarketConfig = exports.StorefrontPresentationConfig = exports.StorefrontAnalyticsConfig = void 0;
+    const zod_1 = requireZod();
+    exports.StorefrontAnalyticsConfig = zod_1.z.object({
+      ga4_measurement_id: zod_1.z.string().nullable(),
+      debug: zod_1.z.boolean()
+    });
+    exports.StorefrontPresentationConfig = zod_1.z.object({
+      show_cart_tax: zod_1.z.boolean(),
+      show_size_charts: zod_1.z.boolean(),
+      show_stock_alerts: zod_1.z.boolean()
+    });
+    exports.StorefrontMarketConfig = zod_1.z.object({
+      default_country: zod_1.z.string(),
+      default_lang: zod_1.z.string()
+    });
+    exports.StorefrontConfig = zod_1.z.object({
+      analytics: exports.StorefrontAnalyticsConfig,
+      presentation: exports.StorefrontPresentationConfig,
+      market: exports.StorefrontMarketConfig
+    });
+    exports.STOREFRONT_CONFIG_FALLBACK = {
+      analytics: {
+        ga4_measurement_id: null,
+        debug: false
+      },
+      presentation: {
+        show_cart_tax: true,
+        show_size_charts: true,
+        show_stock_alerts: true
+      },
+      market: {
+        default_country: "GB",
+        default_lang: "en"
+      }
+    };
+  })(storefrontConfig);
+  return storefrontConfig;
+}
 var inventory = {};
 var hasRequiredInventory;
 function requireInventory() {
@@ -4885,6 +4932,7 @@ function requireClient() {
   client.createClient = createClient;
   const catalog_1 = requireCatalog();
   const content_1 = requireContent();
+  const storefront_config_1 = requireStorefrontConfig();
   const inventory_1 = requireInventory();
   const cart_1 = requireCart();
   const session_1 = requireSession();
@@ -5012,6 +5060,13 @@ function requireClient() {
           schema: content_1.HomeContent
         })
       },
+      storefrontConfig: {
+        get: () => request({
+          method: "GET",
+          path: "/storefront-config",
+          schema: storefront_config_1.StorefrontConfig
+        })
+      },
       inventory: {
         get: (sku) => request({
           method: "GET",
@@ -5134,8 +5189,8 @@ function resolveAssetUrl(src, base) {
 const MAX_AGE_MS = 5 * 6e4;
 const CAPACITY = 60;
 class ProductCache {
-  constructor(now = () => Date.now()) {
-    this.now = now;
+  constructor(now2 = () => Date.now()) {
+    this.now = now2;
   }
   now;
   entries = /* @__PURE__ */ new Map();
@@ -5275,7 +5330,7 @@ function NoScreenTitle({ children }) {
 }
 const ShopContext = createContext(null);
 function DaznShopProvider({ children, ...config }) {
-  const { apiBaseUrl, getToken, market, navigate: hostNavigate, prefetch: hostPrefetch, sessionTransport = "bearer", theme = "auto", notifications = "internal", onEvent, locale, assetBaseUrl } = config;
+  const { apiBaseUrl, getToken, market, navigate: hostNavigate, prefetch: hostPrefetch, sessionTransport = "bearer", theme = "auto", notifications = "internal", features, onEvent, locale, assetBaseUrl } = config;
   const listeners = useRef(/* @__PURE__ */ new Set());
   const subscribe = useCallback((listener) => {
     listeners.current.add(listener);
@@ -5329,19 +5384,24 @@ function DaznShopProvider({ children, ...config }) {
       type: "ready"
     });
   }, []);
+  const resolvedFeatures = useMemo(() => ({
+    sizeCharts: features?.sizeCharts ?? true,
+    stockAlerts: features?.stockAlerts ?? true
+  }), [features?.sizeCharts, features?.stockAlerts]);
   const value2 = useMemo(() => ({
     api,
     market,
     products,
     theme,
     notifications,
+    features: resolvedFeatures,
     locale,
     assetBaseUrl,
     emit,
     subscribe,
     navigate,
     prefetch: hostPrefetch ?? null
-  }), [api, market, products, theme, notifications, locale, assetBaseUrl, emit, subscribe, navigate, hostPrefetch]);
+  }), [api, market, products, theme, resolvedFeatures, notifications, locale, assetBaseUrl, emit, subscribe, navigate, hostPrefetch]);
   return jsx(ShopContext.Provider, {
     value: value2,
     children: jsx(ScreenTitleProvider, {
@@ -5376,6 +5436,12 @@ function useShopEvent() {
   const emit = useShopOptional()?.emit;
   return useCallback((event) => emit?.(event), [emit]);
 }
+function useShopFeatures() {
+  return useShopOptional()?.features ?? {
+    sizeCharts: true,
+    stockAlerts: true
+  };
+}
 function ShopLink({ to, children, ...rest }) {
   const navigate = useNavigate();
   const prefetch = usePrefetch();
@@ -5531,13 +5597,13 @@ function Badge({ tone = "neutral", children }) {
     children
   });
 }
-const button$1 = "_button_1u2uh_1";
-const fullWidth = "_fullWidth_1u2uh_25";
-const primary = "_primary_1u2uh_29";
-const secondary = "_secondary_1u2uh_34";
-const ghost = "_ghost_1u2uh_40";
-const spinner = "_spinner_1u2uh_83";
-const spin = "_spin_1u2uh_83";
+const button$1 = "_button_17pvl_1";
+const fullWidth = "_fullWidth_17pvl_25";
+const primary = "_primary_17pvl_29";
+const secondary = "_secondary_17pvl_34";
+const ghost = "_ghost_17pvl_40";
+const spinner = "_spinner_17pvl_83";
+const spin = "_spin_17pvl_83";
 const styles$Q = {
   button: button$1,
   fullWidth,
@@ -5580,8 +5646,8 @@ function Skeleton({ width, height, radius, className, circle }) {
     style
   });
 }
-const surface$1 = "_surface_1xwok_10";
-const fill = "_fill_1xwok_35";
+const surface$1 = "_surface_stwld_10";
+const fill = "_fill_stwld_35";
 const styles$O = {
   surface: surface$1,
   fill
@@ -5636,8 +5702,63 @@ function useTopOffset(ref, property, enabled = true) {
     };
   }, [ref, property, enabled]);
 }
+const HOLD_MS = 1e3;
+const RELEASES = ["touchstart", "wheel", "keydown", "pointerdown"];
+function anchorTop(shouldHold = () => true) {
+  let released = false;
+  const top2 = () => {
+    if (released) return;
+    const scrolled2 = window.scrollY || document.documentElement.scrollTop || 0;
+    if (scrolled2 > 0 && shouldHold()) window.scrollTo(0, 0);
+  };
+  const release = () => {
+    if (released) return;
+    released = true;
+    if (frame2 !== null && typeof cancelAnimationFrame === "function") cancelAnimationFrame(frame2);
+    clearTimeout(timer2);
+    window.removeEventListener("scroll", top2);
+    for (const type of RELEASES) window.removeEventListener(type, release);
+  };
+  top2();
+  const frame2 = typeof requestAnimationFrame === "function" ? requestAnimationFrame(top2) : null;
+  const timer2 = setTimeout(release, HOLD_MS);
+  window.addEventListener("scroll", top2, {
+    passive: true
+  });
+  for (const type of RELEASES) window.addEventListener(type, release, {
+    passive: true
+  });
+  return release;
+}
+const TRAVERSAL_WINDOW_MS = 1e3;
+const now = () => typeof performance !== "undefined" ? performance.now() : Date.now();
+let lastTraversal = -Infinity;
+if (typeof window !== "undefined") {
+  window.addEventListener("popstate", () => {
+    lastTraversal = now();
+  });
+}
+function documentTop(el) {
+  let top2 = 0;
+  for (let node = el; node; node = node.offsetParent) {
+    top2 += node.offsetTop;
+  }
+  return top2;
+}
+function beginsOnTheFirstViewport(el) {
+  return documentTop(el) < window.innerHeight;
+}
+function useScreenAnchor(ref, enabled = true) {
+  useEffect(() => {
+    const el = ref.current;
+    if (!el || !enabled) return;
+    if (now() - lastTraversal < TRAVERSAL_WINDOW_MS) return;
+    return anchorTop(() => beginsOnTheFirstViewport(el));
+  }, [ref, enabled]);
+}
 const ShopSurface = forwardRef(function ShopSurface2({ tone, fill: fill2 = false, children, className, ...rest }, ref) {
   const own = useRef(null);
+  useScreenAnchor(own, fill2);
   useTopOffset(own, "--surface-top", fill2);
   const attach = useCallback((node) => {
     own.current = node;
@@ -5689,14 +5810,14 @@ function minorUnitExponent(currency) {
 }
 function formatMoney(money2, locale) {
   const exponent = minorUnitExponent(money2.currency);
-  const major = money2.amount / 10 ** exponent;
+  const major2 = money2.amount / 10 ** exponent;
   try {
     return new Intl.NumberFormat(locale, {
       style: "currency",
       currency: money2.currency
-    }).format(major);
+    }).format(major2);
   } catch {
-    return `${major.toFixed(exponent)} ${money2.currency}`;
+    return `${major2.toFixed(exponent)} ${money2.currency}`;
   }
 }
 function discountPct(price2, compareAt2) {
@@ -6116,20 +6237,20 @@ function StatusBadge({ status }) {
     children: t(label2)
   });
 }
-const viewport = "_viewport_1tc1q_14";
-const anchor = "_anchor_1tc1q_41";
-const caret = "_caret_1tc1q_59";
-const toast = "_toast_1tc1q_82";
-const text$4 = "_text_1tc1q_111";
-const message$1 = "_message_1tc1q_120";
-const action = "_action_1tc1q_133";
-const neutral = "_neutral_1tc1q_158";
-const success = "_success_1tc1q_163";
-const critical$1 = "_critical_1tc1q_168";
-const rich = "_rich_1tc1q_183";
-const description = "_description_1tc1q_198";
-const thumb$3 = "_thumb_1tc1q_216";
-const thumbImage = "_thumbImage_1tc1q_227";
+const viewport = "_viewport_oz4st_14";
+const anchor = "_anchor_oz4st_41";
+const caret = "_caret_oz4st_59";
+const toast = "_toast_oz4st_82";
+const text$4 = "_text_oz4st_111";
+const message$1 = "_message_oz4st_120";
+const action = "_action_oz4st_133";
+const neutral = "_neutral_oz4st_158";
+const success = "_success_oz4st_163";
+const critical$1 = "_critical_oz4st_168";
+const rich = "_rich_oz4st_183";
+const description = "_description_oz4st_198";
+const thumb$3 = "_thumb_oz4st_216";
+const thumbImage = "_thumbImage_oz4st_227";
 const styles$K = {
   viewport,
   anchor,
@@ -6661,27 +6782,27 @@ function renderValue(key, pricing, format, t) {
   }
   return key === "discount" ? null : format(pricing[key]);
 }
-const lines$1 = "_lines_15b52_19";
-const line$2 = "_line_15b52_19";
-const thumb$2 = "_thumb_15b52_34";
-const image$9 = "_image_15b52_44";
-const placeholder$8 = "_placeholder_15b52_51";
-const lineBody = "_lineBody_15b52_56";
-const lineText = "_lineText_15b52_65";
-const lineTitle = "_lineTitle_15b52_75";
-const lineMeta = "_lineMeta_15b52_107";
-const detail$1 = "_detail_15b52_104";
-const linePrice = "_linePrice_15b52_128";
-const paid$3 = "_paid_15b52_140";
-const was$4 = "_was_15b52_153";
-const card$4 = "_card_15b52_176";
-const cardTitle = "_cardTitle_15b52_184";
-const cardBody = "_cardBody_15b52_196";
-const summaryCard = "_summaryCard_15b52_168";
-const itemsHeader = "_itemsHeader_15b52_14";
-const itemsTitle = "_itemsTitle_15b52_225";
-const itemsCount = "_itemsCount_15b52_236";
-const cardLines = "_cardLines_15b52_255";
+const lines$1 = "_lines_1lx0d_19";
+const line$2 = "_line_1lx0d_19";
+const thumb$2 = "_thumb_1lx0d_34";
+const image$9 = "_image_1lx0d_44";
+const placeholder$8 = "_placeholder_1lx0d_51";
+const lineBody = "_lineBody_1lx0d_56";
+const lineText = "_lineText_1lx0d_65";
+const lineTitle = "_lineTitle_1lx0d_75";
+const lineMeta = "_lineMeta_1lx0d_106";
+const detail$1 = "_detail_1lx0d_103";
+const linePrice = "_linePrice_1lx0d_127";
+const paid$3 = "_paid_1lx0d_139";
+const was$4 = "_was_1lx0d_152";
+const card$4 = "_card_1lx0d_175";
+const cardTitle = "_cardTitle_1lx0d_183";
+const cardBody = "_cardBody_1lx0d_195";
+const summaryCard = "_summaryCard_1lx0d_167";
+const itemsHeader = "_itemsHeader_1lx0d_14";
+const itemsTitle = "_itemsTitle_1lx0d_238";
+const itemsCount = "_itemsCount_1lx0d_249";
+const cardLines = "_cardLines_1lx0d_268";
 const styles$F = {
   lines: lines$1,
   line: line$2,
@@ -7119,17 +7240,17 @@ function ReturnItemRow({ item: item2, className }) {
     })]
   });
 }
-const page$6 = "_page_1fvla_7";
-const titles$2 = "_titles_1fvla_15";
-const title$k = "_title_1fvla_15";
-const subtitle$7 = "_subtitle_1fvla_35";
-const list$2 = "_list_1fvla_43";
-const card$3 = "_card_1fvla_53";
-const checkSlot = "_checkSlot_1fvla_66";
-const check = "_check_1fvla_66";
-const row$6 = "_row_1fvla_110";
-const reason = "_reason_1fvla_117";
-const reasonSet = "_reasonSet_1fvla_137";
+const page$6 = "_page_15fz5_7";
+const titles$2 = "_titles_15fz5_15";
+const title$k = "_title_15fz5_15";
+const subtitle$7 = "_subtitle_15fz5_35";
+const list$2 = "_list_15fz5_43";
+const card$3 = "_card_15fz5_53";
+const checkSlot = "_checkSlot_15fz5_66";
+const check = "_check_15fz5_66";
+const row$6 = "_row_15fz5_110";
+const reason = "_reason_15fz5_135";
+const reasonSet = "_reasonSet_15fz5_155";
 const styles$B = {
   page: page$6,
   titles: titles$2,
@@ -7644,22 +7765,22 @@ function ReturnFlowContent({ orderRef, returnRef, onDone, locale }) {
     busy
   });
 }
-const page$3 = "_page_1xl59_8";
-const widget = "_widget_1xl59_18";
-const titleRow = "_titleRow_1xl59_26";
-const headline$1 = "_headline_1xl59_42";
-const track$5 = "_track_1xl59_74";
-const rule$1 = "_rule_1xl59_99";
-const help = "_help_1xl59_109";
-const helpTitle = "_helpTitle_1xl59_115";
-const helpRows = "_helpRows_1xl59_122";
-const helpRowEnd = "_helpRowEnd_1xl59_131";
-const helpStatus = "_helpStatus_1xl59_139";
-const helpRow = "_helpRow_1xl59_122";
-const cancel = "_cancel_1xl59_197";
-const cancelledHead = "_cancelledHead_1xl59_221";
-const cancelledTitle = "_cancelledTitle_1xl59_227";
-const cancelledMeta = "_cancelledMeta_1xl59_241";
+const page$3 = "_page_1iwin_8";
+const widget = "_widget_1iwin_18";
+const titleRow = "_titleRow_1iwin_26";
+const headline$1 = "_headline_1iwin_42";
+const track$5 = "_track_1iwin_74";
+const rule$1 = "_rule_1iwin_99";
+const help = "_help_1iwin_109";
+const helpTitle = "_helpTitle_1iwin_115";
+const helpRows = "_helpRows_1iwin_122";
+const helpRowEnd = "_helpRowEnd_1iwin_131";
+const helpStatus = "_helpStatus_1iwin_139";
+const helpRow = "_helpRow_1iwin_122";
+const cancel = "_cancel_1iwin_197";
+const cancelledHead = "_cancelledHead_1iwin_221";
+const cancelledTitle = "_cancelledTitle_1iwin_227";
+const cancelledMeta = "_cancelledMeta_1iwin_241";
 const styles$y = {
   page: page$3,
   widget,
@@ -8231,11 +8352,19 @@ function Chevron() {
   });
 }
 function OrderListView(props) {
+  const [opened, setOpened] = useState(null);
+  if (opened !== null) {
+    return jsx(ReturnFlowView, {
+      returnRef: opened,
+      onDone: () => setOpened(null)
+    });
+  }
   return jsx(ShopSurface, {
     tone: "light",
     fill: true,
     children: jsx(OrderListContent, {
-      ...props
+      ...props,
+      onOpenReturn: props.onOpenReturn ?? setOpened
     })
   });
 }
@@ -9112,25 +9241,25 @@ function QtyStepper({ qty, max, onChange, onRemove, disabled: disabled2, capDesc
     })]
   });
 }
-const line = "_line_1ritd_6";
-const row$5 = "_row_1ritd_12";
-const pending = "_pending_1ritd_18";
-const labels = "_labels_1ritd_24";
-const lowStock$1 = "_lowStock_1ritd_39";
-const media$1 = "_media_1ritd_49";
-const image$5 = "_image_1ritd_59";
-const placeholder$2 = "_placeholder_1ritd_75";
-const saleBadge = "_saleBadge_1ritd_88";
-const oos$1 = "_oos_1ritd_103";
-const info$2 = "_info_1ritd_116";
-const head = "_head_1ritd_124";
-const meta = "_meta_1ritd_131";
-const title$b = "_title_1ritd_146";
-const details = "_details_1ritd_164";
-const detail = "_detail_1ritd_164";
-const price = "_price_1ritd_183";
-const amount = "_amount_1ritd_191";
-const was = "_was_1ritd_200";
+const line = "_line_1dx14_6";
+const row$5 = "_row_1dx14_12";
+const pending = "_pending_1dx14_18";
+const labels = "_labels_1dx14_24";
+const lowStock$1 = "_lowStock_1dx14_39";
+const media$1 = "_media_1dx14_49";
+const image$5 = "_image_1dx14_59";
+const placeholder$2 = "_placeholder_1dx14_75";
+const saleBadge = "_saleBadge_1dx14_88";
+const oos$1 = "_oos_1dx14_103";
+const info$2 = "_info_1dx14_116";
+const head = "_head_1dx14_124";
+const meta = "_meta_1dx14_131";
+const title$b = "_title_1dx14_146";
+const details = "_details_1dx14_164";
+const detail = "_detail_1dx14_164";
+const price = "_price_1dx14_183";
+const amount = "_amount_1dx14_191";
+const was = "_was_1dx14_200";
 const styles$m = {
   line,
   row: row$5,
@@ -9315,11 +9444,11 @@ function ShippingInfo() {
     })]
   });
 }
-const bar = "_bar_v20rr_1";
-const floating$1 = "_floating_v20rr_31";
-const divider = "_divider_v20rr_37";
-const info$1 = "_info_v20rr_41";
-const actions = "_actions_v20rr_49";
+const bar = "_bar_23dkv_1";
+const floating$1 = "_floating_23dkv_52";
+const divider = "_divider_23dkv_58";
+const info$1 = "_info_23dkv_62";
+const actions = "_actions_23dkv_70";
 const styles$k = {
   bar,
   floating: floating$1,
@@ -9339,14 +9468,14 @@ function StickyCtaBar({ children, info: info2, variant = "floating" }) {
     })]
   });
 }
-const surface = "_surface_15488_15";
-const screen = "_screen_15488_20";
-const body$3 = "_body_15488_12";
-const items = "_items_15488_34";
-const sectionHeader = "_sectionHeader_15488_40";
-const sectionTitle = "_sectionTitle_15488_46";
-const count = "_count_15488_55";
-const lines = "_lines_15488_79";
+const surface = "_surface_1bdb0_15";
+const screen = "_screen_1bdb0_20";
+const body$3 = "_body_1bdb0_12";
+const items = "_items_1bdb0_34";
+const sectionHeader = "_sectionHeader_1bdb0_40";
+const sectionTitle = "_sectionTitle_1bdb0_46";
+const count = "_count_1bdb0_67";
+const lines = "_lines_1bdb0_91";
 const styles$j = {
   surface,
   screen,
@@ -9605,14 +9734,14 @@ function CartSheetProvider({ children }) {
     })]
   });
 }
-const gallery = "_gallery_1wmgz_1";
-const track$2 = "_track_1wmgz_5";
-const slide$1 = "_slide_1wmgz_20";
-const image$4 = "_image_1wmgz_27";
-const placeholder$1 = "_placeholder_1wmgz_31";
-const dots$2 = "_dots_1wmgz_49";
-const dot$2 = "_dot_1wmgz_49";
-const dotActive$2 = "_dotActive_1wmgz_100";
+const gallery = "_gallery_1vbj7_1";
+const track$2 = "_track_1vbj7_5";
+const slide$1 = "_slide_1vbj7_20";
+const image$4 = "_image_1vbj7_27";
+const placeholder$1 = "_placeholder_1vbj7_31";
+const dots$2 = "_dots_1vbj7_49";
+const dot$2 = "_dot_1vbj7_49";
+const dotActive$2 = "_dotActive_1vbj7_100";
 const styles$i = {
   gallery,
   track: track$2,
@@ -9912,6 +10041,7 @@ const styles$g = {
 function SizeSelector({ sizes, selected: selected2, onSelect, error: error2 = false, lowStock: lowStock2, guide }) {
   const t = useT();
   const [guideOpen, setGuideOpen] = useState(false);
+  const showGuide = useShopFeatures().sizeCharts && guide !== void 0;
   return jsxs("section", {
     className: styles$g.root,
     "aria-labelledby": "size-heading",
@@ -9921,7 +10051,7 @@ function SizeSelector({ sizes, selected: selected2, onSelect, error: error2 = fa
         id: "size-heading",
         className: styles$g.title,
         children: "Size"
-      }), guide && jsxs("button", {
+      }), showGuide && jsxs("button", {
         type: "button",
         className: styles$g.sizeGuide,
         onClick: () => setGuideOpen(true),
@@ -9983,7 +10113,7 @@ function SizeSelector({ sizes, selected: selected2, onSelect, error: error2 = fa
       className: styles$g.lowStock,
       role: "status",
       children: lowStock2
-    }), guide && guideOpen && jsx(SizeGuideSheet, {
+    }), showGuide && guideOpen && jsx(SizeGuideSheet, {
       guide,
       onClose: () => setGuideOpen(false)
     })]
@@ -10228,14 +10358,14 @@ function formatRemaining(ms) {
   return `${hh}:${mm}:${ss}`;
 }
 function PromoBanner({ promo: promo2 }) {
-  const [now, setNow] = useState(null);
+  const [now2, setNow] = useState(null);
   useEffect(() => {
     if (!promo2.ends_at) return;
     setNow(Date.now());
     const id = setInterval(() => setNow(Date.now()), 1e3);
     return () => clearInterval(id);
   }, [promo2.ends_at]);
-  const remaining = promo2.ends_at && now !== null ? new Date(promo2.ends_at).getTime() - now : null;
+  const remaining = promo2.ends_at && now2 !== null ? new Date(promo2.ends_at).getTime() - now2 : null;
   const showTimer = remaining !== null && remaining > 0;
   return jsxs("div", {
     className: styles$b.banner,
@@ -10341,6 +10471,7 @@ function ProductDetail({ product, inventory: inventory2, recommendations = [] })
   const [busy, setBusy] = useState(null);
   const [sizeError, setSizeError] = useState(false);
   const [reminded, setReminded] = useState([]);
+  const features = useShopFeatures();
   const [added, setAdded] = useState([]);
   const sizeRef = useRef(null);
   const colourRef = useRef(null);
@@ -10498,12 +10629,16 @@ function ProductDetail({ product, inventory: inventory2, recommendations = [] })
     loading: busy === "add",
     disabled: busy !== null,
     children: busy === "add" ? t("Adding to cart") : inCart ? t("Go to cart") : t("Add to cart")
-  }) : jsx(Button, {
+  }) : features.stockAlerts ? jsx(Button, {
     variant: "primary",
     onClick: handleRemind,
     loading: busy === "remind",
     disabled: alerted || busy !== null,
     children: alerted ? t("We'll remind you") : t("Remind me when available")
+  }) : jsx(Button, {
+    variant: "primary",
+    disabled: true,
+    children: t("Out of stock")
   });
   return jsxs(ShopSurface, {
     tone: "light",
@@ -10768,10 +10903,10 @@ function ReviewCarousel({ quotes }) {
     })]
   });
 }
-const section$1 = "_section_6zy7l_1";
-const row$2 = "_row_6zy7l_9";
-const title$4 = "_title_6zy7l_21";
-const body = "_body_6zy7l_44";
+const section$1 = "_section_1nrsi_1";
+const row$2 = "_row_1nrsi_9";
+const title$4 = "_title_1nrsi_20";
+const body = "_body_1nrsi_43";
 const styles$5 = {
   section: section$1,
   row: row$2,
@@ -10839,12 +10974,12 @@ function ExploreList({ title: title2, links }) {
     })]
   });
 }
-const pcp = "_pcp_yu17f_6";
-const blocks = "_blocks_yu17f_25";
-const featured = "_featured_yu17f_38";
-const gridBlock = "_gridBlock_yu17f_39";
-const blockTitle = "_blockTitle_yu17f_46";
-const grid = "_grid_yu17f_39";
+const pcp = "_pcp_1kft8_6";
+const blocks = "_blocks_1kft8_24";
+const featured = "_featured_1kft8_36";
+const gridBlock = "_gridBlock_1kft8_37";
+const blockTitle = "_blockTitle_1kft8_44";
+const grid = "_grid_1kft8_37";
 const styles$3 = {
   pcp,
   blocks,
@@ -11101,24 +11236,24 @@ function ProductView({ sku, initialData, showRecommendations = true, onNotFound
     })
   });
 }
-const showcase = "_showcase_15pba_14";
-const panel = "_panel_15pba_57";
-const image = "_image_15pba_122";
-const hero = "_hero_15pba_162";
-const heroContent = "_heroContent_15pba_254";
-const heroText = "_heroText_15pba_278";
-const logo = "_logo_15pba_287";
-const heroTitle = "_heroTitle_15pba_307";
-const heroSub = "_heroSub_15pba_331";
-const swipe = "_swipe_15pba_350";
-const swipeLabel = "_swipeLabel_15pba_357";
-const chevron$1 = "_chevron_15pba_363";
-const overlay$1 = "_overlay_15pba_11";
-const copy = "_copy_15pba_398";
-const title$2 = "_title_15pba_403";
-const subtitle$1 = "_subtitle_15pba_410";
-const cta = "_cta_15pba_416";
-const mosaic = "_mosaic_15pba_460";
+const showcase = "_showcase_9ibf6_14";
+const panel = "_panel_9ibf6_40";
+const image = "_image_9ibf6_93";
+const hero = "_hero_9ibf6_133";
+const heroContent = "_heroContent_9ibf6_224";
+const heroText = "_heroText_9ibf6_248";
+const logo = "_logo_9ibf6_257";
+const heroTitle = "_heroTitle_9ibf6_277";
+const heroSub = "_heroSub_9ibf6_301";
+const swipe = "_swipe_9ibf6_320";
+const swipeLabel = "_swipeLabel_9ibf6_327";
+const chevron$1 = "_chevron_9ibf6_333";
+const overlay$1 = "_overlay_9ibf6_11";
+const copy = "_copy_9ibf6_368";
+const title$2 = "_title_9ibf6_373";
+const subtitle$1 = "_subtitle_9ibf6_380";
+const cta = "_cta_9ibf6_386";
+const mosaic = "_mosaic_9ibf6_430";
 const styles$2 = {
   showcase,
   panel,
@@ -11151,10 +11286,21 @@ function useDocumentSnap(ref, enabled = true) {
     const top2 = () => window.scrollTo(0, 0);
     top2();
     const frame2 = typeof window.requestAnimationFrame === "function" ? window.requestAnimationFrame(top2) : null;
+    const release = anchorTop();
+    const history = window.history;
+    const previousRestoration = history && "scrollRestoration" in history ? history.scrollRestoration : null;
+    if (previousRestoration !== null) history.scrollRestoration = "manual";
+    const onPageShow = (event) => {
+      if (event.persisted) top2();
+    };
+    window.addEventListener("pageshow", onPageShow);
     return () => {
+      release();
       if (frame2 !== null && typeof window.cancelAnimationFrame === "function") {
         window.cancelAnimationFrame(frame2);
       }
+      window.removeEventListener("pageshow", onPageShow);
+      if (previousRestoration !== null) history.scrollRestoration = previousRestoration;
       root2.style.scrollSnapType = previousType;
       root2.style.scrollPaddingTop = previousPadding;
     };
@@ -11276,17 +11422,27 @@ function useSlides() {
   }, [shop]);
   return fetched ?? fallback;
 }
+const RESIZED_BETWEEN_TOOLBARS = /\b(CriOS|FxiOS|EdgiOS|OPiOS|OPT)\b/;
+function useViewportKind() {
+  const [kind, setKind] = useState(void 0);
+  useEffect(() => {
+    if (RESIZED_BETWEEN_TOOLBARS.test(navigator.userAgent)) setKind("fixed");
+  }, []);
+  return kind;
+}
 function HomeShowcase() {
   const t = useT();
   const assetUrl = useAssetUrl();
   const panels = useSlides();
   const showcaseRef = useRef(null);
   useDocumentSnap(showcaseRef);
+  const viewport2 = useViewportKind();
   return jsx(ShopSurface, {
     tone: "dark",
     children: jsxs("div", {
       className: styles$2.showcase,
       ref: showcaseRef,
+      "data-viewport": viewport2,
       children: [jsxs("section", {
         className: `${styles$2.panel} ${styles$2.hero}`,
         "aria-label": t("DAZN Shop"),
@@ -11797,6 +11953,102 @@ function ShopMenuSheet({ open, onClose, onManageOrders, onHelp, closeLabel, labe
     })]
   });
 }
+function major(money2) {
+  return money2.amount / 100;
+}
+function toGa4Event(event) {
+  switch (event.type) {
+    case "product_viewed":
+      return {
+        name: "view_item",
+        params: {
+          items: [{
+            item_id: event.sku
+          }]
+        }
+      };
+    case "add_to_cart":
+      return {
+        name: "add_to_cart",
+        params: {
+          items: [{
+            item_id: event.sku,
+            quantity: event.qty,
+            ...event.title ? {
+              item_name: event.title
+            } : {},
+            ...event.attributes?.colour ? {
+              item_variant: event.attributes.colour
+            } : {},
+            ...event.size ? {
+              item_category: event.size
+            } : {}
+          }]
+        }
+      };
+    case "remove_from_cart":
+      return {
+        name: "remove_from_cart",
+        params: {
+          items: [{
+            item_id: event.sku,
+            quantity: event.qty
+          }]
+        }
+      };
+    case "cart_updated":
+      return {
+        name: "view_cart",
+        params: {
+          currency: event.subtotal.currency,
+          value: major(event.subtotal),
+          items: []
+        }
+      };
+    case "checkout_handoff":
+      return {
+        name: "begin_checkout",
+        params: {
+          checkout_id: event.cartId
+        }
+      };
+    case "stock_alert_requested":
+      return {
+        name: "join_group",
+        params: {
+          group_id: `back_in_stock:${event.sku}`
+        }
+      };
+    case "return_requested":
+      return {
+        name: "refund",
+        params: {
+          transaction_id: event.orderRef,
+          items: []
+        }
+      };
+    case "error":
+      return {
+        name: "exception",
+        params: {
+          description: `${event.scope}:${event.code ?? "unknown"}`,
+          fatal: false
+        }
+      };
+    case "ready":
+    case "navigate":
+    case "support_requested":
+    case "order_cancellation_requested":
+    case "reorder_requested":
+    case "session_required":
+    case "session_expired":
+    case "notification":
+      return null;
+    default: {
+      return null;
+    }
+  }
+}
 export {
   Badge,
   BottomSheet,
@@ -11879,6 +12131,7 @@ export {
   resolveSku,
   sizeOptions,
   swatchColour,
+  toGa4Event,
   treatmentFor,
   useAssetUrl,
   useCartCount,