thirdweb 5.58.4-nightly-e9ae98084af24199155f997f724c7ea8ff860876-20240923000346 → 5.58.5

package/src/react/web/wallets/local/localWalletConfig._tsx

@@ -1,80 +0,0 @@
-import {
-  localWallet,
-  localWalletMetadata,
-} from "../../../../wallets/local/index._ts";
-import type { WalletConfig } from "../../../core/types/wallets.js";
-import { asyncLocalStorage } from "../../../core/utils/asyncLocalStorage.js";
-import type { LocaleId } from "../../ui/types.js";
-import { LocalWalletConnectUI } from "./LocalWalletConnectUI.js";
-import { getLocalWalletLocale } from "./locale/getLocalWalletLocale.js";
-import type { LocalWalletLocale } from "./locale/types.js";
-
-export type LocalWalletConfigOptions = {
-  /**
-   * If `true`, the wallet data will be stored on localStorage encrypted with user's password.
-   * Because of this - a password creation step is required to connect the wallet.
-   * When page is reloaded, the user will need to enter their password again to connect.
-   *
-   * If `false`, wallet data will not be stored, and no password will be required to connect.
-   * The wallet will be lost when the user leaves or reloads the page - unless the user manually exports the wallet data.
-   *
-   * By default, it is set to `true`.
-   */
-  persist?: boolean;
-};
-
-/**
- * Integrate Local wallet connection in
- * [`ConnectButton`](https://portal.thirdweb.com/typescript/v5/react/components/ConnectButton)
- * or [`ConnectEmbed`](https://portal.thirdweb.com/typescript/v5/react/components/ConnectEmbed) by configuring it in `wallets` prop.
- * @param options - Options for configuring the Local wallet.
- * Refer to [`LocalWalletConfigOptions`](https://portal.thirdweb.com/references/typescript/v5/LocalWalletConfigOptions) for more details.
- * @example
- * ```tsx
- * import { ConnectButton, localWalletConfig } from "thirdweb/react";
- *
- * function Example() {
- *   return (
- *     <ConnectButton
- *      client={client}
- *      wallets={[localWalletConfig()]}
- *      appMetadata={appMetadata}
- *     />
- *   );
- * }
- * ```
- * @returns `WalletConfig` object which can be added to the `wallets` prop in either `ConnectButton` or `ConnectEmbed` component.
- * @walletConfig
- */
-export const localWalletConfig = (
-  options?: LocalWalletConfigOptions,
-): WalletConfig => {
-  let prefetchedLocale: LocalWalletLocale;
-  let prefetchedLocaleId: LocaleId;
-
-  const config: WalletConfig = {
-    metadata: localWalletMetadata,
-    create(createOptions) {
-      return localWallet({
-        client: createOptions.client,
-        storage: asyncLocalStorage,
-      });
-    },
-    connectUI(props) {
-      return (
-        <LocalWalletConnectUI
-          connectUIProps={props}
-          persist={options?.persist !== undefined ? options.persist : true}
-          prefetchedLocale={prefetchedLocale}
-          prefetchedLocaleId={prefetchedLocaleId}
-        />
-      );
-    },
-    async prefetch(localeId) {
-      prefetchedLocale = await getLocalWalletLocale(localeId);
-      prefetchedLocaleId = localeId;
-    },
-  };
-
-  return config;
-};

package/src/react/web/wallets/local/locale/en.ts

@@ -1,50 +0,0 @@
-import type { LocalWalletLocale } from "./types.js";
-
-const localWalletLocaleEn: LocalWalletLocale = {
-  passwordLabel: "Password",
-  confirmPasswordLabel: "Confirm Password",
-  enterYourPassword: "Enter your password",
-  warningScreen: {
-    title: "Warning",
-    warning:
-      "Your current wallet will be deleted if you create a new wallet. Backup wallet to your device before creating a new wallet",
-    backupWallet: "Backup Wallet",
-    skip: "Skip",
-  },
-  reconnectScreen: {
-    title: "Connect to saved wallet",
-    savedWallet: "Saved Wallet",
-    continue: "Continue",
-    createNewWallet: "Create a new wallet",
-  },
-  createScreen: {
-    instruction:
-      "Choose a password for your wallet. You'll be able to access and export this wallet with the same password",
-    importWallet: "Import Wallet",
-    createNewWallet: "Create new wallet",
-    connecting: "Connecting",
-  },
-  exportScreen: {
-    downloadMessage:
-      "This will download a text file containing the wallet private key onto your device",
-    decryptMessage:
-      "Enter the password of this wallet to decrypt the private key",
-    walletAddress: "Wallet Address",
-    download: "Download",
-    title: "Backup Wallet",
-  },
-  importScreen: {
-    title: "Import Wallet",
-    description1:
-      "The application can authorize any transactions on behalf of the wallet without any approvals",
-    description2: "We recommend only connecting to trusted applications",
-    passwordDescription:
-      "Choose a password to encrypt the private key. Encrypted private key will be stored in browser",
-    import: "Import",
-    uploadJSON: "Please upload a JSON file",
-    uploadedSuccessfully: "Uploaded successfully",
-    invalidPrivateKey: "Invalid Private Key",
-  },
-};
-
-export default localWalletLocaleEn;

