@moveindustries/wallet-adapter-react 7.2.2

package/dist/index.mjs

@@ -0,0 +1,606 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+// src/index.tsx
+export * from "@moveindustries/wallet-adapter-core";
+
+// src/WalletProvider.tsx
+import {
+  WalletCore,
+  WalletReadyState
+} from "@moveindustries/wallet-adapter-core";
+import { useState, useEffect, useCallback, useRef } from "react";
+
+// src/useWallet.tsx
+import { useContext, createContext } from "react";
+var DEFAULT_CONTEXT = {
+  connected: false
+};
+var WalletContext = createContext(
+  DEFAULT_CONTEXT
+);
+function useWallet() {
+  const context = useContext(WalletContext);
+  if (!context) {
+    throw new Error("useWallet must be used within a WalletContextState");
+  }
+  return context;
+}
+
+// src/WalletProvider.tsx
+import { jsx } from "react/jsx-runtime";
+var initialState = {
+  connected: false,
+  account: null,
+  network: null,
+  wallet: null
+};
+var MovementWalletAdapterProvider = ({
+  children,
+  optInWallets,
+  autoConnect = false,
+  dappConfig,
+  disableTelemetry = false,
+  onError
+}) => {
+  const didAttemptAutoConnectRef = useRef(false);
+  const [{ account, network, connected, wallet }, setState] = useState(initialState);
+  const [isLoading, setIsLoading] = useState(true);
+  const [walletCore, setWalletCore] = useState();
+  const [wallets, setWallets] = useState([]);
+  const [notDetectedWallets, setNotDetectedWallets] = useState([]);
+  useEffect(() => {
+    const walletCore2 = new WalletCore(
+      optInWallets,
+      dappConfig,
+      disableTelemetry
+    );
+    setWalletCore(walletCore2);
+  }, []);
+  useEffect(() => {
+    var _a, _b;
+    setWallets((_a = walletCore == null ? void 0 : walletCore.wallets) != null ? _a : []);
+    setNotDetectedWallets((_b = walletCore == null ? void 0 : walletCore.notDetectedWallets) != null ? _b : []);
+  }, [walletCore]);
+  useEffect(() => {
+    if (didAttemptAutoConnectRef.current || !(walletCore == null ? void 0 : walletCore.wallets.length)) {
+      return;
+    }
+    didAttemptAutoConnectRef.current = true;
+    if (!autoConnect) {
+      setIsLoading(false);
+      return;
+    }
+    const walletName = localStorage.getItem("MovementWalletName");
+    if (!walletName) {
+      setIsLoading(false);
+      return;
+    }
+    const selectedWallet = walletCore.wallets.find(
+      (e) => e.name === walletName
+    );
+    if (!selectedWallet || selectedWallet.readyState !== WalletReadyState.Installed) {
+      setIsLoading(false);
+      return;
+    }
+    if (!connected) {
+      (() => __async(null, null, function* () {
+        try {
+          let shouldConnect = true;
+          if (typeof autoConnect === "function") {
+            shouldConnect = yield autoConnect(walletCore, selectedWallet);
+          } else {
+            shouldConnect = autoConnect;
+          }
+          if (shouldConnect) yield connect(walletName);
+        } catch (error) {
+          if (onError) onError(error);
+          return Promise.reject(error);
+        } finally {
+          setIsLoading(false);
+        }
+      }))();
+    } else {
+      setIsLoading(false);
+    }
+  }, [autoConnect, wallets]);
+  const connect = (walletName) => __async(null, null, function* () {
+    try {
+      setIsLoading(true);
+      yield walletCore == null ? void 0 : walletCore.connect(walletName);
+    } catch (error) {
+      if (onError) onError(error);
+      return Promise.reject(error);
+    } finally {
+      setIsLoading(false);
+    }
+  });
+  const signIn = (args) => __async(null, null, function* () {
+    if (!walletCore) {
+      throw new Error("WalletCore is not initialized");
+    }
+    try {
+      setIsLoading(true);
+      return yield walletCore == null ? void 0 : walletCore.signIn(args);
+    } catch (error) {
+      if (onError) onError(error);
+      return Promise.reject(error);
+    } finally {
+      setIsLoading(false);
+    }
+  });
+  const disconnect = () => __async(null, null, function* () {
+    try {
+      yield walletCore == null ? void 0 : walletCore.disconnect();
+    } catch (error) {
+      if (onError) onError(error);
+      return Promise.reject(error);
+    }
+  });
+  const signAndSubmitTransaction = (transaction) => __async(null, null, function* () {
+    try {
+      if (!walletCore) {
+        throw new Error("WalletCore is not initialized");
+      }
+      return yield walletCore.signAndSubmitTransaction(transaction);
+    } catch (error) {
+      if (onError) onError(error);
+      return Promise.reject(error);
+    }
+  });
+  const signTransaction = (args) => __async(null, null, function* () {
+    const { transactionOrPayload, asFeePayer, options } = args;
+    if (!walletCore) {
+      throw new Error("WalletCore is not initialized");
+    }
+    try {
+      return yield walletCore.signTransaction({
+        transactionOrPayload,
+        asFeePayer
+      });
+    } catch (error) {
+      if (onError) onError(error);
+      return Promise.reject(error);
+    }
+  });
+  const submitTransaction = (transaction) => __async(null, null, function* () {
+    if (!walletCore) {
+      throw new Error("WalletCore is not initialized");
+    }
+    try {
+      return yield walletCore == null ? void 0 : walletCore.submitTransaction(transaction);
+    } catch (error) {
+      if (onError) onError(error);
+      return Promise.reject(error);
+    }
+  });
+  const signMessage = (message) => __async(null, null, function* () {
+    if (!walletCore) {
+      throw new Error("WalletCore is not initialized");
+    }
+    try {
+      return yield walletCore == null ? void 0 : walletCore.signMessage(message);
+    } catch (error) {
+      if (onError) onError(error);
+      return Promise.reject(error);
+    }
+  });
+  const signMessageAndVerify = (message) => __async(null, null, function* () {
+    if (!walletCore) {
+      throw new Error("WalletCore is not initialized");
+    }
+    try {
+      return yield walletCore == null ? void 0 : walletCore.signMessageAndVerify(message);
+    } catch (error) {
+      if (onError) onError(error);
+      return Promise.reject(error);
+    }
+  });
+  const changeNetwork = (network2) => __async(null, null, function* () {
+    if (!walletCore) {
+      throw new Error("WalletCore is not initialized");
+    }
+    try {
+      return yield walletCore == null ? void 0 : walletCore.changeNetwork(network2);
+    } catch (error) {
+      if (onError) onError(error);
+      return Promise.reject(error);
+    }
+  });
+  const handleConnect = () => {
+    setState((state) => {
+      return __spreadProps(__spreadValues({}, state), {
+        connected: true,
+        account: (walletCore == null ? void 0 : walletCore.account) || null,
+        network: (walletCore == null ? void 0 : walletCore.network) || null,
+        wallet: (walletCore == null ? void 0 : walletCore.wallet) || null
+      });
+    });
+  };
+  const handleAccountChange = useCallback(() => {
+    if (!connected) return;
+    if (!(walletCore == null ? void 0 : walletCore.wallet)) return;
+    setState((state) => {
+      return __spreadProps(__spreadValues({}, state), {
+        account: (walletCore == null ? void 0 : walletCore.account) || null
+      });
+    });
+  }, [connected]);
+  const handleNetworkChange = useCallback(() => {
+    if (!connected) return;
+    if (!(walletCore == null ? void 0 : walletCore.wallet)) return;
+    setState((state) => {
+      return __spreadProps(__spreadValues({}, state), {
+        network: (walletCore == null ? void 0 : walletCore.network) || null
+      });
+    });
+  }, [connected]);
+  useEffect(() => {
+    if (connected) {
+      walletCore == null ? void 0 : walletCore.onAccountChange();
+      walletCore == null ? void 0 : walletCore.onNetworkChange();
+    }
+  }, [connected]);
+  const handleDisconnect = () => {
+    if (!connected) return;
+    setState((state) => {
+      return __spreadProps(__spreadValues({}, state), {
+        connected: false,
+        account: (walletCore == null ? void 0 : walletCore.account) || null,
+        network: (walletCore == null ? void 0 : walletCore.network) || null,
+        wallet: null
+      });
+    });
+  };
+  const handleStandardWalletsAdded = (standardWallet) => {
+    const existingWalletIndex = wallets.findIndex(
+      (wallet2) => wallet2.name == standardWallet.name
+    );
+    if (existingWalletIndex !== -1) {
+      setWallets((wallets2) => [
+        ...wallets2.slice(0, existingWalletIndex),
+        standardWallet,
+        ...wallets2.slice(existingWalletIndex + 1)
+      ]);
+    } else {
+      setWallets((wallets2) => [...wallets2, standardWallet]);
+    }
+  };
+  const handleStandardNotDetectedWalletsAdded = (notDetectedWallet) => {
+    const existingWalletIndex = wallets.findIndex(
+      (wallet2) => wallet2.name == notDetectedWallet.name
+    );
+    if (existingWalletIndex !== -1) {
+      setNotDetectedWallets((wallets2) => [
+        ...wallets2.slice(0, existingWalletIndex),
+        notDetectedWallet,
+        ...wallets2.slice(existingWalletIndex + 1)
+      ]);
+    } else {
+      setNotDetectedWallets((wallets2) => [...wallets2, notDetectedWallet]);
+    }
+  };
+  useEffect(() => {
+    walletCore == null ? void 0 : walletCore.on("connect", handleConnect);
+    walletCore == null ? void 0 : walletCore.on("accountChange", handleAccountChange);
+    walletCore == null ? void 0 : walletCore.on("networkChange", handleNetworkChange);
+    walletCore == null ? void 0 : walletCore.on("disconnect", handleDisconnect);
+    walletCore == null ? void 0 : walletCore.on("standardWalletsAdded", handleStandardWalletsAdded);
+    walletCore == null ? void 0 : walletCore.on(
+      "standardNotDetectedWalletAdded",
+      handleStandardNotDetectedWalletsAdded
+    );
+    return () => {
+      walletCore == null ? void 0 : walletCore.off("connect", handleConnect);
+      walletCore == null ? void 0 : walletCore.off("accountChange", handleAccountChange);
+      walletCore == null ? void 0 : walletCore.off("networkChange", handleNetworkChange);
+      walletCore == null ? void 0 : walletCore.off("disconnect", handleDisconnect);
+      walletCore == null ? void 0 : walletCore.off("standardWalletsAdded", handleStandardWalletsAdded);
+      walletCore == null ? void 0 : walletCore.off(
+        "standardNotDetectedWalletAdded",
+        handleStandardNotDetectedWalletsAdded
+      );
+    };
+  }, [wallets, account]);
+  return /* @__PURE__ */ jsx(
+    WalletContext.Provider,
+    {
+      value: {
+        connect,
+        signIn,
+        disconnect,
+        signAndSubmitTransaction,
+        signTransaction,
+        signMessage,
+        signMessageAndVerify,
+        changeNetwork,
+        submitTransaction,
+        account,
+        network,
+        connected,
+        wallet,
+        wallets,
+        notDetectedWallets,
+        isLoading
+      },
+      children
+    }
+  );
+};
+
+// src/components/utils.tsx
+import { Slot } from "@radix-ui/react-slot";
+import { cloneElement, forwardRef, isValidElement } from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+function createHeadlessComponent(displayName, elementType, props) {
+  const component = forwardRef(({ className, asChild, children }, ref) => {
+    const Component = asChild ? Slot : elementType;
+    const _a = typeof props === "function" ? props(displayName) : props != null ? props : {}, { children: defaultChildren } = _a, resolvedProps = __objRest(_a, ["children"]);
+    const resolvedChildren = (
+      /**
+       * Use props' default children if no children are set in the component element's children and when asChild is true.
+       */
+      asChild && isValidElement(children) && !children.props.children ? cloneElement(children, {}, defaultChildren) : children != null ? children : defaultChildren
+    );
+    return (
+      /**
+       * Due to the complexity of the types at play, TypeScript reports the
+       * following error for our JSX below:
+       *
+       * `Expression produces a union type that is too complex to represent.`
+       *
+       * We can safely ignore this error and retain accurate return types for
+       * consumers of this function. The only drawback is that type-checking is
+       * ignored for the JSX block below.
+       */
+      // @ts-expect-error
+      /* @__PURE__ */ jsx2(Component, __spreadProps(__spreadValues({ ref, className }, resolvedProps), { children: resolvedChildren }))
+    );
+  });
+  component.displayName = displayName;
+  return component;
+}
+
+// src/components/AboutMovementConnect.tsx
+import { Fragment, jsx as jsx3 } from "react/jsx-runtime";
+var Root = ({ children }) => {
+  return /* @__PURE__ */ jsx3(Fragment, { children });
+};
+Root.displayName = "AboutMovementConnect";
+var Trigger = createHeadlessComponent(
+  "AboutMovementConnect.Trigger",
+  "button",
+  () => ({
+    // No-op since social sign-in is disabled
+    onClick: () => {
+    },
+    style: { display: "none" }
+  })
+);
+var AboutMovementConnect = Object.assign(Root, {
+  Trigger
+});
+
+// src/components/AboutPetraWeb.tsx
+import { Fragment as Fragment2, jsx as jsx4 } from "react/jsx-runtime";
+var EXPLORE_ECOSYSTEM_URL = "https://movementlabs.xyz/ecosystem";
+var Root2 = ({ children }) => {
+  return /* @__PURE__ */ jsx4(Fragment2, { children });
+};
+Root2.displayName = "AboutPetraWeb";
+var Trigger2 = createHeadlessComponent(
+  "AboutPetraWeb.Trigger",
+  "button",
+  () => ({
+    // No-op since social sign-in is disabled
+    onClick: () => {
+    },
+    style: { display: "none" }
+  })
+);
+var AboutPetraWeb = Object.assign(Root2, {
+  Trigger: Trigger2
+});
+
+// src/components/MovementPrivacyPolicy.tsx
+import { forwardRef as forwardRef3 } from "react";
+
+// src/graphics/SmallMovementLogo.tsx
+import { forwardRef as forwardRef2 } from "react";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var SmallMovementLogo = forwardRef2((props, ref) => {
+  return /* @__PURE__ */ jsx5(
+    "svg",
+    __spreadProps(__spreadValues({
+      ref,
+      width: "12",
+      height: "12",
+      viewBox: "0 0 12 12",
+      fill: "none"
+    }, props), {
+      children: /* @__PURE__ */ jsx5(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12ZM7.17547 3.67976C7.13401 3.72309 7.07649 3.74757 7.01648 3.74757H3.00775C3.69185 2.83824 4.77995 2.25 6.00569 2.25C7.23142 2.25 8.31953 2.83824 9.00362 3.74757H8.28524C8.20824 3.74757 8.13498 3.71468 8.08401 3.65701L7.81608 3.35416C7.77618 3.30896 7.71882 3.28308 7.6585 3.28308H7.6454C7.58805 3.28308 7.53318 3.30646 7.49343 3.34792L7.17547 3.67976ZM8.05656 4.75897H7.39569C7.31869 4.75897 7.24543 4.72593 7.19447 4.66842L6.92638 4.36557C6.88647 4.32036 6.82896 4.29465 6.7688 4.29465C6.70863 4.29465 6.65112 4.32052 6.61121 4.36557L6.38131 4.6254C6.30603 4.71034 6.19801 4.75913 6.08454 4.75913H2.46703C2.36401 5.05278 2.29683 5.36296 2.27002 5.68467H5.68505C5.74506 5.68467 5.80258 5.66019 5.84404 5.61686L6.16201 5.28502C6.20175 5.24356 6.25662 5.22018 6.31398 5.22018H6.32707C6.38739 5.22018 6.44475 5.24606 6.48465 5.29126L6.75258 5.59411C6.80355 5.65178 6.87681 5.68467 6.95381 5.68467H9.74133C9.71452 5.3628 9.64734 5.05263 9.54431 4.75913H8.05641L8.05656 4.75897ZM4.33651 7.63095C4.39652 7.63095 4.45404 7.60648 4.4955 7.56315L4.81347 7.23131C4.85321 7.18985 4.90808 7.16647 4.96544 7.16647H4.97853C5.03885 7.16647 5.09621 7.19234 5.13611 7.23739L5.40404 7.54024C5.45501 7.59791 5.52827 7.6308 5.60527 7.6308H9.38285C9.52438 7.33839 9.62803 7.02463 9.68975 6.69591H6.06383C5.98683 6.69591 5.91357 6.66287 5.8626 6.60535L5.59467 6.3025C5.55477 6.2573 5.49725 6.23158 5.43709 6.23158C5.37692 6.23158 5.31941 6.25746 5.27951 6.3025L5.0496 6.56233C4.97432 6.64728 4.86631 6.69606 4.75268 6.69606H2.32147C2.3832 7.02479 2.487 7.33855 2.62837 7.63095H4.33651ZM5.57359 8.55745H4.59116C4.51417 8.55745 4.44091 8.52441 4.38994 8.46689L4.12201 8.16404C4.0821 8.11884 4.02459 8.09312 3.96442 8.09312C3.90426 8.09312 3.84675 8.119 3.80684 8.16404L3.57694 8.42387C3.50166 8.50882 3.39364 8.55761 3.28001 8.55761H3.26474C3.94915 9.29096 4.92378 9.74998 6.00596 9.74998C7.08815 9.74998 8.06262 9.29096 8.74719 8.55761H5.57359V8.55745Z",
+          fill: "currentColor"
+        }
+      )
+    })
+  );
+});
+SmallMovementLogo.displayName = "SmallMovementLogo";
+
+// src/components/MovementPrivacyPolicy.tsx
+import { jsx as jsx6, jsxs } from "react/jsx-runtime";
+var MOVEMENT_PRIVACY_POLICY_URL = "https://movementlabs.xyz/privacy";
+var Root3 = createHeadlessComponent("MovementPrivacyPolicy.Root", "div");
+var Disclaimer = createHeadlessComponent(
+  "MovementPrivacyPolicy.Disclaimer",
+  "span",
+  { children: "By continuing, you agree to Movement Labs'" }
+);
+var Link = createHeadlessComponent("MovementPrivacyPolicy.Disclaimer", "a", {
+  href: MOVEMENT_PRIVACY_POLICY_URL,
+  target: "_blank",
+  rel: "noopener noreferrer",
+  children: "Privacy Policy"
+});
+var PoweredBy = forwardRef3(({ className }, ref) => {
+  return /* @__PURE__ */ jsxs("div", { ref, className, children: [
+    /* @__PURE__ */ jsx6("span", { children: "Powered by" }),
+    /* @__PURE__ */ jsx6(SmallMovementLogo, {}),
+    /* @__PURE__ */ jsx6("span", { children: "Movement Labs" })
+  ] });
+});
+PoweredBy.displayName = "MovementPrivacyPolicy.PoweredBy";
+var MovementPrivacyPolicy = Object.assign(Root3, {
+  Disclaimer,
+  Link,
+  PoweredBy
+});
+
+// src/components/WalletItem.tsx
+import {
+  WalletReadyState as WalletReadyState2,
+  isRedirectable
+} from "@moveindustries/wallet-adapter-core";
+import { Slot as Slot2 } from "@radix-ui/react-slot";
+import { createContext as createContext2, forwardRef as forwardRef4, useCallback as useCallback2, useContext as useContext2 } from "react";
+import { jsx as jsx7 } from "react/jsx-runtime";
+function useWalletItemContext(displayName) {
+  const context = useContext2(WalletItemContext);
+  if (!context) {
+    throw new Error(`\`${displayName}\` must be used within \`WalletItem\``);
+  }
+  return context;
+}
+var WalletItemContext = createContext2(null);
+var Root4 = forwardRef4(
+  ({ wallet, onConnect, className, asChild, children }, ref) => {
+    const { connect } = useWallet();
+    const connectWallet = useCallback2(() => {
+      connect(wallet.name);
+      onConnect == null ? void 0 : onConnect();
+    }, [connect, wallet.name, onConnect]);
+    const isWalletReady = wallet.readyState === WalletReadyState2.Installed;
+    const mobileSupport = "deeplinkProvider" in wallet && wallet.deeplinkProvider;
+    if (!isWalletReady && isRedirectable() && !mobileSupport) return null;
+    const Component = asChild ? Slot2 : "div";
+    return /* @__PURE__ */ jsx7(WalletItemContext.Provider, { value: { wallet, connectWallet }, children: /* @__PURE__ */ jsx7(Component, { ref, className, children }) });
+  }
+);
+Root4.displayName = "WalletItem";
+var Icon = createHeadlessComponent(
+  "WalletItem.Icon",
+  "img",
+  (displayName) => {
+    const context = useWalletItemContext(displayName);
+    return {
+      src: context.wallet.icon,
+      alt: `${context.wallet.name} icon`
+    };
+  }
+);
+var Name = createHeadlessComponent(
+  "WalletItem.Name",
+  "div",
+  (displayName) => {
+    const context = useWalletItemContext(displayName);
+    return {
+      children: context.wallet.name
+    };
+  }
+);
+var ConnectButton = createHeadlessComponent(
+  "WalletItem.ConnectButton",
+  "button",
+  (displayName) => {
+    const context = useWalletItemContext(displayName);
+    return {
+      onClick: context.connectWallet,
+      children: "Connect"
+    };
+  }
+);
+var InstallLink = createHeadlessComponent(
+  "WalletItem.InstallLink",
+  "a",
+  (displayName) => {
+    const context = useWalletItemContext(displayName);
+    return {
+      href: context.wallet.url,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      children: "Install"
+    };
+  }
+);
+var WalletItem = Object.assign(Root4, {
+  Icon,
+  Name,
+  ConnectButton,
+  InstallLink
+});
+export {
+  AboutMovementConnect,
+  AboutPetraWeb,
+  EXPLORE_ECOSYSTEM_URL,
+  MOVEMENT_PRIVACY_POLICY_URL,
+  MovementPrivacyPolicy,
+  MovementWalletAdapterProvider,
+  WalletContext,
+  WalletItem,
+  useWallet
+};
+//# sourceMappingURL=index.mjs.map