feat: add bakosfe connector (#126)

Author: guimroque

.changeset/blue-phones-obey.md

@@ -0,0 +1,5 @@
+---
+"@fuels/connectors": minor
+---
+
+add bako safe connector to the default connectors

.changeset/olive-islands-cough.md

@@ -0,0 +1,5 @@
+---
+"@fuel-connectors/bako-safe": minor
+---
+
+fix positioning/size of bako popup

packages/bako-safe/src/DAPPWindow.ts

@@ -27,13 +27,15 @@ export class DAppWindow {
       top: WINDOW.innerHeight / 2 - height / 2,
       left: WINDOW.innerWidth / 2 - width / 2,
       width,
-      height: WINDOW.innerHeight >= height ? height : WINDOW.innerHeight,
+      height:
+        !this.isMobile && WINDOW.innerHeight >= height
+          ? height
+          : WINDOW.innerHeight,
     };
   }
 
   open(method: string, reject: (e: Error) => void) {
     if (this.isOpen) reject(new Error('Window is already open'));
-    const _isConnection = !method.includes('/dapp/');
 
     if (!this.isSafariBrowser) {
       // if is not safari, we can use popup for both cases
@@ -80,7 +82,7 @@ export class DAppWindow {
     frame.src = `${this.config.appUrl}${method}${this.queryString}${
       isSafari ? '&byConnector=true' : ''
     }`;
-    frame.style.position = 'absolute';
+    frame.style.position = 'fixed';
     frame.style.zIndex = '99999999';
     frame.style.top = `${w.top}`;
     frame.style.left = `${w.left}`;

packages/bako-safe/src/constants.ts

@@ -9,8 +9,8 @@ export const APP_IMAGE_LIGHT =
   'https://safe.bako.global/BAKO_CONNECTOR_ICON.svg';
 
 export const APP_URL = 'https://safe.bako.global';
-export const HOST_URL = 'https://api-safe.bako.global';
-export const SOCKET_URL = 'https://api-safe.bako.global';
+export const HOST_URL = 'https://api.bako.global';
+export const SOCKET_URL = 'https://api.bako.global';
 
 // Window object
 export const HAS_WINDOW = typeof window !== 'undefined';

packages/connectors/src/defaultConnectors.ts

@@ -1,3 +1,4 @@
+import { BakoSafeConnector } from '@fuel-connectors/bako-safe';
 import { BurnerWalletConnector } from '@fuel-connectors/burner-wallet-connector';
 import { FuelWalletDevelopmentConnector } from '@fuel-connectors/fuel-development-wallet';
 import { FuelWalletConnector } from '@fuel-connectors/fuel-wallet';
@@ -14,6 +15,7 @@ export function defaultConnectors({
 }: DefaultConnectors = {}): Array<FuelConnector> {
   const connectors = [
     new FuelWalletConnector(),
+    new BakoSafeConnector(),
     new FueletWalletConnector(),
     new WalletConnectConnector(),
     new BurnerWalletConnector(),