app-tutor-ai-consumer 1.32.2 → 1.33.0

package/src/modules/widget/store/widget-tabs.atom.ts

@@ -1,7 +1,11 @@
 import { atom, useAtom, useAtomValue } from 'jotai'
+import { atomWithDefault } from 'jotai/utils'
 
+import { sparkieStateAtom } from '../../sparkie/store'
 import type { CurrentTabKey } from '../components'
 
+import { widgetSettingsConfigAgentParentAtom } from './widget-settings-config.atom'
+
 export type WidgetTabsProps = {
   currentTab: CurrentTabKey
   history: Set<CurrentTabKey>
@@ -12,7 +16,33 @@ const INITIAL_PROPS: WidgetTabsProps = {
   history: new Set(['starter'])
 }
 
-export const widgetTabsAtom = atom<WidgetTabsProps>(INITIAL_PROPS)
+export const widgetTabsAtom = atomWithDefault<WidgetTabsProps>((get) => {
+  const sparkieState = get(sparkieStateAtom)
+  const isAgentMode = get(widgetSettingsConfigAgentParentAtom)
+
+  if (!isAgentMode) return INITIAL_PROPS
+
+  switch (sparkieState) {
+    case 'idle':
+    case 'initializing':
+      return {
+        currentTab: 'loading',
+        history: new Set(['loading'])
+      }
+    case 'initialized':
+      return {
+        currentTab: 'chat',
+        history: new Set(['chat'])
+      }
+    case 'failed':
+      return {
+        currentTab: 'error',
+        history: new Set(['error'])
+      }
+    default:
+      return INITIAL_PROPS
+  }
+})
 
 export const setWidgetTabsAtom = atom(
   (get) => get(widgetTabsAtom),

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 = {
@@ -68,3 +71,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,32 @@
+import { useEffect } from 'react'
+
+import { Main } from './main'
+import { SparkieService } from './modules/sparkie'
+import { useSparkieStateAtom } from './modules/sparkie/store'
+import type { WidgetSettingProps } from './types'
+
+export type WrapperProps = {
+  settings: WidgetSettingProps
+}
+
+function Wrapper({ settings }: WrapperProps) {
+  const [, setSparkieState] = useSparkieStateAtom()
+
+  useEffect(() => {
+    SparkieService.initSparkie({
+      token: settings?.hotmartToken,
+      skipPresenceSetup: true,
+      retryOptions: {
+        maxRetries: 5,
+        retryDelay: 2000,
+        backoffMultiplier: 1.5
+      }
+    })
+      .then((result) => setSparkieState(result ? 'initialized' : 'failed'))
+      .catch(() => setSparkieState('failed'))
+  }, [setSparkieState, settings?.hotmartToken])
+
+  return <Main settings={settings} />
+}
+
+export default Wrapper