@unifold/ui-web 0.1.36 → 0.1.37
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +858 -732
- package/dist/index.mjs +858 -732
- package/dist/styles-base.css +1 -1
- package/dist/styles.css +1 -1
- package/package.json +5 -5
package/dist/index.js
CHANGED
|
@@ -37174,11 +37174,12 @@ var import_react18 = __toESM(require_react(), 1);
|
|
|
37174
37174
|
var React2222 = __toESM(require_react(), 1);
|
|
37175
37175
|
var import_jsx_runtime42 = __toESM(require_jsx_runtime(), 1);
|
|
37176
37176
|
var import_jsx_runtime43 = __toESM(require_jsx_runtime(), 1);
|
|
37177
|
-
var import_react19 = __toESM(require_react(), 1);
|
|
37178
37177
|
var import_jsx_runtime44 = __toESM(require_jsx_runtime(), 1);
|
|
37178
|
+
var import_react19 = __toESM(require_react(), 1);
|
|
37179
37179
|
var import_jsx_runtime45 = __toESM(require_jsx_runtime(), 1);
|
|
37180
37180
|
var import_jsx_runtime46 = __toESM(require_jsx_runtime(), 1);
|
|
37181
37181
|
var import_jsx_runtime47 = __toESM(require_jsx_runtime(), 1);
|
|
37182
|
+
var import_jsx_runtime48 = __toESM(require_jsx_runtime(), 1);
|
|
37182
37183
|
var import_react20 = __toESM(require_react(), 1);
|
|
37183
37184
|
var React232 = __toESM(require_react(), 1);
|
|
37184
37185
|
var React30 = __toESM(require_react(), 1);
|
|
@@ -37187,43 +37188,43 @@ var React25 = __toESM(require_react(), 1);
|
|
|
37187
37188
|
var import_react21 = __toESM(require_react(), 1);
|
|
37188
37189
|
var ReactDOM3 = __toESM(require_react_dom(), 1);
|
|
37189
37190
|
var React26 = __toESM(require_react(), 1);
|
|
37190
|
-
var import_jsx_runtime48 = __toESM(require_jsx_runtime(), 1);
|
|
37191
|
-
var React27 = __toESM(require_react(), 1);
|
|
37192
37191
|
var import_jsx_runtime49 = __toESM(require_jsx_runtime(), 1);
|
|
37193
|
-
var
|
|
37192
|
+
var React27 = __toESM(require_react(), 1);
|
|
37194
37193
|
var import_jsx_runtime50 = __toESM(require_jsx_runtime(), 1);
|
|
37194
|
+
var React29 = __toESM(require_react(), 1);
|
|
37195
37195
|
var import_jsx_runtime51 = __toESM(require_jsx_runtime(), 1);
|
|
37196
37196
|
var import_jsx_runtime52 = __toESM(require_jsx_runtime(), 1);
|
|
37197
37197
|
var import_jsx_runtime53 = __toESM(require_jsx_runtime(), 1);
|
|
37198
|
+
var import_jsx_runtime54 = __toESM(require_jsx_runtime(), 1);
|
|
37198
37199
|
var import_react22 = __toESM(require_react(), 1);
|
|
37199
37200
|
var React242 = __toESM(require_react(), 1);
|
|
37200
37201
|
var React34 = __toESM(require_react(), 1);
|
|
37201
37202
|
var ReactDOM4 = __toESM(require_react_dom(), 1);
|
|
37202
37203
|
var import_react23 = __toESM(require_react(), 1);
|
|
37203
|
-
var import_jsx_runtime54 = __toESM(require_jsx_runtime(), 1);
|
|
37204
|
-
var import_react24 = __toESM(require_react(), 1);
|
|
37205
37204
|
var import_jsx_runtime55 = __toESM(require_jsx_runtime(), 1);
|
|
37206
|
-
var
|
|
37205
|
+
var import_react24 = __toESM(require_react(), 1);
|
|
37207
37206
|
var import_jsx_runtime56 = __toESM(require_jsx_runtime(), 1);
|
|
37208
|
-
var
|
|
37207
|
+
var React322 = __toESM(require_react(), 1);
|
|
37209
37208
|
var import_jsx_runtime57 = __toESM(require_jsx_runtime(), 1);
|
|
37209
|
+
var React33 = __toESM(require_react(), 1);
|
|
37210
37210
|
var import_jsx_runtime58 = __toESM(require_jsx_runtime(), 1);
|
|
37211
37211
|
var import_jsx_runtime59 = __toESM(require_jsx_runtime(), 1);
|
|
37212
|
-
var React262 = __toESM(require_react(), 1);
|
|
37213
37212
|
var import_jsx_runtime60 = __toESM(require_jsx_runtime(), 1);
|
|
37213
|
+
var React262 = __toESM(require_react(), 1);
|
|
37214
37214
|
var import_jsx_runtime61 = __toESM(require_jsx_runtime(), 1);
|
|
37215
37215
|
var import_jsx_runtime62 = __toESM(require_jsx_runtime(), 1);
|
|
37216
|
-
var React252 = __toESM(require_react(), 1);
|
|
37217
37216
|
var import_jsx_runtime63 = __toESM(require_jsx_runtime(), 1);
|
|
37217
|
+
var React252 = __toESM(require_react(), 1);
|
|
37218
37218
|
var import_jsx_runtime64 = __toESM(require_jsx_runtime(), 1);
|
|
37219
|
-
var React272 = __toESM(require_react(), 1);
|
|
37220
37219
|
var import_jsx_runtime65 = __toESM(require_jsx_runtime(), 1);
|
|
37220
|
+
var React272 = __toESM(require_react(), 1);
|
|
37221
37221
|
var import_jsx_runtime66 = __toESM(require_jsx_runtime(), 1);
|
|
37222
|
+
var import_jsx_runtime67 = __toESM(require_jsx_runtime(), 1);
|
|
37222
37223
|
var React282 = __toESM(require_react(), 1);
|
|
37223
37224
|
var React35 = __toESM(require_react(), 1);
|
|
37224
|
-
var import_jsx_runtime67 = __toESM(require_jsx_runtime(), 1);
|
|
37225
37225
|
var import_jsx_runtime68 = __toESM(require_jsx_runtime(), 1);
|
|
37226
37226
|
var import_jsx_runtime69 = __toESM(require_jsx_runtime(), 1);
|
|
37227
|
+
var import_jsx_runtime70 = __toESM(require_jsx_runtime(), 1);
|
|
37227
37228
|
var __create2 = Object.create;
|
|
37228
37229
|
var __defProp2 = Object.defineProperty;
|
|
37229
37230
|
var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
|
|
@@ -45398,7 +45399,7 @@ var arrow3 = (options2, deps) => ({
|
|
|
45398
45399
|
var NAME = "Arrow";
|
|
45399
45400
|
var Arrow = React26.forwardRef((props, forwardedRef) => {
|
|
45400
45401
|
const { children, width = 10, height = 5, ...arrowProps } = props;
|
|
45401
|
-
return /* @__PURE__ */ (0,
|
|
45402
|
+
return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
45402
45403
|
Primitive.svg,
|
|
45403
45404
|
{
|
|
45404
45405
|
...arrowProps,
|
|
@@ -45407,7 +45408,7 @@ var Arrow = React26.forwardRef((props, forwardedRef) => {
|
|
|
45407
45408
|
height,
|
|
45408
45409
|
viewBox: "0 0 30 10",
|
|
45409
45410
|
preserveAspectRatio: "none",
|
|
45410
|
-
children: props.asChild ? children : /* @__PURE__ */ (0,
|
|
45411
|
+
children: props.asChild ? children : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("polygon", { points: "0,0 30,0 15,10" })
|
|
45411
45412
|
}
|
|
45412
45413
|
);
|
|
45413
45414
|
});
|
|
@@ -45453,7 +45454,7 @@ var [PopperProvider, usePopperContext] = createPopperContext(POPPER_NAME);
|
|
|
45453
45454
|
var Popper = (props) => {
|
|
45454
45455
|
const { __scopePopper, children } = props;
|
|
45455
45456
|
const [anchor, setAnchor] = React28.useState(null);
|
|
45456
|
-
return /* @__PURE__ */ (0,
|
|
45457
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(PopperProvider, { scope: __scopePopper, anchor, onAnchorChange: setAnchor, children });
|
|
45457
45458
|
};
|
|
45458
45459
|
Popper.displayName = POPPER_NAME;
|
|
45459
45460
|
var ANCHOR_NAME = "PopperAnchor";
|
|
@@ -45471,7 +45472,7 @@ var PopperAnchor = React28.forwardRef(
|
|
|
45471
45472
|
context.onAnchorChange(anchorRef.current);
|
|
45472
45473
|
}
|
|
45473
45474
|
});
|
|
45474
|
-
return virtualRef ? null : /* @__PURE__ */ (0,
|
|
45475
|
+
return virtualRef ? null : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Primitive.div, { ...anchorProps, ref: composedRefs });
|
|
45475
45476
|
}
|
|
45476
45477
|
);
|
|
45477
45478
|
PopperAnchor.displayName = ANCHOR_NAME;
|
|
@@ -45564,7 +45565,7 @@ var PopperContent = React28.forwardRef(
|
|
|
45564
45565
|
useLayoutEffect23(() => {
|
|
45565
45566
|
if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
|
|
45566
45567
|
}, [content]);
|
|
45567
|
-
return /* @__PURE__ */ (0,
|
|
45568
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
45568
45569
|
"div",
|
|
45569
45570
|
{
|
|
45570
45571
|
ref: refs.setFloating,
|
|
@@ -45588,7 +45589,7 @@ var PopperContent = React28.forwardRef(
|
|
|
45588
45589
|
}
|
|
45589
45590
|
},
|
|
45590
45591
|
dir: props.dir,
|
|
45591
|
-
children: /* @__PURE__ */ (0,
|
|
45592
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
45592
45593
|
PopperContentProvider,
|
|
45593
45594
|
{
|
|
45594
45595
|
scope: __scopePopper,
|
|
@@ -45597,7 +45598,7 @@ var PopperContent = React28.forwardRef(
|
|
|
45597
45598
|
arrowX,
|
|
45598
45599
|
arrowY,
|
|
45599
45600
|
shouldHideArrow: cannotCenterArrow,
|
|
45600
|
-
children: /* @__PURE__ */ (0,
|
|
45601
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
45601
45602
|
Primitive.div,
|
|
45602
45603
|
{
|
|
45603
45604
|
"data-side": placedSide,
|
|
@@ -45634,7 +45635,7 @@ var PopperArrow = React28.forwardRef(function PopperArrow2(props, forwardedRef)
|
|
|
45634
45635
|
// we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
|
|
45635
45636
|
// doesn't report size as we'd expect on SVG elements.
|
|
45636
45637
|
// it reports their bounding box which is effectively the largest path inside the SVG.
|
|
45637
|
-
/* @__PURE__ */ (0,
|
|
45638
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
45638
45639
|
"span",
|
|
45639
45640
|
{
|
|
45640
45641
|
ref: contentContext.onArrowChange,
|
|
@@ -45657,7 +45658,7 @@ var PopperArrow = React28.forwardRef(function PopperArrow2(props, forwardedRef)
|
|
|
45657
45658
|
}[contentContext.placedSide],
|
|
45658
45659
|
visibility: contentContext.shouldHideArrow ? "hidden" : void 0
|
|
45659
45660
|
},
|
|
45660
|
-
children: /* @__PURE__ */ (0,
|
|
45661
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
45661
45662
|
Root2,
|
|
45662
45663
|
{
|
|
45663
45664
|
...arrowProps,
|
|
@@ -45732,7 +45733,7 @@ var VISUALLY_HIDDEN_STYLES = Object.freeze({
|
|
|
45732
45733
|
var NAME2 = "VisuallyHidden";
|
|
45733
45734
|
var VisuallyHidden = React29.forwardRef(
|
|
45734
45735
|
(props, forwardedRef) => {
|
|
45735
|
-
return /* @__PURE__ */ (0,
|
|
45736
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
45736
45737
|
Primitive.span,
|
|
45737
45738
|
{
|
|
45738
45739
|
...props,
|
|
@@ -45767,7 +45768,7 @@ var TooltipProvider = (props) => {
|
|
|
45767
45768
|
const skipDelayTimer = skipDelayTimerRef.current;
|
|
45768
45769
|
return () => window.clearTimeout(skipDelayTimer);
|
|
45769
45770
|
}, []);
|
|
45770
|
-
return /* @__PURE__ */ (0,
|
|
45771
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
45771
45772
|
TooltipProviderContextProvider,
|
|
45772
45773
|
{
|
|
45773
45774
|
scope: __scopeTooltip,
|
|
@@ -45858,7 +45859,7 @@ var Tooltip = (props) => {
|
|
|
45858
45859
|
}
|
|
45859
45860
|
};
|
|
45860
45861
|
}, []);
|
|
45861
|
-
return /* @__PURE__ */ (0,
|
|
45862
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Root22, { ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
45862
45863
|
TooltipContextProvider,
|
|
45863
45864
|
{
|
|
45864
45865
|
scope: __scopeTooltip,
|
|
@@ -45902,7 +45903,7 @@ var TooltipTrigger = React30.forwardRef(
|
|
|
45902
45903
|
React30.useEffect(() => {
|
|
45903
45904
|
return () => document.removeEventListener("pointerup", handlePointerUp);
|
|
45904
45905
|
}, [handlePointerUp]);
|
|
45905
|
-
return /* @__PURE__ */ (0,
|
|
45906
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
45906
45907
|
Primitive.button,
|
|
45907
45908
|
{
|
|
45908
45909
|
"aria-describedby": context.open ? context.contentId : void 0,
|
|
@@ -45944,7 +45945,7 @@ var [PortalProvider2, usePortalContext2] = createTooltipContext(PORTAL_NAME3, {
|
|
|
45944
45945
|
var TooltipPortal = (props) => {
|
|
45945
45946
|
const { __scopeTooltip, forceMount, children, container } = props;
|
|
45946
45947
|
const context = useTooltipContext(PORTAL_NAME3, __scopeTooltip);
|
|
45947
|
-
return /* @__PURE__ */ (0,
|
|
45948
|
+
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 }) }) });
|
|
45948
45949
|
};
|
|
45949
45950
|
TooltipPortal.displayName = PORTAL_NAME3;
|
|
45950
45951
|
var CONTENT_NAME3 = "TooltipContent";
|
|
@@ -45953,7 +45954,7 @@ var TooltipContent = React30.forwardRef(
|
|
|
45953
45954
|
const portalContext = usePortalContext2(CONTENT_NAME3, props.__scopeTooltip);
|
|
45954
45955
|
const { forceMount = portalContext.forceMount, side = "top", ...contentProps } = props;
|
|
45955
45956
|
const context = useTooltipContext(CONTENT_NAME3, props.__scopeTooltip);
|
|
45956
|
-
return /* @__PURE__ */ (0,
|
|
45957
|
+
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 }) });
|
|
45957
45958
|
}
|
|
45958
45959
|
);
|
|
45959
45960
|
var TooltipContentHoverable = React30.forwardRef((props, forwardedRef) => {
|
|
@@ -46015,7 +46016,7 @@ var TooltipContentHoverable = React30.forwardRef((props, forwardedRef) => {
|
|
|
46015
46016
|
return () => document.removeEventListener("pointermove", handleTrackPointerGrace);
|
|
46016
46017
|
}
|
|
46017
46018
|
}, [trigger, content, pointerGraceArea, onClose, handleRemoveGraceArea]);
|
|
46018
|
-
return /* @__PURE__ */ (0,
|
|
46019
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(TooltipContentImpl, { ...props, ref: composedRefs });
|
|
46019
46020
|
});
|
|
46020
46021
|
var [VisuallyHiddenContentContextProvider, useVisuallyHiddenContentContext] = createTooltipContext(TOOLTIP_NAME, { isInside: false });
|
|
46021
46022
|
var Slottable = /* @__PURE__ */ createSlottable("TooltipContent");
|
|
@@ -46046,7 +46047,7 @@ var TooltipContentImpl = React30.forwardRef(
|
|
|
46046
46047
|
return () => window.removeEventListener("scroll", handleScroll2, { capture: true });
|
|
46047
46048
|
}
|
|
46048
46049
|
}, [context.trigger, onClose]);
|
|
46049
|
-
return /* @__PURE__ */ (0,
|
|
46050
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
46050
46051
|
DismissableLayer,
|
|
46051
46052
|
{
|
|
46052
46053
|
asChild: true,
|
|
@@ -46055,7 +46056,7 @@ var TooltipContentImpl = React30.forwardRef(
|
|
|
46055
46056
|
onPointerDownOutside,
|
|
46056
46057
|
onFocusOutside: (event) => event.preventDefault(),
|
|
46057
46058
|
onDismiss: onClose,
|
|
46058
|
-
children: /* @__PURE__ */ (0,
|
|
46059
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
|
|
46059
46060
|
Content2,
|
|
46060
46061
|
{
|
|
46061
46062
|
"data-state": context.stateAttribute,
|
|
@@ -46074,8 +46075,8 @@ var TooltipContentImpl = React30.forwardRef(
|
|
|
46074
46075
|
}
|
|
46075
46076
|
},
|
|
46076
46077
|
children: [
|
|
46077
|
-
/* @__PURE__ */ (0,
|
|
46078
|
-
/* @__PURE__ */ (0,
|
|
46078
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Slottable, { children }),
|
|
46079
|
+
/* @__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 }) })
|
|
46079
46080
|
]
|
|
46080
46081
|
}
|
|
46081
46082
|
)
|
|
@@ -46093,7 +46094,7 @@ var TooltipArrow = React30.forwardRef(
|
|
|
46093
46094
|
ARROW_NAME2,
|
|
46094
46095
|
__scopeTooltip
|
|
46095
46096
|
);
|
|
46096
|
-
return visuallyHiddenContentContext.isInside ? null : /* @__PURE__ */ (0,
|
|
46097
|
+
return visuallyHiddenContentContext.isInside ? null : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Arrow2, { ...popperScope, ...arrowProps, ref: forwardedRef });
|
|
46097
46098
|
}
|
|
46098
46099
|
);
|
|
46099
46100
|
TooltipArrow.displayName = ARROW_NAME2;
|
|
@@ -46230,7 +46231,7 @@ function createCollection(name) {
|
|
|
46230
46231
|
const { scope, children } = props;
|
|
46231
46232
|
const ref = import_react23.default.useRef(null);
|
|
46232
46233
|
const itemMap = import_react23.default.useRef(/* @__PURE__ */ new Map()).current;
|
|
46233
|
-
return /* @__PURE__ */ (0,
|
|
46234
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
|
|
46234
46235
|
};
|
|
46235
46236
|
CollectionProvider.displayName = PROVIDER_NAME2;
|
|
46236
46237
|
const COLLECTION_SLOT_NAME = name + "CollectionSlot";
|
|
@@ -46240,7 +46241,7 @@ function createCollection(name) {
|
|
|
46240
46241
|
const { scope, children } = props;
|
|
46241
46242
|
const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
|
|
46242
46243
|
const composedRefs = useComposedRefs(forwardedRef, context.collectionRef);
|
|
46243
|
-
return /* @__PURE__ */ (0,
|
|
46244
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(CollectionSlotImpl, { ref: composedRefs, children });
|
|
46244
46245
|
}
|
|
46245
46246
|
);
|
|
46246
46247
|
CollectionSlot.displayName = COLLECTION_SLOT_NAME;
|
|
@@ -46257,7 +46258,7 @@ function createCollection(name) {
|
|
|
46257
46258
|
context.itemMap.set(ref, { ref, ...itemData });
|
|
46258
46259
|
return () => void context.itemMap.delete(ref);
|
|
46259
46260
|
});
|
|
46260
|
-
return /* @__PURE__ */ (0,
|
|
46261
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(CollectionItemSlotImpl, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
|
|
46261
46262
|
}
|
|
46262
46263
|
);
|
|
46263
46264
|
CollectionItemSlot.displayName = ITEM_SLOT_NAME;
|
|
@@ -46345,7 +46346,7 @@ var Select = (props) => {
|
|
|
46345
46346
|
const isFormControl = trigger ? form || !!trigger.closest("form") : true;
|
|
46346
46347
|
const [nativeOptionsSet, setNativeOptionsSet] = React34.useState(/* @__PURE__ */ new Set());
|
|
46347
46348
|
const nativeSelectKey = Array.from(nativeOptionsSet).map((option) => option.props.value).join(";");
|
|
46348
|
-
return /* @__PURE__ */ (0,
|
|
46349
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Root22, { ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
|
|
46349
46350
|
SelectProvider,
|
|
46350
46351
|
{
|
|
46351
46352
|
required,
|
|
@@ -46365,7 +46366,7 @@ var Select = (props) => {
|
|
|
46365
46366
|
triggerPointerDownPosRef,
|
|
46366
46367
|
disabled,
|
|
46367
46368
|
children: [
|
|
46368
|
-
/* @__PURE__ */ (0,
|
|
46369
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Collection.Provider, { scope: __scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
46369
46370
|
SelectNativeOptionsProvider,
|
|
46370
46371
|
{
|
|
46371
46372
|
scope: props.__scopeSelect,
|
|
@@ -46382,7 +46383,7 @@ var Select = (props) => {
|
|
|
46382
46383
|
children
|
|
46383
46384
|
}
|
|
46384
46385
|
) }),
|
|
46385
|
-
isFormControl ? /* @__PURE__ */ (0,
|
|
46386
|
+
isFormControl ? /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
|
|
46386
46387
|
SelectBubbleInput,
|
|
46387
46388
|
{
|
|
46388
46389
|
"aria-hidden": true,
|
|
@@ -46395,7 +46396,7 @@ var Select = (props) => {
|
|
|
46395
46396
|
disabled,
|
|
46396
46397
|
form,
|
|
46397
46398
|
children: [
|
|
46398
|
-
value === void 0 ? /* @__PURE__ */ (0,
|
|
46399
|
+
value === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("option", { value: "" }) : null,
|
|
46399
46400
|
Array.from(nativeOptionsSet)
|
|
46400
46401
|
]
|
|
46401
46402
|
},
|
|
@@ -46436,7 +46437,7 @@ var SelectTrigger = React34.forwardRef(
|
|
|
46436
46437
|
};
|
|
46437
46438
|
}
|
|
46438
46439
|
};
|
|
46439
|
-
return /* @__PURE__ */ (0,
|
|
46440
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
46440
46441
|
Primitive.button,
|
|
46441
46442
|
{
|
|
46442
46443
|
type: "button",
|
|
@@ -46495,13 +46496,13 @@ var SelectValue = React34.forwardRef(
|
|
|
46495
46496
|
useLayoutEffect23(() => {
|
|
46496
46497
|
onValueNodeHasChildrenChange(hasChildren);
|
|
46497
46498
|
}, [onValueNodeHasChildrenChange, hasChildren]);
|
|
46498
|
-
return /* @__PURE__ */ (0,
|
|
46499
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
46499
46500
|
Primitive.span,
|
|
46500
46501
|
{
|
|
46501
46502
|
...valueProps,
|
|
46502
46503
|
ref: composedRefs,
|
|
46503
46504
|
style: { pointerEvents: "none" },
|
|
46504
|
-
children: shouldShowPlaceholder(context.value) ? /* @__PURE__ */ (0,
|
|
46505
|
+
children: shouldShowPlaceholder(context.value) ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_jsx_runtime58.Fragment, { children: placeholder }) : children
|
|
46505
46506
|
}
|
|
46506
46507
|
);
|
|
46507
46508
|
}
|
|
@@ -46511,13 +46512,13 @@ var ICON_NAME = "SelectIcon";
|
|
|
46511
46512
|
var SelectIcon = React34.forwardRef(
|
|
46512
46513
|
(props, forwardedRef) => {
|
|
46513
46514
|
const { __scopeSelect, children, ...iconProps } = props;
|
|
46514
|
-
return /* @__PURE__ */ (0,
|
|
46515
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Primitive.span, { "aria-hidden": true, ...iconProps, ref: forwardedRef, children: children || "\u25BC" });
|
|
46515
46516
|
}
|
|
46516
46517
|
);
|
|
46517
46518
|
SelectIcon.displayName = ICON_NAME;
|
|
46518
46519
|
var PORTAL_NAME4 = "SelectPortal";
|
|
46519
46520
|
var SelectPortal = (props) => {
|
|
46520
|
-
return /* @__PURE__ */ (0,
|
|
46521
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Portal, { asChild: true, ...props });
|
|
46521
46522
|
};
|
|
46522
46523
|
SelectPortal.displayName = PORTAL_NAME4;
|
|
46523
46524
|
var CONTENT_NAME4 = "SelectContent";
|
|
@@ -46531,11 +46532,11 @@ var SelectContent = React34.forwardRef(
|
|
|
46531
46532
|
if (!context.open) {
|
|
46532
46533
|
const frag = fragment;
|
|
46533
46534
|
return frag ? ReactDOM4.createPortal(
|
|
46534
|
-
/* @__PURE__ */ (0,
|
|
46535
|
+
/* @__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 }) }) }),
|
|
46535
46536
|
frag
|
|
46536
46537
|
) : null;
|
|
46537
46538
|
}
|
|
46538
|
-
return /* @__PURE__ */ (0,
|
|
46539
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(SelectContentImpl, { ...props, ref: forwardedRef });
|
|
46539
46540
|
}
|
|
46540
46541
|
);
|
|
46541
46542
|
SelectContent.displayName = CONTENT_NAME4;
|
|
@@ -46689,7 +46690,7 @@ var SelectContentImpl = React34.forwardRef(
|
|
|
46689
46690
|
hideWhenDetached,
|
|
46690
46691
|
avoidCollisions
|
|
46691
46692
|
} : {};
|
|
46692
|
-
return /* @__PURE__ */ (0,
|
|
46693
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
46693
46694
|
SelectContentProvider,
|
|
46694
46695
|
{
|
|
46695
46696
|
scope: __scopeSelect,
|
|
@@ -46705,7 +46706,7 @@ var SelectContentImpl = React34.forwardRef(
|
|
|
46705
46706
|
position,
|
|
46706
46707
|
isPositioned,
|
|
46707
46708
|
searchRef,
|
|
46708
|
-
children: /* @__PURE__ */ (0,
|
|
46709
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Combination_default, { as: Slot2, allowPinchZoom: true, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
46709
46710
|
FocusScope,
|
|
46710
46711
|
{
|
|
46711
46712
|
asChild: true,
|
|
@@ -46717,7 +46718,7 @@ var SelectContentImpl = React34.forwardRef(
|
|
|
46717
46718
|
context.trigger?.focus({ preventScroll: true });
|
|
46718
46719
|
event.preventDefault();
|
|
46719
46720
|
}),
|
|
46720
|
-
children: /* @__PURE__ */ (0,
|
|
46721
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
46721
46722
|
DismissableLayer,
|
|
46722
46723
|
{
|
|
46723
46724
|
asChild: true,
|
|
@@ -46726,7 +46727,7 @@ var SelectContentImpl = React34.forwardRef(
|
|
|
46726
46727
|
onPointerDownOutside,
|
|
46727
46728
|
onFocusOutside: (event) => event.preventDefault(),
|
|
46728
46729
|
onDismiss: () => context.onOpenChange(false),
|
|
46729
|
-
children: /* @__PURE__ */ (0,
|
|
46730
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
46730
46731
|
SelectPosition,
|
|
46731
46732
|
{
|
|
46732
46733
|
role: "listbox",
|
|
@@ -46902,14 +46903,14 @@ var SelectItemAlignedPosition = React34.forwardRef((props, forwardedRef) => {
|
|
|
46902
46903
|
},
|
|
46903
46904
|
[position, focusSelectedItem]
|
|
46904
46905
|
);
|
|
46905
|
-
return /* @__PURE__ */ (0,
|
|
46906
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
46906
46907
|
SelectViewportProvider,
|
|
46907
46908
|
{
|
|
46908
46909
|
scope: __scopeSelect,
|
|
46909
46910
|
contentWrapper,
|
|
46910
46911
|
shouldExpandOnScrollRef,
|
|
46911
46912
|
onScrollButtonChange: handleScrollButtonChange,
|
|
46912
|
-
children: /* @__PURE__ */ (0,
|
|
46913
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
46913
46914
|
"div",
|
|
46914
46915
|
{
|
|
46915
46916
|
ref: setContentWrapper,
|
|
@@ -46919,7 +46920,7 @@ var SelectItemAlignedPosition = React34.forwardRef((props, forwardedRef) => {
|
|
|
46919
46920
|
position: "fixed",
|
|
46920
46921
|
zIndex: contentZIndex
|
|
46921
46922
|
},
|
|
46922
|
-
children: /* @__PURE__ */ (0,
|
|
46923
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
46923
46924
|
Primitive.div,
|
|
46924
46925
|
{
|
|
46925
46926
|
...popperProps,
|
|
@@ -46949,7 +46950,7 @@ var SelectPopperPosition = React34.forwardRef((props, forwardedRef) => {
|
|
|
46949
46950
|
...popperProps
|
|
46950
46951
|
} = props;
|
|
46951
46952
|
const popperScope = usePopperScope2(__scopeSelect);
|
|
46952
|
-
return /* @__PURE__ */ (0,
|
|
46953
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
46953
46954
|
Content2,
|
|
46954
46955
|
{
|
|
46955
46956
|
...popperScope,
|
|
@@ -46983,8 +46984,8 @@ var SelectViewport = React34.forwardRef(
|
|
|
46983
46984
|
const viewportContext = useSelectViewportContext(VIEWPORT_NAME, __scopeSelect);
|
|
46984
46985
|
const composedRefs = useComposedRefs(forwardedRef, contentContext.onViewportChange);
|
|
46985
46986
|
const prevScrollTopRef = React34.useRef(0);
|
|
46986
|
-
return /* @__PURE__ */ (0,
|
|
46987
|
-
/* @__PURE__ */ (0,
|
|
46987
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
|
|
46988
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
46988
46989
|
"style",
|
|
46989
46990
|
{
|
|
46990
46991
|
dangerouslySetInnerHTML: {
|
|
@@ -46993,7 +46994,7 @@ var SelectViewport = React34.forwardRef(
|
|
|
46993
46994
|
nonce
|
|
46994
46995
|
}
|
|
46995
46996
|
),
|
|
46996
|
-
/* @__PURE__ */ (0,
|
|
46997
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Collection.Slot, { scope: __scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
46997
46998
|
Primitive.div,
|
|
46998
46999
|
{
|
|
46999
47000
|
"data-radix-select-viewport": "",
|
|
@@ -47049,7 +47050,7 @@ var SelectGroup = React34.forwardRef(
|
|
|
47049
47050
|
(props, forwardedRef) => {
|
|
47050
47051
|
const { __scopeSelect, ...groupProps } = props;
|
|
47051
47052
|
const groupId = useId13();
|
|
47052
|
-
return /* @__PURE__ */ (0,
|
|
47053
|
+
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 }) });
|
|
47053
47054
|
}
|
|
47054
47055
|
);
|
|
47055
47056
|
SelectGroup.displayName = GROUP_NAME;
|
|
@@ -47058,7 +47059,7 @@ var SelectLabel = React34.forwardRef(
|
|
|
47058
47059
|
(props, forwardedRef) => {
|
|
47059
47060
|
const { __scopeSelect, ...labelProps } = props;
|
|
47060
47061
|
const groupContext = useSelectGroupContext(LABEL_NAME, __scopeSelect);
|
|
47061
|
-
return /* @__PURE__ */ (0,
|
|
47062
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Primitive.div, { id: groupContext.id, ...labelProps, ref: forwardedRef });
|
|
47062
47063
|
}
|
|
47063
47064
|
);
|
|
47064
47065
|
SelectLabel.displayName = LABEL_NAME;
|
|
@@ -47095,7 +47096,7 @@ var SelectItem = React34.forwardRef(
|
|
|
47095
47096
|
"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."
|
|
47096
47097
|
);
|
|
47097
47098
|
}
|
|
47098
|
-
return /* @__PURE__ */ (0,
|
|
47099
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
47099
47100
|
SelectItemContextProvider,
|
|
47100
47101
|
{
|
|
47101
47102
|
scope: __scopeSelect,
|
|
@@ -47106,14 +47107,14 @@ var SelectItem = React34.forwardRef(
|
|
|
47106
47107
|
onItemTextChange: React34.useCallback((node) => {
|
|
47107
47108
|
setTextValue((prevTextValue) => prevTextValue || (node?.textContent ?? "").trim());
|
|
47108
47109
|
}, []),
|
|
47109
|
-
children: /* @__PURE__ */ (0,
|
|
47110
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
47110
47111
|
Collection.ItemSlot,
|
|
47111
47112
|
{
|
|
47112
47113
|
scope: __scopeSelect,
|
|
47113
47114
|
value,
|
|
47114
47115
|
disabled,
|
|
47115
47116
|
textValue,
|
|
47116
|
-
children: /* @__PURE__ */ (0,
|
|
47117
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
47117
47118
|
Primitive.div,
|
|
47118
47119
|
{
|
|
47119
47120
|
role: "option",
|
|
@@ -47182,7 +47183,7 @@ var SelectItemText = React34.forwardRef(
|
|
|
47182
47183
|
);
|
|
47183
47184
|
const textContent = itemTextNode?.textContent;
|
|
47184
47185
|
const nativeOption = React34.useMemo(
|
|
47185
|
-
() => /* @__PURE__ */ (0,
|
|
47186
|
+
() => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("option", { value: itemContext.value, disabled: itemContext.disabled, children: textContent }, itemContext.value),
|
|
47186
47187
|
[itemContext.disabled, itemContext.value, textContent]
|
|
47187
47188
|
);
|
|
47188
47189
|
const { onNativeOptionAdd, onNativeOptionRemove } = nativeOptionsContext;
|
|
@@ -47190,8 +47191,8 @@ var SelectItemText = React34.forwardRef(
|
|
|
47190
47191
|
onNativeOptionAdd(nativeOption);
|
|
47191
47192
|
return () => onNativeOptionRemove(nativeOption);
|
|
47192
47193
|
}, [onNativeOptionAdd, onNativeOptionRemove, nativeOption]);
|
|
47193
|
-
return /* @__PURE__ */ (0,
|
|
47194
|
-
/* @__PURE__ */ (0,
|
|
47194
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
|
|
47195
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Primitive.span, { id: itemContext.textId, ...itemTextProps, ref: composedRefs }),
|
|
47195
47196
|
itemContext.isSelected && context.valueNode && !context.valueNodeHasChildren ? ReactDOM4.createPortal(itemTextProps.children, context.valueNode) : null
|
|
47196
47197
|
] });
|
|
47197
47198
|
}
|
|
@@ -47202,7 +47203,7 @@ var SelectItemIndicator = React34.forwardRef(
|
|
|
47202
47203
|
(props, forwardedRef) => {
|
|
47203
47204
|
const { __scopeSelect, ...itemIndicatorProps } = props;
|
|
47204
47205
|
const itemContext = useSelectItemContext(ITEM_INDICATOR_NAME, __scopeSelect);
|
|
47205
|
-
return itemContext.isSelected ? /* @__PURE__ */ (0,
|
|
47206
|
+
return itemContext.isSelected ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Primitive.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
|
|
47206
47207
|
}
|
|
47207
47208
|
);
|
|
47208
47209
|
SelectItemIndicator.displayName = ITEM_INDICATOR_NAME;
|
|
@@ -47225,7 +47226,7 @@ var SelectScrollUpButton = React34.forwardRef((props, forwardedRef) => {
|
|
|
47225
47226
|
return () => viewport.removeEventListener("scroll", handleScroll22);
|
|
47226
47227
|
}
|
|
47227
47228
|
}, [contentContext.viewport, contentContext.isPositioned]);
|
|
47228
|
-
return canScrollUp ? /* @__PURE__ */ (0,
|
|
47229
|
+
return canScrollUp ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
47229
47230
|
SelectScrollButtonImpl,
|
|
47230
47231
|
{
|
|
47231
47232
|
...props,
|
|
@@ -47260,7 +47261,7 @@ var SelectScrollDownButton = React34.forwardRef((props, forwardedRef) => {
|
|
|
47260
47261
|
return () => viewport.removeEventListener("scroll", handleScroll22);
|
|
47261
47262
|
}
|
|
47262
47263
|
}, [contentContext.viewport, contentContext.isPositioned]);
|
|
47263
|
-
return canScrollDown ? /* @__PURE__ */ (0,
|
|
47264
|
+
return canScrollDown ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
47264
47265
|
SelectScrollButtonImpl,
|
|
47265
47266
|
{
|
|
47266
47267
|
...props,
|
|
@@ -47293,7 +47294,7 @@ var SelectScrollButtonImpl = React34.forwardRef((props, forwardedRef) => {
|
|
|
47293
47294
|
const activeItem = getItems().find((item) => item.ref.current === document.activeElement);
|
|
47294
47295
|
activeItem?.ref.current?.scrollIntoView({ block: "nearest" });
|
|
47295
47296
|
}, [getItems]);
|
|
47296
|
-
return /* @__PURE__ */ (0,
|
|
47297
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
47297
47298
|
Primitive.div,
|
|
47298
47299
|
{
|
|
47299
47300
|
"aria-hidden": true,
|
|
@@ -47321,7 +47322,7 @@ var SEPARATOR_NAME = "SelectSeparator";
|
|
|
47321
47322
|
var SelectSeparator = React34.forwardRef(
|
|
47322
47323
|
(props, forwardedRef) => {
|
|
47323
47324
|
const { __scopeSelect, ...separatorProps } = props;
|
|
47324
|
-
return /* @__PURE__ */ (0,
|
|
47325
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Primitive.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
|
|
47325
47326
|
}
|
|
47326
47327
|
);
|
|
47327
47328
|
SelectSeparator.displayName = SEPARATOR_NAME;
|
|
@@ -47332,7 +47333,7 @@ var SelectArrow = React34.forwardRef(
|
|
|
47332
47333
|
const popperScope = usePopperScope2(__scopeSelect);
|
|
47333
47334
|
const context = useSelectContext(ARROW_NAME3, __scopeSelect);
|
|
47334
47335
|
const contentContext = useSelectContentContext(ARROW_NAME3, __scopeSelect);
|
|
47335
|
-
return context.open && contentContext.position === "popper" ? /* @__PURE__ */ (0,
|
|
47336
|
+
return context.open && contentContext.position === "popper" ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Arrow2, { ...popperScope, ...arrowProps, ref: forwardedRef }) : null;
|
|
47336
47337
|
}
|
|
47337
47338
|
);
|
|
47338
47339
|
SelectArrow.displayName = ARROW_NAME3;
|
|
@@ -47357,7 +47358,7 @@ var SelectBubbleInput = React34.forwardRef(
|
|
|
47357
47358
|
select.dispatchEvent(event);
|
|
47358
47359
|
}
|
|
47359
47360
|
}, [prevValue, value]);
|
|
47360
|
-
return /* @__PURE__ */ (0,
|
|
47361
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
47361
47362
|
Primitive.select,
|
|
47362
47363
|
{
|
|
47363
47364
|
...props,
|
|
@@ -47454,9 +47455,9 @@ function createSlot2(ownerName) {
|
|
|
47454
47455
|
return child;
|
|
47455
47456
|
}
|
|
47456
47457
|
});
|
|
47457
|
-
return /* @__PURE__ */ (0,
|
|
47458
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React35.isValidElement(newElement) ? React35.cloneElement(newElement, void 0, newChildren) : null });
|
|
47458
47459
|
}
|
|
47459
|
-
return /* @__PURE__ */ (0,
|
|
47460
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
|
|
47460
47461
|
});
|
|
47461
47462
|
Slot22.displayName = `${ownerName}.Slot`;
|
|
47462
47463
|
return Slot22;
|
|
@@ -53288,8 +53289,9 @@ function WalletIconWithNetwork({
|
|
|
53288
53289
|
const hasEthereum = networks.includes("ethereum");
|
|
53289
53290
|
const hasSolana = networks.includes("solana");
|
|
53290
53291
|
const hasMultiple = hasEthereum && hasSolana;
|
|
53291
|
-
const
|
|
53292
|
-
const
|
|
53292
|
+
const badgeOutset = 4;
|
|
53293
|
+
const badgeSize = Math.round(size4 * 0.5);
|
|
53294
|
+
const iconSize = Math.round(badgeSize * 0.76);
|
|
53293
53295
|
return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
|
|
53294
53296
|
"div",
|
|
53295
53297
|
{
|
|
@@ -53299,39 +53301,46 @@ function WalletIconWithNetwork({
|
|
|
53299
53301
|
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(WalletIcon, { size: size4, className, variant }),
|
|
53300
53302
|
hasMultiple ? (
|
|
53301
53303
|
// Multiple networks: overlapping badges
|
|
53302
|
-
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
|
|
53303
|
-
|
|
53304
|
-
|
|
53305
|
-
|
|
53306
|
-
|
|
53307
|
-
|
|
53308
|
-
|
|
53309
|
-
|
|
53310
|
-
|
|
53311
|
-
|
|
53312
|
-
|
|
53313
|
-
|
|
53314
|
-
|
|
53315
|
-
|
|
53316
|
-
|
|
53317
|
-
|
|
53318
|
-
|
|
53319
|
-
|
|
53320
|
-
|
|
53321
|
-
|
|
53322
|
-
|
|
53323
|
-
|
|
53324
|
-
|
|
53325
|
-
|
|
53326
|
-
|
|
53327
|
-
|
|
53328
|
-
|
|
53329
|
-
|
|
53330
|
-
|
|
53331
|
-
|
|
53332
|
-
|
|
53333
|
-
|
|
53334
|
-
|
|
53304
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
|
|
53305
|
+
"div",
|
|
53306
|
+
{
|
|
53307
|
+
className: "uf-absolute",
|
|
53308
|
+
style: { bottom: -2, right: -badgeOutset },
|
|
53309
|
+
children: [
|
|
53310
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
53311
|
+
"div",
|
|
53312
|
+
{
|
|
53313
|
+
className: "uf-absolute uf-rounded-full uf-flex uf-items-center uf-justify-center",
|
|
53314
|
+
style: {
|
|
53315
|
+
width: badgeSize,
|
|
53316
|
+
height: badgeSize,
|
|
53317
|
+
backgroundColor: "#000",
|
|
53318
|
+
border: "2px solid #fff",
|
|
53319
|
+
// Rear badge sits left of the front; +1px on offset shows slightly more of the rear network
|
|
53320
|
+
right: Math.round(badgeSize * 0.5) + 1,
|
|
53321
|
+
bottom: 0
|
|
53322
|
+
},
|
|
53323
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SolanaIcon, { size: iconSize, variant: "color" })
|
|
53324
|
+
}
|
|
53325
|
+
),
|
|
53326
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
53327
|
+
"div",
|
|
53328
|
+
{
|
|
53329
|
+
className: "uf-absolute uf-rounded-full uf-flex uf-items-center uf-justify-center",
|
|
53330
|
+
style: {
|
|
53331
|
+
width: badgeSize,
|
|
53332
|
+
height: badgeSize,
|
|
53333
|
+
backgroundColor: "#627EEA",
|
|
53334
|
+
border: "2px solid #fff",
|
|
53335
|
+
right: 0,
|
|
53336
|
+
bottom: 0
|
|
53337
|
+
},
|
|
53338
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(EthereumIcon, { size: iconSize, variant: "light" })
|
|
53339
|
+
}
|
|
53340
|
+
)
|
|
53341
|
+
]
|
|
53342
|
+
}
|
|
53343
|
+
)
|
|
53335
53344
|
) : (
|
|
53336
53345
|
// Single network
|
|
53337
53346
|
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
|
|
@@ -53340,7 +53349,7 @@ function WalletIconWithNetwork({
|
|
|
53340
53349
|
className: "uf-absolute uf-rounded-full uf-flex uf-items-center uf-justify-center",
|
|
53341
53350
|
style: {
|
|
53342
53351
|
bottom: -2,
|
|
53343
|
-
right: -
|
|
53352
|
+
right: -badgeOutset,
|
|
53344
53353
|
width: badgeSize,
|
|
53345
53354
|
height: badgeSize,
|
|
53346
53355
|
backgroundColor: hasEthereum ? "#627EEA" : "#000",
|
|
@@ -53418,7 +53427,7 @@ function BrowserWalletButton({
|
|
|
53418
53427
|
chainType,
|
|
53419
53428
|
publishableKey
|
|
53420
53429
|
}) {
|
|
53421
|
-
const { colors: colors2, fonts, components
|
|
53430
|
+
const { colors: colors2, fonts, components } = useTheme();
|
|
53422
53431
|
const [isHovered, setIsHovered] = React212.useState(false);
|
|
53423
53432
|
const [isTouchDevice, setIsTouchDevice] = React212.useState(false);
|
|
53424
53433
|
const [wallet, setWallet] = React212.useState(null);
|
|
@@ -53426,7 +53435,6 @@ function BrowserWalletButton({
|
|
|
53426
53435
|
const [isConnecting, setIsConnecting] = React212.useState(false);
|
|
53427
53436
|
const [balanceText, setBalanceText] = React212.useState(null);
|
|
53428
53437
|
const [isLoadingBalance, setIsLoadingBalance] = React212.useState(false);
|
|
53429
|
-
const iconVariant = mode === "dark" ? "light" : "dark";
|
|
53430
53438
|
const onDisconnectRef = React212.useRef(onDisconnect);
|
|
53431
53439
|
onDisconnectRef.current = onDisconnect;
|
|
53432
53440
|
React212.useEffect(() => {
|
|
@@ -53785,12 +53793,12 @@ function BrowserWalletButton({
|
|
|
53785
53793
|
wallet ? WALLET_ICON_COMPONENTS[wallet.icon] ? React212.createElement(WALLET_ICON_COMPONENTS[wallet.icon], {
|
|
53786
53794
|
size: 36,
|
|
53787
53795
|
className: "uf-rounded-lg",
|
|
53788
|
-
variant:
|
|
53796
|
+
variant: "color"
|
|
53789
53797
|
}) : /* @__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)(
|
|
53790
53798
|
Wallet,
|
|
53791
53799
|
{
|
|
53792
53800
|
className: "uf-w-5 uf-h-5",
|
|
53793
|
-
style: { color:
|
|
53801
|
+
style: { color: components.card.iconColor }
|
|
53794
53802
|
}
|
|
53795
53803
|
) }),
|
|
53796
53804
|
/* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "uf-text-left", children: [
|
|
@@ -54183,6 +54191,62 @@ function ThemeStyleInjector({
|
|
|
54183
54191
|
}, [fonts.regular]);
|
|
54184
54192
|
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: cn(mode === "dark" ? "uf-dark" : "", className), style: cssVars, children });
|
|
54185
54193
|
}
|
|
54194
|
+
var VIEW_W = 538;
|
|
54195
|
+
var VIEW_H = 53;
|
|
54196
|
+
var SIZE_MAX_WIDTH = {
|
|
54197
|
+
sm: 128,
|
|
54198
|
+
md: 152,
|
|
54199
|
+
lg: 216
|
|
54200
|
+
};
|
|
54201
|
+
function PoweredByUnifold({
|
|
54202
|
+
color,
|
|
54203
|
+
className,
|
|
54204
|
+
size: size4 = "sm",
|
|
54205
|
+
maxWidth: maxWidthProp
|
|
54206
|
+
}) {
|
|
54207
|
+
const maxWidth = maxWidthProp ?? SIZE_MAX_WIDTH[size4];
|
|
54208
|
+
const height = Math.round(maxWidth / VIEW_W * VIEW_H);
|
|
54209
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
54210
|
+
"div",
|
|
54211
|
+
{
|
|
54212
|
+
className,
|
|
54213
|
+
style: { color, lineHeight: 0 },
|
|
54214
|
+
role: "img",
|
|
54215
|
+
"aria-label": "Powered by Unifold",
|
|
54216
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
|
|
54217
|
+
"svg",
|
|
54218
|
+
{
|
|
54219
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
54220
|
+
width: maxWidth,
|
|
54221
|
+
height,
|
|
54222
|
+
viewBox: `0 0 ${VIEW_W} ${VIEW_H}`,
|
|
54223
|
+
fill: "none",
|
|
54224
|
+
className: "uf-block uf-max-w-full uf-h-auto",
|
|
54225
|
+
children: [
|
|
54226
|
+
/* @__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" }),
|
|
54227
|
+
/* @__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" }),
|
|
54228
|
+
/* @__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" }),
|
|
54229
|
+
/* @__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" }),
|
|
54230
|
+
/* @__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" }),
|
|
54231
|
+
/* @__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" }),
|
|
54232
|
+
/* @__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" }),
|
|
54233
|
+
/* @__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" }),
|
|
54234
|
+
/* @__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" }),
|
|
54235
|
+
/* @__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" }),
|
|
54236
|
+
/* @__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" }),
|
|
54237
|
+
/* @__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" }),
|
|
54238
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "M440.704 12.9302H432.724V42.2602H440.704V12.9302Z", fill: "currentColor" }),
|
|
54239
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "M504.904 2.96997H496.924V42.25H504.904V2.96997Z", fill: "currentColor" }),
|
|
54240
|
+
/* @__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" }),
|
|
54241
|
+
/* @__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" }),
|
|
54242
|
+
/* @__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" }),
|
|
54243
|
+
/* @__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" })
|
|
54244
|
+
]
|
|
54245
|
+
}
|
|
54246
|
+
)
|
|
54247
|
+
}
|
|
54248
|
+
);
|
|
54249
|
+
}
|
|
54186
54250
|
function DepositsModal({
|
|
54187
54251
|
open,
|
|
54188
54252
|
onOpenChange,
|
|
@@ -54236,8 +54300,8 @@ function DepositsModal({
|
|
|
54236
54300
|
const handleExecutionClick = (execution) => {
|
|
54237
54301
|
setSelectedExecution(execution);
|
|
54238
54302
|
};
|
|
54239
|
-
const content = selectedExecution ? /* @__PURE__ */ (0,
|
|
54240
|
-
/* @__PURE__ */ (0,
|
|
54303
|
+
const content = selectedExecution ? /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
|
|
54304
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
54241
54305
|
DepositHeader,
|
|
54242
54306
|
{
|
|
54243
54307
|
title: "Deposit Details",
|
|
@@ -54246,9 +54310,9 @@ function DepositsModal({
|
|
|
54246
54310
|
onClose: handleClose
|
|
54247
54311
|
}
|
|
54248
54312
|
),
|
|
54249
|
-
/* @__PURE__ */ (0,
|
|
54250
|
-
] }) : /* @__PURE__ */ (0,
|
|
54251
|
-
/* @__PURE__ */ (0,
|
|
54313
|
+
/* @__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 }) })
|
|
54314
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
|
|
54315
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
54252
54316
|
DepositHeader,
|
|
54253
54317
|
{
|
|
54254
54318
|
title: "Deposit Tracker",
|
|
@@ -54257,14 +54321,14 @@ function DepositsModal({
|
|
|
54257
54321
|
onClose: handleClose
|
|
54258
54322
|
}
|
|
54259
54323
|
),
|
|
54260
|
-
/* @__PURE__ */ (0,
|
|
54324
|
+
/* @__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)(
|
|
54261
54325
|
"div",
|
|
54262
54326
|
{
|
|
54263
54327
|
className: "uf-text-sm",
|
|
54264
54328
|
style: { color: components.container.subtitleColor, fontFamily: fonts.regular },
|
|
54265
54329
|
children: "No deposits yet"
|
|
54266
54330
|
}
|
|
54267
|
-
) }) : allExecutions.map((execution) => /* @__PURE__ */ (0,
|
|
54331
|
+
) }) : allExecutions.map((execution) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
54268
54332
|
DepositExecutionItem,
|
|
54269
54333
|
{
|
|
54270
54334
|
execution,
|
|
@@ -54273,12 +54337,21 @@ function DepositsModal({
|
|
|
54273
54337
|
execution.id
|
|
54274
54338
|
)) }) })
|
|
54275
54339
|
] });
|
|
54276
|
-
return /* @__PURE__ */ (0,
|
|
54340
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Dialog2, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
54277
54341
|
DialogContent2,
|
|
54278
54342
|
{
|
|
54279
54343
|
className: `sm:uf-max-w-[400px] uf-border-secondary uf-text-foreground uf-p-0 uf-gap-0 [&>button]:uf-hidden ${themeClass}`,
|
|
54280
54344
|
style: { backgroundColor: colors2.background },
|
|
54281
|
-
children: /* @__PURE__ */ (0,
|
|
54345
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(ThemeStyleInjector, { className: "uf-flex uf-flex-col uf-flex-1 uf-min-h-0", children: [
|
|
54346
|
+
content,
|
|
54347
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "uf-pt-3 uf-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
54348
|
+
PoweredByUnifold,
|
|
54349
|
+
{
|
|
54350
|
+
color: colors2.foregroundMuted,
|
|
54351
|
+
className: "uf-flex uf-justify-center uf-shrink-0"
|
|
54352
|
+
}
|
|
54353
|
+
) })
|
|
54354
|
+
] })
|
|
54282
54355
|
}
|
|
54283
54356
|
) });
|
|
54284
54357
|
}
|
|
@@ -54412,7 +54485,7 @@ function TokenSelectorSheet({
|
|
|
54412
54485
|
onOpenChange(false);
|
|
54413
54486
|
};
|
|
54414
54487
|
if (!open) return null;
|
|
54415
|
-
return /* @__PURE__ */ (0,
|
|
54488
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
|
|
54416
54489
|
"div",
|
|
54417
54490
|
{
|
|
54418
54491
|
className: `${themeClass} uf-px-6`,
|
|
@@ -54427,18 +54500,18 @@ function TokenSelectorSheet({
|
|
|
54427
54500
|
backgroundColor: colors2.background
|
|
54428
54501
|
},
|
|
54429
54502
|
children: [
|
|
54430
|
-
/* @__PURE__ */ (0,
|
|
54431
|
-
/* @__PURE__ */ (0,
|
|
54503
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-between uf-py-3", children: [
|
|
54504
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54432
54505
|
"button",
|
|
54433
54506
|
{
|
|
54434
54507
|
type: "button",
|
|
54435
54508
|
onClick: () => onOpenChange(false),
|
|
54436
54509
|
className: "uf-p-1 uf-rounded-lg hover:uf-bg-secondary uf-transition-colors",
|
|
54437
54510
|
style: { color: components.header.buttonColor },
|
|
54438
|
-
children: /* @__PURE__ */ (0,
|
|
54511
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(ArrowLeft, { className: "uf-w-5 uf-h-5" })
|
|
54439
54512
|
}
|
|
54440
54513
|
),
|
|
54441
|
-
/* @__PURE__ */ (0,
|
|
54514
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54442
54515
|
"h2",
|
|
54443
54516
|
{
|
|
54444
54517
|
className: "uf-text-base uf-text-center",
|
|
@@ -54449,10 +54522,10 @@ function TokenSelectorSheet({
|
|
|
54449
54522
|
children: "Select token to deposit"
|
|
54450
54523
|
}
|
|
54451
54524
|
),
|
|
54452
|
-
/* @__PURE__ */ (0,
|
|
54525
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "uf-w-7 uf-h-5 uf-invisible" })
|
|
54453
54526
|
] }),
|
|
54454
|
-
/* @__PURE__ */ (0,
|
|
54455
|
-
/* @__PURE__ */ (0,
|
|
54527
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "uf-pb-3", children: [
|
|
54528
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54456
54529
|
"style",
|
|
54457
54530
|
{
|
|
54458
54531
|
dangerouslySetInnerHTML: {
|
|
@@ -54460,7 +54533,7 @@ function TokenSelectorSheet({
|
|
|
54460
54533
|
}
|
|
54461
54534
|
}
|
|
54462
54535
|
),
|
|
54463
|
-
/* @__PURE__ */ (0,
|
|
54536
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { style: { position: "relative" }, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54464
54537
|
"input",
|
|
54465
54538
|
{
|
|
54466
54539
|
type: "text",
|
|
@@ -54478,8 +54551,8 @@ function TokenSelectorSheet({
|
|
|
54478
54551
|
}
|
|
54479
54552
|
) })
|
|
54480
54553
|
] }),
|
|
54481
|
-
quickSelectOptions.length > 0 && !searchQuery && /* @__PURE__ */ (0,
|
|
54482
|
-
/* @__PURE__ */ (0,
|
|
54554
|
+
quickSelectOptions.length > 0 && !searchQuery && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "uf-pb-3 uf--mx-6", children: [
|
|
54555
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54483
54556
|
"div",
|
|
54484
54557
|
{
|
|
54485
54558
|
className: "uf-text-xs uf-mb-2 uf-px-6",
|
|
@@ -54490,7 +54563,7 @@ function TokenSelectorSheet({
|
|
|
54490
54563
|
children: "Quick select"
|
|
54491
54564
|
}
|
|
54492
54565
|
),
|
|
54493
|
-
/* @__PURE__ */ (0,
|
|
54566
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54494
54567
|
"div",
|
|
54495
54568
|
{
|
|
54496
54569
|
className: "uf-flex uf-gap-2 uf-overflow-x-auto uf-px-6 uf-pb-1",
|
|
@@ -54498,12 +54571,12 @@ function TokenSelectorSheet({
|
|
|
54498
54571
|
children: quickSelectOptions.map(({ token, chain, isRecent }) => {
|
|
54499
54572
|
const chainKey = `${chain.chain_type}:${chain.chain_id}`;
|
|
54500
54573
|
const isSelected = token.symbol === selectedToken && chainKey === selectedChainKey;
|
|
54501
|
-
return /* @__PURE__ */ (0,
|
|
54574
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
|
|
54502
54575
|
"div",
|
|
54503
54576
|
{
|
|
54504
54577
|
style: { position: "relative", flexShrink: 0 },
|
|
54505
54578
|
children: [
|
|
54506
|
-
isRecent && /* @__PURE__ */ (0,
|
|
54579
|
+
isRecent && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54507
54580
|
"button",
|
|
54508
54581
|
{
|
|
54509
54582
|
type: "button",
|
|
@@ -54523,10 +54596,10 @@ function TokenSelectorSheet({
|
|
|
54523
54596
|
padding: 2,
|
|
54524
54597
|
color: colors2.foregroundMuted
|
|
54525
54598
|
},
|
|
54526
|
-
children: /* @__PURE__ */ (0,
|
|
54599
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(X, { style: { width: 12, height: 12 } })
|
|
54527
54600
|
}
|
|
54528
54601
|
),
|
|
54529
|
-
/* @__PURE__ */ (0,
|
|
54602
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
|
|
54530
54603
|
"button",
|
|
54531
54604
|
{
|
|
54532
54605
|
type: "button",
|
|
@@ -54545,8 +54618,8 @@ function TokenSelectorSheet({
|
|
|
54545
54618
|
backgroundColor: isSelected ? components.card.backgroundColor : hoveredTokenKey === `${token.symbol}-${chainKey}` ? colors2.cardHover : "transparent"
|
|
54546
54619
|
},
|
|
54547
54620
|
children: [
|
|
54548
|
-
/* @__PURE__ */ (0,
|
|
54549
|
-
/* @__PURE__ */ (0,
|
|
54621
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { style: { position: "relative", flexShrink: 0 }, children: [
|
|
54622
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54550
54623
|
"img",
|
|
54551
54624
|
{
|
|
54552
54625
|
src: token.icon_url,
|
|
@@ -54557,7 +54630,7 @@ function TokenSelectorSheet({
|
|
|
54557
54630
|
className: "uf-rounded-full"
|
|
54558
54631
|
}
|
|
54559
54632
|
),
|
|
54560
|
-
/* @__PURE__ */ (0,
|
|
54633
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54561
54634
|
"div",
|
|
54562
54635
|
{
|
|
54563
54636
|
style: {
|
|
@@ -54565,7 +54638,7 @@ function TokenSelectorSheet({
|
|
|
54565
54638
|
bottom: -2,
|
|
54566
54639
|
right: -2
|
|
54567
54640
|
},
|
|
54568
|
-
children: /* @__PURE__ */ (0,
|
|
54641
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54569
54642
|
"img",
|
|
54570
54643
|
{
|
|
54571
54644
|
src: chain.icon_url,
|
|
@@ -54579,8 +54652,8 @@ function TokenSelectorSheet({
|
|
|
54579
54652
|
}
|
|
54580
54653
|
)
|
|
54581
54654
|
] }),
|
|
54582
|
-
/* @__PURE__ */ (0,
|
|
54583
|
-
/* @__PURE__ */ (0,
|
|
54655
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { style: { textAlign: "left" }, children: [
|
|
54656
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54584
54657
|
"div",
|
|
54585
54658
|
{
|
|
54586
54659
|
style: {
|
|
@@ -54593,7 +54666,7 @@ function TokenSelectorSheet({
|
|
|
54593
54666
|
children: token.symbol
|
|
54594
54667
|
}
|
|
54595
54668
|
),
|
|
54596
|
-
/* @__PURE__ */ (0,
|
|
54669
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54597
54670
|
"div",
|
|
54598
54671
|
{
|
|
54599
54672
|
style: {
|
|
@@ -54617,7 +54690,7 @@ function TokenSelectorSheet({
|
|
|
54617
54690
|
}
|
|
54618
54691
|
)
|
|
54619
54692
|
] }),
|
|
54620
|
-
/* @__PURE__ */ (0,
|
|
54693
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54621
54694
|
"div",
|
|
54622
54695
|
{
|
|
54623
54696
|
className: "uf-text-xs uf-mb-2",
|
|
@@ -54628,7 +54701,7 @@ function TokenSelectorSheet({
|
|
|
54628
54701
|
children: "All supported tokens"
|
|
54629
54702
|
}
|
|
54630
54703
|
),
|
|
54631
|
-
/* @__PURE__ */ (0,
|
|
54704
|
+
/* @__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)(
|
|
54632
54705
|
"div",
|
|
54633
54706
|
{
|
|
54634
54707
|
style: {
|
|
@@ -54640,10 +54713,10 @@ function TokenSelectorSheet({
|
|
|
54640
54713
|
},
|
|
54641
54714
|
children: "No tokens found"
|
|
54642
54715
|
}
|
|
54643
|
-
) : /* @__PURE__ */ (0,
|
|
54716
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: filteredOptions.map(({ token, chain }) => {
|
|
54644
54717
|
const chainKey = `${chain.chain_type}:${chain.chain_id}`;
|
|
54645
54718
|
const isSelected = token.symbol === selectedToken && chainKey === selectedChainKey;
|
|
54646
|
-
return /* @__PURE__ */ (0,
|
|
54719
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
|
|
54647
54720
|
"button",
|
|
54648
54721
|
{
|
|
54649
54722
|
type: "button",
|
|
@@ -54664,8 +54737,8 @@ function TokenSelectorSheet({
|
|
|
54664
54737
|
backgroundColor: isSelected ? components.card.backgroundColor : hoveredTokenKey === `${token.symbol}-${chainKey}` ? colors2.cardHover : "transparent"
|
|
54665
54738
|
},
|
|
54666
54739
|
children: [
|
|
54667
|
-
/* @__PURE__ */ (0,
|
|
54668
|
-
/* @__PURE__ */ (0,
|
|
54740
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { style: { position: "relative", flexShrink: 0 }, children: [
|
|
54741
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54669
54742
|
"img",
|
|
54670
54743
|
{
|
|
54671
54744
|
src: token.icon_url,
|
|
@@ -54676,7 +54749,7 @@ function TokenSelectorSheet({
|
|
|
54676
54749
|
className: "uf-rounded-full"
|
|
54677
54750
|
}
|
|
54678
54751
|
),
|
|
54679
|
-
/* @__PURE__ */ (0,
|
|
54752
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54680
54753
|
"div",
|
|
54681
54754
|
{
|
|
54682
54755
|
style: {
|
|
@@ -54684,7 +54757,7 @@ function TokenSelectorSheet({
|
|
|
54684
54757
|
bottom: -4,
|
|
54685
54758
|
right: -4
|
|
54686
54759
|
},
|
|
54687
|
-
children: /* @__PURE__ */ (0,
|
|
54760
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54688
54761
|
"img",
|
|
54689
54762
|
{
|
|
54690
54763
|
src: chain.icon_url,
|
|
@@ -54698,8 +54771,8 @@ function TokenSelectorSheet({
|
|
|
54698
54771
|
}
|
|
54699
54772
|
)
|
|
54700
54773
|
] }),
|
|
54701
|
-
/* @__PURE__ */ (0,
|
|
54702
|
-
/* @__PURE__ */ (0,
|
|
54774
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
|
|
54775
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54703
54776
|
"div",
|
|
54704
54777
|
{
|
|
54705
54778
|
style: {
|
|
@@ -54711,7 +54784,7 @@ function TokenSelectorSheet({
|
|
|
54711
54784
|
children: token.symbol
|
|
54712
54785
|
}
|
|
54713
54786
|
),
|
|
54714
|
-
/* @__PURE__ */ (0,
|
|
54787
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54715
54788
|
"div",
|
|
54716
54789
|
{
|
|
54717
54790
|
style: {
|
|
@@ -54723,7 +54796,7 @@ function TokenSelectorSheet({
|
|
|
54723
54796
|
}
|
|
54724
54797
|
)
|
|
54725
54798
|
] }),
|
|
54726
|
-
/* @__PURE__ */ (0,
|
|
54799
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
|
|
54727
54800
|
"div",
|
|
54728
54801
|
{
|
|
54729
54802
|
style: {
|
|
@@ -54732,11 +54805,11 @@ function TokenSelectorSheet({
|
|
|
54732
54805
|
fontFamily: fonts.regular
|
|
54733
54806
|
},
|
|
54734
54807
|
children: [
|
|
54735
|
-
/* @__PURE__ */ (0,
|
|
54808
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("span", { style: { color: components.card.textRightColor }, children: [
|
|
54736
54809
|
"Minimum:",
|
|
54737
54810
|
" "
|
|
54738
54811
|
] }),
|
|
54739
|
-
/* @__PURE__ */ (0,
|
|
54812
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("span", { style: { color: components.card.labelHighlightRightColor }, children: [
|
|
54740
54813
|
"$",
|
|
54741
54814
|
chain.minimum_deposit_amount_usd
|
|
54742
54815
|
] })
|
|
@@ -54747,7 +54820,14 @@ function TokenSelectorSheet({
|
|
|
54747
54820
|
},
|
|
54748
54821
|
`${token.symbol}-${chainKey}`
|
|
54749
54822
|
);
|
|
54750
|
-
}) }) })
|
|
54823
|
+
}) }) }),
|
|
54824
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "uf-pt-3 uf-pb-2 uf-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54825
|
+
PoweredByUnifold,
|
|
54826
|
+
{
|
|
54827
|
+
color: colors2.foregroundMuted,
|
|
54828
|
+
className: "uf-flex uf-justify-center uf-shrink-0"
|
|
54829
|
+
}
|
|
54830
|
+
) })
|
|
54751
54831
|
]
|
|
54752
54832
|
}
|
|
54753
54833
|
);
|
|
@@ -54760,7 +54840,7 @@ function DepositPollingUi({
|
|
|
54760
54840
|
}) {
|
|
54761
54841
|
const { fonts, components } = useTheme();
|
|
54762
54842
|
if (depositConfirmationMode === "manual" && !showWaitingUi) {
|
|
54763
|
-
return /* @__PURE__ */ (0,
|
|
54843
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
54764
54844
|
"button",
|
|
54765
54845
|
{
|
|
54766
54846
|
onClick: onIveDeposited,
|
|
@@ -54777,15 +54857,15 @@ function DepositPollingUi({
|
|
|
54777
54857
|
);
|
|
54778
54858
|
}
|
|
54779
54859
|
if (showWaitingUi && !hasExecution) {
|
|
54780
|
-
return /* @__PURE__ */ (0,
|
|
54860
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
|
|
54781
54861
|
"div",
|
|
54782
54862
|
{
|
|
54783
54863
|
className: "uf-p-3 uf-flex uf-items-center uf-gap-3 uf-animate-in uf-fade-in uf-duration-500",
|
|
54784
54864
|
style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` },
|
|
54785
54865
|
children: [
|
|
54786
|
-
/* @__PURE__ */ (0,
|
|
54787
|
-
/* @__PURE__ */ (0,
|
|
54788
|
-
/* @__PURE__ */ (0,
|
|
54866
|
+
/* @__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" }) }),
|
|
54867
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { children: [
|
|
54868
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
54789
54869
|
"div",
|
|
54790
54870
|
{
|
|
54791
54871
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -54793,7 +54873,7 @@ function DepositPollingUi({
|
|
|
54793
54873
|
children: "Processing deposit transactions"
|
|
54794
54874
|
}
|
|
54795
54875
|
),
|
|
54796
|
-
/* @__PURE__ */ (0,
|
|
54876
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
54797
54877
|
"div",
|
|
54798
54878
|
{
|
|
54799
54879
|
className: "uf-text-xs",
|
|
@@ -54812,8 +54892,8 @@ function DepositFooterLinks({
|
|
|
54812
54892
|
onGlossaryClick
|
|
54813
54893
|
}) {
|
|
54814
54894
|
const { colors: colors2 } = useTheme();
|
|
54815
|
-
return /* @__PURE__ */ (0,
|
|
54816
|
-
/* @__PURE__ */ (0,
|
|
54895
|
+
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: [
|
|
54896
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
54817
54897
|
"a",
|
|
54818
54898
|
{
|
|
54819
54899
|
href: "https://unifold.io/terms",
|
|
@@ -54823,8 +54903,8 @@ function DepositFooterLinks({
|
|
|
54823
54903
|
children: "Terms"
|
|
54824
54904
|
}
|
|
54825
54905
|
),
|
|
54826
|
-
/* @__PURE__ */ (0,
|
|
54827
|
-
/* @__PURE__ */ (0,
|
|
54906
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "uf-text-xs uf-text-muted-foreground", children: "|" }),
|
|
54907
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
54828
54908
|
"a",
|
|
54829
54909
|
{
|
|
54830
54910
|
href: "https://unifold.io/support",
|
|
@@ -54834,8 +54914,8 @@ function DepositFooterLinks({
|
|
|
54834
54914
|
children: "Help"
|
|
54835
54915
|
}
|
|
54836
54916
|
),
|
|
54837
|
-
/* @__PURE__ */ (0,
|
|
54838
|
-
/* @__PURE__ */ (0,
|
|
54917
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "uf-text-xs uf-text-muted-foreground", children: "|" }),
|
|
54918
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
54839
54919
|
"div",
|
|
54840
54920
|
{
|
|
54841
54921
|
className: "uf-cursor-pointer hover:uf-opacity-90 uf-transition-colors",
|
|
@@ -54857,15 +54937,15 @@ function GlossaryModal({
|
|
|
54857
54937
|
const { themeClass, colors: colors2, components } = useTheme();
|
|
54858
54938
|
const resolvedThemeClass = themeClassProp ?? themeClass;
|
|
54859
54939
|
const modalBackground = backgroundColorProp ?? colors2.background;
|
|
54860
|
-
return /* @__PURE__ */ (0,
|
|
54940
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Dialog2, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
|
|
54861
54941
|
DialogContent2,
|
|
54862
54942
|
{
|
|
54863
54943
|
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}`,
|
|
54864
54944
|
style: { backgroundColor: modalBackground },
|
|
54865
54945
|
children: [
|
|
54866
|
-
/* @__PURE__ */ (0,
|
|
54867
|
-
/* @__PURE__ */ (0,
|
|
54868
|
-
/* @__PURE__ */ (0,
|
|
54946
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "uf-relative uf-flex uf-items-center uf-justify-between", children: [
|
|
54947
|
+
/* @__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" }) }),
|
|
54948
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
54869
54949
|
DialogTitle2,
|
|
54870
54950
|
{
|
|
54871
54951
|
className: "uf-text-base uf-font-medium uf-absolute uf-left-0 uf-right-0 uf-text-center uf-pointer-events-none",
|
|
@@ -54873,91 +54953,91 @@ function GlossaryModal({
|
|
|
54873
54953
|
children: "Glossary"
|
|
54874
54954
|
}
|
|
54875
54955
|
),
|
|
54876
|
-
/* @__PURE__ */ (0,
|
|
54956
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
54877
54957
|
"button",
|
|
54878
54958
|
{
|
|
54879
54959
|
onClick: () => onOpenChange(false),
|
|
54880
54960
|
className: "uf-p-1 uf-rounded-lg hover:uf-bg-secondary uf-transition-colors uf-flex-shrink-0 uf-z-[1]",
|
|
54881
54961
|
style: { color: components.header.buttonColor },
|
|
54882
|
-
children: /* @__PURE__ */ (0,
|
|
54962
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(X, { className: "uf-w-4 uf-h-4" })
|
|
54883
54963
|
}
|
|
54884
54964
|
)
|
|
54885
54965
|
] }),
|
|
54886
|
-
/* @__PURE__ */ (0,
|
|
54887
|
-
/* @__PURE__ */ (0,
|
|
54966
|
+
/* @__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: [
|
|
54967
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
|
|
54888
54968
|
"div",
|
|
54889
54969
|
{
|
|
54890
54970
|
className: "uf-rounded-xl uf-p-3",
|
|
54891
54971
|
style: { backgroundColor: components.card.backgroundColor },
|
|
54892
54972
|
children: [
|
|
54893
|
-
/* @__PURE__ */ (0,
|
|
54894
|
-
/* @__PURE__ */ (0,
|
|
54973
|
+
/* @__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" }),
|
|
54974
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.selectTokenDepositTooltip })
|
|
54895
54975
|
]
|
|
54896
54976
|
}
|
|
54897
54977
|
),
|
|
54898
|
-
/* @__PURE__ */ (0,
|
|
54978
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
|
|
54899
54979
|
"div",
|
|
54900
54980
|
{
|
|
54901
54981
|
className: "uf-rounded-xl uf-p-3",
|
|
54902
54982
|
style: { backgroundColor: components.card.backgroundColor },
|
|
54903
54983
|
children: [
|
|
54904
|
-
/* @__PURE__ */ (0,
|
|
54905
|
-
/* @__PURE__ */ (0,
|
|
54984
|
+
/* @__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" }),
|
|
54985
|
+
/* @__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." })
|
|
54906
54986
|
]
|
|
54907
54987
|
}
|
|
54908
54988
|
),
|
|
54909
|
-
/* @__PURE__ */ (0,
|
|
54989
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
|
|
54910
54990
|
"div",
|
|
54911
54991
|
{
|
|
54912
54992
|
className: "uf-rounded-xl uf-p-3",
|
|
54913
54993
|
style: { backgroundColor: components.card.backgroundColor },
|
|
54914
54994
|
children: [
|
|
54915
|
-
/* @__PURE__ */ (0,
|
|
54916
|
-
/* @__PURE__ */ (0,
|
|
54995
|
+
/* @__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" }),
|
|
54996
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.priceImpact.tooltip })
|
|
54917
54997
|
]
|
|
54918
54998
|
}
|
|
54919
54999
|
),
|
|
54920
|
-
/* @__PURE__ */ (0,
|
|
55000
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
|
|
54921
55001
|
"div",
|
|
54922
55002
|
{
|
|
54923
55003
|
className: "uf-rounded-xl uf-p-3",
|
|
54924
55004
|
style: { backgroundColor: components.card.backgroundColor },
|
|
54925
55005
|
children: [
|
|
54926
|
-
/* @__PURE__ */ (0,
|
|
54927
|
-
/* @__PURE__ */ (0,
|
|
55006
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Slippage" }),
|
|
55007
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.slippage.tooltip })
|
|
54928
55008
|
]
|
|
54929
55009
|
}
|
|
54930
55010
|
),
|
|
54931
|
-
/* @__PURE__ */ (0,
|
|
55011
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
|
|
54932
55012
|
"div",
|
|
54933
55013
|
{
|
|
54934
55014
|
className: "uf-rounded-xl uf-p-3",
|
|
54935
55015
|
style: { backgroundColor: components.card.backgroundColor },
|
|
54936
55016
|
children: [
|
|
54937
|
-
/* @__PURE__ */ (0,
|
|
54938
|
-
/* @__PURE__ */ (0,
|
|
55017
|
+
/* @__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" }),
|
|
55018
|
+
/* @__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." })
|
|
54939
55019
|
]
|
|
54940
55020
|
}
|
|
54941
55021
|
),
|
|
54942
|
-
/* @__PURE__ */ (0,
|
|
55022
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
|
|
54943
55023
|
"div",
|
|
54944
55024
|
{
|
|
54945
55025
|
className: "uf-rounded-xl uf-p-3",
|
|
54946
55026
|
style: { backgroundColor: components.card.backgroundColor },
|
|
54947
55027
|
children: [
|
|
54948
|
-
/* @__PURE__ */ (0,
|
|
54949
|
-
/* @__PURE__ */ (0,
|
|
55028
|
+
/* @__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" }),
|
|
55029
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.minDeposit.tooltip })
|
|
54950
55030
|
]
|
|
54951
55031
|
}
|
|
54952
55032
|
),
|
|
54953
|
-
/* @__PURE__ */ (0,
|
|
55033
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
|
|
54954
55034
|
"div",
|
|
54955
55035
|
{
|
|
54956
55036
|
className: "uf-rounded-xl uf-p-3",
|
|
54957
55037
|
style: { backgroundColor: components.card.backgroundColor },
|
|
54958
55038
|
children: [
|
|
54959
|
-
/* @__PURE__ */ (0,
|
|
54960
|
-
/* @__PURE__ */ (0,
|
|
55039
|
+
/* @__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" }),
|
|
55040
|
+
/* @__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." })
|
|
54961
55041
|
]
|
|
54962
55042
|
}
|
|
54963
55043
|
)
|
|
@@ -54991,12 +55071,12 @@ var TooltipTrigger2 = React232.forwardRef(({ onClick, ...props }, ref) => {
|
|
|
54991
55071
|
},
|
|
54992
55072
|
[open, onOpenChange, onClick]
|
|
54993
55073
|
);
|
|
54994
|
-
return /* @__PURE__ */ (0,
|
|
55074
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Trigger, { ref, onClick: handleClick, ...props });
|
|
54995
55075
|
});
|
|
54996
55076
|
TooltipTrigger2.displayName = Trigger.displayName;
|
|
54997
55077
|
var TooltipContent2 = React232.forwardRef(({ className, sideOffset = 4, ...props }, ref) => {
|
|
54998
55078
|
const { themeClass, colors: colors2 } = useTheme();
|
|
54999
|
-
return /* @__PURE__ */ (0,
|
|
55079
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Portal3, { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
55000
55080
|
Content22,
|
|
55001
55081
|
{
|
|
55002
55082
|
ref,
|
|
@@ -55195,29 +55275,29 @@ function TransferCryptoSingleInput({
|
|
|
55195
55275
|
const maxSlippage = currentChainFromBackend?.max_slippage_percent ?? 0.25;
|
|
55196
55276
|
const processingTime = currentChainFromBackend?.estimated_processing_time ?? null;
|
|
55197
55277
|
const minDepositUsd = currentChainFromBackend?.minimum_deposit_amount_usd ?? 3;
|
|
55198
|
-
return /* @__PURE__ */ (0,
|
|
55278
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(TooltipProvider2, { delayDuration: 0, skipDelayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
|
|
55199
55279
|
"div",
|
|
55200
55280
|
{
|
|
55201
55281
|
className: "uf-space-y-3 [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden",
|
|
55202
55282
|
style: { backgroundColor: colors2.background },
|
|
55203
55283
|
children: [
|
|
55204
|
-
/* @__PURE__ */ (0,
|
|
55205
|
-
/* @__PURE__ */ (0,
|
|
55284
|
+
/* @__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 }) }),
|
|
55285
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
55206
55286
|
"button",
|
|
55207
55287
|
{
|
|
55208
55288
|
onClick: () => setTokenSelectorOpen(true),
|
|
55209
55289
|
disabled: tokensLoading || supportedTokens.length === 0,
|
|
55210
55290
|
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",
|
|
55211
55291
|
style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` },
|
|
55212
|
-
children: tokensLoading ? /* @__PURE__ */ (0,
|
|
55213
|
-
/* @__PURE__ */ (0,
|
|
55214
|
-
/* @__PURE__ */ (0,
|
|
55215
|
-
/* @__PURE__ */ (0,
|
|
55216
|
-
/* @__PURE__ */ (0,
|
|
55292
|
+
children: tokensLoading ? /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3 uf-animate-pulse", children: [
|
|
55293
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-w-10 uf-h-10 uf-rounded-full uf-bg-muted" }),
|
|
55294
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex-1", children: [
|
|
55295
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-h-4 uf-w-16 uf-bg-muted uf-rounded uf-mb-1" }),
|
|
55296
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-h-3 uf-w-24 uf-bg-muted uf-rounded" })
|
|
55217
55297
|
] })
|
|
55218
|
-
] }) : /* @__PURE__ */ (0,
|
|
55219
|
-
/* @__PURE__ */ (0,
|
|
55220
|
-
selectedToken && /* @__PURE__ */ (0,
|
|
55298
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_jsx_runtime54.Fragment, { children: [
|
|
55299
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-relative uf-flex-shrink-0", children: [
|
|
55300
|
+
selectedToken && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
55221
55301
|
"img",
|
|
55222
55302
|
{
|
|
55223
55303
|
src: selectedToken.icon_url,
|
|
@@ -55228,7 +55308,7 @@ function TransferCryptoSingleInput({
|
|
|
55228
55308
|
className: "uf-w-10 uf-h-10 uf-rounded-full"
|
|
55229
55309
|
}
|
|
55230
55310
|
),
|
|
55231
|
-
(currentChainFromBackend || currentChainData) && /* @__PURE__ */ (0,
|
|
55311
|
+
(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)(
|
|
55232
55312
|
"img",
|
|
55233
55313
|
{
|
|
55234
55314
|
src: currentChainFromBackend?.icon_url || currentChainData?.icon_url || "",
|
|
@@ -55241,8 +55321,8 @@ function TransferCryptoSingleInput({
|
|
|
55241
55321
|
}
|
|
55242
55322
|
) })
|
|
55243
55323
|
] }),
|
|
55244
|
-
/* @__PURE__ */ (0,
|
|
55245
|
-
/* @__PURE__ */ (0,
|
|
55324
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex-1 uf-text-left uf-min-w-0", children: [
|
|
55325
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
55246
55326
|
"div",
|
|
55247
55327
|
{
|
|
55248
55328
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -55250,7 +55330,7 @@ function TransferCryptoSingleInput({
|
|
|
55250
55330
|
children: selectedToken?.symbol || token
|
|
55251
55331
|
}
|
|
55252
55332
|
),
|
|
55253
|
-
/* @__PURE__ */ (0,
|
|
55333
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
55254
55334
|
"div",
|
|
55255
55335
|
{
|
|
55256
55336
|
className: "uf-text-xs uf-truncate",
|
|
@@ -55259,8 +55339,8 @@ function TransferCryptoSingleInput({
|
|
|
55259
55339
|
}
|
|
55260
55340
|
)
|
|
55261
55341
|
] }),
|
|
55262
|
-
/* @__PURE__ */ (0,
|
|
55263
|
-
/* @__PURE__ */ (0,
|
|
55342
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2 uf-flex-shrink-0", children: [
|
|
55343
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-text-right", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
|
|
55264
55344
|
"div",
|
|
55265
55345
|
{
|
|
55266
55346
|
className: "uf-text-xs uf-font-medium",
|
|
@@ -55272,12 +55352,12 @@ function TransferCryptoSingleInput({
|
|
|
55272
55352
|
]
|
|
55273
55353
|
}
|
|
55274
55354
|
) }),
|
|
55275
|
-
/* @__PURE__ */ (0,
|
|
55355
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ChevronRight, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } })
|
|
55276
55356
|
] })
|
|
55277
55357
|
] })
|
|
55278
55358
|
}
|
|
55279
55359
|
),
|
|
55280
|
-
/* @__PURE__ */ (0,
|
|
55360
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
55281
55361
|
TokenSelectorSheet,
|
|
55282
55362
|
{
|
|
55283
55363
|
open: tokenSelectorOpen,
|
|
@@ -55291,24 +55371,24 @@ function TransferCryptoSingleInput({
|
|
|
55291
55371
|
}
|
|
55292
55372
|
}
|
|
55293
55373
|
),
|
|
55294
|
-
error && !loading && /* @__PURE__ */ (0,
|
|
55295
|
-
/* @__PURE__ */ (0,
|
|
55296
|
-
/* @__PURE__ */ (0,
|
|
55297
|
-
/* @__PURE__ */ (0,
|
|
55298
|
-
/* @__PURE__ */ (0,
|
|
55299
|
-
/* @__PURE__ */ (0,
|
|
55374
|
+
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: [
|
|
55375
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-items-start uf-gap-2", children: [
|
|
55376
|
+
/* @__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" }),
|
|
55377
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex-1 uf-min-w-0", children: [
|
|
55378
|
+
/* @__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" }),
|
|
55379
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-text-xs uf-text-muted-foreground", children: error })
|
|
55300
55380
|
] })
|
|
55301
55381
|
] }),
|
|
55302
|
-
/* @__PURE__ */ (0,
|
|
55303
|
-
/* @__PURE__ */ (0,
|
|
55304
|
-
/* @__PURE__ */ (0,
|
|
55382
|
+
/* @__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: [
|
|
55383
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Clock, { className: "uf-w-3 uf-h-3" }),
|
|
55384
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { children: "Retrying automatically every 5 seconds..." })
|
|
55305
55385
|
] })
|
|
55306
55386
|
] }),
|
|
55307
|
-
/* @__PURE__ */ (0,
|
|
55308
|
-
/* @__PURE__ */ (0,
|
|
55309
|
-
/* @__PURE__ */ (0,
|
|
55387
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-pt-2", children: [
|
|
55388
|
+
/* @__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" }),
|
|
55389
|
+
/* @__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 ? (
|
|
55310
55390
|
// QR Skeleton - matches QR code appearance
|
|
55311
|
-
/* @__PURE__ */ (0,
|
|
55391
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
55312
55392
|
"div",
|
|
55313
55393
|
{
|
|
55314
55394
|
className: "uf-flex uf-items-center uf-justify-center uf-animate-pulse",
|
|
@@ -55318,7 +55398,7 @@ function TransferCryptoSingleInput({
|
|
|
55318
55398
|
background: isDarkMode ? "linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%)" : "linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%)",
|
|
55319
55399
|
borderRadius: 8
|
|
55320
55400
|
},
|
|
55321
|
-
children: /* @__PURE__ */ (0,
|
|
55401
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
55322
55402
|
"div",
|
|
55323
55403
|
{
|
|
55324
55404
|
style: {
|
|
@@ -55331,7 +55411,7 @@ function TransferCryptoSingleInput({
|
|
|
55331
55411
|
)
|
|
55332
55412
|
}
|
|
55333
55413
|
)
|
|
55334
|
-
) : depositAddress ? /* @__PURE__ */ (0,
|
|
55414
|
+
) : depositAddress ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
55335
55415
|
StyledQRCode,
|
|
55336
55416
|
{
|
|
55337
55417
|
value: depositAddress,
|
|
@@ -55341,19 +55421,19 @@ function TransferCryptoSingleInput({
|
|
|
55341
55421
|
darkMode: isDarkMode
|
|
55342
55422
|
},
|
|
55343
55423
|
`qr-${depositAddress}-${chain}`
|
|
55344
|
-
) : /* @__PURE__ */ (0,
|
|
55424
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
55345
55425
|
"div",
|
|
55346
55426
|
{
|
|
55347
55427
|
className: "uf-flex uf-items-center uf-justify-center",
|
|
55348
55428
|
style: { width: 180, height: 180 },
|
|
55349
|
-
children: /* @__PURE__ */ (0,
|
|
55429
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-text-red-400 uf-text-sm", children: t4.noAddressAvailable })
|
|
55350
55430
|
}
|
|
55351
55431
|
) })
|
|
55352
55432
|
] }),
|
|
55353
|
-
/* @__PURE__ */ (0,
|
|
55433
|
+
/* @__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: [
|
|
55354
55434
|
loading || tokensLoading || !initialSelectionDone ? (
|
|
55355
55435
|
// Address skeleton
|
|
55356
|
-
/* @__PURE__ */ (0,
|
|
55436
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
55357
55437
|
"div",
|
|
55358
55438
|
{
|
|
55359
55439
|
className: "uf-h-4 uf-w-32 uf-rounded uf-animate-pulse",
|
|
@@ -55362,45 +55442,45 @@ function TransferCryptoSingleInput({
|
|
|
55362
55442
|
}
|
|
55363
55443
|
}
|
|
55364
55444
|
)
|
|
55365
|
-
) : /* @__PURE__ */ (0,
|
|
55366
|
-
depositAddress && initialSelectionDone && /* @__PURE__ */ (0,
|
|
55445
|
+
) : /* @__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 }),
|
|
55446
|
+
depositAddress && initialSelectionDone && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
55367
55447
|
"span",
|
|
55368
55448
|
{
|
|
55369
55449
|
onClick: handleCopyAddress,
|
|
55370
55450
|
className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
|
|
55371
55451
|
style: { color: copied ? colors2.success : components.card.actionColor },
|
|
55372
|
-
children: copied ? /* @__PURE__ */ (0,
|
|
55452
|
+
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" })
|
|
55373
55453
|
}
|
|
55374
55454
|
)
|
|
55375
55455
|
] }) }),
|
|
55376
|
-
/* @__PURE__ */ (0,
|
|
55377
|
-
/* @__PURE__ */ (0,
|
|
55456
|
+
/* @__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: [
|
|
55457
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
|
|
55378
55458
|
"button",
|
|
55379
55459
|
{
|
|
55380
55460
|
onClick: () => setDetailsExpanded(!detailsExpanded),
|
|
55381
55461
|
className: "uf-w-full uf-flex uf-items-center uf-justify-between uf-py-2.5",
|
|
55382
55462
|
children: [
|
|
55383
|
-
/* @__PURE__ */ (0,
|
|
55384
|
-
/* @__PURE__ */ (0,
|
|
55385
|
-
/* @__PURE__ */ (0,
|
|
55463
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
55464
|
+
/* @__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 } }) }),
|
|
55465
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
55386
55466
|
t4.processingTime.label,
|
|
55387
55467
|
":",
|
|
55388
55468
|
" ",
|
|
55389
|
-
/* @__PURE__ */ (0,
|
|
55469
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: formatProcessingTime2(processingTime) })
|
|
55390
55470
|
] })
|
|
55391
55471
|
] }),
|
|
55392
|
-
detailsExpanded ? /* @__PURE__ */ (0,
|
|
55472
|
+
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 } })
|
|
55393
55473
|
]
|
|
55394
55474
|
}
|
|
55395
55475
|
),
|
|
55396
|
-
detailsExpanded && /* @__PURE__ */ (0,
|
|
55397
|
-
/* @__PURE__ */ (0,
|
|
55398
|
-
/* @__PURE__ */ (0,
|
|
55399
|
-
/* @__PURE__ */ (0,
|
|
55476
|
+
detailsExpanded && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-pb-3 uf-space-y-2.5", children: [
|
|
55477
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
55478
|
+
/* @__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 } }) }),
|
|
55479
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
55400
55480
|
t4.slippage.label,
|
|
55401
55481
|
":",
|
|
55402
55482
|
" ",
|
|
55403
|
-
/* @__PURE__ */ (0,
|
|
55483
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
|
|
55404
55484
|
t4.slippage.auto,
|
|
55405
55485
|
" \u2022 ",
|
|
55406
55486
|
maxSlippage.toFixed(2),
|
|
@@ -55408,38 +55488,38 @@ function TransferCryptoSingleInput({
|
|
|
55408
55488
|
] })
|
|
55409
55489
|
] })
|
|
55410
55490
|
] }),
|
|
55411
|
-
/* @__PURE__ */ (0,
|
|
55412
|
-
/* @__PURE__ */ (0,
|
|
55413
|
-
/* @__PURE__ */ (0,
|
|
55491
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
55492
|
+
/* @__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 } }) }),
|
|
55493
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
55414
55494
|
t4.priceImpact.label,
|
|
55415
55495
|
":",
|
|
55416
55496
|
" ",
|
|
55417
|
-
/* @__PURE__ */ (0,
|
|
55497
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
|
|
55418
55498
|
priceImpact.toFixed(2),
|
|
55419
55499
|
"%"
|
|
55420
55500
|
] })
|
|
55421
55501
|
] })
|
|
55422
55502
|
] }),
|
|
55423
|
-
/* @__PURE__ */ (0,
|
|
55424
|
-
/* @__PURE__ */ (0,
|
|
55425
|
-
/* @__PURE__ */ (0,
|
|
55503
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
55504
|
+
/* @__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 } }) }),
|
|
55505
|
+
/* @__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: [
|
|
55426
55506
|
"Recipient address:",
|
|
55427
55507
|
" ",
|
|
55428
|
-
/* @__PURE__ */ (0,
|
|
55429
|
-
/* @__PURE__ */ (0,
|
|
55508
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: truncateAddress(recipientAddress || "", 8, 6) }),
|
|
55509
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
55430
55510
|
"span",
|
|
55431
55511
|
{
|
|
55432
55512
|
onClick: () => handleCopyRecipientAddress(recipientAddress),
|
|
55433
55513
|
className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
|
|
55434
55514
|
style: { color: copiedRecipient ? colors2.success : components.card.actionColor },
|
|
55435
|
-
children: copiedRecipient ? /* @__PURE__ */ (0,
|
|
55515
|
+
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" })
|
|
55436
55516
|
}
|
|
55437
55517
|
)
|
|
55438
55518
|
] })
|
|
55439
55519
|
] })
|
|
55440
55520
|
] })
|
|
55441
55521
|
] }),
|
|
55442
|
-
wallets && wallets.length > 0 && /* @__PURE__ */ (0,
|
|
55522
|
+
wallets && wallets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
55443
55523
|
DepositPollingUi,
|
|
55444
55524
|
{
|
|
55445
55525
|
depositConfirmationMode,
|
|
@@ -55448,29 +55528,29 @@ function TransferCryptoSingleInput({
|
|
|
55448
55528
|
onIveDeposited: handleIveDeposited
|
|
55449
55529
|
}
|
|
55450
55530
|
),
|
|
55451
|
-
/* @__PURE__ */ (0,
|
|
55452
|
-
depositExecutions.length > 1 && /* @__PURE__ */ (0,
|
|
55531
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DepositFooterLinks, { onGlossaryClick: () => setGlossaryOpen(true) }),
|
|
55532
|
+
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)(
|
|
55453
55533
|
"button",
|
|
55454
55534
|
{
|
|
55455
55535
|
onClick: () => setDepositsModalOpen(true),
|
|
55456
55536
|
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",
|
|
55457
55537
|
children: [
|
|
55458
|
-
/* @__PURE__ */ (0,
|
|
55538
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Clock, { className: "uf-w-3.5 uf-h-3.5" }),
|
|
55459
55539
|
"Track deposits (",
|
|
55460
55540
|
depositExecutions.length,
|
|
55461
55541
|
")",
|
|
55462
|
-
/* @__PURE__ */ (0,
|
|
55542
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ChevronRight, { className: "uf-w-3 uf-h-3" })
|
|
55463
55543
|
]
|
|
55464
55544
|
}
|
|
55465
55545
|
) }),
|
|
55466
|
-
/* @__PURE__ */ (0,
|
|
55546
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
55467
55547
|
DepositPollingToasts,
|
|
55468
55548
|
{
|
|
55469
55549
|
executions: depositExecutions,
|
|
55470
55550
|
isPolling
|
|
55471
55551
|
}
|
|
55472
55552
|
),
|
|
55473
|
-
/* @__PURE__ */ (0,
|
|
55553
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
55474
55554
|
DepositsModal,
|
|
55475
55555
|
{
|
|
55476
55556
|
open: depositsModalOpen,
|
|
@@ -55481,7 +55561,7 @@ function TransferCryptoSingleInput({
|
|
|
55481
55561
|
themeClass
|
|
55482
55562
|
}
|
|
55483
55563
|
),
|
|
55484
|
-
/* @__PURE__ */ (0,
|
|
55564
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
55485
55565
|
GlossaryModal,
|
|
55486
55566
|
{
|
|
55487
55567
|
open: glossaryOpen,
|
|
@@ -55498,7 +55578,7 @@ var Select2 = Root23;
|
|
|
55498
55578
|
var SelectValue2 = Value;
|
|
55499
55579
|
var SelectTrigger2 = React242.forwardRef(({ className, style, children, ...props }, ref) => {
|
|
55500
55580
|
const { components } = useTheme();
|
|
55501
|
-
return /* @__PURE__ */ (0,
|
|
55581
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
|
|
55502
55582
|
Trigger2,
|
|
55503
55583
|
{
|
|
55504
55584
|
ref,
|
|
@@ -55514,13 +55594,13 @@ var SelectTrigger2 = React242.forwardRef(({ className, style, children, ...props
|
|
|
55514
55594
|
...props,
|
|
55515
55595
|
children: [
|
|
55516
55596
|
children,
|
|
55517
|
-
/* @__PURE__ */ (0,
|
|
55597
|
+
/* @__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" }) })
|
|
55518
55598
|
]
|
|
55519
55599
|
}
|
|
55520
55600
|
);
|
|
55521
55601
|
});
|
|
55522
55602
|
SelectTrigger2.displayName = Trigger2.displayName;
|
|
55523
|
-
var SelectScrollUpButton2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0,
|
|
55603
|
+
var SelectScrollUpButton2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
55524
55604
|
ScrollUpButton,
|
|
55525
55605
|
{
|
|
55526
55606
|
ref,
|
|
@@ -55529,11 +55609,11 @@ var SelectScrollUpButton2 = React242.forwardRef(({ className, ...props }, ref) =
|
|
|
55529
55609
|
className
|
|
55530
55610
|
),
|
|
55531
55611
|
...props,
|
|
55532
|
-
children: /* @__PURE__ */ (0,
|
|
55612
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ChevronUp, { className: "uf-h-4 uf-w-4" })
|
|
55533
55613
|
}
|
|
55534
55614
|
));
|
|
55535
55615
|
SelectScrollUpButton2.displayName = ScrollUpButton.displayName;
|
|
55536
|
-
var SelectScrollDownButton2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0,
|
|
55616
|
+
var SelectScrollDownButton2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
55537
55617
|
ScrollDownButton,
|
|
55538
55618
|
{
|
|
55539
55619
|
ref,
|
|
@@ -55542,13 +55622,13 @@ var SelectScrollDownButton2 = React242.forwardRef(({ className, ...props }, ref)
|
|
|
55542
55622
|
className
|
|
55543
55623
|
),
|
|
55544
55624
|
...props,
|
|
55545
|
-
children: /* @__PURE__ */ (0,
|
|
55625
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ChevronDown, { className: "uf-h-4 uf-w-4" })
|
|
55546
55626
|
}
|
|
55547
55627
|
));
|
|
55548
55628
|
SelectScrollDownButton2.displayName = ScrollDownButton.displayName;
|
|
55549
55629
|
var SelectContent2 = React242.forwardRef(({ className, style, children, position = "popper", ...props }, ref) => {
|
|
55550
55630
|
const { themeClass, colors: colors2, components } = useTheme();
|
|
55551
|
-
return /* @__PURE__ */ (0,
|
|
55631
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Portal4, { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
|
|
55552
55632
|
Content23,
|
|
55553
55633
|
{
|
|
55554
55634
|
ref,
|
|
@@ -55567,8 +55647,8 @@ var SelectContent2 = React242.forwardRef(({ className, style, children, position
|
|
|
55567
55647
|
position,
|
|
55568
55648
|
...props,
|
|
55569
55649
|
children: [
|
|
55570
|
-
/* @__PURE__ */ (0,
|
|
55571
|
-
/* @__PURE__ */ (0,
|
|
55650
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SelectScrollUpButton2, {}),
|
|
55651
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
55572
55652
|
Viewport,
|
|
55573
55653
|
{
|
|
55574
55654
|
className: cn(
|
|
@@ -55578,13 +55658,13 @@ var SelectContent2 = React242.forwardRef(({ className, style, children, position
|
|
|
55578
55658
|
children
|
|
55579
55659
|
}
|
|
55580
55660
|
),
|
|
55581
|
-
/* @__PURE__ */ (0,
|
|
55661
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SelectScrollDownButton2, {})
|
|
55582
55662
|
]
|
|
55583
55663
|
}
|
|
55584
55664
|
) });
|
|
55585
55665
|
});
|
|
55586
55666
|
SelectContent2.displayName = Content23.displayName;
|
|
55587
|
-
var SelectLabel2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0,
|
|
55667
|
+
var SelectLabel2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
55588
55668
|
Label,
|
|
55589
55669
|
{
|
|
55590
55670
|
ref,
|
|
@@ -55596,7 +55676,7 @@ var SelectLabel2 = React242.forwardRef(({ className, ...props }, ref) => /* @__P
|
|
|
55596
55676
|
}
|
|
55597
55677
|
));
|
|
55598
55678
|
SelectLabel2.displayName = Label.displayName;
|
|
55599
|
-
var SelectItem2 = React242.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0,
|
|
55679
|
+
var SelectItem2 = React242.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
|
|
55600
55680
|
Item,
|
|
55601
55681
|
{
|
|
55602
55682
|
ref,
|
|
@@ -55606,13 +55686,13 @@ var SelectItem2 = React242.forwardRef(({ className, children, ...props }, ref) =
|
|
|
55606
55686
|
),
|
|
55607
55687
|
...props,
|
|
55608
55688
|
children: [
|
|
55609
|
-
/* @__PURE__ */ (0,
|
|
55610
|
-
/* @__PURE__ */ (0,
|
|
55689
|
+
/* @__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" }) }) }),
|
|
55690
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ItemText, { children })
|
|
55611
55691
|
]
|
|
55612
55692
|
}
|
|
55613
55693
|
));
|
|
55614
55694
|
SelectItem2.displayName = Item.displayName;
|
|
55615
|
-
var SelectSeparator2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0,
|
|
55695
|
+
var SelectSeparator2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
55616
55696
|
Separator,
|
|
55617
55697
|
{
|
|
55618
55698
|
ref,
|
|
@@ -55777,8 +55857,8 @@ function TransferCryptoDoubleInput({
|
|
|
55777
55857
|
const processingTime = currentChainFromBackend?.estimated_processing_time ?? null;
|
|
55778
55858
|
const minDepositUsd = currentChainFromBackend?.minimum_deposit_amount_usd ?? 3;
|
|
55779
55859
|
const renderTokenItem = (tokenData) => {
|
|
55780
|
-
return /* @__PURE__ */ (0,
|
|
55781
|
-
/* @__PURE__ */ (0,
|
|
55860
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
55861
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
55782
55862
|
"img",
|
|
55783
55863
|
{
|
|
55784
55864
|
src: tokenData.icon_url,
|
|
@@ -55789,13 +55869,13 @@ function TransferCryptoDoubleInput({
|
|
|
55789
55869
|
className: "uf-rounded-full uf-flex-shrink-0"
|
|
55790
55870
|
}
|
|
55791
55871
|
),
|
|
55792
|
-
/* @__PURE__ */ (0,
|
|
55872
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "uf-text-xs uf-font-normal", children: tokenData.symbol })
|
|
55793
55873
|
] });
|
|
55794
55874
|
};
|
|
55795
55875
|
const renderChainItem = (chainData, showMinDeposit = false) => {
|
|
55796
|
-
return /* @__PURE__ */ (0,
|
|
55797
|
-
/* @__PURE__ */ (0,
|
|
55798
|
-
/* @__PURE__ */ (0,
|
|
55876
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-between uf-w-full", children: [
|
|
55877
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
55878
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
55799
55879
|
"img",
|
|
55800
55880
|
{
|
|
55801
55881
|
src: chainData.icon_url,
|
|
@@ -55806,32 +55886,32 @@ function TransferCryptoDoubleInput({
|
|
|
55806
55886
|
className: "uf-rounded-full uf-flex-shrink-0"
|
|
55807
55887
|
}
|
|
55808
55888
|
),
|
|
55809
|
-
/* @__PURE__ */ (0,
|
|
55889
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "uf-text-xs uf-font-normal", children: chainData.chain_name })
|
|
55810
55890
|
] }),
|
|
55811
|
-
showMinDeposit && chainData.minimum_deposit_amount_usd && /* @__PURE__ */ (0,
|
|
55891
|
+
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: [
|
|
55812
55892
|
"$",
|
|
55813
55893
|
chainData.minimum_deposit_amount_usd
|
|
55814
55894
|
] })
|
|
55815
55895
|
] });
|
|
55816
55896
|
};
|
|
55817
|
-
return /* @__PURE__ */ (0,
|
|
55897
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(TooltipProvider2, { delayDuration: 0, skipDelayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
|
|
55818
55898
|
"div",
|
|
55819
55899
|
{
|
|
55820
55900
|
className: "uf-space-y-3",
|
|
55821
55901
|
style: { backgroundColor: colors2.background },
|
|
55822
55902
|
children: [
|
|
55823
|
-
/* @__PURE__ */ (0,
|
|
55824
|
-
/* @__PURE__ */ (0,
|
|
55825
|
-
/* @__PURE__ */ (0,
|
|
55826
|
-
/* @__PURE__ */ (0,
|
|
55903
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-grid uf-grid-cols-2 uf-gap-2.5", children: [
|
|
55904
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { children: [
|
|
55905
|
+
/* @__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 }),
|
|
55906
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
|
|
55827
55907
|
Select2,
|
|
55828
55908
|
{
|
|
55829
55909
|
value: token,
|
|
55830
55910
|
onValueChange: setToken,
|
|
55831
55911
|
disabled: tokensLoading || supportedTokens.length === 0,
|
|
55832
55912
|
children: [
|
|
55833
|
-
/* @__PURE__ */ (0,
|
|
55834
|
-
/* @__PURE__ */ (0,
|
|
55913
|
+
/* @__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 }) }) }) }),
|
|
55914
|
+
/* @__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)(
|
|
55835
55915
|
SelectItem2,
|
|
55836
55916
|
{
|
|
55837
55917
|
value: tokenData.symbol,
|
|
@@ -55844,36 +55924,36 @@ function TransferCryptoDoubleInput({
|
|
|
55844
55924
|
}
|
|
55845
55925
|
)
|
|
55846
55926
|
] }),
|
|
55847
|
-
/* @__PURE__ */ (0,
|
|
55848
|
-
/* @__PURE__ */ (0,
|
|
55927
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { children: [
|
|
55928
|
+
/* @__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: [
|
|
55849
55929
|
t5.selectedChain,
|
|
55850
|
-
/* @__PURE__ */ (0,
|
|
55930
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { className: "uf-font-medium", style: { color: components.card.labelHighlightRightColor }, children: [
|
|
55851
55931
|
"$",
|
|
55852
55932
|
minDepositUsd,
|
|
55853
55933
|
" ",
|
|
55854
55934
|
t5.minDeposit.label
|
|
55855
55935
|
] })
|
|
55856
55936
|
] }),
|
|
55857
|
-
/* @__PURE__ */ (0,
|
|
55937
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
|
|
55858
55938
|
Select2,
|
|
55859
55939
|
{
|
|
55860
55940
|
value: chain,
|
|
55861
55941
|
onValueChange: setChain,
|
|
55862
55942
|
disabled: tokensLoading || availableChainsForToken.length === 0,
|
|
55863
55943
|
children: [
|
|
55864
|
-
/* @__PURE__ */ (0,
|
|
55865
|
-
/* @__PURE__ */ (0,
|
|
55944
|
+
/* @__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 }) }) }) }),
|
|
55945
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
55866
55946
|
SelectContent2,
|
|
55867
55947
|
{
|
|
55868
55948
|
align: "end",
|
|
55869
55949
|
className: "uf-bg-secondary uf-border uf-text-foreground uf-max-h-[300px] uf-min-w-[200px]",
|
|
55870
55950
|
style: { border: `1px solid ${isDarkMode ? "rgba(255,255,255,0.15)" : "rgba(0,0,0,0.15)"}`, ...fonts.regular ? { "--uf-font-family": fonts.regular } : {} },
|
|
55871
|
-
children: availableChainsForToken.length === 0 ? /* @__PURE__ */ (0,
|
|
55951
|
+
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) => {
|
|
55872
55952
|
const chainKey = getChainKey2(
|
|
55873
55953
|
chainData.chain_id,
|
|
55874
55954
|
chainData.chain_type
|
|
55875
55955
|
);
|
|
55876
|
-
return /* @__PURE__ */ (0,
|
|
55956
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
55877
55957
|
SelectItem2,
|
|
55878
55958
|
{
|
|
55879
55959
|
value: chainKey,
|
|
@@ -55890,24 +55970,24 @@ function TransferCryptoDoubleInput({
|
|
|
55890
55970
|
)
|
|
55891
55971
|
] })
|
|
55892
55972
|
] }),
|
|
55893
|
-
error && !loading && /* @__PURE__ */ (0,
|
|
55894
|
-
/* @__PURE__ */ (0,
|
|
55895
|
-
/* @__PURE__ */ (0,
|
|
55896
|
-
/* @__PURE__ */ (0,
|
|
55897
|
-
/* @__PURE__ */ (0,
|
|
55898
|
-
/* @__PURE__ */ (0,
|
|
55973
|
+
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: [
|
|
55974
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex uf-items-start uf-gap-2", children: [
|
|
55975
|
+
/* @__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" }),
|
|
55976
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex-1 uf-min-w-0", children: [
|
|
55977
|
+
/* @__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" }),
|
|
55978
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-text-xs uf-text-muted-foreground", children: error })
|
|
55899
55979
|
] })
|
|
55900
55980
|
] }),
|
|
55901
|
-
/* @__PURE__ */ (0,
|
|
55902
|
-
/* @__PURE__ */ (0,
|
|
55903
|
-
/* @__PURE__ */ (0,
|
|
55981
|
+
/* @__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: [
|
|
55982
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Clock, { className: "uf-w-3 uf-h-3" }),
|
|
55983
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { children: "Retrying automatically every 5 seconds..." })
|
|
55904
55984
|
] })
|
|
55905
55985
|
] }),
|
|
55906
|
-
/* @__PURE__ */ (0,
|
|
55907
|
-
/* @__PURE__ */ (0,
|
|
55908
|
-
/* @__PURE__ */ (0,
|
|
55986
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-pt-2", children: [
|
|
55987
|
+
/* @__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" }),
|
|
55988
|
+
/* @__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 ? (
|
|
55909
55989
|
// QR Skeleton - matches QR code appearance
|
|
55910
|
-
/* @__PURE__ */ (0,
|
|
55990
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
55911
55991
|
"div",
|
|
55912
55992
|
{
|
|
55913
55993
|
className: "uf-flex uf-items-center uf-justify-center uf-animate-pulse",
|
|
@@ -55917,7 +55997,7 @@ function TransferCryptoDoubleInput({
|
|
|
55917
55997
|
background: isDarkMode ? "linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%)" : "linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%)",
|
|
55918
55998
|
borderRadius: 8
|
|
55919
55999
|
},
|
|
55920
|
-
children: /* @__PURE__ */ (0,
|
|
56000
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
55921
56001
|
"div",
|
|
55922
56002
|
{
|
|
55923
56003
|
style: {
|
|
@@ -55930,7 +56010,7 @@ function TransferCryptoDoubleInput({
|
|
|
55930
56010
|
)
|
|
55931
56011
|
}
|
|
55932
56012
|
)
|
|
55933
|
-
) : depositAddress ? /* @__PURE__ */ (0,
|
|
56013
|
+
) : depositAddress ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
55934
56014
|
StyledQRCode,
|
|
55935
56015
|
{
|
|
55936
56016
|
value: depositAddress,
|
|
@@ -55940,19 +56020,19 @@ function TransferCryptoDoubleInput({
|
|
|
55940
56020
|
darkMode: isDarkMode
|
|
55941
56021
|
},
|
|
55942
56022
|
`qr-${depositAddress}-${chain}`
|
|
55943
|
-
) : /* @__PURE__ */ (0,
|
|
56023
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
55944
56024
|
"div",
|
|
55945
56025
|
{
|
|
55946
56026
|
className: "uf-flex uf-items-center uf-justify-center",
|
|
55947
56027
|
style: { width: 180, height: 180 },
|
|
55948
|
-
children: /* @__PURE__ */ (0,
|
|
56028
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-text-red-400 uf-text-sm", children: t5.noAddressAvailable })
|
|
55949
56029
|
}
|
|
55950
56030
|
) })
|
|
55951
56031
|
] }),
|
|
55952
|
-
/* @__PURE__ */ (0,
|
|
56032
|
+
/* @__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: [
|
|
55953
56033
|
loading || tokensLoading || !initialSelectionDone ? (
|
|
55954
56034
|
// Address skeleton
|
|
55955
|
-
/* @__PURE__ */ (0,
|
|
56035
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
55956
56036
|
"div",
|
|
55957
56037
|
{
|
|
55958
56038
|
className: "uf-h-4 uf-w-32 uf-rounded uf-animate-pulse",
|
|
@@ -55961,45 +56041,45 @@ function TransferCryptoDoubleInput({
|
|
|
55961
56041
|
}
|
|
55962
56042
|
}
|
|
55963
56043
|
)
|
|
55964
|
-
) : /* @__PURE__ */ (0,
|
|
55965
|
-
depositAddress && initialSelectionDone && /* @__PURE__ */ (0,
|
|
56044
|
+
) : /* @__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 }),
|
|
56045
|
+
depositAddress && initialSelectionDone && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
55966
56046
|
"span",
|
|
55967
56047
|
{
|
|
55968
56048
|
onClick: handleCopyAddress,
|
|
55969
56049
|
className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
|
|
55970
56050
|
style: { color: copied ? colors2.success : components.card.actionColor },
|
|
55971
|
-
children: copied ? /* @__PURE__ */ (0,
|
|
56051
|
+
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" })
|
|
55972
56052
|
}
|
|
55973
56053
|
)
|
|
55974
56054
|
] }) }),
|
|
55975
|
-
/* @__PURE__ */ (0,
|
|
55976
|
-
/* @__PURE__ */ (0,
|
|
56055
|
+
/* @__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: [
|
|
56056
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
|
|
55977
56057
|
"button",
|
|
55978
56058
|
{
|
|
55979
56059
|
onClick: () => setDetailsExpanded(!detailsExpanded),
|
|
55980
56060
|
className: "uf-w-full uf-flex uf-items-center uf-justify-between uf-py-2.5",
|
|
55981
56061
|
children: [
|
|
55982
|
-
/* @__PURE__ */ (0,
|
|
55983
|
-
/* @__PURE__ */ (0,
|
|
55984
|
-
/* @__PURE__ */ (0,
|
|
56062
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
56063
|
+
/* @__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 } }) }),
|
|
56064
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
55985
56065
|
t5.processingTime.label,
|
|
55986
56066
|
":",
|
|
55987
56067
|
" ",
|
|
55988
|
-
/* @__PURE__ */ (0,
|
|
56068
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: formatProcessingTime2(processingTime) })
|
|
55989
56069
|
] })
|
|
55990
56070
|
] }),
|
|
55991
|
-
detailsExpanded ? /* @__PURE__ */ (0,
|
|
56071
|
+
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 } })
|
|
55992
56072
|
]
|
|
55993
56073
|
}
|
|
55994
56074
|
),
|
|
55995
|
-
detailsExpanded && /* @__PURE__ */ (0,
|
|
55996
|
-
/* @__PURE__ */ (0,
|
|
55997
|
-
/* @__PURE__ */ (0,
|
|
55998
|
-
/* @__PURE__ */ (0,
|
|
56075
|
+
detailsExpanded && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-pb-3 uf-space-y-2.5", children: [
|
|
56076
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
56077
|
+
/* @__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 } }) }),
|
|
56078
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
55999
56079
|
t5.slippage.label,
|
|
56000
56080
|
":",
|
|
56001
56081
|
" ",
|
|
56002
|
-
/* @__PURE__ */ (0,
|
|
56082
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
|
|
56003
56083
|
t5.slippage.auto,
|
|
56004
56084
|
" \u2022 ",
|
|
56005
56085
|
maxSlippage.toFixed(2),
|
|
@@ -56007,38 +56087,38 @@ function TransferCryptoDoubleInput({
|
|
|
56007
56087
|
] })
|
|
56008
56088
|
] })
|
|
56009
56089
|
] }),
|
|
56010
|
-
/* @__PURE__ */ (0,
|
|
56011
|
-
/* @__PURE__ */ (0,
|
|
56012
|
-
/* @__PURE__ */ (0,
|
|
56090
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
56091
|
+
/* @__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 } }) }),
|
|
56092
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
56013
56093
|
t5.priceImpact.label,
|
|
56014
56094
|
":",
|
|
56015
56095
|
" ",
|
|
56016
|
-
/* @__PURE__ */ (0,
|
|
56096
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
|
|
56017
56097
|
priceImpact.toFixed(2),
|
|
56018
56098
|
"%"
|
|
56019
56099
|
] })
|
|
56020
56100
|
] })
|
|
56021
56101
|
] }),
|
|
56022
|
-
/* @__PURE__ */ (0,
|
|
56023
|
-
/* @__PURE__ */ (0,
|
|
56024
|
-
/* @__PURE__ */ (0,
|
|
56102
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
56103
|
+
/* @__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 } }) }),
|
|
56104
|
+
/* @__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: [
|
|
56025
56105
|
"Recipient address:",
|
|
56026
56106
|
" ",
|
|
56027
|
-
/* @__PURE__ */ (0,
|
|
56028
|
-
/* @__PURE__ */ (0,
|
|
56107
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: truncateAddress(recipientAddress || "", 8, 6) }),
|
|
56108
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
56029
56109
|
"span",
|
|
56030
56110
|
{
|
|
56031
56111
|
onClick: () => handleCopyRecipientAddress(recipientAddress),
|
|
56032
56112
|
className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
|
|
56033
56113
|
style: { color: copiedRecipient ? colors2.success : components.card.actionColor },
|
|
56034
|
-
children: copiedRecipient ? /* @__PURE__ */ (0,
|
|
56114
|
+
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" })
|
|
56035
56115
|
}
|
|
56036
56116
|
)
|
|
56037
56117
|
] })
|
|
56038
56118
|
] })
|
|
56039
56119
|
] })
|
|
56040
56120
|
] }),
|
|
56041
|
-
wallets && wallets.length > 0 && /* @__PURE__ */ (0,
|
|
56121
|
+
wallets && wallets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
56042
56122
|
DepositPollingUi,
|
|
56043
56123
|
{
|
|
56044
56124
|
depositConfirmationMode,
|
|
@@ -56047,29 +56127,29 @@ function TransferCryptoDoubleInput({
|
|
|
56047
56127
|
onIveDeposited: handleIveDeposited
|
|
56048
56128
|
}
|
|
56049
56129
|
),
|
|
56050
|
-
/* @__PURE__ */ (0,
|
|
56051
|
-
depositExecutions.length > 1 && /* @__PURE__ */ (0,
|
|
56130
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(DepositFooterLinks, { onGlossaryClick: () => setGlossaryOpen(true) }),
|
|
56131
|
+
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)(
|
|
56052
56132
|
"button",
|
|
56053
56133
|
{
|
|
56054
56134
|
onClick: () => setDepositsModalOpen(true),
|
|
56055
56135
|
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",
|
|
56056
56136
|
children: [
|
|
56057
|
-
/* @__PURE__ */ (0,
|
|
56137
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Clock, { className: "uf-w-3.5 uf-h-3.5" }),
|
|
56058
56138
|
"Track deposits (",
|
|
56059
56139
|
depositExecutions.length,
|
|
56060
56140
|
")",
|
|
56061
|
-
/* @__PURE__ */ (0,
|
|
56141
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ChevronRight, { className: "uf-w-3 uf-h-3" })
|
|
56062
56142
|
]
|
|
56063
56143
|
}
|
|
56064
56144
|
) }),
|
|
56065
|
-
/* @__PURE__ */ (0,
|
|
56145
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
56066
56146
|
DepositPollingToasts,
|
|
56067
56147
|
{
|
|
56068
56148
|
executions: depositExecutions,
|
|
56069
56149
|
isPolling
|
|
56070
56150
|
}
|
|
56071
56151
|
),
|
|
56072
|
-
/* @__PURE__ */ (0,
|
|
56152
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
56073
56153
|
DepositsModal,
|
|
56074
56154
|
{
|
|
56075
56155
|
open: depositsModalOpen,
|
|
@@ -56080,7 +56160,7 @@ function TransferCryptoDoubleInput({
|
|
|
56080
56160
|
themeClass
|
|
56081
56161
|
}
|
|
56082
56162
|
),
|
|
56083
|
-
/* @__PURE__ */ (0,
|
|
56163
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
56084
56164
|
GlossaryModal,
|
|
56085
56165
|
{
|
|
56086
56166
|
open: glossaryOpen,
|
|
@@ -56107,8 +56187,8 @@ function SelectTokenView({
|
|
|
56107
56187
|
onClose
|
|
56108
56188
|
}) {
|
|
56109
56189
|
const { colors: colors2, fonts, components } = useTheme();
|
|
56110
|
-
return /* @__PURE__ */ (0,
|
|
56111
|
-
/* @__PURE__ */ (0,
|
|
56190
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_jsx_runtime61.Fragment, { children: [
|
|
56191
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
56112
56192
|
DepositHeader,
|
|
56113
56193
|
{
|
|
56114
56194
|
title: "Select Token",
|
|
@@ -56121,20 +56201,20 @@ function SelectTokenView({
|
|
|
56121
56201
|
onClose
|
|
56122
56202
|
}
|
|
56123
56203
|
),
|
|
56124
|
-
/* @__PURE__ */ (0,
|
|
56204
|
+
/* @__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)(
|
|
56125
56205
|
LoaderCircle,
|
|
56126
56206
|
{
|
|
56127
56207
|
className: "uf-w-6 uf-h-6 uf-animate-spin",
|
|
56128
56208
|
style: { color: colors2.foregroundMuted }
|
|
56129
56209
|
}
|
|
56130
|
-
) }) : error ? /* @__PURE__ */ (0,
|
|
56210
|
+
) }) : error ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "uf-text-center uf-py-8", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
56131
56211
|
"div",
|
|
56132
56212
|
{
|
|
56133
56213
|
className: "uf-text-sm",
|
|
56134
56214
|
style: { color: colors2.foregroundMuted },
|
|
56135
56215
|
children: error
|
|
56136
56216
|
}
|
|
56137
|
-
) }) : balances.length === 0 ? /* @__PURE__ */ (0,
|
|
56217
|
+
) }) : balances.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "uf-text-center uf-py-8", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
56138
56218
|
"div",
|
|
56139
56219
|
{
|
|
56140
56220
|
className: "uf-text-sm",
|
|
@@ -56153,7 +56233,7 @@ function SelectTokenView({
|
|
|
56153
56233
|
token.symbol
|
|
56154
56234
|
);
|
|
56155
56235
|
const formattedUsd = formatUsdAmount(balance.amount_usd);
|
|
56156
|
-
return /* @__PURE__ */ (0,
|
|
56236
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
|
|
56157
56237
|
"button",
|
|
56158
56238
|
{
|
|
56159
56239
|
onClick: () => onTokenSelect(balance),
|
|
@@ -56166,9 +56246,9 @@ function SelectTokenView({
|
|
|
56166
56246
|
opacity: isEligible ? 1 : 0.5
|
|
56167
56247
|
},
|
|
56168
56248
|
children: [
|
|
56169
|
-
/* @__PURE__ */ (0,
|
|
56170
|
-
/* @__PURE__ */ (0,
|
|
56171
|
-
getIconUrl2(token.icon_url, assetCdnUrl) ? /* @__PURE__ */ (0,
|
|
56249
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
|
|
56250
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "uf-relative uf-w-9 uf-h-9", children: [
|
|
56251
|
+
getIconUrl2(token.icon_url, assetCdnUrl) ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
56172
56252
|
"img",
|
|
56173
56253
|
{
|
|
56174
56254
|
src: getIconUrl2(token.icon_url, assetCdnUrl),
|
|
@@ -56180,12 +56260,12 @@ function SelectTokenView({
|
|
|
56180
56260
|
filter: isEligible ? "none" : "grayscale(100%)"
|
|
56181
56261
|
}
|
|
56182
56262
|
}
|
|
56183
|
-
) : /* @__PURE__ */ (0,
|
|
56263
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
56184
56264
|
"div",
|
|
56185
56265
|
{
|
|
56186
56266
|
className: "uf-w-9 uf-h-9 uf-rounded-full uf-flex uf-items-center uf-justify-center",
|
|
56187
56267
|
style: { backgroundColor: colors2.card },
|
|
56188
|
-
children: /* @__PURE__ */ (0,
|
|
56268
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
56189
56269
|
"span",
|
|
56190
56270
|
{
|
|
56191
56271
|
className: "uf-text-xs uf-font-medium",
|
|
@@ -56195,7 +56275,7 @@ function SelectTokenView({
|
|
|
56195
56275
|
)
|
|
56196
56276
|
}
|
|
56197
56277
|
),
|
|
56198
|
-
getIconUrl2(token.chain_icon_url, assetCdnUrl) && /* @__PURE__ */ (0,
|
|
56278
|
+
getIconUrl2(token.chain_icon_url, assetCdnUrl) && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
56199
56279
|
"img",
|
|
56200
56280
|
{
|
|
56201
56281
|
src: getIconUrl2(token.chain_icon_url, assetCdnUrl),
|
|
@@ -56210,8 +56290,8 @@ function SelectTokenView({
|
|
|
56210
56290
|
}
|
|
56211
56291
|
)
|
|
56212
56292
|
] }),
|
|
56213
|
-
/* @__PURE__ */ (0,
|
|
56214
|
-
/* @__PURE__ */ (0,
|
|
56293
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "uf-text-left", children: [
|
|
56294
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
56215
56295
|
"div",
|
|
56216
56296
|
{
|
|
56217
56297
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -56222,7 +56302,7 @@ function SelectTokenView({
|
|
|
56222
56302
|
children: token.symbol
|
|
56223
56303
|
}
|
|
56224
56304
|
),
|
|
56225
|
-
/* @__PURE__ */ (0,
|
|
56305
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
|
|
56226
56306
|
"div",
|
|
56227
56307
|
{
|
|
56228
56308
|
className: "uf-text-xs",
|
|
@@ -56238,8 +56318,8 @@ function SelectTokenView({
|
|
|
56238
56318
|
)
|
|
56239
56319
|
] })
|
|
56240
56320
|
] }),
|
|
56241
|
-
/* @__PURE__ */ (0,
|
|
56242
|
-
/* @__PURE__ */ (0,
|
|
56321
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "uf-text-right", children: [
|
|
56322
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
|
|
56243
56323
|
"div",
|
|
56244
56324
|
{
|
|
56245
56325
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -56254,7 +56334,7 @@ function SelectTokenView({
|
|
|
56254
56334
|
]
|
|
56255
56335
|
}
|
|
56256
56336
|
),
|
|
56257
|
-
formattedUsd && /* @__PURE__ */ (0,
|
|
56337
|
+
formattedUsd && /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
|
|
56258
56338
|
"div",
|
|
56259
56339
|
{
|
|
56260
56340
|
className: "uf-text-xs",
|
|
@@ -56274,7 +56354,7 @@ function SelectTokenView({
|
|
|
56274
56354
|
`${token.chain_id}-${token.token_address}-${index2}`
|
|
56275
56355
|
);
|
|
56276
56356
|
}) }) }),
|
|
56277
|
-
/* @__PURE__ */ (0,
|
|
56357
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "uf-pt-4", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
56278
56358
|
"button",
|
|
56279
56359
|
{
|
|
56280
56360
|
onClick: onContinue,
|
|
@@ -56310,8 +56390,8 @@ function EnterAmountView({
|
|
|
56310
56390
|
}) {
|
|
56311
56391
|
const { colors: colors2, fonts, components } = useTheme();
|
|
56312
56392
|
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}`;
|
|
56313
|
-
return /* @__PURE__ */ (0,
|
|
56314
|
-
/* @__PURE__ */ (0,
|
|
56393
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
|
|
56394
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
56315
56395
|
DepositHeader,
|
|
56316
56396
|
{
|
|
56317
56397
|
title: "Enter Amount",
|
|
@@ -56321,9 +56401,9 @@ function EnterAmountView({
|
|
|
56321
56401
|
onClose
|
|
56322
56402
|
}
|
|
56323
56403
|
),
|
|
56324
|
-
/* @__PURE__ */ (0,
|
|
56325
|
-
/* @__PURE__ */ (0,
|
|
56326
|
-
/* @__PURE__ */ (0,
|
|
56404
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "uf-text-center uf-py-6", children: [
|
|
56405
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-center", children: [
|
|
56406
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
56327
56407
|
"span",
|
|
56328
56408
|
{
|
|
56329
56409
|
className: "uf-text-2xl uf-mr-1",
|
|
@@ -56331,7 +56411,7 @@ function EnterAmountView({
|
|
|
56331
56411
|
children: "$"
|
|
56332
56412
|
}
|
|
56333
56413
|
),
|
|
56334
|
-
/* @__PURE__ */ (0,
|
|
56414
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
56335
56415
|
"input",
|
|
56336
56416
|
{
|
|
56337
56417
|
type: "text",
|
|
@@ -56359,7 +56439,7 @@ function EnterAmountView({
|
|
|
56359
56439
|
}
|
|
56360
56440
|
)
|
|
56361
56441
|
] }),
|
|
56362
|
-
formattedTokenAmount && /* @__PURE__ */ (0,
|
|
56442
|
+
formattedTokenAmount && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
|
|
56363
56443
|
"div",
|
|
56364
56444
|
{
|
|
56365
56445
|
className: "uf-text-sm uf-mt-2",
|
|
@@ -56371,8 +56451,8 @@ function EnterAmountView({
|
|
|
56371
56451
|
}
|
|
56372
56452
|
)
|
|
56373
56453
|
] }),
|
|
56374
|
-
/* @__PURE__ */ (0,
|
|
56375
|
-
[25, 50, 100, 500].map((quickAmount) => /* @__PURE__ */ (0,
|
|
56454
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "uf-flex uf-gap-2 uf-mb-4", children: [
|
|
56455
|
+
[25, 50, 100, 500].map((quickAmount) => /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
|
|
56376
56456
|
"button",
|
|
56377
56457
|
{
|
|
56378
56458
|
onClick: () => onAmountChange(quickAmount.toString()),
|
|
@@ -56389,7 +56469,7 @@ function EnterAmountView({
|
|
|
56389
56469
|
},
|
|
56390
56470
|
quickAmount
|
|
56391
56471
|
)),
|
|
56392
|
-
/* @__PURE__ */ (0,
|
|
56472
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
56393
56473
|
"button",
|
|
56394
56474
|
{
|
|
56395
56475
|
onClick: onMaxClick,
|
|
@@ -56403,7 +56483,7 @@ function EnterAmountView({
|
|
|
56403
56483
|
}
|
|
56404
56484
|
)
|
|
56405
56485
|
] }),
|
|
56406
|
-
tokenChainDetails && tokenChainDetails.minimum_deposit_amount_usd > 0 && /* @__PURE__ */ (0,
|
|
56486
|
+
tokenChainDetails && tokenChainDetails.minimum_deposit_amount_usd > 0 && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
|
|
56407
56487
|
"div",
|
|
56408
56488
|
{
|
|
56409
56489
|
className: "uf-text-center uf-text-xs uf-mb-3",
|
|
@@ -56414,14 +56494,14 @@ function EnterAmountView({
|
|
|
56414
56494
|
]
|
|
56415
56495
|
}
|
|
56416
56496
|
),
|
|
56417
|
-
inputUsdNum > 0 && /* @__PURE__ */ (0,
|
|
56497
|
+
inputUsdNum > 0 && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_jsx_runtime62.Fragment, { children: inputUsdNum > maxUsdAmount ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
56418
56498
|
"div",
|
|
56419
56499
|
{
|
|
56420
56500
|
className: "uf-text-center uf-text-sm uf-mb-3",
|
|
56421
56501
|
style: { color: colors2.error },
|
|
56422
56502
|
children: "Insufficient balance"
|
|
56423
56503
|
}
|
|
56424
|
-
) : error && /* @__PURE__ */ (0,
|
|
56504
|
+
) : error && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
56425
56505
|
"div",
|
|
56426
56506
|
{
|
|
56427
56507
|
className: "uf-text-center uf-text-sm uf-mb-3 uf-px-2",
|
|
@@ -56429,7 +56509,7 @@ function EnterAmountView({
|
|
|
56429
56509
|
children: error
|
|
56430
56510
|
}
|
|
56431
56511
|
) }),
|
|
56432
|
-
/* @__PURE__ */ (0,
|
|
56512
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
56433
56513
|
"button",
|
|
56434
56514
|
{
|
|
56435
56515
|
onClick: onReview,
|
|
@@ -56465,8 +56545,8 @@ function ReviewView({
|
|
|
56465
56545
|
onClose
|
|
56466
56546
|
}) {
|
|
56467
56547
|
const { colors: colors2, fonts, components } = useTheme();
|
|
56468
|
-
return /* @__PURE__ */ (0,
|
|
56469
|
-
/* @__PURE__ */ (0,
|
|
56548
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-flex uf-flex-col uf-min-h-[400px]", children: [
|
|
56549
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
56470
56550
|
DepositHeader,
|
|
56471
56551
|
{
|
|
56472
56552
|
title: "Review",
|
|
@@ -56475,8 +56555,8 @@ function ReviewView({
|
|
|
56475
56555
|
onClose
|
|
56476
56556
|
}
|
|
56477
56557
|
),
|
|
56478
|
-
/* @__PURE__ */ (0,
|
|
56479
|
-
/* @__PURE__ */ (0,
|
|
56558
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-text-center", children: [
|
|
56559
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
56480
56560
|
"div",
|
|
56481
56561
|
{
|
|
56482
56562
|
className: "uf-text-4xl uf-font-medium",
|
|
@@ -56487,7 +56567,7 @@ function ReviewView({
|
|
|
56487
56567
|
]
|
|
56488
56568
|
}
|
|
56489
56569
|
),
|
|
56490
|
-
formattedTokenAmount && /* @__PURE__ */ (0,
|
|
56570
|
+
formattedTokenAmount && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
56491
56571
|
"div",
|
|
56492
56572
|
{
|
|
56493
56573
|
className: "uf-text-sm uf-mt-2",
|
|
@@ -56499,14 +56579,14 @@ function ReviewView({
|
|
|
56499
56579
|
}
|
|
56500
56580
|
)
|
|
56501
56581
|
] }),
|
|
56502
|
-
/* @__PURE__ */ (0,
|
|
56582
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
56503
56583
|
"div",
|
|
56504
56584
|
{
|
|
56505
56585
|
className: "uf-p-4 uf-space-y-4 uf-mt-4",
|
|
56506
56586
|
style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` },
|
|
56507
56587
|
children: [
|
|
56508
|
-
/* @__PURE__ */ (0,
|
|
56509
|
-
/* @__PURE__ */ (0,
|
|
56588
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-flex uf-justify-between uf-items-center", children: [
|
|
56589
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
56510
56590
|
"span",
|
|
56511
56591
|
{
|
|
56512
56592
|
className: "uf-text-sm",
|
|
@@ -56514,8 +56594,8 @@ function ReviewView({
|
|
|
56514
56594
|
children: "Source"
|
|
56515
56595
|
}
|
|
56516
56596
|
),
|
|
56517
|
-
/* @__PURE__ */ (0,
|
|
56518
|
-
getIconUrl2(selectedToken.icon_url, assetCdnUrl) && /* @__PURE__ */ (0,
|
|
56597
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
56598
|
+
getIconUrl2(selectedToken.icon_url, assetCdnUrl) && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
56519
56599
|
"img",
|
|
56520
56600
|
{
|
|
56521
56601
|
src: getIconUrl2(selectedToken.icon_url, assetCdnUrl),
|
|
@@ -56523,7 +56603,7 @@ function ReviewView({
|
|
|
56523
56603
|
className: "uf-w-5 uf-h-5 uf-rounded-full"
|
|
56524
56604
|
}
|
|
56525
56605
|
),
|
|
56526
|
-
/* @__PURE__ */ (0,
|
|
56606
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
56527
56607
|
"span",
|
|
56528
56608
|
{
|
|
56529
56609
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -56538,8 +56618,8 @@ function ReviewView({
|
|
|
56538
56618
|
)
|
|
56539
56619
|
] })
|
|
56540
56620
|
] }),
|
|
56541
|
-
/* @__PURE__ */ (0,
|
|
56542
|
-
/* @__PURE__ */ (0,
|
|
56621
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-flex uf-justify-between uf-items-center", children: [
|
|
56622
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
56543
56623
|
"span",
|
|
56544
56624
|
{
|
|
56545
56625
|
className: "uf-text-sm",
|
|
@@ -56547,7 +56627,7 @@ function ReviewView({
|
|
|
56547
56627
|
children: "Destination"
|
|
56548
56628
|
}
|
|
56549
56629
|
),
|
|
56550
|
-
/* @__PURE__ */ (0,
|
|
56630
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
56551
56631
|
"span",
|
|
56552
56632
|
{
|
|
56553
56633
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -56556,13 +56636,13 @@ function ReviewView({
|
|
|
56556
56636
|
}
|
|
56557
56637
|
)
|
|
56558
56638
|
] }),
|
|
56559
|
-
/* @__PURE__ */ (0,
|
|
56639
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
56560
56640
|
"button",
|
|
56561
56641
|
{
|
|
56562
56642
|
onClick: onToggleDetails,
|
|
56563
56643
|
className: "uf-w-full uf-flex uf-justify-between uf-items-center uf-transition-colors hover:uf-opacity-80",
|
|
56564
56644
|
children: [
|
|
56565
|
-
/* @__PURE__ */ (0,
|
|
56645
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
56566
56646
|
"span",
|
|
56567
56647
|
{
|
|
56568
56648
|
className: "uf-text-sm",
|
|
@@ -56570,8 +56650,8 @@ function ReviewView({
|
|
|
56570
56650
|
children: "Estimated time"
|
|
56571
56651
|
}
|
|
56572
56652
|
),
|
|
56573
|
-
/* @__PURE__ */ (0,
|
|
56574
|
-
/* @__PURE__ */ (0,
|
|
56653
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
56654
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
56575
56655
|
"span",
|
|
56576
56656
|
{
|
|
56577
56657
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -56581,13 +56661,13 @@ function ReviewView({
|
|
|
56581
56661
|
)
|
|
56582
56662
|
}
|
|
56583
56663
|
),
|
|
56584
|
-
showTransactionDetails ? /* @__PURE__ */ (0,
|
|
56664
|
+
showTransactionDetails ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
56585
56665
|
ChevronUp,
|
|
56586
56666
|
{
|
|
56587
56667
|
className: "uf-w-4 uf-h-4",
|
|
56588
56668
|
style: { color: colors2.foregroundMuted }
|
|
56589
56669
|
}
|
|
56590
|
-
) : /* @__PURE__ */ (0,
|
|
56670
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
56591
56671
|
ChevronDown,
|
|
56592
56672
|
{
|
|
56593
56673
|
className: "uf-w-4 uf-h-4",
|
|
@@ -56598,14 +56678,14 @@ function ReviewView({
|
|
|
56598
56678
|
]
|
|
56599
56679
|
}
|
|
56600
56680
|
),
|
|
56601
|
-
showTransactionDetails && tokenChainDetails && /* @__PURE__ */ (0,
|
|
56602
|
-
/* @__PURE__ */ (0,
|
|
56681
|
+
showTransactionDetails && tokenChainDetails && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
|
|
56682
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
56603
56683
|
"div",
|
|
56604
56684
|
{
|
|
56605
56685
|
className: "uf-flex uf-justify-between uf-items-center uf-pt-3 uf-border-t",
|
|
56606
56686
|
style: { borderColor: colors2.border },
|
|
56607
56687
|
children: [
|
|
56608
|
-
/* @__PURE__ */ (0,
|
|
56688
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
56609
56689
|
"span",
|
|
56610
56690
|
{
|
|
56611
56691
|
className: "uf-text-sm",
|
|
@@ -56616,7 +56696,7 @@ function ReviewView({
|
|
|
56616
56696
|
children: "Price impact"
|
|
56617
56697
|
}
|
|
56618
56698
|
),
|
|
56619
|
-
/* @__PURE__ */ (0,
|
|
56699
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
56620
56700
|
"span",
|
|
56621
56701
|
{
|
|
56622
56702
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -56630,8 +56710,8 @@ function ReviewView({
|
|
|
56630
56710
|
]
|
|
56631
56711
|
}
|
|
56632
56712
|
),
|
|
56633
|
-
/* @__PURE__ */ (0,
|
|
56634
|
-
/* @__PURE__ */ (0,
|
|
56713
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-flex uf-justify-between uf-items-center", children: [
|
|
56714
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
56635
56715
|
"span",
|
|
56636
56716
|
{
|
|
56637
56717
|
className: "uf-text-sm",
|
|
@@ -56642,7 +56722,7 @@ function ReviewView({
|
|
|
56642
56722
|
children: "Max slippage"
|
|
56643
56723
|
}
|
|
56644
56724
|
),
|
|
56645
|
-
/* @__PURE__ */ (0,
|
|
56725
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
56646
56726
|
"span",
|
|
56647
56727
|
{
|
|
56648
56728
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -56658,7 +56738,7 @@ function ReviewView({
|
|
|
56658
56738
|
]
|
|
56659
56739
|
}
|
|
56660
56740
|
),
|
|
56661
|
-
error && /* @__PURE__ */ (0,
|
|
56741
|
+
error && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
56662
56742
|
"div",
|
|
56663
56743
|
{
|
|
56664
56744
|
className: "uf-text-center uf-text-sm uf-mt-4 uf-px-2",
|
|
@@ -56666,7 +56746,7 @@ function ReviewView({
|
|
|
56666
56746
|
children: error
|
|
56667
56747
|
}
|
|
56668
56748
|
),
|
|
56669
|
-
/* @__PURE__ */ (0,
|
|
56749
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
56670
56750
|
"div",
|
|
56671
56751
|
{
|
|
56672
56752
|
className: "uf-text-xs uf-text-center uf-mt-4 uf-px-4",
|
|
@@ -56677,7 +56757,7 @@ function ReviewView({
|
|
|
56677
56757
|
]
|
|
56678
56758
|
}
|
|
56679
56759
|
),
|
|
56680
|
-
/* @__PURE__ */ (0,
|
|
56760
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "uf-pt-4", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
56681
56761
|
"button",
|
|
56682
56762
|
{
|
|
56683
56763
|
onClick: onConfirm,
|
|
@@ -56708,23 +56788,23 @@ function ConfirmingView({
|
|
|
56708
56788
|
const visibleExecutions = executions.filter(
|
|
56709
56789
|
(execution) => !closedExecutionIds.has(execution.id)
|
|
56710
56790
|
);
|
|
56711
|
-
return /* @__PURE__ */ (0,
|
|
56712
|
-
/* @__PURE__ */ (0,
|
|
56791
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "uf-flex uf-flex-col uf-min-h-[400px] uf-relative", children: [
|
|
56792
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
56713
56793
|
DepositHeader,
|
|
56714
56794
|
{
|
|
56715
56795
|
title: isConfirming ? "Confirming..." : "Processing",
|
|
56716
56796
|
onClose
|
|
56717
56797
|
}
|
|
56718
56798
|
),
|
|
56719
|
-
/* @__PURE__ */ (0,
|
|
56720
|
-
/* @__PURE__ */ (0,
|
|
56799
|
+
/* @__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: [
|
|
56800
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
56721
56801
|
LoaderCircle,
|
|
56722
56802
|
{
|
|
56723
56803
|
className: "uf-w-12 uf-h-12 uf-animate-spin uf-mb-4",
|
|
56724
56804
|
style: { color: colors2.primary }
|
|
56725
56805
|
}
|
|
56726
56806
|
),
|
|
56727
|
-
/* @__PURE__ */ (0,
|
|
56807
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
56728
56808
|
"div",
|
|
56729
56809
|
{
|
|
56730
56810
|
className: "uf-text-lg uf-font-medium",
|
|
@@ -56732,7 +56812,7 @@ function ConfirmingView({
|
|
|
56732
56812
|
children: "Waiting for confirmation..."
|
|
56733
56813
|
}
|
|
56734
56814
|
),
|
|
56735
|
-
/* @__PURE__ */ (0,
|
|
56815
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
56736
56816
|
"div",
|
|
56737
56817
|
{
|
|
56738
56818
|
className: "uf-text-sm uf-mt-2 uf-text-center uf-px-6",
|
|
@@ -56740,15 +56820,15 @@ function ConfirmingView({
|
|
|
56740
56820
|
children: "Please confirm the transaction in your wallet"
|
|
56741
56821
|
}
|
|
56742
56822
|
)
|
|
56743
|
-
] }) : /* @__PURE__ */ (0,
|
|
56744
|
-
/* @__PURE__ */ (0,
|
|
56823
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_jsx_runtime64.Fragment, { children: [
|
|
56824
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
56745
56825
|
CircleCheck,
|
|
56746
56826
|
{
|
|
56747
56827
|
className: "uf-w-12 uf-h-12 uf-mb-4",
|
|
56748
56828
|
style: { color: colors2.primary }
|
|
56749
56829
|
}
|
|
56750
56830
|
),
|
|
56751
|
-
/* @__PURE__ */ (0,
|
|
56831
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
56752
56832
|
"div",
|
|
56753
56833
|
{
|
|
56754
56834
|
className: "uf-text-lg uf-font-medium",
|
|
@@ -56756,7 +56836,7 @@ function ConfirmingView({
|
|
|
56756
56836
|
children: "Transaction Submitted"
|
|
56757
56837
|
}
|
|
56758
56838
|
),
|
|
56759
|
-
/* @__PURE__ */ (0,
|
|
56839
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
56760
56840
|
"div",
|
|
56761
56841
|
{
|
|
56762
56842
|
className: "uf-text-sm uf-mt-2 uf-text-center uf-px-6",
|
|
@@ -56765,7 +56845,7 @@ function ConfirmingView({
|
|
|
56765
56845
|
}
|
|
56766
56846
|
)
|
|
56767
56847
|
] }) }),
|
|
56768
|
-
visibleExecutions.length > 0 && /* @__PURE__ */ (0,
|
|
56848
|
+
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)(
|
|
56769
56849
|
DepositSuccessToast,
|
|
56770
56850
|
{
|
|
56771
56851
|
depositTx: execution.transaction_hash,
|
|
@@ -57267,7 +57347,7 @@ function BrowserWalletModal({
|
|
|
57267
57347
|
""
|
|
57268
57348
|
);
|
|
57269
57349
|
}, [tokenAmount, selectedToken]);
|
|
57270
|
-
return /* @__PURE__ */ (0,
|
|
57350
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_jsx_runtime65.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
57271
57351
|
Dialog2,
|
|
57272
57352
|
{
|
|
57273
57353
|
open,
|
|
@@ -57277,15 +57357,15 @@ function BrowserWalletModal({
|
|
|
57277
57357
|
}
|
|
57278
57358
|
handleClose();
|
|
57279
57359
|
},
|
|
57280
|
-
children: /* @__PURE__ */ (0,
|
|
57360
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
57281
57361
|
DialogContent2,
|
|
57282
57362
|
{
|
|
57283
57363
|
className: `sm:uf-max-w-[400px] uf-border-secondary uf-text-foreground uf-p-0 uf-gap-0 [&>button]:uf-hidden ${themeClass}`,
|
|
57284
57364
|
style: { backgroundColor: colors2.background },
|
|
57285
57365
|
onPointerDownOutside: (e) => e.preventDefault(),
|
|
57286
57366
|
onInteractOutside: (e) => e.preventDefault(),
|
|
57287
|
-
children: /* @__PURE__ */ (0,
|
|
57288
|
-
step === "select-token" && /* @__PURE__ */ (0,
|
|
57367
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(ThemeStyleInjector, { children: [
|
|
57368
|
+
step === "select-token" && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
57289
57369
|
SelectTokenView,
|
|
57290
57370
|
{
|
|
57291
57371
|
projectName,
|
|
@@ -57301,7 +57381,7 @@ function BrowserWalletModal({
|
|
|
57301
57381
|
onClose: handleFullClose
|
|
57302
57382
|
}
|
|
57303
57383
|
),
|
|
57304
|
-
step === "input-amount" && selectedToken && selectedBalance && /* @__PURE__ */ (0,
|
|
57384
|
+
step === "input-amount" && selectedToken && selectedBalance && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
57305
57385
|
EnterAmountView,
|
|
57306
57386
|
{
|
|
57307
57387
|
selectedBalance,
|
|
@@ -57320,7 +57400,7 @@ function BrowserWalletModal({
|
|
|
57320
57400
|
onClose: handleFullClose
|
|
57321
57401
|
}
|
|
57322
57402
|
),
|
|
57323
|
-
step === "review" && selectedToken && /* @__PURE__ */ (0,
|
|
57403
|
+
step === "review" && selectedToken && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
57324
57404
|
ReviewView,
|
|
57325
57405
|
{
|
|
57326
57406
|
walletInfo,
|
|
@@ -57340,7 +57420,7 @@ function BrowserWalletModal({
|
|
|
57340
57420
|
onClose: handleFullClose
|
|
57341
57421
|
}
|
|
57342
57422
|
),
|
|
57343
|
-
step === "confirming" && /* @__PURE__ */ (0,
|
|
57423
|
+
step === "confirming" && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
57344
57424
|
ConfirmingView,
|
|
57345
57425
|
{
|
|
57346
57426
|
isConfirming,
|
|
@@ -57431,6 +57511,7 @@ var WALLET_DEFINITIONS = [
|
|
|
57431
57511
|
installUrl: "https://glow.app/"
|
|
57432
57512
|
}
|
|
57433
57513
|
];
|
|
57514
|
+
var WALLET_LIST_MAX_HEIGHT_PX = 330;
|
|
57434
57515
|
function WalletSelectionModal({
|
|
57435
57516
|
open,
|
|
57436
57517
|
onOpenChange,
|
|
@@ -57439,14 +57520,13 @@ function WalletSelectionModal({
|
|
|
57439
57520
|
chainType,
|
|
57440
57521
|
theme = "dark"
|
|
57441
57522
|
}) {
|
|
57442
|
-
const { colors: colors2, fonts, components
|
|
57523
|
+
const { colors: colors2, fonts, components } = useTheme();
|
|
57443
57524
|
const [step, setStep] = React272.useState("select-wallet");
|
|
57444
57525
|
const [selectedWallet, setSelectedWallet] = React272.useState(null);
|
|
57445
57526
|
const [connectingNetwork, setConnectingNetwork] = React272.useState(null);
|
|
57446
57527
|
const [error, setError] = React272.useState(null);
|
|
57447
57528
|
const [isConnecting, setIsConnecting] = React272.useState(false);
|
|
57448
57529
|
const themeClass = theme === "dark" ? "uf-dark" : "";
|
|
57449
|
-
const iconVariant = mode === "dark" ? "light" : "dark";
|
|
57450
57530
|
const getProviders = React272.useCallback(() => {
|
|
57451
57531
|
if (typeof window === "undefined") {
|
|
57452
57532
|
return {};
|
|
@@ -57710,6 +57790,7 @@ function WalletSelectionModal({
|
|
|
57710
57790
|
setSelectedWallet(null);
|
|
57711
57791
|
setConnectingNetwork(null);
|
|
57712
57792
|
setError(null);
|
|
57793
|
+
setIsConnecting(false);
|
|
57713
57794
|
} else {
|
|
57714
57795
|
handleClose();
|
|
57715
57796
|
}
|
|
@@ -57730,15 +57811,15 @@ function WalletSelectionModal({
|
|
|
57730
57811
|
return "Connect Wallet";
|
|
57731
57812
|
}
|
|
57732
57813
|
};
|
|
57733
|
-
return /* @__PURE__ */ (0,
|
|
57814
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Dialog2, { open, onOpenChange: handleClose, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57734
57815
|
DialogContent2,
|
|
57735
57816
|
{
|
|
57736
|
-
className: `sm:uf-max-w-[400px] uf-border-secondary uf-text-foreground uf-p-0 uf-gap-0 [&>button]:uf-hidden ${themeClass}`,
|
|
57817
|
+
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}`,
|
|
57737
57818
|
style: { backgroundColor: colors2.background },
|
|
57738
57819
|
onPointerDownOutside: (e) => e.preventDefault(),
|
|
57739
57820
|
onInteractOutside: (e) => e.preventDefault(),
|
|
57740
|
-
children: /* @__PURE__ */ (0,
|
|
57741
|
-
/* @__PURE__ */ (0,
|
|
57821
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(ThemeStyleInjector, { className: "uf-flex uf-min-h-0 uf-flex-1 uf-flex-col", children: [
|
|
57822
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57742
57823
|
DepositHeader,
|
|
57743
57824
|
{
|
|
57744
57825
|
title: getTitle(),
|
|
@@ -57747,9 +57828,9 @@ function WalletSelectionModal({
|
|
|
57747
57828
|
onClose: handleClose
|
|
57748
57829
|
}
|
|
57749
57830
|
),
|
|
57750
|
-
/* @__PURE__ */ (0,
|
|
57751
|
-
step === "select-wallet" && /* @__PURE__ */ (0,
|
|
57752
|
-
/* @__PURE__ */ (0,
|
|
57831
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-min-h-0 uf-flex-1 uf-flex-col", children: [
|
|
57832
|
+
step === "select-wallet" && /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-shrink-0 uf-flex-col", children: [
|
|
57833
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57753
57834
|
"p",
|
|
57754
57835
|
{
|
|
57755
57836
|
className: "uf-text-sm uf-text-center uf-pb-4",
|
|
@@ -57760,87 +57841,96 @@ function WalletSelectionModal({
|
|
|
57760
57841
|
children: chainType ? `Select a ${chainType === "ethereum" ? "Ethereum" : "Solana"} wallet` : "Select a wallet to connect"
|
|
57761
57842
|
}
|
|
57762
57843
|
),
|
|
57763
|
-
/* @__PURE__ */ (0,
|
|
57764
|
-
"
|
|
57844
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57845
|
+
"div",
|
|
57765
57846
|
{
|
|
57766
|
-
className: "uf-
|
|
57847
|
+
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]",
|
|
57767
57848
|
style: {
|
|
57768
|
-
|
|
57769
|
-
|
|
57849
|
+
height: `min(${WALLET_LIST_MAX_HEIGHT_PX}px, 50dvh)`,
|
|
57850
|
+
maxHeight: WALLET_LIST_MAX_HEIGHT_PX
|
|
57770
57851
|
},
|
|
57771
|
-
children: "
|
|
57852
|
+
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)(
|
|
57853
|
+
"p",
|
|
57854
|
+
{
|
|
57855
|
+
className: "uf-text-sm",
|
|
57856
|
+
style: {
|
|
57857
|
+
color: colors2.foregroundMuted,
|
|
57858
|
+
fontFamily: fonts.regular
|
|
57859
|
+
},
|
|
57860
|
+
children: "No wallets available"
|
|
57861
|
+
}
|
|
57862
|
+
) }) : availableWallets.map((wallet) => /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
|
|
57863
|
+
"button",
|
|
57864
|
+
{
|
|
57865
|
+
onClick: () => handleWalletClick(wallet),
|
|
57866
|
+
disabled: isConnecting,
|
|
57867
|
+
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",
|
|
57868
|
+
style: {
|
|
57869
|
+
backgroundColor: components.card.backgroundColor,
|
|
57870
|
+
borderRadius: components.card.borderRadius,
|
|
57871
|
+
border: `${components.card.borderWidth}px solid ${components.card.borderColor}`
|
|
57872
|
+
},
|
|
57873
|
+
children: [
|
|
57874
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
|
|
57875
|
+
WALLET_ICONS[wallet.id] ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57876
|
+
WalletIconWithNetwork,
|
|
57877
|
+
{
|
|
57878
|
+
WalletIcon: WALLET_ICONS[wallet.id],
|
|
57879
|
+
networks: wallet.networks,
|
|
57880
|
+
size: 40,
|
|
57881
|
+
className: "uf-rounded-lg"
|
|
57882
|
+
}
|
|
57883
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-w-10 uf-h-10 uf-rounded-lg uf-bg-gray-500" }),
|
|
57884
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-text-left", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57885
|
+
"div",
|
|
57886
|
+
{
|
|
57887
|
+
className: "uf-text-sm uf-font-medium",
|
|
57888
|
+
style: {
|
|
57889
|
+
color: components.card.titleColor,
|
|
57890
|
+
fontFamily: fonts.medium
|
|
57891
|
+
},
|
|
57892
|
+
children: wallet.name
|
|
57893
|
+
}
|
|
57894
|
+
) })
|
|
57895
|
+
] }),
|
|
57896
|
+
/* @__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)(
|
|
57897
|
+
"span",
|
|
57898
|
+
{
|
|
57899
|
+
className: "uf-text-xs uf-px-2 uf-py-1 uf-rounded-full",
|
|
57900
|
+
style: {
|
|
57901
|
+
backgroundColor: colors2.primary + "20",
|
|
57902
|
+
color: colors2.primary,
|
|
57903
|
+
fontFamily: fonts.medium
|
|
57904
|
+
},
|
|
57905
|
+
children: "Detected"
|
|
57906
|
+
}
|
|
57907
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-1", children: [
|
|
57908
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57909
|
+
"span",
|
|
57910
|
+
{
|
|
57911
|
+
className: "uf-text-xs",
|
|
57912
|
+
style: {
|
|
57913
|
+
color: colors2.foregroundMuted,
|
|
57914
|
+
fontFamily: fonts.regular
|
|
57915
|
+
},
|
|
57916
|
+
children: "Install"
|
|
57917
|
+
}
|
|
57918
|
+
),
|
|
57919
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57920
|
+
ExternalLink,
|
|
57921
|
+
{
|
|
57922
|
+
className: "uf-w-3 uf-h-3",
|
|
57923
|
+
style: { color: colors2.foregroundMuted }
|
|
57924
|
+
}
|
|
57925
|
+
)
|
|
57926
|
+
] }) })
|
|
57927
|
+
]
|
|
57928
|
+
},
|
|
57929
|
+
wallet.id
|
|
57930
|
+
))
|
|
57772
57931
|
}
|
|
57773
|
-
)
|
|
57774
|
-
|
|
57775
|
-
{
|
|
57776
|
-
onClick: () => handleWalletClick(wallet),
|
|
57777
|
-
disabled: isConnecting,
|
|
57778
|
-
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",
|
|
57779
|
-
style: {
|
|
57780
|
-
backgroundColor: components.card.backgroundColor,
|
|
57781
|
-
borderRadius: components.card.borderRadius,
|
|
57782
|
-
border: `${components.card.borderWidth}px solid ${components.card.borderColor}`
|
|
57783
|
-
},
|
|
57784
|
-
children: [
|
|
57785
|
-
/* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
|
|
57786
|
-
WALLET_ICONS[wallet.id] ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
57787
|
-
WalletIconWithNetwork,
|
|
57788
|
-
{
|
|
57789
|
-
WalletIcon: WALLET_ICONS[wallet.id],
|
|
57790
|
-
networks: wallet.networks,
|
|
57791
|
-
size: 40,
|
|
57792
|
-
className: "uf-rounded-lg",
|
|
57793
|
-
variant: iconVariant
|
|
57794
|
-
}
|
|
57795
|
-
) : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "uf-w-10 uf-h-10 uf-rounded-lg uf-bg-gray-500" }),
|
|
57796
|
-
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "uf-text-left", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
57797
|
-
"div",
|
|
57798
|
-
{
|
|
57799
|
-
className: "uf-text-sm uf-font-medium",
|
|
57800
|
-
style: {
|
|
57801
|
-
color: components.card.titleColor,
|
|
57802
|
-
fontFamily: fonts.medium
|
|
57803
|
-
},
|
|
57804
|
-
children: wallet.name
|
|
57805
|
-
}
|
|
57806
|
-
) })
|
|
57807
|
-
] }),
|
|
57808
|
-
/* @__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)(
|
|
57809
|
-
"span",
|
|
57810
|
-
{
|
|
57811
|
-
className: "uf-text-xs uf-px-2 uf-py-1 uf-rounded-full",
|
|
57812
|
-
style: {
|
|
57813
|
-
backgroundColor: colors2.primary + "20",
|
|
57814
|
-
color: colors2.primary,
|
|
57815
|
-
fontFamily: fonts.medium
|
|
57816
|
-
},
|
|
57817
|
-
children: "Detected"
|
|
57818
|
-
}
|
|
57819
|
-
) : /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-1", children: [
|
|
57820
|
-
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
57821
|
-
"span",
|
|
57822
|
-
{
|
|
57823
|
-
className: "uf-text-xs",
|
|
57824
|
-
style: {
|
|
57825
|
-
color: colors2.foregroundMuted,
|
|
57826
|
-
fontFamily: fonts.regular
|
|
57827
|
-
},
|
|
57828
|
-
children: "Install"
|
|
57829
|
-
}
|
|
57830
|
-
),
|
|
57831
|
-
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
57832
|
-
ExternalLink,
|
|
57833
|
-
{
|
|
57834
|
-
className: "uf-w-3 uf-h-3",
|
|
57835
|
-
style: { color: colors2.foregroundMuted }
|
|
57836
|
-
}
|
|
57837
|
-
)
|
|
57838
|
-
] }) })
|
|
57839
|
-
]
|
|
57840
|
-
},
|
|
57841
|
-
wallet.id
|
|
57842
|
-
)) }),
|
|
57843
|
-
error && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
57932
|
+
),
|
|
57933
|
+
error && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57844
57934
|
"div",
|
|
57845
57935
|
{
|
|
57846
57936
|
className: "uf-text-center uf-text-sm uf-mt-4 uf-px-4",
|
|
@@ -57849,19 +57939,18 @@ function WalletSelectionModal({
|
|
|
57849
57939
|
}
|
|
57850
57940
|
)
|
|
57851
57941
|
] }),
|
|
57852
|
-
step === "select-network" && selectedWallet && /* @__PURE__ */ (0,
|
|
57853
|
-
/* @__PURE__ */ (0,
|
|
57854
|
-
/* @__PURE__ */ (0,
|
|
57942
|
+
step === "select-network" && selectedWallet && /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-shrink-0 uf-flex-col", children: [
|
|
57943
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-pb-4", children: [
|
|
57944
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-mb-2", children: WALLET_ICONS[selectedWallet.id] ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57855
57945
|
WalletIconWithNetwork,
|
|
57856
57946
|
{
|
|
57857
57947
|
WalletIcon: WALLET_ICONS[selectedWallet.id],
|
|
57858
57948
|
networks: selectedWallet.networks,
|
|
57859
57949
|
size: 48,
|
|
57860
|
-
className: "uf-rounded-lg"
|
|
57861
|
-
variant: iconVariant
|
|
57950
|
+
className: "uf-rounded-lg"
|
|
57862
57951
|
}
|
|
57863
|
-
) : /* @__PURE__ */ (0,
|
|
57864
|
-
/* @__PURE__ */ (0,
|
|
57952
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-w-12 uf-h-12 uf-rounded-lg uf-bg-gray-500" }) }),
|
|
57953
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57865
57954
|
"p",
|
|
57866
57955
|
{
|
|
57867
57956
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -57872,7 +57961,7 @@ function WalletSelectionModal({
|
|
|
57872
57961
|
children: selectedWallet.name
|
|
57873
57962
|
}
|
|
57874
57963
|
),
|
|
57875
|
-
/* @__PURE__ */ (0,
|
|
57964
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57876
57965
|
"p",
|
|
57877
57966
|
{
|
|
57878
57967
|
className: "uf-text-xs",
|
|
@@ -57884,7 +57973,7 @@ function WalletSelectionModal({
|
|
|
57884
57973
|
}
|
|
57885
57974
|
)
|
|
57886
57975
|
] }),
|
|
57887
|
-
/* @__PURE__ */ (0,
|
|
57976
|
+
/* @__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)(
|
|
57888
57977
|
"button",
|
|
57889
57978
|
{
|
|
57890
57979
|
onClick: () => handleNetworkSelect(network),
|
|
@@ -57896,16 +57985,16 @@ function WalletSelectionModal({
|
|
|
57896
57985
|
border: `${components.card.borderWidth}px solid ${components.card.borderColor}`
|
|
57897
57986
|
},
|
|
57898
57987
|
children: [
|
|
57899
|
-
/* @__PURE__ */ (0,
|
|
57900
|
-
network === "ethereum" ? /* @__PURE__ */ (0,
|
|
57988
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
|
|
57989
|
+
network === "ethereum" ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57901
57990
|
EthereumIcon,
|
|
57902
57991
|
{
|
|
57903
57992
|
size: 36,
|
|
57904
57993
|
className: "uf-rounded-full"
|
|
57905
57994
|
}
|
|
57906
|
-
) : /* @__PURE__ */ (0,
|
|
57907
|
-
/* @__PURE__ */ (0,
|
|
57908
|
-
/* @__PURE__ */ (0,
|
|
57995
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(SolanaIcon, { size: 36, className: "uf-rounded-full" }),
|
|
57996
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-text-left", children: [
|
|
57997
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57909
57998
|
"div",
|
|
57910
57999
|
{
|
|
57911
58000
|
className: "uf-text-sm uf-font-medium uf-capitalize",
|
|
@@ -57916,7 +58005,7 @@ function WalletSelectionModal({
|
|
|
57916
58005
|
children: network === "ethereum" ? "Ethereum" : "Solana"
|
|
57917
58006
|
}
|
|
57918
58007
|
),
|
|
57919
|
-
/* @__PURE__ */ (0,
|
|
58008
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57920
58009
|
"div",
|
|
57921
58010
|
{
|
|
57922
58011
|
className: "uf-text-xs",
|
|
@@ -57929,7 +58018,7 @@ function WalletSelectionModal({
|
|
|
57929
58018
|
)
|
|
57930
58019
|
] })
|
|
57931
58020
|
] }),
|
|
57932
|
-
connectingNetwork === network && /* @__PURE__ */ (0,
|
|
58021
|
+
connectingNetwork === network && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57933
58022
|
LoaderCircle,
|
|
57934
58023
|
{
|
|
57935
58024
|
className: "uf-w-4 uf-h-4 uf-animate-spin",
|
|
@@ -57940,7 +58029,7 @@ function WalletSelectionModal({
|
|
|
57940
58029
|
},
|
|
57941
58030
|
network
|
|
57942
58031
|
)) }),
|
|
57943
|
-
error && /* @__PURE__ */ (0,
|
|
58032
|
+
error && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57944
58033
|
"div",
|
|
57945
58034
|
{
|
|
57946
58035
|
className: "uf-text-center uf-text-sm uf-mt-4 uf-px-4",
|
|
@@ -57949,15 +58038,15 @@ function WalletSelectionModal({
|
|
|
57949
58038
|
}
|
|
57950
58039
|
)
|
|
57951
58040
|
] }),
|
|
57952
|
-
step === "connecting" && /* @__PURE__ */ (0,
|
|
57953
|
-
/* @__PURE__ */ (0,
|
|
58041
|
+
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: [
|
|
58042
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57954
58043
|
LoaderCircle,
|
|
57955
58044
|
{
|
|
57956
58045
|
className: "uf-w-12 uf-h-12 uf-animate-spin uf-mb-4",
|
|
57957
58046
|
style: { color: colors2.primary }
|
|
57958
58047
|
}
|
|
57959
58048
|
),
|
|
57960
|
-
/* @__PURE__ */ (0,
|
|
58049
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
|
|
57961
58050
|
"div",
|
|
57962
58051
|
{
|
|
57963
58052
|
className: "uf-text-lg uf-font-medium",
|
|
@@ -57969,7 +58058,7 @@ function WalletSelectionModal({
|
|
|
57969
58058
|
]
|
|
57970
58059
|
}
|
|
57971
58060
|
),
|
|
57972
|
-
/* @__PURE__ */ (0,
|
|
58061
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57973
58062
|
"div",
|
|
57974
58063
|
{
|
|
57975
58064
|
className: "uf-text-sm uf-mt-2",
|
|
@@ -57977,7 +58066,22 @@ function WalletSelectionModal({
|
|
|
57977
58066
|
children: connectingNetwork === "solana" ? "Please approve the connection in your Solana wallet" : "Please approve the connection in your wallet"
|
|
57978
58067
|
}
|
|
57979
58068
|
)
|
|
57980
|
-
] })
|
|
58069
|
+
] }) }),
|
|
58070
|
+
step !== "connecting" && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-min-h-0 uf-flex-1", "aria-hidden": true }),
|
|
58071
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
58072
|
+
"div",
|
|
58073
|
+
{
|
|
58074
|
+
className: "uf-shrink-0 uf-pt-3 uf-pb-4",
|
|
58075
|
+
style: { backgroundColor: colors2.background },
|
|
58076
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
58077
|
+
PoweredByUnifold,
|
|
58078
|
+
{
|
|
58079
|
+
color: colors2.foregroundMuted,
|
|
58080
|
+
className: "uf-flex uf-justify-center uf-shrink-0"
|
|
58081
|
+
}
|
|
58082
|
+
)
|
|
58083
|
+
}
|
|
58084
|
+
)
|
|
57981
58085
|
] })
|
|
57982
58086
|
] })
|
|
57983
58087
|
}
|
|
@@ -57986,23 +58090,23 @@ function WalletSelectionModal({
|
|
|
57986
58090
|
function SkeletonButton({
|
|
57987
58091
|
variant = "default"
|
|
57988
58092
|
}) {
|
|
57989
|
-
return /* @__PURE__ */ (0,
|
|
57990
|
-
/* @__PURE__ */ (0,
|
|
57991
|
-
/* @__PURE__ */ (0,
|
|
57992
|
-
/* @__PURE__ */ (0,
|
|
57993
|
-
/* @__PURE__ */ (0,
|
|
57994
|
-
/* @__PURE__ */ (0,
|
|
58093
|
+
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: [
|
|
58094
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
|
|
58095
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "uf-bg-muted uf-rounded-lg uf-w-9 uf-h-9" }),
|
|
58096
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "uf-space-y-1.5", children: [
|
|
58097
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "uf-h-3.5 uf-w-24 uf-bg-muted uf-rounded" }),
|
|
58098
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "uf-h-3 uf-w-32 uf-bg-muted uf-rounded" })
|
|
57995
58099
|
] })
|
|
57996
58100
|
] }),
|
|
57997
|
-
/* @__PURE__ */ (0,
|
|
57998
|
-
variant === "with-icons" && /* @__PURE__ */ (0,
|
|
58101
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
58102
|
+
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)(
|
|
57999
58103
|
"div",
|
|
58000
58104
|
{
|
|
58001
58105
|
className: "uf-w-5 uf-h-5 uf-rounded-full uf-bg-muted uf-border-2 uf-border-secondary"
|
|
58002
58106
|
},
|
|
58003
58107
|
i
|
|
58004
58108
|
)) }),
|
|
58005
|
-
/* @__PURE__ */ (0,
|
|
58109
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ChevronRight, { className: "uf-w-4 uf-h-4 uf-text-muted" })
|
|
58006
58110
|
] })
|
|
58007
58111
|
] });
|
|
58008
58112
|
}
|
|
@@ -58168,28 +58272,28 @@ function DepositModal({
|
|
|
58168
58272
|
const standaloneNeedsDepositPrereq = openingScreen !== "main" && (view === "transfer" || view === "card");
|
|
58169
58273
|
let depositPrerequisiteBody;
|
|
58170
58274
|
if (isCountryLoading || isAddressValidationLoading || tokensLoading || walletsLoading || !projectConfig) {
|
|
58171
|
-
depositPrerequisiteBody = standaloneNeedsDepositPrereq ? /* @__PURE__ */ (0,
|
|
58172
|
-
/* @__PURE__ */ (0,
|
|
58173
|
-
/* @__PURE__ */ (0,
|
|
58174
|
-
!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, {})
|
|
58175
58279
|
] });
|
|
58176
58280
|
} else if (countryError) {
|
|
58177
|
-
depositPrerequisiteBody = /* @__PURE__ */ (0,
|
|
58178
|
-
/* @__PURE__ */ (0,
|
|
58179
|
-
/* @__PURE__ */ (0,
|
|
58180
|
-
/* @__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." })
|
|
58181
58285
|
] });
|
|
58182
58286
|
} else if (!isAllowed) {
|
|
58183
|
-
depositPrerequisiteBody = /* @__PURE__ */ (0,
|
|
58184
|
-
/* @__PURE__ */ (0,
|
|
58185
|
-
/* @__PURE__ */ (0,
|
|
58186
|
-
/* @__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." })
|
|
58187
58291
|
] });
|
|
58188
58292
|
} else if (isAddressValid === false) {
|
|
58189
|
-
depositPrerequisiteBody = /* @__PURE__ */ (0,
|
|
58190
|
-
/* @__PURE__ */ (0,
|
|
58191
|
-
/* @__PURE__ */ (0,
|
|
58192
|
-
/* @__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(
|
|
58193
58297
|
addressFailureCode,
|
|
58194
58298
|
addressFailureMetadata
|
|
58195
58299
|
) })
|
|
@@ -58321,14 +58425,21 @@ function DepositModal({
|
|
|
58321
58425
|
setWalletSelectionModalOpen(false);
|
|
58322
58426
|
setBrowserWalletModalOpen(true);
|
|
58323
58427
|
};
|
|
58324
|
-
|
|
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)(
|
|
58325
58436
|
Dialog2,
|
|
58326
58437
|
{
|
|
58327
58438
|
open: hideOverlay || open,
|
|
58328
58439
|
onOpenChange: hideOverlay ? void 0 : handleClose,
|
|
58329
58440
|
modal: !hideOverlay,
|
|
58330
58441
|
children: [
|
|
58331
|
-
/* @__PURE__ */ (0,
|
|
58442
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
58332
58443
|
DialogContent2,
|
|
58333
58444
|
{
|
|
58334
58445
|
ref: hideOverlay ? containerCallbackRef : void 0,
|
|
@@ -58337,8 +58448,8 @@ function DepositModal({
|
|
|
58337
58448
|
style: { backgroundColor: colors2.background },
|
|
58338
58449
|
onPointerDownOutside: (e) => e.preventDefault(),
|
|
58339
58450
|
onInteractOutside: (e) => e.preventDefault(),
|
|
58340
|
-
children: /* @__PURE__ */ (0,
|
|
58341
|
-
/* @__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)(
|
|
58342
58453
|
DepositHeader,
|
|
58343
58454
|
{
|
|
58344
58455
|
title: modalTitle || "Deposit",
|
|
@@ -58353,60 +58464,63 @@ function DepositModal({
|
|
|
58353
58464
|
publishableKey
|
|
58354
58465
|
}
|
|
58355
58466
|
),
|
|
58356
|
-
/* @__PURE__ */ (0,
|
|
58357
|
-
/* @__PURE__ */ (0,
|
|
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
|
-
|
|
58397
|
-
|
|
58398
|
-
|
|
58399
|
-
|
|
58400
|
-
|
|
58401
|
-
|
|
58402
|
-
|
|
58403
|
-
|
|
58404
|
-
|
|
58405
|
-
|
|
58406
|
-
|
|
58407
|
-
|
|
58408
|
-
|
|
58409
|
-
|
|
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: t6.transferCrypto.title,
|
|
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: t6.depositWithCard.title,
|
|
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: t6.payWithExchange.title,
|
|
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: "Deposit Tracker",
|
|
58515
|
+
subtitle: "Track your deposit progress",
|
|
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)(
|
|
58410
58524
|
DepositHeader,
|
|
58411
58525
|
{
|
|
58412
58526
|
title: t6.transferCrypto.title,
|
|
@@ -58422,39 +58536,42 @@ function DepositModal({
|
|
|
58422
58536
|
publishableKey
|
|
58423
58537
|
}
|
|
58424
58538
|
),
|
|
58425
|
-
|
|
58426
|
-
|
|
58427
|
-
|
|
58428
|
-
|
|
58429
|
-
|
|
58430
|
-
|
|
58431
|
-
|
|
58432
|
-
|
|
58433
|
-
|
|
58434
|
-
|
|
58435
|
-
|
|
58436
|
-
|
|
58437
|
-
|
|
58438
|
-
|
|
58439
|
-
|
|
58440
|
-
|
|
58441
|
-
|
|
58442
|
-
|
|
58443
|
-
|
|
58444
|
-
|
|
58445
|
-
|
|
58446
|
-
|
|
58447
|
-
|
|
58448
|
-
|
|
58449
|
-
|
|
58450
|
-
|
|
58451
|
-
|
|
58452
|
-
|
|
58453
|
-
|
|
58454
|
-
|
|
58455
|
-
|
|
58456
|
-
|
|
58457
|
-
|
|
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)(
|
|
58458
58575
|
DepositHeader,
|
|
58459
58576
|
{
|
|
58460
58577
|
title: selectedExecution ? "Deposit Details" : "Deposit Tracker",
|
|
@@ -58463,23 +58580,26 @@ function DepositModal({
|
|
|
58463
58580
|
onClose: handleClose
|
|
58464
58581
|
}
|
|
58465
58582
|
),
|
|
58466
|
-
/* @__PURE__ */ (0,
|
|
58467
|
-
"div",
|
|
58468
|
-
|
|
58469
|
-
|
|
58470
|
-
|
|
58471
|
-
|
|
58472
|
-
|
|
58473
|
-
|
|
58474
|
-
|
|
58475
|
-
|
|
58476
|
-
|
|
58477
|
-
|
|
58478
|
-
|
|
58479
|
-
|
|
58480
|
-
|
|
58481
|
-
|
|
58482
|
-
|
|
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)(
|
|
58483
58603
|
DepositHeader,
|
|
58484
58604
|
{
|
|
58485
58605
|
title: cardView === "quotes" ? t6.quotes : t6.depositWithCard.title,
|
|
@@ -58496,27 +58616,30 @@ function DepositModal({
|
|
|
58496
58616
|
publishableKey
|
|
58497
58617
|
}
|
|
58498
58618
|
),
|
|
58499
|
-
|
|
58500
|
-
|
|
58501
|
-
|
|
58502
|
-
|
|
58503
|
-
|
|
58504
|
-
|
|
58505
|
-
|
|
58506
|
-
|
|
58507
|
-
|
|
58508
|
-
|
|
58509
|
-
|
|
58510
|
-
|
|
58511
|
-
|
|
58512
|
-
|
|
58513
|
-
|
|
58514
|
-
|
|
58515
|
-
|
|
58516
|
-
|
|
58517
|
-
|
|
58518
|
-
|
|
58519
|
-
|
|
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
|
+
}
|
|
58638
|
+
),
|
|
58639
|
+
depositPoweredByFooter
|
|
58640
|
+
] })
|
|
58641
|
+
] }) : view === "exchange" ? /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
|
|
58642
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
58520
58643
|
DepositHeader,
|
|
58521
58644
|
{
|
|
58522
58645
|
title: t6.payWithExchange.title,
|
|
@@ -58525,29 +58648,32 @@ function DepositModal({
|
|
|
58525
58648
|
onClose: handleClose
|
|
58526
58649
|
}
|
|
58527
58650
|
),
|
|
58528
|
-
/* @__PURE__ */ (0,
|
|
58529
|
-
|
|
58530
|
-
|
|
58531
|
-
|
|
58532
|
-
|
|
58533
|
-
|
|
58534
|
-
|
|
58535
|
-
|
|
58536
|
-
|
|
58537
|
-
|
|
58538
|
-
|
|
58539
|
-
|
|
58540
|
-
|
|
58541
|
-
|
|
58542
|
-
|
|
58543
|
-
|
|
58544
|
-
|
|
58545
|
-
|
|
58546
|
-
|
|
58651
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
|
|
58652
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
58653
|
+
PayWithExchange,
|
|
58654
|
+
{
|
|
58655
|
+
userId,
|
|
58656
|
+
publishableKey,
|
|
58657
|
+
exchanges,
|
|
58658
|
+
view: exchangeView,
|
|
58659
|
+
onViewChange: setExchangeView,
|
|
58660
|
+
destinationTokenSymbol,
|
|
58661
|
+
recipientAddress,
|
|
58662
|
+
destinationChainType,
|
|
58663
|
+
destinationChainId,
|
|
58664
|
+
destinationTokenAddress,
|
|
58665
|
+
onDepositSuccess,
|
|
58666
|
+
onDepositError,
|
|
58667
|
+
wallets,
|
|
58668
|
+
defaultToken: defaultToken ?? null
|
|
58669
|
+
}
|
|
58670
|
+
),
|
|
58671
|
+
depositPoweredByFooter
|
|
58672
|
+
] })
|
|
58547
58673
|
] }) : null })
|
|
58548
58674
|
}
|
|
58549
58675
|
),
|
|
58550
|
-
/* @__PURE__ */ (0,
|
|
58676
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
58551
58677
|
WalletSelectionModal,
|
|
58552
58678
|
{
|
|
58553
58679
|
open: walletSelectionModalOpen,
|
|
@@ -58557,7 +58683,7 @@ function DepositModal({
|
|
|
58557
58683
|
theme: resolvedTheme
|
|
58558
58684
|
}
|
|
58559
58685
|
),
|
|
58560
|
-
browserWalletInfo && browserWalletInfo.depositWallet && /* @__PURE__ */ (0,
|
|
58686
|
+
browserWalletInfo && browserWalletInfo.depositWallet && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
58561
58687
|
BrowserWalletModal,
|
|
58562
58688
|
{
|
|
58563
58689
|
open: browserWalletModalOpen,
|
|
@@ -58634,7 +58760,7 @@ var Button = React282.forwardRef(
|
|
|
58634
58760
|
}
|
|
58635
58761
|
return baseStyle;
|
|
58636
58762
|
}, [variant, components, fonts, style]);
|
|
58637
|
-
return /* @__PURE__ */ (0,
|
|
58763
|
+
return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
58638
58764
|
Comp,
|
|
58639
58765
|
{
|
|
58640
58766
|
className: cn(buttonVariants({ variant, size: size4, className })),
|
|
@@ -58754,7 +58880,7 @@ function UnifoldProvider2({
|
|
|
58754
58880
|
}),
|
|
58755
58881
|
[beginDeposit, closeDeposit, handleDepositSuccess, handleDepositError]
|
|
58756
58882
|
);
|
|
58757
|
-
return /* @__PURE__ */ (0,
|
|
58883
|
+
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)(
|
|
58758
58884
|
ThemeProvider,
|
|
58759
58885
|
{
|
|
58760
58886
|
mode: resolvedTheme,
|
|
@@ -58765,7 +58891,7 @@ function UnifoldProvider2({
|
|
|
58765
58891
|
components: config?.components,
|
|
58766
58892
|
children: [
|
|
58767
58893
|
children,
|
|
58768
|
-
depositConfig && /* @__PURE__ */ (0,
|
|
58894
|
+
depositConfig && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
|
|
58769
58895
|
DepositModal,
|
|
58770
58896
|
{
|
|
58771
58897
|
open: isOpen,
|