react-gldn-kit 0.1.124 → 0.1.126

package/dist/lib/components/Modals/Alert/components/Auth/Others/Olympus/index.js

@@ -99,6 +99,7 @@ var ModalContext_1 = require("context/logic/ModalContext");
 var styles = __importStar(require("./SignUpTypeTwo.module.css"));
 var types_3 = require("zustandStore/forms/signUp/types");
 var useHookFabric_1 = require("hooks/useHookFabric");
+var HOCRequestLoader_1 = require("components/HOCs/HOCRequestLoader");
 var SignUpTypeTwo = function (props) {
     var _a, _b, _c;
     var classes = props.classes, registrationSettings = props.registrationSettings, _d = props.isHideTitle, isHideTitle = _d === void 0 ? false : _d, contentClasses = props.contentClasses, contentAreaClasses = props.contentAreaClasses;
@@ -202,15 +203,16 @@ var SignUpTypeTwo = function (props) {
             _a[styles.transparentYellow] = types_3.ESignUpTheme[regType] === types_3.ESignUpTheme.TransparentYellow,
             _a[styles.brownGold] = types_3.ESignUpTheme[regType] === types_3.ESignUpTheme.BrownGold,
             _a[styles.deepOcean] = types_3.ESignUpTheme[regType] === types_3.ESignUpTheme.DeepOcean,
+            _a[styles.silverGreen] = types_3.ESignUpTheme[regType] === types_3.ESignUpTheme.SilverGreen,
             _a), classes) }, { children: [registrationTitle && !isHideTitle && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.title, ref: titleRef }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: registrationTitle }) }))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.contentArea, contentAreaClasses), style: {
                     height: "calc(100% - ".concat(titleHeight, "px)"),
-                } }, { children: [!isSelected && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.warning }, { children: [(0, jsx_runtime_1.jsx)(WarningSvg_1.WarningSvg, {}), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.warningText }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signUpTwo.notConfirm" }) }))] }))), bonusImagePath && ((0, jsx_runtime_1.jsx)("img", { src: bonusImagePath, className: (0, classnames_1.default)(styles.bonusImage, 'KIT_SignUpTypeTwo_wrapperSignUp_bonusImage') })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.content, contentClasses) }, { children: [Boolean(social.length) && (0, jsx_runtime_1.jsx)(SocialButtons_1.SocialButtons, { social: social }), activeForm !== null && tabs.length !== 1 && ((0, jsx_runtime_1.jsx)(Tabs_1.Tabs, { activeValue: activeForm, data: tabs, onChange: setActiveForm, classes: styles.tabs, type: "underline", tabClasses: styles.tab, activeTabClasses: styles.activeTab, indicatorClasses: styles.indicator })), (0, jsx_runtime_1.jsxs)("div", { children: [activeForm === types_3.ERegistrationForm.PhoneWithoutCode ? ((0, jsx_runtime_1.jsx)(PhoneBox_1.default, { onChange: setPhone, countryInfo: countryInfo })) : ((0, jsx_runtime_1.jsx)(InputBox_1.default, { leftImg: "/landings/assets-builder/signUpTwo/email.svg", rightImg: "", setInput: setEmail, validation: validation_1.validateEmailValue, input: email, label: "signUpTwo.tabEmail", classes: styles.emailInput })), (0, jsx_runtime_1.jsx)(PasswordBox_1.default, { onChange: setPassword }), (0, jsx_runtime_1.jsx)(CurrencyBox_1.default, {}), (0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.submitButton, (_b = {},
-                                            _b[styles.disable] = !mainField.value ||
-                                                mainField.errorText ||
-                                                !password ||
-                                                !currencyId ||
-                                                !isSelected,
-                                            _b)), onClick: handleSubmit }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: buttonText }) })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.accountExist }, { children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signUpTwo.accountExist" }) }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.link, onClick: openSignIn }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signUpTwo.login" }) }))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.signIn, onClick: toggleState }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.box }, { children: isSelected && (0, jsx_runtime_1.jsx)(check_svg_1.ReactComponent, { className: styles.checkboxImg }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.terms, (_c = {},
+                } }, { children: [!isSelected && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.warning }, { children: [(0, jsx_runtime_1.jsx)(WarningSvg_1.WarningSvg, {}), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.warningText }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signUpTwo.notConfirm" }) }))] }))), bonusImagePath && ((0, jsx_runtime_1.jsx)("img", { src: bonusImagePath, className: (0, classnames_1.default)(styles.bonusImage, 'KIT_SignUpTypeTwo_wrapperSignUp_bonusImage') })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.content, contentClasses) }, { children: [Boolean(social.length) && (0, jsx_runtime_1.jsx)(SocialButtons_1.SocialButtons, { social: social }), activeForm !== null && tabs.length !== 1 && ((0, jsx_runtime_1.jsx)(Tabs_1.Tabs, { activeValue: activeForm, data: tabs, onChange: setActiveForm, classes: styles.tabs, type: "underline", tabClasses: styles.tab, activeTabClasses: styles.activeTab, indicatorClasses: styles.indicator })), (0, jsx_runtime_1.jsxs)("div", { children: [activeForm === types_3.ERegistrationForm.PhoneWithoutCode ? ((0, jsx_runtime_1.jsx)(PhoneBox_1.default, { onChange: setPhone, countryInfo: countryInfo })) : ((0, jsx_runtime_1.jsx)(InputBox_1.default, { leftImg: "/landings/assets-builder/signUpTwo/email.svg", rightImg: "", setInput: setEmail, validation: validation_1.validateEmailValue, input: email, label: "signUpTwo.tabEmail", classes: styles.emailInput })), (0, jsx_runtime_1.jsx)(PasswordBox_1.default, { onChange: setPassword }), (0, jsx_runtime_1.jsx)(CurrencyBox_1.default, {}), (0, jsx_runtime_1.jsx)(HOCRequestLoader_1.HOCRequestLoader, __assign({ command: "05x", requestId: types_1.ERequestIds.Registration }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.submitButton, (_b = {},
+                                                _b[styles.disable] = !mainField.value ||
+                                                    mainField.errorText ||
+                                                    !password ||
+                                                    !currencyId ||
+                                                    !isSelected,
+                                                _b)), onClick: handleSubmit }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: buttonText }) })) })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.accountExist }, { children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signUpTwo.accountExist" }) }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.link, onClick: openSignIn }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signUpTwo.login" }) }))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.signIn, onClick: toggleState }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.box }, { children: isSelected && (0, jsx_runtime_1.jsx)(check_svg_1.ReactComponent, { className: styles.checkboxImg }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.terms, (_c = {},
                                                     _c[styles.errorColor] = !isSelected,
                                                     _c)) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signUpTwo.terms" }) }))] }))] })] }))] }))] })));
 };