package/src/react/web/wallets/local/locale/es.ts

@@ -1,54 +0,0 @@
-import type { LocalWalletLocale } from "./types.js";
-
-const localWalletLocaleEs: LocalWalletLocale = {
-  passwordLabel: "Contraseña",
-  confirmPasswordLabel: "Confirmar contraseña",
-  enterYourPassword: "Ingresa tu contraseña",
-  warningScreen: {
-    title: "Advertencia",
-    warning:
-      "Tu cartera actual se eliminará si creas una nueva. Haz una copia de seguridad de la cartera en tu dispositivo antes de crear una nueva",
-    backupWallet: "Copia de seguridad de la cartera",
-    // TODO: translate
-    skip: "Skip",
-  },
-  reconnectScreen: {
-    title: "Conectar a cartera guardada",
-    savedWallet: "Cartera guardada",
-    continue: "Continuar",
-    createNewWallet: "Crear una nueva cartera",
-  },
-  createScreen: {
-    instruction:
-      "Elige una contraseña para tu cartera. Podrás acceder y exportar esta cartera con la misma contraseña",
-    importWallet: "Importar cartera",
-    createNewWallet: "Crear nueva cartera",
-    connecting: "Conectando",
-  },
-  exportScreen: {
-    // TODO: translate
-    downloadMessage:
-      "This will download a text file containing the wallet private key onto your device",
-    decryptMessage:
-      "Enter the password of this wallet to decrypt the private key",
-    walletAddress: "Dirección de la cartera",
-    download: "Descargar",
-    title: "Respaldar cartera",
-  },
-  importScreen: {
-    title: "Importar cartera",
-    description1:
-      "La aplicación puede autorizar cualquier transacción en nombre de la cartera sin ninguna aprobación",
-    description2: "Recomendamos conectar solo con aplicaciones de confianza",
-    // TODO: translate
-    passwordDescription:
-      "Choose a password to encrypt the private key. Encrypted private key will be stored in browser",
-    import: "Importar",
-    uploadJSON: "Por favor sube un archivo JSON",
-    uploadedSuccessfully: "Subido con éxito",
-    // TODO
-    invalidPrivateKey: "Invalid Private Key",
-  },
-};
-
-export default localWalletLocaleEs;

package/src/react/web/wallets/local/locale/fr.ts

