From 57a3c9e6353eea33dc3007c957ee0af51ea43c62 Mon Sep 17 00:00:00 2001
From: Albert Folch <albertfolch@redeemeum.com>
Date: Thu, 9 May 2024 16:51:25 +0200
Subject: [PATCH] feat: update demo and upgrade react-kit

---
 package-lock.json                         | 40 +++++++++++------------
 package.json                              |  2 +-
 public/scripts/commit-button-example.html | 26 +++++++++++++--
 3 files changed, 45 insertions(+), 23 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 2ccb0d1..9cf5c9f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,7 +9,7 @@
       "version": "0.1.0",
       "hasInstallScript": true,
       "dependencies": {
-        "@bosonprotocol/react-kit": "^0.30.0-alpha.10",
+        "@bosonprotocol/react-kit": "^0.30.0-alpha.13",
         "@krakenjs/zoid": "^10.3.3",
         "@svgr/webpack": "^8.1.0",
         "@testing-library/jest-dom": "^5.16.5",
@@ -2157,9 +2157,9 @@
       }
     },
     "node_modules/@bosonprotocol/common": {
-      "version": "1.27.2-alpha.7",
-      "resolved": "https://registry.npmjs.org/@bosonprotocol/common/-/common-1.27.2-alpha.7.tgz",
-      "integrity": "sha512-MGt9uo+QLwytQNw9xM1jE9wIlktErIQau7d/S8o0VY2AA3mDQarwdS6FmFEN8U3hlBj8BZwDGxh/pwSl28gphg==",
+      "version": "1.27.2-alpha.10",
+      "resolved": "https://registry.npmjs.org/@bosonprotocol/common/-/common-1.27.2-alpha.10.tgz",
+      "integrity": "sha512-oF8cPqy3UEHlCAfRniO2sheoFmmi1q5LH/6D8khvYYXJBPQXOZXJK2GI9nHW92zJX3/s08osgl9FnKumUXhraA==",
       "dependencies": {
         "@bosonprotocol/metadata": "^1.16.1",
         "@ethersproject/abi": "^5.5.0",
@@ -2171,11 +2171,11 @@
       }
     },
     "node_modules/@bosonprotocol/core-sdk": {
-      "version": "1.40.2-alpha.7",
-      "resolved": "https://registry.npmjs.org/@bosonprotocol/core-sdk/-/core-sdk-1.40.2-alpha.7.tgz",
-      "integrity": "sha512-M6UMp6I9hdvgqQ2UWhi4K+9PoUNAGjDN22ThQ0/RT3VWi5RxPNANPXtldTFZbG32sDtA1yhg9QAYfU8P0aSp4w==",
+      "version": "1.40.2-alpha.10",
+      "resolved": "https://registry.npmjs.org/@bosonprotocol/core-sdk/-/core-sdk-1.40.2-alpha.10.tgz",
+      "integrity": "sha512-JqJEzBEBDh33ZzyYPV8mLFNagJ8a/CQVSiF6w/6KlhEXrCQ6NDWFUNlOWexORtIwNXX34WsPIRjobQSHJxsplw==",
       "dependencies": {
-        "@bosonprotocol/common": "^1.27.2-alpha.7",
+        "@bosonprotocol/common": "^1.27.2-alpha.10",
         "@ethersproject/abi": "^5.5.0",
         "@ethersproject/address": "^5.5.0",
         "@ethersproject/bignumber": "^5.5.0",
@@ -2205,11 +2205,11 @@
       }
     },
     "node_modules/@bosonprotocol/ethers-sdk": {
-      "version": "1.14.2-alpha.7",
-      "resolved": "https://registry.npmjs.org/@bosonprotocol/ethers-sdk/-/ethers-sdk-1.14.2-alpha.7.tgz",
-      "integrity": "sha512-yfIQK5BBRoUvOxStkocnb4yXUIxwLH/Ejic/qczNZL40RvekWDMlD8FKIzeF+2F/5DRXVDvGPenbCJcAHTa0Mw==",
+      "version": "1.14.2-alpha.10",
+      "resolved": "https://registry.npmjs.org/@bosonprotocol/ethers-sdk/-/ethers-sdk-1.14.2-alpha.10.tgz",
+      "integrity": "sha512-FIaGXiOkZkc+2dcRbvuqfOONabu1cy+NTfjBkCSeWIFHi9X35ozStwg5Ray1RVW2dT1GCu/7Tw1VtuxkUeNxuA==",
       "dependencies": {
-        "@bosonprotocol/common": "^1.27.2-alpha.7"
+        "@bosonprotocol/common": "^1.27.2-alpha.10"
       },
       "peerDependencies": {
         "ethers": "^5.5.0"
@@ -2235,13 +2235,13 @@
       }
     },
     "node_modules/@bosonprotocol/react-kit": {
-      "version": "0.30.0-alpha.10",
-      "resolved": "https://registry.npmjs.org/@bosonprotocol/react-kit/-/react-kit-0.30.0-alpha.10.tgz",
-      "integrity": "sha512-GVA6p2EBxRveo9EpRZ1dXIq0QtCxfPURCS5+2eSIbtziekxse1to6F4ERN4FSrGdGGx5Ot6+MGRA0m05Hx5CRQ==",
+      "version": "0.30.0-alpha.13",
+      "resolved": "https://registry.npmjs.org/@bosonprotocol/react-kit/-/react-kit-0.30.0-alpha.13.tgz",
+      "integrity": "sha512-QxSVvcegvSjyCf4Zr7aOtO23755gxpoD6rrwDvDg9fAOxvHP0x/tdYMn8cpq/Gmjojkbw1oRoXBvi1qz2Z95fw==",
       "dependencies": {
         "@bosonprotocol/chat-sdk": "^1.3.1-alpha.9",
-        "@bosonprotocol/core-sdk": "^1.40.2-alpha.7",
-        "@bosonprotocol/ethers-sdk": "^1.14.2-alpha.7",
+        "@bosonprotocol/core-sdk": "^1.40.2-alpha.10",
+        "@bosonprotocol/ethers-sdk": "^1.14.2-alpha.10",
         "@bosonprotocol/ipfs-storage": "^1.11.3",
         "@davatar/react": "1.11.1",
         "@ethersproject/units": "5.6.0",
@@ -22803,9 +22803,9 @@
       }
     },
     "node_modules/opensea-js": {
-      "version": "7.1.7",
-      "resolved": "https://registry.npmjs.org/opensea-js/-/opensea-js-7.1.7.tgz",
-      "integrity": "sha512-uyfgfx9jAPTshy983yex6j63r1aTz54Bu0Bfu1Sf+JXVPRqcyNuQWPEH7zf/nJx4noEUnQQsZDE1mg8Bdn04+g==",
+      "version": "7.1.8",
+      "resolved": "https://registry.npmjs.org/opensea-js/-/opensea-js-7.1.8.tgz",
+      "integrity": "sha512-DBlfMuBoNfMvVO7siQQE72wCdgQqG0qgJWi9H8CNkaBrU2IMl2kAjZE//cbqZyWEb9Kie/CEpbT6ICy0wjh4dg==",
       "hasInstallScript": true,
       "dependencies": {
         "@opensea/seaport-js": "^4.0.0",
diff --git a/package.json b/package.json
index 84bbda1..6e4b7f6 100644
--- a/package.json
+++ b/package.json
@@ -44,7 +44,7 @@
     ]
   },
   "dependencies": {
-    "@bosonprotocol/react-kit": "^0.30.0-alpha.10",
+    "@bosonprotocol/react-kit": "^0.30.0-alpha.13",
     "@krakenjs/zoid": "^10.3.3",
     "@svgr/webpack": "^8.1.0",
     "@testing-library/jest-dom": "^5.16.5",
diff --git a/public/scripts/commit-button-example.html b/public/scripts/commit-button-example.html
index 63f4f06..1cac29d 100644
--- a/public/scripts/commit-button-example.html
+++ b/public/scripts/commit-button-example.html
@@ -21,10 +21,23 @@ <h3>Commit button example</h3>
 
   <script>
     let disabled = false;
-    const instance = CommitButton({
+    let context = "iframe";
+    const isProd =
+      window.location.href.startsWith("https://widgets.bosonprotocol.io") ||
+      window.location.href.startsWith("https://widgets-production.on.fleek.co");
+    const prodData = {
+      configId: "production-137-0",
+      productUuid: "2540b-1cf7-26e7-ddaf-4de1dcf7ebc",
+      sellerId: "2"
+    };
+    const argsThatDependOnEnv = {
       configId: "testing-80002-0",
       productUuid: "086b32-3fcd-00d1-0624-67513e85415c",
       sellerId: "138",
+      ...(isProd && prodData)
+    };
+    const instance = CommitButton({
+      ...argsThatDependOnEnv,
       context: "iframe",
       modalMargin: "2%",
       lookAndFeel: "modal",
@@ -50,6 +63,15 @@ <h3>Commit button example</h3>
       disabled = !disabled;
       instance.updateProps({ disabled });
     }
+    function toggleContextState() {
+      context = context === "iframe" ? "popup" : "iframe";
+      instance.updateProps({ context });
+    }
   </script>
-  <button onclick="toggleDisableState()" style="margin: 20px;">toggle disable state</button>
+  <button onclick="toggleDisableState()" style="margin: 20px">
+    toggle disable state
+  </button>
+  <button onclick="toggleContextState()" style="margin: 20px">
+    toggle context state
+  </button>
 </body>