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

package/cdn/useClientReady.CKKC4IMk.js

@@ -1 +0,0 @@
-import{C as e,_ as t,b as n,g as r,r as i,t as a,v as o,x as s,y as c}from"./initFrakSdk.CMgrZQwQ.js";function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},l.apply(this,arguments)}function u(e,t){if(e==null)return{};var n,r,i={},a=Object.keys(e);for(r=0;r<a.length;r++)t.indexOf(n=a[r])>=0||(i[n]=e[n]);return i}var d=[`context`,`children`],f=[`useFragment`];function p(e,t,n,r){function i(){var t,n=Reflect.construct(HTMLElement,[],i);return n._vdomComponent=e,r&&r.shadow?(n._root=n.attachShadow({mode:r.mode||`open`,serializable:(t=r.serializable)!=null&&t}),r.adoptedStyleSheets&&(n._root.adoptedStyleSheets=r.adoptedStyleSheets)):n._root=n,n}return(i.prototype=Object.create(HTMLElement.prototype)).constructor=i,i.prototype.connectedCallback=function(){h.call(this,r)},i.prototype.attributeChangedCallback=_,i.prototype.disconnectedCallback=v,n=n||e.observedAttributes||Object.keys(e.propTypes||{}),i.observedAttributes=n,e.formAssociated&&(i.formAssociated=!0),n.forEach(function(e){Object.defineProperty(i.prototype,e,{get:function(){return this._vdom?this._vdom.props[e]:this._props[e]},set:function(t){this._vdom?this.attributeChangedCallback(e,null,t):(this._props||={},this._props[e]=t);var n=typeof t;t!=null&&n!==`string`&&n!==`boolean`&&n!==`number`||this.setAttribute(e,t)}})}),customElements.define(t||e.tagName||e.displayName||e.name,i),i}function m(e){this.getChildContext=function(){return e.context};var t=e.children;return o(t,u(e,d))}function h(e){var n=new CustomEvent(`_preact`,{detail:{},bubbles:!0,cancelable:!0});this.dispatchEvent(n),this._vdom=c(m,l({},this._props,{context:n.detail.context}),b(this,this._vdomComponent,e)),(this.hasAttribute(`hydrate`)?t:r)(this._vdom,this._root)}function g(e){return e.replace(/-(\w)/g,function(e,t){return t?t.toUpperCase():``})}function _(e,t,n){if(this._vdom){var i={};i[e]=n??=void 0,i[g(e)]=n,this._vdom=o(this._vdom,i),r(this._vdom,this._root)}}function v(){r(this._vdom=null,this._root)}function y(e,t){var r=this,i=e.useFragment,a=u(e,f);return c(i?n:`slot`,l({},a,{ref:function(e){e?(r.ref=e,r._listener||(r._listener=function(e){e.stopPropagation(),e.detail.context=t},e.addEventListener(`_preact`,r._listener))):r.ref.removeEventListener(`_preact`,r._listener)}}))}function b(e,t,n){if(e.nodeType===3)return e.data;if(e.nodeType!==1)return null;var r=[],i={},a=0,o=e.attributes,s=e.childNodes;for(a=o.length;a--;)o[a].name!==`slot`&&(i[o[a].name]=o[a].value,i[g(o[a].name)]=o[a].value);for(a=s.length;a--;){var l=b(s[a],null,n),u=s[a].slot;u?i[u]=c(y,{name:u},l):r[a]=l}var d=!(!n||!n.shadow),f=t?c(y,{useFragment:!d},r):r;return!d&&t&&(e.innerHTML=``),c(t||e.nodeName.toLowerCase(),i,f)}function x(t,n,r=[],i={shadow:!1}){typeof window<`u`&&(e(a),customElements.get(n)||p(t,n,r,i))}var S,C,w,T,E=0,D=[],O=s,k=O.__b,A=O.__r,j=O.diffed,M=O.__c,N=O.unmount,P=O.__;function F(e,t){O.__h&&O.__h(C,e,E||t),E=0;var n=C.__H||={__:[],__h:[]};return e>=n.__.length&&n.__.push({}),n.__[e]}function I(e){return E=1,L(q,e)}function L(e,t,n){var r=F(S++,2);if(r.t=e,!r.__c&&(r.__=[n?n(t):q(void 0,t),function(e){var t=r.__N?r.__N[0]:r.__[0],n=r.t(t,e);t!==n&&(r.__N=[n,r.__[1]],r.__c.setState({}))}],r.__c=C,!C.__f)){var i=function(e,t,n){if(!r.__c.__H)return!0;var i=r.__c.__H.__.filter(function(e){return e.__c});if(i.every(function(e){return!e.__N}))return!a||a.call(this,e,t,n);var o=r.__c.props!==e;return i.some(function(e){if(e.__N){var t=e.__[0];e.__=e.__N,e.__N=void 0,t!==e.__[0]&&(o=!0)}}),a&&a.call(this,e,t,n)||o};C.__f=!0;var a=C.shouldComponentUpdate,o=C.componentWillUpdate;C.componentWillUpdate=function(e,t,n){if(this.__e){var r=a;a=void 0,i(e,t,n),a=r}o&&o.call(this,e,t,n)},C.shouldComponentUpdate=i}return r.__N||r.__}function R(e,t){var n=F(S++,3);!O.__s&&K(n.__H,t)&&(n.__=e,n.u=t,C.__H.__h.push(n))}function z(e,t){var n=F(S++,7);return K(n.__H,t)&&(n.__=e(),n.__H=t,n.__h=e),n.__}function B(e,t){return E=8,z(function(){return e},t)}function V(){for(var e;e=D.shift();){var t=e.__H;if(e.__P&&t)try{t.__h.some(W),t.__h.some(G),t.__h=[]}catch(n){t.__h=[],O.__e(n,e.__v)}}}O.__b=function(e){C=null,k&&k(e)},O.__=function(e,t){e&&t.__k&&t.__k.__m&&(e.__m=t.__k.__m),P&&P(e,t)},O.__r=function(e){A&&A(e),S=0;var t=(C=e.__c).__H;t&&(w===C?(t.__h=[],C.__h=[],t.__.some(function(e){e.__N&&(e.__=e.__N),e.u=e.__N=void 0})):(t.__h.some(W),t.__h.some(G),t.__h=[],S=0)),w=C},O.diffed=function(e){j&&j(e);var t=e.__c;t&&t.__H&&(t.__H.__h.length&&(D.push(t)!==1&&T===O.requestAnimationFrame||((T=O.requestAnimationFrame)||U)(V)),t.__H.__.some(function(e){e.u&&(e.__H=e.u),e.u=void 0})),w=C=null},O.__c=function(e,t){t.some(function(e){try{e.__h.some(W),e.__h=e.__h.filter(function(e){return!e.__||G(e)})}catch(n){t.some(function(e){e.__h&&=[]}),t=[],O.__e(n,e.__v)}}),M&&M(e,t)},O.unmount=function(e){N&&N(e);var t,n=e.__c;n&&n.__H&&(n.__H.__.some(function(e){try{W(e)}catch(e){t=e}}),n.__H=void 0,t&&O.__e(t,n.__v))};var H=typeof requestAnimationFrame==`function`;function U(e){var t,n=function(){clearTimeout(r),H&&cancelAnimationFrame(t),setTimeout(e)},r=setTimeout(n,35);H&&(t=requestAnimationFrame(n))}function W(e){var t=C,n=e.__c;typeof n==`function`&&(e.__c=void 0,n()),C=t}function G(e){var t=C;e.__c=e.__(),C=t}function K(e,t){return!e||e.length!==t.length||t.some(function(t,n){return t!==e[n]})}function q(e,t){return typeof t==`function`?t(e):t}function J(){let[e,t]=I(!0),n=B(()=>{t(!1)},[]);return R(()=>(i(`add`,n),()=>i(`remove`,n)),[n]),{isClientReady:!e}}export{R as a,B as i,z as n,x as o,I as r,J as t};

