@nok-integration/storefront-react 0.19.46 → 0.19.48

package/dist/index.mjs

@@ -5108,6 +5108,12 @@ function requireClient() {
   return client;
 }
 var clientExports = requireClient();
+function anchorToTop() {
+  if (typeof window === "undefined") return;
+  const top2 = () => window.scrollTo(0, 0);
+  top2();
+  if (typeof window.requestAnimationFrame === "function") window.requestAnimationFrame(top2);
+}
 function resolveAssetUrl(src, base) {
   if (!base) return src;
   if (!src.startsWith("/") || src.startsWith("//")) return src;
@@ -5301,6 +5307,7 @@ function DaznShopProvider({ children, ...config }) {
       to
     });
     hostNavigate?.(to);
+    anchorToTop();
   }, [emit, hostNavigate]);
   const announced = useRef(false);
   useEffect(() => {
@@ -5395,18 +5402,11 @@ function ShopLink({ to, children, ...rest }) {
       }
       event.preventDefault();
       navigate(to);
-      anchorToTop();
     },
     ...rest,
     children
   });
 }
-function anchorToTop() {
-  if (typeof window === "undefined") return;
-  const top2 = () => window.scrollTo(0, 0);
-  top2();
-  if (typeof window.requestAnimationFrame === "function") window.requestAnimationFrame(top2);
-}
 function ShopImage({ src, alt, fill: fill2 = false, width, height, sizes, className, style, priority = false }) {
   const assetUrl = useAssetUrl();
   const fillStyle = fill2 ? {
@@ -10969,24 +10969,24 @@ function ProductView({ sku, initialData, showRecommendations = true, onNotFound
     })
   });
 }
-const showcase = "_showcase_x4nga_14";
-const panel = "_panel_x4nga_19";
-const image = "_image_x4nga_48";
-const hero = "_hero_x4nga_88";
-const heroContent = "_heroContent_x4nga_173";
-const heroText = "_heroText_x4nga_197";
-const logo = "_logo_x4nga_206";
-const heroTitle = "_heroTitle_x4nga_226";
-const heroSub = "_heroSub_x4nga_250";
-const swipe = "_swipe_x4nga_269";
-const swipeLabel = "_swipeLabel_x4nga_276";
-const chevron$1 = "_chevron_x4nga_282";
-const overlay$1 = "_overlay_x4nga_11";
-const copy = "_copy_x4nga_317";
-const title$2 = "_title_x4nga_322";
-const subtitle$1 = "_subtitle_x4nga_329";
-const cta = "_cta_x4nga_335";
-const mosaic = "_mosaic_x4nga_379";
+const showcase = "_showcase_12gts_14";
+const panel = "_panel_12gts_19";
+const image = "_image_12gts_65";
+const hero = "_hero_12gts_105";
+const heroContent = "_heroContent_12gts_190";
+const heroText = "_heroText_12gts_214";
+const logo = "_logo_12gts_223";
+const heroTitle = "_heroTitle_12gts_243";
+const heroSub = "_heroSub_12gts_267";
+const swipe = "_swipe_12gts_286";
+const swipeLabel = "_swipeLabel_12gts_293";
+const chevron$1 = "_chevron_12gts_299";
+const overlay$1 = "_overlay_12gts_11";
+const copy = "_copy_12gts_334";
+const title$2 = "_title_12gts_339";
+const subtitle$1 = "_subtitle_12gts_346";
+const cta = "_cta_12gts_352";
+const mosaic = "_mosaic_12gts_396";
 const styles$2 = {
   showcase,
   panel,

package/dist/standalone/storefront.mjs

@@ -5108,6 +5108,12 @@ function requireClient() {
   return client;
 }
 var clientExports = requireClient();
+function anchorToTop() {
+  if (typeof window === "undefined") return;
+  const top2 = () => window.scrollTo(0, 0);
+  top2();
+  if (typeof window.requestAnimationFrame === "function") window.requestAnimationFrame(top2);
+}
 function resolveAssetUrl(src, base) {
   if (!base) return src;
   if (!src.startsWith("/") || src.startsWith("//")) return src;
@@ -5301,6 +5307,7 @@ function DaznShopProvider({ children, ...config }) {
       to
     });
     hostNavigate?.(to);
+    anchorToTop();
   }, [emit, hostNavigate]);
   const announced = useRef(false);
   useEffect(() => {
@@ -5395,18 +5402,11 @@ function ShopLink({ to, children, ...rest }) {
       }
       event.preventDefault();
       navigate(to);
-      anchorToTop();
     },
     ...rest,
     children
   });
 }
