From 9799b31b8c1c1ef09e5bd9dc46e2747024667e57 Mon Sep 17 00:00:00 2001
From: Lautaro Petaccio <1120791+LautaroPetaccio@users.noreply.github.com>
Date: Wed, 25 Sep 2024 10:27:58 -0300
Subject: [PATCH] feat: Add Third Party payments (#3189)

* feat: Publication fee Payment

* feat: Add more changes

* fix: Update test

* feat: Adds hooks tests and adds loader screen for the Confirm and Pay steps

* feat: Add multiple items image

* feat: Add publish and push changes tests

* fix: Remove unusued action reducers in the curations reducer

* fix: Remove unusued action reducers in the curations reducer

* fix: Types

* fix: Packages problem

* fix: Publishing for standard collections

* fix: Add missing translations

* fix: Use the weiPerEther constant
---
 package-lock.json                             |   8 +-
 package.json                                  |   2 +-
 .../ConfirmCollectionItemsStep.css            |  18 +
 .../ConfirmCollectionItemsStep.tsx            |  32 +-
 .../PayPublicationFeeStep.css                 | 146 -------
 .../PayPublicationFeeStep.module.css          | 170 ++++++++
 .../PayPublicationFeeStep.tsx                 | 232 +++++++----
 .../PublishWizardCollectionModal.container.ts |  47 ---
 ...PublishWizardCollectionModal.container.tsx | 148 +++++++
 .../PublishWizardCollectionModal.tsx          |  98 ++++-
 .../PublishWizardCollectionModal.types.ts     |  55 +--
 .../hooks.spec.tsx                            |  87 ++++
 .../PublishWizardCollectionModal/hooks.ts     |  29 ++
 .../CollectionPublishButton.container.ts      |   7 +-
 .../CollectionPublishButton.tsx               |  32 +-
 .../CollectionPublishButton.types.ts          |   6 +-
 src/modules/collection/selectors.spec.ts      |   4 +-
 .../curations/itemCuration/reducer.spec.ts    |  85 ++--
 src/modules/curations/itemCuration/reducer.ts |   8 -
 src/modules/item/reducer.spec.ts              |   3 +-
 src/modules/item/selectors.ts                 |  16 +
 src/modules/thirdParty/actions.ts             |  30 +-
 src/modules/thirdParty/reducer.spec.ts        | 140 ++++---
 src/modules/thirdParty/reducer.ts             |  29 +-
 src/modules/thirdParty/sagas.spec.ts          | 374 +++++++++++++++++-
 src/modules/thirdParty/sagas.ts               | 131 ++++--
 src/modules/thirdParty/selectors.spec.ts      |  54 ++-
 src/modules/thirdParty/selectors.ts           |   7 +-
 src/modules/thirdParty/types.ts               |   7 +
 src/modules/thirdParty/utils.spec.ts          | 152 ++++++-
 src/modules/thirdParty/utils.ts               |  56 ++-
 src/modules/translation/languages/en.json     |  15 +-
 src/modules/translation/languages/es.json     |  19 +-
 src/modules/translation/languages/zh.json     |  13 +-
 34 files changed, 1727 insertions(+), 533 deletions(-)
 delete mode 100644 src/components/Modals/PublishWizardCollectionModal/PayPublicationFeeStep/PayPublicationFeeStep.css
 create mode 100644 src/components/Modals/PublishWizardCollectionModal/PayPublicationFeeStep/PayPublicationFeeStep.module.css
 delete mode 100644 src/components/Modals/PublishWizardCollectionModal/PublishWizardCollectionModal.container.ts
 create mode 100644 src/components/Modals/PublishWizardCollectionModal/PublishWizardCollectionModal.container.tsx
 create mode 100644 src/components/Modals/PublishWizardCollectionModal/hooks.spec.tsx
 create mode 100644 src/components/Modals/PublishWizardCollectionModal/hooks.ts

diff --git a/package-lock.json b/package-lock.json
index bf332c7a6..14ac30e02 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -17,7 +17,7 @@
         "@dcl/crypto": "^3.4.5",
         "@dcl/hashing": "^3.0.4",
         "@dcl/mini-rpc": "^1.0.7",
-        "@dcl/schemas": "^13.9.0",
+        "@dcl/schemas": "^13.12.0",
         "@dcl/sdk": "7.5.5",
         "@dcl/single-sign-on-client": "^0.1.0",
         "@dcl/ui-env": "^1.5.0",
@@ -2737,9 +2737,9 @@
       }
     },
     "node_modules/@dcl/schemas": {
-      "version": "13.10.0",
-      "resolved": "https://registry.npmjs.org/@dcl/schemas/-/schemas-13.10.0.tgz",
-      "integrity": "sha512-7YHjzEOLZ5dehY/LIZWIHQwWGqHXSWfIle26LrnbBwHo6gEwVmVrC8KTzkqaXGBWsVjWa/stxh5jn+25OK22gQ==",
+      "version": "13.12.0",
+      "resolved": "https://registry.npmjs.org/@dcl/schemas/-/schemas-13.12.0.tgz",
+      "integrity": "sha512-YHfiDSYqSRGXwiBaj5qZPzhhW7agT2bvLmrLvNZe3sFmkJTkOoFjWx5ZsG5V7JmRW6sLpJXxfKMFjcryyGU2IQ==",
       "dependencies": {
         "ajv": "^8.11.0",
         "ajv-errors": "^3.0.0",
diff --git a/package.json b/package.json
index 255c82a14..75344461b 100644
--- a/package.json
+++ b/package.json
@@ -11,7 +11,7 @@
     "@dcl/crypto": "^3.4.5",
     "@dcl/hashing": "^3.0.4",
     "@dcl/mini-rpc": "^1.0.7",
-    "@dcl/schemas": "^13.9.0",
+    "@dcl/schemas": "^13.12.0",
     "@dcl/sdk": "7.5.5",
     "@dcl/single-sign-on-client": "^0.1.0",
     "@dcl/ui-env": "^1.5.0",
diff --git a/src/components/Modals/PublishWizardCollectionModal/ConfirmCollectionItemsStep/ConfirmCollectionItemsStep.css b/src/components/Modals/PublishWizardCollectionModal/ConfirmCollectionItemsStep/ConfirmCollectionItemsStep.css
index 51295d13b..548a96667 100644
--- a/src/components/Modals/PublishWizardCollectionModal/ConfirmCollectionItemsStep/ConfirmCollectionItemsStep.css
+++ b/src/components/Modals/PublishWizardCollectionModal/ConfirmCollectionItemsStep/ConfirmCollectionItemsStep.css
@@ -107,3 +107,21 @@
 .ui.visible.popup.price-popup {
   z-index: 4000;
 }
+
+.ConfirmCollectionItemsStep .loading-overlay {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  z-index: 1000000;
+  background-color: rgba(var(--dark-raw), 0.78);
+  font-weight: 500;
+  border-radius: 8px;
+  font-size: 20px;
+  gap: 8px;
+  height: 100%;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
diff --git a/src/components/Modals/PublishWizardCollectionModal/ConfirmCollectionItemsStep/ConfirmCollectionItemsStep.tsx b/src/components/Modals/PublishWizardCollectionModal/ConfirmCollectionItemsStep/ConfirmCollectionItemsStep.tsx
index b65846444..1ac52372b 100644
--- a/src/components/Modals/PublishWizardCollectionModal/ConfirmCollectionItemsStep/ConfirmCollectionItemsStep.tsx
+++ b/src/components/Modals/PublishWizardCollectionModal/ConfirmCollectionItemsStep/ConfirmCollectionItemsStep.tsx
@@ -2,7 +2,7 @@ import React from 'react'
 import classNames from 'classnames'
 import { ethers } from 'ethers'
 import { Network } from '@dcl/schemas'
-import { Button, Column, Mana, Modal, Popup, Row, Table } from 'decentraland-ui'
+import { Button, Column, Loader, Mana, Modal, Popup, Row, Table } from 'decentraland-ui'
 import { RarityBadge } from 'decentraland-dapps/dist/containers/RarityBadge'
 import { t } from 'decentraland-dapps/dist/modules/translation/utils'
 import { Item } from 'modules/item/types'
@@ -11,8 +11,14 @@ import ItemImage from 'components/ItemImage'
 import ItemBadge from 'components/ItemBadge'
 import './ConfirmCollectionItemsStep.css'
 
-export const ConfirmCollectionItemsStep: React.FC<{ items: Item[]; onNextStep: () => void; onPrevStep: () => void }> = props => {
-  const { items, onNextStep, onPrevStep } = props
+export const ConfirmCollectionItemsStep: React.FC<{
+  items: Item[]
+  onNextStep: () => void
+  onPrevStep: () => void
+  isSigningCheque: boolean
+  isThirdParty: boolean
+}> = props => {
+  const { items, onNextStep, onPrevStep, isSigningCheque, isThirdParty } = props
 
   const renderPrice = (item: Item) => {
     const price = ethers.utils.formatEther(item.price!)
@@ -86,18 +92,30 @@ export const ConfirmCollectionItemsStep: React.FC<{ items: Item[]; onNextStep: (
     <Modal.Content className="ConfirmCollectionItemsStep">
       <Column>
         <Row className="details">
+          {isSigningCheque && (
+            <div className="loading-overlay">
+              <Loader inline size="massive" />
+              {t('publish_wizard_collection_modal.accept_in_wallet')}
+            </div>
+          )}
           <Column grow={true}>
             <p className="title">{t('publish_wizard_collection_modal.confirm_collection_items_step.title')}</p>
-            <p className="subtitle">{t('publish_wizard_collection_modal.confirm_collection_items_step.subtitle', { br: <br /> })}</p>
-            <p className="description">{t('publish_wizard_collection_modal.confirm_collection_items_step.description')}</p>
+            <p className="subtitle">
+              {t(`publish_wizard_collection_modal.confirm_collection_items_step.${isThirdParty ? 'third_party' : 'standard'}.subtitle`, {
+                br: <br />
+              })}
+            </p>
+            <p className="description">
+              {t(`publish_wizard_collection_modal.confirm_collection_items_step.${isThirdParty ? 'third_party' : 'standard'}.description`)}
+            </p>
             <div className="items">{renderItemsTable()}</div>
           </Column>
         </Row>
         <Row className="actions">
-          <Button className="back" secondary onClick={onPrevStep}>
+          <Button className="back" secondary disabled={isSigningCheque} onClick={onPrevStep}>
             {t('global.back')}
           </Button>
-          <Button className="proceed" primary onClick={onNextStep}>
+          <Button className="proceed" primary disabled={isSigningCheque} onClick={onNextStep}>
             {t('publish_wizard_collection_modal.confirm_collection_items_step.confirm_items')}
           </Button>
         </Row>
diff --git a/src/components/Modals/PublishWizardCollectionModal/PayPublicationFeeStep/PayPublicationFeeStep.css b/src/components/Modals/PublishWizardCollectionModal/PayPublicationFeeStep/PayPublicationFeeStep.css
deleted file mode 100644
index 5b4f238ef..000000000
--- a/src/components/Modals/PublishWizardCollectionModal/PayPublicationFeeStep/PayPublicationFeeStep.css
+++ /dev/null
@@ -1,146 +0,0 @@
-.PayPublicationFeeStep .details {
-  background-color: rgba(var(--dark-raw), 0.48);
-  border-radius: 8px;
-  width: 100%;
-  padding: 20px 24px 48px;
-  font-size: 15px;
-  font-weight: 400;
-  line-height: 24px;
-  text-align: justify;
-}
-
-.PayPublicationFeeStep .details .title {
-  font-size: 18px;
-  font-weight: 700;
-  line-height: 24px;
-}
-
-.PayPublicationFeeStep .details .subtitle {
-  font-size: 15px;
-  font-weight: 400;
-  line-height: 24px;
-  color: var(--clear-divider);
-}
-
-.PayPublicationFeeStep .details .learn-more {
-  font-size: 15px;
-  font-weight: 400;
-  line-height: 24px;
-}
-
-.PayPublicationFeeStep .details .learn-more > a {
-  color: var(--clear-divider);
-  text-decoration: underline;
-}
-
-.PayPublicationFeeStep .price-breakdown-container {
-  margin: 20px 0;
-  position: relative;
-  display: flex;
-  justify-content: space-between;
-  border-radius: 10px;
-  width: 100%;
-}
-
-.PayPublicationFeeStep .price-breakdown-container::after {
-  content: '';
-  position: absolute;
-  top: 40%;
-  left: 0;
-  width: 100%;
-  height: 1px;
-  background-color: var(--light-gray);
-  opacity: 40%;
-}
-
-.PayPublicationFeeStep .price-breakdown-container .element .element-header {
-  display: flex;
-  font-size: 13px;
-  justify-content: center;
-  align-items: center;
-  text-align: center;
-  padding: 0.5rem 0 0.5rem 0;
-  color: var(--light-gray);
-}
-
-.PayPublicationFeeStep .price-breakdown-container .element .element-content {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  padding: 1rem 0 1rem 0;
-  text-align: center;
-  font-weight: 400;
-}
-
-.PayPublicationFeeStep .price-breakdown-container .element .element-content.total-amount {
-  font-weight: 500;
-}
-
-.PayPublicationFeeStep .price-breakdown-container .element .element-content.total-amount .dcl.mana {
-  margin-top: 0;
-  font-size: 15px;
-  line-height: 24px;
-}
-
-.PayPublicationFeeStep .actions {
-  margin-top: 24px;
-  width: 100%;
-  justify-content: space-between !important;
-}
-
-.PayPublicationFeeStep .actions .actions-right {
-  display: flex;
-  gap: 1rem;
-  align-items: center;
-}
-
-.PayPublicationFeeStep .actions .actions-right button {
-  padding-left: 16px;
-  padding-right: 16px;
-}
-
-.PayPublicationFeeStep .actions .actions-right button span {
-  margin-left: 6px;
-}
-
-.PayPublicationFeeStep .actions .actions-right .pay-with-card {
-  background-color: white !important;
-  color: black;
-}
-
-.pay-with-card-info-tooltip {
-  z-index: 3000 !important;
-}
-
-.PayPublicationFeeStep .actions .button {
-  max-width: 220px;
-}
-
-.PayPublicationFeeStep .actions .button > .ui.dcl.mana {
-  font-size: 13px;
-  font-weight: 600;
-  line-height: 18px;
-}
-
-.PayPublicationFeeStep .actions .button.loading > .ui.dcl.mana {
-  visibility: hidden;
-}
-
-.PayPublicationFeeStep .error-container {
-  border-radius: 8px;
-  background: #ff2d5533;
-  width: 100%;
-  display: flex;
-  justify-content: center;
-  padding: 16px;
-  margin-top: 16px;
-  text-align: center;
-}
-
-.PayPublicationFeeStep .error {
-  flex: 1 1 0;
-}
-
-.PayPublicationFeeStep .not-enough-mana-notice .dcl.mana .symbol {
-  padding-right: 0;
-}
diff --git a/src/components/Modals/PublishWizardCollectionModal/PayPublicationFeeStep/PayPublicationFeeStep.module.css b/src/components/Modals/PublishWizardCollectionModal/PayPublicationFeeStep/PayPublicationFeeStep.module.css
new file mode 100644
index 000000000..23002bcab
--- /dev/null
+++ b/src/components/Modals/PublishWizardCollectionModal/PayPublicationFeeStep/PayPublicationFeeStep.module.css
@@ -0,0 +1,170 @@
+.details {
+  background-color: rgba(var(--dark-raw), 0.48);
+  border-radius: 8px;
+  width: 100%;
+  padding: 20px 24px 48px;
+  font-size: 15px;
+  font-weight: 400;
+  line-height: 24px;
+  text-align: justify;
+}
+
+.details .title {
+  font-size: 18px;
+  font-weight: 700;
+  line-height: 24px;
+}
+
+.details .subtitle {
+  font-size: 15px;
+  font-weight: 400;
+  line-height: 24px;
+  color: var(--clear-divider);
+}
+
+.details .learnMore {
+  font-size: 15px;
+  font-weight: 400;
+  line-height: 24px;
+}
+
+.details .learnMore > a {
+  color: var(--clear-divider);
+  text-decoration: underline;
+}
+
+.totalAmount {
+  font-weight: 500;
+}
+
+.totalAmount :global(.dcl.mana.header) {
+  margin-top: 0;
+  font-size: 15px;
+  line-height: 24px;
+}
+
+.actions {
+  margin-top: 24px;
+  width: 100%;
+  justify-content: space-between !important;
+}
+
+.actions .actionsRight {
+  display: flex;
+  gap: 1rem;
+  align-items: center;
+}
+
+.actions .actionsRight button {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+.actions .actionsRight button span {
+  margin-left: 6px;
+}
+
+.actions .actionsRight .payWithCard {
+  background-color: white !important;
+  color: black;
+}
+
+.payWithCardInfoTooltip {
+  z-index: 3000 !important;
+}
+
+.actions :global(.button) {
+  max-width: 220px;
+}
+
+.actions :global(.button) > :global(.ui.dcl.mana) {
+  font-size: 13px;
+  font-weight: 600;
+  line-height: 18px;
+}
+
+.actions :global(.button.loading) > :global(.ui.dcl.mana) {
+  visibility: hidden;
+}
+
+.errorContainer {
+  border-radius: 8px;
+  background: #ff2d5533;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  padding: 16px;
+  margin-top: 16px;
+  text-align: center;
+}
+
+.error {
+  flex: 1 1 0;
+}
+
+.notEnoughManaNotice :global(.dcl.mana .symbol) {
+  padding-right: 0;
+}
+
+.notPayable {
+  color: #ffbc5b;
+}
+
+.multipleItemImages {
+  position: relative;
+  height: 58px;
+  width: 58px;
+}
+
+.itemImage {
+  height: 48px;
+  width: 48px;
+  z-index: 4;
+}
+
+.layerOne {
+  height: 48px;
+  width: 48px;
+  position: absolute;
+  top: 5px;
+  left: 5px;
+  opacity: 0.7;
+  z-index: 3;
+  border-radius: 5px;
+}
+
+.layerTwo {
+  height: 48px;
+  width: 48px;
+  position: absolute;
+  top: 10px;
+  left: 10px;
+  opacity: 0.4;
+  z-index: 2;
+  border-radius: 5px;
+}
+
+.itemCell {
+  display: flex;
+  flex-direction: row;
+  gap: 16px;
+  align-items: center;
+}
+
+.loadingOverlay {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  z-index: 1000000;
+  background-color: rgba(var(--dark-raw), 0.78);
+  font-weight: 500;
+  border-radius: 8px;
+  font-size: 20px;
+  gap: 8px;
+  height: 100%;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
diff --git a/src/components/Modals/PublishWizardCollectionModal/PayPublicationFeeStep/PayPublicationFeeStep.tsx b/src/components/Modals/PublishWizardCollectionModal/PayPublicationFeeStep/PayPublicationFeeStep.tsx
index 4ce4c22d2..00a4ea20e 100644
--- a/src/components/Modals/PublishWizardCollectionModal/PayPublicationFeeStep/PayPublicationFeeStep.tsx
+++ b/src/components/Modals/PublishWizardCollectionModal/PayPublicationFeeStep/PayPublicationFeeStep.tsx
@@ -1,58 +1,87 @@
-import React, { useCallback } from 'react'
+import classNames from 'classnames'
+import React, { useCallback, useMemo } from 'react'
 import { ethers } from 'ethers'
 import { Network } from '@dcl/schemas'
 import { config } from 'config'
-import { Button, Column, Icon, InfoTooltip, Mana, Modal, Row } from 'decentraland-ui'
+import { Button, Column, Icon, InfoTooltip, Loader, Mana, Modal, Row, Table } from 'decentraland-ui'
+import ItemImage from 'components/ItemImage'
 import { t } from 'decentraland-dapps/dist/modules/translation/utils'
 import { toFixedMANAValue } from 'decentraland-dapps/dist/lib/mana'
-import { Currency, BlockchainRarity } from 'modules/item/types'
+import { Currency, Item } from 'modules/item/types'
+import { isTPCollection } from 'modules/collection/utils'
 import { PaymentMethod } from 'modules/collection/types'
-import { MapStateProps } from '../PublishWizardCollectionModal.types'
-import './PayPublicationFeeStep.css'
+import { Props } from '../PublishWizardCollectionModal.types'
+import styles from './PayPublicationFeeStep.module.css'
+import { getBackgroundStyle } from 'modules/item/utils'
+
+const MultipleItemImages: React.FC<{ referenceItem: Item }> = ({ referenceItem }) => (
+  <div className={styles.multipleItemImages}>
+    <ItemImage item={referenceItem} className={styles.itemImage} />
+    <div className={styles.layerOne} style={getBackgroundStyle(referenceItem.rarity)}></div>
+    <div className={styles.layerTwo} style={getBackgroundStyle(referenceItem.rarity)}></div>
+  </div>
+)
 
 export const PayPublicationFeeStep: React.FC<
-  MapStateProps & { onNextStep: (paymentMethod: PaymentMethod) => void; onPrevStep: () => void }
+  Props & { onNextStep: (paymentMethod: PaymentMethod) => void; onPrevStep: () => void }
 > = props => {
   const {
     collection,
-    items,
-    rarities,
+    itemsToPublish,
+    itemsWithChanges,
+    price,
     wallet,
     collectionError,
     unsyncedCollectionError,
     isLoading,
+    thirdParty,
     isPublishCollectionsWertEnabled,
     onNextStep,
     onPrevStep
   } = props
 
-  // The UI is designed in a way that considers that all rarities have the same price, so only using the first one
-  // as reference for the prices is enough.
-  const refRarity: BlockchainRarity | undefined = rarities[0]
-
-  let priceUSD = '0'
-  let totalPrice = '0'
-  let totalPriceUSD = '0'
-  let hasInsufficientMANA = true
-
-  if (refRarity) {
-    priceUSD = refRarity.prices!.USD
-
-    totalPrice = ethers.BigNumber.from(refRarity.prices!.MANA).mul(items.length).toString()
-
-    totalPriceUSD = ethers.BigNumber.from(priceUSD).mul(items.length).toString()
+  const isThirdParty = useMemo(() => isTPCollection(collection), [collection])
+  const availableSlots = useMemo(() => thirdParty?.availableSlots ?? 0, [thirdParty?.availableSlots])
+  const amountOfItemsToPublish = useMemo(
+    () => (itemsToPublish.length - availableSlots > 0 ? itemsToPublish.length - availableSlots : 0),
+    [itemsToPublish, availableSlots]
+  )
+  const amountOfItemsAlreadyPayed = useMemo(
+    () => amountOfItemsToPublish - itemsToPublish.length,
+    [amountOfItemsToPublish, itemsToPublish.length]
+  )
+  const amountOfItemsAlreadyPublishedWithChanges = useMemo(() => itemsWithChanges.length, [itemsWithChanges])
 
-    hasInsufficientMANA = !!wallet && wallet.networks.MATIC.mana < Number(ethers.utils.formatEther(totalPrice))
-  }
+  const priceUSD = useMemo(
+    () => (thirdParty?.isProgrammatic ? price?.programmatic?.usd : price?.item.usd) ?? '0',
+    [thirdParty?.isProgrammatic, price?.item.usd, price?.programmatic?.usd]
+  )
+  const totalPriceMANA = useMemo(
+    () =>
+      thirdParty?.isProgrammatic
+        ? price?.programmatic?.mana ?? '0'
+        : ethers.BigNumber.from(price?.item.mana ?? '0')
+            .mul(itemsToPublish.length)
+            .toString(),
+    [price?.item.mana, itemsToPublish, thirdParty?.isProgrammatic]
+  )
+  const totalPriceUSD = useMemo(
+    () => (thirdParty?.isProgrammatic ? priceUSD : ethers.BigNumber.from(priceUSD).mul(itemsToPublish.length).toString()),
+    [priceUSD, itemsToPublish]
+  )
+  const hasInsufficientMANA = useMemo(
+    () => !!wallet && wallet.networks.MATIC.mana < Number(ethers.utils.formatEther(totalPriceMANA)),
+    [wallet, totalPriceMANA]
+  )
 
   const renderErrorMessage = () => {
     let content: React.ReactNode | undefined = undefined
 
-    if (!refRarity) {
-      content = <small className="error">{t('publish_collection_modal_with_oracle.rarities_error')}</small>
+    if (!price) {
+      content = <small className={styles.error}>{t('publish_collection_modal_with_oracle.rarities_error')}</small>
     } else if (hasInsufficientMANA) {
       content = (
-        <small className="not-enough-mana-notice error">
+        <small className={classNames(styles.notEnoughManaNotice, styles.error)}>
           {t('publish_collection_modal_with_oracle.not_enough_mana', {
             symbol: (
               <span>
@@ -71,12 +100,12 @@ export const PayPublicationFeeStep: React.FC<
         </small>
       )
     } else if (unsyncedCollectionError && !isLoading) {
-      content = <small className="error ">{t('publish_collection_modal_with_oracle.unsynced_collection')}</small>
+      content = <small className={styles.error}>{t('publish_collection_modal_with_oracle.unsynced_collection')}</small>
     } else if (collectionError && !isLoading) {
-      content = <small className="error">{collectionError}</small>
+      content = <small className={styles.error}>{collectionError}</small>
     }
 
-    return content ? <div className="error-container">{content}</div> : null
+    return content ? <div className={styles.errorContainer}>{content}</div> : null
   }
 
   const handleBuyWithMana = useCallback(() => {
@@ -88,73 +117,120 @@ export const PayPublicationFeeStep: React.FC<
   }, [onNextStep])
 
   return (
-    <Modal.Content className="PayPublicationFeeStep">
+    <Modal.Content>
       <Column>
-        <Row className="details">
+        <Row className={styles.details}>
+          {isLoading && (
+            <div className={styles.loadingOverlay}>
+              <Loader inline size="massive" />
+              {t('publish_wizard_collection_modal.accept_in_wallet')}
+            </div>
+          )}
           <Column grow={true}>
-            <span className="title">{t('publish_wizard_collection_modal.pay_publication_fee_step.title')}</span>
-            <span className="subtitle">
+            <span className={styles.title}>{t('publish_wizard_collection_modal.pay_publication_fee_step.title')}</span>
+            <span className={styles.subtitle}>
               {t('publish_wizard_collection_modal.pay_publication_fee_step.subtitle', {
                 collection_name: <b>{collection.name}</b>,
-                count: items.length,
+                count: amountOfItemsToPublish,
                 currency: 'USD',
                 publication_fee: toFixedMANAValue(ethers.utils.formatEther(priceUSD))
               })}
             </span>
-            <span className="learn-more">
+            <span className={styles.learnMore}>
               <a href="https://docs.decentraland.org/decentraland/publishing-wearables/" target="_blank" rel="noopener noreferrer">
                 {t('publish_wizard_collection_modal.pay_publication_fee_step.learn_more')}
               </a>
             </span>
-            <div className="price-breakdown-container">
-              <div className="element">
-                <div className="element-header">{t('publish_wizard_collection_modal.pay_publication_fee_step.quantity')}</div>
-                <div className="element-content">
-                  {t('publish_wizard_collection_modal.pay_publication_fee_step.items', { count: items.length })}
-                </div>
-              </div>
-              <div className="element">
-                <div className="element-header">{t('publish_wizard_collection_modal.pay_publication_fee_step.fee_per_item')}</div>
-                <div className="element-content">
-                  {Currency.USD} {toFixedMANAValue(ethers.utils.formatEther(priceUSD))}
-                </div>
-              </div>
-              <div className="element">
-                <div className="element-header">
-                  {t('publish_wizard_collection_modal.pay_publication_fee_step.total_in_usd', { currency: Currency.USD })}
-                </div>
-                <div className="element-content total-amount">
-                  {Currency.USD} {toFixedMANAValue(ethers.utils.formatEther(totalPriceUSD))}
-                </div>
-              </div>
-              <div className="element">
-                <div className="element-header">{t('publish_wizard_collection_modal.pay_publication_fee_step.total_in_mana')}</div>
-                <div className="element-content total-amount">
-                  <Mana showTooltip network={Network.MATIC} size="small">
-                    {toFixedMANAValue(ethers.utils.formatEther(totalPrice))}
-                  </Mana>
-                </div>
-              </div>
-            </div>
+            <Table basic="very">
+              <Table.Header>
+                <Table.Row>
+                  <Table.HeaderCell>{t('publish_wizard_collection_modal.pay_publication_fee_step.quantity')}</Table.HeaderCell>
+                  <Table.HeaderCell>{t('publish_wizard_collection_modal.pay_publication_fee_step.fee_per_item')}</Table.HeaderCell>
+                  <Table.HeaderCell>
+                    {t('publish_wizard_collection_modal.pay_publication_fee_step.total_in_usd', { currency: Currency.USD })}
+                  </Table.HeaderCell>
+                  <Table.HeaderCell>{t('publish_wizard_collection_modal.pay_publication_fee_step.total_in_mana')}</Table.HeaderCell>
+                </Table.Row>
+              </Table.Header>
+              <Table.Body>
+                {amountOfItemsToPublish ? (
+                  <Table.Row>
+                    <Table.Cell className={styles.itemCell}>
+                      {amountOfItemsToPublish > 1 ? (
+                        <MultipleItemImages referenceItem={itemsToPublish[0]} />
+                      ) : (
+                        <ItemImage item={itemsToPublish[0]} className={styles.itemImage} />
+                      )}
+                      {t('publish_wizard_collection_modal.pay_publication_fee_step.items', { count: amountOfItemsToPublish })}
+                    </Table.Cell>
+                    <Table.Cell>
+                      {Currency.USD} {toFixedMANAValue(ethers.utils.formatEther(priceUSD))}
+                    </Table.Cell>
+                    <Table.Cell>
+                      {Currency.USD} {toFixedMANAValue(ethers.utils.formatEther(totalPriceUSD))}
+                    </Table.Cell>
+                    <Table.Cell className={styles.totalAmount}>
+                      <Mana showTooltip network={Network.MATIC} size="small">
+                        {toFixedMANAValue(ethers.utils.formatEther(totalPriceMANA))}
+                      </Mana>
+                    </Table.Cell>
+                  </Table.Row>
+                ) : null}
+                {amountOfItemsAlreadyPayed ? (
+                  <Table.Row>
+                    <Table.Cell className={styles.itemCell}>
+                      {amountOfItemsAlreadyPayed > 1 ? (
+                        <MultipleItemImages referenceItem={itemsToPublish[itemsToPublish.length - 1]} />
+                      ) : (
+                        <ItemImage item={itemsToPublish[itemsToPublish.length - 1]} className={styles.itemImage} />
+                      )}
+                      {t('publish_wizard_collection_modal.pay_publication_fee_step.items', { count: amountOfItemsToPublish })}
+                    </Table.Cell>
+                    <Table.Cell colSpan="3" className={styles.notPayable}>
+                      {t('publish_wizard_collection_modal.pay_publication_fee_step.already_payed')}
+                    </Table.Cell>
+                  </Table.Row>
+                ) : null}
+                {amountOfItemsAlreadyPublishedWithChanges ? (
+                  <Table.Row>
+                    <Table.Cell className={styles.itemCell}>
+                      {amountOfItemsAlreadyPublishedWithChanges > 1 ? (
+                        <MultipleItemImages referenceItem={itemsWithChanges[0]} />
+                      ) : (
+                        <ItemImage item={itemsWithChanges[0]} className={styles.itemImage} />
+                      )}
+                      {t('publish_wizard_collection_modal.pay_publication_fee_step.items', { count: amountOfItemsToPublish })}
+                    </Table.Cell>
+                    <Table.Cell colSpan="3" className={styles.notPayable}>
+                      {t('publish_wizard_collection_modal.pay_publication_fee_step.already_published')}
+                    </Table.Cell>
+                  </Table.Row>
+                ) : null}
+              </Table.Body>
+            </Table>
           </Column>
         </Row>
         {renderErrorMessage()}
-        <Row className="actions">
+        <Row className={styles.actions}>
           <Button className="back" secondary onClick={onPrevStep} disabled={isLoading}>
             {t('global.back')}
           </Button>
-          <div className="actions-right">
+          <div className={styles.actionsRight}>
             {isPublishCollectionsWertEnabled ? (
               <>
-                <InfoTooltip
-                  className="pay-with-card-info-tooltip"
-                  position="bottom center"
-                  content={t('publish_wizard_collection_modal.pay_publication_fee_step.pay_card_info')}
-                />
-                <Button className="pay-with-card" onClick={handleBuyWithFiat} disabled={isLoading} loading={isLoading}>
-                  <Icon name="credit card outline" />
-                  <span>{t('publish_wizard_collection_modal.pay_publication_fee_step.pay_card')}</span>
-                </Button>
+                {!isThirdParty && (
+                  <>
+                    <InfoTooltip
+                      className={styles.payWithCardInfoTooltip}
+                      position="bottom center"
+                      content={t('publish_wizard_collection_modal.pay_publication_fee_step.pay_card_info')}
+                    />
+                    <Button className={styles.payWithCard} onClick={handleBuyWithFiat} disabled={isLoading} loading={isLoading}>
+                      <Icon name="credit card outline" />
+                      <span>{t('publish_wizard_collection_modal.pay_publication_fee_step.pay_card')}</span>
+                    </Button>
+                  </>
+                )}
               </>
             ) : null}
             <Button primary onClick={handleBuyWithMana} disabled={hasInsufficientMANA || isLoading} loading={isLoading}>
diff --git a/src/components/Modals/PublishWizardCollectionModal/PublishWizardCollectionModal.container.ts b/src/components/Modals/PublishWizardCollectionModal/PublishWizardCollectionModal.container.ts
deleted file mode 100644
index 8c7419973..000000000
--- a/src/components/Modals/PublishWizardCollectionModal/PublishWizardCollectionModal.container.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { connect } from 'react-redux'
-import { isLoadingType } from 'decentraland-dapps/dist/modules/loading/selectors'
-import { getData as getWallet } from 'decentraland-dapps/dist/modules/wallet/selectors'
-import { RootState } from 'modules/common/types'
-import {
-  getCollection,
-  getLoading as getCollectionLoading,
-  getUnsyncedCollectionError,
-  getError as getCollectionError
-} from 'modules/collection/selectors'
-import { getLoading as getItemLoading, getCollectionItems, getError as getItemError, getRarities } from 'modules/item/selectors'
-import { publishCollectionRequest, PUBLISH_COLLECTION_REQUEST } from 'modules/collection/actions'
-import { CREATE_COLLECTION_FORUM_POST_REQUEST } from 'modules/forum/actions'
-import { fetchRaritiesRequest, FETCH_RARITIES_REQUEST, FETCH_ITEMS_REQUEST } from 'modules/item/actions'
-import { getIsPublishCollectionsWertEnabled } from 'modules/features/selectors'
-import { OwnProps, MapStateProps, MapDispatchProps, MapDispatch } from './PublishWizardCollectionModal.types'
-import PublishWizardCollectionModal from './PublishWizardCollectionModal'
-
-const mapState = (state: RootState, ownProps: OwnProps): MapStateProps => {
-  const { collectionId } = ownProps.metadata
-  const collection = getCollection(state, collectionId)!
-  const isPublishLoading = isLoadingType(getCollectionLoading(state), PUBLISH_COLLECTION_REQUEST)
-  const isFetchingItems = isLoadingType(getItemLoading(state), FETCH_ITEMS_REQUEST)
-  const isFetchingRarities = isLoadingType(getItemLoading(state), FETCH_RARITIES_REQUEST)
-  const isCreatingForumPost = isLoadingType(getCollectionLoading(state), CREATE_COLLECTION_FORUM_POST_REQUEST)
-  const isPublishCollectionsWertEnabled = getIsPublishCollectionsWertEnabled(state)
-
-  return {
-    wallet: getWallet(state)!,
-    collection,
-    items: getCollectionItems(state, collectionId),
-    rarities: getRarities(state),
-    unsyncedCollectionError: getUnsyncedCollectionError(state),
-    itemError: getItemError(state),
-    collectionError: getCollectionError(state),
-    isLoading: isPublishLoading || isFetchingItems || isFetchingRarities || isCreatingForumPost || !!collection.lock,
-    isPublishCollectionsWertEnabled
-  }
-}
-
-const mapDispatch = (dispatch: MapDispatch): MapDispatchProps => ({
-  onPublish: (collection, items, email, subscribeToNewsletter, paymentMethod) =>
-    dispatch(publishCollectionRequest(collection, items, email, subscribeToNewsletter, paymentMethod)),
-  onFetchRarities: () => dispatch(fetchRaritiesRequest())
-})
-
-export default connect(mapState, mapDispatch)(PublishWizardCollectionModal)
diff --git a/src/components/Modals/PublishWizardCollectionModal/PublishWizardCollectionModal.container.tsx b/src/components/Modals/PublishWizardCollectionModal/PublishWizardCollectionModal.container.tsx
new file mode 100644
index 000000000..18bbd7722
--- /dev/null
+++ b/src/components/Modals/PublishWizardCollectionModal/PublishWizardCollectionModal.container.tsx
@@ -0,0 +1,148 @@
+import { shallowEqual, useDispatch, useSelector } from 'react-redux'
+import { isLoadingType } from 'decentraland-dapps/dist/modules/loading/selectors'
+import { getData as getWallet } from 'decentraland-dapps/dist/modules/wallet/selectors'
+import { RootState } from 'modules/common/types'
+import {
+  getCollection,
+  getLoading as getCollectionLoading,
+  getUnsyncedCollectionError,
+  getError as getCollectionError
+} from 'modules/collection/selectors'
+import {
+  getLoading as getItemLoading,
+  getCollectionItems,
+  getError as getItemError,
+  getRarities,
+  getUnpublishedThirdPartyItemsById,
+  getUnsyncedThirdPartyItemsById
+} from 'modules/item/selectors'
+import { publishCollectionRequest, PUBLISH_COLLECTION_REQUEST } from 'modules/collection/actions'
+import { CREATE_COLLECTION_FORUM_POST_REQUEST } from 'modules/forum/actions'
+import { fetchRaritiesRequest, FETCH_RARITIES_REQUEST, FETCH_ITEMS_REQUEST } from 'modules/item/actions'
+import { getIsPublishCollectionsWertEnabled } from 'modules/features/selectors'
+import { OwnProps } from './PublishWizardCollectionModal.types'
+import PublishWizardCollectionModal from './PublishWizardCollectionModal'
+import { useCallback, useMemo } from 'react'
+import { isTPCollection } from 'modules/collection/utils'
+import { PaymentMethod } from 'modules/collection/types'
+import { Cheque } from 'modules/thirdParty/types'
+import { publishAndPushChangesThirdPartyItemsRequest } from 'modules/thirdParty/actions'
+import { getCollectionThirdParty, isPublishingAndPushingChanges, getError as getThirdPartyError } from 'modules/thirdParty/selectors'
+import { useThirdPartyPrice } from './hooks'
+
+export default (props: OwnProps) => {
+  const dispatch = useDispatch()
+  const { thirdPartyPrice, isFetchingPrice, fetchThirdPartyPrice } = useThirdPartyPrice()
+  const collection = useSelector((state: RootState) => getCollection(state, props.metadata.collectionId), shallowEqual)!
+  const isPublishLoading = useSelector(
+    (state: RootState) => isLoadingType(getCollectionLoading(state), PUBLISH_COLLECTION_REQUEST),
+    shallowEqual
+  )
+  const isPublishOrPushingThirdPartyItemsLoading = useSelector(isPublishingAndPushingChanges, shallowEqual)
+  const isFetchingItems = useSelector((state: RootState) => isLoadingType(getItemLoading(state), FETCH_ITEMS_REQUEST), shallowEqual)
+  const isFetchingRarities = useSelector((state: RootState) => isLoadingType(getItemLoading(state), FETCH_RARITIES_REQUEST), shallowEqual)
+  const isCreatingForumPost = useSelector(
+    (state: RootState) => isLoadingType(getCollectionLoading(state), CREATE_COLLECTION_FORUM_POST_REQUEST),
+    shallowEqual
+  )
+  const isPublishCollectionsWertEnabled = useSelector(getIsPublishCollectionsWertEnabled, shallowEqual)
+  const wallet = useSelector(getWallet, shallowEqual)!
+  const unsyncedCollectionError = useSelector(getUnsyncedCollectionError, shallowEqual)
+  const allCollectionItems = useSelector((state: RootState) => getCollectionItems(state, props.metadata.collectionId), shallowEqual)
+  const rarities = useSelector(getRarities, shallowEqual)
+  const itemError = useSelector(getItemError, shallowEqual)
+  const collectionError = useSelector(getCollectionError, shallowEqual)
+  const thirdPartyPublishingError = useSelector(getThirdPartyError, shallowEqual)
+  const isThirdParty = useMemo(() => collection && isTPCollection(collection), [collection])
+  const thirdParty = useSelector(
+    (state: RootState) => (collection && isThirdParty ? getCollectionThirdParty(state, collection) : undefined),
+    shallowEqual
+  )
+
+  const itemIdsToPublish = useMemo(() => (props.metadata.itemsToPublish ?? []).map(item => item.id), [props.metadata.itemsToPublish])
+  const thirdPartyItemsToPublish = useSelector(
+    (state: RootState) => getUnpublishedThirdPartyItemsById(state, itemIdsToPublish),
+    shallowEqual
+  )
+  const thirdPartyItemsToPushChanges = useSelector(
+    (state: RootState) =>
+      getUnsyncedThirdPartyItemsById(
+        state,
+        (props.metadata.itemsToPublish ?? []).map(item => item.id)
+      ),
+    shallowEqual
+  )
+
+  const itemsToPublish = isThirdParty ? thirdPartyItemsToPublish : allCollectionItems
+  const itemsWithChanges = thirdPartyItemsToPushChanges
+
+  const price = useMemo(() => {
+    if (isThirdParty) {
+      return thirdPartyPrice
+    } else if (rarities[0]?.prices?.USD && rarities[0]?.prices?.MANA) {
+      // The UI is designed in a way that considers that all rarities have the same price, so only using the first one
+      // as reference for the prices is enough.
+      return { item: { usd: rarities[0].prices.USD, mana: rarities[0].prices.MANA } }
+    }
+  }, [thirdPartyPrice, rarities[0]?.prices?.USD, rarities[0]?.prices?.MANA])
+
+  const onFetchRarities = useCallback(() => dispatch(fetchRaritiesRequest()), [dispatch, fetchRaritiesRequest])
+
+  const onPublish = useCallback(
+    (email: string, subscribeToNewsletter: boolean, paymentMethod: PaymentMethod, cheque?: Cheque, maxSlotPrice?: string) => {
+      return isThirdParty
+        ? thirdParty &&
+            dispatch(
+              publishAndPushChangesThirdPartyItemsRequest(
+                thirdParty,
+                itemsToPublish,
+                itemsWithChanges,
+                cheque,
+                email,
+                subscribeToNewsletter,
+                maxSlotPrice
+              )
+            )
+        : dispatch(publishCollectionRequest(collection, itemsToPublish, email, subscribeToNewsletter, paymentMethod))
+    },
+    [
+      isThirdParty,
+      thirdParty,
+      collection,
+      itemsToPublish,
+      itemsWithChanges,
+      dispatch,
+      publishAndPushChangesThirdPartyItemsRequest,
+      publishCollectionRequest
+    ]
+  )
+
+  const isPublishingFinished = !!collection.forumLink && thirdPartyItemsToPublish.length === 0 && thirdPartyItemsToPushChanges.length === 0
+
+  return (
+    <PublishWizardCollectionModal
+      {...props}
+      collection={collection}
+      isLoading={
+        isPublishLoading ||
+        isFetchingItems ||
+        isFetchingRarities ||
+        isCreatingForumPost ||
+        isFetchingPrice ||
+        isPublishOrPushingThirdPartyItemsLoading ||
+        !!collection.lock
+      }
+      wallet={wallet}
+      itemsToPublish={itemsToPublish}
+      itemsWithChanges={itemsWithChanges}
+      isPublishingFinished={isPublishingFinished}
+      price={price}
+      unsyncedCollectionError={unsyncedCollectionError}
+      itemError={itemError}
+      collectionError={collectionError || thirdPartyPublishingError}
+      isPublishCollectionsWertEnabled={isPublishCollectionsWertEnabled}
+      onPublish={onPublish}
+      onFetchPrice={isThirdParty ? fetchThirdPartyPrice : onFetchRarities}
+    />
+  )
+}
diff --git a/src/components/Modals/PublishWizardCollectionModal/PublishWizardCollectionModal.tsx b/src/components/Modals/PublishWizardCollectionModal/PublishWizardCollectionModal.tsx
index ce3b2e631..0f2ca7d26 100644
--- a/src/components/Modals/PublishWizardCollectionModal/PublishWizardCollectionModal.tsx
+++ b/src/components/Modals/PublishWizardCollectionModal/PublishWizardCollectionModal.tsx
@@ -10,8 +10,12 @@ import { ContractName } from 'decentraland-transactions'
 import { AuthorizationType } from 'decentraland-dapps/dist/modules/authorization/types'
 import { NFTCategory, Network } from '@dcl/schemas'
 import { buildManaAuthorization } from 'lib/mana'
+import { extractThirdPartyId } from 'lib/urn'
 import { getPublishStatus, getError } from 'modules/collection/selectors'
 import { PaymentMethod } from 'modules/collection/types'
+import { isTPCollection } from 'modules/collection/utils'
+import { Cheque } from 'modules/thirdParty/types'
+import { getPublishItemsSignature } from 'modules/thirdParty/utils'
 import { Props, PublishWizardCollectionSteps } from './PublishWizardCollectionModal.types'
 import ConfirmCollectionNameStep from './ConfirmCollectionNameStep/ConfirmCollectionNameStep'
 import ConfirmCollectionItemsStep from './ConfirmCollectionItemsStep/ConfirmCollectionItemsStep'
@@ -21,21 +25,40 @@ import CongratulationsStep from './CongratulationsStep/CongratulationsStep'
 import './PublishWizardCollectionModal.css'
 
 export const PublishWizardCollectionModal: React.FC<Props> = props => {
-  const { collection, items, wallet, rarities, onClose, onFetchRarities, onPublish, onAuthorizedAction, onCloseAuthorization } = props
+  const {
+    collection,
+    itemsToPublish,
+    itemsWithChanges,
+    wallet,
+    isLoading,
+    price: itemPrice,
+    isPublishingFinished,
+    onClose,
+    onFetchPrice,
+    onPublish,
+    onAuthorizedAction,
+    onCloseAuthorization
+  } = props
   const [currentStep, setCurrentStep] = useState<number>(PublishWizardCollectionSteps.CONFIRM_COLLECTION_NAME)
   const [emailAddress, setEmailAddress] = useState<string>('')
+  const [cheque, setCheque] = useState<Cheque | undefined>(undefined)
+  const [isSigningCheque, setIsSigningCheque] = useState<boolean>(false)
   const [subscribeToNewsletter, setSubscribeToNewsletter] = useState<boolean>(false)
+  const isThirdParty = useMemo(() => isTPCollection(collection), [collection])
+  const allItems = useMemo(() => [...itemsToPublish, ...itemsWithChanges], [itemsToPublish, itemsWithChanges])
 
   useEffect(() => {
-    onFetchRarities()
-  }, [onFetchRarities])
+    onFetchPrice()
+  }, [onFetchPrice])
 
   useEffect(() => {
-    if (collection.forumLink) {
+    if (isPublishingFinished) {
       setCurrentStep(PublishWizardCollectionSteps.COLLECTION_PUBLISHED)
       onCloseAuthorization()
+    } else if (collection.forumLink && isThirdParty) {
+      setCurrentStep(PublishWizardCollectionSteps.CONFIRM_COLLECTION_ITEMS)
     }
-  }, [collection.forumLink, onCloseAuthorization, setCurrentStep])
+  }, [isPublishingFinished, isThirdParty, onCloseAuthorization, setCurrentStep])
 
   const handleOnNextStep = useCallback(() => {
     setCurrentStep(step => step + 1)
@@ -52,6 +75,23 @@ export const PublishWizardCollectionModal: React.FC<Props> = props => {
     [setEmailAddress]
   )
 
+  const handleOnConfirmItemsNextStep = useCallback(async () => {
+    if (!cheque && isThirdParty) {
+      setIsSigningCheque(true)
+      try {
+        const cheque = await getPublishItemsSignature(extractThirdPartyId(collection.urn), itemsToPublish.length)
+        setCheque(cheque)
+        handleOnNextStep()
+      } catch (_) {
+        setCheque(undefined)
+      } finally {
+        setIsSigningCheque(false)
+      }
+    } else {
+      handleOnNextStep()
+    }
+  }, [isThirdParty, handleOnNextStep, cheque, setCheque, setIsSigningCheque, collection.urn, itemsToPublish.length])
+
   const handleOnSubscribeToNewsletter = useCallback(
     (value: boolean) => {
       setSubscribeToNewsletter(value)
@@ -61,16 +101,25 @@ export const PublishWizardCollectionModal: React.FC<Props> = props => {
 
   const handleOnPublish = useCallback(
     (paymentMethod: PaymentMethod) => {
-      if (paymentMethod === PaymentMethod.FIAT) {
-        onPublish(collection, items, emailAddress, subscribeToNewsletter, paymentMethod)
+      if (!itemPrice?.item.mana) {
         return
       }
-
-      const authorization = buildManaAuthorization(wallet.address, wallet.networks.MATIC.chainId, ContractName.CollectionManager)
+      // Compute the required allowance in MANA required to publish the collection or items
+      // This does not take into consideration programmatic third party collections
+      const requiredAllowanceInWei = ethers.utils.parseUnits(
+        (Number(ethers.utils.formatEther(ethers.BigNumber.from(itemPrice.item.mana).mul(itemsToPublish.length))) * 1.005).toString()
+      )
+
+      if (paymentMethod === PaymentMethod.FIAT || requiredAllowanceInWei === ethers.BigNumber.from('0')) {
+        onPublish(emailAddress, subscribeToNewsletter, paymentMethod, cheque, requiredAllowanceInWei.toString())
+        return
+      }
+      const contractName = isThirdParty ? ContractName.ThirdPartyRegistry : ContractName.CollectionManager
+      const authorization = buildManaAuthorization(wallet.address, wallet.networks.MATIC.chainId, contractName)
 
       onAuthorizedAction({
         authorizedAddress: authorization.authorizedAddress,
-        authorizedContractLabel: ContractName.CollectionManager,
+        authorizedContractLabel: contractName,
         targetContract: {
           name: authorization.contractName,
           address: authorization.contractAddress,
@@ -79,12 +128,23 @@ export const PublishWizardCollectionModal: React.FC<Props> = props => {
           category: NFTCategory.ENS
         },
         targetContractName: ContractName.MANAToken,
-        requiredAllowanceInWei: ethers.BigNumber.from(rarities[0].prices!.MANA).mul(items.length).toString(),
+        requiredAllowanceInWei: requiredAllowanceInWei.toString(),
         authorizationType: AuthorizationType.ALLOWANCE,
-        onAuthorized: () => onPublish(collection, items, emailAddress, subscribeToNewsletter, paymentMethod)
+        onAuthorized: () => onPublish(emailAddress, subscribeToNewsletter, paymentMethod, cheque, requiredAllowanceInWei.toString())
       })
     },
-    [onPublish, collection, items, emailAddress, subscribeToNewsletter, wallet, rarities, onAuthorizedAction]
+    [
+      onPublish,
+      cheque,
+      collection,
+      itemsToPublish,
+      emailAddress,
+      subscribeToNewsletter,
+      wallet,
+      itemPrice,
+      isThirdParty,
+      onAuthorizedAction
+    ]
   )
 
   const renderStepView = () => {
@@ -92,7 +152,15 @@ export const PublishWizardCollectionModal: React.FC<Props> = props => {
       case PublishWizardCollectionSteps.CONFIRM_COLLECTION_NAME:
         return <ConfirmCollectionNameStep collection={collection} onNextStep={handleOnNextStep} />
       case PublishWizardCollectionSteps.CONFIRM_COLLECTION_ITEMS:
-        return <ConfirmCollectionItemsStep items={items} onNextStep={handleOnNextStep} onPrevStep={handleOnPrevStep} />
+        return (
+          <ConfirmCollectionItemsStep
+            isSigningCheque={isSigningCheque}
+            items={allItems}
+            isThirdParty={isThirdParty}
+            onNextStep={handleOnConfirmItemsNextStep}
+            onPrevStep={handleOnPrevStep}
+          />
+        )
       case PublishWizardCollectionSteps.REVIEW_CONTENT_POLICY:
         return (
           <ReviewContentPolicyStep
@@ -152,7 +220,7 @@ export const PublishWizardCollectionModal: React.FC<Props> = props => {
   }, [currentStep])
 
   return (
-    <Modal className="PublishWizardCollectionModal" size="small" onClose={onClose} closeOnDimmerClick={false}>
+    <Modal className="PublishWizardCollectionModal" size="small" onClose={isLoading ? undefined : onClose} closeOnDimmerClick={false}>
       <ModalNavigation title={stepTitle} onClose={onClose} />
       {stepIndicator}
       {renderStepView()}
diff --git a/src/components/Modals/PublishWizardCollectionModal/PublishWizardCollectionModal.types.ts b/src/components/Modals/PublishWizardCollectionModal/PublishWizardCollectionModal.types.ts
index ac28ac749..912374664 100644
--- a/src/components/Modals/PublishWizardCollectionModal/PublishWizardCollectionModal.types.ts
+++ b/src/components/Modals/PublishWizardCollectionModal/PublishWizardCollectionModal.types.ts
@@ -1,11 +1,9 @@
-import { Dispatch } from 'redux'
 import { Wallet } from 'decentraland-dapps/dist/modules/wallet/types'
 import { ModalProps } from 'decentraland-dapps/dist/providers/ModalProvider/ModalProvider.types'
 import { WithAuthorizedActionProps } from 'decentraland-dapps/dist/containers/withAuthorizedAction'
-import { publishCollectionRequest, PublishCollectionRequestAction } from 'modules/collection/actions'
-import { Collection } from 'modules/collection/types'
-import { Item, BlockchainRarity } from 'modules/item/types'
-import { fetchRaritiesRequest, FetchRaritiesRequestAction } from 'modules/item/actions'
+import { Collection, PaymentMethod } from 'modules/collection/types'
+import { Item } from 'modules/item/types'
+import { Cheque, ThirdParty } from 'modules/thirdParty/types'
 
 export enum PublishWizardCollectionSteps {
   CONFIRM_COLLECTION_NAME,
@@ -15,37 +13,42 @@ export enum PublishWizardCollectionSteps {
   COLLECTION_PUBLISHED
 }
 
-export type Props = ModalProps & {
+export type Price = {
+  item: {
+    // USD in WEI
+    usd: string
+    // MANA in WEI
+    mana: string
+  }
+  programmatic?: {
+    // USD in WEI
+    usd: string
+    // MANA in WEI
+    mana: string
+  }
+}
+
+export type Props = Omit<ModalProps, 'metadata'> & {
   metadata: PublishCollectionModalMetadata
   wallet: Wallet
+  thirdParty?: ThirdParty
   collection: Collection
-  items: Item[]
-  rarities: BlockchainRarity[]
+  itemsToPublish: Item[]
+  itemsWithChanges: Item[]
+  price?: Price
   unsyncedCollectionError: string | null
   collectionError: string | null
   itemError: string | null
   isLoading: boolean
+  isPublishingFinished: boolean
   isPublishCollectionsWertEnabled: boolean
-  onPublish: typeof publishCollectionRequest
-  onFetchRarities: typeof fetchRaritiesRequest
+  onPublish: (email: string, subscribeToNewsletter: boolean, paymentMethod: PaymentMethod, cheque?: Cheque, maxPrice?: string) => unknown
+  onFetchPrice: () => unknown
 } & WithAuthorizedActionProps
 
 export type PublishCollectionModalMetadata = {
   collectionId: string
+  itemsWithChanges?: Item[]
+  itemsToPublish?: Item[]
 }
-
-export type MapStateProps = Pick<
-  Props,
-  | 'wallet'
-  | 'collection'
-  | 'items'
-  | 'rarities'
-  | 'unsyncedCollectionError'
-  | 'collectionError'
-  | 'itemError'
-  | 'isLoading'
-  | 'isPublishCollectionsWertEnabled'
->
-export type MapDispatchProps = Pick<Props, 'onPublish' | 'onFetchRarities'>
-export type MapDispatch = Dispatch<PublishCollectionRequestAction | FetchRaritiesRequestAction>
-export type OwnProps = Pick<Props, 'metadata'>
+export type OwnProps = Pick<Props, 'metadata'> & Omit<ModalProps, 'metadata'>
diff --git a/src/components/Modals/PublishWizardCollectionModal/hooks.spec.tsx b/src/components/Modals/PublishWizardCollectionModal/hooks.spec.tsx
new file mode 100644
index 000000000..f870c6e5d
--- /dev/null
+++ b/src/components/Modals/PublishWizardCollectionModal/hooks.spec.tsx
@@ -0,0 +1,87 @@
+import { renderHook, act } from '@testing-library/react-hooks'
+import { getThirdPartyPrice } from 'modules/thirdParty/utils'
+import { ThirdPartyPrice } from 'modules/thirdParty/types'
+import { useThirdPartyPrice, UseThirdPartyPriceResult } from './hooks'
+
+jest.mock('modules/thirdParty/utils')
+
+const mockGetThirdPartyPrice = getThirdPartyPrice as jest.MockedFn<typeof getThirdPartyPrice>
+
+describe('when using the third party price hook', () => {
+  let renderedHook: ReturnType<typeof renderHook>
+  let currentResult: UseThirdPartyPriceResult
+
+  describe('and the price is not being fetched', () => {
+    beforeEach(() => {
+      renderedHook = renderHook(() => useThirdPartyPrice())
+      currentResult = renderedHook.result.current as UseThirdPartyPriceResult
+    })
+
+    it('should return the isFetchingPrice property as false', () => {
+      expect(currentResult.isFetchingPrice).toBe(false)
+    })
+  })
+
+  describe('and the price is being fetched', () => {
+    let pricePromiseResolve: (value: unknown) => void
+    let promiseOfAct: Promise<unknown>
+
+    beforeEach(() => {
+      const pricePromise = new Promise(resolve => (pricePromiseResolve = resolve))
+      mockGetThirdPartyPrice.mockReturnValueOnce(pricePromise as Promise<ThirdPartyPrice>)
+      renderedHook = renderHook(() => useThirdPartyPrice())
+      currentResult = renderedHook.result.current as UseThirdPartyPriceResult
+      promiseOfAct = act(() => currentResult.fetchThirdPartyPrice())
+      currentResult = renderedHook.result.current as UseThirdPartyPriceResult
+    })
+
+    it('should return the isFetchingPrice property as true', () => {
+      expect(currentResult.isFetchingPrice).toBe(true)
+      pricePromiseResolve(undefined)
+      return promiseOfAct
+    })
+  })
+
+  describe('and the price is fetched successfully', () => {
+    let thirdPartyPrice: ThirdPartyPrice
+
+    beforeEach(async () => {
+      thirdPartyPrice = {
+        item: {
+          mana: '1',
+          usd: '2'
+        },
+        programmatic: {
+          mana: '3',
+          usd: '4'
+        }
+      }
+
+      mockGetThirdPartyPrice.mockResolvedValueOnce(thirdPartyPrice)
+      renderedHook = renderHook(() => useThirdPartyPrice())
+      currentResult = renderedHook.result.current as UseThirdPartyPriceResult
+      await act(() => currentResult.fetchThirdPartyPrice())
+      currentResult = renderedHook.result.current as UseThirdPartyPriceResult
+    })
+
+    it('should return the third party price and set the isFetchingPrice property as false', () => {
+      expect(currentResult.isFetchingPrice).toBe(false)
+      expect(currentResult.thirdPartyPrice).toEqual(thirdPartyPrice)
+    })
+  })
+
+  describe('and the price is not fetched successfully', () => {
+    beforeEach(async () => {
+      mockGetThirdPartyPrice.mockRejectedValueOnce(new Error('Failed to fetch price'))
+      renderedHook = renderHook(() => useThirdPartyPrice())
+      currentResult = renderedHook.result.current as UseThirdPartyPriceResult
+      await act(() => currentResult.fetchThirdPartyPrice())
+      currentResult = renderedHook.result.current as UseThirdPartyPriceResult
+    })
+
+    it('should return the price as undefined and ', () => {
+      expect(currentResult.isFetchingPrice).toBe(false)
+      expect(currentResult.thirdPartyPrice).toBeUndefined()
+    })
+  })
+})
diff --git a/src/components/Modals/PublishWizardCollectionModal/hooks.ts b/src/components/Modals/PublishWizardCollectionModal/hooks.ts
new file mode 100644
index 000000000..4b77d6313
--- /dev/null
+++ b/src/components/Modals/PublishWizardCollectionModal/hooks.ts
@@ -0,0 +1,29 @@
+import { useCallback, useState } from 'react'
+import { getThirdPartyPrice } from 'modules/thirdParty/utils'
+import { ThirdPartyPrice } from 'modules/thirdParty/types'
+
+export type UseThirdPartyPriceResult = {
+  thirdPartyPrice: ThirdPartyPrice | undefined
+  isFetchingPrice: boolean
+  fetchThirdPartyPrice: () => Promise<void>
+}
+
+export const useThirdPartyPrice = (): UseThirdPartyPriceResult => {
+  const [isFetchingPrice, setIsFetchingPrice] = useState(false)
+  const [thirdPartyPrice, setThirdPartyPrice] = useState<ThirdPartyPrice>()
+
+  const fetchThirdPartyPrice = useCallback(async () => {
+    setIsFetchingPrice(true)
+    try {
+      const thirdPartyPrice = await getThirdPartyPrice()
+      setThirdPartyPrice(thirdPartyPrice)
+    } catch (e) {
+      console.log('Error', e)
+      setThirdPartyPrice(undefined)
+    } finally {
+      setIsFetchingPrice(false)
+    }
+  }, [])
+
+  return { thirdPartyPrice, isFetchingPrice, fetchThirdPartyPrice }
+}
diff --git a/src/components/ThirdPartyCollectionDetailPage/CollectionPublishButton/CollectionPublishButton.container.ts b/src/components/ThirdPartyCollectionDetailPage/CollectionPublishButton/CollectionPublishButton.container.ts
index e3dd974bc..516cd85c7 100644
--- a/src/components/ThirdPartyCollectionDetailPage/CollectionPublishButton/CollectionPublishButton.container.ts
+++ b/src/components/ThirdPartyCollectionDetailPage/CollectionPublishButton/CollectionPublishButton.container.ts
@@ -4,15 +4,18 @@ import { openModal } from 'decentraland-dapps/dist/modules/modal/actions'
 import { isLoadingType } from 'decentraland-dapps/dist/modules/loading/selectors'
 import { getItemCurations, getLoading as getLoadingItemCurations } from 'modules/curations/itemCuration/selectors'
 import { FETCH_ITEM_CURATIONS_REQUEST } from 'modules/curations/itemCuration/actions'
+import CollectionPublishButton from './CollectionPublishButton'
+import { getIsLinkedWearablesPaymentsEnabled } from 'modules/features/selectors'
+import { Item } from 'modules/item/types'
 import { getStatusForItemIds } from 'modules/item/selectors'
 import { MapStateProps, MapDispatchProps, MapDispatch, OwnProps, PublishButtonAction } from './CollectionPublishButton.types'
-import CollectionPublishButton from './CollectionPublishButton'
 
 const mapState = (state: RootState, ownProps: OwnProps): MapStateProps => {
   const { collection, items } = ownProps
   return {
     itemCurations: getItemCurations(state, collection.id),
     isLoadingItemCurations: isLoadingType(getLoadingItemCurations(state), FETCH_ITEM_CURATIONS_REQUEST),
+    isLinkedWearablesPaymentsEnabled: getIsLinkedWearablesPaymentsEnabled(state),
     itemsStatus: getStatusForItemIds(
       state,
       items.map(i => i.id)
@@ -21,6 +24,8 @@ const mapState = (state: RootState, ownProps: OwnProps): MapStateProps => {
 }
 
 const mapDispatch = (dispatch: MapDispatch): MapDispatchProps => ({
+  onNewClick: (collectionId: string, itemsWithChanges: Item[], itemsToPublish: Item[]) =>
+    dispatch(openModal('PublishWizardCollectionModal', { collectionId, itemsWithChanges, itemsToPublish })),
   onClick: (collectionId: string, itemIds: string[], action: PublishButtonAction) =>
     dispatch(openModal('PublishThirdPartyCollectionModal', { collectionId, itemIds, action }))
 })
diff --git a/src/components/ThirdPartyCollectionDetailPage/CollectionPublishButton/CollectionPublishButton.tsx b/src/components/ThirdPartyCollectionDetailPage/CollectionPublishButton/CollectionPublishButton.tsx
index 71e88b201..f7c4aaf5f 100644
--- a/src/components/ThirdPartyCollectionDetailPage/CollectionPublishButton/CollectionPublishButton.tsx
+++ b/src/components/ThirdPartyCollectionDetailPage/CollectionPublishButton/CollectionPublishButton.tsx
@@ -4,7 +4,7 @@ import { Network } from '@dcl/schemas'
 import { NetworkButton } from 'decentraland-dapps/dist/containers'
 import { t } from 'decentraland-dapps/dist/modules/translation/utils'
 import { SyncStatus } from 'modules/item/types'
-import { isAllowedToPushChanges } from 'modules/item/utils'
+import { getItemsToPublish, getItemsWithChanges, isAllowedToPushChanges } from 'modules/item/utils'
 import { CurationStatus } from 'modules/curations/types'
 import { Props, PublishButtonAction } from './CollectionPublishButton.types'
 
@@ -20,7 +20,17 @@ export const getTPButtonActionLabel = (buttonAction: PublishButtonAction) => {
 }
 
 const CollectionPublishButton = (props: Props) => {
-  const { collection, items, slots, onClick, itemsStatus, itemCurations, isLoadingItemCurations } = props
+  const {
+    collection,
+    items,
+    slots,
+    isLinkedWearablesPaymentsEnabled,
+    onClick,
+    onNewClick,
+    itemsStatus,
+    itemCurations,
+    isLoadingItemCurations
+  } = props
 
   const buttonAction = useMemo(() => {
     let action = PublishButtonAction.NONE
@@ -59,9 +69,15 @@ const CollectionPublishButton = (props: Props) => {
   }, [itemCurations, itemsStatus, items])
 
   const handleOnClick = useCallback(() => {
-    const itemIds = items.map(item => item.id)
-    onClick(collection.id, itemIds, buttonAction)
-  }, [collection, items, buttonAction, onClick])
+    const itemsToPublish = getItemsToPublish(items, itemsStatus)
+    const itemsToPushChanges = getItemsWithChanges(items, itemsStatus, itemCurations)
+    if (isLinkedWearablesPaymentsEnabled && itemsToPublish.length > 0) {
+      onNewClick(collection.id, itemsToPushChanges, itemsToPublish)
+    } else {
+      const itemIds = items.map(item => item.id)
+      onClick(collection.id, itemIds, buttonAction)
+    }
+  }, [collection, items, buttonAction, onClick, onNewClick, isLinkedWearablesPaymentsEnabled, itemsStatus, itemCurations])
 
   const itemsTryingToPublish = useMemo(
     () => items.filter(item => !itemCurations?.find(itemCuration => itemCuration.itemId === item.id)).length,
@@ -84,7 +100,7 @@ const CollectionPublishButton = (props: Props) => {
 
   const hasPendingItemCurations = itemCurations && !!itemCurations.find(ic => ic.status === CurationStatus.PENDING)
   const isTryingToPublish = [PublishButtonAction.PUBLISH, PublishButtonAction.PUBLISH_AND_PUSH_CHANGES].includes(buttonAction)
-  const hasEnoughSlots = slots >= items.length
+  const hasEnoughSlots = slots >= items.length || slots > 0 || isLinkedWearablesPaymentsEnabled
 
   return !isLoadingItemCurations && hasPendingItemCurations && (isTryingToPublish || buttonAction === PublishButtonAction.NONE) ? (
     <Popup
@@ -109,9 +125,7 @@ const CollectionPublishButton = (props: Props) => {
         <div className="popup-button">
           <NetworkButton
             loading={isLoadingItemCurations}
-            disabled={
-              (isTryingToPublish && (slots === 0 || !hasEnoughSlots)) || items.length === 0 || buttonAction === PublishButtonAction.NONE
-            }
+            disabled={(isTryingToPublish && !hasEnoughSlots) || items.length === 0 || buttonAction === PublishButtonAction.NONE}
             primary
             onClick={handleOnClick}
             network={Network.MATIC}
diff --git a/src/components/ThirdPartyCollectionDetailPage/CollectionPublishButton/CollectionPublishButton.types.ts b/src/components/ThirdPartyCollectionDetailPage/CollectionPublishButton/CollectionPublishButton.types.ts
index e3d6eb849..038031325 100644
--- a/src/components/ThirdPartyCollectionDetailPage/CollectionPublishButton/CollectionPublishButton.types.ts
+++ b/src/components/ThirdPartyCollectionDetailPage/CollectionPublishButton/CollectionPublishButton.types.ts
@@ -16,12 +16,14 @@ export type Props = {
   items: Item[]
   itemCurations: ItemCuration[]
   isLoadingItemCurations: boolean
+  isLinkedWearablesPaymentsEnabled: boolean
   itemsStatus: Record<string, SyncStatus>
   slots: number
   onClick: (collectionId: string, itemIds: string[], action: PublishButtonAction) => void
+  onNewClick: (collectionId: string, itemsWithChanges: Item[], itemsToPublish: Item[]) => void
 }
 
 export type OwnProps = Pick<Props, 'items' | 'collection'>
-export type MapStateProps = Pick<Props, 'itemCurations' | 'itemsStatus' | 'isLoadingItemCurations'>
-export type MapDispatchProps = Pick<Props, 'onClick'>
+export type MapStateProps = Pick<Props, 'itemCurations' | 'itemsStatus' | 'isLoadingItemCurations' | 'isLinkedWearablesPaymentsEnabled'>
+export type MapDispatchProps = Pick<Props, 'onClick' | 'onNewClick'>
 export type MapDispatch = Dispatch<OpenModalAction>
diff --git a/src/modules/collection/selectors.spec.ts b/src/modules/collection/selectors.spec.ts
index 4e76745c8..1be25638e 100644
--- a/src/modules/collection/selectors.spec.ts
+++ b/src/modules/collection/selectors.spec.ts
@@ -229,7 +229,9 @@ describe('when getting the authorized collections', () => {
         name: 'aName',
         description: 'aDescription',
         maxItems: '120',
-        totalItems: '100'
+        totalItems: '100',
+        published: true,
+        isProgrammatic: false
       }
     }
   })
diff --git a/src/modules/curations/itemCuration/reducer.spec.ts b/src/modules/curations/itemCuration/reducer.spec.ts
index 0a4420697..d2d5da49a 100644
--- a/src/modules/curations/itemCuration/reducer.spec.ts
+++ b/src/modules/curations/itemCuration/reducer.spec.ts
@@ -13,18 +13,15 @@ import {
   publishThirdPartyItemsFailure,
   publishThirdPartyItemsRequest,
   publishThirdPartyItemsSuccess,
-  publishAndPushChangesThirdPartyItemsRequest,
   pushChangesThirdPartyItemsFailure,
   pushChangesThirdPartyItemsRequest,
   pushChangesThirdPartyItemsSuccess,
-  publishAndPushChangesThirdPartyItemsFailure,
   publishAndPushChangesThirdPartyItemsSuccess,
   deployBatchedThirdPartyItemsSuccess
 } from 'modules/thirdParty/actions'
 import { CurationStatus } from '../types'
 import { ItemCuration } from './types'
 import { ThirdParty } from 'modules/thirdParty/types'
-import { mockedItem } from 'specs/item'
 
 const getMockItemCuration = (props: Partial<ItemCuration> = {}): ItemCuration => ({
   id: 'id',
@@ -48,7 +45,9 @@ describe('when an action of type PUBLISH_THIRD_PARTY_ITEMS_REQUEST is called', (
       managers: ['0x1', '0x2'],
       contracts: [],
       maxItems: '0',
-      totalItems: '0'
+      totalItems: '0',
+      published: true,
+      isProgrammatic: false
     }
   })
   it('should add a publishThirdPartyItemsRequest to the loading array', () => {
@@ -68,31 +67,6 @@ describe('when an action of type PUSH_CHANGES_THIRD_PARTY_ITEMS_REQUEST is calle
   })
 })
 
-describe('when an action of type PUBLISH_AND_PUSH_CHANGES_THIRD_PARTY_ITEMS_REQUEST is called', () => {
-  let thirdParty: ThirdParty
-  beforeEach(() => {
-    thirdParty = {
-      id: '1',
-      name: 'a third party',
-      root: '',
-      isApproved: true,
-      description: 'some desc',
-      managers: ['0x1', '0x2'],
-      contracts: [],
-      maxItems: '0',
-      totalItems: '0'
-    }
-  })
-  it('should add a publishAndPushChangesThirdPartyItemsRequest to the loading array', () => {
-    expect(
-      itemCurationReducer(INITIAL_STATE, publishAndPushChangesThirdPartyItemsRequest(thirdParty, [mockedItem], [mockedItem]))
-    ).toStrictEqual({
-      ...INITIAL_STATE,
-      loading: [publishAndPushChangesThirdPartyItemsRequest(thirdParty, [mockedItem], [mockedItem])]
-    })
-  })
-})
-
 describe('when an action of type PUBLISH_THIRD_PARTY_ITEMS_SUCCESS is called', () => {
   let thirdParty: ThirdParty
   let collection: Collection
@@ -109,7 +83,9 @@ describe('when an action of type PUBLISH_THIRD_PARTY_ITEMS_SUCCESS is called', (
       managers: ['0x1', '0x2'],
       contracts: [],
       maxItems: '0',
-      totalItems: '0'
+      totalItems: '0',
+      published: true,
+      isProgrammatic: false
     }
     itemCurations = [getMockItemCuration()]
   })
@@ -156,10 +132,25 @@ describe('when an action of type PUBLISH_AND_PUSH_CHANGES_THIRD_PARTY_ITEMS_SUCC
   let collection: Collection
   let itemCurationsFromPush: ItemCuration[]
   let itemCurationsFromPublish: ItemCuration[]
+  let thirdParty: ThirdParty
+
   beforeEach(() => {
     collection = { id: 'collectionId' } as Collection
     itemCurationsFromPush = [getMockItemCuration({ createdAt: 2 })] // push returns a new curation for the mockItem
     itemCurationsFromPublish = [getMockItemCuration({ createdAt: 3, itemId: 'another itemId' })] // publish returns a new curation for a different item
+    thirdParty = {
+      id: '1',
+      name: 'a third party',
+      root: '',
+      isApproved: true,
+      description: 'some desc',
+      managers: ['0x1', '0x2'],
+      contracts: [],
+      maxItems: '0',
+      totalItems: '0',
+      published: true,
+      isProgrammatic: false
+    }
   })
   it('should replace the old curation for the new ones returned by the publish & push', () => {
     const state = {
@@ -171,7 +162,7 @@ describe('when an action of type PUBLISH_AND_PUSH_CHANGES_THIRD_PARTY_ITEMS_SUCC
     expect(
       itemCurationReducer(
         state,
-        publishAndPushChangesThirdPartyItemsSuccess(collection.id, [], [...itemCurationsFromPublish, ...itemCurationsFromPush])
+        publishAndPushChangesThirdPartyItemsSuccess(thirdParty, collection.id, [], [...itemCurationsFromPublish, ...itemCurationsFromPush])
       )
     ).toStrictEqual({
       ...state,
@@ -194,7 +185,9 @@ describe('when an action of type PUBLISH_THIRD_PARTY_ITEMS_FAILURE is called', (
       managers: ['0x1', '0x2'],
       contracts: [],
       maxItems: '0',
-      totalItems: '0'
+      totalItems: '0',
+      published: true,
+      isProgrammatic: false
     }
   })
   it('should remove the corresponding request action, and set the error', () => {
@@ -210,34 +203,6 @@ describe('when an action of type PUBLISH_THIRD_PARTY_ITEMS_FAILURE is called', (
   })
 })
 
-describe('when an action of type PUBLISH_AND_PUSH_CHANGES_THIRD_PARTY_ITEMS_FAILURE is called', () => {
-  let thirdParty: ThirdParty
-  beforeEach(() => {
-    thirdParty = {
-      id: '1',
-      name: 'a third party',
-      root: '',
-      isApproved: true,
-      description: 'some desc',
-      managers: ['0x1', '0x2'],
-      contracts: [],
-      maxItems: '0',
-      totalItems: '0'
-    }
-  })
-  it('should remove the corresponding request action, and set the error', () => {
-    expect(
-      itemCurationReducer(
-        { ...INITIAL_STATE, loading: [publishAndPushChangesThirdPartyItemsRequest(thirdParty, [], [])] },
-        publishAndPushChangesThirdPartyItemsFailure('Some Error')
-      )
-    ).toStrictEqual({
-      ...INITIAL_STATE,
-      error: 'Some Error'
-    })
-  })
-})
-
 describe('when an action of type PUSH_CHANGES_THIRD_PARTY_ITEMS_FAILURE is called', () => {
   it('should remove the corresponding request action, and set the error', () => {
     expect(
diff --git a/src/modules/curations/itemCuration/reducer.ts b/src/modules/curations/itemCuration/reducer.ts
index dc147f14d..8f2800519 100644
--- a/src/modules/curations/itemCuration/reducer.ts
+++ b/src/modules/curations/itemCuration/reducer.ts
@@ -2,14 +2,10 @@ import { loadingReducer, LoadingState } from 'decentraland-dapps/dist/modules/lo
 import {
   DeployBatchedThirdPartyItemsSuccessAction,
   DEPLOY_BATCHED_THIRD_PARTY_ITEMS_SUCCESS,
-  PublishAndPushChangesThirdPartyItemsFailureAction,
-  PublishAndPushChangesThirdPartyItemsRequestAction,
   PublishAndPushChangesThirdPartyItemsSuccessAction,
   PublishThirdPartyItemsFailureAction,
   PublishThirdPartyItemsRequestAction,
   PublishThirdPartyItemsSuccessAction,
-  PUBLISH_AND_PUSH_CHANGES_THIRD_PARTY_ITEMS_FAILURE,
-  PUBLISH_AND_PUSH_CHANGES_THIRD_PARTY_ITEMS_REQUEST,
   PUBLISH_AND_PUSH_CHANGES_THIRD_PARTY_ITEMS_SUCCESS,
   PUBLISH_THIRD_PARTY_ITEMS_FAILURE,
   PUBLISH_THIRD_PARTY_ITEMS_REQUEST,
@@ -62,16 +58,13 @@ type CurationReducerAction =
   | PushChangesThirdPartyItemsRequestAction
   | PushChangesThirdPartyItemsSuccessAction
   | PushChangesThirdPartyItemsFailureAction
-  | PublishAndPushChangesThirdPartyItemsRequestAction
   | PublishAndPushChangesThirdPartyItemsSuccessAction
-  | PublishAndPushChangesThirdPartyItemsFailureAction
   | DeployBatchedThirdPartyItemsSuccessAction
 
 export function itemCurationReducer(state: ItemCurationState = INITIAL_STATE, action: CurationReducerAction): ItemCurationState {
   switch (action.type) {
     case PUBLISH_THIRD_PARTY_ITEMS_REQUEST:
     case PUSH_CHANGES_THIRD_PARTY_ITEMS_REQUEST:
-    case PUBLISH_AND_PUSH_CHANGES_THIRD_PARTY_ITEMS_REQUEST:
     case FETCH_ITEM_CURATION_REQUEST:
     case FETCH_ITEM_CURATIONS_REQUEST:
       return {
@@ -154,7 +147,6 @@ export function itemCurationReducer(state: ItemCurationState = INITIAL_STATE, ac
         error: null
       }
     }
-    case PUBLISH_AND_PUSH_CHANGES_THIRD_PARTY_ITEMS_FAILURE:
     case PUBLISH_THIRD_PARTY_ITEMS_FAILURE:
     case PUSH_CHANGES_THIRD_PARTY_ITEMS_FAILURE:
     case FETCH_ITEM_CURATIONS_FAILURE:
diff --git a/src/modules/item/reducer.spec.ts b/src/modules/item/reducer.spec.ts
index c5a2c58ac..17d10af47 100644
--- a/src/modules/item/reducer.spec.ts
+++ b/src/modules/item/reducer.spec.ts
@@ -11,6 +11,7 @@ import {
 } from 'modules/thirdParty/actions'
 import { PaginatedResource } from 'lib/api/pagination'
 import { CurationStatus } from 'modules/curations/types'
+import { ThirdParty } from 'modules/thirdParty/types'
 import { ItemCuration } from 'modules/curations/itemCuration/types'
 import { getChainIdByNetwork } from 'decentraland-dapps/dist/lib/eth'
 import {
@@ -467,7 +468,7 @@ describe.each([
         action = publishThirdPartyItemsSuccess('aThirdPartyId', 'aCollectionId', items, curations)
         break
       case publishAndPushChangesThirdPartyItemsSuccess:
-        action = publishAndPushChangesThirdPartyItemsSuccess('aThirdParty', items, curations)
+        action = publishAndPushChangesThirdPartyItemsSuccess({} as ThirdParty, 'aCollectionId', items, curations)
         break
     }
   })
diff --git a/src/modules/item/selectors.ts b/src/modules/item/selectors.ts
index cbaee2a02..605607018 100644
--- a/src/modules/item/selectors.ts
+++ b/src/modules/item/selectors.ts
@@ -219,3 +219,19 @@ export const getIdsOfItemsBeingSaved = createSelector<RootState, AnyAction[], Re
     return acc
   }, {} as Record<string, boolean>)
 )
+
+export const getUnpublishedThirdPartyItemsById = (state: RootState, itemIds: string[]): Item[] => {
+  const statusOfItems = getStatusForItemIds(state, itemIds)
+  return itemIds
+    .filter(itemId => statusOfItems[itemId] === SyncStatus.UNPUBLISHED)
+    .map(itemId => getItem(state, itemId))
+    .filter(Boolean) as Item[]
+}
+
+export const getUnsyncedThirdPartyItemsById = (state: RootState, itemIds: string[]): Item[] => {
+  const statusOfItems = getStatusForItemIds(state, itemIds)
+  return itemIds
+    .filter(itemId => statusOfItems[itemId] === SyncStatus.UNSYNCED)
+    .map(itemId => getItem(state, itemId))
+    .filter(Boolean) as Item[]
+}
diff --git a/src/modules/thirdParty/actions.ts b/src/modules/thirdParty/actions.ts
index fdd1ea5b1..3af5faf68 100644
--- a/src/modules/thirdParty/actions.ts
+++ b/src/modules/thirdParty/actions.ts
@@ -6,7 +6,7 @@ import { ThirdPartyError } from 'modules/collection/utils'
 import { Collection } from 'modules/collection/types'
 import { ItemCuration } from 'modules/curations/itemCuration/types'
 import { Item } from 'modules/item/types'
-import { Slot, ThirdParty } from './types'
+import { Cheque, Slot, ThirdParty } from './types'
 
 // Fetch Third Party Records
 
@@ -114,11 +114,31 @@ export const PUBLISH_AND_PUSH_CHANGES_THIRD_PARTY_ITEMS_REQUEST = '[Request] Pub
 export const PUBLISH_AND_PUSH_CHANGES_THIRD_PARTY_ITEMS_SUCCESS = '[Success] Publish & Push third party items changes'
 export const PUBLISH_AND_PUSH_CHANGES_THIRD_PARTY_ITEMS_FAILURE = '[Failure] Publish & Push third party items changes'
 
-export const publishAndPushChangesThirdPartyItemsRequest = (thirdParty: ThirdParty, itemsToPublish: Item[], itemsWithChanges: Item[]) =>
-  action(PUBLISH_AND_PUSH_CHANGES_THIRD_PARTY_ITEMS_REQUEST, { thirdParty, itemsToPublish, itemsWithChanges })
+export const publishAndPushChangesThirdPartyItemsRequest = (
+  thirdParty: ThirdParty,
+  itemsToPublish: Item[],
+  itemsWithChanges: Item[],
+  cheque?: Cheque,
+  email?: string,
+  subscribeToNewsletter?: boolean,
+  maxSlotPrice?: string
+) =>
+  action(PUBLISH_AND_PUSH_CHANGES_THIRD_PARTY_ITEMS_REQUEST, {
+    thirdParty,
+    itemsToPublish,
+    itemsWithChanges,
+    cheque,
+    email,
+    subscribeToNewsletter,
+    maxSlotPrice
+  })
 
-export const publishAndPushChangesThirdPartyItemsSuccess = (collectionId: Collection['id'], items: Item[], itemCurations: ItemCuration[]) =>
-  action(PUBLISH_AND_PUSH_CHANGES_THIRD_PARTY_ITEMS_SUCCESS, { collectionId, items, itemCurations })
+export const publishAndPushChangesThirdPartyItemsSuccess = (
+  thirdParty: ThirdParty,
+  collectionId: Collection['id'],
+  items: Item[],
+  itemCurations: ItemCuration[]
+) => action(PUBLISH_AND_PUSH_CHANGES_THIRD_PARTY_ITEMS_SUCCESS, { thirdParty, collectionId, items, itemCurations })
 
 export const publishAndPushChangesThirdPartyItemsFailure = (error: string) =>
   action(PUBLISH_AND_PUSH_CHANGES_THIRD_PARTY_ITEMS_FAILURE, { error })
diff --git a/src/modules/thirdParty/reducer.spec.ts b/src/modules/thirdParty/reducer.spec.ts
index 28294aeac..10c58fa48 100644
--- a/src/modules/thirdParty/reducer.spec.ts
+++ b/src/modules/thirdParty/reducer.spec.ts
@@ -1,4 +1,5 @@
 import { MerkleDistributorInfo } from '@dcl/content-hash-tree/dist/types'
+import { ChainId } from '@dcl/schemas'
 import { Collection } from 'modules/collection/types'
 import { ThirdPartyBuildEntityError, ThirdPartyDeploymentError, ThirdPartyError } from 'modules/collection/utils'
 import { mockedItem } from 'specs/item'
@@ -13,54 +14,64 @@ import {
   DEPLOY_BATCHED_THIRD_PARTY_ITEMS_FAILURE,
   disableThirdPartyRequest,
   disableThirdPartySuccess,
-  disableThirdPartyFailure
+  disableThirdPartyFailure,
+  publishAndPushChangesThirdPartyItemsRequest,
+  publishAndPushChangesThirdPartyItemsSuccess,
+  publishAndPushChangesThirdPartyItemsFailure
 } from './actions'
 import { INITIAL_STATE, thirdPartyReducer, ThirdPartyState } from './reducer'
 import { ThirdParty } from './types'
-import { ChainId } from '@dcl/schemas'
+
+let thirdParty: ThirdParty
+let state: ThirdPartyState
+
+beforeEach(() => {
+  thirdParty = {
+    id: '1',
+    root: '',
+    isApproved: true,
+    name: 'a third party',
+    description: 'some desc',
+    managers: ['0x1', '0x2'],
+    contracts: [],
+    maxItems: '0',
+    totalItems: '0',
+    published: false,
+    isProgrammatic: false
+  }
+
+  state = {
+    ...INITIAL_STATE
+  }
+})
 
 describe('when an action of type FETCH_THIRD_PARTIES_REQUEST is called', () => {
   it('should add a fetchThirdPartiesRequest to the loading array', () => {
-    expect(thirdPartyReducer(INITIAL_STATE, fetchThirdPartiesRequest())).toStrictEqual({
-      ...INITIAL_STATE,
+    expect(thirdPartyReducer(state, fetchThirdPartiesRequest())).toStrictEqual({
+      ...state,
       loading: [fetchThirdPartiesRequest()]
     })
   })
 })
 
 describe('when an action of type FETCH_THIRD_PARTIES_SUCCESS is called', () => {
-  let thirdParty: ThirdParty
   beforeEach(() => {
-    thirdParty = {
-      id: '1',
-      root: '',
-      isApproved: true,
-      name: 'a third party',
-      description: 'some desc',
-      managers: ['0x1', '0x2'],
-      contracts: [],
-      maxItems: '0',
-      totalItems: '0'
-    }
-  })
-
-  it('should add the collections to the data, remove the action from loading and set the error to null', () => {
-    const state: ThirdPartyState = {
-      data: {},
+    state = {
+      ...state,
       loading: [fetchThirdPartiesRequest()],
       error: 'Some Error',
-      itemSlotPrice: 1,
       errors: []
     }
+  })
 
+  it('should add the collections to the data, remove the action from loading and set the error to null', () => {
     expect(thirdPartyReducer(state, fetchThirdPartiesSuccess([thirdParty]))).toStrictEqual({
       data: {
         [thirdParty.id]: thirdParty
       },
       loading: [],
       error: null,
-      errors: [],
-      itemSlotPrice: 1
+      errors: []
     })
   })
 })
@@ -79,7 +90,7 @@ describe('when an action of type FETCH_THIRD_PARTIES_FAILURE is called', () => {
 describe('when reducing an DEPLOY_BATCHED_THIRD_PARTY_ITEMS_REQUEST action', () => {
   it('should add the action to the loading array', () => {
     expect(
-      thirdPartyReducer(INITIAL_STATE, deployBatchedThirdPartyItemsRequest([], {} as Collection, {} as MerkleDistributorInfo, {}))
+      thirdPartyReducer(state, deployBatchedThirdPartyItemsRequest([], {} as Collection, {} as MerkleDistributorInfo, {}))
     ).toStrictEqual({
       ...INITIAL_STATE,
       loading: [deployBatchedThirdPartyItemsRequest([], {} as Collection, {} as MerkleDistributorInfo, {})]
@@ -91,7 +102,7 @@ describe('when reducing an DEPLOY_BATCHED_THIRD_PARTY_ITEMS_SUCCESS action', ()
   it('should remove the corresponding request action from the loading state and set the error to null', () => {
     expect(
       thirdPartyReducer(
-        { ...INITIAL_STATE, error: 'someError', loading: [{ type: DEPLOY_BATCHED_THIRD_PARTY_ITEMS_SUCCESS }] },
+        { ...state, error: 'someError', loading: [{ type: DEPLOY_BATCHED_THIRD_PARTY_ITEMS_SUCCESS }] },
         deployBatchedThirdPartyItemsSuccess({} as Collection, [])
       )
     ).toStrictEqual({
@@ -110,7 +121,7 @@ describe('when reducing an DEPLOY_BATCHED_THIRD_PARTY_ITEMS_FAILURE action', ()
   it('should remove the corresponding request action from the loading state and set the error', () => {
     expect(
       thirdPartyReducer(
-        { ...INITIAL_STATE, loading: [{ type: DEPLOY_BATCHED_THIRD_PARTY_ITEMS_FAILURE }] },
+        { ...state, loading: [{ type: DEPLOY_BATCHED_THIRD_PARTY_ITEMS_FAILURE }] },
         deployBatchedThirdPartyItemsFailure(errors, 'error')
       )
     ).toStrictEqual({
@@ -123,11 +134,9 @@ describe('when reducing an DEPLOY_BATCHED_THIRD_PARTY_ITEMS_FAILURE action', ()
 })
 
 describe('when reducing a DISABLE_THIRD_PARTY_REQUEST action', () => {
-  let state: ThirdPartyState
-
   beforeEach(() => {
     state = {
-      ...INITIAL_STATE,
+      ...state,
       error: 'Some error',
       errors: [new ThirdPartyDeploymentError(mockedItem)]
     }
@@ -144,23 +153,9 @@ describe('when reducing a DISABLE_THIRD_PARTY_REQUEST action', () => {
 })
 
 describe('when reducing a DISABLE_THIRD_PARTY_SUCCESS action', () => {
-  let state: ThirdPartyState
-  let thirdParty: ThirdParty
-
   beforeEach(() => {
-    thirdParty = {
-      id: 'anId',
-      root: '',
-      isApproved: true,
-      name: 'a third party',
-      description: 'some desc',
-      managers: ['0x1', '0x2'],
-      contracts: [],
-      maxItems: '0',
-      totalItems: '0'
-    }
     state = {
-      ...INITIAL_STATE,
+      ...state,
       loading: [disableThirdPartyRequest('anId')],
       data: {
         anId: thirdParty
@@ -183,13 +178,12 @@ describe('when reducing a DISABLE_THIRD_PARTY_SUCCESS action', () => {
 })
 
 describe('when reducing a DISABLE_THIRD_PARTY_FAILURE action', () => {
-  let state: ThirdPartyState
   let error: string
 
   beforeEach(() => {
     error = 'anError'
     state = {
-      ...INITIAL_STATE,
+      ...state,
       loading: [disableThirdPartyRequest('anId')],
       data: {}
     }
@@ -203,3 +197,55 @@ describe('when reducing a DISABLE_THIRD_PARTY_FAILURE action', () => {
     })
   })
 })
+
+describe('when reducing a PUBLISH_AND_PUSH_CHANGES_THIRD_PARTY_ITEMS_REQUEST action', () => {
+  it('should add the action to the loading array and clear the errors', () => {
+    expect(
+      thirdPartyReducer(
+        { ...INITIAL_STATE, error: 'anError', errors: [new ThirdPartyDeploymentError(mockedItem)] },
+        publishAndPushChangesThirdPartyItemsRequest(thirdParty, [], [])
+      )
+    ).toEqual({
+      ...INITIAL_STATE,
+      loading: [publishAndPushChangesThirdPartyItemsRequest(thirdParty, [], [])],
+      error: null,
+      errors: []
+    })
+  })
+})
+
+describe('when reducing a PUBLISH_AND_PUSH_CHANGES_THIRD_PARTY_ITEMS_SUCCESS action', () => {
+  it('should remove the corresponding request action from the loading state, clear the errors and set the third party as published', () => {
+    expect(
+      thirdPartyReducer(
+        {
+          ...state,
+          data: { [thirdParty.id]: { ...thirdParty, published: false } },
+          loading: [publishAndPushChangesThirdPartyItemsRequest(thirdParty, [], [])],
+          error: 'anError'
+        },
+        publishAndPushChangesThirdPartyItemsSuccess(thirdParty, 'aCollectionId', [], [])
+      )
+    ).toEqual({
+      ...INITIAL_STATE,
+      data: { [thirdParty.id]: { ...thirdParty, published: true } },
+      loading: [],
+      error: null
+    })
+  })
+})
+
+describe('when reducing a PUBLISH_AND_PUSH_CHANGES_THIRD_PARTY_ITEMS_FAILURE action', () => {
+  it('should remove the corresponding request action from the loading state and set the error', () => {
+    expect(
+      thirdPartyReducer(
+        { ...state, loading: [publishAndPushChangesThirdPartyItemsRequest(thirdParty, [], [])] },
+        publishAndPushChangesThirdPartyItemsFailure('anError')
+      )
+    ).toEqual({
+      ...INITIAL_STATE,
+      loading: [],
+      error: 'anError'
+    })
+  })
+})
diff --git a/src/modules/thirdParty/reducer.ts b/src/modules/thirdParty/reducer.ts
index 889e2c040..0f1192f1f 100644
--- a/src/modules/thirdParty/reducer.ts
+++ b/src/modules/thirdParty/reducer.ts
@@ -25,13 +25,18 @@ import {
   DisableThirdPartyRequestAction,
   DISABLE_THIRD_PARTY_SUCCESS,
   DISABLE_THIRD_PARTY_REQUEST,
-  DISABLE_THIRD_PARTY_FAILURE
+  DISABLE_THIRD_PARTY_FAILURE,
+  PUBLISH_AND_PUSH_CHANGES_THIRD_PARTY_ITEMS_REQUEST,
+  PUBLISH_AND_PUSH_CHANGES_THIRD_PARTY_ITEMS_FAILURE,
+  PUBLISH_AND_PUSH_CHANGES_THIRD_PARTY_ITEMS_SUCCESS,
+  PublishAndPushChangesThirdPartyItemsFailureAction,
+  PublishAndPushChangesThirdPartyItemsSuccessAction,
+  PublishAndPushChangesThirdPartyItemsRequestAction
 } from './actions'
 import { ThirdParty } from './types'
 
 export type ThirdPartyState = {
   data: Record<string, ThirdParty>
-  itemSlotPrice: number | null
   loading: LoadingState
   error: string | null
   errors: ThirdPartyError[]
@@ -39,7 +44,6 @@ export type ThirdPartyState = {
 
 export const INITIAL_STATE: ThirdPartyState = {
   data: {},
-  itemSlotPrice: null,
   loading: [],
   error: null,
   errors: []
@@ -59,11 +63,15 @@ type ThirdPartyReducerAction =
   | DisableThirdPartySuccessAction
   | DisableThirdPartyFailureAction
   | DisableThirdPartyRequestAction
+  | PublishAndPushChangesThirdPartyItemsRequestAction
+  | PublishAndPushChangesThirdPartyItemsSuccessAction
+  | PublishAndPushChangesThirdPartyItemsFailureAction
 
 export function thirdPartyReducer(state: ThirdPartyState = INITIAL_STATE, action: ThirdPartyReducerAction): ThirdPartyState {
   switch (action.type) {
     case DEPLOY_BATCHED_THIRD_PARTY_ITEMS_REQUEST:
     case FETCH_THIRD_PARTY_AVAILABLE_SLOTS_REQUEST:
+    case PUBLISH_AND_PUSH_CHANGES_THIRD_PARTY_ITEMS_REQUEST:
     case DISABLE_THIRD_PARTY_REQUEST:
     case FETCH_THIRD_PARTIES_REQUEST: {
       return {
@@ -126,6 +134,7 @@ export function thirdPartyReducer(state: ThirdPartyState = INITIAL_STATE, action
     }
     case DISABLE_THIRD_PARTY_FAILURE:
     case FETCH_THIRD_PARTY_AVAILABLE_SLOTS_FAILURE:
+    case PUBLISH_AND_PUSH_CHANGES_THIRD_PARTY_ITEMS_FAILURE:
     case FETCH_THIRD_PARTIES_FAILURE: {
       return {
         ...state,
@@ -141,6 +150,20 @@ export function thirdPartyReducer(state: ThirdPartyState = INITIAL_STATE, action
         error: action.payload.errorMessage || null
       }
     }
+    case PUBLISH_AND_PUSH_CHANGES_THIRD_PARTY_ITEMS_SUCCESS: {
+      return {
+        ...state,
+        data: {
+          ...state.data,
+          [action.payload.thirdParty.id]: {
+            ...state.data[action.payload.thirdParty.id],
+            published: true
+          }
+        },
+        loading: loadingReducer(state.loading, action),
+        error: null
+      }
+    }
 
     default:
       return state
diff --git a/src/modules/thirdParty/sagas.spec.ts b/src/modules/thirdParty/sagas.spec.ts
index 9fa167062..be9a7be4f 100644
--- a/src/modules/thirdParty/sagas.spec.ts
+++ b/src/modules/thirdParty/sagas.spec.ts
@@ -17,7 +17,7 @@ import { closeModal, openModal } from 'decentraland-dapps/dist/modules/modal/act
 import { getChainIdByNetwork } from 'decentraland-dapps/dist/lib'
 import { sendTransaction } from 'decentraland-dapps/dist/modules/wallet/utils'
 import { loginSuccess } from 'modules/identity/actions'
-import { BuilderAPI } from 'lib/api/builder'
+import { BuilderAPI, TermsOfServiceEvent } from 'lib/api/builder'
 import { ThirdParty } from './types'
 import {
   fetchThirdPartiesRequest,
@@ -62,8 +62,12 @@ import { PublishThirdPartyCollectionModalStep, ThirdPartyAction } from 'modules/
 import { Item } from 'modules/item/types'
 import { PublishButtonAction } from 'components/ThirdPartyCollectionDetailPage/CollectionPublishButton/CollectionPublishButton.types'
 import { thirdPartySaga } from './sagas'
-import { getPublishItemsSignature } from './utils'
+import { convertThirdPartyMetadataToRawMetadata, getPublishItemsSignature } from './utils'
 import { getThirdParty } from './selectors'
+import { getIsLinkedWearablesPaymentsEnabled } from 'modules/features/selectors'
+import { subscribeToNewsletterRequest } from 'modules/newsletter/action'
+import { waitForTx } from 'modules/transaction/utils'
+import { retry } from 'redux-saga/effects'
 
 jest.mock('modules/item/export')
 jest.mock('@dcl/crypto')
@@ -74,7 +78,8 @@ const mockBuilder = {
   publishTPCollection: jest.fn(),
   pushItemCuration: jest.fn(),
   updateItemCurationStatus: jest.fn(),
-  fetchContents: jest.fn()
+  fetchContents: jest.fn(),
+  saveTOS: jest.fn()
 } as any as BuilderAPI
 
 const deployMock = jest.fn()
@@ -94,10 +99,13 @@ beforeEach(() => {
     root: '',
     isApproved: true,
     description: 'aDescription',
-    managers: [],
+    managers: ['0x1'],
     contracts: [],
     maxItems: '1',
-    totalItems: '1'
+    totalItems: '1',
+    published: false,
+    isProgrammatic: false,
+    availableSlots: 200
   }
 })
 
@@ -148,7 +156,9 @@ describe('when fetching third parties', () => {
           managers: ['0x1', '0x2'],
           maxItems: '0',
           totalItems: '0',
-          contracts: []
+          contracts: [],
+          published: false,
+          isProgrammatic: false
         },
         {
           id: '2',
@@ -159,7 +169,9 @@ describe('when fetching third parties', () => {
           totalItems: '0',
           contracts: [],
           root: '',
-          isApproved: true
+          isApproved: true,
+          published: false,
+          isProgrammatic: false
         }
       ]
     })
@@ -245,7 +257,7 @@ describe('when publishing third party items', () => {
       return expectSaga(thirdPartySaga, mockBuilder, mockCatalystClient)
         .provide([
           [select(getCollection, item.collectionId), collection],
-          [call(getPublishItemsSignature, thirdParty.id, 1), { signature, salt }],
+          [call(getPublishItemsSignature, thirdParty.id, qty), { signature, salt, qty }],
           [
             call([mockBuilder, mockBuilder.publishTPCollection], item.collectionId!, [item.id], { signature, qty, salt }),
             throwError(new Error(errorMessage))
@@ -280,7 +292,7 @@ describe('when publishing third party items', () => {
       return expectSaga(thirdPartySaga, mockBuilder, mockCatalystClient)
         .provide([
           [select(getCollection, item.collectionId), collection],
-          [call(getPublishItemsSignature, thirdParty.id, 1), { signature, salt }],
+          [call(getPublishItemsSignature, thirdParty.id, qty), { signature, salt, qty }],
           [
             call([mockBuilder, mockBuilder.publishTPCollection], item.collectionId!, [item.id], { signature, qty, salt }),
             { collection, items: [mockedItemReturnedByServer], itemCurations }
@@ -449,6 +461,10 @@ describe('when publishing & pushing changes to third party items', () => {
   let signature: string
   let salt: string
   let qty: number
+  let email: string
+  let subscribeToNewsletter: boolean
+  let linkedWearablesPaymentsEnabled: boolean
+
   beforeEach(() => {
     collection = { name: 'valid collection name', id: uuidv4(), isMappingComplete: true } as Collection
     item = {
@@ -476,24 +492,347 @@ describe('when publishing & pushing changes to third party items', () => {
     signature = 'a signature'
     salt = '0xsalt'
     qty = 1
+    email = 'anEmail@provider.com'
+    subscribeToNewsletter = true
+    linkedWearablesPaymentsEnabled = false
+  })
+
+  describe('when the collection is not found', () => {
+    it('should put the publish & push changes failure action and reset the progress', () => {
+      return expectSaga(thirdPartySaga, mockBuilder, mockCatalystClient)
+        .provide([
+          [select(getCollection, item.collectionId), undefined],
+          [select(getIsLinkedWearablesPaymentsEnabled), linkedWearablesPaymentsEnabled]
+        ])
+        .put(publishAndPushChangesThirdPartyItemsFailure('Collection not found'))
+        .put(updateThirdPartyActionProgress(0, ThirdPartyAction.PUSH_CHANGES)) // resets the progress
+        .dispatch(publishAndPushChangesThirdPartyItemsRequest(thirdParty, [item], [mockedItem]))
+        .run({ silenceTimeout: true })
+    })
+  })
+
+  describe('when it should subscribe to the newsletter', () => {
+    it('should put the subscribe to newsletter request action', () => {
+      return expectSaga(thirdPartySaga, mockBuilder, mockCatalystClient)
+        .provide([
+          [select(getCollection, item.collectionId), collection],
+          [select(getIsLinkedWearablesPaymentsEnabled), linkedWearablesPaymentsEnabled]
+        ])
+        .put(subscribeToNewsletterRequest(email, 'Builder Wearables creator'))
+        .dispatch(publishAndPushChangesThirdPartyItemsRequest(thirdParty, [item], [mockedItem], undefined, email, subscribeToNewsletter))
+        .run({ silenceTimeout: true })
+    })
+  })
+
+  describe('when the third party does not have its available slots fetched', () => {
+    beforeEach(() => {
+      thirdParty.availableSlots = undefined
+    })
+
+    it('should put the publish & push changes failure action and reset the progress', () => {
+      return expectSaga(thirdPartySaga, mockBuilder, mockCatalystClient)
+        .provide([
+          [select(getCollection, item.collectionId), collection],
+          [select(getIsLinkedWearablesPaymentsEnabled), linkedWearablesPaymentsEnabled]
+        ])
+        .put(publishAndPushChangesThirdPartyItemsFailure('Third party available slots must be defined before publishing'))
+        .put(updateThirdPartyActionProgress(0, ThirdPartyAction.PUSH_CHANGES)) // resets the progress
+        .dispatch(publishAndPushChangesThirdPartyItemsRequest(thirdParty, [item], [mockedItem]))
+        .run({ silenceTimeout: true })
+    })
+  })
+
+  describe('and the linked wearables payments is enabled', () => {
+    let maxSlotPrice: string | undefined
+
+    beforeEach(() => {
+      linkedWearablesPaymentsEnabled = true
+    })
+
+    describe('and there are items to publish', () => {
+      beforeEach(() => {
+        itemsToPublish = [itemWithChanges]
+      })
+
+      describe("and there aren't enough available slots to publish them", () => {
+        beforeEach(() => {
+          thirdParty.availableSlots = 0
+        })
+
+        describe('and the max slot price is not defined', () => {
+          beforeEach(() => {
+            maxSlotPrice = undefined
+          })
+
+          it('should put the publish & push changes failure action and reset the progress', () => {
+            return expectSaga(thirdPartySaga, mockBuilder, mockCatalystClient)
+              .provide([
+                [select(getCollection, item.collectionId), collection],
+                [select(getIsLinkedWearablesPaymentsEnabled), linkedWearablesPaymentsEnabled]
+              ])
+              .put(publishAndPushChangesThirdPartyItemsFailure('Max slot price must be defined'))
+              .put(updateThirdPartyActionProgress(0, ThirdPartyAction.PUSH_CHANGES)) // resets the progress
+              .dispatch(
+                publishAndPushChangesThirdPartyItemsRequest(
+                  thirdParty,
+                  itemsToPublish,
+                  [],
+                  undefined,
+                  email,
+                  subscribeToNewsletter,
+                  maxSlotPrice
+                )
+              )
+              .run({ silenceTimeout: true })
+          })
+        })
+
+        describe('and the max slot price is defined', () => {
+          let contractData: ContractData
+          let missingSlots: string
+
+          beforeEach(() => {
+            maxSlotPrice = '1'
+            missingSlots = (itemsToPublish.length - (thirdParty.availableSlots ?? 0)).toString()
+          })
+
+          describe('and the third party is not published', () => {
+            beforeEach(() => {
+              thirdParty.published = false
+              contractData = getContract(ContractName.ThirdPartyRegistry, ChainId.MATIC_AMOY)
+            })
+
+            describe('and the add third parties transaction fails', () => {
+              it('should put the publish & push changes failure action and reset the progress', () => {
+                return expectSaga(thirdPartySaga, mockBuilder, mockCatalystClient)
+                  .provide([
+                    [select(getCollection, item.collectionId), collection],
+                    [select(getIsLinkedWearablesPaymentsEnabled), linkedWearablesPaymentsEnabled],
+                    [call(getChainIdByNetwork, Network.MATIC), ChainId.MATIC_AMOY],
+                    [call(getContract, ContractName.ThirdPartyRegistry, ChainId.MATIC_AMOY), contractData],
+                    [matchers.call.fn(sendTransaction), Promise.reject(new Error('Failed to perform the transaction'))]
+                  ])
+                  .put(publishAndPushChangesThirdPartyItemsFailure('Failed to perform the transaction'))
+                  .put(updateThirdPartyActionProgress(0, ThirdPartyAction.PUSH_CHANGES)) // resets the progress
+                  .dispatch(
+                    publishAndPushChangesThirdPartyItemsRequest(
+                      thirdParty,
+                      itemsToPublish,
+                      [],
+                      undefined,
+                      email,
+                      subscribeToNewsletter,
+                      maxSlotPrice
+                    )
+                  )
+                  .run({ silenceTimeout: true })
+              })
+            })
+
+            describe('and the add third parties transaction succeeds', () => {
+              it('should send the transaction to create the third party, wait for it to finish and delete the virtual third party', () => {
+                return expectSaga(thirdPartySaga, mockBuilder, mockCatalystClient)
+                  .provide([
+                    [select(getCollection, item.collectionId), collection],
+                    [select(getIsLinkedWearablesPaymentsEnabled), linkedWearablesPaymentsEnabled],
+                    [call(getChainIdByNetwork, Network.MATIC), ChainId.MATIC_AMOY],
+                    [call(getContract, ContractName.ThirdPartyRegistry, ChainId.MATIC_AMOY), contractData],
+                    [matchers.call.fn(sendTransaction), '0x123'],
+                    [call(waitForTx, '0x123'), undefined],
+                    [retry(20, 5000, mockBuilder.deleteVirtualThirdParty, thirdParty.id), undefined],
+                    [
+                      retry(
+                        10,
+                        500,
+                        mockBuilder.saveTOS,
+                        TermsOfServiceEvent.PUBLISH_THIRD_PARTY_ITEMS,
+                        collection,
+                        email,
+                        itemsToPublish.map(item => item.id)
+                      ),
+                      undefined
+                    ],
+                    [call(getPublishItemsSignature, thirdParty.id, qty), { signature, salt, qty }],
+                    [
+                      call([mockBuilder, mockBuilder.publishTPCollection], item.collectionId!, [item.id], { signature, qty, salt }),
+                      { collection, items: itemsToPublish, itemCurations }
+                    ]
+                  ])
+                  .call(
+                    sendTransaction,
+                    contractData,
+                    'addThirdParties',
+                    [
+                      [
+                        thirdParty.id,
+                        convertThirdPartyMetadataToRawMetadata(thirdParty.name, thirdParty.description, thirdParty.contracts),
+                        'Disabled',
+                        thirdParty.managers,
+                        [true],
+                        missingSlots
+                      ]
+                    ],
+                    [thirdParty.isProgrammatic],
+                    [maxSlotPrice]
+                  )
+                  .dispatch(
+                    publishAndPushChangesThirdPartyItemsRequest(
+                      thirdParty,
+                      itemsToPublish,
+                      [],
+                      undefined,
+                      email,
+                      subscribeToNewsletter,
+                      maxSlotPrice
+                    )
+                  )
+                  .run({ silenceTimeout: true })
+              })
+            })
+          })
+
+          describe('and the third party is published', () => {
+            beforeEach(() => {
+              thirdParty.published = true
+            })
+
+            describe('and the buy item slots transaction succeeds', () => {
+              it('should send the transaction to buy the missing slots and wait for it to finish', () => {
+                return expectSaga(thirdPartySaga, mockBuilder, mockCatalystClient)
+                  .provide([
+                    [select(getCollection, item.collectionId), collection],
+                    [select(getIsLinkedWearablesPaymentsEnabled), linkedWearablesPaymentsEnabled],
+                    [call(getChainIdByNetwork, Network.MATIC), ChainId.MATIC_AMOY],
+                    [call(getContract, ContractName.ThirdPartyRegistry, ChainId.MATIC_AMOY), contractData],
+                    [matchers.call.fn(sendTransaction), '0x123'],
+                    [call(waitForTx, '0x123'), undefined],
+                    [
+                      retry(
+                        10,
+                        500,
+                        mockBuilder.saveTOS,
+                        TermsOfServiceEvent.PUBLISH_THIRD_PARTY_ITEMS,
+                        collection,
+                        email,
+                        itemsToPublish.map(item => item.id)
+                      ),
+                      undefined
+                    ],
+                    [call(getPublishItemsSignature, thirdParty.id, qty), { signature, salt, qty }],
+                    [
+                      call([mockBuilder, mockBuilder.publishTPCollection], item.collectionId!, [item.id], { signature, qty, salt }),
+                      { collection, items: itemsToPublish, itemCurations }
+                    ]
+                  ])
+                  .call(sendTransaction, contractData, 'buyItemSlots', thirdParty.id, missingSlots, maxSlotPrice)
+                  .dispatch(
+                    publishAndPushChangesThirdPartyItemsRequest(
+                      thirdParty,
+                      itemsToPublish,
+                      [],
+                      undefined,
+                      email,
+                      subscribeToNewsletter,
+                      maxSlotPrice
+                    )
+                  )
+                  .run({ silenceTimeout: true })
+              })
+            })
+
+            describe('and the add third parties transaction fails', () => {
+              it('should put the publish & push changes failure action and reset the progress', () => {
+                return expectSaga(thirdPartySaga, mockBuilder, mockCatalystClient)
+                  .provide([
+                    [select(getCollection, item.collectionId), collection],
+                    [select(getIsLinkedWearablesPaymentsEnabled), linkedWearablesPaymentsEnabled],
+                    [call(getChainIdByNetwork, Network.MATIC), ChainId.MATIC_AMOY],
+                    [call(getContract, ContractName.ThirdPartyRegistry, ChainId.MATIC_AMOY), contractData],
+                    [matchers.call.fn(sendTransaction), Promise.reject(new Error('Failed to perform the transaction'))]
+                  ])
+                  .put(publishAndPushChangesThirdPartyItemsFailure('Failed to perform the transaction'))
+                  .put(updateThirdPartyActionProgress(0, ThirdPartyAction.PUSH_CHANGES)) // resets the progress
+                  .dispatch(
+                    publishAndPushChangesThirdPartyItemsRequest(
+                      thirdParty,
+                      itemsToPublish,
+                      [],
+                      undefined,
+                      email,
+                      subscribeToNewsletter,
+                      maxSlotPrice
+                    )
+                  )
+                  .run({ silenceTimeout: true })
+              })
+            })
+          })
+        })
+      })
+
+      describe('and there are enough available slots to publish them', () => {
+        beforeEach(() => {
+          thirdParty.availableSlots = 1
+        })
+
+        it('should not perform any transaction', () => {
+          return expectSaga(thirdPartySaga, mockBuilder, mockCatalystClient)
+            .provide([
+              [select(getCollection, item.collectionId), collection],
+              [select(getIsLinkedWearablesPaymentsEnabled), linkedWearablesPaymentsEnabled],
+              [call(getPublishItemsSignature, thirdParty.id, qty), { signature, salt, qty }],
+              [
+                call([mockBuilder, mockBuilder.publishTPCollection], item.collectionId!, [item.id], { signature, qty, salt }),
+                { collection, items: itemsToPublish, itemCurations }
+              ],
+              [
+                retry(
+                  10,
+                  500,
+                  mockBuilder.saveTOS,
+                  TermsOfServiceEvent.PUBLISH_THIRD_PARTY_ITEMS,
+                  collection,
+                  email,
+                  itemsToPublish.map(item => item.id)
+                ),
+                undefined
+              ]
+            ])
+            .not.call.fn(sendTransaction)
+            .dispatch(
+              publishAndPushChangesThirdPartyItemsRequest(
+                thirdParty,
+                itemsToPublish,
+                [],
+                undefined,
+                email,
+                subscribeToNewsletter,
+                maxSlotPrice
+              )
+            )
+            .run({ silenceTimeout: true })
+        })
+      })
+    })
   })
 
   describe('when the publish items fails', () => {
     it('should put the publish & push changes failure action, show the error toast, close the modal and reset the progress', () => {
       return expectSaga(thirdPartySaga, mockBuilder, mockCatalystClient)
         .provide([
-          [call(getPublishItemsSignature, thirdParty.id, 1), { signature, salt }],
+          [select(getCollection, item.collectionId), collection],
+          [select(getIsLinkedWearablesPaymentsEnabled), linkedWearablesPaymentsEnabled],
+          [call(getPublishItemsSignature, thirdParty.id, qty), { signature, salt, qty }],
           [
             call([mockBuilder, mockBuilder.publishTPCollection], item.collectionId!, [item.id], { signature, qty, salt }),
             throwError(new Error(errorMessage))
-          ],
-          [select(getCollection, item.collectionId), collection]
+          ]
         ])
         .put(closeModal('PublishThirdPartyCollectionModal'))
         .put.like({ action: { type: SHOW_TOAST, payload: { toast: { type: ToastType.ERROR } } } })
         .put(publishAndPushChangesThirdPartyItemsFailure(errorMessage))
         .put(updateThirdPartyActionProgress(0, ThirdPartyAction.PUSH_CHANGES)) // resets the progress
-        .dispatch(publishAndPushChangesThirdPartyItemsRequest(thirdParty, [item], [mockedItem]))
+        .dispatch(publishAndPushChangesThirdPartyItemsRequest(thirdParty, itemsToPublish, [mockedItem]))
         .run({ silenceTimeout: true })
     })
   })
@@ -506,7 +845,7 @@ describe('when publishing & pushing changes to third party items', () => {
     it('should put the publish & push changes failure action', () => {
       return expectSaga(thirdPartySaga, mockBuilder, mockCatalystClient)
         .provide([
-          [call(getPublishItemsSignature, thirdParty.id, 1), { signature, salt }],
+          [call(getPublishItemsSignature, thirdParty.id, qty), { signature, salt, qty }],
           [select(getItemCurations, item.collectionId), itemCurations],
           [select(getCollection, item.collectionId), collection]
         ])
@@ -560,7 +899,12 @@ describe('when publishing & pushing changes to third party items', () => {
           [select(getCollection, item.collectionId), collection]
         ])
         .put(updateThirdPartyActionProgress(100, ThirdPartyAction.PUSH_CHANGES)) // resets the progress
-        .put(publishAndPushChangesThirdPartyItemsSuccess(item.collectionId!, publishResponse, [...itemCurations, updatedItemCurations[0]]))
+        .put(
+          publishAndPushChangesThirdPartyItemsSuccess(thirdParty, item.collectionId!, publishResponse, [
+            ...itemCurations,
+            updatedItemCurations[0]
+          ])
+        )
         .put(fetchThirdPartyAvailableSlotsRequest(thirdParty.id))
         .dispatch(publishAndPushChangesThirdPartyItemsRequest(thirdParty, itemsToPublish, [itemWithChanges]))
         .run({ silenceTimeout: true })
diff --git a/src/modules/thirdParty/sagas.ts b/src/modules/thirdParty/sagas.ts
index df37d1452..4714fa44d 100644
--- a/src/modules/thirdParty/sagas.ts
+++ b/src/modules/thirdParty/sagas.ts
@@ -1,6 +1,6 @@
 import PQueue from 'p-queue'
 import { channel } from 'redux-saga'
-import { takeLatest, takeEvery, call, put, select, race, take } from 'redux-saga/effects'
+import { takeLatest, takeEvery, call, put, select, race, take, retry } from 'redux-saga/effects'
 import { Contract, providers } from 'ethers'
 import { Authenticator, AuthIdentity } from '@dcl/crypto'
 import { ChainId, Network } from '@dcl/schemas'
@@ -14,7 +14,7 @@ import { ContractData, ContractName, getContract } from 'decentraland-transactio
 import { sendTransaction } from 'decentraland-dapps/dist/modules/wallet/utils'
 import { isErrorWithMessage } from 'decentraland-dapps/dist/lib/error'
 import { ToastType } from 'decentraland-ui'
-import { BuilderAPI } from 'lib/api/builder'
+import { BuilderAPI, TermsOfServiceEvent } from 'lib/api/builder'
 import { ApprovalFlowModalView } from 'components/Modals/ApprovalFlowModal/ApprovalFlowModal.types'
 import { LoginSuccessAction, LOGIN_SUCCESS } from 'modules/identity/actions'
 import { ItemCuration } from 'modules/curations/itemCuration/types'
@@ -34,6 +34,9 @@ import { waitForTx } from 'modules/transaction/utils'
 import { ThirdPartyAction, PublishThirdPartyCollectionModalStep } from 'modules/ui/thirdparty/types'
 import { getCollection } from 'modules/collection/selectors'
 import { FETCH_COLLECTION_FAILURE, FETCH_COLLECTION_SUCCESS, fetchCollectionRequest } from 'modules/collection/actions'
+import { PublishButtonAction } from 'components/ThirdPartyCollectionDetailPage/CollectionPublishButton/CollectionPublishButton.types'
+import { getIsLinkedWearablesPaymentsEnabled } from 'modules/features/selectors'
+import { subscribeToNewsletterRequest } from 'modules/newsletter/action'
 import {
   FETCH_THIRD_PARTIES_REQUEST,
   fetchThirdPartiesRequest,
@@ -77,10 +80,9 @@ import {
   disableThirdPartyFailure,
   disableThirdPartySuccess
 } from './actions'
-import { getPublishItemsSignature } from './utils'
-import { ThirdParty } from './types'
+import { convertThirdPartyMetadataToRawMetadata, getPublishItemsSignature } from './utils'
+import { Cheque, ThirdParty } from './types'
 import { getThirdParty } from './selectors'
-import { PublishButtonAction } from 'components/ThirdPartyCollectionDetailPage/CollectionPublishButton/CollectionPublishButton.types'
 
 export function* getContractInstance(
   contract: ContractName.ThirdPartyRegistry | ContractName.ChainlinkOracle,
@@ -153,9 +155,9 @@ export function* thirdPartySaga(builder: BuilderAPI, catalystClient: CatalystCli
     return collectionId
   }
 
-  function* publishChangesToThirdPartyItems(thirdParty: ThirdParty, items: Item[]) {
+  function* publishChangesToThirdPartyItems(thirdParty: ThirdParty, items: Item[], cheque?: Cheque) {
     const collectionId = getCollectionId(items)
-    const { signature, salt } = yield call(getPublishItemsSignature, thirdParty.id, items.length)
+    const { signature, salt, qty } = cheque ?? (yield call(getPublishItemsSignature, thirdParty.id, items.length))
 
     const { items: newItems, itemCurations: newItemCurations }: { items: Item[]; itemCurations: ItemCuration[] } = yield call(
       [builder, 'publishTPCollection'],
@@ -163,7 +165,7 @@ export function* thirdPartySaga(builder: BuilderAPI, catalystClient: CatalystCli
       items.map(i => i.id),
       {
         signature,
-        qty: items.length,
+        qty,
         salt
       }
     )
@@ -267,20 +269,82 @@ export function* thirdPartySaga(builder: BuilderAPI, catalystClient: CatalystCli
   }
 
   function* handlePublishAndPushChangesThirdPartyItemRequest(action: PublishAndPushChangesThirdPartyItemsRequestAction) {
-    const { thirdParty, itemsToPublish, itemsWithChanges } = action.payload
+    const { thirdParty, maxSlotPrice, itemsToPublish, itemsWithChanges, cheque, email, subscribeToNewsletter } = action.payload
     const collectionId = getCollectionId(itemsToPublish)
     const collection: ReturnType<typeof getCollection> = yield select(getCollection, collectionId)
+    const isLinkedWearablesPaymentsEnabled = (yield select(getIsLinkedWearablesPaymentsEnabled)) as ReturnType<
+      typeof getIsLinkedWearablesPaymentsEnabled
+    >
+
     // We need to execute these two methods in sequence, because the push changes will create a new curation if there was one already approved.
     // It will create them with status PENDING, so the publish will fail if it's executed after that event.
     // Publish items
     try {
-      const resultFromPublish: { newItems: Item[]; newItemCurations: ItemCuration[] } = yield call(
-        publishChangesToThirdPartyItems,
-        thirdParty,
-        itemsToPublish
-      )
+      if (!collection) {
+        throw new Error('Collection not found')
+      }
+
+      if (subscribeToNewsletter && email) {
+        yield put(subscribeToNewsletterRequest(email, 'Builder Wearables creator'))
+      }
+
+      if (thirdParty.availableSlots === undefined) {
+        throw new Error('Third party available slots must be defined before publishing')
+      }
+      const missingSlots = itemsToPublish.length - thirdParty.availableSlots
+
+      // There are items to publish and there are available slots
+      if (itemsToPublish.length > 0 && missingSlots > 0 && isLinkedWearablesPaymentsEnabled) {
+        if (!maxSlotPrice) {
+          throw new Error('Max slot price must be defined')
+        }
+
+        const maticChainId: ChainId = yield call(getChainIdByNetwork, Network.MATIC)
+        const thirdPartyContract: ContractData = yield call(getContract, ContractName.ThirdPartyRegistry, maticChainId)
+        let txHash: string = ''
+        // If the third party has not been published before create a new one with the required slots
+        if (!thirdParty.published) {
+          txHash = yield call(
+            sendTransaction as any,
+            thirdPartyContract,
+            'addThirdParties',
+            [
+              [
+                thirdParty.id,
+                convertThirdPartyMetadataToRawMetadata(thirdParty.name, thirdParty.description, thirdParty.contracts),
+                'Disabled',
+                thirdParty.managers,
+                Array.from({ length: thirdParty.managers.length }, () => true),
+                missingSlots.toString()
+              ]
+            ],
+            [thirdParty.isProgrammatic],
+            [maxSlotPrice]
+          )
+          yield call(waitForTx, txHash)
+          yield retry(20, 5000, builder.deleteVirtualThirdParty.bind(builder), thirdParty.id)
+        }
+        // If the third party has already been published, just buy the needed slots
+        else {
+          txHash = yield call(
+            sendTransaction as any,
+            thirdPartyContract,
+            'buyItemSlots',
+            thirdParty.id,
+            missingSlots.toString(),
+            maxSlotPrice
+          )
+          yield call(waitForTx, txHash)
+        }
+      }
+
+      let resultFromPublish: { newItems: Item[]; newItemCurations: ItemCuration[] } = { newItems: [], newItemCurations: [] }
+      if (itemsToPublish.length > 0) {
+        resultFromPublish = yield call(publishChangesToThirdPartyItems, thirdParty, itemsToPublish, cheque)
+      }
 
-      const resultFromPushChanges: ItemCuration[] = yield call(pushChangesToThirdPartyItems, itemsWithChanges)
+      const resultFromPushChanges: ItemCuration[] =
+        itemsWithChanges.length > 0 ? yield call(pushChangesToThirdPartyItems, itemsWithChanges) : []
       const newItemCurations = [...resultFromPublish.newItemCurations, ...resultFromPushChanges]
 
       // Update collections that are not complete
@@ -288,20 +352,35 @@ export function* thirdPartySaga(builder: BuilderAPI, catalystClient: CatalystCli
         yield put(fetchCollectionRequest(collectionId))
         yield race({ success: take(FETCH_COLLECTION_SUCCESS), failure: take(FETCH_COLLECTION_FAILURE) })
       }
-      yield put(publishAndPushChangesThirdPartyItemsSuccess(collectionId, resultFromPublish.newItems, newItemCurations))
+      yield put(publishAndPushChangesThirdPartyItemsSuccess(thirdParty, collectionId, resultFromPublish.newItems, newItemCurations))
       yield put(fetchThirdPartyAvailableSlotsRequest(thirdParty.id)) // re-fetch available slots after publishing
-      yield put(
-        openModal('PublishThirdPartyCollectionModal', {
-          collectionId,
-          itemIds: [],
-          action: PublishButtonAction.NONE,
-          step: PublishThirdPartyCollectionModalStep.SUCCESS
-        })
-      )
+      if (email) {
+        // Save the ToS with all the item hashes published or pushed
+        const allItemsHashes = itemsToPublish.map(item => item.id)
+        yield retry(10, 500, builder.saveTOS, TermsOfServiceEvent.PUBLISH_THIRD_PARTY_ITEMS, collection, email, allItemsHashes)
+      }
+
+      if (!isLinkedWearablesPaymentsEnabled) {
+        yield put(
+          openModal('PublishThirdPartyCollectionModal', {
+            collectionId,
+            itemIds: [],
+            action: PublishButtonAction.NONE,
+            step: PublishThirdPartyCollectionModalStep.SUCCESS
+          })
+        )
+      }
+
+      // If the collection was already published, don't show the modal success message, just close the modal
+      if (isLinkedWearablesPaymentsEnabled && collection.isPublished) {
+        yield put(closeModal('PublishWizardCollectionModal'))
+      }
     } catch (error) {
-      yield showActionErrorToast()
       yield put(publishAndPushChangesThirdPartyItemsFailure(isErrorWithMessage(error) ? error.message : 'Unknown error')) // TODO: show to the user that something went wrong
-      yield put(closeModal('PublishThirdPartyCollectionModal'))
+      if (!isLinkedWearablesPaymentsEnabled) {
+        yield showActionErrorToast()
+        yield put(closeModal('PublishThirdPartyCollectionModal'))
+      }
     }
   }
 
diff --git a/src/modules/thirdParty/selectors.spec.ts b/src/modules/thirdParty/selectors.spec.ts
index 490881f20..30f68abbd 100644
--- a/src/modules/thirdParty/selectors.spec.ts
+++ b/src/modules/thirdParty/selectors.spec.ts
@@ -4,7 +4,8 @@ import {
   DEPLOY_BATCHED_THIRD_PARTY_ITEMS_REQUEST,
   DISABLE_THIRD_PARTY_SUCCESS,
   disableThirdPartyRequest,
-  fetchThirdPartiesRequest
+  fetchThirdPartiesRequest,
+  publishAndPushChangesThirdPartyItemsRequest
 } from './actions'
 import {
   isThirdPartyManager,
@@ -15,7 +16,8 @@ import {
   isLoadingThirdParties,
   getThirdParty,
   isDisablingThirdParty,
-  hasPendingDisableThirdPartyTransaction
+  hasPendingDisableThirdPartyTransaction,
+  isPublishingAndPushingChanges
 } from './selectors'
 import { ThirdParty } from './types'
 
@@ -37,7 +39,9 @@ describe('Third Party selectors', () => {
       totalItems: '0',
       contracts: [],
       managers: [address, '0xa'],
-      isApproved: true
+      isApproved: true,
+      isProgrammatic: false,
+      published: false
     }
     thirdParty2 = {
       id: 'urn:decentraland:mumbai:collections-thirdparty:thirdparty2',
@@ -48,7 +52,9 @@ describe('Third Party selectors', () => {
       totalItems: '0',
       contracts: [],
       managers: [address, '0xb'],
-      isApproved: true
+      isApproved: true,
+      isProgrammatic: false,
+      published: false
     }
     thirdParty3 = {
       id: 'urn:decentraland:mumbai:collections-thirdparty:thirdparty3',
@@ -59,7 +65,9 @@ describe('Third Party selectors', () => {
       totalItems: '0',
       contracts: [],
       managers: ['0xc'],
-      isApproved: true
+      isApproved: true,
+      isProgrammatic: false,
+      published: false
     }
     baseState = {
       wallet: {
@@ -446,4 +454,40 @@ describe('Third Party selectors', () => {
       })
     })
   })
+
+  describe("when getting if it's publishing and pushing changes", () => {
+    let state: RootState
+
+    describe('and the action is being processed', () => {
+      beforeEach(() => {
+        state = {
+          ...baseState,
+          thirdParty: {
+            ...baseState.thirdParty,
+            loading: [publishAndPushChangesThirdPartyItemsRequest(thirdParty1, [], [])]
+          }
+        }
+      })
+
+      it('should return true', () => {
+        expect(isPublishingAndPushingChanges(state)).toBe(true)
+      })
+    })
+
+    describe('and the action is not being processed', () => {
+      beforeEach(() => {
+        state = {
+          ...baseState,
+          thirdParty: {
+            ...baseState.thirdParty,
+            loading: []
+          }
+        }
+      })
+
+      it('should return false', () => {
+        expect(isPublishingAndPushingChanges(state)).toBe(false)
+      })
+    })
+  })
 })
diff --git a/src/modules/thirdParty/selectors.ts b/src/modules/thirdParty/selectors.ts
index df5809788..680046f10 100644
--- a/src/modules/thirdParty/selectors.ts
+++ b/src/modules/thirdParty/selectors.ts
@@ -12,13 +12,13 @@ import {
   DISABLE_THIRD_PARTY_SUCCESS,
   FETCH_THIRD_PARTIES_REQUEST,
   DISABLE_THIRD_PARTY_REQUEST,
-  FETCH_THIRD_PARTY_AVAILABLE_SLOTS_REQUEST
+  FETCH_THIRD_PARTY_AVAILABLE_SLOTS_REQUEST,
+  PUBLISH_AND_PUSH_CHANGES_THIRD_PARTY_ITEMS_REQUEST
 } from './actions'
 import { getThirdPartyForCollection, getThirdPartyForItem, isUserManagerOfThirdParty } from './utils'
 
 export const getState = (state: RootState) => state.thirdParty
 export const getData = (state: RootState) => getState(state).data
-export const getItemSlotPrice = (state: RootState) => getState(state).itemSlotPrice
 export const getLoading = (state: RootState) => getState(state).loading
 export const getError = (state: RootState) => getState(state).error
 export const getErrors = (state: RootState) => getState(state).errors
@@ -46,6 +46,9 @@ export const hasPendingDisableThirdPartyTransaction = (state: RootState, thirdPa
   )
 }
 
+export const isPublishingAndPushingChanges = (state: RootState): boolean =>
+  isLoadingType(getLoading(state), PUBLISH_AND_PUSH_CHANGES_THIRD_PARTY_ITEMS_REQUEST)
+
 export const getThirdParty = (state: RootState, id: string): ThirdParty | null => getData(state)[id] ?? null
 
 export const isDisablingThirdParty = (state: RootState): boolean => isLoadingType(getLoading(state), DISABLE_THIRD_PARTY_REQUEST)
diff --git a/src/modules/thirdParty/types.ts b/src/modules/thirdParty/types.ts
index 2a6483a53..7b6a48488 100644
--- a/src/modules/thirdParty/types.ts
+++ b/src/modules/thirdParty/types.ts
@@ -11,6 +11,8 @@ export type ThirdParty = {
   maxItems: string
   totalItems: string
   availableSlots?: number
+  published: boolean
+  isProgrammatic: boolean
 }
 
 export type LinkedContract = {
@@ -31,3 +33,8 @@ export type Slot = {
   sigS: string
   sigV: number
 }
+
+export type ThirdPartyPrice = {
+  item: { usd: string; mana: string }
+  programmatic: { usd: string; mana: string }
+}
diff --git a/src/modules/thirdParty/utils.spec.ts b/src/modules/thirdParty/utils.spec.ts
index dae163536..03c43d6ab 100644
--- a/src/modules/thirdParty/utils.spec.ts
+++ b/src/modules/thirdParty/utils.spec.ts
@@ -1,5 +1,22 @@
-import { ContractNetwork, Mapping, Mappings, MappingType } from '@dcl/schemas'
-import { areMappingsEqual, areMappingsValid } from './utils'
+import type { Provider } from 'decentraland-connect'
+import type { ChainLinkOracle } from 'contracts/ChainLinkOracle'
+import type { ThirdPartyRegistry } from 'contracts/ThirdPartyRegistry'
+import { ethers } from 'ethers'
+import { ChainId, ContractNetwork, Mapping, Mappings, MappingType } from '@dcl/schemas'
+import { getChainIdByNetwork, getNetworkProvider } from 'decentraland-dapps/dist/lib/eth'
+import { ChainLinkOracle__factory, ThirdPartyRegistry__factory } from 'contracts/factories'
+import { areMappingsEqual, areMappingsValid, convertThirdPartyMetadataToRawMetadata, getThirdPartyPrice } from './utils'
+import { LinkedContract } from './types'
+
+jest.mock('decentraland-dapps/dist/lib/eth')
+jest.mock('contracts/factories')
+
+const mockedGetChainIdByNetwork: jest.MockedFn<typeof getChainIdByNetwork> = getChainIdByNetwork as jest.MockedFn<
+  typeof getChainIdByNetwork
+>
+const mockedGetNetworkProvider: jest.MockedFn<typeof getNetworkProvider> = getNetworkProvider as jest.MockedFn<typeof getNetworkProvider>
+const mockedChainLinkOracleConnect = jest.mocked(ChainLinkOracle__factory.connect)
+const mockedThirdPartyRegistryConnect = jest.mocked(ThirdPartyRegistry__factory.connect)
 
 describe('when checking if some mappings are valid', () => {
   let mappings: Mappings
@@ -209,3 +226,134 @@ describe('when checking if two mappings are equal', () => {
     })
   })
 })
+
+describe('when converting third party metadata to raw metadata', () => {
+  let name: string
+  let description: string
+  let contracts: LinkedContract[]
+
+  beforeEach(() => {
+    name = 'a name'
+    description = 'a description'
+  })
+
+  describe('and the metadata has contracts', () => {
+    beforeEach(() => {
+      contracts = [{ network: ContractNetwork.AMOY, address: '0x0' }]
+    })
+
+    it('should return the raw metadata with the contract', () => {
+      expect(convertThirdPartyMetadataToRawMetadata(name, description, contracts)).toEqual('tp:1:a name:a description:amoy-0x0')
+    })
+  })
+
+  describe('and the metadata does not have contracts', () => {
+    beforeEach(() => {
+      contracts = []
+    })
+
+    it('should return the raw metadata without the contract', () => {
+      expect(convertThirdPartyMetadataToRawMetadata(name, description, contracts)).toEqual('tp:1:a name:a description')
+    })
+  })
+})
+
+describe('when getting the third party price', () => {
+  let error: Error
+  let mockedGetRate: jest.MockedFn<ChainLinkOracle['getRate']>
+  let mockedItemSlotPrice: jest.MockedFn<ThirdPartyRegistry['itemSlotPrice']>
+  let mockedProgrammaticBasePurchasedSlots: jest.MockedFn<ThirdPartyRegistry['programmaticBasePurchasedSlots']>
+
+  beforeEach(() => {
+    mockedGetChainIdByNetwork.mockReturnValueOnce(ChainId.MATIC_AMOY)
+    mockedGetRate = jest.fn()
+    mockedItemSlotPrice = jest.fn()
+    mockedProgrammaticBasePurchasedSlots = jest.fn()
+    const mockedChainLinkOracleContract = {
+      getRate: mockedGetRate
+    } as unknown as ChainLinkOracle
+    mockedChainLinkOracleConnect.mockReturnValue(mockedChainLinkOracleContract)
+    const mockedThirdPartyRegistryContract = {
+      itemSlotPrice: mockedItemSlotPrice,
+      programmaticBasePurchasedSlots: mockedProgrammaticBasePurchasedSlots
+    } as unknown as ThirdPartyRegistry
+    mockedThirdPartyRegistryConnect.mockReturnValue(mockedThirdPartyRegistryContract)
+  })
+
+  describe('and getting the network provider fails', () => {
+    beforeEach(() => {
+      error = new Error('anError')
+      mockedGetNetworkProvider.mockRejectedValueOnce(error)
+    })
+
+    it('should propagate the error', async () => {
+      return expect(getThirdPartyPrice()).rejects.toThrow(error)
+    })
+  })
+
+  describe('and getting the network provider succeeds', () => {
+    beforeEach(() => {
+      mockedGetNetworkProvider.mockResolvedValueOnce({ isMetamask: false, request: jest.fn() as Provider['request'] } as Provider)
+    })
+
+    describe('and getting the rate fails', () => {
+      beforeEach(() => {
+        error = new Error('anError')
+        mockedGetRate.mockRejectedValueOnce(error)
+        mockedItemSlotPrice.mockResolvedValueOnce(ethers.BigNumber.from('1'))
+        mockedProgrammaticBasePurchasedSlots.mockResolvedValueOnce(ethers.BigNumber.from('1'))
+      })
+
+      it('should propagate the error', () => {
+        return expect(getThirdPartyPrice()).rejects.toThrow(error)
+      })
+    })
+
+    describe('and getting the item slots price fails', () => {
+      beforeEach(() => {
+        error = new Error('anError')
+        mockedGetRate.mockResolvedValueOnce(ethers.BigNumber.from('1'))
+        mockedItemSlotPrice.mockRejectedValueOnce(error)
+        mockedProgrammaticBasePurchasedSlots.mockResolvedValueOnce(ethers.BigNumber.from('1'))
+      })
+
+      it('should propagate the error', () => {
+        return expect(getThirdPartyPrice()).rejects.toThrow(error)
+      })
+    })
+
+    describe('and getting the programmatic price fails', () => {
+      beforeEach(() => {
+        error = new Error('anError')
+        mockedGetRate.mockResolvedValueOnce(ethers.BigNumber.from('1'))
+        mockedItemSlotPrice.mockResolvedValueOnce(ethers.BigNumber.from('1'))
+        mockedProgrammaticBasePurchasedSlots.mockRejectedValueOnce(error)
+      })
+
+      it('should propagate the error', () => {
+        return expect(getThirdPartyPrice()).rejects.toThrow(error)
+      })
+    })
+
+    describe('and all the calls are successful', () => {
+      beforeEach(() => {
+        mockedGetRate.mockResolvedValueOnce(ethers.BigNumber.from('500000000000000000'))
+        mockedItemSlotPrice.mockResolvedValueOnce(ethers.BigNumber.from('100000000000000000000'))
+        mockedProgrammaticBasePurchasedSlots.mockResolvedValueOnce(ethers.BigNumber.from('200000000000000000000'))
+      })
+
+      it('should return the third party price', () => {
+        return expect(getThirdPartyPrice()).resolves.toEqual({
+          item: {
+            usd: '100000000000000000000',
+            mana: '200000000000000000000'
+          },
+          programmatic: {
+            usd: '20000000000000000000000',
+            mana: '40000000000000000000000'
+          }
+        })
+      })
+    })
+  })
+})
diff --git a/src/modules/thirdParty/utils.ts b/src/modules/thirdParty/utils.ts
index 75cbc3648..249327b6f 100644
--- a/src/modules/thirdParty/utils.ts
+++ b/src/modules/thirdParty/utils.ts
@@ -1,13 +1,13 @@
 import { ChainId, Mapping, Mappings, MappingType, MultipleMapping, Network, RangeMapping, SingleMapping } from '@dcl/schemas'
-import { call } from 'redux-saga/effects'
-import { utils } from 'ethers'
-import { getChainIdByNetwork, getConnectedProvider } from 'decentraland-dapps/dist/lib/eth'
+import { ethers, utils } from 'ethers'
+import { getChainIdByNetwork, getConnectedProvider, getNetworkProvider } from 'decentraland-dapps/dist/lib/eth'
 import { Provider } from 'decentraland-dapps/dist/modules/wallet/types'
 import { ContractData, ContractName, getContract } from 'decentraland-transactions'
+import { ChainLinkOracle__factory, ThirdPartyRegistry__factory } from 'contracts/factories'
 import { extractThirdPartyId } from 'lib/urn'
 import { Collection } from 'modules/collection/types'
 import { Item } from 'modules/item/types'
-import { ThirdParty } from './types'
+import { Cheque, LinkedContract, ThirdParty, ThirdPartyPrice } from './types'
 
 export function isUserManagerOfThirdParty(address: string, thirdParty: ThirdParty): boolean {
   return thirdParty.managers.map(manager => manager.toLowerCase()).includes(address.toLowerCase())
@@ -19,13 +19,13 @@ export const getThirdPartyForCollection = (thirdParties: Record<string, ThirdPar
 export const getThirdPartyForItem = (thirdParties: Record<string, ThirdParty>, item: Item): ThirdParty | undefined =>
   item.urn ? thirdParties[extractThirdPartyId(item.urn)] : undefined
 
-export function* getPublishItemsSignature(thirdPartyId: string, qty: number) {
-  const maticChainId: ChainId = yield call(getChainIdByNetwork, Network.MATIC)
-  const provider: Provider | null = yield call(getConnectedProvider)
+export async function getPublishItemsSignature(thirdPartyId: string, qty: number): Promise<Cheque> {
+  const maticChainId: ChainId = getChainIdByNetwork(Network.MATIC)
+  const provider: Provider | null = await getConnectedProvider()
   if (!provider) {
     throw new Error('Could not get a valid connected Wallet')
   }
-  const thirdPartyContract: ContractData = yield call(getContract, ContractName.ThirdPartyRegistry, maticChainId)
+  const thirdPartyContract: ContractData = getContract(ContractName.ThirdPartyRegistry, maticChainId)
   const salt = utils.hexlify(utils.randomBytes(32))
   const domain = {
     name: thirdPartyContract.name,
@@ -55,16 +55,16 @@ export function* getPublishItemsSignature(thirdPartyId: string, qty: number) {
   // TODO: expose this as a function in decentraland-transactions
   const msgString = JSON.stringify({ domain, message: dataToSign, types: domainTypes, primaryType: 'ConsumeSlots' })
 
-  const accounts: string[] = yield call([provider, 'request'], { method: 'eth_requestAccounts', params: [], jsonrpc: '2.0' })
+  const accounts = (await provider.request({ method: 'eth_requestAccounts', params: [], jsonrpc: '2.0' })) as string[]
   const from = accounts[0]
 
-  const signature: string = yield call([provider, 'request'], {
+  const signature = (await provider.request({
     method: 'eth_signTypedData_v4',
     params: [from, msgString],
     jsonrpc: '2.0'
-  })
+  })) as string
 
-  return { signature, salt }
+  return { signature, salt, qty }
 }
 
 export const areMappingsEqual = (a: Mapping, b: Mapping): boolean => {
@@ -93,3 +93,35 @@ export const areMappingsValid = (mappings: Mappings): boolean => {
     return false
   }
 }
+
+export function convertThirdPartyMetadataToRawMetadata(name: string, description: string, contracts: LinkedContract[]): string {
+  const rawContracts = contracts.map(contract => `${contract.network}-${contract.address}`).join(';')
+  return `tp:1:${name}:${description}${rawContracts ? `:${rawContracts}` : ''}`
+}
+
+export async function getThirdPartyPrice(): Promise<ThirdPartyPrice> {
+  const maticChainId = getChainIdByNetwork(Network.MATIC)
+  const networkProvider = await getNetworkProvider(maticChainId)
+  const provider = new ethers.providers.Web3Provider(networkProvider)
+  const chainLinkContract = ChainLinkOracle__factory.connect(getContract(ContractName.ChainlinkOracle, maticChainId).address, provider)
+  const thirdPartyContract = ThirdPartyRegistry__factory.connect(
+    getContract(ContractName.ThirdPartyRegistry, maticChainId).address,
+    provider
+  )
+  const [manaToUsdPrice, itemSlotPriceInUsd, programmaticPriceInSlots] = await Promise.all([
+    chainLinkContract.getRate(),
+    thirdPartyContract.itemSlotPrice(),
+    thirdPartyContract.programmaticBasePurchasedSlots()
+  ])
+
+  return {
+    item: {
+      usd: itemSlotPriceInUsd.toString(),
+      mana: ethers.utils.parseEther(itemSlotPriceInUsd.div(manaToUsdPrice).toString()).toString()
+    },
+    programmatic: {
+      usd: programmaticPriceInSlots.mul(itemSlotPriceInUsd).div(ethers.constants.WeiPerEther).toString(),
+      mana: programmaticPriceInSlots.mul(itemSlotPriceInUsd).div(manaToUsdPrice).toString()
+    }
+  }
+}
diff --git a/src/modules/translation/languages/en.json b/src/modules/translation/languages/en.json
index d13e1cff6..82a08a896 100644
--- a/src/modules/translation/languages/en.json
+++ b/src/modules/translation/languages/en.json
@@ -1827,6 +1827,7 @@
     "title_review_content_policy": "Review Content Policy",
     "title_pay_publication_fee": "Pay the Publication Fee",
     "title_congratulations": "Congratulations!",
+    "accept_in_wallet": "Accept with your wallet",
     "publish_failed": "Failed to publish",
     "confirm_collection_name_step": {
       "title": "Confirm collection name",
@@ -1840,8 +1841,14 @@
     },
     "confirm_collection_items_step": {
       "title": "Confirm items",
-      "subtitle": "Items cannot be added or deleted from a collection once it is published.{br}The rarity of items cannot be changed after publication either.",
-      "description": "Item name, description and categories can be modified.",
+      "third_party": {
+        "subtitle": "Items cannot be deleted from a collection once it is published.",
+        "description": "Item name, description, categories and mapping can be modified."
+      },
+      "standard": {
+        "subtitle": "Items cannot be added or deleted from a collection once it is published.{br}The rarity of items cannot be changed after publication either.",
+        "description": "Item name, description and categories can be modified."
+      },
       "confirm_items": "Confirm Items"
     },
     "review_content_policy_step": {
@@ -1867,8 +1874,10 @@
     },
     "pay_publication_fee_step": {
       "title": "Confirm items",
-      "subtitle": "You are about to send for review the collection \"{collection_name}\" that includes {count} items. In order to support the Curators Committee and the DAO treasure, there is a publication fee of {currency} {publication_fee} per item (paid in MANA).",
+      "subtitle": "You are about to send for review the collection \"{collection_name}\" that includes {count} {count, plural, one {item} other {items}}. In order to support the Curators Committee and the DAO treasure, there is a publication fee of {currency} {publication_fee} per item (paid in MANA).",
       "learn_more": "Learn about the publication fee",
+      "already_payed": "Already payed but not published",
+      "already_published": "Already published",
       "quantity": "Quantity",
       "items": "{count} {count, plural, one {item} other {items}}",
       "fee_per_item": "Fee per item",
diff --git a/src/modules/translation/languages/es.json b/src/modules/translation/languages/es.json
index fac08b0e5..915eb253e 100644
--- a/src/modules/translation/languages/es.json
+++ b/src/modules/translation/languages/es.json
@@ -1836,6 +1836,7 @@
     "title_review_content_policy": "Revisar la política de contenido",
     "title_pay_publication_fee": "Pagar la tarifa de publicación",
     "title_congratulations": "Felicidades!",
+    "accept_in_wallet": "Acepte en su billetera",
     "publish_failed": "Error al publicar",
     "confirm_collection_name_step": {
       "title": "Confirma el nombre de la colección",
@@ -1849,8 +1850,14 @@
     },
     "confirm_collection_items_step": {
       "title": "Confirmar ítems",
-      "subtitle": "Los ítems no pueden ser añadidos o eliminados de una colección una vez que está publicada.{br}La rareza de los ítems tampoco puede ser cambiada después de la publicación.",
-      "description": "El nombre, descripción y categorías de los ítems pueden ser modificados.",
+      "third_party": {
+        "subtitle": "Los items no pueden ser eliminados de una colección una vez que son publicados.",
+        "description": "El nombre del item, descripción, categoría o mapeo puede ser modificado."
+      },
+      "standard": {
+        "subtitle": "Los ítems no pueden ser añadidos o eliminados de una colección una vez que está publicada.{br}La rareza de los ítems tampoco puede ser cambiada después de la publicación.",
+        "description": "El nombre, descripción y categorías de los ítems pueden ser modificados."
+      },
       "confirm_items": "Confirmar Artículos"
     },
     "review_content_policy_step": {
@@ -1876,11 +1883,13 @@
     },
     "pay_publication_fee_step": {
       "title": "Confirmar ítems",
-      "subtitle": "Estás a punto de enviar para revisión la colección \"{collection_name}\" que incluye {count} ítems. Para apoyar al Comité de Curadores y al tesoro de la DAO, hay una tarifa de publicación de {currency} {publication_fee} por ítem (pagada en MANA).",
+      "subtitle": "Estás a punto de enviar para revisión la colección \"{collection_name}\" que incluye {count, plural, one {item} other {items}}. Para apoyar al Comité de Curadores y al tesoro de la DAO, hay una tarifa de publicación de {currency} {publication_fee} por ítem (pagada en MANA).",
       "learn_more": "Aprender sobre la tarifa de publicación",
+      "already_payed": "Ya pagados, pero no publicados",
+      "already_published": "Ya publicados",
       "quantity": "Cantidad",
-      "items": "{count} {count, plural, one {artículo} other {artículos}}",
-      "fee_per_item": "Tarifa por artículo",
+      "items": "{count} {count, plural, one {item} other {items}}",
+      "fee_per_item": "Tarifa por item",
       "total_in_usd": "Total en {currency}",
       "total_in_mana": "Total en MANA",
       "pay_card": "pagar con tarjeta",
diff --git a/src/modules/translation/languages/zh.json b/src/modules/translation/languages/zh.json
index 96e4aa295..3101b1372 100644
--- a/src/modules/translation/languages/zh.json
+++ b/src/modules/translation/languages/zh.json
@@ -1817,6 +1817,7 @@
     "title_review_content_policy": "审查内容政策",
     "title_pay_publication_fee": "支付出版费",
     "title_congratulations": "恭喜！",
+    "accept_in_wallet": "用你的钱包接受",
     "publish_failed": "發布失敗",
     "confirm_collection_name_step": {
       "title": "确认收藏名称",
@@ -1830,8 +1831,14 @@
     },
     "confirm_collection_items_step": {
       "title": "确认项目",
-      "subtitle": "一旦发布，便不能从集合中添加或删除项目。{br}发布后也不能更改项目的稀有度。",
-      "description": "可以修改项目名称、描述和类别。",
+      "third_party": {
+        "subtitle": "项目一旦发布就无法从集合中删除。",
+        "description": "项目名称、描述、类别和映射都可以修改。"
+      },
+      "standard": {
+        "subtitle": "一旦发布，收藏品就无法添加或删除。{br}发布后，物品的稀有性也无法改变。",
+        "description": "项目名称、描述和类别可以修改。"
+      },
       "confirm_items": "确认项目"
     },
     "review_content_policy_step": {
@@ -1859,6 +1866,8 @@
       "title": "确认项目",
       "subtitle": "您即将发送审查的集合 \"{collection_name}\" 包括 {count} 个项目。为了支持策展人委员会和DAO宝藏，每个项目的出版费用为 {currency} {publication_fee}（用MANA支付）。",
       "learn_more": "了解出版费",
+      "already_payed": "已付款但未发布",
+      "already_published": "已发布",
       "quantity": "数量",
       "items": "{count} {count, plural, one {物品} other {项目}}",
       "fee_per_item": "每件费用",