@unifold/ui-web 0.1.36 → 0.1.38

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.mjs CHANGED
@@ -37161,11 +37161,12 @@ var import_react18 = __toESM(require_react(), 1);
37161
37161
  var React2222 = __toESM(require_react(), 1);
37162
37162
  var import_jsx_runtime42 = __toESM(require_jsx_runtime(), 1);
37163
37163
  var import_jsx_runtime43 = __toESM(require_jsx_runtime(), 1);
37164
- var import_react19 = __toESM(require_react(), 1);
37165
37164
  var import_jsx_runtime44 = __toESM(require_jsx_runtime(), 1);
37165
+ var import_react19 = __toESM(require_react(), 1);
37166
37166
  var import_jsx_runtime45 = __toESM(require_jsx_runtime(), 1);
37167
37167
  var import_jsx_runtime46 = __toESM(require_jsx_runtime(), 1);
37168
37168
  var import_jsx_runtime47 = __toESM(require_jsx_runtime(), 1);
37169
+ var import_jsx_runtime48 = __toESM(require_jsx_runtime(), 1);
37169
37170
  var import_react20 = __toESM(require_react(), 1);
37170
37171
  var React232 = __toESM(require_react(), 1);
37171
37172
  var React30 = __toESM(require_react(), 1);
@@ -37174,43 +37175,43 @@ var React25 = __toESM(require_react(), 1);
37174
37175
  var import_react21 = __toESM(require_react(), 1);
37175
37176
  var ReactDOM3 = __toESM(require_react_dom(), 1);
37176
37177
  var React26 = __toESM(require_react(), 1);
37177
- var import_jsx_runtime48 = __toESM(require_jsx_runtime(), 1);
37178
- var React27 = __toESM(require_react(), 1);
37179
37178
  var import_jsx_runtime49 = __toESM(require_jsx_runtime(), 1);
37180
- var React29 = __toESM(require_react(), 1);
37179
+ var React27 = __toESM(require_react(), 1);
37181
37180
  var import_jsx_runtime50 = __toESM(require_jsx_runtime(), 1);
37181
+ var React29 = __toESM(require_react(), 1);
37182
37182
  var import_jsx_runtime51 = __toESM(require_jsx_runtime(), 1);
37183
37183
  var import_jsx_runtime52 = __toESM(require_jsx_runtime(), 1);
37184
37184
  var import_jsx_runtime53 = __toESM(require_jsx_runtime(), 1);
37185
+ var import_jsx_runtime54 = __toESM(require_jsx_runtime(), 1);
37185
37186
  var import_react22 = __toESM(require_react(), 1);
37186
37187
  var React242 = __toESM(require_react(), 1);
37187
37188
  var React34 = __toESM(require_react(), 1);
37188
37189
  var ReactDOM4 = __toESM(require_react_dom(), 1);
37189
37190
  var import_react23 = __toESM(require_react(), 1);
37190
- var import_jsx_runtime54 = __toESM(require_jsx_runtime(), 1);
37191
- var import_react24 = __toESM(require_react(), 1);
37192
37191
  var import_jsx_runtime55 = __toESM(require_jsx_runtime(), 1);
37193
- var React322 = __toESM(require_react(), 1);
37192
+ var import_react24 = __toESM(require_react(), 1);
37194
37193
  var import_jsx_runtime56 = __toESM(require_jsx_runtime(), 1);
37195
- var React33 = __toESM(require_react(), 1);
37194
+ var React322 = __toESM(require_react(), 1);
37196
37195
  var import_jsx_runtime57 = __toESM(require_jsx_runtime(), 1);
37196
+ var React33 = __toESM(require_react(), 1);
37197
37197
  var import_jsx_runtime58 = __toESM(require_jsx_runtime(), 1);
37198
37198
  var import_jsx_runtime59 = __toESM(require_jsx_runtime(), 1);
37199
- var React262 = __toESM(require_react(), 1);
37200
37199
  var import_jsx_runtime60 = __toESM(require_jsx_runtime(), 1);
37200
+ var React262 = __toESM(require_react(), 1);
37201
37201
  var import_jsx_runtime61 = __toESM(require_jsx_runtime(), 1);
37202
37202
  var import_jsx_runtime62 = __toESM(require_jsx_runtime(), 1);
37203
- var React252 = __toESM(require_react(), 1);
37204
37203
  var import_jsx_runtime63 = __toESM(require_jsx_runtime(), 1);
37204
+ var React252 = __toESM(require_react(), 1);
37205
37205
  var import_jsx_runtime64 = __toESM(require_jsx_runtime(), 1);
37206
- var React272 = __toESM(require_react(), 1);
37207
37206
  var import_jsx_runtime65 = __toESM(require_jsx_runtime(), 1);
37207
+ var React272 = __toESM(require_react(), 1);
37208
37208
  var import_jsx_runtime66 = __toESM(require_jsx_runtime(), 1);
37209
+ var import_jsx_runtime67 = __toESM(require_jsx_runtime(), 1);
37209
37210
  var React282 = __toESM(require_react(), 1);
37210
37211
  var React35 = __toESM(require_react(), 1);
37211
- var import_jsx_runtime67 = __toESM(require_jsx_runtime(), 1);
37212
37212
  var import_jsx_runtime68 = __toESM(require_jsx_runtime(), 1);
37213
37213
  var import_jsx_runtime69 = __toESM(require_jsx_runtime(), 1);
37214
+ var import_jsx_runtime70 = __toESM(require_jsx_runtime(), 1);
37214
37215
  var __create2 = Object.create;
37215
37216
  var __defProp2 = Object.defineProperty;
37216
37217
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -45385,7 +45386,7 @@ var arrow3 = (options2, deps) => ({
45385
45386
  var NAME = "Arrow";
45386
45387
  var Arrow = React26.forwardRef((props, forwardedRef) => {
45387
45388
  const { children, width = 10, height = 5, ...arrowProps } = props;
45388
- return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
45389
+ return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
45389
45390
  Primitive.svg,
45390
45391
  {
45391
45392
  ...arrowProps,
@@ -45394,7 +45395,7 @@ var Arrow = React26.forwardRef((props, forwardedRef) => {
45394
45395
  height,
45395
45396
  viewBox: "0 0 30 10",
45396
45397
  preserveAspectRatio: "none",
45397
- children: props.asChild ? children : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("polygon", { points: "0,0 30,0 15,10" })
45398
+ children: props.asChild ? children : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("polygon", { points: "0,0 30,0 15,10" })
45398
45399
  }
45399
45400
  );
45400
45401
  });
@@ -45440,7 +45441,7 @@ var [PopperProvider, usePopperContext] = createPopperContext(POPPER_NAME);
45440
45441
  var Popper = (props) => {
45441
45442
  const { __scopePopper, children } = props;
45442
45443
  const [anchor, setAnchor] = React28.useState(null);
45443
- return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(PopperProvider, { scope: __scopePopper, anchor, onAnchorChange: setAnchor, children });
45444
+ return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(PopperProvider, { scope: __scopePopper, anchor, onAnchorChange: setAnchor, children });
45444
45445
  };
45445
45446
  Popper.displayName = POPPER_NAME;
45446
45447
  var ANCHOR_NAME = "PopperAnchor";
@@ -45458,7 +45459,7 @@ var PopperAnchor = React28.forwardRef(
45458
45459
  context.onAnchorChange(anchorRef.current);
45459
45460
  }
45460
45461
  });
45461
- return virtualRef ? null : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Primitive.div, { ...anchorProps, ref: composedRefs });
45462
+ return virtualRef ? null : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Primitive.div, { ...anchorProps, ref: composedRefs });
45462
45463
  }
45463
45464
  );
45464
45465
  PopperAnchor.displayName = ANCHOR_NAME;
@@ -45551,7 +45552,7 @@ var PopperContent = React28.forwardRef(
45551
45552
  useLayoutEffect23(() => {
45552
45553
  if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
45553
45554
  }, [content]);
45554
- return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
45555
+ return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
45555
45556
  "div",
45556
45557
  {
45557
45558
  ref: refs.setFloating,
@@ -45575,7 +45576,7 @@ var PopperContent = React28.forwardRef(
45575
45576
  }
45576
45577
  },
45577
45578
  dir: props.dir,
45578
- children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
45579
+ children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
45579
45580
  PopperContentProvider,
45580
45581
  {
45581
45582
  scope: __scopePopper,
@@ -45584,7 +45585,7 @@ var PopperContent = React28.forwardRef(
45584
45585
  arrowX,
45585
45586
  arrowY,
45586
45587
  shouldHideArrow: cannotCenterArrow,
45587
- children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
45588
+ children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
45588
45589
  Primitive.div,
45589
45590
  {
45590
45591
  "data-side": placedSide,
@@ -45621,7 +45622,7 @@ var PopperArrow = React28.forwardRef(function PopperArrow2(props, forwardedRef)
45621
45622
  // we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
45622
45623
  // doesn't report size as we'd expect on SVG elements.
45623
45624
  // it reports their bounding box which is effectively the largest path inside the SVG.
45624
- /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
45625
+ /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
45625
45626
  "span",
45626
45627
  {
45627
45628
  ref: contentContext.onArrowChange,
@@ -45644,7 +45645,7 @@ var PopperArrow = React28.forwardRef(function PopperArrow2(props, forwardedRef)
45644
45645
  }[contentContext.placedSide],
45645
45646
  visibility: contentContext.shouldHideArrow ? "hidden" : void 0
45646
45647
  },
45647
- children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
45648
+ children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
45648
45649
  Root2,
45649
45650
  {
45650
45651
  ...arrowProps,
@@ -45719,7 +45720,7 @@ var VISUALLY_HIDDEN_STYLES = Object.freeze({
45719
45720
  var NAME2 = "VisuallyHidden";
45720
45721
  var VisuallyHidden = React29.forwardRef(
45721
45722
  (props, forwardedRef) => {
45722
- return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
45723
+ return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
45723
45724
  Primitive.span,
45724
45725
  {
45725
45726
  ...props,
@@ -45754,7 +45755,7 @@ var TooltipProvider = (props) => {
45754
45755
  const skipDelayTimer = skipDelayTimerRef.current;
45755
45756
  return () => window.clearTimeout(skipDelayTimer);
45756
45757
  }, []);
45757
- return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
45758
+ return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
45758
45759
  TooltipProviderContextProvider,
45759
45760
  {
45760
45761
  scope: __scopeTooltip,
@@ -45845,7 +45846,7 @@ var Tooltip = (props) => {
45845
45846
  }
45846
45847
  };
45847
45848
  }, []);
45848
- return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Root22, { ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
45849
+ return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Root22, { ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
45849
45850
  TooltipContextProvider,
45850
45851
  {
45851
45852
  scope: __scopeTooltip,
@@ -45889,7 +45890,7 @@ var TooltipTrigger = React30.forwardRef(
45889
45890
  React30.useEffect(() => {
45890
45891
  return () => document.removeEventListener("pointerup", handlePointerUp);
45891
45892
  }, [handlePointerUp]);
45892
- return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
45893
+ return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
45893
45894
  Primitive.button,
45894
45895
  {
45895
45896
  "aria-describedby": context.open ? context.contentId : void 0,
@@ -45931,7 +45932,7 @@ var [PortalProvider2, usePortalContext2] = createTooltipContext(PORTAL_NAME3, {
45931
45932
  var TooltipPortal = (props) => {
45932
45933
  const { __scopeTooltip, forceMount, children, container } = props;
45933
45934
  const context = useTooltipContext(PORTAL_NAME3, __scopeTooltip);
45934
- return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(PortalProvider2, { scope: __scopeTooltip, forceMount, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Portal, { asChild: true, container, children }) }) });
45935
+ return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(PortalProvider2, { scope: __scopeTooltip, forceMount, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Portal, { asChild: true, container, children }) }) });
45935
45936
  };
45936
45937
  TooltipPortal.displayName = PORTAL_NAME3;
45937
45938
  var CONTENT_NAME3 = "TooltipContent";
@@ -45940,7 +45941,7 @@ var TooltipContent = React30.forwardRef(
45940
45941
  const portalContext = usePortalContext2(CONTENT_NAME3, props.__scopeTooltip);
45941
45942
  const { forceMount = portalContext.forceMount, side = "top", ...contentProps } = props;
45942
45943
  const context = useTooltipContext(CONTENT_NAME3, props.__scopeTooltip);
45943
- return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Presence, { present: forceMount || context.open, children: context.disableHoverableContent ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(TooltipContentImpl, { side, ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(TooltipContentHoverable, { side, ...contentProps, ref: forwardedRef }) });
45944
+ return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Presence, { present: forceMount || context.open, children: context.disableHoverableContent ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(TooltipContentImpl, { side, ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(TooltipContentHoverable, { side, ...contentProps, ref: forwardedRef }) });
45944
45945
  }
45945
45946
  );
45946
45947
  var TooltipContentHoverable = React30.forwardRef((props, forwardedRef) => {
@@ -46002,7 +46003,7 @@ var TooltipContentHoverable = React30.forwardRef((props, forwardedRef) => {
46002
46003
  return () => document.removeEventListener("pointermove", handleTrackPointerGrace);
46003
46004
  }
46004
46005
  }, [trigger, content, pointerGraceArea, onClose, handleRemoveGraceArea]);
46005
- return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(TooltipContentImpl, { ...props, ref: composedRefs });
46006
+ return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(TooltipContentImpl, { ...props, ref: composedRefs });
46006
46007
  });
46007
46008
  var [VisuallyHiddenContentContextProvider, useVisuallyHiddenContentContext] = createTooltipContext(TOOLTIP_NAME, { isInside: false });
46008
46009
  var Slottable = /* @__PURE__ */ createSlottable("TooltipContent");
@@ -46033,7 +46034,7 @@ var TooltipContentImpl = React30.forwardRef(
46033
46034
  return () => window.removeEventListener("scroll", handleScroll2, { capture: true });
46034
46035
  }
46035
46036
  }, [context.trigger, onClose]);
46036
- return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
46037
+ return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
46037
46038
  DismissableLayer,
46038
46039
  {
46039
46040
  asChild: true,
@@ -46042,7 +46043,7 @@ var TooltipContentImpl = React30.forwardRef(
46042
46043
  onPointerDownOutside,
46043
46044
  onFocusOutside: (event) => event.preventDefault(),
46044
46045
  onDismiss: onClose,
46045
- children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
46046
+ children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
46046
46047
  Content2,
46047
46048
  {
46048
46049
  "data-state": context.stateAttribute,
@@ -46061,8 +46062,8 @@ var TooltipContentImpl = React30.forwardRef(
46061
46062
  }
46062
46063
  },
46063
46064
  children: [
46064
- /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Slottable, { children }),
46065
- /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(VisuallyHiddenContentContextProvider, { scope: __scopeTooltip, isInside: true, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Root3, { id: context.contentId, role: "tooltip", children: ariaLabel || children }) })
46065
+ /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Slottable, { children }),
46066
+ /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(VisuallyHiddenContentContextProvider, { scope: __scopeTooltip, isInside: true, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Root3, { id: context.contentId, role: "tooltip", children: ariaLabel || children }) })
46066
46067
  ]
46067
46068
  }
46068
46069
  )
@@ -46080,7 +46081,7 @@ var TooltipArrow = React30.forwardRef(
46080
46081
  ARROW_NAME2,
46081
46082
  __scopeTooltip
46082
46083
  );
46083
- return visuallyHiddenContentContext.isInside ? null : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Arrow2, { ...popperScope, ...arrowProps, ref: forwardedRef });
46084
+ return visuallyHiddenContentContext.isInside ? null : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Arrow2, { ...popperScope, ...arrowProps, ref: forwardedRef });
46084
46085
  }
46085
46086
  );
46086
46087
  TooltipArrow.displayName = ARROW_NAME2;
@@ -46217,7 +46218,7 @@ function createCollection(name) {
46217
46218
  const { scope, children } = props;
46218
46219
  const ref = import_react23.default.useRef(null);
46219
46220
  const itemMap = import_react23.default.useRef(/* @__PURE__ */ new Map()).current;
46220
- return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
46221
+ return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
46221
46222
  };
46222
46223
  CollectionProvider.displayName = PROVIDER_NAME2;
46223
46224
  const COLLECTION_SLOT_NAME = name + "CollectionSlot";
@@ -46227,7 +46228,7 @@ function createCollection(name) {
46227
46228
  const { scope, children } = props;
46228
46229
  const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
46229
46230
  const composedRefs = useComposedRefs(forwardedRef, context.collectionRef);
46230
- return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(CollectionSlotImpl, { ref: composedRefs, children });
46231
+ return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(CollectionSlotImpl, { ref: composedRefs, children });
46231
46232
  }
46232
46233
  );
46233
46234
  CollectionSlot.displayName = COLLECTION_SLOT_NAME;
@@ -46244,7 +46245,7 @@ function createCollection(name) {
46244
46245
  context.itemMap.set(ref, { ref, ...itemData });
46245
46246
  return () => void context.itemMap.delete(ref);
46246
46247
  });
46247
- return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(CollectionItemSlotImpl, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
46248
+ return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(CollectionItemSlotImpl, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
46248
46249
  }
46249
46250
  );
46250
46251
  CollectionItemSlot.displayName = ITEM_SLOT_NAME;
@@ -46332,7 +46333,7 @@ var Select = (props) => {
46332
46333
  const isFormControl = trigger ? form || !!trigger.closest("form") : true;
46333
46334
  const [nativeOptionsSet, setNativeOptionsSet] = React34.useState(/* @__PURE__ */ new Set());
46334
46335
  const nativeSelectKey = Array.from(nativeOptionsSet).map((option) => option.props.value).join(";");
46335
- return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Root22, { ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
46336
+ return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Root22, { ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
46336
46337
  SelectProvider,
46337
46338
  {
46338
46339
  required,
@@ -46352,7 +46353,7 @@ var Select = (props) => {
46352
46353
  triggerPointerDownPosRef,
46353
46354
  disabled,
46354
46355
  children: [
46355
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Collection.Provider, { scope: __scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
46356
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Collection.Provider, { scope: __scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
46356
46357
  SelectNativeOptionsProvider,
46357
46358
  {
46358
46359
  scope: props.__scopeSelect,
@@ -46369,7 +46370,7 @@ var Select = (props) => {
46369
46370
  children
46370
46371
  }
46371
46372
  ) }),
46372
- isFormControl ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
46373
+ isFormControl ? /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
46373
46374
  SelectBubbleInput,
46374
46375
  {
46375
46376
  "aria-hidden": true,
@@ -46382,7 +46383,7 @@ var Select = (props) => {
46382
46383
  disabled,
46383
46384
  form,
46384
46385
  children: [
46385
- value === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("option", { value: "" }) : null,
46386
+ value === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("option", { value: "" }) : null,
46386
46387
  Array.from(nativeOptionsSet)
46387
46388
  ]
46388
46389
  },
@@ -46423,7 +46424,7 @@ var SelectTrigger = React34.forwardRef(
46423
46424
  };
46424
46425
  }
46425
46426
  };
46426
- return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
46427
+ return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
46427
46428
  Primitive.button,
46428
46429
  {
46429
46430
  type: "button",
@@ -46482,13 +46483,13 @@ var SelectValue = React34.forwardRef(
46482
46483
  useLayoutEffect23(() => {
46483
46484
  onValueNodeHasChildrenChange(hasChildren);
46484
46485
  }, [onValueNodeHasChildrenChange, hasChildren]);
46485
- return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
46486
+ return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
46486
46487
  Primitive.span,
46487
46488
  {
46488
46489
  ...valueProps,
46489
46490
  ref: composedRefs,
46490
46491
  style: { pointerEvents: "none" },
46491
- children: shouldShowPlaceholder(context.value) ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_jsx_runtime57.Fragment, { children: placeholder }) : children
46492
+ children: shouldShowPlaceholder(context.value) ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_jsx_runtime58.Fragment, { children: placeholder }) : children
46492
46493
  }
46493
46494
  );
46494
46495
  }
@@ -46498,13 +46499,13 @@ var ICON_NAME = "SelectIcon";
46498
46499
  var SelectIcon = React34.forwardRef(
46499
46500
  (props, forwardedRef) => {
46500
46501
  const { __scopeSelect, children, ...iconProps } = props;
46501
- return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Primitive.span, { "aria-hidden": true, ...iconProps, ref: forwardedRef, children: children || "\u25BC" });
46502
+ return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Primitive.span, { "aria-hidden": true, ...iconProps, ref: forwardedRef, children: children || "\u25BC" });
46502
46503
  }
46503
46504
  );
46504
46505
  SelectIcon.displayName = ICON_NAME;
46505
46506
  var PORTAL_NAME4 = "SelectPortal";
46506
46507
  var SelectPortal = (props) => {
46507
- return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Portal, { asChild: true, ...props });
46508
+ return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Portal, { asChild: true, ...props });
46508
46509
  };
46509
46510
  SelectPortal.displayName = PORTAL_NAME4;
46510
46511
  var CONTENT_NAME4 = "SelectContent";
@@ -46518,11 +46519,11 @@ var SelectContent = React34.forwardRef(
46518
46519
  if (!context.open) {
46519
46520
  const frag = fragment;
46520
46521
  return frag ? ReactDOM4.createPortal(
46521
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(SelectContentProvider, { scope: props.__scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Collection.Slot, { scope: props.__scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { children: props.children }) }) }),
46522
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(SelectContentProvider, { scope: props.__scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Collection.Slot, { scope: props.__scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { children: props.children }) }) }),
46522
46523
  frag
46523
46524
  ) : null;
46524
46525
  }
46525
- return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(SelectContentImpl, { ...props, ref: forwardedRef });
46526
+ return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(SelectContentImpl, { ...props, ref: forwardedRef });
46526
46527
  }
46527
46528
  );
46528
46529
  SelectContent.displayName = CONTENT_NAME4;
@@ -46676,7 +46677,7 @@ var SelectContentImpl = React34.forwardRef(
46676
46677
  hideWhenDetached,
46677
46678
  avoidCollisions
46678
46679
  } : {};
46679
- return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
46680
+ return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
46680
46681
  SelectContentProvider,
