@chem-po/firebase-native 0.0.16 → 0.0.17

package/src/hooks/usePhoneVerify.ts

@@ -0,0 +1,76 @@
+import { PhoneEnrollmentFactor } from '@chem-po/core'
+import { useAuth, useToast } from '@chem-po/react'
+import { useCallback, useEffect, useRef, useState } from 'react'
+import { useBackend } from './backend'
+
+export const usePhoneVerify = (factor: PhoneEnrollmentFactor, automaticallySendSmsCode: boolean) => {
+  const [code, setCode] = useState('')
+  const [verifying, setVerifying] = useState(false)
+  const [error, setError] = useState('')
+
+  const { auth } = useBackend()
+  const {multiFactorVerification: twoFactorVerification, enrollmentFactors} = useAuth()
+
+  // const [{ automaticallySendSmsCode }, setCookie] = useCookies(['automaticallySendSmsCode'])
+
+  const initSendCode = useRef(!!automaticallySendSmsCode)
+
+  const { showSuccess, showError, showInfo } = useToast()
+
+  const sendCode = useCallback(async () => {
+    if (!enrollmentFactors) {
+      showError('Error - No session found')
+      return
+    }
+    await auth.sendMultiFactorCode(factor, enrollmentFactors.multiFactorResolver)
+  }, [auth, factor, twoFactorVerification, showError])
+
+  const initSendCodeFunc = useRef(sendCode)
+  useEffect(() => {
+    if (initSendCode.current) {
+      initSendCodeFunc.current()
+    }
+  }, [])
+
+  const handleVerify = useCallback(() => {
+    setVerifying(true)
+    setError('')
+    if (!twoFactorVerification) {
+      showError('Error - No session found')
+      return
+    }
+    const resolver = twoFactorVerification.resolver
+    if (!resolver) {
+      showError('Error - No resolver found')
+      return
+    }
+    const verificationId = twoFactorVerification.verificationId
+    if (!verificationId) {
+      showError('Error - No verification ID found')
+      return
+    }
+    const verify = auth.verifyMultiFactor
+    if (!verify) {
+      showError('Error - Two factor verification is not supported')
+      return
+    }
+    verify(twoFactorVerification, code)
+      .then(() => {
+        setVerifying(false)
+        setCode('')
+        showSuccess('Verification successful')
+      })
+      .catch(e => {
+        setVerifying(false)
+        setError(e.message || 'An error occurred')
+      })
+  }, [code, auth, showSuccess, showError])
+
+  return {
+    code,
+    setCode,
+    verifying,
+    error,
+    handleVerify,
+  }
+}

package/src/icons/Google.tsx

@@ -0,0 +1,24 @@
+import * as React from 'react'
+import Svg, { Path, SvgProps } from 'react-native-svg'
+
+const SvgGoogle = (props: SvgProps) => (
+  <Svg width={24} height={24} viewBox="0 0 24 24" {...props}>
+    <Path
+      fill="#4285F4"
+      d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"
+    />
+    <Path
+      fill="#34A853"
+      d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"
+    />
+    <Path
+      fill="#FBBC05"
+      d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"
+    />
+    <Path
+      fill="#EA4335"
+      d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"
+    />
+  </Svg>
+)
+export default SvgGoogle

package/src/index.ts

@@ -0,0 +1,8 @@
+export * from './adapter'
+export * from './auth'
+export * from './components'
+export * from './contexts'
+export * from './db'
+export * from './hooks'
+export * from './storage'
+export * from './types'

package/src/storage/index.ts

@@ -0,0 +1 @@
+export * from './utils'

package/src/storage/utils.ts

