@velora-dex/widget 0.1.0-rc.1 → 0.1.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"FillOtcControls.js","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  dissmissButtonProps: FillOtcButtonProps;\n};\n\nexport function FillOtcControls({\n  fillButtonProps,\n  dissmissButtonProps,\n}: FillOtcControlsProps) {\n  const { isConnected } = useAccount();\n\n  const disabled = !isConnected;\n\n  return (\n    <div className=\"flex items-center justify-between\">\n      <Button\n        variant=\"secondary\"\n        radius=\"md\"\n        {...dissmissButtonProps}\n        className={cn(\"h-[48px] text-sm\", dissmissButtonProps.className)}\n        disabled={dissmissButtonProps.disabled || disabled}\n      >\n        {dissmissButtonProps.labelOverride || \"Dismiss\"}\n      </Button>\n      <Button\n        variant=\"cta\"\n        radius=\"md\"\n        {...fillButtonProps}\n        className={cn(\"h-[48px] text-sm\", fillButtonProps.className)}\n        disabled={fillButtonProps.disabled || disabled}\n      >\n        {fillButtonProps.labelOverride || \"Fill OTC Order\"}\n      </Button>\n    </div>\n  );\n}\n"],"names":["FillOtcControls","t0","$","_c","fillButtonProps","dissmissButtonProps","isConnected","useAccount","disabled","t1","className","cn","t2","t3","labelOverride","t4","t5","t6","t7","t8","t9"],"mappings":"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"}

package/dist/components/widget/ReviewAndConfirm/FillOtcReviewAndConfirm/FillOtcReviewAndConfirm.d.ts

