@frak-labs/components 1.0.12 → 1.0.13

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",
   "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,7 +92,7 @@
     "publish": "echo 'Publishing components...'"
   },
   "dependencies": {
-    "@frak-labs/core-sdk": "1.2.0",
+    "@frak-labs/core-sdk": "1.2.1",
     "@frak-labs/frame-connector": "0.2.0",
     "preact": "^10.29.0",
     "preact-custom-element": "^4.6.0",
@@ -108,15 +108,16 @@
     "@types/jsdom": "^28.0.0",
     "@types/node": "^25.6.0",
     "@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.1",
     "@vanilla-extract/integration": "^8.0.10",
-    "@vanilla-extract/vite-plugin": "^5.2.1",
     "@vanilla-extract/sprinkles": "^1.6.5",
+    "@vanilla-extract/vite-plugin": "^5.2.4",
     "@vitest/coverage-v8": "^4.1.0",
     "@vitest/ui": "^4.1.0",
     "jsdom": "^29.0.0",
     "tsdown": "^0.22.0",
-    "typescript": "^6.0.2",
+    "typescript": "^6.0.3",
     "vitest": "^4.1.4"
   }
 }

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

package/cdn/PostPurchase.Cvx1TI64.js

@@ -1,89 +0,0 @@
-import{S as e,T as t,a as n,b as r,c as i,i as a,o,r as ee,x as s}from"./loader.js";import{a as c,d as l,f as te,h as u,l as ne,m as d,n as f,p,s as m,t as h,u as g}from"./defaults.kWEdCyGS.js";import{r as re,t as ie}from"./GiftIcon.DT1i36Fm.js";import{t as ae}from"./useGlobalComponents.BC6Jgzg5.js";import{t as oe}from"./useLightDomStyles.imPXuAtf.js";import{i as se,n as _,r as v}from"./rewards.CIu9qbmI.js";var y=`PostPurchase_card__5fv5lh0`,ce=`PostPurchase_cardLayout__5fv5lh1`,b=`PostPurchase_cardLeft__5fv5lh2`,x=`PostPurchase_cardRight__5fv5lh3`,S=`PostPurchase_cta__5fv5lh6 sharedBaseCss_buttonReset__7cswil0`,le=`PostPurchase_customImage__5fv5lha`,ue=`PostPurchase_frakLogo__5fv5lhb`,de=`PostPurchase_giftIcon__5fv5lh8`,fe=`PostPurchase_icon__5fv5lh7`,pe=`PostPurchase_imageWrapper__5fv5lh9`,me=`PostPurchase_message__5fv5lh5`;function he(e,t,n){let r=e?.isReferred?`referee`:`referrer`,i=_(t.rewards,{targetInteraction:`purchase`,currency:n,audience:r});if(!i)return null;let{campaign:a}=i,o=e?.isReferred&&a.referee?`referee`:`referrer`;return{variant:o,reward:o===`referee`?a.referee:a.referrer,merchantDomain:t.onChainMetadata.domain}}function C({customerId:u,orderId:_,token:C,sharingUrl:ge,merchantId:w,placement:T,classname:E=``,variant:D,badgeText:O,referrerText:k,refereeText:A,ctaText:j,preview:M,previewVariant:N,products:P,imageUrl:F}){let I=!!M,{shouldRender:L,isHidden:R,isClientReady:z}=m(),B=f(T),V=c();oe(`frak-post-purchase`,T,B?.components?.postPurchase?.css,`.PostPurchase_card__5fv5lh0 {
-  padding: 16px;
-  border-radius: 12px;
-  background-color: var(--surface-background__pbq4akc);
-  border: 1px solid var(--border-default__pbq4akv);
-}
-.PostPurchase_cardLayout__5fv5lh1 {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: 32px;
-}
-.PostPurchase_cardLeft__5fv5lh2 {
-  flex-grow: 1;
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-.PostPurchase_cardRight__5fv5lh3 {
-  flex-shrink: 0;
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-  gap: 8px;
-  text-align: right;
-}
-.PostPurchase_badge__5fv5lh4 {
-  align-self: flex-start;
-  background-color: #FFF534;
-  border-radius: 4px;
-  padding: 4px 8px;
-  font-size: 12px;
-  font-weight: 600;
-  line-height: 12px;
-  color: var(--text-primary__pbq4ak0);
-}
-.PostPurchase_message__5fv5lh5 {
-  margin: 0;
-  font-size: 16px;
-  line-height: 22px;
-  color: var(--text-primary__pbq4ak0);
-  font-weight: 600;
-}
-.PostPurchase_cta__5fv5lh6 {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 4px;
-  padding: 12px 16px;
-  border-radius: 9999px;
-  background-color: var(--text-primary__pbq4ak0);
-  color: var(--text-onAction__pbq4ak6);
-  font-size: 12px;
-  font-weight: bold;
-  text-transform: uppercase;
-}
-.PostPurchase_cta__5fv5lh6:disabled {
-  opacity: 0.7;
-  cursor: default;
-}
-.PostPurchase_icon__5fv5lh7 {
-  margin: -2px 0;
-}
-.PostPurchase_giftIcon__5fv5lh8 {
-  display: block;
-  flex-shrink: 0;
-}
-.PostPurchase_imageWrapper__5fv5lh9 {
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 80px;
-  height: 80px;
-  overflow: hidden;
-}
-.PostPurchase_customImage__5fv5lha {
-  max-width: 100%;
-  max-height: 100%;
-  width: auto;
-  height: auto;
-  object-fit: contain;
-  display: block;
-}
-.PostPurchase_frakLogo__5fv5lhb {
-  display: block;
-  margin-left: auto;
-}`,t);let[H,_e]=l(null),[U,W]=l(!1);p(()=>{I||!z||!u||!_||!C||n({customerId:u,orderId:_,token:C,merchantId:w}).catch(()=>{})},[I,z,u,_,C,w]),p(()=>{if(I||!z||U)return;let t=window.FrakSetup?.client;t&&Promise.all([o(t),i(t)]).then(([e,n])=>{W(!0),_e(he(e,n,t.config.metadata?.currency))}).catch(t=>{if(t instanceof e&&t.code===s.configError){W(!0);return}})},[I,z,U]);let G=ne(null),K=D??H?.variant??(I?N??`referrer`:void 0),q=ge??H?.merchantDomain,J=g(()=>{if(!H?.reward)return;let e=window.FrakSetup?.client?.config?.metadata?.currency;return se(H.reward,e)},[H?.reward]),ve=ae(),Y=B?.components?.postPurchase??ve?.postPurchase,X=O??Y?.badgeText,Z=F??Y?.imageUrl,Q=g(()=>{let e=h[V].postPurchase;return{message:K===`referee`?J?v(A??Y?.refereeText??e.refereeText,J):A??Y?.refereeNoRewardText??e.refereeNoRewardText:J?v(k??Y?.referrerText??e.referrerText,J):k??Y?.referrerNoRewardText??e.referrerNoRewardText,cta:J?v(j??Y?.ctaText??e.ctaText,J):j??Y?.ctaNoRewardText??e.ctaNoRewardText}},[V,K,J,Y,k,A,j]);p(()=>{K&&G.current!==K&&z&&(!I&&(!L||R)||(r(window.FrakSetup?.client,`post_purchase_impression`,{placement:T,variant:K,has_reward:!!H?.reward}),G.current=K))},[K,L,R,z,I,T,H?.reward]);let $=g(()=>ee(P),[P]),ye=te(()=>{K&&(r(window.FrakSetup?.client,`post_purchase_clicked`,{placement:T,variant:K}),a(void 0,T,{link:q,products:$}))},[K,T,q,$]);return!K||!I&&(!L||R||!H)?null:d(`div`,{className:[y,E].filter(Boolean).join(` `),children:d(`div`,{class:ce,children:[d(`div`,{class:b,children:[X&&d(`span`,{class:`PostPurchase_badge__5fv5lh4`,children:X}),d(`p`,{class:me,children:Q.message}),d(`button`,{type:`button`,className:`${S} button`,disabled:!I&&!z,onClick:I?void 0:ye,children:[Q.cta,d(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`none`,"aria-hidden":`true`,className:`${fe} button`,children:d(`path`,{d:`M13.9 11.14C13.99 11.05 14.15 11.11 14.15 11.24V11.64C14.15 13.05 12.63 14.19 10.75 14.19C8.87 14.19 7.34 13.05 7.34 11.64V11.24C7.34 11.11 7.51 11.05 7.59 11.14C8.35 11.93 9.48 12.43 10.75 12.43C12.01 12.43 13.15 11.93 13.9 11.14ZM1.85 9.65C1.85 9.51 2.01 9.44 2.1 9.54C2.85 10.32 3.99 10.82 5.25 10.82C5.52 10.82 5.79 10.8 6.04 10.76C6.26 10.72 6.47 10.88 6.47 11.1V12.17C6.47 12.32 6.37 12.45 6.22 12.48C5.92 12.55 5.59 12.59 5.25 12.59C3.37 12.59 1.85 11.45 1.85 10.04V9.65ZM10.75 6.21C12.63 6.21 14.15 7.35 14.15 8.75C14.15 10.16 12.63 11.3 10.75 11.3C8.87 11.3 7.34 10.16 7.34 8.75C7.34 7.35 8.87 6.21 10.75 6.21ZM1.85 6.85C1.85 6.71 2.01 6.65 2.1 6.74C2.85 7.53 3.99 8.03 5.25 8.03C5.52 8.03 5.79 8 6.04 7.96C6.26 7.92 6.47 8.09 6.47 8.3V9.37C6.47 9.52 6.37 9.65 6.22 9.69C5.92 9.75 5.59 9.79 5.25 9.79C3.37 9.79 1.85 8.65 1.85 7.24V6.85ZM5.25 1.81C7.13 1.81 8.66 2.95 8.66 4.36C8.66 5.76 7.13 6.9 5.25 6.9C3.37 6.9 1.85 5.76 1.85 4.36C1.85 2.95 3.37 1.81 5.25 1.81Z`,fill:`currentColor`})})]})]}),d(`div`,{class:x,children:[Z?d(`span`,{class:pe,children:d(`img`,{src:Z,alt:``,class:le})}):d(ie,{className:de,width:80,height:80}),d(re,{className:ue,width:42,height:24})]})]})})}u(C,`frak-post-purchase`,[`customerId`,`orderId`,`token`,`sharingUrl`,`merchantId`,`placement`,`classname`,`variant`,`badgeText`,`referrerText`,`refereeText`,`ctaText`,`products`,`preview`,`previewVariant`,`imageUrl`],{shadow:!1});export{C as PostPurchase};