react-gldn-kit 0.1.102 → 0.1.104

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

@@ -193,6 +193,7 @@ var SignUpTypeTwo = function () {
             _a[styles.black] = types_3.ESignUpTheme[regType] === types_3.ESignUpTheme.Black,
             _a[styles.blackRed] = types_3.ESignUpTheme[regType] === types_3.ESignUpTheme.BlackRed,
             _a[styles.bluePurple] = types_3.ESignUpTheme[regType] === types_3.ESignUpTheme.BluePurple,
+            _a[styles.silverRed] = types_3.ESignUpTheme[regType] === types_3.ESignUpTheme.SilverRed,
             _a)) }, { children: [registrationTitle && ((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: styles.contentArea, 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: styles.content }, { 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 = {},

package/dist/lib/components/SocialButtons/GoogleLoginButon/index.js

@@ -47,7 +47,8 @@ var styles = __importStar(require("./GoogleLoginButton.module.css"));
 var selectors_2 = require("zustandStore/settings/selectors");
 var store_2 = require("zustandStore/settings/store");
 var GoogleLoginButton = function () {
-    var useGoogleAuth = (0, ModalContext_1.useHookProvider)().useGoogleAuth;
+    var googleAuth = (0, ModalContext_1.useHookProvider)().googleAuth;
+    var googlePath = googleAuth.googlePath, useGoogleAuth = googleAuth.useGoogleAuth;
     var activeLanguage = (0, store_1.useZustandLanguagesKitStore)(selectors_1.languageSelectors.getActiveLanguageNameKitSelector);
     var appType = (0, store_2.useZustandKitSettings)(selectors_2.getKitAppTypeSelector);
     var _a = (0, useHookFabric_1.useHookFabric)({
@@ -55,7 +56,7 @@ var GoogleLoginButton = function () {
         customProps: {
             appType: appType,
             adapter: utils_1.getAuthorizationData,
-            // path
+            path: googlePath,
             language: activeLanguage,
         },
     }), onSuccess = _a.onSuccess, status = _a.status;

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

@@ -47,7 +47,11 @@ var styles = __importStar(require("./SocialButtons.module.css"));
 var ModalContext_1 = require("context/logic/ModalContext");
 var SocialButtons = function (_a) {
     var social = _a.social, wrapperClasses = _a.wrapperClasses;
-    var googleClientId = (0, ModalContext_1.useHookProvider)().googleClientId;
-    return ((0, jsx_runtime_1.jsx)(google_1.GoogleOAuthProvider, __assign({ clientId: googleClientId }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperSocialButtons }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.socialButtons, wrapperClasses) }, { children: social.includes('Google') && (0, jsx_runtime_1.jsx)(GoogleLoginButon_1.default, {}) })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.row }, { children: [(0, jsx_runtime_1.jsx)("div", { className: styles.line }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.or }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "socialTabs.or" }) })), (0, jsx_runtime_1.jsx)("div", { className: styles.line })] }))] })) })));
+    var googleAuth = (0, ModalContext_1.useHookProvider)().googleAuth;
+    if (!googleAuth.googleClientId) {
+        // Notice: temporary solution
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperSocialButtons }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.socialButtons, wrapperClasses) }, { children: social.includes('Google') && googleAuth.googleClientId && ((0, jsx_runtime_1.jsx)(google_1.GoogleOAuthProvider, __assign({ clientId: googleAuth.googleClientId }, { children: (0, jsx_runtime_1.jsx)(GoogleLoginButon_1.default, {}) }))) })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.row }, { children: [(0, jsx_runtime_1.jsx)("div", { className: styles.line }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.or }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "socialTabs.or" }) })), (0, jsx_runtime_1.jsx)("div", { className: styles.line })] }))] })));
 };
 exports.SocialButtons = SocialButtons;

package/dist/lib/context/logic/ModalContext.d.ts

@@ -4,13 +4,16 @@ type HookContextType = {
     useTransportControllers: () => any;
     useCurrencies: () => null | CurrencyInfo[];
     useCountryInfo: () => any;
-    useGoogleAuth: () => any;
     registrationLastStep: (data: {
         promo: string;
         currencyId: number;
     }) => any;
     sendRegistrationCommand: (key: string, data: any) => any;
-    googleClientId?: string;
+    googleAuth: {
+        useGoogleAuth: () => any;
+        googleClientId?: string;
+        googlePath?: string;
+    };
 };
 export declare const HookProvider: import("react").Provider<HookContextType>;
 export declare const useHookProvider: () => HookContextType;

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

