@frak-labs/components 1.0.4 → 1.0.5-beta.53162c2d

package/dist/buttonWallet.js

@@ -1,4 +1,5 @@
-import { a as registerWebComponent, i as useClientReady, n as buildStyleContent, o as openWalletModal, t as usePlacement } from "./usePlacement-DzEuVg_u.js";
+import { a as registerWebComponent, i as useClientReady, n as buildStyleContent, t as usePlacement } from "./usePlacement-5kbU3BKj.js";
+import { t as openEmbeddedWallet } from "./embeddedWallet-By3_p5Xc.js";
 import { t as useReward } from "./useReward-ClVShg45.js";
 import { useEffect, useMemo, useState } from "preact/hooks";
 import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
@@ -20,6 +21,21 @@ function GiftIcon(props) {
 	});
 }
 //#endregion
+//#region src/utils/browser/safeVibrate.ts
+/**
+* Attempt to vibrate the device
+*/
+function safeVibrate() {
+	if ("vibrate" in navigator) navigator.vibrate(10);
+	else console.log("Vibration not supported");
+}
+//#endregion
+//#region src/components/ButtonWallet/utils.ts
+function openWalletModal(targetInteraction, placement) {
+	safeVibrate();
+	openEmbeddedWallet(targetInteraction, placement);
+}
+//#endregion
 //#region src/components/ButtonWallet/ButtonWallet.tsx
 const componentCss = `
 .button {

package/dist/embeddedWallet-By3_p5Xc.js

@@ -0,0 +1,18 @@
+import { displayEmbeddedWallet } from "@frak-labs/core-sdk/actions";
+//#region src/actions/embeddedWallet.ts
+async function openEmbeddedWallet(targetInteraction, placement) {
+	if (!window.FrakSetup?.client) {
+		console.error("Frak client not found");
+		return;
+	}
+	const modalWalletConfig = window.FrakSetup?.modalWalletConfig ?? {};
+	await displayEmbeddedWallet(window.FrakSetup.client, targetInteraction ? {
+		...modalWalletConfig,
+		metadata: {
+			...modalWalletConfig.metadata,
+			targetInteraction
+		}
+	} : modalWalletConfig, placement);
+}
+//#endregion
+export { openEmbeddedWallet as t };

package/dist/openInApp.js

@@ -1,5 +1,5 @@
-import { a as registerWebComponent, i as useClientReady, t as usePlacement } from "./usePlacement-DzEuVg_u.js";
-import { t as useLightDomStyles } from "./useLightDomStyles-DVe5UDg6.js";
+import { a as registerWebComponent, i as useClientReady, t as usePlacement } from "./usePlacement-5kbU3BKj.js";
+import { t as useLightDomStyles } from "./useLightDomStyles-C8giLInY.js";
 import { DEEP_LINK_SCHEME, isMobile, trackEvent, triggerDeepLinkWithFallback } from "@frak-labs/core-sdk";
 import { useMemo } from "preact/hooks";
 import { jsx } from "preact/jsx-runtime";

package/dist/postPurchase.js

@@ -1,7 +1,6 @@
-import { a as registerWebComponent, i as useClientReady, t as usePlacement } from "./usePlacement-DzEuVg_u.js";
-import { t as openSharingPage } from "./sharingPage-D6fQEXV9.js";
+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-DVe5UDg6.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 { trackEvent } from "@frak-labs/core-sdk";
@@ -112,67 +111,6 @@ var imageWrapper = "PostPurchase_imageWrapper__5fv5lh9";
 var message = "PostPurchase_message__5fv5lh5";
 const cssSource = cssSource$1;
 //#endregion
-//#region src/components/PostPurchase/products.ts
-/**
-* Whether `value` is a syntactically valid URL with an `http(s):` scheme.
-*
-* Used to gate `imageUrl` / `link` fields coming from the public `products`
-* prop — the listener-side sharing-page builder calls `new URL(...)` on the
-* incoming product link, and a `javascript:` URL would be a XSS sink in any
-* consumer that binds the value to an `href`.
-*/
-function isHttpUrl(value) {
-	try {
-		const parsed = new URL(value);
-		return parsed.protocol === "http:" || parsed.protocol === "https:";
-	} catch {
-		return false;
-	}
-}
-/**
-* Coerce a raw `products` prop value into a candidate array suitable for
-* per-item normalisation, or null when it cannot be reduced to one.
-*
-* Surfaces that set the prop via the JS property (`el.products = [...]`)
-* deliver a real array; surfaces that bind it as an HTML attribute
-* (WP / Magento server-render) deliver a JSON-stringified array. Anything
-* else (truthy non-array non-string, JSON parse failure, JSON that decodes
-* to a non-array) is treated as "no products" so the share still works
-* without the product card section.
-*/
-function coerceProductCandidates(products) {
-	if (!products) return null;
-	if (Array.isArray(products)) return products;
-	if (typeof products !== "string") return null;
-	try {
-		const parsed = JSON.parse(products);
-		return Array.isArray(parsed) ? parsed : null;
-	} catch {
-		return null;
-	}
-}
-/**
-* Normalise one untrusted candidate into a {@link SharingPageProduct}, or
-* return null when the candidate has no usable title.
-*
-* The `products` prop is a public API boundary (merchants can set it
-* server-side via WP/Magento or imperatively from arbitrary JS). Each entry
-* is validated structurally so a malformed `link` reaching `new URL(...)`
-* downstream would not crash the sharing-page builder, and so a
-* `javascript:` URL cannot slip through as `imageUrl` / `link`.
-*/
-function normalizeProductCandidate(candidate) {
-	if (!candidate || typeof candidate !== "object") return null;
-	const item = candidate;
-	const title = typeof item.title === "string" ? item.title.trim() : "";
-	if (title === "") return null;
-	const entry = { title };
-	if (typeof item.imageUrl === "string" && isHttpUrl(item.imageUrl)) entry.imageUrl = item.imageUrl;
-	if (typeof item.link === "string" && isHttpUrl(item.link)) entry.link = item.link;
-	if (typeof item.utmContent === "string" && item.utmContent !== "") entry.utmContent = item.utmContent;
-	return entry;
-}
-//#endregion
 //#region src/components/PostPurchase/PostPurchase.tsx
 /**
 * Given referral status and merchant info, compute the display variant
@@ -303,16 +241,7 @@ function PostPurchase({ customerId, orderId, token, sharingUrl, merchantId, plac
 		placementId,
 		context?.reward
 	]);
-	const parsedProducts = useMemo(() => {
-		const candidates = coerceProductCandidates(products);
-		if (!candidates) return void 0;
-		const sanitized = [];
-		for (const candidate of candidates) {
-			const entry = normalizeProductCandidate(candidate);
-			if (entry) sanitized.push(entry);
-		}
-		return sanitized.length > 0 ? sanitized : void 0;
-	}, [products]);
+	const parsedProducts = useMemo(() => sanitizeProductList(products), [products]);
 	const handleClick = useCallback(() => {
 		if (!resolvedVariant) return;
 		trackEvent(window.FrakSetup?.client, "post_purchase_clicked", {

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

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

package/dist/{usePlacement-DzEuVg_u.js → usePlacement-5kbU3BKj.js}

@@ -1,38 +1,126 @@
 import register from "preact-custom-element";
 import * as coreSdkIndex from "@frak-labs/core-sdk";
-import { sdkConfigStore, setupClient, trackEvent, withCache } from "@frak-labs/core-sdk";
+import { decompressJsonFromB64, sdkConfigStore, setupClient, trackEvent, withCache } from "@frak-labs/core-sdk";
 import * as coreSdkActions from "@frak-labs/core-sdk/actions";
-import { displayEmbeddedWallet } from "@frak-labs/core-sdk/actions";
+import { displaySharingPage } from "@frak-labs/core-sdk/actions";
 import { useEffect, useMemo, useState } from "preact/hooks";
-//#region src/actions/embeddedWallet.ts
-async function openEmbeddedWallet(targetInteraction, placement) {
+//#region src/actions/sharingPage.ts
+async function openSharingPage(targetInteraction, placement, options) {
 	if (!window.FrakSetup?.client) {
 		console.error("Frak client not found");
 		return;
 	}
-	const modalWalletConfig = window.FrakSetup?.modalWalletConfig ?? {};
-	await displayEmbeddedWallet(window.FrakSetup.client, targetInteraction ? {
-		...modalWalletConfig,
-		metadata: {
-			...modalWalletConfig.metadata,
-			targetInteraction
-		}
-	} : modalWalletConfig, placement);
+	await displaySharingPage(window.FrakSetup.client, {
+		...options?.link && { link: options.link },
+		...options?.products?.length && { products: options.products },
+		...targetInteraction && { metadata: { targetInteraction } }
+	}, placement);
 }
 //#endregion
-//#region src/utils/browser/safeVibrate.ts
+//#region src/utils/sharingPageProducts.ts
 /**
-* Attempt to vibrate the device
+* Whether `value` is a syntactically valid URL with an `http(s):` scheme.
+*
+* Used to gate `imageUrl` / `link` fields coming from untrusted inputs (the
+* public `products` prop on `<frak-post-purchase>`, decoded query params for
+* Klaviyo / email share links, etc.) — the listener-side sharing-page builder
+* calls `new URL(...)` on the incoming product link, and a `javascript:` URL
+* would be a XSS sink in any consumer that binds the value to an `href`.
 */
-function safeVibrate() {
-	if ("vibrate" in navigator) navigator.vibrate(10);
-	else console.log("Vibration not supported");
+function isHttpUrl(value) {
+	try {
+		const parsed = new URL(value);
+		return parsed.protocol === "http:" || parsed.protocol === "https:";
+	} catch {
+		return false;
+	}
 }
-//#endregion
-//#region src/components/ButtonWallet/utils.ts
-function openWalletModal(targetInteraction, placement) {
-	safeVibrate();
-	openEmbeddedWallet(targetInteraction, placement);
+/**
+* Coerce a raw `products` value into a candidate array suitable for
+* per-item normalisation, or null when it cannot be reduced to one.
+*
+* Accepts:
+* - Real arrays (JS-property surface, decompressed query payloads).
+* - JSON-stringified arrays (HTML-attribute surface — WP / Magento
+*   server-render delivers attribute values as raw strings).
+*
+* Anything else (non-array non-string, JSON parse failure, JSON that
+* decodes to a non-array) is treated as "no products" so the share still
+* works without the product card section.
+*/
+function coerceProductCandidates(products) {
+	if (!products) return null;
+	if (Array.isArray(products)) return products;
+	if (typeof products !== "string") return null;
+	try {
+		const parsed = JSON.parse(products);
+		return Array.isArray(parsed) ? parsed : null;
+	} catch {
+		return null;
+	}
+}
+/**
+* Normalise one untrusted candidate into a {@link SharingPageProduct}, or
+* return null when the candidate has no usable title.
+*
+* The `products` payload is a public API boundary — merchants can set it
+* server-side via WP / Magento, imperatively from arbitrary JS, or via
+* email-template query params built by Klaviyo. Each entry is validated
+* structurally so a malformed `link` reaching `new URL(...)` downstream
+* would not crash the sharing-page builder, and so a `javascript:` URL
+* cannot slip through as `imageUrl` / `link`.
+*/
+function normalizeProductCandidate(candidate) {
+	if (!candidate || typeof candidate !== "object") return null;
+	const item = candidate;
+	const title = typeof item.title === "string" ? item.title.trim() : "";
+	if (title === "") return null;
+	const entry = { title };
+	if (typeof item.imageUrl === "string" && isHttpUrl(item.imageUrl)) entry.imageUrl = item.imageUrl;
+	if (typeof item.link === "string" && isHttpUrl(item.link)) entry.link = item.link;
+	if (typeof item.utmContent === "string" && item.utmContent !== "") entry.utmContent = item.utmContent;
+	return entry;
+}
+/**
+* Pipe `coerceProductCandidates` + `normalizeProductCandidate` over an
+* untrusted value and return a non-empty {@link SharingPageProduct}[] or
+* `undefined` when nothing usable came out.
+*
+* The undefined sentinel is what `openSharingPage` / `displaySharingPage`
+* expect when the caller has no products to show — the sharing page just
+* skips the product card section.
+*/
+function sanitizeProductList(input) {
+	const candidates = coerceProductCandidates(input);
+	if (!candidates) return void 0;
+	const sanitized = [];
+	for (const candidate of candidates) {
+		const entry = normalizeProductCandidate(candidate);
+		if (entry) sanitized.push(entry);
+	}
+	return sanitized.length > 0 ? sanitized : void 0;
+}
+/**
+* Decode a `products` URL query param produced by
+* `compressJsonToB64(productsArray)` — the encoding Klaviyo (and any
+* other email tool) uses when embedding the product list of an order
+* confirmation into a Frak share CTA.
+*
+* The result is run through `sanitizeProductList` so every link / image
+* URL is structurally validated before reaching `new URL(...)` downstream.
+* Malformed / tampered payloads degrade gracefully to `undefined` — the
+* share still works, just without the product card section.
+*/
+function decodeProductsParam(value) {
+	if (!value) return void 0;
+	let decoded;
+	try {
+		decoded = decompressJsonFromB64(value);
+	} catch {
+		return;
+	}
+	if (decoded === null) return void 0;
+	return sanitizeProductList(decoded);
 }
 //#endregion
 //#region src/bootstrap/clientReady.ts
@@ -97,15 +185,41 @@ async function doInit() {
 	handleActionQueryParam();
 }
 /**
-* Check the query param contain params for an auto opening of the frak modal
+* Check the query param for an auto-opening of the Frak sharing page.
+*
+* Supported params (all optional except `frakAction`):
+* - `frakAction=share` triggers the auto-open.
+* - `link` overrides the URL the sharing page generates outbound shares for.
+*   When omitted, the listener falls back to the merchant domain.
+* - `products` is a base64-encoded compressed JSON payload of
+*   `SharingPageProduct[]` — produced by `compressJsonToB64(productsArray)`
+*   on the sender side (e.g. a Klaviyo email template). Used by
+*   post-purchase emails to surface the items the customer just bought as
+*   product cards on the sharing page.
+* - `placement` lets the caller scope backend-driven CSS / config to a
+*   specific placement (mirrors the prop on the components).
+*
+* The four params are stripped from the URL via `history.replaceState` as
+* soon as they are read, so refreshes / shares of the current URL do not
+* re-trigger the auto-open. Matches the `fmt` (merge token) and `sso`
+* cleanup patterns elsewhere in the SDK.
 */
 function handleActionQueryParam() {
-	const frakAction = new URLSearchParams(window.location.search).get("frakAction");
-	if (!frakAction) return;
-	if (frakAction === "share") {
-		console.log("[Frak SDK] Auto open query param found");
-		openWalletModal();
-	}
+	const url = new URL(window.location.href);
+	if (url.searchParams.get("frakAction") !== "share") return;
+	console.log("[Frak SDK] Auto open share via query param");
+	const link = url.searchParams.get("link") ?? void 0;
+	const placement = url.searchParams.get("placement") ?? void 0;
+	const products = decodeProductsParam(url.searchParams.get("products"));
+	url.searchParams.delete("frakAction");
+	url.searchParams.delete("link");
+	url.searchParams.delete("placement");
+	url.searchParams.delete("products");
+	window.history.replaceState({}, "", url.toString());
+	openSharingPage(void 0, placement, {
+		link,
+		products
+	});
 }
 //#endregion
 //#region src/utils/browser/onDocumentReady.ts
@@ -250,4 +364,4 @@ function usePlacement(placementId) {
 	return useMemo(() => placementId ? getPlacement(placementId) : void 0, [placementId, configVersion]);
 }
 //#endregion
-export { registerWebComponent as a, useClientReady as i, buildStyleContent as n, openWalletModal as o, lightDomBaseCss as r, openEmbeddedWallet as s, usePlacement as t };
+export { registerWebComponent as a, useClientReady as i, buildStyleContent as n, sanitizeProductList as o, lightDomBaseCss as r, openSharingPage as s, usePlacement as t };

package/package.json

@@ -11,7 +11,7 @@
       "url": "https://twitter.com/QNivelais"
     }
   ],
-  "version": "1.0.4",
+  "version": "1.0.5-beta.53162c2d",
   "description": "Frak Wallet components, helping any person to interact with the Frak wallet.",
   "repository": {
     "url": "https://github.com/frak-id/wallet",
@@ -86,8 +86,8 @@
     "publish": "echo 'Publishing components...'"
   },
   "dependencies": {
-    "@frak-labs/core-sdk": "1.1.0",
-    "@frak-labs/frame-connector": "0.2.0",
+    "@frak-labs/core-sdk": "1.1.0-beta.53162c2d",
+    "@frak-labs/frame-connector": "0.2.0-beta.53162c2d",
     "preact": "^10.29.0",
     "preact-custom-element": "^4.6.0",
     "@frak-labs/design-system": "0.0.0"

package/cdn/Banner.B1y3jwHv.js

@@ -1,178 +0,0 @@
-import{T as e,b as t,c as n,d as r,u as i,v as a}from"./loader.js";import{a as o,c as s,d as c,i as l,l as u,o as d,s as f,t as ee,u as p}from"./usePlacement.BgMXY5CX.js";import{a as m,i as h,n as g,r as te,t as _}from"./GiftIcon.eRNTGQ_r.js";import{t as v}from"./useGlobalComponents.TG9kIYSc.js";import{t as y}from"./useLightDomStyles.tjNBKcOr.js";import{t as b}from"./useReward.B530suzR.js";var x=`inAppBanner_body__1ibpiy75`,S=`inAppBanner_closeButton__1ibpiy78`,C=`inAppBanner_container__1ibpiy71`,w=`inAppBanner_cta__1ibpiy77`,T=`inAppBanner_description__1ibpiy76`,E=`inAppBanner_header__1ibpiy72`,D=`inAppBanner_iconWrapper__1ibpiy73`,O=`inAppBanner_title__1ibpiy74`;function k({title:e,description:t,cta:n,dismissLabel:r,onAction:i,onDismiss:a,className:o,classNames:s}){return p(`div`,{className:`${C}${o?` ${o}`:``}`,role:`alert`,children:[p(`div`,{className:E,children:[p(`span`,{className:`${D}${s?.icon?` ${s.icon}`:``}`,children:p(g,{width:20,height:20})}),p(`p`,{className:`${O}${s?.title?` ${s.title}`:``}`,children:e})]}),p(`div`,{className:x,children:[p(`p`,{className:`${T}${s?.description?` ${s.description}`:``}`,children:t}),p(`button`,{type:`button`,className:`${w}${s?.cta?` ${s.cta}`:``}`,onClick:i,children:[n,p(h,{width:14,height:14})]})]}),p(`button`,{type:`button`,className:`${S}${s?.close?` ${s.close}`:``}`,onClick:a,"aria-label":r,children:p(m,{width:16,height:16})})]})}var A=`Banner_frakLogo__1gnumzia`,j=`Banner_iconSvg__1gnumzi2`,M=`Banner_referral__1gnumzi3 reset_base__1831jhd0 Banner_rootBase__1gnumzi1`,N=`Banner_referralBody__1gnumzi6`,P=`Banner_referralCta__1gnumzi9 sharedBaseCss_buttonReset__7cswil0`,ne=`Banner_referralDescription__1gnumzi8 reset_base__1831jhd0`,F=`Banner_referralIconWrapper__1gnumzi4`,I=`Banner_referralImage__1gnumzi5`,L=`Banner_referralTitle__1gnumzi7 reset_base__1831jhd0`;function R({placement:c,classname:m=``,interaction:h,referralTitle:g,referralDescription:x,referralCta:S,inappTitle:C,inappDescription:w,inappCta:T,imageUrl:E,preview:D,previewMode:O}){let R=!!D,z=O===`inapp`?`inapp`:`referral`,B=ee(c),{shouldRender:V,isHidden:H,isClientReady:U}=l();y(`frak-banner`,c,B?.components?.banner?.css,`@keyframes inAppBanner_fadeIn__1ibpiy70 {
-  from {
-    opacity: 0;
-    transform: translateY(-4px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-.inAppBanner_container__1ibpiy71 {
-  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: #ffffff;
-  animation: inAppBanner_fadeIn__1ibpiy70 300ms ease-out;
-}
-.inAppBanner_header__1ibpiy72 {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-.inAppBanner_iconWrapper__1ibpiy73 {
-  flex-shrink: 0;
-  width: 20px;
-  height: 20px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: #ffffff;
-}
-.inAppBanner_title__1ibpiy74 {
-  margin: 0;
-  padding: 0;
-  font-size: 16px;
-  font-weight: 500;
-  line-height: 26px;
-  color: var(--text-onAction__pbq4ak6);
-}
-.inAppBanner_body__1ibpiy75 {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: baseline;
-  gap: 0 4px;
-}
-.inAppBanner_description__1ibpiy76 {
-  margin: 0;
-  padding: 0;
-  font-size: 14px;
-  color: var(--text-onAction__pbq4ak6);
-  line-height: 22px;
-  opacity: 0.96;
-}
-.inAppBanner_cta__1ibpiy77 {
-  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__1ibpiy77:focus-visible {
-  outline: 2px solid #2BB2FF;
-  outline-offset: 2px;
-  border-radius: 4px;
-}
-.inAppBanner_closeButton__1ibpiy78 {
-  all: unset;
-  position: absolute;
-  top: 8px;
-  right: 8px;
-  width: 28px;
-  height: 28px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 9999px;
-  color: rgba(255, 255, 255, 0.6);
-  cursor: pointer;
-}
-.inAppBanner_closeButton__1ibpiy78:focus-visible {
-  outline: 2px solid #ffffff;
-  outline-offset: 2px;
-}@keyframes Banner_fadeIn__1gnumzi0 {
-  from {
-    opacity: 0;
-    transform: translateY(-4px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-.Banner_rootBase__1gnumzi1 {
-  position: relative;
-  display: flex;
-  animation: Banner_fadeIn__1gnumzi0 300ms ease-out;
-}
-.Banner_iconSvg__1gnumzi2 {
-  width: 100%;
-  height: 100%;
-}
-.Banner_referral__1gnumzi3 {
-  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__1gnumzi4 {
-  flex-shrink: 0;
-  align-self: flex-start;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 40px;
-  height: 40px;
-  overflow: hidden;
-}
-.Banner_referralImage__1gnumzi5 {
-  max-width: 100%;
-  max-height: 100%;
-  width: auto;
-  height: auto;
-  object-fit: contain;
-  display: block;
-}
-.Banner_referralBody__1gnumzi6 {
-  flex: 1;
-  min-width: 0;
-}
-.Banner_referralTitle__1gnumzi7 {
-  font-size: 16px;
-  font-weight: 600;
-  color: var(--text-primary__pbq4ak0);
-  line-height: 22px;
-}
-.Banner_referralDescription__1gnumzi8 {
-  margin-bottom: 8px;
-  font-size: 14px;
-  color: #979797;
-  line-height: 22px;
-}
-.Banner_referralCta__1gnumzi9 {
-  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__1gnumzia {
-  position: absolute;
-  right: 16px;
-  bottom: 12px;
-  pointer-events: none;
-}`,e);let[W,G]=f(!1),[K,q]=f(()=>R?z:a?`inapp`:null),J=o(null);u(()=>{R&&q(z)},[R,z]);let{reward:Y}=b(K===`referral`&&U,h),[X,re]=f(null);u(()=>{let e=window.FrakSetup?.client;K!==`inapp`||R||!U||!e||n(e).then(e=>re(e)).catch(()=>{})},[K,R,U]),u(()=>{R||!K||W||J.current!==K&&U&&(t(window.FrakSetup?.client,`banner_impression`,{placement:c,variant:K,has_reward:K===`referral`?!!Y:void 0}),J.current=K)},[K,W,U,R,c]),u(()=>{if(R||K===`inapp`)return;let e=()=>q(`referral`);return window.addEventListener(i,e),()=>window.removeEventListener(i,e)},[R,K]);let Z=s(async()=>{if(R)return;if(t(window.FrakSetup?.client,`banner_resolved`,{placement:c,variant:K??`referral`,outcome:`clicked`}),K===`referral`){G(!0);return}let e=X;if(!e&&window.FrakSetup?.client)try{e=await n(window.FrakSetup?.client)}catch{}let i=window.location.href;if(e){let t=new URL(i);t.searchParams.set(`fmt`,e),i=t.toString()}r(i)},[R,K,X,c]),ie=s(()=>{R||(t(window.FrakSetup?.client,`banner_resolved`,{placement:c,variant:K??`referral`,outcome:`dismissed`}),G(!0))},[R,K,c]),ae=v(),Q=B?.components?.banner??ae?.banner,$=d(()=>{if(K===`referral`){let e=Y?`Earn ${Y} on purchases on this site`:`You've been referred!`;return{title:g??Q?.referralTitle??e,description:x??Q?.referralDescription??`Earn rewards after your purchase via the Frak partner app.`,cta:S??Q?.referralCta??`Got it`}}return{title:C??Q?.inappTitle??`Open in your browser`,description:w??Q?.inappDescription??`For a better experience and to earn your rewards, open this page in your default browser.`,cta:T??Q?.inappCta??`Open browser`}},[K,Y,Q,g,x,S,C,w,T]);if(!K||!R&&(!V||H||W))return null;let oe=[M,`frak-banner`,`frak-banner--${K}`,m].filter(Boolean).join(` `);return K===`inapp`?p(k,{title:$.title,description:$.description,cta:$.cta,dismissLabel:`Dismiss`,onAction:Z,onDismiss:ie,className:[`frak-banner`,`frak-banner--inapp`,m].filter(Boolean).join(` `),classNames:{icon:`frak-banner__icon`,title:`frak-banner__title`,description:`frak-banner__description`,cta:`frak-banner__cta`,close:`frak-banner__close`}}):p(`div`,{class:oe,role:`alert`,children:[p(`div`,{class:`${F} frak-banner__icon`,children:E?p(`img`,{src:E,alt:``,class:I}):p(_,{class:j})}),p(`div`,{class:`${N} frak-banner__text`,children:[p(`p`,{class:`${L} frak-banner__title`,children:$.title}),p(`p`,{class:`${ne} frak-banner__description`,children:$.description}),p(`button`,{type:`button`,class:`${P} frak-banner__cta`,onClick:Z,children:$.cta})]}),p(te,{class:`${A} frak-banner__logo`,width:42,height:24})]})}c(R,`frak-banner`,[`placement`,`classname`,`interaction`,`referralTitle`,`referralDescription`,`referralCta`,`inappTitle`,`inappDescription`,`inappCta`,`preview`,`previewMode`,`imageUrl`],{shadow:!1});export{R as Banner};

package/cdn/ButtonShare.elMtdxF3.js

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

package/cdn/ButtonWallet.BUUPX0gO.js

@@ -1,40 +0,0 @@
-import{r as e}from"./loader.js";import{d as t,i as n,l as r,m as i,n as a,o,s,t as c,u as l}from"./usePlacement.BgMXY5CX.js";import{t as u}from"./useReward.B530suzR.js";function d(e){return l(`svg`,{fill:`none`,height:`1em`,viewBox:`0 0 28 28`,width:`1em`,xmlns:`http://www.w3.org/2000/svg`,...e,children:[l(`title`,{children:`Gift icon`}),l(`path`,{d:`m23.1427 13.9999v11.4285h-18.2857v-11.4285m9.1429 11.4285v-17.14282m0 0h-5.1429c-.75776 0-1.48448-.30102-2.0203-.83684s-.83684-1.26255-.83684-2.02031.30102-1.48448.83684-2.0203 1.26254-.83684 2.0203-.83684c4 0 5.1429 5.71429 5.1429 5.71429zm0 0h5.1428c.7578 0 1.4845-.30102 2.0203-.83684s.8369-1.26255.8369-2.02031-.3011-1.48448-.8369-2.0203-1.2625-.83684-2.0203-.83684c-4 0-5.1428 5.71429-5.1428 5.71429zm-11.42861 0h22.85711v5.71432h-22.85711z`,stroke:`#fff`,"stroke-linecap":`round`,"stroke-linejoin":`round`})]})}function f({placement:t,classname:f=``,useReward:p,targetInteraction:m}){let h=c(t),g=o(()=>h?.targetInteraction===void 0?m:h.targetInteraction,[h?.targetInteraction,m]),_=o(()=>p===!0,[p]),{shouldRender:v,isHidden:y,isClientReady:b}=n(),{reward:x}=u(_&&b,g),[S,C]=s(`right`);if(r(()=>{let e=h?.components?.buttonWallet?.position,t=window.FrakSetup?.modalWalletConfig?.metadata?.position;C(e??t??`right`)},[h?.components?.buttonWallet?.position]),!v||y)return null;let w=[`button`,`button__fadeIn`,S===`left`?`button__left`:`button__right`,f].filter(Boolean).join(` `);return l(i,{children:[l(`style`,{children:a(`
-.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;
-}
-`,h?.components?.buttonWallet?.css)}),l(`button`,{type:`button`,"aria-label":`Open wallet`,part:`button`,disabled:!b,class:w,onClick:()=>{e(g,t)},children:[l(d,{}),x&&l(`span`,{class:`reward`,children:x})]})]})}t(f,`frak-button-wallet`,[`placement`,`classname`,`useReward`,`targetInteraction`],{shadow:!0});export{f as ButtonWallet};