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

package/dist/components/widget/LimitOrdersDrawer/LimitOrdersList.d.ts

@@ -0,0 +1,7 @@
+import { LimitOrderItem } from './types';
+export declare const LimitOrdersList: ({ limitOrders, isLoading, onItemClick, }: {
+    limitOrders?: LimitOrderItem[];
+    isLoading: boolean;
+    onItemClick: (item: LimitOrderItem) => void;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LimitOrdersList.d.ts.map

package/dist/components/widget/LimitOrdersDrawer/LimitOrdersList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LimitOrdersList.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/LimitOrdersDrawer/LimitOrdersList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAI9C,eAAO,MAAM,eAAe,GAAI,0CAI7B;IACD,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;IAC/B,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;CAC7C,4CAiCA,CAAC"}

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

@@ -0,0 +1,8 @@
+export declare const defaultOrderParams: {
+    limit: number;
+};
+export declare const activeOrderParams: {
+    status: "ACTIVE"[];
+    limit: number;
+};
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/LimitOrdersDrawer/constants.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,kBAAkB;;CAE9B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;CAG7B,CAAC"}

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

@@ -0,0 +1,11 @@
+const LIMIT_OF_ORDERS = 500;
+const defaultOrderParams = {
+  limit: LIMIT_OF_ORDERS
+};
+const activeOrderParams = {
+  ...defaultOrderParams,
+  status: ["ACTIVE"]
+};
+
+export { activeOrderParams, defaultOrderParams };
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/components/widget/LimitOrdersDrawer/constants.ts"],"sourcesContent":["// fetch this many orders at once\n//  MAX_ORDERS_LIMIT in API is 1000\nconst LIMIT_OF_ORDERS = 500;\n\nexport const defaultOrderParams = {\n  limit: LIMIT_OF_ORDERS,\n};\n\nexport const activeOrderParams = {\n  ...defaultOrderParams,\n  status: [\"ACTIVE\" as const],\n};\n"],"names":["LIMIT_OF_ORDERS","defaultOrderParams","limit","activeOrderParams","status"],"mappings":"AAEA,MAAMA,eAAAA,GAAkB,GAAA;AAEjB,MAAMC,kBAAAA,GAAqB;AAAA,EAChCC,KAAAA,EAAOF;AACT;AAEO,MAAMG,iBAAAA,GAAoB;AAAA,EAC/B,GAAGF,kBAAAA;AAAAA,EACHG,MAAAA,EAAQ,CAAC,QAAiB;AAC5B;;;;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/LimitOrdersDrawer/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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/LimitOrdersDrawer/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"}

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

@@ -0,0 +1,66 @@
+import { isOrderCrosschain } from '../../../hooks/swap/prices/delta/orders/utils.js';
+import { prepTokenKey } from '../../../hooks/tokens/useTokensByAddress.js';
+import { isSupportedChainId } from '../../../lib/web3/wagmi/utils.js';
+import { formatUnits } from 'viem';
+
+function constructLimitOrderItem(auction, allChainsTokenMap) {
+  const isCrosschainOrder = isOrderCrosschain(auction.order);
+  const srcChainId = auction.chainId;
+  const destChainId = isCrosschainOrder ? auction.order.bridge.destinationChainId : srcChainId;
+  const srcAmount = auction.order.srcAmount;
+  const destAmount = isCrosschainOrder ? auction.bridgeMetadata?.outputAmount || auction.order.expectedAmount || // expectedAmount doesn't exist for old crosschain orders
+  auction.order.destAmount : auction.order.destAmount;
+  let srcToken;
+  let destToken;
+  let srcAmountUnit;
+  let destAmountUnit;
+  if (isSupportedChainId(srcChainId)) {
+    const srcTokenAddress = auction.order.srcToken;
+    const srcTokenKey = prepTokenKey({
+      address: srcTokenAddress,
+      network: srcChainId
+    });
+    const foundSrcToken = allChainsTokenMap[srcTokenKey];
+    if (foundSrcToken) {
+      srcToken = foundSrcToken;
+      srcAmountUnit = formatUnits(BigInt(srcAmount), foundSrcToken.decimals);
+    }
+  }
+  if (isSupportedChainId(destChainId)) {
+    const destTokenAddress = isCrosschainOrder ? auction.order.bridge.outputToken : auction.order.destToken;
+    const destTokenKey = prepTokenKey({
+      address: destTokenAddress,
+      network: destChainId
+    });
+    const foundDestToken = allChainsTokenMap[destTokenKey];
+    if (foundDestToken) {
+      destToken = foundDestToken;
+      destAmountUnit = formatUnits(BigInt(destAmount), foundDestToken.decimals);
+    }
+  }
+  const extra = {
+    srcToken,
+    destToken,
+    srcAmount,
+    destAmount,
+    srcAmountUnit,
+    destAmountUnit
+  };
+  return {
+    ...auction,
+    extra,
+    itemType: "limit-order"
+  };
+}
+function isLimitOrderWithExtra(order) {
+  const {
+    srcToken,
+    destToken,
+    srcAmountUnit,
+    destAmountUnit
+  } = order.extra;
+  return !!(srcToken && destToken && srcAmountUnit && destAmountUnit);
+}
+
+export { constructLimitOrderItem, isLimitOrderWithExtra };
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../src/components/widget/LimitOrdersDrawer/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"],"names":["constructLimitOrderItem","auction","allChainsTokenMap","isCrosschainOrder","isOrderCrosschain","order","srcChainId","chainId","destChainId","bridge","destinationChainId","srcAmount","destAmount","bridgeMetadata","outputAmount","expectedAmount","srcToken","destToken","srcAmountUnit","destAmountUnit","isSupportedChainId","srcTokenAddress","srcTokenKey","prepTokenKey","address","network","foundSrcToken","formatUnits","BigInt","decimals","destTokenAddress","outputToken","destTokenKey","foundDestToken","extra","itemType","isLimitOrderWithExtra"],"mappings":";;;;;AASO,SAASA,uBAAAA,CACdC,SACAC,iBAAAA,EACgB;AAChB,EAAA,MAAMC,iBAAAA,GAAoBC,iBAAAA,CAAkBH,OAAAA,CAAQI,KAAK,CAAA;AAEzD,EAAA,MAAMC,aAAaL,OAAAA,CAAQM,OAAAA;AAC3B,EAAA,MAAMC,WAAAA,GAAcL,iBAAAA,GAChBF,OAAAA,CAAQI,KAAAA,CAAMI,OAAOC,kBAAAA,GACrBJ,UAAAA;AAEJ,EAAA,MAAMK,SAAAA,GAAYV,QAAQI,KAAAA,CAAMM,SAAAA;AAChC,EAAA,MAAMC,aAAaT,iBAAAA,GACfF,OAAAA,CAAQY,cAAAA,EAAgBC,YAAAA,IACxBb,QAAQI,KAAAA,CAAMU,cAAAA;AAAAA,EACdd,OAAAA,CAAQI,KAAAA,CAAMO,UAAAA,GACdX,OAAAA,CAAQI,KAAAA,CAAMO,UAAAA;AAElB,EAAA,IAAII,QAAAA;AACJ,EAAA,IAAIC,SAAAA;AAEJ,EAAA,IAAIC,aAAAA;AACJ,EAAA,IAAIC,cAAAA;AAEJ,EAAA,IAAIC,kBAAAA,CAAmBd,UAAU,CAAA,EAAG;AAClC,IAAA,MAAMe,eAAAA,GAAkBpB,QAAQI,KAAAA,CAAMW,QAAAA;AAEtC,IAAA,MAAMM,cAAcC,YAAAA,CAAa;AAAA,MAC/BC,OAAAA,EAASH,eAAAA;AAAAA,MACTI,OAAAA,EAASnB;AAAAA,KACV,CAAA;AAED,IAAA,MAAMoB,aAAAA,GAAgBxB,kBAAkBoB,WAAW,CAAA;AACnD,IAAA,IAAII,aAAAA,EAAe;AACjBV,MAAAA,QAAAA,GAAWU,aAAAA;AACXR,MAAAA,aAAAA,GAAgBS,WAAAA,CAAYC,MAAAA,CAAOjB,SAAS,CAAA,EAAGe,cAAcG,QAAQ,CAAA;AAAA,IACvE;AAAA,EACF;AAEA,EAAA,IAAIT,kBAAAA,CAAmBZ,WAAW,CAAA,EAAG;AACnC,IAAA,MAAMsB,mBAAmB3B,iBAAAA,GACrBF,OAAAA,CAAQI,MAAMI,MAAAA,CAAOsB,WAAAA,GACrB9B,QAAQI,KAAAA,CAAMY,SAAAA;AAElB,IAAA,MAAMe,eAAeT,YAAAA,CAAa;AAAA,MAChCC,OAAAA,EAASM,gBAAAA;AAAAA,MACTL,OAAAA,EAASjB;AAAAA,KACV,CAAA;AAED,IAAA,MAAMyB,cAAAA,GAAiB/B,kBAAkB8B,YAAY,CAAA;AACrD,IAAA,IAAIC,cAAAA,EAAgB;AAClBhB,MAAAA,SAAAA,GAAYgB,cAAAA;AACZd,MAAAA,cAAAA,GAAiBQ,WAAAA,CAAYC,MAAAA,CAAOhB,UAAU,CAAA,EAAGqB,eAAeJ,QAAQ,CAAA;AAAA,IAC1E;AAAA,EACF;AAEA,EAAA,MAAMK,KAAAA,GAAQ;AAAA,IACZlB,QAAAA;AAAAA,IACAC,SAAAA;AAAAA,IACAN,SAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAM,aAAAA;AAAAA,IACAC;AAAAA,GACF;AAEA,EAAA,OAAO;AAAA,IACL,GAAGlB,OAAAA;AAAAA,IACHiC,KAAAA;AAAAA,IACAC,QAAAA,EAAU;AAAA,GACZ;AACF;AAEO,SAASC,sBACd/B,KAAAA,EACkC;AAClC,EAAA,MAAM;AAAA,IAAEW,QAAAA;AAAAA,IAAUC,SAAAA;AAAAA,IAAWC,aAAAA;AAAAA,IAAeC;AAAAA,MAAmBd,KAAAA,CAAM6B,KAAAA;AACrE,EAAA,OAAO,CAAC,EAAElB,QAAAA,IAAYC,SAAAA,IAAaC,aAAAA,IAAiBC,cAAAA,CAAAA;AACtD;;;;"}

package/dist/components/widget/LimitPriceInput/index.d.ts

@@ -0,0 +1,3 @@
+import { PriceInputProps } from './types';
+export declare const PriceInput: ({ type, isLocked, amount, isLoading, priceDiff, drivingToken, onAmountChange, onToggleLock, onToggleReverse, onReset, onFocus, }: PriceInputProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/widget/LimitPriceInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/LimitPriceInput/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAG/C,eAAO,MAAM,UAAU,GAAI,kIAYxB,eAAe,4CAsHjB,CAAC"}

package/dist/components/widget/LimitPriceInput/index.js

@@ -0,0 +1,321 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { d as distExports } from '../../../_virtual/index.js';
+import { UnstyledInput } from '../../ui/input.js';
+import { cn } from '../../../lib/utils/index.js';
+import { NumericFormat } from 'react-number-format';
+import { Lock, LockOpen, RefreshCcw, ArrowRightLeft } from 'lucide-react';
+import { Skeleton } from '../../ui/skeleton.js';
+import { TooltipContent, Tooltip, TooltipTrigger } from '../../ui/tooltip.js';
+import { formatPercent } from '../../../lib/utils/formatPercent.js';
+import { useState } from 'react';
+
+const PriceInput = (t0) => {
+  const $ = distExports.c(64);
+  const {
+    type,
+    isLocked,
+    amount,
+    isLoading,
+    priceDiff,
+    drivingToken,
+    onAmountChange,
+    onToggleLock,
+    onToggleReverse,
+    onReset,
+    onFocus
+  } = t0;
+  const isLimit = type === "limit";
+  const shouldShowPriceDiff = priceDiff > 0.1 || priceDiff < -0.1;
+  const t1 = priceDiff / 100;
+  let t2;
+  if ($[0] !== t1) {
+    t2 = formatPercent(t1);
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const priceDiffToDisplay = t2;
+  const LockIcon = isLocked ? Lock : LockOpen;
+  const showSkeleton = isLoading;
+  const priceDiffPositive = priceDiff > 0;
+  const priceDiffNegative = priceDiff < 0;
+  const priceDiffStyles = {
+    "text-secondary-shamrock-green-2": priceDiffPositive,
+    "text-secondary-radical-red-2": priceDiffNegative
+  };
+  const [resetTooltipOpen, setResetTooltipOpen] = useState(false);
+  const t3 = isLimit ? "Limit" : "OTC";
+  let t4;
+  if ($[2] !== t3) {
+    t4 = /* @__PURE__ */ jsxs("span", { children: [
+      t3,
+      " Price"
+    ] });
+    $[2] = t3;
+    $[3] = t4;
+  } else {
+    t4 = $[3];
+  }
+  const T0 = TooltipContent;
+  const t5 = "Your ";
+  const t6 = isLimit ? "limit" : "OTC";
+  const t7 = " price is";
+  const t8 = " ";
+  const t9 = cn(priceDiffStyles);
+  const t10 = priceDiffPositive ? "higher" : "lower";
+  let t11;
+  if ($[4] !== priceDiffToDisplay || $[5] !== t10 || $[6] !== t9) {
+    t11 = /* @__PURE__ */ jsxs("span", { className: t9, children: [
+      priceDiffToDisplay,
+      " ",
+      t10
+    ] });
+    $[4] = priceDiffToDisplay;
+    $[5] = t10;
+    $[6] = t9;
+    $[7] = t11;
+  } else {
+    t11 = $[7];
+  }
+  let t12;
+  if ($[8] !== T0 || $[9] !== t11 || $[10] !== t6) {
+    t12 = /* @__PURE__ */ jsxs(T0, { children: [
+      t5,
+      t6,
+      t7,
+      t8,
+      t11,
+      " ",
+      "than the current market price."
+    ] });
+    $[8] = T0;
+    $[9] = t11;
+    $[10] = t6;
+    $[11] = t12;
+  } else {
+    t12 = $[11];
+  }
+  const t13 = !isLocked && resetTooltipOpen;
+  const t14 = !isLocked;
+  let t15;
+  if ($[12] !== isLocked || $[13] !== t14) {
+    t15 = cn("w-3.5 h-3.5", {
+      "cursor-pointer": t14,
+      "cursor-not-allowed opacity-50": isLocked
+    });
+    $[12] = isLocked;
+    $[13] = t14;
+    $[14] = t15;
+  } else {
+    t15 = $[14];
+  }
+  let t16;
+  if ($[15] !== onReset || $[16] !== t15) {
+    t16 = /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(RefreshCcw, { className: t15, onClick: onReset }) });
+    $[15] = onReset;
+    $[16] = t15;
+    $[17] = t16;
+  } else {
+    t16 = $[17];
+  }
+  const t17 = isLimit ? "limit" : "OTC";
+  let t18;
+  if ($[18] !== t17) {
+    t18 = /* @__PURE__ */ jsxs(TooltipContent, { children: [
+      "Reset ",
+      t17,
+      " price to current market price"
+    ] });
+    $[18] = t17;
+    $[19] = t18;
+  } else {
+    t18 = $[19];
+  }
+  let t19;
+  if ($[20] !== setResetTooltipOpen || $[21] !== t13 || $[22] !== t16 || $[23] !== t18) {
+    t19 = /* @__PURE__ */ jsxs(Tooltip, { open: t13, onOpenChange: setResetTooltipOpen, children: [
+      t16,
+      t18
+    ] });
+    $[20] = setResetTooltipOpen;
+    $[21] = t13;
+    $[22] = t16;
+    $[23] = t18;
+    $[24] = t19;
+  } else {
+    t19 = $[24];
+  }
+  let t20;
+  if ($[25] !== isLocked) {
+    t20 = cn("w-3.5 h-3.5 cursor-pointer", {
+      "text-secondary-shamrock-green-2": isLocked
+    });
+    $[25] = isLocked;
+    $[26] = t20;
+  } else {
+    t20 = $[26];
+  }
+  let t21;
+  if ($[27] !== LockIcon || $[28] !== onToggleLock || $[29] !== t20) {
+    t21 = /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(LockIcon, { className: t20, onClick: onToggleLock }) });
+    $[27] = LockIcon;
+    $[28] = onToggleLock;
+    $[29] = t20;
+    $[30] = t21;
+  } else {
+    t21 = $[30];
+  }
+  const t22 = isLimit ? "limit" : "OTC";
+  let t23;
+  if ($[31] !== t22) {
+    t23 = /* @__PURE__ */ jsxs(TooltipContent, { children: [
+      "Lock the ",
+      t22,
+      " price to Receive value"
+    ] });
+    $[31] = t22;
+    $[32] = t23;
+  } else {
+    t23 = $[32];
+  }
+  let t24;
+  if ($[33] !== t21 || $[34] !== t23) {
+    t24 = /* @__PURE__ */ jsxs(Tooltip, { children: [
+      t21,
+      t23
+    ] });
+    $[33] = t21;
+    $[34] = t23;
+    $[35] = t24;
+  } else {
+    t24 = $[35];
+  }
+  let t25;
+  if ($[36] !== t19 || $[37] !== t24) {
+    t25 = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 dark:text-contrast-6", children: [
+      t19,
+      t24
+    ] });
+    $[36] = t19;
+    $[37] = t24;
+    $[38] = t25;
+  } else {
+    t25 = $[38];
+  }
+  let t26;
+  if ($[39] !== showSkeleton) {
+    t26 = showSkeleton && /* @__PURE__ */ jsx(Skeleton, { className: "w-full h-[28px]" });
+    $[39] = showSkeleton;
+    $[40] = t26;
+  } else {
+    t26 = $[40];
+  }
+  let t27;
+  if ($[41] !== isLocked || $[42] !== showSkeleton) {
+    t27 = cn("min-w-0 w-full text-lg font-geist-mono text-contrast-3 dark:text-contrast-8", {
+      hidden: showSkeleton,
+      "opacity-50 cursor-not-allowed": isLocked
+    });
+    $[41] = isLocked;
+    $[42] = showSkeleton;
+    $[43] = t27;
+  } else {
+    t27 = $[43];
+  }
+  let t28;
+  if ($[44] !== amount || $[45] !== isLocked || $[46] !== onAmountChange || $[47] !== onFocus || $[48] !== t27) {
+    t28 = /* @__PURE__ */ jsx(NumericFormat, { className: t27, placeholder: "0", disabled: isLocked, value: amount, onValueChange: onAmountChange, allowNegative: false, allowLeadingZeros: false, customInput: UnstyledInput, onFocus, thousandSeparator: true });
+    $[44] = amount;
+    $[45] = isLocked;
+    $[46] = onAmountChange;
+    $[47] = onFocus;
+    $[48] = t27;
+    $[49] = t28;
+  } else {
+    t28 = $[49];
+  }
+  const t29 = drivingToken?.symbol;
+  let t30;
+  if ($[50] !== t29) {
+    t30 = /* @__PURE__ */ jsx("span", { children: t29 });
+    $[50] = t29;
+    $[51] = t30;
+  } else {
+    t30 = $[51];
+  }
+  let t31;
+  if ($[52] !== onToggleReverse) {
+    t31 = /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(ArrowRightLeft, { className: "w-3.5 h-3.5 dark:text-contrast-6 cursor-pointer", onClick: onToggleReverse }) });
+    $[52] = onToggleReverse;
+    $[53] = t31;
+  } else {
+    t31 = $[53];
+  }
+  let t32;
+  if ($[54] === Symbol.for("react.memo_cache_sentinel")) {
+    t32 = /* @__PURE__ */ jsx(TooltipContent, { children: "Switch order pair" });
+    $[54] = t32;
+  } else {
+    t32 = $[54];
+  }
+  let t33;
+  if ($[55] !== t31) {
+    t33 = /* @__PURE__ */ jsxs(Tooltip, { children: [
+      t31,
+      t32
+    ] });
+    $[55] = t31;
+    $[56] = t33;
+  } else {
+    t33 = $[56];
+  }
+  let t34;
+  if ($[57] !== t30 || $[58] !== t33) {
+    t34 = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-contrast-3 dark:text-contrast-8 text-sm", children: [
+      t30,
+      t33
+    ] });
+    $[57] = t30;
+    $[58] = t33;
+    $[59] = t34;
+  } else {
+    t34 = $[59];
+  }
+  let t35;
+  if ($[60] !== t26 || $[61] !== t28 || $[62] !== t34) {
+    t35 = /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-1.5", children: [
+      t26,
+      t28,
+      t34
+    ] });
+    $[60] = t26;
+    $[61] = t28;
+    $[62] = t34;
+    $[63] = t35;
+  } else {
+    t35 = $[63];
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-[8px] p-4 border-1 rounded-[12px] border-transparent transition-all focus-within:border-primary-azul-1 bg-contrast-8 dark:bg-contrast-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-xs text-contrast-3 dark:text-contrast-7", children: [
+      /* @__PURE__ */ jsxs(Tooltip, { open: !shouldShowPriceDiff ? false : void 0, children: [
+        /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs("div", { className: "flex gap-1", children: [
+          t4,
+          /* @__PURE__ */ jsxs("div", { className: cn("truncate w-[50px]", {
+            ...priceDiffStyles,
+            hidden: !shouldShowPriceDiff
+          }), children: [
+            priceDiffPositive ? "+" : "",
+            priceDiffToDisplay
+          ] })
+        ] }) }),
+        t12
+      ] }),
+      t25
+    ] }),
+    t35
+  ] });
+};
+
+export { PriceInput };
+//# sourceMappingURL=index.js.map

