@rhinestone/deposit-modal 0.1.13 → 0.1.14

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.
Files changed (4) hide show
  1. package/dist/index.cjs +548 -428
  2. package/dist/index.mjs +528 -409
  3. package/dist/styles.css +76 -21
  4. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -240,7 +240,89 @@ var init_Button = __esm({
240
240
  }
241
241
  });
242
242
 
243
+ // src/components/ui/Icons.tsx
244
+ function WalletIcon() {
245
+ return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
246
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
247
+ "rect",
248
+ {
249
+ x: "3",
250
+ y: "6",
251
+ width: "18",
252
+ height: "13",
253
+ rx: "2",
254
+ strokeLinecap: "round",
255
+ strokeLinejoin: "round"
256
+ }
257
+ ),
258
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
259
+ "path",
260
+ {
261
+ d: "M16 12.5a1 1 0 100-2 1 1 0 000 2z",
262
+ fill: "currentColor",
263
+ stroke: "none"
264
+ }
265
+ ),
266
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M3 10h18", strokeLinecap: "round" })
267
+ ] });
268
+ }
269
+ function ExternalLinkIcon() {
270
+ return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
271
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
272
+ "path",
273
+ {
274
+ d: "M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5",
275
+ strokeLinecap: "round",
276
+ strokeLinejoin: "round"
277
+ }
278
+ ),
279
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M15 3h6v6", strokeLinecap: "round", strokeLinejoin: "round" }),
280
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M10 14L21 3", strokeLinecap: "round", strokeLinejoin: "round" })
281
+ ] });
282
+ }
283
+ function TransferIcon() {
284
+ return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
285
+ "path",
286
+ {
287
+ d: "M7.5 21L3 16.5m0 0L7.5 12M3 16.5h13.5m0-9L21 12m0 0l-4.5 4.5M21 12H7.5",
288
+ strokeLinecap: "round",
289
+ strokeLinejoin: "round"
290
+ }
291
+ ) });
292
+ }
293
+ function CheckIcon() {
294
+ return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
295
+ "path",
296
+ {
297
+ d: "M5 13l4 4L19 7",
298
+ strokeLinecap: "round",
299
+ strokeLinejoin: "round"
300
+ }
301
+ ) });
302
+ }
303
+ function ChevronRightIcon() {
304
+ return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
305
+ "path",
306
+ {
307
+ d: "M9 5l7 7-7 7",
308
+ strokeLinecap: "round",
309
+ strokeLinejoin: "round"
310
+ }
311
+ ) });
312
+ }
313
+ var import_jsx_runtime4;
314
+ var init_Icons = __esm({
315
+ "src/components/ui/Icons.tsx"() {
316
+ "use strict";
317
+ import_jsx_runtime4 = require("react/jsx-runtime");
318
+ }
319
+ });
320
+
243
321
  // src/components/steps/ConnectStep.tsx
322
+ function rowIcon(kind) {
323
+ if (kind === "connected") return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(WalletIcon, {});
324
+ return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ExternalLinkIcon, {});
325
+ }
244
326
  function ConnectStep({
245
327
  walletOptions,
246
328
  selectedAddress,
@@ -256,52 +338,70 @@ function ConnectStep({
256
338
  if (hasWalletOptions) {
257
339
  const hasExternalWallet = walletOptions?.some((option) => option.kind === "external") ?? false;
258
340
  const showConnectDifferentWalletOption = Boolean(onConnect) && !hasExternalWallet;
259
- return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "rs-step", children: [
260
- /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "rs-connect-centered rs-connect-centered--wallets", children: [
261
- /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "rs-connect-wallet-list", children: [
341
+ return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "rs-step", children: [
342
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "rs-connect-centered rs-connect-centered--wallets", children: [
343
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "rs-connect-wallet-list", children: [
262
344
  walletOptions?.map((option) => {
263
345
  const isSelected = option.address.toLowerCase() === (selectedAddress ?? "").toLowerCase();
264
346
  const shortAddress = `${option.address.slice(0, 6)}...${option.address.slice(-4)}`;
265
- return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
347
+ return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
266
348
  "button",
267
349
  {
268
350
  type: "button",
269
351
  className: `rs-connect-wallet-row ${isSelected ? "rs-connect-wallet-row--selected" : ""}`,
270
352
  onClick: () => onSelectAddress?.(option.address),
271
- children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "rs-connect-wallet-meta", children: [
272
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "rs-connect-wallet-label", children: option.label }),
273
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "rs-connect-wallet-address", children: shortAddress })
274
- ] })
353
+ children: [
354
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
355
+ "div",
356
+ {
357
+ className: `rs-connect-wallet-icon ${isSelected ? "rs-connect-wallet-icon--selected" : ""}`,
358
+ children: rowIcon(option.kind)
359
+ }
360
+ ),
361
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "rs-connect-wallet-meta", children: [
362
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "rs-connect-wallet-label", children: option.label }),
363
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "rs-connect-wallet-address", children: shortAddress })
364
+ ] }),
365
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "rs-connect-wallet-indicator", children: isSelected ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(CheckIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ChevronRightIcon, {}) })
366
+ ]
275
367
  },
276
368
  `${option.label}-${option.address}`
277
369
  );
278
370
  }),
279
- showConnectDifferentWalletOption && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
371
+ showConnectDifferentWalletOption && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
280
372
  "button",
281
373
  {
282
374
  type: "button",
283
375
  className: "rs-connect-wallet-row rs-connect-wallet-row--action",
284
376
  onClick: onConnect,
285
- children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "rs-connect-wallet-meta", children: [
286
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "rs-connect-wallet-label", children: "External Wallet" }),
287
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "rs-connect-wallet-address", children: "Connect different wallet" })
288
- ] })
377
+ children: [
378
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "rs-connect-wallet-icon rs-connect-wallet-icon--action", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ExternalLinkIcon, {}) }),
379
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "rs-connect-wallet-meta", children: [
380
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "rs-connect-wallet-label", children: "External Wallet" }),
381
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "rs-connect-wallet-address", children: "Connect different wallet" })
382
+ ] }),
383
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "rs-connect-wallet-indicator", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ChevronRightIcon, {}) })
384
+ ]
289
385
  }
290
386
  ),
291
- onSelectTransferCrypto && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
387
+ onSelectTransferCrypto && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
292
388
  "button",
293
389
  {
294
390
  type: "button",
295
391
  className: "rs-connect-wallet-row rs-connect-wallet-row--action",
296
392
  onClick: onSelectTransferCrypto,
297
- children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "rs-connect-wallet-meta", children: [
298
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "rs-connect-wallet-label", children: "Transfer Crypto" }),
299
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "rs-connect-wallet-address", children: "Deposit via QR code" })
300
- ] })
393
+ children: [
394
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "rs-connect-wallet-icon rs-connect-wallet-icon--action", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TransferIcon, {}) }),
395
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "rs-connect-wallet-meta", children: [
396
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "rs-connect-wallet-label", children: "Transfer Crypto" }),
397
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "rs-connect-wallet-address", children: "Deposit via QR code" })
398
+ ] }),
399
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "rs-connect-wallet-indicator", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ChevronRightIcon, {}) })
400
+ ]
301
401
  }
302
402
  )
303
403
  ] }),
304
- onConnect && walletOptions?.some((option) => option.kind === "external") && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
404
+ onConnect && walletOptions?.some((option) => option.kind === "external") && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
305
405
  "button",
306
406
  {
307
407
  type: "button",
@@ -311,7 +411,7 @@ function ConnectStep({
311
411
  }
312
412
  )
313
413
  ] }),
314
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "rs-step-footer", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
414
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "rs-step-footer rs-step-footer--connect-empty", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
315
415
  Button,
316
416
  {
317
417
  onClick: onContinue,
@@ -324,12 +424,12 @@ function ConnectStep({
324
424
  ] });
325
425
  }
326
426
  const handleConnect = onConnect ?? onRequestConnect;
327
- return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "rs-step", children: [
328
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "rs-connect-centered rs-connect-centered--minimal", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "rs-connect-empty", children: [
329
- /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "rs-connect-empty-graphic", "aria-hidden": "true", children: [
330
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "rs-connect-empty-orbit rs-connect-empty-orbit--outer" }),
331
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "rs-connect-empty-orbit rs-connect-empty-orbit--inner" }),
332
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "rs-connect-empty-core", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
427
+ return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "rs-step", children: [
428
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "rs-connect-centered rs-connect-centered--minimal", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "rs-connect-empty", children: [
429
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "rs-connect-empty-graphic", "aria-hidden": "true", children: [
430
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "rs-connect-empty-orbit rs-connect-empty-orbit--outer" }),
431
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "rs-connect-empty-orbit rs-connect-empty-orbit--inner" }),
432
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "rs-connect-empty-core", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
333
433
  "svg",
334
434
  {
335
435
  viewBox: "0 0 24 24",
@@ -337,7 +437,7 @@ function ConnectStep({
337
437
  stroke: "currentColor",
338
438
  strokeWidth: "1.6",
339
439
  children: [
340
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
440
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
341
441
  "path",
342
442
  {
343
443
  strokeLinecap: "round",
@@ -345,7 +445,7 @@ function ConnectStep({
345
445
  d: "M4 8.25A2.25 2.25 0 016.25 6h11.5A2.25 2.25 0 0120 8.25v7.5A2.25 2.25 0 0117.75 18H6.25A2.25 2.25 0 014 15.75v-7.5z"
346
446
  }
347
447
  ),
348
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
448
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
349
449
  "path",
350
450
  {
351
451
  strokeLinecap: "round",
@@ -353,18 +453,18 @@ function ConnectStep({
353
453
  d: "M20 10.5h-3.75a2.25 2.25 0 100 4.5H20"
354
454
  }
355
455
  ),
356
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "16.25", cy: "12.75", r: "0.85", fill: "currentColor" })
456
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("circle", { cx: "16.25", cy: "12.75", r: "0.85", fill: "currentColor" })
357
457
  ]
358
458
  }
359
459
  ) }),
360
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "rs-connect-empty-dot rs-connect-empty-dot--left" }),
361
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "rs-connect-empty-dot rs-connect-empty-dot--right" })
460
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "rs-connect-empty-dot rs-connect-empty-dot--left" }),
461
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "rs-connect-empty-dot rs-connect-empty-dot--right" })
362
462
  ] }),
363
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "rs-connect-empty-title", children: "No wallet connected" }),
364
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "rs-connect-empty-subtitle", children: "Connect an external wallet to continue." })
463
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "rs-connect-empty-title", children: "No wallet connected" }),
464
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "rs-connect-empty-subtitle", children: "Connect an external wallet to continue." })
365
465
  ] }) }),
366
- /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "rs-step-footer rs-step-footer--connect-empty", children: [
367
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
466
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "rs-step-footer rs-step-footer--connect-empty", children: [
467
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
368
468
  Button,
369
469
  {
370
470
  onClick: handleConnect,
@@ -374,7 +474,7 @@ function ConnectStep({
374
474
  children: connectButtonLabel
375
475
  }
376
476
  ),
377
- onSelectTransferCrypto && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
477
+ onSelectTransferCrypto && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
378
478
  "button",
379
479
  {
380
480
  type: "button",
@@ -386,12 +486,13 @@ function ConnectStep({
386
486
  ] })
387
487
  ] });
388
488
  }
389
- var import_jsx_runtime4;
489
+ var import_jsx_runtime5;
390
490
  var init_ConnectStep = __esm({
391
491
  "src/components/steps/ConnectStep.tsx"() {
392
492
  "use strict";
393
493
  init_Button();
394
- import_jsx_runtime4 = require("react/jsx-runtime");
494
+ init_Icons();
495
+ import_jsx_runtime5 = require("react/jsx-runtime");
395
496
  ConnectStep.displayName = "ConnectStep";
396
497
  }
397
498
  });
@@ -1021,24 +1122,24 @@ function SetupStep({
1021
1122
  };
1022
1123
  const isLoading = state.type === "idle" || state.type === "checking" || state.type === "creating-account" || state.type === "signing-session" || state.type === "registering";
1023
1124
  const isError = state.type === "error";
1024
- return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "rs-step", children: [
1025
- /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "rs-loading-state", children: [
1026
- isLoading && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
1027
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Spinner, { className: "rs-spinner--lg rs-text-accent" }),
1028
- /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "rs-loading-text", children: [
1029
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "rs-loading-title", children: renderStateMessage() }),
1030
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "rs-loading-subtitle", children: "This may take a moment" })
1125
+ return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "rs-step", children: [
1126
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "rs-loading-state", children: [
1127
+ isLoading && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
1128
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Spinner, { className: "rs-spinner--lg rs-text-accent" }),
1129
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "rs-loading-text", children: [
1130
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "rs-loading-title", children: renderStateMessage() }),
1131
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "rs-loading-subtitle", children: "This may take a moment" })
1031
1132
  ] })
1032
1133
  ] }),
1033
- isError && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
1034
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "rs-step-icon rs-step-icon--error", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
1134
+ isError && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
1135
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "rs-step-icon rs-step-icon--error", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
1035
1136
  "svg",
1036
1137
  {
1037
1138
  viewBox: "0 0 24 24",
1038
1139
  fill: "none",
1039
1140
  stroke: "currentColor",
1040
1141
  strokeWidth: "2",
1041
- children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
1142
+ children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
1042
1143
  "path",
1043
1144
  {
1044
1145
  strokeLinecap: "round",
@@ -1048,9 +1149,9 @@ function SetupStep({
1048
1149
  )
1049
1150
  }
1050
1151
  ) }),
1051
- /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "rs-loading-text", children: [
1052
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "rs-loading-title rs-text-error", children: "Setup failed" }),
1053
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
1152
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "rs-loading-text", children: [
1153
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "rs-loading-title rs-text-error", children: "Setup failed" }),
1154
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
1054
1155
  "div",
1055
1156
  {
1056
1157
  className: "rs-loading-subtitle",
@@ -1061,10 +1162,10 @@ function SetupStep({
1061
1162
  ] })
1062
1163
  ] })
1063
1164
  ] }),
