feat: 🎸 Fix image load and typescript errors (kolplattformen#570)

* Update Cocoapods version
* Use new api GetRequestHeaders to get headers
* Remove warnings of missing colors and brushes
* Fix typing errors
* Change affected main branch to main
* Remove unused feature toggle
* Add dummy login checker to remove using any

apps/skolplattformen-app/components/calendar.component.tsx

@@ -1,4 +1,4 @@
-import { CalendarItem } from '@skolplattformen/api-skolplattformen'
+import { CalendarItem } from '@skolplattformen/api'
 import { useCalendar } from '@skolplattformen/hooks'
 import {
   Divider,

apps/skolplattformen-app/components/childContext.component.tsx

@@ -1,4 +1,4 @@
-import { Child } from '@skolplattformen/api-skolplattformen'
+import { Child } from '@skolplattformen/api'
 import React, { createContext, useContext } from 'react'
 
 interface ChildProviderProps {

apps/skolplattformen-app/components/childListItem.component.tsx

@@ -1,7 +1,7 @@
 /* eslint-disable react-native-a11y/has-accessibility-hint */
 import { useNavigation } from '@react-navigation/native'
 import { StackNavigationProp } from '@react-navigation/stack'
-import { Child } from '@skolplattformen/api-skolplattformen'
+import { Child } from '@skolplattformen/api'
 import {
   useCalendar,
   useClassmates,

apps/skolplattformen-app/components/children.component.tsx

@@ -1,5 +1,5 @@
 import { useNavigation } from '@react-navigation/core'
-import { Child } from '@skolplattformen/api-skolplattformen'
+import { Child } from '@skolplattformen/api'
 import { useApi, useChildList } from '@skolplattformen/hooks'
 import {
   Button,

apps/skolplattformen-app/components/classmates.component.tsx

@@ -1,4 +1,4 @@
-import { Classmate } from '@skolplattformen/api-skolplattformen'
+import { Classmate } from '@skolplattformen/api'
 import { useClassmates } from '@skolplattformen/hooks'
 import {
   Divider,

apps/skolplattformen-app/components/contactMenu.component.tsx

@@ -1,5 +1,5 @@
 /* eslint-disable react-native-a11y/has-accessibility-hint */
-import { Classmate } from '@skolplattformen/api-skolplattformen'
+import { Classmate } from '@skolplattformen/api'
 import {
   Button,
   MenuGroup,

apps/skolplattformen-app/components/daySummary.component.tsx

@@ -1,4 +1,4 @@
-import { Child } from '@skolplattformen/api-skolplattformen'
+import { Child } from '@skolplattformen/api'
 import { useTimetable } from '@skolplattformen/hooks'
 import { StyleService, Text, useStyleSheet } from '@ui-kitten/components'
 import moment, { Moment } from 'moment'

apps/skolplattformen-app/components/image.component.tsx

@@ -31,7 +31,7 @@ export const Image = ({
   resizeMode = 'contain',
 }: ImageProps) => {
   const { api } = useApi()
-  const [headers, setHeaders] = useState()
+  const [headers, setHeaders] = useState<{ [index: string]: string }>()
   const { width: windowWidth } = useWindowDimensions()
   const [dimensions, setDimensions] = useState({ width: 0, height: 0 })
 
@@ -40,7 +40,7 @@ export const Image = ({
   const prefetchImageInformation = useCallback(
     async (url: string) => {
       if (!url) return
-      const { headers: newHeaders } = await api.getSession(url)
+      const newHeaders = await api.getSessionHeaders(url)
 
       console.log('[IMAGE] Getting image dimensions with headers', {
         debugImageName,

apps/skolplattformen-app/components/menu.component.tsx

@@ -1,4 +1,4 @@
-import { MenuItem } from '@skolplattformen/api-skolplattformen'
+import { MenuItem } from '@skolplattformen/api'
 import { useMenu } from '@skolplattformen/hooks'
 import {
   Divider,

apps/skolplattformen-app/components/menuListItem.component.tsx

@@ -1,4 +1,4 @@
-import { MenuItem } from '@skolplattformen/api-skolplattformen'
+import { MenuItem } from '@skolplattformen/api'
 import { StyleService, Text, useStyleSheet } from '@ui-kitten/components'
 import React from 'react'
 import { View } from 'react-native'

apps/skolplattformen-app/components/modalWebView.component.tsx

@@ -20,12 +20,12 @@ export const ModalWebView = ({
   const [modalVisible, setModalVisible] = React.useState(true)
   const { api } = useApi()
   const [title, setTitle] = React.useState('...')
-  const [headers, setHeaders] = useState()
+  const [headers, setHeaders] = useState<{ [index: string]: string }>()
 
   useEffect(() => {
     const getHeaders = async (urlToGetSessionFor: string) => {
       if (sharedCookiesEnabled) return
-      const { headers: newHeaders } = await api.getSession(urlToGetSessionFor)
+      const newHeaders = await api.getSessionHeaders(urlToGetSessionFor)
       setHeaders(newHeaders)
     }
 

apps/skolplattformen-app/components/navigation.component.tsx

@@ -2,7 +2,7 @@ import { NavigationContainer } from '@react-navigation/native'
 import {
   Child as ChildType,
   NewsItem as NewsItemType,
-} from '@skolplattformen/api-skolplattformen'
+} from '@skolplattformen/api'
 import { useApi } from '@skolplattformen/hooks'
 import { useTheme } from '@ui-kitten/components'
 import { Library } from 'libraries.json'

apps/skolplattformen-app/components/newsListItem.component.tsx

@@ -1,6 +1,6 @@
 import { useNavigation } from '@react-navigation/native'
 import { StackNavigationProp } from '@react-navigation/stack'
-import { NewsItem } from '@skolplattformen/api-skolplattformen'
+import { NewsItem } from '@skolplattformen/api'
 import { StyleService, useStyleSheet } from '@ui-kitten/components'
 import moment from 'moment'
 import React, { ReactNode } from 'react'

apps/skolplattformen-app/components/notification.component.tsx

@@ -1,4 +1,4 @@
-import { Notification as NotificationType } from '@skolplattformen/api-skolplattformen'
+import { Notification as NotificationType } from '@skolplattformen/api'
 import { StyleService, Text, useStyleSheet } from '@ui-kitten/components'
 import moment from 'moment'
 import React from 'react'

apps/skolplattformen-app/components/saveToCalendar.component.tsx

@@ -1,4 +1,4 @@
-import { CalendarItem } from '@skolplattformen/api-skolplattformen'
+import { CalendarItem } from '@skolplattformen/api'
 import { Button, MenuItem, OverflowMenu, Text } from '@ui-kitten/components'
 import React from 'react'
 import RNCalendarEvents from 'react-native-calendar-events'

apps/skolplattformen-app/components/week.component.tsx

@@ -1,8 +1,4 @@
-import {
-  Child,
-  MenuItem,
-  TimetableEntry,
-} from '@skolplattformen/api-skolplattformen'
+import { Child, MenuItem, TimetableEntry } from '@skolplattformen/api'
 import { useMenu, useTimetable } from '@skolplattformen/hooks'
 import {
   List,

apps/skolplattformen-app/context/feature/featureContext.tsx

@@ -2,8 +2,9 @@ import { Features, FeatureType } from '@skolplattformen/api'
 import React from 'react'
 
 export const FeatureFlagsContext = React.createContext<Features>({
-  LOGIN_BANK_ID_SAME_DEVICE: false,
+  LOGIN_BANK_ID_SAME_DEVICE_WITHOUT_ID: true,
   FOOD_MENU: false,
+  CLASS_LIST: true,
 })
 
 interface Props {

apps/skolplattformen-app/context/schoolPlatform/schoolPlatformContext.tsx

@@ -16,7 +16,7 @@ export const SchoolPlatformProvider: React.FC = ({ children }) => {
     'currentSchoolPlatform'
   )
 
-  const changeSchoolPlatform = (platform: string) => {
+  const changeSchoolPlatform = (platform) => {
     setCurrentSchoolPlatform(platform)
   }
 

apps/skolplattformen-app/data/schoolPlatforms.ts

@@ -10,13 +10,13 @@ export const schoolPlatforms = [
   {
     id: 'stockholm-skolplattformen',
     displayName: 'Stockholm stad (Skolplattformen)',
-    api: initSkolplattformen(fetch, CookieManager),
+    api: initSkolplattformen(fetch as any, CookieManager),
     features: featuresSkolPlattformen,
   },
   {
     id: 'goteborg-hjarntorget',
     displayName: 'Göteborg stad (Hjärntorget)',
-    api: initHjarntorget(fetch, CookieManager),
+    api: initHjarntorget(fetch as any, CookieManager),
     features: featuresHjarntorget,
   },
 ]

apps/skolplattformen-app/hooks/__tests__/usePersonalStorage.tests.ts

@@ -1,5 +1,5 @@
 import AsyncStorage from '@react-native-async-storage/async-storage'
-import { User } from '@skolplattformen/api-skolplattformen'
+import { User } from '@skolplattformen/api'
 import { act, renderHook } from '@testing-library/react-hooks'
 import usePersonalStorage from '../usePersonalStorage'
 

apps/skolplattformen-app/ios/Podfile.lock

@@ -669,4 +669,4 @@ SPEC CHECKSUMS:
 
 PODFILE CHECKSUM: 85f5a2dfa1de342b427eecb6e9652410ad153247
 
-COCOAPODS: 1.10.1
+COCOAPODS: 1.11.2

apps/skolplattformen-app/services/__tests__/appStorage.tests.ts

@@ -1,5 +1,5 @@
 import AsyncStorage from '@react-native-async-storage/async-storage'
-import { User } from '@skolplattformen/api-skolplattformen'
+import { User } from '@skolplattformen/api'
 import AppStorage from '../appStorage'
 
 beforeEach(() => {

apps/skolplattformen-app/services/appStorage.ts

@@ -1,5 +1,5 @@
 import AsyncStorage from '@react-native-async-storage/async-storage'
-import { User } from '@skolplattformen/api-skolplattformen'
+import { User } from '@skolplattformen/api'
 
 export default class AppStorage {
   static settingsStorageKeyPrefix = 'appsetting_'

apps/skolplattformen-app/utils/peopleHelpers.ts

@@ -1,4 +1,4 @@
-import { Guardian } from '@skolplattformen/api-skolplattformen'
+import { Guardian } from '@skolplattformen/api'
 
 export const studentName = (name?: string) => name?.replace(/\s?\(\w+\)$/, '')
 

apps/skolplattformen-app/utils/search.tsx

@@ -1,4 +1,4 @@
-import { NewsItem } from '@skolplattformen/api-skolplattformen'
+import { NewsItem } from '@skolplattformen/api'
 import { useNews } from '@skolplattformen/hooks'
 import { MatchData, Searcher } from 'fast-fuzzy'
 import React, { ReactNode, useMemo } from 'react'

apps/skolplattformen-app/utils/testHelpers.tsx

@@ -5,6 +5,7 @@ import { EvaIconsPack } from '@ui-kitten/eva-icons'
 import React, { ReactElement } from 'react'
 import { LanguageProvider } from '../context/language/languageContext'
 import { translations } from './translation'
+import { lightTheme } from '../design/themes'
 
 export const render = (
   ui: ReactElement<any, string>,
@@ -14,7 +15,7 @@ export const render = (
     return (
       <>
         <IconRegistry icons={EvaIconsPack} />
-        <ApplicationProvider {...eva} theme={eva.light}>
+        <ApplicationProvider {...eva} theme={lightTheme}>
           <LanguageProvider
             cache={false}
             data={translations}

libs/api-hjarntorget/lib/apiHjarntorget.ts

@@ -5,6 +5,7 @@ import {
   Classmate,
   CookieManager,
   EtjanstChild,
+  Fetch,
   Fetcher,
   FetcherOptions,
   LoginStatusChecker,
@@ -24,7 +25,7 @@ import { decode } from 'he'
 import { DateTime, FixedOffsetZone } from 'luxon'
 import * as html from 'node-html-parser'
 import { fakeFetcher } from './fake/fakeFetcher'
-import { checkStatus } from './loginStatus'
+import { checkStatus, DummyStatusChecker } from './loginStatus'
 import { extractMvghostRequestBody, parseCalendarItem } from './parse/parsers'
 import {
   beginBankIdUrl,
@@ -84,7 +85,7 @@ export class ApiHjarntorget extends EventEmitter implements Api {
   }
 
   constructor(
-    fetch: typeof global.fetch,
+    fetch: Fetch,
     cookieManager: CookieManager,
     options?: FetcherOptions
   ) {
@@ -138,6 +139,13 @@ export class ApiHjarntorget extends EventEmitter implements Api {
     return this.personalNumber
   }
 
+  public async getSessionHeaders(url: string): Promise<{ [index: string]: string }> {
+    const cookie = await this.cookieManager.getCookieString(url)
+    return {
+        cookie,
+    }
+  }
+
   async setSessionCookie(sessionCookie: string): Promise<void> {
     await this.fetch('login-cookie', hjarntorgetUrl, {
       headers: {
@@ -490,13 +498,13 @@ export class ApiHjarntorget extends EventEmitter implements Api {
 
     if((beginLoginRedirectResponse as any).url.endsWith("startPage.do")) {
       // already logged in!
-      const emitter = new EventEmitter()
+      const emitter = new DummyStatusChecker()
       setTimeout(() => {
         this.isLoggedIn = true
         emitter.emit('OK')
         this.emit('login')
       }, 50)
-      return emitter;
+      return emitter as LoginStatusChecker;
     }
 
     console.log('prepping??? shibboleth')