@frak-labs/components 1.0.12 → 1.0.13-beta.349e6102

package/dist/banner.js

@@ -1,16 +1,32 @@
-import { i as useLang, 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 { r as b } from "./rewards-VoZGH2Ko.js";
-import { t as useReward } from "./useReward-BGgymGoH.js";
+import { i as useLang, o as useClientReady, s as registerWebComponent, t as usePlacement } from "./usePlacement-NZOjZ6IR.js";
+import { t as useGlobalComponents } from "./useGlobalComponents-Da9LDlRy.js";
+import { t as useLightDomStyles } from "./useLightDomStyles-DRkTVy4s.js";
+import { r as b } from "./rewards-BtPHdGcI.js";
+import { t as useReward } from "./useReward-B-yZ7nhY.js";
 import { componentDefaults } from "./i18n/defaults.js";
-import { a as ExternalLinkIcon, i as LogoFrakWithName, n as cssSource$5, o as CloseCircleIcon, r as WarningIcon, t as GiftIcon } from "./GiftIcon-BEzYdiux.js";
+import { a as ExternalLinkIcon, i as LogoFrakWithName, n as cssSource$5, o as CloseCircleIcon, r as WarningIcon, t as GiftIcon } from "./GiftIcon-BhL0bhVu.js";
 import { isInAppBrowser, redirectToExternalBrowser, trackEvent } from "@frak-labs/core-sdk";
 import { REFERRAL_SUCCESS_EVENT, getMergeToken } from "@frak-labs/core-sdk/actions";
 import { useCallback, useEffect, useMemo, useRef, useState } from "preact/hooks";
 import { jsx, jsxs } from "preact/jsx-runtime";
 //#region \0ve-inline:../../packages/design-system/src/keyframes.css.ts.vanilla.js
 const cssSource$4 = `@keyframes keyframes_fadeIn__mnqmlt0 {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes keyframes_fadeOut__mnqmlt1 {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+@keyframes keyframes_fadeInDown__mnqmlt2 {
   from {
     opacity: 0;
     transform: translateY(-4px);
@@ -38,7 +54,7 @@ const cssSource$3 = `.inAppBanner_container__1ibpiy70 {
   backdrop-filter: blur(12px);
   -webkit-backdrop-filter: blur(12px);
   color: var(--text-onAction__pbq4ak6);
-  animation: keyframes_fadeIn__mnqmlt0 300ms ease-out;
+  animation: keyframes_fadeInDown__mnqmlt2 300ms ease-out;
 }
 .inAppBanner_header__1ibpiy71 {
   display: flex;
@@ -175,7 +191,7 @@ function InAppBanner({ title: title$1, description: description$1, cta: cta$1, d
 const cssSource$1 = `.Banner_rootBase__1gnumzi0 {
   position: relative;
   display: flex;
-  animation: keyframes_fadeIn__mnqmlt0 300ms ease-out;
+  animation: keyframes_fadeInDown__mnqmlt2 300ms ease-out;
 }
 .Banner_iconSvg__1gnumzi1 {
   width: 100%;

package/dist/buttonShare.d.ts

@@ -1,5 +1,4 @@
 import { InteractionTypeKey } from "@frak-labs/core-sdk";
-
 //#region src/components/ButtonShare/types.d.ts
 /**
  * The props type for {@link ButtonShare}.
@@ -17,7 +16,8 @@ type ButtonShareProps = {
    * stripped if no fallback is provided).
    *
    * When omitted, a built-in localized default is used based on the
-   * resolved language (`"Share and earn!"` / `"Partagez et gagnez !"`).
+   * resolved language (`"Share & earn {REWARD}!"` / `"Partagez et gagnez
+   * {REWARD} !"`) — mirroring the dashboard's first wording preset.
    */
   text?: string;
   /**
@@ -97,15 +97,7 @@ type ButtonShareProps = {
  * @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
  */
-declare function ButtonShare({
-  placement: placementId,
-  text,
-  classname,
-  noRewardText,
-  targetInteraction,
-  clickAction: rawClickAction,
-  preview
-}: ButtonShareProps): import("preact").JSX.Element | null;
+declare function ButtonShare({ placement: placementId, text, classname, noRewardText, targetInteraction, clickAction: rawClickAction, preview }: ButtonShareProps): import("preact").JSX.Element | null;
 //#endregion
 //#region src/components/ButtonShare/index.d.ts
 /**

package/dist/buttonShare.js

@@ -1,9 +1,9 @@
-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-CZ7Sh2tZ.js";
-import { t as useLightDomStyles } from "./useLightDomStyles-DphuQhvx.js";
-import { r as b } from "./rewards-VoZGH2Ko.js";
-import { t as useReward } from "./useReward-BGgymGoH.js";
+import { i as useLang, l as openSharingPage, o as useClientReady, s as registerWebComponent, t as usePlacement } from "./usePlacement-NZOjZ6IR.js";
+import { t as openEmbeddedWallet } from "./embeddedWallet-CxgyuwtP.js";
+import { t as useGlobalComponents } from "./useGlobalComponents-Da9LDlRy.js";
+import { t as useLightDomStyles } from "./useLightDomStyles-DRkTVy4s.js";
+import { r as b } from "./rewards-BtPHdGcI.js";
+import { t as useReward } from "./useReward-B-yZ7nhY.js";
 import { componentDefaults } from "./i18n/defaults.js";
 import { trackEvent } from "@frak-labs/core-sdk";
 import { useCallback, useMemo } from "preact/hooks";

package/dist/buttonWallet.d.ts

@@ -1,5 +1,4 @@
 import { InteractionTypeKey } from "@frak-labs/core-sdk";
-
 //#region src/components/ButtonWallet/types.d.ts
 /**
  * The props type for {@link ButtonWallet}.
@@ -64,12 +63,7 @@ type ButtonWalletProps = {
  * @see {@link @frak-labs/core-sdk!actions.modalBuilder | `modalBuilder()`} for more info about the modal display
  * @see {@link @frak-labs/core-sdk!actions.getMerchantInformation | `getMerchantInformation()`} for more info about the estimated reward fetching
  */
-declare function ButtonWallet({
-  placement: placementId,
-  classname,
-  useReward: rawUseReward,
-  targetInteraction
-}: ButtonWalletProps): import("preact").JSX.Element | null;
+declare function ButtonWallet({ placement: placementId, classname, useReward: rawUseReward, targetInteraction }: ButtonWalletProps): import("preact").JSX.Element | null;
 //#endregion
 //#region src/components/ButtonWallet/index.d.ts
 /**

package/dist/buttonWallet.js

@@ -1,6 +1,6 @@
-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-BGgymGoH.js";
+import { i as useLang, n as buildStyleContent, o as useClientReady, s as registerWebComponent, t as usePlacement } from "./usePlacement-NZOjZ6IR.js";
+import { t as openEmbeddedWallet } from "./embeddedWallet-CxgyuwtP.js";
+import { t as useReward } from "./useReward-B-yZ7nhY.js";
 import { componentDefaults } from "./i18n/defaults.js";
 import { useEffect, useMemo, useState } from "preact/hooks";
 import { Fragment, jsx, jsxs } from "preact/jsx-runtime";

package/dist/i18n/defaults.d.ts

@@ -1,5 +1,4 @@
 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
@@ -26,7 +25,9 @@ type ComponentCopy = {
     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. */
+    /** 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;

package/dist/i18n/defaults.js

@@ -14,7 +14,7 @@
 */
 const componentDefaults = {
 	en: {
-		buttonShare: { text: "Share and earn!" },
+		buttonShare: { text: "Share & earn {REWARD}!" },
 		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.",
@@ -29,7 +29,7 @@ const componentDefaults = {
 		},
 		buttonWallet: { ariaLabel: "Open wallet" },
 		banner: {
-			referralTitleReward: "Earn {REWARD} on purchases on this site",
+			referralTitleReward: "Earn {REWARD} on purchases",
 			referralTitle: "You've been referred!",
 			referralDescription: "Earn rewards after your purchase via the Frak partner app.",
 			referralCta: "Got it",
@@ -40,7 +40,7 @@ const componentDefaults = {
 		}
 	},
 	fr: {
-		buttonShare: { text: "Partagez et gagnez !" },
+		buttonShare: { text: "Partagez et gagnez {REWARD} !" },
 		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.",
@@ -53,9 +53,9 @@ const componentDefaults = {
 			text: "Ouvrir dans l'app",
 			ariaLabel: "Ouvrir dans l'app Frak Wallet"
 		},
-		buttonWallet: { ariaLabel: "Ouvrir le portefeuille" },
+		buttonWallet: { ariaLabel: "Ouvrir le porte-monnaie" },
 		banner: {
-			referralTitleReward: "Gagnez {REWARD} sur vos achats sur ce site",
+			referralTitleReward: "Gagnez {REWARD} sur vos achats",
 			referralTitle: "Vous avez été parrainé !",
 			referralDescription: "Gagnez des récompenses après votre achat via l'application partenaire Frak.",
 			referralCta: "J'ai compris",

package/dist/openInApp.d.ts

@@ -45,11 +45,7 @@ type OpenInAppButtonProps = {
  * <frak-open-in-app classname="button button-primary"></frak-open-in-app>
  * ```
  */
-declare function OpenInAppButton({
-  placement: placementId,
-  text,
-  classname
-}: OpenInAppButtonProps): import("preact").JSX.Element | null;
+declare function OpenInAppButton({ placement: placementId, text, classname }: OpenInAppButtonProps): import("preact").JSX.Element | null;
 //#endregion
 //#region src/components/OpenInAppButton/index.d.ts
 /**

package/dist/openInApp.js

@@ -1,5 +1,5 @@
-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 { i as useLang, o as useClientReady, s as registerWebComponent, t as usePlacement } from "./usePlacement-NZOjZ6IR.js";
+import { t as useLightDomStyles } from "./useLightDomStyles-DRkTVy4s.js";
 import { componentDefaults } from "./i18n/defaults.js";
 import { DEEP_LINK_SCHEME, isMobile, trackEvent, triggerDeepLinkWithFallback } from "@frak-labs/core-sdk";
 import { useMemo } from "preact/hooks";

package/dist/postPurchase.d.ts

@@ -1,5 +1,4 @@
 import { SharingPageProduct } from "@frak-labs/core-sdk";
-
 //#region src/components/PostPurchase/types.d.ts
 /**
  * Props for the {@link PostPurchase} component.
@@ -125,24 +124,7 @@ type PostPurchaseProps = {
  * ></frak-post-purchase>
  * ```
  */
-declare 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
-}: PostPurchaseProps): import("preact").JSX.Element | null;
+declare 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 }: PostPurchaseProps): import("preact").JSX.Element | null;
 //#endregion
 //#region src/components/PostPurchase/index.d.ts
 /**

package/dist/postPurchase.js

@@ -1,9 +1,9 @@
-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-VoZGH2Ko.js";
+import { c as sanitizeProductList, i as useLang, l as openSharingPage, o as useClientReady, s as registerWebComponent, t as usePlacement } from "./usePlacement-NZOjZ6IR.js";
+import { t as useGlobalComponents } from "./useGlobalComponents-Da9LDlRy.js";
+import { t as useLightDomStyles } from "./useLightDomStyles-DRkTVy4s.js";
+import { i as y, n as T, r as b } from "./rewards-BtPHdGcI.js";
 import { componentDefaults } from "./i18n/defaults.js";
-import { i as LogoFrakWithName, n as cssSource$2, t as GiftIcon } from "./GiftIcon-BEzYdiux.js";
+import { i as LogoFrakWithName, n as cssSource$2, t as GiftIcon } from "./GiftIcon-BhL0bhVu.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";

package/dist/{rewards-VoZGH2Ko.js → rewards-BtPHdGcI.js}

@@ -1,4 +1,4 @@
-//#region ../core/dist/getCurrencyAmountKey-DQcwjJiB.js
+//#region ../core/dist/getCurrencyAmountKey-C-1W-BRg.js
 const e = {
 	eur: `fr-FR`,
 	usd: `en-US`,
@@ -48,11 +48,12 @@ function a(e, t, n) {
 	}
 	return o;
 }
-const o = new Set([
+const o = /* @__PURE__ */ new Set([
 	`gt`,
 	`gte`,
 	`between`
-]), s = new Set([`gt`, `gte`]);
+]);
+const s = /* @__PURE__ */ new Set([`gt`, `gte`]);
 function c(e) {
 	let t = a(e, `purchase.amount`, o);
 	return t.length > 0 ? Math.min(...t) : void 0;

package/dist/{useGlobalComponents-CZ7Sh2tZ.js → useGlobalComponents-Da9LDlRy.js}

@@ -1,4 +1,4 @@
-import { a as subscribeSdkConfig } from "./usePlacement-4PoDbn2X.js";
+import { a as subscribeSdkConfig } from "./usePlacement-NZOjZ6IR.js";
 import { sdkConfigStore } from "@frak-labs/core-sdk";
 import { useSyncExternalStore } from "preact/compat";
 //#region src/hooks/useGlobalComponents.ts

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

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

package/dist/{usePlacement-4PoDbn2X.js → usePlacement-NZOjZ6IR.js}

@@ -1,6 +1,6 @@
 import register from "preact-custom-element";
 import * as coreSdkIndex from "@frak-labs/core-sdk";
-import { decompressJsonFromB64, deleteQueryParamCaseInsensitive, getQueryParamCaseInsensitive, sdkConfigStore, setupClient, trackEvent, withCache } from "@frak-labs/core-sdk";
+import { decompressJsonFromB64, deleteQueryParamCaseInsensitive, detectPageLanguage, getQueryParamCaseInsensitive, sdkConfigStore, setupClient, trackEvent, withCache } from "@frak-labs/core-sdk";
 import * as coreSdkActions from "@frak-labs/core-sdk/actions";
 import { displaySharingPage } from "@frak-labs/core-sdk/actions";
 import { useCallback, useEffect, useState } from "preact/hooks";
@@ -365,24 +365,16 @@ function subscribeSdkConfig(onStoreChange) {
 //#endregion
 //#region src/hooks/useLang.ts
 /**
-* Detect a supported language from the browser, defaulting to English.
-* Only `en` / `fr` are recognised — anything else falls back to `en`.
-*/
-function detectBrowserLang() {
-	if (typeof navigator === "undefined") return "en";
-	return navigator.language?.split("-")[0] === "fr" ? "fr" : "en";
-}
-/**
 * Resolve the active display language for the Web Components.
 *
 * Precedence: resolved SDK/backend config `lang` (driven by `metadata.lang`
-* or the backend `/resolve` response) → browser language → `en`. Backed by
-* `useSyncExternalStore` with a bare-string snapshot, so a `frak:config`
-* dispatch only re-renders the component when the resolved language actually
-* changes (see `@/i18n/defaults`).
+* or the backend `/resolve` response) → page `<html lang>` → browser
+* language → `en`. Backed by `useSyncExternalStore` with a bare-string
+* snapshot, so a `frak:config` dispatch only re-renders the component when
+* the resolved language actually changes (see `@/i18n/defaults`).
 */
 function useLang() {
-	return useSyncExternalStore(subscribeSdkConfig, () => sdkConfigStore.getConfig().lang ?? detectBrowserLang());
+	return useSyncExternalStore(subscribeSdkConfig, () => sdkConfigStore.getConfig().lang ?? detectPageLanguage() ?? "en");
 }
 //#endregion
 //#region src/styles/sharedCss.ts

package/dist/{useReward-BGgymGoH.js → useReward-B-yZ7nhY.js}

@@ -1,4 +1,4 @@
-import { t as E } from "./rewards-VoZGH2Ko.js";
+import { t as E } from "./rewards-BtPHdGcI.js";
 import { getMerchantInformation } from "@frak-labs/core-sdk/actions";
 import { useEffect, useState } from "preact/hooks";
 //#region src/hooks/useReward.ts

package/package.json

@@ -11,7 +11,7 @@
       "url": "https://twitter.com/QNivelais"
     }
   ],
-  "version": "1.0.12",
+  "version": "1.0.13-beta.349e6102",
   "description": "Frak Wallet components, helping any person to interact with the Frak wallet.",
   "repository": {
     "url": "https://github.com/frak-id/wallet",
@@ -84,7 +84,7 @@
     "clean": "rimraf cdn dist",
     "build": "tsdown",
     "build:watch": "tsdown --watch",
-    "typecheck": "tsgo --noEmit",
+    "typecheck": "tsc --noEmit",
     "test": "vitest",
     "test:ui": "vitest --ui",
     "test:coverage": "vitest --coverage",
@@ -92,31 +92,32 @@
     "publish": "echo 'Publishing components...'"
   },
   "dependencies": {
-    "@frak-labs/core-sdk": "1.2.0",
-    "@frak-labs/frame-connector": "0.2.0",
-    "preact": "^10.29.0",
-    "preact-custom-element": "^4.6.0",
-    "@frak-labs/design-system": "0.0.0"
+    "@frak-labs/core-sdk": "1.2.1-beta.349e6102",
+    "@frak-labs/design-system": "0.0.0",
+    "@frak-labs/frame-connector": "0.2.0-beta.349e6102",
+    "preact": "^10.29.7",
+    "preact-custom-element": "^4.6.0"
   },
   "devDependencies": {
     "@frak-labs/test-foundation": "0.1.0",
-    "@preact/preset-vite": "^2.10.4",
+    "@preact/preset-vite": "^2.10.6",
     "@rolldown/plugin-node-polyfills": "^1.0.3",
-    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/jest-dom": "^7.0.0",
     "@testing-library/preact": "^3.2.4",
     "@testing-library/user-event": "^14.6.1",
-    "@types/jsdom": "^28.0.0",
-    "@types/node": "^25.6.0",
+    "@types/jsdom": "^28.0.3",
+    "@types/node": "^25.9.5",
     "@types/preact-custom-element": "^4.0.4",
-    "@vanilla-extract/css": "^1.20.1",
+    "@typescript/native": "npm:typescript@^7.0.2",
+    "@vanilla-extract/css": "^1.21.2",
     "@vanilla-extract/integration": "^8.0.10",
-    "@vanilla-extract/vite-plugin": "^5.2.1",
-    "@vanilla-extract/sprinkles": "^1.6.5",
-    "@vitest/coverage-v8": "^4.1.0",
-    "@vitest/ui": "^4.1.0",
-    "jsdom": "^29.0.0",
-    "tsdown": "^0.22.0",
-    "typescript": "^6.0.2",
-    "vitest": "^4.1.4"
+    "@vanilla-extract/sprinkles": "^1.7.0",
+    "@vanilla-extract/vite-plugin": "^5.2.6",
+    "@vitest/coverage-v8": "^4.1.10",
+    "@vitest/ui": "^4.1.10",
+    "jsdom": "^29.1.1",
+    "tsdown": "^0.22.14",
+    "typescript": "^6.0.3",
+    "vitest": "^4.1.10"
   }
 }

package/cdn/Banner.CgCiMrqn.js

@@ -1,167 +0,0 @@
-import{T as e,b as t,f as n,h as r,s as i,u as a}from"./loader.js";import{a as o,d as s,f as c,h as l,l as u,m as d,n as ee,p as f,s as te,t as p,u as m}from"./defaults.kWEdCyGS.js";import{a as h,i as g,n as _,r as v,t as y}from"./GiftIcon.DT1i36Fm.js";import{t as b}from"./useGlobalComponents.BC6Jgzg5.js";import{t as ne}from"./useLightDomStyles.imPXuAtf.js";import{r as x}from"./rewards.CIu9qbmI.js";import{t as re}from"./useReward.BAmvPaVu.js";const S=`@keyframes keyframes_fadeIn__mnqmlt0 {
-  from {
-    opacity: 0;
-    transform: translateY(-4px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}`,C=`.inAppBanner_container__1ibpiy70 {
-  position: fixed;
-  top: max(8px, env(safe-area-inset-top));
-  left: 16px;
-  right: 16px;
-  z-index: 1000;
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  padding: 12px 16px;
-  padding-right: 32px;
-  border-radius: 12px;
-  background-color: #000000cc;
-  backdrop-filter: blur(12px);
-  -webkit-backdrop-filter: blur(12px);
-  color: var(--text-onAction__pbq4ak6);
-  animation: keyframes_fadeIn__mnqmlt0 300ms ease-out;
-}
-.inAppBanner_header__1ibpiy71 {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-.inAppBanner_iconWrapper__1ibpiy72 {
-  flex-shrink: 0;
-  width: 20px;
-  height: 20px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--text-onAction__pbq4ak6);
-}
-.inAppBanner_title__1ibpiy73 {
-  margin: 0;
-  padding: 0;
-  font-size: 16px;
-  font-weight: 500;
-  line-height: 26px;
-  color: var(--text-onAction__pbq4ak6);
-}
-.inAppBanner_body__1ibpiy74 {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: baseline;
-  gap: 0 4px;
-}
-.inAppBanner_description__1ibpiy75 {
-  margin: 0;
-  padding: 0;
-  font-size: 14px;
-  color: var(--text-onAction__pbq4ak6);
-  line-height: 22px;
-  opacity: 0.96;
-}
-.inAppBanner_cta__1ibpiy76 {
-  all: unset;
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  color: #2bb2ff;
-  font-size: 14px;
-  font-weight: 600;
-  text-decoration: underline;
-  text-underline-offset: 2px;
-  cursor: pointer;
-}
-.inAppBanner_cta__1ibpiy76:focus-visible {
-  outline: 2px solid #2bb2ff;
-  outline-offset: 2px;
-  border-radius: 4px;
-}
-.inAppBanner_closeButton__1ibpiy77 {
-  all: unset;
-  position: absolute;
-  top: 8px;
-  right: 8px;
-  width: 28px;
-  height: 28px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 9999px;
-  color: #ffffff99;
-  cursor: pointer;
-}
-.inAppBanner_closeButton__1ibpiy77:focus-visible {
-  outline: 2px solid var(--text-onAction__pbq4ak6);
-  outline-offset: 2px;
-}`;var w=`inAppBanner_body__1ibpiy74`,T=`inAppBanner_closeButton__1ibpiy77`,E=`inAppBanner_container__1ibpiy70`,D=`inAppBanner_cta__1ibpiy76`,O=`inAppBanner_description__1ibpiy75`,k=`inAppBanner_header__1ibpiy71`,A=`inAppBanner_iconWrapper__1ibpiy72`,j=`inAppBanner_title__1ibpiy73`;S+C;function M({title:e,description:t,cta:n,dismissLabel:r,onAction:i,onDismiss:a,className:o,classNames:s}){return d(`div`,{className:`${E}${o?` ${o}`:``}`,role:`alert`,children:[d(`div`,{className:k,children:[d(`span`,{className:`${A}${s?.icon?` ${s.icon}`:``}`,children:d(_,{width:20,height:20})}),d(`p`,{className:`${j}${s?.title?` ${s.title}`:``}`,children:e})]}),d(`div`,{className:w,children:[d(`p`,{className:`${O}${s?.description?` ${s.description}`:``}`,children:t}),d(`button`,{type:`button`,className:`${D}${s?.cta?` ${s.cta}`:``}`,onClick:i,children:[n,d(g,{width:14,height:14})]})]}),d(`button`,{type:`button`,className:`${T}${s?.close?` ${s.close}`:``}`,onClick:a,"aria-label":r,children:d(h,{width:16,height:16})})]})}var ie=`Banner_frakLogo__1gnumzi9`,ae=`Banner_iconSvg__1gnumzi1`,oe=`Banner_referral__1gnumzi2 reset_base__1831jhd0 Banner_rootBase__1gnumzi0`,se=`Banner_referralBody__1gnumzi5`,ce=`Banner_referralCta__1gnumzi8 sharedBaseCss_buttonReset__7cswil0`,le=`Banner_referralDescription__1gnumzi7 reset_base__1831jhd0`,ue=`Banner_referralIconWrapper__1gnumzi3`,N=`Banner_referralImage__1gnumzi4`,P=`Banner_referralTitle__1gnumzi6 reset_base__1831jhd0`;const F=S+C+`.Banner_rootBase__1gnumzi0 {
-  position: relative;
-  display: flex;
-  animation: keyframes_fadeIn__mnqmlt0 300ms ease-out;
-}
-.Banner_iconSvg__1gnumzi1 {
-  width: 100%;
-  height: 100%;
-}
-.Banner_referral__1gnumzi2 {
-  flex-direction: row;
-  align-items: center;
-  gap: 16px;
-  padding: 16px;
-  background-color: #ffffff;
-  color: var(--text-primary__pbq4ak0);
-  border: 1px solid var(--border-default__pbq4akv);
-  border-radius: 12px;
-}
-.Banner_referralIconWrapper__1gnumzi3 {
-  flex-shrink: 0;
-  align-self: flex-start;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 40px;
-  height: 40px;
-  overflow: hidden;
-}
-.Banner_referralImage__1gnumzi4 {
-  max-width: 100%;
-  max-height: 100%;
-  width: auto;
-  height: auto;
-  object-fit: contain;
-  display: block;
-}
-.Banner_referralBody__1gnumzi5 {
-  flex: 1;
-  min-width: 0;
-}
-.Banner_referralTitle__1gnumzi6 {
-  font-size: 16px;
-  font-weight: 600;
-  color: var(--text-primary__pbq4ak0);
-  line-height: 22px;
-}
-.Banner_referralDescription__1gnumzi7 {
-  margin-bottom: 8px;
-  font-size: 14px;
-  color: #979797;
-  line-height: 22px;
-}
-.Banner_referralCta__1gnumzi8 {
-  display: inline-block;
-  padding: 8px 16px;
-  border: 1px solid #000000;
-  border-radius: 9999px;
-  color: var(--text-primary__pbq4ak0);
-  font-size: 10px;
-  font-weight: 700;
-  line-height: 12px;
-  text-transform: uppercase;
-}
-.Banner_frakLogo__1gnumzi9 {
-  position: absolute;
-  right: 16px;
-  bottom: 12px;
-  pointer-events: none;
-}`;function I({placement:l,classname:h=``,interaction:g,referralTitle:_,referralDescription:S,referralCta:C,inappTitle:w,inappDescription:T,inappCta:E,imageUrl:D,preview:O,previewMode:k,allowInappRedirect:A}){let j=!!O,I=o(),L=k===`inapp`?`inapp`:`referral`,R=A===!0||A===`true`,z=ee(l),{shouldRender:B,isHidden:V,isClientReady:H}=te();ne(`frak-banner`,l,z?.components?.banner?.css,F,e);let[U,W]=s(!1),[G,K]=s(()=>j?L:R&&r?`inapp`:null),q=u(null);f(()=>{j&&K(L)},[j,L]);let{reward:J}=re(G===`referral`&&H,g,`referee`),[Y,de]=s(null);f(()=>{let e=window.FrakSetup?.client;G!==`inapp`||j||!H||!e||i(e).then(e=>de(e)).catch(()=>{})},[G,j,H]),f(()=>{j||!G||U||q.current!==G&&H&&(t(window.FrakSetup?.client,`banner_impression`,{placement:l,variant:G,has_reward:G===`referral`?!!J:void 0}),q.current=G)},[G,U,H,j,l]),f(()=>{if(j||G===`inapp`)return;let e=()=>K(`referral`);return window.addEventListener(a,e),()=>window.removeEventListener(a,e)},[j,G]);let X=c(async()=>{if(j)return;if(t(window.FrakSetup?.client,`banner_resolved`,{placement:l,variant:G??`referral`,outcome:`clicked`}),G===`referral`){W(!0);return}let e=Y;if(!e&&window.FrakSetup?.client)try{e=await i(window.FrakSetup?.client)}catch{}let r=window.location.href;if(e){let t=new URL(r);t.searchParams.set(`fmt`,e),r=t.toString()}n(r)},[j,G,Y,l]),fe=c(()=>{j||(t(window.FrakSetup?.client,`banner_resolved`,{placement:l,variant:G??`referral`,outcome:`dismissed`}),W(!0))},[j,G,l]),pe=b(),Z=z?.components?.banner??pe?.banner,Q=D??Z?.imageUrl,$=m(()=>{let e=p[I].banner;if(G===`referral`){let t=J?e.referralTitleReward:e.referralTitle;return{title:x(_??Z?.referralTitle??t,J),description:x(S??Z?.referralDescription??e.referralDescription,J),cta:C??Z?.referralCta??e.referralCta}}return{title:x(w??Z?.inappTitle??e.inappTitle,void 0),description:x(T??Z?.inappDescription??e.inappDescription,void 0),cta:E??Z?.inappCta??e.inappCta}},[I,G,J,Z,_,S,C,w,T,E]);if(!G||!j&&(!B||V||U))return null;let me=[oe,`frak-banner`,`frak-banner--${G}`,h].filter(Boolean).join(` `);return G===`inapp`?d(M,{title:$.title,description:$.description,cta:$.cta,dismissLabel:p[I].banner.dismissLabel,onAction:X,onDismiss:fe,className:[`frak-banner`,`frak-banner--inapp`,h].filter(Boolean).join(` `),classNames:{icon:`frak-banner__icon`,title:`frak-banner__title`,description:`frak-banner__description`,cta:`frak-banner__cta`,close:`frak-banner__close`}}):d(`div`,{class:me,role:`alert`,children:[d(`div`,{class:`${ue} frak-banner__icon`,children:Q?d(`img`,{src:Q,alt:``,class:N}):d(y,{class:ae})}),d(`div`,{class:`${se} frak-banner__text`,children:[d(`p`,{class:`${P} frak-banner__title`,children:$.title}),d(`p`,{class:`${le} frak-banner__description`,children:$.description}),d(`button`,{type:`button`,class:`${ce} frak-banner__cta`,onClick:X,children:$.cta})]}),d(v,{class:`${ie} frak-banner__logo`,width:42,height:24})]})}l(I,`frak-banner`,[`placement`,`classname`,`interaction`,`referralTitle`,`referralDescription`,`referralCta`,`inappTitle`,`inappDescription`,`inappCta`,`preview`,`previewMode`,`imageUrl`,`allowInappRedirect`],{shadow:!1});export{I as Banner};

package/cdn/ButtonShare.BiOpzkRY.js

@@ -1 +0,0 @@
-import{b as e,i as t}from"./loader.js";import{a as n,f as r,h as i,m as a,n as o,s,t as c,u as l}from"./defaults.kWEdCyGS.js";import{t as u}from"./useGlobalComponents.BC6Jgzg5.js";import{t as d}from"./useLightDomStyles.imPXuAtf.js";import{r as f}from"./rewards.CIu9qbmI.js";import{t as p}from"./useReward.BAmvPaVu.js";import{t as m}from"./embeddedWallet.BS-9u4Be.js";function h({placement:i,text:h,classname:g=``,noRewardText:_,targetInteraction:v,clickAction:y,preview:b}){let x=!!b,S=n(),C=o(i),w=u(),T=C?.components?.buttonShare??w?.buttonShare;d(`frak-button-share`,i,T?.css);let E=l(()=>C?.targetInteraction===void 0?v:C.targetInteraction,[C?.targetInteraction,v]),D=T?.text??h??c[S].buttonShare.text,O=T?.noRewardText??_,k=l(()=>D.includes(`{REWARD}`),[D]),A=l(()=>T?.clickAction??y??`sharing-page`,[T?.clickAction,y]),{shouldRender:j,isHidden:M,isClientReady:N}=s(),{reward:P}=p(k&&N,E),F=l(()=>k?P?f(D,P):O??f(D,void 0):D,[k,D,O,P]),I=r(()=>{if(!x){if(e(window.FrakSetup.client,`share_button_clicked`,{placement:i,target_interaction:E,has_reward:!!P,click_action:A}),A===`embedded-wallet`){m(E,i);return}t(E,i)}},[x,A,E,i,P]);if(!x&&(!j||M))return null;let L=[`button`,`button__fadeIn`,g].filter(Boolean).join(` `);return a(`button`,{type:`button`,disabled:!x&&!N,class:L,onClick:I,children:F})}i(h,`frak-button-share`,[`text`,`placement`,`classname`,`clickAction`,`noRewardText`,`targetInteraction`,`preview`],{shadow:!1});export{h as ButtonShare};

package/cdn/ButtonWallet.Mmrku6ws.js

@@ -1,40 +0,0 @@
-import{a as e,d as t,g as n,h as r,m as i,n as a,p as o,r as s,s as c,t as l,u}from"./defaults.kWEdCyGS.js";import{t as d}from"./useReward.BAmvPaVu.js";import{t as f}from"./embeddedWallet.BS-9u4Be.js";function p(e){return i(`svg`,{fill:`none`,height:`1em`,viewBox:`0 0 28 28`,width:`1em`,xmlns:`http://www.w3.org/2000/svg`,...e,children:[i(`title`,{children:`Gift icon`}),i(`path`,{d:`m23.14 14v11.43h-18.29v-11.43m9.14 11.43v-17.14m0 0h-5.14c-0.76 0-1.48-0.3-2.02-0.84s-0.84-1.26-0.84-2.020.3-1.480.84-2.02 1.26-0.84 2.02-0.84c4 0 5.14 5.71 5.14 5.71zm0 0h5.14c0.76 0 1.48-0.3 2.02-0.84s0.84-1.260.84-2.02-0.3-1.48-0.84-2.02-1.26-0.84-2.02-0.84c-4 0-5.14 5.71-5.14 5.71zm-11.43 0h22.86v5.71h-22.86z`,stroke:`#fff`,"stroke-linecap":`round`,"stroke-linejoin":`round`})]})}function m(){`vibrate`in navigator&&navigator.vibrate(10)}function h(e,t){m(),f(e,t)}function g({placement:r,classname:f=``,useReward:m,targetInteraction:g}){let _=e(),v=a(r),y=u(()=>v?.targetInteraction===void 0?g:v.targetInteraction,[v?.targetInteraction,g]),b=u(()=>m===!0,[m]),{shouldRender:x,isHidden:S,isClientReady:C}=c(),{reward:w}=d(b&&C,y),[T,E]=t(`right`);if(o(()=>{let e=v?.components?.buttonWallet?.position,t=window.FrakSetup?.modalWalletConfig?.metadata?.position;E(e??t??`right`)},[v?.components?.buttonWallet?.position]),!x||S)return null;let D=[`button`,`button__fadeIn`,T===`left`?`button__left`:`button__right`,f].filter(Boolean).join(` `);return i(n,{children:[i(`style`,{children:s(`
-.button {
-    all: unset;
-    position: fixed;
-    bottom: 20px;
-    z-index: 2000000;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    background-color: #3e557e;
-    width: 45px;
-    height: 45px;
-    border-radius: 50%;
-    cursor: pointer;
-    text-align: center;
-    font-size: 24px;
-}
-
-.button__left {
-    left: 20px;
-}
-
-.button__right {
-    right: 20px;
-}
-
-.reward {
-    position: absolute;
-    top: -4px;
-    right: 27px;
-    padding: 2px 3px;
-    border-radius: 5px;
-    background: #ff3f3f;
-    font-size: 9px;
-    color: #fff;
-    font-weight: 600;
-    white-space: nowrap;
-    line-height: 9px;
-}
-`,v?.components?.buttonWallet?.css)}),i(`button`,{type:`button`,"aria-label":l[_].buttonWallet.ariaLabel,part:`button`,disabled:!C,class:D,onClick:()=>{h(y,r)},children:[i(p,{}),w&&i(`span`,{class:`reward`,children:w})]})]})}r(g,`frak-button-wallet`,[`placement`,`classname`,`useReward`,`targetInteraction`],{shadow:!0});export{g as ButtonWallet};

package/cdn/OpenInAppButton.D1UzTuHx.js

@@ -1 +0,0 @@
-import{b as e,d as t,m as n,p as r}from"./loader.js";import{a as i,h as a,m as o,n as s,s as c,t as l,u}from"./defaults.kWEdCyGS.js";import{t as d}from"./useLightDomStyles.imPXuAtf.js";function f(t=`wallet`,i){let a=window.FrakSetup?.client;a&&e(a,`open_in_app_clicked`,{path:t,placement:i}),n(`${r}${t}`,{onFallback:()=>{a&&e(a,`app_not_installed`,{path:t,placement:i})}})}function p(){return{isMobile:u(()=>t(),[])}}function m({placement:e,text:t,classname:n=``}){let r=i(),a=s(e),{shouldRender:u,isHidden:m,isClientReady:h}=c(),{isMobile:g}=p();d(`frak-open-in-app`,e,a?.components?.openInApp?.css);let _=a?.components?.openInApp?.text??t??l[r].openInApp.text;if(!g||!u||m)return null;let v=()=>{f(void 0,e)},y=[`button`,`button__fadeIn`,n].filter(Boolean).join(` `);return o(`button`,{type:`button`,"aria-label":l[r].openInApp.ariaLabel,disabled:!h,class:y,onClick:v,children:_})}a(m,`frak-open-in-app`,[`text`,`placement`,`classname`],{shadow:!1});export{m as OpenInAppButton};