>(API_URL + '/copywrite/', dataForSend, {
- withCredentials: true,
- headers: {
- Authorization: `Bearer ${session?.access}`,
- },
- })
- setIsLoading(false)
-
- const newContentState = ContentState.createFromText(data[0].content)
-
- setText(EditorState.createWithContent(newContentState))
- dispatch(loadGeneration(session?.access))
- } catch (err: any) {
- setIsLoading(false)
- return {
- error: true,
- message: 'Произошла ошибка при выполнении запроса',
- details: err as AxiosError,
- }
- }
- }
-
- return {
- tov,
- setTov,
- lang,
- setLang,
- clearSetting,
- createText,
- isLoading,
- keywords,
- setKeywords,
- setResourceUrls,
- resource_urls,
- setTargetAudiences,
- targetAudiences,
- setTheme,
- text,
- onEditorChange,
- theme,
- setContent,
- content,
- }
-}
@@ -0,0 +1,6 @@
+import { BusinessHost } from "#/views/account";
+import { getAdminLayout } from "#/widgets/layouts";
+
+BusinessHost.getLayout = getAdminLayout({title: 'Корпоративный аккаунт'})
+
+export default BusinessHost
\ No newline at end of file
@@ -0,0 +1,6 @@
+import { Settings } from '#/views/account'
+import { getAdminLayout } from '#/widgets/layouts'
+
+Settings.getLayout = getAdminLayout({ title: 'Настройки' })
+
+export default Settings
@@ -0,0 +1,6 @@
+import { Payment } from '#/views/account'
+import { getAdminLayout } from '#/widgets/layouts'
+
+Payment.getLayout = getAdminLayout({ title: 'Управление оплатой' })
+
+export default Payment
@@ -1,136 +1,72 @@
-import NextAuth, { NextAuthOptions, User } from 'next-auth'
+import { getUserServer } from '#/entities/user-account/api'
+import { authUser, authUserByYandex, refresh } from '#/features/auth'
+import NextAuth, { User } from 'next-auth'
+import { JWT } from 'next-auth/jwt'
import CredentialsProvider from 'next-auth/providers/credentials'
import YandexProvider from 'next-auth/providers/yandex'
-import { AuthConstants, ERROR_MAPPING, ERROR_YANDEX_MAPPING } from './constants'
-import { AuthorizationProxy } from './proxy'
-
-import { getAll } from '#/entities/user-account/model/user-type-slice'
-
-const AuthProxy = new AuthorizationProxy()
-
-export const authOptions: NextAuthOptions = {
- session: { strategy: 'jwt', maxAge: AuthConstants.sessionTime },
+const handler = NextAuth({
secret: process.env.NEXTAUTH_SECRET,
providers: [
YandexProvider({
- clientId: AuthConstants.client_id_yandex || '',
- clientSecret: AuthConstants.client_secret_yandex || '',
- authorization: AuthConstants.redirect_uri_yandex,
- checks: ['none'],
+ clientId: process.env.NEXT_PUBLIC_CLIENT_ID_YANDEX!,
+ clientSecret: process.env.NEXT_PUBLIC_CLIENT_SECRET_YANDEX!,
+ allowDangerousEmailAccountLinking: true,
+ checks: 'state',
+ httpOptions: {
+ timeout: 10000,
+ },
}),
CredentialsProvider({
id: 'credentials',
type: 'credentials',
- credentials: {},
- async authorize(credentials, req) {
- const { username, password } = credentials as { username: string, password: string }
-
- const resp = await AuthProxy.loginByEmail(username, password)
- const data = await resp.json()
-
- if (resp.status >= 400 && resp.status < 500) {
- throw new Error(
- ERROR_MAPPING[(data as { detail: string }).detail] ??
- JSON.stringify(data as Object)
- .replace(/\s+/, '_')
- .replace(/[А-Яа-я]/, '')
- .toLowerCase()
- )
- }
- return (await data) as User
+ credentials: {
+ username: { label: 'Email', type: 'text', placeholder: 'jsmith@gmail.com' },
+ password: { label: 'Password', type: 'password' },
},
- }),
- CredentialsProvider({
- id: 'email_token',
- type: 'credentials',
- credentials: {},
- async authorize(credentials, req) {
- const { token } = credentials as { token: string }
-
- const resp = await AuthProxy.loginByEmailToken(token)
+ async authorize(credentials) {
+ const { data, status } = await authUser({ ...credentials! })
- const data = await resp.json()
+ if (status >= 400 && status <= 500) throw Error('something error')
- if (resp.status >= 400 && resp.status < 500) {
- throw new Error(
- ERROR_MAPPING[(data as { detail: string }).detail] ??
- JSON.stringify(data as Object)
- .replace(/\s+/, '_')
- .replace(/[А-Яа-я]/, '')
- .toLowerCase()
- )
- }
- return (await data) as User
+ return { ...data.token, user: { email: data.email } }
},
}),
],
callbacks: {
- async jwt({ token, user, account, trigger }) {
- if (account?.provider === 'yandex') {
- const result = await AuthProxy.exchangeTokenYandex(account.access_token || '')
+ async jwt({ token, user, account, trigger, session }) {
+ if (account && account.provider === 'yandex' && account.access_token) {
+ const { data, status } = await authUserByYandex(account.access_token)
- if (result.status >= 400 && result.status < 500) {
- throw new Error('Непредвиденная ошибка')
- }
+ if (status >= 400 && status <= 500) throw Error('something error')
- const info = await getAll(
- (result.data as { access_token: string }).access_token
- )
-
- return { ...info.token, tokenExpiry: AuthConstants.getExpiresDate() }
- }
+ const { data: r } = await getUserServer(data.access_token)
- if (user) {
- try {
- token.access = user.token.access
- token.refresh = user.token.refresh
- token.tokenExpiry = AuthConstants.getExpiresDate()
- return token
- } catch (error) {
- return { ...token, ...user }
- }
+ return { ...r.token, user: { email: r.email } } as any
}
- const shouldRefreshTime = Math.round(Date.now() - token.tokenExpiry) >= 0
+ if (trigger === 'update' && session === 'refresh' && token.refresh) {
+ const { data, status } = await refresh(token.refresh)
- if (shouldRefreshTime) {
- return await AuthProxy.refreshToken(token)
- }
-
- return token
- },
- signIn: async ({ user, account, ...props }) => {
- if (account?.provider === 'yandex') {
- const { data: result, status } = await AuthProxy.exchangeTokenYandex(
- account.access_token!
- )
+ if (status === 401) throw Error('something error')
- if (status >= 400 && status < 500) {
- return Promise.reject(
- new Error(
- ERROR_YANDEX_MAPPING[
- (result as { error_description: string }).error_description
- ]
- )
- )
- }
+ const { data: r } = await getUserServer(data.access_token)
- return Promise.resolve(true)
+ return { ...data, refresh: token.refresh, user: { email: r.email } }
}
- return Promise.resolve(true)
+ if (!user) return { ...token }
+
+ return { ...token, ...user }
},
async session({ session, token }) {
- session.access = token.access
- session.refresh = token.refresh
- return session
+ return { ...session, ...token }
},
},
pages: {
signIn: '/login',
error: '/login',
},
-}
+})
-export default NextAuth(authOptions)
+export default handler
@@ -40,8 +40,8 @@ export class AuthorizationProxy {
API_URL + '/auth/login-social/convert-token',
{
grant_type: 'convert_token',
- client_id: AuthConstants.django_app_client_id_yandex,
- client_secret: AuthConstants.django_app_client_secret_yandex,
+ client_id: process.env.NEXT_PUBLIC_DJANGO_YANDEX_APP_CLIENT_ID,
+ client_secret: process.env.NEXT_PUBLIC_DJANGO_YANDEX_APP_CLIENT_SECRET,
backend: 'yandex-oauth2',
token: yandex_token,
},
@@ -1,6 +0,0 @@
-import { AudioModelsPage } from '#/views/audio'
-import { getDefaultLayout } from '#/widgets/layouts'
-
-AudioModelsPage.getLayout = getDefaultLayout({ titlePage: 'Аудио' })
-
-export default AudioModelsPage
@@ -1,5 +1,4 @@
import React, { ReactElement, ReactNode, useCallback, useEffect } from 'react'
-import { Provider } from 'react-redux'
import { StyledEngineProvider, ThemeProvider } from '@mui/material'
import * as Sentry from '@sentry/browser'
import axios from 'axios'
@@ -15,40 +14,12 @@ import ErrorBoundary from './error-boundary'
import '#/app/styles/globals.css'
import '#/app/styles/styles-pages/system.scss'
-import { store, useAppSelector } from '#/app/store/store'
import { Error } from '#/shared'
import { pingFangFont } from '#/shared/lib/constants/font/font'
import { useBlockTelegram } from '#/shared/lib/hooks/use-block-telegram'
import { Providers } from '#/widgets/providers'
-axios.defaults.httpsAgent = new https.Agent({
- rejectUnauthorized: false,
-})
-
-axios.defaults.validateStatus = () => true
-
-axios.interceptors.response.use(async (response) => {
- if (![401, 404, 403].includes(response.status)) return response
-
- const session = await getSession()
-
- if (!session) {
- window.location.href = '/login'
- }
-
- return response
-})
-axios.interceptors.response.use(
- (response) => response,
- (error) => {
- if (!error.response) {
- window.location.href = '/network-error'
- }
- return error
- }
-)
-
-const inter = Inter({ subsets: ['latin'] })
+const inter = Raleway({ subsets: ['latin'] })
export type NextPageWithLayout = NextPage & {
getLayout?: (page: ReactElement) => ReactNode
@@ -74,16 +45,14 @@ function App({ Component, pageProps: { session, ...pageProps } }: AppPropsWithLa
-
-
-
-
- {getLayout()}
-
-
-
-
-
+
+
+
+ {getLayout()}
+
+
+
+
@@ -1,6 +0,0 @@
-import { AccountPage } from '#/views/account'
-import { getDefaultLayout } from '#/widgets/layouts'
-
-AccountPage.getLayout = getDefaultLayout({ titlePage: 'Аккаунт' })
-
-export default AccountPage
@@ -1,51 +0,0 @@
-import axios from 'axios'
-
-import { API_URL } from '#/shared/lib/constants'
-import { ShortModel, Model } from '#/entities/model-entity'
-
-const model_api = {
- async getBots(token?: string): Promise {
- try {
- const { data } = await axios.get(
- API_URL + '/ml_models/?category=chat-bots',
- {
- headers: {
- Authorization: `Bearer ${token}`,
- },
- }
- )
- return data
- } catch (err: any) {
- return err
- }
- },
-
- async getBotParams(slug: string, token?: string): Promise {
- try {
- const { data } = await axios.get(API_URL + `/ml_models/${slug}`, {
- headers: {
- Authorization: `Bearer ${token}`,
- },
- })
- return data
- } catch (err: any) {
- return err
- }
- },
-
- async getImages(token?: string): Promise {
- try {
- const { data } = await axios.get(API_URL + '/ml_models/?category=images', {
- headers: {
- Authorization: `Bearer ${token}`,
- },
- })
-
- return data
- } catch (e) {
- return []
- }
- },
-}
-
-export default model_api
@@ -6,7 +6,7 @@ import { useSession } from 'next-auth/react'
import process from 'process'
import { getUserBalance } from '#/entities/balance'
-import { useAppDispatch } from '#/app/store/store'
+
import { API_URL } from '#/shared/lib/constants'
import { Device } from '#/shared/lib/types/entities'
import { IMessageRequest } from '#/shared/lib/types/types-gpt'
@@ -72,7 +72,6 @@ export function useModel(
const { data } = useSession()
const [messages, setMessages] = useState(null)
const [loading, setLoading] = useState(false)
- const dispatch = useAppDispatch()
const [offset, setOffset] = useState(0)
useEffect(() => {
@@ -193,7 +192,7 @@ export function useModel(
setMessages((prev) => [...prev!, ...(result as Message[])])
}
- dispatch(getUserBalance(data?.access))
+ // TODO: getUserBalance для зутсанд стора
}
const deleteMessage = (message_uid: string) => {
@@ -281,8 +280,6 @@ export function useModelImages(
const [offset, setOffset] = useState(0)
- const dispatch = useAppDispatch()
-
const typeRef = useRef(type)
const dataRef = useRef(data)
const messagesRef = useRef(messages)
@@ -390,7 +387,7 @@ export function useModelImages(
showMessage(message)
return
}
- dispatch(getUserBalance(data?.access))
+ // TODO: Add getUserBalance to Zustand store
//@ts-ignore
setMessages((prev) => {
@@ -462,8 +459,6 @@ export function useMedia(showMessage: (message: string) => void, modelType: stri
const [loading, setLoading] = useState(false)
- const dispatch = useAppDispatch()
-
const [input, setInput] = React.useState('')
useEffect(() => {
@@ -536,7 +531,7 @@ export function useMedia(showMessage: (message: string) => void, modelType: stri
setMessages((prev) => [...prev!, ...(result as Message[])])
setInput('')
- dispatch(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/model/payment'
+import { IOffer } from '#/widgets/payment/ui/payment'
interface IUserBalance {
current_token_balance: number
@@ -22,6 +22,14 @@ interface DataForLogin {
password: string
}
+interface PaymentHistory {
+ uid: string
+ amount: number
+ status: string
+ created_at: string
+ payment_method: string
+}
+
export const accountApi = {
async getPaymentsPlans(token: string): Promise {
try {
@@ -146,15 +154,15 @@ export const accountApi = {
}
},
- async removeSub(token?: string) {
+ async getPaymentsHistory(token: string): Promise {
try {
- const { status } = await axios.delete(API_URL + '/payments/plans', {
+ const { data } = await axios.get(API_URL + '/payments/history', {
headers: {
Authorization: `Bearer ${token}`,
},
})
- return status
+ return data
} catch (err) {
return null
}
@@ -1,267 +0,0 @@
-import axios, { AxiosResponse } from 'axios'
-import { Session } from 'next-auth'
-import * as process from 'process'
-
-import { Chat } from '#/shared/api/type-model-chats'
-import { Error } from '#/shared/lib/types/entities'
-import { IImagesResponse } from '#/shared/lib/types/types-dalle'
-import { IMessageRequest, ISendMessageResponse } from '#/shared/lib/types/types-gpt'
-
-import { Message } from '../lib/types/model'
-
-const API_URL = process.env.NEXT_PUBLIC_API_HOST
-
-type Result = {
- question: string
- link: string
- created_at: string
- resulting_balance?: number
-}
-
-export type Wrap = {
- count: number
- next: string | null
- page_size: number
- previous: string | null
-}
-
-export type WrapResponse = Wrap & {
- results: T[]
-}
-
-type INeuronModel = any
-
-export const api = {
- async getImagesSD(token: string | null, url: string): Promise | null> {
- try {
- const { data } = await axios.get(url, {
- headers: {
- Authorization: `Bearer ${token}`,
- },
- })
- return data
- } catch (err) {
- return null
- }
- },
-
- async getImagesDalle(token: string | null, url: string): Promise | null> {
- try {
- const { data } = await axios.get(url, {
- headers: {
- Authorization: `Bearer ${token}`,
- },
- })
-
- return data
- } catch (err) {
- return null
- }
- },
-
- async getMessagesChatGPT(token: string | null, uid: string): Promise {
- try {
- const { data } = await axios.get(API_URL + `/chats/${uid}/messages/`, {
- headers: {
- Authorization: `Bearer ${token}`,
- },
- })
- return data
- } catch (err: any) {
- return {
- error: true,
- message: 'Произошла ошибка при выполнении запроса',
- details: err.message,
- }
- }
- },
-
- async updRenameChat(uid: string, title: string, token: string | undefined) {
- try {
- const { data } = await axios.put<{ uid: string; title: string; created_at: string }>(
- API_URL + `/chats/${uid}/`,
- { title: title },
- {
- withCredentials: true,
- headers: {
- Authorization: `Bearer ${token}`,
- },
- }
- )
- return { data, isError: false }
- } catch (err) {
- return { data: null, isError: true, error: err }
- }
- },
-
- async sendMessageChatGPT(token: string, message: any, uid: string): Promise {
- try {
- const { data } = await axios.post>(
- API_URL + `/chats/${uid}/messages/`,
- message,
- {
- withCredentials: true,
- headers: {
- Authorization: `Bearer ${token}`,
- },
- }
- )
-
- return { data, isError: false }
- } catch (err) {
- return { data: null, isError: true, error: err }
- }
- },
-
- async getFavoritesModel(token: string | null, session: Session | null): Promise {
- try {
- const { data } = await axios.get(API_URL + `/ml_models/${session?.user?.name}`, {
- headers: {
- Authorization: `Bearer ${token}`,
- },
- })
-
- return data?.filter((model) => model.is_favourite)
- } catch (err) {
- return []
- }
- },
-
- async getAllModels(token: string | null): Promise {
- try {
- const { data } = await axios.get(API_URL + '/ml_models/', {
- headers: {
- Authorization: token ? `Bearer ${token}` : '',
- },
- })
-
- return data
- } catch (err) {
- return []
- }
- },
-}
-
-export const createChat = async (model: string, token?: string) => {
- try {
- const { data } = await axios.post(
- API_URL + `/chats/?model=${model}`,
- {
- title: 'Новый чат',
- model,
- },
- { headers: { Authorization: `Bearer ${token}` } }
- )
-
- return data
- } catch (e) {
- return null
- }
-}
-
-export const getAllChats = async (model: string, token?: string): Promise => {
- try {
- const { data } = await axios.get(API_URL + `/chats/?model=${model}`, {
- headers: { Authorization: `Bearer ${token}` },
- })
-
- if (data.length === 0) {
- const newChat = await createChat(model, token)
-
- return [newChat].reverse()
- }
-
- return data.reverse()
- } catch (e) {
- return []
- }
-}
-
-export const addToFavorites = async (model_id: string, token?: string) => {
- try {
- const { data, status } = await axios.put(
- API_URL + '/ml_models/favourites ',
- {
- uid: model_id,
- },
- {
- headers: {
- Authorization: `Bearer ${token}`,
- },
- }
- )
- return status
- } catch (err) {
- return 400
- }
-}
-
-export const deleteFromFavorites = async (model_id: string, token?: string) => {
- try {
- const { status, data } = await axios.delete(API_URL + '/ml_models/favorites', {
- headers: {
- Authorization: `Bearer ${token}`,
- },
- data: {
- uid: model_id,
- },
- })
- return status
- } catch (err) {
- return 400
- }
-}
-
-export interface PaymentHistory {
- uid: string
- plan: {
- uid: string
- title: string
- price: string
- tokens_per_plan: string
- duration: string
- }
- created_at: string
- updated_at: string
- amount: string
- status: string
-}
-
-export const getPaymentsHistory = async (token?: string) => {
- try {
- const { data } = await axios.get(API_URL + '/payments/history', {
- headers: {
- Authorization: `Bearer ${token}`,
- },
- })
- return data
- } catch (err) {
- return null
- }
-}
-
-export interface IReferral {
- referrals: [
- {
- username: string
- joined_at: string
- profile_picture_link: string
- }
- ]
- registrations_count: number
- payments_count: number
- accrued_bonuses_amount: number
-}
-
-export const getReferral = async (token?: string) => {
- try {
- const { data } = await axios.get(API_URL + '/payments/referral-account', {
- headers: {
- Authorization: `Bearer ${token}`,
- },
- })
- return data
- } catch (err) {
- return null
- }
-}
@@ -4,14 +4,4 @@ export const api = axios.create({
validateStatus: () => true,
baseURL: process.env.NEXT_PUBLIC_API_HOST,
withCredentials: true,
-})
-
-api.interceptors.response.use(
- (response) => response,
- (error) => {
- if (!error.response) {
- window.location.href = '/network-error'
- }
- return error
- }
-)
+})
\ No newline at end of file
@@ -1,20 +1,52 @@
-import { useSession } from 'next-auth/react'
+import { getSession, signOut, useSession } from 'next-auth/react'
+import { useRouter } from 'next/navigation'
import { api } from './instance'
+import axios, { InternalAxiosRequestConfig } from 'axios'
+import { useCallback } from 'react'
export function makePrivateRequest(
callback: (...params: Params) => Promise
) {
- const { data } = useSession()
+ const { data, update } = useSession()
+
+ const { push } = useRouter()
+
+ const onRequest = async (config: any) => {
+ if (config.headers.Authorization) return config
+
+ const session = await getSession()
+
+ config.headers.Authorization = `Bearer ${session?.access}`
+
+ return config
+ }
return async (...params: Params) => {
- api.interceptors.request.use((config) => {
- config.headers.Authorization = `Bearer ${data?.access}`
- return config
- })
+ api.interceptors.request.use(onRequest)
+
+ api.interceptors.response.use(
+ async ({ status, ...r }) => {
+ if (![401].includes(status)) return { status, ...r }
+
+ const session = await update('refresh')
+
+ console.log(session)
+
+ if (!session) window.location.href = '/login'
+
+ r.config.headers.Authorization = `Bearer ${session?.access}`
+
+ return { status, ...r }
+ },
+ (error) => {
+ if (!error.respose) return (window.location.href = '/network-error')
+ }
+ )
const result = await callback(...params)
api.interceptors.request.clear()
+ api.interceptors.response.clear()
return result
}
@@ -1,5 +0,0 @@
-export type Chat = {
- uid: string
- title: string
- created_at: string
-}
@@ -1,3 +1,4 @@
+import { FieldValues, Path } from 'react-hook-form'
import { RegisterOptions } from 'react-hook-form/dist/types/validator'
const EMAIL_REGEXP =
@@ -17,6 +18,10 @@ export const emailOptions: RegisterOptions = {
},
}
+export function getEmailOptions>() {
+ return emailOptions as RegisterOptions
+}
+
export const phoneOptions: RegisterOptions = {
required: {
value: true,
@@ -1,9 +1,9 @@
-import { useAppSelector } from '#/app/store/store'
+import { useThemeStore } from '#/entities/theme/model/use-theme-store'
import { getDeviceType } from '../helpers'
import { DeviceOs } from '../types/entities'
export const useThemeAndDevice = (device: 'desktop' | 'mobile' = getDeviceType(), deviceOs?: DeviceOs) => {
- const theme = useAppSelector((state) => state.theme.theme)
+ const theme = useThemeStore((state) => state.theme)
const desktop = device === 'desktop'
const ios = deviceOs === 'ios'
@@ -29,6 +29,5 @@ declare module 'next-auth/jwt' {
interface JWT {
access: string
refresh: string
- tokenExpiry: number
}
}
@@ -1,3 +0,0 @@
-import { RootState } from '#/app/store/store'
-
-export const balanceSelector = (state: RootState) => Math.floor(state.balance.balance)
@@ -1,5 +1,5 @@
'use client'
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
+import React, { HtmlHTMLAttributes, useCallback, useEffect, useMemo, useRef, useState } from 'react'
import ArrowDownSvg from '#/assets/svg/arrow-down.svg?react'
import styles from './common-select.module.scss'
@@ -8,7 +8,7 @@ import { CommonTooltip } from '#/shared/ui/tooltip'
import { SelectItem } from '../types/select-item'
import { CSSTransition } from 'react-transition-group'
-interface CommonSelectProps {
+interface CommonSelectProps extends HtmlHTMLAttributes {
value: string | null | undefined
setValue: (value: string) => void
items: SelectItem[]
@@ -3,10 +3,10 @@ import { DateTimePicker, LocalizationProvider } from '@mui/x-date-pickers'
import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs'
import dayjs, { Dayjs } from 'dayjs'
-import { useAppSelector } from '#/app/store/store'
-
import styles from './date.module.scss'
+import { useThemeStore } from '#/entities/theme/model/use-theme-store'
+
export const DateInput = ({
setDate,
label,
@@ -18,7 +18,7 @@ export const DateInput = ({
date?: boolean
prevdate?: boolean
}) => {
- const theme = useAppSelector((state) => state.theme.theme)
+ const theme = useThemeStore((state) => state.theme)
useEffect(() => {
if (date) {
@@ -7,7 +7,7 @@ import { TextFieldProps } from '@mui/material/TextField/TextField'
import Image from 'next/image'
import { Calculation } from '#/features/calculation-tokens-gpt'
-import { useAppSelector } from '#/app/store/store'
+import { useThemeStore } from '#/entities/theme/model/use-theme-store'
import { styleInputWithoutBorderFocus } from '#/shared/ui/input'
interface Input {
@@ -36,7 +36,7 @@ export const InputImagesModels: FC = ({
imageLoad,
unpinImage,
}) => {
- const theme = useAppSelector((state) => state.theme.theme)
+ const theme = useThemeStore((state) => state.theme)
const isCalculatePrice = useMemo(() => quality && count && desktop, [])
@@ -3,16 +3,16 @@ import { Box } from '@mui/material'
import Dialog from '@mui/material/Dialog'
import Image from 'next/image'
-import { useAppSelector } from '#/app/store/store'
-
import styles from './modal.module.scss'
+
+import { useThemeStore } from '#/entities/theme/model/use-theme-store'
export interface ModalProps {
open: boolean
onClose: (e?: any) => void
children?: ReactNode
}
export const Modal: FC = ({ open, onClose, children }) => {
- const theme = useAppSelector((state) => state.theme.theme)
+ const theme = useThemeStore((state) => state.theme)
return (
)
@@ -2,7 +2,7 @@ import React from 'react'
import { Typography } from '@mui/material'
import Box from '@mui/material/Box'
-import { useAppSelector } from '#/app/store/store'
+import { useThemeStore } from '#/entities/theme/model/use-theme-store'
import { PrettoSlider, PrettoSliderDark } from '#/widgets/filters-gpt/ui/filters'
export const Slider = ({
@@ -22,7 +22,7 @@ export const Slider = ({
step: number
onChangeCommitted?: () => void
}) => {
- const theme = useAppSelector((state) => state.theme.theme)
+ const theme = useThemeStore((state) => state.theme)
return (
@@ -2,7 +2,7 @@ import React from 'react'
import { styled } from '@mui/material'
import Switch, { SwitchProps } from '@mui/material/Switch'
-import { useAppSelector } from '#/app/store/store'
+import { useThemeStore } from '#/entities/theme/model/use-theme-store'
import { baseColor } from '#/shared/lib/constants/colors'
import { pingFangFont } from '#/shared/lib/constants/font/font'
@@ -47,7 +47,7 @@ const AntSwitch = styled(Switch)(({ theme }) => ({
},
}))
export const SwitchCustom = (props: any) => {
- const theme = useAppSelector((state) => state.theme.theme)
+ const theme = useThemeStore((state) => state.theme)
return (
= ({ children, title, placement, className, maxWidth }) => {
- const theme = useAppSelector((state) => state.theme.theme)
+ const theme = useThemeStore((state) => state.theme)
return (
= ({ anchorEl, changeVisible, d
const open = Boolean(anchorEl)
- const theme = useAppSelector((state) => state.theme.theme)
+ const theme = useThemeStore((state) => state.theme)
const desktop = device === 'desktop'
- const email = useAppSelector((state) => state.user.email)
+ const { getUser } = useUserStore()
+
+ const { email } = getUser()
return (
@@ -0,0 +1,129 @@
+import React, { useEffect, useState } from 'react'
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore'
+import { Accordion, AccordionDetails, AccordionSummary, Box, Stack, Typography } from '@mui/material'
+import { useSession } from 'next-auth/react'
+
+import styles from '#/app/styles/business.module.scss'
+import paymentStyles from '#/widgets/payment/ui/payment.module.scss'
+
+import { useUserStore } from '#/entities/user-account'
+import { NextPageWithLayout } from '#/pages/_app'
+import { accountApi } from '#/shared/api/account-endpoints'
+import { useShowDataStore } from '#/shared/lib/hooks/use-show-data'
+import { IOffer } from '#/widgets/payment/ui/payment'
+import Offer from '#/widgets/payment/ui/offer'
+
+const PaymentPage: NextPageWithLayout = () => {
+ const [offers, setOffers] = useState(null)
+ const [selectedOffer, setSelectedOffer] = useState('')
+ const { data } = useSession()
+ const { showMessage } = useShowDataStore()
+ const { getUser } = useUserStore()
+
+ useEffect(() => {
+ if (data?.access) {
+ accountApi
+ .getPaymentsPlans(data?.access)
+ .then((res) => {
+ setOffers(res)
+ if (res && res.length > 0) {
+ setSelectedOffer(res[0].uid)
+ }
+ })
+ .catch(() => {
+ showMessage('Ошибка загрузки тарифов', 'error')
+ })
+ }
+ }, [data?.access, showMessage])
+
+ const pay = async (uid: string) => {
+ if (!data?.access) return
+
+ try {
+ const urlForPay = await accountApi.payProduct(data.access, uid)
+ if (urlForPay) {
+ window.open(urlForPay, '_blank')
+ } else {
+ showMessage('Ошибка создания платежа', 'error')
+ }
+ } catch (error) {
+ showMessage('Ошибка создания платежа', 'error')
+ }
+ }
+
+ const info = [
+ {
+ title: 'Что такое токены?',
+ text: 'Токен — это виртуальная валюта AIR, которую пользователи тратят на генерации. Их цена зависит от длины запроса, настроек нейросети и типа контента. Например, текст в ChatGPT будет стоить примерно 1 токен, а картинка в Kandinsky — примерно 4 токена.\n',
+ },
+ {
+ title: 'Где проверять баланс токенов? Как следить за расходами?\n',
+ text: 'Траты по всем категориям и текущий баланс можно проверять в разделе «Дашборд».',
+ },
+ ]
+
+ return (
+
+
+
+
+ {offers?.map((offer) => {
+ return (
+ setSelectedOffer(uid)}
+ key={offer.uid}
+ />
+ )
+ })}
+
+
+
+
+ Часто задаваемые вопросы
+
+ {info.map((el) => {
+ return (
+
+ p': {
+ fontSize: '18px !important',
+ },
+ }}
+ expandIcon={}
+ aria-controls='panel1a-content'
+ id='panel1a-header'
+ >
+ {el.title}
+
+
+ {el.text}
+
+
+ )
+ })}
+
+
+
+ )
+}
+
+export default PaymentPage
@@ -0,0 +1,328 @@
+import React, { useEffect, useRef, useState } from 'react'
+import { Avatar, Box, Button, Stack, Typography } from '@mui/material'
+import Image from 'next/image'
+import { signOut, useSession } from 'next-auth/react'
+
+import styles2 from '#/app/styles/accountTabs.module.css'
+import styles from '#/app/styles/business.module.scss'
+
+import { useUser, useUserStore } from '#/entities/user-account'
+import { NextPageWithLayout } from '#/pages/_app'
+import { ButtonUI, Input, Loader, Modal, SwitchCustom } from '#/shared'
+import { getDeviceType } from '#/shared/lib/helpers'
+import { useShowDataStore } from '#/shared/lib/hooks/use-show-data'
+
+const UserSettings: NextPageWithLayout = () => {
+ const { getUser, loaded, unfollowEmail, setUser } = useUser()
+
+ const {
+ email,
+ is_subscribed_to_emails,
+ first_name,
+ last_name,
+ username,
+ profile_picture_link,
+ is_social,
+ } = getUser()
+
+ const device = getDeviceType()
+ const desktop = device === 'desktop'
+
+ const [name, setName] = useState('')
+ const [lastName, setLastName] = useState('')
+ const [userName, setUserName] = useState('')
+ const fileInputRef = useRef(null)
+ const [loading, setLoading] = useState(false)
+ const { data } = useSession()
+
+ const [currentPassword, setCurrentPassword] = useState('')
+ const [newPassword1, setNewPassword1] = useState('')
+ const [newPassword2, setNewPassword2] = useState('')
+ const [promocode, setPromocode] = useState('')
+ const [success, setSuccess] = useState('')
+ const [confirmDeleteModal, setConfirmDeleteModal] = useState(false)
+
+ const { showMessage } = useShowDataStore()
+
+ const handleDivClick = () => {
+ ;(fileInputRef.current! as any).click()
+ }
+
+ const handleFileChange = async (event: any) => {
+ try {
+ setLoading(true)
+ await new Promise((resolve) => setTimeout(resolve, 1000))
+
+ setUser({ ...getUser(), profile_picture_link: URL.createObjectURL(event.target.files[0]) })
+ showMessage('Изображение успешно загружено!')
+ setLoading(false)
+ } catch (e) {
+ setLoading(false)
+ showMessage('Ошибка загрузки изображения!', 'error')
+ }
+ }
+
+ const changePassword = async () => {
+ if (!data) return
+ if (newPassword1 !== newPassword2) {
+ showMessage('Укажите одинаковые новые пароли!')
+ return
+ }
+ showMessage('Пароль успешно изменён!')
+ setNewPassword1('')
+ setNewPassword2('')
+ setCurrentPassword('')
+ setTimeout(() => setSuccess(''), 6000)
+ }
+
+ const isUserDataChange = React.useMemo(
+ () => name !== first_name || last_name !== lastName || username !== userName,
+ [name, lastName, userName]
+ )
+
+ const promocodeActivate = async () => {
+ if (!data) return
+ if (!promocode.trim()) {
+ showMessage('Введите корректный промокод')
+ return
+ }
+
+ showMessage('Промокод успешно активирован! Токены уже зачислены!')
+ setPromocode('')
+ }
+
+ async function changeUserData() {
+ if (!data) return
+ if (!isUserDataChange) {
+ showMessage('Вы не изменили данные', 'success')
+ return
+ }
+ showMessage('Данные успешно изменены!')
+ setUser({ ...getUser(), username: userName, email, first_name: name, last_name: lastName })
+ }
+
+ const deleteAccount = async () => {
+ if (!data) return
+ await signOut()
+ }
+
+ useEffect(() => {
+ setName(first_name)
+ setLastName(last_name)
+ setUserName(username)
+ }, [first_name, last_name, username])
+
+ return (
+
+
+ Основные
+
+
+
+
+
+ {!loading || !loaded ? (
+
+ ) : (
+
+ )}
+
+
+ {''}
+
+
+
+
+
+ Имя
+ setName(e.target.value)}
+ fullWidth
+ />
+
+
+ Фамилия
+ setLastName(e.target.value)}
+ fullWidth
+ />
+
+
+
+ Email
+
+ {
+ if (!data) return
+ await unfollowEmail()
+ showMessage('Данные изменены!')
+ }}
+ />
+
+ Отписаться от рассылки
+
+
+
+
+
+
+ Никнейм
+ setUserName(e.target.value)}
+ fullWidth
+ />
+
+
+
+
+
+
+ Активация промокода
+ setPromocode(e.target.value)}
+ fullWidth
+ />
+
+
+ {!is_social && (
+
+ Изменить пароль
+
+
+ Текущий пароль
+ setCurrentPassword(e.target.value)}
+ fullWidth
+ />
+
+
+
+ Новый пароль
+ setNewPassword1(e.target.value)}
+ fullWidth
+ />
+
+
+
+ Подтвердить пароль
+
+ setNewPassword2(e.target.value)}
+ fullWidth
+ />
+
+
+
+
+
+ )}
+
+ Удаление аккаунта
+
+ Удаление аккаунта приведет к потере всех настроек
+
+ setConfirmDeleteModal(true)}
+ sx={{ marginTop: '20px' }}
+ text={'Удалить аккаунт'}
+ style={{
+ width: '100%',
+ backgroundColor: 'rgba(255, 35, 114, 0.10)',
+ color: '#FF2372',
+ }}
+ />
+
+
+ setConfirmDeleteModal(false)}>
+
+ Удаление аккаунта
+
+ Вы действительно хотите удалить ваш аккаунт?
+
+
+
+
+
+ )
+}
+
+export default UserSettings
@@ -0,0 +1,77 @@
+import React, { useEffect, useMemo } from 'react'
+import { Box, CircularProgress } from '@mui/material'
+
+import styles from '#/app/styles/business.module.scss'
+
+import { ExpensesBlock, MailingBlock, useBusinessHostData } from '#/features/business-host-data'
+import { useBusinessLists } from '#/features/business-host-data/lib/use-business-lists'
+import { InfoAdapter } from '#/features/business-host-data/ui/info-adapter'
+import { ModelsList } from '#/widgets/business-models'
+import { PersonsList } from '#/widgets/business-persons'
+import { BusinessGroups } from '#/widgets/business-persons/ui/business-group'
+import { LogList } from '#/widgets/business-persons/ui/log-list'
+import { SecurityList } from '#/widgets/business-persons/ui/security-list'
+import { NextPageWithLayout } from '#/pages/_app'
+
+export const BusinessHost: NextPageWithLayout = () => {
+ const { addList } = useBusinessLists()
+
+ const {
+ mailing,
+ updateMailingSettings,
+ downloadExpensesReport,
+ emails,
+ setEmails,
+ fetchData,
+ updateMailingEmails,
+ info,
+ isLoading,
+ personsList,
+ setPersonsList,
+ setSecurityList,
+ securityList,
+ } = useBusinessHostData()
+
+ useEffect(() => {
+ fetchData()
+ }, [])
+
+ if (isLoading) {
+ return (
+
+
+
+ )
+ }
+
+ return (
+
+
+
+
+
+
+
+
+
+
+
+ {/* */}
+
+
+
+
+
+ updateMailingEmails(emails)}
+ />
+
+ )
+}
@@ -1 +1,4 @@
export * from './ui'
+export * from './business'
+export * from './settings'
+export * from './payment'
@@ -0,0 +1,26 @@
+import { Box, CircularProgress } from '@mui/material'
+import { useSession } from 'next-auth/react'
+
+import PaymentPage from './ui/payment-page'
+
+import styles from '#/app/styles/business.module.scss'
+
+import { NextPageWithLayout } from '#/pages/_app'
+
+export const Payment: NextPageWithLayout = () => {
+ const { data, status } = useSession()
+
+ if (status === 'loading') {
+ return (
+
+
+
+ )
+ }
+
+ return (
+
+
+
+ )
+}
@@ -0,0 +1,27 @@
+import React from 'react'
+import { Box, CircularProgress } from '@mui/material'
+
+import UserSettings from './ui/user-settings'
+
+import styles from '#/app/styles/business.module.scss'
+
+import { useUserStore } from '#/entities/user-account'
+import { NextPageWithLayout } from '#/pages/_app'
+
+export const Settings: NextPageWithLayout = () => {
+ const { getUser, loaded } = useUserStore()
+
+ if (!loaded) {
+ return (
+
+
+
+ )
+ }
+
+ return (
+
+
+
+ )
+}
@@ -1,17 +1,17 @@
import React from 'react'
import { Stack } from '@mui/material'
-
-import { useAppSelector } from '#/app/store/store'
-import { StatsField } from '#/widgets/stats-field'
import { useSession } from 'next-auth/react'
-import { getDeviceType } from '#/shared/lib/helpers'
+
+import { useThemeStore } from '#/entities/theme/model/use-theme-store'
import { NextPageWithLayout } from '#/pages/_app'
+import { getDeviceType } from '#/shared/lib/helpers'
+import { StatsField } from '#/widgets/stats-field'
/**
* @deprecated
*/
const Admin: NextPageWithLayout = () => {
- const theme = useAppSelector((state) => state.theme.theme)
+ const theme = useThemeStore((state) => state.theme)
const device = getDeviceType()
const { data: session } = useSession()
@@ -1,14 +1,5 @@
import React, { useEffect, useState } from 'react'
-import {
- Box,
- Stack,
- Table,
- TableBody,
- TableHead,
- TableRow,
- TextField,
- Typography,
-} from '@mui/material'
+import { Box, Stack, Table, TableBody, TableHead, TableRow, TextField, Typography } from '@mui/material'
import Button from '@mui/material/Button'
import TableCell from '@mui/material/TableCell'
import axios from 'axios'
@@ -16,15 +7,16 @@ import Image from 'next/image'
import Link from 'next/link'
import { useSession } from 'next-auth/react'
-import { getAll, ResponseAllInfo } from '#/entities/user-account/model/user-type-slice'
+import styles from '#/shared/styles/api-keys.module.scss'
+
+import { useThemeStore } from '#/entities/theme/model/use-theme-store'
+import { ResponseAllInfo, useUserReferralStore } from '#/entities/user-account/model/use-user-referral-store'
import { ApiKeyModal } from '#/features/api-key-modal/api-key-modal'
-import { useAppSelector } from '#/app/store/store'
+import { NextPageWithLayout } from '#/pages/_app'
import { TooltipCustom } from '#/shared'
import { accountApi } from '#/shared/api/account-endpoints'
import { API_URL } from '#/shared/lib/constants'
-import styles from '#/shared/styles/api-keys.module.scss'
import { InputStyleSmallDark, InputStyleSmallLight } from '#/shared/ui/input'
-import { NextPageWithLayout } from '#/pages/_app'
const ApiKeys: NextPageWithLayout = () => {
const [keys, setKeys] = useState | null>(null)
@@ -35,7 +27,41 @@ const ApiKeys: NextPageWithLayout = () => {
const [disabled, setDisabled] = React.useState(true)
useEffect(() => {
- getAll(data?.access).then((res) => setUserInfo(res))
+ // Временно используем пустой объект
+ const res: ResponseAllInfo = {
+ uid: '',
+ first_name: '',
+ last_name: '',
+ username: '',
+ created_at: '',
+ email: '',
+ is_active: false,
+ is_staff: false,
+ show_balance: true,
+ is_confirmed: false,
+ is_social: false,
+ social_auth: [],
+ is_subscribed_to_emails: false,
+ profile_picture_link: null,
+ account_type: 'regular',
+ referral_code: { code: '' },
+ token: { access: '', refresh: '' },
+ payment_plan: {
+ uid: '',
+ plan: {
+ uid: '',
+ price: '',
+ tokens_per_plan: '',
+ title: '',
+ duration: '',
+ accessed_models: null,
+ },
+ last_payment_at: '',
+ next_payment_at: '',
+ current_token_balance: 0,
+ },
+ }
+ setUserInfo(res)
}, [data?.access])
useEffect(() => {
@@ -86,9 +112,9 @@ const ApiKeys: NextPageWithLayout = () => {
- API-ключ — это инструмент, который идентифицирует пользователя или
- программу, запрашивающих доступ к API платформы. С помощью ключа можно
- отслеживать, кто и когда пользуется API, рассчитывать оплату.
+ API-ключ — это инструмент, который идентифицирует пользователя или программу,
+ запрашивающих доступ к API платформы. С помощью ключа можно отслеживать, кто и
+ когда пользуется API, рассчитывать оплату.