@huma-finance/widgets 0.0.36 → 0.0.37

package/src/components/icons/receipt.svg

@@ -1,3 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M18 17H6V15H18V17ZM18 13H6V11H18V13ZM18 9H6V7H18V9ZM3 22L4.5 20.5L6 22L7.5 20.5L9 22L10.5 20.5L12 22L13.5 20.5L15 22L16.5 20.5L18 22L19.5 20.5L21 22V2L19.5 3.5L18 2L16.5 3.5L15 2L13.5 3.5L12 2L10.5 3.5L9 2L7.5 3.5L6 2L4.5 3.5L3 2V22Z" fill="#76707E"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18 17H6V15H18V17ZM18 13H6V11H18V13ZM18 9H6V7H18V9ZM3 22L4.5 20.5L6 22L7.5 20.5L9 22L10.5 20.5L12 22L13.5 20.5L15 22L16.5 20.5L18 22L19.5 20.5L21 22V2L19.5 3.5L18 2L16.5 3.5L15 2L13.5 3.5L12 2L10.5 3.5L9 2L7.5 3.5L6 2L4.5 3.5L3 2V22Z" fill="#76707E"/>
+</svg>

package/src/components/icons/separator.svg

@@ -1,3 +1,3 @@
-<svg width="2" height="14" viewBox="0 0 2 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="2" height="14" fill="#E0E0E0"/>
-</svg>
+<svg width="2" height="14" viewBox="0 0 2 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="2" height="14" fill="#E0E0E0"/>
+</svg>

package/src/components/icons/sorry.svg

