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

package/dist/components/widget/TradeParameters/useTempTradeParameters.js

@@ -0,0 +1,155 @@
+import { d as distExports } from '../../../_virtual/index.js';
+import { deltaParamAtom, defaultDeltaParamAtomValue } from './state/deltaParamAtom.js';
+import { useAtomValue, useSetAtom, useAtom } from 'jotai';
+import { setDeltaParamAtom } from './state/deltaParamActionsAtom.js';
+import { eip1559EnabledAtom, defaultEIP1559Enabled } from './state/eip1559ParamAtom.js';
+import { gasPresetAtom, defaultGasPreset } from './state/gasPresetParamAtom.js';
+import { useState } from 'react';
+import { setSlippageParamAtom } from './state/slippageParamActionsAtom.js';
+import { slippageParamAtom } from './state/slippageParamAtom.js';
+import { useCustomSlippageState } from './SlippageParameter/hooks/useCustomSlippageProps.js';
+import { defaultSlippage } from './state/constants.js';
+import { useWidgetEvents } from '../../../core/state/widgetEventsAtom.js';
+
+function useTempTradeParameters() {
+  const $ = distExports.c(31);
+  const deltaParam = useAtomValue(deltaParamAtom);
+  const setDeltaParam = useSetAtom(setDeltaParamAtom);
+  const [tempDeltaParam, setTempDeltaParam] = useState(deltaParam);
+  const isNotDefaultDeltaParam = tempDeltaParam !== defaultDeltaParamAtomValue;
+  const [eip1559Enabled, setEip1559Enabled] = useAtom(eip1559EnabledAtom);
+  const [tempEip1559Enabled, setTempEip1559Enabled] = useState(eip1559Enabled);
+  const isNotDefaultEip1559Enabled = tempEip1559Enabled !== defaultEIP1559Enabled;
+  const [gasPreset, setGasPreset] = useAtom(gasPresetAtom);
+  const [tempGasPreset, setTempGasPreset] = useState(gasPreset);
+  const isNotDefaultGasPreset = tempGasPreset !== defaultGasPreset;
+  const slippageParam = useAtomValue(slippageParamAtom);
+  const setSlippageParam = useSetAtom(setSlippageParamAtom);
+  const slippageState = useCustomSlippageState(slippageParam);
+  const isNotDefaultSlippageParam = slippageState.lastValidSlippage !== defaultSlippage;
+  let t0;
+  if ($[0] !== slippageState) {
+    t0 = () => {
+      setTempDeltaParam(defaultDeltaParamAtomValue);
+      setTempEip1559Enabled(defaultEIP1559Enabled);
+      setTempGasPreset(defaultGasPreset);
+      slippageState.resetCustomSlippageToDefault();
+    };
+    $[0] = slippageState;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const resetParams = t0;
+  const {
+    onSettingsChange
+  } = useWidgetEvents();
+  let t1;
+  if ($[2] !== onSettingsChange || $[3] !== setDeltaParam || $[4] !== setEip1559Enabled || $[5] !== setGasPreset || $[6] !== setSlippageParam || $[7] !== slippageState.lastValidSlippage || $[8] !== tempDeltaParam || $[9] !== tempEip1559Enabled || $[10] !== tempGasPreset) {
+    t1 = () => {
+      setDeltaParam(tempDeltaParam);
+      setEip1559Enabled(tempEip1559Enabled);
+      setGasPreset(tempGasPreset);
+      setSlippageParam(slippageState.lastValidSlippage);
+      onSettingsChange?.({
+        event: {
+          name: "Settings:saveSettings",
+          params: {
+            slippageTolerance: slippageState.lastValidSlippage,
+            transactionSpeed: tempGasPreset,
+            swapMode: tempDeltaParam ? "delta" : "market",
+            eip1559Enabled: tempEip1559Enabled
+          }
+        }
+      });
+    };
+    $[2] = onSettingsChange;
+    $[3] = setDeltaParam;
+    $[4] = setEip1559Enabled;
+    $[5] = setGasPreset;
+    $[6] = setSlippageParam;
+    $[7] = slippageState.lastValidSlippage;
+    $[8] = tempDeltaParam;
+    $[9] = tempEip1559Enabled;
+    $[10] = tempGasPreset;
+    $[11] = t1;
+  } else {
+    t1 = $[11];
+  }
+  const saveParams = t1;
+  let t2;
+  if ($[12] !== isNotDefaultDeltaParam || $[13] !== tempDeltaParam) {
+    t2 = {
+      value: tempDeltaParam,
+      setValue: setTempDeltaParam,
+      isNotDefault: isNotDefaultDeltaParam
+    };
+    $[12] = isNotDefaultDeltaParam;
+    $[13] = tempDeltaParam;
+    $[14] = t2;
+  } else {
+    t2 = $[14];
+  }
+  let t3;
+  if ($[15] !== isNotDefaultEip1559Enabled || $[16] !== tempEip1559Enabled) {
+    t3 = {
+      value: tempEip1559Enabled,
+      setValue: setTempEip1559Enabled,
+      isNotDefault: isNotDefaultEip1559Enabled
+    };
+    $[15] = isNotDefaultEip1559Enabled;
+    $[16] = tempEip1559Enabled;
+    $[17] = t3;
+  } else {
+    t3 = $[17];
+  }
+  let t4;
+  if ($[18] !== isNotDefaultGasPreset || $[19] !== tempGasPreset) {
+    t4 = {
+      value: tempGasPreset,
+      setValue: setTempGasPreset,
+      isNotDefault: isNotDefaultGasPreset
+    };
+    $[18] = isNotDefaultGasPreset;
+    $[19] = tempGasPreset;
+    $[20] = t4;
+  } else {
+    t4 = $[20];
+  }
+  let t5;
+  if ($[21] !== isNotDefaultSlippageParam || $[22] !== slippageState) {
+    t5 = {
+      state: slippageState,
+      isNotDefault: isNotDefaultSlippageParam
+    };
+    $[21] = isNotDefaultSlippageParam;
+    $[22] = slippageState;
+    $[23] = t5;
+  } else {
+    t5 = $[23];
+  }
+  let t6;
+  if ($[24] !== resetParams || $[25] !== saveParams || $[26] !== t2 || $[27] !== t3 || $[28] !== t4 || $[29] !== t5) {
+    t6 = {
+      delta: t2,
+      eip1559: t3,
+      gasPreset: t4,
+      slippage: t5,
+      resetParams,
+      saveParams
+    };
+    $[24] = resetParams;
+    $[25] = saveParams;
+    $[26] = t2;
+    $[27] = t3;
+    $[28] = t4;
+    $[29] = t5;
+    $[30] = t6;
+  } else {
+    t6 = $[30];
+  }
+  return t6;
+}
+
+export { useTempTradeParameters };
+//# sourceMappingURL=useTempTradeParameters.js.map

package/dist/components/widget/TradeParameters/useTempTradeParameters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTempTradeParameters.js","sources":["../../../../src/components/widget/TradeParameters/useTempTradeParameters.ts"],"sourcesContent":["import {\n  defaultDeltaParamAtomValue,\n  deltaParamAtom,\n} from \"./state/deltaParamAtom\";\nimport { useAtom, useAtomValue, useSetAtom } from \"jotai\";\nimport { setDeltaParamAtom } from \"./state/deltaParamActionsAtom\";\nimport {\n  defaultEIP1559Enabled,\n  eip1559EnabledAtom,\n} from \"./state/eip1559ParamAtom\";\nimport { defaultGasPreset, gasPresetAtom } from \"./state/gasPresetParamAtom\";\nimport { useState } from \"react\";\nimport { setSlippageParamAtom } from \"./state/slippageParamActionsAtom\";\nimport { slippageParamAtom } from \"./state/slippageParamAtom\";\nimport { useCustomSlippageState } from \"./SlippageParameter/hooks/useCustomSlippageProps\";\nimport { defaultSlippage } from \"./state/constants\";\nimport type { SlippageParameterProps } from \"./SlippageParameter/SlippageParameter\";\nimport type { TransactionSpeedParameterProps } from \"./TransactionSpeedParameter\";\nimport type { EIP1559ParameterProps } from \"./EIP1559Parameter\";\nimport type { DeltaParameterProps } from \"./DeltaParameter\";\nimport { useWidgetEvents } from \"@/core/state/widgetEventsAtom\";\n\ntype TempTradeParametersProps = {\n  delta: DeltaParameterProps;\n  eip1559: EIP1559ParameterProps;\n  gasPreset: TransactionSpeedParameterProps;\n  slippage: SlippageParameterProps;\n  resetParams: () => void;\n  saveParams: () => void;\n};\n\nexport function useTempTradeParameters(): TempTradeParametersProps {\n  // Delta Parameter\n  const deltaParam = useAtomValue(deltaParamAtom);\n  const setDeltaParam = useSetAtom(setDeltaParamAtom);\n  const [tempDeltaParam, setTempDeltaParam] = useState(deltaParam);\n  const isNotDefaultDeltaParam = tempDeltaParam !== defaultDeltaParamAtomValue;\n\n  // EIP1559 Parameter\n  const [eip1559Enabled, setEip1559Enabled] = useAtom(eip1559EnabledAtom);\n  const [tempEip1559Enabled, setTempEip1559Enabled] = useState(eip1559Enabled);\n  const isNotDefaultEip1559Enabled =\n    tempEip1559Enabled !== defaultEIP1559Enabled;\n\n  // Gas Preset Parameter\n  const [gasPreset, setGasPreset] = useAtom(gasPresetAtom);\n  const [tempGasPreset, setTempGasPreset] = useState(gasPreset);\n  const isNotDefaultGasPreset = tempGasPreset !== defaultGasPreset;\n\n  // Slippage Parameter\n  const slippageParam = useAtomValue(slippageParamAtom);\n  const setSlippageParam = useSetAtom(setSlippageParamAtom);\n  const slippageState = useCustomSlippageState(slippageParam);\n  const isNotDefaultSlippageParam =\n    slippageState.lastValidSlippage !== defaultSlippage;\n\n  // Reset to current global params (which may be changed from Widget props)\n  const resetParams = () => {\n    setTempDeltaParam(defaultDeltaParamAtomValue);\n    setTempEip1559Enabled(defaultEIP1559Enabled);\n    setTempGasPreset(defaultGasPreset);\n    slippageState.resetCustomSlippageToDefault();\n  };\n\n  const { onSettingsChange } = useWidgetEvents();\n\n  // Save to global params\n  const saveParams = () => {\n    setDeltaParam(tempDeltaParam);\n    setEip1559Enabled(tempEip1559Enabled);\n    setGasPreset(tempGasPreset);\n    // invalid slippage is additionally filtered out inside the atom.setter\n    setSlippageParam(slippageState.lastValidSlippage);\n\n    onSettingsChange?.({\n      event: {\n        name: \"Settings:saveSettings\",\n        params: {\n          slippageTolerance: slippageState.lastValidSlippage,\n          transactionSpeed: tempGasPreset,\n          swapMode: tempDeltaParam ? \"delta\" : \"market\",\n          eip1559Enabled: tempEip1559Enabled,\n        },\n      },\n    });\n  };\n\n  return {\n    delta: {\n      value: tempDeltaParam,\n      setValue: setTempDeltaParam,\n      isNotDefault: isNotDefaultDeltaParam,\n    },\n    eip1559: {\n      value: tempEip1559Enabled,\n      setValue: setTempEip1559Enabled,\n      isNotDefault: isNotDefaultEip1559Enabled,\n    },\n    gasPreset: {\n      value: tempGasPreset,\n      setValue: setTempGasPreset,\n      isNotDefault: isNotDefaultGasPreset,\n    },\n    slippage: {\n      state: slippageState,\n      isNotDefault: isNotDefaultSlippageParam,\n    },\n    resetParams,\n    saveParams,\n  };\n}\n"],"names":["useTempTradeParameters","$","_c","deltaParam","useAtomValue","deltaParamAtom","setDeltaParam","useSetAtom","setDeltaParamAtom","tempDeltaParam","setTempDeltaParam","useState","isNotDefaultDeltaParam","defaultDeltaParamAtomValue","eip1559Enabled","setEip1559Enabled","useAtom","eip1559EnabledAtom","tempEip1559Enabled","setTempEip1559Enabled","isNotDefaultEip1559Enabled","defaultEIP1559Enabled","gasPreset","setGasPreset","gasPresetAtom","tempGasPreset","setTempGasPreset","isNotDefaultGasPreset","defaultGasPreset","slippageParam","slippageParamAtom","setSlippageParam","setSlippageParamAtom","slippageState","useCustomSlippageState","isNotDefaultSlippageParam","lastValidSlippage","defaultSlippage","t0","resetCustomSlippageToDefault","resetParams","onSettingsChange","useWidgetEvents","t1","event","name","params","slippageTolerance","transactionSpeed","swapMode","saveParams","t2","value","setValue","isNotDefault","t3","t4","t5","state","t6","delta","eip1559","slippage"],"mappings":"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"}

