react-gldn-kit 0.0.7 → 0.0.9

package/dist/lib/components/Banners/components/PromotionMobileApp/index.js

@@ -44,11 +44,11 @@ var classnames_1 = __importDefault(require("classnames"));
 var DownloadSvg_1 = require("components/ui/Icons/Base/DownloadSvg");
 var BaseButton_1 = require("components/ui/Buttons/BaseButton");
 var Text_1 = require("components/Text");
+var ui_1 = require("types/ui");
 var constants_1 = require("./constants");
 var styles = __importStar(require("./PromotionMobileApp.module.css"));
-var ui_1 = require("types/ui");
 var PromotionMobileApp = function (props) {
-    var _a = props.translation, translation = _a === void 0 ? constants_1.DEFAULT_TRANSLATION : _a, qrLink = props.qrLink, handleDownloadApp = props.handleDownloadApp, appType = props.appType;
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperMainBanner, styles["wrapperMainBanner".concat(ui_1.EAppType[appType])]) }, { children: [(0, jsx_runtime_1.jsx)("img", { src: "/icons-elon/applications/".concat(appType, "/banner/mobile-bg.png"), className: styles.mobileBanner }), (0, jsx_runtime_1.jsx)("img", { src: "/icons-elon/applications/".concat(appType, "/banner/desk.png"), className: styles.desktopBanner }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.contentBanner }, { children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.title }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: translation.title }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.subTitle }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: translation.subTitle }) }))] }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.qrContent }, { children: [(0, jsx_runtime_1.jsx)(react_qr_code_1.default, { value: qrLink, size: 200, bgColor: "transparent", fgColor: "rgb(var(--primary))" }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.description }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: translation.qrDescription }) })), (0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, { text: translation.downloadText, handleClick: handleDownloadApp, size: "--button-full", buttonHeight: "--button-height-xxl", color: "primary", centreText: true, startIcon: (0, jsx_runtime_1.jsx)(DownloadSvg_1.DownloadSvg, { classes: styles.whiteSvg }), classes: styles.mobileBtn })] }))] }))] })));
+    var _a = props.translation, translation = _a === void 0 ? constants_1.DEFAULT_TRANSLATION : _a, qrLink = props.qrLink, handleDownloadApp = props.handleDownloadApp, appType = props.appType, bannerImagePath = props.bannerImagePath;
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperMainBanner, styles["wrapperMainBanner".concat(ui_1.EAppType[appType])]) }, { children: [(0, jsx_runtime_1.jsx)("img", { src: bannerImagePath, className: styles.banner }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.contentBanner }, { children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.title }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: translation.title }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.subTitle }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: translation.subTitle }) }))] }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.qrContent }, { children: [(0, jsx_runtime_1.jsx)(react_qr_code_1.default, { value: qrLink, size: 200, bgColor: "transparent", fgColor: "rgb(var(--primary))" }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.description }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: translation.qrDescription }) })), (0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, { text: translation.downloadText, handleClick: handleDownloadApp, size: "--button-full", buttonHeight: "--button-height-xxl", color: "primary", centreText: true, startIcon: (0, jsx_runtime_1.jsx)(DownloadSvg_1.DownloadSvg, { classes: styles.whiteSvg }), classes: styles.mobileBtn })] }))] }))] })));
 };
 exports.PromotionMobileApp = PromotionMobileApp;

package/dist/lib/components/Banners/components/PromotionMobileApp/types.d.ts

@@ -3,6 +3,7 @@ export type AppsPromotionBannerProps = {
     qrLink: string;
     handleDownloadApp: () => void;
     appType: EAppType;
+    bannerImagePath: string;
     translation?: {
         title: string;
         subTitle: string;

package/dist/lib/hooks/useTranslate.js

@@ -24,6 +24,10 @@ var useTranslate = function (name, specValue) {
                     .replaceAll('[INJECT_VALUE]', '')
                     .replaceAll('[VALUE]', specValue);
             }
+            if (result.includes('[YEAR]')) {
+                result = result
+                    .replaceAll('[YEAR]', new Date().getFullYear().toString());
+            }
             if (result === null || result === void 0 ? void 0 : result.includes('HTML!')) {
                 result = result.replaceAll('HTML!', '[HTML]');
             }

package/dist/main.css

@@ -1751,7 +1751,7 @@
   }
     }
 
