@n1xyz/wallet-widget 0.0.35-alpha.0 → 0.0.35-alpha.1

package/dist/src/features/onboarding-flow/cctp/mockCctpClient.js

@@ -0,0 +1,85 @@
+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 };
+    }
+};
+var delay = function (ms) { return new Promise(function (r) { return setTimeout(r, ms); }); };
+var MockCctpClient = /** @class */ (function () {
+    function MockCctpClient(opts) {
+        if (opts === void 0) { opts = {}; }
+        this.opts = opts;
+    }
+    MockCctpClient.prototype.submitBridge = function (params) {
+        return __awaiter(this, void 0, void 0, function () {
+            var bridgeTxId;
+            var _a;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0: return [4 /*yield*/, delay((_a = this.opts.submitDelayMs) !== null && _a !== void 0 ? _a : 0)];
+                    case 1:
+                        _b.sent();
+                        bridgeTxId = "bridge-".concat(Date.now());
+                        return [2 /*return*/, {
+                                bridgeTxId: bridgeTxId,
+                                depositId: "".concat(params.fromChain, "-").concat(bridgeTxId),
+                                attestationId: "att-".concat(bridgeTxId),
+                            }];
+                }
+            });
+        });
+    };
+    MockCctpClient.prototype.waitForConfirmation = function (bridgeTxId, _attestationId) {
+        return __awaiter(this, void 0, void 0, function () {
+            var _a;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0: return [4 /*yield*/, delay((_a = this.opts.confirmDelayMs) !== null && _a !== void 0 ? _a : 0)];
+                    case 1:
+                        _b.sent();
+                        return [2 /*return*/, { mintTxId: "mint-".concat(bridgeTxId) }];
+                }
+            });
+        });
+    };
+    MockCctpClient.prototype.getAttestation = function (_txHash, _fromChain) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                return [2 /*return*/, null];
+            });
+        });
+    };
+    return MockCctpClient;
+}());
+export { MockCctpClient };
+//# sourceMappingURL=mockCctpClient.js.map

package/dist/src/features/onboarding-flow/cctp/mockCctpClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mockCctpClient.js","sourceRoot":"","sources":["../../../../../src/features/onboarding-flow/cctp/mockCctpClient.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAM,KAAK,GAAG,UAAC,EAAU,IAAK,OAAA,IAAI,OAAO,CAAC,UAAC,CAAC,IAAK,OAAA,UAAU,CAAC,CAAC,EAAE,EAAE,CAAC,EAAjB,CAAiB,CAAC,EAArC,CAAqC,CAAC;AAEpE;IACE,wBACmB,IAGX;QAHW,qBAAA,EAAA,SAGX;QAHW,SAAI,GAAJ,IAAI,CAGf;IACL,CAAC;IAEE,qCAAY,GAAlB,UAAmB,MAAwB;;;;;;4BACzC,qBAAM,KAAK,CAAC,MAAA,IAAI,CAAC,IAAI,CAAC,aAAa,mCAAI,CAAC,CAAC,EAAA;;wBAAzC,SAAyC,CAAC;wBACpC,UAAU,GAAG,iBAAU,IAAI,CAAC,GAAG,EAAE,CAAE,CAAC;wBAC1C,sBAAO;gCACL,UAAU,YAAA;gCACV,SAAS,EAAE,UAAG,MAAM,CAAC,SAAS,cAAI,UAAU,CAAE;gCAC9C,aAAa,EAAE,cAAO,UAAU,CAAE;6BACnC,EAAC;;;;KACH;IAEK,4CAAmB,GAAzB,UACE,UAAkB,EAClB,cAA8B;;;;;4BAE9B,qBAAM,KAAK,CAAC,MAAA,IAAI,CAAC,IAAI,CAAC,cAAc,mCAAI,CAAC,CAAC,EAAA;;wBAA1C,SAA0C,CAAC;wBAC3C,sBAAO,EAAE,QAAQ,EAAE,eAAQ,UAAU,CAAE,EAAE,EAAC;;;;KAC3C;IAEK,uCAAc,GAApB,UAAqB,OAAe,EAAE,UAAkB;;;gBACtD,sBAAO,IAAI,EAAC;;;KACb;IACH,qBAAC;AAAD,CAAC,AA7BD,IA6BC","sourcesContent":["import type { CctpBridgeParams, CctpBridgeResult, CctpClient, CctpConfirmationResult } from './types';\n\nconst delay = (ms: number) => new Promise((r) => setTimeout(r, ms));\n\nexport class MockCctpClient implements CctpClient {\n  constructor(\n    private readonly opts: {\n      submitDelayMs?: number;\n      confirmDelayMs?: number;\n    } = {}\n  ) {}\n\n  async submitBridge(params: CctpBridgeParams): Promise<CctpBridgeResult> {\n    await delay(this.opts.submitDelayMs ?? 0);\n    const bridgeTxId = `bridge-${Date.now()}`;\n    return {\n      bridgeTxId,\n      depositId: `${params.fromChain}-${bridgeTxId}`,\n      attestationId: `att-${bridgeTxId}`,\n    };\n  }\n\n  async waitForConfirmation(\n    bridgeTxId: string,\n    _attestationId?: string | null\n  ): Promise<CctpConfirmationResult> {\n    await delay(this.opts.confirmDelayMs ?? 0);\n    return { mintTxId: `mint-${bridgeTxId}` };\n  }\n\n  async getAttestation(_txHash: string, _fromChain: string) {\n    return null;\n  }\n}\n\n\n\n"]}

