@velora-dex/widget 0.2.5-dev.0 → 0.2.5-dev.10

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

@@ -0,0 +1,67 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { d as distExports } from '../../../_virtual/index.js';
+import { cn } from '../../../lib/utils/index.js';
+import { ArrowLeft, XIcon } from 'lucide-react';
+
+const GenericScreen = (t0) => {
+  const $ = distExports.c(14);
+  const {
+    children,
+    classes,
+    showBackButton,
+    showCloseButton,
+    closeButtonReplacement,
+    onGoBack,
+    onClose,
+    title
+  } = t0;
+  const _showBackButton = showBackButton && onGoBack;
+  const _showCloseButton = showCloseButton && onClose;
+  const shouldShowHeader = !!(_showBackButton || title || showCloseButton || closeButtonReplacement);
+  const t1 = classes?.root;
+  let t2;
+  if ($[0] !== t1) {
+    t2 = cn("bg-contrast-8 dark:bg-contrast-2 border border-contrast-7 dark:border-contrast-4 rounded-xxl min-w-[375px] w-full", t1);
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  let t3;
+  if ($[2] !== _showBackButton || $[3] !== _showCloseButton || $[4] !== closeButtonReplacement || $[5] !== onClose || $[6] !== onGoBack || $[7] !== shouldShowHeader || $[8] !== title) {
+    t3 = shouldShowHeader && /* @__PURE__ */ jsxs("div", { className: "pb-4 pt-6 px-6 flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-5 font-medium text-lg text-contrast-4 dark:text-contrast-7", children: [
+        _showBackButton && /* @__PURE__ */ jsx("button", { children: /* @__PURE__ */ jsx(ArrowLeft, { className: "ring-offset-background cursor-pointer focus:ring-ring dark:text-contrast-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0", onClick: onGoBack }) }),
+        title
+      ] }),
+      closeButtonReplacement ?? (_showCloseButton && /* @__PURE__ */ jsx("button", { children: /* @__PURE__ */ jsx("div", { className: "ring-offset-background cursor-pointer focus:ring-ring dark:text-contrast-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", onClick: onClose, children: /* @__PURE__ */ jsx(XIcon, {}) }) }))
+    ] });
+    $[2] = _showBackButton;
+    $[3] = _showCloseButton;
+    $[4] = closeButtonReplacement;
+    $[5] = onClose;
+    $[6] = onGoBack;
+    $[7] = shouldShowHeader;
+    $[8] = title;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  let t4;
+  if ($[10] !== children || $[11] !== t2 || $[12] !== t3) {
+    t4 = /* @__PURE__ */ jsxs("div", { className: t2, children: [
+      t3,
+      children
+    ] });
+    $[10] = children;
+    $[11] = t2;
+    $[12] = t3;
+    $[13] = t4;
+  } else {
+    t4 = $[13];
+  }
+  return t4;
+};
+
+export { GenericScreen };
+//# sourceMappingURL=GenericScreen.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GenericScreen.js","sources":["../../../../src/components/widget/Screen/GenericScreen.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport { ArrowLeft, XIcon } from \"lucide-react\";\nimport type { PropsWithChildren } from \"react\";\n\ntype GenericScreenProps = PropsWithChildren<\n  {\n    title?: string;\n    showBackButton?: boolean;\n    showCloseButton?: boolean;\n    closeButtonReplacement?: React.ReactNode;\n    onGoBack?: () => void;\n    onClose?: () => void;\n  } & WithClasses<\"root\">\n>;\n\nexport const GenericScreen = ({\n  children,\n  classes,\n  showBackButton,\n  showCloseButton,\n  closeButtonReplacement,\n  onGoBack,\n  onClose,\n  title,\n}: GenericScreenProps) => {\n  const _showBackButton = showBackButton && onGoBack;\n  const _showCloseButton = showCloseButton && onClose;\n  const shouldShowHeader = !!(\n    _showBackButton ||\n    title ||\n    showCloseButton ||\n    closeButtonReplacement\n  );\n\n  return (\n    <div\n      className={cn(\n        \"bg-contrast-8 dark:bg-contrast-2 border border-contrast-7 dark:border-contrast-4 rounded-xxl min-w-[375px] w-full\",\n        classes?.root\n      )}\n    >\n      {shouldShowHeader && (\n        <div className=\"pb-4 pt-6 px-6 flex items-center justify-between\">\n          <div className=\"flex items-center gap-5 font-medium text-lg text-contrast-4 dark:text-contrast-7\">\n            {_showBackButton && (\n              <button>\n                <ArrowLeft\n                  className=\"ring-offset-background cursor-pointer focus:ring-ring dark:text-contrast-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0\"\n                  onClick={onGoBack}\n                />\n              </button>\n            )}\n            {title}\n          </div>\n          {closeButtonReplacement ??\n            (_showCloseButton && (\n              <button>\n                <div\n                  className=\"ring-offset-background cursor-pointer focus:ring-ring dark:text-contrast-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\"\n                  onClick={onClose}\n                >\n                  <XIcon />\n                </div>\n              </button>\n            ))}\n        </div>\n      )}\n      {children}\n    </div>\n  );\n};\n"],"names":["GenericScreen","t0","$","_c","children","classes","showBackButton","showCloseButton","closeButtonReplacement","onGoBack","onClose","title","_showBackButton","_showCloseButton","shouldShowHeader","t1","root","t2","cn","t3","t4"],"mappings":"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"}

