@instadapp/avocado-base 0.0.30 → 0.0.32

package/assets/images/icons/wave.svg

@@ -0,0 +1,214 @@
+<svg width="29" height="29" viewBox="0 0 29 29" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.3505 6.07742C20.5671 8.76007 22.0601 12.0522 23.1809 13.3599C23.3998 12.8518 23.3763 11.9999 23.6264 9.9209C23.8523 8.04352 25.4006 7.86535 26.065 7.99822C27.5343 8.3046 27.9819 9.79395 27.9329 10.343C27.8548 11.2183 27.851 11.1885 27.6906 13.3051C27.4562 16.4002 28.652 18.7371 28.7614 21.3867C28.7614 26.381 24.3846 28.8351 21.3208 28.8351C18.8697 28.8351 16.4177 27.2668 15.498 26.4826L10.9023 22.2855C10.3396 21.8478 8.94874 20.4037 8.33864 19.5734C6.67544 17.31 9.08124 15.7515 10.4333 16.1423C10.327 16.061 9.68562 15.0194 9.37823 14.5088C8.55289 12.8518 9.37823 11.7481 9.98786 11.445C11.3713 10.7572 12.3873 11.531 12.7078 11.953C12.5853 11.7446 12.2013 10.9026 11.5823 9.35816C10.9633 7.81376 11.9601 6.85972 12.5358 6.57574C13.7864 5.99737 14.9744 6.73206 15.2714 7.38859C15.4168 7.71008 16.2013 9.4283 16.5429 10.1861C16.2855 9.55775 15.8192 8.30941 15.6543 7.73248C15.3261 6.37253 16.1154 5.43987 16.6156 5.20018C17.3112 4.86692 18.762 4.77963 19.3355 6.04429L19.3505 6.07742Z" fill="url(#paint0_radial_0_1)"/>
+<path d="M19.3505 6.07742C20.5671 8.76007 22.0601 12.0522 23.1809 13.3599C23.3998 12.8518 23.3763 11.9999 23.6264 9.9209C23.8523 8.04352 25.4006 7.86535 26.065 7.99822C27.5343 8.3046 27.9819 9.79395 27.9329 10.343C27.8548 11.2183 27.851 11.1885 27.6906 13.3051C27.4562 16.4002 28.652 18.7371 28.7614 21.3867C28.7614 26.381 24.3846 28.8351 21.3208 28.8351C18.8697 28.8351 16.4177 27.2668 15.498 26.4826L10.9023 22.2855C10.3396 21.8478 8.94874 20.4037 8.33864 19.5734C6.67544 17.31 9.08124 15.7515 10.4333 16.1423C10.327 16.061 9.68562 15.0194 9.37823 14.5088C8.55289 12.8518 9.37823 11.7481 9.98786 11.445C11.3713 10.7572 12.3873 11.531 12.7078 11.953C12.5853 11.7446 12.2013 10.9026 11.5823 9.35816C10.9633 7.81376 11.9601 6.85972 12.5358 6.57574C13.7864 5.99737 14.9744 6.73206 15.2714 7.38859C15.4168 7.71008 16.2013 9.4283 16.5429 10.1861C16.2855 9.55775 15.8192 8.30941 15.6543 7.73248C15.3261 6.37253 16.1154 5.43987 16.6156 5.20018C17.3112 4.86692 18.762 4.77963 19.3355 6.04429L19.3505 6.07742Z" fill="url(#paint1_radial_0_1)"/>
+<path d="M27.9327 10.3428C27.8545 11.2182 27.8507 11.1884 27.6904 13.305C27.6075 14.3986 28.2021 18.4263 28.2021 18.4263C26.7569 18.8982 23.6261 18.2725 23.1807 13.3597C23.3995 12.8517 23.3761 11.9998 23.6262 9.92076C23.852 8.04338 25.4003 7.86521 26.0647 7.99808C27.534 8.30446 27.9817 9.79381 27.9327 10.3428Z" fill="url(#paint2_radial_0_1)"/>
+<path d="M27.9327 10.3428C27.8545 11.2182 27.8507 11.1884 27.6904 13.305C27.6075 14.3986 28.2021 18.4263 28.2021 18.4263C26.7569 18.8982 23.6261 18.2725 23.1807 13.3597C23.3995 12.8517 23.3761 11.9998 23.6262 9.92076C23.852 8.04338 25.4003 7.86521 26.0647 7.99808C27.534 8.30446 27.9817 9.79381 27.9327 10.3428Z" fill="url(#paint3_radial_0_1)"/>
+<path d="M27.9327 10.3428C27.8545 11.2182 27.8507 11.1884 27.6904 13.305C27.6075 14.3986 28.2021 18.4263 28.2021 18.4263C26.7569 18.8982 23.6261 18.2725 23.1807 13.3597C23.3995 12.8517 23.3761 11.9998 23.6262 9.92076C23.852 8.04338 25.4003 7.86521 26.0647 7.99808C27.534 8.30446 27.9817 9.79381 27.9327 10.3428Z" fill="url(#paint4_radial_0_1)"/>
+<path d="M19.3499 6.07743C20.5665 8.76008 22.0595 12.0522 23.1803 13.3599C23.0049 14.8563 21.6675 15.5717 20.5151 15.3039C19.062 14.882 18.5108 13.8508 18.5108 13.8508C18.5108 13.8508 18.1313 13.2633 17.7608 12.6164C17.3323 11.868 17.4104 11.8848 16.6932 10.5305C16.5525 10.2648 15.8622 8.46195 15.6537 7.73248C15.3254 6.37253 16.1148 5.43987 16.615 5.20018C17.3105 4.86692 18.7614 4.77963 19.3349 6.04429L19.3499 6.07743Z" fill="url(#paint5_radial_0_1)"/>
+<path d="M19.3499 6.07743C20.5665 8.76008 22.0595 12.0522 23.1803 13.3599C23.0049 14.8563 21.6675 15.5717 20.5151 15.3039C19.062 14.882 18.5108 13.8508 18.5108 13.8508C18.5108 13.8508 18.1313 13.2633 17.7608 12.6164C17.3323 11.868 17.4104 11.8848 16.6932 10.5305C16.5525 10.2648 15.8622 8.46195 15.6537 7.73248C15.3254 6.37253 16.1148 5.43987 16.615 5.20018C17.3105 4.86692 18.7614 4.77963 19.3349 6.04429L19.3499 6.07743Z" fill="url(#paint6_linear_0_1)"/>
+<path d="M19.3499 6.07743C20.5665 8.76008 22.0595 12.0522 23.1803 13.3599C23.0049 14.8563 21.6675 15.5717 20.5151 15.3039C19.062 14.882 18.5108 13.8508 18.5108 13.8508C18.5108 13.8508 18.1313 13.2633 17.7608 12.6164C17.3323 11.868 17.4104 11.8848 16.6932 10.5305C16.5525 10.2648 15.8622 8.46195 15.6537 7.73248C15.3254 6.37253 16.1148 5.43987 16.615 5.20018C17.3105 4.86692 18.7614 4.77963 19.3349 6.04429L19.3499 6.07743Z" fill="url(#paint7_radial_0_1)"/>
+<path d="M19.3499 6.07743C20.5665 8.76008 22.0595 12.0522 23.1803 13.3599C23.0049 14.8563 21.6675 15.5717 20.5151 15.3039C19.062 14.882 18.5108 13.8508 18.5108 13.8508C18.5108 13.8508 18.1313 13.2633 17.7608 12.6164C17.3323 11.868 17.4104 11.8848 16.6932 10.5305C16.5525 10.2648 15.8622 8.46195 15.6537 7.73248C15.3254 6.37253 16.1148 5.43987 16.615 5.20018C17.3105 4.86692 18.7614 4.77963 19.3349 6.04429L19.3499 6.07743Z" fill="url(#paint8_radial_0_1)"/>
+<path d="M19.3499 6.07743C20.5665 8.76008 22.0595 12.0522 23.1803 13.3599C23.0049 14.8563 21.6675 15.5717 20.5151 15.3039C19.062 14.882 18.5108 13.8508 18.5108 13.8508C18.5108 13.8508 18.1313 13.2633 17.7608 12.6164C17.3323 11.868 17.4104 11.8848 16.6932 10.5305C16.5525 10.2648 15.8622 8.46195 15.6537 7.73248C15.3254 6.37253 16.1148 5.43987 16.615 5.20018C17.3105 4.86692 18.7614 4.77963 19.3349 6.04429L19.3499 6.07743Z" fill="url(#paint9_linear_0_1)"/>
+<path d="M15.2712 7.38843C15.4668 7.82088 16.8187 10.7805 16.6937 10.5304C17.0573 11.35 18.1831 13.3506 18.5113 13.8975C19.2348 15.1034 18.4182 16.1066 17.8906 16.4131C16.3742 17.2938 15.5034 16.1709 15.5034 16.1709C14.7037 14.9984 14.0347 14.0225 12.7144 11.9444C12.3962 11.3455 11.816 10.0068 11.5822 9.35801C11.005 7.7563 11.9599 6.85956 12.5357 6.57559C13.7862 5.99722 14.9742 6.7319 15.2712 7.38843Z" fill="url(#paint10_radial_0_1)"/>
+<path d="M15.2712 7.38843C15.4668 7.82088 16.8187 10.7805 16.6937 10.5304C17.0573 11.35 18.1831 13.3506 18.5113 13.8975C19.2348 15.1034 18.4182 16.1066 17.8906 16.4131C16.3742 17.2938 15.5034 16.1709 15.5034 16.1709C14.7037 14.9984 14.0347 14.0225 12.7144 11.9444C12.3962 11.3455 11.816 10.0068 11.5822 9.35801C11.005 7.7563 11.9599 6.85956 12.5357 6.57559C13.7862 5.99722 14.9742 6.7319 15.2712 7.38843Z" fill="url(#paint11_linear_0_1)"/>
+<path d="M15.2712 7.38843C15.4668 7.82088 16.8187 10.7805 16.6937 10.5304C17.0573 11.35 18.1831 13.3506 18.5113 13.8975C19.2348 15.1034 18.4182 16.1066 17.8906 16.4131C16.3742 17.2938 15.5034 16.1709 15.5034 16.1709C14.7037 14.9984 14.0347 14.0225 12.7144 11.9444C12.3962 11.3455 11.816 10.0068 11.5822 9.35801C11.005 7.7563 11.9599 6.85956 12.5357 6.57559C13.7862 5.99722 14.9742 6.7319 15.2712 7.38843Z" fill="url(#paint12_radial_0_1)"/>
+<path d="M15.2712 7.38843C15.4668 7.82088 16.8187 10.7805 16.6937 10.5304C17.0573 11.35 18.1831 13.3506 18.5113 13.8975C19.2348 15.1034 18.4182 16.1066 17.8906 16.4131C16.3742 17.2938 15.5034 16.1709 15.5034 16.1709C14.7037 14.9984 14.0347 14.0225 12.7144 11.9444C12.3962 11.3455 11.816 10.0068 11.5822 9.35801C11.005 7.7563 11.9599 6.85956 12.5357 6.57559C13.7862 5.99722 14.9742 6.7319 15.2712 7.38843Z" fill="url(#paint13_radial_0_1)"/>
+<path d="M15.2712 7.38843C15.4668 7.82088 16.8187 10.7805 16.6937 10.5304C17.0573 11.35 18.1831 13.3506 18.5113 13.8975C19.2348 15.1034 18.4182 16.1066 17.8906 16.4131C16.3742 17.2938 15.5034 16.1709 15.5034 16.1709C14.7037 14.9984 14.0347 14.0225 12.7144 11.9444C12.3962 11.3455 11.816 10.0068 11.5822 9.35801C11.005 7.7563 11.9599 6.85956 12.5357 6.57559C13.7862 5.99722 14.9742 6.7319 15.2712 7.38843Z" fill="url(#paint14_radial_0_1)"/>
+<path d="M15.2712 7.38843C15.4668 7.82088 16.8187 10.7805 16.6937 10.5304C17.0573 11.35 18.1831 13.3506 18.5113 13.8975C19.2348 15.1034 18.4182 16.1066 17.8906 16.4131C16.3742 17.2938 15.5034 16.1709 15.5034 16.1709C14.7037 14.9984 14.0347 14.0225 12.7144 11.9444C12.3962 11.3455 11.816 10.0068 11.5822 9.35801C11.005 7.7563 11.9599 6.85956 12.5357 6.57559C13.7862 5.99722 14.9742 6.7319 15.2712 7.38843Z" fill="url(#paint15_linear_0_1)"/>
+<path d="M9.98747 11.4448C11.3709 10.757 12.3869 11.5308 12.7073 11.9528C13.7062 13.4599 14.8977 15.1738 15.4484 16.0849C16.9172 18.5146 13.9094 19.5693 13.9094 19.5693C11.1437 16.4521 10.6321 16.2944 10.4329 16.1421C10.3266 16.0608 9.68518 15.0192 9.37779 14.5086C8.55244 12.8516 9.37783 11.7479 9.98747 11.4448Z" fill="url(#paint16_radial_0_1)"/>
+<path d="M9.98747 11.4448C11.3709 10.757 12.3869 11.5308 12.7073 11.9528C13.7062 13.4599 14.8977 15.1738 15.4484 16.0849C16.9172 18.5146 13.9094 19.5693 13.9094 19.5693C11.1437 16.4521 10.6321 16.2944 10.4329 16.1421C10.3266 16.0608 9.68518 15.0192 9.37779 14.5086C8.55244 12.8516 9.37783 11.7479 9.98747 11.4448Z" fill="url(#paint17_linear_0_1)"/>
+<path d="M9.98747 11.4448C11.3709 10.757 12.3869 11.5308 12.7073 11.9528C13.7062 13.4599 14.8977 15.1738 15.4484 16.0849C16.9172 18.5146 13.9094 19.5693 13.9094 19.5693C11.1437 16.4521 10.6321 16.2944 10.4329 16.1421C10.3266 16.0608 9.68518 15.0192 9.37779 14.5086C8.55244 12.8516 9.37783 11.7479 9.98747 11.4448Z" fill="url(#paint18_radial_0_1)"/>
+<path d="M9.98747 11.4448C11.3709 10.757 12.3869 11.5308 12.7073 11.9528C13.7062 13.4599 14.8977 15.1738 15.4484 16.0849C16.9172 18.5146 13.9094 19.5693 13.9094 19.5693C11.1437 16.4521 10.6321 16.2944 10.4329 16.1421C10.3266 16.0608 9.68518 15.0192 9.37779 14.5086C8.55244 12.8516 9.37783 11.7479 9.98747 11.4448Z" fill="url(#paint19_radial_0_1)"/>
+<path d="M9.98747 11.4448C11.3709 10.757 12.3869 11.5308 12.7073 11.9528C13.7062 13.4599 14.8977 15.1738 15.4484 16.0849C16.9172 18.5146 13.9094 19.5693 13.9094 19.5693C11.1437 16.4521 10.6321 16.2944 10.4329 16.1421C10.3266 16.0608 9.68518 15.0192 9.37779 14.5086C8.55244 12.8516 9.37783 11.7479 9.98747 11.4448Z" fill="url(#paint20_radial_0_1)"/>
+<path d="M9.98747 11.4448C11.3709 10.757 12.3869 11.5308 12.7073 11.9528C13.7062 13.4599 14.8977 15.1738 15.4484 16.0849C16.9172 18.5146 13.9094 19.5693 13.9094 19.5693C11.1437 16.4521 10.6321 16.2944 10.4329 16.1421C10.3266 16.0608 9.68518 15.0192 9.37779 14.5086C8.55244 12.8516 9.37783 11.7479 9.98747 11.4448Z" fill="url(#paint21_radial_0_1)"/>
+<path d="M8.33864 19.5732C6.67544 17.3098 9.08124 15.7513 10.4333 16.1421C11.0739 16.5381 12.0623 17.5292 12.4845 17.9756C15.1658 20.5907 14.7188 21.3975 13.9688 22.2853C13.2422 22.8882 12.2975 23.3704 10.9023 22.2853C10.3396 21.8476 8.94874 20.4035 8.33864 19.5732Z" fill="url(#paint22_radial_0_1)"/>
+<path d="M8.33864 19.5732C6.67544 17.3098 9.08124 15.7513 10.4333 16.1421C11.0739 16.5381 12.0623 17.5292 12.4845 17.9756C15.1658 20.5907 14.7188 21.3975 13.9688 22.2853C13.2422 22.8882 12.2975 23.3704 10.9023 22.2853C10.3396 21.8476 8.94874 20.4035 8.33864 19.5732Z" fill="url(#paint23_radial_0_1)"/>
+<path d="M8.33864 19.5732C6.67544 17.3098 9.08124 15.7513 10.4333 16.1421C11.0739 16.5381 12.0623 17.5292 12.4845 17.9756C15.1658 20.5907 14.7188 21.3975 13.9688 22.2853C13.2422 22.8882 12.2975 23.3704 10.9023 22.2853C10.3396 21.8476 8.94874 20.4035 8.33864 19.5732Z" fill="url(#paint24_radial_0_1)"/>
+<path d="M8.33864 19.5732C6.67544 17.3098 9.08124 15.7513 10.4333 16.1421C11.0739 16.5381 12.0623 17.5292 12.4845 17.9756C15.1658 20.5907 14.7188 21.3975 13.9688 22.2853C13.2422 22.8882 12.2975 23.3704 10.9023 22.2853C10.3396 21.8476 8.94874 20.4035 8.33864 19.5732Z" fill="url(#paint25_radial_0_1)"/>
+<path d="M8.33864 19.5732C6.67544 17.3098 9.08124 15.7513 10.4333 16.1421C11.0739 16.5381 12.0623 17.5292 12.4845 17.9756C15.1658 20.5907 14.7188 21.3975 13.9688 22.2853C13.2422 22.8882 12.2975 23.3704 10.9023 22.2853C10.3396 21.8476 8.94874 20.4035 8.33864 19.5732Z" fill="url(#paint26_linear_0_1)"/>
+<path d="M19.3505 6.07742C20.5671 8.76007 22.0601 12.0522 23.1809 13.3599C23.3998 12.8518 23.3763 11.9999 23.6264 9.9209C23.8523 8.04352 25.4006 7.86535 26.065 7.99822C27.5343 8.3046 27.9819 9.79395 27.9329 10.343C27.8548 11.2183 27.851 11.1885 27.6906 13.3051C27.4562 16.4002 28.652 18.7371 28.7614 21.3867C28.7614 26.381 24.3846 28.8351 21.3208 28.8351C18.8697 28.8351 16.4177 27.2668 15.498 26.4826L10.9023 22.2855C10.3396 21.8478 8.94874 20.4037 8.33864 19.5734C6.67544 17.31 9.08124 15.7515 10.4333 16.1423C10.327 16.061 9.68562 15.0194 9.37823 14.5088C8.55289 12.8518 9.37823 11.7481 9.98786 11.445C11.3713 10.7572 12.3873 11.531 12.7078 11.953C12.5853 11.7446 12.2013 10.9026 11.5823 9.35816C10.9633 7.81376 11.9601 6.85972 12.5358 6.57574C13.7864 5.99737 14.9744 6.73206 15.2714 7.38859C15.4168 7.71008 16.2013 9.4283 16.5429 10.1861C16.2855 9.55775 15.8192 8.30941 15.6543 7.73248C15.3261 6.37253 16.1154 5.43987 16.6156 5.20018C17.3112 4.86692 18.762 4.77963 19.3355 6.04429L19.3505 6.07742Z" fill="url(#paint27_radial_0_1)"/>
+<path d="M19.3505 6.07742C20.5671 8.76007 22.0601 12.0522 23.1809 13.3599C23.3998 12.8518 23.3763 11.9999 23.6264 9.9209C23.8523 8.04352 25.4006 7.86535 26.065 7.99822C27.5343 8.3046 27.9819 9.79395 27.9329 10.343C27.8548 11.2183 27.851 11.1885 27.6906 13.3051C27.4562 16.4002 28.652 18.7371 28.7614 21.3867C28.7614 26.381 24.3846 28.8351 21.3208 28.8351C18.8697 28.8351 16.4177 27.2668 15.498 26.4826L10.9023 22.2855C10.3396 21.8478 8.94874 20.4037 8.33864 19.5734C6.67544 17.31 9.08124 15.7515 10.4333 16.1423C10.327 16.061 9.68562 15.0194 9.37823 14.5088C8.55289 12.8518 9.37823 11.7481 9.98786 11.445C11.3713 10.7572 12.3873 11.531 12.7078 11.953C12.5853 11.7446 12.2013 10.9026 11.5823 9.35816C10.9633 7.81376 11.9601 6.85972 12.5358 6.57574C13.7864 5.99737 14.9744 6.73206 15.2714 7.38859C15.4168 7.71008 16.2013 9.4283 16.5429 10.1861C16.2855 9.55775 15.8192 8.30941 15.6543 7.73248C15.3261 6.37253 16.1154 5.43987 16.6156 5.20018C17.3112 4.86692 18.762 4.77963 19.3355 6.04429L19.3505 6.07742Z" fill="url(#paint28_radial_0_1)"/>
+<path d="M19.3505 6.07742C20.5671 8.76007 22.0601 12.0522 23.1809 13.3599C23.3998 12.8518 23.3763 11.9999 23.6264 9.9209C23.8523 8.04352 25.4006 7.86535 26.065 7.99822C27.5343 8.3046 27.9819 9.79395 27.9329 10.343C27.8548 11.2183 27.851 11.1885 27.6906 13.3051C27.4562 16.4002 28.652 18.7371 28.7614 21.3867C28.7614 26.381 24.3846 28.8351 21.3208 28.8351C18.8697 28.8351 16.4177 27.2668 15.498 26.4826L10.9023 22.2855C10.3396 21.8478 8.94874 20.4037 8.33864 19.5734C6.67544 17.31 9.08124 15.7515 10.4333 16.1423C10.327 16.061 9.68562 15.0194 9.37823 14.5088C8.55289 12.8518 9.37823 11.7481 9.98786 11.445C11.3713 10.7572 12.3873 11.531 12.7078 11.953C12.5853 11.7446 12.2013 10.9026 11.5823 9.35816C10.9633 7.81376 11.9601 6.85972 12.5358 6.57574C13.7864 5.99737 14.9744 6.73206 15.2714 7.38859C15.4168 7.71008 16.2013 9.4283 16.5429 10.1861C16.2855 9.55775 15.8192 8.30941 15.6543 7.73248C15.3261 6.37253 16.1154 5.43987 16.6156 5.20018C17.3112 4.86692 18.762 4.77963 19.3355 6.04429L19.3505 6.07742Z" fill="url(#paint29_radial_0_1)"/>
+<path d="M21.0459 9.66748C21.7967 11.2021 22.5468 12.5768 23.1806 13.3296C23.2453 13.9992 23.3039 14.382 23.4641 14.9601C22.1985 13.6945 20.9746 10.9269 21.0459 9.66748Z" fill="url(#paint30_radial_0_1)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.12588 15.9004C3.42354 15.9004 3.66484 16.1417 3.66484 16.4394C3.66484 17.34 4.02905 18.5454 4.81358 19.5185C5.58469 20.475 6.75349 21.1995 8.39372 21.1995C8.69139 21.1995 8.93269 21.4408 8.93269 21.7385C8.93269 22.0361 8.69139 22.2774 8.39372 22.2774C6.3918 22.2774 4.92667 21.3762 3.97441 20.1951C3.03555 19.0306 2.58691 17.5864 2.58691 16.4394C2.58691 16.1417 2.82822 15.9004 3.12588 15.9004Z" fill="url(#paint31_radial_0_1)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.12588 15.9004C3.42354 15.9004 3.66484 16.1417 3.66484 16.4394C3.66484 17.34 4.02905 18.5454 4.81358 19.5185C5.58469 20.475 6.75349 21.1995 8.39372 21.1995C8.69139 21.1995 8.93269 21.4408 8.93269 21.7385C8.93269 22.0361 8.69139 22.2774 8.39372 22.2774C6.3918 22.2774 4.92667 21.3762 3.97441 20.1951C3.03555 19.0306 2.58691 17.5864 2.58691 16.4394C2.58691 16.1417 2.82822 15.9004 3.12588 15.9004Z" fill="url(#paint32_radial_0_1)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.12588 15.9004C3.42354 15.9004 3.66484 16.1417 3.66484 16.4394C3.66484 17.34 4.02905 18.5454 4.81358 19.5185C5.58469 20.475 6.75349 21.1995 8.39372 21.1995C8.69139 21.1995 8.93269 21.4408 8.93269 21.7385C8.93269 22.0361 8.69139 22.2774 8.39372 22.2774C6.3918 22.2774 4.92667 21.3762 3.97441 20.1951C3.03555 19.0306 2.58691 17.5864 2.58691 16.4394C2.58691 16.1417 2.82822 15.9004 3.12588 15.9004Z" fill="url(#paint33_radial_0_1)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.44814 17.8232C1.74581 17.8232 1.98711 18.0645 1.98711 18.3622C1.98711 20.2726 3.4182 22.8253 6.42338 22.8253C6.72105 22.8253 6.96235 23.0667 6.96235 23.3643C6.96235 23.662 6.72105 23.9033 6.42338 23.9033C2.64447 23.9033 0.90918 20.6723 0.90918 18.3622C0.90918 18.0645 1.15048 17.8232 1.44814 17.8232Z" fill="url(#paint34_radial_0_1)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.44814 17.8232C1.74581 17.8232 1.98711 18.0645 1.98711 18.3622C1.98711 20.2726 3.4182 22.8253 6.42338 22.8253C6.72105 22.8253 6.96235 23.0667 6.96235 23.3643C6.96235 23.662 6.72105 23.9033 6.42338 23.9033C2.64447 23.9033 0.90918 20.6723 0.90918 18.3622C0.90918 18.0645 1.15048 17.8232 1.44814 17.8232Z" fill="url(#paint35_radial_0_1)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21.6359 8.85216C21.3382 8.8541 21.0953 8.61438 21.0934 8.31672C21.0875 7.4161 20.7154 6.21307 19.9245 5.24512C19.1472 4.29372 17.9737 3.57687 16.3335 3.58759C16.0358 3.58954 15.793 3.34982 15.791 3.05216C15.7891 2.75451 16.0288 2.51163 16.3264 2.50969C18.3283 2.4966 19.7993 3.38819 20.7593 4.5631C21.7057 5.72146 22.1638 7.16261 22.1713 8.30968C22.1732 8.60734 21.9335 8.85021 21.6359 8.85216Z" fill="url(#paint36_radial_0_1)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21.6359 8.85216C21.3382 8.8541 21.0953 8.61438 21.0934 8.31672C21.0875 7.4161 20.7154 6.21307 19.9245 5.24512C19.1472 4.29372 17.9737 3.57687 16.3335 3.58759C16.0358 3.58954 15.793 3.34982 15.791 3.05216C15.7891 2.75451 16.0288 2.51163 16.3264 2.50969C18.3283 2.4966 19.7993 3.38819 20.7593 4.5631C21.7057 5.72146 22.1638 7.16261 22.1713 8.30968C22.1732 8.60734 21.9335 8.85021 21.6359 8.85216Z" fill="url(#paint37_radial_0_1)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23.2999 6.91856C23.0023 6.92051 22.7594 6.68079 22.7574 6.38313C22.745 4.47274 21.2972 1.92944 18.2921 1.94908C17.9944 1.95102 17.7516 1.7113 17.7496 1.41365C17.7477 1.11599 17.9874 0.873118 18.285 0.871172C22.0639 0.846473 23.8202 4.06604 23.8353 6.37609C23.8373 6.67374 23.5976 6.91662 23.2999 6.91856Z" fill="url(#paint38_radial_0_1)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23.2999 6.91856C23.0023 6.92051 22.7594 6.68079 22.7574 6.38313C22.745 4.47274 21.2972 1.92944 18.2921 1.94908C17.9944 1.95102 17.7516 1.7113 17.7496 1.41365C17.7477 1.11599 17.9874 0.873118 18.285 0.871172C22.0639 0.846473 23.8202 4.06604 23.8353 6.37609C23.8373 6.67374 23.5976 6.91662 23.2999 6.91856Z" fill="url(#paint39_radial_0_1)"/>
+<g filter="url(#filter0_f_0_1)">
+<path d="M21.5315 13.429C19.594 14.2103 15.2121 16.7763 13.9235 22.4933" stroke="#FFC339" stroke-width="2" stroke-linecap="round"/>
+</g>
+<defs>
+<filter id="filter0_f_0_1" x="10.9229" y="10.4287" width="13.6084" height="15.0649" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_0_1"/>
+</filter>
+<radialGradient id="paint0_radial_0_1" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(18.2674 12.8351) rotate(60.1006) scale(21.052 13.753)">
+<stop offset="0.00323036" stop-color="#FFC133"/>
+<stop offset="0.697824" stop-color="#FFC53F"/>
+<stop offset="0.797459" stop-color="#FFAD3E"/>
+<stop offset="0.945275" stop-color="#EC7D58"/>
+</radialGradient>
+<radialGradient id="paint1_radial_0_1" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(28.7614 17.4601) rotate(-93.0118) scale(12.4901 4.78491)">
+<stop offset="0.00323036" stop-color="#FFE849"/>
+<stop offset="1" stop-color="#FFE647" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint2_radial_0_1" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(27.2611 8.52249) rotate(99.6824) scale(6.68903 2.56255)">
+<stop offset="0.00323036" stop-color="#FFE849"/>
+<stop offset="1" stop-color="#FFE647" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint3_radial_0_1" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(23.1807 12.5508) scale(2.70547 10.9717)">
+<stop stop-color="#EE9F2C"/>
+<stop offset="1" stop-color="#EE9F2C" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint4_radial_0_1" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(24.3679 16.8041) rotate(-94.0856) scale(4.55371 3.16291)">
+<stop stop-color="#FFC93D"/>
+<stop offset="1" stop-color="#FFC33A" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint5_radial_0_1" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(21.8233 9.89126) rotate(151.024) scale(4.78668 9.6155)">
+<stop offset="0.563302" stop-color="#F09D2E" stop-opacity="0"/>
+<stop offset="1" stop-color="#F09D2E"/>
+</radialGradient>
+<linearGradient id="paint6_linear_0_1" x1="19.3782" y1="14.7952" x2="19.3782" y2="12.2101" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFC337"/>
+<stop offset="1" stop-color="#FFC337" stop-opacity="0"/>
+</linearGradient>
+<radialGradient id="paint7_radial_0_1" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(20.8233 6.08513) rotate(-13.4957) scale(3.21374 7.10677)">
+<stop stop-color="#FFEC4C"/>
+<stop offset="1" stop-color="#FFEC4C" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint8_radial_0_1" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(15.5762 4.9873) rotate(33.3064) scale(3.13745 2.43249)">
+<stop stop-color="#D99F2B"/>
+<stop offset="1" stop-color="#D99F2B" stop-opacity="0"/>
+</radialGradient>
+<linearGradient id="paint9_linear_0_1" x1="16.0733" y1="11.3039" x2="17.6358" y2="10.5539" gradientUnits="userSpaceOnUse">
+<stop stop-color="#A85300"/>
+<stop offset="0.824742" stop-color="#A85300" stop-opacity="0"/>
+</linearGradient>
+<radialGradient id="paint10_radial_0_1" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(17.3129 11.3704) rotate(149.148) scale(4.61415 9.62882)">
+<stop offset="0.563302" stop-color="#F09D2E" stop-opacity="0"/>
+<stop offset="1" stop-color="#F09D2E"/>
+</radialGradient>
+<linearGradient id="paint11_linear_0_1" x1="14.9999" y1="16.3745" x2="14.9999" y2="13.7366" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFC337"/>
+<stop offset="1" stop-color="#FFC337" stop-opacity="0"/>
+</linearGradient>
+<radialGradient id="paint12_radial_0_1" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(16.7812 8.42873) rotate(-33.8929) scale(3.06215 9.32271)">
+<stop stop-color="#FFEC4C"/>
+<stop offset="1" stop-color="#FFEC4C" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint13_radial_0_1" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(14.4488 12.21) rotate(-24.9048) scale(3.85884 17.6199)">
+<stop offset="0.597587" stop-color="#F09D2E" stop-opacity="0"/>
+<stop offset="1" stop-color="#F09D2E"/>
+</radialGradient>
+<radialGradient id="paint14_radial_0_1" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(10.9488 6.36621) rotate(32.6006) scale(3.19011 2.54257)">
+<stop stop-color="#D99F2B"/>
+<stop offset="1" stop-color="#D99F2B" stop-opacity="0"/>
+</radialGradient>
+<linearGradient id="paint15_linear_0_1" x1="12.355" y1="12.835" x2="13.3947" y2="12.1081" gradientUnits="userSpaceOnUse">
+<stop stop-color="#A85300"/>
+<stop offset="0.824742" stop-color="#A85300" stop-opacity="0"/>
+</linearGradient>
+<radialGradient id="paint16_radial_0_1" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(14.635 15.3701) rotate(137.351) scale(3.82257 7.48534)">
+<stop offset="0.563302" stop-color="#F09D2E" stop-opacity="0"/>
+<stop offset="1" stop-color="#F09D2E"/>
+</radialGradient>
+<linearGradient id="paint17_linear_0_1" x1="12.4414" y1="19.5693" x2="12.4414" y2="17.3557" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFC337"/>
+<stop offset="1" stop-color="#FFC337" stop-opacity="0"/>
+</linearGradient>
+<radialGradient id="paint18_radial_0_1" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13.6969 12.0887) rotate(-12.2956) scale(2.91135 6.16703)">
+<stop stop-color="#FFEC4C"/>
+<stop offset="1" stop-color="#FFEC4C" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint19_radial_0_1" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(11.9186 16.0746) rotate(-40.2165) scale(4.04959 20.7029)">
+<stop offset="0.597587" stop-color="#F09D2E" stop-opacity="0"/>
+<stop offset="1" stop-color="#F09D2E"/>
+</radialGradient>
+<radialGradient id="paint20_radial_0_1" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(8.59916 11.1709) rotate(29.5034) scale(2.92865 2.20418)">
+<stop stop-color="#D99F2B"/>
+<stop offset="1" stop-color="#D99F2B" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint21_radial_0_1" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(10.1359 16.9287) rotate(-45.7639) scale(1.65743 7.48347)">
+<stop stop-color="#A85300"/>
+<stop offset="0.824742" stop-color="#A85300" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint22_radial_0_1" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13.7853 19.7177) rotate(143.369) scale(3.75802 7.07093)">
+<stop offset="0.563302" stop-color="#F09D2E" stop-opacity="0"/>
+<stop offset="1" stop-color="#F09D2E"/>
+</radialGradient>
+<radialGradient id="paint23_radial_0_1" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(12.7791 16.8767) rotate(-9.97765) scale(3.09805 5.38208)">
+<stop stop-color="#FFEC4C"/>
+<stop offset="1" stop-color="#FFEC4C" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint24_radial_0_1" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(10.8716 20.3277) rotate(-34.3137) scale(4.01583 19.3881)">
+<stop offset="0.597587" stop-color="#F09D2E" stop-opacity="0"/>
+<stop offset="1" stop-color="#F09D2E"/>
+</radialGradient>
+<radialGradient id="paint25_radial_0_1" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(7.31101 16.082) rotate(24.5478) scale(3.0057 1.99452)">
+<stop stop-color="#D99F2B"/>
+<stop offset="1" stop-color="#D99F2B" stop-opacity="0"/>
+</radialGradient>
+<linearGradient id="paint26_linear_0_1" x1="13.9489" y1="26.585" x2="11.4323" y2="21.4368" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFC337"/>
+<stop offset="1" stop-color="#FFC337" stop-opacity="0"/>
+</linearGradient>
+<radialGradient id="paint27_radial_0_1" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(22.9489 11.5226) rotate(129.014) scale(17.3747 28.0986)">
+<stop offset="0.872168" stop-color="#F6814F" stop-opacity="0"/>
+<stop offset="1" stop-color="#F7814F"/>
+</radialGradient>
+<radialGradient id="paint28_radial_0_1" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(19.3239 11.7101) rotate(76.293) scale(18.4633 20.2583)">
+<stop offset="0.853453" stop-color="#F6814F" stop-opacity="0"/>
+<stop offset="1" stop-color="#F7814F"/>
+</radialGradient>
+<radialGradient id="paint29_radial_0_1" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(23.5114 7.02263) rotate(64.44) scale(3.18689 2.84106)">
+<stop stop-color="#D99F2B"/>
+<stop offset="1" stop-color="#D99F2B" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint30_radial_0_1" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(23.4641 13.1163) rotate(149.254) scale(1.2136 3.75534)">
+<stop offset="0.200941" stop-color="#B4813D"/>
+<stop offset="1" stop-color="#B4813D" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint31_radial_0_1" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(3.89268 16.1893) rotate(62.071) scale(5.31217 7.87818)">
+<stop stop-color="#419FFD"/>
+<stop offset="1" stop-color="#4B6DCB"/>
+</radialGradient>
+<radialGradient id="paint32_radial_0_1" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(2.39046 16.5851) rotate(2.38594) scale(0.750651 1.57975)">
+<stop stop-color="#5486C7"/>
+<stop offset="1" stop-color="#5486C7" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint33_radial_0_1" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(8.01546 20.8663) rotate(111.801) scale(0.757289 2.22747)">
+<stop stop-color="#5486C7"/>
+<stop offset="1" stop-color="#5486C7" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint34_radial_0_1" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(4.28095 18.9603) rotate(94.7123) scale(4.2017 7.06475)">
+<stop stop-color="#419FFD"/>
+<stop offset="1" stop-color="#4B6DCB"/>
+</radialGradient>
+<radialGradient id="paint35_radial_0_1" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(0.721781 18.4761) rotate(2.38479) scale(0.716037 1.50618)">
+<stop stop-color="#5486C7"/>
+<stop offset="1" stop-color="#5486C7" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint36_radial_0_1" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(17.5073 1.34638) rotate(60.1958) scale(4.46319 6.61911)">
+<stop stop-color="#419FFD"/>
+<stop offset="1" stop-color="#4B6DCB"/>
+</radialGradient>
+<radialGradient id="paint37_radial_0_1" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(15.6696 2.96257) rotate(18.8618) scale(0.642112 1.03351)">
+<stop stop-color="#4D8AC1"/>
+<stop offset="1" stop-color="#4D8AC1" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint38_radial_0_1" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(19.3866 -0.237794) rotate(60.69) scale(5.54462 8.22505)">
+<stop stop-color="#419FFD"/>
+<stop offset="1" stop-color="#4B6DCB"/>
+</radialGradient>
+<radialGradient id="paint39_radial_0_1" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(17.6336 1.30313) rotate(18.8531) scale(0.612472 0.985431)">
+<stop stop-color="#4D8AC1"/>
+<stop offset="1" stop-color="#4D8AC1" stop-opacity="0"/>
+</radialGradient>
+</defs>
+</svg>

