@velora-dex/widget 0.0.15 → 0.0.17

package/dist/components/web3/ConnectedWallet/ConnectedWallet.js

@@ -0,0 +1,211 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { d as distExports } from '../../../_virtual/index.js';
+import { shortenAddress } from '../../../lib/utils/index.js';
+import { useDisconnect } from 'wagmi';
+import { ReactComponent as ForwardRef } from '../../../assets/copy.svg.js';
+import { ReactComponent as ForwardRef$1 } from '../../../assets/external-url.svg.js';
+import { ReactComponent as ForwardRef$2 } from '../../../assets/logout.svg.js';
+import { Button } from '../../ui/button.js';
+import { constructExplorerUserDetailsLink } from '../../../lib/utils/explorer.js';
+import { copyToClipboard } from '../../../lib/utils/copyToClipboard.js';
+import { Tooltip, TooltipTrigger, TooltipContent } from '../../ui/tooltip.js';
+
+const ConnectedWallet = (t0) => {
+  const $ = distExports.c(39);
+  const {
+    account,
+    activeConnector,
+    onDismiss,
+    onConnectAnother
+  } = t0;
+  const {
+    disconnect
+  } = useDisconnect();
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(ForwardRef, {}) });
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  let t2;
+  let t3;
+  if ($[1] !== account) {
+    t2 = {
+      comp: t1,
+      tooltip: "Copy address",
+      onClick: async () => {
+        await copyToClipboard(account);
+      }
+    };
+    t3 = constructExplorerUserDetailsLink(account);
+    $[1] = account;
+    $[2] = t2;
+    $[3] = t3;
+  } else {
+    t2 = $[2];
+    t3 = $[3];
+  }
+  let t4;
+  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = /* @__PURE__ */ jsx(ForwardRef$1, {});
+    $[4] = t4;
+  } else {
+    t4 = $[4];
+  }
+  let t5;
+  if ($[5] !== t3) {
+    t5 = {
+      comp: /* @__PURE__ */ jsx("a", { href: t3, target: "_blank", rel: "noopener noreferrer", children: t4 }),
+      tooltip: "View on Explorer"
+    };
+    $[5] = t3;
+    $[6] = t5;
+  } else {
+    t5 = $[6];
+  }
+  let t6;
+  if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+    t6 = /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(ForwardRef$2, {}) });
+    $[7] = t6;
+  } else {
+    t6 = $[7];
+  }
+  let t7;
+  if ($[8] !== disconnect) {
+    t7 = {
+      comp: t6,
+      tooltip: "Disconnect wallet",
+      onClick: () => {
+        disconnect();
+      }
+    };
+    $[8] = disconnect;
+    $[9] = t7;
+  } else {
+    t7 = $[9];
+  }
+  let t8;
+  if ($[10] !== t2 || $[11] !== t5 || $[12] !== t7) {
+    t8 = [t2, t5, t7];
+    $[10] = t2;
+    $[11] = t5;
+    $[12] = t7;
+    $[13] = t8;
+  } else {
+    t8 = $[13];
+  }
+  const icons = t8;
+  let t9;
+  if ($[14] !== activeConnector.icon || $[15] !== activeConnector.name) {
+    t9 = /* @__PURE__ */ jsx("img", { src: activeConnector.icon, alt: activeConnector.name, width: 32, height: 32 });
+    $[14] = activeConnector.icon;
+    $[15] = activeConnector.name;
+    $[16] = t9;
+  } else {
+    t9 = $[16];
+  }
+  let t10;
+  if ($[17] !== account) {
+    t10 = shortenAddress(account);
+    $[17] = account;
+    $[18] = t10;
+  } else {
+    t10 = $[18];
+  }
+  let t11;
+  if ($[19] !== t10) {
+    t11 = /* @__PURE__ */ jsx("div", { className: "dark:text-contrast-7", children: t10 });
+    $[19] = t10;
+    $[20] = t11;
+  } else {
+    t11 = $[20];
+  }
+  let t12;
+  if ($[21] !== t11 || $[22] !== t9) {
+    t12 = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      t9,
+      t11
+    ] });
+    $[21] = t11;
+    $[22] = t9;
+    $[23] = t12;
+  } else {
+    t12 = $[23];
+  }
+  let t13;
+  if ($[24] !== icons) {
+    t13 = /* @__PURE__ */ jsx("div", { className: "flex items-center gap-3", children: icons.map(_temp) });
+    $[24] = icons;
+    $[25] = t13;
+  } else {
+    t13 = $[25];
+  }
+  let t14;
+  if ($[26] !== t12 || $[27] !== t13) {
+    t14 = /* @__PURE__ */ jsxs("div", { className: "bg-contrast-7 dark:bg-contrast-3 rounded-sm py-6 px-4 flex items-center justify-between", children: [
+      t12,
+      t13
+    ] });
+    $[26] = t12;
+    $[27] = t13;
+    $[28] = t14;
+  } else {
+    t14 = $[28];
+  }
+  let t15;
+  if ($[29] !== onConnectAnother) {
+    t15 = /* @__PURE__ */ jsx(Button, { variant: "default", radius: "sm", className: "h-[40px]", onClick: onConnectAnother, children: "Connect Another Wallet" });
+    $[29] = onConnectAnother;
+    $[30] = t15;
+  } else {
+    t15 = $[30];
+  }
+  let t16;
+  if ($[31] !== onDismiss) {
+    t16 = /* @__PURE__ */ jsx(Button, { variant: "secondary", radius: "sm", className: "h-[40px]", onClick: onDismiss, children: "Dismiss" });
+    $[31] = onDismiss;
+    $[32] = t16;
+  } else {
+    t16 = $[32];
+  }
+  let t17;
+  if ($[33] !== t15 || $[34] !== t16) {
+    t17 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+      t15,
+      t16
+    ] });
+    $[33] = t15;
+    $[34] = t16;
+    $[35] = t17;
+  } else {
+    t17 = $[35];
+  }
+  let t18;
+  if ($[36] !== t14 || $[37] !== t17) {
+    t18 = /* @__PURE__ */ jsxs("div", { className: "px-6 pb-8 pt-4 flex flex-col gap-10", children: [
+      t14,
+      t17
+    ] });
+    $[36] = t14;
+    $[37] = t17;
+    $[38] = t18;
+  } else {
+    t18 = $[38];
+  }
+  return t18;
+};
+function _temp(t0, index) {
+  const {
+    comp,
+    onClick,
+    tooltip
+  } = t0;
+  return /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { onClick, asChild: true, variant: "outline", className: "border-none size-[32px] shadow-none dark:bg-contrast-4", radius: "sm", children: comp }) }),
+    /* @__PURE__ */ jsx(TooltipContent, { children: tooltip })
+  ] }, index);
+}
+
+export { ConnectedWallet };
+//# sourceMappingURL=ConnectedWallet.js.map

