remove square from oauth

backend/oauth_connect.json

@@ -77,16 +77,5 @@
     "token_url": "https://www.linkedin.com/oauth/v2/accessToken",
     "scopes": ["w_member_social", "r_liteprofile", "r_emailaddress"],
     "req_body_auth": true
-  },
-  "square": {
-    "auth_url": "https://squareup.com/oauth2/authorize",
-    "token_url": "https://squareup.com/oauth2/token",
-    "scopes": [
-      "CUSTOMERS_READ",
-      "ORDERS_READ",
-      "INVENTORY_READ",
-      "MERCHANT_PROFILE_READ"
-    ],
-    "req_body_auth": true
   }
 }

frontend/src/lib/components/AppConnect.svelte

@@ -34,6 +34,15 @@
 		supabase: {
 			img: '/supabase_connect.png',
 			instructions: ['Go to the API Settings of your app to find the project URL and key']
+		},
+
+		square: {
+			img: '/square_connect.gif',
+			instructions: [
+				'Go to <a href="https://developer.squareup.com/apps" target="_blank" rel=”noopener noreferrer”>https://developer.squareup.com/apps</a>',
+				'In the left pane, choose Credentials',
+				'At the top of the page, choose Production mode for a production access token or Sandbox mode for a Sandbox access token.'
+			]
 		}
 	}
 </script>

frontend/src/lib/components/icons/SquareIcon.svelte

@@ -0,0 +1,10 @@
+<script lang="ts">
+	export let height = '24px'
+	export let width = '24px'
+</script>
+
+<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" {width} {height} viewBox="0 0 30 30">
+	<path
+		d="M 7 4 C 5.343 4 4 5.343 4 7 L 4 23 C 4 24.657 5.343 26 7 26 L 23 26 C 24.657 26 26 24.657 26 23 L 26 7 C 26 5.343 24.657 4 23 4 L 7 4 z M 8 8 L 22 8 L 22 22 L 8 22 L 8 8 z M 12 12 L 12 18 L 18 18 L 18 12 L 12 12 z"
+	/>
+</svg>

frontend/src/lib/components/icons/index.ts

@@ -45,6 +45,7 @@ import SupabaseIcon from './SupabaseIcon.svelte'
 import WebdavIcon from './WebdavIcon.svelte'
 import ZammadIcon from './ZammadIcon.svelte'
 import SurrealdbIcon from './SurrealdbIcon.svelte'
+import SquareIcon from './SquareIcon.svelte'
 
 export const APP_TO_ICON_COMPONENT = {
 	postgresql: PostgresIcon,
@@ -93,6 +94,7 @@ export const APP_TO_ICON_COMPONENT = {
 	mongodb: MongodbIcon,
 	reddit: RedditIcon,
 	supabase: SupabaseIcon,
+	square: SquareIcon,
 	webdav: WebdavIcon,
 	zammad: ZammadIcon,
 	nextcloud: NextcloudIcon,