@nok-integration/storefront-react 0.28.0 → 0.29.1

package/dist/index.d.ts

@@ -2766,6 +2766,7 @@ declare function createClient(options: ClientOptions): {
                 cta: string;
                 image?: string | undefined;
                 desktop_image?: string | undefined;
+                desktop_subtitle?: string | undefined;
                 target?: string | undefined;
                 video?: string | undefined;
                 desktop_video?: string | undefined;

package/dist/index.mjs

@@ -4393,6 +4393,7 @@ function requireContent$1() {
       key: zod_1.z.string().min(1),
       title: zod_1.z.string().min(1),
       subtitle: zod_1.z.string(),
+      desktop_subtitle: zod_1.z.string().min(1).optional(),
       cta: zod_1.z.string().min(1),
       target: zod_1.z.string().min(1).optional(),
       image: zod_1.z.string().min(1).optional(),
@@ -6534,6 +6535,9 @@ const ES = {
   "White ringer tee with DAZN chest logo": "Camiseta ringer blanca con el logo de DAZN en el pecho",
   "Boxing Hoodie": "Sudadera de boxeo",
   "The Home of Boxing back print": "Estampado The Home of Boxing en la espalda",
+  "Heavyweight fits, ringside energy": "Tejido grueso, energía de ring",
+  "Layer up, matchday ready": "Abrígate, listo para el partido",
+  "Everyday tees, fan-first graphics": "Camisetas para cada día, gráficos para la afición",
   Previous: "Anterior",
   Next: "Siguiente",
   "Claim yours": "Consigue el tuyo",
@@ -10933,11 +10937,11 @@ function CartLineItem({ item: item2, title: title2, image: image2, compareAt: co
     })]
   });
 }
-const box$1 = "_box_w9fja_1";
-const row$4 = "_row_w9fja_10";
-const icon$2 = "_icon_w9fja_16";
-const label$1 = "_label_w9fja_22";
-const divider$1 = "_divider_w9fja_29";
+const box$1 = "_box_tuawd_1";
+const row$4 = "_row_tuawd_10";
+const icon$2 = "_icon_tuawd_16";
+const label$1 = "_label_tuawd_22";
+const divider$1 = "_divider_tuawd_29";
 const styles$q = {
   box: box$1,
   row: row$4,
@@ -13499,6 +13503,7 @@ function requireContent() {
       key: zod_1.z.string().min(1),
       title: zod_1.z.string().min(1),
       subtitle: zod_1.z.string(),
+      desktop_subtitle: zod_1.z.string().min(1).optional(),
       cta: zod_1.z.string().min(1),
       target: zod_1.z.string().min(1).optional(),
       image: zod_1.z.string().min(1).optional(),
@@ -15041,40 +15046,40 @@ function ActiveLanding({ token, invite }) {
     })
   });
 }
