Merge pull request #155 from bosonprotocol/upgrade-react-kit9

chore: upgrade react-kit
bosonprotocol · Jun 7, 2024 · ec05de1 · ec05de1
2 parents e327f5a + d44b295
commit ec05de1
Show file tree

Hide file tree

Showing 7 changed files with 539 additions and 34 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -44,7 +44,7 @@
     ]
   },
   "dependencies": {
-    "@bosonprotocol/react-kit": "^0.31.1",
+    "@bosonprotocol/react-kit": "^0.32.0-alpha.5",
     "@krakenjs/zoid": "^10.3.3",
     "@svgr/webpack": "^8.1.0",
     "@testing-library/jest-dom": "^5.16.5",

diff --git a/src/components/widgets/commit/Commit.tsx b/src/components/widgets/commit/Commit.tsx
@@ -64,6 +64,8 @@ export function Commit() {
     <>
       <GlobalStyle $bodyOverflow={bodyOverflow} />
       <CommitWidget
+        withCustomReduxContext={false}
+        withWeb3React={false}
         withExternalSigner={withExternalSigner === "true"}
         configId={configId}
         forcedAccount={account}

diff --git a/src/components/widgets/commit/CommitDisplay.tsx b/src/components/widgets/commit/CommitDisplay.tsx
@@ -9,14 +9,14 @@ import { commitPath } from "./Commit";
 export function CommitDisplay() {
   const commitQPobj = {
     configId: getEnvConfigs(CONFIG.envName)[0].configId,
-    offerId: "100",
+    offerId: "8",
     lookAndFeel: "modal",
     modalMargin: "2%"
   };
   const commitQP = new URLSearchParams(Object.entries(commitQPobj)).toString();
   const title = "Commit widget";
   const width = "100%";
-  const height = "400px";
+  const height = "800px";
   const iframeText = `<iframe width="${width}" height="${height}" src="${`/#${commitPath}?${decodeURIComponent(
     commitQP
   )}`}" title="${title}" />`;

diff --git a/src/components/widgets/finance/Finance.tsx b/src/components/widgets/finance/Finance.tsx
@@ -20,6 +20,9 @@ export function Finance() {
   }
   return (
     <FinanceWidget
+      withReduxProvider={true}
+      withCustomReduxContext={false}
+      withWeb3React={false}
       sellerId={sellerId}
       withExternalSigner={withExternalSigner === "true"}
       configId={configId}

diff --git a/src/components/widgets/redeem/Redeem.tsx b/src/components/widgets/redeem/Redeem.tsx
@@ -119,6 +119,9 @@ export function Redeem() {
 
   return (
     <RedemptionWidget
+      withReduxProvider={true}
+      withCustomReduxContext={false}
+      withWeb3React={false}
       withExternalSigner={withExternalSigner === "true"}
       showRedemptionOverview={showRedemptionOverview}
       sendDeliveryInfoThroughXMTP={sendDeliveryInfoThroughXMTP}

diff --git a/src/components/widgets/redeem/RedeemDisplay.tsx b/src/components/widgets/redeem/RedeemDisplay.tsx
@@ -13,7 +13,7 @@ export function RedeemDisplay() {
   const redeemQP = new URLSearchParams(Object.entries(redeemQPobj)).toString();
   const title = "Redeem widget";
   const width = "100%";
-  const height = "400px";
+  const height = "800px";
   const iframeText = `<iframe width="${width}" height="${height}" src="${`/#${redeemPath}?${decodeURIComponent(
     redeemQP
   )}`}" title="${title}" />`;