react-gldn-kit 0.1.169 → 0.1.170

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/index.js +1 -1
  2. package/dist/lib/components/Modals/Alert/components/LostPassword/First/components/EmailConfirmation/index.js +15 -7
  3. package/dist/lib/components/Modals/Alert/components/LostPassword/First/components/NumberConfirmation/index.js +15 -7
  4. package/dist/lib/components/Modals/Alert/components/LostPassword/First/index.js +25 -8
  5. package/dist/lib/components/Modals/Alert/components/SetNewPassword/First/index.js +23 -7
  6. package/package.json +2 -2
package/dist/lib/components/Modals/Alert/components/LostPassword/First/components/EmailConfirmation/index.js CHANGED
@@ -58,6 +58,7 @@ var store_4 = require("zustandStore/forms/recovery/store");
58
58
  var store_5 = require("zustandStore/forms/signUp/store");
59
59
  var selectors_5 = require("zustandStore/forms/signUp/selectors");
60
60
  var types_2 = require("zustandStore/forms/signUp/types");
61
+ var ui_1 = require("types/ui");
61
62
  var ModalContext_1 = require("context/logic/ModalContext");
62
63
  var useCountDown_1 = require("hooks/useCountDown");
63
64
  var styles = __importStar(require("./EmailConfirmation.module.css"));
@@ -111,13 +112,20 @@ var EmailConfirmation = function () {
111
112
  }
112
113
  }, [notifications]);
113
114
  return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperEmailConfirmation, styles.column, (_a = {},
114
- _a[styles.white] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.BaseWhite,
115
- _a[styles.yellow] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.BaseYellow,
116
- _a[styles.whiteYellow] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhiteYellow,
117
- _a[styles.whitePurple] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhitePurple,
118
- _a[styles.whiteBlue] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhiteBlue,
119
- _a[styles.secondaryGreen] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.SecondaryGreen,
120
- _a[styles.secondaryYellow] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.SecondaryYellow,
115
+ _a[styles.white] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.BaseWhite ||
116
+ appType === ui_1.EAppType.FsWin,
117
+ _a[styles.yellow] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.BaseYellow ||
118
+ appType === ui_1.EAppType.JabiBet,
119
+ _a[styles.whiteYellow] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhiteYellow ||
120
+ appType === ui_1.EAppType.XXX,
121
+ _a[styles.whitePurple] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhitePurple ||
122
+ appType === ui_1.EAppType.Azure,
123
+ _a[styles.whiteBlue] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhiteBlue ||
124
+ appType === ui_1.EAppType.Cawabanga,
125
+ _a[styles.secondaryGreen] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.SecondaryGreen ||
126
+ appType === ui_1.EAppType.JabiBet,
127
+ _a[styles.secondaryYellow] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.SecondaryYellow ||
128
+ appType === ui_1.EAppType.KokoZino,
121
129
  _a)) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.top, styles.column) }, { children: [(0, jsx_runtime_1.jsx)("img", { src: bannerImage, className: styles.instructionImage }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.column, styles.center, styles.mediumGap) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.enterDigits }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.emailConfirmation.enterDigits" }) })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.column, styles.center, styles.smallGap) }, { children: [(0, jsx_runtime_1.jsx)(InputCode_1.default, { errorText: code.errorText, handleChange: handleChange, length: 5 }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.time }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.emailConfirmation.seconds", specValue: "".concat(Math.round(timeRemaining / 1000)) }) }))] }))] }))] })), !timeRemaining && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.resendCode, onClick: handleResend }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.emailConfirmation.resendCode" }) }))), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: "recoveryPsw.emailConfirmation.verify", handleClick: submit, size: "--button-full", buttonHeight: "--button-height-xl", color: "primary", centreText: true, disabled: code.value.length < constants_1.MAX_EMAIL_CODE_LENGTH })] })));
122
130
  };
123
131
  exports.default = EmailConfirmation;
package/dist/lib/components/Modals/Alert/components/LostPassword/First/components/NumberConfirmation/index.js CHANGED
@@ -58,6 +58,7 @@ var selectors_4 = require("zustandStore/forms/recovery/selectors");
58
58
  var store_5 = require("zustandStore/forms/signUp/store");