package/dist/components/web3/ConnectedWallet/ConnectedWallet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectedWallet.js","sources":["../../../../src/components/web3/ConnectedWallet/ConnectedWallet.tsx"],"sourcesContent":["import { shortenAddress } from \"@/lib/utils\";\nimport { useDisconnect, type Connector } from \"wagmi\";\nimport { ReactComponent as CopySVG } from \"@/assets/copy.svg\";\nimport { ReactComponent as ExternalLingSVG } from \"@/assets/external-url.svg\";\nimport { ReactComponent as LogoutSVG } from \"@/assets/logout.svg\";\nimport type { Address } from \"viem\";\nimport { Button } from \"@/components/ui/button\";\nimport { constructExplorerUserDetailsLink } from \"@/lib/utils/explorer\";\nimport { copyToClipboard } from \"@/lib/utils/copyToClipboard\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\n\nexport const ConnectedWallet = ({\n  account,\n  activeConnector,\n  onDismiss,\n  onConnectAnother,\n}: {\n  account: Address;\n  activeConnector: Connector;\n  onDismiss?: () => void;\n  onConnectAnother?: () => void;\n}) => {\n  const { disconnect } = useDisconnect();\n\n  const icons = [\n    {\n      comp: (\n        <div>\n          <CopySVG />\n        </div>\n      ),\n      tooltip: \"Copy address\",\n      onClick: async () => {\n        await copyToClipboard(account);\n      },\n    },\n    {\n      comp: (\n        <a\n          href={constructExplorerUserDetailsLink(account)}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          <ExternalLingSVG />\n        </a>\n      ),\n      tooltip: \"View on Explorer\",\n    },\n    {\n      comp: (\n        <div>\n          <LogoutSVG />\n        </div>\n      ),\n      tooltip: \"Disconnect wallet\",\n      onClick: () => {\n        disconnect();\n      },\n    },\n  ];\n\n  return (\n    <div className=\"px-6 pb-8 pt-4 flex flex-col gap-10\">\n      <div className=\"bg-contrast-7 dark:bg-contrast-3 rounded-sm py-6 px-4 flex items-center justify-between\">\n        <div className=\"flex items-center gap-3\">\n          <img\n            src={activeConnector.icon}\n            alt={activeConnector.name}\n            width={32}\n            height={32}\n          />\n          <div className=\"dark:text-contrast-7\">{shortenAddress(account)}</div>\n        </div>\n        <div className=\"flex items-center gap-3\">\n          {icons.map(({ comp, onClick, tooltip }, index) => (\n            <Tooltip key={index}>\n              <TooltipTrigger asChild>\n                <Button\n                  onClick={onClick}\n                  asChild\n                  variant=\"outline\"\n                  className=\"border-none size-[32px] shadow-none dark:bg-contrast-4\"\n                  radius=\"sm\"\n                >\n                  {comp}\n                </Button>\n              </TooltipTrigger>\n              <TooltipContent>{tooltip}</TooltipContent>\n            </Tooltip>\n          ))}\n        </div>\n      </div>\n      <div className=\"flex flex-col gap-4\">\n        <Button\n          variant=\"default\"\n          radius=\"sm\"\n          className=\"h-[40px]\"\n          onClick={onConnectAnother}\n        >\n          Connect Another Wallet\n        </Button>\n        <Button\n          variant=\"secondary\"\n          radius=\"sm\"\n          className=\"h-[40px]\"\n          onClick={onDismiss}\n        >\n          Dismiss\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"names":["ConnectedWallet","t0","$","_c","account","activeConnector","onDismiss","onConnectAnother","disconnect","useDisconnect","t1","Symbol","for","CopySVG","t2","t3","comp","tooltip","onClick","copyToClipboard","constructExplorerUserDetailsLink","t4","ExternalLingSVG","t5","t6","LogoutSVG","t7","t8","icons","t9","icon","name","t10","shortenAddress","t11","t12","t13","map","_temp","t14","t15","t16","t17","t18","index"],"mappings":"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"}

