@velora-dex/widget 0.3.7-dev.2 → 0.3.8
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/BridgeList/BridgeListItem.d.ts.map +1 -1
- package/dist/components/widget/BridgeList/BridgeListItem.js +4 -3
- package/dist/components/widget/BridgeList/BridgeListItem.js.map +1 -1
- package/dist/components/widget/TradeOverview/DeltaOrderTradeOverview.d.ts.map +1 -1
- package/dist/components/widget/TradeOverview/DeltaOrderTradeOverview.js +85 -70
- package/dist/components/widget/TradeOverview/DeltaOrderTradeOverview.js.map +1 -1
- package/dist/components/widget/TradeOverview/TradeComplete/utils.d.ts.map +1 -1
- package/dist/components/widget/TradeOverview/TradeComplete/utils.js +11 -2
- package/dist/components/widget/TradeOverview/TradeComplete/utils.js.map +1 -1
- package/dist/components/widget/TradeOverview/utils/useSwapAmountsWithSlippage.d.ts +1 -1
- package/dist/components/widget/TradeOverview/utils/useSwapAmountsWithSlippage.d.ts.map +1 -1
- package/dist/components/widget/TradeOverview/utils/useSwapAmountsWithSlippage.js.map +1 -1
- package/dist/core/Warnings.d.ts +1 -0
- package/dist/core/Warnings.d.ts.map +1 -1
- package/dist/core/Warnings.js +17 -1
- package/dist/core/Warnings.js.map +1 -1
- package/dist/core/index.d.ts +1 -1
- package/dist/core/index.d.ts.map +1 -1
- package/dist/core/index.js +131 -180
- package/dist/core/index.js.map +1 -1
- package/dist/core/swapDetails/priceImpact.d.ts.map +1 -1
- package/dist/core/swapDetails/priceImpact.js +3 -2
- package/dist/core/swapDetails/priceImpact.js.map +1 -1
- package/dist/core/swapDetails/useIsPriceImpactUnavailable.d.ts +2 -0
- package/dist/core/swapDetails/useIsPriceImpactUnavailable.d.ts.map +1 -0
- package/dist/core/swapDetails/useIsPriceImpactUnavailable.js +40 -0
- package/dist/core/swapDetails/useIsPriceImpactUnavailable.js.map +1 -0
- package/dist/core/types.d.ts +0 -2
- package/dist/core/types.d.ts.map +1 -1
- package/dist/hooks/otc/mutations/useFillOrder.js +12 -0
- package/dist/hooks/otc/mutations/useFillOrder.js.map +1 -1
- package/dist/hooks/otc/tradeFlow/useFillOtcOrderFlow.js +12 -0
- package/dist/hooks/otc/tradeFlow/useFillOtcOrderFlow.js.map +1 -1
- package/dist/hooks/swap/tradeFlow/useDeltaFlow.js +2 -2
- package/dist/hooks/swap/tradeFlow/useDeltaFlow.js.map +1 -1
- package/dist/hooks/useSDK.d.ts.map +1 -1
- package/dist/hooks/useSDK.js +19 -32
- package/dist/hooks/useSDK.js.map +1 -1
- package/dist/lib/utils/index.d.ts +0 -2
- package/dist/lib/utils/index.d.ts.map +1 -1
- package/dist/lib/utils/index.js +1 -18
- package/dist/lib/utils/index.js.map +1 -1
- package/dist/lib/utils/priceImpact.d.ts +1 -0
- package/dist/lib/utils/priceImpact.d.ts.map +1 -1
- package/dist/lib/utils/priceImpact.js +4 -2
- package/dist/lib/utils/priceImpact.js.map +1 -1
- package/package.json +2 -2
- package/dist/core/state/apiConfigAtom.d.ts +0 -14
- package/dist/core/state/apiConfigAtom.d.ts.map +0 -1
- package/dist/core/state/apiConfigAtom.js +0 -20
- package/dist/core/state/apiConfigAtom.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSwapAmountsWithSlippage.js","sources":["../../../../../src/components/widget/TradeOverview/utils/useSwapAmountsWithSlippage.ts"],"sourcesContent":["import { useSlippage } from \"@/hooks/useSlippage\";\nimport { useSwapSide } from \"../../SwapModeSwitcher/state/swapSideAtom\";\nimport { formatUnits, parseUnits } from \"viem\";\nimport { applySlippage } from \"@/lib/utils/price\";\nimport type { DeltaOrMarketPrice } from \"@/hooks/swap/prices/types\";\nimport type { Token } from \"@/tokens/state/types\";\nimport type { SwapSideUnion } from \"@velora-dex/sdk\";\nimport type { MarkOptional } from \"ts-essentials\";\n\ntype SwapAmounts = Pick<DeltaOrMarketPrice, \"srcAmount\" | \"destAmount\">;\ntype UseSwapAmountsWithSlippageInput = {\n submittedSwapWei?: SwapSideAmounts; // submitted Swap Order or Tx (highest priority)\n usedPriceWei?: SwapSideAmounts; // used price after slippage is applied (medium priority)\n formDataUnit: MarkOptional<SwapSideAmounts, \"swapSide\">; // initial data before we have prices or have submitted Swap Order or Tx (lowest priority)\n fromToken: Pick<Token, \"decimals\">;\n toToken: Pick<Token, \"decimals\">;\n};\n\
|
|
1
|
+
{"version":3,"file":"useSwapAmountsWithSlippage.js","sources":["../../../../../src/components/widget/TradeOverview/utils/useSwapAmountsWithSlippage.ts"],"sourcesContent":["import { useSlippage } from \"@/hooks/useSlippage\";\nimport { useSwapSide } from \"../../SwapModeSwitcher/state/swapSideAtom\";\nimport { formatUnits, parseUnits } from \"viem\";\nimport { applySlippage } from \"@/lib/utils/price\";\nimport type { DeltaOrMarketPrice } from \"@/hooks/swap/prices/types\";\nimport type { Token } from \"@/tokens/state/types\";\nimport type { SwapSideUnion } from \"@velora-dex/sdk\";\nimport type { MarkOptional } from \"ts-essentials\";\n\ntype SwapAmounts = Pick<DeltaOrMarketPrice, \"srcAmount\" | \"destAmount\">;\ntype UseSwapAmountsWithSlippageInput = {\n submittedSwapWei?: SwapSideAmounts; // submitted Swap Order or Tx (highest priority)\n usedPriceWei?: SwapSideAmounts; // used price after slippage is applied (medium priority)\n formDataUnit: MarkOptional<SwapSideAmounts, \"swapSide\">; // initial data before we have prices or have submitted Swap Order or Tx (lowest priority)\n fromToken: Pick<Token, \"decimals\">;\n toToken: Pick<Token, \"decimals\">;\n};\n\nexport type SwapSideAmounts = SwapAmounts & {\n swapSide: SwapSideUnion;\n};\n\nexport function useSwapAmountsWithSlippage({\n submittedSwapWei,\n usedPriceWei,\n formDataUnit,\n fromToken,\n toToken,\n}: UseSwapAmountsWithSlippageInput): SwapSideAmounts {\n const { resolvedSlippage } = useSlippage(\"swap\");\n const swapSideFromInput = useSwapSide();\n\n const swapSide =\n submittedSwapWei?.swapSide ||\n usedPriceWei?.swapSide ||\n formDataUnit.swapSide ||\n swapSideFromInput;\n\n const amounts: SwapAmounts = {\n srcAmount: formDataUnit.srcAmount,\n destAmount: formDataUnit.destAmount,\n };\n\n if (submittedSwapWei) {\n amounts.srcAmount = formatUnits(\n BigInt(submittedSwapWei.srcAmount),\n fromToken.decimals\n );\n amounts.destAmount = formatUnits(\n BigInt(submittedSwapWei.destAmount),\n toToken.decimals\n );\n } else if (usedPriceWei) {\n const amountsAfterSlippage = applySlippage(\n usedPriceWei,\n resolvedSlippage,\n swapSide\n );\n amounts.srcAmount = formatUnits(\n BigInt(amountsAfterSlippage.srcAmount),\n fromToken.decimals\n );\n amounts.destAmount = formatUnits(\n BigInt(amountsAfterSlippage.destAmount),\n toToken.decimals\n );\n } else {\n const weiFromAmount = parseUnits(\n formDataUnit.srcAmount,\n fromToken.decimals\n );\n const weiToAmount = parseUnits(formDataUnit.destAmount, toToken.decimals);\n // applySlippage on unit amount directly would lose precision and drop decimals\n const amountsAfterSlippage = applySlippage(\n {\n srcAmount: weiFromAmount.toString(),\n destAmount: weiToAmount.toString(),\n },\n resolvedSlippage,\n swapSide\n );\n amounts.srcAmount = formatUnits(\n BigInt(amountsAfterSlippage.srcAmount),\n fromToken.decimals\n );\n amounts.destAmount = formatUnits(\n BigInt(amountsAfterSlippage.destAmount),\n toToken.decimals\n );\n }\n\n return {\n ...amounts,\n swapSide,\n };\n}\n"],"names":["useSwapAmountsWithSlippage","t0","$","_c","submittedSwapWei","usedPriceWei","formDataUnit","fromToken","toToken","resolvedSlippage","useSlippage","swapSideFromInput","useSwapSide","swapSide","amounts","destAmount","srcAmount","decimals","formatUnits","BigInt","amountsAfterSlippage","applySlippage","weiFromAmount","parseUnits","weiToAmount","amountsAfterSlippage_0","toString","t1"],"mappings":"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"}
|
package/dist/core/Warnings.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Warnings.d.ts","sourceRoot":"","sources":["../../src/core/Warnings.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Warnings.d.ts","sourceRoot":"","sources":["../../src/core/Warnings.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,aAAa,sDAwBzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,sDAY7B,CAAC"}
|
package/dist/core/Warnings.js
CHANGED
|
@@ -4,6 +4,7 @@ import { useCurrentChainConfig } from '../hooks/useCurrentChain.js';
|
|
|
4
4
|
import { Warning } from '../components/widget/Warning/Warning.js';
|
|
5
5
|
import { useUnsupportedLimitChain } from './limit/useLimitNotSupported.js';
|
|
6
6
|
import { useUnsupportedOtcChain } from './otc/useOtcNotSupported.js';
|
|
7
|
+
import { useIsSwapPriceImpactUnavailable } from './swapDetails/useIsPriceImpactUnavailable.js';
|
|
7
8
|
|
|
8
9
|
const warningClasses = {
|
|
9
10
|
root: "mt-4"
|
|
@@ -40,6 +41,21 @@ const WidgetWarning = () => {
|
|
|
40
41
|
}
|
|
41
42
|
return null;
|
|
42
43
|
};
|
|
44
|
+
const SwapWidgetWarning = () => {
|
|
45
|
+
const $ = distExports.c(1);
|
|
46
|
+
const isPriceImpactUnavailable = useIsSwapPriceImpactUnavailable();
|
|
47
|
+
if (isPriceImpactUnavailable) {
|
|
48
|
+
let t0;
|
|
49
|
+
if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
|
|
50
|
+
t0 = /* @__PURE__ */ jsx(Warning, { message: "Unable to calculate price impact. You may lose the value of this trade, proceed at own risk", classes: warningClasses });
|
|
51
|
+
$[0] = t0;
|
|
52
|
+
} else {
|
|
53
|
+
t0 = $[0];
|
|
54
|
+
}
|
|
55
|
+
return t0;
|
|
56
|
+
}
|
|
57
|
+
return null;
|
|
58
|
+
};
|
|
43
59
|
|
|
44
|
-
export { WidgetWarning };
|
|
60
|
+
export { SwapWidgetWarning, WidgetWarning };
|
|
45
61
|
//# sourceMappingURL=Warnings.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Warnings.js","sources":["../../src/core/Warnings.tsx"],"sourcesContent":["import { useCurrentChainConfig } from \"@/hooks/useCurrentChain\";\nimport { Warning } from \"@/components/widget/Warning/Warning\";\nimport { useUnsupportedLimitChain } from \"./limit/useLimitNotSupported\";\nimport { useUnsupportedOtcChain } from \"./otc/useOtcNotSupported\";\n\nconst warningClasses = {\n root: \"mt-4\",\n};\n\nexport const WidgetWarning = () => {\n const chainConfig = useCurrentChainConfig();\n const chainName = chainConfig.name;\n\n const limitNotSupported = useUnsupportedLimitChain();\n const otcNotSupported = useUnsupportedOtcChain();\n\n if (limitNotSupported)\n return (\n <Warning\n message={`Limit Orders are not available yet on ${chainName}`}\n classes={warningClasses}\n />\n );\n\n if (otcNotSupported)\n return (\n <Warning\n message={`OTC Orders are not available yet on ${chainName}`}\n classes={warningClasses}\n />\n );\n\n return null;\n};\n"],"names":["warningClasses","root","WidgetWarning","$","_c","chainConfig","useCurrentChainConfig","chainName","name","limitNotSupported","useUnsupportedLimitChain","otcNotSupported","useUnsupportedOtcChain","t0","t1"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Warnings.js","sources":["../../src/core/Warnings.tsx"],"sourcesContent":["import { useCurrentChainConfig } from \"@/hooks/useCurrentChain\";\nimport { Warning } from \"@/components/widget/Warning/Warning\";\nimport { useUnsupportedLimitChain } from \"./limit/useLimitNotSupported\";\nimport { useUnsupportedOtcChain } from \"./otc/useOtcNotSupported\";\nimport { useIsSwapPriceImpactUnavailable } from \"./swapDetails/useIsPriceImpactUnavailable\";\n\nconst warningClasses = {\n root: \"mt-4\",\n};\n\nexport const WidgetWarning = () => {\n const chainConfig = useCurrentChainConfig();\n const chainName = chainConfig.name;\n\n const limitNotSupported = useUnsupportedLimitChain();\n const otcNotSupported = useUnsupportedOtcChain();\n\n if (limitNotSupported)\n return (\n <Warning\n message={`Limit Orders are not available yet on ${chainName}`}\n classes={warningClasses}\n />\n );\n\n if (otcNotSupported)\n return (\n <Warning\n message={`OTC Orders are not available yet on ${chainName}`}\n classes={warningClasses}\n />\n );\n\n return null;\n};\n\nexport const SwapWidgetWarning = () => {\n const isPriceImpactUnavailable = useIsSwapPriceImpactUnavailable();\n\n if (isPriceImpactUnavailable)\n return (\n <Warning\n message=\"Unable to calculate price impact. You may lose the value of this trade, proceed at own risk\"\n classes={warningClasses}\n />\n );\n\n return null;\n};\n"],"names":["warningClasses","root","WidgetWarning","$","_c","chainConfig","useCurrentChainConfig","chainName","name","limitNotSupported","useUnsupportedLimitChain","otcNotSupported","useUnsupportedOtcChain","t0","t1","SwapWidgetWarning","isPriceImpactUnavailable","useIsSwapPriceImpactUnavailable","Symbol","for"],"mappings":";;;;;;;;AAMA,MAAMA,cAAAA,GAAiB;AAAA,EACrBC,IAAAA,EAAM;AACR,CAAA;AAEO,MAAMC,gBAAgBA,MAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAC3B,EAAA,MAAAC,cAAoBC,qBAAAA,EAAsB;AAC1C,EAAA,MAAAC,YAAkBF,WAAAA,CAAWG,IAAAA;AAE7B,EAAA,MAAAC,oBAA0BC,wBAAAA,EAAyB;AACnD,EAAA,MAAAC,kBAAwBC,sBAAAA,EAAuB;AAE/C,EAAA,IAAIH,iBAAAA,EAAiB;AAGN,IAAA,MAAAI,EAAAA,GAAA,yCAAyCN,SAAS,CAAA,CAAA;AAAE,IAAA,IAAAO,EAAAA;AAAA,IAAA,IAAAX,CAAAA,QAAAU,EAAAA,EAAA;AAD/DC,MAAAA,EAAAA,mBAAA,GAAA,CAAC,OAAA,EAAA,EACU,OAAA,EAAAD,EAAAA,EACAb,SAAAA,cAAAA,EAAc,CAAA;AACvBG,MAAAA,CAAAA,MAAAU,EAAAA;AAAAV,MAAAA,CAAAA,MAAAW,EAAAA;AAAAA,IAAA,CAAA,MAAA;AAAAA,MAAAA,EAAAA,GAAAX,EAAA,CAAA,CAAA;AAAA,IAAA;AAAA,IAAA,OAHFW,EAAAA;AAAAA,EAGE;AAGN,EAAA,IAAIH,eAAAA,EAAe;AAGJ,IAAA,MAAAE,EAAAA,GAAA,uCAAuCN,SAAS,CAAA,CAAA;AAAE,IAAA,IAAAO,EAAAA;AAAA,IAAA,IAAAX,CAAAA,QAAAU,EAAAA,EAAA;AAD7DC,MAAAA,EAAAA,mBAAA,GAAA,CAAC,OAAA,EAAA,EACU,OAAA,EAAAD,EAAAA,EACAb,SAAAA,cAAAA,EAAc,CAAA;AACvBG,MAAAA,CAAAA,MAAAU,EAAAA;AAAAV,MAAAA,CAAAA,MAAAW,EAAAA;AAAAA,IAAA,CAAA,MAAA;AAAAA,MAAAA,EAAAA,GAAAX,EAAA,CAAA,CAAA;AAAA,IAAA;AAAA,IAAA,OAHFW,EAAAA;AAAAA,EAGE;AACF,EAAA,OAEG,IAAA;AAAI;AAGN,MAAMC,oBAAoBA,MAAA;AAAA,EAAA,MAAAZ,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAC/B,EAAA,MAAAY,2BAAiCC,+BAAAA,EAAgC;AAEjE,EAAA,IAAID,wBAAAA,EAAwB;AAAA,IAAA,IAAAH,EAAAA;AAAA,IAAA,IAAAV,EAAA,CAAA,CAAA,KAAAe,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AAExBN,MAAAA,EAAAA,mBAAA,GAAA,CAAC,OAAA,EAAA,EACS,OAAA,EAAA,6FAAA,EACCb,SAAAA,cAAAA,EAAc,CAAA;AACvBG,MAAAA,CAAAA,MAAAU,EAAAA;AAAAA,IAAA,CAAA,MAAA;AAAAA,MAAAA,EAAAA,GAAAV,EAAA,CAAA,CAAA;AAAA,IAAA;AAAA,IAAA,OAHFU,EAAAA;AAAAA,EAGE;AACF,EAAA,OAEG,IAAA;AAAI;;;;"}
|
package/dist/core/index.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { WidgetProps } from './types';
|
|
2
|
-
export declare const Widget: ({ config,
|
|
2
|
+
export declare const Widget: ({ config, provider, events, input }: WidgetProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/core/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/core/index.tsx"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAiB7B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/core/index.tsx"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAiB7B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAsU3C,eAAO,MAAM,MAAM,GAAI,qCAAqC,WAAW,4CAatE,CAAC"}
|
package/dist/core/index.js
CHANGED
|
@@ -50,7 +50,7 @@ import { useLimitPriceInputProps } from './limit/useLimitPriceInputProps.js';
|
|
|
50
50
|
import { useOtcPriceInputProps } from './otc/useOtcPriceInputProps.js';
|
|
51
51
|
import { OtcOrderButton } from './OtcOrderButton.js';
|
|
52
52
|
import { OtcOrderDetails } from './OtcOrderDetails.js';
|
|
53
|
-
import { WidgetWarning } from './Warnings.js';
|
|
53
|
+
import { WidgetWarning, SwapWidgetWarning } from './Warnings.js';
|
|
54
54
|
import { useUnsupportedLimitChain } from './limit/useLimitNotSupported.js';
|
|
55
55
|
import { useUnsupportedOtcChain } from './otc/useOtcNotSupported.js';
|
|
56
56
|
import { useLimitTokenSwitcherProps } from './limit/useLimitTokenSwitcherProps.js';
|
|
@@ -69,7 +69,6 @@ import { isBridgePrice } from '../hooks/swap/prices/delta/queries/useDeltaPriceQ
|
|
|
69
69
|
import { BridgeSelectorExpandable } from '../components/widget/BridgeSelectorExpandable/BridgeSelectorExpandable.js';
|
|
70
70
|
import { ErrorBoundary } from 'react-error-boundary';
|
|
71
71
|
import { useInitialValue } from './screen/hooks/useInitialValue.js';
|
|
72
|
-
import { apiConfigAtom } from './state/apiConfigAtom.js';
|
|
73
72
|
|
|
74
73
|
runSubscriptions();
|
|
75
74
|
const SwapScreen = () => {
|
|
@@ -82,6 +81,7 @@ const SwapScreen = () => {
|
|
|
82
81
|
/* @__PURE__ */ jsx(SwapTokenToInput, {}),
|
|
83
82
|
/* @__PURE__ */ jsx(SwapReceiverAddress, {}),
|
|
84
83
|
/* @__PURE__ */ jsx(WidgetWarning, {}),
|
|
84
|
+
/* @__PURE__ */ jsx(SwapWidgetWarning, {}),
|
|
85
85
|
/* @__PURE__ */ jsx(SwapButton, {}),
|
|
86
86
|
/* @__PURE__ */ jsx(SwapDetails, {}),
|
|
87
87
|
/* @__PURE__ */ jsx(SwapModeSwitcher, {})
|
|
@@ -278,10 +278,9 @@ const App = () => {
|
|
|
278
278
|
return t2;
|
|
279
279
|
};
|
|
280
280
|
const WidgetBase = (t0) => {
|
|
281
|
-
const $ = distExports.c(
|
|
281
|
+
const $ = distExports.c(70);
|
|
282
282
|
const {
|
|
283
283
|
config: _config,
|
|
284
|
-
apiConfig,
|
|
285
284
|
provider,
|
|
286
285
|
events,
|
|
287
286
|
input: formInputProps
|
|
@@ -289,7 +288,6 @@ const WidgetBase = (t0) => {
|
|
|
289
288
|
const queryClient = useQueryClient();
|
|
290
289
|
const setWidgetConfig = useSetAtom(setWidgetConfigAtom);
|
|
291
290
|
const setSubConfig = useSetAtom(setSubConfigAtom);
|
|
292
|
-
const setApiConfig = useSetAtom(apiConfigAtom);
|
|
293
291
|
let t1;
|
|
294
292
|
if ($[0] !== _config) {
|
|
295
293
|
t1 = _config || {};
|
|
@@ -364,92 +362,75 @@ const WidgetBase = (t0) => {
|
|
|
364
362
|
} else {
|
|
365
363
|
t3 = $[18];
|
|
366
364
|
}
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
$[
|
|
365
|
+
const t4 = provider || null;
|
|
366
|
+
let t5;
|
|
367
|
+
if ($[19] !== t4) {
|
|
368
|
+
t5 = [externalProviderAtom, t4];
|
|
369
|
+
$[19] = t4;
|
|
370
|
+
$[20] = t5;
|
|
372
371
|
} else {
|
|
373
|
-
|
|
372
|
+
t5 = $[20];
|
|
374
373
|
}
|
|
375
|
-
let
|
|
376
|
-
if ($[21] !==
|
|
377
|
-
|
|
378
|
-
$[21] =
|
|
379
|
-
$[22] =
|
|
374
|
+
let t6;
|
|
375
|
+
if ($[21] !== events) {
|
|
376
|
+
t6 = events || {};
|
|
377
|
+
$[21] = events;
|
|
378
|
+
$[22] = t6;
|
|
380
379
|
} else {
|
|
381
|
-
|
|
380
|
+
t6 = $[22];
|
|
382
381
|
}
|
|
383
|
-
const t6 = provider || null;
|
|
384
382
|
let t7;
|
|
385
383
|
if ($[23] !== t6) {
|
|
386
|
-
t7 = [
|
|
384
|
+
t7 = [widgetEventsAtom, t6];
|
|
387
385
|
$[23] = t6;
|
|
388
386
|
$[24] = t7;
|
|
389
387
|
} else {
|
|
390
388
|
t7 = $[24];
|
|
391
389
|
}
|
|
392
390
|
let t8;
|
|
393
|
-
if ($[25] !==
|
|
394
|
-
t8 =
|
|
395
|
-
$[25] =
|
|
391
|
+
if ($[25] !== formInputProps) {
|
|
392
|
+
t8 = formInputProps || {};
|
|
393
|
+
$[25] = formInputProps;
|
|
396
394
|
$[26] = t8;
|
|
397
395
|
} else {
|
|
398
396
|
t8 = $[26];
|
|
399
397
|
}
|
|
400
398
|
let t9;
|
|
401
399
|
if ($[27] !== t8) {
|
|
402
|
-
t9 = [
|
|
400
|
+
t9 = [formInputPropsAtom, t8];
|
|
403
401
|
$[27] = t8;
|
|
404
402
|
$[28] = t9;
|
|
405
403
|
} else {
|
|
406
404
|
t9 = $[28];
|
|
407
405
|
}
|
|
408
406
|
let t10;
|
|
409
|
-
if ($[29] !==
|
|
410
|
-
t10 =
|
|
411
|
-
$[29] =
|
|
407
|
+
if ($[29] !== queryClient) {
|
|
408
|
+
t10 = [queryClientAtom, queryClient];
|
|
409
|
+
$[29] = queryClient;
|
|
412
410
|
$[30] = t10;
|
|
413
411
|
} else {
|
|
414
412
|
t10 = $[30];
|
|
415
413
|
}
|
|
416
414
|
let t11;
|
|
417
|
-
if ($[31] !== t10) {
|
|
418
|
-
t11 = [
|
|
415
|
+
if ($[31] !== t10 || $[32] !== t2 || $[33] !== t3 || $[34] !== t5 || $[35] !== t7 || $[36] !== t9) {
|
|
416
|
+
t11 = [t2, t3, t5, t7, t9, t10];
|
|
419
417
|
$[31] = t10;
|
|
420
|
-
$[32] =
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
t12 = [queryClientAtom, queryClient];
|
|
427
|
-
$[33] = queryClient;
|
|
428
|
-
$[34] = t12;
|
|
418
|
+
$[32] = t2;
|
|
419
|
+
$[33] = t3;
|
|
420
|
+
$[34] = t5;
|
|
421
|
+
$[35] = t7;
|
|
422
|
+
$[36] = t9;
|
|
423
|
+
$[37] = t11;
|
|
429
424
|
} else {
|
|
430
|
-
|
|
425
|
+
t11 = $[37];
|
|
431
426
|
}
|
|
432
|
-
|
|
433
|
-
if ($[35] !== t11 || $[36] !== t12 || $[37] !== t2 || $[38] !== t3 || $[39] !== t5 || $[40] !== t7 || $[41] !== t9) {
|
|
434
|
-
t13 = [t2, t3, t5, t7, t9, t11, t12];
|
|
435
|
-
$[35] = t11;
|
|
436
|
-
$[36] = t12;
|
|
437
|
-
$[37] = t2;
|
|
438
|
-
$[38] = t3;
|
|
439
|
-
$[39] = t5;
|
|
440
|
-
$[40] = t7;
|
|
441
|
-
$[41] = t9;
|
|
442
|
-
$[42] = t13;
|
|
443
|
-
} else {
|
|
444
|
-
t13 = $[42];
|
|
445
|
-
}
|
|
446
|
-
useHydrateAtoms(t13);
|
|
427
|
+
useHydrateAtoms(t11);
|
|
447
428
|
useWidgetEventsSetter(events);
|
|
448
429
|
useSetFormInputFromProps(formInputProps);
|
|
449
|
-
let
|
|
450
|
-
let
|
|
451
|
-
if ($[
|
|
452
|
-
|
|
430
|
+
let t12;
|
|
431
|
+
let t13;
|
|
432
|
+
if ($[38] !== config.debug || $[39] !== config.enableCrossChain || $[40] !== config.enableDelta || $[41] !== config.ignoreBadUsdPrice || $[42] !== config.partner || $[43] !== config.privyAppId || $[44] !== config.privyClientId || $[45] !== config.theme || $[46] !== config.widgetMode || $[47] !== setWidgetConfig) {
|
|
433
|
+
t12 = () => {
|
|
453
434
|
setWidgetConfig({
|
|
454
435
|
theme: config.theme,
|
|
455
436
|
enableDelta: config.enableDelta,
|
|
@@ -462,28 +443,28 @@ const WidgetBase = (t0) => {
|
|
|
462
443
|
ignoreBadUsdPrice: config.ignoreBadUsdPrice
|
|
463
444
|
});
|
|
464
445
|
};
|
|
465
|
-
|
|
466
|
-
$[
|
|
467
|
-
$[
|
|
468
|
-
$[
|
|
469
|
-
$[
|
|
470
|
-
$[
|
|
471
|
-
$[
|
|
472
|
-
$[
|
|
473
|
-
$[
|
|
474
|
-
$[
|
|
475
|
-
$[
|
|
476
|
-
$[
|
|
477
|
-
$[
|
|
478
|
-
} else {
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
}
|
|
482
|
-
useLayoutEffect(
|
|
483
|
-
let
|
|
484
|
-
let
|
|
485
|
-
if ($[
|
|
486
|
-
|
|
446
|
+
t13 = [config.theme, config.enableDelta, config.enableCrossChain, config.partner, config.privyAppId, config.privyClientId, config.debug, config.widgetMode, config.ignoreBadUsdPrice, setWidgetConfig];
|
|
447
|
+
$[38] = config.debug;
|
|
448
|
+
$[39] = config.enableCrossChain;
|
|
449
|
+
$[40] = config.enableDelta;
|
|
450
|
+
$[41] = config.ignoreBadUsdPrice;
|
|
451
|
+
$[42] = config.partner;
|
|
452
|
+
$[43] = config.privyAppId;
|
|
453
|
+
$[44] = config.privyClientId;
|
|
454
|
+
$[45] = config.theme;
|
|
455
|
+
$[46] = config.widgetMode;
|
|
456
|
+
$[47] = setWidgetConfig;
|
|
457
|
+
$[48] = t12;
|
|
458
|
+
$[49] = t13;
|
|
459
|
+
} else {
|
|
460
|
+
t12 = $[48];
|
|
461
|
+
t13 = $[49];
|
|
462
|
+
}
|
|
463
|
+
useLayoutEffect(t12, t13);
|
|
464
|
+
let t14;
|
|
465
|
+
let t15;
|
|
466
|
+
if ($[50] !== destChains || $[51] !== devURLs || $[52] !== excludeUI || $[53] !== setSubConfig || $[54] !== srcChains || $[55] !== tokenLists || $[56] !== tradeModes) {
|
|
467
|
+
t14 = () => {
|
|
487
468
|
setSubConfig({
|
|
488
469
|
srcChains,
|
|
489
470
|
destChains,
|
|
@@ -493,127 +474,97 @@ const WidgetBase = (t0) => {
|
|
|
493
474
|
devURLs
|
|
494
475
|
});
|
|
495
476
|
};
|
|
496
|
-
|
|
497
|
-
$[
|
|
498
|
-
$[
|
|
499
|
-
$[
|
|
500
|
-
$[
|
|
501
|
-
$[
|
|
502
|
-
$[
|
|
503
|
-
$[
|
|
504
|
-
$[
|
|
505
|
-
$[
|
|
506
|
-
} else {
|
|
507
|
-
|
|
508
|
-
|
|
477
|
+
t15 = [srcChains, destChains, tokenLists, setSubConfig, tradeModes, excludeUI, devURLs];
|
|
478
|
+
$[50] = destChains;
|
|
479
|
+
$[51] = devURLs;
|
|
480
|
+
$[52] = excludeUI;
|
|
481
|
+
$[53] = setSubConfig;
|
|
482
|
+
$[54] = srcChains;
|
|
483
|
+
$[55] = tokenLists;
|
|
484
|
+
$[56] = tradeModes;
|
|
485
|
+
$[57] = t14;
|
|
486
|
+
$[58] = t15;
|
|
487
|
+
} else {
|
|
488
|
+
t14 = $[57];
|
|
489
|
+
t15 = $[58];
|
|
509
490
|
}
|
|
510
|
-
useLayoutEffect(
|
|
511
|
-
let t18;
|
|
512
|
-
if ($[64] !== apiConfig?.apiKey || $[65] !== apiConfig?.headers || $[66] !== setApiConfig) {
|
|
513
|
-
t18 = () => {
|
|
514
|
-
setApiConfig({
|
|
515
|
-
apiKey: apiConfig?.apiKey,
|
|
516
|
-
headers: apiConfig?.headers
|
|
517
|
-
});
|
|
518
|
-
};
|
|
519
|
-
$[64] = apiConfig?.apiKey;
|
|
520
|
-
$[65] = apiConfig?.headers;
|
|
521
|
-
$[66] = setApiConfig;
|
|
522
|
-
$[67] = t18;
|
|
523
|
-
} else {
|
|
524
|
-
t18 = $[67];
|
|
525
|
-
}
|
|
526
|
-
const t19 = apiConfig?.apiKey;
|
|
527
|
-
const t20 = apiConfig?.headers;
|
|
528
|
-
let t21;
|
|
529
|
-
if ($[68] !== setApiConfig || $[69] !== t19 || $[70] !== t20) {
|
|
530
|
-
t21 = [t19, t20, setApiConfig];
|
|
531
|
-
$[68] = setApiConfig;
|
|
532
|
-
$[69] = t19;
|
|
533
|
-
$[70] = t20;
|
|
534
|
-
$[71] = t21;
|
|
535
|
-
} else {
|
|
536
|
-
t21 = $[71];
|
|
537
|
-
}
|
|
538
|
-
useLayoutEffect(t18, t21);
|
|
491
|
+
useLayoutEffect(t14, t15);
|
|
539
492
|
const setExternalProvider = useSetAtom(externalProviderAtom);
|
|
540
|
-
let
|
|
541
|
-
let
|
|
542
|
-
if ($[
|
|
543
|
-
|
|
493
|
+
let t16;
|
|
494
|
+
let t17;
|
|
495
|
+
if ($[59] !== provider || $[60] !== setExternalProvider) {
|
|
496
|
+
t16 = () => {
|
|
544
497
|
setExternalProvider(provider || null);
|
|
545
498
|
};
|
|
546
|
-
|
|
547
|
-
$[
|
|
548
|
-
$[
|
|
549
|
-
$[
|
|
550
|
-
$[
|
|
499
|
+
t17 = [provider, setExternalProvider];
|
|
500
|
+
$[59] = provider;
|
|
501
|
+
$[60] = setExternalProvider;
|
|
502
|
+
$[61] = t16;
|
|
503
|
+
$[62] = t17;
|
|
551
504
|
} else {
|
|
552
|
-
|
|
553
|
-
|
|
505
|
+
t16 = $[61];
|
|
506
|
+
t17 = $[62];
|
|
554
507
|
}
|
|
555
|
-
useLayoutEffect(
|
|
508
|
+
useLayoutEffect(t16, t17);
|
|
556
509
|
const isDappMode = config?.widgetMode === "dapp";
|
|
557
510
|
const reconnectOnMountInit = useInitialValue(!isDappMode);
|
|
558
|
-
let
|
|
559
|
-
let
|
|
560
|
-
let
|
|
561
|
-
let
|
|
562
|
-
let
|
|
563
|
-
if ($[
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
$[
|
|
570
|
-
$[
|
|
571
|
-
$[
|
|
572
|
-
$[
|
|
573
|
-
$[
|
|
574
|
-
} else {
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
|
|
578
|
-
|
|
579
|
-
|
|
580
|
-
}
|
|
581
|
-
let
|
|
582
|
-
if ($[
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
511
|
+
let t18;
|
|
512
|
+
let t19;
|
|
513
|
+
let t20;
|
|
514
|
+
let t21;
|
|
515
|
+
let t22;
|
|
516
|
+
if ($[63] === Symbol.for("react.memo_cache_sentinel")) {
|
|
517
|
+
t18 = /* @__PURE__ */ jsx(AutoconnectExternalProvider, {});
|
|
518
|
+
t19 = /* @__PURE__ */ jsx(PrivyIframeDependency, {});
|
|
519
|
+
t20 = /* @__PURE__ */ jsx(Updaters, {});
|
|
520
|
+
t21 = /* @__PURE__ */ jsx(App, {});
|
|
521
|
+
t22 = false;
|
|
522
|
+
$[63] = t18;
|
|
523
|
+
$[64] = t19;
|
|
524
|
+
$[65] = t20;
|
|
525
|
+
$[66] = t21;
|
|
526
|
+
$[67] = t22;
|
|
527
|
+
} else {
|
|
528
|
+
t18 = $[63];
|
|
529
|
+
t19 = $[64];
|
|
530
|
+
t20 = $[65];
|
|
531
|
+
t21 = $[66];
|
|
532
|
+
t22 = $[67];
|
|
533
|
+
}
|
|
534
|
+
let t23;
|
|
535
|
+
if ($[68] !== reconnectOnMountInit) {
|
|
536
|
+
t23 = /* @__PURE__ */ jsxs(Web3Providers, { reconnectOnMount: reconnectOnMountInit, children: [
|
|
537
|
+
t18,
|
|
538
|
+
t19,
|
|
539
|
+
t20,
|
|
540
|
+
t21,
|
|
541
|
+
t22
|
|
589
542
|
] });
|
|
590
|
-
$[
|
|
591
|
-
$[
|
|
543
|
+
$[68] = reconnectOnMountInit;
|
|
544
|
+
$[69] = t23;
|
|
592
545
|
} else {
|
|
593
|
-
|
|
546
|
+
t23 = $[69];
|
|
594
547
|
}
|
|
595
|
-
return
|
|
548
|
+
return t23;
|
|
596
549
|
};
|
|
597
550
|
const Widget = (t0) => {
|
|
598
|
-
const $ = distExports.c(
|
|
551
|
+
const $ = distExports.c(5);
|
|
599
552
|
const {
|
|
600
553
|
config,
|
|
601
|
-
apiConfig,
|
|
602
554
|
provider,
|
|
603
555
|
events,
|
|
604
556
|
input
|
|
605
557
|
} = t0;
|
|
606
558
|
let t1;
|
|
607
|
-
if ($[0] !==
|
|
608
|
-
t1 = /* @__PURE__ */ jsx(JotaiProvider, { children: /* @__PURE__ */ jsx(QueryClientProvider, { children: /* @__PURE__ */ jsx(WidgetBase, { config,
|
|
609
|
-
$[0] =
|
|
610
|
-
$[1] =
|
|
611
|
-
$[2] =
|
|
612
|
-
$[3] =
|
|
613
|
-
$[4] =
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
t1 = $[5];
|
|
559
|
+
if ($[0] !== config || $[1] !== events || $[2] !== input || $[3] !== provider) {
|
|
560
|
+
t1 = /* @__PURE__ */ jsx(JotaiProvider, { children: /* @__PURE__ */ jsx(QueryClientProvider, { children: /* @__PURE__ */ jsx(WidgetBase, { config, provider, events, input }) }) });
|
|
561
|
+
$[0] = config;
|
|
562
|
+
$[1] = events;
|
|
563
|
+
$[2] = input;
|
|
564
|
+
$[3] = provider;
|
|
565
|
+
$[4] = t1;
|
|
566
|
+
} else {
|
|
567
|
+
t1 = $[4];
|
|
617
568
|
}
|
|
618
569
|
return t1;
|
|
619
570
|
};
|