@huma-finance/widgets 0.0.36 → 0.0.37

package/src/hooks/useNotifi.ts

@@ -1,71 +1,71 @@
-import { useEffect, useState } from 'react'
-import {
-  doesChainSupportNotifi,
-  getBlockchainConfigFromChain,
-} from '@huma-finance/shared'
-import { newFrontendClient } from '@notifi-network/notifi-frontend-client'
-import { envUtil } from '../utils/env'
-
-export const useIsFirstTimeNotifiUser = (
-  account: string | undefined,
-  chainId: number | undefined,
-) => {
-  const [isFirstTimeNotifiUser, setIsFirstTimeNotifiUser] = useState(false)
-
-  useEffect(() => {
-    const checkIsFirstTimeNotifiUser = async () => {
-      if (account != null && chainId != null) {
-        const client = newFrontendClient({
-          account: { publicKey: account },
-          tenantId: 'humadapp',
-          env: envUtil.checkIsDev() ? 'Development' : 'Production',
-          walletBlockchain: getBlockchainConfigFromChain(chainId),
-        })
-
-        const userState = await client.initialize()
-
-        // If the user is not authenticated or expired, they are a first time user
-        if (
-          userState.status !== 'authenticated' &&
-          userState.status !== 'expired'
-        ) {
-          setIsFirstTimeNotifiUser(true)
-        } else if (userState.status === 'authenticated') {
-          // If a user is authenticated, check if they have a target group (AKA email)
-          // associated with their wallet. If they do not, show them the notifi onboarding flow.
-          const targetGroups = await client.getTargetGroups()
-          const emailTargets = targetGroups[0]?.emailTargets?.[0]
-
-          if (emailTargets == null || emailTargets.emailAddress == null) {
-            setIsFirstTimeNotifiUser(true)
-          }
-        }
-      }
-    }
-
-    checkIsFirstTimeNotifiUser()
-  }, [account, chainId])
-
-  return { isFirstTimeNotifiUser }
-}
-
-export const useDoesChainSupportNotifi = (
-  account: string | undefined,
-  chainId: number | undefined,
-) => {
-  const [notifiChainSupported, setNotifiChainSupported] = useState(false)
-
-  useEffect(() => {
-    const checkNotifiChainSupported = async () => {
-      if (account != null && chainId != null) {
-        setNotifiChainSupported(
-          doesChainSupportNotifi(chainId, envUtil.checkIsDev(), account),
-        )
-      }
-    }
-
-    checkNotifiChainSupported()
-  }, [account, chainId])
-
-  return { notifiChainSupported }
-}
+import { useEffect, useState } from 'react'
+import {
+  doesChainSupportNotifi,
+  getBlockchainConfigFromChain,
+} from '@huma-finance/shared'
+import { newFrontendClient } from '@notifi-network/notifi-frontend-client'
+import { envUtil } from '../utils/env'
+
+export const useIsFirstTimeNotifiUser = (
+  account: string | undefined,
+  chainId: number | undefined,
+) => {
+  const [isFirstTimeNotifiUser, setIsFirstTimeNotifiUser] = useState(false)
+
+  useEffect(() => {
+    const checkIsFirstTimeNotifiUser = async () => {
+      if (account != null && chainId != null) {
+        const client = newFrontendClient({
+          account: { publicKey: account },
+          tenantId: 'humadapp',
+          env: envUtil.checkIsDev() ? 'Development' : 'Production',
+          walletBlockchain: getBlockchainConfigFromChain(chainId),
+        })
+
+        const userState = await client.initialize()
+
+        // If the user is not authenticated or expired, they are a first time user
+        if (
+          userState.status !== 'authenticated' &&
+          userState.status !== 'expired'
+        ) {
+          setIsFirstTimeNotifiUser(true)
+        } else if (userState.status === 'authenticated') {
+          // If a user is authenticated, check if they have a target group (AKA email)
+          // associated with their wallet. If they do not, show them the notifi onboarding flow.
+          const targetGroups = await client.getTargetGroups()
+          const emailTargets = targetGroups[0]?.emailTargets?.[0]
+
+          if (emailTargets == null || emailTargets.emailAddress == null) {
+            setIsFirstTimeNotifiUser(true)
+          }
+        }
+      }
+    }
+
+    checkIsFirstTimeNotifiUser()
+  }, [account, chainId])
+
+  return { isFirstTimeNotifiUser }
+}
+
+export const useDoesChainSupportNotifi = (
+  account: string | undefined,
+  chainId: number | undefined,
+) => {
+  const [notifiChainSupported, setNotifiChainSupported] = useState(false)
+
+  useEffect(() => {
+    const checkNotifiChainSupported = async () => {
+      if (account != null && chainId != null) {
+        setNotifiChainSupported(
+          doesChainSupportNotifi(chainId, envUtil.checkIsDev(), account),
+        )
+      }
+    }
+
+    checkNotifiChainSupported()
+  }, [account, chainId])
+
+  return { notifiChainSupported }
+}

package/src/hooks/useRedux.ts