package/dist/components/web3/providers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"providers.d.ts","sourceRoot":"","sources":["../../../src/components/web3/providers.tsx"],"names":[],"mappings":"AAKA,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAUxE"}
+{"version":3,"file":"providers.d.ts","sourceRoot":"","sources":["../../../src/components/web3/providers.tsx"],"names":[],"mappings":"AAMA,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAaxE"}

package/dist/components/web3/providers.js

@@ -4,21 +4,25 @@ import { QueryClientProvider } from '@tanstack/react-query';
 import { wagmiConfig } from '../../lib/web3/wagmi/config.js';
 import { WagmiProvider } from 'wagmi';
 import { queryClient } from '../../lib/queryClient.js';
+import { useIsDappMode } from '../../widget/state/externalProviderAtom.js';
 
 function Web3Providers(t0) {
-  const $ = distExports.c(2);
+  const $ = distExports.c(3);
   const {
     children
   } = t0;
-  let t1;
-  if ($[0] !== children) {
-    t1 = /* @__PURE__ */ jsx(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx(WagmiProvider, { config: wagmiConfig, reconnectOnMount: true, children }) });
+  const isDappMode = useIsDappMode();
+  const t1 = !isDappMode;
+  let t2;
+  if ($[0] !== children || $[1] !== t1) {
+    t2 = /* @__PURE__ */ jsx(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx(WagmiProvider, { config: wagmiConfig, reconnectOnMount: t1, children }) });
     $[0] = children;
     $[1] = t1;
+    $[2] = t2;
   } else {
-    t1 = $[1];
+    t2 = $[2];
   }
-  return t1;
+  return t2;
 }
 
 export { Web3Providers };

package/dist/components/web3/providers.js.map

