@n1xyz/wallet-widget 0.0.32 → 0.0.33-alpha.1

package/dist/wallet/modal/NordFlow/utils/imageUtils.js

@@ -1,110 +0,0 @@
-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 = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["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 };
-    }
-};
-/**
- * Checks if an image URL is valid and accessible
- * @param url The image URL to check
- * @returns A promise that resolves to true if the image is valid, false otherwise
- */
-export var isImageValid = function (url) { return __awaiter(void 0, void 0, void 0, function () {
-    return __generator(this, function (_a) {
-        if (!url)
-            return [2 /*return*/, false];
-        return [2 /*return*/, new Promise(function (resolve) {
-                var img = new Image();
-                img.onload = function () { return resolve(true); };
-                img.onerror = function () { return resolve(false); };
-                img.src = url;
-            })];
-    });
-}); };
-/**
- * Gets chain icon URL with fallback
- * @param chainId The chain ID
- * @param fallbackUrl Optional fallback URL
- * @returns The chain icon URL or fallback
- */
-export var getChainIconUrl = function (chainId, fallbackUrl) {
-    try {
-        // Example implementation - replace with actual logic
-        var baseUrl = 'https://raw.githubusercontent.com/trustwallet/assets/master/blockchains';
-        // Map of chain IDs to their respective paths
-        var chainPaths = {
-            '1': 'ethereum/info/logo.png',
-            '56': 'smartchain/info/logo.png',
-            '137': 'polygon/info/logo.png',
-            // Add more chains as needed
-        };
-        var chainIdStr = chainId.toString();
-        if (chainPaths[chainIdStr]) {
-            return "".concat(baseUrl, "/").concat(chainPaths[chainIdStr]);
-        }
-        return fallbackUrl || '';
-    }
-    catch (error) {
-        console.error('Error getting chain icon URL:', error);
-        return fallbackUrl || '';
-    }
-};
-/**
- * Gets token icon URL with fallback
- * @param tokenSymbol The token symbol (e.g., 'ETH', 'USDC')
- * @param chainId Optional chain ID for chain-specific tokens
- * @param fallbackUrl Optional fallback URL
- * @returns The token icon URL or fallback
- */
-export var getTokenIconUrl = function (tokenSymbol, fallbackUrl) {
-    try {
-        // Example implementation - replace with actual logic
-        var baseUrl = 'https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/ethereum/assets';
-        // Map of token symbols to their respective contract addresses
-        var tokenAddresses = {
-            USDC: '0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48',
-            USDT: '0xdAC17F958D2ee523a2206206994597C13D831ec7',
-            DAI: '0x6B175474E89094C44Da98b954EedeAC495271d0F',
-            // Add more tokens as needed
-        };
-        if (tokenAddresses[tokenSymbol.toUpperCase()]) {
-            return "".concat(baseUrl, "/").concat(tokenAddresses[tokenSymbol.toUpperCase()], "/logo.png");
-        }
-        return fallbackUrl || '';
-    }
-    catch (error) {
-        console.error('Error getting token icon URL:', error);
-        return fallbackUrl || '';
-    }
-};
-//# sourceMappingURL=imageUtils.js.map

package/dist/wallet/modal/NordFlow/utils/imageUtils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"imageUtils.js","sourceRoot":"","sources":["../../../../../src/wallet/modal/NordFlow/utils/imageUtils.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;GAIG;AACH,MAAM,CAAC,IAAM,YAAY,GAAG,UAAO,GAAW;;QAC5C,IAAI,CAAC,GAAG;YAAE,sBAAO,KAAK,EAAC;QAEvB,sBAAO,IAAI,OAAO,CAAC,UAAC,OAAO;gBACzB,IAAM,GAAG,GAAG,IAAI,KAAK,EAAE,CAAC;gBACxB,GAAG,CAAC,MAAM,GAAG,cAAM,OAAA,OAAO,CAAC,IAAI,CAAC,EAAb,CAAa,CAAC;gBACjC,GAAG,CAAC,OAAO,GAAG,cAAM,OAAA,OAAO,CAAC,KAAK,CAAC,EAAd,CAAc,CAAC;gBACnC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC;YAChB,CAAC,CAAC,EAAC;;KACJ,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,IAAM,eAAe,GAAG,UAC7B,OAAwB,EACxB,WAAoB;IAEpB,IAAI,CAAC;QACH,qDAAqD;QACrD,IAAM,OAAO,GACX,yEAAyE,CAAC;QAE5E,6CAA6C;QAC7C,IAAM,UAAU,GAA2B;YACzC,GAAG,EAAE,wBAAwB;YAC7B,IAAI,EAAE,0BAA0B;YAChC,KAAK,EAAE,uBAAuB;YAC9B,4BAA4B;SAC7B,CAAC;QAEF,IAAM,UAAU,GAAG,OAAO,CAAC,QAAQ,EAAE,CAAC;QACtC,IAAI,UAAU,CAAC,UAAU,CAAC,EAAE,CAAC;YAC3B,OAAO,UAAG,OAAO,cAAI,UAAU,CAAC,UAAU,CAAC,CAAE,CAAC;QAChD,CAAC;QAED,OAAO,WAAW,IAAI,EAAE,CAAC;IAC3B,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,CAAC,KAAK,CAAC,+BAA+B,EAAE,KAAK,CAAC,CAAC;QACtD,OAAO,WAAW,IAAI,EAAE,CAAC;IAC3B,CAAC;AACH,CAAC,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,CAAC,IAAM,eAAe,GAAG,UAC7B,WAAmB,EACnB,WAAoB;IAEpB,IAAI,CAAC;QACH,qDAAqD;QACrD,IAAM,OAAO,GACX,yFAAyF,CAAC;QAE5F,8DAA8D;QAC9D,IAAM,cAAc,GAA2B;YAC7C,IAAI,EAAE,4CAA4C;YAClD,IAAI,EAAE,4CAA4C;YAClD,GAAG,EAAE,4CAA4C;YACjD,4BAA4B;SAC7B,CAAC;QAEF,IAAI,cAAc,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC,EAAE,CAAC;YAC9C,OAAO,UAAG,OAAO,cAAI,cAAc,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC,cAAW,CAAC;QAC5E,CAAC;QAED,OAAO,WAAW,IAAI,EAAE,CAAC;IAC3B,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,CAAC,KAAK,CAAC,+BAA+B,EAAE,KAAK,CAAC,CAAC;QACtD,OAAO,WAAW,IAAI,EAAE,CAAC;IAC3B,CAAC;AACH,CAAC,CAAC","sourcesContent":["/**\n * Checks if an image URL is valid and accessible\n * @param url The image URL to check\n * @returns A promise that resolves to true if the image is valid, false otherwise\n */\nexport const isImageValid = async (url: string): Promise<boolean> => {\n  if (!url) return false;\n\n  return new Promise((resolve) => {\n    const img = new Image();\n    img.onload = () => resolve(true);\n    img.onerror = () => resolve(false);\n    img.src = url;\n  });\n};\n\n/**\n * Gets chain icon URL with fallback\n * @param chainId The chain ID\n * @param fallbackUrl Optional fallback URL\n * @returns The chain icon URL or fallback\n */\nexport const getChainIconUrl = (\n  chainId: string | number,\n  fallbackUrl?: string\n): string => {\n  try {\n    // Example implementation - replace with actual logic\n    const baseUrl =\n      'https://raw.githubusercontent.com/trustwallet/assets/master/blockchains';\n\n    // Map of chain IDs to their respective paths\n    const chainPaths: Record<string, string> = {\n      '1': 'ethereum/info/logo.png',\n      '56': 'smartchain/info/logo.png',\n      '137': 'polygon/info/logo.png',\n      // Add more chains as needed\n    };\n\n    const chainIdStr = chainId.toString();\n    if (chainPaths[chainIdStr]) {\n      return `${baseUrl}/${chainPaths[chainIdStr]}`;\n    }\n\n    return fallbackUrl || '';\n  } catch (error) {\n    console.error('Error getting chain icon URL:', error);\n    return fallbackUrl || '';\n  }\n};\n\n/**\n * Gets token icon URL with fallback\n * @param tokenSymbol The token symbol (e.g., 'ETH', 'USDC')\n * @param chainId Optional chain ID for chain-specific tokens\n * @param fallbackUrl Optional fallback URL\n * @returns The token icon URL or fallback\n */\nexport const getTokenIconUrl = (\n  tokenSymbol: string,\n  fallbackUrl?: string\n): string => {\n  try {\n    // Example implementation - replace with actual logic\n    const baseUrl =\n      'https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/ethereum/assets';\n\n    // Map of token symbols to their respective contract addresses\n    const tokenAddresses: Record<string, string> = {\n      USDC: '0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48',\n      USDT: '0xdAC17F958D2ee523a2206206994597C13D831ec7',\n      DAI: '0x6B175474E89094C44Da98b954EedeAC495271d0F',\n      // Add more tokens as needed\n    };\n\n    if (tokenAddresses[tokenSymbol.toUpperCase()]) {\n      return `${baseUrl}/${tokenAddresses[tokenSymbol.toUpperCase()]}/logo.png`;\n    }\n\n    return fallbackUrl || '';\n  } catch (error) {\n    console.error('Error getting token icon URL:', error);\n    return fallbackUrl || '';\n  }\n};\n"]}