@@ -1,6 +1,6 @@
-import { TypedUseSelectorHook, useDispatch, useSelector } from 'react-redux'
-import type { RootState, AppDispatch } from '../store'
-
-// Use throughout your app instead of plain `useDispatch` and `useSelector`
-export const useAppDispatch = () => useDispatch<AppDispatch>()
-export const useAppSelector: TypedUseSelectorHook<RootState> = useSelector
+import { TypedUseSelectorHook, useDispatch, useSelector } from 'react-redux'
+import type { RootState, AppDispatch } from '../store'
+
+// Use throughout your app instead of plain `useDispatch` and `useSelector`
+export const useAppDispatch = () => useDispatch<AppDispatch>()
+export const useAppSelector: TypedUseSelectorHook<RootState> = useSelector

package/src/index.css

@@ -1,61 +1,61 @@
-@font-face {
-  font-family: 'Recoleta-Medium';
-  src: local('Recoleta-Medium'),
-    url(./fonts/Recoleta/Recoleta-Medium.otf) format('truetype');
-  font-weight: 500;
-}
-
-@font-face {
-  font-family: 'Roboto-Medium';
-  src: local('Roboto-Medium'),
-    url(./fonts/Roboto/Roboto-Medium.ttf) format('truetype');
-  font-weight: 500;
-}
-
-@font-face {
-  font-family: 'Roboto-Regular';
-  src: local('Roboto-Regular'),
-    url(./fonts/Roboto/Roboto-Regular.ttf) format('truetype');
-  font-weight: 400;
-}
-
-@font-face {
-  font-family: 'Inter-Bold';
-  src: local('Inter-Bold'), url(./fonts/Inter/Inter-Bold.ttf) format('truetype');
-  font-weight: 700;
-}
-
-@font-face {
-  font-family: 'Inter-Medium';
-  src: local('Inter-Medium'),
-    url(./fonts/Inter/Inter-Medium.ttf) format('truetype');
-  font-weight: 500;
-}
-
-@font-face {
-  font-family: 'Inter-Regular';
-  src: local('Inter-Regular'),
-    url(./fonts/Inter/Inter-Regular.ttf) format('truetype');
-  font-weight: 400;
-}
-
-@font-face {
-  font-family: 'Uni-Neue-Black';
-  src: local('Uni-Neue-Black'),
-    url(./fonts/UniNeue/UniNeue-Black.ttf) format('truetype');
-  font-weight: 800;
-}
-
-@font-face {
-  font-family: 'Uni-Neue-Bold';
-  src: local('Uni-Neue-Bold'),
-    url(./fonts/UniNeue/UniNeue-Bold.ttf) format('truetype');
-  font-weight: 700;
-}
-
-@font-face {
-  font-family: 'Uni-Neue-Regular';
-  src: local('Uni-Neue-Regular'),
-    url(./fonts/UniNeue/UniNeue-Regular.ttf) format('truetype');
-  font-weight: 400;
-}
+@font-face {
+  font-family: 'Recoleta-Medium';
+  src: local('Recoleta-Medium'),
+    url(./fonts/Recoleta/Recoleta-Medium.otf) format('truetype');
+  font-weight: 500;
+}
+
+@font-face {
+  font-family: 'Roboto-Medium';
+  src: local('Roboto-Medium'),
+    url(./fonts/Roboto/Roboto-Medium.ttf) format('truetype');
+  font-weight: 500;
+}
+
+@font-face {
+  font-family: 'Roboto-Regular';
+  src: local('Roboto-Regular'),
+    url(./fonts/Roboto/Roboto-Regular.ttf) format('truetype');
+  font-weight: 400;
+}
+
+@font-face {
+  font-family: 'Inter-Bold';
+  src: local('Inter-Bold'), url(./fonts/Inter/Inter-Bold.ttf) format('truetype');
+  font-weight: 700;
+}
+
+@font-face {
+  font-family: 'Inter-Medium';
+  src: local('Inter-Medium'),
+    url(./fonts/Inter/Inter-Medium.ttf) format('truetype');
+  font-weight: 500;
+}
+
+@font-face {
+  font-family: 'Inter-Regular';
+  src: local('Inter-Regular'),
+    url(./fonts/Inter/Inter-Regular.ttf) format('truetype');
+  font-weight: 400;
+}
+
+@font-face {
+  font-family: 'Uni-Neue-Black';
+  src: local('Uni-Neue-Black'),
+    url(./fonts/UniNeue/UniNeue-Black.ttf) format('truetype');
+  font-weight: 800;
+}
+
+@font-face {
+  font-family: 'Uni-Neue-Bold';
+  src: local('Uni-Neue-Bold'),
+    url(./fonts/UniNeue/UniNeue-Bold.ttf) format('truetype');
+  font-weight: 700;
+}
+
+@font-face {
+  font-family: 'Uni-Neue-Regular';
+  src: local('Uni-Neue-Regular'),
+    url(./fonts/UniNeue/UniNeue-Regular.ttf) format('truetype');
+  font-weight: 400;
+}