@inappstory/react-sdk 1.9.2 → 1.9.4

package/dist/index.esm.mjs

@@ -94,7 +94,7 @@ ___CSS_LOADER_EXPORT___.locals = {
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, "@keyframes spin--Vkzob{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.splash-container--o7jGP{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;z-index:-1}.splash-container--o7jGP .splash-container__image--oC55V{position:absolute;inset:0px;z-index:0}.splash-container--o7jGP .splash-container__image--oC55V img{width:100%;height:100%;object-fit:cover}.splash-container--o7jGP .splash-container__lottie--krFru{position:absolute;inset:0px;z-index:1}.splash-container--o7jGP .splash-container__lottie--krFru canvas{width:100%;height:100%}.splash-container--o7jGP.splash-container--isLoading--O-XQM:after{display:inline-block;position:absolute;top:calc(50% - 1rem);left:calc(50% - 1rem);content:\"\";width:2rem;height:2rem;border:solid 2px var(--GRLoaderBackgroundColor, white);border-color:var(--GRLoaderBackgroundAccentColor, transparent) var(--GRLoaderBackgroundColor, white) var(--GRLoaderBackgroundColor, white) var(--GRLoaderBackgroundColor, white);border-radius:50%;animation:spin--Vkzob .6s infinite linear;z-index:10}.splash-container--o7jGP.splash-container--fadeIn--7OcPY{opacity:1;transition:opacity ease-in .2s}.splash-container--o7jGP.splash-container--fadeOut--MC7Yo{opacity:0;transition:opacity ease-out .3s}", "",{"version":3,"sources":["webpack://./src/GameReader/GameSplashScreen/gameSplashScreen.module.scss"],"names":[],"mappings":"AAAA,uBACI,KACI,8BAAA,CACA,sBAAA,CAGJ,GACI,gCAAA,CACA,wBAAA,CAAA,CAIR,yBACI,iBAAA,CACA,MAAA,CACA,KAAA,CACA,UAAA,CACA,WAAA,CACA,SAAA,CACA,UAAA,CAEA,yDACI,iBAAA,CACA,SAAA,CACA,SAAA,CAEA,6DACI,UAAA,CACA,WAAA,CACA,gBAAA,CAIR,0DACI,iBAAA,CACA,SAAA,CACA,SAAA,CAEA,iEACI,UAAA,CACA,WAAA,CAIR,kEACI,oBAAA,CACA,iBAAA,CACA,oBAAA,CACA,qBAAA,CACA,UAAA,CACA,UAAA,CACA,WAAA,CACA,sDAAA,CACA,gLAAA,CACA,iBAAA,CACA,yCAAA,CACA,UAAA,CAGJ,yDACI,SAAA,CACA,8BAAA,CAGJ,0DACI,SAAA,CACA,+BAAA","sourcesContent":["@keyframes spin {\n    from {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n\n    to {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n\n.splash-container {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    opacity: 0;\n    z-index: -1;\n\n    .splash-container__image {\n        position: absolute;\n        inset: 0px;\n        z-index: 0;\n\n        img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n    }\n\n    .splash-container__lottie {\n        position: absolute;\n        inset: 0px;\n        z-index: 1;\n\n        canvas {\n            width: 100%;\n            height: 100%;\n        }\n    }\n\n    &.splash-container--isLoading:after {\n        display: inline-block;\n        position: absolute;\n        top: calc(50% - 2rem / 2);\n        left: calc(50% - 2rem / 2);\n        content: '';\n        width: 2rem;\n        height: 2rem;\n        border: solid 2px var(--GRLoaderBackgroundColor, white);\n        border-color: var(--GRLoaderBackgroundAccentColor, transparent) var(--GRLoaderBackgroundColor, white) var(--GRLoaderBackgroundColor, white) var(--GRLoaderBackgroundColor, white);\n        border-radius: 50%;\n        animation: spin .6s infinite linear;\n        z-index: 10;\n    }\n\n    &.splash-container--fadeIn {\n        opacity: 1;\n        transition: opacity ease-in 0.2s;\n    }\n\n    &.splash-container--fadeOut {\n        opacity: 0;\n        transition: opacity ease-out 0.3s;\n    }\n}"],"sourceRoot":""}]);
+___CSS_LOADER_EXPORT___.push([module.id, "@keyframes spin--Vkzob{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.splash-container--o7jGP{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;z-index:-1}.splash-container--o7jGP .splash-container__image--oC55V{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.splash-container--o7jGP .splash-container__image--oC55V img{width:100%;height:100%;object-fit:cover}.splash-container--o7jGP .splash-container__lottie--krFru{position:absolute;left:0;right:0;top:0;bottom:0;z-index:1}.splash-container--o7jGP .splash-container__lottie--krFru canvas{width:100%;height:100%}.splash-container--o7jGP.splash-container--isLoading--O-XQM:after{display:inline-block;position:absolute;top:calc(50% - 1rem);left:calc(50% - 1rem);content:\"\";width:2rem;height:2rem;border:solid 2px var(--GRLoaderBackgroundColor, white);border-color:var(--GRLoaderBackgroundAccentColor, transparent) var(--GRLoaderBackgroundColor, white) var(--GRLoaderBackgroundColor, white) var(--GRLoaderBackgroundColor, white);border-radius:50%;animation:spin--Vkzob .6s infinite linear;z-index:10}.splash-container--o7jGP.splash-container--fadeIn--7OcPY{opacity:1;transition:opacity ease-in .2s}.splash-container--o7jGP.splash-container--fadeOut--MC7Yo{opacity:0;transition:opacity ease-out .3s}", "",{"version":3,"sources":["webpack://./src/GameReader/GameSplashScreen/gameSplashScreen.module.scss"],"names":[],"mappings":"AAAA,uBACI,KACI,8BAAA,CACA,sBAAA,CAGJ,GACI,gCAAA,CACA,wBAAA,CAAA,CA8BR,yBACI,iBAAA,CACA,MAAA,CACA,KAAA,CACA,UAAA,CACA,WAAA,CACA,SAAA,CACA,UAAA,CAEA,yDACI,iBAAA,CACA,MAAA,CACA,OAAA,CACA,KAAA,CACA,QAAA,CACA,SAAA,CAEA,6DACI,UAAA,CACA,WAAA,CACA,gBAAA,CAIR,0DACI,iBAAA,CACA,MAAA,CACA,OAAA,CACA,KAAA,CACA,QAAA,CACA,SAAA,CAEA,iEACI,UAAA,CACA,WAAA,CAIR,kEACI,oBAAA,CACA,iBAAA,CACA,oBAAA,CACA,qBAAA,CACA,UAAA,CACA,UAAA,CACA,WAAA,CACA,sDAAA,CACA,gLAAA,CACA,iBAAA,CACA,yCAAA,CACA,UAAA,CAGJ,yDACI,SAAA,CACA,8BAAA,CAGJ,0DACI,SAAA,CACA,+BAAA","sourcesContent":["@keyframes spin {\n    from {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n\n    to {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n\n/* .splash-container.splash-container--widescreen {\n    .splash-container__image {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n\n        img {\n            object-fit: fill;\n            width: auto;\n            height: 100%;\n            max-width: inherit;\n        }\n\n        \n    }\n\n    .splash-container__lottie {\n        top: 50%;\n        left: 50%;\n        transform: translate3d(-50%, -50%, 0);\n        width: 28vmin;\n        max-width: 360px;\n        min-width: 160px;\n    }\n} */\n\n.splash-container {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    opacity: 0;\n    z-index: -1;\n\n    .splash-container__image {\n        position: absolute;\n        left: 0;\n        right: 0;\n        top: 0;\n        bottom: 0;\n        z-index: 0;\n\n        img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n    }\n\n    .splash-container__lottie {\n        position: absolute;\n        left: 0;\n        right: 0;\n        top: 0;\n        bottom: 0;\n        z-index: 1;\n\n        canvas {\n            width: 100%;\n            height: 100%;\n        }\n    }\n\n    &.splash-container--isLoading:after {\n        display: inline-block;\n        position: absolute;\n        top: calc(50% - 2rem / 2);\n        left: calc(50% - 2rem / 2);\n        content: '';\n        width: 2rem;\n        height: 2rem;\n        border: solid 2px var(--GRLoaderBackgroundColor, white);\n        border-color: var(--GRLoaderBackgroundAccentColor, transparent) var(--GRLoaderBackgroundColor, white) var(--GRLoaderBackgroundColor, white) var(--GRLoaderBackgroundColor, white);\n        border-radius: 50%;\n        animation: spin .6s infinite linear;\n        z-index: 10;\n    }\n\n    &.splash-container--fadeIn {\n        opacity: 1;\n        transition: opacity ease-in 0.2s;\n    }\n\n    &.splash-container--fadeOut {\n        opacity: 0;\n        transition: opacity ease-out 0.3s;\n    }\n}"],"sourceRoot":""}]);
 // Exports
 ___CSS_LOADER_EXPORT___.locals = {
 	"splash-container": "splash-container--o7jGP",
@@ -850,7 +850,7 @@ ___CSS_LOADER_EXPORT___.locals = {
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, ".story--ieMN1{height:100%;width:100%;overflow:hidden;position:relative;border-radius:var(--slide-border-radius, 0)}.story--ieMN1.story_mobile--ugLFZ{border-radius:0}.story--ieMN1.story_mobile--ugLFZ .story-slides--Ekd4b{border-radius:var(--slide-border-radius, 0)}.story--ieMN1 .story-slides--Ekd4b{position:absolute;overflow:hidden;top:0;left:0;bottom:0;right:0}", "",{"version":3,"sources":["webpack://./src/StoryReader/Story/story.module.scss"],"names":[],"mappings":"AAAA,cACI,WAAA,CACA,UAAA,CACA,eAAA,CACA,iBAAA,CACA,2CAAA,CAEA,kCACI,eAAA,CAEA,uDACI,2CAAA,CAIR,mCACI,iBAAA,CACA,eAAA,CACA,KAAA,CACA,MAAA,CACA,QAAA,CACA,OAAA","sourcesContent":[".story {\n    height: 100%;\n    width: 100%;\n    overflow: hidden;\n    position: relative;\n    border-radius: var(--slide-border-radius, 0);\n\n    &.story_mobile {\n        border-radius: 0;\n\n        .story-slides {\n            border-radius: var(--slide-border-radius, 0);\n        }\n    }\n\n    .story-slides {\n        position: absolute;\n        overflow: hidden;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n    }\n}"],"sourceRoot":""}]);
+___CSS_LOADER_EXPORT___.push([module.id, ".story--ieMN1{height:100%;width:100%;position:relative;backface-visibility:hidden;transform:translateZ(0);overflow:hidden;border-radius:var(--slide-border-radius, 0)}@supports(clip-path: inset(0 round 0)){.story--ieMN1{overflow:visible;border-radius:0;clip-path:inset(0 round var(--slide-border-radius, 0px))}}.story--ieMN1.story_mobile--ugLFZ{border-radius:0}.story--ieMN1.story_mobile--ugLFZ .story-slides--Ekd4b{border-radius:var(--slide-border-radius, 0)}.story--ieMN1 .story-slides--Ekd4b{position:absolute;overflow:hidden;top:0;left:0;bottom:0;right:0}", "",{"version":3,"sources":["webpack://./src/StoryReader/Story/story.module.scss"],"names":[],"mappings":"AAAA,cACI,WAAA,CACA,UAAA,CACA,iBAAA,CACA,0BAAA,CACA,uBAAA,CACA,eAAA,CACA,2CAAA,CAEA,uCATJ,cAUQ,gBAAA,CACA,eAAA,CACA,wDAAA,CAAA,CAGJ,kCACI,eAAA,CAEA,uDACI,2CAAA,CAIR,mCACI,iBAAA,CACA,eAAA,CACA,KAAA,CACA,MAAA,CACA,QAAA,CACA,OAAA","sourcesContent":[".story {\n    height: 100%;\n    width: 100%;\n    position: relative;\n    backface-visibility: hidden;\n    transform: translateZ(0);\n    overflow: hidden;\n    border-radius: var(--slide-border-radius, 0);\n\n    @supports (clip-path: inset(0 round 0)) {\n        overflow: visible;\n        border-radius: 0;\n        clip-path: inset(0 round var(--slide-border-radius, 0px));\n    }\n\n    &.story_mobile {\n        border-radius: 0;\n\n        .story-slides {\n            border-radius: var(--slide-border-radius, 0);\n        }\n    }\n\n    .story-slides {\n        position: absolute;\n        overflow: hidden;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n    }\n}"],"sourceRoot":""}]);
 // Exports
 ___CSS_LOADER_EXPORT___.locals = {
 	"story": "story--ieMN1",
@@ -976,6 +976,31 @@ ___CSS_LOADER_EXPORT___.locals = {
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
 
+/***/ }),
+
+/***/ 827:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(372);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(935);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default()));
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, ".ias-copy-button--q2E8X{color:#fff}.ias-copy-button--q2E8X:hover{color:#fff}", "",{"version":3,"sources":["webpack://./src/UI/SharePanel/ShareCopyButton/shareCopyButton.module.scss"],"names":[],"mappings":"AAAA,wBACI,UAAA,CAGJ,8BACI,UAAA","sourcesContent":[".ias-copy-button {\n    color: white;\n}\n\n.ias-copy-button:hover {\n    color: white;\n}"],"sourceRoot":""}]);
+// Exports
+___CSS_LOADER_EXPORT___.locals = {
+	"ias-copy-button": "ias-copy-button--q2E8X"
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+
+
 /***/ }),
 
 /***/ 749:
@@ -5912,78 +5937,13 @@ const AppearanceCommonOptionsDefault = {
 };
 
 
-;// CONCATENATED MODULE: ../core/src/types/gameReader.ts
-
-const GameReaderOptionsDefault = {
-    borderRadius: 5,
-    loader: {
-        default: {
-            color: "white",
-            accentColor: "transparent"
-        },
-        custom: null
-    },
-    backdropColor: "#1a1a1a",
-    backdrop: {
-        opacity: 1,
-        background: "#1a1a1a"
-    },
-    game: {
-        backdropColor: "rgb(51, 51, 51)"
-    },
-    forceDesktopMode: AppearanceCommonOptionsDefault.forceDesktopMode,
-    forceCheckOrientation: true
-};
-
-
-;// CONCATENATED MODULE: ../core/src/types/goodsWidget.ts
-var GoodsWidgetRenderingType;
-(function (GoodsWidgetRenderingType) {
-    GoodsWidgetRenderingType["DEFAULT"] = "default";
-    GoodsWidgetRenderingType["CUSTOM_CARD"] = "customCard";
-})(GoodsWidgetRenderingType || (GoodsWidgetRenderingType = {}));
-const GoodsWidgetOptionsDefault = {
-    goodsWidgetRenderingType: GoodsWidgetRenderingType.DEFAULT,
-    goodsList: {
-        renderingType: GoodsWidgetRenderingType.DEFAULT,
-        closeBackgroundColor: "#000000",
-        substrateHeight: 200,
-        substrateColor: "#FFFFFF",
-        dimColor: "rgba(0, 0, 0, 0.5)"
-    },
-    goodsCard: {
-        mainTextColor: "#000000",
-        oldPriceTextColor: "#CCCCCC",
-        imageBackgroundColor: "transparent",
-        imageCornerRadius: 8
-    },
-    openGoodsWidgetHandler: goods => Promise.resolve(goods),
-    loader: {
-        default: {
-            color: "gray",
-            accentColor: "transparent"
-        }
-    }
-};
-
-
-;// CONCATENATED MODULE: ../core/src/types/storyManager.ts
-var StoryManagerEvent;
-(function (StoryManagerEvent) {
-    StoryManagerEvent["WidgetEvent"] = "widgetEvent";
-    StoryManagerEvent["ClickOnButton"] = "clickOnButton";
-})(StoryManagerEvent || (StoryManagerEvent = {}));
-var CTASource;
-(function (CTASource) {
-    CTASource["STORY_LIST"] = "storyList";
-    CTASource["STORY_READER"] = "storyReader";
-    CTASource["GAME_READER"] = "gameReader";
-    CTASource["STACK_STORY_LIST"] = "stackStoryList";
-    CTASource["IAM_READER"] = "iamReader";
-    CTASource["BANNERS"] = "banners";
-})(CTASource || (CTASource = {}));
-
 ;// CONCATENATED MODULE: ../core/src/types/sharePanel.ts
