@velora-dex/widget 0.5.0 → 0.6.0

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

@@ -1 +1 @@
-{"version":3,"file":"LimitOrderDetails.js","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"],"names":["detailsClasses","root","title","value","LimitOrderDetails","t0","$","_c","controlsProps","selectedOrder","order","t1","id","t2","status","DeltaOrderStatusChecker","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","useWatchDeltaAuction","order_3","t10","isLimitOrderWithExtra","constructPayReceiveInfoProps","payReceiveInfoProps","t11","overallPending","pending","executing","constructSubmitDateDetail","constructExpiresInDetail","deadline","constructOrderRateDetail","constructOrderStatusDetail","constructOrderTypeDetail","filter","isTruthy","details","t12","t13","t14","t15"],"mappings":";;;;;;;;;;;AAmBA,MAAMA,cAAAA,GAAiB;AAAA,EACrBC,IAAAA,EAAM,YAAA;AAAA,EACNC,KAAAA,EAAO,sCAAA;AAAA,EACPC,KAAAA,EAAO;AACT,CAAA;AAEO,MAAMC,oBAAoBC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAA,EAAA,IAAAC,aAAAA;AAAA,EAAA,IAAAC,aAAAA;AAAA,EAAA,IAAAH,CAAAA,QAAAD,EAAAA,EAAA;AAAC,IAAA,CAAA;AAAA,MAAAK,KAAAA,EAAAD,aAAAA;AAAAA,MAAA,GAAAD;AAAAA,KAAA,GAAAH,EAAAA;AASjCC,IAAAA,CAAAA,MAAAD,EAAAA;AAAAC,IAAAA,CAAAA,MAAAE,aAAAA;AAAAF,IAAAA,CAAAA,MAAAG,aAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAD,IAAAA,aAAAA,GAAAF,EAAA,CAAA,CAAA;AAAAG,IAAAA,aAAAA,GAAAH,EAAA,CAAA,CAAA;AAAA,EAAA;AAKc,EAAA,MAAAK,KAAAF,aAAAA,CAAaG,EAAAA;AAAG,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAP,CAAAA,CAAA,CAAA,CAAA,KAAAG,aAAAA,CAAAK,MAAAA,EAAA;AAGtBD,IAAAA,EAAAA,GAAAE,uBAAAA,CAAuBC,SAAAA,CAAUC,GAAAA,CAAKR,aAAAA,CAAaK,MAAO,CAAA;AAACR,IAAAA,CAAAA,CAAA,CAAA,IAAAG,aAAAA,CAAAK,MAAAA;AAAAR,IAAAA,CAAAA,MAAAO,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAP,EAAA,CAAA,CAAA;AAAA,EAAA;AAA5D,EAAA,MAAAY,MAACL,EAAAA;AAA2D,EAAA,IAAAM,EAAAA;AAAA,EAAA,IAAAb,CAAAA,CAAA,CAAA,CAAA,KAAAG,aAAAA,CAAAW,SAAAd,CAAAA,CAAA,CAAA,CAAA,KAAAG,aAAAA,CAAAY,QAAAA,EAAA;AACtDF,IAAAA,EAAAA,GAAAG,CAAAA,OAAAA,KAAA;AACN,MAAA,IAAI,CAACA,OAAAA,EAAO;AAAA,QAAA,OAAS,IAAA;AAAA,MAAI;AAAC,MAAA,OACnB;AAAA,QAAA,GACFA,OAAAA;AAAAA,QAAOF,OAEHX,aAAAA,CAAaW,KAAAA;AAAAA,QAAMC,UAChBZ,aAAAA,CAAaY;AAAAA,OACzB;AAAA,IAAC,CAAA;AACFf,IAAAA,CAAAA,CAAA,CAAA,IAAAG,aAAAA,CAAAW,KAAAA;AAAAd,IAAAA,CAAAA,CAAA,CAAA,IAAAG,aAAAA,CAAAY,QAAAA;AAAAf,IAAAA,CAAAA,MAAAa,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAb,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAiB,EAAAA;AAAA,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAApB,CAAAA,CAAA,CAAA,CAAA,KAAAE,aAAAA,EAAAmB,MAAAA,EAAA;AACiBJ,IAAAA,EAAAA,GAAAb,CAAAA,KAAAA,KAAA;AAChBF,MAAAA,aAAAA,EAAamB,MAAAA,EAAaC,GAAAA,CAAC,qBAAA,EAAuBlB,KAAK,CAAA;AAAA,IAAC,CAAA;AAExCc,IAAAA,EAAAA,GAAAK,CAAAA,OAAAA,KAAA;AAChBrB,MAAAA,aAAAA,EAAamB,MAAAA,EAAaC,GAAAA,CAAC,qBAAA,EAAuBlB,OAAK,CAAA;AAAA,IAAC,CAAA;AAExCe,IAAAA,EAAAA,GAAAK,CAAAA,OAAAA,KAAA;AAChBtB,MAAAA,aAAAA,EAAamB,MAAAA,EAAaC,GAAAA,CAAC,qBAAA,EAAuBlB,OAAK,CAAA;AAAA,IAAC,CAAA;AAEnCgB,IAAAA,EAAAA,GAAAK,CAAAA,OAAAA,KAAA;AACrBvB,MAAAA,aAAAA,EAAamB,MAAAA,EAAaC,GAAAA,CAAC,qBAAA,EAAuBlB,OAAK,CAAA;AAAA,IAAC,CAAA;AACzDJ,IAAAA,CAAAA,CAAA,CAAA,IAAAE,aAAAA,EAAAmB,MAAAA;AAAArB,IAAAA,CAAAA,MAAAiB,EAAAA;AAAAjB,IAAAA,CAAAA,OAAAkB,EAAAA;AAAAlB,IAAAA,CAAAA,OAAAmB,EAAAA;AAAAnB,IAAAA,CAAAA,OAAAoB,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAH,IAAAA,EAAAA,GAAAjB,EAAA,CAAA,CAAA;AAAAkB,IAAAA,EAAAA,GAAAlB,EAAA,EAAA,CAAA;AAAAmB,IAAAA,EAAAA,GAAAnB,EAAA,EAAA,CAAA;AAAAoB,IAAAA,EAAAA,GAAApB,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAA0B,EAAAA;AAAA,EAAA,IAAA1B,CAAAA,CAAA,EAAA,CAAA,KAAAG,aAAAA,CAAAG,EAAAA,IAAAN,CAAAA,CAAA,EAAA,CAAA,KAAAY,EAAAA,IAAAZ,CAAAA,CAAA,EAAA,CAAA,KAAAa,EAAAA,IAAAb,CAAAA,CAAA,EAAA,CAAA,KAAAiB,EAAAA,IAAAjB,CAAAA,CAAA,EAAA,CAAA,KAAAkB,EAAAA,IAAAlB,CAAAA,CAAA,EAAA,CAAA,KAAAmB,EAAAA,IAAAnB,CAAAA,CAAA,EAAA,CAAA,KAAAoB,EAAAA,EAAA;AAzByCM,IAAAA,EAAAA,GAAA;AAAA,MAAAC,OAAAA,EACjCtB,EAAAA;AAAAA,MAAgBuB,OAAAA,EAGvBhB,EAAAA;AAAAA,MAA4DiB,MAAAA,EACtDhB,EAAAA;AAAAA,MAQPiB,gBAAAA,EACiBb,EAAAA;AAAAA,MAEjBc,gBAAAA,EACiBb,EAAAA;AAAAA,MAEjBc,gBAAAA,EACiBb,EAAAA;AAAAA,MAEjBc,qBAAAA,EACsBb;AAAAA,KAGzB;AAACpB,IAAAA,CAAAA,CAAA,EAAA,IAAAG,aAAAA,CAAAG,EAAAA;AAAAN,IAAAA,CAAAA,OAAAY,EAAAA;AAAAZ,IAAAA,CAAAA,OAAAa,EAAAA;AAAAb,IAAAA,CAAAA,OAAAiB,EAAAA;AAAAjB,IAAAA,CAAAA,OAAAkB,EAAAA;AAAAlB,IAAAA,CAAAA,OAAAmB,EAAAA;AAAAnB,IAAAA,CAAAA,OAAAoB,EAAAA;AAAApB,IAAAA,CAAAA,OAAA0B,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAA1B,EAAA,EAAA,CAAA;AAAA,EAAA;AA3BH,EAAA,MAAA;AAAA,IAAAkC,IAAAA,EAAAC;AAAAA,GAAA,GACEC,qBAA4CV,EA0B3C,CAAA;AAEH,EAAA,MAAAW,UAAcF,mBAAAA,IAAAhC,aAAAA;AAAqC,EAAA,IAAAmC,GAAAA;AAAA,EAAA,IAAAtC,CAAAA,SAAAqC,OAAAA,EAAA;AAGjDC,IAAAA,GAAAA,GAAAC,qBAAAA,CAAsBnC,OAA4C,CAAA,IAAlCoC,4BAAAA,CAA6BpC,OAAK,CAAA;AAACJ,IAAAA,CAAAA,OAAAqC,OAAAA;AAAArC,IAAAA,CAAAA,OAAAsC,GAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,GAAAA,GAAAtC,EAAA,EAAA,CAAA;AAAA,EAAA;AADrE,EAAA,MAAAyC,mBAAAA,GACEH,GAAAA;AAAoE,EAAA,IAAAI,GAAAA;AAAA,EAAA,IAAA1C,CAAAA,SAAAqC,OAAAA,EAAA;AAEtE,IAAA,MAAAM,cAAAA,GACElC,uBAAAA,CAAuBmC,OAAAA,CAAQjC,GAAAA,CAAKP,OAAAA,CAAKI,MACS,CAAA,IAAlDC,uBAAAA,CAAuBoC,SAAAA,CAAUlC,GAAAA,CAAKP,OAAAA,CAAKI,MAAO,CAAA;AAEjBkC,IAAAA,GAAAA,GAAA,CACjCI,yBAAAA,CAA0B1C,OAAK,CAAA,EAC/BuC,kBACEI,wBAAAA,CAAyB;AAAA,MAAAC,QAAAA,EACb5C,QAAKA,KAAAA,CAAM4C;AAAAA,KACtB,CAAA,EACHC,wBAAAA,CAAyB7C,OAAK,CAAA,EAC9B8C,0BAAAA,CAA2B9C,OAAK,CAAA,EAChC+C,wBAAAA,CAAyB/C,OAAK,CAAC,CAAA,CAChCgD,OAAQC,QAAQ,CAAA;AAACrD,IAAAA,CAAAA,OAAAqC,OAAAA;AAAArC,IAAAA,CAAAA,OAAA0C,GAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,GAAAA,GAAA1C,EAAA,EAAA,CAAA;AAAA,EAAA;AATlB,EAAA,MAAAsD,OAAAA,GAAmCZ,GAAAA;AAShB,EAAA,IAAAa,GAAAA;AAAA,EAAA,IAAAvD,CAAAA,SAAAyC,mBAAAA,EAAA;AAIdc,IAAAA,GAAAA,GAAAd,mBAAAA,oBAAuB,GAAA,CAAC,cAAA,EAAA,EAAc,GAAKA,mBAAAA,EAAmB,CAAA;AAAIzC,IAAAA,CAAAA,OAAAyC,mBAAAA;AAAAzC,IAAAA,CAAAA,OAAAuD,GAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,GAAAA,GAAAvD,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAwD,GAAAA;AAAA,EAAA,IAAAxD,CAAAA,SAAAsD,OAAAA,EAAA;AACnEE,IAAAA,GAAAA,mBAAA,GAAA,CAAC,mBAAA,EAAA,EAA6BF,OAAAA,EAAkB5D,OAAAA,EAAAA,cAAAA,EAAc,CAAA;AAAIM,IAAAA,CAAAA,OAAAsD,OAAAA;AAAAtD,IAAAA,CAAAA,OAAAwD,GAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,GAAAA,GAAAxD,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAyD,GAAAA;AAAA,EAAA,IAAAzD,EAAA,EAAA,CAAA,KAAAE,iBAAAF,CAAAA,SAAAqC,OAAAA,EAAA;AAClEoB,IAAAA,GAAAA,mBAAA,GAAA,CAAC,QAAA,EAAA,EAAgBrD,KAAAA,EAAAA,OAAAA,EAAK,GAAMF,aAAAA,EAAa,CAAA;AAAIF,IAAAA,CAAAA,OAAAE,aAAAA;AAAAF,IAAAA,CAAAA,OAAAqC,OAAAA;AAAArC,IAAAA,CAAAA,OAAAyD,GAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,GAAAA,GAAAzD,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAA0D,GAAAA;AAAA,EAAA,IAAA1D,CAAAA,CAAA,EAAA,CAAA,KAAAuD,GAAAA,IAAAvD,CAAAA,SAAAwD,GAAAA,IAAAxD,CAAAA,CAAA,EAAA,CAAA,KAAAyD,GAAAA,EAAA;AAH/CC,IAAAA,GAAAA,iCAAe,SAAA,EAAA,uCAAA,EACZH,QAAAA,EAAAA;AAAAA,MAAAA,GAAAA;AAAAA,MACDC,GAAAA;AAAAA,MACAC;AAAAA,KAAAA,EACF,CAAA;AAAMzD,IAAAA,CAAAA,OAAAuD,GAAAA;AAAAvD,IAAAA,CAAAA,OAAAwD,GAAAA;AAAAxD,IAAAA,CAAAA,OAAAyD,GAAAA;AAAAzD,IAAAA,CAAAA,OAAA0D,GAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,GAAAA,GAAA1D,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAJN0D,GAAAA;AAIM;;;;"}
+{"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":";;;;;;;;;;;AAmBA,IAAMgB,IAAiB;CACrBC,MAAM;CACNC,OAAO;CACPC,OAAO;CACR,EAEYC,KAAoBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAAC,GAAAC;AAAA,CAAAH,EAAA,OAAAD,KAShCG,IAAAF,EAAA,IAAAG,IAAAH,EAAA,OATiC,CAAAI,OAAAD,MAAAD,KAAAH,GASjCC,EAAA,KAAAD,GAAAC,EAAA,KAAAE,GAAAF,EAAA,KAAAG;CAKc,IAAAE,IAAAF,EAAaG,IAAGC;AAAA,CAAAP,EAAA,OAAAG,EAAAK,SAGqCD,IAAAP,EAAA,MAA3DO,IAAAzB,EAAuB2B,UAAUC,IAAKP,EAAaK,OAAQ,EAAAR,EAAA,KAAAG,EAAAK,QAAAR,EAAA,KAAAO;CAA5D,IAAAI,IAAA,CAACJ,GAA2DK;AAAA,CAAAZ,EAAA,OAAAG,EAAAU,SAAAb,EAAA,OAAAG,EAAAW,YACtDF,KAAAG,MACDA,IACE;EAAA,GACFA;EAAOF,OAEHV,EAAaU;EAAMC,UAChBX,EAAaW;EACxB,GANoB,MAOtBd,EAAA,KAAAG,EAAAU,OAAAb,EAAA,KAAAG,EAAAW,UAAAd,EAAA,KAAAY,KAAAA,IAAAZ,EAAA;CAAA,IAAAgB,GAAAC,GAAAC,GAAAC;AAAA,CAAAnB,EAAA,OAAAE,GAAAkB,UAYAJ,IAAAhB,EAAA,IAAAiB,IAAAjB,EAAA,KAAAkB,IAAAlB,EAAA,KAAAmB,IAAAnB,EAAA,QAXiBgB,KAAAZ,MAAA;AAChBF,KAAakB,QAAaC,IAAC,uBAAuBjB,EAAM;IAExCa,KAAAK,MAAA;AAChBpB,KAAakB,QAAaC,IAAC,uBAAuBjB,EAAM;IAExCc,KAAAK,MAAA;AAChBrB,KAAakB,QAAaC,IAAC,uBAAuBjB,EAAM;IAEnCe,KAAAK,MAAA;AACrBtB,KAAakB,QAAaC,IAAC,uBAAuBjB,EAAM;IACzDJ,EAAA,KAAAE,GAAAkB,QAAApB,EAAA,KAAAgB,GAAAhB,EAAA,MAAAiB,GAAAjB,EAAA,MAAAkB,GAAAlB,EAAA,MAAAmB;CAAA,IAAAM;AAAA,CAAAzB,EAAA,QAAAG,EAAAG,MAAAN,EAAA,QAAAW,KAAAX,EAAA,QAAAY,KAAAZ,EAAA,QAAAgB,KAAAhB,EAAA,QAAAiB,KAAAjB,EAAA,QAAAkB,KAAAlB,EAAA,QAAAmB,KAzByCM,IAAA;EAAAC,SACjCrB;EAAgBsB,SAGvBhB;EAA4DiB,QACtDhB;EAQPiB,kBACiBb;EAEjBc,kBACiBb;EAEjBc,kBACiBb;EAEjBc,uBACsBb;EAGxB,EAAAnB,EAAA,MAAAG,EAAAG,IAAAN,EAAA,MAAAW,GAAAX,EAAA,MAAAY,GAAAZ,EAAA,MAAAgB,GAAAhB,EAAA,MAAAiB,GAAAjB,EAAA,MAAAkB,GAAAlB,EAAA,MAAAmB,GAAAnB,EAAA,MAAAyB,KAAAA,IAAAzB,EAAA;CA3BH,IAAA,EAAAiC,MAAAC,MACEzC,EAA4CgC,EA0B1C,EAEJU,IAAcD,KAAA/B,GAAqCiC;AAAA,CAAApC,EAAA,QAAAmC,IAGkBC,IAAApC,EAAA,OAAnEoC,IAAA5C,EAAsBY,EAA6C,IAAnChB,EAA6BgB,EAAM,EAAAJ,EAAA,MAAAmC,GAAAnC,EAAA,MAAAoC;CADrE,IAAAC,IACED,GAAoEE;AAAA,KAAAtC,EAAA,QAAAmC,GAAA;EAEtE,IAAAI,IACEzD,EAAuB0D,QAAQ9B,IAAKN,EAAKI,OACU,IAAnD1B,EAAuB2D,UAAU/B,IAAKN,EAAKI,OAAQ;AAWnCR,EATiBsC,IAAA;GACjCjD,EAA0Be,EAAM;GAChCmC,KACEvD,EAAyB,EAAA0D,UACbtC,EAAKA,MAAMsC,UACtB,CAAC;GACJzD,EAAyBmB,EAAM;GAC/BlB,EAA2BkB,EAAM;GACjCjB,EAAyBiB,EAAM;GAChC,CAAAuC,OAAQ/D,EAAS,EAAAoB,EAAA,MAAAmC,GAAAnC,EAAA,MAAAsC;OAAAA,KAAAtC,EAAA;CATlB,IAAA4C,IAAmCN,GAShBO;AAAA,CAAA7C,EAAA,QAAAqC,IAIoDQ,IAAA7C,EAAA,OAAlE6C,IAAAR,KAAuB,kBAAC,GAAD,EAAe,GAAKA,GAAuB,CAAA,EAAArC,EAAA,MAAAqC,GAAArC,EAAA,MAAA6C;CAAA,IAAAC;AAAA,CAAA9C,EAAA,QAAA4C,IACDE,IAAA9C,EAAA,OAAlE8C,IAAA,kBAAC,GAAD;EAA8BF;EAAkBlD,SAAAA;EAAkB,CAAA,EAAAM,EAAA,MAAA4C,GAAA5C,EAAA,MAAA8C;CAAA,IAAAC;AAAA,CAAA/C,EAAA,QAAAE,KAAAF,EAAA,QAAAmC,KAClEY,IAAA,kBAAC,GAAD;EAAiB3C,OAAAA;EAAK,GAAMF;EAAiB,CAAA,EAAAF,EAAA,MAAAE,GAAAF,EAAA,MAAAmC,GAAAnC,EAAA,MAAA+C,KAAAA,IAAA/C,EAAA;CAAA,IAAAgD;AACzC,QADyChD,EAAA,QAAA6C,KAAA7C,EAAA,QAAA8C,KAAA9C,EAAA,QAAA+C,KAH/CC,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf;GACGH;GACDC;GACAC;GACI;KAAA/C,EAAA,MAAA6C,GAAA7C,EAAA,MAAA8C,GAAA9C,EAAA,MAAA+C,GAAA/C,EAAA,MAAAgD,KAAAA,IAAAhD,EAAA,KAJNgD"}

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

