app-tutor-ai-consumer 1.33.1 → 1.34.0

package/src/types.ts

@@ -1,3 +1,6 @@
+import type { QueryClient } from '@tanstack/react-query'
+import type { Root } from 'react-dom/client'
+
 import type { ILanguages } from './config/i18n'
 
 export type StartTutorWidgetProps = {
@@ -59,6 +62,7 @@ export type WidgetSettingProps = {
       courseName?: string
       source?: string
       promptId?: string
+      showFileUpload?: boolean
     }
   }
 }
@@ -68,3 +72,9 @@ export interface ICustomEvent<T = object> {
   handler: (listener: EventListenerOrEventListenerObject) => () => void | Promise<void>
   dispatch: <D = unknown>(detail?: D) => void
 }
+
+export type WidgetInstance = {
+  root: Root
+  container: HTMLElement
+  queryClient: QueryClient
+}

package/src/wrapper.tsx

@@ -0,0 +1,52 @@
+import { StrictMode } from 'react'
+import type { QueryClient } from '@tanstack/react-query'
+import { Provider as JotaiProvider } from 'jotai'
+
+import { QueryProvider } from './config/tanstack'
+import { Main } from './main'
+import { usePrefetchMessages } from './modules/messages/hooks/use-prefetch-messages'
+import { WidgetLoadingPage } from './modules/widget'
+import { WidgetErrorPage } from './modules/widget/components/error-page'
+import { useListenToThemeChangeEvent } from './modules/widget/hooks'
+import type { createStore } from './modules/widget/store'
+import type { WidgetSettingProps } from './types'
+
+export type WrapperProps = {
+  settings: WidgetSettingProps
+  queryClient: QueryClient
+  state: 'ERROR' | 'LOADING' | 'READY'
+  store?: ReturnType<typeof createStore>
+}
+
+function ContentWrapper({ settings }: Pick<WrapperProps, 'settings'>) {
+  usePrefetchMessages(settings)
+
+  return <Main settings={settings} />
+}
+
+function WrapperItem({ state, settings }: Omit<WrapperProps, 'queryClient' | 'store'>) {
+  switch (state) {
+    case 'READY':
+      return <ContentWrapper settings={settings} />
+    case 'LOADING':
+      return <WidgetLoadingPage />
+    default:
+      return <WidgetErrorPage />
+  }
+}
+
+function Wrapper({ queryClient, settings, state, store }: WrapperProps) {
+  useListenToThemeChangeEvent(store)
+
+  return (
+    <StrictMode>
+      <JotaiProvider store={store}>
+        <QueryProvider queryClient={queryClient} showDevTools={false}>
+          <WrapperItem settings={settings} state={state} />
+        </QueryProvider>
+      </JotaiProvider>
+    </StrictMode>
+  )
+}
+
+export default Wrapper

package/src/modules/widget/hooks/use-init-widget/index.ts

@@ -1 +0,0 @@
-export { default as useInitWidget } from './use-init-widget'

package/src/modules/widget/hooks/use-init-widget/use-init-widget.tsx

@@ -1,56 +0,0 @@
-import { useEffect, useState } from 'react'
-
-import { DataHubStore } from '@/src/config/datahub'
-import { initDayjs } from '@/src/config/dayjs'
-import { initAxios } from '@/src/config/request/api'
-import type { WidgetSettingProps } from '@/src/types'
-import { TutorWidgetEvents } from '../../events'
-
-const init = async (settings: WidgetSettingProps) => {
-  try {
-    initAxios(settings.hotmartToken)
-    await initDayjs(settings.locale)
-    DataHubStore.initData({
-      ucode: settings.user?.ucode ?? '',
-      membershipId: settings.membershipId ?? '',
-      membershipSlug: settings.membershipSlug ?? '',
-      sessionId: settings.sessionId,
-      userId: Number(settings.userId),
-      product: {
-        id: Number(settings.productId) || 0,
-        category: settings.productType ?? ''
-      }
-    })
-    TutorWidgetEvents['tutor-app-widget-loaded'].dispatch()
-  } catch (error) {
-    console.error(error)
-    TutorWidgetEvents['tutor-app-widget-loaded'].dispatch({ detail: { isSuccess: false } })
-  }
-}
-
-function useInitWidget(settings: WidgetSettingProps) {
-  const [completeSetup, setCompleteSetup] = useState(false)
-  const [error, setError] = useState<unknown>(null)
-
-  useEffect(() => {
-    let isMounted = true
-
-    if (completeSetup) return
-
-    init(settings)
-      .then(() => {
-        if (isMounted) setCompleteSetup(true)
-      })
-      .catch((e) => {
-        if (isMounted) setError(e)
-      })
-
-    return () => {
-      isMounted = false
-    }
-  }, [completeSetup, settings])
-
-  return { completeSetup, error }
-}
-
-export default useInitWidget