@inappstory/slide-api 0.1.40 → 0.1.42

package/dist/index.d.cts

@@ -434,29 +434,6 @@ declare class WidgetPollLayers extends WidgetBase<WidgetPollLayersOptions> {
 
 type WidgetProductsOptions = WidgetOptionsBase;
 
-type OfferDto = {
-    id: number;
-    offerId: string;
-    groupId?: string;
-    name?: string;
-    description?: string;
-    price?: string;
-    oldPrice?: string;
-    size?: string;
-    color?: string;
-    currency?: string;
-    availability: number;
-    adult?: boolean;
-    coverUrl?: string;
-    url?: string;
-    images?: {
-        url: string;
-        width: number;
-        height: number;
-    }[];
-    subOffersApi?: Omit<OfferDto, "subOffersApi">[];
-};
-
 /**
  * adult: null
  * availability: 1
@@ -493,19 +470,12 @@ declare class WidgetProducts extends WidgetBase<WidgetProductsOptions> {
     private _statEventWidgetClick;
     private _statEventWidgetOpen;
     private _statEventWidgetCardClick;
-    private getOrFetchProducts;
-    fetchProducts(): Promise<{
-        message: string;
-        models: Array<OfferDto>;
-    }>;
-    private cacheOffersMediaResources;
-    private revokeOffersMediaResources;
     private initSwipeGestureDetector;
     private productsView;
     private isOpen;
     private isLoading;
     get isForcePaused(): boolean;
-    private currentModels;
+    private readonly repository;
     openProductsView(): Promise<void>;
     closeProductsView(): void;
     private createCardView;
@@ -533,6 +503,70 @@ declare class WidgetProducts extends WidgetBase<WidgetProductsOptions> {
     };
 }
 
+type WidgetProductCarouselOptions = WidgetOptionsBase;
+
+declare class WidgetProductCarousel extends WidgetBase<WidgetProductCarouselOptions> {
+    static DEFAULTS: WidgetProductCarouselOptions;
+    static widgetClassName: string;
+    private readonly captionView;
+    private offerIds;
+    private readonly msgNetworkError;
+    private readonly msgServiceError;
+    private readonly isScreenSupportsTouch;
+    private isLoading;
+    private readonly repository;
+    private canClick;
+    private isBottomSheetOpened;
+    private isClickCapturedByScroll;
+    private $carousel;
+    private $track;
+    private isTouchListenersInit;
+    constructor(element: HTMLElement, options: Partial<WidgetProductCarouselOptions>, widgetCallbacks: WidgetCallbacks, widgetDeps: WidgetDeps);
+    onRefreshUserData(localData: Record<string, any>): void;
+    onStart(): void;
+    onStop(): void;
+    getIsClickCapturedByWidget(): boolean;
+    get isForcePaused(): boolean;
+    /** Offset compensation for an elongated viewport */
+    private ajustGeometryMargin;
+    private isTransparentElement;
+    private renderCarousel;
+    private initTouchListeners;
+    private handleMouseDown;
+    private handleMouseUp;
+    private createCarousel;
+    private renderInlineCarousel;
+    private renderCarouselControls;
+    private navigatePrev;
+    private navigateNext;
+    private setScrollLeft;
+    private getScrollLeft;
+    private getScrollViewportWidth;
+    private renderCard;
+    private showProductDetails;
+    private renderCardImage;
+    private renderCardContent;
+    private renderCardTitle;
+    private renderCardPrices;
+    private renderPurchaseButton;
+    private withTimeout;
+    private addToCart;
+    private getBottomSheetParams;
+    private statEventWidgetCardClick;
+    private isCartSupported;
+    private disableHostUIInteraction;
+    private enableHostUIInteraction;
+    static api: {
+        widgetClassName: string;
+        onRefreshUserData: typeof WidgetBase.onRefreshUserData;
+        init: (element: HTMLElement, localData: Record<string, any>, widgetCallbacks: WidgetCallbacks, widgetDeps: WidgetDeps) => void;
+        onStart: (element: HTMLElement) => void;
+        onStop: (element: HTMLElement) => void;
+        isClickCapturedByWidget: (element: HTMLElement) => boolean;
+        isForcePaused: (element: HTMLElement) => boolean;
+    };
+}
+
 type WidgetQuestOptions = WidgetOptionsBase;
 
 declare class WidgetQuest extends WidgetBase<WidgetQuestOptions> {
@@ -1052,6 +1086,45 @@ declare class WidgetReactions extends WidgetBase<WidgetReactionsOptions> {
     };
 }
 
