@multiversx/sdk-dapp-liquidity 0.2.0-alpha.1

package/react-CNXJSTCv.js

@@ -0,0 +1,38 @@
+#!/usr/bin/env node
+"use strict";
+const index = require("./index-cvy2-uZ_.js");
+function useAppKitNetworkCore() {
+  const { activeCaipNetwork } = index.useSnapshot(index.ChainController.state);
+  return {
+    caipNetwork: activeCaipNetwork,
+    chainId: activeCaipNetwork == null ? void 0 : activeCaipNetwork.id,
+    caipNetworkId: activeCaipNetwork == null ? void 0 : activeCaipNetwork.caipNetworkId
+  };
+}
+function useAppKitAccount() {
+  const { status, user, preferredAccountType, smartAccountDeployed, allAccounts, socialProvider } = index.useSnapshot(index.AccountController.state);
+  const { activeCaipAddress } = index.useSnapshot(index.ChainController.state);
+  const authConnector = index.ConnectorController.getAuthConnector();
+  return {
+    allAccounts,
+    caipAddress: activeCaipAddress,
+    address: index.CoreHelperUtil.getPlainAddress(activeCaipAddress),
+    isConnected: Boolean(activeCaipAddress),
+    status,
+    embeddedWalletInfo: authConnector ? {
+      user,
+      authProvider: socialProvider || "email",
+      accountType: preferredAccountType,
+      isSmartAccountDeployed: Boolean(smartAccountDeployed)
+    } : void 0
+  };
+}
+function useDisconnect() {
+  async function disconnect() {
+    await index.ConnectionController.disconnect();
+  }
+  return { disconnect };
+}
+exports.useAppKitAccount = useAppKitAccount;
+exports.useAppKitNetworkCore = useAppKitNetworkCore;
+exports.useDisconnect = useDisconnect;

package/react-CSQpf1zk.mjs

@@ -0,0 +1,38 @@
+import { ay as useSnapshot, aA as ChainController, aB as ConnectorController, aC as CoreHelperUtil, aD as AccountController, aE as ConnectionController } from "./index-DSnomXRI.mjs";
+function useAppKitNetworkCore() {
+  const { activeCaipNetwork } = useSnapshot(ChainController.state);
+  return {
+    caipNetwork: activeCaipNetwork,
+    chainId: activeCaipNetwork == null ? void 0 : activeCaipNetwork.id,
+    caipNetworkId: activeCaipNetwork == null ? void 0 : activeCaipNetwork.caipNetworkId
+  };
+}
+function useAppKitAccount() {
+  const { status, user, preferredAccountType, smartAccountDeployed, allAccounts, socialProvider } = useSnapshot(AccountController.state);
+  const { activeCaipAddress } = useSnapshot(ChainController.state);
+  const authConnector = ConnectorController.getAuthConnector();
+  return {
+    allAccounts,
+    caipAddress: activeCaipAddress,
+    address: CoreHelperUtil.getPlainAddress(activeCaipAddress),
+    isConnected: Boolean(activeCaipAddress),
+    status,
+    embeddedWalletInfo: authConnector ? {
+      user,
+      authProvider: socialProvider || "email",
+      accountType: preferredAccountType,
+      isSmartAccountDeployed: Boolean(smartAccountDeployed)
+    } : void 0
+  };
+}
+function useDisconnect() {
+  async function disconnect() {
+    await ConnectionController.disconnect();
+  }
+  return { disconnect };
+}
+export {
+  useDisconnect as a,
+  useAppKitNetworkCore as b,
+  useAppKitAccount as u
+};

package/reactjs/components/AccountAddress/AccountAddress.d.ts

@@ -0,0 +1,6 @@
+export declare const AccountAddress: ({ address, username, showTag, className }: {
+    address: string;
+    username?: string;
+    showTag?: boolean;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/reactjs/components/AccountAddress/AccountAddress.js

@@ -0,0 +1,25 @@
+#!/usr/bin/env node
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const reactjs_utils_mxClsx = require("../../utils/mxClsx.js");
+const reactjs_components_TrimAddress_TrimAddress = require("../TrimAddress/TrimAddress.js");
+const AccountAddress = ({
+  address,
+  username,
+  showTag = true,
+  className = ""
+}) => {
+  const heroTag = username ? `@${username.replace(".elrond", "")}` : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: reactjs_utils_mxClsx.mxClsx(
+        "liq-flex liq-min-w-0 liq-flex-grow liq-overflow-hidden liq-leading-none liq-max-w-[10rem]",
+        className
+      ),
+      children: heroTag && showTag ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-truncate liq-text-left liq-text-neutral-100 uppercase", children: heroTag }) : /* @__PURE__ */ jsxRuntime.jsx(reactjs_components_TrimAddress_TrimAddress.TrimAddress, { address })
+    }
+  );
+};
+exports.AccountAddress = AccountAddress;

package/reactjs/components/AccountAddress/AccountAddress.mjs

@@ -0,0 +1,24 @@
+import { jsx } from "react/jsx-runtime";
+import { mxClsx } from "../../utils/mxClsx.mjs";
+import { TrimAddress } from "../TrimAddress/TrimAddress.mjs";
+const AccountAddress = ({
+  address,
+  username,
+  showTag = true,
+  className = ""
+}) => {
+  const heroTag = username ? `@${username.replace(".elrond", "")}` : void 0;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: mxClsx(
+        "liq-flex liq-min-w-0 liq-flex-grow liq-overflow-hidden liq-leading-none liq-max-w-[10rem]",
+        className
+      ),
+      children: heroTag && showTag ? /* @__PURE__ */ jsx("div", { className: "liq-truncate liq-text-left liq-text-neutral-100 uppercase", children: heroTag }) : /* @__PURE__ */ jsx(TrimAddress, { address })
+    }
+  );
+};
+export {
+  AccountAddress
+};

