@nok-integration/storefront-react 0.21.1 → 0.22.0

package/dist/index.d.ts

@@ -3282,6 +3282,8 @@ declare function createClient(options: ClientOptions): {
                 body: string | null;
                 headline: string;
                 cta_label: string;
+                desktop_image?: string | null | undefined;
+                desktop_video?: string | null | undefined;
             } | null | undefined;
         } | {
             state: "scheduled";
@@ -5078,7 +5080,7 @@ declare class ProductCache {
  * the size error). Add-to-cart calls the engine through the session so a 401 silently
  * re-handshakes.
  */
-export declare function ProductDetail({ product, inventory, recommendations, claim, }: ProductDetailProps): JSX.Element;
+export declare function ProductDetail({ product, inventory, recommendations, claim, breadcrumb, help, }: ProductDetailProps): JSX.Element;
 
 export declare interface ProductDetailProps {
     product: Product;
@@ -5090,6 +5092,8 @@ export declare interface ProductDetailProps {
      * "Claim yours" in place of add-to-cart. Called with the chosen variant's SKU.
      */
     claim?: (sku: string) => Promise<void>;
+    breadcrumb?: ReactNode;
+    help?: ReactNode;
 }
 
 /**
@@ -5892,6 +5896,9 @@ export declare type ShopEvent = {
 | {
     type: 'support_requested';
     orderRef: string;
+} | {
+    type: 'help_requested';
+    inviteRef: string;
 }
 /**
 * The fan confirmed a cancellation and the engine accepted it.
@@ -6466,7 +6473,7 @@ export declare interface StatusBadgeProps {
 }
 
 /** Bottom-pinned CTA bar, safe-area aware. Holds one or two primary actions. */
-export declare function StickyCtaBar({ children, info, variant }: StickyCtaBarProps): JSX.Element;
+export declare function StickyCtaBar({ children, info, variant, className }: StickyCtaBarProps): JSX.Element;
 
 export declare interface StickyCtaBarProps {
     children: ReactNode;
@@ -6477,6 +6484,7 @@ export declare interface StickyCtaBarProps {
      * bar: square, hairline top border. Two different frames in Figma, not a preference.
      */
     variant?: 'floating' | 'divider';
+    className?: string;
 }
 
 /** `POST /v1/stock-alerts` — tell me when this is buyable again. */
@@ -6835,6 +6843,8 @@ export declare function VipHero({ hero, onContinue }: VipHeroProps): JSX.Element
 
 declare const VipHero_2: z.ZodObject<{
     image: z.ZodNullable<z.ZodString>;
+    desktop_image: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+    desktop_video: z.ZodOptional<z.ZodNullable<z.ZodString>>;
     headline: z.ZodString;
     body: z.ZodNullable<z.ZodString>;
     cta_label: z.ZodString;
@@ -6843,11 +6853,15 @@ declare const VipHero_2: z.ZodObject<{
     headline: string;
     body: string | null;
     cta_label: string;
+    desktop_image?: string | null | undefined;
+    desktop_video?: string | null | undefined;
 }, {
     image: string | null;
     headline: string;
     body: string | null;
     cta_label: string;
+    desktop_image?: string | null | undefined;
+    desktop_video?: string | null | undefined;
 }>;
 
 declare type VipHero_2 = z.infer<typeof VipHero_2>;
@@ -6878,6 +6892,8 @@ declare const VipInviteView: z.ZodDiscriminatedUnion<"state", [z.ZodObject<{
     }>, "many">;
     hero: z.ZodOptional<z.ZodNullable<z.ZodObject<{
         image: z.ZodNullable<z.ZodString>;
+        desktop_image: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+        desktop_video: z.ZodOptional<z.ZodNullable<z.ZodString>>;
         headline: z.ZodString;
         body: z.ZodNullable<z.ZodString>;
         cta_label: z.ZodString;
@@ -6886,11 +6902,15 @@ declare const VipInviteView: z.ZodDiscriminatedUnion<"state", [z.ZodObject<{
         headline: string;
         body: string | null;
         cta_label: string;
+        desktop_image?: string | null | undefined;
+        desktop_video?: string | null | undefined;
     }, {
         image: string | null;
         headline: string;
         body: string | null;
         cta_label: string;
+        desktop_image?: string | null | undefined;
+        desktop_video?: string | null | undefined;
     }>>>;
 }, "strip", z.ZodTypeAny, {
     state: "active";
@@ -6908,6 +6928,8 @@ declare const VipInviteView: z.ZodDiscriminatedUnion<"state", [z.ZodObject<{
         headline: string;
         body: string | null;
         cta_label: string;
+        desktop_image?: string | null | undefined;
+        desktop_video?: string | null | undefined;
     } | null | undefined;
 }, {
     state: "active";
@@ -6925,6 +6947,8 @@ declare const VipInviteView: z.ZodDiscriminatedUnion<"state", [z.ZodObject<{
         headline: string;
         body: string | null;
         cta_label: string;
+        desktop_image?: string | null | undefined;
+        desktop_video?: string | null | undefined;
     } | null | undefined;
 }>, z.ZodObject<{
     state: z.ZodLiteral<"scheduled">;
@@ -6957,13 +6981,14 @@ declare const VipInviteView: z.ZodDiscriminatedUnion<"state", [z.ZodObject<{
 
 declare type VipInviteView = z.infer<typeof VipInviteView>;
 
-export declare function VipLandingView({ token, onUnavailable }: VipLandingViewProps): JSX.Element;
+export declare function VipLandingView({ token, onUnavailable, onHelp }: VipLandingViewProps): JSX.Element;
 
 export declare interface VipLandingViewProps {
     /** The token from the invite link: the last path segment of the URL the recipient opened. */
     token: string;
     /** Replaces the built-in screen for an invite that cannot be claimed. */
     onUnavailable?: (state: VipInviteUnavailableState) => ReactNode;
+    onHelp?: () => void;
 }
 
 /** "Why shop with us" reassurance tiles. */