package/dist/components/widget/LimitPriceInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/widget/LimitPriceInput/index.tsx"],"sourcesContent":["import { UnstyledInput } from \"@/components/ui/input\";\nimport { cn } from \"@/lib/utils\";\nimport { NumericFormat } from \"react-number-format\";\nimport { ArrowRightLeft, RefreshCcw, Lock, LockOpen } from \"lucide-react\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { formatPercent } from \"@/lib/utils/formatPercent\";\nimport type { PriceInputProps } from \"./types\";\nimport { useState } from \"react\";\n\nexport const PriceInput = ({\n  type,\n  isLocked,\n  amount,\n  isLoading,\n  priceDiff,\n  drivingToken,\n  onAmountChange,\n  onToggleLock,\n  onToggleReverse,\n  onReset,\n  onFocus,\n}: PriceInputProps) => {\n  const isLimit = type === \"limit\";\n\n  const shouldShowPriceDiff = priceDiff > 0.1 || priceDiff < -0.1;\n  const priceDiffToDisplay = formatPercent(priceDiff / 100);\n\n  const LockIcon = isLocked ? Lock : LockOpen;\n  const showSkeleton = isLoading;\n\n  const priceDiffPositive = priceDiff > 0;\n  const priceDiffNegative = priceDiff < 0;\n\n  const priceDiffStyles = {\n    \"text-secondary-shamrock-green-2\": priceDiffPositive,\n    \"text-secondary-radical-red-2\": priceDiffNegative,\n  };\n\n  // must use controlled Tooltip with open prop,\n  // to avoid \"Tooltip is changing from uncontrolled to controlled\" warning\n  const [resetTooltipOpen, setResetTooltipOpen] = useState(false);\n\n  return (\n    <div className=\"flex flex-col gap-[8px] p-4 border-1 rounded-[12px] border-transparent transition-all focus-within:border-primary-azul-1 bg-contrast-8 dark:bg-contrast-2\">\n      <div className=\"flex items-center justify-between text-xs text-contrast-3 dark:text-contrast-7\">\n        <Tooltip open={!shouldShowPriceDiff ? false : undefined}>\n          <TooltipTrigger asChild>\n            <div className=\"flex gap-1\">\n              <span>{isLimit ? \"Limit\" : \"OTC\"} Price</span>\n              <div\n                className={cn(\"truncate w-[50px]\", {\n                  ...priceDiffStyles,\n                  hidden: !shouldShowPriceDiff,\n                })}\n              >\n                {priceDiffPositive ? \"+\" : \"\"}\n                {priceDiffToDisplay}\n              </div>\n            </div>\n          </TooltipTrigger>\n          <TooltipContent>\n            Your {isLimit ? \"limit\" : \"OTC\"} price is{\" \"}\n            <span className={cn(priceDiffStyles)}>\n              {priceDiffToDisplay} {priceDiffPositive ? \"higher\" : \"lower\"}\n            </span>{\" \"}\n            than the current market price.\n          </TooltipContent>\n        </Tooltip>\n        <div className=\"flex items-center gap-3 dark:text-contrast-6\">\n          <Tooltip\n            open={!isLocked && resetTooltipOpen}\n            onOpenChange={setResetTooltipOpen}\n          >\n            <TooltipTrigger asChild>\n              <RefreshCcw\n                className={cn(\"w-3.5 h-3.5\", {\n                  \"cursor-pointer\": !isLocked,\n                  \"cursor-not-allowed opacity-50\": isLocked,\n                })}\n                onClick={onReset}\n              />\n            </TooltipTrigger>\n            <TooltipContent>\n              Reset {isLimit ? \"limit\" : \"OTC\"} price to current market price\n            </TooltipContent>\n          </Tooltip>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <LockIcon\n                className={cn(\"w-3.5 h-3.5 cursor-pointer\", {\n                  \"text-secondary-shamrock-green-2\": isLocked,\n                })}\n                onClick={onToggleLock}\n              />\n            </TooltipTrigger>\n            <TooltipContent>\n              Lock the {isLimit ? \"limit\" : \"OTC\"} price to Receive value\n            </TooltipContent>\n          </Tooltip>\n        </div>\n      </div>\n      <div className=\"flex items-center justify-between gap-1.5\">\n        {showSkeleton && <Skeleton className=\"w-full h-[28px]\" />}\n        <NumericFormat\n          className={cn(\n            \"min-w-0 w-full text-lg font-geist-mono text-contrast-3 dark:text-contrast-8\",\n            {\n              hidden: showSkeleton, // hiding instead of not rendering, so that onValueChange triggers immediately after !isLoading\n              // it doesn't trigger when we have a value on the first render\n              // @TODO maybe not needed for PriceInput\n\n              \"opacity-50 cursor-not-allowed\": isLocked,\n            }\n          )}\n          placeholder=\"0\"\n          disabled={isLocked}\n          value={amount}\n          onValueChange={onAmountChange}\n          allowNegative={false}\n          allowLeadingZeros={false}\n          customInput={UnstyledInput}\n          onFocus={onFocus}\n          thousandSeparator\n        />\n        <div className=\"flex items-center gap-1.5 text-contrast-3 dark:text-contrast-8 text-sm\">\n          <span>{drivingToken?.symbol}</span>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <ArrowRightLeft\n                className=\"w-3.5 h-3.5 dark:text-contrast-6 cursor-pointer\"\n                onClick={onToggleReverse}\n              />\n            </TooltipTrigger>\n            <TooltipContent>Switch order pair</TooltipContent>\n          </Tooltip>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["PriceInput","t0","$","_c","type","isLocked","amount","isLoading","priceDiff","drivingToken","onAmountChange","onToggleLock","onToggleReverse","onReset","onFocus","isLimit","shouldShowPriceDiff","t1","t2","formatPercent","priceDiffToDisplay","LockIcon","Lock","LockOpen","showSkeleton","priceDiffPositive","priceDiffNegative","priceDiffStyles","resetTooltipOpen","setResetTooltipOpen","useState","t3","t4","T0","TooltipContent","t5","t6","t7","t8","t9","cn","t10","t11","t12","t13","t14","t15","t16","t17","t18","t19","t20","t21","t22","t23","t24","t25","t26","t27","hidden","t28","UnstyledInput","t29","symbol","t30","t31","t32","Symbol","for","t33","t34","t35","undefined"],"mappings":"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"}

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