46681
46682
  {
46682
46683
  scope: __scopeSelect,
@@ -46692,7 +46693,7 @@ var SelectContentImpl = React34.forwardRef(
46692
46693
  position,
46693
46694
  isPositioned,
46694
46695
  searchRef,
46695
- children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Combination_default, { as: Slot2, allowPinchZoom: true, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
46696
+ children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Combination_default, { as: Slot2, allowPinchZoom: true, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
46696
46697
  FocusScope,
46697
46698
  {
46698
46699
  asChild: true,
@@ -46704,7 +46705,7 @@ var SelectContentImpl = React34.forwardRef(
46704
46705
  context.trigger?.focus({ preventScroll: true });
46705
46706
  event.preventDefault();
46706
46707
  }),
46707
- children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
46708
+ children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
46708
46709
  DismissableLayer,
46709
46710
  {
46710
46711
  asChild: true,
@@ -46713,7 +46714,7 @@ var SelectContentImpl = React34.forwardRef(
46713
46714
  onPointerDownOutside,
46714
46715
  onFocusOutside: (event) => event.preventDefault(),
46715
46716
  onDismiss: () => context.onOpenChange(false),
46716
- children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
46717
+ children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
46717
46718
  SelectPosition,
46718
46719
  {
46719
46720
  role: "listbox",
@@ -46889,14 +46890,14 @@ var SelectItemAlignedPosition = React34.forwardRef((props, forwardedRef) => {
46889
46890
  },
46890
46891
  [position, focusSelectedItem]
46891
46892
  );
46892
- return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
46893
+ return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
46893
46894
  SelectViewportProvider,
46894
46895
  {
46895
46896
  scope: __scopeSelect,
46896
46897
  contentWrapper,
46897
46898
  shouldExpandOnScrollRef,
46898
46899
  onScrollButtonChange: handleScrollButtonChange,
46899
- children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
46900
+ children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
46900
46901
  "div",
46901
46902
  {
46902
46903
  ref: setContentWrapper,
@@ -46906,7 +46907,7 @@ var SelectItemAlignedPosition = React34.forwardRef((props, forwardedRef) => {
46906
46907
  position: "fixed",
46907
46908
  zIndex: contentZIndex
46908
46909
  },
46909
- children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
46910
+ children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
46910
46911
  Primitive.div,
46911
46912
  {
46912
46913
  ...popperProps,
@@ -46936,7 +46937,7 @@ var SelectPopperPosition = React34.forwardRef((props, forwardedRef) => {
46936
46937
  ...popperProps
46937
46938
  } = props;
46938
46939
  const popperScope = usePopperScope2(__scopeSelect);
46939
- return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
46940
+ return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
46940
46941
  Content2,
46941
46942
  {
46942
46943
  ...popperScope,
@@ -46970,8 +46971,8 @@ var SelectViewport = React34.forwardRef(
46970
46971
  const viewportContext = useSelectViewportContext(VIEWPORT_NAME, __scopeSelect);
46971
46972
  const composedRefs = useComposedRefs(forwardedRef, contentContext.onViewportChange);
46972
46973
  const prevScrollTopRef = React34.useRef(0);
46973
- return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
46974
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
46974
+ return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
46975
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
46975
46976
  "style",
46976
46977
  {
46977
46978
  dangerouslySetInnerHTML: {
@@ -46980,7 +46981,7 @@ var SelectViewport = React34.forwardRef(
46980
46981
  nonce
46981
46982
  }
46982
46983
  ),
46983
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Collection.Slot, { scope: __scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
46984
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Collection.Slot, { scope: __scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
46984
46985
  Primitive.div,
46985
46986
  {
46986
46987
  "data-radix-select-viewport": "",
@@ -47036,7 +47037,7 @@ var SelectGroup = React34.forwardRef(
47036
47037
  (props, forwardedRef) => {
47037
47038
  const { __scopeSelect, ...groupProps } = props;
47038
47039
  const groupId = useId13();
47039
- return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Primitive.div, { role: "group", "aria-labelledby": groupId, ...groupProps, ref: forwardedRef }) });
47040
+ return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Primitive.div, { role: "group", "aria-labelledby": groupId, ...groupProps, ref: forwardedRef }) });
47040
47041
  }
47041
47042
  );
47042
47043
  SelectGroup.displayName = GROUP_NAME;
@@ -47045,7 +47046,7 @@ var SelectLabel = React34.forwardRef(
47045
47046
  (props, forwardedRef) => {
47046
47047
  const { __scopeSelect, ...labelProps } = props;
47047
47048
  const groupContext = useSelectGroupContext(LABEL_NAME, __scopeSelect);
47048
- return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Primitive.div, { id: groupContext.id, ...labelProps, ref: forwardedRef });
47049
+ return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Primitive.div, { id: groupContext.id, ...labelProps, ref: forwardedRef });
47049
47050
  }
47050
47051
  );
47051
47052
  SelectLabel.displayName = LABEL_NAME;
@@ -47082,7 +47083,7 @@ var SelectItem = React34.forwardRef(
47082
47083
  "A <Select.Item /> must have a value prop that is not an empty string. This is because the Select value can be set to an empty string to clear the selection and show the placeholder."
47083
47084
  );
47084
47085
  }
47085
- return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
47086
+ return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
47086
47087
  SelectItemContextProvider,
47087
47088
  {
47088
47089
  scope: __scopeSelect,
@@ -47093,14 +47094,14 @@ var SelectItem = React34.forwardRef(
47093
47094
  onItemTextChange: React34.useCallback((node) => {
47094
47095
  setTextValue((prevTextValue) => prevTextValue || (node?.textContent ?? "").trim());
47095
47096
  }, []),
47096
- children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
47097
+ children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
47097
47098
  Collection.ItemSlot,
47098
47099
  {
47099
47100
  scope: __scopeSelect,
47100
47101
  value,
47101
47102
  disabled,
47102
47103
  textValue,
47103
- children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
47104
+ children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
47104
47105
  Primitive.div,
47105
47106
  {
47106
47107
  role: "option",
@@ -47169,7 +47170,7 @@ var SelectItemText = React34.forwardRef(
47169
47170
  );
47170
47171
  const textContent = itemTextNode?.textContent;
47171
47172
  const nativeOption = React34.useMemo(
47172
- () => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("option", { value: itemContext.value, disabled: itemContext.disabled, children: textContent }, itemContext.value),
47173
+ () => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("option", { value: itemContext.value, disabled: itemContext.disabled, children: textContent }, itemContext.value),
47173
47174
  [itemContext.disabled, itemContext.value, textContent]
47174
47175
  );
47175
47176
  const { onNativeOptionAdd, onNativeOptionRemove } = nativeOptionsContext;
@@ -47177,8 +47178,8 @@ var SelectItemText = React34.forwardRef(
47177
47178
  onNativeOptionAdd(nativeOption);
47178
47179
  return () => onNativeOptionRemove(nativeOption);
47179
47180
  }, [onNativeOptionAdd, onNativeOptionRemove, nativeOption]);
47180
- return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
47181
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Primitive.span, { id: itemContext.textId, ...itemTextProps, ref: composedRefs }),
47181
+ return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
47182
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Primitive.span, { id: itemContext.textId, ...itemTextProps, ref: composedRefs }),
47182
47183
  itemContext.isSelected && context.valueNode && !context.valueNodeHasChildren ? ReactDOM4.createPortal(itemTextProps.children, context.valueNode) : null
47183
47184
  ] });
47184
47185
  }
@@ -47189,7 +47190,7 @@ var SelectItemIndicator = React34.forwardRef(
47189
47190
  (props, forwardedRef) => {
47190
47191
  const { __scopeSelect, ...itemIndicatorProps } = props;
47191
47192
  const itemContext = useSelectItemContext(ITEM_INDICATOR_NAME, __scopeSelect);
47192
- return itemContext.isSelected ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Primitive.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
47193
+ return itemContext.isSelected ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Primitive.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
47193
47194
  }
47194
47195
  );
47195
47196
  SelectItemIndicator.displayName = ITEM_INDICATOR_NAME;
@@ -47212,7 +47213,7 @@ var SelectScrollUpButton = React34.forwardRef((props, forwardedRef) => {
47212
47213
  return () => viewport.removeEventListener("scroll", handleScroll22);
47213
47214
  }
47214
47215
  }, [contentContext.viewport, contentContext.isPositioned]);
47215
- return canScrollUp ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
47216
+ return canScrollUp ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
47216
47217
  SelectScrollButtonImpl,
47217
47218
  {
47218
47219
  ...props,
@@ -47247,7 +47248,7 @@ var SelectScrollDownButton = React34.forwardRef((props, forwardedRef) => {
47247
47248
  return () => viewport.removeEventListener("scroll", handleScroll22);
47248
47249
  }
47249
47250
  }, [contentContext.viewport, contentContext.isPositioned]);
47250
- return canScrollDown ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
47251
+ return canScrollDown ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
47251
47252
  SelectScrollButtonImpl,
47252
47253
  {
47253
47254
  ...props,
@@ -47280,7 +47281,7 @@ var SelectScrollButtonImpl = React34.forwardRef((props, forwardedRef) => {
47280
47281
  const activeItem = getItems().find((item) => item.ref.current === document.activeElement);
47281
47282
  activeItem?.ref.current?.scrollIntoView({ block: "nearest" });
47282
47283
  }, [getItems]);
47283
- return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
47284
+ return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
47284
47285
  Primitive.div,
47285
47286
  {
47286
47287
  "aria-hidden": true,
@@ -47308,7 +47309,7 @@ var SEPARATOR_NAME = "SelectSeparator";
47308
47309
  var SelectSeparator = React34.forwardRef(
47309
47310
  (props, forwardedRef) => {
47310
47311
  const { __scopeSelect, ...separatorProps } = props;
47311
- return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Primitive.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
47312
+ return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Primitive.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
47312
47313
  }
47313
47314
  );
47314
47315
  SelectSeparator.displayName = SEPARATOR_NAME;
@@ -47319,7 +47320,7 @@ var SelectArrow = React34.forwardRef(
47319
47320
  const popperScope = usePopperScope2(__scopeSelect);
47320
47321
  const context = useSelectContext(ARROW_NAME3, __scopeSelect);
47321
47322
  const contentContext = useSelectContentContext(ARROW_NAME3, __scopeSelect);
47322
- return context.open && contentContext.position === "popper" ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Arrow2, { ...popperScope, ...arrowProps, ref: forwardedRef }) : null;
47323
+ return context.open && contentContext.position === "popper" ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Arrow2, { ...popperScope, ...arrowProps, ref: forwardedRef }) : null;
47323
47324
  }
47324
47325
  );
47325
47326
  SelectArrow.displayName = ARROW_NAME3;
@@ -47344,7 +47345,7 @@ var SelectBubbleInput = React34.forwardRef(
47344
47345
  select.dispatchEvent(event);
47345
47346
  }
47346
47347
  }, [prevValue, value]);
47347
- return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
47348
+ return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
47348
47349
  Primitive.select,
47349
47350
  {
47350
47351
  ...props,
@@ -47441,9 +47442,9 @@ function createSlot2(ownerName) {
47441
47442
  return child;
47442
47443
  }
47443
47444
  });
47444
- return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React35.isValidElement(newElement) ? React35.cloneElement(newElement, void 0, newChildren) : null });
47445
+ return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React35.isValidElement(newElement) ? React35.cloneElement(newElement, void 0, newChildren) : null });
47445
47446
  }
47446
- return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
47447
+ return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
47447
47448
  });
47448
47449
  Slot22.displayName = `${ownerName}.Slot`;
47449
47450
  return Slot22;
@@ -48773,6 +48774,10 @@ var en_default2 = {
48773
48774
  payWithExchange: {
48774
48775
  title: "Pay with Exchange",
48775
48776
  subtitle: "Transfer from exchange"
48777
+ },
48778
+ depositTracker: {
48779
+ title: "Deposit Tracker",
48780
+ subtitle: "Track your deposit progress"
48776
48781
  }
48777
48782
  },
48778
48783
  payWithExchange: {
@@ -49724,7 +49729,9 @@ function BuyWithCard({
49724
49729
  onDepositError,
49725
49730
  themeClass = "",
49726
49731
  wallets: externalWallets,
49727
- assetCdnUrl
49732
+ assetCdnUrl,
49733
+ hideDepositFlowInfo = false,
49734
+ hideDisplayDescription = false
49728
49735
  }) {
49729
49736
  const { colors: colors2, fonts, components } = useTheme();
49730
49737
  const [amount, setAmount] = (0, import_react7.useState)("");
@@ -50543,7 +50550,7 @@ function BuyWithCard({
50543
50550
  children: t.onramp.canCloseModal
50544
50551
  }
50545
50552
  ),
50546
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "uf-w-full uf-p-4 uf-mb-4", style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-center", children: [
50553
+ !hideDepositFlowInfo && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "uf-w-full uf-p-4 uf-mb-4", style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-center", children: [
50547
50554
  /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-min-w-[72px]", children: [
50548
50555
  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "uf-h-8 uf-flex uf-items-center uf-justify-center uf-mb-1.5", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
50549
50556
  "img",
@@ -50657,7 +50664,7 @@ function BuyWithCard({
50657
50664
  )
50658
50665
  ] })
50659
50666
  ] }) }),
50660
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "uf-w-full uf-p-4 uf-mb-4", style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
50667
+ !hideDisplayDescription && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "uf-w-full uf-p-4 uf-mb-4", style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
50661
50668
  "p",
50662
50669
  {
50663
50670
  className: "uf-text-xs uf-leading-relaxed",
@@ -53275,8 +53282,9 @@ function WalletIconWithNetwork({
53275
53282
  const hasEthereum = networks.includes("ethereum");
53276
53283
  const hasSolana = networks.includes("solana");
53277
53284
  const hasMultiple = hasEthereum && hasSolana;
53278
- const badgeSize = Math.round(size4 * 0.4);
53279
- const iconSize = Math.round(badgeSize * 0.65);
53285
+ const badgeOutset = 4;
53286
+ const badgeSize = Math.round(size4 * 0.5);
53287
+ const iconSize = Math.round(badgeSize * 0.76);
53280
53288
  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
53281
53289
  "div",
53282
53290
  {
@@ -53286,39 +53294,46 @@ function WalletIconWithNetwork({
53286
53294
  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(WalletIcon, { size: size4, className, variant }),
53287
53295
  hasMultiple ? (
53288
53296
  // Multiple networks: overlapping badges
53289
- /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "uf-absolute", style: { bottom: -2, right: -2 }, children: [
53290
- /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
53291
- "div",
53292
- {
53293
- className: "uf-absolute uf-rounded-full uf-flex uf-items-center uf-justify-center",
53294
- style: {
53295
- width: badgeSize,
53296
- height: badgeSize,
53297
- backgroundColor: "#000",
53298
- border: "2px solid #fff",
53299
- right: Math.round(badgeSize * 0.5),
53300
- // 50% overlap
53301
- bottom: 0
53302
- },
53303
- children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SolanaIcon, { size: iconSize, variant: "color" })
53304
- }
53305
- ),
53306
- /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
53307
- "div",
53308
- {
53309
- className: "uf-absolute uf-rounded-full uf-flex uf-items-center uf-justify-center",
53310
- style: {
53311
- width: badgeSize,
53312
- height: badgeSize,
53313
- backgroundColor: "#627EEA",
53314
- border: "2px solid #fff",
53315
- right: 0,
53316
- bottom: 0
53317
- },
53318
- children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(EthereumIcon, { size: iconSize, variant: "light" })
53319
- }
53320
- )
53321
- ] })
53297
+ /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
53298
+ "div",
53299
+ {
53300
+ className: "uf-absolute",
53301
+ style: { bottom: -2, right: -badgeOutset },
53302
+ children: [
53303
+ /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
53304
+ "div",
53305
+ {
53306
+ className: "uf-absolute uf-rounded-full uf-flex uf-items-center uf-justify-center",
53307
+ style: {
53308
+ width: badgeSize,
53309
+ height: badgeSize,
53310
+ backgroundColor: "#000",
53311
+ border: "2px solid #fff",
53312
+ // Rear badge sits left of the front; +1px on offset shows slightly more of the rear network
53313
+ right: Math.round(badgeSize * 0.5) + 1,
53314
+ bottom: 0
53315
+ },
53316
+ children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SolanaIcon, { size: iconSize, variant: "color" })
53317
+ }
53318
+ ),
53319
+ /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
53320
+ "div",
53321
+ {
53322
+ className: "uf-absolute uf-rounded-full uf-flex uf-items-center uf-justify-center",
53323
+ style: {
53324
+ width: badgeSize,
53325
+ height: badgeSize,
53326
+ backgroundColor: "#627EEA",
53327
+ border: "2px solid #fff",
53328
+ right: 0,
53329
+ bottom: 0
53330
+ },
53331
+ children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(EthereumIcon, { size: iconSize, variant: "light" })
53332
+ }
53333
+ )
53334
+ ]
53335
+ }
53336
+ )
53322
53337
  ) : (
53323
53338
  // Single network
53324
53339
  /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
@@ -53327,7 +53342,7 @@ function WalletIconWithNetwork({
53327
53342
  className: "uf-absolute uf-rounded-full uf-flex uf-items-center uf-justify-center",
53328
53343
  style: {
53329
53344
  bottom: -2,
53330
- right: -2,
53345
+ right: -badgeOutset,
53331
53346
  width: badgeSize,
53332
53347
  height: badgeSize,
53333
53348
  backgroundColor: hasEthereum ? "#627EEA" : "#000",
@@ -53405,7 +53420,7 @@ function BrowserWalletButton({
53405
53420
  chainType,
53406
53421
  publishableKey
53407
53422
  }) {
53408
- const { colors: colors2, fonts, components, mode } = useTheme();
53423
+ const { colors: colors2, fonts, components } = useTheme();
53409
53424
  const [isHovered, setIsHovered] = React212.useState(false);
53410
53425
  const [isTouchDevice, setIsTouchDevice] = React212.useState(false);
53411
53426
  const [wallet, setWallet] = React212.useState(null);
@@ -53413,7 +53428,6 @@ function BrowserWalletButton({
53413
53428
  const [isConnecting, setIsConnecting] = React212.useState(false);
53414
53429
  const [balanceText, setBalanceText] = React212.useState(null);
53415
53430
  const [isLoadingBalance, setIsLoadingBalance] = React212.useState(false);
53416
- const iconVariant = mode === "dark" ? "light" : "dark";
53417
53431
  const onDisconnectRef = React212.useRef(onDisconnect);
53418
53432
  onDisconnectRef.current = onDisconnect;
53419
53433
  React212.useEffect(() => {
@@ -53772,12 +53786,12 @@ function BrowserWalletButton({
53772
53786
  wallet ? WALLET_ICON_COMPONENTS[wallet.icon] ? React212.createElement(WALLET_ICON_COMPONENTS[wallet.icon], {
53773
53787
  size: 36,
53774
53788
  className: "uf-rounded-lg",
53775
- variant: iconVariant
53789
+ variant: "color"
53776
53790
  }) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "uf-w-9 uf-h-9 uf-rounded-lg uf-bg-gray-500" }) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "uf-rounded-lg uf-p-2", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
53777
53791
  Wallet,
53778
53792
  {
53779
53793
  className: "uf-w-5 uf-h-5",
53780
- style: { color: colors2.foregroundMuted }
53794
+ style: { color: components.card.iconColor }
53781
53795
  }
53782
53796
  ) }),
53783
53797
  /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "uf-text-left", children: [
@@ -54170,6 +54184,62 @@ function ThemeStyleInjector({
54170
54184
  }, [fonts.regular]);
54171
54185
  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: cn(mode === "dark" ? "uf-dark" : "", className), style: cssVars, children });
54172
54186
  }
54187
+ var VIEW_W = 538;
54188
+ var VIEW_H = 53;
54189
+ var SIZE_MAX_WIDTH = {
54190
+ sm: 128,
54191
+ md: 152,
54192
+ lg: 216
54193
+ };
54194
+ function PoweredByUnifold({
54195
+ color,
54196
+ className,
54197
+ size: size4 = "sm",
54198
+ maxWidth: maxWidthProp
54199
+ }) {
54200
+ const maxWidth = maxWidthProp ?? SIZE_MAX_WIDTH[size4];
54201
+ const height = Math.round(maxWidth / VIEW_W * VIEW_H);
54202
+ return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
54203
+ "div",
54204
+ {
54205
+ className,
54206
+ style: { color, lineHeight: 0 },
54207
+ role: "img",
54208
+ "aria-label": "Powered by Unifold",
54209
+ children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
54210
+ "svg",
54211
+ {
54212
+ xmlns: "http://www.w3.org/2000/svg",
54213
+ width: maxWidth,
54214
+ height,
54215
+ viewBox: `0 0 ${VIEW_W} ${VIEW_H}`,
54216
+ fill: "none",
54217
+ className: "uf-block uf-max-w-full uf-h-auto",
54218
+ children: [
54219
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "M14.796 25.746H5.184V42H0V3.22803H14.796C19.044 3.22803 22.338 4.21803 24.678 6.19803C27.054 8.14203 28.242 10.896 28.242 14.46C28.242 18.024 27.054 20.796 24.678 22.776C22.302 24.756 19.008 25.746 14.796 25.746ZM5.184 7.71003V21.264H14.526C17.298 21.264 19.422 20.688 20.898 19.536C22.374 18.348 23.112 16.656 23.112 14.46C23.112 12.3 22.374 10.644 20.898 9.49203C19.422 8.30403 17.298 7.71003 14.526 7.71003H5.184Z", fill: "currentColor" }),
54220
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "M53.0082 17.592C54.1242 18.888 54.9702 20.418 55.5462 22.182C56.1222 23.946 56.4102 25.854 56.4102 27.906C56.4102 29.958 56.1222 31.866 55.5462 33.63C54.9702 35.394 54.1242 36.924 53.0082 38.22C51.8202 39.624 50.3802 40.704 48.6882 41.46C47.0322 42.216 45.2322 42.594 43.2882 42.594C41.3442 42.594 39.5262 42.216 37.8342 41.46C36.1782 40.704 34.7562 39.624 33.5682 38.22C32.4522 36.924 31.6062 35.394 31.0302 33.63C30.4542 31.866 30.1662 29.958 30.1662 27.906C30.1662 25.854 30.4542 23.946 31.0302 22.182C31.6062 20.418 32.4522 18.888 33.5682 17.592C34.7562 16.188 36.1782 15.108 37.8342 14.352C39.5262 13.596 41.3442 13.218 43.2882 13.218C45.2322 13.218 47.0322 13.596 48.6882 14.352C50.3802 15.108 51.8202 16.188 53.0082 17.592ZM43.2882 17.322C40.8042 17.322 38.8062 18.276 37.2942 20.184C35.8182 22.092 35.0802 24.666 35.0802 27.906C35.0802 31.11 35.8182 33.666 37.2942 35.574C38.8062 37.482 40.8042 38.436 43.2882 38.436C45.7722 38.436 47.7522 37.482 49.2282 35.574C50.7402 33.666 51.4962 31.11 51.4962 27.906C51.4962 24.666 50.7402 22.092 49.2282 20.184C47.7522 18.276 45.7722 17.322 43.2882 17.322Z", fill: "currentColor" }),
54221
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "M69.6773 34.764L75.5093 13.758H79.6133L85.4453 34.818L91.3313 13.758H96.1913L87.6053 42H83.3393L77.4533 21.048L71.5673 42H67.3013L58.7153 13.758H63.7373L69.6773 34.764Z", fill: "currentColor" }),
54222
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "M111.687 42.594C109.707 42.594 107.871 42.234 106.179 41.514C104.523 40.758 103.101 39.66 101.913 38.22C100.797 36.924 99.9332 35.394 99.3212 33.63C98.7452 31.866 98.4572 29.958 98.4572 27.906C98.4572 25.926 98.7452 24.054 99.3212 22.29C99.8972 20.526 100.743 18.978 101.859 17.646C103.047 16.206 104.469 15.108 106.125 14.352C107.781 13.596 109.563 13.218 111.471 13.218C115.179 13.218 118.113 14.478 120.273 16.998C122.433 19.518 123.513 22.866 123.513 27.042V28.662H103.101C103.245 31.614 104.091 33.972 105.639 35.736C107.187 37.5 109.203 38.382 111.687 38.382C113.559 38.382 115.143 37.914 116.439 36.978C117.735 36.006 118.599 34.674 119.031 32.982L123.297 34.494C122.433 37.05 120.975 39.048 118.923 40.488C116.871 41.892 114.459 42.594 111.687 42.594ZM111.417 17.376C109.329 17.376 107.565 18.042 106.125 19.374C104.721 20.706 103.803 22.56 103.371 24.936H118.599C118.527 22.632 117.861 20.796 116.601 19.428C115.341 18.06 113.613 17.376 111.417 17.376Z", fill: "currentColor" }),
54223
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "M142.253 13.542C142.577 13.542 142.901 13.56 143.225 13.596C143.549 13.596 143.873 13.614 144.197 13.65V18.564C143.801 18.492 143.423 18.438 143.063 18.402C142.703 18.366 142.289 18.348 141.821 18.348C139.697 18.348 137.933 19.122 136.529 20.67C135.125 22.182 134.423 24.144 134.423 26.556V42H129.563V13.758H134.423V18.564C135.107 17.016 136.133 15.792 137.501 14.892C138.905 13.992 140.489 13.542 142.253 13.542Z", fill: "currentColor" }),
54224
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "M159.675 42.594C157.695 42.594 155.859 42.234 154.167 41.514C152.511 40.758 151.089 39.66 149.901 38.22C148.785 36.924 147.921 35.394 147.309 33.63C146.733 31.866 146.445 29.958 146.445 27.906C146.445 25.926 146.733 24.054 147.309 22.29C147.885 20.526 148.731 18.978 149.847 17.646C151.035 16.206 152.457 15.108 154.113 14.352C155.769 13.596 157.551 13.218 159.459 13.218C163.167 13.218 166.101 14.478 168.261 16.998C170.421 19.518 171.501 22.866 171.501 27.042V28.662H151.089C151.233 31.614 152.079 33.972 153.627 35.736C155.175 37.5 157.191 38.382 159.675 38.382C161.547 38.382 163.131 37.914 164.427 36.978C165.723 36.006 166.587 34.674 167.019 32.982L171.285 34.494C170.421 37.05 168.963 39.048 166.911 40.488C164.859 41.892 162.447 42.594 159.675 42.594ZM159.405 17.376C157.317 17.376 155.553 18.042 154.113 19.374C152.709 20.706 151.791 22.56 151.359 24.936H166.587C166.515 22.632 165.849 20.796 164.589 19.428C163.329 18.06 161.601 17.376 159.405 17.376Z", fill: "currentColor" }),
54225
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "M187.92 42.594C186.012 42.594 184.266 42.216 182.682 41.46C181.134 40.668 179.802 39.534 178.686 38.058C177.678 36.726 176.904 35.196 176.364 33.468C175.86 31.704 175.608 29.85 175.608 27.906C175.608 25.926 175.86 24.072 176.364 22.344C176.904 20.616 177.66 19.086 178.632 17.754C179.748 16.278 181.098 15.162 182.682 14.406C184.266 13.614 186.012 13.218 187.92 13.218C189.792 13.218 191.484 13.632 192.996 14.46C194.544 15.288 195.768 16.422 196.668 17.862V3.22803H201.528V42H196.668V37.896C195.804 39.372 194.598 40.524 193.05 41.352C191.502 42.18 189.792 42.594 187.92 42.594ZM196.776 28.932V26.934C196.776 24.018 196.02 21.714 194.508 20.022C193.032 18.33 191.124 17.484 188.784 17.484C186.228 17.484 184.212 18.438 182.736 20.346C181.26 22.218 180.522 24.738 180.522 27.906C180.522 31.074 181.26 33.612 182.736 35.52C184.248 37.392 186.264 38.328 188.784 38.328C191.124 38.328 193.032 37.482 194.508 35.79C196.02 34.098 196.776 31.812 196.776 28.932Z", fill: "currentColor" }),
54226
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "M243.794 38.058C242.678 39.534 241.328 40.668 239.744 41.46C238.196 42.216 236.468 42.594 234.56 42.594C232.688 42.594 230.978 42.18 229.43 41.352C227.882 40.524 226.676 39.372 225.812 37.896V42H220.952V3.22803H225.812V17.862C226.712 16.422 227.918 15.288 229.43 14.46C230.978 13.632 232.688 13.218 234.56 13.218C236.468 13.218 238.214 13.614 239.798 14.406C241.382 15.162 242.732 16.278 243.848 17.754C244.82 19.086 245.558 20.616 246.062 22.344C246.602 24.072 246.872 25.926 246.872 27.906C246.872 29.85 246.602 31.704 246.062 33.468C245.558 35.196 244.802 36.726 243.794 38.058ZM233.696 17.484C231.356 17.484 229.43 18.33 227.918 20.022C226.442 21.714 225.704 24.018 225.704 26.934V28.932C225.704 31.812 226.442 34.098 227.918 35.79C229.43 37.482 231.356 38.328 233.696 38.328C236.216 38.328 238.214 37.392 239.69 35.52C241.202 33.612 241.958 31.074 241.958 27.906C241.958 24.738 241.22 22.218 239.744 20.346C238.268 18.438 236.252 17.484 233.696 17.484Z", fill: "currentColor" }),
54227
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "M275.008 13.758L262.858 45.078C261.886 47.598 260.716 49.38 259.348 50.424C257.98 51.504 256.234 52.044 254.11 52.044C253.534 52.044 253.048 52.026 252.652 51.99C252.292 51.954 251.896 51.9 251.464 51.828V47.616C251.896 47.724 252.274 47.796 252.598 47.832C252.958 47.868 253.354 47.886 253.786 47.886C254.902 47.886 255.766 47.616 256.378 47.076C257.026 46.572 257.62 45.654 258.16 44.322L259.51 40.974L249.034 13.758H254.164L262.102 35.358L269.932 13.758H275.008Z", fill: "currentColor" }),
54228
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "M310.386 0V26.7073C310.386 34.9642 316.734 37.7847 320.266 37.7847C324.205 37.7847 325.092 34.8254 325.092 28.4171C325.092 22.0088 325.129 0 325.129 0H338.734V26.3419C338.734 35.673 333.65 40.9049 327.693 42.0228C327.693 42.0228 323.644 48 314.872 48C305.508 48 294.734 42.0374 294.734 23.8064V1.79753C294.734 1.79753 298.991 0 303.602 0H310.386Z", fill: "currentColor" }),
54229
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "M386.974 27.31C386.974 31.89 383.254 35.61 378.674 35.61C374.094 35.61 370.374 31.89 370.374 27.31V2.96997H362.544V28.7C362.544 36.51 368.144 42.84 378.434 42.84H379.334C389.014 42.84 394.814 36.51 394.814 28.7V2.96997H386.984V27.31H386.974Z", fill: "currentColor" }),
54230
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "M417.004 12.47C409.634 12.47 408.004 19.18 408.004 19.18V12.76H400.474V42.25H408.504V24.15C408.504 21.13 410.944 18.69 413.964 18.69C416.984 18.69 419.424 21.13 419.424 24.15V42.25H427.324V24.6C427.324 17.36 424.364 12.47 417.004 12.47Z", fill: "currentColor" }),
54231
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "M440.704 12.9302H432.724V42.2602H440.704V12.9302Z", fill: "currentColor" }),
54232
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "M504.904 2.96997H496.924V42.25H504.904V2.96997Z", fill: "currentColor" }),
54233
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "M529.474 2.96997V17.96C528.294 15.93 525.554 12.36 520.884 12.36C514.354 12.36 508.824 16.64 508.824 27.59C508.824 38.54 514.354 42.82 520.884 42.82C525.554 42.82 528.284 39.26 529.474 37.22V42.25H537.454V2.96997H529.474ZM523.184 36.41C518.894 36.41 516.944 32.58 516.944 27.59C516.944 22.6 518.884 18.77 523.184 18.77C527.484 18.77 529.484 22.35 529.484 27.59C529.484 32.83 527.484 36.41 523.184 36.41Z", fill: "currentColor" }),
54234
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "M436.714 0.840088C434.484 0.840088 432.664 2.65009 432.664 4.89009C432.664 7.13009 434.474 8.94009 436.714 8.94009C438.954 8.94009 440.764 7.13009 440.764 4.89009C440.764 2.65009 438.954 0.840088 436.714 0.840088Z", fill: "currentColor" }),
54235
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "M459.724 7.35012C461.424 7.35012 462.214 7.95013 462.214 7.95013L463.774 1.88013C463.774 1.88013 461.804 1.13013 457.934 1.13013C457.764 1.13013 457.594 1.13013 457.414 1.13013C452.454 1.20013 448.444 5.23012 448.444 10.1901V12.9201H443.124V18.7601H448.444V42.2501H456.104V18.7601H462.554V12.9201H456.104V11.2901C456.104 8.27013 458.014 7.34013 459.714 7.34013L459.724 7.35012Z", fill: "currentColor" }),
54236
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "M478.364 12.3601C470.404 12.3601 463.964 19.1801 463.964 27.5901C463.964 36.0001 470.414 42.8201 478.364 42.8201C486.314 42.8201 492.764 36.0001 492.764 27.5901C492.764 19.1801 486.314 12.3601 478.364 12.3601ZM478.364 36.4101C473.714 36.4101 471.714 32.4601 471.714 27.5901C471.714 22.7201 473.494 18.7701 478.364 18.7701C483.234 18.7701 485.014 22.7201 485.014 27.5901C485.014 32.4601 483.024 36.4101 478.364 36.4101Z", fill: "currentColor" })
54237
+ ]
54238
+ }
54239
+ )
54240
+ }
54241
+ );
54242
+ }
54173
54243
  function DepositsModal({
54174
54244
  open,
54175
54245
  onOpenChange,
@@ -54223,8 +54293,8 @@ function DepositsModal({
54223
54293
  const handleExecutionClick = (execution) => {
54224
54294
  setSelectedExecution(execution);
54225
54295
  };
54226
- const content = selectedExecution ? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
54227
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
54296
+ const content = selectedExecution ? /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
54297
+ /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
54228
54298
  DepositHeader,
54229
54299
  {
54230
54300
  title: "Deposit Details",
@@ -54233,9 +54303,9 @@ function DepositsModal({
54233
54303
  onClose: handleClose
54234
54304
  }
54235
54305
  ),
54236
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "uf-flex-1 uf-min-h-0 uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(DepositDetailContent, { execution: selectedExecution }) })
54237
- ] }) : /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
54238
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
54306
+ /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "uf-flex-1 uf-min-h-0 uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(DepositDetailContent, { execution: selectedExecution }) })
54307
+ ] }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
54308
+ /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
54239
54309
  DepositHeader,
