@frak-labs/components 1.0.8 → 1.0.10-beta.1700e6ec

package/dist/buttonShare.js

@@ -1,9 +1,10 @@
-import { a as registerWebComponent, i as useClientReady, s as openSharingPage, t as usePlacement } from "./usePlacement-5kbU3BKj.js";
+import { i as useLang, l as openSharingPage, o as useClientReady, s as registerWebComponent, t as usePlacement } from "./usePlacement-4PoDbn2X.js";
 import { t as openEmbeddedWallet } from "./embeddedWallet-By3_p5Xc.js";
-import { t as useGlobalComponents } from "./useGlobalComponents-mSs9unyN.js";
-import { t as useLightDomStyles } from "./useLightDomStyles-C8giLInY.js";
-import { t as applyRewardPlaceholder } from "./formatReward-Cf2KpA3x.js";
-import { t as useReward } from "./useReward-ClVShg45.js";
+import { t as useGlobalComponents } from "./useGlobalComponents-CZ7Sh2tZ.js";
+import { t as useLightDomStyles } from "./useLightDomStyles-DphuQhvx.js";
+import { r as b } from "./rewards-CsHE1hVo.js";
+import { t as useReward } from "./useReward-Br6GKb9Z.js";
+import { componentDefaults } from "./i18n/defaults.js";
 import { trackEvent } from "@frak-labs/core-sdk";
 import { useCallback, useMemo } from "preact/hooks";
 import { jsx } from "preact/jsx-runtime";
@@ -52,14 +53,15 @@ import { jsx } from "preact/jsx-runtime";
 * @see {@link @frak-labs/core-sdk!actions.displaySharingPage | `displaySharingPage()`} for more info about the sharing-page flow
 * @see {@link @frak-labs/core-sdk!actions.getMerchantInformation | `getMerchantInformation()`} for more info about the estimated reward fetching
 */
