@instadapp/avocado-base 0.0.0-dev.fd1507c → 0.0.0-dev.fd73c5f

package/app.vue

@@ -15,6 +15,13 @@
         </div>
       </li>
     </ul>
+
+    <ul class="grid grid-cols-5 gap-5 mt-20">
+      <li v-for="item in MetadataEnums">
+      {{ item }}
+      <ActionLogo class="w-10 h-10" :action="item"/>
+      </li>
+    </ul>
   </div>
   <ul></ul>
 </template>

package/assets/images/icons/change-threshold.svg

@@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none"
+    xmlns="http://www.w3.org/2000/svg">
+    <path d="M4.80469 9.3209H6.74805L8.48912 5.65137L10.9863 13.5476L13.3078 9.3209H15.2511" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/assets/images/icons/cross-transfer.svg

@@ -0,0 +1,7 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none"
+    xmlns="http://www.w3.org/2000/svg">
+    <path d="M12 4H16V8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M16 12L16 16L12 16" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M16 4L6 14" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M16 16L6 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/assets/images/icons/dapp.svg

@@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none"
+    xmlns="http://www.w3.org/2000/svg">
+    <path d="M5.86776 7.56373C8.14869 5.47876 11.8513 5.47876 14.1322 7.56373L14.4068 7.81658C14.522 7.92021 14.522 8.09016 14.4068 8.19378L13.4679 9.05181C13.4103 9.1057 13.3173 9.1057 13.2597 9.05181L12.8833 8.70777C11.2888 7.25285 8.71117 7.25285 7.11674 8.70777L6.7137 9.07668C6.65612 9.13057 6.56311 9.13057 6.50554 9.07668L5.56659 8.21865C5.45144 8.11503 5.45144 7.94508 5.56659 7.84145L5.86776 7.56373ZM16.0766 9.33782L16.9136 10.1005C17.0288 10.2041 17.0288 10.3741 16.9136 10.4777L13.1446 13.9223C13.0294 14.0259 12.8434 14.0259 12.7327 13.9223L10.0576 11.4767C10.031 11.4518 9.98229 11.4518 9.95571 11.4767L7.28061 13.9223C7.16545 14.0259 6.97944 14.0259 6.86871 13.9223L3.08637 10.4777C2.97121 10.3741 2.97121 10.2041 3.08637 10.1005L3.92344 9.33782C4.0386 9.2342 4.22461 9.2342 4.33534 9.33782L7.01044 11.7834C7.03701 11.8083 7.08573 11.8083 7.11231 11.7834L9.78741 9.33782C9.90256 9.2342 10.0886 9.2342 10.1993 9.33782L12.8744 11.7834C12.901 11.8083 12.9497 11.8083 12.9763 11.7834L15.6514 9.33782C15.7754 9.2342 15.9614 9.2342 16.0766 9.33782Z" fill="currentColor"/>
+</svg>

package/assets/images/icons/deploy.svg

@@ -0,0 +1,12 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none"
+    xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#clip0_13865_495124)">
+        <path d="M3.58203 5.3335V8.8335H7.08203" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+        <path d="M5.0462 11.7499C5.42443 12.8235 6.14131 13.745 7.08883 14.3757C8.03635 15.0064 9.16318 15.3121 10.2995 15.2467C11.4359 15.1813 12.5202 14.7484 13.3891 14.0131C14.258 13.2779 14.8644 12.2802 15.117 11.1703C15.3696 10.0604 15.2546 8.89857 14.7894 7.85974C14.3242 6.8209 13.534 5.96139 12.5379 5.41071C11.5417 4.86002 10.3936 4.648 9.26643 4.80658C8.13929 4.96516 7.09423 5.48576 6.2887 6.28993L3.58203 8.83326" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    </g>
+    <defs>
+        <clipPath id="clip0_13865_495124">
+            <rect width="14" height="14" fill="white" transform="translate(3 3)"/>
+        </clipPath>
+    </defs>
+</svg>

package/assets/images/icons/gas.svg

@@ -1,7 +1,14 @@
 <svg width="20" height="20" viewBox="0 0 20 20" fill="none"
     xmlns="http://www.w3.org/2000/svg">