@@ -1 +1 @@
-{"version":3,"file":"providers.js","sources":["../../../src/components/web3/providers.tsx"],"sourcesContent":["import { QueryClientProvider } from \"@tanstack/react-query\";\nimport { wagmiConfig } from \"@/lib/web3/wagmi/config\";\nimport { WagmiProvider } from \"wagmi\";\nimport { queryClient } from \"@/lib/queryClient\";\n\nexport function Web3Providers({ children }: { children: React.ReactNode }) {\n  return (\n    <QueryClientProvider client={queryClient}>\n      {/* connect on mount (eager-connect) should be controlled by the App that uses the widget\n       otherwise we can get different wallets connected between the App and the widget */}\n      <WagmiProvider config={wagmiConfig} reconnectOnMount={true}>\n        {children}\n      </WagmiProvider>\n    </QueryClientProvider>\n  );\n}\n"],"names":["Web3Providers","t0","$","_c","children","t1","queryClient","wagmiConfig"],"mappings":";;;;;;;AAKO,SAAAA,cAAAC,EAAAA,EAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAuB,EAAA,MAAA;AAAA,IAAAC;AAAAA,GAAA,GAAAH,EAAAA;AAA2C,EAAA,IAAAI,EAAAA;AAAA,EAAA,IAAAH,CAAAA,QAAAE,QAAAA,EAAA;AAErEC,IAAAA,EAAAA,mBAAA,GAAA,CAAC,mBAAA,EAAA,EAA4BC,MAAAA,EAAAA,WAAAA,EAG3B,QAAA,kBAAA,GAAA,CAAC,aAAA,EAAA,EAAsBC,MAAAA,EAAAA,WAAAA,EAA+B,gBAAA,EAAA,IAAA,EACnDH,QAAAA,EACH,CAAA,EACF,CAAA;AAAsBF,IAAAA,CAAAA,MAAAE,QAAAA;AAAAF,IAAAA,CAAAA,MAAAG,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAH,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,OANtBG,EAAAA;AAMsB;;;;"}
+{"version":3,"file":"providers.js","sources":["../../../src/components/web3/providers.tsx"],"sourcesContent":["import { QueryClientProvider } from \"@tanstack/react-query\";\nimport { wagmiConfig } from \"@/lib/web3/wagmi/config\";\nimport { WagmiProvider } from \"wagmi\";\nimport { queryClient } from \"@/lib/queryClient\";\nimport { useIsDappMode } from \"@/widget/state/externalProviderAtom\";\n\nexport function Web3Providers({ children }: { children: React.ReactNode }) {\n  const isDappMode = useIsDappMode();\n\n  return (\n    <QueryClientProvider client={queryClient}>\n      {/* connect on mount (eager-connect) should be controlled by the App that uses the widget\n       otherwise we can get different wallets connected between the App and the widget */}\n      <WagmiProvider config={wagmiConfig} reconnectOnMount={!isDappMode}>\n        {/* @TODO: check if reconnectOnMount is necessary even with externalProvider in Dapp mode */}\n        {children}\n      </WagmiProvider>\n    </QueryClientProvider>\n  );\n}\n"],"names":["Web3Providers","t0","$","_c","children","isDappMode","useIsDappMode","t1","t2","queryClient","wagmiConfig"],"mappings":";;;;;;;;AAMO,SAAAA,cAAAC,EAAAA,EAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAuB,EAAA,MAAA;AAAA,IAAAC;AAAAA,GAAA,GAAAH,EAAAA;AAC5B,EAAA,MAAAI,aAAmBC,aAAAA,EAAc;AAMyB,EAAA,MAAAC,MAACF,UAAAA;AAAU,EAAA,IAAAG,EAAAA;AAAA,EAAA,IAAAN,EAAA,CAAA,CAAA,KAAAE,YAAAF,CAAAA,QAAAK,EAAAA,EAAA;AAHnEC,IAAAA,EAAAA,mBAAA,GAAA,CAAC,mBAAA,EAAA,EAA4BC,MAAAA,EAAAA,WAAAA,EAG3B,QAAA,kBAAA,GAAA,CAAC,aAAA,EAAA,EAAsBC,MAAAA,EAAAA,WAAAA,EAA+B,gBAAA,EAAAH,EAAAA,EAEnDH,QAAAA,EACH,CAAA,EACF,CAAA;AAAsBF,IAAAA,CAAAA,MAAAE,QAAAA;AAAAF,IAAAA,CAAAA,MAAAK,EAAAA;AAAAL,IAAAA,CAAAA,MAAAM,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAN,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,OAPtBM,EAAAA;AAOsB;;;;"}