package/dist/Spinner-Btnwk01x.js

@@ -1,36 +0,0 @@
-import { cx } from "class-variance-authority";
-import { jsx, jsxs } from "preact/jsx-runtime";
-
-//#region src/components/Spinner/index.module.css?css_module
-const classes = {
-	"spinner": "M4fSKa_spinner",
-	"rt-spinner-leaf-fade": "M4fSKa_rt-spinner-leaf-fade",
-	"spinner__leaf": "M4fSKa_spinner__leaf"
-};
-const _spinner0 = classes["spinner"];
-const _rt_spinner_leaf_fade0 = classes["rt-spinner-leaf-fade"];
-const _spinner__leaf0 = classes["spinner__leaf"];
-
-//#endregion
-//#region src/components/Spinner/index.tsx
-const Spinner = ({ ref, className, ...props }) => {
-	return /* @__PURE__ */ jsxs("span", {
-		...props,
-		ref,
-		className: cx(classes.spinner),
-		children: [
-			/* @__PURE__ */ jsx("span", { className: classes.spinner__leaf }),
-			/* @__PURE__ */ jsx("span", { className: classes.spinner__leaf }),
-			/* @__PURE__ */ jsx("span", { className: classes.spinner__leaf }),
-			/* @__PURE__ */ jsx("span", { className: classes.spinner__leaf }),
-			/* @__PURE__ */ jsx("span", { className: classes.spinner__leaf }),
-			/* @__PURE__ */ jsx("span", { className: classes.spinner__leaf }),
-			/* @__PURE__ */ jsx("span", { className: classes.spinner__leaf }),
-			/* @__PURE__ */ jsx("span", { className: classes.spinner__leaf })
-		]
-	});
-};
-Spinner.displayName = "Spinner";
-
-//#endregion
-export { Spinner as t };

