@blockend/widget 1.0.55-beta.1 → 1.0.55-beta.2
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/{AllRoutes-D6S-NFxZ.js → AllRoutes-DIde2MHr.js} +910 -929
- package/dist/{Box-DESo1bHm.js → Box-DQB1ZyEK.js} +15 -15
- package/dist/EstGas-C7sLxEX_.js +1523 -0
- package/dist/{Grow-DzEr7XrA.js → Grow-CxaAxl6-.js} +300 -303
- package/dist/InputComp-CDuJJKaD.js +105 -0
- package/dist/LoadRoute-CVas28CM.js +123 -0
- package/dist/QuotesProgress-DaL4L4Db.js +27 -0
- package/dist/{SwapAsset-MBXcdeBf.js → SwapAsset-DSV6l90O.js} +13 -14
- package/dist/{Tooltip-DSAJT2x7.js → Tooltip-PAQ9gquY.js} +35 -35
- package/dist/TxnButton-BiO4vJ-y.js +207 -0
- package/dist/ccip-B6-4PQvj.js +226 -0
- package/dist/core-SB441dD5.js +13166 -0
- package/dist/{down-BFx-Bg5Q.js → down-DJH_apvy.js} +267 -270
- package/dist/{getChainIds-CeLEUxe0.js → getChainIds-CBclVfs9.js} +221 -223
- package/dist/getCosmosAddress-CI7CTn-0.js +57 -0
- package/dist/{hamburger-BzMrQx9y.js → hamburger-Dp-PI6Yn.js} +153 -153
- package/dist/{index-DpHhW0_2.js → index-5WTwgH9q.js} +3 -3
- package/dist/index-B-FRPlBv.js +3240 -0
- package/dist/index-B158Vaz9.js +146 -0
- package/dist/{index-BK0BZT6j.js → index-B9PIELoY.js} +5118 -5241
- package/dist/{index-DHYWnqST.js → index-BGt3GtoG.js} +1 -1
- package/dist/index-BuGCRLd5.js +198 -0
- package/dist/index-CRhXLwtt.js +7445 -0
- package/dist/{index-A8ClQmZo.js → index-Dmf6i8k4.js} +3 -4
- package/dist/{index-SkYFFVLL.js → index-PxQusjX0.js} +3368 -3415
- package/dist/{index-C5bv1F_u.js → index-UFdEurQ_.js} +12086 -12350
- package/dist/{index.es-DB9y_DEM.js → index.es-AaEds8Wm.js} +81 -83
- package/dist/{index.es-vIyUKt0W.js → index.es-Df0KTgu4.js} +4523 -4628
- package/dist/index.es.js +1 -1
- package/dist/{unsupportedProp-BLzY2-w_.js → unsupportedProp-BlS305Lt.js} +1 -1
- package/dist/{useRegisterError-Cf6oylnR.js → useRegisterError-BvjIv1Yc.js} +1668 -1701
- package/dist/widget.css +1 -1
- package/package.json +4 -5
- package/dist/EstGas-Dy3XfCzY.js +0 -1496
- package/dist/InputComp-GcnDqx_s.js +0 -105
- package/dist/LoadRoute-BmUgvDid.js +0 -125
- package/dist/QuotesProgress-E5JnUMS0.js +0 -28
- package/dist/TxnButton-Br8R19rF.js +0 -215
- package/dist/add-BryKCrpI.js +0 -19
- package/dist/all-wallets-BMVOK2Ci.js +0 -10
- package/dist/app-store-3WurbJdI.js +0 -21
- package/dist/apple-eM872Ubz.js +0 -22
- package/dist/arrow-bottom-HMc73fJ8.js +0 -12
- package/dist/arrow-bottom-circle-B1N_R8Ux.js +0 -15
- package/dist/arrow-left-Q7GAZkD7.js +0 -12
- package/dist/arrow-right-ft3TcIM3.js +0 -12
- package/dist/arrow-top-C2xmF6tK.js +0 -12
- package/dist/bank-Bk-2ZR5E.js +0 -18
- package/dist/basic-CWrKgDAB.js +0 -5783
- package/dist/browser-BFB3TFfv.js +0 -18
- package/dist/card-DCx59si8.js +0 -18
- package/dist/ccip-CXr08uP1.js +0 -228
- package/dist/checkmark-BGsuJuhE.js +0 -15
- package/dist/checkmark-bold-DvjIl-51.js +0 -12
- package/dist/chevron-bottom-DAEnG7QP.js +0 -12
- package/dist/chevron-left-D33h2ppx.js +0 -12
- package/dist/chevron-right-C8Z_feNK.js +0 -12
- package/dist/chevron-top-DwDMd3p9.js +0 -12
- package/dist/chrome-store-B7ZDs2Fj.js +0 -65
- package/dist/clock-DnELUxSR.js +0 -12
- package/dist/close-Dnt29Pss.js +0 -12
- package/dist/coinPlaceholder-C09pzuXv.js +0 -12
- package/dist/compass-D8ZY16nH.js +0 -12
- package/dist/copy-DEh4RBKI.js +0 -19
- package/dist/core-CgIQaiRa.js +0 -14966
- package/dist/cursor-BtzkAOER.js +0 -7
- package/dist/cursor-transparent-B0nCflmb.js +0 -16
- package/dist/desktop-toTG92uH.js +0 -13
- package/dist/disconnect-C97lbAtY.js +0 -12
- package/dist/discord-BNJ3JePY.js +0 -21
- package/dist/etherscan-CK87TQMS.js +0 -10
- package/dist/exclamation-triangle-LWnOk0uz.js +0 -8
- package/dist/extension-5eIZU28A.js +0 -12
- package/dist/external-link-DDlCfigP.js +0 -12
- package/dist/facebook-1lTMXKeH.js +0 -30
- package/dist/farcaster-Di2TUKlZ.js +0 -16
- package/dist/filters-B_THnHaX.js +0 -12
- package/dist/getCosmosAddress-B8s9Ycj4.js +0 -6075
- package/dist/github-D5B1FE4K.js +0 -22
- package/dist/google-C8_WSUfw.js +0 -22
- package/dist/help-circle-C-ZOzjAP.js +0 -16
- package/dist/id-BynpKmej.js +0 -16
- package/dist/image-BRYUh760.js +0 -8
- package/dist/index-BFUVWgoD.js +0 -992
- package/dist/index-CN6pVc2G.js +0 -1483
- package/dist/index-CZwuzz6v.js +0 -6712
- package/dist/index-Dnyeih-W.js +0 -3261
- package/dist/index-krrwn6Pi.js +0 -206
- package/dist/info-DSQyHS8b.js +0 -7
- package/dist/info-circle-BfpWcI4c.js +0 -16
- package/dist/lightbulb-DEMYYsZd.js +0 -7
- package/dist/mail-DNZ2to_6.js +0 -12
- package/dist/mobile-qsyS8oMK.js +0 -13
- package/dist/more-CnBuKwll.js +0 -15
- package/dist/network-placeholder-DhJITakA.js +0 -18
- package/dist/nftPlaceholder-DD3-Cc9U.js +0 -12
- package/dist/off-CBApAdDk.js +0 -12
- package/dist/play-store-DDoeRc-b.js +0 -36
- package/dist/plus-C3J-XWCn.js +0 -17
- package/dist/qr-code-CEoOYtHk.js +0 -10
- package/dist/recycle-horizontal-BHJ_s9Yx.js +0 -13
- package/dist/refresh-CtzOoHls.js +0 -12
- package/dist/reown-logo-BOj4YDUQ.js +0 -16
- package/dist/search--Miza3A_.js +0 -12
- package/dist/send-Bhl1lz4j.js +0 -19
- package/dist/swapHorizontal-CCvKCngz.js +0 -12
- package/dist/swapHorizontalBold-B90V-dXL.js +0 -12
- package/dist/swapHorizontalMedium-CYjeHjnI.js +0 -20
- package/dist/swapHorizontalRoundedBold-DSMWeXdW.js +0 -12
- package/dist/swapVertical-DOJUNIvk.js +0 -12
- package/dist/telegram-CufEY_4d.js +0 -20
- package/dist/three-dots-J2ngva7G.js +0 -9
- package/dist/twitch-B4vTKVf5.js +0 -22
- package/dist/twitterIcon-DLrxpAGg.js +0 -10
- package/dist/verify-CbHqPQKs.js +0 -12
- package/dist/verify-filled-CzKx9Cph.js +0 -12
- package/dist/w3m-modal-DhpjK4cG.js +0 -1471
- package/dist/wallet-CvIeO6On.js +0 -12
- package/dist/wallet-placeholder-BqELXTBj.js +0 -18
- package/dist/walletconnect-BN4c4XQ5.js +0 -36
- package/dist/warning-circle--dqxXujk.js +0 -16
- package/dist/x-CkCp5gtL.js +0 -16
@@ -0,0 +1,1523 @@
|
|
1
|
+
import { jsx as t, jsxs as c, Fragment as I } from "react/jsx-runtime";
|
2
|
+
import { a7 as Dt, a8 as Nt, a9 as At, aa as It, ab as Ft, ac as Bt, u as n, l as G, S as Z, v as pt, w as ut, x as W, ad as jt, ae as $t, af as Vt, ag as Ht, ah as Pt } from "./index-UFdEurQ_.js";
|
3
|
+
import { O as K } from "./index-Dmf6i8k4.js";
|
4
|
+
import { u as mt, W as Mt, B as _t, C as Gt, L as Ut, i as bt, f as Ot, a as wt, c as Lt, F as Q } from "./useRegisterError-BvjIv1Yc.js";
|
5
|
+
import X, { useState as U, useContext as H, useRef as q, useEffect as A, createContext as Rt, useMemo as Wt } from "react";
|
6
|
+
import { useAccount as tt, useConfig as Qt, useSwitchChain as zt } from "wagmi";
|
7
|
+
import { S as qt } from "./shareicon-CG3v7iKI.js";
|
8
|
+
import { T as ht } from "./Tooltip-PAQ9gquY.js";
|
9
|
+
import { L as Jt } from "./index.es-AaEds8Wm.js";
|
10
|
+
import { useStargateSigningClient as yt, useAccount as Zt } from "graz";
|
11
|
+
import { l as Kt, S as Xt, D as Yt } from "./down-DJH_apvy.js";
|
12
|
+
import { u as te, g as nt } from "./getCosmosAddress-CI7CTn-0.js";
|
13
|
+
import { useDynamicContext as ft } from "@dynamic-labs/sdk-react-core";
|
14
|
+
import { v as Y } from "./validError-CDlJpg_f.js";
|
15
|
+
import { useMutation as ee, useQuery as se } from "@tanstack/react-query";
|
16
|
+
import { createClient as ae, custom as re, walletActions as ne } from "viem";
|
17
|
+
import { e as ie } from "./ethertousd-CC_ezooz.js";
|
18
|
+
async function oe(e, s = {}) {
|
19
|
+
let r;
|
20
|
+
if (s.connector) {
|
21
|
+
const { connector: i } = s;
|
22
|
+
if (e.state.status === "reconnecting" && !i.getAccounts && !i.getChainId)
|
23
|
+
throw new Dt({ connector: i });
|
24
|
+
const [d, C] = await Promise.all([
|
25
|
+
i.getAccounts().catch((D) => {
|
26
|
+
if (s.account === null)
|
27
|
+
return [];
|
28
|
+
throw D;
|
29
|
+
}),
|
30
|
+
i.getChainId()
|
31
|
+
]);
|
32
|
+
r = {
|
33
|
+
accounts: d,
|
34
|
+
chainId: C,
|
35
|
+
connector: i
|
36
|
+
};
|
37
|
+
} else
|
38
|
+
r = e.state.connections.get(e.state.current);
|
39
|
+
if (!r)
|
40
|
+
throw new Nt();
|
41
|
+
const a = s.chainId ?? r.chainId, o = await r.connector.getChainId();
|
42
|
+
if (o !== r.chainId)
|
43
|
+
throw new At({
|
44
|
+
connectionChainId: r.chainId,
|
45
|
+
connectorChainId: o
|
46
|
+
});
|
47
|
+
const l = r.connector;
|
48
|
+
if (l.getClient)
|
49
|
+
return l.getClient({ chainId: a });
|
50
|
+
const p = Ft(s.account ?? r.accounts[0]);
|
51
|
+
if (p && (p.address = It(p.address)), s.account && !r.accounts.some((i) => i.toLowerCase() === p.address.toLowerCase()))
|
52
|
+
throw new Bt({
|
53
|
+
address: p.address,
|
54
|
+
connector: l
|
55
|
+
});
|
56
|
+
const u = e.chains.find((i) => i.id === a), g = await r.connector.getProvider({ chainId: a });
|
57
|
+
return ae({
|
58
|
+
account: p,
|
59
|
+
chain: u,
|
60
|
+
name: "Connector Client",
|
61
|
+
transport: (i) => re(g)({ ...i, retryCount: 0 })
|
62
|
+
});
|
63
|
+
}
|
64
|
+
async function le(e, s = {}) {
|
65
|
+
return (await oe(e, s)).extend(ne);
|
66
|
+
}
|
67
|
+
function ce({ field: e }) {
|
68
|
+
const s = n((l) => l.persist), { getWallet: r } = mt({ chainData: s?.fromChain || {} }), a = r(s?.fromChain)?.address || null, o = e == "from" ? a && s?.route?.userWalletAddress || "" : s?.route?.recipient || "";
|
69
|
+
return /* @__PURE__ */ t("button", { style: { fontSize: "12px" }, className: "bw-bg-background-container bw-flex bw-items-center bw-justify-center bw-gap-x-2 bw-mb-[4px] bw-w-[100px] bw-h-[25px] bw-rounded-xl bw-border bw-border-border-primary", children: o ? /* @__PURE__ */ c(I, { children: [
|
70
|
+
/* @__PURE__ */ t("p", { className: "bw-text-text-primary bw-text-xs bw-font-normal", children: (o?.substring(0, 4) || "") + "..." + (o?.substring(o.length - 4, o.length) || "") }),
|
71
|
+
/* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(Mt, { fill: "var(--tw-text-primary)" }) })
|
72
|
+
] }) : /* @__PURE__ */ t("div", { className: "bw-w-[10px] bw-flex bw-text-text-secondary bw-justify-center bw-items-center bw-h-[10px]", children: "Connect " }) });
|
73
|
+
}
|
74
|
+
function $s({ chainData: e, coinData: s, amount: r, field: a }) {
|
75
|
+
const o = n((p) => p.configuration), l = n((p) => p.persist);
|
76
|
+
return /* @__PURE__ */ c(
|
77
|
+
"div",
|
78
|
+
{
|
79
|
+
style: {
|
80
|
+
boxShadow: o && o.customTheme && o.customTheme?.shadow?.boxShadow || "1px 1px 7px rgba(0, 0, 0, 0.15)"
|
81
|
+
},
|
82
|
+
className: `bw-bg-background-container bw-relative bw-z-10 bw-min-w-[50%] bw-px-2 md:bw-min-w-[153px] bw-flex bw-flex-col bw-items-center bw-justify-start bw-pt-2 bw-rounded-lg bw-h-[75px] bw-border ${(l.statusData?.status == "partial-success" || l.statusData?.status == "refunded") && a == "to" ? "bw-border-text-redtext" : "bw-border-border-primary"} `,
|
83
|
+
children: [
|
84
|
+
/* @__PURE__ */ c("div", { className: `${s?.symbol?.length > 6 ? "bw-text-base" : "bw-text-lg"} bw-text-center bw-font-medium bw-text-text-primary`, children: [
|
85
|
+
/* @__PURE__ */ t("span", { children: r ? /* @__PURE__ */ t(K, { value: r?.toString(), decimal: 8 }) : 0 }),
|
86
|
+
" ",
|
87
|
+
/* @__PURE__ */ t("span", { children: s?.symbol || "" }),
|
88
|
+
/* @__PURE__ */ t("p", { className: "bw-text-sm bw-font-medium bw-text-text-secondary", children: `on ${e?.name}` })
|
89
|
+
] }),
|
90
|
+
/* @__PURE__ */ t("div", { className: "bw-absolute -bw-bottom-4", children: /* @__PURE__ */ t(ce, { field: a }) })
|
91
|
+
]
|
92
|
+
}
|
93
|
+
);
|
94
|
+
}
|
95
|
+
function Vs({ handleBack: e }) {
|
96
|
+
return /* @__PURE__ */ t("div", { className: "bw-flex bw-z-20 bw-relative bw-justify-center bw-mb-5", children: /* @__PURE__ */ t(
|
97
|
+
"button",
|
98
|
+
{
|
99
|
+
onClick: () => {
|
100
|
+
e();
|
101
|
+
},
|
102
|
+
className: "bw-absolute bw-left-0 bw-top-[25%]",
|
103
|
+
children: /* @__PURE__ */ t(_t, { fill: "var(--tw-text-secondary)" })
|
104
|
+
}
|
105
|
+
) });
|
106
|
+
}
|
107
|
+
const xe = "_loader_1g6xv_1", de = {
|
108
|
+
loader: xe
|
109
|
+
};
|
110
|
+
function it() {
|
111
|
+
return /* @__PURE__ */ c("div", { className: de.loader, children: [
|
112
|
+
/* @__PURE__ */ t("span", {}),
|
113
|
+
/* @__PURE__ */ t("span", {}),
|
114
|
+
/* @__PURE__ */ t("span", {})
|
115
|
+
] });
|
116
|
+
}
|
117
|
+
const z = X.createContext(!1);
|
118
|
+
function pe({ children: e }) {
|
119
|
+
return /* @__PURE__ */ t(
|
120
|
+
ht,
|
121
|
+
{
|
122
|
+
onClose: () => {
|
123
|
+
},
|
124
|
+
disableInteractive: !0,
|
125
|
+
onClick: () => {
|
126
|
+
},
|
127
|
+
slotProps: {
|
128
|
+
popper: {
|
129
|
+
modifiers: [
|
130
|
+
{
|
131
|
+
name: "offset",
|
132
|
+
options: {
|
133
|
+
offset: [0, -10]
|
134
|
+
}
|
135
|
+
}
|
136
|
+
]
|
137
|
+
}
|
138
|
+
},
|
139
|
+
className: "bw-text-text-button",
|
140
|
+
title: "Transaction Link",
|
141
|
+
children: e
|
142
|
+
}
|
143
|
+
);
|
144
|
+
}
|
145
|
+
function ue({ fill: e }) {
|
146
|
+
return /* @__PURE__ */ c("svg", { width: "18", height: "9", viewBox: "0 0 18 9", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
147
|
+
/* @__PURE__ */ t("path", { d: "M6.34375 4.49902H11.4231", stroke: e, "stroke-width": "2", "stroke-linecap": "round" }),
|
148
|
+
/* @__PURE__ */ t("path", { d: "M4.81007 1C-0.269325 1 -0.270722 8 4.81007 8", stroke: e, "stroke-width": "2", "stroke-linecap": "round" }),
|
149
|
+
/* @__PURE__ */ t("path", { d: "M13.1899 1C18.2693 1 18.2707 8 13.1899 8", stroke: e, "stroke-width": "2", "stroke-linecap": "round" })
|
150
|
+
] });
|
151
|
+
}
|
152
|
+
function et({ txnHash: e, children: s }) {
|
153
|
+
const [r, a] = U(!1);
|
154
|
+
return /* @__PURE__ */ t(
|
155
|
+
ht,
|
156
|
+
{
|
157
|
+
onClose: () => {
|
158
|
+
setTimeout(() => {
|
159
|
+
a(!1);
|
160
|
+
}, [1e3]);
|
161
|
+
},
|
162
|
+
disableInteractive: !0,
|
163
|
+
onClick: () => {
|
164
|
+
navigator.clipboard.writeText(e).then(() => {
|
165
|
+
a(!0);
|
166
|
+
});
|
167
|
+
},
|
168
|
+
slotProps: {
|
169
|
+
popper: {
|
170
|
+
modifiers: [
|
171
|
+
{
|
172
|
+
name: "offset",
|
173
|
+
options: {
|
174
|
+
offset: [0, -10]
|
175
|
+
}
|
176
|
+
}
|
177
|
+
]
|
178
|
+
}
|
179
|
+
},
|
180
|
+
className: "bw-text-text-button",
|
181
|
+
title: `${r ? "Copied!" : "Copy"}`,
|
182
|
+
children: s
|
183
|
+
}
|
184
|
+
);
|
185
|
+
}
|
186
|
+
function st({ fill: e }) {
|
187
|
+
return /* @__PURE__ */ c("svg", { width: "11", height: "13", viewBox: "0 0 11 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
188
|
+
/* @__PURE__ */ t("rect", { x: "0.5", y: "3.5", width: "7", height: "9", rx: "1.5", stroke: e }),
|
189
|
+
/* @__PURE__ */ t("path", { d: "M3 1H8C9.10457 1 10 1.89543 10 3V10", stroke: e, "stroke-linecap": "round" })
|
190
|
+
] });
|
191
|
+
}
|
192
|
+
const me = "4.8.0", be = { g: "LottieFiles AE 3.5.7", a: "", k: "", d: "", tc: "" }, we = 30, he = 0, ye = 54, fe = 512, ke = 512, ge = "Comp 1", Se = 0, Te = /* @__PURE__ */ JSON.parse('[{"id":"comp_0","layers":[{"ddd":0,"ind":1,"ty":4,"nm":"Outer Line Effect End Sphere 2","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":35,"s":[100]},{"t":44,"s":[18]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":35,"s":[256,256,0],"to":[4.86,0.612,0],"ti":[-4.86,-0.612,0]},{"t":44,"s":[285.162,259.669,0]}],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[309,309,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[6.875,6.875],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"nm":"Ellipse Path 1","mn":"ADBE Vector Shape - Ellipse","hd":false},{"ty":"st","c":{"a":0,"k":[0.290196078431,0.78431372549,0.733333333333,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0.5,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[49.625,-52.688],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Ellipse 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":35,"op":44,"st":-5,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"Outer Line Effect End Sphere 1","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":35,"s":[100]},{"t":44,"s":[18]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":35,"s":[256,256,0],"to":[2.124,2.897,0],"ti":[-2.124,-2.897,0]},{"t":44,"s":[268.746,273.381,0]}],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[309,309,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[3.75,3.75],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"nm":"Ellipse Path 1","mn":"ADBE Vector Shape - Ellipse","hd":false},{"ty":"st","c":{"a":0,"k":[0.290196078431,0.78431372549,0.733333333333,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0.5,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[45.875,-50.25],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Ellipse 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":35,"op":44,"st":-5,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"Tick End Effect Sphere 2","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":13,"s":[100]},{"t":19,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":13,"s":[310.847,201.925,0],"to":[1.674,-2.382,0],"ti":[-1.674,2.382,0]},{"t":19,"s":[320.89,187.634,0]}],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[216.3,216.3,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[1.691,0],[0,-1.691],[-1.691,0],[0,1.691]],"o":[[-1.691,0],[0,1.691],[1.691,0],[0,-1.691]],"v":[[0,-3.062],[-3.062,0],[0,3.062],[3.062,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.290196078431,0.78431372549,0.733333333333,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0.5,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[44.125,-57.438],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Ellipse 2","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[1.691,0],[0,-1.691],[-1.691,0],[0,1.691]],"o":[[-1.691,0],[0,1.691],[1.691,0],[0,-1.691]],"v":[[0,-3.062],[-3.062,0],[0,3.062],[3.062,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.290196078431,0.78431372549,0.733333333333,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0.5,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[44.125,-57.438],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Ellipse 1","np":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":13,"op":19,"st":-5,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":"Tick End Effect Sphere 1","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":13,"s":[100]},{"t":19,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":13,"s":[256,256,0],"to":[-0.515,-3.058,0],"ti":[0.515,3.058,0]},{"t":19,"s":[252.91,237.653,0]}],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[309,309,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[1.691,0],[0,-1.691],[-1.691,0],[0,1.691]],"o":[[-1.691,0],[0,1.691],[1.691,0],[0,-1.691]],"v":[[0,-3.062],[-3.062,0],[0,3.062],[3.062,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.290196078431,0.78431372549,0.733333333333,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0.5,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[44.125,-57.438],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Ellipse 2","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[1.691,0],[0,-1.691],[-1.691,0],[0,1.691]],"o":[[-1.691,0],[0,1.691],[1.691,0],[0,-1.691]],"v":[[0,-3.062],[-3.062,0],[0,3.062],[3.062,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.290196078431,0.78431372549,0.733333333333,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0.5,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[44.125,-57.438],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Ellipse 1","np":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":13,"op":19,"st":-5,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":"Tick Mid Effect Sphere 3","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":8,"s":[100]},{"t":18,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":8,"s":[257.448,257.835,0],"to":[-1.577,2.543,0],"ti":[1.577,-2.543,0]},{"t":18,"s":[247.985,273.092,0]}],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[309,309,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.759,0],[0,-0.759],[-0.759,0],[0,0.759]],"o":[[-0.759,0],[0,0.759],[0.759,0],[0,-0.759]],"v":[[0,-1.375],[-1.375,0],[0,1.375],[1.375,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.290196078431,0.78431372549,0.733333333333,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0.5,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[-12.406,36.25],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Ellipse 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":8,"op":18,"st":-5,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":"Tick Mid Effect Sphere 2","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":8,"s":[100]},{"t":18,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":8,"s":[256,256,0],"to":[-1.481,3.734,0],"ti":[1.481,-3.734,0]},{"t":18,"s":[247.116,278.403,0]}],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[309,309,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[6.375,6.375],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"nm":"Ellipse Path 1","mn":"ADBE Vector Shape - Ellipse","hd":false},{"ty":"st","c":{"a":0,"k":[0.290196078431,0.78431372549,0.733333333333,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":1,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[-7.594,40.438],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Ellipse 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":8,"op":18,"st":-5,"bm":0},{"ddd":0,"ind":7,"ty":4,"nm":"Tick Mid Effect Sphere 1","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":8,"s":[100]},{"t":18,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":8,"s":[256,256,0],"to":[3.251,2.768,0],"ti":[-3.251,-2.768,0]},{"t":18,"s":[275.506,272.609,0]}],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[309,309,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[1.484,0],[0,-1.484],[-1.484,0],[0,1.484]],"o":[[-1.484,0],[0,1.484],[1.484,0],[0,-1.484]],"v":[[0,-2.688],[-2.688,0],[0,2.688],[2.688,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.290196078431,0.78431372549,0.733333333333,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":1,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[-2.156,37.688],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Ellipse 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":8,"op":18,"st":-5,"bm":0},{"ddd":0,"ind":8,"ty":4,"nm":"Intro Effect Sphere 1","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":3,"s":[100]},{"t":11,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":3,"s":[55.247,114.922,0],"to":[-0.161,-1.899,0],"ti":[1.159,2.993,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":7,"s":[54.281,103.528,0],"to":[-1.159,-2.993,0],"ti":[0.998,1.094,0]},{"t":11,"s":[48.294,96.962,0]}],"ix":2},"a":{"a":0,"k":[-54.781,-49.094,0],"ix":1},"s":{"a":0,"k":[185.4,185.4,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[4.688,4.688],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"nm":"Ellipse Path 1","mn":"ADBE Vector Shape - Ellipse","hd":false},{"ty":"st","c":{"a":0,"k":[0.290196078431,0.78431372549,0.733333333333,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":1,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[-54.781,-49.094],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Ellipse 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":3,"op":11,"st":-5,"bm":0},{"ddd":0,"ind":9,"ty":4,"nm":"Intro Effect Sphere 1","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":3,"s":[100]},{"t":11,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":3,"s":[78.035,105.266,0],"to":[0.483,-1.996,0],"ti":[-1.642,2.8,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":7,"s":[80.932,93.292,0],"to":[1.642,-2.8,0],"ti":[-1.159,0.805,0]},{"t":11,"s":[87.885,88.464,0]}],"ix":2},"a":{"a":0,"k":[-54.781,-49.094,0],"ix":1},"s":{"a":0,"k":[185.4,185.4,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[4.688,4.688],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"nm":"Ellipse Path 1","mn":"ADBE Vector Shape - Ellipse","hd":false},{"ty":"st","c":{"a":0,"k":[0.290196078431,0.78431372549,0.733333333333,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":1,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[-54.781,-49.094],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Ellipse 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":3,"op":11,"st":-5,"bm":0},{"ddd":0,"ind":10,"ty":4,"nm":"Tick Thin Line","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[256,256,0],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[309,309,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[-34.25,11],[-7,37.75],[35.5,-21]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.290196078431,0.78431372549,0.733333333333,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":5,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":8,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":9,"s":[3]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":10,"s":[12]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":11,"s":[28]},{"t":12,"s":[57]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":5,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":8,"s":[22]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":9,"s":[43]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":10,"s":[77]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":11,"s":[100]},{"t":12,"s":[100]}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false}],"ip":5,"op":12,"st":-5,"bm":0},{"ddd":0,"ind":11,"ty":4,"nm":"Ball","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":0,"s":[32]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":3,"s":[32]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":5,"s":[45]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":6,"s":[47]},{"i":{"x":[0.833],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":7,"s":[-57]},{"i":{"x":[0.833],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":14,"s":[-57]},{"i":{"x":[0.583],"y":[0.795]},"o":{"x":[0.167],"y":[0]},"t":20,"s":[-57]},{"i":{"x":[0.833],"y":[1]},"o":{"x":[0.417],"y":[-1.147]},"t":21,"s":[-104.5]},{"i":{"x":[0.833],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":22,"s":[-96]},{"i":{"x":[0.833],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":23,"s":[-53]},{"i":{"x":[0.833],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":24,"s":[-19]},{"i":{"x":[0.833],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":25,"s":[34]},{"i":{"x":[0.833],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":26,"s":[111]},{"i":{"x":[0.833],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":27,"s":[174]},{"i":{"x":[0.833],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":28,"s":[201]},{"i":{"x":[0.833],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":29,"s":[214]},{"t":30,"s":[226]}],"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[34.486,166.197,0],"to":[5.794,-6.438,0],"ti":[-18.669,-10.429,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":3,"s":[69.248,127.572,0],"to":[18.669,10.429,0],"ti":[-22.016,-28.84,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":5,"s":[146.498,228.769,0],"to":[22.016,28.84,0],"ti":[-19.57,-8.755,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":6,"s":[201.346,300.612,0],"to":[19.57,8.755,0],"ti":[-17.381,13.004,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":7,"s":[263.918,281.299,0],"to":[17.381,-13.004,0],"ti":[-12.36,17.253,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":8,"s":[305.633,222.589,0],"to":[12.36,-17.253,0],"ti":[-12.875,17.381,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":9,"s":[338.078,177.784,0],"to":[12.875,-17.381,0],"ti":[-7.468,9.914,0]},{"i":{"x":0.667,"y":0.667},"o":{"x":0.333,"y":0.333},"t":13,"s":[382.883,118.302,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":14,"s":[382.883,118.302,0],"to":[10.557,9.399,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":15,"s":[382.883,118.302,0],"to":[10.557,9.399,0],"ti":[-21.91,-41.023,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":20,"s":[434.641,186.282,0],"to":[16.555,30.997,0],"ti":[-0.386,-0.772,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":22,"s":[451.056,263.146,0],"to":[0.386,0.772,0],"ti":[0,-1.416,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":23,"s":[395.436,388.291,0],"to":[0,1.416,0],"ti":[0.386,-0.644,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":24,"s":[300.419,445.456,0],"to":[-0.386,0.644,0],"ti":[1.288,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":25,"s":[136.649,407.603,0],"to":[-1.288,0,0],"ti":[1.288,1.545,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":26,"s":[84.891,170.446,0],"to":[-1.288,-1.545,0],"ti":[-1.03,0.772,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":27,"s":[248.661,66.158,0],"to":[1.03,-0.772,0],"ti":[-1.931,0.129,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":28,"s":[335.954,87.016,0],"to":[1.931,-0.129,0],"ti":[-0.129,-0.386,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":29,"s":[369.171,107.101,0],"to":[0.129,0.386,0],"ti":[-0.193,-0.064,0]},{"t":30,"s":[380.759,115.598,0]}],"ix":2},"a":{"a":0,"k":[-59.688,-42.062,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":0,"s":[309,309,100]},{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":3,"s":[309,309,100]},{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":5,"s":[302.82,250.29,100]},{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":6,"s":[358.44,213.21,100]},{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":7,"s":[358.44,213.21,100]},{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":9,"s":[284.28,213.21,100]},{"i":{"x":[0.833,0.833,0.833],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":13,"s":[244.11,244.11,100]},{"i":{"x":[0.833,0.833,0.833],"y":[1,1,1]},"o":{"x":[0.167,0.167,0.167],"y":[0,0,0]},"t":14,"s":[244.11,244.11,100]},{"i":{"x":[0.833,0.833,0.833],"y":[1,1,1]},"o":{"x":[0.167,0.167,0.167],"y":[0,0,0]},"t":20,"s":[244.11,244.11,100]},{"i":{"x":[0.833,0.833,0.833],"y":[1,1,1]},"o":{"x":[0.167,0.167,0.167],"y":[0,0,0]},"t":22,"s":[342.99,244.11,100]},{"i":{"x":[0.833,0.833,0.833],"y":[1,1,1]},"o":{"x":[0.167,0.167,0.167],"y":[0,0,0]},"t":23,"s":[342.99,210.12,100]},{"i":{"x":[0.833,0.833,0.833],"y":[1,1,1]},"o":{"x":[0.167,0.167,0.167],"y":[0,0,0]},"t":24,"s":[342.99,222.48,100]},{"i":{"x":[0.833,0.833,0.833],"y":[1,1,1]},"o":{"x":[0.167,0.167,0.167],"y":[0,0,0]},"t":25,"s":[373.89,207.03,100]},{"i":{"x":[0.833,0.833,0.833],"y":[1,1,1]},"o":{"x":[0.167,0.167,0.167],"y":[0,0,0]},"t":26,"s":[373.89,207.03,100]},{"i":{"x":[0.833,0.833,0.833],"y":[1,1,1]},"o":{"x":[0.167,0.167,0.167],"y":[0,0,0]},"t":27,"s":[315.18,176.13,100]},{"i":{"x":[0.833,0.833,0.833],"y":[1,1,1]},"o":{"x":[0.167,0.167,0.167],"y":[0,0,0]},"t":28,"s":[216.3,117.42,100]},{"i":{"x":[0.833,0.833,0.833],"y":[1,1,1]},"o":{"x":[0.167,0.167,0.167],"y":[0,0,0]},"t":29,"s":[163.77,86.52,100]},{"t":30,"s":[71.07,55.62,100]}],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[21.375,21.375],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"nm":"Ellipse Path 1","mn":"ADBE Vector Shape - Ellipse","hd":false},{"ty":"fl","c":{"a":0,"k":[0.290196078431,0.78431372549,0.733333333333,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[-60.562,-43.562],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Ellipse 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":30,"st":-5,"bm":0},{"ddd":0,"ind":12,"ty":4,"nm":"Tick Main","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[256.386,247.116,0],"ix":2},"a":{"a":0,"k":[0.125,-2.875,0],"ix":1},"s":{"a":0,"k":[309,309,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[-27.375,2.625],[-7.75,21.5],[27.625,-27.25]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.290196078431,0.78431372549,0.733333333333,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":12,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":5,"s":[0]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":6,"s":[11]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":7,"s":[51]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":8,"s":[79]},{"t":11,"s":[100]}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false}],"ip":5,"op":49,"st":-5,"bm":0},{"ddd":0,"ind":13,"ty":4,"nm":"Main Outer Line","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":40,"ix":10},"p":{"a":0,"k":[254.455,259.863,0],"ix":2},"a":{"a":0,"k":[-0.5,1.25,0],"ix":1},"s":{"a":0,"k":[309,309,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[123.5,123.5],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"nm":"Ellipse Path 1","mn":"ADBE Vector Shape - Ellipse","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":16,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":21,"s":[11]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":23,"s":[27]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":24,"s":[35]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":25,"s":[50]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":26,"s":[73]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":27,"s":[89]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":28,"s":[96]},{"t":29,"s":[100]}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"st","c":{"a":0,"k":[0.290196078431,0.78431372549,0.733333333333,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":7,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0.25],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[98.384,97.558],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Ellipse 1","np":4,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":16,"op":49,"st":-5,"bm":0},{"ddd":0,"ind":14,"ty":4,"nm":"Outer Thin Stroke","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":40,"ix":10},"p":{"a":0,"k":[254.455,259.863,0],"ix":2},"a":{"a":0,"k":[-0.5,1.25,0],"ix":1},"s":{"a":0,"k":[355.35,355.35,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[123.5,123.5],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"nm":"Ellipse Path 1","mn":"ADBE Vector Shape - Ellipse","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":16,"s":[0]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":21,"s":[0]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":25,"s":[6]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":26,"s":[20]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":29,"s":[23]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":30,"s":[29]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":31,"s":[45]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":32,"s":[69]},{"t":35,"s":[100]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":16,"s":[0]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":21,"s":[11]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":25,"s":[29]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":28,"s":[50]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":29,"s":[57]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":31,"s":[81]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":32,"s":[100]},{"t":35,"s":[100]}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"st","c":{"a":0,"k":[0.290196078431,0.78431372549,0.733333333333,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0.25],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[98.384,97.558],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Ellipse 1","np":4,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":16,"op":35,"st":-5,"bm":0}]}]'), ve = [{ ddd: 0, ind: 1, ty: 3, nm: "Null 1", sr: 1, ks: { o: { a: 0, k: 0, ix: 11 }, r: { a: 0, k: 0, ix: 10 }, p: { a: 0, k: [256, 256, 0], ix: 2 }, a: { a: 0, k: [0, 0, 0], ix: 1 }, s: { a: 0, k: [309, 309, 100], ix: 6 } }, ao: 0, ip: 0, op: 54, st: 0, bm: 0 }, { ddd: 0, ind: 2, ty: 0, nm: "Pre-comp 1", refId: "comp_0", sr: 1, ks: { o: { a: 0, k: 100, ix: 11 }, r: { a: 0, k: 0, ix: 10 }, p: { a: 0, k: [256, 256, 0], ix: 2 }, a: { a: 0, k: [256, 256, 0], ix: 1 }, s: { a: 0, k: [100, 100, 100], ix: 6 } }, ao: 0, ef: [{ ty: 21, nm: "Fill", np: 9, mn: "ADBE Fill", ix: 1, en: 1, ef: [{ ty: 10, nm: "Fill Mask", mn: "ADBE Fill-0001", ix: 1, v: { a: 0, k: 0, ix: 1 } }, { ty: 7, nm: "All Masks", mn: "ADBE Fill-0007", ix: 2, v: { a: 0, k: 0, ix: 2 } }, { ty: 2, nm: "Color", mn: "ADBE Fill-0002", ix: 3, v: { a: 0, k: [0.289119571447, 0.784313738346, 0.731881439686, 1], ix: 3 } }, { ty: 7, nm: "Invert", mn: "ADBE Fill-0006", ix: 4, v: { a: 0, k: 0, ix: 4 } }, { ty: 0, nm: "Horizontal Feather", mn: "ADBE Fill-0003", ix: 5, v: { a: 0, k: 0, ix: 5 } }, { ty: 0, nm: "Vertical Feather", mn: "ADBE Fill-0004", ix: 6, v: { a: 0, k: 0, ix: 6 } }, { ty: 0, nm: "Opacity", mn: "ADBE Fill-0005", ix: 7, v: { a: 0, k: 1, ix: 7 } }] }], w: 512, h: 512, ip: 5, op: 54, st: 5, bm: 0 }], Ce = [], Ee = {
|
193
|
+
v: me,
|
194
|
+
meta: be,
|
195
|
+
fr: we,
|
196
|
+
ip: he,
|
197
|
+
op: ye,
|
198
|
+
w: fe,
|
199
|
+
h: ke,
|
200
|
+
nm: ge,
|
201
|
+
ddd: Se,
|
202
|
+
assets: Te,
|
203
|
+
layers: ve,
|
204
|
+
markers: Ce
|
205
|
+
}, De = "_gradienttext_uc65n_6", Ne = "_gradientbutton_uc65n_19", O = {
|
206
|
+
gradienttext: De,
|
207
|
+
gradientbutton: Ne
|
208
|
+
};
|
209
|
+
function Ae({ handleBack: e }) {
|
210
|
+
const s = n((x) => x.gradient), r = n((x) => x.persist), a = n((x) => x.configuration), o = r?.stepData.stepType, p = (r?.txnHashObj || [])[r?.stepData?.stepId] || {}, u = o === "bridge" ? p?.destTxnHash || p?.srcTxnHash : p?.srcTxnHash || "", g = r?.historyData?.finalTxnHash, i = u || g || "", d = o === "bridge" ? p?.destTxnUrl || p?.srcTxnUrl : p?.srcTxnUrl || "", C = r?.historyData?.finalTxnUrl, D = d || C || "", m = r.toCoin || {}, b = r.route || {}, S = r.toChain || {};
|
211
|
+
let N = r?.statusData?.outputAmountDisplay || 0, w = (Number(N) ? N : Number(N)) || b?.outputAmountDisplay || 0;
|
212
|
+
return /* @__PURE__ */ c("div", { className: "bw-absolute bw-bg-background-container bw-border-t bw-pt-3 bw-border-border-primary bw-w-full bw-flex bw-flex-col bw-z-50 bw-items-center bw-justify-center bw-bottom-0", children: [
|
213
|
+
/* @__PURE__ */ c(
|
214
|
+
"div",
|
215
|
+
{
|
216
|
+
style: {
|
217
|
+
boxShadow: a && a.customTheme && a.customTheme?.shadow?.boxShadow || "1px 1px 7px rgba(0, 0, 0, 0.15)"
|
218
|
+
},
|
219
|
+
className: "bw-flex bw-items-center bw-rounded-xl bw-w-full bw-justify-between bw-bg-background-container bw-border bw-border-border-primary bw-p-2",
|
220
|
+
children: [
|
221
|
+
/* @__PURE__ */ c("div", { children: [
|
222
|
+
/* @__PURE__ */ t(
|
223
|
+
"p",
|
224
|
+
{
|
225
|
+
style: { ...a.gradientStyle, backgroundClip: "text" },
|
226
|
+
className: `bw-text-lg ${s || `${a?.gradientStyle?.background ? "" : "bw-bg-gradient-to-l bw-from-[#2CFFE4] bw-to-[#A45EFF]"}`} bw-bg-clip-text bw-font-medium bw-text-transparent`,
|
227
|
+
children: "Transaction Successful"
|
228
|
+
}
|
229
|
+
),
|
230
|
+
/* @__PURE__ */ c("p", { className: "bw-text-2xl bw-font-medium bw-text-text-primary", children: [
|
231
|
+
/* @__PURE__ */ t(K, { value: w, decimal: 10 }),
|
232
|
+
" ",
|
233
|
+
m.symbol
|
234
|
+
] }),
|
235
|
+
/* @__PURE__ */ t("p", { className: "bw-text-sm bw-mb-2 bw-font-normal bw-text-text-secondary", children: `Received on ${S.name || S.blockchain} chain` }),
|
236
|
+
/* @__PURE__ */ c("div", { className: "bw-flex bw-items-center bw-gap-x-1", children: [
|
237
|
+
/* @__PURE__ */ t("p", { className: "bw-text-sm bw-font-normal bw-text-text-secondary", children: `Tx id: ${i ? `${i.substring(0, 5)}...${i.substring(
|
238
|
+
i.length - 5,
|
239
|
+
i.length
|
240
|
+
)}` : ""}` }),
|
241
|
+
/* @__PURE__ */ t("div", { className: "bw-cursor-pointer", children: /* @__PURE__ */ t(et, { txnHash: i, children: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(st, { fill: "var(--tw-text-secondary)" }) }) }) }),
|
242
|
+
/* @__PURE__ */ t("a", { href: D, target: "_blank", children: /* @__PURE__ */ t("div", { className: "bw-cursor-pointer", children: /* @__PURE__ */ t(qt, { fill: "var(--tw-text-secondary)" }) }) })
|
243
|
+
] })
|
244
|
+
] }),
|
245
|
+
/* @__PURE__ */ t("div", { className: " bw-flex bw-justify-center bw-items-center bw-w-[105px] bw-h-[105px]", children: /* @__PURE__ */ t(Jt, { animationData: Ee, loop: !0 }) })
|
246
|
+
]
|
247
|
+
}
|
248
|
+
),
|
249
|
+
/* @__PURE__ */ t(
|
250
|
+
"button",
|
251
|
+
{
|
252
|
+
onClick: e,
|
253
|
+
style: { ...a?.gradientStyle },
|
254
|
+
className: `bw-w-full ${O.gradientbutton} bw-rounded-sm bw-h-[50px] bw-p-[3px] bw-mt-3 bw-border-0 bw-relative bw-z-0 disabled:bw-opacity-50 bw-text-2xl bw-font-bold bw-text-text-primary`,
|
255
|
+
children: /* @__PURE__ */ t(
|
256
|
+
"div",
|
257
|
+
{
|
258
|
+
onClick: e,
|
259
|
+
className: "bw-rounded-sm bw-bg-background-container bw-flex bw-items-center bw-justify-center b-w-full bw-h-full",
|
260
|
+
children: "Start Again"
|
261
|
+
}
|
262
|
+
)
|
263
|
+
}
|
264
|
+
)
|
265
|
+
] });
|
266
|
+
}
|
267
|
+
const kt = X.createContext(!1);
|
268
|
+
function Ie({ disableButton: e, handleStep: s, txnProcessType: r, txnTextObj: a }) {
|
269
|
+
const o = n((d) => d.persist), l = n((d) => d.configuration);
|
270
|
+
n((d) => d.cosmosChainIds);
|
271
|
+
const p = n((d) => d.fromChain);
|
272
|
+
let u = e ? {} : { ...l?.gradientStyle };
|
273
|
+
const { isLoading: g } = yt({
|
274
|
+
chainId: [p.chainId],
|
275
|
+
multiChain: !0
|
276
|
+
});
|
277
|
+
let i = o?.fromChain?.networkType == "cosmos" ? g : !1;
|
278
|
+
return !G.isEmpty(o?.stepData) && !i ? /* @__PURE__ */ t(
|
279
|
+
"button",
|
280
|
+
{
|
281
|
+
disabled: e || !a,
|
282
|
+
className: `bw-text-lg bw-flex bw-justify-center bw-items-center bw-gap-x-2 disabled:bw-opacity-60 bw-font-medium bw-h-[50px] bw-w-full bw-rounded-sm ${e ? "bw-bg-border-primary bw-p-[1px]" : O.gradientbutton + " bw-p-[3px]"}`,
|
283
|
+
onClick: s,
|
284
|
+
style: {
|
285
|
+
...u,
|
286
|
+
boxShadow: l && l.customTheme && l.customTheme?.shadow?.boxShadow || "1px 1px 7px rgba(0, 0, 0, 0.15)"
|
287
|
+
},
|
288
|
+
children: /* @__PURE__ */ c("div", { className: "bw-bg-background-container bw-w-full bw-h-full bw-flex bw-items-center bw-justify-center", children: [
|
289
|
+
e || !a && /* @__PURE__ */ t("div", { className: "bw-w-[30px] bw-flex bw-text-text-secondary bw-justify-center bw-items-center bw-h-[30px]", children: /* @__PURE__ */ t(Gt, { size: 22, thickness: 5, color: "inherit" }) }),
|
290
|
+
/* @__PURE__ */ t(
|
291
|
+
"p",
|
292
|
+
{
|
293
|
+
className: ` ${e ? "bw-text-text-secondary bw-font-normal" : "bw-text-text-primary bw-font-bold"} bw-text-2xl `,
|
294
|
+
children: a?.[r == "process" ? "processingCta" : "preCta"]
|
295
|
+
}
|
296
|
+
)
|
297
|
+
] })
|
298
|
+
}
|
299
|
+
) : /* @__PURE__ */ t(Z, { className: "bw-bg-background-secondary bw-rounded-sm bw-w-full", animation: "wave", height: 50 });
|
300
|
+
}
|
301
|
+
function gt({ errorText: e, heading: s = "Transaction Failed" }) {
|
302
|
+
const r = n((a) => a.persist);
|
303
|
+
return /* @__PURE__ */ c(I, { children: [
|
304
|
+
/* @__PURE__ */ t("p", { className: "bw-text-lg bw-font-medium bw-text-text-primary bw-mb-1 bw-text-center", children: s }),
|
305
|
+
/* @__PURE__ */ c("div", { className: "bw-w-full bw-mb-2 ", children: [
|
306
|
+
/* @__PURE__ */ t("p", { className: "bw-text-sm bw-font-bold bw-text-text-primary ", children: "Route Id" }),
|
307
|
+
/* @__PURE__ */ c("div", { className: "bw-flex bw-items-center bw-gap-x-1", children: [
|
308
|
+
/* @__PURE__ */ t("p", { className: "bw-text-sm bw-font-normal bw-text-text-secondary", children: r?.routeId }),
|
309
|
+
/* @__PURE__ */ t(et, { txnHash: r?.routeId, children: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(st, { fill: "var(--tw-text-secondary)" }) }) })
|
310
|
+
] })
|
311
|
+
] }),
|
312
|
+
/* @__PURE__ */ c("div", { className: "bw-text-left bw-w-full bw-mb-2 ", children: [
|
313
|
+
e?.length ? /* @__PURE__ */ t("p", { className: "bw-text-sm bw-font-bold bw-text-text-primary ", children: "Error" }) : /* @__PURE__ */ t(I, {}),
|
314
|
+
/* @__PURE__ */ t("div", { className: "bw-text-left bw-max-h-[60px] bw-overflow-auto ", children: /* @__PURE__ */ t("p", { style: { wordBreak: "break-all" }, className: "bw-text-xs bw-leading-5 bw-pr-2 bw-w-full md:bw-max-w-[420px] bw-font-normal bw-mb-2 bw-text-left bw-text-text-redtext", children: e }) })
|
315
|
+
] })
|
316
|
+
] });
|
317
|
+
}
|
318
|
+
function Fe({ handleGoBack: e, errorText: s, txnTextObj: r, handleExeTxn: a, handleDisable: o }) {
|
319
|
+
const l = n((u) => u.configuration), p = n((u) => u.persist);
|
320
|
+
return /* @__PURE__ */ c("div", { className: "bw-absolute bw-bg-background-container bw-border-t bw-border-border-primary bw-pt-3 bw-w-full bw-bottom-0 bw-flex bw-flex-col bw-justify-center bw-items-center", children: [
|
321
|
+
/* @__PURE__ */ t(gt, { errorText: s }),
|
322
|
+
p.isHistory ? /* @__PURE__ */ t(I, {}) : /* @__PURE__ */ c("div", { className: "bw-w-full bw-flex bw-items-center bw-gap-x-2", children: [
|
323
|
+
/* @__PURE__ */ t(
|
324
|
+
"button",
|
325
|
+
{
|
326
|
+
style: {
|
327
|
+
boxShadow: l && l.customTheme && l.customTheme?.shadow?.boxShadow || "1px 1px 7px rgba(0, 0, 0, 0.15)"
|
328
|
+
},
|
329
|
+
className: "bw-border bw-text-lg bw-flex bw-justify-center bw-items-center bw-gap-x-2 disabled:bw-opacity-60 bw-font-medium bw-h-[50px] bw-w-[50%] bw-bg-background-container bw-border-border-primary",
|
330
|
+
onClick: () => {
|
331
|
+
e();
|
332
|
+
},
|
333
|
+
children: /* @__PURE__ */ t(
|
334
|
+
"p",
|
335
|
+
{
|
336
|
+
style: {
|
337
|
+
...l.gradientStyle,
|
338
|
+
backgroundClip: "text"
|
339
|
+
},
|
340
|
+
className: ` ${O.gradienttext} bw-text-2xl bw-font-normal`,
|
341
|
+
children: "Home"
|
342
|
+
}
|
343
|
+
)
|
344
|
+
}
|
345
|
+
),
|
346
|
+
/* @__PURE__ */ t(
|
347
|
+
"button",
|
348
|
+
{
|
349
|
+
style: {
|
350
|
+
...l?.gradientStyle,
|
351
|
+
boxShadow: l && l.customTheme && l.customTheme?.shadow?.boxShadow || "1px 1px 7px rgba(0, 0, 0, 0.15)"
|
352
|
+
},
|
353
|
+
className: ` bw-text-lg bw-flex bw-justify-center bw-items-center bw-gap-x-2 disabled:bw-opacity-60 bw-font-medium bw-h-[50px] bw-w-[50%] ${O.gradientbutton} bw-rounded-sm bw-p-[3px] `,
|
354
|
+
onClick: () => {
|
355
|
+
a(), o(!0);
|
356
|
+
},
|
357
|
+
children: /* @__PURE__ */ t("div", { className: " bw-bg-background-container bw-w-full bw-h-full bw-flex bw-items-center bw-justify-center", children: /* @__PURE__ */ t(
|
358
|
+
"p",
|
359
|
+
{
|
360
|
+
style: {
|
361
|
+
...l.gradientStyle,
|
362
|
+
backgroundClip: "text"
|
363
|
+
},
|
364
|
+
className: " bw-text-text-primary bw-text-2xl bw-font-bold",
|
365
|
+
children: "Try Again"
|
366
|
+
}
|
367
|
+
) })
|
368
|
+
}
|
369
|
+
)
|
370
|
+
] })
|
371
|
+
] });
|
372
|
+
}
|
373
|
+
function Be({ txnTextObj: e, txnProcessType: s, errorText: r, allSteps: a }) {
|
374
|
+
const o = n((l) => l.persist);
|
375
|
+
return /* @__PURE__ */ c(I, { children: [
|
376
|
+
/* @__PURE__ */ t("p", { className: "bw-text-lg bw-font-medium bw-mb-1 bw-text-text-primary", children: o?.stepStatus && o?.stepStatus[a?.currentStep] ? e?.status?.[o?.stepStatus[a?.currentStep]?.status] || e?.[o?.stepStatus[a?.currentStep]?.type] : "" }),
|
377
|
+
/* @__PURE__ */ t("p", { className: "bw-text-sm bw-text-center bw-font-medium bw-mb-4 bw-text-text-secondary", children: e?.[s == "process" ? "processingDescription" : s == "loading" ? "loadingDescription" : "preDescription"] }),
|
378
|
+
/* @__PURE__ */ t("p", { className: "bw-text-xs bw-font-normal bw-text-center bw-text-text-redtext ", children: r })
|
379
|
+
] });
|
380
|
+
}
|
381
|
+
function je({ i: e, item: s }) {
|
382
|
+
const a = n((u) => u.persist)?.txnHashObj || [], o = a[s.stepId]?.destTxnUrl?.length ? a[s.stepId]?.destTxnUrl : a[s.stepId]?.srcTxnUrl, l = s.destTxnUrl || s.srcTxnUrl, p = o || l;
|
383
|
+
return p?.length ? /* @__PURE__ */ t("a", { target: "_blank", className: "bw-relative bw-z-50 bw-mt-1", href: p, children: /* @__PURE__ */ t(pe, { children: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(ue, { fill: "var(--tw-text-primary)" }) }) }) }) : /* @__PURE__ */ t(I, {});
|
384
|
+
}
|
385
|
+
function $e({ item: e, i: s }) {
|
386
|
+
const { isErrorMessage: r } = H(z), a = n((o) => o.persist);
|
387
|
+
return /* @__PURE__ */ c("div", { children: [
|
388
|
+
/* @__PURE__ */ t("h1", { className: ` ${e?.texts?.heading?.length > 34 ? "bw-text-base" : "bw-text-lg"} ${a?.allSteps?.currentStep == s ? "bw-text-text-primary" : "bw-text-text-secondary"} bw-leading-none bw-mt-[-2px]`, children: e?.texts?.heading }),
|
389
|
+
a?.stepStatus && a?.stepStatus[s] ? /* @__PURE__ */ t(I, { children: /* @__PURE__ */ t("p", { className: "bw-text-sm bw-text-text-secondary bw-ml-3 bw-mt-1", children: r && a?.stepStatus[s]?.status !== "failed" && s == a?.allSteps?.currentStep ? "Failed" : e?.texts?.status?.[a?.stepStatus[s]?.status] || e?.texts?.[a?.stepStatus[s]?.type] }) }) : s == 0 ? /* @__PURE__ */ t("div", { className: "bw-h-[20px] bw-mt-[4px] bw-w-full", children: /* @__PURE__ */ t(Z, { className: "bw-bg-background-secondary bw-rounded-lg bw-w-full", animation: "wave" }) }) : /* @__PURE__ */ t(I, {})
|
390
|
+
] });
|
391
|
+
}
|
392
|
+
function ot({ spinnerColor: e, stopColor: s }) {
|
393
|
+
return /* @__PURE__ */ c(
|
394
|
+
"svg",
|
395
|
+
{
|
396
|
+
width: "17",
|
397
|
+
height: "18",
|
398
|
+
viewBox: "0 0 17 18",
|
399
|
+
fill: "none",
|
400
|
+
xmlns: "http://www.w3.org/2000/svg",
|
401
|
+
children: [
|
402
|
+
/* @__PURE__ */ t(
|
403
|
+
"path",
|
404
|
+
{
|
405
|
+
d: "M5.23438 8.90997L7.625 11.1346L12.0948 5.18945",
|
406
|
+
stroke: "url(#paint0_linear_2764_26377)",
|
407
|
+
"stroke-width": "1.5"
|
408
|
+
}
|
409
|
+
),
|
410
|
+
/* @__PURE__ */ t(
|
411
|
+
"path",
|
412
|
+
{
|
413
|
+
d: "M16.0563 13.3423C14.5038 15.802 11.778 17.4336 8.67473 17.4336C5.16232 17.4336 2.1335 15.3435 0.742188 12.3281",
|
414
|
+
stroke: "#8A8F8E",
|
415
|
+
"stroke-width": "0.25"
|
416
|
+
}
|
417
|
+
),
|
418
|
+
/* @__PURE__ */ t(
|
419
|
+
"path",
|
420
|
+
{
|
421
|
+
d: "M16.0563 13.3423C14.5038 15.802 11.778 17.4336 8.67473 17.4336C5.16232 17.4336 2.1335 15.3435 0.742188 12.3281",
|
422
|
+
stroke: "#8A8F8E",
|
423
|
+
"stroke-width": "0.25"
|
424
|
+
}
|
425
|
+
),
|
426
|
+
/* @__PURE__ */ t("circle", { cx: "8.68848", cy: "8.7041", r: "7.48535", stroke: "#8A8F8E" }),
|
427
|
+
/* @__PURE__ */ t("defs", { children: /* @__PURE__ */ c(
|
428
|
+
"linearGradient",
|
429
|
+
{
|
430
|
+
id: "paint0_linear_2764_26377",
|
431
|
+
x1: "13.3956",
|
432
|
+
y1: "7.30551",
|
433
|
+
x2: "0.983954",
|
434
|
+
y2: "7.29133",
|
435
|
+
gradientUnits: "userSpaceOnUse",
|
436
|
+
children: [
|
437
|
+
/* @__PURE__ */ t("stop", { "stop-color": e || "#2CFFE4" }),
|
438
|
+
/* @__PURE__ */ t("stop", { offset: "1", "stop-color": s || "#A45EFF" })
|
439
|
+
]
|
440
|
+
}
|
441
|
+
) })
|
442
|
+
]
|
443
|
+
}
|
444
|
+
);
|
445
|
+
}
|
446
|
+
const Ve = "4.8.0", He = { g: "LottieFiles AE 3.5.7", a: "", k: "", d: "", tc: "" }, Pe = 25, Me = 0, _e = 51, Ge = 512, Ue = 512, Oe = "Comp 1", Le = 0, Re = [], We = [{ ddd: 0, ind: 1, ty: 4, nm: "Shape Layer 1", sr: 1, ks: { o: { a: 0, k: 100, ix: 11 }, r: { a: 0, k: 0, ix: 10 }, p: { a: 0, k: [256, 256, 0], ix: 2 }, a: { a: 0, k: [-7, -8, 0], ix: 1 }, s: { a: 0, k: [100, 100, 100], ix: 6 } }, ao: 0, shapes: [{ ty: "gr", it: [{ d: 1, ty: "el", s: { a: 0, k: [214, 214], ix: 2 }, p: { a: 0, k: [0, 0], ix: 3 }, nm: "Ellipse Path 1", mn: "ADBE Vector Shape - Ellipse", hd: !1 }, { ty: "fl", c: { a: 0, k: [1, 1, 1, 1], ix: 4 }, o: { a: 0, k: 100, ix: 5 }, r: 1, bm: 2, nm: "Fill 1", mn: "ADBE Vector Graphic - Fill", hd: !1 }, { ty: "tr", p: { a: 0, k: [-7, -8], ix: 2 }, a: { a: 0, k: [0, 0], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "Transform" }], nm: "Ellipse 1", np: 3, cix: 2, bm: 0, ix: 1, mn: "ADBE Vector Group", hd: !1 }], ip: 0, op: 51, st: 0, bm: 0 }, { ddd: 0, ind: 2, ty: 4, nm: "Shape Layer 2", sr: 1, ks: { o: { a: 1, k: [{ i: { x: [0.667], y: [1] }, o: { x: [0.333], y: [0] }, t: 11, s: [100] }, { i: { x: [0.667], y: [1] }, o: { x: [0.333], y: [0] }, t: 25, s: [0] }, { i: { x: [0.667], y: [1] }, o: { x: [0.333], y: [0] }, t: 37, s: [100] }, { t: 51, s: [0] }], ix: 11 }, r: { a: 0, k: 0, ix: 10 }, p: { a: 0, k: [256, 256, 0], ix: 2 }, a: { a: 0, k: [-7, -8, 0], ix: 1 }, s: { a: 1, k: [{ i: { x: [0.667, 0.667, 0.667], y: [1, 1, 1] }, o: { x: [0.333, 0.333, 0.333], y: [0, 0, 0] }, t: 0, s: [59, 59, 100] }, { i: { x: [0.667, 0.667, 0.667], y: [1, 1, 1] }, o: { x: [0.333, 0.333, 0.333], y: [0, 0, 0] }, t: 25, s: [228, 228, 100] }, { i: { x: [0.667, 0.667, 0.667], y: [1, 1, 1] }, o: { x: [0.333, 0.333, 0.333], y: [0, 0, 0] }, t: 26, s: [59, 59, 100] }, { t: 51, s: [228, 228, 100] }], ix: 6 } }, ao: 0, shapes: [{ ty: "gr", it: [{ d: 1, ty: "el", s: { a: 0, k: [214, 214], ix: 2 }, p: { a: 0, k: [0, 0], ix: 3 }, nm: "Ellipse Path 1", mn: "ADBE Vector Shape - Ellipse", hd: !1 }, { ty: "fl", c: { a: 0, k: [1, 1, 1, 1], ix: 4 }, o: { a: 0, k: 100, ix: 5 }, r: 1, bm: 2, nm: "Fill 1", mn: "ADBE Vector Graphic - Fill", hd: !1 }, { ty: "tr", p: { a: 0, k: [-7, -8], ix: 2 }, a: { a: 0, k: [0, 0], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "Transform" }], nm: "Ellipse 1", np: 3, cix: 2, bm: 0, ix: 1, mn: "ADBE Vector Group", hd: !1 }], ip: 0, op: 51, st: 0, bm: 0 }], Qe = [], ze = {
|
447
|
+
v: Ve,
|
448
|
+
meta: He,
|
449
|
+
fr: Pe,
|
450
|
+
ip: Me,
|
451
|
+
op: _e,
|
452
|
+
w: Ge,
|
453
|
+
h: Ue,
|
454
|
+
nm: Oe,
|
455
|
+
ddd: Le,
|
456
|
+
assets: Re,
|
457
|
+
layers: We,
|
458
|
+
markers: Qe
|
459
|
+
};
|
460
|
+
function qe() {
|
461
|
+
const e = q(null), s = n((r) => r.configuration);
|
462
|
+
return A(() => {
|
463
|
+
const r = Ut.loadAnimation({
|
464
|
+
container: e.current,
|
465
|
+
animationData: Kt.flatten(
|
466
|
+
s?.gradientStyle?.spinnerColor ? s?.gradientStyle?.spinnerColor : "#2CFFE4",
|
467
|
+
ze
|
468
|
+
)
|
469
|
+
});
|
470
|
+
return () => r.destroy();
|
471
|
+
}, []), /* @__PURE__ */ t("div", { style: { width: "100%", height: "100%" }, ref: e });
|
472
|
+
}
|
473
|
+
function Je({ allSteps: e, disableButton: s, i: r, arr: a }) {
|
474
|
+
const o = n((d) => d.configuration), { txnupdate: l } = bt, { isErrorMessage: p } = H(z), i = n((d) => d.persist)?.historyData?.currentStepStatus || "";
|
475
|
+
return /* @__PURE__ */ c("div", { className: "bw-w-[18px] bw-min-h-full bw-relative bw-flex bw-flex-col bw-justify-center bw-items-center ", children: [
|
476
|
+
e?.currentStep < r ? /* @__PURE__ */ t("div", { className: "bw-w-[18px] bw-rounded-[50%] bw-h-[18px] bw-bg-background-container bw-border bw-border-border-primary " }) : e?.currentStep == r ? s ? /* @__PURE__ */ t(I, { children: /* @__PURE__ */ t("div", { className: " bw-w-[18px] bw-h-[18px] ", children: /* @__PURE__ */ t(Xt, {}) }) }) : p ? (
|
477
|
+
// <CloseIcon width={18} height={18} fill={"var(--tw-text-primary)"} />
|
478
|
+
/* @__PURE__ */ t("img", { src: l, width: 27, height: 27, alt: "img" })
|
479
|
+
) : i == "success" ? /* @__PURE__ */ t(
|
480
|
+
ot,
|
481
|
+
{
|
482
|
+
spinnerColor: o?.gradientStyle?.spinnerColor,
|
483
|
+
stopColor: o?.gradientStyle?.stopColor
|
484
|
+
}
|
485
|
+
) : i == "failed" ? /* @__PURE__ */ t("img", { src: l, width: 27, height: 27, alt: "img" }) : /* @__PURE__ */ t("div", { className: "bw-w-[18px] bw-h-[18px]", children: /* @__PURE__ */ t(qe, {}) }) : /* @__PURE__ */ t(
|
486
|
+
ot,
|
487
|
+
{
|
488
|
+
spinnerColor: o?.gradientStyle?.spinnerColor,
|
489
|
+
stopColor: o?.gradientStyle?.stopColor
|
490
|
+
}
|
491
|
+
),
|
492
|
+
r !== a.length - 1 ? /* @__PURE__ */ t(
|
493
|
+
"div",
|
494
|
+
{
|
495
|
+
className: "bw-h-[30px] bw-absolute bw-w-[1px] bw-bottom-[-200%] bw-bg-background-secondary"
|
496
|
+
}
|
497
|
+
) : /* @__PURE__ */ t(I, {})
|
498
|
+
] });
|
499
|
+
}
|
500
|
+
const Ze = "_container_1e7nb_1", Ke = "_dash_1e7nb_9", Xe = "_uno_1e7nb_17", Ye = "_dos_1e7nb_23", ts = "_tres_1e7nb_29", es = "_cuatro_1e7nb_35", V = {
|
501
|
+
container: Ze,
|
502
|
+
dash: Ke,
|
503
|
+
uno: Xe,
|
504
|
+
dos: Ye,
|
505
|
+
tres: ts,
|
506
|
+
cuatro: es
|
507
|
+
};
|
508
|
+
function ss() {
|
509
|
+
return /* @__PURE__ */ c("div", { className: V.container, children: [
|
510
|
+
/* @__PURE__ */ t("div", { className: `${V.dash} ${V.uno}` }),
|
511
|
+
/* @__PURE__ */ t("div", { className: `${V.dash} ${V.dos}` }),
|
512
|
+
/* @__PURE__ */ t("div", { className: `${V.dash} ${V.tres}` }),
|
513
|
+
/* @__PURE__ */ t("div", { className: `${V.dash} ${V.cuatro}` })
|
514
|
+
] });
|
515
|
+
}
|
516
|
+
function as({ handleUpdate: e }) {
|
517
|
+
const s = n((k) => k.configuration), r = n((k) => k.persist), { address: a } = tt(), { address: o } = pt(), { primaryWallet: l } = ft(), { getWallet: p } = mt({}), u = n((k) => k.setPersist), g = n((k) => k.customWallet), i = n((k) => k.customFee), d = n((k) => k.broadCastMode), C = n((k) => k.evmGas), D = n((k) => k.evmSpeed), m = n((k) => k.slippage), b = n((k) => k.option), S = n((k) => k.gasless), { data: N } = Zt(), f = ["routesTxn", a, r?.fromChain, r?.toChain, r?.fromCoin, r?.toCoin, r?.amount || r?.route?.inputAmountDisplay || 0, l?.address, o, g, N?.bech32Address, i, C, D, m, d, b.value, "", S];
|
518
|
+
let w = (d === "Priority Fee" || d === "Both") && i?.length ? i : b.value, x = (d === "Jito Tip" || d === "Both") && i?.length ? i : b.value, T = C?.length ? C : D.value;
|
519
|
+
const h = r?.fromChain?.networkType === "sol" ? d === "Priority Fee" ? `&solanaPriorityFee=${w}` : d === "Jito Tip" ? `&solanaJitoTip=${x}` : `&solanaPriorityFee=${w}&solanaJitoTip=${x}` : r?.fromChain?.networkType === "evm" ? `&evmPriorityFee=${T}` : "", { routes: y, routesData: v } = te({
|
520
|
+
enabled: !0,
|
521
|
+
dependency: f,
|
522
|
+
payload: [
|
523
|
+
r?.fromChain?.networkType === "cosmos" ? nt(N?.bech32Address, r?.fromChain?.chainInfo?.bech32Config.bech32PrefixAccAddr) : r?.route?.userWalletAddress || p(r?.fromChain)?.address || "",
|
524
|
+
r?.fromChain,
|
525
|
+
r?.toChain,
|
526
|
+
r?.fromCoin,
|
527
|
+
r?.toCoin,
|
528
|
+
r?.amount || r?.route?.inputAmountDisplay || 0,
|
529
|
+
Number(m) * 100,
|
530
|
+
g?.length > 30 ? r?.route?.recipient || p({})?.address || "" : r?.toChain?.networkType === "cosmos" ? nt(N?.bech32Address, r?.toChain?.chainInfo?.bech32Config.bech32PrefixAccAddr) : r?.route?.recipient || p(r?.toChain)?.address || "",
|
531
|
+
h,
|
532
|
+
1,
|
533
|
+
S
|
534
|
+
]
|
535
|
+
});
|
536
|
+
let F = v?.outputAmountDisplay || "";
|
537
|
+
async function B() {
|
538
|
+
if (r.isQuoteTimer === !1) {
|
539
|
+
let k = await y.refetch();
|
540
|
+
k.status === "success" && k.data.status === "success" && u({
|
541
|
+
...n.getState().persist,
|
542
|
+
isQuoteTimer: !0
|
543
|
+
});
|
544
|
+
}
|
545
|
+
}
|
546
|
+
A(() => {
|
547
|
+
B();
|
548
|
+
}, [r.isQuoteTimer]);
|
549
|
+
function j() {
|
550
|
+
e(), u({
|
551
|
+
stepData: {},
|
552
|
+
quote: "enable",
|
553
|
+
isTimerStarted: !1,
|
554
|
+
routeId: v?.routeId || "",
|
555
|
+
route: v,
|
556
|
+
toChain: r?.toChain || {},
|
557
|
+
toCoin: r?.toCoin || {},
|
558
|
+
fromChain: r?.fromChain || {},
|
559
|
+
fromCoin: r?.fromCoin || {},
|
560
|
+
amount: r?.amount,
|
561
|
+
openAt: (/* @__PURE__ */ new Date()).getTime(),
|
562
|
+
nextTx: null,
|
563
|
+
startTime: (/* @__PURE__ */ new Date()).getTime(),
|
564
|
+
showAcceptQuote: !1,
|
565
|
+
loading: !0
|
566
|
+
});
|
567
|
+
}
|
568
|
+
return /* @__PURE__ */ c("div", { className: "bw-w-full bw-absolute bw-border-t bw-border-border-primary bw-pt-3 bw-bottom-0 bw-flex bw-flex-col bw-justify-center bw-items-center", children: [
|
569
|
+
/* @__PURE__ */ t("p", { className: "bw-text-text-primary bw-text-lg bw-font-semibold", children: "Quote Expired!" }),
|
570
|
+
/* @__PURE__ */ t("p", { className: "bw-text-text-secondary bw-text-sm bw-font-medium", children: "Please accept the new quote, or go back to select manually" }),
|
571
|
+
/* @__PURE__ */ c("div", { className: "bw-w-full bw-mt-4 bw-px-2 bw-flex bw-items-center ba-gap-x-2 bw-justify-between", children: [
|
572
|
+
/* @__PURE__ */ c("div", { children: [
|
573
|
+
y.isLoading || y.isFetching ? /* @__PURE__ */ t(Z, { className: "bw-bg-background-secondary bw-mb-1 bw-rounded-lg bw-h-[20px] bw-w-[150px] bw-min-h-[20px]", variant: "rectangular", animation: "wave", height: 20, width: 100 }) : /* @__PURE__ */ c("p", { className: "bw-text-text-lg bw-font-bold bw-text-text-primary", children: [
|
574
|
+
/* @__PURE__ */ t(K, { value: F?.toString(), decimal: 12 }),
|
575
|
+
" ",
|
576
|
+
v?.to?.symbol || ""
|
577
|
+
] }),
|
578
|
+
y.isLoading || y.isFetching ? /* @__PURE__ */ t(Z, { className: "bw-bg-background-secondary bw-rounded-lg bw-h-[20px] bw-w-[70px] bw-min-h-[20px]", variant: "rectangular", animation: "wave", height: 20, width: 70 }) : /* @__PURE__ */ c("p", { className: "bw-text-text-sm bw-font-normal bw-text-text-secondary", children: [
|
579
|
+
"$ ",
|
580
|
+
/* @__PURE__ */ t(K, { value: Ot((v?.outputAmountDisplay || "") * v?.to?.lastPrice || 0, 10), decimal: 12 })
|
581
|
+
] })
|
582
|
+
] }),
|
583
|
+
/* @__PURE__ */ t(
|
584
|
+
"button",
|
585
|
+
{
|
586
|
+
disabled: y.isFetching || y.isLoading,
|
587
|
+
className: `bw-text-lg bw-flex bw-justify-center bw-items-center bw-gap-x-2 disabled:bw-opacity-60 bw-font-medium bw-h-[50px] bw-w-1/2 bw-rounded-sm ${O.gradientbutton + " bw-p-[3px]"}`,
|
588
|
+
onClick: j,
|
589
|
+
style: {
|
590
|
+
...s?.gradientStyle,
|
591
|
+
boxShadow: s && s.customTheme && s.customTheme?.shadow?.boxShadow || "1px 1px 7px rgba(0, 0, 0, 0.15)"
|
592
|
+
},
|
593
|
+
children: /* @__PURE__ */ t("p", { className: "bw-w-full bw-h-full bw-bg-background-container bw-text-text-primary bw-font-bold bw-flex bw-items-center bw-justify-center", children: "Accept Quote" })
|
594
|
+
}
|
595
|
+
)
|
596
|
+
] })
|
597
|
+
] });
|
598
|
+
}
|
599
|
+
function rs({ handleBack: e }) {
|
600
|
+
const { txnupdate: s } = bt, r = n((d) => d.persist), a = n((d) => d.configuration), o = r?.stepData.stepType, p = (r?.txnHashObj || [])[r?.stepData?.stepId] || {}, u = o === "bridge" ? p?.destTxnHash || p?.srcTxnHash : p?.srcTxnHash || "", g = r?.historyData?.finalTxnHash, i = u || g || "";
|
601
|
+
return /* @__PURE__ */ c("div", { className: "bw-absolute bw-bg-background-container bw-bottom-0", children: [
|
602
|
+
/* @__PURE__ */ c("div", { className: "bw-w-full bw-flex bw-items-center bw-p-3 bw-h-[141px] bw-rounded-xl bw-border bw-border-border-primary", children: [
|
603
|
+
/* @__PURE__ */ c("div", { className: "bw-w-[60%]", children: [
|
604
|
+
/* @__PURE__ */ t("p", { className: "bw-text-text-secondary bw-mb-2 bw-text-lg bw-font-medium", children: "Transaction Update" }),
|
605
|
+
/* @__PURE__ */ c("p", { className: "bw-text-text-primary bw-text-2xl bw-font-bold", children: [
|
606
|
+
wt(r?.statusData?.outputAmountDisplay || "", 10),
|
607
|
+
" ",
|
608
|
+
r?.statusData?.outputToken?.symbol || "",
|
609
|
+
" ",
|
610
|
+
/* @__PURE__ */ t("br", {})
|
611
|
+
] }),
|
612
|
+
/* @__PURE__ */ c("p", { className: "bw-text-text-secondary bw-mb-2 bw-text-sm bw-font-normal", children: [
|
613
|
+
"Received on ",
|
614
|
+
r.toChain.name,
|
615
|
+
" chain",
|
616
|
+
" "
|
617
|
+
] }),
|
618
|
+
/* @__PURE__ */ c("div", { className: "bw-text-text-secondary bw-flex bw-items-center bw-gap-x-1 bw-mb-2 bw-text-sm bw-font-medium", children: [
|
619
|
+
`Txn Id:${i ? `${i.substring(0, 5)}...${i.substring(
|
620
|
+
i.length - 5,
|
621
|
+
i.length
|
622
|
+
)}` : ""}`,
|
623
|
+
/* @__PURE__ */ t("div", { className: "bw-cursor-pointer ", children: /* @__PURE__ */ t(et, { txnHash: i, children: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(st, { fill: "var(--tw-text-secondary)" }) }) }) })
|
624
|
+
] })
|
625
|
+
] }),
|
626
|
+
/* @__PURE__ */ t("div", { className: "bw-w-[40%] bw-flex bw-items-center bw-justify-center", children: /* @__PURE__ */ t("img", { src: s, width: 108, height: 100, alt: "img" }) })
|
627
|
+
] }),
|
628
|
+
/* @__PURE__ */ c("p", { className: "bw-text-sm bw-text-center bw-text-text-secondary bw-font-normal bw-mt-3", children: [
|
629
|
+
"Due to liquidity error on providers end your",
|
630
|
+
" ",
|
631
|
+
/* @__PURE__ */ c("b", { className: "bw-text-text-primary", children: [
|
632
|
+
"receiving token has been changed to",
|
633
|
+
" ",
|
634
|
+
r?.statusData?.outputToken?.symbol || "",
|
635
|
+
" on",
|
636
|
+
" ",
|
637
|
+
r?.statusData?.outputToken?.blockchain
|
638
|
+
] })
|
639
|
+
] }),
|
640
|
+
/* @__PURE__ */ t(
|
641
|
+
"button",
|
642
|
+
{
|
643
|
+
onClick: e,
|
644
|
+
style: { ...a?.gradientStyle },
|
645
|
+
className: `bw-w-full ${O.gradientbutton} bw-rounded-sm bw-h-[50px] bw-p-[3px] bw-mt-3 bw-border-0 bw-relative bw-z-0 disabled:bw-opacity-50 bw-text-2xl bw-font-bold bw-text-text-primary`,
|
646
|
+
children: /* @__PURE__ */ t(
|
647
|
+
"div",
|
648
|
+
{
|
649
|
+
onClick: e,
|
650
|
+
className: "bw-rounded-sm bw-bg-background-container bw-flex bw-items-center bw-justify-center b-w-full bw-h-full",
|
651
|
+
children: "Start Again"
|
652
|
+
}
|
653
|
+
)
|
654
|
+
}
|
655
|
+
)
|
656
|
+
] });
|
657
|
+
}
|
658
|
+
function lt({ handleBack: e, errorText: s }) {
|
659
|
+
const r = n((a) => a.configuration);
|
660
|
+
return /* @__PURE__ */ c(I, { children: [
|
661
|
+
/* @__PURE__ */ t(gt, { errorText: s, heading: "Transaction Expired" }),
|
662
|
+
/* @__PURE__ */ t("button", { onClick: e, style: { ...r?.gradientStyle }, className: `bw-w-full ${O.gradientbutton} bw-rounded-sm bw-h-[50px] bw-p-[3px] bw-border-0 bw-relative bw-z-0 disabled:bw-opacity-50 bw-text-2xl bw-font-bold bw-text-text-primary`, children: /* @__PURE__ */ t("div", { onClick: e, className: "bw-rounded-sm bw-bg-background-container bw-flex bw-items-center bw-justify-center b-w-full bw-h-full", children: "Start a New Transaction" }) })
|
663
|
+
] });
|
664
|
+
}
|
665
|
+
function ns({ fill: e, stroke: s }) {
|
666
|
+
return /* @__PURE__ */ c(
|
667
|
+
"svg",
|
668
|
+
{
|
669
|
+
width: "113",
|
670
|
+
height: "62",
|
671
|
+
viewBox: "0 0 113 62",
|
672
|
+
fill: "none",
|
673
|
+
xmlns: "http://www.w3.org/2000/svg",
|
674
|
+
children: [
|
675
|
+
/* @__PURE__ */ t(
|
676
|
+
"rect",
|
677
|
+
{
|
678
|
+
x: "8.4375",
|
679
|
+
y: "24.9023",
|
680
|
+
width: "78.9692",
|
681
|
+
height: "36.4567",
|
682
|
+
rx: "9.5",
|
683
|
+
fill: e,
|
684
|
+
stroke: s
|
685
|
+
}
|
686
|
+
),
|
687
|
+
/* @__PURE__ */ t(
|
688
|
+
"rect",
|
689
|
+
{
|
690
|
+
x: "15.5742",
|
691
|
+
y: "32.5957",
|
692
|
+
width: "42.7954",
|
693
|
+
height: "14.5366",
|
694
|
+
rx: "4",
|
695
|
+
fill: s
|
696
|
+
}
|
697
|
+
),
|
698
|
+
/* @__PURE__ */ t(
|
699
|
+
"rect",
|
700
|
+
{
|
701
|
+
x: "38.8398",
|
702
|
+
y: "50.0684",
|
703
|
+
width: "42.7954",
|
704
|
+
height: "6.99623",
|
705
|
+
rx: "3.49811",
|
706
|
+
fill: s
|
707
|
+
}
|
708
|
+
),
|
709
|
+
/* @__PURE__ */ t(
|
710
|
+
"rect",
|
711
|
+
{
|
712
|
+
x: "1.25",
|
713
|
+
y: "19.043",
|
714
|
+
width: "15.3647",
|
715
|
+
height: "15.2004",
|
716
|
+
rx: "4.5",
|
717
|
+
fill: e,
|
718
|
+
stroke: s
|
719
|
+
}
|
720
|
+
),
|
721
|
+
/* @__PURE__ */ c("g", { filter: "url(#filter0_d_8010_16559)", children: [
|
722
|
+
/* @__PURE__ */ t(
|
723
|
+
"path",
|
724
|
+
{
|
725
|
+
d: "M87.8168 13.1918L101.18 36.3366C102.795 39.134 100.776 42.6307 97.5456 42.6307H70.8202C67.5901 42.6307 65.5713 39.134 67.1864 36.3366L80.549 13.1918C82.1641 10.3944 86.2018 10.3944 87.8168 13.1918Z",
|
726
|
+
fill: e,
|
727
|
+
stroke: s
|
728
|
+
}
|
729
|
+
),
|
730
|
+
/* @__PURE__ */ t(
|
731
|
+
"path",
|
732
|
+
{
|
733
|
+
d: "M85.6358 19.2969V26.2041C85.6358 26.9367 85.5995 27.6572 85.5271 28.3656C85.4546 29.066 85.362 29.8107 85.2493 30.5996H83.2206C83.1079 29.8107 83.0154 29.066 82.9429 28.3656C82.8705 27.6572 82.8342 26.9367 82.8342 26.2041V19.2969H85.6358ZM82.3633 35.1159C82.3633 34.8663 82.4076 34.6288 82.4961 34.4034C82.5927 34.178 82.7215 33.9848 82.8825 33.8238C83.0516 33.6628 83.2488 33.534 83.4742 33.4374C83.6996 33.3408 83.9412 33.2925 84.1988 33.2925C84.4483 33.2925 84.6858 33.3408 84.9112 33.4374C85.1366 33.534 85.3298 33.6628 85.4909 33.8238C85.6599 33.9848 85.7927 34.178 85.8893 34.4034C85.986 34.6288 86.0343 34.8663 86.0343 35.1159C86.0343 35.3735 85.986 35.615 85.8893 35.8404C85.7927 36.0578 85.6599 36.247 85.4909 36.408C85.3298 36.569 85.1366 36.6938 84.9112 36.7823C84.6858 36.8789 84.4483 36.9272 84.1988 36.9272C83.9412 36.9272 83.6996 36.8789 83.4742 36.7823C83.2488 36.6938 83.0516 36.569 82.8825 36.408C82.7215 36.247 82.5927 36.0578 82.4961 35.8404C82.4076 35.615 82.3633 35.3735 82.3633 35.1159Z",
|
734
|
+
fill: s
|
735
|
+
}
|
736
|
+
)
|
737
|
+
] }),
|
738
|
+
/* @__PURE__ */ t("defs", { children: /* @__PURE__ */ c(
|
739
|
+
"filter",
|
740
|
+
{
|
741
|
+
id: "filter0_d_8010_16559",
|
742
|
+
x: "56.1172",
|
743
|
+
y: "0.59375",
|
744
|
+
width: "56.1328",
|
745
|
+
height: "52.5371",
|
746
|
+
filterUnits: "userSpaceOnUse",
|
747
|
+
"color-interpolation-filters": "sRGB",
|
748
|
+
children: [
|
749
|
+
/* @__PURE__ */ t("feFlood", { "flood-opacity": "0", result: "BackgroundImageFix" }),
|
750
|
+
/* @__PURE__ */ t(
|
751
|
+
"feColorMatrix",
|
752
|
+
{
|
753
|
+
in: "SourceAlpha",
|
754
|
+
type: "matrix",
|
755
|
+
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
|
756
|
+
result: "hardAlpha"
|
757
|
+
}
|
758
|
+
),
|
759
|
+
/* @__PURE__ */ t("feOffset", {}),
|
760
|
+
/* @__PURE__ */ t("feGaussianBlur", { stdDeviation: "5" }),
|
761
|
+
/* @__PURE__ */ t("feComposite", { in2: "hardAlpha", operator: "out" }),
|
762
|
+
/* @__PURE__ */ t(
|
763
|
+
"feColorMatrix",
|
764
|
+
{
|
765
|
+
type: "matrix",
|
766
|
+
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"
|
767
|
+
}
|
768
|
+
),
|
769
|
+
/* @__PURE__ */ t(
|
770
|
+
"feBlend",
|
771
|
+
{
|
772
|
+
mode: "normal",
|
773
|
+
in2: "BackgroundImageFix",
|
774
|
+
result: "effect1_dropShadow_8010_16559"
|
775
|
+
}
|
776
|
+
),
|
777
|
+
/* @__PURE__ */ t(
|
778
|
+
"feBlend",
|
779
|
+
{
|
780
|
+
mode: "normal",
|
781
|
+
in: "SourceGraphic",
|
782
|
+
in2: "effect1_dropShadow_8010_16559",
|
783
|
+
result: "shape"
|
784
|
+
}
|
785
|
+
)
|
786
|
+
]
|
787
|
+
}
|
788
|
+
) })
|
789
|
+
]
|
790
|
+
}
|
791
|
+
);
|
792
|
+
}
|
793
|
+
function ct({ text: e }) {
|
794
|
+
return /* @__PURE__ */ c("div", { style: { wordBreak: "break-all" }, className: "bw-text-text-error bw-mb-12 bw-w-full bw-text-sm bw-flex bw-flex-col bw-justify-center bw-items-center bw-text-center bw-text-text-redtext", children: [
|
795
|
+
/* @__PURE__ */ t(ns, { fill: "var(--tw-background-networkcard)", stroke: "var(--tw-border-primary)" }),
|
796
|
+
/* @__PURE__ */ t("p", { className: "bw-text-2xl bw-mt-3 bw-text-text-primary", children: e }),
|
797
|
+
/* @__PURE__ */ t("p", { className: "bw-text-sm bw-mt-2 bw-font-normal bw-text-text-secondary", children: "Please start your transaction again" })
|
798
|
+
] });
|
799
|
+
}
|
800
|
+
function at(e) {
|
801
|
+
const s = n((m) => m.setPersist), r = n((m) => m.persist), a = ut(), { setErrorMessage: o } = H(z), l = q(!1), p = r.isHistory, u = !G.isEmpty(n.getState()?.persist?.historyData);
|
802
|
+
A(() => (l.current = !0, () => {
|
803
|
+
l.current = !1;
|
804
|
+
}), []);
|
805
|
+
const g = ee({
|
806
|
+
mutationKey: "nexttx",
|
807
|
+
mutationFn: async ({ id: m, routeId: b }) => await jt({ stepId: m, routeId: b }),
|
808
|
+
refetchOnWindowFocus: !1,
|
809
|
+
refetchOnMount: !1,
|
810
|
+
cacheTime: 1e3,
|
811
|
+
onSuccess: (m, b) => {
|
812
|
+
l.current && (m.status == "error" ? o(m) : o({ error: "" }), a.emit(W.TransactionData, {
|
813
|
+
...m
|
814
|
+
}), d(m), s({
|
815
|
+
...n.getState()?.persist,
|
816
|
+
loading: !1,
|
817
|
+
txnEvm: m?.data?.txnData?.txnEvm,
|
818
|
+
nextTx: m,
|
819
|
+
hash: null,
|
820
|
+
txnType: m?.data?.txnData?.txnType || null,
|
821
|
+
gasless: m?.data?.txnData?.gasless
|
822
|
+
}));
|
823
|
+
},
|
824
|
+
onError: (m) => {
|
825
|
+
let b = m.details || m.message || "";
|
826
|
+
o({ error: b }), a.emit(W.TransactionData, {
|
827
|
+
error: b,
|
828
|
+
routeId: r?.routeId || "",
|
829
|
+
stepId: r?.stepData?.stepId || ""
|
830
|
+
});
|
831
|
+
}
|
832
|
+
});
|
833
|
+
async function i(m, b, S) {
|
834
|
+
s({
|
835
|
+
...n.getState().persist,
|
836
|
+
loading: !0
|
837
|
+
});
|
838
|
+
try {
|
839
|
+
await g.mutateAsync({
|
840
|
+
id: m?.stepId,
|
841
|
+
routeId: b
|
842
|
+
}), s({
|
843
|
+
...n.getState().persist,
|
844
|
+
stepData: m
|
845
|
+
});
|
846
|
+
} catch {
|
847
|
+
s({
|
848
|
+
...n.getState().persist,
|
849
|
+
loading: !1
|
850
|
+
});
|
851
|
+
}
|
852
|
+
}
|
853
|
+
function d(m) {
|
854
|
+
if (m?.data?.skipTxn === !0) {
|
855
|
+
let b = D?.data?.data?.steps?.[r.allSteps.currentStep + 1] || r?.allSteps?.steps?.[r.allSteps.currentStep + 1] || {};
|
856
|
+
!G.isEmpty(b) && m?.data?.routeId && setTimeout(() => {
|
857
|
+
C(), i(b, m?.data?.routeId);
|
858
|
+
}, 0);
|
859
|
+
} else
|
860
|
+
return;
|
861
|
+
}
|
862
|
+
function C() {
|
863
|
+
s({
|
864
|
+
...n.getState().persist,
|
865
|
+
loading: !0,
|
866
|
+
allSteps: {
|
867
|
+
...n.getState().persist.allSteps,
|
868
|
+
steps: r?.allSteps?.steps || [],
|
869
|
+
currentStep: r.allSteps.currentStep + 1,
|
870
|
+
type: "preText"
|
871
|
+
}
|
872
|
+
});
|
873
|
+
}
|
874
|
+
const D = se({
|
875
|
+
queryKey: ["txnbody", r?.routeId],
|
876
|
+
queryFn: async () => await $t({ routeId: r?.routeId }),
|
877
|
+
refetchOnWindowFocus: !1,
|
878
|
+
refetchOnMount: !1,
|
879
|
+
enabled: !!(r.routeId?.length && !r.nextTx && !p)
|
880
|
+
});
|
881
|
+
return A(() => {
|
882
|
+
if (D.data && !r?.nextTx && e) {
|
883
|
+
let m = D.data;
|
884
|
+
m.status == "error" ? (o(m), a.emit(W.TransactionSteps, {
|
885
|
+
...m
|
886
|
+
})) : (a.emit(W.TransactionSteps, {
|
887
|
+
routeId: m?.data?.routeId || "",
|
888
|
+
steps: m?.data?.steps || [],
|
889
|
+
numOfSteps: m?.data?.steps?.length || 0
|
890
|
+
}), o({ error: "" })), typeof m?.data < "u" && !u && (i(m?.data?.steps[0], m?.data?.routeId), setTimeout(() => {
|
891
|
+
s({
|
892
|
+
...n.getState().persist,
|
893
|
+
stepData: m?.data?.steps[0]
|
894
|
+
}), s({
|
895
|
+
...n.getState().persist,
|
896
|
+
allSteps: {
|
897
|
+
steps: m?.data?.steps || r?.allSteps?.steps || [],
|
898
|
+
currentStep: 0,
|
899
|
+
type: "preText"
|
900
|
+
}
|
901
|
+
});
|
902
|
+
}, 1200), m?.data?.status == "error" && o({ ...m.data }));
|
903
|
+
}
|
904
|
+
}, [D.data, r?.nextTx, u, e]), A(() => {
|
905
|
+
if (D.error) {
|
906
|
+
let m = D.error, b = m.details || m.message || "";
|
907
|
+
a.emit(W.TransactionSteps, {
|
908
|
+
error: b,
|
909
|
+
routeId: r?.routeId || ""
|
910
|
+
}), o({ error: b });
|
911
|
+
}
|
912
|
+
}, [D.error]), A(() => {
|
913
|
+
r.routeId && s({ ...n.getState()?.persist, isSuccess: !0 });
|
914
|
+
}, [r.routeId]), { nextTx: g, callNextTx: i, handleSkipTxn: d, setNextStep: C, txnBody: D };
|
915
|
+
}
|
916
|
+
function St() {
|
917
|
+
const e = n((b) => b.persist), s = n((b) => b.setPersist), { registerError: r } = Lt(), { handleErrorMessage: a, setErrorMessage: o } = H(z), l = e?.showAcceptQuote && !e.hash && e?.allSteps?.currentStep == 0 && e?.nextTx?.status === "success", { txnBody: p, callNextTx: u } = at();
|
918
|
+
function g(b) {
|
919
|
+
let S = [...n.getState()?.persist?.stepStatus || []];
|
920
|
+
return S.length ? S[e.allSteps?.currentStep] = {
|
921
|
+
...S[e.allSteps?.currentStep],
|
922
|
+
type: e.allSteps?.type
|
923
|
+
} : S[0] = {
|
924
|
+
...S[e.allSteps?.currentStep],
|
925
|
+
type: e.allSteps?.type
|
926
|
+
}, b && (S[e.allSteps?.currentStep] = {
|
927
|
+
...S[e.allSteps?.currentStep],
|
928
|
+
...b
|
929
|
+
}), S;
|
930
|
+
}
|
931
|
+
function i() {
|
932
|
+
s({
|
933
|
+
...n.getState().persist,
|
934
|
+
stepData: {},
|
935
|
+
allSteps: {
|
936
|
+
steps: null,
|
937
|
+
currentStep: 0
|
938
|
+
}
|
939
|
+
});
|
940
|
+
}
|
941
|
+
function d() {
|
942
|
+
o({ error: "" });
|
943
|
+
}
|
944
|
+
function C(b, S) {
|
945
|
+
r({
|
946
|
+
module: b,
|
947
|
+
routeId: e?.routeId || "",
|
948
|
+
stepId: e?.stepData?.stepId || "",
|
949
|
+
error: S.error,
|
950
|
+
userWalletAddress: e?.route?.userWalletAddress
|
951
|
+
});
|
952
|
+
}
|
953
|
+
function D(b) {
|
954
|
+
let N = { ...n?.getState()?.persist?.txnHashObj || {} };
|
955
|
+
G.isEmpty(N[b?.data?.stepId]) ? N[b?.data?.stepId] = {
|
956
|
+
srcTxnUrl: b?.data?.srcTxnUrl || "",
|
957
|
+
stepId: b?.data?.stepId || "",
|
958
|
+
srcTxnHash: b?.data?.srcTxnHash || "",
|
959
|
+
destTxnUrl: b?.data?.destTxnUrl || "",
|
960
|
+
destTxnHash: b?.data?.destTxnHash || ""
|
961
|
+
} : N[b?.data?.stepId] = {
|
962
|
+
...N[b?.data?.stepId],
|
963
|
+
destTxnHash: b?.data?.destTxnHash || b?.destTxnHash || "",
|
964
|
+
destTxnUrl: b?.data?.destTxnUrl || b?.destTxnUrl || "",
|
965
|
+
srcTxnUrl: b?.data?.srcTxnUrl || b?.srcTxnUrl || "",
|
966
|
+
srcTxnHash: b?.data?.srcTxnHash || b?.srcTxnHash || ""
|
967
|
+
}, s({
|
968
|
+
...n?.getState()?.persist,
|
969
|
+
txnHashObj: N
|
970
|
+
});
|
971
|
+
}
|
972
|
+
function m() {
|
973
|
+
s({
|
974
|
+
...n.getState()?.persist,
|
975
|
+
stepStatus: g({ status: "loadingText" }),
|
976
|
+
isTryAgain: !0,
|
977
|
+
loading: !0,
|
978
|
+
hash: null
|
979
|
+
}), a(!1), d(), u(e?.allSteps?.steps[e.allSteps.currentStep] || {}, e?.routeId || p.data?.data?.routeId, !0);
|
980
|
+
}
|
981
|
+
return { handleStepStatus: g, handleUpdate: i, handleErrorReset: d, isShowNewQuote: l, handleTxnObj: D, callRegisterError: C, handleTryAgain: m };
|
982
|
+
}
|
983
|
+
const Tt = Rt(new AbortController());
|
984
|
+
function Hs({ children: e }) {
|
985
|
+
const s = q(new AbortController());
|
986
|
+
return A(() => (s.current = new AbortController(), () => {
|
987
|
+
s.current?.abort();
|
988
|
+
}), []), /* @__PURE__ */ t(Tt.Provider, { value: s.current, children: e });
|
989
|
+
}
|
990
|
+
function vt(e) {
|
991
|
+
return typeof e != "string" || e.length === 0 ? e : e.charAt(0).toUpperCase() + e.slice(1).toLowerCase();
|
992
|
+
}
|
993
|
+
function is({ enabled: e }) {
|
994
|
+
const [s, r] = U(), { connector: a, chainId: o, chain: l, isConnected: p } = tt(), u = Qt(), [g, i] = U(!1);
|
995
|
+
async function d() {
|
996
|
+
try {
|
997
|
+
i(!0);
|
998
|
+
let C = await le(u, { connector: a, chainId: o });
|
999
|
+
r(C), i(!1);
|
1000
|
+
} catch {
|
1001
|
+
i(!1);
|
1002
|
+
}
|
1003
|
+
}
|
1004
|
+
return A(() => {
|
1005
|
+
e && d();
|
1006
|
+
}, [u, a, o, l, e, p]), { walletClient: s, isLoading: g };
|
1007
|
+
}
|
1008
|
+
function os() {
|
1009
|
+
const e = n((h) => h.setPersist), s = n((h) => h.persist), { callRegisterError: r, handleTxnObj: a, handleStepStatus: o } = St(), { errorMessage: l, setErrorMessage: p } = H(z), u = H(Tt), { walletClient: g, isLoading: i } = is({ enabled: s?.fromChain?.networkType === "evm" }), { primaryWallet: d } = ft(), { setNextStep: C, callNextTx: D } = at(), m = ut(), { wallet: b } = pt(), S = q(), { data: N } = yt({
|
1010
|
+
chainId: [s?.fromChain?.chainId],
|
1011
|
+
multiChain: !0
|
1012
|
+
});
|
1013
|
+
A(() => {
|
1014
|
+
e(i ? { ...n.getState().persist, loading: !0 } : { ...n.getState().persist, loading: !1 });
|
1015
|
+
}, [i]);
|
1016
|
+
function f(h) {
|
1017
|
+
if (!{
|
1018
|
+
sol: d,
|
1019
|
+
evm: g,
|
1020
|
+
cosmos: N?.[s?.fromChain?.chainId],
|
1021
|
+
tron: b,
|
1022
|
+
bitcoin: d
|
1023
|
+
}[h])
|
1024
|
+
throw new Error("Please connect your wallet");
|
1025
|
+
}
|
1026
|
+
async function w() {
|
1027
|
+
try {
|
1028
|
+
let h, y;
|
1029
|
+
f(s?.fromChain?.networkType), s?.fromChain?.networkType == "sol" && (y = await d.connector.getSigner()), h = await Pt({
|
1030
|
+
txDataResponse: s.nextTx,
|
1031
|
+
quote: s.route,
|
1032
|
+
step: s.stepData,
|
1033
|
+
provider: g || null,
|
1034
|
+
cosmosClient: N?.[s?.fromChain?.chainId] || null,
|
1035
|
+
walletAdapter: y || null,
|
1036
|
+
signTransaction: y?.signTransaction || null,
|
1037
|
+
tronAdapter: b,
|
1038
|
+
bitcoinWallet: d
|
1039
|
+
}), typeof h == "object" && (h = h.signature), e({
|
1040
|
+
...n.getState().persist,
|
1041
|
+
hash: h
|
1042
|
+
}), x(h);
|
1043
|
+
} catch (h) {
|
1044
|
+
const y = Y(h.message || h.details || h), v = h.message || h.details || h;
|
1045
|
+
y && v?.length && S.current && r("/wallet error", {
|
1046
|
+
error: v
|
1047
|
+
}), p({ error: v, type: "wallet" });
|
1048
|
+
}
|
1049
|
+
}
|
1050
|
+
async function x(h) {
|
1051
|
+
try {
|
1052
|
+
let y = await Vt({ routeId: s.routeId, stepId: s?.stepData?.stepId, txnHash: h }), v = await Ht({
|
1053
|
+
routeId: s.routeId,
|
1054
|
+
stepId: s?.stepData?.stepId,
|
1055
|
+
txnHash: h,
|
1056
|
+
signal: u.signal,
|
1057
|
+
pollingIntervalMs: 2e3,
|
1058
|
+
onStatusUpdate: (F, B) => {
|
1059
|
+
e({
|
1060
|
+
...n?.getState()?.persist,
|
1061
|
+
stepStatus: o({
|
1062
|
+
status: "pending"
|
1063
|
+
})
|
1064
|
+
});
|
1065
|
+
let j = s?.allSteps?.currentStep === s?.allSteps?.steps?.length - 1;
|
1066
|
+
m.emit(W.TransactionStatus, {
|
1067
|
+
...B,
|
1068
|
+
status: !j && B?.data?.status === "success" ? "in-progress" : B?.data?.status,
|
1069
|
+
isLastStep: j
|
1070
|
+
}), B && T(B);
|
1071
|
+
}
|
1072
|
+
});
|
1073
|
+
} catch (y) {
|
1074
|
+
const v = Y(y.message || y.details || y), F = y.message || y.details || y;
|
1075
|
+
v && F?.length && S.current && r("/wallet error", {
|
1076
|
+
error: F
|
1077
|
+
}), p({ error: F, type: "wallet" });
|
1078
|
+
}
|
1079
|
+
}
|
1080
|
+
function T(h) {
|
1081
|
+
if (h?.data?.status && S.current && e({
|
1082
|
+
...n?.getState()?.persist,
|
1083
|
+
statusData: h?.data,
|
1084
|
+
stepStatus: o({
|
1085
|
+
status: h?.data?.status == "in-progress" ? "pending" : h?.data?.status
|
1086
|
+
})
|
1087
|
+
}), a(h), h.status == "error" && p(h), h.data?.status == "success") {
|
1088
|
+
let y = s.allSteps.steps[s.allSteps.currentStep + 1];
|
1089
|
+
if (p({ error: "" }), e({
|
1090
|
+
...n.getState().persist,
|
1091
|
+
stepData: y || n.getState().persist.stepData
|
1092
|
+
}), s.allSteps.currentStep == s.allSteps?.steps?.length - 1)
|
1093
|
+
e({
|
1094
|
+
...n.getState().persist,
|
1095
|
+
allSteps: {
|
1096
|
+
...n.getState().persist.allSteps,
|
1097
|
+
currentStep: s.allSteps.currentStep + 1,
|
1098
|
+
type: "preText"
|
1099
|
+
}
|
1100
|
+
});
|
1101
|
+
else if (s.allSteps.currentStep <= s.allSteps?.steps?.length - 1)
|
1102
|
+
C(), D(s.allSteps.steps[s.allSteps.currentStep + 1], s?.routeId || txnBody.data?.data?.routeId);
|
1103
|
+
else
|
1104
|
+
return;
|
1105
|
+
} else h.data?.status == "failed" || (h.data?.status == "refunded" ? p({ error: `${vt(s?.stepData?.stepType || "")} failed! Tokens have been refunded to the source chain.` }) : h.data?.status == "in-progress" && l?.error?.length && (e({ ...n.getState()?.persist, loading: !0 }), p({ error: "" })));
|
1106
|
+
}
|
1107
|
+
return A(() => (s.hash && x(s.hash), () => {
|
1108
|
+
u.abort();
|
1109
|
+
}), []), A(() => (S.current = !0, () => {
|
1110
|
+
S.current = !1;
|
1111
|
+
}), []), { handleExeTxn: w };
|
1112
|
+
}
|
1113
|
+
function Ps({ setExchange: e, startTimer: s, handleBack: r }) {
|
1114
|
+
const a = n((E) => E.persist), o = n((E) => E.setPersist), [l, p] = U(!1), { handleTxnSuccess: u } = H(kt), { isErrorMessage: g, handleErrorMessage: i, errorMessage: d } = H(z), { chain: C } = tt(), D = a.isHistory, { handleStepStatus: m, handleUpdate: b, handleTryAgain: S, isShowNewQuote: N, callRegisterError: f } = St(), { handleExeTxn: w } = os(), { nextTx: x, handleSkipTxn: T, callNextTx: h, txnBody: y } = at(!0), { switchChain: v } = zt({
|
1115
|
+
chainId: Number(a?.stepData?.from?.chainId || "0"),
|
1116
|
+
throwForSwitchChainNotSupported: !0,
|
1117
|
+
onError(E) {
|
1118
|
+
Y(E.message) && f("wallet-error-switch", { data: { error: E.message } });
|
1119
|
+
}
|
1120
|
+
}), F = !G.isEmpty(n.getState()?.persist?.historyData);
|
1121
|
+
let B = a?.allSteps?.steps?.[a.allSteps?.currentStep || a?.allSteps?.currentStep]?.texts, j = a?.loading ? a.hash ? "process" : "loading" : "pre", k = d?.error?.length ? d.error : null;
|
1122
|
+
A(() => {
|
1123
|
+
F && typeof a?.historyData?.currentStepIndex < "u" && a?.historyData?.currentStepStatus == "not-started" ? h(a?.stepData, a?.routeId) : a?.historyData?.currentStepStatus == "in-progress" && s(!0);
|
1124
|
+
}, [F]), A(() => {
|
1125
|
+
if (a?.allSteps?.currentStep === 0 && x.data) {
|
1126
|
+
let E = x.data;
|
1127
|
+
o({
|
1128
|
+
...n.getState().persist,
|
1129
|
+
isQuoteTimer: !(E.status == "error" || a?.isTryAgain),
|
1130
|
+
quote: E.status == "error" || a?.isTryAgain ? "disable" : "enable",
|
1131
|
+
quoteStartTime: (/* @__PURE__ */ new Date()).getTime()
|
1132
|
+
});
|
1133
|
+
} else
|
1134
|
+
o({
|
1135
|
+
...n.getState().persist,
|
1136
|
+
isQuoteTimer: !1,
|
1137
|
+
quote: "disable"
|
1138
|
+
});
|
1139
|
+
}, [a?.allSteps?.steps, x.data]), A(() => {
|
1140
|
+
a.statusData?.status == "success" && a.allSteps.currentStep === a.allSteps.steps?.length && (y.isSuccess || a.isSuccess) ? u(!0) : u(!1);
|
1141
|
+
}, [a.allSteps, y.isSuccess, a.isSuccess, a?.statusData]), A(() => {
|
1142
|
+
d?.error?.length || a.statusData?.status == "failed" || a.statusData?.status == "partial-success" || a.statusData?.status == "txn-expired" || a.statusData?.status == "refunded" ? i(!0) : i(!1);
|
1143
|
+
}, [d, a?.statusData]), A(() => {
|
1144
|
+
!d?.error?.length && a?.hash && a?.statusData?.srcTxnHash !== a?.hash && o({
|
1145
|
+
...n.getState().persist,
|
1146
|
+
allSteps: {
|
1147
|
+
...n.getState().persist.allSteps,
|
1148
|
+
type: "postText"
|
1149
|
+
}
|
1150
|
+
});
|
1151
|
+
}, [d?.error, a?.hash]), A(() => {
|
1152
|
+
let E = { ...n.getState()?.persist };
|
1153
|
+
a?.allSteps?.steps !== null && (E = {
|
1154
|
+
...E,
|
1155
|
+
stepStatus: m()
|
1156
|
+
}, o(E));
|
1157
|
+
}, [a.allSteps]), A(() => {
|
1158
|
+
G.isEmpty(a?.allSteps) || a.hash || o({
|
1159
|
+
...n.getState().persist,
|
1160
|
+
allSteps: { ...n.getState().persist.allSteps, type: "preText" },
|
1161
|
+
loading: !1
|
1162
|
+
}), a?.routeId && !D && e(), T(a?.nextTx), a?.nextTx?.status === "error" && (o({
|
1163
|
+
...n.getState().persist,
|
1164
|
+
loading: !0
|
1165
|
+
}), h(a?.stepData, a?.routeId));
|
1166
|
+
}, []), A(() => {
|
1167
|
+
g && !l && o({ ...n.getState()?.persist, loading: !1 });
|
1168
|
+
}, [g, l]), A(() => {
|
1169
|
+
n.getState()?.persist?.nextTx?.data && l && (P(), p(!1));
|
1170
|
+
}, [n.getState()?.persist?.nextTx?.data]);
|
1171
|
+
function L(E) {
|
1172
|
+
p(E);
|
1173
|
+
}
|
1174
|
+
async function P() {
|
1175
|
+
a.allSteps.steps?.[a.allSteps?.currentStep || 0] && (o({
|
1176
|
+
...n.getState()?.persist,
|
1177
|
+
loading: !0,
|
1178
|
+
isTimerStarted: !0,
|
1179
|
+
statusData: null,
|
1180
|
+
isQuoteTimer: !1,
|
1181
|
+
showAcceptQuote: !1,
|
1182
|
+
quote: "disable",
|
1183
|
+
startTime: n?.getState()?.persist?.startTime || (/* @__PURE__ */ new Date()).getTime()
|
1184
|
+
}), s(!0), w(), o({
|
1185
|
+
...n.getState().persist,
|
1186
|
+
allSteps: {
|
1187
|
+
...n.getState().persist.allSteps,
|
1188
|
+
type: "loadingText"
|
1189
|
+
}
|
1190
|
+
}));
|
1191
|
+
}
|
1192
|
+
return A(() => {
|
1193
|
+
if (a?.stepData?.from?.chainId)
|
1194
|
+
Number(a?.stepData?.from?.chainId) !== C?.chainId && a?.fromChain?.networkType === "evm" && v({
|
1195
|
+
chainId: Number(a?.stepData?.from?.chainId || "0")
|
1196
|
+
});
|
1197
|
+
else return;
|
1198
|
+
}, [a?.stepData]), /* @__PURE__ */ c(I, { children: [
|
1199
|
+
a?.statusData?.status !== "txn-expired" ? /* @__PURE__ */ t("div", { className: `bw-pt-4 bw-h-[80%] bw-mt-2 bw-relative ${N ? "bw-pointer-events-none bw-opacity-60" : ""}`, children: !y.isFetching && !G.isEmpty(a?.stepData) ? y.isSuccess && y.data || a?.routeId ? (a?.allSteps?.steps || y.data?.data?.steps)?.map((E, M, _) => /* @__PURE__ */ c(I, { children: [
|
1200
|
+
" ",
|
1201
|
+
/* @__PURE__ */ c("div", { className: "bw-flex bw-items-start bw-mb-4 bw-justify-between", children: [
|
1202
|
+
/* @__PURE__ */ c("div", { className: "bw-flex bw-relative bw-items-start bw-w-max bw-justify-center bw-gap-x-3", children: [
|
1203
|
+
/* @__PURE__ */ t(Je, { allSteps: a.allSteps, disableButton: a?.loading, i: M, arr: _ }),
|
1204
|
+
/* @__PURE__ */ t($e, { item: E, i: M })
|
1205
|
+
] }),
|
1206
|
+
/* @__PURE__ */ t(je, { i: M, item: E })
|
1207
|
+
] })
|
1208
|
+
] })) : /* @__PURE__ */ t(I, {}) : /* @__PURE__ */ t("div", { className: "bw-w-full bw-flex-1 bw-h-full bw-mt-[-5%] bw-flex bw-flex-col bw-justify-center bw-items-center ", children: k ? /* @__PURE__ */ t(ct, { text: "Unable to complete the request!" }) : /* @__PURE__ */ c(I, { children: [
|
1209
|
+
/* @__PURE__ */ t("div", { className: "bw-relative bw-pb-4", children: /* @__PURE__ */ t(ss, {}) }),
|
1210
|
+
/* @__PURE__ */ t("p", { className: "bw-text-2xl bw-text-center bw-font-medium bw-text-text-secondary", children: "Initializing Transaction..." })
|
1211
|
+
] }) }) }) : /* @__PURE__ */ t(I, {}),
|
1212
|
+
!y.isFetching && !G.isEmpty(a?.stepData) ? N ? /* @__PURE__ */ t(as, { handleUpdate: b }) : a?.statusData?.status == "success" && a.allSteps.currentStep == a.allSteps.steps?.length ? /* @__PURE__ */ t(Ae, { handleBack: r }) : g ? a.statusData?.status == "partial-success" ? /* @__PURE__ */ t(rs, { handleBack: r }) : a?.statusData?.status == "txn-expired" ? /* @__PURE__ */ c("div", { className: "bw-mt-6", children: [
|
1213
|
+
/* @__PURE__ */ t(ct, { text: "Transaction expired!" }),
|
1214
|
+
/* @__PURE__ */ t("div", { className: "bw-absolute bw-bg-background-container bw-border-t bw-pt-3 bw-border-border-primary bw-w-full bw-flex bw-flex-col bw-items-center bw-justify-center bw-bottom-0", children: /* @__PURE__ */ t(lt, { handleBack: r, errorText: k }) })
|
1215
|
+
] }) : /* @__PURE__ */ t(Fe, { errorText: k, handleGoBack: r, txnTextObj: B, handleExeTxn: S, handleDisable: L }) : /* @__PURE__ */ c("div", { className: "bw-absolute bw-bg-background-container bw-border-t bw-pt-3 bw-border-border-primary bw-w-full bw-flex bw-flex-col bw-items-center bw-justify-center bw-bottom-0", children: [
|
1216
|
+
/* @__PURE__ */ t(Be, { txnProcessType: j, txnTextObj: B, errorText: k, allSteps: a?.allSteps }),
|
1217
|
+
/* @__PURE__ */ t(Ie, { txnProcessType: j, txnTextObj: B, disableButton: a.loading, handleStep: P })
|
1218
|
+
] }) : k?.length ? /* @__PURE__ */ t("div", { className: "bw-absolute bw-bg-background-container bw-border-t bw-pt-3 bw-border-border-primary bw-w-full bw-flex bw-flex-col bw-items-center bw-justify-center bw-bottom-0", children: /* @__PURE__ */ t(lt, { handleBack: r, errorText: k }) }) : /* @__PURE__ */ t(I, {})
|
1219
|
+
] });
|
1220
|
+
}
|
1221
|
+
var J = { exports: {} }, ls = J.exports, xt;
|
1222
|
+
function cs() {
|
1223
|
+
return xt || (xt = 1, function(e, s) {
|
1224
|
+
(function(r, a) {
|
1225
|
+
e.exports = a(X);
|
1226
|
+
})(typeof self < "u" ? self : ls, (r) => (() => {
|
1227
|
+
var a = { 155: (f) => {
|
1228
|
+
f.exports = r;
|
1229
|
+
} }, o = {};
|
1230
|
+
function l(f) {
|
1231
|
+
var w = o[f];
|
1232
|
+
if (w !== void 0) return w.exports;
|
1233
|
+
var x = o[f] = { exports: {} };
|
1234
|
+
return a[f](x, x.exports, l), x.exports;
|
1235
|
+
}
|
1236
|
+
l.d = (f, w) => {
|
1237
|
+
for (var x in w) l.o(w, x) && !l.o(f, x) && Object.defineProperty(f, x, { enumerable: !0, get: w[x] });
|
1238
|
+
}, l.o = (f, w) => Object.prototype.hasOwnProperty.call(f, w), l.r = (f) => {
|
1239
|
+
typeof Symbol < "u" && Symbol.toStringTag && Object.defineProperty(f, Symbol.toStringTag, { value: "Module" }), Object.defineProperty(f, "__esModule", { value: !0 });
|
1240
|
+
};
|
1241
|
+
var p = {};
|
1242
|
+
l.r(p), l.d(p, { default: () => N, useStopwatch: () => b, useTime: () => S, useTimer: () => m });
|
1243
|
+
var u = l(155);
|
1244
|
+
class g {
|
1245
|
+
static expiryTimestamp(w) {
|
1246
|
+
const x = new Date(w).getTime() > 0;
|
1247
|
+
return x;
|
1248
|
+
}
|
1249
|
+
static onExpire(w) {
|
1250
|
+
const x = w && typeof w == "function";
|
1251
|
+
return x;
|
1252
|
+
}
|
1253
|
+
}
|
1254
|
+
class i {
|
1255
|
+
static getTimeFromSeconds(w) {
|
1256
|
+
const x = Math.ceil(w), T = Math.floor(x / 86400), h = Math.floor(x % 86400 / 3600), y = Math.floor(x % 3600 / 60);
|
1257
|
+
return { totalSeconds: x, seconds: Math.floor(x % 60), minutes: y, hours: h, days: T };
|
1258
|
+
}
|
1259
|
+
static getSecondsFromExpiry(w, x) {
|
1260
|
+
const T = w - (/* @__PURE__ */ new Date()).getTime();
|
1261
|
+
if (T > 0) {
|
1262
|
+
const h = T / 1e3;
|
1263
|
+
return x ? Math.round(h) : h;
|
1264
|
+
}
|
1265
|
+
return 0;
|
1266
|
+
}
|
1267
|
+
static getSecondsFromPrevTime(w, x) {
|
1268
|
+
const T = (/* @__PURE__ */ new Date()).getTime() - w;
|
1269
|
+
if (T > 0) {
|
1270
|
+
const h = T / 1e3;
|
1271
|
+
return x ? Math.round(h) : h;
|
1272
|
+
}
|
1273
|
+
return 0;
|
1274
|
+
}
|
1275
|
+
static getSecondsFromTimeNow() {
|
1276
|
+
const w = /* @__PURE__ */ new Date();
|
1277
|
+
return w.getTime() / 1e3 - 60 * w.getTimezoneOffset();
|
1278
|
+
}
|
1279
|
+
static getFormattedTimeFromSeconds(w, x) {
|
1280
|
+
const { seconds: T, minutes: h, hours: y } = i.getTimeFromSeconds(w);
|
1281
|
+
let v = "", F = y;
|
1282
|
+
return x === "12-hour" && (v = y >= 12 ? "pm" : "am", F = y % 12), { seconds: T, minutes: h, hours: F, ampm: v };
|
1283
|
+
}
|
1284
|
+
}
|
1285
|
+
function d(f, w) {
|
1286
|
+
const x = (0, u.useRef)();
|
1287
|
+
(0, u.useEffect)(() => {
|
1288
|
+
x.current = f;
|
1289
|
+
}), (0, u.useEffect)(() => {
|
1290
|
+
if (!w) return () => {
|
1291
|
+
};
|
1292
|
+
const T = setInterval(() => {
|
1293
|
+
x.current && x.current();
|
1294
|
+
}, w);
|
1295
|
+
return () => clearInterval(T);
|
1296
|
+
}, [w]);
|
1297
|
+
}
|
1298
|
+
const C = 1e3;
|
1299
|
+
function D(f) {
|
1300
|
+
if (!g.expiryTimestamp(f)) return null;
|
1301
|
+
const w = i.getSecondsFromExpiry(f), x = Math.floor(1e3 * (w - Math.floor(w)));
|
1302
|
+
return x > 0 ? x : C;
|
1303
|
+
}
|
1304
|
+
function m() {
|
1305
|
+
let { expiryTimestamp: f, onExpire: w, autoStart: x = !0 } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
|
1306
|
+
const [T, h] = (0, u.useState)(f), [y, v] = (0, u.useState)(i.getSecondsFromExpiry(T)), [F, B] = (0, u.useState)(x), [j, k] = (0, u.useState)(x), [L, P] = (0, u.useState)(D(T)), E = (0, u.useCallback)(() => {
|
1307
|
+
g.onExpire(w) && w(), B(!1), P(null);
|
1308
|
+
}, [w]), M = (0, u.useCallback)(() => {
|
1309
|
+
B(!1);
|
1310
|
+
}, []), _ = (0, u.useCallback)(function($) {
|
1311
|
+
let rt = !(arguments.length > 1 && arguments[1] !== void 0) || arguments[1];
|
1312
|
+
P(D($)), k(rt), B(rt), h($), v(i.getSecondsFromExpiry($));
|
1313
|
+
}, []), R = (0, u.useCallback)(() => {
|
1314
|
+
const $ = /* @__PURE__ */ new Date();
|
1315
|
+
$.setMilliseconds($.getMilliseconds() + 1e3 * y), _($);
|
1316
|
+
}, [y, _]), Et = (0, u.useCallback)(() => {
|
1317
|
+
j ? (v(i.getSecondsFromExpiry(T)), B(!0)) : R();
|
1318
|
+
}, [T, j, R]);
|
1319
|
+
return d(() => {
|
1320
|
+
L !== C && P(C);
|
1321
|
+
const $ = i.getSecondsFromExpiry(T);
|
1322
|
+
v($), $ <= 0 && E();
|
1323
|
+
}, F ? L : null), { ...i.getTimeFromSeconds(y), start: Et, pause: M, resume: R, restart: _, isRunning: F };
|
1324
|
+
}
|
1325
|
+
function b() {
|
1326
|
+
let { autoStart: f, offsetTimestamp: w } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
|
1327
|
+
const [x, T] = (0, u.useState)(i.getSecondsFromExpiry(w, !0) || 0), [h, y] = (0, u.useState)(/* @__PURE__ */ new Date()), [v, F] = (0, u.useState)(x + i.getSecondsFromPrevTime(h || 0, !0)), [B, j] = (0, u.useState)(f);
|
1328
|
+
d(() => {
|
1329
|
+
F(x + i.getSecondsFromPrevTime(h, !0));
|
1330
|
+
}, B ? 1e3 : null);
|
1331
|
+
const k = (0, u.useCallback)(() => {
|
1332
|
+
const E = /* @__PURE__ */ new Date();
|
1333
|
+
y(E), j(!0), F(x + i.getSecondsFromPrevTime(E, !0));
|
1334
|
+
}, [x]), L = (0, u.useCallback)(() => {
|
1335
|
+
T(v), j(!1);
|
1336
|
+
}, [v]), P = (0, u.useCallback)(function() {
|
1337
|
+
let E = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0, M = !(arguments.length > 1 && arguments[1] !== void 0) || arguments[1];
|
1338
|
+
const _ = i.getSecondsFromExpiry(E, !0) || 0, R = /* @__PURE__ */ new Date();
|
1339
|
+
y(R), T(_), j(M), F(_ + i.getSecondsFromPrevTime(R, !0));
|
1340
|
+
}, []);
|
1341
|
+
return { ...i.getTimeFromSeconds(v), start: k, pause: L, reset: P, isRunning: B };
|
1342
|
+
}
|
1343
|
+
function S() {
|
1344
|
+
let { format: f } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
|
1345
|
+
const [w, x] = (0, u.useState)(i.getSecondsFromTimeNow());
|
1346
|
+
return d(() => {
|
1347
|
+
x(i.getSecondsFromTimeNow());
|
1348
|
+
}, 1e3), { ...i.getFormattedTimeFromSeconds(w, f) };
|
1349
|
+
}
|
1350
|
+
function N(f) {
|
1351
|
+
if ((0, u.useEffect)(() => {
|
1352
|
+
}, []), f.expiryTimestamp) {
|
1353
|
+
const x = m(f);
|
1354
|
+
return { ...x, startTimer: x.start, stopTimer: x.pause, resetTimer: () => {
|
1355
|
+
} };
|
1356
|
+
}
|
1357
|
+
const w = b(f);
|
1358
|
+
return { ...w, startTimer: w.start, stopTimer: w.pause, resetTimer: w.reset };
|
1359
|
+
}
|
1360
|
+
return p;
|
1361
|
+
})());
|
1362
|
+
}(J)), J.exports;
|
1363
|
+
}
|
1364
|
+
var xs = /* @__PURE__ */ cs();
|
1365
|
+
function dt(e) {
|
1366
|
+
return e > 9 || e < 0 ? e : `0${e}`;
|
1367
|
+
}
|
1368
|
+
function ds({ handleExpiry: e }) {
|
1369
|
+
const s = n((p) => p.persist), r = s?.route || {};
|
1370
|
+
let a = s?.startTime || s?.historyData?.createdAt;
|
1371
|
+
const { minutes: o, seconds: l } = xs.useTimer({
|
1372
|
+
expiryTimestamp: a + r?.estimatedTimeInSeconds * 1e3,
|
1373
|
+
onExpire: () => {
|
1374
|
+
e();
|
1375
|
+
}
|
1376
|
+
});
|
1377
|
+
return `${dt(o)}:${dt(l)}`;
|
1378
|
+
}
|
1379
|
+
const Ms = X.memo(function({ route: s, isTimerStarted: r, startTimer: a, isErrorMessage: o }) {
|
1380
|
+
const [l, p] = U(!1), { isTxnSuccessful: u } = H(kt), i = !n((C) => C.persist).stepData;
|
1381
|
+
function d() {
|
1382
|
+
p(!0), a(!1);
|
1383
|
+
}
|
1384
|
+
return /* @__PURE__ */ t("div", { className: "bw-border bw-w-[65px] bw-mt-5 bw-h-[65px] bw-flex bw-items-center bw-justify-center bw-rounded-[50%] bw-bg-background-container bw-relative bw-z-10 hover:bw-opacity-100 bw-border-border-primary ", children: /* @__PURE__ */ t("p", { className: " bw-text-sm bw-text-center bw-font-medium bw-text-text-primary", children: i ? /* @__PURE__ */ t(it, {}) : u ? "Done" : r && !l ? /* @__PURE__ */ t(ds, { route: s, handleExpiry: d }) : l ? /* @__PURE__ */ t(it, {}) : "Start Txn" }) });
|
1385
|
+
});
|
1386
|
+
function Ct(e, s) {
|
1387
|
+
return ie(e, s) || 0;
|
1388
|
+
}
|
1389
|
+
function ps() {
|
1390
|
+
const e = n((s) => s.persist);
|
1391
|
+
return /* @__PURE__ */ c("div", { className: "bw-w-full bw-px-3 bw-py-2 bw-border-t bw-border-border-primary", children: [
|
1392
|
+
/* @__PURE__ */ t("div", { children: e?.route?.fee?.filter((s, r) => s.source == "FROM_SOURCE_WALLET").map((s, r) => s.amountInUSD ? /* @__PURE__ */ c("div", { className: "bw-flex bw-mb-1 bw-items-center bw-justify-between", children: [
|
1393
|
+
/* @__PURE__ */ t("p", { className: "bw-text-text-secondary bw-text-sm bw-font-semibold", children: `${vt(s.type)} Fee` }),
|
1394
|
+
/* @__PURE__ */ c("span", { className: "bw-text-text-secondary bw-text-sm bw-font-bold", children: [
|
1395
|
+
/* @__PURE__ */ t(Q, { value: Ct(s.amountInToken, s.token.decimals).toFixed(20) || 0, options: { maxDecimals: 8 } }),
|
1396
|
+
` ${s.token.symbol} ${s.amountInUSD ? " ($" : ""}`,
|
1397
|
+
s.amountInUSD ? /* @__PURE__ */ c(I, { children: [
|
1398
|
+
/* @__PURE__ */ t(Q, { value: s.amountInUSD || 0, options: { maxDecimals: 8 } }),
|
1399
|
+
")"
|
1400
|
+
] }) : ""
|
1401
|
+
] })
|
1402
|
+
] }, r) : /* @__PURE__ */ t(I, {})) }),
|
1403
|
+
/* @__PURE__ */ t("div", { className: "bw-w-full bw-h-[1px] bw-border-b bw-my-2 bw-border-border-primary" }),
|
1404
|
+
/* @__PURE__ */ c("div", { className: "bw-w-full", children: [
|
1405
|
+
/* @__PURE__ */ c("div", { className: "bw-flex bw-items-center bw-mb-2 bw-justify-between", children: [
|
1406
|
+
/* @__PURE__ */ t("p", { className: "bw-text-text-primary bw-text-sm bw-font-medium", children: "Max Slippage" }),
|
1407
|
+
/* @__PURE__ */ c("span", { className: "bw-text-text-primary bw-text-sm bw-font-medium", children: [
|
1408
|
+
(e?.route?.slippage || 0) / 100,
|
1409
|
+
"%"
|
1410
|
+
] })
|
1411
|
+
] }),
|
1412
|
+
/* @__PURE__ */ c("div", { className: "bw-flex bw-items-center bw-justify-between", children: [
|
1413
|
+
/* @__PURE__ */ t("p", { className: "bw-text-text-primary bw-text-sm bw-font-medium", children: "Minimum Received" }),
|
1414
|
+
/* @__PURE__ */ t("span", { className: "bw-text-text-primary bw-text-sm bw-font-medium", children: e?.route?.minOutputAmountDisplay || e?.route?.minOutputAmount ? `${wt(e.route.minOutputAmountDisplay || e.route.minOutputAmount, 10)} ${e?.route?.to?.symbol}` : "" })
|
1415
|
+
] })
|
1416
|
+
] })
|
1417
|
+
] });
|
1418
|
+
}
|
1419
|
+
function us({ isShowFull: e }) {
|
1420
|
+
return /* @__PURE__ */ t("button", { className: "bw-w-[20px] bw-h-[20px] bw-flex bw-items-center bw-justify-center bw-border bw-border-border-primary bw-rounded-full bw-text-text-secondary bw-text-lg bw-font-normal", children: /* @__PURE__ */ t("div", { className: `bw-mt-[1px] ${e ? "bw-rotate-180" : ""}`, children: /* @__PURE__ */ t(Yt, { fill: "var(--tw-text-primary)" }) }) });
|
1421
|
+
}
|
1422
|
+
function ms({ gasData: e }) {
|
1423
|
+
const s = n((r) => r.persist);
|
1424
|
+
return /* @__PURE__ */ c("div", { className: "bw-flex bw-w-full bw-h-full bw-items-center", children: [
|
1425
|
+
/* @__PURE__ */ t("span", { className: "bw-text-xs bw-font-normal bw-text-text-secondary", children: "Max Slippage:" }),
|
1426
|
+
/* @__PURE__ */ c("span", { className: "bw-text-xs bw-ml-[3px] bw-font-bold bw-text-text-secondary", children: [
|
1427
|
+
(s?.route?.slippage || 0) / 100,
|
1428
|
+
"%"
|
1429
|
+
] }),
|
1430
|
+
/* @__PURE__ */ t("div", { className: "bw-w-[2px] bw-h-[24px] bw-mx-3 bw-bg-text-secondary" }),
|
1431
|
+
/* @__PURE__ */ t("span", { className: "bw-text-xs bw-font-normal bw-text-text-secondary", children: "Fees:" }),
|
1432
|
+
/* @__PURE__ */ c("span", { className: "bw-text-xs bw-ml-[3px] bw-font-bold bw-text-text-secondary", children: [
|
1433
|
+
/* @__PURE__ */ t(Q, { value: e?.payableInToken || 0, options: { maxDecimals: 8 } }),
|
1434
|
+
` ${e?.symbol} ${e?.payableInUSD ? " ($" : ""}`,
|
1435
|
+
e?.payableInUSD ? /* @__PURE__ */ c(I, { children: [
|
1436
|
+
/* @__PURE__ */ t(Q, { value: e?.payableInUSD || 0, options: { maxDecimals: 8 } }),
|
1437
|
+
")"
|
1438
|
+
] }) : ""
|
1439
|
+
] })
|
1440
|
+
] });
|
1441
|
+
}
|
1442
|
+
function bs({ gasData: e }) {
|
1443
|
+
return /* @__PURE__ */ c("div", { className: "bw-w-full bw-flex bw-items-center bw-justify-between bw-border-border-primary", children: [
|
1444
|
+
/* @__PURE__ */ t("span", { className: "bw-text-sm bw-font-bold bw-text-text-primary", children: "Fees" }),
|
1445
|
+
/* @__PURE__ */ c("span", { className: "bw-text-sm bw-ml-[3px] bw-font-bold bw-text-text-primary", children: [
|
1446
|
+
/* @__PURE__ */ t(Q, { value: e?.payableInToken || 0, options: { maxDecimals: 8 } }),
|
1447
|
+
` ${e?.symbol} ${e?.payableInUSD ? " ($" : ""}`,
|
1448
|
+
e?.payableInUSD ? /* @__PURE__ */ c(I, { children: [
|
1449
|
+
/* @__PURE__ */ t(Q, { value: e?.payableInUSD || 0, options: { maxDecimals: 8 } }),
|
1450
|
+
")"
|
1451
|
+
] }) : ""
|
1452
|
+
] })
|
1453
|
+
] });
|
1454
|
+
}
|
1455
|
+
function ws({ gasData: e, isShowFull: s }) {
|
1456
|
+
return /* @__PURE__ */ c("div", { className: "bw-flex bw-items-center bw-justify-between bw-gap-x-2 bw-h-[35px] bw-px-3", children: [
|
1457
|
+
s ? /* @__PURE__ */ t(bs, { gasData: e }) : /* @__PURE__ */ t(ms, { gasData: e }),
|
1458
|
+
/* @__PURE__ */ t(us, { isShowFull: s })
|
1459
|
+
] });
|
1460
|
+
}
|
1461
|
+
function _s() {
|
1462
|
+
const e = n((i) => i.persist), [s, r] = U(!1), a = n((i) => i.configuration), o = q(null), [l, p] = U(0);
|
1463
|
+
A(() => {
|
1464
|
+
if (o.current) {
|
1465
|
+
const i = setTimeout(() => {
|
1466
|
+
const d = o.current.scrollHeight;
|
1467
|
+
p(d);
|
1468
|
+
}, 50);
|
1469
|
+
return () => clearTimeout(i);
|
1470
|
+
}
|
1471
|
+
}, [e?.route, s]);
|
1472
|
+
function u() {
|
1473
|
+
r(!s);
|
1474
|
+
}
|
1475
|
+
const g = Wt(() => {
|
1476
|
+
let i = {
|
1477
|
+
payableInUSD: 0,
|
1478
|
+
payableInToken: 0,
|
1479
|
+
symbol: ""
|
1480
|
+
};
|
1481
|
+
return e?.route?.fee?.forEach((d) => {
|
1482
|
+
d.source == "FROM_SOURCE_WALLET" && (i.payableInUSD += Number(d.amountInUSD), i.payableInToken += Ct(Number(d.amountInToken), d.token.decimals), i.symbol = d.token.symbol);
|
1483
|
+
}), i;
|
1484
|
+
}, [e?.route]);
|
1485
|
+
return /* @__PURE__ */ c(
|
1486
|
+
"div",
|
1487
|
+
{
|
1488
|
+
onClick: () => {
|
1489
|
+
u();
|
1490
|
+
},
|
1491
|
+
style: {
|
1492
|
+
boxShadow: a && a.customTheme && a.customTheme?.shadow?.boxShadow || "0px 0px 5.8px 0px #00000026"
|
1493
|
+
},
|
1494
|
+
className: "bw-w-full bw-sticky bw-top-0 bw-z-20 bw-select-none bw-cursor-pointer bw-bg-background-container bw-rounded-lg bw-min-h-max bw-border bw-border-border-primary bw-overflow-hidden",
|
1495
|
+
children: [
|
1496
|
+
/* @__PURE__ */ t(ws, { gasData: g, isShowFull: s }),
|
1497
|
+
/* @__PURE__ */ t(
|
1498
|
+
"div",
|
1499
|
+
{
|
1500
|
+
ref: o,
|
1501
|
+
style: {
|
1502
|
+
height: s ? `${l}px` : "0",
|
1503
|
+
transition: "height 0.3s ease-in-out",
|
1504
|
+
overflow: "hidden",
|
1505
|
+
visibility: l === 0 ? "hidden" : "visible"
|
1506
|
+
},
|
1507
|
+
children: /* @__PURE__ */ t("div", { className: "bw-h-auto", children: /* @__PURE__ */ t(ps, { showFull: s }) })
|
1508
|
+
}
|
1509
|
+
)
|
1510
|
+
]
|
1511
|
+
}
|
1512
|
+
);
|
1513
|
+
}
|
1514
|
+
export {
|
1515
|
+
_s as E,
|
1516
|
+
Vs as H,
|
1517
|
+
kt as T,
|
1518
|
+
z as a,
|
1519
|
+
$s as b,
|
1520
|
+
Ms as c,
|
1521
|
+
Ps as d,
|
1522
|
+
Hs as e
|
1523
|
+
};
|