1064
- isError && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "rs-step-footer", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Button, { onClick: handleRetry, variant: "default", fullWidth: true, children: "Try Again" }) })
1165
+ isError && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "rs-step-footer", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Button, { onClick: handleRetry, variant: "default", fullWidth: true, children: "Try Again" }) })
1065
1166
  ] });
1066
1167
  }
1067
- var import_react2, import_sdk2, import_jsx_runtime5;
1168
+ var import_react2, import_sdk2, import_jsx_runtime6;
1068
1169
  var init_SetupStep = __esm({
1069
1170
  "src/components/steps/SetupStep.tsx"() {
1070
1171
  "use strict";
@@ -1074,21 +1175,21 @@ var init_SetupStep = __esm({
1074
1175
  init_Spinner();
1075
1176
  init_account();
1076
1177
  init_session_owner();
1077
- import_jsx_runtime5 = require("react/jsx-runtime");
1178
+ import_jsx_runtime6 = require("react/jsx-runtime");
1078
1179
  }
1079
1180
  });
1080
1181
 
1081
1182
  // src/components/ui/PoweredBy.tsx
1082
1183
  function PoweredBy() {
1083
- return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "rs-powered-by", children: [
1084
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
1184
+ return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "rs-powered-by", children: [
1185
+ /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
1085
1186
  "svg",
1086
1187
  {
1087
1188
  viewBox: "0 0 24 24",
1088
1189
  fill: "none",
1089
1190
  stroke: "currentColor",
1090
1191
  strokeWidth: "2",
1091
- children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
1192
+ children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
1092
1193
  "path",
1093
1194
  {
1094
1195
  strokeLinecap: "round",
@@ -1098,10 +1199,10 @@ function PoweredBy() {
1098
1199
  )
1099
1200
  }
1100
1201
  ),
1101
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { children: [
1202
+ /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { children: [
1102
1203
  "Powered by",
1103
1204
  " ",
1104
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
1205
+ /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
1105
1206
  "a",
1106
1207
  {
1107
1208
  href: "https://www.rhinestone.dev",
@@ -1113,11 +1214,11 @@ function PoweredBy() {
1113
1214
  ] })
1114
1215
  ] });
1115
1216
  }
1116
- var import_jsx_runtime6;
1217
+ var import_jsx_runtime7;
1117
1218
  var init_PoweredBy = __esm({
1118
1219
  "src/components/ui/PoweredBy.tsx"() {
1119
1220
  "use strict";
1120
- import_jsx_runtime6 = require("react/jsx-runtime");
1221
+ import_jsx_runtime7 = require("react/jsx-runtime");
1121
1222
  }
1122
1223
  });
1123
1224
 
@@ -1488,21 +1589,21 @@ function AssetSelectStep({
1488
1589
  return asset.balance;
1489
1590
  }
1490
1591
  };
1491
- return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "rs-step", children: [
1492
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: { padding: "12px 12px 4px" }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "rs-step-title", children: "Select source asset" }) }),
1493
- /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
1592
+ return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "rs-step", children: [
1593
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: { padding: "12px 12px 4px" }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "rs-step-title", children: "Select source asset" }) }),
1594
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
1494
1595
  "div",
1495
1596
  {
1496
1597
  className: "rs-step-body",
1497
1598
  style: { paddingTop: 4, overflow: "auto", maxHeight: 340 },
1498
1599
  children: [
1499
- loading && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "rs-loading-state", style: { padding: "40px 12px" }, children: [
1500
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Spinner, { className: "rs-text-tertiary" }),
1501
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "rs-text-sm rs-text-tertiary", children: "Loading balances" })
1600
+ loading && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "rs-loading-state", style: { padding: "40px 12px" }, children: [
1601
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Spinner, { className: "rs-text-tertiary" }),
1602
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "rs-text-sm rs-text-tertiary", children: "Loading balances" })
1502
1603
  ] }),
1503
- error && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "rs-alert rs-alert--error", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "rs-alert-text", children: error }) }),
1504
- !loading && !error && rows.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "rs-empty-state", children: [
1505
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
1604
+ error && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "rs-alert rs-alert--error", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "rs-alert-text", children: error }) }),
1605
+ !loading && !error && rows.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "rs-empty-state", children: [
1606
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
1506
1607
  "svg",
1507
1608
  {
1508
1609
  className: "rs-empty-icon",
@@ -1510,7 +1611,7 @@ function AssetSelectStep({
1510
1611
  fill: "none",
1511
1612
  stroke: "currentColor",
1512
1613
  strokeWidth: "1.5",
1513
- children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
1614
+ children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
1514
1615
  "path",
1515
1616
  {
1516
1617
  strokeLinecap: "round",
@@ -1520,20 +1621,20 @@ function AssetSelectStep({
1520
1621
  )
1521
1622
  }
1522
1623
  ),
1523
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "rs-empty-text", children: "No funds in connected wallet" }),
1524
- /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "rs-empty-address", children: [
1624
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "rs-empty-text", children: "No funds in connected wallet" }),
1625
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "rs-empty-address", children: [
1525
1626
  address.slice(0, 6),
1526
1627
  "...",
1527
1628
  address.slice(-4)
1528
1629
  ] })
1529
1630
  ] }),
1530
- !loading && !error && rows.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "rs-asset-list", children: rows.map((asset) => {
1631
+ !loading && !error && rows.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "rs-asset-list", children: rows.map((asset) => {
1531
1632
  const isSelected = selectedAssetId === asset.id;
1532
1633
  const tokenAmount = formatBalance(asset);
1533
1634
  const badge = getChainBadge(asset.chainId);
1534
1635
  const tokenIcon = getTokenIcon(asset.symbol);
1535
1636
  const chainIcon = getChainIcon(asset.chainId);
1536
- return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
1637
+ return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
1537
1638
  "button",
1538
1639
  {
1539
1640
  type: "button",
@@ -1541,9 +1642,9 @@ function AssetSelectStep({
1541
1642
  className: `rs-asset-row ${isSelected ? "rs-asset-row--selected" : ""}`,
1542
1643
  style: { textAlign: "left" },
1543
1644
  children: [
1544
- /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "rs-asset-info", children: [
1545
- /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "rs-asset-icon-wrapper", children: [
1546
- tokenIcon ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
1645
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "rs-asset-info", children: [
1646
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "rs-asset-icon-wrapper", children: [
1647
+ tokenIcon ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
1547
1648
  "img",
1548
1649
  {
1549
1650
  src: tokenIcon,
@@ -1551,15 +1652,15 @@ function AssetSelectStep({
1551
1652
  className: "rs-asset-icon",
1552
1653
  style: { background: "transparent" }
1553
1654
  }
1554
- ) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "rs-asset-icon", children: asset.symbol.slice(0, 4) }),
1555
- chainIcon ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
1655
+ ) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "rs-asset-icon", children: asset.symbol.slice(0, 4) }),
1656
+ chainIcon ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
1556
1657
  "img",
1557
1658
  {
1558
1659
  src: chainIcon,
1559
1660
  alt: getChainName(asset.chainId),
1560
1661
  className: "rs-asset-chain-badge"
1561
1662
  }
1562
- ) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
1663
+ ) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
1563
1664
  "div",
1564
1665
  {
1565
1666
  className: "rs-asset-chain-badge",
@@ -1571,23 +1672,23 @@ function AssetSelectStep({
1571
1672
  }
1572
1673
  )
1573
1674
  ] }),
1574
- /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
1575
- /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "rs-asset-name", children: [
1675
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { children: [
1676
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "rs-asset-name", children: [
1576
1677
  asset.symbol,
1577
- /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "rs-asset-chain", children: [
1678
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "rs-asset-chain", children: [
1578
1679
  " ",
1579
1680
  "on ",
1580
1681
  getChainName(asset.chainId)
1581
1682
  ] })
1582
1683
  ] }),
1583
- /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "rs-asset-balance-small", children: [
1684
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "rs-asset-balance-small", children: [
1584
1685
  tokenAmount,
1585
1686
  " ",
1586
1687
  asset.symbol
1587
1688
  ] })
1588
1689
  ] })
1589
1690
  ] }),
1590
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "rs-asset-balance", children: asset.balanceUsd !== void 0 ? currencyFormatter.format(asset.balanceUsd) : tokenAmount !== "--" ? `${tokenAmount} ${asset.symbol}` : "--" })
1691
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "rs-asset-balance", children: asset.balanceUsd !== void 0 ? currencyFormatter.format(asset.balanceUsd) : tokenAmount !== "--" ? `${tokenAmount} ${asset.symbol}` : "--" })
1591
1692
  ]
1592
1693
  },
1593
1694
  asset.id
@@ -1596,7 +1697,7 @@ function AssetSelectStep({
1596
1697
  ]
1597
1698
  }
1598
1699
  ),
1599
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "rs-step-footer", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
1700
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "rs-step-footer", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
1600
1701
  Button,
1601
1702
  {
1602
1703
  onClick: () => selectedAsset && onContinue(selectedAsset),
@@ -1605,7 +1706,7 @@ function AssetSelectStep({
1605
1706
  children: "Continue"
1606
1707
  }
1607
1708
  ) }),
1608
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(PoweredBy, {})
1709
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(PoweredBy, {})
1609
1710
  ] });
1610
1711
  }
1611
1712
  async function fetchNativeAssets(address, publicClient, existing) {
@@ -1646,7 +1747,7 @@ function mergeAssets(existing, incoming) {
1646
1747
  }
1647
1748
  return merged;
1648
1749
  }
1649
- var import_react3, import_viem3, import_jsx_runtime7;
1750
+ var import_react3, import_viem3, import_jsx_runtime8;
1650
1751
  var init_AssetSelectStep = __esm({
1651
1752
  "src/components/steps/AssetSelectStep.tsx"() {
1652
1753
  "use strict";
@@ -1658,7 +1759,7 @@ var init_AssetSelectStep = __esm({
1658
1759
  init_deposit_service();
1659
1760
  init_constants();
1660
1761
  init_formatters();
1661
- import_jsx_runtime7 = require("react/jsx-runtime");
1762
+ import_jsx_runtime8 = require("react/jsx-runtime");
1662
1763
  }
1663
1764
  });
1664
1765
 
@@ -1833,10 +1934,10 @@ function AmountStep({
1833
1934
  setIsSwitching(false);
1834
1935
  }
1835
1936
  };
1836
- return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "rs-step", children: [
1837
- /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "rs-step-body", style: { paddingTop: 0 }, children: [
1838
- /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "rs-amount-display", children: [
1839
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "rs-amount-input-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
1937
+ return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "rs-step", children: [
1938
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "rs-step-body", style: { paddingTop: 0 }, children: [
1939
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "rs-amount-display", children: [
1940
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "rs-amount-input-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
1840
1941
  "input",
1841
1942
  {
1842
1943
  type: "text",
@@ -1854,17 +1955,17 @@ function AmountStep({
1854
1955
  autoFocus: true
1855
1956
  }
1856
1957
  ) }),
1857
- /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "rs-amount-token-value", children: [
1958
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "rs-amount-token-value", children: [
1858
1959
  formattedTokenAmount,
1859
1960
  " ",
1860
1961
  asset.symbol
1861
1962
  ] }),
1862
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "rs-amount-available", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "rs-amount-available-value", children: [
1963
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "rs-amount-available", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: "rs-amount-available-value", children: [
1863
1964
  formattedBalance,
1864
1965
  " ",
1865
1966
  asset.symbol,
1866
1967
  " available",
1867
- balanceUsd !== null && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { style: { color: "var(--rs-muted-foreground)" }, children: [
1968
+ balanceUsd !== null && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { style: { color: "var(--rs-muted-foreground)" }, children: [
1868
1969
  " ",
1869
1970
  "(",
1870
1971
  currencyFormatter.format(balanceUsd),
@@ -1872,16 +1973,16 @@ function AmountStep({
1872
1973
  ] })
1873
1974
  ] }) })
1874
1975
  ] }),
1875
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
1976
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
1876
1977
  "div",
1877
1978
  {
1878
1979
  style: { display: "flex", justifyContent: "center", marginTop: 16 },
1879
- children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "rs-flow-pill", children: [
1880
- /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "rs-flow-pill-side", children: [
1881
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "rs-flow-pill-label", children: "You send" }),
1882
- /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "rs-flow-pill-token", children: [
1883
- /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "rs-flow-pill-token-icon-wrapper", children: [
1884
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "rs-flow-pill-token-icon", children: getTokenIcon(asset.symbol) ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
1980
+ children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "rs-flow-pill", children: [
1981
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "rs-flow-pill-side", children: [
1982
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "rs-flow-pill-label", children: "You send" }),
1983
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "rs-flow-pill-token", children: [
1984
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "rs-flow-pill-token-icon-wrapper", children: [
1985
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "rs-flow-pill-token-icon", children: getTokenIcon(asset.symbol) ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
1885
1986
  "img",
1886
1987
  {
1887
1988
  src: getTokenIcon(asset.symbol),
@@ -1891,7 +1992,7 @@ function AmountStep({
1891
1992
  (() => {
1892
1993
  const chainIcon = getChainIcon(asset.chainId);
1893
1994
  if (chainIcon) {
1894
- return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
1995
+ return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
1895
1996
  "img",
1896
1997
  {
1897
1998
  src: chainIcon,
@@ -1901,7 +2002,7 @@ function AmountStep({
1901
2002
  );
1902
2003
  }
1903
2004
  const badge = getChainBadge(asset.chainId);
1904
- return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
2005
+ return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
1905
2006
  "div",
1906
2007
  {
1907
2008
  className: "rs-flow-pill-chain-badge",
@@ -1914,17 +2015,17 @@ function AmountStep({
1914
2015
  );
1915
2016
  })()
1916
2017
  ] }),
1917
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "rs-flow-pill-token-symbol", children: asset.symbol })
2018
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "rs-flow-pill-token-symbol", children: asset.symbol })
1918
2019
  ] })
1919
2020
  ] }),
1920
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "rs-flow-pill-arrow", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
2021
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "rs-flow-pill-arrow", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
1921
2022
  "svg",
1922
2023
  {
1923
2024
  viewBox: "0 0 24 24",
1924
2025
  fill: "none",
1925
2026
  stroke: "currentColor",
1926
2027
  strokeWidth: "2",
1927
- children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
2028
+ children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
1928
2029
  "path",
1929
2030
  {
1930
2031
  strokeLinecap: "round",
@@ -1934,11 +2035,11 @@ function AmountStep({
1934
2035
  )
1935
2036
  }
1936
2037
  ) }),
1937
- /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "rs-flow-pill-side", children: [
1938
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "rs-flow-pill-label", children: "You receive" }),
1939
- /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "rs-flow-pill-token", children: [
1940
- /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "rs-flow-pill-token-icon-wrapper", children: [
1941
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "rs-flow-pill-token-icon", children: getTokenIcon(targetSymbol) ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
2038
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "rs-flow-pill-side", children: [
2039
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "rs-flow-pill-label", children: "You receive" }),
2040
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "rs-flow-pill-token", children: [
2041
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "rs-flow-pill-token-icon-wrapper", children: [
2042
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "rs-flow-pill-token-icon", children: getTokenIcon(targetSymbol) ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
1942
2043
  "img",
1943
2044
  {
1944
2045
  src: getTokenIcon(targetSymbol),
@@ -1948,7 +2049,7 @@ function AmountStep({
1948
2049
  (() => {
1949
2050
  const chainIcon = getChainIcon(targetChain);
1950
2051
  if (chainIcon) {
1951
- return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
2052
+ return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
1952
2053
  "img",
1953
2054
  {
1954
2055
  src: chainIcon,
@@ -1958,7 +2059,7 @@ function AmountStep({
1958
2059
  );
1959
2060
  }
1960
2061
  const badge = getChainBadge(targetChain);
1961
- return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
2062
+ return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
1962
2063
  "div",
1963
2064
  {
1964
2065
  className: "rs-flow-pill-chain-badge",
@@ -1971,14 +2072,14 @@ function AmountStep({
1971
2072
  );
1972
2073
  })()
1973
2074
  ] }),
1974
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "rs-flow-pill-token-symbol", children: targetSymbol })
2075
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "rs-flow-pill-token-symbol", children: targetSymbol })
1975
2076
  ] })
