Add guest mode

.env

@@ -1,3 +1,3 @@
-APP_VERSION=2.0.14
+APP_VERSION=2.0.15
 
-APP_BUILD_NUMBER=372
+APP_BUILD_NUMBER=373

src/assets/translations/en.json

@@ -106,6 +106,7 @@
       "downloadApp": "Download the app",
       "note": "Note",
       "atmAccount": "ATM account",
+      "guestMode": "Guest mode",
       "allowWithdraw": "Allow withdraw",
       "cannotGoHigher": "Maximum amount is {{maxAmount}}",
       "addToHomeScreen": "Add to home screen"

src/assets/translations/fr.json

@@ -106,6 +106,7 @@
       "downloadApp": "Télécharger l'application",
       "note": "Note",
       "atmAccount": "Compte ATM",
+      "guestMode": "Mode invité",
       "allowWithdraw": "Autoriser le retrait",
       "cannotGoHigher": "Le montant maximum est de {{maxAmount}}",
       "addToHomeScreen": "Ajouter à l'écran d'accueil"

src/config/settingsKeys.ts

@@ -14,6 +14,7 @@ export const keyStoreIsAtm = "settings.isAtm";
 export const keyStoreUserType = "settings.userType";
 export const keyStoreDeviceName = "settings.deviceName";
 export const keyStoreHmac = "settings.hmac";
+export const keyStoreIsGuest = "settings.isGuest";
 export const keyStoreTransactionsHistory = "data.transactionsHistory";
 
 // Local wallet config

src/hooks/useAccountConfig.ts

@@ -3,7 +3,8 @@ import { AppState } from "react-native";
 import {
   keyStoreAccountConfig,
   keyStoreDeviceName,
-  keyStoreHmac
+  keyStoreHmac,
+  keyStoreIsGuest
 } from "@config/settingsKeys";
 import { AsyncStorage } from "@utils";
 import { useNavigate } from "@components/Router";
@@ -107,6 +108,8 @@ export const useAccountConfig = (props?: UseAccountConfigParams) => {
                 await AsyncStorage.setItem(keyStoreDeviceName, value);
               } else if (key === "hmac") {
                 await AsyncStorage.setItem(keyStoreHmac, value);
+              } else if (key === "isGuest") {
+                await AsyncStorage.setItem(keyStoreIsGuest, "true");
               }
             }
           }

src/hooks/usePostInvoice.ts

@@ -1,5 +1,8 @@
 import { useCallback, useContext } from "react";
-import { keyStoreTransactionsHistory } from "@config/settingsKeys";
+import {
+  keyStoreIsGuest,
+  keyStoreTransactionsHistory
+} from "@config/settingsKeys";
 import { intlFormat } from "date-fns";
 import { AsyncStorage, Biometrics, getSha256 } from "@utils";
 import { useToast } from "react-native-toast-notifications";
@@ -34,7 +37,10 @@ export const usePostInvoice = () => {
       deviceType
     }: PostInvoiceParams) => {
       try {
-        const isLocalInvoice = true;
+        const isGuestMode =
+          (await AsyncStorage.getItem(keyStoreIsGuest)) === "true";
+
+        const isLocalInvoice = !isAtm && !isGuestMode;
 
         let decimalFiat = amount;
         let finalUrl = "";

src/screens/Pos/Pos.tsx

@@ -18,7 +18,8 @@ import {
   faCog,
   faListCheck,
   faPen,
-  faShop
+  faShop,
+  faUser
 } from "@fortawesome/free-solid-svg-icons";
 import {
   useSafeAreaInsets,
@@ -27,7 +28,7 @@ import {
   useModalInput
 } from "@hooks";
 import { SBPContext, apiRootUrl, currencies, platform } from "@config";
-import { keyStoreDeviceName } from "@config/settingsKeys";
+import { keyStoreDeviceName, keyStoreIsGuest } from "@config/settingsKeys";
 import { useToast } from "react-native-toast-notifications";
 import { useTheme } from "styled-components";
 import { TextInput, TouchableOpacity } from "react-native";
@@ -71,6 +72,8 @@ export const Pos = () => {
     [accountConfig, isLoading]
   );
 
+  const [isGuestMode, setIsGuestMode] = useState(false);
+
   const [fiatAmount, setFiatAmount] = useState(0);
   const [maxFiatAmount, setMaxFiatAmount] = useState<number>();
   const [deviceName, setDeviceName] = useState<string>();
@@ -88,6 +91,12 @@ export const Pos = () => {
     []
   );
 
+  useEffect(() => {
+    (async () => {
+      setIsGuestMode((await AsyncStorage.getItem(keyStoreIsGuest)) === "true");
+    })();
+  }, []);
+
   const requestInvoice = useCallback(async () => {
     await postInvoice({
       amount: decimalFiat,
@@ -249,6 +258,15 @@ export const Pos = () => {
             icon={faShop}
           />
         )}
+        {isGuestMode && (
+          <S.ATMButton
+            secondaryColor={colors.primary}
+            disabled
+            size="small"
+            title={t("guestMode")}
+            icon={faUser}
+          />
+        )}
         {isBackgroundLoading && <S.BackgroundLoader size={20} />}
         <S.FiatAmountComponentStack direction="horizontal" gapSize={10}>
           <Text color={colors.white} h2 weight={700}>