yashim/fix: downgrade onfido version (#6574)

* fix: downgrade onfido version

* retrigger circle-ci

* reverted package lock

* fix: ammended comments from code review

Author: yashim-deriv

package-lock.json

@@ -128,7 +128,7 @@
     "js-cookie": "2.2.0",
     "kinetic": "5.2.0",
     "moment": "2.19.4",
-    "onfido-sdk-ui": "^6.7.2",
+    "onfido-sdk-ui": "^6.3.0",
     "promise-polyfill": "6.1.0",
     "prop-types": "15.6.1",
     "react": "16.8.6",

package.json

@@ -881,15 +881,9 @@ const Authenticate = (() => {
                                         country: country_code,
                                     } : false,
                                 },
-                                useLiveDocumentCapture: true,
-                            },
-                        },
-                        {
-                            type   : 'face',
-                            options: {
-                                useLiveDocumentCapture: true,
                             },
                         },
+                        'face',
                     ],
                 });
                 $('#authentication_loading').setVisibility(0);

src/javascript/app/pages/user/account/authenticate.js

@@ -959,11 +959,8 @@ body #not_authenticated_financial ul.checked > li {
         .onfido-sdk-ui-NavigationBar-back {
             background: transparent;
         }
-        .onfido-sdk-ui-crossDevice-CrossDeviceLink-numberInputSection {
-            .ods-button.-action--primary {
-                height: 100%;
-                font-size: 0.875em;
-            }
+        .onfido-sdk-ui-Button-button-primary:hover {
+            background: rgb(53, 63, 244); // Onfido's primary color
         }
         .onfido-sdk-ui-Button-button-outline:hover {
             background-color: transparent;
@@ -973,6 +970,7 @@ body #not_authenticated_financial ul.checked > li {
             color: $COLOR_BLACK;
             border-radius: 0;
         }
+        /** TODO: To re-implement style overrides when upgrading Onfido version
         .onfido-sdk-ui-Theme-textButton:hover {
             color: $COLOR_BLACK;
         }
@@ -987,14 +985,14 @@ body #not_authenticated_financial ul.checked > li {
                     background: rgb(92, 108, 255);
                 }
             }
-        }
+        } **/
         input, textarea {
             &:hover, &:focus {
                 outline: 0;
                 border: none;
             }
         }
-        button:not(.onfido-sdk-ui-Theme-link):not(.ods-button) {
+        button:not(.onfido-sdk-ui-Theme-link):not(.onfido-sdk-ui-Button-button-primary) {
             &:hover, &:focus {
                 background-color: inherit;
             }