From 0908e367bf8608f80613563e6f87c4a42087fdd9 Mon Sep 17 00:00:00 2001
From: Daniil Chemerkin <dev.daminik00@gmail.com>
Date: Thu, 10 Apr 2025 14:50:00 +0000
Subject: [PATCH] AW-429-comp-v1-ios-ab

---
 .../pages/Camera/android/index.tsx             | 18 +++++++++---------
 .../CompatibilityV2/pages/Gender/index.tsx     |  4 ++--
 .../CompatibilityV3/pages/Gender/index.tsx     |  4 ++--
 .../CompatibilityV4/pages/Gender/index.tsx     |  4 ++--
 .../pages/GenderPalmistry/index.tsx            |  4 ++--
 ...to-browser.ts => webviewToSystemBrowser.ts} |  6 ++++--
 6 files changed, 21 insertions(+), 19 deletions(-)
 rename src/services/hacks/{insta-to-browser.ts => webviewToSystemBrowser.ts} (68%)

diff --git a/src/components/CompatibilityV2/pages/Camera/android/index.tsx b/src/components/CompatibilityV2/pages/Camera/android/index.tsx
index 7b5c3b0..470dbed 100644
--- a/src/components/CompatibilityV2/pages/Camera/android/index.tsx
+++ b/src/components/CompatibilityV2/pages/Camera/android/index.tsx
@@ -82,18 +82,18 @@ function AndroidCamera() {
     }
 
     const handleRequestCameraModalAllow = () => {
-        if (isInstagramAndroid) {
-            return handleToScanHand()
-        }
+        // if (isInstagramAndroid) {
+        //     return handleToScanHand()
+        // }
         setIsCameraModalOpen(true)
         setIsRequestCameraModalOpen(false)
     }
 
     useEffect(() => {
         if (!isShowCameraRequestModal) {
-            if (isInstagramAndroid) {
-                return handleToScanHand()
-            }
+            // if (isInstagramAndroid) {
+            //     return handleToScanHand()
+            // }
             setIsCameraModalOpen(true)
         }
     }, [isShowCameraRequestModal])
