npm - @velora-dex/widget - Versions diffs - 0.8.1 → 0.8.3-dev.0 - Mend

@velora-dex/widget 0.8.1 → 0.8.3-dev.0

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.

Files changed (692) hide show

package/dist/components/widget/OtcOrderItem/OtcOrderListItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OtcOrderListItem.js","names":["OtcOrderItem","cn","shortenAddress","LimitOrderFromApi","Rate","TimeTillExpiry","TradeAndNetwork","LimitOrderStateChecker","OtcOrdersListItem","t0","$","_c","orderItem","onClick","t1","t2","t3","t4","Symbol","for","t5","taker","undefined","t6","t7","StatusBadge","state","success","has","failed","active","rateClasses","left","right","RateAndStatus","extra","expiry"],"sources":["../../../../src/components/widget/OtcOrderItem/OtcOrderListItem.tsx"],"sourcesContent":["import type { OtcOrderItem } from \"./types\";\nimport { cn, shortenAddress } from \"@/lib/utils\";\nimport type { LimitOrderFromApi } from \"@velora-dex/sdk\";\n\nimport {\n Rate,\n TimeTillExpiry,\n TradeAndNetwork,\n} from \"../LimitOrderItem/LimitOrderListItem\";\nimport { LimitOrderStateChecker } from \"@/hooks/otc/queries/utils\";\n\nexport const OtcOrdersListItem = ({\n orderItem,\n onClick,\n}: {\n orderItem: OtcOrderItem;\n onClick: (orderItem: OtcOrderItem) => void;\n}) => {\n return (\n <div\n className={\"bg-white dark:bg-contrast-3 p-4 rounded-sm cursor-pointer\"}\n onClick={() => onClick(orderItem)}\n >\n <TradeAndNetwork {...orderItem} />\n <RateAndStatus {...orderItem} />\n <div className=\"text-xs\">\n <span className=\"text-contrast-5 dark:text-contrast-5\">Receiver</span>{\" \"}\n <span className=\"dark:text-contrast-7\">\n {shortenAddress(orderItem.taker, undefined, 6)}\n </span>\n </div>\n </div>\n );\n};\n\nexport const StatusBadge = ({ state }: Pick<LimitOrderFromApi, \"state\">) => {\n const success = LimitOrderStateChecker.success.has(state);\n const failed = LimitOrderStateChecker.failed.has(state);\n const active = LimitOrderStateChecker.active.has(state);\n\n return (\n <div\n className={cn(\"text-[10px] p-0.5 px-2 rounded-lg w-max\", {\n \"text-secondary-shamrock-green-2 bg-[#00976733]\": success,\n \"text-secondary-radical-red-1 bg-[#FF3B301A]\": failed,\n \"text-secondary-orange-peel-1 bg-[#FF950033]\": active,\n })}\n >\n {state}\n </div>\n );\n};\n\nconst rateClasses = {\n left: \"dark:text-contrast-7\",\n right: \"text-contrast-5\",\n};\n\nconst RateAndStatus = ({ state, extra, expiry }: OtcOrderItem) => {\n const active = LimitOrderStateChecker.active.has(state);\n\n return (\n <div className=\"flex items-center justify-between pb-4\">\n <Rate extra={extra} classes={rateClasses} />\n <div className=\"flex items-center gap-1\">\n {active && <TimeTillExpiry deadline={expiry} />}\n <StatusBadge state={state} />\n </div>\n </div>\n );\n};\n"],"mappings":";;;;;;AAWA,IAAaQ,KAAoBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAC,cAAAC,eAAAJ,GAMjCK;~~AAAA~~,~~CAAAJ~~,EAAA,OAAAG,KAAAH,EAAA,OAAAE,KAIcE,UAAMD,EAAQD,EAAU,EAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAE,GAAAF,EAAA,KAAAI,KAAAA,IAAAJ,EAAA;CAAA,IAAAK,GAAAC;~~AAAA~~,~~CAAAN~~,EAAA,OAAAE,KAGDG,IAAAL,EAAA,IAAAM,IAAAN,EAAA,OADhCK,IAAA,kBAAC,GAAD,EAAgB,GAAKH,GAAa,CAAA,EAClCI,IAAA,kBAAC,GAAD,EAAc,GAAKJ,GAAa,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAK,GAAAL,EAAA,KAAAM;CAAA,IAAAC;~~AAAA~~,~~CAAAP~~,EAAA,OAAAQ,OAAAC,IAAA,4BAAA,IAE9BF,IAAA,kBAAA,QAAA;EAAgB,WAAA;YAAuC;EAAe,CAAA,EAAAP,EAAA,KAAAO,KAAAA,IAAAP,EAAA;CAAA,IAAAU;~~AAAA~~,~~CAAAV~~,EAAA,OAAAE,EAAAS,QAEtBD,IAAAV,EAAA,MAA7CU,IAAAlB,EAAeU,EAASS,OAAQC,KAAAA,GAAW,EAAE,EAAAZ,EAAA,KAAAE,EAAAS,OAAAX,EAAA,KAAAU;CAAA,IAAAG;~~AAAA~~,~~CAAAb~~,EAAA,OAAAU,IAE5CG,IAAAb,EAAA,OALNa,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf;GACEN;GAAuE;GACvE,kBAAA,QAAA;IAAgB,WAAA;cACbG;IAEL,CAAA;GAAM;KAAAV,EAAA,KAAAU,GAAAV,EAAA,MAAAa;CAAA,IAAAC;~~AACF~~,~~QADEd~~,EAAA,QAAAI,KAAAJ,EAAA,QAAAK,KAAAL,EAAA,QAAAM,KAAAN,EAAA,QAAAa,KAXRC,IAAA,kBAAA,OAAA;EACa,WAAA;EACF,SAAAV;YAFX;GAIEC;GACAC;GACAO;GAMI;KAAAb,EAAA,MAAAI,GAAAJ,EAAA,MAAAK,GAAAL,EAAA,MAAAM,GAAAN,EAAA,MAAAa,GAAAb,EAAA,MAAAc,KAAAA,IAAAd,EAAA,KAZNc;GAgBSC,KAAchB,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAe,aAAAjB,GAA2CK;~~AAAA~~,~~KAAAJ~~,EAAA,OAAAgB,~~GAAA~~;~~EACrE~~,~~IAAAC~~,~~IAAgBpB,~~EAAsBoB,QAAQC,IAAKF,~~EAAM~~,~~EACzDG,IAAetB,~~EAAsBsB,OAAOD,IAAKF,EAAM,~~EACvDI,IAAevB,~~EAAsBuB,OAAOF,IAAKF,~~EAAM~~;~~AAQjDhB~~,~~EAJSI,IAAAb,EAAG,2CAA2C;GAAA,kDACL0B;GAAO,+CACVE;GAAM,+CACNC;GAChD,~~CAAC,EAAApB,EAAA,KAAAgB,GAAAhB,EAAA,KAAAI;~~OAAAA,KAAAJ,EAAA;~~CAAA,~~IAAAK~~;~~AAGE~~,~~QAHFL~~,EAAA,OAAAgB,KAAAhB,EAAA,OAAAI,KALJC,IAAA,kBAAA,OAAA;EACa,WAAAD;YAMVY;EACG,CAAA,EAAAhB,EAAA,KAAAgB,GAAAhB,EAAA,KAAAI,GAAAJ,EAAA,KAAAK,KAAAA,IAAAL,EAAA,IARNK;GAYEgB,IAAc;CAClBC,MAAM;CACNC,OAAO;CACR,EAEKC,KAAgBzB,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAe,UAAAS,UAAAC,cAAA3B,GAAsCK;~~AAAA~~,~~CAAAJ~~,EAAA,OAAAgB,IACJZ,IAAAJ,EAAA,MAAxCI,IAAAP,EAAsBuB,OAAOF,IAAKF,EAAM,EAAAhB,EAAA,KAAAgB,GAAAhB,EAAA,KAAAI;CAAvD,IAAAgB,IAAehB,GAAyCC;~~AAAA~~,~~CAAAL~~,EAAA,OAAAyB,IAIRpB,IAAAL,EAAA,MAA5CK,IAAA,kBAAC,GAAD;EAAaoB;EAAgBJ,SAAAA;EAAe,CAAA,EAAArB,EAAA,KAAAyB,GAAAzB,EAAA,KAAAK;CAAA,IAAAC;~~AAAA~~,~~CAAAN~~,EAAA,OAAAoB,KAAApB,EAAA,OAAA0B,KAEzCpB,IAAAc,KAAU,kBAAC,GAAD,EAA0BM,UAAAA,GAAU,CAAA,EAAA1B,EAAA,KAAAoB,GAAApB,EAAA,KAAA0B,GAAA1B,EAAA,KAAAM,KAAAA,IAAAN,EAAA;CAAA,IAAAO;~~AAAA~~,~~CAAAP~~,EAAA,OAAAgB,IAClBT,IAAAP,EAAA,MAA7BO,IAAA,kBAAC,GAAD,EAAoBS,UAAS,CAAA,EAAAhB,EAAA,KAAAgB,GAAAhB,EAAA,KAAAO;CAAA,IAAAG;~~AAAA~~,~~CAAAV~~,EAAA,OAAAM,KAAAN,EAAA,QAAAO,KAF/BG,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACGJ,GACDC,EACI;KAAAP,EAAA,KAAAM,GAAAN,EAAA,MAAAO,GAAAP,EAAA,MAAAU,KAAAA,IAAAV,EAAA;CAAA,IAAAa;~~AACF~~,~~QADEb~~,EAAA,QAAAK,KAAAL,EAAA,QAAAU,KALRG,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACER,GACAK,EAII;KAAAV,EAAA,MAAAK,GAAAL,EAAA,MAAAU,GAAAV,EAAA,MAAAa,KAAAA,IAAAb,EAAA,KANNa"}
1	+ {"version":3,"file":"OtcOrderListItem.js","names":["OtcOrderItem","cn","shortenAddress","LimitOrderFromApi","Rate","TimeTillExpiry","TradeAndNetwork","LimitOrderStateChecker","OtcOrdersListItem","t0","$","_c","orderItem","onClick","t1","t2","t3","t4","Symbol","for","t5","taker","undefined","t6","t7","StatusBadge","state","success","has","failed","active","rateClasses","left","right","RateAndStatus","extra","expiry"],"sources":["../../../../src/components/widget/OtcOrderItem/OtcOrderListItem.tsx"],"sourcesContent":["import type { OtcOrderItem } from \"./types\";\nimport { cn, shortenAddress } from \"@/lib/utils\";\nimport type { LimitOrderFromApi } from \"@velora-dex/sdk\";\n\nimport {\n Rate,\n TimeTillExpiry,\n TradeAndNetwork,\n} from \"../LimitOrderItem/LimitOrderListItem\";\nimport { LimitOrderStateChecker } from \"@/hooks/otc/queries/utils\";\n\nexport const OtcOrdersListItem = ({\n orderItem,\n onClick,\n}: {\n orderItem: OtcOrderItem;\n onClick: (orderItem: OtcOrderItem) => void;\n}) => {\n return (\n <div\n className={\"bg-white dark:bg-contrast-3 p-4 rounded-sm cursor-pointer\"}\n onClick={() => onClick(orderItem)}\n >\n <TradeAndNetwork {...orderItem} />\n <RateAndStatus {...orderItem} />\n <div className=\"text-xs\">\n <span className=\"text-contrast-5 dark:text-contrast-5\">Receiver</span>{\" \"}\n <span className=\"dark:text-contrast-7\">\n {shortenAddress(orderItem.taker, undefined, 6)}\n </span>\n </div>\n </div>\n );\n};\n\nexport const StatusBadge = ({ state }: Pick<LimitOrderFromApi, \"state\">) => {\n const success = LimitOrderStateChecker.success.has(state);\n const failed = LimitOrderStateChecker.failed.has(state);\n const active = LimitOrderStateChecker.active.has(state);\n\n return (\n <div\n className={cn(\"text-[10px] p-0.5 px-2 rounded-lg w-max\", {\n \"text-secondary-shamrock-green-2 bg-[#00976733]\": success,\n \"text-secondary-radical-red-1 bg-[#FF3B301A]\": failed,\n \"text-secondary-orange-peel-1 bg-[#FF950033]\": active,\n })}\n >\n {state}\n </div>\n );\n};\n\nconst rateClasses = {\n left: \"dark:text-contrast-7\",\n right: \"text-contrast-5\",\n};\n\nconst RateAndStatus = ({ state, extra, expiry }: OtcOrderItem) => {\n const active = LimitOrderStateChecker.active.has(state);\n\n return (\n <div className=\"flex items-center justify-between pb-4\">\n <Rate extra={extra} classes={rateClasses} />\n <div className=\"flex items-center gap-1\">\n {active && <TimeTillExpiry deadline={expiry} />}\n <StatusBadge state={state} />\n </div>\n </div>\n );\n};\n"],"mappings":"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"}

package/dist/components/widget/OtcOrderItem/constants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"constants.js","names":["LIMIT_OF_ORDERS","OTC_ORDERS_QUERY_PARAMS","type","orderBy","limit","const"],"sources":["../../../../src/components/widget/OtcOrderItem/constants.ts"],"sourcesContent":["// fetch this many orders at once\n// corresponds to MAX_ORDERS_LIMIT in lo-service\nconst LIMIT_OF_ORDERS = 500;\n\nexport const OTC_ORDERS_QUERY_PARAMS = {\n type: \"P2P\",\n orderBy: \"updatedAt\",\n limit: LIMIT_OF_ORDERS,\n} as const;\n"],"mappings":"AAIA,IAAaC,IAA0B;CACrCC,MAAM;CACNC,SAAS;CACTC,~~OALsB~~;~~CAMvB~~"}
1	+ {"version":3,"file":"constants.js","names":["LIMIT_OF_ORDERS","OTC_ORDERS_QUERY_PARAMS","type","orderBy","limit","const"],"sources":["../../../../src/components/widget/OtcOrderItem/constants.ts"],"sourcesContent":["// fetch this many orders at once\n// corresponds to MAX_ORDERS_LIMIT in lo-service\nconst LIMIT_OF_ORDERS = 500;\n\nexport const OTC_ORDERS_QUERY_PARAMS = {\n type: \"P2P\",\n orderBy: \"updatedAt\",\n limit: LIMIT_OF_ORDERS,\n} as const;\n"],"mappings":"AAIA,IAAaC,IAA0B;CACrCC,MAAM;CACNC,SAAS;CACTC,OAAOJ;CACR"}

package/dist/components/widget/OtcOrderItem/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.js","names":["AllChainsTokenMap","prepTokenKey","isSupportedChainId","LimitOrderFromApi","OtcOrderItem","OtcOrderItemWithExtra","FillableOtcOrderItem","formatUnits","Address","Token","LimitOrderStateChecker","constructOtcOrderItem","order","allChainsTokenMap","account","srcAmount","makerAmount","destAmount","takerAmount","srcToken","destToken","srcAmountUnit","destAmountUnit","chainId","srcTokenKey","address","makerAsset","network","foundSrcToken","BigInt","decimals","destTokenKey","takerAsset","foundDestToken","userIsTaker","toLowerCase","taker","visualItemType","extra","itemType","filterByActiveAndCompletedOrders","limitOrders","activeOrders","completedOrders","forEach","active","has","state","push","isOtcOrderWithExtra","isFillableOrderItem"],"sources":["../../../../src/components/widget/OtcOrderItem/utils.ts"],"sourcesContent":["import type { AllChainsTokenMap } from \"@/hooks/tokens/types\";\nimport { prepTokenKey } from \"@/hooks/tokens/useTokensByAddress\";\nimport { isSupportedChainId } from \"@/lib/web3/wagmi/utils\";\nimport type { LimitOrderFromApi } from \"@velora-dex/sdk\";\nimport type {\n OtcOrderItem,\n OtcOrderItemWithExtra,\n FillableOtcOrderItem,\n} from \"./types\";\nimport { formatUnits, type Address } from \"viem\";\nimport type { Token } from \"@/tokens/state/types\";\nimport { LimitOrderStateChecker } from \"@/hooks/otc/queries/utils\";\n\nexport function constructOtcOrderItem(\n order: LimitOrderFromApi,\n allChainsTokenMap: AllChainsTokenMap,\n account?: Address\n): OtcOrderItem {\n const srcAmount = order.makerAmount;\n const destAmount = order.takerAmount;\n\n let srcToken: Token \| undefined;\n let destToken: Token \| undefined;\n\n let srcAmountUnit: string \| undefined;\n let destAmountUnit: string \| undefined;\n\n if (isSupportedChainId(order.chainId)) {\n const srcTokenKey = prepTokenKey({\n address: order.makerAsset,\n network: order.chainId,\n });\n\n const foundSrcToken = allChainsTokenMap[srcTokenKey];\n if (foundSrcToken) {\n srcToken = foundSrcToken;\n srcAmountUnit = formatUnits(BigInt(srcAmount), foundSrcToken.decimals);\n }\n\n const destTokenKey = prepTokenKey({\n address: order.takerAsset,\n network: order.chainId,\n });\n\n const foundDestToken = allChainsTokenMap[destTokenKey];\n if (foundDestToken) {\n destToken = foundDestToken;\n destAmountUnit = formatUnits(BigInt(destAmount), foundDestToken.decimals);\n }\n }\n\n const userIsTaker =\n !!account && account.toLowerCase() === order.taker.toLowerCase();\n\n const visualItemType = \"OTC\";\n\n const extra = userIsTaker\n ? {\n srcToken: destToken,\n destToken: srcToken,\n srcAmount: destAmount,\n destAmount: srcAmount,\n srcAmountUnit: destAmountUnit,\n destAmountUnit: srcAmountUnit,\n visualItemType,\n }\n : {\n srcToken,\n destToken,\n srcAmount,\n destAmount,\n srcAmountUnit,\n destAmountUnit,\n visualItemType,\n };\n\n return {\n ...order,\n extra,\n userIsTaker,\n itemType: \"otc-order\",\n };\n}\n\nexport function filterByActiveAndCompletedOrders(limitOrders: OtcOrderItem[]) {\n const activeOrders: OtcOrderItem[] = [];\n const completedOrders: OtcOrderItem[] = [];\n\n limitOrders.forEach((order) => {\n if (LimitOrderStateChecker.active.has(order.state)) {\n activeOrders.push(order);\n } else {\n completedOrders.push(order);\n }\n });\n\n return { activeOrders, completedOrders };\n}\n\nexport function isOtcOrderWithExtra(\n order: OtcOrderItem\n): order is OtcOrderItemWithExtra {\n const { srcToken, destToken, srcAmountUnit, destAmountUnit } = order.extra;\n return !!(srcToken && destToken && srcAmountUnit && destAmountUnit);\n}\n\nexport function isFillableOrderItem(\n order: OtcOrderItem\n): order is FillableOtcOrderItem {\n return !!(\n isOtcOrderWithExtra(order) &&\n order.userIsTaker &&\n LimitOrderStateChecker.active.has(order.state)\n );\n}\n"],"mappings":";;;;;AAaA,SAAgBW,EACdC,GACAC,GACAC,GACc;CACd,IAAMC,IAAYH,EAAMI,aAClBC,IAAaL,EAAMM,aAErBC,GACAC,GAEAC,GACAC;~~AAEJ~~,~~KAAIpB~~,EAAmBU,EAAMW,QAAQ,EAAE;EAMrC,IAAMK,IAAgBf,EALFZ,EAAa;GAC/BwB,SAASb,EAAMc;GACfC,SAASf,EAAMW;GAChB,~~CAAC~~;~~AAGF~~,~~EAAIK~~,MACFT,IAAWS,GACXP,IAAgBd,EAAYsB,OAAOd,EAAU,EAAEa,EAAcE,SAAS;EAQxE,IAAMG,IAAiBpB,EALFZ,EAAa;GAChCwB,SAASb,EAAMoB;GACfL,SAASf,EAAMW;GAChB,~~CAAC~~;~~AAGF~~,~~EAAIU~~,MACFb,IAAYa,GACZX,IAAiBf,EAAYsB,OAAOZ,EAAW,EAAEgB,EAAeH,SAAS;;CAI7E,IAAMI,IACJ,CAAC,CAACpB,KAAWA,EAAQqB,aAAa,KAAKvB,EAAMwB,MAAMD,aAAa,EAI5DG,IAAQJ,IACV;EACEf,UAAUC;EACVA,WAAWD;EACXJ,WAAWE;EACXA,YAAYF;EACZM,eAAeC;EACfA,gBAAgBD;EAChBgB;EACD,GACD;EACElB;EACAC;EACAL;EACAE;EACAI;EACAC;EACAe;EACD;~~AAEL~~,~~QAAO~~;EACL,GAAGzB;EACH0B;EACAJ;EACAK,UAAU;EACX;;AAGH,SAAgBC,EAAiCC,GAA6B;CAC5E,IAAMC,IAA+B,EAAE,EACjCC,IAAkC,EAAE;~~AAU1C~~,~~QARAF~~,EAAYG,SAAShC,MAAU;~~AAC7B~~,~~EAAIF~~,EAAuBmC,OAAOC,IAAIlC,EAAMmC,MAAM,GAChDL,EAAaM,KAAKpC,EAAM,GAExB+B,EAAgBK,KAAKpC,EAAM;GAE7B,EAEK;EAAE8B;EAAcC;EAAiB;;AAG1C,SAAgBM,EACdrC,GACgC;CAChC,IAAM,EAAEO,aAAUC,cAAWC,kBAAeC,sBAAmBV,EAAM0B;~~AACrE~~,~~QAAO~~,CAAC,EAAEnB,KAAYC,KAAaC,KAAiBC;;AAGtD,SAAgB4B,EACdtC,GAC+B;~~AAC~~/B,~~QAAO~~,CAAC,EACNqC,EAAoBrC,EAAM,IAC1BA,EAAMsB,eACNxB,EAAuBmC,OAAOC,IAAIlC,EAAMmC,MAAM"}
1	+ {"version":3,"file":"utils.js","names":["AllChainsTokenMap","prepTokenKey","isSupportedChainId","LimitOrderFromApi","OtcOrderItem","OtcOrderItemWithExtra","FillableOtcOrderItem","formatUnits","Address","Token","LimitOrderStateChecker","constructOtcOrderItem","order","allChainsTokenMap","account","srcAmount","makerAmount","destAmount","takerAmount","srcToken","destToken","srcAmountUnit","destAmountUnit","chainId","srcTokenKey","address","makerAsset","network","foundSrcToken","BigInt","decimals","destTokenKey","takerAsset","foundDestToken","userIsTaker","toLowerCase","taker","visualItemType","extra","itemType","filterByActiveAndCompletedOrders","limitOrders","activeOrders","completedOrders","forEach","active","has","state","push","isOtcOrderWithExtra","isFillableOrderItem"],"sources":["../../../../src/components/widget/OtcOrderItem/utils.ts"],"sourcesContent":["import type { AllChainsTokenMap } from \"@/hooks/tokens/types\";\nimport { prepTokenKey } from \"@/hooks/tokens/useTokensByAddress\";\nimport { isSupportedChainId } from \"@/lib/web3/wagmi/utils\";\nimport type { LimitOrderFromApi } from \"@velora-dex/sdk\";\nimport type {\n OtcOrderItem,\n OtcOrderItemWithExtra,\n FillableOtcOrderItem,\n} from \"./types\";\nimport { formatUnits, type Address } from \"viem\";\nimport type { Token } from \"@/tokens/state/types\";\nimport { LimitOrderStateChecker } from \"@/hooks/otc/queries/utils\";\n\nexport function constructOtcOrderItem(\n order: LimitOrderFromApi,\n allChainsTokenMap: AllChainsTokenMap,\n account?: Address\n): OtcOrderItem {\n const srcAmount = order.makerAmount;\n const destAmount = order.takerAmount;\n\n let srcToken: Token \| undefined;\n let destToken: Token \| undefined;\n\n let srcAmountUnit: string \| undefined;\n let destAmountUnit: string \| undefined;\n\n if (isSupportedChainId(order.chainId)) {\n const srcTokenKey = prepTokenKey({\n address: order.makerAsset,\n network: order.chainId,\n });\n\n const foundSrcToken = allChainsTokenMap[srcTokenKey];\n if (foundSrcToken) {\n srcToken = foundSrcToken;\n srcAmountUnit = formatUnits(BigInt(srcAmount), foundSrcToken.decimals);\n }\n\n const destTokenKey = prepTokenKey({\n address: order.takerAsset,\n network: order.chainId,\n });\n\n const foundDestToken = allChainsTokenMap[destTokenKey];\n if (foundDestToken) {\n destToken = foundDestToken;\n destAmountUnit = formatUnits(BigInt(destAmount), foundDestToken.decimals);\n }\n }\n\n const userIsTaker =\n !!account && account.toLowerCase() === order.taker.toLowerCase();\n\n const visualItemType = \"OTC\";\n\n const extra = userIsTaker\n ? {\n srcToken: destToken,\n destToken: srcToken,\n srcAmount: destAmount,\n destAmount: srcAmount,\n srcAmountUnit: destAmountUnit,\n destAmountUnit: srcAmountUnit,\n visualItemType,\n }\n : {\n srcToken,\n destToken,\n srcAmount,\n destAmount,\n srcAmountUnit,\n destAmountUnit,\n visualItemType,\n };\n\n return {\n ...order,\n extra,\n userIsTaker,\n itemType: \"otc-order\",\n };\n}\n\nexport function filterByActiveAndCompletedOrders(limitOrders: OtcOrderItem[]) {\n const activeOrders: OtcOrderItem[] = [];\n const completedOrders: OtcOrderItem[] = [];\n\n limitOrders.forEach((order) => {\n if (LimitOrderStateChecker.active.has(order.state)) {\n activeOrders.push(order);\n } else {\n completedOrders.push(order);\n }\n });\n\n return { activeOrders, completedOrders };\n}\n\nexport function isOtcOrderWithExtra(\n order: OtcOrderItem\n): order is OtcOrderItemWithExtra {\n const { srcToken, destToken, srcAmountUnit, destAmountUnit } = order.extra;\n return !!(srcToken && destToken && srcAmountUnit && destAmountUnit);\n}\n\nexport function isFillableOrderItem(\n order: OtcOrderItem\n): order is FillableOtcOrderItem {\n return !!(\n isOtcOrderWithExtra(order) &&\n order.userIsTaker &&\n LimitOrderStateChecker.active.has(order.state)\n );\n}\n"],"mappings":";;;;;AAaA,SAAgBW,EACdC,GACAC,GACAC,GACc;CACd,IAAMC,IAAYH,EAAMI,aAClBC,IAAaL,EAAMM,aAErBC,GACAC,GAEAC,GACAC;CAEJ,IAAIpB,EAAmBU,EAAMW,QAAQ,EAAE;EAMrC,IAAMK,IAAgBf,EALFZ,EAAa;GAC/BwB,SAASb,EAAMc;GACfC,SAASf,EAAMW;GAChB,CAEuCC;EACxC,AAAII,MACFT,IAAWS,GACXP,IAAgBd,EAAYsB,OAAOd,EAAU,EAAEa,EAAcE,SAAS;EAQxE,IAAMG,IAAiBpB,EALFZ,EAAa;GAChCwB,SAASb,EAAMoB;GACfL,SAASf,EAAMW;GAChB,CAEwCQ;EACzC,AAAIE,MACFb,IAAYa,GACZX,IAAiBf,EAAYsB,OAAOZ,EAAW,EAAEgB,EAAeH,SAAS;;CAI7E,IAAMI,IACJ,CAAC,CAACpB,KAAWA,EAAQqB,aAAa,KAAKvB,EAAMwB,MAAMD,aAAa,EAI5DG,IAAQJ,IACV;EACEf,UAAUC;EACVA,WAAWD;EACXJ,WAAWE;EACXA,YAAYF;EACZM,eAAeC;EACfA,gBAAgBD;EAChBgB;EACD,GACD;EACElB;EACAC;EACAL;EACAE;EACAI;EACAC;EACAe;EACD;CAEL,OAAO;EACL,GAAGzB;EACH0B;EACAJ;EACAK,UAAU;EACX;;AAGH,SAAgBC,EAAiCC,GAA6B;CAC5E,IAAMC,IAA+B,EAAE,EACjCC,IAAkC,EAAE;CAU1C,OARAF,EAAYG,SAAShC,MAAU;EAC7B,AAAIF,EAAuBmC,OAAOC,IAAIlC,EAAMmC,MAAM,GAChDL,EAAaM,KAAKpC,EAAM,GAExB+B,EAAgBK,KAAKpC,EAAM;GAE7B,EAEK;EAAE8B;EAAcC;EAAiB;;AAG1C,SAAgBM,EACdrC,GACgC;CAChC,IAAM,EAAEO,aAAUC,cAAWC,kBAAeC,sBAAmBV,EAAM0B;CACrE,OAAO,CAAC,EAAEnB,KAAYC,KAAaC,KAAiBC;;AAGtD,SAAgB4B,EACdtC,GAC+B;CAC/B,OAAO,CAAC,EACNqC,EAAoBrC,EAAM,IAC1BA,EAAMsB,eACNxB,EAAuBmC,OAAOC,IAAIlC,EAAMmC,MAAM"}