-    <rect x="2" y="2" width="10" height="16" rx="2" stroke="currentColor" stroke-width="2" />
-    <rect x="5.5" y="9.5" width="3" height="1" rx="0.5" stroke="currentColor" />
-    <rect x="5.5" y="13.5" width="3" height="1" rx="0.5" stroke="currentColor" />
-    <path d="M13 10H14.5C15.0523 10 15.5 10.4477 15.5 11V16C15.5 16.5523 15.9477 17 16.5 17H17.5C18.0523 17 18.5 16.5523 18.5 16V2.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
-</svg>
+    <g clip-path="url(#clip0_13865_495109)">
+        <rect x="4.44922" y="4.4502" width="6.9" height="11.1" rx="1.25" stroke="currentColor" stroke-width="1.5"/>
+        <rect x="6.85" y="9.6498" width="2.1" height="0.7" rx="0.35" fill="currentColor" stroke="currentColor" stroke-width="0.7"/>
+        <rect x="6.85" y="12.4501" width="2.1" height="0.7" rx="0.35" fill="currentColor" stroke="currentColor" stroke-width="0.7"/>
+        <path d="M12.1016 10H12.8516C13.4038 10 13.8516 10.4477 13.8516 11V13.9C13.8516 14.4523 14.2993 14.9 14.8516 14.9H14.9516C15.5038 14.9 15.9516 14.4523 15.9516 13.9V4.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    </g>
+    <defs>
+        <clipPath id="clip0_13865_495109">
+            <rect width="14" height="14" fill="white" transform="translate(3 3)"/>
+        </clipPath>
+    </defs>
+</svg>

package/assets/images/icons/hammer.svg

@@ -0,0 +1,5 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none"
+    xmlns="http://www.w3.org/2000/svg">
+    <path d="M16.0678 8.64793L17.2102 9.79039C17.4404 10.0205 17.4334 10.4006 17.1947 10.6393L14.169 13.6651C13.9302 13.9038 13.5501 13.9108 13.32 13.6806L12.0532 12.4139C11.8231 12.1837 11.83 11.8036 12.0687 11.5649C12.6078 11.0259 12.9103 10.7041 12.4882 9.98816C12.128 9.37711 10.7867 8.04387 9.9829 8.84766L9.026 9.80457C8.79152 10.0391 8.42065 10.0499 8.18946 9.83216C8.18527 9.82822 8.18113 9.8242 8.17704 9.82011C7.60427 9.24734 6.86936 8.69159 6.39943 8.03122C6.20623 7.75971 6.27917 7.35876 6.56293 7.14058C7.13082 6.70394 7.83604 6.05667 7.51626 5.73688C7.00756 5.22819 6.64232 4.84336 6.00502 4.36291C4.84749 3.49024 2.98873 2.86307 1.68669 2.5009C1.49898 2.44869 1.54877 2.11407 1.74553 2.11091C1.74865 2.11086 1.74938 2.1109 1.7525 2.11067C1.8512 2.10361 5.1158 1.87459 7.10771 2.35491C8.41273 2.66961 9.17363 2.87223 10.3122 3.56383C11.7706 4.44979 12.9611 5.54124 13.3465 6.69684C13.732 7.85244 12.8562 8.45813 13.6146 8.8618C14.0693 9.10386 14.6271 9.08774 15.0305 8.72253C15.3277 8.4534 15.7944 8.37456 16.0678 8.64793Z" fill="currentColor"/>
+    <path d="M8.17704 9.82011C8.18113 9.8242 8.18527 9.82822 8.18946 9.83216M8.17704 9.82011L8.18946 9.83216M8.17704 9.82011C7.60427 9.24734 6.86936 8.69159 6.39943 8.03122M8.18946 9.83216C8.42065 10.0499 8.79152 10.0391 9.026 9.80457L9.9829 8.84766C10.7867 8.04387 12.128 9.37711 12.4882 9.98816C12.9103 10.7041 12.6078 11.0259 12.0687 11.5649C11.83 11.8036 11.8231 12.1837 12.0532 12.4139L13.32 13.6806C13.5501 13.9108 13.9302 13.9038 14.169 13.6651L17.1947 10.6393C17.4334 10.4006 17.4404 10.0205 17.2102 9.79039L16.0678 8.64793C15.7944 8.37456 15.3277 8.4534 15.0305 8.72253C14.6271 9.08774 14.0693 9.10386 13.6146 8.8618C12.8562 8.45813 13.732 7.85244 13.3465 6.69684C12.9611 5.54124 11.7706 4.44979 10.3122 3.56383C9.17363 2.87223 8.41273 2.66961 7.10771 2.35492C5.1158 1.87459 1.8512 2.10361 1.7525 2.11067C1.74938 2.1109 1.74865 2.11086 1.74553 2.11091C1.54877 2.11407 1.49898 2.44869 1.68669 2.5009C2.98873 2.86307 4.84749 3.49024 6.00502 4.36291C6.64232 4.84336 7.00756 5.22819 7.51626 5.73688C7.83604 6.05667 7.13082 6.70394 6.56293 7.14058C6.27917 7.35876 6.20623 7.75971 6.39943 8.03122M8.18946 9.83216L2.8021 15.2195C2.47839 15.5432 1.97213 15.6105 1.60516 15.3369C1.46424 15.2318 1.32499 15.1183 1.2164 15.0097C1.1078 14.9011 0.994378 14.7619 0.889279 14.621C0.615587 14.254 0.682904 13.7477 1.00661 13.424L6.39943 8.03122" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/assets/images/icons/info-2.svg

