Merge branch 'main' of https://github.com/openint-dev/openint

connectors/connector-qbo/server.ts

@@ -1,4 +1,4 @@
-import {initSDK} from '@opensdks/runtime'
+import {initSDK, modifyRequest} from '@opensdks/runtime'
 import type {QBOSDKTypes} from '@opensdks/sdk-qbo'
 import {qboSdkDef} from '@opensdks/sdk-qbo'
 import type {ConnectorServer} from '@openint/cdk'
@@ -17,7 +17,7 @@ export type QBOSDK = ReturnType<typeof initQBOSdk>
 
 export const qboServer = {
   newInstance: ({config, settings, fetchLinks}) => {
-    const qbo = initQBOSdk({
+    const qbo = initQBOSdk({      
       envName: config.envName,
       realmId: settings.oauth.connection_config.realmId,
       // Access token may be out of date, we are relying on fetchLinks to contain a middleware to
@@ -34,11 +34,24 @@ export const qboServer = {
           }
           return next(req)
         },
+        (req, next) => {
+          if(req.url.includes('/bank-accounts') || req.url.includes('/payment-receipts')) {
+            const param = req.url.split("/").pop();
+            const newUrl = req.url.includes('/bank-accounts') ? 
+              req.url?.replace(/intuit\.com.*/, `intuit.com/quickbooks/v4/customers/${param}/bank-accounts`) : 
+              req.url?.replace(/intuit\.com.*/, `intuit.com/quickbooks/v4/payments/receipt/${param}`);
+            const newRes = modifyRequest(req, {
+              url: newUrl
+            });
+            return next(newRes);
+          }
+          return next(req);
+        },
         ...fetchLinks,
-        ...defaultLinks,
+        ...defaultLinks
       ],
     })
-    return qbo
+    return qbo;
   },
 
   sourceSync: ({instance: qbo, streams}) => {

packages/ui/.storybook/main.js

@@ -1,4 +1,5 @@
-const { dirname, join } = require('path')
+const {dirname, join} = require('path')
+const {default: svgr} = require('vite-plugin-svgr')
 
 /**
  * This function is used to resolve the absolute path of a package.
@@ -25,26 +26,12 @@ const config = {
     name: getAbsolutePath('@storybook/react-vite'),
     options: {},
   },
-  // Add the following configuration to support SVGs
-  viteFinal: async (config) => {
-    // Ensure plugins array is initialized
-    if (!config.plugins) {
-      config.plugins = [];
-    }
 
-    config.plugins.push({
-      name: 'svgr',
-      transform: (code, id) => {
-        if (/\.svg$/.test(id)) {
-          return {
-            code: `import { ReactComponent as Icon } from '${id}'; export default Icon;`,
-            map: null,
-          };
-        }
-        return null;
-      },
-    });
-    return config;
+  async viteFinal(config, {configType}) {
+    config.plugins = config.plugins || []
+    config.plugins.push(svgr())
+
+    return config
   },
 }
 

packages/ui/package.json

@@ -55,7 +55,8 @@
     "@tanstack/react-query": "*",
     "@types/react": "*",
     "prop-types": "^15.8.1",
-    "storybook": "^8.3.5"
+    "storybook": "^8.3.5",
+    "vite-plugin-svgr": "^4.2.0"
   },
   "peerDependencies": {
     "react": "*",