thirdweb 5.30.0-nightly-fe775166d40fdd50faaa8d6da3fcd624f9a450ed-20240622000610 → 5.30.0-nightly-3979ff0238ae9b3a0a216e6c2d562eb7206a9fe8-20240626085813

package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/PaymentSelection.js

@@ -1,44 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PaymentSelection = PaymentSelection;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const styled_1 = require("@emotion/styled");
-const CustomThemeProvider_js_1 = require("../../../../../core/design-system/CustomThemeProvider.js");
-const index_js_1 = require("../../../../../core/design-system/index.js");
-const Spacer_js_1 = require("../../../components/Spacer.js");
-const basic_js_1 = require("../../../components/basic.js");
-const buttons_js_1 = require("../../../components/buttons.js");
-const text_js_1 = require("../../../components/text.js");
-/**
- * @internal
- */
-function PaymentSelection(props) {
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(text_js_1.Text, { size: "sm", children: "Pay with " }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "xs" }), (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { style: {
-                    display: "grid",
-                    gridTemplateColumns: "1fr 1fr",
-                    gridGap: index_js_1.spacing.sm,
-                }, children: [(0, jsx_runtime_1.jsx)(CheckButton, { isChecked: props.selected === "creditCard", variant: "outline", onClick: () => {
-                            props.onSelect("creditCard");
-                        }, children: "Credit Card" }), (0, jsx_runtime_1.jsx)(CheckButton, { isChecked: props.selected === "crypto", variant: "outline", onClick: () => {
-                            props.onSelect("crypto");
-                        }, children: "Crypto" })] })] }));
-}
-const CheckButton = /* @__PURE__ */ (0, styled_1.default)(buttons_js_1.Button)((props) => {
-    const theme = (0, CustomThemeProvider_js_1.useCustomTheme)();
-    return {
-        fontSize: index_js_1.fontSize.sm,
-        borderColor: props.isChecked
-            ? theme.colors.accentText
-            : theme.colors.borderColor,
-        "&:hover": {
-            borderColor: props.isChecked
-                ? theme.colors.accentText
-                : theme.colors.secondaryText,
-        },
-        gap: index_js_1.spacing.xs,
-        paddingInline: index_js_1.spacing.xxs,
-        paddingBlock: index_js_1.spacing.sm,
-        width: "100%",
-    };
-});
-//# sourceMappingURL=PaymentSelection.js.map

package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/PaymentSelection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PaymentSelection.js","sourceRoot":"","sources":["../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/PaymentSelection.tsx"],"names":[],"mappings":";;AAWA,4CAqCC;;AAhDD,4CAAqC;AACrC,qGAA0F;AAC1F,yEAA+E;AAC/E,6DAAuD;AACvD,2DAAyD;AACzD,+DAAwD;AACxD,yDAAmD;AAEnD;;GAEG;AACH,SAAgB,gBAAgB,CAAC,KAGhC;IACC,OAAO,CACL,4CACE,uBAAC,cAAI,IAAC,IAAI,EAAC,IAAI,0BAAiB,EAChC,uBAAC,kBAAM,IAAC,CAAC,EAAC,IAAI,GAAG,EACjB,wBAAC,oBAAS,IACR,KAAK,EAAE;oBACL,OAAO,EAAE,MAAM;oBACf,mBAAmB,EAAE,SAAS;oBAC9B,OAAO,EAAE,kBAAO,CAAC,EAAE;iBACpB,aAED,uBAAC,WAAW,IACV,SAAS,EAAE,KAAK,CAAC,QAAQ,KAAK,YAAY,EAC1C,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,GAAG,EAAE;4BACZ,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;wBAC/B,CAAC,4BAGW,EAEd,uBAAC,WAAW,IACV,SAAS,EAAE,KAAK,CAAC,QAAQ,KAAK,QAAQ,EACtC,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,GAAG,EAAE;4BACZ,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;wBAC3B,CAAC,uBAGW,IACJ,IACR,CACP,CAAC;AACJ,CAAC;AAED,MAAM,WAAW,GAAG,eAAe,CAAC,IAAA,gBAAM,EAAC,mBAAM,CAAC,CAChD,CAAC,KAEA,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,IAAA,uCAAc,GAAE,CAAC;IAC/B,OAAO;QACL,QAAQ,EAAE,mBAAQ,CAAC,EAAE;QACrB,WAAW,EAAE,KAAK,CAAC,SAAS;YAC1B,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU;YACzB,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW;QAC5B,SAAS,EAAE;YACT,WAAW,EAAE,KAAK,CAAC,SAAS;gBAC1B,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU;gBACzB,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,aAAa;SAC/B;QACD,GAAG,EAAE,kBAAO,CAAC,EAAE;QACf,aAAa,EAAE,kBAAO,CAAC,GAAG;QAC1B,YAAY,EAAE,kBAAO,CAAC,EAAE;QACxB,KAAK,EAAE,MAAM;KACd,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/esm/react/core/hooks/others/useWalletConnectionCtx.js

