@multiversx/sdk-dapp-liquidity 1.0.12 → 1.0.14

package/index-H5b7UTeJ.mjs

@@ -0,0 +1,173 @@
+import { useState, useEffect, useSyncExternalStore } from "react";
+import { p as proxy, r as ref, s as subscribe, a as subscribeKey, u as useSnapshot } from "./bitcoin-dNBGbS2B.mjs";
+const CLEAN_PROVIDERS_STATE = {
+  eip155: void 0,
+  solana: void 0,
+  polkadot: void 0,
+  bip122: void 0,
+  cosmos: void 0
+};
+const state = proxy({
+  providers: { ...CLEAN_PROVIDERS_STATE },
+  providerIds: { ...CLEAN_PROVIDERS_STATE }
+});
+const ProviderUtil = {
+  state,
+  subscribeKey(key, callback) {
+    return subscribeKey(state, key, callback);
+  },
+  subscribe(callback) {
+    return subscribe(state, () => {
+      callback(state);
+    });
+  },
+  subscribeProviders(callback) {
+    return subscribe(state.providers, () => callback(state.providers));
+  },
+  setProvider(chainNamespace, provider) {
+    if (provider) {
+      state.providers[chainNamespace] = ref(provider);
+    }
+  },
+  getProvider(chainNamespace) {
+    return state.providers[chainNamespace];
+  },
+  setProviderId(chainNamespace, providerId) {
+    if (providerId) {
+      state.providerIds[chainNamespace] = providerId;
+    }
+  },
+  getProviderId(chainNamespace) {
+    if (!chainNamespace) {
+      return void 0;
+    }
+    return state.providerIds[chainNamespace];
+  },
+  reset() {
+    state.providers = { ...CLEAN_PROVIDERS_STATE };
+    state.providerIds = { ...CLEAN_PROVIDERS_STATE };
+  },
+  resetChain(chainNamespace) {
+    state.providers[chainNamespace] = void 0;
+    state.providerIds[chainNamespace] = void 0;
+  }
+};
+let modal = void 0;
+function getAppKit(appKit) {
+  if (appKit) {
+    modal = appKit;
+  }
+}
+function useAppKitProvider(chainNamespace) {
+  const { providers, providerIds } = useSnapshot(ProviderUtil.state);
+  const walletProvider = providers[chainNamespace];
+  const walletProviderType = providerIds[chainNamespace];
+  return {
+    walletProvider,
+    walletProviderType
+  };
+}
+function useAppKitTheme() {
+  if (!modal) {
+    throw new Error('Please call "createAppKit" before using "useAppKitTheme" hook');
+  }
+  function setThemeMode(themeMode2) {
+    if (themeMode2) {
+      modal == null ? void 0 : modal.setThemeMode(themeMode2);
+    }
+  }
+  function setThemeVariables(themeVariables2) {
+    if (themeVariables2) {
+      modal == null ? void 0 : modal.setThemeVariables(themeVariables2);
+    }
+  }
+  const [themeMode, setInternalThemeMode] = useState(modal.getThemeMode());
+  const [themeVariables, setInternalThemeVariables] = useState(modal.getThemeVariables());
+  useEffect(() => {
+    const unsubscribe = modal == null ? void 0 : modal.subscribeTheme((state2) => {
+      setInternalThemeMode(state2.themeMode);
+      setInternalThemeVariables(state2.themeVariables);
+    });
+    return () => {
+      unsubscribe == null ? void 0 : unsubscribe();
+    };
+  }, []);
+  return {
+    themeMode,
+    themeVariables,
+    setThemeMode,
+    setThemeVariables
+  };
+}
+function useAppKit() {
+  if (!modal) {
+    throw new Error('Please call "createAppKit" before using "useAppKit" hook');
+  }
+  async function open(options) {
+    await (modal == null ? void 0 : modal.open(options));
+  }
+  async function close() {
+    await (modal == null ? void 0 : modal.close());
+  }
+  return { open, close };
+}
+function useWalletInfo(namespace) {
+  if (!modal) {
+    throw new Error('Please call "createAppKit" before using "useWalletInfo" hook');
+  }
+  const walletInfo = useSyncExternalStore((callback) => {
+    const unsubscribe = modal == null ? void 0 : modal.subscribeWalletInfo(callback, namespace);
+    return () => unsubscribe == null ? void 0 : unsubscribe();
+  }, () => modal == null ? void 0 : modal.getWalletInfo(namespace), () => modal == null ? void 0 : modal.getWalletInfo(namespace));
+  return { walletInfo };
+}
+function useAppKitState() {
+  if (!modal) {
+    throw new Error('Please call "createAppKit" before using "useAppKitState" hook');
+  }
+  const [state2, setState] = useState({ ...modal.getState(), initialized: false });
+  const [remoteFeatures, setRemoteFeatures] = useState(modal.getRemoteFeatures());
+  useEffect(() => {
+    if (modal) {
+      setState({ ...modal.getState() });
+      setRemoteFeatures(modal.getRemoteFeatures());
+      const unsubscribe = modal == null ? void 0 : modal.subscribeState((newState) => {
+        setState({ ...newState });
+      });
+      const unsubscribeRemoteFeatures = modal == null ? void 0 : modal.subscribeRemoteFeatures((newState) => {
+        setRemoteFeatures(newState);
+      });
+      return () => {
+        unsubscribe == null ? void 0 : unsubscribe();
+        unsubscribeRemoteFeatures == null ? void 0 : unsubscribeRemoteFeatures();
+      };
+    }
+    return () => null;
+  }, []);
+  return { ...state2, ...remoteFeatures ?? {} };
+}
+function useAppKitEvents() {
+  if (!modal) {
+    throw new Error('Please call "createAppKit" before using "useAppKitEvents" hook');
+  }
+  const [event, setEvents] = useState(modal.getEvent());
+  useEffect(() => {
+    const unsubscribe = modal == null ? void 0 : modal.subscribeEvents((newEvent) => {
+      setEvents({ ...newEvent });
+    });
+    return () => {
+      unsubscribe == null ? void 0 : unsubscribe();
+    };
+  }, []);
+  return event;
+}
+export {
+  ProviderUtil as P,
+  useAppKitEvents as a,
+  useAppKitState as b,
+  useAppKitTheme as c,
+  useWalletInfo as d,
+  useAppKitProvider as e,
+  getAppKit as g,
+  useAppKit as u
+};