package/assets/images/icons/x.svg

@@ -0,0 +1,5 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none"
+    xmlns="http://www.w3.org/2000/svg">
+    <path d="M10.5 3.5L3.5 10.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M3.5 3.5L10.5 10.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/components/ActionMetadata.vue

@@ -0,0 +1,50 @@
+<script lang="ts" setup>
+
+defineProps<{
+  metadata: any;
+  chain_id: number | string;
+}>();
+
+</script>
+
+<template>
+  <div>
+    <MetadataTransfer v-if="metadata.type === 'transfer'" :metadata="metadata" :chain_id="chain_id" />
+    <MetadataCrossTransfer v-if="metadata.type === 'cross-transfer'" :metadata="metadata" :chain_id="chain_id" />
+    <MetadataGasTopup v-if="metadata.type === 'gas-topup'" :metadata="metadata" :chain_id="chain_id" />
+    <MetadataSwap v-if="metadata.type === 'swap'" :metadata="metadata" :chain_id="chain_id" />
+    <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 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
+      }}</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">
+      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>
+    </div>
+    <div v-if="metadata.type === 'instadapp-pro'" class="self-start capitalize flex gap-3">
+      Instadapp Pro |
+      {{ metadata?.castDetails }}
+    </div>
+  </div>
+</template>