@@ -50,6 +50,7 @@ export declare enum ESignUpTheme {
     Black = "black",
     BlackRed = "black-red",
     BluePurple = "blue-purple",
+    SilverRed = "silver-red",
     BaseGreen = "base-green",
     BaseYellow = "base-yellow",
     BaseWhite = "base-white",

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

@@ -29,6 +29,7 @@ var ESignUpTheme;
     ESignUpTheme["Black"] = "black";
     ESignUpTheme["BlackRed"] = "black-red";
     ESignUpTheme["BluePurple"] = "blue-purple";
+    ESignUpTheme["SilverRed"] = "silver-red";
     ESignUpTheme["BaseGreen"] = "base-green";
     ESignUpTheme["BaseYellow"] = "base-yellow";
     ESignUpTheme["BaseWhite"] = "base-white";

package/dist/main.css

@@ -2399,10 +2399,10 @@
 }
 
 .KIT__SignUpTypeTwo-module__bluePurple___tZk7a {
-  --background: linear-gradient(180deg, #2B4A99 0%, #211955 72.6%);
+  --background: linear-gradient(180deg, #2b4a99 0%, #211955 72.6%);
   border: 2px solid;
-  -o-border-image: linear-gradient(180deg, #E89E01 0%, #EFC601 100%) 1;
-     border-image: linear-gradient(180deg, #E89E01 0%, #EFC601 100%) 1;
+  -o-border-image: linear-gradient(180deg, #e89e01 0%, #efc601 100%) 1;
+     border-image: linear-gradient(180deg, #e89e01 0%, #efc601 100%) 1;
   --submit-button-background: rgba(251, 35, 114, 1);
   --submit-button-color: var(--base-0);
   --thumb-background: rgba(247, 209, 69, 1);
@@ -2415,6 +2415,24 @@
   --input-filled-border-color: rgba(213, 163, 101, 0.5);
 }
 
+.KIT__SignUpTypeTwo-module__silverRed___XWzNu {
+  --background: linear-gradient(180deg, #3e4042 0%, #0f0f0f 72.6%);
+  border: 2px solid;
+  -o-border-image: linear-gradient(180deg, #d9d9d9 0%, #38393b 100%) 1;
+     border-image: linear-gradient(180deg, #d9d9d9 0%, #38393b 100%) 1;
+  --submit-button-background: rgba(172, 8, 33, 1);
+  --submit-button-color: var(--base-0);
+  --phone-wrapper-background: rgba(105, 2, 18, 1);
+  --currency-box-background: rgba(105, 2, 18, 1);
+  --tab-border-bottom: 2px solid rgba(224, 4, 36, 0.2);
+  --tab-indicator-background: rgba(224, 4, 36, 1);
+  --input-focus-border-color: rgba(172, 8, 33, 1);
+  --input-filled-border-color: rgba(172, 8, 33, 0.5);
+  --thumb-background: rgba(247, 209, 69, 1);
+  --track-background: var(--base-1000);
+  --currency-box-shadow: 1px 1px 8.6px 3px rgba(253, 249, 255, 0.5);
+}
+
 .KIT__SignUpTypeTwo-module__contentArea___N15Kc {
   overflow-y: auto;
   width: 100%;
@@ -4881,7 +4899,8 @@
 
 .KIT__LanguageSelector-module__language___hJ6IS {
   text-transform: uppercase;
-  color: rgb(var(--white));
+  color: rgb(255, 255, 255);
+  color: var(--base-0, rgb(255, 255, 255));
   font-weight: 500;
   font-size: var(--font-size-s);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-gldn-kit",
-  "version": "0.1.102",
+  "version": "0.1.104",
   "description": "",
   "main": "./dist/index.js",
   "keywords": [],
@@ -41,7 +41,7 @@
     "postcss-loader": "^8.1.1",
     "postcss-preset-env": "^10.1.2",
     "prettier": "^2.8.8",
-    "react-render-hooks": "^0.0.75",
+    "react-render-hooks": "^0.0.78",
     "rimraf": "^6.0.1",
     "scheduler": "^0.25.0",
     "style-loader": "^4.0.0",