@@ -1,13 +0,0 @@
-import { useContext } from "react";
-import { ConnectUIContext } from "../../providers/wallet-connection.js";
-/**
- * @internal
- */
-export function useConnectUI() {
-    const val = useContext(ConnectUIContext);
-    if (!val) {
-        throw new Error("useConnectUI must be used within a <ConnectButton /> or <ConnectEmbed />");
-    }
-    return val;
-}
-//# sourceMappingURL=useWalletConnectionCtx.js.map

package/dist/esm/react/core/hooks/others/useWalletConnectionCtx.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useWalletConnectionCtx.js","sourceRoot":"","sources":["../../../../../../src/react/core/hooks/others/useWalletConnectionCtx.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE;;GAEG;AACH,MAAM,UAAU,YAAY;IAC1B,MAAM,GAAG,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IACzC,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,MAAM,IAAI,KAAK,CACb,0EAA0E,CAC3E,CAAC;IACJ,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC"}

package/dist/esm/react/core/providers/wallet-connection.js

@@ -1,4 +0,0 @@
-"use client";
-import { createContext } from "react";
-export const ConnectUIContext = /* @__PURE__ */ createContext(null);
-//# sourceMappingURL=wallet-connection.js.map

package/dist/esm/react/core/providers/wallet-connection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"wallet-connection.js","sourceRoot":"","sources":["../../../../../src/react/core/providers/wallet-connection.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAWtC,MAAM,CAAC,MAAM,gBAAgB,GAAG,eAAe,CAAC,aAAa,CAwBnD,IAAI,CAAC,CAAC"}

package/dist/esm/react/web/ui/ConnectWallet/icons/CryptoIcon.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * @internal
- */
-export const CryptoIcon = (props) => {
-    return (_jsxs("svg", { width: props.size, height: props.size, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "presentation", children: [_jsx("path", { d: "M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z", fill: "#627EEA" }), _jsx("path", { d: "M8.24902 1.99902V6.43423L11.9975 8.10947L8.24902 1.99902Z", fill: "white", fillOpacity: "0.602" }), _jsx("path", { d: "M8.24947 1.99902L4.50098 8.10947L8.24947 6.43423V1.99902Z", fill: "white" }), _jsx("path", { d: "M8.24902 10.9829V13.9966L11.9997 8.80688L8.24902 10.9829Z", fill: "white", fillOpacity: "0.602" }), _jsx("path", { d: "M8.24947 13.9966V10.9829L4.50098 8.80688L8.24947 13.9966Z", fill: "white" }), _jsx("path", { d: "M8.24902 10.2854L11.9975 8.10931L8.24902 6.43408V10.2854Z", fill: "white", fillOpacity: "0.2" }), _jsx("path", { d: "M4.50098 8.10931L8.24947 10.2854V6.43408L4.50098 8.10931Z", fill: "white", fillOpacity: "0.602" })] }));
-};
-//# sourceMappingURL=CryptoIcon.js.map