@@ -1,17 +1,17 @@
-<svg width="168" height="170" viewBox="0 0 168 170" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_1696_4312)">
-<path d="M164.745 121.783L113.377 16.7162C113.154 16.2562 112.865 15.8309 112.52 15.4538L107.13 9.58644C107.475 9.96357 107.763 10.3888 107.986 10.8489L159.355 115.916C161.289 119.869 157.976 124.821 153.392 124.828L31.636 125.019C29.953 125.022 28.5621 124.356 27.6072 123.317L32.9973 129.184C33.9523 130.224 35.3432 130.889 37.0262 130.887L158.782 130.696C163.366 130.688 166.679 125.737 164.745 121.783Z" fill="#B246FF"/>
-<path d="M160.819 130.643C160.169 130.854 159.484 130.966 158.783 130.967L37.0266 131.158C35.3621 131.161 33.8603 130.525 32.7972 129.368L27.407 123.5C27.3581 123.447 27.3324 123.377 27.3354 123.305C27.3384 123.233 27.3698 123.165 27.4229 123.116C27.4759 123.067 27.5462 123.041 27.6182 123.044C27.6902 123.047 27.758 123.079 27.8069 123.132C28.7653 124.175 30.1252 124.749 31.6353 124.747L153.392 124.556C155.54 124.553 157.529 123.416 158.711 121.516C159.79 119.779 159.94 117.73 159.111 116.035L107.742 10.9676C107.531 10.5334 107.26 10.1318 106.935 9.77527L106.929 9.76981C106.881 9.71664 106.855 9.64633 106.858 9.57429C106.861 9.50224 106.892 9.43434 106.945 9.38546C106.972 9.36126 107.002 9.34248 107.036 9.33019C107.069 9.31791 107.105 9.31236 107.14 9.31388C107.176 9.31539 107.211 9.32393 107.243 9.33902C107.276 9.3541 107.305 9.37542 107.329 9.40176L112.719 15.2695C113.082 15.666 113.385 16.113 113.62 16.5966L164.989 121.663C165.901 123.529 165.741 125.774 164.562 127.671C163.665 129.114 162.337 130.15 160.819 130.643ZM29.4093 124.877L33.1971 129C34.1556 130.043 35.5154 130.616 37.0255 130.614L158.782 130.423C160.93 130.42 162.919 129.284 164.101 127.384C165.181 125.647 165.33 123.598 164.501 121.902L113.132 16.8352C112.921 16.3988 112.647 15.9953 112.32 15.6373L108.707 11.7048L159.599 115.796C160.511 117.661 160.351 119.907 159.172 121.804C157.891 123.864 155.731 125.096 153.393 125.1L31.6367 125.291C30.8479 125.292 30.0957 125.15 29.4093 124.877Z" fill="#111111"/>
-<path d="M159.354 115.915C161.288 119.869 157.975 124.821 153.391 124.828L31.6351 125.019C27.0544 125.026 24.6368 120.083 27.2869 116.123L97.6742 10.8644C98.9993 8.88367 101.094 7.89157 103.1 7.88828C105.105 7.88507 107.02 8.87119 107.985 10.848L159.354 115.915L159.354 115.915Z" fill="white"/>
-<path d="M155.428 124.776C154.778 124.988 154.093 125.099 153.392 125.1L31.6357 125.291C29.4645 125.294 27.5815 124.199 26.5988 122.361C25.5382 120.378 25.7109 117.989 27.0608 115.971L97.4482 10.7134C98.7427 8.77859 100.854 7.62073 103.099 7.61685C105.358 7.61352 107.276 8.77698 108.229 10.7294L159.598 115.796C160.51 117.661 160.35 119.907 159.171 121.804C158.274 123.246 156.947 124.283 155.429 124.776L155.428 124.776ZM101.244 8.4572C99.9098 8.89065 98.7255 9.78191 97.8998 11.0161L27.5122 116.274C26.2759 118.122 26.1136 120.302 27.0776 122.105C27.964 123.763 29.6673 124.75 31.6341 124.747L153.39 124.556C155.539 124.553 157.528 123.417 158.71 121.516C159.789 119.78 159.939 117.731 159.11 116.035C158.28 114.34 107.741 10.9681 107.741 10.9681C106.881 9.2069 105.146 8.15755 103.1 8.16077C102.469 8.16205 101.843 8.26201 101.244 8.4572Z" fill="#111111"/>
-<path d="M106.58 41.749L101.105 89.5028L90.231 89.5199L93.4905 41.7697L106.58 41.749Z" fill="#B246FF"/>
-<path d="M101.189 89.7611C101.163 89.7697 101.135 89.7742 101.105 89.7746L90.2313 89.7917C90.194 89.7918 90.157 89.7842 90.1228 89.7694C90.0885 89.7546 90.0577 89.7328 90.0322 89.7056C90.0067 89.6783 89.9871 89.646 89.9747 89.6108C89.9622 89.5756 89.9571 89.5382 89.9598 89.501L93.219 41.7508C93.2236 41.6821 93.2541 41.6178 93.3043 41.5708C93.3545 41.5238 93.4207 41.4976 93.4895 41.4977L106.579 41.4771C106.617 41.4771 106.655 41.4852 106.69 41.5009C106.725 41.5166 106.756 41.5395 106.782 41.5681C106.807 41.5968 106.826 41.6305 106.838 41.667C106.85 41.7036 106.853 41.7422 106.849 41.7803L101.374 89.5339C101.368 89.5857 101.348 89.6346 101.315 89.6749C101.282 89.7152 101.238 89.7452 101.188 89.7613L101.189 89.7611ZM90.5216 89.2472L100.862 89.231L106.275 42.0214L93.7442 42.0409L90.5216 89.2472Z" fill="#111111"/>
-<path d="M99.9416 100.867L98.9605 111.712L88.0867 111.729L89.0675 100.884L99.9416 100.867Z" fill="#B246FF"/>
-<path d="M99.0449 111.971C99.0185 111.979 98.9906 111.984 98.9613 111.984L88.0872 112.001C88.0493 112.001 88.0119 111.994 87.9773 111.978C87.9427 111.963 87.9116 111.941 87.8861 111.913C87.8606 111.885 87.8411 111.852 87.8291 111.816C87.817 111.78 87.8125 111.742 87.8159 111.705L88.7964 100.86C88.8024 100.792 88.8334 100.729 88.8834 100.683C88.9334 100.638 88.9987 100.612 89.0665 100.612L99.9406 100.595C99.9784 100.595 100.016 100.603 100.05 100.618C100.085 100.633 100.116 100.656 100.142 100.684C100.167 100.712 100.187 100.745 100.199 100.78C100.211 100.816 100.215 100.854 100.212 100.892L99.2313 111.737C99.2265 111.79 99.2063 111.84 99.1732 111.882C99.14 111.923 99.0954 111.954 99.0449 111.971ZM88.3843 111.457L98.7126 111.44L99.644 101.14L89.3157 101.156L88.3843 111.457Z" fill="#111111"/>
-</g>
-<defs>
-<clipPath id="clip0_1696_4312">
-<rect width="131.978" height="135.155" fill="white" transform="translate(0 40.7832) rotate(-18)"/>
-</clipPath>
-</defs>
-</svg>
+<svg width="168" height="170" viewBox="0 0 168 170" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1696_4312)">
+<path d="M164.745 121.783L113.377 16.7162C113.154 16.2562 112.865 15.8309 112.52 15.4538L107.13 9.58644C107.475 9.96357 107.763 10.3888 107.986 10.8489L159.355 115.916C161.289 119.869 157.976 124.821 153.392 124.828L31.636 125.019C29.953 125.022 28.5621 124.356 27.6072 123.317L32.9973 129.184C33.9523 130.224 35.3432 130.889 37.0262 130.887L158.782 130.696C163.366 130.688 166.679 125.737 164.745 121.783Z" fill="#B246FF"/>
+<path d="M160.819 130.643C160.169 130.854 159.484 130.966 158.783 130.967L37.0266 131.158C35.3621 131.161 33.8603 130.525 32.7972 129.368L27.407 123.5C27.3581 123.447 27.3324 123.377 27.3354 123.305C27.3384 123.233 27.3698 123.165 27.4229 123.116C27.4759 123.067 27.5462 123.041 27.6182 123.044C27.6902 123.047 27.758 123.079 27.8069 123.132C28.7653 124.175 30.1252 124.749 31.6353 124.747L153.392 124.556C155.54 124.553 157.529 123.416 158.711 121.516C159.79 119.779 159.94 117.73 159.111 116.035L107.742 10.9676C107.531 10.5334 107.26 10.1318 106.935 9.77527L106.929 9.76981C106.881 9.71664 106.855 9.64633 106.858 9.57429C106.861 9.50224 106.892 9.43434 106.945 9.38546C106.972 9.36126 107.002 9.34248 107.036 9.33019C107.069 9.31791 107.105 9.31236 107.14 9.31388C107.176 9.31539 107.211 9.32393 107.243 9.33902C107.276 9.3541 107.305 9.37542 107.329 9.40176L112.719 15.2695C113.082 15.666 113.385 16.113 113.62 16.5966L164.989 121.663C165.901 123.529 165.741 125.774 164.562 127.671C163.665 129.114 162.337 130.15 160.819 130.643ZM29.4093 124.877L33.1971 129C34.1556 130.043 35.5154 130.616 37.0255 130.614L158.782 130.423C160.93 130.42 162.919 129.284 164.101 127.384C165.181 125.647 165.33 123.598 164.501 121.902L113.132 16.8352C112.921 16.3988 112.647 15.9953 112.32 15.6373L108.707 11.7048L159.599 115.796C160.511 117.661 160.351 119.907 159.172 121.804C157.891 123.864 155.731 125.096 153.393 125.1L31.6367 125.291C30.8479 125.292 30.0957 125.15 29.4093 124.877Z" fill="#111111"/>
+<path d="M159.354 115.915C161.288 119.869 157.975 124.821 153.391 124.828L31.6351 125.019C27.0544 125.026 24.6368 120.083 27.2869 116.123L97.6742 10.8644C98.9993 8.88367 101.094 7.89157 103.1 7.88828C105.105 7.88507 107.02 8.87119 107.985 10.848L159.354 115.915L159.354 115.915Z" fill="white"/>
+<path d="M155.428 124.776C154.778 124.988 154.093 125.099 153.392 125.1L31.6357 125.291C29.4645 125.294 27.5815 124.199 26.5988 122.361C25.5382 120.378 25.7109 117.989 27.0608 115.971L97.4482 10.7134C98.7427 8.77859 100.854 7.62073 103.099 7.61685C105.358 7.61352 107.276 8.77698 108.229 10.7294L159.598 115.796C160.51 117.661 160.35 119.907 159.171 121.804C158.274 123.246 156.947 124.283 155.429 124.776L155.428 124.776ZM101.244 8.4572C99.9098 8.89065 98.7255 9.78191 97.8998 11.0161L27.5122 116.274C26.2759 118.122 26.1136 120.302 27.0776 122.105C27.964 123.763 29.6673 124.75 31.6341 124.747L153.39 124.556C155.539 124.553 157.528 123.417 158.71 121.516C159.789 119.78 159.939 117.731 159.11 116.035C158.28 114.34 107.741 10.9681 107.741 10.9681C106.881 9.2069 105.146 8.15755 103.1 8.16077C102.469 8.16205 101.843 8.26201 101.244 8.4572Z" fill="#111111"/>
+<path d="M106.58 41.749L101.105 89.5028L90.231 89.5199L93.4905 41.7697L106.58 41.749Z" fill="#B246FF"/>
+<path d="M101.189 89.7611C101.163 89.7697 101.135 89.7742 101.105 89.7746L90.2313 89.7917C90.194 89.7918 90.157 89.7842 90.1228 89.7694C90.0885 89.7546 90.0577 89.7328 90.0322 89.7056C90.0067 89.6783 89.9871 89.646 89.9747 89.6108C89.9622 89.5756 89.9571 89.5382 89.9598 89.501L93.219 41.7508C93.2236 41.6821 93.2541 41.6178 93.3043 41.5708C93.3545 41.5238 93.4207 41.4976 93.4895 41.4977L106.579 41.4771C106.617 41.4771 106.655 41.4852 106.69 41.5009C106.725 41.5166 106.756 41.5395 106.782 41.5681C106.807 41.5968 106.826 41.6305 106.838 41.667C106.85 41.7036 106.853 41.7422 106.849 41.7803L101.374 89.5339C101.368 89.5857 101.348 89.6346 101.315 89.6749C101.282 89.7152 101.238 89.7452 101.188 89.7613L101.189 89.7611ZM90.5216 89.2472L100.862 89.231L106.275 42.0214L93.7442 42.0409L90.5216 89.2472Z" fill="#111111"/>
+<path d="M99.9416 100.867L98.9605 111.712L88.0867 111.729L89.0675 100.884L99.9416 100.867Z" fill="#B246FF"/>
+<path d="M99.0449 111.971C99.0185 111.979 98.9906 111.984 98.9613 111.984L88.0872 112.001C88.0493 112.001 88.0119 111.994 87.9773 111.978C87.9427 111.963 87.9116 111.941 87.8861 111.913C87.8606 111.885 87.8411 111.852 87.8291 111.816C87.817 111.78 87.8125 111.742 87.8159 111.705L88.7964 100.86C88.8024 100.792 88.8334 100.729 88.8834 100.683C88.9334 100.638 88.9987 100.612 89.0665 100.612L99.9406 100.595C99.9784 100.595 100.016 100.603 100.05 100.618C100.085 100.633 100.116 100.656 100.142 100.684C100.167 100.712 100.187 100.745 100.199 100.78C100.211 100.816 100.215 100.854 100.212 100.892L99.2313 111.737C99.2265 111.79 99.2063 111.84 99.1732 111.882C99.14 111.923 99.0954 111.954 99.0449 111.971ZM88.3843 111.457L98.7126 111.44L99.644 101.14L89.3157 101.156L88.3843 111.457Z" fill="#111111"/>
+</g>
+<defs>
+<clipPath id="clip0_1696_4312">
+<rect width="131.978" height="135.155" fill="white" transform="translate(0 40.7832) rotate(-18)"/>
+</clipPath>
+</defs>
+</svg>

