@velora-dex/widget 0.6.0 → 0.6.1-dev.2

package/dist/components/widget/Dialog/SelectTokenDialog/TokenListBody/AcrossTokenList.d.ts

@@ -1,6 +1,6 @@
 import { SupportedChainId } from '../../../../../lib/web3/wagmi/types';
 import { TokenListBodyProps } from './types';
-import { BridgeInfoMode } from '../../../../../hooks/swap/prices/delta/queries/bridgeInfo/useBridgeInfo';
+import { BridgeInfoMode } from '../../../../../hooks/swap/prices/delta/queries/bridgeInfo/types';
 type AcrossTokenListsProps = Pick<TokenListBodyProps, "onSelect"> & {
     tokenFilter: string;
     fromChainId: SupportedChainId;

package/dist/components/widget/Dialog/SelectTokenDialog/TokenListBody/AcrossTokenList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AcrossTokenList.d.ts","sourceRoot":"","sources":["../../../../../../src/components/widget/Dialog/SelectTokenDialog/TokenListBody/AcrossTokenList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAG/D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4DAA4D,CAAC;AAEjG,KAAK,qBAAqB,GAAG,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,GAAG;IAClE,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,gBAAgB,CAAC;IAC9B,SAAS,EAAE,gBAAgB,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,cAAc,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,qEAO9B,qBAAqB,4CAgBvB,CAAC"}
+{"version":3,"file":"AcrossTokenList.d.ts","sourceRoot":"","sources":["../../../../../../src/components/widget/Dialog/SelectTokenDialog/TokenListBody/AcrossTokenList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAG/D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oDAAoD,CAAC;AAEzF,KAAK,qBAAqB,GAAG,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,GAAG;IAClE,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,gBAAgB,CAAC;IAC9B,SAAS,EAAE,gBAAgB,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,cAAc,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,qEAO9B,qBAAqB,4CAgBvB,CAAC"}

package/dist/components/widget/Dialog/SelectTokenDialog/TokenListBody/AcrossTokenList.js.map

@@ -1 +1 @@
-{"version":3,"file":"AcrossTokenList.js","names":["useAcrossTokenLists","SupportedChainId","TokenListBody","TokenListBodyProps","BridgeInfoMode","AcrossTokenListsProps","Pick","tokenFilter","fromChainId","toChainId","className","mode","AcrossTokenLists","t0","$","_c","onSelect","t1","tokenRows","t2"],"sources":["../../../../../../src/components/widget/Dialog/SelectTokenDialog/TokenListBody/AcrossTokenList.tsx"],"sourcesContent":["import { useAcrossTokenLists } from \"@/hooks/tokens/useAllTokensWithFilter\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\n\nimport { TokenListBody } from \"./TokenListBody\";\nimport type { TokenListBodyProps } from \"./types\";\nimport type { BridgeInfoMode } from \"@/hooks/swap/prices/delta/queries/bridgeInfo/useBridgeInfo\";\n\ntype AcrossTokenListsProps = Pick<TokenListBodyProps, \"onSelect\"> & {\n  tokenFilter: string;\n  fromChainId: SupportedChainId;\n  toChainId: SupportedChainId;\n  className?: string;\n  mode: BridgeInfoMode;\n};\n\nexport const AcrossTokenLists = ({\n  tokenFilter,\n  onSelect,\n  fromChainId,\n  toChainId,\n  className,\n  mode,\n}: AcrossTokenListsProps) => {\n  const tokenRows = useAcrossTokenLists({\n    tokenFilter,\n    fromChainId,\n    toChainId,\n    mode,\n  });\n\n  return (\n    <TokenListBody\n      onSelect={onSelect}\n      tokenRows={tokenRows}\n      visibleRows={8}\n      className={className}\n    />\n  );\n};\n"],"mappings":";;;;;AAeA,IAAaY,KAAmBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAR,gBAAAS,aAAAR,gBAAAC,cAAAC,cAAAC,YAAAE,GAOTI;AAAA,CAAAH,EAAA,OAAAN,KAAAM,EAAA,OAAAH,KAAAG,EAAA,OAAAL,KAAAK,EAAA,OAAAP,KACgBU,IAAA;EAAAV;EAAAC;EAAAC;EAAAE;EAKrC,EAAAG,EAAA,KAAAN,GAAAM,EAAA,KAAAH,GAAAG,EAAA,KAAAL,GAAAK,EAAA,KAAAP,GAAAO,EAAA,KAAAG,KAAAA,IAAAH,EAAA;CALD,IAAAI,IAAkBlB,EAAoBiB,EAKpC,EAACE;AAQC,QARDL,EAAA,OAAAJ,KAAAI,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KAGDC,IAAA,kBAAC,GAAD;EACYH;EACCE;EACE,aAAA;EACFR;EACX,CAAA,EAAAI,EAAA,KAAAJ,GAAAI,EAAA,KAAAE,GAAAF,EAAA,KAAAI,GAAAJ,EAAA,KAAAK,KAAAA,IAAAL,EAAA,IALFK"}
+{"version":3,"file":"AcrossTokenList.js","names":["useAcrossTokenLists","SupportedChainId","TokenListBody","TokenListBodyProps","BridgeInfoMode","AcrossTokenListsProps","Pick","tokenFilter","fromChainId","toChainId","className","mode","AcrossTokenLists","t0","$","_c","onSelect","t1","tokenRows","t2"],"sources":["../../../../../../src/components/widget/Dialog/SelectTokenDialog/TokenListBody/AcrossTokenList.tsx"],"sourcesContent":["import { useAcrossTokenLists } from \"@/hooks/tokens/useAllTokensWithFilter\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\n\nimport { TokenListBody } from \"./TokenListBody\";\nimport type { TokenListBodyProps } from \"./types\";\nimport type { BridgeInfoMode } from \"@/hooks/swap/prices/delta/queries/bridgeInfo/types\";\n\ntype AcrossTokenListsProps = Pick<TokenListBodyProps, \"onSelect\"> & {\n  tokenFilter: string;\n  fromChainId: SupportedChainId;\n  toChainId: SupportedChainId;\n  className?: string;\n  mode: BridgeInfoMode;\n};\n\nexport const AcrossTokenLists = ({\n  tokenFilter,\n  onSelect,\n  fromChainId,\n  toChainId,\n  className,\n  mode,\n}: AcrossTokenListsProps) => {\n  const tokenRows = useAcrossTokenLists({\n    tokenFilter,\n    fromChainId,\n    toChainId,\n    mode,\n  });\n\n  return (\n    <TokenListBody\n      onSelect={onSelect}\n      tokenRows={tokenRows}\n      visibleRows={8}\n      className={className}\n    />\n  );\n};\n"],"mappings":";;;;;AAeA,IAAaY,KAAmBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAR,gBAAAS,aAAAR,gBAAAC,cAAAC,cAAAC,YAAAE,GAOTI;AAAA,CAAAH,EAAA,OAAAN,KAAAM,EAAA,OAAAH,KAAAG,EAAA,OAAAL,KAAAK,EAAA,OAAAP,KACgBU,IAAA;EAAAV;EAAAC;EAAAC;EAAAE;EAKrC,EAAAG,EAAA,KAAAN,GAAAM,EAAA,KAAAH,GAAAG,EAAA,KAAAL,GAAAK,EAAA,KAAAP,GAAAO,EAAA,KAAAG,KAAAA,IAAAH,EAAA;CALD,IAAAI,IAAkBlB,EAAoBiB,EAKpC,EAACE;AAQC,QARDL,EAAA,OAAAJ,KAAAI,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KAGDC,IAAA,kBAAC,GAAD;EACYH;EACCE;EACE,aAAA;EACFR;EACX,CAAA,EAAAI,EAAA,KAAAJ,GAAAI,EAAA,KAAAE,GAAAF,EAAA,KAAAI,GAAAJ,EAAA,KAAAK,KAAAA,IAAAL,EAAA,IALFK"}

package/dist/components/widget/Drawer/state/useDrawerControls.d.ts

@@ -6,7 +6,7 @@ export type DrawerControls = {
     onOpenChange: (open: boolean) => void;
     logger: LoggerInstance;
 };
-export type DrawerId = "account-button-drawer" | "trade-parameters-drawer" | "receiver-address-drawer" | "wrap-eth-drawer" | "connect-wallet-drawer" | "order-details" | "fill-order-review-and-confirm-drawer" | `import-token-drawer-${"from" | "to" | undefined}`;
+export type DrawerId = "account-button-drawer" | "trade-parameters-drawer" | "receiver-address-drawer" | "wrap-eth-drawer" | "connect-wallet-drawer" | "order-details" | "fill-order-review-and-confirm-drawer" | `import-token-drawer-${"from" | "to" | undefined}` | "custom-duration-drawer";
 export declare const openDrawerAtom: import('jotai').PrimitiveAtom<DrawerId | null> & {
     init: DrawerId | null;
 };

package/dist/components/widget/Drawer/state/useDrawerControls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDrawerControls.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/Drawer/state/useDrawerControls.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAKzD,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,MAAM,EAAE,cAAc,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAChB,uBAAuB,GACvB,yBAAyB,GACzB,yBAAyB,GACzB,iBAAiB,GACjB,uBAAuB,GACvB,eAAe,GACf,sCAAsC,GACtC,uBAAuB,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,CAAC;AAEvD,eAAO,MAAM,cAAc;;CAA8B,CAAC;AAU1D,eAAO,MAAM,eAAe,QAAO,QAAQ,GAAG,IAE7C,CAAC;AAEF,eAAO,MAAM,gBAAgB,wFAE5B,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,QAAQ,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,mDAI/B,mBAAmB,KAAG,cAyCxB,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,0CAGpC,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAM,KAAG,IAAI,CAClD,cAAc,EACd,QAAQ,CA2BT,CAAC;AAYF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,kCAAkC,GAC7C,cAAc,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,KACnD;IACD,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC1B,iBAAiB,EAAE,OAAO,CAAC;IAC3B,YAAY,EAAE,OAAO,CAAC;CAoEvB,CAAC"}
+{"version":3,"file":"useDrawerControls.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/Drawer/state/useDrawerControls.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAKzD,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,MAAM,EAAE,cAAc,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAChB,uBAAuB,GACvB,yBAAyB,GACzB,yBAAyB,GACzB,iBAAiB,GACjB,uBAAuB,GACvB,eAAe,GACf,sCAAsC,GACtC,uBAAuB,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,GAClD,wBAAwB,CAAC;AAE7B,eAAO,MAAM,cAAc;;CAA8B,CAAC;AAU1D,eAAO,MAAM,eAAe,QAAO,QAAQ,GAAG,IAE7C,CAAC;AAEF,eAAO,MAAM,gBAAgB,wFAE5B,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,QAAQ,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,mDAI/B,mBAAmB,KAAG,cAyCxB,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,0CAGpC,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAM,KAAG,IAAI,CAClD,cAAc,EACd,QAAQ,CA2BT,CAAC;AAYF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,kCAAkC,GAC7C,cAAc,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,KACnD;IACD,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC1B,iBAAiB,EAAE,OAAO,CAAC;IAC3B,YAAY,EAAE,OAAO,CAAC;CAoEvB,CAAC"}

package/dist/components/widget/Drawer/state/useDrawerControls.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDrawerControls.js","names":["DRAWER_HEIGHT","useLogger","LoggerInstance","atom","useLayoutEffect","useRef","useState","useAtom","useAtomValue","useSetAtom","DrawerControls","open","onOpen","onClose","onOpenChange","logger","DrawerId","openDrawerAtom","onMount","set","useOpenDrawerId","useSetOpenDrawer","DrawerControlsProps","drawerId","useDrawerControls","t0","$","_c","_onOpen","_onClose","openDrawer","setOpenDrawer","t1","info","t2","currentOpenDrawer","t3","open_0","t4","useLocalDrawerControls","undefined","setOpen","t5","fullCoverDrawers","Set","transition","useDrawerContainerHeightTransition","containerRef","previousHeightRef","currentDrawerId","has","isDrawerFullCover","current","container","currentHeight","scrollHeight","shouldSkipTransition","style","overflow","height","requestAnimationFrame","onTransitionEnd","event","target","propertyName","type","removeEventListener","addEventListener","isDrawerOpen"],"sources":["../../../../../src/components/widget/Drawer/state/useDrawerControls.ts"],"sourcesContent":["import { DRAWER_HEIGHT } from \"@/core/constants\";\nimport { useLogger } from \"@/core/logger\";\nimport type { LoggerInstance } from \"@/lib/utils/logger\";\nimport { atom } from \"jotai\";\nimport { useLayoutEffect, useRef, useState } from \"react\";\nimport { useAtom, useAtomValue, useSetAtom } from \"@/core/store\";\n\nexport type DrawerControls = {\n  open: boolean;\n  onOpen: () => void;\n  onClose: () => void;\n  onOpenChange: (open: boolean) => void;\n  logger: LoggerInstance;\n};\n\nexport type DrawerId =\n  | \"account-button-drawer\"\n  | \"trade-parameters-drawer\"\n  | \"receiver-address-drawer\"\n  | \"wrap-eth-drawer\"\n  | \"connect-wallet-drawer\"\n  | \"order-details\"\n  | \"fill-order-review-and-confirm-drawer\"\n  | `import-token-drawer-${\"from\" | \"to\" | undefined}`;\n\nexport const openDrawerAtom = atom<DrawerId | null>(null);\n\nopenDrawerAtom.onMount = (set) => {\n  return () => {\n    // Reset open drawer on unmount to prevent stuck open drawers on remount.\n    // This happens, for example, on route change in the UI with any drawer open.\n    set(null);\n  };\n};\n\nexport const useOpenDrawerId = (): DrawerId | null => {\n  return useAtomValue(openDrawerAtom);\n};\n\nexport const useSetOpenDrawer = () => {\n  return useSetAtom(openDrawerAtom);\n};\n\ntype DrawerControlsProps = {\n  onOpen?: () => void;\n  onClose?: () => void;\n  drawerId: DrawerId;\n};\n\nexport const useDrawerControls = ({\n  onOpen: _onOpen,\n  onClose: _onClose,\n  drawerId,\n}: DrawerControlsProps): DrawerControls => {\n  const [openDrawer, setOpenDrawer] = useAtom(openDrawerAtom);\n\n  const open = openDrawer === drawerId;\n\n  const logger = useLogger(drawerId);\n\n  const onOpen = () => {\n    logger.info(\"onOpen\");\n    setOpenDrawer(drawerId);\n    _onOpen?.();\n  };\n  const onClose = () => {\n    logger.info(\"onClose\");\n    setOpenDrawer((currentOpenDrawer) => {\n      // only reset openDrawer if closing the drawer that is currently open,\n      // so that we don't interfere with other drawers that are opening at the same time\n      if (currentOpenDrawer === drawerId) {\n        return null;\n      }\n      return currentOpenDrawer;\n    });\n    _onClose?.();\n  };\n\n  const onOpenChange = (open: boolean) => {\n    if (open) {\n      onOpen();\n    } else {\n      onClose();\n    }\n  };\n\n  return {\n    open,\n    // expect onOpenChange not to be triggered for a controlled <Drawer open={open}/>.\n    onOpenChange,\n    onOpen,\n    onClose,\n    logger,\n  };\n};\n\nexport const useLocalDrawerControls = ({\n  onOpen: _onOpen,\n  onClose: _onClose,\n}: Omit<DrawerControlsProps, \"drawerId\"> = {}): Omit<\n  DrawerControls,\n  \"logger\"\n> => {\n  const [open, setOpen] = useState(false);\n  const onOpen = () => {\n    setOpen(true);\n    _onOpen?.();\n  };\n  const onClose = () => {\n    setOpen(false);\n    _onClose?.();\n  };\n\n  const onOpenChange = (open: boolean) => {\n    if (open) {\n      onOpen();\n    } else {\n      onClose();\n    }\n  };\n\n  return {\n    open,\n    // expect onOpenChange not to be triggered for a controlled <Drawer open={open}/>.\n    onOpenChange,\n    onOpen,\n    onClose,\n  };\n};\n\n/**\n * Drawer IDs that should be considered full-cover drawers.\n *\n * When a full-cover drawer opens, the widget container height is transitioned to a fixed WIDGET_HEIGHT_CLASSNAME height.\n * When the drawer closes, the widget container height is transitioned back to the natural height.\n */\nconst fullCoverDrawers = new Set<DrawerId>([]);\n\nconst transition = \"height 0.3s ease-in-out\";\n\n/**\n * Hook that manages smooth height transitions for the main widget container when full-cover drawers open/close.\n *\n * When a full-cover drawer opens, this hook smoothly animates the widget height from its natural height\n * to a fixed WIDGET_HEIGHT_CLASSNAME height. When the drawer closes, it animates back to the original height and then\n * resets to auto for natural sizing.\n *\n * This prevents jarring height jumps and provides a polished user experience during drawer interactions.\n *\n * @returns {Object} containerRef - React ref that should be attached to the widget container element\n *\n * @example\n * const { containerRef } = useDrawerContainerHeightTransition();\n * return <div ref={containerRef} className=\"widget-container\">...</div>\n */\nexport const useDrawerContainerHeightTransition = (\n  containerRef: React.RefObject<HTMLDivElement | null>\n): {\n  drawerId: DrawerId | null;\n  isDrawerFullCover: boolean;\n  isDrawerOpen: boolean;\n} => {\n  const previousHeightRef = useRef<number | null>(null);\n\n  const currentDrawerId = useOpenDrawerId();\n  const isDrawerFullCover =\n    !!currentDrawerId && fullCoverDrawers.has(currentDrawerId);\n\n  useLayoutEffect(() => {\n    if (containerRef.current) {\n      const container = containerRef.current;\n\n      if (isDrawerFullCover) {\n        // Get current height\n        const currentHeight = container.scrollHeight;\n        // widget will be fully covered by the drawer, won't see the transition\n        const shouldSkipTransition = currentHeight <= DRAWER_HEIGHT;\n        if (shouldSkipTransition) {\n          return;\n        }\n        previousHeightRef.current = currentHeight;\n        container.style.overflow = \"hidden\";\n\n        // Set current height first (no transition)\n        container.style.transition = \"none\";\n        container.style.height = `${currentHeight}px`;\n\n        // Use requestAnimationFrame to ensure the first height is painted\n        requestAnimationFrame(() => {\n          // Enable transition and set target height\n          container.style.transition = transition;\n          container.style.height = `${DRAWER_HEIGHT}px`;\n        });\n      } else if (previousHeightRef.current !== null) {\n        // Only transition back if we have a previous height\n        container.style.transition = transition;\n        container.style.height = `${previousHeightRef.current}px`;\n        previousHeightRef.current = null;\n\n        // After transition completes, reset to auto\n        const onTransitionEnd = (event: TransitionEvent) => {\n          if (\n            event.target === container &&\n            event.propertyName === \"height\" &&\n            event.type === \"transitionend\"\n          ) {\n            container.style.height = \"auto\";\n            container.style.transition = \"\";\n            container.style.overflow = \"\";\n\n            container.removeEventListener(\"transitionend\", onTransitionEnd);\n          }\n        };\n        container.addEventListener(\"transitionend\", onTransitionEnd);\n\n        return () => {\n          // cleanup just in case\n          container.removeEventListener(\"transitionend\", onTransitionEnd);\n        };\n      }\n    }\n  }, [containerRef, isDrawerFullCover]);\n\n  return {\n    drawerId: currentDrawerId,\n    isDrawerFullCover,\n    isDrawerOpen: !!currentDrawerId,\n  };\n};\n"],"mappings":"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"}
+{"version":3,"file":"useDrawerControls.js","names":["DRAWER_HEIGHT","useLogger","LoggerInstance","atom","useLayoutEffect","useRef","useState","useAtom","useAtomValue","useSetAtom","DrawerControls","open","onOpen","onClose","onOpenChange","logger","DrawerId","openDrawerAtom","onMount","set","useOpenDrawerId","useSetOpenDrawer","DrawerControlsProps","drawerId","useDrawerControls","t0","$","_c","_onOpen","_onClose","openDrawer","setOpenDrawer","t1","info","t2","currentOpenDrawer","t3","open_0","t4","useLocalDrawerControls","undefined","setOpen","t5","fullCoverDrawers","Set","transition","useDrawerContainerHeightTransition","containerRef","previousHeightRef","currentDrawerId","has","isDrawerFullCover","current","container","currentHeight","scrollHeight","shouldSkipTransition","style","overflow","height","requestAnimationFrame","onTransitionEnd","event","target","propertyName","type","removeEventListener","addEventListener","isDrawerOpen"],"sources":["../../../../../src/components/widget/Drawer/state/useDrawerControls.ts"],"sourcesContent":["import { DRAWER_HEIGHT } from \"@/core/constants\";\nimport { useLogger } from \"@/core/logger\";\nimport type { LoggerInstance } from \"@/lib/utils/logger\";\nimport { atom } from \"jotai\";\nimport { useLayoutEffect, useRef, useState } from \"react\";\nimport { useAtom, useAtomValue, useSetAtom } from \"@/core/store\";\n\nexport type DrawerControls = {\n  open: boolean;\n  onOpen: () => void;\n  onClose: () => void;\n  onOpenChange: (open: boolean) => void;\n  logger: LoggerInstance;\n};\n\nexport type DrawerId =\n  | \"account-button-drawer\"\n  | \"trade-parameters-drawer\"\n  | \"receiver-address-drawer\"\n  | \"wrap-eth-drawer\"\n  | \"connect-wallet-drawer\"\n  | \"order-details\"\n  | \"fill-order-review-and-confirm-drawer\"\n  | `import-token-drawer-${\"from\" | \"to\" | undefined}`\n  | \"custom-duration-drawer\";\n\nexport const openDrawerAtom = atom<DrawerId | null>(null);\n\nopenDrawerAtom.onMount = (set) => {\n  return () => {\n    // Reset open drawer on unmount to prevent stuck open drawers on remount.\n    // This happens, for example, on route change in the UI with any drawer open.\n    set(null);\n  };\n};\n\nexport const useOpenDrawerId = (): DrawerId | null => {\n  return useAtomValue(openDrawerAtom);\n};\n\nexport const useSetOpenDrawer = () => {\n  return useSetAtom(openDrawerAtom);\n};\n\ntype DrawerControlsProps = {\n  onOpen?: () => void;\n  onClose?: () => void;\n  drawerId: DrawerId;\n};\n\nexport const useDrawerControls = ({\n  onOpen: _onOpen,\n  onClose: _onClose,\n  drawerId,\n}: DrawerControlsProps): DrawerControls => {\n  const [openDrawer, setOpenDrawer] = useAtom(openDrawerAtom);\n\n  const open = openDrawer === drawerId;\n\n  const logger = useLogger(drawerId);\n\n  const onOpen = () => {\n    logger.info(\"onOpen\");\n    setOpenDrawer(drawerId);\n    _onOpen?.();\n  };\n  const onClose = () => {\n    logger.info(\"onClose\");\n    setOpenDrawer((currentOpenDrawer) => {\n      // only reset openDrawer if closing the drawer that is currently open,\n      // so that we don't interfere with other drawers that are opening at the same time\n      if (currentOpenDrawer === drawerId) {\n        return null;\n      }\n      return currentOpenDrawer;\n    });\n    _onClose?.();\n  };\n\n  const onOpenChange = (open: boolean) => {\n    if (open) {\n      onOpen();\n    } else {\n      onClose();\n    }\n  };\n\n  return {\n    open,\n    // expect onOpenChange not to be triggered for a controlled <Drawer open={open}/>.\n    onOpenChange,\n    onOpen,\n    onClose,\n    logger,\n  };\n};\n\nexport const useLocalDrawerControls = ({\n  onOpen: _onOpen,\n  onClose: _onClose,\n}: Omit<DrawerControlsProps, \"drawerId\"> = {}): Omit<\n  DrawerControls,\n  \"logger\"\n> => {\n  const [open, setOpen] = useState(false);\n  const onOpen = () => {\n    setOpen(true);\n    _onOpen?.();\n  };\n  const onClose = () => {\n    setOpen(false);\n    _onClose?.();\n  };\n\n  const onOpenChange = (open: boolean) => {\n    if (open) {\n      onOpen();\n    } else {\n      onClose();\n    }\n  };\n\n  return {\n    open,\n    // expect onOpenChange not to be triggered for a controlled <Drawer open={open}/>.\n    onOpenChange,\n    onOpen,\n    onClose,\n  };\n};\n\n/**\n * Drawer IDs that should be considered full-cover drawers.\n *\n * When a full-cover drawer opens, the widget container height is transitioned to a fixed WIDGET_HEIGHT_CLASSNAME height.\n * When the drawer closes, the widget container height is transitioned back to the natural height.\n */\nconst fullCoverDrawers = new Set<DrawerId>([]);\n\nconst transition = \"height 0.3s ease-in-out\";\n\n/**\n * Hook that manages smooth height transitions for the main widget container when full-cover drawers open/close.\n *\n * When a full-cover drawer opens, this hook smoothly animates the widget height from its natural height\n * to a fixed WIDGET_HEIGHT_CLASSNAME height. When the drawer closes, it animates back to the original height and then\n * resets to auto for natural sizing.\n *\n * This prevents jarring height jumps and provides a polished user experience during drawer interactions.\n *\n * @returns {Object} containerRef - React ref that should be attached to the widget container element\n *\n * @example\n * const { containerRef } = useDrawerContainerHeightTransition();\n * return <div ref={containerRef} className=\"widget-container\">...</div>\n */\nexport const useDrawerContainerHeightTransition = (\n  containerRef: React.RefObject<HTMLDivElement | null>\n): {\n  drawerId: DrawerId | null;\n  isDrawerFullCover: boolean;\n  isDrawerOpen: boolean;\n} => {\n  const previousHeightRef = useRef<number | null>(null);\n\n  const currentDrawerId = useOpenDrawerId();\n  const isDrawerFullCover =\n    !!currentDrawerId && fullCoverDrawers.has(currentDrawerId);\n\n  useLayoutEffect(() => {\n    if (containerRef.current) {\n      const container = containerRef.current;\n\n      if (isDrawerFullCover) {\n        // Get current height\n        const currentHeight = container.scrollHeight;\n        // widget will be fully covered by the drawer, won't see the transition\n        const shouldSkipTransition = currentHeight <= DRAWER_HEIGHT;\n        if (shouldSkipTransition) {\n          return;\n        }\n        previousHeightRef.current = currentHeight;\n        container.style.overflow = \"hidden\";\n\n        // Set current height first (no transition)\n        container.style.transition = \"none\";\n        container.style.height = `${currentHeight}px`;\n\n        // Use requestAnimationFrame to ensure the first height is painted\n        requestAnimationFrame(() => {\n          // Enable transition and set target height\n          container.style.transition = transition;\n          container.style.height = `${DRAWER_HEIGHT}px`;\n        });\n      } else if (previousHeightRef.current !== null) {\n        // Only transition back if we have a previous height\n        container.style.transition = transition;\n        container.style.height = `${previousHeightRef.current}px`;\n        previousHeightRef.current = null;\n\n        // After transition completes, reset to auto\n        const onTransitionEnd = (event: TransitionEvent) => {\n          if (\n            event.target === container &&\n            event.propertyName === \"height\" &&\n            event.type === \"transitionend\"\n          ) {\n            container.style.height = \"auto\";\n            container.style.transition = \"\";\n            container.style.overflow = \"\";\n\n            container.removeEventListener(\"transitionend\", onTransitionEnd);\n          }\n        };\n        container.addEventListener(\"transitionend\", onTransitionEnd);\n\n        return () => {\n          // cleanup just in case\n          container.removeEventListener(\"transitionend\", onTransitionEnd);\n        };\n      }\n    }\n  }, [containerRef, isDrawerFullCover]);\n\n  return {\n    drawerId: currentDrawerId,\n    isDrawerFullCover,\n    isDrawerOpen: !!currentDrawerId,\n  };\n};\n"],"mappings":"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"}

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

