@inappstory/react-sdk 1.9.0 → 1.9.1

package/dist/index.esm.mjs

@@ -10471,7 +10471,7 @@ class GameClientConfig {
             value: void 0
         });
         const storyManagerConfig = this.storyManager.config;
-        const sdkVersion = "1.9.0";
+        const sdkVersion = "1.9.1";
         const placeholders = this.storyManager.rootStore.placeholderStore.placeholders;
         const session = this.storyManager.rootStore.sessionStore.session;
         this.sessionId = session.id;
@@ -21036,7 +21036,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.1";
         this._config = {
             sessionId: session.id,
             apiKey: storyManagerConfig.apiKey,
@@ -21503,12 +21503,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.1";
         return sdkVersionName || "0.0.0";
     }
     get sdkVersionCode() {
-        const sdkVersionCode = 10900;
+        const sdkVersionCode = 10901;
         return sdkVersionCode ? parseInt(sdkVersionCode) : 0;
     }
     get lang() {
@@ -21572,7 +21575,7 @@ class StoryManager extends TypedEventEmitter {
         this.rootStore.storyManagerConfigStore.setConfig(configDto);
     }
     setUserAgent(userAgent) {
-        const sdkVersionCode = 10900;
+        const sdkVersionCode = 10901;
         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 +22695,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 +22725,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 +22773,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
@@ -29604,16 +29620,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);