torgbox-ui 1.0.11 → 1.0.13

package/dist/cjs/entities/user/api/api.js

@@ -1,44 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCreatePasswordMutation = exports.useVerifyEmailMutation = exports.useRegisterMutation = exports.useLoginMutation = exports.authApi = void 0;
-const model_1 = require("@/shared/model");
-const api_1 = require("@/Utils/api");
-exports.authApi = api_1.baseApi.injectEndpoints({
-    endpoints: (builder) => ({
-        Login: builder.mutation({
-            query: (credentials) => ({
-                url: model_1.apiMap.login,
-                method: 'POST',
-                body: credentials,
-            }),
-            transformResponse: (response) => {
-                return response.user;
-            },
-        }),
-        Register: builder.mutation({
-            query: (credentials) => ({
-                url: model_1.apiMap.register,
-                method: 'POST',
-                body: credentials,
-            }),
-            transformResponse: (response) => {
-                return response.user;
-            },
-        }),
-        VerifyEmail: builder.mutation({
-            query: (credentials) => ({
-                url: model_1.apiMap.verifyEmail,
-                method: 'POST',
-                body: credentials,
-            }),
-        }),
-        CreatePassword: builder.mutation({
-            query: (credentials) => ({
-                url: model_1.apiMap.createPassword,
-                method: 'POST',
-                body: credentials,
-            }),
-        }),
-    }),
-});
-exports.useLoginMutation = exports.authApi.useLoginMutation, exports.useRegisterMutation = exports.authApi.useRegisterMutation, exports.useVerifyEmailMutation = exports.authApi.useVerifyEmailMutation, exports.useCreatePasswordMutation = exports.authApi.useCreatePasswordMutation;

package/dist/cjs/entities/user/api/index.d.ts

@@ -1 +0,0 @@
-export * from './api';

package/dist/cjs/entities/user/api/index.js

@@ -1,17 +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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./api"), exports);

package/dist/cjs/entities/user/index.d.ts

@@ -1,2 +0,0 @@
-export { type User, type LoginFormData, type ResponseAuthData, type EmailCode, authSlice, logout, selectUserData, selectEmail, } from './model';
-export * from './api';

package/dist/cjs/entities/user/index.js

@@ -1,23 +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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.selectEmail = exports.selectUserData = exports.logout = exports.authSlice = void 0;
-var model_1 = require("./model");
-Object.defineProperty(exports, "authSlice", { enumerable: true, get: function () { return model_1.authSlice; } });
-Object.defineProperty(exports, "logout", { enumerable: true, get: function () { return model_1.logout; } });
-Object.defineProperty(exports, "selectUserData", { enumerable: true, get: function () { return model_1.selectUserData; } });
-Object.defineProperty(exports, "selectEmail", { enumerable: true, get: function () { return model_1.selectEmail; } });
-__exportStar(require("./api"), exports);

package/dist/cjs/entities/user/model/index.d.ts

@@ -1,3 +0,0 @@
-export type { User, LoginFormData, ResponseAuthData, EmailCode } from './types';
-export { authSlice, logout } from './slice';
-export * from './selectors';

package/dist/cjs/entities/user/model/index.js

@@ -1,21 +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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.logout = exports.authSlice = void 0;
-var slice_1 = require("./slice");
-Object.defineProperty(exports, "authSlice", { enumerable: true, get: function () { return slice_1.authSlice; } });
-Object.defineProperty(exports, "logout", { enumerable: true, get: function () { return slice_1.logout; } });
-__exportStar(require("./selectors"), exports);

package/dist/cjs/entities/user/model/selectors.d.ts

@@ -1,4 +0,0 @@
-import type { RootState } from '../../../app/store';
-import type { AuthState } from './slice';
-export declare const selectUserData: (state: RootState) => AuthState;
-export declare const selectEmail: (state: RootState) => string | undefined;

package/dist/cjs/entities/user/model/selectors.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.selectEmail = exports.selectUserData = void 0;
-const selectUserData = (state) => state.auth;
-exports.selectUserData = selectUserData;
-const selectEmail = (state) => state.auth.user?.email;
-exports.selectEmail = selectEmail;