@@ -1,98 +1,86 @@
-import { jsx } from 'react/jsx-runtime';
-import dayjs from 'dayjs';
-import { TimeTillExpiry, Rate, StatusBadge } from '../LimitOrderListItem.js';
-import { formatTokenAmount } from '../../../../lib/utils/formatTokenBalance.js';
-
-function constructSubmitDateDetail({
-  createdAt
-}) {
-  return {
-    title: "Submit Date",
-    value: dayjs(createdAt).format("DD MMM YYYY h:mm A")
-  };
+import { formatTokenAmount as e } from "../../../../lib/utils/formatTokenBalance.js";
+import { Rate as t, StatusBadge as n, TimeTillExpiry as r } from "../LimitOrderListItem.js";
+import { jsx as i } from "react/jsx-runtime";
+import a from "dayjs";
+//#region src/components/widget/LimitOrderItem/LimitOrderDetails/utils.tsx
+function o({ createdAt: e }) {
+	return {
+		title: "Submit Date",
+		value: a(e).format("DD MMM YYYY h:mm A")
+	};
 }
-const timeTillExpiryClasses = {
-  root: "dark:text-contrast-6"
-};
-function constructExpiresInDetail({
-  deadline
-}) {
-  return {
-    title: "Expires in",
-    value: /* @__PURE__ */ jsx(TimeTillExpiry, { deadline, classes: timeTillExpiryClasses })
-  };
+var s = { root: "dark:text-contrast-6" };
+function c({ deadline: e }) {
+	return {
+		title: "Expires in",
+		value: /* @__PURE__ */ i(r, {
+			deadline: e,
+			classes: s
+		})
+	};
 }
-const rateClasses = {
-  left: "dark:text-contrast-6",
-  right: "dark:text-contrast-6"
+var l = {
+	left: "dark:text-contrast-6",
+	right: "dark:text-contrast-6"
 };
-function constructOrderRateDetail({
-  extra
-}) {
-  return {
-    title: "Order Rate",
-    value: /* @__PURE__ */ jsx(Rate, { extra, classes: rateClasses })
-  };
+function u({ extra: e }) {
+	return {
+		title: "Order Rate",
+		value: /* @__PURE__ */ i(t, {
+			extra: e,
+			classes: l
+		})
+	};
 }
-function constructOrderStatusDetail(order) {
-  return {
-    title: "Order Status",
-    value: /* @__PURE__ */ jsx(StatusBadge, { status: order.status })
-  };
+function d(e) {
+	return {
+		title: "Order Status",
+		value: /* @__PURE__ */ i(n, { status: e.status })
+	};
 }
-function constructOrderTypeDetail(order) {
-  return {
-    title: "Order Type",
-    value: order.type
-  };
+function f(e) {
+	return {
+		title: "Order Type",
+		value: e.type
+	};
 }
-const tokenBadgeClasses = {
-  amount: "dark:text-contrast-9",
-  symbol: "dark:text-contrast-9",
-  logo: "size-[18px]"
+var p = {
+	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"
-    }
-  };
+function m({ extra: t }) {
+	let { srcToken: n, destToken: r, srcAmountUnit: i, destAmountUnit: a } = t, o = e(i), s = e(a), c = {
+		address: n.address,
+		symbol: n.symbol,
+		chainId: n.network,
+		img: n.img,
+		amount: o,
+		amountPosition: "right",
+		classes: p,
+		showNetworkIcon: !0
+	}, l = {
+		address: r.address,
+		symbol: r.symbol,
+		chainId: r.network,
+		img: r.img,
+		amount: s,
+		amountPosition: "right",
+		classes: p,
+		showNetworkIcon: !0
+	};
+	return {
+		topToken: {
+			tokenBadgeProps: c,
+			label: "Pay"
+		},
+		bottomToken: {
+			tokenBadgeProps: l,
+			label: "Receive"
+		}
+	};
 }
+//#endregion
+export { c as constructExpiresInDetail, u as constructOrderRateDetail, d as constructOrderStatusDetail, f as constructOrderTypeDetail, m as constructPayReceiveInfoProps, o as constructSubmitDateDetail };
 
-export { constructExpiresInDetail, constructOrderRateDetail, constructOrderStatusDetail, constructOrderTypeDetail, constructPayReceiveInfoProps, constructSubmitDateDetail };
-//# sourceMappingURL=utils.js.map
+//# sourceMappingURL=utils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../src/components/widget/LimitOrderItem/LimitOrderDetails/utils.tsx"],"sourcesContent":["import dayjs from \"dayjs\";\nimport type {\n  LimitOrderItem,\n  LimitOrderItemExtra,\n  RequiredLimitOrderItemExtra,\n} from \"../types\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport type { PayReceiveInfoProps } from \"../../PayReceiveInfo/types\";\nimport { Rate, StatusBadge, TimeTillExpiry } from \"../LimitOrderListItem\";\nimport { formatTokenAmount } from \"@/lib/utils/formatTokenBalance\";\nimport type { TokenBadgeProps } from \"../../TokenBadge/types\";\n\nexport function constructSubmitDateDetail({\n  createdAt,\n}: {\n  createdAt: string | number;\n}): DetailWithValue {\n  return {\n    title: \"Submit Date\",\n    value: dayjs(createdAt).format(\"DD MMM YYYY h:mm A\"),\n  };\n}\n\nconst timeTillExpiryClasses = {\n  root: \"dark:text-contrast-6\",\n};\n\nexport function constructExpiresInDetail({\n  deadline,\n}: {\n  deadline: number;\n}): DetailWithValue {\n  return {\n    title: \"Expires in\",\n    value: (\n      <TimeTillExpiry deadline={deadline} classes={timeTillExpiryClasses} />\n    ),\n  };\n}\n\nconst rateClasses = {\n  left: \"dark:text-contrast-6\",\n  right: \"dark:text-contrast-6\",\n};\n\nexport function constructOrderRateDetail({\n  extra,\n}: {\n  extra: LimitOrderItemExtra;\n}): DetailWithValue {\n  return {\n    title: \"Order Rate\",\n    value: <Rate extra={extra} classes={rateClasses} />,\n  };\n}\n\nexport function constructOrderStatusDetail(\n  order: LimitOrderItem\n): DetailWithValue {\n  return {\n    title: \"Order Status\",\n    value: <StatusBadge status={order.status} />,\n  };\n}\n\nexport function constructOrderTypeDetail(\n  order: LimitOrderItem\n): DetailWithValue {\n  return {\n    title: \"Order Type\",\n    value: order.type,\n  };\n}\n\nconst tokenBadgeClasses = {\n  amount: \"dark:text-contrast-9\",\n  symbol: \"dark:text-contrast-9\",\n  logo: \"size-[18px]\",\n};\n\nexport function constructPayReceiveInfoProps({\n  extra,\n}: {\n  extra: RequiredLimitOrderItemExtra;\n}): PayReceiveInfoProps {\n  const { srcToken, destToken, srcAmountUnit, destAmountUnit } = extra;\n\n  const formattedSrcAmount = formatTokenAmount(srcAmountUnit);\n  const formattedDestAmount = formatTokenAmount(destAmountUnit);\n\n  const topTokenBadgeProps: TokenBadgeProps = {\n    address: srcToken.address,\n    symbol: srcToken.symbol,\n    chainId: srcToken.network,\n    img: srcToken.img,\n    amount: formattedSrcAmount,\n    amountPosition: \"right\" as const,\n    classes: tokenBadgeClasses,\n    showNetworkIcon: true,\n  };\n\n  const bottomTokenBadgeProps: TokenBadgeProps = {\n    address: destToken.address,\n    symbol: destToken.symbol,\n    chainId: destToken.network,\n    img: destToken.img,\n    amount: formattedDestAmount,\n    amountPosition: \"right\" as const,\n    classes: tokenBadgeClasses,\n    showNetworkIcon: true,\n  };\n\n  return {\n    topToken: {\n      tokenBadgeProps: topTokenBadgeProps,\n      label: \"Pay\",\n    },\n    bottomToken: {\n      tokenBadgeProps: bottomTokenBadgeProps,\n      label: \"Receive\",\n    },\n  };\n}\n"],"names":["constructSubmitDateDetail","createdAt","title","value","dayjs","format","timeTillExpiryClasses","root","constructExpiresInDetail","deadline","rateClasses","left","right","constructOrderRateDetail","extra","constructOrderStatusDetail","order","status","constructOrderTypeDetail","type","tokenBadgeClasses","amount","symbol","logo","constructPayReceiveInfoProps","srcToken","destToken","srcAmountUnit","destAmountUnit","formattedSrcAmount","formatTokenAmount","formattedDestAmount","topTokenBadgeProps","address","chainId","network","img","amountPosition","classes","showNetworkIcon","bottomTokenBadgeProps","topToken","tokenBadgeProps","label","bottomToken"],"mappings":"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"}
+{"version":3,"file":"utils.js","names":["dayjs","LimitOrderItem","LimitOrderItemExtra","RequiredLimitOrderItemExtra","DetailWithValue","PayReceiveInfoProps","Rate","StatusBadge","TimeTillExpiry","formatTokenAmount","TokenBadgeProps","constructSubmitDateDetail","createdAt","title","value","format","timeTillExpiryClasses","root","constructExpiresInDetail","deadline","rateClasses","left","right","constructOrderRateDetail","extra","constructOrderStatusDetail","order","status","constructOrderTypeDetail","type","tokenBadgeClasses","amount","symbol","logo","constructPayReceiveInfoProps","srcToken","destToken","srcAmountUnit","destAmountUnit","formattedSrcAmount","formattedDestAmount","topTokenBadgeProps","address","chainId","network","img","amountPosition","const","classes","showNetworkIcon","bottomTokenBadgeProps","topToken","tokenBadgeProps","label","bottomToken"],"sources":["../../../../../src/components/widget/LimitOrderItem/LimitOrderDetails/utils.tsx"],"sourcesContent":["import dayjs from \"dayjs\";\nimport type {\n  LimitOrderItem,\n  LimitOrderItemExtra,\n  RequiredLimitOrderItemExtra,\n} from \"../types\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport type { PayReceiveInfoProps } from \"../../PayReceiveInfo/types\";\nimport { Rate, StatusBadge, TimeTillExpiry } from \"../LimitOrderListItem\";\nimport { formatTokenAmount } from \"@/lib/utils/formatTokenBalance\";\nimport type { TokenBadgeProps } from \"../../TokenBadge/types\";\n\nexport function constructSubmitDateDetail({\n  createdAt,\n}: {\n  createdAt: string | number;\n}): DetailWithValue {\n  return {\n    title: \"Submit Date\",\n    value: dayjs(createdAt).format(\"DD MMM YYYY h:mm A\"),\n  };\n}\n\nconst timeTillExpiryClasses = {\n  root: \"dark:text-contrast-6\",\n};\n\nexport function constructExpiresInDetail({\n  deadline,\n}: {\n  deadline: number;\n}): DetailWithValue {\n  return {\n    title: \"Expires in\",\n    value: (\n      <TimeTillExpiry deadline={deadline} classes={timeTillExpiryClasses} />\n    ),\n  };\n}\n\nconst rateClasses = {\n  left: \"dark:text-contrast-6\",\n  right: \"dark:text-contrast-6\",\n};\n\nexport function constructOrderRateDetail({\n  extra,\n}: {\n  extra: LimitOrderItemExtra;\n}): DetailWithValue {\n  return {\n    title: \"Order Rate\",\n    value: <Rate extra={extra} classes={rateClasses} />,\n  };\n}\n\nexport function constructOrderStatusDetail(\n  order: LimitOrderItem\n): DetailWithValue {\n  return {\n    title: \"Order Status\",\n    value: <StatusBadge status={order.status} />,\n  };\n}\n\nexport function constructOrderTypeDetail(\n  order: LimitOrderItem\n): DetailWithValue {\n  return {\n    title: \"Order Type\",\n    value: order.type,\n  };\n}\n\nconst tokenBadgeClasses = {\n  amount: \"dark:text-contrast-9\",\n  symbol: \"dark:text-contrast-9\",\n  logo: \"size-[18px]\",\n};\n\nexport function constructPayReceiveInfoProps({\n  extra,\n}: {\n  extra: RequiredLimitOrderItemExtra;\n}): PayReceiveInfoProps {\n  const { srcToken, destToken, srcAmountUnit, destAmountUnit } = extra;\n\n  const formattedSrcAmount = formatTokenAmount(srcAmountUnit);\n  const formattedDestAmount = formatTokenAmount(destAmountUnit);\n\n  const topTokenBadgeProps: TokenBadgeProps = {\n    address: srcToken.address,\n    symbol: srcToken.symbol,\n    chainId: srcToken.network,\n    img: srcToken.img,\n    amount: formattedSrcAmount,\n    amountPosition: \"right\" as const,\n    classes: tokenBadgeClasses,\n    showNetworkIcon: true,\n  };\n\n  const bottomTokenBadgeProps: TokenBadgeProps = {\n    address: destToken.address,\n    symbol: destToken.symbol,\n    chainId: destToken.network,\n    img: destToken.img,\n    amount: formattedDestAmount,\n    amountPosition: \"right\" as const,\n    classes: tokenBadgeClasses,\n    showNetworkIcon: true,\n  };\n\n  return {\n    topToken: {\n      tokenBadgeProps: topTokenBadgeProps,\n      label: \"Pay\",\n    },\n    bottomToken: {\n      tokenBadgeProps: bottomTokenBadgeProps,\n      label: \"Receive\",\n    },\n  };\n}\n"],"mappings":";;;;;AAYA,SAAgBW,EAA0B,EACxCC,gBAGkB;AAClB,QAAO;EACLC,OAAO;EACPC,OAAOd,EAAMY,EAAU,CAACG,OAAO,qBAAoB;EACpD;;AAGH,IAAMC,IAAwB,EAC5BC,MAAM,wBACP;AAED,SAAgBC,EAAyB,EACvCC,eAGkB;AAClB,QAAO;EACLN,OAAO;EACPC,OACE,kBAAC,GAAD;GAA0BK;GAAU,SAASH;GAAsB,CAAA;EAEtE;;AAGH,IAAMI,IAAc;CAClBC,MAAM;CACNC,OAAO;CACR;AAED,SAAgBC,EAAyB,EACvCC,YAGkB;AAClB,QAAO;EACLX,OAAO;EACPC,OAAO,kBAAC,GAAD;GAAaU;GAAO,SAASJ;GAAY,CAAA;EACjD;;AAGH,SAAgBK,EACdC,GACiB;AACjB,QAAO;EACLb,OAAO;EACPC,OAAO,kBAAC,GAAD,EAAa,QAAQY,EAAMC,QAAO,CAAA;EAC1C;;AAGH,SAAgBC,EACdF,GACiB;AACjB,QAAO;EACLb,OAAO;EACPC,OAAOY,EAAMG;EACd;;AAGH,IAAMC,IAAoB;CACxBC,QAAQ;CACRC,QAAQ;CACRC,MAAM;CACP;AAED,SAAgBC,EAA6B,EAC3CV,YAGsB;CACtB,IAAM,EAAEW,aAAUC,cAAWC,kBAAeC,sBAAmBd,GAEzDe,IAAqB9B,EAAkB4B,EAAc,EACrDG,IAAsB/B,EAAkB6B,EAAe,EAEvDG,IAAsC;EAC1CC,SAASP,EAASO;EAClBV,QAAQG,EAASH;EACjBW,SAASR,EAASS;EAClBC,KAAKV,EAASU;EACdd,QAAQQ;EACRO,gBAAgB;EAChBE,SAASlB;EACTmB,iBAAiB;EAClB,EAEKC,IAAyC;EAC7CR,SAASN,EAAUM;EACnBV,QAAQI,EAAUJ;EAClBW,SAASP,EAAUQ;EACnBC,KAAKT,EAAUS;EACfd,QAAQS;EACRM,gBAAgB;EAChBE,SAASlB;EACTmB,iBAAiB;EAClB;AAED,QAAO;EACLE,UAAU;GACRC,iBAAiBX;GACjBY,OAAO;GACR;EACDC,aAAa;GACXF,iBAAiBF;GACjBG,OAAO;GACT;EACD"}