@@ -1,51 +0,0 @@
-import type { LocalWalletLocale } from "./types.js";
-
-const localWalletLocaleEn: LocalWalletLocale = {
-  passwordLabel: "Mot de passe",
-  confirmPasswordLabel: "Confirmer le mot de passe",
-  enterYourPassword: "Entrez votre mot de passe",
-  warningScreen: {
-    title: "Avertissement",
-    warning:
-      "Votre portefeuille actuel sera supprimé si vous créez un nouveau portefeuille. Sauvegardez le portefeuille sur votre appareil avant de créer un nouveau portefeuille",
-    backupWallet: "Sauvegarder le portefeuille",
-    skip: "Passer",
-  },
-  reconnectScreen: {
-    title: "Connecter au portefeuille enregistré",
-    savedWallet: "Portefeuille enregistré",
-    continue: "Continuer",
-    createNewWallet: "Créer un nouveau portefeuille",
-  },
-  createScreen: {
-    instruction:
-      "Choisissez un mot de passe pour votre portefeuille. Vous pourrez accéder et exporter ce portefeuille avec le même mot de passe",
-    importWallet: "Importer le portefeuille",
-    createNewWallet: "Créer un nouveau portefeuille",
-    connecting: "Connexion",
-  },
-  exportScreen: {
-    downloadMessage:
-      "Cela téléchargera un fichier texte contenant la clé privée du portefeuille sur votre appareil",
-    decryptMessage:
-      "Entrez le mot de passe de ce portefeuille pour déchiffrer la clé privée",
-    walletAddress: "Adresse du portefeuille",
-    download: "Télécharger",
-    title: "Sauvegarder le portefeuille",
-  },
-  importScreen: {
-    title: "Importer le portefeuille",
-    description1:
-      "L'application peut autoriser toute transaction au nom du portefeuille sans aucune approbation",
-    description2:
-      "Nous recommandons de ne se connecter qu'à des applications de confiance",
-    passwordDescription:
-      "Choisissez un mot de passe pour chiffrer la clé privée. La clé privée chiffrée sera stockée dans le navigateur",
-    import: "Importer",
-    uploadJSON: "Veuillez télécharger un fichier JSON",
-    uploadedSuccessfully: "Téléchargé avec succès",
-    invalidPrivateKey: "Clé privée invalide",
-  },
-};
-
-export default localWalletLocaleEn;

package/src/react/web/wallets/local/locale/getLocalWalletLocale.ts

@@ -1,24 +0,0 @@
-import type { LocaleId } from "../../../ui/types.js";
-import type { LocalWalletLocale } from "./types.js";
-
-/**
- * @internal
- */
-export async function getLocalWalletLocale(
-  locale: LocaleId,
-): Promise<LocalWalletLocale> {
-  switch (locale) {
-    case "es_ES":
-      return (await import("./es.js")).default;
-    case "ja_JP":
-      return (await import("./ja.js")).default;
-    case "tl_PH":
-      return (await import("./tl.js")).default;
-    case "vi_VN":
-      return (await import("./vi.js")).default;
-    case "fr_FR":
-      return (await import("./fr.js")).default;
-    default:
-      return (await import("./en.js")).default;
-  }
-}

package/src/react/web/wallets/local/locale/ja.ts

@@ -1,48 +0,0 @@
-import type { LocalWalletLocale } from "./types.js";
-const localWalletLocaleEn: LocalWalletLocale = {
-  passwordLabel: "パスワード",
-  confirmPasswordLabel: "パスワードを確認",
-  enterYourPassword: "パスワードを入力してください",
-  warningScreen: {
-    title: "警告",
-    warning:
-      "新しいウォレットを作成すると、現在のウォレットが削除されます。新しいウォレットを作成する前に、ウォレットをデバイスにバックアップしてください",
-    backupWallet: "ウォレットをバックアップ",
-    skip: "スキップ",
-  },
-  reconnectScreen: {
-    title: "保存されたウォレットに接続",
-    savedWallet: "保存されたウォレット",
-    continue: "続行",
-    createNewWallet: "新しいウォレットを作成",
-  },
-  createScreen: {
-    instruction:
-      "ウォレットのパスワードを選択してください。同じパスワードでこのウォレットにアクセスしてエクスポートできます",
-    importWallet: "ウォレットをインポート",
-    createNewWallet: "新しいウォレットを作成",
-    connecting: "接続中",
-  },
-  exportScreen: {
-    downloadMessage:
-      "これにより、ウォレットの秘密鍵を含むテキストファイルがデバイスにダウンロードされます",
-    decryptMessage:
-      "秘密鍵を復号するために、このウォレットのパスワードを入力してください",
-    walletAddress: "ウォレットアドレス",
-    download: "ダウンロード",
-    title: "ウォレットをバックアップ",
-  },
-  importScreen: {
-    title: "ウォレットをインポート",
-    description1:
-      "アプリケーションは、ウォレットの代理として任意のトランザクションを承認できます",
-    description2: "信頼できるアプリケーションにのみ接続することをお勧めします",
-    passwordDescription:
-      "秘密鍵を暗号化するためのパスワードを選択してください。暗号化された秘密鍵はブラウザに保存されます",
-    import: "インポート",
-    uploadJSON: "JSONファイルをアップロードしてください",
-    uploadedSuccessfully: "正常にアップロードされました",
-    invalidPrivateKey: "無効な秘密鍵",
-  },
-};
-export default localWalletLocaleEn;