package/reactjs/components/AccountAddress/index.d.ts

@@ -0,0 +1 @@
+export * from './AccountAddress';

package/reactjs/components/AccountAddress/index.js

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

package/reactjs/components/AccountAddress/index.mjs

@@ -0,0 +1,4 @@
+import { AccountAddress } from "./AccountAddress.mjs";
+export {
+  AccountAddress
+};

package/reactjs/components/AmountCard/AmountCard.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+
+export declare const AmountCard: ({ className, children }: {
+    className?: string;
+    children?: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;

package/reactjs/components/AmountCard/AmountCard.js

@@ -0,0 +1,33 @@
+#!/usr/bin/env node
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const reactjs_utils_mxClsx = require("../../utils/mxClsx.js");
+const reactjs_components_base_MxCard_MxCard = require("../base/MxCard/MxCard.js");
+require("../base/MxLink/MxLink.js");
+require("../base/MxSearch/MxSearch.js");
+require("@fortawesome/free-solid-svg-icons/faClose");
+require("@fortawesome/react-fontawesome");
+require("@headlessui/react");
+require("react");
+require("react-dom");
+require("react-popper");
+require("../base/MxTooltip/components/TooltipContainer/TooltipContainer.js");
+const AmountCard = ({
+  className,
+  children
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactjs_components_base_MxCard_MxCard.MxCard,
+    {
+      cardSize: "lg",
+      variant: "neutral-750",
+      className: reactjs_utils_mxClsx.mxClsx(
+        "liq-flex liq-flex-col liq-gap-4 liq-outline liq-outline-transparent",
+        className
+      ),
+      children
+    }
+  );
+};
+exports.AmountCard = AmountCard;

package/reactjs/components/AmountCard/AmountCard.mjs

@@ -0,0 +1,32 @@
+import { jsx } from "react/jsx-runtime";
+import { mxClsx } from "../../utils/mxClsx.mjs";
+import { MxCard } from "../base/MxCard/MxCard.mjs";
+import "../base/MxLink/MxLink.mjs";
+import "../base/MxSearch/MxSearch.mjs";
+import "@fortawesome/free-solid-svg-icons/faClose";
+import "@fortawesome/react-fontawesome";
+import "@headlessui/react";
+import "react";
+import "react-dom";
+import "react-popper";
+import "../base/MxTooltip/components/TooltipContainer/TooltipContainer.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
+    }
+  );
+};
+export {
+  AmountCard
+};

package/reactjs/components/AmountCard/index.d.ts

@@ -0,0 +1 @@
+export * from './AmountCard';

package/reactjs/components/AmountCard/index.js

@@ -0,0 +1,5 @@
+#!/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;

package/reactjs/components/AmountCard/index.mjs

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

package/reactjs/components/AmountInput/AmountInput.d.ts

@@ -0,0 +1,13 @@
+import { ChangeEvent, FocusEvent } from 'react';
+
+export declare const AmountInput: ({ inputName, inputValue, disabled, amountError, omitDisableClass, className, onBlur, onInputDebounceChange, onInputChange }: {
+    inputName: string;
+    inputValue: string;
+    disabled?: boolean;
+    amountError?: string;
+    omitDisableClass?: boolean;
+    className?: string;
+    onBlur?: (e: FocusEvent<HTMLElement>) => void;
+    onInputDebounceChange?: (amount: string) => void;
+    onInputChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/reactjs/components/AmountInput/AmountInput.js

@@ -0,0 +1,61 @@
+#!/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: "liq-flex liq-text-base liq-max-w-none liq-w-full liq-bg-transparent liq-relative", 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",
+          {
+            "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;

package/reactjs/components/AmountInput/AmountInput.mjs

@@ -0,0 +1,60 @@
+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
+}) => {
+  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__ */ jsxs("div", { className: "liq-flex liq-w-full liq-flex-col liq-justify-between", children: [
+    /* @__PURE__ */ jsx("div", { className: "liq-flex liq-text-base liq-max-w-none liq-w-full liq-bg-transparent liq-relative", children: /* @__PURE__ */ jsx(
+      NumericFormat,
+      {
+        name: inputName,
+        value: inputValue,
+        placeholder: "0",
+        allowLeadingZeros: true,
+        thousandSeparator: ",",
+        allowNegative: false,
+        disabled,
+        className: 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",
+          {
+            "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__ */ 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 }) })
+  ] });
+};
+export {
+  AmountInput
+};

package/reactjs/components/AmountInput/index.d.ts

@@ -0,0 +1 @@
+export * from './AmountInput';

package/reactjs/components/AmountInput/index.js

@@ -0,0 +1,5 @@
+#!/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;

package/reactjs/components/AmountInput/index.mjs

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

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

@@ -0,0 +1,16 @@
+interface BridgeFormProps {
+    mvxChainId: string;
+    mvxAddress?: string;
+    username?: string;
+    nativeAuthToken?: string;
+    callbackRoute?: string;
+    refetchTrigger?: number;
+    showHistory?: boolean;
+    onSuccessfullySentTransaction?: (txHashes?: string[]) => void;
+    onFailedSentTransaction?: (message?: string) => void;
+    onHistoryClose?: () => void;
+    onMvxConnect: () => void;
+    onMvxDisconnect?: () => void;
+}
+export declare const BridgeForm: ({ mvxChainId, mvxAddress, username, nativeAuthToken, callbackRoute, refetchTrigger, showHistory, onSuccessfullySentTransaction, onFailedSentTransaction, onHistoryClose, onMvxConnect, onMvxDisconnect }: BridgeFormProps) => import("react/jsx-runtime").JSX.Element;
+export {};