@huma-finance/widgets 0.0.34 → 0.0.36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (181) hide show
  1. package/.env.example +2 -2
  2. package/.eslintignore +2 -2
  3. package/.eslintrc.js +64 -64
  4. package/.prettierignore +4 -4
  5. package/.prettierrc.js +16 -16
  6. package/API.md +332 -332
  7. package/LICENSE +660 -660
  8. package/README.md +48 -48
  9. package/babel.config.js +15 -15
  10. package/config-overrides.js +9 -9
  11. package/cosmos.config.json +7 -7
  12. package/cypress/e2e/01-invoice-factoring-borrow.test.ts +62 -62
  13. package/cypress/support/e2e.ts +76 -76
  14. package/cypress/support/ethereum.ts +142 -142
  15. package/cypress/tsconfig.json +9 -9
  16. package/cypress/utils/index.ts +54 -54
  17. package/cypress.config.ts +20 -20
  18. package/dist/cjs/index.cjs +1939 -1866
  19. package/dist/cjs/index.cjs.map +1 -1
  20. package/dist/index.d.ts +227 -195
  21. package/dist/index.js +1942 -1870
  22. package/dist/index.js.map +1 -1
  23. package/jsdoc2md.json +20 -20
  24. package/package.json +5 -4
  25. package/public/index.html +40 -40
  26. package/public/manifest.json +25 -25
  27. package/public/robots.txt +3 -3
  28. package/rollup.config.js +81 -81
  29. package/src/components/Activity.tsx +128 -132
  30. package/src/components/ApolloWrapper.tsx +15 -15
  31. package/src/components/ApproveAllowanceModal.tsx +138 -121
  32. package/src/components/BottomButton.tsx +33 -33
  33. package/src/components/ChainNotSupportedModal.tsx +33 -33
  34. package/src/components/ChooseAmountModal.tsx +322 -322
  35. package/src/components/ConfirmTransferModal.tsx +153 -153
  36. package/src/components/CreditLine/approve/1-ApproveAllowance.tsx +34 -0
  37. package/src/components/CreditLine/approve/2-Success.tsx +43 -0
  38. package/src/components/CreditLine/approve/index.tsx +85 -0
  39. package/src/components/CreditLine/borrow/1-Evaluation.tsx +157 -157
  40. package/src/components/CreditLine/borrow/2-ChooseAmount.tsx +74 -68
  41. package/src/components/CreditLine/borrow/{4-ApproveAllowance.tsx → 3-ApproveAllowance.tsx} +29 -29
  42. package/src/components/CreditLine/borrow/{3-Transfer.tsx → 4-Transfer.tsx} +34 -44
  43. package/src/components/CreditLine/borrow/5-Success.tsx +38 -38
  44. package/src/components/CreditLine/borrow/6-Notifications.tsx +10 -10
  45. package/src/components/CreditLine/borrow/index.tsx +136 -136
  46. package/src/components/CreditLine/payment/1-ChooseAmount.tsx +67 -67
  47. package/src/components/CreditLine/payment/2-ApproveAllowance.tsx +23 -23
  48. package/src/components/CreditLine/payment/3-Transfer.tsx +34 -34
  49. package/src/components/CreditLine/payment/4-Success.tsx +39 -39
  50. package/src/components/CreditLine/payment/index.tsx +94 -94
  51. package/src/components/ErrorModal.tsx +136 -132
  52. package/src/components/Factoring/FactoredList.tsx +143 -143
  53. package/src/components/Factoring/UpcomingList.tsx +90 -90
  54. package/src/components/Factoring/index.ts +2 -2
  55. package/src/components/HumaLoading.tsx +68 -68
  56. package/src/components/HumaSnackBar.tsx +60 -60
  57. package/src/components/HumaTable.tsx +203 -158
  58. package/src/components/InvoiceFactoring/borrow/1-Evaluation.tsx +49 -49
  59. package/src/components/InvoiceFactoring/borrow/2-ChooseAmount.tsx +88 -88
  60. package/src/components/InvoiceFactoring/borrow/3-ConfirmTransfer.tsx +37 -37
  61. package/src/components/InvoiceFactoring/borrow/4-ApproveNFT.tsx +55 -55
  62. package/src/components/InvoiceFactoring/borrow/5-Transfer.tsx +34 -34
  63. package/src/components/InvoiceFactoring/borrow/6-Success.tsx +20 -20
  64. package/src/components/InvoiceFactoring/borrow/index.tsx +94 -94
  65. package/src/components/InvoiceFactoring/payment/1-ChooseAmount.tsx +67 -67
  66. package/src/components/InvoiceFactoring/payment/2-ApproveAllowance.tsx +23 -23
  67. package/src/components/InvoiceFactoring/payment/3-Transfer.tsx +34 -34
  68. package/src/components/InvoiceFactoring/payment/4-Success.tsx +23 -23
  69. package/src/components/InvoiceFactoring/payment/index.tsx +86 -86
  70. package/src/components/Lend/supply/1-Evaluation/EvaluationEA.tsx +90 -86
  71. package/src/components/Lend/supply/1-Evaluation/EvaluationKYC.tsx +319 -287
  72. package/src/components/Lend/supply/1-Evaluation/index.tsx +31 -31
  73. package/src/components/Lend/supply/2-ChooseAmount.tsx +69 -69
  74. package/src/components/Lend/supply/3-ApproveAllowance.tsx +25 -25
  75. package/src/components/Lend/supply/4-Transfer.tsx +32 -32
  76. package/src/components/Lend/supply/5-Success.tsx +60 -60
  77. package/src/components/Lend/supply/6-Notifications.tsx +10 -10
  78. package/src/components/Lend/supply/index.tsx +167 -167
  79. package/src/components/Lend/withdraw/1-CheckWithdrawble.tsx +73 -73
  80. package/src/components/Lend/withdraw/2-ChooseAmount.tsx +50 -50
  81. package/src/components/Lend/withdraw/3-Transfer.tsx +32 -32
  82. package/src/components/Lend/withdraw/4-Success.tsx +49 -49
  83. package/src/components/Lend/withdraw/index.tsx +101 -101
  84. package/src/components/LoadingModal.tsx +49 -49
  85. package/src/components/Notifi/NotifiSubscriptionModal.tsx +268 -264
  86. package/src/components/StreamFactoring/borrow/1-Evaluation.tsx +55 -55
  87. package/src/components/StreamFactoring/borrow/2-ChooseAmount.tsx +127 -127
  88. package/src/components/StreamFactoring/borrow/3-ConfirmTransfer.tsx +42 -42
  89. package/src/components/StreamFactoring/borrow/4-ApproveAllowance.tsx +33 -33
  90. package/src/components/StreamFactoring/borrow/5-Permit.tsx +144 -144
  91. package/src/components/StreamFactoring/borrow/6-Transfer.tsx +37 -37
  92. package/src/components/StreamFactoring/borrow/7-Success.tsx +20 -20
  93. package/src/components/StreamFactoring/borrow/index.tsx +94 -94
  94. package/src/components/StreamFactoring/payment/ChooseAmount.tsx +54 -54
  95. package/src/components/StreamFactoring/payment/Success.tsx +23 -23
  96. package/src/components/StreamFactoring/payment/Transfer.tsx +34 -34
  97. package/src/components/StreamFactoring/payment/index.tsx +66 -66
  98. package/src/components/SuperfluidFactoring/SuperfluidFactoredList.tsx +69 -70
  99. package/src/components/SuperfluidFactoring/SuperfluidUpcomingList.tsx +166 -167
  100. package/src/components/SuperfluidFactoring/index.tsx +85 -85
  101. package/src/components/TxDoneModal.tsx +85 -85
  102. package/src/components/TxSendModal.tsx +59 -59
  103. package/src/components/ViewOnExplorer.tsx +23 -26
  104. package/src/components/WidgetWrapper.tsx +74 -74
  105. package/src/components/WrapperModal.tsx +54 -54
  106. package/src/components/buttons/TableActionButton.tsx +36 -36
  107. package/src/components/buttons/index.ts +1 -1
  108. package/src/components/humaModal/HumaModal.tsx +68 -68
  109. package/src/components/humaModal/HumaModalHeader.tsx +70 -70
  110. package/src/components/humaModal/index.tsx +2 -2
  111. package/src/components/icons/approve-lender.svg +58 -30
  112. package/src/components/icons/auto-payback.svg +139 -40
  113. package/src/components/icons/check-circle.svg +3 -3
  114. package/src/components/icons/check-green.svg +3 -3
  115. package/src/components/icons/check.svg +10 -10
  116. package/src/components/icons/donut.svg +904 -904
  117. package/src/components/icons/ellipse.svg +3 -3
  118. package/src/components/icons/huma-full.svg +22 -22
  119. package/src/components/icons/huma.svg +15 -15
  120. package/src/components/icons/index.tsx +93 -93
  121. package/src/components/icons/loader.svg +229 -229
  122. package/src/components/icons/metamask.svg +31 -31
  123. package/src/components/icons/polygon.svg +16 -16
  124. package/src/components/icons/receipt.svg +3 -3
  125. package/src/components/icons/separator.svg +3 -3
  126. package/src/components/icons/sorry.svg +17 -31
  127. package/src/components/icons/usdc.svg +5 -5
  128. package/src/components/icons/wallet-connect.svg +11 -11
  129. package/src/components/images/approve-lender.png +0 -0
  130. package/src/components/images/auto-payback.png +0 -0
  131. package/src/components/images/index.ts +3 -0
  132. package/src/components/images/sorry.png +0 -0
  133. package/src/cosmos/CreditLineBorrow.fixture.tsx +86 -86
  134. package/src/cosmos/CreditLinePayment.fixture.tsx +50 -50
  135. package/src/cosmos/InvoiceFactoringBorrow.fixture.tsx +111 -111
  136. package/src/cosmos/InvoiceFactoringPayment.fixture.tsx +67 -67
  137. package/src/cosmos/LendSupply.fixture.tsx +75 -75
  138. package/src/cosmos/LendWithdraw.fixture.tsx +43 -43
  139. package/src/cosmos/SDKTesting.fixture.tsx +616 -616
  140. package/src/cosmos/SuperfluidFactoringBorrow.fixture.tsx +15 -15
  141. package/src/cosmos/WalletWrapper.tsx +52 -52
  142. package/src/cosmos/abis/InvoiceNFT.json +644 -644
  143. package/src/cosmos/abis/ReceivableFactoringPool.json +1529 -1529
  144. package/src/cosmos/utils/env.ts +6 -6
  145. package/src/cosmos/utils/index.ts +169 -169
  146. package/src/fonts/Recoleta/Recoleta-Black.otf +0 -0
  147. package/src/fonts/Recoleta/Recoleta-Bold.otf +0 -0
  148. package/src/fonts/Recoleta/Recoleta-Light.otf +0 -0
  149. package/src/fonts/Recoleta/Recoleta-Medium.otf +0 -0
  150. package/src/fonts/Recoleta/Recoleta-Regular.otf +0 -0
  151. package/src/fonts/Recoleta/Recoleta-RegularDEMO.otf +0 -0
  152. package/src/fonts/Recoleta/Recoleta-SemiBold.otf +0 -0
  153. package/src/fonts/Recoleta/Recoleta-Thin.otf +0 -0
  154. package/src/hooks/useEA.ts +53 -53
  155. package/src/hooks/useElementDimensions.ts +30 -0
  156. package/src/hooks/useNotifi.ts +71 -71
  157. package/src/hooks/useRedux.ts +6 -6
  158. package/src/index.css +61 -61
  159. package/src/index.tsx +283 -301
  160. package/src/react-app-env.d.ts +1 -1
  161. package/src/reportWebVitals.ts +15 -15
  162. package/src/setupTests.ts +6 -6
  163. package/src/store/index.ts +27 -27
  164. package/src/store/widgets.reducers.ts +120 -120
  165. package/src/store/widgets.selectors.ts +3 -3
  166. package/src/store/widgets.store.ts +55 -55
  167. package/src/theme/breakpoints.ts +10 -10
  168. package/src/theme/components.ts +70 -70
  169. package/src/theme/coreThemeConstants.ts +29 -29
  170. package/src/theme/cssMixins.ts +92 -92
  171. package/src/theme/hooks/useGetSizes.ts +31 -31
  172. package/src/theme/index.ts +24 -24
  173. package/src/theme/palette.ts +150 -150
  174. package/src/theme/shape.ts +7 -7
  175. package/src/theme/theme.types.ts +80 -80
  176. package/src/theme/typography.ts +117 -117
  177. package/src/utilTypes.d.ts +30 -31
  178. package/src/utils/env.ts +10 -10
  179. package/tsconfig.build.json +7 -7
  180. package/tsconfig.json +32 -32
  181. package/webpack.cosmos.js +54 -54
