Merge remote-tracking branch 'upstream/main' into teller-p2-service

CONTRIBUTING.md

@@ -0,0 +1,12 @@
+# Contributing to Maybe
+It means so much that you're interested in contributing to Maybe! Seriously. Thank you. The entire community benefits from these contributions!
+
+Before submitting a new issue or PR, check if it already exists in [issues](https://github.com/maybe-finance/maybe/issues) or [PRs](https://github.com/maybe-finance/maybe/pulls) so you have an idea of where things stand.
+
+Then, once you're ready to begin work, submit a draft PR with your high-level plan (or the full solution).
+
+Given the speed at which we're moving on the codebase, we don't assign issues or "give" issues to anyone. 
+
+When multiple PRs are submitted for the same issue, we take the one that most succinctly & efficiently solves a given problem and stays within the scope of work.
+
+Priority is also generally given to previous committers as they've proven familiarity with the codebase and product.

README.md

@@ -63,6 +63,9 @@ yarn prisma:seed
 yarn dev
 ```
 
+## Contributing
+To contribute, please see our [contribution guide](https://github.com/maybe-finance/maybe/blob/main/CONTRIBUTING.md).
+
 ## High-priority issues
 
 The biggest focus at the moment is on getting the app functional without some previously key external services (namely Plaid and Finicity).
@@ -88,6 +91,10 @@ To pull market data in (for investments), you'll need a Polygon.io API key. You
 -   [Handling money](https://github.com/maybe-finance/maybe/wiki/Handling-Money)
 -   [REST API](https://github.com/maybe-finance/maybe/wiki/REST-API)
 
+
+## Repo Activity
+![Repo Activity](https://repobeats.axiom.co/api/embed/7866c9790deba0baf63ca1688b209130b306ea4e.svg "Repobeats analytics image")
+
 ## Credits
 
 The original app was built by [Zach Gollwitzer](https://twitter.com/zg_dev), [Nick Arciero](https://www.narciero.com/) and [Tim Wilson](https://twitter.com/actualTimWilson), with design work by [Justin Farrugia](https://twitter.com/justinmfarrugia). The app is currently maintained by [Josh Pigford](https://twitter.com/Shpigford).

apps/client/public/assets/icons/financial-institutions/bofa.svg

@@ -0,0 +1,29 @@
+<svg width="38" height="20" viewBox="0 0 38 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.0783 19.9998C24.9244 15.0068 33.1367 10.1525 37.6465 8.40493C36.9506 7.96111 35.8649 7.32311 34.64 6.62964C28.8218 8.54362 22.0292 12.7877 15.9604 17.5865C16.9905 18.3632 18.0762 19.1676 19.0783 19.9998V19.9998Z" fill="url(#paint0_linear_913_37202)"/>
+<path d="M16.4049 6.43637C15.5419 6.02028 14.5954 5.63194 13.8716 5.29907C11.6724 6.38089 8.80502 8.01749 5.18604 10.5972C5.96551 11.0133 6.80066 11.5126 7.69148 12.0119C10.4753 9.95921 13.287 8.01749 16.4049 6.43637V6.43637Z" fill="url(#paint1_linear_913_37202)"/>
+<path d="M21.6096 4.05049C20.5518 3.46797 16.8771 2.10876 14.3438 1.52625C13.5922 1.80363 12.5343 2.21972 11.8105 2.52485C12.7292 2.7745 16.1533 3.68988 19.0763 5.16005C19.828 4.79944 20.8858 4.35562 21.6096 4.05049V4.05049Z" fill="url(#paint2_linear_913_37202)"/>
+<path d="M9.16796 3.68982C5.91088 5.18772 2.48675 7.2404 0.621582 8.43318C1.2897 8.7383 1.95782 8.98795 2.87648 9.43178C6.99656 6.65788 10.2258 4.96581 11.5064 4.41103C10.5877 4.07816 9.72473 3.85625 9.16796 3.68982V3.68982Z" fill="url(#paint3_linear_913_37202)"/>
+<path d="M24.0612 3.18997C24.8129 2.94032 25.6758 2.71841 26.4275 2.4965C24.2561 1.58112 21.5279 0.610256 19.0781 0C18.6884 0.110956 17.5192 0.416084 16.7119 0.665734C17.547 0.915384 20.303 1.55338 24.0612 3.18997ZM10.3369 13.6198C11.2277 14.1468 12.1742 14.8681 13.0929 15.4783C19.1895 10.7627 25.2026 7.1289 31.8003 5.07622C30.8816 4.60466 30.0743 4.18858 29.0443 3.68927C25.0912 4.68788 18.3265 7.37855 10.3369 13.6198Z" fill="url(#paint4_linear_913_37202)"/>
+<defs>
+<linearGradient id="paint0_linear_913_37202" x1="26.8035" y1="6.62964" x2="26.8035" y2="19.9998" gradientUnits="userSpaceOnUse">
+<stop stop-color="#DEE2E6"/>
+<stop offset="1" stop-color="#F8F9FA"/>
+</linearGradient>
+<linearGradient id="paint1_linear_913_37202" x1="10.7955" y1="5.29907" x2="10.7955" y2="12.0119" gradientUnits="userSpaceOnUse">
+<stop stop-color="#DEE2E6"/>
+<stop offset="1" stop-color="#F8F9FA"/>
+</linearGradient>
+<linearGradient id="paint2_linear_913_37202" x1="16.7101" y1="1.52625" x2="16.7101" y2="5.16005" gradientUnits="userSpaceOnUse">
+<stop stop-color="#DEE2E6"/>
+<stop offset="1" stop-color="#F8F9FA"/>
+</linearGradient>
+<linearGradient id="paint3_linear_913_37202" x1="6.06398" y1="3.68982" x2="6.06398" y2="9.43178" gradientUnits="userSpaceOnUse">
+<stop stop-color="#DEE2E6"/>
+<stop offset="1" stop-color="#F8F9FA"/>
+</linearGradient>
+<linearGradient id="paint4_linear_913_37202" x1="21.0686" y1="0" x2="21.0686" y2="15.4783" gradientUnits="userSpaceOnUse">
+<stop stop-color="#DEE2E6"/>
+<stop offset="1" stop-color="#F8F9FA"/>
+</linearGradient>
+</defs>
+</svg>

apps/client/public/assets/icons/financial-institutions/capital-one.svg

@@ -0,0 +1,59 @@
+<svg width="57" height="20" viewBox="0 0 57 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M38.4475 14.4643C38.4443 14.4675 38.4412 14.4675 38.4412 14.4706C36.0784 16.1503 33.2811 17.9148 30.2713 19.7671L30.1526 19.8362C30.1119 19.8645 30.1026 19.921 30.1307 19.9618C30.1588 20.0026 30.2151 20.012 30.2557 19.9838L30.3557 19.9304C32.9092 18.5929 35.8409 17.0043 38.7913 15.3748C38.8069 15.3654 38.8225 15.356 38.8381 15.3497C38.6756 15.0797 38.5412 14.7846 38.4475 14.4643V14.4643ZM53.9496 1.85883C50.2272 -2.26661 26.2708 1.4444 16.085 3.6798L15.8475 3.73003C15.7975 3.73945 15.7662 3.78655 15.7756 3.83364C15.785 3.88387 15.8318 3.91527 15.8787 3.90585L16.1131 3.85876C24.5518 2.34861 42.1042 0.257632 45.8797 4.01888C47.033 5.16797 46.758 6.64359 45.4203 8.3892C46.1391 8.85387 46.6517 9.58539 46.883 10.499C52.1025 7.02034 55.6061 3.6955 53.9496 1.85883V1.85883Z" fill="url(#paint0_linear_913_37209)"/>
+<path d="M39.9545 13.3793C40.0014 14.8298 40.9171 16.0197 42.1079 16.0197C44.4176 16.0197 45.4021 13.169 45.3334 11.2664C45.2833 9.81275 44.3457 8.62598 43.1549 8.62598C41.1703 8.62284 39.8857 11.461 39.9545 13.3793V13.3793ZM38.7356 13.3008C38.6512 10.8237 40.5827 8.29004 43.3893 8.29004C45.2646 8.29004 46.4929 9.54588 46.5616 11.4705C46.6523 14.0826 44.8458 16.4813 41.911 16.4813C40.0295 16.4813 38.8012 15.2286 38.7356 13.3008V13.3008Z" fill="url(#paint1_linear_913_37209)"/>
+<path d="M12.1549 12.647C12.0549 12.6847 11.9268 12.7224 11.7643 12.7569C11.6049 12.7946 11.3111 12.8448 10.886 12.9139C10.5922 12.961 10.3891 13.0206 10.2734 13.1054C10.164 13.187 10.0984 13.2844 10.0797 13.4068C10.0578 13.5355 10.0984 13.636 10.2078 13.7176C10.3203 13.7961 10.5078 13.8369 10.7735 13.8369C10.9735 13.8369 11.1673 13.8055 11.3548 13.7428C11.5455 13.68 11.708 13.5952 11.8299 13.4884C11.9205 13.41 11.9862 13.3095 12.0362 13.187C12.0674 13.1054 12.1081 12.9265 12.1549 12.647V12.647ZM14.5928 11.1243C14.5834 11.3504 14.5428 11.5513 14.4834 11.8998L14.0708 14.2263C14.0365 14.4335 14.1115 14.5936 14.3021 14.7066L14.2896 14.7977L11.9268 14.7945L11.9049 14.2043C11.5611 14.4115 11.1454 14.5873 10.7704 14.6909C10.3953 14.7882 10.0922 14.8291 9.63897 14.8291C8.87637 14.8291 8.43881 14.7506 8.13564 14.4837C7.82935 14.2106 7.67933 14.0285 7.69495 13.6517C7.70746 13.4351 7.81997 13.1556 7.97937 12.961C8.14189 12.7632 8.36692 12.6345 8.60758 12.5183C8.85136 12.4021 9.1389 12.3174 9.55459 12.2514C9.97339 12.1824 10.5547 12.1164 11.333 12.0505C11.7424 12.016 11.9924 11.9218 12.1081 11.8747C12.2706 11.8119 12.3362 11.7397 12.3581 11.6078C12.4019 11.3692 12.3268 11.2311 12.008 11.1683C11.1579 10.9987 9.56084 11.2782 8.73885 11.4822L9.18579 10.2704C10.2703 10.1102 11.2861 10.0098 12.3581 10.0098C14.0677 10.0098 14.6115 10.4964 14.5928 11.1243V11.1243Z" fill="url(#paint2_linear_913_37209)"/>
+<path d="M21.4434 14.7953L22.2622 10.1455H24.525L23.7062 14.7953H21.4434ZM22.3872 9.06864C22.456 8.68561 23.0561 8.37793 23.7249 8.37793C24.3969 8.37793 24.8876 8.68875 24.822 9.06864C24.7501 9.45167 24.1531 9.76249 23.478 9.76249C22.8092 9.76249 22.3216 9.45167 22.3872 9.06864V9.06864Z" fill="url(#paint3_linear_913_37209)"/>
+<path d="M32.5588 12.6587C32.4556 12.6932 32.3244 12.7309 32.165 12.7686C32.0056 12.8062 31.7118 12.8533 31.2867 12.9224C30.9961 12.9695 30.7898 13.0292 30.6773 13.1139C30.5679 13.1924 30.5054 13.2929 30.4804 13.4122C30.4554 13.5409 30.5022 13.6445 30.6085 13.723C30.7241 13.8015 30.9117 13.8392 31.1773 13.8392C31.3742 13.8392 31.568 13.8109 31.7587 13.7513C31.9524 13.6853 32.1118 13.6037 32.2369 13.497C32.3244 13.4185 32.39 13.3149 32.4369 13.1956C32.4681 13.1171 32.5088 12.9381 32.5588 12.6587V12.6587ZM34.9966 11.1328C34.9872 11.362 34.9466 11.563 34.8841 11.9083L34.4747 14.2379C34.4403 14.442 34.5153 14.6052 34.7059 14.7183L34.6934 14.7999L32.3306 14.803L32.3119 14.2096C31.9681 14.42 31.5493 14.5958 31.1773 14.6963C30.8023 14.7968 30.4991 14.8376 30.0397 14.8376C29.2771 14.8376 28.8426 14.7622 28.5395 14.4922C28.2301 14.2159 28.0832 14.037 28.0988 13.6602C28.1082 13.4404 28.2207 13.161 28.3832 12.9695C28.5457 12.7686 28.7708 12.643 29.0145 12.5268C29.2583 12.4107 29.5459 12.3259 29.9584 12.2568C30.3772 12.1909 30.9617 12.1218 31.7399 12.0559C32.1462 12.0213 32.3963 11.9303 32.5119 11.8832C32.6775 11.8204 32.7401 11.7482 32.7651 11.6132C32.8057 11.3777 32.7338 11.2396 32.4181 11.1737C31.5618 11.0041 29.9709 11.2835 29.1489 11.4876L29.5927 10.2757C30.6804 10.1156 31.693 10.0151 32.7651 10.0151C34.4684 10.0183 35.0122 10.5081 34.9966 11.1328V11.1328Z" fill="url(#paint4_linear_913_37209)"/>
+<path d="M7.38837 13.1252C6.65076 13.2728 6.23821 13.3293 5.50998 13.3293C4.42858 13.3293 3.56909 12.7893 3.61597 11.8003C3.65035 11.141 4.42546 9.75331 6.3976 9.75331C7.01957 9.75331 7.50401 9.8632 8.15722 10.2368L8.44476 8.62306C7.55714 8.28712 6.96956 8.23689 6.20695 8.24317C3.6191 8.27142 1.1375 9.45191 0.828086 11.8537C0.515543 14.2932 3.48158 14.9054 4.79738 14.8991C5.55686 14.896 6.3476 14.8646 7.0852 14.7892L7.38837 13.1252Z" fill="url(#paint5_linear_913_37209)"/>
+<path d="M25.7712 10.1205L25.9338 9.17233L28.2997 8.6543L28.0466 10.1174H29.2061L28.9873 11.053L27.8622 11.0498L27.1777 14.7891C27.1777 14.7891 24.8992 14.7734 24.8899 14.7891L25.5712 11.0592H24.7148L24.8899 10.1174H25.7712V10.1205Z" fill="url(#paint6_linear_913_37209)"/>
+<path d="M38.3953 8.37163L37.2951 14.7921L34.9917 14.7953L36.1512 8.30884L38.3953 8.37163Z" fill="url(#paint7_linear_913_37209)"/>
+<path d="M18.4484 11.2367C18.1515 11.2367 17.8827 11.3277 17.6452 11.5067C17.4077 11.6888 17.2576 11.9525 17.1982 12.301C17.1264 12.706 17.1701 12.998 17.3295 13.1769C17.492 13.3559 17.7233 13.4469 18.0296 13.4469C18.2359 13.4469 18.4484 13.4093 18.6047 13.3308C18.7985 13.2272 18.9329 13.1204 19.0485 12.9478C19.1735 12.7688 19.2548 12.5679 19.2985 12.3355C19.3642 11.9682 19.3079 11.6951 19.1391 11.513C18.9735 11.3309 18.7453 11.2367 18.4484 11.2367V11.2367ZM14.3291 16.4013L15.4324 10.1723H17.4202L17.267 10.9667C17.4389 10.7281 17.7139 10.5334 18.0952 10.3764C18.4797 10.2194 18.911 10.1033 19.3798 10.1033C19.8986 10.1033 20.2174 10.1315 20.605 10.3325C20.9894 10.5365 21.2613 10.8317 21.4051 11.2147C21.5551 11.5914 21.5864 12.0184 21.5051 12.48C21.3707 13.2492 20.9988 13.852 20.3862 14.2978C19.7799 14.7436 19.2329 14.8598 18.4547 14.8629C18.1796 14.8629 17.9484 14.8347 17.7577 14.7876C17.5702 14.7373 17.4202 14.6777 17.3076 14.6055C17.1982 14.5332 17.0826 14.4296 16.9357 14.2664L16.5669 16.4013H14.3291Z" fill="url(#paint8_linear_913_37209)"/>
+<path d="M55.404 11.8074C55.3915 11.4338 55.204 11.1795 54.8195 11.1795C53.8913 11.1795 52.9037 13.0067 52.7349 13.7414C54.257 13.7446 55.4415 12.8341 55.404 11.8074V11.8074ZM55.604 14.6707L55.7822 14.7932C55.329 15.7194 54.407 16.4635 53.3256 16.4635C52.4411 16.4635 51.7129 15.8701 51.6754 14.7586C51.6035 12.765 53.4631 10.9158 54.9852 10.9158C55.6384 10.9158 56.2447 11.2015 56.2697 11.9079C56.326 13.4934 54.1101 13.9769 52.6505 14.0114C52.6036 14.1778 52.5849 14.3442 52.5942 14.5954C52.6192 15.2516 53.013 15.8041 53.8319 15.8041C54.5383 15.8041 55.2446 15.2327 55.604 14.6707V14.6707Z" fill="url(#paint9_linear_913_37209)"/>
+<path d="M46.5268 11.7562C46.683 11.7342 46.9362 11.7059 47.0456 11.7059C47.2112 11.7059 47.3675 11.7373 47.3769 11.9037C47.38 12.0011 47.205 12.7075 47.1675 12.8707L46.8143 14.4343C46.6705 15.0747 46.5174 15.7435 46.3799 16.2741H47.2863L47.7957 13.7969C49.349 12.1706 49.9491 11.64 50.3148 11.64C50.4805 11.64 50.593 11.7279 50.6023 11.9257C50.6117 12.2114 50.4336 12.8613 50.3742 13.0497L49.8554 14.855C49.7366 15.26 49.6491 15.6273 49.6585 15.8879C49.6741 16.2835 49.9116 16.4593 50.2679 16.4593C50.9305 16.4593 51.4118 15.7654 51.8306 15.0842L51.7087 14.8612C51.54 15.1344 51.1462 15.734 50.8368 15.734C50.7399 15.734 50.6461 15.6681 50.643 15.5049C50.6336 15.2945 50.7211 14.9774 50.7836 14.7671L51.3618 12.651C51.5181 12.067 51.59 11.6934 51.5869 11.4924C51.5712 11.0969 51.3431 10.9116 50.9899 10.9116C50.3929 10.9116 49.6022 11.3512 47.9238 13.2883H47.8988L48.1114 12.3433C48.227 11.8252 48.3395 11.2852 48.4458 10.9116C47.8645 11.122 47.0331 11.3574 46.5205 11.4579L46.5268 11.7562Z" fill="url(#paint10_linear_913_37209)"/>
+<defs>
+<linearGradient id="paint0_linear_913_37209" x1="35.0689" y1="0" x2="35.0689" y2="20" gradientUnits="userSpaceOnUse">
+<stop stop-color="#DEE2E6"/>
+<stop offset="1" stop-color="#F8F9FA"/>
+</linearGradient>
+<linearGradient id="paint1_linear_913_37209" x1="42.6489" y1="8.29004" x2="42.6489" y2="16.4813" gradientUnits="userSpaceOnUse">
+<stop stop-color="#DEE2E6"/>
+<stop offset="1" stop-color="#F8F9FA"/>
+</linearGradient>
+<linearGradient id="paint2_linear_913_37209" x1="11.1435" y1="10.0098" x2="11.1435" y2="14.8291" gradientUnits="userSpaceOnUse">
+<stop stop-color="#DEE2E6"/>
+<stop offset="1" stop-color="#F8F9FA"/>
+</linearGradient>
+<linearGradient id="paint3_linear_913_37209" x1="23.1356" y1="8.37793" x2="23.1356" y2="14.7953" gradientUnits="userSpaceOnUse">
+<stop stop-color="#DEE2E6"/>
+<stop offset="1" stop-color="#F8F9FA"/>
+</linearGradient>
+<linearGradient id="paint4_linear_913_37209" x1="31.5473" y1="10.0151" x2="31.5473" y2="14.8376" gradientUnits="userSpaceOnUse">
+<stop stop-color="#DEE2E6"/>
+<stop offset="1" stop-color="#F8F9FA"/>
+</linearGradient>
+<linearGradient id="paint5_linear_913_37209" x1="4.62497" y1="8.24268" x2="4.62497" y2="14.8992" gradientUnits="userSpaceOnUse">
+<stop stop-color="#DEE2E6"/>
+<stop offset="1" stop-color="#F8F9FA"/>
+</linearGradient>
+<linearGradient id="paint6_linear_913_37209" x1="26.9605" y1="8.6543" x2="26.9605" y2="14.7891" gradientUnits="userSpaceOnUse">
+<stop stop-color="#DEE2E6"/>
+<stop offset="1" stop-color="#F8F9FA"/>
+</linearGradient>
+<linearGradient id="paint7_linear_913_37209" x1="36.6935" y1="8.30884" x2="36.6935" y2="14.7953" gradientUnits="userSpaceOnUse">
+<stop stop-color="#DEE2E6"/>
+<stop offset="1" stop-color="#F8F9FA"/>
+</linearGradient>
+<linearGradient id="paint8_linear_913_37209" x1="17.939" y1="10.1033" x2="17.939" y2="16.4013" gradientUnits="userSpaceOnUse">
+<stop stop-color="#DEE2E6"/>
+<stop offset="1" stop-color="#F8F9FA"/>
+</linearGradient>
+<linearGradient id="paint9_linear_913_37209" x1="53.9721" y1="10.9158" x2="53.9721" y2="16.4635" gradientUnits="userSpaceOnUse">
+<stop stop-color="#DEE2E6"/>
+<stop offset="1" stop-color="#F8F9FA"/>
+</linearGradient>
+<linearGradient id="paint10_linear_913_37209" x1="49.1053" y1="10.9116" x2="49.1053" y2="16.4593" gradientUnits="userSpaceOnUse">
+<stop stop-color="#DEE2E6"/>
+<stop offset="1" stop-color="#F8F9FA"/>
+</linearGradient>
+</defs>
+</svg>

apps/client/public/assets/icons/financial-institutions/chase-bank.svg

@@ -0,0 +1,24 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.45091 0C8.98624 0 8.60986 0.379315 8.60986 0.84704V6.78779H24.1816L17.0903 0.000547972L9.45091 0Z" fill="url(#paint0_linear_913_37196)"/>
+<path d="M24.75 8.58478C24.75 8.11596 24.3763 7.73828 23.909 7.73828H18.0156V23.4315L24.7473 16.2818L24.75 8.58478Z" fill="url(#paint1_linear_913_37196)"/>
+<path d="M16.2309 23.9999C16.6945 23.9999 17.0708 23.62 17.0708 23.1512V17.2126H1.49854L8.59093 23.9988L16.2309 23.9999Z" fill="url(#paint2_linear_913_37196)"/>
+<path d="M0.929688 15.4148C0.929688 15.8831 1.30608 16.2646 1.77183 16.2646H7.6641V0.570312L0.930772 7.71776L0.929688 15.4148Z" fill="url(#paint3_linear_913_37196)"/>
+<defs>
+<linearGradient id="paint0_linear_913_37196" x1="16.3957" y1="0" x2="16.3957" y2="6.78779" gradientUnits="userSpaceOnUse">
+<stop stop-color="#DEE2E6"/>
+<stop offset="1" stop-color="#F8F9FA"/>
+</linearGradient>
+<linearGradient id="paint1_linear_913_37196" x1="21.3828" y1="7.73828" x2="21.3828" y2="23.4315" gradientUnits="userSpaceOnUse">
+<stop stop-color="#DEE2E6"/>
+<stop offset="1" stop-color="#F8F9FA"/>
+</linearGradient>
+<linearGradient id="paint2_linear_913_37196" x1="9.28469" y1="17.2126" x2="9.28469" y2="23.9999" gradientUnits="userSpaceOnUse">
+<stop stop-color="#DEE2E6"/>
+<stop offset="1" stop-color="#F8F9FA"/>
+</linearGradient>
+<linearGradient id="paint3_linear_913_37196" x1="4.29689" y1="0.570312" x2="4.29689" y2="16.2646" gradientUnits="userSpaceOnUse">
+<stop stop-color="#DEE2E6"/>
+<stop offset="1" stop-color="#F8F9FA"/>
+</linearGradient>
+</defs>
+</svg>

apps/client/public/assets/icons/financial-institutions/citi.svg

@@ -0,0 +1,34 @@
+<svg width="32" height="20" viewBox="0 0 32 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_913_37222)">
+<path d="M9.74281 15.9969C8.78252 16.9567 7.82224 17.393 6.77466 17.393C4.59219 17.393 3.02081 15.7351 3.02081 13.4665C3.02081 11.1978 4.59219 9.53995 6.77466 9.53995C7.82224 9.53995 8.86982 9.97623 9.74281 10.9361V11.0233L11.1396 9.36544V9.27819C9.91741 7.96934 8.52063 7.27129 6.77466 7.27129C5.02868 7.27129 3.45731 7.88209 2.32243 8.92916C1.10024 10.0635 0.401855 11.6341 0.401855 13.5537C0.401855 15.4734 1.01295 17.044 2.32243 18.1783C3.45731 19.2254 5.02868 19.8362 6.77466 19.8362C8.52063 19.8362 9.91741 19.1381 11.0523 17.742L9.74281 15.9969Z" fill="url(#paint0_linear_913_37222)"/>
+<path d="M12.6074 19.5254H15.0518V7.39678H12.6074V19.5254Z" fill="url(#paint1_linear_913_37222)"/>
+<path d="M24.766 16.9268C24.0676 17.3631 23.4565 17.5376 22.9327 17.5376C22.147 17.5376 21.7978 17.1013 21.7978 16.1415V9.68454H24.3295V7.41588H21.7978V3.66386L19.3535 4.9727V7.41588H17.2583V9.77179H19.3535V16.5778C19.3535 18.4102 20.4884 19.719 22.147 19.719C23.2819 19.719 23.9803 19.37 24.3295 19.1955L24.9406 16.8395L24.766 16.9268Z" fill="url(#paint2_linear_913_37222)"/>
+<path d="M26.8374 19.5254H29.2818V7.39678H26.8374V19.5254Z" fill="url(#paint3_linear_913_37222)"/>
+<path d="M30.7523 5.33013C28.4826 2.10165 24.7287 0.182012 20.8876 0.182012C17.0465 0.182012 13.2926 2.10165 11.0228 5.33013L10.9355 5.50464H13.8164C15.737 3.49775 18.2686 2.45067 20.8876 2.45067C23.5065 2.45067 26.0382 3.49775 27.9588 5.50464H30.8396L30.7523 5.33013Z" fill="url(#paint4_linear_913_37222)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_913_37222" x1="5.77072" y1="19.8362" x2="5.77072" y2="7.27129" gradientUnits="userSpaceOnUse">
+<stop stop-color="#DEE2E6"/>
+<stop offset="1" stop-color="#F8F9FA"/>
+</linearGradient>
+<linearGradient id="paint1_linear_913_37222" x1="13.8296" y1="19.5254" x2="13.8296" y2="7.39678" gradientUnits="userSpaceOnUse">
+<stop stop-color="#DEE2E6"/>
+<stop offset="1" stop-color="#F8F9FA"/>
+</linearGradient>
+<linearGradient id="paint2_linear_913_37222" x1="21.0994" y1="19.719" x2="21.0994" y2="3.66386" gradientUnits="userSpaceOnUse">
+<stop stop-color="#DEE2E6"/>
+<stop offset="1" stop-color="#F8F9FA"/>
+</linearGradient>
+<linearGradient id="paint3_linear_913_37222" x1="28.0596" y1="19.5254" x2="28.0596" y2="7.39678" gradientUnits="userSpaceOnUse">
+<stop stop-color="#DEE2E6"/>
+<stop offset="1" stop-color="#F8F9FA"/>
+</linearGradient>
+<linearGradient id="paint4_linear_913_37222" x1="20.8876" y1="5.50464" x2="20.8876" y2="0.182013" gradientUnits="userSpaceOnUse">
+<stop stop-color="#DEE2E6"/>
+<stop offset="1" stop-color="#F8F9FA"/>
+</linearGradient>
+<clipPath id="clip0_913_37222">
+<rect width="30.8" height="20" fill="white" transform="translate(0.27002)"/>
+</clipPath>
+</defs>
+</svg>

libs/client/features/src/accounts-manager/InstitutionGrid.tsx

@@ -1,6 +1,4 @@
-import { BrowserUtil } from '@maybe-finance/client/shared'
 import { useMemo } from 'react'
-import Image from 'next/legacy/image'
 import type { SharedType } from '@maybe-finance/shared'
 
 type GridImage = {
@@ -9,6 +7,8 @@ type GridImage = {
     institution?: Pick<SharedType.ProviderInstitution, 'provider' | 'providerId'>
 }
 
+const BASE_IMAGES_FOLDER = '/assets/images/financial-institutions/'
+
 const banks: GridImage[] = [
     {
         src: 'chase-bank.png',
@@ -144,15 +144,11 @@ export default function InstitutionGrid({
     return (
         <div className="grid grid-cols-2 gap-4">
             {imageList.map((img) => (
-                <Image
-                    className="cursor-pointer hover:opacity-90"
+                <img
+                    className="cursor-pointer hover:opacity-90 w-[193px] h-[116px]"
                     key={img.alt}
-                    loader={BrowserUtil.enhancerizerLoader}
-                    src={`financial-institutions/${img.src}`}
+                    src={`${BASE_IMAGES_FOLDER}${img.src}`}
                     alt={img.alt}
-                    layout="responsive"
-                    width={193}
-                    height={116}
                     onClick={() => {
                         switch (type) {
                             case 'crypto':

libs/client/features/src/onboarding/steps/setup/AddFirstAccount.tsx

@@ -3,10 +3,9 @@ import { Transition } from '@headlessui/react'
 import { RiLoader4Fill, RiLockLine } from 'react-icons/ri'
 import { motion } from 'framer-motion'
 import { Button } from '@maybe-finance/design-system'
-import { BrowserUtil, useAccountContext, useUserAccountContext } from '@maybe-finance/client/shared'
+import { useAccountContext, useUserAccountContext } from '@maybe-finance/client/shared'
 import { ExampleApp } from '../../ExampleApp'
 import { AiOutlineLoading3Quarters as LoadingIcon } from 'react-icons/ai'
-import Image from 'next/legacy/image'
 import type { StepProps } from '../StepProps'
 
 export function AddFirstAccount({ title, onNext }: StepProps) {
@@ -55,12 +54,10 @@ export function AddFirstAccount({ title, onNext }: StepProps) {
                                     ['Citibank', 'citi'],
                                 ].map(([name, src]) => (
                                     <div key={name} className="h-6">
-                                        <Image
-                                            loader={BrowserUtil.enhancerizerLoader}
-                                            src={`financial-institutions/white/${src}.svg`}
+                                        <img
+                                            src={`/assets/icons/financial-institutions/${src}.svg`}
                                             alt={name}
-                                            height={96}
-                                            width={96}
+                                            className="h-full w-auto"
                                         />
                                     </div>
                                 ))}