package/components/ChainLogo.vue

@@ -556,7 +556,7 @@
 
 <script lang="ts" setup>
 defineProps<{
-  chain: ChainId;
+  chain: ChainId | number | string;
   stroke?: boolean;
 }>();
 

package/components/metadata/Bridge.vue

@@ -0,0 +1,37 @@
+<script setup lang="ts">
+
+const props = defineProps<{
+  metadata: any;
+  chain_id: number | string
+}>();
+
+const toToken = asyncComputed(() =>
+  fetchTokenByAddress(props.metadata?.toToken, props.metadata?.toChainId)
+);
+
+const bridgeAmountFormatted = computed(() =>
+  formatDecimal(
+    fromWei(props.metadata?.amount, toToken?.value?.decimals).toFixed()
+  )
+);
+</script>
+
+<template>
+  <div v-if="!toToken" class="rounded-5 w-24 h-4 loading-box" />
+  <div
+    class="flex gap-5 items-center"
+    v-if="metadata.type === 'bridge' && toToken"
+  >
+    <span class="capitalize text-xs sm:text-sm">{{ metadata.type }}</span>
+    <span class="inline-flex gap-2.5 items-center">
+      <img width="20" height="20" class="w-5 h-5" :src="toToken.logo_url" />
+      {{ bridgeAmountFormatted }}
+      <span class="uppercase">{{ toToken?.symbol }}</span>
+      <SvgoBridge class="text-slate-400 w-5 h-5" />
+      <span class="flex items-center gap-2.5">
+        <ChainLogo class="w-5" :chain="metadata.toChainId" />
+        <span>{{ chainIdToName(metadata.toChainId) }}</span>
+      </span>
+    </span>
+  </div>
+</template>