package/dist/wallet/modal/NordFlow/utils/index.d.ts

@@ -1,2 +0,0 @@
-export * from '../../../modal/NordFlow/utils/imageUtils';
-export * from '../../../modal/NordFlow/utils/nordUtils';

package/dist/wallet/modal/NordFlow/utils/index.js

@@ -1,3 +0,0 @@
-export * from '../../../modal/NordFlow/utils/imageUtils';
-export * from '../../../modal/NordFlow/utils/nordUtils';
-//# sourceMappingURL=index.js.map

package/dist/wallet/modal/NordFlow/utils/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/wallet/modal/NordFlow/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,yCAAyC,CAAC;AACxD,cAAc,wCAAwC,CAAC","sourcesContent":["export * from '@wallet/modal/NordFlow/utils/imageUtils';\nexport * from '@wallet/modal/NordFlow/utils/nordUtils';\n"]}

package/dist/wallet/modal/NordFlow/utils/nordUtils.d.ts

@@ -1,40 +0,0 @@
-import type { NordUser } from '@n1xyz/nord-ts';
-/**
- * Format a Nord transaction for display
- *
- * @param tx Transaction object
- * @returns Formatted transaction ID
- */
-export declare function formatNordTransaction(tx: any): string;
-/**
- * Get token balance for a specific token
- *
- * @param nordUser NordUser instance
- * @param tokenSymbol Token symbol
- * @returns Token balance
- */
-export declare function getTokenBalance(nordUser: NordUser | null, tokenSymbol: string): number;
-/**
- * Check if Nord is properly configured
- *
- * @param nord Nord instance
- * @returns Whether Nord is properly configured
- */
-export declare function isNordConfigured(nord: any): boolean;
-/**
- * Format an amount with the appropriate number of decimal places
- *
- * @param amount Amount to format
- * @param decimals Number of decimal places
- * @returns Formatted amount
- */
-export declare function formatAmount(amount: number | string, decimals?: number): string;
-/**
- * Shorten an address for display
- *
- * @param address Address to shorten
- * @param startChars Number of characters to show at the start
- * @param endChars Number of characters to show at the end
- * @returns Shortened address
- */
-export declare function shortenAddress(address: string, startChars?: number, endChars?: number): string;

package/dist/wallet/modal/NordFlow/utils/nordUtils.js

@@ -1,64 +0,0 @@
-/**
- * Format a Nord transaction for display
- *
- * @param tx Transaction object
- * @returns Formatted transaction ID
- */
-export function formatNordTransaction(tx) {
-    return tx.id
-        ? tx.id.substring(0, 8) + '...' + tx.id.substring(tx.id.length - 8)
-        : 'Unknown';
-}
-/**
- * Get token balance for a specific token
- *
- * @param nordUser NordUser instance
- * @param tokenSymbol Token symbol
- * @returns Token balance
- */
-export function getTokenBalance(nordUser, tokenSymbol) {
-    if (!nordUser || !nordUser.balances || !nordUser.balances[tokenSymbol]) {
-        return 0;
-    }
-    var tokenBalances = nordUser.balances[tokenSymbol];
-    return tokenBalances.reduce(function (total, balance) { return total + balance.balance; }, 0);
-}
-/**
- * Check if Nord is properly configured
- *
- * @param nord Nord instance
- * @returns Whether Nord is properly configured
- */
-export function isNordConfigured(nord) {
-    return !!nord && !!nord.webServerUrl && (!!nord.solanaConnection || !!nord.protonClient);
-}
-/**
- * Format an amount with the appropriate number of decimal places
- *
- * @param amount Amount to format
- * @param decimals Number of decimal places
- * @returns Formatted amount
- */
-export function formatAmount(amount, decimals) {
-    if (decimals === void 0) { decimals = 2; }
-    var numAmount = typeof amount === 'string' ? parseFloat(amount) : amount;
-    return numAmount.toFixed(decimals);
-}
-/**
- * Shorten an address for display
- *
- * @param address Address to shorten
- * @param startChars Number of characters to show at the start
- * @param endChars Number of characters to show at the end
- * @returns Shortened address
- */
-export function shortenAddress(address, startChars, endChars) {
-    if (startChars === void 0) { startChars = 6; }
-    if (endChars === void 0) { endChars = 4; }
-    if (!address)
-        return '';
-    if (address.length <= startChars + endChars)
-        return address;
-    return "".concat(address.substring(0, startChars), "...").concat(address.substring(address.length - endChars));
-}
-//# sourceMappingURL=nordUtils.js.map

