react-gldn-kit 0.1.34 → 0.1.36

package/dist/lib/components/Modals/Alert/components/Auth/SignUp/components/Forms/EmailSignUp/index.d.ts

@@ -1,9 +1,10 @@
 import { getRegistrationData } from 'zustandStore/forms/signUp/utils';
-import { CurrencyInfo } from 'react-memory-optimization/dist/lib/store/user/types';
+import { CountryInfo, CurrencyInfo } from 'react-memory-optimization/dist/lib/store/user/types';
 type Props = {
     isSelected: boolean;
     handleRegistration: (k: string, data: ReturnType<typeof getRegistrationData>) => void;
     availableCurrencies: CurrencyInfo[];
+    countryInfo: CountryInfo | null;
 };
-export declare const EmailSignUp: ({ isSelected, handleRegistration, availableCurrencies, }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const EmailSignUp: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -42,8 +42,6 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var types_1 = require("react-memory-optimization/dist/lib/binary/types");
 var classnames_1 = __importDefault(require("classnames"));
-var CurrencySelector_1 = __importDefault(require("../../CurrencySelector"));
-var PromoCode_1 = __importDefault(require("../../PromoCode"));
 var DocsCheckBox_1 = __importDefault(require("../DocsCheckBox"));
 var styles = __importStar(require("../../../SignUp.module.css"));
 var stylesEmailSignUp = __importStar(require("./EmailSignUp.module.css"));
@@ -56,15 +54,17 @@ var validation_1 = require("service/validation");
 var BaseInput_1 = require("components/ui/Inputs/BaseInput");
 var BaseButton_1 = require("components/ui/Buttons/BaseButton");
 var utils_1 = require("zustandStore/forms/signUp/utils");
-var EmailSignUp = function (_a) {
-    var _b = _a.isSelected, isSelected = _b === void 0 ? false : _b, handleRegistration = _a.handleRegistration, availableCurrencies = _a.availableCurrencies;
-    var _c = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), email = _c[0], setEmail = _c[1];
+var PromoCode_1 = require("components/SignUp/PromoCode");
+var CurrencySelector_1 = require("components/SignUp/CurrencySelector");
+var EmailSignUp = function (props) {
+    var countryInfo = props.countryInfo, _a = props.isSelected, isSelected = _a === void 0 ? false : _a, handleRegistration = props.handleRegistration, availableCurrencies = props.availableCurrencies;
+    var _b = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), email = _b[0], setEmail = _b[1];
     // const docs = useZustandWebConfiguration(getDocsSelector) || {};
-    var _d = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), password = _d[0], setPassword = _d[1];
+    var _c = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), password = _c[0], setPassword = _c[1];
     var setRegisteredLogin = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.setRegisteredLoginAction);
     var activeCurrencyId = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.getActiveCurrencyIdSelector);
     var activeLang = (0, store_2.useZustandLanguagesKitStore)(selectors_2.languageSelectors.getActiveLanguageNameKitSelector);
-    var _e = (0, react_1.useState)(isSelected), terms = _e[0], setTermsState = _e[1];
+    var _d = (0, react_1.useState)(isSelected), terms = _d[0], setTermsState = _d[1];
     var isDisabledSubmitButton = (0, react_1.useMemo)(function () {
         return Boolean(!activeCurrencyId ||
             !email.value ||
@@ -73,7 +73,7 @@ var EmailSignUp = function (_a) {
             password.errorText ||
             !terms);
     }, [activeCurrencyId, email, password, terms]);
-    var _f = (0, react_1.useState)(''), promoCode = _f[0], setPromoCode = _f[1];
+    var _e = (0, react_1.useState)(''), promoCode = _e[0], setPromoCode = _e[1];
     var handleChange = function (t) { return function (value) {
         if (t === 'password') {
             var errorText = (0, validation_1.composeValidations)([
@@ -125,6 +125,6 @@ var EmailSignUp = function (_a) {
         // }
         // openExternalLink(link, true);
     };
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: stylesEmailSignUp.animationFadeIn }, { children: [(0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "registrations.inputs.email", size: "full", isHidePlaceholder: true, onChange: handleChange('email'), errorText: email.errorText, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "registrations.inputs.password", size: "full", isHidePlaceholder: true, onChange: handleChange('password'), errorText: password.errorText, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(CurrencySelector_1.default, { availableCurrencies: availableCurrencies }), (0, jsx_runtime_1.jsx)(PromoCode_1.default, { setPromoCode: setPromoCode }), (0, jsx_runtime_1.jsx)(DocsCheckBox_1.default, { terms: terms, handleOpenDoc: handleOpenDoc, handleToggleState: handleToggleState }), (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)(styles.marginB, styles.authButton) })] })));
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: stylesEmailSignUp.animationFadeIn }, { children: [(0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "registrations.inputs.email", size: "full", isHidePlaceholder: true, onChange: handleChange('email'), errorText: email.errorText, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "registrations.inputs.password", size: "full", isHidePlaceholder: true, onChange: handleChange('password'), errorText: password.errorText, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(CurrencySelector_1.CurrencySelector, { availableCurrencies: availableCurrencies, countryInfo: countryInfo, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(PromoCode_1.RegistrationPromoCode, { setPromoCode: setPromoCode, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(DocsCheckBox_1.default, { terms: terms, handleOpenDoc: handleOpenDoc, handleToggleState: handleToggleState }), (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)(styles.marginB, styles.authButton) })] })));
 };
 exports.EmailSignUp = EmailSignUp;

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