1976
2077
  ] })
1977
2078
  ] })
1978
2079
  }
1979
2080
  ),
1980
- /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "rs-amount-presets", children: [
1981
- [25, 50, 75].map((pct) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
2081
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "rs-amount-presets", children: [
2082
+ [25, 50, 75].map((pct) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
1982
2083
  "button",
1983
2084
  {
1984
2085
  type: "button",
@@ -1992,7 +2093,7 @@ function AmountStep({
1992
2093
  },
1993
2094
  pct
1994
2095
  )),
1995
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
2096
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
1996
2097
  "button",
1997
2098
  {
1998
2099
  type: "button",
@@ -2003,13 +2104,13 @@ function AmountStep({
2003
2104
  }
2004
2105
  )
2005
2106
  ] }),
2006
- chainMismatch && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "rs-chain-switch", style: { marginTop: 16 }, children: [
2007
- /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "rs-chain-switch-text", children: [
2107
+ chainMismatch && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "rs-chain-switch", style: { marginTop: 16 }, children: [
2108
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "rs-chain-switch-text", children: [
2008
2109
  "Switch your wallet to ",
2009
2110
  getChainName(asset.chainId),
2010
2111
  " to continue."
2011
2112
  ] }),
2012
- switchChain && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
2113
+ switchChain && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
2013
2114
  Button,
2014
2115
  {
2015
2116
  variant: "outline",
@@ -2020,8 +2121,8 @@ function AmountStep({
2020
2121
  }
2021
2122
  )
2022
2123
  ] }),
2023
- error && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "rs-amount-error", children: [
2024
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
2124
+ error && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "rs-amount-error", children: [
2125
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
2025
2126
  "svg",
2026
2127
  {
2027
2128
  viewBox: "0 0 24 24",
@@ -2029,7 +2130,7 @@ function AmountStep({
2029
2130
  stroke: "currentColor",
2030
2131
  strokeWidth: "2",
2031
2132
  style: { width: 16, height: 16, flexShrink: 0 },
2032
- children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
2133
+ children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
2033
2134
  "path",
2034
2135
  {
2035
2136
  strokeLinecap: "round",
@@ -2039,10 +2140,10 @@ function AmountStep({
2039
2140
  )
2040
2141
  }
2041
2142
  ),
2042
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: error })
2143
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children: error })
2043
2144
  ] })
2044
2145
  ] }),
2045
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "rs-step-footer", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
2146
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "rs-step-footer", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
2046
2147
  Button,
2047
2148
  {
2048
2149
  onClick: handleContinue,
@@ -2051,10 +2152,10 @@ function AmountStep({
2051
2152
  children: "Continue"
2052
2153
  }
2053
2154
  ) }),
2054
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(PoweredBy, {})
2155
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(PoweredBy, {})
2055
2156
  ] });
2056
2157
  }
2057
- var import_react4, import_viem4, import_jsx_runtime8;
2158
+ var import_react4, import_viem4, import_jsx_runtime9;
2058
2159
  var init_AmountStep = __esm({
2059
2160
  "src/components/steps/AmountStep.tsx"() {
2060
2161
  "use strict";
@@ -2065,7 +2166,7 @@ var init_AmountStep = __esm({
2065
2166
  init_deposit_service();
2066
2167
  init_constants();
2067
2168
  init_formatters();
2068
- import_jsx_runtime8 = require("react/jsx-runtime");
2169
+ import_jsx_runtime9 = require("react/jsx-runtime");
2069
2170
  }
2070
2171
  });
2071
2172
 
@@ -2204,19 +2305,19 @@ function ConfirmStep({
2204
2305
  setIsSwitching(false);
2205
2306
  }
2206
2307
  };
2207
- return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "rs-step", children: [
2208
- /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { style: { padding: "12px 12px 10px" }, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "rs-step-title", children: "Review order" }) }),
2209
- /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "rs-step-body rs-space-y-3", style: { paddingTop: 0 }, children: [
2210
- /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "rs-card", children: [
2211
- /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "rs-card-row", children: [
2212
- /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "rs-card-label", children: "Source" }),
2213
- /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
2308
+ return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "rs-step", children: [
2309
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { style: { padding: "12px 12px 10px" }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "rs-step-title", children: "Review order" }) }),
2310
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "rs-step-body rs-space-y-3", style: { paddingTop: 0 }, children: [
2311
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "rs-card", children: [
2312
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "rs-card-row", children: [
2313
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "rs-card-label", children: "Source" }),
2314
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
2214
2315
  "span",
2215
2316
  {
2216
2317
  className: "rs-card-value",
2217
2318
  style: { display: "flex", alignItems: "center", gap: 8 },
2218
2319
  children: [
2219
- getChainIcon(asset.chainId) && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
2320
+ getChainIcon(asset.chainId) && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
2220
2321
  "img",
2221
2322
  {
2222
2323
  src: getChainIcon(asset.chainId),
@@ -2229,15 +2330,15 @@ function ConfirmStep({
2229
2330
  }
2230
2331
  )
2231
2332
  ] }),
2232
- /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "rs-card-row", children: [
2233
- /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "rs-card-label", children: "Destination" }),
2234
- /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
2333
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "rs-card-row", children: [
2334
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "rs-card-label", children: "Destination" }),
2335
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
2235
2336
  "span",
2236
2337
  {
2237
2338
  className: "rs-card-value",
2238
2339
  style: { display: "flex", alignItems: "center", gap: 8 },
2239
2340
  children: [
2240
- getChainIcon(targetChain) && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
2341
+ getChainIcon(targetChain) && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
2241
2342
  "img",
2242
2343
  {
2243
2344
  src: getChainIcon(targetChain),
@@ -2250,21 +2351,21 @@ function ConfirmStep({
2250
2351
  }
2251
2352
  )
2252
2353
  ] }),
2253
- /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "rs-card-row", children: [
2254
- /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "rs-card-label", children: "Estimated time" }),
2255
- /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "rs-card-value", children: "< 1 min" })
2354
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "rs-card-row", children: [
2355
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "rs-card-label", children: "Estimated time" }),
2356
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "rs-card-value", children: "< 1 min" })
2256
2357
  ] })
2257
2358
  ] }),
2258
- /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "rs-card", children: [
2259
- /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "rs-card-row", children: [
2260
- /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "rs-card-label", children: "You send" }),
2261
- /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
2359
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "rs-card", children: [
2360
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "rs-card-row", children: [
2361
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "rs-card-label", children: "You send" }),
2362
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
2262
2363
  "span",
2263
2364
  {
2264
2365
  className: "rs-card-value",
2265
2366
  style: { display: "flex", alignItems: "center", gap: 6 },
2266
2367
  children: [
2267
- getTokenIcon(asset.symbol) && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
2368
+ getTokenIcon(asset.symbol) && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
2268
2369
  "img",
2269
2370
  {
2270
2371
  src: getTokenIcon(asset.symbol),
@@ -2279,15 +2380,15 @@ function ConfirmStep({
2279
2380
  }
2280
2381
  )
2281
2382
  ] }),
2282
- /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "rs-card-row", children: [
2283
- /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "rs-card-label", children: "You receive" }),
2284
- /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
2383
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "rs-card-row", children: [
2384
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "rs-card-label", children: "You receive" }),
2385
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
2285
2386
  "span",
2286
2387
  {
2287
2388
  className: "rs-card-value",
2288
2389
  style: { display: "flex", alignItems: "center", gap: 6 },
2289
2390
  children: [
2290
- getTokenIcon(targetSymbol) && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
2391
+ getTokenIcon(targetSymbol) && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
2291
2392
  "img",
2292
2393
  {
2293
2394
  src: getTokenIcon(targetSymbol),
@@ -2302,18 +2403,18 @@ function ConfirmStep({
2302
2403
  }
2303
2404
  )
2304
2405
  ] }),
2305
- receiveAmountUsd !== null && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "rs-card-row", children: [
2306
- /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "rs-card-label", children: "Value" }),
2307
- /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "rs-card-value", children: currencyFormatter.format(receiveAmountUsd) })
2406
+ receiveAmountUsd !== null && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "rs-card-row", children: [
2407
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "rs-card-label", children: "Value" }),
2408
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "rs-card-value", children: currencyFormatter.format(receiveAmountUsd) })
2308
2409
  ] })
2309
2410
  ] }),
2310
- chainMismatch && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "rs-chain-switch", children: [
2311
- /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "rs-chain-switch-text", children: [
2411
+ chainMismatch && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "rs-chain-switch", children: [
2412
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "rs-chain-switch-text", children: [
2312
2413
  "Switch your wallet to ",
2313
2414
  getChainName(asset.chainId),
2314
2415
  " to sign."
2315
2416
  ] }),
2316
- switchChain && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
2417
+ switchChain && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
2317
2418
  Button,
2318
2419
  {
2319
2420
  variant: "outline",
@@ -2324,8 +2425,8 @@ function ConfirmStep({
2324
2425
  }
2325
2426
  )
2326
2427
  ] }),
2327
- error && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "rs-alert rs-alert--error", children: [
2328
- /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
2428
+ error && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "rs-alert rs-alert--error", children: [
2429
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
2329
2430
  "svg",
2330
2431
  {
2331
2432
  className: "rs-alert-icon",
@@ -2333,7 +2434,7 @@ function ConfirmStep({
2333
2434
  fill: "none",
2334
2435
  stroke: "currentColor",
2335
2436
  strokeWidth: "2",
2336
- children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
2437
+ children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
2337
2438
  "path",
2338
2439
  {
2339
2440
  strokeLinecap: "round",
@@ -2343,7 +2444,7 @@ function ConfirmStep({
2343
2444
  )
2344
2445
  }
2345
2446
  ),
2346
- /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
2447
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
2347
2448
  "span",
2348
2449
  {
2349
2450
  className: "rs-alert-text",
@@ -2358,7 +2459,7 @@ function ConfirmStep({
2358
2459
  )
2359
2460
  ] })
2360
2461
  ] }),
2361
- /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "rs-step-footer", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
2462
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "rs-step-footer", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
2362
2463
  Button,
2363
2464
  {
2364
2465
  onClick: handleConfirm,
@@ -2368,10 +2469,10 @@ function ConfirmStep({
2368
2469
  children: "Confirm Order"
2369
2470
  }
2370
2471
  ) }),
2371
- /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(PoweredBy, {})
2472
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PoweredBy, {})
2372
2473
  ] });
2373
2474
  }
2374
- var import_react5, import_viem5, import_jsx_runtime9, STABLECOIN_SYMBOLS;
2475
+ var import_react5, import_viem5, import_jsx_runtime10, STABLECOIN_SYMBOLS;
2375
2476
  var init_ConfirmStep = __esm({
2376
2477
  "src/components/steps/ConfirmStep.tsx"() {
2377
2478
  "use strict";
@@ -2382,7 +2483,7 @@ var init_ConfirmStep = __esm({
2382
2483
  init_deposit_service();
2383
2484
  init_constants();
2384
2485
  init_formatters();
2385
- import_jsx_runtime9 = require("react/jsx-runtime");
2486
+ import_jsx_runtime10 = require("react/jsx-runtime");
2386
2487
  STABLECOIN_SYMBOLS = /* @__PURE__ */ new Set(["USDC", "USDT", "DAI"]);
2387
2488
  }
2388
2489
  });
@@ -2615,17 +2716,17 @@ function ProcessingStep({
2615
2716
  }
2616
2717
  })();
2617
2718
  if (isComplete) {
2618
- return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "rs-step", children: [
2619
- /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "rs-step-body rs-space-y-3", children: [
2620
- /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "rs-success-state", children: [
2621
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "rs-success-checkmark", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
2719
+ return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "rs-step", children: [
2720
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "rs-step-body rs-space-y-3", children: [
2721
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "rs-success-state", children: [
2722
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "rs-success-checkmark", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
2622
2723
  "svg",
2623
2724
  {
2624
2725
  viewBox: "0 0 24 24",
2625
2726
  fill: "none",
2626
2727
  stroke: "currentColor",
2627
2728
  strokeWidth: "2.5",
2628
- children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
2729
+ children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
2629
2730
  "path",
2630
2731
  {
2631
2732
  strokeLinecap: "round",
@@ -2635,13 +2736,13 @@ function ProcessingStep({
2635
2736
  )
2636
2737
  }
2637
2738
  ) }),
2638
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "rs-success-title", children: isEarlyComplete ? `${flowCapitalized} confirmed` : `${flowCapitalized} successful` }),
2639
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "rs-success-subtitle", children: isEarlyComplete ? "Your transfer has been confirmed and funds will arrive shortly." : `Your funds have been successfully bridged.` })
2739
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "rs-success-title", children: isEarlyComplete ? `${flowCapitalized} confirmed` : `${flowCapitalized} successful` }),
2740
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "rs-success-subtitle", children: isEarlyComplete ? "Your transfer has been confirmed and funds will arrive shortly." : `Your funds have been successfully bridged.` })
2640
2741
  ] }),