package/dist/components/widget/PayReceiveInfo/PayReceiveInfo.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PayReceiveInfo.js","names":["ArrowDown","TokenBadge","Line","PayReceiveInfoProps","TokenProps","NetworkWithIcon","formatFiatPrice","cn","WithClasses","PayReceiveInfo","t0","$","_c","topToken","bottomToken","classes","t1","root","t2","t3","t4","t5","t6","MiddleSection","Symbol","for","line","networkWithIconClasses","name","icon","const","TokenInfo","token","label","extraLabel","tokenBadgeProps","showNetwork","usdAmount","section","chainId","t7","undefined","t8","t9","t10"],"sources":["../../../../src/components/widget/PayReceiveInfo/PayReceiveInfo.tsx"],"sourcesContent":["import { ArrowDown } from \"lucide-react\";\nimport { TokenBadge } from \"../TokenBadge/TokenBadge\";\nimport { Line } from \"../Line/Line\";\nimport type { PayReceiveInfoProps, TokenProps } from \"./types\";\nimport { NetworkWithIcon } from \"../NetworkWithIcon/NetworkWithIcon\";\nimport { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\nimport { cn } from \"@/lib/utils\";\nimport type { WithClasses } from \"@/types/withClasses\";\n\nexport const PayReceiveInfo = ({\n topToken,\n bottomToken,\n classes,\n}: PayReceiveInfoProps) => {\n return (\n <div\n className={cn(\n \"bg-contrast-9 dark:bg-contrast-2 rounded-sm border border-contrast-7 dark:border-contrast-3\",\n classes?.root\n )}\n >\n <TokenInfo token={topToken} classes={topToken.classes} />\n <MiddleSection classes={classes} />\n <TokenInfo token={bottomToken} classes={bottomToken.classes} />\n </div>\n );\n};\n\nconst MiddleSection = ({ classes }: WithClasses<\"line\">) => (\n <div className=\"relative\">\n <div className=\"flex items-center justify-center absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 bg-contrast-7 dark:bg-contrast-3 w-6 h-6 rounded-full z-10\">\n <ArrowDown\n className={\"stroke-contrast-5 dark:stroke-contrast-7\"}\n size={16}\n />\n </div>\n <Line className={classes?.line} />\n </div>\n);\n\nconst networkWithIconClasses = {\n name: \"text-contrast-5 text-[10px]\",\n icon: \"size-[11px]\",\n} as const;\n\nconst TokenInfo = ({\n token,\n classes,\n}: {\n token: TokenProps;\n} & WithClasses<\"root\" \| \"section\">) => {\n const { label, extraLabel, tokenBadgeProps, showNetwork, usdAmount } = token;\n return (\n <div className={classes?.root}>\n <div\n className={cn(\n \"px-4 py-6 flex justify-between font-medium\",\n classes?.section\n )}\n >\n <div className=\"dark:text-contrast-7 text-sm flex flex-col gap-2\">\n {label}\n {extraLabel}\n {showNetwork && (\n <NetworkWithIcon\n networkId={tokenBadgeProps.chainId}\n classes={networkWithIconClasses}\n />\n )}\n </div>\n <div className=\"dark:text-contrast-7 font-geist-mono flex flex-col gap-1 text-right\">\n <TokenBadge {...tokenBadgeProps} />\n {usdAmount !== undefined && (\n <div className=\"text-xs text-contrast-5\">\n ~{formatFiatPrice(usdAmount)}\n </div>\n )}\n </div>\n </div>\n </div>\n );\n};\n"],"mappings":";;;;;;;;;AASA,IAAaS,KAAiBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAC,aAAAC,gBAAAC,eAAAL,GASvBM,IAAAD,GAAOE,MAAMC;~~AAAA~~,~~CAAAP~~,EAAA,OAAAK,IACdE,IAAAP,EAAA,MAHUO,IAAAX,EACT,+FACAS,EACD,EAAAL,EAAA,KAAAK,GAAAL,EAAA,KAAAO;CAAA,IAAAC;~~AAAA~~,~~CAAAR~~,EAAA,OAAAE,IAEwDM,IAAAR,EAAA,MAAzDQ,IAAA,kBAAC,GAAD;EAAkBN,OAAAA;EAAmB,SAAAA,EAAQE;EAAY,CAAA,EAAAJ,EAAA,KAAAE,GAAAF,EAAA,KAAAQ;CAAA,IAAAC;~~AAAA~~,~~CAAAT~~,EAAA,OAAAI,IACtBK,IAAAT,EAAA,MAAnCS,IAAA,kBAAC,GAAD,EAAwBL,YAAW,CAAA,EAAAJ,EAAA,KAAAI,GAAAJ,EAAA,KAAAS;CAAA,IAAAC;~~AAAA~~,~~CAAAV~~,EAAA,OAAAG,IAC4BO,IAAAV,EAAA,MAA/DU,IAAA,kBAAC,GAAD;EAAkBP,OAAAA;EAAsB,SAAAA,EAAWC;EAAY,CAAA,EAAAJ,EAAA,KAAAG,GAAAH,EAAA,KAAAU;CAAA,IAAAC;~~AAC3D~~,~~QAD2DX~~,EAAA,OAAAO,KAAAP,EAAA,OAAAQ,KAAAR,EAAA,QAAAS,KAAAT,EAAA,QAAAU,KARjEC,IAAA,kBAAA,OAAA;EACa,WAAAJ;YADb;GAMEC;GACAC;GACAC;GACI;KAAAV,EAAA,KAAAO,GAAAP,EAAA,KAAAQ,GAAAR,EAAA,MAAAS,GAAAT,EAAA,MAAAU,GAAAV,EAAA,MAAAW,KAAAA,IAAAX,EAAA,KATNW;GAaEC,KAAgBb,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAG,eAAAL,GAAgCM;~~AAAA~~,~~CAAAL~~,EAAA,OAAAa,OAAAC,IAAA,4BAAA,IAEnDT,IAAA,kBAAA,OAAA;EAAe,WAAA;YACb,kBAAC,GAAD;GACa,WAAA;GACL,MAAA;GAEV,CAAA;EAAM,CAAA,EAAAL,EAAA,KAAAK,KAAAA,IAAAL,EAAA;CACW,IAAAO,IAAAH,GAAOW,MAAMP;~~AAC1B~~,~~QAD0BR~~,EAAA,OAAAO,IAC1BC,IAAAR,EAAA,MARNQ,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACEH,GAMA,kBAAC,GAAD,EAAiB,WAAAE,GACnB,CAAA,CAAM;KAAAP,EAAA,KAAAO,GAAAP,EAAA,KAAAQ,IARNA;GAWIQ,IAAyB;CAC7BC,MAAM;CACNC,MAAM;CACP,EAEKE,KAAYrB,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAoB,UAAAjB,eAAAL,GAMjB,EAAAuB,UAAAC,eAAAC,oBAAAC,gBAAAC,iBAAuEL,GAErDhB,IAAAD,GAAOE,MAIjBC,IAAAH,GAAOuB,SAASnB;~~AAAA~~,~~CAAAR~~,EAAA,OAAAO,IACjBC,IAAAR,EAAA,MAHUQ,IAAAZ,EACT,8CACAW,EACD,EAAAP,EAAA,KAAAO,GAAAP,EAAA,KAAAQ;CAAA,IAAAC;~~AAAA~~,~~CAAAT~~,EAAA,OAAAyB,KAAAzB,EAAA,OAAAwB,KAKEf,IAAAgB,KACC,kBAAC,GAAD;EACa,WAAAD,EAAeI;EACjBZ,SAAAA;EAEZ,CAAA,EAAAhB,EAAA,KAAAyB,GAAAzB,EAAA,KAAAwB,GAAAxB,EAAA,KAAAS,KAAAA,IAAAT,EAAA;CAAA,IAAAU;~~AAAA~~,~~CAAAV~~,EAAA,OAAAuB,KAAAvB,EAAA,OAAAsB,KAAAtB,EAAA,OAAAS,KARHC,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf;GACGY;GACAC;GACAd;GAMG;KAAAT,EAAA,KAAAuB,GAAAvB,EAAA,KAAAsB,GAAAtB,EAAA,KAAAS,GAAAT,EAAA,KAAAU,KAAAA,IAAAV,EAAA;CAAA,IAAAW;~~AAAA~~,~~CAAAX~~,EAAA,OAAAwB,IAE+Bb,IAAAX,EAAA,OAAnCW,IAAA,kBAAC,GAAD,EAAW,GAAKa,GAAmB,CAAA,EAAAxB,EAAA,KAAAwB,GAAAxB,EAAA,MAAAW;CAAA,IAAAkB;~~AAAA~~,~~CAAA7B~~,EAAA,QAAA0B,IAKlCG,IAAA7B,EAAA,OAJA6B,IAAAH,MAAcI,KAAAA,KACb,kBAAA,OAAA;EAAe,WAAA;YAAf,CAAyC,KACrCnC,EAAgB+B,EAAS,CAE9B;KAAA1B,EAAA,MAAA0B,GAAA1B,EAAA,MAAA6B;CAAA,IAAAE;AAAA~~,CAAA~~/B,EAAA,QAAAW,KAAAX,EAAA,QAAA6B,KANHE,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACEpB,GACCkB,EAKG;KAAA7B,EAAA,MAAAW,GAAAX,EAAA,MAAA6B,GAAA7B,EAAA,MAAA+B,KAAAA,IAAA/B,EAAA;CAAA,IAAAgC;~~AAAA~~,~~CAAAhC~~,EAAA,QAAAQ,KAAAR,EAAA,QAAAU,KAAAV,EAAA,QAAA+B,KAvBRC,IAAA,kBAAA,OAAA;EACa,WAAAxB;YADb,CAMEE,GAUAqB,EAQI;KAAA/B,EAAA,MAAAQ,GAAAR,EAAA,MAAAU,GAAAV,EAAA,MAAA+B,GAAA/B,EAAA,MAAAgC,KAAAA,IAAAhC,EAAA;CAAA,IAAAiC;~~AACF~~,~~QADEjC~~,EAAA,QAAAK,KAAAL,EAAA,QAAAgC,KAzBRC,IAAA,kBAAA,OAAA;EAAgB,WAAA5B;YACd2B;EAyBI,CAAA,EAAAhC,EAAA,MAAAK,GAAAL,EAAA,MAAAgC,GAAAhC,EAAA,MAAAiC,KAAAA,IAAAjC,EAAA,KA1BNiC"}
1	+ {"version":3,"file":"PayReceiveInfo.js","names":["ArrowDown","TokenBadge","Line","PayReceiveInfoProps","TokenProps","NetworkWithIcon","formatFiatPrice","cn","WithClasses","PayReceiveInfo","t0","$","_c","topToken","bottomToken","classes","t1","root","t2","t3","t4","t5","t6","MiddleSection","Symbol","for","line","networkWithIconClasses","name","icon","const","TokenInfo","token","label","extraLabel","tokenBadgeProps","showNetwork","usdAmount","section","chainId","t7","undefined","t8","t9","t10"],"sources":["../../../../src/components/widget/PayReceiveInfo/PayReceiveInfo.tsx"],"sourcesContent":["import { ArrowDown } from \"lucide-react\";\nimport { TokenBadge } from \"../TokenBadge/TokenBadge\";\nimport { Line } from \"../Line/Line\";\nimport type { PayReceiveInfoProps, TokenProps } from \"./types\";\nimport { NetworkWithIcon } from \"../NetworkWithIcon/NetworkWithIcon\";\nimport { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\nimport { cn } from \"@/lib/utils\";\nimport type { WithClasses } from \"@/types/withClasses\";\n\nexport const PayReceiveInfo = ({\n topToken,\n bottomToken,\n classes,\n}: PayReceiveInfoProps) => {\n return (\n <div\n className={cn(\n \"bg-contrast-9 dark:bg-contrast-2 rounded-sm border border-contrast-7 dark:border-contrast-3\",\n classes?.root\n )}\n >\n <TokenInfo token={topToken} classes={topToken.classes} />\n <MiddleSection classes={classes} />\n <TokenInfo token={bottomToken} classes={bottomToken.classes} />\n </div>\n );\n};\n\nconst MiddleSection = ({ classes }: WithClasses<\"line\">) => (\n <div className=\"relative\">\n <div className=\"flex items-center justify-center absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 bg-contrast-7 dark:bg-contrast-3 w-6 h-6 rounded-full z-10\">\n <ArrowDown\n className={\"stroke-contrast-5 dark:stroke-contrast-7\"}\n size={16}\n />\n </div>\n <Line className={classes?.line} />\n </div>\n);\n\nconst networkWithIconClasses = {\n name: \"text-contrast-5 text-[10px]\",\n icon: \"size-[11px]\",\n} as const;\n\nconst TokenInfo = ({\n token,\n classes,\n}: {\n token: TokenProps;\n} & WithClasses<\"root\" \| \"section\">) => {\n const { label, extraLabel, tokenBadgeProps, showNetwork, usdAmount } = token;\n return (\n <div className={classes?.root}>\n <div\n className={cn(\n \"px-4 py-6 flex justify-between font-medium\",\n classes?.section\n )}\n >\n <div className=\"dark:text-contrast-7 text-sm flex flex-col gap-2\">\n {label}\n {extraLabel}\n {showNetwork && (\n <NetworkWithIcon\n networkId={tokenBadgeProps.chainId}\n classes={networkWithIconClasses}\n />\n )}\n </div>\n <div className=\"dark:text-contrast-7 font-geist-mono flex flex-col gap-1 text-right\">\n <TokenBadge {...tokenBadgeProps} />\n {usdAmount !== undefined && (\n <div className=\"text-xs text-contrast-5\">\n ~{formatFiatPrice(usdAmount)}\n </div>\n )}\n </div>\n </div>\n </div>\n );\n};\n"],"mappings":"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"}

package/dist/components/widget/PoweredBy/PoweredBy.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PoweredBy.js","names":["ReactComponent","VeloraSVG","PoweredBy","$","_c","t0","Symbol","for"],"sources":["../../../../src/components/widget/PoweredBy/PoweredBy.tsx"],"sourcesContent":["import { ReactComponent as VeloraSVG } from \"./assets/velora.svg\";\n\nexport const PoweredBy = () => {\n return (\n <div className=\"flex gap-[4.5px] items-center justify-center mt-4\">\n <VeloraSVG className=\"dark:fill-contrast-5\" />\n <div className=\"text-[10px] text-contrast-6 font-geist-mono\">\n Powered by Velora Protocol\n </div>\n </div>\n );\n};\n"],"mappings":";;;;AAEA,IAAaE,UAAY;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAAC;~~AAOf~~,~~QAPeF~~,EAAA,OAAAG,OAAAC,IAAA,4BAAA,IAErBF,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACE,kBAAC,GAAD,EAAqB,WAAA,wBACrB,CAAA,EAAA,kBAAA,OAAA;GAAe,WAAA;aAA8C;GAG/D,CAAA,CAAM;KAAAF,EAAA,KAAAE,KAAAA,IAAAF,EAAA,IALNE"}
1	+ {"version":3,"file":"PoweredBy.js","names":["ReactComponent","VeloraSVG","PoweredBy","$","_c","t0","Symbol","for"],"sources":["../../../../src/components/widget/PoweredBy/PoweredBy.tsx"],"sourcesContent":["import { ReactComponent as VeloraSVG } from \"./assets/velora.svg\";\n\nexport const PoweredBy = () => {\n return (\n <div className=\"flex gap-[4.5px] items-center justify-center mt-4\">\n <VeloraSVG className=\"dark:fill-contrast-5\" />\n <div className=\"text-[10px] text-contrast-6 font-geist-mono\">\n Powered by Velora Protocol\n </div>\n </div>\n );\n};\n"],"mappings":";;;;AAEA,IAAaE,UAAY;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAAC;CAOf,OAPeF,EAAA,OAAAG,OAAAC,IAAA,4BAAA,IAErBF,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACE,kBAAC,GAAD,EAAqB,WAAA,wBACrB,CAAA,EAAA,kBAAA,OAAA;GAAe,WAAA;aAA8C;GAG/D,CAAA,CAAM;KAAAF,EAAA,KAAAE,KAAAA,IAAAF,EAAA,IALNE"}