54240
54310
  {
54241
54311
  title: "Deposit Tracker",
@@ -54244,14 +54314,14 @@ function DepositsModal({
54244
54314
  onClose: handleClose
54245
54315
  }
54246
54316
  ),
54247
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "uf-flex-1 uf-min-h-0 uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "uf-space-y-2 uf-pb-8", children: allExecutions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "uf-py-8 uf-px-4 uf-text-center", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
54317
+ /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "uf-flex-1 uf-min-h-0 uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "uf-space-y-2 uf-pb-8", children: allExecutions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "uf-py-8 uf-px-4 uf-text-center", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
54248
54318
  "div",
54249
54319
  {
54250
54320
  className: "uf-text-sm",
54251
54321
  style: { color: components.container.subtitleColor, fontFamily: fonts.regular },
54252
54322
  children: "No deposits yet"
54253
54323
  }
54254
- ) }) : allExecutions.map((execution) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
54324
+ ) }) : allExecutions.map((execution) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
54255
54325
  DepositExecutionItem,
54256
54326
  {
54257
54327
  execution,
@@ -54260,12 +54330,21 @@ function DepositsModal({
54260
54330
  execution.id
54261
54331
  )) }) })
54262
54332
  ] });
54263
- return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Dialog2, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
54333
+ return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Dialog2, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
54264
54334
  DialogContent2,
54265
54335
  {
54266
54336
  className: `sm:uf-max-w-[400px] uf-border-secondary uf-text-foreground uf-p-0 uf-gap-0 [&>button]:uf-hidden ${themeClass}`,
54267
54337
  style: { backgroundColor: colors2.background },
54268
- children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ThemeStyleInjector, { className: "uf-flex uf-flex-col uf-flex-1 uf-min-h-0", children: content })
54338
+ children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(ThemeStyleInjector, { className: "uf-flex uf-flex-col uf-flex-1 uf-min-h-0", children: [
54339
+ content,
54340
+ /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "uf-pt-3 uf-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
54341
+ PoweredByUnifold,
54342
+ {
54343
+ color: colors2.foregroundMuted,
54344
+ className: "uf-flex uf-justify-center uf-shrink-0"
54345
+ }
54346
+ ) })
54347
+ ] })
54269
54348
  }
54270
54349
  ) });
54271
54350
  }
@@ -54399,7 +54478,7 @@ function TokenSelectorSheet({
54399
54478
  onOpenChange(false);
54400
54479
  };
54401
54480
  if (!open) return null;
54402
- return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
54481
+ return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
54403
54482
  "div",
54404
54483
  {
54405
54484
  className: `${themeClass} uf-px-6`,
@@ -54414,18 +54493,18 @@ function TokenSelectorSheet({
54414
54493
  backgroundColor: colors2.background
54415
54494
  },
54416
54495
  children: [
54417
- /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-between uf-py-3", children: [
54418
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
54496
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-between uf-py-3", children: [
54497
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
54419
54498
  "button",
54420
54499
  {
54421
54500
  type: "button",
54422
54501
  onClick: () => onOpenChange(false),
54423
54502
  className: "uf-p-1 uf-rounded-lg hover:uf-bg-secondary uf-transition-colors",
54424
54503
  style: { color: components.header.buttonColor },
54425
- children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(ArrowLeft, { className: "uf-w-5 uf-h-5" })
54504
+ children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(ArrowLeft, { className: "uf-w-5 uf-h-5" })
54426
54505
  }
54427
54506
  ),
54428
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
54507
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
54429
54508
  "h2",
54430
54509
  {
54431
54510
  className: "uf-text-base uf-text-center",
@@ -54436,10 +54515,10 @@ function TokenSelectorSheet({
54436
54515
  children: "Select token to deposit"
54437
54516
  }
54438
54517
  ),
54439
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "uf-w-7 uf-h-5 uf-invisible" })
54518
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "uf-w-7 uf-h-5 uf-invisible" })
54440
54519
  ] }),
