@velora-dex/widget 0.6.0 → 0.6.1-dev.2

package/dist/components/widget/LimitOrderItem/LimitOrderListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"LimitOrderListItem.js","names":["TokenBadge","LimitOrderItem","LimitOrderItemExtra","NetworkWithIcon","formatTokenAmount","calcRate","SupportedChainId","cn","DeltaOrderStatusChecker","getDisplayedOrderStatus","WithClasses","DeltaAuctionStatus","useDateNow","Duration","missingContent","LimitOrdersListItem","t0","$","_c","auction","onClick","t1","t2","t3","t4","srcTokenBadgeClasses","logo","root","destTokenBadgeClasses","networkIconClasses","name","ItemType","TradeAndNetwork","extra","type","chainId","itemTypeToLabel","Record","MARKET","LIMIT","P2P","Trade","srcToken","destToken","srcAmountUnit","destAmountUnit","formattedSrcAmount","formattedDestAmount","address","img","network","t5","icons","t6","t7","t8","Symbol","for","t9","symbol","t10","typeAndAmounts","t11","Rate","classes","bb0","rateFormatted","left","right","StatusBadge","status","success","has","failed","overallPending","pending","executing","rateClasses","RateAndStatus","props","order","deadline","TimeTillExpiry","now","timeMs"],"sources":["../../../../src/components/widget/LimitOrderItem/LimitOrderListItem.tsx"],"sourcesContent":["import { TokenBadge } from \"../TokenBadge/TokenBadge\";\nimport type { LimitOrderItem, LimitOrderItemExtra } from \"./types\";\nimport { NetworkWithIcon } from \"../NetworkWithIcon/NetworkWithIcon\";\nimport { formatTokenAmount } from \"@/lib/utils/formatTokenBalance\";\nimport { calcRate } from \"@/lib/utils/rate\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport { cn } from \"@/lib/utils\";\nimport {\n  DeltaOrderStatusChecker,\n  getDisplayedOrderStatus,\n} from \"@/hooks/swap/prices/delta/orders/utils\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport type { DeltaAuctionStatus } from \"@velora-dex/sdk\";\nimport { useDateNow } from \"@/lib/utils/useDateNow\";\nimport { Duration } from \"../Duration/Duration\";\n\nconst missingContent = \"-\";\n\nexport const LimitOrdersListItem = ({\n  auction,\n  onClick,\n}: {\n  auction: LimitOrderItem;\n  onClick: (auction: LimitOrderItem) => void;\n}) => {\n  return (\n    <div\n      className={\"bg-white dark:bg-contrast-3 p-4 rounded-sm cursor-pointer\"}\n      onClick={() => onClick(auction)}\n    >\n      <TradeAndNetwork {...auction} />\n      <RateAndStatus {...auction} />\n    </div>\n  );\n};\n\nconst srcTokenBadgeClasses = { logo: \"size-[16px]\", root: \"z-1\" };\nconst destTokenBadgeClasses = { logo: \"size-[16px]\", root: \"-ml-1\" };\nconst networkIconClasses = { root: \"gap-2\", name: \"dark:text-contrast-7\" };\n\ntype ItemType = \"MARKET\" | \"LIMIT\" | \"P2P\";\n\nexport const TradeAndNetwork = ({\n  extra,\n  type,\n  chainId,\n}: Pick<LimitOrderItem, \"extra\" | \"chainId\"> & {\n  type: ItemType;\n}) => {\n  return (\n    <div className=\"flex items-center justify-between pb-4\">\n      <Trade {...extra} type={type} />\n      <NetworkWithIcon\n        networkId={chainId as SupportedChainId}\n        classes={networkIconClasses}\n      />\n    </div>\n  );\n};\n\nconst itemTypeToLabel: Record<ItemType, string> = {\n  MARKET: \"Swap\",\n  LIMIT: \"Limit\",\n  P2P: \"OTC\",\n};\n\nconst Trade = ({\n  srcToken,\n  destToken,\n  srcAmountUnit,\n  destAmountUnit,\n  type,\n}: LimitOrderItemExtra & {\n  type: ItemType;\n}) => {\n  // @TODO we'll miss a big piece of info if we don't have the tokens\n  // consider to fetch them onchain if missing in useQuery(select)\n  // or just add more token lists\n  if (!srcToken || !destToken || !srcAmountUnit || !destAmountUnit)\n    return missingContent;\n\n  const formattedSrcAmount = formatTokenAmount(srcAmountUnit);\n  const formattedDestAmount = formatTokenAmount(destAmountUnit);\n\n  const icons = (\n    <div className=\"flex items-center\">\n      <TokenBadge\n        address={srcToken.address}\n        chainId={srcToken.network}\n        img={srcToken.img}\n        classes={srcTokenBadgeClasses}\n      />\n      <TokenBadge\n        address={destToken.address}\n        img={destToken.img}\n        chainId={destToken.network}\n        classes={destTokenBadgeClasses}\n      />\n    </div>\n  );\n\n  const typeAndAmounts = (\n    <div className=\"ml-2 flex flex-col\">\n      <div className=\"text-xs font-medium text-contrast-5\">\n        {itemTypeToLabel[type]}\n      </div>\n      <div className=\"text-sm font-medium dark:text-contrast-9\">\n        {srcToken.symbol} {formattedSrcAmount}\n        <span className=\"mx-1\">→</span>\n        {destToken.symbol} {formattedDestAmount}\n      </div>\n    </div>\n  );\n\n  return (\n    <div className=\"flex items-center\">\n      {icons}\n      {typeAndAmounts}\n    </div>\n  );\n};\n\nexport const Rate = ({\n  extra,\n  classes,\n}: Pick<LimitOrderItem, \"extra\"> & WithClasses<\"root\" | \"left\" | \"right\">) => {\n  const { srcToken, destToken, srcAmountUnit, destAmountUnit } = extra;\n  if (!srcToken || !destToken || !srcAmountUnit || !destAmountUnit)\n    return missingContent;\n\n  const rateFormatted = calcRate(srcAmountUnit, destAmountUnit)?.rateFormatted;\n  if (!rateFormatted) return missingContent;\n\n  const left = `${formatTokenAmount(rateFormatted)} ${destToken.symbol}`;\n  const right = `per ${srcToken.symbol}`;\n\n  return (\n    <div className={cn(\"text-xs\", classes?.root)}>\n      <span className={classes?.left}>{left}</span>{\" \"}\n      <span className={classes?.right}>{right}</span>\n    </div>\n  );\n};\n\nexport const StatusBadge = ({ status }: { status: DeltaAuctionStatus }) => {\n  const success = DeltaOrderStatusChecker.success.has(status);\n  const failed = DeltaOrderStatusChecker.failed.has(status);\n  const overallPending =\n    DeltaOrderStatusChecker.pending.has(status) ||\n    DeltaOrderStatusChecker.executing.has(status);\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]\": overallPending,\n      })}\n    >\n      {getDisplayedOrderStatus(status)}\n    </div>\n  );\n};\n\nconst rateClasses = {\n  left: \"dark:text-contrast-7\",\n  right: \"text-contrast-5\",\n};\n\nconst RateAndStatus = (props: LimitOrderItem) => {\n  const overallPending =\n    DeltaOrderStatusChecker.pending.has(props.status) ||\n    DeltaOrderStatusChecker.executing.has(props.status);\n\n  return (\n    <div className=\"flex items-center justify-between\">\n      <Rate extra={props.extra} classes={rateClasses} />\n      <div className=\"flex items-center gap-1\">\n        {overallPending && <TimeTillExpiry deadline={props.order.deadline} />}\n        <StatusBadge status={props.status} />\n      </div>\n    </div>\n  );\n};\n\nexport const TimeTillExpiry = ({\n  deadline,\n  classes,\n}: { deadline: number } & WithClasses<\"root\">) => {\n  const now = useDateNow();\n  const timeMs = (deadline - now / 1000) * 1000;\n\n  return <Duration timeMs={timeMs} classes={classes} />;\n};\n"],"mappings":"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"}
+{"version":3,"file":"LimitOrderListItem.js","names":["TokenBadge","LimitOrderItem","LimitOrderItemExtra","NetworkWithIcon","formatTokenAmount","calcRate","SupportedChainId","cn","DeltaOrderStatusChecker","getDisplayedOrderStatus","WithClasses","DeltaAuctionStatus","useDateNow","Duration","missingContent","LimitOrdersListItem","t0","$","_c","auction","onClick","t1","t2","t3","t4","srcTokenBadgeClasses","logo","root","destTokenBadgeClasses","networkIconClasses","name","TradeAndNetwork","extra","chainId","Trade","srcToken","destToken","srcAmountUnit","destAmountUnit","visualItemType","formattedSrcAmount","formattedDestAmount","address","img","network","t5","icons","t6","t7","Symbol","for","t8","symbol","t9","typeAndAmounts","t10","Rate","classes","bb0","rateFormatted","left","right","StatusBadge","status","success","has","failed","overallPending","pending","executing","rateClasses","RateAndStatus","props","order","deadline","TimeTillExpiry","showSeconds","now","timeMs"],"sources":["../../../../src/components/widget/LimitOrderItem/LimitOrderListItem.tsx"],"sourcesContent":["import { TokenBadge } from \"../TokenBadge/TokenBadge\";\nimport type { LimitOrderItem, LimitOrderItemExtra } from \"./types\";\nimport { NetworkWithIcon } from \"../NetworkWithIcon/NetworkWithIcon\";\nimport { formatTokenAmount } from \"@/lib/utils/formatTokenBalance\";\nimport { calcRate } from \"@/lib/utils/rate\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport { cn } from \"@/lib/utils\";\nimport {\n  DeltaOrderStatusChecker,\n  getDisplayedOrderStatus,\n} from \"@/hooks/swap/prices/delta/orders/utils\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport type { DeltaAuctionStatus } from \"@velora-dex/sdk\";\nimport { useDateNow } from \"@/lib/utils/useDateNow\";\nimport { Duration } from \"../Duration/Duration\";\n\nconst missingContent = \"-\";\n\nexport const LimitOrdersListItem = ({\n  auction,\n  onClick,\n}: {\n  auction: LimitOrderItem;\n  onClick: (auction: LimitOrderItem) => void;\n}) => {\n  return (\n    <div\n      className={\"bg-white dark:bg-contrast-3 p-4 rounded-sm cursor-pointer\"}\n      onClick={() => onClick(auction)}\n    >\n      <TradeAndNetwork {...auction} />\n      <RateAndStatus {...auction} />\n    </div>\n  );\n};\n\nconst srcTokenBadgeClasses = { logo: \"size-[16px]\", root: \"z-1\" };\nconst destTokenBadgeClasses = { logo: \"size-[16px]\", root: \"-ml-1\" };\nconst networkIconClasses = { root: \"gap-2\", name: \"dark:text-contrast-7\" };\n\nexport const TradeAndNetwork = ({\n  extra,\n  chainId,\n}: Pick<LimitOrderItem, \"extra\" | \"chainId\">) => {\n  return (\n    <div className=\"flex items-center justify-between pb-4\">\n      <Trade {...extra} />\n      <NetworkWithIcon\n        networkId={chainId as SupportedChainId}\n        classes={networkIconClasses}\n      />\n    </div>\n  );\n};\n\nconst Trade = ({\n  srcToken,\n  destToken,\n  srcAmountUnit,\n  destAmountUnit,\n  visualItemType,\n}: LimitOrderItemExtra) => {\n  // @TODO we'll miss a big piece of info if we don't have the tokens\n  // consider to fetch them onchain if missing in useQuery(select)\n  // or just add more token lists\n  if (!srcToken || !destToken || !srcAmountUnit || !destAmountUnit)\n    return missingContent;\n\n  const formattedSrcAmount = formatTokenAmount(srcAmountUnit);\n  const formattedDestAmount = formatTokenAmount(destAmountUnit);\n\n  const icons = (\n    <div className=\"flex items-center\">\n      <TokenBadge\n        address={srcToken.address}\n        chainId={srcToken.network}\n        img={srcToken.img}\n        classes={srcTokenBadgeClasses}\n      />\n      <TokenBadge\n        address={destToken.address}\n        img={destToken.img}\n        chainId={destToken.network}\n        classes={destTokenBadgeClasses}\n      />\n    </div>\n  );\n\n  const typeAndAmounts = (\n    <div className=\"ml-2 flex flex-col\">\n      <div className=\"text-xs font-medium text-contrast-5\">\n        {visualItemType}\n      </div>\n      <div className=\"text-sm font-medium dark:text-contrast-9\">\n        {srcToken.symbol} {formattedSrcAmount}\n        <span className=\"mx-1\">→</span>\n        {destToken.symbol} {formattedDestAmount}\n      </div>\n    </div>\n  );\n\n  return (\n    <div className=\"flex items-center\">\n      {icons}\n      {typeAndAmounts}\n    </div>\n  );\n};\n\nexport const Rate = ({\n  extra,\n  classes,\n}: { extra: Omit<LimitOrderItemExtra, \"visualItemType\"> } & WithClasses<\n  \"root\" | \"left\" | \"right\"\n>) => {\n  const { srcToken, destToken, srcAmountUnit, destAmountUnit } = extra;\n  if (!srcToken || !destToken || !srcAmountUnit || !destAmountUnit)\n    return missingContent;\n\n  const rateFormatted = calcRate(srcAmountUnit, destAmountUnit)?.rateFormatted;\n  if (!rateFormatted) return missingContent;\n\n  const left = `${formatTokenAmount(rateFormatted)} ${destToken.symbol}`;\n  const right = `per ${srcToken.symbol}`;\n\n  return (\n    <div className={cn(\"text-xs\", classes?.root)}>\n      <span className={classes?.left}>{left}</span>{\" \"}\n      <span className={classes?.right}>{right}</span>\n    </div>\n  );\n};\n\nexport const StatusBadge = ({ status }: { status: DeltaAuctionStatus }) => {\n  const success = DeltaOrderStatusChecker.success.has(status);\n  const failed = DeltaOrderStatusChecker.failed.has(status);\n  const overallPending =\n    DeltaOrderStatusChecker.pending.has(status) ||\n    DeltaOrderStatusChecker.executing.has(status);\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]\": overallPending,\n      })}\n    >\n      {getDisplayedOrderStatus(status)}\n    </div>\n  );\n};\n\nconst rateClasses = {\n  left: \"dark:text-contrast-7\",\n  right: \"text-contrast-5\",\n};\n\nconst RateAndStatus = (props: LimitOrderItem) => {\n  const overallPending =\n    DeltaOrderStatusChecker.pending.has(props.status) ||\n    DeltaOrderStatusChecker.executing.has(props.status);\n\n  return (\n    <div className=\"flex items-center justify-between\">\n      <Rate extra={props.extra} classes={rateClasses} />\n      <div className=\"flex items-center gap-1\">\n        {overallPending && <TimeTillExpiry deadline={props.order.deadline} />}\n        <StatusBadge status={props.status} />\n      </div>\n    </div>\n  );\n};\n\nexport const TimeTillExpiry = ({\n  deadline,\n  classes,\n  showSeconds,\n}: {\n  deadline: number;\n  showSeconds?: boolean;\n} & WithClasses<\"root\">) => {\n  const now = useDateNow();\n  const timeMs = (deadline - now / 1000) * 1000;\n\n  return (\n    <Duration timeMs={timeMs} classes={classes} showSeconds={showSeconds} />\n  );\n};\n"],"mappings":"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"}