package/dist/components/widget/ReceiverAddress/ReceiverAddress.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ReceiverAddress.js","names":["cn","ReceiverAddressProps","SquarePen","ControlledDrawer","ReceiverAddressContent","useDrawerControls","ReceiverAddress","t0","$","_c","classes","props","shortAddress","t1","Symbol","for","drawerId","t2","drawerProps","onOpen","t3","onClose","t4","drawer","t5","root","t6","t7","t8","t9","t10"],"sources":["../../../../src/components/widget/ReceiverAddress/ReceiverAddress.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport type { ReceiverAddressProps } from \"./types\";\nimport { SquarePen } from \"lucide-react\";\n\nimport { ControlledDrawer } from \"../Drawer\";\nimport { ReceiverAddressContent } from \"../Dialog/ReceiverAddressDialog/ReceiverAddressDialog\";\nimport { useDrawerControls } from \"../Drawer/state/useDrawerControls\";\n\nexport const ReceiverAddress = ({\n classes,\n shortAddress,\n ...props\n}: ReceiverAddressProps) => {\n const { onOpen, ...drawerProps } = useDrawerControls({\n drawerId: \"receiver-address-drawer\",\n });\n\n const drawer = (\n <ControlledDrawer\n {...drawerProps}\n title=\"Receiver's Address\"\n showCloseButton\n >\n <ReceiverAddressContent onClose={drawerProps.onClose} {...props} />\n </ControlledDrawer>\n );\n\n return (\n <div\n className={cn(\n \"bg-contrast-8 dark:bg-contrast-2 p-4 rounded-[12px]\",\n classes?.root\n )}\n >\n <div className=\"flex items-center justify-between\">\n <div className=\"text-contrast-4 dark:text-contrast-6 text-xs\">\n Receiving Address\n </div>\n {shortAddress ? (\n <div className=\"flex items-center gap-2\">\n <div className=\"text-contrast-4 dark:text-contrast-8 text-xs font-geist-mono tracking-[-0.36px]\">\n {shortAddress}\n </div>\n <SquarePen\n size={12}\n className=\"text-primary-azul-1 cursor-pointer\"\n onClick={onOpen}\n />\n </div>\n ) : (\n <div\n className=\"text-xs text-primary-azul-1 cursor-pointer\"\n onClick={onOpen}\n >\n Add a receiving address\n </div>\n )}\n {drawer}\n </div>\n </div>\n );\n};\n"],"mappings":";;;;;;;;AAQA,IAAaM,KAAkBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAAC,GAAAC,GAAAC;~~AAAA~~,~~CAAAJ~~,EAAA,OAAAD,KAIRG,IAAAF,EAAA,IAAAG,IAAAH,EAAA,IAAAI,IAAAJ,EAAA,OAJS,iCAAAG,KAAAJ,GAITC,EAAA,KAAAD,GAAAC,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAI;CAAA,IAAAC;~~AAAA~~,~~CAAAL~~,EAAA,OAAAM,OAAAC,IAAA,4BAAA,IACgCF,IAAA,EAAAG,UACzC,2BACX,EAAAR,EAAA,KAAAK,KAAAA,IAAAL,EAAA;CAFkC,IAAAS,IAAAZ,EAAkBQ,EAEnD,EAAAK,GAAAC;~~AAAA~~,~~CAAAX~~,EAAA,OAAAS,KAACC,IAAAV,EAAA,IAAAW,IAAAX,EAAA,OAFH,eAAAU,KAAmCD,GAEhCT,EAAA,KAAAS,GAAAT,EAAA,KAAAU,GAAAV,EAAA,KAAAW;CAAA,IAAAC;~~AAAA~~,~~CAAAZ~~,EAAA,OAAAU,EAAAG,WAAAb,EAAA,OAAAG,KAQCS,IAAA,kBAAC,GAAD;EAAiC,SAAAF,EAAWG;EAAQ,GAAMV;EAAS,CAAA,EAAAH,EAAA,KAAAU,EAAAG,SAAAb,EAAA,KAAAG,GAAAH,EAAA,MAAAY,KAAAA,IAAAZ,EAAA;CAAA,IAAAc;~~AAAA~~,~~CAAAd~~,EAAA,QAAAU,KAAAV,EAAA,QAAAY,KALrEE,IAAA,kBAAC,GAAD;EAAiB,GACXJ;EACE,OAAA;EACN,iBAAA;YAEAE;EACiB,CAAA,EAAAZ,EAAA,MAAAU,GAAAV,EAAA,MAAAY,GAAAZ,EAAA,MAAAc,KAAAA,IAAAd,EAAA;CAPrB,IAAAe,IACED,GAaIE,IAAAd,GAAOe,MAAMC;~~AAAA~~,~~CAAAlB~~,EAAA,QAAAgB,IACdE,IAAAlB,EAAA,OAHUkB,IAAA1B,EACT,uDACAwB,EACD,EAAAhB,EAAA,MAAAgB,GAAAhB,EAAA,MAAAkB;CAAA,IAAAC;~~AAAA~~,~~CAAAnB~~,EAAA,QAAAM,OAAAC,IAAA,4BAAA,IAGCY,IAAA,kBAAA,OAAA;EAAe,WAAA;YAA+C;EAExD,CAAA,EAAAnB,EAAA,MAAAmB,KAAAA,IAAAnB,EAAA;CAAA,IAAAoB;~~AAAA~~,~~CAAApB~~,EAAA,QAAAW,KAAAX,EAAA,QAAAI,KACLgB,IAAAhB,IACC,kBAAA,OAAA;EAAe,WAAA;YAAf,CACE,kBAAA,OAAA;GAAe,WAAA;aACZA;GAEH,CAAA,EAAA,kBAAC,GAAD;GACQ,MAAA;GACI,WAAA;GACDO,SAAAA;GAEb,CAAA,CAQD;MANC,kBAAA,OAAA;EACY,WAAA;EACDA,SAAAA;YACV;EAGF,CAAA,EAAAX,EAAA,MAAAW,GAAAX,EAAA,MAAAI,GAAAJ,EAAA,MAAAoB,KAAAA,IAAApB,EAAA;CAAA,IAAAqB;~~AAAA~~,~~CAAArB~~,EAAA,QAAAe,KAAAf,EAAA,QAAAoB,KAtBHC,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf;GACEF;GAGCC;GAmBAL;GACG;KAAAf,EAAA,MAAAe,GAAAf,EAAA,MAAAoB,GAAApB,EAAA,MAAAqB,KAAAA,IAAArB,EAAA;CAAA,IAAAsB;~~AACF~~,~~QADEtB~~,EAAA,QAAAkB,KAAAlB,EAAA,QAAAqB,KA9BRC,IAAA,kBAAA,OAAA;EACa,WAAAJ;YAKXG;EAyBI,CAAA,EAAArB,EAAA,MAAAkB,GAAAlB,EAAA,MAAAqB,GAAArB,EAAA,MAAAsB,KAAAA,IAAAtB,EAAA,KA/BNsB"}
1	+ {"version":3,"file":"ReceiverAddress.js","names":["cn","ReceiverAddressProps","SquarePen","ControlledDrawer","ReceiverAddressContent","useDrawerControls","ReceiverAddress","t0","$","_c","classes","props","shortAddress","t1","Symbol","for","drawerId","t2","drawerProps","onOpen","t3","onClose","t4","drawer","t5","root","t6","t7","t8","t9","t10"],"sources":["../../../../src/components/widget/ReceiverAddress/ReceiverAddress.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport type { ReceiverAddressProps } from \"./types\";\nimport { SquarePen } from \"lucide-react\";\n\nimport { ControlledDrawer } from \"../Drawer\";\nimport { ReceiverAddressContent } from \"../Dialog/ReceiverAddressDialog/ReceiverAddressDialog\";\nimport { useDrawerControls } from \"../Drawer/state/useDrawerControls\";\n\nexport const ReceiverAddress = ({\n classes,\n shortAddress,\n ...props\n}: ReceiverAddressProps) => {\n const { onOpen, ...drawerProps } = useDrawerControls({\n drawerId: \"receiver-address-drawer\",\n });\n\n const drawer = (\n <ControlledDrawer\n {...drawerProps}\n title=\"Receiver's Address\"\n showCloseButton\n >\n <ReceiverAddressContent onClose={drawerProps.onClose} {...props} />\n </ControlledDrawer>\n );\n\n return (\n <div\n className={cn(\n \"bg-contrast-8 dark:bg-contrast-2 p-4 rounded-[12px]\",\n classes?.root\n )}\n >\n <div className=\"flex items-center justify-between\">\n <div className=\"text-contrast-4 dark:text-contrast-6 text-xs\">\n Receiving Address\n </div>\n {shortAddress ? (\n <div className=\"flex items-center gap-2\">\n <div className=\"text-contrast-4 dark:text-contrast-8 text-xs font-geist-mono tracking-[-0.36px]\">\n {shortAddress}\n </div>\n <SquarePen\n size={12}\n className=\"text-primary-azul-1 cursor-pointer\"\n onClick={onOpen}\n />\n </div>\n ) : (\n <div\n className=\"text-xs text-primary-azul-1 cursor-pointer\"\n onClick={onOpen}\n >\n Add a receiving address\n </div>\n )}\n {drawer}\n </div>\n </div>\n );\n};\n"],"mappings":";;;;;;;;AAQA,IAAaM,KAAkBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAAC,GAAAC,GAAAC;CAAA,AAAAJ,EAAA,OAAAD,KAIRG,IAAAF,EAAA,IAAAG,IAAAH,EAAA,IAAAI,IAAAJ,EAAA,OAJS,iCAAAG,KAAAJ,GAITC,EAAA,KAAAD,GAAAC,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAI;CAAA,IAAAC;CAAA,AAAAL,EAAA,OAAAM,OAAAC,IAAA,4BAAA,IACgCF,IAAA,EAAAG,UACzC,2BACX,EAAAR,EAAA,KAAAK,KAAAA,IAAAL,EAAA;CAFkC,IAAAS,IAAAZ,EAAkBQ,EAEnD,EAAAK,GAAAC;CAAA,AAAAX,EAAA,OAAAS,KAACC,IAAAV,EAAA,IAAAW,IAAAX,EAAA,OAFH,eAAAU,KAAmCD,GAEhCT,EAAA,KAAAS,GAAAT,EAAA,KAAAU,GAAAV,EAAA,KAAAW;CAAA,IAAAC;CAAA,AAAAZ,EAAA,OAAAU,EAAAG,WAAAb,EAAA,OAAAG,KAQCS,IAAA,kBAAC,GAAD;EAAiC,SAAAF,EAAWG;EAAQ,GAAMV;EAAS,CAAA,EAAAH,EAAA,KAAAU,EAAAG,SAAAb,EAAA,KAAAG,GAAAH,EAAA,MAAAY,KAAAA,IAAAZ,EAAA;CAAA,IAAAc;CAAA,AAAAd,EAAA,QAAAU,KAAAV,EAAA,QAAAY,KALrEE,IAAA,kBAAC,GAAD;EAAiB,GACXJ;EACE,OAAA;EACN,iBAAA;YAEAE;EACiB,CAAA,EAAAZ,EAAA,MAAAU,GAAAV,EAAA,MAAAY,GAAAZ,EAAA,MAAAc,KAAAA,IAAAd,EAAA;CAPrB,IAAAe,IACED,GAaIE,IAAAd,GAAOe,MAAMC;CAAA,AAAAlB,EAAA,QAAAgB,IACdE,IAAAlB,EAAA,OAHUkB,IAAA1B,EACT,uDACAwB,EACD,EAAAhB,EAAA,MAAAgB,GAAAhB,EAAA,MAAAkB;CAAA,IAAAC;CAAA,AAAAnB,EAAA,QAAAM,OAAAC,IAAA,4BAAA,IAGCY,IAAA,kBAAA,OAAA;EAAe,WAAA;YAA+C;EAExD,CAAA,EAAAnB,EAAA,MAAAmB,KAAAA,IAAAnB,EAAA;CAAA,IAAAoB;CAAA,AAAApB,EAAA,QAAAW,KAAAX,EAAA,QAAAI,KACLgB,IAAAhB,IACC,kBAAA,OAAA;EAAe,WAAA;YAAf,CACE,kBAAA,OAAA;GAAe,WAAA;aACZA;GAEH,CAAA,EAAA,kBAAC,GAAD;GACQ,MAAA;GACI,WAAA;GACDO,SAAAA;GAEb,CAAA,CAQD;MANC,kBAAA,OAAA;EACY,WAAA;EACDA,SAAAA;YACV;EAGF,CAAA,EAAAX,EAAA,MAAAW,GAAAX,EAAA,MAAAI,GAAAJ,EAAA,MAAAoB,KAAAA,IAAApB,EAAA;CAAA,IAAAqB;CAAA,AAAArB,EAAA,QAAAe,KAAAf,EAAA,QAAAoB,KAtBHC,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf;GACEF;GAGCC;GAmBAL;GACG;KAAAf,EAAA,MAAAe,GAAAf,EAAA,MAAAoB,GAAApB,EAAA,MAAAqB,KAAAA,IAAArB,EAAA;CAAA,IAAAsB;CACF,OADEtB,EAAA,QAAAkB,KAAAlB,EAAA,QAAAqB,KA9BRC,IAAA,kBAAA,OAAA;EACa,WAAAJ;YAKXG;EAyBI,CAAA,EAAArB,EAAA,MAAAkB,GAAAlB,EAAA,MAAAqB,GAAArB,EAAA,MAAAsB,KAAAA,IAAAtB,EAAA,KA/BNsB"}

package/dist/components/widget/ReceiverAddress/state/receiverAddressAtom.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"receiverAddressAtom.js","names":["shortenAddress","atom","useAtom","useAtomValue","Address","UseReceiverAddressReturn","receiverAddressAtom","useSwapReceiverAddress","$","_c","address","setAddress","t0","undefined","shortAddress","t1","useSwapReceiverAddressValue"],"sources":["../../../../../src/components/widget/ReceiverAddress/state/receiverAddressAtom.ts"],"sourcesContent":["import { shortenAddress } from \"@/lib/utils\";\nimport { atom } from \"jotai\";\nimport { useAtom, useAtomValue } from \"@/core/store\";\nimport type { Address } from \"viem\";\nimport type { UseReceiverAddressReturn } from \"./types\";\n\nexport const receiverAddressAtom = atom<Address \| undefined>();\n\nexport const useSwapReceiverAddress = (): UseReceiverAddressReturn => {\n const [address, setAddress] = useAtom(receiverAddressAtom);\n const shortAddress = address ? shortenAddress(address) : undefined;\n\n return { address, setAddress, shortAddress };\n};\n\nexport const useSwapReceiverAddressValue = () => {\n return useAtomValue(receiverAddressAtom);\n};\n"],"mappings":";;;;;AAMA,IAAaM,IAAsBL,GAA2B,EAEjDM,UAAyB;CAAA,IAAAC,IAAAC,EAAA,EAAA,EACpC,CAAAC,GAAAC,KAA8BT,EAAQI,EAAoB,EAACM;~~AAAA~~,~~CAAAJ~~,EAAA,OAAAE,IACOE,IAAAJ,EAAA,MAA7CI,IAAAF,IAAUV,EAAeU,EAAoB,GAA7CG,KAAAA,GAA6CL,EAAA,KAAAE,GAAAF,EAAA,KAAAI;CAAlE,IAAAE,IAAqBF,GAA8CG;~~AAEvB~~,~~QAFuBP~~,EAAA,OAAAE,KAAAF,EAAA,OAAAG,KAAAH,EAAA,OAAAM,KAE5DC,IAAA;EAAAL;EAAAC;EAAAG;EAAqC,EAAAN,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAM,GAAAN,EAAA,KAAAO,KAAAA,IAAAP,EAAA,IAArCO;GAGIC,UACJb,EAAaG,EAAoB"}
1	+ {"version":3,"file":"receiverAddressAtom.js","names":["shortenAddress","atom","useAtom","useAtomValue","Address","UseReceiverAddressReturn","receiverAddressAtom","useSwapReceiverAddress","$","_c","address","setAddress","t0","undefined","shortAddress","t1","useSwapReceiverAddressValue"],"sources":["../../../../../src/components/widget/ReceiverAddress/state/receiverAddressAtom.ts"],"sourcesContent":["import { shortenAddress } from \"@/lib/utils\";\nimport { atom } from \"jotai\";\nimport { useAtom, useAtomValue } from \"@/core/store\";\nimport type { Address } from \"viem\";\nimport type { UseReceiverAddressReturn } from \"./types\";\n\nexport const receiverAddressAtom = atom<Address \| undefined>();\n\nexport const useSwapReceiverAddress = (): UseReceiverAddressReturn => {\n const [address, setAddress] = useAtom(receiverAddressAtom);\n const shortAddress = address ? shortenAddress(address) : undefined;\n\n return { address, setAddress, shortAddress };\n};\n\nexport const useSwapReceiverAddressValue = () => {\n return useAtomValue(receiverAddressAtom);\n};\n"],"mappings":";;;;;AAMA,IAAaM,IAAsBL,GAA2B,EAEjDM,UAAyB;CAAA,IAAAC,IAAAC,EAAA,EAAA,EACpC,CAAAC,GAAAC,KAA8BT,EAAQI,EAAoB,EAACM;CAAA,AAAAJ,EAAA,OAAAE,IACOE,IAAAJ,EAAA,MAA7CI,IAAAF,IAAUV,EAAeU,EAAoB,GAA7CG,KAAAA,GAA6CL,EAAA,KAAAE,GAAAF,EAAA,KAAAI;CAAlE,IAAAE,IAAqBF,GAA8CG;CAEvB,OAFuBP,EAAA,OAAAE,KAAAF,EAAA,OAAAG,KAAAH,EAAA,OAAAM,KAE5DC,IAAA;EAAAL;EAAAC;EAAAG;EAAqC,EAAAN,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAM,GAAAN,EAAA,KAAAO,KAAAA,IAAAP,EAAA,IAArCO;GAGIC,UACJb,EAAaG,EAAoB"}

package/dist/components/widget/ReceiverAddress/state/subscriptions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"subscriptions.js","names":["wagmiConfig","watchAccount","receiverAddressAtom","queryClient","isSupportedChainId","constructIsContractAtAddressQueryKey","getIsContractAtAddress","jotaiStore","accountAtom","resetOrdersCountAtom","enabledSrcChainsAtom","limitReceiverAddressAtom","openDrawerAtom","screenAtom","twapReceiverAddressAtom","Address","setReceiverAddress","address","set","subscribeToAccountChanges","onChange","account","prevAddress","chainId","connector","enabledSrcChains","get","undefined","includes","state","setState","prev","queryKey","isEOA","ensureQueryData","queryFn"],"sources":["../../../../../src/components/widget/ReceiverAddress/state/subscriptions.ts"],"sourcesContent":["import { wagmiConfig } from \"@/lib/web3/wagmi/config\";\nimport { watchAccount } from \"@wagmi/core\";\nimport { receiverAddressAtom } from \"./receiverAddressAtom\";\n\nimport { queryClient } from \"@/lib/queryClient\";\n\nimport { isSupportedChainId } from \"@/lib/web3/wagmi/utils\";\nimport {\n constructIsContractAtAddressQueryKey,\n getIsContractAtAddress,\n} from \"@/hooks/getCode/query\";\nimport { jotaiStore } from \"@/core/store\";\nimport { accountAtom } from \"@/lib/web3/wagmi/external\";\nimport { resetOrdersCountAtom } from \"../../AppHeader/state/showMoreAtom\";\nimport { enabledSrcChainsAtom } from \"@/core/state/enabledChainsAtom\";\nimport { limitReceiverAddressAtom } from \"@/core/limit/state/receiverAddressAtom\";\nimport { openDrawerAtom } from \"../../Drawer/state/useDrawerControls\";\nimport { screenAtom } from \"@/core/screen/state/screenAtom\";\nimport { twapReceiverAddressAtom } from \"@/core/twap/state/twapReceiverAddressAtom\";\nimport type { Address } from \"viem\";\n\nfunction setReceiverAddress(address: Address \| undefined) {\n jotaiStore.set(receiverAddressAtom, address);\n jotaiStore.set(limitReceiverAddressAtom, address);\n jotaiStore.set(twapReceiverAddressAtom, address);\n}\n\nexport function subscribeToAccountChanges() {\n // subscribes to wallet account changes\n // config.subscribe(() => getAccount(config), onChange)\n return watchAccount(wagmiConfig, {\n onChange: async (account, { address: prevAddress }) => {\n const { address, chainId, connector } = account;\n const enabledSrcChains = jotaiStore.get(enabledSrcChainsAtom);\n\n // close any open drawer and screen on account change\n // enforce account specific Widget state\n if (address !== prevAddress) {\n jotaiStore.set(openDrawerAtom, null);\n jotaiStore.set(screenAtom, null);\n }\n\n // internal account atom to trigger atomEffects\n jotaiStore.set(accountAtom, {\n address,\n chainId,\n connector,\n });\n\n // reset the receiver address if the address is not valid or chainId is not supported\n if (\n !address \|\|\n chainId === undefined \|\|\n !isSupportedChainId(chainId) \|\|\n !enabledSrcChains.includes(chainId)\n ) {\n setReceiverAddress(undefined);\n return;\n }\n\n // reset activities pagination\n jotaiStore.set(resetOrdersCountAtom);\n\n if (chainId !== wagmiConfig.state.chainId)\n // wallet chainId takes precedence\n wagmiConfig.setState((prev) => ({ ...prev, chainId }));\n\n const queryKey = constructIsContractAtAddressQueryKey({\n chainId,\n address,\n });\n\n const { isEOA } = await queryClient.ensureQueryData({\n queryKey,\n queryFn: () =>\n getIsContractAtAddress({\n address,\n chainId,\n }),\n });\n\n // save if address is EOA, otherwise reset\n setReceiverAddress(isEOA ? address : undefined);\n },\n });\n}\n"],"mappings":";;;;;;;;;;;;;;;AAqBA,SAASgB,EAAmBC,GAA8B;~~AAGxDV~~,~~CAFAA~~,EAAWW,IAAIhB,GAAqBe,EAAQ,EAC5CV,EAAWW,IAAIP,GAA0BM,EAAQ,EACjDV,EAAWW,IAAIJ,GAAyBG,EAAQ;;AAGlD,SAAgBE,IAA4B;~~AAG1C~~,~~QAAOlB~~,EAAaD,GAAa,EAC/BoB,UAAU,OAAOC,GAAS,EAAEJ,SAASK,QAAkB;EACrD,IAAM,EAAEL,YAASM,YAASC,iBAAcH,GAClCI,IAAmBlB,EAAWmB,IAAIhB,EAAqB;~~AAiB7D~~,~~MAbIO~~,MAAYK,MACdf,EAAWW,IAAIN,GAAgB,KAAK,EACpCL,EAAWW,IAAIL,GAAY,KAAK,GAIlCN,EAAWW,IAAIV,GAAa;GAC1BS;GACAM;GACAC;GACD,CAAC,EAIA,CAACP,KACDM,MAAYI,KAAAA,KACZ,CAACvB,EAAmBmB,EAAQ,IAC5B,CAACE,EAAiBG,SAASL,EAAQ,EACnC;~~AACAP~~,~~KAAmBW~~,KAAAA,EAAU;~~AAC7B~~;;~~AAMF~~,~~EAFApB~~,EAAWW,IAAIT,EAAqB,EAEhCc,MAAYvB,EAAY6B,MAAMN,WAEhCvB,EAAY8B,UAAUC,OAAU;GAAE,GAAGA;GAAMR;GAAS,EAAE;EAExD,IAAMS,IAAW3B,EAAqC;GACpDkB;GACAN;GACD,CAAC,EAEI,EAAEgB,aAAU,MAAM9B,EAAY+B,gBAAgB;GAClDF;GACAG,eACE7B,EAAuB;IACrBW;IACAM;IACD,CAAA;GACJ,CAAC;~~AAGFP~~,~~IAAmBiB~~,IAAQhB,IAAUU,KAAAA,EAAU;IAElD,CAAC"}
1	+ {"version":3,"file":"subscriptions.js","names":["wagmiConfig","watchAccount","receiverAddressAtom","queryClient","isSupportedChainId","constructIsContractAtAddressQueryKey","getIsContractAtAddress","jotaiStore","accountAtom","resetOrdersCountAtom","enabledSrcChainsAtom","limitReceiverAddressAtom","openDrawerAtom","screenAtom","twapReceiverAddressAtom","Address","setReceiverAddress","address","set","subscribeToAccountChanges","onChange","account","prevAddress","chainId","connector","enabledSrcChains","get","undefined","includes","state","setState","prev","queryKey","isEOA","ensureQueryData","queryFn"],"sources":["../../../../../src/components/widget/ReceiverAddress/state/subscriptions.ts"],"sourcesContent":["import { wagmiConfig } from \"@/lib/web3/wagmi/config\";\nimport { watchAccount } from \"@wagmi/core\";\nimport { receiverAddressAtom } from \"./receiverAddressAtom\";\n\nimport { queryClient } from \"@/lib/queryClient\";\n\nimport { isSupportedChainId } from \"@/lib/web3/wagmi/utils\";\nimport {\n constructIsContractAtAddressQueryKey,\n getIsContractAtAddress,\n} from \"@/hooks/getCode/query\";\nimport { jotaiStore } from \"@/core/store\";\nimport { accountAtom } from \"@/lib/web3/wagmi/external\";\nimport { resetOrdersCountAtom } from \"../../AppHeader/state/showMoreAtom\";\nimport { enabledSrcChainsAtom } from \"@/core/state/enabledChainsAtom\";\nimport { limitReceiverAddressAtom } from \"@/core/limit/state/receiverAddressAtom\";\nimport { openDrawerAtom } from \"../../Drawer/state/useDrawerControls\";\nimport { screenAtom } from \"@/core/screen/state/screenAtom\";\nimport { twapReceiverAddressAtom } from \"@/core/twap/state/twapReceiverAddressAtom\";\nimport type { Address } from \"viem\";\n\nfunction setReceiverAddress(address: Address \| undefined) {\n jotaiStore.set(receiverAddressAtom, address);\n jotaiStore.set(limitReceiverAddressAtom, address);\n jotaiStore.set(twapReceiverAddressAtom, address);\n}\n\nexport function subscribeToAccountChanges() {\n // subscribes to wallet account changes\n // config.subscribe(() => getAccount(config), onChange)\n return watchAccount(wagmiConfig, {\n onChange: async (account, { address: prevAddress }) => {\n const { address, chainId, connector } = account;\n const enabledSrcChains = jotaiStore.get(enabledSrcChainsAtom);\n\n // close any open drawer and screen on account change\n // enforce account specific Widget state\n if (address !== prevAddress) {\n jotaiStore.set(openDrawerAtom, null);\n jotaiStore.set(screenAtom, null);\n }\n\n // internal account atom to trigger atomEffects\n jotaiStore.set(accountAtom, {\n address,\n chainId,\n connector,\n });\n\n // reset the receiver address if the address is not valid or chainId is not supported\n if (\n !address \|\|\n chainId === undefined \|\|\n !isSupportedChainId(chainId) \|\|\n !enabledSrcChains.includes(chainId)\n ) {\n setReceiverAddress(undefined);\n return;\n }\n\n // reset activities pagination\n jotaiStore.set(resetOrdersCountAtom);\n\n if (chainId !== wagmiConfig.state.chainId)\n // wallet chainId takes precedence\n wagmiConfig.setState((prev) => ({ ...prev, chainId }));\n\n const queryKey = constructIsContractAtAddressQueryKey({\n chainId,\n address,\n });\n\n const { isEOA } = await queryClient.ensureQueryData({\n queryKey,\n queryFn: () =>\n getIsContractAtAddress({\n address,\n chainId,\n }),\n });\n\n // save if address is EOA, otherwise reset\n setReceiverAddress(isEOA ? address : undefined);\n },\n });\n}\n"],"mappings":";;;;;;;;;;;;;;;AAqBA,SAASgB,EAAmBC,GAA8B;CAGxDV,AAFAA,EAAWW,IAAIhB,GAAqBe,EAAQ,EAC5CV,EAAWW,IAAIP,GAA0BM,EAAQ,EACjDV,EAAWW,IAAIJ,GAAyBG,EAAQ;;AAGlD,SAAgBE,IAA4B;CAG1C,OAAOlB,EAAaD,GAAa,EAC/BoB,UAAU,OAAOC,GAAS,EAAEJ,SAASK,QAAkB;EACrD,IAAM,EAAEL,YAASM,YAASC,iBAAcH,GAClCI,IAAmBlB,EAAWmB,IAAIhB,EAAqB;EAiB7D,IAbIO,MAAYK,MACdf,EAAWW,IAAIN,GAAgB,KAAK,EACpCL,EAAWW,IAAIL,GAAY,KAAK,GAIlCN,EAAWW,IAAIV,GAAa;GAC1BS;GACAM;GACAC;GACD,CAAC,EAIA,CAACP,KACDM,MAAYI,KAAAA,KACZ,CAACvB,EAAmBmB,EAAQ,IAC5B,CAACE,EAAiBG,SAASL,EAAQ,EACnC;GACAP,EAAmBW,KAAAA,EAAU;GAC7B;;EAMF,AAFApB,EAAWW,IAAIT,EAAqB,EAEhCc,MAAYvB,EAAY6B,MAAMN,WAEhCvB,EAAY8B,UAAUC,OAAU;GAAE,GAAGA;GAAMR;GAAS,EAAE;EAExD,IAAMS,IAAW3B,EAAqC;GACpDkB;GACAN;GACD,CAAC,EAEI,EAAEgB,aAAU,MAAM9B,EAAY+B,gBAAgB;GAClDF;GACAG,eACE7B,EAAuB;IACrBW;IACAM;IACD,CAAA;GACJ,CAAC;EAGFP,EAAmBiB,IAAQhB,IAAUU,KAAAA,EAAU;IAElD,CAAC"}