package/src/components/icons/usdc.svg

@@ -1,5 +1,5 @@
-<svg data-name="86977684-12db-4850-8f30-233a7c267d11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2000 2000">
-  <path d="M1000 2000c554.17 0 1000-445.83 1000-1000S1554.17 0 1000 0 0 445.83 0 1000s445.83 1000 1000 1000z" fill="#2775ca"/>
-  <path d="M1275 1158.33c0-145.83-87.5-195.83-262.5-216.66-125-16.67-150-50-150-108.34s41.67-95.83 125-95.83c75 0 116.67 25 137.5 87.5 4.17 12.5 16.67 20.83 29.17 20.83h66.66c16.67 0 29.17-12.5 29.17-29.16v-4.17c-16.67-91.67-91.67-162.5-187.5-170.83v-100c0-16.67-12.5-29.17-33.33-33.34h-62.5c-16.67 0-29.17 12.5-33.34 33.34v95.83c-125 16.67-204.16 100-204.16 204.17 0 137.5 83.33 191.66 258.33 212.5 116.67 20.83 154.17 45.83 154.17 112.5s-58.34 112.5-137.5 112.5c-108.34 0-145.84-45.84-158.34-108.34-4.16-16.66-16.66-25-29.16-25h-70.84c-16.66 0-29.16 12.5-29.16 29.17v4.17c16.66 104.16 83.33 179.16 220.83 200v100c0 16.66 12.5 29.16 33.33 33.33h62.5c16.67 0 29.17-12.5 33.34-33.33v-100c125-20.84 208.33-108.34 208.33-220.84z" fill="#fff"/>
-  <path d="M787.5 1595.83c-325-116.66-491.67-479.16-370.83-800 62.5-175 200-308.33 370.83-370.83 16.67-8.33 25-20.83 25-41.67V325c0-16.67-8.33-29.17-25-33.33-4.17 0-12.5 0-16.67 4.16-395.83 125-612.5 545.84-487.5 941.67 75 233.33 254.17 412.5 487.5 487.5 16.67 8.33 33.34 0 37.5-16.67 4.17-4.16 4.17-8.33 4.17-16.66v-58.34c0-12.5-12.5-29.16-25-37.5zM1229.17 295.83c-16.67-8.33-33.34 0-37.5 16.67-4.17 4.17-4.17 8.33-4.17 16.67v58.33c0 16.67 12.5 33.33 25 41.67 325 116.66 491.67 479.16 370.83 800-62.5 175-200 308.33-370.83 370.83-16.67 8.33-25 20.83-25 41.67V1700c0 16.67 8.33 29.17 25 33.33 4.17 0 12.5 0 16.67-4.16 395.83-125 612.5-545.84 487.5-941.67-75-237.5-258.34-416.67-487.5-491.67z" fill="#fff"/>
-</svg>
+<svg data-name="86977684-12db-4850-8f30-233a7c267d11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2000 2000">
+  <path d="M1000 2000c554.17 0 1000-445.83 1000-1000S1554.17 0 1000 0 0 445.83 0 1000s445.83 1000 1000 1000z" fill="#2775ca"/>
+  <path d="M1275 1158.33c0-145.83-87.5-195.83-262.5-216.66-125-16.67-150-50-150-108.34s41.67-95.83 125-95.83c75 0 116.67 25 137.5 87.5 4.17 12.5 16.67 20.83 29.17 20.83h66.66c16.67 0 29.17-12.5 29.17-29.16v-4.17c-16.67-91.67-91.67-162.5-187.5-170.83v-100c0-16.67-12.5-29.17-33.33-33.34h-62.5c-16.67 0-29.17 12.5-33.34 33.34v95.83c-125 16.67-204.16 100-204.16 204.17 0 137.5 83.33 191.66 258.33 212.5 116.67 20.83 154.17 45.83 154.17 112.5s-58.34 112.5-137.5 112.5c-108.34 0-145.84-45.84-158.34-108.34-4.16-16.66-16.66-25-29.16-25h-70.84c-16.66 0-29.16 12.5-29.16 29.17v4.17c16.66 104.16 83.33 179.16 220.83 200v100c0 16.66 12.5 29.16 33.33 33.33h62.5c16.67 0 29.17-12.5 33.34-33.33v-100c125-20.84 208.33-108.34 208.33-220.84z" fill="#fff"/>
+  <path d="M787.5 1595.83c-325-116.66-491.67-479.16-370.83-800 62.5-175 200-308.33 370.83-370.83 16.67-8.33 25-20.83 25-41.67V325c0-16.67-8.33-29.17-25-33.33-4.17 0-12.5 0-16.67 4.16-395.83 125-612.5 545.84-487.5 941.67 75 233.33 254.17 412.5 487.5 487.5 16.67 8.33 33.34 0 37.5-16.67 4.17-4.16 4.17-8.33 4.17-16.66v-58.34c0-12.5-12.5-29.16-25-37.5zM1229.17 295.83c-16.67-8.33-33.34 0-37.5 16.67-4.17 4.17-4.17 8.33-4.17 16.67v58.33c0 16.67 12.5 33.33 25 41.67 325 116.66 491.67 479.16 370.83 800-62.5 175-200 308.33-370.83 370.83-16.67 8.33-25 20.83-25 41.67V1700c0 16.67 8.33 29.17 25 33.33 4.17 0 12.5 0 16.67-4.16 395.83-125 612.5-545.84 487.5-941.67-75-237.5-258.34-416.67-487.5-491.67z" fill="#fff"/>
+</svg>