package/dist/esm/react/web/ui/ConnectWallet/icons/CryptoIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CryptoIcon.js","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/ConnectWallet/icons/CryptoIcon.tsx"],"names":[],"mappings":";AAEA;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAW,CAAC,KAAK,EAAE,EAAE;IAC1C,OAAO,CACL,eACE,KAAK,EAAE,KAAK,CAAC,IAAI,EACjB,MAAM,EAAE,KAAK,CAAC,IAAI,EAClB,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,cAAc,aAEnB,eACE,CAAC,EAAC,8GAA8G,EAChH,IAAI,EAAC,SAAS,GACd,EACF,eACE,CAAC,EAAC,2DAA2D,EAC7D,IAAI,EAAC,OAAO,EACZ,WAAW,EAAC,OAAO,GACnB,EACF,eACE,CAAC,EAAC,2DAA2D,EAC7D,IAAI,EAAC,OAAO,GACZ,EACF,eACE,CAAC,EAAC,2DAA2D,EAC7D,IAAI,EAAC,OAAO,EACZ,WAAW,EAAC,OAAO,GACnB,EACF,eACE,CAAC,EAAC,2DAA2D,EAC7D,IAAI,EAAC,OAAO,GACZ,EACF,eACE,CAAC,EAAC,2DAA2D,EAC7D,IAAI,EAAC,OAAO,EACZ,WAAW,EAAC,KAAK,GACjB,EACF,eACE,CAAC,EAAC,2DAA2D,EAC7D,IAAI,EAAC,OAAO,EACZ,WAAW,EAAC,OAAO,GACnB,IACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/PaymentSelection.js

@@ -1,41 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import styled from "@emotion/styled";
-import { useCustomTheme } from "../../../../../core/design-system/CustomThemeProvider.js";
-import { fontSize, spacing } from "../../../../../core/design-system/index.js";
-import { Spacer } from "../../../components/Spacer.js";
-import { Container } from "../../../components/basic.js";
-import { Button } from "../../../components/buttons.js";
-import { Text } from "../../../components/text.js";
-/**
- * @internal
- */
-export function PaymentSelection(props) {
-    return (_jsxs("div", { children: [_jsx(Text, { size: "sm", children: "Pay with " }), _jsx(Spacer, { y: "xs" }), _jsxs(Container, { style: {
-                    display: "grid",
-                    gridTemplateColumns: "1fr 1fr",
-                    gridGap: spacing.sm,
-                }, children: [_jsx(CheckButton, { isChecked: props.selected === "creditCard", variant: "outline", onClick: () => {
-                            props.onSelect("creditCard");
-                        }, children: "Credit Card" }), _jsx(CheckButton, { isChecked: props.selected === "crypto", variant: "outline", onClick: () => {
-                            props.onSelect("crypto");
-                        }, children: "Crypto" })] })] }));
-}
-const CheckButton = /* @__PURE__ */ styled(Button)((props) => {
-    const theme = useCustomTheme();
-    return {
-        fontSize: fontSize.sm,
-        borderColor: props.isChecked
-            ? theme.colors.accentText
-            : theme.colors.borderColor,
-        "&:hover": {
-            borderColor: props.isChecked
-                ? theme.colors.accentText
-                : theme.colors.secondaryText,
-        },
-        gap: spacing.xs,
-        paddingInline: spacing.xxs,
-        paddingBlock: spacing.sm,
-        width: "100%",
-    };
-});
-//# sourceMappingURL=PaymentSelection.js.map

package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/PaymentSelection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PaymentSelection.js","sourceRoot":"","sources":["../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/PaymentSelection.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,0DAA0D,CAAC;AAC1F,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,4CAA4C,CAAC;AAC/E,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAEnD;;GAEG;AACH,MAAM,UAAU,gBAAgB,CAAC,KAGhC;IACC,OAAO,CACL,0BACE,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,0BAAiB,EAChC,KAAC,MAAM,IAAC,CAAC,EAAC,IAAI,GAAG,EACjB,MAAC,SAAS,IACR,KAAK,EAAE;oBACL,OAAO,EAAE,MAAM;oBACf,mBAAmB,EAAE,SAAS;oBAC9B,OAAO,EAAE,OAAO,CAAC,EAAE;iBACpB,aAED,KAAC,WAAW,IACV,SAAS,EAAE,KAAK,CAAC,QAAQ,KAAK,YAAY,EAC1C,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,GAAG,EAAE;4BACZ,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;wBAC/B,CAAC,4BAGW,EAEd,KAAC,WAAW,IACV,SAAS,EAAE,KAAK,CAAC,QAAQ,KAAK,QAAQ,EACtC,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,GAAG,EAAE;4BACZ,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;wBAC3B,CAAC,uBAGW,IACJ,IACR,CACP,CAAC;AACJ,CAAC;AAED,MAAM,WAAW,GAAG,eAAe,CAAC,MAAM,CAAC,MAAM,CAAC,CAChD,CAAC,KAEA,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,cAAc,EAAE,CAAC;IAC/B,OAAO;QACL,QAAQ,EAAE,QAAQ,CAAC,EAAE;QACrB,WAAW,EAAE,KAAK,CAAC,SAAS;YAC1B,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU;YACzB,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW;QAC5B,SAAS,EAAE;YACT,WAAW,EAAE,KAAK,CAAC,SAAS;gBAC1B,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU;gBACzB,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,aAAa;SAC/B;QACD,GAAG,EAAE,OAAO,CAAC,EAAE;QACf,aAAa,EAAE,OAAO,CAAC,GAAG;QAC1B,YAAY,EAAE,OAAO,CAAC,EAAE;QACxB,KAAK,EAAE,MAAM;KACd,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/types/react/core/hooks/others/useWalletConnectionCtx.d.ts

