react-gldn-kit 0.1.33 → 0.1.35

package/dist/lib/components/Modals/Alert/components/Auth/SignUp/index.js

@@ -68,7 +68,7 @@ var SignUp = function (props) {
     var setActiveForm = (0, store_2.useZustandRegistrationKitStore)(selectors_2.zustandRegistrationKitSelector.setActiveRegistrationFormAction);
     var setModal = (0, store_1.useZustandModalKitStore)(selectors_1.zustandModalKitSelector.closeAndOpenModalAction);
     var data = (0, store_1.useZustandModalKitStore)(selectors_1.zustandModalKitSelector.getModalAdditionalInfoSelector) || { sendCommand: console.info };
-    var _a = data.bonusSignUp, bonusSignUp = _a === void 0 ? false : _a, _b = data.bonusText, bonusText = _b === void 0 ? '' : _b;
+    var _a = data.bonusSignUp, bonusSignUp = _a === void 0 ? false : _a, _b = data.bonusText, bonusText = _b === void 0 ? '' : _b, _c = data.bonusSubText, bonusSubText = _c === void 0 ? '' : _c;
     var openSignIn = function () {
         setModal(types_1.EModalTypes.SignIn);
     };
@@ -80,6 +80,6 @@ var SignUp = function (props) {
             setActiveForm(tabs[0].value);
         }
     }, [activeForm, tabs]);
-    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperReferralFailure, classes) }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperSignUpModal }, { children: [bonusSignUp && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.bonusText }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.textTitle }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "wheelTwo.secondPopUp.title" }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.subText }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "wheelTwo.secondPopUp.subTitle" }) })), (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: bonusText ? bonusText : 'wheelTwo.secondPopUp.bonus' })] }))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperTabsAndForm }, { children: [activeForm !== null && tabs.length !== 1 && ((0, jsx_runtime_1.jsx)(Tabs_1.Tabs, { activeValue: activeForm, data: tabs, onChange: setActiveForm, classes: styles.tabs, type: "underline" })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.zIndex }, { children: [activeForm === types_2.ERegistrationForm.Email && ((0, jsx_runtime_1.jsx)(EmailSignUp_1.EmailSignUp, { isSelected: true, handleRegistration: handleRegistration, availableCurrencies: availableCurrencies || [] })), activeForm === types_2.ERegistrationForm.Phone && ((0, jsx_runtime_1.jsx)(PhoneSignUp_1.PhoneSignUp, { isSelected: true, requestCode: handleRegistration, handleRegistration: handleRegistration, countryInfo: countryInfo, availableCurrencies: availableCurrencies || [] })), activeForm === types_2.ERegistrationForm.PhoneWithoutCode && ((0, jsx_runtime_1.jsx)(PhoneSignUp_1.PhoneSignUp, { withoutCode: true, isSelected: true, requestCode: handleRegistration, handleRegistration: handleRegistration, countryInfo: countryInfo, availableCurrencies: availableCurrencies || [] })), activeForm === types_2.ERegistrationForm.OneClick && ((0, jsx_runtime_1.jsx)(OneClickKit_1.default, { isSelected: true, handleRegistration: handleRegistration, countryInfo: countryInfo, availableCurrencies: availableCurrencies || [] }))] }))] })), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { size: "--button-full", color: "dark", buttonHeight: "--button-height-full", text: "header.login", classes: styles.authButton, handleClick: openSignIn, centreText: true })] })) })));
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperReferralFailure, classes) }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperSignUpModal }, { children: [bonusSignUp && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.bonusText }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.textTitle }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "wheelTwo.secondPopUp.title" }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.subText }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: bonusSubText ? bonusSubText : 'wheelTwo.secondPopUp.subTitle' }) })), (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: bonusText ? bonusText : 'wheelTwo.secondPopUp.bonus' })] }))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperTabsAndForm }, { children: [activeForm !== null && tabs.length !== 1 && ((0, jsx_runtime_1.jsx)(Tabs_1.Tabs, { activeValue: activeForm, data: tabs, onChange: setActiveForm, classes: styles.tabs, type: "underline" })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.zIndex }, { children: [activeForm === types_2.ERegistrationForm.Email && ((0, jsx_runtime_1.jsx)(EmailSignUp_1.EmailSignUp, { isSelected: true, handleRegistration: handleRegistration, availableCurrencies: availableCurrencies || [] })), activeForm === types_2.ERegistrationForm.Phone && ((0, jsx_runtime_1.jsx)(PhoneSignUp_1.PhoneSignUp, { isSelected: true, requestCode: handleRegistration, handleRegistration: handleRegistration, countryInfo: countryInfo, availableCurrencies: availableCurrencies || [] })), activeForm === types_2.ERegistrationForm.PhoneWithoutCode && ((0, jsx_runtime_1.jsx)(PhoneSignUp_1.PhoneSignUp, { withoutCode: true, isSelected: true, requestCode: handleRegistration, handleRegistration: handleRegistration, countryInfo: countryInfo, availableCurrencies: availableCurrencies || [] })), activeForm === types_2.ERegistrationForm.OneClick && ((0, jsx_runtime_1.jsx)(OneClickKit_1.default, { isSelected: true, handleRegistration: handleRegistration, countryInfo: countryInfo, availableCurrencies: availableCurrencies || [] }))] }))] })), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { size: "--button-full", color: "dark", buttonHeight: "--button-height-full", text: "header.login", classes: styles.authButton, handleClick: openSignIn, centreText: true })] })) })));
 };
 exports.SignUp = SignUp;