package/src/react/web/wallets/local/locale/kr.ts

@@ -1,47 +0,0 @@
-import type { LocalWalletLocale } from "./types.js";
-const localWalletLocaleEn: LocalWalletLocale = {
-  passwordLabel: "비밀번호",
-  confirmPasswordLabel: "비밀번호 확인",
-  enterYourPassword: "비밀번호를 입력하세요",
-  warningScreen: {
-    title: "경고",
-    warning:
-      "새 지갑을 생성하면 현재 지갑이 삭제됩니다. 새 지갑을 생성하기 전에 지갑을 기기에 백업하세요",
-    backupWallet: "지갑 백업",
-    skip: "건너뛰기",
-  },
-  reconnectScreen: {
-    title: "저장된 지갑에 연결",
-    savedWallet: "저장된 지갑",
-    continue: "계속하기",
-    createNewWallet: "새 지갑 생성",
-  },
-  createScreen: {
-    instruction:
-      "지갑의 비밀번호를 선택하세요. 동일한 비밀번호로 이 지갑에 접근하고 내보낼 수 있습니다",
-    importWallet: "지갑 가져오기",
-    createNewWallet: "새 지갑 생성",
-    connecting: "연결 중",
-  },
-  exportScreen: {
-    downloadMessage:
-      "이 작업은 지갑 개인 키가 포함된 텍스트 파일을 기기에 다운로드합니다.",
-    decryptMessage: "개인 키를 복호화하려면 이 지갑의 비밀번호를 입력하세요.",
-    walletAddress: "지갑 주소",
-    download: "다운로드",
-    title: "지갑 백업",
-  },
-  importScreen: {
-    title: "지갑 가져오기",
-    description1:
-      "애플리케이션은 지갑 소유자의 승인 없이 모든 거래를 승인할 수 있습니다.",
-    description2: "신뢰할 수 있는 애플리케이션에만 연결할 것을 권장합니다",
-    passwordDescription:
-      "개인 키를 암호화할 비밀번호를 선택하세요. 암호화된 개인 키는 브라우저에 저장됩니다",
-    import: "가져오기",
-    uploadJSON: "JSON 파일을 업로드하세요",
-    uploadedSuccessfully: "업로드 성공",
-    invalidPrivateKey: "잘못된 개인 키",
-  },
-};
-export default localWalletLocaleEn;

package/src/react/web/wallets/local/locale/tl.ts

@@ -1,55 +0,0 @@
-import type { LocalWalletLocale } from "./types.js";
-
-const localWalletLocaleTl: LocalWalletLocale = {
-  passwordLabel: "Password",
-  confirmPasswordLabel: "Kumpirmahin ang Password",
-  enterYourPassword: "Ilagay ang iyong password",
-  warningScreen: {
-    title: "Babala",
-    warning:
-      "Ang kasalukuyang wallet mo ay mabubura kapag lumikha ka ng bagong wallet. I-backup ang wallet sa iyong device bago lumikha ng bagong wallet",
-    backupWallet: "I-backup ang Wallet",
-    // TODO: translate
-    skip: "Skip",
-  },
-  reconnectScreen: {
-    title: "Kumonekta sa na-save na wallet",
-    savedWallet: "Na-save na Wallet",
-    continue: "Magpatuloy",
-    createNewWallet: "Lumikha ng bagong wallet",
-  },
-  createScreen: {
-    instruction:
-      "Pumili ng password para sa iyong wallet. Magagamit mo ang password na ito para ma-access at ma-export ang wallet na ito gamit ang parehong password",
-    importWallet: "Mag-import ng Wallet",
-    createNewWallet: "Lumikha ng bagong wallet",
-    connecting: "Kumokonekta",
-  },
-  exportScreen: {
-    // TODO: translate
-    downloadMessage:
-      "This will download a text file containing the wallet private key onto your device",
-    decryptMessage:
-      "Enter the password of this wallet to decrypt the private key",
-    walletAddress: "Address ng Wallet",
-    download: "I-download",
-    title: "Backup Wallet",
-  },
-  importScreen: {
-    title: "Mag-import ng Wallet",
-    description1:
-      "Ang application ay maaaring mag-authorize ng anumang mga transaksyon sa ngalan ng wallet nang walang anumang mga approval",
-    description2:
-      "Minumungkahi naming kumonekta lamang sa mga pinagkakatiwalaang application",
-    // TODO: translate
-    passwordDescription:
-      "Choose a password to encrypt the private key. Encrypted private key will be stored in browser",
-    import: "Mag-import",
-    uploadJSON: "Mangyaring mag-upload ng isang JSON file",
-    uploadedSuccessfully: "Matagumpay na na-upload",
-    // TODO
-    invalidPrivateKey: "Invalid Private Key",
-  },
-};
-
-export default localWalletLocaleTl;