@@ -1,29 +0,0 @@
-/**
- * @internal
- */
-export declare function useConnectUI(): {
-    wallets: import("../../../../exports/wallets.js").Wallet[];
-    client: import("../../../../client/client.js").ThirdwebClient;
-    chain?: import("../../../../chains/types.js").Chain;
-    chains?: import("../../../../chains/types.js").Chain[];
-    appMetadata?: import("../../../../wallets/types.js").AppMetadata;
-    locale: import("../../../web/ui/types.js").LocaleId;
-    connectLocale: import("../../../web/ui/ConnectWallet/locale/types.js").ConnectLocale;
-    recommendedWallets?: import("../../../../exports/wallets.js").Wallet[];
-    walletConnect?: {
-        projectId?: string;
-    };
-    accountAbstraction?: import("../../../../exports/wallets.js").SmartWalletOptions;
-    showAllWallets?: boolean;
-    onConnect?: (wallet: import("../../../../exports/wallets.js").Wallet) => void;
-    onDisconnect?: (info: {
-        wallet: import("../../../../exports/wallets.js").Wallet;
-        account: import("../../../../exports/wallets.js").Account;
-    }) => void;
-    isEmbed: boolean;
-    connectModal: Omit<import("../../../../exports/react.js").ConnectButton_connectModalOptions, "size"> & {
-        size: "compact" | "wide";
-    };
-    auth?: import("../auth/useSiweAuth.js").SiweAuthOptions;
-};
-//# sourceMappingURL=useWalletConnectionCtx.d.ts.map

package/dist/types/react/core/hooks/others/useWalletConnectionCtx.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useWalletConnectionCtx.d.ts","sourceRoot":"","sources":["../../../../../../src/react/core/hooks/others/useWalletConnectionCtx.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,wBAAgB,YAAY;;;;;;;;;;iBASwmB,CAAC;;;;;;;;;;;;;;EADpoB"}

package/dist/types/react/core/providers/wallet-connection.d.ts

@@ -1,35 +0,0 @@
-import type { Chain } from "../../../chains/types.js";
-import type { ThirdwebClient } from "../../../client/client.js";
-import type { Account, Wallet } from "../../../wallets/interfaces/wallet.js";
-import type { SmartWalletOptions } from "../../../wallets/smart/types.js";
-import type { AppMetadata } from "../../../wallets/types.js";
-import type { ConnectButton_connectModalOptions } from "../../web/ui/ConnectWallet/ConnectButtonProps.js";
-import type { ConnectLocale } from "../../web/ui/ConnectWallet/locale/types.js";
-import type { LocaleId } from "../../web/ui/types.js";
-import type { SiweAuthOptions } from "../hooks/auth/useSiweAuth.js";
-export declare const ConnectUIContext: import("react").Context<{
-    wallets: Wallet[];
-    client: ThirdwebClient;
-    chain?: Chain;
-    chains?: Chain[];
-    appMetadata?: AppMetadata;
-    locale: LocaleId;
-    connectLocale: ConnectLocale;
-    recommendedWallets?: Wallet[];
-    walletConnect?: {
-        projectId?: string;
-    };
-    accountAbstraction?: SmartWalletOptions;
-    showAllWallets?: boolean;
-    onConnect?: (wallet: Wallet) => void;
-    onDisconnect?: (info: {
-        wallet: Wallet;
-        account: Account;
-    }) => void;
-    isEmbed: boolean;
-    connectModal: Omit<ConnectButton_connectModalOptions, "size"> & {
-        size: "compact" | "wide";
-    };
-    auth?: SiweAuthOptions;
-} | null>;
-//# sourceMappingURL=wallet-connection.d.ts.map

