react-gldn-kit 0.1.112 → 0.1.114

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

@@ -86,7 +86,7 @@ var EmailSignUp = function (props) {
             !terms ||
             !isConnectedApp ||
             !age);
-    }, [activeCurrencyId, email, password, terms]);
+    }, [activeCurrencyId, email, password, terms, age]);
     var handleChange = function (value) {
         var emailResponse = (0, validation_1.isEmail)({
             value: value,

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

@@ -95,6 +95,7 @@ var PhoneSignUp = function (props) {
             !activeCountryId ||
             !activeCurrencyId ||
             !terms ||
+            !age ||
             !isConnectedApp);
     }, [
         isPhoneError,
@@ -105,6 +106,7 @@ var PhoneSignUp = function (props) {
         activeCurrencyId,
         terms,
         isConnectedApp,
+        age,
     ]);
     var handleIsRequested = function () {
         setRequestedCodeState(true);
@@ -163,6 +165,6 @@ var PhoneSignUp = function (props) {
     var PHONE_PROPS = withoutCode
         ? constants_1.PHONE_PROPS_WITHOUT_CONFIRMATION
         : constants_1.PHONE_PROPS_WITH_CONFIRMATION;
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(PhoneInput_1.PhoneInput, __assign({}, PHONE_PROPS, { label: "registrations.inputs.phone", size: "full", defaultValue: "+", onChange: setPhone, countryInfo: countryInfo, requestCallback: handleIsRequested, classesWrapper: classes, disabled: isRequestedCode, classes: (0, classnames_1.default)(styles.marginB, styles.phoneInput, classes), requestCode: !withoutCode ? requestCode : undefined, buttonClasses: phoneStyles.authButton, labelClasses: labelClasses, inputLabelType: "secondary", inputClasses: styles.input })), !withoutCode && isRequestedCode && ((0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "registrations.inputs.code", size: "full", isHidePlaceholder: true, disabled: !isRequestedCode, onChange: handleChange('code'), classes: (0, classnames_1.default)(styles.marginB, classes), labelClasses: labelClasses, inputLabelType: "secondary", inputClasses: styles.input })), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "registrations.inputs.password", size: "full", isHidePlaceholder: true, onChange: handleChange('password'), classes: (0, classnames_1.default)(styles.marginB, classes), labelClasses: labelClasses, inputLabelType: "secondary", inputClasses: styles.input }), (0, jsx_runtime_1.jsx)(CountrySelector_1.CountrySelector, { countryInfo: countryInfo, classes: (0, classnames_1.default)(styles.marginB, classes), dropdownClasses: styles.dropdown, classesItem: phoneStyles.selectorMainItem, type: "secondary" }), (0, jsx_runtime_1.jsx)(CurrencySelector_1.CurrencySelector, { availableCurrencies: availableCurrencies, countryInfo: countryInfo, classes: (0, classnames_1.default)(styles.marginB, classes), dropdownClasses: styles.dropdown, classesItem: phoneStyles.selectorMainItem, type: "secondary" }), (0, jsx_runtime_1.jsx)(DocsCheckBox_1.DocsCheckBox, { terms: terms, age: age, handleOpenDoc: handleOpenDoc, handleToggleState: handleToggleState }), (0, jsx_runtime_1.jsx)(PromocodeInput_1.PromocodeInput, { value: promoCode, handleChange: handleChangePromoCode, clearValue: clearPromoCode }), (0, jsx_runtime_1.jsx)(HOCRequestLoader_1.HOCRequestLoader, __assign({ command: "08x", requestId: types_1.ERequestIds.Registration, customLoader: (0, jsx_runtime_1.jsx)(CircularLoader_1.CircularLoader, {}) }, { children: (0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, { text: 'registrations.submitBtn', disabled: isDisabledSubmitButton, color: "primary", handleClick: handleSubmitForm, size: "--button-full", centreText: true, buttonHeight: "--button-height-full", classes: (0, classnames_1.default)(phoneStyles.authButton, styles.marginB, classes) }) }))] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(PhoneInput_1.PhoneInput, __assign({}, PHONE_PROPS, { label: "registrations.inputs.phone", size: "full", defaultValue: "+", onChange: setPhone, countryInfo: countryInfo, requestCallback: handleIsRequested, classesWrapper: classes, disabled: isRequestedCode, classes: (0, classnames_1.default)(styles.marginB, styles.phoneInput, classes), requestCode: !withoutCode ? requestCode : undefined, buttonClasses: phoneStyles.authButton, labelClasses: labelClasses, inputLabelType: "secondary", inputClasses: styles.input })), !withoutCode && isRequestedCode && ((0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "registrations.inputs.code", size: "full", isHidePlaceholder: true, disabled: !isRequestedCode, onChange: handleChange('code'), classes: (0, classnames_1.default)(styles.marginB, classes), labelClasses: labelClasses, inputLabelType: "secondary", inputClasses: styles.input })), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "registrations.inputs.password", size: "full", isHidePlaceholder: true, onChange: handleChange('password'), classes: (0, classnames_1.default)(styles.marginB, classes), labelClasses: labelClasses, inputLabelType: "secondary", inputClasses: styles.input }), (0, jsx_runtime_1.jsx)(CountrySelector_1.CountrySelector, { countryInfo: countryInfo, classes: (0, classnames_1.default)(styles.marginB, classes), dropdownClasses: styles.dropdown, classesItem: phoneStyles.selectorMainItem, type: "secondary" }), (0, jsx_runtime_1.jsx)(CurrencySelector_1.CurrencySelector, { availableCurrencies: availableCurrencies, countryInfo: countryInfo, classes: (0, classnames_1.default)(styles.marginB, classes), dropdownClasses: styles.dropdown, classesItem: phoneStyles.selectorMainItem, type: "secondary" }), (0, jsx_runtime_1.jsx)(PromocodeInput_1.PromocodeInput, { value: promoCode, handleChange: handleChangePromoCode, clearValue: clearPromoCode }), (0, jsx_runtime_1.jsx)(DocsCheckBox_1.DocsCheckBox, { terms: terms, age: age, handleOpenDoc: handleOpenDoc, handleToggleState: handleToggleState }), (0, jsx_runtime_1.jsx)(HOCRequestLoader_1.HOCRequestLoader, __assign({ command: "08x", requestId: types_1.ERequestIds.Registration, customLoader: (0, jsx_runtime_1.jsx)(CircularLoader_1.CircularLoader, {}) }, { children: (0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, { text: 'registrations.submitBtn', disabled: isDisabledSubmitButton, color: "primary", handleClick: handleSubmitForm, size: "--button-full", centreText: true, buttonHeight: "--button-height-full", classes: (0, classnames_1.default)(phoneStyles.authButton, styles.marginB, classes) }) }))] }));
 };
 exports.PhoneSignUp = PhoneSignUp;