+type WidgetScratchCardOptions = WidgetOptionsBase;
+
+declare class WidgetScratchCard extends WidgetBase<WidgetScratchCardOptions> {
+    static DEFAULTS: WidgetScratchCardOptions;
+    static widgetClassName: string;
+    private scratchContainer;
+    private scratchLayer;
+    private localDataKeys;
+    private readonly model;
+    private _isClickCaptured;
+    constructor(element: HTMLElement, options: Partial<WidgetScratchCardOptions>, widgetCallbacks: WidgetCallbacks, widgetDeps: WidgetDeps);
+    get isClickCaptured(): boolean;
+    onRefreshUserData(localData: Record<string, any>): void;
+    isDone(): boolean;
+    onStart(): void;
+    onStop(): void;
+    private init;
+    private calcBrushSize;
+    private handleResize;
+    private mountScratchContainer;
+    private renderScratchLayer;
+    private getImage;
+    private hideGeometry;
+    private completeWidget;
+    private disablePointerEventsOnGeometry;
+    private sendStatEvent;
+    private saveToLocalData;
+    private handleMouseUp;
+    private handleMouseDown;
+    static api: {
+        widgetClassName: string;
+        onRefreshUserData: typeof WidgetBase.onRefreshUserData;
+        init: (element: HTMLElement, localData: Record<string, any>, widgetCallbacks: WidgetCallbacks, widgetDeps: WidgetDeps) => void;
+        onStart: (element: HTMLElement) => void;
+        onStop: (element: HTMLElement) => void;
+        isClickCaptured: (element: HTMLElement) => boolean;
+    };
+}
+
 interface ILayoutApi {
     get widgetCopyApi(): typeof WidgetCopy.api | undefined;
     get widgetBarcodeApi(): typeof WidgetBarcode.api | undefined;
@@ -1069,9 +1142,11 @@ interface ILayoutApi {
     get widgetTestApi(): typeof WidgetTest.api | undefined;
     get widgetVoteApi(): typeof WidgetVote.api | undefined;
     get widgetProductsApi(): typeof WidgetProducts.api | undefined;
+    get widgetProductCarouselApi(): typeof WidgetProductCarousel.api | undefined;
     get widgetTooltipApi(): typeof WidgetTooltip.api | undefined;
     get widgetTimerApi(): typeof WidgetTimer.api | undefined;
     get widgetReactionsApi(): typeof WidgetReactions.api | undefined;
+    get widgetScratchCardApi(): typeof WidgetScratchCard.api | undefined;
     get VideoPlayer(): typeof Player | undefined;
 }
 
@@ -1441,7 +1516,8 @@ declare const enum Widgets {
     DateCountdown = "dateCountdown",
     Quest = "quest",
     Timer = "timer",
-    Reactions = "reactions"
+    Reactions = "reactions",
+    ScratchCard = "scratchCard"
 }
 interface WidgetsSharedDataMap {
     rangeSlider: WidgetRangeSliderSharedData;
@@ -1829,6 +1905,30 @@ declare class Products implements IElement {
     get isLayerForcePaused(): boolean;
 }
 
+declare class ProductCarousel implements IElement {
+    private readonly _elementNodeRef;
+    private readonly _layer;
+    private readonly _widgetApi;
+    private readonly _widgetCallbacks;
+    private readonly _widgetDeps;
+    private static readonly _className;
+    static className(): string;
+    static isTypeOf(element: IElement): element is ProductCarousel;
+    constructor(_elementNodeRef: HTMLElement, _layer: Layer, _widgetApi: typeof WidgetProductCarousel.api, _widgetCallbacks: WidgetCallbacks, _widgetDeps: WidgetDeps);
+    mediaElementsLoadingPromises: Array<Promise<HTMLImageElement | HTMLVideoElement>>;
+    get nodeRef(): HTMLElement;
+    init(localData: LocalData): Promise<boolean>;
+    onPause(): void;
+    onResume(): void;
+    onStart(): void;
+    onStop(): void;
+    onBeforeUnmount(): Promise<void>;
+    handleClick(): boolean;
+    get isClickCapturedByWidget(): boolean;
+    get isLayerForcePaused(): boolean;
+    get elementNodeRef(): HTMLElement;
+}
+
 declare class Quest implements IElement {
     private readonly _elementNodeRef;
     private readonly _layer;
@@ -2119,6 +2219,28 @@ declare class Slide {
     get disabledNavigation(): boolean;
 }
 
+declare class ScratchCard implements IElement {
+    private readonly _elementNodeRef;
+    private readonly _widgetApi;
+    private readonly _widgetCallbacks;
+    private readonly _widgetDeps;
+    private static readonly _className;
+    static className(): string;
+    static isTypeOf(element: IElement): element is ScratchCard;
+    constructor(_elementNodeRef: HTMLElement, _widgetApi: typeof WidgetScratchCard.api, _widgetCallbacks: WidgetCallbacks, _widgetDeps: WidgetDeps);
+    mediaElementsLoadingPromises: Array<Promise<HTMLImageElement | HTMLVideoElement>>;
+    get nodeRef(): HTMLElement;
+    init(localData: LocalData): Promise<boolean>;
+    onPause(): void;
+    onResume(): void;
+    onStart(): void;
+    onStop(): void;
+    onBeforeUnmount(): Promise<void>;
+    handleClick(): boolean;
+    get isLayerForcePaused(): boolean;
+    get isClickCaptured(): boolean;
+}
+
 declare const enum ON_SLIDE_STOP_PREPARE_FOR_RESTART {
     UNKNOWN = 0,
     PREPARE = 1,
@@ -2166,6 +2288,7 @@ declare class Layer {
     get disabledNavigation(): boolean;
     get videoElement(): Video | null;
     get rangeSliderElement(): RangeSlider | null;
+    get scratchCardElements(): ScratchCard[];
     get quizElement(): Quiz | null;
     get quizGroupedElement(): QuizGrouped | null;
     get questElement(): Quest | null;
@@ -2178,6 +2301,7 @@ declare class Layer {
     get swipeUpElement(): SwipeUp | null;
     get swipeUpItemsElement(): SwipeUpItems | null;
     get productsElement(): Products | null;
+    get productCarouselElement(): ProductCarousel | null;
     isClickCapturedBySlider(): boolean;
     private _animationPauseCb;
     private _animationResumeCb;

package/dist/index.d.ts

@@ -434,29 +434,6 @@ declare class WidgetPollLayers extends WidgetBase<WidgetPollLayersOptions> {
 
 type WidgetProductsOptions = WidgetOptionsBase;
 
-type OfferDto = {
-    id: number;
-    offerId: string;
-    groupId?: string;
-    name?: string;
-    description?: string;
-    price?: string;
-    oldPrice?: string;
-    size?: string;
-    color?: string;
-    currency?: string;
-    availability: number;
-    adult?: boolean;
-    coverUrl?: string;
-    url?: string;
-    images?: {
-        url: string;
-        width: number;
-        height: number;
-    }[];
-    subOffersApi?: Omit<OfferDto, "subOffersApi">[];
-};
-
 /**
  * adult: null
  * availability: 1
@@ -493,19 +470,12 @@ declare class WidgetProducts extends WidgetBase<WidgetProductsOptions> {
     private _statEventWidgetClick;
     private _statEventWidgetOpen;
     private _statEventWidgetCardClick;
-    private getOrFetchProducts;
-    fetchProducts(): Promise<{
-        message: string;
-        models: Array<OfferDto>;
-    }>;
-    private cacheOffersMediaResources;
-    private revokeOffersMediaResources;
     private initSwipeGestureDetector;
     private productsView;
     private isOpen;
     private isLoading;
     get isForcePaused(): boolean;
-    private currentModels;
+    private readonly repository;
     openProductsView(): Promise<void>;
     closeProductsView(): void;
     private createCardView;
@@ -533,6 +503,70 @@ declare class WidgetProducts extends WidgetBase<WidgetProductsOptions> {
     };
 }
 
+type WidgetProductCarouselOptions = WidgetOptionsBase;
+
+declare class WidgetProductCarousel extends WidgetBase<WidgetProductCarouselOptions> {
+    static DEFAULTS: WidgetProductCarouselOptions;
+    static widgetClassName: string;
+    private readonly captionView;
+    private offerIds;
+    private readonly msgNetworkError;
+    private readonly msgServiceError;
+    private readonly isScreenSupportsTouch;
+    private isLoading;
+    private readonly repository;
+    private canClick;
+    private isBottomSheetOpened;
+    private isClickCapturedByScroll;
+    private $carousel;
+    private $track;
+    private isTouchListenersInit;
+    constructor(element: HTMLElement, options: Partial<WidgetProductCarouselOptions>, widgetCallbacks: WidgetCallbacks, widgetDeps: WidgetDeps);
+    onRefreshUserData(localData: Record<string, any>): void;
+    onStart(): void;
+    onStop(): void;
+    getIsClickCapturedByWidget(): boolean;
+    get isForcePaused(): boolean;
+    /** Offset compensation for an elongated viewport */
+    private ajustGeometryMargin;
+    private isTransparentElement;
+    private renderCarousel;
+    private initTouchListeners;
+    private handleMouseDown;
+    private handleMouseUp;
+    private createCarousel;
+    private renderInlineCarousel;
+    private renderCarouselControls;
+    private navigatePrev;
+    private navigateNext;
+    private setScrollLeft;
+    private getScrollLeft;
+    private getScrollViewportWidth;
+    private renderCard;
+    private showProductDetails;
+    private renderCardImage;
+    private renderCardContent;
+    private renderCardTitle;
+    private renderCardPrices;
+    private renderPurchaseButton;
+    private withTimeout;
+    private addToCart;
+    private getBottomSheetParams;
+    private statEventWidgetCardClick;
+    private isCartSupported;
+    private disableHostUIInteraction;
+    private enableHostUIInteraction;
+    static api: {
+        widgetClassName: string;
+        onRefreshUserData: typeof WidgetBase.onRefreshUserData;
+        init: (element: HTMLElement, localData: Record<string, any>, widgetCallbacks: WidgetCallbacks, widgetDeps: WidgetDeps) => void;
+        onStart: (element: HTMLElement) => void;
+        onStop: (element: HTMLElement) => void;
+        isClickCapturedByWidget: (element: HTMLElement) => boolean;
+        isForcePaused: (element: HTMLElement) => boolean;
+    };
+}
+
 type WidgetQuestOptions = WidgetOptionsBase;
 
 declare class WidgetQuest extends WidgetBase<WidgetQuestOptions> {
@@ -1052,6 +1086,45 @@ declare class WidgetReactions extends WidgetBase<WidgetReactionsOptions> {
     };
 }
 
+type WidgetScratchCardOptions = WidgetOptionsBase;
+
+declare class WidgetScratchCard extends WidgetBase<WidgetScratchCardOptions> {
+    static DEFAULTS: WidgetScratchCardOptions;
+    static widgetClassName: string;
+    private scratchContainer;
+    private scratchLayer;
+    private localDataKeys;
+    private readonly model;
+    private _isClickCaptured;
+    constructor(element: HTMLElement, options: Partial<WidgetScratchCardOptions>, widgetCallbacks: WidgetCallbacks, widgetDeps: WidgetDeps);
+    get isClickCaptured(): boolean;
+    onRefreshUserData(localData: Record<string, any>): void;
+    isDone(): boolean;
+    onStart(): void;
+    onStop(): void;
+    private init;
+    private calcBrushSize;
+    private handleResize;
+    private mountScratchContainer;
+    private renderScratchLayer;
+    private getImage;
+    private hideGeometry;
+    private completeWidget;
+    private disablePointerEventsOnGeometry;
+    private sendStatEvent;
+    private saveToLocalData;
+    private handleMouseUp;
+    private handleMouseDown;
+    static api: {
+        widgetClassName: string;
+        onRefreshUserData: typeof WidgetBase.onRefreshUserData;
+        init: (element: HTMLElement, localData: Record<string, any>, widgetCallbacks: WidgetCallbacks, widgetDeps: WidgetDeps) => void;
+        onStart: (element: HTMLElement) => void;
+        onStop: (element: HTMLElement) => void;
+        isClickCaptured: (element: HTMLElement) => boolean;
+    };
+}
+
 interface ILayoutApi {
     get widgetCopyApi(): typeof WidgetCopy.api | undefined;
     get widgetBarcodeApi(): typeof WidgetBarcode.api | undefined;
@@ -1069,9 +1142,11 @@ interface ILayoutApi {
     get widgetTestApi(): typeof WidgetTest.api | undefined;
     get widgetVoteApi(): typeof WidgetVote.api | undefined;
     get widgetProductsApi(): typeof WidgetProducts.api | undefined;
+    get widgetProductCarouselApi(): typeof WidgetProductCarousel.api | undefined;
     get widgetTooltipApi(): typeof WidgetTooltip.api | undefined;
     get widgetTimerApi(): typeof WidgetTimer.api | undefined;
     get widgetReactionsApi(): typeof WidgetReactions.api | undefined;
+    get widgetScratchCardApi(): typeof WidgetScratchCard.api | undefined;
     get VideoPlayer(): typeof Player | undefined;
 }
 
@@ -1441,7 +1516,8 @@ declare const enum Widgets {
     DateCountdown = "dateCountdown",
     Quest = "quest",
     Timer = "timer",
-    Reactions = "reactions"
+    Reactions = "reactions",
+    ScratchCard = "scratchCard"
 }
 interface WidgetsSharedDataMap {
     rangeSlider: WidgetRangeSliderSharedData;
@@ -1829,6 +1905,30 @@ declare class Products implements IElement {
     get isLayerForcePaused(): boolean;
 }
 
+declare class ProductCarousel implements IElement {
+    private readonly _elementNodeRef;
+    private readonly _layer;
+    private readonly _widgetApi;
+    private readonly _widgetCallbacks;
+    private readonly _widgetDeps;
+    private static readonly _className;
+    static className(): string;
+    static isTypeOf(element: IElement): element is ProductCarousel;
+    constructor(_elementNodeRef: HTMLElement, _layer: Layer, _widgetApi: typeof WidgetProductCarousel.api, _widgetCallbacks: WidgetCallbacks, _widgetDeps: WidgetDeps);
+    mediaElementsLoadingPromises: Array<Promise<HTMLImageElement | HTMLVideoElement>>;
+    get nodeRef(): HTMLElement;
+    init(localData: LocalData): Promise<boolean>;
+    onPause(): void;
+    onResume(): void;
+    onStart(): void;
+    onStop(): void;
+    onBeforeUnmount(): Promise<void>;
+    handleClick(): boolean;
+    get isClickCapturedByWidget(): boolean;
+    get isLayerForcePaused(): boolean;
+    get elementNodeRef(): HTMLElement;
+}
+
 declare class Quest implements IElement {
     private readonly _elementNodeRef;
     private readonly _layer;
@@ -2119,6 +2219,28 @@ declare class Slide {
     get disabledNavigation(): boolean;
 }
 
+declare class ScratchCard implements IElement {
+    private readonly _elementNodeRef;
+    private readonly _widgetApi;
+    private readonly _widgetCallbacks;
+    private readonly _widgetDeps;
+    private static readonly _className;
+    static className(): string;
+    static isTypeOf(element: IElement): element is ScratchCard;
+    constructor(_elementNodeRef: HTMLElement, _widgetApi: typeof WidgetScratchCard.api, _widgetCallbacks: WidgetCallbacks, _widgetDeps: WidgetDeps);
+    mediaElementsLoadingPromises: Array<Promise<HTMLImageElement | HTMLVideoElement>>;
+    get nodeRef(): HTMLElement;
+    init(localData: LocalData): Promise<boolean>;
+    onPause(): void;
+    onResume(): void;
+    onStart(): void;
+    onStop(): void;
+    onBeforeUnmount(): Promise<void>;
+    handleClick(): boolean;
+    get isLayerForcePaused(): boolean;
+    get isClickCaptured(): boolean;
+}
+
 declare const enum ON_SLIDE_STOP_PREPARE_FOR_RESTART {
     UNKNOWN = 0,
     PREPARE = 1,
@@ -2166,6 +2288,7 @@ declare class Layer {
     get disabledNavigation(): boolean;
     get videoElement(): Video | null;
     get rangeSliderElement(): RangeSlider | null;
+    get scratchCardElements(): ScratchCard[];
     get quizElement(): Quiz | null;
     get quizGroupedElement(): QuizGrouped | null;
     get questElement(): Quest | null;
@@ -2178,6 +2301,7 @@ declare class Layer {
     get swipeUpElement(): SwipeUp | null;
     get swipeUpItemsElement(): SwipeUpItems | null;
     get productsElement(): Products | null;
+    get productCarouselElement(): ProductCarousel | null;
     isClickCapturedBySlider(): boolean;
     private _animationPauseCb;
     private _animationResumeCb;