app-tutor-ai-consumer 1.33.0 → 1.33.1

package/src/modules/widget/components/starter-page/starter-page-actions/starter-page-actions.tsx

@@ -1,33 +0,0 @@
-import { useMemo } from 'react'
-import { useDecision } from '@optimizely/react-sdk'
-
-import { useInitSparkie } from '@/src/modules/sparkie/hooks'
-import { useIsAgentParentAtomValue, useWidgetSettingsAtomValue } from '../../../store'
-import { QuickActionButtons } from '../../quick-action-buttons'
-
-function WidgetStarterPageActions({ send }: { send: (textContent?: string | null) => void }) {
-  const [tutorQuickActionsFF] = useDecision('lex_tutor_quick_actions')
-  const settings = useWidgetSettingsAtomValue()
-  const isAgentMode = useIsAgentParentAtomValue()
-  const isSparkieReady = useInitSparkie()
-
-  const isDarkTheme = useMemo(() => settings?.config?.theme === 'dark', [settings?.config?.theme])
-
-  const shouldNotRender = useMemo(
-    () => [isAgentMode, !tutorQuickActionsFF?.enabled].some(Boolean),
-    [isAgentMode, tutorQuickActionsFF?.enabled]
-  )
-
-  if (shouldNotRender) return null
-
-  return (
-    <QuickActionButtons
-      className='grid-area-[b] my-4 flex flex-shrink-0 snap-x snap-mandatory gap-2 overflow-x-auto whitespace-nowrap [scrollbar-width:none] [&::-webkit-scrollbar]:hidden'
-      isDarkTheme={isDarkTheme}
-      send={send}
-      loading={!isSparkieReady}
-    />
-  )
-}
-
-export default WidgetStarterPageActions

package/src/modules/widget/components/starter-page/starter-page-content/index.ts

@@ -1 +0,0 @@
-export { default as WidgetStarterPageContent } from './starter-page-content'

package/src/modules/widget/components/starter-page/starter-page-content/starter-page-content.spec.tsx

@@ -1,62 +0,0 @@
-import { render, screen } from '@/src/config/tests'
-import { useSparkieStateAtomValue } from '@/src/modules/sparkie/store'
-import {
-  useIsAgentParentAtomValue,
-  useWidgetLoadingAtomValue,
-  useWidgetTabsAtom
-} from '../../../store'
-
-import WidgetStarterPageContent from './starter-page-content'
-
-vi.mock('../../../store', async (importActual) => ({
-  ...(await importActual()),
-  useIsAgentParentAtomValue: vi.fn(),
-  useWidgetLoadingAtomValue: vi.fn(),
-  useWidgetTabsAtom: vi.fn()
-}))
-
-vi.mock('@/src/modules/sparkie/store', () => ({
-  useSparkieStateAtomValue: vi.fn()
-}))
-
-describe('<WidgetStarterPageContent />', () => {
-  const widgetTabsMock = ['starter', vi.fn()]
-
-  const renderComponent = () => render(<WidgetStarterPageContent />)
-
-  beforeEach(() => {
-    vi.mocked(useIsAgentParentAtomValue).mockReturnValue(false)
-    vi.mocked(useWidgetLoadingAtomValue).mockReturnValue(false)
-    vi.mocked(useSparkieStateAtomValue).mockReturnValue('idle')
-    vi.mocked(useWidgetTabsAtom).mockReturnValue(widgetTabsMock as never)
-  })
-
-  it('should render greetings card when not in agent mode', () => {
-    renderComponent()
-
-    expect(screen.getByText(/sparkle-tutor-light/i)).toBeInTheDocument()
-    expect(screen.getByText(/general.greetings.hello/i)).toBeInTheDocument()
-    expect(screen.getByText(/general.greetings.firstMessage/i)).toBeInTheDocument()
-    expect(screen.getByText(/general.greetings.description/i)).toBeInTheDocument()
-  })
-
-  it('should render the skeleton when in agent mode and is loading state', () => {
-    vi.mocked(useIsAgentParentAtomValue).mockReturnValueOnce(true)
-    vi.mocked(useWidgetLoadingAtomValue).mockReturnValueOnce(true)
-
-    renderComponent()
-
-    expect(screen.getByTestId('avatar-animation-icon')).toBeInTheDocument()
-  })
-
-  it('should redirect to chat page when in agent mode, widget is not loading and sparkie is initialized', () => {
-    vi.mocked(useSparkieStateAtomValue).mockReturnValue('initialized')
-    vi.mocked(useIsAgentParentAtomValue).mockReturnValueOnce(true)
-
-    const { container } = renderComponent()
-
-    expect(container).toBeEmptyDOMElement()
-    expect(widgetTabsMock[1]).toHaveBeenCalledOnce()
-    expect(widgetTabsMock[1]).toHaveBeenNthCalledWith(1, 'chat')
-  })
-})

package/src/modules/widget/components/starter-page/starter-page-content/starter-page-content.tsx

