@pollar/react 0.5.3 → 0.7.0

package/dist/index.mjs

@@ -1,9 +1,1001 @@
 'use client';
 import { AUTH_ERROR_CODES, WalletType, PollarClient } from '@pollar/core';
-import { createContext, useState, useEffect, useMemo, useContext, useRef, Component } from 'react';
+import { forwardRef, createContext, useState, useEffect, useRef, useCallback, useMemo, useContext, Component } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
-// src/context.tsx
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+// ../../node_modules/qr.js/lib/ErrorCorrectLevel.js
+var require_ErrorCorrectLevel = __commonJS({
+  "../../node_modules/qr.js/lib/ErrorCorrectLevel.js"(exports$1, module) {
+    module.exports = {
+      L: 1,
+      M: 0,
+      Q: 3,
+      H: 2
+    };
+  }
+});
+
+// ../../node_modules/qr.js/lib/mode.js
+var require_mode = __commonJS({
+  "../../node_modules/qr.js/lib/mode.js"(exports$1, module) {
+    module.exports = {
+      MODE_NUMBER: 1 << 0,
+      MODE_ALPHA_NUM: 1 << 1,
+      MODE_8BIT_BYTE: 1 << 2,
+      MODE_KANJI: 1 << 3
+    };
+  }
+});
+
+// ../../node_modules/qr.js/lib/8BitByte.js
+var require_BitByte = __commonJS({
+  "../../node_modules/qr.js/lib/8BitByte.js"(exports$1, module) {
+    var mode = require_mode();
+    function QR8bitByte(data) {
+      this.mode = mode.MODE_8BIT_BYTE;
+      this.data = data;
+    }
+    QR8bitByte.prototype = {
+      getLength: function(buffer) {
+        return this.data.length;
+      },
+      write: function(buffer) {
+        for (var i = 0; i < this.data.length; i++) {
+          buffer.put(this.data.charCodeAt(i), 8);
+        }
+      }
+    };
+    module.exports = QR8bitByte;
+  }
+});
+
+// ../../node_modules/qr.js/lib/RSBlock.js
+var require_RSBlock = __commonJS({
+  "../../node_modules/qr.js/lib/RSBlock.js"(exports$1, module) {
+    var ECL = require_ErrorCorrectLevel();
+    function QRRSBlock(totalCount, dataCount) {
+      this.totalCount = totalCount;
+      this.dataCount = dataCount;
+    }
+    QRRSBlock.RS_BLOCK_TABLE = [
+      // L
+      // M
+      // Q
+      // H
+      // 1
+      [1, 26, 19],
+      [1, 26, 16],
+      [1, 26, 13],
+      [1, 26, 9],
+      // 2
+      [1, 44, 34],
+      [1, 44, 28],
+      [1, 44, 22],
+      [1, 44, 16],
+      // 3
+      [1, 70, 55],
+      [1, 70, 44],
+      [2, 35, 17],
+      [2, 35, 13],
+      // 4		
+      [1, 100, 80],
+      [2, 50, 32],
+      [2, 50, 24],
+      [4, 25, 9],
+      // 5
+      [1, 134, 108],
+      [2, 67, 43],
+      [2, 33, 15, 2, 34, 16],
+      [2, 33, 11, 2, 34, 12],
+      // 6
+      [2, 86, 68],
+      [4, 43, 27],
+      [4, 43, 19],
+      [4, 43, 15],
+      // 7		
+      [2, 98, 78],
+      [4, 49, 31],
+      [2, 32, 14, 4, 33, 15],
+      [4, 39, 13, 1, 40, 14],
+      // 8
+      [2, 121, 97],
+      [2, 60, 38, 2, 61, 39],
+      [4, 40, 18, 2, 41, 19],
+      [4, 40, 14, 2, 41, 15],
+      // 9
+      [2, 146, 116],
+      [3, 58, 36, 2, 59, 37],
+      [4, 36, 16, 4, 37, 17],
+      [4, 36, 12, 4, 37, 13],
+      // 10		
+      [2, 86, 68, 2, 87, 69],
+      [4, 69, 43, 1, 70, 44],
+      [6, 43, 19, 2, 44, 20],
+      [6, 43, 15, 2, 44, 16],
+      // 11
+      [4, 101, 81],
+      [1, 80, 50, 4, 81, 51],
+      [4, 50, 22, 4, 51, 23],
+      [3, 36, 12, 8, 37, 13],
+      // 12
+      [2, 116, 92, 2, 117, 93],
+      [6, 58, 36, 2, 59, 37],
+      [4, 46, 20, 6, 47, 21],
+      [7, 42, 14, 4, 43, 15],
+      // 13
+      [4, 133, 107],
+      [8, 59, 37, 1, 60, 38],
+      [8, 44, 20, 4, 45, 21],
+      [12, 33, 11, 4, 34, 12],
+      // 14
+      [3, 145, 115, 1, 146, 116],
+      [4, 64, 40, 5, 65, 41],
+      [11, 36, 16, 5, 37, 17],
+      [11, 36, 12, 5, 37, 13],
+      // 15
+      [5, 109, 87, 1, 110, 88],
+      [5, 65, 41, 5, 66, 42],
+      [5, 54, 24, 7, 55, 25],
+      [11, 36, 12],
+      // 16
+      [5, 122, 98, 1, 123, 99],
+      [7, 73, 45, 3, 74, 46],
+      [15, 43, 19, 2, 44, 20],
+      [3, 45, 15, 13, 46, 16],
+      // 17
+      [1, 135, 107, 5, 136, 108],
+      [10, 74, 46, 1, 75, 47],
+      [1, 50, 22, 15, 51, 23],
+      [2, 42, 14, 17, 43, 15],
+      // 18
+      [5, 150, 120, 1, 151, 121],
+      [9, 69, 43, 4, 70, 44],
+      [17, 50, 22, 1, 51, 23],
+      [2, 42, 14, 19, 43, 15],
+      // 19
+      [3, 141, 113, 4, 142, 114],
+      [3, 70, 44, 11, 71, 45],
+      [17, 47, 21, 4, 48, 22],
+      [9, 39, 13, 16, 40, 14],
+      // 20
+      [3, 135, 107, 5, 136, 108],
+      [3, 67, 41, 13, 68, 42],
+      [15, 54, 24, 5, 55, 25],
+      [15, 43, 15, 10, 44, 16],
+      // 21
+      [4, 144, 116, 4, 145, 117],
+      [17, 68, 42],
+      [17, 50, 22, 6, 51, 23],
+      [19, 46, 16, 6, 47, 17],
+      // 22
+      [2, 139, 111, 7, 140, 112],
+      [17, 74, 46],
+      [7, 54, 24, 16, 55, 25],
+      [34, 37, 13],
+      // 23
+      [4, 151, 121, 5, 152, 122],
+      [4, 75, 47, 14, 76, 48],
+      [11, 54, 24, 14, 55, 25],
+      [16, 45, 15, 14, 46, 16],
+      // 24
+      [6, 147, 117, 4, 148, 118],
+      [6, 73, 45, 14, 74, 46],
+      [11, 54, 24, 16, 55, 25],
+      [30, 46, 16, 2, 47, 17],
+      // 25
+      [8, 132, 106, 4, 133, 107],
+      [8, 75, 47, 13, 76, 48],
+      [7, 54, 24, 22, 55, 25],
+      [22, 45, 15, 13, 46, 16],
+      // 26
+      [10, 142, 114, 2, 143, 115],
+      [19, 74, 46, 4, 75, 47],
+      [28, 50, 22, 6, 51, 23],
+      [33, 46, 16, 4, 47, 17],
+      // 27
+      [8, 152, 122, 4, 153, 123],
+      [22, 73, 45, 3, 74, 46],
+      [8, 53, 23, 26, 54, 24],
+      [12, 45, 15, 28, 46, 16],
+      // 28
+      [3, 147, 117, 10, 148, 118],
+      [3, 73, 45, 23, 74, 46],
+      [4, 54, 24, 31, 55, 25],
+      [11, 45, 15, 31, 46, 16],
+      // 29
+      [7, 146, 116, 7, 147, 117],
+      [21, 73, 45, 7, 74, 46],
+      [1, 53, 23, 37, 54, 24],
+      [19, 45, 15, 26, 46, 16],
+      // 30
+      [5, 145, 115, 10, 146, 116],
+      [19, 75, 47, 10, 76, 48],
+      [15, 54, 24, 25, 55, 25],
+      [23, 45, 15, 25, 46, 16],
+      // 31
+      [13, 145, 115, 3, 146, 116],
+      [2, 74, 46, 29, 75, 47],
+      [42, 54, 24, 1, 55, 25],
+      [23, 45, 15, 28, 46, 16],
+      // 32
+      [17, 145, 115],
+      [10, 74, 46, 23, 75, 47],
+      [10, 54, 24, 35, 55, 25],
+      [19, 45, 15, 35, 46, 16],
+      // 33
+      [17, 145, 115, 1, 146, 116],
+      [14, 74, 46, 21, 75, 47],
+      [29, 54, 24, 19, 55, 25],
+      [11, 45, 15, 46, 46, 16],
+      // 34
+      [13, 145, 115, 6, 146, 116],
+      [14, 74, 46, 23, 75, 47],
+      [44, 54, 24, 7, 55, 25],
+      [59, 46, 16, 1, 47, 17],
+      // 35
+      [12, 151, 121, 7, 152, 122],
+      [12, 75, 47, 26, 76, 48],
+      [39, 54, 24, 14, 55, 25],
+      [22, 45, 15, 41, 46, 16],
+      // 36
+      [6, 151, 121, 14, 152, 122],
+      [6, 75, 47, 34, 76, 48],
+      [46, 54, 24, 10, 55, 25],
+      [2, 45, 15, 64, 46, 16],
+      // 37
+      [17, 152, 122, 4, 153, 123],
+      [29, 74, 46, 14, 75, 47],
+      [49, 54, 24, 10, 55, 25],
+      [24, 45, 15, 46, 46, 16],
+      // 38
+      [4, 152, 122, 18, 153, 123],
+      [13, 74, 46, 32, 75, 47],
+      [48, 54, 24, 14, 55, 25],
+      [42, 45, 15, 32, 46, 16],
+      // 39
+      [20, 147, 117, 4, 148, 118],
+      [40, 75, 47, 7, 76, 48],
+      [43, 54, 24, 22, 55, 25],
+      [10, 45, 15, 67, 46, 16],
+      // 40
+      [19, 148, 118, 6, 149, 119],
+      [18, 75, 47, 31, 76, 48],
+      [34, 54, 24, 34, 55, 25],
+      [20, 45, 15, 61, 46, 16]
+    ];
+    QRRSBlock.getRSBlocks = function(typeNumber, errorCorrectLevel) {
+      var rsBlock = QRRSBlock.getRsBlockTable(typeNumber, errorCorrectLevel);
+      if (rsBlock == void 0) {
+        throw new Error("bad rs block @ typeNumber:" + typeNumber + "/errorCorrectLevel:" + errorCorrectLevel);
+      }
+      var length = rsBlock.length / 3;
+      var list = new Array();
+      for (var i = 0; i < length; i++) {
+        var count = rsBlock[i * 3 + 0];
+        var totalCount = rsBlock[i * 3 + 1];
+        var dataCount = rsBlock[i * 3 + 2];
+        for (var j = 0; j < count; j++) {
+          list.push(new QRRSBlock(totalCount, dataCount));
+        }
+      }
+      return list;
+    };
+    QRRSBlock.getRsBlockTable = function(typeNumber, errorCorrectLevel) {
+      switch (errorCorrectLevel) {
+        case ECL.L:
+          return QRRSBlock.RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 0];
+        case ECL.M:
+          return QRRSBlock.RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 1];
+        case ECL.Q:
+          return QRRSBlock.RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 2];
+        case ECL.H:
+          return QRRSBlock.RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 3];
+        default:
+          return void 0;
+      }
+    };
+    module.exports = QRRSBlock;
+  }
+});
+
+// ../../node_modules/qr.js/lib/BitBuffer.js
+var require_BitBuffer = __commonJS({
+  "../../node_modules/qr.js/lib/BitBuffer.js"(exports$1, module) {
+    function QRBitBuffer() {
+      this.buffer = new Array();
+      this.length = 0;
+    }
+    QRBitBuffer.prototype = {
+      get: function(index) {
+        var bufIndex = Math.floor(index / 8);
+        return (this.buffer[bufIndex] >>> 7 - index % 8 & 1) == 1;
+      },
+      put: function(num, length) {
+        for (var i = 0; i < length; i++) {
+          this.putBit((num >>> length - i - 1 & 1) == 1);
+        }
+      },
+      getLengthInBits: function() {
+        return this.length;
+      },
+      putBit: function(bit) {
+        var bufIndex = Math.floor(this.length / 8);
+        if (this.buffer.length <= bufIndex) {
+          this.buffer.push(0);
+        }
+        if (bit) {
+          this.buffer[bufIndex] |= 128 >>> this.length % 8;
+        }
+        this.length++;
+      }
+    };
+    module.exports = QRBitBuffer;
+  }
+});
+
+// ../../node_modules/qr.js/lib/math.js
+var require_math = __commonJS({
+  "../../node_modules/qr.js/lib/math.js"(exports$1, module) {
+    var QRMath = {
+      glog: function(n) {
+        if (n < 1) {
+          throw new Error("glog(" + n + ")");
+        }
+        return QRMath.LOG_TABLE[n];
+      },
+      gexp: function(n) {
+        while (n < 0) {
+          n += 255;
+        }
+        while (n >= 256) {
+          n -= 255;
+        }
+        return QRMath.EXP_TABLE[n];
+      },
+      EXP_TABLE: new Array(256),
+      LOG_TABLE: new Array(256)
+    };
+    for (i = 0; i < 8; i++) {
+      QRMath.EXP_TABLE[i] = 1 << i;
+    }
+    var i;
+    for (i = 8; i < 256; i++) {
+      QRMath.EXP_TABLE[i] = QRMath.EXP_TABLE[i - 4] ^ QRMath.EXP_TABLE[i - 5] ^ QRMath.EXP_TABLE[i - 6] ^ QRMath.EXP_TABLE[i - 8];
+    }
+    var i;
+    for (i = 0; i < 255; i++) {
+      QRMath.LOG_TABLE[QRMath.EXP_TABLE[i]] = i;
+    }
+    var i;
+    module.exports = QRMath;
+  }
+});
+
+// ../../node_modules/qr.js/lib/Polynomial.js
+var require_Polynomial = __commonJS({
+  "../../node_modules/qr.js/lib/Polynomial.js"(exports$1, module) {
+    var math = require_math();
+    function QRPolynomial(num, shift) {
+      if (num.length == void 0) {
+        throw new Error(num.length + "/" + shift);
+      }
+      var offset = 0;
+      while (offset < num.length && num[offset] == 0) {
+        offset++;
+      }
+      this.num = new Array(num.length - offset + shift);
+      for (var i = 0; i < num.length - offset; i++) {
+        this.num[i] = num[i + offset];
+      }
+    }
+    QRPolynomial.prototype = {
+      get: function(index) {
+        return this.num[index];
+      },
+      getLength: function() {
+        return this.num.length;
+      },
+      multiply: function(e) {
+        var num = new Array(this.getLength() + e.getLength() - 1);
+        for (var i = 0; i < this.getLength(); i++) {
+          for (var j = 0; j < e.getLength(); j++) {
+            num[i + j] ^= math.gexp(math.glog(this.get(i)) + math.glog(e.get(j)));
+          }
+        }
+        return new QRPolynomial(num, 0);
+      },
+      mod: function(e) {
+        if (this.getLength() - e.getLength() < 0) {
+          return this;
+        }
+        var ratio = math.glog(this.get(0)) - math.glog(e.get(0));
+        var num = new Array(this.getLength());
+        for (var i = 0; i < this.getLength(); i++) {
+          num[i] = this.get(i);
+        }
+        for (var i = 0; i < e.getLength(); i++) {
+          num[i] ^= math.gexp(math.glog(e.get(i)) + ratio);
+        }
+        return new QRPolynomial(num, 0).mod(e);
+      }
+    };
+    module.exports = QRPolynomial;
+  }
+});
+
+// ../../node_modules/qr.js/lib/util.js
+var require_util = __commonJS({
+  "../../node_modules/qr.js/lib/util.js"(exports$1, module) {
+    var Mode = require_mode();
+    var Polynomial = require_Polynomial();
+    var math = require_math();
+    var QRMaskPattern = {
+      PATTERN000: 0,
+      PATTERN001: 1,
+      PATTERN010: 2,
+      PATTERN011: 3,
+      PATTERN100: 4,
+      PATTERN101: 5,
+      PATTERN110: 6,
+      PATTERN111: 7
+    };
+    var QRUtil = {
+      PATTERN_POSITION_TABLE: [
+        [],
+        [6, 18],
+        [6, 22],
+        [6, 26],
+        [6, 30],
+        [6, 34],
+        [6, 22, 38],
+        [6, 24, 42],
+        [6, 26, 46],
+        [6, 28, 50],
+        [6, 30, 54],
+        [6, 32, 58],
+        [6, 34, 62],
+        [6, 26, 46, 66],
+        [6, 26, 48, 70],
+        [6, 26, 50, 74],
+        [6, 30, 54, 78],
+        [6, 30, 56, 82],
+        [6, 30, 58, 86],
+        [6, 34, 62, 90],
+        [6, 28, 50, 72, 94],
+        [6, 26, 50, 74, 98],
+        [6, 30, 54, 78, 102],
+        [6, 28, 54, 80, 106],
+        [6, 32, 58, 84, 110],
+        [6, 30, 58, 86, 114],
+        [6, 34, 62, 90, 118],
+        [6, 26, 50, 74, 98, 122],
+        [6, 30, 54, 78, 102, 126],
+        [6, 26, 52, 78, 104, 130],
+        [6, 30, 56, 82, 108, 134],
+        [6, 34, 60, 86, 112, 138],
+        [6, 30, 58, 86, 114, 142],
+        [6, 34, 62, 90, 118, 146],
+        [6, 30, 54, 78, 102, 126, 150],
+        [6, 24, 50, 76, 102, 128, 154],
+        [6, 28, 54, 80, 106, 132, 158],
+        [6, 32, 58, 84, 110, 136, 162],
+        [6, 26, 54, 82, 110, 138, 166],
+        [6, 30, 58, 86, 114, 142, 170]
+      ],
+      G15: 1 << 10 | 1 << 8 | 1 << 5 | 1 << 4 | 1 << 2 | 1 << 1 | 1 << 0,
+      G18: 1 << 12 | 1 << 11 | 1 << 10 | 1 << 9 | 1 << 8 | 1 << 5 | 1 << 2 | 1 << 0,
+      G15_MASK: 1 << 14 | 1 << 12 | 1 << 10 | 1 << 4 | 1 << 1,
+      getBCHTypeInfo: function(data) {
+        var d = data << 10;
+        while (QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(QRUtil.G15) >= 0) {
+          d ^= QRUtil.G15 << QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(QRUtil.G15);
+        }
+        return (data << 10 | d) ^ QRUtil.G15_MASK;
+      },
+      getBCHTypeNumber: function(data) {
+        var d = data << 12;
+        while (QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(QRUtil.G18) >= 0) {
+          d ^= QRUtil.G18 << QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(QRUtil.G18);
+        }
+        return data << 12 | d;
+      },
+      getBCHDigit: function(data) {
+        var digit = 0;
+        while (data != 0) {
+          digit++;
+          data >>>= 1;
+        }
+        return digit;
+      },
+      getPatternPosition: function(typeNumber) {
+        return QRUtil.PATTERN_POSITION_TABLE[typeNumber - 1];
+      },
+      getMask: function(maskPattern, i, j) {
+        switch (maskPattern) {
+          case QRMaskPattern.PATTERN000:
+            return (i + j) % 2 == 0;
+          case QRMaskPattern.PATTERN001:
+            return i % 2 == 0;
+          case QRMaskPattern.PATTERN010:
+            return j % 3 == 0;
+          case QRMaskPattern.PATTERN011:
+            return (i + j) % 3 == 0;
+          case QRMaskPattern.PATTERN100:
+            return (Math.floor(i / 2) + Math.floor(j / 3)) % 2 == 0;
+          case QRMaskPattern.PATTERN101:
+            return i * j % 2 + i * j % 3 == 0;
+          case QRMaskPattern.PATTERN110:
+            return (i * j % 2 + i * j % 3) % 2 == 0;
+          case QRMaskPattern.PATTERN111:
+            return (i * j % 3 + (i + j) % 2) % 2 == 0;
+          default:
+            throw new Error("bad maskPattern:" + maskPattern);
+        }
+      },
+      getErrorCorrectPolynomial: function(errorCorrectLength) {
+        var a = new Polynomial([1], 0);
+        for (var i = 0; i < errorCorrectLength; i++) {
+          a = a.multiply(new Polynomial([1, math.gexp(i)], 0));
+        }
+        return a;
+      },
+      getLengthInBits: function(mode, type) {
+        if (1 <= type && type < 10) {
+          switch (mode) {
+            case Mode.MODE_NUMBER:
+              return 10;
+            case Mode.MODE_ALPHA_NUM:
+              return 9;
+            case Mode.MODE_8BIT_BYTE:
+              return 8;
+            case Mode.MODE_KANJI:
+              return 8;
+            default:
+              throw new Error("mode:" + mode);
+          }
+        } else if (type < 27) {
+          switch (mode) {
+            case Mode.MODE_NUMBER:
+              return 12;
+            case Mode.MODE_ALPHA_NUM:
+              return 11;
+            case Mode.MODE_8BIT_BYTE:
+              return 16;
+            case Mode.MODE_KANJI:
+              return 10;
+            default:
+              throw new Error("mode:" + mode);
+          }
+        } else if (type < 41) {
+          switch (mode) {
+            case Mode.MODE_NUMBER:
+              return 14;
+            case Mode.MODE_ALPHA_NUM:
+              return 13;
+            case Mode.MODE_8BIT_BYTE:
+              return 16;
+            case Mode.MODE_KANJI:
+              return 12;
+            default:
+              throw new Error("mode:" + mode);
+          }
+        } else {
+          throw new Error("type:" + type);
+        }
+      },
+      getLostPoint: function(qrCode) {
+        var moduleCount = qrCode.getModuleCount();
+        var lostPoint = 0;
+        for (var row = 0; row < moduleCount; row++) {
+          for (var col = 0; col < moduleCount; col++) {
+            var sameCount = 0;
+            var dark = qrCode.isDark(row, col);
+            for (var r = -1; r <= 1; r++) {
+              if (row + r < 0 || moduleCount <= row + r) {
+                continue;
+              }
+              for (var c = -1; c <= 1; c++) {
+                if (col + c < 0 || moduleCount <= col + c) {
+                  continue;
+                }
+                if (r == 0 && c == 0) {
+                  continue;
+                }
+                if (dark == qrCode.isDark(row + r, col + c)) {
+                  sameCount++;
+                }
+              }
+            }
+            if (sameCount > 5) {
+              lostPoint += 3 + sameCount - 5;
+            }
+          }
+        }
+        for (var row = 0; row < moduleCount - 1; row++) {
+          for (var col = 0; col < moduleCount - 1; col++) {
+            var count = 0;
+            if (qrCode.isDark(row, col)) count++;
+            if (qrCode.isDark(row + 1, col)) count++;
+            if (qrCode.isDark(row, col + 1)) count++;
+            if (qrCode.isDark(row + 1, col + 1)) count++;
+            if (count == 0 || count == 4) {
+              lostPoint += 3;
+            }
+          }
+        }
+        for (var row = 0; row < moduleCount; row++) {
+          for (var col = 0; col < moduleCount - 6; col++) {
+            if (qrCode.isDark(row, col) && !qrCode.isDark(row, col + 1) && qrCode.isDark(row, col + 2) && qrCode.isDark(row, col + 3) && qrCode.isDark(row, col + 4) && !qrCode.isDark(row, col + 5) && qrCode.isDark(row, col + 6)) {
+              lostPoint += 40;
+            }
+          }
+        }
+        for (var col = 0; col < moduleCount; col++) {
+          for (var row = 0; row < moduleCount - 6; row++) {
+            if (qrCode.isDark(row, col) && !qrCode.isDark(row + 1, col) && qrCode.isDark(row + 2, col) && qrCode.isDark(row + 3, col) && qrCode.isDark(row + 4, col) && !qrCode.isDark(row + 5, col) && qrCode.isDark(row + 6, col)) {
+              lostPoint += 40;
+            }
+          }
+        }
+        var darkCount = 0;
+        for (var col = 0; col < moduleCount; col++) {
+          for (var row = 0; row < moduleCount; row++) {
+            if (qrCode.isDark(row, col)) {
+              darkCount++;
+            }
+          }
+        }
+        var ratio = Math.abs(100 * darkCount / moduleCount / moduleCount - 50) / 5;
+        lostPoint += ratio * 10;
+        return lostPoint;
+      }
+    };
+    module.exports = QRUtil;
+  }
+});
+
+// ../../node_modules/qr.js/lib/QRCode.js
+var require_QRCode = __commonJS({
+  "../../node_modules/qr.js/lib/QRCode.js"(exports$1, module) {
+    var BitByte = require_BitByte();
+    var RSBlock = require_RSBlock();
+    var BitBuffer = require_BitBuffer();
+    var util = require_util();
+    var Polynomial = require_Polynomial();
+    function QRCode3(typeNumber, errorCorrectLevel) {
+      this.typeNumber = typeNumber;
+      this.errorCorrectLevel = errorCorrectLevel;
+      this.modules = null;
+      this.moduleCount = 0;
+      this.dataCache = null;
+      this.dataList = [];
+    }
+    var proto = QRCode3.prototype;
+    proto.addData = function(data) {
+      var newData = new BitByte(data);
+      this.dataList.push(newData);
+      this.dataCache = null;
+    };
+    proto.isDark = function(row, col) {
+      if (row < 0 || this.moduleCount <= row || col < 0 || this.moduleCount <= col) {
+        throw new Error(row + "," + col);
+      }
+      return this.modules[row][col];
+    };
+    proto.getModuleCount = function() {
+      return this.moduleCount;
+    };
+    proto.make = function() {
+      if (this.typeNumber < 1) {
+        var typeNumber = 1;
+        for (typeNumber = 1; typeNumber < 40; typeNumber++) {
+          var rsBlocks = RSBlock.getRSBlocks(typeNumber, this.errorCorrectLevel);
+          var buffer = new BitBuffer();
+          var totalDataCount = 0;
+          for (var i = 0; i < rsBlocks.length; i++) {
+            totalDataCount += rsBlocks[i].dataCount;
+          }
+          for (var i = 0; i < this.dataList.length; i++) {
+            var data = this.dataList[i];
+            buffer.put(data.mode, 4);
+            buffer.put(data.getLength(), util.getLengthInBits(data.mode, typeNumber));
+            data.write(buffer);
+          }
+          if (buffer.getLengthInBits() <= totalDataCount * 8)
+            break;
+        }
+        this.typeNumber = typeNumber;
+      }
+      this.makeImpl(false, this.getBestMaskPattern());
+    };
+    proto.makeImpl = function(test, maskPattern) {
+      this.moduleCount = this.typeNumber * 4 + 17;
+      this.modules = new Array(this.moduleCount);
+      for (var row = 0; row < this.moduleCount; row++) {
+        this.modules[row] = new Array(this.moduleCount);
+        for (var col = 0; col < this.moduleCount; col++) {
+          this.modules[row][col] = null;
+        }
+      }
+      this.setupPositionProbePattern(0, 0);
+      this.setupPositionProbePattern(this.moduleCount - 7, 0);
+      this.setupPositionProbePattern(0, this.moduleCount - 7);
+      this.setupPositionAdjustPattern();
+      this.setupTimingPattern();
+      this.setupTypeInfo(test, maskPattern);
+      if (this.typeNumber >= 7) {
+        this.setupTypeNumber(test);
+      }
+      if (this.dataCache == null) {
+        this.dataCache = QRCode3.createData(this.typeNumber, this.errorCorrectLevel, this.dataList);
+      }
+      this.mapData(this.dataCache, maskPattern);
+    };
+    proto.setupPositionProbePattern = function(row, col) {
+      for (var r = -1; r <= 7; r++) {
+        if (row + r <= -1 || this.moduleCount <= row + r) continue;
+        for (var c = -1; c <= 7; c++) {
+          if (col + c <= -1 || this.moduleCount <= col + c) continue;
+          if (0 <= r && r <= 6 && (c == 0 || c == 6) || 0 <= c && c <= 6 && (r == 0 || r == 6) || 2 <= r && r <= 4 && 2 <= c && c <= 4) {
+            this.modules[row + r][col + c] = true;
+          } else {
+            this.modules[row + r][col + c] = false;
+          }
+        }
+      }
+    };
+    proto.getBestMaskPattern = function() {
+      var minLostPoint = 0;
+      var pattern = 0;
+      for (var i = 0; i < 8; i++) {
+        this.makeImpl(true, i);
+        var lostPoint = util.getLostPoint(this);
+        if (i == 0 || minLostPoint > lostPoint) {
+          minLostPoint = lostPoint;
+          pattern = i;
+        }
+      }
+      return pattern;
+    };
+    proto.createMovieClip = function(target_mc, instance_name, depth) {
+      var qr_mc = target_mc.createEmptyMovieClip(instance_name, depth);
+      var cs = 1;
+      this.make();
+      for (var row = 0; row < this.modules.length; row++) {
+        var y = row * cs;
+        for (var col = 0; col < this.modules[row].length; col++) {
+          var x = col * cs;
+          var dark = this.modules[row][col];
+          if (dark) {
+            qr_mc.beginFill(0, 100);
+            qr_mc.moveTo(x, y);
+            qr_mc.lineTo(x + cs, y);
+            qr_mc.lineTo(x + cs, y + cs);
+            qr_mc.lineTo(x, y + cs);
+            qr_mc.endFill();
+          }
+        }
+      }
+      return qr_mc;
+    };
+    proto.setupTimingPattern = function() {
+      for (var r = 8; r < this.moduleCount - 8; r++) {
+        if (this.modules[r][6] != null) {
+          continue;
+        }
+        this.modules[r][6] = r % 2 == 0;
+      }
+      for (var c = 8; c < this.moduleCount - 8; c++) {
+        if (this.modules[6][c] != null) {
+          continue;
+        }
+        this.modules[6][c] = c % 2 == 0;
+      }
+    };
+    proto.setupPositionAdjustPattern = function() {
+      var pos = util.getPatternPosition(this.typeNumber);
+      for (var i = 0; i < pos.length; i++) {
+        for (var j = 0; j < pos.length; j++) {
+          var row = pos[i];
+          var col = pos[j];
+          if (this.modules[row][col] != null) {
+            continue;
+          }
+          for (var r = -2; r <= 2; r++) {
+            for (var c = -2; c <= 2; c++) {
+              if (r == -2 || r == 2 || c == -2 || c == 2 || r == 0 && c == 0) {
+                this.modules[row + r][col + c] = true;
+              } else {
+                this.modules[row + r][col + c] = false;
+              }
+            }
+          }
+        }
+      }
+    };
+    proto.setupTypeNumber = function(test) {
+      var bits = util.getBCHTypeNumber(this.typeNumber);
+      for (var i = 0; i < 18; i++) {
+        var mod = !test && (bits >> i & 1) == 1;
+        this.modules[Math.floor(i / 3)][i % 3 + this.moduleCount - 8 - 3] = mod;
+      }
+      for (var i = 0; i < 18; i++) {
+        var mod = !test && (bits >> i & 1) == 1;
+        this.modules[i % 3 + this.moduleCount - 8 - 3][Math.floor(i / 3)] = mod;
+      }
+    };
+    proto.setupTypeInfo = function(test, maskPattern) {
+      var data = this.errorCorrectLevel << 3 | maskPattern;
+      var bits = util.getBCHTypeInfo(data);
+      for (var i = 0; i < 15; i++) {
+        var mod = !test && (bits >> i & 1) == 1;
+        if (i < 6) {
+          this.modules[i][8] = mod;
+        } else if (i < 8) {
+          this.modules[i + 1][8] = mod;
+        } else {
+          this.modules[this.moduleCount - 15 + i][8] = mod;
+        }
+      }
+      for (var i = 0; i < 15; i++) {
+        var mod = !test && (bits >> i & 1) == 1;
+        if (i < 8) {
+          this.modules[8][this.moduleCount - i - 1] = mod;
+        } else if (i < 9) {
+          this.modules[8][15 - i - 1 + 1] = mod;
+        } else {
+          this.modules[8][15 - i - 1] = mod;
+        }
+      }
+      this.modules[this.moduleCount - 8][8] = !test;
+    };
+    proto.mapData = function(data, maskPattern) {
+      var inc = -1;
+      var row = this.moduleCount - 1;
+      var bitIndex = 7;
+      var byteIndex = 0;
+      for (var col = this.moduleCount - 1; col > 0; col -= 2) {
+        if (col == 6) col--;
+        while (true) {
+          for (var c = 0; c < 2; c++) {
+            if (this.modules[row][col - c] == null) {
+              var dark = false;
+              if (byteIndex < data.length) {
+                dark = (data[byteIndex] >>> bitIndex & 1) == 1;
+              }
+              var mask = util.getMask(maskPattern, row, col - c);
+              if (mask) {
+                dark = !dark;
+              }
+              this.modules[row][col - c] = dark;
+              bitIndex--;
+              if (bitIndex == -1) {
+                byteIndex++;
+                bitIndex = 7;
+              }
+            }
+          }
+          row += inc;
+          if (row < 0 || this.moduleCount <= row) {
+            row -= inc;
+            inc = -inc;
+            break;
+          }
+        }
+      }
+    };
+    QRCode3.PAD0 = 236;
+    QRCode3.PAD1 = 17;
+    QRCode3.createData = function(typeNumber, errorCorrectLevel, dataList) {
+      var rsBlocks = RSBlock.getRSBlocks(typeNumber, errorCorrectLevel);
+      var buffer = new BitBuffer();
+      for (var i = 0; i < dataList.length; i++) {
+        var data = dataList[i];
+        buffer.put(data.mode, 4);
+        buffer.put(data.getLength(), util.getLengthInBits(data.mode, typeNumber));
+        data.write(buffer);
+      }
+      var totalDataCount = 0;
+      for (var i = 0; i < rsBlocks.length; i++) {
+        totalDataCount += rsBlocks[i].dataCount;
+      }
+      if (buffer.getLengthInBits() > totalDataCount * 8) {
+        throw new Error("code length overflow. (" + buffer.getLengthInBits() + ">" + totalDataCount * 8 + ")");
+      }
+      if (buffer.getLengthInBits() + 4 <= totalDataCount * 8) {
+        buffer.put(0, 4);
+      }
+      while (buffer.getLengthInBits() % 8 != 0) {
+        buffer.putBit(false);
+      }
+      while (true) {
+        if (buffer.getLengthInBits() >= totalDataCount * 8) {
+          break;
+        }
+        buffer.put(QRCode3.PAD0, 8);
+        if (buffer.getLengthInBits() >= totalDataCount * 8) {
+          break;
+        }
+        buffer.put(QRCode3.PAD1, 8);
+      }
+      return QRCode3.createBytes(buffer, rsBlocks);
+    };
+    QRCode3.createBytes = function(buffer, rsBlocks) {
+      var offset = 0;
+      var maxDcCount = 0;
+      var maxEcCount = 0;
+      var dcdata = new Array(rsBlocks.length);
+      var ecdata = new Array(rsBlocks.length);
+      for (var r = 0; r < rsBlocks.length; r++) {
+        var dcCount = rsBlocks[r].dataCount;
+        var ecCount = rsBlocks[r].totalCount - dcCount;
+        maxDcCount = Math.max(maxDcCount, dcCount);
+        maxEcCount = Math.max(maxEcCount, ecCount);
+        dcdata[r] = new Array(dcCount);
+        for (var i = 0; i < dcdata[r].length; i++) {
+          dcdata[r][i] = 255 & buffer.buffer[i + offset];
+        }
+        offset += dcCount;
+        var rsPoly = util.getErrorCorrectPolynomial(ecCount);
+        var rawPoly = new Polynomial(dcdata[r], rsPoly.getLength() - 1);
+        var modPoly = rawPoly.mod(rsPoly);
+        ecdata[r] = new Array(rsPoly.getLength() - 1);
+        for (var i = 0; i < ecdata[r].length; i++) {
+          var modIndex = i + modPoly.getLength() - ecdata[r].length;
+          ecdata[r][i] = modIndex >= 0 ? modPoly.get(modIndex) : 0;
+        }
+      }
+      var totalCodeCount = 0;
+      for (var i = 0; i < rsBlocks.length; i++) {
+        totalCodeCount += rsBlocks[i].totalCount;
+      }
+      var data = new Array(totalCodeCount);
+      var index = 0;
+      for (var i = 0; i < maxDcCount; i++) {
+        for (var r = 0; r < rsBlocks.length; r++) {
+          if (i < dcdata[r].length) {
+            data[index++] = dcdata[r][i];
+          }
+        }
+      }
+      for (var i = 0; i < maxEcCount; i++) {
+        for (var r = 0; r < rsBlocks.length; r++) {
+          if (i < ecdata[r].length) {
+            data[index++] = ecdata[r][i];
+          }
+        }
+      }
+      return data;
+    };
+    module.exports = QRCode3;
+  }
+});
 
 // src/constants.ts
 var LOGO_POLLAR = "https://pollar.xyz/assets/logo_pollar.png";