+var ShareType;
+(function (ShareType) {
+    ShareType["Text"] = "text";
+    ShareType["Link"] = "link";
+    ShareType["Image"] = "image";
+})(ShareType || (ShareType = {}));
 const twitter = {
     label: "X",
     icon: {
@@ -6077,6 +6037,14 @@ const SharePanelDefault = {
     },
     copyButton: {
         label: "Copy link",
+        getLabel: ({ url, text, type }) => {
+            var _a;
+            if (type === ShareType.Link)
+                return (_a = SharePanelDefault.copyButton.label) !== null && _a !== void 0 ? _a : "Copy link";
+            if (type === ShareType.Text)
+                return "Copy text";
+            return "";
+        },
         svgSrc: {
             baseState: `<svg width="30px" height="30px" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20"><path d="M6.6 0a2 2 0 0 0-2 2v12c0 1.2.9 2 2 2h9a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2h-9Zm0 2h9v12h-9V2Z" fill="currentColor"/><path d="M2.6 20a2 2 0 0 1-2-2V5h2v13h10v2h-10Z" fill="currentColor"/></svg>`,
             doneState: `<svg width="30px" height="30px" fill="none" viewBox="0 0 386 264" xmlns="http://www.w3.org/2000/svg">
@@ -6094,7 +6062,7 @@ const SharePanelDefault = {
             background: "white",
             display: true
         },
-        getValue: ({ url }) => url
+        getValue: ({ url, text }) => url || text || ""
     },
     background: "#202125",
     borderRadius: 20,
@@ -6107,6 +6075,79 @@ const SharePanelDefault = {
     }
 };
 
+;// CONCATENATED MODULE: ../core/src/types/gameReader.ts
+
+
+const GameReaderOptionsDefault = {
+    borderRadius: 5,
+    loader: {
+        default: {
+            color: "white",
+            accentColor: "transparent"
+        },
+        custom: null
+    },
+    backdropColor: "#1a1a1a",
+    backdrop: {
+        opacity: 1,
+        background: "#1a1a1a"
+    },
+    game: {
+        backdropColor: "rgb(51, 51, 51)"
+    },
+    forceDesktopMode: AppearanceCommonOptionsDefault.forceDesktopMode,
+    forceCheckOrientation: true,
+    sharePanel: SharePanelDefault,
+};
+
+
+;// CONCATENATED MODULE: ../core/src/types/goodsWidget.ts
+var GoodsWidgetRenderingType;
+(function (GoodsWidgetRenderingType) {
+    GoodsWidgetRenderingType["DEFAULT"] = "default";
+    GoodsWidgetRenderingType["CUSTOM_CARD"] = "customCard";
+})(GoodsWidgetRenderingType || (GoodsWidgetRenderingType = {}));
+const GoodsWidgetOptionsDefault = {
+    goodsWidgetRenderingType: GoodsWidgetRenderingType.DEFAULT,
+    goodsList: {
+        renderingType: GoodsWidgetRenderingType.DEFAULT,
+        closeBackgroundColor: "#000000",
+        substrateHeight: 200,
+        substrateColor: "#FFFFFF",
+        dimColor: "rgba(0, 0, 0, 0.5)"
+    },
+    goodsCard: {
+        mainTextColor: "#000000",
+        oldPriceTextColor: "#CCCCCC",
+        imageBackgroundColor: "transparent",
+        imageCornerRadius: 8
+    },
+    openGoodsWidgetHandler: goods => Promise.resolve(goods),
+    loader: {
+        default: {
+            color: "gray",
+            accentColor: "transparent"
+        }
+    }
+};
+
+
+;// CONCATENATED MODULE: ../core/src/types/storyManager.ts
+var StoryManagerEvent;
+(function (StoryManagerEvent) {
+    StoryManagerEvent["WidgetEvent"] = "widgetEvent";
+    StoryManagerEvent["ClickOnButton"] = "clickOnButton";
+})(StoryManagerEvent || (StoryManagerEvent = {}));
+var CTASource;
+(function (CTASource) {
+    CTASource["STORY_LIST"] = "storyList";
+    CTASource["STORY_READER"] = "storyReader";
+    CTASource["GAME_READER"] = "gameReader";
+    CTASource["STACK_STORY_LIST"] = "stackStoryList";
+    CTASource["IAM_READER"] = "iamReader";
+    CTASource["BANNERS"] = "banners";
+})(CTASource || (CTASource = {}));
+
 ;// CONCATENATED MODULE: ../core/src/types/storyReader.ts
 
 var StoryReaderSwipeStyle;
@@ -7649,11 +7690,6 @@ function processSlideElement(env, preview, styles, hideElementsSelector) {
  * iOS in VK mini apps - does not complete share promise (on bottom sheet swipe down)
  * so we check and call `completeNativeSharing()` after any user gesture
  */
-var ShareType;
-(function (ShareType) {
-    ShareType["Social"] = "social";
-    ShareType["SlideScreenshot"] = "slide-screenshot";
-})(ShareType || (ShareType = {}));
 class SharingService {
     async getScreenShot({ hideElementsSelector, slideContent }) {
         const file = await processSlideElement(ENV.IOS, slideContent, extractStyles(function () {
@@ -7721,6 +7757,7 @@ var sharePanelViewModel_classPrivateFieldSet = (undefined && undefined.__classPr
 
 
 
+
 let SharePanelViewModel = (() => {
     var _a, _SharePanelViewModel__isOpened_accessor_storage, _SharePanelViewModel__params_accessor_storage;
     let _instanceExtraInitializers = [];
@@ -7779,7 +7816,7 @@ let SharePanelViewModel = (() => {
                 _SharePanelViewModel__isOpened_accessor_storage.set(this, sharePanelViewModel_runInitializers(this, __isOpened_initializers, false));
                 _SharePanelViewModel__params_accessor_storage.set(this, (sharePanelViewModel_runInitializers(this, __isOpened_extraInitializers), sharePanelViewModel_runInitializers(this, __params_initializers, {
                     id: "",
-                    type: ShareType.Social,
+                    type: ShareType.Link,
                     link: ""
                 })));
                 Object.defineProperty(this, "currentStorySlide", {
@@ -7812,7 +7849,7 @@ let SharePanelViewModel = (() => {
                 this._isOpened = false;
                 this._params = {
                     id: "",
-                    type: ShareType.Social,
+                    type: ShareType.Image,
                     link: ""
                 };
                 this.touchController.enable();
@@ -7835,7 +7872,7 @@ let SharePanelViewModel = (() => {
                     url = screenShot.url;
                     const shareConfig = { files: [screenShot.file], text: shareText };
                     if (isDesktopMode_isDesktopMode) {
-                        this.open({ type: ShareType.SlideScreenshot, id: shareId, link: url, text: shareText });
+                        this.open({ type: ShareType.Image, id: shareId, link: url, text: shareText });
                         return;
                     }
                     await this.startNativeSharing(shareId, shareConfig);
@@ -7843,7 +7880,7 @@ let SharePanelViewModel = (() => {
                 catch (error) {
                     console.error(error);
                     if (url)
-                        this.open({ type: ShareType.SlideScreenshot, id: shareId, link: url, text: shareText });
+                        this.open({ type: ShareType.Image, id: shareId, link: url, text: shareText });
                 }
             }
             async shareText({ shareId, config: configDto, storySlide }) {
@@ -7853,7 +7890,7 @@ let SharePanelViewModel = (() => {
                     shareId = "story-share";
                 const config = this.sharingService.getFilteredConfigDto(configDto);
                 const sharePath = (config.url = (_b = config.url) !== null && _b !== void 0 ? _b : config.text);
-                const desktopOpenSharePanelParams = { type: ShareType.Social, id: shareId, link: sharePath };
+                const desktopOpenSharePanelParams = { type: ShareType.Link, id: shareId, link: sharePath };
                 try {
                     if (isDesktopMode_isDesktopMode) {
                         this.open(desktopOpenSharePanelParams);
@@ -10473,7 +10510,7 @@ class GameClientConfig {
             value: void 0
         });
         const storyManagerConfig = this.storyManager.config;
-        const sdkVersion = "1.9.2";
+        const sdkVersion = "1.9.4";
         const placeholders = this.storyManager.rootStore.placeholderStore.placeholders;
         const session = this.storyManager.rootStore.sessionStore.session;
         this.sessionId = session.id;
@@ -11072,11 +11109,7 @@ const dataUrlToFile = async ({ file, name, type }) => {
 ;// CONCATENATED MODULE: ../core/src/domain/gameCenter/modules/shareModule/shareModule.ts
 
 
-var shareModule_ShareType;
-(function (ShareType) {
-    ShareType["Social"] = "social";
-    ShareType["SlideScreenshot"] = "slide-screenshot";
-})(shareModule_ShareType || (shareModule_ShareType = {}));
+
 class GameShareModule {
     constructor(storyManager, shareNotifier) {
         Object.defineProperty(this, "storyManager", {
@@ -11096,24 +11129,20 @@ class GameShareModule {
             configurable: true,
             writable: true,
             value: async (shareId, configDto) => {
-                var _a, _b;
+                var _a;
                 const config = this.getFilteredConfigDto(configDto);
-                let sharePath = (_b = (_a = config === null || config === void 0 ? void 0 : config.url) !== null && _a !== void 0 ? _a : config.text) !== null && _b !== void 0 ? _b : "";
+                let shareLink = (_a = config === null || config === void 0 ? void 0 : config.url) !== null && _a !== void 0 ? _a : "";
                 try {
                     const files = await this.getShareFiles(configDto);
                     config.files = files.length > 0 ? files : undefined;
-                    if (!((config.files && config.files.length > 0) || config.url)) {
-                        this.shareNotifier.notifyShareCompleted({ shareId, isSuccess: false });
-                        return;
-                    }
                     if (isDesktopMode_isDesktopMode) {
-                        this.openSharePanel({ shareConfig: config, sharePath, shareId });
+                        this.openSharePanel({ shareConfig: config, shareLink, shareId, shareText: config.text });
                         return;
                     }
                     await this.startNativeSharing(shareId, config);
                 }
                 catch (err) {
-                    this.openSharePanel({ shareConfig: config, sharePath, shareId });
+                    this.openSharePanel({ shareConfig: config, shareLink, shareId, shareText: config.text });
                 }
             }
         });
@@ -11158,17 +11187,19 @@ class GameShareModule {
         }
         return newConfig;
     }
-    openSharePanel({ shareConfig, sharePath, shareId }) {
-        let shareType = shareModule_ShareType.Social;
-        let shareLink = sharePath;
+    openSharePanel({ shareConfig, shareLink, shareId, shareText }) {
+        let shareType = ShareType.Link;
+        if (!shareLink)
+            shareType = ShareType.Text;
         if (shareConfig.files && shareConfig.files.length > 0) {
-            shareType = shareModule_ShareType.SlideScreenshot;
+            shareType = ShareType.Image;
             shareLink = URL.createObjectURL(shareConfig.files[0]);
         }
         this.shareNotifier.notifyOpenSharePanel({
             shareId,
             shareType,
-            shareLink
+            shareLink,
+            shareText
         });
     }
 }
@@ -11682,9 +11713,9 @@ let GameReaderViewModel = (() => {
             async createAndOpenSession({ iframe, game, params }) {
                 const gameOrigin = new URL(game.url).origin;
                 const session = this.gameSessionFactory.create(iframe, gameOrigin);
+                this.useGameModules(session, game);
                 const dto = game.toInitDto(params);
                 await session.open(dto);
-                this.useGameModules(session, game);
                 this.storyManager.emit("startGame", { id: game.id });
                 return session;
             }
@@ -11694,7 +11725,7 @@ let GameReaderViewModel = (() => {
             }
             async closeGame() {
                 var _b;
-                if (!this._isOpened || !this._game)
+                if (!this._isOpened)
                     return false;
                 if (this._isGameInited)
                     (_b = this.gameSession) === null || _b === void 0 ? void 0 : _b.closeGameReader();
@@ -11744,12 +11775,8 @@ let GameReaderViewModel = (() => {
                 var _b;
                 (_b = this.gameSession) === null || _b === void 0 ? void 0 : _b.shareComplete(shareId, isSuccess);
             }
-            notifyOpenSharePanel({ shareId, shareType, shareLink }) {
-                this.emit(GameReaderEvent.OpenSharePanel, {
-                    shareId,
-                    shareType,
-                    shareLink
-                });
+            notifyOpenSharePanel(event) {
+                this.emit(GameReaderEvent.OpenSharePanel, event);
             }
             async waitForeground(session) {
                 const payload = await session.waitForeground();
@@ -11781,13 +11808,15 @@ let GameReaderViewModel = (() => {
                 this.resetGameData();
             }
             finishGame({ result, openStory, gameInstance }) {
-                const gameId = this.ensureGameIsOpen();
+                var _b;
+                const gameId = (_b = this.game) === null || _b === void 0 ? void 0 : _b.id;
                 this.resetScrollbar();
                 this.closeSession();
                 this.resetFlags();
                 this.resetGameData();
                 this.resetCounters();
-                this.emitGameCompletion(gameId, result);
+                if (gameId)
+                    this.emitGameCompletion(gameId, result);
                 this.navigateAfterGame({ gameInstance, openStory });
             }
             resetScrollbar() {
@@ -11810,13 +11839,6 @@ let GameReaderViewModel = (() => {
             resetCounters() {
                 this.retryAttempts = 0;
             }
-            ensureGameIsOpen() {
-                var _b;
-                const gameId = (_b = this.game) === null || _b === void 0 ? void 0 : _b.id;
-                if (!gameId)
-                    throw new NoOpenedGameError();
-                return gameId;
-            }
             emitGameCompletion(gameId, result) {
                 const event = (0,isEmpty_js_namespaceObject["default"])(result) ? "closeGame" : "finishGame";
                 const payload = (0,isEmpty_js_namespaceObject["default"])(result) ? { id: gameId } : { id: gameId, result };
@@ -13448,11 +13470,13 @@ class ShowOnboardingStoriesStrategy {
     async show(payload) {
         var _a, _b;
         const storyFeedStore = this.storyManager.rootStore.onboardingFeedStore;
+        this.throwIfAborted(payload.signal);
         const onboardingFeed = await storyFeedStore.fetchOnboardingFeed({
             feedSlug: payload.feedSlug,
             tags: (_a = payload.customTags) !== null && _a !== void 0 ? _a : [],
             limit: (_b = payload.limit) !== null && _b !== void 0 ? _b : undefined
         });
+        this.throwIfAborted(payload.signal);
         this._feed = onboardingFeed;
         const feedLoadEvent = this.getFeedLoadEvent(onboardingFeed.slug, onboardingFeed.stories);
         this.emitFeedLoad(feedLoadEvent);
@@ -13494,6 +13518,11 @@ class ShowOnboardingStoriesStrategy {
     async reload(payload) {
         this.showMultipleStoriesStrategy.reload(payload);
     }
+    throwIfAborted(signal) {
+        if (signal === null || signal === void 0 ? void 0 : signal.aborted) {
+            throw new DOMException("Aborted", "AbortError");
+        }
+    }
 }
 
 ;// CONCATENATED MODULE: ../core/src/readers/storyReader/storyReaderViewModel/storyDisplayStrategies/showMultipleStoriesStrategy.ts
@@ -13595,7 +13624,8 @@ class ShowStoryFromSharePageStrategy {
     async show(payload) {
         await this.showStoryStrategy.show({
             storyId: payload.storyId,
-            fetchShareUrl: payload.fetchShareUrl
+            fetchShareUrl: payload.fetchShareUrl,
+            signal: payload.signal
         });
     }
     async reload(payload) {
@@ -13627,12 +13657,14 @@ class ShowStoryOnceStrategy {
     }
     async show(payload) {
         try {
+            this.throwIfAborted(payload.signal);
             const storyStore = this.storyManager.rootStore.storyStore;
             const story = await storyStore.fetchStoryById({
                 storyId: payload.storyId,
                 feedSlug: "",
                 once: true
             });
+            this.throwIfAborted(payload.signal);
             if (story.error)
                 throw story.error;
             if (story.isOpened)
@@ -13653,6 +13685,11 @@ class ShowStoryOnceStrategy {
     }
     async handleNextStoryByIndex(storyIndex) { }
     async reload(payload) { }
+    throwIfAborted(signal) {
+        if (signal === null || signal === void 0 ? void 0 : signal.aborted) {
+            throw new DOMException("Aborted", "AbortError");
+        }
+    }
 }
 
 ;// CONCATENATED MODULE: ../core/src/readers/storyReader/storyReaderViewModel/storyDisplayStrategies/showStoryStrategy.ts
@@ -13676,12 +13713,14 @@ class ShowStoryStrategy {
         return null;
     }
     async show(payload) {
+        this.throwIfAborted(payload.signal);
         const storyStore = this.storyManager.rootStore.storyStore;
         const story = await storyStore.fetchStoryById({
             storyId: payload.storyId,
             feedSlug: "",
             fetchShareUrl: payload.fetchShareUrl
         });
+        this.throwIfAborted(payload.signal);
         this.openStoryReader(story, payload);
     }
     openStoryReader(story, payload) {
@@ -13693,6 +13732,11 @@ class ShowStoryStrategy {
     }
     async handleNextStoryByIndex(storyIndex) { }
     async reload(payload) { }
+    throwIfAborted(signal) {
+        if (signal === null || signal === void 0 ? void 0 : signal.aborted) {
+            throw new DOMException("Aborted", "AbortError");
+        }
+    }
 }
 
 ;// CONCATENATED MODULE: ../core/src/readers/storyReader/storyReaderViewModel/storyDisplayStrategies/storyDisplayStrategyFactory.ts
@@ -14653,21 +14697,18 @@ let StoryReaderViewModel = (() => {
             canBeClosed() {
                 return this.activeStory ? !this.activeStory.disableClose : false;
             }
-            async showStory(storyId) {
+            async showStory(storyId, options = {}) {
                 this._currentStoryDisplayStrategy = this.storyDisplayStrategyFactory.createShowStory();
-                await this._currentStoryDisplayStrategy.show({ storyId });
+                await this._currentStoryDisplayStrategy.show(Object.assign({ storyId }, options));
             }
-            async showStoryOnce(storyId) {
+            async showStoryOnce(storyId, options = {}) {
                 this._currentStoryDisplayStrategy = this.storyDisplayStrategyFactory.createShowStoryOnce();
-                await this._currentStoryDisplayStrategy.show({ storyId });
+                await this._currentStoryDisplayStrategy.show(Object.assign({ storyId }, options));
             }
-            async showStoryFromSharePage(storyId) {
+            async showStoryFromSharePage(storyId, options = {}) {
                 const showStoryFromSharePageDisplayStrategy = this.storyDisplayStrategyFactory.createShowStoryFromSharePage();
                 this._currentStoryDisplayStrategy = showStoryFromSharePageDisplayStrategy;
-                await showStoryFromSharePageDisplayStrategy.show({
-                    storyId,
-                    fetchShareUrl: this.storyManager.isStatisticsDisabled
-                });
+                await showStoryFromSharePageDisplayStrategy.show(Object.assign({ storyId, fetchShareUrl: this.storyManager.isStatisticsDisabled }, options));
             }
             async showOnboardingStories(options) {
                 const config = await this.storyManager.waitForConfig();
@@ -17316,20 +17357,22 @@ let IamReaderViewModel = (() => {
                 return messages;
             }
             async showMessageById(messageId, options = {}) {
-                const config = await this.storyManager.waitForConfig();
-                if (config.anonymous)
-                    throw new IamMessageAnonymousOpen(messageId);
-                this.checkMessageNotOpened();
+                this.throwIfAborted(options.signal);
+                await this.throwIfAnonymousUser(messageId);
+                this.throwIfMessageOpened();
+                this.throwIfAborted(options.signal);
                 const message = await this.iamDisplayService.getMessageById(messageId, options);
+                this.throwIfAborted(options.signal);
                 await this.open(message);
                 return message;
             }
             async showMessageByEvent(eventName, options = {}) {
-                const config = await this.storyManager.waitForConfig();
-                if (config.anonymous)
-                    throw new IamMessageAnonymousOpen(eventName);
-                this.checkMessageNotOpened();
+                this.throwIfAborted(options.signal);
+                await this.throwIfAnonymousUser(eventName);
+                this.throwIfMessageOpened();
+                this.throwIfAborted(options.signal);
                 const message = await this.iamDisplayService.getMessageByEvent(eventName, options);
+                this.throwIfAborted(options.signal);
                 await this.open(message);
                 return message;
             }
@@ -17399,10 +17442,20 @@ let IamReaderViewModel = (() => {
                     slideAnalytics: activeMessage.slidesAnalytics
                 });
             }
-            checkMessageNotOpened() {
+            throwIfMessageOpened() {
                 if (this.activeMessage)
                     throw new IamMessageOpenError(this.activeMessage.id);
             }
+            async throwIfAnonymousUser(messageId) {
+                const config = await this.storyManager.waitForConfig();
+                if (config.anonymous)
+                    throw new IamMessageAnonymousOpen(messageId);
+            }
+            throwIfAborted(signal) {
+                if (signal === null || signal === void 0 ? void 0 : signal.aborted) {
+                    throw new DOMException("Aborted", "AbortError");
+                }
+            }
         },
         _IamReaderViewModel__activeMessage_accessor_storage = new WeakMap(),
         (() => {
@@ -21038,7 +21091,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.2";
+        const sdkVersion = "1.9.4";
         this._config = {
             sessionId: session.id,
             apiKey: storyManagerConfig.apiKey,
@@ -21509,11 +21562,11 @@ class StoryManager extends TypedEventEmitter {
         return deviceDescriptor.deviceId;
     }
     get sdkVersionName() {
-        const sdkVersionName = "1.9.2";
+        const sdkVersionName = "1.9.4";
         return sdkVersionName || "0.0.0";
     }
     get sdkVersionCode() {
-        const sdkVersionCode = 10902;
+        const sdkVersionCode = 10904;
         return sdkVersionCode ? parseInt(sdkVersionCode) : 0;
     }
     get lang() {
@@ -21577,7 +21630,7 @@ class StoryManager extends TypedEventEmitter {
         this.rootStore.storyManagerConfigStore.setConfig(configDto);
     }
     setUserAgent(userAgent) {
-        const sdkVersionCode = 10902;
+        const sdkVersionCode = 10904;
         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)}`;
@@ -21590,23 +21643,24 @@ class StoryManager extends TypedEventEmitter {
         return this.storyReader.showOnboardingStories({
             feedSlug: (_a = options === null || options === void 0 ? void 0 : options.feed) !== null && _a !== void 0 ? _a : undefined,
             customTags: options === null || options === void 0 ? void 0 : options.customTags,
-            limit: (_b = options === null || options === void 0 ? void 0 : options.limit) !== null && _b !== void 0 ? _b : undefined
+            limit: (_b = options === null || options === void 0 ? void 0 : options.limit) !== null && _b !== void 0 ? _b : undefined,
+            signal: options === null || options === void 0 ? void 0 : options.signal
         });
     }
-    async showStory(storyId) {
+    async showStory(storyId, options = {}) {
         if (typeof storyId === "string")
             storyId = +storyId || storyId;
-        await this.storyReader.showStory(storyId);
+        await this.storyReader.showStory(storyId, options);
     }
-    async showStoryOnce(storyId) {
+    async showStoryOnce(storyId, options = {}) {
         if (typeof storyId === "string")
             storyId = +storyId || storyId;
-        await this.storyReader.showStoryOnce(storyId);
+        await this.storyReader.showStoryOnce(storyId, options);
     }
-    async showSharePage(storyId) {
+    async showSharePage(storyId, options = {}) {
         if (typeof storyId === "string")
             storyId = +storyId || storyId;
-        await this.storyReader.showStoryFromSharePage(storyId);
+        await this.storyReader.showStoryFromSharePage(storyId, options);
     }
     closeAllReaders() {
         this.storyReader.close();
@@ -22697,6 +22751,47 @@ var socialSharePanelBody_module_update = injectStylesIntoStyleTag_default()(soci
 
 
 /* harmony default export */ const SocialSharePanelBody_socialSharePanelBody_module = (socialSharePanelBody_module/* default */.A.locals || {});
+// EXTERNAL MODULE: ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/UI/SharePanel/ShareCopyButton/shareCopyButton.module.scss
+var shareCopyButton_module = __webpack_require__(827);
+;// CONCATENATED MODULE: ./src/UI/SharePanel/ShareCopyButton/shareCopyButton.module.scss
+
+            
+
+var shareCopyButton_module_options = {};
+
+shareCopyButton_module_options.insert = "head";
+shareCopyButton_module_options.singleton = false;
+
+var shareCopyButton_module_update = injectStylesIntoStyleTag_default()(shareCopyButton_module/* default */.A, shareCopyButton_module_options);
+
+
+
+/* harmony default export */ const ShareCopyButton_shareCopyButton_module = (shareCopyButton_module/* default */.A.locals || {});
+;// CONCATENATED MODULE: ./src/UI/SharePanel/ShareCopyButton/ShareCopyButton.tsx
+
+
+
+const ShareCopyButton = (props) => {
+    var _a, _b, _c;
+    return ((0,jsx_runtime_namespaceObject.jsxs)("a", { className: `${SharePanel_sharePanel_module["share-item"]} ${ShareCopyButton_shareCopyButton_module["ias-copy-button"]}`, onClick: props.onClick, children: [(0,jsx_runtime_namespaceObject.jsx)("div", { dangerouslySetInnerHTML: {
+                    __html: (_c = (_b = (_a = props.options.copyButton) === null || _a === void 0 ? void 0 : _a.svgSrc) === null || _b === void 0 ? void 0 : _b.baseState) !== null && _c !== void 0 ? _c : ""
+                } }), (0,jsx_runtime_namespaceObject.jsx)("span", { className: SharePanel_sharePanel_module["share-item-title"], style: props.options.text, children: props.label })] }));
+};
+
+;// CONCATENATED MODULE: ./src/UI/SharePanel/ShareCopyButton/index.ts
+
+
+;// CONCATENATED MODULE: ./src/UI/SharePanel/Divider/Divider.tsx
+
+
+const Divider = (props) => {
+    var _a;
+    return ((0,jsx_runtime_namespaceObject.jsx)("div", { className: SharePanel_sharePanel_module["share-panel-separator"], style: { background: (_a = props.options.divider) === null || _a === void 0 ? void 0 : _a.background } }));
+};
+
+;// CONCATENATED MODULE: ./src/UI/SharePanel/Divider/index.ts
+
+
 ;// CONCATENATED MODULE: ./src/UI/SharePanel/SocialSharePanelBody/Favicon.tsx
 
 
@@ -22728,10 +22823,13 @@ var SocialSharePanelBody_rest = (undefined && undefined.__rest) || function (s,
 
 
 
+
+
+
 const SocialSharePanelBody = (_a) => {
-    var _b, _c, _d, _e, _f, _g, _h, _j, _k;
-    var { shareLink, sharePanelOptions, onShareComplete } = _a, props = SocialSharePanelBody_rest(_a, ["shareLink", "sharePanelOptions", "onShareComplete"]);
-    const getShareUrlDomain = () => {
+    var _b, _c, _d, _e, _f, _g, _h;
+    var { shareLink, shareText, sharePanelOptions, onShareComplete } = _a, props = SocialSharePanelBody_rest(_a, ["shareLink", "shareText", "sharePanelOptions", "onShareComplete"]);
+    const getShareUrlDomain = (shareLink) => {
         try {
             return new URL(shareLink).host;
         }
@@ -22740,12 +22838,12 @@ const SocialSharePanelBody = (_a) => {
             return null;
         }
     };
-    const getShareUrl = () => {
+    const getShareUrl = (shareLink) => {
         try {
             return new URL(shareLink);
         }
-        catch (e) {
-            console.error(e);
+        catch (error) {
+            console.error(error);
             return null;
         }
     };
@@ -22753,52 +22851,71 @@ const SocialSharePanelBody = (_a) => {
         window.removeEventListener("focus", handleShareCompleteByWindowFocus);
         onShareComplete();
     };
-    const getEncodedShareText = () => {
-        return getShareUrlDomain() ? "" : encodeURIComponent(shareLink);
+    const getShareText = () => {
+        if (shareLink) {
+            return getShareUrlDomain(shareLink) ? "" : encodeURIComponent(shareLink);
+        }
+        else {
+            return shareText !== null && shareText !== void 0 ? shareText : "";
+        }
     };
     const openWindow = (url, target, features) => {
         window.addEventListener("focus", handleShareCompleteByWindowFocus);
         window.open(url, target, features);
     };
-    const onCopyClick = () => {
-        new Clipboard().copy(shareLink);
+    const onCopyClick = (content) => {
+        new Clipboard().copy(content);
         onShareComplete();
     };
     const getUrlByTarget = (target) => {
-        var _a, _b;
-        const shareUrl = getShareUrl();
-        if (!shareUrl)
-            return "#";
-        const shareTargetParams = (_a = sharePanelOptions.targetParams) === null || _a === void 0 ? void 0 : _a[target];
-        return (_b = shareTargetParams === null || shareTargetParams === void 0 ? void 0 : shareTargetParams.getUrl) === null || _b === void 0 ? void 0 : _b.call(shareTargetParams, {
+        var _a, _b, _c, _d;
+        const shareUrl = shareLink
+            ? (_a = getShareUrl(shareLink)) !== null && _a !== void 0 ? _a : ""
+            : (_b = window.location.origin) !== null && _b !== void 0 ? _b : window.parent.location.origin;
+        const shareTargetParams = (_c = sharePanelOptions.targetParams) === null || _c === void 0 ? void 0 : _c[target];
+        return (_d = shareTargetParams === null || shareTargetParams === void 0 ? void 0 : shareTargetParams.getUrl) === null || _d === void 0 ? void 0 : _d.call(shareTargetParams, {
             url: shareUrl.toString(),
-            text: getEncodedShareText()
+            text: getShareText()
         });
     };
     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: [(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) => {
+    const favicon = (_b = sharePanelOptions.title) === null || _b === void 0 ? void 0 : _b.favicon;
+    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: [shareLink && getShareUrlDomain(shareLink) && Boolean(favicon === null || favicon === void 0 ? void 0 : favicon.display) && ((0,jsx_runtime_namespaceObject.jsx)(Favicon, { shareDomain: getShareUrlDomain(shareLink), sharePanelOptions: sharePanelOptions, faviconApiUrl: props.faviconApiUrl })), (0,jsx_runtime_namespaceObject.jsxs)("span", { className: SharePanel_sharePanel_module["title"], dir: props.dir, style: textStyles, children: [props.type === ShareType.Link && shareLink
+                                ? (_d = (_c = sharePanelOptions.title) === null || _c === void 0 ? void 0 : _c.getValue) === null || _d === void 0 ? void 0 : _d.call(_c, {
+                                    url: shareLink,
+                                    text: getShareUrlDomain(shareLink) ? "" : encodeURIComponent(shareLink)
+                                })
+                                : "", props.type === ShareType.Text && shareText
+                                ? (_f = (_e = sharePanelOptions.title) === null || _e === void 0 ? void 0 : _e.getValue) === null || _f === void 0 ? void 0 : _f.call(_e, { url: shareLink, text: shareText })
+                                : ""] })] }), (0,jsx_runtime_namespaceObject.jsx)(Divider, { options: sharePanelOptions }), (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) => {
                     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: (_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 })] }) })] }));
+                }) }), (0,jsx_runtime_namespaceObject.jsx)(Divider, { options: sharePanelOptions }), (0,jsx_runtime_namespaceObject.jsx)("div", { className: SharePanel_sharePanel_module["share-panel-row"], children: (0,jsx_runtime_namespaceObject.jsx)(ShareCopyButton, { options: sharePanelOptions, label: (_h = sharePanelOptions.copyButton) === null || _h === void 0 ? void 0 : _h.getLabel({
+                        url: shareLink,
+                        text: shareText,
+                        type: props.type
+                    }), onClick: () => {
+                        let content = "";
+                        switch (props.type) {
+                            case ShareType.Text:
+                                content = shareText !== null && shareText !== void 0 ? shareText : "";
+                                break;
+                            case ShareType.Link:
+                                content = shareLink !== null && shareLink !== void 0 ? shareLink : "";
+                                break;
+                        }
+                        onCopyClick(content);
+                    } }) })] }));
 };
 
 ;// CONCATENATED MODULE: ./src/UI/SharePanel/SocialSharePanelBody/index.ts
 
 
 
