feat: add visma oauth (#3564)

backend/oauth_connect.json

@@ -141,5 +141,16 @@
     "scopes": [
       "com.intuit.quickbooks.accounting"
     ]
+  },
+  "visma": {
+    "auth_url": "https://connect.visma.com/connect/authorize",
+    "token_url": "https://connect.visma.com/connect/token",
+    "scopes": [
+      "offline_access",
+      "vismanet_erp_interactive_api:create",
+      "vismanet_erp_interactive_api:delete",
+      "vismanet_erp_interactive_api:read",
+      "vismanet_erp_interactive_api:update"
+    ]
   }
 }

frontend/src/lib/components/InstanceSettings.svelte

@@ -164,7 +164,8 @@
 		'gworkspace',
 		'basecamp',
 		'linkedin',
-		'quickbooks'
+		'quickbooks',
+		'visma'
 	]
 
 	let oauth_name = undefined

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

@@ -0,0 +1,11 @@
+<script lang="ts">
+	export let height = '24px'
+	export let width = '24px'
+</script>
+
+<svg {width} {height} viewBox="0 0 36 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<path
+		d="M13.6 0.5C20.6 1.1 28.2 4.6 32.6 9.6C38.2 16 36.3 22.4 28.3 23.9C20.3 25.4 9.30001 21.4 3.70001 15C-0.599994 10.1 -0.499994 5.2 3.40001 2.5L25.6 18.9L13.6 0.5Z"
+		fill="#E70641"
+	/>
+</svg>

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

@@ -86,6 +86,7 @@ import IpinfoIcon from './IpinfoIcon.svelte'
 import GoogleCloudIcon from './GoogleCloudIcon.svelte'
 import CaCertificate from './CACertificate.svelte'
 import CurrencyApiIcon from './CurrencyApiIcon.svelte'
+import VismaIcon from './VismaIcon.svelte'
 
 export const APP_TO_ICON_COMPONENT = {
 	postgresql: PostgresIcon,
@@ -179,7 +180,8 @@ export const APP_TO_ICON_COMPONENT = {
 	gworkspace: GoogleIcon,
 	gcp_service_account: GoogleCloudIcon,
 	cacertificate: CaCertificate,
-	currencyapi: CurrencyApiIcon
+	currencyapi: CurrencyApiIcon,
+	visma: VismaIcon
 } as const
 
 export {
@@ -266,4 +268,4 @@ export {
 	GoogleCloudIcon,
 	CaCertificate,
 	CurrencyApiIcon
-}
+}