@@ -13,7 +13,6 @@ var OneClickKit = function (props) {
     var activeCurrencyId = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.getActiveCurrencyIdSelector);
     var activeCountryId = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.getActiveCountryIdSelector);
     var activeLang = (0, store_2.useZustandLanguagesKitStore)(selectors_2.languageSelectors.getActiveLanguageNameKitSelector);
-    // const docs = useZustandWebConfiguration(getDocsSelector) || {};
     var setActiveCountryId = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.setActiveCountryIdAction);
     var prepareRegistrationData = function (promoCode) {
         if (!activeCurrencyId || !activeCountryId) {
@@ -32,8 +31,6 @@ var OneClickKit = function (props) {
             availableCurrencies: availableCurrencies,
             countryInfo: countryInfo,
         }, countryProps: {
-            activeCountryId: activeCountryId,
-            setActiveCountryId: setActiveCountryId,
             countryInfo: countryInfo,
         }, isLoading: false }));
 };

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

@@ -40,15 +40,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PhoneSignUp = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var CountrySelector_1 = __importDefault(require("../../CountrySelector"));
-var CurrencySelector_1 = __importDefault(require("../../CurrencySelector"));
 var constant_1 = require("components/ui/Inputs/BaseInput/constant");
 var store_1 = require("zustandStore/languages/store");
 var selectors_1 = require("zustandStore/languages/selectors");
 var BaseInput_1 = require("components/ui/Inputs/BaseInput");
 var BaseButton_1 = require("components/ui/Buttons/BaseButton");
 var PhoneInput_1 = require("components/ui/Inputs/PhoneInput");
-var PromoCode_1 = __importDefault(require("../../PromoCode"));
 var DocsCheckBox_1 = __importDefault(require("../DocsCheckBox"));
 var constants_1 = require("./constants");
 var store_2 = require("zustandStore/forms/signUp/store");
@@ -58,6 +55,9 @@ var shared_1 = require("utils/shared");
 var styles = __importStar(require("../../../SignUp.module.css"));
 var types_1 = require("react-memory-optimization/dist/lib/binary/types");
 var utils_1 = require("zustandStore/forms/signUp/utils");
