@guardian/support-dotcom-components 1.0.6 → 1.0.8

package/dist/shared/src/types/props/banner.d.ts

@@ -0,0 +1,736 @@
+import { EmotionJSX } from '@emotion/react/types/jsx-namespace';
+import { Cta, SecondaryCta, TickerSettings, Tracking } from './shared';
+import { OphanComponentEvent } from '../ophan';
+import * as z from 'zod';
+import { Prices } from '../prices';
+import { SelectedAmountsVariant } from '../abTests';
+import { ConfigurableDesign } from './design';
+export declare const bannerChannelSchema: z.ZodEnum<["contributions", "subscriptions", "signIn"]>;
+export type BannerChannel = z.infer<typeof bannerChannelSchema>;
+export interface BannerContent {
+    heading?: string;
+    messageText?: string;
+    paragraphs?: string[];
+    mobileMessageText?: string;
+    highlightedText?: string;
+    cta?: Cta;
+    secondaryCta?: SecondaryCta;
+}
+export interface BannerProps extends EmotionJSX.IntrinsicAttributes {
+    tracking: Tracking;
+    bannerChannel: BannerChannel;
+    content?: BannerContent;
+    mobileContent?: BannerContent;
+    countryCode?: string;
+    isSupporter?: boolean;
+    tickerSettings?: TickerSettings;
+    submitComponentEvent?: (componentEvent: OphanComponentEvent) => void;
+    numArticles?: number;
+    hasOptedOutOfArticleCount?: boolean;
+    fetchEmail?: () => Promise<string | null>;
+    separateArticleCount?: boolean;
+    prices?: Prices;
+    choiceCardAmounts?: SelectedAmountsVariant;
+    design?: ConfigurableDesign;
+}
+export declare const bannerSchema: z.ZodObject<{
+    tracking: z.ZodObject<{
+        abTestName: z.ZodString;
+        abTestVariant: z.ZodString;
+        campaignCode: z.ZodString;
+        componentType: z.ZodEnum<["ACQUISITIONS_EPIC", "ACQUISITIONS_ENGAGEMENT_BANNER", "ACQUISITIONS_SUBSCRIPTIONS_BANNER", "ACQUISITIONS_HEADER", "ACQUISITIONS_OTHER"]>;
+        products: z.ZodOptional<z.ZodNullable<z.ZodArray<z.ZodEnum<["CONTRIBUTION", "MEMBERSHIP_SUPPORTER", "DIGITAL_SUBSCRIPTION", "PRINT_SUBSCRIPTION"]>, "many">>>;
+        labels: z.ZodOptional<z.ZodNullable<z.ZodArray<z.ZodString, "many">>>;
+        ophanPageId: z.ZodString;
+        platformId: z.ZodString;
+        referrerUrl: z.ZodString;
+        clientName: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+        componentType: "ACQUISITIONS_EPIC" | "ACQUISITIONS_ENGAGEMENT_BANNER" | "ACQUISITIONS_HEADER" | "ACQUISITIONS_OTHER" | "ACQUISITIONS_SUBSCRIPTIONS_BANNER";
+        abTestName: string;
+        abTestVariant: string;
+        campaignCode: string;
+        ophanPageId: string;
+        platformId: string;
+        referrerUrl: string;
+        clientName: string;
+        products?: ("CONTRIBUTION" | "MEMBERSHIP_SUPPORTER" | "DIGITAL_SUBSCRIPTION" | "PRINT_SUBSCRIPTION")[] | null | undefined;
+        labels?: string[] | null | undefined;
+    }, {
+        componentType: "ACQUISITIONS_EPIC" | "ACQUISITIONS_ENGAGEMENT_BANNER" | "ACQUISITIONS_HEADER" | "ACQUISITIONS_OTHER" | "ACQUISITIONS_SUBSCRIPTIONS_BANNER";
+        abTestName: string;
+        abTestVariant: string;
+        campaignCode: string;
+        ophanPageId: string;
+        platformId: string;
+        referrerUrl: string;
+        clientName: string;
+        products?: ("CONTRIBUTION" | "MEMBERSHIP_SUPPORTER" | "DIGITAL_SUBSCRIPTION" | "PRINT_SUBSCRIPTION")[] | null | undefined;
+        labels?: string[] | null | undefined;
+    }>;
+    bannerChannel: z.ZodEnum<["contributions", "subscriptions", "signIn"]>;
+    content: z.ZodOptional<z.ZodNullable<z.ZodObject<{
+        heading: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+        messageText: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+        paragraphs: z.ZodOptional<z.ZodNullable<z.ZodArray<z.ZodString, "many">>>;
+        mobileMessageText: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+        highlightedText: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+        cta: z.ZodOptional<z.ZodNullable<z.ZodObject<{
+            text: z.ZodString;
+            baseUrl: z.ZodString;
+        }, "strip", z.ZodTypeAny, {
+            text: string;
+            baseUrl: string;
+        }, {
+            text: string;
+            baseUrl: string;
+        }>>>;
+        secondaryCta: z.ZodOptional<z.ZodNullable<z.ZodUnion<[z.ZodObject<{
+            type: z.ZodLiteral<"CustomSecondaryCta">;
+            cta: z.ZodObject<{
+                text: z.ZodString;
+                baseUrl: z.ZodString;
+            }, "strip", z.ZodTypeAny, {
+                text: string;
+                baseUrl: string;
+            }, {
+                text: string;
+                baseUrl: string;
+            }>;
+        }, "strip", z.ZodTypeAny, {
+            type: "CustomSecondaryCta";
+            cta: {
+                text: string;
+                baseUrl: string;
+            };
+        }, {
+            type: "CustomSecondaryCta";
+            cta: {
+                text: string;
+                baseUrl: string;
+            };
+        }>, z.ZodObject<{
+            type: z.ZodLiteral<"ContributionsReminderSecondaryCta">;
+        }, "strip", z.ZodTypeAny, {
+            type: "ContributionsReminderSecondaryCta";
+        }, {
+            type: "ContributionsReminderSecondaryCta";
+        }>]>>>;
+    }, "strip", z.ZodTypeAny, {
+        heading?: string | null | undefined;
+        messageText?: string | null | undefined;
+        paragraphs?: string[] | null | undefined;
+        mobileMessageText?: string | null | undefined;
+        highlightedText?: string | null | undefined;
+        cta?: {
+            text: string;
+            baseUrl: string;
+        } | null | undefined;
+        secondaryCta?: {
+            type: "CustomSecondaryCta";
+            cta: {
+                text: string;
+                baseUrl: string;
+            };
+        } | {
+            type: "ContributionsReminderSecondaryCta";
+        } | null | undefined;
+    }, {
+        heading?: string | null | undefined;
+        messageText?: string | null | undefined;
+        paragraphs?: string[] | null | undefined;
+        mobileMessageText?: string | null | undefined;
+        highlightedText?: string | null | undefined;
+        cta?: {
+            text: string;
+            baseUrl: string;
+        } | null | undefined;
+        secondaryCta?: {
+            type: "CustomSecondaryCta";
+            cta: {
+                text: string;
+                baseUrl: string;
+            };
+        } | {
+            type: "ContributionsReminderSecondaryCta";
+        } | null | undefined;
+    }>>>;
+    mobileContent: z.ZodOptional<z.ZodNullable<z.ZodObject<{
+        heading: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+        messageText: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+        paragraphs: z.ZodOptional<z.ZodNullable<z.ZodArray<z.ZodString, "many">>>;
+        mobileMessageText: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+        highlightedText: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+        cta: z.ZodOptional<z.ZodNullable<z.ZodObject<{
+            text: z.ZodString;
+            baseUrl: z.ZodString;
+        }, "strip", z.ZodTypeAny, {
+            text: string;
+            baseUrl: string;
+        }, {
+            text: string;
+            baseUrl: string;
+        }>>>;
+        secondaryCta: z.ZodOptional<z.ZodNullable<z.ZodUnion<[z.ZodObject<{
+            type: z.ZodLiteral<"CustomSecondaryCta">;
+            cta: z.ZodObject<{
+                text: z.ZodString;
+                baseUrl: z.ZodString;
+            }, "strip", z.ZodTypeAny, {
+                text: string;
+                baseUrl: string;
+            }, {
+                text: string;
+                baseUrl: string;
+            }>;
+        }, "strip", z.ZodTypeAny, {
+            type: "CustomSecondaryCta";
+            cta: {
+                text: string;
+                baseUrl: string;
+            };
+        }, {
+            type: "CustomSecondaryCta";
+            cta: {
+                text: string;
+                baseUrl: string;
+            };
+        }>, z.ZodObject<{
+            type: z.ZodLiteral<"ContributionsReminderSecondaryCta">;
+        }, "strip", z.ZodTypeAny, {
+            type: "ContributionsReminderSecondaryCta";
+        }, {
+            type: "ContributionsReminderSecondaryCta";
+        }>]>>>;
+    }, "strip", z.ZodTypeAny, {
+        heading?: string | null | undefined;
+        messageText?: string | null | undefined;
+        paragraphs?: string[] | null | undefined;
+        mobileMessageText?: string | null | undefined;
+        highlightedText?: string | null | undefined;
+        cta?: {
+            text: string;
+            baseUrl: string;
+        } | null | undefined;
+        secondaryCta?: {
+            type: "CustomSecondaryCta";
+            cta: {
+                text: string;
+                baseUrl: string;
+            };
+        } | {
+            type: "ContributionsReminderSecondaryCta";
+        } | null | undefined;
+    }, {
+        heading?: string | null | undefined;
+        messageText?: string | null | undefined;
+        paragraphs?: string[] | null | undefined;
+        mobileMessageText?: string | null | undefined;
+        highlightedText?: string | null | undefined;
+        cta?: {
+            text: string;
+            baseUrl: string;
+        } | null | undefined;
+        secondaryCta?: {
+            type: "CustomSecondaryCta";
+            cta: {
+                text: string;
+                baseUrl: string;
+            };
+        } | {
+            type: "ContributionsReminderSecondaryCta";
+        } | null | undefined;
+    }>>>;
+    countryCode: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+    isSupporter: z.ZodOptional<z.ZodNullable<z.ZodBoolean>>;
+    tickerSettings: z.ZodOptional<z.ZodNullable<z.ZodObject<{
+        endType: z.ZodEnum<["unlimited", "hardstop"]>;
+        countType: z.ZodEnum<["money"]>;
+        currencySymbol: z.ZodString;
+        copy: z.ZodObject<{
+            countLabel: z.ZodString;
+            goalReachedPrimary: z.ZodString;
+            goalReachedSecondary: z.ZodString;
+        }, "strip", z.ZodTypeAny, {
+            countLabel: string;
+            goalReachedPrimary: string;
+            goalReachedSecondary: string;
+        }, {
+            countLabel: string;
+            goalReachedPrimary: string;
+            goalReachedSecondary: string;
+        }>;
+        tickerData: z.ZodOptional<z.ZodNullable<z.ZodObject<{
+            total: z.ZodNumber;
+            goal: z.ZodNumber;
+        }, "strip", z.ZodTypeAny, {
+            total: number;
+            goal: number;
+        }, {
+            total: number;
+            goal: number;
+        }>>>;
+    }, "strip", z.ZodTypeAny, {
+        copy: {
+            countLabel: string;
+            goalReachedPrimary: string;
+            goalReachedSecondary: string;
+        };
+        endType: "unlimited" | "hardstop";
+        countType: "money";
+        currencySymbol: string;
+        tickerData?: {
+            total: number;
+            goal: number;
+        } | null | undefined;
+    }, {
+        copy: {
+            countLabel: string;
+            goalReachedPrimary: string;
+            goalReachedSecondary: string;
+        };
+        endType: "unlimited" | "hardstop";
+        countType: "money";
+        currencySymbol: string;
+        tickerData?: {
+            total: number;
+            goal: number;
+        } | null | undefined;
+    }>>>;
+    submitComponentEvent: z.ZodAny;
+    numArticles: z.ZodOptional<z.ZodNullable<z.ZodNumber>>;
+    hasOptedOutOfArticleCount: z.ZodOptional<z.ZodNullable<z.ZodBoolean>>;
+    fetchEmail: z.ZodOptional<z.ZodNullable<z.ZodAny>>;
+    separateArticleCount: z.ZodOptional<z.ZodNullable<z.ZodBoolean>>;
+    design: z.ZodOptional<z.ZodNullable<z.ZodObject<{
+        visual: z.ZodOptional<z.ZodDiscriminatedUnion<"kind", [z.ZodObject<{
+            mobileUrl: z.ZodString;
+            tabletDesktopUrl: z.ZodString;
+            wideUrl: z.ZodString;
+            altText: z.ZodString;
+            kind: z.ZodLiteral<"Image">;
+        }, "strip", z.ZodTypeAny, {
+            kind: "Image";
+            mobileUrl: string;
+            wideUrl: string;
+            altText: string;
+            tabletDesktopUrl: string;
+        }, {
+            kind: "Image";
+            mobileUrl: string;
+            wideUrl: string;
+            altText: string;
+            tabletDesktopUrl: string;
+        }>, z.ZodObject<{
+            buttonColour: z.ZodOptional<z.ZodObject<{
+                r: z.ZodEffects<z.ZodString, string, string>;
+                g: z.ZodEffects<z.ZodString, string, string>;
+                b: z.ZodEffects<z.ZodString, string, string>;
+                kind: z.ZodLiteral<"hex">;
+            }, "strip", z.ZodTypeAny, {
+                b: string;
+                g: string;
+                kind: "hex";
+                r: string;
+            }, {
+                b: string;
+                g: string;
+                kind: "hex";
+                r: string;
+            }>>;
+            kind: z.ZodLiteral<"ChoiceCards">;
+        }, "strip", z.ZodTypeAny, {
+            kind: "ChoiceCards";
+            buttonColour?: {
+                b: string;
+                g: string;
+                kind: "hex";
+                r: string;
+            } | undefined;
+        }, {
+            kind: "ChoiceCards";
+            buttonColour?: {
+                b: string;
+                g: string;
+                kind: "hex";
+                r: string;
+            } | undefined;
+        }>]>>;
+        colours: z.ZodObject<{
+            basic: z.ZodObject<{
+                background: z.ZodObject<{
+                    r: z.ZodEffects<z.ZodString, string, string>;
+                    g: z.ZodEffects<z.ZodString, string, string>;
+                    b: z.ZodEffects<z.ZodString, string, string>;
+                    kind: z.ZodLiteral<"hex">;
+                }, "strip", z.ZodTypeAny, {
+                    b: string;
+                    g: string;
+                    kind: "hex";
+                    r: string;
+                }, {
+                    b: string;
+                    g: string;
+                    kind: "hex";
+                    r: string;
+                }>;
+                bodyText: z.ZodObject<{
+                    r: z.ZodEffects<z.ZodString, string, string>;
+                    g: z.ZodEffects<z.ZodString, string, string>;
+                    b: z.ZodEffects<z.ZodString, string, string>;
+                    kind: z.ZodLiteral<"hex">;
+                }, "strip", z.ZodTypeAny, {
+                    b: string;
+                    g: string;
+                    kind: "hex";
+                    r: string;
+                }, {
+                    b: string;
+                    g: string;
+                    kind: "hex";
+                    r: string;
+                }>;
+            }, "strip", z.ZodTypeAny, {
+                background: {
+                    b: string;
+                    g: string;
+                    kind: "hex";
+                    r: string;
+                };
+                bodyText: {
+                    b: string;
+                    g: string;
+                    kind: "hex";
+                    r: string;
+                };
+            }, {
+                background: {
+                    b: string;
+                    g: string;
+                    kind: "hex";
+                    r: string;
+                };
+                bodyText: {
+                    b: string;
+                    g: string;
+                    kind: "hex";
+                    r: string;
+                };
+            }>;
+        }, "strip", z.ZodTypeAny, {
+            basic: {
+                background: {
+                    b: string;
+                    g: string;
+                    kind: "hex";
+                    r: string;
+                };
+                bodyText: {
+                    b: string;
+                    g: string;
+                    kind: "hex";
+                    r: string;
+                };
+            };
+        }, {
+            basic: {
+                background: {
+                    b: string;
+                    g: string;
+                    kind: "hex";
+                    r: string;
+                };
+                bodyText: {
+                    b: string;
+                    g: string;
+                    kind: "hex";
+                    r: string;
+                };
+            };
+        }>;
+    }, "strip", z.ZodTypeAny, {
+        colours: {
+            basic: {
+                background: {
+                    b: string;
+                    g: string;
+                    kind: "hex";
+                    r: string;
+                };
+                bodyText: {
+                    b: string;
+                    g: string;
+                    kind: "hex";
+                    r: string;
+                };
+            };
+        };
+        visual?: {
+            kind: "Image";
+            mobileUrl: string;
+            wideUrl: string;
+            altText: string;
+            tabletDesktopUrl: string;
+        } | {
+            kind: "ChoiceCards";
+            buttonColour?: {
+                b: string;
+                g: string;
+                kind: "hex";
+                r: string;
+            } | undefined;
+        } | undefined;
+    }, {
+        colours: {
+            basic: {
+                background: {
+                    b: string;
+                    g: string;
+                    kind: "hex";
+                    r: string;
+                };
+                bodyText: {
+                    b: string;
+                    g: string;
+                    kind: "hex";
+                    r: string;
+                };
+            };
+        };
+        visual?: {
+            kind: "Image";
+            mobileUrl: string;
+            wideUrl: string;
+            altText: string;
+            tabletDesktopUrl: string;
+        } | {
+            kind: "ChoiceCards";
+            buttonColour?: {
+                b: string;
+                g: string;
+                kind: "hex";
+                r: string;
+            } | undefined;
+        } | undefined;
+    }>>>;
+}, "strip", z.ZodTypeAny, {
+    bannerChannel: "contributions" | "subscriptions" | "signIn";
+    tracking: {
+        componentType: "ACQUISITIONS_EPIC" | "ACQUISITIONS_ENGAGEMENT_BANNER" | "ACQUISITIONS_HEADER" | "ACQUISITIONS_OTHER" | "ACQUISITIONS_SUBSCRIPTIONS_BANNER";
+        abTestName: string;
+        abTestVariant: string;
+        campaignCode: string;
+        ophanPageId: string;
+        platformId: string;
+        referrerUrl: string;
+        clientName: string;
+        products?: ("CONTRIBUTION" | "MEMBERSHIP_SUPPORTER" | "DIGITAL_SUBSCRIPTION" | "PRINT_SUBSCRIPTION")[] | null | undefined;
+        labels?: string[] | null | undefined;
+    };
+    content?: {
+        heading?: string | null | undefined;
+        messageText?: string | null | undefined;
+        paragraphs?: string[] | null | undefined;
+        mobileMessageText?: string | null | undefined;
+        highlightedText?: string | null | undefined;
+        cta?: {
+            text: string;
+            baseUrl: string;
+        } | null | undefined;
+        secondaryCta?: {
+            type: "CustomSecondaryCta";
+            cta: {
+                text: string;
+                baseUrl: string;
+            };
+        } | {
+            type: "ContributionsReminderSecondaryCta";
+        } | null | undefined;
+    } | null | undefined;
+    mobileContent?: {
+        heading?: string | null | undefined;
+        messageText?: string | null | undefined;
+        paragraphs?: string[] | null | undefined;
+        mobileMessageText?: string | null | undefined;
+        highlightedText?: string | null | undefined;
+        cta?: {
+            text: string;
+            baseUrl: string;
+        } | null | undefined;
+        secondaryCta?: {
+            type: "CustomSecondaryCta";
+            cta: {
+                text: string;
+                baseUrl: string;
+            };
+        } | {
+            type: "ContributionsReminderSecondaryCta";
+        } | null | undefined;
+    } | null | undefined;
+    countryCode?: string | null | undefined;
+    isSupporter?: boolean | null | undefined;
+    tickerSettings?: {
+        copy: {
+            countLabel: string;
+            goalReachedPrimary: string;
+            goalReachedSecondary: string;
+        };
+        endType: "unlimited" | "hardstop";
+        countType: "money";
+        currencySymbol: string;
+        tickerData?: {
+            total: number;
+            goal: number;
+        } | null | undefined;
+    } | null | undefined;
+    submitComponentEvent?: any;
+    numArticles?: number | null | undefined;
+    hasOptedOutOfArticleCount?: boolean | null | undefined;
+    fetchEmail?: any;
+    separateArticleCount?: boolean | null | undefined;
+    design?: {
+        colours: {
+            basic: {
+                background: {
+                    b: string;
+                    g: string;
+                    kind: "hex";
+                    r: string;
+                };
+                bodyText: {
+                    b: string;
+                    g: string;
+                    kind: "hex";
+                    r: string;
+                };
+            };
+        };
+        visual?: {
+            kind: "Image";
+            mobileUrl: string;
+            wideUrl: string;
+            altText: string;
+            tabletDesktopUrl: string;
+        } | {
+            kind: "ChoiceCards";
+            buttonColour?: {
+                b: string;
+                g: string;
+                kind: "hex";
+                r: string;
+            } | undefined;
+        } | undefined;
+    } | null | undefined;
+}, {
+    bannerChannel: "contributions" | "subscriptions" | "signIn";
+    tracking: {
+        componentType: "ACQUISITIONS_EPIC" | "ACQUISITIONS_ENGAGEMENT_BANNER" | "ACQUISITIONS_HEADER" | "ACQUISITIONS_OTHER" | "ACQUISITIONS_SUBSCRIPTIONS_BANNER";
+        abTestName: string;
+        abTestVariant: string;
+        campaignCode: string;
+        ophanPageId: string;
+        platformId: string;
+        referrerUrl: string;
+        clientName: string;
+        products?: ("CONTRIBUTION" | "MEMBERSHIP_SUPPORTER" | "DIGITAL_SUBSCRIPTION" | "PRINT_SUBSCRIPTION")[] | null | undefined;
+        labels?: string[] | null | undefined;
+    };
+    content?: {
+        heading?: string | null | undefined;
+        messageText?: string | null | undefined;
+        paragraphs?: string[] | null | undefined;
+        mobileMessageText?: string | null | undefined;
+        highlightedText?: string | null | undefined;
+        cta?: {
+            text: string;
+            baseUrl: string;
+        } | null | undefined;
+        secondaryCta?: {
+            type: "CustomSecondaryCta";
+            cta: {
+                text: string;
+                baseUrl: string;
+            };
+        } | {
+            type: "ContributionsReminderSecondaryCta";
+        } | null | undefined;
+    } | null | undefined;
+    mobileContent?: {
+        heading?: string | null | undefined;
+        messageText?: string | null | undefined;
+        paragraphs?: string[] | null | undefined;
+        mobileMessageText?: string | null | undefined;
+        highlightedText?: string | null | undefined;
+        cta?: {
+            text: string;
+            baseUrl: string;
+        } | null | undefined;
+        secondaryCta?: {
+            type: "CustomSecondaryCta";
+            cta: {
+                text: string;
+                baseUrl: string;
+            };
+        } | {
+            type: "ContributionsReminderSecondaryCta";
+        } | null | undefined;
+    } | null | undefined;
+    countryCode?: string | null | undefined;
+    isSupporter?: boolean | null | undefined;
+    tickerSettings?: {
+        copy: {
+            countLabel: string;
+            goalReachedPrimary: string;
+            goalReachedSecondary: string;
+        };
+        endType: "unlimited" | "hardstop";
+        countType: "money";
+        currencySymbol: string;
+        tickerData?: {
+            total: number;
+            goal: number;
+        } | null | undefined;
+    } | null | undefined;
+    submitComponentEvent?: any;
+    numArticles?: number | null | undefined;
+    hasOptedOutOfArticleCount?: boolean | null | undefined;
+    fetchEmail?: any;
+    separateArticleCount?: boolean | null | undefined;
+    design?: {
+        colours: {
+            basic: {
+                background: {
+                    b: string;
+                    g: string;
+                    kind: "hex";
+                    r: string;
+                };
+                bodyText: {
+                    b: string;
+                    g: string;
+                    kind: "hex";
+                    r: string;
+                };
+            };
+        };
+        visual?: {
+            kind: "Image";
+            mobileUrl: string;
+            wideUrl: string;
+            altText: string;
+            tabletDesktopUrl: string;
+        } | {
+            kind: "ChoiceCards";
+            buttonColour?: {
+                b: string;
+                g: string;
+                kind: "hex";
+                r: string;
+            } | undefined;
+        } | undefined;
+    } | null | undefined;
+}>;
+export interface PuzzlesBannerProps extends Partial<BannerProps> {
+    tracking: Tracking;
+}
+//# sourceMappingURL=banner.d.ts.map