Variants conversion flow (osmosis-labs#3931)

* feat(asset-variants-conversion-modal): updates to styles

* refactor(getAllocation): refactor to handle returning Asset for matching asset / canonical asset

* feat(conversion-table): clean up table row

* feat(conversion-checkboxes): make all checkboxes checked by default

* feat(isAlloyed-tooltip): add logic / tooltip for alloyed assets

* style(loader): add loader

* style(i18n): translate values

* test(allocation-tests): update allocation tests

* style(alloyed-assets-conversion): clean up

* feat(open-asset-conversion-modal): open modal from the toast or from the convert button clicks

* feat(mobile-asset-variants): handle mobile (close toast and modal)

* style(convert-asset-variants): clean up

* fix(width-of-asset-container): set min max width

* feat(routeTokensOutGivenIn): extract functionality and add extra method for a batch

* fix(variant-conversions): clean up

* fix(tokenInAmount): truncate dec

* feat(asset-conversion): rows demo for individual asset conversion

* feat(swaps): map to network fee

* docs(row-swaps): moving back to multi-swap in other branch

* silence remote patterns warning

* invalidate portfolio query on tx

* mobile, prevent animation, format date on chart hover

* improve mobile table

* less padding around table

* adjust

* cursor

* TS file

* hydration error

* fix feature flags & duplicate popups

* move to modal folder

* fix table header

* layout & display fees

* display fee

* rename, fix imports, clean up

* fix font size & variant tx loading

* improve table row UI, link to swap page

* Fixes FE-1075

* unify

* fix server tests

* extract convert logic, add amplitude events

* fix localizations

* cleanup log

* make it possible to specify variant in modal

* fix opened event

* close modal after conversion

* improve fee text

* coderabbitai review

* add learn more link

* keep modal open when converting

* simulate swap, add error message, log unavailable event

* upper bound fee $ calculation

* typo

* fixed locator

* @JoseRFelix review

* comment

---------

Co-authored-by: Matt Upham <[email protected]>
Co-authored-by: yurydubinin <[email protected]>

Author: 3 people

README.md

@@ -121,6 +121,8 @@ yarn build:libs && npx lerna publish
 
 To add translations, you can manually edit the JSON translation files in `packages/web/translations`, use the [inlang](https://inlang.com/) online editor, or run `yarn machine-translate` to add missing translations using AI from Inlang.
 
+Note: we have tests in web package that ensure all localization files contain the same keys and that they're (best effort) all found within the TSX source files. These help keep our localizations up to date. To clean up localizations, check out the scripts in the web/localizations folder. They must be run using `node` within the localization folder.
+
 ## Asset Listings
 
 Please see the asset [listing requirements](https://github.com/osmosis-labs/assetlists/blob/main/LISTING.md) to display assets on Osmosis Zone web app.

packages/server/src/queries/__tests__/mock-asset-lists.ts

@@ -23494,6 +23494,36 @@ export const AssetLists: AssetList[] = [
         listingDate: "2024-05-03T13:00:00.000Z",
         relative_image_url: "/tokens/generated/seda.svg",
       },
+      {
+        chainName: "osmosis",
+        sourceDenom:
+          "factory/osmo1k6c8jln7ejuqwtqmay3yvzrg3kueaczl96pk067ldg8u835w0yhsw27twm/alloyed/allETH",
+        coinMinimalDenom:
+          "factory/osmo1k6c8jln7ejuqwtqmay3yvzrg3kueaczl96pk067ldg8u835w0yhsw27twm/alloyed/allETH",
+        symbol: "allETH",
+        decimals: 18,
+        logoURIs: {
+          png: "https://raw.githubusercontent.com/cosmos/chain-registry/master/osmosis/images/allETH.png",
+          svg: "https://raw.githubusercontent.com/cosmos/chain-registry/master/osmosis/images/allETH.svg",
+        },
+        coingeckoId: "allETH",
+        price: {
+          poolId: "1800",
+          denom:
+            "factory/osmo1k6c8jln7ejuqwtqmay3yvzrg3kueaczl96pk067ldg8u835w0yhsw27twm/alloyed/allETH",
+        },
+        categories: ["alloyed"],
+        transferMethods: [],
+        counterparty: [],
+        name: "allETH",
+        isAlloyed: true,
+        verified: true,
+        unstable: false,
+        disabled: false,
+        preview: false,
+        listingDate: "2024-06-01T10:00:00.000Z",
+        relative_image_url: "/tokens/generated/allETH.svg",
+      },
     ],
   },
 ];