package/dist/lib/components/Modals/Alert/components/LostPassword/First/components/EmailConfirmation/index.js

@@ -109,6 +109,7 @@ var EmailConfirmation = function () {
     }, [notifications]);
     return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperEmailConfirmation, styles.column, (_a = {},
             _a[styles.white] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.BaseWhite,
+            _a[styles.yellow] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.BaseYellow,
             _a[styles.whiteYellow] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhiteYellow,
             _a[styles.whitePurple] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhitePurple,
             _a[styles.whiteBlue] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhiteBlue,

package/dist/lib/components/Modals/Alert/components/LostPassword/First/components/NumberConfirmation/index.js

@@ -111,6 +111,7 @@ var NumberConfirmation = function () {
     }, [notifications]);
     return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperNumberConfirmation, styles.column, (_a = {},
             _a[styles.white] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.BaseWhite,
+            _a[styles.yellow] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.BaseYellow,
             _a[styles.whiteYellow] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhiteYellow,
             _a[styles.whitePurple] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhitePurple,
             _a[styles.whiteBlue] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhiteBlue,

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

@@ -294,7 +294,9 @@ var Alerts = function (props) {
             _c[styles.yellowSignUp] = (modalType === types_1.EModalTypes.SignIn ||
                 modalType === types_1.EModalTypes.SignUp ||
                 modalType === types_1.EModalTypes.LostPassword ||
-                modalType === types_1.EModalTypes.SetNewPassword) &&
+                modalType === types_1.EModalTypes.SetNewPassword ||
+                modalType === types_1.EModalTypes.NumberConfirmation ||
+                modalType === types_1.EModalTypes.EmailConfirmation) &&
                 types_2.ESignUpTheme[additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.registrationTheme] === types_2.ESignUpTheme.BaseYellow,
             _c[styles.whiteSignUp] = (modalType === types_1.EModalTypes.SignIn ||
                 modalType === types_1.EModalTypes.SignUp ||

package/dist/main.css

@@ -4436,6 +4436,17 @@
   --input-code-color: var(--base-1000);
 }
 
+.KIT__NumberConfirmation-module__yellow___23F74 {
+  --button-primary-border: none;
+  --button-color-primary-text: var(--base-1000);
+  --button-color-primary: linear-gradient(
+    90deg,
+    rgba(255, 222, 106, 1) 23%,
+    rgba(224, 168, 37, 1) 67%
+  );
+  --input-code-background: rgba(36, 36, 36, 1);
+}
+
 .KIT__NumberConfirmation-module__whiteYellow___CGY2s,
 .KIT__NumberConfirmation-module__whiteBlue___TnqTv,
 .KIT__NumberConfirmation-module__whitePurple___oh3mh {
@@ -4449,7 +4460,7 @@
 }
 
 .KIT__NumberConfirmation-module__whiteYellow___CGY2s {
-  --number-confirmation-resend-code-span-color: rgba(252, 212, 53, 1) ;
+  --number-confirmation-resend-code-span-color: rgba(252, 212, 53, 1);
   --button-color-primary: rgb(252, 212, 53);
 }
 
@@ -4506,7 +4517,10 @@
 
 .KIT__NumberConfirmation-module__resendCode___zdM3H span {
   color: rgba(69, 118, 244, 1);
-  color: var(--number-confirmation-resend-code-span-color, rgba(69, 118, 244, 1));
+  color: var(
+    --number-confirmation-resend-code-span-color,
+    rgba(69, 118, 244, 1)
+  );
   font-weight: 600;
 }
 
@@ -4531,6 +4545,17 @@
   --input-code-color: var(--base-1000);
 }
 
