From fb26f56598befe0dc86337eee37b9ea0a169c4c5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=94=D0=B5=D0=BD=D0=B8=D1=81=20=D0=9A=D0=B0=D1=82=D0=B0?=
 =?UTF-8?q?=D0=B5=D0=B2?= <itkataev@gmail.com>
Date: Tue, 28 May 2024 04:39:03 +0000
Subject: [PATCH] hotfix-yandex-metric-loading

---
 index.html                                    | 49 ++++++++++++++++++-
 src/components/EmailEnterPage/index.tsx       |  3 +-
 .../PaymentPage/results/SuccessPage/index.tsx |  3 +-
 .../v1/pages/EmailEnterPage/index.tsx         |  3 +-
 .../SuccessPaymentPage/index.tsx              |  3 +-
 .../pages/PaymentWithEmailPage/index.tsx      |  3 +-
 .../palmistry/step-email/step-email.tsx       |  3 +-
 .../authentication/use-authentication.ts      |  2 +-
 src/init.tsx                                  | 12 ++---
 9 files changed, 67 insertions(+), 14 deletions(-)
diff --git a/index.html b/index.html
index 5660b22..bd8bd4c 100755
--- a/index.html
+++ b/index.html
@@ -2,7 +2,10 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
+    />
     <link rel="preload" as="image" href="/leo.png" fetchpriority="high" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
     <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
@@ -65,6 +68,50 @@
     ></script> -->
   </head>
   <body>
+    <!-- Yandex.Metrika counter -->
+    <script type="text/javascript" async="async">
+      (function (m, e, t, r, i, k, a) {
+        m[i] =
+          m[i] ||
+          function () {
+            (m[i].a = m[i].a || []).push(arguments);
+          };
+        m[i].l = 1 * new Date();
+        for (var j = 0; j < document.scripts.length; j++) {
+          if (document.scripts[j].src === r) {
+            return;
+          }
+        }
+        (k = e.createElement(t)),
+          (a = e.getElementsByTagName(t)[0]),
+          (k.async = 1),
+          (k.src = r),
+          a.parentNode.insertBefore(k, a);
+      })(
+        window,
+        document,
+        "script",
+        "https://mc.yandex.ru/metrika/tag.js",
+        "ym"
+      );
+
+      ym(95799066, "init", {
+        clickmap: true,
+        trackLinks: true,
+        accurateTrackBounce: true,
+        webvisor: true,
+      });
+    </script>
+    <noscript>
+      <div>
+        <img
+          src="https://mc.yandex.ru/watch/95799066"
+          style="position: absolute; left: -9999px"
+          alt=""
+        />
+      </div>
+    </noscript>
+    <!-- /Yandex.Metrika counter -->
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <noscript
       ><div>