package/dist/components/widget/LimitOrderItem/types.d.ts

@@ -1,7 +1,7 @@
 import { Token } from '../../../tokens/state/types';
-import { DeltaOrderFromAPI } from '@velora-dex/sdk';
+import { DeltaAuction } from '@velora-dex/sdk';
 import { MarkRequired } from 'ts-essentials';
-export type LimitOrderItem = DeltaOrderFromAPI & {
+export type LimitOrderItem = DeltaAuction & {
     itemType: "limit-order";
     extra: LimitOrderItemExtra;
 };
@@ -12,6 +12,7 @@ export type LimitOrderItemExtra = {
     destAmount: string;
     destToken?: Token;
     destAmountUnit?: string;
+    visualItemType: string;
 };
 export type RequiredLimitOrderItemExtra = MarkRequired<LimitOrderItemExtra, "srcToken" | "destToken" | "srcAmountUnit" | "destAmountUnit">;
 export type LimitOrderItemWithExtra = LimitOrderItem & {

package/dist/components/widget/LimitOrderItem/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/LimitOrderItem/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,MAAM,MAAM,cAAc,GAAG,iBAAiB,GAAG;IAC/C,QAAQ,EAAE,aAAa,CAAC;IACxB,KAAK,EAAE,mBAAmB,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG,YAAY,CACpD,mBAAmB,EACnB,UAAU,GAAG,WAAW,GAAG,eAAe,GAAG,gBAAgB,CAC9D,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,cAAc,GAAG;IACrD,KAAK,EAAE,2BAA2B,CAAC;CACpC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/LimitOrderItem/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG;IAC1C,QAAQ,EAAE,aAAa,CAAC;IACxB,KAAK,EAAE,mBAAmB,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG,YAAY,CACpD,mBAAmB,EACnB,UAAU,GAAG,WAAW,GAAG,eAAe,GAAG,gBAAgB,CAC9D,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,cAAc,GAAG;IACrD,KAAK,EAAE,2BAA2B,CAAC;CACpC,CAAC"}

package/dist/components/widget/LimitOrderItem/utils.d.ts

@@ -1,6 +1,6 @@
 import { AllChainsTokenMap } from '../../../hooks/tokens/types';
-import { DeltaOrderFromAPI } from '@velora-dex/sdk';
+import { DeltaAuction } from '@velora-dex/sdk';
 import { LimitOrderItem, LimitOrderItemWithExtra } from './types';
-export declare function constructLimitOrderItem(auction: DeltaOrderFromAPI, allChainsTokenMap: AllChainsTokenMap): LimitOrderItem;
+export declare function constructLimitOrderItem(auction: DeltaAuction, allChainsTokenMap: AllChainsTokenMap): LimitOrderItem;
 export declare function isLimitOrderWithExtra(order: LimitOrderItem): order is LimitOrderItemWithExtra;
 //# sourceMappingURL=utils.d.ts.map

package/dist/components/widget/LimitOrderItem/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/LimitOrderItem/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAG9D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,KAAK,EAAE,cAAc,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAIvE,wBAAgB,uBAAuB,CACrC,OAAO,EAAE,iBAAiB,EAC1B,iBAAiB,EAAE,iBAAiB,GACnC,cAAc,CAmEhB;AAED,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,cAAc,GACpB,KAAK,IAAI,uBAAuB,CAGlC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/LimitOrderItem/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAG9D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAIvE,wBAAgB,uBAAuB,CACrC,OAAO,EAAE,YAAY,EACrB,iBAAiB,EAAE,iBAAiB,GACnC,cAAc,CAuEhB;AAED,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,cAAc,GACpB,KAAK,IAAI,uBAAuB,CAGlC"}

package/dist/components/widget/LimitOrderItem/utils.js

@@ -1,35 +1,38 @@
-import { isOrderCrosschain as e } from "../../../hooks/swap/prices/delta/orders/utils.js";
+import { getUnifiedDeltaOrderData as e } from "../../../hooks/swap/prices/delta/orders/utils.js";
 import { isSupportedChainId as t } from "../../../lib/web3/wagmi/utils.js";
 import { prepTokenKey as n } from "../../../hooks/tokens/useTokensByAddress.js";
 import { formatUnits as r } from "viem";
 //#region src/components/widget/LimitOrderItem/utils.ts
 function i(i, a) {
-	let o = e(i.order), s = i.chainId, c = o ? i.order.bridge.destinationChainId : s, l = i.order.srcAmount, u = o && (i.bridgeMetadata?.outputAmount || i.order.expectedAmount) || i.order.destAmount, d, f, p, m;
-	if (t(s)) {
-		let e = i.order.srcToken, t = a[n({
-			address: e,
-			network: s
-		})];
-		t && (d = t, p = r(BigInt(l), t.decimals));
-	}
+	let { srcAmount: o, destAmount: s, srcChainId: c, destChainId: l, srcToken: u, destToken: d } = e(i), f, p, m, h;
 	if (t(c)) {
 		let e = a[n({
-			address: o ? i.order.bridge.outputToken : i.order.destToken,
+			address: u,
 			network: c
 		})];
-		e && (f = e, m = r(BigInt(u), e.decimals));
+		e && (f = e, m = r(BigInt(o), e.decimals));
+	}
+	if (t(l)) {
+		let e = a[n({
+			address: d,
+			network: l
+		})];
+		e && (p = e, h = r(BigInt(s), e.decimals));
 	}
-	let h = {
-		srcToken: d,
-		destToken: f,
-		srcAmount: l,
-		destAmount: u,
-		srcAmountUnit: p,
-		destAmountUnit: m
+	let g;
+	g = i.type === "LIMIT" ? "Limit" : i.onChainOrderType === "TWAPOrder" || i.onChainOrderType === "TWAPBuyOrder" ? "TWAP" : i.onChainOrderType === "ExternalOrder" ? "External Order" : "Swap";
+	let _ = {
+		srcToken: f,
+		destToken: p,
+		srcAmount: o,
+		destAmount: s,
+		srcAmountUnit: m,
+		destAmountUnit: h,
+		visualItemType: g
 	};
 	return {
 		...i,
-		extra: h,
+		extra: _,
 		itemType: "limit-order"
 	};
 }

package/dist/components/widget/LimitOrderItem/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["isOrderCrosschain","AllChainsTokenMap","prepTokenKey","isSupportedChainId","DeltaOrderFromAPI","LimitOrderItem","LimitOrderItemWithExtra","formatUnits","Token","constructLimitOrderItem","auction","allChainsTokenMap","isCrosschainOrder","order","srcChainId","chainId","destChainId","bridge","destinationChainId","srcAmount","destAmount","bridgeMetadata","outputAmount","expectedAmount","srcToken","destToken","srcAmountUnit","destAmountUnit","srcTokenAddress","srcTokenKey","address","network","foundSrcToken","BigInt","decimals","destTokenAddress","outputToken","destTokenKey","foundDestToken","extra","itemType","isLimitOrderWithExtra"],"sources":["../../../../src/components/widget/LimitOrderItem/utils.ts"],"sourcesContent":["import { isOrderCrosschain } from \"@/hooks/swap/prices/delta/orders/utils\";\nimport type { AllChainsTokenMap } from \"@/hooks/tokens/types\";\nimport { prepTokenKey } from \"@/hooks/tokens/useTokensByAddress\";\nimport { isSupportedChainId } from \"@/lib/web3/wagmi/utils\";\nimport type { DeltaOrderFromAPI } from \"@velora-dex/sdk\";\nimport type { LimitOrderItem, LimitOrderItemWithExtra } from \"./types\";\nimport { formatUnits } from \"viem\";\nimport type { Token } from \"@/tokens/state/types\";\n\nexport function constructLimitOrderItem(\n  auction: DeltaOrderFromAPI,\n  allChainsTokenMap: AllChainsTokenMap\n): LimitOrderItem {\n  const isCrosschainOrder = isOrderCrosschain(auction.order);\n\n  const srcChainId = auction.chainId;\n  const destChainId = isCrosschainOrder\n    ? auction.order.bridge.destinationChainId\n    : srcChainId;\n\n  const srcAmount = auction.order.srcAmount;\n  const destAmount = isCrosschainOrder\n    ? auction.bridgeMetadata?.outputAmount ||\n      auction.order.expectedAmount || // expectedAmount doesn't exist for old crosschain orders\n      auction.order.destAmount // fallback to destAmount\n    : auction.order.destAmount;\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(srcChainId)) {\n    const srcTokenAddress = auction.order.srcToken;\n\n    const srcTokenKey = prepTokenKey({\n      address: srcTokenAddress,\n      network: srcChainId,\n    });\n\n    const foundSrcToken = allChainsTokenMap[srcTokenKey];\n    if (foundSrcToken) {\n      srcToken = foundSrcToken;\n      srcAmountUnit = formatUnits(BigInt(srcAmount), foundSrcToken.decimals);\n    }\n  }\n\n  if (isSupportedChainId(destChainId)) {\n    const destTokenAddress = isCrosschainOrder\n      ? auction.order.bridge.outputToken\n      : auction.order.destToken;\n\n    const destTokenKey = prepTokenKey({\n      address: destTokenAddress,\n      network: destChainId,\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 extra = {\n    srcToken,\n    destToken,\n    srcAmount,\n    destAmount,\n    srcAmountUnit,\n    destAmountUnit,\n  };\n\n  return {\n    ...auction,\n    extra,\n    itemType: \"limit-order\",\n  };\n}\n\nexport function isLimitOrderWithExtra(\n  order: LimitOrderItem\n): order is LimitOrderItemWithExtra {\n  const { srcToken, destToken, srcAmountUnit, destAmountUnit } = order.extra;\n  return !!(srcToken && destToken && srcAmountUnit && destAmountUnit);\n}\n"],"mappings":";;;;;AASA,SAAgBS,EACdC,GACAC,GACgB;CAChB,IAAMC,IAAoBZ,EAAkBU,EAAQG,MAAM,EAEpDC,IAAaJ,EAAQK,SACrBC,IAAcJ,IAChBF,EAAQG,MAAMI,OAAOC,qBACrBJ,GAEEK,IAAYT,EAAQG,MAAMM,WAC1BC,IAAaR,MACfF,EAAQW,gBAAgBC,gBACxBZ,EAAQG,MAAMU,mBAEdb,EAAQG,MAAMO,YAEdI,GACAC,GAEAC,GACAC;AAEJ,KAAIxB,EAAmBW,EAAW,EAAE;EAClC,IAAMc,IAAkBlB,EAAQG,MAAMW,UAOhCQ,IAAgBrB,EALFT,EAAa;GAC/B4B,SAASF;GACTG,SAASjB;GACV,CAAC;AAGF,EAAIkB,MACFR,IAAWQ,GACXN,IAAgBnB,EAAY0B,OAAOd,EAAU,EAAEa,EAAcE,SAAS;;AAI1E,KAAI/B,EAAmBa,EAAY,EAAE;EAUnC,IAAMsB,IAAiB3B,EALFT,EAAa;GAChC4B,SALuBlB,IACrBF,EAAQG,MAAMI,OAAOmB,cACrB1B,EAAQG,MAAMY;GAIhBM,SAASf;GACV,CAAC;AAGF,EAAIsB,MACFb,IAAYa,GACZX,IAAiBpB,EAAY0B,OAAOb,EAAW,EAAEkB,EAAeJ,SAAS;;CAI7E,IAAMK,IAAQ;EACZf;EACAC;EACAN;EACAC;EACAM;EACAC;EACD;AAED,QAAO;EACL,GAAGjB;EACH6B;EACAC,UAAU;EACX;;AAGH,SAAgBC,EACd5B,GACkC;CAClC,IAAM,EAAEW,aAAUC,cAAWC,kBAAeC,sBAAmBd,EAAM0B;AACrE,QAAO,CAAC,EAAEf,KAAYC,KAAaC,KAAiBC"}
+{"version":3,"file":"utils.js","names":["getUnifiedDeltaOrderData","AllChainsTokenMap","prepTokenKey","isSupportedChainId","DeltaAuction","LimitOrderItem","LimitOrderItemWithExtra","formatUnits","Token","constructLimitOrderItem","auction","allChainsTokenMap","srcAmount","destAmount","srcChainId","destChainId","srcToken","srcTokenAddress","destToken","destTokenAddress","srcAmountUnit","destAmountUnit","srcTokenKey","address","network","foundSrcToken","BigInt","decimals","destTokenKey","foundDestToken","visualItemType","type","onChainOrderType","extra","itemType","isLimitOrderWithExtra","order"],"sources":["../../../../src/components/widget/LimitOrderItem/utils.ts"],"sourcesContent":["import { getUnifiedDeltaOrderData } from \"@/hooks/swap/prices/delta/orders/utils\";\nimport type { AllChainsTokenMap } from \"@/hooks/tokens/types\";\nimport { prepTokenKey } from \"@/hooks/tokens/useTokensByAddress\";\nimport { isSupportedChainId } from \"@/lib/web3/wagmi/utils\";\nimport type { DeltaAuction } from \"@velora-dex/sdk\";\nimport type { LimitOrderItem, LimitOrderItemWithExtra } from \"./types\";\nimport { formatUnits } from \"viem\";\nimport type { Token } from \"@/tokens/state/types\";\n\nexport function constructLimitOrderItem(\n  auction: DeltaAuction,\n  allChainsTokenMap: AllChainsTokenMap\n): LimitOrderItem {\n  const {\n    srcAmount,\n    destAmount,\n    srcChainId,\n    destChainId,\n    srcToken: srcTokenAddress,\n    destToken: destTokenAddress,\n  } = getUnifiedDeltaOrderData(auction);\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(srcChainId)) {\n    const srcTokenKey = prepTokenKey({\n      address: srcTokenAddress,\n      network: srcChainId,\n    });\n\n    const foundSrcToken = allChainsTokenMap[srcTokenKey];\n    if (foundSrcToken) {\n      srcToken = foundSrcToken;\n      srcAmountUnit = formatUnits(BigInt(srcAmount), foundSrcToken.decimals);\n    }\n  }\n\n  if (isSupportedChainId(destChainId)) {\n    const destTokenKey = prepTokenKey({\n      address: destTokenAddress,\n      network: destChainId,\n    });\n\n    const foundDestToken = allChainsTokenMap[destTokenKey];\n    if (foundDestToken) {\n      destToken = foundDestToken;\n      destAmountUnit = formatUnits(BigInt(destAmount), foundDestToken.decimals);\n    }\n  }\n\n  let visualItemType;\n  if (auction.type === \"LIMIT\") {\n    visualItemType = \"Limit\";\n  } else if (\n    auction.onChainOrderType === \"TWAPOrder\" ||\n    auction.onChainOrderType === \"TWAPBuyOrder\"\n  ) {\n    visualItemType = \"TWAP\";\n  } else if (auction.onChainOrderType === \"ExternalOrder\") {\n    visualItemType = \"External Order\";\n  } else {\n    visualItemType = \"Swap\";\n  }\n\n  const extra = {\n    srcToken,\n    destToken,\n    srcAmount,\n    destAmount,\n    srcAmountUnit,\n    destAmountUnit,\n    visualItemType,\n  };\n\n  return {\n    ...auction,\n    extra,\n    itemType: \"limit-order\",\n  };\n}\n\nexport function isLimitOrderWithExtra(\n  order: LimitOrderItem\n): order is LimitOrderItemWithExtra {\n  const { srcToken, destToken, srcAmountUnit, destAmountUnit } = order.extra;\n  return !!(srcToken && destToken && srcAmountUnit && destAmountUnit);\n}\n"],"mappings":";;;;;AASA,SAAgBS,EACdC,GACAC,GACgB;CAChB,IAAM,EACJC,cACAC,eACAC,eACAC,gBACAC,UAAUC,GACVC,WAAWC,MACTnB,EAAyBU,EAAQ,EAEjCM,GACAE,GAEAE,GACAC;AAEJ,KAAIlB,EAAmBW,EAAW,EAAE;EAMlC,IAAMW,IAAgBd,EALFT,EAAa;GAC/BqB,SAASN;GACTO,SAASV;GACV,CAAC;AAGF,EAAIW,MACFT,IAAWS,GACXL,IAAgBb,EAAYmB,OAAOd,EAAU,EAAEa,EAAcE,SAAS;;AAI1E,KAAIxB,EAAmBY,EAAY,EAAE;EAMnC,IAAMc,IAAiBlB,EALFT,EAAa;GAChCqB,SAASJ;GACTK,SAAST;GACV,CAAC;AAGF,EAAIc,MACFX,IAAYW,GACZR,IAAiBd,EAAYmB,OAAOb,EAAW,EAAEgB,EAAeF,SAAS;;CAI7E,IAAIG;AACJ,CAUEA,IAVEpB,EAAQqB,SAAS,UACF,UAEjBrB,EAAQsB,qBAAqB,eAC7BtB,EAAQsB,qBAAqB,iBAEZ,SACRtB,EAAQsB,qBAAqB,kBACrB,mBAEA;CAGnB,IAAMC,IAAQ;EACZjB;EACAE;EACAN;EACAC;EACAO;EACAC;EACAS;EACD;AAED,QAAO;EACL,GAAGpB;EACHuB;EACAC,UAAU;EACX;;AAGH,SAAgBC,EACdC,GACkC;CAClC,IAAM,EAAEpB,aAAUE,cAAWE,kBAAeC,sBAAmBe,EAAMH;AACrE,QAAO,CAAC,EAAEjB,KAAYE,KAAaE,KAAiBC"}

package/dist/components/widget/NumberInput/NumberInput.d.ts

@@ -0,0 +1,19 @@
+import { WithClasses } from '../../../types/withClasses';
+import { NumericFormatProps } from 'react-number-format';
+export type NumberInputProps = Omit<NumericFormatProps, "value" | "onValueChange" | "onBlur" | "onKeyDown"> & WithClasses<"root"> & {
+    stepper?: number;
+    thousandSeparator?: string;
+    placeholder?: string;
+    defaultValue?: number;
+    min?: number;
+    max?: number;
+    value?: number;
+    suffix?: string;
+    prefix?: string;
+    onValueChange?: (value: number | undefined) => void;
+    fixedDecimalScale?: boolean;
+    decimalScale?: number;
+    isError?: boolean;
+};
+export declare const NumberInput: ({ stepper, thousandSeparator, defaultValue, min, max, onValueChange, fixedDecimalScale, decimalScale, value: controlledValue, isError, classes, ...props }: NumberInputProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=NumberInput.d.ts.map

package/dist/components/widget/NumberInput/NumberInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/NumberInput/NumberInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAIvD,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAE7E,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,kBAAkB,EAClB,OAAO,GAAG,eAAe,GAAG,QAAQ,GAAG,WAAW,CACnD,GACC,WAAW,CAAC,MAAM,CAAC,GAAG;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACpD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEJ,eAAO,MAAM,WAAW,GAAI,4JAazB,gBAAgB,4CA2GlB,CAAC"}

package/dist/components/widget/NumberInput/NumberInput.js

@@ -0,0 +1,104 @@
+import { cn as e } from "../../../lib/utils/index.js";
+import { Button as t } from "../../ui/button.js";
+import { ForwardRef as ee } from "./assets/arrow-up.js";
+import { ForwardRef as n } from "./assets/arrow-down.js";
+import { c as r } from "react-compiler-runtime";
+import { useLayoutEffect as te, useState as ne } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { NumericFormat as re } from "react-number-format";
+//#region src/components/widget/NumberInput/NumberInput.tsx
+var o = (o) => {
+	let s = r(52), { stepper: c, thousandSeparator: l, defaultValue: ie, min: u, max: d, onValueChange: f, fixedDecimalScale: p, decimalScale: m, value: h, isError: g, classes: _, ...v } = o, y = c === void 0 ? 1 : c, b = u === void 0 ? -Infinity : u, x = d === void 0 ? Infinity : d, S = p === void 0 ? !1 : p, C = m === void 0 ? 0 : m, [w, T] = ne(h ?? ie), E;
+	s[0] !== x || s[1] !== y ? (E = () => {
+		T((e) => Math.min(e === void 0 ? y : e + y, x));
+	}, s[0] = x, s[1] = y, s[2] = E) : E = s[2];
+	let D = E, O;
+	s[3] !== b || s[4] !== y ? (O = () => {
+		T((e) => Math.max(e === void 0 ? -y : e - y, b));
+	}, s[3] = b, s[4] = y, s[5] = O) : O = s[5];
+	let k = O, A, j;
+	s[6] === h ? (A = s[7], j = s[8]) : (A = () => {
+		h !== void 0 && T(h);
+	}, j = [h], s[6] = h, s[7] = A, s[8] = j), te(A, j);
+	let M;
+	s[9] === f ? M = s[10] : (M = (e) => {
+		let t = e.floatValue;
+		T(t), f?.(t);
+	}, s[9] = f, s[10] = M);
+	let N = M, P;
+	s[11] !== x || s[12] !== b || s[13] !== w ? (P = () => {
+		w !== void 0 && (w < b ? T(b) : w > x && T(x));
+	}, s[11] = x, s[12] = b, s[13] = w, s[14] = P) : P = s[14];
+	let F = P, I;
+	s[15] !== k || s[16] !== D ? (I = (e) => {
+		e.key === "ArrowUp" ? (e.preventDefault(), D()) : e.key === "ArrowDown" && (e.preventDefault(), k());
+	}, s[15] = k, s[16] = D, s[17] = I) : I = s[17];
+	let L = I, R = _?.root, z;
+	s[18] !== g || s[19] !== R ? (z = e("transition-all rounded-sm border border-contrast-7 dark:border-contrast-4 focus-within:border-primary-azul-1 dark:focus-within:border-primary-azul-1 focus-within:bg-contrast-8 dark:focus-within:bg-contrast-1 bg-contrast-9 dark:bg-contrast-2 flex items-center justify-between text-sm font-medium text-contrast-5 dark:text-contrast-7", R, { "border-secondary-radical-red-1 focus-within:border-secondary-radical-red-1 dark:border-secondary-radical-red-1 dark:focus-within:border-secondary-radical-red-1": g }), s[18] = g, s[19] = R, s[20] = z) : z = s[20];
+	let B = re, V = b < 0, H = e("[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none rounded-r-none relative px-2 text-sm font-medium w-full outline-none bg-transparent", v.className), U;
+	s[21] !== B || s[22] !== C || s[23] !== S || s[24] !== F || s[25] !== N || s[26] !== L || s[27] !== x || s[28] !== b || s[29] !== v || s[30] !== V || s[31] !== H || s[32] !== l || s[33] !== w ? (U = /* @__PURE__ */ i(B, {
+		value: w,
+		onValueChange: N,
+		thousandSeparator: l,
+		decimalScale: C,
+		fixedDecimalScale: S,
+		allowNegative: V,
+		valueIsNumericString: !0,
+		onKeyDown: L,
+		onBlur: F,
+		max: x,
+		min: b,
+		...v,
+		className: H
+	}), s[21] = B, s[22] = C, s[23] = S, s[24] = F, s[25] = N, s[26] = L, s[27] = x, s[28] = b, s[29] = v, s[30] = V, s[31] = H, s[32] = l, s[33] = w, s[34] = U) : U = s[34];
+	let W;
+	s[35] === Symbol.for("react.memo_cache_sentinel") ? (W = /* @__PURE__ */ i("div", { className: "w-0.5 h-full bg-contrast-7 dark:bg-contrast-4" }), s[35] = W) : W = s[35];
+	let G = w === x, K;
+	s[36] === Symbol.for("react.memo_cache_sentinel") ? (K = /* @__PURE__ */ i(ee, { className: "fill-contrast-5 dark:fill-contrast-9 size-2" }), s[36] = K) : K = s[36];
+	let q;
+	s[37] !== D || s[38] !== G ? (q = /* @__PURE__ */ i(t, {
+		"aria-label": "Increase value",
+		variant: "ghost",
+		radius: "none",
+		className: "p-0 flex-1 rounded-tr-xs",
+		onClick: D,
+		disabled: G,
+		children: K
+	}), s[37] = D, s[38] = G, s[39] = q) : q = s[39];
+	let J;
+	s[40] === Symbol.for("react.memo_cache_sentinel") ? (J = /* @__PURE__ */ i("div", { className: "h-px bg-contrast-7 dark:bg-contrast-4" }), s[40] = J) : J = s[40];
+	let Y = w === b, X;
+	s[41] === Symbol.for("react.memo_cache_sentinel") ? (X = /* @__PURE__ */ i(n, { className: "fill-contrast-5 dark:fill-contrast-9 size-2" }), s[41] = X) : X = s[41];
+	let Z;
+	s[42] !== k || s[43] !== Y ? (Z = /* @__PURE__ */ i(t, {
+		"aria-label": "Decrease value",
+		variant: "ghost",
+		radius: "none",
+		className: "p-0 flex-1 rounded-br-xs",
+		onClick: k,
+		disabled: Y,
+		children: X
+	}), s[42] = k, s[43] = Y, s[44] = Z) : Z = s[44];
+	let Q;
+	s[45] !== q || s[46] !== Z ? (Q = /* @__PURE__ */ a("div", {
+		className: "min-w-[30px] flex flex-col h-full bg-contrast-8 dark:bg-contrast-3 rounded-r-sm",
+		children: [
+			q,
+			J,
+			Z
+		]
+	}), s[45] = q, s[46] = Z, s[47] = Q) : Q = s[47];
+	let $;
+	return s[48] !== z || s[49] !== U || s[50] !== Q ? ($ = /* @__PURE__ */ a("div", {
+		className: z,
+		children: [
+			U,
+			W,
+			Q
+		]
+	}), s[48] = z, s[49] = U, s[50] = Q, s[51] = $) : $ = s[51], $;
+};
+//#endregion
+export { o as NumberInput };
+
+//# sourceMappingURL=NumberInput.js.map

package/dist/components/widget/NumberInput/NumberInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.js","names":["Button","cn","WithClasses","ReactComponent","ArrowUp","ArrowDown","useLayoutEffect","useState","KeyboardEvent","NumericFormat","NumericFormatProps","NumberInputProps","Omit","stepper","thousandSeparator","placeholder","defaultValue","min","max","value","suffix","prefix","onValueChange","fixedDecimalScale","decimalScale","isError","NumberInput","t0","$","_c","t1","t2","t3","t4","t5","controlledValue","classes","props","undefined","Infinity","setValue","t6","prev","Math","handleIncrement","t7","prev_0","handleDecrement","t8","t9","t10","values","newValue","floatValue","handleChange","t11","handleBlur","t12","e","key","preventDefault","handleKeyDown","t13","root","t14","T0","t15","t16","t17","className","t18","t19","Symbol","for","t20","t21","t22","t23","t24","t25","t26","t27","t28"],"sources":["../../../../src/components/widget/NumberInput/NumberInput.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport { ReactComponent as ArrowUp } from \"./assets/arrow-up.svg\";\nimport { ReactComponent as ArrowDown } from \"./assets/arrow-down.svg\";\nimport { useLayoutEffect, useState, type KeyboardEvent } from \"react\";\nimport { NumericFormat, type NumericFormatProps } from \"react-number-format\";\n\nexport type NumberInputProps = Omit<\n  NumericFormatProps,\n  \"value\" | \"onValueChange\" | \"onBlur\" | \"onKeyDown\"\n> &\n  WithClasses<\"root\"> & {\n    stepper?: number;\n    thousandSeparator?: string;\n    placeholder?: string;\n    defaultValue?: number;\n    min?: number;\n    max?: number;\n    value?: number; // Controlled value\n    suffix?: string;\n    prefix?: string;\n    onValueChange?: (value: number | undefined) => void;\n    fixedDecimalScale?: boolean;\n    decimalScale?: number;\n    isError?: boolean;\n  };\n\nexport const NumberInput = ({\n  stepper = 1,\n  thousandSeparator,\n  defaultValue,\n  min = -Infinity,\n  max = Infinity,\n  onValueChange,\n  fixedDecimalScale = false,\n  decimalScale = 0,\n  value: controlledValue,\n  isError,\n  classes,\n  ...props\n}: NumberInputProps) => {\n  const [value, setValue] = useState<number | undefined>(\n    controlledValue ?? defaultValue\n  );\n\n  const handleIncrement = () => {\n    setValue((prev) =>\n      Math.min(prev === undefined ? stepper : prev + stepper, max)\n    );\n  };\n\n  const handleDecrement = () => {\n    setValue((prev) =>\n      Math.max(prev === undefined ? -stepper : prev - stepper, min)\n    );\n  };\n\n  useLayoutEffect(() => {\n    if (controlledValue !== undefined) {\n      // eslint-disable-next-line react-hooks/set-state-in-effect\n      setValue(controlledValue);\n    }\n  }, [controlledValue]);\n\n  const handleChange = (values: {\n    value: string;\n    floatValue: number | undefined;\n  }) => {\n    const newValue = values.floatValue;\n    setValue(newValue);\n    onValueChange?.(newValue);\n  };\n\n  const handleBlur = () => {\n    if (value === undefined) return;\n    if (value < min) {\n      setValue(min);\n    } else if (value > max) {\n      setValue(max);\n    }\n  };\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === \"ArrowUp\") {\n      e.preventDefault();\n      handleIncrement();\n    } else if (e.key === \"ArrowDown\") {\n      e.preventDefault();\n      handleDecrement();\n    }\n  };\n\n  return (\n    <div\n      className={cn(\n        \"transition-all rounded-sm border border-contrast-7 dark:border-contrast-4 focus-within:border-primary-azul-1 dark:focus-within:border-primary-azul-1 focus-within:bg-contrast-8 dark:focus-within:bg-contrast-1 bg-contrast-9 dark:bg-contrast-2 flex items-center justify-between text-sm font-medium text-contrast-5 dark:text-contrast-7\",\n        classes?.root,\n        {\n          \"border-secondary-radical-red-1 focus-within:border-secondary-radical-red-1 dark:border-secondary-radical-red-1 dark:focus-within:border-secondary-radical-red-1\":\n            isError,\n        }\n      )}\n    >\n      <NumericFormat\n        value={value}\n        onValueChange={handleChange}\n        thousandSeparator={thousandSeparator}\n        decimalScale={decimalScale}\n        fixedDecimalScale={fixedDecimalScale}\n        allowNegative={min < 0}\n        valueIsNumericString\n        onKeyDown={handleKeyDown}\n        onBlur={handleBlur}\n        max={max}\n        min={min}\n        {...props}\n        className={cn(\n          \"[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none rounded-r-none relative px-2 text-sm font-medium w-full outline-none bg-transparent\",\n          props.className\n        )}\n      />\n      <div className=\"w-0.5 h-full bg-contrast-7 dark:bg-contrast-4\" />\n      <div className=\"min-w-[30px] flex flex-col h-full bg-contrast-8 dark:bg-contrast-3 rounded-r-sm\">\n        <Button\n          aria-label=\"Increase value\"\n          variant=\"ghost\"\n          radius=\"none\"\n          className=\"p-0 flex-1 rounded-tr-xs\"\n          onClick={handleIncrement}\n          disabled={value === max}\n        >\n          <ArrowUp className=\"fill-contrast-5 dark:fill-contrast-9 size-2\" />\n        </Button>\n        <div className=\"h-px bg-contrast-7 dark:bg-contrast-4\" />\n        <Button\n          aria-label=\"Decrease value\"\n          variant=\"ghost\"\n          radius=\"none\"\n          className=\"p-0 flex-1 rounded-br-xs\"\n          onClick={handleDecrement}\n          disabled={value === min}\n        >\n          <ArrowDown className=\"fill-contrast-5 dark:fill-contrast-9 size-2\" />\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/widget/NumberInput/assets/arrow-down.js

@@ -0,0 +1,20 @@
+import { forwardRef as e } from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+var r = e(({ title: e, titleId: r, ...i }, a) => /* @__PURE__ */ n("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 7,
+	height: 5,
+	viewBox: "0 0 7 5",
+	fill: "#62626F",
+	ref: a,
+	"aria-labelledby": r,
+	...i,
+	children: [e ? /* @__PURE__ */ t("title", {
+		id: r,
+		children: e
+	}) : null, /* @__PURE__ */ t("path", { d: "M0.124938 0.938336L3.11105 4.80157C3.15918 4.86381 3.21889 4.91376 3.28607 4.94802C3.35326 4.98227 3.42633 5 3.50028 5C3.57423 5 3.6473 4.98227 3.71449 4.94802C3.78167 4.91376 3.84138 4.86381 3.88951 4.80157L6.87562 0.938336C7.16061 0.569585 6.92433 6.61506e-09 6.48639 4.4901e-08L0.513316 5.67084e-07C0.0753761 6.0537e-07 -0.160898 0.569586 0.124938 0.938336Z" })]
+}));
+//#endregion
+export { r as ForwardRef };
+
+//# sourceMappingURL=arrow-down.js.map

package/dist/components/widget/NumberInput/assets/arrow-down.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow-down.js","names":[],"sources":["../../../../../src/components/widget/NumberInput/assets/arrow-down.svg"],"sourcesContent":["import * as React from \"react\";\nimport { forwardRef } from \"react\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst SvgArrowDown = ({ title, titleId, ...props }, ref) => /* @__PURE__ */ _jsxs(\"svg\", {\n\txmlns: \"http://www.w3.org/2000/svg\",\n\twidth: 7,\n\theight: 5,\n\tviewBox: \"0 0 7 5\",\n\tfill: \"#62626F\",\n\tref,\n\t\"aria-labelledby\": titleId,\n\t...props,\n\tchildren: [title ? /* @__PURE__ */ _jsx(\"title\", {\n\t\tid: titleId,\n\t\tchildren: title\n\t}) : null, /* @__PURE__ */ _jsx(\"path\", { d: \"M0.124938 0.938336L3.11105 4.80157C3.15918 4.86381 3.21889 4.91376 3.28607 4.94802C3.35326 4.98227 3.42633 5 3.50028 5C3.57423 5 3.6473 4.98227 3.71449 4.94802C3.78167 4.91376 3.84138 4.86381 3.88951 4.80157L6.87562 0.938336C7.16061 0.569585 6.92433 6.61506e-09 6.48639 4.4901e-08L0.513316 5.67084e-07C0.0753761 6.0537e-07 -0.160898 0.569586 0.124938 0.938336Z\" })]\n});\nconst ForwardRef = forwardRef(SvgArrowDown);\nexport { ForwardRef as ReactComponent };\n"],"mappings":";;AAiBA,IAAM,IAAa,GAdG,EAAE,UAAO,YAAS,GAAG,KAAS,MAAwB,kBAAM,OAAO;CACxF,OAAO;CACP,OAAO;CACP,QAAQ;CACR,SAAS;CACT,MAAM;CACN;CACA,mBAAmB;CACnB,GAAG;CACH,UAAU,CAAC,IAAwB,kBAAK,SAAS;EAChD,IAAI;EACJ,UAAU;EACV,CAAC,GAAG,MAAsB,kBAAK,QAAQ,EAAE,GAAG,4WAA4W,CAAC,CAAC;CAC3Z,CAAC,CACyC"}