+var PromoCode_1 = require("components/SignUp/PromoCode");
+var CountrySelector_1 = require("components/SignUp/CountrySelector");
+var CurrencySelector_1 = require("components/SignUp/CurrencySelector");
 var PhoneSignUp = function (props) {
     var availableCurrencies = props.availableCurrencies, isSelected = props.isSelected, _a = props.withoutCode, withoutCode = _a === void 0 ? false : _a, countryInfo = props.countryInfo, handleRegistration = props.handleRegistration, _b = props.requestCode, requestCode = _b === void 0 ? console.info : _b;
     var setRegisteredLogin = (0, store_2.useZustandRegistrationKitStore)(selectors_2.zustandRegistrationKitSelector.setRegisteredLoginAction);
@@ -144,6 +144,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, { placeholder: "registrations.inputs.phone", size: "full", defaultValue: "+", onChange: setPhone, countryInfo: countryInfo, requestCallback: handleIsRequested, classesWrapper: styles.marginB, disabled: isRequestedCode, classes: styles.marginB, requestCode: !withoutCode ? requestCode : undefined })), !withoutCode && isRequestedCode && ((0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "registrations.inputs.code", size: "full", isHidePlaceholder: true, disabled: !isRequestedCode, onChange: handleChange('code'), classes: styles.marginB })), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "registrations.inputs.password", size: "full", isHidePlaceholder: true, onChange: handleChange('password'), classes: styles.marginB }), (0, jsx_runtime_1.jsx)(CountrySelector_1.default, { countryInfo: countryInfo }), (0, jsx_runtime_1.jsx)(CurrencySelector_1.default, { availableCurrencies: availableCurrencies }), (0, jsx_runtime_1.jsx)(DocsCheckBox_1.default, { terms: terms, handleOpenDoc: handleOpenDoc, handleToggleState: handleToggleState }), (0, jsx_runtime_1.jsx)(PromoCode_1.default, { setPromoCode: setPromoCode }), (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: styles.marginB })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(PhoneInput_1.PhoneInput, __assign({}, PHONE_PROPS, { placeholder: "registrations.inputs.phone", size: "full", defaultValue: "+", onChange: setPhone, countryInfo: countryInfo, requestCallback: handleIsRequested, classesWrapper: styles.marginB, disabled: isRequestedCode, classes: styles.marginB, requestCode: !withoutCode ? requestCode : undefined })), !withoutCode && isRequestedCode && ((0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "registrations.inputs.code", size: "full", isHidePlaceholder: true, disabled: !isRequestedCode, onChange: handleChange('code'), classes: styles.marginB })), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "registrations.inputs.password", size: "full", isHidePlaceholder: true, onChange: handleChange('password'), classes: styles.marginB }), (0, jsx_runtime_1.jsx)(CountrySelector_1.CountrySelector, { countryInfo: countryInfo, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(CurrencySelector_1.CurrencySelector, { availableCurrencies: availableCurrencies, countryInfo: countryInfo, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(DocsCheckBox_1.default, { terms: terms, handleOpenDoc: handleOpenDoc, handleToggleState: handleToggleState }), (0, jsx_runtime_1.jsx)(PromoCode_1.RegistrationPromoCode, { setPromoCode: setPromoCode, classes: styles.marginB }), (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: styles.marginB })] }));
 };
 exports.PhoneSignUp = PhoneSignUp;

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, countryInfo: countryInfo, 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/SignUp/CountrySelector/index.js

@@ -5,8 +5,12 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var Selector_1 = require("components/ui/Selector");
 var mock_1 = require("constants/mock");