package/dist/components/widget/Screen/ScreenContainer.d.ts

@@ -0,0 +1,7 @@
+export declare const MainScreenContainer: ({ children, }: {
+    children?: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const SecondaryScreenContainer: ({ children, }: {
+    children?: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ScreenContainer.d.ts.map

package/dist/components/widget/Screen/ScreenContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/Screen/ScreenContainer.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,GAAI,eAEjC;IACD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,4CAUA,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,eAEtC;IACD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,4CAEA,CAAC"}

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

@@ -0,0 +1,36 @@
+import { jsx } from 'react/jsx-runtime';
+import { d as distExports } from '../../../_virtual/index.js';
+
+const MainScreenContainer = (t0) => {
+  const $ = distExports.c(2);
+  const {
+    children
+  } = t0;
+  let t1;
+  if ($[0] !== children) {
+    t1 = /* @__PURE__ */ jsx("div", { className: "relative flex flex-col pt-[24px] px-[24px] pb-[18px] bg-contrast-9 dark:bg-contrast-3 border border-contrast-7 dark:border-contrast-4 rounded-xxl", children });
+    $[0] = children;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+};
+const SecondaryScreenContainer = (t0) => {
+  const $ = distExports.c(2);
+  const {
+    children
+  } = t0;
+  let t1;
+  if ($[0] !== children) {
+    t1 = /* @__PURE__ */ jsx("div", { className: "relative z-2", children });
+    $[0] = children;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+};
+
+export { MainScreenContainer, SecondaryScreenContainer };
+//# sourceMappingURL=ScreenContainer.js.map

package/dist/components/widget/Screen/ScreenContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenContainer.js","sources":["../../../../src/components/widget/Screen/ScreenContainer.tsx"],"sourcesContent":["export const MainScreenContainer = ({\n  children,\n}: {\n  children?: React.ReactNode;\n}) => {\n  return (\n    <div\n      className={\n        \"relative flex flex-col pt-[24px] px-[24px] pb-[18px] bg-contrast-9 dark:bg-contrast-3 border border-contrast-7 dark:border-contrast-4 rounded-xxl\"\n      }\n    >\n      {children}\n    </div>\n  );\n};\n\nexport const SecondaryScreenContainer = ({\n  children,\n}: {\n  children?: React.ReactNode;\n}) => {\n  return <div className=\"relative z-2\">{children}</div>;\n};\n"],"names":["MainScreenContainer","t0","$","_c","children","t1","SecondaryScreenContainer"],"mappings":";;;AAAO,MAAMA,sBAAsBC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC;AAAAA,GAAA,GAAAH,EAAAA;AAInC,EAAA,IAAAI,EAAAA;AAAA,EAAA,IAAAH,CAAAA,QAAAE,QAAAA,EAAA;AAEGC,IAAAA,EAAAA,mBAAA,GAAA,CAAA,KAAA,EAAA,EAEI,SAAA,EAAA,mJAAA,EAGDD,QAAAA,EACH,CAAA;AAAMF,IAAAA,CAAAA,MAAAE,QAAAA;AAAAF,IAAAA,CAAAA,MAAAG,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAH,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OANNG,EAAAA;AAMM;AAIH,MAAMC,2BAA2BL,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC;AAAAA,GAAA,GAAAH,EAAAA;AAIxC,EAAA,IAAAI,EAAAA;AAAA,EAAA,IAAAH,CAAAA,QAAAE,QAAAA,EAAA;AACQC,IAAAA,EAAAA,mBAAA,GAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,cAAA,EAAgBD,QAAAA,EAAS,CAAA;AAAMF,IAAAA,CAAAA,MAAAE,QAAAA;AAAAF,IAAAA,CAAAA,MAAAG,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAH,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAA9CG,EAAAA;AAA8C;;;;"}

package/dist/components/widget/SelectToken/SelectTokenButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectTokenButton.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/SelectToken/SelectTokenButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAGhD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAMtD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE/D,KAAK,2BAA2B,GAAG,IAAI,CACrC,cAAc,CAAC,OAAO,MAAM,CAAC,EAC7B,SAAS,CACV,GAAG;IACF,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,eAAe,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACrC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACvC,gBAAgB,CAAC,EAAE,gBAAgB,EAAE,CAAC;CACvC,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,2EAMpC,2BAA2B,4CAmC7B,CAAC;AAQF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA6E9D,CAAC"}
+{"version":3,"file":"SelectTokenButton.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/SelectToken/SelectTokenButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAGhD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEtD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAG/D,KAAK,2BAA2B,GAAG,IAAI,CACrC,cAAc,CAAC,OAAO,MAAM,CAAC,EAC7B,SAAS,CACV,GAAG;IACF,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,eAAe,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACrC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACvC,gBAAgB,CAAC,EAAE,gBAAgB,EAAE,CAAC;CACvC,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,2EAMpC,2BAA2B,4CAqB7B,CAAC;AAQF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAiD9D,CAAC"}

package/dist/components/widget/SelectToken/SelectTokenButton.js

@@ -1,122 +1,75 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { d as distExports } from '../../../_virtual/index.js';
 import 'react';
 import { Button } from '../../ui/button.js';
 import { TokenBadge } from '../TokenBadge/TokenBadge.js';
 import { ChevronIcon } from '../Icon/ChevronIcon.js';
-import { ControlledDrawer } from '../Drawer/index.js';
-import { SelectTokenContent } from '../Dialog/SelectTokenDialog/SelectTokenDialog.js';
-import { useDrawerControls } from '../Drawer/state/useDrawerControls.js';
-import { useImportTokenDrawer } from '../ImportToken/useImportTokenDrawer.js';
+import { useScreen } from '../../../core/screen/state/screenAtom.js';
 
 const EmptySelectTokenButton = (t0) => {
-  const $ = distExports.c(28);
-  let drawerContainer;
+  const $ = distExports.c(14);
   let onTokenSelect;
   let props;
   let selectableChains;
   let tokenType;
   if ($[0] !== t0) {
-    ({
-      tokenType,
+    const {
+      tokenType: t12,
       drawerContainer,
-      onTokenSelect,
-      selectableChains,
-      ...props
-    } = t0);
+      onTokenSelect: t22,
+      selectableChains: t3,
+      ...t4
+    } = t0;
+    tokenType = t12;
+    onTokenSelect = t22;
+    selectableChains = t3;
+    props = t4;
     $[0] = t0;
-    $[1] = drawerContainer;
-    $[2] = onTokenSelect;
-    $[3] = props;
-    $[4] = selectableChains;
-    $[5] = tokenType;
+    $[1] = onTokenSelect;
+    $[2] = props;
+    $[3] = selectableChains;
+    $[4] = tokenType;
   } else {
-    drawerContainer = $[1];
-    onTokenSelect = $[2];
-    props = $[3];
-    selectableChains = $[4];
-    tokenType = $[5];
-  }
-  const t1 = `empty-select-token-drawer-${tokenType}`;
-  let t2;
-  if ($[6] !== t1) {
-    t2 = {
-      drawerId: t1
-    };
-    $[6] = t1;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  const t3 = useDrawerControls(t2);
-  let drawerProps;
-  let onOpen;
-  if ($[8] !== t3) {
-    ({
-      onOpen,
-      ...drawerProps
-    } = t3);
-    $[8] = t3;
-    $[9] = drawerProps;
-    $[10] = onOpen;
-  } else {
-    drawerProps = $[9];
-    onOpen = $[10];
-  }
-  let t4;
-  if ($[11] !== drawerContainer || $[12] !== tokenType) {
-    t4 = {
-      drawerContainer,
-      tokenType
-    };
-    $[11] = drawerContainer;
-    $[12] = tokenType;
-    $[13] = t4;
-  } else {
-    t4 = $[13];
+    onTokenSelect = $[1];
+    props = $[2];
+    selectableChains = $[3];
+    tokenType = $[4];
   }
   const {
-    onOpenImportTokenDrawer,
-    importTokenDrawer
-  } = useImportTokenDrawer(t4);
-  let t5;
-  if ($[14] !== drawerContainer || $[15] !== drawerProps || $[16] !== onOpenImportTokenDrawer || $[17] !== onTokenSelect || $[18] !== selectableChains || $[19] !== tokenType) {
-    t5 = tokenType ? /* @__PURE__ */ jsx(ControlledDrawer, { ...drawerProps, title: "Select a token...", showCloseButton: true, container: drawerContainer, children: /* @__PURE__ */ jsx(SelectTokenContent, { tokenType, onClose: drawerProps.onClose, onSelect: onTokenSelect, onSelectImportToken: onOpenImportTokenDrawer, selectableChains }) }) : null;
-    $[14] = drawerContainer;
-    $[15] = drawerProps;
-    $[16] = onOpenImportTokenDrawer;
-    $[17] = onTokenSelect;
-    $[18] = selectableChains;
-    $[19] = tokenType;
-    $[20] = t5;
-  } else {
-    t5 = $[20];
-  }
-  const drawer = t5;
-  let t6;
-  if ($[21] !== onOpen || $[22] !== props) {
-    t6 = /* @__PURE__ */ jsx(Button, { variant: "select", className: "h-[32px]", ...props, onClick: onOpen, children: "Select Token" });
-    $[21] = onOpen;
-    $[22] = props;
-    $[23] = t6;
+    showSelectTokenScreen,
+    closeScreen
+  } = useScreen();
+  let t1;
+  if ($[5] !== closeScreen || $[6] !== onTokenSelect || $[7] !== selectableChains || $[8] !== showSelectTokenScreen || $[9] !== tokenType) {
+    t1 = () => {
+      if (tokenType) {
+        showSelectTokenScreen({
+          tokenType,
+          onSelect: onTokenSelect,
+          onClose: closeScreen,
+          selectableChains
+        });
+      }
+    };
+    $[5] = closeScreen;
+    $[6] = onTokenSelect;
+    $[7] = selectableChains;
+    $[8] = showSelectTokenScreen;
+    $[9] = tokenType;
+    $[10] = t1;
   } else {
-    t6 = $[23];
+    t1 = $[10];
   }
-  let t7;
-  if ($[24] !== drawer || $[25] !== importTokenDrawer || $[26] !== t6) {
-    t7 = /* @__PURE__ */ jsxs(Fragment, { children: [
-      t6,
-      drawer,
-      importTokenDrawer
-    ] });
-    $[24] = drawer;
-    $[25] = importTokenDrawer;
-    $[26] = t6;
-    $[27] = t7;
+  let t2;
+  if ($[11] !== props || $[12] !== t1) {
+    t2 = /* @__PURE__ */ jsx(Button, { variant: "select", className: "h-[32px]", ...props, onClick: t1, children: "Select Token" });
+    $[11] = props;
+    $[12] = t1;
+    $[13] = t2;
   } else {
-    t7 = $[27];
+    t2 = $[13];
   }
-  return t7;
+  return t2;
 };
 const tokenBadgeClasses = {
   root: "font-inter",
@@ -124,7 +77,7 @@ const tokenBadgeClasses = {
   logo: "size-[24px]"
 };
 const SelectTokenButton = (t0) => {
-  const $ = distExports.c(34);
+  const $ = distExports.c(21);
   const {
     token,
     tokenType,
@@ -133,128 +86,83 @@ const SelectTokenButton = (t0) => {
     onSelect,
     selectableChains
   } = t0;
-  const drawerId = token ? `select-token-drawer-${tokenType}` : `empty-select-token-drawer-${tokenType}`;
-  let t1;
-  if ($[0] !== drawerId) {
-    t1 = {
-      drawerId
-    };
-    $[0] = drawerId;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const t2 = useDrawerControls(t1);
-  let drawerProps;
-  let onOpen;
-  if ($[2] !== t2) {
-    ({
-      onOpen,
-      ...drawerProps
-    } = t2);
-    $[2] = t2;
-    $[3] = drawerProps;
-    $[4] = onOpen;
-  } else {
-    drawerProps = $[3];
-    onOpen = $[4];
-  }
-  let t3;
-  if ($[5] !== drawerContainer || $[6] !== tokenType) {
-    t3 = {
-      drawerContainer,
-      tokenType
-    };
-    $[5] = drawerContainer;
-    $[6] = tokenType;
-    $[7] = t3;
-  } else {
-    t3 = $[7];
-  }
   const {
-    onOpenImportTokenDrawer,
-    importTokenDrawer
-  } = useImportTokenDrawer(t3);
+    showSelectTokenScreen,
+    closeScreen
+  } = useScreen();
   if (!token) {
-    let t42;
-    if ($[8] !== drawerContainer || $[9] !== onSelect || $[10] !== selectableChains || $[11] !== tokenType) {
-      t42 = /* @__PURE__ */ jsx(EmptySelectTokenButton, { tokenType, drawerContainer, onTokenSelect: onSelect, selectableChains });
-      $[8] = drawerContainer;
-      $[9] = onSelect;
-      $[10] = selectableChains;
-      $[11] = tokenType;
-      $[12] = t42;
+    let t12;
+    if ($[0] !== drawerContainer || $[1] !== onSelect || $[2] !== selectableChains || $[3] !== tokenType) {
+      t12 = /* @__PURE__ */ jsx(EmptySelectTokenButton, { tokenType, drawerContainer, onTokenSelect: onSelect, selectableChains });
+      $[0] = drawerContainer;
+      $[1] = onSelect;
+      $[2] = selectableChains;
+      $[3] = tokenType;
+      $[4] = t12;
     } else {
-      t42 = $[12];
+      t12 = $[4];
     }
-    return t42;
+    return t12;
   }
-  let t4;
-  if ($[13] !== drawerContainer || $[14] !== drawerProps || $[15] !== onOpenImportTokenDrawer || $[16] !== onSelect || $[17] !== selectableChains || $[18] !== tokenType) {
-    t4 = tokenType ? /* @__PURE__ */ jsx(ControlledDrawer, { ...drawerProps, title: "Select a token...", showCloseButton: true, container: drawerContainer, children: /* @__PURE__ */ jsx(SelectTokenContent, { tokenType, onClose: drawerProps.onClose, onSelect, onSelectImportToken: onOpenImportTokenDrawer, selectableChains }) }) : null;
-    $[13] = drawerContainer;
-    $[14] = drawerProps;
-    $[15] = onOpenImportTokenDrawer;
-    $[16] = onSelect;
-    $[17] = selectableChains;
-    $[18] = tokenType;
-    $[19] = t4;
-  } else {
-    t4 = $[19];
-  }
-  const drawer = t4;
   const {
     address,
     network,
     img,
     symbol
   } = token;
-  let t5;
-  if ($[20] !== address || $[21] !== img || $[22] !== network || $[23] !== symbol || $[24] !== tokenBadgePropsOverride) {
-    t5 = /* @__PURE__ */ jsx(TokenBadge, { address, chainId: network, img, symbol, showNetworkIcon: true, classes: tokenBadgeClasses, ...tokenBadgePropsOverride });
-    $[20] = address;
-    $[21] = img;
-    $[22] = network;
-    $[23] = symbol;
-    $[24] = tokenBadgePropsOverride;
-    $[25] = t5;
+  let t1;
+  if ($[5] !== closeScreen || $[6] !== onSelect || $[7] !== selectableChains || $[8] !== showSelectTokenScreen || $[9] !== tokenType) {
+    t1 = () => {
+      if (tokenType) {
+        showSelectTokenScreen({
+          tokenType,
+          onSelect,
+          onClose: closeScreen,
+          selectableChains
+        });
+      }
+    };
+    $[5] = closeScreen;
+    $[6] = onSelect;
+    $[7] = selectableChains;
+    $[8] = showSelectTokenScreen;
+    $[9] = tokenType;
+    $[10] = t1;
   } else {
-    t5 = $[25];
+    t1 = $[10];
   }
-  let t6;
-  if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
-    t6 = /* @__PURE__ */ jsx(ChevronIcon, { className: "size-[10px]" });
-    $[26] = t6;
+  let t2;
+  if ($[11] !== address || $[12] !== img || $[13] !== network || $[14] !== symbol || $[15] !== tokenBadgePropsOverride) {
+    t2 = /* @__PURE__ */ jsx(TokenBadge, { address, chainId: network, img, symbol, showNetworkIcon: true, classes: tokenBadgeClasses, ...tokenBadgePropsOverride });
+    $[11] = address;
+    $[12] = img;
+    $[13] = network;
+    $[14] = symbol;
+    $[15] = tokenBadgePropsOverride;
+    $[16] = t2;
   } else {
-    t6 = $[26];
+    t2 = $[16];
   }
-  let t7;
-  if ($[27] !== onOpen || $[28] !== t5) {
-    t7 = /* @__PURE__ */ jsxs(Button, { onClick: onOpen, className: "h-[32px] py-1 px-2 bg-contrast-9 hover:bg-contrast-9 dark:bg-contrast-4 hover:outline-solid hover:outline-1 hover:outline-contrast-6 dark:hover:outline-contrast-5 transition-none", children: [
-      t5,
-      t6
-    ] });
-    $[27] = onOpen;
-    $[28] = t5;
-    $[29] = t7;
+  let t3;
+  if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = /* @__PURE__ */ jsx(ChevronIcon, { className: "size-[10px]" });
+    $[17] = t3;
   } else {
-    t7 = $[29];
+    t3 = $[17];
   }
-  let t8;
-  if ($[30] !== drawer || $[31] !== importTokenDrawer || $[32] !== t7) {
-    t8 = /* @__PURE__ */ jsxs(Fragment, { children: [
-      t7,
-      drawer,
-      importTokenDrawer
+  let t4;
+  if ($[18] !== t1 || $[19] !== t2) {
+    t4 = /* @__PURE__ */ jsxs(Button, { onClick: t1, className: "h-[32px] py-1 px-2 bg-contrast-9 hover:bg-contrast-9 dark:bg-contrast-4 hover:outline-solid hover:outline-1 hover:outline-contrast-6 dark:hover:outline-contrast-5 transition-none", children: [
+      t2,
+      t3
     ] });
-    $[30] = drawer;
-    $[31] = importTokenDrawer;
-    $[32] = t7;
-    $[33] = t8;
+    $[18] = t1;
+    $[19] = t2;
+    $[20] = t4;
   } else {
-    t8 = $[33];
+    t4 = $[20];
   }
-  return t8;
+  return t4;
 };
 
 export { EmptySelectTokenButton, SelectTokenButton };

package/dist/components/widget/SelectToken/SelectTokenButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectTokenButton.js","sources":["../../../../src/components/widget/SelectToken/SelectTokenButton.tsx"],"sourcesContent":["import { type ComponentProps } from \"react\";\nimport { Button } from \"@/components/ui/button\";\nimport { TokenBadge } from \"@/components/widget/TokenBadge/TokenBadge\";\nimport { type TokenBadgeProps } from \"@/components/widget/TokenBadge/types\";\nimport type { SelectTokenButtonProps } from \"./types\";\nimport { ChevronIcon } from \"@/components/widget/Icon/ChevronIcon\";\nimport { ControlledDrawer } from \"@/components/widget/Drawer\";\nimport { SelectTokenContent } from \"../Dialog/SelectTokenDialog/SelectTokenDialog\";\nimport { useDrawerControls } from \"../Drawer/state/useDrawerControls\";\nimport { useImportTokenDrawer } from \"../ImportToken/useImportTokenDrawer\";\nimport type { Token } from \"@/tokens/state/types\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\n\ntype EmptySelectTokenButtonProps = Omit<\n  ComponentProps<typeof Button>,\n  \"onClick\"\n> & {\n  tokenType?: \"from\" | \"to\";\n  drawerContainer?: HTMLElement | null;\n  onTokenSelect?: (token: Token) => void;\n  selectableChains?: SupportedChainId[];\n};\n\nexport const EmptySelectTokenButton = ({\n  tokenType,\n  drawerContainer,\n  onTokenSelect,\n  selectableChains,\n  ...props\n}: EmptySelectTokenButtonProps) => {\n  const { onOpen, ...drawerProps } = useDrawerControls({\n    drawerId: `empty-select-token-drawer-${tokenType}`,\n  });\n\n  const { onOpenImportTokenDrawer, importTokenDrawer } = useImportTokenDrawer({\n    drawerContainer,\n    tokenType,\n  });\n\n  const drawer = tokenType ? (\n    <ControlledDrawer\n      {...drawerProps}\n      title=\"Select a token...\"\n      showCloseButton\n      container={drawerContainer}\n    >\n      <SelectTokenContent\n        tokenType={tokenType}\n        onClose={drawerProps.onClose}\n        onSelect={onTokenSelect}\n        onSelectImportToken={onOpenImportTokenDrawer}\n        selectableChains={selectableChains}\n      />\n    </ControlledDrawer>\n  ) : null;\n  return (\n    <>\n      <Button variant=\"select\" className=\"h-[32px]\" {...props} onClick={onOpen}>\n        Select Token\n      </Button>\n      {drawer}\n      {importTokenDrawer}\n    </>\n  );\n};\n\nconst tokenBadgeClasses: TokenBadgeProps[\"classes\"] = {\n  root: \"font-inter\",\n  symbol: \"text-contrast-4 dark:text-contrast-8\",\n  logo: \"size-[24px]\",\n};\n\nexport const SelectTokenButton: React.FC<SelectTokenButtonProps> = ({\n  token,\n  tokenType,\n  tokenBadgePropsOverride,\n  drawerContainer,\n  onSelect,\n  selectableChains,\n}) => {\n  const drawerId = token\n    ? (`select-token-drawer-${tokenType}` as const)\n    : (`empty-select-token-drawer-${tokenType}` as const);\n\n  const { onOpen, ...drawerProps } = useDrawerControls({\n    // have to distinguish between Drawers that are basically the same but show different contents,\n    // SelectTokenFromContent vs SelectTokenToContent,\n    // otherwise the Drawer with the same drawerId that gets rendered last is shown.\n    // I.e. for TokenInput from, onClick, Drawer for TokenTo is shown.\n    drawerId,\n  });\n\n  const { onOpenImportTokenDrawer, importTokenDrawer } = useImportTokenDrawer({\n    drawerContainer,\n    tokenType,\n  });\n\n  if (!token) {\n    return (\n      <EmptySelectTokenButton\n        tokenType={tokenType}\n        drawerContainer={drawerContainer}\n        onTokenSelect={onSelect}\n        selectableChains={selectableChains}\n      />\n    );\n  }\n\n  const drawer = tokenType ? (\n    <ControlledDrawer\n      {...drawerProps}\n      title=\"Select a token...\"\n      showCloseButton\n      container={drawerContainer}\n    >\n      <SelectTokenContent\n        tokenType={tokenType}\n        onClose={drawerProps.onClose}\n        onSelect={onSelect}\n        onSelectImportToken={onOpenImportTokenDrawer}\n        selectableChains={selectableChains}\n      />\n    </ControlledDrawer>\n  ) : null;\n\n  const { address, network, img, symbol } = token;\n\n  return (\n    <>\n      <Button\n        onClick={onOpen}\n        className=\"h-[32px] py-1 px-2 bg-contrast-9 hover:bg-contrast-9 dark:bg-contrast-4 hover:outline-solid hover:outline-1 hover:outline-contrast-6 dark:hover:outline-contrast-5 transition-none\"\n      >\n        <TokenBadge\n          address={address}\n          chainId={network}\n          img={img}\n          symbol={symbol}\n          showNetworkIcon\n          classes={tokenBadgeClasses}\n          {...tokenBadgePropsOverride}\n        />\n\n        <ChevronIcon className=\"size-[10px]\" />\n      </Button>\n      {drawer}\n      {importTokenDrawer}\n    </>\n  );\n};\n"],"names":["EmptySelectTokenButton","t0","$","_c","drawerContainer","onTokenSelect","props","selectableChains","tokenType","t1","t2","drawerId","t3","useDrawerControls","drawerProps","onOpen","t4","onOpenImportTokenDrawer","importTokenDrawer","useImportTokenDrawer","t5","onClose","drawer","t6","t7","tokenBadgeClasses","root","symbol","logo","SelectTokenButton","token","tokenBadgePropsOverride","onSelect","address","network","img","Symbol","for","t8"],"mappings":"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"}
+{"version":3,"file":"SelectTokenButton.js","sources":["../../../../src/components/widget/SelectToken/SelectTokenButton.tsx"],"sourcesContent":["import { type ComponentProps } from \"react\";\nimport { Button } from \"@/components/ui/button\";\nimport { TokenBadge } from \"@/components/widget/TokenBadge/TokenBadge\";\nimport { type TokenBadgeProps } from \"@/components/widget/TokenBadge/types\";\nimport type { SelectTokenButtonProps } from \"./types\";\nimport { ChevronIcon } from \"@/components/widget/Icon/ChevronIcon\";\nimport type { Token } from \"@/tokens/state/types\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport { useScreen } from \"@/core/screen/state/screenAtom\";\n\ntype EmptySelectTokenButtonProps = Omit<\n  ComponentProps<typeof Button>,\n  \"onClick\"\n> & {\n  tokenType?: \"from\" | \"to\";\n  drawerContainer?: HTMLElement | null;\n  onTokenSelect?: (token: Token) => void;\n  selectableChains?: SupportedChainId[];\n};\n\nexport const EmptySelectTokenButton = ({\n  tokenType,\n  drawerContainer,\n  onTokenSelect,\n  selectableChains,\n  ...props\n}: EmptySelectTokenButtonProps) => {\n  const { showSelectTokenScreen, closeScreen } = useScreen();\n\n  return (\n    <Button\n      variant=\"select\"\n      className=\"h-[32px]\"\n      {...props}\n      onClick={() => {\n        if (tokenType)\n          showSelectTokenScreen({\n            tokenType,\n            onSelect: onTokenSelect,\n            onClose: closeScreen,\n            selectableChains,\n          });\n      }}\n    >\n      Select Token\n    </Button>\n  );\n};\n\nconst tokenBadgeClasses: TokenBadgeProps[\"classes\"] = {\n  root: \"font-inter\",\n  symbol: \"text-contrast-4 dark:text-contrast-8\",\n  logo: \"size-[24px]\",\n};\n\nexport const SelectTokenButton: React.FC<SelectTokenButtonProps> = ({\n  token,\n  tokenType,\n  tokenBadgePropsOverride,\n  drawerContainer,\n  onSelect,\n  selectableChains,\n}) => {\n  const { showSelectTokenScreen, closeScreen } = useScreen();\n\n  if (!token) {\n    return (\n      <EmptySelectTokenButton\n        tokenType={tokenType}\n        drawerContainer={drawerContainer}\n        onTokenSelect={onSelect}\n        selectableChains={selectableChains}\n      />\n    );\n  }\n\n  const { address, network, img, symbol } = token;\n\n  return (\n    <Button\n      onClick={() => {\n        if (tokenType)\n          showSelectTokenScreen({\n            tokenType,\n            onSelect,\n            onClose: closeScreen,\n            selectableChains,\n          });\n      }}\n      className=\"h-[32px] py-1 px-2 bg-contrast-9 hover:bg-contrast-9 dark:bg-contrast-4 hover:outline-solid hover:outline-1 hover:outline-contrast-6 dark:hover:outline-contrast-5 transition-none\"\n    >\n      <TokenBadge\n        address={address}\n        chainId={network}\n        img={img}\n        symbol={symbol}\n        showNetworkIcon\n        classes={tokenBadgeClasses}\n        {...tokenBadgePropsOverride}\n      />\n\n      <ChevronIcon className=\"size-[10px]\" />\n    </Button>\n  );\n};\n"],"names":["EmptySelectTokenButton","t0","$","_c","onTokenSelect","props","selectableChains","tokenType","t1","drawerContainer","t2","t3","t4","showSelectTokenScreen","closeScreen","useScreen","onSelect","onClose","tokenBadgeClasses","root","symbol","logo","SelectTokenButton","token","tokenBadgePropsOverride","address","network","img","Symbol","for"],"mappings":"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"}

package/dist/components/widget/SwapModeSwitcher/SwapModeSwitcherExpandable.js

@@ -5,7 +5,7 @@ import { AccordionTrigger, AccordionContent, AccordionItem, Accordion } from '..
 import { DetailWithTooltip } from '../Details/DetailWithTooltip.js';
 import { DeltaIcon } from '../Icon/DeltaIcon.js';
 import { MarketIcon } from '../Icon/MarketIcon.js';
-import { useSetAtom } from 'jotai';
+import { useSetAtom } from '../../../core/store.js';
 import { setSwapModeAtom } from './state/swapModeActionsAtom.js';
 import { useSwapPrices } from '../../../hooks/swap/prices/useSwapPrices.js';
 import { formatFiatPrice } from '../../../lib/utils/formatFiatPrice.js';