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

package/dist/usePlacement-BbMuz8_A.js

@@ -0,0 +1,340 @@
+import register from "preact-custom-element";
+import * as coreSdkIndex from "@frak-labs/core-sdk";
+import { sdkConfigStore, setupClient, withCache } from "@frak-labs/core-sdk";
+import * as coreSdkActions from "@frak-labs/core-sdk/actions";
+import { displayEmbeddedWallet } from "@frak-labs/core-sdk/actions";
+import { useEffect, useMemo, useState } from "preact/hooks";
+
+//#region src/utils/embeddedWallet.ts
+async function openEmbeddedWallet(targetInteraction, placement) {
+	if (!window.FrakSetup?.client) {
+		console.error("Frak client not found");
+		return;
+	}
+	const modalWalletConfig = window.FrakSetup?.modalWalletConfig ?? {};
+	await displayEmbeddedWallet(window.FrakSetup.client, targetInteraction ? {
+		...modalWalletConfig,
+		metadata: {
+			...modalWalletConfig.metadata,
+			targetInteraction
+		}
+	} : modalWalletConfig, placement);
+}
+
+//#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
+function openWalletModal(targetInteraction, placement) {
+	safeVibrate();
+	openEmbeddedWallet(targetInteraction, placement);
+}
+
+//#endregion
+//#region src/utils/clientReady.ts
+const CUSTOM_EVENT_NAME = "frak:client";
+/**
+* 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/initFrakSdk.ts
+/**
+* Initializes the Frak SDK client and sets up necessary configurations.
+* Uses withCache for inflight dedup — concurrent callers share the same promise.
+* Failures are not cached, allowing retry on next call.
+*
+* @returns {Promise<void>}
+*/
+function initFrakSdk() {
+	window.FrakSetup.core = {
+		...coreSdkIndex,
+		...coreSdkActions
+	};
+	if (window.FrakSetup?.client) return Promise.resolve();
+	return withCache(() => doInit(), {
+		cacheKey: "frak-sdk-init",
+		cacheTime: Number.POSITIVE_INFINITY
+	}).catch(() => {});
+}
+/**
+* Performs the actual SDK initialization.
+* Throws on failure so withCache doesn't cache failed attempts.
+*/
+async function doInit() {
+	if (!window.FrakSetup?.config) throw new Error("[Frak SDK] Configuration not found. Please ensure window.FrakSetup.config is set.");
+	console.log("[Frak SDK] Starting initialization");
+	const client = await setupClient({ config: window.FrakSetup.config });
+	if (!client) throw new Error("[Frak SDK] Failed to create client");
+	window.FrakSetup.client = client;
+	console.log("[Frak SDK] Client initialized successfully");
+	dispatchClientReadyEvent();
+	coreSdkActions.setupReferral(client);
+	handleActionQueryParam();
+}
+/**
+* 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/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 document.addEventListener("DOMContentLoaded", callback);
+}
+
+//#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: true })
+*/
+function registerWebComponent(component, tagName, observedAttributes = [], options = { shadow: true }) {
+	if (typeof window !== "undefined") {
+		onDocumentReady(initFrakSdk);
+		if (!customElements.get(tagName)) register(component, tagName, observedAttributes, options);
+	}
+}
+
+//#endregion
+//#region src/hooks/useClientReady.ts
+function useClientReady() {
+	const [shouldRender, setShouldRender] = useState(() => {
+		if (!(window.FrakSetup?.config?.waitForBackendConfig !== false)) return true;
+		return sdkConfigStore.isResolved;
+	});
+	const [isHidden, setIsHidden] = useState(() => sdkConfigStore.getConfig().hidden ?? false);
+	const [isClientReady, setIsClientReady] = useState(() => !!window.FrakSetup?.client);
+	useEffect(() => {
+		const currentConfig = sdkConfigStore.getConfig();
+		if (currentConfig.isResolved) {
+			setShouldRender(true);
+			setIsHidden(currentConfig.hidden ?? false);
+		}
+		if (window.FrakSetup?.client) setIsClientReady(true);
+		const onConfig = (e) => {
+			const config = e.detail;
+			if (config.isResolved) setShouldRender(true);
+			setIsHidden(config.hidden ?? false);
+		};
+		window.addEventListener("frak:config", onConfig);
+		const handleReady = () => setIsClientReady(true);
+		onClientReady("add", handleReady);
+		return () => {
+			window.removeEventListener("frak:config", onConfig);
+			onClientReady("remove", handleReady);
+		};
+	}, []);
+	return {
+		shouldRender,
+		isHidden,
+		isClientReady
+	};
+}
+
+//#endregion
+//#region src/utils/sharedCss.ts
+const sharedCss = `
+:host {
+    display: contents;
+}
+
+:host([hidden]) {
+    display: none;
+}
+
+.button:disabled {
+    opacity: 0.7;
+    cursor: default;
+}
+
+.button__fadeIn {
+    animation: frak-fadeIn 300ms ease-in;
+}
+
+@keyframes frak-fadeIn {
+    from {
+        opacity: 0;
+    }
+
+    to {
+        opacity: 1;
+    }
+}
+`;
+function buildStyleContent(componentCss, placementCss) {
+	return placementCss ? `${sharedCss}\n${componentCss}\n${placementCss}` : `${sharedCss}\n${componentCss}`;
+}
+const lightDomBaseCss = `
+:where(frak-button-share, frak-open-in-app) {
+    display: contents;
+}
+
+:where(frak-button-share .button, frak-open-in-app .button) {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 10px;
+}
+
+:where(frak-button-share .button:disabled, frak-open-in-app .button:disabled) {
+    opacity: 0.7;
+    cursor: default;
+}
+
+:where(frak-button-share .button__fadeIn, frak-open-in-app .button__fadeIn) {
+    animation: frak-fadeIn 300ms ease-in;
+}
+
+@keyframes frak-fadeIn {
+    from {
+        opacity: 0;
+    }
+
+    to {
+        opacity: 1;
+    }
+}
+`;
+const bannerBaseCss = `
+:where(frak-banner) {
+    display: block;
+}
+
+:where(frak-banner .banner) {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    padding: 12px 16px;
+    border-top: 2px solid #3b82f6;
+    border-bottom: 2px solid #3b82f6;
+    font-family: inherit;
+    line-height: 1.4;
+}
+
+:where(frak-banner .banner__fadeIn) {
+    animation: frak-fadeIn 300ms ease-in;
+}
+
+@keyframes frak-fadeIn {
+    from {
+        opacity: 0;
+    }
+
+    to {
+        opacity: 1;
+    }
+}
+
+:where(frak-banner .banner__icon) {
+    flex-shrink: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 32px;
+    height: 32px;
+    color: #3b82f6;
+}
+
+:where(frak-banner .banner__icon svg) {
+    width: 100%;
+    height: 100%;
+}
+
+:where(frak-banner .banner__content) {
+    flex: 1;
+    min-width: 0;
+}
+
+:where(frak-banner .banner__title) {
+    font-weight: 700;
+    font-size: 0.875rem;
+    margin: 0 0 2px;
+}
+
+:where(frak-banner .banner__description) {
+    font-size: 0.75rem;
+    margin: 0;
+    opacity: 0.7;
+}
+
+:where(frak-banner .banner__cta) {
+    flex-shrink: 0;
+    padding: 8px 16px;
+    font-weight: 700;
+    font-size: 0.75rem;
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+    border: 2px solid #eab308;
+    border-radius: 0;
+    background: #eab308;
+    color: #1e293b;
+    cursor: pointer;
+    white-space: nowrap;
+}
+
+:where(frak-banner .banner__cta:hover) {
+    opacity: 0.9;
+}
+`;
+
+//#endregion
+//#region src/hooks/usePlacement.ts
+function getPlacement(id) {
+	return sdkConfigStore.getConfig().placements?.[id];
+}
+function usePlacement(placementId) {
+	const [configVersion, setConfigVersion] = useState(0);
+	useEffect(() => {
+		const onConfig = (_e) => {
+			setConfigVersion((v) => v + 1);
+		};
+		window.addEventListener("frak:config", onConfig);
+		setConfigVersion((v) => v + 1);
+		return () => window.removeEventListener("frak:config", onConfig);
+	}, []);
+	return useMemo(() => placementId ? getPlacement(placementId) : void 0, [placementId, configVersion]);
+}
+
+//#endregion
+export { useClientReady as a, openEmbeddedWallet as c, lightDomBaseCss as i, bannerBaseCss as n, registerWebComponent as o, buildStyleContent as r, openWalletModal as s, usePlacement as t };

