@multiversx/sdk-dapp-liquidity 2.0.0 → 2.1.0-alpha.1

package/reactjs/components/AmountCard/AmountCard.mjs

@@ -1,6 +1,6 @@
-import { jsx } from "react/jsx-runtime";
-import { mxClsx } from "../../utils/mxClsx.mjs";
-import { MxCard } from "../base/MxCard/MxCard.mjs";
+import { jsx as i } from "react/jsx-runtime";
+import { mxClsx as o } from "../../utils/mxClsx.mjs";
+import { MxCard as m } from "../base/MxCard/MxCard.mjs";
 import "../base/MxLink/MxLink.mjs";
 import "../base/MxSearch/MxSearch.mjs";
 import "@fortawesome/free-solid-svg-icons/faClose";
@@ -11,23 +11,21 @@ import "react-dom";
 import "react-popper";
 import "../base/MxTooltip/components/TooltipContainer/TooltipContainer.mjs";
 import "../../constants/index.mjs";
-const AmountCard = ({
-  className,
-  children
-}) => {
-  return /* @__PURE__ */ jsx(
-    MxCard,
-    {
-      cardSize: "lg",
-      variant: "neutral-750",
-      className: mxClsx(
-        "liq-flex liq-flex-col liq-gap-4 liq-outline liq-outline-transparent",
-        className
-      ),
-      children
-    }
-  );
-};
+const g = ({
+  className: r,
+  children: t
+}) => /* @__PURE__ */ i(
+  m,
+  {
+    cardSize: "lg",
+    variant: "neutral-750",
+    className: o(
+      "liq-flex liq-flex-col liq-gap-4 liq-outline liq-outline-transparent",
+      r
+    ),
+    children: t
+  }
+);
 export {
-  AmountCard
+  g as AmountCard
 };

package/reactjs/components/AmountCard/index.js

@@ -1,5 +1,2 @@
 #!/usr/bin/env node
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const reactjs_components_AmountCard_AmountCard = require("./AmountCard.js");
-exports.AmountCard = reactjs_components_AmountCard_AmountCard.AmountCard;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./AmountCard.js");exports.AmountCard=e.AmountCard;

package/reactjs/components/AmountCard/index.mjs

@@ -1,4 +1,4 @@
-import { AmountCard } from "./AmountCard.mjs";
+import { AmountCard as m } from "./AmountCard.mjs";
 export {
-  AmountCard
+  m as AmountCard
 };

package/reactjs/components/AmountInput/AmountInput.js

@@ -1,72 +1,2 @@
 #!/usr/bin/env node
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const reactNumberFormat = require("react-number-format");
-const reactjs_utils_mxClsx = require("../../utils/mxClsx.js");
-const AmountInput = ({
-  inputName,
-  inputValue,
-  disabled,
-  amountError,
-  omitDisableClass = false,
-  className,
-  onBlur,
-  onInputDebounceChange,
-  onInputChange
-}) => {
-  const handleAmountChange = (event) => {
-    event.stopPropagation();
-    const { value } = event.target;
-    const amount = value.replace(/,/g, "");
-    onInputChange == null ? void 0 : onInputChange({
-      ...event,
-      target: { name: inputName, value: amount }
-    });
-  };
-  const checkKeyDown = (e) => {
-    if (e.key === "Enter") {
-      e.preventDefault();
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liq-flex liq-w-full liq-flex-col liq-justify-between", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: reactjs_utils_mxClsx.mxClsx(
-          "liq-flex liq-text-base liq-max-w-none liq-w-full liq-bg-transparent liq-relative",
-          {
-            "liq-disabled liq-animate-loader": disabled
-          }
-        ),
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          reactNumberFormat.NumericFormat,
-          {
-            name: inputName,
-            value: inputValue,
-            placeholder: "0",
-            allowLeadingZeros: true,
-            thousandSeparator: ",",
-            allowNegative: false,
-            disabled,
-            className: reactjs_utils_mxClsx.mxClsx(
-              "liq-text-3xl liq-leading-9 liq-min-h-12 liq-py-0 liq-w-full liq-h-full liq-border-none liq-font-medium liq-px-0 liq-outline-0 liq-bg-transparent focus-visible:liq-outline-none",
-              {
-                "liq-disabled liq-animate-pulse": disabled && !omitDisableClass
-              },
-              className
-            ),
-            onChange: handleAmountChange,
-            onValueChange: async ({ value }) => {
-              onInputDebounceChange == null ? void 0 : onInputDebounceChange(value);
-            },
-            onBlur,
-            onKeyDown: (e) => checkKeyDown(e)
-          }
-        )
-      }
-    ),
-    amountError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-flex liq-min-h-[2rem] liq-items-end", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-text-danger liq-text-xs", children: amountError }) })
-  ] });
-};
-exports.AmountInput = AmountInput;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),v=require("react-number-format"),q=require("../../utils/mxClsx.js"),j=({inputName:s,inputValue:n,disabled:i,amountError:r,omitDisableClass:o=!1,className:m,onBlur:c,onInputDebounceChange:t,onInputChange:a})=>{const x=l=>{l.stopPropagation();const{value:u}=l.target,f=u.replace(/,/g,"");a==null||a({...l,target:{name:s,value:f}})},d=l=>{l.key==="Enter"&&l.preventDefault()};return e.jsxs("div",{className:"liq-flex liq-w-full liq-flex-col liq-justify-between",children:[e.jsx("div",{className:q.mxClsx("liq-flex liq-text-base liq-max-w-none liq-w-full liq-bg-transparent liq-relative",{"liq-disabled liq-animate-loader":i}),children:e.jsx(v.NumericFormat,{name:s,value:n,placeholder:"0",allowLeadingZeros:!0,thousandSeparator:",",allowNegative:!1,disabled:i,className:q.mxClsx("liq-text-3xl liq-leading-9 liq-min-h-12 liq-py-0 liq-w-full liq-h-full liq-border-none liq-font-medium liq-px-0 liq-outline-0 liq-bg-transparent focus-visible:liq-outline-none",{"liq-disabled liq-animate-pulse":i&&!o},m),onChange:x,onValueChange:async({value:l})=>{t==null||t(l)},onBlur:c,onKeyDown:l=>d(l)})}),r&&e.jsx("div",{className:"liq-flex liq-min-h-[2rem] liq-items-end",children:e.jsx("div",{className:"liq-text-danger liq-text-xs",children:r})})]})};exports.AmountInput=j;