@@ -36,7 +1028,7 @@ var PollarModalFooter = () => {
       /* @__PURE__ */ jsx("span", { className: "pollar-footer-name", children: "Pollar" }),
       /* @__PURE__ */ jsxs("span", { className: "pollar-footer-version", children: [
         "v",
-        "0.5.3"
+        "0.7.0"
       ] })
     ] })
   ] });
@@ -169,8 +1161,8 @@ function KycModal({ onClose, country = "MX", level = "basic", onApproved }) {
   const { theme = "light", accentColor = "#005DB4" } = styles;
   useEffect(() => {
     setIsLoading(true);
-    client.getKycProviders(country).then((result) => setProviders(result.providers)).catch(() => setProviders([])).finally(() => setIsLoading(false));
-  }, [country]);
+    getClient().getKycProviders(country).then((result) => setProviders(result.providers)).catch(() => setProviders([])).finally(() => setIsLoading(false));
+  }, [getClient, country]);
   async function handleSelectProvider(provider) {
     setSelectedProvider(provider);
     setIsLoading(true);
@@ -501,10 +1493,12 @@ function LoginModalTemplate({
 }
 function LoginModal({ onClose }) {
   const [email, setEmail] = useState("");
-  const { getClient, styles, config } = usePollar();
+  const { getClient, styles, appConfig: config } = usePollar();
   const [authState, setAuthState] = useState(() => getClient().getAuthState());
   const [codeInputKey, setCodeInputKey] = useState(0);
   const pendingEmail = useRef(null);
+  const onCloseRef = useRef(onClose);
+  onCloseRef.current = onClose;
   useEffect(() => {
     return getClient().onAuthStateChange((next) => {
       setAuthState(next);
@@ -516,10 +1510,10 @@ function LoginModal({ onClose }) {
         setCodeInputKey((k) => k + 1);
       }
       if (next.step === "authenticated") {
-        setTimeout(onClose, 1e3);
+        setTimeout(onCloseRef.current, 1e3);
       }
     });
-  }, []);
+  }, [getClient]);
   const { theme = "light", accentColor = "#005DB4", logoUrl, emailEnabled, embeddedWallets, providers } = styles;
   function handleClose() {
     setEmail("");
@@ -581,70 +1575,60 @@ function LoginModal({ onClose }) {
     }
   ) });
 }
