Merge pull request #31 from Ryun1/feat/add-auth-cc-cert

Feat: add Constitutional Committee Authorization Cert to CIP95 Tools

Author: Nebyt

src/components/cards/govActions/authCCPanel.js

@@ -0,0 +1,78 @@
+import React, {useState} from 'react'
+import InputWithLabel from '../../inputWithLabel'
+import {
+  getCommitteeHotAuth,
+  getCertOfNewCommitteeHotAuth,
+} from '../../../utils/cslTools'
+import GovToolsPanel from '../govToolsPanel'
+
+const AuthCCPanel = (props) => {
+  const {onWaiting, onError, getters, setters, handleInputCreds} = props
+  const {getCertBuilder} = getters
+  const {handleAddingCertInTx} = setters
+
+  const [ccColdInputValue, setCCColdCredInputValue] = useState('')
+  const [ccHotInputValue, setCCHotCredInputValue] = useState('')
+
+  const buildCCAuthCert = () => {
+    onWaiting(true)
+
+    // build CC auth cert
+    const certBuilder = getCertBuilder()
+    try {
+
+      // cold credential
+      const coldCred = handleInputCreds(ccColdInputValue)
+      if (coldCred == null) {
+        return null
+      }
+      
+      // hot credential
+      const hotCred = handleInputCreds(ccHotInputValue)
+      if (hotCred == null) {
+        return null
+      }
+
+      // Create cert object
+      const committeeHotAuthCert = getCommitteeHotAuth(coldCred, hotCred)
+      // add cert to certBuilder
+      certBuilder.add(getCertOfNewCommitteeHotAuth(committeeHotAuthCert))
+      // adding the cert to the certStorage
+      handleAddingCertInTx(certBuilder)
+      onWaiting(false)
+    } catch (error) {
+      console.error(error)
+      onWaiting(false)
+      onError()
+    }
+  }
+
+  const panelProps = {
+    buttonName: 'Build Cert',
+    certLabel: 'ccAuth',
+    clickFunction: buildCCAuthCert,
+  }
+
+  return (
+    <GovToolsPanel {...panelProps}>
+      <InputWithLabel
+        inputName="CC Cold Credential"
+        helpText="Bech32 or Hex encoded"
+        inputValue={ccColdInputValue}
+        onChangeFunction={(event) => {
+          setCCColdCredInputValue(event.target.value)
+        }}
+      />
+      <InputWithLabel
+        inputName="CC Hot Credential"
+        helpText="Bech32 or Hex encoded"
+        inputValue={ccHotInputValue}
+        onChangeFunction={(event) => {
+          setCCHotCredInputValue(event.target.value)
+        }}
+      />
+    </GovToolsPanel>
+  )
+}
+
+export default AuthCCPanel

src/components/tabs/subtabs/cip95AdditionalPart.js

@@ -79,9 +79,17 @@ const Cip95AdditionalPart = ({api, onWaiting, onError, getters, setters}) => {
       children: <GovActionsTab />,
     },
     {
-      label: 'Constitutional Commitee Certs',
+      label: 'Constitutional Committee Certs',
       value: 'ccCerts',
-      children: <ConstitCommCertsTab />,
+      children: (
+        <ConstitCommCertsTab
+          api={api}
+          onWaiting={onWaiting}
+          onError={onError}
+          getters={newGetters}
+          setters={newSetters}
+        />
+      ),
     },
   ]
   return (

src/components/tabs/subtabs/constitCommCertsTab.js

@@ -1,12 +1,40 @@
 import React from 'react'
 import TabsComponent from '../tabsComponent'
+import AuthCCPanel from '../../cards/govActions/authCCPanel'
+import {getCslCredentialFromBech32, getCslCredentialFromHex} from '../../../utils/cslTools'
+
+const ConstitCommCertsTab = ({api, onWaiting, onError, getters, setters}) => {
+  const handleInputCreds = (input) => {
+    try {
+      return getCslCredentialFromHex(input)
+    } catch (err1) {
+      try {
+        return getCslCredentialFromBech32(input)
+      } catch (err2) {
+        onWaiting(false)
+        console.error(
+          `Error in parsing credential, not Hex or Bech32: ${JSON.stringify(err1)}, ${JSON.stringify(err2)}`,
+        )
+        onError()
+        return null
+      }
+    }
+  }
+
+  const panelsProps = {
+    api,
+    onWaiting,
+    onError,
+    getters,
+    setters,
+    handleInputCreds,
+  }
 
-const ConstitCommCertsTab = () => {
   const data = [
     {
       label: 'Authorize CC Hot Credential',
       value: 'authHotCred',
-      children: <></>,
+      children: <AuthCCPanel {...panelsProps} />,
     },
     {
       label: 'Resign CC Cold Credential',

src/utils/cslTools.js

@@ -205,3 +205,10 @@ export const getStakeKeyDeregCert = (stakeCred) => wasm.StakeDeregistration.new(
 
 export const getCertOfNewStakeDereg = (stakeKeyDeregCert) =>
   wasm.Certificate.new_stake_deregistration(stakeKeyDeregCert)
+
+// Committee Hot Authorization Certificate
+export const getCommitteeHotAuth = (coldCred, hotCred) =>
+  wasm.CommitteeHotAuth.new(coldCred, hotCred)
+
+export const getCertOfNewCommitteeHotAuth = (committeeHotAuthCert) =>
+  wasm.Certificate.new_committee_hot_auth(committeeHotAuthCert)