-const showcase = "_showcase_qp8eb_14";
-const panel = "_panel_qp8eb_40";
-const image = "_image_qp8eb_93";
-const desktopArt = "_desktopArt_qp8eb_98";
-const hero = "_hero_qp8eb_137";
-const heroContent = "_heroContent_qp8eb_228";
-const heroText = "_heroText_qp8eb_252";
-const logo = "_logo_qp8eb_261";
-const heroTitle = "_heroTitle_qp8eb_281";
-const heroSub = "_heroSub_qp8eb_305";
-const swipe = "_swipe_qp8eb_324";
-const swipeLabel = "_swipeLabel_qp8eb_331";
-const chevron$1 = "_chevron_qp8eb_337";
-const overlay$1 = "_overlay_qp8eb_11";
-const copy = "_copy_qp8eb_374";
-const title$2 = "_title_qp8eb_386";
-const subtitle$1 = "_subtitle_qp8eb_395";
-const cta = "_cta_qp8eb_403";
-const mosaic = "_mosaic_qp8eb_447";
-const info = "_info_qp8eb_459";
-const art = "_art_qp8eb_463";
-const band = "_band_qp8eb_468";
-const bandTitle = "_bandTitle_qp8eb_477";
-const products = "_products_qp8eb_489";
-const wideOnly = "_wideOnly_qp8eb_509";
-const phoneOnly = "_phoneOnly_qp8eb_535";
-const phoneArt = "_phoneArt_qp8eb_536";
-const desktopFocal = "_desktopFocal_qp8eb_545";
-const diptych = "_diptych_qp8eb_711";
-const tile = "_tile_qp8eb_716";
-const tileCopy = "_tileCopy_qp8eb_730";
-const tileText = "_tileText_qp8eb_743";
-const tileTitle = "_tileTitle_qp8eb_750";
-const tileSubtitle = "_tileSubtitle_qp8eb_757";
+const showcase = "_showcase_sml7n_14";
+const panel = "_panel_sml7n_40";
+const image = "_image_sml7n_93";
+const desktopArt = "_desktopArt_sml7n_98";
+const hero = "_hero_sml7n_137";
+const heroContent = "_heroContent_sml7n_228";
+const heroText = "_heroText_sml7n_252";
+const logo = "_logo_sml7n_261";
+const heroTitle = "_heroTitle_sml7n_281";
+const heroSub = "_heroSub_sml7n_305";
+const swipe = "_swipe_sml7n_324";
+const swipeLabel = "_swipeLabel_sml7n_331";
+const chevron$1 = "_chevron_sml7n_337";
+const overlay$1 = "_overlay_sml7n_11";
+const copy = "_copy_sml7n_374";
+const title$2 = "_title_sml7n_386";
+const subtitle$1 = "_subtitle_sml7n_395";
+const cta = "_cta_sml7n_403";
+const mosaic = "_mosaic_sml7n_447";
+const info = "_info_sml7n_459";
+const art = "_art_sml7n_463";
+const band = "_band_sml7n_468";
+const bandTitle = "_bandTitle_sml7n_477";
+const products = "_products_sml7n_489";
+const wideOnly = "_wideOnly_sml7n_509";
+const phoneOnly = "_phoneOnly_sml7n_535";
+const phoneArt = "_phoneArt_sml7n_536";
+const desktopFocal = "_desktopFocal_sml7n_545";
+const diptych = "_diptych_sml7n_736";
+const tile = "_tile_sml7n_741";
+const tileCopy = "_tileCopy_sml7n_755";
+const tileText = "_tileText_sml7n_768";
+const tileTitle = "_tileTitle_sml7n_775";
+const tileSubtitle = "_tileSubtitle_sml7n_782";
 const styles$3 = {
   showcase,
   panel,
@@ -15260,7 +15265,8 @@ const FALLBACK_PANELS = [{
   to: "/category/hoodies",
   target: "hoodies",
   video: "/figma/home/hoodies.mp4",
-  image: "/figma/home/hoodies-poster.jpg"
+  image: "/figma/home/hoodies-poster.jpg",
+  desktopSubtitle: "Heavyweight fits, ringside energy"
 }, {
   key: "zip-ups",
   title: "Zip Ups",
@@ -15271,7 +15277,8 @@ const FALLBACK_PANELS = [{
   video: "/figma/home/zip-ups.mp4",
   image: "/figma/home/zip-ups-poster.jpg",
   desktopImage: "/figma/home/desktop-zip-ups-poster.jpg",
-  desktopVideo: "/figma/home/desktop-zip-ups.mp4"
+  desktopVideo: "/figma/home/desktop-zip-ups.mp4",
+  desktopSubtitle: "Layer up, matchday ready"
 }, {
   key: "t-shirts",
   title: "T-Shirts",
@@ -15282,7 +15289,8 @@ const FALLBACK_PANELS = [{
   video: "/figma/home/tshirts.mp4",
   image: "/figma/home/tshirts-poster.jpg",
   desktopImage: "/figma/home/desktop-tshirts-poster.jpg",
-  desktopVideo: "/figma/home/desktop-tshirts.mp4"
+  desktopVideo: "/figma/home/desktop-tshirts.mp4",
+  desktopSubtitle: "Everyday tees, fan-first graphics"
 }];
 const BAND_LIMIT = 20;
 const WIDE_BAND = 3;
@@ -15367,7 +15375,15 @@ function CategoryPanel({ panel: panel2, wide: wide2 }) {
             children: t(panel2.title)
           }), jsx("p", {
             className: styles$3.subtitle,
-            children: t(panel2.subtitle)
+            children: panel2.desktopSubtitle ? jsxs(Fragment, {
+              children: [jsx("span", {
+                className: styles$3.phoneOnly,
+                children: t(panel2.subtitle)
+              }), jsx("span", {
+                className: styles$3.wideOnly,
+                children: t(panel2.desktopSubtitle)
+              })]
+            }) : t(panel2.subtitle)
           })]
         }), jsx(ShopLink, {
           to: panel2.to,
@@ -15458,6 +15474,9 @@ function useSlides() {
     ...p,
     title: t(p.title),
     subtitle: t(p.subtitle),
+    ...p.desktopSubtitle === void 0 ? {} : {
+      desktopSubtitle: t(p.desktopSubtitle)
+    },
     cta: t(p.cta)
   })), [t]);
   useEffect(() => {
@@ -15485,6 +15504,9 @@ function useSlides() {
         ...s.desktop_video === void 0 ? {} : {
           desktopVideo: s.desktop_video
         },
+        ...s.desktop_subtitle === void 0 ? {} : {
+          desktopSubtitle: s.desktop_subtitle
+        },
         ...s.focal_y === void 0 ? {} : {
           focalY: s.focal_y
         }
@@ -15866,19 +15888,19 @@ function ShopBar({ onBack, onMenu, title: title2, showCart, floating: floating2
     })]
   });
 }