+var store_1 = require("zustandStore/forms/signUp/store");
+var selectors_1 = require("zustandStore/forms/signUp/selectors");
 var CountrySelector = function (props) {
-    var classes = props.classes, activeCountryId = props.activeCountryId, countryInfo = props.countryInfo, setActiveCountryId = props.setActiveCountryId, _a = props.translateKey, translateKey = _a === void 0 ? 'registrations.selectors.country' : _a;
+    var classes = props.classes, countryInfo = props.countryInfo, _a = props.translateKey, translateKey = _a === void 0 ? 'registrations.selectors.country' : _a;
+    var activeCountryId = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.getActiveCountryIdSelector);
+    var setActiveCountryId = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.setActiveCountryIdAction);
     (0, react_1.useEffect)(function () {
         if (activeCountryId || !countryInfo) {
             return;

package/dist/lib/components/SignUp/CountrySelector/types.d.ts

@@ -1,7 +1,5 @@
 export type CountrySelectorProps = {
     classes?: string;
-    activeCountryId: number | null;
-    setActiveCountryId: (c: number | null) => void;
     translateKey?: string;
     countryInfo: {
         countryId: number;

package/dist/lib/components/SignUp/PromoCode/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const REFERRAL_KEY = "referral_code";
+export declare const REFERRAL_CODE: string;

package/dist/lib/components/SignUp/PromoCode/constants.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.REFERRAL_CODE = exports.REFERRAL_KEY = void 0;
+var shared_1 = require("utils/shared");
+exports.REFERRAL_KEY = 'referral_code';
+exports.REFERRAL_CODE = (0, shared_1.getValueByIdFromUrl)(exports.REFERRAL_KEY, window.location.href);

package/dist/lib/components/SignUp/PromoCode/index.js

@@ -41,8 +41,9 @@ var BaseInput_1 = require("components/ui/Inputs/BaseInput");
 var LotterySvg_1 = require("components/ui/Icons/Base/LotterySvg");
 var Text_1 = require("components/Text");
 var styles = __importStar(require("./PromoCode.module.css"));
+var constants_1 = require("./constants");
 var RegistrationPromoCode = function (props) {
-    var setPromoCode = props.setPromoCode, referralCode = props.referralCode, classes = props.classes, _a = props.translatesKeys, translatesKeys = _a === void 0 ? [
+    var setPromoCode = props.setPromoCode, classes = props.classes, _a = props.translatesKeys, translatesKeys = _a === void 0 ? [
         'registrations.promoCode.openPromoCodeTitle',
         'registrations.promoCode.placeholder',
     ] : _a;
@@ -51,13 +52,13 @@ var RegistrationPromoCode = function (props) {
         setPromoCodeState(!isShownPromoCode);
     };
     (0, react_1.useEffect)(function () {
-        if (!referralCode) {
+        if (!constants_1.REFERRAL_CODE) {
             return;
         }
-        setPromoCode("ref_code::".concat(referralCode));
+        setPromoCode("ref_code::".concat(constants_1.REFERRAL_CODE));
     }, []);
-    if (referralCode) {
-        return null;
+    if (constants_1.REFERRAL_CODE) {
+        return (0, jsx_runtime_1.jsx)("div", __assign({ className: classes }, { children: " " }));
     }
     return ((0, jsx_runtime_1.jsx)("div", __assign({ className: classes }, { children: !isShownPromoCode ? ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.promoTitle, onClick: handleShowPromoCode }, { children: [(0, jsx_runtime_1.jsx)(LotterySvg_1.LotterySvg, { width: "24", height: "24" }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: translatesKeys[0] }) })] }))) : ((0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: translatesKeys[1], size: "full", isHidePlaceholder: true, onChange: setPromoCode, classes: styles.marginBottom })) })));
 };

package/dist/lib/components/SignUp/PromoCode/types.d.ts

@@ -1,6 +1,5 @@
 export type RegistrationPromoCodeProps = {
     setPromoCode: (v: string) => void;
-    referralCode?: string;
     classes?: string;
     translatesKeys?: [string, string];
 };

package/dist/lib/index.d.ts

