feat: Mass transfer feature

[hassnian]

PR Type

• Bugfix
• Feature
• Refactoring

Context

mass nft transfer should work

reused a lot of the listing cart code , will create a separate pr after this is merged, since now listingCart has multiple uses will refactor it accordingly , I think that It's going to be more manageable reviewing and testing wise

@JustLuuuu could you test?

• Closes Mass transfer feature #11072
• Closes Remove items code duplication between stores  #10870

Needs Design check

• @exezbcz please review

Screenshot 📸

• My fix has changed something on UI;

[netlify]

✅ Deploy Preview for koda-canary ready!

Name	Link
🔨 Latest commit	afee1f1
🔍 Latest deploy log	https://app.netlify.com/sites/koda-canary/deploys/670a193d3eea510008feb5c2
😎 Deploy Preview	https://deploy-preview-11096--koda-canary.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[vikiival]

'listVisible' is defined but never used. Allowed unused vars must match /^_/u.

Coplitot:

This pull request includes significant updates to the item transfer process, modal components, and listing cart functionality. The most important changes involve restructuring the ItemTransferModal.vue component, introducing new components for handling multiple and single item transfers, and enhancing the listing cart component with tooltips and improved button functionality.

Item Transfer Enhancements:

• components/common/itemTransfer/ItemTransferModal.vue: Refactored to use ModalBody for better layout management, added AutoTeleportActionButton, and streamlined the transfer logic. [1] [2] [3] [4] [5]
• components/common/itemTransfer/ItemTransferMultipleItems.vue: Added to handle the display and transfer of multiple items.
• components/common/itemTransfer/ItemTransferSingleItem.vue: Added to handle the display and transfer of a single item.

Listing Cart Improvements:

• components/common/listingCart/ListingCartMini.vue: Enhanced with tooltips for disabled operations and improved button styling. [1] [2] [3]

Other Component Updates:

• components/common/successfulModal/MultiItemMedia.vue: Added conditional rendering for the header and improved layout. [1] [2]
• components/items/ItemsGrid/ItemsGridImage.vue: Simplified the listing cart logic and removed redundant imports. [1] [2] [3] [4] [5]
• components/items/ItemsGrid/ItemsGridImageTokenEntity.vue: Updated to remove redundant imports and simplify listing cart logic. [1] [2] [3]

[JustLuuuu]

Just tested. Works fine for me:

I have one question: when I used the generic Polkadot address (5CRxWu1z86Z9o9LGjv2QNXkxKQzRe4e29YYzdnnsQA3qesZb) I got this popup:

Solution

Can we just change the text to say: Please use your DOT address? Or something more user friendly? This was a bit confusing.

Also, why don't we support generic addresses here?

[sonarcloud]

Quality Gate passed

Issues
1 New issue
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud

[hassnian]

Just tested. Works fine for me:

I have one question: when I used the generic Polkadot address (5CRxWu1z86Z9o9LGjv2QNXkxKQzRe4e29YYzdnnsQA3qesZb) I got this popup:

Solution

Can we just change the text to say: Please use your DOT address? Or something more user friendly? This was a bit confusing.

Also, why don't we support generic addresses here?

fixed