@frak-labs/components 1.0.3 → 1.0.4-beta.f27f8229

package/dist/openInApp.js

@@ -1,31 +1,9 @@
-import { a as registerWebComponent, i as useClientReady, t as usePlacement } from "./usePlacement-V7NrKoub.js";
-import { t as useLightDomStyles } from "./useLightDomStyles-gbuSWvRx.js";
-import { DEEP_LINK_SCHEME, trackEvent, triggerDeepLinkWithFallback } from "@frak-labs/core-sdk";
+import { a as registerWebComponent, i as useClientReady, t as usePlacement } from "./usePlacement-DzEuVg_u.js";
+import { t as useLightDomStyles } from "./useLightDomStyles-DVe5UDg6.js";
+import { DEEP_LINK_SCHEME, isMobile, trackEvent, triggerDeepLinkWithFallback } from "@frak-labs/core-sdk";
 import { useMemo } from "preact/hooks";
 import { jsx } from "preact/jsx-runtime";
-//#region src/utils/isMobile.ts
-/**
-* Check if the current device is a mobile device
-* Uses UA regex + iPad desktop mode heuristic (maxTouchPoints)
-*
-* iPadOS 13+ sends a Macintosh UA in desktop mode, so the regex alone
-* misses it. The maxTouchPoints check catches iPads reporting as Mac.
-*
-* @returns True if the device is mobile (iOS, Android, iPadOS, etc.)
-*/
-function isMobile() {
-	if (typeof navigator === "undefined") return false;
-	if (/iPhone|iPad|iPod|Android|webOS|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) return true;
-	if (/Macintosh/i.test(navigator.userAgent) && navigator.maxTouchPoints > 1) return true;
-	return false;
-}
-//#endregion
-//#region src/hooks/useIsMobile.ts
-function useIsMobile() {
-	return { isMobile: useMemo(() => isMobile(), []) };
-}
-//#endregion
-//#region src/utils/openInApp.ts
+//#region src/actions/openInApp.ts
 const DEFAULT_PATH = "wallet";
 /**
 * Open the Frak Wallet mobile app via deep link with fallback detection.
@@ -48,6 +26,11 @@ function openFrakWalletApp(path = DEFAULT_PATH, placement) {
 	} });
 }
 //#endregion
+//#region src/hooks/useIsMobile.ts
+function useIsMobile() {
+	return { isMobile: useMemo(() => isMobile(), []) };
+}
+//#endregion
 //#region src/components/OpenInAppButton/OpenInAppButton.tsx
 /**
 * Button to open the Frak Wallet mobile app via deep link

package/dist/postPurchase.d.ts

@@ -62,6 +62,13 @@ type PostPurchaseProps = {
    * Use `{REWARD}` as placeholder for the reward amount.
    */
   ctaText?: string;
+  /**
+   * Override the image displayed on the left of the post-purchase card.
+   * Accepts an image URL. Falls back to the built-in gift icon when omitted.
+   * The image is constrained to the icon slot via `object-fit: contain`,
+   * so any aspect ratio renders correctly.
+   */
+  imageUrl?: string;
   /**
    * Optional product cards forwarded to the sharing page when the user
    * clicks the CTA. Accepts either a real {@link SharingPageProduct}
@@ -134,7 +141,8 @@ declare function PostPurchase({
   ctaText: propCtaText,
   preview,
   previewVariant,
-  products
+  products,
+  imageUrl
 }: PostPurchaseProps): _$preact.JSX.Element | null;
 //#endregion
 //#region src/components/PostPurchase/index.d.ts