[FRE-906] Feat/geo block

package.json

@@ -36,7 +36,7 @@
     "@radix-ui/react-scroll-area": "^1.0.5",
     "@radix-ui/react-tooltip": "^1.0.7",
     "@sentry/nextjs": "^7.99.0",
-    "@skip-go/widget": "^2.3.7",
+    "@skip-go/widget": "^2.3.8",
     "@solana/spl-token": "^0.4.1",
     "@solana/wallet-adapter-react": "^0.15.35",
     "@solana/wallet-adapter-wallets": "^0.19.31",

src/hooks/useURLQueryParams.tsx

@@ -1,4 +1,4 @@
-import { Chain } from "@skip-go/core";
+import { Chain } from "@skip-go/client";
 import { useAssets, useChains } from "@skip-go/widget";
 import { useQueryState } from "nuqs";
 import { useEffect, useState } from "react";

src/lib/edge-config.ts

@@ -1,7 +1,7 @@
 if (typeof window !== "undefined") {
   throw new Error("edge-config.ts should only be imported on the server");
 }
-import { ExperimentalFeature } from "@skip-go/core";
+import { ExperimentalFeature } from "@skip-go/client";
 import { createClient } from "@vercel/edge-config";
 import { z } from "zod";
 

src/middleware.ts

@@ -44,7 +44,24 @@ const isPreview = (str: string) => {
   return false;
 };
 
+// Donetsk and Luhansk Regions of Ukraine, Russia, Crimea, Cuba, Iran, North Korea or Syria
+const BLOCKED_COUNTRY = ["RU", "CU", "IR", "KP", "SY"];
+
 export async function middleware(request: NextRequest) {
+  if (request.nextUrl.pathname === "/") {
+    const country = request.geo?.country || "US";
+
+    if (
+      BLOCKED_COUNTRY.includes(country) ||
+      (country == "UA" && request.geo?.city && request.geo?.city in ["Donetsk", "Luhansk", "Crimea"])
+    ) {
+      request.nextUrl.pathname = "/blocked";
+      return NextResponse.rewrite(request.nextUrl);
+    }
+
+    return NextResponse.next();
+  }
+
   // Check the origin from the request
   const origin = request.headers.get("origin") ?? "";
 
@@ -94,5 +111,5 @@ export async function middleware(request: NextRequest) {
 const stringArraySchema = z.array(z.string()).default([]);
 
 export const config = {
-  matcher: "/api/(.*)",
+  matcher: ["/api/(.*)", "/"],
 };

src/pages/api/fee-assets/[chainID].ts

@@ -1,4 +1,4 @@
-import { FeeAsset } from "@skip-go/core";
+import { FeeAsset } from "@skip-go/client";
 import { PageConfig } from "next";
 import { NextRequest } from "next/server";
 

src/pages/blocked.tsx

@@ -0,0 +1,37 @@
+import DiscordButton from "@/components/DiscordButton";
+import { LogoGo } from "@/components/LogoGo";
+import { VersionCheck } from "@/components/VersionCheck";
+import WidgetButton from "@/components/WidgetButton";
+import { cn } from "@/utils/ui";
+
+export default function Home() {
+  return (
+    <div
+      className={cn(
+        "bg-[#ff86ff] font-sans subpixel-antialiased",
+        "relative overflow-x-hidden overflow-y-hidden",
+        "before:fixed before:inset-x-0 before:bottom-0 before:h-[100vh] before:content-['']",
+        "before:bg-[url(/bg.svg)] before:bg-cover before:bg-[center_top] before:bg-no-repeat",
+      )}
+    >
+      <main className="relative flex min-h-screen flex-col items-center">
+        <div className="flex h-20 w-full flex-row items-center justify-between px-6 py-4">
+          <LogoGo />
+          <div className="flex flex-row space-x-2">
+            <WidgetButton />
+            <DiscordButton />
+          </div>
+        </div>
+        <div className="flex flex-grow flex-col items-center pt-36">
+          <div className="relative h-[250px] w-[95%] overflow-hidden rounded-3xl bg-white p-2 shadow-xl sm:w-[450px]">
+            <div className="flex h-full w-full flex-col items-center justify-center space-y-4">
+              <p className="font-diatype text-2xl font-bold">Sorry!</p>
+              <p className="text-center font-diatype">The Skip Go App is unavailable in your region.</p>
+            </div>
+          </div>
+        </div>
+      </main>
+      <VersionCheck />
+    </div>
+  );
+}

src/utils/chain.client.ts

@@ -1,7 +1,7 @@
 // importing cosmjs deps does not work in edge runtime environments
 
 import { GasPrice } from "@cosmjs/stargate";
-import { FeeAsset } from "@skip-go/core";
+import { FeeAsset } from "@skip-go/client";
 
 import { CUSTOM_GAS_PRICE_CHAIN_IDS } from "@/config/gas";