package/dist/src/features/onboarding-flow/cctp/solanaClaim.d.ts

@@ -0,0 +1 @@
+export { constructCctpClaimTx, hashVersionedTransaction } from '../../../../bridge-assist/cctp-solana';

package/dist/src/features/onboarding-flow/cctp/solanaClaim.js

@@ -0,0 +1,2 @@
+export { constructCctpClaimTx, hashVersionedTransaction } from '../../../../bridge-assist/cctp-solana';
+//# sourceMappingURL=solanaClaim.js.map

package/dist/src/features/onboarding-flow/cctp/solanaClaim.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"solanaClaim.js","sourceRoot":"","sources":["../../../../../src/features/onboarding-flow/cctp/solanaClaim.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,wBAAwB,EAAE,MAAM,uCAAuC,CAAC","sourcesContent":["export { constructCctpClaimTx, hashVersionedTransaction } from '../../../../bridge-assist/cctp-solana';\n"]}

package/dist/src/features/onboarding-flow/cctp/types.d.ts

@@ -0,0 +1,50 @@
+/**
+ * Type definitions for CCTP (Circle Cross-Chain Transfer Protocol) bridge operations.
+ */
+export interface CctpBridgeParams {
+    amount: string;
+    fromChain: string;
+    toChain: string;
+    destinationAddress: string;
+    minAmount?: number;
+    maxAmount?: number;
+    wallet?: any;
+}
+export interface CctpBridgeResult {
+    bridgeTxId: string;
+    depositId: string;
+    attestationId?: string | null;
+    explorerUrl?: string | null;
+}
+export interface CctpConfirmationResult {
+    mintTxId: string;
+    explorerUrl?: string | null;
+}
+export interface CctpAttestationResult {
+    attestation: string;
+    message: string;
+    decodedMessage?: {
+        sourceDomain: string;
+        destinationDomain: string;
+        nonce: string;
+        sender: string;
+        recipient: string;
+        decodedMessageBody?: {
+            mintRecipient?: string;
+            amount?: string;
+            burnToken?: string;
+            messageSender?: string;
+        };
+    };
+}
+export interface CctpClient {
+    submitBridge: (params: CctpBridgeParams) => Promise<CctpBridgeResult>;
+    waitForConfirmation: (bridgeTxId: string, attestationId?: string | null) => Promise<CctpConfirmationResult>;
+    getAttestation: (txHash: string, fromChain: string) => Promise<CctpAttestationResult | null>;
+}
+export interface CctpConfig {
+    enabled?: boolean;
+    useMock?: boolean;
+    fromChain?: string;
+    toChain?: string;
+}

package/dist/src/features/onboarding-flow/cctp/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/src/features/onboarding-flow/cctp/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/features/onboarding-flow/cctp/types.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Type definitions for CCTP (Circle Cross-Chain Transfer Protocol) bridge operations.\n */\nexport interface CctpBridgeParams {\n  amount: string;\n  fromChain: string;\n  toChain: string;\n  destinationAddress: string;\n  minAmount?: number;\n  maxAmount?: number;\n  wallet?: any;\n}\n\nexport interface CctpBridgeResult {\n  bridgeTxId: string;\n  depositId: string;\n  attestationId?: string | null;\n  explorerUrl?: string | null;\n}\n\nexport interface CctpConfirmationResult {\n  mintTxId: string;\n  explorerUrl?: string | null;\n}\n\nexport interface CctpAttestationResult {\n    attestation: string;\n    message: string;\n    decodedMessage?: {\n        sourceDomain: string;\n        destinationDomain: string;\n        nonce: string;\n        sender: string;\n        recipient: string;\n        decodedMessageBody?: {\n            mintRecipient?: string;\n            amount?: string;\n            burnToken?: string;\n            messageSender?: string;\n        };\n    };\n}\n\nexport interface CctpClient {\n  submitBridge: (params: CctpBridgeParams) => Promise<CctpBridgeResult>;\n  waitForConfirmation: (\n    bridgeTxId: string,\n    attestationId?: string | null\n  ) => Promise<CctpConfirmationResult>;\n  getAttestation: (txHash: string, fromChain: string) => Promise<CctpAttestationResult | null>;\n}\n\nexport interface CctpConfig {\n  enabled?: boolean;\n  useMock?: boolean;\n  fromChain?: string;\n  toChain?: string;\n}\n"]}

package/dist/{features → src/features}/onboarding-flow/components/ChainButton.d.ts

