feat: integrate redemption widget (#784)

* feat: integrate redemption widget

* use direct call to boson-widgets script function for cancel and redeem in Exchanges list

* allow building without mapping generation (for use on Cloudflare)

* review comments

* restore dApp-specific zIndex object

.env.example

@@ -1,5 +1,10 @@
 REACT_APP_ENV_NAME=testing
-REACT_APP_WIDGETS_URL=
+# TESTING
+REACT_APP_WIDGETS_URL=https://widgets-test.on.fleek.co
+# STAGING
+# REACT_APP_WIDGETS_URL=https://widgets-staging.on.fleek.co
+# PRODUCTION
+# REACT_APP_WIDGETS_URL=https://widgets.bosonprotocol.io
 
 # Infura IPFS project ID, used for auth header
 REACT_APP_INFURA_IPFS_PROJECT_ID=

.github/workflows/ci.yaml

@@ -51,6 +51,7 @@ jobs:
       REACT_APP_RELEASE_NAME: ${{ needs.prejob.outputs.releaseName }}
       REACT_APP_DAPP_VIEW_MODE: "same_origin"
       REACT_APP_DR_CENTER_VIEW_MODE: "same_origin"
+      REACT_APP_WIDGETS_URL: "https://widgets-test.on.fleek.co"
     secrets:
       NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
       CODECOV_TOKEN: ${{ secrets.CODECOV_TOKEN }}
@@ -82,6 +83,7 @@ jobs:
       REACT_APP_RELEASE_NAME: ${{ needs.prejob.outputs.releaseName }}
       REACT_APP_DAPP_VIEW_MODE: "https://interface-test.on.fleek.co"
       REACT_APP_DR_CENTER_VIEW_MODE: "https://drcenter-test.on.fleek.co"
+      REACT_APP_WIDGETS_URL: "https://widgets-test.on.fleek.co"
     secrets:
       NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
       FLEEK_API_KEY: ${{ secrets.FLEEK_API_KEY }}
@@ -118,6 +120,7 @@ jobs:
       REACT_APP_RELEASE_NAME: ${{ needs.prejob.outputs.releaseName }}
       REACT_APP_DAPP_VIEW_MODE: "https://interface-staging.on.fleek.co"
       REACT_APP_DR_CENTER_VIEW_MODE: "https://drcenter-staging.on.fleek.co"
+      REACT_APP_WIDGETS_URL: "https://widgets-staging.on.fleek.co"
     secrets:
       NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
       FLEEK_API_KEY: ${{ secrets.FLEEK_API_KEY }}
@@ -154,6 +157,7 @@ jobs:
       REACT_APP_RELEASE_NAME: ${{ needs.prejob.outputs.releaseName }}
       REACT_APP_DAPP_VIEW_MODE: "https://bosonapp.io"
       REACT_APP_DR_CENTER_VIEW_MODE: "https://disputes.bosonprotocol.io"
+      REACT_APP_WIDGETS_URL: "https://widgets.bosonprotocol.io"
     secrets:
       NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
       FLEEK_API_KEY: ${{ secrets.FLEEK_API_KEY }}

.github/workflows/ci_reusable.yaml

@@ -45,6 +45,9 @@ on:
       REACT_APP_DR_CENTER_VIEW_MODE:
         required: true
         type: string
+      REACT_APP_WIDGETS_URL:
+        required: true
+        type: string
     secrets:
       NPM_TOKEN:
         required: true
@@ -124,6 +127,7 @@ jobs:
       REACT_APP_VIEW_MODE: "dapp"
       REACT_APP_DAPP_VIEW_MODE: ${{ inputs.REACT_APP_DAPP_VIEW_MODE }}
       REACT_APP_DR_CENTER_VIEW_MODE: ${{ inputs.REACT_APP_DR_CENTER_VIEW_MODE }}
+      REACT_APP_WIDGETS_URL: ${{ inputs.REACT_APP_WIDGETS_URL }}
     outputs:
       jobLint: ${{ steps.lint.outputs.pass }}
       jobBuild: ${{ steps.build.outputs.pass }}