package/index-NNZ1lNuc.mjs

@@ -0,0 +1,168 @@
+import { p as proxy, a as subscribeKey, s as subscribe, i, f as i$1, x } from "./bitcoin-dNBGbS2B.mjs";
+import { r, c as customElement } from "./if-defined-DjC5UMfF.mjs";
+import { w as withErrorBoundary } from "./react-BWxe90Ar.mjs";
+const state = proxy({
+  message: "",
+  open: false,
+  triggerRect: {
+    width: 0,
+    height: 0,
+    top: 0,
+    left: 0
+  },
+  variant: "shade"
+});
+const controller = {
+  state,
+  subscribe(callback) {
+    return subscribe(state, () => callback(state));
+  },
+  subscribeKey(key, callback) {
+    return subscribeKey(state, key, callback);
+  },
+  showTooltip({ message, triggerRect, variant }) {
+    state.open = true;
+    state.message = message;
+    state.triggerRect = triggerRect;
+    state.variant = variant;
+  },
+  hide() {
+    state.open = false;
+    state.message = "";
+    state.triggerRect = {
+      width: 0,
+      height: 0,
+      top: 0,
+      left: 0
+    };
+  }
+};
+const TooltipController = withErrorBoundary(controller);
+const styles = i`
+  :host {
+    pointer-events: none;
+  }
+
+  :host > wui-flex {
+    display: var(--w3m-tooltip-display);
+    opacity: var(--w3m-tooltip-opacity);
+    padding: 9px var(--wui-spacing-s) 10px var(--wui-spacing-s);
+    border-radius: var(--wui-border-radius-xxs);
+    color: var(--wui-color-bg-100);
+    position: fixed;
+    top: var(--w3m-tooltip-top);
+    left: var(--w3m-tooltip-left);
+    transform: translate(calc(-50% + var(--w3m-tooltip-parent-width)), calc(-100% - 8px));
+    max-width: calc(var(--w3m-modal-width) - var(--wui-spacing-xl));
+    transition: opacity 0.2s var(--wui-ease-out-power-2);
+    will-change: opacity;
+  }
+
+  :host([data-variant='shade']) > wui-flex {
+    background-color: var(--wui-color-bg-150);
+    border: 1px solid var(--wui-color-gray-glass-005);
+  }
+
+  :host([data-variant='shade']) > wui-flex > wui-text {
+    color: var(--wui-color-fg-150);
+  }
+
+  :host([data-variant='fill']) > wui-flex {
+    background-color: var(--wui-color-fg-100);
+    border: none;
+  }
+
+  wui-icon {
+    position: absolute;
+    width: 12px !important;
+    height: 4px !important;
+    color: var(--wui-color-bg-150);
+  }
+
+  wui-icon[data-placement='top'] {
+    bottom: 0px;
+    left: 50%;
+    transform: translate(-50%, 95%);
+  }
+
+  wui-icon[data-placement='bottom'] {
+    top: 0;
+    left: 50%;
+    transform: translate(-50%, -95%) rotate(180deg);
+  }
+
+  wui-icon[data-placement='right'] {
+    top: 50%;
+    left: 0;
+    transform: translate(-65%, -50%) rotate(90deg);
+  }
+
+  wui-icon[data-placement='left'] {
+    top: 50%;
+    right: 0%;
+    transform: translate(65%, -50%) rotate(270deg);
+  }
+`;
+var __decorate = function(decorators, target, key, desc) {
+  var c = arguments.length, r2 = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r2 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i2 = decorators.length - 1; i2 >= 0; i2--) if (d = decorators[i2]) r2 = (c < 3 ? d(r2) : c > 3 ? d(target, key, r2) : d(target, key)) || r2;
+  return c > 3 && r2 && Object.defineProperty(target, key, r2), r2;
+};
+let W3mTooltip = class W3mTooltip2 extends i$1 {
+  constructor() {
+    super();
+    this.unsubscribe = [];
+    this.open = TooltipController.state.open;
+    this.message = TooltipController.state.message;
+    this.triggerRect = TooltipController.state.triggerRect;
+    this.variant = TooltipController.state.variant;
+    this.unsubscribe.push(...[
+      TooltipController.subscribe((newState) => {
+        this.open = newState.open;
+        this.message = newState.message;
+        this.triggerRect = newState.triggerRect;
+        this.variant = newState.variant;
+      })
+    ]);
+  }
+  disconnectedCallback() {
+    this.unsubscribe.forEach((unsubscribe) => unsubscribe());
+  }
+  render() {
+    this.dataset["variant"] = this.variant;
+    const topValue = this.triggerRect.top;
+    const leftValue = this.triggerRect.left;
+    this.style.cssText = `
+    --w3m-tooltip-top: ${topValue}px;
+    --w3m-tooltip-left: ${leftValue}px;
+    --w3m-tooltip-parent-width: ${this.triggerRect.width / 2}px;
+    --w3m-tooltip-display: ${this.open ? "flex" : "none"};
+    --w3m-tooltip-opacity: ${this.open ? 1 : 0};
+    `;
+    return x`<wui-flex>
+      <wui-icon data-placement="top" color="fg-100" size="inherit" name="cursor"></wui-icon>
+      <wui-text color="inherit" variant="small-500">${this.message}</wui-text>
+    </wui-flex>`;
+  }
+};
+W3mTooltip.styles = [styles];
+__decorate([
+  r()
+], W3mTooltip.prototype, "open", void 0);
+__decorate([
+  r()
+], W3mTooltip.prototype, "message", void 0);
+__decorate([
+  r()
+], W3mTooltip.prototype, "triggerRect", void 0);
+__decorate([
+  r()
+], W3mTooltip.prototype, "variant", void 0);
+W3mTooltip = __decorate([
+  customElement("w3m-tooltip"),
+  customElement("w3m-tooltip")
+], W3mTooltip);
+export {
+  TooltipController as T
+};