Fix typescript issues in repo

src/components/PageContainer/PageContainer.tsx

@@ -40,11 +40,13 @@ export const PageContainer = ({
         keyboardShouldPersistTaps="handled"
         noVerticalPadding={noVerticalPadding}
       >
-        {!header || headerHeight ? children : null}
-        {footerButton && <S.PageFooterGap />}
-        {bottom > 0 && !noBottomMargin && !noVerticalPadding && (
-          <View style={{ height: bottom }} />
-        )}
+        <View>
+          {!header || headerHeight ? children : null}
+          {footerButton && <S.PageFooterGap />}
+          {bottom > 0 && !noBottomMargin && !noVerticalPadding && (
+            <View style={{ height: bottom }} />
+          )}
+        </View>
       </S.StyledPageContainer>
       {footerButton && (
         <S.PageFooterButton

src/hooks/useAnimateAmount.ts

@@ -28,6 +28,7 @@ export type StringPart = {
   text: string;
   add?: boolean;
   remove?: boolean;
+  width?: number;
 };
 
 const VISIBLE_STYLE = {

src/screens/PayoutConfigScreen/PayoutConfigScreen.tsx

@@ -3,6 +3,7 @@ import { Loader, PageContainer, PayoutConfig } from "@components";
 import { useNavigate } from "@components/Router";
 import { faArrowLeft } from "@fortawesome/free-solid-svg-icons";
 import { useCallback, useEffect, useMemo, useState } from "react";
+import { View } from "react-native";
 import { useAccountConfig } from "@hooks";
 import { apiRootUrl, currencyToCountry } from "@config";
 import { isApiError } from "@utils";
@@ -171,6 +172,7 @@ export const PayoutConfigScreen = () => {
         onPress: handleSubmit(onSubmit)
       }}
     >
+      <View>
       <PayoutConfig
         control={control}
         watch={watch}
@@ -181,6 +183,7 @@ export const PayoutConfigScreen = () => {
         getFieldState={getFieldState}
         currency={currency}
       />
+      </View>
     </PageContainer>
   );
 };

src/screens/Pos/Pos.tsx

@@ -9,6 +9,7 @@ import {
   useRef,
   useState
 } from "react";
+import { View } from "react-native";
 import {
   getFormattedUnit,
   AsyncStorage,
@@ -134,7 +135,7 @@ export const Pos = () => {
   const { unitDecimals, unitDecimalPower } = useMemo(() => {
     const _unitDecimals =
       currencies.find((c) => c.value === unit)?.decimals ?? DEFAULT_DECIMALS;
-    const _unitDecimalPower = getUnitDecimalPower(unit);
+    const _unitDecimalPower = getUnitDecimalPower(unit || "USD");
     return { unitDecimals: _unitDecimals, unitDecimalPower: _unitDecimalPower };
   }, [unit]);
 
@@ -159,7 +160,7 @@ export const Pos = () => {
   const requestInvoice = useCallback(async () => {
     await postInvoice({
       amount: decimalFiat,
-      unit,
+      unit: unit || "USD",
       description,
       deviceName,
       deviceType
@@ -212,20 +213,20 @@ export const Pos = () => {
   const [decimalCount, setDecimalCount] = useState(0);
 
   const [parts, springs, animateAmount] = useAnimateAmount({
-    unit,
+    unit: unit || "USD",
     initialParts: initialValue,
     decimalCount
   });
 
   const [plusParts, plusSprings, animatePlusAmount, setPlusParts] =
     useAnimateAmount({
-      unit,
+      unit: unit || "USD",
       mode: AnimationMode.Plus,
       animationDelay: PLUS_ANIMATION_DELAY
     });
 
   const [totalParts, totalSprings, animateTotalAmount] = useAnimateAmount({
-    unit,
+    unit: unit || "USD",
     mode: AnimationMode.Plus
   });
 
@@ -368,12 +369,12 @@ export const Pos = () => {
     unitDecimals
   ]);
 
+  const [symbolsProps, symbolsApi] = useSymbolApi();
+
   const [movingPlusProps, movingPlusApi] = useSpring(() => ({
     from: { top: 0, scale: 1, color: colors.white, opacity: 1 }
   }));
 
-  const [symbolsProps, symbolsApi] = useSymbolApi();
-
   const onPlus = useCallback(async () => {
     const newPlusParts = parts.filter((p) => !p.remove);
     const currentParts = newPlusParts.map((e) => e.text).join("");
@@ -388,7 +389,7 @@ export const Pos = () => {
       },
       delay: springAnimationDelay,
       config: PLUS_ANIMATION_CONFIG
-    }));
+    }) as any);
 
     if (plusFiatAmount > 0) {
       await movingPlusApi.start(() => ({
@@ -464,9 +465,9 @@ export const Pos = () => {
   }, [handleKeyPress]);
 
   const registerRef = useCallback(
-    (index: number) => (ref: TouchableOpacity) =>
-      // eslint-disable-next-line @typescript-eslint/no-unsafe-return
-      (inputRef.current[index] = ref),
+    (index: number) => (ref: any) => {
+      inputRef.current[index] = ref;
+    },
     []
   );
 
@@ -567,6 +568,7 @@ export const Pos = () => {
       noPadding
       noBottomMargin
     >
+      <View>
       {deviceNameModal}
       <S.InfosContainer isSmallHeight={isSmallHeight}>
         {isAtm && (
@@ -620,7 +622,7 @@ export const Pos = () => {
               {totalPartsComponents}
             </S.PlusTextsContainer>
           </S.AmountsContainer>
-          <S.FiatAmountDropdownIcon icon={faAngleDown} color={colors.grey} />
+          <S.FiatAmountDropdownIcon icon={faAngleDown} color={colors.grey} size={16} />
           <S.FiatUnitPicker
             value={unit}
             items={currencies}
@@ -663,7 +665,7 @@ export const Pos = () => {
             {rowValue.map((columnValue, columnIndex) => (
               <NumberInput
                 key={columnIndex}
-                value={columnValue?.toString()}
+                value={columnValue?.toString() || ""}
                 {...(typeof columnValue === "number"
                   ? {
                       ref: registerRef(columnValue),
@@ -725,6 +727,7 @@ export const Pos = () => {
           />
         </S.PadLine>
       </S.PadContainer>
+      </View>
     </PageContainer>
   ) : (
     <Loader />

src/screens/Pos/components/NumberInput/NumberInput.tsx

@@ -21,7 +21,7 @@ type NumberInputProps = {
   paddingBottom?: number;
 };
 
-export const NumberInput = forwardRef<TouchableOpacity, NumberInputProps>(
+export const NumberInput = forwardRef<typeof TouchableOpacity, NumberInputProps>(
   (
     {
       value,

src/screens/QRScanner/QRScanner.tsx

@@ -1,4 +1,5 @@
 import { useCallback, useMemo, useState } from "react";
+import { View } from "react-native";
 import { useWindowDimensions } from "react-native";
 import { useLocation, useNavigate } from "@components/Router";
 import { Image, Loader, PageContainer } from "@components";
@@ -99,6 +100,7 @@ export const QRScanner = () => {
         />
       )}
       <PageContainer noHorizontalPadding isStrictTopMargin>
+        <View>
         {!isCameraLoading && !isLoading ? (
           <>
             <S.VerticialPart>
@@ -132,6 +134,7 @@ export const QRScanner = () => {
         ) : (
           <Loader />
         )}
+        </View>
       </PageContainer>
     </>
   );

src/screens/Settings/Settings.tsx

@@ -1,4 +1,5 @@
 import { useCallback, useContext, useEffect, useMemo, useState } from "react";
+import { View } from "react-native";
 import {
   SBPContext,
   apiRootUrl,
@@ -272,6 +273,7 @@ export const Settings = () => {
         left: { icon: faArrowLeft, onPress: -1 }
       }}
     >
+      <View>
       <S.FlexComponentStack>
         {accountConfig ? (
           !accountConfig.isAtm &&
@@ -459,6 +461,7 @@ export const Settings = () => {
           <S.VersionText>{versionTag}</S.VersionText>
         </S.PressableVersion>
       </S.FlexComponentStack>
+      </View>
     </PageContainer>
   );
 };

src/screens/SignatureLogin/SignatureLogin.tsx

@@ -1,4 +1,5 @@
 import { useCallback, useContext, useRef, useState } from "react";
+import { View } from "react-native";
 import { useTranslation } from "react-i18next";
 import { SBPContext, apiRootUrl, platform } from "@config";
 import { Controller, SubmitHandler, useForm } from "react-hook-form";
@@ -216,7 +217,13 @@ export const SignatureLogin = () => {
           signature,
           zPub,
           words: words.join(" "),
-          walletType: "local"
+          walletType: "local",
+          walletConfig: {
+            account: "local",
+            label: "Local Wallet",
+            type: "local",
+            zpub: zPub
+          }
         });
       } catch (e) {
         if (isApiError(e)) {
@@ -296,7 +303,8 @@ export const SignatureLogin = () => {
           signature: data.signature,
           zPub: data.zPub,
           words: data.words,
-          walletType: data.walletType
+          walletType: data.walletType,
+          walletConfig: data.walletConfig
         });
       }
     },
@@ -347,6 +355,7 @@ export const SignatureLogin = () => {
         title: tRoot("common.login")
       }}
     >
+      <View>
       <ConnectWalletModal
         isOpen={!!customWalletFunction}
         onClose={onConnectWalletModalClose}
@@ -446,6 +455,7 @@ export const SignatureLogin = () => {
           </ComponentStack>
         </LoginView>
       </ComponentStack>
+      </View>
     </S.StyledPageContainer>
   );
 };

src/screens/Signup/Signup.tsx

@@ -1,4 +1,5 @@
 import { useCallback, useContext, useEffect, useMemo, useState } from "react";
+import { View } from "react-native";
 import {
   faArrowLeft,
   faAt,
@@ -490,6 +491,7 @@ export const Signup = () => {
         onPress: handleSubmit(onSubmit)
       }}
     >
+      <View>
       <ComponentStack gapSize={32}>
         <FieldContainer icon={faShop} title={t("yourAccountName")}>
           <Controller
@@ -593,6 +595,7 @@ export const Signup = () => {
           />
         </S.TermsText>
       </ComponentStack>
+      </View>
     </PageContainer>
   );
 };

src/screens/Wallet/Wallet.tsx

@@ -1,4 +1,5 @@
 import { useCallback, useEffect, useMemo, useState } from "react";
+import { View } from "react-native";
 import { useTranslation } from "react-i18next";
 import {
   Button,
@@ -214,7 +215,9 @@ export const Wallet = () => {
           onClose={onSendModalClose}
           zPub={zPub}
           currentBalance={balance / 100000000}
-        />
+        >
+          <></>
+        </SendModal>
       )}
       <PageContainer
         header={{ left: { onPress: -1, icon: faArrowLeft }, title: t("title") }}
@@ -230,6 +233,7 @@ export const Wallet = () => {
             }
           : {})}
       >
+        <View>
         <ComponentStack>
           <S.BalanceComponentStack gapSize={6}>
             <S.BalanceTitle h4 weight={500}>
@@ -311,6 +315,7 @@ export const Wallet = () => {
               })}
           />
         </ComponentStack>
+        </View>
       </PageContainer>
     </>
   );