package/components/metadata/CrossTransfer.vue

@@ -0,0 +1,65 @@
+<script setup lang="ts">
+
+const props = defineProps<{
+  metadata: any;
+  chain_id: number | string
+}>();
+
+const fromToken = asyncComputed(() => {
+  if (!props?.chain_id) return null;
+
+  return fetchTokenByAddress(
+    props.metadata?.fromToken,
+    props?.chain_id
+  );
+});
+
+const formattedFromAmount = computed(() =>
+  formatDecimal(
+    fromWei(props.metadata?.amount, fromToken?.value?.decimals).toFixed()
+  )
+);
+</script>
+
+<template>
+  <div class="h-[60px]" v-if="!fromToken">
+    <div class="rounded-5 w-24 h-4 loading-box" />
+  </div>
+  <div class="flex gap-5 flex-col" v-else>
+    <div class="flex items-center gap-5">
+      <span class="capitalize text-xs sm:text-sm">Cross-chain send</span>
+      <span class="inline-flex gap-2.5 items-center">
+        <img width="20" height="20" class="w-5 h-5" :src="fromToken?.logo_url" />
+        {{ formattedFromAmount }}
+        <span class="uppercase">{{ fromToken?.symbol }}</span>
+      </span>
+    </div>
+
+    <div class="flex items-center gap-2.5">
+      <span class="flex items-center gap-2.5">
+        <ChainLogo class="w-5" :chain="chain_id" />
+        <span>{{ chainIdToName(chain_id) }}</span>
+      </span>
+
+      <ArrowRight class="w-4 h-4 text-slate-400" />
+
+      <span class="flex items-center gap-2.5">
+        <ChainLogo class="w-5" :chain="metadata?.toChainId" />
+
+        <a
+          target="_blank"
+          class="text-primary"
+          :href="
+            getExplorerUrl(
+              metadata?.toChainId,
+              `/address/${metadata.receiver}`
+            )
+          "
+          >{{ shortenHash(metadata.receiver) }}</a
+        >
+        on
+        <span>{{ chainIdToName(metadata?.toChainId) }}</span>
+      </span>
+    </div>
+  </div>
+</template>