@@ -0,0 +1,12 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_13856_490518)">
+<path d="M7 -6.11959e-07C3.13401 -9.49935e-07 9.49935e-07 3.13401 6.11959e-07 7C2.73984e-07 10.866 3.13401 14 7 14C10.866 14 14 10.866 14 7C14 3.13401 10.866 -2.73984e-07 7 -6.11959e-07Z" fill="currentColor"/>
+<path d="M7.00391 9.72217L7.00391 7.38883" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.00391 4.27783L6.99391 4.27783" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_13856_490518">
+<rect width="14" height="14" fill="white" transform="translate(14 14) rotate(-180)"/>
+</clipPath>
+</defs>
+</svg>

package/assets/images/icons/instadapp-pro.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none"
+    xmlns="http://www.w3.org/2000/svg">
+    <path d="M8.00156 14.1775C8.00156 14.5712 8.32023 14.8941 8.70991 14.854C12.1642 14.4978 14.8588 11.5653 14.8588 8.00023C14.8588 4.43519 12.1642 1.50263 8.70991 1.14648C8.32023 1.10609 8.00156 1.42922 8.00156 1.8229V3.72362C8.00156 4.1173 8.3224 4.42902 8.70645 4.50672C10.3277 4.83529 11.5485 6.27438 11.5485 8.00023C11.5485 9.72609 10.3277 11.1652 8.70645 11.4938C8.3224 11.5714 8.00156 11.8834 8.00156 12.2768V14.1775ZM5.87349 2.43066C5.87349 1.94597 5.40133 1.60432 4.96901 1.81886C2.70303 2.94337 1.14453 5.28885 1.14453 8.00023C1.14453 10.7116 2.70303 13.0571 4.96901 14.1816C5.40133 14.3961 5.87349 14.0545 5.87349 13.5698V2.43089V2.43066Z" fill="#456CED"/>
+</svg>

package/assets/images/icons/multi-send.svg

@@ -0,0 +1,7 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none"
+    xmlns="http://www.w3.org/2000/svg">
+    <path d="M12 4H16V8" stroke="#4CA054" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M16 12L16 16L12 16" stroke="#4CA054" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M16 4L6 14" stroke="#4CA054" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M16 16L6 6" stroke="#4CA054" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/assets/images/icons/permit-sign.svg