package/dist/components/widget/NumberInput/assets/arrow-up.js

@@ -0,0 +1,20 @@
+import { forwardRef as e } from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+var r = e(({ title: e, titleId: r, ...i }, a) => /* @__PURE__ */ n("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 7,
+	height: 5,
+	viewBox: "0 0 7 5",
+	fill: "#62626F",
+	ref: a,
+	"aria-labelledby": r,
+	...i,
+	children: [e ? /* @__PURE__ */ t("title", {
+		id: r,
+		children: e
+	}) : null, /* @__PURE__ */ t("path", { d: "M6.87506 4.06166L3.88895 0.198431C3.84082 0.136194 3.78111 0.0862359 3.71393 0.0519848C3.64674 0.0177337 3.57367 0 3.49972 0C3.42577 0 3.3527 0.0177337 3.28551 0.0519848C3.21833 0.0862359 3.15862 0.136194 3.11049 0.198431L0.124375 4.06166C-0.160607 4.43041 0.0756675 5 0.513608 5H6.48668C6.92462 5 7.1609 4.43041 6.87506 4.06166Z" })]
+}));
+//#endregion
+export { r as ForwardRef };
+
+//# sourceMappingURL=arrow-up.js.map

package/dist/components/widget/NumberInput/assets/arrow-up.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow-up.js","names":[],"sources":["../../../../../src/components/widget/NumberInput/assets/arrow-up.svg"],"sourcesContent":["import * as React from \"react\";\nimport { forwardRef } from \"react\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst SvgArrowUp = ({ title, titleId, ...props }, ref) => /* @__PURE__ */ _jsxs(\"svg\", {\n\txmlns: \"http://www.w3.org/2000/svg\",\n\twidth: 7,\n\theight: 5,\n\tviewBox: \"0 0 7 5\",\n\tfill: \"#62626F\",\n\tref,\n\t\"aria-labelledby\": titleId,\n\t...props,\n\tchildren: [title ? /* @__PURE__ */ _jsx(\"title\", {\n\t\tid: titleId,\n\t\tchildren: title\n\t}) : null, /* @__PURE__ */ _jsx(\"path\", { d: \"M6.87506 4.06166L3.88895 0.198431C3.84082 0.136194 3.78111 0.0862359 3.71393 0.0519848C3.64674 0.0177337 3.57367 0 3.49972 0C3.42577 0 3.3527 0.0177337 3.28551 0.0519848C3.21833 0.0862359 3.15862 0.136194 3.11049 0.198431L0.124375 4.06166C-0.160607 4.43041 0.0756675 5 0.513608 5H6.48668C6.92462 5 7.1609 4.43041 6.87506 4.06166Z\" })]\n});\nconst ForwardRef = forwardRef(SvgArrowUp);\nexport { ForwardRef as ReactComponent };\n"],"mappings":";;AAiBA,IAAM,IAAa,GAdC,EAAE,UAAO,YAAS,GAAG,KAAS,MAAwB,kBAAM,OAAO;CACtF,OAAO;CACP,OAAO;CACP,QAAQ;CACR,SAAS;CACT,MAAM;CACN;CACA,mBAAmB;CACnB,GAAG;CACH,UAAU,CAAC,IAAwB,kBAAK,SAAS;EAChD,IAAI;EACJ,UAAU;EACV,CAAC,GAAG,MAAsB,kBAAK,QAAQ,EAAE,GAAG,6UAA6U,CAAC,CAAC;CAC5X,CAAC,CACuC"}

