@autobusal/providers 1.0.61 → 1.1.1

package/Errors/Message.tsx

@@ -1,15 +1,20 @@
 import { useNavigate } from 'react-router-dom';
-import { RiAlarmWarningFill, RiFileWarningLine } from 'react-icons/ri';
 import { Button } from '@autobusal/common';
-import { getLanguage } from '../Setup/utilities/languages';
-import { Container, Description } from './styles';
+import { useSystemTheme } from '@autobusal/hooks';
+import { getLanguage } from '../Setup/languages';
 import errors from '@lang/errors';
+import { Background, Container, Logo, Description } from './styles';
+import { GetSettings } from '../services';
 
 interface Props {
   type: 'error' | 'not_found'
 }
 
 const Message = ({ type }: Props): JSX.Element => {
+  const { data } = GetSettings();
+
+  const theme = useSystemTheme();
+
   const navigate = useNavigate();
 
   const language = getLanguage('en');
@@ -17,20 +22,26 @@ const Message = ({ type }: Props): JSX.Element => {
   const translations = errors[language as keyof typeof errors];
 
   return (
-    <Container>
-      { type === 'not_found' ? <RiFileWarningLine size={ 100 } /> : <RiAlarmWarningFill size={ 100 } /> }
-
-      <Description>
-        { type === 'not_found' ? translations.not_found : translations.system }
-      </Description>
-
-      <Button
-        type="button"
-        text={ translations.back }
-        noMargin
-        onClick={ () => navigate('/') }
-      />
-    </Container>
+    <>
+      <Background />
+
+      <Container className="box">
+        <Logo>
+          <img src={ `${ data.url }/logo-${ theme }.svg` } onClick={ () => navigate('/') } />
+        </Logo>
+
+        <Description>
+          { type === 'not_found' ? translations.not_found : translations.system }
+        </Description>
+
+        <Button
+          type="button"
+          text={ translations.back }
+          noMargin
+          onClick={ () => navigate('/') }
+        />
+      </Container>
+    </>
   );
 };
 

package/Errors/styles.ts

@@ -1,14 +1,41 @@
 import styled from 'styled-components';
 
+export const Background = styled.div`
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 10000;
+  background: ${ props => props.theme.background.normal };
+`;
+
 export const Container = styled.div`
-  height: 100%;
+  position: fixed;
+  top: 50%;
+  right: 50%;
+  z-index: 10001;
+  max-width: 400px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
-  gap: 15px;
+  transform: translate(50%, -50%);
+`;
+
+export const Logo = styled.div`
+  margin-bottom: 20px;
+
+  & > img {
+    display: block;
+    width: 250px;
+    cursor: pointer;
+  }
 `;
 
 export const Description = styled.div`
-  margin-bottom: 15px;
+  margin-bottom: 20px;
+  font-weight: 700;
+  text-align: center;
+  font-size: ${ props => props.theme.size.xxl };
 `;

package/Notifications/Notifications.tsx

@@ -1,5 +1,5 @@
 import { Toaster } from 'react-hot-toast';
-import useSystemTheme from '../Styles/hooks/useSystemTheme';
+import { useSystemTheme } from '@autobusal/hooks';
 import { GetSettings } from '../services';
 
 interface Props {
@@ -11,7 +11,7 @@ export const Provider = ({ children }: Props): JSX.Element => {
 
   const mode = useSystemTheme();
 
-  const ourTheme: any = data.colors[mode as keyof typeof data.colors];
+  const ourTheme = data.colors[mode as keyof typeof data.colors];
 
   return (
     <>

package/Queries/apiClient.ts

@@ -1,6 +1,6 @@
 import axios from 'axios';
 import languages from '@lang/errors';
-import { getLanguage } from '../Setup/utilities/languages';
+import { getLanguage } from '../Setup/languages';
 import { error as systemError } from '@autobusal/utilities';
 
 const apiClient = axios.create({
@@ -30,6 +30,11 @@ apiClient.interceptors.response.use(response => (
       window.location.href = '/account/logout';
     }
 
+    // if the user is not valid
+    if (error.response.status === 403) {
+      window.location.href = '/account/documents';
+    }
+
     // if we have a 422 error, we display the message
     if (error.response.status === 422) {
       systemError(error.response.data.message);
@@ -42,9 +47,9 @@ apiClient.interceptors.response.use(response => (
       systemError(languages[language as keyof typeof languages].server);
     }
   } else if (error.request) {
-    alert('NO REQUEST!!!');
+    console.log('REQUEST IS NOT DEFINED');
   } else {
-    alert('OPAOPA!');
+    console.error('RESPONSE IS NOT DEFINED!');
   }
 
   return Promise.reject(error);

package/Setup/Preload.tsx

@@ -1,32 +1,35 @@
 import { Helmet } from 'react-helmet';
-import { SettingsData } from '../types';
+import { SettingsData } from '../types/settings';
+import { useSystemTheme } from '@autobusal/hooks';
 
 interface Props {
   data: SettingsData
   children: JSX.Element
 }
 
-// @todo: De adaugat din tema Favicons
 const Preload = ({ data, children }: Props): JSX.Element => {
   // we arrange the font family names before inserting them
-  const fontTitle = data.theme.fontFamily.title.replace(/\ /g, '+');
-  const fontContent = data.theme.fontFamily.content.replace(/\ /g, '+');
+  const fontTitle = data.theme.fontFamily.title.replace(/ /g, '+');
+  const fontContent = data.theme.fontFamily.content.replace(/ /g, '+');
+
+  const theme = useSystemTheme();
+
+  const primaryColor = data.colors[theme].primary.normal;
 
   return (
     <>
       <Helmet>
         <title>{ data.preferences.company }</title>
 
-        {/* <!-- Favicons --> */}
-        {/* <link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png" /> */}
-        {/* <link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png" /> */}
-        {/* <link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png" /> */}
-        {/* <link rel="manifest" href="/favicons/site.webmanifest" /> */}
-        {/* <link rel="mask-icon" href="/favicons/safari-pinned-tab.svg" color="#5bbad5" /> */}
-        {/* <link rel="shortcut icon" href="/favicons/favicon.ico" /> */}
-        {/* <meta name="msapplication-TileColor" content="#ffffff" /> */}
-        {/* <meta name="msapplication-config" content="/favicons/browserconfig.xml" /> */}
-        {/* <meta name="theme-color" content="#ffffff" /> */}
+        <link rel="apple-touch-icon" sizes="180x180" href={ `${ data.url }/favicons/apple-touch-icon.png` } />
+        <link rel="icon" type="image/png" sizes="32x32" href={ `${ data.url }/favicons/favicon-32x32.png` } />
+        <link rel="icon" type="image/png" sizes="16x16" href={ `${ data.url }/favicons/favicon-16x16.png` } />
+        <link rel="manifest" href={ `${ data.url }/favicons/site.webmanifest` } />
+        <link rel="mask-icon" href={ `${ data.url }/favicons/safari-pinned-tab.svg` } color={ primaryColor } />
+        <link rel="shortcut icon" href={ `${ data.url }/favicons/favicon.ico` } />
+        <meta name="msapplication-TileColor" content={ primaryColor } />
+        <meta name="msapplication-config" content={ `${ data.url }/favicons/browserconfig.xml` } />
+        <meta name="theme-color" content={ primaryColor } />
 
         <link href={ `https://fonts.googleapis.com/css2?family=${ fontTitle }:wght@700&family=${ fontContent }:wght@300;400;700&display=swap` } rel="stylesheet" />
       </Helmet>

package/Setup/Setup.tsx

@@ -1,6 +1,6 @@
 import Preload from './Preload';
-import languages from './utilities/languages';
-import analytics from './utilities/analytics';
+import languages from './languages';
+import analytics from './analytics';
 import { GetSettings, GetMenu } from '../services';
 
 interface Props {

package/Setup/{utilities/analytics.ts → analytics.ts}

@@ -1,9 +1,11 @@
 import ReactGA from 'react-ga4';
 
 const analytics = (id: string | null): void => {
-  if (id !== null) {
-    ReactGA.initialize(id);
+  if (id === null) {
+    return;
   }
+
+  ReactGA.initialize(id);
 };
 
 export default analytics;

package/Styles/GlobalStyles.ts

@@ -18,7 +18,7 @@ const GlobalStyles = createGlobalStyle`
     height: 100%;
     margin: 0;
     padding: 0;
-    font-family: '${props => props.theme.fontFamily.content}', sans-serif;
+    font-family: '${ props => props.theme.fontFamily.content }', sans-serif;
     color: ${ props => props.theme.font.normal };
     font-size: ${ props => props.theme.size.m };
     line-height: ${ props => props.theme.lineHeight.content };

package/Styles/Styles.tsx

@@ -1,5 +1,5 @@
 import { ThemeProvider } from 'styled-components';
-import useSystemTheme from './hooks/useSystemTheme';
+import { useSystemTheme } from '@autobusal/hooks';
 import GlobalStyles from './GlobalStyles';
 import { GetSettings } from '../services';
 

package/index.ts

@@ -1,6 +1,5 @@
 import Providers from './Providers';
 import apiClient from './Queries/apiClient';
-import useSystemTheme from './Styles/hooks/useSystemTheme';
 import ErrorBoundary from './Errors/ErrorBoundary';
 import Message from './Errors/Message';
 import useMenuStore from './stores/menu';
@@ -11,7 +10,6 @@ export {
   ErrorBoundary,
   Message,
   useMenuStore,
-  useSystemTheme,
   useUserStore
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@autobusal/providers",
-  "version": "1.0.61",
+  "version": "1.1.1",
   "type": "module",
   "main": "index.ts"
 }

package/stores/menu.ts

@@ -1,5 +1,5 @@
 import { create } from 'zustand';
-import { MenuData } from '../types';
+import { MenuData } from '../types/settings';
 
 export interface MenuStore {
   menu: MenuData[]

package/stores/user.ts

@@ -4,7 +4,7 @@ import { UserData } from '../types/users';
 export interface UserStore {
   data?: UserData
   save: (user: UserData) => void
-  delete: () => void
+  remove: () => void
 }
 
 const initial = localStorage.getItem('user') ? JSON.parse(localStorage.getItem('user') ?? '{}') : undefined;
@@ -18,7 +18,7 @@ export const useUserStore = create<UserStore>((set) => ({
       data: user
     };
   }),
-  delete: () => set(() => {
+  remove: () => set(() => {
     localStorage.removeItem('user');
 
     return {

package/types/account.ts

@@ -4,14 +4,64 @@ import { OperatorData } from './operators';
 export interface TransactionData {
   id:  number
   public_display: string[]
+  private?: string
   from?: OperatorData | AgentData
   to?: OperatorData | AgentData
   amount_display: string
+  type: string
   paid_date: string
+  status: string
+  comment?: string
+  updated_at: string
 }
 
 export interface NotificationData {
   id: number
   title: string
+  title_en?: string
+  title_sq?: string
   content: string
+  content_en?: string
+  content_sq?: string
+  name: string
+  group: string
+  status: number
+  from?: string
+  to?: string
+  created_at?: string
+  updated_at?: string
+}
+
+export interface SubscriptionData {
+  id: number
+  name: string
+  name_en?: string
+  name_sq?: string
+  price_display: string
+  price?: number
+  days: number
+  type: string
+  description: string
+  description_en?: string
+  description_sq?: string
+  priority: number
+  banner: number
+  column: number
+}
+
+export interface EmailsData {
+  email: string
+  settings: {
+    funds: number
+    subscriptions: number
+    news: number
+    transactions: number
+  }
+}
+
+export interface SubscribedData {
+  subscription: SubscriptionData
+  next_billing: string
+  cancelled: number
+  created_at: string
 }

package/types/admins.ts

@@ -0,0 +1,17 @@
+import { UserData } from './users';
+
+export interface AdminData {
+  id: number
+  name: string
+  first_name: string
+  last_name: string
+  user: UserData
+}
+
+export interface FinancerData {
+  id: number
+  name: string
+  first_name: string
+  last_name: string
+  user: UserData
+}

package/types/agents.ts

@@ -1,10 +1,35 @@
+import { UserData } from './users';
+
 export interface AgentData {
   id: number
   company: string
+  nipt: string
   name: string
+  first_name: string
+  last_name: string
+  address: string
+  city: string
   link: string
   logo_url: string
   description: string
   banner?: number
   column?: number
+  user: UserData
+  funds_display: string
+  mobile: string
+  mobile2: string
+  phone: string
+  fax: string
+  website: string
+  license: string
+  operators: number[]
+  logo?: string[]
+}
+
+export interface SubagentData {
+  id: number
+  name: string
+  first_name: string
+  last_name: string
+  user: UserData
 }

package/types/articles.ts

@@ -6,6 +6,9 @@ export interface ArticleData {
   internal: string
   image_url: string | null
   category: CategoryData
+  language: string
+  description: string
+  image?: string[]
   keywords: string
   created_at: string
 }
@@ -13,4 +16,6 @@ export interface ArticleData {
 export interface CategoryData {
   id: number
   name: string
+  name_en?: string
+  name_sq?: string
 }

package/types/buses.ts

@@ -8,6 +8,9 @@ export interface BusData {
   name: string
   image_url: string
   seats: SeatData[]
+  status: number
+  seats_no: number
+  image?: string[]
 }
 
 export interface SeatData {

package/types/documents.ts

@@ -0,0 +1,18 @@
+export interface GroupData {
+  id: number
+  name: string
+  name_en?: string
+  name_sq?: string
+  type: 'all' | 'operators' | 'agents'
+  allowed: string[] | string
+}
+
+export interface DocumentData {
+  id: number
+  name: string
+  name_en?: string
+  name_sq?: string
+  content: string
+  content_en?: string
+  content_sq?: string
+}

package/types/locations.ts

@@ -1,22 +1,29 @@
 export interface LocationData {
   id: number
+  tomorrow: number
   departure: string
   arrival: string
   city: CityData
   stop?: StopData
+  order_id: number
 }
 
 export interface CountryData {
   id: number
   name: string
+  name_en?: string
+  name_sq?: string
   slug?: string
   cities?: CityData[]
   iso_code: string
+  available?: number
 }
 
 export interface CityData {
   id: number
   name: string
+  name_en?: string
+  name_sq?: string
   location: string[]
   slug: string
   douane?: number
@@ -24,6 +31,10 @@ export interface CityData {
   link?: string
   image_url?: string
   booking_id?: string
+  stops?: StopData[]
+  front?: number
+  front_order?: number
+  image?: string[]
 }
 
 export interface StopData {

package/types/operators.ts

@@ -1,10 +1,14 @@
 import { RouteData } from './routes';
+import { UserData } from './users';
 
 export interface OperatorData {
   id: number
   company: string
+  nipt: string
   name: string
   code: string
+  address: string
+  city: string
   link: string
   logo_url: string
   description: string
@@ -13,16 +17,39 @@ export interface OperatorData {
   first_name?: string
   last_name?: string
   website?: string
+  license: string
   full_address?: string
   email?: string
   phone?: string
   mobile?: string
   mobile2?: string
+  fax: string
   gallery?: GalleryData[]
   routes?: RouteData[]
+  user: UserData
+  funds_display: string
+  logo?: string[]
 }
 
 export interface GalleryData {
   id: number
   image_url: string
+  images?: string[]
+}
+
+export interface EmployeeData {
+  id: number
+  name: string
+  first_name: string
+  last_name: string
+  user: UserData
+  can_print: number
+}
+
+export interface DriverData {
+  id: number
+  name: string
+  first_name: string
+  last_name: string
+  user: UserData
 }

package/types/orders.ts

@@ -3,21 +3,45 @@ import { PriceData, RouteData } from './routes';
 import { UserData } from './users';
 
 export interface CouponData {
+  id: number
+  title: string
   code: string
   discount: string
+  used?: boolean
   total: string
+  from: string
+  to: string
+  quantity: number
+  operator_edit: string
+  obt_edit: string
+  status: number
+  availability: string[] | string
+  routes: number[] | string
+  created_at: string
+  updated_at: string
 }
 
 export interface OrderData {
+  id: number
   hash: string
   date_travel: string
   price: PriceData
   route: RouteData
+  type: string
+  status: number
   contact?: ContactData
   passengers: TicketData[]
+  tickets: number
   amount_display: string
   note_cancel: string
   actions: string[]
+  created_at: string
+  comission_affiliate_display: string
+  name_display?: string
+  occupied: string
+  reference?: OrderData
+  updated_at: string
+  account?: any
 }
 
 export interface ContactData {
@@ -37,6 +61,7 @@ export interface ContactData {
 export interface TicketData {
   id: number
   type: string
+  name: string
   first_name: string
   last_name: string
   dob: string
@@ -44,7 +69,9 @@ export interface TicketData {
   passport: string
   phone: string
   bus_seat?: number
+  checkedin?: 'yes' | 'no'
   changes?: ChangeData[]
+  qr?: string
 }
 
 export interface ChangeData {
@@ -52,4 +79,13 @@ export interface ChangeData {
   user: UserData
   changes: string
   updated_at: string
+}
+
+export interface InvoiceData {
+  id: number
+  from: string
+  to: string
+  amount: string
+  status: number
+  created_at: string
 }

package/types/other.ts

@@ -0,0 +1,37 @@
+import { UserData } from './users';
+
+export interface TableParamsData {
+  page?: number
+  sort?: number
+  order?: string
+  q?: string
+}
+
+export interface DropdownData {
+  id: number | string
+  name: string
+}
+
+export interface ReportingData {
+  id: number
+  user: UserData
+  type: string
+  about: string
+  created_at: string
+}
+
+export interface EmailData {
+  id: number
+  user_email: string
+  user?: UserData
+  type: string
+  hash: string
+  created_at: string
+}
+
+export interface NewsletterSendData {
+  group: string
+  language: string
+  subject: string
+  content: string
+}

package/types/pages.ts

@@ -0,0 +1,18 @@
+export interface PageData {
+  id: number
+  name: string
+  name_en?: string
+  name_sq?: string
+  internal: string
+  title_en: string
+  title_sq: string
+  content_en: string
+  content_sq: string
+  content: string
+  keywords_en: string
+  keywords_sq: string
+  keywords: string
+  description_en: string
+  description_sq: string
+  description: string
+}

package/types/pagination.ts

@@ -0,0 +1,13 @@
+export interface PaginationData<T> {
+  current_page: number
+  last_page: number
+  data: T[]
+  links: LinkData[]
+  total: number
+}
+
+export interface LinkData {
+  url: string | null
+  label: string
+  active: boolean
+}

package/types/routes.ts

@@ -1,22 +1,47 @@
+import { AgentData } from './agents';
+import { BusData } from './buses';
 import { LocationData, CountryData } from './locations';
 import { OperatorData } from './operators';
+import { OrderData } from './orders';
 
 export interface RouteData {
   id: number
   name: string
   code: string
+  type: string
   operator: OperatorData
   locations: LocationData[]
   available: AvailableData
+  unavailable: UnavailableData[]
   transiting: TransitingData[]
+  comissions: ComissionData
+  prices: PriceData[]
+  alternates: AlternateData[]
+  drivers: DriversData
+  orders: OrderData[]
+  features?: number[]
   trip: TripData
   link: string
   link_purchase: string
+  language: string
+  template: string
+  searchable: number
+  policies_en: string
+  policies_sq: string
 }
 
 export interface AvailableData {
   id: number
   schedule_display: string
+  schedule: number[]
+  start_date: string
+  end_date: string
+}
+
+export interface UnavailableData {
+  id: number
+  start_inactive: string
+  end_inactive: string
 }
 
 export interface TransitingData {
@@ -26,13 +51,25 @@ export interface TransitingData {
 
 export interface TripData {
   id: number
+  bus?: BusData
+  bags_weight_display: string
+  bags_weight: string
+  bags_no_display: string
+  bags_no: string
   features_data: FeatureData[]
+  features: number[]
+  available_seats: number
+  blocked_seats: number
+  seating: string
 }
 
 export interface FeatureData {
   id: number
   name: string
+  name_en?: string
+  name_sq?: string
   image_url: string
+  image?: string[]
 }
 
 export interface PolicyData {
@@ -57,4 +94,34 @@ export interface PriceData {
   value: number
   from: LocationData
   to: LocationData
+  adult: number
+  adult_display: string
+  child: number
+  child_display: string
+  baby: number
+  baby_display: string
+  adult_return: number
+  child_return: number
+  baby_return: number
+}
+
+export interface AlternateData extends PriceData {
+  name: string
+  date_from: string
+  date_to: string
+}
+
+export interface ComissionData {
+  id: number
+  agent?: AgentData
+  departure_operator_edit: string
+  departure_agent_edit: string
+  return_operator_edit: string
+  return_agent_edit: string
+  departure_self_edit: string
+  return_self_edit: string
+}
+
+export interface DriversData {
+  registered: string[]
 }

package/types/settings.ts

@@ -42,8 +42,96 @@ export interface SettingsData {
 export interface MenuData {
   id: number
   name: string
+  name_en?: string
+  name_sq?: string
   link: string
   new: 'yes' | 'no'
   children: MenuData[]
   location: 'any' | 'left' | 'right'
+  parent_id: number | null
+  menu?: MenuData
+  order_id: number
+}
+
+export interface LabelData {
+  type?: string
+
+  email: string
+  phone: string
+  currency: string
+  affiliate_max_tickets: number
+
+  legal: {
+    kop: string
+    njb: string
+    city: string
+    nipt: string
+    nivf: string
+    nslf: string
+    address: string
+    company: string
+    invoice_code: string
+    customer_service: string
+  }
+
+  payments: {
+    reserve: boolean
+    funds: boolean
+    bkt: boolean
+    paypal: boolean
+  }
+
+  smtp: {
+    server: string
+    port: number
+    security: string
+    username: string
+    password: string
+    email: string
+    name: string
+  },
+
+  comissions: {
+    label: {
+      agent: number
+      operator: number
+    }
+    general: {
+      agent: number
+      operator: number
+    }
+    visitor: {
+      agent: number
+      operator: number
+    }
+    reservation: number
+  }
+
+  bkt_settings: {
+    url: string
+    authid: string
+    domain: string
+    storeKey: string
+    currencyId: string
+  }
+
+  devpos_settings: {
+    vat: number
+    barcode: string
+    authorization: string
+    exchange_rate: number
+    cash_register_index: string
+  }
+
+  social: {
+    google: {
+      client_id: string
+      client_secret: string
+    }
+
+    facebook: {
+      client_id: string
+      client_secret: string
+    }
+  }
 }

package/types/users.ts

@@ -1,9 +1,99 @@
+import { SubscriptionData } from './account';
+import { AdminData, FinancerData } from './admins';
+import { AgentData, SubagentData } from './agents';
+import { DocumentData } from './documents';
+import { DriverData, EmployeeData, OperatorData } from './operators';
+import { VisitorData } from './visitors';
+
 export interface UserData {
   id: number
   name: string
-  type: 'operator' | 'financer' | 'agent'
+  name_display?: string
+  email: string
+  type: 'admin' | 'financer' | 'operator' | 'employee' | 'driver' | 'agent' | 'subagent' | 'visitor'
   verified: Date
   status: number
   funds: string
   documents: boolean
+  comissions: ComissionData
+  subscription: SubscribedData
+  api: ApiData
+  created_at: string
+  admin?: AdminData
+  financer?: FinancerData
+  operator?: OperatorData
+  employee?: EmployeeData
+  driver?: DriverData
+  agent?: AgentData
+  subagent?: SubagentData
+  visitor?: VisitorData
+}
+
+export interface LogData {
+  id: number
+  ip: string
+  user?: UserData
+  no?: number
+  created_at: string
+}
+
+export interface ComissionData {
+  unique: number
+  external: number
+  departure_edit: string
+  departure_self_edit: string
+  return_edit: string
+  return_self_edit: string
+  affiliate_edit: string
+}
+
+export interface ApiData {
+  api: number
+  bkt: number
+  devpos: number
+}
+
+export interface SubscribedData {
+  subscription: SubscriptionData
+}
+
+export interface ApiDetailsData {
+  business_code?: string
+  operator_code?: string
+  nuis?: string
+  fiscalization_number?: string
+  username?: string
+  password?: string
+  bank_name?: string
+  bank_swift?: string
+  bank_account?: string
+  bank_address?: string
+  bank_city?: string
+}
+
+export interface ChangeData {
+  id: number
+  type: string
+  value: string
+  created_at: string
+  user: UserData
+}
+
+export interface AffiliateData extends UserData {
+  affiliate?: string
+  made: string
+  sold: number
+}
+
+export interface AffiliateRequestData {
+  affiliate: boolean
+  affiliate_request: number
+  link: string
+}
+
+export interface DocumentsData {
+  id: number
+  document: DocumentData
+  signed: 'yes' | 'no'
+  data: any[]
 }

package/types/visitors.ts

@@ -1,5 +1,8 @@
+import { UserData } from './users';
+
 export interface VisitorData {
   id: number
+  name: string
   first_name: string
   last_name: string
   sex: number
@@ -11,4 +14,5 @@ export interface VisitorData {
   country_id: number
   company: string
   nipt: string
+  user: UserData
 }

package/Styles/hooks/useSystemTheme.ts

@@ -1,18 +0,0 @@
-import { useState, useEffect } from 'react';
-
-const useSystemTheme = (): ('light' | 'dark') => {
-  const queryDarkMode = window.matchMedia("(prefers-color-scheme: dark)");
-
-  const [ theme, setTheme ] = useState<'light' | 'dark'>(queryDarkMode.matches ? 'dark' : 'light');
-
-  // setup a listener to respond to future changes of the system theme
-  useEffect(() => {
-    queryDarkMode.addEventListener('change', (event: MediaQueryListEvent) => {
-      setTheme(event.matches ? 'dark' : 'light');
-    })
-  });
-
-  return theme;
-};
-
-export default useSystemTheme;