initial demo (#1)

Signed-off-by: Yi Liu <yi.liu@eclipse-foundation.org>

.gitignore

@@ -17,6 +17,7 @@
 .env.development.local
 .env.test.local
 .env.production.local
+.eslintcache
 
 npm-debug.log*
 yarn-debug.log*

data/companies.json

+{
+    "companies": [
+        {
+            "name": "company A",
+            "address": {
+                "street": "111 Abc Street",
+                "city": "Ottawa",
+                "provinceOrState": "Ontario",
+                "country": "Canada",
+                "postalCode": "K1S 6N5"
+            },
+            "twitter": "@companyA"
+        },
+        {
+            "name": "company B",
+            "address": {
+                "street": "222 ZXE Street",
+                "city": "Montreal",
+                "provinceOrState": "Quebec",
+                "country": "Canada",
+                "postalCode": "K1S 6KK"
+            },
+            "twitter": "@companyB"
+        },
+        {
+            "name": "company C",
+            "address": {
+                "street": "666 TGS Street",
+                "city": "New York",
+                "provinceOrState": "New York",
+                "country": "US",
+                "postalCode": "Q12 Y77"
+            },
+            "twitter": "@companyC"
+        }
+    ]
+}
\ No newline at end of file

debug.log

+[1210/213217.300:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)

package.json

@@ -6,9 +6,11 @@
     "@testing-library/jest-dom": "^4.2.4",
     "@testing-library/react": "^9.5.0",
     "@testing-library/user-event": "^7.2.1",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
-    "react-scripts": "3.4.3"
+    "formik": "^2.1.5",
+    "react": "^17.0.0",
+    "react-dom": "^17.0.0",
+    "react-router-dom": "^5.2.0",
+    "react-scripts": "^4.0.1"
   },
   "scripts": {
     "start": "react-scripts start",
@@ -30,5 +32,10 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "devDependencies": {
+    "react-datepicker": "^3.2.2",
+    "react-select": "^3.1.1",
+    "yup": "^0.29.3"
   }
 }

public/_redirects

