[TAS-2059] ✨ Add ISCN publisher support

src/components/NFTBook/ItemCard.vue

@@ -149,9 +149,20 @@
               class="flex flex-col justify-center min-w-0"
             >
               <NFTBookSpecTableLabel :text="$t('identity_type_author')" />
-              <span :class="['font-[600]', displayNameStyle]">{{
-                iscnWorkAuthor
-              }}</span>
+              <NFTBookSpecTableLabel
+                :text="iscnWorkAuthor"
+                :is-campaign="preset === 'campaign'"
+              />
+            </li>
+            <li
+              v-if="iscnWorkPublisher"
+              class="flex flex-col justify-center min-w-0"
+            >
+              <NFTBookSpecTableLabel :text="$t('identity_type_publisher')" />
+              <NFTBookSpecTableLabel
+                :text="iscnWorkPublisher"
+                :is-campaign="preset === 'campaign'"
+              />
             </li>
             <client-only>
               <li>
@@ -180,7 +191,9 @@
                       :text="
                         $t(
                           iscnWorkAuthor
-                            ? 'identity_type_publisher'
+                            ? iscnWorkPublisher
+                              ? 'identity_type_distributor'
+                              : 'identity_type_publisher'
                             : 'identity_type_creator'
                         )
                       "

src/mixins/nft.js

@@ -181,6 +181,9 @@ export default {
     iscnWorkAuthor() {
       return this.iscnData?.contentMetadata?.author?.trim();
     },
+    iscnWorkPublisher() {
+      return this.iscnData?.contentMetadata?.publisher?.trim();
+    },
     iscnURL() {
       return `${APP_LIKE_CO_VIEW}/${encodeURIComponent(this.iscnId)}`;
     },

src/pages/nft/claim/index.vue

@@ -95,12 +95,26 @@
                   {{ iscnWorkAuthor }}
                 </p>
               </div>
-              <div v-if="creatorDisplayName" class="flex flex-col w-full">
+              <div v-if="iscnWorkPublisher" class="flex flex-col w-full">
                 <Label
                   preset="h6"
                   :text="$t('identity_type_publisher')"
                   class=" text-medium-gray font-[500]"
                 />
+                <p class="text-[16px] font-[500] w-full break-words">
+                  {{ iscnWorkPublisher }}
+                </p>
+              </div>
+              <div v-if="creatorDisplayName" class="flex flex-col w-full">
+                <Label
+                  preset="h6"
+                  :text="
+                    iscnWorkPublisher
+                      ? $t('identity_type_distributor')
+                      : $t('identity_type_publisher')
+                  "
+                  class=" text-medium-gray font-[500]"
+                />
                 <p class="text-[16px] font-[500] w-full break-words">
                   {{ creatorDisplayName }}
                 </p>

src/pages/nft/class/_classId/_nftId.vue

@@ -484,7 +484,8 @@ export default {
           '@context': 'http://www.schema.org',
           '@type': this.nftIsNFTBook ? 'Book' : 'CreativeWork',
           name: title,
-          author: this.iscnWorkAuthor,
+          author: this.iscnWorkAuthor || this.iscnOwner,
+          publisher: this.iscnWorkPublisher || this.iscnOwner,
           image: [this.NFTImageUrl],
           description: this.NFTDescription,
           brand,

src/pages/nft/class/_classId/index.vue

@@ -584,7 +584,7 @@ export default {
         '@context': 'http://www.schema.org',
         '@type': ['CreativeWork', 'Product'],
         name: title,
-        author: this.iscnWorkAuthor,
+        author: this.iscnWorkAuthor || this.iscnOwnerPerson,
         image: [ogImage],
         description,
         brand: {
@@ -635,8 +635,9 @@ export default {
           url: 'https://liker.land/about/nft-book',
           name: 'NFT Book',
         },
-        author: iscnOwnerPerson,
+        author: this.iscnWorkAuthor || iscnOwnerPerson,
         sku: this.classId,
+        publisher: this.iscnWorkPublisher || iscnOwnerPerson,
         isbn: this.iscnData?.contentMetadata?.isbn,
         inLanguage: this.iscnData?.contentMetadata?.inLanguage,
         productGroupID: this.classId,

src/pages/nft/gift/index.vue

@@ -17,10 +17,24 @@
                 />
                 <Label preset="h5" :text="iscnWorkAuthor" />
               </div>
-              <div class="flex flex-col">
+              <div v-if="iscnWorkPublisher" class="flex flex-col w-full">
                 <Label
                   preset="h6"
                   :text="$t('identity_type_publisher')"
+                  class=" text-medium-gray font-[500]"
+                />
+                <p class="text-[16px] font-[500] w-full break-words">
+                  {{ iscnWorkPublisher }}
+                </p>
+              </div>
+              <div class="flex flex-col">
+                <Label
+                  preset="h6"
+                  :text="
+                    iscnWorkPublisher
+                      ? $t('identity_type_distributor')
+                      : $t('identity_type_publisher')
+                  "
                   class=" text-medium-gray"
                 />
                 <Label preset="h5" :text="creatorDisplayName" />