package/src/react/web/wallets/local/locale/types.ts

@@ -1,40 +0,0 @@
-export type LocalWalletLocale = {
-  confirmPasswordLabel: string;
-  createScreen: {
-    connecting: string;
-    createNewWallet: string;
-    importWallet: string;
-    instruction: string;
-  };
-  enterYourPassword: string;
-  exportScreen: {
-    downloadMessage: string;
-    decryptMessage: string;
-    download: string;
-    title: string;
-    walletAddress: string;
-  };
-  importScreen: {
-    description1: string;
-    description2: string;
-    passwordDescription: string;
-    import: string;
-    title: string;
-    uploadJSON: string;
-    uploadedSuccessfully: string;
-    invalidPrivateKey: string;
-  };
-  passwordLabel: string;
-  reconnectScreen: {
-    continue: string;
-    createNewWallet: string;
-    savedWallet: string;
-    title: string;
-  };
-  warningScreen: {
-    backupWallet: string;
-    title: string;
-    warning: string;
-    skip: string;
-  };
-};

package/src/react/web/wallets/local/locale/vi.ts

@@ -1,48 +0,0 @@
-import type { LocalWalletLocale } from "./types.js";
-
-const localWalletLocaleVi: LocalWalletLocale = {
-  passwordLabel: "Mật khẩu",
-  confirmPasswordLabel: "Xác nhận mật khẩu",
-  enterYourPassword: "Nhập mật khẩu của bạn",
-  warningScreen: {
-    title: "Cảnh báo",
-    warning:
-      "Ví hiện tại sẽ bị xoá nếu bạn tạo một ví mới. Hãy cân nhắc sao lưu ví về thiết bị",
-    backupWallet: "Sao lưu ví",
-    skip: "Bỏ qua",
-  },
-  reconnectScreen: {
-    title: "Kết nối bằng ví đã lưu",
-    savedWallet: "Ví đã lưu",
-    continue: "Tiếp tục",
-    createNewWallet: "Tạo ví mới",
-  },
-  createScreen: {
-    instruction:
-      "Chọn một mật khẩu cho ví của bạn. Bạn có thể dùng mật khẩu đã đặt để truy cập và sao lưu ví sau này",
-    importWallet: "Thêm ví",
-    createNewWallet: "Tạo ví mới",
-    connecting: "Đang kết nối",
-  },
-  exportScreen: {
-    downloadMessage: "Một tệp chứa private key sẽ được tải về thiết bị của bạn",
-    decryptMessage: "Nhập mật khẩu để giải mã private key",
-    walletAddress: "Địa chỉ ví",
-    download: "Tải về",
-    title: "Sao lưu ví",
-  },
-  importScreen: {
-    title: "Thêm ví mới",
-    description1:
-      "Ứng dụng này có thể tự do giao dịch mà không cần sự cho phép của bạn",
-    description2: "Bạn chỉ nên kết nối ví với những ứng dụng đáng tin cậy",
-    passwordDescription:
-      "Chọn một mật khẩu để mã hoá private key. Private key đã mã hoá sẽ được lưu trên trình duyệt",
-    import: "Thêm",
-    uploadJSON: "Tải lên tệp JSON",
-    uploadedSuccessfully: "Tải lên thành công",
-    invalidPrivateKey: "Private Key không hợp lệ",
-  },
-};
-
-export default localWalletLocaleVi;

package/src/react/web/wallets/local/persist/ExportSavedLocalWallet._tsx