diff --git a/src/components/EmailEnterPage/index.tsx b/src/components/EmailEnterPage/index.tsx
index 9aa911a..d2bf28b 100755
--- a/src/components/EmailEnterPage/index.tsx
+++ b/src/components/EmailEnterPage/index.tsx
@@ -109,7 +109,8 @@ function EmailEnterPage({
 
   const handleClick = () => {
     authorize();
-    window.ym(95799066, "reachGoal", "EnteredEmail");
+    if (typeof window.ym === "function")
+      window.ym(95799066, "reachGoal", "EnteredEmail");
   };
 
   const authorize = async () => {
diff --git a/src/components/PaymentPage/results/SuccessPage/index.tsx b/src/components/PaymentPage/results/SuccessPage/index.tsx
index 9ec17ba..21a1e39 100644
--- a/src/components/PaymentPage/results/SuccessPage/index.tsx
+++ b/src/components/PaymentPage/results/SuccessPage/index.tsx
@@ -18,7 +18,8 @@ function PaymentSuccessPage(): JSX.Element {
   };
 
   useEffect(() => {
-    window.ym(95799066, "reachGoal", "PaymentSuccess");
+    if (typeof window.ym === "function")
+      window.ym(95799066, "reachGoal", "PaymentSuccess");
   }, []);
 
   return (
diff --git a/src/components/pages/ABDesign/v1/pages/EmailEnterPage/index.tsx b/src/components/pages/ABDesign/v1/pages/EmailEnterPage/index.tsx
index ec05b46..d480ef0 100644
--- a/src/components/pages/ABDesign/v1/pages/EmailEnterPage/index.tsx
+++ b/src/components/pages/ABDesign/v1/pages/EmailEnterPage/index.tsx
@@ -114,7 +114,8 @@ function EmailEnterPage({
 
   const handleClick = () => {
     authorize();
-    window.ym(95799066, "reachGoal", "EnteredEmail");
+    if (typeof window.ym === "function")
+      window.ym(95799066, "reachGoal", "EnteredEmail");
   };
 
   const authorize = async () => {
diff --git a/src/components/pages/PaymentWithEmailPage/ResultPayment/SuccessPaymentPage/index.tsx b/src/components/pages/PaymentWithEmailPage/ResultPayment/SuccessPaymentPage/index.tsx
index 9ab12ed..0a464fd 100644
--- a/src/components/pages/PaymentWithEmailPage/ResultPayment/SuccessPaymentPage/index.tsx
+++ b/src/components/pages/PaymentWithEmailPage/ResultPayment/SuccessPaymentPage/index.tsx
@@ -15,7 +15,8 @@ function SuccessPaymentPage(): JSX.Element {
     : "The information has been sent to your email";
 
   useEffect(() => {
-    window.ym(95799066, "reachGoal", "PaymentSuccess");
+    if (typeof window.ym === "function")
+      window.ym(95799066, "reachGoal", "PaymentSuccess");
   }, []);
 
   return (
diff --git a/src/components/pages/PaymentWithEmailPage/index.tsx b/src/components/pages/PaymentWithEmailPage/index.tsx
index c2e1616..4e4bdb3 100644
--- a/src/components/pages/PaymentWithEmailPage/index.tsx
+++ b/src/components/pages/PaymentWithEmailPage/index.tsx
@@ -134,7 +134,8 @@ function PaymentWithEmailPage() {
       return;
     }
     const { user, token } = authData;
-    window.ym(95799066, "reachGoal", "EnteredEmail");
+    if (typeof window.ym === "function")
+      window.ym(95799066, "reachGoal", "EnteredEmail");
 
     await createSinglePayment({
       user,
diff --git a/src/components/palmistry/step-email/step-email.tsx b/src/components/palmistry/step-email/step-email.tsx
index 5433092..f092fd4 100644
--- a/src/components/palmistry/step-email/step-email.tsx
+++ b/src/components/palmistry/step-email/step-email.tsx
@@ -43,7 +43,8 @@ export default function StepEmail() {
 
   const authorize = async () => {
     await authorization(email, ESourceAuthorization["aura.palmistry"]);
-    window.ym(95799066, "reachGoal", "EnteredEmail");
+    if (typeof window.ym === "function")
+      window.ym(95799066, "reachGoal", "EnteredEmail");
     setIsAuth(true);
   };
 
diff --git a/src/hooks/authentication/use-authentication.ts b/src/hooks/authentication/use-authentication.ts
index 289eff7..da7602f 100644
--- a/src/hooks/authentication/use-authentication.ts
+++ b/src/hooks/authentication/use-authentication.ts
@@ -116,7 +116,7 @@ export const useAuthentication = () => {
             const payload = getAuthorizationPayload(email, source);
             const { token, userId } = await api.authorization(payload);
             const { user } = await api.getUser({ token });
-            if (userId?.length && !!window.ym) {
+            if (userId?.length && !!window.ym && typeof window.ym === 'function') {
                 window.ym(95799066, 'userParams', {
                     email: user.email,
                     UserID: userId
diff --git a/src/init.tsx b/src/init.tsx
index 33318eb..279bb7f 100755
--- a/src/init.tsx
+++ b/src/init.tsx
@@ -38,11 +38,11 @@ const init = async () => {
   const isProduction = import.meta.env.MODE === "production";
 
   // SCRIPTS TO HEAD
-  const yandexMetric = () => {
-    const script = document.createElement("script");
-    script.setAttribute("src", "/metrics/yandex.js");
-    document.head.appendChild(script);
-  };
+  // const yandexMetric = () => {
+  //   const script = document.createElement("script");
+  //   script.setAttribute("src", "/metrics/yandex.js");
+  //   document.head.appendChild(script);
+  // };
 
   const smartLook = () => {
     if (!config.smartlook_manage) return;
@@ -51,7 +51,7 @@ const init = async () => {
     document.head.appendChild(script);
   };
   if (isProduction) {
-    yandexMetric();
+    // yandexMetric();
     smartLook();
   }
 