2641
- /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "rs-card", children: [
2642
- /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "rs-card-row", children: [
2643
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "rs-card-label", children: "Status" }),
2644
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
2742
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "rs-card", children: [
2743
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "rs-card-row", children: [
2744
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "rs-card-label", children: "Status" }),
2745
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
2645
2746
  "span",
2646
2747
  {
2647
2748
  className: "rs-card-value",
@@ -2650,29 +2751,29 @@ function ProcessingStep({
2650
2751
  }
2651
2752
  )
2652
2753
  ] }),
2653
- /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "rs-card-row", children: [
2654
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "rs-card-label", children: "Total time" }),
2655
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "rs-card-value", children: formatElapsedTime(elapsedSeconds) })
2754
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "rs-card-row", children: [
2755
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "rs-card-label", children: "Total time" }),
2756
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "rs-card-value", children: formatElapsedTime(elapsedSeconds) })
2656
2757
  ] }),
2657
- /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "rs-card-row", children: [
2658
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "rs-card-label", children: "You received" }),
2659
- /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "rs-card-value", children: [
2758
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "rs-card-row", children: [
2759
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "rs-card-label", children: "You received" }),
2760
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "rs-card-value", children: [
2660
2761
  formattedReceivedAmount,
2661
2762
  " ",
2662
2763
  targetSymbol
2663
2764
  ] })
2664
2765
  ] })
2665
2766
  ] }),
2666
- /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "rs-card", children: [
2667
- /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "rs-card-row", children: [
2668
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "rs-card-label", children: "Source" }),
2669
- /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
2767
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "rs-card", children: [
2768
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "rs-card-row", children: [
2769
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "rs-card-label", children: "Source" }),
2770
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
2670
2771
  "span",
2671
2772
  {
2672
2773
  className: "rs-card-value",
2673
2774
  style: { display: "flex", alignItems: "center", gap: 6 },
2674
2775
  children: [
2675
- getChainIcon(sourceChain) && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
2776
+ getChainIcon(sourceChain) && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
2676
2777
  "img",
2677
2778
  {
2678
2779
  src: getChainIcon(sourceChain),
@@ -2685,15 +2786,15 @@ function ProcessingStep({
2685
2786
  }
2686
2787
  )
2687
2788
  ] }),
2688
- /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "rs-card-row", children: [
2689
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "rs-card-label", children: "Destination" }),
2690
- /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
2789
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "rs-card-row", children: [
2790
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "rs-card-label", children: "Destination" }),
2791
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
2691
2792
  "span",
2692
2793
  {
2693
2794
  className: "rs-card-value",
2694
2795
  style: { display: "flex", alignItems: "center", gap: 6 },
2695
2796
  children: [
2696
- getChainIcon(targetChain) && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
2797
+ getChainIcon(targetChain) && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
2697
2798
  "img",
2698
2799
  {
2699
2800
  src: getChainIcon(targetChain),
@@ -2706,9 +2807,9 @@ function ProcessingStep({
2706
2807
  }
2707
2808
  )
2708
2809
  ] }),
2709
- sourceExplorerUrl && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "rs-card-row", children: [
2710
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "rs-card-label", children: "Transaction" }),
2711
- /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
2810
+ sourceExplorerUrl && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "rs-card-row", children: [
2811
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "rs-card-label", children: "Transaction" }),
2812
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
2712
2813
  "a",
2713
2814
  {
2714
2815
  href: sourceExplorerUrl,
@@ -2717,7 +2818,7 @@ function ProcessingStep({
2717
2818
  className: "rs-link rs-link-external rs-font-mono rs-text-xs",
2718
2819
  children: [
2719
2820
  truncateHash(txHash),
2720
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
2821
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
2721
2822
  "svg",
2722
2823
  {
2723
2824
  viewBox: "0 0 24 24",
@@ -2725,7 +2826,7 @@ function ProcessingStep({
2725
2826
  stroke: "currentColor",
2726
2827
  strokeWidth: "2.5",
2727
2828
  style: { width: 12, height: 12 },
2728
- children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
2829
+ children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
2729
2830
  "path",
2730
2831
  {
2731
2832
  strokeLinecap: "round",
@@ -2739,9 +2840,9 @@ function ProcessingStep({
2739
2840
  }
2740
2841
  )
2741
2842
  ] }),
2742
- destinationTxHash && destExplorerUrl && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "rs-card-row", children: [
2743
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "rs-card-label", children: "Destination tx" }),
2744
- /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
2843
+ destinationTxHash && destExplorerUrl && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "rs-card-row", children: [
2844
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "rs-card-label", children: "Destination tx" }),
2845
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
2745
2846
  "a",
2746
2847
  {
2747
2848
  href: destExplorerUrl,
@@ -2750,7 +2851,7 @@ function ProcessingStep({
2750
2851
  className: "rs-link rs-link-external rs-font-mono rs-text-xs",
2751
2852
  children: [
2752
2853
  truncateHash(destinationTxHash),
2753
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
2854
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
2754
2855
  "svg",
2755
2856
  {
2756
2857
  viewBox: "0 0 24 24",
@@ -2758,7 +2859,7 @@ function ProcessingStep({
2758
2859
  stroke: "currentColor",
2759
2860
  strokeWidth: "2.5",
2760
2861
  style: { width: 12, height: 12 },
2761
- children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
2862
+ children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
2762
2863
  "path",
2763
2864
  {
2764
2865
  strokeLinecap: "round",
@@ -2774,31 +2875,31 @@ function ProcessingStep({
2774
2875
  ] })
2775
2876
  ] })
2776
2877
  ] }),
2777
- /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "rs-step-footer", style: { gap: 8, display: "flex" }, children: [
2778
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button, { variant: "outline", onClick: onClose, fullWidth: true, children: "Close" }),
2779
- /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Button, { onClick: onNewDeposit, fullWidth: true, children: [
2878
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "rs-step-footer", style: { gap: 8, display: "flex" }, children: [
2879
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Button, { variant: "outline", onClick: onClose, fullWidth: true, children: "Close" }),
2880
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Button, { onClick: onNewDeposit, fullWidth: true, children: [
2780
2881
  "New ",
2781
2882
  flowNoun
2782
2883
  ] })
2783
2884
  ] }),
2784
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PoweredBy, {})
2885
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(PoweredBy, {})
2785
2886
  ] });
2786
2887
  }
2787
- return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "rs-step", children: [
2788
- /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "rs-step-header", children: [
2789
- /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "rs-step-header-row", children: [
2790
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
2888
+ return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "rs-step", children: [
2889
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "rs-step-header", children: [
2890
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "rs-step-header-row", children: [
2891
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
2791
2892
  "div",
2792
2893
  {
2793
2894
  className: `rs-step-icon ${isError ? "rs-step-icon--error" : "rs-step-icon--accent"}`,
2794
- children: isError ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
2895
+ children: isError ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
2795
2896
  "svg",
2796
2897
  {
2797
2898
  viewBox: "0 0 24 24",
2798
2899
  fill: "none",
2799
2900
  stroke: "currentColor",
2800
2901
  strokeWidth: "2",
2801
- children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
2902
+ children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
2802
2903
  "path",
2803
2904
  {
2804
2905
  strokeLinecap: "round",
@@ -2807,10 +2908,10 @@ function ProcessingStep({
2807
2908
  }
2808
2909
  )
2809
2910
  }
2810
- ) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Spinner, {})
2911
+ ) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Spinner, {})
2811
2912
  }
2812
2913
  ),
2813
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
2914
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
2814
2915
  "div",
2815
2916
  {
2816
2917
  className: `rs-step-title ${isError ? "rs-step-title--error" : ""}`,
@@ -2818,7 +2919,7 @@ function ProcessingStep({
2818
2919
  }
2819
2920
  )
2820
2921
  ] }),
2821
- /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
2922
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
2822
2923
  "div",
2823
2924
  {
2824
2925
  className: `rs-step-description ${isError ? "rs-text-error" : "rs-text-secondary"}`,
@@ -2830,11 +2931,11 @@ function ProcessingStep({
2830
2931
  }
2831
2932
  )
2832
2933
  ] }),
2833
- /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "rs-step-body rs-space-y-3", children: [
2834
- isProcessing && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
2835
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "rs-progress-bar", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "rs-progress-bar-fill rs-progress-bar-fill--indeterminate" }) }),
2836
- /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "rs-alert rs-alert--info", children: [
2837
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
2934
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "rs-step-body rs-space-y-3", children: [
2935
+ isProcessing && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
2936
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "rs-progress-bar", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "rs-progress-bar-fill rs-progress-bar-fill--indeterminate" }) }),
2937
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "rs-alert rs-alert--info", children: [
2938
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
2838
2939
  "svg",
2839
2940
  {
2840
2941
  className: "rs-alert-icon",
@@ -2842,7 +2943,7 @@ function ProcessingStep({
2842
2943
  fill: "none",
2843
2944
  stroke: "currentColor",
2844
2945
  strokeWidth: "2",
2845
- children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
2946
+ children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
2846
2947
  "path",
2847
2948
  {
2848
2949
  strokeLinecap: "round",
@@ -2852,13 +2953,13 @@ function ProcessingStep({
2852
2953
  )
2853
2954
  }
2854
2955
  ),
2855
- /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("p", { className: "rs-alert-text", children: [
2956
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("p", { className: "rs-alert-text", children: [
2856
2957
  "You can safely close this window. Your ",
2857
2958
  flowNoun,
2858
2959
  " will complete in the background."
2859
2960
  ] })
2860
2961
  ] }),
2861
- /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
2962
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
2862
2963
  "div",
2863
2964
  {
2864
2965
  className: "rs-text-sm rs-text-tertiary",
@@ -2870,16 +2971,16 @@ function ProcessingStep({
2870
2971
  }
2871
2972
  )
2872
2973
  ] }),
2873
- /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "rs-card", children: [
2874
- /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "rs-card-row", children: [
2875
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "rs-card-label", children: "Source" }),
2876
- /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
2974
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "rs-card", children: [
2975
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "rs-card-row", children: [
2976
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "rs-card-label", children: "Source" }),
2977
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
2877
2978
  "span",
2878
2979
  {
2879
2980
  className: "rs-card-value",
2880
2981
  style: { display: "flex", alignItems: "center", gap: 8 },
2881
2982
  children: [
2882
- getChainIcon(sourceChain) && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
2983
+ getChainIcon(sourceChain) && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
2883
2984
  "img",
2884
2985
  {
2885
2986
  src: getChainIcon(sourceChain),
@@ -2892,15 +2993,15 @@ function ProcessingStep({
2892
2993
  }
2893
2994
  )
2894
2995
  ] }),
2895
- /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "rs-card-row", children: [
2896
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "rs-card-label", children: "Destination" }),
2897
- /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
2996
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "rs-card-row", children: [
2997
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "rs-card-label", children: "Destination" }),
2998
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
2898
2999
  "span",
2899
3000
  {
2900
3001
  className: "rs-card-value",
2901
3002
  style: { display: "flex", alignItems: "center", gap: 8 },
2902
3003
  children: [
2903
- getChainIcon(targetChain) && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
3004
+ getChainIcon(targetChain) && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
2904
3005
  "img",
2905
3006
  {
2906
3007
  src: getChainIcon(targetChain),
@@ -2913,9 +3014,9 @@ function ProcessingStep({
2913
3014
  }
2914
3015
  )
2915
3016
  ] }),
2916
- /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "rs-card-row", children: [
2917
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "rs-card-label", children: "Transaction" }),
2918
- sourceExplorerUrl ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
3017
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "rs-card-row", children: [
3018
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "rs-card-label", children: "Transaction" }),
3019
+ sourceExplorerUrl ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
2919
3020
  "a",
2920
3021
  {
2921
3022
  href: sourceExplorerUrl,
@@ -2924,14 +3025,14 @@ function ProcessingStep({
2924
3025
  className: "rs-link rs-link-external rs-font-mono rs-text-xs",
2925
3026
  children: [
2926
3027
  truncateHash(txHash),
2927
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
3028
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
2928
3029
  "svg",
2929
3030
  {
2930
3031
  viewBox: "0 0 24 24",
2931
3032
  fill: "none",
2932
3033
  stroke: "currentColor",
2933
3034
  strokeWidth: "2.5",
2934
- children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
3035
+ children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
2935
3036
  "path",
2936
3037
  {
2937
3038
  strokeLinecap: "round",
@@ -2943,18 +3044,18 @@ function ProcessingStep({
2943
3044
  )
2944
3045
  ]
2945
3046
  }
2946
- ) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "rs-card-value rs-card-value--mono", children: truncateHash(txHash) })
3047
+ ) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "rs-card-value rs-card-value--mono", children: truncateHash(txHash) })
2947
3048
  ] })
2948
3049
  ] })
2949
3050
  ] }),