package/dist/components/widget/OtcOrderItem/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/OtcOrderItem/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAG9D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,KAAK,EACV,YAAY,EACZ,qBAAqB,EACrB,oBAAoB,EACrB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAe,KAAK,OAAO,EAAE,MAAM,MAAM,CAAC;AAIjD,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,iBAAiB,EACxB,iBAAiB,EAAE,iBAAiB,EACpC,OAAO,CAAC,EAAE,OAAO,GAChB,YAAY,CA6Dd;AAED,wBAAgB,gCAAgC,CAAC,WAAW,EAAE,YAAY,EAAE;;;EAa3E;AAED,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,YAAY,GAClB,KAAK,IAAI,qBAAqB,CAGhC;AAED,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,YAAY,GAClB,KAAK,IAAI,oBAAoB,CAM/B"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/OtcOrderItem/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAG9D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,KAAK,EACV,YAAY,EACZ,qBAAqB,EACrB,oBAAoB,EACrB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAe,KAAK,OAAO,EAAE,MAAM,MAAM,CAAC;AAIjD,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,iBAAiB,EACxB,iBAAiB,EAAE,iBAAiB,EACpC,OAAO,CAAC,EAAE,OAAO,GAChB,YAAY,CAiEd;AAED,wBAAgB,gCAAgC,CAAC,WAAW,EAAE,YAAY,EAAE;;;EAa3E;AAED,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,YAAY,GAClB,KAAK,IAAI,qBAAqB,CAGhC;AAED,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,YAAY,GAClB,KAAK,IAAI,oBAAoB,CAM/B"}