@@ -1,57 +0,0 @@
-import { useMemo } from 'react'
-import { useTranslation } from 'react-i18next'
-
-import { MessageSkeleton } from '@/src/modules/messages/components'
-import { useSparkieStateAtomValue } from '@/src/modules/sparkie/store'
-import {
-  useIsAgentParentAtomValue,
-  useWidgetLoadingAtomValue,
-  useWidgetSettingsAtomValue,
-  useWidgetTabsAtom
-} from '../../../store'
-import { GreetingsCard } from '../../greetings-card'
-
-function WidgetStarterPageContent() {
-  const { t } = useTranslation()
-  const settings = useWidgetSettingsAtomValue()
-  const isAgentMode = useIsAgentParentAtomValue()
-  const widgetLoading = useWidgetLoadingAtomValue()
-  const [, setWidgetTabs] = useWidgetTabsAtom()
-  const sparkieState = useSparkieStateAtomValue()
-
-  const authorName = useMemo(() => {
-    const username = typeof settings?.user?.name === 'string' ? settings?.user?.name : ''
-
-    return username?.split?.(' ')?.[0] || ''
-  }, [settings?.user?.name])
-
-  const isDarkTheme = useMemo(() => settings?.config?.theme === 'dark', [settings?.config?.theme])
-
-  const name = useMemo(() => settings?.tutorName ?? t('general.name'), [settings?.tutorName, t])
-
-  const shouldGoToChat = useMemo(
-    () => [isAgentMode, !widgetLoading, sparkieState === 'initialized'].every(Boolean),
-    [isAgentMode, sparkieState, widgetLoading]
-  )
-
-  if (shouldGoToChat) {
-    setWidgetTabs('chat')
-    return null
-  }
-
-  if (isAgentMode && (widgetLoading || sparkieState !== 'initialized')) {
-    return (
-      <div className='mt-auto'>
-        <MessageSkeleton />
-      </div>
-    )
-  }
-
-  return (
-    <div className='my-auto'>
-      <GreetingsCard author={authorName} tutorName={name} isDarkTheme={isDarkTheme} />
-    </div>
-  )
-}
-
-export default WidgetStarterPageContent

package/src/modules/widget/components/starter-page/starter-page-header/index.ts

@@ -1 +0,0 @@
-export { default as WidgetStarterPageHeader } from './starter-page-header'

package/src/modules/widget/components/starter-page/starter-page-header/starter-page-header.spec.tsx

@@ -1,41 +0,0 @@
-import { render, screen } from '@/src/config/tests'
-import { useInitSparkie } from '@/src/modules/sparkie/hooks/use-init-sparkie'
-import { useIsAgentParentAtomValue } from '../../../store/widget-settings-config.atom'
-
-import WidgetStarterPageHeader from './starter-page-header'
-
-vi.mock('../../../store/widget-settings-config.atom')
-vi.mock('@/src/modules/sparkie/hooks/use-init-sparkie', () => ({ useInitSparkie: vi.fn() }))
-
-describe('<WidgetStarterPageHeader />', () => {
-  const renderComponent = () => render(<WidgetStarterPageHeader />)
-
-  beforeEach(() => {
-    vi.mocked(useIsAgentParentAtomValue).mockReturnValue(true)
-    vi.mocked(useInitSparkie).mockReturnValue(false)
-  })
-
-  it('should return null when rendered as agent mode', () => {
-    const { container } = renderComponent()
-
-    expect(container).toBeEmptyDOMElement()
-  })
-
-  it('should render without errors when is not rendered as agent', () => {
-    vi.mocked(useIsAgentParentAtomValue).mockReturnValue(false)
-    renderComponent()
-
-    expect(screen.getByRole('button', { name: /general.buttons.info Icon/i })).toBeInTheDocument()
-    expect(screen.getByRole('button', { name: /Close Icon/i })).toBeInTheDocument()
-  })
-
-  it('should render the archive button when isSparkieReady is true', () => {
-    vi.mocked(useIsAgentParentAtomValue).mockReturnValue(false)
-    vi.mocked(useInitSparkie).mockReturnValue(true)
-    renderComponent()
-
-    expect(
-      screen.getByRole('button', { name: /general.buttons.archive Icon/i })
-    ).toBeInTheDocument()
-  })
-})

package/src/modules/widget/components/starter-page/starter-page-header/starter-page-header.tsx

@@ -1,34 +0,0 @@
-import { useMemo } from 'react'
-import { useTranslation } from 'react-i18next'
-
-import type { ValidIconNames } from '@/src/lib/components/icons/icon-names'
-import { useMediaQuery } from '@/src/lib/hooks'
-import { useInitSparkie } from '@/src/modules/sparkie/hooks'
-import { useIsAgentParentAtomValue, useWidgetSettingsAtomValue } from '../../../store'
-import { WidgetHeader } from '../../header'
-
-function WidgetStarterPageHeader() {
-  const { t } = useTranslation()
-  const settings = useWidgetSettingsAtomValue()
-  const isAgentMode = useIsAgentParentAtomValue()
-  const isSparkieReady = useInitSparkie()
-  const isMobile = useMediaQuery({ maxSize: 'md' })
-
-  const enabledButtons = useMemo(() => {
-    const btns = ['close', 'info'] as ValidIconNames[]
-
-    if (isSparkieReady) {
-      btns.push('archive')
-    }
-
-    return btns
-  }, [isSparkieReady])
-
-  const name = useMemo(() => settings?.tutorName ?? t('general.name'), [settings?.tutorName, t])
-
-  if (isAgentMode) return null
-
-  return <WidgetHeader enabledButtons={enabledButtons} tutorName={name} showContent={isMobile} />
-}
-
-export default WidgetStarterPageHeader

package/src/wrapper.tsx

@@ -1,32 +0,0 @@
-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