Line-shift for lengthy pair name-amount

.eslintrc.json

@@ -58,10 +58,6 @@
           {
             "group": ["**/dist"],
             "message": "Do not import from dist/ - this is an implementation detail, and breaks tree-shaking."
-          },
-          {
-            "group": ["*clientSideSmartOrderRouter"],
-            "message": "Forbidden import; smart-order-router is lazy-loaded."
           }
         ]
       }

.github/workflows/release.yaml

@@ -15,27 +15,6 @@ jobs:
       - uses: ./.github/actions/setup
       - run: yarn prepare
 
-      - run: yarn i18n:extract
-      - uses: crowdin/[email protected]
-        with:
-          upload_sources: true
-          download_translations: true
-          create_pull_request: false
-          push_translations: false
-          localization_branch_name: main
-          source: 'src/locales/en-US.po'
-          translation: 'src/locales/%locale%.po'
-          crowdin_branch_name: widgets
-          token: ${{ secrets.CROWDIN_TOKEN }}
-          project_id: 458284
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-
-      - run: yarn test
-        if: success()
-        env:
-          JSON_RPC_PROVIDER: ${{ secrets.JSON_RPC_PROVIDER }}
-
       - run: yarn release
         if: success()
         env:

.gitignore

@@ -37,4 +37,6 @@ notes.txt
 
 # generated ajv schema
 /src/__generated__/*
-!/src/__generated__/.gitkeep 
+!/src/__generated__/.gitkeep 
+
+docs

.releaserc.json

@@ -3,13 +3,15 @@
   "plugins": [
     "@semantic-release/commit-analyzer",
     "@semantic-release/release-notes-generator",
+    "@semantic-release/github",
+    "@semantic-release/npm",
     [
       "@semantic-release/git",
       {
+        "assets": ["package.json"],
         "message": "chore(release): ${nextRelease.version} [skip ci]\n\n${nextRelease.notes}"
       }
-    ],
-    "@semantic-release/github",
-    "@semantic-release/npm"
+    ]
   ]
 }
+

README.md

@@ -1,50 +1,71 @@
-# Uniswap Labs Widgets
+# 🕹 Wido Widget
 
-[![npm](https://img.shields.io/npm/v/@uniswap/widgets)](https://www.npmjs.com/package/@uniswap/widgets)
-[![Unit tests](https://github.com/Uniswap/interface/actions/workflows/test.yaml/badge.svg)](https://github.com/Uniswap/interface/actions/workflows/test.yaml)
-[![Integration tests](https://github.com/Uniswap/interface/actions/workflows/e2e.yaml/badge.svg)](https://github.com/Uniswap/interface/actions/workflows/e2e.yaml)
-[![Lint](https://github.com/Uniswap/interface/actions/workflows/lint.yml/badge.svg)](https://github.com/Uniswap/interface/actions/workflows/lint.yml)
-[![Crowdin](https://badges.crowdin.net/uniswap-interface/localized.svg)](https://crowdin.com/project/uniswap-interface)
+[![npm](https://img.shields.io/npm/v/wido-widget)](https://www.npmjs.com/package/wido-widget)
+<!-- [![Unit tests](https://github.com/Uniswap/interface/actions/workflows/test.yaml/badge.svg)](https://github.com/Uniswap/interface/actions/workflows/test.yaml) -->
+<!-- [![Integration tests](https://github.com/Uniswap/interface/actions/workflows/e2e.yaml/badge.svg)](https://github.com/Uniswap/interface/actions/workflows/e2e.yaml) -->
+<!-- [![Lint](https://github.com/Uniswap/interface/actions/workflows/lint.yml/badge.svg)](https://github.com/Uniswap/interface/actions/workflows/lint.yml) -->
+<!-- [![Crowdin](https://badges.crowdin.net/uniswap-interface/localized.svg)](https://crowdin.com/project/uniswap-interface) -->
 
-The `@uniswap/widgets` package is an [npm package](https://www.npmjs.com/package/@uniswap/widgets) of React components used to provide subsets of the Uniswap Protocol functionality in a small and configurable user interface element.
+Wido Widget combines ease of use with great UX. Protocols integrate Wido Widget to accept deposits in any token, from any chain, in a single transaction.
 
-# Uniswap Labs Swap Widget
+Example use cases supported by Wido Widget:
 
-The Swap Widget bundles the whole swapping experience into a single React component that developers can easily embed in their app with one line of code. 
+* Single token deposits into LP pools, with any token, from any chain (Zaps)
+* Deposit any token into any farm or vault (works cross-chain)
+* Deposit any token from Ethereum into Starknet, including pools, farms or vaults on Starknet (bridge + deposit)
+* Deposit any token from Ethereum into ZK Sync, including pools, farms or vaults on Starknet (bridge + deposit)
 
-![swap widget screenshot](https://raw.githubusercontent.com/Uniswap/interface/main/src/assets/images/widget-screenshot.png)
+<figure><img src="https://1709844881-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4AaJqYK7Ftrytj6lOYPa%2Fuploads%2F5XYpcZkADyIWHTaXT7eH%2FScreenshot%202023-02-21%20at%2015.44.29.png?alt=media&token=b2216672-677e-47cb-83c0-f03e5c3a31ee" alt="widget screenshot"><figcaption><p>Wido Widget: Deposit ETH from Ethereum into a JediSwap LP pool on Starknet. All in a single transaction.</p></figcaption></figure>
 
-You can customize the theme (colors, fonts, border radius, and more) to match the style of your application. You can also configure your own default token list and optionally set a convenience fee on swaps executed through the widget on your site.
+## Getting started
 
-## Installation
+Integrating Wido Widget only takes few lines of code.
 
-Install the widgets library via `npm` or `yarn`.
+First install the `wido-widget` [npm package](https://www.npmjs.com/package/wido-widget) which contains React components used to integrate Wido's zap functionality in a small and configurable user interface element.
+You can customize the theme (colors, fonts, border radius, and more) to match the style of your application.
+
+Install the widget via `npm` or `yarn`.
 
 ```js
-yarn add @uniswap/widgets
+yarn add wido-widget react-redux
 ```
+
 ```js
-npm i --save @uniswap/widgets
+npm i --save wido-widget react-redux
 ```
 
-## Documentation
-
-- [overview](https://docs.uniswap.org/sdk/widgets/swap-widget)
-- [api reference](https://docs.uniswap.org/sdk/widgets/swap-widget/api)
-
-## Example Apps
-
-Uniswap Labs maintains two demo apps in branches of the [widgets-demo](https://github.com/Uniswap/widgets-demo) repo:
-
-- [NextJS](https://github.com/Uniswap/widgets-demo/tree/nextjs)
-- [Create React App](https://github.com/Uniswap/widgets-demo/tree/cra)
-
-Others have also also released the widget in production to their userbase:
+After installing, embed the React component in your application.
+
+```jsx
+import React from "react";
+import ReactDOM from "react-dom";
+import { SwapWidget } from 'wido-widget'
+
+function App() {
+  return (
+    <SwapWidget
+      onConnectWalletClick={handleConnectWalletClick}
+      ethProvider={ethersjsInstance}
+      snAccount={starknetjsInstance}
+      // optional params
+      theme={theme}
+      onTxSubmit={handleTxSubmit}
+      onTxSuccess={handleTxSuccess}
+      onTxFail={handleTxFail}
+    />
+  )
+}
+
+ReactDOM.render(
+  <App />,
+  document.getElementById("my-app")
+)
+```
 
-- [OpenSea](https://opensea.io/)
-- [Friends With Benefits](https://www.fwb.help/)
-- [Oasis](https://oasis.app/)
+You are expected to handle the `onConnectWalletClick` callback by integrating with `@web3-react/core`, `@web3-onboard/core` or any other way of managing the wallet connection and then pass a `Web3Provider` instance that comes from the `ethers.js`.
+When integrating the Starknet network, you are also expected to pass in the `Account` instance that you created with `starknet.js`.
 
-## Legal notice
+## Documentation
 
-Uniswap Labs encourages integrators to evaluate their own regulatory obligations when integrating this widget into their products, including, but not limited to, those related to economic or trade sanctions compliance.
+* [Guide](https://docs.joinwido.com/integrate-wido/widget)
+* [API Reference](https://unpkg.com/wido-widget@latest/docs/index.html)