package/src/components/icons/wallet-connect.svg

@@ -1,12 +1,12 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="300px" height="185px" viewBox="0 0 300 185" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 49.3 (51167) - http://www.bohemiancoding.com/sketch -->
-    <title>WalletConnect</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="walletconnect-logo-alt" fill="#3B99FC" fill-rule="nonzero">
-            <path d="M61.4385429,36.2562612 C110.349767,-11.6319051 189.65053,-11.6319051 238.561752,36.2562612 L244.448297,42.0196786 C246.893858,44.4140867 246.893858,48.2961898 244.448297,50.690599 L224.311602,70.406102 C223.088821,71.6033071 221.106302,71.6033071 219.883521,70.406102 L211.782937,62.4749541 C177.661245,29.0669724 122.339051,29.0669724 88.2173582,62.4749541 L79.542302,70.9685592 C78.3195204,72.1657633 76.337001,72.1657633 75.1142214,70.9685592 L54.9775265,51.2530561 C52.5319653,48.8586469 52.5319653,44.9765439 54.9775265,42.5821357 L61.4385429,36.2562612 Z M280.206339,77.0300061 L298.128036,94.5769031 C300.573585,96.9713 300.573599,100.85338 298.128067,103.247793 L217.317896,182.368927 C214.872352,184.763353 210.907314,184.76338 208.461736,182.368989 C208.461726,182.368979 208.461714,182.368967 208.461704,182.368957 L151.107561,126.214385 C150.496171,125.615783 149.504911,125.615783 148.893521,126.214385 C148.893517,126.214389 148.893514,126.214393 148.89351,126.214396 L91.5405888,182.368927 C89.095052,184.763359 85.1300133,184.763399 82.6844276,182.369014 C82.6844133,182.369 82.684398,182.368986 82.6843827,182.36897 L1.87196327,103.246785 C-0.573596939,100.852377 -0.573596939,96.9702735 1.87196327,94.5758653 L19.7936929,77.028998 C22.2392531,74.6345898 26.2042918,74.6345898 28.6498531,77.028998 L86.0048306,133.184355 C86.6162214,133.782957 87.6074796,133.782957 88.2188704,133.184355 C88.2188796,133.184346 88.2188878,133.184338 88.2188969,133.184331 L145.571,77.028998 C148.016505,74.6345347 151.981544,74.6344449 154.427161,77.028798 C154.427195,77.0288316 154.427229,77.0288653 154.427262,77.028899 L211.782164,133.184331 C212.393554,133.782932 213.384814,133.782932 213.996204,133.184331 L271.350179,77.0300061 C273.79574,74.6355969 277.760778,74.6355969 280.206339,77.0300061 Z" id="WalletConnect"></path>
-        </g>
-    </g>
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="300px" height="185px" viewBox="0 0 300 185" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 49.3 (51167) - http://www.bohemiancoding.com/sketch -->
+    <title>WalletConnect</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="walletconnect-logo-alt" fill="#3B99FC" fill-rule="nonzero">
+            <path d="M61.4385429,36.2562612 C110.349767,-11.6319051 189.65053,-11.6319051 238.561752,36.2562612 L244.448297,42.0196786 C246.893858,44.4140867 246.893858,48.2961898 244.448297,50.690599 L224.311602,70.406102 C223.088821,71.6033071 221.106302,71.6033071 219.883521,70.406102 L211.782937,62.4749541 C177.661245,29.0669724 122.339051,29.0669724 88.2173582,62.4749541 L79.542302,70.9685592 C78.3195204,72.1657633 76.337001,72.1657633 75.1142214,70.9685592 L54.9775265,51.2530561 C52.5319653,48.8586469 52.5319653,44.9765439 54.9775265,42.5821357 L61.4385429,36.2562612 Z M280.206339,77.0300061 L298.128036,94.5769031 C300.573585,96.9713 300.573599,100.85338 298.128067,103.247793 L217.317896,182.368927 C214.872352,184.763353 210.907314,184.76338 208.461736,182.368989 C208.461726,182.368979 208.461714,182.368967 208.461704,182.368957 L151.107561,126.214385 C150.496171,125.615783 149.504911,125.615783 148.893521,126.214385 C148.893517,126.214389 148.893514,126.214393 148.89351,126.214396 L91.5405888,182.368927 C89.095052,184.763359 85.1300133,184.763399 82.6844276,182.369014 C82.6844133,182.369 82.684398,182.368986 82.6843827,182.36897 L1.87196327,103.246785 C-0.573596939,100.852377 -0.573596939,96.9702735 1.87196327,94.5758653 L19.7936929,77.028998 C22.2392531,74.6345898 26.2042918,74.6345898 28.6498531,77.028998 L86.0048306,133.184355 C86.6162214,133.782957 87.6074796,133.782957 88.2188704,133.184355 C88.2188796,133.184346 88.2188878,133.184338 88.2188969,133.184331 L145.571,77.028998 C148.016505,74.6345347 151.981544,74.6344449 154.427161,77.028798 C154.427195,77.0288316 154.427229,77.0288653 154.427262,77.028899 L211.782164,133.184331 C212.393554,133.782932 213.384814,133.782932 213.996204,133.184331 L271.350179,77.0300061 C273.79574,74.6355969 277.760778,74.6355969 280.206339,77.0300061 Z" id="WalletConnect"></path>
+        </g>
+    </g>
 </svg>