@@ -233,5 +233,6 @@ import { getAuthorizationData, getRegistrationData } from 'zustandStore/forms/si
 export { Logo, BaseButton, CloseButton, DrawerButton, AppSwitcher, CasinoCategoryButton, CasinoSubCategoriesButton, ProviderNameButton, DepositButton, ShowAllCard, BaseInput, BaseInputUi, PhoneInput, CheckBox, EmailInput, PasswordInput, JivoChatButton, JivoChatButtonProps, PaymentsMethods, PaymentMethodProps, EActiveMethodTab, DepositSkelet, DepositSkeletProps, DepositQrFormProps, PopUpHeader, Footer, Tabs, MainLoader, CircularLoader, HOCImageLoader, HOCOutsideClick, HOCErrorBoundary, HOCRequestLoader, useHookFabric, useElementResize, useOnClickOutside, useCountDown, useTranslate, useInView, JackpotWidget, JackPotInfoBox, Wheel, Scratch, TournamentCard, ReferralTable, ReferralTableProps, Pagination, ModalLayout, Alerts, BonusCardLayout, DrawerLayout, LandingLayoutTemplate, PortalLayout, CountDown, LastBigWinners, Banners, BannerTemplate, PromotionMobileApp, OneClick, DocsCheckBox, CurrencySelector, CountrySelector, RegistrationPromoCode, SignUp, EmailSignUp, PhoneSignUp, Selector, LanguageSelector, SignIn, ArrowSvg, DownloadSvg, LockSvg, CloseSvg, JabiInHouseSvg, ProviderSvg, HotSvg, WagerSvg, ElonHouseSvg, FSWinHouseSvg, ElonTreasureSvg, FSWinTreasureSvg, JabibetTreasureSvg, PlaySvg, InfoSvg, InstagramSvg, TelegramSvg, FacebookSvg, AvatarSvg, ProfileSvg, BonusGiftSvg, BurgerSvg, CalendarSvg, CashSvg, CloseEyeSvg, OpenEyeSvg, CoinSvg, CoinsSvg, CopySvg, DocSvg, FavoritesSvg, GoogleSvg, GrowSvg, DrawerTogglerSvg, LotterySvg, InfoLotterySvg, PlusSvg, SearchSvg, ProvidersBlocksSvg, SelectedSvg, ShareSvg, StarSvg, SupportSvg, ThreeDotsSvg, TrashSvg, WalletSvg, FirstBonusSvg, SecondBonusSvg, ThirdBonusSvg, VipClubSvg, BronzeSvg, SilverSvg, DiamondSvg, GoldSvg, GreenSvg, PlatinumSvg, PlatinumOneSvg, AzeSvg, BnSvg, BsSvg, ChSvg, DeSvg, EnSvg, EsSvg, FrSvg, HiSvg, ItSvg, KoSvg, KzSvg, NoSvg, PtSvg, RoSvg, RuSvg, TrSvg, UkrSvg, UzSvg, TournamentWagerSvg, ProvidersSvg, DefaultImgSvg, CasinoCoinSvg, RecommendedSvg, DepositSvg, ErrorSvg, SuccessSvg, WaitingSvg, WithdrawSvg, AmericanFootballSvg, AussieRulesSvg, BadmintonSvg, BaseballSvg, BasketballSvg, Basketball3x3Svg, BeachSoccerSvg, BoxingSvg, ChessSvg, CricketSvg, DartsSvg, EFifaSvg, ENbaSvg, ENhlSvg, EsportSvg, FieldHockeySvg, FutsalSvg, IceHockeySvg, KabaddiSvg, MmaSvg, RugbySvg, SnookerSvg, SoccerSvg, SquashSvg, TableTennisSvg, TennisSvg, VolleyballSvg, NotFoundBonusesSvg, NotificationWarningSvg, NotificationErrorSvg, NotificationSuccessSvg, Notifications, NavTournamentSvg, NavReferralSvg, NavMyBetsSvg, NavCasinoSvg, NavBonusesSvg, NavBettingLiveSvg, NavBettingSvg, BattlesCard, Step, Section, BattleBanner, Leaderboard, Accordion, useZustandLanguagesKitStore, languageSelectors, Text, useZustandNotificationKitStore, notificationKitSelectors, useZustandModalKitStore, zustandModalKitSelector, useZustandDeviceKitStore, zustandDeviceKitSelector, useZustandRegistrationKitStore, zustandRegistrationKitSelector, useZustandSignInKitStore, zustandSignInKitSelectors, useZustandRequestKitStore, requestSelectors, useZustandCasinoGamesKitStore, gamesSelectors, useZustandConnectionKitStore, connectionSelectors, useZustandWheelPromoKitStore, wheelPromoSelectors, EDirection, getCasinoCategoryIcon, sleep, getAuthorizationData, getRegistrationData, copyToClipboard, };
 export { Size, Color, EAppType } from 'types/ui';
 export { COUNTRY_MOCK } from 'constants/mock';
+export { REFERRAL_KEY, REFERRAL_CODE, } from 'components/SignUp/PromoCode/constants';
 import './styles/global.module.css';
 import 'react-phone-number-input/style.css';

package/dist/lib/index.js

