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

package/dist/components/widget/OtcOrdersDrawer/OtcOrderDetails/OtcOrderDetails.js

@@ -0,0 +1,101 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { d as distExports } from '../../../../_virtual/index.js';
+import { DetailWithValueList } from '../../Details/DetailWithValueList.js';
+import { isTruthy } from '../../../../lib/utils/index.js';
+import { PayReceiveInfo } from '../../PayReceiveInfo/PayReceiveInfo.js';
+import { constructPayReceiveInfoProps, constructSubmitDateDetail, constructExpiresInDetail, constructOrderRateDetail } from '../../LimitOrdersDrawer/LimitOrderDetails/utils.js';
+import { Controls } from './Controls.js';
+import { LimitOrderStateChecker } from '../../../../hooks/otc/queries/utils.js';
+import { constructOrderStatusDetail, constructOrderTypeDetail } from './utils.js';
+import { isOtcOrderWithExtra } from '../utils.js';
+
+const detailsClasses = {
+  root: "pt-4 gap-4",
+  title: "text-contrast-5 dark:text-contrast-6",
+  value: "text-contrast-4 dark:text-contrast-6"
+};
+const OtcOrderDetails = (t0) => {
+  const $ = distExports.c(18);
+  let callbacks;
+  let order;
+  if ($[0] !== t0) {
+    ({
+      order,
+      ...callbacks
+    } = t0);
+    $[0] = t0;
+    $[1] = callbacks;
+    $[2] = order;
+  } else {
+    callbacks = $[1];
+    order = $[2];
+  }
+  let t1;
+  if ($[3] !== order) {
+    t1 = isOtcOrderWithExtra(order) && constructPayReceiveInfoProps(order);
+    $[3] = order;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  const payReceiveInfoProps = t1;
+  let t2;
+  if ($[5] !== order) {
+    const active = LimitOrderStateChecker.active.has(order.state);
+    const isExpired = Date.now() >= new Date(order.expiry * 1e3).getTime() || order.state === "EXPIRED";
+    const showExpiresIn = active && !isExpired;
+    t2 = [constructSubmitDateDetail({
+      createdAt: order.createdAt * 1e3
+    }), showExpiresIn && constructExpiresInDetail({
+      expiresIn: order.expiry
+    }), constructOrderRateDetail(order), constructOrderStatusDetail(order), constructOrderTypeDetail(order)].filter(isTruthy);
+    $[5] = order;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  const details = t2;
+  let t3;
+  if ($[7] !== payReceiveInfoProps) {
+    t3 = payReceiveInfoProps && /* @__PURE__ */ jsx(PayReceiveInfo, { ...payReceiveInfoProps });
+    $[7] = payReceiveInfoProps;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  let t4;
+  if ($[9] !== details) {
+    t4 = /* @__PURE__ */ jsx(DetailWithValueList, { details, classes: detailsClasses });
+    $[9] = details;
+    $[10] = t4;
+  } else {
+    t4 = $[10];
+  }
+  let t5;
+  if ($[11] !== callbacks || $[12] !== order) {
+    t5 = /* @__PURE__ */ jsx(Controls, { order, ...callbacks });
+    $[11] = callbacks;
+    $[12] = order;
+    $[13] = t5;
+  } else {
+    t5 = $[13];
+  }
+  let t6;
+  if ($[14] !== t3 || $[15] !== t4 || $[16] !== t5) {
+    t6 = /* @__PURE__ */ jsxs("div", { className: "px-6 pb-8 h-[470px] flex flex-col", children: [
+      t3,
+      t4,
+      t5
+    ] });
+    $[14] = t3;
+    $[15] = t4;
+    $[16] = t5;
+    $[17] = t6;
+  } else {
+    t6 = $[17];
+  }
+  return t6;
+};
+
+export { OtcOrderDetails };
+//# sourceMappingURL=OtcOrderDetails.js.map

package/dist/components/widget/OtcOrdersDrawer/OtcOrderDetails/OtcOrderDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OtcOrderDetails.js","sources":["../../../../../src/components/widget/OtcOrdersDrawer/OtcOrderDetails/OtcOrderDetails.tsx"],"sourcesContent":["import type { OtcOrderItem } from \"../types\";\nimport { DetailWithValueList } from \"../../Details/DetailWithValueList\";\nimport { isTruthy } from \"@/lib/utils\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport { PayReceiveInfo } from \"../../PayReceiveInfo/PayReceiveInfo\";\nimport {\n  constructExpiresInDetail,\n  constructOrderRateDetail,\n  constructPayReceiveInfoProps,\n  constructSubmitDateDetail,\n} from \"@/components/widget/LimitOrdersDrawer/LimitOrderDetails/utils\";\n\nimport { Controls, type OtcOrderControlsProps } from \"./Controls\";\nimport { LimitOrderStateChecker } from \"@/hooks/otc/queries/utils\";\nimport { constructOrderStatusDetail, constructOrderTypeDetail } from \"./utils\";\nimport { isOtcOrderWithExtra } from \"../utils\";\n\nconst detailsClasses = {\n  root: \"pt-4 gap-4\",\n  title: \"text-contrast-5 dark:text-contrast-6\",\n  value: \"text-contrast-4 dark:text-contrast-6\",\n};\n\nexport const OtcOrderDetails = ({\n  order,\n  ...callbacks\n}: {\n  order: OtcOrderItem;\n  onDismiss: () => void;\n} & Pick<OtcOrderControlsProps, \"onCancelTxSuccess\" | \"onCancelTxError\">) => {\n  const payReceiveInfoProps =\n    isOtcOrderWithExtra(order) && constructPayReceiveInfoProps(order);\n\n  const active = LimitOrderStateChecker.active.has(order.state);\n  const isExpired =\n    Date.now() >= new Date(order.expiry * 1000).getTime() ||\n    order.state === \"EXPIRED\";\n  const showExpiresIn = active && !isExpired;\n\n  const details: DetailWithValue[] = [\n    constructSubmitDateDetail({ createdAt: order.createdAt * 1000 }),\n    showExpiresIn && constructExpiresInDetail({ expiresIn: order.expiry }),\n    constructOrderRateDetail(order),\n    constructOrderStatusDetail(order),\n    constructOrderTypeDetail(order),\n  ].filter(isTruthy);\n\n  return (\n    <div className=\"px-6 pb-8 h-[470px] flex flex-col\">\n      {payReceiveInfoProps && <PayReceiveInfo {...payReceiveInfoProps} />}\n      <DetailWithValueList details={details} classes={detailsClasses} />\n      <Controls order={order} {...callbacks} />\n    </div>\n  );\n};\n"],"names":["detailsClasses","root","title","value","OtcOrderDetails","t0","$","_c","callbacks","order","t1","isOtcOrderWithExtra","constructPayReceiveInfoProps","payReceiveInfoProps","t2","active","LimitOrderStateChecker","has","state","isExpired","Date","now","expiry","getTime","showExpiresIn","constructSubmitDateDetail","createdAt","constructExpiresInDetail","expiresIn","constructOrderRateDetail","constructOrderStatusDetail","constructOrderTypeDetail","filter","isTruthy","details","t3","t4","t5","t6"],"mappings":"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"}

package/dist/components/widget/OtcOrdersDrawer/OtcOrderDetails/utils.d.ts

@@ -0,0 +1,5 @@
+import { DetailWithValue } from '../../Details/types';
+import { OtcOrderItem } from '../types';
+export declare function constructOrderStatusDetail(order: OtcOrderItem): DetailWithValue;
+export declare function constructOrderTypeDetail(order: OtcOrderItem): DetailWithValue;
+//# sourceMappingURL=utils.d.ts.map

package/dist/components/widget/OtcOrdersDrawer/OtcOrderDetails/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/OtcOrdersDrawer/OtcOrderDetails/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAE3D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,YAAY,GAClB,eAAe,CAKjB;AAED,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,YAAY,GAAG,eAAe,CAK7E"}

package/dist/components/widget/OtcOrdersDrawer/OtcOrderDetails/utils.js

@@ -0,0 +1,18 @@
+import { jsx } from 'react/jsx-runtime';
+import { StatusBadge } from '../OtcOrderListItem.js';
+
+function constructOrderStatusDetail(order) {
+  return {
+    title: "Order Status",
+    value: /* @__PURE__ */ jsx(StatusBadge, { state: order.state })
+  };
+}
+function constructOrderTypeDetail(order) {
+  return {
+    title: "Order Type",
+    value: order.type
+  };
+}
+
+export { constructOrderStatusDetail, constructOrderTypeDetail };
+//# sourceMappingURL=utils.js.map

package/dist/components/widget/OtcOrdersDrawer/OtcOrderDetails/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../src/components/widget/OtcOrdersDrawer/OtcOrderDetails/utils.tsx"],"sourcesContent":["import type { DetailWithValue } from \"../../Details/types\";\nimport { StatusBadge } from \"../OtcOrderListItem\";\nimport type { OtcOrderItem } from \"../types\";\n\nexport function constructOrderStatusDetail(\n  order: OtcOrderItem\n): DetailWithValue {\n  return {\n    title: \"Order Status\",\n    value: <StatusBadge state={order.state} />,\n  };\n}\n\nexport function constructOrderTypeDetail(order: OtcOrderItem): DetailWithValue {\n  return {\n    title: \"Order Type\",\n    value: order.type,\n  };\n}\n"],"names":["constructOrderStatusDetail","order","title","value","state","constructOrderTypeDetail","type"],"mappings":";;;AAIO,SAASA,2BACdC,KAAAA,EACiB;AACjB,EAAA,OAAO;AAAA,IACLC,KAAAA,EAAO,cAAA;AAAA,IACPC,KAAAA,kBAAO,GAAA,CAAC,WAAA,EAAA,EAAY,KAAA,EAAOF,MAAMG,KAAAA,EAAM;AAAA,GACzC;AACF;AAEO,SAASC,yBAAyBJ,KAAAA,EAAsC;AAC7E,EAAA,OAAO;AAAA,IACLC,KAAAA,EAAO,YAAA;AAAA,IACPC,OAAOF,KAAAA,CAAMK;AAAAA,GACf;AACF;;;;"}

