Update deploy configs

Author: kumaryash90

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

@@ -14,7 +14,11 @@ import { Flex, FormControl } from "@chakra-ui/react";
 import { useMutation, useQuery } from "@tanstack/react-query";
 import { verifyContract } from "app/(dashboard)/(chain)/[chain_id]/[contractAddress]/sources/ContractSourcesPage";
 import { NetworkSelectorButton } from "components/selects/NetworkSelectorButton";
-import { DEFAULT_FEE_BPS, DEFAULT_FEE_RECIPIENT } from "constants/addresses";
+import {
+  DEFAULT_FEE_BPS,
+  DEFAULT_FEE_RECIPIENT,
+  THIRDWEB_PUBLISHER_ADDRESS,
+} from "constants/addresses";
 import { SolidityInput } from "contract-ui/components/solidity-inputs";
 import { useTrack } from "hooks/analytics/useTrack";
 import { useTxNotifications } from "hooks/useTxNotifications";
@@ -161,6 +165,13 @@ export const CustomContractForm: React.FC<CustomContractFormProps> = ({
   const constructorParams =
     metadata.abi.find((a) => a.type === "constructor")?.inputs || [];
 
+  const defaultFeeRecipientFunction = metadata.abi.find(
+    (a) => a.type === "function" && a.name === "DEFAULT_FEE_RECIPIENT",
+  );
+  const hasInbuiltDefaultFeeConfig =
+    defaultFeeRecipientFunction &&
+    metadata.publisher === THIRDWEB_PUBLISHER_ADDRESS;
+
   const [customFactoryNetwork, customFactoryAddress] = Object.entries(
     metadata?.factoryDeploymentData?.customFactoryInput
       ?.customFactoryAddresses || {},
@@ -457,8 +468,12 @@ export const CustomContractForm: React.FC<CustomContractFormProps> = ({
             name: params.contractMetadata?.name || "",
             contractURI: _contractURI,
             defaultAdmin: params.deployParams._defaultAdmin as string,
-            platformFeeBps: DEFAULT_FEE_BPS,
-            platformFeeRecipient: DEFAULT_FEE_RECIPIENT,
+            platformFeeBps: hasInbuiltDefaultFeeConfig
+              ? Number(params.deployParams._platformFeeBps)
+              : DEFAULT_FEE_BPS,
+            platformFeeRecipient: hasInbuiltDefaultFeeConfig
+              ? (params.deployParams._platformFeeRecipient as string)
+              : DEFAULT_FEE_RECIPIENT,
             trustedForwarders: params.deployParams._trustedForwarders
               ? JSON.parse(params.deployParams._trustedForwarders as string)
               : undefined,
@@ -473,8 +488,12 @@ export const CustomContractForm: React.FC<CustomContractFormProps> = ({
         payees,
         shares,
         _contractURI,
-        _platformFeeBps: DEFAULT_FEE_BPS,
-        _platformFeeRecipient: DEFAULT_FEE_RECIPIENT,
+        platformFeeBps: hasInbuiltDefaultFeeConfig
+          ? Number(params.deployParams._platformFeeBps)
+          : DEFAULT_FEE_BPS,
+        platformFeeRecipient: hasInbuiltDefaultFeeConfig
+          ? (params.deployParams._platformFeeRecipient as string)
+          : DEFAULT_FEE_RECIPIENT,
       };
 
       const salt = params.deployDeterministic
@@ -709,7 +728,11 @@ export const CustomContractForm: React.FC<CustomContractFormProps> = ({
               )}
 
               {hasPlatformFee && (
-                <PlatformFeeFieldset isMarketplace={isMarketplace} />
+                <PlatformFeeFieldset
+                  form={form}
+                  isMarketplace={isMarketplace}
+                  hasInbuiltDefaultFeeConfig={!!hasInbuiltDefaultFeeConfig}
+                />
               )}
 
               {isSplit && <SplitFieldset form={form} />}

apps/dashboard/src/components/contract-components/contract-deploy-form/platform-fee-fieldset.tsx

@@ -1,17 +1,25 @@
+import { FormFieldSetup } from "@/components/blocks/FormFieldSetup";
+import { BasisPointsInput } from "components/inputs/BasisPointsInput";
+import { SolidityInput } from "contract-ui/components/solidity-inputs";
 import Link from "next/link";
 import { Fieldset } from "./common";
+import type { CustomContractDeploymentForm } from "./custom-contract";
 
 interface PlatformFeeFieldsetProps {
+  form: CustomContractDeploymentForm;
   isMarketplace: boolean;
+  hasInbuiltDefaultFeeConfig: boolean;
 }
 
-export const PlatformFeeFieldset: React.FC<PlatformFeeFieldsetProps> = (
-  props,
-) => {
+export const PlatformFeeFieldset: React.FC<PlatformFeeFieldsetProps> = ({
+  form,
+  isMarketplace,
+  hasInbuiltDefaultFeeConfig,
+}) => {
   return (
     <Fieldset legend="Platform fees">
       <div className="flex flex-col gap-4 md:flex-row">
-        {props.isMarketplace ? (
+        {isMarketplace ? (
           <p className="mb-3 pt-4 text-muted-foreground text-sm italic">
             A 2.5% platform fee is deducted from each sale to support ongoing
             platform operations and improvements.{" "}
@@ -40,6 +48,59 @@ export const PlatformFeeFieldset: React.FC<PlatformFeeFieldsetProps> = (
             </Link>
           </p>
         )}
+        {hasInbuiltDefaultFeeConfig && (
+          <FormFieldSetup
+            className="grow"
+            label="Recipient Address"
+            isRequired
+            errorMessage={
+              form.getFieldState(
+                "deployParams._platformFeeRecipient",
+                form.formState,
+              ).error?.message
+            }
+            helperText={
+              <>
+                For contract with primary sales, get additional fees for all
+                primary sales that happen on this contract. (This is useful if
+                you are deploying this contract for a 3rd party and want to take
+                fees for your service). <br /> If this contract is a
+                marketplace, get a percentage of all the secondary sales that
+                happen on your contract.
+              </>
+            }
+          >
+            <SolidityInput
+              solidityType="address"
+              {...form.register("deployParams._platformFeeRecipient")}
+            />
+          </FormFieldSetup>
+        )}
+
+        {hasInbuiltDefaultFeeConfig && (
+          <FormFieldSetup
+            label="Percentage"
+            isRequired
+            className="shrink-0 md:max-w-[150px]"
+            errorMessage={
+              form.getFieldState("deployParams._platformFeeBps", form.formState)
+                .error?.message
+            }
+          >
+            <BasisPointsInput
+              value={Number(form.watch("deployParams._platformFeeBps"))}
+              onChange={(value) =>
+                form.setValue(
+                  "deployParams._platformFeeBps",
+                  value.toString(),
+                  {
+                    shouldTouch: true,
+                  },
+                )
+              }
+            />
+          </FormFieldSetup>
+        )}
       </div>
     </Fieldset>
   );

apps/dashboard/src/components/contract-functions/contract-function.tsx

@@ -285,15 +285,22 @@ export const ContractFunctionsPanel: React.FC<ContractFunctionsPanelProps> = ({
   twAccount,
 }) => {
   // TODO: clean this up
+
   const functionsWithExtension = useMemo(() => {
-    const allFunctions = fnsOrEvents
-      .filter((f) => f.type === "function")
-      .filter(
+    const defaultFeeRecipientFunction = fnsOrEvents.find(
+      (a) => a.type === "function" && a.name === "DEFAULT_FEE_RECIPIENT",
+    );
+
+    let allFunctions = fnsOrEvents.filter((f) => f.type === "function");
+
+    if (!defaultFeeRecipientFunction) {
+      allFunctions = allFunctions.filter(
         (f) =>
           f.name !== "setPlatformFeeInfo" &&
           f.name !== "setFlatPlatformFeeInfo" &&
           f.name !== "setPlatformFeeType",
       );
+    }
     const results: ExtensionFunctions[] = [];
     results.push({
       extension: "",

apps/dashboard/src/constants/addresses.ts

@@ -1,6 +1,9 @@
 export const THIRDWEB_DEPLOYER_ADDRESS =
   "0xdd99b75f095d0c4d5112aCe938e4e6ed962fb024";
 
+export const THIRDWEB_PUBLISHER_ADDRESS =
+  "0xdd99b75f095d0c4d5112aCe938e4e6ed962fb024";
+
 export const DEFAULT_FEE_RECIPIENT =
   "0x1af20c6b23373350ad464700b5965ce4b0d2ad94";