@liquidcommercedev/rmn-sdk 1.5.0-beta.32 → 1.5.0-beta.33

package/dist/types/common/helpers/utils.helper.d.ts

@@ -1,4 +1,4 @@
-import type { IFireEventParams } from 'modules/event';
+import type { IFireEventParams } from 'modules/spot-manager';
 export declare function fallbackEventFire(url: string): Promise<boolean>;
 /**
  * Helper function to decode base64 string and parse JSON
@@ -24,7 +24,7 @@ export declare function getRedirectUrlFromPayload(url: string): string | null;
  * @param {string} params.eventUrl - The URL to which the event is sent.
  * @returns {Promise<void>} - A promise that resolves when the event is fired.
  */
-export declare function fireEvent({ event, eventUrl }: IFireEventParams): Promise<void>;
+export declare function fireEvent({ spotType, event, eventUrl }: IFireEventParams): Promise<void>;
 export declare function calculateScaleFactor(elementScale: number): number;
 /**
  * Converts an object to a query string.

package/dist/types/constants/spot-dimension.constant.d.ts

@@ -0,0 +1,2 @@
+import type { SpotDimensionsType } from 'modules/selection';
+export declare const SPOT_DIMENSIONS: SpotDimensionsType;

package/dist/types/enums.d.ts

@@ -6,6 +6,8 @@ export declare enum RMN_SPOT_TYPE {
     RB_LARGE_CATEGORY_IMAGE_TOUT = "rbLargeCategoryImageTout",
     RB_SMALL_DISCOVER_TOUT = "rbSmallDiscoverTout",
     RB_SMALL_CATEGORY_IMAGE_TOUT = "rbSmallCategoryImageTout",
+    RB_LONG_TOUT_SHORT = "rbLongToutShort",
+    RB_LONG_TOUT_TALL = "rbLongToutTall",
     RB_COLLECTION_BANNER_WITHOUT_TEXT_BLOCK = "rbCollectionBannerWithoutTextBlock",
     RB_PRODUCT_UPCS = "rbProductUpcs",
     RB_NAVIGATION_BANNER = "rbNavigationBanner",

package/dist/types/index.umd.d.ts

@@ -1,2 +1,2 @@
-import { RmnClient, RmnCreateSpotElement, RmnEventManager } from './index';
-export { RmnClient, RmnCreateSpotElement, RmnEventManager };
+import { RmnClient, RmnEventManager } from './index';
+export { RmnClient, RmnEventManager };

package/dist/types/modules/element/component/carousel/carousel.interface.d.ts

@@ -1,4 +1,3 @@
-import type { ICreateElementConfig } from 'modules/element';
 export type CarouselNavPositionType = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right' | 'middle-left' | 'middle-right' | 'middle-sides';
 export interface ICarouselDotOptions {
     position: CarouselNavPositionType;
@@ -24,12 +23,18 @@ export interface ICarouselOptions {
     useDots?: ICarouselDotOptions | boolean;
     useButtons?: ICarouselButtonOptions | boolean;
 }
-export type ICustomCarouselElementData = ICreateElementConfig & ICarouselOptions;
+export interface ICreateCarouselConfig {
+    width: number;
+    height: number;
+    fluid?: boolean;
+    minScale: number;
+}
+export type ICustomCarouselElementData = ICreateCarouselConfig & ICarouselOptions;
 export interface ICustomCarouselElement extends HTMLElement {
     data: ICustomCarouselElementData;
     slides: HTMLElement[];
 }
 export interface ICreateCarouselElementParams {
     slides: HTMLElement[];
-    config: ICreateElementConfig;
+    config: ICreateCarouselConfig;
 }

package/dist/types/modules/element/component/spot/spot.component.d.ts

@@ -1,3 +1,20 @@
-import type { ICustomSpotElement } from './spot.interface';
-declare let SpotElement: new () => ICustomSpotElement;
-export { SpotElement };
+import type { ISpotTemplateBaseData } from 'modules/spot-template';
+import type { ICreateSpotConfig } from './spot.interface';
+declare const BaseElement: typeof HTMLElement;
+export declare abstract class BaseSpotComponent<TData extends ISpotTemplateBaseData = ISpotTemplateBaseData, TConfig extends ICreateSpotConfig = ICreateSpotConfig> extends BaseElement {
+    private initialized;
+    private dataInitialized;
+    protected readonly _data: TData;
+    protected readonly _config: TConfig;
+    protected constructor();
+    initializeData(data: TData, config: TConfig): void;
+    private render;
+    private baseStyles;
+    protected abstract template(): HTMLElement | string;
+    protected abstract styles(): string;
+    protected connected?(): void;
+    protected disconnected?(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+}
+export {};

package/dist/types/modules/element/component/spot/spot.interface.d.ts

@@ -1,10 +1,14 @@
-import type { ICreateElementConfig } from 'modules/element';
-export type ICustomSpotElementData = ICreateElementConfig;
-export interface ICustomSpotElement extends HTMLElement {
-    data: ICustomSpotElementData;
-    content: HTMLElement;
+import type { ISpotOverlay } from 'modules/element/element.interface';
+import type { ISpot } from 'modules/selection';
+import type { BaseSpotComponent } from './spot.component';
+export interface ICreateSpotConfig {
+    prefix: string;
+    fluid: boolean;
+    useShadowDom: boolean;
+    overlay?: ISpotOverlay;
 }
 export interface ICreateSpotElementParams {
-    content: HTMLElement;
-    config: ICreateElementConfig;
+    spot: ISpot;
+    config: ICreateSpotConfig;
 }
+export type BaseSpotComponentConstructor = new () => BaseSpotComponent;

package/dist/types/modules/element/element.constant.d.ts

@@ -1,8 +1,2 @@
-import type { SpotDimensionsType } from 'modules/selection';
-export declare const SPOT_ELEMENT_TAG = "spot-element";
-export declare const CAROUSEL_ELEMENT_TAG = "spot-carousel-element";
-export declare const SKELETON_ELEMENT_TAG = "spot-skeleton-element";
-export declare const GFONT_PRECONNECT = "\n  <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin>\n";
-export declare const GFONT_SOURCE_SANS_3 = "\n  <link rel=\"stylesheet\" href=\"https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap\">\n";
-export declare const GFONT_CORMORANT = "\n  <link rel=\"stylesheet\" href=\"https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap\">\n";
-export declare const SPOT_DIMENSIONS: SpotDimensionsType;
+export declare const CAROUSEL_ELEMENT_TAG = "spot-carousel";
+export declare const SKELETON_ELEMENT_TAG = "spot-skeleton";

package/dist/types/modules/element/element.interface.d.ts

@@ -1,5 +1,6 @@
 import type { RMN_FILTER_PROPERTIES, RMN_SPOT_TYPE } from 'enums';
 import type { ICarouselOptions, ICreateCarouselElementParams } from 'modules/element/component/carousel';
+import type { ICreateSkeletonElementParams } from 'modules/element/component/skeleton';
 import type { ICreateSpotElementParams } from 'modules/element/component/spot';
 import type { RmnFilterType } from 'modules/selection';
 export interface ISpotColors {
@@ -46,10 +47,5 @@ export interface IInjectSpotElementParams {
 export interface IElementService {
     createSpotElement(params: ICreateSpotElementParams): HTMLElement | null;
     createCarouselElement(params: ICreateCarouselElementParams): HTMLElement | null;
-}
-export interface IRmnCreateSpotElementConfig {
-    fluid?: boolean;
-    colors?: ISpotColors;
-    overlay?: ISpotOverlay;
-    minScale?: number;
+    createSkeletonElement(params: ICreateSkeletonElementParams): HTMLElement | null;
 }

package/dist/types/modules/element/element.service.d.ts

@@ -1,9 +1,10 @@
-import type { ISpot } from 'modules/selection';
 import type { ICreateCarouselElementParams } from './component/carousel';
 import type { ICreateSkeletonElementParams } from './component/skeleton';
 import type { ICreateSpotElementParams } from './component/spot';
-import type { IElementService, ISpotColors } from './element.interface';
+import type { IElementService } from './element.interface';
 export declare class ElementService implements IElementService {
+    private readonly spotTemplateService;
+    private constructor();
     static getInstance(): ElementService;
     /**
      * Creates the html element based on the provided data, content and configs using shadow dom.
@@ -14,7 +15,7 @@ export declare class ElementService implements IElementService {
      *
      * @return {HTMLElement | null} - The html element or null if the browser environment is not available.
      */
