@frak-labs/components 1.0.0 → 1.0.1

package/dist/buttonShare.js

@@ -1,9 +1,9 @@
-import { a as registerWebComponent, i as useClientReady, s as openEmbeddedWallet, t as usePlacement } from "./usePlacement-LqYjZLX_.js";
+import { a as registerWebComponent, i as useClientReady, s as openEmbeddedWallet, t as usePlacement } from "./usePlacement-V7NrKoub.js";
 import { t as useGlobalComponents } from "./useGlobalComponents-Cmfszr7v.js";
-import { t as useLightDomStyles } from "./useLightDomStyles-hgYYZsTy.js";
+import { t as useLightDomStyles } from "./useLightDomStyles-C3lcOwY2.js";
 import { t as applyRewardPlaceholder } from "./formatReward-Bub6Z6eY.js";
 import { t as useReward } from "./useReward-DU3_yP8Q.js";
-import { t as useShareModal } from "./useShareModal-DgEf5WWG.js";
+import { t as useShareModal } from "./useShareModal-BEVkLrBP.js";
 import { trackEvent } from "@frak-labs/core-sdk";
 import { displaySharingPage } from "@frak-labs/core-sdk/actions";
 import { useCallback, useMemo, useState } from "preact/hooks";
@@ -132,6 +132,9 @@ function ToggleMessage({ debugInfo }) {
 */
 function ErrorMessage({ debugInfo }) {
 	const { copied, copy } = useCopyToClipboard();
+	const handleCopy = () => {
+		copy(debugInfo ?? "");
+	};
 	return /* @__PURE__ */ jsxs("div", {
 		style: styles.errorContainer,
 		children: [
@@ -159,7 +162,7 @@ function ErrorMessage({ debugInfo }) {
 			}),
 			/* @__PURE__ */ jsx("button", {
 				type: "button",
-				onClick: () => copy(debugInfo ?? ""),
+				onClick: handleCopy,
 				style: styles.copyButton,
 				children: copied ? "Informations copiées !" : "Copier les informations de débogage"
 			}),
@@ -210,7 +213,8 @@ function ErrorMessage({ debugInfo }) {
 * @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
 */
-function ButtonShare({ placement: placementId, text = "Share and earn!", classname = "", useReward: rawUseReward, noRewardText, targetInteraction, clickAction: rawClickAction }) {
+function ButtonShare({ placement: placementId, text = "Share and earn!", classname = "", useReward: rawUseReward, noRewardText, targetInteraction, clickAction: rawClickAction, preview }) {
+	const isPreview = !!preview;
 	const placement = usePlacement(placementId);
 	const globalComponents = useGlobalComponents();
 	const componentConfig = placement?.components?.buttonShare ?? globalComponents?.buttonShare;
@@ -234,17 +238,25 @@ function ButtonShare({ placement: placementId, text = "Share and earn!", classna
 		reward
 	]);
 	const onClick = useCallback(async () => {
-		trackEvent(window.FrakSetup.client, "share_button_clicked");
+		if (isPreview) return;
+		trackEvent(window.FrakSetup.client, "share_button_clicked", {
+			placement: placementId,
+			target_interaction: resolvedTargetInteraction,
+			has_reward: Boolean(reward),
+			click_action: resolvedClickAction
+		});
 		if (resolvedClickAction === "embedded-wallet") openEmbeddedWallet(resolvedTargetInteraction, placementId);
 		else if (resolvedClickAction === "share-modal") await handleShare();
 		else openSharingPage(resolvedTargetInteraction, placementId);
 	}, [
+		isPreview,
 		resolvedClickAction,
 		handleShare,
 		resolvedTargetInteraction,
-		placementId
+		placementId,
+		reward
 	]);
-	if (!shouldRender || isHidden) return null;
+	if (!isPreview && (!shouldRender || isHidden)) return null;
 	const buttonClass = [
 		"button",
 		"button__fadeIn",
@@ -252,7 +264,7 @@ function ButtonShare({ placement: placementId, text = "Share and earn!", classna
 	].filter(Boolean).join(" ");
 	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("button", {
 		type: "button",
-		disabled: !isClientReady,
+		disabled: !isPreview && !isClientReady,
 		class: buttonClass,
 		onClick,
 		children: btnText
@@ -267,7 +279,8 @@ registerWebComponent(ButtonShare, "frak-button-share", [
 	"clickAction",
 	"useReward",
 	"noRewardText",
-	"targetInteraction"
+	"targetInteraction",
+	"preview"
 ], { shadow: false });
 //#endregion
 export { ButtonShare };

package/dist/buttonWallet.js

@@ -1,6 +1,5 @@
-import { a as registerWebComponent, i as useClientReady, n as buildStyleContent, o as openWalletModal, t as usePlacement } from "./usePlacement-LqYjZLX_.js";
+import { a as registerWebComponent, i as useClientReady, n as buildStyleContent, o as openWalletModal, t as usePlacement } from "./usePlacement-V7NrKoub.js";
 import { t as useReward } from "./useReward-DU3_yP8Q.js";
-import { trackEvent } from "@frak-labs/core-sdk";
 import { useEffect, useMemo, useState } from "preact/hooks";
 import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
 //#region src/components/ButtonWallet/assets/GiftIcon.tsx
@@ -129,7 +128,6 @@ function ButtonWallet({ placement: placementId, classname = "", useReward: rawUs
 		disabled: !isClientReady,
 		class: buttonClass,
 		onClick: () => {
-			trackEvent(window.FrakSetup.client, "wallet_button_clicked");
 			openWalletModal(resolvedTargetInteraction, placementId);
 		},
 		children: [/* @__PURE__ */ jsx(GiftIcon, {}), reward && /* @__PURE__ */ jsx("span", {

package/dist/openInApp.js

@@ -1,5 +1,5 @@
-import { a as registerWebComponent, i as useClientReady, t as usePlacement } from "./usePlacement-LqYjZLX_.js";
-import { t as useLightDomStyles } from "./useLightDomStyles-hgYYZsTy.js";
+import { a as registerWebComponent, i as useClientReady, t as usePlacement } from "./usePlacement-V7NrKoub.js";
+import { t as useLightDomStyles } from "./useLightDomStyles-C3lcOwY2.js";
 import { DEEP_LINK_SCHEME, trackEvent, triggerDeepLinkWithFallback } from "@frak-labs/core-sdk";
 import { useMemo } from "preact/hooks";
 import { jsx } from "preact/jsx-runtime";
@@ -33,14 +33,18 @@ const DEFAULT_PATH = "wallet";
 * Uses visibility-based detection to determine if the app opened.
 * If the app is not installed (page stays visible after 2.5s),
 * tracks an "app_not_installed" event.
-*
-* @param path - Path to open in the app (default: "wallet")
 */
-function openFrakWalletApp(path = DEFAULT_PATH) {
+function openFrakWalletApp(path = DEFAULT_PATH, placement) {
 	const client = window.FrakSetup?.client;
-	if (client) trackEvent(client, "open_in_app_clicked");
+	if (client) trackEvent(client, "open_in_app_clicked", {
+		path,
+		placement
+	});
 	triggerDeepLinkWithFallback(`${DEEP_LINK_SCHEME}${path}`, { onFallback: () => {
-		if (client) trackEvent(client, "app_not_installed");
+		if (client) trackEvent(client, "app_not_installed", {
+			path,
+			placement
+		});
 	} });
 }
 //#endregion
@@ -79,7 +83,7 @@ function OpenInAppButton({ placement: placementId, text = "Open in App", classna
 	const resolvedText = placement?.components?.openInApp?.text ?? text;
 	if (!isMobile || !shouldRender || isHidden) return null;
 	const handleClick = () => {
-		openFrakWalletApp();
+		openFrakWalletApp(void 0, placementId);
 	};
 	const buttonClass = [
 		"button",

package/dist/postPurchase.d.ts

@@ -61,6 +61,18 @@ type PostPurchaseProps = {
    * Use `{REWARD}` as placeholder for the reward amount.
    */
   ctaText?: string;
+  /**
+   * When set, renders the card in preview mode (e.g. Shopify/WP editor).
+   * Bypasses the client-ready / RPC gates that normally hide the card
+   * until the backend resolves, and no-ops the click handler so merchants
+   * can see the final layout with their configured copy.
+   */
+  preview?: string;
+  /**
+   * Which variant to show when {@link preview} is set.
+   * Defaults to `"referrer"`.
+   */
+  previewVariant?: "referrer" | "referee";
 };
 //#endregion
 //#region src/components/PostPurchase/PostPurchase.d.ts
@@ -104,7 +116,9 @@ declare function PostPurchase({
   badgeText: propBadgeText,
   referrerText: propReferrerText,
   refereeText: propRefereeText,
-  ctaText: propCtaText
+  ctaText: propCtaText,
+  preview,
+  previewVariant
 }: PostPurchaseProps): _$preact.JSX.Element | null;
 //#endregion
 //#region src/components/PostPurchase/index.d.ts

package/dist/postPurchase.js

@@ -1,11 +1,12 @@
-import { a as registerWebComponent, i as useClientReady, t as usePlacement } from "./usePlacement-LqYjZLX_.js";
+import { a as registerWebComponent, i as useClientReady, t as usePlacement } from "./usePlacement-V7NrKoub.js";
 import { t as useGlobalComponents } from "./useGlobalComponents-Cmfszr7v.js";
-import { t as useLightDomStyles } from "./useLightDomStyles-hgYYZsTy.js";
+import { t as useLightDomStyles } from "./useLightDomStyles-C3lcOwY2.js";
 import { n as formatEstimatedReward, t as applyRewardPlaceholder } from "./formatReward-Bub6Z6eY.js";
-import { t as useShareModal } from "./useShareModal-DgEf5WWG.js";
+import { t as useShareModal } from "./useShareModal-BEVkLrBP.js";
 import { l as createElement, o as cssSource$4, r as LogoFrak, s as cssSource$3, t as GiftIcon } from "./GiftIcon-4sr9xXyq.js";
+import { trackEvent } from "@frak-labs/core-sdk";
 import { getMerchantInformation, getUserReferralStatus, trackPurchaseStatus } from "@frak-labs/core-sdk/actions";
-import { useEffect, useMemo, useState } from "preact/hooks";
+import { useEffect, useMemo, useRef, useState } from "preact/hooks";
 import { jsx, jsxs } from "preact/jsx-runtime";
 import { FrakRpcError, RpcErrorCodes } from "@frak-labs/frame-connector";
 //#region ../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
@@ -1441,13 +1442,15 @@ function resolvePostPurchaseContext(referralStatus, merchantInfo) {
 * ></frak-post-purchase>
 * ```
 */
-function PostPurchase({ customerId, orderId, token, sharingUrl, merchantId, placement: placementId, classname = "", variant: forcedVariant, badgeText: propBadgeText, referrerText: propReferrerText, refereeText: propRefereeText, ctaText: propCtaText }) {
+function PostPurchase({ customerId, orderId, token, sharingUrl, merchantId, placement: placementId, classname = "", variant: forcedVariant, badgeText: propBadgeText, referrerText: propReferrerText, refereeText: propRefereeText, ctaText: propCtaText, preview, previewVariant }) {
+	const isPreview = !!preview;
 	const { shouldRender, isHidden, isClientReady } = useClientReady();
 	const placement = usePlacement(placementId);
 	useLightDomStyles("frak-post-purchase", placementId, placement?.components?.postPurchase?.css, cssSource);
 	const [context, setContext] = useState(null);
 	const [hasFetched, setHasFetched] = useState(false);
 	useEffect(() => {
+		if (isPreview) return;
 		if (!isClientReady || !customerId || !orderId || !token) return;
 		trackPurchaseStatus({
 			customerId,
@@ -1456,6 +1459,7 @@ function PostPurchase({ customerId, orderId, token, sharingUrl, merchantId, plac
 			merchantId
 		}).catch(() => {});
 	}, [
+		isPreview,
 		isClientReady,
 		customerId,
 		orderId,
@@ -1463,6 +1467,7 @@ function PostPurchase({ customerId, orderId, token, sharingUrl, merchantId, plac
 		merchantId
 	]);
 	useEffect(() => {
+		if (isPreview) return;
 		if (!isClientReady || hasFetched) return;
 		const client = window.FrakSetup?.client;
 		if (!client) return;
@@ -1476,8 +1481,13 @@ function PostPurchase({ customerId, orderId, token, sharingUrl, merchantId, plac
 			}
 			console.warn("[Frak] Post-purchase context error", e);
 		});
-	}, [isClientReady, hasFetched]);
-	const resolvedVariant = forcedVariant ?? context?.variant;
+	}, [
+		isPreview,
+		isClientReady,
+		hasFetched
+	]);
+	const trackedImpressionVariantRef = useRef(null);
+	const resolvedVariant = forcedVariant ?? context?.variant ?? (isPreview ? previewVariant ?? "referrer" : void 0);
 	const resolvedSharingUrl = sharingUrl ?? context?.merchantDomain;
 	const rewardText = useMemo(() => {
 		if (!context?.reward) return void 0;
@@ -1500,9 +1510,29 @@ function PostPurchase({ customerId, orderId, token, sharingUrl, merchantId, plac
 		propRefereeText,
 		propCtaText
 	]);
+	useEffect(() => {
+		if (!resolvedVariant) return;
+		if (trackedImpressionVariantRef.current === resolvedVariant) return;
+		if (!isPreview && (!shouldRender || isHidden || !isClientReady)) return;
+		trackEvent(window.FrakSetup?.client, "post_purchase_impression", {
+			placement: placementId,
+			variant: resolvedVariant,
+			has_reward: Boolean(context?.reward)
+		});
+		trackedImpressionVariantRef.current = resolvedVariant;
+	}, [
+		resolvedVariant,
+		shouldRender,
+		isHidden,
+		isClientReady,
+		isPreview,
+		placementId,
+		context?.reward
+	]);
 	const { handleShare } = useShareModal(void 0, placementId, resolvedSharingUrl);
-	if (!shouldRender || isHidden) return null;
-	if (!context || !resolvedVariant) return null;
+	if (!isPreview && (!shouldRender || isHidden)) return null;
+	if (!isPreview && (!context || !resolvedVariant)) return null;
+	if (!resolvedVariant) return null;
 	return /* @__PURE__ */ jsx(Box, {
 		className: [card, classname].filter(Boolean).join(" "),
 		padding: "m",
@@ -1524,8 +1554,15 @@ function PostPurchase({ customerId, orderId, token, sharingUrl, merchantId, plac
 						as: "button",
 						type: "button",
 						className: `${cta} button`,
-						disabled: !isClientReady,
-						onClick: handleShare,
+						disabled: !isPreview && !isClientReady,
+						onClick: isPreview ? void 0 : () => {
+							if (!resolvedVariant) return;
+							trackEvent(window.FrakSetup?.client, "post_purchase_clicked", {
+								placement: placementId,
+								variant: resolvedVariant
+							});
+							handleShare();
+						},
 						children: [texts.cta, /* @__PURE__ */ jsx("svg", {
 							width: "16",
 							height: "16",
@@ -1573,7 +1610,9 @@ registerWebComponent(PostPurchase, "frak-post-purchase", [
 	"badgeText",
 	"referrerText",
 	"refereeText",
-	"ctaText"
+	"ctaText",
+	"preview",
+	"previewVariant"
 ], { shadow: false });
 //#endregion
 export { PostPurchase };

package/dist/{useLightDomStyles-hgYYZsTy.js → useLightDomStyles-C3lcOwY2.js}

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

package/dist/{usePlacement-LqYjZLX_.js → usePlacement-V7NrKoub.js}

@@ -1,6 +1,6 @@
 import register from "preact-custom-element";
 import * as coreSdkIndex from "@frak-labs/core-sdk";
-import { sdkConfigStore, setupClient, withCache } from "@frak-labs/core-sdk";
+import { 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 { useEffect, useMemo, useState } from "preact/hooks";
@@ -74,7 +74,12 @@ function initFrakSdk() {
 	return withCache(() => doInit(), {
 		cacheKey: "frak-sdk-init",
 		cacheTime: Number.POSITIVE_INFINITY
-	}).catch(() => {});
+	}).catch((err) => {
+		trackEvent(window.FrakSetup?.client, "sdk_init_failed", {
+			reason: err instanceof Error ? err.message : typeof err === "string" ? err : "unknown",
+			config_missing: !window.FrakSetup?.config
+		});
+	});
 }
 /**
 * Performs the actual SDK initialization.

package/dist/{useShareModal-DgEf5WWG.js → useShareModal-BEVkLrBP.js}

@@ -33,8 +33,9 @@ function useShareModal(targetInteraction, placement, sharingLink) {
 				}
 				const debugInfo = window.FrakSetup.client.debugInfo.formatDebugInfo(e);
 				trackEvent(window.FrakSetup.client, "share_modal_error", {
-					error: e instanceof Object && "message" in e ? e.message : "Unknown error",
-					debugInfo
+					placement,
+					target_interaction: targetInteraction,
+					error: e instanceof Object && "message" in e ? e.message : "Unknown error"
 				});
 				setDebugInfo(debugInfo);
 				setIsError(true);

package/package.json

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

package/cdn/Banner.Ws9o79lU.js

@@ -1,64 +0,0 @@
-import{d as e,h as t,l as n,m as r}from"./loader.js";import{a as i,c as a,i as o,l as s,o as c,s as l,t as u,u as d}from"./usePlacement.B7jMsQvP.js";import{a as f,c as p,i as m,n as h,r as g,s as _,t as v}from"./sprinkles.css.ts.vanilla.BtFkD4B3.js";import{t as y}from"./useGlobalComponents.BRe8dKO7.js";import{t as b}from"./useLightDomStyles.ZFa154u8.js";import{t as x}from"./useReward.qEKeySJG.js";var S=`inAppBanner_body__1ibpiy75`,C=`inAppBanner_closeButton__1ibpiy78`,w=`inAppBanner_container__1ibpiy71`,T=`inAppBanner_cta__1ibpiy77`,E=`inAppBanner_description__1ibpiy76`,D=`inAppBanner_header__1ibpiy72`,O=`inAppBanner_iconWrapper__1ibpiy73`,k=`inAppBanner_title__1ibpiy74`;m+``;function A({title:e,description:t,cta:n,dismissLabel:r,onAction:i,onDismiss:a,className:o,classNames:c}){return s(`div`,{className:`${w}${o?` ${o}`:``}`,role:`alert`,children:[s(`div`,{className:D,children:[s(`span`,{className:`${O}${c?.icon?` ${c.icon}`:``}`,children:s(f,{width:20,height:20})}),s(`p`,{className:`${k}${c?.title?` ${c.title}`:``}`,children:e})]}),s(`div`,{className:S,children:[s(`p`,{className:`${E}${c?.description?` ${c.description}`:``}`,children:t}),s(`button`,{type:`button`,className:`${T}${c?.cta?` ${c.cta}`:``}`,onClick:i,children:[n,s(_,{width:14,height:14})]})]}),s(`button`,{type:`button`,className:`${C}${c?.close?` ${c.close}`:``}`,onClick:a,"aria-label":r,children:s(p,{width:16,height:16})})]})}var j=`Banner_iconSvg__1gnumzi2`,M=`Banner_referral__1gnumzi3 reset_base__1831jhd0 Banner_rootBase__1gnumzi1`,N=`Banner_referralBody__1gnumzi5`,P=`Banner_referralCta__1gnumzi8 reset_element_button__1831jhd6 reset_fieldAppearance__1831jhd2 reset_focusRing__1831jhd1`,F=`Banner_referralDescription__1gnumzi7 reset_base__1831jhd0`,I=`Banner_referralIconWrapper__1gnumzi4`,L=`Banner_referralTitle__1gnumzi6 reset_base__1831jhd0`;const R=h+m+v+`@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);
-}
-.Banner_referralIconWrapper__1gnumzi4 {
-  flex-shrink: 0;
-  align-self: flex-start;
-  width: 40px;
-  height: 40px;
-}
-.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_referralCta__1gnumzi8:focus-visible {
-  outline: 2px solid #000000;
-  outline-offset: 2px;
-}`;function z({placement:d,classname:f=``,interaction:p,referralTitle:m,referralDescription:h,referralCta:_,inappTitle:v,inappDescription:S,inappCta:C,preview:w,previewMode:T}){let E=!!w,D=T===`inapp`?`inapp`:`referral`,O=u(d),{shouldRender:k,isHidden:z,isClientReady:B}=o();b(`frak-banner`,d,O?.components?.banner?.css,R);let[V,H]=c(!1),[U,W]=c(()=>E?D:t?`inapp`:null);a(()=>{E&&W(D)},[E,D]);let{reward:G}=x(U===`referral`&&B,p),[K,q]=c(null);a(()=>{let t=window.FrakSetup?.client;U!==`inapp`||E||!B||!t||e(t).then(e=>q(e)).catch(()=>{})},[U,E,B]),a(()=>{if(E||U===`inapp`)return;let e=()=>W(`referral`);return window.addEventListener(n,e),()=>window.removeEventListener(n,e)},[E,U]);let J=l(async()=>{if(E)return;if(U===`referral`){H(!0);return}let t=K;if(!t&&window.FrakSetup?.client)try{t=await e(window.FrakSetup?.client)}catch{}let n=window.location.href;if(t){let e=new URL(n);e.searchParams.set(`fmt`,t),n=e.toString()}r(n)},[E,U,K]),Y=l(()=>{E||H(!0)},[E]),X=y(),Z=O?.components?.banner??X?.banner,Q=i(()=>{if(U===`referral`){let e=G?`Earn ${G} on purchases on this site`:`You've been referred!`;return{title:m??Z?.referralTitle??e,description:h??Z?.referralDescription??`Earn rewards after your purchase via the Frak partner app.`,cta:_??Z?.referralCta??`Got it`}}return{title:v??Z?.inappTitle??`Open in your browser`,description:S??Z?.inappDescription??`For a better experience and to earn your rewards, open this page in your default browser.`,cta:C??Z?.inappCta??`Open browser`}},[U,G,Z,m,h,_,v,S,C]);if(!U||!E&&(!k||z||V))return null;let $=[M,`frak-banner`,`frak-banner--${U}`,f].filter(Boolean).join(` `);return U===`inapp`?s(A,{title:Q.title,description:Q.description,cta:Q.cta,dismissLabel:`Dismiss`,onAction:J,onDismiss:Y,className:[`frak-banner`,`frak-banner--inapp`,f].filter(Boolean).join(` `),classNames:{icon:`frak-banner__icon`,title:`frak-banner__title`,description:`frak-banner__description`,cta:`frak-banner__cta`,close:`frak-banner__close`}}):s(`div`,{class:$,role:`alert`,children:[s(`div`,{class:`${I} frak-banner__icon`,children:s(g,{class:j})}),s(`div`,{class:`${N} frak-banner__text`,children:[s(`p`,{class:`${L} frak-banner__title`,children:Q.title}),s(`p`,{class:`${F} frak-banner__description`,children:Q.description}),s(`button`,{type:`button`,class:`${P} frak-banner__cta`,onClick:J,children:Q.cta})]})]})}d(z,`frak-banner`,[`placement`,`classname`,`interaction`,`referralTitle`,`referralDescription`,`referralCta`,`inappTitle`,`inappDescription`,`inappCta`,`preview`,`previewMode`],{shadow:!1});export{z as Banner};

package/cdn/ButtonShare.BDS1fgma.js

@@ -1 +0,0 @@
-import{C as e,o as t,p as n}from"./loader.js";import{a as r,i,l as a,o,p as s,s as c,t as l,u}from"./usePlacement.B7jMsQvP.js";import{t as d}from"./useGlobalComponents.BRe8dKO7.js";import{t as f}from"./useLightDomStyles.ZFa154u8.js";import{t as p}from"./formatReward.CXxVsWN3.js";import{t as m}from"./useReward.qEKeySJG.js";import{t as h}from"./useShareModal.B--64ELG.js";async function g(e,t){if(!window.FrakSetup?.client){console.error(`Frak client not found`);return}await n(window.FrakSetup.client,{metadata:{...e&&{targetInteraction:e}}},t)}function _(e={}){let{successDuration:t=2e3}=e,[n,r]=o(!1);return{copy:c(async e=>{try{if(navigator.clipboard&&window.isSecureContext)await navigator.clipboard.writeText(e),r(!0);else{let t=document.createElement(`textarea`);t.value=e,t.style.position=`fixed`,t.style.opacity=`0`,document.body.appendChild(t),t.focus(),t.select();try{document.execCommand(`copy`),r(!0)}catch(e){return console.error(`Failed to copy text:`,e),!1}finally{t.remove()}}return setTimeout(()=>{r(!1)},t),!0}catch(e){return console.error(`Failed to copy text:`,e),!1}},[t]),copied:n}}const v={errorContainer:{marginTop:`16px`,padding:`16px`,backgroundColor:`#FEE2E2`,border:`1px solid #FCA5A5`,borderRadius:`4px`,color:`#991B1B`},header:{display:`flex`,alignItems:`center`,gap:`8px`,marginBottom:`12px`},title:{margin:0,fontSize:`16px`,fontWeight:500},message:{fontSize:`14px`,lineHeight:`1.5`,margin:`0 0 12px 0`},link:{color:`#991B1B`,textDecoration:`underline`,textUnderlineOffset:`2px`},copyButton:{display:`inline-flex`,alignItems:`center`,gap:`8px`,marginBottom:`10px`,padding:`8px 12px`,backgroundColor:`white`,border:`1px solid #D1D5DB`,borderRadius:`4px`,color:`black`,fontSize:`14px`,fontWeight:500}};function y({debugInfo:e}){let[t,n]=o(!1);return a(`div`,{children:[a(`button`,{type:`button`,style:v.copyButton,onClick:()=>n(!t),children:`Ouvrir les informations`}),t&&a(`textarea`,{style:{display:`block`,width:`100%`,height:`200px`,fontSize:`12px`},children:e})]})}function b({debugInfo:e}){let{copied:t,copy:n}=_();return a(`div`,{style:v.errorContainer,children:[a(`div`,{style:v.header,children:a(`h3`,{style:v.title,children:`Oups ! Nous avons rencontré un petit problème`})}),a(`p`,{style:v.message,children:[`Impossible d'ouvrir le menu de partage pour le moment. Si le problème persiste, copiez les informations ci-dessous et collez-les dans votre mail à`,` `,a(`a`,{href:`mailto:help@frak-labs.com?subject=Debug`,style:v.link,children:`help@frak-labs.com`}),` `,a(`br`,{}),`Merci pour votre retour, nous traitons votre demande dans les plus brefs délais.`]}),a(`button`,{type:`button`,onClick:()=>n(e??``),style:v.copyButton,children:t?`Informations copiées !`:`Copier les informations de débogage`}),a(y,{debugInfo:e})]})}function x({placement:n,text:o=`Share and earn!`,classname:u=``,useReward:_,noRewardText:v,targetInteraction:y,clickAction:x}){let S=l(n),C=d(),w=S?.components?.buttonShare??C?.buttonShare;f(`frak-button-share`,n,w?.css);let T=r(()=>S?.targetInteraction===void 0?y:S.targetInteraction,[S?.targetInteraction,y]),E=w?.text??o,D=w?.noRewardText??v,O=r(()=>w?.useReward??_===!0,[w?.useReward,_]),k=r(()=>w?.clickAction??x??`sharing-page`,[w?.clickAction,x]),{shouldRender:A,isHidden:j,isClientReady:M}=i(),{reward:N}=m(O&&M,T),{handleShare:P,isError:F,debugInfo:I}=h(T,n),L=r(()=>O?N?E.includes(`{REWARD}`)?p(E,N):`${E} ${N}`:D??p(E,void 0):E,[O,E,D,N]),R=c(async()=>{e(window.FrakSetup.client,`share_button_clicked`),k===`embedded-wallet`?t(T,n):k===`share-modal`?await P():g(T,n)},[k,P,T,n]);if(!A||j)return null;let z=[`button`,`button__fadeIn`,u].filter(Boolean).join(` `);return a(s,{children:[a(`button`,{type:`button`,disabled:!M,class:z,onClick:R,children:L}),F&&a(b,{debugInfo:I})]})}u(x,`frak-button-share`,[`text`,`placement`,`classname`,`clickAction`,`useReward`,`noRewardText`,`targetInteraction`],{shadow:!1});export{x as ButtonShare};

package/cdn/ButtonWallet.Be1UyRm8.js

@@ -1,40 +0,0 @@
-import{C as e,a as t}from"./loader.js";import{a as n,c as r,i,l as a,n as o,o as s,p as c,t as l,u}from"./usePlacement.B7jMsQvP.js";import{t as d}from"./useReward.qEKeySJG.js";function f(e){return a(`svg`,{fill:`none`,height:`1em`,viewBox:`0 0 28 28`,width:`1em`,xmlns:`http://www.w3.org/2000/svg`,...e,children:[a(`title`,{children:`Gift icon`}),a(`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 p({placement:u,classname:p=``,useReward:m,targetInteraction:h}){let g=l(u),_=n(()=>g?.targetInteraction===void 0?h:g.targetInteraction,[g?.targetInteraction,h]),v=n(()=>m===!0,[m]),{shouldRender:y,isHidden:b,isClientReady:x}=i(),{reward:S}=d(v&&x,_),[C,w]=s(`right`);if(r(()=>{let e=g?.components?.buttonWallet?.position,t=window.FrakSetup?.modalWalletConfig?.metadata?.position;w(e??t??`right`)},[g?.components?.buttonWallet?.position]),!y||b)return null;let T=[`button`,`button__fadeIn`,C===`left`?`button__left`:`button__right`,p].filter(Boolean).join(` `);return a(c,{children:[a(`style`,{children:o(`
-.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;
-}
-`,g?.components?.buttonWallet?.css)}),a(`button`,{type:`button`,"aria-label":`Open wallet`,part:`button`,disabled:!x,class:T,onClick:()=>{e(window.FrakSetup.client,`wallet_button_clicked`),t(_,u)},children:[a(f,{}),S&&a(`span`,{class:`reward`,children:S})]})]})}u(p,`frak-button-wallet`,[`placement`,`classname`,`useReward`,`targetInteraction`],{shadow:!0});export{p as ButtonWallet};

package/cdn/OpenInAppButton.Diqt07eo.js

@@ -1 +0,0 @@
-import{C as e,_ as t,b as n}from"./loader.js";import{a as r,i,l as a,t as o,u as s}from"./usePlacement.B7jMsQvP.js";import{t as c}from"./useLightDomStyles.ZFa154u8.js";function l(){return typeof navigator>`u`?!1:!!(/iPhone|iPad|iPod|Android|webOS|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)||/Macintosh/i.test(navigator.userAgent)&&navigator.maxTouchPoints>1)}function u(){return{isMobile:r(()=>l(),[])}}function d(r=`wallet`){let i=window.FrakSetup?.client;i&&e(i,`open_in_app_clicked`),t(`${n}${r}`,{onFallback:()=>{i&&e(i,`app_not_installed`)}})}function f({placement:e,text:t=`Open in App`,classname:n=``}){let r=o(e),{shouldRender:s,isHidden:l,isClientReady:f}=i(),{isMobile:p}=u();c(`frak-open-in-app`,e,r?.components?.openInApp?.css);let m=r?.components?.openInApp?.text??t;if(!p||!s||l)return null;let h=()=>{d()},g=[`button`,`button__fadeIn`,n].filter(Boolean).join(` `);return a(`button`,{type:`button`,"aria-label":`Open in Frak Wallet app`,disabled:!f,class:g,onClick:h,children:m})}s(f,`frak-open-in-app`,[`text`,`placement`,`classname`],{shadow:!1});export{f as OpenInAppButton};

package/cdn/PostPurchase.DqFhm-Jn.js

@@ -1,52 +0,0 @@
-import{T as e,c as t,f as n,u as r,w as i}from"./loader.js";import{a,c as o,f as s,i as c,l,o as u,t as d,u as f}from"./usePlacement.B7jMsQvP.js";import{i as p,o as m,r as ee,t as h}from"./sprinkles.css.ts.vanilla.BtFkD4B3.js";import{t as g}from"./useGlobalComponents.BRe8dKO7.js";import{t as te}from"./useLightDomStyles.ZFa154u8.js";import{n as _,t as v}from"./formatReward.CXxVsWN3.js";import{t as y}from"./useShareModal.B--64ELG.js";function b(e){var t,n,r=``;if(typeof e==`string`||typeof e==`number`)r+=e;else if(typeof e==`object`)if(Array.isArray(e)){var i=e.length;for(t=0;t<i;t++)e[t]&&(n=b(e[t]))&&(r&&(r+=` `),r+=n)}else for(n in e)e[n]&&(r&&(r+=` `),r+=n);return r}function x(){for(var e,t,n=0,r=``,i=arguments.length;n<i;n++)(e=arguments[n])&&(t=b(e))&&(r&&(r+=` `),r+=t);return r}var S=`reset_base__1831jhd0`,C={ul:`reset_element_ul__1831jhd4`,ol:`reset_element_ol__1831jhd5`,button:`reset_element_button__1831jhd6 reset_fieldAppearance__1831jhd2 reset_focusRing__1831jhd1`,a:`reset_element_a__1831jhd7 reset_focusRing__1831jhd1`,input:`reset_fieldAppearance__1831jhd2 reset_focusRing__1831jhd1`,select:`reset_fieldAppearance__1831jhd2 reset_focusRing__1831jhd1`,textarea:`reset_fieldAppearance__1831jhd2 reset_focusRing__1831jhd1`,table:`reset_element_table__1831jhdb`,img:`reset_element_img__1831jhdc`};function w(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function T(e){var t=w(e,`string`);return typeof t==`symbol`?t:String(t)}function E(e,t,n){return t=T(t),t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function D(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function O(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?D(Object(n),!0).forEach(function(t){E(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):D(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var k=e=>function(){var t=Object.assign({},...[...arguments].map(e=>e.styles)),n=Object.keys(t),r=n.filter(e=>`mappings`in t[e]);return Object.assign(n=>{var i=[],a={},o=O({},n),s=!1;for(var c of r){var l=n[c];if(l!=null){var u=t[c];s=!0;for(var d of u.mappings)a[d]=l,o[d]??delete o[d]}}var f=s?O(O({},a),o):n,p=function(){var e=f[m],n=t[m];try{if(n.mappings)return 1;if(typeof e==`string`||typeof e==`number`)i.push(n.values[e].defaultClass);else if(Array.isArray(e))for(var r=0;r<e.length;r++){var a=e[r];if(a!=null){var o=n.responsiveArray[r];i.push(n.values[a].conditions[o])}}else for(var s in e){var c=e[s];c!=null&&i.push(n.values[c].conditions[s])}}catch(e){throw e}};for(var m in f)if(p())continue;return e(i.join(` `))},{properties:new Set(n)})},A=e=>e,j=function(){return k(A)(...arguments)}(function(){var e={conditions:{defaultCondition:`mobile`,conditionNames:[`mobile`,`tablet`,`desktop`],responsiveArray:[`mobile`,`tablet`,`desktop`]},styles:{padding:{mappings:[`paddingTop`,`paddingBottom`,`paddingLeft`,`paddingRight`]},paddingX:{mappings:[`paddingLeft`,`paddingRight`]},paddingY:{mappings:[`paddingTop`,`paddingBottom`]},marginX:{mappings:[`marginLeft`,`marginRight`]},marginY:{mappings:[`marginTop`,`marginBottom`]},display:{values:{none:{conditions:{mobile:`sprinkles_display_none_mobile__1iaw8zx0`,tablet:`sprinkles_display_none_tablet__1iaw8zx1`,desktop:`sprinkles_display_none_desktop__1iaw8zx2`},defaultClass:`sprinkles_display_none_mobile__1iaw8zx0`},flex:{conditions:{mobile:`sprinkles_display_flex_mobile__1iaw8zx3`,tablet:`sprinkles_display_flex_tablet__1iaw8zx4`,desktop:`sprinkles_display_flex_desktop__1iaw8zx5`},defaultClass:`sprinkles_display_flex_mobile__1iaw8zx3`},block:{conditions:{mobile:`sprinkles_display_block_mobile__1iaw8zx6`,tablet:`sprinkles_display_block_tablet__1iaw8zx7`,desktop:`sprinkles_display_block_desktop__1iaw8zx8`},defaultClass:`sprinkles_display_block_mobile__1iaw8zx6`},grid:{conditions:{mobile:`sprinkles_display_grid_mobile__1iaw8zx9`,tablet:`sprinkles_display_grid_tablet__1iaw8zxa`,desktop:`sprinkles_display_grid_desktop__1iaw8zxb`},defaultClass:`sprinkles_display_grid_mobile__1iaw8zx9`},"inline-flex":{conditions:{mobile:`sprinkles_display_inline-flex_mobile__1iaw8zxc`,tablet:`sprinkles_display_inline-flex_tablet__1iaw8zxd`,desktop:`sprinkles_display_inline-flex_desktop__1iaw8zxe`},defaultClass:`sprinkles_display_inline-flex_mobile__1iaw8zxc`}},responsiveArray:void 0},flexDirection:{values:{row:{conditions:{mobile:`sprinkles_flexDirection_row_mobile__1iaw8zxf`,tablet:`sprinkles_flexDirection_row_tablet__1iaw8zxg`,desktop:`sprinkles_flexDirection_row_desktop__1iaw8zxh`},defaultClass:`sprinkles_flexDirection_row_mobile__1iaw8zxf`},column:{conditions:{mobile:`sprinkles_flexDirection_column_mobile__1iaw8zxi`,tablet:`sprinkles_flexDirection_column_tablet__1iaw8zxj`,desktop:`sprinkles_flexDirection_column_desktop__1iaw8zxk`},defaultClass:`sprinkles_flexDirection_column_mobile__1iaw8zxi`}},responsiveArray:void 0},alignItems:{values:{stretch:{conditions:{mobile:`sprinkles_alignItems_stretch_mobile__1iaw8zxl`,tablet:`sprinkles_alignItems_stretch_tablet__1iaw8zxm`,desktop:`sprinkles_alignItems_stretch_desktop__1iaw8zxn`},defaultClass:`sprinkles_alignItems_stretch_mobile__1iaw8zxl`},"flex-start":{conditions:{mobile:`sprinkles_alignItems_flex-start_mobile__1iaw8zxo`,tablet:`sprinkles_alignItems_flex-start_tablet__1iaw8zxp`,desktop:`sprinkles_alignItems_flex-start_desktop__1iaw8zxq`},defaultClass:`sprinkles_alignItems_flex-start_mobile__1iaw8zxo`},center:{conditions:{mobile:`sprinkles_alignItems_center_mobile__1iaw8zxr`,tablet:`sprinkles_alignItems_center_tablet__1iaw8zxs`,desktop:`sprinkles_alignItems_center_desktop__1iaw8zxt`},defaultClass:`sprinkles_alignItems_center_mobile__1iaw8zxr`},"flex-end":{conditions:{mobile:`sprinkles_alignItems_flex-end_mobile__1iaw8zxu`,tablet:`sprinkles_alignItems_flex-end_tablet__1iaw8zxv`,desktop:`sprinkles_alignItems_flex-end_desktop__1iaw8zxw`},defaultClass:`sprinkles_alignItems_flex-end_mobile__1iaw8zxu`},baseline:{conditions:{mobile:`sprinkles_alignItems_baseline_mobile__1iaw8zxx`,tablet:`sprinkles_alignItems_baseline_tablet__1iaw8zxy`,desktop:`sprinkles_alignItems_baseline_desktop__1iaw8zxz`},defaultClass:`sprinkles_alignItems_baseline_mobile__1iaw8zxx`}},responsiveArray:void 0},justifyContent:{values:{stretch:{conditions:{mobile:`sprinkles_justifyContent_stretch_mobile__1iaw8zx10`,tablet:`sprinkles_justifyContent_stretch_tablet__1iaw8zx11`,desktop:`sprinkles_justifyContent_stretch_desktop__1iaw8zx12`},defaultClass:`sprinkles_justifyContent_stretch_mobile__1iaw8zx10`},"flex-start":{conditions:{mobile:`sprinkles_justifyContent_flex-start_mobile__1iaw8zx13`,tablet:`sprinkles_justifyContent_flex-start_tablet__1iaw8zx14`,desktop:`sprinkles_justifyContent_flex-start_desktop__1iaw8zx15`},defaultClass:`sprinkles_justifyContent_flex-start_mobile__1iaw8zx13`},center:{conditions:{mobile:`sprinkles_justifyContent_center_mobile__1iaw8zx16`,tablet:`sprinkles_justifyContent_center_tablet__1iaw8zx17`,desktop:`sprinkles_justifyContent_center_desktop__1iaw8zx18`},defaultClass:`sprinkles_justifyContent_center_mobile__1iaw8zx16`},"flex-end":{conditions:{mobile:`sprinkles_justifyContent_flex-end_mobile__1iaw8zx19`,tablet:`sprinkles_justifyContent_flex-end_tablet__1iaw8zx1a`,desktop:`sprinkles_justifyContent_flex-end_desktop__1iaw8zx1b`},defaultClass:`sprinkles_justifyContent_flex-end_mobile__1iaw8zx19`},"space-between":{conditions:{mobile:`sprinkles_justifyContent_space-between_mobile__1iaw8zx1c`,tablet:`sprinkles_justifyContent_space-between_tablet__1iaw8zx1d`,desktop:`sprinkles_justifyContent_space-between_desktop__1iaw8zx1e`},defaultClass:`sprinkles_justifyContent_space-between_mobile__1iaw8zx1c`},"space-around":{conditions:{mobile:`sprinkles_justifyContent_space-around_mobile__1iaw8zx1f`,tablet:`sprinkles_justifyContent_space-around_tablet__1iaw8zx1g`,desktop:`sprinkles_justifyContent_space-around_desktop__1iaw8zx1h`},defaultClass:`sprinkles_justifyContent_space-around_mobile__1iaw8zx1f`}},responsiveArray:void 0},flexWrap:{values:{nowrap:{conditions:{mobile:`sprinkles_flexWrap_nowrap_mobile__1iaw8zx1i`,tablet:`sprinkles_flexWrap_nowrap_tablet__1iaw8zx1j`,desktop:`sprinkles_flexWrap_nowrap_desktop__1iaw8zx1k`},defaultClass:`sprinkles_flexWrap_nowrap_mobile__1iaw8zx1i`},wrap:{conditions:{mobile:`sprinkles_flexWrap_wrap_mobile__1iaw8zx1l`,tablet:`sprinkles_flexWrap_wrap_tablet__1iaw8zx1m`,desktop:`sprinkles_flexWrap_wrap_desktop__1iaw8zx1n`},defaultClass:`sprinkles_flexWrap_wrap_mobile__1iaw8zx1l`},"wrap-reverse":{conditions:{mobile:`sprinkles_flexWrap_wrap-reverse_mobile__1iaw8zx1o`,tablet:`sprinkles_flexWrap_wrap-reverse_tablet__1iaw8zx1p`,desktop:`sprinkles_flexWrap_wrap-reverse_desktop__1iaw8zx1q`},defaultClass:`sprinkles_flexWrap_wrap-reverse_mobile__1iaw8zx1o`}},responsiveArray:void 0},gap:{values:{none:{conditions:{mobile:`sprinkles_gap_none_mobile__1iaw8zx1r`,tablet:`sprinkles_gap_none_tablet__1iaw8zx1s`,desktop:`sprinkles_gap_none_desktop__1iaw8zx1t`},defaultClass:`sprinkles_gap_none_mobile__1iaw8zx1r`},xxs:{conditions:{mobile:`sprinkles_gap_xxs_mobile__1iaw8zx1u`,tablet:`sprinkles_gap_xxs_tablet__1iaw8zx1v`,desktop:`sprinkles_gap_xxs_desktop__1iaw8zx1w`},defaultClass:`sprinkles_gap_xxs_mobile__1iaw8zx1u`},xs:{conditions:{mobile:`sprinkles_gap_xs_mobile__1iaw8zx1x`,tablet:`sprinkles_gap_xs_tablet__1iaw8zx1y`,desktop:`sprinkles_gap_xs_desktop__1iaw8zx1z`},defaultClass:`sprinkles_gap_xs_mobile__1iaw8zx1x`},s:{conditions:{mobile:`sprinkles_gap_s_mobile__1iaw8zx20`,tablet:`sprinkles_gap_s_tablet__1iaw8zx21`,desktop:`sprinkles_gap_s_desktop__1iaw8zx22`},defaultClass:`sprinkles_gap_s_mobile__1iaw8zx20`},m:{conditions:{mobile:`sprinkles_gap_m_mobile__1iaw8zx23`,tablet:`sprinkles_gap_m_tablet__1iaw8zx24`,desktop:`sprinkles_gap_m_desktop__1iaw8zx25`},defaultClass:`sprinkles_gap_m_mobile__1iaw8zx23`},l:{conditions:{mobile:`sprinkles_gap_l_mobile__1iaw8zx26`,tablet:`sprinkles_gap_l_tablet__1iaw8zx27`,desktop:`sprinkles_gap_l_desktop__1iaw8zx28`},defaultClass:`sprinkles_gap_l_mobile__1iaw8zx26`},xl:{conditions:{mobile:`sprinkles_gap_xl_mobile__1iaw8zx29`,tablet:`sprinkles_gap_xl_tablet__1iaw8zx2a`,desktop:`sprinkles_gap_xl_desktop__1iaw8zx2b`},defaultClass:`sprinkles_gap_xl_mobile__1iaw8zx29`}},responsiveArray:void 0},paddingTop:{values:{none:{conditions:{mobile:`sprinkles_paddingTop_none_mobile__1iaw8zx2c`,tablet:`sprinkles_paddingTop_none_tablet__1iaw8zx2d`,desktop:`sprinkles_paddingTop_none_desktop__1iaw8zx2e`},defaultClass:`sprinkles_paddingTop_none_mobile__1iaw8zx2c`},xxs:{conditions:{mobile:`sprinkles_paddingTop_xxs_mobile__1iaw8zx2f`,tablet:`sprinkles_paddingTop_xxs_tablet__1iaw8zx2g`,desktop:`sprinkles_paddingTop_xxs_desktop__1iaw8zx2h`},defaultClass:`sprinkles_paddingTop_xxs_mobile__1iaw8zx2f`},xs:{conditions:{mobile:`sprinkles_paddingTop_xs_mobile__1iaw8zx2i`,tablet:`sprinkles_paddingTop_xs_tablet__1iaw8zx2j`,desktop:`sprinkles_paddingTop_xs_desktop__1iaw8zx2k`},defaultClass:`sprinkles_paddingTop_xs_mobile__1iaw8zx2i`},s:{conditions:{mobile:`sprinkles_paddingTop_s_mobile__1iaw8zx2l`,tablet:`sprinkles_paddingTop_s_tablet__1iaw8zx2m`,desktop:`sprinkles_paddingTop_s_desktop__1iaw8zx2n`},defaultClass:`sprinkles_paddingTop_s_mobile__1iaw8zx2l`},m:{conditions:{mobile:`sprinkles_paddingTop_m_mobile__1iaw8zx2o`,tablet:`sprinkles_paddingTop_m_tablet__1iaw8zx2p`,desktop:`sprinkles_paddingTop_m_desktop__1iaw8zx2q`},defaultClass:`sprinkles_paddingTop_m_mobile__1iaw8zx2o`},l:{conditions:{mobile:`sprinkles_paddingTop_l_mobile__1iaw8zx2r`,tablet:`sprinkles_paddingTop_l_tablet__1iaw8zx2s`,desktop:`sprinkles_paddingTop_l_desktop__1iaw8zx2t`},defaultClass:`sprinkles_paddingTop_l_mobile__1iaw8zx2r`},xl:{conditions:{mobile:`sprinkles_paddingTop_xl_mobile__1iaw8zx2u`,tablet:`sprinkles_paddingTop_xl_tablet__1iaw8zx2v`,desktop:`sprinkles_paddingTop_xl_desktop__1iaw8zx2w`},defaultClass:`sprinkles_paddingTop_xl_mobile__1iaw8zx2u`}},responsiveArray:void 0},paddingBottom:{values:{none:{conditions:{mobile:`sprinkles_paddingBottom_none_mobile__1iaw8zx2x`,tablet:`sprinkles_paddingBottom_none_tablet__1iaw8zx2y`,desktop:`sprinkles_paddingBottom_none_desktop__1iaw8zx2z`},defaultClass:`sprinkles_paddingBottom_none_mobile__1iaw8zx2x`},xxs:{conditions:{mobile:`sprinkles_paddingBottom_xxs_mobile__1iaw8zx30`,tablet:`sprinkles_paddingBottom_xxs_tablet__1iaw8zx31`,desktop:`sprinkles_paddingBottom_xxs_desktop__1iaw8zx32`},defaultClass:`sprinkles_paddingBottom_xxs_mobile__1iaw8zx30`},xs:{conditions:{mobile:`sprinkles_paddingBottom_xs_mobile__1iaw8zx33`,tablet:`sprinkles_paddingBottom_xs_tablet__1iaw8zx34`,desktop:`sprinkles_paddingBottom_xs_desktop__1iaw8zx35`},defaultClass:`sprinkles_paddingBottom_xs_mobile__1iaw8zx33`},s:{conditions:{mobile:`sprinkles_paddingBottom_s_mobile__1iaw8zx36`,tablet:`sprinkles_paddingBottom_s_tablet__1iaw8zx37`,desktop:`sprinkles_paddingBottom_s_desktop__1iaw8zx38`},defaultClass:`sprinkles_paddingBottom_s_mobile__1iaw8zx36`},m:{conditions:{mobile:`sprinkles_paddingBottom_m_mobile__1iaw8zx39`,tablet:`sprinkles_paddingBottom_m_tablet__1iaw8zx3a`,desktop:`sprinkles_paddingBottom_m_desktop__1iaw8zx3b`},defaultClass:`sprinkles_paddingBottom_m_mobile__1iaw8zx39`},l:{conditions:{mobile:`sprinkles_paddingBottom_l_mobile__1iaw8zx3c`,tablet:`sprinkles_paddingBottom_l_tablet__1iaw8zx3d`,desktop:`sprinkles_paddingBottom_l_desktop__1iaw8zx3e`},defaultClass:`sprinkles_paddingBottom_l_mobile__1iaw8zx3c`},xl:{conditions:{mobile:`sprinkles_paddingBottom_xl_mobile__1iaw8zx3f`,tablet:`sprinkles_paddingBottom_xl_tablet__1iaw8zx3g`,desktop:`sprinkles_paddingBottom_xl_desktop__1iaw8zx3h`},defaultClass:`sprinkles_paddingBottom_xl_mobile__1iaw8zx3f`}},responsiveArray:void 0},paddingLeft:{values:{none:{conditions:{mobile:`sprinkles_paddingLeft_none_mobile__1iaw8zx3i`,tablet:`sprinkles_paddingLeft_none_tablet__1iaw8zx3j`,desktop:`sprinkles_paddingLeft_none_desktop__1iaw8zx3k`},defaultClass:`sprinkles_paddingLeft_none_mobile__1iaw8zx3i`},xxs:{conditions:{mobile:`sprinkles_paddingLeft_xxs_mobile__1iaw8zx3l`,tablet:`sprinkles_paddingLeft_xxs_tablet__1iaw8zx3m`,desktop:`sprinkles_paddingLeft_xxs_desktop__1iaw8zx3n`},defaultClass:`sprinkles_paddingLeft_xxs_mobile__1iaw8zx3l`},xs:{conditions:{mobile:`sprinkles_paddingLeft_xs_mobile__1iaw8zx3o`,tablet:`sprinkles_paddingLeft_xs_tablet__1iaw8zx3p`,desktop:`sprinkles_paddingLeft_xs_desktop__1iaw8zx3q`},defaultClass:`sprinkles_paddingLeft_xs_mobile__1iaw8zx3o`},s:{conditions:{mobile:`sprinkles_paddingLeft_s_mobile__1iaw8zx3r`,tablet:`sprinkles_paddingLeft_s_tablet__1iaw8zx3s`,desktop:`sprinkles_paddingLeft_s_desktop__1iaw8zx3t`},defaultClass:`sprinkles_paddingLeft_s_mobile__1iaw8zx3r`},m:{conditions:{mobile:`sprinkles_paddingLeft_m_mobile__1iaw8zx3u`,tablet:`sprinkles_paddingLeft_m_tablet__1iaw8zx3v`,desktop:`sprinkles_paddingLeft_m_desktop__1iaw8zx3w`},defaultClass:`sprinkles_paddingLeft_m_mobile__1iaw8zx3u`},l:{conditions:{mobile:`sprinkles_paddingLeft_l_mobile__1iaw8zx3x`,tablet:`sprinkles_paddingLeft_l_tablet__1iaw8zx3y`,desktop:`sprinkles_paddingLeft_l_desktop__1iaw8zx3z`},defaultClass:`sprinkles_paddingLeft_l_mobile__1iaw8zx3x`},xl:{conditions:{mobile:`sprinkles_paddingLeft_xl_mobile__1iaw8zx40`,tablet:`sprinkles_paddingLeft_xl_tablet__1iaw8zx41`,desktop:`sprinkles_paddingLeft_xl_desktop__1iaw8zx42`},defaultClass:`sprinkles_paddingLeft_xl_mobile__1iaw8zx40`}},responsiveArray:void 0},paddingRight:{values:{none:{conditions:{mobile:`sprinkles_paddingRight_none_mobile__1iaw8zx43`,tablet:`sprinkles_paddingRight_none_tablet__1iaw8zx44`,desktop:`sprinkles_paddingRight_none_desktop__1iaw8zx45`},defaultClass:`sprinkles_paddingRight_none_mobile__1iaw8zx43`},xxs:{conditions:{mobile:`sprinkles_paddingRight_xxs_mobile__1iaw8zx46`,tablet:`sprinkles_paddingRight_xxs_tablet__1iaw8zx47`,desktop:`sprinkles_paddingRight_xxs_desktop__1iaw8zx48`},defaultClass:`sprinkles_paddingRight_xxs_mobile__1iaw8zx46`},xs:{conditions:{mobile:`sprinkles_paddingRight_xs_mobile__1iaw8zx49`,tablet:`sprinkles_paddingRight_xs_tablet__1iaw8zx4a`,desktop:`sprinkles_paddingRight_xs_desktop__1iaw8zx4b`},defaultClass:`sprinkles_paddingRight_xs_mobile__1iaw8zx49`},s:{conditions:{mobile:`sprinkles_paddingRight_s_mobile__1iaw8zx4c`,tablet:`sprinkles_paddingRight_s_tablet__1iaw8zx4d`,desktop:`sprinkles_paddingRight_s_desktop__1iaw8zx4e`},defaultClass:`sprinkles_paddingRight_s_mobile__1iaw8zx4c`},m:{conditions:{mobile:`sprinkles_paddingRight_m_mobile__1iaw8zx4f`,tablet:`sprinkles_paddingRight_m_tablet__1iaw8zx4g`,desktop:`sprinkles_paddingRight_m_desktop__1iaw8zx4h`},defaultClass:`sprinkles_paddingRight_m_mobile__1iaw8zx4f`},l:{conditions:{mobile:`sprinkles_paddingRight_l_mobile__1iaw8zx4i`,tablet:`sprinkles_paddingRight_l_tablet__1iaw8zx4j`,desktop:`sprinkles_paddingRight_l_desktop__1iaw8zx4k`},defaultClass:`sprinkles_paddingRight_l_mobile__1iaw8zx4i`},xl:{conditions:{mobile:`sprinkles_paddingRight_xl_mobile__1iaw8zx4l`,tablet:`sprinkles_paddingRight_xl_tablet__1iaw8zx4m`,desktop:`sprinkles_paddingRight_xl_desktop__1iaw8zx4n`},defaultClass:`sprinkles_paddingRight_xl_mobile__1iaw8zx4l`}},responsiveArray:void 0},marginTop:{values:{none:{conditions:{mobile:`sprinkles_marginTop_none_mobile__1iaw8zx4o`,tablet:`sprinkles_marginTop_none_tablet__1iaw8zx4p`,desktop:`sprinkles_marginTop_none_desktop__1iaw8zx4q`},defaultClass:`sprinkles_marginTop_none_mobile__1iaw8zx4o`},xxs:{conditions:{mobile:`sprinkles_marginTop_xxs_mobile__1iaw8zx4r`,tablet:`sprinkles_marginTop_xxs_tablet__1iaw8zx4s`,desktop:`sprinkles_marginTop_xxs_desktop__1iaw8zx4t`},defaultClass:`sprinkles_marginTop_xxs_mobile__1iaw8zx4r`},xs:{conditions:{mobile:`sprinkles_marginTop_xs_mobile__1iaw8zx4u`,tablet:`sprinkles_marginTop_xs_tablet__1iaw8zx4v`,desktop:`sprinkles_marginTop_xs_desktop__1iaw8zx4w`},defaultClass:`sprinkles_marginTop_xs_mobile__1iaw8zx4u`},s:{conditions:{mobile:`sprinkles_marginTop_s_mobile__1iaw8zx4x`,tablet:`sprinkles_marginTop_s_tablet__1iaw8zx4y`,desktop:`sprinkles_marginTop_s_desktop__1iaw8zx4z`},defaultClass:`sprinkles_marginTop_s_mobile__1iaw8zx4x`},m:{conditions:{mobile:`sprinkles_marginTop_m_mobile__1iaw8zx50`,tablet:`sprinkles_marginTop_m_tablet__1iaw8zx51`,desktop:`sprinkles_marginTop_m_desktop__1iaw8zx52`},defaultClass:`sprinkles_marginTop_m_mobile__1iaw8zx50`},l:{conditions:{mobile:`sprinkles_marginTop_l_mobile__1iaw8zx53`,tablet:`sprinkles_marginTop_l_tablet__1iaw8zx54`,desktop:`sprinkles_marginTop_l_desktop__1iaw8zx55`},defaultClass:`sprinkles_marginTop_l_mobile__1iaw8zx53`},xl:{conditions:{mobile:`sprinkles_marginTop_xl_mobile__1iaw8zx56`,tablet:`sprinkles_marginTop_xl_tablet__1iaw8zx57`,desktop:`sprinkles_marginTop_xl_desktop__1iaw8zx58`},defaultClass:`sprinkles_marginTop_xl_mobile__1iaw8zx56`}},responsiveArray:void 0},marginBottom:{values:{none:{conditions:{mobile:`sprinkles_marginBottom_none_mobile__1iaw8zx59`,tablet:`sprinkles_marginBottom_none_tablet__1iaw8zx5a`,desktop:`sprinkles_marginBottom_none_desktop__1iaw8zx5b`},defaultClass:`sprinkles_marginBottom_none_mobile__1iaw8zx59`},xxs:{conditions:{mobile:`sprinkles_marginBottom_xxs_mobile__1iaw8zx5c`,tablet:`sprinkles_marginBottom_xxs_tablet__1iaw8zx5d`,desktop:`sprinkles_marginBottom_xxs_desktop__1iaw8zx5e`},defaultClass:`sprinkles_marginBottom_xxs_mobile__1iaw8zx5c`},xs:{conditions:{mobile:`sprinkles_marginBottom_xs_mobile__1iaw8zx5f`,tablet:`sprinkles_marginBottom_xs_tablet__1iaw8zx5g`,desktop:`sprinkles_marginBottom_xs_desktop__1iaw8zx5h`},defaultClass:`sprinkles_marginBottom_xs_mobile__1iaw8zx5f`},s:{conditions:{mobile:`sprinkles_marginBottom_s_mobile__1iaw8zx5i`,tablet:`sprinkles_marginBottom_s_tablet__1iaw8zx5j`,desktop:`sprinkles_marginBottom_s_desktop__1iaw8zx5k`},defaultClass:`sprinkles_marginBottom_s_mobile__1iaw8zx5i`},m:{conditions:{mobile:`sprinkles_marginBottom_m_mobile__1iaw8zx5l`,tablet:`sprinkles_marginBottom_m_tablet__1iaw8zx5m`,desktop:`sprinkles_marginBottom_m_desktop__1iaw8zx5n`},defaultClass:`sprinkles_marginBottom_m_mobile__1iaw8zx5l`},l:{conditions:{mobile:`sprinkles_marginBottom_l_mobile__1iaw8zx5o`,tablet:`sprinkles_marginBottom_l_tablet__1iaw8zx5p`,desktop:`sprinkles_marginBottom_l_desktop__1iaw8zx5q`},defaultClass:`sprinkles_marginBottom_l_mobile__1iaw8zx5o`},xl:{conditions:{mobile:`sprinkles_marginBottom_xl_mobile__1iaw8zx5r`,tablet:`sprinkles_marginBottom_xl_tablet__1iaw8zx5s`,desktop:`sprinkles_marginBottom_xl_desktop__1iaw8zx5t`},defaultClass:`sprinkles_marginBottom_xl_mobile__1iaw8zx5r`}},responsiveArray:void 0},marginLeft:{values:{none:{conditions:{mobile:`sprinkles_marginLeft_none_mobile__1iaw8zx5u`,tablet:`sprinkles_marginLeft_none_tablet__1iaw8zx5v`,desktop:`sprinkles_marginLeft_none_desktop__1iaw8zx5w`},defaultClass:`sprinkles_marginLeft_none_mobile__1iaw8zx5u`},xxs:{conditions:{mobile:`sprinkles_marginLeft_xxs_mobile__1iaw8zx5x`,tablet:`sprinkles_marginLeft_xxs_tablet__1iaw8zx5y`,desktop:`sprinkles_marginLeft_xxs_desktop__1iaw8zx5z`},defaultClass:`sprinkles_marginLeft_xxs_mobile__1iaw8zx5x`},xs:{conditions:{mobile:`sprinkles_marginLeft_xs_mobile__1iaw8zx60`,tablet:`sprinkles_marginLeft_xs_tablet__1iaw8zx61`,desktop:`sprinkles_marginLeft_xs_desktop__1iaw8zx62`},defaultClass:`sprinkles_marginLeft_xs_mobile__1iaw8zx60`},s:{conditions:{mobile:`sprinkles_marginLeft_s_mobile__1iaw8zx63`,tablet:`sprinkles_marginLeft_s_tablet__1iaw8zx64`,desktop:`sprinkles_marginLeft_s_desktop__1iaw8zx65`},defaultClass:`sprinkles_marginLeft_s_mobile__1iaw8zx63`},m:{conditions:{mobile:`sprinkles_marginLeft_m_mobile__1iaw8zx66`,tablet:`sprinkles_marginLeft_m_tablet__1iaw8zx67`,desktop:`sprinkles_marginLeft_m_desktop__1iaw8zx68`},defaultClass:`sprinkles_marginLeft_m_mobile__1iaw8zx66`},l:{conditions:{mobile:`sprinkles_marginLeft_l_mobile__1iaw8zx69`,tablet:`sprinkles_marginLeft_l_tablet__1iaw8zx6a`,desktop:`sprinkles_marginLeft_l_desktop__1iaw8zx6b`},defaultClass:`sprinkles_marginLeft_l_mobile__1iaw8zx69`},xl:{conditions:{mobile:`sprinkles_marginLeft_xl_mobile__1iaw8zx6c`,tablet:`sprinkles_marginLeft_xl_tablet__1iaw8zx6d`,desktop:`sprinkles_marginLeft_xl_desktop__1iaw8zx6e`},defaultClass:`sprinkles_marginLeft_xl_mobile__1iaw8zx6c`}},responsiveArray:void 0},marginRight:{values:{none:{conditions:{mobile:`sprinkles_marginRight_none_mobile__1iaw8zx6f`,tablet:`sprinkles_marginRight_none_tablet__1iaw8zx6g`,desktop:`sprinkles_marginRight_none_desktop__1iaw8zx6h`},defaultClass:`sprinkles_marginRight_none_mobile__1iaw8zx6f`},xxs:{conditions:{mobile:`sprinkles_marginRight_xxs_mobile__1iaw8zx6i`,tablet:`sprinkles_marginRight_xxs_tablet__1iaw8zx6j`,desktop:`sprinkles_marginRight_xxs_desktop__1iaw8zx6k`},defaultClass:`sprinkles_marginRight_xxs_mobile__1iaw8zx6i`},xs:{conditions:{mobile:`sprinkles_marginRight_xs_mobile__1iaw8zx6l`,tablet:`sprinkles_marginRight_xs_tablet__1iaw8zx6m`,desktop:`sprinkles_marginRight_xs_desktop__1iaw8zx6n`},defaultClass:`sprinkles_marginRight_xs_mobile__1iaw8zx6l`},s:{conditions:{mobile:`sprinkles_marginRight_s_mobile__1iaw8zx6o`,tablet:`sprinkles_marginRight_s_tablet__1iaw8zx6p`,desktop:`sprinkles_marginRight_s_desktop__1iaw8zx6q`},defaultClass:`sprinkles_marginRight_s_mobile__1iaw8zx6o`},m:{conditions:{mobile:`sprinkles_marginRight_m_mobile__1iaw8zx6r`,tablet:`sprinkles_marginRight_m_tablet__1iaw8zx6s`,desktop:`sprinkles_marginRight_m_desktop__1iaw8zx6t`},defaultClass:`sprinkles_marginRight_m_mobile__1iaw8zx6r`},l:{conditions:{mobile:`sprinkles_marginRight_l_mobile__1iaw8zx6u`,tablet:`sprinkles_marginRight_l_tablet__1iaw8zx6v`,desktop:`sprinkles_marginRight_l_desktop__1iaw8zx6w`},defaultClass:`sprinkles_marginRight_l_mobile__1iaw8zx6u`},xl:{conditions:{mobile:`sprinkles_marginRight_xl_mobile__1iaw8zx6x`,tablet:`sprinkles_marginRight_xl_tablet__1iaw8zx6y`,desktop:`sprinkles_marginRight_xl_desktop__1iaw8zx6z`},defaultClass:`sprinkles_marginRight_xl_mobile__1iaw8zx6x`}},responsiveArray:void 0},borderRadius:{values:{none:{conditions:{mobile:`sprinkles_borderRadius_none_mobile__1iaw8zx70`,tablet:`sprinkles_borderRadius_none_tablet__1iaw8zx71`,desktop:`sprinkles_borderRadius_none_desktop__1iaw8zx72`},defaultClass:`sprinkles_borderRadius_none_mobile__1iaw8zx70`},xs:{conditions:{mobile:`sprinkles_borderRadius_xs_mobile__1iaw8zx73`,tablet:`sprinkles_borderRadius_xs_tablet__1iaw8zx74`,desktop:`sprinkles_borderRadius_xs_desktop__1iaw8zx75`},defaultClass:`sprinkles_borderRadius_xs_mobile__1iaw8zx73`},s:{conditions:{mobile:`sprinkles_borderRadius_s_mobile__1iaw8zx76`,tablet:`sprinkles_borderRadius_s_tablet__1iaw8zx77`,desktop:`sprinkles_borderRadius_s_desktop__1iaw8zx78`},defaultClass:`sprinkles_borderRadius_s_mobile__1iaw8zx76`},m:{conditions:{mobile:`sprinkles_borderRadius_m_mobile__1iaw8zx79`,tablet:`sprinkles_borderRadius_m_tablet__1iaw8zx7a`,desktop:`sprinkles_borderRadius_m_desktop__1iaw8zx7b`},defaultClass:`sprinkles_borderRadius_m_mobile__1iaw8zx79`},l:{conditions:{mobile:`sprinkles_borderRadius_l_mobile__1iaw8zx7c`,tablet:`sprinkles_borderRadius_l_tablet__1iaw8zx7d`,desktop:`sprinkles_borderRadius_l_desktop__1iaw8zx7e`},defaultClass:`sprinkles_borderRadius_l_mobile__1iaw8zx7c`},xl:{conditions:{mobile:`sprinkles_borderRadius_xl_mobile__1iaw8zx7f`,tablet:`sprinkles_borderRadius_xl_tablet__1iaw8zx7g`,desktop:`sprinkles_borderRadius_xl_desktop__1iaw8zx7h`},defaultClass:`sprinkles_borderRadius_xl_mobile__1iaw8zx7f`},xxl:{conditions:{mobile:`sprinkles_borderRadius_xxl_mobile__1iaw8zx7i`,tablet:`sprinkles_borderRadius_xxl_tablet__1iaw8zx7j`,desktop:`sprinkles_borderRadius_xxl_desktop__1iaw8zx7k`},defaultClass:`sprinkles_borderRadius_xxl_mobile__1iaw8zx7i`},full:{conditions:{mobile:`sprinkles_borderRadius_full_mobile__1iaw8zx7l`,tablet:`sprinkles_borderRadius_full_tablet__1iaw8zx7m`,desktop:`sprinkles_borderRadius_full_desktop__1iaw8zx7n`},defaultClass:`sprinkles_borderRadius_full_mobile__1iaw8zx7l`}},responsiveArray:void 0}}};return e.styles.display.responsiveArray=e.conditions.responsiveArray,e.styles.flexDirection.responsiveArray=e.conditions.responsiveArray,e.styles.alignItems.responsiveArray=e.conditions.responsiveArray,e.styles.justifyContent.responsiveArray=e.conditions.responsiveArray,e.styles.flexWrap.responsiveArray=e.conditions.responsiveArray,e.styles.gap.responsiveArray=e.conditions.responsiveArray,e.styles.paddingTop.responsiveArray=e.conditions.responsiveArray,e.styles.paddingBottom.responsiveArray=e.conditions.responsiveArray,e.styles.paddingLeft.responsiveArray=e.conditions.responsiveArray,e.styles.paddingRight.responsiveArray=e.conditions.responsiveArray,e.styles.marginTop.responsiveArray=e.conditions.responsiveArray,e.styles.marginBottom.responsiveArray=e.conditions.responsiveArray,e.styles.marginLeft.responsiveArray=e.conditions.responsiveArray,e.styles.marginRight.responsiveArray=e.conditions.responsiveArray,e.styles.borderRadius.responsiveArray=e.conditions.responsiveArray,e}(),{conditions:void 0,styles:{position:{values:{relative:{defaultClass:`sprinkles_position_relative__1iaw8zx7o`},absolute:{defaultClass:`sprinkles_position_absolute__1iaw8zx7p`},fixed:{defaultClass:`sprinkles_position_fixed__1iaw8zx7q`},sticky:{defaultClass:`sprinkles_position_sticky__1iaw8zx7r`}}},overflow:{values:{hidden:{defaultClass:`sprinkles_overflow_hidden__1iaw8zx7s`},scroll:{defaultClass:`sprinkles_overflow_scroll__1iaw8zx7t`},visible:{defaultClass:`sprinkles_overflow_visible__1iaw8zx7u`},auto:{defaultClass:`sprinkles_overflow_auto__1iaw8zx7v`}}},cursor:{values:{default:{defaultClass:`sprinkles_cursor_default__1iaw8zx7w`},pointer:{defaultClass:`sprinkles_cursor_pointer__1iaw8zx7x`}}},flexShrink:{values:{0:{defaultClass:`sprinkles_flexShrink_0__1iaw8zx7y`}}},flexGrow:{values:{0:{defaultClass:`sprinkles_flexGrow_0__1iaw8zx7z`},1:{defaultClass:`sprinkles_flexGrow_1__1iaw8zx80`}}},textAlign:{values:{left:{defaultClass:`sprinkles_textAlign_left__1iaw8zx81`},center:{defaultClass:`sprinkles_textAlign_center__1iaw8zx82`},right:{defaultClass:`sprinkles_textAlign_right__1iaw8zx83`}}},fontSize:{values:{xs:{defaultClass:`sprinkles_fontSize_xs__1iaw8zx84`},s:{defaultClass:`sprinkles_fontSize_s__1iaw8zx85`},m:{defaultClass:`sprinkles_fontSize_m__1iaw8zx86`},l:{defaultClass:`sprinkles_fontSize_l__1iaw8zx87`},xl:{defaultClass:`sprinkles_fontSize_xl__1iaw8zx88`},"2xl":{defaultClass:`sprinkles_fontSize_2xl__1iaw8zx89`},"3xl":{defaultClass:`sprinkles_fontSize_3xl__1iaw8zx8a`},"4xl":{defaultClass:`sprinkles_fontSize_4xl__1iaw8zx8b`},"5xl":{defaultClass:`sprinkles_fontSize_5xl__1iaw8zx8c`},"6xl":{defaultClass:`sprinkles_fontSize_6xl__1iaw8zx8d`}}},fontWeight:{values:{regular:{defaultClass:`sprinkles_fontWeight_regular__1iaw8zx8e`},medium:{defaultClass:`sprinkles_fontWeight_medium__1iaw8zx8f`},semiBold:{defaultClass:`sprinkles_fontWeight_semiBold__1iaw8zx8g`},bold:{defaultClass:`sprinkles_fontWeight_bold__1iaw8zx8h`}}}}},{conditions:{defaultCondition:`lightMode`,conditionNames:[`lightMode`,`darkMode`],responsiveArray:void 0},styles:{color:{values:{primary:{conditions:{lightMode:`sprinkles_color_primary_lightMode__1iaw8zx8i`,darkMode:`sprinkles_color_primary_darkMode__1iaw8zx8j`},defaultClass:`sprinkles_color_primary_lightMode__1iaw8zx8i`},secondary:{conditions:{lightMode:`sprinkles_color_secondary_lightMode__1iaw8zx8k`,darkMode:`sprinkles_color_secondary_darkMode__1iaw8zx8l`},defaultClass:`sprinkles_color_secondary_lightMode__1iaw8zx8k`},tertiary:{conditions:{lightMode:`sprinkles_color_tertiary_lightMode__1iaw8zx8m`,darkMode:`sprinkles_color_tertiary_darkMode__1iaw8zx8n`},defaultClass:`sprinkles_color_tertiary_lightMode__1iaw8zx8m`},disabled:{conditions:{lightMode:`sprinkles_color_disabled_lightMode__1iaw8zx8o`,darkMode:`sprinkles_color_disabled_darkMode__1iaw8zx8p`},defaultClass:`sprinkles_color_disabled_lightMode__1iaw8zx8o`},action:{conditions:{lightMode:`sprinkles_color_action_lightMode__1iaw8zx8q`,darkMode:`sprinkles_color_action_darkMode__1iaw8zx8r`},defaultClass:`sprinkles_color_action_lightMode__1iaw8zx8q`},onAction:{conditions:{lightMode:`sprinkles_color_onAction_lightMode__1iaw8zx8s`,darkMode:`sprinkles_color_onAction_darkMode__1iaw8zx8t`},defaultClass:`sprinkles_color_onAction_lightMode__1iaw8zx8s`},error:{conditions:{lightMode:`sprinkles_color_error_lightMode__1iaw8zx8u`,darkMode:`sprinkles_color_error_darkMode__1iaw8zx8v`},defaultClass:`sprinkles_color_error_lightMode__1iaw8zx8u`},success:{conditions:{lightMode:`sprinkles_color_success_lightMode__1iaw8zx8w`,darkMode:`sprinkles_color_success_darkMode__1iaw8zx8x`},defaultClass:`sprinkles_color_success_lightMode__1iaw8zx8w`},warning:{conditions:{lightMode:`sprinkles_color_warning_lightMode__1iaw8zx8y`,darkMode:`sprinkles_color_warning_darkMode__1iaw8zx8z`},defaultClass:`sprinkles_color_warning_lightMode__1iaw8zx8y`}}},backgroundColor:{values:{primary:{conditions:{lightMode:`sprinkles_backgroundColor_primary_lightMode__1iaw8zx90`,darkMode:`sprinkles_backgroundColor_primary_darkMode__1iaw8zx91`},defaultClass:`sprinkles_backgroundColor_primary_lightMode__1iaw8zx90`},secondary:{conditions:{lightMode:`sprinkles_backgroundColor_secondary_lightMode__1iaw8zx92`,darkMode:`sprinkles_backgroundColor_secondary_darkMode__1iaw8zx93`},defaultClass:`sprinkles_backgroundColor_secondary_lightMode__1iaw8zx92`},background:{conditions:{lightMode:`sprinkles_backgroundColor_background_lightMode__1iaw8zx94`,darkMode:`sprinkles_backgroundColor_background_darkMode__1iaw8zx95`},defaultClass:`sprinkles_backgroundColor_background_lightMode__1iaw8zx94`},elevated:{conditions:{lightMode:`sprinkles_backgroundColor_elevated_lightMode__1iaw8zx96`,darkMode:`sprinkles_backgroundColor_elevated_darkMode__1iaw8zx97`},defaultClass:`sprinkles_backgroundColor_elevated_lightMode__1iaw8zx96`},muted:{conditions:{lightMode:`sprinkles_backgroundColor_muted_lightMode__1iaw8zx98`,darkMode:`sprinkles_backgroundColor_muted_darkMode__1iaw8zx99`},defaultClass:`sprinkles_backgroundColor_muted_lightMode__1iaw8zx98`},tertiary:{conditions:{lightMode:`sprinkles_backgroundColor_tertiary_lightMode__1iaw8zx9a`,darkMode:`sprinkles_backgroundColor_tertiary_darkMode__1iaw8zx9b`},defaultClass:`sprinkles_backgroundColor_tertiary_lightMode__1iaw8zx9a`},disabled:{conditions:{lightMode:`sprinkles_backgroundColor_disabled_lightMode__1iaw8zx9c`,darkMode:`sprinkles_backgroundColor_disabled_darkMode__1iaw8zx9d`},defaultClass:`sprinkles_backgroundColor_disabled_lightMode__1iaw8zx9c`},error:{conditions:{lightMode:`sprinkles_backgroundColor_error_lightMode__1iaw8zx9e`,darkMode:`sprinkles_backgroundColor_error_darkMode__1iaw8zx9f`},defaultClass:`sprinkles_backgroundColor_error_lightMode__1iaw8zx9e`},success:{conditions:{lightMode:`sprinkles_backgroundColor_success_lightMode__1iaw8zx9g`,darkMode:`sprinkles_backgroundColor_success_darkMode__1iaw8zx9h`},defaultClass:`sprinkles_backgroundColor_success_lightMode__1iaw8zx9g`},warning:{conditions:{lightMode:`sprinkles_backgroundColor_warning_lightMode__1iaw8zx9i`,darkMode:`sprinkles_backgroundColor_warning_darkMode__1iaw8zx9j`},defaultClass:`sprinkles_backgroundColor_warning_lightMode__1iaw8zx9i`}}}}});p+h;function M({as:e=`div`,className:t,ref:n,children:r,style:i,...a}){let o={},c={};for(let e in a)j.properties.has(e)?o[e]=a[e]:c[e]=a[e];let l=C[e];return s(e,{className:x(l?`${S} ${l}`:S,j(o),t),style:i,ref:n,...c},r)}const N={"1/2":`0 0 50%`,"1/3":`0 0 33.333%`,"2/3":`0 0 66.667%`,"1/4":`0 0 25%`,"3/4":`0 0 75%`,"1/5":`0 0 20%`,"2/5":`0 0 40%`,"3/5":`0 0 60%`};function P({width:e,children:t}){return e===`content`?l(M,{flexShrink:0,children:t}):e===void 0?l(M,{flexGrow:1,children:t}):l(M,{style:{flex:N[e]},children:t})}const F={top:`flex-start`,center:`center`,bottom:`flex-end`};function ne({space:e,alignY:t,as:n=`div`,children:r}){return l(M,{as:n,display:`flex`,flexDirection:`row`,gap:e,alignItems:t?F[t]:void 0,children:r})}const I={left:`flex-start`,center:`center`,right:`flex-end`},L={left:`left`,center:`center`,right:`right`},R={start:`flex-start`,center:`center`,end:`flex-end`,"space-between":`space-between`};function z({space:e,padding:t,align:n,justify:r,as:i=`div`,className:a,children:o}){return l(M,{as:i,display:`flex`,flexDirection:`column`,gap:e,padding:t,alignItems:n?I[n]:void 0,justifyContent:r?R[r]:void 0,textAlign:n?L[n]:void 0,className:a,children:o})}var B=`PostPurchase_card__5fv5lh0`,V=`PostPurchase_cta__5fv5lh3`,H=`PostPurchase_frakLogo__5fv5lh6`,U=`PostPurchase_giftIcon__5fv5lh5`,W=`PostPurchase_icon__5fv5lh4`,G=`PostPurchase_message__5fv5lh2`;const K=p+h+`.PostPurchase_card__5fv5lh0 {
-  border-radius: 12px;
-  background-color: var(--surface-background__pbq4akc);
-  border: 1px solid var(--border-default__pbq4akv);
-}
-.PostPurchase_badge__5fv5lh1 {
-  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__5fv5lh2 {
-  margin: 0;
-  font-size: 16px;
-  line-height: 22px;
-  color: var(--text-primary__pbq4ak0);
-  font-weight: 600;
-}
-.PostPurchase_cta__5fv5lh3 {
-  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;
-  cursor: pointer;
-}
-.PostPurchase_cta__5fv5lh3:disabled {
-  opacity: 0.7;
-  cursor: default;
-}
-.PostPurchase_icon__5fv5lh4 {
-  margin: -2px 0;
-}
-.PostPurchase_giftIcon__5fv5lh5 {
-  display: block;
-  flex-shrink: 0;
-}
-.PostPurchase_frakLogo__5fv5lh6 {
-  display: block;
-  margin-left: auto;
-  color: var(--surface-primary__pbq4aka);
-}`;function q(e,t){let n=t.rewards.find(e=>e.interactionTypeKey===`purchase`&&(e.referrer||e.referee));if(!n)return null;let r=e?.isReferred&&n.referee?`referee`:`referrer`;return{variant:r,reward:r===`referee`?n.referee:n.referrer,merchantDomain:t.onChainMetadata.domain}}function J({customerId:s,orderId:f,token:p,sharingUrl:h,merchantId:b,placement:x,classname:S=``,variant:C,badgeText:w,referrerText:T,refereeText:E,ctaText:D}){let{shouldRender:O,isHidden:k,isClientReady:A}=c(),j=d(x);te(`frak-post-purchase`,x,j?.components?.postPurchase?.css,K);let[N,F]=u(null),[I,L]=u(!1);o(()=>{!A||!s||!f||!p||t({customerId:s,orderId:f,token:p,merchantId:b}).catch(()=>{})},[A,s,f,p,b]),o(()=>{if(!A||I)return;let t=window.FrakSetup?.client;t&&Promise.all([r(t),n(t)]).then(([e,t])=>{L(!0),F(q(e,t))}).catch(t=>{if(t instanceof e&&t.code===i.configError){L(!0);return}console.warn(`[Frak] Post-purchase context error`,t)})},[A,I]);let R=C??N?.variant,J=h??N?.merchantDomain,Y=a(()=>{if(!N?.reward)return;let e=window.FrakSetup?.client?.config?.metadata?.currency;return _(N.reward,e)},[N?.reward]),X=g(),Z=j?.components?.postPurchase??X?.postPurchase,Q=w??Z?.badgeText,$=a(()=>({message:R===`referee`?Y?v(E??Z?.refereeText??`You just earned {REWARD}! Share with friends to earn even more.`,Y):E??Z?.refereeNoRewardText??`You just earned a reward! Share with friends to earn even more.`:Y?v(T??Z?.referrerText??`Earn {REWARD} by sharing this with your friends!`,Y):T??Z?.referrerNoRewardText??`Share this with your friends and earn rewards!`,cta:Y?v(D??Z?.ctaText??`Share & earn {REWARD}`,Y):D??Z?.ctaNoRewardText??`Share & earn`}),[R,Y,Z,T,E,D]),{handleShare:re}=y(void 0,x,J);return!O||k||!N||!R?null:l(M,{className:[B,S].filter(Boolean).join(` `),padding:`m`,children:l(ne,{space:`xl`,alignY:`center`,children:[l(P,{children:l(z,{space:`xs`,children:[Q&&l(`span`,{class:`PostPurchase_badge__5fv5lh1`,children:Q}),l(`p`,{class:G,children:$.message}),l(M,{as:`button`,type:`button`,className:`${V} button`,disabled:!A,onClick:re,children:[$.cta,l(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`none`,"aria-hidden":`true`,className:`${W} button`,children:l(`path`,{d:`M13.8984 11.144C13.9864 11.052 14.1543 11.1114 14.1543 11.2388V11.644C14.1543 13.0509 12.6288 14.1918 10.7471 14.1919C8.86523 14.1919 7.33984 13.051 7.33984 11.644V11.2388C7.33984 11.1114 7.50675 11.052 7.59473 11.144C8.3452 11.9295 9.47906 12.4292 10.7471 12.4292C12.0149 12.4291 13.148 11.9293 13.8984 11.144ZM1.8457 9.64795C1.8457 9.51169 2.01094 9.44452 2.10254 9.54053C2.85304 10.3238 3.98586 10.8247 5.25293 10.8247C5.52246 10.8247 5.78608 10.8026 6.04102 10.7593C6.25744 10.7225 6.46582 10.8816 6.46582 11.1011V12.1704C6.46564 12.319 6.36769 12.4507 6.22266 12.4829C5.91535 12.5512 5.58981 12.5874 5.25293 12.5874C3.3711 12.5874 1.8457 11.4469 1.8457 10.0396V9.64795ZM10.7471 6.20654C12.6288 6.20666 14.1543 7.3475 14.1543 8.75439C14.1541 10.1612 12.6287 11.3012 10.7471 11.3013C8.86535 11.3013 7.34004 10.1612 7.33984 8.75439C7.33984 7.34743 8.86523 6.20654 10.7471 6.20654ZM1.8457 6.8501C1.84597 6.71385 2.01208 6.64848 2.10352 6.74365C2.85393 7.52827 3.98602 8.0278 5.25293 8.02783C5.52282 8.02783 5.78667 8.00448 6.04199 7.96143C6.258 7.92499 6.46582 8.08514 6.46582 8.3042V9.37256C6.46582 9.52127 6.36783 9.65378 6.22266 9.68604C5.91537 9.75429 5.58979 9.79053 5.25293 9.79053C3.3711 9.79048 1.8457 8.64863 1.8457 7.24268V6.8501ZM5.25293 1.80811C7.13481 1.80811 8.66016 2.94856 8.66016 4.35596C8.66008 5.76331 7.13476 6.90381 5.25293 6.90381C3.37115 6.90376 1.84578 5.76328 1.8457 4.35596C1.8457 2.94858 3.3711 1.80815 5.25293 1.80811Z`,fill:`currentColor`})})]})]})}),l(P,{width:`content`,children:l(z,{space:`xs`,align:`right`,children:[l(ee,{className:U,width:80,height:80}),l(m,{className:H,width:14,height:14})]})})]})})}f(J,`frak-post-purchase`,[`customerId`,`orderId`,`token`,`sharingUrl`,`merchantId`,`placement`,`classname`,`variant`,`badgeText`,`referrerText`,`refereeText`,`ctaText`],{shadow:!1});export{J as PostPurchase};

package/cdn/formatReward.CXxVsWN3.js

@@ -1 +0,0 @@
-import{g as e,v as t,x as n}from"./loader.js";function r(r,i,a){let o=t(i),s=n(o);switch(r.payoutType){case`fixed`:return e(Math.round(r.amount[s]),o);case`percentage`:return a===void 0?`${r.percent} %`:e(Math.round(r.percent*a/100),o);case`tiered`:{let t=r.tiers.reduce((e,t)=>Math.max(e,t.amount[s]),0);return e(Math.round(t),o)}}}function i(e,t){return t?e.replace(`{REWARD}`,t):e.replace(`{REWARD}`,``)}export{r as n,i as t};

package/cdn/useGlobalComponents.BRe8dKO7.js

@@ -1 +0,0 @@
-import{S as e}from"./loader.js";import{a as t,c as n,o as r}from"./usePlacement.B7jMsQvP.js";function i(){let[i,a]=r(0);return n(()=>{let e=e=>{a(e=>e+1)};return window.addEventListener(`frak:config`,e),a(e=>e+1),()=>window.removeEventListener(`frak:config`,e)},[]),t(()=>e.getConfig().components,[i])}export{i as t};

package/cdn/useLightDomStyles.ZFa154u8.js

@@ -1 +0,0 @@
-import{t as e}from"./loader.js";import{c as t,r as n}from"./usePlacement.B7jMsQvP.js";function r(r,i,a,o){t(()=>{e.injectBase(r,o??n)},[r]),t(()=>{!i||!a||e.injectPlacement(r,i,a)},[r,i,a])}export{r as t};