package/dist/wallet/modal/NordFlow/utils/nordUtils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nordUtils.js","sourceRoot":"","sources":["../../../../../src/wallet/modal/NordFlow/utils/nordUtils.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,MAAM,UAAU,qBAAqB,CAAC,EAAO;IAC3C,OAAO,EAAE,CAAC,EAAE;QACV,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC;QACnE,CAAC,CAAC,SAAS,CAAC;AAChB,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,eAAe,CAC7B,QAAyB,EACzB,WAAmB;IAEnB,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC;QACvE,OAAO,CAAC,CAAC;IACX,CAAC;IAED,IAAM,aAAa,GAAG,QAAQ,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;IACrD,OAAO,aAAa,CAAC,MAAM,CAAC,UAAC,KAAK,EAAE,OAAO,IAAK,OAAA,KAAK,GAAG,OAAO,CAAC,OAAO,EAAvB,CAAuB,EAAE,CAAC,CAAC,CAAC;AAC9E,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,gBAAgB,CAAC,IAAS;IACxC,OAAO,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,YAAY,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,IAAI,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;AAC3F,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,YAAY,CAC1B,MAAuB,EACvB,QAAoB;IAApB,yBAAA,EAAA,YAAoB;IAEpB,IAAM,SAAS,GAAG,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;IAC3E,OAAO,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;AACrC,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,cAAc,CAC5B,OAAe,EACf,UAAsB,EACtB,QAAoB;IADpB,2BAAA,EAAA,cAAsB;IACtB,yBAAA,EAAA,YAAoB;IAEpB,IAAI,CAAC,OAAO;QAAE,OAAO,EAAE,CAAC;IACxB,IAAI,OAAO,CAAC,MAAM,IAAI,UAAU,GAAG,QAAQ;QAAE,OAAO,OAAO,CAAC;IAE5D,OAAO,UAAG,OAAO,CAAC,SAAS,CAAC,CAAC,EAAE,UAAU,CAAC,gBAAM,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC,MAAM,GAAG,QAAQ,CAAC,CAAE,CAAC;AACjG,CAAC","sourcesContent":["import type { NordUser } from '@n1xyz/nord-ts';\n\n/**\n * Format a Nord transaction for display\n *\n * @param tx Transaction object\n * @returns Formatted transaction ID\n */\nexport function formatNordTransaction(tx: any): string {\n  return tx.id\n    ? tx.id.substring(0, 8) + '...' + tx.id.substring(tx.id.length - 8)\n    : 'Unknown';\n}\n\n/**\n * Get token balance for a specific token\n *\n * @param nordUser NordUser instance\n * @param tokenSymbol Token symbol\n * @returns Token balance\n */\nexport function getTokenBalance(\n  nordUser: NordUser | null,\n  tokenSymbol: string\n): number {\n  if (!nordUser || !nordUser.balances || !nordUser.balances[tokenSymbol]) {\n    return 0;\n  }\n\n  const tokenBalances = nordUser.balances[tokenSymbol];\n  return tokenBalances.reduce((total, balance) => total + balance.balance, 0);\n}\n\n/**\n * Check if Nord is properly configured\n *\n * @param nord Nord instance\n * @returns Whether Nord is properly configured\n */\nexport function isNordConfigured(nord: any): boolean {\n  return !!nord && !!nord.webServerUrl && (!!nord.solanaConnection || !!nord.protonClient);\n}\n\n/**\n * Format an amount with the appropriate number of decimal places\n *\n * @param amount Amount to format\n * @param decimals Number of decimal places\n * @returns Formatted amount\n */\nexport function formatAmount(\n  amount: number | string,\n  decimals: number = 2\n): string {\n  const numAmount = typeof amount === 'string' ? parseFloat(amount) : amount;\n  return numAmount.toFixed(decimals);\n}\n\n/**\n * Shorten an address for display\n *\n * @param address Address to shorten\n * @param startChars Number of characters to show at the start\n * @param endChars Number of characters to show at the end\n * @returns Shortened address\n */\nexport function shortenAddress(\n  address: string,\n  startChars: number = 6,\n  endChars: number = 4\n): string {\n  if (!address) return '';\n  if (address.length <= startChars + endChars) return address;\n\n  return `${address.substring(0, startChars)}...${address.substring(address.length - endChars)}`;\n}\n"]}

package/dist/wallet/modal/flow/NordFlow.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-interface NordFlowProps {
-    onClose?: () => void;
-}
-/**
- * Main component for the wallet connection flow
- */
-export declare const NordFlow: React.FC<NordFlowProps>;
-export {};

package/dist/wallet/modal/flow/NordFlow.js