@@ -7,7 +7,7 @@ exports.Pagination = exports.ReferralTable = exports.TournamentCard = exports.Sc
 exports.CoinsSvg = exports.CoinSvg = exports.OpenEyeSvg = exports.CloseEyeSvg = exports.CashSvg = exports.CalendarSvg = exports.BurgerSvg = exports.BonusGiftSvg = exports.ProfileSvg = exports.AvatarSvg = exports.FacebookSvg = exports.TelegramSvg = exports.InstagramSvg = exports.InfoSvg = exports.PlaySvg = exports.JabibetTreasureSvg = exports.FSWinTreasureSvg = exports.ElonTreasureSvg = exports.FSWinHouseSvg = exports.ElonHouseSvg = exports.WagerSvg = exports.HotSvg = exports.ProviderSvg = exports.JabiInHouseSvg = exports.CloseSvg = exports.LockSvg = exports.DownloadSvg = exports.ArrowSvg = exports.SignIn = exports.LanguageSelector = exports.Selector = exports.PhoneSignUp = exports.EmailSignUp = exports.SignUp = exports.RegistrationPromoCode = exports.CountrySelector = exports.CurrencySelector = exports.DocsCheckBox = exports.OneClick = exports.PromotionMobileApp = exports.BannerTemplate = exports.Banners = exports.LastBigWinners = exports.CountDown = exports.PortalLayout = exports.LandingLayoutTemplate = exports.DrawerLayout = exports.BonusCardLayout = exports.Alerts = exports.ModalLayout = void 0;
 exports.ProvidersSvg = exports.TournamentWagerSvg = exports.UzSvg = exports.UkrSvg = exports.TrSvg = exports.RuSvg = exports.RoSvg = exports.PtSvg = exports.NoSvg = exports.KzSvg = exports.KoSvg = exports.ItSvg = exports.HiSvg = exports.FrSvg = exports.EsSvg = exports.EnSvg = exports.DeSvg = exports.ChSvg = exports.BsSvg = exports.BnSvg = exports.AzeSvg = exports.PlatinumOneSvg = exports.PlatinumSvg = exports.GreenSvg = exports.GoldSvg = exports.DiamondSvg = exports.SilverSvg = exports.BronzeSvg = exports.VipClubSvg = exports.ThirdBonusSvg = exports.SecondBonusSvg = exports.FirstBonusSvg = exports.WalletSvg = exports.TrashSvg = exports.ThreeDotsSvg = exports.SupportSvg = exports.StarSvg = exports.ShareSvg = exports.SelectedSvg = exports.ProvidersBlocksSvg = exports.SearchSvg = exports.PlusSvg = exports.InfoLotterySvg = exports.LotterySvg = exports.DrawerTogglerSvg = exports.GrowSvg = exports.GoogleSvg = exports.FavoritesSvg = exports.DocSvg = exports.CopySvg = void 0;
 exports.Section = exports.Step = exports.BattlesCard = exports.NavBettingSvg = exports.NavBettingLiveSvg = exports.NavBonusesSvg = exports.NavCasinoSvg = exports.NavMyBetsSvg = exports.NavReferralSvg = exports.NavTournamentSvg = exports.Notifications = exports.NotificationSuccessSvg = exports.NotificationErrorSvg = exports.NotificationWarningSvg = exports.NotFoundBonusesSvg = exports.VolleyballSvg = exports.TennisSvg = exports.TableTennisSvg = exports.SquashSvg = exports.SoccerSvg = exports.SnookerSvg = exports.RugbySvg = exports.MmaSvg = exports.KabaddiSvg = exports.IceHockeySvg = exports.FutsalSvg = exports.FieldHockeySvg = exports.EsportSvg = exports.ENhlSvg = exports.ENbaSvg = exports.EFifaSvg = exports.DartsSvg = exports.CricketSvg = exports.ChessSvg = exports.BoxingSvg = exports.BeachSoccerSvg = exports.Basketball3x3Svg = exports.BasketballSvg = exports.BaseballSvg = exports.BadmintonSvg = exports.AussieRulesSvg = exports.AmericanFootballSvg = exports.WithdrawSvg = exports.WaitingSvg = exports.SuccessSvg = exports.ErrorSvg = exports.DepositSvg = exports.RecommendedSvg = exports.CasinoCoinSvg = exports.DefaultImgSvg = void 0;
