Untyped support for HRIS

Author: tonyxiao

apps/web/app/connect/Connect.tsx

@@ -87,6 +87,7 @@ export function Connect(props: {
               category="hris"
               title="Payroll system"
               integrationId="int_merge"
+              preConnectInput={{categories: ['hris']}}
             />
           </>
         )}
@@ -124,10 +125,12 @@ interface ConnectionsColumnProps {
   integrationId?: Id['int']
   /** Could also be inferred based on category */
   title?: string
+  /** TODO: Fix me... typing and hard-coding not ideal */
+  preConnectInput?: unknown
 }
 
 function ConnectionsColumn(props: ConnectionsColumnProps) {
-  const {connectWith, title} = props
+  const {connectWith, title, preConnectInput} = props
   const connections = props.connections.filter(
     (c) =>
       !props.category || c.institution?.categories?.includes(props.category),
@@ -146,7 +149,10 @@ function ConnectionsColumn(props: ConnectionsColumnProps) {
 
   function addNewConnection() {
     if (integrationId) {
-      void veniceConnect.connect({id: integrationId}, {connectWith})
+      void veniceConnect.connect(
+        {id: integrationId},
+        {connectWith, preConnectInput},
+      )
     }
   }
 

apps/web/components/PageLayout/AuthLayout/Sidebar.tsx

@@ -7,7 +7,7 @@ import {
   ProfileIcon,
   SupportIcon,
 } from '@usevenice/ui/icons'
-import {UsersIcon} from 'lucide-react'
+import {UsersIcon, WandIcon} from 'lucide-react'
 import Image from 'next/image'
 import Link from 'next/link'
 import {useAuthState} from '../../../contexts/session-context'
@@ -17,7 +17,7 @@ const mainNavigation = [
   {
     name: 'Magic link',
     href: '/admin/magic-link',
-    icon: ArrowLeftRightIcon,
+    icon: WandIcon,
     adminOnly: true,
   },
   {

integrations/integration-merge/MergeIntegration.ts

@@ -88,6 +88,7 @@ export const mergeImpl = {
 
   preConnect: async (config, context, input) => {
     const client = makeMergeClient({apiKey: config.apiKey})
+    console.log('[Merge] preConnect', config, context, input)
     const res = await client.integrations.post('/create-link-token', {
       body: {
         end_user_origin_id: context.userId,

packages/engine-frontend/useVenice.tsx

@@ -78,6 +78,9 @@ interface IntegrationOptions {
   institutionId?: Id['ins']
 
   resourceId?: Id['reso']
+
+  /** TODO: Fix me... */
+  preConnectInput?: unknown
 }
 
 /** Also ledger-specific */
@@ -147,7 +150,7 @@ export function useVeniceConnect({
           !enablePreconnectPrompt ||
           opt.resourceExternalId ||
           !preConnInputSchema
-            ? {}
+            ? opts.preConnectInput ?? {}
             : await new Promise((resolve, reject) => {
                 openDialog(
                   ({close}) => (
@@ -252,6 +255,7 @@ export function useVeniceConnect({
       envName,
       userId,
       providerByName,
+      options.enablePreconnectPrompt,
       trpcCtx.preConnect,
       trpcCtx.listConnections,
       connectFnMapRef,