Enable new domain at Gnosis package (#1347)

Author: dasanra

packages/gnosis/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/gnosis",
-  "version": "2.1.4",
+  "version": "2.1.5-alpha.1",
   "description": "Gnosis Safe module for connecting to Web3-Onboard. Web3-Onboard makes it simple to connect Ethereum hardware and software wallets to your dapp. Features standardised spec compliant web3 providers for all supported wallets, framework agnostic modern javascript UI with code splitting, CSS customization, multi-chain and multi-account support, reactive wallet state subscriptions and real-time transaction state change notifications.",
   "keywords": [
     "Ethereum",

packages/gnosis/src/icon.ts

@@ -1,5 +1,5 @@
 export default `
-  <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 440 440">
-      <path d="M220,9.82C103.92,9.82,9.82,103.92,9.82,220S103.92,430.18,220,430.18,430.18,336.08,430.18,220,336.08,9.82,220,9.82ZM373.83,231.47H276.3a59.41,59.41,0,1,1,.45-20.67h97.08a10.34,10.34,0,1,1,0,20.67Z"/>
+  <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M21.757 11.998h-2.485c-.742 0-1.343.579-1.343 1.293v3.47c0 .714-.602 1.293-1.344 1.293H6.699c-.743 0-1.344.578-1.344 1.292v2.391c0 .714.601 1.293 1.344 1.293h10.458c.742 0 1.335-.579 1.335-1.293V19.82c0-.714.602-1.22 1.344-1.22h1.92c.743 0 1.344-.58 1.344-1.293v-4.03c0-.714-.601-1.278-1.343-1.278ZM5.355 7.249c0-.714.6-1.293 1.343-1.293h9.88c.743 0 1.344-.579 1.344-1.293v-2.39c0-.714-.601-1.293-1.344-1.293H6.125c-.742 0-1.343.579-1.343 1.293v1.842c0 .714-.602 1.292-1.344 1.292H1.526C.784 5.407.182 5.986.182 6.7v4.034c0 .714.604 1.264 1.346 1.264h2.485c.743 0 1.344-.579 1.344-1.293L5.355 7.25ZM10.472 9.485h2.387c.778 0 1.409.608 1.409 1.356v2.296c0 .748-.632 1.356-1.41 1.356h-2.386c-.778 0-1.409-.608-1.409-1.356v-2.296c0-.749.632-1.356 1.409-1.356Z" fill="currentColor"/>
   </svg>
 `

packages/gnosis/src/index.ts

@@ -5,14 +5,18 @@ type GnosisOptions = {
 }
 
 function gnosis(options?: GnosisOptions): WalletInit {
-  const { whitelistedDomains = [/gnosis-safe.io/] } = options || {}
+  const { whitelistedDomains = [
+    /^https:\/\/gnosis-safe\.io$/,
+    /^https:\/\/app\.safe\.global$/,
+    /^https:\/\/safe\.global$/
+  ] } = options || {}
 
   return () => {
     const loadedInIframe = window.self !== window.top
 
     return loadedInIframe
       ? {
-          label: 'Gnosis Safe',
+          label: 'Safe',
           getIcon: async () => (await import('./icon.js')).default,
           getInterface: async () => {
             const { default: SafeAppsSDK } = await import(
@@ -44,7 +48,7 @@ function gnosis(options?: GnosisOptions): WalletInit {
 
             if (!safe) {
               throw new Error(
-                `App must be loaded in a Safe App context, head to <a href="https://gnosis-safe.io/app">the Gnosis Safe App<a/> and open this website as an app.`
+                `App must be loaded in a Safe App context, head to <a href="https://gnosis-safe.io/app">the Safe</a> and open this website as an app.`
               )
             }