package/dist/types/react/core/providers/wallet-connection.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"wallet-connection.d.ts","sourceRoot":"","sources":["../../../../../src/react/core/providers/wallet-connection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAC7E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAC1E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,KAAK,EAAE,iCAAiC,EAAE,MAAM,kDAAkD,CAAC;AAC1G,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAChF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAEpE,eAAO,MAAM,gBAAgB;aAClB,MAAM,EAAE;YACT,cAAc;YACd,KAAK;aACJ,KAAK,EAAE;kBACF,WAAW;YACjB,QAAQ;mBACD,aAAa;yBACP,MAAM,EAAE;oBACb;QACd,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB;yBACoB,kBAAkB;qBACtB,OAAO;gBACZ,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI;mBACrB,CAAC,IAAI,EAAE;QACpB,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,EAAE,OAAO,CAAC;KAClB,KAAK,IAAI;aACD,OAAO;kBACF,IAAI,CAAC,iCAAiC,EAAE,MAAM,CAAC,GAAG;QAC9D,IAAI,EAAE,SAAS,GAAG,MAAM,CAAC;KAC1B;WACM,eAAe;SACT,CAAC"}

package/dist/types/react/web/ui/ConnectWallet/icons/CryptoIcon.d.ts

@@ -1,6 +0,0 @@
-import type { IconFC } from "./types.js";
-/**
- * @internal
- */
-export declare const CryptoIcon: IconFC;
-//# sourceMappingURL=CryptoIcon.d.ts.map

package/dist/types/react/web/ui/ConnectWallet/icons/CryptoIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CryptoIcon.d.ts","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/ConnectWallet/icons/CryptoIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAEzC;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,MA4CxB,CAAC"}

package/dist/types/react/web/ui/ConnectWallet/screens/Buy/PaymentSelection.d.ts

@@ -1,8 +0,0 @@
-/**
- * @internal
- */
-export declare function PaymentSelection(props: {
-    selected: "crypto" | "creditCard";
-    onSelect: (method: "crypto" | "creditCard") => void;
-}): import("react/jsx-runtime.js").JSX.Element;
-//# sourceMappingURL=PaymentSelection.d.ts.map

package/dist/types/react/web/ui/ConnectWallet/screens/Buy/PaymentSelection.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PaymentSelection.d.ts","sourceRoot":"","sources":["../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/PaymentSelection.tsx"],"names":[],"mappings":"AAQA;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE;IACtC,QAAQ,EAAE,QAAQ,GAAG,YAAY,CAAC;IAClC,QAAQ,EAAE,CAAC,MAAM,EAAE,QAAQ,GAAG,YAAY,KAAK,IAAI,CAAC;CACrD,8CAkCA"}

package/src/react/core/hooks/others/useWalletConnectionCtx.ts

@@ -1,15 +0,0 @@
-import { useContext } from "react";
-import { ConnectUIContext } from "../../providers/wallet-connection.js";
-
-/**
- * @internal
- */
-export function useConnectUI() {
-  const val = useContext(ConnectUIContext);
-  if (!val) {
-    throw new Error(
-      "useConnectUI must be used within a <ConnectButton /> or <ConnectEmbed />",
-    );
-  }
-  return val;
-}

package/src/react/core/providers/wallet-connection.tsx

@@ -1,37 +0,0 @@
-"use client";
-import { createContext } from "react";
-import type { Chain } from "../../../chains/types.js";
-import type { ThirdwebClient } from "../../../client/client.js";
-import type { Account, Wallet } from "../../../wallets/interfaces/wallet.js";
-import type { SmartWalletOptions } from "../../../wallets/smart/types.js";
-import type { AppMetadata } from "../../../wallets/types.js";
-import type { ConnectButton_connectModalOptions } from "../../web/ui/ConnectWallet/ConnectButtonProps.js";
-import type { ConnectLocale } from "../../web/ui/ConnectWallet/locale/types.js";
-import type { LocaleId } from "../../web/ui/types.js";
-import type { SiweAuthOptions } from "../hooks/auth/useSiweAuth.js";
-
-export const ConnectUIContext = /* @__PURE__ */ createContext<{
-  wallets: Wallet[];
-  client: ThirdwebClient;
-  chain?: Chain;
-  chains?: Chain[];
-  appMetadata?: AppMetadata;
-  locale: LocaleId;
-  connectLocale: ConnectLocale;
-  recommendedWallets?: Wallet[];
-  walletConnect?: {
-    projectId?: string;
-  };
-  accountAbstraction?: SmartWalletOptions;
-  showAllWallets?: boolean;
-  onConnect?: (wallet: Wallet) => void;
-  onDisconnect?: (info: {
-    wallet: Wallet;
-    account: Account;
-  }) => void;
-  isEmbed: boolean;
-  connectModal: Omit<ConnectButton_connectModalOptions, "size"> & {
-    size: "compact" | "wide";
-  };
-  auth?: SiweAuthOptions;
-} | null>(null);