-const overlay = "_overlay_1vpmg_5";
-const scrim = "_scrim_1vpmg_21";
-const sheet = "_sheet_1vpmg_31";
-const header = "_header_1vpmg_80";
-const close = "_close_1vpmg_86";
-const list$1 = "_list_1vpmg_105";
-const row = "_row_1vpmg_120";
-const icon = "_icon_1vpmg_149";
-const text = "_text_1vpmg_157";
-const title = "_title_1vpmg_165";
-const subtitle = "_subtitle_1vpmg_172";
-const chevron = "_chevron_1vpmg_178";
-const dropdown = "_dropdown_1vpmg_187";
+const overlay = "_overlay_sz96n_5";
+const scrim = "_scrim_sz96n_21";
+const sheet = "_sheet_sz96n_31";
+const header = "_header_sz96n_80";
+const close = "_close_sz96n_86";
+const list$1 = "_list_sz96n_105";
+const row = "_row_sz96n_120";
+const icon = "_icon_sz96n_149";
+const text = "_text_sz96n_157";
+const title = "_title_sz96n_165";
+const subtitle = "_subtitle_sz96n_172";
+const chevron = "_chevron_sz96n_178";
+const dropdown = "_dropdown_sz96n_187";
 const styles$1 = {
   overlay,
   scrim,

package/dist/standalone/storefront.mjs

@@ -4393,6 +4393,7 @@ function requireContent$1() {
       key: zod_1.z.string().min(1),
       title: zod_1.z.string().min(1),
       subtitle: zod_1.z.string(),
+      desktop_subtitle: zod_1.z.string().min(1).optional(),
       cta: zod_1.z.string().min(1),
       target: zod_1.z.string().min(1).optional(),
       image: zod_1.z.string().min(1).optional(),
@@ -6534,6 +6535,9 @@ const ES = {
   "White ringer tee with DAZN chest logo": "Camiseta ringer blanca con el logo de DAZN en el pecho",
   "Boxing Hoodie": "Sudadera de boxeo",
   "The Home of Boxing back print": "Estampado The Home of Boxing en la espalda",
+  "Heavyweight fits, ringside energy": "Tejido grueso, energía de ring",
+  "Layer up, matchday ready": "Abrígate, listo para el partido",
+  "Everyday tees, fan-first graphics": "Camisetas para cada día, gráficos para la afición",
   Previous: "Anterior",
   Next: "Siguiente",
   "Claim yours": "Consigue el tuyo",
@@ -10933,11 +10937,11 @@ function CartLineItem({ item: item2, title: title2, image: image2, compareAt: co
     })]
   });
 }
-const box$1 = "_box_w9fja_1";
-const row$4 = "_row_w9fja_10";
-const icon$2 = "_icon_w9fja_16";
-const label$1 = "_label_w9fja_22";
-const divider$1 = "_divider_w9fja_29";
+const box$1 = "_box_tuawd_1";
+const row$4 = "_row_tuawd_10";
+const icon$2 = "_icon_tuawd_16";
+const label$1 = "_label_tuawd_22";
+const divider$1 = "_divider_tuawd_29";
 const styles$q = {
   box: box$1,
   row: row$4,
@@ -13499,6 +13503,7 @@ function requireContent() {
       key: zod_1.z.string().min(1),
       title: zod_1.z.string().min(1),
       subtitle: zod_1.z.string(),
+      desktop_subtitle: zod_1.z.string().min(1).optional(),
       cta: zod_1.z.string().min(1),
       target: zod_1.z.string().min(1).optional(),
       image: zod_1.z.string().min(1).optional(),
@@ -15041,40 +15046,40 @@ function ActiveLanding({ token, invite }) {
     })
   });
 }