package/dist/components/widget/ReviewAndConfirm/FillOtcReviewAndConfirm/FillOtcControls.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FillOtcControls.js","names":["Button","useAccount","cn","FillOtcButtonProps","React","ComponentProps","labelOverride","FillOtcControlsProps","fillButtonProps","dismissButtonProps","FillOtcControls","t0","$","_c","isConnected","disabled","T0","fillLabelOverride","fillProps","t1","t2","t3","t4","t5","t6","T1","dismisLabelOverride","dismissProps","t10","t7","t8","t9","className","t11","t12"],"sources":["../../../../../src/components/widget/ReviewAndConfirm/FillOtcReviewAndConfirm/FillOtcControls.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { useAccount } from \"wagmi\";\nimport { cn } from \"@/lib/utils\";\n\ntype FillOtcButtonProps = React.ComponentProps<typeof Button> & {\n labelOverride?: string;\n};\ntype FillOtcControlsProps = {\n fillButtonProps: FillOtcButtonProps;\n dismissButtonProps: FillOtcButtonProps;\n};\n\nexport function FillOtcControls({\n fillButtonProps,\n dismissButtonProps,\n}: FillOtcControlsProps) {\n const { isConnected } = useAccount();\n\n const disabled = !isConnected;\n\n const { labelOverride: fillLabelOverride, ...fillProps } = fillButtonProps;\n const { labelOverride: dismisLabelOverride, ...dismissProps } =\n dismissButtonProps;\n\n return (\n <div className=\"flex items-center justify-between\">\n <Button\n variant=\"secondary\"\n radius=\"md\"\n {...dismissProps}\n className={cn(\"h-[48px] text-sm\", dismissProps.className)}\n disabled={dismissProps.disabled \|\| disabled}\n >\n {dismisLabelOverride \|\| \"Dismiss\"}\n </Button>\n <Button\n variant=\"cta\"\n radius=\"md\"\n {...fillProps}\n className={cn(\"h-[48px] text-sm\", fillProps.className)}\n disabled={fillProps.disabled \|\| disabled}\n >\n {fillLabelOverride \|\| \"Fill OTC Order\"}\n </Button>\n </div>\n );\n}\n"],"mappings":";;;;;;AAYA,SAAOU,EAAAC,GAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAyB,EAAAL,oBAAAC,0BAAAE,GAI9B,EAAAG,mBAAwBb,GAAY,EAEpCc,IAAiB,CAACD,GAAYE,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC;~~AAAA~~,~~KAAAZ~~,EAAA,OAAAG,KAAAH,EAAA,OAAAH,KAAAG,EAAA,OAAAJ,GAAA;~~AAE9B~~,~~GAAA~~,CAAAF,eAAAW,MAAAC,KAA2DV;EAAgB,IAAAiB,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC;~~AAAA~~,~~EAAAnB~~,EAAA,QAAAH,KAUZgB,IAAAb,EAAA,KAAAc,IAAAd,EAAA,KAAAe,IAAAf,EAAA,KAAAgB,IAAAhB,EAAA,KAAAW,IAAAX,EAAA,KAAAiB,IAAAjB,EAAA,KAAAkB,IAAAlB,EAAA,KAAAmB,IAAAnB,EAAA,QAT/D,CAAAN,eAAAoB,MAAAC,KACElB,GAGec,IAAA,qCACZE,IAAAzB,GACS6B,IAAA,aACDC,IAAA,MACHH,IAAAA,GACOC,IAAA1B,EAAG,oBAAoByB,EAAYK,UAAW,EAAApB,EAAA,MAAAH,GAAAG,EAAA,MAAAa,GAAAb,EAAA,MAAAc,GAAAd,EAAA,MAAAe,GAAAf,EAAA,MAAAgB,GAAAhB,EAAA,MAAAW,GAAAX,EAAA,MAAAiB,GAAAjB,EAAA,MAAAkB,GAAAlB,EAAA,MAAAmB;EAC/C,IAAAE,IAAAN,EAAYZ,YAAZA,GAETmB,IAAAR,KAAA;~~AAMqDd~~,~~EANrBA~~,EAAA,QAAAa,KAAAb,EAAA,QAAAgB,KAAAhB,EAAA,QAAAqB,KAAArB,EAAA,QAAAsB,KAAAtB,EAAA,QAAAiB,KAAAjB,EAAA,QAAAkB,KAAAlB,EAAA,QAAAmB,KAPnCP,IAAA,kBAAC,GAAD;GACU,SAAAK;GACD,QAAAC;GAAI,GACPH;GACO,WAAAC;GACD,UAAAK;aAETC;GACM,CAAA,EAAAtB,EAAA,MAAAa,GAAAb,EAAA,MAAAgB,GAAAhB,EAAA,MAAAqB,GAAArB,EAAA,MAAAsB,GAAAtB,EAAA,MAAAiB,GAAAjB,EAAA,MAAAkB,GAAAlB,EAAA,MAAAmB,GAAAnB,EAAA,MAAAY,KAAAA,IAAAZ,EAAA,KACRI,IAAAhB,GACSmB,IAAA,OACDC,IAAA,MACHF,IAAAA,GACOI,IAAApB,EAAG,oBAAoBgB,EAASc,UAAW,EAAApB,EAAA,KAAAG,GAAAH,EAAA,KAAAH,GAAAG,EAAA,KAAAJ,GAAAI,EAAA,KAAAI,GAAAJ,EAAA,KAAAK,GAAAL,EAAA,KAAAM,GAAAN,EAAA,KAAAO,GAAAP,EAAA,KAAAQ,GAAAR,EAAA,KAAAS,GAAAT,EAAA,KAAAU,GAAAV,EAAA,MAAAW,GAAAX,EAAA,MAAAY;~~OAAAA~~,~~CAAAR~~,IAAAJ,EAAA,IAAAK,IAAAL,EAAA,IAAAM,IAAAN,EAAA,IAAAO,IAAAP,EAAA,IAAAQ,IAAAR,EAAA,IAAAS,IAAAT,EAAA,IAAAU,IAAAV,EAAA,IAAAW,IAAAX,EAAA,KAAAY,IAAAZ,EAAA;CAC5C,IAAAiB,IAAAX,EAASH,YAATA,GAETe,IAAAb,KAAA,kBAAqCc;~~AAAA~~,~~CAAAnB~~,EAAA,QAAAI,KAAAJ,EAAA,QAAAO,KAAAP,EAAA,QAAAQ,KAAAR,EAAA,QAAAS,KAAAT,EAAA,QAAAU,KAAAV,EAAA,QAAAiB,KAAAjB,EAAA,QAAAkB,KAPxCC,IAAA,kBAAC,GAAD;EACU,SAAAZ;EACD,QAAAC;EAAI,GACPF;EACO,WAAAI;EACD,UAAAO;YAETC;EACM,CAAA,EAAAlB,EAAA,MAAAI,GAAAJ,EAAA,MAAAO,GAAAP,EAAA,MAAAQ,GAAAR,EAAA,MAAAS,GAAAT,EAAA,MAAAU,GAAAV,EAAA,MAAAiB,GAAAjB,EAAA,MAAAkB,GAAAlB,EAAA,MAAAmB,KAAAA,IAAAnB,EAAA;CAAA,IAAAgB;~~AACL~~,~~QADKhB~~,EAAA,QAAAW,KAAAX,EAAA,QAAAY,KAAAZ,EAAA,QAAAmB,KAlBXH,IAAA,kBAAA,OAAA;EAAe,WAAAL;YAAf,CACEC,GASAO,EASI;KAAAnB,EAAA,MAAAW,GAAAX,EAAA,MAAAY,GAAAZ,EAAA,MAAAmB,GAAAnB,EAAA,MAAAgB,KAAAA,IAAAhB,EAAA,KAnBNgB"}
1	+ {"version":3,"file":"FillOtcControls.js","names":["Button","useAccount","cn","FillOtcButtonProps","React","ComponentProps","labelOverride","FillOtcControlsProps","fillButtonProps","dismissButtonProps","FillOtcControls","t0","$","_c","isConnected","disabled","T0","fillLabelOverride","fillProps","t1","t2","t3","t4","t5","t6","T1","dismisLabelOverride","dismissProps","t10","t7","t8","t9","className","t11","t12"],"sources":["../../../../../src/components/widget/ReviewAndConfirm/FillOtcReviewAndConfirm/FillOtcControls.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { useAccount } from \"wagmi\";\nimport { cn } from \"@/lib/utils\";\n\ntype FillOtcButtonProps = React.ComponentProps<typeof Button> & {\n labelOverride?: string;\n};\ntype FillOtcControlsProps = {\n fillButtonProps: FillOtcButtonProps;\n dismissButtonProps: FillOtcButtonProps;\n};\n\nexport function FillOtcControls({\n fillButtonProps,\n dismissButtonProps,\n}: FillOtcControlsProps) {\n const { isConnected } = useAccount();\n\n const disabled = !isConnected;\n\n const { labelOverride: fillLabelOverride, ...fillProps } = fillButtonProps;\n const { labelOverride: dismisLabelOverride, ...dismissProps } =\n dismissButtonProps;\n\n return (\n <div className=\"flex items-center justify-between\">\n <Button\n variant=\"secondary\"\n radius=\"md\"\n {...dismissProps}\n className={cn(\"h-[48px] text-sm\", dismissProps.className)}\n disabled={dismissProps.disabled \|\| disabled}\n >\n {dismisLabelOverride \|\| \"Dismiss\"}\n </Button>\n <Button\n variant=\"cta\"\n radius=\"md\"\n {...fillProps}\n className={cn(\"h-[48px] text-sm\", fillProps.className)}\n disabled={fillProps.disabled \|\| disabled}\n >\n {fillLabelOverride \|\| \"Fill OTC Order\"}\n </Button>\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/components/widget/ReviewAndConfirm/FillOtcReviewAndConfirm/FillOtcReviewAndConfirm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FillOtcReviewAndConfirm.js","names":["useNativeTokenPrice","useTokenPrice","FillableOtcOrderItem","PayReceiveInfo","constructOrderStatusDetail","constructPayReceiveInfoProps","constructOrderRateDetail","constructOrderReceiverDetail","constructExpiresInDetail","constructNetworkFeeDetail","FillOtcControls","useIsInsufficientTokenBalance","DetailWithValueList","DetailWithValue","isTruthy","SupportedChainId","LimitOrderStateChecker","useGasPrices","useChainMatches","useSwitchChainWithGuard","FillOtcReviewAndConfirm","t0","$","_c","onDismiss","onFlowStart","fillableOrder","t1","extra","srcAmount","srcToken","token","requiredBalanceWei","isInsufficientBalance","orderChainId","chainId","forcedChainMatchesWalletChain","wrongNetwork","fillBtnLabelOverride","undefined","mutateAsync","switchChain","isPending","fillBtnDisabled","t2","t3","t4","onClick","labelOverride","disabled","t5","t6","t7","detailsClasses","root","title","value","const","OrderDetails","data","srcTokenPrice","destTokenPrice","destToken","price","payReceiveProps","gasPrices","nativeTokenPrice","legacyPrices","instant","active","has","state","receiver","taker","expiry","gasPriceMultiplierGwei","filter","details"],"sources":["../../../../../src/components/widget/ReviewAndConfirm/FillOtcReviewAndConfirm/FillOtcReviewAndConfirm.tsx"],"sourcesContent":["import {\n useNativeTokenPrice,\n useTokenPrice,\n} from \"@/hooks/tokens/prices/useTokenPrices\";\nimport type { FillableOtcOrderItem } from \"../../OtcOrderItem/types\";\nimport { PayReceiveInfo } from \"../../PayReceiveInfo/PayReceiveInfo\";\nimport {\n constructOrderStatusDetail,\n constructPayReceiveInfoProps,\n constructOrderRateDetail,\n constructOrderReceiverDetail,\n constructExpiresInDetail,\n constructNetworkFeeDetail,\n} from \"./utils\";\nimport { FillOtcControls } from \"./FillOtcControls\";\nimport { useIsInsufficientTokenBalance } from \"@/hooks/tokens/balances/useIsInsufficientTokenBalance\";\nimport { DetailWithValueList } from \"../../Details/DetailWithValueList\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport { isTruthy } from \"@/lib/utils\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport { LimitOrderStateChecker } from \"@/hooks/otc/queries/utils\";\nimport { useGasPrices } from \"@/hooks/gas/useGasPrices\";\nimport { useChainMatches } from \"@/hooks/useChainMatches\";\nimport { useSwitchChainWithGuard } from \"@/hooks/useSwitchChainWithGuard\";\n\nexport const FillOtcReviewAndConfirm = ({\n onDismiss,\n onFlowStart,\n fillableOrder,\n}: {\n onDismiss?: () => void;\n onFlowStart: () => void;\n fillableOrder: FillableOtcOrderItem;\n}) => {\n const isInsufficientBalance = useIsInsufficientTokenBalance({\n token: fillableOrder.extra.srcToken,\n requiredBalanceWei: fillableOrder.extra.srcAmount,\n });\n\n const orderChainId = fillableOrder.chainId as SupportedChainId;\n\n const { forcedChainMatchesWalletChain } = useChainMatches(orderChainId);\n const wrongNetwork = !forcedChainMatchesWalletChain;\n\n const fillBtnLabelOverride = wrongNetwork\n ? \"Wrong network\"\n : isInsufficientBalance\n ? \"Insufficient funds\"\n : undefined;\n\n const { mutateAsync: switchChain, isPending } = useSwitchChainWithGuard();\n\n const fillBtnDisabled = isInsufficientBalance \|\| isPending;\n\n return (\n <div className=\"px-6 pb-8\">\n <OrderDetails fillableOrder={fillableOrder} />\n <FillOtcControls\n fillButtonProps={{\n onClick: wrongNetwork\n ? async () => {\n await switchChain({\n chainId: orderChainId,\n });\n onFlowStart();\n }\n : onFlowStart,\n labelOverride: fillBtnLabelOverride,\n disabled: fillBtnDisabled,\n }}\n dismissButtonProps={{\n onClick: onDismiss,\n }}\n />\n </div>\n );\n};\n\nconst detailsClasses = {\n root: \"gap-3\",\n title: \"text-contrast-5 dark:text-contrast-6\",\n value: \"text-contrast-4 dark:text-contrast-7\",\n} as const;\n\nconst OrderDetails = ({\n fillableOrder,\n}: {\n fillableOrder: FillableOtcOrderItem;\n}) => {\n const { data: srcTokenPrice } = useTokenPrice(fillableOrder.extra.srcToken);\n const { data: destTokenPrice } = useTokenPrice(fillableOrder.extra.destToken);\n\n const payReceiveProps = constructPayReceiveInfoProps({\n extra: fillableOrder.extra,\n srcTokenPrice: srcTokenPrice?.price,\n destTokenPrice: destTokenPrice?.price,\n });\n\n const { data: gasPrices } = useGasPrices();\n const { data: nativeTokenPrice } = useNativeTokenPrice();\n\n const active = LimitOrderStateChecker.active.has(fillableOrder.state);\n\n const details: DetailWithValue[] = [\n constructOrderRateDetail(fillableOrder),\n constructOrderReceiverDetail({\n chainId: fillableOrder.chainId as SupportedChainId,\n receiver: fillableOrder.taker,\n }),\n constructOrderStatusDetail(fillableOrder.state),\n active && constructExpiresInDetail(fillableOrder.expiry),\n constructNetworkFeeDetail({\n gasPriceMultiplierGwei: gasPrices?.legacyPrices.instant,\n nativeTokenPrice: nativeTokenPrice?.price,\n }),\n ].filter(isTruthy);\n\n return (\n <div className=\"flex flex-col gap-4 pb-6\">\n <PayReceiveInfo {...payReceiveProps} />\n <div className=\"rounded-sm border border-contrast-7 dark:border-contrast-3 p-4\">\n <DetailWithValueList details={details} classes={detailsClasses} />\n </div>\n </div>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;AAyBA,IAAaoB,KAA0BC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAC,cAAAC,gBAAAC,qBAAAL,GAQvCM;~~AAAA~~,~~CAAAL~~,EAAA,OAAAI,EAAAE,MAAAC,aAAAP,EAAA,OAAAI,EAAAE,MAAAE,YAC6DH,IAAA;EAAAI,OACnDL,EAAaE,MAAME;EAASE,oBACfN,EAAaE,MAAMC;EACxC,EAAAP,EAAA,KAAAI,EAAAE,MAAAC,WAAAP,EAAA,KAAAI,EAAAE,MAAAE,UAAAR,EAAA,KAAAK,KAAAA,IAAAL,EAAA;CAHD,IAAAW,IAA8BtB,EAA8BgB,EAG1D,EAEFO,IAAqBR,EAAaS,SAElC,EAAAC,qCAA0ClB,EAAgBgB,EAAa,EACvEG,IAAqB,CAACD,GAEtBE,IAA6BD,IAAA,kBAEzBJ,IAAA,uBAAAM,KAAAA,GAIJ,EAAAC,aAAAC,GAAAC,iBAAgDvB,GAAyB,EAEzEwB,IAAwBV,KAAAS,GAAmCE;~~AAAA~~,~~CAAAtB~~,EAAA,OAAAI,IAITkB,IAAAtB,EAAA,MAA9CsB,IAAA,kBAAC,GAAD,EAA6BlB,kBAAiB,CAAA,EAAAJ,EAAA,KAAAI,GAAAJ,EAAA,KAAAsB;CAAA,IAAAC;~~AAAA~~,~~CAAAvB~~,EAAA,OAAAG,KAAAH,EAAA,OAAAY,KAAAZ,EAAA,OAAAmB,KAAAnB,EAAA,OAAAe,KAGjCQ,IAAAR,IAAA,YAAA;~~AAKHZ~~,~~EAHA~~,MAAMgB,EAAY,EAAAN,SACPD,GACV,CAAC,EACFT,GAAa;KALVA,GAOMH,EAAA,KAAAG,GAAAH,EAAA,KAAAY,GAAAZ,EAAA,KAAAmB,GAAAnB,EAAA,KAAAe,GAAAf,EAAA,KAAAuB,KAAAA,IAAAvB,EAAA;CAAA,IAAAwB;~~AAAA~~,~~CAAAxB~~,EAAA,QAAAqB,KAAArB,EAAA,QAAAgB,KAAAhB,EAAA,QAAAuB,KARAC,IAAA;EAAAC,SACNF;EAOMG,eACAV;EAAoBW,UACzBN;EACX,EAAArB,EAAA,MAAAqB,GAAArB,EAAA,MAAAgB,GAAAhB,EAAA,MAAAuB,GAAAvB,EAAA,MAAAwB,KAAAA,IAAAxB,EAAA;CAAA,IAAA4B;~~AAAA~~,~~CAAA5B~~,EAAA,QAAAE,IAGA0B,IAAA5B,EAAA,OAFmB4B,IAAA,EAAAH,SACTvB,GACV,EAAAF,EAAA,MAAAE,GAAAF,EAAA,MAAA4B;CAAA,IAAAC;~~AAAA~~,~~CAAA7B~~,EAAA,QAAAwB,KAAAxB,EAAA,QAAA4B,KAfHC,IAAA,kBAAC,GAAD;EACmB,iBAAAL;EAYG,oBAAAI;EAGpB,CAAA,EAAA5B,EAAA,MAAAwB,GAAAxB,EAAA,MAAA4B,GAAA5B,EAAA,MAAA6B,KAAAA,IAAA7B,EAAA;CAAA,IAAA8B;~~AACE~~,~~QADF9B~~,EAAA,QAAAsB,KAAAtB,EAAA,QAAA6B,KAlBJC,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACER,GACAO,EAiBI;KAAA7B,EAAA,MAAAsB,GAAAtB,EAAA,MAAA6B,GAAA7B,EAAA,MAAA8B,KAAAA,IAAA9B,EAAA,KAnBN8B;GAuBEC,IAAiB;CACrBC,MAAM;CACNC,OAAO;CACPC,OAAO;CACR,EAEKE,KAAerC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAG,qBAAAL,GAKpB,EAAAsC,MAAAC,MAAgC3D,EAAcyB,EAAaE,MAAME,SAAU,EAC3E,EAAA6B,MAAAE,MAAiC5D,EAAcyB,EAAaE,MAAMkC,UAAW,EAI5DnC,IAAAiC,GAAaG,OACZnB,IAAAiB,GAAcE,OAAOlB;~~AAAA~~,~~CAAAvB~~,EAAA,OAAAI,EAAAE,SAAAN,EAAA,OAAAK,KAAAL,EAAA,OAAAsB,KAHfC,IAAAxC,EAA6B;EAAAuB,OAC5CF,EAAaE;EAAMgC,eACXjC;EAAoBkC,gBACnBjB;EACjB,CAAC,EAAAtB,EAAA,KAAAI,EAAAE,OAAAN,EAAA,KAAAK,GAAAL,EAAA,KAAAsB,GAAAtB,EAAA,KAAAuB,KAAAA,IAAAvB,EAAA;CAJF,IAAA0C,IAAwBnB,GAMxB,EAAAc,MAAAM,MAA4BhD,GAAc,EAC1C,EAAA0C,MAAAO,MAAmClE,GAAqB,EAAC8C;~~AAAA~~,~~KAAAxB~~,EAAA,OAAAI,KAAAJ,EAAA,OAAA2C,GAAAE,aAAAC,WAAA9C,EAAA,OAAA4C,GAAAH,OAAA;EAEzD,IAAAM,IAAerD,EAAsBqD,OAAOC,IAAK5C,EAAa6C,MAAO;~~AAcnDjD~~,~~EAZiBwB~~,IAAA;GACjCxC,EAAyBoB,EAAc;GACvCnB,EAA6B;IAAA4B,SAClBT,EAAaS;IAA4BqC,UACxC9C,EAAa+C;IACxB,CAAC;GACFrE,EAA2BsB,EAAa6C,MAAO;GAC/CF,KAAU7D,EAAyBkB,EAAagD,OAAQ;GACxDjE,EAA0B;IAAAkE,wBACAV,GAASE,aAAsBC;IAAAF,kBACrCA,GAAgBH;IACnC,CAAC;GACH,CAAAa,OAAQ9D,EAAS,EAAAQ,EAAA,KAAAI,GAAAJ,EAAA,KAAA2C,GAAAE,aAAAC,SAAA9C,EAAA,KAAA4C,GAAAH,OAAAzC,EAAA,KAAAwB;~~OAAAA~~,~~KAAAxB~~,EAAA;CAZlB,IAAAuD,IAAmC/B,GAYhBI;~~AAAA~~,~~CAAA5B~~,EAAA,OAAA0C,IAIwBd,IAAA5B,EAAA,MAAvC4B,IAAA,kBAAC,GAAD,EAAe,GAAKc,GAAmB,CAAA,EAAA1C,EAAA,KAAA0C,GAAA1C,EAAA,KAAA4B;CAAA,IAAAC;~~AAAA~~,~~CAAA7B~~,EAAA,QAAAuD,IAGjC1B,IAAA7B,EAAA,OAFN6B,IAAA,kBAAA,OAAA;EAAe,WAAA;YACb,kBAAC,GAAD;GAA8B0B;GAAkBxB,SAAAA;GAClD,CAAA;EAAM,CAAA,EAAA/B,EAAA,MAAAuD,GAAAvD,EAAA,MAAA6B;CAAA,IAAAC;~~AACF~~,~~QADE9B~~,EAAA,QAAA4B,KAAA5B,EAAA,QAAA6B,KAJRC,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACEF,GACAC,EAGI;KAAA7B,EAAA,MAAA4B,GAAA5B,EAAA,MAAA6B,GAAA7B,EAAA,MAAA8B,KAAAA,IAAA9B,EAAA,KALN8B"}
1	+ {"version":3,"file":"FillOtcReviewAndConfirm.js","names":["useNativeTokenPrice","useTokenPrice","FillableOtcOrderItem","PayReceiveInfo","constructOrderStatusDetail","constructPayReceiveInfoProps","constructOrderRateDetail","constructOrderReceiverDetail","constructExpiresInDetail","constructNetworkFeeDetail","FillOtcControls","useIsInsufficientTokenBalance","DetailWithValueList","DetailWithValue","isTruthy","SupportedChainId","LimitOrderStateChecker","useGasPrices","useChainMatches","useSwitchChainWithGuard","FillOtcReviewAndConfirm","t0","$","_c","onDismiss","onFlowStart","fillableOrder","t1","extra","srcAmount","srcToken","token","requiredBalanceWei","isInsufficientBalance","orderChainId","chainId","forcedChainMatchesWalletChain","wrongNetwork","fillBtnLabelOverride","undefined","mutateAsync","switchChain","isPending","fillBtnDisabled","t2","t3","t4","onClick","labelOverride","disabled","t5","t6","t7","detailsClasses","root","title","value","const","OrderDetails","data","srcTokenPrice","destTokenPrice","destToken","price","payReceiveProps","gasPrices","nativeTokenPrice","legacyPrices","instant","active","has","state","receiver","taker","expiry","gasPriceMultiplierGwei","filter","details"],"sources":["../../../../../src/components/widget/ReviewAndConfirm/FillOtcReviewAndConfirm/FillOtcReviewAndConfirm.tsx"],"sourcesContent":["import {\n useNativeTokenPrice,\n useTokenPrice,\n} from \"@/hooks/tokens/prices/useTokenPrices\";\nimport type { FillableOtcOrderItem } from \"../../OtcOrderItem/types\";\nimport { PayReceiveInfo } from \"../../PayReceiveInfo/PayReceiveInfo\";\nimport {\n constructOrderStatusDetail,\n constructPayReceiveInfoProps,\n constructOrderRateDetail,\n constructOrderReceiverDetail,\n constructExpiresInDetail,\n constructNetworkFeeDetail,\n} from \"./utils\";\nimport { FillOtcControls } from \"./FillOtcControls\";\nimport { useIsInsufficientTokenBalance } from \"@/hooks/tokens/balances/useIsInsufficientTokenBalance\";\nimport { DetailWithValueList } from \"../../Details/DetailWithValueList\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport { isTruthy } from \"@/lib/utils\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport { LimitOrderStateChecker } from \"@/hooks/otc/queries/utils\";\nimport { useGasPrices } from \"@/hooks/gas/useGasPrices\";\nimport { useChainMatches } from \"@/hooks/useChainMatches\";\nimport { useSwitchChainWithGuard } from \"@/hooks/useSwitchChainWithGuard\";\n\nexport const FillOtcReviewAndConfirm = ({\n onDismiss,\n onFlowStart,\n fillableOrder,\n}: {\n onDismiss?: () => void;\n onFlowStart: () => void;\n fillableOrder: FillableOtcOrderItem;\n}) => {\n const isInsufficientBalance = useIsInsufficientTokenBalance({\n token: fillableOrder.extra.srcToken,\n requiredBalanceWei: fillableOrder.extra.srcAmount,\n });\n\n const orderChainId = fillableOrder.chainId as SupportedChainId;\n\n const { forcedChainMatchesWalletChain } = useChainMatches(orderChainId);\n const wrongNetwork = !forcedChainMatchesWalletChain;\n\n const fillBtnLabelOverride = wrongNetwork\n ? \"Wrong network\"\n : isInsufficientBalance\n ? \"Insufficient funds\"\n : undefined;\n\n const { mutateAsync: switchChain, isPending } = useSwitchChainWithGuard();\n\n const fillBtnDisabled = isInsufficientBalance \|\| isPending;\n\n return (\n <div className=\"px-6 pb-8\">\n <OrderDetails fillableOrder={fillableOrder} />\n <FillOtcControls\n fillButtonProps={{\n onClick: wrongNetwork\n ? async () => {\n await switchChain({\n chainId: orderChainId,\n });\n onFlowStart();\n }\n : onFlowStart,\n labelOverride: fillBtnLabelOverride,\n disabled: fillBtnDisabled,\n }}\n dismissButtonProps={{\n onClick: onDismiss,\n }}\n />\n </div>\n );\n};\n\nconst detailsClasses = {\n root: \"gap-3\",\n title: \"text-contrast-5 dark:text-contrast-6\",\n value: \"text-contrast-4 dark:text-contrast-7\",\n} as const;\n\nconst OrderDetails = ({\n fillableOrder,\n}: {\n fillableOrder: FillableOtcOrderItem;\n}) => {\n const { data: srcTokenPrice } = useTokenPrice(fillableOrder.extra.srcToken);\n const { data: destTokenPrice } = useTokenPrice(fillableOrder.extra.destToken);\n\n const payReceiveProps = constructPayReceiveInfoProps({\n extra: fillableOrder.extra,\n srcTokenPrice: srcTokenPrice?.price,\n destTokenPrice: destTokenPrice?.price,\n });\n\n const { data: gasPrices } = useGasPrices();\n const { data: nativeTokenPrice } = useNativeTokenPrice();\n\n const active = LimitOrderStateChecker.active.has(fillableOrder.state);\n\n const details: DetailWithValue[] = [\n constructOrderRateDetail(fillableOrder),\n constructOrderReceiverDetail({\n chainId: fillableOrder.chainId as SupportedChainId,\n receiver: fillableOrder.taker,\n }),\n constructOrderStatusDetail(fillableOrder.state),\n active && constructExpiresInDetail(fillableOrder.expiry),\n constructNetworkFeeDetail({\n gasPriceMultiplierGwei: gasPrices?.legacyPrices.instant,\n nativeTokenPrice: nativeTokenPrice?.price,\n }),\n ].filter(isTruthy);\n\n return (\n <div className=\"flex flex-col gap-4 pb-6\">\n <PayReceiveInfo {...payReceiveProps} />\n <div className=\"rounded-sm border border-contrast-7 dark:border-contrast-3 p-4\">\n <DetailWithValueList details={details} classes={detailsClasses} />\n </div>\n </div>\n );\n};\n"],"mappings":"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"}

package/dist/components/widget/ReviewAndConfirm/FillOtcReviewAndConfirm/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.js","names":["formatTokenAmount","LimitOrderItemExtra","RequiredLimitOrderItemExtra","PayReceiveInfoProps","Rate","TimeTillExpiry","DetailWithValue","shortenAddress","constructAddressLinkForChain","SupportedChainId","StatusBadge","LimitOrderState","Big","FILL_ORDER_GAS_LIMIT_INACCURATE","TokenBadgeProps","constructOrderRateDetail","extra","title","value","constructOrderReceiverDetail","chainId","receiver","address","constructExpiresInDetail","expiresIn","constructNetworkFeeDetail","gasCost","gasPriceMultiplierGwei","nativeTokenPrice","gasFeeETH","mul","div","gasCostUSD","toFixed","constructOrderStatusDetail","state","tokenBadgeClasses","amount","symbol","logo","constructPayReceiveInfoProps","srcTokenPrice","destTokenPrice","srcToken","destToken","srcAmountUnit","destAmountUnit","formattedSrcAmount","formattedDestAmount","srcUsdAmount","undefined","parseFloat","destUsdAmount","topTokenBadgeProps","network","img","amountPosition","const","classes","bottomTokenBadgeProps","topToken","tokenBadgeProps","label","usdAmount","showNetwork","bottomToken"],"sources":["../../../../../src/components/widget/ReviewAndConfirm/FillOtcReviewAndConfirm/utils.tsx"],"sourcesContent":["import { formatTokenAmount } from \"@/lib/utils/formatTokenBalance\";\nimport type {\n LimitOrderItemExtra,\n RequiredLimitOrderItemExtra,\n} from \"../../LimitOrderItem/types\";\nimport type { PayReceiveInfoProps } from \"../../PayReceiveInfo/types\";\nimport { Rate, TimeTillExpiry } from \"../../LimitOrderItem/LimitOrderListItem\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport { shortenAddress } from \"@/lib/utils\";\nimport { constructAddressLinkForChain } from \"@/lib/utils/explorer\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport { StatusBadge } from \"../../OtcOrderItem/OtcOrderListItem\";\nimport type { LimitOrderState } from \"@velora-dex/sdk\";\nimport Big from \"big.js\";\nimport { FILL_ORDER_GAS_LIMIT_INACCURATE } from \"@/lib/constants\";\nimport type { TokenBadgeProps } from \"../../TokenBadge/types\";\n\nexport function constructOrderRateDetail({\n extra,\n}: {\n extra: LimitOrderItemExtra;\n}): DetailWithValue {\n return {\n title: \"Order Rate\",\n value: <Rate extra={extra} />,\n };\n}\n\nexport function constructOrderReceiverDetail({\n chainId,\n receiver,\n}: {\n chainId: SupportedChainId;\n receiver: string;\n}): DetailWithValue {\n return {\n title: \"Receiver\",\n value: (\n <a\n className=\"underline uppercase dark:text-contrast-7\"\n href={constructAddressLinkForChain({\n chainId,\n address: receiver,\n })}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n {shortenAddress(receiver)}\n </a>\n ),\n };\n}\n\nexport function constructExpiresInDetail(expiresIn: number): DetailWithValue {\n return {\n title: \"Expires in\",\n value: <TimeTillExpiry deadline={expiresIn} />,\n };\n}\n\nexport function constructNetworkFeeDetail({\n gasCost = FILL_ORDER_GAS_LIMIT_INACCURATE,\n gasPriceMultiplierGwei,\n nativeTokenPrice,\n}: {\n gasCost?: number; // gas limit (number of gas units)\n gasPriceMultiplierGwei?: number; // gas price in Gwei\n nativeTokenPrice?: number;\n}): DetailWithValue \| undefined {\n if (gasPriceMultiplierGwei && nativeTokenPrice) {\n // Calculate gas cost in ETH:\n // gasLimit * gasPriceInGwei = gas cost in Gwei\n // gas cost in Gwei / 1e9 = gas cost in ETH (since 1 Gwei = 10^-9 ETH)\n const gasFeeETH = Big(gasCost).mul(gasPriceMultiplierGwei).div(1e9);\n const gasCostUSD = gasFeeETH.mul(nativeTokenPrice);\n\n return {\n title: \"Network Fees\",\n value: <div>~ ${gasCostUSD.toFixed(4)}</div>,\n };\n }\n}\n\nexport function constructOrderStatusDetail(\n state: LimitOrderState\n): DetailWithValue {\n return {\n title: \"Order Status\",\n value: <StatusBadge state={state} />,\n };\n}\n\nconst tokenBadgeClasses = {\n amount: \"dark:text-contrast-9\",\n symbol: \"dark:text-contrast-9\",\n logo: \"size-[18px]\",\n};\n\nexport function constructPayReceiveInfoProps({\n extra,\n srcTokenPrice,\n destTokenPrice,\n}: {\n extra: RequiredLimitOrderItemExtra;\n srcTokenPrice?: number;\n destTokenPrice?: number;\n}): PayReceiveInfoProps {\n const { srcToken, destToken, srcAmountUnit, destAmountUnit } = extra;\n\n const formattedSrcAmount = formatTokenAmount(srcAmountUnit);\n const formattedDestAmount = formatTokenAmount(destAmountUnit);\n\n const srcUsdAmount =\n srcTokenPrice !== undefined\n ? parseFloat(srcAmountUnit) * srcTokenPrice\n : undefined;\n const destUsdAmount =\n destTokenPrice !== undefined\n ? parseFloat(destAmountUnit) * destTokenPrice\n : undefined;\n\n const topTokenBadgeProps: TokenBadgeProps = {\n address: srcToken.address,\n symbol: srcToken.symbol,\n chainId: srcToken.network,\n img: srcToken.img,\n amount: formattedSrcAmount,\n amountPosition: \"right\" as const,\n classes: tokenBadgeClasses,\n };\n\n const bottomTokenBadgeProps: TokenBadgeProps = {\n address: destToken.address,\n symbol: destToken.symbol,\n chainId: destToken.network,\n img: destToken.img,\n amount: formattedDestAmount,\n amountPosition: \"right\" as const,\n classes: tokenBadgeClasses,\n };\n\n return {\n topToken: {\n tokenBadgeProps: topTokenBadgeProps,\n label: \"You Send\",\n usdAmount: srcUsdAmount,\n showNetwork: true,\n },\n bottomToken: {\n tokenBadgeProps: bottomTokenBadgeProps,\n label: \"You’ll Receive\",\n usdAmount: destUsdAmount,\n showNetwork: true,\n },\n };\n}\n"],"mappings":";;;;;;;;;AAiBA,SAAgBe,EAAyB,EACvCC,YAGkB;~~AAClB~~,~~QAAO~~;EACLC,OAAO;EACPC,OAAO,kBAAC,GAAD,EAAaF,UAAM,CAAA;EAC3B;;AAGH,SAAgBG,EAA6B,EAC3CC,YACAC,eAIkB;~~AAClB~~,~~QAAO~~;EACLJ,OAAO;EACPC,OACE,kBAAC,KAAD;GACE,WAAU;GACV,MAAMV,EAA6B;IACjCY;IACAE,SAASD;IACV,CAAC;GACF,QAAO;GACP,KAAI;aAEHd,EAAec,EAAS;GACxB,CAAA;EAEN;;AAGH,SAAgBE,EAAyBC,GAAoC;~~AAC3E~~,~~QAAO~~;EACLP,OAAO;EACPC,OAAO,kBAAC,GAAD,EAAgB,UAAUM,GAAU,CAAA;EAC5C;;AAGH,SAAgBC,EAA0B,EACxCC,aAAUb,GACVc,2BACAC,uBAK8B;~~AAC9B~~,~~KAAID~~,KAA0BC,~~EAO5B~~,~~QAAO~~;EACLX,OAAO;EACPC,OAAO,kBAAC,OAAD,EAAA,UAAA,CAAK,OALIN,EAAIc,EAAQ,CAACI,IAAIH,EAAuB,CAACI,IAAI,~~IAAI~~,~~CACtCD~~,IAAIF,~~EAAiB~~,~~CAIrBK~~,QAAQ,EAAE,CAAM,EAAA,CAAA;EAC5C;;AAIL,SAAgBC,EACdC,GACiB;~~AACjB~~,~~QAAO~~;EACLlB,OAAO;EACPC,OAAO,kBAAC,GAAD,EAAoBiB,UAAM,CAAA;EAClC;;AAGH,IAAMC,IAAoB;CACxBC,QAAQ;CACRC,QAAQ;CACRC,MAAM;CACP;AAED,SAAgBC,EAA6B,EAC3CxB,UACAyB,kBACAC,qBAKsB;CACtB,IAAM,EAAEC,aAAUC,cAAWC,kBAAeC,sBAAmB9B,GAEzD+B,IAAqB/C,EAAkB6C,EAAc,EACrDG,IAAsBhD,EAAkB8C,EAAe,EAEvDG,IACJR,MAAkBS,KAAAA,IAEdA,KAAAA,IADAC,WAAWN,EAAc,GAAGJ,GAE5BW,IACJV,MAAmBQ,KAAAA,IAEfA,KAAAA,IADAC,WAAWL,EAAe,GAAGJ,GAG7BW,IAAsC;EAC1C/B,SAASqB,EAASrB;EAClBgB,QAAQK,EAASL;EACjBlB,SAASuB,EAASW;EAClBC,KAAKZ,EAASY;EACdlB,QAAQU;EACRS,gBAAgB;EAChBE,SAAStB;EACV,EAEKuB,IAAyC;EAC7CrC,SAASsB,EAAUtB;EACnBgB,QAAQM,EAAUN;EAClBlB,SAASwB,EAAUU;EACnBC,KAAKX,EAAUW;EACflB,QAAQW;EACRQ,gBAAgB;EAChBE,SAAStB;EACV;~~AAED~~,~~QAAO~~;EACLwB,UAAU;GACRC,iBAAiBR;GACjBS,OAAO;GACPC,WAAWd;GACXe,aAAa;GACd;EACDC,aAAa;GACXJ,iBAAiBF;GACjBG,OAAO;GACPC,WAAWX;GACXY,aAAa;GACf;EACD"}
1	+ {"version":3,"file":"utils.js","names":["formatTokenAmount","LimitOrderItemExtra","RequiredLimitOrderItemExtra","PayReceiveInfoProps","Rate","TimeTillExpiry","DetailWithValue","shortenAddress","constructAddressLinkForChain","SupportedChainId","StatusBadge","LimitOrderState","Big","FILL_ORDER_GAS_LIMIT_INACCURATE","TokenBadgeProps","constructOrderRateDetail","extra","title","value","constructOrderReceiverDetail","chainId","receiver","address","constructExpiresInDetail","expiresIn","constructNetworkFeeDetail","gasCost","gasPriceMultiplierGwei","nativeTokenPrice","gasFeeETH","mul","div","gasCostUSD","toFixed","constructOrderStatusDetail","state","tokenBadgeClasses","amount","symbol","logo","constructPayReceiveInfoProps","srcTokenPrice","destTokenPrice","srcToken","destToken","srcAmountUnit","destAmountUnit","formattedSrcAmount","formattedDestAmount","srcUsdAmount","undefined","parseFloat","destUsdAmount","topTokenBadgeProps","network","img","amountPosition","const","classes","bottomTokenBadgeProps","topToken","tokenBadgeProps","label","usdAmount","showNetwork","bottomToken"],"sources":["../../../../../src/components/widget/ReviewAndConfirm/FillOtcReviewAndConfirm/utils.tsx"],"sourcesContent":["import { formatTokenAmount } from \"@/lib/utils/formatTokenBalance\";\nimport type {\n LimitOrderItemExtra,\n RequiredLimitOrderItemExtra,\n} from \"../../LimitOrderItem/types\";\nimport type { PayReceiveInfoProps } from \"../../PayReceiveInfo/types\";\nimport { Rate, TimeTillExpiry } from \"../../LimitOrderItem/LimitOrderListItem\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport { shortenAddress } from \"@/lib/utils\";\nimport { constructAddressLinkForChain } from \"@/lib/utils/explorer\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport { StatusBadge } from \"../../OtcOrderItem/OtcOrderListItem\";\nimport type { LimitOrderState } from \"@velora-dex/sdk\";\nimport Big from \"big.js\";\nimport { FILL_ORDER_GAS_LIMIT_INACCURATE } from \"@/lib/constants\";\nimport type { TokenBadgeProps } from \"../../TokenBadge/types\";\n\nexport function constructOrderRateDetail({\n extra,\n}: {\n extra: LimitOrderItemExtra;\n}): DetailWithValue {\n return {\n title: \"Order Rate\",\n value: <Rate extra={extra} />,\n };\n}\n\nexport function constructOrderReceiverDetail({\n chainId,\n receiver,\n}: {\n chainId: SupportedChainId;\n receiver: string;\n}): DetailWithValue {\n return {\n title: \"Receiver\",\n value: (\n <a\n className=\"underline uppercase dark:text-contrast-7\"\n href={constructAddressLinkForChain({\n chainId,\n address: receiver,\n })}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n {shortenAddress(receiver)}\n </a>\n ),\n };\n}\n\nexport function constructExpiresInDetail(expiresIn: number): DetailWithValue {\n return {\n title: \"Expires in\",\n value: <TimeTillExpiry deadline={expiresIn} />,\n };\n}\n\nexport function constructNetworkFeeDetail({\n gasCost = FILL_ORDER_GAS_LIMIT_INACCURATE,\n gasPriceMultiplierGwei,\n nativeTokenPrice,\n}: {\n gasCost?: number; // gas limit (number of gas units)\n gasPriceMultiplierGwei?: number; // gas price in Gwei\n nativeTokenPrice?: number;\n}): DetailWithValue \| undefined {\n if (gasPriceMultiplierGwei && nativeTokenPrice) {\n // Calculate gas cost in ETH:\n // gasLimit * gasPriceInGwei = gas cost in Gwei\n // gas cost in Gwei / 1e9 = gas cost in ETH (since 1 Gwei = 10^-9 ETH)\n const gasFeeETH = Big(gasCost).mul(gasPriceMultiplierGwei).div(1e9);\n const gasCostUSD = gasFeeETH.mul(nativeTokenPrice);\n\n return {\n title: \"Network Fees\",\n value: <div>~ ${gasCostUSD.toFixed(4)}</div>,\n };\n }\n}\n\nexport function constructOrderStatusDetail(\n state: LimitOrderState\n): DetailWithValue {\n return {\n title: \"Order Status\",\n value: <StatusBadge state={state} />,\n };\n}\n\nconst tokenBadgeClasses = {\n amount: \"dark:text-contrast-9\",\n symbol: \"dark:text-contrast-9\",\n logo: \"size-[18px]\",\n};\n\nexport function constructPayReceiveInfoProps({\n extra,\n srcTokenPrice,\n destTokenPrice,\n}: {\n extra: RequiredLimitOrderItemExtra;\n srcTokenPrice?: number;\n destTokenPrice?: number;\n}): PayReceiveInfoProps {\n const { srcToken, destToken, srcAmountUnit, destAmountUnit } = extra;\n\n const formattedSrcAmount = formatTokenAmount(srcAmountUnit);\n const formattedDestAmount = formatTokenAmount(destAmountUnit);\n\n const srcUsdAmount =\n srcTokenPrice !== undefined\n ? parseFloat(srcAmountUnit) * srcTokenPrice\n : undefined;\n const destUsdAmount =\n destTokenPrice !== undefined\n ? parseFloat(destAmountUnit) * destTokenPrice\n : undefined;\n\n const topTokenBadgeProps: TokenBadgeProps = {\n address: srcToken.address,\n symbol: srcToken.symbol,\n chainId: srcToken.network,\n img: srcToken.img,\n amount: formattedSrcAmount,\n amountPosition: \"right\" as const,\n classes: tokenBadgeClasses,\n };\n\n const bottomTokenBadgeProps: TokenBadgeProps = {\n address: destToken.address,\n symbol: destToken.symbol,\n chainId: destToken.network,\n img: destToken.img,\n amount: formattedDestAmount,\n amountPosition: \"right\" as const,\n classes: tokenBadgeClasses,\n };\n\n return {\n topToken: {\n tokenBadgeProps: topTokenBadgeProps,\n label: \"You Send\",\n usdAmount: srcUsdAmount,\n showNetwork: true,\n },\n bottomToken: {\n tokenBadgeProps: bottomTokenBadgeProps,\n label: \"You’ll Receive\",\n usdAmount: destUsdAmount,\n showNetwork: true,\n },\n };\n}\n"],"mappings":";;;;;;;;;AAiBA,SAAgBe,EAAyB,EACvCC,YAGkB;CAClB,OAAO;EACLC,OAAO;EACPC,OAAO,kBAAC,GAAD,EAAaF,UAAM,CAAA;EAC3B;;AAGH,SAAgBG,EAA6B,EAC3CC,YACAC,eAIkB;CAClB,OAAO;EACLJ,OAAO;EACPC,OACE,kBAAC,KAAD;GACE,WAAU;GACV,MAAMV,EAA6B;IACjCY;IACAE,SAASD;IACV,CAAC;GACF,QAAO;GACP,KAAI;aAEHd,EAAec,EAAS;GACxB,CAAA;EAEN;;AAGH,SAAgBE,EAAyBC,GAAoC;CAC3E,OAAO;EACLP,OAAO;EACPC,OAAO,kBAAC,GAAD,EAAgB,UAAUM,GAAU,CAAA;EAC5C;;AAGH,SAAgBC,EAA0B,EACxCC,aAAUb,GACVc,2BACAC,uBAK8B;CAC9B,IAAID,KAA0BC,GAO5B,OAAO;EACLX,OAAO;EACPC,OAAO,kBAAC,OAAD,EAAA,UAAA,CAAK,OALIN,EAAIc,EAAQ,CAACI,IAAIH,EAAuB,CAACI,IAAI,IAC5CF,CAAUC,IAAIF,EAIfI,CAAWC,QAAQ,EAAE,CAAM,EAAA,CAAA;EAC5C;;AAIL,SAAgBC,EACdC,GACiB;CACjB,OAAO;EACLlB,OAAO;EACPC,OAAO,kBAAC,GAAD,EAAoBiB,UAAM,CAAA;EAClC;;AAGH,IAAMC,IAAoB;CACxBC,QAAQ;CACRC,QAAQ;CACRC,MAAM;CACP;AAED,SAAgBC,EAA6B,EAC3CxB,UACAyB,kBACAC,qBAKsB;CACtB,IAAM,EAAEC,aAAUC,cAAWC,kBAAeC,sBAAmB9B,GAEzD+B,IAAqB/C,EAAkB6C,EAAc,EACrDG,IAAsBhD,EAAkB8C,EAAe,EAEvDG,IACJR,MAAkBS,KAAAA,IAEdA,KAAAA,IADAC,WAAWN,EAAc,GAAGJ,GAE5BW,IACJV,MAAmBQ,KAAAA,IAEfA,KAAAA,IADAC,WAAWL,EAAe,GAAGJ,GAG7BW,IAAsC;EAC1C/B,SAASqB,EAASrB;EAClBgB,QAAQK,EAASL;EACjBlB,SAASuB,EAASW;EAClBC,KAAKZ,EAASY;EACdlB,QAAQU;EACRS,gBAAgB;EAChBE,SAAStB;EACV,EAEKuB,IAAyC;EAC7CrC,SAASsB,EAAUtB;EACnBgB,QAAQM,EAAUN;EAClBlB,SAASwB,EAAUU;EACnBC,KAAKX,EAAUW;EACflB,QAAQW;EACRQ,gBAAgB;EAChBE,SAAStB;EACV;CAED,OAAO;EACLwB,UAAU;GACRC,iBAAiBR;GACjBS,OAAO;GACPC,WAAWd;GACXe,aAAa;GACd;EACDC,aAAa;GACXJ,iBAAiBF;GACjBG,OAAO;GACPC,WAAWX;GACXY,aAAa;GACf;EACD"}

