@meduza/ui-kit-2 0.1.75 → 0.1.77

package/dist/ui-kit-2.esm.js

@@ -900,16 +900,32 @@ var Table = function Table(_ref) {
   }));
 };
 
-var styles$b = {"root":"DonatesTeaser-module_root__3rtaJ","ctaInner":"DonatesTeaser-module_ctaInner__2LChL","main":"DonatesTeaser-module_main__YBt6p","break":"DonatesTeaser-module_break__3HoGb","title":"DonatesTeaser-module_title__hs-yr","text":"DonatesTeaser-module_text__ro-QA","cta":"DonatesTeaser-module_cta__1orPb","center":"DonatesTeaser-module_center__2Ynx9","isInCard":"DonatesTeaser-module_isInCard__HrFh8","isInSlide":"DonatesTeaser-module_isInSlide__1vC4Z"};
+var styles$b = {"root":"DonatesTeaser-module_root__3rtaJ","ctaInner":"DonatesTeaser-module_ctaInner__2LChL","main":"DonatesTeaser-module_main__YBt6p","title":"DonatesTeaser-module_title__hs-yr","text":"DonatesTeaser-module_text__ro-QA","cta":"DonatesTeaser-module_cta__1orPb","center":"DonatesTeaser-module_center__2Ynx9","isInCard":"DonatesTeaser-module_isInCard__HrFh8","isInSlide":"DonatesTeaser-module_isInSlide__1vC4Z"};
 
 var DonatesTeaser = function DonatesTeaser(_ref) {
-  var styleContext = _ref.styleContext;
+  var styleContext = _ref.styleContext,
+      _ref$lang = _ref.lang,
+      lang = _ref$lang === void 0 ? 'ru' : _ref$lang;
   var classNames = [[styles$b.root, true]];
 
   if (styleContext) {
     classNames = makeStyleContext(classNames, styleContext, styles$b);
   }
 
+  var data = {
+    ru: {
+      title: 'Вы читали «Медузу». Вы слушали «Медузу». Вы смотрели «Медузу»',
+      subtitle: 'Помогите нам спасти «Медузу»',
+      button: 'Дать денег',
+      href: 'https://support.meduza.io'
+    },
+    en: {
+      title: 'You read Meduza. You listen to Meduza. You follow Meduza',
+      subtitle: 'Help save Meduza',
+      button: 'Pledge today',
+      href: 'https://support.meduza.io/en'
+    }
+  };
   return React.createElement("div", {
     "data-testid": "donates-teaser",
     className: makeClassName(classNames)
@@ -917,25 +933,31 @@ var DonatesTeaser = function DonatesTeaser(_ref) {
     className: styles$b.main
   }, React.createElement("h3", {
     className: styles$b.title
-  }, "\u0423\xA0\u043D\u0430\u0441 \u0431\u043E\u043B\u044C\u0448\u0435 \u043D\u0435\u0442 \u0440\u0435\u043A\u043B\u0430\u043C\u043E\u0434\u0430\u0442\u0435\u043B\u0435\u0439.", ' ', React.createElement("span", {
-    className: styles$b["break"]
-  }, "\u0417\u0430\u0442\u043E \u0443\xA0\u043D\u0430\u0441 \u0435\u0441\u0442\u044C\xA0\u0432\u044B"), ' ', React.createElement("span", {
-    className: styles$b.text
-  }, "\u041F\u043E\u043C\u043E\u0433\u0438\u0442\u0435 \u043D\u0430\u043C \u0441\u043F\u0430\u0441\u0442\u0438 \xAB\u041C\u0435\u0434\u0443\u0437\u0443\xBB", ' '))), React.createElement("div", {
+  }, React.createElement("span", {
+    dangerouslySetInnerHTML: {
+      __html: data[lang].title
+    }
+  }), " ", React.createElement("span", {
+    className: styles$b.text,
+    dangerouslySetInnerHTML: {
+      __html: data[lang].subtitle
+    }
+  }))), React.createElement("div", {
     className: styles$b.cta
   }, React.createElement("a", {
-    href: "https://support.meduza.io",
+    href: data[lang].href,
     target: "_blank",
     rel: "noreferrer"
   }, React.createElement("span", {
     className: styles$b.ctaInner
-  }, "\u0414\u0430\u0442\u044C \u0434\u0435\u043D\u0435\u0433"))));
+  }, data[lang].button))));
 };
 
 var styles$c = {"root":"MaterialNote-module_root__1AcYe","dark":"MaterialNote-module_dark__xCry-","note_credit":"MaterialNote-module_note_credit__PuFyX","note_caption":"MaterialNote-module_note_caption__1ezSo","center":"MaterialNote-module_center__18RxI","default":"MaterialNote-module_default__1lQPl","card":"MaterialNote-module_card__OWXbQ","slide":"MaterialNote-module_slide__1ZBBq","game":"MaterialNote-module_game__cADMe","gameSurvey":"MaterialNote-module_gameSurvey__3SiG-"};
 
 var MaterialNote = function MaterialNote(_ref) {
   var data = _ref.block.data,
+      lang = _ref.lang,
       styleContext = _ref.styleContext;
   var classNames = [[styles$c.root, true]];
 
@@ -944,7 +966,8 @@ var MaterialNote = function MaterialNote(_ref) {
   }
 
   return React.createElement(React.Fragment, null, React.createElement(DonatesTeaser, {
-    styleContext: styleContext
+    styleContext: styleContext,
+    lang: lang
   }), React.createElement("div", {
     "data-testid": "material-note",
     className: makeClassName(classNames)
@@ -2167,6 +2190,7 @@ var RenderBlocks = function RenderBlocks(_ref) {
     case 'material_note':
       return React.createElement(MaterialNote, {
         block: block,
+        lang: lang,
         styleContext: styleContext
       });