-    createSpotElement({ content, config }: ICreateSpotElementParams): HTMLElement | null;
+    createSpotElement(params: ICreateSpotElementParams): HTMLElement | null;
     /**
      * Creates the carousel html element based on the provided slides and configs using shadow dom.
      *
@@ -24,7 +25,7 @@ export declare class ElementService implements IElementService {
      *
      * @return {HTMLElement | null} - The html element or null if the browser environment is not available.
      */
-    createCarouselElement({ slides, config, }: ICreateCarouselElementParams): HTMLElement | null;
+    createCarouselElement(params: ICreateCarouselElementParams): HTMLElement | null;
     /**
      * Creates the skeleton html element based on the provided data using shadow dom.
      *
@@ -36,16 +37,22 @@ export declare class ElementService implements IElementService {
      */
     createSkeletonElement(params: ICreateSkeletonElementParams): HTMLElement | null;
     /**
-     * Overrides the spot colors with the provided colors.
+     * Defines a custom element with a unique class implementation based on the provided base element class.
+     * Registers the custom element with the specified tag name.
      *
-     * @param {ISpot} spot - The spot data.
-     * @param {ISpotColors} colors - The colors to override.
-     *
-     * @return {ISpot} - The spot data with the colors overridden.
+     * @param {string} tagName - The name of the custom element to define in the DOM.
+     * @param {BaseSpotComponentConstructor} elementClass - The base class for the custom element, extended to provide unique behavior.
+     * @return {void} This method does not return a value.
      */
