Revert "lint"

This reverts commit 52256db.

Author: gregfromstl

apps/dashboard/public/robots.txt

@@ -1,6 +1,6 @@
 # *
 User-agent: *
-Disallow: /
+Allow: /
 
 # Host
 Host: https://thirdweb.com

apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/(chainPage)/components/client/PayModal.tsx

@@ -0,0 +1,49 @@
+"use client";
+import { useTheme } from "next-themes";
+import type { ThirdwebClient } from "thirdweb";
+import { PayEmbed } from "thirdweb/react";
+import { Button } from "@/components/ui/button";
+import { Dialog, DialogContent, DialogTrigger } from "@/components/ui/dialog";
+import { defineDashboardChain } from "@/lib/defineDashboardChain";
+import { getSDKTheme } from "../../../../../../../../@/utils/sdk-component-theme";
+
+export function PayModalButton(props: {
+  chainId: number;
+  label: string;
+  client: ThirdwebClient;
+}) {
+  const { theme } = useTheme();
+
+  return (
+    <Dialog>
+      <DialogTrigger asChild>
+        <Button className="w-full" variant="primary">
+          {props.label}
+        </Button>
+      </DialogTrigger>
+      <DialogContent
+        className="border-none bg-transparent p-0 md:max-w-[360px]"
+        dialogCloseClassName="focus:ring-0"
+        dialogOverlayClassName="backdrop-blur-lg"
+      >
+        <PayEmbed
+          className="!w-auto"
+          client={props.client}
+          payOptions={{
+            prefillBuy: {
+              allowEdits: {
+                amount: true,
+                chain: false,
+                token: true,
+              },
+              // Do not include local chain overrides for chain pages
+              // eslint-disable-next-line no-restricted-syntax
+              chain: defineDashboardChain(props.chainId, undefined),
+            },
+          }}
+          theme={getSDKTheme(theme === "dark" ? "dark" : "light")}
+        />
+      </DialogContent>
+    </Dialog>
+  );
+}

apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/(chainPage)/components/client/BuyFundsSection.tsx renamed to apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/(chainPage)/components/server/BuyFundsSection.tsx

@@ -1,6 +1,6 @@
-"use client";
 import { defineChain, type ThirdwebClient } from "thirdweb";
 import type { ChainMetadata } from "thirdweb/chains";
