11import { FormControl } from "@chakra-ui/react" ;
22import { useQuery } from "@tanstack/react-query" ;
33import { SolidityInput } from "contract-ui/components/solidity-inputs" ;
4- import { getExtensionInstalledParams } from "contract-ui/tabs/manage/components/getExtensionInstalledParams " ;
4+ import { getModuleInstalledParams } from "contract-ui/tabs/manage/components/getModuleInstalledParams " ;
55import invariant from "tiny-invariant" ;
66import { FormErrorMessage , FormLabel } from "tw-components" ;
77import type { CustomContractDeploymentForm } from "./custom-contract" ;
88import { PrimarySaleFieldset } from "./primary-sale-fieldset" ;
99import { RoyaltyFieldset } from "./royalty-fieldset" ;
1010
11- type ExtensionMeta = {
12- extensionName : string ;
13- extensionVersion : string ;
11+ type ModuleMeta = {
12+ moduleName : string ;
13+ moduleVersion : string ;
1414 publisherAddress : string ;
1515} ;
1616
1717/**
18- * Get the install params for all given extensions
18+ * Get the install params for all given modules
1919 */
20- export function useModularContractsDefaultExtensionsInstallParams ( props : {
21- defaultExtensions ?: ExtensionMeta [ ] ;
20+ export function useModularContractsDefaultModulesInstallParams ( props : {
21+ defaultModules ?: ModuleMeta [ ] ;
2222 isQueryEnabled : boolean ;
2323} ) {
24- const { defaultExtensions , isQueryEnabled } = props ;
24+ const { defaultModules , isQueryEnabled } = props ;
2525 return useQuery ( {
2626 queryKey : [
27- "useModularContractsDefaultExtensionsInstallParams " ,
28- defaultExtensions ,
27+ "useModularContractsDefaultModulesInstallParams " ,
28+ defaultModules ,
2929 ] ,
3030 queryFn : async ( ) => {
31- invariant ( defaultExtensions , "defaultExtensions must be defined" ) ;
32- return Promise . all ( defaultExtensions . map ( getExtensionInstalledParams ) ) ;
31+ invariant ( defaultModules , "defaultModules must be defined" ) ;
32+ return Promise . all ( defaultModules . map ( getModuleInstalledParams ) ) ;
3333 } ,
34- enabled : ! ! ( isQueryEnabled && defaultExtensions ) ,
34+ enabled : ! ! ( isQueryEnabled && defaultModules ) ,
3535 refetchOnWindowFocus : false ,
3636 } ) ;
3737}
3838
39- export type UseModularContractsDefaultExtensionsInstallParams = ReturnType <
40- typeof useModularContractsDefaultExtensionsInstallParams
39+ export type UseModularContractsDefaultModulesInstallParams = ReturnType <
40+ typeof useModularContractsDefaultModulesInstallParams
4141> ;
4242
43- type Extensions = NonNullable <
44- UseModularContractsDefaultExtensionsInstallParams [ "data" ]
43+ type Modules = NonNullable <
44+ UseModularContractsDefaultModulesInstallParams [ "data" ]
4545> ;
4646
47- type ExtensionWithIndex = Extensions [ number ] & { extensionIndex : number } ;
47+ type ModuleWithIndex = Modules [ number ] & { moduleIndex : number } ;
4848
49- export function ModularContractDefaultExtensionsFieldset ( props : {
50- extensions : Extensions ;
49+ export function ModularContractDefaultModulesFieldset ( props : {
50+ modules : Modules ;
5151 form : CustomContractDeploymentForm ;
5252 isTWPublisher : boolean ;
5353} ) {
54- // save the index of the extension before filtering out
55- const extensionsWithIndex : ExtensionWithIndex [ ] = props . extensions
54+ // save the index of the module before filtering out
55+ const modulesWithIndex : ModuleWithIndex [ ] = props . modules
5656 . map ( ( v , i ) => ( {
5757 ...v ,
58- extensionIndex : i ,
58+ moduleIndex : i ,
5959 } ) )
6060 . filter ( ( v ) => v . params . length > 0 ) ;
6161
6262 return (
6363 < div className = "py-4" >
6464 < div className = "flex flex-col gap-4" >
65- { extensionsWithIndex . map ( ( ext ) => {
65+ { modulesWithIndex . map ( ( ext ) => {
6666 return (
67- < RenderExtension
68- key = { ext . extensionName }
69- extension = { ext }
67+ < RenderModule
68+ key = { ext . moduleName }
69+ module = { ext }
7070 isTWPublisher = { props . isTWPublisher }
7171 form = { props . form }
7272 />
@@ -77,47 +77,39 @@ export function ModularContractDefaultExtensionsFieldset(props: {
7777 ) ;
7878}
7979
80- function RenderExtension ( props : {
81- extension : ExtensionWithIndex ;
80+ function RenderModule ( props : {
81+ module : ModuleWithIndex ;
8282 form : CustomContractDeploymentForm ;
8383 isTWPublisher : boolean ;
8484} ) {
85- const { extension , form } = props ;
85+ const { module , form } = props ;
8686
8787 // only consider mapping if published by thirdweb, else show the generic form
8888 if ( props . isTWPublisher ) {
89- const paramNames = extension . params . map ( ( param ) => param . name ) ;
89+ const paramNames = module . params . map ( ( param ) => param . name ) ;
9090
9191 if ( showRoyaltyFieldset ( paramNames ) ) {
9292 return (
93- < RenderRoyaltyFieldset
94- extension = { extension }
95- form = { form }
96- isTWPublisher
97- />
93+ < RenderRoyaltyFieldset module = { module } form = { form } isTWPublisher />
9894 ) ;
9995 }
10096
10197 if ( showPrimarySaleFiedset ( paramNames ) ) {
10298 return (
103- < RenderPrimarySaleFieldset
104- extension = { extension }
105- form = { form }
106- isTWPublisher
107- />
99+ < RenderPrimarySaleFieldset module = { module } form = { form } isTWPublisher />
108100 ) ;
109101 }
110102 }
111103
112104 return (
113105 < div >
114106 < h3 className = "text-lg mb-2 text-secondary-foreground font-medium" >
115- { extension . extensionName }
107+ { module . moduleName }
116108 </ h3 >
117109 < div className = "flex flex-col gap-3" >
118- { extension . params . map ( ( param ) => {
110+ { module . params . map ( ( param ) => {
119111 const formFieldKey =
120- `modularContractDefaultExtensionsInstallParams .${ extension . extensionIndex } ${ param . name } as const ;
112+ `modularContractDefaultModulesInstallParams .${ module . moduleIndex } ${ param . name } as const ;
121113
122114 return (
123115 < FormControl
@@ -149,14 +141,14 @@ function RenderExtension(props: {
149141}
150142
151143function RenderPrimarySaleFieldset ( prosp : {
152- extension : ExtensionWithIndex ;
144+ module : ModuleWithIndex ;
153145 form : CustomContractDeploymentForm ;
154146 isTWPublisher : boolean ;
155147} ) {
156- const { extension , form } = prosp ;
148+ const { module , form } = prosp ;
157149
158150 const primarySaleRecipientPath =
159- `modularContractDefaultExtensionsInstallParams .${ extension . extensionIndex } as const ;
151+ `modularContractDefaultModulesInstallParams .${ module . moduleIndex } as const ;
160152
161153 return (
162154 < PrimarySaleFieldset
@@ -173,17 +165,17 @@ function RenderPrimarySaleFieldset(prosp: {
173165}
174166
175167function RenderRoyaltyFieldset ( props : {
176- extension : ExtensionWithIndex ;
168+ module : ModuleWithIndex ;
177169 form : CustomContractDeploymentForm ;
178170 isTWPublisher : boolean ;
179171} ) {
180- const { extension : ext , form } = props ;
172+ const { module : ext , form } = props ;
181173
182174 const royaltyRecipientPath =
183- `modularContractDefaultExtensionsInstallParams .${ ext . extensionIndex } as const ;
175+ `modularContractDefaultModulesInstallParams .${ ext . moduleIndex } as const ;
184176
185177 const royaltyBpsPath =
186- `modularContractDefaultExtensionsInstallParams .${ ext . extensionIndex } as const ;
178+ `modularContractDefaultModulesInstallParams .${ ext . moduleIndex } as const ;
187179
188180 return (
189181 < RoyaltyFieldset
0 commit comments