@inappstory/react-sdk 1.0.0 → 1.1.0-rc.0

package/dist/types/appearance-manager/sharePanel.d.ts

@@ -27,6 +27,7 @@ export type SharePanel<CustomTargets extends string = never> = Partial<{
         label: string;
         svgSrc: {
             baseState: string;
+            doneState: string
         };
     };
     downloadButton: {

package/dist/types/ias-container/index.d.ts

@@ -1 +1,2 @@
 export { IASContainer } from './IasContainer';
+export * from "./publicEvents"

package/dist/types/ias-container/publicEvents.d.ts

@@ -1,3 +1,21 @@
+export type PublicEvents = {
+    сlickOnStory: ClickOnStoryEvent;
+    showStory: ShowStoryEvent;
+    closeStory: CloseStoryEvent;
+    showSlide: ShowSlideEvent;
+    clickOnButton: ClickOnButtonEvent;
+    likeStory: LikeStoryEvent;
+    dislikeStory: DislikeStoryEvent;
+    favoriteStory: FavoriteStoryEvent;
+    shareStory: ShareStoryEvent;
+    shareStoryWithPath: ShareStoryWithPathEvent;
+    feedImpression: FeedImpressionEvent;
+    visibleAreaUpdated: VisibleAreaUpdatedEvent
+    widgetEvent: WidgetEvent
+};
+
+export type PublicEventHandler<Event extends keyof PublicEvents> = (event: PublicEvents[Event]) => void;
+
 interface BaseEvent {
     id: number;
     title?: string;
@@ -12,13 +30,13 @@ interface BaseEvent {
 }
 
 export declare enum CloseAction {
-    closeReaderByCloseBtn = "closeReaderByCloseBtn", // closed by btn with cross icon in StoryReader
-    closeReaderByEscBtn = "closeReaderByEscBtn", // closed by ESC on keyboard (desktop only)
-    swipeDown = "swipeDown", // closed by swipe down StoryReader (mobile only)
-    swipe = "swipe", // closed by swipe on next story (mobile only)
-    lastSlideClick = "lastSlideClick", // closed by first (move backward) or last (move forward) slide in story
-    auto = "auto", // closed by auto transition (by timer) on next story
-    externalCloseReader = "externalCloseReader" // closed by public API method StoryManager.closeStoryReader
+    closeReaderByCloseBtn = "closeReaderByCloseBtn",
+    closeReaderByEscBtn = "closeReaderByEscBtn",
+    swipeDown = "swipeDown",
+    swipe = "swipe",
+    lastSlideClick = "lastSlideClick",
+    auto = "auto",
+    externalCloseReader = "externalCloseReader"
 }
 
 export interface ClickOnStoryEvent extends BaseEvent {

package/dist/types/plugins/dotLottiePlayer.d.ts

@@ -0,0 +1,28 @@
+export type LottiePlayerEventName = "play" | "complete" | "beforeLoad" | "load" | "minPlayingTimeExpired" | "error";
+
+export interface LottiePlayer {
+    get frameRate(): number;
+    get loop(): boolean;
+
+    destroy(): void;
+    play(): void;
+    stop(): void;
+    setSpeed(speed: number): void;
+    setTimer(duration: number): void;
+    clearTimer(): void;
+    on(eventName: LottiePlayerEventName, listener: (...args: any[]) => void): this;
+    once(eventName: LottiePlayerEventName, listener: (...args: any[]) => void): this;
+    off(eventName: LottiePlayerEventName, listener: (...args: any[]) => void): this;
+}
+
+export interface DotLottiePlugin {
+    createLottiePlayer(
+        canvas: HTMLCanvasElement,
+        config: {
+            url?: string;
+            size: number;
+            sha1: string;
+            durationMinimalMs: number;
+        }
+    ): LottiePlayer;
+}

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

@@ -0,0 +1 @@
+export * from "./dotLottiePlayer"

package/dist/types/storyManager.d.ts

@@ -1,5 +1,12 @@
+import { PublicEventHandler, PublicEvents } from "./ias-container";
 import { SharePage, SharePageOptions } from "./share-page";
 
+export declare enum LinkSource {
+    StoryList = "storyList",
+    StoryReader = "storyReader",
+    GameReader = "gameReader"
+}
+
 export type StoryManagerConfig = {
     apiKey: string;
     userId?: string | number;
@@ -21,10 +28,15 @@ export type UgcEditorConfig = {
     lang: string;
 };
 
+export type StoryLinkClickHandler = (payload: {
+    data: { id: number; index: number; isDeeplink: boolean; url: string };
+    src: LinkSource;
+}) => void;
+
 interface StoryManager {
     get sdkVersionName(): string;
     get sdkVersionCode(): number;
-    set storyLinkClickHandler(callback: Function);
+    set storyLinkClickHandler(value: StoryLinkClickHandler);
     showOnboardingStories(options?: { feed?: string; customTags?: Array<string>; limit?: number }): Promise<void>;
     showSharePage(storyId: number, options?: SharePageOptions): SharePage;
     showStory(id: number | string): Promise<void>;
@@ -34,9 +46,9 @@ interface StoryManager {
     closeStoryReader(): Promise<boolean | undefined>;
     closeGoodsWidget(): void;
     getUgcEditorConfig(): Promise<UgcEditorConfig>;
-    on(eventName: string | symbol, listener: (...args: any[]) => void): this;
-    once(eventName: string | symbol, listener: (...args: any[]) => void): this;
-    off(eventName: string | symbol, listener: (...args: any[]) => void): this;
+    on<Event extends keyof PublicEvents>(eventName: Event, listener: PublicEventHandler<Event>): this;
+    once<Event extends keyof PublicEvents>(eventName: Event, listener: PublicEventHandler<Event>): this;
+    off<Event extends keyof PublicEvents>(eventName: Event, listener: PublicEventHandler<Event>): this;
 }
 
 export declare const storyManager: StoryManager;

package/package.json

@@ -1,9 +1,18 @@
 {
   "name": "@inappstory/react-sdk",
-  "version": "1.0.0",
+  "version": "1.1.0-rc.0",
   "description": "React SDK",
-  "main": "dist/index.js",
+  "main": "dist/index.umd.js",
+  "module": "dist/index.esm.mjs",
   "types": "dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "require": "./dist/index.umd.js",
+      "import": "./dist/index.esm.mjs",
+      "default": "./dist/index.umd.js"
+    }
+  },
   "files": [
     "dist"
   ],
@@ -27,10 +36,7 @@
   },
   "bugs": "https://github.com/inappstory/react-web-sdk/issues",
   "dependencies": {
-    "@emotion/cache": "^11.11.0",
-    "@emotion/react": "^11.11.1",
-    "@emotion/styled": "^11.11.0",
-    "@inappstory/slide-api": "0.0.10",
+    "@inappstory/slide-api": "^0.0.13",
     "@inappstory/video-player": "^1.0.1",
     "bowser": "^2.4.0",
     "classnames": "^2.5.1",