54441
- /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "uf-pb-3", children: [
54442
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
54520
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "uf-pb-3", children: [
54521
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
54443
54522
  "style",
54444
54523
  {
54445
54524
  dangerouslySetInnerHTML: {
@@ -54447,7 +54526,7 @@ function TokenSelectorSheet({
54447
54526
  }
54448
54527
  }
54449
54528
  ),
54450
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { style: { position: "relative" }, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
54529
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { style: { position: "relative" }, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
54451
54530
  "input",
54452
54531
  {
54453
54532
  type: "text",
@@ -54465,8 +54544,8 @@ function TokenSelectorSheet({
54465
54544
  }
54466
54545
  ) })
54467
54546
  ] }),
54468
- quickSelectOptions.length > 0 && !searchQuery && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "uf-pb-3 uf--mx-6", children: [
54469
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
54547
+ quickSelectOptions.length > 0 && !searchQuery && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "uf-pb-3 uf--mx-6", children: [
54548
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
54470
54549
  "div",
54471
54550
  {
54472
54551
  className: "uf-text-xs uf-mb-2 uf-px-6",
@@ -54477,7 +54556,7 @@ function TokenSelectorSheet({
54477
54556
  children: "Quick select"
54478
54557
  }
54479
54558
  ),
54480
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
54559
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
54481
54560
  "div",
54482
54561
  {
54483
54562
  className: "uf-flex uf-gap-2 uf-overflow-x-auto uf-px-6 uf-pb-1",
@@ -54485,12 +54564,12 @@ function TokenSelectorSheet({
54485
54564
  children: quickSelectOptions.map(({ token, chain, isRecent }) => {
54486
54565
  const chainKey = `${chain.chain_type}:${chain.chain_id}`;
54487
54566
  const isSelected = token.symbol === selectedToken && chainKey === selectedChainKey;
54488
- return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
54567
+ return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
54489
54568
  "div",
54490
54569
  {
54491
54570
  style: { position: "relative", flexShrink: 0 },
54492
54571
  children: [
54493
- isRecent && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
54572
+ isRecent && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
54494
54573
  "button",
54495
54574
  {
54496
54575
  type: "button",
@@ -54510,10 +54589,10 @@ function TokenSelectorSheet({
54510
54589
  padding: 2,
54511
54590
  color: colors2.foregroundMuted
54512
54591
  },
54513
- children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(X, { style: { width: 12, height: 12 } })
54592
+ children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(X, { style: { width: 12, height: 12 } })
54514
54593
  }
54515
54594
  ),
54516
- /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
54595
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
54517
54596
  "button",
54518
54597
  {
54519
54598
  type: "button",
@@ -54532,8 +54611,8 @@ function TokenSelectorSheet({
54532
54611
  backgroundColor: isSelected ? components.card.backgroundColor : hoveredTokenKey === `${token.symbol}-${chainKey}` ? colors2.cardHover : "transparent"
54533
54612
  },
54534
54613
  children: [
54535
- /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { style: { position: "relative", flexShrink: 0 }, children: [
54536
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
54614
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { style: { position: "relative", flexShrink: 0 }, children: [
54615
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
54537
54616
  "img",
54538
54617
  {
54539
54618
  src: token.icon_url,
@@ -54544,7 +54623,7 @@ function TokenSelectorSheet({
54544
54623
  className: "uf-rounded-full"
54545
54624
  }
54546
54625
  ),
54547
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
54626
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
54548
54627
  "div",
54549
54628
  {
54550
54629
  style: {
@@ -54552,7 +54631,7 @@ function TokenSelectorSheet({
54552
54631
  bottom: -2,
54553
54632
  right: -2
54554
54633
  },
54555
- children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
54634
+ children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
54556
54635
  "img",
54557
54636
  {
54558
54637
  src: chain.icon_url,
@@ -54566,8 +54645,8 @@ function TokenSelectorSheet({
54566
54645
  }
54567
54646
  )
54568
54647
  ] }),
54569
- /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { style: { textAlign: "left" }, children: [
54570
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
54648
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { style: { textAlign: "left" }, children: [
54649
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
54571
54650
  "div",
54572
54651
  {
54573
54652
  style: {
@@ -54580,7 +54659,7 @@ function TokenSelectorSheet({
54580
54659
  children: token.symbol
54581
54660
  }
54582
54661
  ),
54583
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
54662
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
54584
54663
  "div",
54585
54664
  {
54586
54665
  style: {
@@ -54604,7 +54683,7 @@ function TokenSelectorSheet({
54604
54683
  }
54605
54684
  )
54606
54685
  ] }),
54607
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
54686
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
54608
54687
  "div",
54609
54688
  {
54610
54689
  className: "uf-text-xs uf-mb-2",
@@ -54615,7 +54694,7 @@ function TokenSelectorSheet({
54615
54694
  children: "All supported tokens"
54616
54695
  }
54617
54696
  ),
54618
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "uf-flex-1 uf-overflow-y-auto uf-min-h-0 uf--mx-6 uf-px-6 uf-pb-6", children: filteredOptions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
54697
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "uf-flex-1 uf-overflow-y-auto uf-min-h-0 uf--mx-6 uf-px-6 uf-pb-3", children: filteredOptions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
54619
54698
  "div",
54620
54699
  {
54621
54700
  style: {
@@ -54627,10 +54706,10 @@ function TokenSelectorSheet({
54627
54706
  },
54628
54707
  children: "No tokens found"
54629
54708
  }
54630
- ) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: filteredOptions.map(({ token, chain }) => {
54709
+ ) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: filteredOptions.map(({ token, chain }) => {
54631
54710
  const chainKey = `${chain.chain_type}:${chain.chain_id}`;
54632
54711
  const isSelected = token.symbol === selectedToken && chainKey === selectedChainKey;
54633
- return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
54712
+ return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
54634
54713
  "button",
54635
54714
  {
54636
54715
  type: "button",
@@ -54651,8 +54730,8 @@ function TokenSelectorSheet({
54651
54730
  backgroundColor: isSelected ? components.card.backgroundColor : hoveredTokenKey === `${token.symbol}-${chainKey}` ? colors2.cardHover : "transparent"
54652
54731
  },
54653
54732
  children: [
54654
- /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { style: { position: "relative", flexShrink: 0 }, children: [
54655
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
54733
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { style: { position: "relative", flexShrink: 0 }, children: [
54734
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
54656
54735
  "img",
54657
54736
  {
54658
54737
  src: token.icon_url,
@@ -54663,7 +54742,7 @@ function TokenSelectorSheet({
54663
54742
  className: "uf-rounded-full"
54664
54743
  }
54665
54744
  ),
54666
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
54745
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
54667
54746
  "div",
54668
54747
  {
54669
54748
  style: {
@@ -54671,7 +54750,7 @@ function TokenSelectorSheet({
54671
54750
  bottom: -4,
54672
54751
  right: -4
54673
54752
  },
54674
- children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
54753
+ children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
54675
54754
  "img",
54676
54755
  {
54677
54756
  src: chain.icon_url,
@@ -54685,8 +54764,8 @@ function TokenSelectorSheet({
54685
54764
  }
54686
54765
  )
54687
54766
  ] }),
54688
- /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
54689
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
54767
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
54768
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
54690
54769
  "div",
54691
54770
  {
54692
54771
  style: {
@@ -54698,7 +54777,7 @@ function TokenSelectorSheet({
54698
54777
  children: token.symbol
54699
54778
  }
54700
54779
  ),
54701
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
54780
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
54702
54781
  "div",
54703
54782
  {
54704
54783
  style: {
@@ -54710,7 +54789,7 @@ function TokenSelectorSheet({
54710
54789
  }
54711
54790
  )
54712
54791
  ] }),
54713
- /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
54792
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
54714
54793
  "div",
54715
54794
  {
54716
54795
  style: {
@@ -54719,11 +54798,11 @@ function TokenSelectorSheet({
54719
54798
  fontFamily: fonts.regular
54720
54799
  },
54721
54800
  children: [
54722
- /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { style: { color: components.card.textRightColor }, children: [
54801
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("span", { style: { color: components.card.textRightColor }, children: [
54723
54802
  "Minimum:",
54724
54803
  " "
54725
54804
  ] }),
54726
- /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { style: { color: components.card.labelHighlightRightColor }, children: [
54805
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("span", { style: { color: components.card.labelHighlightRightColor }, children: [
54727
54806
  "$",
54728
54807
  chain.minimum_deposit_amount_usd
54729
54808
  ] })
@@ -54734,7 +54813,14 @@ function TokenSelectorSheet({
54734
54813
  },
54735
54814
  `${token.symbol}-${chainKey}`
54736
54815
  );
54737
- }) }) })
54816
+ }) }) }),
54817
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "uf-pt-3 uf-pb-2 uf-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
54818
+ PoweredByUnifold,
54819
+ {
54820
+ color: colors2.foregroundMuted,
54821
+ className: "uf-flex uf-justify-center uf-shrink-0"
54822
+ }
54823
+ ) })
54738
54824
  ]
54739
54825
  }
54740
54826
  );
@@ -54747,7 +54833,7 @@ function DepositPollingUi({
54747
54833
  }) {
54748
54834
  const { fonts, components } = useTheme();
54749
54835
  if (depositConfirmationMode === "manual" && !showWaitingUi) {
54750
- return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
54836
+ return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
54751
54837
  "button",
54752
54838
  {
54753
54839
  onClick: onIveDeposited,
@@ -54764,15 +54850,15 @@ function DepositPollingUi({
54764
54850
  );
54765
54851
  }
54766
54852
  if (showWaitingUi && !hasExecution) {
54767
- return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
54853
+ return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
54768
54854
  "div",
54769
54855
  {
54770
54856
  className: "uf-p-3 uf-flex uf-items-center uf-gap-3 uf-animate-in uf-fade-in uf-duration-500",
54771
54857
  style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` },
54772
54858
  children: [
54773
- /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "uf-flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "uf-w-9 uf-h-9 uf-rounded-full uf-border-2 uf-border-t-primary uf-border-primary/20 uf-animate-spin" }) }),
54774
- /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { children: [
54775
- /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
54859
+ /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "uf-flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "uf-w-9 uf-h-9 uf-rounded-full uf-border-2 uf-border-t-primary uf-border-primary/20 uf-animate-spin" }) }),
54860
+ /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { children: [
54861
+ /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
54776
54862
  "div",
54777
54863
  {
54778
54864
  className: "uf-text-sm uf-font-medium",
@@ -54780,7 +54866,7 @@ function DepositPollingUi({
54780
54866
  children: "Processing deposit transactions"
54781
54867
  }
54782
54868
  ),
54783
- /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
54869
+ /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
54784
54870
  "div",
54785
54871
  {
54786
54872
  className: "uf-text-xs",
@@ -54799,8 +54885,8 @@ function DepositFooterLinks({
54799
54885
  onGlossaryClick
54800
54886
  }) {
54801
54887
  const { colors: colors2 } = useTheme();
54802
- return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "uf-flex uf-justify-end uf-items-center uf-gap-2 uf-text-xs uf-text-muted-foreground", children: [
54803
- /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
54888
+ return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "uf-flex uf-justify-end uf-items-center uf-gap-2 uf-text-xs uf-text-muted-foreground", children: [
54889
+ /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
54804
54890
  "a",
54805
54891
  {
54806
54892
  href: "https://unifold.io/terms",
@@ -54810,8 +54896,8 @@ function DepositFooterLinks({
54810
54896
  children: "Terms"
54811
54897
  }
54812
54898
  ),
54813
- /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "uf-text-xs uf-text-muted-foreground", children: "|" }),
54814
- /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
54899
+ /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "uf-text-xs uf-text-muted-foreground", children: "|" }),
54900
+ /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
54815
54901
  "a",
54816
54902
  {
54817
54903
  href: "https://unifold.io/support",
@@ -54821,8 +54907,8 @@ function DepositFooterLinks({
54821
54907
  children: "Help"
54822
54908
  }
54823
54909
  ),
54824
- /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "uf-text-xs uf-text-muted-foreground", children: "|" }),
54825
- /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
54910
+ /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "uf-text-xs uf-text-muted-foreground", children: "|" }),
54911
+ /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
54826
54912
  "div",
54827
54913
  {
54828
54914
  className: "uf-cursor-pointer hover:uf-opacity-90 uf-transition-colors",
@@ -54844,15 +54930,15 @@ function GlossaryModal({
54844
54930
  const { themeClass, colors: colors2, components } = useTheme();
54845
54931
  const resolvedThemeClass = themeClassProp ?? themeClass;
54846
54932
  const modalBackground = backgroundColorProp ?? colors2.background;
54847
- return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Dialog2, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
54933
+ return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Dialog2, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
54848
54934
  DialogContent2,
54849
54935
  {
54850
54936
  className: `sm:uf-max-w-[400px] !uf-top-auto !uf-h-auto sm:!uf-top-[50%] uf-border-secondary uf-p-0 uf-gap-0 [&>button]:uf-hidden ${resolvedThemeClass}`,
54851
54937
  style: { backgroundColor: modalBackground },
54852
54938
  children: [
54853
- /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "uf-relative uf-flex uf-items-center uf-justify-between", children: [
54854
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "uf-invisible uf-w-9 uf-h-9 uf-flex uf-shrink-0 uf-items-center uf-justify-center", "aria-hidden": true, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(X, { className: "uf-w-4 uf-h-4" }) }),
54855
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
54939
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "uf-relative uf-flex uf-items-center uf-justify-between", children: [
54940
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "uf-invisible uf-w-9 uf-h-9 uf-flex uf-shrink-0 uf-items-center uf-justify-center", "aria-hidden": true, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(X, { className: "uf-w-4 uf-h-4" }) }),
54941
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
54856
54942
  DialogTitle2,
54857
54943
  {
54858
54944
  className: "uf-text-base uf-font-medium uf-absolute uf-left-0 uf-right-0 uf-text-center uf-pointer-events-none",
@@ -54860,91 +54946,91 @@ function GlossaryModal({
54860
54946
  children: "Glossary"
54861
54947
  }
54862
54948
  ),
54863
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
54949
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
54864
54950
  "button",
54865
54951
  {
54866
54952
  onClick: () => onOpenChange(false),
54867
54953
  className: "uf-p-1 uf-rounded-lg hover:uf-bg-secondary uf-transition-colors uf-flex-shrink-0 uf-z-[1]",
54868
54954
  style: { color: components.header.buttonColor },
54869
- children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(X, { className: "uf-w-4 uf-h-4" })
54955
+ children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(X, { className: "uf-w-4 uf-h-4" })
54870
54956
  }
54871
54957
  )
54872
54958
  ] }),
54873
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "uf-max-h-[60vh] sm:uf-max-h-[400px] uf-overflow-y-auto uf-pb-4 [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "uf-space-y-3", children: [
54874
- /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
54959
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "uf-max-h-[60vh] sm:uf-max-h-[400px] uf-overflow-y-auto uf-pb-4 [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "uf-space-y-3", children: [
54960
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
54875
54961
  "div",
54876
54962
  {
54877
54963
  className: "uf-rounded-xl uf-p-3",
54878
54964
  style: { backgroundColor: components.card.backgroundColor },
54879
54965
  children: [
54880
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Your Deposit Token" }),
54881
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.selectTokenDepositTooltip })
54966
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Your Deposit Token" }),
54967
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.selectTokenDepositTooltip })
54882
54968
  ]
54883
54969
  }
54884
54970
  ),
54885
- /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
54971
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
54886
54972
  "div",
54887
54973
  {
54888
54974
  className: "uf-rounded-xl uf-p-3",
54889
54975
  style: { backgroundColor: components.card.backgroundColor },
54890
54976
  children: [
54891
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Deposit Address" }),
54892
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: "A unique wallet address generated for you. Send supported tokens to this address and they will be automatically converted and deposited into your account." })
54977
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Deposit Address" }),
54978
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: "A unique wallet address generated for you. Send supported tokens to this address and they will be automatically converted and deposited into your account." })
54893
54979
  ]
54894
54980
  }
54895
54981
  ),
54896
- /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
54982
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
54897
54983
  "div",
54898
54984
  {
54899
54985
  className: "uf-rounded-xl uf-p-3",
54900
54986
  style: { backgroundColor: components.card.backgroundColor },
54901
54987
  children: [
54902
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Price Impact" }),
54903
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.priceImpact.tooltip })
54988
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Price Impact" }),
54989
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.priceImpact.tooltip })
54904
54990
  ]
54905
54991
  }
54906
54992
  ),
54907
- /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
54993
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
54908
54994
  "div",
54909
54995
  {
54910
54996
  className: "uf-rounded-xl uf-p-3",
54911
54997
  style: { backgroundColor: components.card.backgroundColor },
54912
54998
  children: [
54913
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Slippage" }),
54914
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.slippage.tooltip })
54999
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Slippage" }),
55000
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.slippage.tooltip })
54915
55001
  ]
54916
55002
  }
54917
55003
  ),
54918
- /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
55004
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
54919
55005
  "div",
54920
55006
  {
54921
55007
  className: "uf-rounded-xl uf-p-3",
54922
55008
  style: { backgroundColor: components.card.backgroundColor },
54923
55009
  children: [
54924
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Processing Time" }),
54925
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: "The estimated time for your deposit to be confirmed and credited. This depends on the source network's block confirmation time and current congestion." })
55010
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Processing Time" }),
55011
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: "The estimated time for your deposit to be confirmed and credited. This depends on the source network's block confirmation time and current congestion." })
54926
55012
  ]
54927
55013
  }
54928
55014
  ),
54929
- /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
55015
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
54930
55016
  "div",
54931
55017
  {
54932
55018
  className: "uf-rounded-xl uf-p-3",
54933
55019
  style: { backgroundColor: components.card.backgroundColor },
54934
55020
  children: [
54935
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Minimum Deposit" }),
54936
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.minDeposit.tooltip })
55021
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Minimum Deposit" }),
55022
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.minDeposit.tooltip })
54937
55023
  ]
54938
55024
  }
54939
55025
  ),
54940
- /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
55026
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
54941
55027
  "div",
54942
55028
  {
54943
55029
  className: "uf-rounded-xl uf-p-3",
54944
55030
  style: { backgroundColor: components.card.backgroundColor },
54945
55031
  children: [
54946
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Recipient Address" }),
54947
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: "The destination address on the target blockchain where your converted deposit will be sent. This is typically your wallet address on the application's native chain." })
55032
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Recipient Address" }),
55033
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: "The destination address on the target blockchain where your converted deposit will be sent. This is typically your wallet address on the application's native chain." })
54948
55034
  ]
54949
55035
  }
54950
55036
  )
@@ -54978,12 +55064,12 @@ var TooltipTrigger2 = React232.forwardRef(({ onClick, ...props }, ref) => {
54978
55064
  },
54979
55065
  [open, onOpenChange, onClick]
54980
55066
  );
54981
- return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Trigger, { ref, onClick: handleClick, ...props });
55067
+ return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Trigger, { ref, onClick: handleClick, ...props });
54982
55068
  });
54983
55069
  TooltipTrigger2.displayName = Trigger.displayName;
54984
55070
  var TooltipContent2 = React232.forwardRef(({ className, sideOffset = 4, ...props }, ref) => {
54985
55071
  const { themeClass, colors: colors2 } = useTheme();
54986
- return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Portal3, { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
55072
+ return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Portal3, { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
54987
55073
  Content22,
54988
55074
  {
54989
55075
  ref,
@@ -55182,29 +55268,29 @@ function TransferCryptoSingleInput({
55182
55268
  const maxSlippage = currentChainFromBackend?.max_slippage_percent ?? 0.25;
55183
55269
  const processingTime = currentChainFromBackend?.estimated_processing_time ?? null;
55184
55270
  const minDepositUsd = currentChainFromBackend?.minimum_deposit_amount_usd ?? 3;
55185
- return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(TooltipProvider2, { delayDuration: 0, skipDelayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
55271
+ return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(TooltipProvider2, { delayDuration: 0, skipDelayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
55186
55272
  "div",
55187
55273
  {
55188
55274
  className: "uf-space-y-3 [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden",
55189
55275
  style: { backgroundColor: colors2.background },
55190
55276
  children: [
55191
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "uf-text-xs uf-mb-1 uf-flex uf-items-center uf-justify-between", style: { color: components.card.labelColor }, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "uf-flex uf-items-center uf-gap-1", children: t4.selectTokenDeposit }) }),
55192
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
55277
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-text-xs uf-mb-1 uf-flex uf-items-center uf-justify-between", style: { color: components.card.labelColor }, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-flex uf-items-center uf-gap-1", children: t4.selectTokenDeposit }) }),
55278
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
55193
55279
  "button",
55194
55280
  {
55195
55281
  onClick: () => setTokenSelectorOpen(true),
55196
55282
  disabled: tokensLoading || supportedTokens.length === 0,
55197
55283
  className: "uf-w-full hover:uf-bg-accent uf-p-3 uf-flex uf-items-center uf-gap-3 uf-transition-colors disabled:uf-opacity-50 disabled:uf-cursor-not-allowed",
55198
55284
  style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` },
55199
- children: tokensLoading ? /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3 uf-animate-pulse", children: [
55200
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "uf-w-10 uf-h-10 uf-rounded-full uf-bg-muted" }),
55201
- /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "uf-flex-1", children: [
55202
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "uf-h-4 uf-w-16 uf-bg-muted uf-rounded uf-mb-1" }),
55203
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "uf-h-3 uf-w-24 uf-bg-muted uf-rounded" })
55285
+ children: tokensLoading ? /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3 uf-animate-pulse", children: [
55286
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-w-10 uf-h-10 uf-rounded-full uf-bg-muted" }),
55287
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex-1", children: [
55288
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-h-4 uf-w-16 uf-bg-muted uf-rounded uf-mb-1" }),
55289
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-h-3 uf-w-24 uf-bg-muted uf-rounded" })
55204
55290
  ] })
55205
- ] }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
55206
- /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "uf-relative uf-flex-shrink-0", children: [
55207
- selectedToken && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
55291
+ ] }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_jsx_runtime54.Fragment, { children: [
55292
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-relative uf-flex-shrink-0", children: [
55293
+ selectedToken && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
55208
55294
  "img",
55209
55295
  {
55210
55296
  src: selectedToken.icon_url,
@@ -55215,7 +55301,7 @@ function TransferCryptoSingleInput({
55215
55301
  className: "uf-w-10 uf-h-10 uf-rounded-full"
55216
55302
  }
55217
55303
  ),
55218
- (currentChainFromBackend || currentChainData) && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "uf-absolute -uf-bottom-1 -uf-right-1", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
55304
+ (currentChainFromBackend || currentChainData) && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-absolute -uf-bottom-1 -uf-right-1", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
55219
55305
  "img",
55220
55306
  {
55221
55307
  src: currentChainFromBackend?.icon_url || currentChainData?.icon_url || "",
@@ -55228,8 +55314,8 @@ function TransferCryptoSingleInput({
55228
55314
  }
55229
55315
  ) })
55230
55316
  ] }),
55231
- /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "uf-flex-1 uf-text-left uf-min-w-0", children: [
55232
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
55317
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex-1 uf-text-left uf-min-w-0", children: [
55318
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
55233
55319
  "div",
55234
55320
  {
55235
55321
  className: "uf-text-sm uf-font-medium",
@@ -55237,7 +55323,7 @@ function TransferCryptoSingleInput({
55237
55323
  children: selectedToken?.symbol || token
55238
55324
  }
55239
55325
  ),
55240
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
55326
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
55241
55327
  "div",
55242
55328
  {
55243
55329
  className: "uf-text-xs uf-truncate",
@@ -55246,8 +55332,8 @@ function TransferCryptoSingleInput({
55246
55332
  }
55247
55333
  )
55248
55334
  ] }),
55249
- /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2 uf-flex-shrink-0", children: [
55250
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "uf-text-right", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
55335
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2 uf-flex-shrink-0", children: [
55336
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-text-right", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
55251
55337
  "div",
55252
55338
  {
55253
55339
  className: "uf-text-xs uf-font-medium",
@@ -55259,12 +55345,12 @@ function TransferCryptoSingleInput({
55259
55345
  ]
55260
55346
  }
55261
55347
  ) }),
55262
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ChevronRight, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } })
55348
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ChevronRight, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } })
55263
55349
  ] })
55264
55350
  ] })
55265
55351
  }
55266
55352
  ),
55267
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
55353
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
55268
55354
  TokenSelectorSheet,
55269
55355
  {
55270
55356
  open: tokenSelectorOpen,
@@ -55278,24 +55364,24 @@ function TransferCryptoSingleInput({
55278
55364
  }
55279
55365
  }
55280
55366
  ),
55281
- error && !loading && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "uf-bg-destructive/10 uf-border uf-border-destructive/20 uf-rounded-xl uf-p-3 uf-space-y-2", children: [
55282
- /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "uf-flex uf-items-start uf-gap-2", children: [
55283
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Info, { className: "uf-w-4 uf-h-4 uf-text-destructive uf-flex-shrink-0 uf-mt-0.5" }),
55284
- /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "uf-flex-1 uf-min-w-0", children: [
55285
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "uf-text-xs uf-font-medium uf-text-destructive uf-mb-1", children: "Failed to create deposit address" }),
55286
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "uf-text-xs uf-text-muted-foreground", children: error })
55367
+ error && !loading && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-bg-destructive/10 uf-border uf-border-destructive/20 uf-rounded-xl uf-p-3 uf-space-y-2", children: [
55368
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-items-start uf-gap-2", children: [
55369
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Info, { className: "uf-w-4 uf-h-4 uf-text-destructive uf-flex-shrink-0 uf-mt-0.5" }),
55370
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex-1 uf-min-w-0", children: [
55371
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-text-xs uf-font-medium uf-text-destructive uf-mb-1", children: "Failed to create deposit address" }),
55372
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-text-xs uf-text-muted-foreground", children: error })
55287
55373
  ] })
55288
55374
  ] }),
55289
- /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-1.5 uf-text-xs uf-text-muted-foreground uf-pl-6", children: [
55290
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Clock, { className: "uf-w-3 uf-h-3" }),
55291
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { children: "Retrying automatically every 5 seconds..." })
55375
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-1.5 uf-text-xs uf-text-muted-foreground uf-pl-6", children: [
55376
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Clock, { className: "uf-w-3 uf-h-3" }),
55377
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { children: "Retrying automatically every 5 seconds..." })
55292
55378
  ] })
55293
55379
  ] }),
55294
- /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-pt-2", children: [
55295
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: "Intent address" }),
55296
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "uf-shadow-lg", style: { borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: loading || tokensLoading || !initialSelectionDone ? (
55380
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-pt-2", children: [
55381
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: "Intent address" }),
55382
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-shadow-lg", style: { borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: loading || tokensLoading || !initialSelectionDone ? (
55297
55383
  // QR Skeleton - matches QR code appearance
55298
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
55384
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
55299
55385
  "div",
55300
55386
  {
55301
55387
  className: "uf-flex uf-items-center uf-justify-center uf-animate-pulse",
@@ -55305,7 +55391,7 @@ function TransferCryptoSingleInput({
55305
55391
  background: isDarkMode ? "linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%)" : "linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%)",
55306
55392
  borderRadius: 8
55307
55393
  },
55308
- children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
55394
+ children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
55309
55395
  "div",
55310
55396
  {
55311
55397
  style: {
@@ -55318,7 +55404,7 @@ function TransferCryptoSingleInput({
55318
55404
  )
55319
55405
  }
55320
55406
  )
55321
- ) : depositAddress ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
55407
+ ) : depositAddress ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
55322
55408
  StyledQRCode,
55323
55409
  {
55324
55410
  value: depositAddress,
@@ -55328,19 +55414,19 @@ function TransferCryptoSingleInput({
55328
55414
  darkMode: isDarkMode
55329
55415
  },
55330
55416
  `qr-${depositAddress}-${chain}`
55331
- ) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
55417
+ ) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
55332
55418
  "div",
55333
55419
  {
55334
55420
  className: "uf-flex uf-items-center uf-justify-center",
55335
55421
  style: { width: 180, height: 180 },
55336
- children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "uf-text-red-400 uf-text-sm", children: t4.noAddressAvailable })
55422
+ children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-text-red-400 uf-text-sm", children: t4.noAddressAvailable })
55337
55423
  }
55338
55424
  ) })
55339
55425
  ] }),
55340
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "uf-text-sm uf-mb-2 uf-flex uf-justify-center uf-items-center uf-gap-1", children: [
55426
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-text-sm uf-mb-2 uf-flex uf-justify-center uf-items-center uf-gap-1", children: [
55341
55427
  loading || tokensLoading || !initialSelectionDone ? (
55342
55428
  // Address skeleton
55343
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
55429
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
55344
55430
  "div",
55345
55431
  {
55346
55432
  className: "uf-h-4 uf-w-32 uf-rounded uf-animate-pulse",
@@ -55349,45 +55435,45 @@ function TransferCryptoSingleInput({
55349
55435
  }
55350
55436
  }
55351
55437
  )
55352
- ) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "uf-text-sm uf-truncate uf-min-w-0", style: { color: components.card.titleColor }, children: depositAddress ? truncateAddress(depositAddress, 8, 6) : t4.noAddressAvailable }),
55353
- depositAddress && initialSelectionDone && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
55438
+ ) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "uf-text-sm uf-truncate uf-min-w-0", style: { color: components.card.titleColor }, children: depositAddress ? truncateAddress(depositAddress, 8, 6) : t4.noAddressAvailable }),
55439
+ depositAddress && initialSelectionDone && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
55354
55440
  "span",
55355
55441
  {
55356
55442
  onClick: handleCopyAddress,
55357
55443
  className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
55358
55444
  style: { color: copied ? colors2.success : components.card.actionColor },
55359
- children: copied ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Check, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Copy, { className: "uf-w-3.5 uf-h-3.5" })
55445
+ children: copied ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Check, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Copy, { className: "uf-w-3.5 uf-h-3.5" })
55360
55446
  }
55361
55447
  )
55362
55448
  ] }) }),
55363
- /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "uf-px-2.5", style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: [
55364
- /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
55449
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-px-2.5", style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: [
55450
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
55365
55451
  "button",
55366
55452
  {
55367
55453
  onClick: () => setDetailsExpanded(!detailsExpanded),
55368
55454
  className: "uf-w-full uf-flex uf-items-center uf-justify-between uf-py-2.5",
55369
55455
  children: [
55370
- /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
55371
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Clock, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
55372
- /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
55456
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
55457
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Clock, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
55458
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
55373
55459
  t4.processingTime.label,
55374
55460
  ":",
55375
55461
  " ",
55376
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: formatProcessingTime2(processingTime) })
55462
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: formatProcessingTime2(processingTime) })
55377
55463
  ] })
55378
55464
  ] }),
55379
- detailsExpanded ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ChevronUp, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ChevronDown, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } })
55465
+ detailsExpanded ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ChevronUp, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ChevronDown, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } })
55380
55466
  ]
55381
55467
  }
55382
55468
  ),
55383
- detailsExpanded && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "uf-pb-3 uf-space-y-2.5", children: [
55384
- /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
55385
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ShieldCheck, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
55386
- /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
55469
+ detailsExpanded && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-pb-3 uf-space-y-2.5", children: [
55470
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
55471
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ShieldCheck, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
55472
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
55387
55473
  t4.slippage.label,
55388
55474
  ":",
55389
55475
  " ",
55390
- /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
55476
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
55391
55477
  t4.slippage.auto,
55392
55478
  " \u2022 ",
55393
55479
  maxSlippage.toFixed(2),
@@ -55395,38 +55481,38 @@ function TransferCryptoSingleInput({
55395
55481
  ] })