package/src/react/web/ui/ConnectWallet/icons/CryptoIcon.tsx

@@ -1,50 +0,0 @@
-import type { IconFC } from "./types.js";
-
-/**
- * @internal
- */
-export const CryptoIcon: IconFC = (props) => {
-  return (
-    <svg
-      width={props.size}
-      height={props.size}
-      viewBox="0 0 16 16"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      role="presentation"
-    >
-      <path
-        d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z"
-        fill="#627EEA"
-      />
-      <path
-        d="M8.24902 1.99902V6.43423L11.9975 8.10947L8.24902 1.99902Z"
-        fill="white"
-        fillOpacity="0.602"
-      />
-      <path
-        d="M8.24947 1.99902L4.50098 8.10947L8.24947 6.43423V1.99902Z"
-        fill="white"
-      />
-      <path
-        d="M8.24902 10.9829V13.9966L11.9997 8.80688L8.24902 10.9829Z"
-        fill="white"
-        fillOpacity="0.602"
-      />
-      <path
-        d="M8.24947 13.9966V10.9829L4.50098 8.80688L8.24947 13.9966Z"
-        fill="white"
-      />
-      <path
-        d="M8.24902 10.2854L11.9975 8.10931L8.24902 6.43408V10.2854Z"
-        fill="white"
-        fillOpacity="0.2"
-      />
-      <path
-        d="M4.50098 8.10931L8.24947 10.2854V6.43408L4.50098 8.10931Z"
-        fill="white"
-        fillOpacity="0.602"
-      />
-    </svg>
-  );
-};

package/src/react/web/ui/ConnectWallet/screens/Buy/PaymentSelection.tsx

@@ -1,72 +0,0 @@
-import styled from "@emotion/styled";
-import { useCustomTheme } from "../../../../../core/design-system/CustomThemeProvider.js";
-import { fontSize, spacing } from "../../../../../core/design-system/index.js";
-import { Spacer } from "../../../components/Spacer.js";
-import { Container } from "../../../components/basic.js";
-import { Button } from "../../../components/buttons.js";
-import { Text } from "../../../components/text.js";
-
-/**
- * @internal
- */
-export function PaymentSelection(props: {
-  selected: "crypto" | "creditCard";
-  onSelect: (method: "crypto" | "creditCard") => void;
-}) {
-  return (
-    <div>
-      <Text size="sm">Pay with </Text>
-      <Spacer y="xs" />
-      <Container
-        style={{
-          display: "grid",
-          gridTemplateColumns: "1fr 1fr",
-          gridGap: spacing.sm,
-        }}
-      >
-        <CheckButton
-          isChecked={props.selected === "creditCard"}
-          variant="outline"
-          onClick={() => {
-            props.onSelect("creditCard");
-          }}
-        >
-          Credit Card
-        </CheckButton>
-
-        <CheckButton
-          isChecked={props.selected === "crypto"}
-          variant="outline"
-          onClick={() => {
-            props.onSelect("crypto");
-          }}
-        >
-          Crypto
-        </CheckButton>
-      </Container>
-    </div>
-  );
-}
-
-const CheckButton = /* @__PURE__ */ styled(Button)(
-  (props: {
-    isChecked: boolean;
-  }) => {
-    const theme = useCustomTheme();
-    return {
-      fontSize: fontSize.sm,
-      borderColor: props.isChecked
-        ? theme.colors.accentText
-        : theme.colors.borderColor,
-      "&:hover": {
-        borderColor: props.isChecked
-          ? theme.colors.accentText
-          : theme.colors.secondaryText,
-      },
-      gap: spacing.xs,
-      paddingInline: spacing.xxs,
-      paddingBlock: spacing.sm,
-      width: "100%",
-    };
-  },
-);