@@ -0,0 +1,7 @@
+import { FillableOtcOrderItem } from '../../OtcOrdersDrawer/types';
+export declare const FillOtcReviewAndConfirm: ({ onDismiss, onFlowStart, fillableOrder, }: {
+    onDismiss: () => void;
+    onFlowStart: () => void;
+    fillableOrder: FillableOtcOrderItem;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FillOtcReviewAndConfirm.d.ts.map

package/dist/components/widget/ReviewAndConfirm/FillOtcReviewAndConfirm/FillOtcReviewAndConfirm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FillOtcReviewAndConfirm.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/ReviewAndConfirm/FillOtcReviewAndConfirm/FillOtcReviewAndConfirm.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAoBxE,eAAO,MAAM,uBAAuB,GAAI,4CAIrC;IACD,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,aAAa,EAAE,oBAAoB,CAAC;CACrC,4CAmCA,CAAC"}

package/dist/components/widget/ReviewAndConfirm/FillOtcReviewAndConfirm/FillOtcReviewAndConfirm.js

@@ -0,0 +1,202 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { d as distExports } from '../../../../_virtual/index.js';
+import { useTokenPrice, useNativeTokenPrice } from '../../../../hooks/tokens/prices/useTokenPrices.js';
+import { PayReceiveInfo } from '../../PayReceiveInfo/PayReceiveInfo.js';
+import { constructPayReceiveInfoProps, constructOrderRateDetail, constructOrderReceiverDetail, constructOrderStatusDetail, constructExpiresInDetail, constructNetworkFeeDetail } from './utils.js';
+import { FillOtcControls } from './FillOtcControls.js';
+import { useIsInsufficientTokenBalance } from '../../../../hooks/tokens/balances/useIsInsufficientTokenBalance.js';
+import { DetailWithValueList } from '../../Details/DetailWithValueList.js';
+import { isTruthy } from '../../../../lib/utils/index.js';
+import { LimitOrderStateChecker } from '../../../../hooks/otc/queries/utils.js';
+import { useGasPrices } from '../../../../hooks/gas/useGasPrices.js';
+import { useAccount, useSwitchChain } from 'wagmi';
+
+const FillOtcReviewAndConfirm = (t0) => {
+  const $ = distExports.c(22);
+  const {
+    onDismiss,
+    onFlowStart,
+    fillableOrder
+  } = t0;
+  let t1;
+  if ($[0] !== fillableOrder.extra.srcAmount || $[1] !== fillableOrder.extra.srcToken) {
+    t1 = {
+      token: fillableOrder.extra.srcToken,
+      requiredBalanceWei: fillableOrder.extra.srcAmount
+    };
+    $[0] = fillableOrder.extra.srcAmount;
+    $[1] = fillableOrder.extra.srcToken;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const isInsufficientBalance = useIsInsufficientTokenBalance(t1);
+  const {
+    chainId: walletChainId
+  } = useAccount();
+  const {
+    switchChainAsync
+  } = useSwitchChain();
+  const wrongNetwork = walletChainId !== fillableOrder.chainId;
+  let t2;
+  if ($[3] !== fillableOrder) {
+    t2 = /* @__PURE__ */ jsx(OrderDetails, { fillableOrder });
+    $[3] = fillableOrder;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  let t3;
+  if ($[5] !== fillableOrder.chainId || $[6] !== onFlowStart || $[7] !== switchChainAsync || $[8] !== wrongNetwork) {
+    t3 = wrongNetwork ? async () => {
+      await switchChainAsync({
+        chainId: fillableOrder.chainId
+      });
+      onFlowStart();
+    } : onFlowStart;
+    $[5] = fillableOrder.chainId;
+    $[6] = onFlowStart;
+    $[7] = switchChainAsync;
+    $[8] = wrongNetwork;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  const t4 = isInsufficientBalance ? "Insufficient funds" : void 0;
+  let t5;
+  if ($[10] !== isInsufficientBalance || $[11] !== t3 || $[12] !== t4) {
+    t5 = {
+      onClick: t3,
+      labelOverride: t4,
+      disabled: isInsufficientBalance
+    };
+    $[10] = isInsufficientBalance;
+    $[11] = t3;
+    $[12] = t4;
+    $[13] = t5;
+  } else {
+    t5 = $[13];
+  }
+  let t6;
+  if ($[14] !== onDismiss) {
+    t6 = {
+      onClick: onDismiss
+    };
+    $[14] = onDismiss;
+    $[15] = t6;
+  } else {
+    t6 = $[15];
+  }
+  let t7;
+  if ($[16] !== t5 || $[17] !== t6) {
+    t7 = /* @__PURE__ */ jsx(FillOtcControls, { fillButtonProps: t5, dissmissButtonProps: t6 });
+    $[16] = t5;
+    $[17] = t6;
+    $[18] = t7;
+  } else {
+    t7 = $[18];
+  }
+  let t8;
+  if ($[19] !== t2 || $[20] !== t7) {
+    t8 = /* @__PURE__ */ jsxs("div", { className: "px-6 pb-8", children: [
+      t2,
+      t7
+    ] });
+    $[19] = t2;
+    $[20] = t7;
+    $[21] = t8;
+  } else {
+    t8 = $[21];
+  }
+  return t8;
+};
+const detailsClasses = {
+  root: "gap-3",
+  title: "text-contrast-5 dark:text-contrast-6",
+  value: "text-contrast-4 dark:text-contrast-7"
+};
+const OrderDetails = (t0) => {
+  const $ = distExports.c(15);
+  const {
+    fillableOrder
+  } = t0;
+  const {
+    data: srcTokenPrice
+  } = useTokenPrice(fillableOrder.extra.srcToken);
+  const {
+    data: destTokenPrice
+  } = useTokenPrice(fillableOrder.extra.destToken);
+  const t1 = srcTokenPrice?.price;
+  const t2 = destTokenPrice?.price;
+  let t3;
+  if ($[0] !== fillableOrder.extra || $[1] !== t1 || $[2] !== t2) {
+    t3 = constructPayReceiveInfoProps({
+      extra: fillableOrder.extra,
+      srcTokenPrice: t1,
+      destTokenPrice: t2
+    });
+    $[0] = fillableOrder.extra;
+    $[1] = t1;
+    $[2] = t2;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  const payReceiveProps = t3;
+  const {
+    data: gasPrices
+  } = useGasPrices();
+  const {
+    data: nativeTokenPrice
+  } = useNativeTokenPrice();
+  let t4;
+  if ($[4] !== fillableOrder || $[5] !== gasPrices?.legacyPrices.instant || $[6] !== nativeTokenPrice?.price) {
+    const active = LimitOrderStateChecker.active.has(fillableOrder.state);
+    t4 = [constructOrderRateDetail(fillableOrder), constructOrderReceiverDetail({
+      chainId: fillableOrder.chainId,
+      receiver: fillableOrder.taker
+    }), constructOrderStatusDetail(fillableOrder.state), active && constructExpiresInDetail(fillableOrder.expiry), constructNetworkFeeDetail({
+      gasPriceMultiplier: gasPrices?.legacyPrices.instant,
+      nativeTokenPrice: nativeTokenPrice?.price
+    })].filter(isTruthy);
+    $[4] = fillableOrder;
+    $[5] = gasPrices?.legacyPrices.instant;
+    $[6] = nativeTokenPrice?.price;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  const details = t4;
+  let t5;
+  if ($[8] !== payReceiveProps) {
+    t5 = /* @__PURE__ */ jsx(PayReceiveInfo, { ...payReceiveProps });
+    $[8] = payReceiveProps;
+    $[9] = t5;
+  } else {
+    t5 = $[9];
+  }
+  let t6;
+  if ($[10] !== details) {
+    t6 = /* @__PURE__ */ jsx("div", { className: "rounded-sm border border-contrast-7 dark:border-contrast-3 p-4", children: /* @__PURE__ */ jsx(DetailWithValueList, { details, classes: detailsClasses }) });
+    $[10] = details;
+    $[11] = t6;
+  } else {
+    t6 = $[11];
+  }
+  let t7;
+  if ($[12] !== t5 || $[13] !== t6) {
+    t7 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 pb-6", children: [
+      t5,
+      t6
+    ] });
+    $[12] = t5;
+    $[13] = t6;
+    $[14] = t7;
+  } else {
+    t7 = $[14];
+  }
+  return t7;
+};
+
+export { FillOtcReviewAndConfirm };
+//# sourceMappingURL=FillOtcReviewAndConfirm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FillOtcReviewAndConfirm.js","sources":["../../../../../src/components/widget/ReviewAndConfirm/FillOtcReviewAndConfirm/FillOtcReviewAndConfirm.tsx"],"sourcesContent":["import {\n  useNativeTokenPrice,\n  useTokenPrice,\n} from \"@/hooks/tokens/prices/useTokenPrices\";\nimport type { FillableOtcOrderItem } from \"../../OtcOrdersDrawer/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 { useAccount, useSwitchChain } from \"wagmi\";\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 { chainId: walletChainId } = useAccount();\n  const { switchChainAsync } = useSwitchChain();\n\n  const wrongNetwork = walletChainId !== fillableOrder.chainId;\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 switchChainAsync({\n                  chainId: fillableOrder.chainId as SupportedChainId,\n                });\n                onFlowStart();\n              }\n            : onFlowStart,\n          labelOverride: isInsufficientBalance\n            ? \"Insufficient funds\"\n            : undefined,\n          disabled: isInsufficientBalance,\n        }}\n        dissmissButtonProps={{\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      gasPriceMultiplier: 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"],"names":["FillOtcReviewAndConfirm","t0","$","_c","onDismiss","onFlowStart","fillableOrder","t1","extra","srcAmount","srcToken","token","requiredBalanceWei","isInsufficientBalance","useIsInsufficientTokenBalance","chainId","walletChainId","useAccount","switchChainAsync","useSwitchChain","wrongNetwork","t2","t3","t4","undefined","t5","onClick","labelOverride","disabled","t6","t7","t8","detailsClasses","root","title","value","OrderDetails","data","srcTokenPrice","useTokenPrice","destTokenPrice","destToken","price","constructPayReceiveInfoProps","payReceiveProps","gasPrices","useGasPrices","nativeTokenPrice","useNativeTokenPrice","legacyPrices","instant","active","LimitOrderStateChecker","has","state","constructOrderRateDetail","constructOrderReceiverDetail","receiver","taker","constructOrderStatusDetail","constructExpiresInDetail","expiry","constructNetworkFeeDetail","gasPriceMultiplier","filter","isTruthy","details"],"mappings":"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"}

package/dist/components/widget/ReviewAndConfirm/FillOtcReviewAndConfirm/utils.d.ts

@@ -0,0 +1,25 @@
+import { LimitOrderItemExtra, RequiredLimitOrderItemExtra } from '../../LimitOrdersDrawer/types';
+import { PayReceiveInfoProps } from '../../PayReceiveInfo/types';
+import { DetailWithValue } from '../../Details/types';
+import { SupportedChainId } from '../../../../lib/web3/wagmi/types';
+import { LimitOrderState } from '@velora-dex/sdk';
+export declare function constructOrderRateDetail({ extra, }: {
+    extra: LimitOrderItemExtra;
+}): DetailWithValue;
+export declare function constructOrderReceiverDetail({ chainId, receiver, }: {
+    chainId: SupportedChainId;
+    receiver: string;
+}): DetailWithValue;
+export declare function constructExpiresInDetail(expiresIn: number): DetailWithValue;
+export declare function constructNetworkFeeDetail({ gasCost, gasPriceMultiplier, nativeTokenPrice, }: {
+    gasCost?: number;
+    gasPriceMultiplier?: number;
+    nativeTokenPrice?: number;
+}): DetailWithValue | undefined;
+export declare function constructOrderStatusDetail(state: LimitOrderState): DetailWithValue;
+export declare function constructPayReceiveInfoProps({ extra, srcTokenPrice, destTokenPrice, }: {
+    extra: RequiredLimitOrderItemExtra;
+    srcTokenPrice?: number;
+    destTokenPrice?: number;
+}): PayReceiveInfoProps;
+//# sourceMappingURL=utils.d.ts.map

package/dist/components/widget/ReviewAndConfirm/FillOtcReviewAndConfirm/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/ReviewAndConfirm/FillOtcReviewAndConfirm/utils.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,mBAAmB,EACnB,2BAA2B,EAC5B,MAAM,+BAA+B,CAAC;AACvC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAKtE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAG3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE/D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAIvD,wBAAgB,wBAAwB,CAAC,EACvC,KAAK,GACN,EAAE;IACD,KAAK,EAAE,mBAAmB,CAAC;CAC5B,GAAG,eAAe,CAKlB;AAED,wBAAgB,4BAA4B,CAAC,EAC3C,OAAO,EACP,QAAQ,GACT,EAAE;IACD,OAAO,EAAE,gBAAgB,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;CAClB,GAAG,eAAe,CAiBlB;AAED,wBAAgB,wBAAwB,CAAC,SAAS,EAAE,MAAM,GAAG,eAAe,CAK3E;AAED,wBAAgB,yBAAyB,CAAC,EACxC,OAAyC,EACzC,kBAAkB,EAClB,gBAAgB,GACjB,EAAE;IACD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,GAAG,eAAe,GAAG,SAAS,CAU9B;AAED,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,eAAe,GACrB,eAAe,CAKjB;AAQD,wBAAgB,4BAA4B,CAAC,EAC3C,KAAK,EACL,aAAa,EACb,cAAc,GACf,EAAE;IACD,KAAK,EAAE,2BAA2B,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,GAAG,mBAAmB,CAiDtB"}

package/dist/components/widget/ReviewAndConfirm/FillOtcReviewAndConfirm/utils.js

@@ -0,0 +1,114 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { formatTokenAmount } from '../../../../lib/utils/formatTokenBalance.js';
+import { Rate, TimeTillExpiry } from '../../LimitOrdersDrawer/LimitOrderListItem.js';
+import { shortenAddress } from '../../../../lib/utils/index.js';
+import { constructAddressLinkForChain } from '../../../../lib/utils/explorer.js';
+import { StatusBadge } from '../../OtcOrdersDrawer/OtcOrderListItem.js';
+import Big from 'big.js';
+import { FILL_ORDER_GAS_LIMIT_INACCURATE } from '../../../../lib/constants/index.js';
+
+function constructOrderRateDetail({
+  extra
+}) {
+  return {
+    title: "Order Rate",
+    value: /* @__PURE__ */ jsx(Rate, { extra })
+  };
+}
+function constructOrderReceiverDetail({
+  chainId,
+  receiver
+}) {
+  return {
+    title: "Receiver",
+    value: /* @__PURE__ */ jsx("a", { className: "underline uppercase dark:text-contrast-7", href: constructAddressLinkForChain({
+      chainId,
+      address: receiver
+    }), target: "_blank", rel: "noopener noreferrer", children: shortenAddress(receiver) })
+  };
+}
+function constructExpiresInDetail(expiresIn) {
+  return {
+    title: "Expires in",
+    value: /* @__PURE__ */ jsx(TimeTillExpiry, { deadline: expiresIn })
+  };
+}
+function constructNetworkFeeDetail({
+  gasCost = FILL_ORDER_GAS_LIMIT_INACCURATE,
+  gasPriceMultiplier,
+  nativeTokenPrice
+}) {
+  if (gasPriceMultiplier && nativeTokenPrice) {
+    const gasFee = Big(gasCost).mul(gasPriceMultiplier).div(1e9);
+    const gasCostUSD = gasFee.mul(nativeTokenPrice);
+    return {
+      title: "Network Fees",
+      value: /* @__PURE__ */ jsxs("div", { children: [
+        "~ $",
+        gasCostUSD.toFixed(4)
+      ] })
+    };
+  }
+}
+function constructOrderStatusDetail(state) {
+  return {
+    title: "Order Status",
+    value: /* @__PURE__ */ jsx(StatusBadge, { state })
+  };
+}
+const tokenBadgeClasses = {
+  amount: "dark:text-contrast-9",
+  symbol: "dark:text-contrast-9",
+  logo: "size-[18px]"
+};
+function constructPayReceiveInfoProps({
+  extra,
+  srcTokenPrice,
+  destTokenPrice
+}) {
+  const {
+    srcToken,
+    destToken,
+    srcAmountUnit,
+    destAmountUnit
+  } = extra;
+  const formattedSrcAmount = formatTokenAmount(srcAmountUnit);
+  const formattedDestAmount = formatTokenAmount(destAmountUnit);
+  const srcUsdAmount = srcTokenPrice !== void 0 ? parseFloat(formattedSrcAmount) * srcTokenPrice : void 0;
+  const destUsdAmount = destTokenPrice !== void 0 ? parseFloat(formattedDestAmount) * destTokenPrice : void 0;
+  const topTokenBadgeProps = {
+    address: srcToken.address,
+    symbol: srcToken.symbol,
+    chainId: srcToken.network,
+    img: srcToken.img,
+    amount: formattedSrcAmount,
+    amountPosition: "right",
+    classes: tokenBadgeClasses
+  };
+  const bottomTokenBadgeProps = {
+    address: destToken.address,
+    symbol: destToken.symbol,
+    chainId: destToken.network,
+    img: destToken.img,
+    amount: formattedDestAmount,
+    amountPosition: "right",
+    classes: tokenBadgeClasses
+  };
+  return {
+    topToken: {
+      tokenBadgeProps: topTokenBadgeProps,
+      label: "You Send",
+      usdAmount: srcUsdAmount,
+      showNetwork: true
+    },
+    bottomToken: {
+      tokenBadgeProps: bottomTokenBadgeProps,
+      label: "You’ll Receive",
+      usdAmount: destUsdAmount,
+      showNetwork: true
+    }
+  };
+}
+
+export { constructExpiresInDetail, constructNetworkFeeDetail, constructOrderRateDetail, constructOrderReceiverDetail, constructOrderStatusDetail, constructPayReceiveInfoProps };
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../src/components/widget/ReviewAndConfirm/FillOtcReviewAndConfirm/utils.tsx"],"sourcesContent":["import { formatTokenAmount } from \"@/lib/utils/formatTokenBalance\";\nimport type {\n  LimitOrderItemExtra,\n  RequiredLimitOrderItemExtra,\n} from \"../../LimitOrdersDrawer/types\";\nimport type { PayReceiveInfoProps } from \"../../PayReceiveInfo/types\";\nimport {\n  Rate,\n  TimeTillExpiry,\n} from \"../../LimitOrdersDrawer/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 \"../../OtcOrdersDrawer/OtcOrderListItem\";\nimport type { LimitOrderState } from \"@velora-dex/sdk\";\nimport Big from \"big.js\";\nimport { FILL_ORDER_GAS_LIMIT_INACCURATE } from \"@/lib/constants\";\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  gasPriceMultiplier,\n  nativeTokenPrice,\n}: {\n  gasCost?: number;\n  gasPriceMultiplier?: number;\n  nativeTokenPrice?: number;\n}): DetailWithValue | undefined {\n  if (gasPriceMultiplier && nativeTokenPrice) {\n    const gasFee = Big(gasCost).mul(gasPriceMultiplier).div(1e9);\n    const gasCostUSD = gasFee.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(formattedSrcAmount) * srcTokenPrice\n      : undefined;\n  const destUsdAmount =\n    destTokenPrice !== undefined\n      ? parseFloat(formattedDestAmount) * destTokenPrice\n      : undefined;\n\n  const topTokenBadgeProps = {\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 = {\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"],"names":["constructOrderRateDetail","extra","title","value","constructOrderReceiverDetail","chainId","receiver","constructAddressLinkForChain","address","shortenAddress","constructExpiresInDetail","expiresIn","constructNetworkFeeDetail","gasCost","FILL_ORDER_GAS_LIMIT_INACCURATE","gasPriceMultiplier","nativeTokenPrice","gasFee","Big","mul","div","gasCostUSD","toFixed","constructOrderStatusDetail","state","tokenBadgeClasses","amount","symbol","logo","constructPayReceiveInfoProps","srcTokenPrice","destTokenPrice","srcToken","destToken","srcAmountUnit","destAmountUnit","formattedSrcAmount","formatTokenAmount","formattedDestAmount","srcUsdAmount","undefined","parseFloat","destUsdAmount","topTokenBadgeProps","network","img","amountPosition","classes","bottomTokenBadgeProps","topToken","tokenBadgeProps","label","usdAmount","showNetwork","bottomToken"],"mappings":"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"}

package/dist/components/widget/SelectToken/SelectTokenButton.d.ts

@@ -1,9 +1,11 @@
 import { ComponentProps } from 'react';
 import { Button } from '../../ui/button';
 import { SelectTokenButtonProps } from './types';
+import { Token } from '../../../tokens/state/types';
 export declare const EmptySelectTokenButton: React.FC<Omit<ComponentProps<typeof Button>, "onClick"> & {
     tokenType?: "from" | "to";
     drawerContainer?: HTMLElement | null;
+    onTokenSelect?: (token: Token) => void;
 }>;
 export declare const SelectTokenButton: React.FC<SelectTokenButtonProps>;
 //# sourceMappingURL=SelectTokenButton.d.ts.map

package/dist/components/widget/SelectToken/SelectTokenButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectTokenButton.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/SelectToken/SelectTokenButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAGhD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAMtD,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAC3C,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,SAAS,CAAC,GAAG;IAC/C,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,eAAe,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CACtC,CAwBF,CAAC;AAQF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAyD9D,CAAC"}
+{"version":3,"file":"SelectTokenButton.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/SelectToken/SelectTokenButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAGhD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAMtD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAElD,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAC3C,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,SAAS,CAAC,GAAG;IAC/C,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,eAAe,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACrC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACxC,CAmCF,CAAC;AAQF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAsE9D,CAAC"}