package/dist/useReward-CI2yRrCj.js

@@ -0,0 +1,67 @@
+import { t as formatEstimatedReward } from "./formatReward-6JQldDEC.js";
+import { getCurrencyAmountKey, getSupportedCurrency } from "@frak-labs/core-sdk";
+import { getMerchantInformation } from "@frak-labs/core-sdk/actions";
+import { useEffect, useState } from "preact/hooks";
+
+//#region src/hooks/useReward.ts
+/**
+* Get the comparable fiat value of a reward for ranking purposes.
+*/
+function getRewardValue(reward, key) {
+	switch (reward.payoutType) {
+		case "fixed": return reward.amount[key];
+		case "tiered": return reward.tiers.reduce((acc, tier) => Math.max(acc, tier.amount[key]), 0);
+		case "percentage": return 0;
+	}
+}
+/**
+* Pick the best referrer reward from merchant info and format it.
+* Returns `undefined` when no displayable reward is found.
+*/
+function resolveBestReward({ rewards }, currency, targetInteraction) {
+	const referrerRewards = (targetInteraction ? rewards.filter((r) => r.interactionTypeKey === targetInteraction) : rewards).map((r) => r.referrer).filter((r) => r !== void 0);
+	if (referrerRewards.length === 0) return void 0;
+	const key = getCurrencyAmountKey(getSupportedCurrency(currency));
+	let bestReward = referrerRewards[0];
+	let bestValue = getRewardValue(bestReward, key);
+	for (let i = 1; i < referrerRewards.length; i++) {
+		const value = getRewardValue(referrerRewards[i], key);
+		if (value > bestValue) {
+			bestReward = referrerRewards[i];
+			bestValue = value;
+		}
+	}
+	if (bestValue <= 0) {
+		const percentageReward = referrerRewards.find((r) => r.payoutType === "percentage");
+		if (!percentageReward) return void 0;
+		bestReward = percentageReward;
+	}
+	return formatEstimatedReward(bestReward, currency);
+}
+/**
+* Hook to fetch and format the best referrer reward for a given interaction type.
+*
+* Calls `getMerchantInformation`, picks the highest-value referrer reward
+* across all matching campaigns, and returns it as a formatted string.
+*
+* @param shouldUseReward - Whether to fetch the reward at all
+* @param targetInteraction - Optional filter by interaction type (e.g. "purchase")
+* @returns Object containing the formatted reward string, or undefined if unavailable
+*/
+function useReward(shouldUseReward, targetInteraction) {
+	const [reward, setReward] = useState(void 0);
+	useEffect(() => {
+		if (!shouldUseReward) return;
+		const client = window.FrakSetup?.client;
+		if (!client) return;
+		getMerchantInformation(client).then((merchantInfo) => {
+			const currency = client.config.metadata?.currency;
+			const formatted = resolveBestReward(merchantInfo, currency, targetInteraction);
+			if (formatted) setReward(formatted);
+		}).catch(() => {});
+	}, [shouldUseReward, targetInteraction]);
+	return { reward };
+}
+
+//#endregion
+export { useReward as t };