package/dist/components/widget/TransactionDetails/LimitOrderDetails/Controls.d.ts

@@ -0,0 +1,7 @@
+import { TransactionListItem } from '../types';
+export type TransactionItemControlsProps = {
+    order: TransactionListItem;
+    onDismiss: () => void;
+};
+export declare const Controls: ({ order, onDismiss, }: TransactionItemControlsProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Controls.d.ts.map

package/dist/components/widget/TransactionDetails/LimitOrderDetails/Controls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Controls.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TransactionDetails/LimitOrderDetails/Controls.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAGpD,MAAM,MAAM,4BAA4B,GAAG;IACzC,KAAK,EAAE,mBAAmB,CAAC;IAC3B,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,uBAGtB,4BAA4B,4CAyC9B,CAAC"}

package/dist/components/widget/TransactionDetails/LimitOrderDetails/Controls.js

@@ -0,0 +1,61 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { d as distExports } from '../../../../_virtual/index.js';
+import { Button } from '../../../ui/button.js';
+import { constructTxLinkForChain } from '../../../../lib/utils/explorer.js';
+import { isStandaloneTransactionItem } from '../../../../transactions/utils.js';
+
+const Controls = (t0) => {
+  const $ = distExports.c(10);
+  const {
+    order,
+    onDismiss
+  } = t0;
+  const txHash = isStandaloneTransactionItem(order) ? order.transactionHash : order.receipt?.transactionHash;
+  let t1;
+  if ($[0] !== order.chainId || $[1] !== txHash) {
+    t1 = txHash ? constructTxLinkForChain({
+      chainId: order.chainId,
+      txHash
+    }) : void 0;
+    $[0] = order.chainId;
+    $[1] = txHash;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const explorerLink = t1;
+  let t2;
+  if ($[3] !== onDismiss) {
+    t2 = /* @__PURE__ */ jsx(Button, { variant: "default", size: "xl", radius: "sm", className: "w-full text-sm", onClick: onDismiss, children: "Make Another Trade" });
+    $[3] = onDismiss;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  const makeAnotherTradeButton = t2;
+  let t3;
+  if ($[5] !== explorerLink) {
+    t3 = explorerLink ? /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "xl", radius: "sm", className: "w-full text-sm", asChild: true, children: /* @__PURE__ */ jsx("a", { href: explorerLink, rel: "noopener noreferrer", target: "_blank", children: "View On Explorer" }) }) : null;
+    $[5] = explorerLink;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  const explorerButton = t3;
+  let t4;
+  if ($[7] !== explorerButton || $[8] !== makeAnotherTradeButton) {
+    t4 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 mt-auto", children: [
+      makeAnotherTradeButton,
+      explorerButton
+    ] });
+    $[7] = explorerButton;
+    $[8] = makeAnotherTradeButton;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  return t4;
+};
+
+export { Controls };
+//# sourceMappingURL=Controls.js.map

