@velora-dex/widget 0.8.1-dev.0 → 0.8.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/web3/ConnectExternalProvider/metamaskProviderWrapper.d.ts +1 -0
- package/dist/components/web3/ConnectExternalProvider/metamaskProviderWrapper.d.ts.map +1 -1
- package/dist/components/web3/ConnectExternalProvider/metamaskProviderWrapper.js +30 -16
- package/dist/components/web3/ConnectExternalProvider/metamaskProviderWrapper.js.map +1 -1
- package/dist/components/web3/ConnectWallets/walletIcons.js +1 -1
- package/dist/components/widget/AppHeader/TradeModeSwitcher.d.ts.map +1 -1
- package/dist/components/widget/AppHeader/TradeModeSwitcher.js +61 -53
- package/dist/components/widget/AppHeader/TradeModeSwitcher.js.map +1 -1
- package/dist/components/widget/Button/RefreshButton.d.ts +3 -0
- package/dist/components/widget/Button/RefreshButton.d.ts.map +1 -0
- package/dist/components/widget/Button/RefreshButton.js +28 -0
- package/dist/components/widget/Button/RefreshButton.js.map +1 -0
- package/dist/components/widget/Button/types.d.ts +7 -0
- package/dist/components/widget/Button/types.d.ts.map +1 -0
- package/dist/components/widget/CompareQuotes/CompareQuotes.d.ts.map +1 -1
- package/dist/components/widget/CompareQuotes/CompareQuotes.js +67 -73
- package/dist/components/widget/CompareQuotes/CompareQuotes.js.map +1 -1
- package/dist/components/widget/Dropdown/DropdownWithItems.d.ts.map +1 -1
- package/dist/components/widget/Dropdown/DropdownWithItems.js +3 -2
- package/dist/components/widget/Dropdown/DropdownWithItems.js.map +1 -1
- package/dist/components/widget/Dropdown/types.d.ts +1 -1
- package/dist/components/widget/Dropdown/types.d.ts.map +1 -1
- package/dist/components/widget/SwapRateWithPriceImpactRow/SwapRateWithPriceImpactRow.d.ts +4 -1
- package/dist/components/widget/SwapRateWithPriceImpactRow/SwapRateWithPriceImpactRow.d.ts.map +1 -1
- package/dist/components/widget/SwapRateWithPriceImpactRow/SwapRateWithPriceImpactRow.js +51 -28
- package/dist/components/widget/SwapRateWithPriceImpactRow/SwapRateWithPriceImpactRow.js.map +1 -1
- package/dist/core/inputs/state/setTokenByAddressAtom.d.ts.map +1 -1
- package/dist/core/inputs/state/setTokenByAddressAtom.js +1 -1
- package/dist/core/inputs/state/setTokenByAddressAtom.js.map +1 -1
- package/dist/core/state/configAtom.js +2 -2
- package/dist/core/state/configAtom.js.map +1 -1
- package/dist/core/state/enabledTradeModesAtom.d.ts +7 -1
- package/dist/core/state/enabledTradeModesAtom.d.ts.map +1 -1
- package/dist/core/state/enabledTradeModesAtom.js +1 -1
- package/dist/core/state/enabledTradeModesAtom.js.map +1 -1
- package/dist/core/state/tradeModeAtom.js +1 -1
- package/dist/core/state/tradeModeAtom.js.map +1 -1
- package/dist/core/swapDetails/useSwapDetailsListProps.d.ts.map +1 -1
- package/dist/core/swapDetails/useSwapDetailsListProps.js +37 -31
- package/dist/core/swapDetails/useSwapDetailsListProps.js.map +1 -1
- package/dist/core/twap/useTwapDetailsListProps.d.ts.map +1 -1
- package/dist/core/twap/useTwapDetailsListProps.js +36 -31
- package/dist/core/twap/useTwapDetailsListProps.js.map +1 -1
- package/dist/hooks/swap/prices/delta/orders/unposted/utils.d.ts +11 -8
- package/dist/hooks/swap/prices/delta/orders/unposted/utils.d.ts.map +1 -1
- package/dist/hooks/swap/prices/delta/queries/useDeltaPriceQuery.d.ts +1 -1
- package/dist/hooks/swap/prices/useSwapPrices.d.ts +4 -7
- package/dist/hooks/swap/prices/useSwapPrices.d.ts.map +1 -1
- package/dist/hooks/swap/prices/useSwapPrices.js +28 -24
- package/dist/hooks/swap/prices/useSwapPrices.js.map +1 -1
- package/dist/lib/tradeMode.d.ts +1 -0
- package/dist/lib/tradeMode.d.ts.map +1 -1
- package/dist/lib/tradeMode.js +4 -1
- package/dist/lib/tradeMode.js.map +1 -1
- package/dist/lib/web3/wagmi/config.d.ts +0 -18
- package/dist/lib/web3/wagmi/config.d.ts.map +1 -1
- package/dist/lib/web3/wagmi/config.js +19 -6
- package/dist/lib/web3/wagmi/config.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CompareQuotes.js","names":["useSwapPrices","useBridgeListItems","BridgesList","isBridgePrice","GenericScreen","useSetScreen","PRICE_REFETCH_INTERVAL_SEC","
|
|
1
|
+
{"version":3,"file":"CompareQuotes.js","names":["useSwapPrices","useBridgeListItems","BridgesList","isBridgePrice","GenericScreen","useSetScreen","PRICE_REFETCH_INTERVAL_SEC","unorderedShallowEqual","SettingsButton","RefreshButton","useBridgePreferences","useIsNotDefaultBridgePreferences","useWidgetEvents","screenClasses","root","const","bridgeListClasses","CompareQuotesScreen","$","_c","delta","t0","price","isFetching","refetch","closeScreen","showBridgePreferencesScreen","showCompareQuotesScreen","bridgePreference","disabledBridges","setBridgePreference","setDisabledBridges","isNotDefaultPreferences","onSettingsChange","t1","undefined","bridgePrice","t2","displayedBridges","allBridges","t3","onGoBack","initialBridgePreference","initialDisabledBridges","onClose","update","event","name","params","onSettingsClick","t4","cancelRefetch","t5","t6","t7","t8","Symbol","for","t9","length","t10","t11"],"sources":["../../../../src/components/widget/CompareQuotes/CompareQuotes.tsx"],"sourcesContent":["import { useSwapPrices } from \"@/hooks/swap/prices/useSwapPrices\";\nimport { useBridgeListItems } from \"../BridgeList/hooks\";\nimport { BridgesList } from \"../BridgeList/BridgesList\";\nimport { isBridgePrice } from \"@/hooks/swap/prices/delta/queries/useDeltaPriceQuery\";\nimport { GenericScreen } from \"../Screen/GenericScreen\";\nimport { useSetScreen } from \"@/core/screen/state/hooks/useSetScreen\";\nimport { PRICE_REFETCH_INTERVAL_SEC } from \"@/hooks/swap/prices/constants\";\nimport { unorderedShallowEqual } from \"@/lib/utils\";\nimport { SettingsButton } from \"../SettingsButton/SettingsButton\";\nimport { RefreshButton } from \"../Button/RefreshButton\";\nimport {\n useBridgePreferences,\n useIsNotDefaultBridgePreferences,\n} from \"../TradeParameters/state/bridgePreferences/useBridgePreferences\";\nimport { useWidgetEvents } from \"@/core/state/widgetEventsAtom\";\n\nconst screenClasses = {\n root: \"min-h-[571px]\",\n} as const;\nconst bridgeListClasses = {\n root: \"px-6 pb-6 h-[406px] overflow-auto\",\n} as const;\n\nexport const CompareQuotesScreen = () => {\n const {\n delta: { price, isFetching, refetch },\n } = useSwapPrices();\n const { closeScreen, showBridgePreferencesScreen, showCompareQuotesScreen } =\n useSetScreen();\n\n const {\n bridgePreference,\n disabledBridges,\n setBridgePreference,\n setDisabledBridges,\n } = useBridgePreferences();\n\n const isNotDefaultPreferences = useIsNotDefaultBridgePreferences();\n\n const { onSettingsChange } = useWidgetEvents();\n\n const bridgePrice = price && isBridgePrice(price) ? price : undefined;\n const { displayedBridges, allBridges } = useBridgeListItems({ bridgePrice });\n\n const onSettingsClick = () =>\n showBridgePreferencesScreen({\n onGoBack: showCompareQuotesScreen,\n initialBridgePreference: bridgePreference,\n initialDisabledBridges: disabledBridges,\n onClose: (update) => {\n setBridgePreference(update.bridgePreference);\n setDisabledBridges(update.disabledBridges);\n\n if (\n bridgePreference !== update.bridgePreference ||\n !unorderedShallowEqual(disabledBridges, update.disabledBridges)\n ) {\n onSettingsChange?.({\n event: {\n name: \"Settings:changeBridgePreferences\",\n params: {\n bridgePreference: update.bridgePreference,\n disabledBridges: update.disabledBridges,\n },\n },\n });\n }\n },\n });\n\n return (\n <GenericScreen\n showBackButton\n title=\"Compare Quotes\"\n onGoBack={closeScreen}\n classes={screenClasses}\n closeButtonReplacement={\n <div className=\"flex items-center gap-3.5\">\n <RefreshButton\n onClick={() => refetch({ cancelRefetch: false })}\n disabled={isFetching}\n animate={isFetching}\n />\n <SettingsButton\n onClick={onSettingsClick}\n showEllipseIcon={isNotDefaultPreferences}\n />\n </div>\n }\n >\n <div className=\"px-6 pb-4 text-contrast-5 text-sm leading-5\">\n Our quotes are ranked by expected output, accounting for execution\n accuracy, cost, and speed.\n </div>\n <BridgesList\n bridges={displayedBridges}\n totalLength={allBridges.length}\n isLoading={isFetching}\n showViewAllButton={false}\n classes={bridgeListClasses}\n />\n <div className=\"text-contrast-5 text-sm text-center leading-5 pb-6\">\n Refreshing quotes every {PRICE_REFETCH_INTERVAL_SEC} seconds\n </div>\n </GenericScreen>\n );\n};\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownWithItems.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/Dropdown/DropdownWithItems.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAYtD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,
|
|
1
|
+
{"version":3,"file":"DropdownWithItems.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/Dropdown/DropdownWithItems.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAYtD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAoD9D,CAAC"}
|
|
@@ -23,11 +23,12 @@ var u = {
|
|
|
23
23
|
children: f
|
|
24
24
|
}), /* @__PURE__ */ c(r, {
|
|
25
25
|
className: e(u.group, m?.group),
|
|
26
|
-
children: p?.map(({ label: t, onSelect: n, selected: r, className: a },
|
|
26
|
+
children: p?.map(({ label: t, onSelect: n, selected: r, className: a, disabled: o }, s) => /* @__PURE__ */ c(i, {
|
|
27
27
|
onSelect: n,
|
|
28
28
|
className: e(u.item, m?.item, a, r && e(u.itemSelected, m?.itemSelected)),
|
|
29
|
+
disabled: o,
|
|
29
30
|
children: t
|
|
30
|
-
},
|
|
31
|
+
}, s))
|
|
31
32
|
})]
|
|
32
33
|
})] });
|
|
33
34
|
//#endregion
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownWithItems.js","names":["DropdownMenu","DropdownMenuTrigger","DropdownMenuContent","DropdownMenuLabel","DropdownMenuGroup","DropdownMenuItem","Button","cn","DropdownWithItemsProps","defaultClasses","content","group","item","itemSelected","trigger","DropdownWithItems","React","FC","menuTrigger","label","items","classes","align","map","onSelect","selected","className","index"],"sources":["../../../../src/components/widget/Dropdown/DropdownWithItems.tsx"],"sourcesContent":["import {\n DropdownMenu,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuLabel,\n DropdownMenuGroup,\n DropdownMenuItem,\n} from \"@/components/ui/dropdown-menu\";\nimport { Button } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils\";\nimport type { DropdownWithItemsProps } from \"./types\";\n\nconst defaultClasses: DropdownWithItemsProps[\"classes\"] = {\n content:\n \"p-2 border border-transparent bg-contrast-9 dark:bg-contrast-2 dark:border-contrast-3\",\n group: \"space-y-1\",\n item: \"min-w-[160px] min-h-[32px] text-xs hover:bg-contrast-8 dark:hover:bg-contrast-3 rounded-md px-2 py-1 cursor-pointer\",\n itemSelected: \"bg-contrast-8 dark:bg-contrast-3\",\n trigger:\n \"transition-all focus-visible:outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] focus-visible:rounded-xs\",\n};\n\nexport const DropdownWithItems: React.FC<DropdownWithItemsProps> = ({\n menuTrigger = <Button variant=\"outline\">Open</Button>,\n label,\n items,\n classes,\n align = \"start\",\n}) => {\n return (\n <DropdownMenu>\n <DropdownMenuTrigger\n className={cn(defaultClasses.trigger, classes?.trigger)}\n >\n {menuTrigger}\n </DropdownMenuTrigger>\n <DropdownMenuContent\n className={cn(defaultClasses.content, classes?.content)}\n align={align}\n >\n {label && (\n <DropdownMenuLabel\n className={cn(defaultClasses.label, classes?.label)}\n >\n {label}\n </DropdownMenuLabel>\n )}\n <DropdownMenuGroup className={cn(defaultClasses.group, classes?.group)}>\n {items?.map(({ label, onSelect, selected, className }, index) => (\n
|
|
1
|
+
{"version":3,"file":"DropdownWithItems.js","names":["DropdownMenu","DropdownMenuTrigger","DropdownMenuContent","DropdownMenuLabel","DropdownMenuGroup","DropdownMenuItem","Button","cn","DropdownWithItemsProps","defaultClasses","content","group","item","itemSelected","trigger","DropdownWithItems","React","FC","menuTrigger","label","items","classes","align","map","onSelect","selected","className","disabled","index"],"sources":["../../../../src/components/widget/Dropdown/DropdownWithItems.tsx"],"sourcesContent":["import {\n DropdownMenu,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuLabel,\n DropdownMenuGroup,\n DropdownMenuItem,\n} from \"@/components/ui/dropdown-menu\";\nimport { Button } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils\";\nimport type { DropdownWithItemsProps } from \"./types\";\n\nconst defaultClasses: DropdownWithItemsProps[\"classes\"] = {\n content:\n \"p-2 border border-transparent bg-contrast-9 dark:bg-contrast-2 dark:border-contrast-3\",\n group: \"space-y-1\",\n item: \"min-w-[160px] min-h-[32px] text-xs hover:bg-contrast-8 dark:hover:bg-contrast-3 rounded-md px-2 py-1 cursor-pointer\",\n itemSelected: \"bg-contrast-8 dark:bg-contrast-3\",\n trigger:\n \"transition-all focus-visible:outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] focus-visible:rounded-xs\",\n};\n\nexport const DropdownWithItems: React.FC<DropdownWithItemsProps> = ({\n menuTrigger = <Button variant=\"outline\">Open</Button>,\n label,\n items,\n classes,\n align = \"start\",\n}) => {\n return (\n <DropdownMenu>\n <DropdownMenuTrigger\n className={cn(defaultClasses.trigger, classes?.trigger)}\n >\n {menuTrigger}\n </DropdownMenuTrigger>\n <DropdownMenuContent\n className={cn(defaultClasses.content, classes?.content)}\n align={align}\n >\n {label && (\n <DropdownMenuLabel\n className={cn(defaultClasses.label, classes?.label)}\n >\n {label}\n </DropdownMenuLabel>\n )}\n <DropdownMenuGroup className={cn(defaultClasses.group, classes?.group)}>\n {items?.map(\n ({ label, onSelect, selected, className, disabled }, index) => (\n <DropdownMenuItem\n key={index}\n onSelect={onSelect}\n className={cn(\n // apply default classes first\n defaultClasses.item,\n // then apply custom classes\n classes?.item,\n // but option.className takes precedence\n className,\n // and if selected, apply selected class\n selected &&\n cn(defaultClasses.itemSelected, classes?.itemSelected)\n )}\n disabled={disabled}\n >\n {label}\n </DropdownMenuItem>\n )\n )}\n </DropdownMenuGroup>\n </DropdownMenuContent>\n </DropdownMenu>\n );\n};\n"],"mappings":";;;;;AAYA,IAAMS,IAAoD;CACxDC,SACE;CACFC,OAAO;CACPC,MAAM;CACNC,cAAc;CACdC,SACE;CACH,EAEYC,KAAuD,EAClEG,iBAAc,kBAAC,GAAD;CAAQ,SAAQ;WAAU;CAAa,CAAA,EACrDC,UACAC,UACAC,YACAC,WAAQ,cAGN,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;CACE,WAAWf,EAAGE,EAAeK,SAASO,GAASP,QAAQ;WAEtDI;CACkB,CAAA,EACrB,kBAAC,GAAD;CACE,WAAWX,EAAGE,EAAeC,SAASW,GAASX,QAAQ;CAChDY;WAFT,CAIGH,KACC,kBAAC,GAAD;EACE,WAAWZ,EAAGE,EAAeU,OAAOE,GAASF,MAAM;YAElDA;EAEJ,CAAA,EACD,kBAAC,GAAD;EAAmB,WAAWZ,EAAGE,EAAeE,OAAOU,GAASV,MAAM;YACnES,GAAOG,KACL,EAAEJ,OAAAA,GAAOK,aAAUC,aAAUC,cAAWC,eAAYC,MACnD,kBAAC,GAAD;GAEYJ;GACV,WAAWjB,EAETE,EAAeG,MAEfS,GAAST,MAETc,GAEAD,KACElB,EAAGE,EAAeI,cAAcQ,GAASR,aAC7C,CAAC;GACSc;aAETR;GAGP,EAlBWS,EAkBX,CAAC;EACgB,CAAA,CACA;GACR,EAAA,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { WithClasses } from '../../../types/withClasses';
|
|
2
2
|
import { DropdownMenuContentProps, DropdownMenuItemProps } from '@radix-ui/react-dropdown-menu';
|
|
3
|
-
export type DropdownItem = Pick<DropdownMenuItemProps, "onSelect" | "className"> & {
|
|
3
|
+
export type DropdownItem = Pick<DropdownMenuItemProps, "onSelect" | "className" | "disabled"> & {
|
|
4
4
|
label: DropdownMenuItemProps["children"];
|
|
5
5
|
selected?: boolean;
|
|
6
6
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/Dropdown/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,KAAK,EACV,wBAAwB,EACxB,qBAAqB,EACtB,MAAM,+BAA+B,CAAC;AAEvC,MAAM,MAAM,YAAY,GAAG,IAAI,CAC7B,qBAAqB,EACrB,UAAU,GAAG,WAAW,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/Dropdown/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,KAAK,EACV,wBAAwB,EACxB,qBAAqB,EACtB,MAAM,+BAA+B,CAAC;AAEvC,MAAM,MAAM,YAAY,GAAG,IAAI,CAC7B,qBAAqB,EACrB,UAAU,GAAG,WAAW,GAAG,UAAU,CACtC,GAAG;IACF,KAAK,EAAE,qBAAqB,CAAC,UAAU,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,wBAAwB,CAAC,OAAO,CAAC,CAAC;CAC3C,GAAG,WAAW,CACb,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,cAAc,CACpE,CAAC"}
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
import { PriceImpactDetail } from '../../../core/swapDetails/types';
|
|
2
2
|
import { SwapRateProps } from '../SwapRate/types';
|
|
3
|
-
|
|
3
|
+
import { RefreshButtonProps } from '../Button/types';
|
|
4
|
+
import { MarkRequired } from 'ts-essentials';
|
|
5
|
+
export declare const SwapRateWithPriceImpactRow: ({ priceImpactDetail, swapRateProps, refreshButtonProps, }: {
|
|
4
6
|
priceImpactDetail: PriceImpactDetail;
|
|
5
7
|
swapRateProps: SwapRateProps;
|
|
8
|
+
refreshButtonProps?: MarkRequired<Omit<RefreshButtonProps, "asChild" | "radius" | "disabled">, "onClick">;
|
|
6
9
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
7
10
|
//# sourceMappingURL=SwapRateWithPriceImpactRow.d.ts.map
|
package/dist/components/widget/SwapRateWithPriceImpactRow/SwapRateWithPriceImpactRow.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SwapRateWithPriceImpactRow.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/SwapRateWithPriceImpactRow/SwapRateWithPriceImpactRow.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGvD,eAAO,MAAM,0BAA0B,GAAI,
|
|
1
|
+
{"version":3,"file":"SwapRateWithPriceImpactRow.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/SwapRateWithPriceImpactRow/SwapRateWithPriceImpactRow.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,eAAO,MAAM,0BAA0B,GAAI,2DAIxC;IACD,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,aAAa,EAAE,aAAa,CAAC;IAC7B,kBAAkB,CAAC,EAAE,YAAY,CAC/B,IAAI,CAAC,kBAAkB,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC,EAC3D,SAAS,CACV,CAAC;CACH,4CAwEA,CAAC"}
|
|
@@ -3,41 +3,64 @@ import { Skeleton as t } from "../../ui/skeleton.js";
|
|
|
3
3
|
import { Tooltip as n, TooltipContent as r, TooltipTrigger as i } from "../../ui/tooltip.js";
|
|
4
4
|
import { ForwardRef as a } from "../../../assets/price-impact.js";
|
|
5
5
|
import { SwapRateWithTooltip as o } from "../SwapRate/SwapRateWithTooltip.js";
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
6
|
+
import { RefreshButton as s } from "../Button/RefreshButton.js";
|
|
7
|
+
import { c } from "react-compiler-runtime";
|
|
8
|
+
import { jsx as l, jsxs as u } from "react/jsx-runtime";
|
|
8
9
|
//#region src/components/widget/SwapRateWithPriceImpactRow/SwapRateWithPriceImpactRow.tsx
|
|
9
|
-
var
|
|
10
|
-
let
|
|
11
|
-
|
|
12
|
-
let x;
|
|
13
|
-
d[2] !== m || d[3] !== h || d[4] !== g ? (x = !m && /* @__PURE__ */ c(a, { className: e("size-[16px]", {
|
|
14
|
-
"text-secondary-orange-peel-1 dark:text-secondary-orange-peel-1": h,
|
|
15
|
-
"text-secondary-radical-red-2 dark:text-secondary-radical-red-2": g
|
|
16
|
-
}) }), d[2] = m, d[3] = h, d[4] = g, d[5] = x) : x = d[5];
|
|
17
|
-
let S;
|
|
18
|
-
d[6] !== y?.value || d[7] !== v || d[8] !== _ ? (S = v ? /* @__PURE__ */ c(t, { className: "bg-contrast-6 dark:bg-contrast-5 min-w-[42px] h-[12px]" }) : /* @__PURE__ */ c("div", {
|
|
19
|
-
className: e(y?.value, "text-nowrap"),
|
|
20
|
-
children: _ ?? "-"
|
|
21
|
-
}), d[6] = y?.value, d[7] = v, d[8] = _, d[9] = S) : S = d[9];
|
|
10
|
+
var d = (d) => {
|
|
11
|
+
let f = c(24), { priceImpactDetail: p, swapRateProps: m, refreshButtonProps: h } = d, { isHighImpact: g, isMediumImpact: _, isUnavailable: v, value: y, isLoading: b, classes: x } = p, S;
|
|
12
|
+
f[0] === m ? S = f[1] : (S = /* @__PURE__ */ l(o, { ...m }), f[0] = m, f[1] = S);
|
|
22
13
|
let C;
|
|
23
|
-
|
|
14
|
+
f[2] === h ? C = f[3] : (C = h?.onClick && /* @__PURE__ */ u(n, { children: [/* @__PURE__ */ l(i, {
|
|
24
15
|
asChild: !0,
|
|
25
|
-
children: /* @__PURE__ */ l("div", {
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
16
|
+
children: /* @__PURE__ */ l("div", { children: /* @__PURE__ */ l(s, {
|
|
17
|
+
...h,
|
|
18
|
+
asChild: !0,
|
|
19
|
+
radius: "xs",
|
|
20
|
+
classes: {
|
|
21
|
+
...h.classes,
|
|
22
|
+
button: e("px-1 py-1 h-5 w-5", h.classes?.button),
|
|
23
|
+
icon: e("size-4", h.classes?.icon)
|
|
24
|
+
},
|
|
25
|
+
onClick: (e) => {
|
|
26
|
+
e.stopPropagation(), h.onClick(e);
|
|
27
|
+
}
|
|
28
|
+
}) })
|
|
29
|
+
}), /* @__PURE__ */ l(r, { children: "Refresh Price" })] }), f[2] = h, f[3] = C);
|
|
30
30
|
let w;
|
|
31
|
-
|
|
31
|
+
f[4] !== S || f[5] !== C ? (w = /* @__PURE__ */ u("div", {
|
|
32
|
+
className: "flex items-center gap-1.5",
|
|
33
|
+
children: [S, C]
|
|
34
|
+
}), f[4] = S, f[5] = C, f[6] = w) : w = f[6];
|
|
32
35
|
let T;
|
|
33
|
-
|
|
36
|
+
f[7] !== g || f[8] !== _ || f[9] !== v ? (T = !g && /* @__PURE__ */ l(a, { className: e("size-[16px]", {
|
|
37
|
+
"text-secondary-orange-peel-1 dark:text-secondary-orange-peel-1": _,
|
|
38
|
+
"text-secondary-radical-red-2 dark:text-secondary-radical-red-2": v
|
|
39
|
+
}) }), f[7] = g, f[8] = _, f[9] = v, f[10] = T) : T = f[10];
|
|
34
40
|
let E;
|
|
35
|
-
|
|
36
|
-
className: "
|
|
37
|
-
children:
|
|
38
|
-
}),
|
|
41
|
+
f[11] !== x?.value || f[12] !== b || f[13] !== y ? (E = b ? /* @__PURE__ */ l(t, { className: "bg-contrast-6 dark:bg-contrast-5 min-w-[42px] h-[12px]" }) : /* @__PURE__ */ l("div", {
|
|
42
|
+
className: e(x?.value, "text-nowrap"),
|
|
43
|
+
children: y ?? "-"
|
|
44
|
+
}), f[11] = x?.value, f[12] = b, f[13] = y, f[14] = E) : E = f[14];
|
|
45
|
+
let D;
|
|
46
|
+
f[15] !== T || f[16] !== E ? (D = /* @__PURE__ */ l(i, {
|
|
47
|
+
asChild: !0,
|
|
48
|
+
children: /* @__PURE__ */ u("div", {
|
|
49
|
+
className: "flex items-center gap-1",
|
|
50
|
+
children: [T, E]
|
|
51
|
+
})
|
|
52
|
+
}), f[15] = T, f[16] = E, f[17] = D) : D = f[17];
|
|
53
|
+
let O;
|
|
54
|
+
f[18] === Symbol.for("react.memo_cache_sentinel") ? (O = /* @__PURE__ */ l(r, { children: "Price Impact" }), f[18] = O) : O = f[18];
|
|
55
|
+
let k;
|
|
56
|
+
f[19] === D ? k = f[20] : (k = /* @__PURE__ */ u(n, { children: [D, O] }), f[19] = D, f[20] = k);
|
|
57
|
+
let A;
|
|
58
|
+
return f[21] !== w || f[22] !== k ? (A = /* @__PURE__ */ u("div", {
|
|
59
|
+
className: "flex items-center justify-between gap-2",
|
|
60
|
+
children: [w, k]
|
|
61
|
+
}), f[21] = w, f[22] = k, f[23] = A) : A = f[23], A;
|
|
39
62
|
};
|
|
40
63
|
//#endregion
|
|
41
|
-
export {
|
|
64
|
+
export { d as SwapRateWithPriceImpactRow };
|
|
42
65
|
|
|
43
66
|
//# sourceMappingURL=SwapRateWithPriceImpactRow.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SwapRateWithPriceImpactRow.js","names":["Tooltip","TooltipContent","TooltipTrigger","ReactComponent","PriceImpactSVG","cn","Skeleton","PriceImpactDetail","SwapRateProps","SwapRateWithTooltip","SwapRateWithPriceImpactRow","t0","$","_c","priceImpactDetail","swapRateProps","isHighImpact","isMediumImpact","isUnavailable","value","priceImpactValue","isLoading","classes","t1","t2","t3","t4","t5","Symbol","for","
|
|
1
|
+
{"version":3,"file":"SwapRateWithPriceImpactRow.js","names":["Tooltip","TooltipContent","TooltipTrigger","ReactComponent","PriceImpactSVG","cn","Skeleton","PriceImpactDetail","SwapRateProps","SwapRateWithTooltip","RefreshButton","RefreshButtonProps","MarkRequired","SwapRateWithPriceImpactRow","t0","$","_c","priceImpactDetail","swapRateProps","refreshButtonProps","isHighImpact","isMediumImpact","isUnavailable","value","priceImpactValue","isLoading","classes","t1","t2","onClick","button","icon","e","stopPropagation","t3","t4","t5","t6","t7","Symbol","for","t8","t9"],"sources":["../../../../src/components/widget/SwapRateWithPriceImpactRow/SwapRateWithPriceImpactRow.tsx"],"sourcesContent":["import {\n Tooltip,\n TooltipContent,\n TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { ReactComponent as PriceImpactSVG } from \"@/assets/price-impact.svg\";\nimport { cn } from \"@/lib/utils\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\nimport type { PriceImpactDetail } from \"@/core/swapDetails/types\";\nimport type { SwapRateProps } from \"../SwapRate/types\";\nimport { SwapRateWithTooltip } from \"../SwapRate/SwapRateWithTooltip\";\nimport { RefreshButton } from \"../Button/RefreshButton\";\nimport type { RefreshButtonProps } from \"../Button/types\";\nimport type { MarkRequired } from \"ts-essentials\";\n\nexport const SwapRateWithPriceImpactRow = ({\n priceImpactDetail,\n swapRateProps,\n refreshButtonProps,\n}: {\n priceImpactDetail: PriceImpactDetail;\n swapRateProps: SwapRateProps;\n refreshButtonProps?: MarkRequired<\n Omit<RefreshButtonProps, \"asChild\" | \"radius\" | \"disabled\">,\n \"onClick\"\n >;\n}) => {\n const {\n isHighImpact,\n isMediumImpact,\n isUnavailable,\n value: priceImpactValue,\n isLoading,\n classes,\n } = priceImpactDetail;\n\n return (\n <div className=\"flex items-center justify-between gap-2\">\n <div className=\"flex items-center gap-1.5\">\n <SwapRateWithTooltip {...swapRateProps} />\n {refreshButtonProps?.onClick && (\n <Tooltip>\n <TooltipTrigger\n // DetailWithValueListExpandable is a button\n asChild // use asChild to prevent nested buttons\n >\n <div>\n <RefreshButton\n {...refreshButtonProps}\n asChild // use asChild to prevent nested buttons\n radius=\"xs\"\n // merge classes\n classes={{\n ...refreshButtonProps.classes,\n button: cn(\n \"px-1 py-1 h-5 w-5\",\n refreshButtonProps.classes?.button\n ),\n icon: cn(\"size-4\", refreshButtonProps.classes?.icon),\n }}\n onClick={(e) => {\n // prevent expand/collapse\n e.stopPropagation();\n refreshButtonProps.onClick(e);\n }}\n />\n </div>\n </TooltipTrigger>\n <TooltipContent>Refresh Price</TooltipContent>\n </Tooltip>\n )}\n </div>\n <Tooltip>\n <TooltipTrigger asChild>\n <div className=\"flex items-center gap-1\">\n {!isHighImpact && (\n <PriceImpactSVG\n className={cn(\"size-[16px]\", {\n \"text-secondary-orange-peel-1 dark:text-secondary-orange-peel-1\":\n isMediumImpact,\n \"text-secondary-radical-red-2 dark:text-secondary-radical-red-2\":\n isUnavailable,\n })}\n />\n )}\n {isLoading ? (\n <Skeleton className=\"bg-contrast-6 dark:bg-contrast-5 min-w-[42px] h-[12px]\" />\n ) : (\n <div className={cn(classes?.value, \"text-nowrap\")}>\n {priceImpactValue ?? \"-\"}\n </div>\n )}\n </div>\n </TooltipTrigger>\n <TooltipContent>Price Impact</TooltipContent>\n </Tooltip>\n </div>\n );\n};\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"setTokenByAddressAtom.d.ts","sourceRoot":"","sources":["../../../../src/core/inputs/state/setTokenByAddressAtom.ts"],"names":[],"mappings":"AA0CA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAI9C,eAAO,MAAM,kBAAkB;;CAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"setTokenByAddressAtom.d.ts","sourceRoot":"","sources":["../../../../src/core/inputs/state/setTokenByAddressAtom.ts"],"names":[],"mappings":"AA0CA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAI9C,eAAO,MAAM,kBAAkB;;CAA2B,CAAC;AA8W3D,wBAAgB,2BAA2B,SAE1C;AAED,wBAAgB,wBAAwB,CAAC,EACvC,YAAY,EACZ,gBAAgB,EAChB,UAAU,EACV,cAAc,EACd,WAAW,EACX,UAAU,EACV,aAAa,EACb,IAAI,EACJ,aAAa,GACd,GAAE,cAAmB,QA6BrB"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useAtom as e, useSetAtom as t } from "../../store.js";
|
|
2
2
|
import { isTradeMode as n, tradeModesWithCrosschain as r, tradeModesWithSide as i } from "../../../lib/tradeMode.js";
|
|
3
|
-
import {
|
|
3
|
+
import { availableTradeModesAtom as a, enabledTradeModesFromConfigAtom as o } from "../../state/enabledTradeModesAtom.js";
|
|
4
4
|
import { tradeModeAtom as s, userTradeModeAtom as c } from "../../state/tradeModeAtom.js";
|
|
5
5
|
import { getLogger as l } from "../../logger.js";
|
|
6
6
|
import { wrappedNativeCurrency as u } from "../../../lib/constants/weth.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"setTokenByAddressAtom.js","names":["atom","Setter","useAtom","useSetAtom","atomEffect","Effect","isAddress","Address","isETHaddress","nativeTokensByChainId","fromListsAtom","autoImportedTokensAtom","importedTokensAtom","Token","useLayoutEffect","isSupportedChainId","areTokensSame","SupportedChainId","pickDefaultTokenPair","tradeModeAtom","userTradeModeAtom","sideToInputType","tradeModeToCurrentInputAtom","tradeModeToPayAmountUnitAtom","tradeModeToReceiveAmountUnitAtom","tradeModeToSetTokenAtoms","tradeModeToSideAtom","tradeModeToTimeUnitAtom","tradeModeToTokenAtoms","wrappedNativeCurrency","autoAddImportedTokenAtom","getLogger","assert","bridgeInfosLoadedAtom","isTradeMode","tradeModesWithCrosschain","tradeModesWithSide","enabledTradeModesAtom","enabledTradeModesFromConfigAtom","FormInputProps","SwapSideUnion","getClosestTimeUnit","formInputPropsAtom","RelaxedFormInputProps","NonNullable","K","logger","GetterWithPeek","Parameters","FindTokenAtomsInput","tokenToFind","address","network","get","set","findTokenInAtoms","tokenFromAddress","chainId","nativeToken","tokenFromLowercase","toLowerCase","tokensMap","listByChainId","addressMap","tokenFromLists","importedTokens","peek","importedToken","find","token","autoImportedTokens","autoImportedToken","info","isValidSide","side","formInputPropsEffectAtom","enabledTradeModes","formInputProps","sendAmount","undefined","String","receiveAmount","srcChainId","Number","log","destChainId","currentTradeMode","tokenToAddress","selectedForm","includes","warn","formAtoms","currentTokenFrom","tokenFromAtom","currentTokenTo","tokenToAtom","newTokenFrom","newTokenTo","defaultChainId","has","wethMapping","Record","getTokenToFind","tokenFromProps","currentToken","defaultTokenFrom","defaultTokenTo","selectTokenFromAtom","selectTokenToAtom","currentSideAtom","currentInputAtom","isTradeModeWithSide","isTradeModeWithoutSide","isSell","isBuy","isValidSendAmount","isValidReceiveAmount","formPayAmountAtom","currentSendAmount","read","write","formReceiveAmountAtom","currentReceiveAmount","orderDeadline","isNaN","timeUnitAtom","currentTimeUnit","timestamp","useActivateFormInputEffects","useSetFormInputFromProps","t0","$","_c","t1","setFormInputProps","t2","t3"],"sources":["../../../../src/core/inputs/state/setTokenByAddressAtom.ts"],"sourcesContent":["import { atom, type Setter } from \"jotai\";\nimport { useAtom, useSetAtom } from \"@/core/store\";\nimport { atomEffect, type Effect } from \"jotai-effect\";\nimport { isAddress, type Address } from \"viem\";\nimport { isETHaddress } from \"@/tokens/utils/eth\";\nimport { nativeTokensByChainId } from \"@/tokens/constructor\";\nimport { fromListsAtom } from \"@/tokens/state/fromListsAtom\";\nimport {\n autoImportedTokensAtom,\n importedTokensAtom,\n} from \"@/tokens/state/importedTokensAtom\";\nimport type { Token } from \"@/tokens/state/types\";\nimport { useLayoutEffect } from \"react\";\nimport { isSupportedChainId } from \"@/lib/web3/wagmi/utils\";\nimport { areTokensSame } from \"@/tokens/utils/areTokensSame\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport { pickDefaultTokenPair } from \"@/tokens/defaultTokens\";\nimport { tradeModeAtom, userTradeModeAtom } from \"@/core/state/tradeModeAtom\";\nimport {\n sideToInputType,\n tradeModeToCurrentInputAtom,\n tradeModeToPayAmountUnitAtom,\n tradeModeToReceiveAmountUnitAtom,\n tradeModeToSetTokenAtoms,\n tradeModeToSideAtom,\n tradeModeToTimeUnitAtom,\n tradeModeToTokenAtoms,\n} from \"./common\";\nimport { wrappedNativeCurrency } from \"@/lib/constants/weth\";\nimport { autoAddImportedTokenAtom } from \"@/tokens/state/addImportedTokenAtom\";\nimport { getLogger } from \"@/core/logger\";\nimport { assert } from \"ts-essentials\";\nimport { bridgeInfosLoadedAtom } from \"@/hooks/swap/prices/delta/queries/bridgeInfo/bridgeInfosLoadedAtom\";\nimport {\n isTradeMode,\n tradeModesWithCrosschain,\n tradeModesWithSide,\n} from \"@/lib/tradeMode\";\nimport {\n enabledTradeModesAtom,\n enabledTradeModesFromConfigAtom,\n} from \"@/core/state/enabledTradeModesAtom\";\nimport type { FormInputProps } from \"./types\";\nimport type { SwapSideUnion } from \"@velora-dex/sdk\";\nimport { getClosestTimeUnit } from \"@/core/limit/state/utils\";\n\nexport const formInputPropsAtom = atom<FormInputProps>({});\n\n// in case formInputPros passed to Widget are not exactly expected types\ntype RelaxedFormInputProps = {\n [K in keyof FormInputProps]?: NonNullable<FormInputProps[K]> extends string\n ? string\n : NonNullable<FormInputProps[K]> extends number\n ? number\n : FormInputProps[K];\n};\n\nconst logger = getLogger(\"FormInputProps\");\n\ntype GetterWithPeek = Parameters<Effect>[0];\n\ntype FindTokenAtomsInput = {\n tokenToFind: { address: Address; network: SupportedChainId };\n get: GetterWithPeek;\n set: Setter;\n};\n\nfunction findTokenInAtoms({\n get,\n set,\n tokenToFind,\n}: FindTokenAtomsInput): Token | undefined {\n const tokenFromAddress = tokenToFind.address;\n const chainId = tokenToFind.network;\n\n if (isETHaddress(tokenFromAddress)) {\n // if tokenFrom is ETH, set the native token for tokenFrom Input\n const nativeToken = nativeTokensByChainId[chainId];\n return nativeToken;\n }\n\n const tokenFromLowercase = tokenFromAddress.toLowerCase();\n\n // find the token from the token Lists for the srcChainId,\n // and retry to find the token when allTokens are updated (token lists loaded)\n const tokensMap = get(fromListsAtom).listByChainId[chainId]?.addressMap;\n const tokenFromLists = tokensMap?.[tokenFromLowercase];\n if (tokenFromLists) {\n return tokenFromLists;\n }\n\n // find the token from the imported tokens,\n // don't retry if user imports more tokens during the session\n const importedTokens = get.peek(importedTokensAtom);\n const importedToken = importedTokens[chainId]?.find(\n (token) => token.address.toLowerCase() === tokenFromLowercase\n );\n if (importedToken) {\n return importedToken;\n }\n\n // subscribe to auto-imported tokens, which will be added to only when tokenAddress prop is supplied from outside the widget\n const autoImportedTokens = get(autoImportedTokensAtom);\n // looking through auto-imported tokens isn't strictly necessary because importedTokens atom is updated together with autoImportedTokens atom,\n // except for consistency, and so that we don't have to subscribe to importedTokens atom that would retrigger formProps matching on manual token import\n const autoImportedToken = autoImportedTokens.find(\n (token) =>\n token.address.toLowerCase() === tokenFromLowercase &&\n token.network === chainId\n );\n if (autoImportedToken) {\n return autoImportedToken;\n }\n\n logger.info(\n \"token not available in widget. Will attempt to import from chain\",\n {\n address: tokenFromAddress,\n chainId,\n }\n );\n\n // trigger Token fetch and eventual import when tokenFromAddress is not found in available token lists and atoms\n set(autoAddImportedTokenAtom, { address: tokenFromAddress, chainId });\n}\n\nfunction isValidSide(side: string | undefined): side is SwapSideUnion {\n return side === \"BUY\" || side === \"SELL\";\n}\n\nconst formInputPropsEffectAtom = atomEffect((get, set) => {\n // subscribe to bridgeInfosLoadedAtom to have up-to-date available crosses\n // and retry token finding each time when bridgeInfo changes\n get(bridgeInfosLoadedAtom);\n\n // subscribe to enabledTradeModesAtom to react to changes in enabled trade modes\n get(enabledTradeModesFromConfigAtom);\n // and use enabledTradeModesAtom as final source of truth (it derrives from enabledTradeModesFromConfigAtom)\n const enabledTradeModes = get.peek(enabledTradeModesAtom);\n\n const formInputProps: RelaxedFormInputProps = get(formInputPropsAtom);\n const { tokenFromAddress } = formInputProps;\n\n // guard against amounts passed as numbers when props are supplied from outside the Widget and types are ignored\n const sendAmount =\n formInputProps.sendAmount !== undefined\n ? String(formInputProps.sendAmount)\n : undefined;\n const receiveAmount =\n formInputProps.receiveAmount !== undefined\n ? String(formInputProps.receiveAmount)\n : undefined;\n\n // guard against chainId passed as string when props are supplied from outside the Widget and types are ignored\n const srcChainId =\n formInputProps.srcChainId !== undefined\n ? Number(formInputProps.srcChainId)\n : undefined;\n\n logger.log(\"using external props to set Widget form input\", formInputProps);\n\n let destChainId =\n formInputProps.destChainId !== undefined\n ? Number(formInputProps.destChainId)\n : undefined;\n\n const currentTradeMode = get.peek(tradeModeAtom);\n\n let tokenToAddress = formInputProps.tokenToAddress;\n let selectedForm = formInputProps.selectedForm || currentTradeMode;\n if (!isTradeMode(selectedForm) || !enabledTradeModes.includes(selectedForm)) {\n // guard against invalid props passed through from outside the Widget\n logger.warn(\"invalid, disabled or unavailable selectedForm provided\", {\n selectedForm,\n });\n // fallback to first enabled trade mode from the config\n selectedForm = enabledTradeModes[0];\n }\n\n // necessary for type safety\n assert(isTradeMode(selectedForm), \"selectedForm must be a valid trade mode\");\n\n const formAtoms = tradeModeToTokenAtoms[selectedForm];\n const currentTokenFrom = get.peek(formAtoms.tokenFromAtom);\n const currentTokenTo = get.peek(formAtoms.tokenToAtom);\n\n if (currentTradeMode !== selectedForm) {\n set(userTradeModeAtom, selectedForm);\n }\n\n let newTokenFrom: Token | undefined;\n let newTokenTo: Token | undefined;\n\n // if chain isn't given in props, match current srcChainId\n const defaultChainId = currentTokenFrom.network;\n\n if (!tradeModesWithCrosschain.has(selectedForm)) {\n // force destChainId = srcChainId for trade modes that don't support crosschain\n destChainId = srcChainId;\n }\n\n if (\n selectedForm === \"otc\" &&\n tokenToAddress &&\n isETHaddress(tokenToAddress)\n ) {\n const wethMapping: Record<number, Address> = wrappedNativeCurrency;\n // OTC Orders don't support ETH as tokenTo=takerAsset,\n // more logical to use WETH instead of no token at all\n tokenToAddress = wethMapping[destChainId || defaultChainId];\n }\n\n {\n // match tokenFromAddress and srcChainId to a new tokenFrom to select\n const tokenToFind = getTokenToFind({\n tokenFromProps: { address: tokenFromAddress, network: srcChainId },\n currentToken: currentTokenFrom,\n defaultChainId,\n });\n if (tokenToFind) {\n newTokenFrom = findTokenInAtoms({\n get,\n tokenToFind,\n set,\n });\n }\n }\n\n {\n // match tokenToAddress and destChainId to a new tokenTo to select\n const tokenToFind = getTokenToFind({\n tokenFromProps: { address: tokenToAddress, network: destChainId },\n currentToken: currentTokenTo,\n defaultChainId,\n });\n if (tokenToFind) {\n newTokenTo = findTokenInAtoms({\n get,\n tokenToFind,\n set,\n });\n }\n }\n\n if (newTokenFrom && newTokenTo && areTokensSame(newTokenFrom, newTokenTo)) {\n // if tokens are the same, skip tokenTo\n newTokenTo = undefined;\n }\n\n if (\n !newTokenFrom &&\n !tokenFromAddress &&\n srcChainId &&\n isSupportedChainId(srcChainId) &&\n srcChainId !== currentTokenFrom.network\n ) {\n // no tokenAddress given, but chainId is provided and different from current\n const [defaultTokenFrom] = pickDefaultTokenPair(srcChainId, selectedForm);\n // set default token for the chain\n newTokenFrom = defaultTokenFrom;\n }\n\n if (\n !newTokenTo &&\n !tokenToAddress &&\n destChainId &&\n isSupportedChainId(destChainId) &&\n destChainId !== currentTokenTo?.network\n ) {\n // no tokenAddress given, but chainId is provided and different from current\n const [, defaultTokenTo] = pickDefaultTokenPair(destChainId, selectedForm);\n // set default token for the chain\n newTokenTo = defaultTokenTo;\n }\n\n if (newTokenFrom) {\n const selectTokenFromAtom =\n tradeModeToSetTokenAtoms[selectedForm].tokenFromAtom;\n set(selectTokenFromAtom, newTokenFrom);\n }\n if (newTokenTo) {\n const selectTokenToAtom =\n tradeModeToSetTokenAtoms[selectedForm].tokenToAtom;\n set(selectTokenToAtom, newTokenTo);\n }\n\n const currentSideAtom = tradeModeToSideAtom[selectedForm];\n const currentInputAtom = tradeModeToCurrentInputAtom[selectedForm];\n\n let side = formInputProps.side;\n\n if (tradeModesWithSide.has(selectedForm)) {\n if (isValidSide(side)) {\n set(currentInputAtom, sideToInputType[side]);\n } else {\n if (side) {\n // guard against invalid props passed through from outside the Widget\n logger.warn(\"invalid side provided, must be BUY or SELL\", { side });\n }\n\n if (sendAmount && !receiveAmount) {\n side = \"SELL\"; // sendAmount is given and receiveAmount isn't -> SELL\n } else if (receiveAmount && !sendAmount) {\n side = \"BUY\"; // receiveAmount is given and sendAmount isn't -> BUY\n } else {\n // fallback to current side if both or none amounts are given\n side = get.peek(currentSideAtom);\n }\n }\n } else {\n side = get.peek(currentSideAtom);\n }\n\n // necessary for type safety\n assert(isValidSide(side), \"side must be BUY or SELL\");\n\n const isTradeModeWithSide = tradeModesWithSide.has(selectedForm);\n const isTradeModeWithoutSide = !isTradeModeWithSide;\n\n const isSell =\n isTradeModeWithoutSide || (isTradeModeWithSide && side === \"SELL\");\n const isBuy =\n isTradeModeWithoutSide || (isTradeModeWithSide && side === \"BUY\");\n\n const isValidSendAmount = sendAmount && Number(sendAmount) >= 0;\n const isValidReceiveAmount = receiveAmount && Number(receiveAmount) >= 0;\n\n // given a valid sendAmount\n // and the form with side=sell or without side\n if (isValidSendAmount && isSell) {\n // update the send amount\n const formPayAmountAtom = tradeModeToPayAmountUnitAtom[selectedForm];\n const currentSendAmount = get.peek(formPayAmountAtom.read);\n if (currentSendAmount !== sendAmount) {\n set(formPayAmountAtom.write, sendAmount);\n }\n }\n\n // given a valid receiveAmount\n // and the form with side=buy or without side\n if (isValidReceiveAmount && isBuy) {\n // update the receive amount\n const formReceiveAmountAtom =\n tradeModeToReceiveAmountUnitAtom[selectedForm];\n const currentReceiveAmount = get.peek(formReceiveAmountAtom.read);\n if (currentReceiveAmount !== receiveAmount) {\n set(formReceiveAmountAtom.write, receiveAmount);\n }\n }\n\n if (selectedForm === \"limit\" || selectedForm === \"otc\") {\n // OTC and Limit forms support order deadline param\n const orderDeadline = Number(formInputProps.orderDeadline);\n if (orderDeadline !== undefined && !isNaN(orderDeadline)) {\n const timeUnitAtom = tradeModeToTimeUnitAtom[selectedForm];\n const currentTimeUnit = get.peek(timeUnitAtom);\n\n if (currentTimeUnit.timestamp !== orderDeadline) {\n set(timeUnitAtom, {\n // set closest time unit for better UX\n ...getClosestTimeUnit(orderDeadline),\n // set exact timestamp\n timestamp: orderDeadline,\n });\n }\n }\n }\n});\n\nfunction getTokenToFind({\n tokenFromProps,\n currentToken,\n defaultChainId,\n}: {\n tokenFromProps: { address?: string; network?: number };\n currentToken?: Token;\n defaultChainId: SupportedChainId;\n}): { address: Address; network: SupportedChainId } | undefined {\n if (!tokenFromProps.address) return;\n // guard against malformed addresses passed through props\n if (!isAddress(tokenFromProps.address)) {\n logger.warn(\"malformed token address provided\", {\n address: tokenFromProps.address,\n });\n return;\n }\n\n const network = tokenFromProps.network || defaultChainId;\n\n // unsupported chainId provided, can't select this Token\n if (!isSupportedChainId(network)) {\n logger.warn(\"unsupported chainId provided\", { network });\n return;\n }\n\n if (\n currentToken &&\n areTokensSame(currentToken, {\n address: tokenFromProps.address,\n network,\n })\n ) {\n // same token already there\n return;\n }\n\n return { address: tokenFromProps.address, network };\n}\n\nexport function useActivateFormInputEffects() {\n useAtom(formInputPropsEffectAtom);\n}\n\nexport function useSetFormInputFromProps({\n selectedForm,\n tokenFromAddress,\n srcChainId,\n tokenToAddress,\n destChainId,\n sendAmount,\n receiveAmount,\n side,\n orderDeadline,\n}: FormInputProps = {}) {\n const setFormInputProps = useSetAtom(formInputPropsAtom);\n\n // match props together as they are supplied together from outside the Widget,\n // on any one prop change, the whole form input props are updated as long as they are passed together to the Widget\n useLayoutEffect(() => {\n setFormInputProps({\n selectedForm,\n tokenFromAddress,\n srcChainId,\n tokenToAddress,\n destChainId,\n sendAmount,\n receiveAmount,\n side,\n orderDeadline,\n });\n }, [\n selectedForm,\n tokenFromAddress,\n srcChainId,\n tokenToAddress,\n destChainId,\n sendAmount,\n setFormInputProps,\n receiveAmount,\n side,\n orderDeadline,\n ]);\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"setTokenByAddressAtom.js","names":["atom","Setter","useAtom","useSetAtom","atomEffect","Effect","isAddress","Address","isETHaddress","nativeTokensByChainId","fromListsAtom","autoImportedTokensAtom","importedTokensAtom","Token","useLayoutEffect","isSupportedChainId","areTokensSame","SupportedChainId","pickDefaultTokenPair","tradeModeAtom","userTradeModeAtom","sideToInputType","tradeModeToCurrentInputAtom","tradeModeToPayAmountUnitAtom","tradeModeToReceiveAmountUnitAtom","tradeModeToSetTokenAtoms","tradeModeToSideAtom","tradeModeToTimeUnitAtom","tradeModeToTokenAtoms","wrappedNativeCurrency","autoAddImportedTokenAtom","getLogger","assert","bridgeInfosLoadedAtom","isTradeMode","tradeModesWithCrosschain","tradeModesWithSide","availableTradeModesAtom","enabledTradeModesFromConfigAtom","FormInputProps","SwapSideUnion","getClosestTimeUnit","formInputPropsAtom","RelaxedFormInputProps","NonNullable","K","logger","GetterWithPeek","Parameters","FindTokenAtomsInput","tokenToFind","address","network","get","set","findTokenInAtoms","tokenFromAddress","chainId","nativeToken","tokenFromLowercase","toLowerCase","tokensMap","listByChainId","addressMap","tokenFromLists","importedTokens","peek","importedToken","find","token","autoImportedTokens","autoImportedToken","info","isValidSide","side","formInputPropsEffectAtom","availableTradeModes","formInputProps","sendAmount","undefined","String","receiveAmount","srcChainId","Number","log","destChainId","currentTradeMode","tokenToAddress","selectedForm","includes","warn","formAtoms","currentTokenFrom","tokenFromAtom","currentTokenTo","tokenToAtom","newTokenFrom","newTokenTo","defaultChainId","has","wethMapping","Record","getTokenToFind","tokenFromProps","currentToken","defaultTokenFrom","defaultTokenTo","selectTokenFromAtom","selectTokenToAtom","currentSideAtom","currentInputAtom","isTradeModeWithSide","isTradeModeWithoutSide","isSell","isBuy","isValidSendAmount","isValidReceiveAmount","formPayAmountAtom","currentSendAmount","read","write","formReceiveAmountAtom","currentReceiveAmount","orderDeadline","isNaN","timeUnitAtom","currentTimeUnit","timestamp","useActivateFormInputEffects","useSetFormInputFromProps","t0","$","_c","t1","setFormInputProps","t2","t3"],"sources":["../../../../src/core/inputs/state/setTokenByAddressAtom.ts"],"sourcesContent":["import { atom, type Setter } from \"jotai\";\nimport { useAtom, useSetAtom } from \"@/core/store\";\nimport { atomEffect, type Effect } from \"jotai-effect\";\nimport { isAddress, type Address } from \"viem\";\nimport { isETHaddress } from \"@/tokens/utils/eth\";\nimport { nativeTokensByChainId } from \"@/tokens/constructor\";\nimport { fromListsAtom } from \"@/tokens/state/fromListsAtom\";\nimport {\n autoImportedTokensAtom,\n importedTokensAtom,\n} from \"@/tokens/state/importedTokensAtom\";\nimport type { Token } from \"@/tokens/state/types\";\nimport { useLayoutEffect } from \"react\";\nimport { isSupportedChainId } from \"@/lib/web3/wagmi/utils\";\nimport { areTokensSame } from \"@/tokens/utils/areTokensSame\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport { pickDefaultTokenPair } from \"@/tokens/defaultTokens\";\nimport { tradeModeAtom, userTradeModeAtom } from \"@/core/state/tradeModeAtom\";\nimport {\n sideToInputType,\n tradeModeToCurrentInputAtom,\n tradeModeToPayAmountUnitAtom,\n tradeModeToReceiveAmountUnitAtom,\n tradeModeToSetTokenAtoms,\n tradeModeToSideAtom,\n tradeModeToTimeUnitAtom,\n tradeModeToTokenAtoms,\n} from \"./common\";\nimport { wrappedNativeCurrency } from \"@/lib/constants/weth\";\nimport { autoAddImportedTokenAtom } from \"@/tokens/state/addImportedTokenAtom\";\nimport { getLogger } from \"@/core/logger\";\nimport { assert } from \"ts-essentials\";\nimport { bridgeInfosLoadedAtom } from \"@/hooks/swap/prices/delta/queries/bridgeInfo/bridgeInfosLoadedAtom\";\nimport {\n isTradeMode,\n tradeModesWithCrosschain,\n tradeModesWithSide,\n} from \"@/lib/tradeMode\";\nimport {\n availableTradeModesAtom,\n enabledTradeModesFromConfigAtom,\n} from \"@/core/state/enabledTradeModesAtom\";\nimport type { FormInputProps } from \"./types\";\nimport type { SwapSideUnion } from \"@velora-dex/sdk\";\nimport { getClosestTimeUnit } from \"@/core/limit/state/utils\";\n\nexport const formInputPropsAtom = atom<FormInputProps>({});\n\n// in case formInputPros passed to Widget are not exactly expected types\ntype RelaxedFormInputProps = {\n [K in keyof FormInputProps]?: NonNullable<FormInputProps[K]> extends string\n ? string\n : NonNullable<FormInputProps[K]> extends number\n ? number\n : FormInputProps[K];\n};\n\nconst logger = getLogger(\"FormInputProps\");\n\ntype GetterWithPeek = Parameters<Effect>[0];\n\ntype FindTokenAtomsInput = {\n tokenToFind: { address: Address; network: SupportedChainId };\n get: GetterWithPeek;\n set: Setter;\n};\n\nfunction findTokenInAtoms({\n get,\n set,\n tokenToFind,\n}: FindTokenAtomsInput): Token | undefined {\n const tokenFromAddress = tokenToFind.address;\n const chainId = tokenToFind.network;\n\n if (isETHaddress(tokenFromAddress)) {\n // if tokenFrom is ETH, set the native token for tokenFrom Input\n const nativeToken = nativeTokensByChainId[chainId];\n return nativeToken;\n }\n\n const tokenFromLowercase = tokenFromAddress.toLowerCase();\n\n // find the token from the token Lists for the srcChainId,\n // and retry to find the token when allTokens are updated (token lists loaded)\n const tokensMap = get(fromListsAtom).listByChainId[chainId]?.addressMap;\n const tokenFromLists = tokensMap?.[tokenFromLowercase];\n if (tokenFromLists) {\n return tokenFromLists;\n }\n\n // find the token from the imported tokens,\n // don't retry if user imports more tokens during the session\n const importedTokens = get.peek(importedTokensAtom);\n const importedToken = importedTokens[chainId]?.find(\n (token) => token.address.toLowerCase() === tokenFromLowercase\n );\n if (importedToken) {\n return importedToken;\n }\n\n // subscribe to auto-imported tokens, which will be added to only when tokenAddress prop is supplied from outside the widget\n const autoImportedTokens = get(autoImportedTokensAtom);\n // looking through auto-imported tokens isn't strictly necessary because importedTokens atom is updated together with autoImportedTokens atom,\n // except for consistency, and so that we don't have to subscribe to importedTokens atom that would retrigger formProps matching on manual token import\n const autoImportedToken = autoImportedTokens.find(\n (token) =>\n token.address.toLowerCase() === tokenFromLowercase &&\n token.network === chainId\n );\n if (autoImportedToken) {\n return autoImportedToken;\n }\n\n logger.info(\n \"token not available in widget. Will attempt to import from chain\",\n {\n address: tokenFromAddress,\n chainId,\n }\n );\n\n // trigger Token fetch and eventual import when tokenFromAddress is not found in available token lists and atoms\n set(autoAddImportedTokenAtom, { address: tokenFromAddress, chainId });\n}\n\nfunction isValidSide(side: string | undefined): side is SwapSideUnion {\n return side === \"BUY\" || side === \"SELL\";\n}\n\nconst formInputPropsEffectAtom = atomEffect((get, set) => {\n // subscribe to bridgeInfosLoadedAtom to have up-to-date available crosses\n // and retry token finding each time when bridgeInfo changes\n get(bridgeInfosLoadedAtom);\n\n // subscribe to enabledTradeModesFromConfigAtom to react to changes in enabled trade modes\n get(enabledTradeModesFromConfigAtom);\n // and use availableTradeModesAtom as final source of truth (it derrives from enabledTradeModesFromConfigAtom)\n const availableTradeModes = get.peek(availableTradeModesAtom);\n\n const formInputProps: RelaxedFormInputProps = get(formInputPropsAtom);\n const { tokenFromAddress } = formInputProps;\n\n // guard against amounts passed as numbers when props are supplied from outside the Widget and types are ignored\n const sendAmount =\n formInputProps.sendAmount !== undefined\n ? String(formInputProps.sendAmount)\n : undefined;\n const receiveAmount =\n formInputProps.receiveAmount !== undefined\n ? String(formInputProps.receiveAmount)\n : undefined;\n\n // guard against chainId passed as string when props are supplied from outside the Widget and types are ignored\n const srcChainId =\n formInputProps.srcChainId !== undefined\n ? Number(formInputProps.srcChainId)\n : undefined;\n\n logger.log(\"using external props to set Widget form input\", formInputProps);\n\n let destChainId =\n formInputProps.destChainId !== undefined\n ? Number(formInputProps.destChainId)\n : undefined;\n\n const currentTradeMode = get.peek(tradeModeAtom);\n\n let tokenToAddress = formInputProps.tokenToAddress;\n let selectedForm = formInputProps.selectedForm || currentTradeMode;\n if (\n !isTradeMode(selectedForm) ||\n !availableTradeModes.includes(selectedForm)\n ) {\n // guard against invalid props passed through from outside the Widget\n logger.warn(\"invalid, disabled or unavailable selectedForm provided\", {\n selectedForm,\n });\n // fallback to first available trade mode\n selectedForm = availableTradeModes[0];\n }\n\n // necessary for type safety\n assert(isTradeMode(selectedForm), \"selectedForm must be a valid trade mode\");\n\n const formAtoms = tradeModeToTokenAtoms[selectedForm];\n const currentTokenFrom = get.peek(formAtoms.tokenFromAtom);\n const currentTokenTo = get.peek(formAtoms.tokenToAtom);\n\n if (currentTradeMode !== selectedForm) {\n set(userTradeModeAtom, selectedForm);\n }\n\n let newTokenFrom: Token | undefined;\n let newTokenTo: Token | undefined;\n\n // if chain isn't given in props, match current srcChainId\n const defaultChainId = currentTokenFrom.network;\n\n if (!tradeModesWithCrosschain.has(selectedForm)) {\n // force destChainId = srcChainId for trade modes that don't support crosschain\n destChainId = srcChainId;\n }\n\n if (\n selectedForm === \"otc\" &&\n tokenToAddress &&\n isETHaddress(tokenToAddress)\n ) {\n const wethMapping: Record<number, Address> = wrappedNativeCurrency;\n // OTC Orders don't support ETH as tokenTo=takerAsset,\n // more logical to use WETH instead of no token at all\n tokenToAddress = wethMapping[destChainId || defaultChainId];\n }\n\n {\n // match tokenFromAddress and srcChainId to a new tokenFrom to select\n const tokenToFind = getTokenToFind({\n tokenFromProps: { address: tokenFromAddress, network: srcChainId },\n currentToken: currentTokenFrom,\n defaultChainId,\n });\n if (tokenToFind) {\n newTokenFrom = findTokenInAtoms({\n get,\n tokenToFind,\n set,\n });\n }\n }\n\n {\n // match tokenToAddress and destChainId to a new tokenTo to select\n const tokenToFind = getTokenToFind({\n tokenFromProps: { address: tokenToAddress, network: destChainId },\n currentToken: currentTokenTo,\n defaultChainId,\n });\n if (tokenToFind) {\n newTokenTo = findTokenInAtoms({\n get,\n tokenToFind,\n set,\n });\n }\n }\n\n if (newTokenFrom && newTokenTo && areTokensSame(newTokenFrom, newTokenTo)) {\n // if tokens are the same, skip tokenTo\n newTokenTo = undefined;\n }\n\n if (\n !newTokenFrom &&\n !tokenFromAddress &&\n srcChainId &&\n isSupportedChainId(srcChainId) &&\n srcChainId !== currentTokenFrom.network\n ) {\n // no tokenAddress given, but chainId is provided and different from current\n const [defaultTokenFrom] = pickDefaultTokenPair(srcChainId, selectedForm);\n // set default token for the chain\n newTokenFrom = defaultTokenFrom;\n }\n\n if (\n !newTokenTo &&\n !tokenToAddress &&\n destChainId &&\n isSupportedChainId(destChainId) &&\n destChainId !== currentTokenTo?.network\n ) {\n // no tokenAddress given, but chainId is provided and different from current\n const [, defaultTokenTo] = pickDefaultTokenPair(destChainId, selectedForm);\n // set default token for the chain\n newTokenTo = defaultTokenTo;\n }\n\n if (newTokenFrom) {\n const selectTokenFromAtom =\n tradeModeToSetTokenAtoms[selectedForm].tokenFromAtom;\n set(selectTokenFromAtom, newTokenFrom);\n }\n if (newTokenTo) {\n const selectTokenToAtom =\n tradeModeToSetTokenAtoms[selectedForm].tokenToAtom;\n set(selectTokenToAtom, newTokenTo);\n }\n\n const currentSideAtom = tradeModeToSideAtom[selectedForm];\n const currentInputAtom = tradeModeToCurrentInputAtom[selectedForm];\n\n let side = formInputProps.side;\n\n if (tradeModesWithSide.has(selectedForm)) {\n if (isValidSide(side)) {\n set(currentInputAtom, sideToInputType[side]);\n } else {\n if (side) {\n // guard against invalid props passed through from outside the Widget\n logger.warn(\"invalid side provided, must be BUY or SELL\", { side });\n }\n\n if (sendAmount && !receiveAmount) {\n side = \"SELL\"; // sendAmount is given and receiveAmount isn't -> SELL\n } else if (receiveAmount && !sendAmount) {\n side = \"BUY\"; // receiveAmount is given and sendAmount isn't -> BUY\n } else {\n // fallback to current side if both or none amounts are given\n side = get.peek(currentSideAtom);\n }\n }\n } else {\n side = get.peek(currentSideAtom);\n }\n\n // necessary for type safety\n assert(isValidSide(side), \"side must be BUY or SELL\");\n\n const isTradeModeWithSide = tradeModesWithSide.has(selectedForm);\n const isTradeModeWithoutSide = !isTradeModeWithSide;\n\n const isSell =\n isTradeModeWithoutSide || (isTradeModeWithSide && side === \"SELL\");\n const isBuy =\n isTradeModeWithoutSide || (isTradeModeWithSide && side === \"BUY\");\n\n const isValidSendAmount = sendAmount && Number(sendAmount) >= 0;\n const isValidReceiveAmount = receiveAmount && Number(receiveAmount) >= 0;\n\n // given a valid sendAmount\n // and the form with side=sell or without side\n if (isValidSendAmount && isSell) {\n // update the send amount\n const formPayAmountAtom = tradeModeToPayAmountUnitAtom[selectedForm];\n const currentSendAmount = get.peek(formPayAmountAtom.read);\n if (currentSendAmount !== sendAmount) {\n set(formPayAmountAtom.write, sendAmount);\n }\n }\n\n // given a valid receiveAmount\n // and the form with side=buy or without side\n if (isValidReceiveAmount && isBuy) {\n // update the receive amount\n const formReceiveAmountAtom =\n tradeModeToReceiveAmountUnitAtom[selectedForm];\n const currentReceiveAmount = get.peek(formReceiveAmountAtom.read);\n if (currentReceiveAmount !== receiveAmount) {\n set(formReceiveAmountAtom.write, receiveAmount);\n }\n }\n\n if (selectedForm === \"limit\" || selectedForm === \"otc\") {\n // OTC and Limit forms support order deadline param\n const orderDeadline = Number(formInputProps.orderDeadline);\n if (orderDeadline !== undefined && !isNaN(orderDeadline)) {\n const timeUnitAtom = tradeModeToTimeUnitAtom[selectedForm];\n const currentTimeUnit = get.peek(timeUnitAtom);\n\n if (currentTimeUnit.timestamp !== orderDeadline) {\n set(timeUnitAtom, {\n // set closest time unit for better UX\n ...getClosestTimeUnit(orderDeadline),\n // set exact timestamp\n timestamp: orderDeadline,\n });\n }\n }\n }\n});\n\nfunction getTokenToFind({\n tokenFromProps,\n currentToken,\n defaultChainId,\n}: {\n tokenFromProps: { address?: string; network?: number };\n currentToken?: Token;\n defaultChainId: SupportedChainId;\n}): { address: Address; network: SupportedChainId } | undefined {\n if (!tokenFromProps.address) return;\n // guard against malformed addresses passed through props\n if (!isAddress(tokenFromProps.address)) {\n logger.warn(\"malformed token address provided\", {\n address: tokenFromProps.address,\n });\n return;\n }\n\n const network = tokenFromProps.network || defaultChainId;\n\n // unsupported chainId provided, can't select this Token\n if (!isSupportedChainId(network)) {\n logger.warn(\"unsupported chainId provided\", { network });\n return;\n }\n\n if (\n currentToken &&\n areTokensSame(currentToken, {\n address: tokenFromProps.address,\n network,\n })\n ) {\n // same token already there\n return;\n }\n\n return { address: tokenFromProps.address, network };\n}\n\nexport function useActivateFormInputEffects() {\n useAtom(formInputPropsEffectAtom);\n}\n\nexport function useSetFormInputFromProps({\n selectedForm,\n tokenFromAddress,\n srcChainId,\n tokenToAddress,\n destChainId,\n sendAmount,\n receiveAmount,\n side,\n orderDeadline,\n}: FormInputProps = {}) {\n const setFormInputProps = useSetAtom(formInputPropsAtom);\n\n // match props together as they are supplied together from outside the Widget,\n // on any one prop change, the whole form input props are updated as long as they are passed together to the Widget\n useLayoutEffect(() => {\n setFormInputProps({\n selectedForm,\n tokenFromAddress,\n srcChainId,\n tokenToAddress,\n destChainId,\n sendAmount,\n receiveAmount,\n side,\n orderDeadline,\n });\n }, [\n selectedForm,\n tokenFromAddress,\n srcChainId,\n tokenToAddress,\n destChainId,\n sendAmount,\n setFormInputProps,\n receiveAmount,\n side,\n orderDeadline,\n ]);\n}\n"],"mappings":"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"}
|
|
@@ -9,8 +9,8 @@ var c = {
|
|
|
9
9
|
theme: o(),
|
|
10
10
|
enableDelta: !0,
|
|
11
11
|
enableCrossChain: !0,
|
|
12
|
-
privyAppId:
|
|
13
|
-
privyClientId:
|
|
12
|
+
privyAppId: void 0,
|
|
13
|
+
privyClientId: void 0,
|
|
14
14
|
debug: !1,
|
|
15
15
|
widgetMode: "standalone",
|
|
16
16
|
enableDegenMode: !0
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"configAtom.js","names":["atom","useAtomValue","WidgetElements","WidgetConfig","DevURLs","PartnerConfig","ReferrerConfig","MarkRequired","SupportedChainId","emptyArray","emptyObject","atomWithCompare","constructPropertiesEqual","unorderedShallowEqual","TradeMode","getDefaultTheme","PrimitiveConfig","Pick","IterableConfig","PrimitiveConfigState","defaultWidgetConfig","theme","enableDelta","enableCrossChain","privyAppId","import","meta","env","VITE_PRIVY_APP_ID","privyClientId","VITE_PRIVY_CLIENT_ID","debug","widgetMode","enableDegenMode","const","widgetConfigAtom","useWidgetConfig","defaultSubConfig","tokenLists","srcChains","destChains","tradeModes","excludeUI","devURLs","partnerConfig","referrerConfig","tokenListsAtom","srcChainsAtom","destChainsAtom","tradeModesAtom","excludeUIAtom","devURLsAtom","partnerConfigAtom","debugLabel","referrerConfigAtom"],"sources":["../../../src/core/state/configAtom.ts"],"sourcesContent":["import { atom } from \"jotai\";\nimport { useAtomValue } from \"@/core/store\";\nimport type {\n WidgetElements,\n WidgetConfig,\n DevURLs,\n PartnerConfig,\n ReferrerConfig,\n} from \"../types\";\nimport type { MarkRequired } from \"ts-essentials\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport { emptyArray, emptyObject } from \"@/lib/constants\";\nimport { atomWithCompare } from \"@/lib/utils/atomWithCompare\";\nimport { constructPropertiesEqual, unorderedShallowEqual } from \"@/lib/utils\";\nimport { type TradeMode } from \"./tradeModeAtom\";\nimport { getDefaultTheme } from \"@/lib/utils/theme\";\n\nexport type PrimitiveConfig = Pick<\n WidgetConfig,\n | \"theme\"\n | \"enableDelta\"\n | \"enableCrossChain\"\n | \"privyAppId\"\n | \"privyClientId\"\n | \"debug\"\n | \"widgetMode\"\n | \"enableDegenMode\"\n>;\n\nexport type IterableConfig = Pick<\n WidgetConfig,\n | \"srcChains\"\n | \"destChains\"\n | \"tokenLists\"\n | \"tradeModes\"\n | \"excludeUI\"\n | \"devURLs\"\n | \"partnerConfig\"\n | \"referrerConfig\"\n>;\n\ntype PrimitiveConfigState = MarkRequired<\n PrimitiveConfig,\n | \"theme\"\n | \"enableDelta\"\n | \"enableCrossChain\"\n | \"privyAppId\"\n | \"privyClientId\"\n | \"debug\"\n | \"widgetMode\"\n | \"enableDegenMode\"\n>;\n\nexport const defaultWidgetConfig = {\n theme: getDefaultTheme(),\n enableDelta: true,\n enableCrossChain: true,\n privyAppId: import.meta.env.VITE_PRIVY_APP_ID,\n privyClientId: import.meta.env.VITE_PRIVY_CLIENT_ID,\n debug: false,\n widgetMode: \"standalone\",\n enableDegenMode: true,\n} as const satisfies PrimitiveConfig;\n\nexport const widgetConfigAtom = atom<PrimitiveConfigState>(defaultWidgetConfig);\n\nexport const useWidgetConfig = () => {\n return useAtomValue(widgetConfigAtom);\n};\n\nexport const defaultSubConfig = {\n tokenLists: emptyArray,\n srcChains: emptyArray,\n destChains: emptyArray,\n tradeModes: emptyArray,\n excludeUI: emptyArray,\n devURLs: emptyObject,\n partnerConfig: emptyObject,\n referrerConfig: emptyObject,\n} as const satisfies IterableConfig;\n\n// independent atoms for each iterable config property\n// with comparison to avoid unnecessary re-renders\nexport const tokenListsAtom = atomWithCompare<string[]>(\n defaultSubConfig.tokenLists,\n unorderedShallowEqual\n);\nexport const srcChainsAtom = atomWithCompare<SupportedChainId[]>(\n defaultSubConfig.srcChains,\n unorderedShallowEqual\n);\nexport const destChainsAtom = atomWithCompare<SupportedChainId[]>(\n defaultSubConfig.destChains,\n unorderedShallowEqual\n);\n\nexport const tradeModesAtom = atomWithCompare<TradeMode[]>(\n defaultSubConfig.tradeModes,\n unorderedShallowEqual\n);\n\nexport const excludeUIAtom = atomWithCompare<WidgetElements[]>(\n defaultSubConfig.excludeUI,\n unorderedShallowEqual\n);\n\nexport const devURLsAtom = atomWithCompare<DevURLs>(\n defaultSubConfig.devURLs,\n // known properties only comparison\n constructPropertiesEqual([\"apiProxyURL\", \"apiURL\", \"explorerURL\"])\n);\n\nexport const partnerConfigAtom = atomWithCompare<PartnerConfig>(\n defaultSubConfig.partnerConfig,\n constructPropertiesEqual([\n \"partner\",\n \"partnerAddress\",\n \"partnerFeeBps\",\n \"partnerTakesSurplus\",\n ])\n);\n\npartnerConfigAtom.debugLabel = \"partnerConfigAtom\";\n\nexport const referrerConfigAtom = atomWithCompare<ReferrerConfig>(\n defaultSubConfig.referrerConfig,\n constructPropertiesEqual([\"referrerAddress\"])\n);\n\nreferrerConfigAtom.debugLabel = \"referrerConfigAtom\";\n"],"mappings":";;;;;;;AAqDA,IAAaoB,IAAsB;CACjCC,OAAON,GAAiB;CACxBO,aAAa;CACbC,kBAAkB;CAClBC,YAAAA;CACAK,eAAAA;CACAE,OAAO;CACPC,YAAY;CACZC,iBAAiB;CAClB,EAEYE,IAAmBnC,EAA2BoB,EAAoB,EAElEgB,UACJnC,EAAakC,EAAiB,EAG1BE,IAAmB;CAC9BC,YAAY7B;CACZ8B,WAAW9B;CACX+B,YAAY/B;CACZgC,YAAYhC;CACZiC,WAAWjC;CACXkC,SAASjC;CACTkC,eAAelC;CACfmC,gBAAgBnC;CACjB,EAIYoC,IAAiBnC,EAC5B0B,EAAiBC,YACjBzB,EACD,EACYkC,IAAgBpC,EAC3B0B,EAAiBE,WACjB1B,EACD,EACYmC,IAAiBrC,EAC5B0B,EAAiBG,YACjB3B,EACD,EAEYoC,IAAiBtC,EAC5B0B,EAAiBI,YACjB5B,EACD,EAEYqC,IAAgBvC,EAC3B0B,EAAiBK,WACjB7B,EACD,EAEYsC,IAAcxC,EACzB0B,EAAiBM,SAEjB/B,EAAyB;CAAC;CAAe;CAAU;CAAc,CACnE,CAAC,EAEYwC,IAAoBzC,EAC/B0B,EAAiBO,eACjBhC,EAAyB;CACvB;CACA;CACA;CACA;CACD,CACH,CAAC;AAEDwC,EAAkBC,aAAa;AAE/B,IAAaC,IAAqB3C,EAChC0B,EAAiBQ,gBACjBjC,EAAyB,CAAC,kBAAkB,CAC9C,CAAC;AAED0C,EAAmBD,aAAa"}
|
|
1
|
+
{"version":3,"file":"configAtom.js","names":["atom","useAtomValue","WidgetElements","WidgetConfig","DevURLs","PartnerConfig","ReferrerConfig","MarkRequired","SupportedChainId","emptyArray","emptyObject","atomWithCompare","constructPropertiesEqual","unorderedShallowEqual","TradeMode","getDefaultTheme","PrimitiveConfig","Pick","IterableConfig","PrimitiveConfigState","defaultWidgetConfig","theme","enableDelta","enableCrossChain","privyAppId","import","meta","env","VITE_PRIVY_APP_ID","privyClientId","VITE_PRIVY_CLIENT_ID","debug","widgetMode","enableDegenMode","const","widgetConfigAtom","useWidgetConfig","defaultSubConfig","tokenLists","srcChains","destChains","tradeModes","excludeUI","devURLs","partnerConfig","referrerConfig","tokenListsAtom","srcChainsAtom","destChainsAtom","tradeModesAtom","excludeUIAtom","devURLsAtom","partnerConfigAtom","debugLabel","referrerConfigAtom"],"sources":["../../../src/core/state/configAtom.ts"],"sourcesContent":["import { atom } from \"jotai\";\nimport { useAtomValue } from \"@/core/store\";\nimport type {\n WidgetElements,\n WidgetConfig,\n DevURLs,\n PartnerConfig,\n ReferrerConfig,\n} from \"../types\";\nimport type { MarkRequired } from \"ts-essentials\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport { emptyArray, emptyObject } from \"@/lib/constants\";\nimport { atomWithCompare } from \"@/lib/utils/atomWithCompare\";\nimport { constructPropertiesEqual, unorderedShallowEqual } from \"@/lib/utils\";\nimport { type TradeMode } from \"./tradeModeAtom\";\nimport { getDefaultTheme } from \"@/lib/utils/theme\";\n\nexport type PrimitiveConfig = Pick<\n WidgetConfig,\n | \"theme\"\n | \"enableDelta\"\n | \"enableCrossChain\"\n | \"privyAppId\"\n | \"privyClientId\"\n | \"debug\"\n | \"widgetMode\"\n | \"enableDegenMode\"\n>;\n\nexport type IterableConfig = Pick<\n WidgetConfig,\n | \"srcChains\"\n | \"destChains\"\n | \"tokenLists\"\n | \"tradeModes\"\n | \"excludeUI\"\n | \"devURLs\"\n | \"partnerConfig\"\n | \"referrerConfig\"\n>;\n\ntype PrimitiveConfigState = MarkRequired<\n PrimitiveConfig,\n | \"theme\"\n | \"enableDelta\"\n | \"enableCrossChain\"\n | \"privyAppId\"\n | \"privyClientId\"\n | \"debug\"\n | \"widgetMode\"\n | \"enableDegenMode\"\n>;\n\nexport const defaultWidgetConfig = {\n theme: getDefaultTheme(),\n enableDelta: true,\n enableCrossChain: true,\n privyAppId: import.meta.env.VITE_PRIVY_APP_ID,\n privyClientId: import.meta.env.VITE_PRIVY_CLIENT_ID,\n debug: false,\n widgetMode: \"standalone\",\n enableDegenMode: true,\n} as const satisfies PrimitiveConfig;\n\nexport const widgetConfigAtom = atom<PrimitiveConfigState>(defaultWidgetConfig);\n\nexport const useWidgetConfig = () => {\n return useAtomValue(widgetConfigAtom);\n};\n\nexport const defaultSubConfig = {\n tokenLists: emptyArray,\n srcChains: emptyArray,\n destChains: emptyArray,\n tradeModes: emptyArray,\n excludeUI: emptyArray,\n devURLs: emptyObject,\n partnerConfig: emptyObject,\n referrerConfig: emptyObject,\n} as const satisfies IterableConfig;\n\n// independent atoms for each iterable config property\n// with comparison to avoid unnecessary re-renders\nexport const tokenListsAtom = atomWithCompare<string[]>(\n defaultSubConfig.tokenLists,\n unorderedShallowEqual\n);\nexport const srcChainsAtom = atomWithCompare<SupportedChainId[]>(\n defaultSubConfig.srcChains,\n unorderedShallowEqual\n);\nexport const destChainsAtom = atomWithCompare<SupportedChainId[]>(\n defaultSubConfig.destChains,\n unorderedShallowEqual\n);\n\nexport const tradeModesAtom = atomWithCompare<TradeMode[]>(\n defaultSubConfig.tradeModes,\n unorderedShallowEqual\n);\n\nexport const excludeUIAtom = atomWithCompare<WidgetElements[]>(\n defaultSubConfig.excludeUI,\n unorderedShallowEqual\n);\n\nexport const devURLsAtom = atomWithCompare<DevURLs>(\n defaultSubConfig.devURLs,\n // known properties only comparison\n constructPropertiesEqual([\"apiProxyURL\", \"apiURL\", \"explorerURL\"])\n);\n\nexport const partnerConfigAtom = atomWithCompare<PartnerConfig>(\n defaultSubConfig.partnerConfig,\n constructPropertiesEqual([\n \"partner\",\n \"partnerAddress\",\n \"partnerFeeBps\",\n \"partnerTakesSurplus\",\n ])\n);\n\npartnerConfigAtom.debugLabel = \"partnerConfigAtom\";\n\nexport const referrerConfigAtom = atomWithCompare<ReferrerConfig>(\n defaultSubConfig.referrerConfig,\n constructPropertiesEqual([\"referrerAddress\"])\n);\n\nreferrerConfigAtom.debugLabel = \"referrerConfigAtom\";\n"],"mappings":";;;;;;;AAqDA,IAAaoB,IAAsB;CACjCC,OAAON,GAAiB;CACxBO,aAAa;CACbC,kBAAkB;CAClBC,YAAAA,KAAAA;CACAK,eAAAA,KAAAA;CACAE,OAAO;CACPC,YAAY;CACZC,iBAAiB;CAClB,EAEYE,IAAmBnC,EAA2BoB,EAAoB,EAElEgB,UACJnC,EAAakC,EAAiB,EAG1BE,IAAmB;CAC9BC,YAAY7B;CACZ8B,WAAW9B;CACX+B,YAAY/B;CACZgC,YAAYhC;CACZiC,WAAWjC;CACXkC,SAASjC;CACTkC,eAAelC;CACfmC,gBAAgBnC;CACjB,EAIYoC,IAAiBnC,EAC5B0B,EAAiBC,YACjBzB,EACD,EACYkC,IAAgBpC,EAC3B0B,EAAiBE,WACjB1B,EACD,EACYmC,IAAiBrC,EAC5B0B,EAAiBG,YACjB3B,EACD,EAEYoC,IAAiBtC,EAC5B0B,EAAiBI,YACjB5B,EACD,EAEYqC,IAAgBvC,EAC3B0B,EAAiBK,WACjB7B,EACD,EAEYsC,IAAcxC,EACzB0B,EAAiBM,SAEjB/B,EAAyB;CAAC;CAAe;CAAU;CAAc,CACnE,CAAC,EAEYwC,IAAoBzC,EAC/B0B,EAAiBO,eACjBhC,EAAyB;CACvB;CACA;CACA;CACA;CACD,CACH,CAAC;AAEDwC,EAAkBC,aAAa;AAE/B,IAAaC,IAAqB3C,EAChC0B,EAAiBQ,gBACjBjC,EAAyB,CAAC,kBAAkB,CAC9C,CAAC;AAED0C,EAAmBD,aAAa"}
|
|
@@ -1,4 +1,10 @@
|
|
|
1
1
|
import { TradeMode } from './tradeModeAtom';
|
|
2
2
|
export declare const enabledTradeModesFromConfigAtom: import('jotai').Atom<[TradeMode, ...TradeMode[]]>;
|
|
3
|
-
|
|
3
|
+
/**
|
|
4
|
+
* Derives from enabledTradeModesFromConfigAtom
|
|
5
|
+
* and filters out trade modes that are not possible to trade using Delta
|
|
6
|
+
* when it's disabled in the widget config (config.enableDelta=false)
|
|
7
|
+
* or turned off by the user (deltaParamAtom=false).
|
|
8
|
+
*/
|
|
9
|
+
export declare const availableTradeModesAtom: import('jotai').Atom<[TradeMode, ...TradeMode[]]>;
|
|
4
10
|
//# sourceMappingURL=enabledTradeModesAtom.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"enabledTradeModesAtom.d.ts","sourceRoot":"","sources":["../../../src/core/state/enabledTradeModesAtom.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAiDjD,eAAO,MAAM,+BAA+B,mDAG1C,CAAC;AAEH,eAAO,MAAM,
|
|
1
|
+
{"version":3,"file":"enabledTradeModesAtom.d.ts","sourceRoot":"","sources":["../../../src/core/state/enabledTradeModesAtom.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAiDjD,eAAO,MAAM,+BAA+B,mDAG1C,CAAC;AAEH;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB,mDAyBlC,CAAC"}
|
|
@@ -22,6 +22,6 @@ var u = c((e) => l(e(o))), d = c((e) => {
|
|
|
22
22
|
return l;
|
|
23
23
|
});
|
|
24
24
|
//#endregion
|
|
25
|
-
export { d as
|
|
25
|
+
export { d as availableTradeModesAtom, u as enabledTradeModesFromConfigAtom };
|
|
26
26
|
|
|
27
27
|
//# sourceMappingURL=enabledTradeModesAtom.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"enabledTradeModesAtom.js","names":["atom","tradeModesAtom","widgetConfigAtom","TradeMode","NonEmptyArray","Prettify","supportedTradeModes","defaultTradeModes","isTradeMode","isFilledArray","deltaParamAtom","DELTA_FALLBACK_TRADE_MODE","DELTA_ONLY_TRADE_MODES","EnabledTradeModes","getEnabledTradeModesWithFallback","modes","length","uniqueModes","Array","from","Set","detectedUnsupportedModes","uniqueSupportedModes","filter","mode","isSupported","push","isAllUnsupported","console","warn","join","enabledTradeModesFromConfigAtom","get","tradeModes","
|
|
1
|
+
{"version":3,"file":"enabledTradeModesAtom.js","names":["atom","tradeModesAtom","widgetConfigAtom","TradeMode","NonEmptyArray","Prettify","supportedTradeModes","defaultTradeModes","isTradeMode","isFilledArray","deltaParamAtom","DELTA_FALLBACK_TRADE_MODE","DELTA_ONLY_TRADE_MODES","EnabledTradeModes","getEnabledTradeModesWithFallback","modes","length","uniqueModes","Array","from","Set","detectedUnsupportedModes","uniqueSupportedModes","filter","mode","isSupported","push","isAllUnsupported","console","warn","join","enabledTradeModesFromConfigAtom","get","tradeModes","availableTradeModesAtom","deltaParam","enableDelta","isDeltaEnabled","availableTradeModes","nonDeltaModes","includes"],"sources":["../../../src/core/state/enabledTradeModesAtom.ts"],"sourcesContent":["import { atom } from \"jotai\";\nimport { tradeModesAtom, widgetConfigAtom } from \"./configAtom\";\nimport { type TradeMode } from \"./tradeModeAtom\";\nimport type { NonEmptyArray, Prettify } from \"ts-essentials\";\nimport {\n supportedTradeModes as defaultTradeModes,\n isTradeMode,\n} from \"@/lib/tradeMode\";\nimport { isFilledArray } from \"@/lib/utils/tuple\";\nimport { deltaParamAtom } from \"@/components/widget/TradeParameters/state/deltaParamAtom\";\nimport {\n DELTA_FALLBACK_TRADE_MODE,\n DELTA_ONLY_TRADE_MODES,\n} from \"@/lib/constants/delta\";\n\ntype EnabledTradeModes = Prettify<NonEmptyArray<TradeMode>>;\n\n// with guards against invalid or duplicate trade modes passed in config\nfunction getEnabledTradeModesWithFallback(\n modes: TradeMode[]\n): EnabledTradeModes {\n if (modes.length === 0) return defaultTradeModes;\n const uniqueModes = Array.from(new Set(modes));\n\n const detectedUnsupportedModes: string[] = [];\n const uniqueSupportedModes = uniqueModes.filter((mode) => {\n const isSupported = isTradeMode(mode);\n if (!isSupported) detectedUnsupportedModes.push(mode);\n return isSupported;\n });\n\n const isAllUnsupported = !isFilledArray(uniqueSupportedModes);\n // log once about unsupported modes\n if (detectedUnsupportedModes.length > 0 && !isAllUnsupported) {\n console.warn(\n `Specified unsupported trade modes: ${detectedUnsupportedModes.join(\n \", \"\n )}. Supported trade modes are: ${defaultTradeModes.join(\", \")}`\n );\n }\n\n // fallback to defaults\n if (isAllUnsupported) {\n console.warn(\n `All specified trade modes are unsupported. Supported trade modes are: ${defaultTradeModes.join(\", \")}`\n );\n return defaultTradeModes;\n }\n return uniqueSupportedModes;\n}\n\nexport const enabledTradeModesFromConfigAtom = atom((get) => {\n const tradeModes = get(tradeModesAtom);\n return getEnabledTradeModesWithFallback(tradeModes);\n});\n\n/**\n * Derives from enabledTradeModesFromConfigAtom\n * and filters out trade modes that are not possible to trade using Delta\n * when it's disabled in the widget config (config.enableDelta=false)\n * or turned off by the user (deltaParamAtom=false).\n */\nexport const availableTradeModesAtom = atom<EnabledTradeModes>((get) => {\n const deltaParam = get(deltaParamAtom);\n const { enableDelta } = get(widgetConfigAtom);\n const isDeltaEnabled = enableDelta && deltaParam;\n\n let availableTradeModes = get(enabledTradeModesFromConfigAtom);\n\n if (!isDeltaEnabled) {\n // filter out delta-only modes when delta is disabled\n // users won't be able to do anything with those modes\n const nonDeltaModes = availableTradeModes.filter(\n (mode) => !DELTA_ONLY_TRADE_MODES.includes(mode)\n );\n if (isFilledArray(nonDeltaModes)) {\n availableTradeModes = nonDeltaModes;\n } else {\n // ensure at least one mode is enabled\n availableTradeModes = [DELTA_FALLBACK_TRADE_MODE];\n console.warn(\n `All specified trade modes are delta-only, but delta mode is disabled. Falling back to \"${DELTA_FALLBACK_TRADE_MODE}\" mode.`\n );\n }\n }\n\n return availableTradeModes;\n});\n"],"mappings":";;;;;;;AAkBA,SAASc,EACPC,GACmB;AACnB,KAAIA,EAAMC,WAAW,EAAG,QAAOT;CAC/B,IAAMU,IAAcC,MAAMC,KAAK,IAAIC,IAAIL,EAAM,CAAC,EAExCM,IAAqC,EAAE,EACvCC,IAAuBL,EAAYM,QAAQC,MAAS;EACxD,IAAMC,IAAcjB,EAAYgB,EAAK;AAErC,SADKC,KAAaJ,EAAyBK,KAAKF,EAAK,EAC9CC;GACP,EAEIE,IAAmB,CAAClB,EAAca,EAAqB;AAiB7D,QAfID,EAAyBL,SAAS,KAAK,CAACW,KAC1CC,QAAQC,KACN,sCAAsCR,EAAyBS,KAC7D,KACD,CAAA,+BAAgCvB,EAAkBuB,KAAK,KAAK,GAC9D,EAICH,KACFC,QAAQC,KACN,yEAAyEtB,EAAkBuB,KAAK,KAAK,GACtG,EACMvB,KAEFe;;AAGT,IAAaS,IAAkC/B,GAAMgC,MAE5ClB,EADYkB,EAAI/B,EAAe,CACa,CACnD,EAQWiC,IAA0BlC,GAAyBgC,MAAQ;CACtE,IAAMG,IAAaH,EAAItB,EAAe,EAChC,EAAE0B,mBAAgBJ,EAAI9B,EAAiB,EACvCmC,IAAiBD,KAAeD,GAElCG,IAAsBN,EAAID,EAAgC;AAE9D,KAAI,CAACM,GAAgB;EAGnB,IAAME,IAAgBD,EAAoBf,QACvCC,MAAS,CAACZ,EAAuB4B,SAAShB,EAC7C,CAAC;AACD,EAAIf,EAAc8B,EAAc,GAC9BD,IAAsBC,KAGtBD,IAAsB,CAAC3B,EAA0B,EACjDiB,QAAQC,KACN,0FAA0FlB,EAAyB,SACpH;;AAIL,QAAO2B;EACP"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useAtomValue as e } from "../store.js";
|
|
2
|
-
import {
|
|
2
|
+
import { availableTradeModesAtom as t } from "./enabledTradeModesAtom.js";
|
|
3
3
|
import { atom as n } from "jotai";
|
|
4
4
|
//#region src/core/state/tradeModeAtom.ts
|
|
5
5
|
var r = n("swap"), i = n((e) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tradeModeAtom.js","names":["atom","useAtomValue","
|
|
1
|
+
{"version":3,"file":"tradeModeAtom.js","names":["atom","useAtomValue","availableTradeModesAtom","TradeMode","userTradeModeAtom","tradeModeAtom","get","userTradeMode","availableTradeModes","includes","useTradeMode"],"sources":["../../../src/core/state/tradeModeAtom.ts"],"sourcesContent":["import { atom } from \"jotai\";\nimport { useAtomValue } from \"@/core/store\";\nimport { availableTradeModesAtom } from \"./enabledTradeModesAtom\";\n\nexport type TradeMode = \"swap\" | \"limit\" | \"otc\" | \"twap\";\n\n// atom to store user selected trade mode\nexport const userTradeModeAtom = atom<TradeMode>(\"swap\");\n\n// derived atom to get effective trade mode based on enabled modes\nexport const tradeModeAtom = atom<TradeMode>((get) => {\n const userTradeMode = get(userTradeModeAtom);\n const availableTradeModes = get(availableTradeModesAtom);\n // prioritize user selected mode if it's available\n if (availableTradeModes.includes(userTradeMode)) return userTradeMode;\n // otherwise fallback to the first enabled mode\n return availableTradeModes[0];\n});\n\nexport const useTradeMode = () => {\n return useAtomValue(tradeModeAtom);\n};\n"],"mappings":";;;;AAOA,IAAaI,IAAoBJ,EAAgB,OAAO,EAG3CK,IAAgBL,GAAiBM,MAAQ;CACpD,IAAMC,IAAgBD,EAAIF,EAAkB,EACtCI,IAAsBF,EAAIJ,EAAwB;AAIxD,QAFIM,EAAoBC,SAASF,EAAc,GAASA,IAEjDC,EAAoB;EAC3B,EAEWE,UACJT,EAAaI,EAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSwapDetailsListProps.d.ts","sourceRoot":"","sources":["../../../src/core/swapDetails/useSwapDetailsListProps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,kCAAkC,EACnC,MAAM,mCAAmC,CAAC;AAoB3C,eAAO,MAAM,uBAAuB,QAC9B,
|
|
1
|
+
{"version":3,"file":"useSwapDetailsListProps.d.ts","sourceRoot":"","sources":["../../../src/core/swapDetails/useSwapDetailsListProps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,kCAAkC,EACnC,MAAM,mCAAmC,CAAC;AAoB3C,eAAO,MAAM,uBAAuB,QAC9B,kCA2FH,CAAC"}
|