@frak-labs/components 0.0.26-beta.b38eef2e → 0.0.26-beta.d2556d47

package/dist/useClientReady-0vKBG0-p.js

@@ -1,197 +0,0 @@
-import register from "preact-custom-element";
-import { setupClient } from "@frak-labs/core-sdk";
-import * as coreSdk from "@frak-labs/core-sdk/bundle";
-import { displayEmbeddedWallet, modalBuilder, referralInteraction } from "@frak-labs/core-sdk/actions";
-import { useCallback, useEffect, useState } from "preact/hooks";
-
-//#region ../../packages/ui/utils/onDocumentReady.ts
-/**
-* When the document is ready, run the callback
-* @param callback
-*/
-function onDocumentReady(callback) {
-	if (document.readyState === "complete" || document.readyState === "interactive") setTimeout(callback, 1);
-	else if (document.addEventListener) document.addEventListener("DOMContentLoaded", callback);
-	else document.attachEvent("onreadystatechange", () => {
-		if (document.readyState === "complete") callback();
-	});
-}
-
-//#endregion
-//#region src/utils/safeVibrate.ts
-/**
-* Attempt to vibrate the device
-*/
-function safeVibrate() {
-	if ("vibrate" in navigator) navigator.vibrate(10);
-	else console.log("Vibration not supported");
-}
-
-//#endregion
-//#region src/components/ButtonWallet/utils.ts
-/**
-* Open the wallet modal
-*
-* @description
-* This function will open the wallet modal with the configuration provided in the `window.FrakSetup.modalWalletConfig` object.
-*/
-function openWalletModal() {
-	if (!window.FrakSetup?.client) {
-		console.error("Frak client not found");
-		return;
-	}
-	safeVibrate();
-	displayEmbeddedWallet(window.FrakSetup.client, window.FrakSetup?.modalWalletConfig ?? {});
-}
-
-//#endregion
-//#region src/utils/clientReady.ts
-const CUSTOM_EVENT_NAME = "frakClientReady";
-/**
-* Dispatch a custom event when the Frak client is ready
-*/
-function dispatchClientReadyEvent() {
-	const event = new CustomEvent(CUSTOM_EVENT_NAME);
-	window.dispatchEvent(event);
-}
-/**
-* Add or remove an event listener for when the Frak client is ready
-* @param action
-* @param callback
-*/
-function onClientReady(action, callback) {
-	if (window.FrakSetup?.client && action === "add") {
-		callback();
-		return;
-	}
-	(action === "add" ? window.addEventListener : window.removeEventListener)(CUSTOM_EVENT_NAME, callback, false);
-}
-
-//#endregion
-//#region src/utils/setup.ts
-/**
-* Setup the modal config
-* @param client
-*/
-function setupModalConfig(client) {
-	window.modalBuilderSteps = modalBuilder(client, window.FrakSetup?.modalConfig ?? {});
-}
-/**
-* Setup the referral
-* @param client
-*/
-async function setupReferral(client) {
-	const referral = await referralInteraction(client);
-	console.log("referral", referral);
-}
-/**
-* Return the modal builder steps
-*/
-function getModalBuilderSteps() {
-	if (!window.modalBuilderSteps) throw new Error("modalBuilderSteps not found");
-	return window.modalBuilderSteps;
-}
-
-//#endregion
-//#region src/utils/initFrakSdk.ts
-/**
-* Initializes the Frak SDK client and sets up necessary configurations.
-* This function handles the one-time setup of the Frak client and related features.
-*
-* @returns {Promise<void>}
-*/
-async function initFrakSdk() {
-	window.FrakSetup.core = coreSdk;
-	if (!preChecks()) return;
-	console.log("[Frak SDK] Starting initialization");
-	if (!window.FrakSetup.config) {
-		console.error("[Frak SDK] Configuration not found");
-		window.frakSetupInProgress = false;
-		return;
-	}
-	const client = await setupClient({ config: window.FrakSetup.config });
-	if (!client) {
-		console.error("[Frak SDK] Failed to create client");
-		window.frakSetupInProgress = false;
-		return;
-	}
-	window.FrakSetup.client = client;
-	console.log("[Frak SDK] Client initialized successfully");
-	dispatchClientReadyEvent();
-	setupModalConfig(client);
-	setupReferral(client);
-	window.frakSetupInProgress = false;
-	handleActionQueryParam();
-}
-/**
-* Pre-checks for the Frak SDK initialization
-* Sets frakSetupInProgress flag atomically to prevent race conditions
-*/
-function preChecks() {
-	if (window.frakSetupInProgress) {
-		console.log("[Frak SDK] Initialization already in progress");
-		return false;
-	}
-	window.frakSetupInProgress = true;
-	if (window.FrakSetup?.client) {
-		console.log("[Frak SDK] Client already initialized");
-		window.frakSetupInProgress = false;
-		return false;
-	}
-	if (!window.FrakSetup?.config) {
-		console.error("[Frak SDK] Configuration not found. Please ensure window.FrakSetup.config is set.");
-		window.frakSetupInProgress = false;
-		return false;
-	}
-	return true;
-}
-/**
-* Check the query param contain params for an auto opening of the frak modal
-*/
-function handleActionQueryParam() {
-	const frakAction = new URLSearchParams(window.location.search).get("frakAction");
-	if (!frakAction) return;
-	if (frakAction === "share") {
-		console.log("[Frak SDK] Auto open query param found");
-		openWalletModal();
-	}
-}
-
-//#endregion
-//#region src/utils/registerWebComponent.ts
-/**
-* Registers a Preact component as a custom web component
-*
-* @param component - The Preact component to register
-* @param tagName - The custom element tag name (e.g., "frak-button-wallet")
-* @param observedAttributes - Array of attribute names to observe for changes
-* @param options - Registration options (e.g., { shadow: false })
-*/
-function registerWebComponent(component, tagName, observedAttributes = [], options = { shadow: false }) {
-	if (typeof window !== "undefined") {
-		onDocumentReady(initFrakSdk);
-		if (!customElements.get(tagName)) register(component, tagName, observedAttributes, options);
-	}
-}
-
-//#endregion
-//#region src/hooks/useClientReady.ts
-/**
-* Hook to manage client readiness state for the wallet button
-* Handles subscription to client ready events and manages readiness state
-* @returns Object containing the readiness state of the client
-*/
-function useClientReady() {
-	const [disabled, setDisabled] = useState(true);
-	const handleClientReady = useCallback(() => {
-		setDisabled(false);
-	}, []);
-	useEffect(() => {
-		onClientReady("add", handleClientReady);
-		return () => onClientReady("remove", handleClientReady);
-	}, [handleClientReady]);
-	return { isClientReady: !disabled };
-}
-
-//#endregion
-export { openWalletModal as i, registerWebComponent as n, getModalBuilderSteps as r, useClientReady as t };