2950
- isError && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "rs-step-footer", style: { gap: 8, display: "flex" }, children: [
2951
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button, { variant: "outline", onClick: onClose, fullWidth: true, children: "Close" }),
2952
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button, { onClick: onNewDeposit, fullWidth: true, children: "Try Again" })
3051
+ isError && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "rs-step-footer", style: { gap: 8, display: "flex" }, children: [
3052
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Button, { variant: "outline", onClick: onClose, fullWidth: true, children: "Close" }),
3053
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Button, { onClick: onNewDeposit, fullWidth: true, children: "Try Again" })
2953
3054
  ] }),
2954
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PoweredBy, {})
3055
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(PoweredBy, {})
2955
3056
  ] });
2956
3057
  }
2957
- var import_react6, import_viem6, import_jsx_runtime10, INITIAL_POLL_INTERVAL, MAX_POLL_INTERVAL, BACKOFF_MULTIPLIER, PROCESS_TIMEOUT_MS;
3058
+ var import_react6, import_viem6, import_jsx_runtime11, INITIAL_POLL_INTERVAL, MAX_POLL_INTERVAL, BACKOFF_MULTIPLIER, PROCESS_TIMEOUT_MS;
2958
3059
  var init_ProcessingStep = __esm({
2959
3060
  "src/components/steps/ProcessingStep.tsx"() {
2960
3061
  "use strict";
@@ -2965,7 +3066,7 @@ var init_ProcessingStep = __esm({
2965
3066
  init_Spinner();
2966
3067
  init_webhook();
2967
3068
  init_constants();
2968
- import_jsx_runtime10 = require("react/jsx-runtime");
3069
+ import_jsx_runtime11 = require("react/jsx-runtime");
2969
3070
  INITIAL_POLL_INTERVAL = 3e3;
2970
3071
  MAX_POLL_INTERVAL = 3e4;
2971
3072
  BACKOFF_MULTIPLIER = 1.5;
@@ -3007,7 +3108,7 @@ function QRCode({
3007
3108
  }, [value, size, iconSrc]);
3008
3109
  const iconSize = size * 0.22;
3009
3110
  const iconOffset = (size - iconSize) / 2;
3010
- return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
3111
+ return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
3011
3112
  "svg",
3012
3113
  {
3013
3114
  viewBox: `0 0 ${size} ${size}`,
@@ -3017,10 +3118,10 @@ function QRCode({
3017
3118
  role: "img",
3018
3119
  "aria-label": "QR Code",
3019
3120
  children: [
3020
- /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("rect", { width: size, height: size, fill: "white", rx: 4 }),
3021
- /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { d: svgContent.paths, fill: "black" }),
3022
- iconSrc && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
3023
- /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
3121
+ /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("rect", { width: size, height: size, fill: "white", rx: 4 }),
3122
+ /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: svgContent.paths, fill: "black" }),
3123
+ iconSrc && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
3124
+ /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
3024
3125
  "rect",
3025
3126
  {
3026
3127
  x: iconOffset - 4,
@@ -3031,7 +3132,7 @@ function QRCode({
3031
3132
  rx: 8
3032
3133
  }
3033
3134
  ),
3034
- /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
3135
+ /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
3035
3136
  "image",
3036
3137
  {
3037
3138
  href: iconSrc,
@@ -3046,13 +3147,13 @@ function QRCode({
3046
3147
  }
3047
3148
  );
3048
3149
  }
3049
- var import_react7, import_qrcode_generator, import_jsx_runtime11;
3150
+ var import_react7, import_qrcode_generator, import_jsx_runtime12;
3050
3151
  var init_QRCode = __esm({
3051
3152
  "src/components/ui/QRCode.tsx"() {
3052
3153
  "use strict";
3053
3154
  import_react7 = require("react");
3054
3155
  import_qrcode_generator = __toESM(require("qrcode-generator"), 1);
3055
- import_jsx_runtime11 = require("react/jsx-runtime");
3156
+ import_jsx_runtime12 = require("react/jsx-runtime");
3056
3157
  QRCode.displayName = "QRCode";
3057
3158
  }
3058
3159
  });
@@ -3198,12 +3299,12 @@ function DepositAddressStep({
3198
3299
  };
3199
3300
  }, [smartAccount, service, onDepositDetected, onError]);
3200
3301
  const chainIconSrc = getChainIcon(sourceChainId);
3201
- return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "rs-step", children: [
3202
- /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "rs-step-body", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "rs-deposit-address", children: [
3203
- /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "rs-deposit-address-selectors", children: [
3204
- /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "rs-deposit-address-dropdown", children: [
3205
- /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "rs-deposit-address-dropdown-label", children: "Supported token" }),
3206
- /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
3302
+ return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "rs-step", children: [
3303
+ /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "rs-step-body", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "rs-deposit-address", children: [
3304
+ /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "rs-deposit-address-selectors", children: [
3305
+ /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "rs-deposit-address-dropdown", children: [
3306
+ /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "rs-deposit-address-dropdown-label", children: "Supported token" }),
3307
+ /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
3207
3308
  "button",
3208
3309
  {
3209
3310
  type: "button",
@@ -3213,7 +3314,7 @@ function DepositAddressStep({
3213
3314
  setChainDropdownOpen(false);
3214
3315
  },
3215
3316
  children: [
3216
- getTokenIcon(sourceTokenSymbol) && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
3317
+ getTokenIcon(sourceTokenSymbol) && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
3217
3318
  "img",
3218
3319
  {
3219
3320
  src: getTokenIcon(sourceTokenSymbol),
@@ -3221,8 +3322,8 @@ function DepositAddressStep({
3221
3322
  className: "rs-deposit-address-dropdown-icon"
3222
3323
  }
3223
3324
  ),
3224
- /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: sourceTokenSymbol }),
3225
- /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
3325
+ /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: sourceTokenSymbol }),
3326
+ /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
3226
3327
  "svg",
3227
3328
  {
3228
3329
  className: "rs-deposit-address-dropdown-chevron",
@@ -3230,7 +3331,7 @@ function DepositAddressStep({
3230
3331
  fill: "none",
3231
3332
  stroke: "currentColor",
3232
3333
  strokeWidth: "2",
3233
- children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
3334
+ children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
3234
3335
  "path",
3235
3336
  {
3236
3337
  strokeLinecap: "round",
@@ -3243,7 +3344,7 @@ function DepositAddressStep({
3243
3344
  ]
3244
3345
  }
3245
3346
  ),
3246
- tokenDropdownOpen && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "rs-deposit-address-dropdown-menu", children: tokensForChain.map((symbol) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
3347
+ tokenDropdownOpen && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "rs-deposit-address-dropdown-menu", children: tokensForChain.map((symbol) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
3247
3348
  "button",
3248
3349
  {
3249
3350
  type: "button",
@@ -3253,7 +3354,7 @@ function DepositAddressStep({
3253
3354
  setTokenDropdownOpen(false);
3254
3355
  },
3255
3356
  children: [
3256
- getTokenIcon(symbol) && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
3357
+ getTokenIcon(symbol) && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
3257
3358
  "img",
3258
3359
  {
3259
3360
  src: getTokenIcon(symbol),
@@ -3261,15 +3362,15 @@ function DepositAddressStep({
3261
3362
  className: "rs-deposit-address-dropdown-icon"
3262
3363
  }
3263
3364
  ),
3264
- /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: symbol })
3365
+ /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: symbol })
3265
3366
  ]
3266
3367
  },
3267
3368
  symbol
3268
3369
  )) })
3269
3370
  ] }),
3270
- /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "rs-deposit-address-dropdown", children: [
3271
- /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "rs-deposit-address-dropdown-label", children: "Supported chain" }),
3272
- /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
3371
+ /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "rs-deposit-address-dropdown", children: [
3372
+ /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "rs-deposit-address-dropdown-label", children: "Supported chain" }),
3373
+ /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
3273
3374
  "button",
3274
3375
  {
3275
3376
  type: "button",
@@ -3279,7 +3380,7 @@ function DepositAddressStep({
3279
3380
  setTokenDropdownOpen(false);
3280
3381
  },
3281
3382
  children: [
3282
- getChainIcon(sourceChainId) && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
3383
+ getChainIcon(sourceChainId) && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
3283
3384
  "img",
3284
3385
  {
3285
3386
  src: getChainIcon(sourceChainId),
@@ -3287,8 +3388,8 @@ function DepositAddressStep({
3287
3388
  className: "rs-deposit-address-dropdown-icon"
3288
3389
  }
3289
3390
  ),
3290
- /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: getChainName(sourceChainId) }),
3291
- /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
3391
+ /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: getChainName(sourceChainId) }),
3392
+ /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
3292
3393
  "svg",
3293
3394
  {
3294
3395
  className: "rs-deposit-address-dropdown-chevron",
@@ -3296,7 +3397,7 @@ function DepositAddressStep({
3296
3397
  fill: "none",
3297
3398
  stroke: "currentColor",
3298
3399
  strokeWidth: "2",
3299
- children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
3400
+ children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
3300
3401
  "path",
3301
3402
  {
3302
3403
  strokeLinecap: "round",
@@ -3309,7 +3410,7 @@ function DepositAddressStep({
3309
3410
  ]
3310
3411
  }
3311
3412
  ),
3312
- chainDropdownOpen && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "rs-deposit-address-dropdown-menu", children: supportedChainIds.map((chainId) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
3413
+ chainDropdownOpen && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "rs-deposit-address-dropdown-menu", children: supportedChainIds.map((chainId) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
3313
3414
  "button",
3314
3415
  {
3315
3416
  type: "button",
@@ -3319,7 +3420,7 @@ function DepositAddressStep({
3319
3420
  setChainDropdownOpen(false);
3320
3421
  },
3321
3422
  children: [
3322
- getChainIcon(chainId) && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
3423
+ getChainIcon(chainId) && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
3323
3424
  "img",
3324
3425
  {
3325
3426
  src: getChainIcon(chainId),
@@ -3327,25 +3428,25 @@ function DepositAddressStep({
3327
3428
  className: "rs-deposit-address-dropdown-icon"
3328
3429
  }
3329
3430
  ),
3330
- /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: getChainName(chainId) })
3431
+ /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: getChainName(chainId) })
3331
3432
  ]
3332
3433
  },
3333
3434
  chainId
3334
3435
  )) })
3335
3436
  ] })
3336
3437
  ] }),
3337
- /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "rs-deposit-address-qr", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(QRCode, { value: smartAccount, size: 200, iconSrc: chainIconSrc }) }),
3338
- /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "rs-deposit-address-info", children: [
3339
- /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "rs-deposit-address-label", children: "Your deposit address" }),
3340
- /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "rs-deposit-address-value", children: smartAccount }),
3341
- /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
3438
+ /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "rs-deposit-address-qr", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(QRCode, { value: smartAccount, size: 200, iconSrc: chainIconSrc }) }),
3439
+ /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "rs-deposit-address-info", children: [
3440
+ /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "rs-deposit-address-label", children: "Your deposit address" }),
3441
+ /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "rs-deposit-address-value", children: smartAccount }),
3442
+ /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
3342
3443
  "button",
3343
3444
  {
3344
3445
  type: "button",
3345
3446
  className: "rs-deposit-address-copy",
3346
3447
  onClick: handleCopy,
3347
3448
  children: [
3348
- /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
3449
+ /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
3349
3450
  "svg",
3350
3451
  {
3351
3452
  viewBox: "0 0 24 24",
@@ -3353,14 +3454,14 @@ function DepositAddressStep({
3353
3454
  stroke: "currentColor",
3354
3455
  strokeWidth: "2",
3355
3456
  style: { width: 14, height: 14 },
3356
- children: copied ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
3457
+ children: copied ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
3357
3458
  "path",
3358
3459
  {
3359
3460
  strokeLinecap: "round",
3360
3461
  strokeLinejoin: "round",
3361
3462
  d: "M5 12l5 5L20 7"
3362
3463
  }
3363
- ) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
3464
+ ) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
3364
3465
  "path",
3365
3466
  {
3366
3467
  strokeLinecap: "round",
@@ -3375,12 +3476,12 @@ function DepositAddressStep({
3375
3476
  }
3376
3477
  )
3377
3478
  ] }),
3378
- pollingError && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "rs-deposit-address-error", children: pollingError })
3479
+ pollingError && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "rs-deposit-address-error", children: pollingError })
3379
3480
  ] }) }),
3380
- /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(PoweredBy, {})
3481
+ /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(PoweredBy, {})
3381
3482
  ] });
3382
3483
  }