@@ -317,9 +317,9 @@ function AndroidCamera() {
                         <span>{translate("/camera.no_access_camera")}</span>
                         <div className={styles["toast-buttons-container"]}>
                             <button onClick={() => {
-                                if (isInstagramAndroid) {
-                                    return handleToScanHand()
-                                }
+                                // if (isInstagramAndroid) {
+                                //     return handleToScanHand()
+                                // }
                                 setToastVisible(null)
                                 setIsCameraModalOpen(true)
                             }}>
diff --git a/src/components/CompatibilityV2/pages/Gender/index.tsx b/src/components/CompatibilityV2/pages/Gender/index.tsx
index 0b2f6b0..5d2ffe5 100644
--- a/src/components/CompatibilityV2/pages/Gender/index.tsx
+++ b/src/components/CompatibilityV2/pages/Gender/index.tsx
@@ -19,7 +19,7 @@ import { EUnleashFlags, useUnleash } from "@/hooks/ab/unleash/useUnleash";
 import GenderV0 from "./variants/GenderV0";
 import GenderV1 from "./variants/GenderV1";
 import GenderV2 from "./variants/GenderV2";
-import { instagramToBrowser } from "@/services/hacks/insta-to-browser";
+import { webviewToSystemBrowser } from "@/services/hacks/webviewToSystemBrowser";
 
 function GenderPage() {
   const { translate } = useTranslations(ELocalesPlacement.CompatibilityV2);
@@ -103,7 +103,7 @@ function GenderPage() {
 
   useEffect(() => {
     if (privacyPolicyChecked && gender && isSelected) {
-      instagramToBrowser(["android"]);
+      webviewToSystemBrowser(["android"]);
       handleNext();
     }
   }, [gender, handleNext, isSelected, privacyPolicyChecked]);
diff --git a/src/components/CompatibilityV3/pages/Gender/index.tsx b/src/components/CompatibilityV3/pages/Gender/index.tsx
index 9f3f3ac..09fabfc 100644
--- a/src/components/CompatibilityV3/pages/Gender/index.tsx
+++ b/src/components/CompatibilityV3/pages/Gender/index.tsx
@@ -19,7 +19,7 @@ import { EGender, ESourceAuthorization } from "@/api/resources/User";
 import AlreadyHaveAccount from "@/components/ui/AlreadyHaveAccount";
 import Answer from "../../components/Answer";
 import Loader, { LoaderColor } from "@/components/Loader";
-import { instagramToBrowser } from "@/services/hacks/insta-to-browser";
+import { webviewToSystemBrowser } from "@/services/hacks/webviewToSystemBrowser";
 
 function GenderPage() {
   const { translate } = useTranslations(ELocalesPlacement.CompatibilityV3);
@@ -96,7 +96,7 @@ function GenderPage() {
 
   useEffect(() => {
     if (privacyPolicyChecked && gender && isSelected) {
-      instagramToBrowser(["android"]);
+      webviewToSystemBrowser(["android"]);
       handleNext();
     }
   }, [gender, handleNext, isSelected, privacyPolicyChecked]);
diff --git a/src/components/CompatibilityV4/pages/Gender/index.tsx b/src/components/CompatibilityV4/pages/Gender/index.tsx
index 222f475..45c180b 100644
--- a/src/components/CompatibilityV4/pages/Gender/index.tsx
+++ b/src/components/CompatibilityV4/pages/Gender/index.tsx
@@ -17,7 +17,7 @@ import Loader, { LoaderColor } from "@/components/Loader";
 import GenderV0 from "./variants/GenderV0";
 import GenderV1 from "./variants/GenderV1";
 import GenderV2 from "./variants/GenderV2";
-import { instagramToBrowser } from "@/services/hacks/insta-to-browser";
+import { webviewToSystemBrowser } from "@/services/hacks/webviewToSystemBrowser";
 
 function GenderPage() {
   const { translate } = useTranslations(ELocalesPlacement.CompatibilityV4);
@@ -94,7 +94,7 @@ function GenderPage() {
 
   useEffect(() => {
     if (privacyPolicyChecked && gender && isSelected) {
-      instagramToBrowser(["android"]);
+      webviewToSystemBrowser(["android"]);
       handleNext();
     }
   }, [gender, handleNext, isSelected, privacyPolicyChecked]);
diff --git a/src/components/PalmistryV1/pages/GenderPalmistry/index.tsx b/src/components/PalmistryV1/pages/GenderPalmistry/index.tsx
index d4a2dba..6d012c5 100644
--- a/src/components/PalmistryV1/pages/GenderPalmistry/index.tsx
+++ b/src/components/PalmistryV1/pages/GenderPalmistry/index.tsx
@@ -18,7 +18,7 @@ import { useSession } from "@/hooks/session/useSession";
 import { EGender, ESourceAuthorization } from "@/api/resources/User";
 import AlreadyHaveAccount from "@/components/ui/AlreadyHaveAccount";
 import Answer from "../../components/Answer";
-import { instagramToBrowser } from "@/services/hacks/insta-to-browser";
+import { webviewToSystemBrowser } from "@/services/hacks/webviewToSystemBrowser";
 
 function GenderPalmistry() {
   const { translate } = useTranslations(ELocalesPlacement.PalmistryV1);
@@ -84,7 +84,7 @@ function GenderPalmistry() {
 
   useEffect(() => {
     if (privacyPolicyChecked && gender && isSelected) {
-      instagramToBrowser(["android"]);
+      webviewToSystemBrowser(["android"]);
       handleNext();
     }
   }, [gender, handleNext, isSelected, privacyPolicyChecked]);
diff --git a/src/services/hacks/insta-to-browser.ts b/src/services/hacks/webviewToSystemBrowser.ts
similarity index 68%
rename from src/services/hacks/insta-to-browser.ts
rename to src/services/hacks/webviewToSystemBrowser.ts
index 10af6a0..8db6279 100644
--- a/src/services/hacks/insta-to-browser.ts
+++ b/src/services/hacks/webviewToSystemBrowser.ts
@@ -1,7 +1,9 @@
-export const instagramToBrowser = (includeSystems: Array<"android" | "ios">) => {
+export const webviewToSystemBrowser = (includeSystems: Array<"android" | "ios">) => {
     const ua = window.navigator.userAgent;
     if (
-        ua.includes("Instagram")
+        ua.includes("Instagram") ||
+        ua.includes("FBAN") ||
+        ua.includes("FBAV")
     ) {
         if (includeSystems.includes("ios") && /iPad|iPhone|iPod/.test(ua)) {
             window.location.href = "x-safari-" + window.location.href;