feat: Allow editing mappings (#3143)

Author: LautaroPetaccio

src/components/Modals/CreateSingleItemModal/CreateSingleItemModal.container.ts

@@ -13,7 +13,8 @@ import { MapStateProps, MapDispatchProps, MapDispatch, OwnProps } from './Create
 import CreateSingleItemModal from './CreateSingleItemModal'
 
 const mapState = (state: RootState, ownProps: OwnProps): MapStateProps => {
-  const collection: Collection | null = ownProps.metadata.collectionId ? getCollection(state, ownProps.metadata.collectionId) : null
+  const collectionId: string | undefined = ownProps.metadata.item?.collectionId || ownProps.metadata.item?.collectionId
+  const collection: Collection | null = collectionId ? getCollection(state, collectionId) : null
   const statusByItemId = getStatusByItemId(state)
   const itemStatus = ownProps.metadata.item ? statusByItemId[ownProps.metadata.item.id] : null
   const contracts = collection && isThirdPartyCollection(collection) ? getCollectionThirdParty(state, collection)?.contracts ?? [] : []

src/components/Modals/CreateSingleItemModal/CreateSingleItemModal.tsx

@@ -402,7 +402,7 @@ export default class CreateSingleItemModal extends React.PureComponent<Props, St
 
   modifyItem = async (pristineItem: Item, sortedContents: SortedContent, representations: WearableRepresentation[]) => {
     const { itemStatus, onSave } = this.props
-    const { name, bodyShape, type, metrics, category, playMode, requiredPermissions } = this.state as StateData
+    const { name, bodyShape, type, mappings, metrics, category, playMode, requiredPermissions } = this.state as StateData
 
     let data: WearableData | EmoteDataADR74
 
@@ -430,6 +430,7 @@ export default class CreateSingleItemModal extends React.PureComponent<Props, St
       name,
       metrics,
       contents,
+      mappings,
       updatedAt: +new Date()
     }
 

src/components/Modals/CreateSingleItemModal/CreateSingleItemModal.types.ts

@@ -105,7 +105,7 @@ export type AcceptedFileProps = Pick<
   | 'tags'
   | 'blockVrmExport'
 >
-export type OwnProps = Pick<Props, 'metadata' | 'name' | 'onClose'>
+export type OwnProps = Pick<Props, 'name' | 'onClose'> & { metadata: CreateSingleItemModalMetadata }
 export type MapStateProps = Pick<
   Props,
   'address' | 'error' | 'isLoading' | 'collection' | 'itemStatus' | 'isThirdPartyV2Enabled' | 'contracts'