@@ -1,98 +0,0 @@
-var _a;
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useRef } from 'react';
-import { Header } from '../../modal/flow/components';
-import { useFlowStateContext } from '../../modal/flow/context';
-import { withImageFallback } from '../../modal/flow/hoc';
-import { AmountInputScreen, AuthLoadingScreen, ChainSelectionScreen, ConnectWalletScreen, DepositProgressScreen, DepositSuccessScreen, ErrorScreen, } from '../../modal/flow/screens';
-import { FlowState } from '../../modal/flow/types';
-// Apply the withImageFallback HOC to all screen components
-var EnhancedConnectWalletScreen = withImageFallback(ConnectWalletScreen);
-var EnhancedChainSelectionScreen = withImageFallback(ChainSelectionScreen);
-var EnhancedAmountInputScreen = withImageFallback(AmountInputScreen);
-var EnhancedDepositProgressScreen = withImageFallback(DepositProgressScreen);
-var EnhancedDepositSuccessScreen = withImageFallback(DepositSuccessScreen);
-var EnhancedAuthLoadingScreen = withImageFallback(AuthLoadingScreen);
-var EnhancedErrorScreen = withImageFallback(ErrorScreen);
-var DEFAULT_HEADER_CONFIG = { title: 'Bridge' };
-var HEADER_CONFIG = (_a = {},
-    _a[FlowState.CONNECTING_WALLET] = { title: 'Connect Wallet' },
-    _a[FlowState.CHAIN_SELECTION] = { title: 'Select Network' },
-    _a[FlowState.AMOUNT_INPUT] = {
-        title: 'Enter Amount',
-        backTarget: {
-            state: FlowState.CHAIN_SELECTION,
-            contextUpdates: { selectedChain: null, amount: '' },
-        },
-    },
-    _a[FlowState.DEPOSIT_PROGRESS] = { title: 'Processing Deposit' },
-    _a[FlowState.DEPOSIT_SUCCESS] = { title: 'Deposit Complete' },
-    _a[FlowState.AUTH_LOADING] = { title: 'Authenticating' },
-    _a[FlowState.FINAL_SUCCESS] = { title: 'All Set' },
-    _a[FlowState.ERROR] = { title: 'Something Went Wrong' },
-    _a);
-/**
- * Main component for the wallet connection flow
- */
-export var NordFlow = function (_a) {
-    var onClose = _a.onClose;
-    var _b = useFlowStateContext(), state = _b.state, actions = _b.actions, isClosing = _b.isClosing;
-    var shouldAutoClose = state === FlowState.FINAL_SUCCESS;
-    useEffect(function () {
-        if (!shouldAutoClose) {
-            return;
-        }
-        if (onClose) {
-            onClose();
-        }
-    }, [shouldAutoClose, onClose]);
-    if (shouldAutoClose) {
-        return null;
-    }
-    var headerConfig = HEADER_CONFIG[state] || DEFAULT_HEADER_CONFIG;
-    var backTarget = headerConfig.backTarget;
-    var handleBack = backTarget
-        ? function () {
-            if (backTarget.state === FlowState.CHAIN_SELECTION) {
-                actions.goToChainSelection({ resetSelection: true });
-            }
-        }
-        : undefined;
-    return (_jsx("div", { className: "z-50 flex items-center justify-center overflow-auto font-era", children: _jsxs("div", { className: "bg-n1-ww-gray-700 relative border border-n1-ww-border rounded-[6px] transition-[max-width,transform,opacity] duration-[3000ms] ease-[cubic-bezier(0.16,1,0.3,1)] m-4 origin-center will-change-[max-width,transform,opacity]", style: { width: 400 }, children: [_jsx(Header, { onClose: onClose, title: headerConfig.title, onBack: handleBack }), _jsx("div", { className: "wallet-connection-flow-content p-4 overflow-visible", children: _jsx(NordFlowScreenRenderer, { state: state, isClosing: isClosing }) })] }) }));
-};
-// Screen renderer component that renders the active flow screen
-var renderScreenForState = function (state) {
-    switch (state) {
-        case FlowState.CONNECTING_WALLET:
-            return _jsx(EnhancedConnectWalletScreen, {});
-        case FlowState.CHAIN_SELECTION:
-            return _jsx(EnhancedChainSelectionScreen, {});
-        case FlowState.AMOUNT_INPUT:
-            return _jsx(EnhancedAmountInputScreen, {});
-        case FlowState.DEPOSIT_PROGRESS:
-            return _jsx(EnhancedDepositProgressScreen, {});
-        case FlowState.DEPOSIT_SUCCESS:
-            return _jsx(EnhancedDepositSuccessScreen, {});
-        case FlowState.AUTH_LOADING:
-            return _jsx(EnhancedAuthLoadingScreen, {});
-        case FlowState.ERROR:
-            return _jsx(EnhancedErrorScreen, {});
-        default:
-            return _jsx(EnhancedConnectWalletScreen, {});
-    }
-};
-var NordFlowScreenRenderer = function (_a) {
-    var state = _a.state, isClosing = _a.isClosing;
-    var cachedScreenRef = useRef({
-        state: state,
-        element: renderScreenForState(state),
-    });
-    if (cachedScreenRef.current.state !== state) {
-        cachedScreenRef.current = {
-            state: state,
-            element: renderScreenForState(state),
-        };
-    }
-    return (_jsx("div", { className: isClosing ? 'n1-ww-animate-fade-out' : 'n1-ww-animate-fade-in', children: cachedScreenRef.current.element }));
-};
-//# sourceMappingURL=NordFlow.js.map

package/dist/wallet/modal/flow/NordFlow.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NordFlow.js","sourceRoot":"","sources":["../../../../src/wallet/modal/flow/NordFlow.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport { Header } from '@wallet/modal/flow/components';\nimport { useFlowStateContext } from '@wallet/modal/flow/context';\nimport { withImageFallback } from '@wallet/modal/flow/hoc';\nimport {\n  AmountInputScreen,\n  AuthLoadingScreen,\n  ChainSelectionScreen,\n  ConnectWalletScreen,\n  DepositProgressScreen,\n  DepositSuccessScreen,\n  ErrorScreen,\n} from '@wallet/modal/flow/screens';\nimport { FlowContext, FlowState } from '@wallet/modal/flow/types';\n\ninterface NordFlowProps {\n  onClose?: () => void;\n}\n\n// Apply the withImageFallback HOC to all screen components\nconst EnhancedConnectWalletScreen = withImageFallback(ConnectWalletScreen);\nconst EnhancedChainSelectionScreen = withImageFallback(ChainSelectionScreen);\nconst EnhancedAmountInputScreen = withImageFallback(AmountInputScreen);\nconst EnhancedDepositProgressScreen = withImageFallback(DepositProgressScreen);\nconst EnhancedDepositSuccessScreen = withImageFallback(DepositSuccessScreen);\nconst EnhancedAuthLoadingScreen = withImageFallback(AuthLoadingScreen);\nconst EnhancedErrorScreen = withImageFallback(ErrorScreen);\n\ninterface HeaderDisplayConfig {\n  title: string;\n  backTarget?: {\n    state: FlowState;\n    contextUpdates?: Partial<FlowContext>;\n  };\n}\n\nconst DEFAULT_HEADER_CONFIG: HeaderDisplayConfig = { title: 'Bridge' };\n\nconst HEADER_CONFIG: Record<FlowState, HeaderDisplayConfig> = {\n  [FlowState.CONNECTING_WALLET]: { title: 'Connect Wallet' },\n  [FlowState.CHAIN_SELECTION]: { title: 'Select Network' },\n  [FlowState.AMOUNT_INPUT]: {\n    title: 'Enter Amount',\n    backTarget: {\n      state: FlowState.CHAIN_SELECTION,\n      contextUpdates: { selectedChain: null, amount: '' },\n    },\n  },\n  [FlowState.DEPOSIT_PROGRESS]: { title: 'Processing Deposit' },\n  [FlowState.DEPOSIT_SUCCESS]: { title: 'Deposit Complete' },\n  [FlowState.AUTH_LOADING]: { title: 'Authenticating' },\n  [FlowState.FINAL_SUCCESS]: { title: 'All Set' },\n  [FlowState.ERROR]: { title: 'Something Went Wrong' },\n};\n\n/**\n * Main component for the wallet connection flow\n */\nexport const NordFlow: React.FC<NordFlowProps> = ({ onClose}) => {\n  const { state, actions, isClosing } = useFlowStateContext();\n  const shouldAutoClose = state === FlowState.FINAL_SUCCESS;\n\n  useEffect(() => {\n    if (!shouldAutoClose) {\n      return;\n    }\n\n    if (onClose) {\n      onClose();\n    }\n  }, [shouldAutoClose, onClose]);\n\n  if (shouldAutoClose) {\n    return null;\n  }\n\n  const headerConfig = HEADER_CONFIG[state] || DEFAULT_HEADER_CONFIG;\n  const backTarget = headerConfig.backTarget;\n  const handleBack = backTarget\n    ? () => {\n        if (backTarget.state === FlowState.CHAIN_SELECTION) {\n          actions.goToChainSelection({ resetSelection: true });\n        }\n      }\n    : undefined;\n\n  return (\n    <div\n      className={`z-50 flex items-center justify-center overflow-auto font-era`}\n    >\n      <div\n        className=\"bg-n1-ww-gray-700 relative border border-n1-ww-border rounded-[6px] transition-[max-width,transform,opacity] duration-[3000ms] ease-[cubic-bezier(0.16,1,0.3,1)] m-4 origin-center will-change-[max-width,transform,opacity]\"\n        style={{ width: 400 }}\n      >\n        {/* Header */}\n        <Header\n          onClose={onClose}\n          title={headerConfig.title}\n          onBack={handleBack}\n        />\n\n        {/* Content */}\n        <div className=\"wallet-connection-flow-content p-4 overflow-visible\">\n          <NordFlowScreenRenderer\n            state={state}\n            isClosing={isClosing}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n\n// Screen renderer component that renders the active flow screen\nconst renderScreenForState = (state: FlowState) => {\n  switch (state) {\n    case FlowState.CONNECTING_WALLET:\n      return <EnhancedConnectWalletScreen />;\n    case FlowState.CHAIN_SELECTION:\n      return <EnhancedChainSelectionScreen />;\n    case FlowState.AMOUNT_INPUT:\n      return <EnhancedAmountInputScreen />;\n    case FlowState.DEPOSIT_PROGRESS:\n      return <EnhancedDepositProgressScreen />;\n    case FlowState.DEPOSIT_SUCCESS:\n      return <EnhancedDepositSuccessScreen />;\n    case FlowState.AUTH_LOADING:\n      return <EnhancedAuthLoadingScreen />;\n    case FlowState.ERROR:\n      return <EnhancedErrorScreen />;\n    default:\n      return <EnhancedConnectWalletScreen />;\n  }\n};\n\nconst NordFlowScreenRenderer: React.FC<{\n  state: FlowState;\n  isClosing: boolean;\n}> = ({ state, isClosing }) => {\n  const cachedScreenRef = useRef<{\n    state: FlowState;\n    element: React.ReactNode;\n  }>({\n    state,\n    element: renderScreenForState(state),\n  });\n\n  if (cachedScreenRef.current.state !== state) {\n    cachedScreenRef.current = {\n      state,\n      element: renderScreenForState(state),\n    };\n  }\n\n  return (\n    <div className={isClosing ? 'n1-ww-animate-fade-out' : 'n1-ww-animate-fade-in'}>\n      {cachedScreenRef.current.element}\n    </div>\n  );\n};\n"]}

