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

package/dist/components/widget/Dialog/state/dialogAtom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialogAtom.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/Dialog/state/dialogAtom.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAezE,KAAK,UAAU,GAAG,MAAM,OAAO,YAAY,CAAC;AAE5C,KAAK,sBAAsB,GAAG;IAC5B,UAAU,EAAE,UAAU,CAAC;IACvB,WAAW,CAAC,EAAE;SACX,GAAG,IAAI,UAAU,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC,OAAO,YAAY,CAAC,CAAC,GAAG,CAAC,CAAC;KACvE,CAAC;CACH,CAAC;AAmBF,KAAK,mBAAmB,GAAG;IAEzB,MAAM,EAAE,sBAAsB,GAAG,IAAI,CAAC;IACtC,qBAAqB,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAC/D,uBAAuB,EAAE,MAAM,IAAI,CAAC;IACpC,yBAAyB,EAAE,MAAM,IAAI,CAAC;IACtC,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,aAAa,QAAO,mBAiDhC,CAAC"}
+{"version":3,"file":"dialogAtom.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/Dialog/state/dialogAtom.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAepD,KAAK,UAAU,GAAG,MAAM,OAAO,YAAY,CAAC;AAE5C,KAAK,sBAAsB,GAAG;IAC5B,UAAU,EAAE,UAAU,CAAC;IACvB,WAAW,CAAC,EAAE;SACX,GAAG,IAAI,UAAU,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC,OAAO,YAAY,CAAC,CAAC,GAAG,CAAC,CAAC;KACvE,CAAC;CACH,CAAC;AAmBF,MAAM,MAAM,mBAAmB,GAAG;IAEhC,MAAM,EAAE,sBAAsB,GAAG,IAAI,CAAC;IACtC,uBAAuB,EAAE,MAAM,IAAI,CAAC;IACpC,yBAAyB,EAAE,MAAM,IAAI,CAAC;IACtC,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,aAAa,QAAO,mBAkChC,CAAC"}

package/dist/components/widget/Dialog/state/dialogAtom.js