package/dist/lib/components/ui/Buttons/BaseButton/index.js

@@ -44,7 +44,7 @@ var Text_1 = require("components/Text");
 var styles = __importStar(require("./ButtonBase.module.css"));
 var BaseButton = function (props) {
     var _a, _b, _c;
-    var text = props.text, startIcon = props.startIcon, children = props.children, size = props.size, color = props.color, isResized = props.isResized, _d = props.classes, classes = _d === void 0 ? '' : _d, _e = props.marginL, marginL = _e === void 0 ? '' : _e, _f = props.fontSize, fontSize = _f === void 0 ? '' : _f, _g = props.borderR, borderR = _g === void 0 ? '' : _g, classesText = props.classesText, centreText = props.centreText, handleClick = props.handleClick, buttonHeight = props.buttonHeight, marginB = props.marginB, disabled = props.disabled;
+    var text = props.text, startIcon = props.startIcon, children = props.children, size = props.size, color = props.color, isResized = props.isResized, _d = props.classes, classes = _d === void 0 ? '' : _d, _e = props.marginL, marginL = _e === void 0 ? '' : _e, _f = props.fontSize, fontSize = _f === void 0 ? '' : _f, _g = props.borderR, borderR = _g === void 0 ? '' : _g, classesText = props.classesText, centreText = props.centreText, handleClick = props.handleClick, buttonHeight = props.buttonHeight, marginB = props.marginB, disabled = props.disabled, endIconClasses = props.endIconClasses;
     var marginLKey = "marginLeft-".concat(marginL);
     var marginBKey = "marginBottom-".concat(marginB);
     var sizeKey = "size".concat(size);
@@ -65,6 +65,6 @@ var BaseButton = function (props) {
                 _b[styles.center] = centreText,
                 _b)) }, { children: [startIcon, text && ((0, jsx_runtime_1.jsx)("span", __assign({ className: (0, classnames_1.default)(styles.text, (_c = {},
                         _c[styles['marginLeft-base']] = startIcon,
-                        _c)) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: text }) }))), children && (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.endIcon }, { children: children }))] })) })));
+                        _c)) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: text }) }))), children && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.endIcon, endIconClasses) }, { children: children })))] })) })));
 };
 exports.BaseButton = BaseButton;

package/dist/lib/components/ui/Buttons/BaseButton/types.d.ts

@@ -20,6 +20,7 @@ type BaseButton = {
     marginB?: 'base' | 'base-double' | 'base-half';
     disabled?: boolean;
     isResized?: boolean;
+    endIconClasses?: string;
 } & ({
     size: '--button-xs' | '--button-s';
     buttonHeight?: undefined;

package/dist/lib/components/ui/Buttons/DrawerButton/index.js

@@ -56,8 +56,8 @@ var styles = __importStar(require("./DrawerButton.module.css"));
 var DrawerButton = function (props) {
     var _a;
     var classes = props.classes, text = props.text, _b = props.isFullView, isFullView = _b === void 0 ? true : _b, rest = __rest(props, ["classes", "text", "isFullView"]);
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperDrawerButton, classes) }, { children: [(0, jsx_runtime_1.jsx)("div", { className: styles.borderBg }), (0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, __assign({}, rest, { text: isFullView ? text : '', buttonHeight: "--button-height-xxl", size: "--button-full", color: "transparent", classes: (0, classnames_1.default)(styles.buttonIndex, (_a = {},
-                    _a[styles.center] = !isFullView,
-                    _a)), classesText: styles.full })), (0, jsx_runtime_1.jsx)("div", { className: styles.shadowBg })] })));
+    return ((0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, __assign({}, rest, { text: isFullView ? text : '', buttonHeight: "--button-height-xxl", size: "--button-full", color: "transparent", classes: (0, classnames_1.default)(styles.buttonIndex, (_a = {},
+            _a[styles.center] = !isFullView,
+            _a), classes), classesText: styles.full })));
 };
 exports.DrawerButton = DrawerButton;

