48 lines
1.8 KiB
TypeScript
48 lines
1.8 KiB
TypeScript
import React from 'react'
|
|
import i18next from 'i18next'
|
|
import ReactPostprocessor from 'i18next-react-postprocessor'
|
|
import { BrowserRouter } from 'react-router-dom'
|
|
import { I18nextProvider, initReactI18next } from 'react-i18next'
|
|
import { Provider } from 'react-redux'
|
|
import { store } from './store'
|
|
import { AuthProvider } from './auth'
|
|
import { ApiContext, createApi } from './api'
|
|
import { LegalContext, buildLegal } from './legal'
|
|
import { PaymentContext } from './payment'
|
|
import { getClientLocale, buildResources, fallbackLng } from './locales'
|
|
import type { AppConfig } from './types'
|
|
import App from './components/App'
|
|
|
|
const init = async (config: AppConfig) => {
|
|
const api = createApi()
|
|
const lng = getClientLocale()
|
|
const response = await api.getElements({ locale: lng })
|
|
const resources = buildResources(response)
|
|
const legal = buildLegal(response)
|
|
const i18nextInstance = i18next.createInstance()
|
|
const options = { lng, resources, fallbackLng, postProcess: [ `reactPostprocessor` ] }
|
|
await i18nextInstance.use(initReactI18next).use(new ReactPostprocessor()).init(options)
|
|
window.Chargebee.init(config.chargebee)
|
|
return (
|
|
<React.StrictMode>
|
|
<I18nextProvider i18n={i18nextInstance}>
|
|
<Provider store={store}>
|
|
<BrowserRouter>
|
|
<ApiContext.Provider value={api}>
|
|
<AuthProvider>
|
|
<LegalContext.Provider value={legal}>
|
|
<PaymentContext.Provider value={window.Chargebee.getInstance()}>
|
|
<App />
|
|
</PaymentContext.Provider>
|
|
</LegalContext.Provider>
|
|
</AuthProvider>
|
|
</ApiContext.Provider>
|
|
</BrowserRouter>
|
|
</Provider>
|
|
</I18nextProvider>
|
|
</React.StrictMode>
|
|
)
|
|
}
|
|
|
|
export default init
|