-function anchorToTop() {
-  if (typeof window === "undefined") return;
-  const top2 = () => window.scrollTo(0, 0);
-  top2();
-  if (typeof window.requestAnimationFrame === "function") window.requestAnimationFrame(top2);
-}
 function ShopImage({ src, alt, fill: fill2 = false, width, height, sizes, className, style, priority = false }) {
   const assetUrl = useAssetUrl();
   const fillStyle = fill2 ? {
@@ -10969,24 +10969,24 @@ function ProductView({ sku, initialData, showRecommendations = true, onNotFound
     })
   });
 }
-const showcase = "_showcase_x4nga_14";
-const panel = "_panel_x4nga_19";
-const image = "_image_x4nga_48";
-const hero = "_hero_x4nga_88";
-const heroContent = "_heroContent_x4nga_173";
-const heroText = "_heroText_x4nga_197";
-const logo = "_logo_x4nga_206";
-const heroTitle = "_heroTitle_x4nga_226";
-const heroSub = "_heroSub_x4nga_250";
-const swipe = "_swipe_x4nga_269";
-const swipeLabel = "_swipeLabel_x4nga_276";
-const chevron$1 = "_chevron_x4nga_282";
-const overlay$1 = "_overlay_x4nga_11";
-const copy = "_copy_x4nga_317";
-const title$2 = "_title_x4nga_322";
-const subtitle$1 = "_subtitle_x4nga_329";
-const cta = "_cta_x4nga_335";
-const mosaic = "_mosaic_x4nga_379";
+const showcase = "_showcase_12gts_14";
+const panel = "_panel_12gts_19";
+const image = "_image_12gts_65";
+const hero = "_hero_12gts_105";
+const heroContent = "_heroContent_12gts_190";
+const heroText = "_heroText_12gts_214";
+const logo = "_logo_12gts_223";
+const heroTitle = "_heroTitle_12gts_243";
+const heroSub = "_heroSub_12gts_267";
+const swipe = "_swipe_12gts_286";
+const swipeLabel = "_swipeLabel_12gts_293";
+const chevron$1 = "_chevron_12gts_299";
+const overlay$1 = "_overlay_12gts_11";
+const copy = "_copy_12gts_334";
+const title$2 = "_title_12gts_339";
+const subtitle$1 = "_subtitle_12gts_346";
+const cta = "_cta_12gts_352";
+const mosaic = "_mosaic_12gts_396";
 const styles$2 = {
   showcase,
   panel,

package/dist/standalone/styles.css

@@ -3487,11 +3487,11 @@
   column-gap: var(--space-12);
   row-gap: var(--space-12);
 }
