@daimo/sdk 1.0.3 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -0
- package/dist/client/createDaimoClient.d.ts +2 -2
- package/dist/client/createDaimoClient.d.ts.map +1 -1
- package/dist/client/createDaimoClient.js.map +1 -1
- package/dist/common/api.d.ts +7 -5
- package/dist/common/api.d.ts.map +1 -1
- package/dist/common/api.js +1 -1
- package/dist/common/api.js.map +1 -1
- package/dist/web/api/index.d.ts +5 -2
- package/dist/web/api/index.d.ts.map +1 -1
- package/dist/web/api/navTree.d.ts +13 -1
- package/dist/web/api/navTree.d.ts.map +1 -1
- package/dist/web/components/ChooseChainPage.js +2 -2
- package/dist/web/components/ChooseChainPage.js.map +1 -1
- package/dist/web/components/ChooseOptionPage.js +4 -4
- package/dist/web/components/ChooseOptionPage.js.map +1 -1
- package/dist/web/components/ChooseWalletPage.js +3 -3
- package/dist/web/components/ChooseWalletPage.js.map +1 -1
- package/dist/web/components/ConfirmationPage.d.ts +1 -1
- package/dist/web/components/ConfirmationPage.d.ts.map +1 -1
- package/dist/web/components/ConfirmationPage.js +8 -7
- package/dist/web/components/ConfirmationPage.js.map +1 -1
- package/dist/web/components/ConfirmationSpinner.js +3 -8
- package/dist/web/components/ConfirmationSpinner.js.map +1 -1
- package/dist/web/components/Countdown.d.ts +11 -0
- package/dist/web/components/Countdown.d.ts.map +1 -0
- package/dist/web/components/Countdown.js +35 -0
- package/dist/web/components/Countdown.js.map +1 -0
- package/dist/web/components/DaimoModal.d.ts.map +1 -1
- package/dist/web/components/DaimoModal.js +21 -11
- package/dist/web/components/DaimoModal.js.map +1 -1
- package/dist/web/components/DeeplinkPage.d.ts.map +1 -1
- package/dist/web/components/DeeplinkPage.js +4 -8
- package/dist/web/components/DeeplinkPage.js.map +1 -1
- package/dist/web/components/ErrorPage.js +1 -1
- package/dist/web/components/ErrorPage.js.map +1 -1
- package/dist/web/components/ExchangePage.d.ts +4 -2
- package/dist/web/components/ExchangePage.d.ts.map +1 -1
- package/dist/web/components/ExchangePage.js +20 -3
- package/dist/web/components/ExchangePage.js.map +1 -1
- package/dist/web/components/ExpiredPage.js +1 -1
- package/dist/web/components/ExpiredPage.js.map +1 -1
- package/dist/web/components/ModalSkeleton.js +1 -1
- package/dist/web/components/ModalSkeleton.js.map +1 -1
- package/dist/web/components/ProgressDots.js +3 -3
- package/dist/web/components/ProgressDots.js.map +1 -1
- package/dist/web/components/QRCode.d.ts +10 -2
- package/dist/web/components/QRCode.d.ts.map +1 -1
- package/dist/web/components/QRCode.js +85 -60
- package/dist/web/components/QRCode.js.map +1 -1
- package/dist/web/components/SelectAmountPage.js +1 -1
- package/dist/web/components/SelectAmountPage.js.map +1 -1
- package/dist/web/components/SelectTokenPage.d.ts +6 -1
- package/dist/web/components/SelectTokenPage.d.ts.map +1 -1
- package/dist/web/components/SelectTokenPage.js +12 -11
- package/dist/web/components/SelectTokenPage.js.map +1 -1
- package/dist/web/components/WaitingDepositAddressPage.d.ts.map +1 -1
- package/dist/web/components/WaitingDepositAddressPage.js +12 -42
- package/dist/web/components/WaitingDepositAddressPage.js.map +1 -1
- package/dist/web/components/WalletAmountPage.js +6 -6
- package/dist/web/components/WalletAmountPage.js.map +1 -1
- package/dist/web/components/buttons.js +6 -6
- package/dist/web/components/buttons.js.map +1 -1
- package/dist/web/components/containers.d.ts.map +1 -1
- package/dist/web/components/containers.js +7 -26
- package/dist/web/components/containers.js.map +1 -1
- package/dist/web/components/icons.js +8 -8
- package/dist/web/components/icons.js.map +1 -1
- package/dist/web/components/shared.d.ts +1 -1
- package/dist/web/components/shared.d.ts.map +1 -1
- package/dist/web/components/shared.js +37 -37
- package/dist/web/components/shared.js.map +1 -1
- package/dist/web/hooks/locales/en.d.ts +2 -0
- package/dist/web/hooks/locales/en.d.ts.map +1 -1
- package/dist/web/hooks/locales/en.js +2 -0
- package/dist/web/hooks/locales/en.js.map +1 -1
- package/dist/web/hooks/locales/es.d.ts.map +1 -1
- package/dist/web/hooks/locales/es.js +2 -0
- package/dist/web/hooks/locales/es.js.map +1 -1
- package/dist/web/hooks/types.d.ts +2 -1
- package/dist/web/hooks/types.d.ts.map +1 -1
- package/dist/web/hooks/types.js.map +1 -1
- package/dist/web/hooks/useSessionNav.d.ts.map +1 -1
- package/dist/web/hooks/useSessionNav.js +61 -28
- package/dist/web/hooks/useSessionNav.js.map +1 -1
- package/dist/web/hooks/useWalletFlow.d.ts +1 -1
- package/dist/web/hooks/useWalletFlow.d.ts.map +1 -1
- package/dist/web/hooks/useWalletFlow.js +53 -10
- package/dist/web/hooks/useWalletFlow.js.map +1 -1
- package/dist/web/index.d.ts +5 -31
- package/dist/web/index.d.ts.map +1 -1
- package/dist/web/index.js +7 -27
- package/dist/web/index.js.map +1 -1
- package/dist/web/isDesktopBrowser.d.ts +2 -0
- package/dist/web/isDesktopBrowser.d.ts.map +1 -0
- package/dist/web/isDesktopBrowser.js +6 -0
- package/dist/web/isDesktopBrowser.js.map +1 -0
- package/dist/web/styles.css +1 -1
- package/dist/web/theme.css +1 -184
- package/package.json +7 -4
- package/dist/web/components/modalContext.d.ts +0 -4
- package/dist/web/components/modalContext.d.ts.map +0 -1
- package/dist/web/components/modalContext.js +0 -5
- package/dist/web/components/modalContext.js.map +0 -1
|
@@ -1,69 +1,94 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import QRCodeLib from "qrcode";
|
|
3
3
|
import { useMemo } from "react";
|
|
4
4
|
/** SVG viewBox size for quality (actual display size is controlled by CSS) */
|
|
5
5
|
const VIEW_SIZE = 288;
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
6
|
+
const LOGO_SIZE_PERCENT = 28;
|
|
7
|
+
const LOGO_SIZE_RATIO = LOGO_SIZE_PERCENT / 100;
|
|
8
|
+
const centerLogoStyle = {
|
|
9
|
+
width: `${LOGO_SIZE_PERCENT}%`,
|
|
10
|
+
height: `${LOGO_SIZE_PERCENT}%`,
|
|
11
|
+
};
|
|
12
|
+
/** Dummy values of varying length to produce different QR densities */
|
|
13
|
+
const PLACEHOLDER_VALUES = {
|
|
14
|
+
short: "https://pay.daimo.com/x",
|
|
15
|
+
medium: "https://pay.daimo.com/deposit?session=abc123def456ghi789jkl012mno345pqr678stu901vwx",
|
|
16
|
+
long: "https://pay.daimo.com/deposit?session=abc123def456ghi789jkl012mno345pqr678stu901vwx234yza567bcd890efg123hij456klm789nop012qrs345tuv678wxy901zab234cde567fgh890ijk123lmn456opq789rst012uvw345xyz",
|
|
17
|
+
};
|
|
18
|
+
function QRCodeShell({ children }) {
|
|
19
|
+
return (_jsx("div", { className: "daimo-qr-container daimo-relative daimo-w-full daimo-overflow-hidden daimo-rounded-2xl daimo-border daimo-border-[var(--daimo-border)] daimo-bg-[var(--daimo-qr-bg,white)]", children: _jsx("div", { className: "daimo-relative daimo-w-full daimo-pb-[100%]", children: children }) }));
|
|
20
|
+
}
|
|
21
|
+
function generateQRDots(value, clearCenter) {
|
|
22
|
+
const dots = [];
|
|
23
|
+
let matrix;
|
|
24
|
+
try {
|
|
25
|
+
const qr = QRCodeLib.create(value, { errorCorrectionLevel: "M" });
|
|
26
|
+
const arr = Array.prototype.slice.call(qr.modules.data, 0);
|
|
27
|
+
const sqrt = Math.sqrt(arr.length);
|
|
28
|
+
matrix = arr.reduce((rows, key, index) => (index % sqrt === 0
|
|
29
|
+
? rows.push([key])
|
|
30
|
+
: rows[rows.length - 1].push(key)) && rows, []);
|
|
31
|
+
}
|
|
32
|
+
catch {
|
|
33
|
+
return dots;
|
|
34
|
+
}
|
|
35
|
+
const cellSize = VIEW_SIZE / matrix.length;
|
|
36
|
+
// Draw position finder patterns (3 corners) as nested rounded rectangles
|
|
37
|
+
const finderPositions = [
|
|
38
|
+
{ x: 0, y: 0 },
|
|
39
|
+
{ x: 1, y: 0 },
|
|
40
|
+
{ x: 0, y: 1 },
|
|
41
|
+
];
|
|
42
|
+
finderPositions.forEach(({ x, y }) => {
|
|
43
|
+
const x1 = (matrix.length - 7) * cellSize * x;
|
|
44
|
+
const y1 = (matrix.length - 7) * cellSize * y;
|
|
45
|
+
for (let i = 0; i < 3; i++) {
|
|
46
|
+
dots.push(_jsx("rect", { fill: i % 2 !== 0
|
|
47
|
+
? "var(--daimo-qr-bg, white)"
|
|
48
|
+
: "var(--daimo-qr-dot, black)", rx: (i - 2) * -5 + (i === 0 ? 2 : 3), ry: (i - 2) * -5 + (i === 0 ? 2 : 3), width: cellSize * (7 - i * 2), height: cellSize * (7 - i * 2), x: x1 + cellSize * i, y: y1 + cellSize * i }, `finder-${i}-${x}-${y}`));
|
|
20
49
|
}
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
//
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
row.forEach((cell, j) => {
|
|
45
|
-
if (!cell)
|
|
46
|
-
return;
|
|
47
|
-
// Skip position finder patterns
|
|
48
|
-
const inTopLeft = i < 7 && j < 7;
|
|
49
|
-
const inTopRight = i > matrix.length - 8 && j < 7;
|
|
50
|
-
const inBottomLeft = i < 7 && j > matrix.length - 8;
|
|
51
|
-
if (inTopLeft || inTopRight || inBottomLeft)
|
|
50
|
+
});
|
|
51
|
+
// Calculate center clear area for logo
|
|
52
|
+
const logoAreaSize = Math.floor((VIEW_SIZE * LOGO_SIZE_RATIO) / cellSize);
|
|
53
|
+
const matrixMiddleStart = matrix.length / 2 - logoAreaSize / 2;
|
|
54
|
+
const matrixMiddleEnd = matrix.length / 2 + logoAreaSize / 2 - 1;
|
|
55
|
+
// Draw data dots (circles)
|
|
56
|
+
matrix.forEach((row, i) => {
|
|
57
|
+
row.forEach((cell, j) => {
|
|
58
|
+
if (!cell)
|
|
59
|
+
return;
|
|
60
|
+
// Skip position finder patterns
|
|
61
|
+
const inTopLeft = i < 7 && j < 7;
|
|
62
|
+
const inTopRight = i > matrix.length - 8 && j < 7;
|
|
63
|
+
const inBottomLeft = i < 7 && j > matrix.length - 8;
|
|
64
|
+
if (inTopLeft || inTopRight || inBottomLeft)
|
|
65
|
+
return;
|
|
66
|
+
// Skip center area
|
|
67
|
+
if (clearCenter) {
|
|
68
|
+
const inCenter = i > matrixMiddleStart &&
|
|
69
|
+
i < matrixMiddleEnd &&
|
|
70
|
+
j > matrixMiddleStart &&
|
|
71
|
+
j < matrixMiddleEnd;
|
|
72
|
+
if (inCenter)
|
|
52
73
|
return;
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
const inCenter = i > matrixMiddleStart &&
|
|
56
|
-
i < matrixMiddleEnd &&
|
|
57
|
-
j > matrixMiddleStart &&
|
|
58
|
-
j < matrixMiddleEnd;
|
|
59
|
-
if (inCenter)
|
|
60
|
-
return;
|
|
61
|
-
}
|
|
62
|
-
dots.push(_jsx("circle", { cx: i * cellSize + cellSize / 2, cy: j * cellSize + cellSize / 2, fill: "var(--daimo-qr-dot, black)", r: cellSize / 3 }, `dot-${i}-${j}`));
|
|
63
|
-
});
|
|
74
|
+
}
|
|
75
|
+
dots.push(_jsx("circle", { cx: i * cellSize + cellSize / 2, cy: j * cellSize + cellSize / 2, fill: "var(--daimo-qr-dot, black)", r: cellSize / 3 }, `dot-${i}-${j}`));
|
|
64
76
|
});
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
77
|
+
});
|
|
78
|
+
return dots;
|
|
79
|
+
}
|
|
80
|
+
function QRCodeContent({ value, image }) {
|
|
81
|
+
const dots = useMemo(() => generateQRDots(value, !!image), [value, image]);
|
|
82
|
+
return (_jsxs("div", { className: "daimo-absolute daimo-inset-[13px]", children: [_jsx("svg", { viewBox: `0 0 ${VIEW_SIZE} ${VIEW_SIZE}`, className: "daimo-block daimo-h-auto daimo-w-full", children: dots }), image && (_jsx("div", { className: "daimo-absolute daimo-left-1/2 daimo-top-1/2 daimo-flex -daimo-translate-x-1/2 -daimo-translate-y-1/2 daimo-items-center daimo-justify-center", style: centerLogoStyle, children: image }))] }));
|
|
83
|
+
}
|
|
84
|
+
function QRPlaceholderContent({ image, density = "medium" }) {
|
|
85
|
+
const dots = useMemo(() => generateQRDots(PLACEHOLDER_VALUES[density], true), [density]);
|
|
86
|
+
return (_jsxs(_Fragment, { children: [_jsx("div", { className: "daimo-absolute daimo-inset-[13px] daimo-qr-placeholder-qr", children: _jsx("svg", { viewBox: `0 0 ${VIEW_SIZE} ${VIEW_SIZE}`, className: "daimo-block daimo-h-auto daimo-w-full", children: dots }) }), _jsx("div", { className: "daimo-absolute daimo-inset-[13px] daimo-overflow-hidden daimo-rounded-[5px] daimo-qr-shimmer" }), image && (_jsx("div", { className: "daimo-qr-placeholder-logo", children: image }))] }));
|
|
87
|
+
}
|
|
88
|
+
export function QRPlaceholder({ image, density }) {
|
|
89
|
+
return (_jsx(QRCodeShell, { children: _jsx(QRPlaceholderContent, { image: image, density: density }) }));
|
|
90
|
+
}
|
|
91
|
+
export function QRCode({ value, image, placeholderDensity }) {
|
|
92
|
+
return (_jsxs(QRCodeShell, { children: [_jsx("div", { className: value ? "daimo-qr-fade-out" : "", children: _jsx(QRPlaceholderContent, { image: image, density: placeholderDensity }) }), value && (_jsx("div", { className: "daimo-qr-fade-in", children: _jsx(QRCodeContent, { value: value, image: image }) }))] }));
|
|
68
93
|
}
|
|
69
94
|
//# sourceMappingURL=QRCode.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QRCode.js","sourceRoot":"","sources":["../../../src/web/components/QRCode.tsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAgB,OAAO,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"QRCode.js","sourceRoot":"","sources":["../../../src/web/components/QRCode.tsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAgB,OAAO,EAAE,MAAM,OAAO,CAAC;AAgB9C,8EAA8E;AAC9E,MAAM,SAAS,GAAG,GAAG,CAAC;AACtB,MAAM,iBAAiB,GAAG,EAAE,CAAC;AAC7B,MAAM,eAAe,GAAG,iBAAiB,GAAG,GAAG,CAAC;AAChD,MAAM,eAAe,GAAG;IACtB,KAAK,EAAE,GAAG,iBAAiB,GAAG;IAC9B,MAAM,EAAE,GAAG,iBAAiB,GAAG;CACvB,CAAC;AAEX,uEAAuE;AACvE,MAAM,kBAAkB,GAA8B;IACpD,KAAK,EAAE,yBAAyB;IAChC,MAAM,EAAE,qFAAqF;IAC7F,IAAI,EAAE,iMAAiM;CACxM,CAAC;AAEF,SAAS,WAAW,CAAC,EAAE,QAAQ,EAAiC;IAC9D,OAAO,CACL,cAAK,SAAS,EAAC,4KAA4K,YACzL,cAAK,SAAS,EAAC,6CAA6C,YACzD,QAAQ,GACL,GACF,CACP,CAAC;AACJ,CAAC;AAED,SAAS,cAAc,CACrB,KAAa,EACb,WAAoB;IAEpB,MAAM,IAAI,GAAmB,EAAE,CAAC;IAEhC,IAAI,MAAkB,CAAC;IACvB,IAAI,CAAC;QACH,MAAM,EAAE,GAAG,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,oBAAoB,EAAE,GAAG,EAAE,CAAC,CAAC;QAClE,MAAM,GAAG,GAAG,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QAC3D,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QACnC,MAAM,GAAG,GAAG,CAAC,MAAM,CACjB,CAAC,IAAgB,EAAE,GAAW,EAAE,KAAa,EAAE,EAAE,CAC/C,CAAC,KAAK,GAAG,IAAI,KAAK,CAAC;YACjB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;YAClB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,IAAI,EAC9C,EAAE,CACH,CAAC;IACJ,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC;IAE3C,yEAAyE;IACzE,MAAM,eAAe,GAAG;QACtB,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;QACd,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;QACd,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;KACf,CAAC;IAEF,eAAe,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE;QACnC,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,QAAQ,GAAG,CAAC,CAAC;QAC9C,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,QAAQ,GAAG,CAAC,CAAC;QAC9C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;YAC3B,IAAI,CAAC,IAAI,CACP,eAEE,IAAI,EACF,CAAC,GAAG,CAAC,KAAK,CAAC;oBACT,CAAC,CAAC,2BAA2B;oBAC7B,CAAC,CAAC,4BAA4B,EAElC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACpC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACpC,KAAK,EAAE,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAC7B,MAAM,EAAE,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAC9B,CAAC,EAAE,EAAE,GAAG,QAAQ,GAAG,CAAC,EACpB,CAAC,EAAE,EAAE,GAAG,QAAQ,GAAG,CAAC,IAXf,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAY5B,CACH,CAAC;QACJ,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,uCAAuC;IACvC,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,SAAS,GAAG,eAAe,CAAC,GAAG,QAAQ,CAAC,CAAC;IAC1E,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,GAAG,YAAY,GAAG,CAAC,CAAC;IAC/D,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,GAAG,YAAY,GAAG,CAAC,GAAG,CAAC,CAAC;IAEjE,2BAA2B;IAC3B,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE;QACxB,GAAG,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;YACtB,IAAI,CAAC,IAAI;gBAAE,OAAO;YAElB,gCAAgC;YAChC,MAAM,SAAS,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YACjC,MAAM,UAAU,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAClD,MAAM,YAAY,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;YACpD,IAAI,SAAS,IAAI,UAAU,IAAI,YAAY;gBAAE,OAAO;YAEpD,mBAAmB;YACnB,IAAI,WAAW,EAAE,CAAC;gBAChB,MAAM,QAAQ,GACZ,CAAC,GAAG,iBAAiB;oBACrB,CAAC,GAAG,eAAe;oBACnB,CAAC,GAAG,iBAAiB;oBACrB,CAAC,GAAG,eAAe,CAAC;gBACtB,IAAI,QAAQ;oBAAE,OAAO;YACvB,CAAC;YAED,IAAI,CAAC,IAAI,CACP,iBAEE,EAAE,EAAE,CAAC,GAAG,QAAQ,GAAG,QAAQ,GAAG,CAAC,EAC/B,EAAE,EAAE,CAAC,GAAG,QAAQ,GAAG,QAAQ,GAAG,CAAC,EAC/B,IAAI,EAAC,4BAA4B,EACjC,CAAC,EAAE,QAAQ,GAAG,CAAC,IAJV,OAAO,CAAC,IAAI,CAAC,EAAE,CAKpB,CACH,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,aAAa,CAAC,EAAE,KAAK,EAAE,KAAK,EAA8C;IACjF,MAAM,IAAI,GAAG,OAAO,CAClB,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,EACpC,CAAC,KAAK,EAAE,KAAK,CAAC,CACf,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,mCAAmC,aAChD,cACE,OAAO,EAAE,OAAO,SAAS,IAAI,SAAS,EAAE,EACxC,SAAS,EAAC,uCAAuC,YAEhD,IAAI,GACD,EAEL,KAAK,IAAI,CACR,cACE,SAAS,EAAC,8IAA8I,EACxJ,KAAK,EAAE,eAAe,YAErB,KAAK,GACF,CACP,IACG,CACP,CAAC;AACJ,CAAC;AAED,SAAS,oBAAoB,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,QAAQ,EAAsB;IAC7E,MAAM,IAAI,GAAG,OAAO,CAClB,GAAG,EAAE,CAAC,cAAc,CAAC,kBAAkB,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,EACvD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,OAAO,CACL,8BAEE,cAAK,SAAS,EAAC,2DAA2D,YACxE,cACE,OAAO,EAAE,OAAO,SAAS,IAAI,SAAS,EAAE,EACxC,SAAS,EAAC,uCAAuC,YAEhD,IAAI,GACD,GACF,EAEN,cAAK,SAAS,EAAC,8FAA8F,GAAG,EAE/G,KAAK,IAAI,CACR,cAAK,SAAS,EAAC,2BAA2B,YACvC,KAAK,GACF,CACP,IACA,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,EAAE,KAAK,EAAE,OAAO,EAAsB;IAClE,OAAO,CACL,KAAC,WAAW,cACV,KAAC,oBAAoB,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI,GAC5C,CACf,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,kBAAkB,EAAe;IACtE,OAAO,CACL,MAAC,WAAW,eACV,cAAK,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,YAC9C,KAAC,oBAAoB,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,kBAAkB,GAAI,GAC/D,EACL,KAAK,IAAI,CACR,cAAK,SAAS,EAAC,kBAAkB,YAC/B,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,GACzC,CACP,IACW,CACf,CAAC;AACJ,CAAC"}
|
|
@@ -22,6 +22,6 @@ export function SelectAmountPage({ node, minimumUsd, maximumUsd, tokenSuffix, ch
|
|
|
22
22
|
displayDecimals: 2,
|
|
23
23
|
}
|
|
24
24
|
: null;
|
|
25
|
-
return (_jsxs("div", { className: "flex flex-col flex-1 min-h-0", children: [_jsx(PageHeader, { title: t.selectAmount, onBack: onBack }), _jsxs("div", { className: "flex-1 flex flex-col items-center p-6", children: [_jsx("div", { className: "h-24 flex items-center justify-center mb-3", children: displayToken ? (_jsx(TokenIconWithChainBadge, { token: displayToken, size: "lg", badgeBorderClass: "border-2 bg-[var(--daimo-surface)] border-[var(--daimo-surface)]", baseUrl: baseUrl })) : (node.icon && (_jsx("img", { src: resolveIconUrl(node.icon, baseUrl), alt: node.title, className: "w-20 h-20 rounded-
|
|
25
|
+
return (_jsxs("div", { className: "daimo-flex daimo-flex-col daimo-flex-1 daimo-min-h-0", children: [_jsx(PageHeader, { title: t.selectAmount, onBack: onBack }), _jsxs("div", { className: "daimo-flex-1 daimo-flex daimo-flex-col daimo-items-center daimo-p-6", children: [_jsx("div", { className: "daimo-h-24 daimo-flex daimo-items-center daimo-justify-center daimo-mb-3", children: displayToken ? (_jsx(TokenIconWithChainBadge, { token: displayToken, size: "lg", badgeBorderClass: "daimo-border-2 daimo-bg-[var(--daimo-surface)] daimo-border-[var(--daimo-surface)]", baseUrl: baseUrl })) : (node.icon && (_jsx("img", { src: resolveIconUrl(node.icon, baseUrl), alt: node.title, className: "daimo-w-20 daimo-h-20 daimo-rounded-[25%]" }))) }), _jsx("div", { className: "daimo-mb-6", children: _jsx(AmountInput, { minimumUsd: minimumUsd, maximumUsd: maximumUsd, onSubmit: onContinue, onChange: handleChange }) }), error && (_jsx("div", { className: "daimo-text-red-500 daimo-text-sm daimo-text-center daimo-mb-3", children: error })), _jsx(PrimaryButton, { onClick: () => isValid && !isLoading && onContinue(amountUsd), disabled: !isValid || isLoading, className: "daimo-max-w-none", children: isLoading ? t.loading : t.continue })] })] }));
|
|
26
26
|
}
|
|
27
27
|
//# sourceMappingURL=SelectAmountPage.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectAmountPage.js","sourceRoot":"","sources":["../../../src/web/components/SelectAmountPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAIlD,OAAO,EAAE,CAAC,EAAE,MAAM,oBAAoB,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EACL,WAAW,EACX,UAAU,EACV,uBAAuB,EACvB,cAAc,EACd,cAAc,GACf,MAAM,aAAa,CAAC;AAkBrB,MAAM,UAAU,gBAAgB,CAAC,EAC/B,IAAI,EACJ,UAAU,EACV,UAAU,EACV,WAAW,EACX,OAAO,EACP,MAAM,EACN,UAAU,EACV,SAAS,EACT,KAAK,EACL,OAAO,GACe;IACtB,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,cAAc,CACzD,UAAU,EACV,UAAU,CACX,CAAC;IAEF,yFAAyF;IACzF,MAAM,aAAa,GACjB,WAAW,KAAK,MAAM,IAAI,WAAW,KAAK,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC;IAExE,MAAM,YAAY,GAChB,aAAa,IAAI,OAAO,IAAI,IAAI;QAC9B,CAAC,CAAE;YACC,OAAO;YACP,KAAK,EAAE,KAAsB;YAC7B,MAAM,EAAE,aAAa;YACrB,QAAQ,EAAE,CAAC;YACX,OAAO,EAAE,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI;YACnE,aAAa,EAAE,EAAE;YACjB,GAAG,EAAE,CAAC;YACN,YAAY,EAAE,CAAC;YACf,YAAY,EAAE,OAAO;YACrB,UAAU,EAAE,OAAO;YACnB,eAAe,EAAE,CAAC;SACD;QACrB,CAAC,CAAC,IAAI,CAAC;IAEX,OAAO,CACL,eAAK,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"SelectAmountPage.js","sourceRoot":"","sources":["../../../src/web/components/SelectAmountPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAIlD,OAAO,EAAE,CAAC,EAAE,MAAM,oBAAoB,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EACL,WAAW,EACX,UAAU,EACV,uBAAuB,EACvB,cAAc,EACd,cAAc,GACf,MAAM,aAAa,CAAC;AAkBrB,MAAM,UAAU,gBAAgB,CAAC,EAC/B,IAAI,EACJ,UAAU,EACV,UAAU,EACV,WAAW,EACX,OAAO,EACP,MAAM,EACN,UAAU,EACV,SAAS,EACT,KAAK,EACL,OAAO,GACe;IACtB,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,cAAc,CACzD,UAAU,EACV,UAAU,CACX,CAAC;IAEF,yFAAyF;IACzF,MAAM,aAAa,GACjB,WAAW,KAAK,MAAM,IAAI,WAAW,KAAK,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC;IAExE,MAAM,YAAY,GAChB,aAAa,IAAI,OAAO,IAAI,IAAI;QAC9B,CAAC,CAAE;YACC,OAAO;YACP,KAAK,EAAE,KAAsB;YAC7B,MAAM,EAAE,aAAa;YACrB,QAAQ,EAAE,CAAC;YACX,OAAO,EAAE,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI;YACnE,aAAa,EAAE,EAAE;YACjB,GAAG,EAAE,CAAC;YACN,YAAY,EAAE,CAAC;YACf,YAAY,EAAE,OAAO;YACrB,UAAU,EAAE,OAAO;YACnB,eAAe,EAAE,CAAC;SACD;QACrB,CAAC,CAAC,IAAI,CAAC;IAEX,OAAO,CACL,eAAK,SAAS,EAAC,sDAAsD,aACnE,KAAC,UAAU,IAAC,KAAK,EAAE,CAAC,CAAC,YAAY,EAAE,MAAM,EAAE,MAAM,GAAI,EAErD,eAAK,SAAS,EAAC,qEAAqE,aAElF,cAAK,SAAS,EAAC,0EAA0E,YACtF,YAAY,CAAC,CAAC,CAAC,CACd,KAAC,uBAAuB,IACtB,KAAK,EAAE,YAAY,EACnB,IAAI,EAAC,IAAI,EACT,gBAAgB,EAAC,oFAAoF,EACrG,OAAO,EAAE,OAAO,GAChB,CACH,CAAC,CAAC,CAAC,CACF,IAAI,CAAC,IAAI,IAAI,CACX,cACE,GAAG,EAAE,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,EACvC,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,SAAS,EAAC,2CAA2C,GACrD,CACH,CACF,GACG,EAGN,cAAK,SAAS,EAAC,YAAY,YACzB,KAAC,WAAW,IACV,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,YAAY,GACtB,GACE,EAGL,KAAK,IAAI,CACR,cAAK,SAAS,EAAC,+DAA+D,YAAE,KAAK,GAAO,CAC7F,EAED,KAAC,aAAa,IACZ,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,IAAI,CAAC,SAAS,IAAI,UAAU,CAAC,SAAS,CAAC,EAC7D,QAAQ,EAAE,CAAC,OAAO,IAAI,SAAS,EAC/B,SAAS,EAAC,kBAAkB,YAE3B,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,GACrB,IACZ,IACF,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -2,6 +2,11 @@ import type { WalletPaymentOption } from "../api/walletTypes.js";
|
|
|
2
2
|
type SelectTokenPageProps = {
|
|
3
3
|
/** Token options, or null if not yet loaded */
|
|
4
4
|
options: WalletPaymentOption[] | null;
|
|
5
|
+
/**
|
|
6
|
+
* Show the required payment amount instead of the user's balance if amount
|
|
7
|
+
* is pre-set in the session.
|
|
8
|
+
*/
|
|
9
|
+
showRequired: boolean;
|
|
5
10
|
/** Loading state - show skeletons */
|
|
6
11
|
isLoading?: boolean;
|
|
7
12
|
/** Number of skeleton rows to show while loading */
|
|
@@ -11,6 +16,6 @@ type SelectTokenPageProps = {
|
|
|
11
16
|
baseUrl: string;
|
|
12
17
|
};
|
|
13
18
|
/** Token selection page for wallet payment flow */
|
|
14
|
-
export declare function SelectTokenPage({ options, isLoading, skeletonCount, onSelect, onBack, baseUrl, }: SelectTokenPageProps): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
export declare function SelectTokenPage({ options, showRequired, isLoading, skeletonCount, onSelect, onBack, baseUrl, }: SelectTokenPageProps): import("react/jsx-runtime").JSX.Element;
|
|
15
20
|
export {};
|
|
16
21
|
//# sourceMappingURL=SelectTokenPage.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectTokenPage.d.ts","sourceRoot":"","sources":["../../../src/web/components/SelectTokenPage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAYhF,KAAK,oBAAoB,GAAG;IAC1B,+CAA+C;IAC/C,OAAO,EAAE,mBAAmB,EAAE,GAAG,IAAI,CAAC;IACtC,qCAAqC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oDAAoD;IACpD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAChD,MAAM,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAC;IAC7B,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,mDAAmD;AACnD,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,SAAiB,EACjB,aAAkB,EAClB,QAAQ,EACR,MAAM,EACN,OAAO,GACR,EAAE,oBAAoB,
|
|
1
|
+
{"version":3,"file":"SelectTokenPage.d.ts","sourceRoot":"","sources":["../../../src/web/components/SelectTokenPage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAYhF,KAAK,oBAAoB,GAAG;IAC1B,+CAA+C;IAC/C,OAAO,EAAE,mBAAmB,EAAE,GAAG,IAAI,CAAC;IACtC;;;OAGG;IACH,YAAY,EAAE,OAAO,CAAC;IACtB,qCAAqC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oDAAoD;IACpD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAChD,MAAM,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAC;IAC7B,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,mDAAmD;AACnD,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,YAAY,EACZ,SAAiB,EACjB,aAAkB,EAClB,QAAQ,EACR,MAAM,EACN,OAAO,GACR,EAAE,oBAAoB,2CAsEtB"}
|
|
@@ -3,19 +3,19 @@ import { getChainName } from "../../common/chain.js";
|
|
|
3
3
|
import { t } from "../hooks/locale.js";
|
|
4
4
|
import { LIST_ROW_CLASS, ListRow, PageHeader, ScrollContent, TokenIconWithChainBadge, useScrollBorder, } from "./shared.js";
|
|
5
5
|
/** Token selection page for wallet payment flow */
|
|
6
|
-
export function SelectTokenPage({ options, isLoading = false, skeletonCount = 11, onSelect, onBack, baseUrl, }) {
|
|
6
|
+
export function SelectTokenPage({ options, showRequired, isLoading = false, skeletonCount = 11, onSelect, onBack, baseUrl, }) {
|
|
7
7
|
const { scrolled, atBottom, onScroll } = useScrollBorder();
|
|
8
8
|
// Show skeletons while loading
|
|
9
9
|
if (isLoading || options === null) {
|
|
10
|
-
return (_jsxs("div", { className: "flex flex-col flex-1 min-h-0", children: [_jsx(PageHeader, { title: t.selectToken, onBack: onBack, borderVisible: scrolled }), _jsx(ScrollContent, { onScroll: onScroll, atBottom: atBottom, fade: true, children: _jsx("div", { className: "flex flex-col gap-3", children: Array.from({ length: skeletonCount }).map((_, i) => (_jsx(SkeletonRow, {}, i))) }) })] }));
|
|
10
|
+
return (_jsxs("div", { className: "daimo-flex daimo-flex-col daimo-flex-1 daimo-min-h-0", children: [_jsx(PageHeader, { title: t.selectToken, onBack: onBack, borderVisible: scrolled }), _jsx(ScrollContent, { onScroll: onScroll, atBottom: atBottom, fade: true, children: _jsx("div", { className: "daimo-flex daimo-flex-col daimo-gap-3", children: Array.from({ length: skeletonCount }).map((_, i) => (_jsx(SkeletonRow, {}, i))) }) })] }));
|
|
11
11
|
}
|
|
12
12
|
const validOptions = options.filter((opt) => opt.balance.usd >= opt.minimumRequired.usd && !opt.disabledReason);
|
|
13
13
|
const disabledOptions = options.filter((opt) => opt.balance.usd < opt.minimumRequired.usd || opt.disabledReason);
|
|
14
|
-
return (_jsxs("div", { className: "flex flex-col flex-1 min-h-0", children: [_jsx(PageHeader, { title: t.selectToken, onBack: onBack, borderVisible: scrolled }), _jsx(ScrollContent, { onScroll: onScroll, atBottom: atBottom, fade: true, children: options.length === 0 ? (_jsx("div", { className: "flex flex-col items-center justify-center h-full gap-2", children: _jsx("p", { className: "text-[var(--daimo-text-secondary)]", children: t.noTokensFound }) })) : (_jsxs("div", { className: "flex flex-col gap-3", children: [validOptions.map((option) => (_jsx(TokenRow, { option: option, onSelect: onSelect, baseUrl: baseUrl }, getTokenKey(option.balance.token)))), disabledOptions.map((option) => (_jsx(TokenRow, { option: option, onSelect: onSelect, disabled: true, baseUrl: baseUrl }, getTokenKey(option.balance.token))))] })) })] }));
|
|
14
|
+
return (_jsxs("div", { className: "daimo-flex daimo-flex-col daimo-flex-1 daimo-min-h-0", children: [_jsx(PageHeader, { title: t.selectToken, onBack: onBack, borderVisible: scrolled }), _jsx(ScrollContent, { onScroll: onScroll, atBottom: atBottom, fade: true, children: options.length === 0 ? (_jsx("div", { className: "daimo-flex daimo-flex-col daimo-items-center daimo-justify-center daimo-h-full daimo-gap-2", children: _jsx("p", { className: "daimo-text-[var(--daimo-text-secondary)]", children: t.noTokensFound }) })) : (_jsxs("div", { className: "daimo-flex daimo-flex-col daimo-gap-3", children: [validOptions.map((option) => (_jsx(TokenRow, { option: option, showRequired: showRequired, onSelect: onSelect, baseUrl: baseUrl }, getTokenKey(option.balance.token)))), disabledOptions.map((option) => (_jsx(TokenRow, { option: option, showRequired: showRequired, onSelect: onSelect, disabled: true, baseUrl: baseUrl }, getTokenKey(option.balance.token))))] })) })] }));
|
|
15
15
|
}
|
|
16
16
|
/** Skeleton loading row - matches TokenRow dimensions with token + chain badge */
|
|
17
17
|
function SkeletonRow() {
|
|
18
|
-
return (_jsxs("div", { className: `${LIST_ROW_CLASS} animate-pulse`, children: [_jsxs("div", { className: "flex-1 min-w-0 mr-3", children: [_jsx("div", { className: "h-5 w-48 rounded mb-2", style: { backgroundColor: "var(--daimo-skeleton)" } }), _jsx("div", { className: "h-4 w-32 rounded", style: { backgroundColor: "var(--daimo-skeleton)" } })] }), _jsxs("div", { className: "relative w-8 h-8 shrink-0", children: [_jsx("div", { className: "w-8 h-8 rounded-full", style: { backgroundColor: "var(--daimo-skeleton)" } }), _jsx("div", { className: "absolute -bottom-0.5 -right-0.5 w-[15px] h-[15px] rounded-full", style: {
|
|
18
|
+
return (_jsxs("div", { className: `${LIST_ROW_CLASS} daimo-animate-daimo-pulse`, children: [_jsxs("div", { className: "daimo-flex-1 daimo-min-w-0 daimo-mr-3", children: [_jsx("div", { className: "daimo-h-5 daimo-w-48 daimo-rounded daimo-mb-2", style: { backgroundColor: "var(--daimo-skeleton)" } }), _jsx("div", { className: "daimo-h-4 daimo-w-32 daimo-rounded", style: { backgroundColor: "var(--daimo-skeleton)" } })] }), _jsxs("div", { className: "daimo-relative daimo-w-8 daimo-h-8 daimo-shrink-0", children: [_jsx("div", { className: "daimo-w-8 daimo-h-8 daimo-rounded-full", style: { backgroundColor: "var(--daimo-skeleton)" } }), _jsx("div", { className: "daimo-absolute -daimo-bottom-0.5 -daimo-right-0.5 daimo-w-[15px] daimo-h-[15px] daimo-rounded-full", style: {
|
|
19
19
|
backgroundColor: "var(--daimo-skeleton)",
|
|
20
20
|
border: "1px solid var(--daimo-surface-secondary)",
|
|
21
21
|
} })] })] }));
|
|
@@ -24,19 +24,20 @@ function SkeletonRow() {
|
|
|
24
24
|
* Token option row - 64px height, matching ChooseOptionPage row style.
|
|
25
25
|
* Shows "$X TOKEN on Chain" with "Y TOKEN" subtitle.
|
|
26
26
|
*/
|
|
27
|
-
function TokenRow({ option, onSelect, disabled = false, baseUrl }) {
|
|
28
|
-
const
|
|
29
|
-
const
|
|
30
|
-
const
|
|
27
|
+
function TokenRow({ option, showRequired = false, onSelect, disabled = false, baseUrl }) {
|
|
28
|
+
const display = showRequired ? option.required : option.balance;
|
|
29
|
+
const chainName = getChainName(display.token.chainId);
|
|
30
|
+
const tokenAmount = formatTokenAmount(display.amount, display.token);
|
|
31
|
+
const usdAmount = formatUsdAmount(display.usd);
|
|
31
32
|
const disabledReason = option.disabledReason ??
|
|
32
33
|
(option.balance.usd < option.minimumRequired.usd
|
|
33
34
|
? `$${option.minimumRequired.usd.toFixed(2)} ${t.minimum.toLowerCase()}`
|
|
34
35
|
: null);
|
|
35
|
-
const title = `$${usdAmount} ${
|
|
36
|
+
const title = `$${usdAmount} ${display.token.symbol} ${t.onChain} ${chainName}`;
|
|
36
37
|
const subtitle = disabled && disabledReason
|
|
37
38
|
? disabledReason
|
|
38
|
-
: `${tokenAmount} ${
|
|
39
|
-
return (_jsx(ListRow, { label: title, subtitle: subtitle, right: _jsx(TokenIconWithChainBadge, { token:
|
|
39
|
+
: `${tokenAmount} ${display.token.symbol}`;
|
|
40
|
+
return (_jsx(ListRow, { label: title, subtitle: subtitle, right: _jsx(TokenIconWithChainBadge, { token: display.token, size: "sm", baseUrl: baseUrl }), onClick: () => onSelect(option), disabled: disabled }));
|
|
40
41
|
}
|
|
41
42
|
// --- Helpers ---
|
|
42
43
|
/** Unique key for a token */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectTokenPage.js","sourceRoot":"","sources":["../../../src/web/components/SelectTokenPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAGrD,OAAO,EAAE,CAAC,EAAE,MAAM,oBAAoB,CAAC;AACvC,OAAO,EACL,cAAc,EACd,OAAO,EACP,UAAU,EACV,aAAa,EACb,uBAAuB,EACvB,eAAe,GAChB,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"SelectTokenPage.js","sourceRoot":"","sources":["../../../src/web/components/SelectTokenPage.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WaitingDepositAddressPage.d.ts","sourceRoot":"","sources":["../../../src/web/components/WaitingDepositAddressPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"WaitingDepositAddressPage.d.ts","sourceRoot":"","sources":["../../../src/web/components/WaitingDepositAddressPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAmB/D,KAAK,YAAY,GAAG,MAAM,GAAG,MAAM,CAAC;AAUpC,KAAK,8BAA8B,GAAG;IACpC,IAAI,EAAE,qBAAqB,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,wBAAgB,yBAAyB,CAAC,EACxC,IAAI,EACJ,SAAS,EACT,aAAa,EACb,SAAS,EACT,YAAiB,EACjB,OAAe,EACf,MAAM,EACN,SAAS,EACT,OAAO,GACR,EAAE,8BAA8B,2CAsFhC"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { TokenLogo } from "../../common/token.js";
|
|
3
3
|
import { tron } from "../../common/chain.js";
|
|
4
|
-
import {
|
|
4
|
+
import { useMemo, useState } from "react";
|
|
5
5
|
import { getAddress } from "viem";
|
|
6
6
|
import { SecondaryButton } from "./buttons.js";
|
|
7
|
+
import { Countdown, useCountdown } from "./Countdown.js";
|
|
7
8
|
import { useDaimoClient } from "../hooks/DaimoClientContext.js";
|
|
8
9
|
import { t } from "../hooks/locale.js";
|
|
9
10
|
import { createNavLogger } from "../hooks/navEvent.js";
|
|
@@ -28,7 +29,7 @@ export function WaitingDepositAddressPage({ node, amountUsd, selectedToken, sess
|
|
|
28
29
|
const [showQR, setShowQR] = useState(false);
|
|
29
30
|
const tokenSuffix = selectedToken ?? node.tokenSuffix ?? "USDT or USDC";
|
|
30
31
|
const nodeCtx = { nodeId: node.id, nodeType: node.type };
|
|
31
|
-
const { remainingS, isExpired } = useCountdown(node.expiresAt);
|
|
32
|
+
const { remainingS, isExpired } = useCountdown(node.expiresAt, DA_LIFETIME_S);
|
|
32
33
|
const handleQRToggle = () => {
|
|
33
34
|
if (!hasAddress)
|
|
34
35
|
return;
|
|
@@ -47,16 +48,16 @@ export function WaitingDepositAddressPage({ node, amountUsd, selectedToken, sess
|
|
|
47
48
|
const pageTitle = selectedToken
|
|
48
49
|
? `${t.deposit} ${selectedToken}`
|
|
49
50
|
: `${t.depositOn} ${node.title}`;
|
|
50
|
-
return (_jsxs("div", { className: "flex flex-col flex-1 min-h-0", children: [_jsx(PageHeader, { title: pageTitle, onBack: onBack }), _jsxs("div", { className: "flex-1 flex flex-col items-center p-6 gap-6", children: [isExpired ? (_jsx("div", { className: "h-24 flex items-center justify-center", children: _jsx(SecondaryButton, { onClick: onRefresh, children: t.generateNewAddress }) })) : (_jsx(LogoOrQR, { showQR: showQR, address: address, node: node, selectedToken: selectedToken, baseUrl: baseUrl })), !isExpired && hasAddress && (_jsx(QRToggleButton, { showQR: showQR, onToggle: handleQRToggle })), _jsxs("div", { className: "w-full max-w-sm space-y-3", children: [hasAddress ? (_jsx(CopyableInfoCard, { label: t.oneTimeAddress, value: address, displayValue: shortAddress, disabled: isExpired, onCopy: handleCopyAddress })) : (_jsx(AddressSkeleton, {})), _jsx(CopyableInfoCard, { label: t.amount, value: amountUsd.toFixed(2), suffix: tokenSuffix, disabled: isExpired })] }), _jsx(Countdown, { remainingS: remainingS, isExpired: isExpired })] })] }));
|
|
51
|
+
return (_jsxs("div", { className: "daimo-flex daimo-flex-col daimo-flex-1 daimo-min-h-0", children: [_jsx(PageHeader, { title: pageTitle, onBack: onBack }), _jsxs("div", { className: "daimo-flex-1 daimo-flex daimo-flex-col daimo-items-center daimo-p-6 daimo-gap-6", children: [isExpired ? (_jsx("div", { className: "daimo-h-24 daimo-flex daimo-items-center daimo-justify-center", children: _jsx(SecondaryButton, { onClick: onRefresh, children: t.generateNewAddress }) })) : (_jsx(LogoOrQR, { showQR: showQR, address: address, node: node, selectedToken: selectedToken, baseUrl: baseUrl })), !isExpired && hasAddress && (_jsx(QRToggleButton, { showQR: showQR, onToggle: handleQRToggle })), _jsxs("div", { className: "daimo-w-full daimo-max-w-sm daimo-space-y-3", children: [hasAddress ? (_jsx(CopyableInfoCard, { label: t.oneTimeAddress, value: address, displayValue: shortAddress, disabled: isExpired, onCopy: handleCopyAddress })) : (_jsx(AddressSkeleton, {})), _jsx(CopyableInfoCard, { label: t.amount, value: amountUsd.toFixed(2), suffix: tokenSuffix, disabled: isExpired })] }), _jsx(Countdown, { remainingS: remainingS, isExpired: isExpired, totalS: DA_LIFETIME_S })] })] }));
|
|
51
52
|
}
|
|
52
53
|
// --- Sub-components ---
|
|
53
54
|
/** Token icon (large) or QR code with token icon in center. Animated crossfade. */
|
|
54
55
|
function LogoOrQR({ showQR, address, node, selectedToken, baseUrl, }) {
|
|
55
|
-
return (_jsxs("div", { className: "relative w-full flex items-center justify-center", children: [_jsx("div", { className: "w-full max-w-[200px] sm:max-w-[260px] transition-qr-spacer", style: { height: showQR ? "226px" : "96px" } }), _jsx("div", { className: "absolute inset-0 flex items-center justify-center transition-qr", style: {
|
|
56
|
+
return (_jsxs("div", { className: "daimo-relative daimo-w-full daimo-flex daimo-items-center daimo-justify-center", children: [_jsx("div", { className: "daimo-w-full daimo-max-w-[200px] sm:daimo-max-w-[260px] daimo-transition-qr-spacer", style: { height: showQR ? "226px" : "96px" } }), _jsx("div", { className: "daimo-absolute daimo-inset-0 daimo-flex daimo-items-center daimo-justify-center daimo-transition-qr", style: {
|
|
56
57
|
opacity: showQR ? 1 : 0,
|
|
57
58
|
transform: showQR ? "scale(1)" : "scale(0.96)",
|
|
58
59
|
pointerEvents: showQR ? "auto" : "none",
|
|
59
|
-
}, children: _jsx("div", { className: "w-full max-w-[200px] sm:max-w-[260px]", children: _jsx(QRCode, { value: address, image: _jsx(TokenIcon, { node: node, selectedToken: selectedToken, size: "qr", baseUrl: baseUrl }) }) }) }), _jsx("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none", children: _jsx("div", { className: "transition-qr-icon", style: {
|
|
60
|
+
}, children: _jsx("div", { className: "daimo-w-full daimo-max-w-[200px] sm:daimo-max-w-[260px]", children: _jsx(QRCode, { value: address, image: _jsx(TokenIcon, { node: node, selectedToken: selectedToken, size: "qr", baseUrl: baseUrl }) }) }) }), _jsx("div", { className: "daimo-absolute daimo-inset-0 daimo-flex daimo-items-center daimo-justify-center daimo-pointer-events-none", children: _jsx("div", { className: "daimo-transition-qr-icon", style: {
|
|
60
61
|
transform: showQR ? "scale(0.6)" : "scale(1)",
|
|
61
62
|
opacity: showQR ? 0 : 1,
|
|
62
63
|
}, children: _jsx(TokenIcon, { node: node, selectedToken: selectedToken, size: "lg", baseUrl: baseUrl }) }) })] }));
|
|
@@ -65,39 +66,24 @@ function LogoOrQR({ showQR, address, node, selectedToken, baseUrl, }) {
|
|
|
65
66
|
function TokenIcon({ node, selectedToken, size, baseUrl, }) {
|
|
66
67
|
if (selectedToken) {
|
|
67
68
|
return (_jsx(TokenIconWithChainBadge, { chainId: node.chainId, symbol: selectedToken, logoURI: depositTokenLogos[selectedToken], size: size, baseUrl: baseUrl, badgeBorderClass: size === "qr"
|
|
68
|
-
? "border-[1.5px] bg-[var(--daimo-qr-bg,white)] border-[var(--daimo-qr-bg,white)]"
|
|
69
|
-
: "border-2 bg-[var(--daimo-surface)] border-[var(--daimo-surface)]" }));
|
|
69
|
+
? "daimo-border-[1.5px] daimo-bg-[var(--daimo-qr-bg,white)] daimo-border-[var(--daimo-qr-bg,white)]"
|
|
70
|
+
: "daimo-border-2 daimo-bg-[var(--daimo-surface)] daimo-border-[var(--daimo-surface)]" }));
|
|
70
71
|
}
|
|
71
72
|
if (node.icon) {
|
|
72
|
-
const iconSize = size === "qr" ? "w-12 h-12" : "w-20 h-20";
|
|
73
|
-
return (_jsx("img", { src: resolveIconUrl(node.icon, baseUrl), alt: node.title, className: `${iconSize} rounded-full` }));
|
|
73
|
+
const iconSize = size === "qr" ? "daimo-w-12 daimo-h-12" : "daimo-w-20 daimo-h-20";
|
|
74
|
+
return (_jsx("img", { src: resolveIconUrl(node.icon, baseUrl), alt: node.title, className: `${iconSize} daimo-rounded-full` }));
|
|
74
75
|
}
|
|
75
76
|
return null;
|
|
76
77
|
}
|
|
77
78
|
function QRToggleButton({ showQR, onToggle, }) {
|
|
78
|
-
return (_jsxs("button", { onClick: onToggle, className: "flex items-center gap-2 text-[var(--daimo-text-secondary)] min-h-[44px] touch-action-manipulation", "aria-label": showQR ? t.hideQR : t.showQR, children: [_jsx("span", { className: "text-sm", children: showQR ? t.hideQR : t.showQR }), _jsx(QRIcon, {})] }));
|
|
79
|
+
return (_jsxs("button", { onClick: onToggle, className: "daimo-flex daimo-items-center daimo-gap-2 daimo-text-[var(--daimo-text-secondary)] daimo-min-h-[44px] daimo-touch-action-manipulation", "aria-label": showQR ? t.hideQR : t.showQR, children: [_jsx("span", { className: "daimo-text-sm", children: showQR ? t.hideQR : t.showQR }), _jsx(QRIcon, {})] }));
|
|
79
80
|
}
|
|
80
81
|
function AddressSkeleton() {
|
|
81
|
-
return (_jsxs("div", { className: "w-full min-h-[56px] p-4 bg-[var(--daimo-surface-secondary)] rounded-[var(--daimo-radius-sm)] flex flex-col gap-2", children: [_jsx("div", { className: "h-3 w-24 rounded animate-pulse", style: { backgroundColor: "var(--daimo-skeleton)" } }), _jsx("div", { className: "h-5 w-40 rounded animate-pulse", style: {
|
|
82
|
+
return (_jsxs("div", { className: "daimo-w-full daimo-min-h-[56px] daimo-p-4 daimo-bg-[var(--daimo-surface-secondary)] daimo-rounded-[var(--daimo-radius-sm)] daimo-flex daimo-flex-col daimo-gap-2", children: [_jsx("div", { className: "daimo-h-3 daimo-w-24 daimo-rounded daimo-animate-daimo-pulse", style: { backgroundColor: "var(--daimo-skeleton)" } }), _jsx("div", { className: "daimo-h-5 daimo-w-40 daimo-rounded daimo-animate-daimo-pulse", style: {
|
|
82
83
|
backgroundColor: "var(--daimo-skeleton)",
|
|
83
84
|
animationDelay: "100ms",
|
|
84
85
|
} })] }));
|
|
85
86
|
}
|
|
86
|
-
function Countdown({ remainingS, isExpired, }) {
|
|
87
|
-
const m = `${Math.floor(remainingS / 60)}`.padStart(2, "0");
|
|
88
|
-
const s = `${remainingS % 60}`.padStart(2, "0");
|
|
89
|
-
return (_jsxs("div", { className: "flex flex-col items-center gap-1", children: [_jsx("span", { className: "text-sm text-[var(--daimo-text)]", children: isExpired ? t.expired : t.expiresIn }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(CircleTimer, { remainingS: remainingS, totalS: DA_LIFETIME_S }), _jsx("span", { className: "font-semibold tabular-nums", style: {
|
|
90
|
-
color: isExpired ? "var(--daimo-error)" : "var(--daimo-text)",
|
|
91
|
-
}, children: isExpired ? t.expired : `${m}:${s}` })] })] }));
|
|
92
|
-
}
|
|
93
|
-
function CircleTimer({ remainingS, totalS, }) {
|
|
94
|
-
const size = 18;
|
|
95
|
-
const strokeWidth = 3;
|
|
96
|
-
const radius = (size - strokeWidth) / 2;
|
|
97
|
-
const circumference = 2 * Math.PI * radius;
|
|
98
|
-
const offset = circumference * (1 - (totalS > 0 ? remainingS / totalS : 0));
|
|
99
|
-
return (_jsxs("svg", { width: size, height: size, className: "transform -rotate-90", children: [_jsx("circle", { cx: size / 2, cy: size / 2, r: radius, fill: "none", stroke: "var(--daimo-placeholder)", strokeWidth: strokeWidth }), _jsx("circle", { cx: size / 2, cy: size / 2, r: radius, fill: "none", stroke: remainingS > 0 ? "var(--daimo-success)" : "var(--daimo-error)", strokeWidth: strokeWidth, strokeDasharray: circumference, strokeDashoffset: offset, strokeLinecap: "round" })] }));
|
|
100
|
-
}
|
|
101
87
|
function QRIcon() {
|
|
102
88
|
return (_jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M3.75 4.875c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5A1.125 1.125 0 0 1 3.75 9.375v-4.5Z" }), _jsx("path", { d: "M3.75 14.625c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5a1.125 1.125 0 0 1-1.125-1.125v-4.5Z" }), _jsx("path", { d: "M13.5 4.875c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5A1.125 1.125 0 0 1 13.5 9.375v-4.5Z" }), _jsx("path", { d: "M6.75 6.75h.75v.75h-.75v-.75Z" }), _jsx("path", { d: "M6.75 16.5h.75v.75h-.75v-.75Z" }), _jsx("path", { d: "M16.5 6.75h.75v.75h-.75v-.75Z" }), _jsx("path", { d: "M13.5 13.5h.75v.75h-.75v-.75Z" }), _jsx("path", { d: "M13.5 19.5h.75v.75h-.75v-.75Z" }), _jsx("path", { d: "M19.5 13.5h.75v.75h-.75v-.75Z" }), _jsx("path", { d: "M19.5 19.5h.75v.75h-.75v-.75Z" }), _jsx("path", { d: "M16.5 16.5h.75v.75h-.75v-.75Z" })] }));
|
|
103
89
|
}
|
|
@@ -107,20 +93,4 @@ function normalizeAddress(addr, chainId) {
|
|
|
107
93
|
return addr;
|
|
108
94
|
return getAddress(addr);
|
|
109
95
|
}
|
|
110
|
-
/** Countdown hook — ticks every second once expiresAt is set. */
|
|
111
|
-
function useCountdown(expiresAt) {
|
|
112
|
-
const hasExpiry = expiresAt > 0;
|
|
113
|
-
const [remainingS, setRemainingS] = useState(() => hasExpiry
|
|
114
|
-
? Math.max(0, Math.floor(expiresAt - Date.now() / 1000))
|
|
115
|
-
: DA_LIFETIME_S);
|
|
116
|
-
useEffect(() => {
|
|
117
|
-
if (!hasExpiry)
|
|
118
|
-
return;
|
|
119
|
-
const interval = setInterval(() => {
|
|
120
|
-
setRemainingS(Math.max(0, Math.floor(expiresAt - Date.now() / 1000)));
|
|
121
|
-
}, 1000);
|
|
122
|
-
return () => clearInterval(interval);
|
|
123
|
-
}, [expiresAt, hasExpiry]);
|
|
124
|
-
return { remainingS, isExpired: hasExpiry && remainingS === 0 };
|
|
125
|
-
}
|
|
126
96
|
//# sourceMappingURL=WaitingDepositAddressPage.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WaitingDepositAddressPage.js","sourceRoot":"","sources":["../../../src/web/components/WaitingDepositAddressPage.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"WaitingDepositAddressPage.js","sourceRoot":"","sources":["../../../src/web/components/WaitingDepositAddressPage.tsx"],"names":[],"mappings":"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"}
|
|
@@ -130,18 +130,18 @@ export function WalletAmountPage({ token, onBack, onContinue, baseUrl, }) {
|
|
|
130
130
|
return getBalanceMessage();
|
|
131
131
|
};
|
|
132
132
|
const messageColor = showMinWarning || showMaxWarning
|
|
133
|
-
? "text-[var(--daimo-text)]"
|
|
134
|
-
: "text-[var(--daimo-text-secondary)]";
|
|
133
|
+
? "daimo-text-[var(--daimo-text)]"
|
|
134
|
+
: "daimo-text-[var(--daimo-text-secondary)]";
|
|
135
135
|
// Secondary amount for switch button
|
|
136
136
|
const secondaryAmount = isEditingUsd
|
|
137
137
|
? `${tokenStr || "0"} ${balanceToken.symbol}`
|
|
138
138
|
: `$${usdStr || roundUsd(0)}`;
|
|
139
|
-
return (_jsxs("div", { className: "flex flex-col flex-1 min-h-0", children: [_jsx(PageHeader, { title: t.enterAmount, onBack: onBack }), _jsxs("div", { className: "flex-1 flex flex-col items-center justify-center p-6", children: [_jsx("div", { className: "mb-3", children: _jsx(TokenIconWithChainBadge, { token: balanceToken, size: "lg", baseUrl: baseUrl }) }), _jsxs("div", { className: "flex items-center justify-center gap-2", children: [_jsx("span", { className: "invisible py-[3px] px-2 text-sm", children: t.max }), _jsxs("div", { className: "flex items-center justify-center gap-1", children: [isEditingUsd && (_jsx("span", { className: `text-[24px] font-semibold tabular-nums ${usdStr ? "text-[var(--daimo-text)]" : "text-[var(--daimo-placeholder)]"}`, children: "$" })), _jsx("input", { type: "text", inputMode: "decimal", value: currentValue, onChange: handleInputChange, onKeyDown: handleKeyDown, placeholder: "0.00", className: "bg-transparent font-semibold text-[var(--daimo-text)] placeholder-[var(--daimo-placeholder)] outline-none border-none shadow-none caret-[var(--daimo-text-muted)] tabular-nums ring-0 focus:outline-none focus:ring-0 focus:border-none focus:shadow-none", style: {
|
|
139
|
+
return (_jsxs("div", { className: "daimo-flex daimo-flex-col daimo-flex-1 daimo-min-h-0", children: [_jsx(PageHeader, { title: t.enterAmount, onBack: onBack }), _jsxs("div", { className: "daimo-flex-1 daimo-flex daimo-flex-col daimo-items-center daimo-justify-center daimo-p-6", children: [_jsx("div", { className: "daimo-mb-3", children: _jsx(TokenIconWithChainBadge, { token: balanceToken, size: "lg", baseUrl: baseUrl }) }), _jsxs("div", { className: "daimo-flex daimo-items-center daimo-justify-center daimo-gap-2", children: [_jsx("span", { className: "daimo-invisible daimo-py-[3px] daimo-px-2 daimo-text-sm", children: t.max }), _jsxs("div", { className: "daimo-flex daimo-items-center daimo-justify-center daimo-gap-1", children: [isEditingUsd && (_jsx("span", { className: `daimo-text-[24px] daimo-font-semibold daimo-tabular-nums ${usdStr ? "daimo-text-[var(--daimo-text)]" : "daimo-text-[var(--daimo-placeholder)]"}`, children: "$" })), _jsx("input", { type: "text", inputMode: "decimal", value: currentValue, onChange: handleInputChange, onKeyDown: handleKeyDown, placeholder: "0.00", className: "daimo-bg-transparent daimo-font-semibold daimo-text-[var(--daimo-text)] daimo-placeholder-[var(--daimo-placeholder)] daimo-outline-none daimo-border-none daimo-shadow-none daimo-caret-[var(--daimo-text-muted)] daimo-tabular-nums daimo-ring-0 focus:daimo-outline-none focus:daimo-ring-0 focus:daimo-border-none focus:daimo-shadow-none", style: {
|
|
140
140
|
width: inputWidth,
|
|
141
141
|
minWidth: "1ch",
|
|
142
142
|
maxWidth: "10ch",
|
|
143
143
|
fontSize: "clamp(16px, 30px, 30px)", // 30px with 16px min to prevent iOS zoom
|
|
144
|
-
}, autoFocus: shouldAutoFocus }), !isEditingUsd && (_jsx("span", { className: "text-base font-normal text-[var(--daimo-text-muted)]", children: balanceToken.symbol }))] }), _jsx("button", { onClick: handleMax, className: "py-[3px] px-2 text-sm font-normal rounded-full bg-[var(--daimo-surface-secondary)] text-[var(--daimo-text-secondary)] hover:[@media(hover:hover)]:bg-[var(--daimo-surface-hover)] touch-action-manipulation transition-[background-color] duration-100 ease", children: t.max })] }), !isUsdStablecoin && (_jsx("div", { children: _jsx(SwitchButton, { onClick: handleSwitchCurrency, secondaryAmount: secondaryAmount, isEditingUsd: isEditingUsd }) })), _jsx("p", { className: `${messageColor} text-base font-normal leading-[21px] tabular-nums mb-6`, children: getMessage() }), _jsx(PrimaryButton, { onClick: () => isValid && onContinue(amountUsd), disabled: !isValid, className: "max-w-none", children: t.continue })] })] }));
|
|
144
|
+
}, autoFocus: shouldAutoFocus }), !isEditingUsd && (_jsx("span", { className: "daimo-text-base daimo-font-normal daimo-text-[var(--daimo-text-muted)]", children: balanceToken.symbol }))] }), _jsx("button", { onClick: handleMax, className: "daimo-py-[3px] daimo-px-2 daimo-text-sm daimo-font-normal daimo-rounded-full daimo-bg-[var(--daimo-surface-secondary)] daimo-text-[var(--daimo-text-secondary)] hover:[@media(hover:hover)]:daimo-bg-[var(--daimo-surface-hover)] daimo-touch-action-manipulation daimo-transition-[background-color] daimo-duration-100 daimo-ease", children: t.max })] }), !isUsdStablecoin && (_jsx("div", { children: _jsx(SwitchButton, { onClick: handleSwitchCurrency, secondaryAmount: secondaryAmount, isEditingUsd: isEditingUsd }) })), _jsx("p", { className: `${messageColor} daimo-text-base daimo-font-normal daimo-leading-[21px] daimo-tabular-nums daimo-mb-6`, children: getMessage() }), _jsx(PrimaryButton, { onClick: () => isValid && onContinue(amountUsd), disabled: !isValid, className: "daimo-max-w-none", children: t.continue })] })] }));
|
|
145
145
|
}
|
|
146
146
|
// --- Helpers ---
|
|
147
147
|
const USD_DECIMALS = 2;
|
|
@@ -158,9 +158,9 @@ function stripTrailingZeros(val) {
|
|
|
158
158
|
return val.includes(".") ? val.replace(/\.?0+$/, "") : val;
|
|
159
159
|
}
|
|
160
160
|
function SwitchButton({ onClick, secondaryAmount, isEditingUsd, }) {
|
|
161
|
-
return (_jsxs("button", { onClick: onClick, className: "flex items-center gap-1 py-3 px-4 hover:[@media(hover:hover)]:opacity-70 active:opacity-50 touch-action-manipulation transition-opacity duration-150 ease", children: [_jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", className: "text-[var(--daimo-text-muted)]", style: {
|
|
161
|
+
return (_jsxs("button", { onClick: onClick, className: "daimo-flex daimo-items-center daimo-gap-1 daimo-py-3 daimo-px-4 hover:[@media(hover:hover)]:daimo-opacity-70 active:daimo-opacity-50 daimo-touch-action-manipulation daimo-transition-opacity daimo-duration-150 daimo-ease", children: [_jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", className: "daimo-text-[var(--daimo-text-muted)]", style: {
|
|
162
162
|
transform: isEditingUsd ? "scaleY(1)" : "scaleY(-1)",
|
|
163
163
|
transition: "transform 0.2s ease-in-out",
|
|
164
|
-
}, children: _jsx("path", { d: "M3 7.5 7.5 3m0 0L12 7.5M7.5 3v13.5m13.5 0L16.5 21m0 0L12 16.5m4.5 4.5V7.5", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", strokeLinejoin: "round" }) }), _jsx("span", { className: "text-base font-normal leading-[21px] text-[var(--daimo-text-secondary)] tabular-nums", children: secondaryAmount })] }));
|
|
164
|
+
}, children: _jsx("path", { d: "M3 7.5 7.5 3m0 0L12 7.5M7.5 3v13.5m13.5 0L16.5 21m0 0L12 16.5m4.5 4.5V7.5", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", strokeLinejoin: "round" }) }), _jsx("span", { className: "daimo-text-base daimo-font-normal daimo-leading-[21px] daimo-text-[var(--daimo-text-secondary)] daimo-tabular-nums", children: secondaryAmount })] }));
|
|
165
165
|
}
|
|
166
166
|
//# sourceMappingURL=WalletAmountPage.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WalletAmountPage.js","sourceRoot":"","sources":["../../../src/web/components/WalletAmountPage.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"WalletAmountPage.js","sourceRoot":"","sources":["../../../src/web/components/WalletAmountPage.tsx"],"names":[],"mappings":"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"}
|