+import { SectionTitle } from "./SectionTitle";
 import { BuyWidget } from "thirdweb/react";
 
 export function BuyFundsSection(props: {
@@ -9,11 +9,11 @@ export function BuyFundsSection(props: {
 }) {
   return (
     <section className="flex flex-col gap-4 items-center justify-center">
+      <SectionTitle title="Bridge" />
       <BuyWidget
-        amount="0.01"
-        // eslint-disable-next-line no-restricted-syntax
-        chain={defineChain(props.chain.chainId)}
         client={props.client}
+        chain={defineChain(props.chain.chainId)}
+        amount="0.01"
       />
     </section>
   );

apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/(chainPage)/page.tsx

@@ -2,8 +2,8 @@ import { CircleAlertIcon } from "lucide-react";
 import { getClientThirdwebClient } from "@/constants/thirdweb-client.client";
 import { getRawAccount } from "../../../../account/settings/getAccount";
 import { getChain, getChainMetadata } from "../../utils";
-import { BuyFundsSection } from "./components/client/BuyFundsSection";
 import NextSteps from "./components/client/NextSteps";
+import { BuyFundsSection } from "./components/server/BuyFundsSection";
 import { ChainOverviewSection } from "./components/server/ChainOverviewSection";
 import { ClaimChainSection } from "./components/server/ClaimChainSection";
 import { ChainCTA } from "./components/server/cta-card";

apps/login/package.json

@@ -163,13 +163,13 @@ export declare namespace quote {
     client: ThirdwebClient;
     maxSteps?: number;
   } & (
-    | {
+      | {
         buyAmountWei: bigint;
       }
-    | {
+      | {
         amount: bigint;
       }
-  );
+    );
 
   type Result = Quote & {
     intent: {

packages/thirdweb/src/bridge/Buy.ts

@@ -166,15 +166,15 @@ export type BuyWidgetProps = {
 type UIOptionsResult =
   | { type: "success"; data: UIOptions }
   | {
-      type: "indexing_token";
-      token: Token;
-      chain: Chain;
-    }
+    type: "indexing_token";
+    token: Token;
+    chain: Chain;
+  }
   | {
-      type: "unsupported_token";
-      tokenAddress: Address;
-      chain: Chain;
-    };
+    type: "unsupported_token";
+    tokenAddress: Address;
+    chain: Chain;
+  };
 
 /**
  * Widget is a prebuilt UI for purchasing a specific token.
@@ -285,7 +285,7 @@ export function BuyWidget(props: BuyWidgetProps) {
         !props.tokenAddress ||
         (isAddress(props.tokenAddress) &&
           checksumAddress(props.tokenAddress) ===
-            checksumAddress(NATIVE_TOKEN_ADDRESS))
+          checksumAddress(NATIVE_TOKEN_ADDRESS))
       ) {
         const ETH = await getToken(
           props.client,
@@ -455,10 +455,10 @@ type BuyWidgetConnectOptions = {
    * ```
    */
   autoConnect?:
-    | {
-        timeout: number;
-      }
-    | boolean;
+  | {
+    timeout: number;
+  }
+  | boolean;
 
   /**
    * Metadata of the app that will be passed to connected wallet. Setting this is highly recommended.

packages/thirdweb/src/react/web/ui/Bridge/BuyWidget.tsx

@@ -172,15 +172,15 @@ export type CheckoutWidgetProps = {
 type UIOptionsResult =
   | { type: "success"; data: UIOptions }
   | {
-      type: "indexing_token";
-      token: Token;
-      chain: Chain;
-    }
+    type: "indexing_token";
+    token: Token;
+    chain: Chain;
+  }
   | {
-      type: "unsupported_token";
-      tokenAddress: Address;
-      chain: Chain;
-    };
+    type: "unsupported_token";
+    tokenAddress: Address;
+    chain: Chain;
+  };
 
 /**
  * Widget a prebuilt UI for purchasing a specific token.
@@ -418,10 +418,10 @@ type CheckoutWidgetConnectOptions = {
    * ```
    */
   autoConnect?:
-    | {
-        timeout: number;
-      }
-    | boolean;
+  | {
+    timeout: number;
+  }
+  | boolean;
 
   /**
    * Metadata of the app that will be passed to connected wallet. Setting this is highly recommended.

packages/thirdweb/src/react/web/ui/Bridge/CheckoutWidget.tsx

@@ -172,15 +172,15 @@ export type TransactionWidgetProps = {
 type UIOptionsResult =
   | { type: "success"; data: UIOptions }
   | {
-      type: "indexing_token";
-      token: Token;
-      chain: Chain;
-    }
+    type: "indexing_token";
+    token: Token;
+    chain: Chain;
+  }
   | {
-      type: "unsupported_token";
-      tokenAddress: Address;
-      chain: Chain;
-    };
+    type: "unsupported_token";
+    tokenAddress: Address;
+    chain: Chain;
+  };
 
 /**
  * Widget a prebuilt UI for purchasing a specific token.
@@ -443,10 +443,10 @@ type TransactionWidgetConnectOptions = {
    * ```
    */
   autoConnect?:
-    | {
-        timeout: number;
-      }
-    | boolean;
+  | {
+    timeout: number;
+  }
+  | boolean;
 
   /**
    * Metadata of the app that will be passed to connected wallet. Setting this is highly recommended.

packages/thirdweb/src/react/web/ui/Bridge/TransactionWidget.tsx

@@ -0,0 +1,24 @@
+import type { IconFC } from "./types.js";
+
+/**
+ * @internal
+ */
+export const CreditCardIcon: IconFC = (props) => {
+  return (
+    <svg
+      fill="none"
+      height={props.size}
+      role="presentation"
+      stroke={props.color ?? "currentColor"}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="1"
+      viewBox="0 0 24 24"
+      width={props.size}
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <rect height="14" rx="2" width="20" x="2" y="5" />
+      <line x1="2" x2="22" y1="10" y2="10" />
+    </svg>
+  );
+};