-._showcase_x4nga_14 {
+._showcase_12gts_14 {
   --chrome-bleed: calc(3 * (100lvh - 100svh));
   background: #080e12;
 }
-._panel_x4nga_19 {
+._panel_12gts_19 {
   position: relative;
   height: 100lvh;
   height: calc(100lvh + var(--chrome-bleed, 0px));
@@ -3500,11 +3500,14 @@
   overflow: hidden;
   background: #080e12;
 }
-._image_x4nga_48 {
+._panel_12gts_19:last-child {
+  height: 100dvh;
+}
+._image_12gts_65 {
   object-fit: cover;
   object-position: 50% var(--slide-focal-y, 50%);
 }
-._hero_x4nga_88::after {
+._hero_12gts_105::after {
   content: "";
   position: absolute;
   inset: 0;
@@ -3519,7 +3522,7 @@
       rgba(8, 14, 18, 0) calc(520px + var(--chrome-bleed, 0px)));
   pointer-events: none;
 }
-._hero_x4nga_88 ._heroContent_x4nga_173 {
+._hero_12gts_105 ._heroContent_12gts_190 {
   position: absolute;
   bottom: 32px;
   bottom: calc(32px + var(--chrome-bleed, 0px) + 100lvh - 100dvh);
@@ -3531,7 +3534,7 @@
   gap: 24px;
   align-items: stretch;
 }
-._heroText_x4nga_197 {
+._heroText_12gts_214 {
   display: flex;
   flex-direction: column;
   gap: 8px;
@@ -3539,11 +3542,11 @@
   padding: 0 24px;
   text-align: center;
 }
-._heroText_x4nga_197 ._logo_x4nga_206 {
+._heroText_12gts_214 ._logo_12gts_223 {
   width: 48px;
   height: 48px;
 }
-._heroTitle_x4nga_226 {
+._heroTitle_12gts_243 {
   width: 100%;
   margin: 0;
   font-family:
@@ -3558,33 +3561,33 @@
   letter-spacing: -1.12px;
   color: #f9fafa;
 }
-._heroSub_x4nga_250 {
+._heroSub_12gts_267 {
   margin: 0;
   font-size: 16px;
   line-height: 1.55;
   color: #f9fafa;
   max-width: 327px;
 }
-._swipe_x4nga_269 {
+._swipe_12gts_286 {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 6px;
   padding: 8px 0;
 }
-._swipeLabel_x4nga_276 {
+._swipeLabel_12gts_293 {
   margin: 0;
   font-size: 14px;
   line-height: 1;
   color: rgba(255, 255, 255, 0.54);
 }
-._chevron_x4nga_282 {
+._chevron_12gts_299 {
   width: 24px;
   height: 24px;
   color: rgba(255, 255, 255, 0.54);
-  animation: _bob_x4nga_1 1.8s ease-in-out infinite;
+  animation: _bob_12gts_1 1.8s ease-in-out infinite;
 }
-@keyframes _bob_x4nga_1 {
+@keyframes _bob_12gts_1 {
   0%, 100% {
     transform: translateY(0);
   }
@@ -3592,7 +3595,7 @@
     transform: translateY(4px);
   }
 }
-._overlay_x4nga_11 {
+._overlay_12gts_11 {
   position: absolute;
   inset: 0;
   z-index: 1;
@@ -3609,25 +3612,25 @@
   padding: 0 24px 24px;
   padding-bottom: calc(24px + var(--chrome-bleed, 0px) + 100lvh - 100dvh);
 }
-._copy_x4nga_317 {
+._copy_12gts_334 {
   display: flex;
   flex-direction: column;
   gap: 8px;
 }
-._title_x4nga_322 {
+._title_12gts_339 {
   margin: 0;
   font-size: 32px;
   line-height: 1.2;
   font-weight: 700;
   color: #f9fafa;
 }
-._subtitle_x4nga_329 {
+._subtitle_12gts_346 {
   margin: 0;
   font-size: 16px;
   line-height: 1.55;
   color: #f9fafa;
 }
-._cta_x4nga_335 {
+._cta_12gts_352 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -3641,19 +3644,19 @@
   font-weight: 700;
   text-decoration: none;
 }
-._cta_x4nga_335::after {
+._cta_12gts_352::after {
   content: "";
   position: absolute;
   inset: 0;
 }
-._cta_x4nga_335:active {
+._cta_12gts_352:active {
   background: rgba(249, 250, 250, 0.12);
 }
-._cta_x4nga_335:focus-visible {
+._cta_12gts_352:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
 }
-._mosaic_x4nga_379 {
+._mosaic_12gts_396 {
   background: #080e12;
 }
 ._header_r9jjq_14 {

package/dist/styles.css

@@ -3487,11 +3487,11 @@
   column-gap: var(--space-12);
   row-gap: var(--space-12);
 }
-._showcase_x4nga_14 {
+._showcase_12gts_14 {
   --chrome-bleed: calc(3 * (100lvh - 100svh));
   background: #080e12;
 }
-._panel_x4nga_19 {
+._panel_12gts_19 {
   position: relative;
   height: 100lvh;
   height: calc(100lvh + var(--chrome-bleed, 0px));
@@ -3500,11 +3500,14 @@
   overflow: hidden;
   background: #080e12;
 }
-._image_x4nga_48 {
+._panel_12gts_19:last-child {
+  height: 100dvh;
+}
+._image_12gts_65 {
   object-fit: cover;
   object-position: 50% var(--slide-focal-y, 50%);
 }
-._hero_x4nga_88::after {
+._hero_12gts_105::after {
   content: "";
   position: absolute;
   inset: 0;
@@ -3519,7 +3522,7 @@
       rgba(8, 14, 18, 0) calc(520px + var(--chrome-bleed, 0px)));
   pointer-events: none;
 }
-._hero_x4nga_88 ._heroContent_x4nga_173 {
+._hero_12gts_105 ._heroContent_12gts_190 {
   position: absolute;
   bottom: 32px;
   bottom: calc(32px + var(--chrome-bleed, 0px) + 100lvh - 100dvh);
@@ -3531,7 +3534,7 @@
   gap: 24px;
   align-items: stretch;
 }
-._heroText_x4nga_197 {
+._heroText_12gts_214 {
   display: flex;
   flex-direction: column;
   gap: 8px;
@@ -3539,11 +3542,11 @@
   padding: 0 24px;
   text-align: center;
 }
-._heroText_x4nga_197 ._logo_x4nga_206 {
+._heroText_12gts_214 ._logo_12gts_223 {
   width: 48px;
   height: 48px;
 }
-._heroTitle_x4nga_226 {
+._heroTitle_12gts_243 {
   width: 100%;
   margin: 0;
   font-family:
@@ -3558,33 +3561,33 @@
   letter-spacing: -1.12px;
   color: #f9fafa;
 }
-._heroSub_x4nga_250 {
+._heroSub_12gts_267 {
   margin: 0;
   font-size: 16px;
   line-height: 1.55;
   color: #f9fafa;
   max-width: 327px;
 }
-._swipe_x4nga_269 {
+._swipe_12gts_286 {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 6px;
   padding: 8px 0;
 }
-._swipeLabel_x4nga_276 {
+._swipeLabel_12gts_293 {
   margin: 0;
   font-size: 14px;
   line-height: 1;
   color: rgba(255, 255, 255, 0.54);
 }
-._chevron_x4nga_282 {
+._chevron_12gts_299 {
   width: 24px;
   height: 24px;
   color: rgba(255, 255, 255, 0.54);
-  animation: _bob_x4nga_1 1.8s ease-in-out infinite;
+  animation: _bob_12gts_1 1.8s ease-in-out infinite;
 }
-@keyframes _bob_x4nga_1 {
+@keyframes _bob_12gts_1 {
   0%, 100% {
     transform: translateY(0);
   }
@@ -3592,7 +3595,7 @@
     transform: translateY(4px);
   }
 }
-._overlay_x4nga_11 {
+._overlay_12gts_11 {
   position: absolute;
   inset: 0;
   z-index: 1;
@@ -3609,25 +3612,25 @@
   padding: 0 24px 24px;
   padding-bottom: calc(24px + var(--chrome-bleed, 0px) + 100lvh - 100dvh);
 }
-._copy_x4nga_317 {
+._copy_12gts_334 {
   display: flex;
   flex-direction: column;
   gap: 8px;
 }
-._title_x4nga_322 {
+._title_12gts_339 {
   margin: 0;
   font-size: 32px;
   line-height: 1.2;
   font-weight: 700;
   color: #f9fafa;
 }
-._subtitle_x4nga_329 {
+._subtitle_12gts_346 {
   margin: 0;
   font-size: 16px;
   line-height: 1.55;
   color: #f9fafa;
 }
-._cta_x4nga_335 {
+._cta_12gts_352 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -3641,19 +3644,19 @@
   font-weight: 700;
   text-decoration: none;
 }
-._cta_x4nga_335::after {
+._cta_12gts_352::after {
   content: "";
   position: absolute;
   inset: 0;
 }
-._cta_x4nga_335:active {
+._cta_12gts_352:active {
   background: rgba(249, 250, 250, 0.12);
 }
-._cta_x4nga_335:focus-visible {
+._cta_12gts_352:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
 }
-._mosaic_x4nga_379 {
+._mosaic_12gts_396 {
   background: #080e12;
 }
 ._header_r9jjq_14 {

package/package.json

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