update types and the reducer

Author: ci-bot

libs/remix-ui/template-explorer-modal/reducers/template-explorer-reducer.tsx

@@ -1,6 +1,8 @@
 import React from 'react'
-import { MetadataType, TemplateExplorerWizardAction, TemplateExplorerWizardState, TemplateRepository, WizardStep } from '../types/template-explorer-types'
+import { ContractWizardAction, MetadataType, TemplateExplorerWizardAction, TemplateExplorerWizardState, TemplateRepository, WizardStep } from '../types/template-explorer-types'
 import { metadata, templatesRepository } from '../src/utils/helpers'
+import * as erc20 from '../src/contractCode/erc20'
+import { getErc20ContractCode } from '../src/utils/contractWizardUtils'
 
 export const initialState: TemplateExplorerWizardState = {
   workspaceTemplateChosen: '',
@@ -17,7 +19,22 @@ export const initialState: TemplateExplorerWizardState = {
   setSearchTerm: (term: string) => {},
   wizardStep: 'template',
   setWizardStep: (step: WizardStep) => {},
-  recentBump: 0
+  recentBump: 0,
+  contractType: 'erc20',
+  contractOptions: {
+    mintable: false,
+    burnable: false,
+    pausable: false
+  },
+  contractAccessControl: '',
+  contractUpgradability: {
+    uups: false,
+    transparent: false
+  },
+  contractCode: erc20.erc20DefaultNoOptions('MyToken'),
+  contractImport: '',
+  tokenName: 'MyToken',
+  contractName: 'MyToken'
 }
 
 export const templateExplorerReducer = (state: TemplateExplorerWizardState, action: any) => {
@@ -61,8 +78,36 @@ export const templateExplorerReducer = (state: TemplateExplorerWizardState, acti
     console.log('action.payload wizardStep', action.payload)
     return { ...state, wizardStep: action.payload }
   }
-  default:
-    return state
+  case ContractWizardAction.CONTRACT_TYPE_UPDATED: {
+    return { ...state, contractType: action.payload }
+  }
+  case ContractWizardAction.CONTRACT_UPGRADABILITY_UPDATE: {
+    return { ...state, contractUpgradability: action.payload }
+  }
+  case ContractWizardAction.CONTRACT_ACCESS_CONTROL_UPDATE: {
+    return { ...state, contractAccessControl: action.payload }
+  }
+  case ContractWizardAction.CONTRACT_OPTIONS_UPDATE: {
+    return { ...state, contractOptions: action.payload }
+  }
+  case ContractWizardAction.CONTRACT_CODE_UPDATE: {
+    return { ...state, contractCode: action.payload }
+  }
+  case ContractWizardAction.CONTRACT_IMPORT_UPDATE: {
+    return { ...state, contractImport: action.payload }
+  }
+  case ContractWizardAction.INITIALIZE_AS_GIT_REPO_UPDATE: {
+    return { ...state, initializeAsGitRepo: action.payload }
+  }
+  case ContractWizardAction.TOKEN_NAME_UPDATE: {
+    return { ...state, tokenName: action.payload }
+  }
+  case ContractWizardAction.CONTRACT_NAME_UPDATE: {
+    return { ...state, contractName: action.payload }
+  }
+  default: {
+    return { ...state, contractCode: getErc20ContractCode('erc20', state) }
+  }
   }
 }
 

libs/remix-ui/template-explorer-modal/src/components/contract-wizard.tsx

@@ -1,11 +1,12 @@
-import React,{ useEffect, useMemo, useReducer, useState } from 'react'
+import React,{ useContext, useEffect, useMemo, useReducer, useState } from 'react'
 import Editor from '@monaco-editor/react'
 import * as erc20 from '../contractCode/erc20'
 import * as erc721 from '../contractCode/erc721'
 import * as erc1155 from '../contractCode/erc1155'
 import { AccessControlType, ContractTypeStrategy, ContractWizardAction } from '../../types/template-explorer-types'
 import { contractWizardReducer } from '../../reducers/contract-wizard-reducer'
 import { getErc1155ContractCode, getErc20ContractCode, getErc721ContractCode } from '../utils/contractWizardUtils'
+import { TemplateExplorerContext } from '../../context/template-explorer-context'
 
 const defaultStrategy: ContractTypeStrategy = {
   contractType: 'erc20',
@@ -34,7 +35,8 @@ export function ContractWizard () {
   })
   const [initGit, setInitGit] = useState(false)
   const [showEditModal, setShowEditModal] = useState(false)
-  const [strategy, dispatch] = useReducer(contractWizardReducer, defaultStrategy)
+  const { state, dispatch } = useContext(TemplateExplorerContext)
+  const strategy = state
 
   function toggleContractOption(key: keyof typeof strategy.contractOptions) {
     if (key === 'mintable') {
@@ -82,12 +84,11 @@ export function ContractWizard () {
               <option>Solidity</option>
             </select>
             <select className="form-select form-select-sm w-auto" defaultValue="ERC20" onChange={(e) => {
-              dispatch({ type: ContractWizardAction.CONTRACT_TYPE_UPDATED, payload: e.target.value as 'erc20' | 'erc721' | 'erc1155' | 'custom' })
+              dispatch({ type: ContractWizardAction.CONTRACT_TYPE_UPDATED, payload: e.target.value as 'erc20' | 'erc721' | 'erc1155' })
             }}>
               <option value="erc20">ERC20</option>
               <option value="erc721">ERC721</option>
               <option value="erc1155">ERC1155</option>
-              <option value="custom">Custom</option>
             </select>
           </div>
         </div>

libs/remix-ui/template-explorer-modal/types/template-explorer-types.ts

@@ -15,6 +15,21 @@ export interface TemplateExplorerWizardState {
   setSearchTerm: (term: string) => void
   wizardStep: WizardStep
   setWizardStep: (step: WizardStep) => void
+  contractType: ContractType
+  contractOptions: {
+    mintable?: boolean
+    burnable?: boolean
+    pausable?: boolean
+  }
+  contractAccessControl: AccessControlType
+  contractUpgradability: {
+    uups?: boolean
+    transparent?: boolean
+  }
+  contractCode: string
+  contractImport?: string
+  contractName?: string
+  tokenName?: string
 }
 
 export type WizardStep = 'template' | 'finishSetup' | 'wizard' | 'import' | 'genAI' | 'generic' | 'remixdefault' | 'cookbook' | 'back' | 'reset'