version 1.6.6

.gitignore

@@ -42,3 +42,5 @@ yarn-error.log
 .env.production.local
 
 .now
+
+.vercel

.storybook/main.js

@@ -1,9 +1,12 @@
 module.exports = {
-  stories: ['../src/**/*.stories.js'],
-  addons: [
-    '@storybook/preset-create-react-app',
-    '@storybook/addon-actions',
-    '@storybook/addon-links',
-    '@storybook/addon-knobs/register'
+  "stories": [
+    "../src/**/*.stories.mdx",
+    "../src/**/*.stories.@(js|jsx|ts|tsx)"
   ],
-};
+  "addons": [
+    "@storybook/addon-links",
+    "@storybook/addon-essentials",
+    "@storybook/preset-create-react-app",
+    "storybook-addon-material-ui"
+  ]
+}

.storybook/preview-head.html

@@ -1,37 +1,9 @@
-<style type="text/css">
-  @font-face {
-    font-family: 'Inter';
-    font-weight: 600;
-    font-style: normal;
-    font-display: swap;
-    src: url('assets/fonts/Inter-SemiBold.eot?') format('eot');
-    src: url('assets/fonts/Inter-SemiBold.woff2') format('woff2'),
-    url('assets/fonts/Inter-SemiBold.woff') format('woff'),
-    url('assets/fonts/Inter-SemiBold.otf') format('OpenType'),
-    url('assets/fonts/Inter-SemiBold.ttf') format('truetype');
-  }
-
-  @font-face {
-    font-family: 'Inter';
-    font-weight: 500;
-    font-style: normal;
-    font-display: swap;
-    src: url('assets/fonts/Inter-Medium.eot?') format('eot');
-    src: url('assets/fonts/Inter-Medium.woff2') format('woff2'),
-    url('assets/fonts/Inter-Medium.woff') format('woff'),
-    url('assets/fonts/Inter-Medium.otf') format('OpenType'),
-    url('assets/fonts/Inter-Medium.ttf') format('truetype');
-  }
-
-  @font-face {
-    font-family: 'Inter';
-    font-weight: 400;
-    font-style: normal;
-    font-display: swap;
-    src: url('assets/fonts/Inter-Regular.eot?') format('eot');
-    src: url('assets/fonts/Inter-Regular.woff2') format('woff2'),
-    url('assets/fonts/Inter-Regular.woff') format('woff'),
-    url('assets/fonts/Inter-Regular.otf') format('OpenType'),
-    url('assets/fonts/Inter-Regular.ttf') format('truetype');
-  }
-</style>
+<title>BLAH BLAH</title>
+<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />
+<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
+<link
+        rel="stylesheet"
+        href="https://unpkg.com/[email protected]/dist/leaflet.css"
+        integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A=="
+        crossorigin=""
+/>

.storybook/preview.js

@@ -0,0 +1,20 @@
+import {ThemeProvider} from '@material-ui/core/styles'
+import {theme} from '../src/styles/theme'
+
+export const decorators = [
+  (story) => (
+      <ThemeProvider theme={theme}>
+        {story()}
+      </ThemeProvider>
+  ),
+];
+
+export const parameters = {
+  actions: { argTypesRegex: "^on[A-Z].*" },
+  controls: {
+    matchers: {
+      color: /(background|color)$/i,
+      date: /Date$/,
+    },
+  },
+}

package.json

