@megafon/ui-shared 6.11.1 → 6.12.0

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

@@ -1,6 +1,6 @@
 import React, { ReactElement, Ref } from 'react';
 import './Card.less';
-import { ButtonType, FeaturesList, IconsList, Image, Link, MarkerList, Price, TextsList, Title } from './types';
+import { ExtraButtonType, FeaturesList, IconsList, Image, Link, MainButtonType, MarkerList, Price, TextsList, Title } from './types';
 export interface ICard {
     /** Дополнительные data атрибуты к внутренним элементам */
     dataAttrs?: {
@@ -42,9 +42,9 @@ export interface ICard {
     /** Цена */
     price?: Price;
     /** Кнопка */
-    button?: ButtonType;
+    button?: MainButtonType;
     /** Дополнительная кнопка */
-    extraButton?: ButtonType;
+    extraButton?: ExtraButtonType;
     /** Бейдж */
     badge?: ReactElement;
     /** Обработчик клика по карточке */

package/dist/es/components/Card/Card.js

@@ -184,6 +184,7 @@ var Card = function Card(_ref5) {
       return null;
     }
 
+    var extraButtonType = (button === null || button === void 0 ? void 0 : button.type) === 'outline' ? 'text' : extraButton === null || extraButton === void 0 ? void 0 : extraButton.type;
     return /*#__PURE__*/React.createElement("div", {
       className: cn('buttons', {
         centered: (button === null || button === void 0 ? void 0 : button.isCentered) || (extraButton === null || extraButton === void 0 ? void 0 : extraButton.isCentered)
@@ -195,6 +196,8 @@ var Card = function Card(_ref5) {
       className: cn('button', [classes === null || classes === void 0 ? void 0 : classes.button]),
       href: button.href,
       target: button.target,
+      type: button.type || 'primary',
+      theme: button.theme || 'green',
       onClick: button === null || button === void 0 ? void 0 : button.onClick
     }, button.title), !!extraButton && /*#__PURE__*/React.createElement(Button, {
       dataAttrs: {
@@ -203,7 +206,7 @@ var Card = function Card(_ref5) {
       className: cn('button', [classes === null || classes === void 0 ? void 0 : classes.extraButton]),
       href: extraButton.href,
       target: extraButton.target,
-      type: "outline",
+      type: extraButtonType || 'outline',
       onClick: extraButton === null || extraButton === void 0 ? void 0 : extraButton.onClick
     }, extraButton.title));
   };
@@ -298,6 +301,8 @@ Card.propTypes = {
     href: PropTypes.string,
     target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),
     isCentered: PropTypes.bool,
+    type: PropTypes.oneOf(['primary', 'outline']),
+    theme: PropTypes.oneOf(['green', 'green-soft']),
     onClick: PropTypes.func
   }),
   extraButton: PropTypes.shape({
@@ -305,6 +310,7 @@ Card.propTypes = {
     href: PropTypes.string,
     target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),
     isCentered: PropTypes.bool,
+    type: PropTypes.oneOf(['text', 'outline']),
     onClick: PropTypes.func
   }),
   onClick: PropTypes.func

package/dist/es/components/Card/types.d.ts

@@ -62,7 +62,7 @@ export declare type Price = {
     /** Период */
     period?: string;
 };
-export declare type ButtonType = {
+export declare type MainButtonType = {
     /** Название */
     title: string;
     /** Ссылка */
@@ -71,6 +71,24 @@ export declare type ButtonType = {
     target?: Target;
     /** Центрировать кнопку */
     isCentered?: boolean;
+    /** Тип кнопки */
+    type?: 'primary' | 'outline';
+    /** Тема кнопки */
+    theme?: 'green' | 'green-soft';
+    /** Обработчик клика по кнопке */
+    onClick?: () => void;
+};
+export declare type ExtraButtonType = {
+    /** Название */
+    title: string;
+    /** Ссылка */
+    href?: string;
+    /** Target свойство кнопки */
+    target?: Target;
+    /** Центрировать кнопку */
+    isCentered?: boolean;
+    /** Тип кнопки */
+    type?: 'outline' | 'text';
     /** Обработчик клика по кнопке */
     onClick?: () => void;
 };

package/dist/es/components/PageTitle/PageTitle.css

@@ -67,6 +67,33 @@ h5 {
     margin-top: 45px;
   }
 }
+.mfui-v6-page-title__title_single.mfui-v6-page-title__title_margin-top_small {
+  margin-top: 48px;
+}
+@media screen and (min-width: 768px) and (max-width: 1023px) {
+  .mfui-v6-page-title__title_single.mfui-v6-page-title__title_margin-top_small {
+    margin-top: 40px;
+  }
+}
+@media screen and (max-width: 767px) {
+  .mfui-v6-page-title__title_single.mfui-v6-page-title__title_margin-top_small {
+    margin-top: 32px;
+  }
+}
+.mfui-v6-page-title__description {
+  font-family: inherit;
+  font-size: 15px;
+  line-height: 24px;
+  font-weight: 400;
+  margin-top: 24px;
+  color: inherit;
+  white-space: pre-wrap;
+}
+@media screen and (max-width: 767px) {
+  .mfui-v6-page-title__description {
+    margin-top: 16px;
+  }
+}
 .mfui-v6-page-title__badge + .mfui-v6-page-title__title {
   margin-top: 8px;
 }

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import './PageTitle.less';
 import { Props as BreadcrumbsType } from '../Breadcrumbs/Breadcrumbs';
+import './PageTitle.less';
 export declare type PageTitleProps = {
     /** Дополнительные data атрибуты к внутренним элементам */
     dataAttrs?: {
@@ -10,6 +10,8 @@ export declare type PageTitleProps = {
     };
     /** Текст заголовка */
     title: string | React.ReactNode | React.ReactNode[];
+    /** Описание */
+    description?: string | React.ReactNode | React.ReactNode[];
     /** Хлебные крошки */
     breadcrumbs?: BreadcrumbsType['items'];
     /** Текст бейджа */
@@ -18,10 +20,13 @@ export declare type PageTitleProps = {
     isFullWidth?: boolean;
     /** Включить микроразметку для хлебных крошек */
     hasBreadcrumbsMicrodata?: boolean;
+    /** Отступ сверху */
+    marginTop?: 'default' | 'small';
     /** Класс для корневого элемента */
     className?: string;
     /** Дополнительные классы для внутренних элементов */
     classes?: {
+        title?: string;
         breadcrumbs?: string;
     };
     /** Ссылка на корневой элемент */

package/dist/es/components/PageTitle/PageTitle.js

@@ -1,40 +1,52 @@
 import _extends from "@babel/runtime/helpers/extends";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.symbol.description.js";
 import * as React from 'react';
 import { Header, Grid, GridColumn } from '@megafon/ui-core';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
 import PropTypes from 'prop-types';
-import "./PageTitle.css";
 import Breadcrumbs from "../Breadcrumbs/Breadcrumbs";
+import "./PageTitle.css";
 var testIdPrefix = 'PageTitle';
 var cn = cnCreate('mfui-v6-page-title');
 
 var PageTitle = function PageTitle(_ref) {
   var dataAttrs = _ref.dataAttrs,
       title = _ref.title,
+      description = _ref.description,
       breadcrumbs = _ref.breadcrumbs,
       badge = _ref.badge,
       _ref$isFullWidth = _ref.isFullWidth,
       isFullWidth = _ref$isFullWidth === void 0 ? true : _ref$isFullWidth,
       _ref$hasBreadcrumbsMi = _ref.hasBreadcrumbsMicrodata,
       hasBreadcrumbsMicrodata = _ref$hasBreadcrumbsMi === void 0 ? false : _ref$hasBreadcrumbsMi,
+      _ref$marginTop = _ref.marginTop,
+      marginTop = _ref$marginTop === void 0 ? 'default' : _ref$marginTop,
       className = _ref.className,
       _ref$classes = _ref.classes,
       classes = _ref$classes === void 0 ? {} : _ref$classes,
       rootRef = _ref.rootRef;
   var isBreadcrumbs = !!(breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.length);
-  var renderPageTitle = React.useCallback(function () {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, badge && /*#__PURE__*/React.createElement("div", {
-      className: cn('badge', {
-        'under-breadcrumbs': isBreadcrumbs
-      })
-    }, badge), /*#__PURE__*/React.createElement(Header, {
-      className: cn('title', {
-        'under-breadcrumbs': isBreadcrumbs && !badge
-      }),
-      as: "h1"
-    }, title));
-  }, [badge, title, isBreadcrumbs]);
-  var renderPageTitleWithGrid = React.useCallback(function () {
+  var titleContent = /*#__PURE__*/React.createElement(React.Fragment, null, badge && /*#__PURE__*/React.createElement("div", {
+    className: cn('badge', {
+      'under-breadcrumbs': isBreadcrumbs
+    })
+  }, badge), /*#__PURE__*/React.createElement(Header, {
+    className: cn('title', {
+      single: !isBreadcrumbs && !badge,
+      'margin-top': marginTop,
+      'under-breadcrumbs': isBreadcrumbs && !badge
+    }, [classes.title]),
+    as: "h1"
+  }, title), description && /*#__PURE__*/React.createElement("div", {
+    className: cn('description')
+  }, description));
+
+  var renderContent = function renderContent() {
+    if (isFullWidth) {
+      return titleContent;
+    }
+
     return /*#__PURE__*/React.createElement(Grid, {
       dataAttrs: {
         root: {
@@ -46,8 +58,9 @@ var PageTitle = function PageTitle(_ref) {
       desktop: "10",
       tablet: "12",
       mobile: "12"
-    }, renderPageTitle()));
-  }, [renderPageTitle]);
+    }, titleContent));
+  };
+
   return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn([className]),
     ref: rootRef
@@ -61,7 +74,7 @@ var PageTitle = function PageTitle(_ref) {
       link: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.breadcrumbsLink
     },
     className: cn('breadcrumbs', [classes.breadcrumbs])
-  }), isFullWidth ? renderPageTitle() : renderPageTitleWithGrid());
+  }), renderContent());
 };
 
 PageTitle.propTypes = {
@@ -71,6 +84,7 @@ PageTitle.propTypes = {
     breadcrumbsLink: PropTypes.objectOf(PropTypes.string.isRequired)
   }),
   title: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.arrayOf(PropTypes.node)]).isRequired,