package/dist/components/widget/TransactionDetails/LimitOrderDetails/Controls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Controls.js","sources":["../../../../../src/components/widget/TransactionDetails/LimitOrderDetails/Controls.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\n\nimport { constructTxLinkForChain } from \"@/lib/utils/explorer\";\nimport type { TransactionListItem } from \"../types\";\nimport { isStandaloneTransactionItem } from \"@/transactions/utils\";\n\nexport type TransactionItemControlsProps = {\n  order: TransactionListItem;\n  onDismiss: () => void;\n};\n\nexport const Controls = ({\n  order,\n  onDismiss,\n}: TransactionItemControlsProps) => {\n  const txHash = isStandaloneTransactionItem(order)\n    ? order.transactionHash\n    : order.receipt?.transactionHash;\n\n  const explorerLink = txHash\n    ? constructTxLinkForChain({ chainId: order.chainId, txHash })\n    : undefined;\n\n  const makeAnotherTradeButton = (\n    <Button\n      variant=\"default\"\n      size=\"xl\"\n      radius=\"sm\"\n      className=\"w-full text-sm\"\n      onClick={onDismiss}\n    >\n      Make Another Trade\n    </Button>\n  );\n\n  const explorerButton = explorerLink ? (\n    <Button\n      variant=\"secondary\"\n      size=\"xl\"\n      radius=\"sm\"\n      className=\"w-full text-sm\"\n      asChild\n    >\n      <a href={explorerLink} rel=\"noopener noreferrer\" target=\"_blank\">\n        View On Explorer\n      </a>\n    </Button>\n  ) : null;\n\n  return (\n    <div className=\"flex flex-col gap-4 mt-auto\">\n      {makeAnotherTradeButton}\n      {explorerButton}\n    </div>\n  );\n};\n"],"names":["Controls","t0","$","_c","order","onDismiss","txHash","isStandaloneTransactionItem","transactionHash","receipt","t1","chainId","constructTxLinkForChain","undefined","explorerLink","t2","makeAnotherTradeButton","t3","explorerButton","t4"],"mappings":"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"}