55396
55482
  ] })
55397
55483
  ] }),
55398
- /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
55399
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(DollarSign, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
55400
- /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
55484
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
55485
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DollarSign, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
55486
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
55401
55487
  t4.priceImpact.label,
55402
55488
  ":",
55403
55489
  " ",
55404
- /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
55490
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
55405
55491
  priceImpact.toFixed(2),
55406
55492
  "%"
55407
55493
  ] })
55408
55494
  ] })
55409
55495
  ] }),
55410
- /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
55411
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(WalletMinimal, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
55412
- /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: "uf-flex uf-gap-2 uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
55496
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
55497
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(WalletMinimal, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
55498
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: "uf-flex uf-gap-2 uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
55413
55499
  "Recipient address:",
55414
55500
  " ",
55415
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: truncateAddress(recipientAddress || "", 8, 6) }),
55416
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
55501
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: truncateAddress(recipientAddress || "", 8, 6) }),
55502
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
55417
55503
  "span",
55418
55504
  {
55419
55505
  onClick: () => handleCopyRecipientAddress(recipientAddress),
55420
55506
  className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
55421
55507
  style: { color: copiedRecipient ? colors2.success : components.card.actionColor },
55422
- children: copiedRecipient ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Check, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Copy, { className: "uf-w-3.5 uf-h-3.5" })
55508
+ children: copiedRecipient ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Check, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Copy, { className: "uf-w-3.5 uf-h-3.5" })
55423
55509
  }
55424
55510
  )
55425
55511
  ] })
55426
55512
  ] })
55427
55513
  ] })
55428
55514
  ] }),
55429
- wallets && wallets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
55515
+ wallets && wallets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
55430
55516
  DepositPollingUi,
55431
55517
  {
55432
55518
  depositConfirmationMode,
@@ -55435,29 +55521,29 @@ function TransferCryptoSingleInput({
55435
55521
  onIveDeposited: handleIveDeposited
55436
55522
  }
55437
55523
  ),
55438
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(DepositFooterLinks, { onGlossaryClick: () => setGlossaryOpen(true) }),
55439
- depositExecutions.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "uf-flex uf-items-center uf-justify-end uf-text-xs uf-pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
55524
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DepositFooterLinks, { onGlossaryClick: () => setGlossaryOpen(true) }),
55525
+ depositExecutions.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-flex uf-items-center uf-justify-end uf-text-xs uf-pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
55440
55526
  "button",
55441
55527
  {
55442
55528
  onClick: () => setDepositsModalOpen(true),
55443
55529
  className: "uf-flex uf-items-center uf-gap-1 uf-text-muted-foreground hover:uf-text-foreground uf-transition-colors uf-animate-in uf-fade-in uf-slide-in-from-right-8 uf-duration-1000",
55444
55530
  children: [
55445
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Clock, { className: "uf-w-3.5 uf-h-3.5" }),
55531
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Clock, { className: "uf-w-3.5 uf-h-3.5" }),
55446
55532
  "Track deposits (",
55447
55533
  depositExecutions.length,
55448
55534
  ")",
55449
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ChevronRight, { className: "uf-w-3 uf-h-3" })
55535
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ChevronRight, { className: "uf-w-3 uf-h-3" })
55450
55536
  ]
55451
55537
  }
55452
55538
  ) }),
55453
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
55539
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
55454
55540
  DepositPollingToasts,
55455
55541
  {
55456
55542
  executions: depositExecutions,
55457
55543
  isPolling
55458
55544
  }
55459
55545
  ),
55460
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
55546
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
55461
55547
  DepositsModal,
55462
55548
  {
55463
55549
  open: depositsModalOpen,
@@ -55468,7 +55554,7 @@ function TransferCryptoSingleInput({
55468
55554
  themeClass
55469
55555
  }
55470
55556
  ),
55471
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
55557
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
55472
55558
  GlossaryModal,
55473
55559
  {
55474
55560
  open: glossaryOpen,
@@ -55485,7 +55571,7 @@ var Select2 = Root23;
55485
55571
  var SelectValue2 = Value;
55486
55572
  var SelectTrigger2 = React242.forwardRef(({ className, style, children, ...props }, ref) => {
55487
55573
  const { components } = useTheme();
55488
- return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
55574
+ return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
55489
55575
  Trigger2,
55490
55576
  {
55491
55577
  ref,
@@ -55501,13 +55587,13 @@ var SelectTrigger2 = React242.forwardRef(({ className, style, children, ...props
55501
55587
  ...props,
55502
55588
  children: [
55503
55589
  children,
55504
- /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Icon2, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ChevronDown, { className: "uf-h-4 uf-w-4 uf-opacity-50" }) })
55590
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Icon2, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ChevronDown, { className: "uf-h-4 uf-w-4 uf-opacity-50" }) })
55505
55591
  ]
55506
55592
  }
55507
55593
  );
55508
55594
  });
55509
55595
  SelectTrigger2.displayName = Trigger2.displayName;
55510
- var SelectScrollUpButton2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
55596
+ var SelectScrollUpButton2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
55511
55597
  ScrollUpButton,
55512
55598
  {
55513
55599
  ref,
@@ -55516,11 +55602,11 @@ var SelectScrollUpButton2 = React242.forwardRef(({ className, ...props }, ref) =
55516
55602
  className
55517
55603
  ),
55518
55604
  ...props,
55519
- children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ChevronUp, { className: "uf-h-4 uf-w-4" })
55605
+ children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ChevronUp, { className: "uf-h-4 uf-w-4" })
55520
55606
  }
55521
55607
  ));
55522
55608
  SelectScrollUpButton2.displayName = ScrollUpButton.displayName;
55523
- var SelectScrollDownButton2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
55609
+ var SelectScrollDownButton2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
55524
55610
  ScrollDownButton,
55525
55611
  {
55526
55612
  ref,
@@ -55529,13 +55615,13 @@ var SelectScrollDownButton2 = React242.forwardRef(({ className, ...props }, ref)
55529
55615
  className
55530
55616
  ),
55531
55617
  ...props,
55532
- children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ChevronDown, { className: "uf-h-4 uf-w-4" })
55618
+ children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ChevronDown, { className: "uf-h-4 uf-w-4" })
55533
55619
  }
55534
55620
  ));
55535
55621
  SelectScrollDownButton2.displayName = ScrollDownButton.displayName;