-function ButtonShare({ placement: placementId, text = "Share and earn!", classname = "", noRewardText, targetInteraction, clickAction: rawClickAction, preview }) {
+function ButtonShare({ placement: placementId, text, classname = "", noRewardText, targetInteraction, clickAction: rawClickAction, preview }) {
 	const isPreview = !!preview;
+	const lang = useLang();
 	const placement = usePlacement(placementId);
 	const globalComponents = useGlobalComponents();
 	const componentConfig = placement?.components?.buttonShare ?? globalComponents?.buttonShare;
 	useLightDomStyles("frak-button-share", placementId, componentConfig?.css);
 	const resolvedTargetInteraction = useMemo(() => placement?.targetInteraction !== void 0 ? placement.targetInteraction : targetInteraction, [placement?.targetInteraction, targetInteraction]);
-	const resolvedText = componentConfig?.text ?? text;
+	const resolvedText = componentConfig?.text ?? text ?? componentDefaults[lang].buttonShare.text;
 	const resolvedNoRewardText = componentConfig?.noRewardText ?? noRewardText;
 	const wantsReward = useMemo(() => resolvedText.includes("{REWARD}"), [resolvedText]);
 	const resolvedClickAction = useMemo(() => componentConfig?.clickAction ?? rawClickAction ?? "sharing-page", [componentConfig?.clickAction, rawClickAction]);
@@ -67,8 +69,8 @@ function ButtonShare({ placement: placementId, text = "Share and earn!", classna
 	const { reward } = useReward(wantsReward && isClientReady, resolvedTargetInteraction);
 	const btnText = useMemo(() => {
 		if (!wantsReward) return resolvedText;
-		if (reward) return applyRewardPlaceholder(resolvedText, reward);
-		return resolvedNoRewardText ?? applyRewardPlaceholder(resolvedText, void 0);
+		if (reward) return b(resolvedText, reward);
+		return resolvedNoRewardText ?? b(resolvedText, void 0);
 	}, [
 		wantsReward,
 		resolvedText,

package/dist/buttonWallet.d.ts

@@ -1,5 +1,4 @@
 import { InteractionTypeKey } from "@frak-labs/core-sdk";
-import * as _$preact from "preact";
 
 //#region src/components/ButtonWallet/types.d.ts
 /**
@@ -70,7 +69,7 @@ declare function ButtonWallet({
   classname,
   useReward: rawUseReward,
   targetInteraction
-}: ButtonWalletProps): _$preact.JSX.Element | null;
+}: ButtonWalletProps): import("preact").JSX.Element | null;
 //#endregion
 //#region src/components/ButtonWallet/index.d.ts
 /**

package/dist/buttonWallet.js

@@ -1,6 +1,7 @@
-import { a as registerWebComponent, i as useClientReady, n as buildStyleContent, t as usePlacement } from "./usePlacement-5kbU3BKj.js";
+import { i as useLang, n as buildStyleContent, o as useClientReady, s as registerWebComponent, t as usePlacement } from "./usePlacement-4PoDbn2X.js";
 import { t as openEmbeddedWallet } from "./embeddedWallet-By3_p5Xc.js";
-import { t as useReward } from "./useReward-ClVShg45.js";
+import { t as useReward } from "./useReward-Br6GKb9Z.js";
+import { componentDefaults } from "./i18n/defaults.js";
 import { useEffect, useMemo, useState } from "preact/hooks";
 import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
 //#region src/components/ButtonWallet/assets/GiftIcon.tsx
@@ -119,6 +120,7 @@ const componentCss = `
 * @see {@link @frak-labs/core-sdk!actions.getMerchantInformation | `getMerchantInformation()`} for more info about the estimated reward fetching
 */
 function ButtonWallet({ placement: placementId, classname = "", useReward: rawUseReward, targetInteraction }) {
+	const lang = useLang();
 	const placement = usePlacement(placementId);
 	const resolvedTargetInteraction = useMemo(() => placement?.targetInteraction !== void 0 ? placement.targetInteraction : targetInteraction, [placement?.targetInteraction, targetInteraction]);
 	const shouldUseReward = useMemo(() => rawUseReward === true, [rawUseReward]);
@@ -139,7 +141,7 @@ function ButtonWallet({ placement: placementId, classname = "", useReward: rawUs
 	].filter(Boolean).join(" ");
 	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("style", { children: buildStyleContent(componentCss, placement?.components?.buttonWallet?.css) }), /* @__PURE__ */ jsxs("button", {
 		type: "button",
-		"aria-label": "Open wallet",
+		"aria-label": componentDefaults[lang].buttonWallet.ariaLabel,
 		part: "button",
 		disabled: !isClientReady,
 		class: buttonClass,

package/dist/i18n/defaults.d.ts

@@ -0,0 +1,54 @@
+import { Language } from "@frak-labs/core-sdk";
+
+//#region src/i18n/defaults.d.ts
+/**
+ * Shape of the built-in copy for every SDK Web Component. Declared explicitly
+ * so each supported {@link Language} is forced to provide the exact same set
+ * of keys (a missing translation is a type error, not a silent fallback).
+ */
+type ComponentCopy = {
+  buttonShare: {
+    text: string;
+  };
+  postPurchase: {
+    refereeText: string;
+    refereeNoRewardText: string;
+    referrerText: string;
+    referrerNoRewardText: string;
+    ctaText: string;
+    ctaNoRewardText: string;
+  };
+  openInApp: {
+    text: string;
+    ariaLabel: string;
+  };
+  buttonWallet: {
+    ariaLabel: string;
+  };
+  banner: {
+    /** Referral title used when an estimated reward is available (carries the `{REWARD}` token). */referralTitleReward: string; /** Referral title used when no reward could be resolved. */
+    referralTitle: string;
+    referralDescription: string;
+    referralCta: string;
+    inappTitle: string;
+    inappDescription: string;
+    inappCta: string;
+    dismissLabel: string;
+  };
+};
+/**
+ * Built-in, per-language default copy for the SDK Web Components.
+ *
+ * These strings are the last-resort fallback, used only when a merchant
+ * provides neither an HTML attribute override nor a backend-config override.
+ * They keep the components bilingual out of the box **without** pulling an
+ * i18n runtime (e.g. i18next) into the size-critical CDN bundle — resolution
+ * is a plain object lookup keyed by the active language (see `useLang`).
+ *
+ * Adding a new language is a matter of adding one entry here plus extending
+ * the `Language` union in `@frak-labs/core-sdk` — no new dependency, no
+ * merchant action, no SDK API change.
+ */
+declare const componentDefaults: Record<Language, ComponentCopy>;
+//#endregion
+export { componentDefaults };

package/dist/i18n/defaults.js

@@ -0,0 +1,70 @@
+//#region src/i18n/defaults.ts
+/**
+* Built-in, per-language default copy for the SDK Web Components.
+*
+* These strings are the last-resort fallback, used only when a merchant
+* provides neither an HTML attribute override nor a backend-config override.
+* They keep the components bilingual out of the box **without** pulling an
+* i18n runtime (e.g. i18next) into the size-critical CDN bundle — resolution
+* is a plain object lookup keyed by the active language (see `useLang`).
+*
+* Adding a new language is a matter of adding one entry here plus extending
+* the `Language` union in `@frak-labs/core-sdk` — no new dependency, no
+* merchant action, no SDK API change.
+*/
+const componentDefaults = {
+	en: {
+		buttonShare: { text: "Share and earn!" },
+		postPurchase: {
+			refereeText: "You just earned {REWARD}! Share with friends to earn even more.",
+			refereeNoRewardText: "You just earned a reward! Share with friends to earn even more.",
+			referrerText: "Earn {REWARD} by sharing this with your friends!",
+			referrerNoRewardText: "Share this with your friends and earn rewards!",
+			ctaText: "Share & earn {REWARD}",
+			ctaNoRewardText: "Share & earn"
+		},
+		openInApp: {
+			text: "Open in App",
+			ariaLabel: "Open in Frak Wallet app"
+		},
+		buttonWallet: { ariaLabel: "Open wallet" },
+		banner: {
+			referralTitleReward: "Earn {REWARD} on purchases on this site",
+			referralTitle: "You've been referred!",
+			referralDescription: "Earn rewards after your purchase via the Frak partner app.",
+			referralCta: "Got it",
+			inappTitle: "Open in your browser",
+			inappDescription: "For a better experience and to earn your rewards, open this page in your default browser.",
+			inappCta: "Open browser",
+			dismissLabel: "Dismiss"
+		}
+	},
+	fr: {
+		buttonShare: { text: "Partagez et gagnez !" },
+		postPurchase: {
+			refereeText: "Vous venez de gagner {REWARD} ! Partagez avec vos amis pour gagner encore plus.",
+			refereeNoRewardText: "Vous venez de gagner une récompense ! Partagez avec vos amis pour gagner encore plus.",
+			referrerText: "Gagnez {REWARD} en partageant avec vos amis !",
+			referrerNoRewardText: "Partagez avec vos amis et gagnez des récompenses !",
+			ctaText: "Partagez et gagnez {REWARD}",
+			ctaNoRewardText: "Partagez et gagnez"
+		},
+		openInApp: {
+			text: "Ouvrir dans l'app",
+			ariaLabel: "Ouvrir dans l'app Frak Wallet"
+		},
+		buttonWallet: { ariaLabel: "Ouvrir le portefeuille" },
+		banner: {
+			referralTitleReward: "Gagnez {REWARD} sur vos achats sur ce site",
+			referralTitle: "Vous avez été parrainé !",
+			referralDescription: "Gagnez des récompenses après votre achat via l'application partenaire Frak.",
+			referralCta: "J'ai compris",
+			inappTitle: "Ouvrez dans votre navigateur",
+			inappDescription: "Pour une meilleure expérience et pour gagner vos récompenses, ouvrez cette page dans votre navigateur par défaut.",
+			inappCta: "Ouvrir le navigateur",
+			dismissLabel: "Fermer"
+		}
+	}
+};
+//#endregion
+export { componentDefaults };

package/dist/openInApp.d.ts

@@ -1,5 +1,3 @@
-import * as _$preact from "preact";
-
 //#region src/components/OpenInAppButton/types.d.ts
 /**
  * The props type for {@link OpenInAppButton}.
@@ -8,8 +6,10 @@ import * as _$preact from "preact";
 type OpenInAppButtonProps = {
   placement?: string;
   /**
-   * Text to display on the button
-   * @defaultValue `"Open in App"`
+   * Text to display on the button.
+   *
+   * When omitted, a built-in localized default is used based on the
+   * resolved language (`"Open in App"` / `"Ouvrir dans l'app"`).
    */
   text?: string;
   /**
@@ -49,7 +49,7 @@ declare function OpenInAppButton({
   placement: placementId,
   text,
   classname
-}: OpenInAppButtonProps): _$preact.JSX.Element | null;
+}: OpenInAppButtonProps): import("preact").JSX.Element | null;
 //#endregion
 //#region src/components/OpenInAppButton/index.d.ts
 /**

package/dist/openInApp.js

@@ -1,5 +1,6 @@
-import { a as registerWebComponent, i as useClientReady, t as usePlacement } from "./usePlacement-5kbU3BKj.js";
-import { t as useLightDomStyles } from "./useLightDomStyles-C8giLInY.js";
+import { i as useLang, o as useClientReady, s as registerWebComponent, t as usePlacement } from "./usePlacement-4PoDbn2X.js";
+import { t as useLightDomStyles } from "./useLightDomStyles-DphuQhvx.js";
+import { componentDefaults } from "./i18n/defaults.js";
 import { DEEP_LINK_SCHEME, isMobile, trackEvent, triggerDeepLinkWithFallback } from "@frak-labs/core-sdk";
 import { useMemo } from "preact/hooks";
 import { jsx } from "preact/jsx-runtime";
@@ -58,12 +59,13 @@ function useIsMobile() {
 * <frak-open-in-app classname="button button-primary"></frak-open-in-app>
 * ```
 */
-function OpenInAppButton({ placement: placementId, text = "Open in App", classname = "" }) {
+function OpenInAppButton({ placement: placementId, text, classname = "" }) {
+	const lang = useLang();
 	const placement = usePlacement(placementId);
 	const { shouldRender, isHidden, isClientReady } = useClientReady();
 	const { isMobile } = useIsMobile();
 	useLightDomStyles("frak-open-in-app", placementId, placement?.components?.openInApp?.css);
-	const resolvedText = placement?.components?.openInApp?.text ?? text;
+	const resolvedText = placement?.components?.openInApp?.text ?? text ?? componentDefaults[lang].openInApp.text;
 	if (!isMobile || !shouldRender || isHidden) return null;
 	const handleClick = () => {
 		openFrakWalletApp(void 0, placementId);
@@ -75,7 +77,7 @@ function OpenInAppButton({ placement: placementId, text = "Open in App", classna
 	].filter(Boolean).join(" ");
 	return /* @__PURE__ */ jsx("button", {
 		type: "button",
-		"aria-label": "Open in Frak Wallet app",
+		"aria-label": componentDefaults[lang].openInApp.ariaLabel,
 		disabled: !isClientReady,
 		class: buttonClass,
 		onClick: handleClick,

package/dist/postPurchase.d.ts

@@ -1,5 +1,4 @@
 import { SharingPageProduct } from "@frak-labs/core-sdk";
-import * as _$preact from "preact";
 
 //#region src/components/PostPurchase/types.d.ts
 /**
@@ -142,8 +141,8 @@ declare function PostPurchase({
   preview,
   previewVariant,
   products,
-  imageUrl
-}: PostPurchaseProps): _$preact.JSX.Element | null;
+  imageUrl: propImageUrl
+}: PostPurchaseProps): import("preact").JSX.Element | null;
 //#endregion
 //#region src/components/PostPurchase/index.d.ts
 /**

package/dist/postPurchase.js

@@ -1,8 +1,9 @@
-import { a as registerWebComponent, i as useClientReady, o as sanitizeProductList, s as openSharingPage, t as usePlacement } from "./usePlacement-5kbU3BKj.js";
-import { t as useGlobalComponents } from "./useGlobalComponents-mSs9unyN.js";
-import { t as useLightDomStyles } from "./useLightDomStyles-C8giLInY.js";
-import { n as formatEstimatedReward, t as applyRewardPlaceholder } from "./formatReward-Cf2KpA3x.js";
-import { i as LogoFrakWithName, n as cssSource$2, t as GiftIcon } from "./GiftIcon-BIp9FTJs.js";
+import { c as sanitizeProductList, i as useLang, l as openSharingPage, o as useClientReady, s as registerWebComponent, t as usePlacement } from "./usePlacement-4PoDbn2X.js";
+import { t as useGlobalComponents } from "./useGlobalComponents-CZ7Sh2tZ.js";
+import { t as useLightDomStyles } from "./useLightDomStyles-DphuQhvx.js";
+import { i as y, n as T, r as b } from "./rewards-CsHE1hVo.js";
+import { componentDefaults } from "./i18n/defaults.js";
+import { i as LogoFrakWithName, n as cssSource$2, t as GiftIcon } from "./GiftIcon-WEWSJ8kV.js";
 import { trackEvent } from "@frak-labs/core-sdk";
 import { getMerchantInformation, getUserReferralStatus, trackPurchaseStatus } from "@frak-labs/core-sdk/actions";
 import { useCallback, useEffect, useMemo, useRef, useState } from "preact/hooks";
@@ -116,13 +117,19 @@ const cssSource = cssSource$1;
 * Given referral status and merchant info, compute the display variant
 * and pick the appropriate purchase reward.
 */
-function resolvePostPurchaseContext(referralStatus, merchantInfo) {
-	const purchaseReward = merchantInfo.rewards.find((r) => r.interactionTypeKey === "purchase" && (r.referrer || r.referee));
-	if (!purchaseReward) return null;
-	const variant = referralStatus?.isReferred && purchaseReward.referee ? "referee" : "referrer";
+function resolvePostPurchaseContext(referralStatus, merchantInfo, currency) {
+	const audience = referralStatus?.isReferred ? "referee" : "referrer";
+	const selected = T(merchantInfo.rewards, {
+		targetInteraction: "purchase",
+		currency,
+		audience
+	});
+	if (!selected) return null;
+	const { campaign } = selected;
+	const variant = referralStatus?.isReferred && campaign.referee ? "referee" : "referrer";
 	return {
 		variant,
-		reward: variant === "referee" ? purchaseReward.referee : purchaseReward.referrer,
+		reward: variant === "referee" ? campaign.referee : campaign.referrer,
 		merchantDomain: merchantInfo.onChainMetadata.domain
 	};
 }
@@ -154,10 +161,11 @@ function resolvePostPurchaseContext(referralStatus, merchantInfo) {
 * ></frak-post-purchase>
 * ```
 */
-function PostPurchase({ customerId, orderId, token, sharingUrl, merchantId, placement: placementId, classname = "", variant: forcedVariant, badgeText: propBadgeText, referrerText: propReferrerText, refereeText: propRefereeText, ctaText: propCtaText, preview, previewVariant, products, imageUrl }) {
+function PostPurchase({ customerId, orderId, token, sharingUrl, merchantId, placement: placementId, classname = "", variant: forcedVariant, badgeText: propBadgeText, referrerText: propReferrerText, refereeText: propRefereeText, ctaText: propCtaText, preview, previewVariant, products, imageUrl: propImageUrl }) {
 	const isPreview = !!preview;
 	const { shouldRender, isHidden, isClientReady } = useClientReady();
 	const placement = usePlacement(placementId);
+	const lang = useLang();
 	useLightDomStyles("frak-post-purchase", placementId, placement?.components?.postPurchase?.css, cssSource, cssSource$2);
 	const [context, setContext] = useState(null);
 	const [hasFetched, setHasFetched] = useState(false);
@@ -185,7 +193,7 @@ function PostPurchase({ customerId, orderId, token, sharingUrl, merchantId, plac
 		if (!client) return;
 		Promise.all([getUserReferralStatus(client), getMerchantInformation(client)]).then(([referralStatus, merchantInfo]) => {
 			setHasFetched(true);
-			setContext(resolvePostPurchaseContext(referralStatus, merchantInfo));
+			setContext(resolvePostPurchaseContext(referralStatus, merchantInfo, client.config.metadata?.currency));
 		}).catch((e) => {
 			if (e instanceof FrakRpcError && e.code === RpcErrorCodes.configError) {
 				setHasFetched(true);
@@ -204,17 +212,20 @@ function PostPurchase({ customerId, orderId, token, sharingUrl, merchantId, plac
 	const rewardText = useMemo(() => {
 		if (!context?.reward) return void 0;
 		const currency = window.FrakSetup?.client?.config?.metadata?.currency;
-		return formatEstimatedReward(context.reward, currency);
+		return y(context.reward, currency);
 	}, [context?.reward]);
 	const globalComponents = useGlobalComponents();
 	const postPurchaseConfig = placement?.components?.postPurchase ?? globalComponents?.postPurchase;
 	const resolvedBadgeText = propBadgeText ?? postPurchaseConfig?.badgeText;
+	const imageUrl = propImageUrl ?? postPurchaseConfig?.imageUrl;
 	const texts = useMemo(() => {
+		const defaults = componentDefaults[lang].postPurchase;
 		return {
-			message: resolvedVariant === "referee" ? rewardText ? applyRewardPlaceholder(propRefereeText ?? postPurchaseConfig?.refereeText ?? "You just earned {REWARD}! Share with friends to earn even more.", rewardText) : propRefereeText ?? postPurchaseConfig?.refereeNoRewardText ?? "You just earned a reward! Share with friends to earn even more." : rewardText ? applyRewardPlaceholder(propReferrerText ?? postPurchaseConfig?.referrerText ?? "Earn {REWARD} by sharing this with your friends!", rewardText) : propReferrerText ?? postPurchaseConfig?.referrerNoRewardText ?? "Share this with your friends and earn rewards!",
-			cta: rewardText ? applyRewardPlaceholder(propCtaText ?? postPurchaseConfig?.ctaText ?? "Share & earn {REWARD}", rewardText) : propCtaText ?? postPurchaseConfig?.ctaNoRewardText ?? "Share & earn"
+			message: resolvedVariant === "referee" ? rewardText ? b(propRefereeText ?? postPurchaseConfig?.refereeText ?? defaults.refereeText, rewardText) : propRefereeText ?? postPurchaseConfig?.refereeNoRewardText ?? defaults.refereeNoRewardText : rewardText ? b(propReferrerText ?? postPurchaseConfig?.referrerText ?? defaults.referrerText, rewardText) : propReferrerText ?? postPurchaseConfig?.referrerNoRewardText ?? defaults.referrerNoRewardText,
+			cta: rewardText ? b(propCtaText ?? postPurchaseConfig?.ctaText ?? defaults.ctaText, rewardText) : propCtaText ?? postPurchaseConfig?.ctaNoRewardText ?? defaults.ctaNoRewardText
 		};
 	}, [
+		lang,
 		resolvedVariant,
 		rewardText,
 		postPurchaseConfig,
@@ -225,7 +236,8 @@ function PostPurchase({ customerId, orderId, token, sharingUrl, merchantId, plac
 	useEffect(() => {
 		if (!resolvedVariant) return;
 		if (trackedImpressionVariantRef.current === resolvedVariant) return;
-		if (!isPreview && (!shouldRender || isHidden || !isClientReady)) return;
+		if (!isClientReady) return;
+		if (!isPreview && (!shouldRender || isHidden)) return;
 		trackEvent(window.FrakSetup?.client, "post_purchase_impression", {
 			placement: placementId,
 			variant: resolvedVariant,

package/dist/rewards-CsHE1hVo.js

@@ -0,0 +1,145 @@
+//#region ../core/dist/getCurrencyAmountKey-DQcwjJiB.js
+const e = {
+	eur: `fr-FR`,
+	usd: `en-US`,
+	gbp: `en-GB`
+};
+function t(t) {
+	return t && t in e ? t : `eur`;
+}
+function n(t) {
+	return t ? e[t] ?? e.eur : e.eur;
+}
+function r$1(e, r) {
+	let i = n(r), a = t(r);
+	return e.toLocaleString(i, {
+		style: `currency`,
+		currency: a,
+		minimumFractionDigits: 0,
+		maximumFractionDigits: 2
+	});
+}
+function i$1(e) {
+	return e ? `${e}Amount` : `eurAmount`;
+}
+//#endregion
+//#region ../core/dist/rewards.js
+function r(e) {
+	return Array.isArray(e) ? e : e.conditions;
+}
+function i(e) {
+	if (typeof e == `number`) return e;
+	if (typeof e == `string` && e.trim() !== ``) {
+		let t = Number(e);
+		return Number.isFinite(t) ? t : void 0;
+	}
+}
+function a(e, t, n) {
+	let o = [];
+	for (let s of r(e)) {
+		if (`logic` in s) {
+			o.push(...a(s, t, n));
+			continue;
+		}
+		if (s.field === t && n.has(s.operator)) {
+			let e = i(s.value);
+			e != null && o.push(e);
+		}
+	}
+	return o;
+}
+const o = new Set([
+	`gt`,
+	`gte`,
+	`between`
+]), s = new Set([`gt`, `gte`]);
+function c(e) {
+	let t = a(e, `purchase.amount`, o);
+	return t.length > 0 ? Math.min(...t) : void 0;
+}
+function l(e) {
+	let t = a(e, `time.timestamp`, s);
+	if (t.length !== 0) return /* @__PURE__ */ new Date(Math.min(...t) * 1e3);
+}
+function h(e, t) {
+	switch (e.payoutType) {
+		case `fixed`: return e.amount[t];
+		case `percentage`: return e.maxAmount?.[t] ?? 0;
+		case `tiered`: return e.tiers.reduce((e, n) => `amount` in n ? Math.max(e, n.amount[t]) : e, 0);
+	}
+}
+function g(e) {
+	return e.payoutType === `percentage` ? e.percent : e.payoutType === `tiered` ? e.tiers.reduce((e, t) => `percent` in t ? Math.max(e, t.percent) : e, 0) : 0;
+}
+function _(e, t) {
+	let n = h(e, t);
+	return n > 0 ? n : g(e) * 1e-6;
+}
+function v(r, i) {
+	let a = t(i), o = i$1(a);
+	switch (r.payoutType) {
+		case `fixed`: return r$1(Math.round(r.amount[o]), a);
+		case `percentage`: return `${r.percent} %`;
+		case `tiered`: {
+			let t = h(r, o);
+			if (t > 0) return r$1(Math.round(t), a);
+			let n = g(r);
+			return n > 0 ? `${n} %` : r$1(0, a);
+		}
+	}
+}
+function y(e, r) {
+	if (e && !(_(e, i$1(t(r))) <= 0)) return v(e, r);
+}
+function b(e, t) {
+	return t ? e.replace(`{REWARD}`, t) : e.replace(`{REWARD}`, ``);
+}
+function x(e, t) {
+	return e.expiresAt != null && new Date(e.expiresAt).getTime() <= t;
+}
+function S(e, t) {
+	let n = l(e.conditions);
+	return n == null || n.getTime() <= t;
+}
+function C(e, t) {
+	return t === `referee` ? e.referee : e.referrer;
+}
+function w(e, t, n) {
+	let r = C(e, n);
+	return r ? _(r, t) : 0;
+}
+function T(e, r = {}) {
+	let i = (r.now ?? /* @__PURE__ */ new Date()).getTime(), a = r.audience ?? `referrer`, o = i$1(t(r.currency)), s = (r.targetInteraction ? e.filter((e) => e.interactionTypeKey === r.targetInteraction) : e).filter((e) => !x(e, i)), c = s.filter((e) => S(e, i));
+	if (c.length > 0) return {
+		campaign: c.reduce((e, t) => w(t, o, a) > w(e, o, a) ? t : e),
+		status: `live`
+	};
+	let u = s.map((e) => ({
+		campaign: e,
+		startsAt: l(e.conditions)
+	})).filter((e) => e.startsAt != null);
+	if (u.length === 0) return;
+	let d = u.reduce((e, t) => t.startsAt.getTime() < e.startsAt.getTime() ? t : e);
+	return {
+		campaign: d.campaign,
+		status: `upcoming`,
+		startsAt: d.startsAt
+	};
+}
+function E(t, n = {}) {
+	let r = T(t, n);
+	if (!r) return;
+	let i = C(r.campaign, n.audience ?? `referrer`);
+	if (!i) return;
+	let a = y(i, n.currency);
+	if (!a) return;
+	let o = c(r.campaign.conditions), s = o == null ? void 0 : r$1(o, n.currency), l = r.campaign.defaultLockupSeconds, u = l && l > 0 ? Math.round(l / 86400) : void 0;
+	return {
+		formatted: a,
+		payoutType: i.payoutType,
+		minPurchaseAmount: s,
+		lockupDurationDays: u
+	};
+}
+//#endregion
+export { y as i, T as n, b as r, E as t };

package/dist/useGlobalComponents-CZ7Sh2tZ.js

@@ -0,0 +1,17 @@
+import { a as subscribeSdkConfig } from "./usePlacement-4PoDbn2X.js";
+import { sdkConfigStore } from "@frak-labs/core-sdk";
+import { useSyncExternalStore } from "preact/compat";
+//#region src/hooks/useGlobalComponents.ts
+/**
+* Subscribe to the global component defaults from the SDK config store.
+* These serve as fallbacks when no placement-level override exists.
+*
+* Backed by `useSyncExternalStore`: the snapshot is the stored `components`
+* object reference (stable between `frak:config` dispatches), so the component
+* only re-renders when the global components actually change.
+*/
+function useGlobalComponents() {
+	return useSyncExternalStore(subscribeSdkConfig, () => sdkConfigStore.getConfig().components);
+}
+//#endregion
+export { useGlobalComponents as t };

package/dist/{useLightDomStyles-C8giLInY.js → useLightDomStyles-DphuQhvx.js}

@@ -1,4 +1,4 @@
-import { r as lightDomBaseCss } from "./usePlacement-5kbU3BKj.js";
+import { r as lightDomBaseCss } from "./usePlacement-4PoDbn2X.js";
 import { useEffect } from "preact/hooks";
 //#region src/styles/styleManager.ts
 function ensureStyle(id, css) {