package/components/metadata/GasTopup.vue

@@ -0,0 +1,31 @@
+<script setup lang="ts">
+
+const props = defineProps<{
+  metadata: any;
+  chain_id: number | string
+}>();
+
+const token = asyncComputed(() =>
+  fetchTokenByAddress(props.metadata?.token, props?.chain_id)
+);
+
+const formattedAmount = computed(() =>
+  formatDecimal(
+    fromWei(props.metadata?.amount, token?.value?.decimals).toFixed()
+  )
+);
+</script>
+
+<template>
+  <div v-if="!token" class="rounded-5 w-24 h-4 loading-box" />
+  <div class="flex items-center gap-5" v-else>
+    <span class="capitalize text-xs sm:text-sm">{{ metadata.type }}</span>
+    <span class="inline-flex gap-2.5 items-center">
+      <img width="20" height="20" class="w-5 h-5" :src="token?.logo_url" />
+      {{ formattedAmount }}
+      <span class="uppercase">{{ token?.symbol }}</span>
+      <SvgoGas class="w-4 h-4 text-slate-400 mx-2" />
+      <span>{{ shortenHash(metadata.onBehalf) }}</span>
+    </span>
+  </div>
+</template>

package/components/metadata/Permit2.vue

@@ -0,0 +1,37 @@
+<script setup lang="ts">
+
+const props = defineProps<{
+  metadata: any;
+  chain_id: number | string
+}>();
+
+const token = asyncComputed(() =>
+  fetchTokenByAddress(props.metadata?.token, props?.chain_id)
+);
+
+const calculateDate = (timestamp: number) => {
+  return new Date(timestamp * 1000).toLocaleString();
+};
+</script>
+
+<template>
+  <div v-if="!token" class="rounded-5 w-24 h-4 loading-box" />
+  <div v-else class="inline-flex items-center gap-2 flex-wrap">
+    <span>Permit2 Allowance: </span>
+    <img width="20" height="20" class="w-5 h-5" :src="token?.logo_url" />
+    <span class="capitalize">{{ token?.symbol }}</span>
+    to
+    <NuxtLink
+      class="text-primary"
+      :href="
+        getExplorerUrl(chain_id, `/address/${metadata.spender}`)
+      "
+      target="_blank"
+      external
+    >
+      {{ shortenHash(metadata.spender) }}
+    </NuxtLink>
+    |
+    <span> Expiration date at {{ calculateDate(metadata?.expiration) }}</span>
+  </div>
+</template>