package/src/components/images/index.ts

@@ -1,3 +1,3 @@
-export { default as ApproveLenderImg } from './approve-lender.png'
-export { default as SorryImg } from './sorry.png'
-export { default as AutoPaybackImg } from './auto-payback.png'
+export { default as ApproveLenderImg } from './approve-lender.png'
+export { default as SorryImg } from './sorry.png'
+export { default as AutoPaybackImg } from './auto-payback.png'

package/src/cosmos/CreditLineBorrow.fixture.tsx

@@ -1,86 +1,86 @@
-/* eslint-disable react/jsx-boolean-value */
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { Box, Button } from '@mui/material'
-import { ethers } from 'ethers'
-import { useEffect, useState } from 'react'
-
-import { useAccount } from 'wagmi'
-import { CreditLineBorrowWidget } from '..'
-import { getInjectedMetamask } from './utils'
-import { WalletWrapper } from './WalletWrapper'
-
-function Fixture() {
-  const [showModal, setShowModal] = useState(false)
-  const [showModalRandom, setShowModalRandom] = useState(false)
-  const [testPrivateKeyRandom, setTestPrivateKeyRandom] = useState<string>()
-  const [testAccountRandom, setTestAccountRandom] = useState<string>()
-  const { isConnected } = useAccount()
-  const PoolAddress = '0xA22D20FB0c9980fb96A9B0B5679C061aeAf5dDE4'
-
-  useEffect(() => {
-    const wallet = ethers.Wallet.createRandom()
-    setTestPrivateKeyRandom(wallet.privateKey)
-    setTestAccountRandom(wallet.address)
-  }, [])
-
-  const handleBorrow = () => {
-    setShowModal(true)
-  }
-
-  const handleBorrowRandom = () => {
-    // @ts-ignore
-    window.ethereum = getInjectedMetamask(testPrivateKeyRandom)
-    setShowModalRandom(true)
-  }
-
-  const handleApprove = () => {}
-
-  const handleClose = () => {
-    setShowModal(false)
-    setShowModalRandom(false)
-    window.ethereum = undefined
-  }
-
-  return (
-    <>
-      <Box>Pool: {PoolAddress}</Box>
-      <Box>Pool Name: HumaCreditLine</Box>
-      <Button
-        variant='contained'
-        onClick={handleBorrow}
-        disabled={!isConnected}
-      >
-        Borrow Without EA Check
-      </Button>
-      {showModal && (
-        <CreditLineBorrowWidget
-          poolName='HumaCreditLine'
-          poolType='CreditLine'
-          handleClose={handleClose}
-          handleApprove={handleApprove}
-          desiredChainId={5}
-        />
-      )}
-      <Box marginTop={5}>Account: {testAccountRandom}</Box>
-      <Box>Pool: {PoolAddress}</Box>
-      <Box>Pool Name: HumaCreditLine</Box>
-      <Button variant='contained' onClick={handleBorrowRandom}>
-        Borrow With EA Check
-      </Button>
-      {showModalRandom && (
-        <CreditLineBorrowWidget
-          poolName='HumaCreditLine'
-          poolType='CreditLine'
-          handleClose={handleClose}
-          handleApprove={handleApprove}
-        />
-      )}
-    </>
-  )
-}
-
-export default (
-  <WalletWrapper>
-    <Fixture />
-  </WalletWrapper>
-)
+/* eslint-disable react/jsx-boolean-value */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { Box, Button } from '@mui/material'
+import { ethers } from 'ethers'
+import { useEffect, useState } from 'react'
+
+import { useAccount } from 'wagmi'
+import { CreditLineBorrowWidget } from '..'
+import { getInjectedMetamask } from './utils'
+import { WalletWrapper } from './WalletWrapper'
+
+function Fixture() {
+  const [showModal, setShowModal] = useState(false)
+  const [showModalRandom, setShowModalRandom] = useState(false)
+  const [testPrivateKeyRandom, setTestPrivateKeyRandom] = useState<string>()
+  const [testAccountRandom, setTestAccountRandom] = useState<string>()
+  const { isConnected } = useAccount()
+  const PoolAddress = '0xA22D20FB0c9980fb96A9B0B5679C061aeAf5dDE4'
+
+  useEffect(() => {
+    const wallet = ethers.Wallet.createRandom()
+    setTestPrivateKeyRandom(wallet.privateKey)
+    setTestAccountRandom(wallet.address)
+  }, [])
+
+  const handleBorrow = () => {
+    setShowModal(true)
+  }
+
+  const handleBorrowRandom = () => {
+    // @ts-ignore
+    window.ethereum = getInjectedMetamask(testPrivateKeyRandom)
+    setShowModalRandom(true)
+  }
+
+  const handleApprove = () => {}
+
+  const handleClose = () => {
+    setShowModal(false)
+    setShowModalRandom(false)
+    window.ethereum = undefined
+  }
+
+  return (
+    <>
+      <Box>Pool: {PoolAddress}</Box>
+      <Box>Pool Name: HumaCreditLine</Box>
+      <Button
+        variant='contained'
+        onClick={handleBorrow}
+        disabled={!isConnected}
+      >
+        Borrow Without EA Check
+      </Button>
+      {showModal && (
+        <CreditLineBorrowWidget
+          poolName='HumaCreditLine'
+          poolType='CreditLine'
+          handleClose={handleClose}
+          handleApprove={handleApprove}
+          desiredChainId={5}
+        />
+      )}
+      <Box marginTop={5}>Account: {testAccountRandom}</Box>
+      <Box>Pool: {PoolAddress}</Box>
+      <Box>Pool Name: HumaCreditLine</Box>
+      <Button variant='contained' onClick={handleBorrowRandom}>
+        Borrow With EA Check
+      </Button>
+      {showModalRandom && (
+        <CreditLineBorrowWidget
+          poolName='HumaCreditLine'
+          poolType='CreditLine'
+          handleClose={handleClose}
+          handleApprove={handleApprove}
+        />
+      )}
+    </>
+  )
+}
+
+export default (
+  <WalletWrapper>
+    <Fixture />
+  </WalletWrapper>
+)

