From 8942b4d52124ed887d38af2495b1bb650fe2844f Mon Sep 17 00:00:00 2001
From: William Chong <me@williamchong.cloud>
Date: Fri, 1 Nov 2024 03:05:00 +0800
Subject: [PATCH 1/3] =?UTF-8?q?=E2=9C=A8=20Add=20iscn=20publisher=20suppor?=
 =?UTF-8?q?t?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/NFTBook/ItemCard.vue     | 13 ++++++++++++-
 src/mixins/nft.js                       |  3 +++
 src/pages/nft/claim/index.vue           | 12 +++++++++++-
 src/pages/nft/class/_classId/_nftId.vue |  3 ++-
 src/pages/nft/class/_classId/index.vue  |  5 +++--
 src/pages/nft/gift/index.vue            | 16 +++++++++++++++-
 6 files changed, 46 insertions(+), 6 deletions(-)

diff --git a/src/components/NFTBook/ItemCard.vue b/src/components/NFTBook/ItemCard.vue
index 9c1d76e7c..fa7be96a4 100644
--- a/src/components/NFTBook/ItemCard.vue
+++ b/src/components/NFTBook/ItemCard.vue
@@ -153,6 +153,15 @@
                 iscnWorkAuthor
               }}</span>
             </li>
+            <li
+              v-if="iscnWorkPublisher"
+              class="flex flex-col justify-center min-w-0"
+            >
+              <NFTBookSpecTableLabel :text="$t('identity_type_publisher')" />
+              <span :class="['font-[600]', displayNameStyle]">{{
+                iscnWorkPublisher
+              }}</span>
+            </li>
             <client-only>
               <li>
                 <NuxtLink
@@ -180,7 +189,9 @@
                       :text="
                         $t(
                           iscnWorkAuthor
-                            ? 'identity_type_publisher'
+                            ? iscnWorkPublisher
+                              ? 'identity_type_distributor'
+                              : 'identity_type_publisher'
                             : 'identity_type_creator'
                         )
                       "
diff --git a/src/mixins/nft.js b/src/mixins/nft.js
index d31d3cf58..ed7eafd5e 100644
--- a/src/mixins/nft.js
+++ b/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)}`;
     },
diff --git a/src/pages/nft/claim/index.vue b/src/pages/nft/claim/index.vue
index d454f5d8c..e3a9408be 100644
--- a/src/pages/nft/claim/index.vue
+++ b/src/pages/nft/claim/index.vue
@@ -95,12 +95,22 @@
                   {{ 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>
diff --git a/src/pages/nft/class/_classId/_nftId.vue b/src/pages/nft/class/_classId/_nftId.vue
index 12327b860..37494f836 100644
--- a/src/pages/nft/class/_classId/_nftId.vue
+++ b/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,
diff --git a/src/pages/nft/class/_classId/index.vue b/src/pages/nft/class/_classId/index.vue
index 040cf5d29..ac84a02aa 100644
--- a/src/pages/nft/class/_classId/index.vue
+++ b/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,
diff --git a/src/pages/nft/gift/index.vue b/src/pages/nft/gift/index.vue
index f2925e9df..57e3ed0dc 100644
--- a/src/pages/nft/gift/index.vue
+++ b/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" />

From bba027a057f2ee7a4bacd489b682df3b6730846b Mon Sep 17 00:00:00 2001
From: William Chong <me@williamchong.cloud>
Date: Fri, 1 Nov 2024 14:27:32 +0800
Subject: [PATCH 2/3] =?UTF-8?q?=F0=9F=9A=A8=20Fix=20lint=20error?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/nft/claim/index.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/pages/nft/claim/index.vue b/src/pages/nft/claim/index.vue
index e3a9408be..d5586c23f 100644
--- a/src/pages/nft/claim/index.vue
+++ b/src/pages/nft/claim/index.vue
@@ -108,7 +108,11 @@
               <div v-if="creatorDisplayName" class="flex flex-col w-full">
                 <Label
                   preset="h6"
-                  :text="iscnWorkPublisher ? $t('identity_type_distributor') : $t('identity_type_publisher')"
+                  :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">

From 6e2956316d719b77a7883b77f228015e5fe0515d Mon Sep 17 00:00:00 2001
From: William Chong <me@williamchong.cloud>
Date: Fri, 1 Nov 2024 14:39:04 +0800
Subject: [PATCH 3/3] =?UTF-8?q?=F0=9F=8E=A8=20Use=20spec=20table=20label?=
 =?UTF-8?q?=20for=20iscn=20author/publisher?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/NFTBook/ItemCard.vue | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/components/NFTBook/ItemCard.vue b/src/components/NFTBook/ItemCard.vue
index fa7be96a4..aded3938b 100644
--- a/src/components/NFTBook/ItemCard.vue
+++ b/src/components/NFTBook/ItemCard.vue
@@ -149,18 +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')" />
-              <span :class="['font-[600]', displayNameStyle]">{{
-                iscnWorkPublisher
-              }}</span>
+              <NFTBookSpecTableLabel
+                :text="iscnWorkPublisher"
+                :is-campaign="preset === 'campaign'"
+              />
             </li>
             <client-only>
               <li>