-var RAIL_LABELS = {
-  SPEI: "SPEI (Mexico)",
-  PIX: "PIX (Brazil)",
-  PSE: "PSE (Colombia)",
-  ACH: "ACH (US)"
-};
-function RouteDisplay({ quote, onSelect }) {
-  return /* @__PURE__ */ jsxs(
-    "div",
+
+// src/lib/qr-code/index.tsx
+var import_ErrorCorrectLevel = __toESM(require_ErrorCorrectLevel());
+var import_QRCode = __toESM(require_QRCode());
+var QRCodeSvg = forwardRef(function QRCodeSvg2({
+  bgColor,
+  bgD,
+  fgD,
+  fgColor,
+  size,
+  title,
+  viewBoxSize,
+  xmlns = "http://www.w3.org/2000/svg",
+  ...props
+}, ref) {
+  return /* @__PURE__ */ jsxs("svg", { ...props, height: size, ref, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: size, xmlns, children: [
+    title ? /* @__PURE__ */ jsx("title", { children: title }) : null,
+    /* @__PURE__ */ jsx("path", { d: bgD, fill: bgColor }),
+    /* @__PURE__ */ jsx("path", { d: fgD, fill: fgColor })
+  ] });
+});
+QRCodeSvg.displayName = "QRCodeSvg";
+function bytesToBinaryString(bytes) {
+  return bytes.map((b) => String.fromCharCode(b & 255)).join("");
+}
+function encodeStringToUtf8Bytes(input) {
+  return Array.from(new TextEncoder().encode(input));
+}
+var QRCode = forwardRef(function QRCode2({ bgColor = "#FFFFFF", fgColor = "#000000", level = "L", size = 256, value, ...props }, ref) {
+  const qrcode = new import_QRCode.default(-1, import_ErrorCorrectLevel.default[level]);
+  const utf8Bytes = encodeStringToUtf8Bytes(value);
+  const binaryString = bytesToBinaryString(utf8Bytes);
+  qrcode.addData(binaryString, "Byte");
+  qrcode.make();
+  const cells = qrcode.modules;
+  return /* @__PURE__ */ jsx(
+    QRCodeSvg,
     {
-      className: "pollar-ramp-route-card",
-      "data-recommended": quote.recommended,
-      role: "button",
-      tabIndex: 0,
-      onClick: () => onSelect(quote),
-      onKeyDown: (e) => e.key === "Enter" && onSelect(quote),
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-route-left", children: [
-          /* @__PURE__ */ jsx("span", { className: "pollar-ramp-route-provider", children: quote.provider }),
-          /* @__PURE__ */ jsxs("span", { className: "pollar-ramp-route-meta", children: [
-            RAIL_LABELS[quote.rail] ?? quote.rail,
-            " \xB7 ",
-            quote.protocol,
-            " \xB7 ",
-            quote.estimatedTime
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-route-right", children: [
-          /* @__PURE__ */ jsxs("span", { className: "pollar-ramp-route-fee", children: [
-            quote.fee,
-            "% fee"
-          ] }),
-          quote.recommended && /* @__PURE__ */ jsx("span", { className: "pollar-ramp-route-badge", children: "Best rate" })
-        ] })
-      ]
+      ...props,
+      bgColor,
+      bgD: cells.map((row, rowIndex) => row.map((cell, cellIndex) => !cell ? `M ${cellIndex} ${rowIndex} l 1 0 0 1 -1 0 Z` : "").join(" ")).join(" "),
+      fgColor,
+      fgD: cells.map((row, rowIndex) => row.map((cell, cellIndex) => cell ? `M ${cellIndex} ${rowIndex} l 1 0 0 1 -1 0 Z` : "").join(" ")).join(" "),
+      ref,
+      size,
+      viewBoxSize: cells.length
     }
   );
-}
-var LOADING_STEPS = ["Detecting your country\u2026", "Consulting providers\u2026", "Route found!"];
-var COUNTRY_CURRENCIES = {
-  MX: "MXN",
-  BR: "BRL",
-  CO: "COP",
-  CL: "CLP",
-  PE: "PEN",
-  AR: "ARS"
-};
-function RampWidgetTemplate({
+});
+function ReceiveModalTemplate({
   theme,
   accentColor,
-  step,
-  direction,
-  amount,
-  currency,
-  country,
-  quotes,
-  paymentInstructions,
-  isLoading,
-  onDirectionChange,
-  onAmountChange,
-  onCurrencyChange,
-  onCountryChange,
-  onFindRoute,
-  onSelectQuote,
+  walletAddress,
+  copied,
   onCopy,
   onClose
 }) {
@@ -664,13 +1648,183 @@ function RampWidgetTemplate({
     "--pollar-buttons-height": "44px",
     "--pollar-input-height": "44px",
     "--pollar-input-border-radius": "0.5rem",
-    "--pollar-card-border-radius": "10px",
-    "--pollar-modal-padding": "2rem",
-    "--pollar-modal-heading-size": "1.375rem",
-    "--pollar-modal-subtitle-size": "0.9rem"
+    "--pollar-card-border-radius": "10px"
   };
-  const stepTitle = {
-    input: direction === "onramp" ? "Buy crypto" : "Sell crypto",
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "pollar-modal-card pollar-receive-modal",
+      "data-theme": theme,
+      style: cssVars,
+      onClick: (e) => e.stopPropagation(),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "pollar-modal-header", children: [
+          /* @__PURE__ */ jsx("h2", { className: "pollar-modal-title", children: "Receive" }),
+          /* @__PURE__ */ jsx("div", { className: "pollar-modal-header-actions", children: /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-modal-close", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M2 2l12 12M14 2L2 14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }) }) })
+        ] }),
+        walletAddress ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("div", { className: "pollar-receive-qr", children: /* @__PURE__ */ jsx(
+            QRCode,
+            {
+              value: walletAddress,
+              size: 180,
+              fgColor: isDark ? "#ffffff" : "#111827",
+              bgColor: "transparent"
+            }
+          ) }),
+          /* @__PURE__ */ jsx("p", { className: "pollar-receive-instructions", children: "Share your Stellar address to receive any asset. Only send Stellar assets to this address." }),
+          /* @__PURE__ */ jsxs("div", { className: "pollar-receive-address-row", children: [
+            /* @__PURE__ */ jsx("span", { className: "pollar-receive-address", children: walletAddress }),
+            /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-receive-copy-btn", onClick: onCopy, "aria-label": "Copy address", children: copied ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsxs("svg", { width: "13", height: "13", viewBox: "0 0 14 14", fill: "none", "aria-hidden": true, children: [
+                /* @__PURE__ */ jsx("circle", { cx: "7", cy: "7", r: "7", fill: "currentColor" }),
+                /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    d: "M3.5 7l2.5 2.5 4.5-5",
+                    stroke: "white",
+                    strokeWidth: "1.5",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round"
+                  }
+                )
+              ] }),
+              "Copied!"
+            ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsxs("svg", { width: "13", height: "13", viewBox: "0 0 13 13", fill: "none", "aria-hidden": true, children: [
+                /* @__PURE__ */ jsx("rect", { x: "4", y: "4", width: "8", height: "8", rx: "1.5", stroke: "currentColor", strokeWidth: "1.5" }),
+                /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    d: "M3 9H2a1 1 0 01-1-1V2a1 1 0 011-1h6a1 1 0 011 1v1",
+                    stroke: "currentColor",
+                    strokeWidth: "1.5",
+                    strokeLinecap: "round"
+                  }
+                )
+              ] }),
+              "Copy address"
+            ] }) })
+          ] })
+        ] }) : /* @__PURE__ */ jsx("div", { className: "pollar-modal-empty", children: "No wallet connected." }),
+        /* @__PURE__ */ jsx(PollarModalFooter, {})
+      ]
+    }
+  );
+}
+function ReceiveModal({ onClose }) {
+  const { walletAddress, styles } = usePollar();
+  const { theme = "light", accentColor = "#005DB4" } = styles;
+  const [copied, setCopied] = useState(false);
+  function handleCopy() {
+    if (!walletAddress) return;
+    navigator.clipboard.writeText(walletAddress).then(() => {
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "pollar-overlay", onClick: onClose, children: /* @__PURE__ */ jsx(
+    ReceiveModalTemplate,
+    {
+      theme,
+      accentColor,
+      walletAddress,
+      copied,
+      onCopy: handleCopy,
+      onClose
+    }
+  ) });
+}
+var RAIL_LABELS = {
+  SPEI: "SPEI (Mexico)",
+  PIX: "PIX (Brazil)",
+  PSE: "PSE (Colombia)",
+  ACH: "ACH (US)"
+};
+function RouteDisplay({ quote, onSelect }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "pollar-ramp-route-card",
+      "data-recommended": quote.recommended,
+      role: "button",
+      tabIndex: 0,
+      onClick: () => onSelect(quote),
+      onKeyDown: (e) => e.key === "Enter" && onSelect(quote),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-route-left", children: [
+          /* @__PURE__ */ jsx("span", { className: "pollar-ramp-route-provider", children: quote.provider }),
+          /* @__PURE__ */ jsxs("span", { className: "pollar-ramp-route-meta", children: [
+            RAIL_LABELS[quote.rail] ?? quote.rail,
+            " \xB7 ",
+            quote.protocol,
+            " \xB7 ",
+            quote.estimatedTime
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-route-right", children: [
+          /* @__PURE__ */ jsxs("span", { className: "pollar-ramp-route-fee", children: [
+            quote.fee,
+            "% fee"
+          ] }),
+          quote.recommended && /* @__PURE__ */ jsx("span", { className: "pollar-ramp-route-badge", children: "Best rate" })
+        ] })
+      ]
+    }
+  );
+}
+var LOADING_STEPS = ["Detecting your country\u2026", "Consulting providers\u2026", "Route found!"];
+var COUNTRY_CURRENCIES = {
+  MX: "MXN",
+  BR: "BRL",
+  CO: "COP",
+  CL: "CLP",
+  PE: "PEN",
+  AR: "ARS"
+};
+function RampWidgetTemplate({
+  theme,
+  accentColor,
+  step,
+  direction,
+  amount,
+  currency,
+  country,
+  quotes,
+  paymentInstructions,
+  isLoading,
+  onDirectionChange,
+  onAmountChange,
+  onCurrencyChange,
+  onCountryChange,
+  onFindRoute,
+  onSelectQuote,
+  onCopy,
+  onClose
+}) {
+  const isDark = theme === "dark";
+  const cssVars = {
+    "--pollar-accent": accentColor,
+    "--pollar-bg": isDark ? "#1a1a1a" : "#ffffff",
+    "--pollar-border": isDark ? "#374151" : "#e5e7eb",
+    "--pollar-text": isDark ? "#ffffff" : "#111827",
+    "--pollar-muted": isDark ? "#9ca3af" : "#6b7280",
+    "--pollar-input-bg": isDark ? "#374151" : "#f9fafb",
+    "--pollar-error-bg": isDark ? "#2a1515" : "#fef2f2",
+    "--pollar-error-border": isDark ? "#7f1d1d" : "#fecaca",
+    "--pollar-error-text": isDark ? "#f87171" : "#dc2626",
+    "--pollar-success-text": isDark ? "#4ade80" : "#16a34a",
+    "--pollar-buttons-border-radius": "6px",
+    "--pollar-buttons-height": "44px",
+    "--pollar-input-height": "44px",
+    "--pollar-input-border-radius": "0.5rem",
+    "--pollar-card-border-radius": "10px",
+    "--pollar-modal-padding": "2rem",
+    "--pollar-modal-heading-size": "1.375rem",
+    "--pollar-modal-subtitle-size": "0.9rem"
+  };
+  const stepTitle = {
+    input: direction === "onramp" ? "Buy crypto" : "Sell crypto",
     loading_quote: "Finding best route",
     select_route: "Select provider",
     payment_instructions: "Payment instructions"
@@ -903,38 +2057,18 @@ var STATUS_MESSAGES = {
   success: "Transaction sent successfully",
   error: "Transaction failed"
 };
-function TransactionModalTemplate({
-  theme,
-  accentColor,
+function TxStatusView({
   transaction,
   showXdr,
   copied,
   explorerUrl,
   walletType,
-  onClose,
   onSignAndSend,
   onToggleXdr,
   onCopyHash,
-  onRetry
+  onRetry,
+  onDone
 }) {
-  const isDark = theme === "dark";
-  const cssVars = {
-    "--pollar-accent": accentColor,
-    "--pollar-bg": isDark ? "#1a1a1a" : "#ffffff",
-    "--pollar-border": isDark ? "#374151" : "#e5e7eb",
-    "--pollar-text": isDark ? "#ffffff" : "#111827",
-    "--pollar-muted": isDark ? "#9ca3af" : "#6b7280",
-    "--pollar-input-bg": isDark ? "#374151" : "#f9fafb",
-    "--pollar-error-bg": isDark ? "#2a1515" : "#fef2f2",
-    "--pollar-error-border": isDark ? "#7f1d1d" : "#fecaca",
-    "--pollar-error-text": isDark ? "#f87171" : "#dc2626",
-    "--pollar-success-text": isDark ? "#4ade80" : "#16a34a",
-    "--pollar-buttons-border-radius": "6px",
-    "--pollar-buttons-height": "44px",
-    "--pollar-input-height": "44px",
-    "--pollar-input-border-radius": "0.5rem",
-    "--pollar-card-border-radius": "10px"
-  };
   const buildData = "buildData" in transaction ? transaction.buildData : null;
   const hash = transaction.step === "success" ? transaction.hash : null;
   const errorDetails = transaction.step === "error" ? transaction.details ?? null : null;
@@ -943,23 +2077,9 @@ function TransactionModalTemplate({
   const isSuccess = transaction.step === "success";
   const isError = transaction.step === "error";
   const showDetails = buildData !== null && (isBuilt || isSigning || isSuccess);
-  return /* @__PURE__ */ jsxs("div", { className: "pollar-modal-card pollar-tx-modal", "data-theme": theme, style: cssVars, onClick: (e) => e.stopPropagation(), children: [
-    /* @__PURE__ */ jsx("div", { className: "pollar-modal-header", children: /* @__PURE__ */ jsx("h2", { className: "pollar-modal-title", children: "Transaction" }) }),
-    /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-close-btn", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsx(
-      "svg",
-      {
-        width: "18",
-        height: "18",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: "2.5",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        "aria-hidden": true,
-        children: /* @__PURE__ */ jsx("path", { d: "M18 6L6 18M6 6l12 12" })
-      }
-    ) }),
+  const walletImg = walletType === WalletType.FREIGHTER ? LOGO_FREIGHTER : walletType === WalletType.ALBEDO ? LOGO_ALBEDO : LOGO_POLLAR;
+  const walletAlt = walletType === WalletType.FREIGHTER ? "Freighter" : walletType === WalletType.ALBEDO ? "Albedo" : "Pollar";
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
     showDetails && buildData && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsxs("div", { className: "pollar-tx-summary", children: [
         /* @__PURE__ */ jsx("p", { className: "pollar-tx-summary-title", children: "Details" }),
@@ -1004,116 +2124,707 @@ function TransactionModalTemplate({
         /* @__PURE__ */ jsxs(
           "svg",
           {
-            viewBox: "0 0 88 88",
-            width: "88",
-            height: "88",
-            className: `pollar-tx-spinner-svg${isSigning ? " pollar-tx-spinner-rotating" : ""}`,
+            viewBox: "0 0 88 88",
+            width: "88",
+            height: "88",
+            className: `pollar-tx-spinner-svg${isSigning ? " pollar-tx-spinner-rotating" : ""}`,
+            "aria-hidden": true,
+            children: [
+              /* @__PURE__ */ jsx("circle", { cx: "44", cy: "44", r: "36", fill: "none", stroke: "var(--pollar-border)", strokeWidth: "3" }),
+              /* @__PURE__ */ jsx(
+                "circle",
+                {
+                  cx: "44",
+                  cy: "44",
+                  r: "36",
+                  fill: "none",
+                  stroke: isSuccess ? "var(--pollar-success-text)" : isError ? "var(--pollar-error-text)" : "var(--pollar-accent)",
+                  strokeWidth: "3",
+                  strokeLinecap: "round",
+                  strokeDasharray: isSigning ? "169.6 56.6" : "999 0",
+                  transform: "rotate(-90 44 44)",
+                  style: { transition: isSigning ? "none" : "stroke 400ms, stroke-dasharray 400ms" }
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "pollar-tx-wallet-icon", children: /* @__PURE__ */ jsx("img", { src: walletImg, alt: walletAlt, className: "pollar-tx-wallet-img" }) })
+      ] }),
+      isSigning && /* @__PURE__ */ jsx("p", { className: "pollar-tx-spinner-label", children: walletType === WalletType.FREIGHTER ? "Waiting for Freighter\u2026" : walletType === WalletType.ALBEDO ? "Waiting for Albedo\u2026" : "Signing and sending\u2026" }),
+      isError && onRetry && "buildData" in transaction && transaction.buildData && /* @__PURE__ */ jsx("button", { className: "pollar-btn-secondary pollar-tx-retry-btn", onClick: onRetry, children: "Try again" })
+    ] }),
+    isSuccess && hash && /* @__PURE__ */ jsxs("div", { className: "pollar-tx-result", children: [
+      /* @__PURE__ */ jsx("span", { className: "pollar-tx-result-label", children: "Transaction hash" }),
+      /* @__PURE__ */ jsx("span", { className: "pollar-tx-result-hash", children: hash }),
+      /* @__PURE__ */ jsxs("div", { className: "pollar-tx-result-actions", children: [
+        /* @__PURE__ */ jsx("button", { className: "pollar-tx-result-btn", onClick: onCopyHash, children: copied ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs("svg", { width: "13", height: "13", viewBox: "0 0 14 14", fill: "none", "aria-hidden": true, children: [
+            /* @__PURE__ */ jsx("circle", { cx: "7", cy: "7", r: "7", fill: "currentColor" }),
+            /* @__PURE__ */ jsx(
+              "path",
+              {
+                d: "M3.5 7l2.5 2.5 4.5-5",
+                stroke: "white",
+                strokeWidth: "1.5",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            )
+          ] }),
+          "Copied!"
+        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs("svg", { width: "13", height: "13", viewBox: "0 0 13 13", fill: "none", "aria-hidden": true, children: [
+            /* @__PURE__ */ jsx("rect", { x: "4", y: "4", width: "8", height: "8", rx: "1.5", stroke: "currentColor", strokeWidth: "1.5" }),
+            /* @__PURE__ */ jsx(
+              "path",
+              {
+                d: "M3 9H2a1 1 0 01-1-1V2a1 1 0 011-1h6a1 1 0 011 1v1",
+                stroke: "currentColor",
+                strokeWidth: "1.5",
+                strokeLinecap: "round"
+              }
+            )
+          ] }),
+          "Copy hash"
+        ] }) }),
+        explorerUrl && /* @__PURE__ */ jsxs("a", { className: "pollar-tx-result-btn", href: explorerUrl, target: "_blank", rel: "noopener noreferrer", children: [
+          /* @__PURE__ */ jsxs("svg", { width: "13", height: "13", viewBox: "0 0 13 13", fill: "none", "aria-hidden": true, children: [
+            /* @__PURE__ */ jsx(
+              "path",
+              {
+                d: "M5 2H2a1 1 0 00-1 1v8a1 1 0 001 1h8a1 1 0 001-1V8",
+                stroke: "currentColor",
+                strokeWidth: "1.5",
+                strokeLinecap: "round"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "path",
+              {
+                d: "M8 1h4m0 0v4m0-4L6 7",
+                stroke: "currentColor",
+                strokeWidth: "1.5",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            )
+          ] }),
+          "View on Explorer"
+        ] })
+      ] })
+    ] }),
+    isSuccess && /* @__PURE__ */ jsx("button", { className: "pollar-btn-primary pollar-tx-sign-btn", onClick: onDone, children: "Done" }),
+    /* @__PURE__ */ jsx(
+      ModalStatusBanner,
+      {
+        message: STATUS_MESSAGES[transaction.step],
+        status: isError ? "ERROR" : isSigning || transaction.step === "building" ? "LOADING" : isSuccess ? "SUCCESS" : "NONE"
+      }
+    )
+  ] });
+}
+function formatBalance(balance) {
+  const n = parseFloat(balance);
+  return isNaN(n) ? balance : n.toLocaleString(void 0, { maximumFractionDigits: 7 });
+}
+function assetKey(record) {
+  return `${record.code}:${record.issuer ?? "native"}`;
+}
+function SendModalTemplate({
+  theme,
+  accentColor,
+  step,
+  txTitle,
+  assets,
+  selectedAsset,
+  amount,
+  destination,
+  formError,
+  isLoadingBalance,
+  transaction,
+  showXdr,
+  copied,
+  explorerUrl,
+  walletType,
+  showBack,
+  isInProgress,
+  onClose,
+  onBack,
+  onSelectAsset,
+  onAmountChange,
+  onDestinationChange,
+  onSubmit,
+  onSignAndSend,
+  onToggleXdr,
+  onCopyHash,
+  onRetry,
+  onDone
+}) {
+  const isDark = theme === "dark";
+  const cssVars = {
+    "--pollar-accent": accentColor,
+    "--pollar-bg": isDark ? "#1a1a1a" : "#ffffff",
+    "--pollar-border": isDark ? "#374151" : "#e5e7eb",
+    "--pollar-text": isDark ? "#ffffff" : "#111827",
+    "--pollar-muted": isDark ? "#9ca3af" : "#6b7280",
+    "--pollar-input-bg": isDark ? "#374151" : "#f9fafb",
+    "--pollar-error-bg": isDark ? "#2a1515" : "#fef2f2",
+    "--pollar-error-border": isDark ? "#7f1d1d" : "#fecaca",
+    "--pollar-error-text": isDark ? "#f87171" : "#dc2626",
+    "--pollar-success-text": isDark ? "#4ade80" : "#16a34a",
+    "--pollar-buttons-border-radius": "6px",
+    "--pollar-buttons-height": "44px",
+    "--pollar-input-height": "44px",
+    "--pollar-input-border-radius": "0.5rem",
+    "--pollar-card-border-radius": "10px"
+  };
+  const enabledAssets = assets.filter((a) => a.enabledInApp);
+  const otherAssets = assets.filter((a) => !a.enabledInApp);
+  const selectedKey = selectedAsset ? assetKey(selectedAsset) : "";
+  const canSubmit = !!selectedAsset && !!amount && !!destination.trim() && !isLoadingBalance;
+  const title = step === "form" ? "Send" : txTitle;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "pollar-modal-card pollar-send-modal",
+      "data-theme": theme,
+      style: cssVars,
+      onClick: (e) => e.stopPropagation(),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "pollar-modal-header", children: [
+          /* @__PURE__ */ jsxs("div", { className: "pollar-send-header-left", children: [
+            showBack && /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-modal-close", onClick: onBack, "aria-label": "Back", children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M10 3L5 8l5 5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) }),
+            /* @__PURE__ */ jsx("h2", { className: "pollar-modal-title", children: title })
+          ] }),
+          !isInProgress && /* @__PURE__ */ jsx("div", { className: "pollar-modal-header-actions", children: /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-modal-close", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M2 2l12 12M14 2L2 14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }) }) })
+        ] }),
+        step === "form" && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs("div", { className: "pollar-send-field", children: [
+            /* @__PURE__ */ jsx("label", { className: "pollar-send-label", children: "Asset" }),
+            isLoadingBalance ? /* @__PURE__ */ jsx("div", { className: "pollar-send-skeleton" }) : /* @__PURE__ */ jsxs(
+              "select",
+              {
+                className: "pollar-input pollar-send-select",
+                value: selectedKey,
+                onChange: (e) => {
+                  const all = [...enabledAssets, ...otherAssets];
+                  const found = all.find((a) => assetKey(a) === e.target.value);
+                  if (found) onSelectAsset(found);
+                },
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "", disabled: true, children: "Select asset" }),
+                  enabledAssets.length > 0 && /* @__PURE__ */ jsx("optgroup", { label: "App assets", children: enabledAssets.map((a) => /* @__PURE__ */ jsxs("option", { value: assetKey(a), children: [
+                    a.code,
+                    " \u2014 ",
+                    formatBalance(a.available),
+                    " available"
+                  ] }, assetKey(a))) }),
+                  otherAssets.length > 0 && /* @__PURE__ */ jsx("optgroup", { label: "Other assets", children: otherAssets.map((a) => /* @__PURE__ */ jsxs("option", { value: assetKey(a), children: [
+                    a.code,
+                    " \u2014 ",
+                    formatBalance(a.available),
+                    " available"
+                  ] }, assetKey(a))) })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "pollar-send-field", children: [
+            /* @__PURE__ */ jsxs("div", { className: "pollar-send-label-row", children: [
+              /* @__PURE__ */ jsx("label", { className: "pollar-send-label", children: "Amount" }),
+              selectedAsset && /* @__PURE__ */ jsxs("span", { className: "pollar-send-hint", children: [
+                "Available: ",
+                formatBalance(selectedAsset.available),
+                " ",
+                selectedAsset.code
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                className: "pollar-input",
+                type: "text",
+                inputMode: "decimal",
+                placeholder: "0.00",
+                value: amount,
+                onChange: (e) => onAmountChange(e.target.value)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "pollar-send-field", children: [
+            /* @__PURE__ */ jsx("label", { className: "pollar-send-label", children: "Destination wallet" }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                className: "pollar-input",
+                type: "text",
+                placeholder: "G\u2026",
+                value: destination,
+                onChange: (e) => onDestinationChange(e.target.value)
+              }
+            )
+          ] }),
+          formError && /* @__PURE__ */ jsx("div", { className: "pollar-modal-error", children: formError }),
+          /* @__PURE__ */ jsx("div", { className: "pollar-modal-actions", children: /* @__PURE__ */ jsx("button", { className: "pollar-btn-primary", onClick: onSubmit, disabled: !canSubmit, children: "Continue" }) })
+        ] }),
+        step === "tx" && /* @__PURE__ */ jsx(
+          TxStatusView,
+          {
+            transaction,
+            showXdr,
+            copied,
+            explorerUrl,
+            walletType,
+            onSignAndSend,
+            onToggleXdr,
+            onCopyHash,
+            onRetry,
+            onDone
+          }
+        ),
+        /* @__PURE__ */ jsx(PollarModalFooter, {})
+      ]
+    }
+  );
+}
+function assetParam(record) {
+  if (record.type === "native") return { type: "native" };
+  if (record.type === "credit_alphanum4") {
+    return { type: "credit_alphanum4", code: record.code, issuer: record.issuer };
+  }
+  return { type: "credit_alphanum12", code: record.code, issuer: record.issuer };
+}
+function SendModal({ onClose }) {
+  const { walletBalance, refreshWalletBalance, buildTx, signAndSubmitTx, tx: transaction, walletType, network, styles } = usePollar();
+  const { theme = "light", accentColor = "#005DB4" } = styles;
+  const [step, setStep] = useState("form");
+  const [amount, setAmount] = useState("");
+  const [destination, setDestination] = useState("");
+  const [selectedAsset, setSelectedAsset] = useState(null);
+  const [showXdr, setShowXdr] = useState(false);
+  const [copied, setCopied] = useState(false);
+  const [formError, setFormError] = useState("");
+  useEffect(() => {
+    void refreshWalletBalance();
+  }, [refreshWalletBalance]);
+  const balanceData = walletBalance.step === "loaded" ? walletBalance.data : null;
+  const allAssets = balanceData?.balances ?? [];
+  const sortedAssets = [
+    ...allAssets.filter((b) => b.enabledInApp),
+    ...allAssets.filter((b) => !b.enabledInApp && parseFloat(b.balance) > 0)
+  ];
+  const hash = transaction.step === "success" ? transaction.hash : null;
+  const buildData = "buildData" in transaction ? transaction.buildData : null;
+  const explorerNetwork = buildData?.summary.network?.toLowerCase().includes("testnet") ? "testnet" : buildData ? "public" : network === "testnet" ? "testnet" : "public";
+  const explorerUrl = hash ? `https://stellar.expert/explorer/${explorerNetwork}/tx/${hash}` : null;
+  const isInProgress = transaction.step === "building" || transaction.step === "signing";
+  const showBack = step === "tx" && (transaction.step === "error" || transaction.step === "success") && !isInProgress;
+  const txTitle = transaction.step === "signing" ? "Sending\u2026" : transaction.step === "success" ? "Sent!" : transaction.step === "error" ? "Send failed" : "Confirm Send";
+  async function handleSubmit() {
+    setFormError("");
+    if (!selectedAsset) {
+      setFormError("Select an asset");
+      return;
+    }
+    const parsed = parseFloat(amount);
+    if (!amount || isNaN(parsed) || parsed <= 0) {
+      setFormError("Enter a valid amount");
+      return;
+    }
+    if (parsed > parseFloat(selectedAsset.available)) {
+      setFormError("Insufficient balance");
+      return;
+    }
+    if (!destination.trim()) {
+      setFormError("Enter a destination address");
+      return;
+    }
+    setStep("tx");
+    await buildTx("payment", { destination: destination.trim(), amount, asset: assetParam(selectedAsset) });
+  }
+  function handleSignAndSend() {
+    if (transaction.step === "built") {
+      void signAndSubmitTx(transaction.buildData.unsignedXdr);
+    }
+  }
+  function handleCopyHash() {
+    if (!hash) return;
+    navigator.clipboard.writeText(hash).then(() => {
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    });
+  }
+  async function handleRetry() {
+    if (transaction.step === "error" && transaction.buildData) {
+      await signAndSubmitTx(transaction.buildData.unsignedXdr);
+    }
+  }
+  function handleBack() {
+    setStep("form");
+    setShowXdr(false);
+    setCopied(false);
+  }
+  return /* @__PURE__ */ jsx("div", { className: "pollar-overlay", onClick: !isInProgress ? onClose : void 0, children: /* @__PURE__ */ jsx(
+    SendModalTemplate,
+    {
+      theme,
+      accentColor,
+      step,
+      txTitle,
+      assets: sortedAssets,
+      selectedAsset,
+      amount,
+      destination,
+      formError,
+      isLoadingBalance: walletBalance.step === "loading",
+      transaction,
+      showXdr,
+      copied,
+      explorerUrl,
+      walletType,
+      showBack,
+      isInProgress,
+      onClose,
+      onBack: handleBack,
+      onSelectAsset: setSelectedAsset,
+      onAmountChange: setAmount,
+      onDestinationChange: setDestination,
+      onSubmit: () => void handleSubmit(),
+      onSignAndSend: handleSignAndSend,
+      onToggleXdr: () => setShowXdr((v) => !v),
+      onCopyHash: handleCopyHash,
+      onRetry: () => void handleRetry(),
+      onDone: onClose
+    }
+  ) });
+}
+function describeDevice(s) {
+  if (s.deviceLabel) return s.deviceLabel;
+  if (!s.userAgent) return "Unknown device";
+  return parseUserAgent(s.userAgent);
+}
+function detectBrowser(ua) {
+  if (/Edg\//.test(ua)) return "Edge";
+  if (/OPR\//.test(ua)) return "Opera";
+  if (/(Chrome|CriOS)\//.test(ua)) return "Chrome";
+  if (/(Firefox|FxiOS)\//.test(ua)) return "Firefox";
+  if (/Safari\//.test(ua)) return "Safari";
+  return null;
+}
+function detectOS(ua) {
+  if (/iPhone|iPad|iPod/.test(ua)) return "iOS";
+  if (/Android/.test(ua)) return "Android";
+  if (/Mac OS X/.test(ua)) return "macOS";
+  if (/Windows NT/.test(ua)) return "Windows";
+  if (/Linux/.test(ua)) return "Linux";
+  return null;
+}
+function parseUserAgent(ua) {
+  const browser = detectBrowser(ua);
+  const os = detectOS(ua);
+  if (browser && os) return `${os} \u2014 ${browser}`;
+  if (os) return os;
+  if (browser) return browser;
+  return ua.slice(0, 48);
+}
+function formatRelative(iso) {
+  if (!iso) return "\u2014";
+  const ts = new Date(iso).getTime();
+  if (!Number.isFinite(ts)) return "\u2014";
+  const diffSec = Math.round((Date.now() - ts) / 1e3);
+  if (diffSec < 0) return "just now";
+  if (diffSec < 60) return `${diffSec}s ago`;
+  const diffMin = Math.round(diffSec / 60);
+  if (diffMin < 60) return `${diffMin}m ago`;
+  const diffHr = Math.round(diffMin / 60);
+  if (diffHr < 24) return `${diffHr}h ago`;
+  const diffDay = Math.round(diffHr / 24);
+  if (diffDay < 30) return `${diffDay}d ago`;
+  return new Date(iso).toLocaleDateString(void 0, { month: "short", day: "numeric", year: "numeric" });
+}
+function shortIp(hash) {
+  if (!hash) return "";
+  return hash.slice(0, 8);
+}
+function SessionsModalTemplate({
+  theme,
+  accentColor,
+  state,
+  revokingFamilyId,
+  signingOutEverywhere,
+  onRefresh,
+  onRevoke,
+  onLogoutEverywhere,
+  onClose
+}) {
+  const isDark = theme === "dark";
+  const cssVars = {
+    "--pollar-accent": accentColor,
+    "--pollar-bg": isDark ? "#1a1a1a" : "#ffffff",
+    "--pollar-border": isDark ? "#374151" : "#e5e7eb",
+    "--pollar-text": isDark ? "#ffffff" : "#111827",
+    "--pollar-muted": isDark ? "#9ca3af" : "#6b7280",
+    "--pollar-input-bg": isDark ? "#374151" : "#f9fafb",
+    "--pollar-error-bg": isDark ? "#2a1515" : "#fef2f2",
+    "--pollar-error-border": isDark ? "#7f1d1d" : "#fecaca",
+    "--pollar-error-text": isDark ? "#f87171" : "#dc2626",
+    "--pollar-success-text": isDark ? "#4ade80" : "#16a34a",
+    "--pollar-buttons-border-radius": "6px",
+    "--pollar-buttons-height": "44px",
+    "--pollar-input-height": "44px",
+    "--pollar-input-border-radius": "0.5rem",
+    "--pollar-card-border-radius": "10px"
+  };
+  const isLoading = state.step === "loading";
+  const sessions = state.step === "loaded" ? state.sessions : [];
+  const otherCount = sessions.filter((s) => !s.current).length;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "pollar-modal-card pollar-sessions-modal",
+      "data-theme": theme,
+      style: cssVars,
+      onClick: (e) => e.stopPropagation(),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "pollar-modal-header", children: [
+          /* @__PURE__ */ jsx("h2", { className: "pollar-modal-title", children: "Active sessions" }),
+          /* @__PURE__ */ jsxs("div", { className: "pollar-modal-header-actions", children: [
+            /* @__PURE__ */ jsxs("button", { className: "pollar-modal-refresh-btn", onClick: onRefresh, disabled: isLoading, children: [
+              /* @__PURE__ */ jsxs(
+                "svg",
+                {
+                  className: `pollar-modal-refresh-icon${isLoading ? " spinning" : ""}`,
+                  width: "13",
+                  height: "13",
+                  viewBox: "0 0 13 13",
+                  fill: "none",
+                  "aria-hidden": true,
+                  children: [
+                    /* @__PURE__ */ jsx("path", { d: "M11.5 6.5a5 5 0 11-1.5-3.536", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        d: "M10 1v3h-3",
+                        stroke: "currentColor",
+                        strokeWidth: "1.5",
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round"
+                      }
+                    )
+                  ]
+                }
+              ),
+              "Refresh"
+            ] }),
+            /* @__PURE__ */ jsx("button", { className: "pollar-modal-close", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M2 2l12 12M14 2L2 14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "pollar-sessions-list", children: [
+          state.step === "idle" && /* @__PURE__ */ jsx("div", { className: "pollar-modal-empty", children: "Loading\u2026" }),
+          isLoading && /* @__PURE__ */ jsx("div", { className: "pollar-modal-empty", children: "Loading\u2026" }),
+          state.step === "error" && /* @__PURE__ */ jsx("div", { className: "pollar-modal-empty", children: state.message }),
+          state.step === "loaded" && sessions.length === 0 && /* @__PURE__ */ jsx("div", { className: "pollar-modal-empty", children: "No active sessions." }),
+          sessions.map((s) => {
+            const isRevoking = revokingFamilyId === s.familyId;
+            return /* @__PURE__ */ jsxs("div", { className: "pollar-sessions-item", "data-current": s.current || void 0, children: [
+              /* @__PURE__ */ jsxs("div", { className: "pollar-sessions-item-main", children: [
+                /* @__PURE__ */ jsx("span", { className: "pollar-sessions-item-device", children: describeDevice(s) }),
+                s.current && /* @__PURE__ */ jsx("span", { className: "pollar-sessions-item-badge", children: "This device" })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "pollar-sessions-item-meta", children: [
+                /* @__PURE__ */ jsxs("span", { children: [
+                  "Last used ",
+                  formatRelative(s.lastUsedAt ?? s.createdAt)
+                ] }),
+                s.ipHash && /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx("span", { children: "\xB7" }),
+                  /* @__PURE__ */ jsxs("span", { title: `ip-hash ${s.ipHash}`, children: [
+                    "ip ",
+                    shortIp(s.ipHash)
+                  ] })
+                ] })
+              ] }),
+              !s.current && /* @__PURE__ */ jsx(
+                "button",
+                {
+                  className: "pollar-sessions-item-revoke",
+                  onClick: () => onRevoke(s.familyId),
+                  disabled: isRevoking || signingOutEverywhere,
+                  children: isRevoking ? "Revoking\u2026" : "Revoke"
+                }
+              )
+            ] }, s.familyId);
+          })
+        ] }),
+        state.step === "loaded" && sessions.length > 0 && /* @__PURE__ */ jsx("div", { className: "pollar-sessions-actions", children: /* @__PURE__ */ jsx(
+          "button",
+          {
+            className: "pollar-sessions-logout-all",
+            onClick: onLogoutEverywhere,
+            disabled: signingOutEverywhere || otherCount === 0,
+            title: otherCount === 0 ? "No other devices to sign out" : void 0,
+            children: signingOutEverywhere ? "Signing out\u2026" : "Sign out everywhere"
+          }
+        ) }),
+        /* @__PURE__ */ jsx(PollarModalFooter, {})
+      ]
+    }
+  );
+}
+function SessionsModal({ onClose }) {
+  const { getClient, styles } = usePollar();
+  const { theme = "light", accentColor = "#005DB4" } = styles;
+  const [state, setState] = useState({ step: "idle" });
+  const [revokingFamilyId, setRevokingFamilyId] = useState(null);
+  const [signingOutEverywhere, setSigningOutEverywhere] = useState(false);
+  const mountedRef = useRef(true);
+  useEffect(() => () => {
+    mountedRef.current = false;
+  }, []);
+  const onCloseRef = useRef(onClose);
+  onCloseRef.current = onClose;
+  useEffect(() => {
+    return getClient().onAuthStateChange((authState) => {
+      if (authState.step === "idle") onCloseRef.current();
+    });
+  }, [getClient]);
+  const load = useCallback(async () => {
+    setState({ step: "loading" });
+    try {
+      const sessions = await getClient().listSessions();
+      if (!mountedRef.current) return;
+      setState({ step: "loaded", sessions });
+    } catch (err) {
+      if (!mountedRef.current) return;
+      const message = err instanceof Error ? err.message : "Failed to load sessions";
+      setState({ step: "error", message });
+    }
+  }, [getClient]);
+  useEffect(() => {
+    void load();
+  }, [load]);
+  const handleRevoke = useCallback(
+    async (familyId) => {
+      setRevokingFamilyId(familyId);
+      try {
+        await getClient().revokeSession(familyId);
+        if (!mountedRef.current) return;
+        await load();
+      } catch {
+        if (!mountedRef.current) return;
+        setState(
+          (prev) => prev.step === "loaded" ? { step: "error", message: "Failed to revoke session" } : prev
+        );
+      } finally {
+        if (mountedRef.current) setRevokingFamilyId(null);
+      }
+    },
+    [getClient, load]
+  );
+  const handleLogoutEverywhere = useCallback(async () => {
+    setSigningOutEverywhere(true);
+    try {
+      await getClient().logoutEverywhere();
+      onClose();
+    } catch {
+      if (!mountedRef.current) return;
+      setSigningOutEverywhere(false);
+    }
+  }, [getClient, onClose]);
+  return /* @__PURE__ */ jsx("div", { className: "pollar-overlay", onClick: onClose, children: /* @__PURE__ */ jsx(
+    SessionsModalTemplate,
+    {
+      theme,
+      accentColor,
+      state,
+      revokingFamilyId,
+      signingOutEverywhere,
+      onRefresh: () => void load(),
+      onRevoke: (familyId) => void handleRevoke(familyId),
+      onLogoutEverywhere: () => void handleLogoutEverywhere(),
+      onClose
+    }
+  ) });
+}
+function TransactionModalTemplate({
+  theme,
+  accentColor,
+  transaction,
+  showXdr,
+  copied,
+  explorerUrl,
+  walletType,
+  onClose,
+  onSignAndSend,
+  onToggleXdr,
+  onCopyHash,
+  onRetry
+}) {
+  const isDark = theme === "dark";
+  const cssVars = {
+    "--pollar-accent": accentColor,
+    "--pollar-bg": isDark ? "#1a1a1a" : "#ffffff",
+    "--pollar-border": isDark ? "#374151" : "#e5e7eb",
+    "--pollar-text": isDark ? "#ffffff" : "#111827",
+    "--pollar-muted": isDark ? "#9ca3af" : "#6b7280",
+    "--pollar-input-bg": isDark ? "#374151" : "#f9fafb",
+    "--pollar-error-bg": isDark ? "#2a1515" : "#fef2f2",
+    "--pollar-error-border": isDark ? "#7f1d1d" : "#fecaca",
+    "--pollar-error-text": isDark ? "#f87171" : "#dc2626",
+    "--pollar-success-text": isDark ? "#4ade80" : "#16a34a",
+    "--pollar-buttons-border-radius": "6px",
+    "--pollar-buttons-height": "44px",
+    "--pollar-input-height": "44px",
+    "--pollar-input-border-radius": "0.5rem",
+    "--pollar-card-border-radius": "10px"
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "pollar-modal-card pollar-tx-modal",
+      "data-theme": theme,
+      style: cssVars,
+      onClick: (e) => e.stopPropagation(),
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "pollar-modal-header", children: /* @__PURE__ */ jsx("h2", { className: "pollar-modal-title", children: "Transaction" }) }),
+        /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-close-btn", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsx(
+          "svg",
+          {
+            width: "18",
+            height: "18",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
             "aria-hidden": true,
-            children: [
-              /* @__PURE__ */ jsx("circle", { cx: "44", cy: "44", r: "36", fill: "none", stroke: "var(--pollar-border)", strokeWidth: "3" }),
-              /* @__PURE__ */ jsx(
-                "circle",
-                {
-                  cx: "44",
-                  cy: "44",
-                  r: "36",
-                  fill: "none",
-                  stroke: isSuccess ? "var(--pollar-success-text)" : isError ? "var(--pollar-error-text)" : "var(--pollar-accent)",
-                  strokeWidth: "3",
-                  strokeLinecap: "round",
-                  strokeDasharray: isSigning ? "169.6 56.6" : "999 0",
-                  transform: "rotate(-90 44 44)",
-                  style: { transition: isSigning ? "none" : "stroke 400ms, stroke-dasharray 400ms" }
-                }
-              )
-            ]
+            children: /* @__PURE__ */ jsx("path", { d: "M18 6L6 18M6 6l12 12" })
           }
-        ),
-        /* @__PURE__ */ jsx("div", { className: "pollar-tx-wallet-icon", children: /* @__PURE__ */ jsx(
-          "img",
+        ) }),
+        /* @__PURE__ */ jsx(
+          TxStatusView,
           {
-            src: walletType === WalletType.FREIGHTER ? LOGO_FREIGHTER : walletType === WalletType.ALBEDO ? LOGO_ALBEDO : LOGO_POLLAR,
-            alt: walletType === WalletType.FREIGHTER ? "Freighter" : walletType === WalletType.ALBEDO ? "Albedo" : "Pollar",
-            className: "pollar-tx-wallet-img"
+            transaction,
+            showXdr,
+            copied,
+            explorerUrl,
+            walletType,
+            onSignAndSend,
+            onToggleXdr,
+            onCopyHash,
+            onRetry,
+            onDone: onClose
           }
-        ) })
-      ] }),
-      isSigning && /* @__PURE__ */ jsx("p", { className: "pollar-tx-spinner-label", children: walletType === WalletType.FREIGHTER ? "Waiting for Freighter\u2026" : walletType === WalletType.ALBEDO ? "Waiting for Albedo\u2026" : "Signing and sending\u2026" }),
-      isError && onRetry && "buildData" in transaction && transaction.buildData && /* @__PURE__ */ jsx("button", { className: "pollar-btn-secondary pollar-tx-retry-btn", onClick: onRetry, children: "Try again" })
-    ] }),
-    isSuccess && hash && /* @__PURE__ */ jsxs("div", { className: "pollar-tx-result", children: [
-      /* @__PURE__ */ jsx("span", { className: "pollar-tx-result-label", children: "Transaction hash" }),
-      /* @__PURE__ */ jsx("span", { className: "pollar-tx-result-hash", children: hash }),
-      /* @__PURE__ */ jsxs("div", { className: "pollar-tx-result-actions", children: [
-        /* @__PURE__ */ jsx("button", { className: "pollar-tx-result-btn", onClick: onCopyHash, children: copied ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsxs("svg", { width: "13", height: "13", viewBox: "0 0 14 14", fill: "none", "aria-hidden": true, children: [
-            /* @__PURE__ */ jsx("circle", { cx: "7", cy: "7", r: "7", fill: "currentColor" }),
-            /* @__PURE__ */ jsx(
-              "path",
-              {
-                d: "M3.5 7l2.5 2.5 4.5-5",
-                stroke: "white",
-                strokeWidth: "1.5",
-                strokeLinecap: "round",
-                strokeLinejoin: "round"
-              }
-            )
-          ] }),
-          "Copied!"
-        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsxs("svg", { width: "13", height: "13", viewBox: "0 0 13 13", fill: "none", "aria-hidden": true, children: [
-            /* @__PURE__ */ jsx("rect", { x: "4", y: "4", width: "8", height: "8", rx: "1.5", stroke: "currentColor", strokeWidth: "1.5" }),
-            /* @__PURE__ */ jsx(
-              "path",
-              {
-                d: "M3 9H2a1 1 0 01-1-1V2a1 1 0 011-1h6a1 1 0 011 1v1",
-                stroke: "currentColor",
-                strokeWidth: "1.5",
-                strokeLinecap: "round"
-              }
-            )
-          ] }),
-          "Copy hash"
-        ] }) }),
-        explorerUrl && /* @__PURE__ */ jsxs("a", { className: "pollar-tx-result-btn", href: explorerUrl, target: "_blank", rel: "noopener noreferrer", children: [
-          /* @__PURE__ */ jsxs("svg", { width: "13", height: "13", viewBox: "0 0 13 13", fill: "none", "aria-hidden": true, children: [
-            /* @__PURE__ */ jsx(
-              "path",
-              {
-                d: "M5 2H2a1 1 0 00-1 1v8a1 1 0 001 1h8a1 1 0 001-1V8",
-                stroke: "currentColor",
-                strokeWidth: "1.5",
-                strokeLinecap: "round"
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "path",
-              {
-                d: "M8 1h4m0 0v4m0-4L6 7",
-                stroke: "currentColor",
-                strokeWidth: "1.5",
-                strokeLinecap: "round",
-                strokeLinejoin: "round"
-              }
-            )
-          ] }),
-          "View on Explorer"
-        ] })
-      ] })
-    ] }),
-    isSuccess && /* @__PURE__ */ jsx("button", { className: "pollar-btn-primary pollar-tx-sign-btn", onClick: onClose, children: "Done" }),
-    /* @__PURE__ */ jsx(
-      ModalStatusBanner,
-      {
-        message: STATUS_MESSAGES[transaction.step],
-        status: isError ? "ERROR" : isSigning || transaction.step === "building" ? "LOADING" : isSuccess ? "SUCCESS" : "NONE"
-      }
-    ),
-    /* @__PURE__ */ jsx(PollarModalFooter, {})
-  ] });
+        ),
+        /* @__PURE__ */ jsx(PollarModalFooter, {})
+      ]
+    }
+  );
 }
 function TransactionModal({ onClose }) {
-  const { getClient, styles, transaction, network, walletType } = usePollar();
+  const { getClient, styles, tx: transaction, network, walletType } = usePollar();
   const { theme = "light", accentColor = "#005DB4" } = styles;
   const [showXdr, setShowXdr] = useState(false);
   const [copied, setCopied] = useState(false);
@@ -1284,10 +2995,13 @@ function TxHistoryModal({ onClose }) {
   const { getClient, styles, txHistory } = usePollar();
   const { theme = "light", accentColor = "#005DB4" } = styles;
   const [offset, setOffset] = useState(0);
-  function load(nextOffset) {
+  const load = useCallback((nextOffset) => {
     setOffset(nextOffset);
     void getClient().fetchTxHistory({ limit: PAGE_SIZE2, offset: nextOffset });
-  }
+  }, [getClient]);
+  useEffect(() => {
+    load(0);
+  }, [load]);
   return /* @__PURE__ */ jsx("div", { className: "pollar-overlay", onClick: onClose, children: /* @__PURE__ */ jsx(
     TxHistoryModalTemplate,
     {
@@ -1302,7 +3016,7 @@ function TxHistoryModal({ onClose }) {
     }
   ) });
 }
-function formatBalance(balance) {
+function formatBalance2(balance) {
   const n = parseFloat(balance);
   return isNaN(n) ? balance : n.toLocaleString(void 0, { maximumFractionDigits: 7 });
 }
@@ -1315,9 +3029,9 @@ function BalanceItem({ record }) {
   return /* @__PURE__ */ jsxs("div", { className: "pollar-bal-item", children: [
     /* @__PURE__ */ jsx("span", { className: "pollar-bal-asset", children: record.code }),
     /* @__PURE__ */ jsxs("div", { className: "pollar-bal-amounts", children: [
-      /* @__PURE__ */ jsx("span", { className: "pollar-bal-amount", children: formatBalance(record.balance) }),
+      /* @__PURE__ */ jsx("span", { className: "pollar-bal-amount", children: formatBalance2(record.balance) }),
       balanceDiffers && /* @__PURE__ */ jsxs("span", { className: "pollar-bal-available", children: [
-        formatBalance(record.available),
+        formatBalance2(record.available),
         " available"
       ] })
     ] })
@@ -1390,11 +3104,11 @@ function WalletBalanceModalTemplate({
   ] });
 }
 function WalletBalanceModal({ onClose }) {
-  const { walletBalance, refreshBalance, walletAddress, styles } = usePollar();
+  const { walletBalance, refreshWalletBalance, walletAddress, styles } = usePollar();
   const { theme = "light", accentColor = "#005DB4" } = styles;
   useEffect(() => {
-    void refreshBalance();
-  }, []);
+    void refreshWalletBalance();
+  }, [refreshWalletBalance]);
   return /* @__PURE__ */ jsx("div", { className: "pollar-overlay", onClick: onClose, children: /* @__PURE__ */ jsx(
     WalletBalanceModalTemplate,
     {
@@ -1402,7 +3116,7 @@ function WalletBalanceModal({ onClose }) {
       accentColor,
       walletBalance,
       walletAddress,
-      onRefresh: () => refreshBalance(),
+      onRefresh: () => refreshWalletBalance(),
       onClose
     }
   ) });
@@ -1427,6 +3141,8 @@ function PollarProvider({ config, styles: propStyles, adapters, children }) {
   const [walletBalance, setWalletBalance] = useState({ step: "idle" });
   const [remoteConfig, setRemoteConfig] = useState(emptyResponse);
   const [styles, setStyles] = useState(propStyles ?? {});
+  const propStylesRef = useRef(propStyles);
+  propStylesRef.current = propStyles;
   useEffect(() => {
     return pollarClient.onTransactionStateChange(setTransaction);
   }, [pollarClient]);
@@ -1451,59 +3167,78 @@ function PollarProvider({ config, styles: propStyles, adapters, children }) {
     });
   }, [pollarClient]);
   useEffect(() => {
+    const propStyles2 = propStylesRef.current;
     fetchRemoteConfig(pollarClient).then((fetched) => {
       setRemoteConfig(fetched);
       setStyles({
         ...fetched.styles,
-        ...propStyles,
-        providers: { ...fetched.styles?.providers, ...propStyles?.providers }
+        ...propStyles2,
+        providers: { ...fetched.styles?.providers, ...propStyles2?.providers }
       });
     }).catch(() => {
-      setStyles(propStyles ?? {});
+      setStyles(propStyles2 ?? {});
     });
   }, [pollarClient]);
-  useEffect(() => {
-    if (transaction.step !== "idle") {
-      setTransactionModalOpen(true);
-    }
-  }, [transaction.step]);
   const [loginModalOpen, setLoginModalOpen] = useState(false);
   const [transactionModalOpen, setTransactionModalOpen] = useState(false);
   const [kycModalOpen, setKycModalOpen] = useState(false);
   const [kycModalOptions, setKycModalOptions] = useState({});
-  const [rampWidgetOpen, setRampWidgetOpen] = useState(false);
+  const [rampModalOpen, setRampModalOpen] = useState(false);
   const [txHistoryModalOpen, setTxHistoryModalOpen] = useState(false);
   const [walletBalanceModalOpen, setWalletBalanceModalOpen] = useState(false);
+  const [sendModalOpen, setSendModalOpen] = useState(false);
+  const [receiveModalOpen, setReceiveModalOpen] = useState(false);
+  const [sessionsModalOpen, setSessionsModalOpen] = useState(false);
+  const adaptersRef = useRef(adapters);
+  adaptersRef.current = adapters;
+  const walletAddress = sessionState?.wallet?.publicKey || "";
+  const getClient = useCallback(() => pollarClient, [pollarClient]);
+  const refreshWalletBalance = useCallback(() => pollarClient.refreshBalance(walletAddress), [pollarClient, walletAddress]);
   const contextValue = useMemo(
     () => ({
-      walletAddress: sessionState?.data?.providers?.wallet?.address || sessionState?.wallet?.publicKey || "",
-      getClient: () => pollarClient,
-      transaction,
+      // session
+      walletAddress,
+      isAuthenticated: !!walletAddress,
+      walletType: pollarClient.getWalletType(),
+      // client
+      getClient,
+      // auth
       login: (options) => pollarClient.login(options),
       logout: () => pollarClient.logout(),
-      isAuthenticated: !!sessionState?.wallet?.publicKey,
+      openLoginModal: () => setLoginModalOpen(true),
+      // transactions
+      tx: transaction,
       buildTx: (operation, params, options) => pollarClient.buildTx(operation, params, options),
       signAndSubmitTx: (unsignedXdr) => pollarClient.signAndSubmitTx(unsignedXdr),
-      walletType: pollarClient.getWalletType(),
-      openTransactionModal: () => setTransactionModalOpen(true),
-      openLoginModal: () => setLoginModalOpen(true),
-      openKycModal: (options = {}) => {
-        setKycModalOptions(options);
-        setKycModalOpen(true);
-      },
-      openRampWidget: () => setRampWidgetOpen(true),
+      openTxModal: () => setTransactionModalOpen(true),
+      // tx history
       txHistory,
       openTxHistoryModal: () => setTxHistoryModalOpen(true),
-      openWalletBalanceModal: () => setWalletBalanceModalOpen(true),
+      // wallet balance
       walletBalance,
-      refreshBalance: (publicKey) => pollarClient.refreshBalance(publicKey),
+      refreshWalletBalance,
+      openWalletBalanceModal: () => setWalletBalanceModalOpen(true),
+      // send / receive
+      openSendModal: () => setSendModalOpen(true),
+      openReceiveModal: () => setReceiveModalOpen(true),
+      // sessions
+      openSessionsModal: () => setSessionsModalOpen(true),
+      // network
       network: networkState.step === "connected" ? networkState.network : "testnet",
       setNetwork: (network) => pollarClient.setNetwork(network),
-      config: remoteConfig,
+      // kyc
+      openKycModal: (options = {}) => {
+        setKycModalOptions(options);
+        setKycModalOpen(true);
+      },
+      // ramp
+      openRampModal: () => setRampModalOpen(true),
+      // config
+      appConfig: remoteConfig,
       styles,
-      adapters
+      adapters: adaptersRef.current
     }),
-    [sessionState, remoteConfig, styles, pollarClient, transaction, txHistory, networkState, walletBalance]
+    [walletAddress, pollarClient, getClient, transaction, txHistory, walletBalance, refreshWalletBalance, networkState, remoteConfig, styles]
   );
   return /* @__PURE__ */ jsxs(PollarContext.Provider, { value: contextValue, children: [
     children,
@@ -1518,9 +3253,12 @@ function PollarProvider({ config, styles: propStyles, adapters, children }) {
         ...kycModalOptions.onApproved !== void 0 && { onApproved: kycModalOptions.onApproved }
       }
     ) }),
-    rampWidgetOpen && /* @__PURE__ */ jsx(ModalErrorBoundary, { onClose: () => setRampWidgetOpen(false), children: /* @__PURE__ */ jsx(RampWidget, { onClose: () => setRampWidgetOpen(false) }) }),
+    rampModalOpen && /* @__PURE__ */ jsx(ModalErrorBoundary, { onClose: () => setRampModalOpen(false), children: /* @__PURE__ */ jsx(RampWidget, { onClose: () => setRampModalOpen(false) }) }),
     txHistoryModalOpen && /* @__PURE__ */ jsx(ModalErrorBoundary, { onClose: () => setTxHistoryModalOpen(false), children: /* @__PURE__ */ jsx(TxHistoryModal, { onClose: () => setTxHistoryModalOpen(false) }) }),
-    walletBalanceModalOpen && /* @__PURE__ */ jsx(ModalErrorBoundary, { onClose: () => setWalletBalanceModalOpen(false), children: /* @__PURE__ */ jsx(WalletBalanceModal, { onClose: () => setWalletBalanceModalOpen(false) }) })
+    walletBalanceModalOpen && /* @__PURE__ */ jsx(ModalErrorBoundary, { onClose: () => setWalletBalanceModalOpen(false), children: /* @__PURE__ */ jsx(WalletBalanceModal, { onClose: () => setWalletBalanceModalOpen(false) }) }),
+    sendModalOpen && /* @__PURE__ */ jsx(ModalErrorBoundary, { onClose: () => setSendModalOpen(false), children: /* @__PURE__ */ jsx(SendModal, { onClose: () => setSendModalOpen(false) }) }),
+    receiveModalOpen && /* @__PURE__ */ jsx(ModalErrorBoundary, { onClose: () => setReceiveModalOpen(false), children: /* @__PURE__ */ jsx(ReceiveModal, { onClose: () => setReceiveModalOpen(false) }) }),
+    sessionsModalOpen && /* @__PURE__ */ jsx(ModalErrorBoundary, { onClose: () => setSessionsModalOpen(false), children: /* @__PURE__ */ jsx(SessionsModal, { onClose: () => setSessionsModalOpen(false) }) })
   ] });
 }
 function usePollar() {
@@ -1566,10 +3304,13 @@ function WalletButtonTemplate({
   dropdownBorder,
   itemColor,
   wrapperRef,
+  isInProgress,
   onToggleOpen,
   onCopy,
   onWalletBalance,
   onTxHistory,
+  onSend,
+  onReceive,
   onLogout,
   onLogin
 }) {
@@ -1580,132 +3321,129 @@ function WalletButtonTemplate({
     ] });
   }
   return /* @__PURE__ */ jsxs("div", { className: "wallet-wrapper", ref: wrapperRef, children: [
-    /* @__PURE__ */ jsxs("button", { className: "wallet-btn", style: { backgroundColor: accentColor }, onClick: onToggleOpen, children: [
-      cropWallet(walletAddress),
-      /* @__PURE__ */ jsx(
-        "svg",
-        {
-          className: `wallet-chevron${open ? " open" : ""}`,
-          viewBox: "0 0 12 12",
-          fill: "none",
-          stroke: "currentColor",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          children: /* @__PURE__ */ jsx("polyline", { points: "2,4 6,8 10,4" })
-        }
-      )
-    ] }),
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        className: "wallet-btn",
+        style: { backgroundColor: accentColor },
+        onClick: isInProgress ? void 0 : onToggleOpen,
+        disabled: isInProgress,
+        "aria-busy": isInProgress,
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "wallet-btn-label", children: cropWallet(walletAddress) }),
+          isInProgress ? /* @__PURE__ */ jsxs(
+            "svg",
+            {
+              className: "wallet-btn-spinner",
+              viewBox: "0 0 12 12",
+              width: "12",
+              height: "12",
+              fill: "none",
+              "aria-hidden": true,
+              children: [
+                /* @__PURE__ */ jsx("circle", { cx: "6", cy: "6", r: "4.5", stroke: "rgba(255,255,255,0.35)", strokeWidth: "1.5" }),
+                /* @__PURE__ */ jsx(
+                  "circle",
+                  {
+                    cx: "6",
+                    cy: "6",
+                    r: "4.5",
+                    stroke: "white",
+                    strokeWidth: "1.5",
+                    strokeLinecap: "round",
+                    strokeDasharray: "14 9",
+                    transform: "rotate(-90 6 6)"
+                  }
+                )
+              ]
+            }
+          ) : /* @__PURE__ */ jsx(
+            "svg",
+            {
+              className: `wallet-chevron${open ? " open" : ""}`,
+              viewBox: "0 0 12 12",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              children: /* @__PURE__ */ jsx("polyline", { points: "2,4 6,8 10,4" })
+            }
+          )
+        ]
+      }
+    ),
     open && /* @__PURE__ */ jsxs("div", { className: "wallet-dropdown", style: { backgroundColor: dropdownBg, borderColor: dropdownBorder }, children: [
+      /* @__PURE__ */ jsxs("button", { className: "wallet-dropdown-item", style: { color: itemColor }, onClick: onSend, children: [
+        /* @__PURE__ */ jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+          /* @__PURE__ */ jsx("line", { x1: "22", y1: "2", x2: "11", y2: "13" }),
+          /* @__PURE__ */ jsx("polygon", { points: "22 2 15 22 11 13 2 9 22 2" })
+        ] }),
+        "Send"
+      ] }),
+      /* @__PURE__ */ jsxs("button", { className: "wallet-dropdown-item", style: { color: itemColor }, onClick: onReceive, children: [
+        /* @__PURE__ */ jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+          /* @__PURE__ */ jsx("polyline", { points: "8 17 12 21 16 17" }),
+          /* @__PURE__ */ jsx("line", { x1: "12", y1: "12", x2: "12", y2: "21" }),
+          /* @__PURE__ */ jsx("path", { d: "M20.88 18.09A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.29" })
+        ] }),
+        "Receive"
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "wallet-dropdown-divider" }),
       /* @__PURE__ */ jsxs("button", { className: "wallet-dropdown-item", style: { color: itemColor }, onClick: onCopy, children: [
-        /* @__PURE__ */ jsxs(
-          "svg",
-          {
-            width: "14",
-            height: "14",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            children: [
-              /* @__PURE__ */ jsx("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2" }),
-              /* @__PURE__ */ jsx("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
-            ]
-          }
-        ),
+        /* @__PURE__ */ jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+          /* @__PURE__ */ jsx("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2" }),
+          /* @__PURE__ */ jsx("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
+        ] }),
         copied ? "Copied!" : "Copy address"
       ] }),