package/dist/useShareModal-DHlayNqk.js

@@ -0,0 +1,55 @@
+import { DebugInfoGatherer, trackEvent } from "@frak-labs/core-sdk";
+import { modalBuilder } from "@frak-labs/core-sdk/actions";
+import { useCallback, useState } from "preact/hooks";
+import { FrakRpcError, RpcErrorCodes } from "@frak-labs/frame-connector";
+
+//#region src/components/ButtonShare/hooks/useShareModal.ts
+/**
+* Open the share modal
+*
+* @description
+* This function will open the share modal, lazily creating a modal builder on demand.
+*/
+function useShareModal(targetInteraction, placement, sharingLink) {
+	const [debugInfo, setDebugInfo] = useState(void 0);
+	const [isError, setIsError] = useState(false);
+	return {
+		handleShare: useCallback(async () => {
+			if (!window.FrakSetup?.client) {
+				console.error("Frak client not found");
+				setDebugInfo(DebugInfoGatherer.empty().formatDebugInfo("Frak client not found"));
+				setIsError(true);
+				return;
+			}
+			const builder = modalBuilder(window.FrakSetup.client, {});
+			try {
+				await builder.sharing(sharingLink ? { link: sharingLink } : {}).display((metadata) => ({
+					...metadata,
+					targetInteraction
+				}), placement);
+			} catch (e) {
+				if (e instanceof FrakRpcError && e.code === RpcErrorCodes.clientAborted) {
+					console.debug("User aborted the modal");
+					return;
+				}
+				const debugInfo = window.FrakSetup.client.debugInfo.formatDebugInfo(e);
+				trackEvent(window.FrakSetup.client, "share_modal_error", {
+					error: e instanceof Object && "message" in e ? e.message : "Unknown error",
+					debugInfo
+				});
+				setDebugInfo(debugInfo);
+				setIsError(true);
+				console.error("Error while opening the modal", e);
+			}
+		}, [
+			targetInteraction,
+			placement,
+			sharingLink
+		]),
+		isError,
+		debugInfo
+	};
+}
+
+//#endregion
+export { useShareModal as t };

