@block-auth.io/blockauth-sdk-react 0.2.4

package/dist/services/BrowserBase.d.ts

@@ -0,0 +1,41 @@
+declare const _default: {
+    reset(): void;
+    /**
+     * Obtains the current configuration of the extension
+     * using the localStorage as a source of truth
+     * @returns
+     */
+    getUI(): any;
+    /**
+     * Auxiliary method to update the UI configuration
+     * using websocket events
+     * @param {*} isLocked
+     */
+    setUILocked(isLocked: any): void;
+    /**
+     * Obtains the current configuration of the extension
+     * using the localStorage as a source of truth
+     * @returns
+     */
+    getSession(): any;
+    /**
+     * Obtains the configuration about the address
+     * and the service where the user is connected
+     * @returns {Object} {
+     *  connected, service, did,
+     *  iconUrl, account, networkId
+     * }
+     */
+    getExternalService(): any;
+    /**
+     * Auxiliary method to update the SESSION configuration
+     * using websocket events
+     * @param {*} isLocked
+     */
+    setSession({ installed, isUser, isUserActive, isLocked, did, token, externalService, serviceName, }?: any): void;
+    externalServiceDisconnect(): void;
+    getLang(): string;
+    setLang(lang: any): void;
+    subscribe(callback: any): void;
+};
+export default _default;

package/dist/services/Metamask.d.ts

@@ -0,0 +1,37 @@
+declare const _default: {
+    rpcUrl: string;
+    rpcExplorerUrl: string;
+    events(): void;
+    ethereum: Record<string, unknown>;
+    destroy(): void;
+    onChainChanged(chainId: any): Promise<any>;
+    onAccountsChange(accounts: any): Promise<any>;
+    isUnlocked(providerType?: string): Promise<any>;
+    getProvider(providerType?: string): Promise<any>;
+    /**
+     * This method just works with extension provider
+     */
+    getAccount(position?: number): Promise<any>;
+    getSigner(account: any, providerType?: string): Promise<any>;
+    /**
+     * docs: https://docs.ethers.io/v5/api/providers/provider/#Provider-getBalance
+     */
+    getBalance(account: any, providerType?: string, blockTag?: any): Promise<any>;
+    getContract(contractAddr: any, contractAbi: any, providerType?: string): Promise<any>;
+    getContractWithSigner(contractAddr: any, contractAbi: any, account: any, providerType?: string): Promise<any>;
+    getContractFromConfig(contractName: any, providerType?: string): Promise<any>;
+    addChain({ chainName, chainId, currencyName, currencySymbol, explorerUrl, }: {
+        chainName?: string;
+        chainId?: number;
+        currencyName?: string;
+        currencySymbol?: string;
+        explorerUrl?: any;
+    }): Promise<any>;
+    addToken(addr: any, symbol: any, imageUrl?: string, decimals?: number): Promise<void>;
+    getPaginated(account: any, contractAddr: any, contractAbi: any, pageSize?: number, minId?: number, maxId?: number, func?: string): Promise<any[]>;
+    getOwnedByAccount(sc: any, account: any, start: any, end: any): Promise<any[]>;
+    signMessage(message: any, account: any, pwd: any, providerType?: string): Promise<any>;
+    verifyMessage(message: any, signature: any, account: any, providerType?: string): Promise<any>;
+    getChainId(providerType?: string): Promise<any>;
+};
+export default _default;

package/dist/services/Microsoft.d.ts

@@ -0,0 +1,26 @@
+declare const _default: {
+    clientId: string;
+    tenantId: string;
+    redirectUri: string;
+    msalConfig: {
+        auth: {
+            clientId: string;
+            authority: string;
+            redirectUri: string;
+        };
+        cache: {
+            cacheLocation: string;
+            storeAuthStateInCookie: boolean;
+        };
+    };
+    msalInstance: PublicClientApplication;
+    getProvider({ clientId, tenantId, authorityMode, redirectUri, }: {
+        clientId?: string;
+        tenantId?: string;
+        authorityMode?: string;
+        redirectUri?: string;
+    }): Promise<PublicClientApplication>;
+    popupStart(instance?: any): Promise<any>;
+};
+export default _default;
+import { PublicClientApplication } from '@azure/msal-browser';