package/dist/Spinner-CHZD3tMn.css

@@ -1 +0,0 @@
-.M4fSKa_spinner{--spinner-opacity:.65;opacity:var(--spinner-opacity);width:16px;height:16px;display:block;position:relative}.M4fSKa_spinner__leaf{--spinner-animation-duration:.8s;width:12.5%;height:100%;animation:M4fSKa_rt-spinner-leaf-fade var(--spinner-animation-duration) linear infinite;position:absolute;top:0;left:43.75%;&:before{content:"";background-color:currentColor;border-radius:3px;width:100%;height:30%;display:block}&:where(:first-child){animation-delay:calc(-8 / 8 * var(--spinner-animation-duration));transform:rotate(0)}&:where(:nth-child(2)){animation-delay:calc(-7 / 8 * var(--spinner-animation-duration));transform:rotate(45deg)}&:where(:nth-child(3)){animation-delay:calc(-6 / 8 * var(--spinner-animation-duration));transform:rotate(90deg)}&:where(:nth-child(4)){animation-delay:calc(-5 / 8 * var(--spinner-animation-duration));transform:rotate(135deg)}&:where(:nth-child(5)){animation-delay:calc(-4 / 8 * var(--spinner-animation-duration));transform:rotate(180deg)}&:where(:nth-child(6)){animation-delay:calc(-3 / 8 * var(--spinner-animation-duration));transform:rotate(225deg)}&:where(:nth-child(7)){animation-delay:calc(-2 / 8 * var(--spinner-animation-duration));transform:rotate(270deg)}&:where(:nth-child(8)){animation-delay:calc(-1 / 8 * var(--spinner-animation-duration));transform:rotate(315deg)}}@keyframes M4fSKa_rt-spinner-leaf-fade{0%{opacity:1}to{opacity:.25}}

package/dist/buttonShare.css

@@ -1 +0,0 @@
-.nOB7Uq_buttonShare{justify-content:center;align-items:center;gap:10px;display:flex}

package/dist/buttonWallet.css

@@ -1 +0,0 @@
-.Kl62ia_button{all:unset;z-index:2000000;cursor:pointer;text-align:center;background-color:#3e557e;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:24px;display:flex;position:fixed;bottom:20px}.Kl62ia_button__left{left:20px}.Kl62ia_button__right{right:20px}.Kl62ia_reward{color:#fff;white-space:nowrap;background:#ff3f3f;border-radius:5px;padding:2px 3px;font-size:9px;font-weight:600;line-height:9px;position:absolute;top:-4px;right:27px}

package/dist/openInApp.css

@@ -1 +0,0 @@
-.XYfqGq_button{justify-content:center;align-items:center;gap:10px;display:flex}

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 };

package/dist/useReward-DAkT-7wT.js

@@ -1,48 +0,0 @@
-import { formatAmount, getCurrencyAmountKey } from "@frak-labs/core-sdk";
-import { getMerchantInformation } from "@frak-labs/core-sdk/actions";
-import { useEffect, useState } from "preact/hooks";
-
-//#region src/utils/getCurrentReward.ts
-function getFixedFiatAmount(estimated, key) {
-	if (!estimated || estimated.payoutType !== "fixed") return 0;
-	return estimated.amount[key];
-}
-function getMaxFixedReferrerReward(rewards, key) {
-	return rewards.reduce((max, reward) => Math.max(max, getFixedFiatAmount(reward.referrer, key)), 0);
-}
-async function getCurrentReward({ targetInteraction }) {
-	const client = window.FrakSetup?.client;
-	if (!client) {
-		console.warn("Frak client not ready yet");
-		return;
-	}
-	const { rewards } = await getMerchantInformation(client);
-	const currencyAmountKey = getCurrencyAmountKey(client.config.metadata?.currency);
-	const maxReward = getMaxFixedReferrerReward(targetInteraction ? rewards.filter((r) => r.interactionTypeKey === targetInteraction) : rewards, currencyAmountKey);
-	if (maxReward <= 0) return;
-	return formatAmount(Math.round(maxReward), client.config.metadata?.currency);
-}
-
-//#endregion
-//#region src/hooks/useReward.ts
-/**
-* Hook to fetch and format the current reward value for a given interaction
-* @param shouldUseReward - Flag to determine if reward should be fetched
-* @param targetInteraction - Optional interaction type to get specific reward for
-* @param currency - The currency to use for the reward (default is "eur")
-* @returns Object containing the formatted reward value in euros
-*/
-function useReward(shouldUseReward, targetInteraction) {
-	const [reward, setReward] = useState(void 0);
-	useEffect(() => {
-		if (!shouldUseReward) return;
-		getCurrentReward({ targetInteraction }).then((reward) => {
-			if (!reward) return;
-			setReward(reward);
-		});
-	}, [shouldUseReward, targetInteraction]);
-	return { reward };
-}
-
-//#endregion
-export { useReward as t };