updated to be promise.allSettled when installing modules to not block deployment of the contract

Author: GWSzeto

apps/dashboard/src/components/contract-components/contract-deploy-form/custom-contract.tsx

@@ -26,16 +26,27 @@ import { CircleAlertIcon, ExternalLinkIcon, InfoIcon } from "lucide-react";
 import Link from "next/link";
 import { useCallback, useMemo } from "react";
 import { FormProvider, type UseFormReturn, useForm } from "react-hook-form";
-import { ZERO_ADDRESS, getContract } from "thirdweb";
+import {
+  ZERO_ADDRESS,
+  getContract,
+  sendTransaction,
+  waitForReceipt,
+} from "thirdweb";
 import type { FetchDeployMetadataResult } from "thirdweb/contract";
 import {
   deployContractfromDeployMetadata,
   deployMarketplaceContract,
   getRequiredTransactions,
 } from "thirdweb/deploys";
+import { installPublishedModule } from "thirdweb/modules";
 import { useActiveAccount, useActiveWalletChain } from "thirdweb/react";
 import { upload } from "thirdweb/storage";
-import { concatHex, padHex } from "thirdweb/utils";
+import {
+  type AbiFunction,
+  concatHex,
+  encodeAbiParameters,
+  padHex,
+} from "thirdweb/utils";
 import { FormHelperText, FormLabel, Heading, Text } from "tw-components";
 import { useCustomFactoryAbi, useFunctionParamsFromABI } from "../hooks";
 import { addContractToMultiChainRegistry } from "../utils";
@@ -469,49 +480,49 @@ export const CustomContractForm: React.FC<CustomContractFormProps> = ({
       });
       console.log("core contract", coreContract);
 
-      //if (isSuperchainInterop && moduleDeployData) {
-      //  await Promise.all(
-      //    moduleDeployData.map(async (m) => {
-      //      let moduleData: `0x${string}` | undefined;
-      //
-      //      const moduleInstallParams = m.deployMetadata.abi.find(
-      //        (abiType) =>
-      //          (abiType as AbiFunction).name === "encodeBytesOnInstall",
-      //      ) as AbiFunction | undefined;
-      //
-      //      if (m.initializeParams && moduleInstallParams) {
-      //        moduleData = encodeAbiParameters(
-      //          (
-      //            moduleInstallParams.inputs as { name: string; type: string }[]
-      //          ).map((p) => ({
-      //            name: p.name,
-      //            type: p.type,
-      //          })),
-      //          Object.values(m.initializeParams),
-      //        );
-      //      }
-      //      console.log("module install params", moduleInstallParams);
-      //
-      //      const installTransaction = installPublishedModule({
-      //        contract: coreContract,
-      //        account: activeAccount,
-      //        moduleName: m.deployMetadata.name,
-      //        publisher: m.deployMetadata.publisher,
-      //        version: m.deployMetadata.version,
-      //        moduleData,
-      //      });
-      //      console.log("install transaction", installTransaction);
-      //
-      //      const txResult = await sendTransaction({
-      //        transaction: installTransaction,
-      //        account: activeAccount,
-      //      });
-      //      console.log("tx result", txResult);
-      //
-      //      return await waitForReceipt(txResult);
-      //    }),
-      //  );
-      //}
+      if (isSuperchainInterop && moduleDeployData) {
+        await Promise.allSettled(
+          moduleDeployData.map(async (m) => {
+            let moduleData: `0x${string}` | undefined;
+
+            const moduleInstallParams = m.deployMetadata.abi.find(
+              (abiType) =>
+                (abiType as AbiFunction).name === "encodeBytesOnInstall",
+            ) as AbiFunction | undefined;
+
+            if (m.initializeParams && moduleInstallParams) {
+              moduleData = encodeAbiParameters(
+                (
+                  moduleInstallParams.inputs as { name: string; type: string }[]
+                ).map((p) => ({
+                  name: p.name,
+                  type: p.type,
+                })),
+                Object.values(m.initializeParams),
+              );
+            }
+            console.log("module install params", moduleInstallParams);
+
+            const installTransaction = installPublishedModule({
+              contract: coreContract,
+              account: activeAccount,
+              moduleName: m.deployMetadata.name,
+              publisher: m.deployMetadata.publisher,
+              version: m.deployMetadata.version,
+              moduleData,
+            });
+            console.log("install transaction", installTransaction);
+
+            const txResult = await sendTransaction({
+              transaction: installTransaction,
+              account: activeAccount,
+            });
+            console.log("tx result", txResult);
+
+            return await waitForReceipt(txResult);
+          }),
+        );
+      }
 
       return coreContractAddress;
     },