+  description: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.arrayOf(PropTypes.node)]),
   breadcrumbs: PropTypes.arrayOf(PropTypes.shape({
     title: PropTypes.string.isRequired,
     href: PropTypes.string
@@ -78,8 +92,10 @@ PageTitle.propTypes = {
   badge: PropTypes.string,
   isFullWidth: PropTypes.bool,
   hasBreadcrumbsMicrodata: PropTypes.bool,
+  marginTop: PropTypes.oneOf(['default', 'small']),
   className: PropTypes.string,
   classes: PropTypes.shape({
+    title: PropTypes.string,
     breadcrumbs: PropTypes.string
   }),
   rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({

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

@@ -1,6 +1,6 @@
 import React, { ReactElement, Ref } from 'react';
 import './Card.less';
-import { ButtonType, FeaturesList, IconsList, Image, Link, MarkerList, Price, TextsList, Title } from './types';
+import { ExtraButtonType, FeaturesList, IconsList, Image, Link, MainButtonType, MarkerList, Price, TextsList, Title } from './types';
 export interface ICard {
     /** Дополнительные data атрибуты к внутренним элементам */
     dataAttrs?: {
@@ -42,9 +42,9 @@ export interface ICard {
     /** Цена */
     price?: Price;
     /** Кнопка */
-    button?: ButtonType;
+    button?: MainButtonType;
     /** Дополнительная кнопка */
-    extraButton?: ButtonType;
+    extraButton?: ExtraButtonType;
     /** Бейдж */
     badge?: ReactElement;
     /** Обработчик клика по карточке */

package/dist/lib/components/Card/Card.js

@@ -199,6 +199,7 @@ var Card = function Card(_ref5) {
       return null;
     }
 
+    var extraButtonType = (button === null || button === void 0 ? void 0 : button.type) === 'outline' ? 'text' : extraButton === null || extraButton === void 0 ? void 0 : extraButton.type;
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: cn('buttons', {
         centered: (button === null || button === void 0 ? void 0 : button.isCentered) || (extraButton === null || extraButton === void 0 ? void 0 : extraButton.isCentered)
@@ -210,6 +211,8 @@ var Card = function Card(_ref5) {
       className: cn('button', [classes === null || classes === void 0 ? void 0 : classes.button]),
       href: button.href,
       target: button.target,
+      type: button.type || 'primary',
+      theme: button.theme || 'green',
       onClick: button === null || button === void 0 ? void 0 : button.onClick
     }, button.title), !!extraButton && /*#__PURE__*/_react["default"].createElement(_uiCore.Button, {
       dataAttrs: {
@@ -218,7 +221,7 @@ var Card = function Card(_ref5) {
       className: cn('button', [classes === null || classes === void 0 ? void 0 : classes.extraButton]),
       href: extraButton.href,
       target: extraButton.target,
-      type: "outline",
+      type: extraButtonType || 'outline',
       onClick: extraButton === null || extraButton === void 0 ? void 0 : extraButton.onClick
     }, extraButton.title));
   };
@@ -313,6 +316,8 @@ Card.propTypes = {
     href: _propTypes["default"].string,
     target: _propTypes["default"].oneOf(['_self', '_blank', '_parent', '_top']),
     isCentered: _propTypes["default"].bool,
+    type: _propTypes["default"].oneOf(['primary', 'outline']),
+    theme: _propTypes["default"].oneOf(['green', 'green-soft']),
     onClick: _propTypes["default"].func
   }),
   extraButton: _propTypes["default"].shape({
@@ -320,6 +325,7 @@ Card.propTypes = {
     href: _propTypes["default"].string,
     target: _propTypes["default"].oneOf(['_self', '_blank', '_parent', '_top']),
     isCentered: _propTypes["default"].bool,
+    type: _propTypes["default"].oneOf(['text', 'outline']),
     onClick: _propTypes["default"].func
   }),
   onClick: _propTypes["default"].func

package/dist/lib/components/Card/types.d.ts

@@ -62,7 +62,7 @@ export declare type Price = {
     /** Период */
     period?: string;
 };
-export declare type ButtonType = {
+export declare type MainButtonType = {
     /** Название */
     title: string;
     /** Ссылка */
@@ -71,6 +71,24 @@ export declare type ButtonType = {
     target?: Target;
     /** Центрировать кнопку */
     isCentered?: boolean;
+    /** Тип кнопки */
+    type?: 'primary' | 'outline';
+    /** Тема кнопки */
+    theme?: 'green' | 'green-soft';
+    /** Обработчик клика по кнопке */
+    onClick?: () => void;
+};
+export declare type ExtraButtonType = {
+    /** Название */
+    title: string;
+    /** Ссылка */
+    href?: string;
+    /** Target свойство кнопки */
+    target?: Target;
+    /** Центрировать кнопку */
+    isCentered?: boolean;
+    /** Тип кнопки */
+    type?: 'outline' | 'text';
     /** Обработчик клика по кнопке */
     onClick?: () => void;
 };

package/dist/lib/components/PageTitle/PageTitle.css

@@ -67,6 +67,33 @@ h5 {
     margin-top: 45px;
   }
 }
+.mfui-v6-page-title__title_single.mfui-v6-page-title__title_margin-top_small {
+  margin-top: 48px;
+}
+@media screen and (min-width: 768px) and (max-width: 1023px) {
+  .mfui-v6-page-title__title_single.mfui-v6-page-title__title_margin-top_small {
+    margin-top: 40px;
+  }
+}
+@media screen and (max-width: 767px) {
+  .mfui-v6-page-title__title_single.mfui-v6-page-title__title_margin-top_small {
+    margin-top: 32px;
+  }
+}
+.mfui-v6-page-title__description {
+  font-family: inherit;
+  font-size: 15px;
+  line-height: 24px;
+  font-weight: 400;
+  margin-top: 24px;
+  color: inherit;
+  white-space: pre-wrap;
+}
+@media screen and (max-width: 767px) {
+  .mfui-v6-page-title__description {
+    margin-top: 16px;
+  }
+}
 .mfui-v6-page-title__badge + .mfui-v6-page-title__title {
   margin-top: 8px;
 }

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import './PageTitle.less';
 import { Props as BreadcrumbsType } from '../Breadcrumbs/Breadcrumbs';
+import './PageTitle.less';
 export declare type PageTitleProps = {
     /** Дополнительные data атрибуты к внутренним элементам */
     dataAttrs?: {
@@ -10,6 +10,8 @@ export declare type PageTitleProps = {
     };
     /** Текст заголовка */
     title: string | React.ReactNode | React.ReactNode[];
+    /** Описание */
+    description?: string | React.ReactNode | React.ReactNode[];
     /** Хлебные крошки */
     breadcrumbs?: BreadcrumbsType['items'];
     /** Текст бейджа */
@@ -18,10 +20,13 @@ export declare type PageTitleProps = {
     isFullWidth?: boolean;
     /** Включить микроразметку для хлебных крошек */
     hasBreadcrumbsMicrodata?: boolean;
+    /** Отступ сверху */
+    marginTop?: 'default' | 'small';
     /** Класс для корневого элемента */
     className?: string;
     /** Дополнительные классы для внутренних элементов */
     classes?: {
+        title?: string;
         breadcrumbs?: string;
     };
     /** Ссылка на корневой элемент */

package/dist/lib/components/PageTitle/PageTitle.js

@@ -9,6 +9,10 @@ exports["default"] = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.symbol.description.js");
+
 var React = _interopRequireWildcard(require("react"));
 
 var _uiCore = require("@megafon/ui-core");
@@ -31,30 +35,40 @@ var cn = (0, _uiHelpers.cnCreate)('mfui-v6-page-title');
 var PageTitle = function PageTitle(_ref) {
   var dataAttrs = _ref.dataAttrs,
       title = _ref.title,
+      description = _ref.description,
       breadcrumbs = _ref.breadcrumbs,
       badge = _ref.badge,
       _ref$isFullWidth = _ref.isFullWidth,
       isFullWidth = _ref$isFullWidth === void 0 ? true : _ref$isFullWidth,
       _ref$hasBreadcrumbsMi = _ref.hasBreadcrumbsMicrodata,
       hasBreadcrumbsMicrodata = _ref$hasBreadcrumbsMi === void 0 ? false : _ref$hasBreadcrumbsMi,
+      _ref$marginTop = _ref.marginTop,
+      marginTop = _ref$marginTop === void 0 ? 'default' : _ref$marginTop,
       className = _ref.className,
       _ref$classes = _ref.classes,
       classes = _ref$classes === void 0 ? {} : _ref$classes,
       rootRef = _ref.rootRef;
   var isBreadcrumbs = !!(breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.length);
-  var renderPageTitle = React.useCallback(function () {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, badge && /*#__PURE__*/React.createElement("div", {
-      className: cn('badge', {
-        'under-breadcrumbs': isBreadcrumbs
-      })
-    }, badge), /*#__PURE__*/React.createElement(_uiCore.Header, {
-      className: cn('title', {
-        'under-breadcrumbs': isBreadcrumbs && !badge
-      }),
-      as: "h1"
-    }, title));
-  }, [badge, title, isBreadcrumbs]);
-  var renderPageTitleWithGrid = React.useCallback(function () {
+  var titleContent = /*#__PURE__*/React.createElement(React.Fragment, null, badge && /*#__PURE__*/React.createElement("div", {
+    className: cn('badge', {
+      'under-breadcrumbs': isBreadcrumbs
+    })
+  }, badge), /*#__PURE__*/React.createElement(_uiCore.Header, {
+    className: cn('title', {
+      single: !isBreadcrumbs && !badge,
+      'margin-top': marginTop,
+      'under-breadcrumbs': isBreadcrumbs && !badge
+    }, [classes.title]),
+    as: "h1"
+  }, title), description && /*#__PURE__*/React.createElement("div", {
+    className: cn('description')
+  }, description));
+
+  var renderContent = function renderContent() {
+    if (isFullWidth) {
+      return titleContent;
+    }
+
     return /*#__PURE__*/React.createElement(_uiCore.Grid, {
       dataAttrs: {
         root: {
@@ -66,8 +80,9 @@ var PageTitle = function PageTitle(_ref) {
       desktop: "10",
       tablet: "12",
       mobile: "12"
-    }, renderPageTitle()));
-  }, [renderPageTitle]);
+    }, titleContent));
+  };
+
   return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn([className]),
     ref: rootRef
@@ -81,7 +96,7 @@ var PageTitle = function PageTitle(_ref) {
       link: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.breadcrumbsLink
     },
     className: cn('breadcrumbs', [classes.breadcrumbs])
-  }), isFullWidth ? renderPageTitle() : renderPageTitleWithGrid());
+  }), renderContent());
 };
 
 PageTitle.propTypes = {
@@ -91,6 +106,7 @@ PageTitle.propTypes = {
     breadcrumbsLink: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired)
   }),
   title: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node, _propTypes["default"].arrayOf(_propTypes["default"].node)]).isRequired,
+  description: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node, _propTypes["default"].arrayOf(_propTypes["default"].node)]),
   breadcrumbs: _propTypes["default"].arrayOf(_propTypes["default"].shape({
     title: _propTypes["default"].string.isRequired,
     href: _propTypes["default"].string
@@ -98,8 +114,10 @@ PageTitle.propTypes = {
   badge: _propTypes["default"].string,
   isFullWidth: _propTypes["default"].bool,
   hasBreadcrumbsMicrodata: _propTypes["default"].bool,
+  marginTop: _propTypes["default"].oneOf(['default', 'small']),
   className: _propTypes["default"].string,
   classes: _propTypes["default"].shape({
+    title: _propTypes["default"].string,
     breadcrumbs: _propTypes["default"].string
   }),
   rootRef: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].oneOfType([_propTypes["default"].shape({

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@megafon/ui-shared",
-    "version": "6.11.1",
+    "version": "6.12.0",
     "files": [
         "dist"
     ],
@@ -82,7 +82,7 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.8.4",
-        "@megafon/ui-core": "^6.6.1",
+        "@megafon/ui-core": "^6.7.0",
         "@megafon/ui-helpers": "^2.6.0",
         "core-js": "^3.6.4",
         "htmr": "^0.9.2",
@@ -90,5 +90,5 @@
         "prop-types": "^15.7.2",
         "swiper": "^6.5.6"
     },
-    "gitHead": "c119b673112829f75ebb828789f183e7c061b715"
+    "gitHead": "bf7d2cc9e75cf3527fae3ea8a58e8e3f4958e18a"
 }