@kryptogo/kryptogokit-sdk-react
Version:
KryptogoKit offers a comprehensive web3 wallet solution with seamless KryptoGO Auth integration and multi-wallet connection support. Designed for users. Built for developers.
258 lines (252 loc) • 12.6 kB
JavaScript
"use client";
var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __commonJS = (cb, mod) => function __require() {
return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
};
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
// If the importer is in node compatibility mode or this is not an ESM
// file that has been converted to a CommonJS file using a Babel-
// compatible transform (i.e. "__esModule" has not been set), then set
// "default" to the CommonJS "module.exports" for node compatibility.
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
mod
));
// src/wallets/walletConnectors/bitgetWallet/bitgetWallet.svg
var require_bitgetWallet = __commonJS({
"src/wallets/walletConnectors/bitgetWallet/bitgetWallet.svg"(exports, module) {
module.exports = 'data:image/svg+xml,<svg width="28" height="28" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_2035_1106)"><rect width="256" height="256" fill="%2354FFF5" /><g filter="url(%23filter0_f_2035_1106)"><path d="M13.4806 198.605C-29.3276 319.043 199.661 285.027 319.507 252.964C442.165 212.259 357.386 32.8269 269.415 28.8558C181.443 24.8847 280.322 111.824 205.595 136.656C130.868 161.487 66.9907 48.0583 13.4806 198.605Z" fill="white" /></g><g filter="url(%23filter1_f_2035_1106)"><path d="M85.5118 -45.8225C63.0562 -107.176 -16.9189 -23.9953 -54.0995 25.2643C-89.5652 78.8479 3.00937 125.152 39.3208 100.037C75.6323 74.9227 7.77448 70.0363 29.3708 37.3785C50.9671 4.72076 113.581 30.8695 85.5118 -45.8225Z" fill="%2300FFF0" fill-opacity="0.67" /></g><g filter="url(%23filter2_f_2035_1106)"><path d="M96.4796 225.424C65.8502 122.363 -66.0818 176.637 -128.219 216.657C-187.99 264.042 -46.0711 400.348 12.8725 393.376C71.8161 386.403 -34.4118 327.065 1.98702 298.17C38.3858 269.276 134.766 354.249 96.4796 225.424Z" fill="%239D81FF" /></g><g filter="url(%23filter3_f_2035_1106)"><path d="M282.12 -107.353C216.047 -186.031 121.463 -120.97 82.4296 -78.6047C48.2739 -30.6446 224.275 57.2312 273.121 42.1714C321.968 27.1115 206.512 -4.05038 227.297 -33.2879C248.082 -62.5255 364.712 -9.00566 282.12 -107.353Z" fill="%234D94FF" /></g><path fill-rule="evenodd" clip-rule="evenodd" d="M93.189 152.836H136.674L87.2086 103.051L137.31 53.2663L150.955 40H105.819L48.3359 97.7773C45.4349 100.689 45.4498 105.402 48.3656 108.299L93.189 152.836ZM119.33 103.168H118.995L119.326 103.164L119.33 103.168ZM119.33 103.168L168.791 152.949L118.69 202.734L105.045 216H150.18L207.664 158.226C210.565 155.314 210.55 150.602 207.634 147.705L162.811 103.168H119.33Z" fill="black" /></g><defs><filter id="filter0_f_2035_1106" x="-90.2411" y="-69.7369" width="569.558" height="451.431" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix" /><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /><feGaussianBlur stdDeviation="49.2308" result="effect1_foregroundBlur_2035_1106" /></filter><filter id="filter1_f_2035_1106" x="-160.511" y="-165.987" width="351.596" height="371.507" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix" /><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /><feGaussianBlur stdDeviation="49.2308" result="effect1_foregroundBlur_2035_1106" /></filter><filter id="filter2_f_2035_1106" x="-241.078" y="67.642" width="444.851" height="424.452" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix" /><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /><feGaussianBlur stdDeviation="49.2308" result="effect1_foregroundBlur_2035_1106" /></filter><filter id="filter3_f_2035_1106" x="-20.3968" y="-242.758" width="430.191" height="385.105" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix" /><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /><feGaussianBlur stdDeviation="49.2308" result="effect1_foregroundBlur_2035_1106" /></filter><clipPath id="clip0_2035_1106"><rect width="256" height="256" fill="white" /></clipPath></defs></svg>';
}
});
// src/utils/isMobile.ts
function isAndroid() {
return typeof navigator !== "undefined" && /android/i.test(navigator.userAgent);
}
// src/wallets/getInjectedConnector.ts
import { createConnector } from "wagmi";
import { injected } from "wagmi/connectors";
function getExplicitInjectedProvider(flag) {
const _window = typeof window !== "undefined" ? window : void 0;
if (typeof _window === "undefined" || typeof _window.ethereum === "undefined")
return;
const providers = _window.ethereum.providers;
return providers ? providers.find((provider) => provider[flag]) : _window.ethereum[flag] ? _window.ethereum : void 0;
}
function getWindowProviderNamespace(namespace) {
const providerSearch = (provider, namespace2) => {
const [property, ...path] = namespace2.split(".");
const _provider = provider[property];
if (_provider) {
if (path.length === 0)
return _provider;
return providerSearch(_provider, path.join("."));
}
};
if (typeof window !== "undefined")
return providerSearch(window, namespace);
}
function hasInjectedProvider({ flag, namespace }) {
if (namespace && typeof getWindowProviderNamespace(namespace) !== "undefined")
return true;
if (flag && typeof getExplicitInjectedProvider(flag) !== "undefined")
return true;
return false;
}
function getInjectedProvider({ flag, namespace }) {
const _window = typeof window !== "undefined" ? window : void 0;
if (typeof _window === "undefined")
return;
if (namespace) {
const windowProvider = getWindowProviderNamespace(namespace);
if (windowProvider)
return windowProvider;
}
const providers = _window.ethereum?.providers;
if (flag) {
const provider = getExplicitInjectedProvider(flag);
if (provider)
return provider;
}
if (typeof providers !== "undefined" && providers.length > 0)
return providers[0];
return _window.ethereum;
}
function createInjectedConnector(provider) {
return (walletDetails) => {
const injectedConfig = provider ? {
shimDisconnect: false,
target: () => ({
id: walletDetails.rkDetails.id,
name: walletDetails.rkDetails.name,
provider
})
} : { shimDisconnect: false };
return createConnector((config) => ({
// Spread the injectedConfig object, which may be empty or contain the target function
...injected(injectedConfig)(config),
...walletDetails
}));
};
}
function getInjectedConnector({
flag,
namespace,
target
}) {
const provider = target ? target : getInjectedProvider({ flag, namespace });
return createInjectedConnector(provider);
}
// src/wallets/getWalletConnectConnector.ts
import { createConnector as createConnector2 } from "wagmi";
import { walletConnect } from "wagmi/connectors";
var walletConnectInstances = /* @__PURE__ */ new Map();
var getOrCreateWalletConnectInstance = ({
projectId,
walletConnectParameters,
rkDetailsShowQrModal
}) => {
let config = {
...walletConnectParameters ? walletConnectParameters : {},
projectId,
showQrModal: false
// Required. Otherwise WalletConnect modal (Web3Modal) will popup during time of connection for a wallet
};
if (rkDetailsShowQrModal) {
config = { ...config, showQrModal: true };
}
const serializedConfig = JSON.stringify(config);
const sharedWalletConnector = walletConnectInstances.get(serializedConfig);
if (sharedWalletConnector) {
return sharedWalletConnector;
}
const newWalletConnectInstance = walletConnect(config);
walletConnectInstances.set(serializedConfig, newWalletConnectInstance);
return newWalletConnectInstance;
};
function createWalletConnectConnector({
projectId,
walletDetails,
walletConnectParameters
}) {
return createConnector2((config) => ({
...getOrCreateWalletConnectInstance({
projectId,
walletConnectParameters,
// Used in `connectorsForWallets` to add another
// walletConnect wallet into kryptogokit with modal popup option
rkDetailsShowQrModal: walletDetails.rkDetails.showQrModal
})(config),
...walletDetails
}));
}
function getWalletConnectConnector({
projectId,
walletConnectParameters
}) {
const exampleProjectId = "04b90987df7d8e1e08a7d7ce0df821a6";
if (!projectId || projectId === "" || projectId === "YOUR_PROJECT_ID") {
projectId = exampleProjectId;
}
return (walletDetails) => createWalletConnectConnector({
projectId,
walletDetails,
walletConnectParameters
});
}
// src/wallets/walletConnectors/bitgetWallet/bitgetWallet.ts
var bitgetWallet = ({ projectId, walletConnectParameters }) => {
const isBitKeepInjected = hasInjectedProvider({
namespace: "bitkeep.ethereum",
flag: "isBitKeep"
});
const shouldUseWalletConnect = !isBitKeepInjected;
return {
id: "bitget",
name: "Bitget Wallet",
rdns: "com.bitget.web3",
iconUrl: async () => (await Promise.resolve().then(() => __toESM(require_bitgetWallet(), 1))).default,
iconAccent: "#f6851a",
iconBackground: "#fff",
installed: !shouldUseWalletConnect ? isBitKeepInjected : void 0,
downloadUrls: {
android: "https://web3.bitget.com/en/wallet-download?type=0",
ios: "https://apps.apple.com/app/bitkeep/id1395301115",
mobile: "https://web3.bitget.com/en/wallet-download?type=2",
qrCode: "https://web3.bitget.com/en/wallet-download",
chrome: "https://chrome.google.com/webstore/detail/bitkeep-crypto-nft-wallet/jiidiaalihmmhddjgbnbgdfflelocpak",
browserExtension: "https://web3.bitget.com/en/wallet-download"
},
extension: {
instructions: {
learnMoreUrl: "https://web3.bitget.com/en/academy",
steps: [
{
description: "wallet_connectors.bitget.extension.step1.description",
step: "install",
title: "wallet_connectors.bitget.extension.step1.title"
},
{
description: "wallet_connectors.bitget.extension.step2.description",
step: "create",
title: "wallet_connectors.bitget.extension.step2.title"
},
{
description: "wallet_connectors.bitget.extension.step3.description",
step: "refresh",
title: "wallet_connectors.bitget.extension.step3.description"
}
]
}
},
mobile: {
getUri: shouldUseWalletConnect ? (uri) => {
return isAndroid() ? uri : `bitkeep://wc?uri=${encodeURIComponent(uri)}`;
} : void 0
},
qrCode: shouldUseWalletConnect ? {
getUri: (uri) => uri,
instructions: {
learnMoreUrl: "https://web3.bitget.com/en/academy",
steps: [
{
description: "wallet_connectors.bitget.qr_code.step1.description",
step: "install",
title: "wallet_connectors.bitget.qr_code.step1.title"
},
{
description: "wallet_connectors.bitget.qr_code.step2.description",
step: "create",
title: "wallet_connectors.bitget.qr_code.step2.title"
},
{
description: "wallet_connectors.bitget.qr_code.step3.description",
step: "scan",
title: "wallet_connectors.bitget.qr_code.step3.title"
}
]
}
} : void 0,
createConnector: shouldUseWalletConnect ? getWalletConnectConnector({
projectId,
walletConnectParameters
}) : getInjectedConnector({
namespace: "bitkeep.ethereum",
flag: "isBitKeep"
})
};
};
export {
bitgetWallet
};