@@ -2,5 +2,5 @@ import { WithClasses } from '../../../types/withClasses';
 export declare const Duration: ({ timeMs, classes, showSeconds, }: {
     timeMs: number;
     showSeconds?: boolean;
-} & WithClasses<"root">) => import("react/jsx-runtime").JSX.Element | null;
+} & WithClasses<"root">) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Duration.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Duration.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/Duration/Duration.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAIvD,eAAO,MAAM,QAAQ,GAAI,mCAItB;IACD,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,GAAG,WAAW,CAAC,MAAM,CAAC,mDA8CtB,CAAC"}
+{"version":3,"file":"Duration.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/Duration/Duration.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAIvD,eAAO,MAAM,QAAQ,GAAI,mCAItB;IACD,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,GAAG,WAAW,CAAC,MAAM,CAAC,4CA8CtB,CAAC"}

package/dist/components/widget/Duration/Duration.js

@@ -42,12 +42,10 @@ var o = (a) => {
 			d && r
 		].filter(n), o[0] = d, o[1] = c, o[2] = f;
 	} else f = o[2];
-	let p = f;
-	if (!p.length) return null;
-	let m = l?.root, h;
+	let p = f, m = l?.root, h;
 	o[3] === m ? h = o[4] : (h = e("text-xs flex gap-1 items-center dark:text-contrast-7", m), o[3] = m, o[4] = h);
 	let g;
