Add informational banners variants to upsell promotional banner options

src/types.ts

@@ -747,7 +747,15 @@ export interface UpsellModulePromotionalBannerInstance {
   destroy: () => void
 }
 
-export interface WidgetUpsellPromotionalBannerOptions {
+export type WidgetUpsellPromotionalBannerOptions =
+  | WidgetUpsellPromotionalBannerSignUpBannerOptions
+  | WidgetUpsellPromotionalBannerInformationalBannerOptions
+  | WidgetUpsellPromotionalBannerInformationalLinkOptions
+  | WidgetUpsellPromotionalBannerInformationalIconOptions
+
+export interface WidgetUpsellPromotionalBannerSignUpBannerOptions {
+  /** Promotional banner which allows your customer to join Revolut and get rewards if applicable */
+  variant?: 'sign_up'
   /** Unique id of transaction user has just performed */
   transactionId: string
   /** Max cashback amount */
@@ -765,6 +773,33 @@ export interface WidgetUpsellPromotionalBannerOptions {
   }
 }
 
+export interface WidgetUpsellPromotionalBannerInformationalBannerOptions {
+  /** Promotional banner with a summary of Revolut Pay benefits, allowing to view more details on click */
+  variant: 'banner'
+  /** Max cashback amount */
+  amount?: number
+  /** Cashback currency */
+  currency: string
+}
+
+export interface WidgetUpsellPromotionalBannerInformationalLinkOptions {
+  /** Promotional banner displayed as a link, allowing to view Revolut Pay details on click */
+  variant: 'link'
+  /** Max cashback amount */
+  amount?: number
+  /** Cashback currency */
+  currency: string
+}
+
+export interface WidgetUpsellPromotionalBannerInformationalIconOptions {
+  /** Promotional banner displayed as an icon, allowing to view Revolut Pay details on click */
+  variant: 'icon'
+  /** Max cashback amount */
+  amount?: number
+  /** Cashback currency */
+  currency: string
+}
+
 export interface UpsellModuleEnrollmentConfirmationBannerInstance {
   mount: (
     target: string | HTMLElement,
@@ -783,7 +818,7 @@ export interface WidgetUpsellEnrollmentConfirmationBannerOptions {
   /** Whether promotional banner should be shown if user has not enrolled */
   promotionalBanner?: boolean
   /** Style object for promotional banner customisation */
-  promotionalBannerStyle?: WidgetUpsellPromotionalBannerOptions['style']
+  promotionalBannerStyle?: WidgetUpsellPromotionalBannerSignUpBannerOptions['style']
 }
 
 export interface RevolutUpsellModuleOptions {