package/dist/cjs/entities/user/model/slice.d.ts

@@ -1,10 +0,0 @@
-import type { User } from './types';
-export interface AuthState {
-    user: User | null;
-    emailIsVerified: boolean;
-    passwordIsVerified: boolean;
-}
-export declare const authSlice: import("@reduxjs/toolkit").Slice<AuthState, {
-    logout: () => AuthState;
-}, "auth", "auth", import("@reduxjs/toolkit").SliceSelectors<AuthState>>;
-export declare const logout: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"auth/logout">;

package/dist/cjs/entities/user/model/slice.js

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.logout = exports.authSlice = void 0;
-const toolkit_1 = require("@reduxjs/toolkit");
-const api_1 = require("../api/api");
-const initialState = {
-    user: null,
-    emailIsVerified: false,
-    passwordIsVerified: false,
-};
-exports.authSlice = (0, toolkit_1.createSlice)({
-    name: 'auth',
-    initialState,
-    reducers: {
-        logout: () => initialState
-    },
-    extraReducers: (builder) => {
-        builder.addMatcher(api_1.authApi.endpoints.Register.matchFulfilled, (state, action) => {
-            state.user = action.payload;
-        });
-        builder.addMatcher(api_1.authApi.endpoints.Login.matchFulfilled, (state, action) => {
-            state.user = action.payload;
-            state.emailIsVerified = true;
-            state.passwordIsVerified = true;
-        });
-        builder.addMatcher(api_1.authApi.endpoints.VerifyEmail.matchFulfilled, (state) => {
-            state.emailIsVerified = true;
-        });
-        builder.addMatcher(api_1.authApi.endpoints.CreatePassword.matchFulfilled, (state, action) => {
-            state.passwordIsVerified = true;
-        });
-    },
-});
-exports.logout = exports.authSlice.actions.logout;

package/dist/cjs/entities/user/model/types.d.ts

@@ -1,17 +0,0 @@
-export interface User {
-    email: string;
-    name: string;
-    lastName: string;
-    phoneNumber: string;
-}
-export interface EmailCode {
-    email: string;
-    code: string;
-}
-export interface LoginFormData {
-    email: string;
-    password: string;
-}
-export interface ResponseAuthData {
-    user: User;
-}

package/dist/cjs/entities/user/model/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/index.d.ts

@@ -1,3 +0,0 @@
-export * from './Inputs';
-export * from './Pages';
-export * from './Widgets';

package/dist/cjs/index.js

@@ -1,19 +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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Inputs"), exports);
-__exportStar(require("./Pages"), exports);
-__exportStar(require("./Widgets"), exports);

package/dist/cjs/index.scss

@@ -1,6 +0,0 @@
-@import './assets/scss/index';
-@import './Utils/index';
-@import './Inputs/index';
-@import './Pages/index';
-@import './Widgets/index';
-@import './shared/ui/index';

package/dist/cjs/shared/model/api.d.ts

@@ -1,6 +0,0 @@
-export declare const apiMap: {
-    login: string;
-    register: string;
-    verifyEmail: string;
-    createPassword: string;
-};

package/dist/cjs/shared/model/api.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.apiMap = void 0;
-exports.apiMap = {
-    login: 'auth/login',
-    register: 'auth/register',
-    verifyEmail: 'auth/email-verify',
-    createPassword: 'auth/create-password',
-};

package/dist/cjs/shared/model/constants.d.ts

@@ -1 +0,0 @@
-export declare const BASE_URL = "http://localhost:4000";

package/dist/cjs/shared/model/constants.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BASE_URL = void 0;
-exports.BASE_URL = 'http://localhost:4000';

package/dist/cjs/shared/model/index.d.ts

@@ -1,2 +0,0 @@
-export { apiMap } from './api';
-export { BASE_URL } from './constants';

package/dist/cjs/shared/model/index.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BASE_URL = exports.apiMap = void 0;
-var api_1 = require("./api");
-Object.defineProperty(exports, "apiMap", { enumerable: true, get: function () { return api_1.apiMap; } });
-var constants_1 = require("./constants");
-Object.defineProperty(exports, "BASE_URL", { enumerable: true, get: function () { return constants_1.BASE_URL; } });