-	o[5] === p ? g = o[6] : (g = p.map(s), o[5] = p, o[6] = g);
+	o[5] === p ? g = o[6] : (g = p.length ? p.map(s) : "-", o[5] = p, o[6] = g);
 	let _;
 	return o[7] !== h || o[8] !== g ? (_ = /* @__PURE__ */ i("div", {
 		className: h,

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

@@ -1 +1 @@
-{"version":3,"file":"Duration.js","names":["cn","getDuration","WithClasses","isPartWithValue","DurationPart","Duration","t0","$","_c","timeMs","classes","showSeconds","t1","undefined","t2","duration","asSecondsPart","asSeconds","seconds","unit","value","asYears","years","asMonths","months","asDays","days","asHours","hours","asMinutes","minutes","filter","parts","length","t3","root","t4","t5","map","_temp","t6","part","i"],"sources":["../../../../src/components/widget/Duration/Duration.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { getDuration } from \"@/lib/utils/time\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport { isPartWithValue } from \"./utils\";\nimport type { DurationPart } from \"./types\";\n\nexport const Duration = ({\n  timeMs,\n  classes,\n  showSeconds = false,\n}: {\n  timeMs: number;\n  showSeconds?: boolean;\n} & WithClasses<\"root\">) => {\n  const duration = getDuration(timeMs);\n\n  let asSecondsPart: DurationPart | undefined;\n  if (showSeconds) {\n    // duration.seconds() for exactly 60 seconds returns 0, so we have to handle this case separately\n    const asSeconds = duration.asSeconds();\n    if (asSeconds === 60) {\n      asSecondsPart = {\n        value: 60,\n        unit: \"s\",\n      };\n    } else {\n      asSecondsPart = {\n        value: asSeconds >= 1 ? duration.seconds() : null,\n        unit: \"s\",\n      };\n    }\n  }\n\n  const parts = [\n    { value: duration.asYears() > 1 ? duration.years() : null, unit: \"y\" },\n    { value: duration.asMonths() > 1 ? duration.months() : null, unit: \"mo\" },\n    { value: duration.asDays() > 1 ? duration.days() : null, unit: \"d\" },\n    { value: duration.asHours() > 1 ? duration.hours() : null, unit: \"h\" },\n    { value: duration.asMinutes() > 1 ? duration.minutes() : null, unit: \"m\" },\n    showSeconds && asSecondsPart,\n  ].filter(isPartWithValue);\n\n  if (!parts.length) return null;\n\n  return (\n    <div\n      className={cn(\n        \"text-xs flex gap-1 items-center dark:text-contrast-7\",\n        classes?.root\n      )}\n    >\n      {parts.map((part, i) => (\n        <span key={i}>\n          <span>{part.value}</span>\n          <span>{part.unit}</span>\n        </span>\n      ))}\n    </div>\n  );\n};\n"],"mappings":";;;;;;AAMA,IAAaK,KAAWC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAC,WAAAC,YAAAC,aAAAC,MAAAN,GAGvBK,IAAAC,MAAAC,KAAAA,IAAA,KAAAD,GAAmBE;AAAA,KAAAP,EAAA,OAAAI,KAAAJ,EAAA,OAAAE,GAAA;EAKnB,IAAAM,IAAiBd,EAAYQ,EAAO,EAEhCO;AACJ,MAAIL,GAAW;GAEb,IAAAM,IAAkBF,EAAQE,WAAY;AACtC,GAMED,IANEC,MAAc,KACAD;IAAAA,OACPA;IAAEA,MACHA;IACP,GAEeA;IAAAA,OACPC,KAAa,IAAIF,EAAQG,SAAiB,GAA1C;IAA0CC,MAC3C;IACP;;AAWoBZ,EAPXO,IAAA;GACZ;IAAAM,OAASL,EAAQM,SAAU,GAAG,IAAIN,EAAQO,OAAe,GAAhD;IAAgDH,MAAQ;IAAK;GACtE;IAAAC,OAASL,EAAQQ,UAAW,GAAG,IAAIR,EAAQS,QAAgB,GAAlD;IAAkDL,MAAQ;IAAM;GACzE;IAAAC,OAASL,EAAQU,QAAS,GAAG,IAAIV,EAAQW,MAAc,GAA9C;IAA8CP,MAAQ;IAAK;GACpE;IAAAC,OAASL,EAAQY,SAAU,GAAG,IAAIZ,EAAQa,OAAe,GAAhD;IAAgDT,MAAQ;IAAK;GACtE;IAAAC,OAASL,EAAQc,WAAY,GAAG,IAAId,EAAQe,SAAiB,GAApD;IAAoDX,MAAQ;IAAK;GAC1ER,KAAAK;GACD,CAAAe,OAAQ5B,EAAgB,EAAAI,EAAA,KAAAI,GAAAJ,EAAA,KAAAE,GAAAF,EAAA,KAAAO;OAAAA,KAAAP,EAAA;CAPzB,IAAAyB,IAAclB;AASd,KAAI,CAACkB,EAAKC,OAAO,QAAS;CAMpB,IAAAC,IAAAxB,GAAOyB,MAAMC;AAAA,CAAA7B,EAAA,OAAA2B,IACdE,IAAA7B,EAAA,MAHU6B,IAAApC,EACT,wDACAkC,EACD,EAAA3B,EAAA,KAAA2B,GAAA3B,EAAA,KAAA6B;CAAA,IAAAC;AAAA,CAAA9B,EAAA,OAAAyB,IAOCK,IAAA9B,EAAA,MALD8B,IAAAL,EAAKM,IAAKC,EAKT,EAAAhC,EAAA,KAAAyB,GAAAzB,EAAA,KAAA8B;CAAA,IAAAG;AACE,QADFjC,EAAA,OAAA6B,KAAA7B,EAAA,OAAA8B,KAXJG,IAAA,kBAAA,OAAA;EACa,WAAAJ;YAKVC;EAMG,CAAA,EAAA9B,EAAA,KAAA6B,GAAA7B,EAAA,KAAA8B,GAAA9B,EAAA,KAAAiC,KAAAA,IAAAjC,EAAA,IAZNiC;;AAvCoB,SAAAD,EAAAE,GAAAC,GAAA;AAAA,QA8ChB,kBAAA,QAAA,EAAA,UAAA,CACE,kBAAA,QAAA,EAAA,UAAOD,EAAIrB,OACX,CAAA,EAAA,kBAAA,QAAA,EAAA,UAAOqB,EAAItB,MACb,CAAA,CAAO,EAAA,EAHIuB,EAGJ"}
+{"version":3,"file":"Duration.js","names":["cn","getDuration","WithClasses","isPartWithValue","DurationPart","Duration","t0","$","_c","timeMs","classes","showSeconds","t1","undefined","t2","duration","asSecondsPart","asSeconds","seconds","unit","value","asYears","years","asMonths","months","asDays","days","asHours","hours","asMinutes","minutes","filter","parts","t3","root","t4","t5","length","map","_temp","t6","part","i"],"sources":["../../../../src/components/widget/Duration/Duration.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { getDuration } from \"@/lib/utils/time\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport { isPartWithValue } from \"./utils\";\nimport type { DurationPart } from \"./types\";\n\nexport const Duration = ({\n  timeMs,\n  classes,\n  showSeconds = false,\n}: {\n  timeMs: number;\n  showSeconds?: boolean;\n} & WithClasses<\"root\">) => {\n  const duration = getDuration(timeMs);\n\n  let asSecondsPart: DurationPart | undefined;\n  if (showSeconds) {\n    // duration.seconds() for exactly 60 seconds returns 0, so we have to handle this case separately\n    const asSeconds = duration.asSeconds();\n    if (asSeconds === 60) {\n      asSecondsPart = {\n        value: 60,\n        unit: \"s\",\n      };\n    } else {\n      asSecondsPart = {\n        value: asSeconds >= 1 ? duration.seconds() : null,\n        unit: \"s\",\n      };\n    }\n  }\n\n  const parts = [\n    { value: duration.asYears() > 1 ? duration.years() : null, unit: \"y\" },\n    { value: duration.asMonths() > 1 ? duration.months() : null, unit: \"mo\" },\n    { value: duration.asDays() > 1 ? duration.days() : null, unit: \"d\" },\n    { value: duration.asHours() > 1 ? duration.hours() : null, unit: \"h\" },\n    { value: duration.asMinutes() > 1 ? duration.minutes() : null, unit: \"m\" },\n    showSeconds && asSecondsPart,\n  ].filter(isPartWithValue);\n\n  return (\n    <div\n      className={cn(\n        \"text-xs flex gap-1 items-center dark:text-contrast-7\",\n        classes?.root\n      )}\n    >\n      {!parts.length\n        ? \"-\"\n        : parts.map((part, i) => (\n            <span key={i}>\n              <span>{part.value}</span>\n              <span>{part.unit}</span>\n            </span>\n          ))}\n    </div>\n  );\n};\n"],"mappings":";;;;;;AAMA,IAAaK,KAAWC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAC,WAAAC,YAAAC,aAAAC,MAAAN,GAGvBK,IAAAC,MAAAC,KAAAA,IAAA,KAAAD,GAAmBE;AAAA,KAAAP,EAAA,OAAAI,KAAAJ,EAAA,OAAAE,GAAA;EAKnB,IAAAM,IAAiBd,EAAYQ,EAAO,EAEhCO;AACJ,MAAIL,GAAW;GAEb,IAAAM,IAAkBF,EAAQE,WAAY;AACtC,GAMED,IANEC,MAAc,KACAD;IAAAA,OACPA;IAAEA,MACHA;IACP,GAEeA;IAAAA,OACPC,KAAa,IAAIF,EAAQG,SAAiB,GAA1C;IAA0CC,MAC3C;IACP;;AAWoBZ,EAPXO,IAAA;GACZ;IAAAM,OAASL,EAAQM,SAAU,GAAG,IAAIN,EAAQO,OAAe,GAAhD;IAAgDH,MAAQ;IAAK;GACtE;IAAAC,OAASL,EAAQQ,UAAW,GAAG,IAAIR,EAAQS,QAAgB,GAAlD;IAAkDL,MAAQ;IAAM;GACzE;IAAAC,OAASL,EAAQU,QAAS,GAAG,IAAIV,EAAQW,MAAc,GAA9C;IAA8CP,MAAQ;IAAK;GACpE;IAAAC,OAASL,EAAQY,SAAU,GAAG,IAAIZ,EAAQa,OAAe,GAAhD;IAAgDT,MAAQ;IAAK;GACtE;IAAAC,OAASL,EAAQc,WAAY,GAAG,IAAId,EAAQe,SAAiB,GAApD;IAAoDX,MAAQ;IAAK;GAC1ER,KAAAK;GACD,CAAAe,OAAQ5B,EAAgB,EAAAI,EAAA,KAAAI,GAAAJ,EAAA,KAAAE,GAAAF,EAAA,KAAAO;OAAAA,KAAAP,EAAA;CAPzB,IAAAyB,IAAclB,GAaRmB,IAAAvB,GAAOwB,MAAMC;AAAA,CAAA5B,EAAA,OAAA0B,IACdE,IAAA5B,EAAA,MAHU4B,IAAAnC,EACT,wDACAiC,EACD,EAAA1B,EAAA,KAAA0B,GAAA1B,EAAA,KAAA4B;CAAA,IAAAC;AAAA,CAAA7B,EAAA,OAAAyB,IASKI,IAAA7B,EAAA,MAPL6B,IAACJ,EAAKK,SAEHL,EAAKM,IAAKC,EAKR,GAPL,KAOKhC,EAAA,KAAAyB,GAAAzB,EAAA,KAAA6B;CAAA,IAAAI;AACF,QADEjC,EAAA,OAAA4B,KAAA5B,EAAA,OAAA6B,KAbRI,IAAA,kBAAA,OAAA;EACa,WAAAL;YAKVC;EAQG,CAAA,EAAA7B,EAAA,KAAA4B,GAAA5B,EAAA,KAAA6B,GAAA7B,EAAA,KAAAiC,KAAAA,IAAAjC,EAAA,IAdNiC;;AArCoB,SAAAD,EAAAE,GAAAC,GAAA;AAAA,QA8CZ,kBAAA,QAAA,EAAA,UAAA,CACE,kBAAA,QAAA,EAAA,UAAOD,EAAIrB,OACX,CAAA,EAAA,kBAAA,QAAA,EAAA,UAAOqB,EAAItB,MACb,CAAA,CAAO,EAAA,EAHIuB,EAGJ"}

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

@@ -1 +1 @@
-{"version":3,"file":"LimitOrderDetails.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/LimitOrderItem/LimitOrderDetails/LimitOrderDetails.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAe/C,OAAO,EAAY,KAAK,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAUpE,eAAO,MAAM,iBAAiB,GAAI,4CAG/B;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,GAAG,IAAI,CACN,uBAAuB,EACvB,iBAAiB,GAAG,eAAe,GAAG,QAAQ,CAC/C,4CA2DA,CAAC"}
+{"version":3,"file":"LimitOrderDetails.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/LimitOrderItem/LimitOrderDetails/LimitOrderDetails.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAe/C,OAAO,EAAY,KAAK,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAWpE,eAAO,MAAM,iBAAiB,GAAI,4CAG/B;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,GAAG,IAAI,CACN,uBAAuB,EACvB,iBAAiB,GAAG,eAAe,GAAG,QAAQ,CAC/C,4CAyDA,CAAC"}

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

@@ -1,85 +1,84 @@
 import { isTruthy as e } from "../../../../lib/utils/index.js";
-import { DeltaOrderStatusChecker as t } from "../../../../hooks/swap/prices/delta/orders/utils.js";
-import { useWatchDeltaAuction as n } from "../../../../hooks/swap/prices/delta/queries/useWatchDeltaOrder.js";
-import { DetailWithValueList as r } from "../../Details/DetailWithValueList.js";
-import { isLimitOrderWithExtra as i } from "../utils.js";
-import { PayReceiveInfo as a } from "../../PayReceiveInfo/PayReceiveInfo.js";
-import { constructExpiresInDetail as o, constructOrderRateDetail as s, constructOrderStatusDetail as c, constructOrderTypeDetail as l, constructPayReceiveInfoProps as u, constructSubmitDateDetail as d } from "./utils.js";
-import { Controls as f } from "./Controls.js";
-import { c as p } from "react-compiler-runtime";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { HALF_MINUTE_MS as t } from "../../../../lib/constants/time.js";
+import { DeltaOrderStatusChecker as n } from "../../../../hooks/swap/prices/delta/orders/utils.js";
+import { useWatchDeltaAuction as r } from "../../../../hooks/swap/prices/delta/queries/useWatchDeltaOrder.js";
+import { DetailWithValueList as i } from "../../Details/DetailWithValueList.js";
+import { isLimitOrderWithExtra as a } from "../utils.js";
+import { PayReceiveInfo as o } from "../../PayReceiveInfo/PayReceiveInfo.js";
+import { constructExpiresInDetail as s, constructOrderRateDetail as c, constructOrderStatusDetail as l, constructOrderTypeDetail as u, constructPayReceiveInfoProps as d, constructSubmitDateDetail as f } from "./utils.js";
+import { Controls as p } from "./Controls.js";
+import { c as m } from "react-compiler-runtime";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region src/components/widget/LimitOrderItem/LimitOrderDetails/LimitOrderDetails.tsx
-var g = {
+var _ = {
 	root: "pt-4 gap-4",
 	title: "text-contrast-5 dark:text-contrast-6",
 	value: "text-contrast-4 dark:text-contrast-6"
-}, _ = (_) => {
-	let v = p(36), y, b;
-	v[0] === _ ? (y = v[1], b = v[2]) : ({order: b, ...y} = _, v[0] = _, v[1] = y, v[2] = b);
-	let x = b.id, S;
-	v[3] === b.status ? S = v[4] : (S = t.completed.has(b.status), v[3] = b.status, v[4] = S);
-	let C = !S, w;
-	v[5] !== b.extra || v[6] !== b.itemType ? (w = (e) => e ? {
+}, v = (v) => {
+	let y = m(34), b, x;
+	y[0] === v ? (b = y[1], x = y[2]) : ({order: x, ...b} = v, y[0] = v, y[1] = b, y[2] = x);
+	let S = x.id, C;
+	y[3] === x.status ? C = y[4] : (C = n.completed.has(x.status), y[3] = x.status, y[4] = C);
+	let w = !C, T;
+	y[5] !== x.extra || y[6] !== x.itemType ? (T = (e) => e ? {
 		...e,
-		extra: b.extra,
-		itemType: b.itemType
-	} : null, v[5] = b.extra, v[6] = b.itemType, v[7] = w) : w = v[7];
-	let T, E, D, O;
-	v[8] === y?.logger ? (T = v[9], E = v[10], D = v[11], O = v[12]) : (T = (e) => {
-		y?.logger?.log("Delta Order success", e);
-	}, E = (e) => {
-		y?.logger?.log("Delta Order failure", e);
+		extra: x.extra,
+		itemType: x.itemType
+	} : null, y[5] = x.extra, y[6] = x.itemType, y[7] = T) : T = y[7];
+	let E, D, O;
+	y[8] === b?.logger ? (E = y[9], D = y[10], O = y[11]) : (E = (e) => {
+		b?.logger?.log("Delta Order success", e);
 	}, D = (e) => {
-		y?.logger?.log("Delta Order updated", e);
+		b?.logger?.log("Delta Order failure", e);
 	}, O = (e) => {
-		y?.logger?.log("Delta Order timeout", e);
-	}, v[8] = y?.logger, v[9] = T, v[10] = E, v[11] = D, v[12] = O);
+		b?.logger?.log("Delta Order updated", e);
+	}, y[8] = b?.logger, y[9] = E, y[10] = D, y[11] = O);
 	let k;
-	v[13] !== b.id || v[14] !== C || v[15] !== w || v[16] !== T || v[17] !== E || v[18] !== D || v[19] !== O ? (k = {
-		orderId: x,
-		enabled: C,
-		select: w,
-		onAuctionSuccess: T,
-		onAuctionFailure: E,
-		onUpdatedAuction: D,
-		onTimeoutGettingOrder: O
-	}, v[13] = b.id, v[14] = C, v[15] = w, v[16] = T, v[17] = E, v[18] = D, v[19] = O, v[20] = k) : k = v[20];
-	let { data: A } = n(k), j = A ?? b, M;
-	v[21] === j ? M = v[22] : (M = i(j) && u(j), v[21] = j, v[22] = M);
+	y[12] !== x.id || y[13] !== w || y[14] !== T || y[15] !== E || y[16] !== D || y[17] !== O ? (k = {
+		orderId: S,
+		refetchInterval: t,
+		enabled: w,
+		select: T,
+		onAuctionSuccess: E,
+		onAuctionFailure: D,
+		onUpdatedAuction: O
+	}, y[12] = x.id, y[13] = w, y[14] = T, y[15] = E, y[16] = D, y[17] = O, y[18] = k) : k = y[18];
+	let { data: A } = r(k), j = A ?? x, M;
+	y[19] === j ? M = y[20] : (M = a(j) && d(j), y[19] = j, y[20] = M);
 	let N = M, P;
-	if (v[23] !== j) {
-		let n = t.pending.has(j.status) || t.executing.has(j.status);
+	if (y[21] !== j) {
+		let t = n.pending.has(j.status) || n.executing.has(j.status);
 		P = [
-			d(j),
-			n && o({ deadline: j.order.deadline }),
-			s(j),
+			f(j),
+			t && s({ deadline: j.order.deadline }),
 			c(j),
-			l(j)
-		].filter(e), v[23] = j, v[24] = P;
-	} else P = v[24];
+			l(j),
+			u(j)
+		].filter(e), y[21] = j, y[22] = P;
+	} else P = y[22];
 	let F = P, I;
-	v[25] === N ? I = v[26] : (I = N && /* @__PURE__ */ m(a, { ...N }), v[25] = N, v[26] = I);
+	y[23] === N ? I = y[24] : (I = N && /* @__PURE__ */ h(o, { ...N }), y[23] = N, y[24] = I);
 	let L;
-	v[27] === F ? L = v[28] : (L = /* @__PURE__ */ m(r, {
+	y[25] === F ? L = y[26] : (L = /* @__PURE__ */ h(i, {
 		details: F,
-		classes: g
-	}), v[27] = F, v[28] = L);
+		classes: _
+	}), y[25] = F, y[26] = L);
 	let R;
-	v[29] !== y || v[30] !== j ? (R = /* @__PURE__ */ m(f, {
+	y[27] !== b || y[28] !== j ? (R = /* @__PURE__ */ h(p, {
 		order: j,
-		...y
-	}), v[29] = y, v[30] = j, v[31] = R) : R = v[31];
+		...b
+	}), y[27] = b, y[28] = j, y[29] = R) : R = y[29];
 	let z;
-	return v[32] !== I || v[33] !== L || v[34] !== R ? (z = /* @__PURE__ */ h("div", {
+	return y[30] !== I || y[31] !== L || y[32] !== R ? (z = /* @__PURE__ */ g("div", {
 		className: "px-6 pb-8 min-h-[470px] flex flex-col",
 		children: [
 			I,
 			L,
 			R
 		]
-	}), v[32] = I, v[33] = L, v[34] = R, v[35] = z) : z = v[35], z;
+	}), y[30] = I, y[31] = L, y[32] = R, y[33] = z) : z = y[33], z;
 };
 //#endregion
-export { _ as LimitOrderDetails };
+export { v as LimitOrderDetails };
 
 //# sourceMappingURL=LimitOrderDetails.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LimitOrderDetails.js","names":["LimitOrderItem","DetailWithValueList","isTruthy","DetailWithValue","DeltaOrderStatusChecker","PayReceiveInfo","constructExpiresInDetail","constructOrderRateDetail","constructOrderStatusDetail","constructOrderTypeDetail","constructPayReceiveInfoProps","constructSubmitDateDetail","Controls","LimitOrderControlsProps","isLimitOrderWithExtra","useWatchDeltaAuction","detailsClasses","root","title","value","LimitOrderDetails","t0","$","_c","controlsProps","selectedOrder","order","t1","id","t2","status","completed","has","t3","t4","extra","itemType","auction","t5","t6","t7","t8","logger","log","order_0","order_1","order_2","t9","orderId","enabled","select","onAuctionSuccess","onAuctionFailure","onUpdatedAuction","onTimeoutGettingOrder","data","lastDeltaOrderState","order_3","t10","payReceiveInfoProps","t11","overallPending","pending","executing","deadline","filter","details","t12","t13","t14","t15"],"sources":["../../../../../src/components/widget/LimitOrderItem/LimitOrderDetails/LimitOrderDetails.tsx"],"sourcesContent":["import type { LimitOrderItem } from \"../types\";\nimport { DetailWithValueList } from \"../../Details/DetailWithValueList\";\nimport { isTruthy } from \"@/lib/utils\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport { DeltaOrderStatusChecker } from \"@/hooks/swap/prices/delta/orders/utils\";\nimport { PayReceiveInfo } from \"../../PayReceiveInfo/PayReceiveInfo\";\nimport {\n  constructExpiresInDetail,\n  constructOrderRateDetail,\n  constructOrderStatusDetail,\n  constructOrderTypeDetail,\n  constructPayReceiveInfoProps,\n  constructSubmitDateDetail,\n} from \"./utils\";\n\nimport { Controls, type LimitOrderControlsProps } from \"./Controls\";\nimport { isLimitOrderWithExtra } from \"../utils\";\nimport { useWatchDeltaAuction } from \"@/hooks/swap/prices/delta/queries/useWatchDeltaOrder\";\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 LimitOrderDetails = ({\n  order: selectedOrder,\n  ...controlsProps\n}: {\n  order: LimitOrderItem;\n  onDismiss: () => void;\n} & Pick<\n  LimitOrderControlsProps,\n  \"onCancelSuccess\" | \"onCancelError\" | \"logger\"\n>) => {\n  // @TODO polling for OtcOrdeItem\n  // Watch delta order if it's selected to get real-time updates on its status\n  const { data: lastDeltaOrderState } =\n    useWatchDeltaAuction<LimitOrderItem | null>({\n      orderId: selectedOrder.id,\n      enabled:\n        // do not enable extra fetch for completed orders\n        !DeltaOrderStatusChecker.completed.has(selectedOrder.status),\n      select: (auction) => {\n        if (!auction) return null;\n        return {\n          ...auction,\n          // reuse existing order item data\n          extra: selectedOrder.extra,\n          itemType: selectedOrder.itemType,\n        };\n      },\n      onAuctionSuccess: (order) => {\n        controlsProps?.logger?.log(\"Delta Order success\", order);\n      },\n      onAuctionFailure: (order) => {\n        controlsProps?.logger?.log(\"Delta Order failure\", order);\n      },\n      onUpdatedAuction: (order) => {\n        controlsProps?.logger?.log(\"Delta Order updated\", order);\n      },\n      onTimeoutGettingOrder: (order) => {\n        controlsProps?.logger?.log(\"Delta Order timeout\", order);\n      },\n    });\n\n  const order = lastDeltaOrderState ?? selectedOrder;\n\n  const payReceiveInfoProps =\n    isLimitOrderWithExtra(order) && constructPayReceiveInfoProps(order);\n\n  const overallPending =\n    DeltaOrderStatusChecker.pending.has(order.status) ||\n    DeltaOrderStatusChecker.executing.has(order.status);\n\n  const details: DetailWithValue[] = [\n    constructSubmitDateDetail(order),\n    overallPending &&\n      constructExpiresInDetail({\n        deadline: order.order.deadline,\n      }),\n    constructOrderRateDetail(order),\n    constructOrderStatusDetail(order),\n    constructOrderTypeDetail(order),\n  ].filter(isTruthy);\n\n  return (\n    <div className=\"px-6 pb-8 min-h-[470px] flex flex-col\">\n      {payReceiveInfoProps && <PayReceiveInfo {...payReceiveInfoProps} />}\n      <DetailWithValueList details={details} classes={detailsClasses} />\n      <Controls order={order} {...controlsProps} />\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"LimitOrderDetails.js","names":["LimitOrderItem","DetailWithValueList","isTruthy","DetailWithValue","DeltaOrderStatusChecker","PayReceiveInfo","constructExpiresInDetail","constructOrderRateDetail","constructOrderStatusDetail","constructOrderTypeDetail","constructPayReceiveInfoProps","constructSubmitDateDetail","Controls","LimitOrderControlsProps","isLimitOrderWithExtra","useWatchDeltaAuction","HALF_MINUTE_MS","detailsClasses","root","title","value","LimitOrderDetails","t0","$","_c","controlsProps","selectedOrder","order","t1","id","t2","status","completed","has","t3","t4","extra","itemType","auction","t5","t6","t7","logger","log","order_0","order_1","t8","orderId","refetchInterval","enabled","select","onAuctionSuccess","onAuctionFailure","onUpdatedAuction","data","lastDeltaOrderState","order_2","t9","payReceiveInfoProps","t10","overallPending","pending","executing","deadline","filter","details","t11","t12","t13","t14"],"sources":["../../../../../src/components/widget/LimitOrderItem/LimitOrderDetails/LimitOrderDetails.tsx"],"sourcesContent":["import type { LimitOrderItem } from \"../types\";\nimport { DetailWithValueList } from \"../../Details/DetailWithValueList\";\nimport { isTruthy } from \"@/lib/utils\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport { DeltaOrderStatusChecker } from \"@/hooks/swap/prices/delta/orders/utils\";\nimport { PayReceiveInfo } from \"../../PayReceiveInfo/PayReceiveInfo\";\nimport {\n  constructExpiresInDetail,\n  constructOrderRateDetail,\n  constructOrderStatusDetail,\n  constructOrderTypeDetail,\n  constructPayReceiveInfoProps,\n  constructSubmitDateDetail,\n} from \"./utils\";\n\nimport { Controls, type LimitOrderControlsProps } from \"./Controls\";\nimport { isLimitOrderWithExtra } from \"../utils\";\nimport { useWatchDeltaAuction } from \"@/hooks/swap/prices/delta/queries/useWatchDeltaOrder\";\nimport { HALF_MINUTE_MS } from \"@/lib/constants/time\";\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 LimitOrderDetails = ({\n  order: selectedOrder,\n  ...controlsProps\n}: {\n  order: LimitOrderItem;\n  onDismiss: () => void;\n} & Pick<\n  LimitOrderControlsProps,\n  \"onCancelSuccess\" | \"onCancelError\" | \"logger\"\n>) => {\n  // @TODO polling for OtcOrdeItem\n  // Watch delta order if it's selected to get real-time updates on its status\n  const { data: lastDeltaOrderState } =\n    useWatchDeltaAuction<LimitOrderItem | null>({\n      orderId: selectedOrder.id,\n      refetchInterval: HALF_MINUTE_MS,\n      enabled:\n        // do not enable extra fetch for completed orders\n        !DeltaOrderStatusChecker.completed.has(selectedOrder.status),\n      select: (auction) => {\n        if (!auction) return null;\n        return {\n          ...auction,\n          // reuse existing order item data\n          extra: selectedOrder.extra,\n          itemType: selectedOrder.itemType,\n        };\n      },\n      onAuctionSuccess: (order) => {\n        controlsProps?.logger?.log(\"Delta Order success\", order);\n      },\n      onAuctionFailure: (order) => {\n        controlsProps?.logger?.log(\"Delta Order failure\", order);\n      },\n      onUpdatedAuction: (order) => {\n        controlsProps?.logger?.log(\"Delta Order updated\", order);\n      },\n    });\n\n  const order = lastDeltaOrderState ?? selectedOrder;\n\n  const payReceiveInfoProps =\n    isLimitOrderWithExtra(order) && constructPayReceiveInfoProps(order);\n\n  const overallPending =\n    DeltaOrderStatusChecker.pending.has(order.status) ||\n    DeltaOrderStatusChecker.executing.has(order.status);\n\n  const details: DetailWithValue[] = [\n    constructSubmitDateDetail(order),\n    overallPending &&\n      constructExpiresInDetail({\n        deadline: order.order.deadline,\n      }),\n    constructOrderRateDetail(order),\n    constructOrderStatusDetail(order),\n    constructOrderTypeDetail(order),\n  ].filter(isTruthy);\n\n  return (\n    <div className=\"px-6 pb-8 min-h-[470px] flex flex-col\">\n      {payReceiveInfoProps && <PayReceiveInfo {...payReceiveInfoProps} />}\n      <DetailWithValueList details={details} classes={detailsClasses} />\n      <Controls order={order} {...controlsProps} />\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/widget/LimitOrderItem/LimitOrderListItem.d.ts

@@ -1,20 +1,19 @@
-import { LimitOrderItem } from './types';
+import { LimitOrderItem, LimitOrderItemExtra } from './types';
 import { WithClasses } from '../../../types/withClasses';
 import { DeltaAuctionStatus } from '@velora-dex/sdk';
 export declare const LimitOrdersListItem: ({ auction, onClick, }: {
     auction: LimitOrderItem;
     onClick: (auction: LimitOrderItem) => void;
 }) => import("react/jsx-runtime").JSX.Element;
-type ItemType = "MARKET" | "LIMIT" | "P2P";
-export declare const TradeAndNetwork: ({ extra, type, chainId, }: Pick<LimitOrderItem, "extra" | "chainId"> & {
-    type: ItemType;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Rate: ({ extra, classes, }: Pick<LimitOrderItem, "extra"> & WithClasses<"root" | "left" | "right">) => import("react/jsx-runtime").JSX.Element | "-";
+export declare const TradeAndNetwork: ({ extra, chainId, }: Pick<LimitOrderItem, "extra" | "chainId">) => import("react/jsx-runtime").JSX.Element;
+export declare const Rate: ({ extra, classes, }: {
+    extra: Omit<LimitOrderItemExtra, "visualItemType">;
+} & WithClasses<"root" | "left" | "right">) => import("react/jsx-runtime").JSX.Element | "-";
 export declare const StatusBadge: ({ status }: {
     status: DeltaAuctionStatus;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const TimeTillExpiry: ({ deadline, classes, }: {
+export declare const TimeTillExpiry: ({ deadline, classes, showSeconds, }: {
     deadline: number;
+    showSeconds?: boolean;
 } & WithClasses<"root">) => import("react/jsx-runtime").JSX.Element;
-export {};
 //# sourceMappingURL=LimitOrderListItem.d.ts.map

package/dist/components/widget/LimitOrderItem/LimitOrderListItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LimitOrderListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/LimitOrderItem/LimitOrderListItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAuB,MAAM,SAAS,CAAC;AAUnE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAM1D,eAAO,MAAM,mBAAmB,GAAI,uBAGjC;IACD,OAAO,EAAE,cAAc,CAAC;IACxB,OAAO,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;CAC5C,4CAUA,CAAC;AAMF,KAAK,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;AAE3C,eAAO,MAAM,eAAe,GAAI,2BAI7B,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,SAAS,CAAC,GAAG;IAC7C,IAAI,EAAE,QAAQ,CAAC;CAChB,4CAUA,CAAC;AAgEF,eAAO,MAAM,IAAI,GAAI,qBAGlB,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC,GAAG,WAAW,CAAC,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,kDAiBxE,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,YAAY;IAAE,MAAM,EAAE,kBAAkB,CAAA;CAAE,4CAkBrE,CAAC;AAuBF,eAAO,MAAM,cAAc,GAAI,wBAG5B;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,GAAG,WAAW,CAAC,MAAM,CAAC,4CAK5C,CAAC"}
+{"version":3,"file":"LimitOrderListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/LimitOrderItem/LimitOrderListItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAUnE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAM1D,eAAO,MAAM,mBAAmB,GAAI,uBAGjC;IACD,OAAO,EAAE,cAAc,CAAC;IACxB,OAAO,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;CAC5C,4CAUA,CAAC;AAMF,eAAO,MAAM,eAAe,GAAI,qBAG7B,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,SAAS,CAAC,4CAU3C,CAAC;AAwDF,eAAO,MAAM,IAAI,GAAI,qBAGlB;IAAE,KAAK,EAAE,IAAI,CAAC,mBAAmB,EAAE,gBAAgB,CAAC,CAAA;CAAE,GAAG,WAAW,CACrE,MAAM,GAAG,MAAM,GAAG,OAAO,CAC1B,kDAiBA,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,YAAY;IAAE,MAAM,EAAE,kBAAkB,CAAA;CAAE,4CAkBrE,CAAC;AAuBF,eAAO,MAAM,cAAc,GAAI,qCAI5B;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,GAAG,WAAW,CAAC,MAAM,CAAC,4CAOtB,CAAC"}

package/dist/components/widget/LimitOrderItem/LimitOrderListItem.js

@@ -13,7 +13,7 @@ var f = "-", p = (e) => {
 	let t = l(10), { auction: n, onClick: r } = e, i;
 	t[0] !== n || t[1] !== r ? (i = () => r(n), t[0] = n, t[1] = r, t[2] = i) : i = t[2];
 	let a, o;
-	t[3] === n ? (a = t[4], o = t[5]) : (a = /* @__PURE__ */ u(_, { ...n }), o = /* @__PURE__ */ u(C, { ...n }), t[3] = n, t[4] = a, t[5] = o);
+	t[3] === n ? (a = t[4], o = t[5]) : (a = /* @__PURE__ */ u(_, { ...n }), o = /* @__PURE__ */ u(S, { ...n }), t[3] = n, t[4] = a, t[5] = o);
 	let s;
 	return t[6] !== i || t[7] !== a || t[8] !== o ? (s = /* @__PURE__ */ d("div", {
 		className: "bg-white dark:bg-contrast-3 p-4 rounded-sm cursor-pointer",
@@ -30,85 +30,78 @@ var f = "-", p = (e) => {
 	root: "gap-2",
 	name: "dark:text-contrast-7"
 }, _ = (e) => {
-	let t = l(8), { extra: n, type: r, chainId: a } = e, o;
-	t[0] !== n || t[1] !== r ? (o = /* @__PURE__ */ u(y, {
-		...n,
-		type: r
-	}), t[0] = n, t[1] = r, t[2] = o) : o = t[2];
-	let s = a, c;
-	t[3] === s ? c = t[4] : (c = /* @__PURE__ */ u(i, {
-		networkId: s,
+	let t = l(7), { extra: n, chainId: r } = e, a;
+	t[0] === n ? a = t[1] : (a = /* @__PURE__ */ u(v, { ...n }), t[0] = n, t[1] = a);
+	let o = r, s;
+	t[2] === o ? s = t[3] : (s = /* @__PURE__ */ u(i, {
+		networkId: o,
 		classes: g
-	}), t[3] = s, t[4] = c);
-	let f;
-	return t[5] !== o || t[6] !== c ? (f = /* @__PURE__ */ d("div", {
+	}), t[2] = o, t[3] = s);
+	let c;
+	return t[4] !== a || t[5] !== s ? (c = /* @__PURE__ */ d("div", {
 		className: "flex items-center justify-between pb-4",
-		children: [o, c]
-	}), t[5] = o, t[6] = c, t[7] = f) : f = t[7], f;
-}, v = {
-	MARKET: "Swap",
-	LIMIT: "Limit",
-	P2P: "OTC"
-}, y = (e) => {
-	let t = l(29), { srcToken: n, destToken: r, srcAmountUnit: i, destAmountUnit: o, type: c } = e;
+		children: [a, s]
+	}), t[4] = a, t[5] = s, t[6] = c) : c = t[6], c;
+}, v = (e) => {
+	let t = l(29), { srcToken: n, destToken: r, srcAmountUnit: i, destAmountUnit: o, visualItemType: c } = e;
 	if (!n || !r || !i || !o) return f;
 	let p;
 	t[0] === i ? p = t[1] : (p = s(i), t[0] = i, t[1] = p);
 	let g = p, _;
 	t[2] === o ? _ = t[3] : (_ = s(o), t[2] = o, t[3] = _);
-	let y = _, b;
-	t[4] !== n.address || t[5] !== n.img || t[6] !== n.network ? (b = /* @__PURE__ */ u(a, {
+	let v = _, y;
+	t[4] !== n.address || t[5] !== n.img || t[6] !== n.network ? (y = /* @__PURE__ */ u(a, {
 		address: n.address,
 		chainId: n.network,
 		img: n.img,
 		classes: m
-	}), t[4] = n.address, t[5] = n.img, t[6] = n.network, t[7] = b) : b = t[7];
-	let x;
-	t[8] !== r.address || t[9] !== r.img || t[10] !== r.network ? (x = /* @__PURE__ */ u(a, {
+	}), t[4] = n.address, t[5] = n.img, t[6] = n.network, t[7] = y) : y = t[7];
+	let b;
+	t[8] !== r.address || t[9] !== r.img || t[10] !== r.network ? (b = /* @__PURE__ */ u(a, {
 		address: r.address,
 		img: r.img,
 		chainId: r.network,
 		classes: h
-	}), t[8] = r.address, t[9] = r.img, t[10] = r.network, t[11] = x) : x = t[11];
-	let S;
-	t[12] !== b || t[13] !== x ? (S = /* @__PURE__ */ d("div", {
+	}), t[8] = r.address, t[9] = r.img, t[10] = r.network, t[11] = b) : b = t[11];
+	let x;
+	t[12] !== y || t[13] !== b ? (x = /* @__PURE__ */ d("div", {
 		className: "flex items-center",
-		children: [b, x]
-	}), t[12] = b, t[13] = x, t[14] = S) : S = t[14];
-	let C = S, w = v[c], T;
-	t[15] === w ? T = t[16] : (T = /* @__PURE__ */ u("div", {
+		children: [y, b]
+	}), t[12] = y, t[13] = b, t[14] = x) : x = t[14];
+	let S = x, C;
+	t[15] === c ? C = t[16] : (C = /* @__PURE__ */ u("div", {
 		className: "text-xs font-medium text-contrast-5",
-		children: w
-	}), t[15] = w, t[16] = T);
-	let E;
-	t[17] === Symbol.for("react.memo_cache_sentinel") ? (E = /* @__PURE__ */ u("span", {
+		children: c
+	}), t[15] = c, t[16] = C);
+	let w;
+	t[17] === Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ u("span", {
 		className: "mx-1",
 		children: "→"
-	}), t[17] = E) : E = t[17];
-	let D;
-	t[18] !== r.symbol || t[19] !== y || t[20] !== g || t[21] !== n.symbol ? (D = /* @__PURE__ */ d("div", {
+	}), t[17] = w) : w = t[17];
+	let T;
+	t[18] !== r.symbol || t[19] !== v || t[20] !== g || t[21] !== n.symbol ? (T = /* @__PURE__ */ d("div", {
 		className: "text-sm font-medium dark:text-contrast-9",
 		children: [
 			n.symbol,
 			" ",
 			g,
-			E,
+			w,
 			r.symbol,
 			" ",
-			y
+			v
 		]
-	}), t[18] = r.symbol, t[19] = y, t[20] = g, t[21] = n.symbol, t[22] = D) : D = t[22];
-	let O;
-	t[23] !== T || t[24] !== D ? (O = /* @__PURE__ */ d("div", {
+	}), t[18] = r.symbol, t[19] = v, t[20] = g, t[21] = n.symbol, t[22] = T) : T = t[22];
+	let E;
+	t[23] !== C || t[24] !== T ? (E = /* @__PURE__ */ d("div", {
 		className: "ml-2 flex flex-col",
-		children: [T, D]
-	}), t[23] = T, t[24] = D, t[25] = O) : O = t[25];
-	let k = O, A;
-	return t[26] !== C || t[27] !== k ? (A = /* @__PURE__ */ d("div", {
+		children: [C, T]
+	}), t[23] = C, t[24] = T, t[25] = E) : E = t[25];
+	let D = E, O;
+	return t[26] !== S || t[27] !== D ? (O = /* @__PURE__ */ d("div", {
 		className: "flex items-center",
-		children: [C, k]
-	}), t[26] = C, t[27] = k, t[28] = A) : A = t[28], A;
-}, b = (t) => {
+		children: [S, D]
+	}), t[26] = S, t[27] = D, t[28] = O) : O = t[28], O;
+}, y = (t) => {
 	let n = l(16), { extra: r, classes: i } = t, { srcToken: a, destToken: c, srcAmountUnit: p, destAmountUnit: m } = r;
 	if (!a || !c || !p || !m) return f;
 	let h, g;
@@ -146,7 +139,7 @@ var f = "-", p = (e) => {
 			w
 		]
 	}), n[12] = b, n[13] = S, n[14] = w, n[15] = T) : T = n[15], T;
-}, x = (r) => {
+}, b = (r) => {
 	let i = l(7), { status: a } = r, o;
 	if (i[0] !== a) {
 		let n = t.success.has(a), r = t.failed.has(a), s = t.pending.has(a) || t.executing.has(a);
@@ -163,21 +156,21 @@ var f = "-", p = (e) => {
 		className: o,
 		children: s
 	}), i[4] = o, i[5] = s, i[6] = c) : c = i[6], c;
-}, S = {
+}, x = {
 	left: "dark:text-contrast-7",
 	right: "text-contrast-5"
-}, C = (e) => {
+}, S = (e) => {
 	let n = l(15), r;
 	n[0] === e.status ? r = n[1] : (r = t.pending.has(e.status) || t.executing.has(e.status), n[0] = e.status, n[1] = r);
 	let i = r, a;
-	n[2] === e.extra ? a = n[3] : (a = /* @__PURE__ */ u(b, {
+	n[2] === e.extra ? a = n[3] : (a = /* @__PURE__ */ u(y, {
 		extra: e.extra,
-		classes: S
+		classes: x
 	}), n[2] = e.extra, n[3] = a);
 	let o;
-	n[4] !== i || n[5] !== e.order ? (o = i && /* @__PURE__ */ u(w, { deadline: e.order.deadline }), n[4] = i, n[5] = e.order, n[6] = o) : o = n[6];
+	n[4] !== i || n[5] !== e.order ? (o = i && /* @__PURE__ */ u(C, { deadline: e.order.deadline }), n[4] = i, n[5] = e.order, n[6] = o) : o = n[6];
 	let s;
-	n[7] === e.status ? s = n[8] : (s = /* @__PURE__ */ u(x, { status: e.status }), n[7] = e.status, n[8] = s);
+	n[7] === e.status ? s = n[8] : (s = /* @__PURE__ */ u(b, { status: e.status }), n[7] = e.status, n[8] = s);
 	let c;
 	n[9] !== o || n[10] !== s ? (c = /* @__PURE__ */ d("div", {
 		className: "flex items-center gap-1",
@@ -188,14 +181,15 @@ var f = "-", p = (e) => {
 		className: "flex items-center justify-between",
 		children: [a, c]
 	}), n[12] = a, n[13] = c, n[14] = f) : f = n[14], f;
-}, w = (e) => {
-	let t = l(3), { deadline: n, classes: i } = e, a = (n - r() / 1e3) * 1e3, o;
-	return t[0] !== i || t[1] !== a ? (o = /* @__PURE__ */ u(c, {
-		timeMs: a,
-		classes: i
-	}), t[0] = i, t[1] = a, t[2] = o) : o = t[2], o;
+}, C = (e) => {
+	let t = l(4), { deadline: n, classes: i, showSeconds: a } = e, o = (n - r() / 1e3) * 1e3, s;
+	return t[0] !== i || t[1] !== a || t[2] !== o ? (s = /* @__PURE__ */ u(c, {
+		timeMs: o,
+		classes: i,
+		showSeconds: a
+	}), t[0] = i, t[1] = a, t[2] = o, t[3] = s) : s = t[3], s;
 };
 //#endregion
-export { p as LimitOrdersListItem, b as Rate, x as StatusBadge, w as TimeTillExpiry, _ as TradeAndNetwork };
+export { p as LimitOrdersListItem, y as Rate, b as StatusBadge, C as TimeTillExpiry, _ as TradeAndNetwork };
 
 //# sourceMappingURL=LimitOrderListItem.js.map