-exports.COUNTRY_MOCK = exports.EAppType = exports.copyToClipboard = exports.getRegistrationData = exports.getAuthorizationData = exports.sleep = exports.getCasinoCategoryIcon = exports.EDirection = exports.wheelPromoSelectors = exports.useZustandWheelPromoKitStore = exports.connectionSelectors = exports.useZustandConnectionKitStore = exports.gamesSelectors = exports.useZustandCasinoGamesKitStore = exports.requestSelectors = exports.useZustandRequestKitStore = exports.zustandSignInKitSelectors = exports.useZustandSignInKitStore = exports.zustandRegistrationKitSelector = exports.useZustandRegistrationKitStore = exports.zustandDeviceKitSelector = exports.useZustandDeviceKitStore = exports.zustandModalKitSelector = exports.useZustandModalKitStore = exports.notificationKitSelectors = exports.useZustandNotificationKitStore = exports.Text = exports.languageSelectors = exports.useZustandLanguagesKitStore = exports.Accordion = exports.Leaderboard = exports.BattleBanner = void 0;
+exports.REFERRAL_CODE = exports.REFERRAL_KEY = exports.COUNTRY_MOCK = exports.EAppType = exports.copyToClipboard = exports.getRegistrationData = exports.getAuthorizationData = exports.sleep = exports.getCasinoCategoryIcon = exports.EDirection = exports.wheelPromoSelectors = exports.useZustandWheelPromoKitStore = exports.connectionSelectors = exports.useZustandConnectionKitStore = exports.gamesSelectors = exports.useZustandCasinoGamesKitStore = exports.requestSelectors = exports.useZustandRequestKitStore = exports.zustandSignInKitSelectors = exports.useZustandSignInKitStore = exports.zustandRegistrationKitSelector = exports.useZustandRegistrationKitStore = exports.zustandDeviceKitSelector = exports.useZustandDeviceKitStore = exports.zustandModalKitSelector = exports.useZustandModalKitStore = exports.notificationKitSelectors = exports.useZustandNotificationKitStore = exports.Text = exports.languageSelectors = exports.useZustandLanguagesKitStore = exports.Accordion = exports.Leaderboard = exports.BattleBanner = void 0;
 // Buttons
 var Buttons_1 = require("components/ui/Buttons");
 Object.defineProperty(exports, "BaseButton", { enumerable: true, get: function () { return Buttons_1.BaseButton; } });
@@ -505,6 +505,9 @@ var ui_1 = require("types/ui");
 Object.defineProperty(exports, "EAppType", { enumerable: true, get: function () { return ui_1.EAppType; } });
 var mock_1 = require("constants/mock");
 Object.defineProperty(exports, "COUNTRY_MOCK", { enumerable: true, get: function () { return mock_1.COUNTRY_MOCK; } });
+var constants_1 = require("components/SignUp/PromoCode/constants");
+Object.defineProperty(exports, "REFERRAL_KEY", { enumerable: true, get: function () { return constants_1.REFERRAL_KEY; } });
+Object.defineProperty(exports, "REFERRAL_CODE", { enumerable: true, get: function () { return constants_1.REFERRAL_CODE; } });
 // Icons
 require("./styles/global.module.css");
 require("react-phone-number-input/style.css");

package/package.json

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

package/dist/lib/components/Modals/Alert/components/Auth/SignUp/components/CountrySelector/index.d.ts

@@ -1,7 +0,0 @@
-import { CountryInfo } from 'react-memory-optimization/dist/lib/store/user/types';
-type Props = {
-    classes?: string;
-    countryInfo: CountryInfo | null;
-};
-declare const CountrySelector: ({ classes, countryInfo }: Props) => import("react/jsx-runtime").JSX.Element;
-export default CountrySelector;

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

@@ -1,54 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var classnames_1 = __importDefault(require("classnames"));
-var store_1 = require("zustandStore/forms/signUp/store");
-var selectors_1 = require("zustandStore/forms/signUp/selectors");
-var Selector_1 = require("components/ui/Selector");
-var styles = __importStar(require("../../SignUp.module.css"));
-var mock_1 = require("constants/mock");
-var CountrySelector = function (_a) {
-    var classes = _a.classes, countryInfo = _a.countryInfo;
-    var activeCountryId = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.getActiveCountryIdSelector);
-    var setActiveCountryId = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.setActiveCountryIdAction);
-    (0, react_1.useEffect)(function () {
-        if (activeCountryId || !countryInfo) {
-            return;
-        }
-        var isExist = mock_1.COUNTRY_MOCK.find(function (c) { return c.id === countryInfo.countryId; });
-        if (isExist) {
-            setActiveCountryId(countryInfo.countryId);
-            return;
-        }
-        setActiveCountryId(mock_1.COUNTRY_MOCK[0].id);
-    }, [activeCountryId, countryInfo]);
-    return ((0, jsx_runtime_1.jsx)(Selector_1.Selector, { size: "full", classes: (0, classnames_1.default)(styles.marginB, classes), activeId: activeCountryId, handleClick: setActiveCountryId, placeholder: "registrations.selectors.country", data: mock_1.COUNTRY_MOCK }));
-};
-exports.default = CountrySelector;