@@ -1,154 +0,0 @@
-import {
-  EyeClosedIcon,
-  EyeOpenIcon,
-  PinBottomIcon,
-} from "@radix-ui/react-icons";
-import type { ConnectUIProps } from "../../../../core/types/wallets.js";
-import { Spacer } from "../../../ui/components/Spacer.js";
-import {
-  Container,
-  ModalHeader,
-  Line,
-  ScreenBottomContainer,
-} from "../../../ui/components/basic.js";
-import { Button } from "../../../ui/components/buttons.js";
-import { Label } from "../../../ui/components/formElements.js";
-import { FormFieldWithIconButton } from "../../../ui/components/formFields.js";
-import { spacing, iconSize } from "../../../ui/design-system/index.js";
-import { Text } from "../../../ui/components/text.js";
-import { shortenString } from "../../../../core/utils/addresses.js";
-import { getDecryptionFunction } from "../../../../../wallets/local/utils._ts";
-import type { LocalWalletStorageData } from "../../../../../wallets/local/types._ts";
-import { downloadTextFile } from "../utils/downloadTextFile.js";
-import { usePassword } from "../utils/usePassword.js";
-import type { LocalWalletLocale } from "../locale/types.js";
-
-/**
- * UI for exporting the saved local wallet data
- * - get password from user to decrypt the encrypted private key
- * - download the private key as a text file
- * @internal
- */
-export const ExportSavedLocalWallet: React.FC<{
-  onBack?: () => void;
-  onExport: () => void;
-  connectUIProps: ConnectUIProps;
-  savedData: LocalWalletStorageData;
-  locale: LocalWalletLocale;
-}> = (props) => {
-  const locale = props.locale;
-  const isWideScreen = props.connectUIProps.screenConfig.size === "wide";
-
-  // form state
-  const {
-    password,
-    setPassword,
-    showPassword,
-    setShowPassword,
-    isWrongPassword,
-    setIsWrongPassword,
-  } = usePassword();
-
-  const handleExport = async () => {
-    const decryptFn = getDecryptionFunction({
-      password,
-    });
-
-    try {
-      const privateKey = await decryptFn(props.savedData.data);
-      downloadTextFile(privateKey, "privateKey.txt");
-      props.onExport();
-    } catch {
-      setIsWrongPassword(true);
-    }
-  };
-
-  return (
-    <Container fullHeight animate="fadein">
-      <form
-        style={{
-          height: "100%",
-          display: "flex",
-          flexDirection: "column",
-        }}
-        onSubmit={(e) => {
-          e.preventDefault();
-          handleExport();
-        }}
-      >
-        <Container p="lg">
-          <ModalHeader
-            onBack={props.onBack}
-            title={locale.exportScreen.title}
-          />
-        </Container>
-        <Line />
-        <Container expand p="lg">
-          <Text multiline>{locale.exportScreen.downloadMessage}</Text>
-          <Spacer y="sm" />
-          <Text multiline>{locale.exportScreen.decryptMessage}</Text>
-          <Spacer y="xl" />
-          <Label>{locale.exportScreen.walletAddress}</Label>
-          <Spacer y="sm" />
-
-          <Text>{shortenString(props.savedData.address)}</Text>
-
-          <Spacer y="lg" />
-          {/* Hidden Account Address as Username for autofill */}
-          <input
-            type="text"
-            name="username"
-            autoComplete="off"
-            value={props.savedData.address}
-            disabled
-            style={{ display: "none" }}
-          />
-
-          {/* password */}
-          <FormFieldWithIconButton
-            noSave
-            required
-            name="current-password"
-            autocomplete="current-password"
-            id="current-password"
-            onChange={(value) => {
-              setPassword(value);
-              setIsWrongPassword(false);
-            }}
-            right={{
-              onClick: () => setShowPassword(!showPassword),
-              icon: showPassword ? <EyeClosedIcon /> : <EyeOpenIcon />,
-            }}
-            label={locale.passwordLabel}
-            type={showPassword ? "text" : "password"}
-            value={password}
-            error={isWrongPassword ? "Wrong Password" : ""}
-            dataTest="current-password"
-          />
-          <Spacer y="md" />
-        </Container>
-
-        <ScreenBottomContainer
-          style={{
-            borderTop: isWideScreen ? "none" : undefined,
-          }}
-        >
-          <Button
-            disabled={isWrongPassword}
-            variant="accent"
-            fullWidth
-            style={{
-              opacity: isWrongPassword ? 0.5 : 1,
-              display: "flex",
-              gap: spacing.sm,
-            }}
-            type="submit"
-          >
-            <PinBottomIcon width={iconSize.sm} height={iconSize.sm} />
-            {locale.exportScreen.download}
-          </Button>
-        </ScreenBottomContainer>
-      </form>
-    </Container>
-  );
-};