@@ -0,0 +1,11 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none"
+    xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#clip0_13865_495129)">
+        <path d="M15.2506 4.1665L14.084 5.33317M14.084 5.33317L15.834 7.08317L13.7923 9.12484L12.0423 7.37484M14.084 5.33317L12.0423 7.37484M9.64482 9.77234C9.94601 10.0695 10.1854 10.4234 10.3493 10.8135C10.5132 11.2036 10.5983 11.6222 10.5997 12.0454C10.6012 12.4685 10.5189 12.8877 10.3576 13.2789C10.1963 13.6701 9.95927 14.0256 9.66007 14.3248C9.36087 14.624 9.00544 14.861 8.61424 15.0223C8.22305 15.1836 7.80381 15.2659 7.38068 15.2644C6.95755 15.263 6.53888 15.1779 6.14878 15.014C5.75867 14.8501 5.40484 14.6107 5.10765 14.3095C4.52322 13.7044 4.19984 12.894 4.20715 12.0528C4.21446 11.2115 4.55188 10.4069 5.14673 9.812C5.74158 9.21715 6.54627 8.87973 7.38749 8.87242C8.2287 8.86511 9.03913 9.1885 9.64423 9.77292L9.64482 9.77234ZM9.64482 9.77234L12.0423 7.37484" stroke="#94A3B8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    </g>
+    <defs>
+        <clipPath id="clip0_13865_495129">
+            <rect width="14" height="14" fill="white" transform="translate(3 3)"/>
+        </clipPath>
+    </defs>
+</svg>

package/assets/images/icons/plus-circle.svg

@@ -0,0 +1,6 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none"
+    xmlns="http://www.w3.org/2000/svg">
+    <path d="M10 7.375V12.625" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M7.375 10H12.625" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    <rect x="3.75" y="3.75" width="12.5" height="12.5" rx="6.25" stroke="currentColor" stroke-width="1.5"/>
+</svg>

package/assets/images/icons/refresh.svg

@@ -1,6 +1,6 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none"
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none"
     xmlns="http://www.w3.org/2000/svg">
-    <path d="M14.5204 3.25928V6.81483H10.9648" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-    <path d="M1.48047 12.7406V9.18506H5.03602" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-    <path d="M2.96788 6.22212C3.26842 5.37281 3.77922 4.61347 4.4526 4.01496C5.12598 3.41645 5.94001 2.99828 6.81871 2.79946C7.69742 2.60064 8.61218 2.62766 9.47762 2.87799C10.3431 3.12832 11.131 3.5938 11.7679 4.23101L14.5175 6.81471M1.48047 9.18509L4.2301 11.7688C4.86699 12.406 5.65491 12.8715 6.52036 13.1218C7.3858 13.3721 8.30056 13.3992 9.17926 13.2003C10.058 13.0015 10.872 12.5833 11.5454 11.9848C12.2188 11.3863 12.7296 10.627 13.0301 9.77768" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M15.7049 5.85205V8.96316H12.5938" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M4.29688 14.1482V11.0371H7.40799" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M5.59836 8.44436C5.86133 7.70121 6.30828 7.03679 6.89749 6.51309C7.4867 5.9894 8.19897 5.62349 8.96784 5.44953C9.73671 5.27556 10.5371 5.2992 11.2944 5.51824C12.0516 5.73728 12.7411 6.14458 13.2984 6.70213L15.7043 8.96288M4.29688 11.0369L6.7028 13.2977C7.26008 13.8552 7.94951 14.2625 8.70678 14.4816C9.46404 14.7006 10.2644 14.7243 11.0333 14.5503C11.8022 14.3763 12.5145 14.0104 13.1037 13.4867C13.6929 12.963 14.1398 12.2986 14.4028 11.5555" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

package/assets/images/icons/reject-proposal.svg

@@ -0,0 +1,6 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none"
+    xmlns="http://www.w3.org/2000/svg">
+    <path d="M11.8555 8.14404L8.14316 11.8564" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M8.14453 8.14404L11.8568 11.8564" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    <rect x="3.75" y="3.75" width="12.5" height="12.5" rx="6.25" stroke="currentColor" stroke-width="1.5"/>
+</svg>

package/assets/images/icons/transfer.svg

@@ -0,0 +1,5 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none"
+    xmlns="http://www.w3.org/2000/svg">
+    <path d="M6.66797 13.3332L13.3346 6.6665" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M6.66797 6.6665H13.3346V13.3332" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/assets/images/icons/trash-2.svg