@@ -0,0 +1,29 @@
+import { FileValue, LocalFileValue, OnUploadProgress } from '@chem-po/core'
+import { FirebaseStorageTypes, ref, uploadString } from '@react-native-firebase/storage'
+
+export const uploadFileValue = async (
+  storage: FirebaseStorageTypes.Module,
+  path: string,
+  file: LocalFileValue | FileValue | null | undefined,
+  onUploadProgress: OnUploadProgress,
+): Promise<FileValue | null> => {
+  if (!file) return null
+  const { dataUrl, type, filename } = file as LocalFileValue
+  if (!dataUrl) return file
+
+  const storageRef = ref(storage, path)
+  const uploadTask = uploadString(storageRef, dataUrl, 'data_url')
+
+  uploadTask.on('state_changed', snapshot => {
+    const percent = snapshot.bytesTransferred / snapshot.totalBytes
+    onUploadProgress({ total: snapshot.totalBytes, loaded: snapshot.bytesTransferred, percent })
+  })
+
+  return new Promise((resolve, reject) => {
+    uploadTask
+      .then(() => {
+        resolve({ storagePath: path, type, filename })
+      })
+      .catch(reject)
+  })
+}

package/src/types/adapter.ts

@@ -0,0 +1,13 @@
+import { BackendAdapterInterface, BaseAuthProvider } from '@chem-po/core'
+import { FirebaseStorageTypes } from '@react-native-firebase/storage'
+import { EmailPasswordLogin, User } from './auth'
+import { FirestoreCursor } from './db'
+
+export type FirebaseBackendAdapter<AuthProvider extends BaseAuthProvider> = BackendAdapterInterface<
+  AuthProvider,
+  User,
+  EmailPasswordLogin,
+  FirestoreCursor,
+  Blob,
+  FirebaseStorageTypes.FullMetadata
+>

package/src/types/auth.ts

@@ -0,0 +1,13 @@
+import { BaseUserRole } from '@chem-po/core'
+import { getAuth } from '@react-native-firebase/auth'
+
+export type Auth = ReturnType<typeof getAuth>
+export interface User {
+  uid: string
+  role: BaseUserRole
+}
+
+export interface EmailPasswordLogin {
+  email: string
+  password: string
+}

package/src/types/db.ts

@@ -0,0 +1,10 @@
+// import { AnyObject } from '@chem-po/core'
+import { AnyObject, BaseQuery, OnItemsData } from '@chem-po/core'
+import { FirebaseFirestoreTypes } from '@react-native-firebase/firestore'
+
+export type Firestore = FirebaseFirestoreTypes.Module
+export type FirestoreCursor = FirebaseFirestoreTypes.QueryDocumentSnapshot
+export type FirestoreBaseQuery<T extends AnyObject> = BaseQuery<T, FirestoreCursor>
+export type FirestoreQuery<T extends AnyObject> = FirebaseFirestoreTypes.Query<T>
+// export type FirestoreQuery<T extends AnyObject> = BaseQuery<T, FirestoreCursor>
+export type FirestoreOnItemsData<T extends AnyObject> = OnItemsData<T, FirestoreCursor>

package/src/types/functions.ts

@@ -0,0 +1,3 @@
+import { getFunctions } from '@react-native-firebase/functions'
+
+export type Functions = ReturnType<typeof getFunctions>

package/src/types/index.ts

@@ -0,0 +1,26 @@
+import { ReactNativeFirebase } from '@react-native-firebase/app'
+import { FirebaseAuthTypes } from '@react-native-firebase/auth'
+import { FirebaseFirestoreTypes } from '@react-native-firebase/firestore'
+import { FirebaseStorageTypes } from '@react-native-firebase/storage'
+
+export type FirebaseAuth = FirebaseAuthTypes.Module
+export type FirebaseFirestore = FirebaseFirestoreTypes.Module
+export type FirebaseStorage = FirebaseStorageTypes.Module
+
+export interface FirebaseConfig {
+  apiKey: string
+  authDomain: string
+  projectId: string
+  storageBucket: string
+  messagingSenderId: string
+  appId: string
+  measurementId?: string
+}
+
+export interface FirebaseContextValue {
+  loading: boolean
+  app: ReactNativeFirebase.FirebaseApp | null
+  auth: FirebaseAuth
+  firestore: FirebaseFirestore
+  storage: FirebaseStorage
+}

package/src/types/storage.ts

@@ -0,0 +1,3 @@
+import { getStorage } from '@react-native-firebase/storage'
+
+export type Storage = ReturnType<typeof getStorage>