feat: implement base receipts

front/components/history/Item.vue

@@ -1,5 +1,6 @@
 <script lang="ts" setup>
 import { computed, reactive } from 'vue'
+import { getDecimals, formatBigNumberWithDecimals } from 'opact-sdk'
 import Pact from 'pact-lang-api'
 import { format } from 'date-fns'
 import { tokens } from '~/utils/constants'
@@ -54,6 +55,15 @@ const isNegative = computed(() => {
   return false
 })
 
+const formattedAmount = computed(() => {
+  const decimals = getDecimals(12)
+
+  return formatBigNumberWithDecimals(
+    props.amount,
+    decimals
+  )
+})
+
 const metadata = computed(() => {
   if (props.address !== 'poly-fungible-v2-reference') {
     return tokens.find(
@@ -170,8 +180,7 @@ watch(
           isNegative ? 'text-red-500' : 'text-green-500'
         "
       >
-        {{ isNegative ? '-' : '+' }}
-        {{ Number(amount).toFixed(1) }}
+        {{ formattedAmount }}
         {{ metadata?.symbol }}
       </span>
     </div>

front/components/history/WidgetItem.vue

@@ -1,5 +1,6 @@
 <script lang="ts" setup>
 import Pact from 'pact-lang-api'
+import { formatBigNumberWithDecimals, getDecimals } from 'opact-sdk'
 import { computed, watch, reactive } from 'vue'
 import { shortenAddress } from '~/utils/string'
 
@@ -56,6 +57,15 @@ const isNegative = computed(() => {
   return false
 })
 
+const formattedAmount = computed(() => {
+  const decimals = getDecimals(12)
+
+  return formatBigNumberWithDecimals(
+    props.amount,
+    decimals
+  )
+})
+
 const metadata = computed(() => {
   if (props.address !== 'poly-fungible-v2-reference') {
     return tokens.find(
@@ -161,8 +171,7 @@ watch(
               isNegative ? 'text-red-500' : 'text-green-500'
             "
           >
-            {{ isNegative ? '-' : '+' }}
-            {{ Number(amount).toFixed(1) }}
+            {{ formattedAmount }}
             {{ metadata?.symbol }}
           </span>
         </div>

front/composables/provider.ts

@@ -20,10 +20,6 @@ export const useExtensions = () => {
       await newProvider.connect(callback)
 
       provider.value = newProvider
-
-      // store({
-      //   providers: [{ chainKey, adapterKey }]
-      // })
     } catch (e) {
       console.log(e)
     }
@@ -37,10 +33,6 @@ export const useExtensions = () => {
     await provider.value.disconnect()
 
     provider.value = null
-
-    // const { clear } = useAuthStorage()
-
-    // clear(['providers'])
   }
 
   const isConnected = computed(() => !!provider.value)

front/hooks/state.ts

@@ -26,7 +26,7 @@ export const useAppState = () => {
     storedReceipts: any
   ): Promise<any> => {
     return new Promise((resolve) => {
-      const worker = new Worker('/worker.4804a108.js', {
+      const worker = new Worker('/worker.13f5fe40.js', {
         type: 'module'
       })