package/dist/lib/components/Modals/Alert/components/Auth/SignUp/components/CurrencySelector/index.d.ts

@@ -1,7 +0,0 @@
-import { CurrencyInfo } from 'react-memory-optimization/dist/lib/store/user/types';
-type Props = {
-    classes?: string;
-    availableCurrencies: CurrencyInfo[];
-};
-declare const CurrencySelector: ({ classes, availableCurrencies }: Props) => import("react/jsx-runtime").JSX.Element;
-export default CurrencySelector;

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

@@ -1,59 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var classnames_1 = __importDefault(require("classnames"));
-var store_1 = require("zustandStore/forms/signUp/store");
-var selectors_1 = require("zustandStore/forms/signUp/selectors");
-var Selector_1 = require("components/ui/Selector");
-var styles = __importStar(require("../../SignUp.module.css"));
-var CurrencySelector = function (_a) {
-    var classes = _a.classes, availableCurrencies = _a.availableCurrencies;
-    var activeCurrencyId = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.getActiveCurrencyIdSelector);
-    var setActiveCurrencyId = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.setActiveCurrencyIdAction);
-    var countryInfo = null;
-    (0, react_1.useEffect)(function () {
-        if (activeCurrencyId || !countryInfo) {
-            return;
-        }
-        var isExist = availableCurrencies.find(function (c) {
-            return countryInfo.currencyIds.includes(c.id);
-        });
-        if (isExist) {
-            setActiveCurrencyId(countryInfo.currencyIds[0]);
-            return;
-        }
-        if (!availableCurrencies[0]) {
-            return;
-        }
-        setActiveCurrencyId(availableCurrencies[0].id);
-    }, [availableCurrencies, activeCurrencyId, countryInfo]);
-    return ((0, jsx_runtime_1.jsx)(Selector_1.Selector, { classes: (0, classnames_1.default)(styles.marginB, classes), size: "full", placeholder: "registrations.selectors.currency", handleClick: setActiveCurrencyId, activeId: activeCurrencyId, data: availableCurrencies }));
-};
-exports.default = CurrencySelector;

package/dist/lib/components/Modals/Alert/components/Auth/SignUp/components/PromoCode/index.d.ts

@@ -1,6 +0,0 @@
-type Props = {
-    setPromoCode: (v: string) => void;
-    initialReferralCode?: string;
-};
-declare const RegistrationPromoCode: ({ setPromoCode, initialReferralCode, }: Props) => import("react/jsx-runtime").JSX.Element;
-export default RegistrationPromoCode;

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

@@ -1,65 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-// import { Text, LotterySvg } from 'react-gldn-kit';
-// import ComponentKitBaseInput from 'components/ui/KitComponents/Inputs/ComponentKitBaseInput';
-// import { REFERRAL_CODE } from 'constants/ui';
-var styles = __importStar(require("../../SignUp.module.css"));
-var BaseInput_1 = require("components/ui/Inputs/BaseInput");
-var Text_1 = require("components/Text");
-var LotterySvg_1 = require("components/ui/Icons/Base/LotterySvg");
-var RegistrationPromoCode = function (_a) {
-    var setPromoCode = _a.setPromoCode, initialReferralCode = _a.initialReferralCode;
-    var _b = (0, react_1.useState)(false), isShownPromoCode = _b[0], setPromoCodeState = _b[1];
-    var handleShowPromoCode = function (e) {
-        e.preventDefault();
-        e.stopPropagation();
-        setPromoCodeState(!isShownPromoCode);
-    };
-    (0, react_1.useEffect)(function () {
-        if (!initialReferralCode) {
-            return;
-        }
-        setPromoCode("ref_code::".concat(initialReferralCode));
-    }, [initialReferralCode]);
-    if (initialReferralCode) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.marginB }, { children: !isShownPromoCode ? ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.promoTitle, onClick: handleShowPromoCode }, { children: [(0, jsx_runtime_1.jsx)(LotterySvg_1.LotterySvg, { classes: styles.promocodeSvg }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "registrations.promoCode.openPromoCodeTitle" }) })] }))) : ((0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "registrations.promoCode.placeholder", size: "full", isHidePlaceholder: true, onChange: setPromoCode, classes: styles.bigMargin })) })));
-};
-exports.default = RegistrationPromoCode;