@velora-dex/widget 0.6.1-dev.1 → 0.6.1-dev.3

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

@@ -1,114 +1,90 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { formatTokenAmount } from '../../../../lib/utils/formatTokenBalance.js';
-import { Rate, TimeTillExpiry } from '../../LimitOrderItem/LimitOrderListItem.js';
-import { shortenAddress } from '../../../../lib/utils/index.js';
-import { constructAddressLinkForChain } from '../../../../lib/utils/explorer.js';
-import { StatusBadge } from '../../OtcOrderItem/OtcOrderListItem.js';
-import Big from 'big.js';
-import { FILL_ORDER_GAS_LIMIT_INACCURATE } from '../../../../lib/constants/index.js';
-
-function constructOrderRateDetail({
-  extra
-}) {
-  return {
-    title: "Order Rate",
-    value: /* @__PURE__ */ jsx(Rate, { extra })
-  };
+import { FILL_ORDER_GAS_LIMIT_INACCURATE as e } from "../../../../lib/constants/index.js";
+import { shortenAddress as t } from "../../../../lib/utils/index.js";
+import { constructAddressLinkForChain as n } from "../../../../lib/utils/explorer.js";
+import { formatTokenAmount as r } from "../../../../lib/utils/formatTokenBalance.js";
+import { Rate as i, TimeTillExpiry as a } from "../../LimitOrderItem/LimitOrderListItem.js";
+import { StatusBadge as o } from "../../OtcOrderItem/OtcOrderListItem.js";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import l from "big.js";
+//#region src/components/widget/ReviewAndConfirm/FillOtcReviewAndConfirm/utils.tsx
+function u({ extra: e }) {
+	return {
+		title: "Order Rate",
+		value: /* @__PURE__ */ s(i, { extra: e })
+	};
 }
-function constructOrderReceiverDetail({
-  chainId,
-  receiver
-}) {
-  return {
-    title: "Receiver",
-    value: /* @__PURE__ */ jsx("a", { className: "underline uppercase dark:text-contrast-7", href: constructAddressLinkForChain({
-      chainId,
-      address: receiver
-    }), target: "_blank", rel: "noopener noreferrer", children: shortenAddress(receiver) })
-  };
+function d({ chainId: e, receiver: r }) {
+	return {
+		title: "Receiver",
+		value: /* @__PURE__ */ s("a", {
+			className: "underline uppercase dark:text-contrast-7",
+			href: n({
+				chainId: e,
+				address: r
+			}),
+			target: "_blank",
+			rel: "noopener noreferrer",
+			children: t(r)
+		})
+	};
 }
-function constructExpiresInDetail(expiresIn) {
-  return {
-    title: "Expires in",
-    value: /* @__PURE__ */ jsx(TimeTillExpiry, { deadline: expiresIn })
-  };
+function f(e) {
+	return {
+		title: "Expires in",
+		value: /* @__PURE__ */ s(a, { deadline: e })
+	};
 }
-function constructNetworkFeeDetail({
-  gasCost = FILL_ORDER_GAS_LIMIT_INACCURATE,
-  gasPriceMultiplierGwei,
-  nativeTokenPrice
-}) {
-  if (gasPriceMultiplierGwei && nativeTokenPrice) {
-    const gasFeeETH = Big(gasCost).mul(gasPriceMultiplierGwei).div(1e9);
-    const gasCostUSD = gasFeeETH.mul(nativeTokenPrice);
-    return {
-      title: "Network Fees",
-      value: /* @__PURE__ */ jsxs("div", { children: [
-        "~ $",
-        gasCostUSD.toFixed(4)
-      ] })
-    };
-  }
+function p({ gasCost: t = e, gasPriceMultiplierGwei: n, nativeTokenPrice: r }) {
+	if (n && r) return {
+		title: "Network Fees",
+		value: /* @__PURE__ */ c("div", { children: ["~ $", l(t).mul(n).div(1e9).mul(r).toFixed(4)] })
+	};
 }
-function constructOrderStatusDetail(state) {
-  return {
-    title: "Order Status",
-    value: /* @__PURE__ */ jsx(StatusBadge, { state })
-  };
+function m(e) {
+	return {
+		title: "Order Status",
+		value: /* @__PURE__ */ s(o, { state: e })
+	};
 }
-const tokenBadgeClasses = {
-  amount: "dark:text-contrast-9",
-  symbol: "dark:text-contrast-9",
-  logo: "size-[18px]"
+var h = {
+	amount: "dark:text-contrast-9",
+	symbol: "dark:text-contrast-9",
+	logo: "size-[18px]"
 };
-function constructPayReceiveInfoProps({
-  extra,
-  srcTokenPrice,
-  destTokenPrice
-}) {
-  const {
-    srcToken,
-    destToken,
-    srcAmountUnit,
-    destAmountUnit
-  } = extra;
-  const formattedSrcAmount = formatTokenAmount(srcAmountUnit);
-  const formattedDestAmount = formatTokenAmount(destAmountUnit);
-  const srcUsdAmount = srcTokenPrice !== void 0 ? parseFloat(srcAmountUnit) * srcTokenPrice : void 0;
-  const destUsdAmount = destTokenPrice !== void 0 ? parseFloat(destAmountUnit) * destTokenPrice : void 0;
-  const topTokenBadgeProps = {
-    address: srcToken.address,
-    symbol: srcToken.symbol,
-    chainId: srcToken.network,
-    img: srcToken.img,
-    amount: formattedSrcAmount,
-    amountPosition: "right",
-    classes: tokenBadgeClasses
-  };
-  const bottomTokenBadgeProps = {
-    address: destToken.address,
-    symbol: destToken.symbol,
-    chainId: destToken.network,
-    img: destToken.img,
-    amount: formattedDestAmount,
-    amountPosition: "right",
-    classes: tokenBadgeClasses
-  };
-  return {
-    topToken: {
-      tokenBadgeProps: topTokenBadgeProps,
-      label: "You Send",
-      usdAmount: srcUsdAmount,
-      showNetwork: true
-    },
-    bottomToken: {
-      tokenBadgeProps: bottomTokenBadgeProps,
-      label: "You’ll Receive",
-      usdAmount: destUsdAmount,
-      showNetwork: true
-    }
-  };
+function g({ extra: e, srcTokenPrice: t, destTokenPrice: n }) {
+	let { srcToken: i, destToken: a, srcAmountUnit: o, destAmountUnit: s } = e, c = r(o), l = r(s), u = t === void 0 ? void 0 : parseFloat(o) * t, d = n === void 0 ? void 0 : parseFloat(s) * n, f = {
+		address: i.address,
+		symbol: i.symbol,
+		chainId: i.network,
+		img: i.img,
+		amount: c,
+		amountPosition: "right",
+		classes: h
+	}, p = {
+		address: a.address,
+		symbol: a.symbol,
+		chainId: a.network,
+		img: a.img,
+		amount: l,
+		amountPosition: "right",
+		classes: h
+	};
+	return {
+		topToken: {
+			tokenBadgeProps: f,
+			label: "You Send",
+			usdAmount: u,
+			showNetwork: !0
+		},
+		bottomToken: {
+			tokenBadgeProps: p,
+			label: "You’ll Receive",
+			usdAmount: d,
+			showNetwork: !0
+		}
+	};
 }
+//#endregion
+export { f as constructExpiresInDetail, p as constructNetworkFeeDetail, u as constructOrderRateDetail, d as constructOrderReceiverDetail, m as constructOrderStatusDetail, g as constructPayReceiveInfoProps };
 
-export { constructExpiresInDetail, constructNetworkFeeDetail, constructOrderRateDetail, constructOrderReceiverDetail, constructOrderStatusDetail, constructPayReceiveInfoProps };
-//# sourceMappingURL=utils.js.map
+//# sourceMappingURL=utils.js.map

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\";\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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"}
+{"version":3,"file":"utils.js","names":["formatTokenAmount","LimitOrderItemExtra","RequiredLimitOrderItemExtra","PayReceiveInfoProps","Rate","TimeTillExpiry","DetailWithValue","shortenAddress","constructAddressLinkForChain","SupportedChainId","StatusBadge","LimitOrderState","Big","FILL_ORDER_GAS_LIMIT_INACCURATE","TokenBadgeProps","constructOrderRateDetail","extra","title","value","constructOrderReceiverDetail","chainId","receiver","address","constructExpiresInDetail","expiresIn","constructNetworkFeeDetail","gasCost","gasPriceMultiplierGwei","nativeTokenPrice","gasFeeETH","mul","div","gasCostUSD","toFixed","constructOrderStatusDetail","state","tokenBadgeClasses","amount","symbol","logo","constructPayReceiveInfoProps","srcTokenPrice","destTokenPrice","srcToken","destToken","srcAmountUnit","destAmountUnit","formattedSrcAmount","formattedDestAmount","srcUsdAmount","undefined","parseFloat","destUsdAmount","topTokenBadgeProps","network","img","amountPosition","const","classes","bottomTokenBadgeProps","topToken","tokenBadgeProps","label","usdAmount","showNetwork","bottomToken"],"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"],"mappings":";;;;;;;;;AAiBA,SAAgBe,EAAyB,EACvCC,YAGkB;AAClB,QAAO;EACLC,OAAO;EACPC,OAAO,kBAAC,GAAD,EAAaF,UAAM,CAAA;EAC3B;;AAGH,SAAgBG,EAA6B,EAC3CC,YACAC,eAIkB;AAClB,QAAO;EACLJ,OAAO;EACPC,OACE,kBAAC,KAAD;GACE,WAAU;GACV,MAAMV,EAA6B;IACjCY;IACAE,SAASD;IACV,CAAC;GACF,QAAO;GACP,KAAI;aAEHd,EAAec,EAAS;GACxB,CAAA;EAEN;;AAGH,SAAgBE,EAAyBC,GAAoC;AAC3E,QAAO;EACLP,OAAO;EACPC,OAAO,kBAAC,GAAD,EAAgB,UAAUM,GAAU,CAAA;EAC5C;;AAGH,SAAgBC,EAA0B,EACxCC,aAAUb,GACVc,2BACAC,uBAK8B;AAC9B,KAAID,KAA0BC,EAO5B,QAAO;EACLX,OAAO;EACPC,OAAO,kBAAC,OAAD,EAAA,UAAA,CAAK,OALIN,EAAIc,EAAQ,CAACI,IAAIH,EAAuB,CAACI,IAAI,IAAI,CACtCD,IAAIF,EAAiB,CAIrBK,QAAQ,EAAE,CAAM,EAAA,CAAA;EAC5C;;AAIL,SAAgBC,EACdC,GACiB;AACjB,QAAO;EACLlB,OAAO;EACPC,OAAO,kBAAC,GAAD,EAAoBiB,UAAM,CAAA;EAClC;;AAGH,IAAMC,IAAoB;CACxBC,QAAQ;CACRC,QAAQ;CACRC,MAAM;CACP;AAED,SAAgBC,EAA6B,EAC3CxB,UACAyB,kBACAC,qBAKsB;CACtB,IAAM,EAAEC,aAAUC,cAAWC,kBAAeC,sBAAmB9B,GAEzD+B,IAAqB/C,EAAkB6C,EAAc,EACrDG,IAAsBhD,EAAkB8C,EAAe,EAEvDG,IACJR,MAAkBS,KAAAA,IAEdA,KAAAA,IADAC,WAAWN,EAAc,GAAGJ,GAE5BW,IACJV,MAAmBQ,KAAAA,IAEfA,KAAAA,IADAC,WAAWL,EAAe,GAAGJ,GAG7BW,IAAsC;EAC1C/B,SAASqB,EAASrB;EAClBgB,QAAQK,EAASL;EACjBlB,SAASuB,EAASW;EAClBC,KAAKZ,EAASY;EACdlB,QAAQU;EACRS,gBAAgB;EAChBE,SAAStB;EACV,EAEKuB,IAAyC;EAC7CrC,SAASsB,EAAUtB;EACnBgB,QAAQM,EAAUN;EAClBlB,SAASwB,EAAUU;EACnBC,KAAKX,EAAUW;EACflB,QAAQW;EACRQ,gBAAgB;EAChBE,SAAStB;EACV;AAED,QAAO;EACLwB,UAAU;GACRC,iBAAiBR;GACjBS,OAAO;GACPC,WAAWd;GACXe,aAAa;GACd;EACDC,aAAa;GACXJ,iBAAiBF;GACjBG,OAAO;GACPC,WAAWX;GACXY,aAAa;GACf;EACD"}

package/dist/components/widget/RowVirtualizer/RowVirtualizerFixed.js

@@ -1,48 +1,48 @@
-import { jsx } from 'react/jsx-runtime';
-import { useRef } from 'react';
-import { useVirtualizer } from '@tanstack/react-virtual';
-import { cn } from '../../../lib/utils/index.js';
-import { useLogger } from '../../../core/logger.js';
-
-const RowVirtualizerFixed = ({
-  rows,
-  rowHeight,
-  visibleRows,
-  rowRenderer: RowRenderer,
-  containerClassName
-}) => {
-  "use no memo";
-  const logger = useLogger("RowVirtualizerFixed");
-  const parentRef = useRef(null);
-  const rowVirtualizer = useVirtualizer({
-    count: rows.length,
-    getScrollElement: () => parentRef.current,
-    estimateSize: () => rowHeight,
-    overscan: 5
-  });
-  const style = visibleRows ? {
-    height: `${visibleRows * rowHeight}px`
-  } : {};
-  return /* @__PURE__ */ jsx("div", { ref: parentRef, className: cn("overflow-auto", containerClassName), style, children: /* @__PURE__ */ jsx("div", { style: {
-    height: `${rowVirtualizer.getTotalSize()}px`,
-    width: "100%",
-    position: "relative"
-  }, children: rowVirtualizer.getVirtualItems().map((virtualRow) => {
-    const row = rows[virtualRow.index];
-    if (!row) {
-      logger.warn("no item was found at index:", virtualRow.index);
-      return null;
-    }
-    return /* @__PURE__ */ jsx("div", { style: {
-      position: "absolute",
-      top: 0,
-      left: 0,
-      width: "100%",
-      height: `${virtualRow.size}px`,
-      transform: `translateY(${virtualRow.start}px)`
-    }, children: /* @__PURE__ */ jsx(RowRenderer, { row, index: virtualRow.index }) }, virtualRow.key);
-  }) }) });
+import { cn as e } from "../../../lib/utils/index.js";
+import { useLogger as t } from "../../../core/logger.js";
+import { useRef as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+import { useVirtualizer as i } from "@tanstack/react-virtual";
+//#region src/components/widget/RowVirtualizer/RowVirtualizerFixed.tsx
+var a = ({ rows: a, rowHeight: o, visibleRows: s, rowRenderer: c, containerClassName: l }) => {
+	"use no memo";
+	let u = t("RowVirtualizerFixed"), d = n(null), f = i({
+		count: a.length,
+		getScrollElement: () => d.current,
+		estimateSize: () => o,
+		overscan: 5
+	}), p = s ? { height: `${s * o}px` } : {};
+	return /* @__PURE__ */ r("div", {
+		ref: d,
+		className: e("overflow-auto", l),
+		style: p,
+		children: /* @__PURE__ */ r("div", {
+			style: {
+				height: `${f.getTotalSize()}px`,
+				width: "100%",
+				position: "relative"
+			},
+			children: f.getVirtualItems().map((e) => {
+				let t = a[e.index];
+				return t ? /* @__PURE__ */ r("div", {
+					style: {
+						position: "absolute",
+						top: 0,
+						left: 0,
+						width: "100%",
+						height: `${e.size}px`,
+						transform: `translateY(${e.start}px)`
+					},
+					children: /* @__PURE__ */ r(c, {
+						row: t,
+						index: e.index
+					})
+				}, e.key) : (u.warn("no item was found at index:", e.index), null);
+			})
+		})
+	});
 };
+//#endregion
+export { a as RowVirtualizerFixed };
 
-export { RowVirtualizerFixed };
-//# sourceMappingURL=RowVirtualizerFixed.js.map
+//# sourceMappingURL=RowVirtualizerFixed.js.map

package/dist/components/widget/RowVirtualizer/RowVirtualizerFixed.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowVirtualizerFixed.js","sources":["../../../../src/components/widget/RowVirtualizer/RowVirtualizerFixed.tsx"],"sourcesContent":["import { useRef } from \"react\";\nimport { useVirtualizer } from \"@tanstack/react-virtual\";\nimport { cn } from \"@/lib/utils\";\nimport type { RowVirtualizerFixedProps } from \"./types\";\nimport { useLogger } from \"@/core/logger\";\n\nexport const RowVirtualizerFixed = <Row extends object>({\n  rows,\n  rowHeight,\n  visibleRows,\n  rowRenderer: RowRenderer,\n  containerClassName,\n}: RowVirtualizerFixedProps<Row>) => {\n  \"use no memo\";\n  // https://github.com/TanStack/table/issues/5567#issuecomment-2131478675\n\n  const logger = useLogger(\"RowVirtualizerFixed\");\n\n  const parentRef = useRef(null);\n\n  // eslint-disable-next-line react-hooks/incompatible-library\n  const rowVirtualizer = useVirtualizer({\n    count: rows.length,\n    getScrollElement: () => parentRef.current,\n    estimateSize: () => rowHeight,\n    overscan: 5,\n  });\n\n  const style = visibleRows\n    ? {\n        height: `${visibleRows * rowHeight}px`,\n      }\n    : {};\n\n  return (\n    <div\n      ref={parentRef}\n      className={cn(\"overflow-auto\", containerClassName)}\n      style={style}\n    >\n      <div\n        style={{\n          height: `${rowVirtualizer.getTotalSize()}px`,\n          width: \"100%\",\n          position: \"relative\",\n        }}\n      >\n        {rowVirtualizer.getVirtualItems().map((virtualRow) => {\n          const row = rows[virtualRow.index];\n\n          if (!row) {\n            logger.warn(\"no item was found at index:\", virtualRow.index);\n            return null;\n          }\n\n          return (\n            <div\n              key={virtualRow.key}\n              style={{\n                position: \"absolute\",\n                top: 0,\n                left: 0,\n                width: \"100%\",\n                height: `${virtualRow.size}px`,\n                transform: `translateY(${virtualRow.start}px)`,\n              }}\n            >\n              <RowRenderer row={row} index={virtualRow.index} />\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n"],"names":["RowVirtualizerFixed","rows","rowHeight","visibleRows","rowRenderer","RowRenderer","containerClassName","logger","useLogger","parentRef","useRef","rowVirtualizer","useVirtualizer","count","length","getScrollElement","current","estimateSize","overscan","style","height","cn","getTotalSize","width","position","getVirtualItems","map","virtualRow","row","index","warn","top","left","size","transform","start","key"],"mappings":";;;;;;AAMO,MAAMA,sBAAsB,CAAqB;AAAA,EACtDC,IAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,WAAAA,EAAaC,WAAAA;AAAAA,EACbC;AAC6B,CAAA,KAAM;AACnC,EAAA,aAAA;AAGA,EAAA,MAAMC,MAAAA,GAASC,UAAU,qBAAqB,CAAA;AAE9C,EAAA,MAAMC,SAAAA,GAAYC,OAAO,IAAI,CAAA;AAG7B,EAAA,MAAMC,iBAAiBC,cAAAA,CAAe;AAAA,IACpCC,OAAOZ,IAAAA,CAAKa,MAAAA;AAAAA,IACZC,gBAAAA,EAAkBA,MAAMN,SAAAA,CAAUO,OAAAA;AAAAA,IAClCC,cAAcA,MAAMf,SAAAA;AAAAA,IACpBgB,QAAAA,EAAU;AAAA,GACX,CAAA;AAED,EAAA,MAAMC,QAAQhB,WAAAA,GACV;AAAA,IACEiB,MAAAA,EAAQ,CAAA,EAAGjB,WAAAA,GAAcD,SAAS,CAAA,EAAA;AAAA,MAEpC,EAAC;AAEL,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EACC,GAAA,EAAKO,SAAAA,EACL,SAAA,EAAWY,EAAAA,CAAG,eAAA,EAAiBf,kBAAkB,CAAA,EACjD,KAAA,EAEA,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EACC,KAAA,EAAO;AAAA,IACLc,MAAAA,EAAQ,CAAA,EAAGT,cAAAA,CAAeW,YAAAA,EAAc,CAAA,EAAA,CAAA;AAAA,IACxCC,KAAAA,EAAO,MAAA;AAAA,IACPC,QAAAA,EAAU;AAAA,GACZ,EAECb,QAAAA,EAAAA,cAAAA,CAAec,eAAAA,EAAgB,CAAEC,IAAKC,CAAAA,UAAAA,KAAe;AACpD,IAAA,MAAMC,GAAAA,GAAM3B,IAAAA,CAAK0B,UAAAA,CAAWE,KAAK,CAAA;AAEjC,IAAA,IAAI,CAACD,GAAAA,EAAK;AACRrB,MAAAA,MAAAA,CAAOuB,IAAAA,CAAK,6BAAA,EAA+BH,UAAAA,CAAWE,KAAK,CAAA;AAC3D,MAAA,OAAO,IAAA;AAAA,IACT;AAEA,IAAA,uBACE,GAAA,CAAC,SAEC,KAAA,EAAO;AAAA,MACLL,QAAAA,EAAU,UAAA;AAAA,MACVO,GAAAA,EAAK,CAAA;AAAA,MACLC,IAAAA,EAAM,CAAA;AAAA,MACNT,KAAAA,EAAO,MAAA;AAAA,MACPH,MAAAA,EAAQ,CAAA,EAAGO,UAAAA,CAAWM,IAAI,CAAA,EAAA,CAAA;AAAA,MAC1BC,SAAAA,EAAW,CAAA,WAAA,EAAcP,UAAAA,CAAWQ,KAAK,CAAA,GAAA;AAAA,KAC3C,EAEA,8BAAC,WAAA,EAAA,EAAY,GAAA,EAAU,OAAOR,UAAAA,CAAWE,KAAAA,EAAM,CAAA,EAAA,EAV1CF,UAAAA,CAAWS,GAWlB,CAAA;AAAA,EAEJ,CAAC,GACH,CAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"RowVirtualizerFixed.js","names":["useRef","useVirtualizer","cn","RowVirtualizerFixedProps","useLogger","RowVirtualizerFixed","rows","rowHeight","visibleRows","rowRenderer","RowRenderer","containerClassName","Row","logger","parentRef","rowVirtualizer","count","length","getScrollElement","current","estimateSize","overscan","style","height","getTotalSize","width","position","getVirtualItems","map","virtualRow","row","index","warn","key","top","left","size","transform","start"],"sources":["../../../../src/components/widget/RowVirtualizer/RowVirtualizerFixed.tsx"],"sourcesContent":["import { useRef } from \"react\";\nimport { useVirtualizer } from \"@tanstack/react-virtual\";\nimport { cn } from \"@/lib/utils\";\nimport type { RowVirtualizerFixedProps } from \"./types\";\nimport { useLogger } from \"@/core/logger\";\n\nexport const RowVirtualizerFixed = <Row extends object>({\n  rows,\n  rowHeight,\n  visibleRows,\n  rowRenderer: RowRenderer,\n  containerClassName,\n}: RowVirtualizerFixedProps<Row>) => {\n  \"use no memo\";\n  // https://github.com/TanStack/table/issues/5567#issuecomment-2131478675\n\n  const logger = useLogger(\"RowVirtualizerFixed\");\n\n  const parentRef = useRef(null);\n\n  // eslint-disable-next-line react-hooks/incompatible-library\n  const rowVirtualizer = useVirtualizer({\n    count: rows.length,\n    getScrollElement: () => parentRef.current,\n    estimateSize: () => rowHeight,\n    overscan: 5,\n  });\n\n  const style = visibleRows\n    ? {\n        height: `${visibleRows * rowHeight}px`,\n      }\n    : {};\n\n  return (\n    <div\n      ref={parentRef}\n      className={cn(\"overflow-auto\", containerClassName)}\n      style={style}\n    >\n      <div\n        style={{\n          height: `${rowVirtualizer.getTotalSize()}px`,\n          width: \"100%\",\n          position: \"relative\",\n        }}\n      >\n        {rowVirtualizer.getVirtualItems().map((virtualRow) => {\n          const row = rows[virtualRow.index];\n\n          if (!row) {\n            logger.warn(\"no item was found at index:\", virtualRow.index);\n            return null;\n          }\n\n          return (\n            <div\n              key={virtualRow.key}\n              style={{\n                position: \"absolute\",\n                top: 0,\n                left: 0,\n                width: \"100%\",\n                height: `${virtualRow.size}px`,\n                transform: `translateY(${virtualRow.start}px)`,\n              }}\n            >\n              <RowRenderer row={row} index={virtualRow.index} />\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;AAMA,IAAaK,KAA2C,EACtDC,SACAC,cACAC,gBACAC,aAAaC,GACbC,4BACmC;AACnC;CAGA,IAAME,IAAST,EAAU,sBAAsB,EAEzCU,IAAYd,EAAO,KAAK,EAGxBe,IAAiBd,EAAe;EACpCe,OAAOV,EAAKW;EACZC,wBAAwBJ,EAAUK;EAClCC,oBAAoBb;EACpBc,UAAU;EACX,CAAC,EAEIC,IAAQd,IACV,EACEe,QAAQ,GAAGf,IAAcD,EAAS,KACnC,GACD,EAAE;AAEN,QACE,kBAAC,OAAD;EACE,KAAKO;EACL,WAAWZ,EAAG,iBAAiBS,EAAmB;EAC3CW;YAEP,kBAAC,OAAD;GACE,OAAO;IACLC,QAAQ,GAAGR,EAAeS,cAAc,CAAA;IACxCC,OAAO;IACPC,UAAU;IACX;aAEAX,EAAeY,iBAAiB,CAACC,KAAKC,MAAe;IACpD,IAAMC,IAAMxB,EAAKuB,EAAWE;AAO5B,WALKD,IAMH,kBAAC,OAAD;KAEE,OAAO;MACLJ,UAAU;MACVQ,KAAK;MACLC,MAAM;MACNV,OAAO;MACPF,QAAQ,GAAGM,EAAWO,KAAI;MAC1BC,WAAW,cAAcR,EAAWS,MAAK;MAC1C;eAED,kBAAC,GAAD;MAAkBR;MAAK,OAAOD,EAAWE;MAAM,CAAA;KAC3C,EAXCF,EAAWI,IAWZ,IAjBNpB,EAAOmB,KAAK,+BAA+BH,EAAWE,MAAM,EACrD;KAkBT;GACC,CAAA;EACD,CAAA"}

package/dist/components/widget/Screen/GenericScreen.js

@@ -1,146 +1,58 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { d as distExports } from '../../../_virtual/index.js';
-import { cn } from '../../../lib/utils/index.js';
-import { ArrowLeft, XIcon } from 'lucide-react';
-
-const GenericScreen = (t0) => {
-  const $ = distExports.c(14);
-  let children;
-  let classes;
-  let headerClasses;
-  let headerProps;
-  if ($[0] !== t0) {
-    ({
-      children,
-      classes,
-      headerClasses,
-      ...headerProps
-    } = t0);
-    $[0] = t0;
-    $[1] = children;
-    $[2] = classes;
-    $[3] = headerClasses;
-    $[4] = headerProps;
-  } else {
-    children = $[1];
-    classes = $[2];
-    headerClasses = $[3];
-    headerProps = $[4];
-  }
-  const t1 = classes?.root;
-  let t2;
-  if ($[5] !== t1) {
-    t2 = cn("bg-contrast-8 dark:bg-contrast-2 border border-contrast-7 dark:border-contrast-4 rounded-xxl min-w-[375px] w-full", t1);
-    $[5] = t1;
-    $[6] = t2;
-  } else {
-    t2 = $[6];
-  }
-  let t3;
-  if ($[7] !== headerClasses || $[8] !== headerProps) {
-    t3 = /* @__PURE__ */ jsx(GenericScreenHeader, { ...headerProps, classes: headerClasses });
-    $[7] = headerClasses;
-    $[8] = headerProps;
-    $[9] = t3;
-  } else {
-    t3 = $[9];
-  }
-  let t4;
-  if ($[10] !== children || $[11] !== t2 || $[12] !== t3) {
-    t4 = /* @__PURE__ */ jsxs("div", { className: t2, children: [
-      t3,
-      children
-    ] });
-    $[10] = children;
-    $[11] = t2;
-    $[12] = t3;
-    $[13] = t4;
-  } else {
-    t4 = $[13];
-  }
-  return t4;
-};
-const GenericScreenHeader = (t0) => {
-  const $ = distExports.c(19);
-  const {
-    title,
-    showBackButton,
-    showCloseButton,
-    closeButtonReplacement,
-    onGoBack,
-    onClose,
-    classes
-  } = t0;
-  const _showBackButton = showBackButton && onGoBack;
-  const _showCloseButton = showCloseButton && onClose;
-  if (!(_showBackButton || _showCloseButton || title || closeButtonReplacement)) {
-    return null;
-  }
-  const t1 = classes?.root;
-  let t2;
-  if ($[0] !== t1) {
-    t2 = cn("pb-4 pt-6 px-6 flex items-center justify-between", t1);
-    $[0] = t1;
-    $[1] = t2;
-  } else {
-    t2 = $[1];
-  }
-  let t3;
-  if ($[2] !== _showBackButton || $[3] !== onGoBack) {
-    t3 = _showBackButton && /* @__PURE__ */ jsx("button", { onClick: onGoBack, children: /* @__PURE__ */ jsx(ArrowLeft, { className: "ring-offset-background cursor-pointer focus:ring-ring dark:text-contrast-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0" }) });
-    $[2] = _showBackButton;
-    $[3] = onGoBack;
-    $[4] = t3;
-  } else {
-    t3 = $[4];
-  }
-  const t4 = classes?.title;
-  let t5;
-  if ($[5] !== t4 || $[6] !== title) {
-    t5 = /* @__PURE__ */ jsx("span", { className: t4, children: title });
-    $[5] = t4;
-    $[6] = title;
-    $[7] = t5;
-  } else {
-    t5 = $[7];
-  }
-  let t6;
-  if ($[8] !== t3 || $[9] !== t5) {
-    t6 = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-5 font-medium text-lg text-contrast-4 dark:text-contrast-7", children: [
-      t3,
-      t5
-    ] });
-    $[8] = t3;
-    $[9] = t5;
-    $[10] = t6;
-  } else {
-    t6 = $[10];
-  }
-  let t7;
-  if ($[11] !== _showCloseButton || $[12] !== closeButtonReplacement || $[13] !== onClose) {
-    t7 = closeButtonReplacement ?? (_showCloseButton && /* @__PURE__ */ jsx("button", { onClick: onClose, children: /* @__PURE__ */ jsx("div", { className: "ring-offset-background cursor-pointer focus:ring-ring dark:text-contrast-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", children: /* @__PURE__ */ jsx(XIcon, {}) }) }));
-    $[11] = _showCloseButton;
-    $[12] = closeButtonReplacement;
-    $[13] = onClose;
-    $[14] = t7;
-  } else {
-    t7 = $[14];
-  }
-  let t8;
-  if ($[15] !== t2 || $[16] !== t6 || $[17] !== t7) {
-    t8 = /* @__PURE__ */ jsxs("div", { className: t2, children: [
-      t6,
-      t7
-    ] });
-    $[15] = t2;
-    $[16] = t6;
-    $[17] = t7;
-    $[18] = t8;
-  } else {
-    t8 = $[18];
-  }
-  return t8;
+import { cn as e } from "../../../lib/utils/index.js";
+import { c as t } from "react-compiler-runtime";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { ArrowLeft as i, XIcon as a } from "lucide-react";
+//#region src/components/widget/Screen/GenericScreen.tsx
+var o = (i) => {
+	let a = t(14), o, c, l, u;
+	a[0] === i ? (o = a[1], c = a[2], l = a[3], u = a[4]) : ({children: o, classes: c, headerClasses: l, ...u} = i, a[0] = i, a[1] = o, a[2] = c, a[3] = l, a[4] = u);
+	let d = c?.root, f;
+	a[5] === d ? f = a[6] : (f = e("bg-contrast-8 dark:bg-contrast-2 border border-contrast-7 dark:border-contrast-4 rounded-xxl min-w-[375px] w-full", d), a[5] = d, a[6] = f);
+	let p;
+	a[7] !== l || a[8] !== u ? (p = /* @__PURE__ */ n(s, {
+		...u,
+		classes: l
+	}), a[7] = l, a[8] = u, a[9] = p) : p = a[9];
+	let m;
+	return a[10] !== o || a[11] !== f || a[12] !== p ? (m = /* @__PURE__ */ r("div", {
+		className: f,
+		children: [p, o]
+	}), a[10] = o, a[11] = f, a[12] = p, a[13] = m) : m = a[13], m;
+}, s = (o) => {
+	let s = t(19), { title: c, showBackButton: l, showCloseButton: u, closeButtonReplacement: d, onGoBack: f, onClose: p, classes: m } = o, h = l && f, g = u && p;
+	if (!(h || g || c || d)) return null;
+	let _ = m?.root, v;
+	s[0] === _ ? v = s[1] : (v = e("pb-4 pt-6 px-6 flex items-center justify-between", _), s[0] = _, s[1] = v);
+	let y;
+	s[2] !== h || s[3] !== f ? (y = h && /* @__PURE__ */ n("button", {
+		onClick: f,
+		children: /* @__PURE__ */ n(i, { className: "ring-offset-background cursor-pointer focus:ring-ring dark:text-contrast-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0" })
+	}), s[2] = h, s[3] = f, s[4] = y) : y = s[4];
+	let b = m?.title, x;
+	s[5] !== b || s[6] !== c ? (x = /* @__PURE__ */ n("span", {
+		className: b,
+		children: c
+	}), s[5] = b, s[6] = c, s[7] = x) : x = s[7];
+	let S;
+	s[8] !== y || s[9] !== x ? (S = /* @__PURE__ */ r("div", {
+		className: "flex items-center gap-5 font-medium text-lg text-contrast-4 dark:text-contrast-7",
+		children: [y, x]
+	}), s[8] = y, s[9] = x, s[10] = S) : S = s[10];
+	let C;
+	s[11] !== g || s[12] !== d || s[13] !== p ? (C = d ?? (g && /* @__PURE__ */ n("button", {
+		onClick: p,
+		children: /* @__PURE__ */ n("div", {
+			className: "ring-offset-background cursor-pointer focus:ring-ring dark:text-contrast-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+			children: /* @__PURE__ */ n(a, {})
+		})
+	})), s[11] = g, s[12] = d, s[13] = p, s[14] = C) : C = s[14];
+	let w;
+	return s[15] !== v || s[16] !== S || s[17] !== C ? (w = /* @__PURE__ */ r("div", {
+		className: v,
+		children: [S, C]
+	}), s[15] = v, s[16] = S, s[17] = C, s[18] = w) : w = s[18], w;
 };
+//#endregion
+export { o as GenericScreen, s as GenericScreenHeader };
 
-export { GenericScreen, GenericScreenHeader };
-//# sourceMappingURL=GenericScreen.js.map
+//# sourceMappingURL=GenericScreen.js.map