package/package.json

@@ -11,7 +11,7 @@
       "url": "https://twitter.com/QNivelais"
     }
   ],
-  "version": "0.0.26-beta.b38eef2e",
+  "version": "0.0.26-beta.d04602ec",
   "description": "Frak Wallet components, helping any person to interact with the Frak wallet.",
   "repository": {
     "url": "https://github.com/frak-id/wallet",
@@ -56,6 +56,16 @@
       "import": "./dist/openInApp.js",
       "types": "./dist/openInApp.d.ts"
     },
+    "./postPurchase": {
+      "development": "./src/components/PostPurchase/index.ts",
+      "import": "./dist/postPurchase.js",
+      "types": "./dist/postPurchase.d.ts"
+    },
+    "./banner": {
+      "development": "./src/components/Banner/index.ts",
+      "import": "./dist/banner.js",
+      "types": "./dist/banner.d.ts"
+    },
     "./cdn": {
       "import": "./cdn/components.js"
     },
@@ -76,31 +86,27 @@
     "publish": "echo 'Publishing components...'"
   },
   "dependencies": {
-    "@frak-labs/frame-connector": "0.2.0-beta.b38eef2e",
-    "@frak-labs/core-sdk": "0.2.1-beta.b38eef2e",
-    "class-variance-authority": "^0.7.1",
-    "preact": "^10.28.3",
+    "@frak-labs/core-sdk": "0.2.1-beta.d04602ec",
+    "@frak-labs/frame-connector": "0.2.0-beta.d04602ec",
+    "preact": "^10.29.0",
     "preact-custom-element": "^4.6.0"
   },
   "devDependencies": {
-    "@bosh-code/tsdown-plugin-inject-css": "^2.0.0",
     "@frak-labs/dev-tooling": "0.0.0",
     "@frak-labs/test-foundation": "0.1.0",
-    "@frak-labs/ui": "0.0.0",
-    "@preact/preset-vite": "^2.10.3",
+    "@preact/preset-vite": "^2.10.4",
     "@rolldown/plugin-node-polyfills": "^1.0.3",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/preact": "^3.2.4",
     "@testing-library/user-event": "^14.6.1",
-    "@types/jsdom": "^27.0.0",
+    "@types/jsdom": "^28.0.0",
     "@types/node": "^24.10.13",
     "@types/preact-custom-element": "^4.0.4",
-    "@vitest/coverage-v8": "^4.0.18",
-    "@vitest/ui": "^4.0.18",
-    "jsdom": "^28.0.0",
+    "@vitest/coverage-v8": "^4.1.0",
+    "@vitest/ui": "^4.1.0",
+    "jsdom": "^29.0.0",
     "tsdown": "^0.20.3",
-    "typescript": "^5",
-    "unplugin-lightningcss": "^0.4.5",
-    "vitest": "^4.0.18"
+    "typescript": "^5.9.3",
+    "vitest": "^4.1.0"
   }
 }

