From 5939033a6c8fa2bca55ccffd6c0a9543018d6fba Mon Sep 17 00:00:00 2001
From: William Chong <me@williamchong.cloud>
Date: Thu, 8 Feb 2024 03:11:06 +0900
Subject: [PATCH 1/4] =?UTF-8?q?=F0=9F=A5=85=20Guard=20tx=20hash=20not=20se?=
 =?UTF-8?q?t=20in=20arweave=20upload=20flow?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/IscnUploadForm.vue | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/components/IscnUploadForm.vue b/components/IscnUploadForm.vue
index 2ac330d6..068f6a89 100644
--- a/components/IscnUploadForm.vue
+++ b/components/IscnUploadForm.vue
@@ -700,6 +700,9 @@ export default class UploadForm extends Vue {
     tempRecord.transactionHash = transactionHash
     if (!tempRecord.transactionHash) {
       tempRecord.transactionHash = await this.sendArweaveFeeTx(tempRecord);
+      if (!tempRecord.transactionHash) {
+        throw new Error('TRANSACTION_NOT_SENT')
+      }
     }
 
     try {

From 4af7807538aec14cad9febdb8d66eae475d40982 Mon Sep 17 00:00:00 2001
From: AuroraHuang22 <75730405+AuroraHuang22@users.noreply.github.com>
Date: Thu, 15 Feb 2024 12:18:45 +0800
Subject: [PATCH 2/4] =?UTF-8?q?=F0=9F=A9=B9=20Increase=20gas=20multiplier?=
 =?UTF-8?q?=20for=20updating=20ISCN=20(#437)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* 🩹 Increase gas multiplier for updating ISCN

* 🩹 Set new gas when calling signISCN
---
 constant/index.ts      | 1 +
 pages/edit/_iscnId.vue | 4 +++-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/constant/index.ts b/constant/index.ts
index 380d8e6c..b241a756 100644
--- a/constant/index.ts
+++ b/constant/index.ts
@@ -18,6 +18,7 @@ export const ISCN_MIN_BALANCE = 0.01;
 
 export const ISCN_GAS_FEE = 200000;
 export const ISCN_GAS_MULTIPLIER = 1.5;
+export const UPDATE_ISCN_GAS_MULTIPLIER = 1.75;
 
 export const ISCN_REGISTRY_NAME = 'likecoin-chain';
 
diff --git a/pages/edit/_iscnId.vue b/pages/edit/_iscnId.vue
index 1451d891..3988e367 100644
--- a/pages/edit/_iscnId.vue
+++ b/pages/edit/_iscnId.vue
@@ -238,7 +238,8 @@
 import { Vue, Component } from 'vue-property-decorator'
 import { namespace } from 'vuex-class'
 import { OfflineSigner } from '@cosmjs/proto-signing'
-import { ISCN_PREFIX } from '~/constant'
+import { BigNumber } from 'bignumber.js';
+import { ISCN_PREFIX, ISCN_GAS_FEE, UPDATE_ISCN_GAS_MULTIPLIER } from '~/constant'
 import { logTrackerEvent } from '~/utils/logger'
 import { signISCN } from '~/utils/cosmos/iscn/sign'
 import { extractIscnIdPrefix } from '~/utils/ui'
@@ -428,6 +429,7 @@ export default class EditIscnPage extends Vue {
       await this.initIfNecessary()
       const result = await signISCN(this.payload, this.signer, this.address, {
         iscnId: this.iscnId,
+        gas: new BigNumber(ISCN_GAS_FEE).multipliedBy(UPDATE_ISCN_GAS_MULTIPLIER).toFixed(0),
       })
       if (result) {
         this.$router.replace(

From 133671fab8be9d78559649f377864ab224e693ec Mon Sep 17 00:00:00 2001
From: AuroraHuang22 <75730405+AuroraHuang22@users.noreply.github.com>
Date: Thu, 15 Feb 2024 12:19:08 +0800
Subject: [PATCH 3/4] =?UTF-8?q?=F0=9F=92=84=20Add=20ISCN=20edit=20bar=20to?=
 =?UTF-8?q?=20the=20/new=20page=20(#438)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* 💄 Add ISCN edit bar to the /new page

* 🎨 Remove duplicate props

* 🐛 Fix missing data

* 💄 Adjust UI of edit bar
---
 components/IscnEditBar.vue      | 97 +++++++++++++++++++++++++++++++++
 components/IscnUploadedInfo.vue | 40 ++++++++++----
 pages/view/_iscnId/index.vue    | 67 ++++++-----------------
 3 files changed, 141 insertions(+), 63 deletions(-)
 create mode 100644 components/IscnEditBar.vue

diff --git a/components/IscnEditBar.vue b/components/IscnEditBar.vue
new file mode 100644
index 00000000..22386897
--- /dev/null
+++ b/components/IscnEditBar.vue
@@ -0,0 +1,97 @@
+<template>
+  <div
+    :class="[
+      'flex',
+      'justify-center',
+      'items-center',
+      'gap-[8px]',
+    ]"
+  >
+    <div
+      v-if="isIscnOwner"
+      class="flex justify-center items-center gap-[4px] mr-[8px]"
+    >
+      <Button preset="plain" text="Edit ISCN" @click="handleEdit">
+        <template #prepend>
+          <IconEdit />
+        </template>
+      </Button>
+      <div class="h-[20px] w-[2px] bg-medium-gray" />
+    </div>
+    <Button
+      class="flex flex-shrink-0"
+      preset="tertiary"
+      :text="$t('NFTPortal.button.download.iscn')"
+      @click="handleClickDownload"
+    >
+      <template #prepend>
+        <IconDownload />
+      </template>
+    </Button>
+    <Button
+      v-if="isShowMintButton && isNftBook"
+      preset="secondary"
+      class="w-full lg:w-auto"
+      :text="$t('NFTPortal.button.mint.book')"
+      @click="handleClickMintNFTBook"
+    />
+    <Button
+      v-if="isShowMintButton && !isNftBook"
+      preset="secondary"
+      class="w-full lg:w-auto"
+      :to="
+        localeLocation({
+          name: 'nft-iscn-iscnId',
+          params: { iscnId: iscnId },
+          query: mintQueries,
+        })
+      "
+      :text="$t('NFTPortal.button.mint')"
+    />
+    <div
+      v-if="!!classId"
+      class="flex justify-center items-center p-[4px] rounded-[12px] border-like-cyan-light border-[2px]"
+    >
+      <Button
+        preset="tertiary"
+        :text="$t('NFTPortal.button.check.nft')"
+        :href="likerlandNftUrl"
+        target="_blank"
+      >
+        <template #append>
+          <IconArrowRight />
+        </template>
+      </Button>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+import { Vue, Component, Prop } from 'vue-property-decorator'
+
+@Component
+export default class IscnEditBar extends Vue {
+  @Prop({ default: false }) readonly isIscnOwner!: boolean
+  @Prop({ default: false }) readonly isShowMintButton!: boolean
+  @Prop({ default: false }) readonly isNftBook!: boolean
+  @Prop(String) readonly iscnId: string | undefined
+  @Prop(String) readonly classId!: string
+  @Prop(String) readonly likerlandNftUrl!: string
+
+   get mintQueries() {
+    return this.$route.query;
+  }
+
+  handleClickDownload() {
+    this.$emit('click-download', this.iscnId)
+  }
+
+  handleEdit() {
+    this.$emit('click-edit', this.iscnId)
+  }
+
+  handleClickMintNFTBook() {
+    this.$emit('click-mint-book', this.iscnId)
+  }
+}
+</script>
diff --git a/components/IscnUploadedInfo.vue b/components/IscnUploadedInfo.vue
index 6d32e1b8..3bfc590c 100644
--- a/components/IscnUploadedInfo.vue
+++ b/components/IscnUploadedInfo.vue
@@ -6,22 +6,23 @@
     <!-- header -->
     <IscnFormHeader :step="step" :total-step="4" />
     <!-- guide title -->
-    <div class="flex items-center justify-between mt-[12px] mb-[28px]">
+    <div class="flex items-center justify-start mt-[12px]">
       <Label
         align="middle"
         :text="$t('IscnUploaded.guide.title')"
         class="text-medium-gray"
       />
-      <Button
-        preset="plain"
-        :text="$t('NFTPortal.button.download.iscn')"
-        @click="handleClickDownload"
-      >
-        <template #prepend>
-          <IconDownload />
-        </template>
-      </Button>
     </div>
+    <IscnEditBar
+      class="my-[24px]"
+      :is-iscn-owner="true"
+      :iscn-id="iscnId"
+      :is-show-mint-button="true"
+      :is-nft-book="type === 'Book'"
+      @click-edit="handleEdit"
+      @click-download="handleClickDownload"
+      @click-mint-book="clickMintNFTBook"
+    />
 
     <!-- ISCN card -->
     <IscnCard
@@ -159,7 +160,7 @@ import { Vue, Component, Prop } from 'vue-property-decorator'
 
 import { ISCNRecordWithID } from '~/utils/cosmos/iscn/iscn.type'
 import { downloadJSON } from '~/utils/misc'
-import { BIG_DIPPER_TX_BASE_URL } from '~/constant'
+import { BIG_DIPPER_TX_BASE_URL, NFT_BOOK_PRESS_URL } from '~/constant'
 import { logTrackerEvent } from '~/utils/logger'
 import { copyToClipboard, extractIscnIdPrefix } from '~/utils/ui'
 
@@ -228,12 +229,27 @@ export default class IscnUploadedInfo extends Vue {
   }
 
   handleCopyIscnId() {
-    logTrackerEvent(this, 'ISCNView', 'CopyISCNID', this.iscnId, 1)
+    logTrackerEvent(this, 'ISCNUploaded', 'CopyISCNID', this.iscnId, 1)
     const iscnIdPrefix = extractIscnIdPrefix(this.iscnId)
     if (iscnIdPrefix) {
       copyToClipboard(iscnIdPrefix)
       this.isOpenCopiedAlert = true
     }
   }
+
+  clickMintNFTBook() {
+    logTrackerEvent(this, 'ISCNUploaded', 'RedirectToBookPress', this.iscnId, 1);
+    window.open(`${NFT_BOOK_PRESS_URL}/mint-nft?iscn_id=${this.iscnId}`, '_blank', 'noopener');
+  }
+
+   handleEdit() {
+    logTrackerEvent(this, 'ISCNUploaded', 'ClickEdit', this.iscnId, 1)
+    this.$router.replace(
+      this.localeLocation({
+        name: 'edit-iscnId',
+        params: { iscnId: this.iscnId },
+      })!,
+    )
+  }
 }
 </script>
diff --git a/pages/view/_iscnId/index.vue b/pages/view/_iscnId/index.vue
index dc9ba6b6..71563fe2 100644
--- a/pages/view/_iscnId/index.vue
+++ b/pages/view/_iscnId/index.vue
@@ -79,60 +79,23 @@
       'max-w-[960px]',
       'mx-auto',
       'px-[8px]',
+      'py-[24px]',
       'lg:px-0',
     ]"
   >
-    <div
-      :class="[
-        'flex',
-        'justify-end',
-        'items-center',
-        'w-full',
-        'pt-[24px]',
-        'gap-[8px]',
-        'lg:pt-0',
-      ]"
-    >
-      <div v-if="isIscnOwner" class="flex justify-center items-center gap-[4px] mr-[8px]">
-        <Button preset="plain" text="Edit ISCN" @click="handleEdit">
-          <template #prepend>
-            <IconEdit />
-          </template>
-        </Button>
-        <div class="h-[20px] w-[2px] bg-medium-gray" />
-      </div>
-      <Button preset="tertiary" :text="$t('NFTPortal.button.download.iscn')" @click="handleClickDownload">
-        <template #prepend>
-          <IconDownload />
-        </template>
-      </Button>
-      <Button
-        v-if="isShowMintButton && isNFTBook"
-        preset="secondary"
-        class="w-full lg:w-auto"
-        :text="$t('NFTPortal.button.mint.book')"
-        @click="clickMintNFTBook"
-      />
-      <Button
-        v-if="isShowMintButton && !isNFTBook"
-        preset="secondary"
-        class="w-full lg:w-auto"
-        :to="localeLocation({ name: 'nft-iscn-iscnId', params: { iscnId: iscnId }, query: mintQueries })"
-        :text="$t('NFTPortal.button.mint')"
-      />
-      <div v-if="!!classId" class="flex justify-center items-center p-[4px] rounded-[12px] border-like-cyan-light border-[2px]">
-        <Button
-          preset="tertiary"
-          :text="$t('NFTPortal.button.check.nft')"
-          :href="likerlandNftUrl"
-          target="_blank"
-        >
-          <template #append>
-            <IconArrowRight />
-          </template>
-        </Button>
-      </div>
-    </div>
+    <IscnEditBar
+      class="ml-auto"
+      :is-iscn-owner="isIscnOwner"
+      :iscn-id="iscnId"
+      :is-show-mint-button="isShowMintButton"
+      :is-nft-book="isNFTBook"
+      :class-id="classId"
+      :likerland-nft-url="likerlandNftUrl"
+      :should-show-mint-button="isShowMintButton"
+      @click-edit="handleEdit"
+      @click-download="handleClickDownload"
+      @click-mint-book="clickMintNFTBook"
+    />
     <div
       :class="[
         'flex',
@@ -966,6 +929,7 @@ export default class ViewIscnIdPage extends Vue {
   }
 
   handleClickDownload() {
+    logTrackerEvent(this, 'ISCNView', 'ClickDownload', this.iscnId, 1)
     const generateData = {
       contentMetadata: {
         ...this.metadata,
@@ -990,6 +954,7 @@ export default class ViewIscnIdPage extends Vue {
   }
 
   handleEdit() {
+    logTrackerEvent(this, 'ISCNView', 'ClickEdit', this.iscnId, 1)
     this.$router.replace(
       this.localeLocation({
         name: 'edit-iscnId',

From 54cf20fed1b513ee1104f1d9694074aad36462ef Mon Sep 17 00:00:00 2001
From: AuroraHuang22 <aurora90376@gmail.com>
Date: Thu, 15 Feb 2024 17:11:09 +0800
Subject: [PATCH 4/4] =?UTF-8?q?=F0=9F=9A=B8=20Add=20default=20value=20to?=
 =?UTF-8?q?=20stakeholders?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/IscnRegisterForm.vue | 69 +++++++++++++++++++--------------
 1 file changed, 40 insertions(+), 29 deletions(-)

diff --git a/components/IscnRegisterForm.vue b/components/IscnRegisterForm.vue
index 58d5b9d6..cac1cb04 100644
--- a/components/IscnRegisterForm.vue
+++ b/components/IscnRegisterForm.vue
@@ -722,6 +722,7 @@ import { estimateISCNTxGasAndFee, formatISCNTxPayload } from '~/utils/cosmos/isc
 import { ISCN_GAS_MULTIPLIER } from '~/constant';
 import {
   getLikerIdMinApi,
+  getUserInfoMinByAddress,
   API_POST_NUMBERS_PROTOCOL_ASSETS,
   } from '~/constant/api';
 import { getAccountBalance } from '~/utils/cosmos'
@@ -1114,38 +1115,48 @@ export default class IscnRegisterForm extends Vue {
   }
 
   async mounted() {
-  if (this.epubMetadata) {
-    this.name = this.epubMetadata.title;
-    this.description = this.extractText(this.epubMetadata.description);
-    this.author.name = this.epubMetadata.author;
-    this.author.authorDescription = 'Author'
-    this.language = this.epubMetadata.language
-    this.tags = this.epubMetadata.tags
-    this.thumbnailUrl = this.formatArweave(this.epubMetadata.thumbnailUrl) as string
-    if (this.author.name) {
-      this.authors.push(this.author)
+    this.uploadStatus = 'loading'
+
+    if (this.epubMetadata) {
+      this.name = this.epubMetadata.title;
+      this.description = this.extractText(this.epubMetadata.description);
+      this.author.name = this.epubMetadata.author;
+      this.author.authorDescription = 'Author'
+      this.language = this.epubMetadata.language
+      this.tags = this.epubMetadata.tags
+      this.thumbnailUrl = this.formatArweave(this.epubMetadata.thumbnailUrl) as string
+      if (this.author.name) {
+        this.authors.push(this.author)
+      }
     }
-  }
-  if (this.address) {
-    const iscnOwner = {
-      name: this.$t('iscn.meta.stakeholders.name.placeholder') as string,
-      wallet: [{
-        content: this.address,
-        id: 1,
-        type: 'like',
-        isOpenOptions: false,
-      }],
-      url: [],
-      likerId: '',
-      authorDescription: 'ISCN owner',
+
+    if (this.address) {
+      try {
+        const { data } = await this.$axios.get(
+          getUserInfoMinByAddress(this.address),
+        )
+        const iscnOwner = {
+          name: data?.displayName || this.address,
+          wallet: [{
+              content: this.address,
+              id: 1,
+              type: 'like',
+              isOpenOptions: false,
+            }],
+          url: [],
+          likerId: data?.user || '',
+          authorDescription: data?.description || 'Publisher',
+        }
+        this.authors.push(iscnOwner)
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.error(error)
+      }
     }
-    this.authors.push(iscnOwner)
+    // ISCN Fee needs Arweave fee to calculate
+    await this.calculateISCNFee()
+    this.uploadStatus = ''
   }
-  this.uploadStatus = 'loading'
-  // ISCN Fee needs Arweave fee to calculate
-  await this.calculateISCNFee()
-  this.uploadStatus = ''
-}
 
   addContentFingerprint() {
     this.customContentFingerprints.push(this.contentFingerprintInput)