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