package/cdn/ButtonShare.CSPl5Bi5.js

@@ -1 +0,0 @@
-import{S as e,a as t,b as n,c as r,f as i,h as a,l as o,m as s,n as c,o as l,p as u,s as d}from"./initFrakSdk.CMgrZQwQ.js";import{t as f}from"./Spinner.DQogVqic.js";import{a as p,i as m,n as h,o as g,r as _,t as v}from"./useClientReady.CKKC4IMk.js";function y(e,t){return!e||e.payoutType!==`fixed`?0:e.amount[t]}function b(e,t){return e.reduce((e,n)=>Math.max(e,y(n.referrer,t)),0)}async function x({targetInteraction:e}){let n=window.FrakSetup?.client;if(!n){console.warn(`Frak client not ready yet`);return}let{rewards:i}=await t(n),a=r(n.config.metadata?.currency),s=b(e?i.filter(t=>t.interactionTypeKey===e):i,a);if(!(s<=0))return o(Math.round(s),n.config.metadata?.currency)}function S(e,t){let[n,r]=_(void 0);return p(()=>{e&&x({targetInteraction:t}).then(e=>{e&&r(e)})},[e,t]),{reward:n}}const C={buttonShare:`nOB7Uq_buttonShare`};C.buttonShare;function w(e={}){let{successDuration:t=2e3}=e,[n,r]=_(!1);return{copy:m(async e=>{try{if(navigator.clipboard&&window.isSecureContext)await navigator.clipboard.writeText(e),r(!0);else{let t=document.createElement(`textarea`);t.value=e,t.style.position=`fixed`,t.style.opacity=`0`,document.body.appendChild(t),t.focus(),t.select();try{document.execCommand(`copy`),r(!0)}catch(e){return console.error(`Failed to copy text:`,e),!1}finally{t.remove()}}return setTimeout(()=>{r(!1)},t),!0}catch(e){return console.error(`Failed to copy text:`,e),!1}},[t]),copied:n}}const T={errorContainer:{marginTop:`16px`,padding:`16px`,backgroundColor:`#FEE2E2`,border:`1px solid #FCA5A5`,borderRadius:`4px`,color:`#991B1B`},header:{display:`flex`,alignItems:`center`,gap:`8px`,marginBottom:`12px`},title:{margin:0,fontSize:`16px`,fontWeight:500},message:{fontSize:`14px`,lineHeight:`1.5`,margin:`0 0 12px 0`},link:{color:`#991B1B`,textDecoration:`underline`,textUnderlineOffset:`2px`},copyButton:{display:`inline-flex`,alignItems:`center`,gap:`8px`,marginBottom:`10px`,padding:`8px 12px`,backgroundColor:`white`,border:`1px solid #D1D5DB`,borderRadius:`4px`,color:`black`,fontSize:`14px`,fontWeight:500}};function E({debugInfo:e}){let[t,n]=_(!1);return a(`div`,{children:[a(`button`,{type:`button`,style:T.copyButton,onClick:()=>n(!t),children:`Ouvrir les informations`}),t&&a(`textarea`,{style:{display:`block`,width:`100%`,height:`200px`,fontSize:`12px`},children:e})]})}function D({debugInfo:e}){let{copied:t,copy:n}=w();return a(`div`,{style:T.errorContainer,children:[a(`div`,{style:T.header,children:a(`h3`,{style:T.title,children:`Oups ! Nous avons rencontré un petit problème`})}),a(`p`,{style:T.message,children:[`Impossible d'ouvrir le menu de partage pour le moment. Si le problème persiste, copiez les informations ci-dessous et collez-les dans votre mail à`,` `,a(`a`,{href:`mailto:help@frak-labs.com?subject=Debug`,style:T.link,children:`help@frak-labs.com`}),` `,a(`br`,{}),`Merci pour votre retour, nous traitons votre demande dans les plus brefs délais.`]}),a(`button`,{type:`button`,onClick:()=>n(e??``),style:T.copyButton,children:t?`Informations copiées !`:`Copier les informations de débogage`}),a(E,{debugInfo:e})]})}function O(e){let[t,n]=_(void 0),[r,a]=_(!1);return{handleShare:m(async()=>{if(!window.FrakSetup?.client){console.error(`Frak client not found`),n(d.empty().formatDebugInfo(`Frak client not found`)),a(!0);return}let t=c();if(!t)throw Error(`modalBuilderSteps not found`);try{await t.sharing(window.FrakSetup?.modalShareConfig??{}).display(t=>({...t,targetInteraction:e}))}catch(e){if(e instanceof s&&e.code===u.clientAborted){console.debug(`User aborted the modal`);return}let t=window.FrakSetup.client.debugInfo.formatDebugInfo(e);i(window.FrakSetup.client,`share_modal_error`,{error:e instanceof Object&&`message`in e?e.message:`Unknown error`,debugInfo:t}),n(t),a(!0),console.error(`Error while opening the modal`,e)}},[e]),isError:r,debugInfo:t}}async function k(){if(!window.FrakSetup?.client)throw Error(`Frak client not found`);await l(window.FrakSetup.client,window.FrakSetup?.modalWalletConfig??{})}function A({text:t=`Share and earn!`,classname:r=``,useReward:o,noRewardText:s,targetInteraction:c,showWallet:l}){let u=h(()=>o!==void 0,[o]),d=h(()=>l!==void 0,[l]),{isClientReady:p}=v(),{reward:g}=S(u&&p,c),{handleShare:_,isError:y,debugInfo:b}=O(c),x=h(()=>u?g?t.includes(`{REWARD}`)?t.replace(`{REWARD}`,g):`${t} ${g}`:s??t.replace(`{REWARD}`,``):t,[u,t,s,g]),w=m(async()=>{i(window.FrakSetup.client,`share_button_clicked`),d?await k():await _()},[d,_]);return a(n,{children:[a(`button`,{type:`button`,className:e(C.buttonShare,r,`override`),onClick:w,children:[!p&&a(f,{}),` `,x]}),y&&a(D,{debugInfo:b})]})}g(A,`frak-button-share`,[`text`],{shadow:!1});export{A as ButtonShare,S as t};