package/dist/wallet/modal/flow/components/ChainButton.d.ts

@@ -1,10 +0,0 @@
-import { Chain } from "../../../modal/flow/types";
-interface ChainButtonProps {
-    chain: Chain;
-    onClick: (chainId: string) => void;
-    selected?: boolean;
-    soon?: boolean;
-    subtitle?: string;
-}
-export declare function ChainButton({ chain, onClick, selected, soon, subtitle, }: ChainButtonProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/wallet/modal/flow/components/ChainButton.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ImageWithFallback } from "../../../modal/flow/components/ImageWithFallback";
-export function ChainButton(_a) {
-    var chain = _a.chain, onClick = _a.onClick, _b = _a.selected, selected = _b === void 0 ? false : _b, _c = _a.soon, soon = _c === void 0 ? false : _c, subtitle = _a.subtitle;
-    var handleClick = function () {
-        if (!soon) {
-            onClick(chain.id);
-        }
-    };
-    var imageClasses = "opacity-90 grayscale brightness-150 transition-all duration-200";
-    // Base button classes
-    var baseButtonClasses = "group rounded-lg flex items-center justify-between border p-4 bg-n1-ww-gray-900 transition-all duration-200";
-    // Conditional classes based on selection and soon state
-    var buttonClasses = soon
-        ? "".concat(baseButtonClasses, " border-n1-ww-border cursor-not-allowed")
-        : selected
-            ? "".concat(baseButtonClasses, " border-n1-ww-border hover:border-n1-ww-main-400/50 hover:bg-n1-ww-gray-800 cursor-pointer")
-            : "".concat(baseButtonClasses, " border-n1-ww-border hover:border-n1-ww-main-400/50 hover:bg-n1-ww-gray-800 cursor-pointer");
-    return (_jsxs("button", { onClick: handleClick, className: buttonClasses, disabled: soon, children: [_jsxs("div", { className: "flex items-center justify-start", children: [_jsx("div", { className: "flex items-center justify-center rounded-full bg-n1-ww-gray-650 mr-2 h-8 w-8", children: typeof chain.logo === "string" ? (_jsx(ImageWithFallback, { src: chain.logo, width: 48, height: 48, alt: chain.name, className: imageClasses, fallbackClassName: "w-12 h-12 rounded-full text-lg font-bold opacity-90 group-hover:scale-105 transition-all duration-200 brightness-150", fallbackBgColor: "bg-n1-ww-main/20", fallbackTextColor: "text-n1-ww-main" })) : (_jsx("div", { className: "grayscale brightness-150", children: chain.logo })) }), _jsxs("div", { className: "flex flex-col items-start justify-center text-left", children: [_jsx("span", { className: "text-white font-medium text-sm", children: chain.name }), subtitle ? (_jsx("span", { className: "text-n1-ww-gray-100 font-light text-xs", children: subtitle })) : (_jsx("span", { className: "text-white font-light text-xs", children: chain.name }))] })] }), _jsx("div", { className: "flex items-center justify-center", children: soon ? (_jsx("span", { className: "px-2 py-1 rounded text-xs font-medium bg-n1-ww-main-950 text-n1-ww-main-700", children: "SOON" })) : selected ? (_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("rect", { x: "0.5", y: "0.5", width: "15", height: "15", rx: "7.5", stroke: "#FF441A" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.3333 5.52227L7.48168 11.4007L7.1762 11.7708L6.83012 11.4354L4 8.69212L4.61955 8.10046L7.10358 10.5083L11.6497 5L12.3333 5.52227Z", fill: "#FF441A", stroke: "#FF441A", strokeWidth: "0.5" })] })) : (_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "transition-opacity duration-200 group-hover:opacity-80", children: [_jsx("circle", { cx: "8", cy: "8", r: "8", fill: "black" }), _jsx("circle", { cx: "8", cy: "8", r: "7.5", stroke: "white", strokeOpacity: "0.2" })] })) })] }));
-}
-//# sourceMappingURL=ChainButton.js.map

package/dist/wallet/modal/flow/components/ChainButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChainButton.js","sourceRoot":"","sources":["../../../../../src/wallet/modal/flow/components/ChainButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Chain } from \"@wallet/modal/flow/types\";\nimport { ImageWithFallback } from \"@wallet/modal/flow/components/ImageWithFallback\";\n\ninterface ChainButtonProps {\n  chain: Chain;\n  onClick: (chainId: string) => void;\n  selected?: boolean;\n  soon?: boolean;\n  subtitle?: string;\n}\n\nexport function ChainButton({\n  chain,\n  onClick,\n  selected = false,\n  soon = false,\n  subtitle,\n}: ChainButtonProps) {\n  const handleClick = () => {\n    if (!soon) {\n      onClick(chain.id);\n    }\n  };\n  \n  const imageClasses = \"opacity-90 grayscale brightness-150 transition-all duration-200\";\n\n  // Base button classes\n  const baseButtonClasses = \"group rounded-lg flex items-center justify-between border p-4 bg-n1-ww-gray-900 transition-all duration-200\";\n  \n  // Conditional classes based on selection and soon state\n  const buttonClasses = soon\n    ? `${baseButtonClasses} border-n1-ww-border cursor-not-allowed`\n    : selected\n    ? `${baseButtonClasses} border-n1-ww-border hover:border-n1-ww-main-400/50 hover:bg-n1-ww-gray-800 cursor-pointer`\n    : `${baseButtonClasses} border-n1-ww-border hover:border-n1-ww-main-400/50 hover:bg-n1-ww-gray-800 cursor-pointer`;\n\n  return (\n    <button\n      onClick={handleClick}\n      className={buttonClasses}\n      disabled={soon}\n    >\n      <div className=\"flex items-center justify-start\">\n        <div className=\"flex items-center justify-center rounded-full bg-n1-ww-gray-650 mr-2 h-8 w-8\">\n          {typeof chain.logo === \"string\" ? (\n            <ImageWithFallback\n              src={chain.logo}\n              width={48}\n              height={48}\n              alt={chain.name}\n              className={imageClasses}\n              fallbackClassName=\"w-12 h-12 rounded-full text-lg font-bold opacity-90 group-hover:scale-105 transition-all duration-200 brightness-150\"\n              fallbackBgColor=\"bg-n1-ww-main/20\"\n              fallbackTextColor=\"text-n1-ww-main\"\n            />\n          ) : (\n            <div className=\"grayscale brightness-150\">{chain.logo}</div>\n          )}\n        </div>\n        <div className=\"flex flex-col items-start justify-center text-left\">\n          <span className=\"text-white font-medium text-sm\">{chain.name}</span>\n          {subtitle ? (\n            <span className=\"text-n1-ww-gray-100 font-light text-xs\">{subtitle}</span>\n          ) : (\n            <span className=\"text-white font-light text-xs\">{chain.name}</span>\n          )}\n        </div>\n      </div>\n      <div className=\"flex items-center justify-center\">\n        {soon ? (\n          <span className=\"px-2 py-1 rounded text-xs font-medium bg-n1-ww-main-950 text-n1-ww-main-700\">\n            SOON\n          </span>\n        ) : selected ? (\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" stroke=\"#FF441A\"/>\n            <path fillRule=\"evenodd\" clipRule=\"evenodd\" d=\"M12.3333 5.52227L7.48168 11.4007L7.1762 11.7708L6.83012 11.4354L4 8.69212L4.61955 8.10046L7.10358 10.5083L11.6497 5L12.3333 5.52227Z\" fill=\"#FF441A\" stroke=\"#FF441A\" strokeWidth=\"0.5\"/>\n          </svg>\n        ) : (\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" className=\"transition-opacity duration-200 group-hover:opacity-80\">\n            <circle cx=\"8\" cy=\"8\" r=\"8\" fill=\"black\"/>\n            <circle cx=\"8\" cy=\"8\" r=\"7.5\" stroke=\"white\" strokeOpacity=\"0.2\"/>\n          </svg>\n        )}\n      </div>\n    </button>\n  );\n}\n"]}

package/dist/wallet/modal/flow/components/Header.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-interface HeaderProps {
-    title?: string;
-    onClose?: () => void;
-    onBack?: () => void;
-}
-/**
- * Header component for the Nord Flow modal
- * Contains the "Bridge" text and close button
- */
-export declare const Header: React.FC<HeaderProps>;
-export {};

package/dist/wallet/modal/flow/components/Header.js

@@ -1,45 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback } from 'react';
-import { useN1WalletContext, useN1WalletInternalContext, } from '../../../provider/hooks';
-import { shortenAddress } from '../../../../shared/utils/shortenString';
-var WalletConnectionBadge = function () {
-    var address = useN1WalletContext().address;
-    var dynamicWallet = useN1WalletInternalContext().dynamicWallet;
-    var connectionAddress = (dynamicWallet === null || dynamicWallet === void 0 ? void 0 : dynamicWallet.address) || address;
-    var handleShareClick = useCallback(function () {
-        var _a;
-        if (!connectionAddress || typeof navigator === 'undefined')
-            return;
-        var nav = navigator;
-        if (typeof nav.share === 'function') {
-            nav.share({ title: 'Wallet address', text: connectionAddress }).catch(function () { });
-            return;
-        }
-        if ((_a = nav.clipboard) === null || _a === void 0 ? void 0 : _a.writeText) {
-            nav.clipboard.writeText(connectionAddress).catch(function () { });
-        }
-    }, [connectionAddress]);
-    if (!connectionAddress) {
-        return null;
-    }
-    return (_jsxs("div", { className: "inline-flex items-center gap-2 text-[12px] leading-none text-n1-ww-icon", children: [_jsx("span", { className: "flex h-2 w-2 flex-shrink-0 rounded-full bg-n1-ww-accent-neon", "aria-label": "Wallet connected" }), _jsx("span", { className: "underline underline-offset-2 decoration-white/40 tracking-[-0.2px]", children: shortenAddress(connectionAddress) }), _jsx("button", { type: "button", onClick: handleShareClick, className: "flex h-4 w-4 flex-shrink-0 items-center justify-center text-n1-ww-main hover:text-white transition-colors", "aria-label": "Share wallet address", children: _jsxs("svg", { className: "h-full w-full", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M5.93066 8.06944L12.3473 1.65277", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round" }), _jsx("path", { d: "M8.06958 1.65277H12.3474V5.93055", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round" }), _jsx("path", { d: "M10.7431 7.80207V12.3472H1.65283V3.25693H6.19797", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round" })] }) })] }));
-};
-/**
- * Header component for the Nord Flow modal
- * Contains the "Bridge" text and close button
- */
-export var Header = function (_a) {
-    var onClose = _a.onClose, onBack = _a.onBack, _b = _a.title, title = _b === void 0 ? 'Bridge' : _b;
-    return (_jsxs("div", { className: "w-full px-4 pt-4", children: [_jsxs("div", { className: "flex items-center h-4 gap-2", children: [_jsxs("div", { className: "flex flex-1 items-center min-w-0", children: [onBack && (_jsx("button", { type: "button", onClick: onBack, className: "flex h-full items-center justify-center cursor-pointer text-n1-ww-icon hover:text-white pr-4", "aria-label": "Go back", children: _jsx("svg", { className: "h-[10px] w-[6px]", width: "6", height: "10", viewBox: "0 0 6 10", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M5.26316 10L0 5L5.26316 0L6 0.7125L1.48684 5L6 9.2875L5.26316 10Z" }) }) })), _jsx("div", { className: " text-[12px] text-n1-ww-icon opacity-90 tracking-[-0.24px] leading-none", children: title })] }), _jsx("div", { className: "flex flex-1 items-center justify-center px-2", children: _jsx(WalletConnectionBadge, {}) }), _jsx("div", { className: "flex flex-1 justify-end", children: _jsx("button", { type: "button", onClick: function (event) {
-                                var _a;
-                                event.preventDefault();
-                                event.stopPropagation();
-                                if ((_a = event.nativeEvent) === null || _a === void 0 ? void 0 : _a.stopImmediatePropagation) {
-                                    event.nativeEvent.stopImmediatePropagation();
-                                }
-                                if (onClose) {
-                                    onClose();
-                                }
-                            }, className: "flex h-10 w-10 items-center justify-center cursor-pointer text-n1-ww-icon hover:text-white", children: _jsx("svg", { className: "h-[10px] w-[10px]", viewBox: "0 0 10 10", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M5.88381 5L10 0.883812L9.11619 0L5 4.11619L0.883937 0L0 0.883812L4.11619 5L0 9.11619L0.883937 10L5 5.88381L9.11619 10L10 9.11619L5.88381 5Z" }) }) }) })] }), _jsx("div", { className: "h-4 relative mt-0 w-full", children: _jsx("div", { className: "absolute bottom-0 left-0 right-0 top-[-1px] border-b border-n1-ww-border" }) })] }));
-};
-//# sourceMappingURL=Header.js.map

package/dist/wallet/modal/flow/components/Header.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../../src/wallet/modal/flow/components/Header.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useCallback } from 'react';\nimport {\n  useN1WalletContext,\n  useN1WalletInternalContext,\n} from '@wallet/provider/hooks';\nimport { shortenAddress } from '@shared/utils/shortenString';\n\nconst WalletConnectionBadge: React.FC = () => {\n  const { address } = useN1WalletContext();\n  const { dynamicWallet } = useN1WalletInternalContext();\n  const connectionAddress = dynamicWallet?.address || address;\n\n  const handleShareClick = useCallback(() => {\n    if (!connectionAddress || typeof navigator === 'undefined') return;\n\n    const nav = navigator as Navigator & {\n      share?: (data: ShareData) => Promise<void>;\n    };\n\n    if (typeof nav.share === 'function') {\n      nav.share({ title: 'Wallet address', text: connectionAddress }).catch(() => {});\n      return;\n    }\n\n    if (nav.clipboard?.writeText) {\n      nav.clipboard.writeText(connectionAddress).catch(() => {});\n    }\n  }, [connectionAddress]);\n\n  if (!connectionAddress) {\n    return null;\n  }\n\n  return (\n    <div className=\"inline-flex items-center gap-2 text-[12px] leading-none text-n1-ww-icon\">\n      <span\n        className=\"flex h-2 w-2 flex-shrink-0 rounded-full bg-n1-ww-accent-neon\"\n        aria-label=\"Wallet connected\"\n      />\n      <span className=\"underline underline-offset-2 decoration-white/40 tracking-[-0.2px]\">\n        {shortenAddress(connectionAddress)}\n      </span>\n      <button\n        type=\"button\"\n        onClick={handleShareClick}\n        className=\"flex h-4 w-4 flex-shrink-0 items-center justify-center text-n1-ww-main hover:text-white transition-colors\"\n        aria-label=\"Share wallet address\"\n      >\n        <svg\n          className=\"h-full w-full\"\n          viewBox=\"0 0 14 14\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M5.93066 8.06944L12.3473 1.65277\"\n            stroke=\"currentColor\"\n            strokeWidth=\"1.2\"\n            strokeLinecap=\"round\"\n          />\n          <path\n            d=\"M8.06958 1.65277H12.3474V5.93055\"\n            stroke=\"currentColor\"\n            strokeWidth=\"1.2\"\n            strokeLinecap=\"round\"\n          />\n          <path\n            d=\"M10.7431 7.80207V12.3472H1.65283V3.25693H6.19797\"\n            stroke=\"currentColor\"\n            strokeWidth=\"1.2\"\n            strokeLinecap=\"round\"\n          />\n        </svg>\n      </button>\n    </div>\n  );\n};\n\ninterface HeaderProps {\n  title?: string;\n  onClose?: () => void;\n  onBack?: () => void;\n}\n\n/**\n * Header component for the Nord Flow modal\n * Contains the \"Bridge\" text and close button\n */\nexport const Header: React.FC<HeaderProps> = ({\n  onClose,\n  onBack,\n  title = 'Bridge',\n}) => {\n  return (\n    <div className=\"w-full px-4 pt-4\">\n      <div className=\"flex items-center h-4 gap-2\">\n        <div className=\"flex flex-1 items-center min-w-0\">\n          {onBack && (\n            <button\n              type=\"button\"\n              onClick={onBack}\n              className=\"flex h-full items-center justify-center cursor-pointer text-n1-ww-icon hover:text-white pr-4\" \n              aria-label=\"Go back\"\n            >\n              <svg\n                className=\"h-[10px] w-[6px]\"\n                width=\"6\"\n                height=\"10\"\n                viewBox=\"0 0 6 10\"\n                fill=\"currentColor\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n              >\n                <path d=\"M5.26316 10L0 5L5.26316 0L6 0.7125L1.48684 5L6 9.2875L5.26316 10Z\" />\n              </svg>\n            </button>\n          )}\n          <div className={\" text-[12px] text-n1-ww-icon opacity-90 tracking-[-0.24px] leading-none\"}>\n            {title}\n          </div>\n        </div>\n        <div className=\"flex flex-1 items-center justify-center px-2\">\n          <WalletConnectionBadge />\n        </div>\n        <div className=\"flex flex-1 justify-end\">\n          <button\n            type=\"button\"\n            onClick={(event) => {\n              event.preventDefault();\n              event.stopPropagation();\n              if (event.nativeEvent?.stopImmediatePropagation) {\n                event.nativeEvent.stopImmediatePropagation();\n              }\n              if (onClose) {\n                onClose();\n              }\n            }}\n            className=\"flex h-10 w-10 items-center justify-center cursor-pointer text-n1-ww-icon hover:text-white\"\n            >\n            <svg\n              className=\"h-[10px] w-[10px]\"\n              viewBox=\"0 0 10 10\"\n              fill=\"currentColor\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path d=\"M5.88381 5L10 0.883812L9.11619 0L5 4.11619L0.883937 0L0 0.883812L4.11619 5L0 9.11619L0.883937 10L5 5.88381L9.11619 10L10 9.11619L5.88381 5Z\" />\n            </svg>\n          </button>\n        </div>\n      </div>\n      <div className=\"h-4 relative mt-0 w-full\">\n        <div className=\"absolute bottom-0 left-0 right-0 top-[-1px] border-b border-n1-ww-border\"></div>\n      </div>\n    </div>\n  );\n}; \n"]}

package/dist/wallet/modal/flow/components/ImageWithFallback.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-interface ImageWithFallbackProps {
-    src: string;
-    alt: string;
-    width?: number | string;
-    height?: number | string;
-    className?: string;
-    fallbackClassName?: string;
-    fallbackText?: string;
-    fallbackBgColor?: string;
-    fallbackTextColor?: string;
-}
-/**
- * A component that renders an image with a fallback div when the image is not available
- */
-export declare const ImageWithFallback: React.FC<ImageWithFallbackProps>;
-export {};

package/dist/wallet/modal/flow/components/ImageWithFallback.js

@@ -1,33 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useState } from 'react';
-/**
- * A component that renders an image with a fallback div when the image is not available
- */
-export var ImageWithFallback = function (_a) {
-    var src = _a.src, alt = _a.alt, _b = _a.width, width = _b === void 0 ? 'auto' : _b, _c = _a.height, height = _c === void 0 ? 'auto' : _c, _d = _a.className, className = _d === void 0 ? '' : _d, _e = _a.fallbackClassName, fallbackClassName = _e === void 0 ? '' : _e, fallbackText = _a.fallbackText, _f = _a.fallbackBgColor, fallbackBgColor = _f === void 0 ? 'bg-n1-ww-gray-800' : _f, _g = _a.fallbackTextColor, fallbackTextColor = _g === void 0 ? 'text-n1-ww-gray-400' : _g;
-    var _h = useState(false), imageError = _h[0], setImageError = _h[1];
-    // Get initials from alt text for fallback
-    var getInitials = function (text) {
-        if (!text)
-            return '';
-        return text
-            .split(' ')
-            .map(function (word) { return word[0]; })
-            .join('')
-            .toUpperCase()
-            .substring(0, 2);
-    };
-    var handleError = function () {
-        setImageError(true);
-    };
-    if (imageError || !src) {
-        // Render fallback div
-        return (_jsx("div", { className: "flex items-center justify-center ".concat(fallbackBgColor, " ").concat(fallbackTextColor, " ").concat(fallbackClassName), style: {
-                width: typeof width === 'number' ? "".concat(width, "px") : width,
-                height: typeof height === 'number' ? "".concat(height, "px") : height,
-            }, "aria-label": alt, children: fallbackText || getInitials(alt) }));
-    }
-    // Render image
-    return (_jsx("img", { src: src, alt: alt, width: width, height: height, className: className, onError: handleError }));
-};
-//# sourceMappingURL=ImageWithFallback.js.map

package/dist/wallet/modal/flow/components/ImageWithFallback.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ImageWithFallback.js","sourceRoot":"","sources":["../../../../../src/wallet/modal/flow/components/ImageWithFallback.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAcxC;;GAEG;AACH,MAAM,CAAC,IAAM,iBAAiB,GAAqC,UAAC,EAUnE;QATC,GAAG,SAAA,EACH,GAAG,SAAA,EACH,aAAc,EAAd,KAAK,mBAAG,MAAM,KAAA,EACd,cAAe,EAAf,MAAM,mBAAG,MAAM,KAAA,EACf,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,yBAAsB,EAAtB,iBAAiB,mBAAG,EAAE,KAAA,EACtB,YAAY,kBAAA,EACZ,uBAAqC,EAArC,eAAe,mBAAG,mBAAmB,KAAA,EACrC,yBAAyC,EAAzC,iBAAiB,mBAAG,qBAAqB,KAAA;IAEnC,IAAA,KAA8B,QAAQ,CAAC,KAAK,CAAC,EAA5C,UAAU,QAAA,EAAE,aAAa,QAAmB,CAAC;IAEpD,0CAA0C;IAC1C,IAAM,WAAW,GAAG,UAAC,IAAY;QAC/B,IAAI,CAAC,IAAI;YAAE,OAAO,EAAE,CAAC;QACrB,OAAO,IAAI;aACR,KAAK,CAAC,GAAG,CAAC;aACV,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,CAAC,CAAC,EAAP,CAAO,CAAC;aACtB,IAAI,CAAC,EAAE,CAAC;aACR,WAAW,EAAE;aACb,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,IAAM,WAAW,GAAG;QAClB,aAAa,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,IAAI,UAAU,IAAI,CAAC,GAAG,EAAE,CAAC;QACvB,sBAAsB;QACtB,OAAO,CACL,cACE,SAAS,EAAE,2CAAoC,eAAe,cAAI,iBAAiB,cAAI,iBAAiB,CAAE,EAC1G,KAAK,EAAE;gBACL,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAG,KAAK,OAAI,CAAC,CAAC,CAAC,KAAK;gBACvD,MAAM,EAAE,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAG,MAAM,OAAI,CAAC,CAAC,CAAC,MAAM;aAC5D,gBACW,GAAG,YAEd,YAAY,IAAI,WAAW,CAAC,GAAG,CAAC,GAC7B,CACP,CAAC;IACJ,CAAC;IAED,eAAe;IACf,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,WAAW,GACpB,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React, { useState } from 'react';\n\ninterface ImageWithFallbackProps {\n  src: string;\n  alt: string;\n  width?: number | string;\n  height?: number | string;\n  className?: string;\n  fallbackClassName?: string;\n  fallbackText?: string;\n  fallbackBgColor?: string;\n  fallbackTextColor?: string;\n}\n\n/**\n * A component that renders an image with a fallback div when the image is not available\n */\nexport const ImageWithFallback: React.FC<ImageWithFallbackProps> = ({\n  src,\n  alt,\n  width = 'auto',\n  height = 'auto',\n  className = '',\n  fallbackClassName = '',\n  fallbackText,\n  fallbackBgColor = 'bg-n1-ww-gray-800',\n  fallbackTextColor = 'text-n1-ww-gray-400',\n}) => {\n  const [imageError, setImageError] = useState(false);\n\n  // Get initials from alt text for fallback\n  const getInitials = (text: string) => {\n    if (!text) return '';\n    return text\n      .split(' ')\n      .map((word) => word[0])\n      .join('')\n      .toUpperCase()\n      .substring(0, 2);\n  };\n\n  const handleError = () => {\n    setImageError(true);\n  };\n\n  if (imageError || !src) {\n    // Render fallback div\n    return (\n      <div\n        className={`flex items-center justify-center ${fallbackBgColor} ${fallbackTextColor} ${fallbackClassName}`}\n        style={{\n          width: typeof width === 'number' ? `${width}px` : width,\n          height: typeof height === 'number' ? `${height}px` : height,\n        }}\n        aria-label={alt}\n      >\n        {fallbackText || getInitials(alt)}\n      </div>\n    );\n  }\n\n  // Render image\n  return (\n    <img\n      src={src}\n      alt={alt}\n      width={width}\n      height={height}\n      className={className}\n      onError={handleError}\n    />\n  );\n};\n"]}

package/dist/wallet/modal/flow/components/TransactionTable.d.ts

@@ -1,13 +0,0 @@
-import { TableValues } from '../../../modal/flow/types';
-interface TransactionTableProps {
-    tableValues: TableValues & {
-        amount?: {
-            text: string;
-            visible: boolean;
-            typing: boolean;
-        };
-    };
-    onClose?: () => void;
-}
-export declare function TransactionTable({ tableValues, onClose, }: TransactionTableProps): import("react/jsx-runtime").JSX.Element;
-export {};