package/dist/components/widget/RowVirtualizer/RowVirtualizerFixed.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RowVirtualizerFixed.js","names":["useRef","useVirtualizer","cn","RowVirtualizerFixedProps","useLogger","RowVirtualizerFixed","rows","rowHeight","visibleRows","rowRenderer","RowRenderer","containerClassName","Row","logger","parentRef","rowVirtualizer","count","length","getScrollElement","current","estimateSize","overscan","style","height","getTotalSize","width","position","getVirtualItems","map","virtualRow","row","index","warn","key","top","left","size","transform","start"],"sources":["../../../../src/components/widget/RowVirtualizer/RowVirtualizerFixed.tsx"],"sourcesContent":["import { useRef } from \"react\";\nimport { useVirtualizer } from \"@tanstack/react-virtual\";\nimport { cn } from \"@/lib/utils\";\nimport type { RowVirtualizerFixedProps } from \"./types\";\nimport { useLogger } from \"@/core/logger\";\n\nexport const RowVirtualizerFixed = <Row extends object>({\n rows,\n rowHeight,\n visibleRows,\n rowRenderer: RowRenderer,\n containerClassName,\n}: RowVirtualizerFixedProps<Row>) => {\n \"use no memo\";\n // https://github.com/TanStack/table/issues/5567#issuecomment-2131478675\n\n const logger = useLogger(\"RowVirtualizerFixed\");\n\n const parentRef = useRef(null);\n\n // eslint-disable-next-line react-hooks/incompatible-library\n const rowVirtualizer = useVirtualizer({\n count: rows.length,\n getScrollElement: () => parentRef.current,\n estimateSize: () => rowHeight,\n overscan: 5,\n });\n\n const style = visibleRows\n ? {\n height: `${visibleRows * rowHeight}px`,\n }\n : {};\n\n return (\n <div\n ref={parentRef}\n className={cn(\"overflow-auto\", containerClassName)}\n style={style}\n >\n <div\n style={{\n height: `${rowVirtualizer.getTotalSize()}px`,\n width: \"100%\",\n position: \"relative\",\n }}\n >\n {rowVirtualizer.getVirtualItems().map((virtualRow) => {\n const row = rows[virtualRow.index];\n\n if (!row) {\n logger.warn(\"no item was found at index:\", virtualRow.index);\n return null;\n }\n\n return (\n <div\n key={virtualRow.key}\n style={{\n position: \"absolute\",\n top: 0,\n left: 0,\n width: \"100%\",\n height: `${virtualRow.size}px`,\n transform: `translateY(${virtualRow.start}px)`,\n }}\n >\n <RowRenderer row={row} index={virtualRow.index} />\n </div>\n );\n })}\n </div>\n </div>\n );\n};\n"],"mappings":";;;;;;AAMA,IAAaK,KAA2C,EACtDC,SACAC,cACAC,gBACAC,aAAaC,GACbC,4BACmC;AACnC;CAGA,IAAME,IAAST,EAAU,sBAAsB,EAEzCU,IAAYd,EAAO,KAAK,EAGxBe,IAAiBd,EAAe;EACpCe,OAAOV,EAAKW;EACZC,wBAAwBJ,EAAUK;EAClCC,oBAAoBb;EACpBc,UAAU;EACX,CAAC,EAEIC,IAAQd,IACV,EACEe,QAAQ,GAAGf,IAAcD,EAAS,KACnC,GACD,EAAE;~~AAEN~~,~~QACE~~,kBAAC,OAAD;EACE,KAAKO;EACL,WAAWZ,EAAG,iBAAiBS,EAAmB;EAC3CW;YAEP,kBAAC,OAAD;GACE,OAAO;IACLC,QAAQ,GAAGR,EAAeS,cAAc,CAAA;IACxCC,OAAO;IACPC,UAAU;IACX;aAEAX,EAAeY,iBAAiB,CAACC,KAAKC,MAAe;IACpD,IAAMC,IAAMxB,EAAKuB,EAAWE;~~AAO5B~~,~~WALKD~~,IAMH,kBAAC,OAAD;KAEE,OAAO;MACLJ,UAAU;MACVQ,KAAK;MACLC,MAAM;MACNV,OAAO;MACPF,QAAQ,GAAGM,EAAWO,KAAI;MAC1BC,WAAW,cAAcR,EAAWS,MAAK;MAC1C;eAED,kBAAC,GAAD;MAAkBR;MAAK,OAAOD,EAAWE;MAAM,CAAA;KAC3C,EAXCF,EAAWI,IAWZ,IAjBNpB,EAAOmB,KAAK,+BAA+BH,EAAWE,MAAM,EACrD;KAkBT;GACC,CAAA;EACD,CAAA"}
1	+ {"version":3,"file":"RowVirtualizerFixed.js","names":["useRef","useVirtualizer","cn","RowVirtualizerFixedProps","useLogger","RowVirtualizerFixed","rows","rowHeight","visibleRows","rowRenderer","RowRenderer","containerClassName","Row","logger","parentRef","rowVirtualizer","count","length","getScrollElement","current","estimateSize","overscan","style","height","getTotalSize","width","position","getVirtualItems","map","virtualRow","row","index","warn","key","top","left","size","transform","start"],"sources":["../../../../src/components/widget/RowVirtualizer/RowVirtualizerFixed.tsx"],"sourcesContent":["import { useRef } from \"react\";\nimport { useVirtualizer } from \"@tanstack/react-virtual\";\nimport { cn } from \"@/lib/utils\";\nimport type { RowVirtualizerFixedProps } from \"./types\";\nimport { useLogger } from \"@/core/logger\";\n\nexport const RowVirtualizerFixed = <Row extends object>({\n rows,\n rowHeight,\n visibleRows,\n rowRenderer: RowRenderer,\n containerClassName,\n}: RowVirtualizerFixedProps<Row>) => {\n \"use no memo\";\n // https://github.com/TanStack/table/issues/5567#issuecomment-2131478675\n\n const logger = useLogger(\"RowVirtualizerFixed\");\n\n const parentRef = useRef(null);\n\n // eslint-disable-next-line react-hooks/incompatible-library\n const rowVirtualizer = useVirtualizer({\n count: rows.length,\n getScrollElement: () => parentRef.current,\n estimateSize: () => rowHeight,\n overscan: 5,\n });\n\n const style = visibleRows\n ? {\n height: `${visibleRows * rowHeight}px`,\n }\n : {};\n\n return (\n <div\n ref={parentRef}\n className={cn(\"overflow-auto\", containerClassName)}\n style={style}\n >\n <div\n style={{\n height: `${rowVirtualizer.getTotalSize()}px`,\n width: \"100%\",\n position: \"relative\",\n }}\n >\n {rowVirtualizer.getVirtualItems().map((virtualRow) => {\n const row = rows[virtualRow.index];\n\n if (!row) {\n logger.warn(\"no item was found at index:\", virtualRow.index);\n return null;\n }\n\n return (\n <div\n key={virtualRow.key}\n style={{\n position: \"absolute\",\n top: 0,\n left: 0,\n width: \"100%\",\n height: `${virtualRow.size}px`,\n transform: `translateY(${virtualRow.start}px)`,\n }}\n >\n <RowRenderer row={row} index={virtualRow.index} />\n </div>\n );\n })}\n </div>\n </div>\n );\n};\n"],"mappings":";;;;;;AAMA,IAAaK,KAA2C,EACtDC,SACAC,cACAC,gBACAC,aAAaC,GACbC,4BACmC;AACnC;CAGA,IAAME,IAAST,EAAU,sBAAsB,EAEzCU,IAAYd,EAAO,KAAK,EAGxBe,IAAiBd,EAAe;EACpCe,OAAOV,EAAKW;EACZC,wBAAwBJ,EAAUK;EAClCC,oBAAoBb;EACpBc,UAAU;EACX,CAAC,EAEIC,IAAQd,IACV,EACEe,QAAQ,GAAGf,IAAcD,EAAS,KACnC,GACD,EAAE;CAEN,OACE,kBAAC,OAAD;EACE,KAAKO;EACL,WAAWZ,EAAG,iBAAiBS,EAAmB;EAC3CW;YAEP,kBAAC,OAAD;GACE,OAAO;IACLC,QAAQ,GAAGR,EAAeS,cAAc,CAAA;IACxCC,OAAO;IACPC,UAAU;IACX;aAEAX,EAAeY,iBAAiB,CAACC,KAAKC,MAAe;IACpD,IAAMC,IAAMxB,EAAKuB,EAAWE;IAO5B,OALKD,IAMH,kBAAC,OAAD;KAEE,OAAO;MACLJ,UAAU;MACVQ,KAAK;MACLC,MAAM;MACNV,OAAO;MACPF,QAAQ,GAAGM,EAAWO,KAAI;MAC1BC,WAAW,cAAcR,EAAWS,MAAK;MAC1C;eAED,kBAAC,GAAD;MAAkBR;MAAK,OAAOD,EAAWE;MAAM,CAAA;KAC3C,EAXCF,EAAWI,IAWZ,IAjBNpB,EAAOmB,KAAK,+BAA+BH,EAAWE,MAAM,EACrD;KAkBT;GACC,CAAA;EACD,CAAA"}

