@enclavemoney/enclave-wallet-sdk
Version:
A simple enclave wallet SDK for React applications
271 lines (270 loc) • 13.5 kB
JavaScript
"use strict";
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
return new (P || (P = Promise))(function (resolve, reject) {
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
step((generator = generator.apply(thisArg, _arguments || [])).next());
});
};
var __generator = (this && this.__generator) || function (thisArg, body) {
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
function verb(n) { return function (v) { return step([n, v]); }; }
function step(op) {
if (f) throw new TypeError("Generator is already executing.");
while (g && (g = 0, op[0] && (_ = 0)), _) try {
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
if (y = 0, t) op = [op[0] & 2, t.value];
switch (op[0]) {
case 0: case 1: t = op; break;
case 4: _.label++; return { value: op[1], done: false };
case 5: _.label++; y = op[1]; op = [0]; continue;
case 7: op = _.ops.pop(); _.trys.pop(); continue;
default:
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
if (t[2]) _.ops.pop();
_.trys.pop(); continue;
}
op = body.call(thisArg, _);
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
}
};
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.WalletModal = exports.useWallet = exports.WalletProvider = void 0;
var react_1 = __importDefault(require("react"));
var client_1 = require("react-dom/client");
var WalletModal_1 = require("./components/WalletModal");
var services_1 = require("./services/services");
var theme_1 = require("./types/theme");
var WalletSDK = /** @class */ (function () {
function WalletSDK(walletSDKKey, config) {
if (config === void 0) { config = {}; }
this.modalContainer = null;
this.root = null;
this.userSession = null;
this.walletSDKKey = walletSDKKey;
// Load saved config from localStorage
var savedConfig = {};
if (typeof window !== "undefined") {
var storedConfig = localStorage.getItem("enclave_wallet_config");
if (storedConfig) {
try {
savedConfig = JSON.parse(storedConfig);
}
catch (error) {
console.error("Error parsing saved config:", error);
// Clear invalid config
localStorage.removeItem("enclave_wallet_config");
}
}
}
// Create the complete config with defaults, then saved config, then passed config
this.config = __assign(__assign({ sdkKey: walletSDKKey, appearance: "light", cornerRadius: "M", primaryColor: "#1657FF", fontFamily: "Inter, sans-serif", showEnclave: false }, savedConfig), config);
// Ensure sdkKey is always correct (override any saved or passed value)
this.config.sdkKey = walletSDKKey;
// Save the final config to localStorage
this.saveConfigToLocalStorage();
// Create a container for the modal if it doesn't exist
if (!document.getElementById("wallet-sdk-modal")) {
this.modalContainer = document.createElement("div");
this.modalContainer.id = "wallet-sdk-modal";
document.body.appendChild(this.modalContainer);
}
// Inject the Inter font and styles
this.injectStyles();
// Try to restore session from localStorage
if (typeof window !== "undefined") {
var saved = localStorage.getItem("enclave_wallet_login");
if (saved) {
var parsed = JSON.parse(saved);
this.userSession = parsed;
}
}
// Set global reference for modal to update session
window.__walletSDKInstance = this;
}
WalletSDK.prototype.saveConfigToLocalStorage = function () {
if (typeof window !== "undefined") {
try {
// Save the complete config object
localStorage.setItem("enclave_wallet_config", JSON.stringify(this.config));
// Also save individual properties for backward compatibility
localStorage.setItem("sdkTheme", this.config.appearance || "light");
localStorage.setItem("sdkCornerRadius", this.config.cornerRadius || "M");
}
catch (error) {
console.error("Error saving config to localStorage:", error);
}
}
};
WalletSDK.prototype.injectStyles = function () {
// Add Google Fonts link
var linkElement = document.createElement("link");
linkElement.rel = "stylesheet";
linkElement.href =
"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
document.head.appendChild(linkElement);
// Add our custom styles
var styleElement = document.createElement("style");
styleElement.textContent = "\n body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n }\n ";
document.head.appendChild(styleElement);
};
// Method to update the entire config
WalletSDK.prototype.updateConfig = function (newConfig) {
this.config = __assign(__assign(__assign({}, this.config), newConfig), { sdkKey: this.walletSDKKey });
this.saveConfigToLocalStorage();
};
// Method to update theme dynamically
WalletSDK.prototype.setTheme = function (appearance) {
this.updateConfig({ appearance: appearance });
};
// Method to update cornerRadius dynamically
WalletSDK.prototype.setCornerRadius = function (cornerRadius) {
this.updateConfig({ cornerRadius: cornerRadius });
};
// Method to update primary color
WalletSDK.prototype.setPrimaryColor = function (primaryColor) {
this.updateConfig({ primaryColor: primaryColor });
};
// Method to update font family
WalletSDK.prototype.setFontFamily = function (fontFamily) {
this.updateConfig({ fontFamily: fontFamily });
};
// Method to update brand logo
WalletSDK.prototype.setBrandLogo = function (brandLogo) {
this.updateConfig({ brandLogo: brandLogo });
};
// Method to update authentication settings
WalletSDK.prototype.setAuthentication = function (authentication) {
this.updateConfig({ authentication: authentication });
};
// Method to update show enclave
WalletSDK.prototype.setShowEnclave = function (showEnclave) {
this.updateConfig({ showEnclave: showEnclave });
};
// Method to get current config
WalletSDK.prototype.getConfig = function () {
return __assign({}, this.config);
};
// Method to get current theme
WalletSDK.prototype.getTheme = function () {
return this.config.appearance || "light";
};
// Method to get current cornerRadius
WalletSDK.prototype.getCornerRadius = function () {
return this.config.cornerRadius || "M";
};
// Method to clear saved config
WalletSDK.prototype.clearSavedConfig = function () {
if (typeof window !== "undefined") {
localStorage.removeItem("enclave_wallet_config");
localStorage.removeItem("sdkTheme");
localStorage.removeItem("sdkCornerRadius");
}
};
// Method to get buy quote from multi relay using the services function
WalletSDK.prototype.getMultiRelayBuyQuote = function (params) {
return __awaiter(this, void 0, void 0, function () {
return __generator(this, function (_a) {
return [2 /*return*/, (0, services_1.getMultiRelayBuyQuote)(params, this.walletSDKKey)];
});
});
};
WalletSDK.prototype.setUserSession = function (session) {
this.userSession = session;
};
WalletSDK.prototype.getUserCryptoBalance = function () {
var _a, _b;
return __awaiter(this, void 0, void 0, function () {
return __generator(this, function (_c) {
if (!((_b = (_a = this.userSession) === null || _a === void 0 ? void 0 : _a.result) === null || _b === void 0 ? void 0 : _b.username))
return [2 /*return*/, null];
return [2 /*return*/, (0, services_1.getUserCryptoBalance)(this.userSession.result.username, this.walletSDKKey)];
});
});
};
WalletSDK.prototype.getWalletAddress = function () {
var _a, _b, _c;
return ((_c = (_b = (_a = this.userSession) === null || _a === void 0 ? void 0 : _a.result) === null || _b === void 0 ? void 0 : _b.wallet) === null || _c === void 0 ? void 0 : _c.scw_address) || null;
};
WalletSDK.prototype.getUsername = function () {
var _a, _b;
return ((_b = (_a = this.userSession) === null || _a === void 0 ? void 0 : _a.result) === null || _b === void 0 ? void 0 : _b.username) || null;
};
WalletSDK.prototype.setUsername = function (username) {
var _a;
this.userSession = __assign(__assign({}, this.userSession), { result: __assign(__assign({}, (_a = this.userSession) === null || _a === void 0 ? void 0 : _a.result), { username: username }) });
};
WalletSDK.prototype.getUserSession = function () {
return this.userSession.result;
};
WalletSDK.prototype.logout = function () {
// Clear the session
this.userSession = null;
// Remove from localStorage
if (typeof window !== "undefined") {
localStorage.removeItem("enclave_wallet_login");
}
// Unmount the modal if it's open
if (this.root) {
this.root.unmount();
this.root = null;
}
};
WalletSDK.prototype.openWalletModal = function (swapParams, transferParams) {
var _this = this;
var container = document.getElementById("wallet-sdk-modal");
if (!container)
return;
var handleClose = function () {
if (_this.root) {
_this.clearSavedConfig();
_this.root.unmount();
_this.root = null;
}
};
// Map config values to the old format for backward compatibility
var theme = (0, theme_1.mapAppearanceToTheme)(this.config.appearance);
var cornerRadius = (0, theme_1.mapCornerRadius)(this.config.cornerRadius);
this.root = (0, client_1.createRoot)(container);
this.root.render(react_1.default.createElement(WalletModal_1.WalletModal, { walletSDKKey: this.walletSDKKey, isOpen: true, onClose: handleClose, swapParams: swapParams, transferParams: transferParams, theme: theme, cornerRadius: cornerRadius, config: this.config }));
};
WalletSDK.prototype.swap = function (params) {
this.openWalletModal(params);
};
WalletSDK.prototype.close = function () {
if (this.root) {
this.root.unmount();
this.root = null;
}
};
return WalletSDK;
}());
exports.default = WalletSDK;
// Export components for use in React applications
var WalletProvider_1 = require("./components/WalletProvider");
Object.defineProperty(exports, "WalletProvider", { enumerable: true, get: function () { return WalletProvider_1.WalletProvider; } });
var WalletProvider_2 = require("./components/WalletProvider");
Object.defineProperty(exports, "useWallet", { enumerable: true, get: function () { return WalletProvider_2.useWallet; } });
var WalletModal_2 = require("./components/WalletModal");
Object.defineProperty(exports, "WalletModal", { enumerable: true, get: function () { return WalletModal_2.WalletModal; } });