package/src/components/icons/ellipse.svg CHANGED
@@ -1,3 +1,3 @@
1
- <svg width="120" height="120" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <circle cx="60" cy="60" r="60" fill="#F7F1FF"/>
3
- </svg>
1
+ <svg width="120" height="120" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <circle cx="60" cy="60" r="60" fill="#F7F1FF"/>
3
+ </svg>
package/src/components/icons/huma-full.svg CHANGED
@@ -1,22 +1,22 @@
1
- <svg width="110" height="32" viewBox="0 0 110 32" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <rect x="11.2676" y="14.5305" width="11.2329" height="3.7961" fill="#B246FF"/>
3
- <path fill-rule="evenodd" clip-rule="evenodd" d="M19.5496 4.36143C13.8705 2.70849 7.6775 5.39263 5.09814 10.9144C2.51877 16.4362 4.43722 22.9028 9.35286 26.1903L15.2227 13.6244L19.5496 4.36143Z" fill="url(#paint0_linear_623_5196)"/>
4
- <path fill-rule="evenodd" clip-rule="evenodd" d="M22.7575 5.80971C27.6731 9.09723 29.5916 15.5638 27.0122 21.0856C24.4328 26.6074 18.2399 29.2915 12.5607 27.6386L18.4305 15.0727L22.7575 5.80971Z" fill="url(#paint1_linear_623_5196)"/>
5
- <path d="M61.7981 25.4777C60.3692 25.4777 59.5535 25.2253 58.4321 24.7205C57.525 24.0848 56.7984 23.3475 56.2879 22.5842C55.673 21.6648 55.3655 20.1522 55.3655 19.4474V13.0366L59.8974 12.2276V19.3662C59.8974 19.8245 60.0602 20.3832 60.3858 20.7257C60.7294 21.0502 61.3741 21.2592 61.8806 21.2592C62.3689 21.2592 63.042 21.0502 63.3495 20.7257C63.675 20.3832 63.8378 19.9064 63.8378 19.3662V12.4754L68.3437 11.6438V19.4474C68.3437 20.398 68.0362 21.6918 67.4213 22.6112C66.8244 23.5126 66.1974 24.2157 65.1122 24.7205C64.027 25.2253 63.2088 25.4777 61.7981 25.4777Z" fill="#423B46"/>
6
- <path d="M77.085 11.386C78.5138 11.386 79.1652 11.6383 80.2866 12.1431C81.1938 12.7788 81.9203 13.5161 82.4308 14.2794C83.0458 15.1988 83.3533 16.7114 83.3533 17.4162L83.3533 25.1501L78.8213 25.1501L78.8213 17.4974C78.8213 16.9025 78.6585 16.4337 78.333 16.0912C77.9893 15.7667 77.5643 15.6045 77.0578 15.6045C76.5695 15.6045 76.1716 15.7667 75.8641 16.0912C75.5386 16.4337 75.3758 16.9025 75.3758 17.4974L75.3758 25.1501L70.8698 25.1501L70.8698 17.4162C70.8698 16.4656 71.1773 15.1718 71.7923 14.2524C72.3891 13.351 73.0162 12.6479 74.1014 12.1431C75.1866 11.6383 75.6742 11.386 77.085 11.386Z" fill="#423B46"/>
7
- <path d="M85.3325 11.386C86.7614 11.386 87.4128 11.6383 88.5342 12.1431C89.4413 12.7788 90.1679 13.5161 90.6784 14.2794C91.2934 15.1988 91.6008 16.7114 91.6008 17.4162L91.6008 25.1501L87.0689 25.1501L87.0689 17.4974C87.0689 16.9025 86.9061 16.4337 86.5805 16.0912C86.2369 15.7667 85.8118 15.6045 85.3054 15.6045C84.8171 15.6045 84.4191 15.7667 84.1117 16.0912C83.7861 16.4337 83.6233 16.9025 83.6233 17.4974L83.6233 25.1501L79.1174 25.1501L79.1174 17.4162C79.1174 16.4656 79.4249 15.1718 80.0398 14.2524C80.6367 13.351 81.2638 12.6479 82.349 12.1431C83.4342 11.6383 83.9218 11.386 85.3325 11.386Z" fill="#423B46"/>
8
- <path fill-rule="evenodd" clip-rule="evenodd" d="M105.158 23.6244C103.96 24.5863 102.435 25.1624 100.774 25.1624C96.9206 25.1624 93.7964 22.0586 93.7964 18.23C93.7964 14.4013 96.9206 11.2976 100.774 11.2976C102.452 11.2976 103.991 11.8856 105.195 12.8655L109.116 12.1393V25.1622H105.158V23.6244ZM104.022 18.2796C104.022 20.0443 102.582 21.4748 100.806 21.4748C99.0298 21.4748 97.5898 20.0443 97.5898 18.2796C97.5898 16.5149 99.0298 15.0843 100.806 15.0843C102.582 15.0843 104.022 16.5149 104.022 18.2796Z" fill="#423B46"/>
9
- <rect x="35.9031" y="6.63403" width="4.94816" height="18.5161" fill="#423B46"/>
10
- <rect x="47.4487" y="6.63403" width="4.94816" height="18.5161" fill="#423B46"/>
11
- <rect width="10.1536" height="3.60562" transform="matrix(0.985002 -0.172546 0.174757 0.984612 38.6948 15.3645)" fill="#423B46"/>
12
- <defs>
13
- <linearGradient id="paint0_linear_623_5196" x1="18.5668" y1="6.46542" x2="-11.3801" y2="2.80595" gradientUnits="userSpaceOnUse">
14
- <stop stop-color="#B246FF"/>
15
- <stop offset="1" stop-color="#FF6A8A"/>
16
- </linearGradient>
17
- <linearGradient id="paint1_linear_623_5196" x1="21.7747" y1="7.9137" x2="43.7938" y2="28.5207" gradientUnits="userSpaceOnUse">
18
- <stop stop-color="#B246FF"/>
19
- <stop offset="1" stop-color="#FF6A8A"/>
20
- </linearGradient>
21
- </defs>
22
- </svg>
1
+ <svg width="110" height="32" viewBox="0 0 110 32" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <rect x="11.2676" y="14.5305" width="11.2329" height="3.7961" fill="#B246FF"/>
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M19.5496 4.36143C13.8705 2.70849 7.6775 5.39263 5.09814 10.9144C2.51877 16.4362 4.43722 22.9028 9.35286 26.1903L15.2227 13.6244L19.5496 4.36143Z" fill="url(#paint0_linear_623_5196)"/>
4
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M22.7575 5.80971C27.6731 9.09723 29.5916 15.5638 27.0122 21.0856C24.4328 26.6074 18.2399 29.2915 12.5607 27.6386L18.4305 15.0727L22.7575 5.80971Z" fill="url(#paint1_linear_623_5196)"/>
5
+ <path d="M61.7981 25.4777C60.3692 25.4777 59.5535 25.2253 58.4321 24.7205C57.525 24.0848 56.7984 23.3475 56.2879 22.5842C55.673 21.6648 55.3655 20.1522 55.3655 19.4474V13.0366L59.8974 12.2276V19.3662C59.8974 19.8245 60.0602 20.3832 60.3858 20.7257C60.7294 21.0502 61.3741 21.2592 61.8806 21.2592C62.3689 21.2592 63.042 21.0502 63.3495 20.7257C63.675 20.3832 63.8378 19.9064 63.8378 19.3662V12.4754L68.3437 11.6438V19.4474C68.3437 20.398 68.0362 21.6918 67.4213 22.6112C66.8244 23.5126 66.1974 24.2157 65.1122 24.7205C64.027 25.2253 63.2088 25.4777 61.7981 25.4777Z" fill="#423B46"/>
6
+ <path d="M77.085 11.386C78.5138 11.386 79.1652 11.6383 80.2866 12.1431C81.1938 12.7788 81.9203 13.5161 82.4308 14.2794C83.0458 15.1988 83.3533 16.7114 83.3533 17.4162L83.3533 25.1501L78.8213 25.1501L78.8213 17.4974C78.8213 16.9025 78.6585 16.4337 78.333 16.0912C77.9893 15.7667 77.5643 15.6045 77.0578 15.6045C76.5695 15.6045 76.1716 15.7667 75.8641 16.0912C75.5386 16.4337 75.3758 16.9025 75.3758 17.4974L75.3758 25.1501L70.8698 25.1501L70.8698 17.4162C70.8698 16.4656 71.1773 15.1718 71.7923 14.2524C72.3891 13.351 73.0162 12.6479 74.1014 12.1431C75.1866 11.6383 75.6742 11.386 77.085 11.386Z" fill="#423B46"/>
7
+ <path d="M85.3325 11.386C86.7614 11.386 87.4128 11.6383 88.5342 12.1431C89.4413 12.7788 90.1679 13.5161 90.6784 14.2794C91.2934 15.1988 91.6008 16.7114 91.6008 17.4162L91.6008 25.1501L87.0689 25.1501L87.0689 17.4974C87.0689 16.9025 86.9061 16.4337 86.5805 16.0912C86.2369 15.7667 85.8118 15.6045 85.3054 15.6045C84.8171 15.6045 84.4191 15.7667 84.1117 16.0912C83.7861 16.4337 83.6233 16.9025 83.6233 17.4974L83.6233 25.1501L79.1174 25.1501L79.1174 17.4162C79.1174 16.4656 79.4249 15.1718 80.0398 14.2524C80.6367 13.351 81.2638 12.6479 82.349 12.1431C83.4342 11.6383 83.9218 11.386 85.3325 11.386Z" fill="#423B46"/>
8
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M105.158 23.6244C103.96 24.5863 102.435 25.1624 100.774 25.1624C96.9206 25.1624 93.7964 22.0586 93.7964 18.23C93.7964 14.4013 96.9206 11.2976 100.774 11.2976C102.452 11.2976 103.991 11.8856 105.195 12.8655L109.116 12.1393V25.1622H105.158V23.6244ZM104.022 18.2796C104.022 20.0443 102.582 21.4748 100.806 21.4748C99.0298 21.4748 97.5898 20.0443 97.5898 18.2796C97.5898 16.5149 99.0298 15.0843 100.806 15.0843C102.582 15.0843 104.022 16.5149 104.022 18.2796Z" fill="#423B46"/>
9
+ <rect x="35.9031" y="6.63403" width="4.94816" height="18.5161" fill="#423B46"/>
10
+ <rect x="47.4487" y="6.63403" width="4.94816" height="18.5161" fill="#423B46"/>
11
+ <rect width="10.1536" height="3.60562" transform="matrix(0.985002 -0.172546 0.174757 0.984612 38.6948 15.3645)" fill="#423B46"/>
12
+ <defs>
13
+ <linearGradient id="paint0_linear_623_5196" x1="18.5668" y1="6.46542" x2="-11.3801" y2="2.80595" gradientUnits="userSpaceOnUse">
14
+ <stop stop-color="#B246FF"/>
15
+ <stop offset="1" stop-color="#FF6A8A"/>
16
+ </linearGradient>
17
+ <linearGradient id="paint1_linear_623_5196" x1="21.7747" y1="7.9137" x2="43.7938" y2="28.5207" gradientUnits="userSpaceOnUse">
18
+ <stop stop-color="#B246FF"/>
19
+ <stop offset="1" stop-color="#FF6A8A"/>
20
+ </linearGradient>
21
+ </defs>
22
+ </svg>
package/src/components/icons/huma.svg CHANGED
@@ -1,15 +1,15 @@
1
- <svg viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <rect x="11.2676" y="14.5305" width="11.2329" height="3.7961" fill="#B246FF"/>
3
- <path fill-rule="evenodd" clip-rule="evenodd" d="M19.5496 4.36143C13.8705 2.70849 7.6775 5.39263 5.09814 10.9144C2.51877 16.4362 4.43722 22.9028 9.35286 26.1903L15.2227 13.6244L19.5496 4.36143Z" fill="url(#paint0_linear_623_5197)"/>
4
- <path fill-rule="evenodd" clip-rule="evenodd" d="M22.7575 5.80971C27.6731 9.09723 29.5916 15.5638 27.0122 21.0856C24.4328 26.6074 18.2399 29.2915 12.5607 27.6386L18.4305 15.0727L22.7575 5.80971Z" fill="url(#paint1_linear_623_5197)"/>
5
- <defs>
6
- <linearGradient id="paint0_linear_623_5197" x1="18.5668" y1="6.46542" x2="-11.3801" y2="2.80595" gradientUnits="userSpaceOnUse">
7
- <stop stop-color="#B246FF"/>
8
- <stop offset="1" stop-color="#FF6A8A"/>
9
- </linearGradient>
10
- <linearGradient id="paint1_linear_623_5197" x1="21.7747" y1="7.9137" x2="43.7938" y2="28.5207" gradientUnits="userSpaceOnUse">
11
- <stop stop-color="#B246FF"/>
12
- <stop offset="1" stop-color="#FF6A8A"/>
13
- </linearGradient>
14
- </defs>
15
- </svg>
1
+ <svg viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <rect x="11.2676" y="14.5305" width="11.2329" height="3.7961" fill="#B246FF"/>
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M19.5496 4.36143C13.8705 2.70849 7.6775 5.39263 5.09814 10.9144C2.51877 16.4362 4.43722 22.9028 9.35286 26.1903L15.2227 13.6244L19.5496 4.36143Z" fill="url(#paint0_linear_623_5197)"/>
4
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M22.7575 5.80971C27.6731 9.09723 29.5916 15.5638 27.0122 21.0856C24.4328 26.6074 18.2399 29.2915 12.5607 27.6386L18.4305 15.0727L22.7575 5.80971Z" fill="url(#paint1_linear_623_5197)"/>
5
+ <defs>
6
+ <linearGradient id="paint0_linear_623_5197" x1="18.5668" y1="6.46542" x2="-11.3801" y2="2.80595" gradientUnits="userSpaceOnUse">
7
+ <stop stop-color="#B246FF"/>
8
+ <stop offset="1" stop-color="#FF6A8A"/>
9
+ </linearGradient>
10
+ <linearGradient id="paint1_linear_623_5197" x1="21.7747" y1="7.9137" x2="43.7938" y2="28.5207" gradientUnits="userSpaceOnUse">
11
+ <stop stop-color="#B246FF"/>
12
+ <stop offset="1" stop-color="#FF6A8A"/>
13
+ </linearGradient>
14
+ </defs>
15
+ </svg>
package/src/components/icons/index.tsx CHANGED
@@ -1,93 +1,93 @@
1
- import { SvgIconProps } from '@mui/material'
2
- import { ReactComponent as HumaLogoSvg } from './huma.svg'
3
- import { ReactComponent as HumaFullLogoSvg } from './huma-full.svg'
4
- import { ReactComponent as MetamaskSvg } from './metamask.svg'
5
- import { ReactComponent as WalletConnectSvg } from './wallet-connect.svg'
6
- import { ReactComponent as EthereumSvg } from './ethereum.svg'
7
- import { ReactComponent as PolygonSvg } from './polygon.svg'
8
- import { ReactComponent as ReceiptSvg } from './receipt.svg'
9
- import { ReactComponent as SeparatorSvg } from './separator.svg'
10
- import { ReactComponent as LoaderSvg } from './loader.svg'
11
- import { ReactComponent as SorrySvg } from './sorry.svg'
12
- import { ReactComponent as CheckSvg } from './check.svg'
13
- import { ReactComponent as CheckGreenSvg } from './check-green.svg'
14
- import { ReactComponent as CheckCircleSvg } from './check-circle.svg'
15
- import { ReactComponent as AutoPaybackSvg } from './auto-payback.svg'
16
- import { ReactComponent as ApproveLenderSvg } from './approve-lender.svg'
17
- import { ReactComponent as DonutSvg } from './donut.svg'
18
- import { ReactComponent as UsdcSvg } from './usdc.svg'
19
-
20
- export function HumaIcon(props: SvgIconProps): React.ReactElement {
21
- return <HumaLogoSvg {...props} />
22
- }
23
-
24
- export function HumaFullIcon(props: SvgIconProps): React.ReactElement {
25
- return <HumaFullLogoSvg {...props} />
26
- }
27
-
28
- export function MetamaskIcon(props: SvgIconProps): React.ReactElement {
29
- return <MetamaskSvg {...props} />
30
- }
31
-
32
- export function WalletConnectIcon(props: SvgIconProps): React.ReactElement {
33
- return <WalletConnectSvg {...props} />
34
- }
35
-
36
- export function EthereumIcon(props: SvgIconProps): React.ReactElement {
37
- return <EthereumSvg {...props} />
38
- }
39
-
40
- export function PolygonIcon(props: SvgIconProps): React.ReactElement {
41
- return <PolygonSvg {...props} />
42
- }
43
-
44
- export function ReceiptIcon(props: SvgIconProps): React.ReactElement {
45
- return <ReceiptSvg {...props} />
46
- }
47
-
48
- export function SeparatorIcon(props: SvgIconProps): React.ReactElement {
49
- return <SeparatorSvg {...props} />
50
- }
51
-
52
- export function LoaderIcon(props: SvgIconProps): React.ReactElement {
53
- return <LoaderSvg {...props} />
54
- }
55
-
56
- export function SorryIcon(props: SvgIconProps): React.ReactElement {
57
- return <SorrySvg {...props} />
58
- }
59
-
60
- export function CheckIcon(props: SvgIconProps): React.ReactElement {
61
- return <CheckSvg {...props} />
62
- }
63
-
64
- export function CheckGreenIcon(props: SvgIconProps): React.ReactElement {
65
- return <CheckGreenSvg {...props} />
66
- }
67
-
68
- export function CheckCircleIcon(props: SvgIconProps): React.ReactElement {
69
- return <CheckCircleSvg {...props} />
70
- }
71
-
72
- export function AutoPaybackIcon(props: SvgIconProps): React.ReactElement {
73
- return <AutoPaybackSvg {...props} />
74
- }
75
-
76
- export function ApproveLenderIcon(props: SvgIconProps): React.ReactElement {
77
- return <ApproveLenderSvg {...props} />
78
- }
79
-
80
- export function DonutIcon(props: SvgIconProps): React.ReactElement {
81
- return <DonutSvg {...props} />
82
- }
83
-
84
- export function UsdcIcon(props: SvgIconProps): React.ReactElement {
85
- return <UsdcSvg {...props} />
86
- }
87
-
88
- export function getIcon(icon: string) {
89
- if (icon === 'USDC') {
90
- return UsdcIcon
91
- }
92
- return null
93
- }
1
+ import { SvgIconProps } from '@mui/material'
2
+ import { ReactComponent as HumaLogoSvg } from './huma.svg'
3
+ import { ReactComponent as HumaFullLogoSvg } from './huma-full.svg'
4
+ import { ReactComponent as MetamaskSvg } from './metamask.svg'
5
+ import { ReactComponent as WalletConnectSvg } from './wallet-connect.svg'
6
+ import { ReactComponent as EthereumSvg } from './ethereum.svg'
7
+ import { ReactComponent as PolygonSvg } from './polygon.svg'
8
+ import { ReactComponent as ReceiptSvg } from './receipt.svg'
9
+ import { ReactComponent as SeparatorSvg } from './separator.svg'
10
+ import { ReactComponent as LoaderSvg } from './loader.svg'
11
+ import { ReactComponent as SorrySvg } from './sorry.svg'
12
+ import { ReactComponent as CheckSvg } from './check.svg'
13
+ import { ReactComponent as CheckGreenSvg } from './check-green.svg'
14
+ import { ReactComponent as CheckCircleSvg } from './check-circle.svg'
15
+ import { ReactComponent as AutoPaybackSvg } from './auto-payback.svg'
16
+ import { ReactComponent as ApproveLenderSvg } from './approve-lender.svg'
17
+ import { ReactComponent as DonutSvg } from './donut.svg'
18
+ import { ReactComponent as UsdcSvg } from './usdc.svg'
19
+
20
+ export function HumaIcon(props: SvgIconProps): React.ReactElement {
21
+ return <HumaLogoSvg {...props} />
22
+ }
23
+
24
+ export function HumaFullIcon(props: SvgIconProps): React.ReactElement {
25
+ return <HumaFullLogoSvg {...props} />
26
+ }
27
+
28
+ export function MetamaskIcon(props: SvgIconProps): React.ReactElement {
29
+ return <MetamaskSvg {...props} />
30
+ }
31
+
32
+ export function WalletConnectIcon(props: SvgIconProps): React.ReactElement {
33
+ return <WalletConnectSvg {...props} />
34
+ }
35
+
36
+ export function EthereumIcon(props: SvgIconProps): React.ReactElement {
37
+ return <EthereumSvg {...props} />
38
+ }
39
+
40
+ export function PolygonIcon(props: SvgIconProps): React.ReactElement {
41
+ return <PolygonSvg {...props} />
42
+ }
43
+
44
+ export function ReceiptIcon(props: SvgIconProps): React.ReactElement {
45
+ return <ReceiptSvg {...props} />
46
+ }
47
+
48
+ export function SeparatorIcon(props: SvgIconProps): React.ReactElement {
49
+ return <SeparatorSvg {...props} />
50
+ }
51
+
52
+ export function LoaderIcon(props: SvgIconProps): React.ReactElement {
53
+ return <LoaderSvg {...props} />
54
+ }
55
+
56
+ export function SorryIcon(props: SvgIconProps): React.ReactElement {
57
+ return <SorrySvg {...props} />
58
+ }
59
+
60
+ export function CheckIcon(props: SvgIconProps): React.ReactElement {
61
+ return <CheckSvg {...props} />
62
+ }
63
+
64
+ export function CheckGreenIcon(props: SvgIconProps): React.ReactElement {
65
+ return <CheckGreenSvg {...props} />
66
+ }
67
+
68
+ export function CheckCircleIcon(props: SvgIconProps): React.ReactElement {
69
+ return <CheckCircleSvg {...props} />
70
+ }
71
+
72
+ export function AutoPaybackIcon(props: SvgIconProps): React.ReactElement {
73
+ return <AutoPaybackSvg {...props} />
74
+ }
75
+
76
+ export function ApproveLenderIcon(props: SvgIconProps): React.ReactElement {
77
+ return <ApproveLenderSvg {...props} />
78
+ }
79
+
80
+ export function DonutIcon(props: SvgIconProps): React.ReactElement {
81
+ return <DonutSvg {...props} />
82
+ }
83
+
84
+ export function UsdcIcon(props: SvgIconProps): React.ReactElement {
85
+ return <UsdcSvg {...props} />
86
+ }
87
+
88
+ export function getIcon(icon: string) {
89
+ if (icon === 'USDC') {
90
+ return UsdcIcon
91
+ }
92
+ return null
93
+ }