@velora-dex/widget 0.4.8 → 0.4.9-dev.1
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/components/widget/AppHeader/AppHeader.d.ts.map +1 -1
- package/dist/components/widget/AppHeader/AppHeader.js +93 -66
- package/dist/components/widget/AppHeader/AppHeader.js.map +1 -1
- package/dist/components/widget/Drawer/state/useDrawerControls.d.ts +1 -0
- package/dist/components/widget/Drawer/state/useDrawerControls.d.ts.map +1 -1
- package/dist/components/widget/Drawer/state/useDrawerControls.js +5 -2
- package/dist/components/widget/Drawer/state/useDrawerControls.js.map +1 -1
- package/dist/components/widget/TradeParameters/DegenModeConfirmation.d.ts +6 -0
- package/dist/components/widget/TradeParameters/DegenModeConfirmation.d.ts.map +1 -0
- package/dist/components/widget/TradeParameters/DegenModeConfirmation.js +124 -0
- package/dist/components/widget/TradeParameters/DegenModeConfirmation.js.map +1 -0
- package/dist/components/widget/TradeParameters/DegenModeParameter.d.ts +8 -0
- package/dist/components/widget/TradeParameters/DegenModeParameter.d.ts.map +1 -0
- package/dist/components/widget/TradeParameters/DegenModeParameter.js +84 -0
- package/dist/components/widget/TradeParameters/DegenModeParameter.js.map +1 -0
- package/dist/components/widget/TradeParameters/TradeParameters.d.ts +3 -1
- package/dist/components/widget/TradeParameters/TradeParameters.d.ts.map +1 -1
- package/dist/components/widget/TradeParameters/TradeParameters.js +131 -77
- package/dist/components/widget/TradeParameters/TradeParameters.js.map +1 -1
- package/dist/components/widget/TradeParameters/hooks/useIsNotDefaultAnyParameter.d.ts.map +1 -1
- package/dist/components/widget/TradeParameters/hooks/useIsNotDefaultAnyParameter.js +15 -7
- package/dist/components/widget/TradeParameters/hooks/useIsNotDefaultAnyParameter.js.map +1 -1
- package/dist/components/widget/TradeParameters/state/degenModeParamAtom.d.ts +7 -0
- package/dist/components/widget/TradeParameters/state/degenModeParamAtom.d.ts.map +1 -0
- package/dist/components/widget/TradeParameters/state/degenModeParamAtom.js +16 -0
- package/dist/components/widget/TradeParameters/state/degenModeParamAtom.js.map +1 -0
- package/dist/components/widget/TradeParameters/state/resetParamsAtom.d.ts.map +1 -1
- package/dist/components/widget/TradeParameters/useTempTradeParameters.d.ts +2 -0
- package/dist/components/widget/TradeParameters/useTempTradeParameters.d.ts.map +1 -1
- package/dist/components/widget/TradeParameters/useTempTradeParameters.js +108 -82
- package/dist/components/widget/TradeParameters/useTempTradeParameters.js.map +1 -1
- package/dist/components/widget/Warning/Warning.d.ts +4 -2
- package/dist/components/widget/Warning/Warning.d.ts.map +1 -1
- package/dist/components/widget/Warning/Warning.js +41 -31
- package/dist/components/widget/Warning/Warning.js.map +1 -1
- package/dist/configurator/components/AllowNoUsdPricesSwitcher.d.ts +3 -3
- package/dist/configurator/components/AllowNoUsdPricesSwitcher.d.ts.map +1 -1
- package/dist/core/Warnings.d.ts.map +1 -1
- package/dist/core/Warnings.js +38 -12
- package/dist/core/Warnings.js.map +1 -1
- package/dist/core/index.js +5 -5
- package/dist/core/index.js.map +1 -1
- package/dist/core/state/configActionsAtom.js +2 -2
- package/dist/core/state/configActionsAtom.js.map +1 -1
- package/dist/core/state/configAtom.d.ts +5 -5
- package/dist/core/state/configAtom.d.ts.map +1 -1
- package/dist/core/state/configAtom.js +1 -1
- package/dist/core/state/configAtom.js.map +1 -1
- package/dist/core/swapDetails/priceImpact.d.ts +1 -0
- package/dist/core/swapDetails/priceImpact.d.ts.map +1 -1
- package/dist/core/swapDetails/priceImpact.js +5 -3
- package/dist/core/swapDetails/priceImpact.js.map +1 -1
- package/dist/core/swapDetails/usePriceImpactWarning.d.ts +8 -0
- package/dist/core/swapDetails/usePriceImpactWarning.d.ts.map +1 -0
- package/dist/core/swapDetails/usePriceImpactWarning.js +90 -0
- package/dist/core/swapDetails/usePriceImpactWarning.js.map +1 -0
- package/dist/core/swapDetails/useSwapDetailsListProps.d.ts.map +1 -1
- package/dist/core/swapDetails/useSwapDetailsListProps.js +73 -62
- package/dist/core/swapDetails/useSwapDetailsListProps.js.map +1 -1
- package/dist/core/types.d.ts +2 -2
- package/dist/core/types.d.ts.map +1 -1
- package/dist/events/getters/settings.d.ts.map +1 -1
- package/dist/events/getters/settings.js +3 -0
- package/dist/events/getters/settings.js.map +1 -1
- package/dist/events/types/common.d.ts +1 -0
- package/dist/events/types/common.d.ts.map +1 -1
- package/dist/hooks/swap/prices/delta/mutations/useCreateDeltaOrder.d.ts +1 -0
- package/dist/hooks/swap/prices/delta/mutations/useCreateDeltaOrder.d.ts.map +1 -1
- package/dist/hooks/swap/prices/delta/mutations/useCreateDeltaOrder.js +4 -2
- package/dist/hooks/swap/prices/delta/mutations/useCreateDeltaOrder.js.map +1 -1
- package/dist/hooks/swap/prices/delta/mutations/useCreatePreSignableDeltaOrder.d.ts.map +1 -1
- package/dist/hooks/swap/prices/delta/mutations/useCreatePreSignableDeltaOrder.js +4 -2
- package/dist/hooks/swap/prices/delta/mutations/useCreatePreSignableDeltaOrder.js.map +1 -1
- package/dist/hooks/swap/prices/delta/mutations/useDeltaOrderToPost.d.ts.map +1 -1
- package/dist/hooks/swap/prices/delta/mutations/useDeltaOrderToPost.js +4 -2
- package/dist/hooks/swap/prices/delta/mutations/useDeltaOrderToPost.js.map +1 -1
- package/dist/hooks/swap/prices/delta/mutations/usePostDeltaOrder.d.ts.map +1 -1
- package/dist/hooks/swap/prices/delta/mutations/usePostDeltaOrder.js +4 -2
- package/dist/hooks/swap/prices/delta/mutations/usePostDeltaOrder.js.map +1 -1
- package/dist/hooks/swap/prices/delta/mutations/utils.d.ts +2 -1
- package/dist/hooks/swap/prices/delta/mutations/utils.d.ts.map +1 -1
- package/dist/hooks/swap/prices/delta/mutations/utils.js +4 -2
- package/dist/hooks/swap/prices/delta/mutations/utils.js.map +1 -1
- package/dist/hooks/swap/prices/delta/queries/errors.d.ts +2 -0
- package/dist/hooks/swap/prices/delta/queries/errors.d.ts.map +1 -1
- package/dist/hooks/swap/prices/delta/queries/errors.js +11 -1
- package/dist/hooks/swap/prices/delta/queries/errors.js.map +1 -1
- package/dist/hooks/swap/prices/delta/queries/useDeltaPriceQuery.d.ts +2 -0
- package/dist/hooks/swap/prices/delta/queries/useDeltaPriceQuery.d.ts.map +1 -1
- package/dist/hooks/swap/prices/delta/queries/useDeltaPriceQuery.js +4 -2
- package/dist/hooks/swap/prices/delta/queries/useDeltaPriceQuery.js.map +1 -1
- package/dist/hooks/swap/prices/market/queries/errors.d.ts +3 -0
- package/dist/hooks/swap/prices/market/queries/errors.d.ts.map +1 -0
- package/dist/hooks/swap/prices/market/queries/errors.js +13 -0
- package/dist/hooks/swap/prices/market/queries/errors.js.map +1 -0
- package/dist/hooks/swap/prices/market/queries/useMarketPriceQuery.d.ts +1 -0
- package/dist/hooks/swap/prices/market/queries/useMarketPriceQuery.d.ts.map +1 -1
- package/dist/hooks/swap/prices/market/queries/useMarketPriceQuery.js +3 -2
- package/dist/hooks/swap/prices/market/queries/useMarketPriceQuery.js.map +1 -1
- package/dist/hooks/swap/prices/usePricesParams.d.ts +1 -1
- package/dist/hooks/swap/prices/usePricesParams.d.ts.map +1 -1
- package/dist/hooks/swap/prices/usePricesParams.js +31 -33
- package/dist/hooks/swap/prices/usePricesParams.js.map +1 -1
- package/dist/hooks/swap/tradeFlow/useDeltaFlow.d.ts.map +1 -1
- package/dist/hooks/swap/tradeFlow/useDeltaFlow.js +1 -0
- package/dist/hooks/swap/tradeFlow/useDeltaFlow.js.map +1 -1
- package/dist/hooks/swap/tradeFlow/useMarketFlow.d.ts.map +1 -1
- package/dist/hooks/swap/tradeFlow/useMarketFlow.js +1 -0
- package/dist/hooks/swap/tradeFlow/useMarketFlow.js.map +1 -1
- package/dist/styles.css +21 -0
- package/package.json +2 -2
- package/dist/core/swapDetails/useIsPriceImpactUnavailable.d.ts +0 -2
- package/dist/core/swapDetails/useIsPriceImpactUnavailable.d.ts.map +0 -1
- package/dist/core/swapDetails/useIsPriceImpactUnavailable.js +0 -40
- package/dist/core/swapDetails/useIsPriceImpactUnavailable.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/AppHeader/AppHeader.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AppHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/AppHeader/AppHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAevD,eAAO,MAAM,SAAS,GAAI,aAAa,WAAW,CAAC,MAAM,CAAC,4CAqDzD,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
2
|
import { d as distExports } from '../../../_virtual/index.js';
|
|
3
|
+
import { useState } from 'react';
|
|
3
4
|
import { cn } from '../../../lib/utils/index.js';
|
|
4
5
|
import { useDrawerControls } from '../Drawer/state/useDrawerControls.js';
|
|
5
6
|
import { ControlledDrawer } from '../Drawer/index.js';
|
|
@@ -15,7 +16,7 @@ import { SettingsButton } from '../SettingsButton/SettingsButton.js';
|
|
|
15
16
|
import { useResetDraftBridgePreferences } from '../TradeParameters/state/bridgePreferences/useBridgePreferences.js';
|
|
16
17
|
|
|
17
18
|
const AppHeader = (t0) => {
|
|
18
|
-
const $ = distExports.c(
|
|
19
|
+
const $ = distExports.c(37);
|
|
19
20
|
const {
|
|
20
21
|
classes
|
|
21
22
|
} = t0;
|
|
@@ -23,6 +24,7 @@ const AppHeader = (t0) => {
|
|
|
23
24
|
address: account
|
|
24
25
|
} = useAccount();
|
|
25
26
|
const resetDraftBridgePreferences = useResetDraftBridgePreferences();
|
|
27
|
+
const [showDegenConfirmation, setShowDegenConfirmation] = useState(false);
|
|
26
28
|
let t1;
|
|
27
29
|
if ($[0] !== resetDraftBridgePreferences) {
|
|
28
30
|
t1 = {
|
|
@@ -52,95 +54,120 @@ const AppHeader = (t0) => {
|
|
|
52
54
|
const isNotDefaultAnyParameter = useIsNotDefaultAnyParameter();
|
|
53
55
|
const excludeUI = useAtomValue(excludeUIAtom);
|
|
54
56
|
let t3;
|
|
55
|
-
if ($[5] !==
|
|
56
|
-
t3 =
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
}
|
|
63
|
-
let t4;
|
|
64
|
-
if ($[8] !== drawerProps || $[9] !== t3) {
|
|
65
|
-
t4 = /* @__PURE__ */ jsx(ControlledDrawer, { ...drawerProps, title: "Trading Parameters", showCloseButton: true, children: t3 });
|
|
66
|
-
$[8] = drawerProps;
|
|
67
|
-
$[9] = t3;
|
|
68
|
-
$[10] = t4;
|
|
57
|
+
if ($[5] !== onOpen) {
|
|
58
|
+
t3 = () => {
|
|
59
|
+
setShowDegenConfirmation(false);
|
|
60
|
+
onOpen();
|
|
61
|
+
};
|
|
62
|
+
$[5] = onOpen;
|
|
63
|
+
$[6] = t3;
|
|
69
64
|
} else {
|
|
70
|
-
|
|
65
|
+
t3 = $[6];
|
|
71
66
|
}
|
|
72
|
-
const
|
|
73
|
-
const
|
|
67
|
+
const handleOpen = t3;
|
|
68
|
+
const t4 = showDegenConfirmation ? "Activate Degen Mode" : "Trading Parameters";
|
|
69
|
+
const t5 = !showDegenConfirmation;
|
|
74
70
|
let t6;
|
|
75
|
-
if ($[
|
|
76
|
-
t6 =
|
|
77
|
-
$[
|
|
78
|
-
$[12] = t6;
|
|
71
|
+
if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
|
|
72
|
+
t6 = () => setShowDegenConfirmation(false);
|
|
73
|
+
$[7] = t6;
|
|
79
74
|
} else {
|
|
80
|
-
t6 = $[
|
|
75
|
+
t6 = $[7];
|
|
81
76
|
}
|
|
82
77
|
let t7;
|
|
83
|
-
if ($[
|
|
84
|
-
t7 = /* @__PURE__ */ jsx(
|
|
85
|
-
$[
|
|
78
|
+
if ($[8] !== drawerProps.onClose || $[9] !== handleOpen || $[10] !== showDegenConfirmation) {
|
|
79
|
+
t7 = /* @__PURE__ */ jsx(TradeParameters, { onCloseDrawer: drawerProps.onClose, onOpenDrawer: handleOpen, showDegenConfirmation, setShowDegenConfirmation });
|
|
80
|
+
$[8] = drawerProps.onClose;
|
|
81
|
+
$[9] = handleOpen;
|
|
82
|
+
$[10] = showDegenConfirmation;
|
|
83
|
+
$[11] = t7;
|
|
86
84
|
} else {
|
|
87
|
-
t7 = $[
|
|
85
|
+
t7 = $[11];
|
|
88
86
|
}
|
|
89
87
|
let t8;
|
|
90
|
-
if ($[14] !==
|
|
91
|
-
t8 =
|
|
92
|
-
$[
|
|
93
|
-
$[
|
|
88
|
+
if ($[12] !== drawerProps || $[13] !== showDegenConfirmation || $[14] !== t4 || $[15] !== t5 || $[16] !== t7) {
|
|
89
|
+
t8 = /* @__PURE__ */ jsx(ControlledDrawer, { ...drawerProps, title: t4, showCloseButton: t5, showGoBackButton: showDegenConfirmation, onGoBack: t6, children: t7 });
|
|
90
|
+
$[12] = drawerProps;
|
|
91
|
+
$[13] = showDegenConfirmation;
|
|
92
|
+
$[14] = t4;
|
|
93
|
+
$[15] = t5;
|
|
94
|
+
$[16] = t7;
|
|
95
|
+
$[17] = t8;
|
|
94
96
|
} else {
|
|
95
|
-
t8 = $[
|
|
97
|
+
t8 = $[17];
|
|
96
98
|
}
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
99
|
+
const drawer = t8;
|
|
100
|
+
const t9 = classes?.root;
|
|
101
|
+
let t10;
|
|
102
|
+
if ($[18] !== t9) {
|
|
103
|
+
t10 = cn("flex items-center justify-between gap-2", t9);
|
|
102
104
|
$[18] = t9;
|
|
105
|
+
$[19] = t10;
|
|
103
106
|
} else {
|
|
104
|
-
|
|
107
|
+
t10 = $[19];
|
|
105
108
|
}
|
|
106
|
-
let
|
|
107
|
-
if ($[
|
|
108
|
-
|
|
109
|
-
$[
|
|
110
|
-
$[20] = onOpen;
|
|
111
|
-
$[21] = t10;
|
|
109
|
+
let t11;
|
|
110
|
+
if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
|
|
111
|
+
t11 = /* @__PURE__ */ jsx(TradeModeSwitcher, {});
|
|
112
|
+
$[20] = t11;
|
|
112
113
|
} else {
|
|
113
|
-
|
|
114
|
+
t11 = $[20];
|
|
114
115
|
}
|
|
115
|
-
let
|
|
116
|
-
if ($[
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
116
|
+
let t12;
|
|
117
|
+
if ($[21] !== excludeUI) {
|
|
118
|
+
t12 = !excludeUI.includes("wallet-management") && /* @__PURE__ */ jsx(AccountButton, {});
|
|
119
|
+
$[21] = excludeUI;
|
|
120
|
+
$[22] = t12;
|
|
121
|
+
} else {
|
|
122
|
+
t12 = $[22];
|
|
123
|
+
}
|
|
124
|
+
let t13;
|
|
125
|
+
if ($[23] !== account || $[24] !== excludeUI) {
|
|
126
|
+
t13 = !!account && !excludeUI.includes("activities") && /* @__PURE__ */ jsx(ActivityButton, {});
|
|
127
|
+
$[23] = account;
|
|
128
|
+
$[24] = excludeUI;
|
|
129
|
+
$[25] = t13;
|
|
130
|
+
} else {
|
|
131
|
+
t13 = $[25];
|
|
132
|
+
}
|
|
133
|
+
let t14;
|
|
134
|
+
if ($[26] !== handleOpen || $[27] !== isNotDefaultAnyParameter) {
|
|
135
|
+
t14 = /* @__PURE__ */ jsx(SettingsButton, { onClick: handleOpen, showEllipseIcon: isNotDefaultAnyParameter });
|
|
136
|
+
$[26] = handleOpen;
|
|
137
|
+
$[27] = isNotDefaultAnyParameter;
|
|
138
|
+
$[28] = t14;
|
|
139
|
+
} else {
|
|
140
|
+
t14 = $[28];
|
|
141
|
+
}
|
|
142
|
+
let t15;
|
|
143
|
+
if ($[29] !== t12 || $[30] !== t13 || $[31] !== t14) {
|
|
144
|
+
t15 = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
|
|
145
|
+
t12,
|
|
146
|
+
t13,
|
|
147
|
+
t14
|
|
121
148
|
] });
|
|
122
|
-
$[
|
|
123
|
-
$[
|
|
124
|
-
$[
|
|
125
|
-
$[
|
|
149
|
+
$[29] = t12;
|
|
150
|
+
$[30] = t13;
|
|
151
|
+
$[31] = t14;
|
|
152
|
+
$[32] = t15;
|
|
126
153
|
} else {
|
|
127
|
-
|
|
154
|
+
t15 = $[32];
|
|
128
155
|
}
|
|
129
|
-
let
|
|
130
|
-
if ($[
|
|
131
|
-
|
|
132
|
-
t7,
|
|
156
|
+
let t16;
|
|
157
|
+
if ($[33] !== drawer || $[34] !== t10 || $[35] !== t15) {
|
|
158
|
+
t16 = /* @__PURE__ */ jsxs("div", { className: t10, children: [
|
|
133
159
|
t11,
|
|
160
|
+
t15,
|
|
134
161
|
drawer
|
|
135
162
|
] });
|
|
136
|
-
$[
|
|
137
|
-
$[
|
|
138
|
-
$[
|
|
139
|
-
$[
|
|
163
|
+
$[33] = drawer;
|
|
164
|
+
$[34] = t10;
|
|
165
|
+
$[35] = t15;
|
|
166
|
+
$[36] = t16;
|
|
140
167
|
} else {
|
|
141
|
-
|
|
168
|
+
t16 = $[36];
|
|
142
169
|
}
|
|
143
|
-
return
|
|
170
|
+
return t16;
|
|
144
171
|
};
|
|
145
172
|
|
|
146
173
|
export { AppHeader };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppHeader.js","sources":["../../../../src/components/widget/AppHeader/AppHeader.tsx"],"sourcesContent":["import type { WithClasses } from \"@/types/withClasses\";\nimport { cn } from \"@/lib/utils\";\nimport { useDrawerControls } from \"../Drawer/state/useDrawerControls\";\nimport { ControlledDrawer } from \"../Drawer\";\nimport { TradeParameters } from \"../TradeParameters/TradeParameters\";\nimport { useIsNotDefaultAnyParameter } from \"../TradeParameters/hooks/useIsNotDefaultAnyParameter\";\nimport { AccountButton } from \"@/components/web3/AccountButton\";\nimport { ActivityButton } from \"./ActivityButton\";\nimport { TradeModeSwitcher } from \"./TradeModeSwitcher\";\nimport { useAccount } from \"wagmi\";\nimport { useAtomValue } from \"@/core/store\";\nimport { excludeUIAtom } from \"@/core/state/configAtom\";\nimport { SettingsButton } from \"../SettingsButton/SettingsButton\";\nimport { useResetDraftBridgePreferences } from \"../TradeParameters/state/bridgePreferences/useBridgePreferences\";\n\nexport const AppHeader = ({ classes }: WithClasses<\"root\">) => {\n const { address: account } = useAccount();\n\n const resetDraftBridgePreferences = useResetDraftBridgePreferences();\n const { onOpen, ...drawerProps } = useDrawerControls({\n drawerId: \"trade-parameters-drawer\",\n onOpen: resetDraftBridgePreferences,\n });\n const isNotDefaultAnyParameter = useIsNotDefaultAnyParameter();\n const excludeUI = useAtomValue(excludeUIAtom);\n\n const drawer = (\n <ControlledDrawer\n {...drawerProps}\n title
|
|
1
|
+
{"version":3,"file":"AppHeader.js","sources":["../../../../src/components/widget/AppHeader/AppHeader.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport { cn } from \"@/lib/utils\";\nimport { useDrawerControls } from \"../Drawer/state/useDrawerControls\";\nimport { ControlledDrawer } from \"../Drawer\";\nimport { TradeParameters } from \"../TradeParameters/TradeParameters\";\nimport { useIsNotDefaultAnyParameter } from \"../TradeParameters/hooks/useIsNotDefaultAnyParameter\";\nimport { AccountButton } from \"@/components/web3/AccountButton\";\nimport { ActivityButton } from \"./ActivityButton\";\nimport { TradeModeSwitcher } from \"./TradeModeSwitcher\";\nimport { useAccount } from \"wagmi\";\nimport { useAtomValue } from \"@/core/store\";\nimport { excludeUIAtom } from \"@/core/state/configAtom\";\nimport { SettingsButton } from \"../SettingsButton/SettingsButton\";\nimport { useResetDraftBridgePreferences } from \"../TradeParameters/state/bridgePreferences/useBridgePreferences\";\n\nexport const AppHeader = ({ classes }: WithClasses<\"root\">) => {\n const { address: account } = useAccount();\n\n const resetDraftBridgePreferences = useResetDraftBridgePreferences();\n const [showDegenConfirmation, setShowDegenConfirmation] = useState(false);\n\n const { onOpen, ...drawerProps } = useDrawerControls({\n drawerId: \"trade-parameters-drawer\",\n onOpen: resetDraftBridgePreferences,\n });\n const isNotDefaultAnyParameter = useIsNotDefaultAnyParameter();\n const excludeUI = useAtomValue(excludeUIAtom);\n\n const handleOpen = () => {\n setShowDegenConfirmation(false);\n onOpen();\n };\n\n const drawer = (\n <ControlledDrawer\n {...drawerProps}\n title={\n showDegenConfirmation ? \"Activate Degen Mode\" : \"Trading Parameters\"\n }\n showCloseButton={!showDegenConfirmation}\n showGoBackButton={showDegenConfirmation}\n onGoBack={() => setShowDegenConfirmation(false)}\n >\n <TradeParameters\n onCloseDrawer={drawerProps.onClose}\n onOpenDrawer={handleOpen}\n showDegenConfirmation={showDegenConfirmation}\n setShowDegenConfirmation={setShowDegenConfirmation}\n />\n </ControlledDrawer>\n );\n\n return (\n <div\n className={cn(\"flex items-center justify-between gap-2\", classes?.root)}\n >\n <TradeModeSwitcher />\n <div className=\"flex items-center gap-2\">\n {!excludeUI.includes(\"wallet-management\") && <AccountButton />}\n {!!account && !excludeUI.includes(\"activities\") && <ActivityButton />}\n <SettingsButton\n onClick={handleOpen}\n showEllipseIcon={isNotDefaultAnyParameter}\n />\n </div>\n {drawer}\n </div>\n );\n};\n"],"names":["AppHeader","t0","$","_c","classes","address","account","useAccount","resetDraftBridgePreferences","useResetDraftBridgePreferences","showDegenConfirmation","setShowDegenConfirmation","useState","t1","drawerId","onOpen","t2","useDrawerControls","drawerProps","isNotDefaultAnyParameter","useIsNotDefaultAnyParameter","excludeUI","useAtomValue","excludeUIAtom","t3","handleOpen","t4","t5","t6","Symbol","for","t7","onClose","t8","drawer","t9","root","t10","cn","t11","t12","includes","t13","t14","t15","t16"],"mappings":"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"}
|
|
@@ -11,6 +11,7 @@ export declare const openDrawerAtom: import('jotai').PrimitiveAtom<DrawerId | nu
|
|
|
11
11
|
init: DrawerId | null;
|
|
12
12
|
};
|
|
13
13
|
export declare const useOpenDrawerId: () => DrawerId | null;
|
|
14
|
+
export declare const useSetOpenDrawer: () => (args_0: DrawerId | ((prev: DrawerId | null) => DrawerId | null) | null) => void;
|
|
14
15
|
export declare const useDrawerControls: ({ onOpen: _onOpen, onClose: _onClose, drawerId, }: {
|
|
15
16
|
onOpen?: () => void;
|
|
16
17
|
onClose?: () => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDrawerControls.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/Drawer/state/useDrawerControls.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAKzD,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,MAAM,EAAE,cAAc,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAChB,uBAAuB,GACvB,yBAAyB,GACzB,yBAAyB,GACzB,iBAAiB,GACjB,uBAAuB,GACvB,eAAe,GACf,sCAAsC,GACtC,uBAAuB,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,CAAC;AAEvD,eAAO,MAAM,cAAc;;CAA8B,CAAC;AAU1D,eAAO,MAAM,eAAe,QAAO,QAAQ,GAAG,IAE7C,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,mDAI/B;IACD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,QAAQ,CAAC;CACpB,KAAG,cAyCH,CAAC;AAYF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,kCAAkC,GAC7C,cAAc,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,KACnD;IACD,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC1B,iBAAiB,EAAE,OAAO,CAAC;IAC3B,YAAY,EAAE,OAAO,CAAC;CAoEvB,CAAC"}
|
|
1
|
+
{"version":3,"file":"useDrawerControls.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/Drawer/state/useDrawerControls.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAKzD,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,MAAM,EAAE,cAAc,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAChB,uBAAuB,GACvB,yBAAyB,GACzB,yBAAyB,GACzB,iBAAiB,GACjB,uBAAuB,GACvB,eAAe,GACf,sCAAsC,GACtC,uBAAuB,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,CAAC;AAEvD,eAAO,MAAM,cAAc;;CAA8B,CAAC;AAU1D,eAAO,MAAM,eAAe,QAAO,QAAQ,GAAG,IAE7C,CAAC;AAEF,eAAO,MAAM,gBAAgB,wFAE5B,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,mDAI/B;IACD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,QAAQ,CAAC;CACpB,KAAG,cAyCH,CAAC;AAYF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,kCAAkC,GAC7C,cAAc,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,KACnD;IACD,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC1B,iBAAiB,EAAE,OAAO,CAAC;IAC3B,YAAY,EAAE,OAAO,CAAC;CAoEvB,CAAC"}
|
|
@@ -2,7 +2,7 @@ import { d as distExports } from '../../../../_virtual/index.js';
|
|
|
2
2
|
import { DRAWER_HEIGHT } from '../../../../core/constants.js';
|
|
3
3
|
import { useLogger } from '../../../../core/logger.js';
|
|
4
4
|
import { atom } from 'jotai';
|
|
5
|
-
import { useAtom, useAtomValue } from '../../../../core/store.js';
|
|
5
|
+
import { useAtom, useAtomValue, useSetAtom } from '../../../../core/store.js';
|
|
6
6
|
import { useRef, useLayoutEffect } from 'react';
|
|
7
7
|
|
|
8
8
|
const openDrawerAtom = atom(null);
|
|
@@ -14,6 +14,9 @@ openDrawerAtom.onMount = (set) => {
|
|
|
14
14
|
const useOpenDrawerId = () => {
|
|
15
15
|
return useAtomValue(openDrawerAtom);
|
|
16
16
|
};
|
|
17
|
+
const useSetOpenDrawer = () => {
|
|
18
|
+
return useSetAtom(openDrawerAtom);
|
|
19
|
+
};
|
|
17
20
|
const useDrawerControls = (t0) => {
|
|
18
21
|
const $ = distExports.c(19);
|
|
19
22
|
const {
|
|
@@ -181,5 +184,5 @@ const useDrawerContainerHeightTransition = (containerRef) => {
|
|
|
181
184
|
return t4;
|
|
182
185
|
};
|
|
183
186
|
|
|
184
|
-
export { openDrawerAtom, useDrawerContainerHeightTransition, useDrawerControls, useOpenDrawerId };
|
|
187
|
+
export { openDrawerAtom, useDrawerContainerHeightTransition, useDrawerControls, useOpenDrawerId, useSetOpenDrawer };
|
|
185
188
|
//# sourceMappingURL=useDrawerControls.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDrawerControls.js","sources":["../../../../../src/components/widget/Drawer/state/useDrawerControls.ts"],"sourcesContent":["import { DRAWER_HEIGHT } from \"@/core/constants\";\nimport { useLogger } from \"@/core/logger\";\nimport type { LoggerInstance } from \"@/lib/utils/logger\";\nimport { atom } from \"jotai\";\nimport { useAtom, useAtomValue } from \"@/core/store\";\nimport { useLayoutEffect, useRef } from \"react\";\n\nexport type DrawerControls = {\n open: boolean;\n onOpen: () => void;\n onClose: () => void;\n onOpenChange: (open: boolean) => void;\n logger: LoggerInstance;\n};\n\nexport type DrawerId =\n | \"account-button-drawer\"\n | \"trade-parameters-drawer\"\n | \"receiver-address-drawer\"\n | \"wrap-eth-drawer\"\n | \"connect-wallet-drawer\"\n | \"order-details\"\n | \"fill-order-review-and-confirm-drawer\"\n | `import-token-drawer-${\"from\" | \"to\" | undefined}`;\n\nexport const openDrawerAtom = atom<DrawerId | null>(null);\n\nopenDrawerAtom.onMount = (set) => {\n return () => {\n // Reset open drawer on unmount to prevent stuck open drawers on remount.\n // This happens, for example, on route change in the UI with any drawer open.\n set(null);\n };\n};\n\nexport const useOpenDrawerId = (): DrawerId | null => {\n return useAtomValue(openDrawerAtom);\n};\n\nexport const useDrawerControls = ({\n onOpen: _onOpen,\n onClose: _onClose,\n drawerId,\n}: {\n onOpen?: () => void;\n onClose?: () => void;\n drawerId: DrawerId;\n}): DrawerControls => {\n const [openDrawer, setOpenDrawer] = useAtom(openDrawerAtom);\n\n const open = openDrawer === drawerId;\n\n const logger = useLogger(drawerId);\n\n const onOpen = () => {\n logger.info(\"onOpen\");\n setOpenDrawer(drawerId);\n _onOpen?.();\n };\n const onClose = () => {\n logger.info(\"onClose\");\n setOpenDrawer((currentOpenDrawer) => {\n // only reset openDrawer if closing the drawer that is currently open,\n // so that we don't interfere with other drawers that are opening at the same time\n if (currentOpenDrawer === drawerId) {\n return null;\n }\n return currentOpenDrawer;\n });\n _onClose?.();\n };\n\n const onOpenChange = (open: boolean) => {\n if (open) {\n onOpen();\n } else {\n onClose();\n }\n };\n\n return {\n open,\n // expect onOpenChange not to be triggered for a controlled <Drawer open={open}/>.\n onOpenChange,\n onOpen,\n onClose,\n logger,\n };\n};\n\n/**\n * Drawer IDs that should be considered full-cover drawers.\n *\n * When a full-cover drawer opens, the widget container height is transitioned to a fixed WIDGET_HEIGHT_CLASSNAME height.\n * When the drawer closes, the widget container height is transitioned back to the natural height.\n */\nconst fullCoverDrawers = new Set<DrawerId>([]);\n\nconst transition = \"height 0.3s ease-in-out\";\n\n/**\n * Hook that manages smooth height transitions for the main widget container when full-cover drawers open/close.\n *\n * When a full-cover drawer opens, this hook smoothly animates the widget height from its natural height\n * to a fixed WIDGET_HEIGHT_CLASSNAME height. When the drawer closes, it animates back to the original height and then\n * resets to auto for natural sizing.\n *\n * This prevents jarring height jumps and provides a polished user experience during drawer interactions.\n *\n * @returns {Object} containerRef - React ref that should be attached to the widget container element\n *\n * @example\n * const { containerRef } = useDrawerContainerHeightTransition();\n * return <div ref={containerRef} className=\"widget-container\">...</div>\n */\nexport const useDrawerContainerHeightTransition = (\n containerRef: React.RefObject<HTMLDivElement | null>\n): {\n drawerId: DrawerId | null;\n isDrawerFullCover: boolean;\n isDrawerOpen: boolean;\n} => {\n const previousHeightRef = useRef<number | null>(null);\n\n const currentDrawerId = useOpenDrawerId();\n const isDrawerFullCover =\n !!currentDrawerId && fullCoverDrawers.has(currentDrawerId);\n\n useLayoutEffect(() => {\n if (containerRef.current) {\n const container = containerRef.current;\n\n if (isDrawerFullCover) {\n // Get current height\n const currentHeight = container.scrollHeight;\n // widget will be fully covered by the drawer, won't see the transition\n const shouldSkipTransition = currentHeight <= DRAWER_HEIGHT;\n if (shouldSkipTransition) {\n return;\n }\n previousHeightRef.current = currentHeight;\n container.style.overflow = \"hidden\";\n\n // Set current height first (no transition)\n container.style.transition = \"none\";\n container.style.height = `${currentHeight}px`;\n\n // Use requestAnimationFrame to ensure the first height is painted\n requestAnimationFrame(() => {\n // Enable transition and set target height\n container.style.transition = transition;\n container.style.height = `${DRAWER_HEIGHT}px`;\n });\n } else if (previousHeightRef.current !== null) {\n // Only transition back if we have a previous height\n container.style.transition = transition;\n container.style.height = `${previousHeightRef.current}px`;\n previousHeightRef.current = null;\n\n // After transition completes, reset to auto\n const onTransitionEnd = (event: TransitionEvent) => {\n if (\n event.target === container &&\n event.propertyName === \"height\" &&\n event.type === \"transitionend\"\n ) {\n container.style.height = \"auto\";\n container.style.transition = \"\";\n container.style.overflow = \"\";\n\n container.removeEventListener(\"transitionend\", onTransitionEnd);\n }\n };\n container.addEventListener(\"transitionend\", onTransitionEnd);\n\n return () => {\n // cleanup just in case\n container.removeEventListener(\"transitionend\", onTransitionEnd);\n };\n }\n }\n }, [containerRef, isDrawerFullCover]);\n\n return {\n drawerId: currentDrawerId,\n isDrawerFullCover,\n isDrawerOpen: !!currentDrawerId,\n };\n};\n"],"names":["openDrawerAtom","atom","onMount","set","useOpenDrawerId","useAtomValue","useDrawerControls","t0","$","_c","onOpen","_onOpen","onClose","_onClose","drawerId","openDrawer","setOpenDrawer","useAtom","open","logger","useLogger","t1","info","t2","currentOpenDrawer","t3","open_0","onOpenChange","t4","fullCoverDrawers","Set","transition","useDrawerContainerHeightTransition","containerRef","previousHeightRef","useRef","currentDrawerId","has","isDrawerFullCover","current","container","currentHeight","scrollHeight","shouldSkipTransition","DRAWER_HEIGHT","style","overflow","height","requestAnimationFrame","onTransitionEnd","event","target","propertyName","type","removeEventListener","addEventListener","useLayoutEffect","isDrawerOpen"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"useDrawerControls.js","sources":["../../../../../src/components/widget/Drawer/state/useDrawerControls.ts"],"sourcesContent":["import { DRAWER_HEIGHT } from \"@/core/constants\";\nimport { useLogger } from \"@/core/logger\";\nimport type { LoggerInstance } from \"@/lib/utils/logger\";\nimport { atom } from \"jotai\";\nimport { useAtom, useAtomValue, useSetAtom } from \"@/core/store\";\nimport { useLayoutEffect, useRef } from \"react\";\n\nexport type DrawerControls = {\n open: boolean;\n onOpen: () => void;\n onClose: () => void;\n onOpenChange: (open: boolean) => void;\n logger: LoggerInstance;\n};\n\nexport type DrawerId =\n | \"account-button-drawer\"\n | \"trade-parameters-drawer\"\n | \"receiver-address-drawer\"\n | \"wrap-eth-drawer\"\n | \"connect-wallet-drawer\"\n | \"order-details\"\n | \"fill-order-review-and-confirm-drawer\"\n | `import-token-drawer-${\"from\" | \"to\" | undefined}`;\n\nexport const openDrawerAtom = atom<DrawerId | null>(null);\n\nopenDrawerAtom.onMount = (set) => {\n return () => {\n // Reset open drawer on unmount to prevent stuck open drawers on remount.\n // This happens, for example, on route change in the UI with any drawer open.\n set(null);\n };\n};\n\nexport const useOpenDrawerId = (): DrawerId | null => {\n return useAtomValue(openDrawerAtom);\n};\n\nexport const useSetOpenDrawer = () => {\n return useSetAtom(openDrawerAtom);\n};\n\nexport const useDrawerControls = ({\n onOpen: _onOpen,\n onClose: _onClose,\n drawerId,\n}: {\n onOpen?: () => void;\n onClose?: () => void;\n drawerId: DrawerId;\n}): DrawerControls => {\n const [openDrawer, setOpenDrawer] = useAtom(openDrawerAtom);\n\n const open = openDrawer === drawerId;\n\n const logger = useLogger(drawerId);\n\n const onOpen = () => {\n logger.info(\"onOpen\");\n setOpenDrawer(drawerId);\n _onOpen?.();\n };\n const onClose = () => {\n logger.info(\"onClose\");\n setOpenDrawer((currentOpenDrawer) => {\n // only reset openDrawer if closing the drawer that is currently open,\n // so that we don't interfere with other drawers that are opening at the same time\n if (currentOpenDrawer === drawerId) {\n return null;\n }\n return currentOpenDrawer;\n });\n _onClose?.();\n };\n\n const onOpenChange = (open: boolean) => {\n if (open) {\n onOpen();\n } else {\n onClose();\n }\n };\n\n return {\n open,\n // expect onOpenChange not to be triggered for a controlled <Drawer open={open}/>.\n onOpenChange,\n onOpen,\n onClose,\n logger,\n };\n};\n\n/**\n * Drawer IDs that should be considered full-cover drawers.\n *\n * When a full-cover drawer opens, the widget container height is transitioned to a fixed WIDGET_HEIGHT_CLASSNAME height.\n * When the drawer closes, the widget container height is transitioned back to the natural height.\n */\nconst fullCoverDrawers = new Set<DrawerId>([]);\n\nconst transition = \"height 0.3s ease-in-out\";\n\n/**\n * Hook that manages smooth height transitions for the main widget container when full-cover drawers open/close.\n *\n * When a full-cover drawer opens, this hook smoothly animates the widget height from its natural height\n * to a fixed WIDGET_HEIGHT_CLASSNAME height. When the drawer closes, it animates back to the original height and then\n * resets to auto for natural sizing.\n *\n * This prevents jarring height jumps and provides a polished user experience during drawer interactions.\n *\n * @returns {Object} containerRef - React ref that should be attached to the widget container element\n *\n * @example\n * const { containerRef } = useDrawerContainerHeightTransition();\n * return <div ref={containerRef} className=\"widget-container\">...</div>\n */\nexport const useDrawerContainerHeightTransition = (\n containerRef: React.RefObject<HTMLDivElement | null>\n): {\n drawerId: DrawerId | null;\n isDrawerFullCover: boolean;\n isDrawerOpen: boolean;\n} => {\n const previousHeightRef = useRef<number | null>(null);\n\n const currentDrawerId = useOpenDrawerId();\n const isDrawerFullCover =\n !!currentDrawerId && fullCoverDrawers.has(currentDrawerId);\n\n useLayoutEffect(() => {\n if (containerRef.current) {\n const container = containerRef.current;\n\n if (isDrawerFullCover) {\n // Get current height\n const currentHeight = container.scrollHeight;\n // widget will be fully covered by the drawer, won't see the transition\n const shouldSkipTransition = currentHeight <= DRAWER_HEIGHT;\n if (shouldSkipTransition) {\n return;\n }\n previousHeightRef.current = currentHeight;\n container.style.overflow = \"hidden\";\n\n // Set current height first (no transition)\n container.style.transition = \"none\";\n container.style.height = `${currentHeight}px`;\n\n // Use requestAnimationFrame to ensure the first height is painted\n requestAnimationFrame(() => {\n // Enable transition and set target height\n container.style.transition = transition;\n container.style.height = `${DRAWER_HEIGHT}px`;\n });\n } else if (previousHeightRef.current !== null) {\n // Only transition back if we have a previous height\n container.style.transition = transition;\n container.style.height = `${previousHeightRef.current}px`;\n previousHeightRef.current = null;\n\n // After transition completes, reset to auto\n const onTransitionEnd = (event: TransitionEvent) => {\n if (\n event.target === container &&\n event.propertyName === \"height\" &&\n event.type === \"transitionend\"\n ) {\n container.style.height = \"auto\";\n container.style.transition = \"\";\n container.style.overflow = \"\";\n\n container.removeEventListener(\"transitionend\", onTransitionEnd);\n }\n };\n container.addEventListener(\"transitionend\", onTransitionEnd);\n\n return () => {\n // cleanup just in case\n container.removeEventListener(\"transitionend\", onTransitionEnd);\n };\n }\n }\n }, [containerRef, isDrawerFullCover]);\n\n return {\n drawerId: currentDrawerId,\n isDrawerFullCover,\n isDrawerOpen: !!currentDrawerId,\n };\n};\n"],"names":["openDrawerAtom","atom","onMount","set","useOpenDrawerId","useAtomValue","useSetOpenDrawer","useSetAtom","useDrawerControls","t0","$","_c","onOpen","_onOpen","onClose","_onClose","drawerId","openDrawer","setOpenDrawer","useAtom","open","logger","useLogger","t1","info","t2","currentOpenDrawer","t3","open_0","onOpenChange","t4","fullCoverDrawers","Set","transition","useDrawerContainerHeightTransition","containerRef","previousHeightRef","useRef","currentDrawerId","has","isDrawerFullCover","current","container","currentHeight","scrollHeight","shouldSkipTransition","DRAWER_HEIGHT","style","overflow","height","requestAnimationFrame","onTransitionEnd","event","target","propertyName","type","removeEventListener","addEventListener","useLayoutEffect","isDrawerOpen"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DegenModeConfirmation.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeParameters/DegenModeConfirmation.tsx"],"names":[],"mappings":"AASA,KAAK,0BAA0B,GAAG;IAChC,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAOF,eAAO,MAAM,qBAAqB,GAAI,gBAEnC,0BAA0B,4CAuE5B,CAAC"}
|
|
@@ -0,0 +1,124 @@
|
|
|
1
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
+
import { d as distExports } from '../../../_virtual/index.js';
|
|
3
|
+
import { useState } from 'react';
|
|
4
|
+
import { Input } from '../../ui/input.js';
|
|
5
|
+
import { Button } from '../../ui/button.js';
|
|
6
|
+
import { WarningWithTitle } from '../Warning/Warning.js';
|
|
7
|
+
import { cn } from '../../../lib/utils/index.js';
|
|
8
|
+
import { ReactComponent as ForwardRef } from '../../../assets/check.svg.js';
|
|
9
|
+
|
|
10
|
+
const CONFIRMATION_WORD = "CONFIRM";
|
|
11
|
+
const warningClassses = {
|
|
12
|
+
root: "border-1 border-secondary-radical-red-1 rounded-xs bg-[rgba(255,43,82,0.05)] text-secondary-radical-red-1",
|
|
13
|
+
title: "font-medium"
|
|
14
|
+
};
|
|
15
|
+
const DegenModeConfirmation = (t0) => {
|
|
16
|
+
const $ = distExports.c(21);
|
|
17
|
+
const {
|
|
18
|
+
onConfirm
|
|
19
|
+
} = t0;
|
|
20
|
+
const [inputValue, setInputValue] = useState("");
|
|
21
|
+
const isConfirmed = inputValue === CONFIRMATION_WORD;
|
|
22
|
+
let t1;
|
|
23
|
+
if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
|
|
24
|
+
t1 = /* @__PURE__ */ jsx(WarningWithTitle, { title: "You are about to enable “Degen Mode”", message: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
|
|
25
|
+
/* @__PURE__ */ jsx("div", { children: "Enabling Degen Mode allows future trades with high price impact or no USD price oracle." }),
|
|
26
|
+
/* @__PURE__ */ jsx("div", { children: "Prices may be unreliable and execution can be unfavorable. This disables price safety checks until turned off. Proceed only if you accept the risks." })
|
|
27
|
+
] }), classes: warningClassses });
|
|
28
|
+
$[0] = t1;
|
|
29
|
+
} else {
|
|
30
|
+
t1 = $[0];
|
|
31
|
+
}
|
|
32
|
+
let t2;
|
|
33
|
+
if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
|
|
34
|
+
t2 = /* @__PURE__ */ jsxs("p", { className: "text-sm text-contrast-4 dark:text-contrast-6 pb-2", children: [
|
|
35
|
+
"Please write below “",
|
|
36
|
+
/* @__PURE__ */ jsx("span", { className: "font-semibold text-secondary-radical-red-1", children: CONFIRMATION_WORD }),
|
|
37
|
+
"” to proceed"
|
|
38
|
+
] });
|
|
39
|
+
$[1] = t2;
|
|
40
|
+
} else {
|
|
41
|
+
t2 = $[1];
|
|
42
|
+
}
|
|
43
|
+
let t3;
|
|
44
|
+
if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
|
|
45
|
+
t3 = (e) => setInputValue(e.target.value);
|
|
46
|
+
$[2] = t3;
|
|
47
|
+
} else {
|
|
48
|
+
t3 = $[2];
|
|
49
|
+
}
|
|
50
|
+
let t4;
|
|
51
|
+
if ($[3] !== isConfirmed) {
|
|
52
|
+
t4 = cn("rounded-sm h-10 placeholder:text-contrast-6 dark:placeholder:text-contrast-5 placeholder:text-xs", {
|
|
53
|
+
"border-secondary-shamrock-green-2 dark:border-secondary-shamrock-green-2 focus-visible:border-secondary-shamrock-green-2 dark:focus-visible:border-secondary-shamrock-green-2": isConfirmed
|
|
54
|
+
});
|
|
55
|
+
$[3] = isConfirmed;
|
|
56
|
+
$[4] = t4;
|
|
57
|
+
} else {
|
|
58
|
+
t4 = $[4];
|
|
59
|
+
}
|
|
60
|
+
let t5;
|
|
61
|
+
if ($[5] !== isConfirmed) {
|
|
62
|
+
t5 = isConfirmed ? /* @__PURE__ */ jsx(ForwardRef, { className: "stroke-secondary-shamrock-green-2" }) : void 0;
|
|
63
|
+
$[5] = isConfirmed;
|
|
64
|
+
$[6] = t5;
|
|
65
|
+
} else {
|
|
66
|
+
t5 = $[6];
|
|
67
|
+
}
|
|
68
|
+
let t6;
|
|
69
|
+
if ($[7] !== isConfirmed || $[8] !== onConfirm) {
|
|
70
|
+
t6 = (e_0) => {
|
|
71
|
+
if (e_0.key === "Enter" && isConfirmed) {
|
|
72
|
+
onConfirm();
|
|
73
|
+
}
|
|
74
|
+
};
|
|
75
|
+
$[7] = isConfirmed;
|
|
76
|
+
$[8] = onConfirm;
|
|
77
|
+
$[9] = t6;
|
|
78
|
+
} else {
|
|
79
|
+
t6 = $[9];
|
|
80
|
+
}
|
|
81
|
+
let t7;
|
|
82
|
+
if ($[10] !== inputValue || $[11] !== t4 || $[12] !== t5 || $[13] !== t6) {
|
|
83
|
+
t7 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6 pb-8", children: [
|
|
84
|
+
t1,
|
|
85
|
+
/* @__PURE__ */ jsxs("div", { children: [
|
|
86
|
+
t2,
|
|
87
|
+
/* @__PURE__ */ jsx(Input, { value: inputValue, onChange: t3, placeholder: `Write “${CONFIRMATION_WORD}” here`, autoFocus: true, className: t4, endAdornment: t5, onKeyDown: t6 })
|
|
88
|
+
] })
|
|
89
|
+
] });
|
|
90
|
+
$[10] = inputValue;
|
|
91
|
+
$[11] = t4;
|
|
92
|
+
$[12] = t5;
|
|
93
|
+
$[13] = t6;
|
|
94
|
+
$[14] = t7;
|
|
95
|
+
} else {
|
|
96
|
+
t7 = $[14];
|
|
97
|
+
}
|
|
98
|
+
const t8 = !isConfirmed;
|
|
99
|
+
let t9;
|
|
100
|
+
if ($[15] !== onConfirm || $[16] !== t8) {
|
|
101
|
+
t9 = /* @__PURE__ */ jsx(Button, { variant: "default", radius: "sm", className: "h-[40px] w-full mt-auto", onClick: onConfirm, disabled: t8, children: "Confirm" });
|
|
102
|
+
$[15] = onConfirm;
|
|
103
|
+
$[16] = t8;
|
|
104
|
+
$[17] = t9;
|
|
105
|
+
} else {
|
|
106
|
+
t9 = $[17];
|
|
107
|
+
}
|
|
108
|
+
let t10;
|
|
109
|
+
if ($[18] !== t7 || $[19] !== t9) {
|
|
110
|
+
t10 = /* @__PURE__ */ jsxs("div", { className: "p-6 pt-0 text-contrast-4 dark:text-contrast-7 flex flex-col", children: [
|
|
111
|
+
t7,
|
|
112
|
+
t9
|
|
113
|
+
] });
|
|
114
|
+
$[18] = t7;
|
|
115
|
+
$[19] = t9;
|
|
116
|
+
$[20] = t10;
|
|
117
|
+
} else {
|
|
118
|
+
t10 = $[20];
|
|
119
|
+
}
|
|
120
|
+
return t10;
|
|
121
|
+
};
|
|
122
|
+
|
|
123
|
+
export { DegenModeConfirmation };
|
|
124
|
+
//# sourceMappingURL=DegenModeConfirmation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DegenModeConfirmation.js","sources":["../../../../src/components/widget/TradeParameters/DegenModeConfirmation.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { Input } from \"@/components/ui/input\";\nimport { Button } from \"@/components/ui/button\";\nimport { WarningWithTitle } from \"../Warning/Warning\";\nimport { cn } from \"@/lib/utils\";\nimport { ReactComponent as CheckSVG } from \"@/assets/check.svg\";\n\nconst CONFIRMATION_WORD = \"CONFIRM\";\n\ntype DegenModeConfirmationProps = {\n onConfirm: () => void;\n};\n\nconst warningClassses = {\n root: \"border-1 border-secondary-radical-red-1 rounded-xs bg-[rgba(255,43,82,0.05)] text-secondary-radical-red-1\",\n title: \"font-medium\",\n} as const;\n\nexport const DegenModeConfirmation = ({\n onConfirm,\n}: DegenModeConfirmationProps) => {\n const [inputValue, setInputValue] = useState(\"\");\n\n const isConfirmed = inputValue === CONFIRMATION_WORD;\n\n return (\n <div className=\"p-6 pt-0 text-contrast-4 dark:text-contrast-7 flex flex-col\">\n <div className=\"flex flex-col gap-6 pb-8\">\n <WarningWithTitle\n title=\"You are about to enable “Degen Mode”\"\n message={\n <div className=\"flex flex-col gap-2\">\n <div>\n Enabling Degen Mode allows future trades with high price impact\n or no USD price oracle.\n </div>\n <div>\n Prices may be unreliable and execution can be unfavorable. This\n disables price safety checks until turned off. Proceed only if\n you accept the risks.\n </div>\n </div>\n }\n classes={warningClassses}\n />\n <div>\n <p className=\"text-sm text-contrast-4 dark:text-contrast-6 pb-2\">\n Please write below “\n <span className=\"font-semibold text-secondary-radical-red-1\">\n {CONFIRMATION_WORD}\n </span>\n ” to proceed\n </p>\n <Input\n value={inputValue}\n onChange={(e) => setInputValue(e.target.value)}\n placeholder={`Write “${CONFIRMATION_WORD}” here`}\n autoFocus\n className={cn(\n \"rounded-sm h-10 placeholder:text-contrast-6 dark:placeholder:text-contrast-5 placeholder:text-xs\",\n {\n \"border-secondary-shamrock-green-2 dark:border-secondary-shamrock-green-2 focus-visible:border-secondary-shamrock-green-2 dark:focus-visible:border-secondary-shamrock-green-2\":\n isConfirmed,\n }\n )}\n endAdornment={\n isConfirmed ? (\n <CheckSVG className=\"stroke-secondary-shamrock-green-2\" />\n ) : undefined\n }\n onKeyDown={(e) => {\n // allow confirming by pressing Enter\n if (e.key === \"Enter\" && isConfirmed) {\n onConfirm();\n }\n }}\n />\n </div>\n </div>\n\n <Button\n variant=\"default\"\n radius=\"sm\"\n className=\"h-[40px] w-full mt-auto\"\n onClick={onConfirm}\n disabled={!isConfirmed}\n >\n Confirm\n </Button>\n </div>\n );\n};\n"],"names":["CONFIRMATION_WORD","warningClassses","root","title","DegenModeConfirmation","t0","$","_c","onConfirm","inputValue","setInputValue","useState","isConfirmed","t1","Symbol","for","t2","t3","e","target","value","t4","cn","t5","CheckSVG","undefined","t6","e_0","key","t7","t8","t9","t10"],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export type DegenModeParameterProps = {
|
|
2
|
+
isNotDefault: boolean;
|
|
3
|
+
setValue: (value: boolean) => void;
|
|
4
|
+
value: boolean;
|
|
5
|
+
onRequestEnable?: () => void;
|
|
6
|
+
};
|
|
7
|
+
export declare const DegenModeParameter: ({ isNotDefault, setValue, value, onRequestEnable, }: DegenModeParameterProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
//# sourceMappingURL=DegenModeParameter.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DegenModeParameter.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeParameters/DegenModeParameter.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,uBAAuB,GAAG;IACpC,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,KAAK,EAAE,OAAO,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,qDAKhC,uBAAuB,4CAgCzB,CAAC"}
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
+
import { d as distExports } from '../../../_virtual/index.js';
|
|
3
|
+
import { Switch } from '../../ui/switch.js';
|
|
4
|
+
import { EllipseIcon } from '../Icon/EllipseIcon.js';
|
|
5
|
+
import { DetailWithTooltip } from '../Details/DetailWithTooltip.js';
|
|
6
|
+
|
|
7
|
+
const DegenModeParameter = (t0) => {
|
|
8
|
+
const $ = distExports.c(14);
|
|
9
|
+
const {
|
|
10
|
+
isNotDefault,
|
|
11
|
+
setValue,
|
|
12
|
+
value,
|
|
13
|
+
onRequestEnable
|
|
14
|
+
} = t0;
|
|
15
|
+
let t1;
|
|
16
|
+
if ($[0] !== onRequestEnable || $[1] !== setValue) {
|
|
17
|
+
t1 = (checked) => {
|
|
18
|
+
if (checked && onRequestEnable) {
|
|
19
|
+
onRequestEnable();
|
|
20
|
+
return;
|
|
21
|
+
}
|
|
22
|
+
setValue(checked);
|
|
23
|
+
};
|
|
24
|
+
$[0] = onRequestEnable;
|
|
25
|
+
$[1] = setValue;
|
|
26
|
+
$[2] = t1;
|
|
27
|
+
} else {
|
|
28
|
+
t1 = $[2];
|
|
29
|
+
}
|
|
30
|
+
const handleChange = t1;
|
|
31
|
+
let t2;
|
|
32
|
+
if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
|
|
33
|
+
t2 = /* @__PURE__ */ jsx(DetailWithTooltip, { detail: "Degen Mode", tooltip: "Allows trading when price impact is high or no USD oracle price is available. Rates may be unreliable. Use at your own risk.", classes: {
|
|
34
|
+
root: "text-sm"
|
|
35
|
+
} });
|
|
36
|
+
$[3] = t2;
|
|
37
|
+
} else {
|
|
38
|
+
t2 = $[3];
|
|
39
|
+
}
|
|
40
|
+
let t3;
|
|
41
|
+
if ($[4] !== isNotDefault) {
|
|
42
|
+
t3 = isNotDefault && /* @__PURE__ */ jsx(EllipseIcon, { className: "stroke-contrast-8 dark:stroke-contrast-2" });
|
|
43
|
+
$[4] = isNotDefault;
|
|
44
|
+
$[5] = t3;
|
|
45
|
+
} else {
|
|
46
|
+
t3 = $[5];
|
|
47
|
+
}
|
|
48
|
+
let t4;
|
|
49
|
+
if ($[6] !== t3) {
|
|
50
|
+
t4 = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm", children: [
|
|
51
|
+
t2,
|
|
52
|
+
t3
|
|
53
|
+
] });
|
|
54
|
+
$[6] = t3;
|
|
55
|
+
$[7] = t4;
|
|
56
|
+
} else {
|
|
57
|
+
t4 = $[7];
|
|
58
|
+
}
|
|
59
|
+
let t5;
|
|
60
|
+
if ($[8] !== handleChange || $[9] !== value) {
|
|
61
|
+
t5 = /* @__PURE__ */ jsx(Switch, { checked: value, onCheckedChange: handleChange, className: "cursor-pointer" });
|
|
62
|
+
$[8] = handleChange;
|
|
63
|
+
$[9] = value;
|
|
64
|
+
$[10] = t5;
|
|
65
|
+
} else {
|
|
66
|
+
t5 = $[10];
|
|
67
|
+
}
|
|
68
|
+
let t6;
|
|
69
|
+
if ($[11] !== t4 || $[12] !== t5) {
|
|
70
|
+
t6 = /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 py-4", children: [
|
|
71
|
+
t4,
|
|
72
|
+
t5
|
|
73
|
+
] });
|
|
74
|
+
$[11] = t4;
|
|
75
|
+
$[12] = t5;
|
|
76
|
+
$[13] = t6;
|
|
77
|
+
} else {
|
|
78
|
+
t6 = $[13];
|
|
79
|
+
}
|
|
80
|
+
return t6;
|
|
81
|
+
};
|
|
82
|
+
|
|
83
|
+
export { DegenModeParameter };
|
|
84
|
+
//# sourceMappingURL=DegenModeParameter.js.map
|