-;// CONCATENATED MODULE: ./src/UI/SharePanel/types.ts
-var types_ShareType;
-(function (ShareType) {
-    ShareType["Social"] = "social";
-    ShareType["SlideScreenshot"] = "slide-screenshot";
-})(types_ShareType || (types_ShareType = {}));
-
 ;// CONCATENATED MODULE: ./src/UI/SharePanel/SharePanel.tsx
 
 
@@ -22837,12 +22954,13 @@ const SharePanel = ({ shareType, shareLink, shareText, onShareCompelete, sharePa
                     background: sharePanelOptions.background,
                     borderTopLeftRadius: sharePanelOptions.borderRadius + "px",
                     borderTopRightRadius: sharePanelOptions.borderRadius + "px"
-                }, children: [shareType === types_ShareType.SlideScreenshot && ((0,jsx_runtime_namespaceObject.jsx)(ScreenshotSharePanelBody, { shareText: shareText, shareLink: shareLink, onShareComplete: handleShareComplete, sharePanelOptions: sharePanelOptions })), shareType === types_ShareType.Social && ((0,jsx_runtime_namespaceObject.jsx)(SocialSharePanelBody, { shareLink: shareLink, onShareComplete: handleShareComplete, sharePanelOptions: sharePanelOptions, dir: dir })), (0,jsx_runtime_namespaceObject.jsx)("div", { className: SharePanel_sharePanel_module["share-panel-separator"] })] })] }));
+                }, children: [shareType === ShareType.Image && ((0,jsx_runtime_namespaceObject.jsx)(ScreenshotSharePanelBody, { shareText: shareText, shareLink: shareLink, onShareComplete: handleShareComplete, sharePanelOptions: sharePanelOptions })), (shareType === ShareType.Link || shareType === ShareType.Text) && ((0,jsx_runtime_namespaceObject.jsx)(SocialSharePanelBody, { shareLink: shareLink, shareText: shareText, onShareComplete: handleShareComplete, sharePanelOptions: sharePanelOptions, type: shareType, dir: dir }))] })] }));
 };
 
 ;// CONCATENATED MODULE: ./src/UI/SharePanel/index.ts
 
 
