Arbitrary Contract Interaction (ACI)

README.md

@@ -10,7 +10,7 @@ The following dependencies are required to run homebase-app:
 
 | Dependency | Version             |
 | ---------- | ------------------- |
-| Node       | `v16.16.0` or above |
+| Node       | `v18.20.0` or above |
 | Yarn       | `v1.22.*` or above  |
 
 # Third Party Services

package.json

@@ -29,6 +29,7 @@
     "@mui/material": "^5.14.14",
     "@mui/x-date-pickers": "^5.0.2",
     "@taquito/beacon-wallet": "^17.3.1",
+    "@taquito/michel-codec": "^20.0.0",
     "@taquito/signer": "^17.3.1",
     "@taquito/taquito": "^17.3.1",
     "@taquito/tzip12": "^17.3.1",
@@ -39,6 +40,7 @@
     "@types/react-router-hash-link": "^2.4.5",
     "@types/valid-url": "^1.0.4",
     "assert": "^2.0.0",
+    "assert-never": "^1.2.1",
     "bignumber.js": "^9.0.1",
     "blockies-ts": "^1.0.0",
     "crypto-browserify": "^3.12.0",
@@ -86,6 +88,7 @@
     "yup": "^0.32.9"
   },
   "devDependencies": {
+    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
     "@types/jest": "^26.0.21",
     "@types/node": "^14.14.35",
     "@types/react": "^17.0.3",

src/components/ui/Button.tsx

@@ -0,0 +1,28 @@
+import { styled, Button as MaterialButton } from "@material-ui/core"
+
+export const Button = styled(MaterialButton)(({ theme }) => ({
+  "fontSize": "14px",
+  "justifyItems": "center",
+  "color": "#000",
+  "boxShadow": "0px 0px 7px -2px rgba(0, 0, 0, 0.2)",
+  "transition": ".15s ease-in",
+  "background": theme.palette.secondary.main,
+  "textTransform": "none",
+  "borderRadius": 4,
+  "padding": "8px 15px",
+  "marginRight": "8px",
+
+  "&$disabled": {
+    boxShadow: "none"
+  },
+
+  "&:hover": {
+    boxShadow: "0px 0px 7px -2px rgba(0, 0, 0, 0.2)",
+    backgroundColor: "#62eda5 !important",
+    transition: ".15s ease-in"
+  },
+
+  ["@media (max-width:1030px)"]: {
+    fontSize: "14px"
+  }
+}))

src/models/Contract.ts

@@ -0,0 +1,26 @@
+export interface ArbitraryContract {
+  counter: number
+  name: string
+  type: string
+  children: ContractChild[]
+}
+
+interface ContractChild {
+  counter: number
+  name: string
+  type: string
+  children: ParametersList[]
+  placeholder: string
+  validate: any
+  initValue: string
+}
+
+interface ParametersList {
+  counter: number
+  name: string
+  type: string
+  children: ParametersList[]
+  placeholder: string
+  validate: any
+  initValue: string
+}

src/modules/common/SmallButton.tsx

@@ -21,3 +21,27 @@ export const SmallButton = styled(Button)({
     transition: ".15s ease-in"
   }
 })
+
+export const SmallButtonDialog = styled(Button)({
+  "justifyItems": "center",
+  "fontSize": "16px",
+  "boxShadow": "0px 0px 7px -2px rgba(0, 0, 0, 0.2)",
+  "transition": ".15s ease-out",
+  "textTransform": "capitalize",
+  "borderRadius": 8,
+  "backgroundColor": "#81feb7 !important",
+  "color": "#1c1f23",
+  "padding": "8px 16px",
+
+  "&$disabled": {
+    boxShadow: "none",
+    backgroundColor: "#474E55 !important",
+    border: "none"
+  },
+
+  "&:hover": {
+    boxShadow: "0px 0px 7px -2px rgba(0, 0, 0, 0.2)",
+    backgroundColor: "#62eda5 !important",
+    transition: ".15s ease-in"
+  }
+})