@@ -1,77 +1,90 @@
 {
   "name": "arbor-frontend",
-  "version": "1.5.0",
+  "version": "1.6.7",
   "private": true,
   "dependencies": {
     "@brainhubeu/react-carousel": "1.19.26",
-    "@ethersproject/providers": "5.0.5",
+    "@ethersproject/providers": "5.0.23",
     "@hapi/joi": "17.1.1",
-    "@material-ui/core": "4.11.0",
-    "@material-ui/icons": "4.9.1",
-    "@material-ui/styles": "4.10.0",
-    "@storybook/addon-knobs": "5.3.19",
-    "@testing-library/jest-dom": "5.11.2",
-    "@testing-library/react": "10.4.8",
-    "@testing-library/user-event": "12.1.0",
-    "@web3-react/core": "6.1.1",
-    "@web3-react/injected-connector": "6.0.7",
+    "@material-ui/core": "4.11.3",
+    "@material-ui/icons": "4.11.2",
+    "@material-ui/styles": "4.11.3",
+    "@metamask/onboarding": "1.0.0",
+    "@portis/web3": "2.0.0-beta.57",
+    "@stripe/react-stripe-js": "1.2.2",
+    "@stripe/stripe-js": "1.12.1",
+    "@windingtree/org.id-lif-deposit": "1.0.2",
     "@windingtree/org.json-schema": "0.4.3",
-    "formik": "2.1.5",
+    "esri-leaflet-geocoder": "2.3.3",
+    "formik": "2.2.6",
     "history": "4.10.1",
     "js-sha3": "0.8.0",
     "jsonschema": "1.2.6",
-    "lodash": "4.17.19",
-    "moment": "2.27.0",
-    "node-sass": "4.14.1",
+    "leaflet": "1.7.1",
+    "lodash": "4.17.21",
+    "moment": "2.29.1",
+    "node-sass": "5.0.0",
     "prop-types": "15.7.2",
-    "radium": "0.26.0",
-    "react": "16.13.1",
+    "query-string": "6.14.0",
+    "radium": "0.26.1",
+    "react": "17.0.2",
     "react-animations": "1.0.0",
-    "react-dom": "16.13.1",
+    "react-blockies": "1.4.1",
+    "react-dom": "17.0.2",
     "react-dotdotdot": "1.3.1",
     "react-dropzone": "11.0.1",
+    "react-esri-leaflet": "0.2.2",
+    "react-leaflet": "3.0.0",
+    "react-number-format": "4.4.4",
     "react-paginate": "6.3.2",
-    "react-redux": "7.2.1",
+    "react-redux": "7.2.3",
     "react-router": "5.2.0",
     "react-router-dom": "5.2.0",
     "react-router-redux": "4.0.8",
-    "react-scripts": "3.4.1",
+    "react-scripts": "4.0.3",
     "react-visibility-sensor": "5.1.1",
     "redux": "4.0.5",
-    "redux-devtools-extension": "2.13.8",
+    "redux-devtools-extension": "2.13.9",
     "redux-logger": "3.0.6",
     "redux-persist": "6.0.0",
     "redux-saga": "1.1.3",
     "reselect": "4.0.0",
-    "web3": "1.2.11",
-    "web3-sagas": "0.3.1",
-    "@metamask/onboarding": "1.0.0",
-    "@portis/web3": "2.0.0-beta.57",
-    "@stripe/stripe-js": "1.9.0",
-    "@stripe/react-stripe-js": "1.1.2",
-    "query-string": "6.13.1"
+    "web3": "1.3.5"
   },
   "devDependencies": {
-    "@storybook/addon-actions": "5.3.18",
-    "@storybook/addon-links": "5.3.18",
-    "@storybook/addons": "5.3.18",
-    "@storybook/preset-create-react-app": "2.1.2",
-    "@storybook/react": "5.3.18",
-    "env-cmd": "10.1.0"
+    "@storybook/addon-actions": "6.2.8",
+    "@storybook/addon-essentials": "6.2.8",
+    "@storybook/addon-links": "6.2.8",
+    "@storybook/node-logger": "6.2.8",
+    "@storybook/preset-create-react-app": "3.1.7",
+    "@storybook/react": "6.2.8",
+    "env-cmd": "10.1.0",
+    "now": "21.0.1",
+    "storybook-addon-material-ui": "0.9.0-alpha.24"
   },
   "scripts": {
     "start": "react-scripts start",
     "build": "react-scripts build",
     "test": "react-scripts test",
     "eject": "react-scripts eject",
-    "storybook": "npx start-storybook -p 9009 -c .storybook watch-css -s ./src",
+    "storybook": "start-storybook -p 6006 -s public",
     "build-storybook": "build-storybook -s public",
     "build:staging": "env-cmd -f zeit.staging.env react-scripts build",
     "build:ropsten": "env-cmd -f zeit.ropsten.env react-scripts build",
     "build:production": "env-cmd -f zeit.production.env react-scripts build"
   },
   "eslintConfig": {
-    "extends": "react-app"
+    "extends": "react-app",
+    "overrides": [
+      {
+        "files": [
+          "**/*.stories.*"
+        ],
+        "rules": {
+          "import/no-anonymous-default-export": "off"
+        }
+      }
+    ]
   },
   "browserslist": {
     "production": [

public/index.html

@@ -1,22 +1,21 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.png" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
-    <meta
-      name="description"
-      content="Winding Tree has created an efficient alternative to lengthy and expensive Know-Your-Business (KYB) processes. Search for verified organizations across various industries and get discovered by potential partners."
-    />
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/favicon.png" />
-    <!--
+
+<head>
+  <meta charset="utf-8" />
+  <link rel="icon" href="%PUBLIC_URL%/favicon.png" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <meta name="theme-color" content="#000000" />
+  <meta name="description"
+    content="Winding Tree has created an efficient alternative to lengthy and expensive Know-Your-Business (KYB) processes. Search for verified organizations across various industries and get discovered by potential partners." />
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />
+  <link rel="apple-touch-icon" href="%PUBLIC_URL%/favicon.png" />
+  <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
     -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <!--
+  <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+  <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.
       Only files inside the `public` folder can be referenced from the HTML.
@@ -25,20 +24,30 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>Winding Tree</title>
-    <!-- Global site tag (gtag.js) - Google Analytics -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-101898971-3"></script>
-    <script>
-      window.dataLayer = window.dataLayer || [];
-      function gtag(){dataLayer.push(arguments);}
-      gtag('js', new Date());
-      gtag('config', 'UA-101898971-3');
-    </script>
-  </head>
-  <body>
-    <noscript>You need to enable JavaScript to run this app.</noscript>
-    <div id="root"></div>
-    <!--
+  <title>Winding Tree</title>
+  <!-- Google Tag Manager -->
+  <script>(function (w, d, s, l, i) {
+      w[l] = w[l] || []; w[l].push({
+        'gtm.start':
+          new Date().getTime(), event: 'gtm.js'
+      }); var f = d.getElementsByTagName(s)[0],
+        j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
+          'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
+    })(window, document, 'script', 'dataLayer', 'GTM-MKQ6TCL');</script>
+  <!-- End Google Tag Manager -->
+  <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css"
+    integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A=="
+    crossorigin="" />
+</head>
+
+<body>
+  <!-- Google Tag Manager (noscript) -->
+  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MKQ6TCL" height="0" width="0"
+      style="display:none;visibility:hidden"></iframe></noscript>
+  <!-- End Google Tag Manager (noscript) -->
+  <noscript>You need to enable JavaScript to run this app.</noscript>
+  <div id="root"></div>
+  <!--
       This HTML file is a template.
       If you open it directly in the browser, you will see an empty page.
 
@@ -48,5 +57,6 @@
       To begin the development, run `npm start` or `yarn start`.
       To create a production bundle, use `npm run build` or `yarn build`.
     -->
-  </body>
-</html>
+</body>
+
+</html>

public/orgid-ropsten.txt

@@ -0,0 +1 @@
+did:orgid:0xcfdb769eafae259e58028ba25ab70ce539731b593c08b780e5275c723132d206

public/orgid.txt

@@ -0,0 +1 @@
+did:orgid:0xe2c2ca3e9bd7c371c57cb97c50d6006b3e6b4eb26356894ecf0b50afc667c672