@@ -0,0 +1,8 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none"
+    xmlns="http://www.w3.org/2000/svg">
+    <path d="M4.64453 7.21045H15.3588" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
+    <path d="M13.8495 7.21045H6.14754L6.09242 8.20701C5.98681 10.1164 6.07654 12.0315 6.36021 13.9227C6.48391 14.7473 7.19233 15.3574 8.02623 15.3574H11.9708C12.8047 15.3574 13.5131 14.7473 13.6368 13.9227C13.9205 12.0315 14.0102 10.1164 13.9046 8.207L13.8495 7.21045Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M7.85938 7.21039V6.7825C7.85938 6.21509 8.08478 5.67091 8.486 5.26969C8.88722 4.86847 9.4314 4.64307 9.99881 4.64307C10.5662 4.64307 11.1104 4.86847 11.5116 5.26969C11.9128 5.67091 12.1382 6.21509 12.1382 6.7825V7.21039" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M8.71484 9.50195V13.0487" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M11.2852 9.50195V13.0487" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/assets/images/icons/upgrade.svg

@@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none"
+    xmlns="http://www.w3.org/2000/svg">
+    <path d="M14.8549 10.8661C14.8235 10.8264 14.8065 10.7773 14.8067 10.7268V9.27321C14.8065 9.22267 14.8235 9.17356 14.8549 9.13393L15.5254 8.29375C15.6461 8.14274 15.7184 7.95886 15.7329 7.76612C15.7474 7.57338 15.7034 7.38075 15.6067 7.21339L15.2156 6.53661C15.1192 6.36911 14.9744 6.2346 14.8003 6.15065C14.6262 6.06671 14.4308 6.03723 14.2397 6.06607L13.1772 6.22768C13.127 6.23473 13.0758 6.225 13.0317 6.2L11.7728 5.47321C11.7284 5.44656 11.6944 5.40563 11.6763 5.35714L11.2844 4.36071C11.2142 4.18096 11.0914 4.02654 10.9322 3.9176C10.7729 3.80865 10.5845 3.75025 10.3915 3.75H9.60758C9.41461 3.75025 9.2262 3.80865 9.06692 3.9176C8.90765 4.02654 8.78491 4.18096 8.71472 4.36071L8.32097 5.35714C8.30221 5.40431 8.26829 5.44389 8.22454 5.46964L6.96294 6.2C6.91882 6.22506 6.86764 6.2348 6.8174 6.22768L5.75758 6.06607C5.56646 6.03723 5.37108 6.06671 5.19698 6.15065C5.02287 6.2346 4.87814 6.36911 4.78169 6.53661L4.39061 7.21339C4.29391 7.38075 4.24993 7.57338 4.26442 7.76612C4.27892 7.95886 4.35122 8.14274 4.47186 8.29375L5.1424 9.13393C5.17378 9.17356 5.19078 9.22267 5.19061 9.27321V10.7268C5.19078 10.7773 5.17378 10.8264 5.1424 10.8661L4.47186 11.7063C4.35122 11.8573 4.27892 12.0411 4.26442 12.2339C4.24993 12.4266 4.29391 12.6193 4.39061 12.7866L4.78169 13.4634C4.87814 13.6309 5.02287 13.7654 5.19698 13.8493C5.37108 13.9333 5.56646 13.9628 5.75758 13.9339L6.82008 13.7723C6.87032 13.7652 6.9215 13.7749 6.96561 13.8L8.22454 14.5268C8.26829 14.5525 8.30221 14.5921 8.32097 14.6393L8.71294 15.6393C8.78312 15.819 8.90586 15.9735 9.06514 16.0824C9.22441 16.1913 9.41282 16.2498 9.60579 16.25H10.3879C10.5809 16.2498 10.7693 16.1913 10.9286 16.0824C11.0879 15.9735 11.2106 15.819 11.2808 15.6393L11.6728 14.6393C11.6915 14.5921 11.7254 14.5525 11.7692 14.5268L13.0281 13.8C13.0723 13.775 13.1234 13.7653 13.1736 13.7723L14.2362 13.9339C14.4273 13.9628 14.6226 13.9333 14.7968 13.8493C14.9709 13.7654 15.1156 13.6309 15.212 13.4634L15.6031 12.7866C15.6998 12.6193 15.7438 12.4266 15.7293 12.2339C15.7148 12.0411 15.6425 11.8573 15.5219 11.7063L14.8549 10.8661ZM9.99865 12.0089C9.60132 12.0089 9.21292 11.8911 8.88255 11.6704C8.55218 11.4496 8.29469 11.1359 8.14264 10.7688C7.99059 10.4017 7.95081 9.99777 8.02832 9.60808C8.10584 9.21838 8.29717 8.86043 8.57812 8.57947C8.85908 8.29852 9.21703 8.10719 9.60673 8.02967C9.99642 7.95216 10.4003 7.99194 10.7674 8.14399C11.1345 8.29604 11.4483 8.55353 11.669 8.8839C11.8898 9.21427 12.0076 9.60267 12.0076 10C12.0076 10.5328 11.7959 11.0438 11.4192 11.4205C11.0424 11.7973 10.5315 12.0089 9.99865 12.0089Z" stroke="#94A3B8" stroke-width="1.5"/>
+</svg>

