@inappstory/react-sdk 1.16.0 → 1.16.2

package/dist/index.esm.mjs

@@ -10394,6 +10394,7 @@ const domains = new DomainsManager();
 
 
 
+
 var GamePlaceholderType;
 (function (GamePlaceholderType) {
     GamePlaceholderType["TEXT"] = "text";
@@ -10401,7 +10402,7 @@ var GamePlaceholderType;
 })(GamePlaceholderType || (GamePlaceholderType = {}));
 class GameClientConfig {
     constructor(storyManager) {
-        var _a;
+        var _a, _b, _c;
         Object.defineProperty(this, "storyManager", {
             enumerable: true,
             configurable: true,
@@ -10474,8 +10475,20 @@ class GameClientConfig {
             writable: true,
             value: void 0
         });
+        Object.defineProperty(this, "platform", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "closeButtonBehavior", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
         const storyManagerConfig = this.storyManager.config;
-        const sdkVersion = "1.16.0";
+        const sdkVersion = "1.16.2";
         const placeholders = this.storyManager.rootStore.placeholderStore.placeholders;
         const session = this.storyManager.rootStore.sessionStore.session;
         this.sessionId = session.id;
@@ -10489,6 +10502,8 @@ class GameClientConfig {
         this.userId = (_a = storyManagerConfig.userId) !== null && _a !== void 0 ? _a : "";
         this.lang = storyManagerConfig.lang.toString();
         this.placeholders = placeholders.map(placeholder => this.mapPlaceholder(placeholder));
+        this.platform = (_c = (_b = storyManagerConfig.hybridApp) === null || _b === void 0 ? void 0 : _b.platform) !== null && _c !== void 0 ? _c : HybridAppPlatform.Desktop;
+        this.closeButtonBehavior = storyManagerConfig.gameCloseButtonBehaviour;
     }
     mapPlaceholder(placeholder) {
         return {
@@ -10517,7 +10532,9 @@ class GameClientConfig {
             sdkVersion: this.sdkVersion,
             apiBaseUrl: this.apiBaseUrl,
             userAgent: this.userAgent,
-            placeholders: this.placeholders
+            placeholders: this.placeholders,
+            platform: this.platform,
+            closeButtonBehavior: this.closeButtonBehavior
         };
     }
 }
@@ -11084,7 +11101,7 @@ class GameNavigationModule {
             const { url } = (_a = safeJson(payload)) !== null && _a !== void 0 ? _a : { url: "" };
             const event = {
                 src: StoryManagerLinkEventSource.GameReader,
-                data: { id: game.id, url, gameInstanceId: game.id }
+                data: { id: game.id.toString(), url, gameInstanceId: game.id.toString() }
             };
             this.storyManager.storyLinkClickHandler(event);
             // @deprecated
@@ -14956,10 +14973,28 @@ class LanguageTag {
     }
 }
 
+;// ../core/src/domain/storyManagerConfig/types/storyManagerConfigDto.ts
+var GameCloseButtonBehavior;
+(function (GameCloseButtonBehavior) {
+    GameCloseButtonBehavior["CloseGame"] = "closeGame";
+    GameCloseButtonBehavior["GoToMain"] = "goToMain";
+    GameCloseButtonBehavior["Hidden"] = "hidden";
+})(GameCloseButtonBehavior || (GameCloseButtonBehavior = {}));
+var HybridAppPlatform;
+(function (HybridAppPlatform) {
+    HybridAppPlatform["Ios"] = "ios";
+    HybridAppPlatform["Android"] = "android";
+    HybridAppPlatform["Desktop"] = "desktop";
+})(HybridAppPlatform || (HybridAppPlatform = {}));
+
+;// ../core/src/domain/storyManagerConfig/types/index.ts
+
+
+
 ;// ../core/src/domain/storyManagerConfig/models/hybridAppConfig.ts
 class HybridAppConfig {
     constructor(dto) {
-        var _a, _b;
+        var _a, _b, _c;
         Object.defineProperty(this, "fullscreen", {
             enumerable: true,
             configurable: true,
@@ -14972,8 +15007,15 @@ class HybridAppConfig {
             writable: true,
             value: void 0
         });
+        Object.defineProperty(this, "platform", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
         this.fullscreen = (_a = dto.fullscreen) !== null && _a !== void 0 ? _a : false;
         this.safeAreaInsets = (_b = dto.safeAreaInsets) !== null && _b !== void 0 ? _b : null;
+        this.platform = (_c = dto.platform) !== null && _c !== void 0 ? _c : null;
     }
 }
 
@@ -15062,6 +15104,7 @@ var storyManagerConfig_classPrivateFieldSet = (undefined && undefined.__classPri
 
 
 
+
 let StoryManagerConfig = (() => {
     var _a, _StoryManagerConfig__apiKey_accessor_storage, _StoryManagerConfig__tags_accessor_storage, _StoryManagerConfig__lang_accessor_storage, _StoryManagerConfig__dir_accessor_storage, _StoryManagerConfig__anonymous_accessor_storage, _StoryManagerConfig__options_accessor_storage, _StoryManagerConfig__userId_accessor_storage;
     let _classSuper = events.EventEmitter;
@@ -15172,6 +15215,12 @@ let StoryManagerConfig = (() => {
                     writable: true,
                     value: null
                 });
+                Object.defineProperty(this, "_gameCloseButtonBehaviour", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: GameCloseButtonBehavior.CloseGame
+                });
                 Object.defineProperty(this, "_fontsPrefix", {
                     enumerable: true,
                     configurable: true,
@@ -15226,6 +15275,9 @@ let StoryManagerConfig = (() => {
             get hybridApp() {
                 return this._hybridApp;
             }
+            get gameCloseButtonBehaviour() {
+                return this._gameCloseButtonBehaviour;
+            }
             get options() {
                 return this._options;
             }
@@ -15319,7 +15371,7 @@ let StoryManagerConfig = (() => {
                 this._hybridApp = dto ? new HybridAppConfig(dto) : null;
             }
             update(configDto) {
-                var _b, _c, _d, _e, _f, _g, _h;
+                var _b, _c, _d, _e, _f, _g, _h, _j;
                 this._fontsPrefix = (_b = configDto.fontPrefix) !== null && _b !== void 0 ? _b : "";
                 this._appPackageId = (_c = configDto.appPackageId) !== null && _c !== void 0 ? _c : "";
                 this._disableDeviceId = Boolean(configDto.disableDeviceId);
@@ -15333,7 +15385,8 @@ let StoryManagerConfig = (() => {
                 this.setTags((_g = configDto.tags) !== null && _g !== void 0 ? _g : []);
                 this.setDir(configDto.dir);
                 this.setHybridApp(configDto.hybridApp);
-                this._cache = configDto.cache ? Object.assign(Object.assign({}, configDto.cache), { prefetch: (_h = configDto.cache.prefetch) !== null && _h !== void 0 ? _h : true }) : null;
+                this._gameCloseButtonBehaviour = (_h = configDto.gameCloseButtonBehaviour) !== null && _h !== void 0 ? _h : GameCloseButtonBehavior.CloseGame;
+                this._cache = configDto.cache ? Object.assign(Object.assign({}, configDto.cache), { prefetch: (_j = configDto.cache.prefetch) !== null && _j !== void 0 ? _j : true }) : null;
             }
             mapTextPlaceholders(textPlaceholderDtos) {
                 const textPlaceholders = [];
@@ -15403,6 +15456,7 @@ let StoryManagerConfig = (() => {
 ;// ../core/src/domain/storyManagerConfig/models/nullStoryManagerConfig.ts
 
 
+
 class NullStoryManagerConfig {
     get userId() {
         return "";
@@ -15449,6 +15503,9 @@ class NullStoryManagerConfig {
     get hybridApp() {
         return null;
     }
+    get gameCloseButtonBehaviour() {
+        return GameCloseButtonBehavior.CloseGame;
+    }
     get options() {
         return {};
     }
@@ -18729,13 +18786,13 @@ let IamMultiSlideMessageViewModel = (() => {
 ;// ../core/src/readers/gameReader/errors.ts
 class IasGameAlreadyOpenError extends Error {
     constructor(gameId) {
-        super(`Game with ID ${gameId} has already been open`);
+        super(`Game with ID ${String(gameId)} has already been open`);
         this.name = `IasGameAlreadyOpenError`;
     }
 }
 class IasGameAnonymousOpen extends Error {
     constructor(gameId) {
-        super(`[IAS]: You can't open game ${gameId} in anonymous access mode `);
+        super(`[IAS]: You can't open game ${String(gameId)} in anonymous access mode `);
         this.name = "IasGameAnonymousOpen";
     }
 }
@@ -18746,6 +18803,12 @@ class IasNoOpenedGameError extends Error {
     }
 }
 
+;// ../core/src/readers/gameReader/consts.ts
+const GAME_CUSTOM_SCREEN_PREVIEW_ID = Symbol();
+function isGameCustomScreenPreviewId(id) {
+    return id === GAME_CUSTOM_SCREEN_PREVIEW_ID;
+}
+
 ;// ../core/src/readers/gameReader/gameReaderViewModel.ts
 var gameReaderViewModel_runInitializers = (undefined && undefined.__runInitializers) || function (thisArg, initializers, value) {
     var useValue = arguments.length > 2;
@@ -18796,6 +18859,8 @@ var gameReaderViewModel_classPrivateFieldSet = (undefined && undefined.__classPr
 
 
 
+
+
 let GameReaderViewModel = (() => {
     var _a, _GameReaderViewModel__isOpened_accessor_storage, _GameReaderViewModel__isGameInited_accessor_storage, _GameReaderViewModel__isGameLoading_accessor_storage, _GameReaderViewModel__game_accessor_storage, _GameReaderViewModel__gameError_accessor_storage, _GameReaderViewModel__closeBtnVisible_accessor_storage, _GameReaderViewModel__gameShouldBeShown_accessor_storage;
     let _classSuper = ViewModel;
@@ -18824,7 +18889,10 @@ let GameReaderViewModel = (() => {
     let _get_needApplySafeAreaInsets_decorators;
     let _get_closeBtnVisible_decorators;
     let _get_dir_decorators;
+    let ___sdkPrivateOpenGameCustomScreen_decorators;
     let _openGame_decorators;
+    let _openGameWithLaunch_decorators;
+    let _launchGameFromDto_decorators;
     let _initGame_decorators;
     let _closeGame_decorators;
     let _reloadGame_decorators;
@@ -18940,7 +19008,7 @@ let GameReaderViewModel = (() => {
                 return !gameRequestFullscreen && webviewInFullscreen;
             }
             get closeBtnVisible() {
-                return this._closeBtnVisible;
+                return this.storyManager.config.gameCloseButtonBehaviour !== GameCloseButtonBehavior.Hidden && (!this.gameShouldBeShown || this._closeBtnVisible);
             }
             get isGameLoading() {
                 return this._isGameLoading;
@@ -18964,21 +19032,24 @@ let GameReaderViewModel = (() => {
                 var _b, _c;
                 return (_c = (_b = this.game) === null || _b === void 0 ? void 0 : _b.languageDirection) !== null && _c !== void 0 ? _c : this.storyManager.config.dir;
             }
+            async __sdkPrivateOpenGameCustomScreen(gameDto) {
+                await this.openGameWithLaunch(GAME_CUSTOM_SCREEN_PREVIEW_ID, () => this.launchGameFromDto(GAME_CUSTOM_SCREEN_PREVIEW_ID, gameDto));
+            }
             async openGame(gameInstanceId, options = {}) {
-                gameInstanceId = String(gameInstanceId);
+                const id = String(gameInstanceId);
+                await this.openGameWithLaunch(id, () => this.launchGameById(id, options));
+            }
+            async openGameWithLaunch(gameInstanceId, launchGame) {
                 if (this.isOpenGameInProgress || this.preventReopen(gameInstanceId))
                     return;
                 try {
                     this.isOpenGameInProgress = true;
-                    await this.ensureCanOpen(gameInstanceId);
-                    await this.launchGameById(gameInstanceId, options);
+                    this.ensureCanOpen(gameInstanceId);
+                    await launchGame();
                     this._isOpened = true;
                     this._gameShouldBeShown = false;
                     this.scrollbarHelper.hide();
                 }
-                catch (error) {
-                    throw error;
-                }
                 finally {
                     this.isOpenGameInProgress = false;
                 }
@@ -18987,13 +19058,13 @@ let GameReaderViewModel = (() => {
                 var _b;
                 if (id !== ((_b = this.game) === null || _b === void 0 ? void 0 : _b.id))
                     return false;
-                console.warn(`[IAS]: Prevented reopening of game with ID ${id}`);
+                console.warn(`[IAS]: Prevented reopening of game with ID ${String(id)}`);
                 return true;
             }
-            async ensureCanOpen(gameInstanceId) {
+            ensureCanOpen(gameInstanceId) {
                 const config = this.storyManager.config;
                 if (config.anonymous) {
-                    console.warn(`[IAS]: You can't open game ${gameInstanceId} in anonymous access mode`);
+                    console.warn(`[IAS]: You can't open game ${String(gameInstanceId)} in anonymous access mode`);
                     throw new IasGameAnonymousOpen(gameInstanceId);
                 }
                 if (this.game)
@@ -19009,6 +19080,12 @@ let GameReaderViewModel = (() => {
                 });
                 this._game = new Game(gameInstanceId, this.storyManager, gameDto, options);
             }
+            async launchGameFromDto(gameInstanceId, gameDto) {
+                this._gameError = null;
+                this._isGameLoading = true;
+                await this.storyManager.rootStore.sessionStore.open();
+                this._game = new Game(gameInstanceId, this.storyManager, gameDto, {});
+            }
             async initGame(iframe, params) {
                 if (!this._game)
                     throw new IasNoOpenedGameError();
@@ -19059,7 +19136,12 @@ let GameReaderViewModel = (() => {
                 this._game = null;
                 if (!game)
                     throw new IasNoOpenedGameError();
-                await this.launchGameById(game.id, game.options);
+                if (isGameCustomScreenPreviewId(game.id)) {
+                    await this.launchGameFromDto(game.id, game.gameDto);
+                }
+                else {
+                    await this.launchGameById(game.id, game.options);
+                }
             }
             handleGameLoadError(error) {
                 if (error instanceof GameLoadFailedError && error.canTryReload && this.canRestartGame()) {
@@ -19208,7 +19290,10 @@ let GameReaderViewModel = (() => {
             _get_needApplySafeAreaInsets_decorators = [__WEBPACK_EXTERNAL_MODULE_mobx_computed__];
             _get_closeBtnVisible_decorators = [__WEBPACK_EXTERNAL_MODULE_mobx_computed__];
             _get_dir_decorators = [__WEBPACK_EXTERNAL_MODULE_mobx_computed__];
+            ___sdkPrivateOpenGameCustomScreen_decorators = [__WEBPACK_EXTERNAL_MODULE_mobx_action__];
             _openGame_decorators = [__WEBPACK_EXTERNAL_MODULE_mobx_action__];
+            _openGameWithLaunch_decorators = [__WEBPACK_EXTERNAL_MODULE_mobx_action__];
+            _launchGameFromDto_decorators = [__WEBPACK_EXTERNAL_MODULE_mobx_action__];
             _initGame_decorators = [__WEBPACK_EXTERNAL_MODULE_mobx_action__];
             _closeGame_decorators = [__WEBPACK_EXTERNAL_MODULE_mobx_action__];
             _reloadGame_decorators = [__WEBPACK_EXTERNAL_MODULE_mobx_action__];
@@ -19226,7 +19311,10 @@ let GameReaderViewModel = (() => {
             gameReaderViewModel_esDecorate(_a, null, _get_needApplySafeAreaInsets_decorators, { kind: "getter", name: "needApplySafeAreaInsets", static: false, private: false, access: { has: obj => "needApplySafeAreaInsets" in obj, get: obj => obj.needApplySafeAreaInsets }, metadata: _metadata }, null, _instanceExtraInitializers);
             gameReaderViewModel_esDecorate(_a, null, _get_closeBtnVisible_decorators, { kind: "getter", name: "closeBtnVisible", static: false, private: false, access: { has: obj => "closeBtnVisible" in obj, get: obj => obj.closeBtnVisible }, metadata: _metadata }, null, _instanceExtraInitializers);
             gameReaderViewModel_esDecorate(_a, null, _get_dir_decorators, { kind: "getter", name: "dir", static: false, private: false, access: { has: obj => "dir" in obj, get: obj => obj.dir }, metadata: _metadata }, null, _instanceExtraInitializers);
+            gameReaderViewModel_esDecorate(_a, null, ___sdkPrivateOpenGameCustomScreen_decorators, { kind: "method", name: "__sdkPrivateOpenGameCustomScreen", static: false, private: false, access: { has: obj => "__sdkPrivateOpenGameCustomScreen" in obj, get: obj => obj.__sdkPrivateOpenGameCustomScreen }, metadata: _metadata }, null, _instanceExtraInitializers);
             gameReaderViewModel_esDecorate(_a, null, _openGame_decorators, { kind: "method", name: "openGame", static: false, private: false, access: { has: obj => "openGame" in obj, get: obj => obj.openGame }, metadata: _metadata }, null, _instanceExtraInitializers);
+            gameReaderViewModel_esDecorate(_a, null, _openGameWithLaunch_decorators, { kind: "method", name: "openGameWithLaunch", static: false, private: false, access: { has: obj => "openGameWithLaunch" in obj, get: obj => obj.openGameWithLaunch }, metadata: _metadata }, null, _instanceExtraInitializers);
+            gameReaderViewModel_esDecorate(_a, null, _launchGameFromDto_decorators, { kind: "method", name: "launchGameFromDto", static: false, private: false, access: { has: obj => "launchGameFromDto" in obj, get: obj => obj.launchGameFromDto }, metadata: _metadata }, null, _instanceExtraInitializers);
             gameReaderViewModel_esDecorate(_a, null, _initGame_decorators, { kind: "method", name: "initGame", static: false, private: false, access: { has: obj => "initGame" in obj, get: obj => obj.initGame }, metadata: _metadata }, null, _instanceExtraInitializers);
             gameReaderViewModel_esDecorate(_a, null, _closeGame_decorators, { kind: "method", name: "closeGame", static: false, private: false, access: { has: obj => "closeGame" in obj, get: obj => obj.closeGame }, metadata: _metadata }, null, _instanceExtraInitializers);
             gameReaderViewModel_esDecorate(_a, null, _reloadGame_decorators, { kind: "method", name: "reloadGame", static: false, private: false, access: { has: obj => "reloadGame" in obj, get: obj => obj.reloadGame }, metadata: _metadata }, null, _instanceExtraInitializers);
@@ -19427,6 +19515,7 @@ class GameGeometryFactory {
 
 
 
+
 ;// ../core/src/readers/stackedStoryList/stackFeedStoryViewModel.ts
 class StackFeedStory {
     constructor(story, storyFeed) {
@@ -22028,7 +22117,7 @@ class UgcEditorStore {
         const session = await this.storyManager.rootStore.sessionStore.open();
         const ugcEditorConfigDto = await this.ugcEditorApi.fetchUgcEditorConfig();
         const storyManagerConfig = this.storyManager.config;
-        const sdkVersion = "1.16.0";
+        const sdkVersion = "1.16.2";
         this._config = {
             sessionId: session.id,
             apiKey: storyManagerConfig.apiKey,
@@ -22488,11 +22577,11 @@ class StoryManager extends TypedEventEmitter {
         return deviceDescriptor.deviceId;
     }
     get sdkVersionName() {
-        const sdkVersionName = "1.16.0";
+        const sdkVersionName = "1.16.2";
         return sdkVersionName || "0.0.0";
     }
     get sdkVersionCode() {
-        const sdkVersionCode = 11600;
+        const sdkVersionCode = 11602;
         return sdkVersionCode ? parseInt(sdkVersionCode) : 0;
     }
     get lang() {
@@ -22556,7 +22645,7 @@ class StoryManager extends TypedEventEmitter {
         this.rootStore.storyManagerConfigStore.setConfig(configDto);
     }
     setUserAgent(userAgent) {
-        const sdkVersionCode = 11600;
+        const sdkVersionCode = 11602;
         const buildVersion = sdkVersionCode ? parseInt(sdkVersionCode) : 0;
         // According to RFC5987, HTTP header values can legitimately be supplied using the ISO-8859-1 encoding.
         this._userAgent = `${userAgent} ${convertStrToLatin1(navigator.userAgent)}`;
@@ -22595,6 +22684,9 @@ class StoryManager extends TypedEventEmitter {
     async openGame(gameInstanceId, gameOptions = {}) {
         await this.gameReader.openGame(gameInstanceId, gameOptions);
     }
+    async __sdkPrivateOpenGameCustomScreen(gameDto) {
+        await this.gameReader.__sdkPrivateOpenGameCustomScreen(gameDto);
+    }
     async closeGame() {
         return this.gameReader.closeGame();
     }
@@ -24630,7 +24722,7 @@ const GameReader = __WEBPACK_EXTERNAL_MODULE_mobx_react_lite_9dacf130_observer__
         filter: ((_f = options.backdrop) === null || _f === void 0 ? void 0 : _f.blur) ? `blur(${options.backdrop.blur}px)` : "none"
     };
     const backdropColor = (_h = (_g = options.game) === null || _g === void 0 ? void 0 : _g.backdropColor) !== null && _h !== void 0 ? _h : "";
-    return __WEBPACK_EXTERNAL_MODULE_react_dom_7dac9eee_createPortal__(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__("div", { className: gameReader_module/* game-reader-container */.Pe, style: getRootStyle(), children: __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsxs__("div", { className: gameReaderClasses, style: gameReaderSafeAreaStyle, children: [__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__("div", { className: gameReader_module/* game-reader__backdrop */.fN, style: gameBackdropStyle }), __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsxs__(AspectRatioBox, { className: gameReader_module/* game-reader__game-box */.F2, isWidescreen: isWidescreen, geometry: gameGeometry, children: [__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__(GameSplashScreen_GameSplashScreen, { onSplashCanBeHidden: notifyGameCanBeStarted, isDesktopGeometry: isDesktopGeometry, isWidescreen: isWidescreen, isGameInited: gameReader.isGameInited, isGameLoading: isGameLoading, isGameLoadingError: Boolean(gameReader.gameError), gameShouldBeShown: gameReader.gameShouldBeShown, game: (_j = gameReader.game) !== null && _j !== void 0 ? _j : undefined, splashImageBackgroundColor: gameReader.game ? backdropColor : gameBackdropStyle.background }), gameError && (__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__(RefreshIcon, { className: gameReader_module/* game-reader__refresh-btn */.JF, onClick: retryLoadingGame })), (!gameReader.gameShouldBeShown || closeBtnVisible) && (__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__(CloseButton, { closeButtonPosition: options.closeButtonPosition, dir: gameReader.dir, onCloseGame: closeGame, closeButtonOptions: options.closeButton })), game && (__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsxs__(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_Fragment__, { children: [__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__("iframe", { src: game.url, onLoad: handleIframeLoaded, style: { opacity: gameReader.gameShouldBeShown ? 1 : 0 }, frameBorder: "0", className: gameReader_module/* game-reader__iframe */.be, sandbox: "allow-same-origin allow-top-navigation allow-forms allow-scripts allow-downloads allow-top-navigation-to-custom-protocols", allow: "fullscreen" }), sharePanelOpeningParams && (__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__(SharePanel, { dir: gameReader.dir, shareText: sharePanelOpeningParams.shareText, shareType: sharePanelOpeningParams.shareType, shareLink: sharePanelOpeningParams.shareLink, onShareCompelete: handleShareComplete, sharePanelOptions: options.sharePanel }))] }))] }), game && options.forceCheckOrientation && (__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__(ScreenOrientationLock, { orientation: SCREEN_ORIENTATIONS.PORTRAIT_PRIMARY, onOrientationChange: handleOrientationChange }))] }) }), document.body);
+    return __WEBPACK_EXTERNAL_MODULE_react_dom_7dac9eee_createPortal__(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__("div", { className: gameReader_module/* game-reader-container */.Pe, style: getRootStyle(), children: __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsxs__("div", { className: gameReaderClasses, style: gameReaderSafeAreaStyle, children: [__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__("div", { className: gameReader_module/* game-reader__backdrop */.fN, style: gameBackdropStyle }), __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsxs__(AspectRatioBox, { className: gameReader_module/* game-reader__game-box */.F2, isWidescreen: isWidescreen, geometry: gameGeometry, children: [__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__(GameSplashScreen_GameSplashScreen, { onSplashCanBeHidden: notifyGameCanBeStarted, isDesktopGeometry: isDesktopGeometry, isWidescreen: isWidescreen, isGameInited: gameReader.isGameInited, isGameLoading: isGameLoading, isGameLoadingError: Boolean(gameReader.gameError), gameShouldBeShown: gameReader.gameShouldBeShown, game: (_j = gameReader.game) !== null && _j !== void 0 ? _j : undefined, splashImageBackgroundColor: gameReader.game ? backdropColor : gameBackdropStyle.background }), gameError && (__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__(RefreshIcon, { className: gameReader_module/* game-reader__refresh-btn */.JF, onClick: retryLoadingGame })), closeBtnVisible && (__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__(CloseButton, { closeButtonPosition: options.closeButtonPosition, dir: gameReader.dir, onCloseGame: closeGame, closeButtonOptions: options.closeButton })), game && (__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsxs__(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_Fragment__, { children: [__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__("iframe", { src: game.url, onLoad: handleIframeLoaded, style: { opacity: gameReader.gameShouldBeShown ? 1 : 0 }, frameBorder: "0", className: gameReader_module/* game-reader__iframe */.be, sandbox: "allow-same-origin allow-top-navigation allow-forms allow-scripts allow-downloads allow-top-navigation-to-custom-protocols", allow: "fullscreen" }), sharePanelOpeningParams && (__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__(SharePanel, { dir: gameReader.dir, shareText: sharePanelOpeningParams.shareText, shareType: sharePanelOpeningParams.shareType, shareLink: sharePanelOpeningParams.shareLink, onShareCompelete: handleShareComplete, sharePanelOptions: options.sharePanel }))] }))] }), game && options.forceCheckOrientation && (__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__(ScreenOrientationLock, { orientation: SCREEN_ORIENTATIONS.PORTRAIT_PRIMARY, onOrientationChange: handleOrientationChange }))] }) }), document.body);
 });
 
 ;// ./src/GameReader/index.ts