55536
55622
  var SelectContent2 = React242.forwardRef(({ className, style, children, position = "popper", ...props }, ref) => {
55537
55623
  const { themeClass, colors: colors2, components } = useTheme();
55538
- return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Portal4, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
55624
+ return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Portal4, { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
55539
55625
  Content23,
55540
55626
  {
55541
55627
  ref,
@@ -55554,8 +55640,8 @@ var SelectContent2 = React242.forwardRef(({ className, style, children, position
55554
55640
  position,
55555
55641
  ...props,
55556
55642
  children: [
55557
- /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(SelectScrollUpButton2, {}),
55558
- /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
55643
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SelectScrollUpButton2, {}),
55644
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
55559
55645
  Viewport,
55560
55646
  {
55561
55647
  className: cn(
@@ -55565,13 +55651,13 @@ var SelectContent2 = React242.forwardRef(({ className, style, children, position
55565
55651
  children
55566
55652
  }
55567
55653
  ),
55568
- /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(SelectScrollDownButton2, {})
55654
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SelectScrollDownButton2, {})
55569
55655
  ]
55570
55656
  }
55571
55657
  ) });
55572
55658
  });
55573
55659
  SelectContent2.displayName = Content23.displayName;
55574
- var SelectLabel2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
55660
+ var SelectLabel2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
55575
55661
  Label,
55576
55662
  {
55577
55663
  ref,
@@ -55583,7 +55669,7 @@ var SelectLabel2 = React242.forwardRef(({ className, ...props }, ref) => /* @__P
55583
55669
  }
55584
55670
  ));
55585
55671
  SelectLabel2.displayName = Label.displayName;
55586
- var SelectItem2 = React242.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
55672
+ var SelectItem2 = React242.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
55587
55673
  Item,
55588
55674
  {
55589
55675
  ref,
@@ -55593,13 +55679,13 @@ var SelectItem2 = React242.forwardRef(({ className, children, ...props }, ref) =
55593
55679
  ),
55594
55680
  ...props,
55595
55681
  children: [
55596
- /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "uf-absolute uf-left-2 uf-flex uf-h-3.5 uf-w-3.5 uf-items-center uf-justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Check, { className: "uf-h-4 uf-w-4" }) }) }),
55597
- /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ItemText, { children })
55682
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "uf-absolute uf-left-2 uf-flex uf-h-3.5 uf-w-3.5 uf-items-center uf-justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Check, { className: "uf-h-4 uf-w-4" }) }) }),
55683
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ItemText, { children })
55598
55684
  ]
55599
55685
  }
55600
55686
  ));
55601
55687
  SelectItem2.displayName = Item.displayName;
55602
- var SelectSeparator2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
55688
+ var SelectSeparator2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
55603
55689
  Separator,
55604
55690
  {
55605
55691
  ref,
@@ -55764,8 +55850,8 @@ function TransferCryptoDoubleInput({
55764
55850
  const processingTime = currentChainFromBackend?.estimated_processing_time ?? null;
55765
55851
  const minDepositUsd = currentChainFromBackend?.minimum_deposit_amount_usd ?? 3;
55766
55852
  const renderTokenItem = (tokenData) => {
55767
- return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
55768
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
55853
+ return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
55854
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
55769
55855
  "img",
55770
55856
  {
55771
55857
  src: tokenData.icon_url,
@@ -55776,13 +55862,13 @@ function TransferCryptoDoubleInput({
55776
55862
  className: "uf-rounded-full uf-flex-shrink-0"
55777
55863
  }
55778
55864
  ),
55779
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "uf-text-xs uf-font-normal", children: tokenData.symbol })
55865
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "uf-text-xs uf-font-normal", children: tokenData.symbol })
55780
55866
  ] });
55781
55867
  };
55782
55868
  const renderChainItem = (chainData, showMinDeposit = false) => {
55783
- return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-between uf-w-full", children: [
55784
- /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
55785
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
55869
+ return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-between uf-w-full", children: [
55870
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
55871
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
55786
55872
  "img",
55787
55873
  {
55788
55874
  src: chainData.icon_url,
@@ -55793,32 +55879,32 @@ function TransferCryptoDoubleInput({
55793
55879
  className: "uf-rounded-full uf-flex-shrink-0"
55794
55880
  }
55795
55881
  ),
55796
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "uf-text-xs uf-font-normal", children: chainData.chain_name })
55882
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "uf-text-xs uf-font-normal", children: chainData.chain_name })
55797
55883
  ] }),
55798
- showMinDeposit && chainData.minimum_deposit_amount_usd && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { className: "uf-text-xs uf-font-medium", style: { color: components.card.labelHighlightRightColor }, children: [
55884
+ showMinDeposit && chainData.minimum_deposit_amount_usd && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { className: "uf-text-xs uf-font-medium", style: { color: components.card.labelHighlightRightColor }, children: [
55799
55885
  "$",
55800
55886
  chainData.minimum_deposit_amount_usd
55801
55887
  ] })
55802
55888
  ] });
55803
55889
  };
55804
- return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(TooltipProvider2, { delayDuration: 0, skipDelayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
55890
+ return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(TooltipProvider2, { delayDuration: 0, skipDelayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
55805
55891
  "div",
55806
55892
  {
55807
55893
  className: "uf-space-y-3",
55808
55894
  style: { backgroundColor: colors2.background },
55809
55895
  children: [
55810
- /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uf-grid uf-grid-cols-2 uf-gap-2.5", children: [
55811
- /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { children: [
55812
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: t5.selectedToken }),
55813
- /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
55896
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-grid uf-grid-cols-2 uf-gap-2.5", children: [
55897
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { children: [
55898
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: t5.selectedToken }),
55899
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
55814
55900
  Select2,
55815
55901
  {
55816
55902
  value: token,
55817
55903
  onValueChange: setToken,
55818
55904
  disabled: tokensLoading || supportedTokens.length === 0,
55819
55905
  children: [
55820
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SelectTrigger2, { className: "uf-h-10 hover:uf-opacity-90 uf-text-foreground disabled:uf-opacity-50", style: { backgroundColor: components.card.backgroundColor, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SelectValue2, { children: tokensLoading ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t5.loading }) }) : selectedToken ? renderTokenItem(selectedToken) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "uf-text-xs uf-font-normal", children: token }) }) }) }),
55821
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SelectContent2, { className: "uf-bg-secondary uf-border uf-text-foreground uf-max-h-[300px]", style: { border: `1px solid ${isDarkMode ? "rgba(255,255,255,0.15)" : "rgba(0,0,0,0.15)"}`, ...fonts.regular ? { "--uf-font-family": fonts.regular } : {} }, children: supportedTokens.map((tokenData) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
55906
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(SelectTrigger2, { className: "uf-h-10 hover:uf-opacity-90 uf-text-foreground disabled:uf-opacity-50", style: { backgroundColor: components.card.backgroundColor, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(SelectValue2, { children: tokensLoading ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t5.loading }) }) : selectedToken ? renderTokenItem(selectedToken) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "uf-text-xs uf-font-normal", children: token }) }) }) }),
55907
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(SelectContent2, { className: "uf-bg-secondary uf-border uf-text-foreground uf-max-h-[300px]", style: { border: `1px solid ${isDarkMode ? "rgba(255,255,255,0.15)" : "rgba(0,0,0,0.15)"}`, ...fonts.regular ? { "--uf-font-family": fonts.regular } : {} }, children: supportedTokens.map((tokenData) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
55822
55908
  SelectItem2,
55823
55909
  {
55824
55910
  value: tokenData.symbol,
@@ -55831,36 +55917,36 @@ function TransferCryptoDoubleInput({
55831
55917
  }
55832
55918
  )
55833
55919
  ] }),
55834
- /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { children: [
55835
- /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: [
55920
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { children: [
55921
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: [
55836
55922
  t5.selectedChain,
55837
- /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { className: "uf-font-medium", style: { color: components.card.labelHighlightRightColor }, children: [
55923
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { className: "uf-font-medium", style: { color: components.card.labelHighlightRightColor }, children: [
55838
55924
  "$",
55839
55925
  minDepositUsd,
55840
55926
  " ",
55841
55927
  t5.minDeposit.label
55842
55928
  ] })
55843
55929
  ] }),
55844
- /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
55930
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
55845
55931
  Select2,
55846
55932
  {
55847
55933
  value: chain,
55848
55934
  onValueChange: setChain,
55849
55935
  disabled: tokensLoading || availableChainsForToken.length === 0,
55850
55936
  children: [
55851
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SelectTrigger2, { className: "uf-h-10 hover:uf-opacity-90 uf-text-foreground disabled:uf-opacity-50", style: { backgroundColor: components.card.backgroundColor, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SelectValue2, { children: tokensLoading ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t5.loading }) }) : currentChainFromBackend ? renderChainItem(currentChainFromBackend) : currentChainData ? renderChainItem(currentChainData) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "uf-text-xs uf-font-normal", children: chain }) }) }) }),
55852
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
55937
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(SelectTrigger2, { className: "uf-h-10 hover:uf-opacity-90 uf-text-foreground disabled:uf-opacity-50", style: { backgroundColor: components.card.backgroundColor, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(SelectValue2, { children: tokensLoading ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t5.loading }) }) : currentChainFromBackend ? renderChainItem(currentChainFromBackend) : currentChainData ? renderChainItem(currentChainData) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "uf-text-xs uf-font-normal", children: chain }) }) }) }),
55938
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
55853
55939
  SelectContent2,
55854
55940
  {
55855
55941
  align: "end",
55856
55942
  className: "uf-bg-secondary uf-border uf-text-foreground uf-max-h-[300px] uf-min-w-[200px]",
55857
55943
  style: { border: `1px solid ${isDarkMode ? "rgba(255,255,255,0.15)" : "rgba(0,0,0,0.15)"}`, ...fonts.regular ? { "--uf-font-family": fonts.regular } : {} },
55858
- children: availableChainsForToken.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "uf-px-2 uf-py-3 uf-text-xs uf-text-muted-foreground uf-text-center", children: t5.noChainsAvailable }) : availableChainsForToken.map((chainData) => {
55944
+ children: availableChainsForToken.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-px-2 uf-py-3 uf-text-xs uf-text-muted-foreground uf-text-center", children: t5.noChainsAvailable }) : availableChainsForToken.map((chainData) => {
55859
55945
  const chainKey = getChainKey2(
55860
55946
  chainData.chain_id,
55861
55947
  chainData.chain_type
55862
55948
  );
55863
- return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
55949
+ return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
55864
55950
  SelectItem2,
55865
55951
  {
55866
55952
  value: chainKey,
@@ -55877,24 +55963,24 @@ function TransferCryptoDoubleInput({
55877
55963
  )
55878
55964
  ] })
55879
55965
  ] }),
55880
- error && !loading && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uf-bg-destructive/10 uf-border uf-border-destructive/20 uf-rounded-xl uf-p-3 uf-space-y-2", children: [
55881
- /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uf-flex uf-items-start uf-gap-2", children: [
55882
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Info, { className: "uf-w-4 uf-h-4 uf-text-destructive uf-flex-shrink-0 uf-mt-0.5" }),
55883
- /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uf-flex-1 uf-min-w-0", children: [
55884
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "uf-text-xs uf-font-medium uf-text-destructive uf-mb-1", children: "Failed to create deposit address" }),
55885
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "uf-text-xs uf-text-muted-foreground", children: error })
55966
+ error && !loading && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-bg-destructive/10 uf-border uf-border-destructive/20 uf-rounded-xl uf-p-3 uf-space-y-2", children: [
55967
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex uf-items-start uf-gap-2", children: [
55968
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Info, { className: "uf-w-4 uf-h-4 uf-text-destructive uf-flex-shrink-0 uf-mt-0.5" }),
55969
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex-1 uf-min-w-0", children: [
55970
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-text-xs uf-font-medium uf-text-destructive uf-mb-1", children: "Failed to create deposit address" }),
55971
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-text-xs uf-text-muted-foreground", children: error })
55886
55972
  ] })
55887
55973
  ] }),
55888
- /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-1.5 uf-text-xs uf-text-muted-foreground uf-pl-6", children: [
55889
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Clock, { className: "uf-w-3 uf-h-3" }),
55890
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { children: "Retrying automatically every 5 seconds..." })
55974
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-1.5 uf-text-xs uf-text-muted-foreground uf-pl-6", children: [
55975
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Clock, { className: "uf-w-3 uf-h-3" }),
55976
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { children: "Retrying automatically every 5 seconds..." })
55891
55977
  ] })
55892
55978
  ] }),
55893
- /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-pt-2", children: [
55894
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: "Intent address" }),
55895
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "uf-shadow-lg", style: { borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: loading || tokensLoading || !initialSelectionDone ? (
55979
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-pt-2", children: [
55980
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: "Intent address" }),
55981
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-shadow-lg", style: { borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: loading || tokensLoading || !initialSelectionDone ? (
55896
55982
  // QR Skeleton - matches QR code appearance
55897
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
55983
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
55898
55984
  "div",
55899
55985
  {
55900
55986
  className: "uf-flex uf-items-center uf-justify-center uf-animate-pulse",
@@ -55904,7 +55990,7 @@ function TransferCryptoDoubleInput({
55904
55990
  background: isDarkMode ? "linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%)" : "linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%)",
55905
55991
  borderRadius: 8
55906
55992
  },
55907
- children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
55993
+ children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
55908
55994
  "div",
55909
55995
  {
55910
55996
  style: {
@@ -55917,7 +56003,7 @@ function TransferCryptoDoubleInput({
55917
56003
  )
55918
56004
  }
55919
56005
  )
55920
- ) : depositAddress ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
56006
+ ) : depositAddress ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
55921
56007
  StyledQRCode,
55922
56008
  {
55923
56009
  value: depositAddress,
@@ -55927,19 +56013,19 @@ function TransferCryptoDoubleInput({
55927
56013
  darkMode: isDarkMode
55928
56014
  },
55929
56015
  `qr-${depositAddress}-${chain}`
55930
- ) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
56016
+ ) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
55931
56017
  "div",
55932
56018
  {
55933
56019
  className: "uf-flex uf-items-center uf-justify-center",
55934
56020
  style: { width: 180, height: 180 },
55935
- children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "uf-text-red-400 uf-text-sm", children: t5.noAddressAvailable })
56021
+ children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-text-red-400 uf-text-sm", children: t5.noAddressAvailable })
55936
56022
  }
55937
56023
  ) })
55938
56024
  ] }),
55939
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uf-text-sm uf-mb-2 uf-flex uf-justify-center uf-items-center uf-gap-1", children: [
56025
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-text-sm uf-mb-2 uf-flex uf-justify-center uf-items-center uf-gap-1", children: [
55940
56026
  loading || tokensLoading || !initialSelectionDone ? (
55941
56027
  // Address skeleton
55942
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
56028
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
55943
56029
  "div",
55944
56030
  {
55945
56031
  className: "uf-h-4 uf-w-32 uf-rounded uf-animate-pulse",
@@ -55948,45 +56034,45 @@ function TransferCryptoDoubleInput({
55948
56034
  }
55949
56035
  }
55950
56036
  )
55951
- ) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "uf-text-sm uf-truncate uf-min-w-0", style: { color: components.card.titleColor }, children: depositAddress ? truncateAddress(depositAddress, 8, 6) : t5.noAddressAvailable }),
55952
- depositAddress && initialSelectionDone && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
56037
+ ) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "uf-text-sm uf-truncate uf-min-w-0", style: { color: components.card.titleColor }, children: depositAddress ? truncateAddress(depositAddress, 8, 6) : t5.noAddressAvailable }),
56038
+ depositAddress && initialSelectionDone && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
55953
56039
  "span",
55954
56040
  {
55955
56041
  onClick: handleCopyAddress,
55956
56042
  className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
55957
56043
  style: { color: copied ? colors2.success : components.card.actionColor },
55958
- children: copied ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Check, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Copy, { className: "uf-w-3.5 uf-h-3.5" })
56044
+ children: copied ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Check, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Copy, { className: "uf-w-3.5 uf-h-3.5" })
55959
56045
  }
55960
56046
  )
55961
56047
  ] }) }),
55962
- /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uf-px-2.5", style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: [
55963
- /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
56048
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-px-2.5", style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: [
56049
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
55964
56050
  "button",
55965
56051
  {
55966
56052
  onClick: () => setDetailsExpanded(!detailsExpanded),
55967
56053
  className: "uf-w-full uf-flex uf-items-center uf-justify-between uf-py-2.5",
55968
56054
  children: [
55969
- /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
55970
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Clock, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
55971
- /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
56055
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
56056
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Clock, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
56057
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
55972
56058
  t5.processingTime.label,
55973
56059
  ":",
55974
56060
  " ",
55975
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: formatProcessingTime2(processingTime) })
56061
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: formatProcessingTime2(processingTime) })
55976
56062
  ] })
55977
56063
  ] }),
55978
- detailsExpanded ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ChevronUp, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } }) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ChevronDown, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } })
56064
+ detailsExpanded ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ChevronUp, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } }) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ChevronDown, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } })
55979
56065
  ]
55980
56066
  }
55981
56067
  ),
55982
- detailsExpanded && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uf-pb-3 uf-space-y-2.5", children: [
55983
- /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
55984
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ShieldCheck, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
55985
- /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
56068
+ detailsExpanded && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-pb-3 uf-space-y-2.5", children: [
56069
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
56070
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ShieldCheck, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
56071
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
55986
56072
  t5.slippage.label,
55987
56073
  ":",
55988
56074
  " ",
55989
- /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
56075
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
55990
56076
  t5.slippage.auto,
55991
56077
  " \u2022 ",
55992
56078
  maxSlippage.toFixed(2),
@@ -55994,38 +56080,38 @@ function TransferCryptoDoubleInput({
55994
56080
  ] })
55995
56081
  ] })
55996
56082
  ] }),
55997
- /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
55998
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(DollarSign, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
55999
- /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
56083
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
56084
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(DollarSign, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
56085
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
56000
56086
  t5.priceImpact.label,
56001
56087
  ":",
56002
56088
  " ",
56003
- /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
56089
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
56004
56090
  priceImpact.toFixed(2),
56005
56091
  "%"
56006
56092
  ] })
56007
56093
  ] })
56008
56094
  ] }),
56009
- /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
56010
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(WalletMinimal, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
56011
- /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { className: "uf-flex uf-gap-2 uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
56095
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
56096
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(WalletMinimal, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
56097
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { className: "uf-flex uf-gap-2 uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
56012
56098
  "Recipient address:",
56013
56099
  " ",
56014
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: truncateAddress(recipientAddress || "", 8, 6) }),
56015
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
56100
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: truncateAddress(recipientAddress || "", 8, 6) }),
56101
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
56016
56102
  "span",
56017
56103
  {
56018
56104
  onClick: () => handleCopyRecipientAddress(recipientAddress),
56019
56105
  className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
56020
56106
  style: { color: copiedRecipient ? colors2.success : components.card.actionColor },
56021
- children: copiedRecipient ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Check, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Copy, { className: "uf-w-3.5 uf-h-3.5" })
56107
+ children: copiedRecipient ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Check, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Copy, { className: "uf-w-3.5 uf-h-3.5" })
56022
56108
  }
56023
56109
  )
56024
56110
  ] })
56025
56111
  ] })
56026
56112
  ] })
56027
56113
  ] }),
56028
- wallets && wallets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
56114
+ wallets && wallets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
56029
56115
  DepositPollingUi,
56030
56116
  {
56031
56117
  depositConfirmationMode,
@@ -56034,29 +56120,29 @@ function TransferCryptoDoubleInput({
56034
56120
  onIveDeposited: handleIveDeposited
56035
56121
  }
56036
56122
  ),
56037
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(DepositFooterLinks, { onGlossaryClick: () => setGlossaryOpen(true) }),
56038
- depositExecutions.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "uf-flex uf-items-center uf-justify-end uf-text-xs uf-pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
56123
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(DepositFooterLinks, { onGlossaryClick: () => setGlossaryOpen(true) }),
56124
+ depositExecutions.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-flex uf-items-center uf-justify-end uf-text-xs uf-pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
56039
56125
  "button",
56040
56126
  {
56041
56127
  onClick: () => setDepositsModalOpen(true),
56042
56128
  className: "uf-flex uf-items-center uf-gap-1 uf-text-muted-foreground hover:uf-text-foreground uf-transition-colors uf-animate-in uf-fade-in uf-slide-in-from-right-8 uf-duration-1000",
56043
56129
  children: [
56044
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Clock, { className: "uf-w-3.5 uf-h-3.5" }),
56130
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Clock, { className: "uf-w-3.5 uf-h-3.5" }),
56045
56131
  "Track deposits (",
56046
56132
  depositExecutions.length,
56047
56133
  ")",
56048
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ChevronRight, { className: "uf-w-3 uf-h-3" })
56134
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ChevronRight, { className: "uf-w-3 uf-h-3" })
56049
56135
  ]
56050
56136
  }
56051
56137
  ) }),
56052
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
56138
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
56053
56139
  DepositPollingToasts,
56054
56140
  {
56055
56141
  executions: depositExecutions,
56056
56142
  isPolling
56057
56143
  }
56058
56144
  ),
56059
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
56145
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
56060
56146
  DepositsModal,
56061
56147
  {
56062
56148
  open: depositsModalOpen,
@@ -56067,7 +56153,7 @@ function TransferCryptoDoubleInput({
56067
56153
  themeClass
56068
56154
  }
56069
56155
  ),
56070
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
56156
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
56071
56157
  GlossaryModal,
56072
56158
  {
56073
56159
  open: glossaryOpen,
@@ -56094,8 +56180,8 @@ function SelectTokenView({
56094
56180
  onClose
56095
56181
  }) {
56096
56182
  const { colors: colors2, fonts, components } = useTheme();
56097
- return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx_runtime60.Fragment, { children: [
56098
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
56183
+ return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_jsx_runtime61.Fragment, { children: [
56184
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
56099
56185
  DepositHeader,
56100
56186
  {
56101
56187
  title: "Select Token",
@@ -56108,20 +56194,20 @@ function SelectTokenView({
56108
56194
  onClose
56109
56195
  }
56110
56196
  ),
56111
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-h-[300px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-space-y-2", children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-flex uf-items-center uf-justify-center uf-py-12", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
56197
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "uf-h-[300px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "uf-space-y-2", children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "uf-flex uf-items-center uf-justify-center uf-py-12", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
56112
56198
  LoaderCircle,
56113
56199
  {
56114
56200
  className: "uf-w-6 uf-h-6 uf-animate-spin",
56115
56201
  style: { color: colors2.foregroundMuted }
56116
56202
  }
56117
- ) }) : error ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-text-center uf-py-8", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
56203
+ ) }) : error ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "uf-text-center uf-py-8", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
56118
56204
  "div",
56119
56205
  {
56120
56206
  className: "uf-text-sm",
56121
56207
  style: { color: colors2.foregroundMuted },
56122
56208
  children: error
56123
56209
  }
56124
- ) }) : balances.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-text-center uf-py-8", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
56210
+ ) }) : balances.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "uf-text-center uf-py-8", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
56125
56211
  "div",
56126
56212
  {
56127
56213
  className: "uf-text-sm",
@@ -56140,7 +56226,7 @@ function SelectTokenView({
56140
56226
  token.symbol
56141
56227
  );
56142
56228
  const formattedUsd = formatUsdAmount(balance.amount_usd);
56143
- return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
56229
+ return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
56144
56230
  "button",
56145
56231
  {
56146
56232
  onClick: () => onTokenSelect(balance),
@@ -56153,9 +56239,9 @@ function SelectTokenView({
56153
56239
  opacity: isEligible ? 1 : 0.5
56154
56240
  },
56155
56241
  children: [
56156
- /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
56157
- /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-relative uf-w-9 uf-h-9", children: [
56158
- getIconUrl2(token.icon_url, assetCdnUrl) ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
56242
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
56243
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "uf-relative uf-w-9 uf-h-9", children: [
56244
+ getIconUrl2(token.icon_url, assetCdnUrl) ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
56159
56245
  "img",
56160
56246
  {
56161
56247
  src: getIconUrl2(token.icon_url, assetCdnUrl),
@@ -56167,12 +56253,12 @@ function SelectTokenView({
56167
56253
  filter: isEligible ? "none" : "grayscale(100%)"
56168
56254
  }
56169
56255
  }
56170
- ) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
56256
+ ) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
56171
56257
  "div",
56172
56258
  {
56173
56259
  className: "uf-w-9 uf-h-9 uf-rounded-full uf-flex uf-items-center uf-justify-center",
56174
56260
  style: { backgroundColor: colors2.card },
56175
- children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
56261
+ children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
56176
56262
  "span",
56177
56263
  {
56178
56264
  className: "uf-text-xs uf-font-medium",
@@ -56182,7 +56268,7 @@ function SelectTokenView({
56182
56268
  )
56183
56269
  }
56184
56270
  ),
56185
- getIconUrl2(token.chain_icon_url, assetCdnUrl) && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
56271
+ getIconUrl2(token.chain_icon_url, assetCdnUrl) && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
56186
56272
  "img",
56187
56273
  {
56188
56274
  src: getIconUrl2(token.chain_icon_url, assetCdnUrl),
@@ -56197,8 +56283,8 @@ function SelectTokenView({
56197
56283
  }
56198
56284
  )
56199
56285
  ] }),
56200
- /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-text-left", children: [
56201
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
56286
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "uf-text-left", children: [
56287
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
56202
56288
  "div",
56203
56289
  {
56204
56290
  className: "uf-text-sm uf-font-medium",
@@ -56209,7 +56295,7 @@ function SelectTokenView({
56209
56295
  children: token.symbol
56210
56296
  }
56211
56297
  ),
56212
- /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
56298
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
56213
56299
  "div",
56214
56300
  {
56215
56301
  className: "uf-text-xs",
@@ -56225,8 +56311,8 @@ function SelectTokenView({
56225
56311
  )
56226
56312
  ] })
56227
56313
  ] }),
56228
- /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-text-right", children: [
56229
- /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
56314
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "uf-text-right", children: [
56315
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
56230
56316
  "div",
56231
56317
  {
56232
56318
  className: "uf-text-sm uf-font-medium",
@@ -56241,7 +56327,7 @@ function SelectTokenView({
56241
56327
  ]
56242
56328
  }
56243
56329
  ),
56244
- formattedUsd && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
56330
+ formattedUsd && /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
56245
56331
  "div",
56246
56332
  {
56247
56333
  className: "uf-text-xs",
@@ -56261,7 +56347,7 @@ function SelectTokenView({
56261
56347
  `${token.chain_id}-${token.token_address}-${index2}`
56262
56348
  );
56263
56349
  }) }) }),
56264
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-pt-4", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
56350
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "uf-pt-4", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
56265
56351
  "button",
56266
56352
  {
56267
56353
  onClick: onContinue,
@@ -56297,8 +56383,8 @@ function EnterAmountView({
56297
56383
  }) {
56298
56384
  const { colors: colors2, fonts, components } = useTheme();
56299
56385
  const balanceSubtitle = selectedBalance?.amount_usd ? `Balance: $${parseFloat(selectedBalance.amount_usd).toLocaleString(void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })} (${formatTokenAmount(selectedBalance.amount, selectedToken.decimals, selectedToken.symbol)} ${selectedToken.symbol})` : `Balance: ${formatTokenAmount(selectedBalance.amount, selectedToken.decimals, selectedToken.symbol)} ${selectedToken.symbol}`;
56300
- return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_jsx_runtime61.Fragment, { children: [
56301
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
56386
+ return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
56387
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
56302
56388
  DepositHeader,
56303
56389
  {
56304
56390
  title: "Enter Amount",
@@ -56308,9 +56394,9 @@ function EnterAmountView({
56308
56394
  onClose
56309
56395
  }
56310
56396
  ),
56311
- /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "uf-text-center uf-py-6", children: [
56312
- /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-center", children: [
56313
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
56397
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "uf-text-center uf-py-6", children: [
56398
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-center", children: [
56399
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
56314
56400
  "span",
56315
56401
  {
56316
56402
  className: "uf-text-2xl uf-mr-1",
@@ -56318,7 +56404,7 @@ function EnterAmountView({
56318
56404
  children: "$"
56319
56405
  }
56320
56406
  ),
56321
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
56407
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
56322
56408
  "input",
56323
56409
  {
56324
56410
  type: "text",
@@ -56346,7 +56432,7 @@ function EnterAmountView({
56346
56432
  }
56347
56433
  )
56348
56434
  ] }),
56349
- formattedTokenAmount && /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
56435
+ formattedTokenAmount && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
56350
56436
  "div",
56351
56437
  {
56352
56438
  className: "uf-text-sm uf-mt-2",
@@ -56358,8 +56444,8 @@ function EnterAmountView({
56358
56444
  }
56359
56445
  )
56360
56446
  ] }),
56361
- /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "uf-flex uf-gap-2 uf-mb-4", children: [
56362
- [25, 50, 100, 500].map((quickAmount) => /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
56447
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "uf-flex uf-gap-2 uf-mb-4", children: [
56448
+ [25, 50, 100, 500].map((quickAmount) => /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
56363
56449
  "button",
56364
56450
  {
56365
56451
  onClick: () => onAmountChange(quickAmount.toString()),
@@ -56376,7 +56462,7 @@ function EnterAmountView({
56376
56462
  },
56377
56463
  quickAmount
56378
56464
  )),
56379
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
56465
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
56380
56466
  "button",
56381
56467
  {
56382
56468
  onClick: onMaxClick,
@@ -56390,7 +56476,7 @@ function EnterAmountView({
56390
56476
  }
56391
56477
  )
56392
56478
  ] }),
56393
- tokenChainDetails && tokenChainDetails.minimum_deposit_amount_usd > 0 && /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
56479
+ tokenChainDetails && tokenChainDetails.minimum_deposit_amount_usd > 0 && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
56394
56480
  "div",
56395
56481
  {
56396
56482
  className: "uf-text-center uf-text-xs uf-mb-3",
@@ -56401,14 +56487,14 @@ function EnterAmountView({
56401
56487
  ]
56402
56488
  }
56403
56489
  ),
56404
- inputUsdNum > 0 && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_jsx_runtime61.Fragment, { children: inputUsdNum > maxUsdAmount ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
56490
+ inputUsdNum > 0 && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_jsx_runtime62.Fragment, { children: inputUsdNum > maxUsdAmount ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
56405
56491
  "div",
56406
56492
  {
56407
56493
  className: "uf-text-center uf-text-sm uf-mb-3",
56408
56494
  style: { color: colors2.error },
56409
56495
  children: "Insufficient balance"
56410
56496
  }
56411
- ) : error && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
56497
+ ) : error && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
56412
56498
  "div",
56413
56499
  {
56414
56500
  className: "uf-text-center uf-text-sm uf-mb-3 uf-px-2",
@@ -56416,7 +56502,7 @@ function EnterAmountView({
56416
56502
  children: error
56417
56503
  }
56418
56504
  ) }),
56419
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
56505
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
56420
56506
  "button",
56421
56507
  {
56422
56508
  onClick: onReview,
@@ -56452,8 +56538,8 @@ function ReviewView({
56452
56538
  onClose
56453
56539
  }) {
56454
56540
  const { colors: colors2, fonts, components } = useTheme();
56455
- return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "uf-flex uf-flex-col uf-min-h-[400px]", children: [
56456
- /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
56541
+ return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-flex uf-flex-col uf-min-h-[400px]", children: [
56542
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
56457
56543
  DepositHeader,
56458
56544
  {
56459
56545
  title: "Review",
@@ -56462,8 +56548,8 @@ function ReviewView({
56462
56548
  onClose
56463
56549
  }
56464
56550
  ),
56465
- /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "uf-text-center", children: [
56466
- /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
56551
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-text-center", children: [
56552
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
56467
56553
  "div",
56468
56554
  {
56469
56555
  className: "uf-text-4xl uf-font-medium",
@@ -56474,7 +56560,7 @@ function ReviewView({
56474
56560
  ]
56475
56561
  }
56476
56562
  ),
56477
- formattedTokenAmount && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
56563
+ formattedTokenAmount && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
56478
56564
  "div",
56479
56565
  {
56480
56566
  className: "uf-text-sm uf-mt-2",
@@ -56486,14 +56572,14 @@ function ReviewView({
56486
56572
  }
56487
56573
  )
56488
56574
  ] }),
56489
- /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
56575
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
56490
56576
  "div",
56491
56577
  {
56492
56578
  className: "uf-p-4 uf-space-y-4 uf-mt-4",
56493
56579
  style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` },
56494
56580
  children: [
56495
- /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "uf-flex uf-justify-between uf-items-center", children: [
56496
- /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
56581
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-flex uf-justify-between uf-items-center", children: [
56582
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
56497
56583
  "span",
56498
56584
  {
56499
56585
  className: "uf-text-sm",
@@ -56501,8 +56587,8 @@ function ReviewView({
56501
56587
  children: "Source"
56502
56588
  }
56503
56589
  ),
56504
- /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
56505
- getIconUrl2(selectedToken.icon_url, assetCdnUrl) && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
56590
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
56591
+ getIconUrl2(selectedToken.icon_url, assetCdnUrl) && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
56506
56592
  "img",
56507
56593
  {
56508
56594
  src: getIconUrl2(selectedToken.icon_url, assetCdnUrl),
@@ -56510,7 +56596,7 @@ function ReviewView({
56510
56596
  className: "uf-w-5 uf-h-5 uf-rounded-full"
56511
56597
  }
56512
56598
  ),
56513
- /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
56599
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
56514
56600
  "span",
56515
56601
  {
56516
56602
  className: "uf-text-sm uf-font-medium",
@@ -56525,8 +56611,8 @@ function ReviewView({
56525
56611
  )
56526
56612
  ] })
56527
56613
  ] }),
56528
- /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "uf-flex uf-justify-between uf-items-center", children: [
56529
- /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
56614
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-flex uf-justify-between uf-items-center", children: [
56615
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
56530
56616
  "span",
56531
56617
  {
56532
56618
  className: "uf-text-sm",
@@ -56534,7 +56620,7 @@ function ReviewView({
56534
56620
  children: "Destination"
56535
56621
  }
56536
56622
  ),
56537
- /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
56623
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
56538
56624
  "span",
56539
56625
  {
56540
56626
  className: "uf-text-sm uf-font-medium",
@@ -56543,13 +56629,13 @@ function ReviewView({
56543
56629
  }
56544
56630
  )
56545
56631
  ] }),
56546
- /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
56632
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
56547
56633
  "button",
56548
56634
  {
56549
56635
  onClick: onToggleDetails,
56550
56636
  className: "uf-w-full uf-flex uf-justify-between uf-items-center uf-transition-colors hover:uf-opacity-80",
56551
56637
  children: [
56552
- /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
56638
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
56553
56639
  "span",
56554
56640
  {
56555
56641
  className: "uf-text-sm",
@@ -56557,8 +56643,8 @@ function ReviewView({
56557
56643
  children: "Estimated time"
56558
56644
  }
56559
56645
  ),
56560
- /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
56561
- /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
56646
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
56647
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
56562
56648
  "span",
56563
56649
  {
56564
56650
  className: "uf-text-sm uf-font-medium",
@@ -56568,13 +56654,13 @@ function ReviewView({
56568
56654
  )
56569
56655
  }
56570
56656
  ),
56571
- showTransactionDetails ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
56657
+ showTransactionDetails ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
56572
56658
  ChevronUp,
56573
56659
  {
56574
56660
  className: "uf-w-4 uf-h-4",
56575
56661
  style: { color: colors2.foregroundMuted }
56576
56662
  }
56577
- ) : /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
56663
+ ) : /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
56578
56664
  ChevronDown,
56579
56665
  {
56580
56666
  className: "uf-w-4 uf-h-4",
@@ -56585,14 +56671,14 @@ function ReviewView({
56585
56671
  ]
56586
56672
  }
56587
56673
  ),
56588
- showTransactionDetails && tokenChainDetails && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
56589
- /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
56674
+ showTransactionDetails && tokenChainDetails && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
56675
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
56590
56676
  "div",
56591
56677
  {
56592
56678
  className: "uf-flex uf-justify-between uf-items-center uf-pt-3 uf-border-t",
56593
56679
  style: { borderColor: colors2.border },
56594
56680
  children: [
56595
- /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
56681
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
56596
56682
  "span",
56597
56683
  {
56598
56684
  className: "uf-text-sm",
@@ -56603,7 +56689,7 @@ function ReviewView({
56603
56689
  children: "Price impact"
56604
56690
  }
56605
56691
  ),
56606
- /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
56692
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
56607
56693
  "span",
56608
56694
  {
56609
56695
  className: "uf-text-sm uf-font-medium",
@@ -56617,8 +56703,8 @@ function ReviewView({
56617
56703
  ]
56618
56704
  }
56619
56705
  ),
56620
- /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "uf-flex uf-justify-between uf-items-center", children: [
56621
- /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
56706
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-flex uf-justify-between uf-items-center", children: [
56707
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
56622
56708
  "span",
56623
56709
  {
56624
56710
  className: "uf-text-sm",
@@ -56629,7 +56715,7 @@ function ReviewView({
56629
56715
  children: "Max slippage"
56630
56716
  }
56631
56717
  ),
56632
- /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
56718
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
56633
56719
  "span",
56634
56720
  {
56635
56721
  className: "uf-text-sm uf-font-medium",
@@ -56645,7 +56731,7 @@ function ReviewView({
56645
56731
  ]
56646
56732
  }
56647
56733
  ),
56648
- error && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
56734
+ error && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
56649
56735
  "div",
56650
56736
  {
56651
56737
  className: "uf-text-center uf-text-sm uf-mt-4 uf-px-2",
@@ -56653,7 +56739,7 @@ function ReviewView({
56653
56739
  children: error
56654
56740
  }
56655
56741
  ),
56656
- /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
56742
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
56657
56743
  "div",
56658
56744
  {
56659
56745
  className: "uf-text-xs uf-text-center uf-mt-4 uf-px-4",
@@ -56664,7 +56750,7 @@ function ReviewView({
56664
56750
  ]
56665
56751
  }
56666
56752
  ),
56667
- /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "uf-pt-4", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
56753
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "uf-pt-4", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
56668
56754
  "button",
56669
56755
  {
56670
56756
  onClick: onConfirm,
@@ -56695,23 +56781,23 @@ function ConfirmingView({
56695
56781
  const visibleExecutions = executions.filter(
56696
56782
  (execution) => !closedExecutionIds.has(execution.id)
56697
56783
  );
56698
- return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-flex uf-flex-col uf-min-h-[400px] uf-relative", children: [
56699
- /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
56784
+ return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "uf-flex uf-flex-col uf-min-h-[400px] uf-relative", children: [
56785
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
56700
56786
  DepositHeader,
56701
56787
  {
56702
56788
  title: isConfirming ? "Confirming..." : "Processing",
56703
56789
  onClose
56704
56790
  }
56705
56791
  ),
56706
- /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-flex-1 uf-py-12", children: isConfirming ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
56707
- /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
56792
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-flex-1 uf-py-12", children: isConfirming ? /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_jsx_runtime64.Fragment, { children: [
56793
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
56708
56794
  LoaderCircle,
56709
56795
  {
56710
56796
  className: "uf-w-12 uf-h-12 uf-animate-spin uf-mb-4",
56711
56797
  style: { color: colors2.primary }
56712
56798
  }
56713
56799
  ),
56714
- /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
56800
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
56715
56801
  "div",
56716
56802
  {
56717
56803
  className: "uf-text-lg uf-font-medium",
@@ -56719,7 +56805,7 @@ function ConfirmingView({
56719
56805
  children: "Waiting for confirmation..."
56720
56806
  }
56721
56807
  ),
56722
- /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
56808
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
56723
56809
  "div",
56724
56810
  {
56725
56811
  className: "uf-text-sm uf-mt-2 uf-text-center uf-px-6",
@@ -56727,15 +56813,15 @@ function ConfirmingView({
56727
56813
  children: "Please confirm the transaction in your wallet"
56728
56814
  }
56729
56815
  )
56730
- ] }) : /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
56731
- /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
56816
+ ] }) : /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_jsx_runtime64.Fragment, { children: [
56817
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
56732
56818
  CircleCheck,
56733
56819
  {
56734
56820
  className: "uf-w-12 uf-h-12 uf-mb-4",
56735
56821
  style: { color: colors2.primary }
56736
56822
  }
56737
56823
  ),
56738
- /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
56824
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
56739
56825
  "div",
56740
56826
  {
56741
56827
  className: "uf-text-lg uf-font-medium",
@@ -56743,7 +56829,7 @@ function ConfirmingView({
56743
56829
  children: "Transaction Submitted"
56744
56830
  }
56745
56831
  ),
56746
- /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
56832
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
56747
56833
  "div",
56748
56834
  {
56749
56835
  className: "uf-text-sm uf-mt-2 uf-text-center uf-px-6",
@@ -56752,7 +56838,7 @@ function ConfirmingView({
56752
56838
  }
56753
56839
  )
56754
56840
  ] }) }),
56755
- visibleExecutions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "uf-absolute uf-bottom-0 uf-left-0 uf-right-0 uf-p-4 uf-flex uf-flex-col uf-gap-2", children: visibleExecutions.map((execution) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
56841
+ visibleExecutions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "uf-absolute uf-bottom-0 uf-left-0 uf-right-0 uf-p-4 uf-flex uf-flex-col uf-gap-2", children: visibleExecutions.map((execution) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
56756
56842
  DepositSuccessToast,
56757
56843
  {
56758
56844
  depositTx: execution.transaction_hash,
@@ -57254,7 +57340,7 @@ function BrowserWalletModal({
57254
57340
  ""
57255
57341
  );
57256
57342
  }, [tokenAmount, selectedToken]);
57257
- return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_jsx_runtime64.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
57343
+ return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_jsx_runtime65.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
57258
57344
  Dialog2,
57259
57345
  {
57260
57346
  open,
@@ -57264,15 +57350,15 @@ function BrowserWalletModal({
57264
57350
  }
57265
57351
  handleClose();
57266
57352
  },
57267
- children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
57353
+ children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
57268
57354
  DialogContent2,
57269
57355
  {
57270
57356
  className: `sm:uf-max-w-[400px] uf-border-secondary uf-text-foreground uf-p-0 uf-gap-0 [&>button]:uf-hidden ${themeClass}`,
57271
57357
  style: { backgroundColor: colors2.background },
57272
57358
  onPointerDownOutside: (e) => e.preventDefault(),
57273
57359
  onInteractOutside: (e) => e.preventDefault(),
57274
- children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(ThemeStyleInjector, { children: [
57275
- step === "select-token" && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
57360
+ children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(ThemeStyleInjector, { children: [
57361
+ step === "select-token" && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
57276
57362
  SelectTokenView,
57277
57363
  {
57278
57364
  projectName,
@@ -57288,7 +57374,7 @@ function BrowserWalletModal({
57288
57374
  onClose: handleFullClose
57289
57375
  }
57290
57376
  ),
57291
- step === "input-amount" && selectedToken && selectedBalance && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
57377
+ step === "input-amount" && selectedToken && selectedBalance && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
57292
57378
  EnterAmountView,
57293
57379
  {
57294
57380
  selectedBalance,
@@ -57307,7 +57393,7 @@ function BrowserWalletModal({
57307
57393
  onClose: handleFullClose
57308
57394
  }
57309
57395
  ),
57310
- step === "review" && selectedToken && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
57396
+ step === "review" && selectedToken && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
57311
57397
  ReviewView,
57312
57398
  {
57313
57399
  walletInfo,
@@ -57327,7 +57413,7 @@ function BrowserWalletModal({
57327
57413
  onClose: handleFullClose
57328
57414
  }
57329
57415
  ),
57330
- step === "confirming" && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
57416
+ step === "confirming" && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
57331
57417
  ConfirmingView,
57332
57418
  {
57333
57419
  isConfirming,
@@ -57418,6 +57504,7 @@ var WALLET_DEFINITIONS = [
57418
57504
  installUrl: "https://glow.app/"
57419
57505
  }
57420
57506
  ];
57507
+ var WALLET_LIST_MAX_HEIGHT_PX = 330;
57421
57508
  function WalletSelectionModal({
57422
57509
  open,
57423
57510
  onOpenChange,
@@ -57426,14 +57513,13 @@ function WalletSelectionModal({
57426
57513
  chainType,
57427
57514
  theme = "dark"
57428
57515
  }) {
57429
- const { colors: colors2, fonts, components, mode } = useTheme();
57516
+ const { colors: colors2, fonts, components } = useTheme();
57430
57517
  const [step, setStep] = React272.useState("select-wallet");
57431
57518
  const [selectedWallet, setSelectedWallet] = React272.useState(null);
57432
57519
  const [connectingNetwork, setConnectingNetwork] = React272.useState(null);
57433
57520
  const [error, setError] = React272.useState(null);
57434
57521
  const [isConnecting, setIsConnecting] = React272.useState(false);
57435
57522
  const themeClass = theme === "dark" ? "uf-dark" : "";
57436
- const iconVariant = mode === "dark" ? "light" : "dark";
57437
57523
  const getProviders = React272.useCallback(() => {
57438
57524
  if (typeof window === "undefined") {
57439
57525
  return {};
@@ -57697,6 +57783,7 @@ function WalletSelectionModal({
57697
57783
  setSelectedWallet(null);
57698
57784
  setConnectingNetwork(null);
57699
57785
  setError(null);
57786
+ setIsConnecting(false);
57700
57787
  } else {
57701
57788
  handleClose();
57702
57789
  }
@@ -57717,15 +57804,15 @@ function WalletSelectionModal({
57717
57804
  return "Connect Wallet";
57718
57805
  }
57719
57806
  };
57720
- return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Dialog2, { open, onOpenChange: handleClose, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
57807
+ return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Dialog2, { open, onOpenChange: handleClose, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
57721
57808
  DialogContent2,
57722
57809
  {
57723
- className: `sm:uf-max-w-[400px] uf-border-secondary uf-text-foreground uf-p-0 uf-gap-0 [&>button]:uf-hidden ${themeClass}`,
57810
+ className: `sm:uf-max-w-[400px] uf-border-secondary uf-text-foreground uf-p-0 uf-gap-0 [&>button]:uf-hidden uf-flex uf-flex-col uf-min-h-0 uf-h-full sm:uf-h-auto ${themeClass}`,
57724
57811
  style: { backgroundColor: colors2.background },
57725
57812
  onPointerDownOutside: (e) => e.preventDefault(),
57726
57813
  onInteractOutside: (e) => e.preventDefault(),
57727
- children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(ThemeStyleInjector, { children: [
57728
- /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
57814
+ children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(ThemeStyleInjector, { className: "uf-flex uf-min-h-0 uf-flex-1 uf-flex-col", children: [
57815
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
57729
57816
  DepositHeader,
57730
57817
  {
57731
57818
  title: getTitle(),
@@ -57734,9 +57821,9 @@ function WalletSelectionModal({
57734
57821
  onClose: handleClose
57735
57822
  }
57736
57823
  ),
57737
- /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "uf-pb-4", children: [
57738
- step === "select-wallet" && /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_jsx_runtime65.Fragment, { children: [
57739
- /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
57824
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-min-h-0 uf-flex-1 uf-flex-col", children: [
57825
+ step === "select-wallet" && /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-shrink-0 uf-flex-col", children: [
57826
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
57740
57827
  "p",
57741
57828
  {
57742
57829
  className: "uf-text-sm uf-text-center uf-pb-4",
@@ -57747,87 +57834,96 @@ function WalletSelectionModal({
57747
57834
  children: chainType ? `Select a ${chainType === "ethereum" ? "Ethereum" : "Solana"} wallet` : "Select a wallet to connect"
57748
57835
  }
57749
57836
  ),
57750
- /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "uf-space-y-2 uf-max-h-[400px] uf-overflow-y-auto [&::-webkit-scrollbar]:uf-hidden [-ms-overflow-style:none] [scrollbar-width:none]", children: availableWallets.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "uf-text-center uf-py-8", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
57751
- "p",
57837
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
57838
+ "div",
57752
57839
  {
57753
- className: "uf-text-sm",
57840
+ className: "uf-shrink-0 uf-space-y-2 uf-overflow-y-auto uf-overflow-x-hidden [&::-webkit-scrollbar]:uf-hidden [-ms-overflow-style:none] [scrollbar-width:none]",
57754
57841
  style: {
57755
- color: colors2.foregroundMuted,
57756
- fontFamily: fonts.regular
57842
+ height: `min(${WALLET_LIST_MAX_HEIGHT_PX}px, 50dvh)`,
57843
+ maxHeight: WALLET_LIST_MAX_HEIGHT_PX
57757
57844
  },
57758
- children: "No wallets available"
57845
+ children: availableWallets.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-text-center uf-py-8", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
57846
+ "p",
57847
+ {
57848
+ className: "uf-text-sm",
57849
+ style: {
57850
+ color: colors2.foregroundMuted,
57851
+ fontFamily: fonts.regular
57852
+ },
57853
+ children: "No wallets available"
57854
+ }
57855
+ ) }) : availableWallets.map((wallet) => /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
57856
+ "button",
57857
+ {
57858
+ onClick: () => handleWalletClick(wallet),
57859
+ disabled: isConnecting,
57860
+ className: "uf-w-full uf-transition-colors uf-p-3 uf-flex uf-items-center uf-justify-between hover:uf-opacity-90 disabled:uf-opacity-50",
57861
+ style: {
57862
+ backgroundColor: components.card.backgroundColor,
57863
+ borderRadius: components.card.borderRadius,
57864
+ border: `${components.card.borderWidth}px solid ${components.card.borderColor}`
57865
+ },
57866
+ children: [
57867
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
57868
+ WALLET_ICONS[wallet.id] ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
57869
+ WalletIconWithNetwork,
57870
+ {
57871
+ WalletIcon: WALLET_ICONS[wallet.id],
57872
+ networks: wallet.networks,
57873
+ size: 40,
57874
+ className: "uf-rounded-lg"
57875
+ }
57876
+ ) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-w-10 uf-h-10 uf-rounded-lg uf-bg-gray-500" }),
57877
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-text-left", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
57878
+ "div",
57879
+ {
57880
+ className: "uf-text-sm uf-font-medium",
57881
+ style: {
57882
+ color: components.card.titleColor,
57883
+ fontFamily: fonts.medium
57884
+ },
57885
+ children: wallet.name
57886
+ }
57887
+ ) })
57888
+ ] }),
57889
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: wallet.isInstalled ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
57890
+ "span",
57891
+ {
57892
+ className: "uf-text-xs uf-px-2 uf-py-1 uf-rounded-full",
57893
+ style: {
57894
+ backgroundColor: colors2.primary + "20",
57895
+ color: colors2.primary,
57896
+ fontFamily: fonts.medium
57897
+ },
57898
+ children: "Detected"
57899
+ }
57900
+ ) : /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-1", children: [
57901
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
57902
+ "span",
57903
+ {
57904
+ className: "uf-text-xs",
57905
+ style: {
57906
+ color: colors2.foregroundMuted,
57907
+ fontFamily: fonts.regular
57908
+ },
57909
+ children: "Install"
57910
+ }
57911
+ ),
57912
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
57913
+ ExternalLink,
57914
+ {
57915
+ className: "uf-w-3 uf-h-3",
57916
+ style: { color: colors2.foregroundMuted }
57917
+ }
57918
+ )
57919
+ ] }) })
57920
+ ]
57921
+ },
57922
+ wallet.id
57923
+ ))
57759
57924
  }
57760
- ) }) : availableWallets.map((wallet) => /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
57761
- "button",
57762
- {
57763
- onClick: () => handleWalletClick(wallet),
57764
- disabled: isConnecting,
57765
- className: "uf-w-full uf-transition-colors uf-p-3 uf-flex uf-items-center uf-justify-between hover:uf-opacity-90 disabled:uf-opacity-50",
57766
- style: {
57767
- backgroundColor: components.card.backgroundColor,
57768
- borderRadius: components.card.borderRadius,
57769
- border: `${components.card.borderWidth}px solid ${components.card.borderColor}`
57770
- },
57771
- children: [
57772
- /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
57773
- WALLET_ICONS[wallet.id] ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
57774
- WalletIconWithNetwork,
57775
- {
57776
- WalletIcon: WALLET_ICONS[wallet.id],
57777
- networks: wallet.networks,
57778
- size: 40,
57779
- className: "uf-rounded-lg",
57780
- variant: iconVariant
57781
- }
57782
- ) : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "uf-w-10 uf-h-10 uf-rounded-lg uf-bg-gray-500" }),
57783
- /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "uf-text-left", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
57784
- "div",
57785
- {
57786
- className: "uf-text-sm uf-font-medium",
57787
- style: {
57788
- color: components.card.titleColor,
57789
- fontFamily: fonts.medium
57790
- },
57791
- children: wallet.name
57792
- }
57793
- ) })
57794
- ] }),
57795
- /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: wallet.isInstalled ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
57796
- "span",
57797
- {
57798
- className: "uf-text-xs uf-px-2 uf-py-1 uf-rounded-full",
57799
- style: {
57800
- backgroundColor: colors2.primary + "20",
57801
- color: colors2.primary,
57802
- fontFamily: fonts.medium
57803
- },
57804
- children: "Detected"
57805
- }
57806
- ) : /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-1", children: [
57807
- /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
57808
- "span",
57809
- {
57810
- className: "uf-text-xs",
57811
- style: {
57812
- color: colors2.foregroundMuted,
57813
- fontFamily: fonts.regular
57814
- },
57815
- children: "Install"
57816
- }
57817
- ),
57818
- /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
57819
- ExternalLink,
57820
- {
57821
- className: "uf-w-3 uf-h-3",
57822
- style: { color: colors2.foregroundMuted }
57823
- }
57824
- )
57825
- ] }) })
57826
- ]
57827
- },
57828
- wallet.id
57829
- )) }),
57830
- error && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
57925
+ ),
57926
+ error && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
57831
57927
  "div",
57832
57928
  {
57833
57929
  className: "uf-text-center uf-text-sm uf-mt-4 uf-px-4",
@@ -57836,19 +57932,18 @@ function WalletSelectionModal({
57836
57932
  }
57837
57933
  )
57838
57934
  ] }),
57839
- step === "select-network" && selectedWallet && /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_jsx_runtime65.Fragment, { children: [
57840
- /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-pb-4", children: [
57841
- /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "uf-mb-2", children: WALLET_ICONS[selectedWallet.id] ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
57935
+ step === "select-network" && selectedWallet && /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-shrink-0 uf-flex-col", children: [
57936
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-pb-4", children: [
57937
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-mb-2", children: WALLET_ICONS[selectedWallet.id] ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
57842
57938
  WalletIconWithNetwork,
57843
57939
  {
57844
57940
  WalletIcon: WALLET_ICONS[selectedWallet.id],
57845
57941
  networks: selectedWallet.networks,
57846
57942
  size: 48,
57847
- className: "uf-rounded-lg",
57848
- variant: iconVariant
57943
+ className: "uf-rounded-lg"
57849
57944
  }
57850
- ) : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "uf-w-12 uf-h-12 uf-rounded-lg uf-bg-gray-500" }) }),
57851
- /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
57945
+ ) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-w-12 uf-h-12 uf-rounded-lg uf-bg-gray-500" }) }),
57946
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
57852
57947
  "p",
57853
57948
  {
57854
57949
  className: "uf-text-sm uf-font-medium",
@@ -57859,7 +57954,7 @@ function WalletSelectionModal({
57859
57954
  children: selectedWallet.name
57860
57955
  }
57861
57956
  ),
57862
- /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
57957
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
57863
57958
  "p",
57864
57959
  {
57865
57960
  className: "uf-text-xs",
@@ -57871,7 +57966,7 @@ function WalletSelectionModal({
57871
57966
  }
57872
57967
  )
57873
57968
  ] }),
57874
- /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "uf-space-y-2", children: selectedWallet.networks.filter((n) => !chainType || n === chainType).map((network) => /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
57969
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-space-y-2", children: selectedWallet.networks.filter((n) => !chainType || n === chainType).map((network) => /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
57875
57970
  "button",
57876
57971
  {
57877
57972
  onClick: () => handleNetworkSelect(network),
@@ -57883,16 +57978,16 @@ function WalletSelectionModal({
57883
57978
  border: `${components.card.borderWidth}px solid ${components.card.borderColor}`
57884
57979
  },
57885
57980
  children: [
57886
- /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
57887
- network === "ethereum" ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
57981
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
57982
+ network === "ethereum" ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
57888
57983
  EthereumIcon,
57889
57984
  {
57890
57985
  size: 36,
57891
57986
  className: "uf-rounded-full"
57892
57987
  }
57893
- ) : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(SolanaIcon, { size: 36, className: "uf-rounded-full" }),
57894
- /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "uf-text-left", children: [
57895
- /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
57988
+ ) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(SolanaIcon, { size: 36, className: "uf-rounded-full" }),
57989
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-text-left", children: [
57990
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
57896
57991
  "div",
57897
57992
  {
57898
57993
  className: "uf-text-sm uf-font-medium uf-capitalize",
@@ -57903,7 +57998,7 @@ function WalletSelectionModal({
57903
57998
  children: network === "ethereum" ? "Ethereum" : "Solana"
57904
57999
  }
57905
58000
  ),
57906
- /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
58001
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
57907
58002
  "div",
57908
58003
  {
57909
58004
  className: "uf-text-xs",
@@ -57916,7 +58011,7 @@ function WalletSelectionModal({
57916
58011
  )
57917
58012
  ] })
57918
58013
  ] }),
57919
- connectingNetwork === network && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
58014
+ connectingNetwork === network && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
57920
58015
  LoaderCircle,
57921
58016
  {
57922
58017
  className: "uf-w-4 uf-h-4 uf-animate-spin",
@@ -57927,7 +58022,7 @@ function WalletSelectionModal({
57927
58022
  },
57928
58023
  network
57929
58024
  )) }),
57930
- error && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
58025
+ error && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
57931
58026
  "div",
57932
58027
  {
57933
58028
  className: "uf-text-center uf-text-sm uf-mt-4 uf-px-4",
@@ -57936,15 +58031,15 @@ function WalletSelectionModal({
57936
58031
  }
57937
58032
  )
57938
58033
  ] }),
57939
- step === "connecting" && /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-8", children: [
57940
- /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
58034
+ step === "connecting" && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-flex uf-min-h-0 uf-flex-1 uf-flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-flex-1 uf-flex-col uf-items-center uf-justify-center uf-py-8", children: [
58035
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
57941
58036
  LoaderCircle,
57942
58037
  {
57943
58038
  className: "uf-w-12 uf-h-12 uf-animate-spin uf-mb-4",
57944
58039
  style: { color: colors2.primary }
57945
58040
  }
57946
58041
  ),
57947
- /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
58042
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
57948
58043
  "div",
57949
58044
  {
57950
58045
  className: "uf-text-lg uf-font-medium",
@@ -57956,7 +58051,7 @@ function WalletSelectionModal({
57956
58051
  ]
57957
58052
  }
57958
58053
  ),
57959
- /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
58054
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
57960
58055
  "div",
57961
58056
  {
57962
58057
  className: "uf-text-sm uf-mt-2",
@@ -57964,7 +58059,22 @@ function WalletSelectionModal({
57964
58059
  children: connectingNetwork === "solana" ? "Please approve the connection in your Solana wallet" : "Please approve the connection in your wallet"
57965
58060
  }
57966
58061
  )
57967
- ] })
58062
+ ] }) }),
58063
+ step !== "connecting" && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-min-h-0 uf-flex-1", "aria-hidden": true }),
58064
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
58065
+ "div",
58066
+ {
58067
+ className: "uf-shrink-0 uf-pt-3 uf-pb-4",
58068
+ style: { backgroundColor: colors2.background },
58069
+ children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
58070
+ PoweredByUnifold,
58071
+ {
58072
+ color: colors2.foregroundMuted,
58073
+ className: "uf-flex uf-justify-center uf-shrink-0"
58074
+ }
58075
+ )
58076
+ }
58077
+ )
57968
58078
  ] })
57969
58079
  ] })
57970
58080
  }
@@ -57973,23 +58083,23 @@ function WalletSelectionModal({
57973
58083
  function SkeletonButton({
57974
58084
  variant = "default"
57975
58085
  }) {
57976
- return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-w-full uf-bg-secondary uf-rounded-xl uf-p-3 uf-flex uf-items-center uf-justify-between uf-animate-pulse", children: [
57977
- /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
57978
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-bg-muted uf-rounded-lg uf-w-9 uf-h-9" }),
57979
- /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-space-y-1.5", children: [
57980
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-h-3.5 uf-w-24 uf-bg-muted uf-rounded" }),
57981
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-h-3 uf-w-32 uf-bg-muted uf-rounded" })
58086
+ return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "uf-w-full uf-bg-secondary uf-rounded-xl uf-p-3 uf-flex uf-items-center uf-justify-between uf-animate-pulse", children: [
58087
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
58088
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "uf-bg-muted uf-rounded-lg uf-w-9 uf-h-9" }),
58089
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "uf-space-y-1.5", children: [
58090
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "uf-h-3.5 uf-w-24 uf-bg-muted uf-rounded" }),
58091
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "uf-h-3 uf-w-32 uf-bg-muted uf-rounded" })
57982
58092
  ] })
57983
58093
  ] }),
57984
- /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
57985
- variant === "with-icons" && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-flex uf--space-x-1", children: [1, 2, 3].map((i) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
58094
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
58095
+ variant === "with-icons" && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "uf-flex uf--space-x-1", children: [1, 2, 3].map((i) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
57986
58096
  "div",
57987
58097
  {
57988
58098
  className: "uf-w-5 uf-h-5 uf-rounded-full uf-bg-muted uf-border-2 uf-border-secondary"
57989
58099
  },
57990
58100
  i
57991
58101
  )) }),
57992
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ChevronRight, { className: "uf-w-4 uf-h-4 uf-text-muted" })
58102
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ChevronRight, { className: "uf-w-4 uf-h-4 uf-text-muted" })
57993
58103
  ] })
57994
58104
  ] });
57995
58105
  }
@@ -58011,11 +58121,18 @@ function DepositModal({
58011
58121
  depositConfirmationMode = "auto_ui",
58012
58122
  enableConnectWallet = false,
58013
58123
  enablePayWithExchange,
58124
+ hideDepositFlowInfo = false,
58125
+ hideDisplayDescription = false,
58014
58126
  onDepositSuccess,
58015
58127
  onDepositError,
58016
58128
  theme = "dark",
58017
58129
  hideOverlay = false,
58018
- initialScreen = "main"
58130
+ initialScreen = "main",
58131
+ transferCryptoTitle = t6.transferCrypto.title,
58132
+ depositWithCardTitle = t6.depositWithCard.title,
58133
+ payWithExchangeTitle = t6.payWithExchange.title,
58134
+ depositTrackerTitle = t6.depositTracker.title,
58135
+ depositTrackerSubTitle = t6.depositTracker.subtitle
58019
58136
  }) {
58020
58137
  const { colors: colors2, fonts, components } = useTheme();
58021
58138
  const effectiveInitialScreen = (0, import_react3.useMemo)(() => {
@@ -58155,28 +58272,28 @@ function DepositModal({
58155
58272
  const standaloneNeedsDepositPrereq = openingScreen !== "main" && (view === "transfer" || view === "card");
58156
58273
  let depositPrerequisiteBody;
58157
58274
  if (isCountryLoading || isAddressValidationLoading || tokensLoading || walletsLoading || !projectConfig) {
58158
- depositPrerequisiteBody = standaloneNeedsDepositPrereq ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(SkeletonButton, { variant: "with-icons" }) : /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_jsx_runtime66.Fragment, { children: [
58159
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(SkeletonButton, { variant: "with-icons" }),
58160
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(SkeletonButton, { variant: "with-icons" }),
58161
- !hideDepositTracker && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(SkeletonButton, {})
58275
+ depositPrerequisiteBody = standaloneNeedsDepositPrereq ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(SkeletonButton, { variant: "with-icons" }) : /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
58276
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(SkeletonButton, { variant: "with-icons" }),
58277
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(SkeletonButton, { variant: "with-icons" }),
58278
+ !hideDepositTracker && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(SkeletonButton, {})
58162
58279
  ] });
58163
58280
  } else if (countryError) {
58164
- depositPrerequisiteBody = /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-8 uf-px-4 uf-text-center", children: [
58165
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-w-16 uf-h-16 uf-rounded-full uf-bg-muted uf-flex uf-items-center uf-justify-center uf-mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(TriangleAlert, { className: "uf-w-8 uf-h-8 uf-text-muted-foreground" }) }),
58166
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("h3", { className: "uf-text-lg uf-font-semibold uf-text-foreground uf-mb-2", children: "Unable to Verify Location" }),
58167
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { className: "uf-text-sm uf-text-muted-foreground uf-max-w-[280px]", children: "We couldn't verify your location. Please check your connection and try again." })
58281
+ depositPrerequisiteBody = /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-8 uf-px-4 uf-text-center", children: [
58282
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "uf-w-16 uf-h-16 uf-rounded-full uf-bg-muted uf-flex uf-items-center uf-justify-center uf-mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(TriangleAlert, { className: "uf-w-8 uf-h-8 uf-text-muted-foreground" }) }),
58283
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("h3", { className: "uf-text-lg uf-font-semibold uf-text-foreground uf-mb-2", children: "Unable to Verify Location" }),
58284
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("p", { className: "uf-text-sm uf-text-muted-foreground uf-max-w-[280px]", children: "We couldn't verify your location. Please check your connection and try again." })
58168
58285
  ] });
58169
58286
  } else if (!isAllowed) {
58170
- depositPrerequisiteBody = /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-8 uf-px-4 uf-text-center", children: [
58171
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-w-16 uf-h-16 uf-rounded-full uf-bg-muted uf-flex uf-items-center uf-justify-center uf-mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(MapPinOff, { className: "uf-w-8 uf-h-8 uf-text-muted-foreground" }) }),
58172
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("h3", { className: "uf-text-lg uf-font-semibold uf-text-foreground uf-mb-2", children: "No Tokens Available" }),
58173
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { className: "uf-text-sm uf-text-muted-foreground uf-max-w-[280px]", children: "There are no supported tokens available from your current location." })
58287
+ depositPrerequisiteBody = /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-8 uf-px-4 uf-text-center", children: [
58288
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "uf-w-16 uf-h-16 uf-rounded-full uf-bg-muted uf-flex uf-items-center uf-justify-center uf-mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(MapPinOff, { className: "uf-w-8 uf-h-8 uf-text-muted-foreground" }) }),
58289
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("h3", { className: "uf-text-lg uf-font-semibold uf-text-foreground uf-mb-2", children: "No Tokens Available" }),
58290
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("p", { className: "uf-text-sm uf-text-muted-foreground uf-max-w-[280px]", children: "There are no supported tokens available from your current location." })
58174
58291
  ] });
58175
58292
  } else if (isAddressValid === false) {
58176
- depositPrerequisiteBody = /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-8 uf-px-4 uf-text-center", children: [
58177
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-w-16 uf-h-16 uf-rounded-full uf-bg-muted uf-flex uf-items-center uf-justify-center uf-mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(TriangleAlert, { className: "uf-w-8 uf-h-8 uf-text-muted-foreground" }) }),
58178
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("h3", { className: "uf-text-lg uf-font-semibold uf-text-foreground uf-mb-2", children: addressValidationMessages.unableToReceiveFunds }),
58179
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { className: "uf-text-sm uf-text-muted-foreground uf-max-w-[280px]", children: getAddressValidationErrorMessage(
58293
+ depositPrerequisiteBody = /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-8 uf-px-4 uf-text-center", children: [
58294
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "uf-w-16 uf-h-16 uf-rounded-full uf-bg-muted uf-flex uf-items-center uf-justify-center uf-mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(TriangleAlert, { className: "uf-w-8 uf-h-8 uf-text-muted-foreground" }) }),
58295
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("h3", { className: "uf-text-lg uf-font-semibold uf-text-foreground uf-mb-2", children: addressValidationMessages.unableToReceiveFunds }),
58296
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("p", { className: "uf-text-sm uf-text-muted-foreground uf-max-w-[280px]", children: getAddressValidationErrorMessage(
58180
58297
  addressFailureCode,
58181
58298
  addressFailureMetadata
58182
58299
  ) })
@@ -58308,14 +58425,21 @@ function DepositModal({
58308
58425
  setWalletSelectionModalOpen(false);
58309
58426
  setBrowserWalletModalOpen(true);
58310
58427
  };
58311
- return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(PortalContainerProvider, { value: hideOverlay ? containerEl : null, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
58428
+ const depositPoweredByFooter = /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "uf-pt-3", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
58429
+ PoweredByUnifold,
58430
+ {
58431
+ color: colors2.foregroundMuted,
58432
+ className: "uf-flex uf-justify-center uf-shrink-0"
58433
+ }
58434
+ ) });
58435
+ return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(PortalContainerProvider, { value: hideOverlay ? containerEl : null, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
58312
58436
  Dialog2,
58313
58437
  {
58314
58438
  open: hideOverlay || open,
58315
58439
  onOpenChange: hideOverlay ? void 0 : handleClose,
58316
58440
  modal: !hideOverlay,
58317
58441
  children: [
58318
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
58442
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
58319
58443
  DialogContent2,
58320
58444
  {
58321
58445
  ref: hideOverlay ? containerCallbackRef : void 0,
@@ -58324,8 +58448,8 @@ function DepositModal({
58324
58448
  style: { backgroundColor: colors2.background },
58325
58449
  onPointerDownOutside: (e) => e.preventDefault(),
58326
58450
  onInteractOutside: (e) => e.preventDefault(),
58327
- children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ThemeStyleInjector, { children: view === "main" ? /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_jsx_runtime66.Fragment, { children: [
58328
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
58451
+ children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ThemeStyleInjector, { children: view === "main" ? /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
58452
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
58329
58453
  DepositHeader,
58330
58454
  {
58331
58455
  title: modalTitle || "Deposit",
@@ -58340,63 +58464,66 @@ function DepositModal({
58340
58464
  publishableKey
58341
58465
  }
58342
58466
  ),
58343
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-pb-4 uf-space-y-3", children: depositPrerequisiteBody ?? /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_jsx_runtime66.Fragment, { children: [
58344
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
58345
- TransferCryptoButton,
58346
- {
58347
- onClick: () => setView("transfer"),
58348
- title: t6.transferCrypto.title,
58349
- subtitle: t6.transferCrypto.subtitle,
58350
- featuredTokens: projectConfig?.transfer_crypto.networks
58351
- }
58352
- ),
58353
- enableConnectWallet && !isMobileView && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
58354
- BrowserWalletButton,
58355
- {
58356
- onClick: handleBrowserWalletClick,
58357
- onConnectClick: handleWalletConnectClick,
58358
- onDisconnect: handleWalletDisconnect,
58359
- chainType: browserWalletChainType,
58360
- publishableKey
58361
- }
58362
- ),
58363
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
58364
- DepositWithCardButton,
58365
- {
58366
- onClick: () => setView("card"),
58367
- title: t6.depositWithCard.title,
58368
- subtitle: t6.depositWithCard.subtitle,
58369
- paymentNetworks: projectConfig?.payment_networks.networks
58370
- }
58371
- ),
58372
- showPayWithExchange && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
58373
- PayWithExchangeButton,
58374
- {
58375
- onClick: () => setView("exchange"),
58376
- title: t6.payWithExchange.title,
58377
- subtitle: t6.payWithExchange.subtitle,
58378
- exchanges,
58379
- loading: exchangesLoading
58380
- }
58381
- ),
58382
- !hideDepositTracker && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
58383
- DepositTrackerButton,
58384
- {
58385
- onClick: () => {
58386
- setAllExecutions(depositExecutions);
58387
- setView("tracker");
58388
- },
58389
- title: "Deposit Tracker",
58390
- subtitle: "Track your deposit progress",
58391
- badge: depositExecutions.length > 0 ? depositExecutions.length : void 0
58392
- }
58393
- )
58394
- ] }) })
58395
- ] }) : view === "transfer" ? /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_jsx_runtime66.Fragment, { children: [
58396
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
58467
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
58468
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "uf-space-y-3", children: depositPrerequisiteBody ?? /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
58469
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
58470
+ TransferCryptoButton,
58471
+ {
58472
+ onClick: () => setView("transfer"),
58473
+ title: transferCryptoTitle,
58474
+ subtitle: t6.transferCrypto.subtitle,
58475
+ featuredTokens: projectConfig?.transfer_crypto.networks
58476
+ }
58477
+ ),
58478
+ enableConnectWallet && !isMobileView && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
58479
+ BrowserWalletButton,
58480
+ {
58481
+ onClick: handleBrowserWalletClick,
58482
+ onConnectClick: handleWalletConnectClick,
58483
+ onDisconnect: handleWalletDisconnect,
58484
+ chainType: browserWalletChainType,
58485
+ publishableKey
58486
+ }
58487
+ ),
58488
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
58489
+ DepositWithCardButton,
58490
+ {
58491
+ onClick: () => setView("card"),
58492
+ title: depositWithCardTitle,
58493
+ subtitle: t6.depositWithCard.subtitle,
58494
+ paymentNetworks: projectConfig?.payment_networks.networks
58495
+ }
58496
+ ),
58497
+ showPayWithExchange && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
58498
+ PayWithExchangeButton,
58499
+ {
58500
+ onClick: () => setView("exchange"),
58501
+ title: payWithExchangeTitle,
58502
+ subtitle: t6.payWithExchange.subtitle,
58503
+ exchanges,
58504
+ loading: exchangesLoading
58505
+ }
58506
+ ),
58507
+ !hideDepositTracker && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
58508
+ DepositTrackerButton,
58509
+ {
58510
+ onClick: () => {
58511
+ setAllExecutions(depositExecutions);
58512
+ setView("tracker");
58513
+ },
58514
+ title: depositTrackerTitle,
58515
+ subtitle: depositTrackerSubTitle,
58516
+ badge: depositExecutions.length > 0 ? depositExecutions.length : void 0
58517
+ }
58518
+ )
58519
+ ] }) }),
58520
+ depositPoweredByFooter
58521
+ ] })
58522
+ ] }) : view === "transfer" ? /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
58523
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
58397
58524
  DepositHeader,
58398
58525
  {
58399
- title: t6.transferCrypto.title,
58526
+ title: transferCryptoTitle,
58400
58527
  showBack: showBackTransfer,
58401
58528
  onBack: handleBack,
58402
58529
  onClose: handleClose,
@@ -58409,67 +58536,73 @@ function DepositModal({
58409
58536
  publishableKey
58410
58537
  }
58411
58538
  ),
58412
- standaloneNeedsDepositPrereq && depositPrerequisiteBody !== null ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-pb-4 uf-space-y-3", children: depositPrerequisiteBody }) : transferInputVariant === "single_input" ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
58413
- TransferCryptoSingleInput,
58414
- {
58415
- userId,
58416
- publishableKey,
58417
- recipientAddress,
58418
- destinationChainType,
58419
- destinationChainId,
58420
- destinationTokenAddress,
58421
- depositConfirmationMode,
58422
- onExecutionsChange: setDepositExecutions,
58423
- onDepositSuccess,
58424
- onDepositError,
58425
- wallets
58426
- }
58427
- ) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
58428
- TransferCryptoDoubleInput,
58429
- {
58430
- userId,
58431
- publishableKey,
58432
- recipientAddress,
58433
- destinationChainType,
58434
- destinationChainId,
58435
- destinationTokenAddress,
58436
- depositConfirmationMode,
58437
- onExecutionsChange: setDepositExecutions,
58438
- onDepositSuccess,
58439
- onDepositError,
58440
- wallets
58441
- }
58442
- )
58443
- ] }) : view === "tracker" ? /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_jsx_runtime66.Fragment, { children: [
58444
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
58539
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
58540
+ standaloneNeedsDepositPrereq && depositPrerequisiteBody !== null ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "uf-pb-4 uf-space-y-3", children: depositPrerequisiteBody }) : transferInputVariant === "single_input" ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
58541
+ TransferCryptoSingleInput,
58542
+ {
58543
+ userId,
58544
+ publishableKey,
58545
+ recipientAddress,
58546
+ destinationChainType,
58547
+ destinationChainId,
58548
+ destinationTokenAddress,
58549
+ depositConfirmationMode,
58550
+ onExecutionsChange: setDepositExecutions,
58551
+ onDepositSuccess,
58552
+ onDepositError,
58553
+ wallets
58554
+ }
58555
+ ) : /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
58556
+ TransferCryptoDoubleInput,
58557
+ {
58558
+ userId,
58559
+ publishableKey,
58560
+ recipientAddress,
58561
+ destinationChainType,
58562
+ destinationChainId,
58563
+ destinationTokenAddress,
58564
+ depositConfirmationMode,
58565
+ onExecutionsChange: setDepositExecutions,
58566
+ onDepositSuccess,
58567
+ onDepositError,
58568
+ wallets
58569
+ }
58570
+ ),
58571
+ depositPoweredByFooter
58572
+ ] })
58573
+ ] }) : view === "tracker" ? /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
58574
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
58445
58575
  DepositHeader,
58446
58576
  {
58447
- title: selectedExecution ? "Deposit Details" : "Deposit Tracker",
58577
+ title: selectedExecution ? "Deposit Details" : depositTrackerTitle,
58448
58578
  showBack: showBackTracker,
58449
58579
  onBack: handleBack,
58450
58580
  onClose: handleClose
58451
58581
  }
58452
58582
  ),
58453
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-h-[460px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: selectedExecution ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(DepositDetailContent, { execution: selectedExecution }) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-space-y-2 uf-pb-8", children: allExecutions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-py-8 uf-px-4 uf-text-center", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
58454
- "div",
58455
- {
58456
- className: "uf-text-sm",
58457
- style: { color: components.container.subtitleColor, fontFamily: fonts.regular },
58458
- children: "No deposits yet"
58459
- }
58460
- ) }) : allExecutions.map((execution) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
58461
- DepositExecutionItem,
58462
- {
58463
- execution,
58464
- onClick: () => setSelectedExecution(execution)
58465
- },
58466
- execution.id
58467
- )) }) })
58468
- ] }) : view === "card" ? /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_jsx_runtime66.Fragment, { children: [
58469
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
58583
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
58584
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "uf-h-[460px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: selectedExecution ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(DepositDetailContent, { execution: selectedExecution }) : /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "uf-space-y-2 uf-pb-8", children: allExecutions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "uf-py-8 uf-px-4 uf-text-center", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
58585
+ "div",
58586
+ {
58587
+ className: "uf-text-sm",
58588
+ style: { color: components.container.subtitleColor, fontFamily: fonts.regular },
58589
+ children: "No deposits yet"
58590
+ }
58591
+ ) }) : allExecutions.map((execution) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
58592
+ DepositExecutionItem,
58593
+ {
58594
+ execution,
58595
+ onClick: () => setSelectedExecution(execution)
58596
+ },
58597
+ execution.id
58598
+ )) }) }),
58599
+ depositPoweredByFooter
58600
+ ] })
58601
+ ] }) : view === "card" ? /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
58602
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
58470
58603
  DepositHeader,
58471
58604
  {
58472
- title: cardView === "quotes" ? t6.quotes : t6.depositWithCard.title,
58605
+ title: cardView === "quotes" ? t6.quotes : depositWithCardTitle,
58473
58606
  showBack: showBackCard,
58474
58607
  onBack: handleBack,
58475
58608
  onClose: handleClose,
@@ -58483,58 +58616,66 @@ function DepositModal({
58483
58616
  publishableKey
58484
58617
  }
58485
58618
  ),
58486
- standaloneNeedsDepositPrereq && depositPrerequisiteBody !== null ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-pb-4 uf-space-y-3", children: depositPrerequisiteBody }) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
58487
- BuyWithCard,
58488
- {
58489
- userId,
58490
- publishableKey,
58491
- view: cardView,
58492
- onViewChange: handleCardViewChange,
58493
- destinationTokenSymbol,
58494
- recipientAddress,
58495
- destinationChainType,
58496
- destinationChainId,
58497
- destinationTokenAddress,
58498
- onDepositSuccess,
58499
- onDepositError,
58500
- themeClass,
58501
- wallets,
58502
- assetCdnUrl: projectConfig?.asset_cdn_url
58503
- }
58504
- )
58505
- ] }) : view === "exchange" ? /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_jsx_runtime66.Fragment, { children: [
58506
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
58619
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
58620
+ standaloneNeedsDepositPrereq && depositPrerequisiteBody !== null ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "uf-pb-4 uf-space-y-3", children: depositPrerequisiteBody }) : /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
58621
+ BuyWithCard,
58622
+ {
58623
+ userId,
58624
+ publishableKey,
58625
+ view: cardView,
58626
+ onViewChange: handleCardViewChange,
58627
+ destinationTokenSymbol,
58628
+ recipientAddress,
58629
+ destinationChainType,
58630
+ destinationChainId,
58631
+ destinationTokenAddress,
58632
+ onDepositSuccess,
58633
+ onDepositError,
58634
+ themeClass,
58635
+ wallets,
58636
+ assetCdnUrl: projectConfig?.asset_cdn_url,
58637
+ hideDepositFlowInfo,
58638
+ hideDisplayDescription
58639
+ }
58640
+ ),
58641
+ depositPoweredByFooter
58642
+ ] })
58643
+ ] }) : view === "exchange" ? /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
58644
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
58507
58645
  DepositHeader,
58508
58646
  {
58509
- title: t6.payWithExchange.title,
58647
+ title: payWithExchangeTitle,
58510
58648
  showBack: true,
58511
58649
  onBack: handleBack,
58512
58650
  onClose: handleClose
58513
58651
  }
58514
58652
  ),
58515
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
58516
- PayWithExchange,
58517
- {
58518
- userId,
58519
- publishableKey,
58520
- exchanges,
58521
- view: exchangeView,
58522
- onViewChange: setExchangeView,
58523
- destinationTokenSymbol,
58524
- recipientAddress,
58525
- destinationChainType,
58526
- destinationChainId,
58527
- destinationTokenAddress,
58528
- onDepositSuccess,
58529
- onDepositError,
58530
- wallets,
58531
- defaultToken: defaultToken ?? null
58532
- }
58533
- )
58653
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
58654
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
58655
+ PayWithExchange,
58656
+ {
58657
+ userId,
58658
+ publishableKey,
58659
+ exchanges,
58660
+ view: exchangeView,
58661
+ onViewChange: setExchangeView,
58662
+ destinationTokenSymbol,
58663
+ recipientAddress,
58664
+ destinationChainType,
58665
+ destinationChainId,
58666
+ destinationTokenAddress,
58667
+ onDepositSuccess,
58668
+ onDepositError,
58669
+ wallets,
58670
+ defaultToken: defaultToken ?? null
58671
+ }
58672
+ ),
58673
+ depositPoweredByFooter
58674
+ ] })
58534
58675
  ] }) : null })
58535
58676
  }
58536
58677
  ),
58537
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
58678
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
58538
58679
  WalletSelectionModal,
58539
58680
  {
58540
58681
  open: walletSelectionModalOpen,
@@ -58544,7 +58685,7 @@ function DepositModal({
58544
58685
  theme: resolvedTheme
58545
58686
  }
58546
58687
  ),
58547
- browserWalletInfo && browserWalletInfo.depositWallet && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
58688
+ browserWalletInfo && browserWalletInfo.depositWallet && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
58548
58689
  BrowserWalletModal,
58549
58690
  {
58550
58691
  open: browserWalletModalOpen,
@@ -58621,7 +58762,7 @@ var Button = React282.forwardRef(
58621
58762
  }
58622
58763
  return baseStyle;
58623
58764
  }, [variant, components, fonts, style]);
58624
- return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
58765
+ return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
58625
58766
  Comp,
58626
58767
  {
58627
58768
  className: cn(buttonVariants({ variant, size: size4, className })),
@@ -58741,7 +58882,7 @@ function UnifoldProvider2({
58741
58882
  }),
58742
58883
  [beginDeposit, closeDeposit, handleDepositSuccess, handleDepositError]
58743
58884
  );
58744
- return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(UnifoldProvider, { publishableKey, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ConnectContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
58885
+ return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(UnifoldProvider, { publishableKey, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(ConnectContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
58745
58886
  ThemeProvider,
58746
58887
  {
58747
58888
  mode: resolvedTheme,
@@ -58752,7 +58893,7 @@ function UnifoldProvider2({
58752
58893
  components: config?.components,
58753
58894
  children: [
58754
58895
  children,
58755
- depositConfig && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
58896
+ depositConfig && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
58756
58897
  DepositModal,
58757
58898
  {
58758
58899
  open: isOpen,
@@ -58774,7 +58915,14 @@ function UnifoldProvider2({
58774
58915
  onDepositSuccess: handleDepositSuccess,
58775
58916
  onDepositError: handleDepositError,
58776
58917
  theme: resolvedTheme,
58777
- initialScreen: depositConfig.initialScreen ?? config?.defaultInitialScreen
58918
+ initialScreen: depositConfig.initialScreen ?? config?.defaultInitialScreen,
58919
+ transferCryptoTitle: config?.transferCryptoTitle,
58920
+ depositWithCardTitle: config?.depositWithCardTitle,
58921
+ payWithExchangeTitle: config?.payWithExchangeTitle,
58922
+ depositTrackerTitle: config?.depositTrackerTitle,
58923
+ depositTrackerSubTitle: config?.depositTrackerSubTitle,
58924
+ hideDepositFlowInfo: config?.hideDepositFlowInfo,
58925
+ hideDisplayDescription: config?.hideDisplayDescription
58778
58926
  }
58779
58927
  )
58780
58928
  ]