package/components/ActionLogo.vue

@@ -0,0 +1,40 @@
+<script setup lang="ts">
+import RefreshSVG from '~/assets/images/icons/refresh.svg'
+import BridgeSVG from '~/assets/images/icons/bridge.svg'
+import CrossTransferSVG from '~/assets/images/icons/cross-transfer.svg'
+import TransferSVG from '~/assets/images/icons/transfer.svg'
+import PlusCircleSVG from '~/assets/images/icons/plus-circle.svg'
+import Trash2SVG from '~/assets/images/icons/trash-2.svg'
+import ChangeThresholdSVG from '~/assets/images/icons/change-threshold.svg'
+import DappSVG from '~/assets/images/icons/dapp.svg'
+import DeploySVG from '~/assets/images/icons/deploy.svg'
+import GasSVG from '~/assets/images/icons/gas.svg'
+import InstadappProSVG from '~/assets/images/icons/instadapp-pro.svg'
+import PermitSignSVG from '~/assets/images/icons/permit-sign.svg'
+import RejectProposalSVG from '~/assets/images/icons/reject-proposal.svg'
+import UpgradeSVG from '~/assets/images/icons/upgrade.svg'
+import HammerSVG from '~/assets/images/icons/hammer.svg'
+
+defineProps<{
+  action: MetadataTypes
+  remove?: boolean
+}>()
+</script>
+
+<template>
+    <RefreshSVG class="text-primary" v-if="action === 'swap'"/>
+    <BridgeSVG class="text-primary" v-else-if="action === 'bridge'"/>
+    <CrossTransferSVG class="text-primary" v-else-if="action === 'cross-transfer'"/>
+    <TransferSVG class="text-primary" v-else-if="action === 'transfer'"/>
+    <PlusCircleSVG class="text-primary" v-else-if="action === 'add-signers' || (action === 'auth' && !remove)"/>
+    <Trash2SVG class="text-[#EB5757]" v-else-if="action === 'remove-signers' || (action === 'auth' && remove)"/>
+    <RejectProposalSVG class="text-[#EB5757]" v-else-if="action === 'rejection'"/>
+    <ChangeThresholdSVG v-else-if="action === 'change-threshold'"/>
+    <DappSVG v-else-if="action === 'dapp'"/>
+    <DeploySVG v-else-if="action === 'deploy'"/>
+    <GasSVG v-else-if="action === 'gas-topup'"/>
+    <InstadappProSVG v-else-if="action === 'instadapp-pro'"/>
+    <PermitSignSVG v-else-if="action === 'permit2'"/>
+    <UpgradeSVG v-else-if="action === 'upgrade'"/>
+    <HammerSVG v-else-if="action === 'tx-builder'"/>
+</template>

package/components/ActionMetadata.vue

@@ -1,10 +1,17 @@
 <script lang="ts" setup>
