@velora-dex/widget 0.4.2-dev.3 → 0.4.3

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

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/LimitOrderItem/LimitOrderDetails/utils.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,cAAc,EACd,mBAAmB,EACnB,2BAA2B,EAC5B,MAAM,UAAU,CAAC;AAClB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAItE,wBAAgB,yBAAyB,CAAC,EACxC,SAAS,GACV,EAAE;IACD,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B,GAAG,eAAe,CAKlB;AAMD,wBAAgB,wBAAwB,CAAC,EACvC,SAAS,GACV,EAAE;IACD,SAAS,EAAE,MAAM,CAAC;CACnB,GAAG,eAAe,CAOlB;AAOD,wBAAgB,wBAAwB,CAAC,EACvC,KAAK,GACN,EAAE;IACD,KAAK,EAAE,mBAAmB,CAAC;CAC5B,GAAG,eAAe,CAKlB;AAED,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,cAAc,GACpB,eAAe,CAKjB;AAED,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,cAAc,GACpB,eAAe,CAKjB;AAQD,wBAAgB,4BAA4B,CAAC,EAC3C,KAAK,GACN,EAAE;IACD,KAAK,EAAE,2BAA2B,CAAC;CACpC,GAAG,mBAAmB,CAsCtB"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/LimitOrderItem/LimitOrderDetails/utils.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,cAAc,EACd,mBAAmB,EACnB,2BAA2B,EAC5B,MAAM,UAAU,CAAC;AAClB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAKtE,wBAAgB,yBAAyB,CAAC,EACxC,SAAS,GACV,EAAE;IACD,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B,GAAG,eAAe,CAKlB;AAMD,wBAAgB,wBAAwB,CAAC,EACvC,SAAS,GACV,EAAE;IACD,SAAS,EAAE,MAAM,CAAC;CACnB,GAAG,eAAe,CAOlB;AAOD,wBAAgB,wBAAwB,CAAC,EACvC,KAAK,GACN,EAAE;IACD,KAAK,EAAE,mBAAmB,CAAC;CAC5B,GAAG,eAAe,CAKlB;AAED,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,cAAc,GACpB,eAAe,CAKjB;AAED,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,cAAc,GACpB,eAAe,CAKjB;AAQD,wBAAgB,4BAA4B,CAAC,EAC3C,KAAK,GACN,EAAE;IACD,KAAK,EAAE,2BAA2B,CAAC;CACpC,GAAG,mBAAmB,CAsCtB"}

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../src/components/widget/LimitOrderItem/LimitOrderDetails/utils.tsx"],"sourcesContent":["import dayjs from \"dayjs\";\nimport type {\n  LimitOrderItem,\n  LimitOrderItemExtra,\n  RequiredLimitOrderItemExtra,\n} from \"../types\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport type { PayReceiveInfoProps } from \"../../PayReceiveInfo/types\";\nimport { Rate, StatusBadge, TimeTillExpiry } from \"../LimitOrderListItem\";\nimport { formatTokenAmount } from \"@/lib/utils/formatTokenBalance\";\n\nexport function constructSubmitDateDetail({\n  createdAt,\n}: {\n  createdAt: string | number;\n}): DetailWithValue {\n  return {\n    title: \"Submit Date\",\n    value: dayjs(createdAt).format(\"DD MMM YYYY h:mm A\"),\n  };\n}\n\nconst timeTillExpiryClasses = {\n  root: \"dark:text-contrast-6\",\n};\n\nexport function constructExpiresInDetail({\n  expiresIn,\n}: {\n  expiresIn: number;\n}): DetailWithValue {\n  return {\n    title: \"Expires in\",\n    value: (\n      <TimeTillExpiry deadline={expiresIn} classes={timeTillExpiryClasses} />\n    ),\n  };\n}\n\nconst rateClasses = {\n  left: \"dark:text-contrast-6\",\n  right: \"dark:text-contrast-6\",\n};\n\nexport function constructOrderRateDetail({\n  extra,\n}: {\n  extra: LimitOrderItemExtra;\n}): DetailWithValue {\n  return {\n    title: \"Order Rate\",\n    value: <Rate extra={extra} classes={rateClasses} />,\n  };\n}\n\nexport function constructOrderStatusDetail(\n  order: LimitOrderItem\n): DetailWithValue {\n  return {\n    title: \"Order Status\",\n    value: <StatusBadge status={order.status} />,\n  };\n}\n\nexport function constructOrderTypeDetail(\n  order: LimitOrderItem\n): DetailWithValue {\n  return {\n    title: \"Order Type\",\n    value: order.type,\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}: {\n  extra: RequiredLimitOrderItemExtra;\n}): PayReceiveInfoProps {\n  const { srcToken, destToken, srcAmountUnit, destAmountUnit } = extra;\n\n  const formattedSrcAmount = formatTokenAmount(srcAmountUnit);\n  const formattedDestAmount = formatTokenAmount(destAmountUnit);\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    showNetworkIcon: true,\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    showNetworkIcon: true,\n  };\n\n  return {\n    topToken: {\n      tokenBadgeProps: topTokenBadgeProps,\n      label: \"Pay\",\n    },\n    bottomToken: {\n      tokenBadgeProps: bottomTokenBadgeProps,\n      label: \"Receive\",\n    },\n  };\n}\n"],"names":["constructSubmitDateDetail","createdAt","title","value","dayjs","format","timeTillExpiryClasses","root","constructExpiresInDetail","expiresIn","rateClasses","left","right","constructOrderRateDetail","extra","constructOrderStatusDetail","order","status","constructOrderTypeDetail","type","tokenBadgeClasses","amount","symbol","logo","constructPayReceiveInfoProps","srcToken","destToken","srcAmountUnit","destAmountUnit","formattedSrcAmount","formatTokenAmount","formattedDestAmount","topTokenBadgeProps","address","chainId","network","img","amountPosition","classes","showNetworkIcon","bottomTokenBadgeProps","topToken","tokenBadgeProps","label","bottomToken"],"mappings":";;;;;AAWO,SAASA,yBAAAA,CAA0B;AAAA,EACxCC;AAGF,CAAA,EAAoB;AAClB,EAAA,OAAO;AAAA,IACLC,KAAAA,EAAO,aAAA;AAAA,IACPC,KAAAA,EAAOC,KAAAA,CAAMH,SAAS,CAAA,CAAEI,OAAO,oBAAoB;AAAA,GACrD;AACF;AAEA,MAAMC,qBAAAA,GAAwB;AAAA,EAC5BC,IAAAA,EAAM;AACR,CAAA;AAEO,SAASC,wBAAAA,CAAyB;AAAA,EACvCC;AAGF,CAAA,EAAoB;AAClB,EAAA,OAAO;AAAA,IACLP,KAAAA,EAAO,YAAA;AAAA,IACPC,uBACE,GAAA,CAAC,cAAA,EAAA,EAAe,QAAA,EAAUM,SAAAA,EAAW,SAASH,qBAAAA,EAAsB;AAAA,GAExE;AACF;AAEA,MAAMI,WAAAA,GAAc;AAAA,EAClBC,IAAAA,EAAM,sBAAA;AAAA,EACNC,KAAAA,EAAO;AACT,CAAA;AAEO,SAASC,wBAAAA,CAAyB;AAAA,EACvCC;AAGF,CAAA,EAAoB;AAClB,EAAA,OAAO;AAAA,IACLZ,KAAAA,EAAO,YAAA;AAAA,IACPC,KAAAA,kBAAO,GAAA,CAAC,IAAA,EAAA,EAAK,KAAA,EAAc,SAASO,WAAAA,EAAY;AAAA,GAClD;AACF;AAEO,SAASK,2BACdC,KAAAA,EACiB;AACjB,EAAA,OAAO;AAAA,IACLd,KAAAA,EAAO,cAAA;AAAA,IACPC,KAAAA,kBAAO,GAAA,CAAC,WAAA,EAAA,EAAY,MAAA,EAAQa,MAAMC,MAAAA,EAAO;AAAA,GAC3C;AACF;AAEO,SAASC,yBACdF,KAAAA,EACiB;AACjB,EAAA,OAAO;AAAA,IACLd,KAAAA,EAAO,YAAA;AAAA,IACPC,OAAOa,KAAAA,CAAMG;AAAAA,GACf;AACF;AAEA,MAAMC,iBAAAA,GAAoB;AAAA,EACxBC,MAAAA,EAAQ,sBAAA;AAAA,EACRC,MAAAA,EAAQ,sBAAA;AAAA,EACRC,IAAAA,EAAM;AACR,CAAA;AAEO,SAASC,4BAAAA,CAA6B;AAAA,EAC3CV;AAGF,CAAA,EAAwB;AACtB,EAAA,MAAM;AAAA,IAAEW,QAAAA;AAAAA,IAAUC,SAAAA;AAAAA,IAAWC,aAAAA;AAAAA,IAAeC;AAAAA,GAAe,GAAId,KAAAA;AAE/D,EAAA,MAAMe,kBAAAA,GAAqBC,kBAAkBH,aAAa,CAAA;AAC1D,EAAA,MAAMI,mBAAAA,GAAsBD,kBAAkBF,cAAc,CAAA;AAE5D,EAAA,MAAMI,kBAAAA,GAAqB;AAAA,IACzBC,SAASR,QAAAA,CAASQ,OAAAA;AAAAA,IAClBX,QAAQG,QAAAA,CAASH,MAAAA;AAAAA,IACjBY,SAAST,QAAAA,CAASU,OAAAA;AAAAA,IAClBC,KAAKX,QAAAA,CAASW,GAAAA;AAAAA,IACdf,MAAAA,EAAQQ,kBAAAA;AAAAA,IACRQ,cAAAA,EAAgB,OAAA;AAAA,IAChBC,OAAAA,EAASlB,iBAAAA;AAAAA,IACTmB,eAAAA,EAAiB;AAAA,GACnB;AAEA,EAAA,MAAMC,qBAAAA,GAAwB;AAAA,IAC5BP,SAASP,SAAAA,CAAUO,OAAAA;AAAAA,IACnBX,QAAQI,SAAAA,CAAUJ,MAAAA;AAAAA,IAClBY,SAASR,SAAAA,CAAUS,OAAAA;AAAAA,IACnBC,KAAKV,SAAAA,CAAUU,GAAAA;AAAAA,IACff,MAAAA,EAAQU,mBAAAA;AAAAA,IACRM,cAAAA,EAAgB,OAAA;AAAA,IAChBC,OAAAA,EAASlB,iBAAAA;AAAAA,IACTmB,eAAAA,EAAiB;AAAA,GACnB;AAEA,EAAA,OAAO;AAAA,IACLE,QAAAA,EAAU;AAAA,MACRC,eAAAA,EAAiBV,kBAAAA;AAAAA,MACjBW,KAAAA,EAAO;AAAA,KACT;AAAA,IACAC,WAAAA,EAAa;AAAA,MACXF,eAAAA,EAAiBF,qBAAAA;AAAAA,MACjBG,KAAAA,EAAO;AAAA;AACT,GACF;AACF;;;;"}
+{"version":3,"file":"utils.js","sources":["../../../../../src/components/widget/LimitOrderItem/LimitOrderDetails/utils.tsx"],"sourcesContent":["import dayjs from \"dayjs\";\nimport type {\n  LimitOrderItem,\n  LimitOrderItemExtra,\n  RequiredLimitOrderItemExtra,\n} from \"../types\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport type { PayReceiveInfoProps } from \"../../PayReceiveInfo/types\";\nimport { Rate, StatusBadge, TimeTillExpiry } from \"../LimitOrderListItem\";\nimport { formatTokenAmount } from \"@/lib/utils/formatTokenBalance\";\nimport type { TokenBadgeProps } from \"../../TokenBadge/types\";\n\nexport function constructSubmitDateDetail({\n  createdAt,\n}: {\n  createdAt: string | number;\n}): DetailWithValue {\n  return {\n    title: \"Submit Date\",\n    value: dayjs(createdAt).format(\"DD MMM YYYY h:mm A\"),\n  };\n}\n\nconst timeTillExpiryClasses = {\n  root: \"dark:text-contrast-6\",\n};\n\nexport function constructExpiresInDetail({\n  expiresIn,\n}: {\n  expiresIn: number;\n}): DetailWithValue {\n  return {\n    title: \"Expires in\",\n    value: (\n      <TimeTillExpiry deadline={expiresIn} classes={timeTillExpiryClasses} />\n    ),\n  };\n}\n\nconst rateClasses = {\n  left: \"dark:text-contrast-6\",\n  right: \"dark:text-contrast-6\",\n};\n\nexport function constructOrderRateDetail({\n  extra,\n}: {\n  extra: LimitOrderItemExtra;\n}): DetailWithValue {\n  return {\n    title: \"Order Rate\",\n    value: <Rate extra={extra} classes={rateClasses} />,\n  };\n}\n\nexport function constructOrderStatusDetail(\n  order: LimitOrderItem\n): DetailWithValue {\n  return {\n    title: \"Order Status\",\n    value: <StatusBadge status={order.status} />,\n  };\n}\n\nexport function constructOrderTypeDetail(\n  order: LimitOrderItem\n): DetailWithValue {\n  return {\n    title: \"Order Type\",\n    value: order.type,\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}: {\n  extra: RequiredLimitOrderItemExtra;\n}): PayReceiveInfoProps {\n  const { srcToken, destToken, srcAmountUnit, destAmountUnit } = extra;\n\n  const formattedSrcAmount = formatTokenAmount(srcAmountUnit);\n  const formattedDestAmount = formatTokenAmount(destAmountUnit);\n\n  const topTokenBadgeProps: TokenBadgeProps = {\n    address: srcToken.address,\n    symbol: srcToken.symbol,\n    chainId: srcToken.network,\n    img: srcToken.img,\n    amount: formattedSrcAmount,\n    amountPosition: \"right\" as const,\n    classes: tokenBadgeClasses,\n    showNetworkIcon: true,\n  };\n\n  const bottomTokenBadgeProps: TokenBadgeProps = {\n    address: destToken.address,\n    symbol: destToken.symbol,\n    chainId: destToken.network,\n    img: destToken.img,\n    amount: formattedDestAmount,\n    amountPosition: \"right\" as const,\n    classes: tokenBadgeClasses,\n    showNetworkIcon: true,\n  };\n\n  return {\n    topToken: {\n      tokenBadgeProps: topTokenBadgeProps,\n      label: \"Pay\",\n    },\n    bottomToken: {\n      tokenBadgeProps: bottomTokenBadgeProps,\n      label: \"Receive\",\n    },\n  };\n}\n"],"names":["constructSubmitDateDetail","createdAt","title","value","dayjs","format","timeTillExpiryClasses","root","constructExpiresInDetail","expiresIn","rateClasses","left","right","constructOrderRateDetail","extra","constructOrderStatusDetail","order","status","constructOrderTypeDetail","type","tokenBadgeClasses","amount","symbol","logo","constructPayReceiveInfoProps","srcToken","destToken","srcAmountUnit","destAmountUnit","formattedSrcAmount","formatTokenAmount","formattedDestAmount","topTokenBadgeProps","address","chainId","network","img","amountPosition","classes","showNetworkIcon","bottomTokenBadgeProps","topToken","tokenBadgeProps","label","bottomToken"],"mappings":"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"}

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

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

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

