feat(tangle-cloud): blueprint deployment request args configuration & finalization

apps/tangle-cloud/src/components/InstanceHeader.tsx

@@ -4,9 +4,9 @@ import { FC } from 'react';
 import { twMerge } from 'tailwind-merge';
 
 type Props = {
-  title: string;
-  githubPath?: string;
-  creator: string;
+  title?: string;
+  githubPath?: string | null;
+  creator?: string;
 };
 
 const InstanceHeader: FC<Props> = ({ title, githubPath, creator }) => {
@@ -20,7 +20,10 @@ const InstanceHeader: FC<Props> = ({ title, githubPath, creator }) => {
     >
       <div className="flex flex-col gap-2">
         <Typography variant="h5" className="flex items-center gap-2">
-          {title} <GithubFill size="lg" target="_blank" href={githubPath} />
+          {title}{' '}
+          {githubPath && (
+            <GithubFill size="lg" target="_blank" href={githubPath} />
+          )}
         </Typography>
 
         <Typography variant="body1" className="!text-mono-100">

apps/tangle-cloud/src/components/Sidebar.tsx

@@ -29,7 +29,6 @@ import useRoleStore, { Role, ROLE_ICON_MAP } from '../stores/roleStore';
 import { PagePath } from '../types';
 import { ChevronRight, HomeFillIcon } from '@tangle-network/icons';
 import { twMerge } from 'tailwind-merge';
-import cx from 'classnames';
 
 type Props = {
   isExpandedByDefault?: boolean;

apps/tangle-cloud/src/constants/index.ts

@@ -2,6 +2,7 @@ export enum TxName {
   REGISTER_BLUEPRINT = 'register blueprint',
   REJECT_SERVICE_REQUEST = 'reject service request',
   APPROVE_SERVICE_REQUEST = 'approve service request',
+  DEPLOY_BLUEPRINT = 'deploy blueprint',
 }
 
 export enum SessionStorageKey {

apps/tangle-cloud/src/data/services/useServicesApproveTx.ts

@@ -1,5 +1,4 @@
 import { SUCCESS_MESSAGES } from '../../hooks/useTxNotification';
-import { BN } from '@polkadot/util';
 import { useCallback } from 'react';
 
 import { TxName } from '../../constants';
@@ -8,7 +7,7 @@ import {
   useSubstrateTxWithNotification,
 } from '@tangle-network/tangle-shared-ui/hooks/useSubstrateTx';
 import { ApprovalConfirmationFormFields } from '../../types';
-import { isEvmAddress } from '@tangle-network/ui-components';
+import createAssetIdEnum from '@tangle-network/tangle-shared-ui/utils/createAssetIdEnum';
 
 type Context = ApprovalConfirmationFormFields;
 
@@ -17,9 +16,7 @@ const useServicesApproveTx = () => {
     (api, _activeSubstrateAddress, context) => {
       const securityCommitments = context.securityCommitment.map(
         (commitment) => ({
-          asset: isEvmAddress(commitment.assetId)
-            ? { Erc20: new BN(commitment.assetId) }
-            : { Custom: new BN(commitment.assetId) },
+          asset: createAssetIdEnum(commitment.assetId),
           exposurePercent: commitment.exposurePercent,
         }),
       );

apps/tangle-cloud/src/data/services/useServicesRegisterTx.ts

@@ -0,0 +1,48 @@
+import optimizeTxBatch from '@tangle-network/tangle-shared-ui/utils/optimizeTxBatch';
+import { SUCCESS_MESSAGES } from '../../hooks/useTxNotification';
+import { useCallback } from 'react';
+
+import { TxName } from '../../constants';
+import {
+  SubstrateTxFactory,
+  useSubstrateTxWithNotification,
+} from '@tangle-network/tangle-shared-ui/hooks/useSubstrateTx';
+import { RegisterServiceFormFields } from '../../types';
+import { TANGLE_TOKEN_DECIMALS } from '@tangle-network/dapp-config';
+import { parseUnits } from 'viem';
+
+type Context = RegisterServiceFormFields;
+
+const useServicesRegisterTx = () => {
+  const substrateTxFactory: SubstrateTxFactory<Context> = useCallback(
+    async (api, _activeSubstrateAddress, context) => {
+      const { blueprintIds, preferences, registrationArgs, amounts } = context;
+
+      // TODO: Find a better way to get the chain decimals
+      const decimals =
+        api.registry.chainDecimals.length > 0
+          ? api.registry.chainDecimals[0]
+          : TANGLE_TOKEN_DECIMALS;
+
+      const registerTx = blueprintIds.map((blueprintId, idx) => {
+        return api.tx.services.register(
+          blueprintId,
+          preferences[idx],
+          registrationArgs[idx],
+          parseUnits(amounts[idx].toString(), decimals),
+        );
+      });
+
+      return optimizeTxBatch(api, registerTx);
+    },
+    [],
+  );
+
+  return useSubstrateTxWithNotification(
+    TxName.REGISTER_BLUEPRINT,
+    substrateTxFactory,
+    SUCCESS_MESSAGES,
+  );
+};
+
+export default useServicesRegisterTx;