Feature branch: runtime upgrade 1038

.github/workflows/centrifuge-app.yml

@@ -15,10 +15,10 @@ on:
 # Fancy concurrency group string to allow for multi-staging deployments
 concurrency:
   group: 'centrifuge-app-${{ inputs.deploy_env || github.event.inputs.deploy_env }}@${{ github.event.name }}${{ github.event.pull_request.head.label || github.head_ref || github.ref }}'
-  cancel-in-progress: true      
+  cancel-in-progress: true
 env:
   artifact_name: "webpack${{ inputs.deploy_env && format('-{0}', inputs.deploy_env) }}"
-jobs:  
+jobs:
   build-app:
     runs-on: ubuntu-latest
     defaults:
@@ -39,23 +39,23 @@ jobs:
         with:
           node-version: '16'
           cache: yarn
-      
+
       - name: set PR function values
         if: github.event_name == 'pull_request'
         shell: bash
         env:
           PINNING_URL: https:\/\/${{ vars.GCLOUD_REGION  }}-${{ vars.GCP_DEV_PROJ }}.cloudfunctions.net\/pinning-api-pr${{ github.event.number }}
           ONBOARDING_URL: https:\/\/${{ vars.GCLOUD_REGION  }}-${{ vars.GCP_DEV_PROJ }}.cloudfunctions.net\/onboarding-api-pr${{ github.event.number }}
-        # Ex: 
+        # Ex:
         # sed -i .bak -e '/^REACT_APP_ONBOARDING_API_URL=/s/=.*/=https:\/\/europe-central2-peak-vista.cloudfunctions.net\/onboarding-api-pr1144/' $PWD/.env-config/.env.development
         run: |
           sed -i -e '/^REACT_APP_PINNING_API_URL=/s/=.*/=${{ env.PINNING_URL }}/' $PWD/.env-config/.env.${{ steps.prepare.outputs.env_name }}
           sed -i -e '/^REACT_APP_ONBOARDING_API_URL=/s/=.*/=${{ env.ONBOARDING_URL }}/' $PWD/.env-config/.env.${{ steps.prepare.outputs.env_name }}
           cat .env-config/.env.${{ steps.prepare.outputs.env_name }} | grep API
-          
+
       - name: Install Dependencies
         # env:
-        #   NODE_ENV: production      
+        #   NODE_ENV: production
         run: yarn install --immutable
       - name: Lint
         run: yarn lint
@@ -64,16 +64,16 @@ jobs:
         shell: bash
         env:
           # https://github.com/actions/runner-images/issues/70#issuecomment-1191708172
-          NODE_OPTIONS: "--max_old_space_size=4096" 
+          NODE_OPTIONS: '--max_old_space_size=4096'
         run: |
           yarn build:fabric 
           yarn build:centjs 
           yarn build:centReact
           cat .env-config/.env.${{ steps.prepare.outputs.env_name }}
           yarn build:app --mode ${{ steps.prepare.outputs.env_name }}
-      
+
       - uses: actions/upload-artifact@0b7f8abb1508181956e8e162db84b466c27e18ce #@3.1.2
-        with: 
+        with:
           name: ${{ env.artifact_name }}
           path: ./centrifuge-app/build
           if-no-files-found: error
@@ -89,16 +89,15 @@ jobs:
     outputs:
       front_url: ${{ steps.prepare.outputs.front_url }}
       gh_env: ${{ steps.prepare.outputs.gh_env }}
-
 
   deploy-app:
     concurrency:
-       # Do not sync the same bucket in parallel
+      # Do not sync the same bucket in parallel
       group: deploy-${{ needs.build-app.outputs.front_url }}-${{ github.event.name }}
-      cancel-in-progress: true    
+      cancel-in-progress: true
     permissions:
       contents: 'read'
-      id-token: 'write'  
+      id-token: 'write'
     runs-on: ubuntu-latest
     needs: build-app
     environment: ${{ needs.build-app.outputs.gh_env }}
@@ -107,7 +106,7 @@ jobs:
         uses: actions/checkout@ac593985615ec2ede58e132d2e21d2b1cbd6127c # v3.3.0
         with:
           path: apps
-            
+
       - name: deploy to GCS
         id: gcsdeploy
         uses: ./apps/.github/actions/deploy-gcs
@@ -155,5 +154,3 @@ jobs:
   #       with:
   #         target: https://${{ needs.deploy-app.outputs.bucket_url }}
   #         allow_issue_writing: false # Remove this to activate creating issues with the report
-
-

.github/workflows/fabric.yml

@@ -4,14 +4,14 @@ on:
     branches:
       - main
     paths:
-      - 'fabric/**' 
+      - 'fabric/**'
       - '.github/workflows/fabric.yml'
   pull_request:
     paths:
       - '.github/workflows/fabric.yml'
 concurrency:
   group: '${{ github.workflow }} @ ${{ github.event.pull_request.head.label || github.head_ref || github.ref }}'
-  cancel-in-progress: true 
+  cancel-in-progress: true
 jobs:
   build-fabric:
     runs-on: ubuntu-latest
@@ -44,13 +44,12 @@ jobs:
           retention-days: 1
           path: ./fabric/storybook-static
 
-
   deploy-storybook: # to google storage
     # if: github.ref == 'refs/heads/main'
     needs: build-fabric
     permissions:
       contents: 'read'
-      id-token: 'write'  
+      id-token: 'write'
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
@@ -66,5 +65,5 @@ jobs:
           bucket_url: 'fabric-storybook.k-f.dev'
           GWIP: ${{ secrets.GWIP }}
           GSA: ${{ secrets.GSA }}
-  
-  # ToDo: send notification when deployed?
+
+  # ToDo: send notification when deployed?

centrifuge-app/.env-config/.env.altair

@@ -19,3 +19,4 @@ REACT_APP_REWARDS_TREE_URL=https://storage.googleapis.com/rad-rewards-trees-kova
 REACT_APP_MEMBERLIST_ADMIN_PURE_PROXY=kALJqPUHFzDR2VkoQYWefPQyzjGzKznNny2smXGQpSf3aMw19
 REACT_APP_WALLETCONNECT_ID=c32fa79350803519804a67fcab0b742a
 REACT_APP_TINLAKE_SUBGRAPH_URL=https://api.goldsky.com/api/public/project_clhi43ef5g4rw49zwftsvd2ks/subgraphs/main/prod/gn
+REACT_APP_TREASURY=kAJkmGxAd6iqX9JjWTdhXgCf2PL1TAphTRYrmEqzBrYhwbXAn

centrifuge-app/.env-config/.env.catalyst

@@ -19,3 +19,4 @@ REACT_APP_REWARDS_TREE_URL=https://storage.googleapis.com/rad-rewards-trees-kova
 REACT_APP_MEMBERLIST_ADMIN_PURE_PROXY=4bo2vNkwZtr2PuqppWwqya6dPC8MzxqZ4kgnAoTZyKo9Kxq8
 REACT_APP_WALLETCONNECT_ID=c32fa79350803519804a67fcab0b742a
 REACT_APP_TINLAKE_SUBGRAPH_URL=https://api.goldsky.com/api/public/project_clhi43ef5g4rw49zwftsvd2ks/subgraphs/main/prod/gn
+REACT_APP_TREASURY=kAJkmGxAd6iqX9JjWTdhXgCf2PL1TAphTRYrmEqzBrYhwbXAn

centrifuge-app/.env-config/.env.demo

@@ -19,3 +19,4 @@ REACT_APP_REWARDS_TREE_URL=https://storage.googleapis.com/rad-rewards-trees-kova
 REACT_APP_MEMBERLIST_ADMIN_PURE_PROXY=kALwmJutBq95s41U9fWnoApCUgvPqPGTh1GSmFnQh5f9fWo93
 REACT_APP_WALLETCONNECT_ID=c32fa79350803519804a67fcab0b742a
 REACT_APP_TINLAKE_SUBGRAPH_URL=https://api.goldsky.com/api/public/project_clhi43ef5g4rw49zwftsvd2ks/subgraphs/main/prod/gn
+REACT_APP_TREASURY=kAJkmGxAd6iqX9JjWTdhXgCf2PL1TAphTRYrmEqzBrYhwbXAn

centrifuge-app/.env-config/.env.development

@@ -19,3 +19,4 @@ REACT_APP_TINLAKE_SUBGRAPH_URL=https://api.goldsky.com/api/public/project_clhi43
 REACT_APP_REWARDS_TREE_URL=https://storage.googleapis.com/rad-rewards-trees-kovan-staging/latest.json
 REACT_APP_WALLETCONNECT_ID=c32fa79350803519804a67fcab0b742a
 REACT_APP_MEMBERLIST_ADMIN_PURE_PROXY=kAJ27w29x7gHM75xajP2yXVLjVBaKmmUTxHwgRuCoAcWaoEiz
+REACT_APP_TREASURY=kAJkmGxAd6iqX9JjWTdhXgCf2PL1TAphTRYrmEqzBrYhwbXAn

centrifuge-app/.env-config/.env.example