package/cdn/ButtonWallet.3Hp62hGr.js

@@ -1 +0,0 @@
-import{S as e,f as t,h as n,i as r}from"./initFrakSdk.CMgrZQwQ.js";import{a as i,n as a,o,r as s,t as c}from"./useClientReady.CKKC4IMk.js";import{t as l}from"./ButtonShare.CSPl5Bi5.js";function u(e){return n(`svg`,{fill:`none`,height:`1em`,viewBox:`0 0 28 28`,width:`1em`,xmlns:`http://www.w3.org/2000/svg`,...e,children:[n(`title`,{children:`Gift icon`}),n(`path`,{d:`m23.1427 13.9999v11.4285h-18.2857v-11.4285m9.1429 11.4285v-17.14282m0 0h-5.1429c-.75776 0-1.48448-.30102-2.0203-.83684s-.83684-1.26255-.83684-2.02031.30102-1.48448.83684-2.0203 1.26254-.83684 2.0203-.83684c4 0 5.1429 5.71429 5.1429 5.71429zm0 0h5.1428c.7578 0 1.4845-.30102 2.0203-.83684s.8369-1.26255.8369-2.02031-.3011-1.48448-.8369-2.0203-1.2625-.83684-2.0203-.83684c-4 0-5.1428 5.71429-5.1428 5.71429zm-11.42861 0h22.85711v5.71432h-22.85711z`,stroke:`#fff`,"stroke-linecap":`round`,"stroke-linejoin":`round`})]})}const d={button:`Kl62ia_button`,reward:`Kl62ia_reward`,button__left:`Kl62ia_button__left`,button__right:`Kl62ia_button__right`};d.button,d.reward,d.button__left,d.button__right;function f({classname:o=``,useReward:f,targetInteraction:p}){let m=a(()=>f!==void 0,[f]),{isClientReady:h}=c(),{reward:g}=l(m&&h,p),[_,v]=s(`right`);return i(()=>{let e=window.FrakSetup?.modalWalletConfig?.metadata?.position;v(e??`right`)},[]),n(`button`,{type:`button`,"aria-label":`Open wallet`,class:e(d.button,_===`left`?d.button__left:d.button__right,o,`override`),disabled:!h,onClick:()=>{t(window.FrakSetup.client,`wallet_button_clicked`),r()},children:[n(u,{}),g&&n(`span`,{className:d.reward,children:g})]})}o(f,`frak-button-wallet`,[],{shadow:!1});export{f as ButtonWallet};

