@redneckz/wildless-cms-uni-blocks 0.14.565 → 0.14.567
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 +10 -5
- package/bundle/bundle.umd.min.js +1 -1
- package/bundle/ui-kit/DatePicker/Calendar.d.ts +1 -0
- package/bundle/ui-kit/Loader/Loader.d.ts +1 -0
- package/bundle/ui-kit/{Timer → TimerCircle}/Timer.d.ts +4 -2
- package/bundle/ui-kit/TimerCircle/TimerCircle.d.ts +7 -0
- package/bundle/ui-kit/VerifyPhoneDialog/InputCode.d.ts +8 -0
- package/bundle/ui-kit/VerifyPhoneDialog/SubmitButton.d.ts +7 -0
- package/bundle/ui-kit/VerifyPhoneDialog/VerifyPhoneDialog.d.ts +9 -0
- package/bundle/ui-kit/VerifyPhoneDialog/submitVerifyPhoneForm.d.ts +13 -0
- package/bundle/ui-kit/VerifyPhoneDialog/useVerifyPhoneDialog.d.ts +6 -0
- package/dist/ui-kit/DatePicker/Calendar.d.ts +1 -0
- package/dist/ui-kit/DatePicker/Calendar.js +5 -2
- package/dist/ui-kit/DatePicker/Calendar.js.map +1 -1
- package/dist/ui-kit/DatePicker/DatePicker.js +1 -1
- package/dist/ui-kit/DatePicker/DatePicker.js.map +1 -1
- package/dist/ui-kit/Loader/Loader.d.ts +1 -0
- package/dist/ui-kit/Loader/Loader.js +3 -1
- package/dist/ui-kit/Loader/Loader.js.map +1 -1
- package/dist/ui-kit/{Timer → TimerCircle}/Timer.d.ts +4 -2
- package/dist/ui-kit/TimerCircle/Timer.js +25 -0
- package/dist/ui-kit/TimerCircle/Timer.js.map +1 -0
- package/dist/ui-kit/TimerCircle/TimerCircle.d.ts +7 -0
- package/{mobile/dist/ui-kit/Timer/Timer.js → dist/ui-kit/TimerCircle/TimerCircle.js} +5 -20
- package/dist/ui-kit/TimerCircle/TimerCircle.js.map +1 -0
- package/dist/ui-kit/VerifyPhoneDialog/InputCode.d.ts +8 -0
- package/dist/ui-kit/VerifyPhoneDialog/InputCode.js +49 -0
- package/dist/ui-kit/VerifyPhoneDialog/InputCode.js.map +1 -0
- package/dist/ui-kit/VerifyPhoneDialog/SubmitButton.d.ts +7 -0
- package/dist/ui-kit/VerifyPhoneDialog/SubmitButton.js +10 -0
- package/dist/ui-kit/VerifyPhoneDialog/SubmitButton.js.map +1 -0
- package/dist/ui-kit/VerifyPhoneDialog/VerifyPhoneDialog.d.ts +9 -0
- package/dist/ui-kit/VerifyPhoneDialog/VerifyPhoneDialog.js +38 -0
- package/dist/ui-kit/VerifyPhoneDialog/VerifyPhoneDialog.js.map +1 -0
- package/dist/ui-kit/VerifyPhoneDialog/submitVerifyPhoneForm.d.ts +13 -0
- package/dist/ui-kit/VerifyPhoneDialog/submitVerifyPhoneForm.js +30 -0
- package/dist/ui-kit/VerifyPhoneDialog/submitVerifyPhoneForm.js.map +1 -0
- package/dist/ui-kit/VerifyPhoneDialog/useVerifyPhoneDialog.d.ts +6 -0
- package/dist/ui-kit/VerifyPhoneDialog/useVerifyPhoneDialog.js +14 -0
- package/dist/ui-kit/VerifyPhoneDialog/useVerifyPhoneDialog.js.map +1 -0
- package/lib/common.css +1 -1
- package/lib/ui-kit/DatePicker/Calendar.d.ts +1 -0
- package/lib/ui-kit/DatePicker/Calendar.js +5 -2
- package/lib/ui-kit/DatePicker/Calendar.js.map +1 -1
- package/lib/ui-kit/DatePicker/DatePicker.js +1 -1
- package/lib/ui-kit/DatePicker/DatePicker.js.map +1 -1
- package/lib/ui-kit/Loader/Loader.d.ts +1 -0
- package/lib/ui-kit/Loader/Loader.js +3 -1
- package/lib/ui-kit/Loader/Loader.js.map +1 -1
- package/lib/ui-kit/{Timer → TimerCircle}/Timer.d.ts +4 -2
- package/lib/ui-kit/TimerCircle/Timer.js +23 -0
- package/lib/ui-kit/TimerCircle/Timer.js.map +1 -0
- package/lib/ui-kit/TimerCircle/TimerCircle.d.ts +7 -0
- package/lib/ui-kit/{Timer/Timer.js → TimerCircle/TimerCircle.js} +5 -20
- package/lib/ui-kit/TimerCircle/TimerCircle.js.map +1 -0
- package/lib/ui-kit/VerifyPhoneDialog/InputCode.d.ts +8 -0
- package/lib/ui-kit/VerifyPhoneDialog/InputCode.js +47 -0
- package/lib/ui-kit/VerifyPhoneDialog/InputCode.js.map +1 -0
- package/lib/ui-kit/VerifyPhoneDialog/SubmitButton.d.ts +7 -0
- package/lib/ui-kit/VerifyPhoneDialog/SubmitButton.js +8 -0
- package/lib/ui-kit/VerifyPhoneDialog/SubmitButton.js.map +1 -0
- package/lib/ui-kit/VerifyPhoneDialog/VerifyPhoneDialog.d.ts +9 -0
- package/lib/ui-kit/VerifyPhoneDialog/VerifyPhoneDialog.fixture.d.ts +6 -0
- package/lib/ui-kit/VerifyPhoneDialog/VerifyPhoneDialog.js +36 -0
- package/lib/ui-kit/VerifyPhoneDialog/VerifyPhoneDialog.js.map +1 -0
- package/lib/ui-kit/VerifyPhoneDialog/submitVerifyPhoneForm.d.ts +13 -0
- package/lib/ui-kit/VerifyPhoneDialog/submitVerifyPhoneForm.js +27 -0
- package/lib/ui-kit/VerifyPhoneDialog/submitVerifyPhoneForm.js.map +1 -0
- package/lib/ui-kit/VerifyPhoneDialog/useVerifyPhoneDialog.d.ts +6 -0
- package/lib/ui-kit/VerifyPhoneDialog/useVerifyPhoneDialog.js +11 -0
- package/lib/ui-kit/VerifyPhoneDialog/useVerifyPhoneDialog.js.map +1 -0
- package/mobile/bundle/bundle.umd.js +10 -5
- package/mobile/bundle/bundle.umd.min.js +1 -1
- package/mobile/bundle/ui-kit/DatePicker/Calendar.d.ts +1 -0
- package/mobile/bundle/ui-kit/Loader/Loader.d.ts +1 -0
- package/mobile/bundle/ui-kit/{Timer → TimerCircle}/Timer.d.ts +4 -2
- package/mobile/bundle/ui-kit/TimerCircle/TimerCircle.d.ts +7 -0
- package/mobile/bundle/ui-kit/VerifyPhoneDialog/InputCode.d.ts +8 -0
- package/mobile/bundle/ui-kit/VerifyPhoneDialog/SubmitButton.d.ts +7 -0
- package/mobile/bundle/ui-kit/VerifyPhoneDialog/VerifyPhoneDialog.d.ts +9 -0
- package/mobile/bundle/ui-kit/VerifyPhoneDialog/submitVerifyPhoneForm.d.ts +13 -0
- package/mobile/bundle/ui-kit/VerifyPhoneDialog/useVerifyPhoneDialog.d.ts +6 -0
- package/mobile/dist/ui-kit/DatePicker/Calendar.d.ts +1 -0
- package/mobile/dist/ui-kit/DatePicker/Calendar.js +5 -2
- package/mobile/dist/ui-kit/DatePicker/Calendar.js.map +1 -1
- package/mobile/dist/ui-kit/DatePicker/DatePicker.js +1 -1
- package/mobile/dist/ui-kit/DatePicker/DatePicker.js.map +1 -1
- package/mobile/dist/ui-kit/Loader/Loader.d.ts +1 -0
- package/mobile/dist/ui-kit/Loader/Loader.js +3 -1
- package/mobile/dist/ui-kit/Loader/Loader.js.map +1 -1
- package/mobile/dist/ui-kit/TimerCircle/Timer.d.ts +9 -0
- package/mobile/dist/ui-kit/TimerCircle/Timer.js +25 -0
- package/mobile/dist/ui-kit/TimerCircle/Timer.js.map +1 -0
- package/mobile/dist/ui-kit/TimerCircle/TimerCircle.d.ts +7 -0
- package/{dist/ui-kit/Timer/Timer.js → mobile/dist/ui-kit/TimerCircle/TimerCircle.js} +5 -20
- package/mobile/dist/ui-kit/TimerCircle/TimerCircle.js.map +1 -0
- package/mobile/dist/ui-kit/VerifyPhoneDialog/InputCode.d.ts +8 -0
- package/mobile/dist/ui-kit/VerifyPhoneDialog/InputCode.js +49 -0
- package/mobile/dist/ui-kit/VerifyPhoneDialog/InputCode.js.map +1 -0
- package/mobile/dist/ui-kit/VerifyPhoneDialog/SubmitButton.d.ts +7 -0
- package/mobile/dist/ui-kit/VerifyPhoneDialog/SubmitButton.js +10 -0
- package/mobile/dist/ui-kit/VerifyPhoneDialog/SubmitButton.js.map +1 -0
- package/mobile/dist/ui-kit/VerifyPhoneDialog/VerifyPhoneDialog.d.ts +9 -0
- package/mobile/dist/ui-kit/VerifyPhoneDialog/VerifyPhoneDialog.js +38 -0
- package/mobile/dist/ui-kit/VerifyPhoneDialog/VerifyPhoneDialog.js.map +1 -0
- package/mobile/dist/ui-kit/VerifyPhoneDialog/submitVerifyPhoneForm.d.ts +13 -0
- package/mobile/dist/ui-kit/VerifyPhoneDialog/submitVerifyPhoneForm.js +30 -0
- package/mobile/dist/ui-kit/VerifyPhoneDialog/submitVerifyPhoneForm.js.map +1 -0
- package/mobile/dist/ui-kit/VerifyPhoneDialog/useVerifyPhoneDialog.d.ts +6 -0
- package/mobile/dist/ui-kit/VerifyPhoneDialog/useVerifyPhoneDialog.js +14 -0
- package/mobile/dist/ui-kit/VerifyPhoneDialog/useVerifyPhoneDialog.js.map +1 -0
- package/mobile/lib/common.css +1 -1
- package/mobile/lib/ui-kit/DatePicker/Calendar.d.ts +1 -0
- package/mobile/lib/ui-kit/DatePicker/Calendar.js +5 -2
- package/mobile/lib/ui-kit/DatePicker/Calendar.js.map +1 -1
- package/mobile/lib/ui-kit/DatePicker/DatePicker.js +1 -1
- package/mobile/lib/ui-kit/DatePicker/DatePicker.js.map +1 -1
- package/mobile/lib/ui-kit/Loader/Loader.d.ts +1 -0
- package/mobile/lib/ui-kit/Loader/Loader.js +3 -1
- package/mobile/lib/ui-kit/Loader/Loader.js.map +1 -1
- package/mobile/lib/ui-kit/TimerCircle/Timer.d.ts +9 -0
- package/mobile/lib/ui-kit/TimerCircle/Timer.js +23 -0
- package/mobile/lib/ui-kit/TimerCircle/Timer.js.map +1 -0
- package/mobile/lib/ui-kit/TimerCircle/TimerCircle.d.ts +7 -0
- package/mobile/lib/ui-kit/{Timer/Timer.js → TimerCircle/TimerCircle.js} +5 -20
- package/mobile/lib/ui-kit/TimerCircle/TimerCircle.js.map +1 -0
- package/mobile/lib/ui-kit/VerifyPhoneDialog/InputCode.d.ts +8 -0
- package/mobile/lib/ui-kit/VerifyPhoneDialog/InputCode.js +47 -0
- package/mobile/lib/ui-kit/VerifyPhoneDialog/InputCode.js.map +1 -0
- package/mobile/lib/ui-kit/VerifyPhoneDialog/SubmitButton.d.ts +7 -0
- package/mobile/lib/ui-kit/VerifyPhoneDialog/SubmitButton.js +8 -0
- package/mobile/lib/ui-kit/VerifyPhoneDialog/SubmitButton.js.map +1 -0
- package/mobile/lib/ui-kit/VerifyPhoneDialog/VerifyPhoneDialog.d.ts +9 -0
- package/mobile/lib/ui-kit/VerifyPhoneDialog/VerifyPhoneDialog.js +36 -0
- package/mobile/lib/ui-kit/VerifyPhoneDialog/VerifyPhoneDialog.js.map +1 -0
- package/mobile/lib/ui-kit/VerifyPhoneDialog/submitVerifyPhoneForm.d.ts +13 -0
- package/mobile/lib/ui-kit/VerifyPhoneDialog/submitVerifyPhoneForm.js +27 -0
- package/mobile/lib/ui-kit/VerifyPhoneDialog/submitVerifyPhoneForm.js.map +1 -0
- package/mobile/lib/ui-kit/VerifyPhoneDialog/useVerifyPhoneDialog.d.ts +6 -0
- package/mobile/lib/ui-kit/VerifyPhoneDialog/useVerifyPhoneDialog.js +11 -0
- package/mobile/lib/ui-kit/VerifyPhoneDialog/useVerifyPhoneDialog.js.map +1 -0
- package/mobile/src/ui-kit/DatePicker/Calendar.tsx +6 -2
- package/mobile/src/ui-kit/DatePicker/DatePicker.tsx +1 -1
- package/mobile/src/ui-kit/Loader/Loader.tsx +20 -18
- package/mobile/src/ui-kit/TimerCircle/Timer.tsx +34 -0
- package/mobile/src/ui-kit/{Timer/Timer.tsx → TimerCircle/TimerCircle.tsx} +5 -25
- package/mobile/src/ui-kit/VerifyPhoneDialog/InputCode.tsx +90 -0
- package/mobile/src/ui-kit/VerifyPhoneDialog/SubmitButton.tsx +17 -0
- package/mobile/src/ui-kit/VerifyPhoneDialog/VerifyPhoneDialog.tsx +83 -0
- package/mobile/src/ui-kit/VerifyPhoneDialog/submitVerifyPhoneForm.tsx +36 -0
- package/mobile/src/ui-kit/VerifyPhoneDialog/useVerifyPhoneDialog.tsx +11 -0
- package/package.json +1 -1
- package/src/ui-kit/DatePicker/Calendar.tsx +6 -2
- package/src/ui-kit/DatePicker/DatePicker.tsx +1 -1
- package/src/ui-kit/Loader/Loader.tsx +20 -18
- package/src/ui-kit/TimerCircle/Timer.tsx +34 -0
- package/src/ui-kit/{Timer/Timer.fixture.tsx → TimerCircle/TimerCircle.fixture.tsx} +2 -2
- package/src/ui-kit/{Timer/Timer.tsx → TimerCircle/TimerCircle.tsx} +5 -25
- package/src/ui-kit/VerifyPhoneDialog/InputCode.tsx +90 -0
- package/src/ui-kit/VerifyPhoneDialog/SubmitButton.tsx +17 -0
- package/src/ui-kit/VerifyPhoneDialog/VerifyPhoneDialog.fixture.tsx +24 -0
- package/src/ui-kit/VerifyPhoneDialog/VerifyPhoneDialog.tsx +83 -0
- package/src/ui-kit/VerifyPhoneDialog/submitVerifyPhoneForm.tsx +36 -0
- package/src/ui-kit/VerifyPhoneDialog/useVerifyPhoneDialog.tsx +11 -0
- package/dist/ui-kit/Timer/Timer.js.map +0 -1
- package/lib/ui-kit/Timer/Timer.js.map +0 -1
- package/mobile/dist/ui-kit/Timer/Timer.d.ts +0 -7
- package/mobile/dist/ui-kit/Timer/Timer.js.map +0 -1
- package/mobile/lib/ui-kit/Timer/Timer.d.ts +0 -7
- package/mobile/lib/ui-kit/Timer/Timer.js.map +0 -1
- /package/lib/ui-kit/{Timer/Timer.fixture.d.ts → TimerCircle/TimerCircle.fixture.d.ts} +0 -0
|
@@ -2,6 +2,7 @@ import { type TextColor } from '../../ui-kit/Text/TextProps';
|
|
|
2
2
|
interface LoaderProps {
|
|
3
3
|
color?: TextColor;
|
|
4
4
|
position?: 'static' | 'absolute';
|
|
5
|
+
blur?: boolean;
|
|
5
6
|
}
|
|
6
7
|
export declare const Loader: import("@redneckz/uni-jsx").UNIComponent<LoaderProps, any, any>;
|
|
7
8
|
export {};
|
|
@@ -1,7 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
interface TimerProps {
|
|
3
|
+
time: number;
|
|
4
|
+
setTime: React.Dispatch<React.SetStateAction<number>>;
|
|
2
5
|
interval?: number;
|
|
3
|
-
|
|
4
|
-
__html?: string;
|
|
6
|
+
className?: string;
|
|
5
7
|
}
|
|
6
8
|
export declare const Timer: import("@redneckz/uni-jsx").UNIComponent<TimerProps, any, any>;
|
|
7
9
|
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare type InputCodeProps = {
|
|
3
|
+
values: string[];
|
|
4
|
+
setValues: React.Dispatch<React.SetStateAction<string[]>>;
|
|
5
|
+
hasError?: boolean;
|
|
6
|
+
};
|
|
7
|
+
export declare const InputCode: import("@redneckz/uni-jsx").UNIComponent<InputCodeProps, any, any>;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export interface VerifyPhoneDialogProps {
|
|
2
|
+
title?: string;
|
|
3
|
+
description?: string;
|
|
4
|
+
code?: boolean;
|
|
5
|
+
__html?: string;
|
|
6
|
+
codeLength?: number;
|
|
7
|
+
textButton?: string;
|
|
8
|
+
}
|
|
9
|
+
export declare const VerifyPhoneDialog: import("@redneckz/uni-jsx").UNIComponent<VerifyPhoneDialogProps, any, any>;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export interface VerifyPhoneFormData {
|
|
2
|
+
smsText: string;
|
|
3
|
+
smsCodesSetName: {
|
|
4
|
+
key: string;
|
|
5
|
+
};
|
|
6
|
+
}
|
|
7
|
+
export declare const submitVerifyPhoneForm: (code: string) => Promise<{
|
|
8
|
+
success: boolean;
|
|
9
|
+
expiresIn: any;
|
|
10
|
+
} | {
|
|
11
|
+
success: boolean;
|
|
12
|
+
expiresIn?: undefined;
|
|
13
|
+
}>;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { type DialogOptions } from '../DialogManager/useDialogManager';
|
|
2
|
+
import { type VerifyPhoneDialogProps } from './VerifyPhoneDialog';
|
|
3
|
+
export declare const useVerifyPhoneDialog: (props: VerifyPhoneDialogProps) => {
|
|
4
|
+
open: (options?: DialogOptions) => void;
|
|
5
|
+
close: () => void;
|
|
6
|
+
};
|
|
@@ -6,8 +6,11 @@ const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
|
|
|
6
6
|
const noop_1 = require("../../utils/noop");
|
|
7
7
|
const renderCalendarCells_1 = require("./renderCalendarCells");
|
|
8
8
|
const WEEK_DAYS = ['Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб', 'Вс'];
|
|
9
|
-
exports.Calendar = (0, uni_jsx_1.JSX)(({ today, currentMonth, currentYear, min, max, onDateSelect = noop_1.noop }) => {
|
|
10
|
-
const handleDateClick = (0, hooks_1.useCallback)((date) =>
|
|
9
|
+
exports.Calendar = (0, uni_jsx_1.JSX)(({ today, currentMonth, currentYear, min, max, onDateSelect = noop_1.noop, setValue = noop_1.noop }) => {
|
|
10
|
+
const handleDateClick = (0, hooks_1.useCallback)((date) => {
|
|
11
|
+
onDateSelect(date);
|
|
12
|
+
setValue(false);
|
|
13
|
+
}, []);
|
|
11
14
|
const { firstDayOfWeek, totalDays } = (0, hooks_1.useMemo)(() => ({
|
|
12
15
|
firstDayOfWeek: new Date(currentYear, currentMonth, 1).getDay() - 1,
|
|
13
16
|
totalDays: new Date(currentYear, currentMonth + 1, 0).getDate(),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../src/ui-kit/DatePicker/Calendar.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAAmE;AACnE,2CAAwC;AACxC,+DAA4D;AAE5D,MAAM,SAAS,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../src/ui-kit/DatePicker/Calendar.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAAmE;AACnE,2CAAwC;AACxC,+DAA4D;AAE5D,MAAM,SAAS,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AAYhD,QAAA,QAAQ,GAAG,IAAA,aAAG,EACzB,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG,EAAE,YAAY,GAAG,WAAI,EAAE,QAAQ,GAAG,WAAI,EAAE,EAAE,EAAE;IACvF,MAAM,eAAe,GAAG,IAAA,mBAAW,EAAC,CAAC,IAAU,EAAE,EAAE;QACjD,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,IAAA,eAAO,EAC3C,GAAG,EAAE,CAAC,CAAC;QACL,cAAc,EAAE,IAAI,IAAI,CAAC,WAAW,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC;QACnE,SAAS,EAAE,IAAI,IAAI,CAAC,WAAW,EAAE,YAAY,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE;KAChE,CAAC,EACF,CAAC,WAAW,EAAE,YAAY,CAAC,CAC5B,CAAC;IAEF,OAAO,CACL,mCAAO,SAAS,EAAC,SAAS,aACxB,kCAAO,SAAS,EAAC,sBAAsB,YACrC,yCACG,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7B,+BAAwB,SAAS,EAAC,KAAK,YACpC,GAAG,IADG,MAAM,CAAC,KAAK,CAAC,CAEjB,CACN,CAAC,GACC,GACC,EACR,4CACG,IAAA,yCAAmB,EAAC;oBACnB,cAAc;oBACd,KAAK;oBACL,SAAS;oBACT,WAAW;oBACX,YAAY;oBACZ,GAAG;oBACH,GAAG;oBACH,WAAW,EAAE,eAAe;iBAC7B,CAAC,GACI,IACF,CACT,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -38,7 +38,7 @@ exports.DatePicker = (0, uni_jsx_1.JSX)(({ className = '', label = '', value, va
|
|
|
38
38
|
selectedMonth,
|
|
39
39
|
showCalendar,
|
|
40
40
|
});
|
|
41
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, style_1.style)('space-y-xs', className), ref: ref, children: [(0, renderLabel_1.renderLabel)(label), (0, jsx_runtime_1.jsxs)("div", { className: "relative", children: [renderDatePickerForm(handleChangeVisibleCalendar, value, valid), showCalendar ? ((0, jsx_runtime_1.jsxs)("div", { className: "absolute bg-white z-20 select-none", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-s", children: [(0, jsx_runtime_1.jsx)("div", { className: "my-auto", onClick: handlePrevMonth, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { ...ICON_PROPS, className: "-rotate-90 cursor-pointer" }) }), (0, jsx_runtime_1.jsx)(Select_1.Select, { onChange: handleSelectMonth, value: { key: months_1.months[selectedMonth] }, options: monthsOptions, ...SELECT_PROPS }), (0, jsx_runtime_1.jsx)(Select_1.Select, { onChange: handleSelectYear, value: { key: String(selectedYear) }, options: yearsOptions, ...SELECT_PROPS }), (0, jsx_runtime_1.jsx)("div", { className: "my-auto", onClick: handleNextMonth, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { ...ICON_PROPS, className: "rotate-90 cursor-pointer" }) })] }), (0, jsx_runtime_1.jsx)(Calendar_1.Calendar, { today: value, currentMonth: selectedMonth, currentYear: selectedYear, onDateSelect: onChange, min: minDate, max: maxDate })] })) : null] })] }));
|
|
41
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, style_1.style)('space-y-xs', className), ref: ref, children: [(0, renderLabel_1.renderLabel)(label), (0, jsx_runtime_1.jsxs)("div", { className: "relative", children: [renderDatePickerForm(handleChangeVisibleCalendar, value, valid), showCalendar ? ((0, jsx_runtime_1.jsxs)("div", { className: "absolute bg-white z-20 select-none bottom-full", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-s", children: [(0, jsx_runtime_1.jsx)("div", { className: "my-auto", onClick: handlePrevMonth, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { ...ICON_PROPS, className: "-rotate-90 cursor-pointer" }) }), (0, jsx_runtime_1.jsx)(Select_1.Select, { onChange: handleSelectMonth, value: { key: months_1.months[selectedMonth] }, options: monthsOptions, ...SELECT_PROPS }), (0, jsx_runtime_1.jsx)(Select_1.Select, { onChange: handleSelectYear, value: { key: String(selectedYear) }, options: yearsOptions, ...SELECT_PROPS }), (0, jsx_runtime_1.jsx)("div", { className: "my-auto", onClick: handleNextMonth, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { ...ICON_PROPS, className: "rotate-90 cursor-pointer" }) })] }), (0, jsx_runtime_1.jsx)(Calendar_1.Calendar, { today: value, currentMonth: selectedMonth, currentYear: selectedYear, onDateSelect: onChange, min: minDate, max: maxDate })] })) : null] })] }));
|
|
42
42
|
});
|
|
43
43
|
const renderDatePickerForm = (handleChangeVisibleCalendar, value, valid) => ((0, jsx_runtime_1.jsxs)("div", { onClick: handleChangeVisibleCalendar, className: (0, style_1.style)(formStyle, valid ? 'border-gray' : 'border-error'), children: [(0, jsx_runtime_1.jsx)(Paragraph_1.Paragraph, { children: value && (0, formatDate_1.formatDate)(value) }), (0, jsx_runtime_1.jsx)(Icon_1.Icon, { ...ICON_PROPS, name: "CalendarIcon" })] }));
|
|
44
44
|
//# sourceMappingURL=DatePicker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/ui-kit/DatePicker/DatePicker.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAAuD;AACvD,iEAA8D;AAG9D,uDAAoD;AACpD,6CAA0C;AAE1C,uCAAoC;AAEpC,sDAAmD;AACnD,sDAAmD;AACnD,6CAA0C;AAC1C,yCAAsC;AACtC,qCAAkC;AAClC,iEAA8D;AAE9D,MAAM,UAAU,GAAgF;IAC9F,IAAI,EAAE,aAAa;IACnB,WAAW,EAAE,OAAO;IACpB,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,IAAI;CACb,CAAC;AAEF,MAAM,YAAY,GAAuE;IACvF,SAAS,EAAE,UAAU;IACrB,WAAW,EAAE,OAAO;IACpB,QAAQ,EAAE,KAAK;CAChB,CAAC;AAEF,MAAM,SAAS,GACb,oFAAoF;IACpF,2DAA2D,CAAC;AASjD,QAAA,UAAU,GAAG,IAAA,aAAG,EAC3B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,GAAG,EAAE,EAAE,KAAK,EAAE,KAAK,GAAG,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE;IAClF,MAAM,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAE,CAAC,GAAG,IAAA,iBAAO,EAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,IAAI,IAAI,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC;IAC/F,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAC9C,KAAK,EAAE,WAAW,EAAE,IAAI,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CACjD,CAAC;IAEF,MAAM,EACJ,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,aAAa,EACb,YAAY,EACZ,2BAA2B,EAC3B,GAAG,GACJ,GAAG,IAAA,2CAAoB,EAAC;QACvB,YAAY,EAAE,eAAe;QAC7B,aAAa,EAAE,gBAAgB;QAC/B,cAAc,EAAE,QAAQ;QACxB,YAAY;QACZ,aAAa;QACb,YAAY;KACb,CAAC,CAAC;IAEH,OAAO,CACL,iCAAK,SAAS,EAAE,IAAA,aAAK,EAAC,YAAY,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,aACrD,IAAA,yBAAW,EAAC,KAAK,CAAC,EACnB,iCAAK,SAAS,EAAC,UAAU,aACtB,oBAAoB,CAAC,2BAA2B,EAAE,KAAK,EAAE,KAAK,CAAC,EAC/D,YAAY,CAAC,CAAC,CAAC,CACd,iCAAK,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/ui-kit/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,6 +2,7 @@ import { type TextColor } from '../../ui-kit/Text/TextProps';
|
|
|
2
2
|
interface LoaderProps {
|
|
3
3
|
color?: TextColor;
|
|
4
4
|
position?: 'static' | 'absolute';
|
|
5
|
+
blur?: boolean;
|
|
5
6
|
}
|
|
6
7
|
export declare const Loader: import("@redneckz/uni-jsx").UNIComponent<LoaderProps, any, any>;
|
|
7
8
|
export {};
|
|
@@ -3,5 +3,7 @@ exports.Loader = 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 style_1 = require("../../utils/style");
|
|
6
|
-
exports.Loader = (0, uni_jsx_1.JSX)(({ color = 'text-primary-main', position = 'absolute' }) => ((0, jsx_runtime_1.jsx)("div", { className: (0, style_1.style)('flex justify-center items-center h-full w-full
|
|
6
|
+
exports.Loader = (0, uni_jsx_1.JSX)(({ color = 'text-primary-main', position = 'absolute', blur = true }) => ((0, jsx_runtime_1.jsx)("div", { className: (0, style_1.style)('flex justify-center items-center h-full w-full z-50', position, {
|
|
7
|
+
'backdrop-blur': blur,
|
|
8
|
+
}), children: (0, jsx_runtime_1.jsx)("div", { className: (0, style_1.style)('inline-block h-28 w-28', 'animate-spin rounded-full', 'border-8 border-solid border-current', 'border-r-transparent', color), role: "status" }) })));
|
|
7
9
|
//# sourceMappingURL=Loader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../../src/ui-kit/Loader/Loader.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,6CAA0C;
|
|
1
|
+
{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../../src/ui-kit/Loader/Loader.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,6CAA0C;AAQ7B,QAAA,MAAM,GAAG,IAAA,aAAG,EACvB,CAAC,EAAE,KAAK,GAAG,mBAAmB,EAAE,QAAQ,GAAG,UAAU,EAAE,IAAI,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CACvE,gCACE,SAAS,EAAE,IAAA,aAAK,EAAC,qDAAqD,EAAE,QAAQ,EAAE;QAChF,eAAe,EAAE,IAAI;KACtB,CAAC,YAEF,gCACE,SAAS,EAAE,IAAA,aAAK,EACd,wBAAwB,EACxB,2BAA2B,EAC3B,sCAAsC,EACtC,sBAAsB,EACtB,KAAK,CACN,EACD,IAAI,EAAC,QAAQ,GACb,GACE,CACP,CACF,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
interface TimerProps {
|
|
3
|
+
time: number;
|
|
4
|
+
setTime: React.Dispatch<React.SetStateAction<number>>;
|
|
5
|
+
interval?: number;
|
|
6
|
+
className?: string;
|
|
7
|
+
}
|
|
8
|
+
export declare const Timer: import("@redneckz/uni-jsx").UNIComponent<TimerProps, any, any>;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
|
+
exports.Timer = void 0;
|
|
3
|
+
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
|
+
const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
5
|
+
const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
|
|
6
|
+
exports.Timer = (0, uni_jsx_1.JSX)(({ time, setTime, className }) => {
|
|
7
|
+
(0, hooks_1.useEffect)(() => {
|
|
8
|
+
const timer = setInterval(() => {
|
|
9
|
+
setTime(time - 1);
|
|
10
|
+
}, 1000);
|
|
11
|
+
if (time === 0) {
|
|
12
|
+
clearInterval(timer);
|
|
13
|
+
}
|
|
14
|
+
return () => {
|
|
15
|
+
clearInterval(timer);
|
|
16
|
+
};
|
|
17
|
+
}, [time]);
|
|
18
|
+
return (0, jsx_runtime_1.jsx)("span", { className: className, children: secondsToMinSecPadded(time) });
|
|
19
|
+
});
|
|
20
|
+
const secondsToMinSecPadded = (time) => {
|
|
21
|
+
const minutes = `${Math.floor(time / 60)}`.padStart(2, '0');
|
|
22
|
+
const seconds = `${time % 60}`.padStart(2, '0');
|
|
23
|
+
return `${minutes}:${seconds}`;
|
|
24
|
+
};
|
|
25
|
+
//# sourceMappingURL=Timer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Timer.js","sourceRoot":"","sources":["../../../src/ui-kit/TimerCircle/Timer.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAAwD;AAS3C,QAAA,KAAK,GAAG,IAAA,aAAG,EAAa,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE;IACpE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;YAC7B,OAAO,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;QACpB,CAAC,EAAE,IAAI,CAAC,CAAC;QAET,IAAI,IAAI,KAAK,CAAC,EAAE;YACd,aAAa,CAAC,KAAK,CAAC,CAAC;SACtB;QAED,OAAO,GAAG,EAAE;YACV,aAAa,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,iCAAM,SAAS,EAAE,SAAS,YAAG,qBAAqB,CAAC,IAAI,CAAC,GAAQ,CAAC;AAC1E,CAAC,CAAC,CAAC;AAEH,MAAM,qBAAqB,GAAG,CAAC,IAAY,EAAE,EAAE;IAC7C,MAAM,OAAO,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IAC5D,MAAM,OAAO,GAAG,GAAG,IAAI,GAAG,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IAEhD,OAAO,GAAG,OAAO,IAAI,OAAO,EAAE,CAAC;AACjC,CAAC,CAAC"}
|
|
@@ -1,31 +1,16 @@
|
|
|
1
1
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
|
-
exports.
|
|
2
|
+
exports.TimerCircle = 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
6
|
const Headline_1 = require("../../components/Headline/Headline");
|
|
7
7
|
const RichText_1 = require("../RichText/RichText");
|
|
8
|
-
|
|
8
|
+
const Timer_1 = require("./Timer");
|
|
9
|
+
exports.TimerCircle = (0, uni_jsx_1.JSX)(({ interval = 0, title, __html }) => {
|
|
9
10
|
const [time, setTime] = (0, hooks_1.useState)(interval);
|
|
10
|
-
(0, hooks_1.useEffect)(() => {
|
|
11
|
-
const timer = setInterval(() => {
|
|
12
|
-
setTime(time - 1);
|
|
13
|
-
}, 1000);
|
|
14
|
-
if (time === 0) {
|
|
15
|
-
clearInterval(timer);
|
|
16
|
-
}
|
|
17
|
-
return () => {
|
|
18
|
-
clearInterval(timer);
|
|
19
|
-
};
|
|
20
|
-
}, [time]);
|
|
21
11
|
const gradientPercentage = 100 - ((interval - time) / interval) * 100;
|
|
22
12
|
return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Headline_1.Headline, { title: title, headlineVersion: "S" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex justify-center items-center flex-col", children: [(0, jsx_runtime_1.jsxs)("div", { className: "relative flex items-center justify-center w-60 h-60 rounded-full bg-gray text-transparent mb-5", children: [(0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 rounded-full", style: {
|
|
23
13
|
background: `conic-gradient(rgb(66, 171, 68) ${gradientPercentage}%, rgb(125, 126, 127) 0deg)`,
|
|
24
|
-
} }), (0, jsx_runtime_1.jsx)("div", { className: "z-10 flex items-center justify-center px-4 py-2 rounded-full w-56 h-56 bg-white text-3xl text-primary-text", children:
|
|
14
|
+
} }), (0, jsx_runtime_1.jsx)("div", { className: "z-10 flex items-center justify-center px-4 py-2 rounded-full w-56 h-56 bg-white text-3xl text-primary-text", children: (0, jsx_runtime_1.jsx)(Timer_1.Timer, { interval: interval, time: time, setTime: setTime }) })] }), (0, jsx_runtime_1.jsx)(RichText_1.RichText, { __html: __html })] })] }));
|
|
25
15
|
});
|
|
26
|
-
|
|
27
|
-
const minutes = `${Math.floor(time / 60)}`.padStart(2, '0');
|
|
28
|
-
const seconds = `${time % 60}`.padStart(2, '0');
|
|
29
|
-
return `${minutes}:${seconds}`;
|
|
30
|
-
};
|
|
31
|
-
//# sourceMappingURL=Timer.js.map
|
|
16
|
+
//# sourceMappingURL=TimerCircle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimerCircle.js","sourceRoot":"","sources":["../../../src/ui-kit/TimerCircle/TimerCircle.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAAuD;AACvD,iEAA8D;AAC9D,mDAAgD;AAChD,mCAAgC;AAQnB,QAAA,WAAW,GAAG,IAAA,aAAG,EAAmB,CAAC,EAAE,QAAQ,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE;IACnF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,QAAQ,CAAC,CAAC;IAE3C,MAAM,kBAAkB,GAAG,GAAG,GAAG,CAAC,CAAC,QAAQ,GAAG,IAAI,CAAC,GAAG,QAAQ,CAAC,GAAG,GAAG,CAAC;IAEtE,OAAO,CACL,4CACE,uBAAC,mBAAQ,IAAC,KAAK,EAAE,KAAK,EAAE,eAAe,EAAC,GAAG,GAAG,EAC9C,iCAAK,SAAS,EAAC,2CAA2C,aACxD,iCAAK,SAAS,EAAC,gGAAgG,aAC7G,gCACE,SAAS,EAAC,+BAA+B,EACzC,KAAK,EAAE;oCACL,UAAU,EAAE,mCAAmC,kBAAkB,6BAA6B;iCAC/F,GACD,EACF,gCAAK,SAAS,EAAC,4GAA4G,YACzH,uBAAC,aAAK,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,GAAI,GACvD,IACF,EACN,uBAAC,mBAAQ,IAAC,MAAM,EAAE,MAAM,GAAI,IACxB,IACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare type InputCodeProps = {
|
|
3
|
+
values: string[];
|
|
4
|
+
setValues: React.Dispatch<React.SetStateAction<string[]>>;
|
|
5
|
+
hasError?: boolean;
|
|
6
|
+
};
|
|
7
|
+
export declare const InputCode: import("@redneckz/uni-jsx").UNIComponent<InputCodeProps, any, any>;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
|
+
exports.InputCode = void 0;
|
|
3
|
+
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
|
+
const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
5
|
+
const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
|
|
6
|
+
exports.InputCode = (0, uni_jsx_1.JSX)(({ values, setValues, hasError }) => {
|
|
7
|
+
const [activeIndex, setActiveIndex] = (0, hooks_1.useState)(0);
|
|
8
|
+
const inputRefs = (0, hooks_1.useRef)([]);
|
|
9
|
+
(0, hooks_1.useEffect)(() => {
|
|
10
|
+
inputRefs.current?.[activeIndex]?.focus();
|
|
11
|
+
}, [activeIndex]);
|
|
12
|
+
const handleChange = (0, hooks_1.useCallback)((index) => (event) => {
|
|
13
|
+
const { value } = event.currentTarget;
|
|
14
|
+
const isLastIndex = index === values.length - 1;
|
|
15
|
+
const isMultipleCharacters = value.length > 1;
|
|
16
|
+
if (isLastIndex && isMultipleCharacters) {
|
|
17
|
+
return;
|
|
18
|
+
}
|
|
19
|
+
setValues(values.map((_, i) => (i === index ? value : _)));
|
|
20
|
+
setActiveIndex(index + 1);
|
|
21
|
+
}, [values]);
|
|
22
|
+
const handleKeyDown = (0, hooks_1.useCallback)((currentIndex) => (event) => {
|
|
23
|
+
const { key } = event;
|
|
24
|
+
if (key === 'Backspace' && !values[currentIndex]) {
|
|
25
|
+
const previousIndex = currentIndex > 0 ? currentIndex - 1 : values.length - 1;
|
|
26
|
+
const updatedValues = values.map((value, index) => (index === previousIndex ? '' : value));
|
|
27
|
+
setValues(updatedValues);
|
|
28
|
+
setActiveIndex(previousIndex);
|
|
29
|
+
}
|
|
30
|
+
}, [values]);
|
|
31
|
+
const handlePaste = (0, hooks_1.useCallback)((event) => {
|
|
32
|
+
event.preventDefault();
|
|
33
|
+
const pastedData = event.clipboardData.getData('text');
|
|
34
|
+
const updatedValues = values.map((_, idx) => (idx < pastedData.length ? pastedData[idx] : _));
|
|
35
|
+
setValues(updatedValues);
|
|
36
|
+
setActiveIndex(updatedValues.length - 1);
|
|
37
|
+
}, [values]);
|
|
38
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-2 text-center", children: [(0, jsx_runtime_1.jsx)("div", { children: values.map((value, index) => ((0, jsx_runtime_1.jsx)("input", { type: "number", maxLength: 1, value: value, onChange: handleChange(index), onPaste: handlePaste, ref: (ref) => {
|
|
39
|
+
if (!inputRefs.current) {
|
|
40
|
+
inputRefs.current = [];
|
|
41
|
+
}
|
|
42
|
+
inputRefs.current[index] = ref;
|
|
43
|
+
}, onFocus: (event) => event.target.select(), onKeyDown: handleKeyDown(index), className: getInputStyle(index, values, hasError) }, index))) }), hasError ? (0, jsx_runtime_1.jsx)("div", { className: "text-error", children: "\u041D\u0435\u0432\u0435\u0440\u043D\u044B\u0439 \u043A\u043E\u0434" }) : null] }));
|
|
44
|
+
});
|
|
45
|
+
const getInputStyle = (index, values, hasError) => {
|
|
46
|
+
const isInputEmpty = !values[index];
|
|
47
|
+
return `w-16 h-20 text-3xl text-center p-2 m-2 border ${hasError && isInputEmpty ? 'border-error' : 'border-gray'} rounded-md caret-transparent outline-none`;
|
|
48
|
+
};
|
|
49
|
+
//# sourceMappingURL=InputCode.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InputCode.js","sourceRoot":"","sources":["../../../src/ui-kit/VerifyPhoneDialog/InputCode.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAAuF;AAQ1E,QAAA,SAAS,GAAG,IAAA,aAAG,EAAiB,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC/E,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAClD,MAAM,SAAS,GAAG,IAAA,cAAM,EAAqB,EAAE,CAAC,CAAC;IAEjD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,SAAS,CAAC,OAAO,EAAE,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,CAAC;IAC5C,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,CAAC,KAAa,EAAE,EAAE,CAAC,CAAC,KAA0C,EAAE,EAAE;QAChE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,aAAa,CAAC;QACtC,MAAM,WAAW,GAAG,KAAK,KAAK,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;QAChD,MAAM,oBAAoB,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;QAC9C,IAAI,WAAW,IAAI,oBAAoB,EAAE;YACvC,OAAO;SACR;QACD,SAAS,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC3D,cAAc,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;IAC5B,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,MAAM,aAAa,GAAG,IAAA,mBAAW,EAC/B,CAAC,YAAoB,EAAE,EAAE,CAAC,CAAC,KAA4C,EAAE,EAAE;QACzE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC;QACtB,IAAI,GAAG,KAAK,WAAW,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE;YAChD,MAAM,aAAa,GAAG,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;YAC9E,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,KAAK,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;YAC3F,SAAS,CAAC,aAAa,CAAC,CAAC;YACzB,cAAc,CAAC,aAAa,CAAC,CAAC;SAC/B;IACH,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC7B,CAAC,KAA6C,EAAE,EAAE;QAChD,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,MAAM,UAAU,GAAG,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QACvD,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC9F,SAAS,CAAC,aAAa,CAAC,CAAC;QACzB,cAAc,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAC3C,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,OAAO,CACL,iCAAK,SAAS,EAAC,iCAAiC,aAC9C,0CACG,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5B,kCAEE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,CAAC,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,CAAC,KAAK,CAAC,EAC7B,OAAO,EAAE,WAAW,EACpB,GAAG,EAAE,CAAC,GAAG,EAAE,EAAE;wBACX,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE;4BACtB,SAAS,CAAC,OAAO,GAAG,EAAE,CAAC;yBACxB;wBACD,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,GAAuB,CAAC;oBACrD,CAAC,EACD,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,EACzC,SAAS,EAAE,aAAa,CAAC,KAAK,CAAC,EAC/B,SAAS,EAAE,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,IAd5C,KAAK,CAeV,CACH,CAAC,GACE,EACL,QAAQ,CAAC,CAAC,CAAC,gCAAK,SAAS,EAAC,YAAY,oFAAmB,CAAC,CAAC,CAAC,IAAI,IAC7D,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,CAAC,KAAa,EAAE,MAAgB,EAAE,QAAkB,EAAE,EAAE;IAC5E,MAAM,YAAY,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAEpC,OAAO,iDACL,QAAQ,IAAI,YAAY,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAC9C,4CAA4C,CAAC;AAC/C,CAAC,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
|
+
exports.SubmitButton = void 0;
|
|
3
|
+
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
|
+
const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
5
|
+
const Button_1 = require("../Button/Button");
|
|
6
|
+
const Text_1 = require("../Text/Text");
|
|
7
|
+
exports.SubmitButton = (0, uni_jsx_1.JSX)(({ isDisabled, onClick, text }) => {
|
|
8
|
+
return ((0, jsx_runtime_1.jsx)(Button_1.Button, { type: "button", onClick: onClick, disabled: isDisabled, children: (0, jsx_runtime_1.jsx)(Text_1.Text, { font: "font-medium", children: text }) }));
|
|
9
|
+
});
|
|
10
|
+
//# sourceMappingURL=SubmitButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SubmitButton.js","sourceRoot":"","sources":["../../../src/ui-kit/VerifyPhoneDialog/SubmitButton.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,6CAA0C;AAC1C,uCAAoC;AAQvB,QAAA,YAAY,GAAG,IAAA,aAAG,EAAoB,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE;IACnF,OAAO,CACL,uBAAC,eAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,YAC1D,uBAAC,WAAI,IAAC,IAAI,EAAC,aAAa,YAAE,IAAI,GAAQ,GAC/B,CACV,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export interface VerifyPhoneDialogProps {
|
|
2
|
+
title?: string;
|
|
3
|
+
description?: string;
|
|
4
|
+
code?: boolean;
|
|
5
|
+
__html?: string;
|
|
6
|
+
codeLength?: number;
|
|
7
|
+
textButton?: string;
|
|
8
|
+
}
|
|
9
|
+
export declare const VerifyPhoneDialog: import("@redneckz/uni-jsx").UNIComponent<VerifyPhoneDialogProps, any, any>;
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
|
+
exports.VerifyPhoneDialog = void 0;
|
|
3
|
+
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
|
+
const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
5
|
+
const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
|
|
6
|
+
const react_1 = require("react");
|
|
7
|
+
const Headline_1 = require("../../components/Headline/Headline");
|
|
8
|
+
const Dialog_1 = require("../DialogManager/Dialog");
|
|
9
|
+
const useDialogManager_1 = require("../DialogManager/useDialogManager");
|
|
10
|
+
const LinkButton_1 = require("../LinkButton/LinkButton");
|
|
11
|
+
const Loader_1 = require("../Loader/Loader");
|
|
12
|
+
const RichText_1 = require("../RichText/RichText");
|
|
13
|
+
const Timer_1 = require("../TimerCircle/Timer");
|
|
14
|
+
const InputCode_1 = require("./InputCode");
|
|
15
|
+
const SubmitButton_1 = require("./SubmitButton");
|
|
16
|
+
const submitVerifyPhoneForm_1 = require("./submitVerifyPhoneForm");
|
|
17
|
+
exports.VerifyPhoneDialog = (0, uni_jsx_1.JSX)(({ title, description, __html, code = true, codeLength = 4, textButton = '' }) => {
|
|
18
|
+
const { close } = (0, useDialogManager_1.useDialogManager)();
|
|
19
|
+
const [values, setValues] = (0, hooks_1.useState)(Array(codeLength).fill(''));
|
|
20
|
+
const [hasError, setHasError] = (0, hooks_1.useState)(false);
|
|
21
|
+
const [isLoading, setIsLoading] = (0, hooks_1.useState)(false);
|
|
22
|
+
const [timeNextReq, setTimeNextReq] = (0, hooks_1.useState)(0);
|
|
23
|
+
const isValidCode = (0, react_1.useMemo)(() => values.every(Boolean), [values]);
|
|
24
|
+
const handleSubmit = (0, hooks_1.useCallback)(async () => {
|
|
25
|
+
setIsLoading(true);
|
|
26
|
+
const { success, expiresIn } = await (0, submitVerifyPhoneForm_1.submitVerifyPhoneForm)(values.join(''));
|
|
27
|
+
setIsLoading(false);
|
|
28
|
+
setTimeNextReq(expiresIn);
|
|
29
|
+
if (success) {
|
|
30
|
+
close();
|
|
31
|
+
}
|
|
32
|
+
else {
|
|
33
|
+
setHasError(true);
|
|
34
|
+
}
|
|
35
|
+
}, [values]);
|
|
36
|
+
return ((0, jsx_runtime_1.jsx)(Dialog_1.Dialog, { className: "my-6xl max-w-3xl w-full min-h-fit mx-auto rounded-lg", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-lg items-center rounded-md", children: [(0, jsx_runtime_1.jsx)(Headline_1.Headline, { className: "w-full", title: title, description: description, headlineVersion: "S", isEmbedded: true }), code ? (0, jsx_runtime_1.jsx)(InputCode_1.InputCode, { values: values, setValues: setValues, hasError: hasError }) : null, timeNextReq ? ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row text-l font-light text-primary-main", children: ["\u041F\u043E\u043B\u0443\u0447\u0438\u0442\u044C \u043D\u043E\u0432\u044B\u0439 \u043A\u043E\u0434 \u043C\u043E\u0436\u043D\u043E \u0447\u0435\u0440\u0435\u0437", (0, jsx_runtime_1.jsx)(Timer_1.Timer, { className: "text-primary-main ml-1", time: timeNextReq, setTime: setTimeNextReq })] })) : ((0, jsx_runtime_1.jsx)(LinkButton_1.LinkButton, { className: "text-primary-main", children: "\u041F\u043E\u043B\u0443\u0447\u0438\u0442\u044C \u043D\u043E\u0432\u044B\u0439 \u043A\u043E\u0434" })), (0, jsx_runtime_1.jsx)(RichText_1.RichText, { itemSize: "list-s", __html: __html }), textButton ? ((0, jsx_runtime_1.jsx)(SubmitButton_1.SubmitButton, { isDisabled: !isValidCode, onClick: handleSubmit, text: textButton })) : null, isLoading ? (0, jsx_runtime_1.jsx)(Loader_1.Loader, { blur: false }) : null] }) }));
|
|
37
|
+
});
|
|
38
|
+
//# sourceMappingURL=VerifyPhoneDialog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VerifyPhoneDialog.js","sourceRoot":"","sources":["../../../src/ui-kit/VerifyPhoneDialog/VerifyPhoneDialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export interface VerifyPhoneFormData {
|
|
2
|
+
smsText: string;
|
|
3
|
+
smsCodesSetName: {
|
|
4
|
+
key: string;
|
|
5
|
+
};
|
|
6
|
+
}
|
|
7
|
+
export declare const submitVerifyPhoneForm: (code: string) => Promise<{
|
|
8
|
+
success: boolean;
|
|
9
|
+
expiresIn: any;
|
|
10
|
+
} | {
|
|
11
|
+
success: boolean;
|
|
12
|
+
expiresIn?: undefined;
|
|
13
|
+
}>;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
|
+
exports.submitVerifyPhoneForm = void 0;
|
|
3
|
+
const SEND_CODE_URL = '/api/v1/sms/checkCode';
|
|
4
|
+
const submitVerifyPhoneForm = async (code) => {
|
|
5
|
+
const codeData = {
|
|
6
|
+
smsText: code,
|
|
7
|
+
smsCodesSetName: { key: 'AUTHENTICATION' },
|
|
8
|
+
};
|
|
9
|
+
const response = await fetch(SEND_CODE_URL, {
|
|
10
|
+
method: 'POST',
|
|
11
|
+
headers: {
|
|
12
|
+
'Content-Type': 'application/json',
|
|
13
|
+
},
|
|
14
|
+
body: JSON.stringify(codeData),
|
|
15
|
+
});
|
|
16
|
+
if (response.ok) {
|
|
17
|
+
const data = await response.json();
|
|
18
|
+
return {
|
|
19
|
+
success: true,
|
|
20
|
+
expiresIn: data.expires_in,
|
|
21
|
+
};
|
|
22
|
+
}
|
|
23
|
+
else {
|
|
24
|
+
return {
|
|
25
|
+
success: false,
|
|
26
|
+
};
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
exports.submitVerifyPhoneForm = submitVerifyPhoneForm;
|
|
30
|
+
//# sourceMappingURL=submitVerifyPhoneForm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"submitVerifyPhoneForm.js","sourceRoot":"","sources":["../../../src/ui-kit/VerifyPhoneDialog/submitVerifyPhoneForm.tsx"],"names":[],"mappings":";;AAOA,MAAM,aAAa,GAAG,uBAAuB,CAAC;AAEvC,MAAM,qBAAqB,GAAG,KAAK,EAAE,IAAY,EAAE,EAAE;IAC1D,MAAM,QAAQ,GAAwB;QACpC,OAAO,EAAE,IAAI;QACb,eAAe,EAAE,EAAE,GAAG,EAAE,gBAAgB,EAAE;KAC3C,CAAC;IAEF,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,aAAa,EAAE;QAC1C,MAAM,EAAE,MAAM;QACd,OAAO,EAAE;YACP,cAAc,EAAE,kBAAkB;SACnC;QACD,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC;KAC/B,CAAC,CAAC;IAEH,IAAI,QAAQ,CAAC,EAAE,EAAE;QACf,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;QAEnC,OAAO;YACL,OAAO,EAAE,IAAI;YACb,SAAS,EAAE,IAAI,CAAC,UAAU;SAC3B,CAAC;KACH;SAAM;QACL,OAAO;YACL,OAAO,EAAE,KAAK;SACf,CAAC;KACH;AACH,CAAC,CAAC;AA1BW,QAAA,qBAAqB,yBA0BhC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { type DialogOptions } from '../DialogManager/useDialogManager';
|
|
2
|
+
import { type VerifyPhoneDialogProps } from './VerifyPhoneDialog';
|
|
3
|
+
export declare const useVerifyPhoneDialog: (props: VerifyPhoneDialogProps) => {
|
|
4
|
+
open: (options?: DialogOptions) => void;
|
|
5
|
+
close: () => void;
|
|
6
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
|
+
exports.useVerifyPhoneDialog = void 0;
|
|
3
|
+
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
|
+
const useDialogManager_1 = require("../DialogManager/useDialogManager");
|
|
5
|
+
const VerifyPhoneDialog_1 = require("./VerifyPhoneDialog");
|
|
6
|
+
const useVerifyPhoneDialog = (props) => {
|
|
7
|
+
const { open, close } = (0, useDialogManager_1.useDialogManager)();
|
|
8
|
+
return {
|
|
9
|
+
open: (options = {}) => open((0, jsx_runtime_1.jsx)(VerifyPhoneDialog_1.VerifyPhoneDialog, { ...props }), options),
|
|
10
|
+
close,
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
exports.useVerifyPhoneDialog = useVerifyPhoneDialog;
|
|
14
|
+
//# sourceMappingURL=useVerifyPhoneDialog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useVerifyPhoneDialog.js","sourceRoot":"","sources":["../../../src/ui-kit/VerifyPhoneDialog/useVerifyPhoneDialog.tsx"],"names":[],"mappings":";;;AAAA,wEAAyF;AACzF,2DAAqF;AAE9E,MAAM,oBAAoB,GAAG,CAAC,KAA6B,EAAE,EAAE;IACpE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,IAAA,mCAAgB,GAAE,CAAC;IAE3C,OAAO;QACL,IAAI,EAAE,CAAC,UAAyB,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,uBAAC,qCAAiB,OAAK,KAAK,GAAI,EAAE,OAAO,CAAC;QACtF,KAAK;KACN,CAAC;AACJ,CAAC,CAAC;AAPW,QAAA,oBAAoB,wBAO/B"}
|