package/dist/components/widget/OtcOrderItem/utils.js

@@ -23,14 +23,16 @@ function i(n, i, a) {
 		srcAmount: s,
 		destAmount: o,
 		srcAmountUnit: d,
-		destAmountUnit: u
+		destAmountUnit: u,
+		visualItemType: "OTC"
 	} : {
 		srcToken: c,
 		destToken: l,
 		srcAmount: o,
 		destAmount: s,
 		srcAmountUnit: u,
-		destAmountUnit: d
+		destAmountUnit: d,
+		visualItemType: "OTC"
 	};
 	return {
 		...n,

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

@@ -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","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 extra = userIsTaker\n    ? {\n        srcToken: destToken,\n        destToken: srcToken,\n        srcAmount: destAmount,\n        destAmount: srcAmount,\n        srcAmountUnit: destAmountUnit,\n        destAmountUnit: srcAmountUnit,\n      }\n    : {\n        srcToken,\n        destToken,\n        srcAmount,\n        destAmount,\n        srcAmountUnit,\n        destAmountUnit,\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,EAE5DE,IAAQH,IACV;EACEf,UAAUC;EACVA,WAAWD;EACXJ,WAAWE;EACXA,YAAYF;EACZM,eAAeC;EACfA,gBAAgBD;EACjB,GACD;EACEF;EACAC;EACAL;EACAE;EACAI;EACAC;EACD;AAEL,QAAO;EACL,GAAGV;EACHyB;EACAH;EACAI,UAAU;EACX;;AAGH,SAAgBC,EAAiCC,GAA6B;CAC5E,IAAMC,IAA+B,EAAE,EACjCC,IAAkC,EAAE;AAU1C,QARAF,EAAYG,SAAS/B,MAAU;AAC7B,EAAIF,EAAuBkC,OAAOC,IAAIjC,EAAMkC,MAAM,GAChDL,EAAaM,KAAKnC,EAAM,GAExB8B,EAAgBK,KAAKnC,EAAM;GAE7B,EAEK;EAAE6B;EAAcC;EAAiB;;AAG1C,SAAgBM,EACdpC,GACgC;CAChC,IAAM,EAAEO,aAAUC,cAAWC,kBAAeC,sBAAmBV,EAAMyB;AACrE,QAAO,CAAC,EAAElB,KAAYC,KAAaC,KAAiBC;;AAGtD,SAAgB2B,EACdrC,GAC+B;AAC/B,QAAO,CAAC,EACNoC,EAAoBpC,EAAM,IAC1BA,EAAMsB,eACNxB,EAAuBkC,OAAOC,IAAIjC,EAAMkC,MAAM"}
+{"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"}

package/dist/components/widget/ReceiverAddress/state/subscriptions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"subscriptions.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/ReceiverAddress/state/subscriptions.ts"],"names":[],"mappings":"AAmBA,wBAAgB,yBAAyB,iDA4DxC"}
+{"version":3,"file":"subscriptions.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/ReceiverAddress/state/subscriptions.ts"],"names":[],"mappings":"AA2BA,wBAAgB,yBAAyB,iDA0DxC"}