-const showcase = "_showcase_qp8eb_14";
-const panel = "_panel_qp8eb_40";
-const image = "_image_qp8eb_93";
-const desktopArt = "_desktopArt_qp8eb_98";
-const hero = "_hero_qp8eb_137";
-const heroContent = "_heroContent_qp8eb_228";
-const heroText = "_heroText_qp8eb_252";
-const logo = "_logo_qp8eb_261";
-const heroTitle = "_heroTitle_qp8eb_281";
-const heroSub = "_heroSub_qp8eb_305";
-const swipe = "_swipe_qp8eb_324";
-const swipeLabel = "_swipeLabel_qp8eb_331";
-const chevron$1 = "_chevron_qp8eb_337";
-const overlay$1 = "_overlay_qp8eb_11";
-const copy = "_copy_qp8eb_374";
-const title$2 = "_title_qp8eb_386";
-const subtitle$1 = "_subtitle_qp8eb_395";
-const cta = "_cta_qp8eb_403";
-const mosaic = "_mosaic_qp8eb_447";
-const info = "_info_qp8eb_459";
-const art = "_art_qp8eb_463";
-const band = "_band_qp8eb_468";
-const bandTitle = "_bandTitle_qp8eb_477";
-const products = "_products_qp8eb_489";
-const wideOnly = "_wideOnly_qp8eb_509";
-const phoneOnly = "_phoneOnly_qp8eb_535";
-const phoneArt = "_phoneArt_qp8eb_536";
-const desktopFocal = "_desktopFocal_qp8eb_545";
-const diptych = "_diptych_qp8eb_711";
-const tile = "_tile_qp8eb_716";
-const tileCopy = "_tileCopy_qp8eb_730";
-const tileText = "_tileText_qp8eb_743";
-const tileTitle = "_tileTitle_qp8eb_750";
-const tileSubtitle = "_tileSubtitle_qp8eb_757";
+const showcase = "_showcase_sml7n_14";
+const panel = "_panel_sml7n_40";
+const image = "_image_sml7n_93";
+const desktopArt = "_desktopArt_sml7n_98";
+const hero = "_hero_sml7n_137";
+const heroContent = "_heroContent_sml7n_228";
+const heroText = "_heroText_sml7n_252";
+const logo = "_logo_sml7n_261";
+const heroTitle = "_heroTitle_sml7n_281";
+const heroSub = "_heroSub_sml7n_305";
+const swipe = "_swipe_sml7n_324";
+const swipeLabel = "_swipeLabel_sml7n_331";
+const chevron$1 = "_chevron_sml7n_337";
+const overlay$1 = "_overlay_sml7n_11";
+const copy = "_copy_sml7n_374";
+const title$2 = "_title_sml7n_386";
+const subtitle$1 = "_subtitle_sml7n_395";
+const cta = "_cta_sml7n_403";
+const mosaic = "_mosaic_sml7n_447";
+const info = "_info_sml7n_459";
+const art = "_art_sml7n_463";
+const band = "_band_sml7n_468";
+const bandTitle = "_bandTitle_sml7n_477";
+const products = "_products_sml7n_489";
+const wideOnly = "_wideOnly_sml7n_509";
+const phoneOnly = "_phoneOnly_sml7n_535";
+const phoneArt = "_phoneArt_sml7n_536";
+const desktopFocal = "_desktopFocal_sml7n_545";
+const diptych = "_diptych_sml7n_736";
+const tile = "_tile_sml7n_741";
+const tileCopy = "_tileCopy_sml7n_755";
+const tileText = "_tileText_sml7n_768";
+const tileTitle = "_tileTitle_sml7n_775";
+const tileSubtitle = "_tileSubtitle_sml7n_782";
 const styles$3 = {
   showcase,
   panel,
@@ -15260,7 +15265,8 @@ const FALLBACK_PANELS = [{
   to: "/category/hoodies",
   target: "hoodies",
   video: "/figma/home/hoodies.mp4",
-  image: "/figma/home/hoodies-poster.jpg"
+  image: "/figma/home/hoodies-poster.jpg",
+  desktopSubtitle: "Heavyweight fits, ringside energy"
 }, {
   key: "zip-ups",
   title: "Zip Ups",
@@ -15271,7 +15277,8 @@ const FALLBACK_PANELS = [{
   video: "/figma/home/zip-ups.mp4",
   image: "/figma/home/zip-ups-poster.jpg",
   desktopImage: "/figma/home/desktop-zip-ups-poster.jpg",
-  desktopVideo: "/figma/home/desktop-zip-ups.mp4"
+  desktopVideo: "/figma/home/desktop-zip-ups.mp4",
+  desktopSubtitle: "Layer up, matchday ready"
 }, {
   key: "t-shirts",
   title: "T-Shirts",
@@ -15282,7 +15289,8 @@ const FALLBACK_PANELS = [{
   video: "/figma/home/tshirts.mp4",
   image: "/figma/home/tshirts-poster.jpg",
   desktopImage: "/figma/home/desktop-tshirts-poster.jpg",
-  desktopVideo: "/figma/home/desktop-tshirts.mp4"
+  desktopVideo: "/figma/home/desktop-tshirts.mp4",
+  desktopSubtitle: "Everyday tees, fan-first graphics"
 }];
 const BAND_LIMIT = 20;
 const WIDE_BAND = 3;
@@ -15367,7 +15375,15 @@ function CategoryPanel({ panel: panel2, wide: wide2 }) {
             children: t(panel2.title)
           }), jsx("p", {
             className: styles$3.subtitle,
-            children: t(panel2.subtitle)
+            children: panel2.desktopSubtitle ? jsxs(Fragment, {
+              children: [jsx("span", {
+                className: styles$3.phoneOnly,
+                children: t(panel2.subtitle)
+              }), jsx("span", {
+                className: styles$3.wideOnly,
+                children: t(panel2.desktopSubtitle)
+              })]
+            }) : t(panel2.subtitle)
           })]
         }), jsx(ShopLink, {
           to: panel2.to,
@@ -15458,6 +15474,9 @@ function useSlides() {
     ...p,
     title: t(p.title),
     subtitle: t(p.subtitle),
+    ...p.desktopSubtitle === void 0 ? {} : {
+      desktopSubtitle: t(p.desktopSubtitle)
+    },
     cta: t(p.cta)
   })), [t]);
   useEffect(() => {
@@ -15485,6 +15504,9 @@ function useSlides() {
         ...s.desktop_video === void 0 ? {} : {
           desktopVideo: s.desktop_video
         },
+        ...s.desktop_subtitle === void 0 ? {} : {
+          desktopSubtitle: s.desktop_subtitle
+        },
         ...s.focal_y === void 0 ? {} : {
           focalY: s.focal_y
         }
@@ -15866,19 +15888,19 @@ function ShopBar({ onBack, onMenu, title: title2, showCart, floating: floating2
     })]
   });
 }