@@ -1,10 +1,13 @@
+/**
+ * Reusable button component for selecting a blockchain chain.
+ * Displays chain logo, name, optional subtitle, and selection indicator.
+ */
 import { Chain } from "../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 declare function ChainButton({ chain, onClick, selected, subtitle, }: ChainButtonProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/features/onboarding-flow/components/ChainButton.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ImageWithFallback } from "./ImageWithFallback";
+export function ChainButton(_a) {
+    var chain = _a.chain, onClick = _a.onClick, _b = _a.selected, selected = _b === void 0 ? false : _b, subtitle = _a.subtitle;
+    var handleClick = function () {
+        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";
+    var buttonClasses = "".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, 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: 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/src/features/onboarding-flow/components/ChainButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChainButton.js","sourceRoot":"","sources":["../../../../../src/features/onboarding-flow/components/ChainButton.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AASxD,MAAM,UAAU,WAAW,CAAC,EAKT;QAJjB,KAAK,WAAA,EACL,OAAO,aAAA,EACP,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,QAAQ,cAAA;IAER,IAAM,WAAW,GAAG;QAClB,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG,iEAAiE,CAAC;IAEvF,sBAAsB;IACtB,IAAM,iBAAiB,GAAG,6GAA6G,CAAC;IAExI,IAAM,aAAa,GAAG,UAAG,iBAAiB,+FAA4F,CAAC;IAEvI,OAAO,CACL,kBACE,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,aAExB,eAAK,SAAS,EAAC,iCAAiC,aAC9C,cAAK,SAAS,EAAC,8EAA8E,YAC1F,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CAChC,KAAC,iBAAiB,IAChB,GAAG,EAAE,KAAK,CAAC,IAAI,EACf,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,GAAG,EAAE,KAAK,CAAC,IAAI,EACf,SAAS,EAAE,YAAY,EACvB,iBAAiB,EAAC,sHAAsH,EACxI,eAAe,EAAC,kBAAkB,EAClC,iBAAiB,EAAC,iBAAiB,GACnC,CACH,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,0BAA0B,YAAE,KAAK,CAAC,IAAI,GAAO,CAC7D,GACG,EACN,eAAK,SAAS,EAAC,oDAAoD,aACjE,eAAM,SAAS,EAAC,gCAAgC,YAAE,KAAK,CAAC,IAAI,GAAQ,EACnE,QAAQ,CAAC,CAAC,CAAC,CACV,eAAM,SAAS,EAAC,wCAAwC,YAAE,QAAQ,GAAQ,CAC3E,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAC,+BAA+B,YAAE,KAAK,CAAC,IAAI,GAAQ,CACpE,IACG,IACF,EACN,cAAK,SAAS,EAAC,kCAAkC,YAC9C,QAAQ,CAAC,CAAC,CAAC,CACV,eAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,aAC5F,eAAM,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAC,MAAM,EAAC,SAAS,GAAE,EACxE,eAAM,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,sIAAsI,EAAC,IAAI,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,WAAW,EAAC,KAAK,GAAE,IACpO,CACP,CAAC,CAAC,CAAC,CACF,eAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,SAAS,EAAC,wDAAwD,aAC/J,iBAAQ,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,IAAI,EAAC,OAAO,GAAE,EAC1C,iBAAQ,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAC,aAAa,EAAC,KAAK,GAAE,IAC9D,CACP,GACG,IACC,CACV,CAAC;AACJ,CAAC","sourcesContent":["/**\n * Reusable button component for selecting a blockchain chain.\n * Displays chain logo, name, optional subtitle, and selection indicator.\n */\nimport { Chain } from \"../types\";\nimport { ImageWithFallback } from \"./ImageWithFallback\";\n\ninterface ChainButtonProps {\n  chain: Chain;\n  onClick: (chainId: string) => void;\n  selected?: boolean;\n  subtitle?: string;\n}\n\nexport function ChainButton({\n  chain,\n  onClick,\n  selected = false,\n  subtitle,\n}: ChainButtonProps) {\n  const handleClick = () => {\n    onClick(chain.id);\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  const buttonClasses = `${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    >\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        {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/{features → src/features}/onboarding-flow/components/Header.d.ts

@@ -5,8 +5,8 @@ interface HeaderProps {
     onBack?: () => void;
 }
 /**
- * Header component for the Nord Flow modal
- * Contains the "Bridge" text and close button
+ * Header component displaying title, back button (when applicable), wallet connection badge,
+ * and close button. Configures navigation based on current onboarding step.
  */
 export declare const Header: React.FC<HeaderProps>;
 export {};

package/dist/src/features/onboarding-flow/components/Header.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useCallback } from 'react';
+import { useNetwork } from '../../../providers/N1WalletProvider/NetworkProvider';
+import { useWalletConnection } from '../providers';
+import { shortenAddress } from '../../../utils/shortenString';
+var WalletConnectionBadge = function () {
+    // Use NetworkProvider instead of legacy N1WalletContext
+    var _a = useNetwork(), solanaAddress = _a.solanaAddress, evmAddress = _a.evmAddress;
+    var _b = useWalletConnection(), turnkeyEnabled = _b.turnkeyEnabled, turnkeyStatus = _b.turnkeyStatus, turnkeyAddress = _b.turnkeyAddress;
+    var handleShareClick = useCallback(function () {
+        var _a;
+        if (typeof navigator === 'undefined')
+            return;
+        var addresses = [];
+        if (evmAddress)
+            addresses.push(evmAddress);
+        var displayTurnkeyAddress = solanaAddress || turnkeyAddress;
+        if (displayTurnkeyAddress)
+            addresses.push(displayTurnkeyAddress);
+        var addressesText = addresses.join(' / ');
+        var nav = navigator;
+        if (typeof nav.share === 'function') {
+            nav.share({ title: 'Wallet addresses', text: addressesText }).catch(function () { });
+            return;
+        }
+        if ((_a = nav.clipboard) === null || _a === void 0 ? void 0 : _a.writeText) {
+            nav.clipboard.writeText(addressesText).catch(function () { });
+        }
+    }, [evmAddress, solanaAddress, turnkeyAddress]);
+    var displayTurnkeyAddress = solanaAddress || turnkeyAddress;
+    var walletBadgeLabel = 'Wallet';
+    var hasEvmAddress = Boolean(evmAddress);
+    var hasTurnkeyAddress = Boolean(displayTurnkeyAddress);
+    var isPreparing = turnkeyEnabled && (turnkeyStatus === 'authenticating' || turnkeyStatus === 'creating');
+    if (!hasEvmAddress && !hasTurnkeyAddress && !isPreparing) {
+        return null;
+    }
+    var addresses = [];
+    if (hasEvmAddress) {
+        addresses.push(shortenAddress(evmAddress));
+    }
+    if (hasTurnkeyAddress) {
+        addresses.push(shortenAddress(displayTurnkeyAddress));
+    }
+    else if (isPreparing) {
+        addresses.push('Preparing…');
+    }
+    var canShare = hasEvmAddress || hasTurnkeyAddress;
+    return (_jsxs("div", { className: "flex items-center gap-2 text-[11px] leading-tight text-n1-ww-icon", children: [_jsx("span", { className: "text-[10px] uppercase tracking-wide text-n1-ww-icon/70", children: walletBadgeLabel }), _jsxs("div", { className: "flex items-center gap-1 rounded px-2 py-1 text-white", children: [addresses.map(function (addr, index) { return (_jsxs(React.Fragment, { children: [_jsx("span", { className: "tracking-tight", children: addr }), index < addresses.length - 1 && (_jsx("span", { className: "text-n1-ww-icon/70", children: "/" }))] }, index)); }), canShare && (_jsx("button", { type: "button", onClick: handleShareClick, className: "flex h-4 w-4 items-center justify-center text-n1-ww-main hover:text-white transition-colors", "aria-label": "Share wallet addresses", 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 displaying title, back button (when applicable), wallet connection badge,
+ * and close button. Configures navigation based on current onboarding step.
+ */
+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/src/features/onboarding-flow/components/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../../src/features/onboarding-flow/components/Header.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useCallback } from 'react';\nimport { useNetwork } from '../../../providers/N1WalletProvider/NetworkProvider';\nimport { useWalletConnection } from '../providers';\nimport { shortenAddress } from '../../../utils/shortenString';\n\nconst WalletConnectionBadge: React.FC = () => {\n  // Use NetworkProvider instead of legacy N1WalletContext\n  const { solanaAddress, evmAddress } = useNetwork();\n  const { turnkeyEnabled, turnkeyStatus, turnkeyAddress } = useWalletConnection();\n\n  const handleShareClick = useCallback(() => {\n    if (typeof navigator === 'undefined') return;\n\n    const addresses: string[] = [];\n    if (evmAddress) addresses.push(evmAddress);\n    const displayTurnkeyAddress = solanaAddress || turnkeyAddress;\n    if (displayTurnkeyAddress) addresses.push(displayTurnkeyAddress);\n\n    const addressesText = addresses.join(' / ');\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 addresses', text: addressesText }).catch(() => {});\n      return;\n    }\n\n    if (nav.clipboard?.writeText) {\n      nav.clipboard.writeText(addressesText).catch(() => {});\n    }\n  }, [evmAddress, solanaAddress, turnkeyAddress]);\n\n  const displayTurnkeyAddress = solanaAddress || turnkeyAddress;\n  const walletBadgeLabel =  'Wallet';\n\n  const hasEvmAddress = Boolean(evmAddress);\n  const hasTurnkeyAddress = Boolean(displayTurnkeyAddress);\n  const isPreparing = turnkeyEnabled && (turnkeyStatus === 'authenticating' || turnkeyStatus === 'creating');\n\n  if (!hasEvmAddress && !hasTurnkeyAddress && !isPreparing) {\n    return null;\n  }\n\n  const addresses: string[] = [];\n  if (hasEvmAddress) {\n    addresses.push(shortenAddress(evmAddress!));\n  }\n  if (hasTurnkeyAddress) {\n    addresses.push(shortenAddress(displayTurnkeyAddress!));\n  } else if (isPreparing) {\n    addresses.push('Preparing…');\n  }\n\n  const canShare = hasEvmAddress || hasTurnkeyAddress;\n\n  return (\n    <div className=\"flex items-center gap-2 text-[11px] leading-tight text-n1-ww-icon\">\n      <span className=\"text-[10px] uppercase tracking-wide text-n1-ww-icon/70\">\n        {walletBadgeLabel}\n      </span>\n      <div className=\"flex items-center gap-1 rounded px-2 py-1 text-white\">\n        {addresses.map((addr, index) => (\n          <React.Fragment key={index}>\n            <span className=\"tracking-tight\">{addr}</span>\n            {index < addresses.length - 1 && (\n              <span className=\"text-n1-ww-icon/70\">/</span>\n            )}\n          </React.Fragment>\n        ))}\n        {canShare && (\n          <button\n            type=\"button\"\n            onClick={handleShareClick}\n            className=\"flex h-4 w-4 items-center justify-center text-n1-ww-main hover:text-white transition-colors\"\n            aria-label=\"Share wallet addresses\"\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        )}\n      </div>\n    </div>\n  );\n};\n\ninterface HeaderProps {\n  title?: string;\n  onClose?: () => void;\n  onBack?: () => void;\n}\n\n/**\n * Header component displaying title, back button (when applicable), wallet connection badge,\n * and close button. Configures navigation based on current onboarding step.\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/{features → src/features}/onboarding-flow/components/ImageWithFallback.d.ts

@@ -1,10 +1,7 @@
 import React from 'react';
-type ImageSource = React.ImgHTMLAttributes<HTMLImageElement>['src'] | Blob | {
-    src?: string;
-};
 interface ImageWithFallbackProps {
-    src?: ImageSource;
-    alt?: string;
+    src: string;
+    alt: string;
     width?: number | string;
     height?: number | string;
     className?: string;

package/dist/src/features/onboarding-flow/components/ImageWithFallback.js

@@ -0,0 +1,33 @@
+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/src/features/onboarding-flow/components/ImageWithFallback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageWithFallback.js","sourceRoot":"","sources":["../../../../../src/features/onboarding-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/{features → src/features}/onboarding-flow/components/TransactionTable.d.ts

@@ -9,5 +9,10 @@ interface TransactionTableProps {
     };
     onClose?: () => void;
 }
+/**
+ * Displays transaction details in a formatted table.
+ * Shows amount, status, network, addresses, and transaction IDs with explorer links.
+ * Formats addresses with ellipsis and applies color coding based on status.
+ */
 export declare function TransactionTable({ tableValues, onClose, }: TransactionTableProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/{features → src/features}/onboarding-flow/components/TransactionTable.js

@@ -1,6 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { shortenAddress } from '../utils/nordUtils';
-import { getExplorerUrl } from '../utils/transaction';
+import { shortenAddress } from '../../../utils/shortenString';
+import { getSolanaExplorerUrl } from '../utils/deposit/solanaDepositTransaction';
+/**
+ * Displays transaction details in a formatted table.
+ * Shows amount, status, network, addresses, and transaction IDs with explorer links.
+ * Formats addresses with ellipsis and applies color coding based on status.
+ */
 export function TransactionTable(_a) {
     var tableValues = _a.tableValues, onClose = _a.onClose;
     // Friendly labels for the keys
@@ -57,7 +62,7 @@ export function TransactionTable(_a) {
     // Get explorer URL for transaction ID or address
     var getExplorerLink = function (key, value) {
         if (key === 'tx') {
-            return getExplorerUrl(value);
+            return getSolanaExplorerUrl(value);
         }
         if (key === 'from') {
             return "https://explorer.solana.com/address/".concat(value, "?cluster=devnet");

package/dist/src/features/onboarding-flow/components/TransactionTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionTable.js","sourceRoot":"","sources":["../../../../../src/features/onboarding-flow/components/TransactionTable.tsx"],"names":[],"mappings":"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","sourcesContent":["import { TableValues } from '../types';\nimport { shortenAddress } from '../../../utils/shortenString';\nimport { getSolanaExplorerUrl } from '../utils/deposit/solanaDepositTransaction';\n\ninterface TransactionTableProps {\n  tableValues: TableValues & {\n    amount?: { text: string; visible: boolean; typing: boolean };\n  };\n  onClose?: () => void;\n}\n\n/**\n * Displays transaction details in a formatted table.\n * Shows amount, status, network, addresses, and transaction IDs with explorer links.\n * Formats addresses with ellipsis and applies color coding based on status.\n */\nexport function TransactionTable({\n  tableValues,\n  onClose,\n}: TransactionTableProps) {\n  // Friendly labels for the keys\n  const getLabel = (key: string) => {\n    const labels: Record<string, string> = {\n      amount: 'Amount',\n      tx: 'Transaction ID',\n      from: 'From',\n      to: 'To',\n      network: 'Network',\n      status: 'Status',\n    };\n\n    return labels[key] || key;\n  };\n\n  // Get appropriate color for values based on key\n  const getValueStyles = (key: string, value: string) => {\n    if (key === 'status') {\n      if (\n        value.toLowerCase().includes('success') ||\n        value.toLowerCase().includes('confirmed')\n      ) {\n        return 'text-emerald-500 font-medium';\n      }\n      if (value.toLowerCase().includes('pending')) {\n        return 'text-amber-400 font-medium';\n      }\n      if (\n        value.toLowerCase().includes('fail') ||\n        value.toLowerCase().includes('error')\n      ) {\n        return 'text-red-400 font-medium';\n      }\n    }\n\n    if (key === 'tx') {\n      return 'text-n1-ww-gray-200 text-xs font-medium hover:text-n1-ww-main-400 transition-colors duration-200';\n    }\n\n    if (key === 'network') {\n      return 'text-purple-400 font-medium';\n    }\n\n    if (key === 'from' || key === 'to') {\n      return 'text-n1-ww-gray-200 text-xs font-medium hover:text-n1-ww-main-400 transition-colors duration-200';\n    }\n\n    if (key === 'amount') {\n      return 'text-emerald-500 font-semibold';\n    }\n\n    return 'text-n1-ww-gray-50 font-medium';\n  };\n\n  // Format display value with ellipsis for long text\n  const getDisplayValue = (key: string, value: string) => {\n    if (key === 'tx') {\n      return shortenAddress(value, 5, 4);\n    }\n\n    if (key === 'from' || key === 'to') {\n      return shortenAddress(value, 5, 4);\n    }\n\n    return value;\n  };\n\n  // Get explorer URL for transaction ID or address\n  const getExplorerLink = (key: string, value: string) => {\n\n    if (key === 'tx') {\n      return getSolanaExplorerUrl(value);\n    }\n\n    if (key === 'from') {\n      return `https://explorer.solana.com/address/${value}?cluster=devnet`;\n    }\n\n    return '';\n  };\n\n  // Order of fields to display\n  const fieldOrder = ['amount', 'status', 'network', 'from', 'to', 'tx'];\n\n  // Sort entries based on fieldOrder\n  const sortedEntries = Object.entries(tableValues).sort(([keyA], [keyB]) => {\n    const indexA = fieldOrder.indexOf(keyA);\n    const indexB = fieldOrder.indexOf(keyB);\n    return (indexA === -1 ? 999 : indexA) - (indexB === -1 ? 999 : indexB);\n  });\n\n  return (\n    <div className=\"relative w-full h-full bg-n1-ww-gray-950 border border-n1-ww-border p-5 rounded-sm flex flex-col justify-center\">\n      {onClose && (\n        <button\n          onClick={onClose}\n          className=\"absolute top-3 right-2 text-n1-ww-gray-600 hover:text-n1-ww-gray-300 transition-colors duration-200 focus:outline-none\"\n          aria-label=\"Close details\"\n        >\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            className=\"h-5 w-5\"\n            fill=\"none\"\n            viewBox=\"0 0 24 24\"\n            stroke=\"currentColor\"\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={2}\n              d=\"M6 18L18 6M6 6l12 12\"\n            />\n          </svg>\n        </button>\n      )}\n      <div className=\"space-y-3 text-sm pt-5\">\n        {sortedEntries.map(([key, value]) => (\n          <div key={key} className=\"flex items-center justify-between py-2 \">\n            <span className=\"text-n1-ww-gray-400 font-medium min-w-[120px]\">\n              {getLabel(key)}\n            </span>\n            <div\n              className={`relative transition-all duration-300 ${value.visible ? 'opacity-100' : 'opacity-0'} max-w-[65%] text-right flex-1`}\n            >\n              {(key === 'tx' || key === 'from') &&\n              getExplorerLink(key, value.text) ? (\n                <a\n                  href={getExplorerLink(key, value.text)}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  className={`${getValueStyles(key, value.text)} break-all inline-block group`}\n                  title={value.text}\n                >\n                  <span className=\"underline hover:font-bold\">\n                    {getDisplayValue(key, value.text)}\n                  </span>\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    className=\"h-3 w-3 ml-1 inline-block opacity-50 group-hover:opacity-100 transition-opacity duration-200\"\n                    fill=\"none\"\n                    viewBox=\"0 0 24 24\"\n                    stroke=\"currentColor\"\n                  >\n                    <path\n                      strokeLinecap=\"round\"\n                      strokeLinejoin=\"round\"\n                      strokeWidth={2}\n                      d=\"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14\"\n                    />\n                  </svg>\n                </a>\n              ) : (\n                <span\n                  className={`${getValueStyles(key, value.text)} break-all inline-block`}\n                  title={value.text}\n                >\n                  {value.text}\n                </span>\n              )}\n              {value.typing && (\n                <span className=\"inline-block ml-1 w-[2px] h-[14px] bg-n1-ww-main-400 n1-ww-animate-pulse\"></span>\n              )}\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/{features → src/features}/onboarding-flow/components/WaitingMessage.d.ts

@@ -1,4 +1,8 @@
 import { WaitingMessageState } from '../types';
+/**
+ * Component that displays a loading message with animated loader or transfer animation.
+ * Used across multiple screens to show progress states.
+ */
 interface WaitingMessageProps {
     message: WaitingMessageState;
     loaderSize?: number;

package/dist/src/features/onboarding-flow/components/WaitingMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WaitingMessage.js","sourceRoot":"","sources":["../../../../../src/features/onboarding-flow/components/WaitingMessage.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,IAAI,MAAM,0BAA0B,CAAC;AAY5C,MAAM,UAAU,cAAc,CAAC,EAIT;QAHpB,OAAO,aAAA,EACP,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA,EACf,iBAAoB,EAApB,SAAS,mBAAG,QAAQ,KAAA;IAEpB,OAAO,CACL,eAAK,SAAS,EAAC,2CAA2C,aACvD,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,CACxB,KAAC,iBAAiB,IAAC,IAAI,EAAE,UAAU,GAAI,CACxC,CAAC,CAAC,CAAC,CACF,KAAC,qBAAqB,KAAG,CAC1B,EACD,eAAK,SAAS,EAAC,4BAA4B,aACzC,aAAI,SAAS,EAAC,mGAAmG,YAC/G,cAAK,SAAS,EAAC,UAAU,YACtB,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,KAAK,GAC7B,GACH,EACL,cAAK,SAAS,EAAC,mEAAmE,YAChF,cAAK,SAAS,EAAC,UAAU,YACtB,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,QAAQ,GAChC,GACF,IACF,IACF,CACP,CAAC;AACJ,CAAC;AAED,IAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,UAAC,CAAC,EAAE,KAAK,IAAK,OAAA,KAAK,EAAL,CAAK,CAAC,CAAC;AAEnE,IAAM,YAAY,GAAG,cAAM,OAAA,CACzB,cAAK,SAAS,EAAC,6BAA6B,YACzC,WAAW,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,OAAA,CAC1B,eAEE,SAAS,EAAC,6EAA6E,EACvF,KAAK,EAAE;YACL,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,OAAO;YACf,cAAc,EAAE,UAAG,KAAK,GAAG,IAAI,MAAG;YAClC,iBAAiB,EAAE,MAAM;SAC1B,iBACW,MAAM,IARb,mBAAY,KAAK,CAAE,CASxB,CACH,EAZ2B,CAY3B,CAAC,GACE,CACP,EAhB0B,CAgB1B,CAAC;AAEF,IAAM,qBAAqB,GAAG,cAAM,OAAA,CAClC,cACE,SAAS,EAAC,yCAAyC,gBACxC,sCAAsC,YAEjD,eAAK,SAAS,EAAC,yBAAyB,aACtC,cAAK,SAAS,EAAC,qIAAqI,YAClJ,cAAK,SAAS,EAAC,iFAAiF,YAC9F,KAAC,UAAU,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GACjC,GACF,EACN,KAAC,YAAY,KAAG,EAChB,cAAK,SAAS,EAAC,8FAA8F,YAC3G,cAAK,SAAS,EAAC,0EAA0E,YACvF,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,oBAAoB,GAAG,GAC7C,GACF,EACN,KAAC,YAAY,KAAG,EAChB,cAAK,SAAS,EAAC,8FAA8F,YAC3G,cAAK,SAAS,EAAC,0EAA0E,YACvF,KAAC,WAAW,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GAClC,GACF,IACF,GACF,CACP,EAzBmC,CAyBnC,CAAC","sourcesContent":["import { WaitingMessageState } from '../types';\nimport { N1LoaderAnimation } from '../../../animations/N1Loader';\nimport { SolanaLogo, ZeroOneLogo } from '../../../components/logos';\nimport Logo from '../../../components/Logo';\n\n/**\n * Component that displays a loading message with animated loader or transfer animation.\n * Used across multiple screens to show progress states.\n */\ninterface WaitingMessageProps {\n  message: WaitingMessageState;\n  loaderSize?: number;\n  animation?: 'loader' | 'transfer';\n}\n\nexport function WaitingMessage({\n  message,\n  loaderSize = 48,\n  animation = 'loader',\n}: WaitingMessageProps) {\n  return (\n    <div className=\"flex flex-col items-center justify-center\">\n      {animation === 'loader' ? (\n        <N1LoaderAnimation size={loaderSize} />\n      ) : (\n        <TransferWaveAnimation />\n      )}\n      <div className=\"text-center w-[300px] my-4\">\n        <h3 className=\"text-sm text-white transition-all duration-300 h-[32px] flex items-center justify-center relative\"> \n          <div className=\"absolute\">\n            {message.visible && message.title}\n          </div>\n        </h3>\n        <div className=\"text-xs flex items-center justify-center relative mt-2 font-light\">\n          <div className=\"absolute\">\n            {message.visible && message.subtitle}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nconst DOT_INDICES = Array.from({ length: 7 }, (_, index) => index);\n\nconst TransferDots = () => (\n  <div className=\"flex items-center gap-[3px]\">\n    {DOT_INDICES.map((index) => (\n      <span\n        key={`wave-dot-${index}`}\n        className=\"n1-ww-animate-transfer-dot n1-ww-force-motion rounded-full bg-n1-ww-main/90\"\n        style={{\n          width: '2.5px',\n          height: '2.5px',\n          animationDelay: `${index * 0.12}s`,\n          animationDuration: '1.6s',\n        }}\n        aria-hidden=\"true\"\n      />\n    ))}\n  </div>\n);\n\nconst TransferWaveAnimation = () => (\n  <div\n    className=\"flex w-full items-center justify-center\"\n    aria-label=\"Solana deposit moving into N1 and 01\"\n  >\n    <div className=\"flex items-center gap-2\">\n      <div className=\"relative h-7 w-7 rounded-full bg-gradient-to-br from-black via-neutral-900 to-neutral-800 p-px shadow-[0_12px_30px_rgba(0,0,0,0.6)]\">\n        <div className=\"flex h-full w-full items-center justify-center rounded-full bg-black text-white\">\n          <SolanaLogo width={14} height={14} />\n        </div>\n      </div>\n      <TransferDots />\n      <div className=\"relative h-7 w-7 rounded-full bg-n1-ww-gray-800/70 p-px shadow-[0_12px_30px_rgba(0,0,0,0.6)]\">\n        <div className=\"flex h-full w-full items-center justify-center rounded-full bg-[#1b1b1b]\">\n          <Logo size={12} className=\"text-n1-ww-main/90\" />\n        </div>\n      </div>\n      <TransferDots />\n      <div className=\"relative h-7 w-7 rounded-full bg-n1-ww-gray-800/70 p-px shadow-[0_12px_30px_rgba(0,0,0,0.6)]\">\n        <div className=\"flex h-full w-full items-center justify-center rounded-full bg-[#1b1b1b]\">\n          <ZeroOneLogo width={14} height={11} />\n        </div>\n      </div>\n    </div>\n  </div>\n);\n"]}

package/dist/src/features/onboarding-flow/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/features/onboarding-flow/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC","sourcesContent":["export * from './ImageWithFallback';\nexport * from './ChainButton';\nexport * from './TransactionTable';\nexport * from './WaitingMessage';\nexport * from './Header';\n"]}

package/dist/src/features/onboarding-flow/errors/depositError.d.ts

@@ -0,0 +1,36 @@
+export declare enum DepositErrorCode {
+    USER_REJECTED = "USER_REJECTED",
+    WALLET_NOT_READY = "WALLET_NOT_READY",
+    WALLET_NOT_CONNECTED = "WALLET_NOT_CONNECTED",
+    WRONG_WALLET_CHAIN = "WRONG_WALLET_CHAIN",
+    INVALID_AMOUNT = "INVALID_AMOUNT",
+    BELOW_MINIMUM_DEPOSIT = "BELOW_MINIMUM_DEPOSIT",
+    INSUFFICIENT_BALANCE = "INSUFFICIENT_BALANCE",
+    INSUFFICIENT_FEES = "INSUFFICIENT_FEES",
+    NETWORK_ERROR = "NETWORK_ERROR",
+    ATTESTATION_NOT_READY = "ATTESTATION_NOT_READY",
+    ATTESTATION_TIMEOUT = "ATTESTATION_TIMEOUT",
+    BRIDGE_ASSIST_NOT_FOUND = "BRIDGE_ASSIST_NOT_FOUND",
+    BRIDGE_ASSIST_CONFLICT = "BRIDGE_ASSIST_CONFLICT",
+    BRIDGE_ASSIST_RATE_LIMITED = "BRIDGE_ASSIST_RATE_LIMITED",
+    BRIDGE_ASSIST_UNAUTHORIZED = "BRIDGE_ASSIST_UNAUTHORIZED",
+    CLAIM_SUBMISSION_FAILED = "CLAIM_SUBMISSION_FAILED",
+    BRIDGE_SUBMISSION_FAILED = "BRIDGE_SUBMISSION_FAILED",
+    NORD_DEPOSIT_FAILED = "NORD_DEPOSIT_FAILED",
+    UNKNOWN = "UNKNOWN"
+}
+export type DepositErrorDetails = Record<string, unknown>;
+export declare class DepositError extends Error {
+    readonly code: DepositErrorCode;
+    readonly retryable: boolean;
+    readonly userMessage: string;
+    readonly details?: DepositErrorDetails | undefined;
+    readonly cause?: unknown | undefined;
+    readonly name = "DepositError";
+    constructor(code: DepositErrorCode, message: string, retryable: boolean, userMessage: string, details?: DepositErrorDetails | undefined, cause?: unknown | undefined);
+}
+/**
+ * Normalizes unknown errors into a stable taxonomy.
+ * This is the single source of truth for: retryability, user-safe copy, and structured metadata.
+ */
+export declare const toDepositError: (error: unknown, context?: DepositErrorDetails) => DepositError;