-      /* @__PURE__ */ jsxs(
-        "button",
-        {
-          className: "wallet-dropdown-item",
-          style: { color: itemColor },
-          onClick: onWalletBalance,
-          children: [
-            /* @__PURE__ */ jsxs(
-              "svg",
-              {
-                width: "14",
-                height: "14",
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                children: [
-                  /* @__PURE__ */ jsx("rect", { x: "1", y: "4", width: "22", height: "16", rx: "2", ry: "2" }),
-                  /* @__PURE__ */ jsx("circle", { cx: "16", cy: "12", r: "2" }),
-                  /* @__PURE__ */ jsx("path", { d: "M22 8H12" })
-                ]
-              }
-            ),
-            "Wallet balance"
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs(
-        "button",
-        {
-          className: "wallet-dropdown-item",
-          style: { color: itemColor },
-          onClick: onTxHistory,
-          children: [
-            /* @__PURE__ */ jsxs(
-              "svg",
-              {
-                width: "14",
-                height: "14",
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                children: [
-                  /* @__PURE__ */ jsx("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
-                  /* @__PURE__ */ jsx("polyline", { points: "14,2 14,8 20,8" }),
-                  /* @__PURE__ */ jsx("line", { x1: "16", y1: "13", x2: "8", y2: "13" }),
-                  /* @__PURE__ */ jsx("line", { x1: "16", y1: "17", x2: "8", y2: "17" }),
-                  /* @__PURE__ */ jsx("polyline", { points: "10,9 9,9 8,9" })
-                ]
-              }
-            ),
-            "Transaction history"
-          ]
-        }
-      ),
+      /* @__PURE__ */ jsxs("button", { className: "wallet-dropdown-item", style: { color: itemColor }, onClick: onWalletBalance, children: [
+        /* @__PURE__ */ jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+          /* @__PURE__ */ jsx("rect", { x: "1", y: "4", width: "22", height: "16", rx: "2", ry: "2" }),
+          /* @__PURE__ */ jsx("circle", { cx: "16", cy: "12", r: "2" }),
+          /* @__PURE__ */ jsx("path", { d: "M22 8H12" })
+        ] }),
+        "Wallet balance"
+      ] }),
+      /* @__PURE__ */ jsxs("button", { className: "wallet-dropdown-item", style: { color: itemColor }, onClick: onTxHistory, children: [
+        /* @__PURE__ */ jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+          /* @__PURE__ */ jsx("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
+          /* @__PURE__ */ jsx("polyline", { points: "14,2 14,8 20,8" }),
+          /* @__PURE__ */ jsx("line", { x1: "16", y1: "13", x2: "8", y2: "13" }),
+          /* @__PURE__ */ jsx("line", { x1: "16", y1: "17", x2: "8", y2: "17" }),
+          /* @__PURE__ */ jsx("polyline", { points: "10,9 9,9 8,9" })
+        ] }),
+        "Transaction history"
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "wallet-dropdown-divider" }),
       /* @__PURE__ */ jsxs("button", { className: "wallet-dropdown-item danger", onClick: onLogout, children: [
-        /* @__PURE__ */ jsxs(
-          "svg",
-          {
-            width: "14",
-            height: "14",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            children: [
-              /* @__PURE__ */ jsx("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }),
-              /* @__PURE__ */ jsx("polyline", { points: "16,17 21,12 16,7" }),
-              /* @__PURE__ */ jsx("line", { x1: "21", y1: "12", x2: "9", y2: "12" })
-            ]
-          }
-        ),
+        /* @__PURE__ */ jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+          /* @__PURE__ */ jsx("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }),
+          /* @__PURE__ */ jsx("polyline", { points: "16,17 21,12 16,7" }),
+          /* @__PURE__ */ jsx("line", { x1: "21", y1: "12", x2: "9", y2: "12" })
+        ] }),
         "Log out"
       ] })
     ] })
   ] });
 }
 function WalletButton() {
-  const { getClient, walletAddress, styles, openLoginModal, openTxHistoryModal, openWalletBalanceModal } = usePollar();
+  const {
+    getClient,
+    walletAddress,
+    styles,
+    openLoginModal,
+    openTxHistoryModal,
+    openWalletBalanceModal,
+    openSendModal,
+    openReceiveModal,
+    tx: transaction,
+    walletType
+  } = usePollar();
   const [open, setOpen] = useState(false);
   const [copied, setCopied] = useState(false);
   const wrapperRef = useRef(null);
+  const isInProgress = transaction.step === "building" || transaction.step === "signing";
   const { theme = "light", accentColor = "#005DB4" } = styles;
   const isDark = theme === "dark";
   const dropdownBg = isDark ? "#18181b" : "#fff";
@@ -1738,6 +3476,14 @@ function WalletButton() {
     setOpen(false);
     openTxHistoryModal();
   }
+  function handleSend() {
+    setOpen(false);
+    openSendModal();
+  }
+  function handleReceive() {
+    setOpen(false);
+    openReceiveModal();
+  }
   return /* @__PURE__ */ jsx(
     WalletButtonTemplate,
     {
@@ -1749,16 +3495,20 @@ function WalletButton() {
       dropdownBorder,
       itemColor,
       wrapperRef,
+      isInProgress,
+      walletType,
       onToggleOpen: () => setOpen((v) => !v),
       onCopy: handleCopy,
       onWalletBalance: handleWalletBalance,
       onTxHistory: handleTxHistory,
+      onSend: handleSend,
+      onReceive: handleReceive,
       onLogout: handleLogout,
       onLogin: openLoginModal
     }
   );
 }
 
-export { KycModal, KycModalTemplate, KycStatus, LoginModalTemplate, PollarProvider, RampWidget, RampWidgetTemplate, RouteDisplay, TransactionModalTemplate, TxHistoryModalTemplate, WalletBalanceModal, WalletBalanceModalTemplate, WalletButton, createPollarAdapterHook, usePollar };
+export { KycModal, KycModalTemplate, KycStatus, LoginModalTemplate, PollarProvider, RampWidget, RampWidgetTemplate, ReceiveModal, ReceiveModalTemplate, RouteDisplay, SendModal, SendModalTemplate, SessionsModal, SessionsModalTemplate, TransactionModalTemplate, TxHistoryModalTemplate, TxStatusView, WalletBalanceModal, WalletBalanceModalTemplate, WalletButton, createPollarAdapterHook, usePollar };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map