Модель {botParams ? botParams.title : 'Загрузка...'}

Упс!

Сервис временно недоступен

- В настоящее время наш сайт не отвечает из-за технических работ или - перегрузки серверов. -

- - - - {buttonText} - - - -

- @@ -1,7 +1,7 @@ -import { MainPage } from '#/views/main' +import { MainPage } from '#/views/index' import { getDefaultLayout } from '#/widgets/layouts' -MainPage.getLayout = getDefaultLayout({ titlePage: 'Главная' }) +MainPage.getLayout = getDefaultLayout({ titlePage: 'AIR' }) export default MainPage @@ -1,7 +1,6 @@ import { LoginPage } from '#/views/login' import { getLayout, LayoutWithoutSideMenu } from '#/widgets/layouts' - LoginPage.getLayout = getLayout(LayoutWithoutSideMenu, { titlePage: 'Авторизация' }) export default LoginPage @@ -1,6 +0,0 @@ -import { UpscalePage } from '#/views/upscale' -import { getDefaultLayout } from '#/widgets/layouts' - -UpscalePage.getLayout = getDefaultLayout({ titlePage: 'Upscale' }) - -export default UpscalePage @@ -12,7 +12,6 @@ import { Device } from '#/shared/lib/types/entities' import { IMessageRequest } from '#/shared/lib/types/types-gpt' import { Message, MessageSend } from '#/entities/message' import { Variant } from '#/shared/lib/hooks/use-show-data' -import { useBalanceStore } from '#/entities/balance/model/use-balance-store' const formDataHelper = (file: File, dataForSend: MessageSend): FormData => { const FD = new FormData() @@ -74,7 +73,6 @@ export function useModel( const [messages, setMessages] = useState(null) const [loading, setLoading] = useState(false) const [offset, setOffset] = useState(0) - const { getUserBalance } = useBalanceStore() useEffect(() => { if (currentChat) { @@ -182,9 +180,10 @@ export function useModel( setLoading(false) + // clearTimeout(timeout) + if (status >= 400) { userMessage.is_sent = false - setMessages((prev) => [...prev!, userMessage]) const error = result as { detail: string } if (error.detail) return showMessage(error.detail) @@ -276,7 +275,6 @@ export function useModelImages( const [messages, setMessages] = useState([]) const [loading, setLoading] = useState(false) - const { getUserBalance } = useBalanceStore() const [isComplete, setIsComplete] = useState(false) @@ -360,6 +358,7 @@ export function useModelImages( setMessages([...messagesRef.current, ...answer]) setOffset((prev) => prev + answer.length) } else { + showMessage('Ошибка загрузки сообщений') return } @@ -381,16 +380,14 @@ export function useModelImages( setLoading(false) if (result.hasOwnProperty('error')) { + const message = (result.details as AxiosError).response.data.trim() ?? 'Ошибка отправки сообщения' showMessage(message) return } - // Обновляем баланс после создания изображения - if (data?.access) { - getUserBalance(data.access) - } + // TODO: Add getUserBalance to Zustand store //@ts-ignore setMessages((prev) => { @@ -463,7 +460,6 @@ export function useMedia(showMessage: (message: string) => void, modelType: stri const [loading, setLoading] = useState(false) const [input, setInput] = React.useState('') - const { getUserBalance } = useBalanceStore() useEffect(() => { if (data?.access) { @@ -493,9 +489,9 @@ export function useMedia(showMessage: (message: string) => void, modelType: stri const userMessage: Message = { content: input, - info: {}, - model: modelType, + info: null, is_sent: true, + model: '', file: null, from_model: false, uid: 'new-send', @@ -535,10 +531,7 @@ export function useMedia(showMessage: (message: string) => void, modelType: stri setMessages((prev) => [...prev!, ...(result as Message[])]) setInput('') - // Обновляем баланс после отправки сообщения - if (data?.access) { - getUserBalance(data.access) - } + // TODO: Add getUserBalance to Zustand store } return { messages, sendMessage, loading, input, setInput } @@ -2,7 +2,7 @@ import axios, { AxiosResponse } from 'axios' import { User } from 'next-auth' import { API_URL } from '#/shared/lib/constants' -import { IOffer } from '#/widgets/payment/ui/payment' +import { IOffer } from '#/widgets/payment/model/payment' interface IUserBalance { current_token_balance: number @@ -1,2 +1,2 @@ export * from './instance' -export * from './private-request' +export * from './private-request' \ No newline at end of file @@ -3,7 +3,6 @@ import { useRouter } from 'next/navigation' import { api } from './instance' import axios, { InternalAxiosRequestConfig } from 'axios' import { useCallback } from 'react' -import { ERROR_MESSAGE, getModalById } from '#/features/modals' export function makePrivateRequest( callback: (...params: Params) => Promise @@ -12,8 +11,6 @@ export function makePrivateRequest( const { push } = useRouter() - const modal = getModalById(ERROR_MESSAGE) - const onRequest = async (config: any) => { if (config.headers.Authorization) return config @@ -29,8 +26,6 @@ export function makePrivateRequest( api.interceptors.response.use( async ({ status, ...r }) => { - if ([402, 403, 404].includes(status)) modal.setState(true) - if (![401].includes(status)) return { status, ...r } const session = await update('refresh') @@ -44,7 +39,7 @@ export function makePrivateRequest( return { status, ...r } }, (error) => { - if (!error.respose) return modal.setState(true) + if (!error.respose) return (window.location.href = '/network-error') } ) @@ -1,11 +1,10 @@ import { FieldValues, Path } from 'react-hook-form' import { RegisterOptions } from 'react-hook-form/dist/types/validator' -export const EMAIL_REGEXP = +const EMAIL_REGEXP = /^(([^<>()[\].,;:\s@"]+(\.[^<>()[\].,;:\s@"]+)*)|(".+"))@(([^<>()[\].,;:\s@"]+\.)+[^<>()[\].,;:\s@"]{2,})$/iu -export const PHONE_REGEXP = /^((8|\+7)[\- ]?)?($?\d{3}$?[\- ]?)?[\d\- ]{7,10}$/ - +const PHONE_REGEXP = /^((8|\+7)[\- ]?)?($?\d{3}$?[\- ]?)?[\d\- ]{7,10}$/ export const emailOptions: RegisterOptions = { required: 'Поле email обязательно к заполенению!', @@ -1,2 +1 @@ export { API_HOST, API_URL, ModelPagesList, surpriseMePrompts } from './constants' -export * from './hook-form-options' \ No newline at end of file @@ -1,18 +1,5 @@ export function formatAndSortDates(inputArray: { date: string; value: number }[]) { - const monthNames = [ - 'янв', - 'фев', - 'мар', - 'апр', - 'май', - 'июн', - 'июл', - 'авг', - 'сен', - 'окт', - 'ноя', - 'дек', - ] + const monthNames = ['янв', 'фев', 'мар', 'апр', 'май', 'июн', 'июл', 'авг', 'сен', 'окт', 'ноя', 'дек'] const formattedData = inputArray.map((item: any) => { const date = new Date(item.date) @@ -36,14 +23,14 @@ export function formatAndSortDates(inputArray: { date: string; value: number }[] } export function formatDate( - date: string | number | Date, - options: Intl.DateTimeFormatOptions, - lang?: string + date: string | number | Date, + options: Intl.DateTimeFormatOptions, + lang?: string ) { - if (typeof date !== 'object') { - date = new Date(typeof date === 'number' ? date : Date.parse(date)) - } + if (typeof date !== "object") { + date = new Date(typeof date === "number" ? date : Date.parse(date)) + } - const formatter = Intl.DateTimeFormat('ru', options) - return formatter.format(date) + const formatter = Intl.DateTimeFormat("ru", options) + return formatter.format(date) } @@ -5,8 +5,7 @@ export * from './get-type-device' export * from './get-random-image' export * from './string' export * from './date-helper' -export * from './object' export * from './image' export * from './file' export * from './pending' -export * from './context' +export * from './context' \ No newline at end of file @@ -1,6 +0,0 @@ -export function keysToValues(obj: Record) { - return Object.keys(obj).reduce( - (prev, curr) => ({ ...prev, [obj[curr]]: curr }), - {} as Record - ) -} @@ -2,7 +2,6 @@ import React from 'react' import { ModelInputs } from '#/shared/api/models/models' import { Device, DeviceOs } from '#/shared/lib/types/entities' -import { Message } from '#/entities/message' export type MessageSend = { content: string @@ -10,6 +9,18 @@ export type MessageSend = { info: T } +export type Message = { + content: string + created_at: string + elapsed_time: string + file: File | null | string + from_model: boolean + info: null + is_favourite: boolean + is_sent: boolean + uid: string +} + /* Дополнительные элементы в Инпуте **/ type Elements = { element: React.ReactElement @@ -1,44 +0,0 @@ -.main { - width: 100%; - display: flex; - justify-content: flex-start; - gap: 20px; - margin-bottom: 24px; - - .chatWindow { - width: 70%; - } - - .settings { - width: 25%; - } - - @media (max-width: 768px) { - width: 100%; - display: flex; - - flex-direction: column-reverse; - - .chatWindow { - width: 100%; - } - - .settings { - width: 100%; - } - } -} -.wrapModelTitle { - margin-bottom: 20px; - margin-top: 15px; - @media (max-width: 768px) { - margin: 0; - margin-top: 15px; - } -} - -.bigTitle { - @media (max-width: 768px) { - font-size: 26px !important; - } -} @@ -2,11 +2,11 @@ border: none; outline: none; background-color: transparent; - padding: 16px 25px; - cursor: pointer; display: flex; align-items: center; justify-content: center; + padding: 15px 25px; + cursor: pointer; &_outline { border-radius: 15px; @@ -50,10 +50,13 @@ color: white; border-radius: 12px; font-weight: 500; - font-size: 16px; + font-size: 15px; transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out; &:hover { background-color: var(--text-color-purple); + &:hover { + opacity: 0.7; + } } } @@ -73,6 +76,6 @@ html[data-theme='dark'] { .button_gray { color: white !important; - background-color: #D9D9D91A !important; + background-color: #5d5a5a !important; } } @@ -1,5 +1,4 @@ import { c } from '#/shared/lib/helpers' -import { forwardRef } from 'react' import styles from './common-button.module.scss' export type ButtonVariant = 'outline' | 'primary' | 'primary-outline' | 'gray' @@ -9,22 +8,19 @@ export interface CommonButtonProps extends React.ButtonHTMLAttributes( - ({ children, variant = 'outline', className, disabled, ...props }, ref) => { - return ( - - ) - } -) +export const CommonButton = ({ children, variant = 'outline', className, disabled, ...props }: CommonButtonProps) => { + return ( + + ) +} @@ -1,50 +0,0 @@ -.input { - display: none; -} - -.checkbox { - display: flex; - align-items: center; - gap: 10px; - - &__iconbox { - &_primary { - border-radius: 3px; - border: 2px solid var(--air-color); - min-width: 22px; - min-height: 22px; - display: flex; - align-items: center; - justify-content: center; - transition: all 0.2s ease-in-out; - } - - &_active { - background-color: var(--air-color); - } - } - - &__icon { - transition: all 0.1s ease-in; - opacity: 0; - - &_primary { - color: #151518; - } - - &_active { - opacity: 1; - } - } - - &__text { - - } -} - - -html[data-theme='light'] { - .checkbox__icon_primary{ - color: white; - } -} \ No newline at end of file @@ -1,83 +0,0 @@ -import { c } from '#/shared/lib/helpers' -import DoneIcon from '#/assets/svg/done.svg?react' -import styles from './common-checkbox.module.scss' -import { forwardRef } from 'react' - -export type CheckboxVariant = 'primary' - -export type CheckboxSize = 'md' - -export interface CheckboxProps - extends Omit, 'size' | 'placeholder'> { - name: string - value: boolean - className?: string - variant?: CheckboxVariant - placeholder?: string | React.ReactNode - required?: boolean - size?: CheckboxSize - withoutAnimation?: boolean - children?: React.ReactNode -} - -export const CommonCheckbox = forwardRef( - ( - { - id, - name, - className, - placeholder, - children, - value, - variant = 'primary', - size = 'md', - required = false, - withoutAnimation = false, - ...props - }, - ref - ) => { - return ( - <> - - -

- -

{children}

- - - ) - } -) @@ -1 +0,0 @@ -export * from './common-checkbox' \ No newline at end of file @@ -1,2 +0,0 @@ - -export * from "./ui" \ No newline at end of file @@ -8,13 +8,11 @@ import { CommonTooltip } from '#/shared/ui/tooltip' import { SelectItem } from '../types/select-item' import { CSSTransition } from 'react-transition-group' -interface CommonSelectProps extends HtmlHTMLAttributes { +interface CommonSelectProps extends HtmlHTMLAttributes { value: string | null | undefined setValue: (value: string) => void items: SelectItem[] withoutTooltip?: boolean - classNameList?: string - onSetState?: (state: boolean) => void } export const CommonSelect = ({ @@ -22,8 +20,6 @@ export const CommonSelect = ({ setValue, items, withoutTooltip = false, - classNameList, - onSetState, ...props }: CommonSelectProps) => { const ref = useRef(null) @@ -41,8 +37,6 @@ export const CommonSelect = ({ [ref] ) - useEffect(() => onSetState && onSetState(opened), [opened]) - useEffect(() => { window.addEventListener('click', callback) return () => window.removeEventListener('click', callback) @@ -56,6 +50,7 @@ export const CommonSelect = ({ e.stopPropagation() setOpened((x) => !x) }} + {...props} >

{item?.label}

{ @@ -3,6 +3,7 @@ import { FieldError } from 'react-hook-form' import styles from './common-textarea.module.scss' import React, { ForwardedRef, forwardRef, useEffect, useImperativeHandle } from 'react' import { Raleway } from 'next/font/google' +import { useMask } from '@react-input/mask' export type TextAreaVariant = 'default' | 'outline' @@ -1,16 +1,14 @@ import React from 'react' -import CircularProgress, { CircularProgressProps } from '@mui/material/CircularProgress' +import CircularProgress from '@mui/material/CircularProgress' -export interface LoaderProps extends CircularProgressProps {} - -export const Loader = ({ size = 25, thickness = 2, ...props }: LoaderProps) => { +export const Loader = (props: any) => { return ( ) @@ -1,25 +0,0 @@ -@keyframes scroll { - 0% { - transform: translateY(0); - } - 100% { - transform: translateY(-100%); - } -} - -.marque{ - display: flex; - flex-direction: column; - width: 100%; - overflow: hidden; - max-height: 100dvh; - gap: 10px; - &__wrap{ - width: 100%; - height: max-content; - gap: 10px; - display: flex; - flex-direction: column; - animation: scroll var(--scroll-time) linear infinite; - } -} \ No newline at end of file @@ -1,30 +0,0 @@ -import React, { useEffect, useRef } from 'react' -import styles from './common-marque.module.scss' -import { c } from '#/shared/lib/helpers' - -interface CommonMarqueProps { - children: React.ReactNode - className?: string - speed?: number - scrollTime?: number -} - -export const CommonMarque = ({ - children, - className, - scrollTime = 20, -}: CommonMarqueProps) => { - const container = useRef(null) - - useEffect(() => { - if(!container.current) return - container.current.style.setProperty('--scroll-time', `${scrollTime}s`) - }, []) - - return ( -

{children}

- ) -} @@ -1 +0,0 @@ -export * from './common-marque' \ No newline at end of file @@ -1 +0,0 @@ -export * from './ui' \ No newline at end of file @@ -15,7 +15,7 @@ export const Modal: FC = ({ open, onClose, children }) => { const theme = useThemeStore((state) => state.theme) return ( -

Упс!

Сервис временно недоступен

- Теперь без мыльных изображений -

- Теперь без мыльных
изображений -