package/components/metadata/Swap.vue

@@ -0,0 +1,66 @@
+<script setup lang="ts">
+
+const props = defineProps<{
+  metadata: any;
+  chain_id: number | string
+}>();
+
+
+const buyToken = asyncComputed(() =>
+  fetchTokenByAddress(props.metadata?.buyToken, props?.chain_id)
+);
+const sellToken = asyncComputed(() =>
+  fetchTokenByAddress(props.metadata?.sellToken, props?.chain_id)
+);
+
+const sellAmountFormatted = computed(() =>
+  formatDecimal(
+    fromWei(props.metadata?.sellAmount, sellToken?.value?.decimals).toFixed()
+  )
+);
+
+const buyAmountFormatted = computed(() =>
+  formatDecimal(
+    fromWei(props.metadata?.buyAmount, buyToken?.value?.decimals).toFixed()
+  )
+);
+
+const formatProtocol = (protocol: string) => {
+  return (
+    new Map([
+      ["1inch-v5", "1inch"],
+      ["0x-v1", "0x"],
+      ["paraswap-v5", "Paraswap"],
+      ["kyber-v1", "Kyber Network"],
+    ]).get(protocol) || protocol
+  );
+};
+
+
+</script>
+
+<template>
+  <div v-if="!sellToken || !buyToken" class="rounded-5 w-24 h-4 loading-box" />
+  <div
+      class="flex items-center gap-5"
+        v-else
+    >
+      <span class="capitalize text-xs sm:text-sm">{{ metadata.type }}</span>
+      <span class="inline-flex gap-2.5 items-center">
+        <img width="20" height="20" class="w-5 h-5" :src="sellToken?.logo_url" />
+        {{ sellAmountFormatted }}
+        <span class="uppercase">{{ sellToken?.symbol }}</span>
+        <SvgoRefresh class="w-4 h-4 text-slate-400 mx-2" />
+        <img width="20" height="20" class="w-5 h-5" :src="buyToken?.logo_url" />
+        {{ buyAmountFormatted }}
+        <span class="uppercase">{{ buyToken?.symbol }}</span>
+        <span
+          class="capitalize hidden sm:flex items-center gap-2.5"
+          v-if="metadata.protocol"
+        >
+          On <ProtocolLogo class="w-5 h-5" :name="metadata.protocol" />
+          {{ formatProtocol(metadata.protocol) }}
+        </span>
+      </span>
+    </div>
+</template>