package/src/cosmos/CreditLinePayment.fixture.tsx

@@ -1,50 +1,50 @@
-/* eslint-disable react/jsx-boolean-value */
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { Box, Button } from '@mui/material'
-import { useState } from 'react'
-
-import { useAccount } from 'wagmi'
-import { CreditLinePaymentWidget } from '..'
-import { WalletWrapper } from './WalletWrapper'
-
-function Fixture() {
-  const [showModal, setShowModal] = useState(false)
-  const { isConnected } = useAccount()
-  const PoolAddress = '0xA22D20FB0c9980fb96A9B0B5679C061aeAf5dDE4'
-
-  const handlePayment = () => {
-    setShowModal(true)
-  }
-
-  const handleClose = () => {
-    setShowModal(false)
-  }
-
-  return (
-    <>
-      <Box>Pool: {PoolAddress}</Box>
-      <Box>Pool Name: HumaCreditLine</Box>
-      <Button
-        variant='contained'
-        onClick={handlePayment}
-        disabled={!isConnected}
-      >
-        Make Payment
-      </Button>
-      {showModal && (
-        <CreditLinePaymentWidget
-          poolName='HumaCreditLine'
-          poolType='CreditLine'
-          handleClose={handleClose}
-          desiredChainId={5}
-        />
-      )}
-    </>
-  )
-}
-
-export default (
-  <WalletWrapper>
-    <Fixture />
-  </WalletWrapper>
-)
+/* eslint-disable react/jsx-boolean-value */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { Box, Button } from '@mui/material'
+import { useState } from 'react'
+
+import { useAccount } from 'wagmi'
+import { CreditLinePaymentWidget } from '..'
+import { WalletWrapper } from './WalletWrapper'
+
+function Fixture() {
+  const [showModal, setShowModal] = useState(false)
+  const { isConnected } = useAccount()
+  const PoolAddress = '0xA22D20FB0c9980fb96A9B0B5679C061aeAf5dDE4'
+
+  const handlePayment = () => {
+    setShowModal(true)
+  }
+
+  const handleClose = () => {
+    setShowModal(false)
+  }
+
+  return (
+    <>
+      <Box>Pool: {PoolAddress}</Box>
+      <Box>Pool Name: HumaCreditLine</Box>
+      <Button
+        variant='contained'
+        onClick={handlePayment}
+        disabled={!isConnected}
+      >
+        Make Payment
+      </Button>
+      {showModal && (
+        <CreditLinePaymentWidget
+          poolName='HumaCreditLine'
+          poolType='CreditLine'
+          handleClose={handleClose}
+          desiredChainId={5}
+        />
+      )}
+    </>
+  )
+}
+
+export default (
+  <WalletWrapper>
+    <Fixture />
+  </WalletWrapper>
+)