-    overrideSpotColors(spot: ISpot, colors?: ISpotColors): ISpot;
+    private defineSpotCustomElement;
     /**
-     * @returns {boolean} - True if the browser environment is available and the element is defined.
+     * Defines custom elements for the application if they are not already defined in the browser's `customElements` registry.
+     *
+     * It checks and registers the following custom elements:
+     * - `CAROUSEL_ELEMENT_TAG` associated with `CarouselElement`
+     * - `SKELETON_ELEMENT_TAG` associated with `SkeletonElement`
+     *
+     * @return {void} This method does not return a value.
      */
-    private ensureBrowserEnvironmentAndDefineElement;
+    private defineCustomElements;
 }

package/dist/types/modules/helper-service/index.d.ts

@@ -1,4 +1,5 @@
 export * from './intersection.service';
 export * from './localstorage.service';
+export * from './proximity-observer.service';
 export * from './pubsub.service';
 export * from './resize.service';

package/dist/types/modules/helper-service/localstorage.service.d.ts

@@ -18,7 +18,6 @@ export type LocalStorageSpots = Record<string, // spotId
 ILocalStorageSpot>;
 export declare class LocalStorageService {
     private spots?;
-    private static instance;
     private static readonly localStorageKeyPrefix;
     private static localStorageKey;
     private static readonly spotExpirationTime;

package/dist/types/modules/helper-service/proximity-observer.service.d.ts

@@ -0,0 +1,30 @@
+interface IProximityObserverOptions {
+    verticalThreshold?: number;
+    horizontalThreshold?: number;
+    intersectionMargin?: string;
+    maxGroupSize?: number;
+}
+export declare class ProximityObserver {
+    private intersectionObserver;
+    private mutationObserver;
+    private targetIds;
+    private observedElements;
+    private processedGroups;
+    private readonly callback;
+    private readonly verticalThreshold;
+    private readonly horizontalThreshold;
+    private readonly intersectionMargin;
+    private maxGroupSize;
+    constructor(elementIds: string[], callback: (intersectingIds: string[]) => void, options?: IProximityObserverOptions);
+    private initializeIntersectionObserver;
+    private initializeMutationObserver;
+    private isElementInViewportRange;
+    private findNearbyElements;
+    private handleIntersection;
+    private isElementProcessed;
+    private handleMutation;
+    private checkAndObserveElement;
+    private startObservingExistingElements;
+    cleanup(): void;
+}
+export {};

package/dist/types/modules/helper-service/pubsub.service.d.ts

@@ -13,7 +13,6 @@ export type PubSubUnsubscribe = () => void;
  * @template IRmnEventMap A record type defining the structure of events and their data
  */
 export declare class PubsubService<IRmnEventMap> {
-    private static instance;
     static getInstance<IRmnEventMap>(): PubsubService<IRmnEventMap>;
     /**
      * Object to store subscribers for each event type

package/dist/types/modules/monitor/monitor.interface.d.ts

@@ -1,19 +1,14 @@
-import type { RMN_SPOT_EVENT } from 'enums';
+import type { RMN_SPOT_EVENT, RMN_SPOT_TYPE } from 'enums';
 export interface IDataLayerEvent {
     event: RMN_SPOT_EVENT;
     products: IProductData[];
 }
-export interface INormalizedEventData {
-    event: RMN_SPOT_EVENT;
-    productIds: Array<string | number>;
-    productPrice?: number;
-    productQuantity?: number;
-}
 export interface IFireAndPublishSpotEventParams {
     spotEvent: RMN_SPOT_EVENT;
     eventUrl: string;
     placementId: string;
     spotId: string;
+    spotType: RMN_SPOT_TYPE;
 }
 export interface IProductData {
     id: string | number;

package/dist/types/modules/monitor/monitor.service.d.ts

@@ -1,5 +1,4 @@
 export declare class MonitorService {
-    private static instance;
     private readonly implementedMonitor?;
     private readonly pubSubService;
     private readonly localStorageService;

package/dist/types/modules/monitor/monitors/datalayer.monitor.d.ts

@@ -1,6 +1,5 @@
 import type { IDataLayerEvent } from '../monitor.interface';
 export declare class DataLayerMonitor {
-    private static instance;
     private readonly originalPush;
     private listener?;
     private constructor();

package/dist/types/modules/selection/selection.interface.d.ts

@@ -36,14 +36,20 @@ export interface ISpot {
     mobilePrimaryImage?: string;
     mobileSecondaryImage?: string;
     productIds?: Array<string | number>;
-    videoUrl?: string;
-    videoOverlayImage?: string;
-    videoOverlayHeader?: string;
-    videoOverlayDescription?: string;
-    videoControls?: boolean;
-    videoAutoPlay?: boolean;
-    videoMute?: boolean;
-    videoLoop?: boolean;
+    video?: {
+        url?: string;
+        poster?: string;
+        posterTitle?: string;
+        posterDescription?: string;
+        autoplay?: boolean;
+        mute?: boolean;
+        loop?: boolean;
+        showControls?: boolean;
+        showPlay?: boolean;
+        showTimeline?: boolean;
+        showVolume?: boolean;
+        showTime?: boolean;
+    };
     rbProductUpcs?: Array<string | number>;
     rbProductSalsifyGroupings?: Array<string | number>;
     rbProductSalsifyPids?: Array<string | number>;

package/dist/types/modules/spot-manager/index.d.ts

@@ -0,0 +1,2 @@
+export * from './spot-manager.interface';
+export * from './spot-manager.service';

package/dist/types/modules/{event/event.interface.d.ts → spot-manager/spot-manager.interface.d.ts}

@@ -1,11 +1,7 @@
-import type { RMN_EVENT, RMN_SPOT_EVENT } from 'enums';
+import type { RMN_EVENT, RMN_SPOT_EVENT, RMN_SPOT_TYPE } from 'enums';
 import type { ISpot } from '../selection';
-export type ActiveSpotsType = Map<string, // spotId
-{
-    placementId: string;
-    spotElement: HTMLElement;
-}>;
 export interface IFireEventParams {
+    spotType: RMN_SPOT_TYPE;
     event: RMN_SPOT_EVENT;
     eventUrl: string;
 }

package/dist/types/modules/{event/event.service.d.ts → spot-manager/spot-manager.service.d.ts}

@@ -1,33 +1,28 @@
 import { RMN_EVENT } from 'enums';
 import type { ISpot } from 'modules/selection';
-import type { ILifecycleState, IRegisterSpotParams, IRmnEventMap } from './event.interface';
-export declare class EventService {
-    private static instance;
+import type { ILifecycleState, IRegisterSpotParams, IRmnEventMap } from './spot-manager.interface';
+export declare class SpotManagerService {
     private pubSubService;
     private localStorageService;
-    private intersectionObserver;
-    private spotStates;
-    private readonly activeSpots;
+    private spotLifecyleState;
     private constructor();
-    static getInstance(): EventService;
+    static getInstance(): SpotManagerService;
     subscribe(eventType: RMN_EVENT, callback: (data: IRmnEventMap[RMN_EVENT]) => void): () => void;
     publish(eventType: RMN_EVENT, data: IRmnEventMap[RMN_EVENT]): void;
     registerSpot(params: IRegisterSpotParams): void;
-    unregisterSpot(placementId: string): void;
+    unregisterSpot(rawPlacementId: string): void;
     /**
      * Updates the state of a spot.
      *
      * @param {string} placementId - The placement ID of the spot.
      * @param {Partial<ILifecycleState>} updates - The updates to apply to the spot state.
-     * @param {boolean} publish - Whether to publish the updated state.
+     * @param publish - Whether to publish the updated state.
      *
      * @returns {void}
      */
-    handleSpotState(placementId: string, updates: Partial<ILifecycleState>, publish?: boolean): void;
+    updateSpotLifecycleState(placementId: string, updates: Partial<ILifecycleState>, publish?: boolean): void;
     saveSpotDataToLocalStorage(placementId: string, spot: ISpot): void;
     private handleClickEvent;
     private handleImpressionEvent;
-    private getSpotIdByPlacementId;
     private deepMerge;
-    private handleIntersectionObserver;
 }

package/dist/types/modules/spot-template/iab/billboard/billboard-v1.template.d.ts

@@ -0,0 +1,14 @@
+import { BaseSpotComponent } from 'modules/element/component/spot';
+import type { IBillboardV1Spot } from '../../iab-template.interface';
+export declare class BillboardV1SE extends BaseSpotComponent<IBillboardV1Spot> {
+    private resizeObserver?;
+    private originalFontSizes;
+    constructor();
+    protected connected(): void;
+    protected disconnected(): void;
+    private setupResizeObserver;
+    private handleSpotSizeChanged;
+    private adjustFontSize;
+    protected template(): string;
+    protected styles(): string;
+}

package/dist/types/modules/spot-template/iab/billboard/index.d.ts

@@ -0,0 +1 @@
+export * from './billboard-v1.template';

package/dist/types/modules/{element/template → spot-template}/iab/in-text/in-text-v1.template.d.ts

@@ -1,2 +1,2 @@
-import type { ISpot } from 'types';
+import type { ISpot } from '../../../selection';
 export declare function inTextV1Template(spot: ISpot): string;

package/dist/types/modules/{element/template → spot-template}/iab/large-leaderboard/index.d.ts

@@ -1,2 +1 @@
 export * from './large-leaderboard-v1.template';
-export * from './large-leaderboard-v2.template';

package/dist/types/modules/{element/template → spot-template}/iab/square/index.d.ts

@@ -1,2 +1 @@
 export * from './square-v1.template';
-export * from './square-v2.template';

package/dist/types/modules/spot-template/iab-template.interface.d.ts

@@ -0,0 +1,12 @@
+import type { ISpotTemplateBaseData } from './spot-template.interface';
+export interface IBillboardV1Spot extends ISpotTemplateBaseData {
+    preHeader: string;
+    header: string;
+    description: string;
+    ctaText: string;
+    textColor: string;
+    ctaTextColor: string;
+    ctaBorderColor: string;
+    primaryImage: string;
+    mobilePrimaryImage?: string;
+}

package/dist/types/modules/spot-template/index.d.ts

@@ -0,0 +1,4 @@
+export * from './iab-template.interface';
+export * from './rb-template.interface';
+export * from './spot-template.interface';
+export * from './spot-template.service';

package/dist/types/modules/spot-template/rb-template.interface.d.ts

@@ -0,0 +1,110 @@
+import type { ISpotTemplateBaseData } from './spot-template.interface';
+export interface ICollectionBannerWithoutTextBlockRbSpot extends ISpotTemplateBaseData {
+    primaryImage: string;
+    mobilePrimaryImage?: string;
+}
+export interface IHomepageHeroFullImageRbSpot extends ISpotTemplateBaseData {
+    preHeader: string;
+    header: string;
+    description: string;
+    ctaText: string;
+    textColor: string;
+    ctaTextColor: string;
+    ctaBorderColor: string;
+    primaryImage: string;
+    mobilePrimaryImage?: string;
+}
+export interface IHomepageHeroThreeTileRbSpot extends ISpotTemplateBaseData {
+    header: string;
+    description: string;
+    ctaText: string;
+    textColor: string;
+    backgroundColor: string;
+    ctaTextColor: string;
+    primaryImage: string;
+    mobilePrimaryImage?: string;
+    secondaryImage: string;
+    mobileSecondaryImage?: string;
+}
+export interface IHomepageHeroTwoTileRbSpot extends ISpotTemplateBaseData {
+    header: string;
+    description: string;
+    ctaText: string;
+    textColor: string;
+    backgroundColor: string;
+    ctaTextColor: string;
+    primaryImage: string;
+    mobilePrimaryImage?: string;
+}
+export interface IInTextRbSpot extends ISpotTemplateBaseData {
+    header: string;
+    textColor: string;
+    backgroundColor: string;
+}
+export interface ILargeCategoryImageToutRbSpot extends ISpotTemplateBaseData {
+    header: string;
+    description: string;
+    ctaText: string;
+    textColor: string;
+    ctaTextColor: string;
+    ctaBorderColor: string;
+    primaryImage: string;
+    mobilePrimaryImage?: string;
+}
+export interface INavigationBannerRbSpot extends ISpotTemplateBaseData {
+    header: string;
+    textColor: string;
+    primaryImage: string;
+    mobilePrimaryImage?: string;
+}
+export interface ISmallCategoryImageToutRbSpot extends ISpotTemplateBaseData {
+    header: string;
+    textColor: string;
+    primaryImage: string;
+    mobilePrimaryImage?: string;
+}
+export interface ISmallDiscoverToutRbSpot extends ISpotTemplateBaseData {
+    header: string;
+    textColor: string;
+    backgroundColor: string;
+    primaryImage: string;
+    mobilePrimaryImage?: string;
+}
+export interface ILongToutShortRbSpot extends ISpotTemplateBaseData {
+    preHeader: string;
+    header: string;
+    description: string;
+    ctaText: string;
+    textColor: string;
+    ctaTextColor: string;
+    ctaBorderColor: string;
+    primaryImage: string;
+    mobilePrimaryImage?: string;
+}
+export interface ILongToutTallRbSpot extends ISpotTemplateBaseData {
+    preHeader: string;
+    header: string;
+    description: string;
+    ctaText: string;
+    textColor: string;
+    ctaTextColor: string;
+    ctaBorderColor: string;
+    primaryImage: string;
+    mobilePrimaryImage?: string;
+}
+export interface IVideoPlayerRbSpot extends ISpotTemplateBaseData {
+    video: {
+        url?: string;
+        poster?: string;
+        posterTitle?: string;
+        posterDescription?: string;
+        autoplay?: boolean;
+        mute?: boolean;
+        loop?: boolean;
+        showControls?: boolean;
+        showPlay?: boolean;
+        showTimeline?: boolean;
+        showVolume?: boolean;
+        showTime?: boolean;
+    };
+}

package/dist/types/modules/spot-template/reservebar/collection-banner-without-text-block.template.d.ts

@@ -0,0 +1,7 @@
+import { BaseSpotComponent } from 'modules/element/component/spot';
+import type { ICollectionBannerWithoutTextBlockRbSpot } from '../rb-template.interface';
+export declare class RbCollectionBannerWithoutTextBlockSE extends BaseSpotComponent<ICollectionBannerWithoutTextBlockRbSpot> {
+    constructor();
+    protected template(): string;
+    protected styles(): string;
+}

package/dist/types/modules/spot-template/reservebar/homepage-hero-full-image.template.d.ts

@@ -0,0 +1,7 @@
+import { BaseSpotComponent } from 'modules/element/component/spot';
+import type { IHomepageHeroFullImageRbSpot } from '../rb-template.interface';
+export declare class RbHomepageHeroFullImageSE extends BaseSpotComponent<IHomepageHeroFullImageRbSpot> {
+    constructor();
+    protected template(): string;
+    protected styles(): string;
+}

package/dist/types/modules/spot-template/reservebar/homepage-hero-three-tile.template.d.ts

@@ -0,0 +1,7 @@
+import { BaseSpotComponent } from 'modules/element/component/spot';
+import type { IHomepageHeroThreeTileRbSpot } from '../rb-template.interface';
+export declare class RbHomepageHeroThreeTileSE extends BaseSpotComponent<IHomepageHeroThreeTileRbSpot> {
+    constructor();
+    protected template(): string;
+    protected styles(): string;
+}

package/dist/types/modules/spot-template/reservebar/homepage-hero-two-tile.template.d.ts

@@ -0,0 +1,7 @@
+import { BaseSpotComponent } from 'modules/element/component/spot';
+import type { IHomepageHeroTwoTileRbSpot } from '../rb-template.interface';
+export declare class RbHomepageHeroTwoTileSE extends BaseSpotComponent<IHomepageHeroTwoTileRbSpot> {
+    constructor();
+    protected template(): string;
+    protected styles(): string;
+}

package/dist/types/modules/spot-template/reservebar/in-text.template.d.ts

@@ -0,0 +1,7 @@
+import { BaseSpotComponent } from 'modules/element/component/spot';
+import type { IInTextRbSpot } from '../rb-template.interface';
+export declare class RbInTextSE extends BaseSpotComponent<IInTextRbSpot> {
+    constructor();
+    protected template(): string;
+    protected styles(): string;
+}

package/dist/types/modules/{element/template → spot-template}/reservebar/index.d.ts

@@ -4,6 +4,8 @@ export * from './homepage-hero-three-tile.template';
 export * from './homepage-hero-two-tile.template';
 export * from './in-text.template';
 export * from './large-category-image-tout.template';
+export * from './long-tout-short.template';
+export * from './long-tout-tall.template';
 export * from './navigation-banner.template';
 export * from './small-category-image-tout.template';
 export * from './small-discover-tout.template';

package/dist/types/modules/spot-template/reservebar/large-category-image-tout.template.d.ts

@@ -0,0 +1,7 @@
+import { BaseSpotComponent } from 'modules/element/component/spot';
+import type { ILargeCategoryImageToutRbSpot } from '../rb-template.interface';
+export declare class RbLargeCategoryImageToutSE extends BaseSpotComponent<ILargeCategoryImageToutRbSpot> {
+    constructor();
+    protected template(): string;
+    protected styles(): string;
+}

package/dist/types/modules/spot-template/reservebar/long-tout-short.template.d.ts

@@ -0,0 +1,7 @@
+import { BaseSpotComponent } from 'modules/element/component/spot';
+import type { ILongToutShortRbSpot } from '../rb-template.interface';
+export declare class RbLongToutShortSE extends BaseSpotComponent<ILongToutShortRbSpot> {
+    constructor();
+    protected template(): string;
+    protected styles(): string;
+}

package/dist/types/modules/spot-template/reservebar/long-tout-tall.template.d.ts

@@ -0,0 +1,7 @@
+import { BaseSpotComponent } from 'modules/element/component/spot';
+import type { ILongToutTallRbSpot } from '../rb-template.interface';
+export declare class RbLongToutTallSE extends BaseSpotComponent<ILongToutTallRbSpot> {
+    constructor();
+    protected template(): string;
+    protected styles(): string;
+}

package/dist/types/modules/spot-template/reservebar/navigation-banner.template.d.ts

@@ -0,0 +1,7 @@
+import { BaseSpotComponent } from 'modules/element/component/spot';
+import type { INavigationBannerRbSpot } from '../rb-template.interface';
+export declare class RbNavigationBannerSE extends BaseSpotComponent<INavigationBannerRbSpot> {
+    constructor();
+    protected template(): string;
+    protected styles(): string;
+}