Use relative paths for library includes

Author: Michael Dijkstra

src/components/Chatwoot/index.tsx

@@ -1,6 +1,7 @@
-import useChat from 'hooks/useChat'
 import React, { CSSProperties } from 'react'
 
+import useChat from '../../hooks/useChat'
+
 const styles: {
   button: CSSProperties
   img: CSSProperties

src/components/Drift/index.tsx

@@ -1,6 +1,7 @@
-import useChat from 'hooks/useChat'
 import React, { useState, useEffect, CSSProperties } from 'react'
-import useWindowWidth from 'hooks/useWindowWidth'
+
+import useChat from '../../hooks/useChat'
+import useWindowWidth from '../../hooks/useWindowWidth'
 
 const styles: {
   container: CSSProperties

src/components/HelpScout/index.tsx

@@ -1,6 +1,7 @@
 import React, { CSSProperties, useEffect, useState } from 'react'
-import useChat from 'hooks/useChat'
-import useWindowHeight from 'hooks/useWindowHeight'
+
+import useChat from '../../hooks/useChat'
+import useWindowHeight from '../../hooks/useWindowHeight'
 
 const styles: {
   wrapper: CSSProperties

src/components/Intercom/index.tsx

@@ -1,5 +1,6 @@
 import React, { CSSProperties } from 'react'
-import useChat from 'hooks/useChat'
+
+import useChat from '../../hooks/useChat'
 
 const styles: {
   wrapper: CSSProperties

src/components/LiveChatLoaderProvider.tsx

@@ -1,7 +1,7 @@
 import React, { useState } from 'react'
-import * as Providers from 'providers'
-import { State, Provider } from 'types'
-import { LiveChatLoaderContext } from 'context'
+import * as Providers from '../providers'
+import { State, Provider } from '../types'
+import { LiveChatLoaderContext } from '../context'
 
 export const LiveChatLoaderProvider = ({
   provider,

src/components/Messenger/index.tsx

@@ -1,7 +1,8 @@
 import React, { CSSProperties, memo } from 'react'
-import useProvider from 'hooks/useProvider'
-import useChat from 'hooks/useChat'
-import { Provider } from 'types'
+
+import { Provider } from '../../types'
+import useProvider from '../../hooks/useProvider'
+import useChat from '../../hooks/useChat'
 
 const styles: CSSProperties = {
   appearance: 'none',

src/components/Userlike/index.tsx

@@ -1,5 +1,6 @@
 import React, { CSSProperties } from 'react'
-import useChat from 'hooks/useChat'
+
+import useChat from '../../hooks/useChat'
 
 const styles: {
   container: CSSProperties

src/context.ts

@@ -1,5 +1,6 @@
 import { createContext } from 'react'
-import { Provider, State } from 'types'
+
+import { Provider, State } from './types'
 
 interface Context {
   provider: Provider

src/hooks/useChat.ts

@@ -1,7 +1,8 @@
 import { useContext, useCallback, useEffect } from 'react'
-import { State } from 'types'
-import { LiveChatLoaderContext } from 'context'
-import * as Providers from 'providers'
+
+import { State } from '../types'
+import { LiveChatLoaderContext } from '../context'
+import * as Providers from '../providers'
 
 const requestIdleCallback =
   typeof window !== 'undefined' ? window.requestIdleCallback : null

src/hooks/useProvider.ts

@@ -1,6 +1,7 @@
 import { useContext } from 'react'
-import { Provider } from 'types'
-import { LiveChatLoaderContext } from 'context'
+
+import { Provider } from '../types'
+import { LiveChatLoaderContext } from '../context'
 
 const useProvider = (): {
   provider: Provider