package/dist/components/widget/ReceiverAddress/state/subscriptions.js

@@ -2,45 +2,49 @@ import { jotaiStore as e } from "../../../../core/store.js";
 import { wagmiConfig as t } from "../../../../lib/web3/wagmi/config.js";
 import { receiverAddressAtom as n } from "./receiverAddressAtom.js";
 import { limitReceiverAddressAtom as r } from "../../../../core/limit/state/receiverAddressAtom.js";
-import { queryClient as i } from "../../../../lib/queryClient.js";
-import { isSupportedChainId as a } from "../../../../lib/web3/wagmi/utils.js";
-import { screenAtom as o } from "../../../../core/screen/state/screenAtom.js";
-import { enabledSrcChainsAtom as s } from "../../../../core/state/enabledChainsAtom.js";
-import { constructIsContractAtAddressQueryKey as c, getIsContractAtAddress as l } from "../../../../hooks/getCode/query.js";
-import { accountAtom as u } from "../../../../lib/web3/wagmi/external.js";
-import { resetOrdersCountAtom as d } from "../../AppHeader/state/showMoreAtom.js";
-import { openDrawerAtom as f } from "../../Drawer/state/useDrawerControls.js";
-import { watchAccount as p } from "@wagmi/core";
+import { twapReceiverAddressAtom as i } from "../../../../core/twap/state/twapReceiverAddressAtom.js";
+import { queryClient as a } from "../../../../lib/queryClient.js";
+import { isSupportedChainId as o } from "../../../../lib/web3/wagmi/utils.js";
+import { screenAtom as s } from "../../../../core/screen/state/screenAtom.js";
+import { enabledSrcChainsAtom as c } from "../../../../core/state/enabledChainsAtom.js";
+import { constructIsContractAtAddressQueryKey as l, getIsContractAtAddress as u } from "../../../../hooks/getCode/query.js";
+import { accountAtom as d } from "../../../../lib/web3/wagmi/external.js";
+import { resetOrdersCountAtom as f } from "../../AppHeader/state/showMoreAtom.js";
+import { openDrawerAtom as p } from "../../Drawer/state/useDrawerControls.js";
+import { watchAccount as m } from "@wagmi/core";
 //#region src/components/widget/ReceiverAddress/state/subscriptions.ts