-const overlay = "_overlay_1vpmg_5";
-const scrim = "_scrim_1vpmg_21";
-const sheet = "_sheet_1vpmg_31";
-const header = "_header_1vpmg_80";
-const close = "_close_1vpmg_86";
-const list$1 = "_list_1vpmg_105";
-const row = "_row_1vpmg_120";
-const icon = "_icon_1vpmg_149";
-const text = "_text_1vpmg_157";
-const title = "_title_1vpmg_165";
-const subtitle = "_subtitle_1vpmg_172";
-const chevron = "_chevron_1vpmg_178";
-const dropdown = "_dropdown_1vpmg_187";
+const overlay = "_overlay_sz96n_5";
+const scrim = "_scrim_sz96n_21";
+const sheet = "_sheet_sz96n_31";
+const header = "_header_sz96n_80";
+const close = "_close_sz96n_86";
+const list$1 = "_list_sz96n_105";
+const row = "_row_sz96n_120";
+const icon = "_icon_sz96n_149";
+const text = "_text_sz96n_157";
+const title = "_title_sz96n_165";
+const subtitle = "_subtitle_sz96n_172";
+const chevron = "_chevron_sz96n_178";
+const dropdown = "_dropdown_sz96n_187";
 const styles$1 = {
   overlay,
   scrim,