package/dist/components/widget/Screen/GenericScreen.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GenericScreen.js","names":["cn","WithClasses","ArrowLeft","XIcon","PropsWithChildren","GenericScreenProps","title","showBackButton","showCloseButton","closeButtonReplacement","React","ReactNode","onGoBack","onClose","headerClasses","HeaderClasses","GenericScreenHeaderProps","Pick","GenericScreen","t0","$","_c","children","classes","headerProps","t1","root","t2","t3","t4","GenericScreenHeader","_showBackButton","_showCloseButton","t5","t6","t7","t8"],"sources":["../../../../src/components/widget/Screen/GenericScreen.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport { ArrowLeft, XIcon } from \"lucide-react\";\nimport type { PropsWithChildren } from \"react\";\n\nexport type GenericScreenProps = PropsWithChildren<\n {\n title?: string;\n showBackButton?: boolean;\n showCloseButton?: boolean;\n closeButtonReplacement?: React.ReactNode;\n onGoBack?: () => void;\n onClose?: () => void;\n headerClasses?: HeaderClasses[\"classes\"];\n } & WithClasses<\"root\">\n>;\n\ntype HeaderClasses = WithClasses<\"root\" \| \"title\">;\n\nexport type GenericScreenHeaderProps = Pick<\n GenericScreenProps,\n \| \"title\"\n \| \"showBackButton\"\n \| \"showCloseButton\"\n \| \"closeButtonReplacement\"\n \| \"onGoBack\"\n \| \"onClose\"\n> &\n HeaderClasses;\n\nexport const GenericScreen = ({\n children,\n classes,\n headerClasses,\n ...headerProps\n}: GenericScreenProps) => {\n return (\n <div\n className={cn(\n \"bg-contrast-8 dark:bg-contrast-2 border border-contrast-7 dark:border-contrast-4 rounded-xxl min-w-[375px] w-full\",\n classes?.root\n )}\n >\n <GenericScreenHeader {...headerProps} classes={headerClasses} />\n {children}\n </div>\n );\n};\n\nexport const GenericScreenHeader = ({\n title,\n showBackButton,\n showCloseButton,\n closeButtonReplacement,\n onGoBack,\n onClose,\n classes,\n}: GenericScreenHeaderProps) => {\n const _showBackButton = showBackButton && onGoBack;\n const _showCloseButton = showCloseButton && onClose;\n if (!(_showBackButton \|\| _showCloseButton \|\| title \|\| closeButtonReplacement))\n return null;\n\n return (\n <div\n className={cn(\n \"pb-4 pt-6 px-6 flex items-center justify-between\",\n classes?.root\n )}\n >\n <div className=\"flex items-center gap-5 font-medium text-lg text-contrast-4 dark:text-contrast-7\">\n {_showBackButton && (\n <button onClick={onGoBack}>\n <ArrowLeft className=\"ring-offset-background cursor-pointer focus:ring-ring dark:text-contrast-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0\" />\n </button>\n )}\n <span className={classes?.title}>{title}</span>\n </div>\n {closeButtonReplacement ??\n (_showCloseButton && (\n <button onClick={onClose}>\n <div className=\"ring-offset-background cursor-pointer focus:ring-ring dark:text-contrast-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\">\n <XIcon />\n </div>\n </button>\n ))}\n </div>\n );\n};\n"],"mappings":";;;;;AA8BA,IAAakB,KAAgBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAAC,GAAAC,GAAAT,GAAAU;~~AAAA~~,~~CAAAJ~~,EAAA,OAAAD,KAKRG,IAAAF,EAAA,IAAAG,IAAAH,EAAA,IAAAN,IAAAM,EAAA,IAAAI,IAAAJ,EAAA,OALS,+CAAAI,KAAAL,GAKTC,EAAA,KAAAD,GAAAC,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAN,GAAAM,EAAA,KAAAI;CAKb,IAAAC,IAAAF,GAAOG,MAAMC;~~AAAA~~,~~CAAAP~~,EAAA,OAAAK,IACdE,IAAAP,EAAA,MAHUO,IAAA3B,EACT,qHACAyB,EACD,EAAAL,EAAA,KAAAK,GAAAL,EAAA,KAAAO;CAAA,IAAAC;~~AAAA~~,~~CAAAR~~,EAAA,OAAAN,KAAAM,EAAA,OAAAI,KAEDI,IAAA,kBAAC,GAAD;EAAoB,GAAKJ;EAAsBV,SAAAA;EAAiB,CAAA,EAAAM,EAAA,KAAAN,GAAAM,EAAA,KAAAI,GAAAJ,EAAA,KAAAQ,KAAAA,IAAAR,EAAA;CAAA,IAAAS;~~AAE5D~~,~~QAF4DT~~,EAAA,QAAAE,KAAAF,EAAA,QAAAO,KAAAP,EAAA,QAAAQ,KANlEC,IAAA,kBAAA,OAAA;EACa,WAAAF;YADb,CAMEC,GACCN,EACG;KAAAF,EAAA,MAAAE,GAAAF,EAAA,MAAAO,GAAAP,EAAA,MAAAQ,GAAAR,EAAA,MAAAS,KAAAA,IAAAT,EAAA,KARNS;GAYSC,KAAsBX,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAf,UAAAC,mBAAAC,oBAAAC,2BAAAG,aAAAC,YAAAU,eAAAJ,GASlCY,IAAwBxB,KAAAK,GACxBoB,IAAyBxB,KAAAK;~~AACzB~~,~~KAAI~~,EAAEkB,KAAAC,KAAA1B,KAAAG,~~GAAuE~~,~~QACpE~~;CAMH,IAAAgB,IAAAF,GAAOG,MAAMC;~~AAAA~~,~~CAAAP~~,EAAA,OAAAK,IACdE,IAAAP,EAAA,MAHUO,IAAA3B,EACT,oDACAyB,EACD,EAAAL,EAAA,KAAAK,GAAAL,EAAA,KAAAO;CAAA,IAAAC;~~AAAA~~,~~CAAAR~~,EAAA,OAAAW,KAAAX,EAAA,OAAAR,KAGEgB,IAAAG,KACC,kBAAA,UAAA;EAAiBnB,SAAAA;YACf,kBAAC,GAAD,EAAqB,WAAA,yQACvB,CAAA;EACD,CAAA,EAAAQ,EAAA,KAAAW,GAAAX,EAAA,KAAAR,GAAAQ,EAAA,KAAAQ,KAAAA,IAAAR,EAAA;CACgB,IAAAS,IAAAN,GAAOjB,OAAO2B;~~AAAA~~,~~CAAAb~~,EAAA,OAAAS,KAAAT,EAAA,OAAAd,KAA/B2B,IAAA,kBAAA,QAAA;EAAiB,WAAAJ;YAAiBvB;EAAa,CAAA,EAAAc,EAAA,KAAAS,GAAAT,EAAA,KAAAd,GAAAc,EAAA,KAAAa,KAAAA,IAAAb,EAAA;CAAA,IAAAc;~~AAAA~~,~~CAAAd~~,EAAA,OAAAQ,KAAAR,EAAA,OAAAa,KANjDC,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACGN,GAKDK,EACI;KAAAb,EAAA,KAAAQ,GAAAR,EAAA,KAAAa,GAAAb,EAAA,MAAAc,KAAAA,IAAAd,EAAA;CAAA,IAAAe;~~AAAA~~,~~CAAAf~~,EAAA,QAAAY,KAAAZ,EAAA,QAAAX,KAAAW,EAAA,QAAAP,KACLsB,IAAA1B,MACEuB,KACC,kBAAA,UAAA;EAAiBnB,SAAAA;YACf,kBAAA,OAAA;GAAe,WAAA;aACb,kBAAC,GAAD,EACF,CAAA;GACF,CAAA;EACA,CAAA,GAAAO,EAAA,MAAAY,GAAAZ,EAAA,MAAAX,GAAAW,EAAA,MAAAP,GAAAO,EAAA,MAAAe,KAAAA,IAAAf,EAAA;CAAA,IAAAgB;~~AACA~~,~~QADAhB~~,EAAA,QAAAO,KAAAP,EAAA,QAAAc,KAAAd,EAAA,QAAAe,KArBNC,IAAA,kBAAA,OAAA;EACa,WAAAT;YADb,CAMEO,GAQCC,EAQG;KAAAf,EAAA,MAAAO,GAAAP,EAAA,MAAAc,GAAAd,EAAA,MAAAe,GAAAf,EAAA,MAAAgB,KAAAA,IAAAhB,EAAA,KAtBNgB"}
1	+ {"version":3,"file":"GenericScreen.js","names":["cn","WithClasses","ArrowLeft","XIcon","PropsWithChildren","GenericScreenProps","title","showBackButton","showCloseButton","closeButtonReplacement","React","ReactNode","onGoBack","onClose","headerClasses","HeaderClasses","GenericScreenHeaderProps","Pick","GenericScreen","t0","$","_c","children","classes","headerProps","t1","root","t2","t3","t4","GenericScreenHeader","_showBackButton","_showCloseButton","t5","t6","t7","t8"],"sources":["../../../../src/components/widget/Screen/GenericScreen.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport { ArrowLeft, XIcon } from \"lucide-react\";\nimport type { PropsWithChildren } from \"react\";\n\nexport type GenericScreenProps = PropsWithChildren<\n {\n title?: string;\n showBackButton?: boolean;\n showCloseButton?: boolean;\n closeButtonReplacement?: React.ReactNode;\n onGoBack?: () => void;\n onClose?: () => void;\n headerClasses?: HeaderClasses[\"classes\"];\n } & WithClasses<\"root\">\n>;\n\ntype HeaderClasses = WithClasses<\"root\" \| \"title\">;\n\nexport type GenericScreenHeaderProps = Pick<\n GenericScreenProps,\n \| \"title\"\n \| \"showBackButton\"\n \| \"showCloseButton\"\n \| \"closeButtonReplacement\"\n \| \"onGoBack\"\n \| \"onClose\"\n> &\n HeaderClasses;\n\nexport const GenericScreen = ({\n children,\n classes,\n headerClasses,\n ...headerProps\n}: GenericScreenProps) => {\n return (\n <div\n className={cn(\n \"bg-contrast-8 dark:bg-contrast-2 border border-contrast-7 dark:border-contrast-4 rounded-xxl min-w-[375px] w-full\",\n classes?.root\n )}\n >\n <GenericScreenHeader {...headerProps} classes={headerClasses} />\n {children}\n </div>\n );\n};\n\nexport const GenericScreenHeader = ({\n title,\n showBackButton,\n showCloseButton,\n closeButtonReplacement,\n onGoBack,\n onClose,\n classes,\n}: GenericScreenHeaderProps) => {\n const _showBackButton = showBackButton && onGoBack;\n const _showCloseButton = showCloseButton && onClose;\n if (!(_showBackButton \|\| _showCloseButton \|\| title \|\| closeButtonReplacement))\n return null;\n\n return (\n <div\n className={cn(\n \"pb-4 pt-6 px-6 flex items-center justify-between\",\n classes?.root\n )}\n >\n <div className=\"flex items-center gap-5 font-medium text-lg text-contrast-4 dark:text-contrast-7\">\n {_showBackButton && (\n <button onClick={onGoBack}>\n <ArrowLeft className=\"ring-offset-background cursor-pointer focus:ring-ring dark:text-contrast-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0\" />\n </button>\n )}\n <span className={classes?.title}>{title}</span>\n </div>\n {closeButtonReplacement ??\n (_showCloseButton && (\n <button onClick={onClose}>\n <div className=\"ring-offset-background cursor-pointer focus:ring-ring dark:text-contrast-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\">\n <XIcon />\n </div>\n </button>\n ))}\n </div>\n );\n};\n"],"mappings":"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"}