-.KIT__PromotionMobileApp-module__wrapperMainBanner___En6WH .KIT__PromotionMobileApp-module__desktopBanner___GCwiQ {
+.KIT__PromotionMobileApp-module__wrapperMainBanner___En6WH .KIT__PromotionMobileApp-module__banner___YcNTY {
     position: absolute;
     left: 0;
     top: 0;
@@ -1763,18 +1763,7 @@
 
 @media screen and (max-width: 768px) {
 
-.KIT__PromotionMobileApp-module__wrapperMainBanner___En6WH .KIT__PromotionMobileApp-module__desktopBanner___GCwiQ {
-      display: none;
-  }
-    }
-
-.KIT__PromotionMobileApp-module__wrapperMainBanner___En6WH .KIT__PromotionMobileApp-module__mobileBanner___KNrfX {
-    display: none;
-  }
-
-@media screen and (max-width: 768px) {
-
-.KIT__PromotionMobileApp-module__wrapperMainBanner___En6WH .KIT__PromotionMobileApp-module__mobileBanner___KNrfX {
+.KIT__PromotionMobileApp-module__wrapperMainBanner___En6WH .KIT__PromotionMobileApp-module__banner___YcNTY {
       display: block;
       position: absolute;
       bottom: 0;
@@ -1860,35 +1849,34 @@
       }
         }
 
-.KIT__PromotionMobileApp-module__wrapperMainBannerJabiBet___rtnk7 .KIT__PromotionMobileApp-module__desktopBanner___GCwiQ {
-    height: 100%;
-    width: 100%;
-    right: 0;
-
+@media screen and (min-width: 768px) {
+    .KIT__PromotionMobileApp-module__wrapperMainBannerJabiBet___rtnk7 .KIT__PromotionMobileApp-module__banner___YcNTY {
+      height: 100%;
+      width: 100%;
+      right: 0;
+    }
   }
 
 .KIT__PromotionMobileApp-module__wrapperMainBannerElon___rSUsO {
-  background: #3C16D4;
+  background: #3c16d4;
 }
 
-.KIT__PromotionMobileApp-module__wrapperMainBannerElon___rSUsO .KIT__PromotionMobileApp-module__mobileBanner___KNrfX {
+.KIT__PromotionMobileApp-module__wrapperMainBannerElon___rSUsO .KIT__PromotionMobileApp-module__banner___YcNTY {
     bottom: -20%;
   }
 
-.KIT__PromotionMobileApp-module__wrapperMainBannerElon___rSUsO .KIT__PromotionMobileApp-module__desktopBanner___GCwiQ {
-    height: 100%;
-    width: auto;
-    left: auto;
-    left: initial;
-    right: 0;
+@media screen and (min-width: 768px) {
+    .KIT__PromotionMobileApp-module__wrapperMainBannerElon___rSUsO .KIT__PromotionMobileApp-module__banner___YcNTY {
+      height: 100%;
+      width: auto;
+      left: auto;
+      left: initial;
+      right: 0;
+      bottom: auto;
+      bottom: initial;
+    }
   }
 
-.KIT__PromotionMobileApp-module__wrapperMainBannerFsWin___lNZ2e {
-  /* background: linear-gradient(0deg, #e9e9eb, #e9e9eb),
-    linear-gradient(103.54deg, #9b23f8 -28.05%, #f6f6f6 18.07%),
-    linear-gradient(113.11deg, rgba(255, 211, 20, 0) 70.72%, #ffd314 102.08%); */
-}
-
 @keyframes KIT__PromotionMobileApp-module__PopUpPhone___d1MO7 {
   0% {
     transform: translateY(100%);
@@ -1898,6 +1886,7 @@
     transform: translateY(0);
   }
 }
+
 .KIT__Tabs-module__wrapperTabs___rFoBY {
   display: flex;
   align-items: center;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-gldn-kit",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "description": "",
   "main": "./dist/index.js",
   "keywords": [],