package/dist/components/widget/TransactionDetails/LimitOrderDetails/TransactionDetails.d.ts

@@ -0,0 +1,6 @@
+import { TransactionListItem } from '../types';
+export declare const TransactionDetails: ({ txItem, onDismiss, }: {
+    txItem: TransactionListItem;
+    onDismiss: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TransactionDetails.d.ts.map

package/dist/components/widget/TransactionDetails/LimitOrderDetails/TransactionDetails.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionDetails.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TransactionDetails/LimitOrderDetails/TransactionDetails.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAsBpD,eAAO,MAAM,kBAAkB,GAAI,wBAGhC;IACD,MAAM,EAAE,mBAAmB,CAAC;IAC5B,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,4CAmBA,CAAC"}

package/dist/components/widget/TransactionDetails/LimitOrderDetails/TransactionDetails.js

@@ -0,0 +1,82 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { d as distExports } from '../../../../_virtual/index.js';
+import { DetailWithValueList } from '../../Details/DetailWithValueList.js';
+import { isTruthy } from '../../../../lib/utils/index.js';
+import { PayReceiveInfo } from '../../PayReceiveInfo/PayReceiveInfo.js';
+import { constructPayReceiveInfoProps, constructSubmitDateDetail, constructTxRateDetail, constructTxStatusDetail, constructOrderTypeDetail } from './utils.js';
+import { Controls } from './Controls.js';
+import { isTransactionItemSwapWithExtra } from '../utils.js';
+
+const detailsClasses = {
+  root: "pt-4 gap-4",
+  title: "text-contrast-5 dark:text-contrast-6",
+  value: "text-contrast-4 dark:text-contrast-6"
+};
+const TransactionDetails = (t0) => {
+  const $ = distExports.c(15);
+  const {
+    txItem,
+    onDismiss
+  } = t0;
+  let t1;
+  if ($[0] !== txItem) {
+    t1 = isTransactionItemSwapWithExtra(txItem) && constructPayReceiveInfoProps(txItem);
+    $[0] = txItem;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const payReceiveInfoProps = t1;
+  let t2;
+  if ($[2] !== txItem) {
+    t2 = [constructSubmitDateDetail(txItem), constructTxRateDetail(txItem), constructTxStatusDetail(txItem), constructOrderTypeDetail()].filter(isTruthy);
+    $[2] = txItem;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const details = t2;
+  let t3;
+  if ($[4] !== payReceiveInfoProps) {
+    t3 = payReceiveInfoProps && /* @__PURE__ */ jsx(PayReceiveInfo, { ...payReceiveInfoProps });
+    $[4] = payReceiveInfoProps;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] !== details) {
+    t4 = /* @__PURE__ */ jsx(DetailWithValueList, { details, classes: detailsClasses });
+    $[6] = details;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  let t5;
+  if ($[8] !== onDismiss || $[9] !== txItem) {
+    t5 = /* @__PURE__ */ jsx(Controls, { order: txItem, onDismiss });
+    $[8] = onDismiss;
+    $[9] = txItem;
+    $[10] = t5;
+  } else {
+    t5 = $[10];
+  }
+  let t6;
+  if ($[11] !== t3 || $[12] !== t4 || $[13] !== t5) {
+    t6 = /* @__PURE__ */ jsxs("div", { className: "px-6 pb-8 h-[470px] flex flex-col", children: [
+      t3,
+      t4,
+      t5
+    ] });
+    $[11] = t3;
+    $[12] = t4;
+    $[13] = t5;
+    $[14] = t6;
+  } else {
+    t6 = $[14];
+  }
+  return t6;
+};
+
+export { TransactionDetails };
+//# sourceMappingURL=TransactionDetails.js.map

package/dist/components/widget/TransactionDetails/LimitOrderDetails/TransactionDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionDetails.js","sources":["../../../../../src/components/widget/TransactionDetails/LimitOrderDetails/TransactionDetails.tsx"],"sourcesContent":["import type { TransactionListItem } from \"../types\";\nimport { DetailWithValueList } from \"../../Details/DetailWithValueList\";\nimport { isTruthy } from \"@/lib/utils\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport { PayReceiveInfo } from \"../../PayReceiveInfo/PayReceiveInfo\";\nimport {\n  constructTxRateDetail,\n  constructTxStatusDetail,\n  constructOrderTypeDetail,\n  constructPayReceiveInfoProps,\n  constructSubmitDateDetail,\n} from \"./utils\";\n\nimport { Controls } from \"./Controls\";\nimport { isTransactionItemSwapWithExtra } from \"../utils\";\n\nconst detailsClasses = {\n  root: \"pt-4 gap-4\",\n  title: \"text-contrast-5 dark:text-contrast-6\",\n  value: \"text-contrast-4 dark:text-contrast-6\",\n};\n\nexport const TransactionDetails = ({\n  txItem,\n  onDismiss,\n}: {\n  txItem: TransactionListItem;\n  onDismiss: () => void;\n}) => {\n  const payReceiveInfoProps =\n    isTransactionItemSwapWithExtra(txItem) &&\n    constructPayReceiveInfoProps(txItem);\n\n  const details: DetailWithValue[] = [\n    constructSubmitDateDetail(txItem),\n    constructTxRateDetail(txItem),\n    constructTxStatusDetail(txItem),\n    constructOrderTypeDetail(),\n  ].filter(isTruthy);\n\n  return (\n    <div className=\"px-6 pb-8 h-[470px] flex flex-col\">\n      {payReceiveInfoProps && <PayReceiveInfo {...payReceiveInfoProps} />}\n      <DetailWithValueList details={details} classes={detailsClasses} />\n      <Controls order={txItem} onDismiss={onDismiss} />\n    </div>\n  );\n};\n"],"names":["detailsClasses","root","title","value","TransactionDetails","t0","$","_c","txItem","onDismiss","t1","isTransactionItemSwapWithExtra","constructPayReceiveInfoProps","payReceiveInfoProps","t2","constructSubmitDateDetail","constructTxRateDetail","constructTxStatusDetail","constructOrderTypeDetail","filter","isTruthy","details","t3","t4","t5","t6"],"mappings":"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"}

package/dist/components/widget/TransactionDetails/LimitOrderDetails/utils.d.ts

@@ -0,0 +1,15 @@
+import { TransactionListItem, TransactionListItemSwap, TransactionListItemSwapExtra } from '../types';
+import { DetailWithValue } from '../../Details/types';
+import { PayReceiveInfoProps } from '../../PayReceiveInfo/types';
+export declare function constructSubmitDateDetail({ timestamp, }: {
+    timestamp: string | number;
+}): DetailWithValue;
+export declare function constructTxRateDetail({ extra, }: {
+    extra: TransactionListItemSwap["extra"];
+}): DetailWithValue;
+export declare function constructTxStatusDetail(tx: TransactionListItem): DetailWithValue;
+export declare function constructOrderTypeDetail(): DetailWithValue;
+export declare function constructPayReceiveInfoProps({ extra, }: {
+    extra: TransactionListItemSwapExtra;
+}): PayReceiveInfoProps;
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TransactionDetails/LimitOrderDetails/utils.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,mBAAmB,EACnB,uBAAuB,EACvB,4BAA4B,EAC7B,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;AAOD,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,GACN,EAAE;IACD,KAAK,EAAE,uBAAuB,CAAC,OAAO,CAAC,CAAC;CACzC,GAAG,eAAe,CAKlB;AAED,wBAAgB,uBAAuB,CACrC,EAAE,EAAE,mBAAmB,GACtB,eAAe,CAKjB;AAED,wBAAgB,wBAAwB,IAAI,eAAe,CAE1D;AAQD,wBAAgB,4BAA4B,CAAC,EAC3C,KAAK,GACN,EAAE;IACD,KAAK,EAAE,4BAA4B,CAAC;CACrC,GAAG,mBAAmB,CAsCtB"}

package/dist/components/widget/TransactionDetails/LimitOrderDetails/utils.js

@@ -0,0 +1,88 @@
+import { jsx } from 'react/jsx-runtime';
+import dayjs from 'dayjs';
+import { Rate, StatusBadge } from '../TransactionListItem.js';
+import { formatTokenAmount } from '../../../../lib/utils/formatTokenBalance.js';
+import { getTxStatus } from '../../../../transactions/status.js';
+
+function constructSubmitDateDetail({
+  timestamp
+}) {
+  return {
+    title: "Submit Date",
+    value: dayjs(timestamp).format("DD MMM YYYY h:mm A")
+  };
+}
+const rateClasses = {
+  left: "dark:text-contrast-6",
+  right: "dark:text-contrast-6"
+};
+function constructTxRateDetail({
+  extra
+}) {
+  return {
+    title: "Order Rate",
+    value: /* @__PURE__ */ jsx(Rate, { extra, classes: rateClasses })
+  };
+}
+function constructTxStatusDetail(tx) {
+  return {
+    title: "Order Status",
+    value: /* @__PURE__ */ jsx(StatusBadge, { status: getTxStatus(tx) })
+  };
+}
+function constructOrderTypeDetail() {
+  return {
+    title: "Order Type",
+    value: "SWAP"
+  };
+}
+const tokenBadgeClasses = {
+  amount: "dark:text-contrast-9",
+  symbol: "dark:text-contrast-9",
+  logo: "size-[18px]"
+};
+function constructPayReceiveInfoProps({
+  extra
+}) {
+  const {
+    srcToken,
+    destToken,
+    srcAmountUnit,
+    destAmountUnit
+  } = extra;
+  const formattedSrcAmount = formatTokenAmount(srcAmountUnit);
+  const formattedDestAmount = formatTokenAmount(destAmountUnit);
+  const topTokenBadgeProps = {
+    address: srcToken.address,
+    symbol: srcToken.symbol,
+    chainId: srcToken.network,
+    img: srcToken.img,
+    amount: formattedSrcAmount,
+    amountPosition: "right",
+    classes: tokenBadgeClasses,
+    showNetworkIcon: true
+  };
+  const bottomTokenBadgeProps = {
+    address: destToken.address,
+    symbol: destToken.symbol,
+    chainId: destToken.network,
+    img: destToken.img,
+    amount: formattedDestAmount,
+    amountPosition: "right",
+    classes: tokenBadgeClasses,
+    showNetworkIcon: true
+  };
+  return {
+    topToken: {
+      tokenBadgeProps: topTokenBadgeProps,
+      label: "Pay"
+    },
+    bottomToken: {
+      tokenBadgeProps: bottomTokenBadgeProps,
+      label: "Receive"
+    }
+  };
+}
+
+export { constructOrderTypeDetail, constructPayReceiveInfoProps, constructSubmitDateDetail, constructTxRateDetail, constructTxStatusDetail };
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../src/components/widget/TransactionDetails/LimitOrderDetails/utils.tsx"],"sourcesContent":["import dayjs from \"dayjs\";\nimport type {\n  TransactionListItem,\n  TransactionListItemSwap,\n  TransactionListItemSwapExtra,\n} from \"../types\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport type { PayReceiveInfoProps } from \"../../PayReceiveInfo/types\";\nimport { Rate, StatusBadge } from \"../TransactionListItem\";\nimport { formatTokenAmount } from \"@/lib/utils/formatTokenBalance\";\nimport { getTxStatus } from \"@/transactions/status\";\n\nexport function constructSubmitDateDetail({\n  timestamp,\n}: {\n  timestamp: string | number;\n}): DetailWithValue {\n  return {\n    title: \"Submit Date\",\n    value: dayjs(timestamp).format(\"DD MMM YYYY h:mm A\"),\n  };\n}\n\nconst rateClasses = {\n  left: \"dark:text-contrast-6\",\n  right: \"dark:text-contrast-6\",\n};\n\nexport function constructTxRateDetail({\n  extra,\n}: {\n  extra: TransactionListItemSwap[\"extra\"];\n}): DetailWithValue {\n  return {\n    title: \"Order Rate\",\n    value: <Rate extra={extra} classes={rateClasses} />,\n  };\n}\n\nexport function constructTxStatusDetail(\n  tx: TransactionListItem\n): DetailWithValue {\n  return {\n    title: \"Order Status\",\n    value: <StatusBadge status={getTxStatus(tx)} />,\n  };\n}\n\nexport function constructOrderTypeDetail(): DetailWithValue {\n  return { title: \"Order Type\", value: \"SWAP\" };\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: TransactionListItemSwapExtra;\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","timestamp","title","value","dayjs","format","rateClasses","left","right","constructTxRateDetail","extra","constructTxStatusDetail","tx","getTxStatus","constructOrderTypeDetail","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":";;;;;;AAYO,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,WAAAA,GAAc;AAAA,EAClBC,IAAAA,EAAM,sBAAA;AAAA,EACNC,KAAAA,EAAO;AACT,CAAA;AAEO,SAASC,qBAAAA,CAAsB;AAAA,EACpCC;AAGF,CAAA,EAAoB;AAClB,EAAA,OAAO;AAAA,IACLR,KAAAA,EAAO,YAAA;AAAA,IACPC,KAAAA,kBAAO,GAAA,CAAC,IAAA,EAAA,EAAK,KAAA,EAAc,SAASG,WAAAA,EAAY;AAAA,GAClD;AACF;AAEO,SAASK,wBACdC,EAAAA,EACiB;AACjB,EAAA,OAAO;AAAA,IACLV,KAAAA,EAAO,cAAA;AAAA,IACPC,uBAAO,GAAA,CAAC,WAAA,EAAA,EAAY,MAAA,EAAQU,WAAAA,CAAYD,EAAE,CAAA,EAAE;AAAA,GAC9C;AACF;AAEO,SAASE,wBAAAA,GAA4C;AAC1D,EAAA,OAAO;AAAA,IAAEZ,KAAAA,EAAO,YAAA;AAAA,IAAcC,KAAAA,EAAO;AAAA,GAAO;AAC9C;AAEA,MAAMY,iBAAAA,GAAoB;AAAA,EACxBC,MAAAA,EAAQ,sBAAA;AAAA,EACRC,MAAAA,EAAQ,sBAAA;AAAA,EACRC,IAAAA,EAAM;AACR,CAAA;AAEO,SAASC,4BAAAA,CAA6B;AAAA,EAC3CT;AAGF,CAAA,EAAwB;AACtB,EAAA,MAAM;AAAA,IAAEU,QAAAA;AAAAA,IAAUC,SAAAA;AAAAA,IAAWC,aAAAA;AAAAA,IAAeC;AAAAA,GAAe,GAAIb,KAAAA;AAE/D,EAAA,MAAMc,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;;;;"}

package/dist/components/widget/TransactionDetails/TransactionListItem.d.ts

@@ -0,0 +1,13 @@
+import { TransactionListItem } from './types';
+import { WithClasses } from '../../../types/withClasses';
+import { TxStatus } from '../../../transactions/status';
+export declare const TransactionListItemComp: ({ txItem, onClick, }: {
+    txItem: TransactionListItem;
+    onClick: (auction: TransactionListItem) => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const TradeAndNetwork: ({ extra, chainId, }: Pick<TransactionListItem, "extra" | "chainId">) => import("react/jsx-runtime").JSX.Element;
+export declare const Rate: ({ extra, classes, }: Pick<TransactionListItem, "extra"> & WithClasses<"root" | "left" | "right">) => import("react/jsx-runtime").JSX.Element | "-";
+export declare const StatusBadge: ({ status }: {
+    status: TxStatus;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TransactionListItem.d.ts.map

package/dist/components/widget/TransactionDetails/TransactionListItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TransactionDetails/TransactionListItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAA2B,MAAM,SAAS,CAAC;AAK5E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAe,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAInE,eAAO,MAAM,uBAAuB,GAAI,sBAGrC;IACD,MAAM,EAAE,mBAAmB,CAAC;IAC5B,OAAO,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,IAAI,CAAC;CACjD,4CAUA,CAAC;AAMF,eAAO,MAAM,eAAe,GAAI,qBAG7B,IAAI,CAAC,mBAAmB,EAAE,OAAO,GAAG,SAAS,CAAC,4CAOhD,CAAC;AAkDF,eAAO,MAAM,IAAI,GAAI,qBAGlB,IAAI,CAAC,mBAAmB,EAAE,OAAO,CAAC,GACnC,WAAW,CAAC,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,kDAiBvC,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,YAAY;IAAE,MAAM,EAAE,QAAQ,CAAA;CAAE,4CAY3D,CAAC"}