@nok-integration/storefront-react 0.19.15 → 0.19.17

package/dist/index.d.ts

@@ -1253,12 +1253,15 @@ declare const CategoryPage: z.ZodObject<{
     }>, z.ZodObject<{
         kind: z.ZodLiteral<"lifestyle_image">;
         images: z.ZodArray<z.ZodString, "many">;
+        videos: z.ZodOptional<z.ZodArray<z.ZodNullable<z.ZodString>, "many">>;
     }, "strip", z.ZodTypeAny, {
         kind: "lifestyle_image";
         images: string[];
+        videos?: (string | null)[] | undefined;
     }, {
         kind: "lifestyle_image";
         images: string[];
+        videos?: (string | null)[] | undefined;
     }>, z.ZodObject<{
         kind: z.ZodLiteral<"grid">;
         title: z.ZodOptional<z.ZodString>;
@@ -1719,6 +1722,7 @@ declare const CategoryPage: z.ZodObject<{
     } | {
         kind: "lifestyle_image";
         images: string[];
+        videos?: (string | null)[] | undefined;
     } | {
         kind: "grid";
         products: {
@@ -1931,6 +1935,7 @@ declare const CategoryPage: z.ZodObject<{
     } | {
         kind: "lifestyle_image";
         images: string[];
+        videos?: (string | null)[] | undefined;
     } | {
         kind: "grid";
         products: {
@@ -2381,6 +2386,7 @@ declare function createClient(options: ClientOptions): {
             } | {
                 kind: "lifestyle_image";
                 images: string[];
+                videos?: (string | null)[] | undefined;
             } | {
                 kind: "grid";
                 products: {
@@ -3460,15 +3466,30 @@ export declare function isDuplicateOrder(err: unknown): boolean;
 export declare function isUnauthorized(err: unknown): boolean;
 
 /**
- * Full-width editorial image, swipeable when the CMS supplies more than one.
+ * Full-width editorial band, swipeable when the CMS supplies more than one slide.
  *
  * It previously rendered `images[0]` and dropped the rest, which is a silent failure of
  * the worst kind: the block takes an array, an author publishes three, and nothing on the
  * screen says the other two exist.
+ *
+ * **A slide is a picture or a clip, and the picture is the clip's poster.** The pairing is
+ * positional and comes off the wire that way, so `images[i]` is what shows for slide `i`
+ * until its video decodes, and all that shows when motion is reduced — the same rule the
+ * shop entry's slides follow. `priority` stays on the image path only: a band this far
+ * down the page has no business fetching a megabyte before it is anywhere near the screen,
+ * and `ShopVideo` starts its own download when the slide comes into view.
  */
-export declare function LifestyleImage({ images }: {
+export declare function LifestyleImage({ images, videos }: LifestyleImageProps): JSX.Element | null;
+
+declare interface LifestyleImageProps {
     images: string[];
-}): JSX.Element | null;
+    /**
+     * Parallel to `images`: the clip for the slide at the same index, `null` where that
+     * slide is a still. Absent for a band of stills, which is every band published before
+     * contracts 2.51.0.
+     */
+    videos?: (string | null)[];
+}
 
 /** Editorial text band between PCP sections. */
 export declare function LifestyleText({ text, align }: LifestyleTextProps): JSX.Element;
@@ -4725,7 +4746,7 @@ export declare interface ProductDetailsProps {
 }
 
 /**
- * One product as its own gallery (Figma `mobile/limited edition`, 5304:77067).
+ * One product as its own gallery (Figma `mobile/limited edition`, 5986:27948).
  *
  * **The third shape a product takes on a category page**, and the reason it is its own
  * component rather than a variant of the other two: `featured` is one product as one large