@@ -4,7 +4,7 @@ import 'react';
 
 const dialogAtom = atom(null);
 const useDialogAtom = () => {
-  const $ = distExports.c(19);
+  const $ = distExports.c(15);
   const [dialog, setDialog] = useAtom(dialogAtom);
   let t0;
   let t1;
@@ -20,12 +20,9 @@ const useDialogAtom = () => {
   const closeDialog = t1;
   let t2;
   if ($[2] !== setDialog) {
-    t2 = (props) => {
+    t2 = () => {
       setDialog({
-        dialogType: "selectToken",
-        dialogProps: {
-          selectToken: props
-        }
+        dialogType: "connectWallet"
       });
     };
     $[2] = setDialog;
@@ -33,12 +30,12 @@ const useDialogAtom = () => {
   } else {
     t2 = $[3];
   }
-  const showSelectTokenDialog = t2;
+  const showConnectWalletDialog = t2;
   let t3;
   if ($[4] !== setDialog) {
     t3 = () => {
       setDialog({
-        dialogType: "connectWallet"
+        dialogType: "receiverAddress"
       });
     };
     $[4] = setDialog;
@@ -46,62 +43,44 @@ const useDialogAtom = () => {
   } else {
     t3 = $[5];
   }
-  const showConnectWalletDialog = t3;
+  const showReceiverAddressDialog = t3;
   let t4;
-  if ($[6] !== setDialog) {
-    t4 = () => {
-      setDialog({
-        dialogType: "receiverAddress"
-      });
-    };
-    $[6] = setDialog;
-    $[7] = t4;
-  } else {
-    t4 = $[7];
-  }
-  const showReceiverAddressDialog = t4;
-  let t5;
-  if ($[8] !== closeDialog || $[9] !== showConnectWalletDialog || $[10] !== showReceiverAddressDialog || $[11] !== showSelectTokenDialog) {
-    t5 = {
+  if ($[6] !== closeDialog || $[7] !== showConnectWalletDialog || $[8] !== showReceiverAddressDialog) {
+    t4 = {
       closeDialog,
-      showSelectTokenDialog,
       showConnectWalletDialog,
       showReceiverAddressDialog
     };
-    $[8] = closeDialog;
-    $[9] = showConnectWalletDialog;
-    $[10] = showReceiverAddressDialog;
-    $[11] = showSelectTokenDialog;
-    $[12] = t5;
+    $[6] = closeDialog;
+    $[7] = showConnectWalletDialog;
+    $[8] = showReceiverAddressDialog;
+    $[9] = t4;
   } else {
-    t5 = $[12];
+    t4 = $[9];
   }
-  t0 = t5;
+  t0 = t4;
   const {
     closeDialog: closeDialog_0,
-    showSelectTokenDialog: showSelectTokenDialog_0,
     showConnectWalletDialog: showConnectWalletDialog_0,
     showReceiverAddressDialog: showReceiverAddressDialog_0
   } = t0;
-  let t6;
-  if ($[13] !== closeDialog_0 || $[14] !== dialog || $[15] !== showConnectWalletDialog_0 || $[16] !== showReceiverAddressDialog_0 || $[17] !== showSelectTokenDialog_0) {
-    t6 = {
+  let t5;
+  if ($[10] !== closeDialog_0 || $[11] !== dialog || $[12] !== showConnectWalletDialog_0 || $[13] !== showReceiverAddressDialog_0) {
+    t5 = {
       dialog,
-      showSelectTokenDialog: showSelectTokenDialog_0,
       showConnectWalletDialog: showConnectWalletDialog_0,
       showReceiverAddressDialog: showReceiverAddressDialog_0,
       closeDialog: closeDialog_0
     };
-    $[13] = closeDialog_0;
-    $[14] = dialog;
-    $[15] = showConnectWalletDialog_0;
-    $[16] = showReceiverAddressDialog_0;
-    $[17] = showSelectTokenDialog_0;
-    $[18] = t6;
+    $[10] = closeDialog_0;
+    $[11] = dialog;
+    $[12] = showConnectWalletDialog_0;
+    $[13] = showReceiverAddressDialog_0;
+    $[14] = t5;
   } else {
-    t6 = $[18];
+    t5 = $[14];
   }
-  return t6;
+  return t5;
 };
 
 export { useDialogAtom };

package/dist/components/widget/Dialog/state/dialogAtom.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialogAtom.js","sources":["../../../../../src/components/widget/Dialog/state/dialogAtom.ts"],"sourcesContent":["import { atom, useAtom } from \"jotai\";\nimport type { dialogByType } from \"../dialogByType\";\nimport type { SelectTokenDialogProps } from \"../SelectTokenDialog/types\";\nimport { useMemo } from \"react\";\nimport type { Prettify } from \"ts-essentials\";\n\ntype DialogPropsWithoutUnknown<\n  DType extends string,\n  DTypeProps,\n> = unknown extends DTypeProps\n  ? unknown\n  : {\n      dialogProps: {\n        [key in DType]: DTypeProps;\n      };\n    };\n\ntype DialogType = keyof typeof dialogByType;\n\ntype PermissibleDialogState = {\n  dialogType: DialogType;\n  dialogProps?: {\n    [key in DialogType]?: React.ComponentProps<(typeof dialogByType)[key]>;\n  };\n};\n\n// makes a union with exactly matching `{dialogType, dialogProps: {[dialogType]: dialogTypeProps}}`,\n// so that setDialog can only be used with one specific dialogType per call\ntype FilledDialogState = {\n  [Type in DialogType]: Prettify<\n    {\n      dialogType: Type;\n    } & DialogPropsWithoutUnknown<\n      Type,\n      React.ComponentProps<(typeof dialogByType)[Type]>\n    >\n  >;\n}[DialogType];\n\ntype DialogState = FilledDialogState | null;\n\nconst dialogAtom = atom<DialogState>(null);\n\ntype UseDialogAtomResult = {\n  // allow to destructure without \"dialogType\" in dialog.dialogProps checks\n  dialog: PermissibleDialogState | null;\n  showSelectTokenDialog: (props: SelectTokenDialogProps) => void;\n  showConnectWalletDialog: () => void;\n  showReceiverAddressDialog: () => void;\n  closeDialog: () => void;\n};\n\nexport const useDialogAtom = (): UseDialogAtomResult => {\n  const [dialog, setDialog] = useAtom(dialogAtom);\n\n  const {\n    closeDialog,\n    showSelectTokenDialog,\n    showConnectWalletDialog,\n    showReceiverAddressDialog,\n  } = useMemo(() => {\n    const closeDialog = () => {\n      setDialog(null);\n    };\n\n    const showSelectTokenDialog = (props: SelectTokenDialogProps) => {\n      setDialog({\n        dialogType: \"selectToken\",\n        dialogProps: {\n          selectToken: props,\n        },\n      });\n    };\n\n    const showConnectWalletDialog = () => {\n      setDialog({\n        dialogType: \"connectWallet\",\n      });\n    };\n\n    const showReceiverAddressDialog = () => {\n      setDialog({\n        dialogType: \"receiverAddress\",\n      });\n    };\n\n    return {\n      closeDialog,\n      showSelectTokenDialog,\n      showConnectWalletDialog,\n      showReceiverAddressDialog,\n    };\n  }, [setDialog]);\n\n  return {\n    dialog,\n    showSelectTokenDialog,\n    showConnectWalletDialog,\n    showReceiverAddressDialog,\n    closeDialog,\n  };\n};\n"],"names":["dialogAtom","atom","useDialogAtom","$","_c","dialog","setDialog","useAtom","t0","t1","closeDialog","t2","props","dialogType","dialogProps","selectToken","showSelectTokenDialog","t3","showConnectWalletDialog","t4","showReceiverAddressDialog","t5","closeDialog_0","showSelectTokenDialog_0","showConnectWalletDialog_0","showReceiverAddressDialog_0","t6"],"mappings":";;;;AAyCA,MAAMA,UAAAA,GAAaC,KAAkB,IAAI,CAAA;AAWlC,MAAMC,gBAAgBA,MAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAC3B,EAAA,MAAA,CAAAC,MAAAA,EAAAC,SAAA,CAAA,GAA4BC,QAAAP,UAAkB,CAAA;AAAE,EAAA,IAAAQ,EAAAA;AAAA,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAN,CAAAA,QAAAG,SAAAA,EAAA;AAQ1BG,IAAAA,EAAAA,GAAAA,MAAA;AAClBH,MAAAA,SAAAA,KAAc,CAAA;AAAA,IAAC,CAAA;AAChBH,IAAAA,CAAAA,MAAAG,SAAAA;AAAAH,IAAAA,CAAAA,MAAAM,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAN,EAAA,CAAA,CAAA;AAAA,EAAA;AAFD,EAAA,MAAAO,WAAAA,GAAoBD,EAAAA;AAElB,EAAA,IAAAE,EAAAA;AAAA,EAAA,IAAAR,CAAAA,QAAAG,SAAAA,EAAA;AAE4BK,IAAAA,EAAAA,GAAAC,CAAAA,KAAAA,KAAA;AAC5BN,MAAAA,SAAAA,CAAS;AAAA,QAAAO,UAAAA,EACK,aAAA;AAAA,QAAaC,WAAAA,EAAA;AAAA,UAAAC,WAAAA,EAEVH;AAAAA;AAAK,OAErB,CAAA;AAAA,IAAC,CAAA;AACHT,IAAAA,CAAAA,MAAAG,SAAAA;AAAAH,IAAAA,CAAAA,MAAAQ,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAR,EAAA,CAAA,CAAA;AAAA,EAAA;AAPD,EAAA,MAAAa,qBAAAA,GAA8BL,EAAAA;AAO5B,EAAA,IAAAM,EAAAA;AAAA,EAAA,IAAAd,CAAAA,QAAAG,SAAAA,EAAA;AAE8BW,IAAAA,EAAAA,GAAAA,MAAA;AAC9BX,MAAAA,SAAAA,CAAS;AAAA,QAAAO,UAAAA,EACK;AAAA,OACb,CAAA;AAAA,IAAC,CAAA;AACHV,IAAAA,CAAAA,MAAAG,SAAAA;AAAAH,IAAAA,CAAAA,MAAAc,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAd,EAAA,CAAA,CAAA;AAAA,EAAA;AAJD,EAAA,MAAAe,uBAAAA,GAAgCD,EAAAA;AAI9B,EAAA,IAAAE,EAAAA;AAAA,EAAA,IAAAhB,CAAAA,QAAAG,SAAAA,EAAA;AAEgCa,IAAAA,EAAAA,GAAAA,MAAA;AAChCb,MAAAA,SAAAA,CAAS;AAAA,QAAAO,UAAAA,EACK;AAAA,OACb,CAAA;AAAA,IAAC,CAAA;AACHV,IAAAA,CAAAA,MAAAG,SAAAA;AAAAH,IAAAA,CAAAA,MAAAgB,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAhB,EAAA,CAAA,CAAA;AAAA,EAAA;AAJD,EAAA,MAAAiB,yBAAAA,GAAkCD,EAAAA;AAIhC,EAAA,IAAAE,EAAAA;AAAA,EAAA,IAAAlB,CAAAA,CAAA,CAAA,CAAA,KAAAO,WAAAA,IAAAP,EAAA,CAAA,CAAA,KAAAe,uBAAAA,IAAAf,CAAAA,CAAA,EAAA,CAAA,KAAAiB,yBAAAA,IAAAjB,CAAAA,SAAAa,qBAAAA,EAAA;AAEKK,IAAAA,EAAAA,GAAA;AAAA,MAAAX,WAAAA;AAAAA,MAAAM,qBAAAA;AAAAA,MAAAE,uBAAAA;AAAAA,MAAAE;AAAAA,KAAA;AAKNjB,IAAAA,CAAAA,MAAAO,WAAAA;AAAAP,IAAAA,CAAAA,MAAAe,uBAAAA;AAAAf,IAAAA,CAAAA,OAAAiB,yBAAAA;AAAAjB,IAAAA,CAAAA,OAAAa,qBAAAA;AAAAb,IAAAA,CAAAA,OAAAkB,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAlB,EAAA,EAAA,CAAA;AAAA,EAAA;AALDK,EAAAA,EAAAA,GAAOa,EAAAA;AA/BT,EAAA,MAAA;AAAA,IAAAX,WAAAA,EAAAY,aAAAA;AAAAA,IAAAN,qBAAAA,EAAAO,uBAAAA;AAAAA,IAAAL,uBAAAA,EAAAM,yBAAAA;AAAAA,IAAAJ,yBAAAA,EAAAK;AAAAA,GAAA,GAKIjB,EAAAA;AAgCY,EAAA,IAAAkB,EAAAA;AAAA,EAAA,IAAAvB,EAAA,EAAA,CAAA,KAAAmB,iBAAAnB,CAAAA,CAAA,EAAA,MAAAE,MAAAA,IAAAF,CAAAA,CAAA,EAAA,CAAA,KAAAqB,yBAAAA,IAAArB,EAAA,EAAA,CAAA,KAAAsB,+BAAAtB,CAAAA,SAAAoB,uBAAAA,EAAA;AAETG,IAAAA,EAAAA,GAAA;AAAA,MAAArB,MAAAA;AAAAA,MAAAW,qBAAAA,EAELA,uBAAAA;AAAAA,MAAqBE,uBAAAA,EACrBA,yBAAAA;AAAAA,MAAuBE,yBAAAA,EACvBA,2BAAAA;AAAAA,MAAyBV,WAAAA,EACzBA;AAAAA,KAAW;AACZP,IAAAA,CAAAA,OAAAmB,aAAAA;AAAAnB,IAAAA,CAAAA,OAAAE,MAAAA;AAAAF,IAAAA,CAAAA,OAAAqB,yBAAAA;AAAArB,IAAAA,CAAAA,OAAAsB,2BAAAA;AAAAtB,IAAAA,CAAAA,OAAAoB,uBAAAA;AAAApB,IAAAA,CAAAA,OAAAuB,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAvB,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OANMuB,EAAAA;AAMN;;;;"}
+{"version":3,"file":"dialogAtom.js","sources":["../../../../../src/components/widget/Dialog/state/dialogAtom.ts"],"sourcesContent":["import { atom, useAtom } from \"jotai\";\nimport type { dialogByType } from \"../dialogByType\";\nimport { useMemo } from \"react\";\nimport type { Prettify } from \"ts-essentials\";\n\ntype DialogPropsWithoutUnknown<\n  DType extends string,\n  DTypeProps,\n> = unknown extends DTypeProps\n  ? unknown\n  : {\n      dialogProps: {\n        [key in DType]: DTypeProps;\n      };\n    };\n\ntype DialogType = keyof typeof dialogByType;\n\ntype PermissibleDialogState = {\n  dialogType: DialogType;\n  dialogProps?: {\n    [key in DialogType]?: React.ComponentProps<(typeof dialogByType)[key]>;\n  };\n};\n\n// makes a union with exactly matching `{dialogType, dialogProps: {[dialogType]: dialogTypeProps}}`,\n// so that setDialog can only be used with one specific dialogType per call\ntype FilledDialogState = {\n  [Type in DialogType]: Prettify<\n    {\n      dialogType: Type;\n    } & DialogPropsWithoutUnknown<\n      Type,\n      React.ComponentProps<(typeof dialogByType)[Type]>\n    >\n  >;\n}[DialogType];\n\ntype DialogState = FilledDialogState | null;\n\nconst dialogAtom = atom<DialogState>(null);\n\nexport type UseDialogAtomResult = {\n  // allow to destructure without \"dialogType\" in dialog.dialogProps checks\n  dialog: PermissibleDialogState | null;\n  showConnectWalletDialog: () => void;\n  showReceiverAddressDialog: () => void;\n  closeDialog: () => void;\n};\n\nexport const useDialogAtom = (): UseDialogAtomResult => {\n  const [dialog, setDialog] = useAtom(dialogAtom);\n\n  const { closeDialog, showConnectWalletDialog, showReceiverAddressDialog } =\n    useMemo(() => {\n      const closeDialog = () => {\n        setDialog(null);\n      };\n\n      const showConnectWalletDialog = () => {\n        setDialog({\n          dialogType: \"connectWallet\",\n        });\n      };\n\n      const showReceiverAddressDialog = () => {\n        setDialog({\n          dialogType: \"receiverAddress\",\n        });\n      };\n\n      return {\n        closeDialog,\n        showConnectWalletDialog,\n        showReceiverAddressDialog,\n      };\n    }, [setDialog]);\n\n  return {\n    dialog,\n    showConnectWalletDialog,\n    showReceiverAddressDialog,\n    closeDialog,\n  };\n};\n"],"names":["dialogAtom","atom","useDialogAtom","$","_c","dialog","setDialog","useAtom","t0","t1","closeDialog","t2","dialogType","showConnectWalletDialog","t3","showReceiverAddressDialog","t4","closeDialog_0","showConnectWalletDialog_0","showReceiverAddressDialog_0","t5"],"mappings":"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"}

package/dist/components/widget/Drawer/index.d.ts

@@ -1,14 +1,19 @@
 import { Drawer } from '../../ui/drawer';
+import { LoggerInstance } from '../../../lib/utils/logger';
 type ControlledDrawerProps = React.ComponentProps<typeof Drawer> & {
     open: boolean;
     children?: React.ReactNode;
     container?: HTMLElement | null;
     title?: string;
     description?: string;
+    showGoBackButton?: boolean;
+    onGoBack?: () => void;
     showCloseButton?: boolean;
+    logger?: LoggerInstance;
+    closeButtonReplacement?: React.ReactNode;
     scrollIntoView?: boolean;
 };
-export declare function ControlledDrawer({ children, container: _container, title, description, showCloseButton, dismissible, scrollIntoView, // If Drawer Opened offscreen, scroll into view
+export declare function ControlledDrawer({ children, container: _container, title, description, showCloseButton, showGoBackButton, onGoBack, closeButtonReplacement, logger, dismissible, scrollIntoView, // If Drawer Opened offscreen, scroll into view
 ...props }: ControlledDrawerProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/widget/Drawer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/Drawer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EAOP,MAAM,wBAAwB,CAAC;AAIhC,KAAK,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IACjE,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAsBF,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,SAAS,EAAE,UAAU,EACrB,KAAK,EACL,WAAW,EACX,eAAe,EACf,WAAmB,EACnB,cAAqB,EAAE,+CAA+C;AACtE,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAwDvB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/Drawer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EAOP,MAAM,wBAAwB,CAAC;AAEhC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAGzD,KAAK,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IACjE,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,sBAAsB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzC,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAcF,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,SAAS,EAAE,UAAU,EACrB,KAAK,EACL,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,QAAQ,EACR,sBAAsB,EACtB,MAAM,EACN,WAAmB,EACnB,cAAqB,EAAE,+CAA+C;AACtE,GAAG,KAAK,EACT,EAAE,qBAAqB,2CA0EvB"}

package/dist/components/widget/Drawer/index.js

@@ -2,59 +2,83 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { d as distExports } from '../../../_virtual/index.js';
 import { DrawerHeader, DrawerTitle, DrawerClose, Drawer, DrawerDescription, DrawerPortal, DrawerContent } from '../../ui/drawer.js';
 import { useContainerAtom } from '../../../core/state/containerAtom.js';
-import { XIcon } from 'lucide-react';
+import { ArrowLeft, XIcon } from 'lucide-react';
 
 function isElementVisibleInViewport(element) {
   const rect = element.getBoundingClientRect();
-  console.log("🚀 ~ isElementVisibleInViewport ~ rect:", rect, rect.top <= window.innerHeight && rect.bottom >= 0 && rect.left <= window.innerWidth && rect.right >= 0);
   return rect.top <= window.innerHeight && rect.bottom >= 0 && rect.left <= window.innerWidth && rect.right >= 0;
 }
 function ControlledDrawer(t0) {
-  const $ = distExports.c(28);
+  const $ = distExports.c(35);
   let _container;
   let children;
+  let closeButtonReplacement;
   let description;
+  let onGoBack;
   let props;
   let showCloseButton;
+  let showGoBackButton;
   let t1;
   let t2;
   let title;
   if ($[0] !== t0) {
-    ({
-      children,
-      container: _container,
-      title,
-      description,
-      showCloseButton,
-      dismissible: t1,
-      scrollIntoView: t2,
-      ...props
-    } = t0);
+    const {
+      children: t32,
+      container: t42,
+      title: t52,
+      description: t62,
+      showCloseButton: t72,
+      showGoBackButton: t8,
+      onGoBack: t9,
+      closeButtonReplacement: t10,
+      logger,
+      dismissible: t11,
+      scrollIntoView: t12,
+      ...t13
+    } = t0;
+    children = t32;
+    _container = t42;
+    title = t52;
+    description = t62;
+    showCloseButton = t72;
+    showGoBackButton = t8;
+    onGoBack = t9;
+    closeButtonReplacement = t10;
+    t1 = t11;
+    t2 = t12;
+    props = t13;
     $[0] = t0;
     $[1] = _container;
     $[2] = children;
-    $[3] = description;
-    $[4] = props;
-    $[5] = showCloseButton;
-    $[6] = t1;
-    $[7] = t2;
-    $[8] = title;
+    $[3] = closeButtonReplacement;
+    $[4] = description;
+    $[5] = onGoBack;
+    $[6] = props;
+    $[7] = showCloseButton;
+    $[8] = showGoBackButton;
+    $[9] = t1;
+    $[10] = t2;
+    $[11] = title;
   } else {
     _container = $[1];
     children = $[2];
-    description = $[3];
-    props = $[4];
-    showCloseButton = $[5];
-    t1 = $[6];
-    t2 = $[7];
-    title = $[8];
+    closeButtonReplacement = $[3];
+    description = $[4];
+    onGoBack = $[5];
+    props = $[6];
+    showCloseButton = $[7];
+    showGoBackButton = $[8];
+    t1 = $[9];
+    t2 = $[10];
+    title = $[11];
   }
   const dismissible = t1 === void 0 ? false : t1;
   const scrollIntoView = t2 === void 0 ? true : t2;
   const drawerContainer = useContainerAtom();
   const container = _container || drawerContainer;
+  const shouldShowHeader = !!(showGoBackButton || title || showCloseButton || closeButtonReplacement);
   let t3;
-  if ($[9] !== props || $[10] !== scrollIntoView) {
+  if ($[12] !== props || $[13] !== scrollIntoView) {
     t3 = scrollIntoView ? (event) => {
       if (props.open && !isElementVisibleInViewport(event.currentTarget)) {
         event.currentTarget.scrollIntoView({
@@ -64,58 +88,65 @@ function ControlledDrawer(t0) {
         });
       }
     } : void 0;
-    $[9] = props;
-    $[10] = scrollIntoView;
-    $[11] = t3;
+    $[12] = props;
+    $[13] = scrollIntoView;
+    $[14] = t3;
   } else {
-    t3 = $[11];
+    t3 = $[14];
   }
   let t4;
-  if ($[12] !== props || $[13] !== showCloseButton || $[14] !== title) {
-    t4 = (title || showCloseButton) && /* @__PURE__ */ jsx(DrawerHeader, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx(DrawerTitle, { className: "font-medium text-lg text-contrast-4 dark:text-contrast-6", children: title }),
-      showCloseButton && /* @__PURE__ */ jsx(DrawerClose, { className: "ring-offset-background cursor-pointer focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground dark:text-contrast-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", onClick: props.onClose, children: /* @__PURE__ */ jsx(XIcon, {}) })
-    ] }) });
-    $[12] = props;
-    $[13] = showCloseButton;
-    $[14] = title;
-    $[15] = t4;
+  if ($[15] !== closeButtonReplacement || $[16] !== onGoBack || $[17] !== props || $[18] !== shouldShowHeader || $[19] !== showCloseButton || $[20] !== showGoBackButton || $[21] !== title) {
+    t4 = shouldShowHeader ? /* @__PURE__ */ jsx(DrawerHeader, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs(DrawerTitle, { className: "flex items-center gap-5 font-medium text-lg text-contrast-4 dark:text-contrast-7", children: [
+        showGoBackButton && /* @__PURE__ */ jsx(ArrowLeft, { className: "ring-offset-background cursor-pointer size-4 focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground dark:text-contrast-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0", onClick: onGoBack || props.onClose }),
+        title
+      ] }),
+      closeButtonReplacement ?? (showCloseButton && /* @__PURE__ */ jsx(DrawerClose, { className: "ring-offset-background cursor-pointer focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground dark:text-contrast-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", onClick: props.onClose, children: /* @__PURE__ */ jsx(XIcon, {}) }))
+    ] }) }) : /* @__PURE__ */ jsx(DrawerTitle, { className: "sr-only" });
+    $[15] = closeButtonReplacement;
+    $[16] = onGoBack;
+    $[17] = props;
+    $[18] = shouldShowHeader;
+    $[19] = showCloseButton;
+    $[20] = showGoBackButton;
+    $[21] = title;
+    $[22] = t4;
   } else {
-    t4 = $[15];
+    t4 = $[22];
   }
   let t5;
-  if ($[16] !== description) {
+  if ($[23] !== description) {
     t5 = /* @__PURE__ */ jsx(DrawerDescription, { children: description });
-    $[16] = description;
-    $[17] = t5;
+    $[23] = description;
+    $[24] = t5;
   } else {
-    t5 = $[17];
+    t5 = $[24];
   }
   let t6;
-  if ($[18] !== children || $[19] !== t3 || $[20] !== t4 || $[21] !== t5) {
+  if ($[25] !== children || $[26] !== t3 || $[27] !== t4 || $[28] !== t5) {
     t6 = /* @__PURE__ */ jsx(DrawerPortal, { children: /* @__PURE__ */ jsxs(DrawerContent, { className: "absolute p-0 bg-contrast-8 dark:bg-contrast-1", onAnimationEnd: t3, children: [
       t4,
       t5,
       children
     ] }) });
-    $[18] = children;
-    $[19] = t3;
-    $[20] = t4;
-    $[21] = t5;
-    $[22] = t6;
+    $[25] = children;
+    $[26] = t3;
+    $[27] = t4;
+    $[28] = t5;
+    $[29] = t6;
   } else {
-    t6 = $[22];
+    t6 = $[29];
   }
   let t7;
-  if ($[23] !== container || $[24] !== dismissible || $[25] !== props || $[26] !== t6) {
+  if ($[30] !== container || $[31] !== dismissible || $[32] !== props || $[33] !== t6) {
     t7 = /* @__PURE__ */ jsx(Drawer, { ...props, container, dismissible, modal: false, children: t6 });
-    $[23] = container;
-    $[24] = dismissible;
-    $[25] = props;
-    $[26] = t6;
-    $[27] = t7;
+    $[30] = container;
+    $[31] = dismissible;
+    $[32] = props;
+    $[33] = t6;
+    $[34] = t7;
   } else {
-    t7 = $[27];
+    t7 = $[34];
   }
   return t7;
 }

package/dist/components/widget/Drawer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/widget/Drawer/index.tsx"],"sourcesContent":["import {\n  Drawer,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerTitle,\n  DrawerPortal,\n  DrawerDescription,\n} from \"@/components/ui/drawer\";\nimport { useContainerAtom } from \"@/core/state/containerAtom\";\nimport { XIcon } from \"lucide-react\";\n\ntype ControlledDrawerProps = React.ComponentProps<typeof Drawer> & {\n  open: boolean;\n  children?: React.ReactNode;\n  container?: HTMLElement | null;\n  title?: string;\n  description?: string;\n  showCloseButton?: boolean;\n  scrollIntoView?: boolean;\n};\n\n// Helper function to check if an element is visible in the viewport\nfunction isElementVisibleInViewport(element: HTMLElement): boolean {\n  const rect = element.getBoundingClientRect();\n  console.log(\n    \"🚀 ~ isElementVisibleInViewport ~ rect:\",\n    rect,\n    rect.top <= window.innerHeight &&\n      rect.bottom >= 0 &&\n      rect.left <= window.innerWidth &&\n      rect.right >= 0\n  );\n\n  return (\n    rect.top <= window.innerHeight &&\n    rect.bottom >= 0 &&\n    rect.left <= window.innerWidth &&\n    rect.right >= 0\n  );\n}\n\nexport function ControlledDrawer({\n  children,\n  container: _container,\n  title,\n  description,\n  showCloseButton,\n  dismissible = false,\n  scrollIntoView = true, // If Drawer Opened offscreen, scroll into view\n  ...props\n}: ControlledDrawerProps) {\n  const drawerContainer = useContainerAtom();\n  const container = _container || drawerContainer;\n\n  return (\n    <Drawer\n      {...props}\n      container={container}\n      dismissible={dismissible}\n      modal={false}\n    >\n      <DrawerPortal>\n        <DrawerContent\n          className=\"absolute p-0 bg-contrast-8 dark:bg-contrast-1\"\n          onAnimationEnd={\n            scrollIntoView\n              ? (event) => {\n                  // only after animated to Open state to prevent jiggle\n                  if (\n                    props.open &&\n                    !isElementVisibleInViewport(event.currentTarget)\n                  ) {\n                    // On short screens a Drawer may open offscreen and not be noticable\n                    event.currentTarget.scrollIntoView({\n                      behavior: \"smooth\",\n                      block: \"nearest\",\n                      inline: \"nearest\",\n                    });\n                  }\n                }\n              : undefined\n          }\n        >\n          {(title || showCloseButton) && (\n            <DrawerHeader>\n              <div className=\"flex items-center justify-between\">\n                <DrawerTitle className=\"font-medium text-lg text-contrast-4 dark:text-contrast-6\">\n                  {title}\n                </DrawerTitle>\n                {showCloseButton && (\n                  <DrawerClose\n                    className=\"ring-offset-background cursor-pointer focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground dark:text-contrast-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\"\n                    onClick={props.onClose}\n                  >\n                    <XIcon />\n                  </DrawerClose>\n                )}\n              </div>\n            </DrawerHeader>\n          )}\n          <DrawerDescription>{description}</DrawerDescription>\n          {children}\n        </DrawerContent>\n      </DrawerPortal>\n    </Drawer>\n  );\n}\n"],"names":["isElementVisibleInViewport","element","rect","getBoundingClientRect","console","log","top","window","innerHeight","bottom","left","innerWidth","right","ControlledDrawer","t0","$","_c","_container","children","description","props","showCloseButton","t1","t2","title","container","dismissible","scrollIntoView","undefined","drawerContainer","useContainerAtom","t3","event","open","currentTarget","behavior","block","inline","t4","onClose","t5","t6","t7"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/widget/Drawer/index.tsx"],"sourcesContent":["import {\n  Drawer,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerTitle,\n  DrawerPortal,\n  DrawerDescription,\n} from \"@/components/ui/drawer\";\nimport { useContainerAtom } from \"@/core/state/containerAtom\";\nimport type { LoggerInstance } from \"@/lib/utils/logger\";\nimport { XIcon, ArrowLeft } from \"lucide-react\";\n\ntype ControlledDrawerProps = React.ComponentProps<typeof Drawer> & {\n  open: boolean;\n  children?: React.ReactNode;\n  container?: HTMLElement | null;\n  title?: string;\n  description?: string;\n  showGoBackButton?: boolean;\n  onGoBack?: () => void;\n  showCloseButton?: boolean;\n  logger?: LoggerInstance;\n  closeButtonReplacement?: React.ReactNode;\n  scrollIntoView?: boolean;\n};\n\n// Helper function to check if an element is visible in the viewport\nfunction isElementVisibleInViewport(element: HTMLElement): boolean {\n  const rect = element.getBoundingClientRect();\n\n  return (\n    rect.top <= window.innerHeight &&\n    rect.bottom >= 0 &&\n    rect.left <= window.innerWidth &&\n    rect.right >= 0\n  );\n}\n\nexport function ControlledDrawer({\n  children,\n  container: _container,\n  title,\n  description,\n  showCloseButton,\n  showGoBackButton,\n  onGoBack,\n  closeButtonReplacement,\n  logger,\n  dismissible = false,\n  scrollIntoView = true, // If Drawer Opened offscreen, scroll into view\n  ...props\n}: ControlledDrawerProps) {\n  const drawerContainer = useContainerAtom();\n  const container = _container || drawerContainer;\n\n  const shouldShowHeader = !!(\n    showGoBackButton ||\n    title ||\n    showCloseButton ||\n    closeButtonReplacement\n  );\n\n  return (\n    <Drawer\n      {...props}\n      container={container}\n      dismissible={dismissible}\n      modal={false}\n    >\n      <DrawerPortal>\n        <DrawerContent\n          className=\"absolute p-0 bg-contrast-8 dark:bg-contrast-1\"\n          onAnimationEnd={\n            scrollIntoView\n              ? (event) => {\n                  // only after animated to Open state to prevent jiggle\n                  if (\n                    props.open &&\n                    !isElementVisibleInViewport(event.currentTarget)\n                  ) {\n                    // On short screens a Drawer may open offscreen and not be noticable\n                    event.currentTarget.scrollIntoView({\n                      behavior: \"smooth\",\n                      block: \"nearest\",\n                      inline: \"nearest\",\n                    });\n                  }\n                }\n              : undefined\n          }\n        >\n          {shouldShowHeader ? (\n            <DrawerHeader>\n              <div className=\"flex items-center justify-between\">\n                <DrawerTitle className=\"flex items-center gap-5 font-medium text-lg text-contrast-4 dark:text-contrast-7\">\n                  {showGoBackButton && (\n                    <ArrowLeft\n                      className=\"ring-offset-background cursor-pointer size-4 focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground dark:text-contrast-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0\"\n                      onClick={onGoBack || props.onClose}\n                    />\n                  )}\n                  {title}\n                </DrawerTitle>\n                {closeButtonReplacement ??\n                  (showCloseButton && (\n                    <DrawerClose\n                      className=\"ring-offset-background cursor-pointer focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground dark:text-contrast-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\"\n                      onClick={props.onClose}\n                    >\n                      <XIcon />\n                    </DrawerClose>\n                  ))}\n              </div>\n            </DrawerHeader>\n          ) : (\n            // workaround to avoid \"DialogContent requires a DialogTitle for the component to be accessible for screen reader users\"\n            // error if !shouldShowHeader\n            <DrawerTitle className=\"sr-only\" />\n          )}\n          <DrawerDescription>{description}</DrawerDescription>\n          {children}\n        </DrawerContent>\n      </DrawerPortal>\n    </Drawer>\n  );\n}\n"],"names":["isElementVisibleInViewport","element","rect","getBoundingClientRect","top","window","innerHeight","bottom","left","innerWidth","right","ControlledDrawer","t0","$","_c","_container","children","closeButtonReplacement","description","onGoBack","props","showCloseButton","showGoBackButton","t1","t2","title","t3","container","t4","t5","t6","t7","t8","t9","t10","logger","dismissible","t11","scrollIntoView","t12","t13","undefined","drawerContainer","useContainerAtom","shouldShowHeader","event","open","currentTarget","behavior","block","inline","onClose"],"mappings":"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"}

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

@@ -1,10 +1,12 @@
+import { LoggerInstance } from '../../../../lib/utils/logger';
 export type DrawerControls = {
     open: boolean;
     onOpen: () => void;
     onClose: () => void;
     onOpenChange: (open: boolean) => void;
+    logger: LoggerInstance;
 };
-export type DrawerId = "account-button-drawer" | "trade-parameters-drawer" | "receiver-address-drawer" | `empty-select-token-drawer-${"from" | "to" | undefined}` | `select-token-drawer-${"from" | "to" | undefined}` | "wrap-eth-drawer" | "connect-wallet-drawer" | "trade-flow-drawer";
+export type DrawerId = "account-button-drawer" | "trade-parameters-drawer" | "receiver-address-drawer" | `empty-select-token-drawer-${"from" | "to" | undefined}` | `select-token-drawer-${"from" | "to" | undefined}` | "wrap-eth-drawer" | "connect-wallet-drawer" | "trade-flow-drawer" | "limit-order-flow-drawer" | "otc-order-flow-drawer" | "fill-otc-order-flow-drawer" | "limit-orders-drawer" | "limit-order-details" | "otc-orders-drawer" | "otc-order-details" | "order-details" | "fill-order-review-and-confirm-drawer" | `import-token-drawer-${"from" | "to" | undefined}` | "activities-drawer";
 export declare const openDrawerAtom: import('jotai').PrimitiveAtom<DrawerId | null> & {
     init: DrawerId | null;
 };
@@ -18,7 +20,7 @@ export declare const useDrawerControls: ({ onOpen: _onOpen, onClose: _onClose, d
  * Hook that manages smooth height transitions for the main widget container when full-cover drawers open/close.
  *
  * When a full-cover drawer opens, this hook smoothly animates the widget height from its natural height
- * to a fixed 590px height. When the drawer closes, it animates back to the original height and then
+ * to a fixed WIDGET_HEIGHT_CLASSNAME height. When the drawer closes, it animates back to the original height and then
  * resets to auto for natural sizing.
  *
  * This prevents jarring height jumps and provides a polished user experience during drawer interactions.

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":"AAIA,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;CACvC,CAAC;AAEF,MAAM,MAAM,QAAQ,GAChB,uBAAuB,GACvB,yBAAyB,GACzB,yBAAyB,GACzB,6BAA6B,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,GACxD,uBAAuB,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,GAClD,iBAAiB,GACjB,uBAAuB,GACvB,mBAAmB,CAAC;AAExB,eAAO,MAAM,cAAc;;CAA8B,CAAC;AAE1D,eAAO,MAAM,eAAe,QAAO,QAAQ,GAAG,IAE7C,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,mDAI/B;IACD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,QAAQ,CAAC;CACpB,KAAG,cAwCH,CAAC;AAmBF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,kCAAkC,QAAO;IACpD,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACrD,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC1B,iBAAiB,EAAE,OAAO,CAAC;IAC3B,YAAY,EAAE,OAAO,CAAC;CAsEvB,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;AAIzD,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,6BAA6B,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,GACxD,uBAAuB,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,GAClD,iBAAiB,GACjB,uBAAuB,GACvB,mBAAmB,GACnB,yBAAyB,GACzB,uBAAuB,GACvB,4BAA4B,GAC5B,qBAAqB,GACrB,qBAAqB,GACrB,mBAAmB,GACnB,mBAAmB,GACnB,eAAe,GACf,sCAAsC,GACtC,uBAAuB,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,GAClD,mBAAmB,CAAC;AAExB,eAAO,MAAM,cAAc;;CAA8B,CAAC;AAE1D,eAAO,MAAM,eAAe,QAAO,QAAQ,GAAG,IAE7C,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,mDAI/B;IACD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,QAAQ,CAAC;CACpB,KAAG,cAyCH,CAAC;AAqBF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,kCAAkC,QAAO;IACpD,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACrD,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC1B,iBAAiB,EAAE,OAAO,CAAC;IAC3B,YAAY,EAAE,OAAO,CAAC;CAsEvB,CAAC"}

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

@@ -1,4 +1,5 @@
 import { d as distExports } from '../../../../_virtual/index.js';
+import { DRAWER_HEIGHT } from '../../../../core/constants.js';
 import { useLogger } from '../../../../core/logger.js';
 import { atom, useAtomValue, useAtom } from 'jotai';
 import { useRef, useLayoutEffect } from 'react';
@@ -8,7 +9,7 @@ const useOpenDrawerId = () => {
   return useAtomValue(openDrawerAtom);
 };
 const useDrawerControls = (t0) => {
-  const $ = distExports.c(18);
+  const $ = distExports.c(19);
   const {
     onOpen: _onOpen,
     onClose: _onClose,
@@ -16,11 +17,11 @@ const useDrawerControls = (t0) => {
   } = t0;
   const [openDrawer, setOpenDrawer] = useAtom(openDrawerAtom);
   const open = openDrawer === drawerId;
-  const logger = useLogger("DRAWER");
+  const logger = useLogger(drawerId);
   let t1;
   if ($[0] !== _onOpen || $[1] !== drawerId || $[2] !== logger || $[3] !== setOpenDrawer) {
     t1 = () => {
-      logger.info("onOpen", drawerId);
+      logger.info("onOpen");
       setOpenDrawer(drawerId);
       _onOpen?.();
     };
@@ -36,7 +37,7 @@ const useDrawerControls = (t0) => {
   let t2;
   if ($[5] !== _onClose || $[6] !== drawerId || $[7] !== logger || $[8] !== setOpenDrawer) {
     t2 = () => {
-      logger.info("onClose", drawerId);
+      logger.info("onClose");
       setOpenDrawer((currentOpenDrawer) => {
         if (currentOpenDrawer === drawerId) {
           return null;
@@ -71,25 +72,26 @@ const useDrawerControls = (t0) => {
   }
   const onOpenChange = t3;
   let t4;
-  if ($[13] !== onClose || $[14] !== onOpen || $[15] !== onOpenChange || $[16] !== open) {
+  if ($[13] !== logger || $[14] !== onClose || $[15] !== onOpen || $[16] !== onOpenChange || $[17] !== open) {
     t4 = {
       open,
       onOpenChange,
       onOpen,
-      onClose
+      onClose,
+      logger
     };
-    $[13] = onClose;
-    $[14] = onOpen;
-    $[15] = onOpenChange;
-    $[16] = open;
-    $[17] = t4;
+    $[13] = logger;
+    $[14] = onClose;
+    $[15] = onOpen;
+    $[16] = onOpenChange;
+    $[17] = open;
+    $[18] = t4;
   } else {
-    t4 = $[17];
+    t4 = $[18];
   }
   return t4;
 };
-const fullCoverDrawers = /* @__PURE__ */ new Set(["trade-flow-drawer", "select-token-drawer-from", "select-token-drawer-to", "empty-select-token-drawer-from", "empty-select-token-drawer-to"]);
-const DRAWER_HEIGHT = 590;
+const fullCoverDrawers = /* @__PURE__ */ new Set(["trade-flow-drawer", "limit-order-flow-drawer", "otc-order-flow-drawer", "fill-otc-order-flow-drawer", "select-token-drawer-from", "select-token-drawer-to", "empty-select-token-drawer-from", "empty-select-token-drawer-to"]);
 const transition = "height 0.3s ease-in-out";
 const useDrawerContainerHeightTransition = () => {
   const $ = distExports.c(9);

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

@@ -1 +1 @@
-{"version":3,"file":"useDrawerControls.js","sources":["../../../../../src/components/widget/Drawer/state/useDrawerControls.ts"],"sourcesContent":["import { useLogger } from \"@/core/logger\";\nimport { atom, useAtom, useAtomValue } from \"jotai\";\nimport { useLayoutEffect, useRef } from \"react\";\n\nexport type DrawerControls = {\n  open: boolean;\n  onOpen: () => void;\n  onClose: () => void;\n  onOpenChange: (open: boolean) => void;\n};\n\nexport type DrawerId =\n  | \"account-button-drawer\"\n  | \"trade-parameters-drawer\"\n  | \"receiver-address-drawer\"\n  | `empty-select-token-drawer-${\"from\" | \"to\" | undefined}`\n  | `select-token-drawer-${\"from\" | \"to\" | undefined}`\n  | \"wrap-eth-drawer\"\n  | \"connect-wallet-drawer\"\n  | \"trade-flow-drawer\";\n\nexport const openDrawerAtom = atom<DrawerId | null>(null);\n\nexport const useOpenDrawerId = (): DrawerId | null => {\n  return useAtomValue(openDrawerAtom);\n};\n\nexport const useDrawerControls = ({\n  onOpen: _onOpen,\n  onClose: _onClose,\n  drawerId,\n}: {\n  onOpen?: () => void;\n  onClose?: () => void;\n  drawerId: DrawerId;\n}): DrawerControls => {\n  const [openDrawer, setOpenDrawer] = useAtom(openDrawerAtom);\n\n  const open = openDrawer === drawerId;\n\n  const logger = useLogger(\"DRAWER\");\n\n  const onOpen = () => {\n    logger.info(\"onOpen\", drawerId);\n    setOpenDrawer(drawerId);\n    _onOpen?.();\n  };\n  const onClose = () => {\n    logger.info(\"onClose\", drawerId);\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  };\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 590px height.\n * When the drawer closes, the widget container height is transitioned back to the natural height.\n */\nconst fullCoverDrawers = new Set<DrawerId>([\n  \"trade-flow-drawer\",\n  \"select-token-drawer-from\",\n  \"select-token-drawer-to\",\n  \"empty-select-token-drawer-from\",\n  \"empty-select-token-drawer-to\",\n]);\n\nconst DRAWER_HEIGHT = 590;\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 590px 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  drawerId: DrawerId | null;\n  isDrawerFullCover: boolean;\n  isDrawerOpen: boolean;\n} => {\n  const containerRef = useRef<HTMLDivElement>(null);\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  }, [isDrawerFullCover]);\n\n  return {\n    containerRef,\n    drawerId: currentDrawerId,\n    isDrawerFullCover,\n    isDrawerOpen: !!currentDrawerId,\n  };\n};\n"],"names":["openDrawerAtom","atom","useOpenDrawerId","useAtomValue","useDrawerControls","t0","$","_c","onOpen","_onOpen","onClose","_onClose","drawerId","openDrawer","setOpenDrawer","useAtom","open","logger","useLogger","t1","info","t2","currentOpenDrawer","t3","open_0","onOpenChange","t4","fullCoverDrawers","Set","DRAWER_HEIGHT","transition","useDrawerContainerHeightTransition","containerRef","useRef","previousHeightRef","currentDrawerId","has","isDrawerFullCover","current","container","currentHeight","scrollHeight","shouldSkipTransition","style","overflow","height","requestAnimationFrame","onTransitionEnd","event","target","propertyName","type","removeEventListener","addEventListener","useLayoutEffect","isDrawerOpen"],"mappings":"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"}
+{"version":3,"file":"useDrawerControls.js","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, useAtom, useAtomValue } from \"jotai\";\nimport { useLayoutEffect, useRef } from \"react\";\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  | `empty-select-token-drawer-${\"from\" | \"to\" | undefined}`\n  | `select-token-drawer-${\"from\" | \"to\" | undefined}`\n  | \"wrap-eth-drawer\"\n  | \"connect-wallet-drawer\"\n  | \"trade-flow-drawer\"\n  | \"limit-order-flow-drawer\"\n  | \"otc-order-flow-drawer\"\n  | \"fill-otc-order-flow-drawer\"\n  | \"limit-orders-drawer\" // @TODO Activities cleanup\n  | \"limit-order-details\" // @TODO Activities cleanup\n  | \"otc-orders-drawer\" // @TODO Activities cleanup\n  | \"otc-order-details\" // @TODO Activities cleanup\n  | \"order-details\"\n  | \"fill-order-review-and-confirm-drawer\"\n  | `import-token-drawer-${\"from\" | \"to\" | undefined}`\n  | \"activities-drawer\";\n\nexport const openDrawerAtom = atom<DrawerId | null>(null);\n\nexport const useOpenDrawerId = (): DrawerId | null => {\n  return useAtomValue(openDrawerAtom);\n};\n\nexport const useDrawerControls = ({\n  onOpen: _onOpen,\n  onClose: _onClose,\n  drawerId,\n}: {\n  onOpen?: () => void;\n  onClose?: () => void;\n  drawerId: DrawerId;\n}): 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\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  \"trade-flow-drawer\",\n  \"limit-order-flow-drawer\",\n  \"otc-order-flow-drawer\",\n  \"fill-otc-order-flow-drawer\",\n  \"select-token-drawer-from\",\n  \"select-token-drawer-to\",\n  \"empty-select-token-drawer-from\",\n  \"empty-select-token-drawer-to\",\n]);\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  drawerId: DrawerId | null;\n  isDrawerFullCover: boolean;\n  isDrawerOpen: boolean;\n} => {\n  const containerRef = useRef<HTMLDivElement>(null);\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  }, [isDrawerFullCover]);\n\n  return {\n    containerRef,\n    drawerId: currentDrawerId,\n    isDrawerFullCover,\n    isDrawerOpen: !!currentDrawerId,\n  };\n};\n"],"names":["openDrawerAtom","atom","useOpenDrawerId","useAtomValue","useDrawerControls","t0","$","_c","onOpen","_onOpen","onClose","_onClose","drawerId","openDrawer","setOpenDrawer","useAtom","open","logger","useLogger","t1","info","t2","currentOpenDrawer","t3","open_0","onOpenChange","t4","fullCoverDrawers","Set","transition","useDrawerContainerHeightTransition","containerRef","useRef","previousHeightRef","currentDrawerId","has","isDrawerFullCover","current","container","currentHeight","scrollHeight","shouldSkipTransition","DRAWER_HEIGHT","style","overflow","height","requestAnimationFrame","onTransitionEnd","event","target","propertyName","type","removeEventListener","addEventListener","useLayoutEffect","isDrawerOpen"],"mappings":"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"}