@unifold/ui-web 0.1.36 → 0.1.38
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +889 -741
- package/dist/index.mjs +889 -741
- package/dist/styles-base.css +1 -1
- package/dist/styles.css +1 -1
- package/package.json +5 -5
package/dist/index.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;
|
|
@@ -48786,6 +48787,10 @@ var en_default2 = {
|
|
|
48786
48787
|
payWithExchange: {
|
|
48787
48788
|
title: "Pay with Exchange",
|
|
48788
48789
|
subtitle: "Transfer from exchange"
|
|
48790
|
+
},
|
|
48791
|
+
depositTracker: {
|
|
48792
|
+
title: "Deposit Tracker",
|
|
48793
|
+
subtitle: "Track your deposit progress"
|
|
48789
48794
|
}
|
|
48790
48795
|
},
|
|
48791
48796
|
payWithExchange: {
|
|
@@ -49737,7 +49742,9 @@ function BuyWithCard({
|
|
|
49737
49742
|
onDepositError,
|
|
49738
49743
|
themeClass = "",
|
|
49739
49744
|
wallets: externalWallets,
|
|
49740
|
-
assetCdnUrl
|
|
49745
|
+
assetCdnUrl,
|
|
49746
|
+
hideDepositFlowInfo = false,
|
|
49747
|
+
hideDisplayDescription = false
|
|
49741
49748
|
}) {
|
|
49742
49749
|
const { colors: colors2, fonts, components } = useTheme();
|
|
49743
49750
|
const [amount, setAmount] = (0, import_react7.useState)("");
|
|
@@ -50556,7 +50563,7 @@ function BuyWithCard({
|
|
|
50556
50563
|
children: t.onramp.canCloseModal
|
|
50557
50564
|
}
|
|
50558
50565
|
),
|
|
50559
|
-
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "uf-w-full uf-p-4 uf-mb-4", style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-center", children: [
|
|
50566
|
+
!hideDepositFlowInfo && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "uf-w-full uf-p-4 uf-mb-4", style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-center", children: [
|
|
50560
50567
|
/* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-min-w-[72px]", children: [
|
|
50561
50568
|
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "uf-h-8 uf-flex uf-items-center uf-justify-center uf-mb-1.5", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
50562
50569
|
"img",
|
|
@@ -50670,7 +50677,7 @@ function BuyWithCard({
|
|
|
50670
50677
|
)
|
|
50671
50678
|
] })
|
|
50672
50679
|
] }) }),
|
|
50673
|
-
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "uf-w-full uf-p-4 uf-mb-4", style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
50680
|
+
!hideDisplayDescription && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "uf-w-full uf-p-4 uf-mb-4", style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
50674
50681
|
"p",
|
|
50675
50682
|
{
|
|
50676
50683
|
className: "uf-text-xs uf-leading-relaxed",
|
|
@@ -53288,8 +53295,9 @@ function WalletIconWithNetwork({
|
|
|
53288
53295
|
const hasEthereum = networks.includes("ethereum");
|
|
53289
53296
|
const hasSolana = networks.includes("solana");
|
|
53290
53297
|
const hasMultiple = hasEthereum && hasSolana;
|
|
53291
|
-
const
|
|
53292
|
-
const
|
|
53298
|
+
const badgeOutset = 4;
|
|
53299
|
+
const badgeSize = Math.round(size4 * 0.5);
|
|
53300
|
+
const iconSize = Math.round(badgeSize * 0.76);
|
|
53293
53301
|
return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
|
|
53294
53302
|
"div",
|
|
53295
53303
|
{
|
|
@@ -53299,39 +53307,46 @@ function WalletIconWithNetwork({
|
|
|
53299
53307
|
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(WalletIcon, { size: size4, className, variant }),
|
|
53300
53308
|
hasMultiple ? (
|
|
53301
53309
|
// 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
|
-
|
|
53310
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
|
|
53311
|
+
"div",
|
|
53312
|
+
{
|
|
53313
|
+
className: "uf-absolute",
|
|
53314
|
+
style: { bottom: -2, right: -badgeOutset },
|
|
53315
|
+
children: [
|
|
53316
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
53317
|
+
"div",
|
|
53318
|
+
{
|
|
53319
|
+
className: "uf-absolute uf-rounded-full uf-flex uf-items-center uf-justify-center",
|
|
53320
|
+
style: {
|
|
53321
|
+
width: badgeSize,
|
|
53322
|
+
height: badgeSize,
|
|
53323
|
+
backgroundColor: "#000",
|
|
53324
|
+
border: "2px solid #fff",
|
|
53325
|
+
// Rear badge sits left of the front; +1px on offset shows slightly more of the rear network
|
|
53326
|
+
right: Math.round(badgeSize * 0.5) + 1,
|
|
53327
|
+
bottom: 0
|
|
53328
|
+
},
|
|
53329
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SolanaIcon, { size: iconSize, variant: "color" })
|
|
53330
|
+
}
|
|
53331
|
+
),
|
|
53332
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
53333
|
+
"div",
|
|
53334
|
+
{
|
|
53335
|
+
className: "uf-absolute uf-rounded-full uf-flex uf-items-center uf-justify-center",
|
|
53336
|
+
style: {
|
|
53337
|
+
width: badgeSize,
|
|
53338
|
+
height: badgeSize,
|
|
53339
|
+
backgroundColor: "#627EEA",
|
|
53340
|
+
border: "2px solid #fff",
|
|
53341
|
+
right: 0,
|
|
53342
|
+
bottom: 0
|
|
53343
|
+
},
|
|
53344
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(EthereumIcon, { size: iconSize, variant: "light" })
|
|
53345
|
+
}
|
|
53346
|
+
)
|
|
53347
|
+
]
|
|
53348
|
+
}
|
|
53349
|
+
)
|
|
53335
53350
|
) : (
|
|
53336
53351
|
// Single network
|
|
53337
53352
|
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
|
|
@@ -53340,7 +53355,7 @@ function WalletIconWithNetwork({
|
|
|
53340
53355
|
className: "uf-absolute uf-rounded-full uf-flex uf-items-center uf-justify-center",
|
|
53341
53356
|
style: {
|
|
53342
53357
|
bottom: -2,
|
|
53343
|
-
right: -
|
|
53358
|
+
right: -badgeOutset,
|
|
53344
53359
|
width: badgeSize,
|
|
53345
53360
|
height: badgeSize,
|
|
53346
53361
|
backgroundColor: hasEthereum ? "#627EEA" : "#000",
|
|
@@ -53418,7 +53433,7 @@ function BrowserWalletButton({
|
|
|
53418
53433
|
chainType,
|
|
53419
53434
|
publishableKey
|
|
53420
53435
|
}) {
|
|
53421
|
-
const { colors: colors2, fonts, components
|
|
53436
|
+
const { colors: colors2, fonts, components } = useTheme();
|
|
53422
53437
|
const [isHovered, setIsHovered] = React212.useState(false);
|
|
53423
53438
|
const [isTouchDevice, setIsTouchDevice] = React212.useState(false);
|
|
53424
53439
|
const [wallet, setWallet] = React212.useState(null);
|
|
@@ -53426,7 +53441,6 @@ function BrowserWalletButton({
|
|
|
53426
53441
|
const [isConnecting, setIsConnecting] = React212.useState(false);
|
|
53427
53442
|
const [balanceText, setBalanceText] = React212.useState(null);
|
|
53428
53443
|
const [isLoadingBalance, setIsLoadingBalance] = React212.useState(false);
|
|
53429
|
-
const iconVariant = mode === "dark" ? "light" : "dark";
|
|
53430
53444
|
const onDisconnectRef = React212.useRef(onDisconnect);
|
|
53431
53445
|
onDisconnectRef.current = onDisconnect;
|
|
53432
53446
|
React212.useEffect(() => {
|
|
@@ -53785,12 +53799,12 @@ function BrowserWalletButton({
|
|
|
53785
53799
|
wallet ? WALLET_ICON_COMPONENTS[wallet.icon] ? React212.createElement(WALLET_ICON_COMPONENTS[wallet.icon], {
|
|
53786
53800
|
size: 36,
|
|
53787
53801
|
className: "uf-rounded-lg",
|
|
53788
|
-
variant:
|
|
53802
|
+
variant: "color"
|
|
53789
53803
|
}) : /* @__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
53804
|
Wallet,
|
|
53791
53805
|
{
|
|
53792
53806
|
className: "uf-w-5 uf-h-5",
|
|
53793
|
-
style: { color:
|
|
53807
|
+
style: { color: components.card.iconColor }
|
|
53794
53808
|
}
|
|
53795
53809
|
) }),
|
|
53796
53810
|
/* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "uf-text-left", children: [
|
|
@@ -54183,6 +54197,62 @@ function ThemeStyleInjector({
|
|
|
54183
54197
|
}, [fonts.regular]);
|
|
54184
54198
|
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: cn(mode === "dark" ? "uf-dark" : "", className), style: cssVars, children });
|
|
54185
54199
|
}
|
|
54200
|
+
var VIEW_W = 538;
|
|
54201
|
+
var VIEW_H = 53;
|
|
54202
|
+
var SIZE_MAX_WIDTH = {
|
|
54203
|
+
sm: 128,
|
|
54204
|
+
md: 152,
|
|
54205
|
+
lg: 216
|
|
54206
|
+
};
|
|
54207
|
+
function PoweredByUnifold({
|
|
54208
|
+
color,
|
|
54209
|
+
className,
|
|
54210
|
+
size: size4 = "sm",
|
|
54211
|
+
maxWidth: maxWidthProp
|
|
54212
|
+
}) {
|
|
54213
|
+
const maxWidth = maxWidthProp ?? SIZE_MAX_WIDTH[size4];
|
|
54214
|
+
const height = Math.round(maxWidth / VIEW_W * VIEW_H);
|
|
54215
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
54216
|
+
"div",
|
|
54217
|
+
{
|
|
54218
|
+
className,
|
|
54219
|
+
style: { color, lineHeight: 0 },
|
|
54220
|
+
role: "img",
|
|
54221
|
+
"aria-label": "Powered by Unifold",
|
|
54222
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
|
|
54223
|
+
"svg",
|
|
54224
|
+
{
|
|
54225
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
54226
|
+
width: maxWidth,
|
|
54227
|
+
height,
|
|
54228
|
+
viewBox: `0 0 ${VIEW_W} ${VIEW_H}`,
|
|
54229
|
+
fill: "none",
|
|
54230
|
+
className: "uf-block uf-max-w-full uf-h-auto",
|
|
54231
|
+
children: [
|
|
54232
|
+
/* @__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" }),
|
|
54233
|
+
/* @__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" }),
|
|
54234
|
+
/* @__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" }),
|
|
54235
|
+
/* @__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" }),
|
|
54236
|
+
/* @__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" }),
|
|
54237
|
+
/* @__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" }),
|
|
54238
|
+
/* @__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" }),
|
|
54239
|
+
/* @__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" }),
|
|
54240
|
+
/* @__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" }),
|
|
54241
|
+
/* @__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" }),
|
|
54242
|
+
/* @__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" }),
|
|
54243
|
+
/* @__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" }),
|
|
54244
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "M440.704 12.9302H432.724V42.2602H440.704V12.9302Z", fill: "currentColor" }),
|
|
54245
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "M504.904 2.96997H496.924V42.25H504.904V2.96997Z", fill: "currentColor" }),
|
|
54246
|
+
/* @__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" }),
|
|
54247
|
+
/* @__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" }),
|
|
54248
|
+
/* @__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" }),
|
|
54249
|
+
/* @__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" })
|
|
54250
|
+
]
|
|
54251
|
+
}
|
|
54252
|
+
)
|
|
54253
|
+
}
|
|
54254
|
+
);
|
|
54255
|
+
}
|
|
54186
54256
|
function DepositsModal({
|
|
54187
54257
|
open,
|
|
54188
54258
|
onOpenChange,
|
|
@@ -54236,8 +54306,8 @@ function DepositsModal({
|
|
|
54236
54306
|
const handleExecutionClick = (execution) => {
|
|
54237
54307
|
setSelectedExecution(execution);
|
|
54238
54308
|
};
|
|
54239
|
-
const content = selectedExecution ? /* @__PURE__ */ (0,
|
|
54240
|
-
/* @__PURE__ */ (0,
|
|
54309
|
+
const content = selectedExecution ? /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
|
|
54310
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
54241
54311
|
DepositHeader,
|
|
54242
54312
|
{
|
|
54243
54313
|
title: "Deposit Details",
|
|
@@ -54246,9 +54316,9 @@ function DepositsModal({
|
|
|
54246
54316
|
onClose: handleClose
|
|
54247
54317
|
}
|
|
54248
54318
|
),
|
|
54249
|
-
/* @__PURE__ */ (0,
|
|
54250
|
-
] }) : /* @__PURE__ */ (0,
|
|
54251
|
-
/* @__PURE__ */ (0,
|
|
54319
|
+
/* @__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 }) })
|
|
54320
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
|
|
54321
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
54252
54322
|
DepositHeader,
|
|
54253
54323
|
{
|
|
54254
54324
|
title: "Deposit Tracker",
|
|
@@ -54257,14 +54327,14 @@ function DepositsModal({
|
|
|
54257
54327
|
onClose: handleClose
|
|
54258
54328
|
}
|
|
54259
54329
|
),
|
|
54260
|
-
/* @__PURE__ */ (0,
|
|
54330
|
+
/* @__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
54331
|
"div",
|
|
54262
54332
|
{
|
|
54263
54333
|
className: "uf-text-sm",
|
|
54264
54334
|
style: { color: components.container.subtitleColor, fontFamily: fonts.regular },
|
|
54265
54335
|
children: "No deposits yet"
|
|
54266
54336
|
}
|
|
54267
|
-
) }) : allExecutions.map((execution) => /* @__PURE__ */ (0,
|
|
54337
|
+
) }) : allExecutions.map((execution) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
54268
54338
|
DepositExecutionItem,
|
|
54269
54339
|
{
|
|
54270
54340
|
execution,
|
|
@@ -54273,12 +54343,21 @@ function DepositsModal({
|
|
|
54273
54343
|
execution.id
|
|
54274
54344
|
)) }) })
|
|
54275
54345
|
] });
|
|
54276
|
-
return /* @__PURE__ */ (0,
|
|
54346
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Dialog2, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
54277
54347
|
DialogContent2,
|
|
54278
54348
|
{
|
|
54279
54349
|
className: `sm:uf-max-w-[400px] uf-border-secondary uf-text-foreground uf-p-0 uf-gap-0 [&>button]:uf-hidden ${themeClass}`,
|
|
54280
54350
|
style: { backgroundColor: colors2.background },
|
|
54281
|
-
children: /* @__PURE__ */ (0,
|
|
54351
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(ThemeStyleInjector, { className: "uf-flex uf-flex-col uf-flex-1 uf-min-h-0", children: [
|
|
54352
|
+
content,
|
|
54353
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "uf-pt-3 uf-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
54354
|
+
PoweredByUnifold,
|
|
54355
|
+
{
|
|
54356
|
+
color: colors2.foregroundMuted,
|
|
54357
|
+
className: "uf-flex uf-justify-center uf-shrink-0"
|
|
54358
|
+
}
|
|
54359
|
+
) })
|
|
54360
|
+
] })
|
|
54282
54361
|
}
|
|
54283
54362
|
) });
|
|
54284
54363
|
}
|
|
@@ -54412,7 +54491,7 @@ function TokenSelectorSheet({
|
|
|
54412
54491
|
onOpenChange(false);
|
|
54413
54492
|
};
|
|
54414
54493
|
if (!open) return null;
|
|
54415
|
-
return /* @__PURE__ */ (0,
|
|
54494
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
|
|
54416
54495
|
"div",
|
|
54417
54496
|
{
|
|
54418
54497
|
className: `${themeClass} uf-px-6`,
|
|
@@ -54427,18 +54506,18 @@ function TokenSelectorSheet({
|
|
|
54427
54506
|
backgroundColor: colors2.background
|
|
54428
54507
|
},
|
|
54429
54508
|
children: [
|
|
54430
|
-
/* @__PURE__ */ (0,
|
|
54431
|
-
/* @__PURE__ */ (0,
|
|
54509
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-between uf-py-3", children: [
|
|
54510
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54432
54511
|
"button",
|
|
54433
54512
|
{
|
|
54434
54513
|
type: "button",
|
|
54435
54514
|
onClick: () => onOpenChange(false),
|
|
54436
54515
|
className: "uf-p-1 uf-rounded-lg hover:uf-bg-secondary uf-transition-colors",
|
|
54437
54516
|
style: { color: components.header.buttonColor },
|
|
54438
|
-
children: /* @__PURE__ */ (0,
|
|
54517
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(ArrowLeft, { className: "uf-w-5 uf-h-5" })
|
|
54439
54518
|
}
|
|
54440
54519
|
),
|
|
54441
|
-
/* @__PURE__ */ (0,
|
|
54520
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54442
54521
|
"h2",
|
|
54443
54522
|
{
|
|
54444
54523
|
className: "uf-text-base uf-text-center",
|
|
@@ -54449,10 +54528,10 @@ function TokenSelectorSheet({
|
|
|
54449
54528
|
children: "Select token to deposit"
|
|
54450
54529
|
}
|
|
54451
54530
|
),
|
|
54452
|
-
/* @__PURE__ */ (0,
|
|
54531
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "uf-w-7 uf-h-5 uf-invisible" })
|
|
54453
54532
|
] }),
|
|
54454
|
-
/* @__PURE__ */ (0,
|
|
54455
|
-
/* @__PURE__ */ (0,
|
|
54533
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "uf-pb-3", children: [
|
|
54534
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54456
54535
|
"style",
|
|
54457
54536
|
{
|
|
54458
54537
|
dangerouslySetInnerHTML: {
|
|
@@ -54460,7 +54539,7 @@ function TokenSelectorSheet({
|
|
|
54460
54539
|
}
|
|
54461
54540
|
}
|
|
54462
54541
|
),
|
|
54463
|
-
/* @__PURE__ */ (0,
|
|
54542
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { style: { position: "relative" }, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54464
54543
|
"input",
|
|
54465
54544
|
{
|
|
54466
54545
|
type: "text",
|
|
@@ -54478,8 +54557,8 @@ function TokenSelectorSheet({
|
|
|
54478
54557
|
}
|
|
54479
54558
|
) })
|
|
54480
54559
|
] }),
|
|
54481
|
-
quickSelectOptions.length > 0 && !searchQuery && /* @__PURE__ */ (0,
|
|
54482
|
-
/* @__PURE__ */ (0,
|
|
54560
|
+
quickSelectOptions.length > 0 && !searchQuery && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "uf-pb-3 uf--mx-6", children: [
|
|
54561
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54483
54562
|
"div",
|
|
54484
54563
|
{
|
|
54485
54564
|
className: "uf-text-xs uf-mb-2 uf-px-6",
|
|
@@ -54490,7 +54569,7 @@ function TokenSelectorSheet({
|
|
|
54490
54569
|
children: "Quick select"
|
|
54491
54570
|
}
|
|
54492
54571
|
),
|
|
54493
|
-
/* @__PURE__ */ (0,
|
|
54572
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54494
54573
|
"div",
|
|
54495
54574
|
{
|
|
54496
54575
|
className: "uf-flex uf-gap-2 uf-overflow-x-auto uf-px-6 uf-pb-1",
|
|
@@ -54498,12 +54577,12 @@ function TokenSelectorSheet({
|
|
|
54498
54577
|
children: quickSelectOptions.map(({ token, chain, isRecent }) => {
|
|
54499
54578
|
const chainKey = `${chain.chain_type}:${chain.chain_id}`;
|
|
54500
54579
|
const isSelected = token.symbol === selectedToken && chainKey === selectedChainKey;
|
|
54501
|
-
return /* @__PURE__ */ (0,
|
|
54580
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
|
|
54502
54581
|
"div",
|
|
54503
54582
|
{
|
|
54504
54583
|
style: { position: "relative", flexShrink: 0 },
|
|
54505
54584
|
children: [
|
|
54506
|
-
isRecent && /* @__PURE__ */ (0,
|
|
54585
|
+
isRecent && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54507
54586
|
"button",
|
|
54508
54587
|
{
|
|
54509
54588
|
type: "button",
|
|
@@ -54523,10 +54602,10 @@ function TokenSelectorSheet({
|
|
|
54523
54602
|
padding: 2,
|
|
54524
54603
|
color: colors2.foregroundMuted
|
|
54525
54604
|
},
|
|
54526
|
-
children: /* @__PURE__ */ (0,
|
|
54605
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(X, { style: { width: 12, height: 12 } })
|
|
54527
54606
|
}
|
|
54528
54607
|
),
|
|
54529
|
-
/* @__PURE__ */ (0,
|
|
54608
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
|
|
54530
54609
|
"button",
|
|
54531
54610
|
{
|
|
54532
54611
|
type: "button",
|
|
@@ -54545,8 +54624,8 @@ function TokenSelectorSheet({
|
|
|
54545
54624
|
backgroundColor: isSelected ? components.card.backgroundColor : hoveredTokenKey === `${token.symbol}-${chainKey}` ? colors2.cardHover : "transparent"
|
|
54546
54625
|
},
|
|
54547
54626
|
children: [
|
|
54548
|
-
/* @__PURE__ */ (0,
|
|
54549
|
-
/* @__PURE__ */ (0,
|
|
54627
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { style: { position: "relative", flexShrink: 0 }, children: [
|
|
54628
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54550
54629
|
"img",
|
|
54551
54630
|
{
|
|
54552
54631
|
src: token.icon_url,
|
|
@@ -54557,7 +54636,7 @@ function TokenSelectorSheet({
|
|
|
54557
54636
|
className: "uf-rounded-full"
|
|
54558
54637
|
}
|
|
54559
54638
|
),
|
|
54560
|
-
/* @__PURE__ */ (0,
|
|
54639
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54561
54640
|
"div",
|
|
54562
54641
|
{
|
|
54563
54642
|
style: {
|
|
@@ -54565,7 +54644,7 @@ function TokenSelectorSheet({
|
|
|
54565
54644
|
bottom: -2,
|
|
54566
54645
|
right: -2
|
|
54567
54646
|
},
|
|
54568
|
-
children: /* @__PURE__ */ (0,
|
|
54647
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54569
54648
|
"img",
|
|
54570
54649
|
{
|
|
54571
54650
|
src: chain.icon_url,
|
|
@@ -54579,8 +54658,8 @@ function TokenSelectorSheet({
|
|
|
54579
54658
|
}
|
|
54580
54659
|
)
|
|
54581
54660
|
] }),
|
|
54582
|
-
/* @__PURE__ */ (0,
|
|
54583
|
-
/* @__PURE__ */ (0,
|
|
54661
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { style: { textAlign: "left" }, children: [
|
|
54662
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54584
54663
|
"div",
|
|
54585
54664
|
{
|
|
54586
54665
|
style: {
|
|
@@ -54593,7 +54672,7 @@ function TokenSelectorSheet({
|
|
|
54593
54672
|
children: token.symbol
|
|
54594
54673
|
}
|
|
54595
54674
|
),
|
|
54596
|
-
/* @__PURE__ */ (0,
|
|
54675
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54597
54676
|
"div",
|
|
54598
54677
|
{
|
|
54599
54678
|
style: {
|
|
@@ -54617,7 +54696,7 @@ function TokenSelectorSheet({
|
|
|
54617
54696
|
}
|
|
54618
54697
|
)
|
|
54619
54698
|
] }),
|
|
54620
|
-
/* @__PURE__ */ (0,
|
|
54699
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54621
54700
|
"div",
|
|
54622
54701
|
{
|
|
54623
54702
|
className: "uf-text-xs uf-mb-2",
|
|
@@ -54628,7 +54707,7 @@ function TokenSelectorSheet({
|
|
|
54628
54707
|
children: "All supported tokens"
|
|
54629
54708
|
}
|
|
54630
54709
|
),
|
|
54631
|
-
/* @__PURE__ */ (0,
|
|
54710
|
+
/* @__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
54711
|
"div",
|
|
54633
54712
|
{
|
|
54634
54713
|
style: {
|
|
@@ -54640,10 +54719,10 @@ function TokenSelectorSheet({
|
|
|
54640
54719
|
},
|
|
54641
54720
|
children: "No tokens found"
|
|
54642
54721
|
}
|
|
54643
|
-
) : /* @__PURE__ */ (0,
|
|
54722
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: filteredOptions.map(({ token, chain }) => {
|
|
54644
54723
|
const chainKey = `${chain.chain_type}:${chain.chain_id}`;
|
|
54645
54724
|
const isSelected = token.symbol === selectedToken && chainKey === selectedChainKey;
|
|
54646
|
-
return /* @__PURE__ */ (0,
|
|
54725
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
|
|
54647
54726
|
"button",
|
|
54648
54727
|
{
|
|
54649
54728
|
type: "button",
|
|
@@ -54664,8 +54743,8 @@ function TokenSelectorSheet({
|
|
|
54664
54743
|
backgroundColor: isSelected ? components.card.backgroundColor : hoveredTokenKey === `${token.symbol}-${chainKey}` ? colors2.cardHover : "transparent"
|
|
54665
54744
|
},
|
|
54666
54745
|
children: [
|
|
54667
|
-
/* @__PURE__ */ (0,
|
|
54668
|
-
/* @__PURE__ */ (0,
|
|
54746
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { style: { position: "relative", flexShrink: 0 }, children: [
|
|
54747
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54669
54748
|
"img",
|
|
54670
54749
|
{
|
|
54671
54750
|
src: token.icon_url,
|
|
@@ -54676,7 +54755,7 @@ function TokenSelectorSheet({
|
|
|
54676
54755
|
className: "uf-rounded-full"
|
|
54677
54756
|
}
|
|
54678
54757
|
),
|
|
54679
|
-
/* @__PURE__ */ (0,
|
|
54758
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54680
54759
|
"div",
|
|
54681
54760
|
{
|
|
54682
54761
|
style: {
|
|
@@ -54684,7 +54763,7 @@ function TokenSelectorSheet({
|
|
|
54684
54763
|
bottom: -4,
|
|
54685
54764
|
right: -4
|
|
54686
54765
|
},
|
|
54687
|
-
children: /* @__PURE__ */ (0,
|
|
54766
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54688
54767
|
"img",
|
|
54689
54768
|
{
|
|
54690
54769
|
src: chain.icon_url,
|
|
@@ -54698,8 +54777,8 @@ function TokenSelectorSheet({
|
|
|
54698
54777
|
}
|
|
54699
54778
|
)
|
|
54700
54779
|
] }),
|
|
54701
|
-
/* @__PURE__ */ (0,
|
|
54702
|
-
/* @__PURE__ */ (0,
|
|
54780
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
|
|
54781
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54703
54782
|
"div",
|
|
54704
54783
|
{
|
|
54705
54784
|
style: {
|
|
@@ -54711,7 +54790,7 @@ function TokenSelectorSheet({
|
|
|
54711
54790
|
children: token.symbol
|
|
54712
54791
|
}
|
|
54713
54792
|
),
|
|
54714
|
-
/* @__PURE__ */ (0,
|
|
54793
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54715
54794
|
"div",
|
|
54716
54795
|
{
|
|
54717
54796
|
style: {
|
|
@@ -54723,7 +54802,7 @@ function TokenSelectorSheet({
|
|
|
54723
54802
|
}
|
|
54724
54803
|
)
|
|
54725
54804
|
] }),
|
|
54726
|
-
/* @__PURE__ */ (0,
|
|
54805
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
|
|
54727
54806
|
"div",
|
|
54728
54807
|
{
|
|
54729
54808
|
style: {
|
|
@@ -54732,11 +54811,11 @@ function TokenSelectorSheet({
|
|
|
54732
54811
|
fontFamily: fonts.regular
|
|
54733
54812
|
},
|
|
54734
54813
|
children: [
|
|
54735
|
-
/* @__PURE__ */ (0,
|
|
54814
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("span", { style: { color: components.card.textRightColor }, children: [
|
|
54736
54815
|
"Minimum:",
|
|
54737
54816
|
" "
|
|
54738
54817
|
] }),
|
|
54739
|
-
/* @__PURE__ */ (0,
|
|
54818
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("span", { style: { color: components.card.labelHighlightRightColor }, children: [
|
|
54740
54819
|
"$",
|
|
54741
54820
|
chain.minimum_deposit_amount_usd
|
|
54742
54821
|
] })
|
|
@@ -54747,7 +54826,14 @@ function TokenSelectorSheet({
|
|
|
54747
54826
|
},
|
|
54748
54827
|
`${token.symbol}-${chainKey}`
|
|
54749
54828
|
);
|
|
54750
|
-
}) }) })
|
|
54829
|
+
}) }) }),
|
|
54830
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "uf-pt-3 uf-pb-2 uf-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
54831
|
+
PoweredByUnifold,
|
|
54832
|
+
{
|
|
54833
|
+
color: colors2.foregroundMuted,
|
|
54834
|
+
className: "uf-flex uf-justify-center uf-shrink-0"
|
|
54835
|
+
}
|
|
54836
|
+
) })
|
|
54751
54837
|
]
|
|
54752
54838
|
}
|
|
54753
54839
|
);
|
|
@@ -54760,7 +54846,7 @@ function DepositPollingUi({
|
|
|
54760
54846
|
}) {
|
|
54761
54847
|
const { fonts, components } = useTheme();
|
|
54762
54848
|
if (depositConfirmationMode === "manual" && !showWaitingUi) {
|
|
54763
|
-
return /* @__PURE__ */ (0,
|
|
54849
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
54764
54850
|
"button",
|
|
54765
54851
|
{
|
|
54766
54852
|
onClick: onIveDeposited,
|
|
@@ -54777,15 +54863,15 @@ function DepositPollingUi({
|
|
|
54777
54863
|
);
|
|
54778
54864
|
}
|
|
54779
54865
|
if (showWaitingUi && !hasExecution) {
|
|
54780
|
-
return /* @__PURE__ */ (0,
|
|
54866
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
|
|
54781
54867
|
"div",
|
|
54782
54868
|
{
|
|
54783
54869
|
className: "uf-p-3 uf-flex uf-items-center uf-gap-3 uf-animate-in uf-fade-in uf-duration-500",
|
|
54784
54870
|
style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` },
|
|
54785
54871
|
children: [
|
|
54786
|
-
/* @__PURE__ */ (0,
|
|
54787
|
-
/* @__PURE__ */ (0,
|
|
54788
|
-
/* @__PURE__ */ (0,
|
|
54872
|
+
/* @__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" }) }),
|
|
54873
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { children: [
|
|
54874
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
54789
54875
|
"div",
|
|
54790
54876
|
{
|
|
54791
54877
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -54793,7 +54879,7 @@ function DepositPollingUi({
|
|
|
54793
54879
|
children: "Processing deposit transactions"
|
|
54794
54880
|
}
|
|
54795
54881
|
),
|
|
54796
|
-
/* @__PURE__ */ (0,
|
|
54882
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
54797
54883
|
"div",
|
|
54798
54884
|
{
|
|
54799
54885
|
className: "uf-text-xs",
|
|
@@ -54812,8 +54898,8 @@ function DepositFooterLinks({
|
|
|
54812
54898
|
onGlossaryClick
|
|
54813
54899
|
}) {
|
|
54814
54900
|
const { colors: colors2 } = useTheme();
|
|
54815
|
-
return /* @__PURE__ */ (0,
|
|
54816
|
-
/* @__PURE__ */ (0,
|
|
54901
|
+
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: [
|
|
54902
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
54817
54903
|
"a",
|
|
54818
54904
|
{
|
|
54819
54905
|
href: "https://unifold.io/terms",
|
|
@@ -54823,8 +54909,8 @@ function DepositFooterLinks({
|
|
|
54823
54909
|
children: "Terms"
|
|
54824
54910
|
}
|
|
54825
54911
|
),
|
|
54826
|
-
/* @__PURE__ */ (0,
|
|
54827
|
-
/* @__PURE__ */ (0,
|
|
54912
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "uf-text-xs uf-text-muted-foreground", children: "|" }),
|
|
54913
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
54828
54914
|
"a",
|
|
54829
54915
|
{
|
|
54830
54916
|
href: "https://unifold.io/support",
|
|
@@ -54834,8 +54920,8 @@ function DepositFooterLinks({
|
|
|
54834
54920
|
children: "Help"
|
|
54835
54921
|
}
|
|
54836
54922
|
),
|
|
54837
|
-
/* @__PURE__ */ (0,
|
|
54838
|
-
/* @__PURE__ */ (0,
|
|
54923
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "uf-text-xs uf-text-muted-foreground", children: "|" }),
|
|
54924
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
54839
54925
|
"div",
|
|
54840
54926
|
{
|
|
54841
54927
|
className: "uf-cursor-pointer hover:uf-opacity-90 uf-transition-colors",
|
|
@@ -54857,15 +54943,15 @@ function GlossaryModal({
|
|
|
54857
54943
|
const { themeClass, colors: colors2, components } = useTheme();
|
|
54858
54944
|
const resolvedThemeClass = themeClassProp ?? themeClass;
|
|
54859
54945
|
const modalBackground = backgroundColorProp ?? colors2.background;
|
|
54860
|
-
return /* @__PURE__ */ (0,
|
|
54946
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Dialog2, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
|
|
54861
54947
|
DialogContent2,
|
|
54862
54948
|
{
|
|
54863
54949
|
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
54950
|
style: { backgroundColor: modalBackground },
|
|
54865
54951
|
children: [
|
|
54866
|
-
/* @__PURE__ */ (0,
|
|
54867
|
-
/* @__PURE__ */ (0,
|
|
54868
|
-
/* @__PURE__ */ (0,
|
|
54952
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "uf-relative uf-flex uf-items-center uf-justify-between", children: [
|
|
54953
|
+
/* @__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" }) }),
|
|
54954
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
54869
54955
|
DialogTitle2,
|
|
54870
54956
|
{
|
|
54871
54957
|
className: "uf-text-base uf-font-medium uf-absolute uf-left-0 uf-right-0 uf-text-center uf-pointer-events-none",
|
|
@@ -54873,91 +54959,91 @@ function GlossaryModal({
|
|
|
54873
54959
|
children: "Glossary"
|
|
54874
54960
|
}
|
|
54875
54961
|
),
|
|
54876
|
-
/* @__PURE__ */ (0,
|
|
54962
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
54877
54963
|
"button",
|
|
54878
54964
|
{
|
|
54879
54965
|
onClick: () => onOpenChange(false),
|
|
54880
54966
|
className: "uf-p-1 uf-rounded-lg hover:uf-bg-secondary uf-transition-colors uf-flex-shrink-0 uf-z-[1]",
|
|
54881
54967
|
style: { color: components.header.buttonColor },
|
|
54882
|
-
children: /* @__PURE__ */ (0,
|
|
54968
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(X, { className: "uf-w-4 uf-h-4" })
|
|
54883
54969
|
}
|
|
54884
54970
|
)
|
|
54885
54971
|
] }),
|
|
54886
|
-
/* @__PURE__ */ (0,
|
|
54887
|
-
/* @__PURE__ */ (0,
|
|
54972
|
+
/* @__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: [
|
|
54973
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
|
|
54888
54974
|
"div",
|
|
54889
54975
|
{
|
|
54890
54976
|
className: "uf-rounded-xl uf-p-3",
|
|
54891
54977
|
style: { backgroundColor: components.card.backgroundColor },
|
|
54892
54978
|
children: [
|
|
54893
|
-
/* @__PURE__ */ (0,
|
|
54894
|
-
/* @__PURE__ */ (0,
|
|
54979
|
+
/* @__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" }),
|
|
54980
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.selectTokenDepositTooltip })
|
|
54895
54981
|
]
|
|
54896
54982
|
}
|
|
54897
54983
|
),
|
|
54898
|
-
/* @__PURE__ */ (0,
|
|
54984
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
|
|
54899
54985
|
"div",
|
|
54900
54986
|
{
|
|
54901
54987
|
className: "uf-rounded-xl uf-p-3",
|
|
54902
54988
|
style: { backgroundColor: components.card.backgroundColor },
|
|
54903
54989
|
children: [
|
|
54904
|
-
/* @__PURE__ */ (0,
|
|
54905
|
-
/* @__PURE__ */ (0,
|
|
54990
|
+
/* @__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" }),
|
|
54991
|
+
/* @__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
54992
|
]
|
|
54907
54993
|
}
|
|
54908
54994
|
),
|
|
54909
|
-
/* @__PURE__ */ (0,
|
|
54995
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
|
|
54910
54996
|
"div",
|
|
54911
54997
|
{
|
|
54912
54998
|
className: "uf-rounded-xl uf-p-3",
|
|
54913
54999
|
style: { backgroundColor: components.card.backgroundColor },
|
|
54914
55000
|
children: [
|
|
54915
|
-
/* @__PURE__ */ (0,
|
|
54916
|
-
/* @__PURE__ */ (0,
|
|
55001
|
+
/* @__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" }),
|
|
55002
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.priceImpact.tooltip })
|
|
54917
55003
|
]
|
|
54918
55004
|
}
|
|
54919
55005
|
),
|
|
54920
|
-
/* @__PURE__ */ (0,
|
|
55006
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
|
|
54921
55007
|
"div",
|
|
54922
55008
|
{
|
|
54923
55009
|
className: "uf-rounded-xl uf-p-3",
|
|
54924
55010
|
style: { backgroundColor: components.card.backgroundColor },
|
|
54925
55011
|
children: [
|
|
54926
|
-
/* @__PURE__ */ (0,
|
|
54927
|
-
/* @__PURE__ */ (0,
|
|
55012
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Slippage" }),
|
|
55013
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.slippage.tooltip })
|
|
54928
55014
|
]
|
|
54929
55015
|
}
|
|
54930
55016
|
),
|
|
54931
|
-
/* @__PURE__ */ (0,
|
|
55017
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
|
|
54932
55018
|
"div",
|
|
54933
55019
|
{
|
|
54934
55020
|
className: "uf-rounded-xl uf-p-3",
|
|
54935
55021
|
style: { backgroundColor: components.card.backgroundColor },
|
|
54936
55022
|
children: [
|
|
54937
|
-
/* @__PURE__ */ (0,
|
|
54938
|
-
/* @__PURE__ */ (0,
|
|
55023
|
+
/* @__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" }),
|
|
55024
|
+
/* @__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
55025
|
]
|
|
54940
55026
|
}
|
|
54941
55027
|
),
|
|
54942
|
-
/* @__PURE__ */ (0,
|
|
55028
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
|
|
54943
55029
|
"div",
|
|
54944
55030
|
{
|
|
54945
55031
|
className: "uf-rounded-xl uf-p-3",
|
|
54946
55032
|
style: { backgroundColor: components.card.backgroundColor },
|
|
54947
55033
|
children: [
|
|
54948
|
-
/* @__PURE__ */ (0,
|
|
54949
|
-
/* @__PURE__ */ (0,
|
|
55034
|
+
/* @__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" }),
|
|
55035
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.minDeposit.tooltip })
|
|
54950
55036
|
]
|
|
54951
55037
|
}
|
|
54952
55038
|
),
|
|
54953
|
-
/* @__PURE__ */ (0,
|
|
55039
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
|
|
54954
55040
|
"div",
|
|
54955
55041
|
{
|
|
54956
55042
|
className: "uf-rounded-xl uf-p-3",
|
|
54957
55043
|
style: { backgroundColor: components.card.backgroundColor },
|
|
54958
55044
|
children: [
|
|
54959
|
-
/* @__PURE__ */ (0,
|
|
54960
|
-
/* @__PURE__ */ (0,
|
|
55045
|
+
/* @__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" }),
|
|
55046
|
+
/* @__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
55047
|
]
|
|
54962
55048
|
}
|
|
54963
55049
|
)
|
|
@@ -54991,12 +55077,12 @@ var TooltipTrigger2 = React232.forwardRef(({ onClick, ...props }, ref) => {
|
|
|
54991
55077
|
},
|
|
54992
55078
|
[open, onOpenChange, onClick]
|
|
54993
55079
|
);
|
|
54994
|
-
return /* @__PURE__ */ (0,
|
|
55080
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Trigger, { ref, onClick: handleClick, ...props });
|
|
54995
55081
|
});
|
|
54996
55082
|
TooltipTrigger2.displayName = Trigger.displayName;
|
|
54997
55083
|
var TooltipContent2 = React232.forwardRef(({ className, sideOffset = 4, ...props }, ref) => {
|
|
54998
55084
|
const { themeClass, colors: colors2 } = useTheme();
|
|
54999
|
-
return /* @__PURE__ */ (0,
|
|
55085
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Portal3, { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
55000
55086
|
Content22,
|
|
55001
55087
|
{
|
|
55002
55088
|
ref,
|
|
@@ -55195,29 +55281,29 @@ function TransferCryptoSingleInput({
|
|
|
55195
55281
|
const maxSlippage = currentChainFromBackend?.max_slippage_percent ?? 0.25;
|
|
55196
55282
|
const processingTime = currentChainFromBackend?.estimated_processing_time ?? null;
|
|
55197
55283
|
const minDepositUsd = currentChainFromBackend?.minimum_deposit_amount_usd ?? 3;
|
|
55198
|
-
return /* @__PURE__ */ (0,
|
|
55284
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(TooltipProvider2, { delayDuration: 0, skipDelayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
|
|
55199
55285
|
"div",
|
|
55200
55286
|
{
|
|
55201
55287
|
className: "uf-space-y-3 [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden",
|
|
55202
55288
|
style: { backgroundColor: colors2.background },
|
|
55203
55289
|
children: [
|
|
55204
|
-
/* @__PURE__ */ (0,
|
|
55205
|
-
/* @__PURE__ */ (0,
|
|
55290
|
+
/* @__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 }) }),
|
|
55291
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
55206
55292
|
"button",
|
|
55207
55293
|
{
|
|
55208
55294
|
onClick: () => setTokenSelectorOpen(true),
|
|
55209
55295
|
disabled: tokensLoading || supportedTokens.length === 0,
|
|
55210
55296
|
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
55297
|
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,
|
|
55298
|
+
children: tokensLoading ? /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3 uf-animate-pulse", children: [
|
|
55299
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-w-10 uf-h-10 uf-rounded-full uf-bg-muted" }),
|
|
55300
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex-1", children: [
|
|
55301
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-h-4 uf-w-16 uf-bg-muted uf-rounded uf-mb-1" }),
|
|
55302
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-h-3 uf-w-24 uf-bg-muted uf-rounded" })
|
|
55217
55303
|
] })
|
|
55218
|
-
] }) : /* @__PURE__ */ (0,
|
|
55219
|
-
/* @__PURE__ */ (0,
|
|
55220
|
-
selectedToken && /* @__PURE__ */ (0,
|
|
55304
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_jsx_runtime54.Fragment, { children: [
|
|
55305
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-relative uf-flex-shrink-0", children: [
|
|
55306
|
+
selectedToken && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
55221
55307
|
"img",
|
|
55222
55308
|
{
|
|
55223
55309
|
src: selectedToken.icon_url,
|
|
@@ -55228,7 +55314,7 @@ function TransferCryptoSingleInput({
|
|
|
55228
55314
|
className: "uf-w-10 uf-h-10 uf-rounded-full"
|
|
55229
55315
|
}
|
|
55230
55316
|
),
|
|
55231
|
-
(currentChainFromBackend || currentChainData) && /* @__PURE__ */ (0,
|
|
55317
|
+
(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
55318
|
"img",
|
|
55233
55319
|
{
|
|
55234
55320
|
src: currentChainFromBackend?.icon_url || currentChainData?.icon_url || "",
|
|
@@ -55241,8 +55327,8 @@ function TransferCryptoSingleInput({
|
|
|
55241
55327
|
}
|
|
55242
55328
|
) })
|
|
55243
55329
|
] }),
|
|
55244
|
-
/* @__PURE__ */ (0,
|
|
55245
|
-
/* @__PURE__ */ (0,
|
|
55330
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex-1 uf-text-left uf-min-w-0", children: [
|
|
55331
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
55246
55332
|
"div",
|
|
55247
55333
|
{
|
|
55248
55334
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -55250,7 +55336,7 @@ function TransferCryptoSingleInput({
|
|
|
55250
55336
|
children: selectedToken?.symbol || token
|
|
55251
55337
|
}
|
|
55252
55338
|
),
|
|
55253
|
-
/* @__PURE__ */ (0,
|
|
55339
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
55254
55340
|
"div",
|
|
55255
55341
|
{
|
|
55256
55342
|
className: "uf-text-xs uf-truncate",
|
|
@@ -55259,8 +55345,8 @@ function TransferCryptoSingleInput({
|
|
|
55259
55345
|
}
|
|
55260
55346
|
)
|
|
55261
55347
|
] }),
|
|
55262
|
-
/* @__PURE__ */ (0,
|
|
55263
|
-
/* @__PURE__ */ (0,
|
|
55348
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2 uf-flex-shrink-0", children: [
|
|
55349
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-text-right", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
|
|
55264
55350
|
"div",
|
|
55265
55351
|
{
|
|
55266
55352
|
className: "uf-text-xs uf-font-medium",
|
|
@@ -55272,12 +55358,12 @@ function TransferCryptoSingleInput({
|
|
|
55272
55358
|
]
|
|
55273
55359
|
}
|
|
55274
55360
|
) }),
|
|
55275
|
-
/* @__PURE__ */ (0,
|
|
55361
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ChevronRight, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } })
|
|
55276
55362
|
] })
|
|
55277
55363
|
] })
|
|
55278
55364
|
}
|
|
55279
55365
|
),
|
|
55280
|
-
/* @__PURE__ */ (0,
|
|
55366
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
55281
55367
|
TokenSelectorSheet,
|
|
55282
55368
|
{
|
|
55283
55369
|
open: tokenSelectorOpen,
|
|
@@ -55291,24 +55377,24 @@ function TransferCryptoSingleInput({
|
|
|
55291
55377
|
}
|
|
55292
55378
|
}
|
|
55293
55379
|
),
|
|
55294
|
-
error && !loading && /* @__PURE__ */ (0,
|
|
55295
|
-
/* @__PURE__ */ (0,
|
|
55296
|
-
/* @__PURE__ */ (0,
|
|
55297
|
-
/* @__PURE__ */ (0,
|
|
55298
|
-
/* @__PURE__ */ (0,
|
|
55299
|
-
/* @__PURE__ */ (0,
|
|
55380
|
+
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: [
|
|
55381
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-items-start uf-gap-2", children: [
|
|
55382
|
+
/* @__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" }),
|
|
55383
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex-1 uf-min-w-0", children: [
|
|
55384
|
+
/* @__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" }),
|
|
55385
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-text-xs uf-text-muted-foreground", children: error })
|
|
55300
55386
|
] })
|
|
55301
55387
|
] }),
|
|
55302
|
-
/* @__PURE__ */ (0,
|
|
55303
|
-
/* @__PURE__ */ (0,
|
|
55304
|
-
/* @__PURE__ */ (0,
|
|
55388
|
+
/* @__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: [
|
|
55389
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Clock, { className: "uf-w-3 uf-h-3" }),
|
|
55390
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { children: "Retrying automatically every 5 seconds..." })
|
|
55305
55391
|
] })
|
|
55306
55392
|
] }),
|
|
55307
|
-
/* @__PURE__ */ (0,
|
|
55308
|
-
/* @__PURE__ */ (0,
|
|
55309
|
-
/* @__PURE__ */ (0,
|
|
55393
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-pt-2", children: [
|
|
55394
|
+
/* @__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" }),
|
|
55395
|
+
/* @__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
55396
|
// QR Skeleton - matches QR code appearance
|
|
55311
|
-
/* @__PURE__ */ (0,
|
|
55397
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
55312
55398
|
"div",
|
|
55313
55399
|
{
|
|
55314
55400
|
className: "uf-flex uf-items-center uf-justify-center uf-animate-pulse",
|
|
@@ -55318,7 +55404,7 @@ function TransferCryptoSingleInput({
|
|
|
55318
55404
|
background: isDarkMode ? "linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%)" : "linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%)",
|
|
55319
55405
|
borderRadius: 8
|
|
55320
55406
|
},
|
|
55321
|
-
children: /* @__PURE__ */ (0,
|
|
55407
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
55322
55408
|
"div",
|
|
55323
55409
|
{
|
|
55324
55410
|
style: {
|
|
@@ -55331,7 +55417,7 @@ function TransferCryptoSingleInput({
|
|
|
55331
55417
|
)
|
|
55332
55418
|
}
|
|
55333
55419
|
)
|
|
55334
|
-
) : depositAddress ? /* @__PURE__ */ (0,
|
|
55420
|
+
) : depositAddress ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
55335
55421
|
StyledQRCode,
|
|
55336
55422
|
{
|
|
55337
55423
|
value: depositAddress,
|
|
@@ -55341,19 +55427,19 @@ function TransferCryptoSingleInput({
|
|
|
55341
55427
|
darkMode: isDarkMode
|
|
55342
55428
|
},
|
|
55343
55429
|
`qr-${depositAddress}-${chain}`
|
|
55344
|
-
) : /* @__PURE__ */ (0,
|
|
55430
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
55345
55431
|
"div",
|
|
55346
55432
|
{
|
|
55347
55433
|
className: "uf-flex uf-items-center uf-justify-center",
|
|
55348
55434
|
style: { width: 180, height: 180 },
|
|
55349
|
-
children: /* @__PURE__ */ (0,
|
|
55435
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-text-red-400 uf-text-sm", children: t4.noAddressAvailable })
|
|
55350
55436
|
}
|
|
55351
55437
|
) })
|
|
55352
55438
|
] }),
|
|
55353
|
-
/* @__PURE__ */ (0,
|
|
55439
|
+
/* @__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
55440
|
loading || tokensLoading || !initialSelectionDone ? (
|
|
55355
55441
|
// Address skeleton
|
|
55356
|
-
/* @__PURE__ */ (0,
|
|
55442
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
55357
55443
|
"div",
|
|
55358
55444
|
{
|
|
55359
55445
|
className: "uf-h-4 uf-w-32 uf-rounded uf-animate-pulse",
|
|
@@ -55362,45 +55448,45 @@ function TransferCryptoSingleInput({
|
|
|
55362
55448
|
}
|
|
55363
55449
|
}
|
|
55364
55450
|
)
|
|
55365
|
-
) : /* @__PURE__ */ (0,
|
|
55366
|
-
depositAddress && initialSelectionDone && /* @__PURE__ */ (0,
|
|
55451
|
+
) : /* @__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 }),
|
|
55452
|
+
depositAddress && initialSelectionDone && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
55367
55453
|
"span",
|
|
55368
55454
|
{
|
|
55369
55455
|
onClick: handleCopyAddress,
|
|
55370
55456
|
className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
|
|
55371
55457
|
style: { color: copied ? colors2.success : components.card.actionColor },
|
|
55372
|
-
children: copied ? /* @__PURE__ */ (0,
|
|
55458
|
+
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
55459
|
}
|
|
55374
55460
|
)
|
|
55375
55461
|
] }) }),
|
|
55376
|
-
/* @__PURE__ */ (0,
|
|
55377
|
-
/* @__PURE__ */ (0,
|
|
55462
|
+
/* @__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: [
|
|
55463
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
|
|
55378
55464
|
"button",
|
|
55379
55465
|
{
|
|
55380
55466
|
onClick: () => setDetailsExpanded(!detailsExpanded),
|
|
55381
55467
|
className: "uf-w-full uf-flex uf-items-center uf-justify-between uf-py-2.5",
|
|
55382
55468
|
children: [
|
|
55383
|
-
/* @__PURE__ */ (0,
|
|
55384
|
-
/* @__PURE__ */ (0,
|
|
55385
|
-
/* @__PURE__ */ (0,
|
|
55469
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
55470
|
+
/* @__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 } }) }),
|
|
55471
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
55386
55472
|
t4.processingTime.label,
|
|
55387
55473
|
":",
|
|
55388
55474
|
" ",
|
|
55389
|
-
/* @__PURE__ */ (0,
|
|
55475
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: formatProcessingTime2(processingTime) })
|
|
55390
55476
|
] })
|
|
55391
55477
|
] }),
|
|
55392
|
-
detailsExpanded ? /* @__PURE__ */ (0,
|
|
55478
|
+
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
55479
|
]
|
|
55394
55480
|
}
|
|
55395
55481
|
),
|
|
55396
|
-
detailsExpanded && /* @__PURE__ */ (0,
|
|
55397
|
-
/* @__PURE__ */ (0,
|
|
55398
|
-
/* @__PURE__ */ (0,
|
|
55399
|
-
/* @__PURE__ */ (0,
|
|
55482
|
+
detailsExpanded && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-pb-3 uf-space-y-2.5", children: [
|
|
55483
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
55484
|
+
/* @__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 } }) }),
|
|
55485
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
55400
55486
|
t4.slippage.label,
|
|
55401
55487
|
":",
|
|
55402
55488
|
" ",
|
|
55403
|
-
/* @__PURE__ */ (0,
|
|
55489
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
|
|
55404
55490
|
t4.slippage.auto,
|
|
55405
55491
|
" \u2022 ",
|
|
55406
55492
|
maxSlippage.toFixed(2),
|
|
@@ -55408,38 +55494,38 @@ function TransferCryptoSingleInput({
|
|
|
55408
55494
|
] })
|
|
55409
55495
|
] })
|
|
55410
55496
|
] }),
|
|
55411
|
-
/* @__PURE__ */ (0,
|
|
55412
|
-
/* @__PURE__ */ (0,
|
|
55413
|
-
/* @__PURE__ */ (0,
|
|
55497
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
55498
|
+
/* @__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 } }) }),
|
|
55499
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
55414
55500
|
t4.priceImpact.label,
|
|
55415
55501
|
":",
|
|
55416
55502
|
" ",
|
|
55417
|
-
/* @__PURE__ */ (0,
|
|
55503
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
|
|
55418
55504
|
priceImpact.toFixed(2),
|
|
55419
55505
|
"%"
|
|
55420
55506
|
] })
|
|
55421
55507
|
] })
|
|
55422
55508
|
] }),
|
|
55423
|
-
/* @__PURE__ */ (0,
|
|
55424
|
-
/* @__PURE__ */ (0,
|
|
55425
|
-
/* @__PURE__ */ (0,
|
|
55509
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
55510
|
+
/* @__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 } }) }),
|
|
55511
|
+
/* @__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
55512
|
"Recipient address:",
|
|
55427
55513
|
" ",
|
|
55428
|
-
/* @__PURE__ */ (0,
|
|
55429
|
-
/* @__PURE__ */ (0,
|
|
55514
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: truncateAddress(recipientAddress || "", 8, 6) }),
|
|
55515
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
55430
55516
|
"span",
|
|
55431
55517
|
{
|
|
55432
55518
|
onClick: () => handleCopyRecipientAddress(recipientAddress),
|
|
55433
55519
|
className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
|
|
55434
55520
|
style: { color: copiedRecipient ? colors2.success : components.card.actionColor },
|
|
55435
|
-
children: copiedRecipient ? /* @__PURE__ */ (0,
|
|
55521
|
+
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
55522
|
}
|
|
55437
55523
|
)
|
|
55438
55524
|
] })
|
|
55439
55525
|
] })
|
|
55440
55526
|
] })
|
|
55441
55527
|
] }),
|
|
55442
|
-
wallets && wallets.length > 0 && /* @__PURE__ */ (0,
|
|
55528
|
+
wallets && wallets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
55443
55529
|
DepositPollingUi,
|
|
55444
55530
|
{
|
|
55445
55531
|
depositConfirmationMode,
|
|
@@ -55448,29 +55534,29 @@ function TransferCryptoSingleInput({
|
|
|
55448
55534
|
onIveDeposited: handleIveDeposited
|
|
55449
55535
|
}
|
|
55450
55536
|
),
|
|
55451
|
-
/* @__PURE__ */ (0,
|
|
55452
|
-
depositExecutions.length > 1 && /* @__PURE__ */ (0,
|
|
55537
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DepositFooterLinks, { onGlossaryClick: () => setGlossaryOpen(true) }),
|
|
55538
|
+
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
55539
|
"button",
|
|
55454
55540
|
{
|
|
55455
55541
|
onClick: () => setDepositsModalOpen(true),
|
|
55456
55542
|
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
55543
|
children: [
|
|
55458
|
-
/* @__PURE__ */ (0,
|
|
55544
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Clock, { className: "uf-w-3.5 uf-h-3.5" }),
|
|
55459
55545
|
"Track deposits (",
|
|
55460
55546
|
depositExecutions.length,
|
|
55461
55547
|
")",
|
|
55462
|
-
/* @__PURE__ */ (0,
|
|
55548
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ChevronRight, { className: "uf-w-3 uf-h-3" })
|
|
55463
55549
|
]
|
|
55464
55550
|
}
|
|
55465
55551
|
) }),
|
|
55466
|
-
/* @__PURE__ */ (0,
|
|
55552
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
55467
55553
|
DepositPollingToasts,
|
|
55468
55554
|
{
|
|
55469
55555
|
executions: depositExecutions,
|
|
55470
55556
|
isPolling
|
|
55471
55557
|
}
|
|
55472
55558
|
),
|
|
55473
|
-
/* @__PURE__ */ (0,
|
|
55559
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
55474
55560
|
DepositsModal,
|
|
55475
55561
|
{
|
|
55476
55562
|
open: depositsModalOpen,
|
|
@@ -55481,7 +55567,7 @@ function TransferCryptoSingleInput({
|
|
|
55481
55567
|
themeClass
|
|
55482
55568
|
}
|
|
55483
55569
|
),
|
|
55484
|
-
/* @__PURE__ */ (0,
|
|
55570
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
55485
55571
|
GlossaryModal,
|
|
55486
55572
|
{
|
|
55487
55573
|
open: glossaryOpen,
|
|
@@ -55498,7 +55584,7 @@ var Select2 = Root23;
|
|
|
55498
55584
|
var SelectValue2 = Value;
|
|
55499
55585
|
var SelectTrigger2 = React242.forwardRef(({ className, style, children, ...props }, ref) => {
|
|
55500
55586
|
const { components } = useTheme();
|
|
55501
|
-
return /* @__PURE__ */ (0,
|
|
55587
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
|
|
55502
55588
|
Trigger2,
|
|
55503
55589
|
{
|
|
55504
55590
|
ref,
|
|
@@ -55514,13 +55600,13 @@ var SelectTrigger2 = React242.forwardRef(({ className, style, children, ...props
|
|
|
55514
55600
|
...props,
|
|
55515
55601
|
children: [
|
|
55516
55602
|
children,
|
|
55517
|
-
/* @__PURE__ */ (0,
|
|
55603
|
+
/* @__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
55604
|
]
|
|
55519
55605
|
}
|
|
55520
55606
|
);
|
|
55521
55607
|
});
|
|
55522
55608
|
SelectTrigger2.displayName = Trigger2.displayName;
|
|
55523
|
-
var SelectScrollUpButton2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0,
|
|
55609
|
+
var SelectScrollUpButton2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
55524
55610
|
ScrollUpButton,
|
|
55525
55611
|
{
|
|
55526
55612
|
ref,
|
|
@@ -55529,11 +55615,11 @@ var SelectScrollUpButton2 = React242.forwardRef(({ className, ...props }, ref) =
|
|
|
55529
55615
|
className
|
|
55530
55616
|
),
|
|
55531
55617
|
...props,
|
|
55532
|
-
children: /* @__PURE__ */ (0,
|
|
55618
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ChevronUp, { className: "uf-h-4 uf-w-4" })
|
|
55533
55619
|
}
|
|
55534
55620
|
));
|
|
55535
55621
|
SelectScrollUpButton2.displayName = ScrollUpButton.displayName;
|
|
55536
|
-
var SelectScrollDownButton2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0,
|
|
55622
|
+
var SelectScrollDownButton2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
55537
55623
|
ScrollDownButton,
|
|
55538
55624
|
{
|
|
55539
55625
|
ref,
|
|
@@ -55542,13 +55628,13 @@ var SelectScrollDownButton2 = React242.forwardRef(({ className, ...props }, ref)
|
|
|
55542
55628
|
className
|
|
55543
55629
|
),
|
|
55544
55630
|
...props,
|
|
55545
|
-
children: /* @__PURE__ */ (0,
|
|
55631
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ChevronDown, { className: "uf-h-4 uf-w-4" })
|
|
55546
55632
|
}
|
|
55547
55633
|
));
|
|
55548
55634
|
SelectScrollDownButton2.displayName = ScrollDownButton.displayName;
|
|
55549
55635
|
var SelectContent2 = React242.forwardRef(({ className, style, children, position = "popper", ...props }, ref) => {
|
|
55550
55636
|
const { themeClass, colors: colors2, components } = useTheme();
|
|
55551
|
-
return /* @__PURE__ */ (0,
|
|
55637
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Portal4, { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
|
|
55552
55638
|
Content23,
|
|
55553
55639
|
{
|
|
55554
55640
|
ref,
|
|
@@ -55567,8 +55653,8 @@ var SelectContent2 = React242.forwardRef(({ className, style, children, position
|
|
|
55567
55653
|
position,
|
|
55568
55654
|
...props,
|
|
55569
55655
|
children: [
|
|
55570
|
-
/* @__PURE__ */ (0,
|
|
55571
|
-
/* @__PURE__ */ (0,
|
|
55656
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SelectScrollUpButton2, {}),
|
|
55657
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
55572
55658
|
Viewport,
|
|
55573
55659
|
{
|
|
55574
55660
|
className: cn(
|
|
@@ -55578,13 +55664,13 @@ var SelectContent2 = React242.forwardRef(({ className, style, children, position
|
|
|
55578
55664
|
children
|
|
55579
55665
|
}
|
|
55580
55666
|
),
|
|
55581
|
-
/* @__PURE__ */ (0,
|
|
55667
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SelectScrollDownButton2, {})
|
|
55582
55668
|
]
|
|
55583
55669
|
}
|
|
55584
55670
|
) });
|
|
55585
55671
|
});
|
|
55586
55672
|
SelectContent2.displayName = Content23.displayName;
|
|
55587
|
-
var SelectLabel2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0,
|
|
55673
|
+
var SelectLabel2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
55588
55674
|
Label,
|
|
55589
55675
|
{
|
|
55590
55676
|
ref,
|
|
@@ -55596,7 +55682,7 @@ var SelectLabel2 = React242.forwardRef(({ className, ...props }, ref) => /* @__P
|
|
|
55596
55682
|
}
|
|
55597
55683
|
));
|
|
55598
55684
|
SelectLabel2.displayName = Label.displayName;
|
|
55599
|
-
var SelectItem2 = React242.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0,
|
|
55685
|
+
var SelectItem2 = React242.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
|
|
55600
55686
|
Item,
|
|
55601
55687
|
{
|
|
55602
55688
|
ref,
|
|
@@ -55606,13 +55692,13 @@ var SelectItem2 = React242.forwardRef(({ className, children, ...props }, ref) =
|
|
|
55606
55692
|
),
|
|
55607
55693
|
...props,
|
|
55608
55694
|
children: [
|
|
55609
|
-
/* @__PURE__ */ (0,
|
|
55610
|
-
/* @__PURE__ */ (0,
|
|
55695
|
+
/* @__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" }) }) }),
|
|
55696
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ItemText, { children })
|
|
55611
55697
|
]
|
|
55612
55698
|
}
|
|
55613
55699
|
));
|
|
55614
55700
|
SelectItem2.displayName = Item.displayName;
|
|
55615
|
-
var SelectSeparator2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0,
|
|
55701
|
+
var SelectSeparator2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
55616
55702
|
Separator,
|
|
55617
55703
|
{
|
|
55618
55704
|
ref,
|
|
@@ -55777,8 +55863,8 @@ function TransferCryptoDoubleInput({
|
|
|
55777
55863
|
const processingTime = currentChainFromBackend?.estimated_processing_time ?? null;
|
|
55778
55864
|
const minDepositUsd = currentChainFromBackend?.minimum_deposit_amount_usd ?? 3;
|
|
55779
55865
|
const renderTokenItem = (tokenData) => {
|
|
55780
|
-
return /* @__PURE__ */ (0,
|
|
55781
|
-
/* @__PURE__ */ (0,
|
|
55866
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
55867
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
55782
55868
|
"img",
|
|
55783
55869
|
{
|
|
55784
55870
|
src: tokenData.icon_url,
|
|
@@ -55789,13 +55875,13 @@ function TransferCryptoDoubleInput({
|
|
|
55789
55875
|
className: "uf-rounded-full uf-flex-shrink-0"
|
|
55790
55876
|
}
|
|
55791
55877
|
),
|
|
55792
|
-
/* @__PURE__ */ (0,
|
|
55878
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "uf-text-xs uf-font-normal", children: tokenData.symbol })
|
|
55793
55879
|
] });
|
|
55794
55880
|
};
|
|
55795
55881
|
const renderChainItem = (chainData, showMinDeposit = false) => {
|
|
55796
|
-
return /* @__PURE__ */ (0,
|
|
55797
|
-
/* @__PURE__ */ (0,
|
|
55798
|
-
/* @__PURE__ */ (0,
|
|
55882
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-between uf-w-full", children: [
|
|
55883
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
55884
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
55799
55885
|
"img",
|
|
55800
55886
|
{
|
|
55801
55887
|
src: chainData.icon_url,
|
|
@@ -55806,32 +55892,32 @@ function TransferCryptoDoubleInput({
|
|
|
55806
55892
|
className: "uf-rounded-full uf-flex-shrink-0"
|
|
55807
55893
|
}
|
|
55808
55894
|
),
|
|
55809
|
-
/* @__PURE__ */ (0,
|
|
55895
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "uf-text-xs uf-font-normal", children: chainData.chain_name })
|
|
55810
55896
|
] }),
|
|
55811
|
-
showMinDeposit && chainData.minimum_deposit_amount_usd && /* @__PURE__ */ (0,
|
|
55897
|
+
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
55898
|
"$",
|
|
55813
55899
|
chainData.minimum_deposit_amount_usd
|
|
55814
55900
|
] })
|
|
55815
55901
|
] });
|
|
55816
55902
|
};
|
|
55817
|
-
return /* @__PURE__ */ (0,
|
|
55903
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(TooltipProvider2, { delayDuration: 0, skipDelayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
|
|
55818
55904
|
"div",
|
|
55819
55905
|
{
|
|
55820
55906
|
className: "uf-space-y-3",
|
|
55821
55907
|
style: { backgroundColor: colors2.background },
|
|
55822
55908
|
children: [
|
|
55823
|
-
/* @__PURE__ */ (0,
|
|
55824
|
-
/* @__PURE__ */ (0,
|
|
55825
|
-
/* @__PURE__ */ (0,
|
|
55826
|
-
/* @__PURE__ */ (0,
|
|
55909
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-grid uf-grid-cols-2 uf-gap-2.5", children: [
|
|
55910
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { children: [
|
|
55911
|
+
/* @__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 }),
|
|
55912
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
|
|
55827
55913
|
Select2,
|
|
55828
55914
|
{
|
|
55829
55915
|
value: token,
|
|
55830
55916
|
onValueChange: setToken,
|
|
55831
55917
|
disabled: tokensLoading || supportedTokens.length === 0,
|
|
55832
55918
|
children: [
|
|
55833
|
-
/* @__PURE__ */ (0,
|
|
55834
|
-
/* @__PURE__ */ (0,
|
|
55919
|
+
/* @__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 }) }) }) }),
|
|
55920
|
+
/* @__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
55921
|
SelectItem2,
|
|
55836
55922
|
{
|
|
55837
55923
|
value: tokenData.symbol,
|
|
@@ -55844,36 +55930,36 @@ function TransferCryptoDoubleInput({
|
|
|
55844
55930
|
}
|
|
55845
55931
|
)
|
|
55846
55932
|
] }),
|
|
55847
|
-
/* @__PURE__ */ (0,
|
|
55848
|
-
/* @__PURE__ */ (0,
|
|
55933
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { children: [
|
|
55934
|
+
/* @__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
55935
|
t5.selectedChain,
|
|
55850
|
-
/* @__PURE__ */ (0,
|
|
55936
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { className: "uf-font-medium", style: { color: components.card.labelHighlightRightColor }, children: [
|
|
55851
55937
|
"$",
|
|
55852
55938
|
minDepositUsd,
|
|
55853
55939
|
" ",
|
|
55854
55940
|
t5.minDeposit.label
|
|
55855
55941
|
] })
|
|
55856
55942
|
] }),
|
|
55857
|
-
/* @__PURE__ */ (0,
|
|
55943
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
|
|
55858
55944
|
Select2,
|
|
55859
55945
|
{
|
|
55860
55946
|
value: chain,
|
|
55861
55947
|
onValueChange: setChain,
|
|
55862
55948
|
disabled: tokensLoading || availableChainsForToken.length === 0,
|
|
55863
55949
|
children: [
|
|
55864
|
-
/* @__PURE__ */ (0,
|
|
55865
|
-
/* @__PURE__ */ (0,
|
|
55950
|
+
/* @__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 }) }) }) }),
|
|
55951
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
55866
55952
|
SelectContent2,
|
|
55867
55953
|
{
|
|
55868
55954
|
align: "end",
|
|
55869
55955
|
className: "uf-bg-secondary uf-border uf-text-foreground uf-max-h-[300px] uf-min-w-[200px]",
|
|
55870
55956
|
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,
|
|
55957
|
+
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
55958
|
const chainKey = getChainKey2(
|
|
55873
55959
|
chainData.chain_id,
|
|
55874
55960
|
chainData.chain_type
|
|
55875
55961
|
);
|
|
55876
|
-
return /* @__PURE__ */ (0,
|
|
55962
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
55877
55963
|
SelectItem2,
|
|
55878
55964
|
{
|
|
55879
55965
|
value: chainKey,
|
|
@@ -55890,24 +55976,24 @@ function TransferCryptoDoubleInput({
|
|
|
55890
55976
|
)
|
|
55891
55977
|
] })
|
|
55892
55978
|
] }),
|
|
55893
|
-
error && !loading && /* @__PURE__ */ (0,
|
|
55894
|
-
/* @__PURE__ */ (0,
|
|
55895
|
-
/* @__PURE__ */ (0,
|
|
55896
|
-
/* @__PURE__ */ (0,
|
|
55897
|
-
/* @__PURE__ */ (0,
|
|
55898
|
-
/* @__PURE__ */ (0,
|
|
55979
|
+
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: [
|
|
55980
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex uf-items-start uf-gap-2", children: [
|
|
55981
|
+
/* @__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" }),
|
|
55982
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex-1 uf-min-w-0", children: [
|
|
55983
|
+
/* @__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" }),
|
|
55984
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-text-xs uf-text-muted-foreground", children: error })
|
|
55899
55985
|
] })
|
|
55900
55986
|
] }),
|
|
55901
|
-
/* @__PURE__ */ (0,
|
|
55902
|
-
/* @__PURE__ */ (0,
|
|
55903
|
-
/* @__PURE__ */ (0,
|
|
55987
|
+
/* @__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: [
|
|
55988
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Clock, { className: "uf-w-3 uf-h-3" }),
|
|
55989
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { children: "Retrying automatically every 5 seconds..." })
|
|
55904
55990
|
] })
|
|
55905
55991
|
] }),
|
|
55906
|
-
/* @__PURE__ */ (0,
|
|
55907
|
-
/* @__PURE__ */ (0,
|
|
55908
|
-
/* @__PURE__ */ (0,
|
|
55992
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-pt-2", children: [
|
|
55993
|
+
/* @__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" }),
|
|
55994
|
+
/* @__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
55995
|
// QR Skeleton - matches QR code appearance
|
|
55910
|
-
/* @__PURE__ */ (0,
|
|
55996
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
55911
55997
|
"div",
|
|
55912
55998
|
{
|
|
55913
55999
|
className: "uf-flex uf-items-center uf-justify-center uf-animate-pulse",
|
|
@@ -55917,7 +56003,7 @@ function TransferCryptoDoubleInput({
|
|
|
55917
56003
|
background: isDarkMode ? "linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%)" : "linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%)",
|
|
55918
56004
|
borderRadius: 8
|
|
55919
56005
|
},
|
|
55920
|
-
children: /* @__PURE__ */ (0,
|
|
56006
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
55921
56007
|
"div",
|
|
55922
56008
|
{
|
|
55923
56009
|
style: {
|
|
@@ -55930,7 +56016,7 @@ function TransferCryptoDoubleInput({
|
|
|
55930
56016
|
)
|
|
55931
56017
|
}
|
|
55932
56018
|
)
|
|
55933
|
-
) : depositAddress ? /* @__PURE__ */ (0,
|
|
56019
|
+
) : depositAddress ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
55934
56020
|
StyledQRCode,
|
|
55935
56021
|
{
|
|
55936
56022
|
value: depositAddress,
|
|
@@ -55940,19 +56026,19 @@ function TransferCryptoDoubleInput({
|
|
|
55940
56026
|
darkMode: isDarkMode
|
|
55941
56027
|
},
|
|
55942
56028
|
`qr-${depositAddress}-${chain}`
|
|
55943
|
-
) : /* @__PURE__ */ (0,
|
|
56029
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
55944
56030
|
"div",
|
|
55945
56031
|
{
|
|
55946
56032
|
className: "uf-flex uf-items-center uf-justify-center",
|
|
55947
56033
|
style: { width: 180, height: 180 },
|
|
55948
|
-
children: /* @__PURE__ */ (0,
|
|
56034
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-text-red-400 uf-text-sm", children: t5.noAddressAvailable })
|
|
55949
56035
|
}
|
|
55950
56036
|
) })
|
|
55951
56037
|
] }),
|
|
55952
|
-
/* @__PURE__ */ (0,
|
|
56038
|
+
/* @__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
56039
|
loading || tokensLoading || !initialSelectionDone ? (
|
|
55954
56040
|
// Address skeleton
|
|
55955
|
-
/* @__PURE__ */ (0,
|
|
56041
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
55956
56042
|
"div",
|
|
55957
56043
|
{
|
|
55958
56044
|
className: "uf-h-4 uf-w-32 uf-rounded uf-animate-pulse",
|
|
@@ -55961,45 +56047,45 @@ function TransferCryptoDoubleInput({
|
|
|
55961
56047
|
}
|
|
55962
56048
|
}
|
|
55963
56049
|
)
|
|
55964
|
-
) : /* @__PURE__ */ (0,
|
|
55965
|
-
depositAddress && initialSelectionDone && /* @__PURE__ */ (0,
|
|
56050
|
+
) : /* @__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 }),
|
|
56051
|
+
depositAddress && initialSelectionDone && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
55966
56052
|
"span",
|
|
55967
56053
|
{
|
|
55968
56054
|
onClick: handleCopyAddress,
|
|
55969
56055
|
className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
|
|
55970
56056
|
style: { color: copied ? colors2.success : components.card.actionColor },
|
|
55971
|
-
children: copied ? /* @__PURE__ */ (0,
|
|
56057
|
+
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
56058
|
}
|
|
55973
56059
|
)
|
|
55974
56060
|
] }) }),
|
|
55975
|
-
/* @__PURE__ */ (0,
|
|
55976
|
-
/* @__PURE__ */ (0,
|
|
56061
|
+
/* @__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: [
|
|
56062
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
|
|
55977
56063
|
"button",
|
|
55978
56064
|
{
|
|
55979
56065
|
onClick: () => setDetailsExpanded(!detailsExpanded),
|
|
55980
56066
|
className: "uf-w-full uf-flex uf-items-center uf-justify-between uf-py-2.5",
|
|
55981
56067
|
children: [
|
|
55982
|
-
/* @__PURE__ */ (0,
|
|
55983
|
-
/* @__PURE__ */ (0,
|
|
55984
|
-
/* @__PURE__ */ (0,
|
|
56068
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
56069
|
+
/* @__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 } }) }),
|
|
56070
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
55985
56071
|
t5.processingTime.label,
|
|
55986
56072
|
":",
|
|
55987
56073
|
" ",
|
|
55988
|
-
/* @__PURE__ */ (0,
|
|
56074
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: formatProcessingTime2(processingTime) })
|
|
55989
56075
|
] })
|
|
55990
56076
|
] }),
|
|
55991
|
-
detailsExpanded ? /* @__PURE__ */ (0,
|
|
56077
|
+
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
56078
|
]
|
|
55993
56079
|
}
|
|
55994
56080
|
),
|
|
55995
|
-
detailsExpanded && /* @__PURE__ */ (0,
|
|
55996
|
-
/* @__PURE__ */ (0,
|
|
55997
|
-
/* @__PURE__ */ (0,
|
|
55998
|
-
/* @__PURE__ */ (0,
|
|
56081
|
+
detailsExpanded && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-pb-3 uf-space-y-2.5", children: [
|
|
56082
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
56083
|
+
/* @__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 } }) }),
|
|
56084
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
55999
56085
|
t5.slippage.label,
|
|
56000
56086
|
":",
|
|
56001
56087
|
" ",
|
|
56002
|
-
/* @__PURE__ */ (0,
|
|
56088
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
|
|
56003
56089
|
t5.slippage.auto,
|
|
56004
56090
|
" \u2022 ",
|
|
56005
56091
|
maxSlippage.toFixed(2),
|
|
@@ -56007,38 +56093,38 @@ function TransferCryptoDoubleInput({
|
|
|
56007
56093
|
] })
|
|
56008
56094
|
] })
|
|
56009
56095
|
] }),
|
|
56010
|
-
/* @__PURE__ */ (0,
|
|
56011
|
-
/* @__PURE__ */ (0,
|
|
56012
|
-
/* @__PURE__ */ (0,
|
|
56096
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
56097
|
+
/* @__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 } }) }),
|
|
56098
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
56013
56099
|
t5.priceImpact.label,
|
|
56014
56100
|
":",
|
|
56015
56101
|
" ",
|
|
56016
|
-
/* @__PURE__ */ (0,
|
|
56102
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
|
|
56017
56103
|
priceImpact.toFixed(2),
|
|
56018
56104
|
"%"
|
|
56019
56105
|
] })
|
|
56020
56106
|
] })
|
|
56021
56107
|
] }),
|
|
56022
|
-
/* @__PURE__ */ (0,
|
|
56023
|
-
/* @__PURE__ */ (0,
|
|
56024
|
-
/* @__PURE__ */ (0,
|
|
56108
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
56109
|
+
/* @__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 } }) }),
|
|
56110
|
+
/* @__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
56111
|
"Recipient address:",
|
|
56026
56112
|
" ",
|
|
56027
|
-
/* @__PURE__ */ (0,
|
|
56028
|
-
/* @__PURE__ */ (0,
|
|
56113
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: truncateAddress(recipientAddress || "", 8, 6) }),
|
|
56114
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
56029
56115
|
"span",
|
|
56030
56116
|
{
|
|
56031
56117
|
onClick: () => handleCopyRecipientAddress(recipientAddress),
|
|
56032
56118
|
className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
|
|
56033
56119
|
style: { color: copiedRecipient ? colors2.success : components.card.actionColor },
|
|
56034
|
-
children: copiedRecipient ? /* @__PURE__ */ (0,
|
|
56120
|
+
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
56121
|
}
|
|
56036
56122
|
)
|
|
56037
56123
|
] })
|
|
56038
56124
|
] })
|
|
56039
56125
|
] })
|
|
56040
56126
|
] }),
|
|
56041
|
-
wallets && wallets.length > 0 && /* @__PURE__ */ (0,
|
|
56127
|
+
wallets && wallets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
56042
56128
|
DepositPollingUi,
|
|
56043
56129
|
{
|
|
56044
56130
|
depositConfirmationMode,
|
|
@@ -56047,29 +56133,29 @@ function TransferCryptoDoubleInput({
|
|
|
56047
56133
|
onIveDeposited: handleIveDeposited
|
|
56048
56134
|
}
|
|
56049
56135
|
),
|
|
56050
|
-
/* @__PURE__ */ (0,
|
|
56051
|
-
depositExecutions.length > 1 && /* @__PURE__ */ (0,
|
|
56136
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(DepositFooterLinks, { onGlossaryClick: () => setGlossaryOpen(true) }),
|
|
56137
|
+
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
56138
|
"button",
|
|
56053
56139
|
{
|
|
56054
56140
|
onClick: () => setDepositsModalOpen(true),
|
|
56055
56141
|
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
56142
|
children: [
|
|
56057
|
-
/* @__PURE__ */ (0,
|
|
56143
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Clock, { className: "uf-w-3.5 uf-h-3.5" }),
|
|
56058
56144
|
"Track deposits (",
|
|
56059
56145
|
depositExecutions.length,
|
|
56060
56146
|
")",
|
|
56061
|
-
/* @__PURE__ */ (0,
|
|
56147
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ChevronRight, { className: "uf-w-3 uf-h-3" })
|
|
56062
56148
|
]
|
|
56063
56149
|
}
|
|
56064
56150
|
) }),
|
|
56065
|
-
/* @__PURE__ */ (0,
|
|
56151
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
56066
56152
|
DepositPollingToasts,
|
|
56067
56153
|
{
|
|
56068
56154
|
executions: depositExecutions,
|
|
56069
56155
|
isPolling
|
|
56070
56156
|
}
|
|
56071
56157
|
),
|
|
56072
|
-
/* @__PURE__ */ (0,
|
|
56158
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
56073
56159
|
DepositsModal,
|
|
56074
56160
|
{
|
|
56075
56161
|
open: depositsModalOpen,
|
|
@@ -56080,7 +56166,7 @@ function TransferCryptoDoubleInput({
|
|
|
56080
56166
|
themeClass
|
|
56081
56167
|
}
|
|
56082
56168
|
),
|
|
56083
|
-
/* @__PURE__ */ (0,
|
|
56169
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
56084
56170
|
GlossaryModal,
|
|
56085
56171
|
{
|
|
56086
56172
|
open: glossaryOpen,
|
|
@@ -56107,8 +56193,8 @@ function SelectTokenView({
|
|
|
56107
56193
|
onClose
|
|
56108
56194
|
}) {
|
|
56109
56195
|
const { colors: colors2, fonts, components } = useTheme();
|
|
56110
|
-
return /* @__PURE__ */ (0,
|
|
56111
|
-
/* @__PURE__ */ (0,
|
|
56196
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_jsx_runtime61.Fragment, { children: [
|
|
56197
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
56112
56198
|
DepositHeader,
|
|
56113
56199
|
{
|
|
56114
56200
|
title: "Select Token",
|
|
@@ -56121,20 +56207,20 @@ function SelectTokenView({
|
|
|
56121
56207
|
onClose
|
|
56122
56208
|
}
|
|
56123
56209
|
),
|
|
56124
|
-
/* @__PURE__ */ (0,
|
|
56210
|
+
/* @__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
56211
|
LoaderCircle,
|
|
56126
56212
|
{
|
|
56127
56213
|
className: "uf-w-6 uf-h-6 uf-animate-spin",
|
|
56128
56214
|
style: { color: colors2.foregroundMuted }
|
|
56129
56215
|
}
|
|
56130
|
-
) }) : error ? /* @__PURE__ */ (0,
|
|
56216
|
+
) }) : error ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "uf-text-center uf-py-8", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
56131
56217
|
"div",
|
|
56132
56218
|
{
|
|
56133
56219
|
className: "uf-text-sm",
|
|
56134
56220
|
style: { color: colors2.foregroundMuted },
|
|
56135
56221
|
children: error
|
|
56136
56222
|
}
|
|
56137
|
-
) }) : balances.length === 0 ? /* @__PURE__ */ (0,
|
|
56223
|
+
) }) : 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
56224
|
"div",
|
|
56139
56225
|
{
|
|
56140
56226
|
className: "uf-text-sm",
|
|
@@ -56153,7 +56239,7 @@ function SelectTokenView({
|
|
|
56153
56239
|
token.symbol
|
|
56154
56240
|
);
|
|
56155
56241
|
const formattedUsd = formatUsdAmount(balance.amount_usd);
|
|
56156
|
-
return /* @__PURE__ */ (0,
|
|
56242
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
|
|
56157
56243
|
"button",
|
|
56158
56244
|
{
|
|
56159
56245
|
onClick: () => onTokenSelect(balance),
|
|
@@ -56166,9 +56252,9 @@ function SelectTokenView({
|
|
|
56166
56252
|
opacity: isEligible ? 1 : 0.5
|
|
56167
56253
|
},
|
|
56168
56254
|
children: [
|
|
56169
|
-
/* @__PURE__ */ (0,
|
|
56170
|
-
/* @__PURE__ */ (0,
|
|
56171
|
-
getIconUrl2(token.icon_url, assetCdnUrl) ? /* @__PURE__ */ (0,
|
|
56255
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
|
|
56256
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "uf-relative uf-w-9 uf-h-9", children: [
|
|
56257
|
+
getIconUrl2(token.icon_url, assetCdnUrl) ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
56172
56258
|
"img",
|
|
56173
56259
|
{
|
|
56174
56260
|
src: getIconUrl2(token.icon_url, assetCdnUrl),
|
|
@@ -56180,12 +56266,12 @@ function SelectTokenView({
|
|
|
56180
56266
|
filter: isEligible ? "none" : "grayscale(100%)"
|
|
56181
56267
|
}
|
|
56182
56268
|
}
|
|
56183
|
-
) : /* @__PURE__ */ (0,
|
|
56269
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
56184
56270
|
"div",
|
|
56185
56271
|
{
|
|
56186
56272
|
className: "uf-w-9 uf-h-9 uf-rounded-full uf-flex uf-items-center uf-justify-center",
|
|
56187
56273
|
style: { backgroundColor: colors2.card },
|
|
56188
|
-
children: /* @__PURE__ */ (0,
|
|
56274
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
56189
56275
|
"span",
|
|
56190
56276
|
{
|
|
56191
56277
|
className: "uf-text-xs uf-font-medium",
|
|
@@ -56195,7 +56281,7 @@ function SelectTokenView({
|
|
|
56195
56281
|
)
|
|
56196
56282
|
}
|
|
56197
56283
|
),
|
|
56198
|
-
getIconUrl2(token.chain_icon_url, assetCdnUrl) && /* @__PURE__ */ (0,
|
|
56284
|
+
getIconUrl2(token.chain_icon_url, assetCdnUrl) && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
56199
56285
|
"img",
|
|
56200
56286
|
{
|
|
56201
56287
|
src: getIconUrl2(token.chain_icon_url, assetCdnUrl),
|
|
@@ -56210,8 +56296,8 @@ function SelectTokenView({
|
|
|
56210
56296
|
}
|
|
56211
56297
|
)
|
|
56212
56298
|
] }),
|
|
56213
|
-
/* @__PURE__ */ (0,
|
|
56214
|
-
/* @__PURE__ */ (0,
|
|
56299
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "uf-text-left", children: [
|
|
56300
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
56215
56301
|
"div",
|
|
56216
56302
|
{
|
|
56217
56303
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -56222,7 +56308,7 @@ function SelectTokenView({
|
|
|
56222
56308
|
children: token.symbol
|
|
56223
56309
|
}
|
|
56224
56310
|
),
|
|
56225
|
-
/* @__PURE__ */ (0,
|
|
56311
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
|
|
56226
56312
|
"div",
|
|
56227
56313
|
{
|
|
56228
56314
|
className: "uf-text-xs",
|
|
@@ -56238,8 +56324,8 @@ function SelectTokenView({
|
|
|
56238
56324
|
)
|
|
56239
56325
|
] })
|
|
56240
56326
|
] }),
|
|
56241
|
-
/* @__PURE__ */ (0,
|
|
56242
|
-
/* @__PURE__ */ (0,
|
|
56327
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "uf-text-right", children: [
|
|
56328
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
|
|
56243
56329
|
"div",
|
|
56244
56330
|
{
|
|
56245
56331
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -56254,7 +56340,7 @@ function SelectTokenView({
|
|
|
56254
56340
|
]
|
|
56255
56341
|
}
|
|
56256
56342
|
),
|
|
56257
|
-
formattedUsd && /* @__PURE__ */ (0,
|
|
56343
|
+
formattedUsd && /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
|
|
56258
56344
|
"div",
|
|
56259
56345
|
{
|
|
56260
56346
|
className: "uf-text-xs",
|
|
@@ -56274,7 +56360,7 @@ function SelectTokenView({
|
|
|
56274
56360
|
`${token.chain_id}-${token.token_address}-${index2}`
|
|
56275
56361
|
);
|
|
56276
56362
|
}) }) }),
|
|
56277
|
-
/* @__PURE__ */ (0,
|
|
56363
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "uf-pt-4", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
56278
56364
|
"button",
|
|
56279
56365
|
{
|
|
56280
56366
|
onClick: onContinue,
|
|
@@ -56310,8 +56396,8 @@ function EnterAmountView({
|
|
|
56310
56396
|
}) {
|
|
56311
56397
|
const { colors: colors2, fonts, components } = useTheme();
|
|
56312
56398
|
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,
|
|
56399
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
|
|
56400
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
56315
56401
|
DepositHeader,
|
|
56316
56402
|
{
|
|
56317
56403
|
title: "Enter Amount",
|
|
@@ -56321,9 +56407,9 @@ function EnterAmountView({
|
|
|
56321
56407
|
onClose
|
|
56322
56408
|
}
|
|
56323
56409
|
),
|
|
56324
|
-
/* @__PURE__ */ (0,
|
|
56325
|
-
/* @__PURE__ */ (0,
|
|
56326
|
-
/* @__PURE__ */ (0,
|
|
56410
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "uf-text-center uf-py-6", children: [
|
|
56411
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-center", children: [
|
|
56412
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
56327
56413
|
"span",
|
|
56328
56414
|
{
|
|
56329
56415
|
className: "uf-text-2xl uf-mr-1",
|
|
@@ -56331,7 +56417,7 @@ function EnterAmountView({
|
|
|
56331
56417
|
children: "$"
|
|
56332
56418
|
}
|
|
56333
56419
|
),
|
|
56334
|
-
/* @__PURE__ */ (0,
|
|
56420
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
56335
56421
|
"input",
|
|
56336
56422
|
{
|
|
56337
56423
|
type: "text",
|
|
@@ -56359,7 +56445,7 @@ function EnterAmountView({
|
|
|
56359
56445
|
}
|
|
56360
56446
|
)
|
|
56361
56447
|
] }),
|
|
56362
|
-
formattedTokenAmount && /* @__PURE__ */ (0,
|
|
56448
|
+
formattedTokenAmount && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
|
|
56363
56449
|
"div",
|
|
56364
56450
|
{
|
|
56365
56451
|
className: "uf-text-sm uf-mt-2",
|
|
@@ -56371,8 +56457,8 @@ function EnterAmountView({
|
|
|
56371
56457
|
}
|
|
56372
56458
|
)
|
|
56373
56459
|
] }),
|
|
56374
|
-
/* @__PURE__ */ (0,
|
|
56375
|
-
[25, 50, 100, 500].map((quickAmount) => /* @__PURE__ */ (0,
|
|
56460
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "uf-flex uf-gap-2 uf-mb-4", children: [
|
|
56461
|
+
[25, 50, 100, 500].map((quickAmount) => /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
|
|
56376
56462
|
"button",
|
|
56377
56463
|
{
|
|
56378
56464
|
onClick: () => onAmountChange(quickAmount.toString()),
|
|
@@ -56389,7 +56475,7 @@ function EnterAmountView({
|
|
|
56389
56475
|
},
|
|
56390
56476
|
quickAmount
|
|
56391
56477
|
)),
|
|
56392
|
-
/* @__PURE__ */ (0,
|
|
56478
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
56393
56479
|
"button",
|
|
56394
56480
|
{
|
|
56395
56481
|
onClick: onMaxClick,
|
|
@@ -56403,7 +56489,7 @@ function EnterAmountView({
|
|
|
56403
56489
|
}
|
|
56404
56490
|
)
|
|
56405
56491
|
] }),
|
|
56406
|
-
tokenChainDetails && tokenChainDetails.minimum_deposit_amount_usd > 0 && /* @__PURE__ */ (0,
|
|
56492
|
+
tokenChainDetails && tokenChainDetails.minimum_deposit_amount_usd > 0 && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
|
|
56407
56493
|
"div",
|
|
56408
56494
|
{
|
|
56409
56495
|
className: "uf-text-center uf-text-xs uf-mb-3",
|
|
@@ -56414,14 +56500,14 @@ function EnterAmountView({
|
|
|
56414
56500
|
]
|
|
56415
56501
|
}
|
|
56416
56502
|
),
|
|
56417
|
-
inputUsdNum > 0 && /* @__PURE__ */ (0,
|
|
56503
|
+
inputUsdNum > 0 && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_jsx_runtime62.Fragment, { children: inputUsdNum > maxUsdAmount ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
56418
56504
|
"div",
|
|
56419
56505
|
{
|
|
56420
56506
|
className: "uf-text-center uf-text-sm uf-mb-3",
|
|
56421
56507
|
style: { color: colors2.error },
|
|
56422
56508
|
children: "Insufficient balance"
|
|
56423
56509
|
}
|
|
56424
|
-
) : error && /* @__PURE__ */ (0,
|
|
56510
|
+
) : error && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
56425
56511
|
"div",
|
|
56426
56512
|
{
|
|
56427
56513
|
className: "uf-text-center uf-text-sm uf-mb-3 uf-px-2",
|
|
@@ -56429,7 +56515,7 @@ function EnterAmountView({
|
|
|
56429
56515
|
children: error
|
|
56430
56516
|
}
|
|
56431
56517
|
) }),
|
|
56432
|
-
/* @__PURE__ */ (0,
|
|
56518
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
56433
56519
|
"button",
|
|
56434
56520
|
{
|
|
56435
56521
|
onClick: onReview,
|
|
@@ -56465,8 +56551,8 @@ function ReviewView({
|
|
|
56465
56551
|
onClose
|
|
56466
56552
|
}) {
|
|
56467
56553
|
const { colors: colors2, fonts, components } = useTheme();
|
|
56468
|
-
return /* @__PURE__ */ (0,
|
|
56469
|
-
/* @__PURE__ */ (0,
|
|
56554
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-flex uf-flex-col uf-min-h-[400px]", children: [
|
|
56555
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
56470
56556
|
DepositHeader,
|
|
56471
56557
|
{
|
|
56472
56558
|
title: "Review",
|
|
@@ -56475,8 +56561,8 @@ function ReviewView({
|
|
|
56475
56561
|
onClose
|
|
56476
56562
|
}
|
|
56477
56563
|
),
|
|
56478
|
-
/* @__PURE__ */ (0,
|
|
56479
|
-
/* @__PURE__ */ (0,
|
|
56564
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-text-center", children: [
|
|
56565
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
56480
56566
|
"div",
|
|
56481
56567
|
{
|
|
56482
56568
|
className: "uf-text-4xl uf-font-medium",
|
|
@@ -56487,7 +56573,7 @@ function ReviewView({
|
|
|
56487
56573
|
]
|
|
56488
56574
|
}
|
|
56489
56575
|
),
|
|
56490
|
-
formattedTokenAmount && /* @__PURE__ */ (0,
|
|
56576
|
+
formattedTokenAmount && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
56491
56577
|
"div",
|
|
56492
56578
|
{
|
|
56493
56579
|
className: "uf-text-sm uf-mt-2",
|
|
@@ -56499,14 +56585,14 @@ function ReviewView({
|
|
|
56499
56585
|
}
|
|
56500
56586
|
)
|
|
56501
56587
|
] }),
|
|
56502
|
-
/* @__PURE__ */ (0,
|
|
56588
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
56503
56589
|
"div",
|
|
56504
56590
|
{
|
|
56505
56591
|
className: "uf-p-4 uf-space-y-4 uf-mt-4",
|
|
56506
56592
|
style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` },
|
|
56507
56593
|
children: [
|
|
56508
|
-
/* @__PURE__ */ (0,
|
|
56509
|
-
/* @__PURE__ */ (0,
|
|
56594
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-flex uf-justify-between uf-items-center", children: [
|
|
56595
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
56510
56596
|
"span",
|
|
56511
56597
|
{
|
|
56512
56598
|
className: "uf-text-sm",
|
|
@@ -56514,8 +56600,8 @@ function ReviewView({
|
|
|
56514
56600
|
children: "Source"
|
|
56515
56601
|
}
|
|
56516
56602
|
),
|
|
56517
|
-
/* @__PURE__ */ (0,
|
|
56518
|
-
getIconUrl2(selectedToken.icon_url, assetCdnUrl) && /* @__PURE__ */ (0,
|
|
56603
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
56604
|
+
getIconUrl2(selectedToken.icon_url, assetCdnUrl) && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
56519
56605
|
"img",
|
|
56520
56606
|
{
|
|
56521
56607
|
src: getIconUrl2(selectedToken.icon_url, assetCdnUrl),
|
|
@@ -56523,7 +56609,7 @@ function ReviewView({
|
|
|
56523
56609
|
className: "uf-w-5 uf-h-5 uf-rounded-full"
|
|
56524
56610
|
}
|
|
56525
56611
|
),
|
|
56526
|
-
/* @__PURE__ */ (0,
|
|
56612
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
56527
56613
|
"span",
|
|
56528
56614
|
{
|
|
56529
56615
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -56538,8 +56624,8 @@ function ReviewView({
|
|
|
56538
56624
|
)
|
|
56539
56625
|
] })
|
|
56540
56626
|
] }),
|
|
56541
|
-
/* @__PURE__ */ (0,
|
|
56542
|
-
/* @__PURE__ */ (0,
|
|
56627
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-flex uf-justify-between uf-items-center", children: [
|
|
56628
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
56543
56629
|
"span",
|
|
56544
56630
|
{
|
|
56545
56631
|
className: "uf-text-sm",
|
|
@@ -56547,7 +56633,7 @@ function ReviewView({
|
|
|
56547
56633
|
children: "Destination"
|
|
56548
56634
|
}
|
|
56549
56635
|
),
|
|
56550
|
-
/* @__PURE__ */ (0,
|
|
56636
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
56551
56637
|
"span",
|
|
56552
56638
|
{
|
|
56553
56639
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -56556,13 +56642,13 @@ function ReviewView({
|
|
|
56556
56642
|
}
|
|
56557
56643
|
)
|
|
56558
56644
|
] }),
|
|
56559
|
-
/* @__PURE__ */ (0,
|
|
56645
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
56560
56646
|
"button",
|
|
56561
56647
|
{
|
|
56562
56648
|
onClick: onToggleDetails,
|
|
56563
56649
|
className: "uf-w-full uf-flex uf-justify-between uf-items-center uf-transition-colors hover:uf-opacity-80",
|
|
56564
56650
|
children: [
|
|
56565
|
-
/* @__PURE__ */ (0,
|
|
56651
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
56566
56652
|
"span",
|
|
56567
56653
|
{
|
|
56568
56654
|
className: "uf-text-sm",
|
|
@@ -56570,8 +56656,8 @@ function ReviewView({
|
|
|
56570
56656
|
children: "Estimated time"
|
|
56571
56657
|
}
|
|
56572
56658
|
),
|
|
56573
|
-
/* @__PURE__ */ (0,
|
|
56574
|
-
/* @__PURE__ */ (0,
|
|
56659
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
56660
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
56575
56661
|
"span",
|
|
56576
56662
|
{
|
|
56577
56663
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -56581,13 +56667,13 @@ function ReviewView({
|
|
|
56581
56667
|
)
|
|
56582
56668
|
}
|
|
56583
56669
|
),
|
|
56584
|
-
showTransactionDetails ? /* @__PURE__ */ (0,
|
|
56670
|
+
showTransactionDetails ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
56585
56671
|
ChevronUp,
|
|
56586
56672
|
{
|
|
56587
56673
|
className: "uf-w-4 uf-h-4",
|
|
56588
56674
|
style: { color: colors2.foregroundMuted }
|
|
56589
56675
|
}
|
|
56590
|
-
) : /* @__PURE__ */ (0,
|
|
56676
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
56591
56677
|
ChevronDown,
|
|
56592
56678
|
{
|
|
56593
56679
|
className: "uf-w-4 uf-h-4",
|
|
@@ -56598,14 +56684,14 @@ function ReviewView({
|
|
|
56598
56684
|
]
|
|
56599
56685
|
}
|
|
56600
56686
|
),
|
|
56601
|
-
showTransactionDetails && tokenChainDetails && /* @__PURE__ */ (0,
|
|
56602
|
-
/* @__PURE__ */ (0,
|
|
56687
|
+
showTransactionDetails && tokenChainDetails && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
|
|
56688
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
56603
56689
|
"div",
|
|
56604
56690
|
{
|
|
56605
56691
|
className: "uf-flex uf-justify-between uf-items-center uf-pt-3 uf-border-t",
|
|
56606
56692
|
style: { borderColor: colors2.border },
|
|
56607
56693
|
children: [
|
|
56608
|
-
/* @__PURE__ */ (0,
|
|
56694
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
56609
56695
|
"span",
|
|
56610
56696
|
{
|
|
56611
56697
|
className: "uf-text-sm",
|
|
@@ -56616,7 +56702,7 @@ function ReviewView({
|
|
|
56616
56702
|
children: "Price impact"
|
|
56617
56703
|
}
|
|
56618
56704
|
),
|
|
56619
|
-
/* @__PURE__ */ (0,
|
|
56705
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
56620
56706
|
"span",
|
|
56621
56707
|
{
|
|
56622
56708
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -56630,8 +56716,8 @@ function ReviewView({
|
|
|
56630
56716
|
]
|
|
56631
56717
|
}
|
|
56632
56718
|
),
|
|
56633
|
-
/* @__PURE__ */ (0,
|
|
56634
|
-
/* @__PURE__ */ (0,
|
|
56719
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-flex uf-justify-between uf-items-center", children: [
|
|
56720
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
56635
56721
|
"span",
|
|
56636
56722
|
{
|
|
56637
56723
|
className: "uf-text-sm",
|
|
@@ -56642,7 +56728,7 @@ function ReviewView({
|
|
|
56642
56728
|
children: "Max slippage"
|
|
56643
56729
|
}
|
|
56644
56730
|
),
|
|
56645
|
-
/* @__PURE__ */ (0,
|
|
56731
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
56646
56732
|
"span",
|
|
56647
56733
|
{
|
|
56648
56734
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -56658,7 +56744,7 @@ function ReviewView({
|
|
|
56658
56744
|
]
|
|
56659
56745
|
}
|
|
56660
56746
|
),
|
|
56661
|
-
error && /* @__PURE__ */ (0,
|
|
56747
|
+
error && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
56662
56748
|
"div",
|
|
56663
56749
|
{
|
|
56664
56750
|
className: "uf-text-center uf-text-sm uf-mt-4 uf-px-2",
|
|
@@ -56666,7 +56752,7 @@ function ReviewView({
|
|
|
56666
56752
|
children: error
|
|
56667
56753
|
}
|
|
56668
56754
|
),
|
|
56669
|
-
/* @__PURE__ */ (0,
|
|
56755
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
56670
56756
|
"div",
|
|
56671
56757
|
{
|
|
56672
56758
|
className: "uf-text-xs uf-text-center uf-mt-4 uf-px-4",
|
|
@@ -56677,7 +56763,7 @@ function ReviewView({
|
|
|
56677
56763
|
]
|
|
56678
56764
|
}
|
|
56679
56765
|
),
|
|
56680
|
-
/* @__PURE__ */ (0,
|
|
56766
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "uf-pt-4", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
56681
56767
|
"button",
|
|
56682
56768
|
{
|
|
56683
56769
|
onClick: onConfirm,
|
|
@@ -56708,23 +56794,23 @@ function ConfirmingView({
|
|
|
56708
56794
|
const visibleExecutions = executions.filter(
|
|
56709
56795
|
(execution) => !closedExecutionIds.has(execution.id)
|
|
56710
56796
|
);
|
|
56711
|
-
return /* @__PURE__ */ (0,
|
|
56712
|
-
/* @__PURE__ */ (0,
|
|
56797
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "uf-flex uf-flex-col uf-min-h-[400px] uf-relative", children: [
|
|
56798
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
56713
56799
|
DepositHeader,
|
|
56714
56800
|
{
|
|
56715
56801
|
title: isConfirming ? "Confirming..." : "Processing",
|
|
56716
56802
|
onClose
|
|
56717
56803
|
}
|
|
56718
56804
|
),
|
|
56719
|
-
/* @__PURE__ */ (0,
|
|
56720
|
-
/* @__PURE__ */ (0,
|
|
56805
|
+
/* @__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: [
|
|
56806
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
56721
56807
|
LoaderCircle,
|
|
56722
56808
|
{
|
|
56723
56809
|
className: "uf-w-12 uf-h-12 uf-animate-spin uf-mb-4",
|
|
56724
56810
|
style: { color: colors2.primary }
|
|
56725
56811
|
}
|
|
56726
56812
|
),
|
|
56727
|
-
/* @__PURE__ */ (0,
|
|
56813
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
56728
56814
|
"div",
|
|
56729
56815
|
{
|
|
56730
56816
|
className: "uf-text-lg uf-font-medium",
|
|
@@ -56732,7 +56818,7 @@ function ConfirmingView({
|
|
|
56732
56818
|
children: "Waiting for confirmation..."
|
|
56733
56819
|
}
|
|
56734
56820
|
),
|
|
56735
|
-
/* @__PURE__ */ (0,
|
|
56821
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
56736
56822
|
"div",
|
|
56737
56823
|
{
|
|
56738
56824
|
className: "uf-text-sm uf-mt-2 uf-text-center uf-px-6",
|
|
@@ -56740,15 +56826,15 @@ function ConfirmingView({
|
|
|
56740
56826
|
children: "Please confirm the transaction in your wallet"
|
|
56741
56827
|
}
|
|
56742
56828
|
)
|
|
56743
|
-
] }) : /* @__PURE__ */ (0,
|
|
56744
|
-
/* @__PURE__ */ (0,
|
|
56829
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_jsx_runtime64.Fragment, { children: [
|
|
56830
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
56745
56831
|
CircleCheck,
|
|
56746
56832
|
{
|
|
56747
56833
|
className: "uf-w-12 uf-h-12 uf-mb-4",
|
|
56748
56834
|
style: { color: colors2.primary }
|
|
56749
56835
|
}
|
|
56750
56836
|
),
|
|
56751
|
-
/* @__PURE__ */ (0,
|
|
56837
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
56752
56838
|
"div",
|
|
56753
56839
|
{
|
|
56754
56840
|
className: "uf-text-lg uf-font-medium",
|
|
@@ -56756,7 +56842,7 @@ function ConfirmingView({
|
|
|
56756
56842
|
children: "Transaction Submitted"
|
|
56757
56843
|
}
|
|
56758
56844
|
),
|
|
56759
|
-
/* @__PURE__ */ (0,
|
|
56845
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
56760
56846
|
"div",
|
|
56761
56847
|
{
|
|
56762
56848
|
className: "uf-text-sm uf-mt-2 uf-text-center uf-px-6",
|
|
@@ -56765,7 +56851,7 @@ function ConfirmingView({
|
|
|
56765
56851
|
}
|
|
56766
56852
|
)
|
|
56767
56853
|
] }) }),
|
|
56768
|
-
visibleExecutions.length > 0 && /* @__PURE__ */ (0,
|
|
56854
|
+
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
56855
|
DepositSuccessToast,
|
|
56770
56856
|
{
|
|
56771
56857
|
depositTx: execution.transaction_hash,
|
|
@@ -57267,7 +57353,7 @@ function BrowserWalletModal({
|
|
|
57267
57353
|
""
|
|
57268
57354
|
);
|
|
57269
57355
|
}, [tokenAmount, selectedToken]);
|
|
57270
|
-
return /* @__PURE__ */ (0,
|
|
57356
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_jsx_runtime65.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
57271
57357
|
Dialog2,
|
|
57272
57358
|
{
|
|
57273
57359
|
open,
|
|
@@ -57277,15 +57363,15 @@ function BrowserWalletModal({
|
|
|
57277
57363
|
}
|
|
57278
57364
|
handleClose();
|
|
57279
57365
|
},
|
|
57280
|
-
children: /* @__PURE__ */ (0,
|
|
57366
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
57281
57367
|
DialogContent2,
|
|
57282
57368
|
{
|
|
57283
57369
|
className: `sm:uf-max-w-[400px] uf-border-secondary uf-text-foreground uf-p-0 uf-gap-0 [&>button]:uf-hidden ${themeClass}`,
|
|
57284
57370
|
style: { backgroundColor: colors2.background },
|
|
57285
57371
|
onPointerDownOutside: (e) => e.preventDefault(),
|
|
57286
57372
|
onInteractOutside: (e) => e.preventDefault(),
|
|
57287
|
-
children: /* @__PURE__ */ (0,
|
|
57288
|
-
step === "select-token" && /* @__PURE__ */ (0,
|
|
57373
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(ThemeStyleInjector, { children: [
|
|
57374
|
+
step === "select-token" && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
57289
57375
|
SelectTokenView,
|
|
57290
57376
|
{
|
|
57291
57377
|
projectName,
|
|
@@ -57301,7 +57387,7 @@ function BrowserWalletModal({
|
|
|
57301
57387
|
onClose: handleFullClose
|
|
57302
57388
|
}
|
|
57303
57389
|
),
|
|
57304
|
-
step === "input-amount" && selectedToken && selectedBalance && /* @__PURE__ */ (0,
|
|
57390
|
+
step === "input-amount" && selectedToken && selectedBalance && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
57305
57391
|
EnterAmountView,
|
|
57306
57392
|
{
|
|
57307
57393
|
selectedBalance,
|
|
@@ -57320,7 +57406,7 @@ function BrowserWalletModal({
|
|
|
57320
57406
|
onClose: handleFullClose
|
|
57321
57407
|
}
|
|
57322
57408
|
),
|
|
57323
|
-
step === "review" && selectedToken && /* @__PURE__ */ (0,
|
|
57409
|
+
step === "review" && selectedToken && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
57324
57410
|
ReviewView,
|
|
57325
57411
|
{
|
|
57326
57412
|
walletInfo,
|
|
@@ -57340,7 +57426,7 @@ function BrowserWalletModal({
|
|
|
57340
57426
|
onClose: handleFullClose
|
|
57341
57427
|
}
|
|
57342
57428
|
),
|
|
57343
|
-
step === "confirming" && /* @__PURE__ */ (0,
|
|
57429
|
+
step === "confirming" && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
57344
57430
|
ConfirmingView,
|
|
57345
57431
|
{
|
|
57346
57432
|
isConfirming,
|
|
@@ -57431,6 +57517,7 @@ var WALLET_DEFINITIONS = [
|
|
|
57431
57517
|
installUrl: "https://glow.app/"
|
|
57432
57518
|
}
|
|
57433
57519
|
];
|
|
57520
|
+
var WALLET_LIST_MAX_HEIGHT_PX = 330;
|
|
57434
57521
|
function WalletSelectionModal({
|
|
57435
57522
|
open,
|
|
57436
57523
|
onOpenChange,
|
|
@@ -57439,14 +57526,13 @@ function WalletSelectionModal({
|
|
|
57439
57526
|
chainType,
|
|
57440
57527
|
theme = "dark"
|
|
57441
57528
|
}) {
|
|
57442
|
-
const { colors: colors2, fonts, components
|
|
57529
|
+
const { colors: colors2, fonts, components } = useTheme();
|
|
57443
57530
|
const [step, setStep] = React272.useState("select-wallet");
|
|
57444
57531
|
const [selectedWallet, setSelectedWallet] = React272.useState(null);
|
|
57445
57532
|
const [connectingNetwork, setConnectingNetwork] = React272.useState(null);
|
|
57446
57533
|
const [error, setError] = React272.useState(null);
|
|
57447
57534
|
const [isConnecting, setIsConnecting] = React272.useState(false);
|
|
57448
57535
|
const themeClass = theme === "dark" ? "uf-dark" : "";
|
|
57449
|
-
const iconVariant = mode === "dark" ? "light" : "dark";
|
|
57450
57536
|
const getProviders = React272.useCallback(() => {
|
|
57451
57537
|
if (typeof window === "undefined") {
|
|
57452
57538
|
return {};
|
|
@@ -57710,6 +57796,7 @@ function WalletSelectionModal({
|
|
|
57710
57796
|
setSelectedWallet(null);
|
|
57711
57797
|
setConnectingNetwork(null);
|
|
57712
57798
|
setError(null);
|
|
57799
|
+
setIsConnecting(false);
|
|
57713
57800
|
} else {
|
|
57714
57801
|
handleClose();
|
|
57715
57802
|
}
|
|
@@ -57730,15 +57817,15 @@ function WalletSelectionModal({
|
|
|
57730
57817
|
return "Connect Wallet";
|
|
57731
57818
|
}
|
|
57732
57819
|
};
|
|
57733
|
-
return /* @__PURE__ */ (0,
|
|
57820
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Dialog2, { open, onOpenChange: handleClose, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57734
57821
|
DialogContent2,
|
|
57735
57822
|
{
|
|
57736
|
-
className: `sm:uf-max-w-[400px] uf-border-secondary uf-text-foreground uf-p-0 uf-gap-0 [&>button]:uf-hidden ${themeClass}`,
|
|
57823
|
+
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
57824
|
style: { backgroundColor: colors2.background },
|
|
57738
57825
|
onPointerDownOutside: (e) => e.preventDefault(),
|
|
57739
57826
|
onInteractOutside: (e) => e.preventDefault(),
|
|
57740
|
-
children: /* @__PURE__ */ (0,
|
|
57741
|
-
/* @__PURE__ */ (0,
|
|
57827
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(ThemeStyleInjector, { className: "uf-flex uf-min-h-0 uf-flex-1 uf-flex-col", children: [
|
|
57828
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57742
57829
|
DepositHeader,
|
|
57743
57830
|
{
|
|
57744
57831
|
title: getTitle(),
|
|
@@ -57747,9 +57834,9 @@ function WalletSelectionModal({
|
|
|
57747
57834
|
onClose: handleClose
|
|
57748
57835
|
}
|
|
57749
57836
|
),
|
|
57750
|
-
/* @__PURE__ */ (0,
|
|
57751
|
-
step === "select-wallet" && /* @__PURE__ */ (0,
|
|
57752
|
-
/* @__PURE__ */ (0,
|
|
57837
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-min-h-0 uf-flex-1 uf-flex-col", children: [
|
|
57838
|
+
step === "select-wallet" && /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-shrink-0 uf-flex-col", children: [
|
|
57839
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57753
57840
|
"p",
|
|
57754
57841
|
{
|
|
57755
57842
|
className: "uf-text-sm uf-text-center uf-pb-4",
|
|
@@ -57760,87 +57847,96 @@ function WalletSelectionModal({
|
|
|
57760
57847
|
children: chainType ? `Select a ${chainType === "ethereum" ? "Ethereum" : "Solana"} wallet` : "Select a wallet to connect"
|
|
57761
57848
|
}
|
|
57762
57849
|
),
|
|
57763
|
-
/* @__PURE__ */ (0,
|
|
57764
|
-
"
|
|
57850
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57851
|
+
"div",
|
|
57765
57852
|
{
|
|
57766
|
-
className: "uf-
|
|
57853
|
+
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
57854
|
style: {
|
|
57768
|
-
|
|
57769
|
-
|
|
57855
|
+
height: `min(${WALLET_LIST_MAX_HEIGHT_PX}px, 50dvh)`,
|
|
57856
|
+
maxHeight: WALLET_LIST_MAX_HEIGHT_PX
|
|
57770
57857
|
},
|
|
57771
|
-
children: "
|
|
57858
|
+
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)(
|
|
57859
|
+
"p",
|
|
57860
|
+
{
|
|
57861
|
+
className: "uf-text-sm",
|
|
57862
|
+
style: {
|
|
57863
|
+
color: colors2.foregroundMuted,
|
|
57864
|
+
fontFamily: fonts.regular
|
|
57865
|
+
},
|
|
57866
|
+
children: "No wallets available"
|
|
57867
|
+
}
|
|
57868
|
+
) }) : availableWallets.map((wallet) => /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
|
|
57869
|
+
"button",
|
|
57870
|
+
{
|
|
57871
|
+
onClick: () => handleWalletClick(wallet),
|
|
57872
|
+
disabled: isConnecting,
|
|
57873
|
+
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",
|
|
57874
|
+
style: {
|
|
57875
|
+
backgroundColor: components.card.backgroundColor,
|
|
57876
|
+
borderRadius: components.card.borderRadius,
|
|
57877
|
+
border: `${components.card.borderWidth}px solid ${components.card.borderColor}`
|
|
57878
|
+
},
|
|
57879
|
+
children: [
|
|
57880
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
|
|
57881
|
+
WALLET_ICONS[wallet.id] ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57882
|
+
WalletIconWithNetwork,
|
|
57883
|
+
{
|
|
57884
|
+
WalletIcon: WALLET_ICONS[wallet.id],
|
|
57885
|
+
networks: wallet.networks,
|
|
57886
|
+
size: 40,
|
|
57887
|
+
className: "uf-rounded-lg"
|
|
57888
|
+
}
|
|
57889
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-w-10 uf-h-10 uf-rounded-lg uf-bg-gray-500" }),
|
|
57890
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-text-left", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57891
|
+
"div",
|
|
57892
|
+
{
|
|
57893
|
+
className: "uf-text-sm uf-font-medium",
|
|
57894
|
+
style: {
|
|
57895
|
+
color: components.card.titleColor,
|
|
57896
|
+
fontFamily: fonts.medium
|
|
57897
|
+
},
|
|
57898
|
+
children: wallet.name
|
|
57899
|
+
}
|
|
57900
|
+
) })
|
|
57901
|
+
] }),
|
|
57902
|
+
/* @__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)(
|
|
57903
|
+
"span",
|
|
57904
|
+
{
|
|
57905
|
+
className: "uf-text-xs uf-px-2 uf-py-1 uf-rounded-full",
|
|
57906
|
+
style: {
|
|
57907
|
+
backgroundColor: colors2.primary + "20",
|
|
57908
|
+
color: colors2.primary,
|
|
57909
|
+
fontFamily: fonts.medium
|
|
57910
|
+
},
|
|
57911
|
+
children: "Detected"
|
|
57912
|
+
}
|
|
57913
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-1", children: [
|
|
57914
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57915
|
+
"span",
|
|
57916
|
+
{
|
|
57917
|
+
className: "uf-text-xs",
|
|
57918
|
+
style: {
|
|
57919
|
+
color: colors2.foregroundMuted,
|
|
57920
|
+
fontFamily: fonts.regular
|
|
57921
|
+
},
|
|
57922
|
+
children: "Install"
|
|
57923
|
+
}
|
|
57924
|
+
),
|
|
57925
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57926
|
+
ExternalLink,
|
|
57927
|
+
{
|
|
57928
|
+
className: "uf-w-3 uf-h-3",
|
|
57929
|
+
style: { color: colors2.foregroundMuted }
|
|
57930
|
+
}
|
|
57931
|
+
)
|
|
57932
|
+
] }) })
|
|
57933
|
+
]
|
|
57934
|
+
},
|
|
57935
|
+
wallet.id
|
|
57936
|
+
))
|
|
57772
57937
|
}
|
|
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)(
|
|
57938
|
+
),
|
|
57939
|
+
error && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57844
57940
|
"div",
|
|
57845
57941
|
{
|
|
57846
57942
|
className: "uf-text-center uf-text-sm uf-mt-4 uf-px-4",
|
|
@@ -57849,19 +57945,18 @@ function WalletSelectionModal({
|
|
|
57849
57945
|
}
|
|
57850
57946
|
)
|
|
57851
57947
|
] }),
|
|
57852
|
-
step === "select-network" && selectedWallet && /* @__PURE__ */ (0,
|
|
57853
|
-
/* @__PURE__ */ (0,
|
|
57854
|
-
/* @__PURE__ */ (0,
|
|
57948
|
+
step === "select-network" && selectedWallet && /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-shrink-0 uf-flex-col", children: [
|
|
57949
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-pb-4", children: [
|
|
57950
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-mb-2", children: WALLET_ICONS[selectedWallet.id] ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57855
57951
|
WalletIconWithNetwork,
|
|
57856
57952
|
{
|
|
57857
57953
|
WalletIcon: WALLET_ICONS[selectedWallet.id],
|
|
57858
57954
|
networks: selectedWallet.networks,
|
|
57859
57955
|
size: 48,
|
|
57860
|
-
className: "uf-rounded-lg"
|
|
57861
|
-
variant: iconVariant
|
|
57956
|
+
className: "uf-rounded-lg"
|
|
57862
57957
|
}
|
|
57863
|
-
) : /* @__PURE__ */ (0,
|
|
57864
|
-
/* @__PURE__ */ (0,
|
|
57958
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-w-12 uf-h-12 uf-rounded-lg uf-bg-gray-500" }) }),
|
|
57959
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57865
57960
|
"p",
|
|
57866
57961
|
{
|
|
57867
57962
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -57872,7 +57967,7 @@ function WalletSelectionModal({
|
|
|
57872
57967
|
children: selectedWallet.name
|
|
57873
57968
|
}
|
|
57874
57969
|
),
|
|
57875
|
-
/* @__PURE__ */ (0,
|
|
57970
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57876
57971
|
"p",
|
|
57877
57972
|
{
|
|
57878
57973
|
className: "uf-text-xs",
|
|
@@ -57884,7 +57979,7 @@ function WalletSelectionModal({
|
|
|
57884
57979
|
}
|
|
57885
57980
|
)
|
|
57886
57981
|
] }),
|
|
57887
|
-
/* @__PURE__ */ (0,
|
|
57982
|
+
/* @__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
57983
|
"button",
|
|
57889
57984
|
{
|
|
57890
57985
|
onClick: () => handleNetworkSelect(network),
|
|
@@ -57896,16 +57991,16 @@ function WalletSelectionModal({
|
|
|
57896
57991
|
border: `${components.card.borderWidth}px solid ${components.card.borderColor}`
|
|
57897
57992
|
},
|
|
57898
57993
|
children: [
|
|
57899
|
-
/* @__PURE__ */ (0,
|
|
57900
|
-
network === "ethereum" ? /* @__PURE__ */ (0,
|
|
57994
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
|
|
57995
|
+
network === "ethereum" ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57901
57996
|
EthereumIcon,
|
|
57902
57997
|
{
|
|
57903
57998
|
size: 36,
|
|
57904
57999
|
className: "uf-rounded-full"
|
|
57905
58000
|
}
|
|
57906
|
-
) : /* @__PURE__ */ (0,
|
|
57907
|
-
/* @__PURE__ */ (0,
|
|
57908
|
-
/* @__PURE__ */ (0,
|
|
58001
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(SolanaIcon, { size: 36, className: "uf-rounded-full" }),
|
|
58002
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-text-left", children: [
|
|
58003
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57909
58004
|
"div",
|
|
57910
58005
|
{
|
|
57911
58006
|
className: "uf-text-sm uf-font-medium uf-capitalize",
|
|
@@ -57916,7 +58011,7 @@ function WalletSelectionModal({
|
|
|
57916
58011
|
children: network === "ethereum" ? "Ethereum" : "Solana"
|
|
57917
58012
|
}
|
|
57918
58013
|
),
|
|
57919
|
-
/* @__PURE__ */ (0,
|
|
58014
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57920
58015
|
"div",
|
|
57921
58016
|
{
|
|
57922
58017
|
className: "uf-text-xs",
|
|
@@ -57929,7 +58024,7 @@ function WalletSelectionModal({
|
|
|
57929
58024
|
)
|
|
57930
58025
|
] })
|
|
57931
58026
|
] }),
|
|
57932
|
-
connectingNetwork === network && /* @__PURE__ */ (0,
|
|
58027
|
+
connectingNetwork === network && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57933
58028
|
LoaderCircle,
|
|
57934
58029
|
{
|
|
57935
58030
|
className: "uf-w-4 uf-h-4 uf-animate-spin",
|
|
@@ -57940,7 +58035,7 @@ function WalletSelectionModal({
|
|
|
57940
58035
|
},
|
|
57941
58036
|
network
|
|
57942
58037
|
)) }),
|
|
57943
|
-
error && /* @__PURE__ */ (0,
|
|
58038
|
+
error && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57944
58039
|
"div",
|
|
57945
58040
|
{
|
|
57946
58041
|
className: "uf-text-center uf-text-sm uf-mt-4 uf-px-4",
|
|
@@ -57949,15 +58044,15 @@ function WalletSelectionModal({
|
|
|
57949
58044
|
}
|
|
57950
58045
|
)
|
|
57951
58046
|
] }),
|
|
57952
|
-
step === "connecting" && /* @__PURE__ */ (0,
|
|
57953
|
-
/* @__PURE__ */ (0,
|
|
58047
|
+
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: [
|
|
58048
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57954
58049
|
LoaderCircle,
|
|
57955
58050
|
{
|
|
57956
58051
|
className: "uf-w-12 uf-h-12 uf-animate-spin uf-mb-4",
|
|
57957
58052
|
style: { color: colors2.primary }
|
|
57958
58053
|
}
|
|
57959
58054
|
),
|
|
57960
|
-
/* @__PURE__ */ (0,
|
|
58055
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
|
|
57961
58056
|
"div",
|
|
57962
58057
|
{
|
|
57963
58058
|
className: "uf-text-lg uf-font-medium",
|
|
@@ -57969,7 +58064,7 @@ function WalletSelectionModal({
|
|
|
57969
58064
|
]
|
|
57970
58065
|
}
|
|
57971
58066
|
),
|
|
57972
|
-
/* @__PURE__ */ (0,
|
|
58067
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
57973
58068
|
"div",
|
|
57974
58069
|
{
|
|
57975
58070
|
className: "uf-text-sm uf-mt-2",
|
|
@@ -57977,7 +58072,22 @@ function WalletSelectionModal({
|
|
|
57977
58072
|
children: connectingNetwork === "solana" ? "Please approve the connection in your Solana wallet" : "Please approve the connection in your wallet"
|
|
57978
58073
|
}
|
|
57979
58074
|
)
|
|
57980
|
-
] })
|
|
58075
|
+
] }) }),
|
|
58076
|
+
step !== "connecting" && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-min-h-0 uf-flex-1", "aria-hidden": true }),
|
|
58077
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
58078
|
+
"div",
|
|
58079
|
+
{
|
|
58080
|
+
className: "uf-shrink-0 uf-pt-3 uf-pb-4",
|
|
58081
|
+
style: { backgroundColor: colors2.background },
|
|
58082
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
58083
|
+
PoweredByUnifold,
|
|
58084
|
+
{
|
|
58085
|
+
color: colors2.foregroundMuted,
|
|
58086
|
+
className: "uf-flex uf-justify-center uf-shrink-0"
|
|
58087
|
+
}
|
|
58088
|
+
)
|
|
58089
|
+
}
|
|
58090
|
+
)
|
|
57981
58091
|
] })
|
|
57982
58092
|
] })
|
|
57983
58093
|
}
|
|
@@ -57986,23 +58096,23 @@ function WalletSelectionModal({
|
|
|
57986
58096
|
function SkeletonButton({
|
|
57987
58097
|
variant = "default"
|
|
57988
58098
|
}) {
|
|
57989
|
-
return /* @__PURE__ */ (0,
|
|
57990
|
-
/* @__PURE__ */ (0,
|
|
57991
|
-
/* @__PURE__ */ (0,
|
|
57992
|
-
/* @__PURE__ */ (0,
|
|
57993
|
-
/* @__PURE__ */ (0,
|
|
57994
|
-
/* @__PURE__ */ (0,
|
|
58099
|
+
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: [
|
|
58100
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
|
|
58101
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "uf-bg-muted uf-rounded-lg uf-w-9 uf-h-9" }),
|
|
58102
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "uf-space-y-1.5", children: [
|
|
58103
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "uf-h-3.5 uf-w-24 uf-bg-muted uf-rounded" }),
|
|
58104
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "uf-h-3 uf-w-32 uf-bg-muted uf-rounded" })
|
|
57995
58105
|
] })
|
|
57996
58106
|
] }),
|
|
57997
|
-
/* @__PURE__ */ (0,
|
|
57998
|
-
variant === "with-icons" && /* @__PURE__ */ (0,
|
|
58107
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
58108
|
+
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
58109
|
"div",
|
|
58000
58110
|
{
|
|
58001
58111
|
className: "uf-w-5 uf-h-5 uf-rounded-full uf-bg-muted uf-border-2 uf-border-secondary"
|
|
58002
58112
|
},
|
|
58003
58113
|
i
|
|
58004
58114
|
)) }),
|
|
58005
|
-
/* @__PURE__ */ (0,
|
|
58115
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ChevronRight, { className: "uf-w-4 uf-h-4 uf-text-muted" })
|
|
58006
58116
|
] })
|
|
58007
58117
|
] });
|
|
58008
58118
|
}
|
|
@@ -58024,11 +58134,18 @@ function DepositModal({
|
|
|
58024
58134
|
depositConfirmationMode = "auto_ui",
|
|
58025
58135
|
enableConnectWallet = false,
|
|
58026
58136
|
enablePayWithExchange,
|
|
58137
|
+
hideDepositFlowInfo = false,
|
|
58138
|
+
hideDisplayDescription = false,
|
|
58027
58139
|
onDepositSuccess,
|
|
58028
58140
|
onDepositError,
|
|
58029
58141
|
theme = "dark",
|
|
58030
58142
|
hideOverlay = false,
|
|
58031
|
-
initialScreen = "main"
|
|
58143
|
+
initialScreen = "main",
|
|
58144
|
+
transferCryptoTitle = t6.transferCrypto.title,
|
|
58145
|
+
depositWithCardTitle = t6.depositWithCard.title,
|
|
58146
|
+
payWithExchangeTitle = t6.payWithExchange.title,
|
|
58147
|
+
depositTrackerTitle = t6.depositTracker.title,
|
|
58148
|
+
depositTrackerSubTitle = t6.depositTracker.subtitle
|
|
58032
58149
|
}) {
|
|
58033
58150
|
const { colors: colors2, fonts, components } = useTheme();
|
|
58034
58151
|
const effectiveInitialScreen = (0, import_react3.useMemo)(() => {
|
|
@@ -58168,28 +58285,28 @@ function DepositModal({
|
|
|
58168
58285
|
const standaloneNeedsDepositPrereq = openingScreen !== "main" && (view === "transfer" || view === "card");
|
|
58169
58286
|
let depositPrerequisiteBody;
|
|
58170
58287
|
if (isCountryLoading || isAddressValidationLoading || tokensLoading || walletsLoading || !projectConfig) {
|
|
58171
|
-
depositPrerequisiteBody = standaloneNeedsDepositPrereq ? /* @__PURE__ */ (0,
|
|
58172
|
-
/* @__PURE__ */ (0,
|
|
58173
|
-
/* @__PURE__ */ (0,
|
|
58174
|
-
!hideDepositTracker && /* @__PURE__ */ (0,
|
|
58288
|
+
depositPrerequisiteBody = standaloneNeedsDepositPrereq ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(SkeletonButton, { variant: "with-icons" }) : /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
|
|
58289
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(SkeletonButton, { variant: "with-icons" }),
|
|
58290
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(SkeletonButton, { variant: "with-icons" }),
|
|
58291
|
+
!hideDepositTracker && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(SkeletonButton, {})
|
|
58175
58292
|
] });
|
|
58176
58293
|
} else if (countryError) {
|
|
58177
|
-
depositPrerequisiteBody = /* @__PURE__ */ (0,
|
|
58178
|
-
/* @__PURE__ */ (0,
|
|
58179
|
-
/* @__PURE__ */ (0,
|
|
58180
|
-
/* @__PURE__ */ (0,
|
|
58294
|
+
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: [
|
|
58295
|
+
/* @__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" }) }),
|
|
58296
|
+
/* @__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" }),
|
|
58297
|
+
/* @__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
58298
|
] });
|
|
58182
58299
|
} else if (!isAllowed) {
|
|
58183
|
-
depositPrerequisiteBody = /* @__PURE__ */ (0,
|
|
58184
|
-
/* @__PURE__ */ (0,
|
|
58185
|
-
/* @__PURE__ */ (0,
|
|
58186
|
-
/* @__PURE__ */ (0,
|
|
58300
|
+
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: [
|
|
58301
|
+
/* @__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" }) }),
|
|
58302
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)("h3", { className: "uf-text-lg uf-font-semibold uf-text-foreground uf-mb-2", children: "No Tokens Available" }),
|
|
58303
|
+
/* @__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
58304
|
] });
|
|
58188
58305
|
} else if (isAddressValid === false) {
|
|
58189
|
-
depositPrerequisiteBody = /* @__PURE__ */ (0,
|
|
58190
|
-
/* @__PURE__ */ (0,
|
|
58191
|
-
/* @__PURE__ */ (0,
|
|
58192
|
-
/* @__PURE__ */ (0,
|
|
58306
|
+
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: [
|
|
58307
|
+
/* @__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" }) }),
|
|
58308
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)("h3", { className: "uf-text-lg uf-font-semibold uf-text-foreground uf-mb-2", children: addressValidationMessages.unableToReceiveFunds }),
|
|
58309
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)("p", { className: "uf-text-sm uf-text-muted-foreground uf-max-w-[280px]", children: getAddressValidationErrorMessage(
|
|
58193
58310
|
addressFailureCode,
|
|
58194
58311
|
addressFailureMetadata
|
|
58195
58312
|
) })
|
|
@@ -58321,14 +58438,21 @@ function DepositModal({
|
|
|
58321
58438
|
setWalletSelectionModalOpen(false);
|
|
58322
58439
|
setBrowserWalletModalOpen(true);
|
|
58323
58440
|
};
|
|
58324
|
-
|
|
58441
|
+
const depositPoweredByFooter = /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "uf-pt-3", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
58442
|
+
PoweredByUnifold,
|
|
58443
|
+
{
|
|
58444
|
+
color: colors2.foregroundMuted,
|
|
58445
|
+
className: "uf-flex uf-justify-center uf-shrink-0"
|
|
58446
|
+
}
|
|
58447
|
+
) });
|
|
58448
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(PortalContainerProvider, { value: hideOverlay ? containerEl : null, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
|
|
58325
58449
|
Dialog2,
|
|
58326
58450
|
{
|
|
58327
58451
|
open: hideOverlay || open,
|
|
58328
58452
|
onOpenChange: hideOverlay ? void 0 : handleClose,
|
|
58329
58453
|
modal: !hideOverlay,
|
|
58330
58454
|
children: [
|
|
58331
|
-
/* @__PURE__ */ (0,
|
|
58455
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
58332
58456
|
DialogContent2,
|
|
58333
58457
|
{
|
|
58334
58458
|
ref: hideOverlay ? containerCallbackRef : void 0,
|
|
@@ -58337,8 +58461,8 @@ function DepositModal({
|
|
|
58337
58461
|
style: { backgroundColor: colors2.background },
|
|
58338
58462
|
onPointerDownOutside: (e) => e.preventDefault(),
|
|
58339
58463
|
onInteractOutside: (e) => e.preventDefault(),
|
|
58340
|
-
children: /* @__PURE__ */ (0,
|
|
58341
|
-
/* @__PURE__ */ (0,
|
|
58464
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ThemeStyleInjector, { children: view === "main" ? /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
|
|
58465
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
58342
58466
|
DepositHeader,
|
|
58343
58467
|
{
|
|
58344
58468
|
title: modalTitle || "Deposit",
|
|
@@ -58353,63 +58477,66 @@ function DepositModal({
|
|
|
58353
58477
|
publishableKey
|
|
58354
58478
|
}
|
|
58355
58479
|
),
|
|
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
|
-
|
|
58480
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
|
|
58481
|
+
/* @__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: [
|
|
58482
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
58483
|
+
TransferCryptoButton,
|
|
58484
|
+
{
|
|
58485
|
+
onClick: () => setView("transfer"),
|
|
58486
|
+
title: transferCryptoTitle,
|
|
58487
|
+
subtitle: t6.transferCrypto.subtitle,
|
|
58488
|
+
featuredTokens: projectConfig?.transfer_crypto.networks
|
|
58489
|
+
}
|
|
58490
|
+
),
|
|
58491
|
+
enableConnectWallet && !isMobileView && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
58492
|
+
BrowserWalletButton,
|
|
58493
|
+
{
|
|
58494
|
+
onClick: handleBrowserWalletClick,
|
|
58495
|
+
onConnectClick: handleWalletConnectClick,
|
|
58496
|
+
onDisconnect: handleWalletDisconnect,
|
|
58497
|
+
chainType: browserWalletChainType,
|
|
58498
|
+
publishableKey
|
|
58499
|
+
}
|
|
58500
|
+
),
|
|
58501
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
58502
|
+
DepositWithCardButton,
|
|
58503
|
+
{
|
|
58504
|
+
onClick: () => setView("card"),
|
|
58505
|
+
title: depositWithCardTitle,
|
|
58506
|
+
subtitle: t6.depositWithCard.subtitle,
|
|
58507
|
+
paymentNetworks: projectConfig?.payment_networks.networks
|
|
58508
|
+
}
|
|
58509
|
+
),
|
|
58510
|
+
showPayWithExchange && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
58511
|
+
PayWithExchangeButton,
|
|
58512
|
+
{
|
|
58513
|
+
onClick: () => setView("exchange"),
|
|
58514
|
+
title: payWithExchangeTitle,
|
|
58515
|
+
subtitle: t6.payWithExchange.subtitle,
|
|
58516
|
+
exchanges,
|
|
58517
|
+
loading: exchangesLoading
|
|
58518
|
+
}
|
|
58519
|
+
),
|
|
58520
|
+
!hideDepositTracker && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
58521
|
+
DepositTrackerButton,
|
|
58522
|
+
{
|
|
58523
|
+
onClick: () => {
|
|
58524
|
+
setAllExecutions(depositExecutions);
|
|
58525
|
+
setView("tracker");
|
|
58526
|
+
},
|
|
58527
|
+
title: depositTrackerTitle,
|
|
58528
|
+
subtitle: depositTrackerSubTitle,
|
|
58529
|
+
badge: depositExecutions.length > 0 ? depositExecutions.length : void 0
|
|
58530
|
+
}
|
|
58531
|
+
)
|
|
58532
|
+
] }) }),
|
|
58533
|
+
depositPoweredByFooter
|
|
58534
|
+
] })
|
|
58535
|
+
] }) : view === "transfer" ? /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
|
|
58536
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
58410
58537
|
DepositHeader,
|
|
58411
58538
|
{
|
|
58412
|
-
title:
|
|
58539
|
+
title: transferCryptoTitle,
|
|
58413
58540
|
showBack: showBackTransfer,
|
|
58414
58541
|
onBack: handleBack,
|
|
58415
58542
|
onClose: handleClose,
|
|
@@ -58422,67 +58549,73 @@ function DepositModal({
|
|
|
58422
58549
|
publishableKey
|
|
58423
58550
|
}
|
|
58424
58551
|
),
|
|
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
|
-
|
|
58552
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
|
|
58553
|
+
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)(
|
|
58554
|
+
TransferCryptoSingleInput,
|
|
58555
|
+
{
|
|
58556
|
+
userId,
|
|
58557
|
+
publishableKey,
|
|
58558
|
+
recipientAddress,
|
|
58559
|
+
destinationChainType,
|
|
58560
|
+
destinationChainId,
|
|
58561
|
+
destinationTokenAddress,
|
|
58562
|
+
depositConfirmationMode,
|
|
58563
|
+
onExecutionsChange: setDepositExecutions,
|
|
58564
|
+
onDepositSuccess,
|
|
58565
|
+
onDepositError,
|
|
58566
|
+
wallets
|
|
58567
|
+
}
|
|
58568
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
58569
|
+
TransferCryptoDoubleInput,
|
|
58570
|
+
{
|
|
58571
|
+
userId,
|
|
58572
|
+
publishableKey,
|
|
58573
|
+
recipientAddress,
|
|
58574
|
+
destinationChainType,
|
|
58575
|
+
destinationChainId,
|
|
58576
|
+
destinationTokenAddress,
|
|
58577
|
+
depositConfirmationMode,
|
|
58578
|
+
onExecutionsChange: setDepositExecutions,
|
|
58579
|
+
onDepositSuccess,
|
|
58580
|
+
onDepositError,
|
|
58581
|
+
wallets
|
|
58582
|
+
}
|
|
58583
|
+
),
|
|
58584
|
+
depositPoweredByFooter
|
|
58585
|
+
] })
|
|
58586
|
+
] }) : view === "tracker" ? /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
|
|
58587
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
58458
58588
|
DepositHeader,
|
|
58459
58589
|
{
|
|
58460
|
-
title: selectedExecution ? "Deposit Details" :
|
|
58590
|
+
title: selectedExecution ? "Deposit Details" : depositTrackerTitle,
|
|
58461
58591
|
showBack: showBackTracker,
|
|
58462
58592
|
onBack: handleBack,
|
|
58463
58593
|
onClose: handleClose
|
|
58464
58594
|
}
|
|
58465
58595
|
),
|
|
58466
|
-
/* @__PURE__ */ (0,
|
|
58467
|
-
"div",
|
|
58468
|
-
|
|
58469
|
-
|
|
58470
|
-
|
|
58471
|
-
|
|
58472
|
-
|
|
58473
|
-
|
|
58474
|
-
|
|
58475
|
-
|
|
58476
|
-
|
|
58477
|
-
|
|
58478
|
-
|
|
58479
|
-
|
|
58480
|
-
|
|
58481
|
-
|
|
58482
|
-
|
|
58596
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
|
|
58597
|
+
/* @__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)(
|
|
58598
|
+
"div",
|
|
58599
|
+
{
|
|
58600
|
+
className: "uf-text-sm",
|
|
58601
|
+
style: { color: components.container.subtitleColor, fontFamily: fonts.regular },
|
|
58602
|
+
children: "No deposits yet"
|
|
58603
|
+
}
|
|
58604
|
+
) }) : allExecutions.map((execution) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
58605
|
+
DepositExecutionItem,
|
|
58606
|
+
{
|
|
58607
|
+
execution,
|
|
58608
|
+
onClick: () => setSelectedExecution(execution)
|
|
58609
|
+
},
|
|
58610
|
+
execution.id
|
|
58611
|
+
)) }) }),
|
|
58612
|
+
depositPoweredByFooter
|
|
58613
|
+
] })
|
|
58614
|
+
] }) : view === "card" ? /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
|
|
58615
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
58483
58616
|
DepositHeader,
|
|
58484
58617
|
{
|
|
58485
|
-
title: cardView === "quotes" ? t6.quotes :
|
|
58618
|
+
title: cardView === "quotes" ? t6.quotes : depositWithCardTitle,
|
|
58486
58619
|
showBack: showBackCard,
|
|
58487
58620
|
onBack: handleBack,
|
|
58488
58621
|
onClose: handleClose,
|
|
@@ -58496,58 +58629,66 @@ function DepositModal({
|
|
|
58496
58629
|
publishableKey
|
|
58497
58630
|
}
|
|
58498
58631
|
),
|
|
58499
|
-
|
|
58500
|
-
|
|
58501
|
-
|
|
58502
|
-
|
|
58503
|
-
|
|
58504
|
-
|
|
58505
|
-
|
|
58506
|
-
|
|
58507
|
-
|
|
58508
|
-
|
|
58509
|
-
|
|
58510
|
-
|
|
58511
|
-
|
|
58512
|
-
|
|
58513
|
-
|
|
58514
|
-
|
|
58515
|
-
|
|
58516
|
-
|
|
58517
|
-
|
|
58518
|
-
|
|
58519
|
-
|
|
58632
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
|
|
58633
|
+
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)(
|
|
58634
|
+
BuyWithCard,
|
|
58635
|
+
{
|
|
58636
|
+
userId,
|
|
58637
|
+
publishableKey,
|
|
58638
|
+
view: cardView,
|
|
58639
|
+
onViewChange: handleCardViewChange,
|
|
58640
|
+
destinationTokenSymbol,
|
|
58641
|
+
recipientAddress,
|
|
58642
|
+
destinationChainType,
|
|
58643
|
+
destinationChainId,
|
|
58644
|
+
destinationTokenAddress,
|
|
58645
|
+
onDepositSuccess,
|
|
58646
|
+
onDepositError,
|
|
58647
|
+
themeClass,
|
|
58648
|
+
wallets,
|
|
58649
|
+
assetCdnUrl: projectConfig?.asset_cdn_url,
|
|
58650
|
+
hideDepositFlowInfo,
|
|
58651
|
+
hideDisplayDescription
|
|
58652
|
+
}
|
|
58653
|
+
),
|
|
58654
|
+
depositPoweredByFooter
|
|
58655
|
+
] })
|
|
58656
|
+
] }) : view === "exchange" ? /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
|
|
58657
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
58520
58658
|
DepositHeader,
|
|
58521
58659
|
{
|
|
58522
|
-
title:
|
|
58660
|
+
title: payWithExchangeTitle,
|
|
58523
58661
|
showBack: true,
|
|
58524
58662
|
onBack: handleBack,
|
|
58525
58663
|
onClose: handleClose
|
|
58526
58664
|
}
|
|
58527
58665
|
),
|
|
58528
|
-
/* @__PURE__ */ (0,
|
|
58529
|
-
|
|
58530
|
-
|
|
58531
|
-
|
|
58532
|
-
|
|
58533
|
-
|
|
58534
|
-
|
|
58535
|
-
|
|
58536
|
-
|
|
58537
|
-
|
|
58538
|
-
|
|
58539
|
-
|
|
58540
|
-
|
|
58541
|
-
|
|
58542
|
-
|
|
58543
|
-
|
|
58544
|
-
|
|
58545
|
-
|
|
58546
|
-
|
|
58666
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
|
|
58667
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
58668
|
+
PayWithExchange,
|
|
58669
|
+
{
|
|
58670
|
+
userId,
|
|
58671
|
+
publishableKey,
|
|
58672
|
+
exchanges,
|
|
58673
|
+
view: exchangeView,
|
|
58674
|
+
onViewChange: setExchangeView,
|
|
58675
|
+
destinationTokenSymbol,
|
|
58676
|
+
recipientAddress,
|
|
58677
|
+
destinationChainType,
|
|
58678
|
+
destinationChainId,
|
|
58679
|
+
destinationTokenAddress,
|
|
58680
|
+
onDepositSuccess,
|
|
58681
|
+
onDepositError,
|
|
58682
|
+
wallets,
|
|
58683
|
+
defaultToken: defaultToken ?? null
|
|
58684
|
+
}
|
|
58685
|
+
),
|
|
58686
|
+
depositPoweredByFooter
|
|
58687
|
+
] })
|
|
58547
58688
|
] }) : null })
|
|
58548
58689
|
}
|
|
58549
58690
|
),
|
|
58550
|
-
/* @__PURE__ */ (0,
|
|
58691
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
58551
58692
|
WalletSelectionModal,
|
|
58552
58693
|
{
|
|
58553
58694
|
open: walletSelectionModalOpen,
|
|
@@ -58557,7 +58698,7 @@ function DepositModal({
|
|
|
58557
58698
|
theme: resolvedTheme
|
|
58558
58699
|
}
|
|
58559
58700
|
),
|
|
58560
|
-
browserWalletInfo && browserWalletInfo.depositWallet && /* @__PURE__ */ (0,
|
|
58701
|
+
browserWalletInfo && browserWalletInfo.depositWallet && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
58561
58702
|
BrowserWalletModal,
|
|
58562
58703
|
{
|
|
58563
58704
|
open: browserWalletModalOpen,
|
|
@@ -58634,7 +58775,7 @@ var Button = React282.forwardRef(
|
|
|
58634
58775
|
}
|
|
58635
58776
|
return baseStyle;
|
|
58636
58777
|
}, [variant, components, fonts, style]);
|
|
58637
|
-
return /* @__PURE__ */ (0,
|
|
58778
|
+
return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
58638
58779
|
Comp,
|
|
58639
58780
|
{
|
|
58640
58781
|
className: cn(buttonVariants({ variant, size: size4, className })),
|
|
@@ -58754,7 +58895,7 @@ function UnifoldProvider2({
|
|
|
58754
58895
|
}),
|
|
58755
58896
|
[beginDeposit, closeDeposit, handleDepositSuccess, handleDepositError]
|
|
58756
58897
|
);
|
|
58757
|
-
return /* @__PURE__ */ (0,
|
|
58898
|
+
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
58899
|
ThemeProvider,
|
|
58759
58900
|
{
|
|
58760
58901
|
mode: resolvedTheme,
|
|
@@ -58765,7 +58906,7 @@ function UnifoldProvider2({
|
|
|
58765
58906
|
components: config?.components,
|
|
58766
58907
|
children: [
|
|
58767
58908
|
children,
|
|
58768
|
-
depositConfig && /* @__PURE__ */ (0,
|
|
58909
|
+
depositConfig && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
|
|
58769
58910
|
DepositModal,
|
|
58770
58911
|
{
|
|
58771
58912
|
open: isOpen,
|
|
@@ -58787,7 +58928,14 @@ function UnifoldProvider2({
|
|
|
58787
58928
|
onDepositSuccess: handleDepositSuccess,
|
|
58788
58929
|
onDepositError: handleDepositError,
|
|
58789
58930
|
theme: resolvedTheme,
|
|
58790
|
-
initialScreen: depositConfig.initialScreen ?? config?.defaultInitialScreen
|
|
58931
|
+
initialScreen: depositConfig.initialScreen ?? config?.defaultInitialScreen,
|
|
58932
|
+
transferCryptoTitle: config?.transferCryptoTitle,
|
|
58933
|
+
depositWithCardTitle: config?.depositWithCardTitle,
|
|
58934
|
+
payWithExchangeTitle: config?.payWithExchangeTitle,
|
|
58935
|
+
depositTrackerTitle: config?.depositTrackerTitle,
|
|
58936
|
+
depositTrackerSubTitle: config?.depositTrackerSubTitle,
|
|
58937
|
+
hideDepositFlowInfo: config?.hideDepositFlowInfo,
|
|
58938
|
+
hideDisplayDescription: config?.hideDisplayDescription
|
|
58791
58939
|
}
|
|
58792
58940
|
)
|
|
58793
58941
|
]
|