package/dist/services/Phantom.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    getProvider: () => any;
+    extension: any;
+    publicKeyString: any;
+    chainId: any;
+    getAccount(): Promise<any>;
+    getChainId(): Promise<string>;
+    signMessage(message: any, account: any): Promise<any>;
+    verifyMessage(message: any, signature: any): Promise<any>;
+};
+export default _default;

package/dist/services/WalletConnect.d.ts

@@ -0,0 +1,29 @@
+declare const _default: {
+    projectId: string;
+    metadata: {
+        name: string;
+        description: string;
+        url: string;
+        icons: string[];
+    };
+    networks: {
+        id: string;
+        chainId: number;
+        chainNamespace: string;
+        name: string;
+        currency: string;
+        explorerUrl: string;
+        rpcUrl: string;
+    }[];
+    init(): Promise<void>;
+    appKit: import("@reown/appkit").AppKit;
+    configuredNetworks(): Set<string>;
+    isConnected(): Promise<any>;
+    getConnectors(): Promise<any>;
+    getAccount(walletInfo: any): Promise<any>;
+    getChainId(): Promise<any>;
+    signMessage(message: any): Promise<any>;
+    verifyMessage(message: any, signature: any, publicKeyString: any): Promise<any>;
+    disconnect(): Promise<any>;
+};
+export default _default;

package/dist/stores/useStoreExtension.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Example of use on a component:
+ * import { useStoreExtension } from 'stores/useStoreExtension'
+ * function Component() {
+ *   const { installed, } = useStoreExtension()
+ *   return (
+ *     <div>
+ *      <p>installed: {installed}</p>
+ *     </div>
+ *  )
+ * }
+ */
+export const useStoreExtension: import("zustand").UseBoundStore<import("zustand").StoreApi<any>>;

package/dist/stores/useStoreGoogle.d.ts

@@ -0,0 +1 @@
+export const useStoreGoogle: import("zustand").UseBoundStore<import("zustand").StoreApi<any>>;

package/dist/stores/useStoreMetamask.d.ts

@@ -0,0 +1 @@
+export const useStoreMetamask: import("zustand").UseBoundStore<import("zustand").StoreApi<any>>;

package/dist/stores/useStoreMicrosoft.d.ts

@@ -0,0 +1 @@
+export const useStoreMicrosoft: import("zustand").UseBoundStore<import("zustand").StoreApi<any>>;