package/dist/components/widget/OtcOrdersDrawer/OtcOrderListItem.d.ts

@@ -0,0 +1,8 @@
+import { OtcOrderItem } from './types';
+import { LimitOrderFromApi } from '@velora-dex/sdk';
+export declare const OtcOrdersListItem: ({ orderItem, onClick, }: {
+    orderItem: OtcOrderItem;
+    onClick: (orderItem: OtcOrderItem) => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const StatusBadge: ({ state }: Pick<LimitOrderFromApi, "state">) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=OtcOrderListItem.d.ts.map

package/dist/components/widget/OtcOrdersDrawer/OtcOrderListItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OtcOrderListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/OtcOrdersDrawer/OtcOrderListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AASzD,eAAO,MAAM,iBAAiB,GAAI,yBAG/B;IACD,SAAS,EAAE,YAAY,CAAC;IACxB,OAAO,EAAE,CAAC,SAAS,EAAE,YAAY,KAAK,IAAI,CAAC;CAC5C,4CAgBA,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,WAAW,IAAI,CAAC,iBAAiB,EAAE,OAAO,CAAC,4CAgBtE,CAAC"}

package/dist/components/widget/OtcOrdersDrawer/OtcOrderListItem.js

@@ -0,0 +1,182 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { d as distExports } from '../../../_virtual/index.js';
+import { cn, shortenAddress } from '../../../lib/utils/index.js';
+import { TradeAndNetwork, Rate, TimeTillExpiry } from '../LimitOrdersDrawer/LimitOrderListItem.js';
+import { LimitOrderStateChecker } from '../../../hooks/otc/queries/utils.js';
+
+const OtcOrdersListItem = (t0) => {
+  const $ = distExports.c(16);
+  const {
+    orderItem,
+    onClick
+  } = t0;
+  let t1;
+  if ($[0] !== onClick || $[1] !== orderItem) {
+    t1 = () => onClick(orderItem);
+    $[0] = onClick;
+    $[1] = orderItem;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  let t2;
+  let t3;
+  if ($[3] !== orderItem) {
+    t2 = /* @__PURE__ */ jsx(TradeAndNetwork, { ...orderItem });
+    t3 = /* @__PURE__ */ jsx(RateAndStatus, { ...orderItem });
+    $[3] = orderItem;
+    $[4] = t2;
+    $[5] = t3;
+  } else {
+    t2 = $[4];
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = /* @__PURE__ */ jsx("span", { className: "text-contrast-5 dark:text-contrast-5", children: "Receiver" });
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  let t5;
+  if ($[7] !== orderItem.taker) {
+    t5 = shortenAddress(orderItem.taker, void 0, 6);
+    $[7] = orderItem.taker;
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  let t6;
+  if ($[9] !== t5) {
+    t6 = /* @__PURE__ */ jsxs("div", { className: "text-xs", children: [
+      t4,
+      " ",
+      /* @__PURE__ */ jsx("span", { className: "dark:text-contrast-7", children: t5 })
+    ] });
+    $[9] = t5;
+    $[10] = t6;
+  } else {
+    t6 = $[10];
+  }
+  let t7;
+  if ($[11] !== t1 || $[12] !== t2 || $[13] !== t3 || $[14] !== t6) {
+    t7 = /* @__PURE__ */ jsxs("div", { className: "bg-white dark:bg-contrast-3 p-4 rounded-sm cursor-pointer", onClick: t1, children: [
+      t2,
+      t3,
+      t6
+    ] });
+    $[11] = t1;
+    $[12] = t2;
+    $[13] = t3;
+    $[14] = t6;
+    $[15] = t7;
+  } else {
+    t7 = $[15];
+  }
+  return t7;
+};
+const StatusBadge = (t0) => {
+  const $ = distExports.c(5);
+  const {
+    state
+  } = t0;
+  let t1;
+  if ($[0] !== state) {
+    const success = LimitOrderStateChecker.success.has(state);
+    const failed = LimitOrderStateChecker.failed.has(state);
+    const active = LimitOrderStateChecker.active.has(state);
+    t1 = cn("text-[10px] p-0.5 px-2 rounded-lg w-max", {
+      "text-secondary-shamrock-green-2 bg-[#00976733]": success,
+      "text-secondary-radical-red-1 bg-[#FF3B301A]": failed,
+      "text-secondary-orange-peel-1 bg-[#FF950033]": active
+    });
+    $[0] = state;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== state || $[3] !== t1) {
+    t2 = /* @__PURE__ */ jsx("div", { className: t1, children: state });
+    $[2] = state;
+    $[3] = t1;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  return t2;
+};
+const rateClasses = {
+  left: "dark:text-contrast-7",
+  right: "text-contrast-5"
+};
+const RateAndStatus = (t0) => {
+  const $ = distExports.c(15);
+  const {
+    state,
+    extra,
+    expiry
+  } = t0;
+  let t1;
+  if ($[0] !== state) {
+    t1 = LimitOrderStateChecker.active.has(state);
+    $[0] = state;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const active = t1;
+  let t2;
+  if ($[2] !== extra) {
+    t2 = /* @__PURE__ */ jsx(Rate, { extra, classes: rateClasses });
+    $[2] = extra;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== active || $[5] !== expiry) {
+    t3 = active && /* @__PURE__ */ jsx(TimeTillExpiry, { deadline: expiry });
+    $[4] = active;
+    $[5] = expiry;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  let t4;
+  if ($[7] !== state) {
+    t4 = /* @__PURE__ */ jsx(StatusBadge, { state });
+    $[7] = state;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  let t5;
+  if ($[9] !== t3 || $[10] !== t4) {
+    t5 = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+      t3,
+      t4
+    ] });
+    $[9] = t3;
+    $[10] = t4;
+    $[11] = t5;
+  } else {
+    t5 = $[11];
+  }
+  let t6;
+  if ($[12] !== t2 || $[13] !== t5) {
+    t6 = /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between pb-4", children: [
+      t2,
+      t5
+    ] });
+    $[12] = t2;
+    $[13] = t5;
+    $[14] = t6;
+  } else {
+    t6 = $[14];
+  }
+  return t6;
+};
+
+export { OtcOrdersListItem, StatusBadge };
+//# sourceMappingURL=OtcOrderListItem.js.map

package/dist/components/widget/OtcOrdersDrawer/OtcOrderListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OtcOrderListItem.js","sources":["../../../../src/components/widget/OtcOrdersDrawer/OtcOrderListItem.tsx"],"sourcesContent":["import type { OtcOrderItem } from \"./types\";\nimport { cn, shortenAddress } from \"@/lib/utils\";\nimport type { LimitOrderFromApi } from \"@velora-dex/sdk\";\n\nimport {\n  Rate,\n  TimeTillExpiry,\n  TradeAndNetwork,\n} from \"../LimitOrdersDrawer/LimitOrderListItem\";\nimport { LimitOrderStateChecker } from \"@/hooks/otc/queries/utils\";\n\nexport const OtcOrdersListItem = ({\n  orderItem,\n  onClick,\n}: {\n  orderItem: OtcOrderItem;\n  onClick: (orderItem: OtcOrderItem) => void;\n}) => {\n  return (\n    <div\n      className={\"bg-white dark:bg-contrast-3 p-4 rounded-sm cursor-pointer\"}\n      onClick={() => onClick(orderItem)}\n    >\n      <TradeAndNetwork {...orderItem} />\n      <RateAndStatus {...orderItem} />\n      <div className=\"text-xs\">\n        <span className=\"text-contrast-5 dark:text-contrast-5\">Receiver</span>{\" \"}\n        <span className=\"dark:text-contrast-7\">\n          {shortenAddress(orderItem.taker, undefined, 6)}\n        </span>\n      </div>\n    </div>\n  );\n};\n\nexport const StatusBadge = ({ state }: Pick<LimitOrderFromApi, \"state\">) => {\n  const success = LimitOrderStateChecker.success.has(state);\n  const failed = LimitOrderStateChecker.failed.has(state);\n  const active = LimitOrderStateChecker.active.has(state);\n\n  return (\n    <div\n      className={cn(\"text-[10px] p-0.5 px-2 rounded-lg w-max\", {\n        \"text-secondary-shamrock-green-2 bg-[#00976733]\": success,\n        \"text-secondary-radical-red-1 bg-[#FF3B301A]\": failed,\n        \"text-secondary-orange-peel-1 bg-[#FF950033]\": active,\n      })}\n    >\n      {state}\n    </div>\n  );\n};\n\nconst rateClasses = {\n  left: \"dark:text-contrast-7\",\n  right: \"text-contrast-5\",\n};\n\nconst RateAndStatus = ({ state, extra, expiry }: OtcOrderItem) => {\n  const active = LimitOrderStateChecker.active.has(state);\n\n  return (\n    <div className=\"flex items-center justify-between pb-4\">\n      <Rate extra={extra} classes={rateClasses} />\n      <div className=\"flex items-center gap-1\">\n        {active && <TimeTillExpiry deadline={expiry} />}\n        <StatusBadge state={state} />\n      </div>\n    </div>\n  );\n};\n"],"names":["OtcOrdersListItem","t0","$","_c","orderItem","onClick","t1","t2","t3","t4","Symbol","for","t5","taker","shortenAddress","undefined","t6","t7","StatusBadge","state","success","LimitOrderStateChecker","has","failed","active","cn","rateClasses","left","right","RateAndStatus","extra","expiry"],"mappings":"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"}

package/dist/components/widget/OtcOrdersDrawer/OtcOrderTabs.d.ts

@@ -0,0 +1,7 @@
+import { SupportedChainId } from '../../../lib/web3/wagmi/types';
+import { OtcOrderItem } from './types';
+export declare const OtcOrderTabs: ({ onItemClick, selectedOtcOrdersNetwork, }: {
+    onItemClick: (auction: OtcOrderItem) => void;
+    selectedOtcOrdersNetwork: SupportedChainId;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=OtcOrderTabs.d.ts.map

package/dist/components/widget/OtcOrdersDrawer/OtcOrderTabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OtcOrderTabs.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/OtcOrdersDrawer/OtcOrderTabs.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE/D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAkB5C,eAAO,MAAM,YAAY,GAAI,4CAG1B;IACD,WAAW,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IAC7C,wBAAwB,EAAE,gBAAgB,CAAC;CAC5C,4CAqIA,CAAC"}

package/dist/components/widget/OtcOrdersDrawer/OtcOrdersList.d.ts

@@ -0,0 +1,12 @@
+import { OtcOrderItem } from './types';
+type OrdersData = {
+    orders?: OtcOrderItem[];
+    isLoading: boolean;
+};
+export declare const OtcOrdersList: ({ asMaker, asTaker, onItemClick, }: {
+    asMaker?: OrdersData;
+    asTaker?: OrdersData;
+    onItemClick: (item: OtcOrderItem) => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=OtcOrdersList.d.ts.map

package/dist/components/widget/OtcOrdersDrawer/OtcOrdersList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OtcOrdersList.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/OtcOrdersDrawer/OtcOrdersList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAM5C,KAAK,UAAU,GAAG;IAChB,MAAM,CAAC,EAAE,YAAY,EAAE,CAAC;IACxB,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAGF,eAAO,MAAM,aAAa,GAAI,oCAI3B;IACD,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,WAAW,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;CAC3C,4CA0DA,CAAC"}

package/dist/components/widget/OtcOrdersDrawer/constants.d.ts

@@ -0,0 +1,6 @@
+export declare const OTC_ORDERS_QUERY_PARAMS: {
+    readonly type: "P2P";
+    readonly orderBy: "updatedAt";
+    readonly limit: 500;
+};
+//# sourceMappingURL=constants.d.ts.map

package/dist/components/widget/OtcOrdersDrawer/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/OtcOrdersDrawer/constants.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,uBAAuB;;;;CAI1B,CAAC"}

package/dist/components/widget/OtcOrdersDrawer/constants.js

@@ -0,0 +1,9 @@
+const LIMIT_OF_ORDERS = 500;
+const OTC_ORDERS_QUERY_PARAMS = {
+  type: "P2P",
+  orderBy: "updatedAt",
+  limit: LIMIT_OF_ORDERS
+};
+
+export { OTC_ORDERS_QUERY_PARAMS };
+//# sourceMappingURL=constants.js.map

package/dist/components/widget/OtcOrdersDrawer/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/components/widget/OtcOrdersDrawer/constants.ts"],"sourcesContent":["// fetch this many orders at once\n// corresponds to MAX_ORDERS_LIMIT in lo-service\nconst LIMIT_OF_ORDERS = 500;\n\nexport const OTC_ORDERS_QUERY_PARAMS = {\n  type: \"P2P\",\n  orderBy: \"updatedAt\",\n  limit: LIMIT_OF_ORDERS,\n} as const;\n"],"names":["LIMIT_OF_ORDERS","OTC_ORDERS_QUERY_PARAMS","type","orderBy","limit"],"mappings":"AAEA,MAAMA,eAAAA,GAAkB,GAAA;AAEjB,MAAMC,uBAAAA,GAA0B;AAAA,EACrCC,IAAAA,EAAM,KAAA;AAAA,EACNC,OAAAA,EAAS,WAAA;AAAA,EACTC,KAAAA,EAAOJ;AACT;;;;"}

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

@@ -0,0 +1,15 @@
+import { LimitOrderFromApi } from '@velora-dex/sdk';
+import { MarkRequired } from 'ts-essentials';
+import { LimitOrderItemExtra } from '../LimitOrdersDrawer/types';
+export type OtcOrderItem = LimitOrderFromApi & {
+    itemType: "otc-order";
+    extra: LimitOrderItemExtra;
+    userIsTaker: boolean;
+};
+export type OtcOrderItemWithExtra = Omit<OtcOrderItem, "extra"> & {
+    extra: MarkRequired<LimitOrderItemExtra, "srcToken" | "destToken" | "srcAmountUnit" | "destAmountUnit">;
+};
+export type FillableOtcOrderItem = OtcOrderItemWithExtra & {
+    userIsTaker: true;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/OtcOrdersDrawer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,MAAM,MAAM,YAAY,GAAG,iBAAiB,GAAG;IAC7C,QAAQ,EAAE,WAAW,CAAC;IACtB,KAAK,EAAE,mBAAmB,CAAC;IAC3B,WAAW,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,IAAI,CAAC,YAAY,EAAE,OAAO,CAAC,GAAG;IAChE,KAAK,EAAE,YAAY,CACjB,mBAAmB,EACnB,UAAU,GAAG,WAAW,GAAG,eAAe,GAAG,gBAAgB,CAC9D,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,qBAAqB,GAAG;IACzD,WAAW,EAAE,IAAI,CAAC;CACnB,CAAC"}

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

@@ -0,0 +1,18 @@
+import { AllChainsTokenMap } from '../../../hooks/tokens/types';
+import { LimitOrderFromApi } from '@velora-dex/sdk';
+import { OtcOrderItem, OtcOrderItemWithExtra, FillableOtcOrderItem } from './types';
+import { Address } from 'viem';
+import { SupportedChainId } from '../../../lib/web3/wagmi/types';
+export declare function constructOtcOrderItem(order: LimitOrderFromApi, allChainsTokenMap: AllChainsTokenMap, account?: Address): OtcOrderItem;
+export declare function getNotAvailableTokens(orderItems: LimitOrderFromApi[], tokenMap: AllChainsTokenMap): {
+    addresses: Address[];
+    chainIds: SupportedChainId[];
+};
+export declare function filterByActiveAndCompletedOrders(limitOrders: OtcOrderItem[]): {
+    activeOrders: OtcOrderItem[];
+    completedOrders: OtcOrderItem[];
+};
+export declare function isOtcOrderWithExtra(order: OtcOrderItem): order is OtcOrderItemWithExtra;
+export declare function isFillableOrderItem(order: OtcOrderItem): order is FillableOtcOrderItem;
+export declare const sortOrdersActiveFirst: (a: Pick<LimitOrderFromApi, "state">, b: Pick<LimitOrderFromApi, "state">) => 1 | 0 | -1;
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/OtcOrdersDrawer/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;AAGjD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE/D,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,iBAAiB,EACxB,iBAAiB,EAAE,iBAAiB,EACpC,OAAO,CAAC,EAAE,OAAO,GAChB,YAAY,CA6Dd;AAED,wBAAgB,qBAAqB,CACnC,UAAU,EAAE,iBAAiB,EAAE,EAC/B,QAAQ,EAAE,iBAAiB,GAC1B;IACD,SAAS,EAAE,OAAO,EAAE,CAAC;IACrB,QAAQ,EAAE,gBAAgB,EAAE,CAAC;CAC9B,CAgCA;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;AAED,eAAO,MAAM,qBAAqB,GAChC,GAAG,IAAI,CAAC,iBAAiB,EAAE,OAAO,CAAC,EACnC,GAAG,IAAI,CAAC,iBAAiB,EAAE,OAAO,CAAC,eAOpC,CAAC"}

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

@@ -0,0 +1,85 @@
+import { prepTokenKey } from '../../../hooks/tokens/useTokensByAddress.js';
+import { isSupportedChainId } from '../../../lib/web3/wagmi/utils.js';
+import { formatUnits } from 'viem';
+import { LimitOrderStateChecker } from '../../../hooks/otc/queries/utils.js';
+
+function constructOtcOrderItem(order, allChainsTokenMap, account) {
+  const srcAmount = order.makerAmount;
+  const destAmount = order.takerAmount;
+  let srcToken;
+  let destToken;
+  let srcAmountUnit;
+  let destAmountUnit;
+  if (isSupportedChainId(order.chainId)) {
+    const srcTokenKey = prepTokenKey({
+      address: order.makerAsset,
+      network: order.chainId
+    });
+    const foundSrcToken = allChainsTokenMap[srcTokenKey];
+    if (foundSrcToken) {
+      srcToken = foundSrcToken;
+      srcAmountUnit = formatUnits(BigInt(srcAmount), foundSrcToken.decimals);
+    }
+    const destTokenKey = prepTokenKey({
+      address: order.takerAsset,
+      network: order.chainId
+    });
+    const foundDestToken = allChainsTokenMap[destTokenKey];
+    if (foundDestToken) {
+      destToken = foundDestToken;
+      destAmountUnit = formatUnits(BigInt(destAmount), foundDestToken.decimals);
+    }
+  }
+  const userIsTaker = !!account && account.toLowerCase() === order.taker.toLowerCase();
+  const extra = userIsTaker ? {
+    srcToken: destToken,
+    destToken: srcToken,
+    srcAmount: destAmount,
+    destAmount: srcAmount,
+    srcAmountUnit: destAmountUnit,
+    destAmountUnit: srcAmountUnit
+  } : {
+    srcToken,
+    destToken,
+    srcAmount,
+    destAmount,
+    srcAmountUnit,
+    destAmountUnit
+  };
+  return {
+    ...order,
+    extra,
+    userIsTaker,
+    itemType: "otc-order"
+  };
+}
+function filterByActiveAndCompletedOrders(limitOrders) {
+  const activeOrders = [];
+  const completedOrders = [];
+  limitOrders.forEach((order) => {
+    if (LimitOrderStateChecker.active.has(order.state)) {
+      activeOrders.push(order);
+    } else {
+      completedOrders.push(order);
+    }
+  });
+  return {
+    activeOrders,
+    completedOrders
+  };
+}
+function isOtcOrderWithExtra(order) {
+  const {
+    srcToken,
+    destToken,
+    srcAmountUnit,
+    destAmountUnit
+  } = order.extra;
+  return !!(srcToken && destToken && srcAmountUnit && destAmountUnit);
+}
+function isFillableOrderItem(order) {
+  return !!(isOtcOrderWithExtra(order) && order.userIsTaker && LimitOrderStateChecker.active.has(order.state));
+}
+
+export { constructOtcOrderItem, filterByActiveAndCompletedOrders, isFillableOrderItem, isOtcOrderWithExtra };
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../src/components/widget/OtcOrdersDrawer/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\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\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 getNotAvailableTokens(\n  orderItems: LimitOrderFromApi[],\n  tokenMap: AllChainsTokenMap\n): {\n  addresses: Address[];\n  chainIds: SupportedChainId[];\n} {\n  const addresses = new Set<Address>();\n  const chainIds = new Set<SupportedChainId>();\n\n  orderItems.forEach((item) => {\n    if (isSupportedChainId(item.chainId)) {\n      const srcTokenKey = prepTokenKey({\n        address: item.makerAsset,\n        network: item.chainId,\n      });\n\n      if (!tokenMap[srcTokenKey]) {\n        addresses.add(item.makerAsset as Address);\n        chainIds.add(item.chainId);\n      }\n\n      const destTokenKey = prepTokenKey({\n        address: item.takerAsset,\n        network: item.chainId,\n      });\n\n      if (!tokenMap[destTokenKey]) {\n        addresses.add(item.takerAsset as Address);\n        chainIds.add(item.chainId);\n      }\n    }\n  });\n\n  return {\n    addresses: Array.from(addresses),\n    chainIds: Array.from(chainIds),\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\nexport const sortOrdersActiveFirst = (\n  a: Pick<LimitOrderFromApi, \"state\">,\n  b: Pick<LimitOrderFromApi, \"state\">\n) => {\n  const aIsPending = LimitOrderStateChecker.active.has(a.state);\n  const bIsPending = LimitOrderStateChecker.active.has(b.state);\n  if (aIsPending && !bIsPending) return -1;\n  if (!aIsPending && bIsPending) return 1;\n  return 0;\n};\n"],"names":["constructOtcOrderItem","order","allChainsTokenMap","account","srcAmount","makerAmount","destAmount","takerAmount","srcToken","destToken","srcAmountUnit","destAmountUnit","isSupportedChainId","chainId","srcTokenKey","prepTokenKey","address","makerAsset","network","foundSrcToken","formatUnits","BigInt","decimals","destTokenKey","takerAsset","foundDestToken","userIsTaker","toLowerCase","taker","extra","itemType","filterByActiveAndCompletedOrders","limitOrders","activeOrders","completedOrders","forEach","LimitOrderStateChecker","active","has","state","push","isOtcOrderWithExtra","isFillableOrderItem"],"mappings":"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"}

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

@@ -0,0 +1,3 @@
+import { PayReceiveInfoProps } from './types';
+export declare const PayReceiveInfo: ({ topToken, bottomToken, }: PayReceiveInfoProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PayReceiveInfo.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PayReceiveInfo.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/PayReceiveInfo/PayReceiveInfo.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAc,MAAM,SAAS,CAAC;AAI/D,eAAO,MAAM,cAAc,GAAI,4BAG5B,mBAAmB,4CAQrB,CAAC"}