+/*    /index.html   200
\ No newline at end of file

public/companies.json

+{
+    "companies": [
+        {
+            "legalName": "company A",
+            "id": "company-a",
+            "address": {
+                "street": "111 Abc Street",
+                "city": "Ottawa",
+                "provinceOrState": "Ontario",
+                "country": "Canada",
+                "postalCode": "K1S 6N5"
+            },
+            "twitterHandle": "@companyA"
+        },
+        {
+            "legalName": "company B",
+            "id": "company-b",
+            "address": {
+                "street": "222 ZXE Street",
+                "city": "Montreal",
+                "provinceOrState": "Quebec",
+                "country": "Canada",
+                "postalCode": "K1S 6KK"
+            },
+            "twitterHandle": "@companyB"
+        },
+        {
+            "legalName": "company C",
+            "id": "company-c",
+            "address": {
+                "street": "666 TGS Street",
+                "city": "New York",
+                "provinceOrState": "New York",
+                "country": "US",
+                "postalCode": "Q12 Y77"
+            },
+            "twitterHandle": "@companyC"
+        }
+    ]
+}
\ No newline at end of file

public/membership_data/contacts.json

+[
+    {
+        "email": "ozaxM@gmail.com",
+        "first_name": "jsEIcyomZ",
+        "form_id": "402880987648e2ad017648e2e3cf0000",
+        "id": "402880987648e2ad017648e2ebd9004b",
+        "last_name": "IVdUhBjrS",
+        "title": "Developer",
+        "type": "company"
+    },
+    {
+        "email": "hlbRNMX@gmail.com",
+        "first_name": "lVoiJwT",
+        "form_id": "402880987648e2ad017648e2e3cf0000",
+        "id": "402880987648e2ad017648e2ebdd004c",
+        "last_name": "hUYl",
+        "title": "Marketing Manager",
+        "type": "marketing"
+    },
+    {
+        "email": "dabx@gmail.com",
+        "first_name": "WhcJTotgi",
+        "form_id": "402880987648e2ad017648e2e3f00001",
+        "id": "402880987648e2ad017648e2ebdf004d",
+        "last_name": "zzbxA",
+        "title": "Engineer",
+        "type": "company"
+    },
+    {
+        "email": "fPuJEceXH@yahoo.com",
+        "first_name": "KNfk",
+        "form_id": "402880987648e2ad017648e2e3f00001",
+        "id": "402880987648e2ad017648e2ebe0004e",
+        "last_name": "cHuRBfj",
+        "title": "Marketing Manager",
+        "type": "marketing"
+    },
+    {
+        "email": "JdYI@yahoo.com",
+        "first_name": "BoRuh",
+        "form_id": "402880987648e2ad017648e2e3f00001",
+        "id": "402880987648e2ad017648e2ebee004f",
+        "last_name": "Accounting Manager",
+        "title": "Accounting Lead",
+        "type": "accounting"
+    },
+    {
+        "email": "SJON@hotmail.com",
+        "first_name": "GcCB",
+        "form_id": "402880987648e2ad017648e2e3f20002",
+        "id": "402880987648e2ad017648e2ebf00050",
+        "last_name": "rIGAnVUQP",
+        "title": "Marketing Manager",
+        "type": "working_group"
+    },
+    {
+        "email": "vBjYwQ@yahoo.com",
+        "first_name": "GDPHRtW",
+        "form_id": "402880987648e2ad017648e2e3f20002",
+        "id": "402880987648e2ad017648e2ebf10051",
+        "last_name": "KKRsJcbmK",
+        "title": "CEO",
+        "type": "company"
+    },
+    {
+        "email": "QiiaS@hotmail.com",
+        "first_name": "ubpBnNZE",
+        "form_id": "402880987648e2ad017648e2e3f20002",
+        "id": "402880987648e2ad017648e2ebf20052",
+        "last_name": "wQCOY",
+        "title": "Marketing Manager",
+        "type": "marketing"
+    },
+    {
+        "email": "zyLwKLy@outlook.com",
+        "first_name": "emDQta",
+        "form_id": "402880987648e2ad017648e2e3f20002",
+        "id": "402880987648e2ad017648e2ec020053",
+        "last_name": "rxxrJryJ",
+        "title": "Accounting Manager",
+        "type": "accounting"
+    },
+    {
+        "email": "kZklnH@eclipse.com",
+        "first_name": "HSQIxNGdH",
+        "form_id": "402880987648e2ad017648e2e3f30003",
+        "id": "402880987648e2ad017648e2ec030054",
+        "last_name": "jVDX",
+        "title": "CTO",
+        "type": "company"
+    }
+]
\ No newline at end of file

public/membership_data/membership.json

+[
+    {
+        "effective_date": "1970-01-19T14:24:34Z",
+        "id": "402880987649273c0176492a6c6200fd",
+        "form_id": "402880987648e2ad017648e2e3cf0000",
+        "membership_level": "contributing",
+        "participation_level": "platinum",
+        "signing_authority": true,
+        "user_id": "16211",
+        "working_group": "internet-things-iot"
+    },
+    {
+        "effective_date": "1970-01-19T14:20:31Z",
+        "id": "402880987649273c0176492a6c6300fe",
+        "form_id": "402880987648e2ad017648e2e3f00001",
+        "membership_level": "strategic",
+        "participation_level": "associate",
+        "signing_authority": false,
+        "user_id": "25632",
+        "working_group": "internet-things-iot"
+    },
+    {
+        "effective_date": "1970-01-19T14:21:08Z",
+        "id": "402880987649273c0176492a6c6400ff",
+        "form_id": "402880987648e2ad017648e2e3f20002",
+        "membership_level": "associate",
+        "participation_level": "gold",
+        "signing_authority": true,
+        "user_id": "78186",
+        "working_group": "jakarta-ee"
+    },
+    {
+        "effective_date": "1970-01-19T14:16:40Z",
+        "id": "402880987649273c0176492a6c640100",
+        "form_id": "402880987648e2ad017648e2e3f30003",
+        "membership_level": "strategic",
+        "participation_level": "silver",
+        "signing_authority": true,
+        "user_id": "18180",
+        "working_group": "cloud-tools-development"
+    },
+    {
+        "effective_date": "1970-01-19T14:17:58Z",
+        "id": "402880987649273c0176492a6c650101",
+        "form_id": "402880987648e2ad017648e2e4060004",
+        "membership_level": "committer",
+        "participation_level": "silver",
+        "signing_authority": false,
+        "user_id": "80658",
+        "working_group": "cloud-tools-development"
+    },
+    {
+        "effective_date": "1970-01-19T14:24:35Z",
+        "id": "402880987649273c0176492a6c660102",
+        "form_id": "402880987648e2ad017648e2e4170005",
+        "membership_level": "strategic",
+        "participation_level": "silver",
+        "signing_authority": true,
+        "user_id": "97602",
+        "working_group": "cloud-tools-development"
+    },
+    {
+        "effective_date": "1970-01-19T14:32:13Z",
+        "id": "402880987649273c0176492a6c670103",
+        "form_id": "402880987648e2ad017648e2e41b0006",
+        "membership_level": "strategic",
+        "participation_level": "gold",
+        "signing_authority": false,
+        "user_id": "51303",
+        "working_group": "jakarta-ee"
+    },
+    {
+        "effective_date": "1970-01-19T14:27:12Z",
+        "id": "402880987649273c0176492a6c670104",
+        "form_id": "402880987648e2ad017648e2e41d0007",
+        "membership_level": "strategic",
+        "participation_level": "silver",
+        "signing_authority": false,
+        "user_id": "82959",
+        "working_group": "internet-things-iot"
+    },
+    {
+        "effective_date": "1970-01-19T14:18:58Z",
+        "id": "402880987649273c0176492a6c680105",
+        "form_id": "402880987648e2ad017648e2e42d0008",
+        "membership_level": "contributing",
+        "participation_level": "silver",
+        "signing_authority": false,
+        "user_id": "38189",
+        "working_group": "jakarta-ee"
+    },
+    {
+        "effective_date": "1970-01-19T14:18:37Z",
+        "id": "402880987649273c0176492a6c690106",
+        "form_id": "402880987648e2ad017648e2e4320009",
+        "membership_level": "associate",
+        "participation_level": "associate",
+        "signing_authority": true,
+        "user_id": "59577",
+        "working_group": "cloud-tools-development"
+    }
+]
\ No newline at end of file

public/membership_data/organizations.json

+[
+    {
+        "address": {
+            "city": "uJJEMfd",
+            "country": "QinQH",
+            "id": "402880987648e2ad017648e2e6fb001a",
+            "postal_code": "uYORyhfp",
+            "province_state": "Qs",
+            "street": "ccjBL"
+        },
+        "form_id": "402880987648e2ad017648e2e3cf0000",
+        "id": "402880987648e2ad017648e2e6ee0019",
+        "legal_name": "FjSjXbQ"
+    },
+    {
+        "address": {
+            "city": "rdGirnZDR",
+            "country": "CJTMGg",
+            "id": "402880987648e2ad017648e2e701001c",
+            "postal_code": "pSQt",
+            "province_state": "fQ",
+            "street": "laZXK"
+        },
+        "form_id": "402880987648e2ad017648e2e3f00001",
+        "id": "402880987648e2ad017648e2e6ff001b",
+        "legal_name": "RLtgpZbk"
+    },
+    {
+        "address": {
+            "city": "IZIYpSHVv",
+            "country": "tmvoGg",
+            "id": "402880987648e2ad017648e2e716001e",
+            "postal_code": "zTFaruwl",
+            "province_state": "qp",
+            "street": "TfZSWryWQ"
+        },
+        "form_id": "402880987648e2ad017648e2e3f20002",
+        "id": "402880987648e2ad017648e2e715001d",
+        "legal_name": "qJfuz"
+    },
+    {
+        "address": {
+            "city": "pmUm",
+            "country": "UsLycaPI",
+            "id": "402880987648e2ad017648e2e71a0020",
+            "postal_code": "nTgY",
+            "province_state": "hI",
+            "street": "tagSgIWJH"
+        },
+        "form_id": "402880987648e2ad017648e2e3f30003",
+        "id": "402880987648e2ad017648e2e719001f",
+        "legal_name": "euakRSlp"
+    },
+    {
+        "address": {
+            "city": "GkDXa",
+            "country": "mLTNf",
+            "id": "402880987648e2ad017648e2e72a0022",
+            "postal_code": "vbRT",
+            "province_state": "ZV",
+            "street": "ECRB"
+        },
+        "form_id": "402880987648e2ad017648e2e4060004",
+        "id": "402880987648e2ad017648e2e71d0021",
+        "legal_name": "JumfP"
+    },
+    {
+        "address": {
+            "city": "BuWV",
+            "country": "ygWzWf",
+            "id": "402880987648e2ad017648e2e73f0024",
+            "postal_code": "EtwYc",
+            "province_state": "sh",
+            "street": "UNAhDbrnN"
+        },
+        "form_id": "402880987648e2ad017648e2e4170005",
+        "id": "402880987648e2ad017648e2e7300023",
+        "legal_name": "oLGJiJKDb"
+    },
+    {
+        "address": {
+            "city": "YyeQNXnmE",
+            "country": "nYsifq",
+            "id": "402880987648e2ad017648e2e7440026",
+            "postal_code": "GUwCh",
+            "province_state": "wE",
+            "street": "KHROLV"
+        },
+        "form_id": "402880987648e2ad017648e2e41b0006",
+        "id": "402880987648e2ad017648e2e7430025",
+        "legal_name": "iNeskjDB"
+    },
+    {
+        "address": {
+            "city": "xiuBBTa",
+            "country": "wRABI",
+            "id": "402880987648e2ad017648e2e7540028",
+            "postal_code": "dnMYv",
+            "province_state": "oW",
+            "street": "fiTip"
+        },
+        "form_id": "402880987648e2ad017648e2e41d0007",
+        "id": "402880987648e2ad017648e2e7530027",
+        "legal_name": "rDTW"
+    },
+    {
+        "address": {
+            "city": "tqHbtJ",
+            "country": "IijaVrlVA",
+            "id": "402880987648e2ad017648e2e758002a",
+            "postal_code": "HZEJwQ",
+            "province_state": "Zp",
+            "street": "DPmhpxTq"
+        },
+        "form_id": "402880987648e2ad017648e2e42d0008",
+        "id": "402880987648e2ad017648e2e7560029",
+        "legal_name": "rDQvg"
+    },
+    {
+        "address": {
+            "city": "Zkkra",
+            "country": "VWWbXpFnS",
+            "id": "402880987648e2ad017648e2e769002c",
+            "postal_code": "zQnZFXZrj",
+            "province_state": "RJ",
+            "street": "leruXy"
+        },
+        "form_id": "402880987648e2ad017648e2e4320009",
+        "id": "402880987648e2ad017648e2e75b002b",
+        "legal_name": "GxWepKdu"
+    }
+]
\ No newline at end of file

public/workingGroups.json

+{
+    "working_groups": [
+        {
+            "id": "ascii_doc",
+            "name": "AsciiDoc",
+            "participation_levels": ["AsciiDoc_level_a", "AsciiDoc_level_b", "AsciiDoc_level_c"]
+          },
+          {
+            "id": "ecd_tools",
+            "name": "Eclipse Cloud Development Tools",
+            "participation_levels": ["ecd_tools_level_a", "ecd_tools_level_b", "ecd_tools_level_c"]
+          },
+          {
+            "id": "edge_native",
+            "name": "Edge Native",
+            "participation_levels": ["edge_native_level_a", "edge_native_level_b", "edge_native_level_c", "edge_native_level_d"]
+          },
+          {
+            "id": "gemoc_rc",
+            "name": "GEMOC RC",
+            "participation_levels": ["gemoc_rc_level_a", "gemoc_rc_level_b", "gemoc_rc_level_c"]
+          },
+          {
+            "id": "eclipse_iot",
+            "name": "Eclipse IoT",
+            "participation_levels": ["iot_level_a", "iot_level_b", "iot_level_c"]
+          },
+          {
+            "id": "jakarta_ee",
+            "name": "Jakarta EE",
+            "participation_levels": ["jakarta_ee_level_a", "jakarta_ee_level_b", "jakarta_ee_level_c"]
+          },
+          {
+            "id": "openadx",
+            "name": "OpenADx",
+            "participation_levels": ["OpenADx_level_a", "OpenADx_level_b", "OpenADx_level_c"]
+          },
+          {
+            "id": "opengenesis",
+            "name": "OpenGENESIS",
+            "participation_levels": ["OpenGENESIS_level_a", "OpenGENESIS_level_b", "OpenGENESIS_level_c"]
+          },
+          {
+            "id": "openhwgroup",
+            "name": "OpenHW Group",
+            "participation_levels": ["OpenHW_level_a", "OpenHW_level_b", "OpenHW_level_c"]
+          },
+          {
+            "id": "openmdm",
+            "name": "OpenMDM",
+            "participation_levels": ["OpenMDM_level_a", "OpenMDM_level_b", "OpenMDM_level_c"]
+          },
+          {
+            "id": "openmobility",
+            "name": "OpenMobility",
+            "participation_levels": ["OpenMobility_level_a", "OpenMobility_level_b", "OpenMobility_level_c"]
+          },
+          {
+            "id": "openpass",
+            "name": "OpenPass",
+            "participation_levels": ["OpenPass_1", "OpenPass_2", "OpenPass_3"]
+          },
+          {
+            "id": "science",
+            "name": "Science",
+            "participation_levels": ["Science_A", "Science_B", "Science_C"]
+          },
+          {
+            "id": "sparkplug",
+            "name": "Sparkplug",
+            "participation_levels": ["Sparkplug_A", "Sparkplug_B", "Sparkplug_C", "Sparkplug_D"]
+          },
+          {
+            "id": "tangle_ee",
+            "name": "Tangle EE",
+            "participation_levels": ["level_a", "level_b", "level_c"]
+          },
+          {
+            "id": "eclipse_ide",
+            "name": "Eclipse IDE",
+            "participation_levels": ["level_a", "level_b", "level_c"]
+          },
+          {
+            "id": "eclipse_org",
+            "name": "Other",
+            "participation_levels": ["level_a", "level_b", "level_c"]
+          }
+    ]
+}
\ No newline at end of file

src/App.css

+.error {
+    color: red;
+}
\ No newline at end of file

src/App.js

@@ -2,15 +2,17 @@ import React from 'react';
 import './App.css';
 import AppFooter from './components/layout/AppFooter';
 import AppHeader from './components/layout/AppHeader';
+import MembershipProvider from "./components/MembershipProvider";
+import FormWrapper from "./components/FormWrapper";
+
+const App = () => {
 
-function App() {
   return (
     <div className="App">
       <AppHeader />
-      <div className="container">
-        <h1>react-eclipsefdn-members</h1>
-      </div>
-
+      <MembershipProvider>
+        <FormWrapper />
+      </MembershipProvider>
       <AppFooter />
     </div>
   );

src/components/FormWrapper.js

+import React, { useContext, useState } from 'react';
+import MockFirstStep from './MockFirstStep';
+import MultiStepForm from './MultiStepForm';
+import {
+  BrowserRouter as Router,
+  Switch,
+  Route,
+} from "react-router-dom";
+import { initialValues, defineExistingInitialValues_II } from './formModels/formFieldModel';
+import MembershipContext from "./MembershipContext";
+
+const FormWrapper = () => {
+    const {isExistingMember} = useContext(MembershipContext)
+    const [step, setStep] = useState(0)
+
+    const { organiazationData } = useContext(MembershipContext)
+    const { contactData } = useContext(MembershipContext)
+    const { membershipData } = useContext(MembershipContext)
+