package/dist/main.css

@@ -456,7 +456,6 @@
 .KIT__DrawerButton-module__wrapperDrawerButton___VXojY {
   --drawer-button-text-color: white;
   --border-button: var(--border-l);
-  --border-background: var(--drawer-button-border-background);
 
   --drawer-button-bg: rgb(var(--dark-gray));
 
@@ -472,48 +471,30 @@
 }
 
 .KIT__DrawerButton-module__buttonIndex___OnNej {
+  --height: var(--height-48);
+  height: var(--height);
   position: relative;
   z-index: calc(var(--layout-lvl-1) + 1);
   border-radius: var(--border-button);
-  margin: 2px;
-  background: var(--drawer-modal-content-color);
-  padding-left: var(--indent-l);
+  padding: var(--indent-m) 0;
   color: var(--drawer-modal-content-text-color);
 }
 
-.KIT__DrawerButton-module__center___VojH7 {
-  justify-content: center;
+@media screen and (min-width: 768px) {
+
+.KIT__DrawerButton-module__buttonIndex___OnNej {
+    padding: var(--indent-m) var(--indent-l);
 }
+  }
 
 .KIT__DrawerButton-module__center___VojH7 {
   justify-content: center;
 }
 
-.KIT__DrawerButton-module__borderBg___OHEWy {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  left: 0;
-  top: 0;
-  z-index: var(--layout-lvl-1);
-  background: var(--drawer-button-border-background);
-}
-
-.KIT__DrawerButton-module__shadowBg___k4cHp {
-  position: absolute;
-  right: 0%;
-  top: 2px;
-  width: calc(100% - 2px);
-  height: calc(100% - 4px);
-
-  background: var(--drawer-button-shadow-background);
-  z-index: var(--layout-lvl-1);
-  border-radius: var(--border-button);
-}
-
 .KIT__DrawerButton-module__full___AsBjM {
   width: 100%;
 }
+
 .KIT__CasinoCategoryButton-module__wrapperCasinoCategory___Kn74K {
   flex-shrink: 0;
   cursor: pointer;
@@ -1940,14 +1921,16 @@
   --drawer-min-width: 100px;
 
   width: 90%;
-  height: 100%;
+  height: calc(100% - var(--height-48));
   overflow-x: hidden;
-  overflow-y: auto;
   position: relative;
   background: var(--drawer-modal-content-color);
   padding: var(--indent-l);
   z-index: var(--layout-lvl-1);
   transition: 0.3s;
+  display: flex;
+  flex-direction: column;
+  gap: var(--indent-m);
 }
 
 .KIT__DrawerLayout-module__animationOpenDrawer___Z3IOK {
@@ -2017,16 +2000,14 @@
   .KIT__DrawerLayout-module__wrapperDrawer___DnsQm {
     width: var(--drawer-full-width);
     flex-shrink: 0;
-    overflow-y: hidden;
-    display: flex;
-    flex-direction: column;
     justify-content: space-between;
     height: var(--app-height);
     position: sticky;
     background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
     background: initial;
     top: 0;
-    padding: 0;
+    padding: 0 var(--indent-xxxl) var(--indent-xl);
+    gap: var(--indent-xl);
   }
 
   .KIT__DrawerLayout-module__animationCasinoDrawerGrowing___wpvdM {
@@ -2039,6 +2020,7 @@
     animation: none;
   }
 }
+
 .KIT__Logos-module__wrapperLogo___jKLCC {
   --width: 100px;
   --height: calc(var(--height-48) - var(--indent-m) / 2);

package/package.json

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