package/cdn/OpenInAppButton.BTvukMkp.js

@@ -1 +0,0 @@
-import{S as e,d as t,f as n,h as r,u as i}from"./initFrakSdk.CMgrZQwQ.js";import{t as a}from"./Spinner.DQogVqic.js";import{n as o,o as s,t as c}from"./useClientReady.CKKC4IMk.js";function l(){return typeof navigator>`u`?!1:!!(/iPhone|iPad|iPod|Android|webOS|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)||/Macintosh/i.test(navigator.userAgent)&&navigator.maxTouchPoints>1)}function u(){return{isMobile:o(()=>l(),[])}}function d(e=`wallet`){let r=window.FrakSetup?.client;r&&n(r,`open_in_app_clicked`),t(`${i}${e}`,{onFallback:()=>{r&&n(r,`app_not_installed`)}})}const f={button:`XYfqGq_button`};f.button;function p({text:t=`Open in App`,classname:n=``}){let{isClientReady:i}=c(),{isMobile:o}=u();if(!o)return null;let s=()=>{d()};return r(`button`,{type:`button`,"aria-label":`Open in Frak Wallet app`,className:e(f.button,n,`override`),disabled:!i,onClick:s,children:[!i&&r(a,{}),` `,t]})}s(p,`frak-open-in-app`,[`text`],{shadow:!1});export{p as OpenInAppButton};

package/cdn/Spinner.DQogVqic.js

@@ -1 +0,0 @@
-import{S as e,h as t}from"./initFrakSdk.CMgrZQwQ.js";const n={spinner:`M4fSKa_spinner`,spinner__leaf:`M4fSKa_spinner__leaf`,"rt-spinner-leaf-fade":`M4fSKa_rt-spinner-leaf-fade`};n.spinner,n.spinner__leaf,n[`rt-spinner-leaf-fade`];const r=({ref:r,className:i,...a})=>t(`span`,{...a,ref:r,className:e(n.spinner),children:[t(`span`,{className:n.spinner__leaf}),t(`span`,{className:n.spinner__leaf}),t(`span`,{className:n.spinner__leaf}),t(`span`,{className:n.spinner__leaf}),t(`span`,{className:n.spinner__leaf}),t(`span`,{className:n.spinner__leaf}),t(`span`,{className:n.spinner__leaf}),t(`span`,{className:n.spinner__leaf})]});r.displayName=`Spinner`;export{r as t};