-
-defineProps<{
-  metadata: any;
+const props = defineProps<{
+  metadata: {
+    type: MetadataTypes
+    [key: string]: any
+  };
   chain_id: number | string;
+  compact?: boolean;
+  tokens?: ITokenPrice[];
 }>();
 
+provide('compact', props.compact);
+provide('tokens', props.tokens);
+
 </script>
 
 <template>
@@ -16,35 +23,56 @@ defineProps<{
     <MetadataBridge v-if="metadata.type === 'bridge'" :metadata="metadata" :chain_id="chain_id" />
     <MetadataPermit2 v-if="metadata.type === 'permit2'" :metadata="metadata" :chain_id="chain_id" />
 
+    <div class="text-left w-fit capitalize" v-if="metadata.type === 'import'">
+      Import from {{ metadata.protocol }} ({{ (formatUsd(fromWei(metadata.valueInUsd, 10))) }})
+    </div>
+
     <div v-if="metadata.type === 'upgrade'" class="self-start">
       Wallet upgraded to {{ metadata?.version }}
     </div>
     <div v-if="metadata.type === 'dapp'" class="self-start flex items-center gap-2 text-primary">
       <a :href="metadata?.url" target="_blank" rel="noopener noreferrer">{{
-        metadata?.name
+        metadata?.name || metadata?.url
       }}</a>
       <SvgoExternalLink />
     </div>
     <div v-if="metadata.type === 'deploy'" class="self-start capitalize">
       {{ metadata?.type }}
     </div>
-    <div v-if="metadata.type === 'add-authority' || metadata.type === 'remove-authority'" class="self-start capitalize flex gap-3">
+    <div v-if="metadata.type === 'auth'" class="self-start capitalize flex gap-3">
       Authority {{ metadata.remove ? 'Removed' : 'Added' }}:
-       <a
-          class="text-primary break-all"
-          :href="getExplorerUrl(metadata.chainId, `/address/${metadata.address}`)"
-          target="_blank"
-          >
-          {{ shortenHash(metadata.address) }}
-        </a>
-        <div class="flex gap-3">
-           <ChainLogo class="w-5 h-5" :chain="metadata.chainId"/>
-            {{ chainIdToName(metadata.chainId) }}
-        </div>
+      <a class="text-primary break-all" :href="getExplorerUrl(metadata.chainId, `/address/${metadata.address}`)"
+        target="_blank">
+        {{ shortenHash(metadata.address) }}
+      </a>
+      <div class="flex gap-3">
+        <ChainLogo class="w-5 h-5" :chain="metadata.chainId" />
+        {{ chainIdToName(metadata.chainId) }}
+      </div>
+    </div>
+    <div v-if="metadata.type === 'tx-builder'" class="self-start capitalize flex gap-3">
+      <span v-if="!compact">
+        Transaction Builder
+      </span> ({{ metadata?.actionCount }} {{ toBN(metadata?.actionCount).lt(2) ? 'action' : 'actions' }})
     </div>
     <div v-if="metadata.type === 'instadapp-pro'" class="self-start capitalize flex gap-3">
       Instadapp Pro |
       {{ metadata?.castDetails }}
     </div>
+
+    <MetadataSigners v-if="metadata.type === 'add-signers' || metadata.type === 'remove-signers'" :metadata="metadata"
+      :compact="compact" />
+
+    <div v-if="metadata.type === 'change-threshold'" class="text-left w-fit">
+      Change Threshold to {{ metadata.count }}
+    </div>
+
+    <div v-tippy="{
+      content: metadata.id,
+      maxWidth: 'none',
+      interactive: true,
+    }" v-if="metadata.type === 'rejection'" class="text-left w-fit">
+      {{ shortenHash(metadata.id) }}
+    </div>
   </div>
-</template>
+</template>

package/components/AuthorityAvatar.vue

@@ -0,0 +1,38 @@
+<script setup lang="ts">
+import * as XXH from 'xxhashjs';
+
+defineProps<{
+  address: string
+}>();
+
+const randomId = Math.random().toString(36).substr(2, 9);
+
+function generateColor(address: string): string {
+  const hash = XXH.h32(address, 0xABCD).toNumber()
+
+  const hue = hash % 360
+  const saturation = 80 + (hash % 30)
+  const lightness = 70 + (hash % 20)
+
+  return `hsl(${hue}, ${saturation}%, ${lightness}%)`
+}
+</script>
+
+<template>
+  <svg
+    :style="{
+      color: generateColor(address),
+    }" width="30" height="30" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 30 30"
+  >
+    <g fill="currentColor" :clip-path="`url(#${randomId})`">
+      <rect width="30" height="30" fill-opacity=".4" rx="15" />
+      <ellipse cx="15.004" cy="26.399" rx="11.4" ry="6.6" />
+      <circle cx="15" cy="12.75" r="5.4" />
+    </g>
+    <defs>
+      <clipPath :id="randomId">
+        <rect width="30" height="30" fill="#fff" rx="15" />
+      </clipPath>
+    </defs>
+  </svg>
+</template>