package/dist/components/widget/Dialog/ReceiverAddressDialog/ReceiverAddressDialog.js

@@ -30,7 +30,7 @@ const ReceiverAddressDialog = () => {
   return t0;
 };
 const ReceiverAddressContent = (t0) => {
-  const $ = distExports.c(49);
+  const $ = distExports.c(47);
   const {
     onClose
   } = t0;
@@ -43,206 +43,196 @@ const ReceiverAddressContent = (t0) => {
   } = useReceiverAddress();
   const [value, setValue] = useState(address ?? "");
   const [acknowledged, setAcknowledged] = useState(false);
+  const isEnteredAddressContract = useIsContractAtAddress({
+    address: value
+  }).data?.isContract;
   let t1;
-  if ($[0] !== value) {
-    t1 = {
-      address: value
+  if ($[0] !== acknowledged) {
+    t1 = (value_0) => {
+      if (acknowledged) {
+        setAcknowledged(false);
+      }
+      setValue(value_0);
     };
-    $[0] = value;
+    $[0] = acknowledged;
     $[1] = t1;
   } else {
     t1 = $[1];
   }
-  const {
-    data: isEnteredAddressContract
-  } = useIsContractAtAddress(t1);
+  const handleValueChange = t1;
   let t2;
   if ($[2] !== acknowledged) {
-    t2 = (value_0) => {
-      if (acknowledged) {
-        setAcknowledged(false);
-      }
-      setValue(value_0);
+    t2 = () => {
+      setAcknowledged(!acknowledged);
     };
     $[2] = acknowledged;
     $[3] = t2;
   } else {
     t2 = $[3];
   }
-  const handleValueChange = t2;
+  const toggleSwitch = t2;
   let t3;
-  if ($[4] !== acknowledged) {
+  if ($[4] !== acknowledged || $[5] !== onClose || $[6] !== setAddress || $[7] !== value) {
     t3 = () => {
-      setAcknowledged(!acknowledged);
-    };
-    $[4] = acknowledged;
-    $[5] = t3;
-  } else {
-    t3 = $[5];
-  }
-  const toggleSwitch = t3;
-  let t4;
-  if ($[6] !== acknowledged || $[7] !== onClose || $[8] !== setAddress || $[9] !== value) {
-    t4 = () => {
       if (isAddress(value) && acknowledged) {
         setAddress(value);
       }
       onClose?.();
     };
-    $[6] = acknowledged;
-    $[7] = onClose;
-    $[8] = setAddress;
-    $[9] = value;
-    $[10] = t4;
+    $[4] = acknowledged;
+    $[5] = onClose;
+    $[6] = setAddress;
+    $[7] = value;
+    $[8] = t3;
   } else {
-    t4 = $[10];
+    t3 = $[8];
   }
-  const onContinueClick = t4;
-  let t5;
-  if ($[11] !== account || $[12] !== handleValueChange) {
-    t5 = () => {
+  const onContinueClick = t3;
+  let t4;
+  if ($[9] !== account || $[10] !== handleValueChange) {
+    t4 = () => {
       if (account) {
         handleValueChange(account);
       }
     };
-    $[11] = account;
-    $[12] = handleValueChange;
-    $[13] = t5;
+    $[9] = account;
+    $[10] = handleValueChange;
+    $[11] = t4;
   } else {
-    t5 = $[13];
+    t4 = $[11];
   }
-  const onUseMyAddressClick = t5;
+  const onUseMyAddressClick = t4;
   const switchDisabled = !isAddress(value);
-  let t6;
-  if ($[14] !== handleValueChange || $[15] !== value) {
-    t6 = /* @__PURE__ */ jsx(ReceiverAddressInput, { value, handleValueChange });
-    $[14] = handleValueChange;
-    $[15] = value;
-    $[16] = t6;
+  let t5;
+  if ($[12] !== handleValueChange || $[13] !== value) {
+    t5 = /* @__PURE__ */ jsx(ReceiverAddressInput, { value, handleValueChange });
+    $[12] = handleValueChange;
+    $[13] = value;
+    $[14] = t5;
   } else {
-    t6 = $[16];
+    t5 = $[14];
+  }
+  const t6 = isEnteredAddressContract ? smartContractWarningMessage : receiverWarningMessage;
+  let t7;
+  if ($[15] !== t6) {
+    t7 = /* @__PURE__ */ jsx("div", { children: t6 });
+    $[15] = t6;
+    $[16] = t7;
+  } else {
+    t7 = $[16];
   }
-  const t7 = isEnteredAddressContract?.isContract ? smartContractWarningMessage : receiverWarningMessage;
   let t8;
-  if ($[17] !== t7) {
-    t8 = /* @__PURE__ */ jsx("div", { children: t7 });
-    $[17] = t7;
-    $[18] = t8;
+  if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+    t8 = /* @__PURE__ */ jsx("div", { children: warningMessage });
+    $[17] = t8;
   } else {
-    t8 = $[18];
+    t8 = $[17];
   }
   let t9;
-  if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
-    t9 = /* @__PURE__ */ jsx("div", { children: warningMessage });
+  if ($[18] !== t7) {
+    t9 = /* @__PURE__ */ jsx(Warning, { title: "Disclaimer", message: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+      t7,
+      t8
+    ] }), classes: warningClasses });
+    $[18] = t7;
     $[19] = t9;
   } else {
     t9 = $[19];
   }
   let t10;
-  if ($[20] !== t8) {
-    t10 = /* @__PURE__ */ jsx(Warning, { title: "Disclaimer", message: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-      t8,
-      t9
-    ] }), classes: warningClasses });
-    $[20] = t8;
-    $[21] = t10;
-  } else {
-    t10 = $[21];
-  }
-  let t11;
-  if ($[22] !== acknowledged || $[23] !== switchDisabled || $[24] !== toggleSwitch) {
-    t11 = /* @__PURE__ */ jsx(Switch, { checked: acknowledged, onClick: toggleSwitch, className: "cursor-pointer", disabled: switchDisabled });
-    $[22] = acknowledged;
-    $[23] = switchDisabled;
-    $[24] = toggleSwitch;
+  if ($[20] !== acknowledged || $[21] !== switchDisabled || $[22] !== toggleSwitch) {
+    t10 = /* @__PURE__ */ jsx(Switch, { checked: acknowledged, onClick: toggleSwitch, className: "cursor-pointer", disabled: switchDisabled });
+    $[20] = acknowledged;
+    $[21] = switchDisabled;
+    $[22] = toggleSwitch;
+    $[23] = t10;
+  } else {
+    t10 = $[23];
+  }
+  const t11 = !switchDisabled;
+  let t12;
+  if ($[24] !== switchDisabled || $[25] !== t11) {
+    t12 = cn("text-sm text-contrast-4 dark:text-contrast-6", {
+      "cursor-not-allowed": switchDisabled,
+      "cursor-pointer": t11
+    });
+    $[24] = switchDisabled;
     $[25] = t11;
+    $[26] = t12;
   } else {
-    t11 = $[25];
+    t12 = $[26];
   }
-  const t12 = !switchDisabled;
-  let t13;
-  if ($[26] !== switchDisabled || $[27] !== t12) {
-    t13 = cn("text-sm text-contrast-4 dark:text-contrast-6", {
-      "cursor-not-allowed": switchDisabled,
-      "cursor-pointer": t12
-    });
-    $[26] = switchDisabled;
+  const t13 = switchDisabled ? void 0 : toggleSwitch;
+  let t14;
+  if ($[27] !== t12 || $[28] !== t13) {
+    t14 = /* @__PURE__ */ jsx("div", { className: t12, onClick: t13, children: "I understand the risks mentionned above" });
     $[27] = t12;
     $[28] = t13;
+    $[29] = t14;
   } else {
-    t13 = $[28];
+    t14 = $[29];
   }
-  const t14 = switchDisabled ? void 0 : toggleSwitch;
   let t15;
-  if ($[29] !== t13 || $[30] !== t14) {
-    t15 = /* @__PURE__ */ jsx("div", { className: t13, onClick: t14, children: "I understand the risks mentionned above" });
-    $[29] = t13;
-    $[30] = t14;
-    $[31] = t15;
-  } else {
-    t15 = $[31];
-  }
-  let t16;
-  if ($[32] !== t11 || $[33] !== t15) {
-    t16 = /* @__PURE__ */ jsxs("div", { className: "mt-7 flex items-center gap-1.5", children: [
-      t11,
-      t15
+  if ($[30] !== t10 || $[31] !== t14) {
+    t15 = /* @__PURE__ */ jsxs("div", { className: "mt-7 flex items-center gap-1.5", children: [
+      t10,
+      t14
     ] });
-    $[32] = t11;
-    $[33] = t15;
+    $[30] = t10;
+    $[31] = t14;
+    $[32] = t15;
+  } else {
+    t15 = $[32];
+  }
+  const t16 = !account || value.toLowerCase() === account?.toLowerCase();
+  let t17;
+  if ($[33] !== onUseMyAddressClick || $[34] !== t16) {
+    t17 = /* @__PURE__ */ jsx(Button, { radius: "xs", variant: "secondary", disabled: t16, onClick: onUseMyAddressClick, children: "Use My Address" });
+    $[33] = onUseMyAddressClick;
     $[34] = t16;
+    $[35] = t17;
   } else {
-    t16 = $[34];
+    t17 = $[35];
   }
-  const t17 = !account || value.toLowerCase() === account?.toLowerCase();
-  let t18;
-  if ($[35] !== onUseMyAddressClick || $[36] !== t17) {
-    t18 = /* @__PURE__ */ jsx(Button, { radius: "xs", variant: "secondary", disabled: t17, onClick: onUseMyAddressClick, children: "Use My Address" });
-    $[35] = onUseMyAddressClick;
-    $[36] = t17;
+  const t18 = !acknowledged || switchDisabled;
+  let t19;
+  if ($[36] !== onContinueClick || $[37] !== t18) {
+    t19 = /* @__PURE__ */ jsx(Button, { radius: "xs", disabled: t18, onClick: onContinueClick, children: "Continue" });
+    $[36] = onContinueClick;
     $[37] = t18;
+    $[38] = t19;
   } else {
-    t18 = $[37];
+    t19 = $[38];
   }
-  const t19 = !acknowledged || switchDisabled;
   let t20;
-  if ($[38] !== onContinueClick || $[39] !== t19) {
-    t20 = /* @__PURE__ */ jsx(Button, { radius: "xs", disabled: t19, onClick: onContinueClick, children: "Continue" });
-    $[38] = onContinueClick;
-    $[39] = t19;
-    $[40] = t20;
+  if ($[39] !== t17 || $[40] !== t19) {
+    t20 = /* @__PURE__ */ jsxs("div", { className: "mt-7 flex items-center justify-between gap-2", children: [
+      t17,
+      t19
+    ] });
+    $[39] = t17;
+    $[40] = t19;
+    $[41] = t20;
   } else {
-    t20 = $[40];
+    t20 = $[41];
   }
   let t21;
-  if ($[41] !== t18 || $[42] !== t20) {
-    t21 = /* @__PURE__ */ jsxs("div", { className: "mt-7 flex items-center justify-between gap-2", children: [
-      t18,
+  if ($[42] !== t15 || $[43] !== t20 || $[44] !== t5 || $[45] !== t9) {
+    t21 = /* @__PURE__ */ jsxs("div", { className: "p-[24px] pt-0", children: [
+      t5,
+      t9,
+      t15,
       t20
     ] });
-    $[41] = t18;
-    $[42] = t20;
-    $[43] = t21;
-  } else {
-    t21 = $[43];
-  }
-  let t22;
-  if ($[44] !== t10 || $[45] !== t16 || $[46] !== t21 || $[47] !== t6) {
-    t22 = /* @__PURE__ */ jsxs("div", { className: "p-[24px] pt-0", children: [
-      t6,
-      t10,
-      t16,
-      t21
-    ] });
-    $[44] = t10;
-    $[45] = t16;
+    $[42] = t15;
+    $[43] = t20;
+    $[44] = t5;
+    $[45] = t9;
     $[46] = t21;
-    $[47] = t6;
-    $[48] = t22;
   } else {
-    t22 = $[48];
+    t21 = $[46];
   }
-  return t22;
+  return t21;
 };
 
 export { ReceiverAddressContent, ReceiverAddressDialog };