@megafon/ui-shared 4.16.0 → 4.18.0

package/CHANGELOG.md

@@ -3,6 +3,36 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.18.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@4.17.0...@megafon/ui-shared@4.18.0) (2023-04-14)
+
+
+### Bug Fixes
+
+* **instructions:** fixed screen scroll for iphone devices ([fae9838](https://github.com/MegafonWebLab/megafon-ui/commit/fae98383271ed7a291665cbb7f9011d17ec0bc93))
+* **storebanner:** fix cn for galaxy store ([02f484b](https://github.com/MegafonWebLab/megafon-ui/commit/02f484bee25550f5091a85b1d08a8252a6f361ee))
+* **storebutton:** compress png buttons ([3e0a2a0](https://github.com/MegafonWebLab/megafon-ui/commit/3e0a2a006dd7d102478164acfcda75816d07b7a9))
+
+
+### Features
+
+* **instructions:** add prop pictureVerticalAlign ([e380224](https://github.com/MegafonWebLab/megafon-ui/commit/e38022435ce3a5eaf2864bf6ed5a0028e81c9ec1))
+* **storebanner:** add Samsung Galaxy Store button ([ed28f42](https://github.com/MegafonWebLab/megafon-ui/commit/ed28f4270033c91acf23cbe113158f1051c6eff7))
+
+
+
+
+
+# [4.17.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@4.16.0...@megafon/ui-shared@4.17.0) (2023-04-11)
+
+
+### Features
+
+* **storebanner:** add RuStore and MiStore buttons ([9ed93d1](https://github.com/MegafonWebLab/megafon-ui/commit/9ed93d1e972276d18e8f955d42b665cf18aa8af4))
+
+
+
+
+
 # [4.16.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@4.15.1...@megafon/ui-shared@4.16.0) (2023-04-04)
 
 

package/dist/es/components/Instructions/Instructions.css

@@ -81,6 +81,12 @@ h5 {
     margin-right: 40px;
   }
 }
+@media screen and (min-width: 1024px) {
+  .mfui-instructions__picture_vertical-align_top {
+    -ms-flex-item-align: start;
+        align-self: flex-start;
+  }
+}
 .mfui-instructions_mask_none .mfui-instructions__slide {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -119,6 +125,7 @@ h5 {
 }
 .mfui-instructions__device-screen {
   overflow: hidden;
+  pointer-events: none;
 }
 @media screen and (max-width: 1023px) {
   .mfui-instructions_mask_black-iphone .mfui-instructions__img-wrapper,

package/dist/es/components/Instructions/Instructions.d.ts

@@ -5,6 +5,10 @@ export declare const pictureAlignTypes: {
     readonly LEFT: "left";
     readonly RIGHT: "right";
 };
+export declare const pictureVerticalAlignTypes: {
+    CENTER: string;
+    TOP: string;
+};
 export declare const pictureMaskTypes: {
     readonly ANDROID: "android";
     readonly NEW_IPHONE: "new-iphone";
@@ -15,6 +19,7 @@ export declare const pictureMaskTypes: {
     readonly NONE: "none";
 };
 declare type PictureAlignTypesType = typeof pictureAlignTypes[keyof typeof pictureAlignTypes];
+declare type PictureVerticalAlignTypesType = typeof pictureVerticalAlignTypes[keyof typeof pictureVerticalAlignTypes];
 declare type PictureMaskTypesType = typeof pictureMaskTypes[keyof typeof pictureMaskTypes];
 export declare type InstructionItemType = {
     title: string | React.ReactNode | React.ReactNode[];
@@ -49,8 +54,10 @@ export interface IInstructionsProps {
     instructionItems: InstructionItemType[];
     /** Описание после инструкции */
     additionalText?: string;
-    /** Расположение изображения */
+    /** Расположение изображения по горизонтали */
     pictureAlign?: PictureAlignTypesType;
+    /** Расположение изображения по вертикали */
+    pictureVerticalAlign?: PictureVerticalAlignTypesType;
     /** Маска изображения */
     pictureMask?: PictureMaskTypesType;
     /** Ref на swiper */

package/dist/es/components/Instructions/Instructions.js

@@ -15,6 +15,10 @@ export var pictureAlignTypes = {
   LEFT: 'left',
   RIGHT: 'right'
 };
+export var pictureVerticalAlignTypes = {
+  CENTER: 'center',
+  TOP: 'top'
+};
 export var pictureMaskTypes = {
   ANDROID: 'android',
   NEW_IPHONE: 'new-iphone',
@@ -44,6 +48,8 @@ var Instructions = function Instructions(_ref) {
       instructionItems = _ref.instructionItems,
       _ref$pictureAlign = _ref.pictureAlign,
       pictureAlign = _ref$pictureAlign === void 0 ? 'left' : _ref$pictureAlign,
+      _ref$pictureVerticalA = _ref.pictureVerticalAlign,
+      pictureVerticalAlign = _ref$pictureVerticalA === void 0 ? 'center' : _ref$pictureVerticalA,
       _ref$pictureMask = _ref.pictureMask,
       pictureMask = _ref$pictureMask === void 0 ? 'none' : _ref$pictureMask,
       getSwiper = _ref.getSwiper,
@@ -214,7 +220,8 @@ var Instructions = function Instructions(_ref) {
     className: cn('wrapper')
   }, /*#__PURE__*/React.createElement("div", {
     className: cn('picture', {
-      align: pictureAlign
+      align: pictureAlign,
+      'vertical-align': pictureVerticalAlign
     })
   }, renderPicture()), /*#__PURE__*/React.createElement("div", {
     className: cn('articles', {

package/dist/es/components/StoreBanner/StoreBanner.d.ts

@@ -31,10 +31,22 @@ export interface IStoreBannerProps {
     linkGoogle?: LinkHrefType;
     /** Обработчик клика по ссылке в Google Play */
     onClickGoogle?: LinkOnClickType;
-    /** Ссылка на скачивание приложения в Huawei Store */
+    /** Ссылка на скачивание приложения в Samsung Galaxy Store */
+    linkGalaxyStore?: LinkHrefType;
+    /** Обработчик клика по ссылке в Samsung Galaxy Store */
+    onClickGalaxyStore?: LinkOnClickType;
+    /** Ссылка на скачивание приложения в Huawei AppGallery */
     linkHuawei?: LinkHrefType;
-    /** Обработчик клика по ссылке в Huawei Store */
+    /** Обработчик клика по ссылке в Huawei AppGallery */
     onClickHuawei?: LinkOnClickType;
+    /** Ссылка на скачивание приложения в RuStore */
+    linkRuStore?: LinkHrefType;
+    /** Обработчик клика по ссылке в RuStore */
+    onClickRuStore?: LinkOnClickType;
+    /** Ссылка на скачивание приложения в Mi App Store */
+    linkMiStore?: LinkHrefType;
+    /** Обработчик клика по ссылке в Mi App Store */
+    onClickMiStore?: LinkOnClickType;
     /**  Текст кнопки */
     textButton?: string;
     /**  Ссылка для  кнопки */
@@ -57,8 +69,11 @@ export interface IStoreBannerProps {
     classes?: {
         root?: string;
         appleLink?: string;
+        galaxyStoreLink?: string;
         googleLink?: string;
         huaweiLink?: string;
+        miStoreLink?: string;
+        ruStoreLink?: string;
     };
     /** Ссылка на корневой элемент */
     rootRef?: React.Ref<HTMLDivElement>;
@@ -67,8 +82,11 @@ export interface IStoreBannerProps {
         root?: Record<string, string>;
         button?: Record<string, string>;
         linkApple?: Record<string, string>;
+        linkGalaxyStore?: Record<string, string>;
         linkGoogle?: Record<string, string>;
         linkHuawei?: Record<string, string>;
+        linkMiStore?: Record<string, string>;
+        linkRuStore?: Record<string, string>;
     };
 }
 declare const StoreBanner: React.FC<IStoreBannerProps>;

package/dist/es/components/StoreBanner/StoreBanner.js

@@ -27,13 +27,19 @@ var StoreBanner = function StoreBanner(_ref) {
   _ref$classes = _ref$classes === void 0 ? {} : _ref$classes;
   var rootClassName = _ref$classes.root,
       appleLinkClassName = _ref$classes.appleLink,
+      galaxyStoreLinkClassName = _ref$classes.galaxyStoreLink,
       googleLinkClassName = _ref$classes.googleLink,
       huaweiLinkClassName = _ref$classes.huaweiLink,
+      miStoreLinkClassName = _ref$classes.miStoreLink,
+      ruStoreLinkClassName = _ref$classes.ruStoreLink,
       title = _ref.title,
       text = _ref.text,
       linkApple = _ref.linkApple,
+      linkGalaxyStore = _ref.linkGalaxyStore,
       linkGoogle = _ref.linkGoogle,
       linkHuawei = _ref.linkHuawei,
+      linkMiStore = _ref.linkMiStore,
+      linkRuStore = _ref.linkRuStore,
       linkButton = _ref.linkButton,
       _ref$textButton = _ref.textButton,
       textButton = _ref$textButton === void 0 ? 'Установите приложение' : _ref$textButton,
@@ -47,8 +53,11 @@ var StoreBanner = function StoreBanner(_ref) {
       rootRef = _ref.rootRef,
       dataAttrs = _ref.dataAttrs,
       onClickApple = _ref.onClickApple,
+      onClickGalaxyStore = _ref.onClickGalaxyStore,
       onClickGoogle = _ref.onClickGoogle,
-      onClickHuawei = _ref.onClickHuawei;
+      onClickHuawei = _ref.onClickHuawei,
+      onClickMiStore = _ref.onClickMiStore,
+      onClickRuStore = _ref.onClickRuStore;
   return /*#__PURE__*/React.createElement("div", _extends({
     className: cn({
       theme: theme,
@@ -106,6 +115,28 @@ var StoreBanner = function StoreBanner(_ref) {
       'google-play': true
     }, googleLinkClassName),
     onClick: onClickGoogle
+  }), linkRuStore && /*#__PURE__*/React.createElement(StoreButton, {
+    dataAttrs: {
+      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.linkRuStore
+    },
+    theme: StoreButtonTheme.RU_STORE,
+    href: linkRuStore,
+    rel: rel,
+    className: cn('store-link', {
+      'ru-store': true
+    }, ruStoreLinkClassName),
+    onClick: onClickRuStore
+  }), linkGalaxyStore && /*#__PURE__*/React.createElement(StoreButton, {
+    dataAttrs: {
+      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.linkGalaxyStore
+    },
+    theme: StoreButtonTheme.GALAXY_STORE,
+    href: linkGalaxyStore,
+    rel: rel,
+    className: cn('store-link', {
+      'galaxy-store': true
+    }, galaxyStoreLinkClassName),
+    onClick: onClickGalaxyStore
   }), linkHuawei && /*#__PURE__*/React.createElement(StoreButton, {
     dataAttrs: {
       root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.linkHuawei
@@ -117,6 +148,17 @@ var StoreBanner = function StoreBanner(_ref) {
       'huawei-store': true
     }, huaweiLinkClassName),
     onClick: onClickHuawei
+  }), linkMiStore && /*#__PURE__*/React.createElement(StoreButton, {
+    dataAttrs: {
+      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.linkMiStore
+    },
+    theme: StoreButtonTheme.MI_STORE,
+    href: linkMiStore,
+    rel: rel,
+    className: cn('store-link', {
+      'mi-store': true
+    }, miStoreLinkClassName),
+    onClick: onClickMiStore
   })), linkButton && /*#__PURE__*/React.createElement(Button, {
     dataAttrs: {
       root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button
@@ -146,10 +188,16 @@ StoreBanner.propTypes = {
   text: PropTypes.string.isRequired,
   linkApple: PropTypes.string,
   onClickApple: PropTypes.func,
+  linkGalaxyStore: PropTypes.string,
+  onClickGalaxyStore: PropTypes.func,
   linkGoogle: PropTypes.string,
   onClickGoogle: PropTypes.func,
   linkHuawei: PropTypes.string,
   onClickHuawei: PropTypes.func,
+  linkMiStore: PropTypes.string,
+  onClickMiStore: PropTypes.func,
+  linkRuStore: PropTypes.string,
+  onClickRuStore: PropTypes.func,
   textButton: PropTypes.string,
   linkButton: PropTypes.string,
   rel: PropTypes.string,
@@ -159,7 +207,11 @@ StoreBanner.propTypes = {
   className: PropTypes.string,
   classes: PropTypes.shape({
     appleLink: PropTypes.string,
-    googleLink: PropTypes.string
+    galaxyStoreLink: PropTypes.string,
+    googleLink: PropTypes.string,
+    huaweiLink: PropTypes.string,
+    miStoreLink: PropTypes.string,
+    ruStoreLink: PropTypes.string
   }),
   rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
     current: PropTypes.elementType
@@ -169,8 +221,11 @@ StoreBanner.propTypes = {
     root: PropTypes.objectOf(PropTypes.string.isRequired),
     button: PropTypes.objectOf(PropTypes.string.isRequired),
     linkApple: PropTypes.objectOf(PropTypes.string.isRequired),
+    linkGalaxyStore: PropTypes.objectOf(PropTypes.string.isRequired),
     linkGoogle: PropTypes.objectOf(PropTypes.string.isRequired),
-    linkHuawei: PropTypes.objectOf(PropTypes.string.isRequired)
+    linkHuawei: PropTypes.objectOf(PropTypes.string.isRequired),
+    linkMiStore: PropTypes.objectOf(PropTypes.string.isRequired),
+    linkRuStore: PropTypes.objectOf(PropTypes.string.isRequired)
   })
 };
 export default StoreBanner;

package/dist/es/components/StoreButton/StoreButton.css

@@ -7,9 +7,18 @@
 .mfui-store-button_theme_app-store {
   background-image: url('./img/app-store.png');
 }
+.mfui-store-button_theme_galaxy-store {
+  background-image: url('./img/galaxy-store.png');
+}
 .mfui-store-button_theme_google-play {
   background-image: url('./img/google-play.png');
 }
 .mfui-store-button_theme_huawei-store {
   background-image: url('./img/huawei-store.png');
 }
+.mfui-store-button_theme_mi-store {
+  background-image: url('./img/mi-store.png');
+}
+.mfui-store-button_theme_ru-store {
+  background-image: url('./img/ru-store.png');
+}

package/dist/es/components/StoreButton/StoreButton.d.ts

@@ -2,9 +2,12 @@ import * as React from 'react';
 import { Link } from '@megafon/ui-core';
 import './StoreButton.less';
 export declare enum Theme {
-    GOOGLE_PLAY = "google-play",
     APP_STORE = "app-store",
-    HUAWEI_STORE = "huawei-store"
+    GALAXY_STORE = "galaxy-store",
+    GOOGLE_PLAY = "google-play",
+    HUAWEI_STORE = "huawei-store",
+    MI_STORE = "mi-store",
+    RU_STORE = "ru-store"
 }
 declare type LinkPropTypes = React.ComponentProps<typeof Link>;
 export declare type Props = Required<Pick<LinkPropTypes, 'href'>> & Pick<LinkPropTypes, 'target' | 'rel' | 'onClick' | 'dataAttrs'> & {

package/dist/es/components/StoreButton/StoreButton.js

@@ -24,9 +24,12 @@ import "./StoreButton.css";
 export var Theme;
 
 (function (Theme) {
-  Theme["GOOGLE_PLAY"] = "google-play";
   Theme["APP_STORE"] = "app-store";
+  Theme["GALAXY_STORE"] = "galaxy-store";
+  Theme["GOOGLE_PLAY"] = "google-play";
   Theme["HUAWEI_STORE"] = "huawei-store";
+  Theme["MI_STORE"] = "mi-store";
+  Theme["RU_STORE"] = "ru-store";
 })(Theme || (Theme = {}));
 
 var cn = cnCreate('mfui-store-button');

package/dist/lib/components/Instructions/Instructions.css

@@ -81,6 +81,12 @@ h5 {
     margin-right: 40px;
   }
 }
+@media screen and (min-width: 1024px) {
+  .mfui-instructions__picture_vertical-align_top {
+    -ms-flex-item-align: start;
+        align-self: flex-start;
+  }
+}
 .mfui-instructions_mask_none .mfui-instructions__slide {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -119,6 +125,7 @@ h5 {
 }
 .mfui-instructions__device-screen {
   overflow: hidden;
+  pointer-events: none;
 }
 @media screen and (max-width: 1023px) {
   .mfui-instructions_mask_black-iphone .mfui-instructions__img-wrapper,

package/dist/lib/components/Instructions/Instructions.d.ts

@@ -5,6 +5,10 @@ export declare const pictureAlignTypes: {
     readonly LEFT: "left";
     readonly RIGHT: "right";
 };
+export declare const pictureVerticalAlignTypes: {
+    CENTER: string;
+    TOP: string;
+};
 export declare const pictureMaskTypes: {
     readonly ANDROID: "android";
     readonly NEW_IPHONE: "new-iphone";
@@ -15,6 +19,7 @@ export declare const pictureMaskTypes: {
     readonly NONE: "none";
 };
 declare type PictureAlignTypesType = typeof pictureAlignTypes[keyof typeof pictureAlignTypes];
+declare type PictureVerticalAlignTypesType = typeof pictureVerticalAlignTypes[keyof typeof pictureVerticalAlignTypes];
 declare type PictureMaskTypesType = typeof pictureMaskTypes[keyof typeof pictureMaskTypes];
 export declare type InstructionItemType = {
     title: string | React.ReactNode | React.ReactNode[];
@@ -49,8 +54,10 @@ export interface IInstructionsProps {
     instructionItems: InstructionItemType[];
     /** Описание после инструкции */
     additionalText?: string;
-    /** Расположение изображения */
+    /** Расположение изображения по горизонтали */
     pictureAlign?: PictureAlignTypesType;
+    /** Расположение изображения по вертикали */
+    pictureVerticalAlign?: PictureVerticalAlignTypesType;
     /** Маска изображения */
     pictureMask?: PictureMaskTypesType;
     /** Ref на swiper */

package/dist/lib/components/Instructions/Instructions.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.pictureMaskTypes = exports.pictureAlignTypes = void 0;
+exports["default"] = exports.pictureMaskTypes = exports.pictureVerticalAlignTypes = exports.pictureAlignTypes = void 0;
 
 require("core-js/modules/es.array.map");
 
@@ -31,6 +31,11 @@ var pictureAlignTypes = {
   RIGHT: 'right'
 };
 exports.pictureAlignTypes = pictureAlignTypes;
+var pictureVerticalAlignTypes = {
+  CENTER: 'center',
+  TOP: 'top'
+};
+exports.pictureVerticalAlignTypes = pictureVerticalAlignTypes;
 var pictureMaskTypes = {
   ANDROID: 'android',
   NEW_IPHONE: 'new-iphone',
@@ -61,6 +66,8 @@ var Instructions = function Instructions(_ref) {
       instructionItems = _ref.instructionItems,
       _ref$pictureAlign = _ref.pictureAlign,
       pictureAlign = _ref$pictureAlign === void 0 ? 'left' : _ref$pictureAlign,
+      _ref$pictureVerticalA = _ref.pictureVerticalAlign,
+      pictureVerticalAlign = _ref$pictureVerticalA === void 0 ? 'center' : _ref$pictureVerticalA,
       _ref$pictureMask = _ref.pictureMask,
       pictureMask = _ref$pictureMask === void 0 ? 'none' : _ref$pictureMask,
       getSwiper = _ref.getSwiper,
@@ -242,7 +249,8 @@ var Instructions = function Instructions(_ref) {
     className: cn('wrapper')
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: cn('picture', {
-      align: pictureAlign
+      align: pictureAlign,
+      'vertical-align': pictureVerticalAlign
     })
   }, renderPicture()), /*#__PURE__*/_react["default"].createElement("div", {
     className: cn('articles', {

package/dist/lib/components/StoreBanner/StoreBanner.d.ts

@@ -31,10 +31,22 @@ export interface IStoreBannerProps {
     linkGoogle?: LinkHrefType;
     /** Обработчик клика по ссылке в Google Play */
     onClickGoogle?: LinkOnClickType;
-    /** Ссылка на скачивание приложения в Huawei Store */
+    /** Ссылка на скачивание приложения в Samsung Galaxy Store */
+    linkGalaxyStore?: LinkHrefType;
+    /** Обработчик клика по ссылке в Samsung Galaxy Store */
+    onClickGalaxyStore?: LinkOnClickType;
+    /** Ссылка на скачивание приложения в Huawei AppGallery */
     linkHuawei?: LinkHrefType;
-    /** Обработчик клика по ссылке в Huawei Store */
+    /** Обработчик клика по ссылке в Huawei AppGallery */
     onClickHuawei?: LinkOnClickType;
+    /** Ссылка на скачивание приложения в RuStore */
+    linkRuStore?: LinkHrefType;
+    /** Обработчик клика по ссылке в RuStore */
+    onClickRuStore?: LinkOnClickType;
+    /** Ссылка на скачивание приложения в Mi App Store */
+    linkMiStore?: LinkHrefType;
+    /** Обработчик клика по ссылке в Mi App Store */
+    onClickMiStore?: LinkOnClickType;
     /**  Текст кнопки */
     textButton?: string;
     /**  Ссылка для  кнопки */
@@ -57,8 +69,11 @@ export interface IStoreBannerProps {
     classes?: {
         root?: string;
         appleLink?: string;
+        galaxyStoreLink?: string;
         googleLink?: string;
         huaweiLink?: string;
+        miStoreLink?: string;
+        ruStoreLink?: string;
     };
     /** Ссылка на корневой элемент */
     rootRef?: React.Ref<HTMLDivElement>;
@@ -67,8 +82,11 @@ export interface IStoreBannerProps {
         root?: Record<string, string>;
         button?: Record<string, string>;
         linkApple?: Record<string, string>;
+        linkGalaxyStore?: Record<string, string>;
         linkGoogle?: Record<string, string>;
         linkHuawei?: Record<string, string>;
+        linkMiStore?: Record<string, string>;
+        linkRuStore?: Record<string, string>;
     };
 }
 declare const StoreBanner: React.FC<IStoreBannerProps>;

package/dist/lib/components/StoreBanner/StoreBanner.js

@@ -50,13 +50,19 @@ var StoreBanner = function StoreBanner(_ref) {
   _ref$classes = _ref$classes === void 0 ? {} : _ref$classes;
   var rootClassName = _ref$classes.root,
       appleLinkClassName = _ref$classes.appleLink,
+      galaxyStoreLinkClassName = _ref$classes.galaxyStoreLink,
       googleLinkClassName = _ref$classes.googleLink,
       huaweiLinkClassName = _ref$classes.huaweiLink,
+      miStoreLinkClassName = _ref$classes.miStoreLink,
+      ruStoreLinkClassName = _ref$classes.ruStoreLink,
       title = _ref.title,
       text = _ref.text,
       linkApple = _ref.linkApple,
+      linkGalaxyStore = _ref.linkGalaxyStore,
       linkGoogle = _ref.linkGoogle,
       linkHuawei = _ref.linkHuawei,
+      linkMiStore = _ref.linkMiStore,
+      linkRuStore = _ref.linkRuStore,
       linkButton = _ref.linkButton,
       _ref$textButton = _ref.textButton,
       textButton = _ref$textButton === void 0 ? 'Установите приложение' : _ref$textButton,
@@ -70,8 +76,11 @@ var StoreBanner = function StoreBanner(_ref) {
       rootRef = _ref.rootRef,
       dataAttrs = _ref.dataAttrs,
       onClickApple = _ref.onClickApple,
+      onClickGalaxyStore = _ref.onClickGalaxyStore,
       onClickGoogle = _ref.onClickGoogle,
-      onClickHuawei = _ref.onClickHuawei;
+      onClickHuawei = _ref.onClickHuawei,
+      onClickMiStore = _ref.onClickMiStore,
+      onClickRuStore = _ref.onClickRuStore;
   return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
     className: cn({
       theme: theme,
@@ -129,6 +138,28 @@ var StoreBanner = function StoreBanner(_ref) {
       'google-play': true
     }, googleLinkClassName),
     onClick: onClickGoogle
+  }), linkRuStore && /*#__PURE__*/React.createElement(_StoreButton["default"], {
+    dataAttrs: {
+      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.linkRuStore
+    },
+    theme: _StoreButton.Theme.RU_STORE,
+    href: linkRuStore,
+    rel: rel,
+    className: cn('store-link', {
+      'ru-store': true
+    }, ruStoreLinkClassName),
+    onClick: onClickRuStore
+  }), linkGalaxyStore && /*#__PURE__*/React.createElement(_StoreButton["default"], {
+    dataAttrs: {
+      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.linkGalaxyStore
+    },
+    theme: _StoreButton.Theme.GALAXY_STORE,
+    href: linkGalaxyStore,
+    rel: rel,
+    className: cn('store-link', {
+      'galaxy-store': true
+    }, galaxyStoreLinkClassName),
+    onClick: onClickGalaxyStore
   }), linkHuawei && /*#__PURE__*/React.createElement(_StoreButton["default"], {
     dataAttrs: {
       root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.linkHuawei
@@ -140,6 +171,17 @@ var StoreBanner = function StoreBanner(_ref) {
       'huawei-store': true
     }, huaweiLinkClassName),
     onClick: onClickHuawei
+  }), linkMiStore && /*#__PURE__*/React.createElement(_StoreButton["default"], {
+    dataAttrs: {
+      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.linkMiStore
+    },
+    theme: _StoreButton.Theme.MI_STORE,
+    href: linkMiStore,
+    rel: rel,
+    className: cn('store-link', {
+      'mi-store': true
+    }, miStoreLinkClassName),
+    onClick: onClickMiStore
   })), linkButton && /*#__PURE__*/React.createElement(_uiCore.Button, {
     dataAttrs: {
       root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button
@@ -169,10 +211,16 @@ StoreBanner.propTypes = {
   text: _propTypes["default"].string.isRequired,
   linkApple: _propTypes["default"].string,
   onClickApple: _propTypes["default"].func,
+  linkGalaxyStore: _propTypes["default"].string,
+  onClickGalaxyStore: _propTypes["default"].func,
   linkGoogle: _propTypes["default"].string,
   onClickGoogle: _propTypes["default"].func,
   linkHuawei: _propTypes["default"].string,
   onClickHuawei: _propTypes["default"].func,
+  linkMiStore: _propTypes["default"].string,
+  onClickMiStore: _propTypes["default"].func,
+  linkRuStore: _propTypes["default"].string,
+  onClickRuStore: _propTypes["default"].func,
   textButton: _propTypes["default"].string,
   linkButton: _propTypes["default"].string,
   rel: _propTypes["default"].string,
@@ -182,7 +230,11 @@ StoreBanner.propTypes = {
   className: _propTypes["default"].string,
   classes: _propTypes["default"].shape({
     appleLink: _propTypes["default"].string,
-    googleLink: _propTypes["default"].string
+    galaxyStoreLink: _propTypes["default"].string,
+    googleLink: _propTypes["default"].string,
+    huaweiLink: _propTypes["default"].string,
+    miStoreLink: _propTypes["default"].string,
+    ruStoreLink: _propTypes["default"].string
   }),
   rootRef: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].oneOfType([_propTypes["default"].shape({
     current: _propTypes["default"].elementType
@@ -192,8 +244,11 @@ StoreBanner.propTypes = {
     root: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
     button: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
     linkApple: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
+    linkGalaxyStore: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
     linkGoogle: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
-    linkHuawei: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired)
+    linkHuawei: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
+    linkMiStore: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
+    linkRuStore: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired)
   })
 };
 var _default = StoreBanner;

package/dist/lib/components/StoreButton/StoreButton.css

@@ -7,9 +7,18 @@
 .mfui-store-button_theme_app-store {
   background-image: url('./img/app-store.png');
 }
+.mfui-store-button_theme_galaxy-store {
+  background-image: url('./img/galaxy-store.png');
+}
 .mfui-store-button_theme_google-play {
   background-image: url('./img/google-play.png');
 }
 .mfui-store-button_theme_huawei-store {
   background-image: url('./img/huawei-store.png');
 }
+.mfui-store-button_theme_mi-store {
+  background-image: url('./img/mi-store.png');
+}
+.mfui-store-button_theme_ru-store {
+  background-image: url('./img/ru-store.png');
+}

package/dist/lib/components/StoreButton/StoreButton.d.ts

@@ -2,9 +2,12 @@ import * as React from 'react';
 import { Link } from '@megafon/ui-core';
 import './StoreButton.less';
 export declare enum Theme {
-    GOOGLE_PLAY = "google-play",
     APP_STORE = "app-store",
-    HUAWEI_STORE = "huawei-store"
+    GALAXY_STORE = "galaxy-store",
+    GOOGLE_PLAY = "google-play",
+    HUAWEI_STORE = "huawei-store",
+    MI_STORE = "mi-store",
+    RU_STORE = "ru-store"
 }
 declare type LinkPropTypes = React.ComponentProps<typeof Link>;
 export declare type Props = Required<Pick<LinkPropTypes, 'href'>> & Pick<LinkPropTypes, 'target' | 'rel' | 'onClick' | 'dataAttrs'> & {

package/dist/lib/components/StoreButton/StoreButton.js

@@ -46,9 +46,12 @@ var Theme;
 exports.Theme = Theme;
 
 (function (Theme) {
-  Theme["GOOGLE_PLAY"] = "google-play";
   Theme["APP_STORE"] = "app-store";
+  Theme["GALAXY_STORE"] = "galaxy-store";
+  Theme["GOOGLE_PLAY"] = "google-play";
   Theme["HUAWEI_STORE"] = "huawei-store";
+  Theme["MI_STORE"] = "mi-store";
+  Theme["RU_STORE"] = "ru-store";
 })(Theme || (exports.Theme = Theme = {}));
 
 var cn = (0, _uiHelpers.cnCreate)('mfui-store-button');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@megafon/ui-shared",
-  "version": "4.16.0",
+  "version": "4.18.0",
   "files": [
     "dist"
   ],
@@ -52,7 +52,7 @@
     "@babel/preset-env": "^7.8.6",
     "@babel/preset-react": "^7.8.3",
     "@babel/preset-typescript": "^7.8.3",
-    "@megafon/ui-icons": "^2.8.1",
+    "@megafon/ui-icons": "^2.9.0",
     "@svgr/core": "^2.4.1",
     "@testing-library/jest-dom": "5.16.2",
     "@testing-library/react": "12.1.2",
@@ -86,7 +86,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.8.4",
-    "@megafon/ui-core": "^4.15.1",
+    "@megafon/ui-core": "^4.15.3",
     "@megafon/ui-helpers": "^2.4.0",
     "core-js": "^3.6.4",
     "htmr": "^0.9.2",
@@ -94,5 +94,5 @@
     "prop-types": "^15.7.2",
     "swiper": "^6.5.6"
   },
-  "gitHead": "ff8786e64e8cc9220fc248899a2328d28bd159b0"
+  "gitHead": "f51175c15bbd3009ef1a67aebb8107d21f43052a"
 }