@unifold/ui-web 0.1.36 → 0.1.37
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.js +858 -732
- package/dist/index.mjs +858 -732
- package/dist/styles-base.css +1 -1
- package/dist/styles.css +1 -1
- package/package.json +5 -5
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
|
|
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
|
|
37192
|
+
var import_react24 = __toESM(require_react(), 1);
|
|
37194
37193
|
var import_jsx_runtime56 = __toESM(require_jsx_runtime(), 1);
|
|
37195
|
-
var
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
46065
|
-
/* @__PURE__ */ (0,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
46974
|
-
/* @__PURE__ */ (0,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
47181
|
-
/* @__PURE__ */ (0,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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;
|
|
@@ -53275,8 +53276,9 @@ function WalletIconWithNetwork({
|
|
|
53275
53276
|
const hasEthereum = networks.includes("ethereum");
|
|
53276
53277
|
const hasSolana = networks.includes("solana");
|
|
53277
53278
|
const hasMultiple = hasEthereum && hasSolana;
|
|
53278
|
-
const
|
|
53279
|
-
const
|
|
53279
|
+
const badgeOutset = 4;
|
|
53280
|
+
const badgeSize = Math.round(size4 * 0.5);
|
|
53281
|
+
const iconSize = Math.round(badgeSize * 0.76);
|
|
53280
53282
|
return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
|
|
53281
53283
|
"div",
|
|
53282
53284
|
{
|
|
@@ -53286,39 +53288,46 @@ function WalletIconWithNetwork({
|
|
|
53286
53288
|
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(WalletIcon, { size: size4, className, variant }),
|
|
53287
53289
|
hasMultiple ? (
|
|
53288
53290
|
// Multiple networks: overlapping badges
|
|
53289
|
-
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
|
|
53290
|
-
|
|
53291
|
-
|
|
53292
|
-
|
|
53293
|
-
|
|
53294
|
-
|
|
53295
|
-
|
|
53296
|
-
|
|
53297
|
-
|
|
53298
|
-
|
|
53299
|
-
|
|
53300
|
-
|
|
53301
|
-
|
|
53302
|
-
|
|
53303
|
-
|
|
53304
|
-
|
|
53305
|
-
|
|
53306
|
-
|
|
53307
|
-
|
|
53308
|
-
|
|
53309
|
-
|
|
53310
|
-
|
|
53311
|
-
|
|
53312
|
-
|
|
53313
|
-
|
|
53314
|
-
|
|
53315
|
-
|
|
53316
|
-
|
|
53317
|
-
|
|
53318
|
-
|
|
53319
|
-
|
|
53320
|
-
|
|
53321
|
-
|
|
53291
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
|
|
53292
|
+
"div",
|
|
53293
|
+
{
|
|
53294
|
+
className: "uf-absolute",
|
|
53295
|
+
style: { bottom: -2, right: -badgeOutset },
|
|
53296
|
+
children: [
|
|
53297
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
53298
|
+
"div",
|
|
53299
|
+
{
|
|
53300
|
+
className: "uf-absolute uf-rounded-full uf-flex uf-items-center uf-justify-center",
|
|
53301
|
+
style: {
|
|
53302
|
+
width: badgeSize,
|
|
53303
|
+
height: badgeSize,
|
|
53304
|
+
backgroundColor: "#000",
|
|
53305
|
+
border: "2px solid #fff",
|
|
53306
|
+
// Rear badge sits left of the front; +1px on offset shows slightly more of the rear network
|
|
53307
|
+
right: Math.round(badgeSize * 0.5) + 1,
|
|
53308
|
+
bottom: 0
|
|
53309
|
+
},
|
|
53310
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SolanaIcon, { size: iconSize, variant: "color" })
|
|
53311
|
+
}
|
|
53312
|
+
),
|
|
53313
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
53314
|
+
"div",
|
|
53315
|
+
{
|
|
53316
|
+
className: "uf-absolute uf-rounded-full uf-flex uf-items-center uf-justify-center",
|
|
53317
|
+
style: {
|
|
53318
|
+
width: badgeSize,
|
|
53319
|
+
height: badgeSize,
|
|
53320
|
+
backgroundColor: "#627EEA",
|
|
53321
|
+
border: "2px solid #fff",
|
|
53322
|
+
right: 0,
|
|
53323
|
+
bottom: 0
|
|
53324
|
+
},
|
|
53325
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(EthereumIcon, { size: iconSize, variant: "light" })
|
|
53326
|
+
}
|
|
53327
|
+
)
|
|
53328
|
+
]
|
|
53329
|
+
}
|
|
53330
|
+
)
|
|
53322
53331
|
) : (
|
|
53323
53332
|
// Single network
|
|
53324
53333
|
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
|
|
@@ -53327,7 +53336,7 @@ function WalletIconWithNetwork({
|
|
|
53327
53336
|
className: "uf-absolute uf-rounded-full uf-flex uf-items-center uf-justify-center",
|
|
53328
53337
|
style: {
|
|
53329
53338
|
bottom: -2,
|
|
53330
|
-
right: -
|
|
53339
|
+
right: -badgeOutset,
|
|
53331
53340
|
width: badgeSize,
|
|
53332
53341
|
height: badgeSize,
|
|
53333
53342
|
backgroundColor: hasEthereum ? "#627EEA" : "#000",
|
|
@@ -53405,7 +53414,7 @@ function BrowserWalletButton({
|
|
|
53405
53414
|
chainType,
|
|
53406
53415
|
publishableKey
|
|
53407
53416
|
}) {
|
|
53408
|
-
const { colors: colors2, fonts, components
|
|
53417
|
+
const { colors: colors2, fonts, components } = useTheme();
|
|
53409
53418
|
const [isHovered, setIsHovered] = React212.useState(false);
|
|
53410
53419
|
const [isTouchDevice, setIsTouchDevice] = React212.useState(false);
|
|
53411
53420
|
const [wallet, setWallet] = React212.useState(null);
|
|
@@ -53413,7 +53422,6 @@ function BrowserWalletButton({
|
|
|
53413
53422
|
const [isConnecting, setIsConnecting] = React212.useState(false);
|
|
53414
53423
|
const [balanceText, setBalanceText] = React212.useState(null);
|
|
53415
53424
|
const [isLoadingBalance, setIsLoadingBalance] = React212.useState(false);
|
|
53416
|
-
const iconVariant = mode === "dark" ? "light" : "dark";
|
|
53417
53425
|
const onDisconnectRef = React212.useRef(onDisconnect);
|
|
53418
53426
|
onDisconnectRef.current = onDisconnect;
|
|
53419
53427
|
React212.useEffect(() => {
|
|
@@ -53772,12 +53780,12 @@ function BrowserWalletButton({
|
|
|
53772
53780
|
wallet ? WALLET_ICON_COMPONENTS[wallet.icon] ? React212.createElement(WALLET_ICON_COMPONENTS[wallet.icon], {
|
|
53773
53781
|
size: 36,
|
|
53774
53782
|
className: "uf-rounded-lg",
|
|
53775
|
-
variant:
|
|
53783
|
+
variant: "color"
|
|
53776
53784
|
}) : /* @__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
53785
|
Wallet,
|
|
53778
53786
|
{
|
|
53779
53787
|
className: "uf-w-5 uf-h-5",
|
|
53780
|
-
style: { color:
|
|
53788
|
+
style: { color: components.card.iconColor }
|
|
53781
53789
|
}
|
|
53782
53790
|
) }),
|
|
53783
53791
|
/* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "uf-text-left", children: [
|
|
@@ -54170,6 +54178,62 @@ function ThemeStyleInjector({
|
|
|
54170
54178
|
}, [fonts.regular]);
|
|
54171
54179
|
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: cn(mode === "dark" ? "uf-dark" : "", className), style: cssVars, children });
|
|
54172
54180
|
}
|
|
54181
|
+
var VIEW_W = 538;
|
|
54182
|
+
var VIEW_H = 53;
|
|
54183
|
+
var SIZE_MAX_WIDTH = {
|
|
54184
|
+
sm: 128,
|
|
54185
|
+
md: 152,
|
|
54186
|
+
lg: 216
|
|
54187
|
+
};
|
|
54188
|
+
function PoweredByUnifold({
|
|
54189
|
+
color,
|
|
54190
|
+
className,
|
|
54191
|
+
size: size4 = "sm",
|
|
54192
|
+
maxWidth: maxWidthProp
|
|
54193
|
+
}) {
|
|
54194
|
+
const maxWidth = maxWidthProp ?? SIZE_MAX_WIDTH[size4];
|
|
54195
|
+
const height = Math.round(maxWidth / VIEW_W * VIEW_H);
|
|
54196
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
54197
|
+
"div",
|
|
54198
|
+
{
|
|
54199
|
+
className,
|
|
54200
|
+
style: { color, lineHeight: 0 },
|
|
54201
|
+
role: "img",
|
|
54202
|
+
"aria-label": "Powered by Unifold",
|
|
54203
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
|
|
54204
|
+
"svg",
|
|
54205
|
+
{
|
|
54206
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
54207
|
+
width: maxWidth,
|
|
54208
|
+
height,
|
|
54209
|
+
viewBox: `0 0 ${VIEW_W} ${VIEW_H}`,
|
|
54210
|
+
fill: "none",
|
|
54211
|
+
className: "uf-block uf-max-w-full uf-h-auto",
|
|
54212
|
+
children: [
|
|
54213
|
+
/* @__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" }),
|
|
54214
|
+
/* @__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" }),
|
|
54215
|
+
/* @__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" }),
|
|
54216
|
+
/* @__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" }),
|
|
54217
|
+
/* @__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" }),
|
|
54218
|
+
/* @__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" }),
|
|
54219
|
+
/* @__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" }),
|
|
54220
|
+
/* @__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" }),
|
|
54221
|
+
/* @__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" }),
|
|
54222
|
+
/* @__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" }),
|
|
54223
|
+
/* @__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" }),
|
|
54224
|
+
/* @__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" }),
|
|
54225
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "M440.704 12.9302H432.724V42.2602H440.704V12.9302Z", fill: "currentColor" }),
|
|
54226
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "M504.904 2.96997H496.924V42.25H504.904V2.96997Z", fill: "currentColor" }),
|
|
54227
|
+
/* @__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" }),
|
|
54228
|
+
/* @__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" }),
|
|
54229
|
+
/* @__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" }),
|
|
54230
|
+
/* @__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" })
|
|
54231
|
+
]
|
|
54232
|
+
}
|
|
54233
|
+
)
|
|
54234
|
+
}
|
|
54235
|
+
);
|
|
54236
|
+
}
|
|
54173
54237
|
function DepositsModal({
|
|
54174
54238
|
open,
|
|
54175
54239
|
onOpenChange,
|
|
@@ -54223,8 +54287,8 @@ function DepositsModal({
|
|
|
54223
54287
|
const handleExecutionClick = (execution) => {
|
|
54224
54288
|
setSelectedExecution(execution);
|
|
54225
54289
|
};
|
|
54226
|
-
const content = selectedExecution ? /* @__PURE__ */ (0,
|
|
54227
|
-
/* @__PURE__ */ (0,
|
|
54290
|
+
const content = selectedExecution ? /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
|
|
54291
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
54228
54292
|
DepositHeader,
|
|
54229
54293
|
{
|
|
54230
54294
|
title: "Deposit Details",
|
|
@@ -54233,9 +54297,9 @@ function DepositsModal({
|
|
|
54233
54297
|
onClose: handleClose
|
|
54234
54298
|
}
|
|
54235
54299
|
),
|
|
54236
|
-
/* @__PURE__ */ (0,
|
|
54237
|
-
] }) : /* @__PURE__ */ (0,
|
|
54238
|
-
/* @__PURE__ */ (0,
|
|
54300
|
+
/* @__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 }) })
|
|
54301
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
|
|
54302
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
54239
54303
|
DepositHeader,
|
|
54240
54304
|
{
|
|
54241
54305
|
title: "Deposit Tracker",
|
|
@@ -54244,14 +54308,14 @@ function DepositsModal({
|
|
|
54244
54308
|
onClose: handleClose
|
|
54245
54309
|
}
|
|
54246
54310
|
),
|
|
54247
|
-
/* @__PURE__ */ (0,
|
|
54311
|
+
/* @__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
54312
|
"div",
|
|
54249
54313
|
{
|
|
54250
54314
|
className: "uf-text-sm",
|
|
54251
54315
|
style: { color: components.container.subtitleColor, fontFamily: fonts.regular },
|
|
54252
54316
|
children: "No deposits yet"
|
|
54253
54317
|
}
|
|
54254
|
-
) }) : allExecutions.map((execution) => /* @__PURE__ */ (0,
|
|
54318
|
+
) }) : allExecutions.map((execution) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
54255
54319
|
DepositExecutionItem,
|
|
54256
54320
|
{
|
|
54257
54321
|
execution,
|
|
@@ -54260,12 +54324,21 @@ function DepositsModal({
|
|
|
54260
54324
|
execution.id
|
|
54261
54325
|
)) }) })
|
|
54262
54326
|
] });
|
|
54263
|
-
return /* @__PURE__ */ (0,
|
|
54327
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Dialog2, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
54264
54328
|
DialogContent2,
|
|
54265
54329
|
{
|
|
54266
54330
|
className: `sm:uf-max-w-[400px] uf-border-secondary uf-text-foreground uf-p-0 uf-gap-0 [&>button]:uf-hidden ${themeClass}`,
|
|
54267
54331
|
style: { backgroundColor: colors2.background },
|
|
54268
|
-
children: /* @__PURE__ */ (0,
|
|
54332
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(ThemeStyleInjector, { className: "uf-flex uf-flex-col uf-flex-1 uf-min-h-0", children: [
|
|
54333
|
+
content,
|
|
54334
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "uf-pt-3 uf-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
54335
|
+
PoweredByUnifold,
|
|
54336
|
+
{
|
|
54337
|
+
color: colors2.foregroundMuted,
|
|
54338
|
+
className: "uf-flex uf-justify-center uf-shrink-0"
|
|
54339
|
+
}
|
|
54340
|
+
) })
|
|
54341
|
+
] })
|
|
54269
54342
|
}
|
|
54270
54343
|
) });
|
|
54271
54344
|
}
|
|
@@ -54399,7 +54472,7 @@ function TokenSelectorSheet({
|
|
|
54399
54472
|
onOpenChange(false);
|
|
54400
54473
|
};
|
|
54401
54474
|
if (!open) return null;
|
|
54402
|
-
return /* @__PURE__ */ (0,
|
|
54475
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
|
|
54403
54476
|
"div",
|
|
54404
54477
|
{
|
|
54405
54478
|
className: `${themeClass} uf-px-6`,
|
|
@@ -54414,18 +54487,18 @@ function TokenSelectorSheet({
|
|
|
54414
54487
|
backgroundColor: colors2.background
|
|
54415
54488
|
},
|
|
54416
54489
|
children: [
|
|
54417
|
-
/* @__PURE__ */ (0,
|
|
54418
|
-
/* @__PURE__ */ (0,
|
|
54490
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-between uf-py-3", children: [
|
|
54491
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54419
54492
|
"button",
|
|
54420
54493
|
{
|
|
54421
54494
|
type: "button",
|
|
54422
54495
|
onClick: () => onOpenChange(false),
|
|
54423
54496
|
className: "uf-p-1 uf-rounded-lg hover:uf-bg-secondary uf-transition-colors",
|
|
54424
54497
|
style: { color: components.header.buttonColor },
|
|
54425
|
-
children: /* @__PURE__ */ (0,
|
|
54498
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(ArrowLeft, { className: "uf-w-5 uf-h-5" })
|
|
54426
54499
|
}
|
|
54427
54500
|
),
|
|
54428
|
-
/* @__PURE__ */ (0,
|
|
54501
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54429
54502
|
"h2",
|
|
54430
54503
|
{
|
|
54431
54504
|
className: "uf-text-base uf-text-center",
|
|
@@ -54436,10 +54509,10 @@ function TokenSelectorSheet({
|
|
|
54436
54509
|
children: "Select token to deposit"
|
|
54437
54510
|
}
|
|
54438
54511
|
),
|
|
54439
|
-
/* @__PURE__ */ (0,
|
|
54512
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "uf-w-7 uf-h-5 uf-invisible" })
|
|
54440
54513
|
] }),
|
|
54441
|
-
/* @__PURE__ */ (0,
|
|
54442
|
-
/* @__PURE__ */ (0,
|
|
54514
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "uf-pb-3", children: [
|
|
54515
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54443
54516
|
"style",
|
|
54444
54517
|
{
|
|
54445
54518
|
dangerouslySetInnerHTML: {
|
|
@@ -54447,7 +54520,7 @@ function TokenSelectorSheet({
|
|
|
54447
54520
|
}
|
|
54448
54521
|
}
|
|
54449
54522
|
),
|
|
54450
|
-
/* @__PURE__ */ (0,
|
|
54523
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { style: { position: "relative" }, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54451
54524
|
"input",
|
|
54452
54525
|
{
|
|
54453
54526
|
type: "text",
|
|
@@ -54465,8 +54538,8 @@ function TokenSelectorSheet({
|
|
|
54465
54538
|
}
|
|
54466
54539
|
) })
|
|
54467
54540
|
] }),
|
|
54468
|
-
quickSelectOptions.length > 0 && !searchQuery && /* @__PURE__ */ (0,
|
|
54469
|
-
/* @__PURE__ */ (0,
|
|
54541
|
+
quickSelectOptions.length > 0 && !searchQuery && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "uf-pb-3 uf--mx-6", children: [
|
|
54542
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54470
54543
|
"div",
|
|
54471
54544
|
{
|
|
54472
54545
|
className: "uf-text-xs uf-mb-2 uf-px-6",
|
|
@@ -54477,7 +54550,7 @@ function TokenSelectorSheet({
|
|
|
54477
54550
|
children: "Quick select"
|
|
54478
54551
|
}
|
|
54479
54552
|
),
|
|
54480
|
-
/* @__PURE__ */ (0,
|
|
54553
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54481
54554
|
"div",
|
|
54482
54555
|
{
|
|
54483
54556
|
className: "uf-flex uf-gap-2 uf-overflow-x-auto uf-px-6 uf-pb-1",
|
|
@@ -54485,12 +54558,12 @@ function TokenSelectorSheet({
|
|
|
54485
54558
|
children: quickSelectOptions.map(({ token, chain, isRecent }) => {
|
|
54486
54559
|
const chainKey = `${chain.chain_type}:${chain.chain_id}`;
|
|
54487
54560
|
const isSelected = token.symbol === selectedToken && chainKey === selectedChainKey;
|
|
54488
|
-
return /* @__PURE__ */ (0,
|
|
54561
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
|
|
54489
54562
|
"div",
|
|
54490
54563
|
{
|
|
54491
54564
|
style: { position: "relative", flexShrink: 0 },
|
|
54492
54565
|
children: [
|
|
54493
|
-
isRecent && /* @__PURE__ */ (0,
|
|
54566
|
+
isRecent && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54494
54567
|
"button",
|
|
54495
54568
|
{
|
|
54496
54569
|
type: "button",
|
|
@@ -54510,10 +54583,10 @@ function TokenSelectorSheet({
|
|
|
54510
54583
|
padding: 2,
|
|
54511
54584
|
color: colors2.foregroundMuted
|
|
54512
54585
|
},
|
|
54513
|
-
children: /* @__PURE__ */ (0,
|
|
54586
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(X, { style: { width: 12, height: 12 } })
|
|
54514
54587
|
}
|
|
54515
54588
|
),
|
|
54516
|
-
/* @__PURE__ */ (0,
|
|
54589
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
|
|
54517
54590
|
"button",
|
|
54518
54591
|
{
|
|
54519
54592
|
type: "button",
|
|
@@ -54532,8 +54605,8 @@ function TokenSelectorSheet({
|
|
|
54532
54605
|
backgroundColor: isSelected ? components.card.backgroundColor : hoveredTokenKey === `${token.symbol}-${chainKey}` ? colors2.cardHover : "transparent"
|
|
54533
54606
|
},
|
|
54534
54607
|
children: [
|
|
54535
|
-
/* @__PURE__ */ (0,
|
|
54536
|
-
/* @__PURE__ */ (0,
|
|
54608
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { style: { position: "relative", flexShrink: 0 }, children: [
|
|
54609
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54537
54610
|
"img",
|
|
54538
54611
|
{
|
|
54539
54612
|
src: token.icon_url,
|
|
@@ -54544,7 +54617,7 @@ function TokenSelectorSheet({
|
|
|
54544
54617
|
className: "uf-rounded-full"
|
|
54545
54618
|
}
|
|
54546
54619
|
),
|
|
54547
|
-
/* @__PURE__ */ (0,
|
|
54620
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54548
54621
|
"div",
|
|
54549
54622
|
{
|
|
54550
54623
|
style: {
|
|
@@ -54552,7 +54625,7 @@ function TokenSelectorSheet({
|
|
|
54552
54625
|
bottom: -2,
|
|
54553
54626
|
right: -2
|
|
54554
54627
|
},
|
|
54555
|
-
children: /* @__PURE__ */ (0,
|
|
54628
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54556
54629
|
"img",
|
|
54557
54630
|
{
|
|
54558
54631
|
src: chain.icon_url,
|
|
@@ -54566,8 +54639,8 @@ function TokenSelectorSheet({
|
|
|
54566
54639
|
}
|
|
54567
54640
|
)
|
|
54568
54641
|
] }),
|
|
54569
|
-
/* @__PURE__ */ (0,
|
|
54570
|
-
/* @__PURE__ */ (0,
|
|
54642
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { style: { textAlign: "left" }, children: [
|
|
54643
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54571
54644
|
"div",
|
|
54572
54645
|
{
|
|
54573
54646
|
style: {
|
|
@@ -54580,7 +54653,7 @@ function TokenSelectorSheet({
|
|
|
54580
54653
|
children: token.symbol
|
|
54581
54654
|
}
|
|
54582
54655
|
),
|
|
54583
|
-
/* @__PURE__ */ (0,
|
|
54656
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54584
54657
|
"div",
|
|
54585
54658
|
{
|
|
54586
54659
|
style: {
|
|
@@ -54604,7 +54677,7 @@ function TokenSelectorSheet({
|
|
|
54604
54677
|
}
|
|
54605
54678
|
)
|
|
54606
54679
|
] }),
|
|
54607
|
-
/* @__PURE__ */ (0,
|
|
54680
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54608
54681
|
"div",
|
|
54609
54682
|
{
|
|
54610
54683
|
className: "uf-text-xs uf-mb-2",
|
|
@@ -54615,7 +54688,7 @@ function TokenSelectorSheet({
|
|
|
54615
54688
|
children: "All supported tokens"
|
|
54616
54689
|
}
|
|
54617
54690
|
),
|
|
54618
|
-
/* @__PURE__ */ (0,
|
|
54691
|
+
/* @__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
54692
|
"div",
|
|
54620
54693
|
{
|
|
54621
54694
|
style: {
|
|
@@ -54627,10 +54700,10 @@ function TokenSelectorSheet({
|
|
|
54627
54700
|
},
|
|
54628
54701
|
children: "No tokens found"
|
|
54629
54702
|
}
|
|
54630
|
-
) : /* @__PURE__ */ (0,
|
|
54703
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: filteredOptions.map(({ token, chain }) => {
|
|
54631
54704
|
const chainKey = `${chain.chain_type}:${chain.chain_id}`;
|
|
54632
54705
|
const isSelected = token.symbol === selectedToken && chainKey === selectedChainKey;
|
|
54633
|
-
return /* @__PURE__ */ (0,
|
|
54706
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
|
|
54634
54707
|
"button",
|
|
54635
54708
|
{
|
|
54636
54709
|
type: "button",
|
|
@@ -54651,8 +54724,8 @@ function TokenSelectorSheet({
|
|
|
54651
54724
|
backgroundColor: isSelected ? components.card.backgroundColor : hoveredTokenKey === `${token.symbol}-${chainKey}` ? colors2.cardHover : "transparent"
|
|
54652
54725
|
},
|
|
54653
54726
|
children: [
|
|
54654
|
-
/* @__PURE__ */ (0,
|
|
54655
|
-
/* @__PURE__ */ (0,
|
|
54727
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { style: { position: "relative", flexShrink: 0 }, children: [
|
|
54728
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54656
54729
|
"img",
|
|
54657
54730
|
{
|
|
54658
54731
|
src: token.icon_url,
|
|
@@ -54663,7 +54736,7 @@ function TokenSelectorSheet({
|
|
|
54663
54736
|
className: "uf-rounded-full"
|
|
54664
54737
|
}
|
|
54665
54738
|
),
|
|
54666
|
-
/* @__PURE__ */ (0,
|
|
54739
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54667
54740
|
"div",
|
|
54668
54741
|
{
|
|
54669
54742
|
style: {
|
|
@@ -54671,7 +54744,7 @@ function TokenSelectorSheet({
|
|
|
54671
54744
|
bottom: -4,
|
|
54672
54745
|
right: -4
|
|
54673
54746
|
},
|
|
54674
|
-
children: /* @__PURE__ */ (0,
|
|
54747
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54675
54748
|
"img",
|
|
54676
54749
|
{
|
|
54677
54750
|
src: chain.icon_url,
|
|
@@ -54685,8 +54758,8 @@ function TokenSelectorSheet({
|
|
|
54685
54758
|
}
|
|
54686
54759
|
)
|
|
54687
54760
|
] }),
|
|
54688
|
-
/* @__PURE__ */ (0,
|
|
54689
|
-
/* @__PURE__ */ (0,
|
|
54761
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
|
|
54762
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54690
54763
|
"div",
|
|
54691
54764
|
{
|
|
54692
54765
|
style: {
|
|
@@ -54698,7 +54771,7 @@ function TokenSelectorSheet({
|
|
|
54698
54771
|
children: token.symbol
|
|
54699
54772
|
}
|
|
54700
54773
|
),
|
|
54701
|
-
/* @__PURE__ */ (0,
|
|
54774
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54702
54775
|
"div",
|
|
54703
54776
|
{
|
|
54704
54777
|
style: {
|
|
@@ -54710,7 +54783,7 @@ function TokenSelectorSheet({
|
|
|
54710
54783
|
}
|
|
54711
54784
|
)
|
|
54712
54785
|
] }),
|
|
54713
|
-
/* @__PURE__ */ (0,
|
|
54786
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
|
|
54714
54787
|
"div",
|
|
54715
54788
|
{
|
|
54716
54789
|
style: {
|
|
@@ -54719,11 +54792,11 @@ function TokenSelectorSheet({
|
|
|
54719
54792
|
fontFamily: fonts.regular
|
|
54720
54793
|
},
|
|
54721
54794
|
children: [
|
|
54722
|
-
/* @__PURE__ */ (0,
|
|
54795
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("span", { style: { color: components.card.textRightColor }, children: [
|
|
54723
54796
|
"Minimum:",
|
|
54724
54797
|
" "
|
|
54725
54798
|
] }),
|
|
54726
|
-
/* @__PURE__ */ (0,
|
|
54799
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("span", { style: { color: components.card.labelHighlightRightColor }, children: [
|
|
54727
54800
|
"$",
|
|
54728
54801
|
chain.minimum_deposit_amount_usd
|
|
54729
54802
|
] })
|
|
@@ -54734,7 +54807,14 @@ function TokenSelectorSheet({
|
|
|
54734
54807
|
},
|
|
54735
54808
|
`${token.symbol}-${chainKey}`
|
|
54736
54809
|
);
|
|
54737
|
-
}) }) })
|
|
54810
|
+
}) }) }),
|
|
54811
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "uf-pt-3 uf-pb-2 uf-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54812
|
+
PoweredByUnifold,
|
|
54813
|
+
{
|
|
54814
|
+
color: colors2.foregroundMuted,
|
|
54815
|
+
className: "uf-flex uf-justify-center uf-shrink-0"
|
|
54816
|
+
}
|
|
54817
|
+
) })
|
|
54738
54818
|
]
|
|
54739
54819
|
}
|
|
54740
54820
|
);
|
|
@@ -54747,7 +54827,7 @@ function DepositPollingUi({
|
|
|
54747
54827
|
}) {
|
|
54748
54828
|
const { fonts, components } = useTheme();
|
|
54749
54829
|
if (depositConfirmationMode === "manual" && !showWaitingUi) {
|
|
54750
|
-
return /* @__PURE__ */ (0,
|
|
54830
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
54751
54831
|
"button",
|
|
54752
54832
|
{
|
|
54753
54833
|
onClick: onIveDeposited,
|
|
@@ -54764,15 +54844,15 @@ function DepositPollingUi({
|
|
|
54764
54844
|
);
|
|
54765
54845
|
}
|
|
54766
54846
|
if (showWaitingUi && !hasExecution) {
|
|
54767
|
-
return /* @__PURE__ */ (0,
|
|
54847
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
|
|
54768
54848
|
"div",
|
|
54769
54849
|
{
|
|
54770
54850
|
className: "uf-p-3 uf-flex uf-items-center uf-gap-3 uf-animate-in uf-fade-in uf-duration-500",
|
|
54771
54851
|
style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` },
|
|
54772
54852
|
children: [
|
|
54773
|
-
/* @__PURE__ */ (0,
|
|
54774
|
-
/* @__PURE__ */ (0,
|
|
54775
|
-
/* @__PURE__ */ (0,
|
|
54853
|
+
/* @__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" }) }),
|
|
54854
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { children: [
|
|
54855
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
54776
54856
|
"div",
|
|
54777
54857
|
{
|
|
54778
54858
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -54780,7 +54860,7 @@ function DepositPollingUi({
|
|
|
54780
54860
|
children: "Processing deposit transactions"
|
|
54781
54861
|
}
|
|
54782
54862
|
),
|
|
54783
|
-
/* @__PURE__ */ (0,
|
|
54863
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
54784
54864
|
"div",
|
|
54785
54865
|
{
|
|
54786
54866
|
className: "uf-text-xs",
|
|
@@ -54799,8 +54879,8 @@ function DepositFooterLinks({
|
|
|
54799
54879
|
onGlossaryClick
|
|
54800
54880
|
}) {
|
|
54801
54881
|
const { colors: colors2 } = useTheme();
|
|
54802
|
-
return /* @__PURE__ */ (0,
|
|
54803
|
-
/* @__PURE__ */ (0,
|
|
54882
|
+
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: [
|
|
54883
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
54804
54884
|
"a",
|
|
54805
54885
|
{
|
|
54806
54886
|
href: "https://unifold.io/terms",
|
|
@@ -54810,8 +54890,8 @@ function DepositFooterLinks({
|
|
|
54810
54890
|
children: "Terms"
|
|
54811
54891
|
}
|
|
54812
54892
|
),
|
|
54813
|
-
/* @__PURE__ */ (0,
|
|
54814
|
-
/* @__PURE__ */ (0,
|
|
54893
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "uf-text-xs uf-text-muted-foreground", children: "|" }),
|
|
54894
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
54815
54895
|
"a",
|
|
54816
54896
|
{
|
|
54817
54897
|
href: "https://unifold.io/support",
|
|
@@ -54821,8 +54901,8 @@ function DepositFooterLinks({
|
|
|
54821
54901
|
children: "Help"
|
|
54822
54902
|
}
|
|
54823
54903
|
),
|
|
54824
|
-
/* @__PURE__ */ (0,
|
|
54825
|
-
/* @__PURE__ */ (0,
|
|
54904
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "uf-text-xs uf-text-muted-foreground", children: "|" }),
|
|
54905
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
54826
54906
|
"div",
|
|
54827
54907
|
{
|
|
54828
54908
|
className: "uf-cursor-pointer hover:uf-opacity-90 uf-transition-colors",
|
|
@@ -54844,15 +54924,15 @@ function GlossaryModal({
|
|
|
54844
54924
|
const { themeClass, colors: colors2, components } = useTheme();
|
|
54845
54925
|
const resolvedThemeClass = themeClassProp ?? themeClass;
|
|
54846
54926
|
const modalBackground = backgroundColorProp ?? colors2.background;
|
|
54847
|
-
return /* @__PURE__ */ (0,
|
|
54927
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Dialog2, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
|
|
54848
54928
|
DialogContent2,
|
|
54849
54929
|
{
|
|
54850
54930
|
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
54931
|
style: { backgroundColor: modalBackground },
|
|
54852
54932
|
children: [
|
|
54853
|
-
/* @__PURE__ */ (0,
|
|
54854
|
-
/* @__PURE__ */ (0,
|
|
54855
|
-
/* @__PURE__ */ (0,
|
|
54933
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "uf-relative uf-flex uf-items-center uf-justify-between", children: [
|
|
54934
|
+
/* @__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" }) }),
|
|
54935
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
54856
54936
|
DialogTitle2,
|
|
54857
54937
|
{
|
|
54858
54938
|
className: "uf-text-base uf-font-medium uf-absolute uf-left-0 uf-right-0 uf-text-center uf-pointer-events-none",
|
|
@@ -54860,91 +54940,91 @@ function GlossaryModal({
|
|
|
54860
54940
|
children: "Glossary"
|
|
54861
54941
|
}
|
|
54862
54942
|
),
|
|
54863
|
-
/* @__PURE__ */ (0,
|
|
54943
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
54864
54944
|
"button",
|
|
54865
54945
|
{
|
|
54866
54946
|
onClick: () => onOpenChange(false),
|
|
54867
54947
|
className: "uf-p-1 uf-rounded-lg hover:uf-bg-secondary uf-transition-colors uf-flex-shrink-0 uf-z-[1]",
|
|
54868
54948
|
style: { color: components.header.buttonColor },
|
|
54869
|
-
children: /* @__PURE__ */ (0,
|
|
54949
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(X, { className: "uf-w-4 uf-h-4" })
|
|
54870
54950
|
}
|
|
54871
54951
|
)
|
|
54872
54952
|
] }),
|
|
54873
|
-
/* @__PURE__ */ (0,
|
|
54874
|
-
/* @__PURE__ */ (0,
|
|
54953
|
+
/* @__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: [
|
|
54954
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
|
|
54875
54955
|
"div",
|
|
54876
54956
|
{
|
|
54877
54957
|
className: "uf-rounded-xl uf-p-3",
|
|
54878
54958
|
style: { backgroundColor: components.card.backgroundColor },
|
|
54879
54959
|
children: [
|
|
54880
|
-
/* @__PURE__ */ (0,
|
|
54881
|
-
/* @__PURE__ */ (0,
|
|
54960
|
+
/* @__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" }),
|
|
54961
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.selectTokenDepositTooltip })
|
|
54882
54962
|
]
|
|
54883
54963
|
}
|
|
54884
54964
|
),
|
|
54885
|
-
/* @__PURE__ */ (0,
|
|
54965
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
|
|
54886
54966
|
"div",
|
|
54887
54967
|
{
|
|
54888
54968
|
className: "uf-rounded-xl uf-p-3",
|
|
54889
54969
|
style: { backgroundColor: components.card.backgroundColor },
|
|
54890
54970
|
children: [
|
|
54891
|
-
/* @__PURE__ */ (0,
|
|
54892
|
-
/* @__PURE__ */ (0,
|
|
54971
|
+
/* @__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" }),
|
|
54972
|
+
/* @__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
54973
|
]
|
|
54894
54974
|
}
|
|
54895
54975
|
),
|
|
54896
|
-
/* @__PURE__ */ (0,
|
|
54976
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
|
|
54897
54977
|
"div",
|
|
54898
54978
|
{
|
|
54899
54979
|
className: "uf-rounded-xl uf-p-3",
|
|
54900
54980
|
style: { backgroundColor: components.card.backgroundColor },
|
|
54901
54981
|
children: [
|
|
54902
|
-
/* @__PURE__ */ (0,
|
|
54903
|
-
/* @__PURE__ */ (0,
|
|
54982
|
+
/* @__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" }),
|
|
54983
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.priceImpact.tooltip })
|
|
54904
54984
|
]
|
|
54905
54985
|
}
|
|
54906
54986
|
),
|
|
54907
|
-
/* @__PURE__ */ (0,
|
|
54987
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
|
|
54908
54988
|
"div",
|
|
54909
54989
|
{
|
|
54910
54990
|
className: "uf-rounded-xl uf-p-3",
|
|
54911
54991
|
style: { backgroundColor: components.card.backgroundColor },
|
|
54912
54992
|
children: [
|
|
54913
|
-
/* @__PURE__ */ (0,
|
|
54914
|
-
/* @__PURE__ */ (0,
|
|
54993
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Slippage" }),
|
|
54994
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.slippage.tooltip })
|
|
54915
54995
|
]
|
|
54916
54996
|
}
|
|
54917
54997
|
),
|
|
54918
|
-
/* @__PURE__ */ (0,
|
|
54998
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
|
|
54919
54999
|
"div",
|
|
54920
55000
|
{
|
|
54921
55001
|
className: "uf-rounded-xl uf-p-3",
|
|
54922
55002
|
style: { backgroundColor: components.card.backgroundColor },
|
|
54923
55003
|
children: [
|
|
54924
|
-
/* @__PURE__ */ (0,
|
|
54925
|
-
/* @__PURE__ */ (0,
|
|
55004
|
+
/* @__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" }),
|
|
55005
|
+
/* @__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
55006
|
]
|
|
54927
55007
|
}
|
|
54928
55008
|
),
|
|
54929
|
-
/* @__PURE__ */ (0,
|
|
55009
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
|
|
54930
55010
|
"div",
|
|
54931
55011
|
{
|
|
54932
55012
|
className: "uf-rounded-xl uf-p-3",
|
|
54933
55013
|
style: { backgroundColor: components.card.backgroundColor },
|
|
54934
55014
|
children: [
|
|
54935
|
-
/* @__PURE__ */ (0,
|
|
54936
|
-
/* @__PURE__ */ (0,
|
|
55015
|
+
/* @__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" }),
|
|
55016
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.minDeposit.tooltip })
|
|
54937
55017
|
]
|
|
54938
55018
|
}
|
|
54939
55019
|
),
|
|
54940
|
-
/* @__PURE__ */ (0,
|
|
55020
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
|
|
54941
55021
|
"div",
|
|
54942
55022
|
{
|
|
54943
55023
|
className: "uf-rounded-xl uf-p-3",
|
|
54944
55024
|
style: { backgroundColor: components.card.backgroundColor },
|
|
54945
55025
|
children: [
|
|
54946
|
-
/* @__PURE__ */ (0,
|
|
54947
|
-
/* @__PURE__ */ (0,
|
|
55026
|
+
/* @__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" }),
|
|
55027
|
+
/* @__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
55028
|
]
|
|
54949
55029
|
}
|
|
54950
55030
|
)
|
|
@@ -54978,12 +55058,12 @@ var TooltipTrigger2 = React232.forwardRef(({ onClick, ...props }, ref) => {
|
|
|
54978
55058
|
},
|
|
54979
55059
|
[open, onOpenChange, onClick]
|
|
54980
55060
|
);
|
|
54981
|
-
return /* @__PURE__ */ (0,
|
|
55061
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Trigger, { ref, onClick: handleClick, ...props });
|
|
54982
55062
|
});
|
|
54983
55063
|
TooltipTrigger2.displayName = Trigger.displayName;
|
|
54984
55064
|
var TooltipContent2 = React232.forwardRef(({ className, sideOffset = 4, ...props }, ref) => {
|
|
54985
55065
|
const { themeClass, colors: colors2 } = useTheme();
|
|
54986
|
-
return /* @__PURE__ */ (0,
|
|
55066
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Portal3, { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
54987
55067
|
Content22,
|
|
54988
55068
|
{
|
|
54989
55069
|
ref,
|
|
@@ -55182,29 +55262,29 @@ function TransferCryptoSingleInput({
|
|
|
55182
55262
|
const maxSlippage = currentChainFromBackend?.max_slippage_percent ?? 0.25;
|
|
55183
55263
|
const processingTime = currentChainFromBackend?.estimated_processing_time ?? null;
|
|
55184
55264
|
const minDepositUsd = currentChainFromBackend?.minimum_deposit_amount_usd ?? 3;
|
|
55185
|
-
return /* @__PURE__ */ (0,
|
|
55265
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(TooltipProvider2, { delayDuration: 0, skipDelayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
|
|
55186
55266
|
"div",
|
|
55187
55267
|
{
|
|
55188
55268
|
className: "uf-space-y-3 [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden",
|
|
55189
55269
|
style: { backgroundColor: colors2.background },
|
|
55190
55270
|
children: [
|
|
55191
|
-
/* @__PURE__ */ (0,
|
|
55192
|
-
/* @__PURE__ */ (0,
|
|
55271
|
+
/* @__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 }) }),
|
|
55272
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
55193
55273
|
"button",
|
|
55194
55274
|
{
|
|
55195
55275
|
onClick: () => setTokenSelectorOpen(true),
|
|
55196
55276
|
disabled: tokensLoading || supportedTokens.length === 0,
|
|
55197
55277
|
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
55278
|
style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` },
|
|
55199
|
-
children: tokensLoading ? /* @__PURE__ */ (0,
|
|
55200
|
-
/* @__PURE__ */ (0,
|
|
55201
|
-
/* @__PURE__ */ (0,
|
|
55202
|
-
/* @__PURE__ */ (0,
|
|
55203
|
-
/* @__PURE__ */ (0,
|
|
55279
|
+
children: tokensLoading ? /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3 uf-animate-pulse", children: [
|
|
55280
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-w-10 uf-h-10 uf-rounded-full uf-bg-muted" }),
|
|
55281
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex-1", children: [
|
|
55282
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-h-4 uf-w-16 uf-bg-muted uf-rounded uf-mb-1" }),
|
|
55283
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-h-3 uf-w-24 uf-bg-muted uf-rounded" })
|
|
55204
55284
|
] })
|
|
55205
|
-
] }) : /* @__PURE__ */ (0,
|
|
55206
|
-
/* @__PURE__ */ (0,
|
|
55207
|
-
selectedToken && /* @__PURE__ */ (0,
|
|
55285
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_jsx_runtime54.Fragment, { children: [
|
|
55286
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-relative uf-flex-shrink-0", children: [
|
|
55287
|
+
selectedToken && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
55208
55288
|
"img",
|
|
55209
55289
|
{
|
|
55210
55290
|
src: selectedToken.icon_url,
|
|
@@ -55215,7 +55295,7 @@ function TransferCryptoSingleInput({
|
|
|
55215
55295
|
className: "uf-w-10 uf-h-10 uf-rounded-full"
|
|
55216
55296
|
}
|
|
55217
55297
|
),
|
|
55218
|
-
(currentChainFromBackend || currentChainData) && /* @__PURE__ */ (0,
|
|
55298
|
+
(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
55299
|
"img",
|
|
55220
55300
|
{
|
|
55221
55301
|
src: currentChainFromBackend?.icon_url || currentChainData?.icon_url || "",
|
|
@@ -55228,8 +55308,8 @@ function TransferCryptoSingleInput({
|
|
|
55228
55308
|
}
|
|
55229
55309
|
) })
|
|
55230
55310
|
] }),
|
|
55231
|
-
/* @__PURE__ */ (0,
|
|
55232
|
-
/* @__PURE__ */ (0,
|
|
55311
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex-1 uf-text-left uf-min-w-0", children: [
|
|
55312
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
55233
55313
|
"div",
|
|
55234
55314
|
{
|
|
55235
55315
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -55237,7 +55317,7 @@ function TransferCryptoSingleInput({
|
|
|
55237
55317
|
children: selectedToken?.symbol || token
|
|
55238
55318
|
}
|
|
55239
55319
|
),
|
|
55240
|
-
/* @__PURE__ */ (0,
|
|
55320
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
55241
55321
|
"div",
|
|
55242
55322
|
{
|
|
55243
55323
|
className: "uf-text-xs uf-truncate",
|
|
@@ -55246,8 +55326,8 @@ function TransferCryptoSingleInput({
|
|
|
55246
55326
|
}
|
|
55247
55327
|
)
|
|
55248
55328
|
] }),
|
|
55249
|
-
/* @__PURE__ */ (0,
|
|
55250
|
-
/* @__PURE__ */ (0,
|
|
55329
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2 uf-flex-shrink-0", children: [
|
|
55330
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-text-right", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
|
|
55251
55331
|
"div",
|
|
55252
55332
|
{
|
|
55253
55333
|
className: "uf-text-xs uf-font-medium",
|
|
@@ -55259,12 +55339,12 @@ function TransferCryptoSingleInput({
|
|
|
55259
55339
|
]
|
|
55260
55340
|
}
|
|
55261
55341
|
) }),
|
|
55262
|
-
/* @__PURE__ */ (0,
|
|
55342
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ChevronRight, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } })
|
|
55263
55343
|
] })
|
|
55264
55344
|
] })
|
|
55265
55345
|
}
|
|
55266
55346
|
),
|
|
55267
|
-
/* @__PURE__ */ (0,
|
|
55347
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
55268
55348
|
TokenSelectorSheet,
|
|
55269
55349
|
{
|
|
55270
55350
|
open: tokenSelectorOpen,
|
|
@@ -55278,24 +55358,24 @@ function TransferCryptoSingleInput({
|
|
|
55278
55358
|
}
|
|
55279
55359
|
}
|
|
55280
55360
|
),
|
|
55281
|
-
error && !loading && /* @__PURE__ */ (0,
|
|
55282
|
-
/* @__PURE__ */ (0,
|
|
55283
|
-
/* @__PURE__ */ (0,
|
|
55284
|
-
/* @__PURE__ */ (0,
|
|
55285
|
-
/* @__PURE__ */ (0,
|
|
55286
|
-
/* @__PURE__ */ (0,
|
|
55361
|
+
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: [
|
|
55362
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-items-start uf-gap-2", children: [
|
|
55363
|
+
/* @__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" }),
|
|
55364
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex-1 uf-min-w-0", children: [
|
|
55365
|
+
/* @__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" }),
|
|
55366
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-text-xs uf-text-muted-foreground", children: error })
|
|
55287
55367
|
] })
|
|
55288
55368
|
] }),
|
|
55289
|
-
/* @__PURE__ */ (0,
|
|
55290
|
-
/* @__PURE__ */ (0,
|
|
55291
|
-
/* @__PURE__ */ (0,
|
|
55369
|
+
/* @__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: [
|
|
55370
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Clock, { className: "uf-w-3 uf-h-3" }),
|
|
55371
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { children: "Retrying automatically every 5 seconds..." })
|
|
55292
55372
|
] })
|
|
55293
55373
|
] }),
|
|
55294
|
-
/* @__PURE__ */ (0,
|
|
55295
|
-
/* @__PURE__ */ (0,
|
|
55296
|
-
/* @__PURE__ */ (0,
|
|
55374
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-pt-2", children: [
|
|
55375
|
+
/* @__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" }),
|
|
55376
|
+
/* @__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
55377
|
// QR Skeleton - matches QR code appearance
|
|
55298
|
-
/* @__PURE__ */ (0,
|
|
55378
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
55299
55379
|
"div",
|
|
55300
55380
|
{
|
|
55301
55381
|
className: "uf-flex uf-items-center uf-justify-center uf-animate-pulse",
|
|
@@ -55305,7 +55385,7 @@ function TransferCryptoSingleInput({
|
|
|
55305
55385
|
background: isDarkMode ? "linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%)" : "linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%)",
|
|
55306
55386
|
borderRadius: 8
|
|
55307
55387
|
},
|
|
55308
|
-
children: /* @__PURE__ */ (0,
|
|
55388
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
55309
55389
|
"div",
|
|
55310
55390
|
{
|
|
55311
55391
|
style: {
|
|
@@ -55318,7 +55398,7 @@ function TransferCryptoSingleInput({
|
|
|
55318
55398
|
)
|
|
55319
55399
|
}
|
|
55320
55400
|
)
|
|
55321
|
-
) : depositAddress ? /* @__PURE__ */ (0,
|
|
55401
|
+
) : depositAddress ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
55322
55402
|
StyledQRCode,
|
|
55323
55403
|
{
|
|
55324
55404
|
value: depositAddress,
|
|
@@ -55328,19 +55408,19 @@ function TransferCryptoSingleInput({
|
|
|
55328
55408
|
darkMode: isDarkMode
|
|
55329
55409
|
},
|
|
55330
55410
|
`qr-${depositAddress}-${chain}`
|
|
55331
|
-
) : /* @__PURE__ */ (0,
|
|
55411
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
55332
55412
|
"div",
|
|
55333
55413
|
{
|
|
55334
55414
|
className: "uf-flex uf-items-center uf-justify-center",
|
|
55335
55415
|
style: { width: 180, height: 180 },
|
|
55336
|
-
children: /* @__PURE__ */ (0,
|
|
55416
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-text-red-400 uf-text-sm", children: t4.noAddressAvailable })
|
|
55337
55417
|
}
|
|
55338
55418
|
) })
|
|
55339
55419
|
] }),
|
|
55340
|
-
/* @__PURE__ */ (0,
|
|
55420
|
+
/* @__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
55421
|
loading || tokensLoading || !initialSelectionDone ? (
|
|
55342
55422
|
// Address skeleton
|
|
55343
|
-
/* @__PURE__ */ (0,
|
|
55423
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
55344
55424
|
"div",
|
|
55345
55425
|
{
|
|
55346
55426
|
className: "uf-h-4 uf-w-32 uf-rounded uf-animate-pulse",
|
|
@@ -55349,45 +55429,45 @@ function TransferCryptoSingleInput({
|
|
|
55349
55429
|
}
|
|
55350
55430
|
}
|
|
55351
55431
|
)
|
|
55352
|
-
) : /* @__PURE__ */ (0,
|
|
55353
|
-
depositAddress && initialSelectionDone && /* @__PURE__ */ (0,
|
|
55432
|
+
) : /* @__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 }),
|
|
55433
|
+
depositAddress && initialSelectionDone && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
55354
55434
|
"span",
|
|
55355
55435
|
{
|
|
55356
55436
|
onClick: handleCopyAddress,
|
|
55357
55437
|
className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
|
|
55358
55438
|
style: { color: copied ? colors2.success : components.card.actionColor },
|
|
55359
|
-
children: copied ? /* @__PURE__ */ (0,
|
|
55439
|
+
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
55440
|
}
|
|
55361
55441
|
)
|
|
55362
55442
|
] }) }),
|
|
55363
|
-
/* @__PURE__ */ (0,
|
|
55364
|
-
/* @__PURE__ */ (0,
|
|
55443
|
+
/* @__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: [
|
|
55444
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
|
|
55365
55445
|
"button",
|
|
55366
55446
|
{
|
|
55367
55447
|
onClick: () => setDetailsExpanded(!detailsExpanded),
|
|
55368
55448
|
className: "uf-w-full uf-flex uf-items-center uf-justify-between uf-py-2.5",
|
|
55369
55449
|
children: [
|
|
55370
|
-
/* @__PURE__ */ (0,
|
|
55371
|
-
/* @__PURE__ */ (0,
|
|
55372
|
-
/* @__PURE__ */ (0,
|
|
55450
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
55451
|
+
/* @__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 } }) }),
|
|
55452
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
55373
55453
|
t4.processingTime.label,
|
|
55374
55454
|
":",
|
|
55375
55455
|
" ",
|
|
55376
|
-
/* @__PURE__ */ (0,
|
|
55456
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: formatProcessingTime2(processingTime) })
|
|
55377
55457
|
] })
|
|
55378
55458
|
] }),
|
|
55379
|
-
detailsExpanded ? /* @__PURE__ */ (0,
|
|
55459
|
+
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
55460
|
]
|
|
55381
55461
|
}
|
|
55382
55462
|
),
|
|
55383
|
-
detailsExpanded && /* @__PURE__ */ (0,
|
|
55384
|
-
/* @__PURE__ */ (0,
|
|
55385
|
-
/* @__PURE__ */ (0,
|
|
55386
|
-
/* @__PURE__ */ (0,
|
|
55463
|
+
detailsExpanded && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-pb-3 uf-space-y-2.5", children: [
|
|
55464
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
55465
|
+
/* @__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 } }) }),
|
|
55466
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
55387
55467
|
t4.slippage.label,
|
|
55388
55468
|
":",
|
|
55389
55469
|
" ",
|
|
55390
|
-
/* @__PURE__ */ (0,
|
|
55470
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
|
|
55391
55471
|
t4.slippage.auto,
|
|
55392
55472
|
" \u2022 ",
|
|
55393
55473
|
maxSlippage.toFixed(2),
|
|
@@ -55395,38 +55475,38 @@ function TransferCryptoSingleInput({
|
|
|
55395
55475
|
] })
|
|
55396
55476
|
] })
|
|
55397
55477
|
] }),
|
|
55398
|
-
/* @__PURE__ */ (0,
|
|
55399
|
-
/* @__PURE__ */ (0,
|
|
55400
|
-
/* @__PURE__ */ (0,
|
|
55478
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
55479
|
+
/* @__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 } }) }),
|
|
55480
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
55401
55481
|
t4.priceImpact.label,
|
|
55402
55482
|
":",
|
|
55403
55483
|
" ",
|
|
55404
|
-
/* @__PURE__ */ (0,
|
|
55484
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
|
|
55405
55485
|
priceImpact.toFixed(2),
|
|
55406
55486
|
"%"
|
|
55407
55487
|
] })
|
|
55408
55488
|
] })
|
|
55409
55489
|
] }),
|
|
55410
|
-
/* @__PURE__ */ (0,
|
|
55411
|
-
/* @__PURE__ */ (0,
|
|
55412
|
-
/* @__PURE__ */ (0,
|
|
55490
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
55491
|
+
/* @__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 } }) }),
|
|
55492
|
+
/* @__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
55493
|
"Recipient address:",
|
|
55414
55494
|
" ",
|
|
55415
|
-
/* @__PURE__ */ (0,
|
|
55416
|
-
/* @__PURE__ */ (0,
|
|
55495
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: truncateAddress(recipientAddress || "", 8, 6) }),
|
|
55496
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
55417
55497
|
"span",
|
|
55418
55498
|
{
|
|
55419
55499
|
onClick: () => handleCopyRecipientAddress(recipientAddress),
|
|
55420
55500
|
className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
|
|
55421
55501
|
style: { color: copiedRecipient ? colors2.success : components.card.actionColor },
|
|
55422
|
-
children: copiedRecipient ? /* @__PURE__ */ (0,
|
|
55502
|
+
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
55503
|
}
|
|
55424
55504
|
)
|
|
55425
55505
|
] })
|
|
55426
55506
|
] })
|
|
55427
55507
|
] })
|
|
55428
55508
|
] }),
|
|
55429
|
-
wallets && wallets.length > 0 && /* @__PURE__ */ (0,
|
|
55509
|
+
wallets && wallets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
55430
55510
|
DepositPollingUi,
|
|
55431
55511
|
{
|
|
55432
55512
|
depositConfirmationMode,
|
|
@@ -55435,29 +55515,29 @@ function TransferCryptoSingleInput({
|
|
|
55435
55515
|
onIveDeposited: handleIveDeposited
|
|
55436
55516
|
}
|
|
55437
55517
|
),
|
|
55438
|
-
/* @__PURE__ */ (0,
|
|
55439
|
-
depositExecutions.length > 1 && /* @__PURE__ */ (0,
|
|
55518
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DepositFooterLinks, { onGlossaryClick: () => setGlossaryOpen(true) }),
|
|
55519
|
+
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
55520
|
"button",
|
|
55441
55521
|
{
|
|
55442
55522
|
onClick: () => setDepositsModalOpen(true),
|
|
55443
55523
|
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
55524
|
children: [
|
|
55445
|
-
/* @__PURE__ */ (0,
|
|
55525
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Clock, { className: "uf-w-3.5 uf-h-3.5" }),
|
|
55446
55526
|
"Track deposits (",
|
|
55447
55527
|
depositExecutions.length,
|
|
55448
55528
|
")",
|
|
55449
|
-
/* @__PURE__ */ (0,
|
|
55529
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ChevronRight, { className: "uf-w-3 uf-h-3" })
|
|
55450
55530
|
]
|
|
55451
55531
|
}
|
|
55452
55532
|
) }),
|
|
55453
|
-
/* @__PURE__ */ (0,
|
|
55533
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
55454
55534
|
DepositPollingToasts,
|
|
55455
55535
|
{
|
|
55456
55536
|
executions: depositExecutions,
|
|
55457
55537
|
isPolling
|
|
55458
55538
|
}
|
|
55459
55539
|
),
|
|
55460
|
-
/* @__PURE__ */ (0,
|
|
55540
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
55461
55541
|
DepositsModal,
|
|
55462
55542
|
{
|
|
55463
55543
|
open: depositsModalOpen,
|
|
@@ -55468,7 +55548,7 @@ function TransferCryptoSingleInput({
|
|
|
55468
55548
|
themeClass
|
|
55469
55549
|
}
|
|
55470
55550
|
),
|
|
55471
|
-
/* @__PURE__ */ (0,
|
|
55551
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
55472
55552
|
GlossaryModal,
|
|
55473
55553
|
{
|
|
55474
55554
|
open: glossaryOpen,
|
|
@@ -55485,7 +55565,7 @@ var Select2 = Root23;
|
|
|
55485
55565
|
var SelectValue2 = Value;
|
|
55486
55566
|
var SelectTrigger2 = React242.forwardRef(({ className, style, children, ...props }, ref) => {
|
|
55487
55567
|
const { components } = useTheme();
|
|
55488
|
-
return /* @__PURE__ */ (0,
|
|
55568
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
|
|
55489
55569
|
Trigger2,
|
|
55490
55570
|
{
|
|
55491
55571
|
ref,
|
|
@@ -55501,13 +55581,13 @@ var SelectTrigger2 = React242.forwardRef(({ className, style, children, ...props
|
|
|
55501
55581
|
...props,
|
|
55502
55582
|
children: [
|
|
55503
55583
|
children,
|
|
55504
|
-
/* @__PURE__ */ (0,
|
|
55584
|
+
/* @__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
55585
|
]
|
|
55506
55586
|
}
|
|
55507
55587
|
);
|
|
55508
55588
|
});
|
|
55509
55589
|
SelectTrigger2.displayName = Trigger2.displayName;
|
|
55510
|
-
var SelectScrollUpButton2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0,
|
|
55590
|
+
var SelectScrollUpButton2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
55511
55591
|
ScrollUpButton,
|
|
55512
55592
|
{
|
|
55513
55593
|
ref,
|
|
@@ -55516,11 +55596,11 @@ var SelectScrollUpButton2 = React242.forwardRef(({ className, ...props }, ref) =
|
|
|
55516
55596
|
className
|
|
55517
55597
|
),
|
|
55518
55598
|
...props,
|
|
55519
|
-
children: /* @__PURE__ */ (0,
|
|
55599
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ChevronUp, { className: "uf-h-4 uf-w-4" })
|
|
55520
55600
|
}
|
|
55521
55601
|
));
|
|
55522
55602
|
SelectScrollUpButton2.displayName = ScrollUpButton.displayName;
|
|
55523
|
-
var SelectScrollDownButton2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0,
|
|
55603
|
+
var SelectScrollDownButton2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
55524
55604
|
ScrollDownButton,
|
|
55525
55605
|
{
|
|
55526
55606
|
ref,
|
|
@@ -55529,13 +55609,13 @@ var SelectScrollDownButton2 = React242.forwardRef(({ className, ...props }, ref)
|
|
|
55529
55609
|
className
|
|
55530
55610
|
),
|
|
55531
55611
|
...props,
|
|
55532
|
-
children: /* @__PURE__ */ (0,
|
|
55612
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ChevronDown, { className: "uf-h-4 uf-w-4" })
|
|
55533
55613
|
}
|
|
55534
55614
|
));
|
|
55535
55615
|
SelectScrollDownButton2.displayName = ScrollDownButton.displayName;
|
|
55536
55616
|
var SelectContent2 = React242.forwardRef(({ className, style, children, position = "popper", ...props }, ref) => {
|
|
55537
55617
|
const { themeClass, colors: colors2, components } = useTheme();
|
|
55538
|
-
return /* @__PURE__ */ (0,
|
|
55618
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Portal4, { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
|
|
55539
55619
|
Content23,
|
|
55540
55620
|
{
|
|
55541
55621
|
ref,
|
|
@@ -55554,8 +55634,8 @@ var SelectContent2 = React242.forwardRef(({ className, style, children, position
|
|
|
55554
55634
|
position,
|
|
55555
55635
|
...props,
|
|
55556
55636
|
children: [
|
|
55557
|
-
/* @__PURE__ */ (0,
|
|
55558
|
-
/* @__PURE__ */ (0,
|
|
55637
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SelectScrollUpButton2, {}),
|
|
55638
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
55559
55639
|
Viewport,
|
|
55560
55640
|
{
|
|
55561
55641
|
className: cn(
|
|
@@ -55565,13 +55645,13 @@ var SelectContent2 = React242.forwardRef(({ className, style, children, position
|
|
|
55565
55645
|
children
|
|
55566
55646
|
}
|
|
55567
55647
|
),
|
|
55568
|
-
/* @__PURE__ */ (0,
|
|
55648
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SelectScrollDownButton2, {})
|
|
55569
55649
|
]
|
|
55570
55650
|
}
|
|
55571
55651
|
) });
|
|
55572
55652
|
});
|
|
55573
55653
|
SelectContent2.displayName = Content23.displayName;
|
|
55574
|
-
var SelectLabel2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0,
|
|
55654
|
+
var SelectLabel2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
55575
55655
|
Label,
|
|
55576
55656
|
{
|
|
55577
55657
|
ref,
|
|
@@ -55583,7 +55663,7 @@ var SelectLabel2 = React242.forwardRef(({ className, ...props }, ref) => /* @__P
|
|
|
55583
55663
|
}
|
|
55584
55664
|
));
|
|
55585
55665
|
SelectLabel2.displayName = Label.displayName;
|
|
55586
|
-
var SelectItem2 = React242.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0,
|
|
55666
|
+
var SelectItem2 = React242.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
|
|
55587
55667
|
Item,
|
|
55588
55668
|
{
|
|
55589
55669
|
ref,
|
|
@@ -55593,13 +55673,13 @@ var SelectItem2 = React242.forwardRef(({ className, children, ...props }, ref) =
|
|
|
55593
55673
|
),
|
|
55594
55674
|
...props,
|
|
55595
55675
|
children: [
|
|
55596
|
-
/* @__PURE__ */ (0,
|
|
55597
|
-
/* @__PURE__ */ (0,
|
|
55676
|
+
/* @__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" }) }) }),
|
|
55677
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ItemText, { children })
|
|
55598
55678
|
]
|
|
55599
55679
|
}
|
|
55600
55680
|
));
|
|
55601
55681
|
SelectItem2.displayName = Item.displayName;
|
|
55602
|
-
var SelectSeparator2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0,
|
|
55682
|
+
var SelectSeparator2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
55603
55683
|
Separator,
|
|
55604
55684
|
{
|
|
55605
55685
|
ref,
|
|
@@ -55764,8 +55844,8 @@ function TransferCryptoDoubleInput({
|
|
|
55764
55844
|
const processingTime = currentChainFromBackend?.estimated_processing_time ?? null;
|
|
55765
55845
|
const minDepositUsd = currentChainFromBackend?.minimum_deposit_amount_usd ?? 3;
|
|
55766
55846
|
const renderTokenItem = (tokenData) => {
|
|
55767
|
-
return /* @__PURE__ */ (0,
|
|
55768
|
-
/* @__PURE__ */ (0,
|
|
55847
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
55848
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
55769
55849
|
"img",
|
|
55770
55850
|
{
|
|
55771
55851
|
src: tokenData.icon_url,
|
|
@@ -55776,13 +55856,13 @@ function TransferCryptoDoubleInput({
|
|
|
55776
55856
|
className: "uf-rounded-full uf-flex-shrink-0"
|
|
55777
55857
|
}
|
|
55778
55858
|
),
|
|
55779
|
-
/* @__PURE__ */ (0,
|
|
55859
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "uf-text-xs uf-font-normal", children: tokenData.symbol })
|
|
55780
55860
|
] });
|
|
55781
55861
|
};
|
|
55782
55862
|
const renderChainItem = (chainData, showMinDeposit = false) => {
|
|
55783
|
-
return /* @__PURE__ */ (0,
|
|
55784
|
-
/* @__PURE__ */ (0,
|
|
55785
|
-
/* @__PURE__ */ (0,
|
|
55863
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-between uf-w-full", children: [
|
|
55864
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
55865
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
55786
55866
|
"img",
|
|
55787
55867
|
{
|
|
55788
55868
|
src: chainData.icon_url,
|
|
@@ -55793,32 +55873,32 @@ function TransferCryptoDoubleInput({
|
|
|
55793
55873
|
className: "uf-rounded-full uf-flex-shrink-0"
|
|
55794
55874
|
}
|
|
55795
55875
|
),
|
|
55796
|
-
/* @__PURE__ */ (0,
|
|
55876
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "uf-text-xs uf-font-normal", children: chainData.chain_name })
|
|
55797
55877
|
] }),
|
|
55798
|
-
showMinDeposit && chainData.minimum_deposit_amount_usd && /* @__PURE__ */ (0,
|
|
55878
|
+
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
55879
|
"$",
|
|
55800
55880
|
chainData.minimum_deposit_amount_usd
|
|
55801
55881
|
] })
|
|
55802
55882
|
] });
|
|
55803
55883
|
};
|
|
55804
|
-
return /* @__PURE__ */ (0,
|
|
55884
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(TooltipProvider2, { delayDuration: 0, skipDelayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
|
|
55805
55885
|
"div",
|
|
55806
55886
|
{
|
|
55807
55887
|
className: "uf-space-y-3",
|
|
55808
55888
|
style: { backgroundColor: colors2.background },
|
|
55809
55889
|
children: [
|
|
55810
|
-
/* @__PURE__ */ (0,
|
|
55811
|
-
/* @__PURE__ */ (0,
|
|
55812
|
-
/* @__PURE__ */ (0,
|
|
55813
|
-
/* @__PURE__ */ (0,
|
|
55890
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-grid uf-grid-cols-2 uf-gap-2.5", children: [
|
|
55891
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { children: [
|
|
55892
|
+
/* @__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 }),
|
|
55893
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
|
|
55814
55894
|
Select2,
|
|
55815
55895
|
{
|
|
55816
55896
|
value: token,
|
|
55817
55897
|
onValueChange: setToken,
|
|
55818
55898
|
disabled: tokensLoading || supportedTokens.length === 0,
|
|
55819
55899
|
children: [
|
|
55820
|
-
/* @__PURE__ */ (0,
|
|
55821
|
-
/* @__PURE__ */ (0,
|
|
55900
|
+
/* @__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 }) }) }) }),
|
|
55901
|
+
/* @__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
55902
|
SelectItem2,
|
|
55823
55903
|
{
|
|
55824
55904
|
value: tokenData.symbol,
|
|
@@ -55831,36 +55911,36 @@ function TransferCryptoDoubleInput({
|
|
|
55831
55911
|
}
|
|
55832
55912
|
)
|
|
55833
55913
|
] }),
|
|
55834
|
-
/* @__PURE__ */ (0,
|
|
55835
|
-
/* @__PURE__ */ (0,
|
|
55914
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { children: [
|
|
55915
|
+
/* @__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
55916
|
t5.selectedChain,
|
|
55837
|
-
/* @__PURE__ */ (0,
|
|
55917
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { className: "uf-font-medium", style: { color: components.card.labelHighlightRightColor }, children: [
|
|
55838
55918
|
"$",
|
|
55839
55919
|
minDepositUsd,
|
|
55840
55920
|
" ",
|
|
55841
55921
|
t5.minDeposit.label
|
|
55842
55922
|
] })
|
|
55843
55923
|
] }),
|
|
55844
|
-
/* @__PURE__ */ (0,
|
|
55924
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
|
|
55845
55925
|
Select2,
|
|
55846
55926
|
{
|
|
55847
55927
|
value: chain,
|
|
55848
55928
|
onValueChange: setChain,
|
|
55849
55929
|
disabled: tokensLoading || availableChainsForToken.length === 0,
|
|
55850
55930
|
children: [
|
|
55851
|
-
/* @__PURE__ */ (0,
|
|
55852
|
-
/* @__PURE__ */ (0,
|
|
55931
|
+
/* @__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 }) }) }) }),
|
|
55932
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
55853
55933
|
SelectContent2,
|
|
55854
55934
|
{
|
|
55855
55935
|
align: "end",
|
|
55856
55936
|
className: "uf-bg-secondary uf-border uf-text-foreground uf-max-h-[300px] uf-min-w-[200px]",
|
|
55857
55937
|
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,
|
|
55938
|
+
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
55939
|
const chainKey = getChainKey2(
|
|
55860
55940
|
chainData.chain_id,
|
|
55861
55941
|
chainData.chain_type
|
|
55862
55942
|
);
|
|
55863
|
-
return /* @__PURE__ */ (0,
|
|
55943
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
55864
55944
|
SelectItem2,
|
|
55865
55945
|
{
|
|
55866
55946
|
value: chainKey,
|
|
@@ -55877,24 +55957,24 @@ function TransferCryptoDoubleInput({
|
|
|
55877
55957
|
)
|
|
55878
55958
|
] })
|
|
55879
55959
|
] }),
|
|
55880
|
-
error && !loading && /* @__PURE__ */ (0,
|
|
55881
|
-
/* @__PURE__ */ (0,
|
|
55882
|
-
/* @__PURE__ */ (0,
|
|
55883
|
-
/* @__PURE__ */ (0,
|
|
55884
|
-
/* @__PURE__ */ (0,
|
|
55885
|
-
/* @__PURE__ */ (0,
|
|
55960
|
+
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: [
|
|
55961
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex uf-items-start uf-gap-2", children: [
|
|
55962
|
+
/* @__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" }),
|
|
55963
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex-1 uf-min-w-0", children: [
|
|
55964
|
+
/* @__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" }),
|
|
55965
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-text-xs uf-text-muted-foreground", children: error })
|
|
55886
55966
|
] })
|
|
55887
55967
|
] }),
|
|
55888
|
-
/* @__PURE__ */ (0,
|
|
55889
|
-
/* @__PURE__ */ (0,
|
|
55890
|
-
/* @__PURE__ */ (0,
|
|
55968
|
+
/* @__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: [
|
|
55969
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Clock, { className: "uf-w-3 uf-h-3" }),
|
|
55970
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { children: "Retrying automatically every 5 seconds..." })
|
|
55891
55971
|
] })
|
|
55892
55972
|
] }),
|
|
55893
|
-
/* @__PURE__ */ (0,
|
|
55894
|
-
/* @__PURE__ */ (0,
|
|
55895
|
-
/* @__PURE__ */ (0,
|
|
55973
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-pt-2", children: [
|
|
55974
|
+
/* @__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" }),
|
|
55975
|
+
/* @__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
55976
|
// QR Skeleton - matches QR code appearance
|
|
55897
|
-
/* @__PURE__ */ (0,
|
|
55977
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
55898
55978
|
"div",
|
|
55899
55979
|
{
|
|
55900
55980
|
className: "uf-flex uf-items-center uf-justify-center uf-animate-pulse",
|
|
@@ -55904,7 +55984,7 @@ function TransferCryptoDoubleInput({
|
|
|
55904
55984
|
background: isDarkMode ? "linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%)" : "linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%)",
|
|
55905
55985
|
borderRadius: 8
|
|
55906
55986
|
},
|
|
55907
|
-
children: /* @__PURE__ */ (0,
|
|
55987
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
55908
55988
|
"div",
|
|
55909
55989
|
{
|
|
55910
55990
|
style: {
|
|
@@ -55917,7 +55997,7 @@ function TransferCryptoDoubleInput({
|
|
|
55917
55997
|
)
|
|
55918
55998
|
}
|
|
55919
55999
|
)
|
|
55920
|
-
) : depositAddress ? /* @__PURE__ */ (0,
|
|
56000
|
+
) : depositAddress ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
55921
56001
|
StyledQRCode,
|
|
55922
56002
|
{
|
|
55923
56003
|
value: depositAddress,
|
|
@@ -55927,19 +56007,19 @@ function TransferCryptoDoubleInput({
|
|
|
55927
56007
|
darkMode: isDarkMode
|
|
55928
56008
|
},
|
|
55929
56009
|
`qr-${depositAddress}-${chain}`
|
|
55930
|
-
) : /* @__PURE__ */ (0,
|
|
56010
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
55931
56011
|
"div",
|
|
55932
56012
|
{
|
|
55933
56013
|
className: "uf-flex uf-items-center uf-justify-center",
|
|
55934
56014
|
style: { width: 180, height: 180 },
|
|
55935
|
-
children: /* @__PURE__ */ (0,
|
|
56015
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-text-red-400 uf-text-sm", children: t5.noAddressAvailable })
|
|
55936
56016
|
}
|
|
55937
56017
|
) })
|
|
55938
56018
|
] }),
|
|
55939
|
-
/* @__PURE__ */ (0,
|
|
56019
|
+
/* @__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
56020
|
loading || tokensLoading || !initialSelectionDone ? (
|
|
55941
56021
|
// Address skeleton
|
|
55942
|
-
/* @__PURE__ */ (0,
|
|
56022
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
55943
56023
|
"div",
|
|
55944
56024
|
{
|
|
55945
56025
|
className: "uf-h-4 uf-w-32 uf-rounded uf-animate-pulse",
|
|
@@ -55948,45 +56028,45 @@ function TransferCryptoDoubleInput({
|
|
|
55948
56028
|
}
|
|
55949
56029
|
}
|
|
55950
56030
|
)
|
|
55951
|
-
) : /* @__PURE__ */ (0,
|
|
55952
|
-
depositAddress && initialSelectionDone && /* @__PURE__ */ (0,
|
|
56031
|
+
) : /* @__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 }),
|
|
56032
|
+
depositAddress && initialSelectionDone && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
55953
56033
|
"span",
|
|
55954
56034
|
{
|
|
55955
56035
|
onClick: handleCopyAddress,
|
|
55956
56036
|
className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
|
|
55957
56037
|
style: { color: copied ? colors2.success : components.card.actionColor },
|
|
55958
|
-
children: copied ? /* @__PURE__ */ (0,
|
|
56038
|
+
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
56039
|
}
|
|
55960
56040
|
)
|
|
55961
56041
|
] }) }),
|
|
55962
|
-
/* @__PURE__ */ (0,
|
|
55963
|
-
/* @__PURE__ */ (0,
|
|
56042
|
+
/* @__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: [
|
|
56043
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
|
|
55964
56044
|
"button",
|
|
55965
56045
|
{
|
|
55966
56046
|
onClick: () => setDetailsExpanded(!detailsExpanded),
|
|
55967
56047
|
className: "uf-w-full uf-flex uf-items-center uf-justify-between uf-py-2.5",
|
|
55968
56048
|
children: [
|
|
55969
|
-
/* @__PURE__ */ (0,
|
|
55970
|
-
/* @__PURE__ */ (0,
|
|
55971
|
-
/* @__PURE__ */ (0,
|
|
56049
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
56050
|
+
/* @__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 } }) }),
|
|
56051
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
55972
56052
|
t5.processingTime.label,
|
|
55973
56053
|
":",
|
|
55974
56054
|
" ",
|
|
55975
|
-
/* @__PURE__ */ (0,
|
|
56055
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: formatProcessingTime2(processingTime) })
|
|
55976
56056
|
] })
|
|
55977
56057
|
] }),
|
|
55978
|
-
detailsExpanded ? /* @__PURE__ */ (0,
|
|
56058
|
+
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
56059
|
]
|
|
55980
56060
|
}
|
|
55981
56061
|
),
|
|
55982
|
-
detailsExpanded && /* @__PURE__ */ (0,
|
|
55983
|
-
/* @__PURE__ */ (0,
|
|
55984
|
-
/* @__PURE__ */ (0,
|
|
55985
|
-
/* @__PURE__ */ (0,
|
|
56062
|
+
detailsExpanded && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-pb-3 uf-space-y-2.5", children: [
|
|
56063
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
56064
|
+
/* @__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 } }) }),
|
|
56065
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
55986
56066
|
t5.slippage.label,
|
|
55987
56067
|
":",
|
|
55988
56068
|
" ",
|
|
55989
|
-
/* @__PURE__ */ (0,
|
|
56069
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
|
|
55990
56070
|
t5.slippage.auto,
|
|
55991
56071
|
" \u2022 ",
|
|
55992
56072
|
maxSlippage.toFixed(2),
|
|
@@ -55994,38 +56074,38 @@ function TransferCryptoDoubleInput({
|
|
|
55994
56074
|
] })
|
|
55995
56075
|
] })
|
|
55996
56076
|
] }),
|
|
55997
|
-
/* @__PURE__ */ (0,
|
|
55998
|
-
/* @__PURE__ */ (0,
|
|
55999
|
-
/* @__PURE__ */ (0,
|
|
56077
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
56078
|
+
/* @__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 } }) }),
|
|
56079
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
56000
56080
|
t5.priceImpact.label,
|
|
56001
56081
|
":",
|
|
56002
56082
|
" ",
|
|
56003
|
-
/* @__PURE__ */ (0,
|
|
56083
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
|
|
56004
56084
|
priceImpact.toFixed(2),
|
|
56005
56085
|
"%"
|
|
56006
56086
|
] })
|
|
56007
56087
|
] })
|
|
56008
56088
|
] }),
|
|
56009
|
-
/* @__PURE__ */ (0,
|
|
56010
|
-
/* @__PURE__ */ (0,
|
|
56011
|
-
/* @__PURE__ */ (0,
|
|
56089
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
56090
|
+
/* @__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 } }) }),
|
|
56091
|
+
/* @__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
56092
|
"Recipient address:",
|
|
56013
56093
|
" ",
|
|
56014
|
-
/* @__PURE__ */ (0,
|
|
56015
|
-
/* @__PURE__ */ (0,
|
|
56094
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: truncateAddress(recipientAddress || "", 8, 6) }),
|
|
56095
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
56016
56096
|
"span",
|
|
56017
56097
|
{
|
|
56018
56098
|
onClick: () => handleCopyRecipientAddress(recipientAddress),
|
|
56019
56099
|
className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
|
|
56020
56100
|
style: { color: copiedRecipient ? colors2.success : components.card.actionColor },
|
|
56021
|
-
children: copiedRecipient ? /* @__PURE__ */ (0,
|
|
56101
|
+
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
56102
|
}
|
|
56023
56103
|
)
|
|
56024
56104
|
] })
|
|
56025
56105
|
] })
|
|
56026
56106
|
] })
|
|
56027
56107
|
] }),
|
|
56028
|
-
wallets && wallets.length > 0 && /* @__PURE__ */ (0,
|
|
56108
|
+
wallets && wallets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
56029
56109
|
DepositPollingUi,
|
|
56030
56110
|
{
|
|
56031
56111
|
depositConfirmationMode,
|
|
@@ -56034,29 +56114,29 @@ function TransferCryptoDoubleInput({
|
|
|
56034
56114
|
onIveDeposited: handleIveDeposited
|
|
56035
56115
|
}
|
|
56036
56116
|
),
|
|
56037
|
-
/* @__PURE__ */ (0,
|
|
56038
|
-
depositExecutions.length > 1 && /* @__PURE__ */ (0,
|
|
56117
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(DepositFooterLinks, { onGlossaryClick: () => setGlossaryOpen(true) }),
|
|
56118
|
+
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
56119
|
"button",
|
|
56040
56120
|
{
|
|
56041
56121
|
onClick: () => setDepositsModalOpen(true),
|
|
56042
56122
|
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
56123
|
children: [
|
|
56044
|
-
/* @__PURE__ */ (0,
|
|
56124
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Clock, { className: "uf-w-3.5 uf-h-3.5" }),
|
|
56045
56125
|
"Track deposits (",
|
|
56046
56126
|
depositExecutions.length,
|
|
56047
56127
|
")",
|
|
56048
|
-
/* @__PURE__ */ (0,
|
|
56128
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ChevronRight, { className: "uf-w-3 uf-h-3" })
|
|
56049
56129
|
]
|
|
56050
56130
|
}
|
|
56051
56131
|
) }),
|
|
56052
|
-
/* @__PURE__ */ (0,
|
|
56132
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
56053
56133
|
DepositPollingToasts,
|
|
56054
56134
|
{
|
|
56055
56135
|
executions: depositExecutions,
|
|
56056
56136
|
isPolling
|
|
56057
56137
|
}
|
|
56058
56138
|
),
|
|
56059
|
-
/* @__PURE__ */ (0,
|
|
56139
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
56060
56140
|
DepositsModal,
|
|
56061
56141
|
{
|
|
56062
56142
|
open: depositsModalOpen,
|
|
@@ -56067,7 +56147,7 @@ function TransferCryptoDoubleInput({
|
|
|
56067
56147
|
themeClass
|
|
56068
56148
|
}
|
|
56069
56149
|
),
|
|
56070
|
-
/* @__PURE__ */ (0,
|
|
56150
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
56071
56151
|
GlossaryModal,
|
|
56072
56152
|
{
|
|
56073
56153
|
open: glossaryOpen,
|
|
@@ -56094,8 +56174,8 @@ function SelectTokenView({
|
|
|
56094
56174
|
onClose
|
|
56095
56175
|
}) {
|
|
56096
56176
|
const { colors: colors2, fonts, components } = useTheme();
|
|
56097
|
-
return /* @__PURE__ */ (0,
|
|
56098
|
-
/* @__PURE__ */ (0,
|
|
56177
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_jsx_runtime61.Fragment, { children: [
|
|
56178
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
56099
56179
|
DepositHeader,
|
|
56100
56180
|
{
|
|
56101
56181
|
title: "Select Token",
|
|
@@ -56108,20 +56188,20 @@ function SelectTokenView({
|
|
|
56108
56188
|
onClose
|
|
56109
56189
|
}
|
|
56110
56190
|
),
|
|
56111
|
-
/* @__PURE__ */ (0,
|
|
56191
|
+
/* @__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
56192
|
LoaderCircle,
|
|
56113
56193
|
{
|
|
56114
56194
|
className: "uf-w-6 uf-h-6 uf-animate-spin",
|
|
56115
56195
|
style: { color: colors2.foregroundMuted }
|
|
56116
56196
|
}
|
|
56117
|
-
) }) : error ? /* @__PURE__ */ (0,
|
|
56197
|
+
) }) : error ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "uf-text-center uf-py-8", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
56118
56198
|
"div",
|
|
56119
56199
|
{
|
|
56120
56200
|
className: "uf-text-sm",
|
|
56121
56201
|
style: { color: colors2.foregroundMuted },
|
|
56122
56202
|
children: error
|
|
56123
56203
|
}
|
|
56124
|
-
) }) : balances.length === 0 ? /* @__PURE__ */ (0,
|
|
56204
|
+
) }) : 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
56205
|
"div",
|
|
56126
56206
|
{
|
|
56127
56207
|
className: "uf-text-sm",
|
|
@@ -56140,7 +56220,7 @@ function SelectTokenView({
|
|
|
56140
56220
|
token.symbol
|
|
56141
56221
|
);
|
|
56142
56222
|
const formattedUsd = formatUsdAmount(balance.amount_usd);
|
|
56143
|
-
return /* @__PURE__ */ (0,
|
|
56223
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
|
|
56144
56224
|
"button",
|
|
56145
56225
|
{
|
|
56146
56226
|
onClick: () => onTokenSelect(balance),
|
|
@@ -56153,9 +56233,9 @@ function SelectTokenView({
|
|
|
56153
56233
|
opacity: isEligible ? 1 : 0.5
|
|
56154
56234
|
},
|
|
56155
56235
|
children: [
|
|
56156
|
-
/* @__PURE__ */ (0,
|
|
56157
|
-
/* @__PURE__ */ (0,
|
|
56158
|
-
getIconUrl2(token.icon_url, assetCdnUrl) ? /* @__PURE__ */ (0,
|
|
56236
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
|
|
56237
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "uf-relative uf-w-9 uf-h-9", children: [
|
|
56238
|
+
getIconUrl2(token.icon_url, assetCdnUrl) ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
56159
56239
|
"img",
|
|
56160
56240
|
{
|
|
56161
56241
|
src: getIconUrl2(token.icon_url, assetCdnUrl),
|
|
@@ -56167,12 +56247,12 @@ function SelectTokenView({
|
|
|
56167
56247
|
filter: isEligible ? "none" : "grayscale(100%)"
|
|
56168
56248
|
}
|
|
56169
56249
|
}
|
|
56170
|
-
) : /* @__PURE__ */ (0,
|
|
56250
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
56171
56251
|
"div",
|
|
56172
56252
|
{
|
|
56173
56253
|
className: "uf-w-9 uf-h-9 uf-rounded-full uf-flex uf-items-center uf-justify-center",
|
|
56174
56254
|
style: { backgroundColor: colors2.card },
|
|
56175
|
-
children: /* @__PURE__ */ (0,
|
|
56255
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
56176
56256
|
"span",
|
|
56177
56257
|
{
|
|
56178
56258
|
className: "uf-text-xs uf-font-medium",
|
|
@@ -56182,7 +56262,7 @@ function SelectTokenView({
|
|
|
56182
56262
|
)
|
|
56183
56263
|
}
|
|
56184
56264
|
),
|
|
56185
|
-
getIconUrl2(token.chain_icon_url, assetCdnUrl) && /* @__PURE__ */ (0,
|
|
56265
|
+
getIconUrl2(token.chain_icon_url, assetCdnUrl) && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
56186
56266
|
"img",
|
|
56187
56267
|
{
|
|
56188
56268
|
src: getIconUrl2(token.chain_icon_url, assetCdnUrl),
|
|
@@ -56197,8 +56277,8 @@ function SelectTokenView({
|
|
|
56197
56277
|
}
|
|
56198
56278
|
)
|
|
56199
56279
|
] }),
|
|
56200
|
-
/* @__PURE__ */ (0,
|
|
56201
|
-
/* @__PURE__ */ (0,
|
|
56280
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "uf-text-left", children: [
|
|
56281
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
56202
56282
|
"div",
|
|
56203
56283
|
{
|
|
56204
56284
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -56209,7 +56289,7 @@ function SelectTokenView({
|
|
|
56209
56289
|
children: token.symbol
|
|
56210
56290
|
}
|
|
56211
56291
|
),
|
|
56212
|
-
/* @__PURE__ */ (0,
|
|
56292
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
|
|
56213
56293
|
"div",
|
|
56214
56294
|
{
|
|
56215
56295
|
className: "uf-text-xs",
|
|
@@ -56225,8 +56305,8 @@ function SelectTokenView({
|
|
|
56225
56305
|
)
|
|
56226
56306
|
] })
|
|
56227
56307
|
] }),
|
|
56228
|
-
/* @__PURE__ */ (0,
|
|
56229
|
-
/* @__PURE__ */ (0,
|
|
56308
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "uf-text-right", children: [
|
|
56309
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
|
|
56230
56310
|
"div",
|
|
56231
56311
|
{
|
|
56232
56312
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -56241,7 +56321,7 @@ function SelectTokenView({
|
|
|
56241
56321
|
]
|
|
56242
56322
|
}
|
|
56243
56323
|
),
|
|
56244
|
-
formattedUsd && /* @__PURE__ */ (0,
|
|
56324
|
+
formattedUsd && /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
|
|
56245
56325
|
"div",
|
|
56246
56326
|
{
|
|
56247
56327
|
className: "uf-text-xs",
|
|
@@ -56261,7 +56341,7 @@ function SelectTokenView({
|
|
|
56261
56341
|
`${token.chain_id}-${token.token_address}-${index2}`
|
|
56262
56342
|
);
|
|
56263
56343
|
}) }) }),
|
|
56264
|
-
/* @__PURE__ */ (0,
|
|
56344
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "uf-pt-4", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
56265
56345
|
"button",
|
|
56266
56346
|
{
|
|
56267
56347
|
onClick: onContinue,
|
|
@@ -56297,8 +56377,8 @@ function EnterAmountView({
|
|
|
56297
56377
|
}) {
|
|
56298
56378
|
const { colors: colors2, fonts, components } = useTheme();
|
|
56299
56379
|
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,
|
|
56301
|
-
/* @__PURE__ */ (0,
|
|
56380
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
|
|
56381
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
56302
56382
|
DepositHeader,
|
|
56303
56383
|
{
|
|
56304
56384
|
title: "Enter Amount",
|
|
@@ -56308,9 +56388,9 @@ function EnterAmountView({
|
|
|
56308
56388
|
onClose
|
|
56309
56389
|
}
|
|
56310
56390
|
),
|
|
56311
|
-
/* @__PURE__ */ (0,
|
|
56312
|
-
/* @__PURE__ */ (0,
|
|
56313
|
-
/* @__PURE__ */ (0,
|
|
56391
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "uf-text-center uf-py-6", children: [
|
|
56392
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-center", children: [
|
|
56393
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
56314
56394
|
"span",
|
|
56315
56395
|
{
|
|
56316
56396
|
className: "uf-text-2xl uf-mr-1",
|
|
@@ -56318,7 +56398,7 @@ function EnterAmountView({
|
|
|
56318
56398
|
children: "$"
|
|
56319
56399
|
}
|
|
56320
56400
|
),
|
|
56321
|
-
/* @__PURE__ */ (0,
|
|
56401
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
56322
56402
|
"input",
|
|
56323
56403
|
{
|
|
56324
56404
|
type: "text",
|
|
@@ -56346,7 +56426,7 @@ function EnterAmountView({
|
|
|
56346
56426
|
}
|
|
56347
56427
|
)
|
|
56348
56428
|
] }),
|
|
56349
|
-
formattedTokenAmount && /* @__PURE__ */ (0,
|
|
56429
|
+
formattedTokenAmount && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
|
|
56350
56430
|
"div",
|
|
56351
56431
|
{
|
|
56352
56432
|
className: "uf-text-sm uf-mt-2",
|
|
@@ -56358,8 +56438,8 @@ function EnterAmountView({
|
|
|
56358
56438
|
}
|
|
56359
56439
|
)
|
|
56360
56440
|
] }),
|
|
56361
|
-
/* @__PURE__ */ (0,
|
|
56362
|
-
[25, 50, 100, 500].map((quickAmount) => /* @__PURE__ */ (0,
|
|
56441
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "uf-flex uf-gap-2 uf-mb-4", children: [
|
|
56442
|
+
[25, 50, 100, 500].map((quickAmount) => /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
|
|
56363
56443
|
"button",
|
|
56364
56444
|
{
|
|
56365
56445
|
onClick: () => onAmountChange(quickAmount.toString()),
|
|
@@ -56376,7 +56456,7 @@ function EnterAmountView({
|
|
|
56376
56456
|
},
|
|
56377
56457
|
quickAmount
|
|
56378
56458
|
)),
|
|
56379
|
-
/* @__PURE__ */ (0,
|
|
56459
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
56380
56460
|
"button",
|
|
56381
56461
|
{
|
|
56382
56462
|
onClick: onMaxClick,
|
|
@@ -56390,7 +56470,7 @@ function EnterAmountView({
|
|
|
56390
56470
|
}
|
|
56391
56471
|
)
|
|
56392
56472
|
] }),
|
|
56393
|
-
tokenChainDetails && tokenChainDetails.minimum_deposit_amount_usd > 0 && /* @__PURE__ */ (0,
|
|
56473
|
+
tokenChainDetails && tokenChainDetails.minimum_deposit_amount_usd > 0 && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
|
|
56394
56474
|
"div",
|
|
56395
56475
|
{
|
|
56396
56476
|
className: "uf-text-center uf-text-xs uf-mb-3",
|
|
@@ -56401,14 +56481,14 @@ function EnterAmountView({
|
|
|
56401
56481
|
]
|
|
56402
56482
|
}
|
|
56403
56483
|
),
|
|
56404
|
-
inputUsdNum > 0 && /* @__PURE__ */ (0,
|
|
56484
|
+
inputUsdNum > 0 && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_jsx_runtime62.Fragment, { children: inputUsdNum > maxUsdAmount ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
56405
56485
|
"div",
|
|
56406
56486
|
{
|
|
56407
56487
|
className: "uf-text-center uf-text-sm uf-mb-3",
|
|
56408
56488
|
style: { color: colors2.error },
|
|
56409
56489
|
children: "Insufficient balance"
|
|
56410
56490
|
}
|
|
56411
|
-
) : error && /* @__PURE__ */ (0,
|
|
56491
|
+
) : error && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
56412
56492
|
"div",
|
|
56413
56493
|
{
|
|
56414
56494
|
className: "uf-text-center uf-text-sm uf-mb-3 uf-px-2",
|
|
@@ -56416,7 +56496,7 @@ function EnterAmountView({
|
|
|
56416
56496
|
children: error
|
|
56417
56497
|
}
|
|
56418
56498
|
) }),
|
|
56419
|
-
/* @__PURE__ */ (0,
|
|
56499
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
56420
56500
|
"button",
|
|
56421
56501
|
{
|
|
56422
56502
|
onClick: onReview,
|
|
@@ -56452,8 +56532,8 @@ function ReviewView({
|
|
|
56452
56532
|
onClose
|
|
56453
56533
|
}) {
|
|
56454
56534
|
const { colors: colors2, fonts, components } = useTheme();
|
|
56455
|
-
return /* @__PURE__ */ (0,
|
|
56456
|
-
/* @__PURE__ */ (0,
|
|
56535
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-flex uf-flex-col uf-min-h-[400px]", children: [
|
|
56536
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
56457
56537
|
DepositHeader,
|
|
56458
56538
|
{
|
|
56459
56539
|
title: "Review",
|
|
@@ -56462,8 +56542,8 @@ function ReviewView({
|
|
|
56462
56542
|
onClose
|
|
56463
56543
|
}
|
|
56464
56544
|
),
|
|
56465
|
-
/* @__PURE__ */ (0,
|
|
56466
|
-
/* @__PURE__ */ (0,
|
|
56545
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-text-center", children: [
|
|
56546
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
56467
56547
|
"div",
|
|
56468
56548
|
{
|
|
56469
56549
|
className: "uf-text-4xl uf-font-medium",
|
|
@@ -56474,7 +56554,7 @@ function ReviewView({
|
|
|
56474
56554
|
]
|
|
56475
56555
|
}
|
|
56476
56556
|
),
|
|
56477
|
-
formattedTokenAmount && /* @__PURE__ */ (0,
|
|
56557
|
+
formattedTokenAmount && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
56478
56558
|
"div",
|
|
56479
56559
|
{
|
|
56480
56560
|
className: "uf-text-sm uf-mt-2",
|
|
@@ -56486,14 +56566,14 @@ function ReviewView({
|
|
|
56486
56566
|
}
|
|
56487
56567
|
)
|
|
56488
56568
|
] }),
|
|
56489
|
-
/* @__PURE__ */ (0,
|
|
56569
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
56490
56570
|
"div",
|
|
56491
56571
|
{
|
|
56492
56572
|
className: "uf-p-4 uf-space-y-4 uf-mt-4",
|
|
56493
56573
|
style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` },
|
|
56494
56574
|
children: [
|
|
56495
|
-
/* @__PURE__ */ (0,
|
|
56496
|
-
/* @__PURE__ */ (0,
|
|
56575
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-flex uf-justify-between uf-items-center", children: [
|
|
56576
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
56497
56577
|
"span",
|
|
56498
56578
|
{
|
|
56499
56579
|
className: "uf-text-sm",
|
|
@@ -56501,8 +56581,8 @@ function ReviewView({
|
|
|
56501
56581
|
children: "Source"
|
|
56502
56582
|
}
|
|
56503
56583
|
),
|
|
56504
|
-
/* @__PURE__ */ (0,
|
|
56505
|
-
getIconUrl2(selectedToken.icon_url, assetCdnUrl) && /* @__PURE__ */ (0,
|
|
56584
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
56585
|
+
getIconUrl2(selectedToken.icon_url, assetCdnUrl) && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
56506
56586
|
"img",
|
|
56507
56587
|
{
|
|
56508
56588
|
src: getIconUrl2(selectedToken.icon_url, assetCdnUrl),
|
|
@@ -56510,7 +56590,7 @@ function ReviewView({
|
|
|
56510
56590
|
className: "uf-w-5 uf-h-5 uf-rounded-full"
|
|
56511
56591
|
}
|
|
56512
56592
|
),
|
|
56513
|
-
/* @__PURE__ */ (0,
|
|
56593
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
56514
56594
|
"span",
|
|
56515
56595
|
{
|
|
56516
56596
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -56525,8 +56605,8 @@ function ReviewView({
|
|
|
56525
56605
|
)
|
|
56526
56606
|
] })
|
|
56527
56607
|
] }),
|
|
56528
|
-
/* @__PURE__ */ (0,
|
|
56529
|
-
/* @__PURE__ */ (0,
|
|
56608
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-flex uf-justify-between uf-items-center", children: [
|
|
56609
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
56530
56610
|
"span",
|
|
56531
56611
|
{
|
|
56532
56612
|
className: "uf-text-sm",
|
|
@@ -56534,7 +56614,7 @@ function ReviewView({
|
|
|
56534
56614
|
children: "Destination"
|
|
56535
56615
|
}
|
|
56536
56616
|
),
|
|
56537
|
-
/* @__PURE__ */ (0,
|
|
56617
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
56538
56618
|
"span",
|
|
56539
56619
|
{
|
|
56540
56620
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -56543,13 +56623,13 @@ function ReviewView({
|
|
|
56543
56623
|
}
|
|
56544
56624
|
)
|
|
56545
56625
|
] }),
|
|
56546
|
-
/* @__PURE__ */ (0,
|
|
56626
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
56547
56627
|
"button",
|
|
56548
56628
|
{
|
|
56549
56629
|
onClick: onToggleDetails,
|
|
56550
56630
|
className: "uf-w-full uf-flex uf-justify-between uf-items-center uf-transition-colors hover:uf-opacity-80",
|
|
56551
56631
|
children: [
|
|
56552
|
-
/* @__PURE__ */ (0,
|
|
56632
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
56553
56633
|
"span",
|
|
56554
56634
|
{
|
|
56555
56635
|
className: "uf-text-sm",
|
|
@@ -56557,8 +56637,8 @@ function ReviewView({
|
|
|
56557
56637
|
children: "Estimated time"
|
|
56558
56638
|
}
|
|
56559
56639
|
),
|
|
56560
|
-
/* @__PURE__ */ (0,
|
|
56561
|
-
/* @__PURE__ */ (0,
|
|
56640
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
56641
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
56562
56642
|
"span",
|
|
56563
56643
|
{
|
|
56564
56644
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -56568,13 +56648,13 @@ function ReviewView({
|
|
|
56568
56648
|
)
|
|
56569
56649
|
}
|
|
56570
56650
|
),
|
|
56571
|
-
showTransactionDetails ? /* @__PURE__ */ (0,
|
|
56651
|
+
showTransactionDetails ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
56572
56652
|
ChevronUp,
|
|
56573
56653
|
{
|
|
56574
56654
|
className: "uf-w-4 uf-h-4",
|
|
56575
56655
|
style: { color: colors2.foregroundMuted }
|
|
56576
56656
|
}
|
|
56577
|
-
) : /* @__PURE__ */ (0,
|
|
56657
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
56578
56658
|
ChevronDown,
|
|
56579
56659
|
{
|
|
56580
56660
|
className: "uf-w-4 uf-h-4",
|
|
@@ -56585,14 +56665,14 @@ function ReviewView({
|
|
|
56585
56665
|
]
|
|
56586
56666
|
}
|
|
56587
56667
|
),
|
|
56588
|
-
showTransactionDetails && tokenChainDetails && /* @__PURE__ */ (0,
|
|
56589
|
-
/* @__PURE__ */ (0,
|
|
56668
|
+
showTransactionDetails && tokenChainDetails && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
|
|
56669
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
56590
56670
|
"div",
|
|
56591
56671
|
{
|
|
56592
56672
|
className: "uf-flex uf-justify-between uf-items-center uf-pt-3 uf-border-t",
|
|
56593
56673
|
style: { borderColor: colors2.border },
|
|
56594
56674
|
children: [
|
|
56595
|
-
/* @__PURE__ */ (0,
|
|
56675
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
56596
56676
|
"span",
|
|
56597
56677
|
{
|
|
56598
56678
|
className: "uf-text-sm",
|
|
@@ -56603,7 +56683,7 @@ function ReviewView({
|
|
|
56603
56683
|
children: "Price impact"
|
|
56604
56684
|
}
|
|
56605
56685
|
),
|
|
56606
|
-
/* @__PURE__ */ (0,
|
|
56686
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
56607
56687
|
"span",
|
|
56608
56688
|
{
|
|
56609
56689
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -56617,8 +56697,8 @@ function ReviewView({
|
|
|
56617
56697
|
]
|
|
56618
56698
|
}
|
|
56619
56699
|
),
|
|
56620
|
-
/* @__PURE__ */ (0,
|
|
56621
|
-
/* @__PURE__ */ (0,
|
|
56700
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-flex uf-justify-between uf-items-center", children: [
|
|
56701
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
56622
56702
|
"span",
|
|
56623
56703
|
{
|
|
56624
56704
|
className: "uf-text-sm",
|
|
@@ -56629,7 +56709,7 @@ function ReviewView({
|
|
|
56629
56709
|
children: "Max slippage"
|
|
56630
56710
|
}
|
|
56631
56711
|
),
|
|
56632
|
-
/* @__PURE__ */ (0,
|
|
56712
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
56633
56713
|
"span",
|
|
56634
56714
|
{
|
|
56635
56715
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -56645,7 +56725,7 @@ function ReviewView({
|
|
|
56645
56725
|
]
|
|
56646
56726
|
}
|
|
56647
56727
|
),
|
|
56648
|
-
error && /* @__PURE__ */ (0,
|
|
56728
|
+
error && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
56649
56729
|
"div",
|
|
56650
56730
|
{
|
|
56651
56731
|
className: "uf-text-center uf-text-sm uf-mt-4 uf-px-2",
|
|
@@ -56653,7 +56733,7 @@ function ReviewView({
|
|
|
56653
56733
|
children: error
|
|
56654
56734
|
}
|
|
56655
56735
|
),
|
|
56656
|
-
/* @__PURE__ */ (0,
|
|
56736
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
56657
56737
|
"div",
|
|
56658
56738
|
{
|
|
56659
56739
|
className: "uf-text-xs uf-text-center uf-mt-4 uf-px-4",
|
|
@@ -56664,7 +56744,7 @@ function ReviewView({
|
|
|
56664
56744
|
]
|
|
56665
56745
|
}
|
|
56666
56746
|
),
|
|
56667
|
-
/* @__PURE__ */ (0,
|
|
56747
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "uf-pt-4", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
56668
56748
|
"button",
|
|
56669
56749
|
{
|
|
56670
56750
|
onClick: onConfirm,
|
|
@@ -56695,23 +56775,23 @@ function ConfirmingView({
|
|
|
56695
56775
|
const visibleExecutions = executions.filter(
|
|
56696
56776
|
(execution) => !closedExecutionIds.has(execution.id)
|
|
56697
56777
|
);
|
|
56698
|
-
return /* @__PURE__ */ (0,
|
|
56699
|
-
/* @__PURE__ */ (0,
|
|
56778
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "uf-flex uf-flex-col uf-min-h-[400px] uf-relative", children: [
|
|
56779
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
56700
56780
|
DepositHeader,
|
|
56701
56781
|
{
|
|
56702
56782
|
title: isConfirming ? "Confirming..." : "Processing",
|
|
56703
56783
|
onClose
|
|
56704
56784
|
}
|
|
56705
56785
|
),
|
|
56706
|
-
/* @__PURE__ */ (0,
|
|
56707
|
-
/* @__PURE__ */ (0,
|
|
56786
|
+
/* @__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: [
|
|
56787
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
56708
56788
|
LoaderCircle,
|
|
56709
56789
|
{
|
|
56710
56790
|
className: "uf-w-12 uf-h-12 uf-animate-spin uf-mb-4",
|
|
56711
56791
|
style: { color: colors2.primary }
|
|
56712
56792
|
}
|
|
56713
56793
|
),
|
|
56714
|
-
/* @__PURE__ */ (0,
|
|
56794
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
56715
56795
|
"div",
|
|
56716
56796
|
{
|
|
56717
56797
|
className: "uf-text-lg uf-font-medium",
|
|
@@ -56719,7 +56799,7 @@ function ConfirmingView({
|
|
|
56719
56799
|
children: "Waiting for confirmation..."
|
|
56720
56800
|
}
|
|
56721
56801
|
),
|
|
56722
|
-
/* @__PURE__ */ (0,
|
|
56802
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
56723
56803
|
"div",
|
|
56724
56804
|
{
|
|
56725
56805
|
className: "uf-text-sm uf-mt-2 uf-text-center uf-px-6",
|
|
@@ -56727,15 +56807,15 @@ function ConfirmingView({
|
|
|
56727
56807
|
children: "Please confirm the transaction in your wallet"
|
|
56728
56808
|
}
|
|
56729
56809
|
)
|
|
56730
|
-
] }) : /* @__PURE__ */ (0,
|
|
56731
|
-
/* @__PURE__ */ (0,
|
|
56810
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_jsx_runtime64.Fragment, { children: [
|
|
56811
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
56732
56812
|
CircleCheck,
|
|
56733
56813
|
{
|
|
56734
56814
|
className: "uf-w-12 uf-h-12 uf-mb-4",
|
|
56735
56815
|
style: { color: colors2.primary }
|
|
56736
56816
|
}
|
|
56737
56817
|
),
|
|
56738
|
-
/* @__PURE__ */ (0,
|
|
56818
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
56739
56819
|
"div",
|
|
56740
56820
|
{
|
|
56741
56821
|
className: "uf-text-lg uf-font-medium",
|
|
@@ -56743,7 +56823,7 @@ function ConfirmingView({
|
|
|
56743
56823
|
children: "Transaction Submitted"
|
|
56744
56824
|
}
|
|
56745
56825
|
),
|
|
56746
|
-
/* @__PURE__ */ (0,
|
|
56826
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
56747
56827
|
"div",
|
|
56748
56828
|
{
|
|
56749
56829
|
className: "uf-text-sm uf-mt-2 uf-text-center uf-px-6",
|
|
@@ -56752,7 +56832,7 @@ function ConfirmingView({
|
|
|
56752
56832
|
}
|
|
56753
56833
|
)
|
|
56754
56834
|
] }) }),
|
|
56755
|
-
visibleExecutions.length > 0 && /* @__PURE__ */ (0,
|
|
56835
|
+
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
56836
|
DepositSuccessToast,
|
|
56757
56837
|
{
|
|
56758
56838
|
depositTx: execution.transaction_hash,
|
|
@@ -57254,7 +57334,7 @@ function BrowserWalletModal({
|
|
|
57254
57334
|
""
|
|
57255
57335
|
);
|
|
57256
57336
|
}, [tokenAmount, selectedToken]);
|
|
57257
|
-
return /* @__PURE__ */ (0,
|
|
57337
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_jsx_runtime65.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
57258
57338
|
Dialog2,
|
|
57259
57339
|
{
|
|
57260
57340
|
open,
|
|
@@ -57264,15 +57344,15 @@ function BrowserWalletModal({
|
|
|
57264
57344
|
}
|
|
57265
57345
|
handleClose();
|
|
57266
57346
|
},
|
|
57267
|
-
children: /* @__PURE__ */ (0,
|
|
57347
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
57268
57348
|
DialogContent2,
|
|
57269
57349
|
{
|
|
57270
57350
|
className: `sm:uf-max-w-[400px] uf-border-secondary uf-text-foreground uf-p-0 uf-gap-0 [&>button]:uf-hidden ${themeClass}`,
|
|
57271
57351
|
style: { backgroundColor: colors2.background },
|
|
57272
57352
|
onPointerDownOutside: (e) => e.preventDefault(),
|
|
57273
57353
|
onInteractOutside: (e) => e.preventDefault(),
|
|
57274
|
-
children: /* @__PURE__ */ (0,
|
|
57275
|
-
step === "select-token" && /* @__PURE__ */ (0,
|
|
57354
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(ThemeStyleInjector, { children: [
|
|
57355
|
+
step === "select-token" && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
57276
57356
|
SelectTokenView,
|
|
57277
57357
|
{
|
|
57278
57358
|
projectName,
|
|
@@ -57288,7 +57368,7 @@ function BrowserWalletModal({
|
|
|
57288
57368
|
onClose: handleFullClose
|
|
57289
57369
|
}
|
|
57290
57370
|
),
|
|
57291
|
-
step === "input-amount" && selectedToken && selectedBalance && /* @__PURE__ */ (0,
|
|
57371
|
+
step === "input-amount" && selectedToken && selectedBalance && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
57292
57372
|
EnterAmountView,
|
|
57293
57373
|
{
|
|
57294
57374
|
selectedBalance,
|
|
@@ -57307,7 +57387,7 @@ function BrowserWalletModal({
|
|
|
57307
57387
|
onClose: handleFullClose
|
|
57308
57388
|
}
|
|
57309
57389
|
),
|
|
57310
|
-
step === "review" && selectedToken && /* @__PURE__ */ (0,
|
|
57390
|
+
step === "review" && selectedToken && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
57311
57391
|
ReviewView,
|
|
57312
57392
|
{
|
|
57313
57393
|
walletInfo,
|
|
@@ -57327,7 +57407,7 @@ function BrowserWalletModal({
|
|
|
57327
57407
|
onClose: handleFullClose
|
|
57328
57408
|
}
|
|
57329
57409
|
),
|
|
57330
|
-
step === "confirming" && /* @__PURE__ */ (0,
|
|
57410
|
+
step === "confirming" && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
57331
57411
|
ConfirmingView,
|
|
57332
57412
|
{
|
|
57333
57413
|
isConfirming,
|
|
@@ -57418,6 +57498,7 @@ var WALLET_DEFINITIONS = [
|
|
|
57418
57498
|
installUrl: "https://glow.app/"
|
|
57419
57499
|
}
|
|
57420
57500
|
];
|
|
57501
|
+
var WALLET_LIST_MAX_HEIGHT_PX = 330;
|
|
57421
57502
|
function WalletSelectionModal({
|
|
57422
57503
|
open,
|
|
57423
57504
|
onOpenChange,
|
|
@@ -57426,14 +57507,13 @@ function WalletSelectionModal({
|
|
|
57426
57507
|
chainType,
|
|
57427
57508
|
theme = "dark"
|
|
57428
57509
|
}) {
|
|
57429
|
-
const { colors: colors2, fonts, components
|
|
57510
|
+
const { colors: colors2, fonts, components } = useTheme();
|
|
57430
57511
|
const [step, setStep] = React272.useState("select-wallet");
|
|
57431
57512
|
const [selectedWallet, setSelectedWallet] = React272.useState(null);
|
|
57432
57513
|
const [connectingNetwork, setConnectingNetwork] = React272.useState(null);
|
|
57433
57514
|
const [error, setError] = React272.useState(null);
|
|
57434
57515
|
const [isConnecting, setIsConnecting] = React272.useState(false);
|
|
57435
57516
|
const themeClass = theme === "dark" ? "uf-dark" : "";
|
|
57436
|
-
const iconVariant = mode === "dark" ? "light" : "dark";
|
|
57437
57517
|
const getProviders = React272.useCallback(() => {
|
|
57438
57518
|
if (typeof window === "undefined") {
|
|
57439
57519
|
return {};
|
|
@@ -57697,6 +57777,7 @@ function WalletSelectionModal({
|
|
|
57697
57777
|
setSelectedWallet(null);
|
|
57698
57778
|
setConnectingNetwork(null);
|
|
57699
57779
|
setError(null);
|
|
57780
|
+
setIsConnecting(false);
|
|
57700
57781
|
} else {
|
|
57701
57782
|
handleClose();
|
|
57702
57783
|
}
|
|
@@ -57717,15 +57798,15 @@ function WalletSelectionModal({
|
|
|
57717
57798
|
return "Connect Wallet";
|
|
57718
57799
|
}
|
|
57719
57800
|
};
|
|
57720
|
-
return /* @__PURE__ */ (0,
|
|
57801
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Dialog2, { open, onOpenChange: handleClose, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57721
57802
|
DialogContent2,
|
|
57722
57803
|
{
|
|
57723
|
-
className: `sm:uf-max-w-[400px] uf-border-secondary uf-text-foreground uf-p-0 uf-gap-0 [&>button]:uf-hidden ${themeClass}`,
|
|
57804
|
+
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
57805
|
style: { backgroundColor: colors2.background },
|
|
57725
57806
|
onPointerDownOutside: (e) => e.preventDefault(),
|
|
57726
57807
|
onInteractOutside: (e) => e.preventDefault(),
|
|
57727
|
-
children: /* @__PURE__ */ (0,
|
|
57728
|
-
/* @__PURE__ */ (0,
|
|
57808
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(ThemeStyleInjector, { className: "uf-flex uf-min-h-0 uf-flex-1 uf-flex-col", children: [
|
|
57809
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57729
57810
|
DepositHeader,
|
|
57730
57811
|
{
|
|
57731
57812
|
title: getTitle(),
|
|
@@ -57734,9 +57815,9 @@ function WalletSelectionModal({
|
|
|
57734
57815
|
onClose: handleClose
|
|
57735
57816
|
}
|
|
57736
57817
|
),
|
|
57737
|
-
/* @__PURE__ */ (0,
|
|
57738
|
-
step === "select-wallet" && /* @__PURE__ */ (0,
|
|
57739
|
-
/* @__PURE__ */ (0,
|
|
57818
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-min-h-0 uf-flex-1 uf-flex-col", children: [
|
|
57819
|
+
step === "select-wallet" && /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-shrink-0 uf-flex-col", children: [
|
|
57820
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57740
57821
|
"p",
|
|
57741
57822
|
{
|
|
57742
57823
|
className: "uf-text-sm uf-text-center uf-pb-4",
|
|
@@ -57747,87 +57828,96 @@ function WalletSelectionModal({
|
|
|
57747
57828
|
children: chainType ? `Select a ${chainType === "ethereum" ? "Ethereum" : "Solana"} wallet` : "Select a wallet to connect"
|
|
57748
57829
|
}
|
|
57749
57830
|
),
|
|
57750
|
-
/* @__PURE__ */ (0,
|
|
57751
|
-
"
|
|
57831
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57832
|
+
"div",
|
|
57752
57833
|
{
|
|
57753
|
-
className: "uf-
|
|
57834
|
+
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
57835
|
style: {
|
|
57755
|
-
|
|
57756
|
-
|
|
57836
|
+
height: `min(${WALLET_LIST_MAX_HEIGHT_PX}px, 50dvh)`,
|
|
57837
|
+
maxHeight: WALLET_LIST_MAX_HEIGHT_PX
|
|
57757
57838
|
},
|
|
57758
|
-
children: "
|
|
57839
|
+
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)(
|
|
57840
|
+
"p",
|
|
57841
|
+
{
|
|
57842
|
+
className: "uf-text-sm",
|
|
57843
|
+
style: {
|
|
57844
|
+
color: colors2.foregroundMuted,
|
|
57845
|
+
fontFamily: fonts.regular
|
|
57846
|
+
},
|
|
57847
|
+
children: "No wallets available"
|
|
57848
|
+
}
|
|
57849
|
+
) }) : availableWallets.map((wallet) => /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
|
|
57850
|
+
"button",
|
|
57851
|
+
{
|
|
57852
|
+
onClick: () => handleWalletClick(wallet),
|
|
57853
|
+
disabled: isConnecting,
|
|
57854
|
+
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",
|
|
57855
|
+
style: {
|
|
57856
|
+
backgroundColor: components.card.backgroundColor,
|
|
57857
|
+
borderRadius: components.card.borderRadius,
|
|
57858
|
+
border: `${components.card.borderWidth}px solid ${components.card.borderColor}`
|
|
57859
|
+
},
|
|
57860
|
+
children: [
|
|
57861
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
|
|
57862
|
+
WALLET_ICONS[wallet.id] ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57863
|
+
WalletIconWithNetwork,
|
|
57864
|
+
{
|
|
57865
|
+
WalletIcon: WALLET_ICONS[wallet.id],
|
|
57866
|
+
networks: wallet.networks,
|
|
57867
|
+
size: 40,
|
|
57868
|
+
className: "uf-rounded-lg"
|
|
57869
|
+
}
|
|
57870
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-w-10 uf-h-10 uf-rounded-lg uf-bg-gray-500" }),
|
|
57871
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-text-left", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57872
|
+
"div",
|
|
57873
|
+
{
|
|
57874
|
+
className: "uf-text-sm uf-font-medium",
|
|
57875
|
+
style: {
|
|
57876
|
+
color: components.card.titleColor,
|
|
57877
|
+
fontFamily: fonts.medium
|
|
57878
|
+
},
|
|
57879
|
+
children: wallet.name
|
|
57880
|
+
}
|
|
57881
|
+
) })
|
|
57882
|
+
] }),
|
|
57883
|
+
/* @__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)(
|
|
57884
|
+
"span",
|
|
57885
|
+
{
|
|
57886
|
+
className: "uf-text-xs uf-px-2 uf-py-1 uf-rounded-full",
|
|
57887
|
+
style: {
|
|
57888
|
+
backgroundColor: colors2.primary + "20",
|
|
57889
|
+
color: colors2.primary,
|
|
57890
|
+
fontFamily: fonts.medium
|
|
57891
|
+
},
|
|
57892
|
+
children: "Detected"
|
|
57893
|
+
}
|
|
57894
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-1", children: [
|
|
57895
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57896
|
+
"span",
|
|
57897
|
+
{
|
|
57898
|
+
className: "uf-text-xs",
|
|
57899
|
+
style: {
|
|
57900
|
+
color: colors2.foregroundMuted,
|
|
57901
|
+
fontFamily: fonts.regular
|
|
57902
|
+
},
|
|
57903
|
+
children: "Install"
|
|
57904
|
+
}
|
|
57905
|
+
),
|
|
57906
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57907
|
+
ExternalLink,
|
|
57908
|
+
{
|
|
57909
|
+
className: "uf-w-3 uf-h-3",
|
|
57910
|
+
style: { color: colors2.foregroundMuted }
|
|
57911
|
+
}
|
|
57912
|
+
)
|
|
57913
|
+
] }) })
|
|
57914
|
+
]
|
|
57915
|
+
},
|
|
57916
|
+
wallet.id
|
|
57917
|
+
))
|
|
57759
57918
|
}
|
|
57760
|
-
)
|
|
57761
|
-
|
|
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)(
|
|
57919
|
+
),
|
|
57920
|
+
error && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57831
57921
|
"div",
|
|
57832
57922
|
{
|
|
57833
57923
|
className: "uf-text-center uf-text-sm uf-mt-4 uf-px-4",
|
|
@@ -57836,19 +57926,18 @@ function WalletSelectionModal({
|
|
|
57836
57926
|
}
|
|
57837
57927
|
)
|
|
57838
57928
|
] }),
|
|
57839
|
-
step === "select-network" && selectedWallet && /* @__PURE__ */ (0,
|
|
57840
|
-
/* @__PURE__ */ (0,
|
|
57841
|
-
/* @__PURE__ */ (0,
|
|
57929
|
+
step === "select-network" && selectedWallet && /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-shrink-0 uf-flex-col", children: [
|
|
57930
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-pb-4", children: [
|
|
57931
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-mb-2", children: WALLET_ICONS[selectedWallet.id] ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57842
57932
|
WalletIconWithNetwork,
|
|
57843
57933
|
{
|
|
57844
57934
|
WalletIcon: WALLET_ICONS[selectedWallet.id],
|
|
57845
57935
|
networks: selectedWallet.networks,
|
|
57846
57936
|
size: 48,
|
|
57847
|
-
className: "uf-rounded-lg"
|
|
57848
|
-
variant: iconVariant
|
|
57937
|
+
className: "uf-rounded-lg"
|
|
57849
57938
|
}
|
|
57850
|
-
) : /* @__PURE__ */ (0,
|
|
57851
|
-
/* @__PURE__ */ (0,
|
|
57939
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-w-12 uf-h-12 uf-rounded-lg uf-bg-gray-500" }) }),
|
|
57940
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57852
57941
|
"p",
|
|
57853
57942
|
{
|
|
57854
57943
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -57859,7 +57948,7 @@ function WalletSelectionModal({
|
|
|
57859
57948
|
children: selectedWallet.name
|
|
57860
57949
|
}
|
|
57861
57950
|
),
|
|
57862
|
-
/* @__PURE__ */ (0,
|
|
57951
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57863
57952
|
"p",
|
|
57864
57953
|
{
|
|
57865
57954
|
className: "uf-text-xs",
|
|
@@ -57871,7 +57960,7 @@ function WalletSelectionModal({
|
|
|
57871
57960
|
}
|
|
57872
57961
|
)
|
|
57873
57962
|
] }),
|
|
57874
|
-
/* @__PURE__ */ (0,
|
|
57963
|
+
/* @__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
57964
|
"button",
|
|
57876
57965
|
{
|
|
57877
57966
|
onClick: () => handleNetworkSelect(network),
|
|
@@ -57883,16 +57972,16 @@ function WalletSelectionModal({
|
|
|
57883
57972
|
border: `${components.card.borderWidth}px solid ${components.card.borderColor}`
|
|
57884
57973
|
},
|
|
57885
57974
|
children: [
|
|
57886
|
-
/* @__PURE__ */ (0,
|
|
57887
|
-
network === "ethereum" ? /* @__PURE__ */ (0,
|
|
57975
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
|
|
57976
|
+
network === "ethereum" ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57888
57977
|
EthereumIcon,
|
|
57889
57978
|
{
|
|
57890
57979
|
size: 36,
|
|
57891
57980
|
className: "uf-rounded-full"
|
|
57892
57981
|
}
|
|
57893
|
-
) : /* @__PURE__ */ (0,
|
|
57894
|
-
/* @__PURE__ */ (0,
|
|
57895
|
-
/* @__PURE__ */ (0,
|
|
57982
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(SolanaIcon, { size: 36, className: "uf-rounded-full" }),
|
|
57983
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-text-left", children: [
|
|
57984
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57896
57985
|
"div",
|
|
57897
57986
|
{
|
|
57898
57987
|
className: "uf-text-sm uf-font-medium uf-capitalize",
|
|
@@ -57903,7 +57992,7 @@ function WalletSelectionModal({
|
|
|
57903
57992
|
children: network === "ethereum" ? "Ethereum" : "Solana"
|
|
57904
57993
|
}
|
|
57905
57994
|
),
|
|
57906
|
-
/* @__PURE__ */ (0,
|
|
57995
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57907
57996
|
"div",
|
|
57908
57997
|
{
|
|
57909
57998
|
className: "uf-text-xs",
|
|
@@ -57916,7 +58005,7 @@ function WalletSelectionModal({
|
|
|
57916
58005
|
)
|
|
57917
58006
|
] })
|
|
57918
58007
|
] }),
|
|
57919
|
-
connectingNetwork === network && /* @__PURE__ */ (0,
|
|
58008
|
+
connectingNetwork === network && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57920
58009
|
LoaderCircle,
|
|
57921
58010
|
{
|
|
57922
58011
|
className: "uf-w-4 uf-h-4 uf-animate-spin",
|
|
@@ -57927,7 +58016,7 @@ function WalletSelectionModal({
|
|
|
57927
58016
|
},
|
|
57928
58017
|
network
|
|
57929
58018
|
)) }),
|
|
57930
|
-
error && /* @__PURE__ */ (0,
|
|
58019
|
+
error && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57931
58020
|
"div",
|
|
57932
58021
|
{
|
|
57933
58022
|
className: "uf-text-center uf-text-sm uf-mt-4 uf-px-4",
|
|
@@ -57936,15 +58025,15 @@ function WalletSelectionModal({
|
|
|
57936
58025
|
}
|
|
57937
58026
|
)
|
|
57938
58027
|
] }),
|
|
57939
|
-
step === "connecting" && /* @__PURE__ */ (0,
|
|
57940
|
-
/* @__PURE__ */ (0,
|
|
58028
|
+
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: [
|
|
58029
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57941
58030
|
LoaderCircle,
|
|
57942
58031
|
{
|
|
57943
58032
|
className: "uf-w-12 uf-h-12 uf-animate-spin uf-mb-4",
|
|
57944
58033
|
style: { color: colors2.primary }
|
|
57945
58034
|
}
|
|
57946
58035
|
),
|
|
57947
|
-
/* @__PURE__ */ (0,
|
|
58036
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
|
|
57948
58037
|
"div",
|
|
57949
58038
|
{
|
|
57950
58039
|
className: "uf-text-lg uf-font-medium",
|
|
@@ -57956,7 +58045,7 @@ function WalletSelectionModal({
|
|
|
57956
58045
|
]
|
|
57957
58046
|
}
|
|
57958
58047
|
),
|
|
57959
|
-
/* @__PURE__ */ (0,
|
|
58048
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57960
58049
|
"div",
|
|
57961
58050
|
{
|
|
57962
58051
|
className: "uf-text-sm uf-mt-2",
|
|
@@ -57964,7 +58053,22 @@ function WalletSelectionModal({
|
|
|
57964
58053
|
children: connectingNetwork === "solana" ? "Please approve the connection in your Solana wallet" : "Please approve the connection in your wallet"
|
|
57965
58054
|
}
|
|
57966
58055
|
)
|
|
57967
|
-
] })
|
|
58056
|
+
] }) }),
|
|
58057
|
+
step !== "connecting" && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-min-h-0 uf-flex-1", "aria-hidden": true }),
|
|
58058
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
58059
|
+
"div",
|
|
58060
|
+
{
|
|
58061
|
+
className: "uf-shrink-0 uf-pt-3 uf-pb-4",
|
|
58062
|
+
style: { backgroundColor: colors2.background },
|
|
58063
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
58064
|
+
PoweredByUnifold,
|
|
58065
|
+
{
|
|
58066
|
+
color: colors2.foregroundMuted,
|
|
58067
|
+
className: "uf-flex uf-justify-center uf-shrink-0"
|
|
58068
|
+
}
|
|
58069
|
+
)
|
|
58070
|
+
}
|
|
58071
|
+
)
|
|
57968
58072
|
] })
|
|
57969
58073
|
] })
|
|
57970
58074
|
}
|
|
@@ -57973,23 +58077,23 @@ function WalletSelectionModal({
|
|
|
57973
58077
|
function SkeletonButton({
|
|
57974
58078
|
variant = "default"
|
|
57975
58079
|
}) {
|
|
57976
|
-
return /* @__PURE__ */ (0,
|
|
57977
|
-
/* @__PURE__ */ (0,
|
|
57978
|
-
/* @__PURE__ */ (0,
|
|
57979
|
-
/* @__PURE__ */ (0,
|
|
57980
|
-
/* @__PURE__ */ (0,
|
|
57981
|
-
/* @__PURE__ */ (0,
|
|
58080
|
+
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: [
|
|
58081
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
|
|
58082
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "uf-bg-muted uf-rounded-lg uf-w-9 uf-h-9" }),
|
|
58083
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "uf-space-y-1.5", children: [
|
|
58084
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "uf-h-3.5 uf-w-24 uf-bg-muted uf-rounded" }),
|
|
58085
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "uf-h-3 uf-w-32 uf-bg-muted uf-rounded" })
|
|
57982
58086
|
] })
|
|
57983
58087
|
] }),
|
|
57984
|
-
/* @__PURE__ */ (0,
|
|
57985
|
-
variant === "with-icons" && /* @__PURE__ */ (0,
|
|
58088
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
58089
|
+
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
58090
|
"div",
|
|
57987
58091
|
{
|
|
57988
58092
|
className: "uf-w-5 uf-h-5 uf-rounded-full uf-bg-muted uf-border-2 uf-border-secondary"
|
|
57989
58093
|
},
|
|
57990
58094
|
i
|
|
57991
58095
|
)) }),
|
|
57992
|
-
/* @__PURE__ */ (0,
|
|
58096
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ChevronRight, { className: "uf-w-4 uf-h-4 uf-text-muted" })
|
|
57993
58097
|
] })
|
|
57994
58098
|
] });
|
|
57995
58099
|
}
|
|
@@ -58155,28 +58259,28 @@ function DepositModal({
|
|
|
58155
58259
|
const standaloneNeedsDepositPrereq = openingScreen !== "main" && (view === "transfer" || view === "card");
|
|
58156
58260
|
let depositPrerequisiteBody;
|
|
58157
58261
|
if (isCountryLoading || isAddressValidationLoading || tokensLoading || walletsLoading || !projectConfig) {
|
|
58158
|
-
depositPrerequisiteBody = standaloneNeedsDepositPrereq ? /* @__PURE__ */ (0,
|
|
58159
|
-
/* @__PURE__ */ (0,
|
|
58160
|
-
/* @__PURE__ */ (0,
|
|
58161
|
-
!hideDepositTracker && /* @__PURE__ */ (0,
|
|
58262
|
+
depositPrerequisiteBody = standaloneNeedsDepositPrereq ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(SkeletonButton, { variant: "with-icons" }) : /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
|
|
58263
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(SkeletonButton, { variant: "with-icons" }),
|
|
58264
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(SkeletonButton, { variant: "with-icons" }),
|
|
58265
|
+
!hideDepositTracker && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(SkeletonButton, {})
|
|
58162
58266
|
] });
|
|
58163
58267
|
} else if (countryError) {
|
|
58164
|
-
depositPrerequisiteBody = /* @__PURE__ */ (0,
|
|
58165
|
-
/* @__PURE__ */ (0,
|
|
58166
|
-
/* @__PURE__ */ (0,
|
|
58167
|
-
/* @__PURE__ */ (0,
|
|
58268
|
+
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: [
|
|
58269
|
+
/* @__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" }) }),
|
|
58270
|
+
/* @__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" }),
|
|
58271
|
+
/* @__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
58272
|
] });
|
|
58169
58273
|
} else if (!isAllowed) {
|
|
58170
|
-
depositPrerequisiteBody = /* @__PURE__ */ (0,
|
|
58171
|
-
/* @__PURE__ */ (0,
|
|
58172
|
-
/* @__PURE__ */ (0,
|
|
58173
|
-
/* @__PURE__ */ (0,
|
|
58274
|
+
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: [
|
|
58275
|
+
/* @__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" }) }),
|
|
58276
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)("h3", { className: "uf-text-lg uf-font-semibold uf-text-foreground uf-mb-2", children: "No Tokens Available" }),
|
|
58277
|
+
/* @__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
58278
|
] });
|
|
58175
58279
|
} else if (isAddressValid === false) {
|
|
58176
|
-
depositPrerequisiteBody = /* @__PURE__ */ (0,
|
|
58177
|
-
/* @__PURE__ */ (0,
|
|
58178
|
-
/* @__PURE__ */ (0,
|
|
58179
|
-
/* @__PURE__ */ (0,
|
|
58280
|
+
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: [
|
|
58281
|
+
/* @__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" }) }),
|
|
58282
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)("h3", { className: "uf-text-lg uf-font-semibold uf-text-foreground uf-mb-2", children: addressValidationMessages.unableToReceiveFunds }),
|
|
58283
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)("p", { className: "uf-text-sm uf-text-muted-foreground uf-max-w-[280px]", children: getAddressValidationErrorMessage(
|
|
58180
58284
|
addressFailureCode,
|
|
58181
58285
|
addressFailureMetadata
|
|
58182
58286
|
) })
|
|
@@ -58308,14 +58412,21 @@ function DepositModal({
|
|
|
58308
58412
|
setWalletSelectionModalOpen(false);
|
|
58309
58413
|
setBrowserWalletModalOpen(true);
|
|
58310
58414
|
};
|
|
58311
|
-
|
|
58415
|
+
const depositPoweredByFooter = /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "uf-pt-3", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
58416
|
+
PoweredByUnifold,
|
|
58417
|
+
{
|
|
58418
|
+
color: colors2.foregroundMuted,
|
|
58419
|
+
className: "uf-flex uf-justify-center uf-shrink-0"
|
|
58420
|
+
}
|
|
58421
|
+
) });
|
|
58422
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(PortalContainerProvider, { value: hideOverlay ? containerEl : null, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
|
|
58312
58423
|
Dialog2,
|
|
58313
58424
|
{
|
|
58314
58425
|
open: hideOverlay || open,
|
|
58315
58426
|
onOpenChange: hideOverlay ? void 0 : handleClose,
|
|
58316
58427
|
modal: !hideOverlay,
|
|
58317
58428
|
children: [
|
|
58318
|
-
/* @__PURE__ */ (0,
|
|
58429
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
58319
58430
|
DialogContent2,
|
|
58320
58431
|
{
|
|
58321
58432
|
ref: hideOverlay ? containerCallbackRef : void 0,
|
|
@@ -58324,8 +58435,8 @@ function DepositModal({
|
|
|
58324
58435
|
style: { backgroundColor: colors2.background },
|
|
58325
58436
|
onPointerDownOutside: (e) => e.preventDefault(),
|
|
58326
58437
|
onInteractOutside: (e) => e.preventDefault(),
|
|
58327
|
-
children: /* @__PURE__ */ (0,
|
|
58328
|
-
/* @__PURE__ */ (0,
|
|
58438
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ThemeStyleInjector, { children: view === "main" ? /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
|
|
58439
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
58329
58440
|
DepositHeader,
|
|
58330
58441
|
{
|
|
58331
58442
|
title: modalTitle || "Deposit",
|
|
@@ -58340,60 +58451,63 @@ function DepositModal({
|
|
|
58340
58451
|
publishableKey
|
|
58341
58452
|
}
|
|
58342
58453
|
),
|
|
58343
|
-
/* @__PURE__ */ (0,
|
|
58344
|
-
/* @__PURE__ */ (0,
|
|
58345
|
-
|
|
58346
|
-
|
|
58347
|
-
|
|
58348
|
-
|
|
58349
|
-
|
|
58350
|
-
|
|
58351
|
-
|
|
58352
|
-
|
|
58353
|
-
|
|
58354
|
-
|
|
58355
|
-
|
|
58356
|
-
|
|
58357
|
-
|
|
58358
|
-
|
|
58359
|
-
|
|
58360
|
-
|
|
58361
|
-
|
|
58362
|
-
|
|
58363
|
-
|
|
58364
|
-
|
|
58365
|
-
|
|
58366
|
-
|
|
58367
|
-
|
|
58368
|
-
|
|
58369
|
-
|
|
58370
|
-
|
|
58371
|
-
|
|
58372
|
-
|
|
58373
|
-
|
|
58374
|
-
|
|
58375
|
-
|
|
58376
|
-
|
|
58377
|
-
|
|
58378
|
-
|
|
58379
|
-
|
|
58380
|
-
|
|
58381
|
-
|
|
58382
|
-
|
|
58383
|
-
|
|
58384
|
-
|
|
58385
|
-
|
|
58386
|
-
|
|
58387
|
-
|
|
58388
|
-
|
|
58389
|
-
|
|
58390
|
-
|
|
58391
|
-
|
|
58392
|
-
|
|
58393
|
-
|
|
58394
|
-
|
|
58395
|
-
|
|
58396
|
-
|
|
58454
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
|
|
58455
|
+
/* @__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: [
|
|
58456
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
58457
|
+
TransferCryptoButton,
|
|
58458
|
+
{
|
|
58459
|
+
onClick: () => setView("transfer"),
|
|
58460
|
+
title: t6.transferCrypto.title,
|
|
58461
|
+
subtitle: t6.transferCrypto.subtitle,
|
|
58462
|
+
featuredTokens: projectConfig?.transfer_crypto.networks
|
|
58463
|
+
}
|
|
58464
|
+
),
|
|
58465
|
+
enableConnectWallet && !isMobileView && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
58466
|
+
BrowserWalletButton,
|
|
58467
|
+
{
|
|
58468
|
+
onClick: handleBrowserWalletClick,
|
|
58469
|
+
onConnectClick: handleWalletConnectClick,
|
|
58470
|
+
onDisconnect: handleWalletDisconnect,
|
|
58471
|
+
chainType: browserWalletChainType,
|
|
58472
|
+
publishableKey
|
|
58473
|
+
}
|
|
58474
|
+
),
|
|
58475
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
58476
|
+
DepositWithCardButton,
|
|
58477
|
+
{
|
|
58478
|
+
onClick: () => setView("card"),
|
|
58479
|
+
title: t6.depositWithCard.title,
|
|
58480
|
+
subtitle: t6.depositWithCard.subtitle,
|
|
58481
|
+
paymentNetworks: projectConfig?.payment_networks.networks
|
|
58482
|
+
}
|
|
58483
|
+
),
|
|
58484
|
+
showPayWithExchange && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
58485
|
+
PayWithExchangeButton,
|
|
58486
|
+
{
|
|
58487
|
+
onClick: () => setView("exchange"),
|
|
58488
|
+
title: t6.payWithExchange.title,
|
|
58489
|
+
subtitle: t6.payWithExchange.subtitle,
|
|
58490
|
+
exchanges,
|
|
58491
|
+
loading: exchangesLoading
|
|
58492
|
+
}
|
|
58493
|
+
),
|
|
58494
|
+
!hideDepositTracker && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
58495
|
+
DepositTrackerButton,
|
|
58496
|
+
{
|
|
58497
|
+
onClick: () => {
|
|
58498
|
+
setAllExecutions(depositExecutions);
|
|
58499
|
+
setView("tracker");
|
|
58500
|
+
},
|
|
58501
|
+
title: "Deposit Tracker",
|
|
58502
|
+
subtitle: "Track your deposit progress",
|
|
58503
|
+
badge: depositExecutions.length > 0 ? depositExecutions.length : void 0
|
|
58504
|
+
}
|
|
58505
|
+
)
|
|
58506
|
+
] }) }),
|
|
58507
|
+
depositPoweredByFooter
|
|
58508
|
+
] })
|
|
58509
|
+
] }) : view === "transfer" ? /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
|
|
58510
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
58397
58511
|
DepositHeader,
|
|
58398
58512
|
{
|
|
58399
58513
|
title: t6.transferCrypto.title,
|
|
@@ -58409,39 +58523,42 @@ function DepositModal({
|
|
|
58409
58523
|
publishableKey
|
|
58410
58524
|
}
|
|
58411
58525
|
),
|
|
58412
|
-
|
|
58413
|
-
|
|
58414
|
-
|
|
58415
|
-
|
|
58416
|
-
|
|
58417
|
-
|
|
58418
|
-
|
|
58419
|
-
|
|
58420
|
-
|
|
58421
|
-
|
|
58422
|
-
|
|
58423
|
-
|
|
58424
|
-
|
|
58425
|
-
|
|
58426
|
-
|
|
58427
|
-
|
|
58428
|
-
|
|
58429
|
-
|
|
58430
|
-
|
|
58431
|
-
|
|
58432
|
-
|
|
58433
|
-
|
|
58434
|
-
|
|
58435
|
-
|
|
58436
|
-
|
|
58437
|
-
|
|
58438
|
-
|
|
58439
|
-
|
|
58440
|
-
|
|
58441
|
-
|
|
58442
|
-
|
|
58443
|
-
|
|
58444
|
-
|
|
58526
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
|
|
58527
|
+
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)(
|
|
58528
|
+
TransferCryptoSingleInput,
|
|
58529
|
+
{
|
|
58530
|
+
userId,
|
|
58531
|
+
publishableKey,
|
|
58532
|
+
recipientAddress,
|
|
58533
|
+
destinationChainType,
|
|
58534
|
+
destinationChainId,
|
|
58535
|
+
destinationTokenAddress,
|
|
58536
|
+
depositConfirmationMode,
|
|
58537
|
+
onExecutionsChange: setDepositExecutions,
|
|
58538
|
+
onDepositSuccess,
|
|
58539
|
+
onDepositError,
|
|
58540
|
+
wallets
|
|
58541
|
+
}
|
|
58542
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
58543
|
+
TransferCryptoDoubleInput,
|
|
58544
|
+
{
|
|
58545
|
+
userId,
|
|
58546
|
+
publishableKey,
|
|
58547
|
+
recipientAddress,
|
|
58548
|
+
destinationChainType,
|
|
58549
|
+
destinationChainId,
|
|
58550
|
+
destinationTokenAddress,
|
|
58551
|
+
depositConfirmationMode,
|
|
58552
|
+
onExecutionsChange: setDepositExecutions,
|
|
58553
|
+
onDepositSuccess,
|
|
58554
|
+
onDepositError,
|
|
58555
|
+
wallets
|
|
58556
|
+
}
|
|
58557
|
+
),
|
|
58558
|
+
depositPoweredByFooter
|
|
58559
|
+
] })
|
|
58560
|
+
] }) : view === "tracker" ? /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
|
|
58561
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
58445
58562
|
DepositHeader,
|
|
58446
58563
|
{
|
|
58447
58564
|
title: selectedExecution ? "Deposit Details" : "Deposit Tracker",
|
|
@@ -58450,23 +58567,26 @@ function DepositModal({
|
|
|
58450
58567
|
onClose: handleClose
|
|
58451
58568
|
}
|
|
58452
58569
|
),
|
|
58453
|
-
/* @__PURE__ */ (0,
|
|
58454
|
-
"div",
|
|
58455
|
-
|
|
58456
|
-
|
|
58457
|
-
|
|
58458
|
-
|
|
58459
|
-
|
|
58460
|
-
|
|
58461
|
-
|
|
58462
|
-
|
|
58463
|
-
|
|
58464
|
-
|
|
58465
|
-
|
|
58466
|
-
|
|
58467
|
-
|
|
58468
|
-
|
|
58469
|
-
|
|
58570
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
|
|
58571
|
+
/* @__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)(
|
|
58572
|
+
"div",
|
|
58573
|
+
{
|
|
58574
|
+
className: "uf-text-sm",
|
|
58575
|
+
style: { color: components.container.subtitleColor, fontFamily: fonts.regular },
|
|
58576
|
+
children: "No deposits yet"
|
|
58577
|
+
}
|
|
58578
|
+
) }) : allExecutions.map((execution) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
58579
|
+
DepositExecutionItem,
|
|
58580
|
+
{
|
|
58581
|
+
execution,
|
|
58582
|
+
onClick: () => setSelectedExecution(execution)
|
|
58583
|
+
},
|
|
58584
|
+
execution.id
|
|
58585
|
+
)) }) }),
|
|
58586
|
+
depositPoweredByFooter
|
|
58587
|
+
] })
|
|
58588
|
+
] }) : view === "card" ? /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
|
|
58589
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
58470
58590
|
DepositHeader,
|
|
58471
58591
|
{
|
|
58472
58592
|
title: cardView === "quotes" ? t6.quotes : t6.depositWithCard.title,
|
|
@@ -58483,27 +58603,30 @@ function DepositModal({
|
|
|
58483
58603
|
publishableKey
|
|
58484
58604
|
}
|
|
58485
58605
|
),
|
|
58486
|
-
|
|
58487
|
-
|
|
58488
|
-
|
|
58489
|
-
|
|
58490
|
-
|
|
58491
|
-
|
|
58492
|
-
|
|
58493
|
-
|
|
58494
|
-
|
|
58495
|
-
|
|
58496
|
-
|
|
58497
|
-
|
|
58498
|
-
|
|
58499
|
-
|
|
58500
|
-
|
|
58501
|
-
|
|
58502
|
-
|
|
58503
|
-
|
|
58504
|
-
|
|
58505
|
-
|
|
58506
|
-
|
|
58606
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
|
|
58607
|
+
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)(
|
|
58608
|
+
BuyWithCard,
|
|
58609
|
+
{
|
|
58610
|
+
userId,
|
|
58611
|
+
publishableKey,
|
|
58612
|
+
view: cardView,
|
|
58613
|
+
onViewChange: handleCardViewChange,
|
|
58614
|
+
destinationTokenSymbol,
|
|
58615
|
+
recipientAddress,
|
|
58616
|
+
destinationChainType,
|
|
58617
|
+
destinationChainId,
|
|
58618
|
+
destinationTokenAddress,
|
|
58619
|
+
onDepositSuccess,
|
|
58620
|
+
onDepositError,
|
|
58621
|
+
themeClass,
|
|
58622
|
+
wallets,
|
|
58623
|
+
assetCdnUrl: projectConfig?.asset_cdn_url
|
|
58624
|
+
}
|
|
58625
|
+
),
|
|
58626
|
+
depositPoweredByFooter
|
|
58627
|
+
] })
|
|
58628
|
+
] }) : view === "exchange" ? /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
|
|
58629
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
58507
58630
|
DepositHeader,
|
|
58508
58631
|
{
|
|
58509
58632
|
title: t6.payWithExchange.title,
|
|
@@ -58512,29 +58635,32 @@ function DepositModal({
|
|
|
58512
58635
|
onClose: handleClose
|
|
58513
58636
|
}
|
|
58514
58637
|
),
|
|
58515
|
-
/* @__PURE__ */ (0,
|
|
58516
|
-
|
|
58517
|
-
|
|
58518
|
-
|
|
58519
|
-
|
|
58520
|
-
|
|
58521
|
-
|
|
58522
|
-
|
|
58523
|
-
|
|
58524
|
-
|
|
58525
|
-
|
|
58526
|
-
|
|
58527
|
-
|
|
58528
|
-
|
|
58529
|
-
|
|
58530
|
-
|
|
58531
|
-
|
|
58532
|
-
|
|
58533
|
-
|
|
58638
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
|
|
58639
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
58640
|
+
PayWithExchange,
|
|
58641
|
+
{
|
|
58642
|
+
userId,
|
|
58643
|
+
publishableKey,
|
|
58644
|
+
exchanges,
|
|
58645
|
+
view: exchangeView,
|
|
58646
|
+
onViewChange: setExchangeView,
|
|
58647
|
+
destinationTokenSymbol,
|
|
58648
|
+
recipientAddress,
|
|
58649
|
+
destinationChainType,
|
|
58650
|
+
destinationChainId,
|
|
58651
|
+
destinationTokenAddress,
|
|
58652
|
+
onDepositSuccess,
|
|
58653
|
+
onDepositError,
|
|
58654
|
+
wallets,
|
|
58655
|
+
defaultToken: defaultToken ?? null
|
|
58656
|
+
}
|
|
58657
|
+
),
|
|
58658
|
+
depositPoweredByFooter
|
|
58659
|
+
] })
|
|
58534
58660
|
] }) : null })
|
|
58535
58661
|
}
|
|
58536
58662
|
),
|
|
58537
|
-
/* @__PURE__ */ (0,
|
|
58663
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
58538
58664
|
WalletSelectionModal,
|
|
58539
58665
|
{
|
|
58540
58666
|
open: walletSelectionModalOpen,
|
|
@@ -58544,7 +58670,7 @@ function DepositModal({
|
|
|
58544
58670
|
theme: resolvedTheme
|
|
58545
58671
|
}
|
|
58546
58672
|
),
|
|
58547
|
-
browserWalletInfo && browserWalletInfo.depositWallet && /* @__PURE__ */ (0,
|
|
58673
|
+
browserWalletInfo && browserWalletInfo.depositWallet && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
58548
58674
|
BrowserWalletModal,
|
|
58549
58675
|
{
|
|
58550
58676
|
open: browserWalletModalOpen,
|
|
@@ -58621,7 +58747,7 @@ var Button = React282.forwardRef(
|
|
|
58621
58747
|
}
|
|
58622
58748
|
return baseStyle;
|
|
58623
58749
|
}, [variant, components, fonts, style]);
|
|
58624
|
-
return /* @__PURE__ */ (0,
|
|
58750
|
+
return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
58625
58751
|
Comp,
|
|
58626
58752
|
{
|
|
58627
58753
|
className: cn(buttonVariants({ variant, size: size4, className })),
|
|
@@ -58741,7 +58867,7 @@ function UnifoldProvider2({
|
|
|
58741
58867
|
}),
|
|
58742
58868
|
[beginDeposit, closeDeposit, handleDepositSuccess, handleDepositError]
|
|
58743
58869
|
);
|
|
58744
|
-
return /* @__PURE__ */ (0,
|
|
58870
|
+
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
58871
|
ThemeProvider,
|
|
58746
58872
|
{
|
|
58747
58873
|
mode: resolvedTheme,
|
|
@@ -58752,7 +58878,7 @@ function UnifoldProvider2({
|
|
|
58752
58878
|
components: config?.components,
|
|
58753
58879
|
children: [
|
|
58754
58880
|
children,
|
|
58755
|
-
depositConfig && /* @__PURE__ */ (0,
|
|
58881
|
+
depositConfig && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
|
|
58756
58882
|
DepositModal,
|
|
58757
58883
|
{
|
|
58758
58884
|
open: isOpen,
|