@@ -1 +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"}
+{"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;AAM/D,eAAO,MAAM,cAAc,GAAI,qCAI5B,mBAAmB,4CAarB,CAAC"}

package/dist/components/widget/PayReceiveInfo/PayReceiveInfo.js

@@ -5,145 +5,195 @@ import { TokenBadge } from '../TokenBadge/TokenBadge.js';
 import { Line } from '../Line/Line.js';
 import { NetworkWithIcon } from '../NetworkWithIcon/NetworkWithIcon.js';
 import { formatFiatPrice } from '../../../lib/utils/formatFiatPrice.js';
+import { cn } from '../../../lib/utils/index.js';
 
 const PayReceiveInfo = (t0) => {
-  const $ = distExports.c(8);
+  const $ = distExports.c(13);
   const {
     topToken,
-    bottomToken
+    bottomToken,
+    classes
   } = t0;
-  let t1;
-  if ($[0] !== topToken) {
-    t1 = /* @__PURE__ */ jsx(TokenInfo, { token: topToken });
-    $[0] = topToken;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
+  const t1 = classes?.root;
   let t2;
-  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = /* @__PURE__ */ jsx(MiddleSection, {});
-    $[2] = t2;
+  if ($[0] !== t1) {
+    t2 = cn("bg-contrast-9 dark:bg-contrast-2 rounded-sm border border-contrast-7 dark:border-contrast-3", t1);
+    $[0] = t1;
+    $[1] = t2;
   } else {
-    t2 = $[2];
+    t2 = $[1];
   }
   let t3;
-  if ($[3] !== bottomToken) {
-    t3 = /* @__PURE__ */ jsx(TokenInfo, { token: bottomToken });
-    $[3] = bottomToken;
-    $[4] = t3;
+  if ($[2] !== topToken) {
+    t3 = /* @__PURE__ */ jsx(TokenInfo, { token: topToken, classes: topToken.classes });
+    $[2] = topToken;
+    $[3] = t3;
   } else {
-    t3 = $[4];
+    t3 = $[3];
   }
   let t4;
-  if ($[5] !== t1 || $[6] !== t3) {
-    t4 = /* @__PURE__ */ jsxs("div", { className: "bg-contrast-9 dark:bg-contrast-2 rounded-sm border border-contrast-7 dark:border-contrast-3", children: [
-      t1,
-      t2,
-      t3
+  if ($[4] !== classes) {
+    t4 = /* @__PURE__ */ jsx(MiddleSection, { classes });
+    $[4] = classes;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  let t5;
+  if ($[6] !== bottomToken) {
+    t5 = /* @__PURE__ */ jsx(TokenInfo, { token: bottomToken, classes: bottomToken.classes });
+    $[6] = bottomToken;
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  let t6;
+  if ($[8] !== t2 || $[9] !== t3 || $[10] !== t4 || $[11] !== t5) {
+    t6 = /* @__PURE__ */ jsxs("div", { className: t2, children: [
+      t3,
+      t4,
+      t5
     ] });
-    $[5] = t1;
-    $[6] = t3;
-    $[7] = t4;
+    $[8] = t2;
+    $[9] = t3;
+    $[10] = t4;
+    $[11] = t5;
+    $[12] = t6;
   } else {
-    t4 = $[7];
+    t6 = $[12];
   }
-  return t4;
+  return t6;
 };
-const MiddleSection = () => {
-  const $ = distExports.c(1);
-  let t0;
+const MiddleSection = (t0) => {
+  const $ = distExports.c(3);
+  const {
+    classes
+  } = t0;
+  let t1;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 bg-contrast-7 dark:bg-contrast-3 w-6 h-6 rounded-full z-10", children: /* @__PURE__ */ jsx(ArrowDown, { className: "stroke-contrast-5 dark:stroke-contrast-7", size: 16 }) }),
-      /* @__PURE__ */ jsx(Line, {})
+    t1 = /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 bg-contrast-7 dark:bg-contrast-3 w-6 h-6 rounded-full z-10", children: /* @__PURE__ */ jsx(ArrowDown, { className: "stroke-contrast-5 dark:stroke-contrast-7", size: 16 }) });
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  const t2 = classes?.line;
+  let t3;
+  if ($[1] !== t2) {
+    t3 = /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+      t1,
+      /* @__PURE__ */ jsx(Line, { className: t2 })
     ] });
-    $[0] = t0;
+    $[1] = t2;
+    $[2] = t3;
   } else {
-    t0 = $[0];
+    t3 = $[2];
   }
-  return t0;
+  return t3;
 };
 const networkWithIconClasses = {
   name: "text-contrast-5 text-[10px]",
   icon: "size-[11px]"
 };
 const TokenInfo = (t0) => {
-  const $ = distExports.c(16);
+  const $ = distExports.c(23);
   const {
-    token
+    token,
+    classes
   } = t0;
   const {
     label,
+    extraLabel,
     tokenBadgeProps,
     showNetwork,
     usdAmount
   } = token;
-  let t1;
-  if ($[0] !== showNetwork || $[1] !== tokenBadgeProps) {
-    t1 = showNetwork && /* @__PURE__ */ jsx(NetworkWithIcon, { networkId: tokenBadgeProps.chainId, classes: networkWithIconClasses });
-    $[0] = showNetwork;
-    $[1] = tokenBadgeProps;
-    $[2] = t1;
+  const t1 = classes?.root;
+  const t2 = classes?.section;
+  let t3;
+  if ($[0] !== t2) {
+    t3 = cn("px-4 py-6 flex justify-between font-medium", t2);
+    $[0] = t2;
+    $[1] = t3;
   } else {
-    t1 = $[2];
+    t3 = $[1];
   }
-  let t2;
-  if ($[3] !== label || $[4] !== t1) {
-    t2 = /* @__PURE__ */ jsxs("div", { className: "dark:text-contrast-7 text-sm flex flex-col gap-2", children: [
+  let t4;
+  if ($[2] !== showNetwork || $[3] !== tokenBadgeProps) {
+    t4 = showNetwork && /* @__PURE__ */ jsx(NetworkWithIcon, { networkId: tokenBadgeProps.chainId, classes: networkWithIconClasses });
+    $[2] = showNetwork;
+    $[3] = tokenBadgeProps;
+    $[4] = t4;
+  } else {
+    t4 = $[4];
+  }
+  let t5;
+  if ($[5] !== extraLabel || $[6] !== label || $[7] !== t4) {
+    t5 = /* @__PURE__ */ jsxs("div", { className: "dark:text-contrast-7 text-sm flex flex-col gap-2", children: [
       label,
-      t1
+      extraLabel,
+      t4
     ] });
-    $[3] = label;
-    $[4] = t1;
-    $[5] = t2;
+    $[5] = extraLabel;
+    $[6] = label;
+    $[7] = t4;
+    $[8] = t5;
   } else {
-    t2 = $[5];
+    t5 = $[8];
   }
-  let t3;
-  if ($[6] !== tokenBadgeProps) {
-    t3 = /* @__PURE__ */ jsx(TokenBadge, { ...tokenBadgeProps });
-    $[6] = tokenBadgeProps;
-    $[7] = t3;
+  let t6;
+  if ($[9] !== tokenBadgeProps) {
+    t6 = /* @__PURE__ */ jsx(TokenBadge, { ...tokenBadgeProps });
+    $[9] = tokenBadgeProps;
+    $[10] = t6;
   } else {
-    t3 = $[7];
+    t6 = $[10];
   }
-  let t4;
-  if ($[8] !== usdAmount) {
-    t4 = usdAmount !== void 0 && /* @__PURE__ */ jsxs("div", { className: "text-xs text-contrast-5 dark:text-contrast-6", children: [
+  let t7;
+  if ($[11] !== usdAmount) {
+    t7 = usdAmount !== void 0 && /* @__PURE__ */ jsxs("div", { className: "text-xs text-contrast-5", children: [
       "~",
       formatFiatPrice(usdAmount)
     ] });
-    $[8] = usdAmount;
-    $[9] = t4;
+    $[11] = usdAmount;
+    $[12] = t7;
   } else {
-    t4 = $[9];
+    t7 = $[12];
   }
-  let t5;
-  if ($[10] !== t3 || $[11] !== t4) {
-    t5 = /* @__PURE__ */ jsxs("div", { className: "dark:text-contrast-7 font-geist-mono flex flex-col gap-1 text-right", children: [
-      t3,
-      t4
+  let t8;
+  if ($[13] !== t6 || $[14] !== t7) {
+    t8 = /* @__PURE__ */ jsxs("div", { className: "dark:text-contrast-7 font-geist-mono flex flex-col gap-1 text-right", children: [
+      t6,
+      t7
     ] });
-    $[10] = t3;
-    $[11] = t4;
-    $[12] = t5;
+    $[13] = t6;
+    $[14] = t7;
+    $[15] = t8;
   } else {
-    t5 = $[12];
+    t8 = $[15];
   }
-  let t6;
-  if ($[13] !== t2 || $[14] !== t5) {
-    t6 = /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", { className: "px-4 py-6 flex justify-between font-medium", children: [
-      t2,
-      t5
-    ] }) });
-    $[13] = t2;
-    $[14] = t5;
-    $[15] = t6;
+  let t9;
+  if ($[16] !== t3 || $[17] !== t5 || $[18] !== t8) {
+    t9 = /* @__PURE__ */ jsxs("div", { className: t3, children: [
+      t5,
+      t8
+    ] });
+    $[16] = t3;
+    $[17] = t5;
+    $[18] = t8;
+    $[19] = t9;
   } else {
-    t6 = $[15];
+    t9 = $[19];
   }
-  return t6;
+  let t10;
+  if ($[20] !== t1 || $[21] !== t9) {
+    t10 = /* @__PURE__ */ jsx("div", { className: t1, children: t9 });
+    $[20] = t1;
+    $[21] = t9;
+    $[22] = t10;
+  } else {
+    t10 = $[22];
+  }
+  return t10;
 };
 
 export { PayReceiveInfo };

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

@@ -1 +1 @@
-{"version":3,"file":"PayReceiveInfo.js","sources":["../../../../src/components/widget/PayReceiveInfo/PayReceiveInfo.tsx"],"sourcesContent":["import { ArrowDown } from \"lucide-react\";\nimport { TokenBadge } from \"../TokenBadge/TokenBadge\";\nimport { Line } from \"../Line/Line\";\nimport type { PayReceiveInfoProps, TokenProps } from \"./types\";\nimport { NetworkWithIcon } from \"../NetworkWithIcon/NetworkWithIcon\";\nimport { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\n\nexport const PayReceiveInfo = ({\n  topToken,\n  bottomToken,\n}: PayReceiveInfoProps) => {\n  return (\n    <div className=\"bg-contrast-9 dark:bg-contrast-2 rounded-sm border border-contrast-7 dark:border-contrast-3\">\n      <TokenInfo token={topToken} />\n      <MiddleSection />\n      <TokenInfo token={bottomToken} />\n    </div>\n  );\n};\n\nconst MiddleSection = () => (\n  <div className=\"relative\">\n    <div className=\"flex items-center justify-center absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 bg-contrast-7 dark:bg-contrast-3 w-6 h-6 rounded-full z-10\">\n      <ArrowDown\n        className={\"stroke-contrast-5 dark:stroke-contrast-7\"}\n        size={16}\n      />\n    </div>\n    <Line />\n  </div>\n);\n\nconst networkWithIconClasses = {\n  name: \"text-contrast-5 text-[10px]\",\n  icon: \"size-[11px]\",\n} as const;\n\nconst TokenInfo = ({ token }: { token: TokenProps }) => {\n  const { label, tokenBadgeProps, showNetwork, usdAmount } = token;\n  return (\n    <div>\n      <div className=\"px-4 py-6 flex justify-between font-medium\">\n        <div className=\"dark:text-contrast-7 text-sm flex flex-col gap-2\">\n          {label}\n          {showNetwork && (\n            <NetworkWithIcon\n              networkId={tokenBadgeProps.chainId}\n              classes={networkWithIconClasses}\n            />\n          )}\n        </div>\n        <div className=\"dark:text-contrast-7 font-geist-mono flex flex-col gap-1 text-right\">\n          <TokenBadge {...tokenBadgeProps} />\n          {usdAmount !== undefined && (\n            <div className=\"text-xs text-contrast-5 dark:text-contrast-6\">\n              ~{formatFiatPrice(usdAmount)}\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["PayReceiveInfo","t0","$","_c","topToken","bottomToken","t1","t2","Symbol","for","t3","t4","MiddleSection","networkWithIconClasses","name","icon","TokenInfo","token","label","tokenBadgeProps","showNetwork","usdAmount","chainId","undefined","formatFiatPrice","t5","t6"],"mappings":"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"}
+{"version":3,"file":"PayReceiveInfo.js","sources":["../../../../src/components/widget/PayReceiveInfo/PayReceiveInfo.tsx"],"sourcesContent":["import { ArrowDown } from \"lucide-react\";\nimport { TokenBadge } from \"../TokenBadge/TokenBadge\";\nimport { Line } from \"../Line/Line\";\nimport type { PayReceiveInfoProps, TokenProps } from \"./types\";\nimport { NetworkWithIcon } from \"../NetworkWithIcon/NetworkWithIcon\";\nimport { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\nimport { cn } from \"@/lib/utils\";\nimport type { WithClasses } from \"@/types/withClasses\";\n\nexport const PayReceiveInfo = ({\n  topToken,\n  bottomToken,\n  classes,\n}: PayReceiveInfoProps) => {\n  return (\n    <div\n      className={cn(\n        \"bg-contrast-9 dark:bg-contrast-2 rounded-sm border border-contrast-7 dark:border-contrast-3\",\n        classes?.root\n      )}\n    >\n      <TokenInfo token={topToken} classes={topToken.classes} />\n      <MiddleSection classes={classes} />\n      <TokenInfo token={bottomToken} classes={bottomToken.classes} />\n    </div>\n  );\n};\n\nconst MiddleSection = ({ classes }: WithClasses<\"line\">) => (\n  <div className=\"relative\">\n    <div className=\"flex items-center justify-center absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 bg-contrast-7 dark:bg-contrast-3 w-6 h-6 rounded-full z-10\">\n      <ArrowDown\n        className={\"stroke-contrast-5 dark:stroke-contrast-7\"}\n        size={16}\n      />\n    </div>\n    <Line className={classes?.line} />\n  </div>\n);\n\nconst networkWithIconClasses = {\n  name: \"text-contrast-5 text-[10px]\",\n  icon: \"size-[11px]\",\n} as const;\n\nconst TokenInfo = ({\n  token,\n  classes,\n}: {\n  token: TokenProps;\n} & WithClasses<\"root\" | \"section\">) => {\n  const { label, extraLabel, tokenBadgeProps, showNetwork, usdAmount } = token;\n  return (\n    <div className={classes?.root}>\n      <div\n        className={cn(\n          \"px-4 py-6 flex justify-between font-medium\",\n          classes?.section\n        )}\n      >\n        <div className=\"dark:text-contrast-7 text-sm flex flex-col gap-2\">\n          {label}\n          {extraLabel}\n          {showNetwork && (\n            <NetworkWithIcon\n              networkId={tokenBadgeProps.chainId}\n              classes={networkWithIconClasses}\n            />\n          )}\n        </div>\n        <div className=\"dark:text-contrast-7 font-geist-mono flex flex-col gap-1 text-right\">\n          <TokenBadge {...tokenBadgeProps} />\n          {usdAmount !== undefined && (\n            <div className=\"text-xs text-contrast-5\">\n              ~{formatFiatPrice(usdAmount)}\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["PayReceiveInfo","t0","$","_c","topToken","bottomToken","classes","t1","root","t2","cn","t3","t4","t5","t6","MiddleSection","Symbol","for","line","networkWithIconClasses","name","icon","TokenInfo","token","label","extraLabel","tokenBadgeProps","showNetwork","usdAmount","section","chainId","t7","undefined","formatFiatPrice","t8","t9","t10"],"mappings":"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"}

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

@@ -1,12 +1,14 @@
+import { WithClasses } from '../../../types/withClasses';
 import { TokenBadgeProps } from '../TokenBadge/types';
 export type TokenProps = {
     tokenBadgeProps: TokenBadgeProps;
     label: string;
+    extraLabel?: React.ReactNode;
     usdAmount?: number;
     showNetwork?: boolean;
 };
 export type PayReceiveInfoProps = {
-    topToken: TokenProps;
-    bottomToken: TokenProps;
-};
+    topToken: TokenProps & WithClasses<"root" | "section">;
+    bottomToken: TokenProps & WithClasses<"root" | "section">;
+} & WithClasses<"root" | "line">;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/PayReceiveInfo/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAE3D,MAAM,MAAM,UAAU,GAAG;IACvB,eAAe,EAAE,eAAe,CAAC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,UAAU,CAAC;IACrB,WAAW,EAAE,UAAU,CAAC;CACzB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/PayReceiveInfo/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAE3D,MAAM,MAAM,UAAU,GAAG;IACvB,eAAe,EAAE,eAAe,CAAC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,UAAU,GAAG,WAAW,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACvD,WAAW,EAAE,UAAU,GAAG,WAAW,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;CAC3D,GAAG,WAAW,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC"}

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

@@ -1 +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,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,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,sBAAsB,EACtB,gBAAgB,GACjB,EAAE;IACD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,GAAG,eAAe,GAAG,SAAS,CAa9B;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"}
+{"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,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,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;AAKvD,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,sBAAsB,EACtB,gBAAgB,GACjB,EAAE;IACD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,GAAG,eAAe,GAAG,SAAS,CAa9B;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

@@ -74,8 +74,8 @@ function constructPayReceiveInfoProps({
   } = 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 srcUsdAmount = srcTokenPrice !== void 0 ? parseFloat(srcAmountUnit) * srcTokenPrice : void 0;
+  const destUsdAmount = destTokenPrice !== void 0 ? parseFloat(destAmountUnit) * destTokenPrice : void 0;
   const topTokenBadgeProps = {
     address: srcToken.address,
     symbol: srcToken.symbol,

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

@@ -1 +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 \"../../LimitOrderItem/types\";\nimport type { PayReceiveInfoProps } from \"../../PayReceiveInfo/types\";\nimport { Rate, TimeTillExpiry } from \"../../LimitOrderItem/LimitOrderListItem\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport { shortenAddress } from \"@/lib/utils\";\nimport { constructAddressLinkForChain } from \"@/lib/utils/explorer\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport { StatusBadge } from \"../../OtcOrderItem/OtcOrderListItem\";\nimport type { LimitOrderState } from \"@velora-dex/sdk\";\nimport Big from \"big.js\";\nimport { FILL_ORDER_GAS_LIMIT_INACCURATE } from \"@/lib/constants\";\n\nexport function constructOrderRateDetail({\n  extra,\n}: {\n  extra: LimitOrderItemExtra;\n}): DetailWithValue {\n  return {\n    title: \"Order Rate\",\n    value: <Rate extra={extra} />,\n  };\n}\n\nexport function constructOrderReceiverDetail({\n  chainId,\n  receiver,\n}: {\n  chainId: SupportedChainId;\n  receiver: string;\n}): DetailWithValue {\n  return {\n    title: \"Receiver\",\n    value: (\n      <a\n        className=\"underline uppercase dark:text-contrast-7\"\n        href={constructAddressLinkForChain({\n          chainId,\n          address: receiver,\n        })}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n      >\n        {shortenAddress(receiver)}\n      </a>\n    ),\n  };\n}\n\nexport function constructExpiresInDetail(expiresIn: number): DetailWithValue {\n  return {\n    title: \"Expires in\",\n    value: <TimeTillExpiry deadline={expiresIn} />,\n  };\n}\n\nexport function constructNetworkFeeDetail({\n  gasCost = FILL_ORDER_GAS_LIMIT_INACCURATE,\n  gasPriceMultiplierGwei,\n  nativeTokenPrice,\n}: {\n  gasCost?: number; // gas limit (number of gas units)\n  gasPriceMultiplierGwei?: number; // gas price in Gwei\n  nativeTokenPrice?: number;\n}): DetailWithValue | undefined {\n  if (gasPriceMultiplierGwei && nativeTokenPrice) {\n    // Calculate gas cost in ETH:\n    // gasLimit * gasPriceInGwei = gas cost in Gwei\n    // gas cost in Gwei / 1e9 = gas cost in ETH (since 1 Gwei = 10^-9 ETH)\n    const gasFeeETH = Big(gasCost).mul(gasPriceMultiplierGwei).div(1e9);\n    const gasCostUSD = gasFeeETH.mul(nativeTokenPrice);\n\n    return {\n      title: \"Network Fees\",\n      value: <div>~ ${gasCostUSD.toFixed(4)}</div>,\n    };\n  }\n}\n\nexport function constructOrderStatusDetail(\n  state: LimitOrderState\n): DetailWithValue {\n  return {\n    title: \"Order Status\",\n    value: <StatusBadge state={state} />,\n  };\n}\n\nconst tokenBadgeClasses = {\n  amount: \"dark:text-contrast-9\",\n  symbol: \"dark:text-contrast-9\",\n  logo: \"size-[18px]\",\n};\n\nexport function constructPayReceiveInfoProps({\n  extra,\n  srcTokenPrice,\n  destTokenPrice,\n}: {\n  extra: RequiredLimitOrderItemExtra;\n  srcTokenPrice?: number;\n  destTokenPrice?: number;\n}): PayReceiveInfoProps {\n  const { srcToken, destToken, srcAmountUnit, destAmountUnit } = extra;\n\n  const formattedSrcAmount = formatTokenAmount(srcAmountUnit);\n  const formattedDestAmount = formatTokenAmount(destAmountUnit);\n\n  const srcUsdAmount =\n    srcTokenPrice !== undefined\n      ? parseFloat(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","gasPriceMultiplierGwei","nativeTokenPrice","gasFeeETH","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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"}
+{"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 \"../../LimitOrderItem/types\";\nimport type { PayReceiveInfoProps } from \"../../PayReceiveInfo/types\";\nimport { Rate, TimeTillExpiry } from \"../../LimitOrderItem/LimitOrderListItem\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport { shortenAddress } from \"@/lib/utils\";\nimport { constructAddressLinkForChain } from \"@/lib/utils/explorer\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport { StatusBadge } from \"../../OtcOrderItem/OtcOrderListItem\";\nimport type { LimitOrderState } from \"@velora-dex/sdk\";\nimport Big from \"big.js\";\nimport { FILL_ORDER_GAS_LIMIT_INACCURATE } from \"@/lib/constants\";\nimport type { TokenBadgeProps } from \"../../TokenBadge/types\";\n\nexport function constructOrderRateDetail({\n  extra,\n}: {\n  extra: LimitOrderItemExtra;\n}): DetailWithValue {\n  return {\n    title: \"Order Rate\",\n    value: <Rate extra={extra} />,\n  };\n}\n\nexport function constructOrderReceiverDetail({\n  chainId,\n  receiver,\n}: {\n  chainId: SupportedChainId;\n  receiver: string;\n}): DetailWithValue {\n  return {\n    title: \"Receiver\",\n    value: (\n      <a\n        className=\"underline uppercase dark:text-contrast-7\"\n        href={constructAddressLinkForChain({\n          chainId,\n          address: receiver,\n        })}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n      >\n        {shortenAddress(receiver)}\n      </a>\n    ),\n  };\n}\n\nexport function constructExpiresInDetail(expiresIn: number): DetailWithValue {\n  return {\n    title: \"Expires in\",\n    value: <TimeTillExpiry deadline={expiresIn} />,\n  };\n}\n\nexport function constructNetworkFeeDetail({\n  gasCost = FILL_ORDER_GAS_LIMIT_INACCURATE,\n  gasPriceMultiplierGwei,\n  nativeTokenPrice,\n}: {\n  gasCost?: number; // gas limit (number of gas units)\n  gasPriceMultiplierGwei?: number; // gas price in Gwei\n  nativeTokenPrice?: number;\n}): DetailWithValue | undefined {\n  if (gasPriceMultiplierGwei && nativeTokenPrice) {\n    // Calculate gas cost in ETH:\n    // gasLimit * gasPriceInGwei = gas cost in Gwei\n    // gas cost in Gwei / 1e9 = gas cost in ETH (since 1 Gwei = 10^-9 ETH)\n    const gasFeeETH = Big(gasCost).mul(gasPriceMultiplierGwei).div(1e9);\n    const gasCostUSD = gasFeeETH.mul(nativeTokenPrice);\n\n    return {\n      title: \"Network Fees\",\n      value: <div>~ ${gasCostUSD.toFixed(4)}</div>,\n    };\n  }\n}\n\nexport function constructOrderStatusDetail(\n  state: LimitOrderState\n): DetailWithValue {\n  return {\n    title: \"Order Status\",\n    value: <StatusBadge state={state} />,\n  };\n}\n\nconst tokenBadgeClasses = {\n  amount: \"dark:text-contrast-9\",\n  symbol: \"dark:text-contrast-9\",\n  logo: \"size-[18px]\",\n};\n\nexport function constructPayReceiveInfoProps({\n  extra,\n  srcTokenPrice,\n  destTokenPrice,\n}: {\n  extra: RequiredLimitOrderItemExtra;\n  srcTokenPrice?: number;\n  destTokenPrice?: number;\n}): PayReceiveInfoProps {\n  const { srcToken, destToken, srcAmountUnit, destAmountUnit } = extra;\n\n  const formattedSrcAmount = formatTokenAmount(srcAmountUnit);\n  const formattedDestAmount = formatTokenAmount(destAmountUnit);\n\n  const srcUsdAmount =\n    srcTokenPrice !== undefined\n      ? parseFloat(srcAmountUnit) * srcTokenPrice\n      : undefined;\n  const destUsdAmount =\n    destTokenPrice !== undefined\n      ? parseFloat(destAmountUnit) * destTokenPrice\n      : undefined;\n\n  const topTokenBadgeProps: TokenBadgeProps = {\n    address: srcToken.address,\n    symbol: srcToken.symbol,\n    chainId: srcToken.network,\n    img: srcToken.img,\n    amount: formattedSrcAmount,\n    amountPosition: \"right\" as const,\n    classes: tokenBadgeClasses,\n  };\n\n  const bottomTokenBadgeProps: TokenBadgeProps = {\n    address: destToken.address,\n    symbol: destToken.symbol,\n    chainId: destToken.network,\n    img: destToken.img,\n    amount: formattedDestAmount,\n    amountPosition: \"right\" as const,\n    classes: tokenBadgeClasses,\n  };\n\n  return {\n    topToken: {\n      tokenBadgeProps: topTokenBadgeProps,\n      label: \"You Send\",\n      usdAmount: srcUsdAmount,\n      showNetwork: true,\n    },\n    bottomToken: {\n      tokenBadgeProps: bottomTokenBadgeProps,\n      label: \"You’ll Receive\",\n      usdAmount: destUsdAmount,\n      showNetwork: true,\n    },\n  };\n}\n"],"names":["constructOrderRateDetail","extra","title","value","constructOrderReceiverDetail","chainId","receiver","constructAddressLinkForChain","address","shortenAddress","constructExpiresInDetail","expiresIn","constructNetworkFeeDetail","gasCost","FILL_ORDER_GAS_LIMIT_INACCURATE","gasPriceMultiplierGwei","nativeTokenPrice","gasFeeETH","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/SwapRate/SwapRate.d.ts

@@ -1,7 +1,7 @@
 import { Token } from '../../../tokens/state/types';
 export declare const SwapRate: ({ srcToken: _srcToken, destToken: _destToken, srcAmountWei: _srcAmountWei, destAmountWei: _destAmountWei, isLoading, reverse, }: {
-    srcToken: Token;
-    destToken?: Token;
+    srcToken: Pick<Token, "address" | "symbol" | "decimals">;
+    destToken?: Pick<Token, "address" | "symbol" | "decimals">;
     srcAmountWei: string;
     destAmountWei?: string;
     isLoading?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"SwapRate.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/SwapRate/SwapRate.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAGlD,eAAO,MAAM,QAAQ,GAAI,iIAOtB;IACD,QAAQ,EAAE,KAAK,CAAC;IAChB,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,4DAqCA,CAAC"}
+{"version":3,"file":"SwapRate.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/SwapRate/SwapRate.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAGlD,eAAO,MAAM,QAAQ,GAAI,iIAOtB;IACD,QAAQ,EAAE,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC,CAAC;IACzD,SAAS,CAAC,EAAE,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC,CAAC;IAC3D,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,4DAqCA,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"SwapRate.js","sources":["../../../../src/components/widget/SwapRate/SwapRate.tsx"],"sourcesContent":["import { Skeleton } from \"@/components/ui/skeleton\";\nimport { calcRate } from \"@/lib/utils/rate\";\nimport type { Token } from \"@/tokens/state/types\";\nimport { formatUnits } from \"viem\";\n\nexport const SwapRate = ({\n  srcToken: _srcToken,\n  destToken: _destToken,\n  srcAmountWei: _srcAmountWei,\n  destAmountWei: _destAmountWei,\n  isLoading,\n  reverse,\n}: {\n  srcToken: Token;\n  destToken?: Token;\n  srcAmountWei: string;\n  destAmountWei?: string;\n  isLoading?: boolean;\n  reverse?: boolean;\n}) => {\n  if (!_destToken) return null;\n\n  const { srcToken, destToken, srcAmountWei, destAmountWei } = reverse\n    ? {\n        srcToken: _destToken,\n        destToken: _srcToken,\n        srcAmountWei: _destAmountWei,\n        destAmountWei: _srcAmountWei,\n      }\n    : {\n        srcToken: _srcToken,\n        destToken: _destToken,\n        srcAmountWei: _srcAmountWei,\n        destAmountWei: _destAmountWei,\n      };\n\n  if (isLoading)\n    return (\n      <div className=\"flex items-center gap-1\">\n        {`1 ${srcToken.symbol ?? srcToken.address} =`}{\" \"}\n        <Skeleton className=\"w-[42px] h-[12px] bg-contrast-6 dark:bg-contrast-5\" />\n      </div>\n    );\n\n  if (srcAmountWei === undefined || destAmountWei === undefined) return null;\n\n  const srcUnits = formatUnits(BigInt(srcAmountWei), srcToken.decimals);\n  const destUnits = formatUnits(BigInt(destAmountWei), destToken.decimals);\n\n  const rateFormatted = calcRate(srcUnits, destUnits)?.rateFormatted;\n  if (!rateFormatted) {\n    // will happen when destAmount is not yet filled from the first price fetch (=\"0\")\n    return null;\n  }\n\n  return `1 ${srcToken.symbol ?? srcToken.address} = ${rateFormatted} ${destToken.symbol ?? destToken.address}`;\n};\n"],"names":["SwapRate","t0","$","_c","srcToken","_srcToken","destToken","_destToken","srcAmountWei","_srcAmountWei","destAmountWei","_destAmountWei","isLoading","reverse","t1","t2","Symbol","for","bb0","t3","t4","t5","symbol","address","t6","t7","undefined","srcUnits","formatUnits","BigInt","decimals","destUnits","calcRate","rateFormatted"],"mappings":"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"}
+{"version":3,"file":"SwapRate.js","sources":["../../../../src/components/widget/SwapRate/SwapRate.tsx"],"sourcesContent":["import { Skeleton } from \"@/components/ui/skeleton\";\nimport { calcRate } from \"@/lib/utils/rate\";\nimport type { Token } from \"@/tokens/state/types\";\nimport { formatUnits } from \"viem\";\n\nexport const SwapRate = ({\n  srcToken: _srcToken,\n  destToken: _destToken,\n  srcAmountWei: _srcAmountWei,\n  destAmountWei: _destAmountWei,\n  isLoading,\n  reverse,\n}: {\n  srcToken: Pick<Token, \"address\" | \"symbol\" | \"decimals\">;\n  destToken?: Pick<Token, \"address\" | \"symbol\" | \"decimals\">;\n  srcAmountWei: string;\n  destAmountWei?: string;\n  isLoading?: boolean;\n  reverse?: boolean;\n}) => {\n  if (!_destToken) return null;\n\n  const { srcToken, destToken, srcAmountWei, destAmountWei } = reverse\n    ? {\n        srcToken: _destToken,\n        destToken: _srcToken,\n        srcAmountWei: _destAmountWei,\n        destAmountWei: _srcAmountWei,\n      }\n    : {\n        srcToken: _srcToken,\n        destToken: _destToken,\n        srcAmountWei: _srcAmountWei,\n        destAmountWei: _destAmountWei,\n      };\n\n  if (isLoading)\n    return (\n      <div className=\"flex items-center gap-1\">\n        {`1 ${srcToken.symbol ?? srcToken.address} =`}{\" \"}\n        <Skeleton className=\"w-[42px] h-[12px] bg-contrast-6 dark:bg-contrast-5\" />\n      </div>\n    );\n\n  if (srcAmountWei === undefined || destAmountWei === undefined) return null;\n\n  const srcUnits = formatUnits(BigInt(srcAmountWei), srcToken.decimals);\n  const destUnits = formatUnits(BigInt(destAmountWei), destToken.decimals);\n\n  const rateFormatted = calcRate(srcUnits, destUnits)?.rateFormatted;\n  if (!rateFormatted) {\n    // will happen when destAmount is not yet filled from the first price fetch (=\"0\")\n    return null;\n  }\n\n  return `1 ${srcToken.symbol ?? srcToken.address} = ${rateFormatted} ${destToken.symbol ?? destToken.address}`;\n};\n"],"names":["SwapRate","t0","$","_c","srcToken","_srcToken","destToken","_destToken","srcAmountWei","_srcAmountWei","destAmountWei","_destAmountWei","isLoading","reverse","t1","t2","Symbol","for","bb0","t3","t4","t5","symbol","address","t6","t7","undefined","srcUnits","formatUnits","BigInt","decimals","destUnits","calcRate","rateFormatted"],"mappings":"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"}

package/dist/components/widget/TradeOverview/DeltaOrderTradeOverview.d.ts

@@ -3,8 +3,8 @@ import { MinTradeOverviewProps, TradeOverviewProps } from './TradeOverview';
 import { DeltaOrderStepKey } from './steps';
 import { DeltaSwapFlowType } from '../../../hooks/swap/tradeFlow/common/types';
 import { BridgePrice, DeltaPrice } from '@velora-dex/sdk';
-type DeltaOrderTradeOverviewProps = Pick<TradeOverviewProps<DeltaOrderStepKey, SubmitDeltaOrderResult, DeltaSwapFlowType>, "fromToken" | "toToken" | "fromAmount" | "toAmount" | "onDismiss" | "onHelp" | "onCancelFlow" | "onCancelOrder" | "onRetry" | "isFlowCancellable" | "explorerLink" | "activeStep" | "orderCancellationStep" | "result" | "error" | "erroredStep" | "tradeFlowType" | "swapSide">;
-export declare function DeltaOrderTradeOverview({ fromToken, toToken, fromAmount, toAmount, swapSide, onDismiss, onHelp, onCancelFlow, onCancelOrder, onRetry, activeStep, orderCancellationStep, isFlowCancellable, explorerLink, result, error, erroredStep, tradeFlowType, }: DeltaOrderTradeOverviewProps): import("react/jsx-runtime").JSX.Element;
+type DeltaOrderTradeOverviewProps = Pick<TradeOverviewProps<DeltaOrderStepKey, SubmitDeltaOrderResult, DeltaSwapFlowType>, "fromToken" | "toToken" | "fromAmount" | "toAmount" | "onDismiss" | "onHelp" | "onCancelFlow" | "onCancelOrder" | "onResubmit" | "onRestartFlow" | "isFlowCancellable" | "explorerLink" | "activeStep" | "result" | "error" | "erroredStep" | "tradeFlowType" | "swapSide">;
+export declare function DeltaOrderTradeOverview({ fromToken, toToken, fromAmount, toAmount, swapSide, onDismiss, onHelp, onCancelFlow, onCancelOrder, onResubmit, onRestartFlow, activeStep, isFlowCancellable, explorerLink, result, error, erroredStep, tradeFlowType, }: DeltaOrderTradeOverviewProps): import("react/jsx-runtime").JSX.Element;
 export type DeltaOrderTradeOverviewFlowProps = {
     orderProps: MinTradeOverviewProps;
     deltaPrice: DeltaPrice | BridgePrice;

package/dist/components/widget/TradeOverview/DeltaOrderTradeOverview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DeltaOrderTradeOverview.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/DeltaOrderTradeOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAClF,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAClE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAE7E,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAiB/D,KAAK,4BAA4B,GAAG,IAAI,CACtC,kBAAkB,CAChB,iBAAiB,EACjB,sBAAsB,EACtB,iBAAiB,CAClB,EACC,WAAW,GACX,SAAS,GACT,YAAY,GACZ,UAAU,GACV,WAAW,GACX,QAAQ,GACR,cAAc,GACd,eAAe,GACf,SAAS,GACT,mBAAmB,GACnB,cAAc,GACd,YAAY,GACZ,uBAAuB,GACvB,QAAQ,GACR,OAAO,GACP,aAAa,GACb,eAAe,GACf,UAAU,CACb,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,OAAO,EACP,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,MAAM,EACN,YAAY,EACZ,aAAa,EACb,OAAO,EACP,UAAU,EACV,qBAAqB,EACrB,iBAAiB,EACjB,YAAY,EACZ,MAAM,EACN,KAAK,EACL,WAAW,EACX,aAAa,GACd,EAAE,4BAA4B,2CAwB9B;AAED,MAAM,MAAM,gCAAgC,GAAG;IAC7C,UAAU,EAAE,qBAAqB,CAAC;IAClC,UAAU,EAAE,UAAU,GAAG,WAAW,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAuHF,eAAO,MAAM,6BAA6B,GACxC,OAAO,gCAAgC,4CAIxC,CAAC"}
+{"version":3,"file":"DeltaOrderTradeOverview.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/DeltaOrderTradeOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAClF,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAClE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAE7E,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAkB/D,KAAK,4BAA4B,GAAG,IAAI,CACtC,kBAAkB,CAChB,iBAAiB,EACjB,sBAAsB,EACtB,iBAAiB,CAClB,EACC,WAAW,GACX,SAAS,GACT,YAAY,GACZ,UAAU,GACV,WAAW,GACX,QAAQ,GACR,cAAc,GACd,eAAe,GACf,YAAY,GACZ,eAAe,GACf,mBAAmB,GACnB,cAAc,GACd,YAAY,GACZ,QAAQ,GACR,OAAO,GACP,aAAa,GACb,eAAe,GACf,UAAU,CACb,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,OAAO,EACP,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,MAAM,EACN,YAAY,EACZ,aAAa,EACb,UAAU,EACV,aAAa,EACb,UAAU,EACV,iBAAiB,EACjB,YAAY,EACZ,MAAM,EACN,KAAK,EACL,WAAW,EACX,aAAa,GACd,EAAE,4BAA4B,2CAwB9B;AAED,MAAM,MAAM,gCAAgC,GAAG;IAC7C,UAAU,EAAE,qBAAqB,CAAC;IAClC,UAAU,EAAE,UAAU,GAAG,WAAW,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAkIF,eAAO,MAAM,6BAA6B,GACxC,OAAO,gCAAgC,4CAIxC,CAAC"}