59
59
  var selectors_5 = require("zustandStore/forms/signUp/selectors");
60
60
  var types_2 = require("zustandStore/forms/signUp/types");
61
+ var ui_1 = require("types/ui");
61
62
  var useCountDown_1 = require("hooks/useCountDown");
62
63
  var ModalContext_1 = require("context/logic/ModalContext");
63
64
  var styles = __importStar(require("./NumberConfirmation.module.css"));
@@ -113,13 +114,20 @@ var NumberConfirmation = function () {
113
114
  }
114
115
  }, [notifications]);
115
116
  return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperNumberConfirmation, styles.column, (_a = {},
116
- _a[styles.white] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.BaseWhite,
117
- _a[styles.yellow] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.BaseYellow,
118
- _a[styles.whiteYellow] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhiteYellow,
119
- _a[styles.whitePurple] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhitePurple,
120
- _a[styles.whiteBlue] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhiteBlue,
121
- _a[styles.secondaryGreen] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.SecondaryGreen,
122
- _a[styles.secondaryYellow] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.SecondaryYellow,
117
+ _a[styles.white] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.BaseWhite ||
118
+ appType === ui_1.EAppType.FsWin,
119
+ _a[styles.yellow] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.BaseYellow ||
120
+ appType === ui_1.EAppType.JabiBet,
121
+ _a[styles.whiteYellow] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhiteYellow ||
122
+ appType === ui_1.EAppType.XXX,
123
+ _a[styles.whitePurple] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhitePurple ||
124
+ appType === ui_1.EAppType.Azure,
125
+ _a[styles.whiteBlue] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhiteBlue ||
126
+ appType === ui_1.EAppType.Cawabanga,
127
+ _a[styles.secondaryGreen] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.SecondaryGreen ||
128
+ appType === ui_1.EAppType.JabiBet,
129
+ _a[styles.secondaryYellow] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.SecondaryYellow ||
130
+ appType === ui_1.EAppType.KokoZino,
123
131
  _a)) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.top, styles.column) }, { children: [(0, jsx_runtime_1.jsx)("img", { src: bannerImage, className: styles.instructionImage }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.column, styles.center, styles.mediumGap) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.enterDigits }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.numberConfirmation.enterDigits" }) })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.column, styles.center, styles.smallGap) }, { children: [(0, jsx_runtime_1.jsx)(InputCode_1.default, { errorText: code.errorText, handleChange: handleChange }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.time }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.numberConfirmation.seconds", specValue: "".concat(Math.round(timeRemaining / 1000)) }) }))] }))] }))] })), !timeRemaining && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.resendCode, onClick: handleResend }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.numberConfirmation.resendCode" }) }))), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: "recoveryPsw.numberConfirmation.verify", handleClick: submit, size: "--button-full", buttonHeight: "--button-height-xl", color: "primary", centreText: true, disabled: code.value.length < constants_1.MAX_PHONE_CODE_LENGTH })] })));
124
132
  };
125
133
  exports.NumberConfirmation = NumberConfirmation;
