@inappstory/react-sdk 1.9.0 → 1.9.2

package/dist/index.esm.mjs

@@ -8649,11 +8649,13 @@ let StoryPauseManager = (() => {
             }
             pauseSystem(source) {
                 this._systemPause.pause(source);
+                this.ctx.notifyPauseStateChange();
             }
             resumeSystem(source) {
                 if (!this._systemPause.isPaused)
                     return;
                 this._systemPause.resume(source);
+                this.ctx.notifyPauseStateChange();
             }
             resumeAll() {
                 if (this.isPaused) {
@@ -10155,9 +10157,9 @@ let StoryViewModel = (() => {
                     this.isStarted = false;
                     this.slideApiHandlers.clearNarrativeSessionDataCache();
                     this.resumeAll();
-                    await this.activeSlide.stop({ prepareForRestart: 1 /* ON_SLIDE_STOP_PREPARE_FOR_RESTART.PREPARE */ });
                     document.removeEventListener("visibilitychange", this.handleVisibilityChange);
                     document.removeEventListener("keydown", this.handleKeydown);
+                    await this.activeSlide.stop({ prepareForRestart: 1 /* ON_SLIDE_STOP_PREPARE_FOR_RESTART.PREPARE */ });
                 });
             }
             canGoNext() {
@@ -10273,8 +10275,8 @@ let StoryViewModel = (() => {
                     this.resumeAll();
                     if (!((_b = this.storyManager.config.cache) === null || _b === void 0 ? void 0 : _b.prefetch))
                         await this.preloadActiveSlide(ACTIVE_SLIDE_PRELOAD_PRIORITY);
-                    await activeSlide.init();
                     await (lastSlide === null || lastSlide === void 0 ? void 0 : lastSlide.stop({ prepareForRestart: 2 /* ON_SLIDE_STOP_PREPARE_FOR_RESTART.NOT_PREPARE */ }));
+                    await activeSlide.init();
                     await activeSlide.start();
                     this._activeSlideStartTime = Date.now();
                 }
@@ -10471,7 +10473,7 @@ class GameClientConfig {
             value: void 0
         });
         const storyManagerConfig = this.storyManager.config;
-        const sdkVersion = "1.9.0";
+        const sdkVersion = "1.9.2";
         const placeholders = this.storyManager.rootStore.placeholderStore.placeholders;
         const session = this.storyManager.rootStore.sessionStore.session;
         this.sessionId = session.id;
@@ -21036,7 +21038,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.9.0";
+        const sdkVersion = "1.9.2";
         this._config = {
             sessionId: session.id,
             apiKey: storyManagerConfig.apiKey,
@@ -21503,12 +21505,15 @@ class StoryManager extends TypedEventEmitter {
     get userAgent() {
         return this._userAgent;
     }
+    get deviceId() {
+        return deviceDescriptor.deviceId;
+    }
     get sdkVersionName() {
-        const sdkVersionName = "1.9.0";
+        const sdkVersionName = "1.9.2";
         return sdkVersionName || "0.0.0";
     }
     get sdkVersionCode() {
-        const sdkVersionCode = 10900;
+        const sdkVersionCode = 10902;
         return sdkVersionCode ? parseInt(sdkVersionCode) : 0;
     }
     get lang() {
@@ -21572,7 +21577,7 @@ class StoryManager extends TypedEventEmitter {
         this.rootStore.storyManagerConfigStore.setConfig(configDto);
     }
     setUserAgent(userAgent) {
-        const sdkVersionCode = 10900;
+        const sdkVersionCode = 10902;
         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)}`;
@@ -22692,6 +22697,20 @@ var socialSharePanelBody_module_update = injectStylesIntoStyleTag_default()(soci
 
 
 /* harmony default export */ const SocialSharePanelBody_socialSharePanelBody_module = (socialSharePanelBody_module/* default */.A.locals || {});
+;// CONCATENATED MODULE: ./src/UI/SharePanel/SocialSharePanelBody/Favicon.tsx
+
+
+
+const fallbackSvg = ((0,jsx_runtime_namespaceObject.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "60", height: "60", viewBox: "0 0 24 24", stroke: "white", fill: "black", strokeWidth: "1", strokeLinecap: "round", strokeLinejoin: "round", children: [(0,jsx_runtime_namespaceObject.jsx)("circle", { cx: "12", cy: "12", r: "10" }), (0,jsx_runtime_namespaceObject.jsx)("path", { d: "M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" }), (0,jsx_runtime_namespaceObject.jsx)("path", { d: "M4 8h16" }), (0,jsx_runtime_namespaceObject.jsx)("path", { d: "M4 16h16" })] }));
+const faviconApiUrl = "https://favicon.inappstory.ru";
+const Favicon = (props) => {
+    var _a, _b;
+    const [failed, setFailed] = (0,external_react_namespaceObject.useState)(false);
+    const favicon = (_a = props.sharePanelOptions.title) === null || _a === void 0 ? void 0 : _a.favicon;
+    return (props.shareDomain &&
+        (favicon === null || favicon === void 0 ? void 0 : favicon.display) && ((0,jsx_runtime_namespaceObject.jsx)("div", { className: SharePanel_sharePanel_module["share-url-favicon"], style: { background: favicon.background }, children: !failed ? ((0,jsx_runtime_namespaceObject.jsx)("img", { src: `${(_b = props.faviconApiUrl) !== null && _b !== void 0 ? _b : faviconApiUrl}?sz=64&domain_url=${props.shareDomain}`, onError: () => setFailed(true), alt: "favicon" })) : (fallbackSvg) })));
+};
+
 ;// CONCATENATED MODULE: ./src/UI/SharePanel/SocialSharePanelBody/SocialSharePanelBody.tsx
 var SocialSharePanelBody_rest = (undefined && undefined.__rest) || function (s, e) {
     var t = {};
@@ -22708,9 +22727,9 @@ var SocialSharePanelBody_rest = (undefined && undefined.__rest) || function (s,
 
 
 
-const faviconApiUrl = "https://favicon.inappstory.ru";
+
 const SocialSharePanelBody = (_a) => {
-    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k;
     var { shareLink, sharePanelOptions, onShareComplete } = _a, props = SocialSharePanelBody_rest(_a, ["shareLink", "sharePanelOptions", "onShareComplete"]);
     const getShareUrlDomain = () => {
         try {
@@ -22756,18 +22775,17 @@ const SocialSharePanelBody = (_a) => {
             text: getEncodedShareText()
         });
     };
-    const favicon = (_b = sharePanelOptions.title) === null || _b === void 0 ? void 0 : _b.favicon;
     const textStyles = sharePanelOptions.text;
-    return ((0,jsx_runtime_namespaceObject.jsxs)("div", { className: SharePanel_sharePanel_module["share-panel__body"], children: [(0,jsx_runtime_namespaceObject.jsxs)("div", { className: `${SharePanel_sharePanel_module["share-panel-row"]} ${SharePanel_sharePanel_module["title-row"]}`, children: [getShareUrlDomain() && Boolean(favicon === null || favicon === void 0 ? void 0 : favicon.display) && ((0,jsx_runtime_namespaceObject.jsx)("div", { className: SharePanel_sharePanel_module["share-url-favicon"], style: { background: favicon === null || favicon === void 0 ? void 0 : favicon.background }, children: (0,jsx_runtime_namespaceObject.jsx)("img", { src: `${(_c = props.faviconApiUrl) !== null && _c !== void 0 ? _c : faviconApiUrl}?sz=64&domain_url=${getShareUrlDomain()}` }) })), (0,jsx_runtime_namespaceObject.jsx)("span", { className: SharePanel_sharePanel_module["title"], dir: props.dir, style: textStyles, children: (_e = (_d = sharePanelOptions.title) === null || _d === void 0 ? void 0 : _d.getValue) === null || _e === void 0 ? void 0 : _e.call(_d, { url: shareLink, text: getEncodedShareText() }) })] }), (0,jsx_runtime_namespaceObject.jsx)("div", { className: SharePanel_sharePanel_module["share-panel-separator"], style: { background: (_f = sharePanelOptions.divider) === null || _f === void 0 ? void 0 : _f.background } }), (0,jsx_runtime_namespaceObject.jsx)("div", { className: `${SharePanel_sharePanel_module["share-panel-row"]} ${SocialSharePanelBody_socialSharePanelBody_module["social-list"]}`, children: (_g = sharePanelOptions.targets) === null || _g === void 0 ? void 0 : _g.map((target, index) => {
+    return ((0,jsx_runtime_namespaceObject.jsxs)("div", { className: SharePanel_sharePanel_module["share-panel__body"], children: [(0,jsx_runtime_namespaceObject.jsxs)("div", { className: `${SharePanel_sharePanel_module["share-panel-row"]} ${SharePanel_sharePanel_module["title-row"]}`, children: [(0,jsx_runtime_namespaceObject.jsx)(Favicon, { shareDomain: getShareUrlDomain(), sharePanelOptions: sharePanelOptions, faviconApiUrl: props.faviconApiUrl }), (0,jsx_runtime_namespaceObject.jsx)("span", { className: SharePanel_sharePanel_module["title"], dir: props.dir, style: textStyles, children: (_c = (_b = sharePanelOptions.title) === null || _b === void 0 ? void 0 : _b.getValue) === null || _c === void 0 ? void 0 : _c.call(_b, { url: shareLink, text: getEncodedShareText() }) })] }), (0,jsx_runtime_namespaceObject.jsx)("div", { className: SharePanel_sharePanel_module["share-panel-separator"], style: { background: (_d = sharePanelOptions.divider) === null || _d === void 0 ? void 0 : _d.background } }), (0,jsx_runtime_namespaceObject.jsx)("div", { className: `${SharePanel_sharePanel_module["share-panel-row"]} ${SocialSharePanelBody_socialSharePanelBody_module["social-list"]}`, children: (_e = sharePanelOptions.targets) === null || _e === void 0 ? void 0 : _e.map((target, index) => {
                     var _a, _b, _c;
                     const socialTargetParams = (_a = sharePanelOptions.targetParams) === null || _a === void 0 ? void 0 : _a[target];
                     const iconSvg = (_c = (_b = socialTargetParams === null || socialTargetParams === void 0 ? void 0 : socialTargetParams.icon) === null || _b === void 0 ? void 0 : _b.svgSrc.baseState) !== null && _c !== void 0 ? _c : "<svg></svg>";
                     return ((0,jsx_runtime_namespaceObject.jsx)("div", { className: SocialSharePanelBody_socialSharePanelBody_module["social-list__item"], children: (0,jsx_runtime_namespaceObject.jsxs)("a", { href: getUrlByTarget(target), onClick: () => openWindow(getUrlByTarget(target), "newwindow", "width=650,height=570"), target: "_blank", rel: "noopener noreferrer", className: `${SharePanel_sharePanel_module["share-item"]} ${SocialSharePanelBody_socialSharePanelBody_module["share-item"]}`, children: [(0,jsx_runtime_namespaceObject.jsx)("div", { dangerouslySetInnerHTML: {
                                         __html: iconSvg
                                     } }), (0,jsx_runtime_namespaceObject.jsx)("span", { className: SharePanel_sharePanel_module["share-item-title"], style: textStyles, children: socialTargetParams === null || socialTargetParams === void 0 ? void 0 : socialTargetParams.label })] }) }, index));
-                }) }), (0,jsx_runtime_namespaceObject.jsx)("div", { className: SharePanel_sharePanel_module["share-panel-separator"], style: { background: (_h = sharePanelOptions.divider) === null || _h === void 0 ? void 0 : _h.background } }), (0,jsx_runtime_namespaceObject.jsx)("div", { className: SharePanel_sharePanel_module["share-panel-row"], children: (0,jsx_runtime_namespaceObject.jsxs)("a", { className: `${SharePanel_sharePanel_module["share-item"]} ${SocialSharePanelBody_socialSharePanelBody_module["share-item"]}`, onClick: onCopyClick, children: [(0,jsx_runtime_namespaceObject.jsx)("div", { dangerouslySetInnerHTML: {
-                                __html: (_l = (_k = (_j = sharePanelOptions.copyButton) === null || _j === void 0 ? void 0 : _j.svgSrc) === null || _k === void 0 ? void 0 : _k.baseState) !== null && _l !== void 0 ? _l : ""
-                            } }), (0,jsx_runtime_namespaceObject.jsx)("span", { className: SharePanel_sharePanel_module["share-item-title"], style: textStyles, children: (_m = sharePanelOptions.copyButton) === null || _m === void 0 ? void 0 : _m.label })] }) })] }));
+                }) }), (0,jsx_runtime_namespaceObject.jsx)("div", { className: SharePanel_sharePanel_module["share-panel-separator"], style: { background: (_f = sharePanelOptions.divider) === null || _f === void 0 ? void 0 : _f.background } }), (0,jsx_runtime_namespaceObject.jsx)("div", { className: SharePanel_sharePanel_module["share-panel-row"], children: (0,jsx_runtime_namespaceObject.jsxs)("a", { className: `${SharePanel_sharePanel_module["share-item"]} ${SocialSharePanelBody_socialSharePanelBody_module["share-item"]}`, onClick: onCopyClick, children: [(0,jsx_runtime_namespaceObject.jsx)("div", { dangerouslySetInnerHTML: {
+                                __html: (_j = (_h = (_g = sharePanelOptions.copyButton) === null || _g === void 0 ? void 0 : _g.svgSrc) === null || _h === void 0 ? void 0 : _h.baseState) !== null && _j !== void 0 ? _j : ""
+                            } }), (0,jsx_runtime_namespaceObject.jsx)("span", { className: SharePanel_sharePanel_module["share-item-title"], style: textStyles, children: (_k = sharePanelOptions.copyButton) === null || _k === void 0 ? void 0 : _k.label })] }) })] }));
 };
 
 ;// CONCATENATED MODULE: ./src/UI/SharePanel/SocialSharePanelBody/index.ts
@@ -25595,17 +25613,15 @@ class StorySlidesContainer extends HTMLElement {
         this.styleElement = style;
         this.mountPoint.prepend(style);
     }
-    init(story) {
-        requestAnimationFrame(() => {
-            /** React uses its own virtual DOM and can reuse or move nodes without actually removing them from the DOM. So connectedCallback and disconnectedCallback are not always called.React uses its own virtual DOM and can reuse or move nodes without actually removing them from the DOM. So connectedCallback and disconnectedCallback are not always called. */
-            if (!this.mountPoint)
-                throw new Error("[IAS]: Mount point was undefined");
-            this.story = story;
-            this.story.attachRoot(this.mountPoint);
-            this.mountPoint.addEventListener("click", this.handleClick);
-        });
+    attach(story) {
+        /** React uses its own virtual DOM and can reuse or move nodes without actually removing them from the DOM. So connectedCallback and disconnectedCallback are not always called.React uses its own virtual DOM and can reuse or move nodes without actually removing them from the DOM. So connectedCallback and disconnectedCallback are not always called. */
+        if (!this.mountPoint)
+            throw new Error("[IAS]: Mount point was undefined");
+        this.story = story;
+        this.story.attachRoot(this.mountPoint);
+        this.mountPoint.addEventListener("click", this.handleClick);
     }
-    destroy() {
+    detach() {
         var _a, _b;
         /** React uses its own virtual DOM and can reuse or move nodes without actually removing them from the DOM. So connectedCallback and disconnectedCallback are not always called. */
         (_a = this.story) === null || _a === void 0 ? void 0 : _a.detachRoot();
@@ -25638,29 +25654,31 @@ var StorySlidesRenderer_rest = (undefined && undefined.__rest) || function (s, e
 
 
 
-const StorySlidesRenderer = (0,external_mobx_react_lite_namespaceObject.observer)((_a) => {
+const StorySlidesRenderer = (0,external_mobx_react_lite_namespaceObject.observer)((0,external_react_namespaceObject.forwardRef)((_a, ref) => {
     var { className, story, preventNavigation, isActiveStory } = _a, props = StorySlidesRenderer_rest(_a, ["className", "story", "preventNavigation", "isActiveStory"]);
     const storySlidesRef = (0,external_react_namespaceObject.useRef)(null);
-    (0,external_react_namespaceObject.useLayoutEffect)(() => {
-        if (!storySlidesRef.current)
-            return;
-        storySlidesRef.current.setStyle(story.context.style);
-    }, [story.context.style]);
-    (0,external_react_namespaceObject.useLayoutEffect)(() => {
-        if (!storySlidesRef.current)
-            return;
-        const storySlides = storySlidesRef.current;
-        storySlides.init(story);
-        return () => {
-            storySlides.destroy();
+    (0,external_react_namespaceObject.useImperativeHandle)(ref, () => {
+        return {
+            setStyle: (style) => {
+                var _a;
+                (_a = storySlidesRef.current) === null || _a === void 0 ? void 0 : _a.setStyle(style);
+            },
+            attach: (story) => {
+                var _a;
+                (_a = storySlidesRef.current) === null || _a === void 0 ? void 0 : _a.attach(story);
+            },
+            detach: () => {
+                var _a;
+                (_a = storySlidesRef.current) === null || _a === void 0 ? void 0 : _a.detach();
+            }
         };
-    }, [story]);
+    }, [ref, storySlidesRef]);
     const bottomOffset = !props.isDesktopGeometry ? `${story.actionPanel.height}px` : "0px";
     // Bug with attributes in React 19. Explicit cast to string required
     return ((0,jsx_runtime_namespaceObject.jsx)("story-slides-container", { ref: storySlidesRef, style: {
             bottom: bottomOffset
         }, class: className, dir: story.dir, "prevent-navigation": preventNavigation.toString(), "is-active-story": isActiveStory.toString() }));
-});
+}));
 
 ;// CONCATENATED MODULE: ./src/StoryReader/Story/Story.tsx
 var Story_rest = (undefined && undefined.__rest) || function (s, e) {
@@ -25692,6 +25710,7 @@ const Story_Story = (0,external_mobx_react_lite_namespaceObject.observer)((_a) =
     var { story, geometry, className } = _a, props = Story_rest(_a, ["story", "geometry", "className"]);
     const { storyReaderOptions, commonOptions, goodsWidgetOptions } = useIASContainer();
     const storyRef = (0,external_react_namespaceObject.useRef)(null);
+    const slideRef = (0,external_react_namespaceObject.useRef)(null);
     const isActiveStory = story === props.activeStory;
     const isDesktopGeometry = geometry instanceof DesktopStoryGeometry;
     const useModernLayout = storyReaderOptions.layout === StoryReaderLayout.Modern;
@@ -25704,6 +25723,20 @@ const Story_Story = (0,external_mobx_react_lite_namespaceObject.observer)((_a) =
         story.actionPanel.setOptions(commonOptions);
         story.actionPanel.setActionPanelHeight(bottomOffset);
     }, [story, commonOptions, storyReaderOptions.actionPanelBottomOffset, isDesktopGeometry]);
+    (0,external_react_namespaceObject.useLayoutEffect)(() => {
+        if (!slideRef.current)
+            return;
+        slideRef.current.setStyle(story.context.style);
+    }, [story.context.style]);
+    (0,external_react_namespaceObject.useLayoutEffect)(() => {
+        if (!slideRef.current)
+            return;
+        const storySlides = slideRef.current;
+        storySlides.attach(story);
+        return () => {
+            storySlides.detach();
+        };
+    }, [story]);
     const handleReloadStory = async () => {
         const storyError = Boolean(story.error);
         try {
@@ -25722,7 +25755,7 @@ const Story_Story = (0,external_mobx_react_lite_namespaceObject.observer)((_a) =
             story.sharePanel.completeNativeSharing({ result: false });
         }, onTouchStart: () => {
             story.sharePanel.completeNativeSharing({ result: false });
-        }, "data-testid": "story", children: [isDesktopGeometry && useModernLayout && story.isSlideRendered && (0,jsx_runtime_namespaceObject.jsx)(StoryBackdrop, { hidden: isActiveStory }), story.canBeShown && story.isSlideRendered && ((0,jsx_runtime_namespaceObject.jsx)(StoryHeader, { hidden: shouldHideHeader, story: story, onClose: props.onClose, isDesktopGeometry: isDesktopGeometry })), (0,jsx_runtime_namespaceObject.jsx)(StorySlidesRenderer, { className: Story_story_module["story-slides"], story: story, preventNavigation: useModernLayout && isDesktopGeometry, isActiveStory: isActiveStory, isDesktopGeometry: isDesktopGeometry }), story.actionPanel.needShown && story.isSlideRendered && ((0,jsx_runtime_namespaceObject.jsx)(StoryActionPanel, { dir: story.dir, isDesktopGeometry: isDesktopGeometry, hidden: shouldHideActionPanel, actionPanel: story.actionPanel, commonOptions: commonOptions, storyReaderOptions: storyReaderOptions })), props.activeStory === story && ((0,jsx_runtime_namespaceObject.jsx)(GoodsWidgetViewer, { story: story, goodsWidgetOptions: goodsWidgetOptions })), props.activeStory === story && ((0,jsx_runtime_namespaceObject.jsx)(TextInputModal, { story: story, storyRef: storyRef, storyGeometry: geometry })), story.sharePanel.isOpened && ((0,jsx_runtime_namespaceObject.jsx)(SharePanel, { dir: story.dir, className: Story_story_module["share-panel-wrapper"], shareText: story.sharePanel.params.text, shareType: story.sharePanel.params.type, shareLink: story.sharePanel.params.link, onShareCompelete: (result) => story.sharePanel.handleShareComplete(story.sharePanel.params.id, result), sharePanelOptions: storyReaderOptions.sharePanel })), (0,jsx_runtime_namespaceObject.jsx)(Loader, { needShowErrorScreen: story.needShowErrorScreen, needShowLoaderScreen: story.needShowLoaderScreen, onReload: handleReloadStory })] }));
+        }, "data-testid": "story", children: [isDesktopGeometry && useModernLayout && story.isSlideRendered && (0,jsx_runtime_namespaceObject.jsx)(StoryBackdrop, { hidden: isActiveStory }), story.canBeShown && story.isSlideRendered && ((0,jsx_runtime_namespaceObject.jsx)(StoryHeader, { hidden: shouldHideHeader, story: story, onClose: props.onClose, isDesktopGeometry: isDesktopGeometry })), (0,jsx_runtime_namespaceObject.jsx)(StorySlidesRenderer, { className: Story_story_module["story-slides"], story: story, ref: slideRef, preventNavigation: useModernLayout && isDesktopGeometry, isActiveStory: isActiveStory, isDesktopGeometry: isDesktopGeometry }), story.actionPanel.needShown && story.isSlideRendered && ((0,jsx_runtime_namespaceObject.jsx)(StoryActionPanel, { dir: story.dir, isDesktopGeometry: isDesktopGeometry, hidden: shouldHideActionPanel, actionPanel: story.actionPanel, commonOptions: commonOptions, storyReaderOptions: storyReaderOptions })), props.activeStory === story && ((0,jsx_runtime_namespaceObject.jsx)(GoodsWidgetViewer, { story: story, goodsWidgetOptions: goodsWidgetOptions })), props.activeStory === story && ((0,jsx_runtime_namespaceObject.jsx)(TextInputModal, { story: story, storyRef: storyRef, storyGeometry: geometry })), story.sharePanel.isOpened && ((0,jsx_runtime_namespaceObject.jsx)(SharePanel, { dir: story.dir, className: Story_story_module["share-panel-wrapper"], shareText: story.sharePanel.params.text, shareType: story.sharePanel.params.type, shareLink: story.sharePanel.params.link, onShareCompelete: (result) => story.sharePanel.handleShareComplete(story.sharePanel.params.id, result), sharePanelOptions: storyReaderOptions.sharePanel })), (0,jsx_runtime_namespaceObject.jsx)(Loader, { needShowErrorScreen: story.needShowErrorScreen, needShowLoaderScreen: story.needShowLoaderScreen, onReload: handleReloadStory })] }));
 });
 
 ;// CONCATENATED MODULE: ./src/StoryReader/Story/index.ts
@@ -29604,16 +29637,16 @@ const BaseStoryList = (0,external_mobx_react_lite_namespaceObject.observer)((0,e
 
 
 const StoryList = (0,external_mobx_react_lite_namespaceObject.observer)((0,external_react_namespaceObject.forwardRef)((props, ref) => {
-    var _a, _b, _c;
+    var _a;
     const { storyManager } = useIASContainer();
-    const feedSlug = (_a = props.feedSlug) !== null && _a !== void 0 ? _a : "default";
+    const feedSlug = props.feedSlug || "default";
     const listType = StoryFeedType.DEFAULT;
     const { storyListViewModel, storyListOptions } = useStoryListViewModel(Object.assign(Object.assign({}, props), { storyManager,
         feedSlug,
         listType, hasFavorite: Boolean(props.hasFavorite), isFavorite: false }));
-    if (!storyListViewModel || !((_b = storyListViewModel.session) === null || _b === void 0 ? void 0 : _b.id))
+    if (!storyListViewModel || !((_a = storyListViewModel.session) === null || _a === void 0 ? void 0 : _a.id))
         return null;
-    return ((0,jsx_runtime_namespaceObject.jsx)(BaseStoryList, Object.assign({}, props, { dir: storyListViewModel.dir, storyManager: storyManager, feedSlug: (_c = props.feedSlug) !== null && _c !== void 0 ? _c : "default", listType: StoryFeedType.DEFAULT, storyListViewModel: storyListViewModel, storyListOptions: storyListOptions, onStoryCardClick: props.onStoryCardClick, onFavoriteCardClick: () => {
+    return ((0,jsx_runtime_namespaceObject.jsx)(BaseStoryList, Object.assign({}, props, { dir: storyListViewModel.dir, storyManager: storyManager, feedSlug: props.feedSlug || "default", listType: StoryFeedType.DEFAULT, storyListViewModel: storyListViewModel, storyListOptions: storyListOptions, onStoryCardClick: props.onStoryCardClick, onFavoriteCardClick: () => {
             var _a;
             storyManager.emit("clickOnFavoriteCell", { feed: feedSlug });
             (_a = props.onFavoriteCardClick) === null || _a === void 0 ? void 0 : _a.call(props);