package/reactjs/components/AmountInput/AmountInput.mjs

@@ -1,71 +1,67 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { NumericFormat } from "react-number-format";
-import { mxClsx } from "../../utils/mxClsx.mjs";
-const AmountInput = ({
-  inputName,
-  inputValue,
-  disabled,
-  amountError,
-  omitDisableClass = false,
-  className,
-  onBlur,
-  onInputDebounceChange,
-  onInputChange
+import { jsxs as v, jsx as i } from "react/jsx-runtime";
+import { NumericFormat as w } from "react-number-format";
+import { mxClsx as q } from "../../utils/mxClsx.mjs";
+const N = ({
+  inputName: s,
+  inputValue: m,
+  disabled: e,
+  amountError: r,
+  omitDisableClass: o = !1,
+  className: n,
+  onBlur: c,
+  onInputDebounceChange: a,
+  onInputChange: t
 }) => {
-  const handleAmountChange = (event) => {
-    event.stopPropagation();
-    const { value } = event.target;
-    const amount = value.replace(/,/g, "");
-    onInputChange == null ? void 0 : onInputChange({
-      ...event,
-      target: { name: inputName, value: amount }
+  const d = (l) => {
+    l.stopPropagation();
+    const { value: x } = l.target, u = x.replace(/,/g, "");
+    t == null || t({
+      ...l,
+      target: { name: s, value: u }
     });
+  }, f = (l) => {
+    l.key === "Enter" && l.preventDefault();
   };
-  const checkKeyDown = (e) => {
-    if (e.key === "Enter") {
-      e.preventDefault();
-    }
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "liq-flex liq-w-full liq-flex-col liq-justify-between", children: [
-    /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ v("div", { className: "liq-flex liq-w-full liq-flex-col liq-justify-between", children: [
+    /* @__PURE__ */ i(
       "div",
       {
-        className: mxClsx(
+        className: q(
           "liq-flex liq-text-base liq-max-w-none liq-w-full liq-bg-transparent liq-relative",
           {
-            "liq-disabled liq-animate-loader": disabled
+            "liq-disabled liq-animate-loader": e
           }
         ),
-        children: /* @__PURE__ */ jsx(
-          NumericFormat,
+        children: /* @__PURE__ */ i(
+          w,
           {
-            name: inputName,
-            value: inputValue,
+            name: s,
+            value: m,
             placeholder: "0",
-            allowLeadingZeros: true,
+            allowLeadingZeros: !0,
             thousandSeparator: ",",
-            allowNegative: false,
-            disabled,
-            className: mxClsx(
+            allowNegative: !1,
+            disabled: e,
+            className: q(
               "liq-text-3xl liq-leading-9 liq-min-h-12 liq-py-0 liq-w-full liq-h-full liq-border-none liq-font-medium liq-px-0 liq-outline-0 liq-bg-transparent focus-visible:liq-outline-none",
               {
-                "liq-disabled liq-animate-pulse": disabled && !omitDisableClass
+                "liq-disabled liq-animate-pulse": e && !o
               },
-              className
+              n
             ),
-            onChange: handleAmountChange,
-            onValueChange: async ({ value }) => {
-              onInputDebounceChange == null ? void 0 : onInputDebounceChange(value);
+            onChange: d,
+            onValueChange: async ({ value: l }) => {
+              a == null || a(l);
             },
-            onBlur,
-            onKeyDown: (e) => checkKeyDown(e)
+            onBlur: c,
+            onKeyDown: (l) => f(l)
           }
         )
       }
     ),
-    amountError && /* @__PURE__ */ jsx("div", { className: "liq-flex liq-min-h-[2rem] liq-items-end", children: /* @__PURE__ */ jsx("div", { className: "liq-text-danger liq-text-xs", children: amountError }) })
+    r && /* @__PURE__ */ i("div", { className: "liq-flex liq-min-h-[2rem] liq-items-end", children: /* @__PURE__ */ i("div", { className: "liq-text-danger liq-text-xs", children: r }) })
   ] });
 };
 export {
-  AmountInput
+  N as AmountInput
 };

package/reactjs/components/AmountInput/index.js

@@ -1,5 +1,2 @@
 #!/usr/bin/env node
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const reactjs_components_AmountInput_AmountInput = require("./AmountInput.js");
-exports.AmountInput = reactjs_components_AmountInput_AmountInput.AmountInput;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./AmountInput.js");exports.AmountInput=t.AmountInput;

package/reactjs/components/AmountInput/index.mjs

@@ -1,4 +1,4 @@
-import { AmountInput } from "./AmountInput.mjs";
+import { AmountInput as m } from "./AmountInput.mjs";
 export {
-  AmountInput
+  m as AmountInput
 };

package/reactjs/components/BridgeForm/BridgeForm.d.ts

@@ -17,6 +17,15 @@ interface BridgeFormProps {
     onHistoryClose?: () => void;
     onMvxConnect: () => void;
     onMvxDisconnect?: () => void;
+    /**
+     * Called after the SDK updates the URL with token query params.
+     * The SDK always calls `history.replaceState` first, so the URL is already
+     * updated client-side. This callback is purely informational — pass a
+     * soft client-side router (e.g. Next.js `router.replace`) so your framework
+     * stays in sync. Do NOT use `window.location.assign` or any hard navigation:
+     * that will cause an infinite reload loop when an injected EVM provider
+     * (MetaMask, etc.) auto-connects on mount.
+     */
     onNavigate?: (url: string, options?: object) => void;
 }
 export declare const BridgeForm: ({ mvxChainId, mvxAddress, username, callbackRoute, firstTokenIdentifier, secondTokenIdentifier, firstTokenAmount, secondTokenAmount, refetchTrigger, showHistory, forcedDestinationTokenSymbol, onSuccessfullySentTransaction, onSuccessfullySentMvxTransaction, onFailedSentMvxTransaction, onFailedSentTransaction, onMvxConnect, onMvxDisconnect, onHistoryClose, onNavigate }: BridgeFormProps) => import("react/jsx-runtime").JSX.Element;

package/reactjs/components/BridgeForm/BridgeForm.js

@@ -1,90 +1,2 @@
 #!/usr/bin/env node
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const reactjs_components_BridgeForm_Deposit = require("./Deposit.js");
-const reactjs_components_BridgeForm_Transfer = require("./Transfer.js");
-const reactjs_context_useWeb3App = require("../../context/useWeb3App.js");
-const BridgeForm = ({
-  mvxChainId,
-  mvxAddress,
-  username,
-  callbackRoute = "/",
-  firstTokenIdentifier,
-  secondTokenIdentifier,
-  firstTokenAmount,
-  secondTokenAmount,
-  refetchTrigger,
-  showHistory,
-  forcedDestinationTokenSymbol,
-  onSuccessfullySentTransaction,
-  onSuccessfullySentMvxTransaction,
-  onFailedSentMvxTransaction,
-  onFailedSentTransaction,
-  onMvxConnect,
-  onMvxDisconnect,
-  onHistoryClose,
-  onNavigate
-}) => {
-  const { bridgeOnly } = reactjs_context_useWeb3App.useWeb3App();
-  const [direction, setDirection] = React.useState(
-    bridgeOnly === false ? "deposit" : "deposit"
-  );
-  const handleChangeDirection = () => {
-    if (bridgeOnly === false) {
-      return;
-    }
-    setDirection((prevState) => {
-      return prevState === "deposit" ? "withdraw" : "deposit";
-    });
-  };
-  return direction === "deposit" ? /* @__PURE__ */ jsxRuntime.jsx(
-    reactjs_components_BridgeForm_Deposit.Deposit,
-    {
-      mvxChainId,
-      mvxAddress,
-      username,
-      callbackRoute,
-      firstTokenIdentifier,
-      secondTokenIdentifier,
-      firstTokenAmount,
-      secondTokenAmount,
-      refetchTrigger,
-      showHistory,
-      forcedDestinationTokenSymbol,
-      direction,
-      onChangeDirection: handleChangeDirection,
-      onSuccessfullySentTransaction,
-      onFailedSentTransaction,
-      onHistoryClose,
-      onMvxConnect,
-      onMvxDisconnect,
-      onNavigate
-    }
-  ) : /* @__PURE__ */ jsxRuntime.jsx(
-    reactjs_components_BridgeForm_Transfer.Transfer,
-    {
-      mvxChainId,
-      mvxAddress,
-      username,
-      callbackRoute,
-      firstTokenIdentifier,
-      secondTokenIdentifier,
-      firstTokenAmount,
-      secondTokenAmount,
-      refetchTrigger,
-      showHistory,
-      forcedDestinationTokenSymbol,
-      direction,
-      onChangeDirection: handleChangeDirection,
-      onSuccessfullySentTransaction: onSuccessfullySentMvxTransaction,
-      onFailedSentTransaction: onFailedSentMvxTransaction,
-      onHistoryClose,
-      onMvxConnect,
-      onMvxDisconnect,
-      onNavigate
-    }
-  );
-};
-exports.BridgeForm = BridgeForm;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react/jsx-runtime"),W=require("react"),f=require("./Deposit.js"),w=require("./Transfer.js"),y=require("../../context/useWeb3App.js"),P=({mvxChainId:r,mvxAddress:t,username:s,callbackRoute:i="/",firstTokenIdentifier:n,secondTokenIdentifier:c,firstTokenAmount:o,secondTokenAmount:a,refetchTrigger:p,showHistory:u,forcedDestinationTokenSymbol:d,onSuccessfullySentTransaction:b,onSuccessfullySentMvxTransaction:B,onFailedSentMvxTransaction:D,onFailedSentTransaction:h,onMvxConnect:_,onMvxDisconnect:g,onHistoryClose:j,onNavigate:l})=>{const{bridgeOnly:q}=y.useWeb3App(),[e,m]=W.useState("deposit"),F=()=>{q!==!1&&m(O=>O==="deposit"?"withdraw":"deposit")};return e==="deposit"?S.jsx(f.Deposit,{mvxChainId:r,mvxAddress:t,username:s,callbackRoute:i,firstTokenIdentifier:n,secondTokenIdentifier:c,firstTokenAmount:o,secondTokenAmount:a,refetchTrigger:p,showHistory:u,forcedDestinationTokenSymbol:d,direction:e,onChangeDirection:F,onSuccessfullySentTransaction:b,onFailedSentTransaction:h,onHistoryClose:j,onMvxConnect:_,onMvxDisconnect:g,onNavigate:l}):S.jsx(w.Transfer,{mvxChainId:r,mvxAddress:t,username:s,callbackRoute:i,firstTokenIdentifier:n,secondTokenIdentifier:c,firstTokenAmount:o,secondTokenAmount:a,refetchTrigger:p,showHistory:u,forcedDestinationTokenSymbol:d,direction:e,onChangeDirection:F,onSuccessfullySentTransaction:B,onFailedSentTransaction:D,onHistoryClose:j,onMvxConnect:_,onMvxDisconnect:g,onNavigate:l})};exports.BridgeForm=P;

package/reactjs/components/BridgeForm/BridgeForm.mjs

@@ -1,89 +1,82 @@
-import { jsx } from "react/jsx-runtime";
-import { useState } from "react";
-import { Deposit } from "./Deposit.mjs";
-import { Transfer } from "./Transfer.mjs";
-import { useWeb3App } from "../../context/useWeb3App.mjs";
-const BridgeForm = ({
-  mvxChainId,
-  mvxAddress,
-  username,
-  callbackRoute = "/",
-  firstTokenIdentifier,
-  secondTokenIdentifier,
-  firstTokenAmount,
-  secondTokenAmount,
-  refetchTrigger,
-  showHistory,
-  forcedDestinationTokenSymbol,
-  onSuccessfullySentTransaction,
-  onSuccessfullySentMvxTransaction,
-  onFailedSentMvxTransaction,
-  onFailedSentTransaction,
-  onMvxConnect,
-  onMvxDisconnect,
-  onHistoryClose,
-  onNavigate
+import { jsx as h } from "react/jsx-runtime";
+import { useState as b } from "react";
+import { Deposit as q } from "./Deposit.mjs";
+import { Transfer as z } from "./Transfer.mjs";
+import { useWeb3App as C } from "../../context/useWeb3App.mjs";
+const P = ({
+  mvxChainId: t,
+  mvxAddress: i,
+  username: p,
+  callbackRoute: o = "/",
+  firstTokenIdentifier: e,
+  secondTokenIdentifier: s,
+  firstTokenAmount: a,
+  secondTokenAmount: m,
+  refetchTrigger: n,
+  showHistory: c,
+  forcedDestinationTokenSymbol: f,
+  onSuccessfullySentTransaction: F,
+  onSuccessfullySentMvxTransaction: j,
+  onFailedSentMvxTransaction: w,
+  onFailedSentTransaction: B,
+  onMvxConnect: d,
+  onMvxDisconnect: l,
+  onHistoryClose: u,
+  onNavigate: D
 }) => {
-  const { bridgeOnly } = useWeb3App();
-  const [direction, setDirection] = useState(
-    bridgeOnly === false ? "deposit" : "deposit"
-  );
-  const handleChangeDirection = () => {
-    if (bridgeOnly === false) {
-      return;
-    }
-    setDirection((prevState) => {
-      return prevState === "deposit" ? "withdraw" : "deposit";
-    });
+  const { bridgeOnly: S } = C(), [r, O] = b(
+    "deposit"
+  ), g = () => {
+    S !== !1 && O((W) => W === "deposit" ? "withdraw" : "deposit");
   };
-  return direction === "deposit" ? /* @__PURE__ */ jsx(
-    Deposit,
+  return r === "deposit" ? /* @__PURE__ */ h(
+    q,
     {
-      mvxChainId,
-      mvxAddress,
-      username,
-      callbackRoute,
-      firstTokenIdentifier,
-      secondTokenIdentifier,
-      firstTokenAmount,
-      secondTokenAmount,
-      refetchTrigger,
-      showHistory,
-      forcedDestinationTokenSymbol,
-      direction,
-      onChangeDirection: handleChangeDirection,
-      onSuccessfullySentTransaction,
-      onFailedSentTransaction,
-      onHistoryClose,
-      onMvxConnect,
-      onMvxDisconnect,
-      onNavigate
+      mvxChainId: t,
+      mvxAddress: i,
+      username: p,
+      callbackRoute: o,
+      firstTokenIdentifier: e,
+      secondTokenIdentifier: s,
+      firstTokenAmount: a,
+      secondTokenAmount: m,
+      refetchTrigger: n,
+      showHistory: c,
+      forcedDestinationTokenSymbol: f,
+      direction: r,
+      onChangeDirection: g,
+      onSuccessfullySentTransaction: F,
+      onFailedSentTransaction: B,
+      onHistoryClose: u,
+      onMvxConnect: d,
+      onMvxDisconnect: l,
+      onNavigate: D
     }
-  ) : /* @__PURE__ */ jsx(
-    Transfer,
+  ) : /* @__PURE__ */ h(
+    z,
     {
-      mvxChainId,
-      mvxAddress,
-      username,
-      callbackRoute,
-      firstTokenIdentifier,
-      secondTokenIdentifier,
-      firstTokenAmount,
-      secondTokenAmount,
-      refetchTrigger,
-      showHistory,
-      forcedDestinationTokenSymbol,
-      direction,
-      onChangeDirection: handleChangeDirection,
-      onSuccessfullySentTransaction: onSuccessfullySentMvxTransaction,
-      onFailedSentTransaction: onFailedSentMvxTransaction,
-      onHistoryClose,
-      onMvxConnect,
-      onMvxDisconnect,
-      onNavigate
+      mvxChainId: t,
+      mvxAddress: i,
+      username: p,
+      callbackRoute: o,
+      firstTokenIdentifier: e,
+      secondTokenIdentifier: s,
+      firstTokenAmount: a,
+      secondTokenAmount: m,
+      refetchTrigger: n,
+      showHistory: c,
+      forcedDestinationTokenSymbol: f,
+      direction: r,
+      onChangeDirection: g,
+      onSuccessfullySentTransaction: j,
+      onFailedSentTransaction: w,
+      onHistoryClose: u,
+      onMvxConnect: d,
+      onMvxDisconnect: l,
+      onNavigate: D
     }
   );
 };
 export {
-  BridgeForm
+  P as BridgeForm
 };