+
 ;// CONCATENATED MODULE: ./src/GameReader/hooks/useSharePanel.ts
 
 const useSharePanel = (gameReaderViewModel) => {
@@ -22888,6 +23006,7 @@ var gameSplashScreen_module_update = injectStylesIntoStyleTag_default()(gameSpla
 ;// CONCATENATED MODULE: ./src/GameReader/GameSplashScreen/SplashLottie/SplashLottie.tsx
 
 
+
 const SplashLottie = props => {
     const canvasRef = (0,external_react_namespaceObject.useRef)(null);
     const [lottiePlayer, setLottiePlayer] = (0,external_react_namespaceObject.useState)(null);
@@ -22902,6 +23021,17 @@ const SplashLottie = props => {
         if (lottiePlayer && props.forceEnd)
             lottiePlayer.stop();
     }, [lottiePlayer, props.forceEnd]);
+    (0,external_react_namespaceObject.useEffect)(() => {
+        if (!lottiePlayer)
+            return;
+        const handleResize = (0,debounce_js_namespaceObject["default"])(() => {
+            lottiePlayer.resize();
+        }, 300);
+        window.addEventListener("resize", handleResize);
+        return () => {
+            window.addEventListener("resize", handleResize);
+        };
+    }, [lottiePlayer]);
     (0,external_react_namespaceObject.useEffect)(() => {
         if (!lottiePlayer)
             return;
@@ -22981,7 +23111,8 @@ const GameSplashScreen_GameSplashScreen = (props) => {
     return ((0,jsx_runtime_namespaceObject.jsxs)("div", { className: (0,external_classnames_namespaceObject["default"])(GameSplashScreen_gameSplashScreen_module["splash-container"], {
             [GameSplashScreen_gameSplashScreen_module["splash-container--fadeIn"]]: props.game,
             [GameSplashScreen_gameSplashScreen_module["splash-container--fadeOut"]]: props.gameShouldBeShown,
-            [GameSplashScreen_gameSplashScreen_module["splash-container--isLoading"]]: needShowSpinner
+            [GameSplashScreen_gameSplashScreen_module["splash-container--isLoading"]]: needShowSpinner,
+            [GameSplashScreen_gameSplashScreen_module["splash-container--widescreen"]]: props.isWidescreen
         }), children: [(0,jsx_runtime_namespaceObject.jsx)("div", { className: GameSplashScreen_gameSplashScreen_module["splash-container__image"], style: { backgroundColor: props.splashImageBackgroundColor }, children: getGameSplashScreen() && ((0,jsx_runtime_namespaceObject.jsx)("img", { src: getGameSplashScreen(), onLoad: () => {
                         setGameSplashScreenLoaded(true);
                     } })) }), lottieSplashScreen && $dotLottie && ((0,jsx_runtime_namespaceObject.jsx)("div", { className: GameSplashScreen_gameSplashScreen_module["splash-container__lottie"], children: (0,jsx_runtime_namespaceObject.jsx)(SplashLottie, { "$dotLottie": $dotLottie, forceEnd: props.gameShouldBeShown, config: lottieSplashScreen, onError: () => {
@@ -23240,7 +23371,7 @@ const useGameReaderViewModel = ({ storyManager }) => {
 
 const GameReader = (0,external_mobx_react_lite_namespaceObject.observer)(({ gameReader }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-    const { gameReaderOptions: options, storyReaderOptions } = useIASContainer();
+    const { gameReaderOptions: options } = useIASContainer();
     const gameReaderIframeRef = (0,external_react_namespaceObject.useRef)(null);
     const { sharePanelOpeningParams, handleShareComplete, closeSharePanel } = useSharePanel(gameReader);
     const { gameGeometry, isDesktopGeometry } = useGameGeometry();
@@ -23286,7 +23417,7 @@ const GameReader = (0,external_mobx_react_lite_namespaceObject.observer)(({ game
         filter: ((_g = options.backdrop) === null || _g === void 0 ? void 0 : _g.blur) ? `blur(${options.backdrop.blur}px)` : "none"
     };
     const backdropColor = (_j = (_h = options.game) === null || _h === void 0 ? void 0 : _h.backdropColor) !== null && _j !== void 0 ? _j : "";
-    return (0,external_react_dom_namespaceObject.createPortal)((0,jsx_runtime_namespaceObject.jsx)("div", { className: GameReader_gameReader_module["game-reader-container"], style: getRootStyle(), children: (0,jsx_runtime_namespaceObject.jsxs)("div", { className: gameReaderClasses, children: [(0,jsx_runtime_namespaceObject.jsx)("div", { className: GameReader_gameReader_module["game-reader__backdrop"], style: gameBackdropStyle }), (0,jsx_runtime_namespaceObject.jsxs)(AspectRatioBox, { className: GameReader_gameReader_module["game-reader__game-box"], isWidescreen: isWidescreen, geometry: gameGeometry, children: [(0,jsx_runtime_namespaceObject.jsx)(GameSplashScreen_GameSplashScreen, { onSplashCanBeHidden: notifyGameCanBeStarted, isDesktopGeometry: isDesktopGeometry, isGameInited: gameReader.isGameInited, isGameLoading: isGameLoading, isGameLoadingError: Boolean(gameReader.gameError), gameShouldBeShown: gameReader.gameShouldBeShown, game: (_k = gameReader.game) !== null && _k !== void 0 ? _k : undefined, splashImageBackgroundColor: gameReader.game ? backdropColor : gameBackdropStyle.background }), gameError && ((0,jsx_runtime_namespaceObject.jsx)(RefreshIcon, { className: GameReader_gameReader_module["game-reader__refresh-btn"], onClick: retryLoadingGame })), (!gameReader.gameShouldBeShown || closeBtnVisible) && ((0,jsx_runtime_namespaceObject.jsx)(CloseButton, { closeButtonPosition: options.closeButtonPosition, dir: gameReader.dir, onCloseGame: closeGame, closeButtonOptions: options.closeButton })), game && ((0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, { children: [(0,jsx_runtime_namespaceObject.jsx)("iframe", { src: game.url, onLoad: handleIframeLoaded, style: { opacity: gameReader.gameShouldBeShown ? 1 : 0 }, frameBorder: "0", className: GameReader_gameReader_module["game-reader__iframe"], sandbox: "allow-same-origin allow-top-navigation allow-forms allow-scripts allow-downloads allow-top-navigation-to-custom-protocols", allow: "fullscreen" }), sharePanelOpeningParams && ((0,jsx_runtime_namespaceObject.jsx)(SharePanel, { dir: gameReader.dir, shareType: sharePanelOpeningParams.shareType, shareLink: sharePanelOpeningParams.shareLink, onShareCompelete: handleShareComplete, sharePanelOptions: storyReaderOptions.sharePanel }))] }))] }), game && options.forceCheckOrientation && ((0,jsx_runtime_namespaceObject.jsx)(ScreenOrientationLock, { orientation: o9n_SCREEN_ORIENTATIONS.PORTRAIT_PRIMARY, onOrientationChange: handleOrientationChange }))] }) }), document.body);
+    return (0,external_react_dom_namespaceObject.createPortal)((0,jsx_runtime_namespaceObject.jsx)("div", { className: GameReader_gameReader_module["game-reader-container"], style: getRootStyle(), children: (0,jsx_runtime_namespaceObject.jsxs)("div", { className: gameReaderClasses, children: [(0,jsx_runtime_namespaceObject.jsx)("div", { className: GameReader_gameReader_module["game-reader__backdrop"], style: gameBackdropStyle }), (0,jsx_runtime_namespaceObject.jsxs)(AspectRatioBox, { className: GameReader_gameReader_module["game-reader__game-box"], isWidescreen: isWidescreen, geometry: gameGeometry, children: [(0,jsx_runtime_namespaceObject.jsx)(GameSplashScreen_GameSplashScreen, { onSplashCanBeHidden: notifyGameCanBeStarted, isDesktopGeometry: isDesktopGeometry, isWidescreen: isWidescreen, isGameInited: gameReader.isGameInited, isGameLoading: isGameLoading, isGameLoadingError: Boolean(gameReader.gameError), gameShouldBeShown: gameReader.gameShouldBeShown, game: (_k = gameReader.game) !== null && _k !== void 0 ? _k : undefined, splashImageBackgroundColor: gameReader.game ? backdropColor : gameBackdropStyle.background }), gameError && ((0,jsx_runtime_namespaceObject.jsx)(RefreshIcon, { className: GameReader_gameReader_module["game-reader__refresh-btn"], onClick: retryLoadingGame })), (!gameReader.gameShouldBeShown || closeBtnVisible) && ((0,jsx_runtime_namespaceObject.jsx)(CloseButton, { closeButtonPosition: options.closeButtonPosition, dir: gameReader.dir, onCloseGame: closeGame, closeButtonOptions: options.closeButton })), game && ((0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, { children: [(0,jsx_runtime_namespaceObject.jsx)("iframe", { src: game.url, onLoad: handleIframeLoaded, style: { opacity: gameReader.gameShouldBeShown ? 1 : 0 }, frameBorder: "0", className: GameReader_gameReader_module["game-reader__iframe"], sandbox: "allow-same-origin allow-top-navigation allow-forms allow-scripts allow-downloads allow-top-navigation-to-custom-protocols", allow: "fullscreen" }), sharePanelOpeningParams && ((0,jsx_runtime_namespaceObject.jsx)(SharePanel, { dir: gameReader.dir, shareText: sharePanelOpeningParams.shareText, shareType: sharePanelOpeningParams.shareType, shareLink: sharePanelOpeningParams.shareLink, onShareCompelete: handleShareComplete, sharePanelOptions: options.sharePanel }))] }))] }), game && options.forceCheckOrientation && ((0,jsx_runtime_namespaceObject.jsx)(ScreenOrientationLock, { orientation: o9n_SCREEN_ORIENTATIONS.PORTRAIT_PRIMARY, onOrientationChange: handleOrientationChange }))] }) }), document.body);
 });
 
 ;// CONCATENATED MODULE: ./src/GameReader/index.ts