-function m() {
-	return p(t, { onChange: async (p, { address: m }) => {
-		let { address: h, chainId: g, connector: _ } = p, v = e.get(s);
-		if (h !== m && (e.set(f, null), e.set(o, null)), e.set(u, {
-			address: h,
-			chainId: g,
-			connector: _
-		}), !h || g === void 0 || !a(g) || !v.includes(g)) {
-			e.set(n, void 0), e.set(r, void 0);
+function h(t) {
+	e.set(n, t), e.set(r, t), e.set(i, t);
+}
+function g() {
+	return m(t, { onChange: async (n, { address: r }) => {
+		let { address: i, chainId: m, connector: g } = n, _ = e.get(c);
+		if (i !== r && (e.set(p, null), e.set(s, null)), e.set(d, {
+			address: i,
+			chainId: m,
+			connector: g
+		}), !i || m === void 0 || !o(m) || !_.includes(m)) {
+			h(void 0);
 			return;
 		}
-		e.set(d), g !== t.state.chainId && t.setState((e) => ({
+		e.set(f), m !== t.state.chainId && t.setState((e) => ({
 			...e,
-			chainId: g
+			chainId: m
 		}));
-		let y = c({
-			chainId: g,
-			address: h
-		}), { isEOA: b } = await i.ensureQueryData({
-			queryKey: y,
-			queryFn: () => l({
-				address: h,
-				chainId: g
+		let v = l({
+			chainId: m,
+			address: i
+		}), { isEOA: y } = await a.ensureQueryData({
+			queryKey: v,
+			queryFn: () => u({
+				address: i,
+				chainId: m
 			})
 		});
-		e.set(n, b ? h : void 0), e.set(r, b ? h : void 0);
+		h(y ? i : void 0);
 	} });
 }
 //#endregion
-export { m as subscribeToAccountChanges };
+export { g as subscribeToAccountChanges };
 
 //# sourceMappingURL=subscriptions.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"subscriptions.js","names":["wagmiConfig","watchAccount","receiverAddressAtom","queryClient","isSupportedChainId","constructIsContractAtAddressQueryKey","getIsContractAtAddress","jotaiStore","accountAtom","resetOrdersCountAtom","enabledSrcChainsAtom","limitReceiverAddressAtom","openDrawerAtom","screenAtom","subscribeToAccountChanges","onChange","account","address","prevAddress","chainId","connector","enabledSrcChains","get","set","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\";\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        jotaiStore.set(receiverAddressAtom, undefined);\n        jotaiStore.set(limitReceiverAddressAtom, 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      jotaiStore.set(receiverAddressAtom, isEOA ? address : undefined);\n      jotaiStore.set(limitReceiverAddressAtom, isEOA ? address : undefined);\n    },\n  });\n}\n"],"mappings":";;;;;;;;;;;;;;AAmBA,SAAgBc,IAA4B;AAG1C,QAAOb,EAAaD,GAAa,EAC/Be,UAAU,OAAOC,GAAS,EAAEC,SAASC,QAAkB;EACrD,IAAM,EAAED,YAASE,YAASC,iBAAcJ,GAClCK,IAAmBd,EAAWe,IAAIZ,EAAqB;AAiB7D,MAbIO,MAAYC,MACdX,EAAWgB,IAAIX,GAAgB,KAAK,EACpCL,EAAWgB,IAAIV,GAAY,KAAK,GAIlCN,EAAWgB,IAAIf,GAAa;GAC1BS;GACAE;GACAC;GACD,CAAC,EAIA,CAACH,KACDE,MAAYK,KAAAA,KACZ,CAACpB,EAAmBe,EAAQ,IAC5B,CAACE,EAAiBI,SAASN,EAAQ,EACnC;AAEAZ,GADAA,EAAWgB,IAAIrB,GAAqBsB,KAAAA,EAAU,EAC9CjB,EAAWgB,IAAIZ,GAA0Ba,KAAAA,EAAU;AACnD;;AAMF,EAFAjB,EAAWgB,IAAId,EAAqB,EAEhCU,MAAYnB,EAAY0B,MAAMP,WAEhCnB,EAAY2B,UAAUC,OAAU;GAAE,GAAGA;GAAMT;GAAS,EAAE;EAExD,IAAMU,IAAWxB,EAAqC;GACpDc;GACAF;GACD,CAAC,EAEI,EAAEa,aAAU,MAAM3B,EAAY4B,gBAAgB;GAClDF;GACAG,eACE1B,EAAuB;IACrBW;IACAE;IACD,CAAA;GACJ,CAAC;AAIFZ,EADAA,EAAWgB,IAAIrB,GAAqB4B,IAAQb,IAAUO,KAAAA,EAAU,EAChEjB,EAAWgB,IAAIZ,GAA0BmB,IAAQb,IAAUO,KAAAA,EAAU;IAExE,CAAC"}
+{"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"}