package/components/metadata/Transfer.vue

@@ -0,0 +1,43 @@
+<script setup lang="ts">
+
+const props = defineProps<{
+  metadata: any;
+  chain_id: number | string
+}>();
+
+
+const token = asyncComputed(() => {
+  if (!props?.chain_id) return null;
+
+  return fetchTokenByAddress(
+    props.metadata?.token,
+    props?.chain_id
+  );
+});
+
+const formattedAmount = computed(() =>
+  formatDecimal(
+    fromWei(props.metadata?.amount, token?.value?.decimals).toFixed()
+  )
+);
+</script>
+
+<template>
+  <div v-if="!token" class="rounded-5 w-24 h-4 loading-box" />
+  <div class="flex items-center gap-5" v-else>
+    <span class="capitalize text-xs sm:text-sm">{{ metadata.type }}</span>
+    <span class="inline-flex gap-2.5 items-center">
+      <img width="20" height="20" class="w-5 h-5" :src="token?.logo_url" />
+      {{ formattedAmount }}
+      <span class="uppercase">{{ token?.symbol }}</span>
+      <SvgoArrowRight class="w-4 h-4 text-slate-400 mx-2" />
+      <a
+        class="text-primary"
+        :href="
+          getExplorerUrl(chain_id, `/address/${metadata.receiver}`)
+        "
+        >{{ shortenHash(metadata.receiver) }}</a
+      >
+    </span>
+  </div>
+</template>

package/components.d.ts

@@ -0,0 +1,13 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+export {}
+
+declare module 'vue' {
+  export interface GlobalComponents {
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+  }
+}

package/contracts/Forwarder.ts

@@ -84,9 +84,9 @@ export declare namespace AvoCoreStructs {
 
   export type CastForwardParamsStruct = {
     gas: PromiseOrValue<BigNumberish>;
-    validUntil: PromiseOrValue<BigNumberish>;
-    validAfter: PromiseOrValue<BigNumberish>;
     gasPrice: PromiseOrValue<BigNumberish>;
+    validAfter: PromiseOrValue<BigNumberish>;
+    validUntil: PromiseOrValue<BigNumberish>;
   };
 
   export type CastForwardParamsStructOutput = [
@@ -96,9 +96,9 @@ export declare namespace AvoCoreStructs {
     BigNumber
   ] & {
     gas: BigNumber;
-    validUntil: BigNumber;
-    validAfter: BigNumber;
     gasPrice: BigNumber;
+    validAfter: BigNumber;
+    validUntil: BigNumber;
   };
 
   export type SignatureParamsStruct = {