@funnelsgrove/runtime 0.7.26 → 0.7.28

package/dist/components/FunnelRuntimeConfigBoundary.js

@@ -13,6 +13,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useContext, useEffect, useMemo, useState, } from 'react';
 import { loadFunnelRuntimeConfig, resolvePublishedFunnelRuntimeConfig, } from '../services/funnel-runtime-config.js';
+import { isPreviewFrameRuntime } from '../services/preview-frame.service.js';
 const FunnelRuntimeConfigContext = createContext({
     status: 'fallback',
     config: null,
@@ -32,6 +33,12 @@ function ActiveFunnelRuntimeConfigBoundary({ funnelId, funnelVersionId, children
         error: null,
     });
     useEffect(() => {
+        // The server snapshot cannot see the browser query string, so a preview
+        // frame can briefly mount this active boundary during hydration. Avoid a
+        // same-origin config request before the parent switches to disabled mode.
+        if (isPreviewFrameRuntime()) {
+            return undefined;
+        }
         let active = true;
         let refreshTimer = null;
         const refresh = () => loadFunnelRuntimeConfig(funnelId, { versionId: funnelVersionId })

package/dist/services/api.service.d.ts

@@ -59,7 +59,6 @@ export type EmailCaptureResult = {
     activeSubscription: boolean;
 };
 declare class ApiService {
-    private readFileAsDataUrl;
     getOrCreateClientUserId(): string;
     persistCanonicalUserId(userId: string): string;
     getSubscriptionManagementUserId(): string | null;

package/dist/services/api.service.js

@@ -194,20 +194,6 @@ const toAppUser = (input) => {
     };
 };
 class ApiService {
-    readFileAsDataUrl(file) {
-        return new Promise((resolve, reject) => {
-            const reader = new FileReader();
-            reader.onload = () => {
-                if (typeof reader.result !== 'string' || !reader.result.trim()) {
-                    reject(new Error('Failed to read image'));
-                    return;
-                }
-                resolve(reader.result);
-            };
-            reader.onerror = () => reject(new Error('Failed to read image'));
-            reader.readAsDataURL(file);
-        });
-    }
     getOrCreateClientUserId() {
         const existing = readStoredUserId(FUNNEL_ID);
         if (existing) {
@@ -465,8 +451,8 @@ class ApiService {
     async uploadTempPhoto(input) {
         const userId = persistUserId(input.userId || this.getOrCreateClientUserId(), FUNNEL_ID);
         const publishableKey = getFunnelSdkPublishableKey();
-        const imageDataUrl = await this.readFileAsDataUrl(input.file);
         if (!publishableKey) {
+            const imageDataUrl = URL.createObjectURL(input.file);
             return {
                 key: `local_${userId}_${Date.now()}`,
                 publicUrl: imageDataUrl,
@@ -475,11 +461,11 @@ class ApiService {
                 uploadedAt: new Date().toISOString(),
             };
         }
-        const payload = await funnelSdkService.uploadPhoto({
+        const payload = await funnelSdkService.uploadPhotoFile({
             userId,
             fileName: input.file.name || 'capture.jpg',
-            mimeType: input.file.type || undefined,
-            imageDataUrl,
+            contentType: input.file.type || undefined,
+            file: input.file,
             source: input.source || 'upload',
         });
         const publicUrl = asString(payload.publicUrl);

package/dist/services/funnel-sdk.service.d.ts

@@ -77,6 +77,25 @@ export type FunnelSdkUploadPhotoInput = {
     userId?: string | null;
     runtimeConfig?: FunnelSdkRuntimeConfigOverrides;
 };
+export type FunnelSdkUploadPhotoFileInput = {
+    file: Blob;
+    fileName: string;
+    contentType?: string | null;
+    source?: 'camera' | 'upload' | string | null;
+    userId?: string | null;
+    runtimeConfig?: FunnelSdkRuntimeConfigOverrides;
+};
+export type FunnelSdkPreparedPhotoUpload = {
+    key: string;
+    publicUrl: string;
+    uploadUrl: string;
+    uploadHeaders: Record<string, string>;
+    contentType: string;
+    sizeBytes: number;
+};
+export type FunnelSdkUploadedPhoto = Omit<FunnelSdkPreparedPhotoUpload, 'uploadUrl' | 'uploadHeaders'> & {
+    uploadedAt: string;
+};
 export type FunnelSdkCreateHostedCheckoutSessionInput = {
     planId: string;
     offerSetId?: string | null;
@@ -263,6 +282,10 @@ declare class FunnelSdkService {
     claimUserSubscription<ResponsePayload = FunnelSdkJsonObject>(input: FunnelSdkClaimUserSubscriptionInput): Promise<ResponsePayload>;
     updateFunnelUser<ResponsePayload = FunnelSdkJsonObject>(input: FunnelSdkUpdateFunnelUserInput): Promise<ResponsePayload>;
     uploadPhoto<ResponsePayload = FunnelSdkJsonObject>(input: FunnelSdkUploadPhotoInput): Promise<ResponsePayload>;
+    preparePhotoUpload(input: Omit<FunnelSdkUploadPhotoFileInput, 'file'> & {
+        sizeBytes: number;
+    }): Promise<FunnelSdkPreparedPhotoUpload>;
+    uploadPhotoFile(input: FunnelSdkUploadPhotoFileInput): Promise<FunnelSdkUploadedPhoto>;
     listPaymentPlans(input?: {
         environment?: FunnelSdkRuntimeMode;
         offerSetId?: string | null;

package/dist/services/funnel-sdk.service.js

@@ -186,6 +186,48 @@ class FunnelSdkService {
             errorMessage: 'Failed to upload photo',
         });
     }
+    async preparePhotoUpload(input) {
+        const { funnelId } = resolveRuntimeConfig(input.runtimeConfig);
+        return this.postJson('/sdk/public/uploads/photos/prepare', {
+            runtimeConfig: input.runtimeConfig,
+            body: {
+                funnelId,
+                userId: input.userId,
+                fileName: input.fileName,
+                contentType: input.contentType,
+                sizeBytes: input.sizeBytes,
+                source: input.source,
+            },
+            includeRuntimeFields: false,
+            includePublishableKey: false,
+            errorMessage: 'Failed to prepare photo upload',
+        });
+    }
+    async uploadPhotoFile(input) {
+        const prepared = await this.preparePhotoUpload({
+            fileName: input.fileName,
+            contentType: input.contentType,
+            sizeBytes: input.file.size,
+            source: input.source,
+            userId: input.userId,
+            runtimeConfig: input.runtimeConfig,
+        });
+        const response = await fetch(prepared.uploadUrl, {
+            method: 'PUT',
+            headers: prepared.uploadHeaders,
+            body: input.file,
+        });
+        if (!response.ok) {
+            throw new Error(`Failed to upload photo (${response.status})`);
+        }
+        return {
+            key: prepared.key,
+            publicUrl: prepared.publicUrl,
+            contentType: prepared.contentType,
+            sizeBytes: prepared.sizeBytes,
+            uploadedAt: new Date().toISOString(),
+        };
+    }
     async listPaymentPlans(input = {}) {
         const { funnelId } = resolveRuntimeConfig(input.runtimeConfig);
         return this.getJson('/sdk/public/payments/plans', {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@funnelsgrove/runtime",
-  "version": "0.7.26",
+  "version": "0.7.28",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/The-Solid-Grove/funnelsgrove.git",