package/dist/lib/components/Scratch/index.js

@@ -81,6 +81,16 @@ var Scratch = function (props) {
         }
         (_b = audio1.play) === null || _b === void 0 ? void 0 : _b.call(audio1);
     }; };
+    var getBoxBackground = function (value) {
+        if (!scratchedBoxes.includes(value)) {
+            return;
+        }
+        if (Array.isArray(backgroundScratchDone)) {
+            var position = scratchedBoxes.indexOf(value);
+            return backgroundScratchDone[position];
+        }
+        return backgroundScratchDone;
+    };
     (0, react_1.useEffect)(function () {
         var timer = setTimeout(function () {
             setScratchedBoxesOpacity(function (prev) {
@@ -108,7 +118,7 @@ var Scratch = function (props) {
                 return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.box, (_a = {},
                         _a[styles.scratched] = scratchedBoxes.includes(value),
                         _a), 'KIT_Scratch_scratch_box'), style: {
-                        background: "url(".concat(backgroundScratchDone, ")"),
+                        backgroundImage: "url(".concat(getBoxBackground(value), ")"),
                         backgroundSize: '100% 100%',
                         backgroundPosition: 'center',
                         backgroundRepeat: 'no-repeat',

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

@@ -1,7 +1,7 @@
 export type ScratchProps = {
     callback: () => void;
     backgroundPath: string;
-    backgroundScratchDone: string;
+    backgroundScratchDone: string | [string, string];
     scratchPath: [string, string];
     slotNamePath: string;
     audioFirstPath?: string;

package/dist/lib/components/ui/LanguageSelector/types.d.ts

@@ -6,6 +6,6 @@ export type LanguageSelectorProps = {
     isShortView?: boolean;
 };
 export declare enum EDirection {
-    Top = 0,
-    Bottom = 1
+    Top = "Top",
+    Bottom = "Bottom"
 }

package/dist/lib/components/ui/LanguageSelector/types.js

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.EDirection = void 0;
 var EDirection;
 (function (EDirection) {
-    EDirection[EDirection["Top"] = 0] = "Top";
-    EDirection[EDirection["Bottom"] = 1] = "Bottom";
+    EDirection["Top"] = "Top";
+    EDirection["Bottom"] = "Bottom";
 })(EDirection = exports.EDirection || (exports.EDirection = {}));

package/dist/lib/zustandStore/forms/signUp/types.d.ts

@@ -56,6 +56,7 @@ export declare enum ESignUpTheme {
     TransparentYellow = "transparent-yellow",
     BrownGold = "brown-gold",
     DeepOcean = "deep-ocean",
+    SilverGreen = "silver-green",
     BaseGreen = "base-green",
     BaseYellow = "base-yellow",
     BaseWhite = "base-white",

package/dist/lib/zustandStore/forms/signUp/types.js

@@ -35,6 +35,7 @@ var ESignUpTheme;
     ESignUpTheme["TransparentYellow"] = "transparent-yellow";
     ESignUpTheme["BrownGold"] = "brown-gold";
     ESignUpTheme["DeepOcean"] = "deep-ocean";
+    ESignUpTheme["SilverGreen"] = "silver-green";
     ESignUpTheme["BaseGreen"] = "base-green";
     ESignUpTheme["BaseYellow"] = "base-yellow";
     ESignUpTheme["BaseWhite"] = "base-white";

package/dist/main.css

@@ -2425,7 +2425,11 @@
 }
 
 .KIT__SignUpTypeTwo-module__silver___L4PvI {
-  --background: linear-gradient(183.6deg, #67615e 0.64%, #2b2b2b 97.12%);
+  --background: linear-gradient(
+    183.6deg,
+    rgb(103, 97, 94) 0.64%,
+    rgb(43, 43, 43) 97.12%
+  );
   --input-filled-border-color: rgba(255, 161, 0, 0.5);
   --input-focus-border-color: rgba(255, 161, 0, 1);
   --track-background: var(--base-1000);
@@ -2644,6 +2648,28 @@
 }
   }
 
+.KIT__SignUpTypeTwo-module__silverGreen___giUzl {
+  --background: linear-gradient(180deg, #615c59 0%, #2d2d2d 100%);
+  border: 4px solid;
+  -o-border-image: linear-gradient(180deg, #ffa101 20.52%, #773a00 113.24%) 1;
+     border-image: linear-gradient(180deg, #ffa101 20.52%, #773a00 113.24%) 1;
+  --input-focus-border-color: rgba(255, 161, 0, 1);
+  --input-filled-border-color: rgba(255, 161, 0, 0.5);
+  --currency-box-shadow: 1px 1px 8.6px 3px rgba(253, 249, 255, 0.5);
+  --phone-wrapper-background: rgba(43, 43, 43, 1);
+  --currency-box-background: rgba(43, 43, 43, 1);
+  --thumb-background: rgba(255, 161, 0, 1);
+  --submit-button-background: rgba(41, 188, 89, 1);
+  --submit-button-color: var(--base-0);
+}
+
+@media screen and (max-width: 768px) {
+
+.KIT__SignUpTypeTwo-module__silverGreen___giUzl {
+    border: none;
+}
+  }
+
 .KIT__SignUpTypeTwo-module__contentArea___iCJXc {
   overflow-y: auto;
   width: 100%;

package/package.json

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