package/dist/components/widget/Screen/ScreenContainer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ScreenContainer.js","names":["MainScreenContainer","t0","$","_c","children","t1","SecondaryScreenContainer"],"sources":["../../../../src/components/widget/Screen/ScreenContainer.tsx"],"sourcesContent":["export const MainScreenContainer = ({\n children,\n}: {\n children?: React.ReactNode;\n}) => {\n return (\n <div\n className={\n \"relative flex flex-col pt-[24px] px-[24px] pb-[18px] bg-contrast-9 dark:bg-contrast-3 border border-contrast-7 dark:border-contrast-4 rounded-xxl\"\n }\n >\n {children}\n </div>\n );\n};\n\nexport const SecondaryScreenContainer = ({\n children,\n}: {\n children?: React.ReactNode;\n}) => {\n return <div className=\"relative z-2\">{children}</div>;\n};\n"],"mappings":";;;AAAA,IAAaA,KAAsBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAC,gBAAAH,GAInCI;~~AAQS~~,~~QARTH~~,EAAA,OAAAE,IAQSC,IAAAH,EAAA,MANNG,IAAA,kBAAA,OAAA;EAEI,WAAA;EAGDD;EACG,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAG,IANNA;GAUSC,KAA2BL,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAC,gBAAAH,GAIxCI;~~AACsD~~,~~QADtDH~~,EAAA,OAAAE,IACsDC,IAAAH,EAAA,MAA9CG,IAAA,kBAAA,OAAA;EAAe,WAAA;EAAgBD;EAAe,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAG,IAA9CA"}
1	+ {"version":3,"file":"ScreenContainer.js","names":["MainScreenContainer","t0","$","_c","children","t1","SecondaryScreenContainer"],"sources":["../../../../src/components/widget/Screen/ScreenContainer.tsx"],"sourcesContent":["export const MainScreenContainer = ({\n children,\n}: {\n children?: React.ReactNode;\n}) => {\n return (\n <div\n className={\n \"relative flex flex-col pt-[24px] px-[24px] pb-[18px] bg-contrast-9 dark:bg-contrast-3 border border-contrast-7 dark:border-contrast-4 rounded-xxl\"\n }\n >\n {children}\n </div>\n );\n};\n\nexport const SecondaryScreenContainer = ({\n children,\n}: {\n children?: React.ReactNode;\n}) => {\n return <div className=\"relative z-2\">{children}</div>;\n};\n"],"mappings":";;;AAAA,IAAaA,KAAsBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAC,gBAAAH,GAInCI;CAQS,OARTH,EAAA,OAAAE,IAQSC,IAAAH,EAAA,MANNG,IAAA,kBAAA,OAAA;EAEI,WAAA;EAGDD;EACG,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAG,IANNA;GAUSC,KAA2BL,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAC,gBAAAH,GAIxCI;CACsD,OADtDH,EAAA,OAAAE,IACsDC,IAAAH,EAAA,MAA9CG,IAAA,kBAAA,OAAA;EAAe,WAAA;EAAgBD;EAAe,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAG,IAA9CA"}

package/dist/components/widget/SelectToken/SelectTokenButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectTokenButton.js","names":["ComponentProps","Button","TokenBadge","TokenBadgeProps","SelectTokenButtonProps","ChevronIcon","Token","SupportedChainId","useSetScreen","cn","EmptySelectTokenButtonProps","Omit","tokenType","drawerContainer","HTMLElement","onTokenSelect","token","selectableChains","EmptySelectTokenButton","t0","$","_c","className","props","showSelectTokenScreen","closeScreen","t1","t2","onSelect","onClose","t3","tokenBadgeClasses","root","symbol","logo","SelectTokenButton","React","FC","tokenBadgePropsOverride","buttonProps","address","network","img","t4","t5","Symbol","for","t6"],"sources":["../../../../src/components/widget/SelectToken/SelectTokenButton.tsx"],"sourcesContent":["import { type ComponentProps } from \"react\";\nimport { Button } from \"@/components/ui/button\";\nimport { TokenBadge } from \"@/components/widget/TokenBadge/TokenBadge\";\nimport { type TokenBadgeProps } from \"@/components/widget/TokenBadge/types\";\nimport type { SelectTokenButtonProps } from \"./types\";\nimport { ChevronIcon } from \"@/components/widget/Icon/ChevronIcon\";\nimport type { Token } from \"@/tokens/state/types\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport { useSetScreen } from \"@/core/screen/state/hooks/useSetScreen\";\nimport { cn } from \"@/lib/utils\";\n\ntype EmptySelectTokenButtonProps = Omit<\n ComponentProps<typeof Button>,\n \"onClick\"\n> & {\n tokenType?: \"from\" \| \"to\";\n drawerContainer?: HTMLElement \| null;\n onTokenSelect?: (token: Token) => void;\n selectableChains?: SupportedChainId[];\n};\n\nexport const EmptySelectTokenButton = ({\n tokenType,\n drawerContainer,\n onTokenSelect,\n selectableChains,\n className,\n ...props\n}: EmptySelectTokenButtonProps) => {\n const { showSelectTokenScreen, closeScreen } = useSetScreen();\n\n return (\n <Button\n variant=\"select\"\n className={cn(\"h-[32px]\", className)}\n {...props}\n onClick={() => {\n if (tokenType)\n showSelectTokenScreen({\n tokenType,\n onSelect: onTokenSelect,\n onClose: closeScreen,\n selectableChains,\n drawerContainer,\n });\n }}\n >\n Select Token\n </Button>\n );\n};\n\nconst tokenBadgeClasses: TokenBadgeProps[\"classes\"] = {\n root: \"font-inter\",\n symbol: \"text-contrast-4 dark:text-contrast-8\",\n logo: \"size-[24px]\",\n};\n\nexport const SelectTokenButton: React.FC<SelectTokenButtonProps> = ({\n token,\n tokenType,\n tokenBadgePropsOverride,\n drawerContainer,\n onSelect,\n selectableChains,\n buttonProps,\n}) => {\n const { showSelectTokenScreen, closeScreen } = useSetScreen();\n\n if (!token) {\n return (\n <EmptySelectTokenButton\n tokenType={tokenType}\n drawerContainer={drawerContainer}\n onTokenSelect={onSelect}\n selectableChains={selectableChains}\n {...buttonProps}\n />\n );\n }\n\n const { address, network, img, symbol } = token;\n\n return (\n <Button\n onClick={() => {\n if (tokenType)\n showSelectTokenScreen({\n tokenType,\n onSelect,\n onClose: closeScreen,\n selectableChains,\n drawerContainer,\n });\n }}\n {...buttonProps}\n className={cn(\n \"h-[32px] py-1 px-2 bg-contrast-9 hover:bg-contrast-9 dark:bg-contrast-4 hover:outline-solid hover:outline-1 hover:outline-contrast-6 dark:hover:outline-contrast-5 transition-none\",\n buttonProps?.className\n )}\n >\n <TokenBadge\n address={address}\n chainId={network}\n img={img}\n symbol={symbol}\n showNetworkIcon\n classes={tokenBadgeClasses}\n {...tokenBadgePropsOverride}\n />\n\n <ChevronIcon className=\"size-[10px]\" />\n </Button>\n );\n};\n"],"mappings":";;;;;;;;;AAqBA,IAAakB,KAAyBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAAC,GAAAT,GAAAE,GAAAQ,GAAAN,GAAAL;~~AAAA~~,~~CAAAQ~~,EAAA,OAAAD,KAORG,IAAAF,EAAA,IAAAP,IAAAO,EAAA,IAAAL,IAAAK,EAAA,IAAAG,IAAAH,EAAA,IAAAH,IAAAG,EAAA,IAAAR,IAAAQ,EAAA,OAPS,2FAAAG,KAAAJ,GAOTC,EAAA,KAAAD,GAAAC,EAAA,KAAAE,GAAAF,EAAA,KAAAP,GAAAO,EAAA,KAAAL,GAAAK,EAAA,KAAAG,GAAAH,EAAA,KAAAH,GAAAG,EAAA,KAAAR;CAC5B,IAAA,EAAAY,0BAAAC,mBAA+CjB,GAAc,EAACkB;~~AAAA~~,~~CAAAN~~,EAAA,OAAAE,IAKtBI,IAAAN,EAAA,MAAzBM,IAAAjB,EAAG,YAAYa,EAAU,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAM;CAAA,IAAAC;~~AAAA~~,~~CAAAP~~,EAAA,OAAAK,KAAAL,EAAA,QAAAP,KAAAO,EAAA,QAAAL,KAAAK,EAAA,QAAAH,KAAAG,EAAA,QAAAI,KAAAJ,EAAA,QAAAR,KAE3Be,UAAA;~~AACP~~,~~EAAIf~~,KACFY,EAAsB;GAAAZ;GAAAgB,UAEVb;GAAac,SACdJ;GAAWR;GAAAJ;GAGrB,CAAC;IACLO,EAAA,KAAAK,GAAAL,EAAA,MAAAP,GAAAO,EAAA,MAAAL,GAAAK,EAAA,MAAAH,GAAAG,EAAA,MAAAI,GAAAJ,EAAA,MAAAR,GAAAQ,EAAA,MAAAO,KAAAA,IAAAP,EAAA;CAAA,IAAAU;~~AAGM~~,~~QAHNV~~,EAAA,QAAAG,KAAAH,EAAA,QAAAM,KAAAN,EAAA,QAAAO,KAbHG,IAAA,kBAAC,GAAD;EACU,SAAA;EACG,WAAAJ;EAAyB,GAChCH;EACK,SAAAI;YAUV;EAEQ,CAAA,EAAAP,EAAA,MAAAG,GAAAH,EAAA,MAAAM,GAAAN,EAAA,MAAAO,GAAAP,EAAA,MAAAU,KAAAA,IAAAV,EAAA,KAhBTU;GAoBEC,IAAgD;CACpDC,MAAM;CACNC,QAAQ;CACRC,MAAM;CACP,EAEYC,KAAsDhB,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAL,UAAAJ,cAAA0B,4BAAAzB,oBAAAe,aAAAX,qBAAAsB,mBAAApB,GASlE,EAAAK,0BAAAC,mBAA+CjB,GAAc;~~AAE7D~~,~~KAAI~~,CAACQ,GAAK;EAAA,IAAAU;~~AAQJ~~,~~SARIN~~,EAAA,OAAAmB,KAAAnB,EAAA,OAAAP,KAAAO,EAAA,OAAAQ,KAAAR,EAAA,OAAAH,KAAAG,EAAA,OAAAR,KAENc,IAAA,kBAAC,GAAD;GACad;GACMC;GACFe,eAAAA;GACGX;GAAgB,GAC9BsB;GACJ,CAAA,EAAAnB,EAAA,KAAAmB,GAAAnB,EAAA,KAAAP,GAAAO,EAAA,KAAAQ,GAAAR,EAAA,KAAAH,GAAAG,EAAA,KAAAR,GAAAQ,EAAA,KAAAM,KAAAA,IAAAN,EAAA,IANFM;;CAUJ,IAAA,EAAAc,YAAAC,YAAAC,QAAAT,cAA0CjB,GAAMU;~~AAAA~~,~~CAAAN~~,EAAA,OAAAK,KAAAL,EAAA,OAAAP,KAAAO,EAAA,OAAAQ,KAAAR,EAAA,OAAAH,KAAAG,EAAA,QAAAI,KAAAJ,EAAA,QAAAR,KAInCc,UAAA;~~AACP~~,~~EAAId~~,KACFY,EAAsB;GAAAZ;GAAAgB;GAAAC,SAGXJ;GAAWR;GAAAJ;GAGrB,CAAC;IACLO,EAAA,KAAAK,GAAAL,EAAA,KAAAP,GAAAO,EAAA,KAAAQ,GAAAR,EAAA,KAAAH,GAAAG,EAAA,MAAAI,GAAAJ,EAAA,MAAAR,GAAAQ,EAAA,MAAAM,KAAAA,IAAAN,EAAA;CAIC,IAAAO,IAAAY,GAAWjB,WAAWQ;~~AAAA~~,~~CAAAV~~,EAAA,QAAAO,IACvBG,IAAAV,EAAA,OAHUU,IAAArB,EACT,sLACAkB,EACD,EAAAP,EAAA,MAAAO,GAAAP,EAAA,MAAAU;CAAA,IAAAa;~~AAAA~~,~~CAAAvB~~,EAAA,QAAAoB,KAAApB,EAAA,QAAAsB,KAAAtB,EAAA,QAAAqB,KAAArB,EAAA,QAAAa,KAAAb,EAAA,QAAAkB,KAEDK,IAAA,kBAAC,GAAD;EACWH;EACAC,SAAAA;EACJC;EACGT;EACR,iBAAA;EACSF,SAAAA;EAAiB,GACtBO;EACJ,CAAA,EAAAlB,EAAA,MAAAoB,GAAApB,EAAA,MAAAsB,GAAAtB,EAAA,MAAAqB,GAAArB,EAAA,MAAAa,GAAAb,EAAA,MAAAkB,GAAAlB,EAAA,MAAAuB,KAAAA,IAAAvB,EAAA;CAAA,IAAAwB;~~AAAA~~,~~CAAAxB~~,EAAA,QAAAyB,OAAAC,IAAA,4BAAA,IAEFF,IAAA,kBAAC,GAAD,EAAuB,WAAA,eAAgB,CAAA,EAAAxB,EAAA,MAAAwB,KAAAA,IAAAxB,EAAA;CAAA,IAAA2B;~~AAChC~~,~~QADgC3B~~,EAAA,QAAAmB,KAAAnB,EAAA,QAAAM,KAAAN,EAAA,QAAAU,KAAAV,EAAA,QAAAuB,KA3BzCI,IAAA,kBAAC,GAAD;EACW,SAAArB;EASR,GACGa;EACO,WAAAT;YAZb,CAiBEa,GAUAC,EACO;KAAAxB,EAAA,MAAAmB,GAAAnB,EAAA,MAAAM,GAAAN,EAAA,MAAAU,GAAAV,EAAA,MAAAuB,GAAAvB,EAAA,MAAA2B,KAAAA,IAAA3B,EAAA,KA5BT2B"}
1	+ {"version":3,"file":"SelectTokenButton.js","names":["ComponentProps","Button","TokenBadge","TokenBadgeProps","SelectTokenButtonProps","ChevronIcon","Token","SupportedChainId","useSetScreen","cn","EmptySelectTokenButtonProps","Omit","tokenType","drawerContainer","HTMLElement","onTokenSelect","token","selectableChains","EmptySelectTokenButton","t0","$","_c","className","props","showSelectTokenScreen","closeScreen","t1","t2","onSelect","onClose","t3","tokenBadgeClasses","root","symbol","logo","SelectTokenButton","React","FC","tokenBadgePropsOverride","buttonProps","address","network","img","t4","t5","Symbol","for","t6"],"sources":["../../../../src/components/widget/SelectToken/SelectTokenButton.tsx"],"sourcesContent":["import { type ComponentProps } from \"react\";\nimport { Button } from \"@/components/ui/button\";\nimport { TokenBadge } from \"@/components/widget/TokenBadge/TokenBadge\";\nimport { type TokenBadgeProps } from \"@/components/widget/TokenBadge/types\";\nimport type { SelectTokenButtonProps } from \"./types\";\nimport { ChevronIcon } from \"@/components/widget/Icon/ChevronIcon\";\nimport type { Token } from \"@/tokens/state/types\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport { useSetScreen } from \"@/core/screen/state/hooks/useSetScreen\";\nimport { cn } from \"@/lib/utils\";\n\ntype EmptySelectTokenButtonProps = Omit<\n ComponentProps<typeof Button>,\n \"onClick\"\n> & {\n tokenType?: \"from\" \| \"to\";\n drawerContainer?: HTMLElement \| null;\n onTokenSelect?: (token: Token) => void;\n selectableChains?: SupportedChainId[];\n};\n\nexport const EmptySelectTokenButton = ({\n tokenType,\n drawerContainer,\n onTokenSelect,\n selectableChains,\n className,\n ...props\n}: EmptySelectTokenButtonProps) => {\n const { showSelectTokenScreen, closeScreen } = useSetScreen();\n\n return (\n <Button\n variant=\"select\"\n className={cn(\"h-[32px]\", className)}\n {...props}\n onClick={() => {\n if (tokenType)\n showSelectTokenScreen({\n tokenType,\n onSelect: onTokenSelect,\n onClose: closeScreen,\n selectableChains,\n drawerContainer,\n });\n }}\n >\n Select Token\n </Button>\n );\n};\n\nconst tokenBadgeClasses: TokenBadgeProps[\"classes\"] = {\n root: \"font-inter\",\n symbol: \"text-contrast-4 dark:text-contrast-8\",\n logo: \"size-[24px]\",\n};\n\nexport const SelectTokenButton: React.FC<SelectTokenButtonProps> = ({\n token,\n tokenType,\n tokenBadgePropsOverride,\n drawerContainer,\n onSelect,\n selectableChains,\n buttonProps,\n}) => {\n const { showSelectTokenScreen, closeScreen } = useSetScreen();\n\n if (!token) {\n return (\n <EmptySelectTokenButton\n tokenType={tokenType}\n drawerContainer={drawerContainer}\n onTokenSelect={onSelect}\n selectableChains={selectableChains}\n {...buttonProps}\n />\n );\n }\n\n const { address, network, img, symbol } = token;\n\n return (\n <Button\n onClick={() => {\n if (tokenType)\n showSelectTokenScreen({\n tokenType,\n onSelect,\n onClose: closeScreen,\n selectableChains,\n drawerContainer,\n });\n }}\n {...buttonProps}\n className={cn(\n \"h-[32px] py-1 px-2 bg-contrast-9 hover:bg-contrast-9 dark:bg-contrast-4 hover:outline-solid hover:outline-1 hover:outline-contrast-6 dark:hover:outline-contrast-5 transition-none\",\n buttonProps?.className\n )}\n >\n <TokenBadge\n address={address}\n chainId={network}\n img={img}\n symbol={symbol}\n showNetworkIcon\n classes={tokenBadgeClasses}\n {...tokenBadgePropsOverride}\n />\n\n <ChevronIcon className=\"size-[10px]\" />\n </Button>\n );\n};\n"],"mappings":"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"}

package/dist/components/widget/SettingsButton/SettingsButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SettingsButton.js","names":["SliderIcon","ComponentProps","EllipseIcon","cn","SettingsButton","t0","$","_c","showEllipseIcon","t1","t2","t3","divProps","className","Symbol","for","t4","t5"],"sources":["../../../../src/components/widget/SettingsButton/SettingsButton.tsx"],"sourcesContent":["import { SliderIcon } from \"../Icon/SliderIcon\";\nimport type { ComponentProps } from \"react\";\nimport { EllipseIcon } from \"../Icon/EllipseIcon\";\nimport { cn } from \"@/lib/utils\";\n\nexport const SettingsButton = ({\n showEllipseIcon,\n ...divProps\n}: Omit<ComponentProps<\"div\">, \"children\"> & {\n showEllipseIcon?: boolean;\n}) => {\n return (\n <div {...divProps} className={cn(\"relative flex\", divProps.className)}>\n <SliderIcon className=\"text-contrast-5 cursor-pointer hover:text-primary-azul-1 transition-colors duration-200\" />\n {showEllipseIcon && (\n <EllipseIcon className=\"absolute top-[-3px] right-[-3px] stroke-contrast-9 dark:stroke-contrast-3\" />\n )}\n </div>\n );\n};\n"],"mappings":";;;;;;AAKA,IAAaI,KAAiBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAAC,GAAAC,GAAAC;~~AAAA~~,~~KAAAJ~~,EAAA,OAAAD,GAAA;EAAC,IAAA,EAAAG,iBAAAG,GAAA,GAAAC,MAAAP;~~AAO0CC~~,~~EAP1CE~~,IAAAG,GAOlBC,IAAAA,GAAqBF,IAAAP,EAAG,iBAAiBS,EAAQC,UAAW,EAAAP,EAAA,KAAAD,GAAAC,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAI;~~OAAAA~~,~~CAAAF~~,IAAAF,EAAA,IAAAG,IAAAH,EAAA,IAAAI,IAAAJ,EAAA;CAAA,IAAAK;~~AAAA~~,~~CAAAL~~,EAAA,OAAAQ,OAAAC,IAAA,4BAAA,IACnEJ,IAAA,kBAAC,GAAD,EAAsB,WAAA,2FAA4F,CAAA,EAAAL,EAAA,KAAAK,KAAAA,IAAAL,EAAA;CAAA,IAAAU;~~AAAA~~,~~CAAAV~~,EAAA,OAAAE,IAGjHQ,IAAAV,EAAA,MAFAU,IAAAR,KACC,kBAAC,GAAD,EAAuB,WAAA,6EACxB,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAU;CAAA,IAAAC;~~AACG~~,~~QADHX~~,EAAA,OAAAG,KAAAH,EAAA,OAAAI,KAAAJ,EAAA,OAAAU,KAJHC,IAAA,kBAAA,OAAA;EAKM,GALGL;EAAqB,WAAAF;YAA9B,CACEC,GACCK,EAGG;KAAAV,EAAA,KAAAG,GAAAH,EAAA,KAAAI,GAAAJ,EAAA,KAAAU,GAAAV,EAAA,MAAAW,KAAAA,IAAAX,EAAA,KALNW"}
1	+ {"version":3,"file":"SettingsButton.js","names":["SliderIcon","ComponentProps","EllipseIcon","cn","SettingsButton","t0","$","_c","showEllipseIcon","t1","t2","t3","divProps","className","Symbol","for","t4","t5"],"sources":["../../../../src/components/widget/SettingsButton/SettingsButton.tsx"],"sourcesContent":["import { SliderIcon } from \"../Icon/SliderIcon\";\nimport type { ComponentProps } from \"react\";\nimport { EllipseIcon } from \"../Icon/EllipseIcon\";\nimport { cn } from \"@/lib/utils\";\n\nexport const SettingsButton = ({\n showEllipseIcon,\n ...divProps\n}: Omit<ComponentProps<\"div\">, \"children\"> & {\n showEllipseIcon?: boolean;\n}) => {\n return (\n <div {...divProps} className={cn(\"relative flex\", divProps.className)}>\n <SliderIcon className=\"text-contrast-5 cursor-pointer hover:text-primary-azul-1 transition-colors duration-200\" />\n {showEllipseIcon && (\n <EllipseIcon className=\"absolute top-[-3px] right-[-3px] stroke-contrast-9 dark:stroke-contrast-3\" />\n )}\n </div>\n );\n};\n"],"mappings":";;;;;;AAKA,IAAaI,KAAiBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAAC,GAAAC,GAAAC;CAAA,IAAAJ,EAAA,OAAAD,GAAA;EAAC,IAAA,EAAAG,iBAAAG,GAAA,GAAAC,MAAAP;EAO0CC,AAP1CE,IAAAG,GAOlBC,IAAAA,GAAqBF,IAAAP,EAAG,iBAAiBS,EAAQC,UAAW,EAAAP,EAAA,KAAAD,GAAAC,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAI;QAAAA,AAAAF,IAAAF,EAAA,IAAAG,IAAAH,EAAA,IAAAI,IAAAJ,EAAA;CAAA,IAAAK;CAAA,AAAAL,EAAA,OAAAQ,OAAAC,IAAA,4BAAA,IACnEJ,IAAA,kBAAC,GAAD,EAAsB,WAAA,2FAA4F,CAAA,EAAAL,EAAA,KAAAK,KAAAA,IAAAL,EAAA;CAAA,IAAAU;CAAA,AAAAV,EAAA,OAAAE,IAGjHQ,IAAAV,EAAA,MAFAU,IAAAR,KACC,kBAAC,GAAD,EAAuB,WAAA,6EACxB,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAU;CAAA,IAAAC;CACG,OADHX,EAAA,OAAAG,KAAAH,EAAA,OAAAI,KAAAJ,EAAA,OAAAU,KAJHC,IAAA,kBAAA,OAAA;EAKM,GALGL;EAAqB,WAAAF;YAA9B,CACEC,GACCK,EAGG;KAAAV,EAAA,KAAAG,GAAAH,EAAA,KAAAI,GAAAJ,EAAA,KAAAU,GAAAV,EAAA,MAAAW,KAAAA,IAAAX,EAAA,KALNW"}

package/dist/components/widget/SwapModeSwitcher/SwapModeSwitcherExpandable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SwapModeSwitcherExpandable.js","names":["cn","Accordion","AccordionContent","AccordionItem","AccordionTrigger","DetailWithTooltip","DeltaIcon","MarketIcon","useSetAtom","setSwapModeAtom","SwapModeSwitcherExpandableProps","useSwapPrices","formatFiatPrice","WithClasses","useIsCrossChain","useGlobalDeltaEnabled","DexesList","useWidgetTokens","ErrorBoundary","useWidgetEvents","SwapMode","SwapModeSwitcherExpandable","React","FC","t0","$","_c","classes","currentEffectiveMode","t1","root","t2","Symbol","for","t3","t4","t5","t6","t7","t8","t9","SwapModeItem","icon","ReactNode","mode","fees","tooltip","onClick","t10","t11","DeltaModeItem","setSwapMode","onSettingsChange","enabledInConfig","enabledOnCurrentChain","isEnabled","undefined","event","name","params","swapMode","MarketModeItem","gasCostUSD","enabled","market","price","Number","formattedGasCostUSD","marketNetworkFees","isCrossChain","DexesListWithErrorBoundary","priceMode","tokenFrom","tokenTo"],"sources":["../../../../src/components/widget/SwapModeSwitcher/SwapModeSwitcherExpandable.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport {\n Accordion,\n AccordionContent,\n AccordionItem,\n AccordionTrigger,\n} from \"@/components/ui/accordion\";\nimport { DetailWithTooltip } from \"@/components/widget/Details/DetailWithTooltip\";\nimport { DeltaIcon } from \"@/components/widget/Icon/DeltaIcon\";\nimport { MarketIcon } from \"@/components/widget/Icon/MarketIcon\";\nimport { useSetAtom } from \"@/core/store\";\nimport { setSwapModeAtom } from \"./state/swapModeActionsAtom\";\nimport type { SwapModeSwitcherExpandableProps } from \"./types\";\nimport { useSwapPrices } from \"@/hooks/swap/prices/useSwapPrices\";\n\nimport { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport { useIsCrossChain } from \"@/core/state/isCrosschainAtom\";\nimport { useGlobalDeltaEnabled } from \"@/hooks/useGlobalDeltaEnabled\";\nimport { DexesList } from \"../DexesList/DexesList\";\nimport { useWidgetTokens } from \"@/core/inputs/state/common\";\nimport { ErrorBoundary } from \"react-error-boundary\";\nimport { useWidgetEvents } from \"@/core/state/widgetEventsAtom\";\nimport type { SwapMode } from \"./state/types\";\n\nexport const SwapModeSwitcherExpandable: React.FC<\n SwapModeSwitcherExpandableProps\n> = ({ classes, currentEffectiveMode }) => {\n return (\n <Accordion type=\"single\" collapsible className={classes?.root}>\n <AccordionItem value=\"item-1\">\n <AccordionTrigger>\n <div className=\"flex items-center justify-between flex-1 gap-2\">\n <div>Swap Mode</div>\n <div>\n {currentEffectiveMode === \"delta\" ? (\n <div className=\"flex items-center gap-1\">\n <DeltaIcon /> Delta\n </div>\n ) : (\n \"Market\"\n )}\n </div>\n </div>\n </AccordionTrigger>\n <AccordionContent>\n <div className=\"flex items-center justify-between gap-4\">\n <DeltaModeItem currentEffectiveMode={currentEffectiveMode} />\n <MarketModeItem currentEffectiveMode={currentEffectiveMode} />\n </div>\n <DexesListWithErrorBoundary />\n </AccordionContent>\n </AccordionItem>\n </Accordion>\n );\n};\n\nconst SwapModeItem: React.FC<\n {\n icon: React.ReactNode;\n mode: SwapMode;\n // with consideration for deltaPrice.errors and market as fallback\n currentEffectiveMode: SwapMode;\n fees: React.ReactNode;\n tooltip: string;\n onClick?: () => void;\n } & WithClasses<\"root\">\n> = ({ icon, mode, currentEffectiveMode, fees, tooltip, classes, onClick }) => {\n return (\n <div\n className={cn(\n \"py-[14px] px-4 flex flex-1 gap-3 items-center bg-contrast-7 dark:bg-contrast-3 cursor-pointer rounded-md\",\n {\n \"outline outline-primary-azul-1\": currentEffectiveMode === mode,\n },\n classes?.root\n )}\n onClick={onClick}\n >\n <div>{icon}</div>\n <div className=\"flex flex-1 flex-col gap-1\">\n <div className=\"dark:text-contrast-9 text-sm\">\n {mode === \"delta\" ? \"Delta\" : \"Market\"}\n </div>\n <div className=\"flex items-center justify-between\">\n <DetailWithTooltip\n detail={\"Fees\"}\n tooltip={tooltip}\n classes={{\n icon: \"dark:fill-contrast-5 size-[12px]\",\n root: \"text-[10px]\",\n }}\n />\n <div className=\"text-[10px] font-geist-mono\">{fees}</div>\n </div>\n </div>\n </div>\n );\n};\n\nconst DeltaModeItem = ({\n currentEffectiveMode,\n}: {\n currentEffectiveMode: SwapMode;\n}) => {\n const setSwapMode = useSetAtom(setSwapModeAtom);\n const { onSettingsChange } = useWidgetEvents();\n\n const { enabledInConfig, enabledOnCurrentChain } = useGlobalDeltaEnabled();\n const isEnabled = enabledInConfig && enabledOnCurrentChain;\n\n const onClick = !isEnabled\n ? undefined\n : () => {\n setSwapMode(\"delta\");\n onSettingsChange?.({\n event: {\n name: \"Settings:switchSwapMode\",\n params: {\n swapMode: \"delta\",\n },\n },\n });\n };\n\n return (\n <SwapModeItem\n icon={<DeltaIcon />}\n mode=\"delta\"\n currentEffectiveMode={currentEffectiveMode}\n fees={<div className=\"text-[#A5D712]\">Gasless</div>}\n tooltip=\"Estimated network fees\"\n onClick={onClick}\n classes={{\n root: cn({\n \"cursor-not-allowed\": !isEnabled,\n }),\n }}\n />\n );\n};\n\nconst MarketModeItem = ({\n currentEffectiveMode,\n}: {\n currentEffectiveMode: SwapMode;\n}) => {\n const setSwapMode = useSetAtom(setSwapModeAtom);\n const { onSettingsChange } = useWidgetEvents();\n\n const gasCostUSD = useSwapPrices({\n enabled: false,\n }).market.price?.gasCostUSD;\n\n const formattedGasCostUSD =\n gasCostUSD !== undefined ? formatFiatPrice(Number(gasCostUSD)) : undefined;\n const marketNetworkFees =\n formattedGasCostUSD !== undefined\n ? formattedGasCostUSD === \"$0.00\"\n ? \"<$0.01\"\n : formattedGasCostUSD\n : \"N/A\";\n\n const isCrossChain = useIsCrossChain();\n\n const onClick = isCrossChain\n ? undefined\n : () => {\n setSwapMode(\"market\");\n onSettingsChange?.({\n event: {\n name: \"Settings:switchSwapMode\",\n params: {\n swapMode: \"market\",\n },\n },\n });\n };\n\n return (\n <SwapModeItem\n icon={<MarketIcon />}\n mode=\"market\"\n currentEffectiveMode={currentEffectiveMode}\n fees={marketNetworkFees}\n tooltip=\"Estimated network fees\"\n onClick={onClick}\n classes={{\n root: cn({\n \"cursor-not-allowed\": isCrossChain,\n }),\n }}\n />\n );\n};\n\nconst DexesListWithErrorBoundary = () => {\n const { priceMode, market } = useSwapPrices({ enabled: false });\n const { tokenFrom, tokenTo } = useWidgetTokens(\"swap\");\n\n if (priceMode !== \"market\" \|\| !market.price \|\| !tokenTo) return null;\n\n return (\n <ErrorBoundary fallback={null}>\n <DexesList\n marketPrice={market.price}\n tokenFrom={tokenFrom}\n tokenTo={tokenTo}\n />\n </ErrorBoundary>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"SwapModeSwitcherExpandable.js","names":["cn","Accordion","AccordionContent","AccordionItem","AccordionTrigger","DetailWithTooltip","DeltaIcon","MarketIcon","useSetAtom","setSwapModeAtom","SwapModeSwitcherExpandableProps","useSwapPrices","formatFiatPrice","WithClasses","useIsCrossChain","useGlobalDeltaEnabled","DexesList","useWidgetTokens","ErrorBoundary","useWidgetEvents","SwapMode","SwapModeSwitcherExpandable","React","FC","t0","$","_c","classes","currentEffectiveMode","t1","root","t2","Symbol","for","t3","t4","t5","t6","t7","t8","t9","SwapModeItem","icon","ReactNode","mode","fees","tooltip","onClick","t10","t11","DeltaModeItem","setSwapMode","onSettingsChange","enabledInConfig","enabledOnCurrentChain","isEnabled","undefined","event","name","params","swapMode","MarketModeItem","gasCostUSD","enabled","market","price","Number","formattedGasCostUSD","marketNetworkFees","isCrossChain","DexesListWithErrorBoundary","priceMode","tokenFrom","tokenTo"],"sources":["../../../../src/components/widget/SwapModeSwitcher/SwapModeSwitcherExpandable.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport {\n Accordion,\n AccordionContent,\n AccordionItem,\n AccordionTrigger,\n} from \"@/components/ui/accordion\";\nimport { DetailWithTooltip } from \"@/components/widget/Details/DetailWithTooltip\";\nimport { DeltaIcon } from \"@/components/widget/Icon/DeltaIcon\";\nimport { MarketIcon } from \"@/components/widget/Icon/MarketIcon\";\nimport { useSetAtom } from \"@/core/store\";\nimport { setSwapModeAtom } from \"./state/swapModeActionsAtom\";\nimport type { SwapModeSwitcherExpandableProps } from \"./types\";\nimport { useSwapPrices } from \"@/hooks/swap/prices/useSwapPrices\";\n\nimport { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport { useIsCrossChain } from \"@/core/state/isCrosschainAtom\";\nimport { useGlobalDeltaEnabled } from \"@/hooks/useGlobalDeltaEnabled\";\nimport { DexesList } from \"../DexesList/DexesList\";\nimport { useWidgetTokens } from \"@/core/inputs/state/common\";\nimport { ErrorBoundary } from \"react-error-boundary\";\nimport { useWidgetEvents } from \"@/core/state/widgetEventsAtom\";\nimport type { SwapMode } from \"./state/types\";\n\nexport const SwapModeSwitcherExpandable: React.FC<\n SwapModeSwitcherExpandableProps\n> = ({ classes, currentEffectiveMode }) => {\n return (\n <Accordion type=\"single\" collapsible className={classes?.root}>\n <AccordionItem value=\"item-1\">\n <AccordionTrigger>\n <div className=\"flex items-center justify-between flex-1 gap-2\">\n <div>Swap Mode</div>\n <div>\n {currentEffectiveMode === \"delta\" ? (\n <div className=\"flex items-center gap-1\">\n <DeltaIcon /> Delta\n </div>\n ) : (\n \"Market\"\n )}\n </div>\n </div>\n </AccordionTrigger>\n <AccordionContent>\n <div className=\"flex items-center justify-between gap-4\">\n <DeltaModeItem currentEffectiveMode={currentEffectiveMode} />\n <MarketModeItem currentEffectiveMode={currentEffectiveMode} />\n </div>\n <DexesListWithErrorBoundary />\n </AccordionContent>\n </AccordionItem>\n </Accordion>\n );\n};\n\nconst SwapModeItem: React.FC<\n {\n icon: React.ReactNode;\n mode: SwapMode;\n // with consideration for deltaPrice.errors and market as fallback\n currentEffectiveMode: SwapMode;\n fees: React.ReactNode;\n tooltip: string;\n onClick?: () => void;\n } & WithClasses<\"root\">\n> = ({ icon, mode, currentEffectiveMode, fees, tooltip, classes, onClick }) => {\n return (\n <div\n className={cn(\n \"py-[14px] px-4 flex flex-1 gap-3 items-center bg-contrast-7 dark:bg-contrast-3 cursor-pointer rounded-md\",\n {\n \"outline outline-primary-azul-1\": currentEffectiveMode === mode,\n },\n classes?.root\n )}\n onClick={onClick}\n >\n <div>{icon}</div>\n <div className=\"flex flex-1 flex-col gap-1\">\n <div className=\"dark:text-contrast-9 text-sm\">\n {mode === \"delta\" ? \"Delta\" : \"Market\"}\n </div>\n <div className=\"flex items-center justify-between\">\n <DetailWithTooltip\n detail={\"Fees\"}\n tooltip={tooltip}\n classes={{\n icon: \"dark:fill-contrast-5 size-[12px]\",\n root: \"text-[10px]\",\n }}\n />\n <div className=\"text-[10px] font-geist-mono\">{fees}</div>\n </div>\n </div>\n </div>\n );\n};\n\nconst DeltaModeItem = ({\n currentEffectiveMode,\n}: {\n currentEffectiveMode: SwapMode;\n}) => {\n const setSwapMode = useSetAtom(setSwapModeAtom);\n const { onSettingsChange } = useWidgetEvents();\n\n const { enabledInConfig, enabledOnCurrentChain } = useGlobalDeltaEnabled();\n const isEnabled = enabledInConfig && enabledOnCurrentChain;\n\n const onClick = !isEnabled\n ? undefined\n : () => {\n setSwapMode(\"delta\");\n onSettingsChange?.({\n event: {\n name: \"Settings:switchSwapMode\",\n params: {\n swapMode: \"delta\",\n },\n },\n });\n };\n\n return (\n <SwapModeItem\n icon={<DeltaIcon />}\n mode=\"delta\"\n currentEffectiveMode={currentEffectiveMode}\n fees={<div className=\"text-[#A5D712]\">Gasless</div>}\n tooltip=\"Estimated network fees\"\n onClick={onClick}\n classes={{\n root: cn({\n \"cursor-not-allowed\": !isEnabled,\n }),\n }}\n />\n );\n};\n\nconst MarketModeItem = ({\n currentEffectiveMode,\n}: {\n currentEffectiveMode: SwapMode;\n}) => {\n const setSwapMode = useSetAtom(setSwapModeAtom);\n const { onSettingsChange } = useWidgetEvents();\n\n const gasCostUSD = useSwapPrices({\n enabled: false,\n }).market.price?.gasCostUSD;\n\n const formattedGasCostUSD =\n gasCostUSD !== undefined ? formatFiatPrice(Number(gasCostUSD)) : undefined;\n const marketNetworkFees =\n formattedGasCostUSD !== undefined\n ? formattedGasCostUSD === \"$0.00\"\n ? \"<$0.01\"\n : formattedGasCostUSD\n : \"N/A\";\n\n const isCrossChain = useIsCrossChain();\n\n const onClick = isCrossChain\n ? undefined\n : () => {\n setSwapMode(\"market\");\n onSettingsChange?.({\n event: {\n name: \"Settings:switchSwapMode\",\n params: {\n swapMode: \"market\",\n },\n },\n });\n };\n\n return (\n <SwapModeItem\n icon={<MarketIcon />}\n mode=\"market\"\n currentEffectiveMode={currentEffectiveMode}\n fees={marketNetworkFees}\n tooltip=\"Estimated network fees\"\n onClick={onClick}\n classes={{\n root: cn({\n \"cursor-not-allowed\": isCrossChain,\n }),\n }}\n />\n );\n};\n\nconst DexesListWithErrorBoundary = () => {\n const { priceMode, market } = useSwapPrices({ enabled: false });\n const { tokenFrom, tokenTo } = useWidgetTokens(\"swap\");\n\n if (priceMode !== \"market\" \|\| !market.price \|\| !tokenTo) return null;\n\n return (\n <ErrorBoundary fallback={null}>\n <DexesList\n marketPrice={market.price}\n tokenFrom={tokenFrom}\n tokenTo={tokenTo}\n />\n </ErrorBoundary>\n );\n};\n"],"mappings":"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"}