@@ -19,3 +19,4 @@ REACT_APP_REWARDS_TREE_URL=https://storage.googleapis.com/rad-rewards-trees-kova
 REACT_APP_MEMBERLIST_ADMIN_PURE_PROXY=kALJqPUHFzDR2VkoQYWefPQyzjGzKznNny2smXGQpSf3aMw19
 REACT_APP_WALLETCONNECT_ID=c32fa79350803519804a67fcab0b742a
 REACT_APP_TINLAKE_SUBGRAPH_URL=https://api.goldsky.com/api/public/project_clhi43ef5g4rw49zwftsvd2ks/subgraphs/main/prod/gn
+REACT_APP_TREASURY=kAJkmGxAd6iqX9JjWTdhXgCf2PL1TAphTRYrmEqzBrYhwbXAn

centrifuge-app/.env-config/.env.production

@@ -19,3 +19,4 @@ REACT_APP_REWARDS_TREE_URL=https://storage.googleapis.com/rad-rewards-trees-main
 REACT_APP_MEMBERLIST_ADMIN_PURE_PROXY=kALJqPUHFzDR2VkoQYWefPQyzjGzKznNny2smXGQpSf3aMw19
 REACT_APP_WALLETCONNECT_ID=c32fa79350803519804a67fcab0b742a
 REACT_APP_TINLAKE_SUBGRAPH_URL=https://api.goldsky.com/api/public/project_clhi43ef5g4rw49zwftsvd2ks/subgraphs/main/prod/gn
+REACT_APP_TREASURY=4dpEcgqJRyJK3J8Es6v8ZfVntV7c64Ysgcjd4hYwyGoFPWbg

centrifuge-app/package.json

@@ -39,7 +39,7 @@
     "@subwallet/wallet-connect": "^0.2.6",
     "@web3modal/standalone": "^2.4.2",
     "bn.js": "^5.2.1",
-    "formik": "^2.2.9",
+    "formik": "^2.4.5",
     "merkletreejs": "^0.3.11",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

centrifuge-app/src/components/DebugFlags/config.ts

@@ -48,6 +48,7 @@ export type Key =
   | 'showTestNets'
   | 'showSwaps'
   | 'showPrime'
+  | 'showOracle'
   | 'poolCreationType'
   | 'podAdminSeed'
   | 'holdersReport'
@@ -136,6 +137,10 @@ export const flagsConfig: Record<Key, DebugFlagConfig> = {
     default: false,
     type: 'checkbox',
   },
