@meduza/ui-kit-2 0.1.76 → 0.1.88

package/dist/DonatesTeaser/DonatesTeaser.types.d.ts

@@ -1,3 +1,4 @@
 export interface DonatesTeaserProps {
     styleContext: string[] | string;
+    lang: 'ru' | 'en';
 }

package/dist/MaterialNote/MaterialNote.types.d.ts

@@ -10,4 +10,5 @@ export interface MaterialNoteProps {
         type: string;
     };
     styleContext?: string | string[];
+    lang?: 'ru' | 'en';
 }

package/dist/ui-kit-2.cjs.development.js

@@ -910,13 +910,29 @@ var Table = function Table(_ref) {
 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__default.createElement("div", {
     "data-testid": "donates-teaser",
     className: makeClassName(classNames)
@@ -924,23 +940,31 @@ var DonatesTeaser = function DonatesTeaser(_ref) {
     className: styles$b.main
   }, React__default.createElement("h3", {
     className: styles$b.title
-  }, "\u0412\u044B\xA0\u0447\u0438\u0442\u0430\u043B\u0438 \xAB\u041C\u0435\u0434\u0443\u0437\u0443\xBB. \u0412\u044B\xA0\u0441\u043B\u0443\u0448\u0430\u043B\u0438 \xAB\u041C\u0435\u0434\u0443\u0437\u0443\xBB. \u0412\u044B\xA0\u0441\u043C\u043E\u0442\u0440\u0435\u043B\u0438 \xAB\u041C\u0435\u0434\u0443\u0437\u0443\xBB", " ", React__default.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__default.createElement("div", {
+  }, React__default.createElement("span", {
+    dangerouslySetInnerHTML: {
+      __html: data[lang].title
+    }
+  }), " ", React__default.createElement("span", {
+    className: styles$b.text,
+    dangerouslySetInnerHTML: {
+      __html: data[lang].subtitle
+    }
+  }))), React__default.createElement("div", {
     className: styles$b.cta
   }, React__default.createElement("a", {
-    href: "https://support.meduza.io",
+    href: data[lang].href,
     target: "_blank",
     rel: "noreferrer"
   }, React__default.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]];
 
@@ -949,7 +973,8 @@ var MaterialNote = function MaterialNote(_ref) {
   }
 
   return React__default.createElement(React__default.Fragment, null, React__default.createElement(DonatesTeaser, {
-    styleContext: styleContext
+    styleContext: styleContext,
+    lang: lang
   }), React__default.createElement("div", {
     "data-testid": "material-note",
     className: makeClassName(classNames)
@@ -2172,6 +2197,7 @@ var RenderBlocks = function RenderBlocks(_ref) {
     case 'material_note':
       return React__default.createElement(MaterialNote, {
         block: block,
+        lang: block.lang,
         styleContext: styleContext
       });