package/dist/cjs/shared/ui/Avatar/Avatar.js

@@ -1,13 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Avatar = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const classnames_1 = __importDefault(require("classnames"));
-const Avatar = (props) => {
-    const { label, size = 'md', onClickAvatar } = props;
-    return ((0, jsx_runtime_1.jsx)("button", { type: 'button', onClick: onClickAvatar, className: (0, classnames_1.default)('user-avatar', `user-avatar--${size}`), children: label }));
-};
-exports.Avatar = Avatar;

package/dist/cjs/shared/ui/Avatar/avatar.scss

@@ -1,62 +0,0 @@
-@use 'sass:color';
-
-$background-avatar: $global-color-brand-40;
-$text-color-avatar: $global-color-neutral-100;
-
-$avatar-size-xs:    24px;
-$avatar-size-sm:    28px;
-$avatar-size-md:    32px;
-$avatar-size-lg:    36px;
-$avatar-size-xl:    40px;
-$avatar-size-xxl:   44px;
-
-.user-avatar {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 50%;
-  border: none;
-  background-color: $background-avatar;
-  color: $text-color-avatar;
-  font-weight: 500;
-
-  &:hover {
-    cursor: pointer;
-  }
-
-  &--xs {
-    width: $avatar-size-xs;
-    height: $avatar-size-xs;
-    font-size: 13px;
-  }
-
-  &--sm {
-    width: $avatar-size-sm;
-    height: $avatar-size-sm;
-    font-size: 13px;
-  }
-
-  &--md {
-    width: $avatar-size-md;
-    height: $avatar-size-md;
-    font-size: 15px;
-  }
-
-  &--lg {
-    width: $avatar-size-lg;
-    height: $avatar-size-lg;
-    font-size: 17px;
-  }
-
-  &--xl {
-    width: $avatar-size-xl;
-    height: $avatar-size-xl;
-    font-size: 19px;
-  }
-
-  &--xxl {
-    width: $avatar-size-xxl;
-    height: $avatar-size-xxl;
-    font-size: 20px;
-  }
-}

package/dist/cjs/shared/ui/Avatar/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Avatar = void 0;
-var Avatar_1 = require("./Avatar");
-Object.defineProperty(exports, "Avatar", { enumerable: true, get: function () { return Avatar_1.Avatar; } });

package/dist/cjs/shared/ui/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Avatar = void 0;
-var Avatar_1 = require("./Avatar");
-Object.defineProperty(exports, "Avatar", { enumerable: true, get: function () { return Avatar_1.Avatar; } });

package/dist/cjs/shared/ui/index.scss

@@ -1 +0,0 @@
-@import './Avatar/avatar';

package/dist/cjs/tools/customValidators.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.innValidator = exports.passwordValidator = exports.phoneValidator = exports.nameValidator = exports.emailValidator = void 0;
-const regExp_1 = require("./regExp");
-const emailValidator = (value) => {
-    return regExp_1.regExpEmail.test(String(value));
-};
-exports.emailValidator = emailValidator;
-const nameValidator = (value) => {
-    if (Array.isArray(value)) {
-        return value.length > 1 && value.every((v) => regExp_1.regExpName.test(String(v)));
-    }
-    return regExp_1.regExpName.test(String(value));
-};
-exports.nameValidator = nameValidator;
-const phoneValidator = (value) => {
-    return regExp_1.regExpPhoneNumber.test(String(value));
-};
-exports.phoneValidator = phoneValidator;
-const passwordValidator = (value) => {
-    return regExp_1.regExpPassword.test(String(value));
-};
-exports.passwordValidator = passwordValidator;
-const innValidator = (value) => {
-    return regExp_1.regExpInn.test(String(value));
-};
-exports.innValidator = innValidator;

