add configId parameters to widgets

src/components/widgets/finance/Finance.tsx

@@ -1,11 +1,13 @@
-import { FinanceWidget } from "@bosonprotocol/react-kit";
+import { ConfigId, FinanceWidget } from "@bosonprotocol/react-kit";
 import { useSearchParams } from "react-router-dom";
 
 import { CONFIG } from "../../../config";
+import { getDefaultConfigId } from "../../../utils";
 
 export const financePath = "/finance";
 export function Finance() {
   const [searchParams] = useSearchParams();
+  const configId = (searchParams.get("configId") as ConfigId) || undefined;
   const sellerId = searchParams.get("sellerId");
   if (!sellerId) {
     return <p>Missing 'sellerId' query param</p>;
@@ -15,6 +17,7 @@ export function Finance() {
     <FinanceWidget
       sellerId={sellerId}
       envName={CONFIG.envName}
+      configId={configId || getDefaultConfigId(CONFIG.envName)}
       metaTx={{
         apiKey: CONFIG.metaTxApiKey as string,
         apiIds: CONFIG.metaTxApiIds as string

src/components/widgets/redeem/Redeem.tsx

@@ -1,14 +1,17 @@
 import {
+  ConfigId,
   RedemptionBypassMode,
   RedemptionWidget
 } from "@bosonprotocol/react-kit";
 import { useSearchParams } from "react-router-dom";
 
 import { CONFIG } from "../../../config";
+import { getDefaultConfigId } from "../../../utils";
 
 export const redeemPath = "/redeem";
 export function Redeem() {
   const [searchParams] = useSearchParams();
+  const configId = (searchParams.get("configId") as ConfigId) || undefined;
   const exchangeId = searchParams.get("exchangeId") || undefined;
   const bypassMode: RedemptionBypassMode = checkBypassMode(
     searchParams.get("bypassMode") || undefined
@@ -32,6 +35,7 @@ export function Redeem() {
     <RedemptionWidget
       exchangeId={exchangeId}
       envName={CONFIG.envName}
+      configId={configId || getDefaultConfigId(CONFIG.envName)}
       metaTx={{
         apiKey: CONFIG.metaTxApiKey as string,
         apiIds: CONFIG.metaTxApiIds as string

src/utils.ts

@@ -0,0 +1,12 @@
+import {
+  ConfigId,
+  EnvironmentType,
+  getEnvConfigs
+} from "@bosonprotocol/react-kit";
+
+export function getDefaultConfigId(envName: EnvironmentType): ConfigId {
+  if (getEnvConfigs(envName).length === 0) {
+    throw new Error(`No config found for envNAme '${envName}'`);
+  }
+  return getEnvConfigs(envName)[0].configId;
+}