package/dist/components/widget/SwapModeSwitcher/state/swapModeActionsAtom.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"swapModeActionsAtom.js","names":["atom","widgetConfigAtom","isCrossChainAtom","deltaEnabledOnAPI","wagmiConfig","swapTokenToAtom","SwapMode","userSwapModeAtom","limitTokenToAtom","isLimitCrossChainAtom","deltaParamAtom","setSwapModeAtom","get","set","mode","enabledInConfig","enableDelta","enabledOnAPI","state","chainId","undefined"],"sources":["../../../../../src/components/widget/SwapModeSwitcher/state/swapModeActionsAtom.ts"],"sourcesContent":["import { atom } from \"jotai\";\nimport { widgetConfigAtom } from \"@/core/state/configAtom\";\nimport { isCrossChainAtom } from \"@/core/state/isCrosschainAtom\";\nimport { deltaEnabledOnAPI } from \"@/lib/constants/delta\";\nimport { wagmiConfig } from \"@/lib/web3/wagmi/config\";\nimport { swapTokenToAtom } from \"@/core/inputs/state/selectedTokenAtom\";\nimport type { SwapMode } from \"./types\";\nimport { userSwapModeAtom } from \"./swapModeAtom\";\nimport { limitTokenToAtom } from \"@/core/limit/state/limitTokenAtoms\";\nimport { isLimitCrossChainAtom } from \"@/core/limit/state/isCrosschainAtom\";\nimport { deltaParamAtom } from \"../../TradeParameters/state/deltaParamAtom\";\n\nexport const setSwapModeAtom = atom(null, (get, set, mode: SwapMode) => {\n if (mode === \"delta\") {\n const enabledInConfig = get(widgetConfigAtom).enableDelta;\n const enabledOnAPI = deltaEnabledOnAPI[wagmiConfig.state.chainId];\n\n if (enabledInConfig && enabledOnAPI) {\n set(userSwapModeAtom, mode);\n set(deltaParamAtom, true);\n }\n } else {\n // delta mode disabled, reset tokenTo\n if (get(isCrossChainAtom)) {\n set(swapTokenToAtom, undefined);\n }\n if (get(isLimitCrossChainAtom)) {\n set(limitTokenToAtom, undefined);\n }\n set(userSwapModeAtom, mode);\n set(deltaParamAtom, false);\n }\n});\n"],"mappings":";;;;;;;;;;;AAYA,IAAaW,IAAkBX,EAAK,OAAOY,GAAKC,GAAKC,MAAmB;~~AACtE~~,~~KAAIA~~,MAAS,SAAS;EACpB,IAAMC,IAAkBH,EAAIX,EAAiB,CAACe,aACxCC,IAAed,EAAkBC,EAAYc,MAAMC;~~AAEzD~~,~~EAAIJ~~,KAAmBE,MACrBJ,EAAIN,GAAkBO,EAAK,EAC3BD,EAAIH,GAAgB,GAAK;~~OAW3BG~~,~~CAPID~~,EAAIV,EAAiB,IACvBW,EAAIR,GAAiBe,KAAAA,EAAU,EAE7BR,EAAIH,EAAsB,IAC5BI,EAAIL,GAAkBY,KAAAA,EAAU,EAElCP,EAAIN,GAAkBO,EAAK,EAC3BD,EAAIH,GAAgB,GAAM;EAE5B"}
1	+ {"version":3,"file":"swapModeActionsAtom.js","names":["atom","widgetConfigAtom","isCrossChainAtom","deltaEnabledOnAPI","wagmiConfig","swapTokenToAtom","SwapMode","userSwapModeAtom","limitTokenToAtom","isLimitCrossChainAtom","deltaParamAtom","setSwapModeAtom","get","set","mode","enabledInConfig","enableDelta","enabledOnAPI","state","chainId","undefined"],"sources":["../../../../../src/components/widget/SwapModeSwitcher/state/swapModeActionsAtom.ts"],"sourcesContent":["import { atom } from \"jotai\";\nimport { widgetConfigAtom } from \"@/core/state/configAtom\";\nimport { isCrossChainAtom } from \"@/core/state/isCrosschainAtom\";\nimport { deltaEnabledOnAPI } from \"@/lib/constants/delta\";\nimport { wagmiConfig } from \"@/lib/web3/wagmi/config\";\nimport { swapTokenToAtom } from \"@/core/inputs/state/selectedTokenAtom\";\nimport type { SwapMode } from \"./types\";\nimport { userSwapModeAtom } from \"./swapModeAtom\";\nimport { limitTokenToAtom } from \"@/core/limit/state/limitTokenAtoms\";\nimport { isLimitCrossChainAtom } from \"@/core/limit/state/isCrosschainAtom\";\nimport { deltaParamAtom } from \"../../TradeParameters/state/deltaParamAtom\";\n\nexport const setSwapModeAtom = atom(null, (get, set, mode: SwapMode) => {\n if (mode === \"delta\") {\n const enabledInConfig = get(widgetConfigAtom).enableDelta;\n const enabledOnAPI = deltaEnabledOnAPI[wagmiConfig.state.chainId];\n\n if (enabledInConfig && enabledOnAPI) {\n set(userSwapModeAtom, mode);\n set(deltaParamAtom, true);\n }\n } else {\n // delta mode disabled, reset tokenTo\n if (get(isCrossChainAtom)) {\n set(swapTokenToAtom, undefined);\n }\n if (get(isLimitCrossChainAtom)) {\n set(limitTokenToAtom, undefined);\n }\n set(userSwapModeAtom, mode);\n set(deltaParamAtom, false);\n }\n});\n"],"mappings":";;;;;;;;;;;AAYA,IAAaW,IAAkBX,EAAK,OAAOY,GAAKC,GAAKC,MAAmB;CACtE,IAAIA,MAAS,SAAS;EACpB,IAAMC,IAAkBH,EAAIX,EAAiB,CAACe,aACxCC,IAAed,EAAkBC,EAAYc,MAAMC;EAEzD,AAAIJ,KAAmBE,MACrBJ,EAAIN,GAAkBO,EAAK,EAC3BD,EAAIH,GAAgB,GAAK;QAW3BG,AAPID,EAAIV,EAAiB,IACvBW,EAAIR,GAAiBe,KAAAA,EAAU,EAE7BR,EAAIH,EAAsB,IAC5BI,EAAIL,GAAkBY,KAAAA,EAAU,EAElCP,EAAIN,GAAkBO,EAAK,EAC3BD,EAAIH,GAAgB,GAAM;EAE5B"}

package/dist/components/widget/SwapModeSwitcher/state/swapSideAtom.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"swapSideAtom.js","names":["swapTokenToAtom","currentSwapInputAtom","tradeModeAtom","SwapSideUnion","atom","useAtomValue","swapSideAtom","get","tradeMode","tokenTo","currentSwapInput","useSwapSide"],"sources":["../../../../../src/components/widget/SwapModeSwitcher/state/swapSideAtom.ts"],"sourcesContent":["import { swapTokenToAtom } from \"@/core/inputs/state/selectedTokenAtom\";\nimport { currentSwapInputAtom } from \"@/core/state/currentSwapInputAtom\";\nimport { tradeModeAtom } from \"@/core/state/tradeModeAtom\";\nimport type { SwapSideUnion } from \"@velora-dex/sdk\";\nimport { atom } from \"jotai\";\nimport { useAtomValue } from \"@/core/store\";\n\nexport const swapSideAtom = atom<SwapSideUnion>((get) => {\n const tradeMode = get(tradeModeAtom);\n\n if (tradeMode !== \"swap\") {\n return \"SELL\";\n }\n\n const tokenTo = get(swapTokenToAtom);\n\n if (!tokenTo) {\n return \"SELL\";\n }\n\n const currentSwapInput = get(currentSwapInputAtom);\n\n return currentSwapInput === \"from\" ? \"SELL\" : \"BUY\";\n});\n\nexport const useSwapSide = () => {\n return useAtomValue(swapSideAtom);\n};\n"],"mappings":";;;;;;AAOA,IAAaM,IAAeF,GAAqBG,MAC7BA,EAAIL,~~EAAc~~,~~KAElB~~,UAMd,~~CAFYK~~,EAAIP,~~EAAgB~~,~~IAMXO~~,EAAIN,~~EAAqB~~,~~KAEtB~~,SALnB,SAKqC,MAC9C,~~EAEWU~~,UACJN,EAAaC,EAAa"}
1	+ {"version":3,"file":"swapSideAtom.js","names":["swapTokenToAtom","currentSwapInputAtom","tradeModeAtom","SwapSideUnion","atom","useAtomValue","swapSideAtom","get","tradeMode","tokenTo","currentSwapInput","useSwapSide"],"sources":["../../../../../src/components/widget/SwapModeSwitcher/state/swapSideAtom.ts"],"sourcesContent":["import { swapTokenToAtom } from \"@/core/inputs/state/selectedTokenAtom\";\nimport { currentSwapInputAtom } from \"@/core/state/currentSwapInputAtom\";\nimport { tradeModeAtom } from \"@/core/state/tradeModeAtom\";\nimport type { SwapSideUnion } from \"@velora-dex/sdk\";\nimport { atom } from \"jotai\";\nimport { useAtomValue } from \"@/core/store\";\n\nexport const swapSideAtom = atom<SwapSideUnion>((get) => {\n const tradeMode = get(tradeModeAtom);\n\n if (tradeMode !== \"swap\") {\n return \"SELL\";\n }\n\n const tokenTo = get(swapTokenToAtom);\n\n if (!tokenTo) {\n return \"SELL\";\n }\n\n const currentSwapInput = get(currentSwapInputAtom);\n\n return currentSwapInput === \"from\" ? \"SELL\" : \"BUY\";\n});\n\nexport const useSwapSide = () => {\n return useAtomValue(swapSideAtom);\n};\n"],"mappings":";;;;;;AAOA,IAAaM,IAAeF,GAAqBG,MAC7BA,EAAIL,EAElBM,KAAc,UAMd,CAFYD,EAAIP,EAEfS,IAIoBF,EAAIN,EAEtBS,KAAqB,SALnB,SAKqC,MAC9C,EAEWC,UACJN,EAAaC,EAAa"}

package/dist/components/widget/SwapRate/SwapRate.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SwapRate.js","names":["Skeleton","SwapRateProps","getRateString","JSX","SwapRate","t0","$","_c","t1","t2","Symbol","for","bb0","isLoading","props","destToken","srcAmountWei","destAmountWei","reverse","prefix","srcToken","t3","symbol","address","undefined","rateString"],"sources":["../../../../src/components/widget/SwapRate/SwapRate.tsx"],"sourcesContent":["import { Skeleton } from \"@/components/ui/skeleton\";\nimport type { SwapRateProps } from \"./types\";\nimport { getRateString } from \"./utils\";\nimport type { JSX } from \"react\";\n\nexport const SwapRate = ({\n isLoading,\n ...props\n}: SwapRateProps): JSX.Element \| null => {\n const { destToken, srcAmountWei, destAmountWei, reverse, prefix } = props;\n if (!destToken) return null;\n\n const srcToken = reverse ? destToken : props.srcToken;\n\n if (isLoading)\n return (\n <div className=\"flex items-center gap-1\">\n {prefix} {`1 ${srcToken.symbol ?? srcToken.address} =`}{\" \"}\n <Skeleton className=\"w-[42px] h-[12px] bg-contrast-6 dark:bg-contrast-5\" />\n </div>\n );\n\n if (srcAmountWei === undefined \|\| destAmountWei === undefined) return null;\n\n const rateString = getRateString(props) \|\| \"-\";\n\n return <>{rateString}</>;\n};\n"],"mappings":";;;;;AAKA,IAAaI,KAAWC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAAC,GAAAC;~~AAAA~~,~~KAAAH~~,EAAA,OAAAD,GAAA;~~AAKCI~~,~~MAAAC~~,OAAIC,IAAJ,8BAAI;~~AAAAC~~,~~OAAA~~;GALJ,IAAA,EAAAC,cAAA,GAAAC,MAAAT,GAIvB,EAAAU,cAAAC,iBAAAC,kBAAAC,YAAAC,cAAoEL;~~AACpE~~,~~OAAI~~,CAACC,GAAS;~~AAASN~~,~~QAAA~~;~~AAAA~~,~~UAAAG~~;;GAEvB,IAAAQ,IAAiBF,IAAAH,IAAsBD,EAAKM;~~AAE5C~~,~~OAAIP~~,GAAS;IAAA,IAAAQ;~~AAETZ~~,~~IAFSH~~,EAAA,OAAAI,OAAAC,IAAA,4BAAA,IAIPU,IAAA,kBAAC,GAAD,EAAoB,WAAA,sDAAuD,CAAA,EAAAf,EAAA,KAAAe,KAAAA,IAAAf,EAAA,IAF7EG,IAAA,kBAAA,OAAA;KAAe,WAAA;eAAf;MACGU;MAAO;MAAE,KAAKC,EAAQE,UAAWF,EAAQG,QAAQ;MAAM;MACxDF;MACI;;~~AAHN~~,~~UAAAT~~;;~~AAMJ~~,~~OAAII~~,MAAiBQ,KAAAA,KAAaP,MAAkBO,KAAAA,GAAS;~~AAASf~~,~~QAAA~~;~~AAAA~~,~~UAAAG~~;;~~AAEnDJ~~,~~OAAAN~~,EAAcY,EAAa,IAA3B;;~~AAA2BR~~,~~EAAAA~~,EAAA,KAAAD,GAAAC,EAAA,KAAAE,GAAAF,EAAA,KAAAG;~~OAAAA~~,~~CAAAD~~,IAAAF,EAAA,IAAAG,IAAAH,EAAA;~~AAAA~~,~~KAAAG~~,MAAAC,OAAAC,IAAA,8BAAA,~~CAAA~~,~~QAAAF~~;CAA9C,IAAAgB,IAAmBjB,GAA4Ba;~~AAEvB~~,~~QAFuBf~~,EAAA,OAAAmB,IAEvBJ,IAAAf,EAAA,MAAjBe,IAAA,kBAAA,GAAA,EAAA,UAAGI,GAAc,CAAA,EAAAnB,EAAA,KAAAmB,GAAAnB,EAAA,KAAAe,IAAjBA"}
1	+ {"version":3,"file":"SwapRate.js","names":["Skeleton","SwapRateProps","getRateString","JSX","SwapRate","t0","$","_c","t1","t2","Symbol","for","bb0","isLoading","props","destToken","srcAmountWei","destAmountWei","reverse","prefix","srcToken","t3","symbol","address","undefined","rateString"],"sources":["../../../../src/components/widget/SwapRate/SwapRate.tsx"],"sourcesContent":["import { Skeleton } from \"@/components/ui/skeleton\";\nimport type { SwapRateProps } from \"./types\";\nimport { getRateString } from \"./utils\";\nimport type { JSX } from \"react\";\n\nexport const SwapRate = ({\n isLoading,\n ...props\n}: SwapRateProps): JSX.Element \| null => {\n const { destToken, srcAmountWei, destAmountWei, reverse, prefix } = props;\n if (!destToken) return null;\n\n const srcToken = reverse ? destToken : props.srcToken;\n\n if (isLoading)\n return (\n <div className=\"flex items-center gap-1\">\n {prefix} {`1 ${srcToken.symbol ?? srcToken.address} =`}{\" \"}\n <Skeleton className=\"w-[42px] h-[12px] bg-contrast-6 dark:bg-contrast-5\" />\n </div>\n );\n\n if (srcAmountWei === undefined \|\| destAmountWei === undefined) return null;\n\n const rateString = getRateString(props) \|\| \"-\";\n\n return <>{rateString}</>;\n};\n"],"mappings":";;;;;AAKA,IAAaI,KAAWC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAAC,GAAAC;CAAA,IAAAH,EAAA,OAAAD,GAAA;EAKCI,IAAAC,OAAIC,IAAJ,8BAAI;EAAAC,KAAA;GALJ,IAAA,EAAAC,cAAA,GAAAC,MAAAT,GAIvB,EAAAU,cAAAC,iBAAAC,kBAAAC,YAAAC,cAAoEL;GACpE,IAAI,CAACC,GAAS;IAASN,IAAA;IAAA,MAAAG;;GAEvB,IAAAQ,IAAiBF,IAAAH,IAAsBD,EAAKM;GAE5C,IAAIP,GAAS;IAAA,IAAAQ;IAETZ,AAFSH,EAAA,OAAAI,OAAAC,IAAA,4BAAA,IAIPU,IAAA,kBAAC,GAAD,EAAoB,WAAA,sDAAuD,CAAA,EAAAf,EAAA,KAAAe,KAAAA,IAAAf,EAAA,IAF7EG,IAAA,kBAAA,OAAA;KAAe,WAAA;eAAf;MACGU;MAAO;MAAE,KAAKC,EAAQE,UAAWF,EAAQG,QAAQ;MAAM;MACxDF;MACI;;IAHN,MAAAT;;GAMJ,IAAII,MAAiBQ,KAAAA,KAAaP,MAAkBO,KAAAA,GAAS;IAASf,IAAA;IAAA,MAAAG;;GAEnDJ,IAAAN,EAAcY,EAAa,IAA3B;;EAA2BR,AAAAA,EAAA,KAAAD,GAAAC,EAAA,KAAAE,GAAAF,EAAA,KAAAG;QAAAA,AAAAD,IAAAF,EAAA,IAAAG,IAAAH,EAAA;CAAA,IAAAG,MAAAC,OAAAC,IAAA,8BAAA,EAAA,OAAAF;CAA9C,IAAAgB,IAAmBjB,GAA4Ba;CAEvB,OAFuBf,EAAA,OAAAmB,IAEvBJ,IAAAf,EAAA,MAAjBe,IAAA,kBAAA,GAAA,EAAA,UAAGI,GAAc,CAAA,EAAAnB,EAAA,KAAAmB,GAAAnB,EAAA,KAAAe,IAAjBA"}