@redneckz/wildless-cms-uni-blocks 0.14.736 → 0.14.737
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.
- package/bundle/bundle.umd.js +8 -5
- package/bundle/bundle.umd.min.js +1 -1
- package/dist/ui-kit/CaptchaDialog/CaptchaDialog.js +8 -3
- package/dist/ui-kit/CaptchaDialog/CaptchaDialog.js.map +1 -1
- package/dist/ui-kit/VerifyPhoneDialog/VerifyPhoneDialog.js +1 -1
- package/dist/ui-kit/VerifyPhoneDialog/VerifyPhoneDialog.js.map +1 -1
- package/lib/ui-kit/CaptchaDialog/CaptchaDialog.js +8 -3
- package/lib/ui-kit/CaptchaDialog/CaptchaDialog.js.map +1 -1
- package/lib/ui-kit/VerifyPhoneDialog/VerifyPhoneDialog.js +1 -1
- package/lib/ui-kit/VerifyPhoneDialog/VerifyPhoneDialog.js.map +1 -1
- package/mobile/bundle/bundle.umd.js +8 -5
- package/mobile/bundle/bundle.umd.min.js +1 -1
- package/mobile/dist/ui-kit/CaptchaDialog/CaptchaDialog.js +8 -3
- package/mobile/dist/ui-kit/CaptchaDialog/CaptchaDialog.js.map +1 -1
- package/mobile/dist/ui-kit/VerifyPhoneDialog/VerifyPhoneDialog.js +1 -1
- package/mobile/dist/ui-kit/VerifyPhoneDialog/VerifyPhoneDialog.js.map +1 -1
- package/mobile/lib/ui-kit/CaptchaDialog/CaptchaDialog.js +8 -3
- package/mobile/lib/ui-kit/CaptchaDialog/CaptchaDialog.js.map +1 -1
- package/mobile/lib/ui-kit/VerifyPhoneDialog/VerifyPhoneDialog.js +1 -1
- package/mobile/lib/ui-kit/VerifyPhoneDialog/VerifyPhoneDialog.js.map +1 -1
- package/mobile/src/ui-kit/CaptchaDialog/CaptchaDialog.tsx +8 -2
- package/mobile/src/ui-kit/VerifyPhoneDialog/VerifyPhoneDialog.tsx +1 -1
- package/package.json +1 -1
- package/src/ui-kit/CaptchaDialog/CaptchaDialog.tsx +8 -2
- package/src/ui-kit/VerifyPhoneDialog/VerifyPhoneDialog.tsx +1 -1
|
@@ -3,31 +3,36 @@ exports.CaptchaDialog = void 0;
|
|
|
3
3
|
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
4
|
const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
5
5
|
const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
|
|
6
|
+
const useBool_1 = require("@redneckz/uni-jsx/lib/hooks/useBool");
|
|
6
7
|
const checkCaptcha_1 = require("../../api/RetailAPI/checkCaptcha");
|
|
7
8
|
const createCaptcha_1 = require("../../api/RetailAPI/createCaptcha");
|
|
8
9
|
const Button_1 = require("../Button/Button");
|
|
9
10
|
const Dialog_1 = require("../DialogManager/Dialog");
|
|
10
11
|
const Icon_1 = require("../Icon/Icon");
|
|
11
12
|
const Input_1 = require("../Input/Input");
|
|
13
|
+
const Loader_1 = require("../Loader/Loader");
|
|
12
14
|
const Logo_1 = require("../Logo/Logo");
|
|
13
15
|
exports.CaptchaDialog = (0, uni_jsx_1.JSX)(({ phoneNumber, sendCode, onClose }) => {
|
|
14
16
|
const [captcha, setCaptcha] = (0, hooks_1.useState)('');
|
|
15
17
|
const [code, setCode] = (0, hooks_1.useState)('');
|
|
16
18
|
const [hasError, setHasError] = (0, hooks_1.useState)(false);
|
|
19
|
+
const [isLoading, { setTrue: startLoading, setFalse: endLoading }] = (0, useBool_1.useBool)(false);
|
|
17
20
|
const handleCheckCaptcha = (0, hooks_1.useCallback)(async () => {
|
|
21
|
+
startLoading();
|
|
18
22
|
const isValidCode = await (0, checkCaptcha_1.checkCaptcha)({ captchaText: code });
|
|
19
23
|
if (isValidCode) {
|
|
20
|
-
sendCode?.();
|
|
21
24
|
onClose?.();
|
|
25
|
+
sendCode?.();
|
|
22
26
|
}
|
|
23
27
|
else {
|
|
24
|
-
setHasError(
|
|
28
|
+
setHasError(true);
|
|
25
29
|
}
|
|
30
|
+
endLoading();
|
|
26
31
|
}, [code, sendCode]);
|
|
27
32
|
const handleCreateCaptcha = (0, hooks_1.useCallback)(() => {
|
|
28
33
|
(async () => setCaptcha(URL.createObjectURL(await (0, createCaptcha_1.createCaptcha)(phoneNumber))))();
|
|
29
34
|
}, []);
|
|
30
35
|
(0, hooks_1.useEffect)(handleCreateCaptcha, []);
|
|
31
|
-
return ((0, jsx_runtime_1.jsx)(Dialog_1.Dialog, { className: "my-6xl max-w-lg w-full min-h-fit mx-auto rounded-lg", head: (0, jsx_runtime_1.jsx)(Logo_1.Logo, {}), onClose: onClose, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-lg items-center rounded-md", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex h-36 w-72", children: [(0, jsx_runtime_1.jsx)("img", { className: "grow", src: captcha }), (0, jsx_runtime_1.jsx)("div", { onClick: handleCreateCaptcha, className: "flex w-8 items-center justify-center cursor-pointer", children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { iconVersion: "normal", name: "RefreshIcon" }) })] }), (0, jsx_runtime_1.jsx)(Input_1.Input, { className: "w-[300px]", onChange: setCode, value: code, placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043A\u043E\u0434 \u0441 \u043A\u0430\u0440\u0442\u0438\u043D\u043A\u0438" }), hasError ? (0, jsx_runtime_1.jsx)("div", { className: "text-error", children: "\u041D\u0435\u0432\u0435\u0440\u043D\u044B\u0439 \u043A\u043E\u0434" }) : null, (0, jsx_runtime_1.jsxs)("div", { className: "flex w-[310px] justify-between", children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: close, version: "secondary", children: "\u0412\u0435\u0440\u043D\u0443\u0442\u044C\u0441\u044F" }), (0, jsx_runtime_1.jsx)(Button_1.Button, { type: "submit", disabled: !code, onClick: handleCheckCaptcha, version: "secondary", children: "\u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C" })] })] }) }));
|
|
36
|
+
return ((0, jsx_runtime_1.jsx)(Dialog_1.Dialog, { className: "my-6xl max-w-lg w-full min-h-fit mx-auto rounded-lg", head: (0, jsx_runtime_1.jsx)(Logo_1.Logo, {}), onClose: onClose, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-lg items-center rounded-md", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex h-36 w-72", children: [(0, jsx_runtime_1.jsx)("img", { className: "grow", src: captcha }), (0, jsx_runtime_1.jsx)("div", { onClick: handleCreateCaptcha, className: "flex w-8 items-center justify-center cursor-pointer", children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { iconVersion: "normal", name: "RefreshIcon" }) })] }), (0, jsx_runtime_1.jsx)(Input_1.Input, { className: "w-[300px]", onChange: setCode, value: code, placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043A\u043E\u0434 \u0441 \u043A\u0430\u0440\u0442\u0438\u043D\u043A\u0438" }), hasError ? (0, jsx_runtime_1.jsx)("div", { className: "text-error", children: "\u041D\u0435\u0432\u0435\u0440\u043D\u044B\u0439 \u043A\u043E\u0434" }) : null, (0, jsx_runtime_1.jsxs)("div", { className: "flex w-[310px] justify-between", children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: close, version: "secondary", children: "\u0412\u0435\u0440\u043D\u0443\u0442\u044C\u0441\u044F" }), (0, jsx_runtime_1.jsx)(Button_1.Button, { type: "submit", disabled: !code, onClick: handleCheckCaptcha, version: "secondary", children: "\u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C" })] }), isLoading ? (0, jsx_runtime_1.jsx)(Loader_1.Loader, { blur: false }) : null] }) }));
|
|
32
37
|
});
|
|
33
38
|
//# sourceMappingURL=CaptchaDialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CaptchaDialog.js","sourceRoot":"","sources":["../../../src/ui-kit/CaptchaDialog/CaptchaDialog.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAA+E;AAC/E,mEAAgE;AAChE,qEAAkE;AAClE,6CAA0C;AAC1C,oDAAiD;AACjD,uCAAoC;AACpC,0CAAuC;AACvC,uCAAoC;AAQvB,QAAA,aAAa,GAAG,IAAA,aAAG,EAAqB,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;IAC1F,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IAC3C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IACrC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"CaptchaDialog.js","sourceRoot":"","sources":["../../../src/ui-kit/CaptchaDialog/CaptchaDialog.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAA+E;AAC/E,iEAA8D;AAC9D,mEAAgE;AAChE,qEAAkE;AAClE,6CAA0C;AAC1C,oDAAiD;AACjD,uCAAoC;AACpC,0CAAuC;AACvC,6CAA0C;AAC1C,uCAAoC;AAQvB,QAAA,aAAa,GAAG,IAAA,aAAG,EAAqB,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;IAC1F,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IAC3C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IACrC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAChD,MAAM,CAAC,SAAS,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,GAAG,IAAA,iBAAO,EAAC,KAAK,CAAC,CAAC;IAEpF,MAAM,kBAAkB,GAAG,IAAA,mBAAW,EAAC,KAAK,IAAI,EAAE;QAChD,YAAY,EAAE,CAAC;QACf,MAAM,WAAW,GAAG,MAAM,IAAA,2BAAY,EAAC,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC;QAE9D,IAAI,WAAW,EAAE;YACf,OAAO,EAAE,EAAE,CAAC;YACZ,QAAQ,EAAE,EAAE,CAAC;SACd;aAAM;YACL,WAAW,CAAC,IAAI,CAAC,CAAC;SACnB;QACD,UAAU,EAAE,CAAC;IACf,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC;IAErB,MAAM,mBAAmB,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC3C,CAAC,KAAK,IAAI,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,eAAe,CAAC,MAAM,IAAA,6BAAa,EAAC,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACpF,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,iBAAS,EAAC,mBAAmB,EAAE,EAAE,CAAC,CAAC;IAEnC,OAAO,CACL,uBAAC,eAAM,IACL,SAAS,EAAC,qDAAqD,EAC/D,IAAI,EAAE,uBAAC,WAAI,KAAG,EACd,OAAO,EAAE,OAAO,YAEhB,iCAAK,SAAS,EAAC,8CAA8C,aAC3D,iCAAK,SAAS,EAAC,gBAAgB,aAC7B,gCAAK,SAAS,EAAC,MAAM,EAAC,GAAG,EAAE,OAAO,GAAQ,EAC1C,gCACE,OAAO,EAAE,mBAAmB,EAC5B,SAAS,EAAC,qDAAqD,YAE/D,uBAAC,WAAI,IAAC,WAAW,EAAC,QAAQ,EAAC,IAAI,EAAC,aAAa,GAAG,GAC5C,IACF,EACN,uBAAC,aAAK,IACJ,SAAS,EAAC,WAAW,EACrB,QAAQ,EAAE,OAAO,EACjB,KAAK,EAAE,IAAI,EACX,WAAW,EAAC,uHAAwB,GACpC,EACD,QAAQ,CAAC,CAAC,CAAC,gCAAK,SAAS,EAAC,YAAY,oFAAmB,CAAC,CAAC,CAAC,IAAI,EACjE,iCAAK,SAAS,EAAC,gCAAgC,aAC7C,uBAAC,eAAM,IAAC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAC,WAAW,uEAElC,EACT,uBAAC,eAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,kBAAkB,EAAE,OAAO,EAAC,WAAW,uEAE9E,IACL,EACL,SAAS,CAAC,CAAC,CAAC,uBAAC,eAAM,IAAC,IAAI,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,IACvC,GACC,CACV,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -33,7 +33,7 @@ exports.VerifyPhoneDialog = (0, uni_jsx_1.JSX)(({ phone, code = true, codeLength
|
|
|
33
33
|
setIsTimerStarted(true);
|
|
34
34
|
}
|
|
35
35
|
else {
|
|
36
|
-
captchaDialog.open({ phoneNumber, sendCode: handleSendCode
|
|
36
|
+
captchaDialog.open({ phoneNumber, sendCode: handleSendCode });
|
|
37
37
|
}
|
|
38
38
|
}, [phoneNumber, onClose]);
|
|
39
39
|
(0, hooks_1.useEffect)(() => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VerifyPhoneDialog.js","sourceRoot":"","sources":["../../../src/ui-kit/VerifyPhoneDialog/VerifyPhoneDialog.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAA+E;AAC/E,2DAAwD;AACxD,iEAA8D;AAC9D,yDAAsD;AACtD,2CAAwC;AACxC,kEAA+D;AAC/D,oDAAiD;AACjD,0DAAuD;AACvD,yDAAsD;AACtD,6CAA0C;AAC1C,mDAAgD;AAChD,gDAA6C;AAC7C,2CAAwC;AACxC,iDAA8C;AAC9C,6EAA0E;AAW7D,QAAA,iBAAiB,GAAG,IAAA,aAAG,EAClC,CAAC,EAAE,KAAK,EAAE,IAAI,GAAG,IAAI,EAAE,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,GAAG,WAAI,EAAE,OAAO,GAAG,WAAI,EAAE,EAAE,EAAE;IACrF,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;IAEjE,MAAM,EACJ,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,SAAS,EACT,WAAW,EACX,sBAAsB,EACtB,cAAc,EACd,iBAAiB,EACjB,WAAW,GACZ,GAAG,IAAA,uDAA0B,EAAC,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC;IAEtD,MAAM,aAAa,GAAG,IAAA,qBAAS,EAAC,6BAAa,CAAC,CAAC;IAE/C,MAAM,WAAW,GAAG,IAAA,yBAAW,EAAC,KAAK,CAAC,CAAC;IAEvC,MAAM,cAAc,GAAG,IAAA,mBAAW,EAAC,KAAK,IAAI,EAAE;QAC5C,MAAM,iBAAiB,GAAG,MAAM,IAAA,mBAAQ,EAAC;YACvC,WAAW;YACX,eAAe,EAAE,EAAE,GAAG,EAAE,gBAAgB,EAAE;SAC3C,CAAC,CAAC;QAEH,IAAI,iBAAiB,EAAE;YACrB,WAAW,CAAC,CAAC,CAAC,CAAC;YACf,cAAc,CAAC,GAAG,CAAC,CAAC;YACpB,iBAAiB,CAAC,IAAI,CAAC,CAAC;SACzB;aAAM;YACL,aAAa,CAAC,IAAI,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,
|
|
1
|
+
{"version":3,"file":"VerifyPhoneDialog.js","sourceRoot":"","sources":["../../../src/ui-kit/VerifyPhoneDialog/VerifyPhoneDialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,31 +1,36 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
3
|
import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
|
|
4
|
+
import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
|
|
4
5
|
import { checkCaptcha } from '../../api/RetailAPI/checkCaptcha.js';
|
|
5
6
|
import { createCaptcha } from '../../api/RetailAPI/createCaptcha.js';
|
|
6
7
|
import { Button } from '../Button/Button.js';
|
|
7
8
|
import { Dialog } from '../DialogManager/Dialog.js';
|
|
8
9
|
import { Icon } from '../Icon/Icon.js';
|
|
9
10
|
import { Input } from '../Input/Input.js';
|
|
11
|
+
import { Loader } from '../Loader/Loader.js';
|
|
10
12
|
import { Logo } from '../Logo/Logo.js';
|
|
11
13
|
export const CaptchaDialog = JSX(({ phoneNumber, sendCode, onClose }) => {
|
|
12
14
|
const [captcha, setCaptcha] = useState('');
|
|
13
15
|
const [code, setCode] = useState('');
|
|
14
16
|
const [hasError, setHasError] = useState(false);
|
|
17
|
+
const [isLoading, { setTrue: startLoading, setFalse: endLoading }] = useBool(false);
|
|
15
18
|
const handleCheckCaptcha = useCallback(async () => {
|
|
19
|
+
startLoading();
|
|
16
20
|
const isValidCode = await checkCaptcha({ captchaText: code });
|
|
17
21
|
if (isValidCode) {
|
|
18
|
-
sendCode?.();
|
|
19
22
|
onClose?.();
|
|
23
|
+
sendCode?.();
|
|
20
24
|
}
|
|
21
25
|
else {
|
|
22
|
-
setHasError(
|
|
26
|
+
setHasError(true);
|
|
23
27
|
}
|
|
28
|
+
endLoading();
|
|
24
29
|
}, [code, sendCode]);
|
|
25
30
|
const handleCreateCaptcha = useCallback(() => {
|
|
26
31
|
(async () => setCaptcha(URL.createObjectURL(await createCaptcha(phoneNumber))))();
|
|
27
32
|
}, []);
|
|
28
33
|
useEffect(handleCreateCaptcha, []);
|
|
29
|
-
return (_jsx(Dialog, { className: "my-6xl max-w-lg w-full min-h-fit mx-auto rounded-lg", head: _jsx(Logo, {}), onClose: onClose, children: _jsxs("div", { className: "flex flex-col gap-lg items-center rounded-md", children: [_jsxs("div", { className: "flex h-36 w-72", children: [_jsx("img", { className: "grow", src: captcha }), _jsx("div", { onClick: handleCreateCaptcha, className: "flex w-8 items-center justify-center cursor-pointer", children: _jsx(Icon, { iconVersion: "normal", name: "RefreshIcon" }) })] }), _jsx(Input, { className: "w-[300px]", onChange: setCode, value: code, placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043A\u043E\u0434 \u0441 \u043A\u0430\u0440\u0442\u0438\u043D\u043A\u0438" }), hasError ? _jsx("div", { className: "text-error", children: "\u041D\u0435\u0432\u0435\u0440\u043D\u044B\u0439 \u043A\u043E\u0434" }) : null, _jsxs("div", { className: "flex w-[310px] justify-between", children: [_jsx(Button, { onClick: close, version: "secondary", children: "\u0412\u0435\u0440\u043D\u0443\u0442\u044C\u0441\u044F" }), _jsx(Button, { type: "submit", disabled: !code, onClick: handleCheckCaptcha, version: "secondary", children: "\u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C" })] })] }) }));
|
|
34
|
+
return (_jsx(Dialog, { className: "my-6xl max-w-lg w-full min-h-fit mx-auto rounded-lg", head: _jsx(Logo, {}), onClose: onClose, children: _jsxs("div", { className: "flex flex-col gap-lg items-center rounded-md", children: [_jsxs("div", { className: "flex h-36 w-72", children: [_jsx("img", { className: "grow", src: captcha }), _jsx("div", { onClick: handleCreateCaptcha, className: "flex w-8 items-center justify-center cursor-pointer", children: _jsx(Icon, { iconVersion: "normal", name: "RefreshIcon" }) })] }), _jsx(Input, { className: "w-[300px]", onChange: setCode, value: code, placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043A\u043E\u0434 \u0441 \u043A\u0430\u0440\u0442\u0438\u043D\u043A\u0438" }), hasError ? _jsx("div", { className: "text-error", children: "\u041D\u0435\u0432\u0435\u0440\u043D\u044B\u0439 \u043A\u043E\u0434" }) : null, _jsxs("div", { className: "flex w-[310px] justify-between", children: [_jsx(Button, { onClick: close, version: "secondary", children: "\u0412\u0435\u0440\u043D\u0443\u0442\u044C\u0441\u044F" }), _jsx(Button, { type: "submit", disabled: !code, onClick: handleCheckCaptcha, version: "secondary", children: "\u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C" })] }), isLoading ? _jsx(Loader, { blur: false }) : null] }) }));
|
|
30
35
|
});
|
|
31
36
|
//# sourceMappingURL=CaptchaDialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CaptchaDialog.js","sourceRoot":"","sources":["../../../src/ui-kit/CaptchaDialog/CaptchaDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAQpC,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAqB,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;IAC1F,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC3C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACrC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"CaptchaDialog.js","sourceRoot":"","sources":["../../../src/ui-kit/CaptchaDialog/CaptchaDialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -31,7 +31,7 @@ export const VerifyPhoneDialog = JSX(({ phone, code = true, codeLength = 4, cons
|
|
|
31
31
|
setIsTimerStarted(true);
|
|
32
32
|
}
|
|
33
33
|
else {
|
|
34
|
-
captchaDialog.open({ phoneNumber, sendCode: handleSendCode
|
|
34
|
+
captchaDialog.open({ phoneNumber, sendCode: handleSendCode });
|
|
35
35
|
}
|
|
36
36
|
}, [phoneNumber, onClose]);
|
|
37
37
|
useEffect(() => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VerifyPhoneDialog.js","sourceRoot":"","sources":["../../../src/ui-kit/VerifyPhoneDialog/VerifyPhoneDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAC/E,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAW1E,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EAAE,KAAK,EAAE,IAAI,GAAG,IAAI,EAAE,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,GAAG,IAAI,EAAE,OAAO,GAAG,IAAI,EAAE,EAAE,EAAE;IACrF,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;IAEjE,MAAM,EACJ,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,SAAS,EACT,WAAW,EACX,sBAAsB,EACtB,cAAc,EACd,iBAAiB,EACjB,WAAW,GACZ,GAAG,0BAA0B,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC;IAEtD,MAAM,aAAa,GAAG,SAAS,CAAC,aAAa,CAAC,CAAC;IAE/C,MAAM,WAAW,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IAEvC,MAAM,cAAc,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QAC5C,MAAM,iBAAiB,GAAG,MAAM,QAAQ,CAAC;YACvC,WAAW;YACX,eAAe,EAAE,EAAE,GAAG,EAAE,gBAAgB,EAAE;SAC3C,CAAC,CAAC;QAEH,IAAI,iBAAiB,EAAE;YACrB,WAAW,CAAC,CAAC,CAAC,CAAC;YACf,cAAc,CAAC,GAAG,CAAC,CAAC;YACpB,iBAAiB,CAAC,IAAI,CAAC,CAAC;SACzB;aAAM;YACL,aAAa,CAAC,IAAI,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,
|
|
1
|
+
{"version":3,"file":"VerifyPhoneDialog.js","sourceRoot":"","sources":["../../../src/ui-kit/VerifyPhoneDialog/VerifyPhoneDialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import { JSX } from '@redneckz/uni-jsx';
|
|
2
2
|
import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
|
|
3
|
+
import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
|
|
3
4
|
import { checkCaptcha } from '../../api/RetailAPI/checkCaptcha';
|
|
4
5
|
import { createCaptcha } from '../../api/RetailAPI/createCaptcha';
|
|
5
6
|
import { Button } from '../Button/Button';
|
|
6
7
|
import { Dialog } from '../DialogManager/Dialog';
|
|
7
8
|
import { Icon } from '../Icon/Icon';
|
|
8
9
|
import { Input } from '../Input/Input';
|
|
10
|
+
import { Loader } from '../Loader/Loader';
|
|
9
11
|
import { Logo } from '../Logo/Logo';
|
|
10
12
|
|
|
11
13
|
export interface CaptchaDialogProps {
|
|
@@ -18,16 +20,19 @@ export const CaptchaDialog = JSX<CaptchaDialogProps>(({ phoneNumber, sendCode, o
|
|
|
18
20
|
const [captcha, setCaptcha] = useState('');
|
|
19
21
|
const [code, setCode] = useState('');
|
|
20
22
|
const [hasError, setHasError] = useState(false);
|
|
23
|
+
const [isLoading, { setTrue: startLoading, setFalse: endLoading }] = useBool(false);
|
|
21
24
|
|
|
22
25
|
const handleCheckCaptcha = useCallback(async () => {
|
|
26
|
+
startLoading();
|
|
23
27
|
const isValidCode = await checkCaptcha({ captchaText: code });
|
|
24
28
|
|
|
25
29
|
if (isValidCode) {
|
|
26
|
-
sendCode?.();
|
|
27
30
|
onClose?.();
|
|
31
|
+
sendCode?.();
|
|
28
32
|
} else {
|
|
29
|
-
setHasError(
|
|
33
|
+
setHasError(true);
|
|
30
34
|
}
|
|
35
|
+
endLoading();
|
|
31
36
|
}, [code, sendCode]);
|
|
32
37
|
|
|
33
38
|
const handleCreateCaptcha = useCallback(() => {
|
|
@@ -67,6 +72,7 @@ export const CaptchaDialog = JSX<CaptchaDialogProps>(({ phoneNumber, sendCode, o
|
|
|
67
72
|
Отправить
|
|
68
73
|
</Button>
|
|
69
74
|
</div>
|
|
75
|
+
{isLoading ? <Loader blur={false} /> : null}
|
|
70
76
|
</div>
|
|
71
77
|
</Dialog>
|
|
72
78
|
);
|
|
@@ -55,7 +55,7 @@ export const VerifyPhoneDialog = JSX<VerifyPhoneDialogProps>(
|
|
|
55
55
|
setTimeNextReq(180);
|
|
56
56
|
setIsTimerStarted(true);
|
|
57
57
|
} else {
|
|
58
|
-
captchaDialog.open({ phoneNumber, sendCode: handleSendCode
|
|
58
|
+
captchaDialog.open({ phoneNumber, sendCode: handleSendCode });
|
|
59
59
|
}
|
|
60
60
|
}, [phoneNumber, onClose]);
|
|
61
61
|
|
package/package.json
CHANGED
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import { JSX } from '@redneckz/uni-jsx';
|
|
2
2
|
import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
|
|
3
|
+
import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
|
|
3
4
|
import { checkCaptcha } from '../../api/RetailAPI/checkCaptcha';
|
|
4
5
|
import { createCaptcha } from '../../api/RetailAPI/createCaptcha';
|
|
5
6
|
import { Button } from '../Button/Button';
|
|
6
7
|
import { Dialog } from '../DialogManager/Dialog';
|
|
7
8
|
import { Icon } from '../Icon/Icon';
|
|
8
9
|
import { Input } from '../Input/Input';
|
|
10
|
+
import { Loader } from '../Loader/Loader';
|
|
9
11
|
import { Logo } from '../Logo/Logo';
|
|
10
12
|
|
|
11
13
|
export interface CaptchaDialogProps {
|
|
@@ -18,16 +20,19 @@ export const CaptchaDialog = JSX<CaptchaDialogProps>(({ phoneNumber, sendCode, o
|
|
|
18
20
|
const [captcha, setCaptcha] = useState('');
|
|
19
21
|
const [code, setCode] = useState('');
|
|
20
22
|
const [hasError, setHasError] = useState(false);
|
|
23
|
+
const [isLoading, { setTrue: startLoading, setFalse: endLoading }] = useBool(false);
|
|
21
24
|
|
|
22
25
|
const handleCheckCaptcha = useCallback(async () => {
|
|
26
|
+
startLoading();
|
|
23
27
|
const isValidCode = await checkCaptcha({ captchaText: code });
|
|
24
28
|
|
|
25
29
|
if (isValidCode) {
|
|
26
|
-
sendCode?.();
|
|
27
30
|
onClose?.();
|
|
31
|
+
sendCode?.();
|
|
28
32
|
} else {
|
|
29
|
-
setHasError(
|
|
33
|
+
setHasError(true);
|
|
30
34
|
}
|
|
35
|
+
endLoading();
|
|
31
36
|
}, [code, sendCode]);
|
|
32
37
|
|
|
33
38
|
const handleCreateCaptcha = useCallback(() => {
|
|
@@ -67,6 +72,7 @@ export const CaptchaDialog = JSX<CaptchaDialogProps>(({ phoneNumber, sendCode, o
|
|
|
67
72
|
Отправить
|
|
68
73
|
</Button>
|
|
69
74
|
</div>
|
|
75
|
+
{isLoading ? <Loader blur={false} /> : null}
|
|
70
76
|
</div>
|
|
71
77
|
</Dialog>
|
|
72
78
|
);
|
|
@@ -55,7 +55,7 @@ export const VerifyPhoneDialog = JSX<VerifyPhoneDialogProps>(
|
|
|
55
55
|
setTimeNextReq(180);
|
|
56
56
|
setIsTimerStarted(true);
|
|
57
57
|
} else {
|
|
58
|
-
captchaDialog.open({ phoneNumber, sendCode: handleSendCode
|
|
58
|
+
captchaDialog.open({ phoneNumber, sendCode: handleSendCode });
|
|
59
59
|
}
|
|
60
60
|
}, [phoneNumber, onClose]);
|
|
61
61
|
|