3383
- var import_react8, import_jsx_runtime12, POLL_INTERVAL_MS;
3484
+ var import_react8, import_jsx_runtime13, POLL_INTERVAL_MS;
3384
3485
  var init_DepositAddressStep = __esm({
3385
3486
  "src/components/steps/DepositAddressStep.tsx"() {
3386
3487
  "use strict";
@@ -3389,7 +3490,7 @@ var init_DepositAddressStep = __esm({
3389
3490
  init_PoweredBy();
3390
3491
  init_constants();
3391
3492
  init_webhook();
3392
- import_jsx_runtime12 = require("react/jsx-runtime");
3493
+ import_jsx_runtime13 = require("react/jsx-runtime");
3393
3494
  POLL_INTERVAL_MS = 4e3;
3394
3495
  DepositAddressStep.displayName = "DepositAddressStep";
3395
3496
  }
@@ -3456,6 +3557,13 @@ function DepositFlow({
3456
3557
  setIsConnectSelectionConfirmed(false);
3457
3558
  }
3458
3559
  }, [hasConnectWalletOptions]);
3560
+ const handleBackFromDepositAddress = (0, import_react9.useCallback)(() => {
3561
+ setFlowMode(null);
3562
+ setStep({ type: "setup" });
3563
+ if (hasConnectWalletOptions) {
3564
+ setIsConnectSelectionConfirmed(false);
3565
+ }
3566
+ }, [hasConnectWalletOptions]);
3459
3567
  const handleBackFromConfirm = (0, import_react9.useCallback)(() => {
3460
3568
  setStep((prev) => {
3461
3569
  if (prev.type !== "confirm") return prev;
@@ -3468,7 +3576,7 @@ function DepositFlow({
3468
3576
  });
3469
3577
  }, []);
3470
3578
  const stepIndex = step.type === "setup" ? 0 : step.type === "deposit-address" ? 1 : step.type === "select-asset" ? 1 : step.type === "amount" ? 2 : step.type === "confirm" ? 3 : 4;
3471
- const currentBackHandler = step.type === "select-asset" && hasConnectedWallet && hasConnectWalletOptions && isConnectSelectionConfirmed ? handleBackFromSelectAsset : step.type === "amount" ? handleBackFromAmount : step.type === "confirm" ? handleBackFromConfirm : void 0;
3579
+ const currentBackHandler = step.type === "deposit-address" ? handleBackFromDepositAddress : step.type === "select-asset" && hasConnectedWallet && hasConnectWalletOptions && isConnectSelectionConfirmed ? handleBackFromSelectAsset : step.type === "amount" ? handleBackFromAmount : step.type === "confirm" ? handleBackFromConfirm : void 0;
3472
3580
  (0, import_react9.useEffect)(() => {
3473
3581
  onStepChange?.(stepIndex, currentBackHandler);
3474
3582
  }, [stepIndex, currentBackHandler, onStepChange]);
@@ -3607,7 +3715,7 @@ function DepositFlow({
3607
3715
  setIsConnectSelectionConfirmed(false);
3608
3716
  }, [connectWalletOptionsKey, selectedConnectAddressEffective]);
3609
3717
  if (showConnectStep) {
3610
- return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "rs-modal-body", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
3718
+ return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "rs-modal-body", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
3611
3719
  ConnectStep,
3612
3720
  {
3613
3721
  walletOptions: connectWalletOptions,
@@ -3631,8 +3739,8 @@ function DepositFlow({
3631
3739
  return null;
3632
3740
  }
3633
3741
  if (isDepositAddressMode) {
3634
- return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "rs-modal-body", children: [
3635
- step.type === "setup" && targetChainObj && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
3742
+ return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "rs-modal-body", children: [
3743
+ step.type === "setup" && targetChainObj && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
3636
3744
  SetupStep,
3637
3745
  {
3638
3746
  walletClient,
@@ -3650,7 +3758,7 @@ function DepositFlow({
3650
3758
  onError: handleError
3651
3759
  }
3652
3760
  ),
3653
- step.type === "deposit-address" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
3761
+ step.type === "deposit-address" && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
3654
3762
  DepositAddressStep,
3655
3763
  {
3656
3764
  smartAccount: step.smartAccount,
@@ -3659,7 +3767,7 @@ function DepositFlow({
3659
3767
  onError: handleError
3660
3768
  }
3661
3769
  ),
3662
- step.type === "processing" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
3770
+ step.type === "processing" && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
3663
3771
  ProcessingStep,
3664
3772
  {
3665
3773
  smartAccount: step.smartAccount,
@@ -3680,8 +3788,8 @@ function DepositFlow({
3680
3788
  )
3681
3789
  ] });
3682
3790
  }
3683
- return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "rs-modal-body", children: [
3684
- step.type === "setup" && targetChainObj && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
3791
+ return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "rs-modal-body", children: [
3792
+ step.type === "setup" && targetChainObj && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
3685
3793
  SetupStep,
3686
3794
  {
3687
3795
  walletClient,
@@ -3699,7 +3807,7 @@ function DepositFlow({
3699
3807
  onError: handleError
3700
3808
  }
3701
3809
  ),
3702
- step.type === "select-asset" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
3810
+ step.type === "select-asset" && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
3703
3811
  AssetSelectStep,
3704
3812
  {
3705
3813
  address,
@@ -3711,7 +3819,7 @@ function DepositFlow({
3711
3819
  onTotalBalanceComputed: handleTotalBalanceComputed
3712
3820
  }
3713
3821
  ),
3714
- step.type === "amount" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
3822
+ step.type === "amount" && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
3715
3823
  AmountStep,
3716
3824
  {
3717
3825
  walletClient,
@@ -3726,7 +3834,7 @@ function DepositFlow({
3726
3834
  onContinue: handleAmountContinue
3727
3835
  }
3728
3836
  ),
3729
- step.type === "confirm" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
3837
+ step.type === "confirm" && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
3730
3838
  ConfirmStep,
3731
3839
  {
3732
3840
  walletClient,
@@ -3743,7 +3851,7 @@ function DepositFlow({
3743
3851
  onError: handleError
3744
3852
  }
3745
3853
  ),
3746
- step.type === "processing" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
3854
+ step.type === "processing" && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
3747
3855
  ProcessingStep,
3748
3856
  {
3749
3857
  smartAccount: step.smartAccount,
@@ -3764,7 +3872,7 @@ function DepositFlow({
3764
3872
  )
3765
3873
  ] });
3766
3874
  }
3767
- var import_react9, import_jsx_runtime13;
3875
+ var import_react9, import_jsx_runtime14;
3768
3876
  var init_DepositFlow = __esm({
3769
3877
  "src/DepositFlow.tsx"() {
3770
3878
  "use strict";
@@ -3777,7 +3885,7 @@ var init_DepositFlow = __esm({
3777
3885
  init_ProcessingStep();
3778
3886
  init_DepositAddressStep();
3779
3887
  init_constants();
3780
- import_jsx_runtime13 = require("react/jsx-runtime");
3888
+ import_jsx_runtime14 = require("react/jsx-runtime");
3781
3889
  }
3782
3890
  });
3783
3891
 
@@ -3866,7 +3974,7 @@ function ReownWalletProvider({
3866
3974
  const [queryClient] = (0, import_react10.useState)(() => new import_react_query.QueryClient());
3867
3975
  const adapter = getOrCreateAdapter(projectId, theme);
3868
3976
  const config = adapter.wagmiConfig;
3869
- return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_wagmi.WagmiProvider, { config, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_query.QueryClientProvider, { client: queryClient, children }) });
3977
+ return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_wagmi.WagmiProvider, { config, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_query.QueryClientProvider, { client: queryClient, children }) });
3870
3978
  }
3871
3979
  function useReownWallet() {
3872
3980
  const { open } = (0, import_react11.useAppKit)();
@@ -3953,7 +4061,7 @@ function useResolvedWallet(host, reown) {
3953
4061
  switchChain: handleSwitchChain
3954
4062
  };
3955
4063
  }
3956
- var import_react10, import_react_query, import_appkit_adapter_wagmi, import_wagmi, import_react11, import_networks, import_wagmi2, import_jsx_runtime14, NETWORKS, cachedAdapter, cachedProjectId;
4064
+ var import_react10, import_react_query, import_appkit_adapter_wagmi, import_wagmi, import_react11, import_networks, import_wagmi2, import_jsx_runtime15, NETWORKS, cachedAdapter, cachedProjectId;
3957
4065
  var init_reown = __esm({
3958
4066
  "src/core/reown.tsx"() {
3959
4067
  "use strict";
@@ -3964,7 +4072,7 @@ var init_reown = __esm({
3964
4072
  import_react11 = require("@reown/appkit/react");
3965
4073
  import_networks = require("@reown/appkit/networks");
3966
4074
  import_wagmi2 = require("wagmi");
3967
- import_jsx_runtime14 = require("react/jsx-runtime");
4075
+ import_jsx_runtime15 = require("react/jsx-runtime");
3968
4076
  NETWORKS = [
3969
4077
  import_networks.mainnet,
3970
4078
  import_networks.base,
@@ -3997,7 +4105,7 @@ function DepositModalWithReown(props) {
3997
4105
  const handleConnect = (0, import_react12.useCallback)(() => {
3998
4106
  reown.openConnect();
3999
4107
  }, [reown.openConnect]);
4000
- return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
4108
+ return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
4001
4109
  DepositModalInner,
4002
4110
  {
4003
4111
  ...props,
@@ -4014,16 +4122,16 @@ function DepositModalWithReown(props) {
4014
4122
  );
4015
4123
  }
4016
4124
  function DepositModalReown(props) {
4017
- return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ReownWalletProvider, { projectId: props.reownAppId, theme: props.theme, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DepositModalWithReown, { ...props }) });
4125
+ return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ReownWalletProvider, { projectId: props.reownAppId, theme: props.theme, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DepositModalWithReown, { ...props }) });
4018
4126
  }
4019
- var import_react12, import_jsx_runtime15;
4127
+ var import_react12, import_jsx_runtime16;
4020
4128
  var init_DepositModalReown = __esm({
4021
4129
  "src/DepositModalReown.tsx"() {
4022
4130
  "use strict";
4023
4131
  import_react12 = require("react");
4024
4132
  init_reown();
4025
4133
  init_DepositModal();
4026
- import_jsx_runtime15 = require("react/jsx-runtime");
4134
+ import_jsx_runtime16 = require("react/jsx-runtime");
4027
4135
  }
4028
4136
  });
4029
4137
 
@@ -4031,9 +4139,9 @@ var init_DepositModalReown = __esm({
4031
4139
  function DepositModal(props) {
4032
4140
  const needsReown = !!props.reownAppId;
4033
4141
  if (needsReown) {
4034
- return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react13.Suspense, { fallback: null, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ReownDepositInner, { ...props }) });
4142
+ return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react13.Suspense, { fallback: null, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ReownDepositInner, { ...props }) });
4035
4143
  }
4036
- return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DepositModalInner, { ...props });
4144
+ return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DepositModalInner, { ...props });
4037
4145
  }
4038
4146
  function DepositModalInner({
4039
4147
  walletClient,
@@ -4115,30 +4223,30 @@ function DepositModalInner({
4115
4223
  const logoUrl = branding?.logoUrl ?? "https://github.com/rhinestonewtf.png";
4116
4224
  const title = branding?.title ?? "Deposit";
4117
4225
  const canGoBack = currentStepIndex > 0 && currentStepIndex < 4 && backHandlerRef.current !== void 0;
4118
- return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
4226
+ return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
4119
4227
  Modal,
4120
4228
  {
4121
4229
  isOpen,
4122
4230
  onClose,
4123
4231
  className,
4124
4232
  inline,
4125
- children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { ref: modalRef, className: "rs-modal", children: [
4126
- /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "rs-modal-header--redesigned", children: [
4127
- /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "rs-modal-header-nav-left", children: showBackButton && canGoBack && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
4233
+ children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { ref: modalRef, className: "rs-modal", children: [
4234
+ /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "rs-modal-header--redesigned", children: [
4235
+ /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "rs-modal-header-nav-left", children: showBackButton && canGoBack && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
4128
4236
  "button",
4129
4237
  {
4130
4238
  type: "button",
4131
4239
  className: "rs-modal-header-back",
4132
4240
  "aria-label": "Go back",
4133
4241
  onClick: handleBack,
4134
- children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
4242
+ children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
4135
4243
  "svg",
4136
4244
  {
4137
4245
  viewBox: "0 0 24 24",
4138
4246
  fill: "none",
4139
4247
  stroke: "currentColor",
4140
4248
  strokeWidth: "2",
4141
- children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
4249
+ children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
4142
4250
  "path",
4143
4251
  {
4144
4252
  strokeLinecap: "round",
@@ -4150,9 +4258,9 @@ function DepositModalInner({
4150
4258
  )
4151
4259
  }
4152
4260
  ) }),
4153
- /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "rs-modal-header-nav-center", children: [
4154
- /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "rs-modal-header-title-row", children: [
4155
- showLogo && logoUrl && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
4261
+ /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "rs-modal-header-nav-center", children: [
4262
+ /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "rs-modal-header-title-row", children: [
4263
+ showLogo && logoUrl && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
4156
4264
  "img",
4157
4265
  {
4158
4266
  src: logoUrl,
@@ -4163,8 +4271,8 @@ function DepositModalInner({
4163
4271
  }
4164
4272
  }
4165
4273
  ),
4166
- /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "rs-modal-header-title", children: title }),
4167
- showStepper && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "rs-modal-progress", style: { marginLeft: 8 }, children: [0, 1, 2, 3, 4].map((i) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
4274
+ /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "rs-modal-header-title", children: title }),
4275
+ showStepper && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "rs-modal-progress", style: { marginLeft: 8 }, children: [0, 1, 2, 3, 4].map((i) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
4168
4276
  "div",
4169
4277
  {
4170
4278
  className: `rs-modal-progress-dot ${i <= currentStepIndex ? "rs-modal-progress-dot--active" : "rs-modal-progress-dot--inactive"}`
@@ -4172,29 +4280,29 @@ function DepositModalInner({
4172
4280
  i
4173
4281
  )) })
4174
4282
  ] }),
4175
- balanceTitle && totalBalanceUsd !== null && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "rs-modal-header-balance", children: [
4176
- /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { children: [
4283
+ balanceTitle && totalBalanceUsd !== null && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "rs-modal-header-balance", children: [
4284
+ /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { children: [
4177
4285
  balanceTitle,
4178
4286
  ":"
4179
4287
  ] }),
4180
- /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "rs-modal-header-balance-value", children: currencyFormatter.format(totalBalanceUsd) })
4288
+ /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "rs-modal-header-balance-value", children: currencyFormatter.format(totalBalanceUsd) })
4181
4289
  ] })
4182
4290
  ] }),
4183
- /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "rs-modal-header-nav-right", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
4291
+ /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "rs-modal-header-nav-right", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
4184
4292
  "button",
4185
4293
  {
4186
4294
  type: "button",
4187
4295
  onClick: onClose,
4188
4296
  className: "rs-modal-close",
4189
4297
  "aria-label": "Close",
4190
- children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
4298
+ children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
4191
4299
  "svg",
4192
4300
  {
4193
4301
  viewBox: "0 0 24 24",
4194
4302
  fill: "none",
4195
4303
  stroke: "currentColor",
4196
4304
  strokeWidth: "2",
4197
- children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
4305
+ children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
4198
4306
  "path",
4199
4307
  {
4200
4308
  strokeLinecap: "round",
@@ -4207,7 +4315,7 @@ function DepositModalInner({
4207
4315
  }
4208
4316
  ) })
4209
4317
  ] }),
4210
- /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
4318
+ /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
4211
4319
  DepositFlow,
4212
4320
  {
4213
4321
  walletClient,
@@ -4246,7 +4354,7 @@ function DepositModalInner({
4246
4354
  }
4247
4355
  );
4248
4356
  }
4249
- var import_react13, import_jsx_runtime16, ReownDepositInner;
4357
+ var import_react13, import_jsx_runtime17, ReownDepositInner;
4250
4358
  var init_DepositModal = __esm({
4251
4359
  "src/DepositModal.tsx"() {
4252
4360
  "use strict";
@@ -4257,7 +4365,7 @@ var init_DepositModal = __esm({
4257
4365
  init_constants();
4258
4366
  init_formatters();
4259
4367
  init_theme();
4260
- import_jsx_runtime16 = require("react/jsx-runtime");
4368
+ import_jsx_runtime17 = require("react/jsx-runtime");
4261
4369
  ReownDepositInner = (0, import_react13.lazy)(
4262
4370
  () => Promise.resolve().then(() => (init_DepositModalReown(), DepositModalReown_exports)).then((m) => ({ default: m.DepositModalReown }))
4263
4371
  );
@@ -4463,12 +4571,12 @@ function WithdrawFormStep({
4463
4571
  setIsSwitching(false);
4464
4572
  }
4465
4573
  };
4466
- return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "rs-step", children: [
4467
- /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "rs-step-body rs-withdraw-form", children: [
4468
- /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "rs-withdraw-section", children: [
4469
- /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("label", { className: "rs-withdraw-label", children: "Recipient" }),
4470
- /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "rs-withdraw-input-row", children: [
4471
- /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
4574
+ return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "rs-step", children: [
4575
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "rs-step-body rs-withdraw-form", children: [
4576
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "rs-withdraw-section", children: [
4577
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("label", { className: "rs-withdraw-label", children: "Recipient" }),
4578
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "rs-withdraw-input-row", children: [
4579
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
4472
4580
  "input",
4473
4581
  {
4474
4582
  type: "text",
@@ -4481,7 +4589,7 @@ function WithdrawFormStep({
4481
4589
  }
4482
4590
  }
4483
4591
  ),
4484
- address && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
4592
+ address && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
4485
4593
  "button",
4486
4594
  {
4487
4595
  type: "button",
@@ -4489,7 +4597,7 @@ function WithdrawFormStep({
4489
4597
  onClick: handleUseConnected,
4490
4598
  title: isRecipientConnected ? "Using connected wallet" : "Use connected wallet",
4491
4599
  children: [
4492
- /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
4600
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
4493
4601
  "svg",
4494
4602
  {
4495
4603
  viewBox: "0 0 24 24",
@@ -4497,7 +4605,7 @@ function WithdrawFormStep({
4497
4605
  stroke: "currentColor",
4498
4606
  strokeWidth: "2",
4499
4607
  className: "rs-withdraw-use-connected-icon",
4500
- children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
4608
+ children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
4501
4609
  "path",
4502
4610
  {
4503
4611
  strokeLinecap: "round",
@@ -4513,10 +4621,10 @@ function WithdrawFormStep({
4513
4621
  )
4514
4622
  ] })
4515
4623
  ] }),
4516
- /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "rs-withdraw-section", children: [
4517
- /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("label", { className: "rs-withdraw-label", children: "Amount" }),
4518
- /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "rs-withdraw-input-row", children: [
4519
- /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
4624
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "rs-withdraw-section", children: [
4625
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("label", { className: "rs-withdraw-label", children: "Amount" }),
4626
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "rs-withdraw-input-row", children: [
4627
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
4520
4628
  "input",
4521
4629
  {
4522
4630
  type: "text",
@@ -4533,9 +4641,9 @@ function WithdrawFormStep({
4533
4641
  }
4534
4642
  }
4535
4643
  ),
4536
- /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "rs-withdraw-amount-right", children: [
4537
- /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "rs-withdraw-token-label", children: asset.symbol }),
4538
- /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
4644
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "rs-withdraw-amount-right", children: [
4645
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "rs-withdraw-token-label", children: asset.symbol }),
4646
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
4539
4647
  "button",
4540
4648
  {
4541
4649
  type: "button",
@@ -4547,25 +4655,25 @@ function WithdrawFormStep({
4547
4655
  )
4548
4656
  ] })
4549
4657
  ] }),
4550
- /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "rs-withdraw-amount-info", children: [
4551
- /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "rs-withdraw-usd", children: amountUsd !== null ? currencyFormatter.format(amountUsd) : "$0.00" }),
4552
- /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "rs-withdraw-balance", children: [
4658
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "rs-withdraw-amount-info", children: [
4659
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "rs-withdraw-usd", children: amountUsd !== null ? currencyFormatter.format(amountUsd) : "$0.00" }),
4660
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: "rs-withdraw-balance", children: [
4553
4661
  formattedBalance,
4554
4662
  " ",
4555
4663
  asset.symbol
4556
4664
  ] })
4557
4665
  ] })
4558
4666
  ] }),
4559
- /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "rs-withdraw-receive-row", children: [
4560
- /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "rs-withdraw-receive-col", children: [
4561
- /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("label", { className: "rs-withdraw-label", children: "Receive" }),
4562
- /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
4667
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "rs-withdraw-receive-row", children: [
4668
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "rs-withdraw-receive-col", children: [
4669
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("label", { className: "rs-withdraw-label", children: "Receive" }),
4670
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
4563
4671
  "div",
4564
4672
  {
4565
4673
  className: "rs-withdraw-dropdown-container",
4566
4674
  ref: tokenDropdownRef,
4567
4675
  children: [
4568
- /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
4676
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
4569
4677
  "button",
4570
4678
  {
4571
4679
  type: "button",
@@ -4575,8 +4683,8 @@ function WithdrawFormStep({
4575
4683
  setShowChainDropdown(false);
4576
4684
  },
4577
4685
  children: [
4578
- /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "rs-withdraw-dropdown-value", children: [
4579
- getTokenIcon(targetSymbol) && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
4686
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "rs-withdraw-dropdown-value", children: [
4687
+ getTokenIcon(targetSymbol) && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
4580
4688
  "img",
4581
4689
  {
4582
4690
  src: getTokenIcon(targetSymbol),
@@ -4584,9 +4692,9 @@ function WithdrawFormStep({
4584
4692
  className: "rs-withdraw-dropdown-icon"
4585
4693
  }
4586
4694
  ),
4587
- /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: targetSymbol })
4695
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: targetSymbol })
4588
4696
  ] }),
4589
- /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
4697
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
4590
4698
  "svg",
4591
4699
  {
4592
4700
  viewBox: "0 0 24 24",
@@ -4597,7 +4705,7 @@ function WithdrawFormStep({
4597
4705
  style: {
4598
4706
  transform: showTokenDropdown ? "rotate(180deg)" : void 0
4599
4707
  },
4600
- children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
4708
+ children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
4601
4709
  "path",
4602
4710
  {
4603
4711
  strokeLinecap: "round",
@@ -4610,7 +4718,7 @@ function WithdrawFormStep({
4610
4718
  ]
4611
4719
  }
4612
4720
  ),
4613
- showTokenDropdown && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "rs-withdraw-dropdown-menu", children: targetTokenOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
4721
+ showTokenDropdown && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "rs-withdraw-dropdown-menu", children: targetTokenOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
4614
4722
  "button",
4615
4723
  {
4616
4724
  type: "button",
@@ -4620,7 +4728,7 @@ function WithdrawFormStep({
4620
4728
  setShowTokenDropdown(false);
4621
4729
  },
4622
4730
  children: [
4623
- getTokenIcon(option.symbol) && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
4731
+ getTokenIcon(option.symbol) && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
4624
4732
  "img",
4625
4733
  {
4626
4734
  src: getTokenIcon(option.symbol),
@@ -4628,7 +4736,7 @@ function WithdrawFormStep({
4628
4736
  className: "rs-withdraw-dropdown-icon"
4629
4737
  }
4630
4738
  ),
4631
- /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: option.symbol })
4739
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: option.symbol })
4632
4740
  ]
4633
4741
  },
4634
4742
  option.address
@@ -4637,15 +4745,15 @@ function WithdrawFormStep({
4637
4745
  }
4638
4746
  )
4639
4747
  ] }),
4640
- /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "rs-withdraw-receive-col", children: [
4641
- /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("label", { className: "rs-withdraw-label", children: "Chain" }),
4642
- /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
4748
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "rs-withdraw-receive-col", children: [
4749
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("label", { className: "rs-withdraw-label", children: "Chain" }),
4750
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
4643
4751
  "div",
4644
4752
  {
4645
4753
  className: "rs-withdraw-dropdown-container",
4646
4754
  ref: chainDropdownRef,
4647
4755
  children: [
4648
- /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
4756
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
4649
4757
  "button",
4650
4758
  {
4651
4759
  type: "button",
@@ -4655,8 +4763,8 @@ function WithdrawFormStep({
4655
4763
  setShowTokenDropdown(false);
4656
4764
  },
4657
4765
  children: [
4658
- /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "rs-withdraw-dropdown-value", children: [
4659
- getChainIcon(targetChain) && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
4766
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "rs-withdraw-dropdown-value", children: [
4767
+ getChainIcon(targetChain) && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
4660
4768
  "img",
4661
4769
  {
4662
4770
  src: getChainIcon(targetChain),
@@ -4664,9 +4772,9 @@ function WithdrawFormStep({
4664
4772
  className: "rs-withdraw-dropdown-icon"
4665
4773
  }
4666
4774
  ),
4667
- /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: targetChainName })
4775
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: targetChainName })
4668
4776
  ] }),
4669
- /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
4777
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
4670
4778
  "svg",
4671
4779
  {
4672
4780
  viewBox: "0 0 24 24",
@@ -4677,7 +4785,7 @@ function WithdrawFormStep({
4677
4785
  style: {
4678
4786
  transform: showChainDropdown ? "rotate(180deg)" : void 0
4679
4787
  },
4680
- children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
4788
+ children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
4681
4789
  "path",
4682
4790
  {
4683
4791
  strokeLinecap: "round",
@@ -4690,7 +4798,7 @@ function WithdrawFormStep({
4690
4798
  ]
4691
4799
  }
4692
4800
  ),
4693
- showChainDropdown && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "rs-withdraw-dropdown-menu", children: targetChains.map((chain) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
4801
+ showChainDropdown && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "rs-withdraw-dropdown-menu", children: targetChains.map((chain) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
4694
4802
  "button",
4695
4803
  {
4696
4804
  type: "button",
@@ -4700,7 +4808,7 @@ function WithdrawFormStep({
4700
4808
  setShowChainDropdown(false);
4701
4809
  },
4702
4810
  children: [
4703
- getChainIcon(chain.id) && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
4811
+ getChainIcon(chain.id) && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
4704
4812
  "img",
4705
4813
  {
4706
4814
  src: getChainIcon(chain.id),
@@ -4708,7 +4816,7 @@ function WithdrawFormStep({
4708
4816
  className: "rs-withdraw-dropdown-icon"
4709
4817
  }
4710
4818
  ),
4711
- /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: chain.name })
4819
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: chain.name })
4712
4820
  ]
4713
4821
  },
4714
4822
  chain.id
@@ -4718,13 +4826,13 @@ function WithdrawFormStep({
4718
4826
  )
4719
4827
  ] })
4720
4828
  ] }),
4721
- chainMismatch && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "rs-chain-switch", children: [
4722
- /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "rs-chain-switch-text", children: [
4829
+ chainMismatch && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "rs-chain-switch", children: [
4830
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "rs-chain-switch-text", children: [
4723
4831
  "Switch to ",
4724
4832
  getChainName(asset.chainId),
4725
4833
  " to continue."
4726
4834
  ] }),
4727
- switchChain && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
4835
+ switchChain && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
4728
4836
  Button,
4729
4837
  {
4730
4838
  variant: "outline",
@@ -4735,15 +4843,15 @@ function WithdrawFormStep({
4735
4843
  }
4736
4844
  )
4737
4845
  ] }),
4738
- error && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "rs-withdraw-error", children: [
4739
- /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
4846
+ error && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "rs-withdraw-error", children: [
4847
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
4740
4848
  "svg",
4741
4849
  {
4742
4850
  viewBox: "0 0 24 24",
4743
4851
  fill: "none",
4744
4852
  stroke: "currentColor",
4745
4853
  strokeWidth: "2",
4746
- children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
4854
+ children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
4747
4855
  "path",
4748
4856
  {
4749
4857
  strokeLinecap: "round",
@@ -4753,10 +4861,10 @@ function WithdrawFormStep({
4753
4861
  )
4754
4862
  }
4755
4863
  ),
4756
- /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: error })
4864
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: error })
4757
4865
  ] })
4758
4866
  ] }),
4759
- /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "rs-step-footer", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
4867
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "rs-step-footer", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
4760
4868
  Button,
4761
4869
  {
4762
4870
  onClick: handleWithdraw,
@@ -4766,10 +4874,10 @@ function WithdrawFormStep({
4766
4874
  children: isBusy ? "Preparing..." : "Withdraw"
4767
4875
  }
4768
4876
  ) }),
4769
- /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(PoweredBy, {})
4877
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(PoweredBy, {})
4770
4878
  ] });
4771
4879
  }
4772
- var import_react14, import_viem7, import_jsx_runtime17;
4880
+ var import_react14, import_viem7, import_jsx_runtime18;
4773
4881
  var init_WithdrawFormStep = __esm({
4774
4882
  "src/components/steps/WithdrawFormStep.tsx"() {
4775
4883
  "use strict";
@@ -4780,7 +4888,7 @@ var init_WithdrawFormStep = __esm({
4780
4888
  init_deposit_service();
4781
4889
  init_constants();
4782
4890
  init_formatters();
4783
- import_jsx_runtime17 = require("react/jsx-runtime");
4891
+ import_jsx_runtime18 = require("react/jsx-runtime");
4784
4892
  WithdrawFormStep.displayName = "WithdrawFormStep";
4785
4893
  }
4786
4894
  });
@@ -5055,6 +5163,12 @@ function WithdrawFlow({
5055
5163
  setTargetToken(targetTokenProp);
5056
5164
  }, [targetChainProp, targetTokenProp]);
5057
5165
  const targetChainObj = (0, import_react15.useMemo)(() => CHAIN_BY_ID[targetChain], [targetChain]);
5166
+ const hasCustomSigner = Boolean(address && onWithdrawSign);
5167
+ const sourceChainObj = (0, import_react15.useMemo)(() => CHAIN_BY_ID[sourceChain], [sourceChain]);
5168
+ const effectivePublicClient = (0, import_react15.useMemo)(
5169
+ () => publicClient ?? (sourceChainObj ? (0, import_viem9.createPublicClient)({ chain: sourceChainObj, transport: (0, import_viem9.http)() }) : null),
5170
+ [publicClient, sourceChainObj]
5171
+ );
5058
5172
  const asset = (0, import_react15.useMemo)(() => {
5059
5173
  const symbol = getTokenSymbol(sourceToken, sourceChain);
5060
5174
  const decimals = getTokenDecimalsByAddress(sourceToken, sourceChain);
@@ -5105,7 +5219,10 @@ function WithdrawFlow({
5105
5219
  }, []);
5106
5220
  const handleFormSubmit = (0, import_react15.useCallback)(
5107
5221
  async (recipient, amountValue) => {
5108
- if (!walletClient || !publicClient || !address) {
5222
+ if (!address) {
5223
+ throw new Error("Wallet not connected");
5224
+ }
5225
+ if (!onWithdrawSign && (!walletClient || !publicClient)) {
5109
5226
  throw new Error("Wallet not connected");
5110
5227
  }
5111
5228
  if (!targetChainObj) {
@@ -5113,7 +5230,7 @@ function WithdrawFlow({
5113
5230
  }
5114
5231
  setIsSubmitting(true);
5115
5232
  try {
5116
- const signerAccount = (0, import_sdk3.walletClientToAccount)(walletClient);
5233
+ const signerAccount = walletClient ? (0, import_sdk3.walletClientToAccount)(walletClient) : createViewOnlyAccount(address);
5117
5234
  const sessionOwner = await resolveSessionOwner2(address);
5118
5235
  const account = await createSmartAccount(
5119
5236
  signerAccount,
@@ -5149,7 +5266,7 @@ function WithdrawFlow({
5149
5266
  });
5150
5267
  }
5151
5268
  handleConnected(address, smartAccount);
5152
- const amountUnits = (0, import_viem9.parseUnits)(amountValue, asset.decimals);
5269
+ const amountUnits = (0, import_viem10.parseUnits)(amountValue, asset.decimals);
5153
5270
  const result = onWithdrawSign ? await onWithdrawSign({
5154
5271
  safeAddress,
5155
5272
  recipient: smartAccount,
@@ -5279,13 +5396,15 @@ function WithdrawFlow({
5279
5396
  () => (connectWalletOptions ?? []).map((option) => option.address.toLowerCase()).join(","),
5280
5397
  [connectWalletOptions]
5281
5398
  );
5282
- const hasConnectedWallet = Boolean(walletClient && publicClient && address);
5283
- const showConnectStep = !hasConnectedWallet || hasConnectWalletOptions && !isConnectSelectionConfirmed;
5399
+ const hasConnectedWallet = Boolean(
5400
+ walletClient && publicClient && address || hasCustomSigner
5401
+ );
5402
+ const showConnectStep = !hasConnectedWallet || !hasCustomSigner && hasConnectWalletOptions && !isConnectSelectionConfirmed;
5284
5403
  (0, import_react15.useEffect)(() => {
5285
5404
  setIsConnectSelectionConfirmed(false);
5286
5405
  }, [connectWalletOptionsKey, selectedConnectAddressEffective]);
5287
5406
  if (showConnectStep) {
5288
- return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "rs-modal-body", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
5407
+ return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "rs-modal-body", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
5289
5408
  ConnectStep,
5290
5409
  {
5291
5410
  walletOptions: connectWalletOptions,
@@ -5298,15 +5417,15 @@ function WithdrawFlow({
5298
5417
  }
5299
5418
  ) });
5300
5419
  }
5301
- if (!walletClient || !publicClient || !address) {
5420
+ if (!address || !effectivePublicClient) {
5302
5421
  return null;
5303
5422
  }
5304
- return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "rs-modal-body", children: [
5305
- step.type === "form" && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
5423
+ return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "rs-modal-body", children: [
5424
+ step.type === "form" && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
5306
5425
  WithdrawFormStep,
5307
5426
  {
5308
5427
  walletClient,
5309
- publicClient,
5428
+ publicClient: effectivePublicClient,
5310
5429
  address,
5311
5430
  safeAddress,
5312
5431
  asset,
@@ -5324,7 +5443,7 @@ function WithdrawFlow({
5324
5443
  onBalanceUsdChange: setTotalBalanceUsd
5325
5444
  }
5326
5445
  ),
5327
- step.type === "processing" && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
5446
+ step.type === "processing" && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
5328
5447
  ProcessingStep,
5329
5448
  {
5330
5449
  smartAccount: step.smartAccount,
@@ -5346,11 +5465,12 @@ function WithdrawFlow({
5346
5465
  )
5347
5466
  ] });
5348
5467
  }
5349
- var import_react15, import_sdk3, import_viem9, import_jsx_runtime18;
5468
+ var import_react15, import_viem9, import_sdk3, import_viem10, import_jsx_runtime19;
5350
5469
  var init_WithdrawFlow = __esm({
5351
5470
  "src/WithdrawFlow.tsx"() {
5352
5471
  "use strict";
5353
5472
  import_react15 = require("react");
5473
+ import_viem9 = require("viem");
5354
5474
  init_ConnectStep();
5355
5475
  init_WithdrawFormStep();
5356
5476
  init_ProcessingStep();
@@ -5360,8 +5480,8 @@ var init_WithdrawFlow = __esm({
5360
5480
  init_account();
5361
5481
  init_session_owner();
5362
5482
  init_safe();
5363
- import_viem9 = require("viem");
5364
- import_jsx_runtime18 = require("react/jsx-runtime");
5483
+ import_viem10 = require("viem");
5484
+ import_jsx_runtime19 = require("react/jsx-runtime");
5365
5485
  }
5366
5486
  });
5367
5487
 
@@ -5384,7 +5504,7 @@ function WithdrawModalWithReown(props) {
5384
5504
  const handleConnect = (0, import_react16.useCallback)(() => {
5385
5505
  reown.openConnect();
5386
5506
  }, [reown.openConnect]);
5387
- return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
5507
+ return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
5388
5508
  WithdrawModalInner,
5389
5509
  {
5390
5510
  ...props,
@@ -5401,16 +5521,16 @@ function WithdrawModalWithReown(props) {
5401
5521
  );
5402
5522
  }
5403
5523
  function WithdrawModalReown(props) {
5404
- return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ReownWalletProvider, { projectId: props.reownAppId, theme: props.theme, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(WithdrawModalWithReown, { ...props }) });
5524
+ return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ReownWalletProvider, { projectId: props.reownAppId, theme: props.theme, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(WithdrawModalWithReown, { ...props }) });
5405
5525
  }
5406
- var import_react16, import_jsx_runtime19;
5526
+ var import_react16, import_jsx_runtime20;
5407
5527
  var init_WithdrawModalReown = __esm({
5408
5528
  "src/WithdrawModalReown.tsx"() {
5409
5529
  "use strict";
5410
5530
  import_react16 = require("react");
5411
5531
  init_reown();
5412
5532
  init_WithdrawModal();
5413
- import_jsx_runtime19 = require("react/jsx-runtime");
5533
+ import_jsx_runtime20 = require("react/jsx-runtime");
5414
5534
  }
5415
5535
  });
5416
5536
 
@@ -5418,9 +5538,9 @@ var init_WithdrawModalReown = __esm({
5418
5538
  function WithdrawModal(props) {
5419
5539
  const needsReown = !!props.reownAppId;
5420
5540
  if (needsReown) {
5421
- return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react17.Suspense, { fallback: null, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ReownWithdrawInner, { ...props }) });
5541
+ return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react17.Suspense, { fallback: null, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ReownWithdrawInner, { ...props }) });
5422
5542
  }
5423
- return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(WithdrawModalInner, { ...props });
5543
+ return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(WithdrawModalInner, { ...props });
5424
5544
  }
5425
5545
  function WithdrawModalInner({
5426
5546
  walletClient,
@@ -5504,30 +5624,30 @@ function WithdrawModalInner({
5504
5624
  const logoUrl = branding?.logoUrl ?? "https://github.com/rhinestonewtf.png";
5505
5625
  const title = branding?.title ?? "Withdraw";
5506
5626
  const canGoBack = currentStepIndex > 0 && currentStepIndex < 3 && backHandlerRef.current;
5507
- return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
5627
+ return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
5508
5628
  Modal,
5509
5629
  {
5510
5630
  isOpen,
5511
5631
  onClose,
5512
5632
  className,
5513
5633
  inline,
5514
- children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { ref: modalRef, className: "rs-modal", children: [
5515
- /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "rs-modal-header--redesigned", children: [
5516
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "rs-modal-header-nav-left", children: showBackButton && canGoBack && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
5634
+ children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { ref: modalRef, className: "rs-modal", children: [
5635
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "rs-modal-header--redesigned", children: [
5636
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "rs-modal-header-nav-left", children: showBackButton && canGoBack && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
5517
5637
  "button",
5518
5638
  {
5519
5639
  type: "button",
5520
5640
  className: "rs-modal-header-back",
5521
5641
  "aria-label": "Go back",
5522
5642
  onClick: handleBack,
5523
- children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
5643
+ children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
5524
5644
  "svg",
5525
5645
  {
5526
5646
  viewBox: "0 0 24 24",
5527
5647
  fill: "none",
5528
5648
  stroke: "currentColor",
5529
5649
  strokeWidth: "2",
5530
- children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
5650
+ children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
5531
5651
  "path",
5532
5652
  {
5533
5653
  strokeLinecap: "round",
@@ -5539,9 +5659,9 @@ function WithdrawModalInner({
5539
5659
  )
5540
5660
  }
5541
5661
  ) }),
5542
- /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "rs-modal-header-nav-center", children: [
5543
- /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "rs-modal-header-title-row", children: [
5544
- showLogo && logoUrl && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
5662
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "rs-modal-header-nav-center", children: [
5663
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "rs-modal-header-title-row", children: [
5664
+ showLogo && logoUrl && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
5545
5665
  "img",
5546
5666
  {
5547
5667
  src: logoUrl,
@@ -5552,8 +5672,8 @@ function WithdrawModalInner({
5552
5672
  }
5553
5673
  }
5554
5674
  ),
5555
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "rs-modal-header-title", children: title }),
5556
- showStepper && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "rs-modal-progress", style: { marginLeft: 8 }, children: [0, 1].map((i) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
5675
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "rs-modal-header-title", children: title }),
5676
+ showStepper && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "rs-modal-progress", style: { marginLeft: 8 }, children: [0, 1].map((i) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
5557
5677
  "div",
5558
5678
  {
5559
5679
  className: `rs-modal-progress-dot ${i <= currentStepIndex ? "rs-modal-progress-dot--active" : "rs-modal-progress-dot--inactive"}`
@@ -5561,26 +5681,26 @@ function WithdrawModalInner({
5561
5681
  i
5562
5682
  )) })
5563
5683
  ] }),
5564
- balanceTitle && totalBalanceUsd !== null && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "rs-modal-header-balance", children: [
5565
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "rs-modal-header-balance-label", children: balanceTitle }),
5566
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "rs-modal-header-balance-value", children: currencyFormatter.format(totalBalanceUsd) })
5684
+ balanceTitle && totalBalanceUsd !== null && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "rs-modal-header-balance", children: [
5685
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "rs-modal-header-balance-label", children: balanceTitle }),
5686
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "rs-modal-header-balance-value", children: currencyFormatter.format(totalBalanceUsd) })
5567
5687
  ] })
5568
5688
  ] }),
5569
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "rs-modal-header-nav-right", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
5689
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "rs-modal-header-nav-right", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
5570
5690
  "button",
5571
5691
  {
5572
5692
  type: "button",
5573
5693
  onClick: onClose,
5574
5694
  className: "rs-modal-close",
5575
5695
  "aria-label": "Close",
5576
- children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
5696
+ children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
5577
5697
  "svg",
5578
5698
  {
5579
5699
  viewBox: "0 0 24 24",
5580
5700
  fill: "none",
5581
5701
  stroke: "currentColor",
5582
5702
  strokeWidth: "2",
5583
- children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
5703
+ children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
5584
5704
  "path",
5585
5705
  {
5586
5706
  strokeLinecap: "round",
@@ -5593,7 +5713,7 @@ function WithdrawModalInner({
5593
5713
  }
5594
5714
  ) })
5595
5715
  ] }),
5596
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
5716
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
5597
5717
  WithdrawFlow,
5598
5718
  {
5599
5719
  walletClient,
@@ -5633,7 +5753,7 @@ function WithdrawModalInner({
5633
5753
  }
5634
5754
  );
5635
5755
  }
5636
- var import_react17, import_jsx_runtime20, ReownWithdrawInner;
5756
+ var import_react17, import_jsx_runtime21, ReownWithdrawInner;
5637
5757
  var init_WithdrawModal = __esm({
5638
5758
  "src/WithdrawModal.tsx"() {
5639
5759
  "use strict";
@@ -5644,7 +5764,7 @@ var init_WithdrawModal = __esm({
5644
5764
  init_constants();
5645
5765
  init_theme();
5646
5766
  init_formatters();
5647
- import_jsx_runtime20 = require("react/jsx-runtime");
5767
+ import_jsx_runtime21 = require("react/jsx-runtime");
5648
5768
  ReownWithdrawInner = (0, import_react17.lazy)(
5649
5769
  () => Promise.resolve().then(() => (init_WithdrawModalReown(), WithdrawModalReown_exports)).then((m) => ({
5650
5770
  default: m.WithdrawModalReown