@@ -0,0 +1,17 @@
+import { Token } from '../../../tokens/state/types';
+import { OnValueChange } from 'react-number-format';
+export type PriceInputProps = {
+    type: "limit" | "otc";
+    isLocked: boolean;
+    isReversed: boolean;
+    amount: string;
+    isLoading: boolean;
+    priceDiff: number;
+    drivingToken?: Token;
+    onAmountChange: OnValueChange;
+    onToggleLock: () => void;
+    onToggleReverse: () => void;
+    onReset: () => void;
+    onFocus: () => void;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/LimitPriceInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEzD,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,OAAO,GAAG,KAAK,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,cAAc,EAAE,aAAa,CAAC;IAC9B,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC"}

package/dist/components/widget/NetworkIcon/NetworkIconSquare.d.ts

@@ -1,7 +1,6 @@
 import { SupportedChainId } from '../../../lib/web3/wagmi/types';
-export declare const NetworkIconSquare: ({ networkId, size, withBorder, className, }: {
+export declare const NetworkIconSquare: ({ networkId, withBorder, className, }: {
     networkId: SupportedChainId;
-    size?: number;
     withBorder?: boolean;
     className?: string;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/widget/NetworkIcon/NetworkIconSquare.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NetworkIconSquare.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/NetworkIcon/NetworkIconSquare.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAiB/D,eAAO,MAAM,iBAAiB,GAAI,6CAK/B;IACD,SAAS,EAAE,gBAAgB,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,4CAsBA,CAAC"}
+{"version":3,"file":"NetworkIconSquare.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/NetworkIcon/NetworkIconSquare.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAiB/D,eAAO,MAAM,iBAAiB,GAAI,uCAI/B;IACD,SAAS,EAAE,gBAAgB,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,4CAqBA,CAAC"}

package/dist/components/widget/NetworkIcon/NetworkIconSquare.js

@@ -28,14 +28,12 @@ const iconsSqr = {
   [unichain.id]: ForwardRef
 };
 const NetworkIconSquare = (t0) => {
-  const $ = distExports.c(7);
+  const $ = distExports.c(6);
   const {
     networkId,
-    size: t1,
     withBorder,
     className
   } = t0;
-  const size = t1 === void 0 ? 12 : t1;
   const logger = useLogger("NetworkIconSquare");
   let SvgIcon = isSupportedChainId(networkId) ? iconsSqr[networkId] : void 0;
   if (!SvgIcon) {
@@ -43,28 +41,27 @@ const NetworkIconSquare = (t0) => {
     SvgIcon = ForwardRef$9;
   }
   const T0 = SvgIcon;
-  let t2;
+  let t1;
   if ($[0] !== className || $[1] !== withBorder) {
-    t2 = cn({
+    t1 = cn("size-4", {
       "border border-contrast-9 dark:border-contrast-4 rounded-[4px]": withBorder
     }, className);
     $[0] = className;
     $[1] = withBorder;
-    $[2] = t2;
+    $[2] = t1;
   } else {
-    t2 = $[2];
+    t1 = $[2];
   }
-  let t3;
-  if ($[3] !== SvgIcon || $[4] !== size || $[5] !== t2) {
-    t3 = /* @__PURE__ */ jsx(T0, { width: size, height: size, className: t2 });
+  let t2;
+  if ($[3] !== SvgIcon || $[4] !== t1) {
+    t2 = /* @__PURE__ */ jsx(T0, { className: t1 });
     $[3] = SvgIcon;
-    $[4] = size;
+    $[4] = t1;
     $[5] = t2;
-    $[6] = t3;
   } else {
-    t3 = $[6];
+    t2 = $[5];
   }
-  return t3;
+  return t2;
 };
 
 export { NetworkIconSquare };

package/dist/components/widget/NetworkIcon/NetworkIconSquare.js.map

@@ -1 +1 @@
-{"version":3,"file":"NetworkIconSquare.js","sources":["../../../../src/components/widget/NetworkIcon/NetworkIconSquare.tsx"],"sourcesContent":["import { ReactComponent as EthereumSqrSvg } from \"./assets/sqr/eth.svg\";\nimport { ReactComponent as OptimismSqrSvg } from \"./assets/sqr/optimism.svg\";\nimport { ReactComponent as ArbitrumSqrSvg } from \"./assets/sqr/arbitrum.svg\";\nimport { ReactComponent as PolygonSqrSvg } from \"./assets/sqr/polygon.svg\";\nimport { ReactComponent as BaseSqrSvg } from \"./assets/sqr/base.svg\";\nimport { ReactComponent as GnosisSqrSvg } from \"./assets/sqr/gnosis.svg\";\nimport { ReactComponent as AvalancheSqrSvg } from \"./assets/sqr/avalanche.svg\";\nimport { ReactComponent as BscSqrSvg } from \"./assets/sqr/bsc.svg\";\nimport { ReactComponent as SonicSqrSvg } from \"./assets/sqr/sonic.svg\";\nimport { ReactComponent as UnichainSqrSvg } from \"./assets/sqr/unichain.svg\";\nimport { cn } from \"@/lib/utils\";\nimport {\n  arbitrum,\n  avalanche,\n  base,\n  bsc,\n  gnosis,\n  mainnet,\n  optimism,\n  polygon,\n  sonic,\n  unichain,\n} from \"@/lib/web3/wagmi/supportedChains\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport { isSupportedChainId } from \"@/lib/web3/wagmi/utils\";\nimport { useLogger } from \"@/core/logger\";\n\nconst iconsSqr: Record<SupportedChainId, typeof EthereumSqrSvg> = {\n  [mainnet.id]: EthereumSqrSvg,\n  [optimism.id]: OptimismSqrSvg,\n  [bsc.id]: BscSqrSvg,\n  [gnosis.id]: GnosisSqrSvg,\n  [polygon.id]: PolygonSqrSvg,\n  [arbitrum.id]: ArbitrumSqrSvg,\n  [avalanche.id]: AvalancheSqrSvg,\n  [base.id]: BaseSqrSvg,\n  [sonic.id]: SonicSqrSvg,\n  [unichain.id]: UnichainSqrSvg,\n};\n\nexport const NetworkIconSquare = ({\n  networkId,\n  size = 12,\n  withBorder,\n  className,\n}: {\n  networkId: SupportedChainId;\n  size?: number;\n  withBorder?: boolean;\n  className?: string;\n}) => {\n  const logger = useLogger(\"NetworkIconSquare\");\n  let SvgIcon = isSupportedChainId(networkId) ? iconsSqr[networkId] : undefined;\n\n  if (!SvgIcon) {\n    logger.warn(`No icon found for network ID: ${networkId}`);\n    SvgIcon = EthereumSqrSvg; // Fallback to Ethereum icon\n  }\n\n  return (\n    <SvgIcon\n      width={size}\n      height={size}\n      className={cn(\n        {\n          \"border border-contrast-9 dark:border-contrast-4 rounded-[4px]\":\n            withBorder,\n        },\n        className\n      )}\n    />\n  );\n};\n"],"names":["iconsSqr","mainnet","id","EthereumSqrSvg","optimism","OptimismSqrSvg","bsc","BscSqrSvg","gnosis","GnosisSqrSvg","polygon","PolygonSqrSvg","arbitrum","ArbitrumSqrSvg","avalanche","AvalancheSqrSvg","base","BaseSqrSvg","sonic","SonicSqrSvg","unichain","UnichainSqrSvg","NetworkIconSquare","t0","$","_c","networkId","size","t1","withBorder","className","undefined","logger","useLogger","SvgIcon","isSupportedChainId","warn","T0","t2","cn","t3"],"mappings":";;;;;;;;;;;;;;;;;AA2BA,MAAMA,QAAAA,GAA4D;AAAA,EAChE,CAACC,OAAAA,CAAQC,EAAE,GAAGC,YAAAA;AAAAA,EACd,CAACC,QAAAA,CAASF,EAAE,GAAGG,YAAAA;AAAAA,EACf,CAACC,GAAAA,CAAIJ,EAAE,GAAGK,YAAAA;AAAAA,EACV,CAACC,MAAAA,CAAON,EAAE,GAAGO,YAAAA;AAAAA,EACb,CAACC,OAAAA,CAAQR,EAAE,GAAGS,YAAAA;AAAAA,EACd,CAACC,QAAAA,CAASV,EAAE,GAAGW,YAAAA;AAAAA,EACf,CAACC,SAAAA,CAAUZ,EAAE,GAAGa,YAAAA;AAAAA,EAChB,CAACC,IAAAA,CAAKd,EAAE,GAAGe,YAAAA;AAAAA,EACX,CAACC,KAAAA,CAAMhB,EAAE,GAAGiB,YAAAA;AAAAA,EACZ,CAACC,QAAAA,CAASlB,EAAE,GAAGmB;AACjB,CAAA;AAEO,MAAMC,oBAAoBC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,SAAAA;AAAAA,IAAAC,IAAAA,EAAAC,EAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAP,EAAAA;AAEhC,EAAA,MAAAI,IAAAA,GAAAC,EAAAA,KAASG,MAAAA,QAATH,EAAAA;AASA,EAAA,MAAAI,MAAAA,GAAeC,UAAU,mBAAmB,CAAA;AAC5C,EAAA,IAAAC,UAAcC,kBAAAA,CAAmBT,SAAS,CAAA,GAAC1B,QAAAA,CAAY0B,SAAS,CAAA,GAAAK,MAAAA;AAAc,EAAA,IAAA,CAEzEG,OAAAA,EAAO;AACVF,IAAAA,MAAAA,CAAMI,IAAAA,CAAM,CAAA,8BAAA,EAAiCV,SAAS,CAAA,CAAE,CAAA;AACxDQ,IAAAA,OAAAA,GAAAA,YAAAA;AAAAA,EAAO;AAIN,EAAA,MAAAG,EAAAA,GAAAH,OAAAA;AAAO,EAAA,IAAAI,EAAAA;AAAA,EAAA,IAAAd,EAAA,CAAA,CAAA,KAAAM,aAAAN,CAAAA,QAAAK,UAAAA,EAAA;AAGKS,IAAAA,EAAAA,GAAAC,EAAAA,CAAA;AAAA,MAAA,+DAAA,EAGLV;AAAAA,OAEJC,SACF,CAAA;AAACN,IAAAA,CAAAA,MAAAM,SAAAA;AAAAN,IAAAA,CAAAA,MAAAK,UAAAA;AAAAL,IAAAA,CAAAA,MAAAc,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAd,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAgB,EAAAA;AAAA,EAAA,IAAAhB,CAAAA,CAAA,CAAA,CAAA,KAAAU,OAAAA,IAAAV,CAAAA,QAAAG,IAAAA,IAAAH,CAAAA,CAAA,CAAA,CAAA,KAAAc,EAAAA,EAAA;AATHE,IAAAA,EAAAA,uBAAC,EAAA,EAAA,EACQb,KAAAA,EAAAA,MACCA,MAAAA,EAAAA,IAAAA,EACG,WAAAW,EAAAA,EAMV,CAAA;AACDd,IAAAA,CAAAA,MAAAU,OAAAA;AAAAV,IAAAA,CAAAA,MAAAG,IAAAA;AAAAH,IAAAA,CAAAA,MAAAc,EAAAA;AAAAd,IAAAA,CAAAA,MAAAgB,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAhB,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAVFgB,EAAAA;AAUE;;;;"}
+{"version":3,"file":"NetworkIconSquare.js","sources":["../../../../src/components/widget/NetworkIcon/NetworkIconSquare.tsx"],"sourcesContent":["import { ReactComponent as EthereumSqrSvg } from \"./assets/sqr/eth.svg\";\nimport { ReactComponent as OptimismSqrSvg } from \"./assets/sqr/optimism.svg\";\nimport { ReactComponent as ArbitrumSqrSvg } from \"./assets/sqr/arbitrum.svg\";\nimport { ReactComponent as PolygonSqrSvg } from \"./assets/sqr/polygon.svg\";\nimport { ReactComponent as BaseSqrSvg } from \"./assets/sqr/base.svg\";\nimport { ReactComponent as GnosisSqrSvg } from \"./assets/sqr/gnosis.svg\";\nimport { ReactComponent as AvalancheSqrSvg } from \"./assets/sqr/avalanche.svg\";\nimport { ReactComponent as BscSqrSvg } from \"./assets/sqr/bsc.svg\";\nimport { ReactComponent as SonicSqrSvg } from \"./assets/sqr/sonic.svg\";\nimport { ReactComponent as UnichainSqrSvg } from \"./assets/sqr/unichain.svg\";\nimport { cn } from \"@/lib/utils\";\nimport {\n  arbitrum,\n  avalanche,\n  base,\n  bsc,\n  gnosis,\n  mainnet,\n  optimism,\n  polygon,\n  sonic,\n  unichain,\n} from \"@/lib/web3/wagmi/supportedChains\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport { isSupportedChainId } from \"@/lib/web3/wagmi/utils\";\nimport { useLogger } from \"@/core/logger\";\n\nconst iconsSqr: Record<SupportedChainId, typeof EthereumSqrSvg> = {\n  [mainnet.id]: EthereumSqrSvg,\n  [optimism.id]: OptimismSqrSvg,\n  [bsc.id]: BscSqrSvg,\n  [gnosis.id]: GnosisSqrSvg,\n  [polygon.id]: PolygonSqrSvg,\n  [arbitrum.id]: ArbitrumSqrSvg,\n  [avalanche.id]: AvalancheSqrSvg,\n  [base.id]: BaseSqrSvg,\n  [sonic.id]: SonicSqrSvg,\n  [unichain.id]: UnichainSqrSvg,\n};\n\nexport const NetworkIconSquare = ({\n  networkId,\n  withBorder,\n  className,\n}: {\n  networkId: SupportedChainId;\n  withBorder?: boolean;\n  className?: string;\n}) => {\n  const logger = useLogger(\"NetworkIconSquare\");\n  let SvgIcon = isSupportedChainId(networkId) ? iconsSqr[networkId] : undefined;\n\n  if (!SvgIcon) {\n    logger.warn(`No icon found for network ID: ${networkId}`);\n    SvgIcon = EthereumSqrSvg; // Fallback to Ethereum icon\n  }\n\n  return (\n    <SvgIcon\n      className={cn(\n        \"size-4\",\n        {\n          \"border border-contrast-9 dark:border-contrast-4 rounded-[4px]\":\n            withBorder,\n        },\n        className\n      )}\n    />\n  );\n};\n"],"names":["iconsSqr","mainnet","id","EthereumSqrSvg","optimism","OptimismSqrSvg","bsc","BscSqrSvg","gnosis","GnosisSqrSvg","polygon","PolygonSqrSvg","arbitrum","ArbitrumSqrSvg","avalanche","AvalancheSqrSvg","base","BaseSqrSvg","sonic","SonicSqrSvg","unichain","UnichainSqrSvg","NetworkIconSquare","t0","$","_c","networkId","withBorder","className","logger","useLogger","SvgIcon","isSupportedChainId","undefined","warn","T0","t1","cn","t2"],"mappings":";;;;;;;;;;;;;;;;;AA2BA,MAAMA,QAAAA,GAA4D;AAAA,EAChE,CAACC,OAAAA,CAAQC,EAAE,GAAGC,YAAAA;AAAAA,EACd,CAACC,QAAAA,CAASF,EAAE,GAAGG,YAAAA;AAAAA,EACf,CAACC,GAAAA,CAAIJ,EAAE,GAAGK,YAAAA;AAAAA,EACV,CAACC,MAAAA,CAAON,EAAE,GAAGO,YAAAA;AAAAA,EACb,CAACC,OAAAA,CAAQR,EAAE,GAAGS,YAAAA;AAAAA,EACd,CAACC,QAAAA,CAASV,EAAE,GAAGW,YAAAA;AAAAA,EACf,CAACC,SAAAA,CAAUZ,EAAE,GAAGa,YAAAA;AAAAA,EAChB,CAACC,IAAAA,CAAKd,EAAE,GAAGe,YAAAA;AAAAA,EACX,CAACC,KAAAA,CAAMhB,EAAE,GAAGiB,YAAAA;AAAAA,EACZ,CAACC,QAAAA,CAASlB,EAAE,GAAGmB;AACjB,CAAA;AAEO,MAAMC,oBAAoBC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,SAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAL,EAAAA;AAShC,EAAA,MAAAM,MAAAA,GAAeC,UAAU,mBAAmB,CAAA;AAC5C,EAAA,IAAAC,UAAcC,kBAAAA,CAAmBN,SAAS,CAAA,GAAC1B,QAAAA,CAAY0B,SAAS,CAAA,GAAAO,MAAAA;AAAc,EAAA,IAAA,CAEzEF,OAAAA,EAAO;AACVF,IAAAA,MAAAA,CAAMK,IAAAA,CAAM,CAAA,8BAAA,EAAiCR,SAAS,CAAA,CAAE,CAAA;AACxDK,IAAAA,OAAAA,GAAAA,YAAAA;AAAAA,EAAO;AAIN,EAAA,MAAAI,EAAAA,GAAAJ,OAAAA;AAAO,EAAA,IAAAK,EAAAA;AAAA,EAAA,IAAAZ,EAAA,CAAA,CAAA,KAAAI,aAAAJ,CAAAA,QAAAG,UAAAA,EAAA;AACKS,IAAAA,EAAAA,GAAAC,GACT,QAAA,EAAQ;AAAA,MAAA,+DAAA,EAGJV;AAAAA,OAEJC,SACF,CAAA;AAACJ,IAAAA,CAAAA,MAAAI,SAAAA;AAAAJ,IAAAA,CAAAA,MAAAG,UAAAA;AAAAH,IAAAA,CAAAA,MAAAY,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAZ,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAc,EAAAA;AAAA,EAAA,IAAAd,EAAA,CAAA,CAAA,KAAAO,WAAAP,CAAAA,QAAAY,EAAAA,EAAA;AARHE,IAAAA,EAAAA,mBAAA,GAAA,CAAC,EAAA,EAAA,EACY,SAAA,EAAAF,EAAAA,EAOV,CAAA;AACDZ,IAAAA,CAAAA,MAAAO,OAAAA;AAAAP,IAAAA,CAAAA,MAAAY,EAAAA;AAAAZ,IAAAA,CAAAA,MAAAc,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAd,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OATFc,EAAAA;AASE;;;;"}