feat(onboarding): Privy integration (#425)

* feat(onboarding): Privy integration

* update localization and make VITE_PRIVY_APP_ID optional

* fix type

.env.example

@@ -2,6 +2,8 @@ VITE_BASE_URL=
 
 VITE_ALCHEMY_API_KEY=
 
+VITE_PRIVY_APP_ID=
+
 VITE_PK_ENCRYPTION_KEY=
 VITE_ROUTER_TYPE=
 

README.md

@@ -86,13 +86,14 @@ Set environment variables via `.env`.
 - `INTERCOM_APP_ID` (optional): Used for enabling Intercom; utilized with `pnpm run build:inject-intercom`.
 - `STATUS_PAGE_SCRIPT_URI` (optional): Used for enabling the status page; used with `pnpm run build:inject-statuspage`.
 - `SMARTBANNER_APP_NAME`, `SMARTBANNER_ORG_NAME`, `SMARTBANNER_ICON_URL`, `SMARTBANNER_APPSTORE_URL` (optional): Used for enabling the smart app banner; used with `pnpm run build:inject-smartbanner`.
+- `VITE_PRIVY_APP_ID` (optional): App ID used for enabling Privy authentication. For deployment of DYDX token holders use `clua5njf801bncvpa0woolzq4`.
 
 ## Part 5: Configure entry points
 
 ### HTML files
 
 Edit `scripts/generate-entry-points.js` and set up entry points according to your SEO needs. At least one entry point must be configured,
-i.e. at least one element must be present in the `ENTRY_POINTS` array. This array consists of objects of the form: 
+i.e. at least one element must be present in the `ENTRY_POINTS` array. This array consists of objects of the form:
 
 ```
 {

package.json

@@ -47,9 +47,11 @@
     "@cosmjs/tendermint-rpc": "^0.32.1",
     "@dydxprotocol/v4-abacus": "^1.6.20",
     "@dydxprotocol/v4-client-js": "^1.0.25",
-    "@dydxprotocol/v4-localization": "^1.1.55",
+    "@dydxprotocol/v4-localization": "^1.1.58",
     "@ethersproject/providers": "^5.7.2",
     "@js-joda/core": "^5.5.3",
+    "@privy-io/react-auth": "^1.59.7",
+    "@privy-io/wagmi-connector": "^0.1.12",
     "@radix-ui/react-accordion": "^1.1.2",
     "@radix-ui/react-checkbox": "^1.0.4",
     "@radix-ui/react-collapsible": "^1.0.3",