+  showOracle: {
+    default: false,
+    type: 'checkbox',
+  },
   showTestNets: {
     alwaysShow: true,
     default: isTestEnv,

centrifuge-app/src/components/InvestRedeem/InvestRedeemLiquidityPoolsProvider.tsx

@@ -1,27 +1,23 @@
-import { CurrencyBalance, CurrencyMetadata, Pool } from '@centrifuge/centrifuge-js'
+import { CurrencyBalance, Pool } from '@centrifuge/centrifuge-js'
 import {
   useCentrifuge,
-  useCentrifugeApi,
   useCentrifugeConsts,
-  useCentrifugeQuery,
   useEvmNativeBalance,
   useEvmNativeCurrency,
   useEvmProvider,
   useWallet,
 } from '@centrifuge/centrifuge-react'
 import { TransactionRequest } from '@ethersproject/providers'
 import BN from 'bn.js'
-import Decimal from 'decimal.js-light'
 import * as React from 'react'
-import { map } from 'rxjs'
 import { Dec } from '../../utils/Decimal'
 import { useEvmTransaction } from '../../utils/tinlake/useEvmTransaction'
 import { useAddress } from '../../utils/useAddress'
-import { useLiquidityPoolInvestment, useLiquidityPools, useLPEvents } from '../../utils/useLiquidityPools'
+import { useLPEvents, useLiquidityPoolInvestment, useLiquidityPools } from '../../utils/useLiquidityPools'
 import { usePendingCollect, usePool, usePoolMetadata } from '../../utils/usePools'
 import { useDebugFlags } from '../DebugFlags'
 import { InvestRedeemContext } from './InvestRedeemProvider'
-import { InvestRedeemAction, InvestRedeemActions, InvestRedeemProviderProps as Props, InvestRedeemState } from './types'
+import { InvestRedeemAction, InvestRedeemActions, InvestRedeemState, InvestRedeemProviderProps as Props } from './types'
 
 export function InvestRedeemLiquidityPoolsProvider({ poolId, trancheId, children }: Props) {
   const centAddress = useAddress('substrate')
@@ -72,8 +68,7 @@ export function InvestRedeemLiquidityPoolsProvider({ poolId, trancheId, children
 
   const collectType = currencyToCollect.gt(0) ? 'redeem' : investToCollect.gt(0) ? 'invest' : null
 
-  const assetPairMinOrder = useAssetPair(pool.currency, lpInvest?.currency)
-  const minOrder = max(assetPairMinOrder?.toDecimal() ?? Dec(0), consts.orderBook.minFulfillment.toDecimal())
+  const minOrder = consts.orderBook.minFulfillment.toDecimal()
 
   const invest = useEvmTransaction('Invest', (cent) => cent.liquidityPools.increaseInvestOrder)
   const decreaseInvest = useEvmTransaction('Invest', (cent) => cent.liquidityPools.decreaseInvestOrder)
@@ -257,22 +252,3 @@ export function InvestRedeemLiquidityPoolsProvider({ poolId, trancheId, children
 
   return <InvestRedeemContext.Provider value={{ state, actions, hooks }}>{children}</InvestRedeemContext.Provider>
 }
-
-function useAssetPair(currency: CurrencyMetadata, otherCurrency?: CurrencyMetadata) {
-  const api = useCentrifugeApi()
-  const [data] = useCentrifugeQuery(
-    ['assetPair', currency.key, otherCurrency?.key],
-    () =>
-      api.query.orderBook.tradingPair(currency.key, otherCurrency!.key).pipe(
-        map((minOrderData) => {
-          return new CurrencyBalance(minOrderData.toPrimitive() as string, otherCurrency!.decimals)
-        })
-      ),
-    { enabled: !!otherCurrency }
-  )
-  return data
-}
-
-function max(...nums: Decimal[]) {
-  return nums.reduce((a, b) => (a.greaterThan(b) ? b : a))
-}

centrifuge-app/src/components/IssuerSection.tsx

@@ -12,36 +12,16 @@
 }
 
 export function IssuerSection({ metadata }: IssuerSectionProps) {
   const cent = useCentrifuge()
-
   const report = metadata?.pool?.reports?.[0]
+
   return (
     <Card p={3} backgroundColor="backgroundAccentSecondary">
       <Grid columns={[1, 2]} equalColumns gap={9} rowGap={3}>
         {report && (
           <Stack gap={2}>
             <Text variant="heading2">Pool analysis</Text>
-            <Shelf gap={1}>
-              {report.author.avatar?.uri && (
-                <Box
-                  as="img"
-                  height={40}
-                  borderRadius={30}
-                  src={cent.metadata.parseMetadataUrl(report.author.avatar.uri)}
-                  alt=""
-                />
-              )}
-              <Text variant="body2">
-                Reviewer: {report.author.name}
-                <br />
-                {report.author.title}
-              </Text>
-            </Shelf>
-            <div>
-              <AnchorButton href={report.uri} target="_blank" variant="inverted" icon={IconExternalLink}>
-                View full report
-              </AnchorButton>
-            </div>
+            <ReportDetails metadata={metadata} />
           </Stack>
         )}
         <Stack gap={2}>
@@ -84,7 +64,6 @@
     )
   )
 }
-
 export function IssuerDetails({ metadata }: IssuerSectionProps) {
   const cent = useCentrifuge()
   const [isDialogOpen, setIsDialogOpen] = React.useState(false)

centrifuge-app/src/components/LoanList.tsx

@@ -84,7 +84,7 @@
 
         return aId.localeCompare(bId)
       })
   }, [loans])
   const filters = useFilters({
     data: loansWithLabelStatus,
   })
@@ -272,7 +272,7 @@
   )
 }
 
-function AssetName({ loan }: { loan: Row }) {
+export function AssetName({ loan }: { loan: Pick<Row, 'id' | 'poolId' | 'asset' | 'pricing'> }) {
   const isTinlakePool = loan.poolId.startsWith('0x')
   const nft = useCentNFT(loan.asset.collectionId, loan.asset.nftId, false, isTinlakePool)
   const { data: metadata, isLoading } = useMetadata(nft?.metadataUri, nftMetadataSchema)

centrifuge-app/src/components/Menu/index.tsx

@@ -4,6 +4,7 @@ import {
   IconGlobe,
   IconInvestments,
   IconNft,
+  IconPools,
   IconSwitch,
   IconWallet,
   Menu as Panel,
@@ -27,7 +28,7 @@ export function Menu() {
   const pools = usePoolsThatAnyConnectedAddressHasPermissionsFor() || []
   const isLarge = useIsAboveBreakpoint('L')
   const address = useAddress('substrate')
-  const { showSwaps, showPrime } = useDebugFlags()
+  const { showSwaps, showPrime, showOracle } = useDebugFlags()
   const transactions = useTransactionsByAddress(address)
 
   return (
@@ -106,6 +107,13 @@ export function Menu() {
         </PageLink>
       )}
 
+      {showOracle && (
+        <PageLink to="/nav-management" stacked={!isLarge}>
+          <IconPools />
+          NAV management
+        </PageLink>
+      )}
+
       {config.network !== 'centrifuge' && (
         <PageLink to="/nfts" stacked={!isLarge}>
           <IconNft />