package/src/cosmos/InvoiceFactoringBorrow.fixture.tsx

@@ -1,111 +1,111 @@
-/* eslint-disable react/jsx-boolean-value */
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { Box, Button } from '@mui/material'
-import { BigNumber } from 'ethers'
-import { useState } from 'react'
-import { useAccount, useContractRead } from 'wagmi'
-
-import { InvoiceFactoringBorrowWidget } from '..'
-import InvoiceNFTAbi from './abis/InvoiceNFT.json'
-import RFPoolAbi from './abis/ReceivableFactoringPool.json'
-import { WalletWrapper } from './WalletWrapper'
-
-function Fixture() {
-  const [showModal, setShowModal] = useState(false)
-  const [tokenId, setTokenId] = useState<string>()
-  const [paymentMade, setPaymentMade] = useState<'loading' | 'true' | 'false'>(
-    'loading',
-  )
-  const NFTAddress = '0xC2AC172a293d68f548ea343414584aA37eb29Dcd'
-  const PoolAddress = '0x11672c0bBFF498c72BC2200f42461c0414855042'
-  const { address } = useAccount()
-
-  useContractRead({
-    address: NFTAddress,
-    abi: InvoiceNFTAbi,
-    functionName: 'getTokenIds',
-    args: [address],
-    onSuccess(tokenIds: BigNumber[]) {
-      if (tokenIds.length) {
-        setTokenId(tokenIds[tokenIds.length - 1].toString())
-      } else {
-        setTokenId('empty')
-      }
-    },
-  })
-
-  useContractRead({
-    address: PoolAddress,
-    abi: RFPoolAbi,
-    functionName: 'creditRecordMapping',
-    args: [address],
-    onSuccess(creditRecord: any) {
-      if (creditRecord.state > 2) {
-        setPaymentMade('false')
-      } else {
-        setPaymentMade('true')
-      }
-    },
-  })
-
-  const handleClose = () => {
-    setShowModal(false)
-  }
-
-  if (!tokenId || paymentMade === 'loading') {
-    return <div>Loading token id and making payment...</div>
-  }
-
-  if (tokenId === 'empty') {
-    return (
-      <>
-        <div>Please create invoice first.</div>
-        <Button
-          type='link'
-          variant='contained'
-          href={
-            process.env.REACT_APP_CREATE_INVOICE_URL ??
-            'https://huma-request-apps-create.netlify.app/'
-          }
-          target='_blank'
-        >
-          CREATE INVOICE
-        </Button>
-      </>
-    )
-  }
-
-  if (paymentMade === 'false') {
-    return (
-      <div>
-        Please go to InvoiceFactoringPayment Fixture to make the payment first.
-      </div>
-    )
-  }
-
-  return (
-    <>
-      <Box>Pool: {PoolAddress}</Box>
-      <Box>NFT: {NFTAddress}</Box>
-      <Box>Pool Name: RequestNetwork</Box>
-      <Box>Token Id: {tokenId}</Box>
-      <Button variant='contained' onClick={() => setShowModal(true)}>
-        Get Paid Now
-      </Button>
-      {showModal && (
-        <InvoiceFactoringBorrowWidget
-          poolName='RequestNetwork'
-          poolType='Invoice'
-          tokenId={tokenId}
-          handleClose={handleClose}
-        />
-      )}
-    </>
-  )
-}
-
-export default (
-  <WalletWrapper>
-    <Fixture />
-  </WalletWrapper>
-)
+/* eslint-disable react/jsx-boolean-value */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { Box, Button } from '@mui/material'
+import { BigNumber } from 'ethers'
+import { useState } from 'react'
+import { useAccount, useContractRead } from 'wagmi'
+
+import { InvoiceFactoringBorrowWidget } from '..'
+import InvoiceNFTAbi from './abis/InvoiceNFT.json'
+import RFPoolAbi from './abis/ReceivableFactoringPool.json'
+import { WalletWrapper } from './WalletWrapper'
+
+function Fixture() {
+  const [showModal, setShowModal] = useState(false)
+  const [tokenId, setTokenId] = useState<string>()
+  const [paymentMade, setPaymentMade] = useState<'loading' | 'true' | 'false'>(
+    'loading',
+  )
+  const NFTAddress = '0xC2AC172a293d68f548ea343414584aA37eb29Dcd'
+  const PoolAddress = '0x11672c0bBFF498c72BC2200f42461c0414855042'
+  const { address } = useAccount()
+
+  useContractRead({
+    address: NFTAddress,
+    abi: InvoiceNFTAbi,
+    functionName: 'getTokenIds',
+    args: [address],
+    onSuccess(tokenIds: BigNumber[]) {
+      if (tokenIds.length) {
+        setTokenId(tokenIds[tokenIds.length - 1].toString())
+      } else {
+        setTokenId('empty')
+      }
+    },
+  })
+
+  useContractRead({
+    address: PoolAddress,
+    abi: RFPoolAbi,
+    functionName: 'creditRecordMapping',
+    args: [address],
+    onSuccess(creditRecord: any) {
+      if (creditRecord.state > 2) {
+        setPaymentMade('false')
+      } else {
+        setPaymentMade('true')
+      }
+    },
+  })
+
+  const handleClose = () => {
+    setShowModal(false)
+  }
+
+  if (!tokenId || paymentMade === 'loading') {
+    return <div>Loading token id and making payment...</div>
+  }
+
+  if (tokenId === 'empty') {
+    return (
+      <>
+        <div>Please create invoice first.</div>
+        <Button
+          type='link'
+          variant='contained'
+          href={
+            process.env.REACT_APP_CREATE_INVOICE_URL ??
+            'https://huma-request-apps-create.netlify.app/'
+          }
+          target='_blank'
+        >
+          CREATE INVOICE
+        </Button>
+      </>
+    )
+  }
+
+  if (paymentMade === 'false') {
+    return (
+      <div>
+        Please go to InvoiceFactoringPayment Fixture to make the payment first.
+      </div>
+    )
+  }
+
+  return (
+    <>
+      <Box>Pool: {PoolAddress}</Box>
+      <Box>NFT: {NFTAddress}</Box>
+      <Box>Pool Name: RequestNetwork</Box>
+      <Box>Token Id: {tokenId}</Box>
+      <Button variant='contained' onClick={() => setShowModal(true)}>
+        Get Paid Now
+      </Button>
+      {showModal && (
+        <InvoiceFactoringBorrowWidget
+          poolName='RequestNetwork'
+          poolType='Invoice'
+          tokenId={tokenId}
+          handleClose={handleClose}
+        />
+      )}
+    </>
+  )
+}
+
+export default (
+  <WalletWrapper>
+    <Fixture />
+  </WalletWrapper>
+)