package/dist/stores/useStoreModals.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Example of use on a component:
+ * import { useStoreModals } from 'stores/useStoreModals'
+ * function Component() {
+ *   const { modals, setModal } = useStoreModals()
+ *   return (
+ *     <div>
+ *       {modals.name && modals.name.enabled && <NamedModal />}
+ *     </div>
+ * }
+ */
+export const useStoreModals: import("zustand").UseBoundStore<import("zustand").StoreApi<any>>;

package/dist/stores/useStorePhantom.d.ts

@@ -0,0 +1 @@
+export const useStorePhantom: import("zustand").UseBoundStore<import("zustand").StoreApi<any>>;

package/dist/stores/useStoreUI.d.ts

@@ -0,0 +1,116 @@
+export namespace initialState {
+    let isServiceConnected: boolean;
+    let serviceName: string;
+    let serviceIcon: string;
+    let isSdkSignedIn: boolean;
+    let isSigning: boolean;
+    let isSigned: boolean;
+    let isSignedFirstCheck: boolean;
+    function onSuccess(): Promise<void>;
+    function onError(): Promise<void>;
+    function onLogout(): Promise<void>;
+    namespace uiConfig {
+        namespace config {
+            namespace content {
+                namespace btns {
+                    namespace connect {
+                        let es: string;
+                        let en: string;
+                    }
+                }
+                namespace description {
+                    let es_1: string;
+                    export { es_1 as es };
+                    let en_1: string;
+                    export { en_1 as en };
+                }
+                namespace footer {
+                    namespace first {
+                        let es_2: string;
+                        export { es_2 as es };
+                        let en_2: string;
+                        export { en_2 as en };
+                    }
+                    namespace second {
+                        let es_3: string;
+                        export { es_3 as es };
+                        let en_3: string;
+                        export { en_3 as en };
+                    }
+                    let url: string;
+                }
+                namespace lastStep {
+                    let es_4: string;
+                    export { es_4 as es };
+                    let en_4: string;
+                    export { en_4 as en };
+                }
+                namespace login {
+                    let es_5: string;
+                    export { es_5 as es };
+                    let en_5: string;
+                    export { en_5 as en };
+                }
+                namespace title {
+                    let es_6: string;
+                    export { es_6 as es };
+                    let en_6: string;
+                    export { en_6 as en };
+                }
+            }
+            let enableSearch: boolean;
+            let enableWebTypeFilter: boolean;
+            let providersColumns: number;
+            namespace providers {
+                namespace blockauth {
+                    let enabled: boolean;
+                    let orderIndex: number;
+                }
+                namespace google {
+                    let enabled_1: boolean;
+                    export { enabled_1 as enabled };
+                    let orderIndex_1: number;
+                    export { orderIndex_1 as orderIndex };
+                }
+                namespace microsoft {
+                    let enabled_2: boolean;
+                    export { enabled_2 as enabled };
+                    let orderIndex_2: number;
+                    export { orderIndex_2 as orderIndex };
+                }
+                namespace metamask {
+                    let enabled_3: boolean;
+                    export { enabled_3 as enabled };
+                    let orderIndex_3: number;
+                    export { orderIndex_3 as orderIndex };
+                }
+                namespace phantom {
+                    let enabled_4: boolean;
+                    export { enabled_4 as enabled };
+                    let orderIndex_4: number;
+                    export { orderIndex_4 as orderIndex };
+                }
+            }
+            let showProviderNameOnMobile: boolean;
+        }
+    }
+    let waitingForSuccessLogInSince: number;
+    let isAcceptingTxn: boolean;
+    let isSigningLoader: boolean;
+    let isAppActive: boolean;
+    let checkApp: boolean;
+    let isCheckingAppActive: boolean;
+}
+/**
+ * Example of use on a component:
+ * import { useStoreUI } from 'stores/useStoreUI'
+ * function Component() {
+ *   const serviceName = useStoreUI((state) => state.serviceName)
+ *   return (
+ *     <div>
+ *      <p>serviceName: {serviceName}</p>
+ *     </div>
+ *  )
+ * }
+ */
+export const useStoreUI: import("zustand").UseBoundStore<import("zustand").StoreApi<any>>;

package/dist/stores/useStoreWS.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Example of use on a component:
+ * import { useStoreWS } from 'stores/useStoreWS'
+ * function Component() {
+ *   const { socket, token, } = useStoreWS()
+ *   return (
+ *     <div>
+ *       <button onClick={
+ *        () => socket.emit('requests', { token })
+ *       >
+ *         Get Current requests
+ *       </button>
+ *     </div>
+ *     <ul>
+ *       {requests.map((request) => (
+ *         <li key={request.id}>{request.id}</li>
+ *       ))}
+ *     </ul>
+ * }
+ */
+export const useStoreWS: import("zustand").UseBoundStore<import("zustand").StoreApi<any>>;

package/dist/stores/useStoreWeb3Providers.d.ts

@@ -0,0 +1 @@
+export const useStoreWeb3Providers: import("zustand").UseBoundStore<import("zustand").StoreApi<any>>;

package/dist/w3m-modal-Df7g4196.js

@@ -0,0 +1,348 @@
+import { i, b as r, M as ModalController, C as ChainController, O as OptionsController, aN as ApiController, A as AccountController, E as EventsController, x, R as RouterController, U as UiHelperUtil, j as initializeTheming, S as SnackController, aO as CoreHelperUtil, aP as ConstantsUtil, d as r$1, c as customElement, aQ as ThemeController } from "./main-BYFXzpCj.js";
+const styles = i`
+  :host {
+    z-index: var(--w3m-z-index);
+    display: block;
+    backface-visibility: hidden;
+    will-change: opacity;
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    pointer-events: none;
+    opacity: 0;
+    background-color: var(--wui-cover);
+    transition: opacity 0.2s var(--wui-ease-out-power-2);
+    will-change: opacity;
+  }
+
+  :host(.open) {
+    opacity: 1;
+  }
+
+  wui-card {
+    max-width: var(--w3m-modal-width);
+    width: 100%;
+    position: relative;
+    animation: zoom-in 0.2s var(--wui-ease-out-power-2);
+    animation-fill-mode: backwards;
+    outline: none;
+  }
+
+  wui-card[shake='true'] {
+    animation:
+      zoom-in 0.2s var(--wui-ease-out-power-2),
+      w3m-shake 0.5s var(--wui-ease-out-power-2);
+  }
+
+  wui-flex {
+    overflow-x: hidden;
+    overflow-y: auto;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+  }
+
+  @media (max-height: 700px) and (min-width: 431px) {
+    wui-flex {
+      align-items: flex-start;
+    }
+
+    wui-card {
+      margin: var(--wui-spacing-xxl) 0px;
+    }
+  }
+
+  @media (max-width: 430px) {
+    wui-flex {
+      align-items: flex-end;
+    }
+
+    wui-card {
+      max-width: 100%;
+      border-bottom-left-radius: 0;
+      border-bottom-right-radius: 0;
+      border-bottom: none;
+      animation: slide-in 0.2s var(--wui-ease-out-power-2);
+    }
+
+    wui-card[shake='true'] {
+      animation:
+        slide-in 0.2s var(--wui-ease-out-power-2),
+        w3m-shake 0.5s var(--wui-ease-out-power-2);
+    }
+  }
+
+  @keyframes zoom-in {
+    0% {
+      transform: scale(0.95) translateY(0);
+    }
+    100% {
+      transform: scale(1) translateY(0);
+    }
+  }
+
+  @keyframes slide-in {
+    0% {
+      transform: scale(1) translateY(50px);
+    }
+    100% {
+      transform: scale(1) translateY(0);
+    }
+  }
+
+  @keyframes w3m-shake {
+    0% {
+      transform: scale(1) rotate(0deg);
+    }
+    20% {
+      transform: scale(1) rotate(-1deg);
+    }
+    40% {
+      transform: scale(1) rotate(1.5deg);
+    }
+    60% {
+      transform: scale(1) rotate(-1.5deg);
+    }
+    80% {
+      transform: scale(1) rotate(1deg);
+    }
+    100% {
+      transform: scale(1) rotate(0deg);
+    }
+  }
+
+  @keyframes w3m-view-height {
+    from {
+      height: var(--prev-height);
+    }
+    to {
+      height: var(--new-height);
+    }
+  }
+`;
+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;
+};
+const SCROLL_LOCK = "scroll-lock";
+let W3mModal = class W3mModal2 extends r {
+  constructor() {
+    super();
+    this.unsubscribe = [];
+    this.abortController = void 0;
+    this.open = ModalController.state.open;
+    this.caipAddress = ChainController.state.activeCaipAddress;
+    this.caipNetwork = ChainController.state.activeCaipNetwork;
+    this.isSiweEnabled = OptionsController.state.isSiweEnabled;
+    this.shake = ModalController.state.shake;
+    this.initializeTheming();
+    ApiController.prefetch();
+    this.unsubscribe.push(...[
+      ModalController.subscribeKey("open", (val) => val ? this.onOpen() : this.onClose()),
+      ModalController.subscribeKey("shake", (val) => this.shake = val),
+      AccountController.subscribeKey("siweStatus", (val) => this.onSiweStatusChange(val), "eip155"),
+      ChainController.subscribeKey("activeCaipNetwork", (val) => this.onNewNetwork(val)),
+      ChainController.subscribeKey("activeCaipAddress", (val) => this.onNewAddress(val)),
+      OptionsController.subscribeKey("isSiweEnabled", (val) => this.isSiweEnabled = val)
+    ]);
+    EventsController.sendEvent({ type: "track", event: "MODAL_LOADED" });
+  }
+  disconnectedCallback() {
+    this.unsubscribe.forEach((unsubscribe) => unsubscribe());
+    this.onRemoveKeyboardListener();
+  }
+  render() {
+    return this.open ? x`
+          <wui-flex @click=${this.onOverlayClick.bind(this)} data-testid="w3m-modal-overlay">
+            <wui-card
+              shake="${this.shake}"
+              role="alertdialog"
+              aria-modal="true"
+              tabindex="0"
+              data-testid="w3m-modal-card"
+            >
+              <w3m-header></w3m-header>
+              <w3m-router></w3m-router>
+              <w3m-snackbar></w3m-snackbar>
+              <w3m-alertbar></w3m-alertbar>
+            </wui-card>
+          </wui-flex>
+          <w3m-tooltip></w3m-tooltip>
+        ` : null;
+  }
+  async onOverlayClick(event) {
+    if (event.target === event.currentTarget) {
+      await this.handleClose();
+    }
+  }
+  async handleClose() {
+    const isSiweSignScreen = RouterController.state.view === "ConnectingSiwe";
+    const isApproveSignScreen = RouterController.state.view === "ApproveTransaction";
+    if (this.isSiweEnabled) {
+      const { SIWEController } = await import("./index-DVru6tLI.js");
+      const isUnauthenticated = SIWEController.state.status !== "success";
+      if (isUnauthenticated && (isSiweSignScreen || isApproveSignScreen)) {
+        ModalController.shake();
+      } else {
+        ModalController.close();
+      }
+    } else {
+      ModalController.close();
+    }
+  }
+  initializeTheming() {
+    const { themeVariables, themeMode } = ThemeController.state;
+    const defaultThemeMode = UiHelperUtil.getColorTheme(themeMode);
+    initializeTheming(themeVariables, defaultThemeMode);
+  }
+  onClose() {
+    this.open = false;
+    this.classList.remove("open");
+    this.onScrollUnlock();
+    SnackController.hide();
+    this.onRemoveKeyboardListener();
+  }
+  onOpen() {
+    this.open = true;
+    this.classList.add("open");
+    this.onScrollLock();
+    this.onAddKeyboardListener();
+  }
+  onScrollLock() {
+    const styleTag = document.createElement("style");
+    styleTag.dataset["w3m"] = SCROLL_LOCK;
+    styleTag.textContent = `
+      body {
+        touch-action: none;
+        overflow: hidden;
+        overscroll-behavior: contain;
+      }
+      w3m-modal {
+        pointer-events: auto;
+      }
+    `;
+    document.head.appendChild(styleTag);
+  }
+  onScrollUnlock() {
+    const styleTag = document.head.querySelector(`style[data-w3m="${SCROLL_LOCK}"]`);
+    if (styleTag) {
+      styleTag.remove();
+    }
+  }
+  onAddKeyboardListener() {
+    var _a;
+    this.abortController = new AbortController();
+    const card = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector("wui-card");
+    card == null ? void 0 : card.focus();
+    window.addEventListener("keydown", (event) => {
+      if (event.key === "Escape") {
+        this.handleClose();
+      } else if (event.key === "Tab") {
+        const { tagName } = event.target;
+        if (tagName && !tagName.includes("W3M-") && !tagName.includes("WUI-")) {
+          card == null ? void 0 : card.focus();
+        }
+      }
+    }, this.abortController);
+  }
+  onRemoveKeyboardListener() {
+    var _a;
+    (_a = this.abortController) == null ? void 0 : _a.abort();
+    this.abortController = void 0;
+  }
+  onSiweStatusChange(nextStatus) {
+    if (nextStatus === "success") {
+      ModalController.close();
+    }
+  }
+  async onNewAddress(caipAddress) {
+    var _a;
+    const prevConnected = this.caipAddress ? CoreHelperUtil.getPlainAddress(this.caipAddress) : void 0;
+    const nextConnected = caipAddress ? CoreHelperUtil.getPlainAddress(caipAddress) : void 0;
+    const isSameAddress = prevConnected === nextConnected;
+    if (nextConnected && !isSameAddress && this.isSiweEnabled) {
+      const { SIWEController } = await import("./index-DVru6tLI.js");
+      const signed = AccountController.state.siweStatus === "success";
+      if (!prevConnected && nextConnected) {
+        this.onSiweNavigation();
+      } else if (signed && prevConnected && nextConnected && prevConnected !== nextConnected) {
+        if ((_a = SIWEController.state._client) == null ? void 0 : _a.options.signOutOnAccountChange) {
+          await SIWEController.signOut();
+          this.onSiweNavigation();
+        }
+      }
+    }
+    if (!nextConnected) {
+      ModalController.close();
+    }
+    this.caipAddress = caipAddress;
+  }
+  async onNewNetwork(nextCaipNetwork) {
+    var _a, _b, _c, _d;
+    if (!this.caipAddress) {
+      this.caipNetwork = nextCaipNetwork;
+      RouterController.goBack();
+      return;
+    }
+    const prevCaipNetworkId = (_b = (_a = this.caipNetwork) == null ? void 0 : _a.id) == null ? void 0 : _b.toString();
+    const nextNetworkId = (_c = nextCaipNetwork == null ? void 0 : nextCaipNetwork.id) == null ? void 0 : _c.toString();
+    if (prevCaipNetworkId && nextNetworkId && prevCaipNetworkId !== nextNetworkId) {
+      if (this.isSiweEnabled) {
+        const { SIWEController } = await import("./index-DVru6tLI.js");
+        if ((_d = SIWEController.state._client) == null ? void 0 : _d.options.signOutOnNetworkChange) {
+          await SIWEController.signOut();
+          this.onSiweNavigation();
+        } else {
+          RouterController.goBack();
+        }
+      } else {
+        RouterController.goBack();
+      }
+    }
+    this.caipNetwork = nextCaipNetwork;
+  }
+  onSiweNavigation() {
+    const isEIP155Namespace = ChainController.state.activeChain === ConstantsUtil.CHAIN.EVM;
+    const authenticated = AccountController.state.siweStatus === "success";
+    if (!authenticated && isEIP155Namespace) {
+      if (this.open) {
+        RouterController.replace("ConnectingSiwe");
+      } else {
+        ModalController.open({
+          view: "ConnectingSiwe"
+        });
+      }
+    } else {
+      RouterController.goBack();
+    }
+  }
+};
+W3mModal.styles = styles;
+__decorate([
+  r$1()
+], W3mModal.prototype, "open", void 0);
+__decorate([
+  r$1()
+], W3mModal.prototype, "caipAddress", void 0);
+__decorate([
+  r$1()
+], W3mModal.prototype, "caipNetwork", void 0);
+__decorate([
+  r$1()
+], W3mModal.prototype, "isSiweEnabled", void 0);
+__decorate([
+  r$1()
+], W3mModal.prototype, "shake", void 0);
+W3mModal = __decorate([
+  customElement("w3m-modal")
+], W3mModal);
+export {
+  W3mModal
+};
+//# sourceMappingURL=w3m-modal-Df7g4196.js.map