+.KIT__EmailConfirmation-module__yellow___Y6bwe {
+  --button-primary-border: none;
+  --button-color-primary-text: var(--base-1000);
+  --button-color-primary: linear-gradient(
+    90deg,
+    rgba(255, 222, 106, 1) 23%,
+    rgba(224, 168, 37, 1) 67%
+  );
+  --input-code-background: rgba(36, 36, 36, 1);
+}
+
 .KIT__EmailConfirmation-module__whiteYellow___dLQLm,
 .KIT__EmailConfirmation-module__whiteBlue___rLt8v,
 .KIT__EmailConfirmation-module__whitePurple___Xh7x8 {
@@ -4544,7 +4569,7 @@
 }
 
 .KIT__EmailConfirmation-module__whiteYellow___dLQLm {
-  --number-confirmation-resend-code-span-color: rgba(252, 212, 53, 1) ;
+  --number-confirmation-resend-code-span-color: rgba(252, 212, 53, 1);
   --button-color-primary: rgb(252, 212, 53);
 }
 
@@ -4600,7 +4625,10 @@
 
 .KIT__EmailConfirmation-module__resendCode___zy06h span {
   color: rgba(69, 118, 244, 1);
-  color: var(--number-confirmation-resend-code-span-color, rgba(69, 118, 244, 1));
+  color: var(
+    --number-confirmation-resend-code-span-color,
+    rgba(69, 118, 244, 1)
+  );
   font-weight: 600;
 }
 

package/package.json

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