package/dist/lib/components/Modals/Alert/components/LostPassword/First/index.js CHANGED
@@ -46,21 +46,31 @@ var LostPasswordPhoneForm_1 = __importDefault(require("./components/LostPassword
46
46
  var constants_1 = require("./constants");
47
47
  var store_1 = require("zustandStore/alerts/modal/store");
48
48
  var selectors_1 = require("zustandStore/alerts/modal/selectors");
49
+ var store_2 = require("zustandStore/settings/store");
50
+ var selectors_2 = require("zustandStore/settings/selectors");
49
51
  var types_1 = require("../types");
50
52
  var types_2 = require("zustandStore/forms/signUp/types");
53
+ var ui_1 = require("types/ui");
51
54
  var styles = __importStar(require("./LostPassword.module.css"));
52
55
  var LostPassword = function () {
53
56
  var _a, _b;
54
57
  var _c = (0, react_1.useState)(types_1.RecoveryFormType.Phone), activeValue = _c[0], setActiveValue = _c[1];
55
58
  var data = (0, store_1.useZustandModalKitStore)(selectors_1.zustandModalKitSelector.getModalAdditionalInfoSelector) || {};
59
+ var appType = (0, store_2.useZustandKitSettings)(selectors_2.getKitAppTypeSelector);
56
60
  var registrationTheme = data.registrationTheme;
57
61
  var regType = registrationTheme;
58
62
  var isThirdType = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhiteYellow ||
59
63
  types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhitePurple ||
60
64
  types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhiteBlue ||
61
65
  types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.SecondaryYellow;
66
+ var isBetendyTech = [
67
+ ui_1.EAppType.XXX,
68
+ ui_1.EAppType.Cawabanga,
69
+ ui_1.EAppType.Azure,
70
+ ui_1.EAppType.KokoZino,
71
+ ].includes(appType);
62
72
  var inputLabelType = (0, react_1.useMemo)(function () {
63
- if (isThirdType) {
73
+ if (isThirdType || isBetendyTech) {
64
74
  return 'secondary';
65
75
  }
66
76
  if (types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.SecondaryGreen) {
@@ -69,13 +79,20 @@ var LostPassword = function () {
69
79
  return undefined;
70
80
  }, [regType]);
71
81
  return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapprLostePassword, (_a = {},
72
- _a[styles.yellow] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.BaseYellow,
73
- _a[styles.white] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.BaseWhite,
74
- _a[styles.whiteYellow] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhiteYellow,
75
- _a[styles.whitePurple] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhitePurple,
76
- _a[styles.whiteBlue] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhiteBlue,
77
- _a[styles.secondaryGreen] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.SecondaryGreen,
78
- _a[styles.secondaryYellow] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.SecondaryYellow,
82
+ _a[styles.yellow] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.BaseYellow ||
83
+ appType === ui_1.EAppType.JabiBet,
84
+ _a[styles.white] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.BaseWhite ||
85
+ appType === ui_1.EAppType.FsWin,
86
+ _a[styles.whiteYellow] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhiteYellow ||
87
+ appType === ui_1.EAppType.XXX,
88
+ _a[styles.whitePurple] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhitePurple ||
89
+ appType === ui_1.EAppType.Azure,
90
+ _a[styles.whiteBlue] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhiteBlue ||
91
+ appType === ui_1.EAppType.Cawabanga,
92
+ _a[styles.secondaryGreen] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.SecondaryGreen ||
93
+ appType === ui_1.EAppType.GoblinBet,
94
+ _a[styles.secondaryYellow] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.SecondaryYellow ||
95
+ appType === ui_1.EAppType.KokoZino,
79
96
  _a)) }, { children: [(0, jsx_runtime_1.jsx)(Tabs_1.Tabs, { activeValue: activeValue, data: constants_1.RECOVERY_TABS, onChange: setActiveValue, classes: styles.tabWrapper, type: types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.SecondaryGreen
80
97
  ? 'button'
81
98
  : 'underline', indicatorClasses: (0, classnames_1.default)((_b = {},
package/dist/lib/components/Modals/Alert/components/SetNewPassword/First/index.js CHANGED
@@ -49,12 +49,16 @@ var CloseEyeSvg_1 = require("components/ui/Icons/Base/CloseEyeSvg");
49
49
  var PasswordInput_1 = __importDefault(require("components/ui/Inputs/PasswordInput"));
50
50
  var store_1 = require("zustandStore/alerts/modal/store");
51
51
  var selectors_1 = require("zustandStore/alerts/modal/selectors");
52
+ var store_2 = require("zustandStore/settings/store");
53
+ var selectors_2 = require("zustandStore/settings/selectors");
52
54
  var types_2 = require("zustandStore/forms/signUp/types");
55
+ var ui_1 = require("types/ui");
53
56
  var ModalContext_1 = require("context/logic/ModalContext");
54
57
  var styles = __importStar(require("./SetNewPassword.module.css"));
55
58
  var SetNewPassword = function () {
56
59
  var _a;
57
60
  var useTransportControllers = (0, ModalContext_1.useHookProvider)().useTransportControllers;
61
+ var appType = (0, store_2.useZustandKitSettings)(selectors_2.getKitAppTypeSelector);
58
62
  var sendCommand = useTransportControllers().sendCommand;
59
63
  var _b = (0, react_1.useState)(''), newPassword = _b[0], setNewPassword = _b[1];
60
64
  var _c = (0, react_1.useState)(''), repeatedPassword = _c[0], setRepeatedPassword = _c[1];
@@ -87,8 +91,14 @@ var SetNewPassword = function () {
87
91
  types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhitePurple ||
88
92
  types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhiteBlue ||
89
93
  types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.SecondaryYellow;
94
+ var isBetendyTech = [
95
+ ui_1.EAppType.XXX,
96
+ ui_1.EAppType.Cawabanga,
97
+ ui_1.EAppType.Azure,
98
+ ui_1.EAppType.KokoZino,
99
+ ].includes(appType);
90
100
  var inputLabelType = (0, react_1.useMemo)(function () {
91
- if (isThirdType) {
101
+ if (isThirdType || isBetendyTech) {
92
102
  return 'secondary';
93
103
  }
94
104
  if (types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.SecondaryGreen) {
@@ -97,15 +107,21 @@ var SetNewPassword = function () {
97
107
  return undefined;
98
108
  }, [regType]);
99
109
  return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperNewPassword, (_a = {},
100
- _a[styles.yellow] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.BaseYellow,
101
- _a[styles.white] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.BaseWhite,
102
- _a[styles.whiteBlue] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhiteBlue,
110
+ _a[styles.yellow] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.BaseYellow ||
111
+ appType === ui_1.EAppType.JabiBet,
112
+ _a[styles.white] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.BaseWhite ||
113
+ appType === ui_1.EAppType.FsWin,
114
+ _a[styles.whiteBlue] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhiteBlue ||
115
+ appType === ui_1.EAppType.Cawabanga,
103
116
  _a[styles.whiteCommon] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhiteYellow ||
104
117
  types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhitePurple ||
105
118
  types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhiteBlue ||
106
- types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.SecondaryYellow,
107
- _a[styles.whitePurple] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhitePurple,
108
- _a[styles.secondaryGreen] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.SecondaryGreen,
119
+ types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.SecondaryYellow ||
120
+ isBetendyTech,
121
+ _a[styles.whitePurple] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhitePurple ||
122
+ appType === ui_1.EAppType.Azure,
123
+ _a[styles.secondaryGreen] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.SecondaryGreen ||
124
+ appType === ui_1.EAppType.GoblinBet,
109
125
  _a)) }, { children: [!inputLabelType && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.enterPassword }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.newPassword.enterPassword" }) }))), (0, jsx_runtime_1.jsx)(PasswordInput_1.default, __assign({ label: "recoveryPsw.newPassword.newPassword", size: "full", onChange: setNewPassword, type: inputTypes.newPassword, inputLabelType: inputLabelType, placeholder: inputLabelType === 'separated'
110
126
  ? 'recoveryPsw.newPassword.enterNewPassword'
111
127
  : '', isHidePlaceholder: inputLabelType === 'secondary' }, { children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [newPassword && inputTypes.newPassword === 'text' && ((0, jsx_runtime_1.jsx)(OpenEyeSvg_1.OpenEyeSvg, { handleClick: handleSetInputType({
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-gldn-kit",
3
- "version": "0.1.169",
3
+ "version": "0.1.170",
4
4
  "description": "",
5
5
  "main": "./dist/index.js",
6
6
  "keywords": [],
@@ -44,7 +44,7 @@
44
44
  "postcss-loader": "^8.1.1",
45
45
  "postcss-preset-env": "^10.1.2",
46
46
  "prettier": "^2.8.8",
47
- "react-render-hooks": "^0.0.124",
47
+ "react-render-hooks": "^0.1.3",
48
48
  "rimraf": "^6.0.1",
49
49
  "scheduler": "^0.25.0",
50
50
  "style-loader": "^4.0.0",