package/dist/cjs/tools/getCoords.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getCoords = void 0;
-const getCoords = (ref) => {
-    const coordsOfRef = ref?.current?.getBoundingClientRect();
-    const scrollTop = window?.scrollY || 0;
-    const scrollLeft = window?.scrollX || 0;
-    if (coordsOfRef) {
-        return {
-            leftViewport: coordsOfRef.left,
-            topViewport: coordsOfRef.top,
-            bottomViewport: coordsOfRef.bottom,
-            leftDocument: coordsOfRef.left + scrollLeft,
-            topDocument: coordsOfRef.top + scrollTop,
-            bottomDocument: coordsOfRef.bottom + scrollTop,
-            width: coordsOfRef.width,
-            height: coordsOfRef.height,
-        };
-    }
-    return null;
-};
-exports.getCoords = getCoords;

package/dist/cjs/tools/regExp.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.regExpInn = exports.regExpPassword = exports.regExpPhoneNumber = exports.regExpName = exports.regExpEmail = void 0;
-exports.regExpEmail = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
-exports.regExpName = /^[a-zA-Zа-яА-ЯёЁ][a-zA-Z-а-яА-ЯёЁ ]+[a-zA-Zа-яА-ЯёЁ]?$/;
-exports.regExpPhoneNumber = /^(\s*)?(\+)?([- _():=+]?\d[- _():=+]?){11,14}(\s*)?$/;
-exports.regExpPassword = /^.{6,}$/;
-exports.regExpInn = /^(\d{10}|\d{12})$/;

package/dist/cjs/ui.scss

@@ -1,4 +0,0 @@
-@import './assets/scss/index';
-@import './Utils/index';
-@import './Inputs/index';
-@import './shared/ui/index';

package/dist/esm/Inputs/Button/Button.d.ts

@@ -1,17 +0,0 @@
-import { type ButtonHTMLAttributes, type ReactNode } from 'react';
-export type TButtonSize = 'large' | 'medium' | 'small';
-export type TButtonState = 'idle' | 'loading' | 'disabled';
-export type TIconPosition = 'left' | 'right';
-export type TButtonVariant = 'filled' | 'outlined-color' | 'outlined-neutral' | 'clear-color' | 'clear-neutral';
-export interface IButton extends ButtonHTMLAttributes<HTMLButtonElement> {
-    label?: string;
-    size?: TButtonSize;
-    variant?: TButtonVariant;
-    state?: TButtonState;
-    iconComponent?: ReactNode;
-    iconPosition?: TIconPosition;
-    onClick?: () => void;
-    fullWidth?: boolean;
-    className?: string;
-}
-export declare const Button: (props: IButton) => React.JSX.Element;

package/dist/esm/Inputs/Button/Button.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import cn from 'classnames';
-import { Spinner } from '../../Utils';
-export const Button = (props) => {
-    const { label = '', size = 'medium', variant = 'filled', state = 'idle', iconPosition = 'left', fullWidth = false, iconComponent, onClick, className, tabIndex, } = props;
-    const hasIcon = iconComponent !== null && iconComponent !== undefined;
-    const buttonMods = [
-        'btn',
-        `btn--${size}`,
-        `btn__${variant}`,
-        `btn__${variant}--${state}`,
-        {
-            'btn--reverse': iconPosition === 'right',
-            'btn--fullWidth': fullWidth,
-            'btn--with-icon': label && hasIcon,
-            'btn--only-icon': !label && hasIcon
-        }
-    ];
-    const iconMods = [
-        'btn__icon',
-        `btn__icon--${size}`,
-        { [`btn__icon--${size}--${iconPosition}`]: !!label },
-    ];
-    const labelMods = `btn__label--${size}`;
-    const spinnerMods = [
-        `btn__spinner--${size}`,
-        `btn__spinner--${variant}`
-    ];
-    return (_jsx("button", { type: 'button', onClick: onClick, disabled: state === 'disabled', className: cn(buttonMods, className), tabIndex: tabIndex, children: state === 'loading' ? (_jsx(Spinner, { className: cn(spinnerMods) })) : (_jsxs(_Fragment, { children: [hasIcon && (_jsx("div", { className: cn(iconMods), children: iconComponent })), label && _jsx("div", { className: cn(labelMods), children: label })] })) }));
-};