@superblocksteam/library 2.0.42-next.43 → 2.0.42-next.45

package/dist/root-store-B9bo79E9.js

@@ -0,0 +1,4 @@
+import { root_store_default } from "./root-store-DHEbJGYN.js";
+import "./utils-CCBWAYIM.js";
+
+export { root_store_default as default };

package/dist/{root-store-mvrXQD3h.js → root-store-DHEbJGYN.js}

@@ -1,6 +1,6 @@
 import { getTracer } from "./utils-CCBWAYIM.js";
 import { NotificationPosition, SbEntityType, TriggerStepType, isValidStepDef } from "@superblocksteam/library-shared/types";
-import _, { get, isEmpty, isNumber, isObject, isString, isUndefined, pick, set, throttle, toNumber, toString } from "lodash";
+import _, { cloneDeep, get, isEmpty, isNumber, isObject, isString, isUndefined, pick, set, throttle, toNumber, toString } from "lodash";
 import * as React$1 from "react";
 import React, { Suspense } from "react";
 import styled from "styled-components";
@@ -993,7 +993,7 @@ var registry_default = EventRegistry;
 
 //#endregion
 //#region src/lib/triggers/run-event-handlers.ts
-const getRootStore = () => import("./root-store-DbFURfA3.js").then((module) => module.default);
+const getRootStore = () => import("./root-store-B9bo79E9.js").then((module) => module.default);
 const runEventHandlers = async ({ flow, name, scopeId, additionalContext }) => {
 	const context$1 = {
 		scopeId,
@@ -3257,6 +3257,149 @@ function sendNotification({ message, description, duration, key = getKey("succes
 	});
 }
 
+//#endregion
+//#region src/lib/internal-details/lib/evaluator/file-utils.ts
+var FileManagerClass = class FileManagerClass {
+	static instance;
+	storage = {};
+	constructor() {}
+	static getInstance() {
+		if (!FileManagerClass.instance) FileManagerClass.instance = new FileManagerClass();
+		return FileManagerClass.instance;
+	}
+	store(componentName, file) {
+		const fileId = getFileUploadId(file);
+		if (!this.storage[componentName]) this.storage[componentName] = {};
+		this.storage[componentName][fileId] = file;
+	}
+	get(componentName, fileId) {
+		return this.storage[componentName]?.[fileId];
+	}
+	remove(componentName, file) {
+		const fileId = getFileUploadId(file);
+		if (this.storage[componentName]) delete this.storage[componentName][fileId];
+	}
+	clearComponent(componentName) {
+		delete this.storage[componentName];
+	}
+	clear() {
+		this.storage = {};
+	}
+};
+const FileManager = FileManagerClass.getInstance();
+function getFileUploadId(file) {
+	const name = file.name.replace(/[^a-zA-Z0-9.-]/g, "_");
+	const size = file.size;
+	const lastModified = file.lastModified;
+	return `${name}-${size}-${lastModified}`;
+}
+/**
+* Check if the given object is a light readable file.
+* Meaning it has a $superblocksId property.
+*
+* Compare to `isReadableFile` which checks if the object is a full superblocks readable file object.
+*/
+const isLightReadableFile = (f) => {
+	if (!f || typeof f !== "object" || Array.isArray(f)) return false;
+	if (Object.entries(f).length === 0) return false;
+	return "$superblocksId" in f;
+};
+function getFilePaths(root, path = []) {
+	const paths = [];
+	if (!root || !(typeof root === "object")) return paths;
+	if (Array.isArray(root) || isObservableArray(root)) {
+		root.forEach((v, i) => {
+			paths.push(...getFilePaths(v, [...path, i.toString()]));
+		});
+		return paths;
+	}
+	if (isLightReadableFile(root)) return [path];
+	Object.entries(root).forEach(([key, value]) => {
+		if (isLightReadableFile(value)) paths.push([...path, key]);
+		else if (value && (Array.isArray(value) || isObservableArray(value))) value.forEach((v, i) => {
+			paths.push(...getFilePaths(v, [
+				...path,
+				key,
+				i.toString()
+			]));
+		});
+		else if (value && typeof value === "object") paths.push(...getFilePaths(value, [...path, key]));
+	});
+	return paths;
+}
+/**
+* Extract Files and path to files from entities.
+* Used to retrieve files that are in an entity's state which is bound in a Backend API.
+* @param entities - The entities to extract files from
+* @returns
+*/
+function extractFilesFromEntities(entities) {
+	const files = {};
+	const pathToFiles = [];
+	Object.entries(entities).forEach(([entityName, entityValue]) => {
+		getFilePaths(entityValue).forEach((path) => {
+			const fileObj = get(entityValue, path);
+			if (isLightReadableFile(fileObj)) {
+				const fileId = fileObj.$superblocksId;
+				const file = FileManager.get(entityName, fileId);
+				if (file) {
+					files[fileId] = file;
+					pathToFiles.push([entityName, ...path]);
+				}
+			}
+		});
+	});
+	return {
+		files,
+		paths: pathToFiles
+	};
+}
+async function formatFilesForRequest(files) {
+	const entries$1 = Object.entries(files);
+	return await Promise.all(entries$1.map(async ([fileId, file]) => {
+		try {
+			const base64 = await new Promise((resolve, reject) => {
+				const reader = new FileReader();
+				reader.onload = () => resolve(reader.result.split(",")[1]);
+				reader.onerror = () => reject(new Error(reader.error?.message || "Unknown error reading file"));
+				reader.readAsDataURL(file);
+			});
+			return {
+				originalName: fileId,
+				buffer: base64,
+				encoding: "base64",
+				mimetype: "text/plain"
+			};
+		} catch (error) {
+			console.warn(`Failed to encode file ${file.name} (ID: ${fileId}):`, error);
+			throw error;
+		}
+	}));
+}
+function getFileWithUploadId(f) {
+	const uploadId = getFileUploadId(f);
+	Object.defineProperty(f, "$superblocksId", {
+		value: uploadId,
+		writable: false,
+		enumerable: true,
+		configurable: false
+	});
+	return f;
+}
+function getFileMetadata(f) {
+	const superblocksId = getFileUploadId(f);
+	const nameParts = f.name.split(".");
+	const extension = nameParts.length > 1 ? nameParts.pop() || "" : "";
+	return {
+		$superblocksId: superblocksId,
+		name: f.name,
+		extension,
+		type: f.type,
+		size: f.size,
+		encoding: "text"
+	};
+}
+
 //#endregion
 //#region src/lib/internal-details/lib/evaluator/binding-extraction.ts
 function getApiDeps(entitiesState, scopeId, apiDepCandidates) {
@@ -3274,7 +3417,32 @@ function getApiDeps(entitiesState, scopeId, apiDepCandidates) {
 			candidates[name] = stringifySplitPaths(parts.slice(0, i - 1));
 		} else candidates[name] = rest;
 	});
-	return Object.fromEntries(Object.entries(candidates).map(([candidateName, path]) => [candidateName, buildEntityByPath(path, entitiesState.getEntity(scopeId, getName(candidateName), { includeParentScopes: true }))]).filter(([_$1, entity]) => !!entity));
+	const entities = Object.fromEntries(Object.entries(candidates).map(([candidateName, path]) => [candidateName, buildEntityByPath(path, entitiesState.getEntity(scopeId, getName(candidateName), { includeParentScopes: true }))]).filter(([_$1, entity]) => !!entity));
+	const { files, paths } = extractFilesFromEntities(entities);
+	/**
+	* Update entities data payload that rely on files,
+	* to honor the FilePrivateMetadata type
+	* which is checked on runtime in the backend.
+	*/
+	const clonedEntities = /* @__PURE__ */ new Set();
+	paths.forEach((path) => {
+		const fileProps = get(entities, path);
+		if (isLightReadableFile(fileProps)) {
+			const file = FileManager.get(path[0], fileProps.$superblocksId);
+			if (file) {
+				const entityName = path[0];
+				if (!clonedEntities.has(entityName)) {
+					entities[entityName] = cloneDeep(entities[entityName]);
+					clonedEntities.add(entityName);
+				}
+				set(entities, path, getFileMetadata(file));
+			}
+		}
+	});
+	return {
+		entities,
+		files
+	};
 }
 function buildEntityByPath(path, entity) {
 	if (!isObject(entity) || path === "") return entity;
@@ -3359,9 +3527,8 @@ const generateId = () => {
 
 //#endregion
 //#region src/lib/internal-details/lib/features/api-utils.ts
-const SUPERBLOCKS_UI_EXECUTE_API_TIMEOUT_MS = 1e3 * 60 * 10;
 async function executeV2Api(params) {
-	const { body, api, notifyOnSystemError, eventType, onMessage, processStreamEvents, responseType, abortController, baseUrl, agents, viewMode, accessToken, token, traceHeaders } = params;
+	const { body, controlFlowOnlyFiles, api, notifyOnSystemError, eventType, onMessage, processStreamEvents, responseType, abortController, baseUrl, viewMode, accessToken, token, traceHeaders } = params;
 	let parentContext = context.active();
 	if (traceHeaders) parentContext = getContextFromTraceHeaders(traceHeaders);
 	let applicationId = "unknown";
@@ -3380,15 +3547,14 @@ async function executeV2Api(params) {
 		} catch {
 			cleanedBody = structuredClone(body);
 		}
+		if (controlFlowOnlyFiles && controlFlowOnlyFiles.length > 0) cleanedBody = {
+			...cleanedBody,
+			files: controlFlowOnlyFiles
+		};
 		const traceContextHeaders = getTraceContextHeadersFromSpan(span);
 		const init = {
 			method: HttpMethod.Post,
 			body: JSON.stringify(cleanedBody),
-			timeout: Number(SUPERBLOCKS_UI_EXECUTE_API_TIMEOUT_MS),
-			baseUrl,
-			responseType,
-			query: { eventType },
-			agents,
 			signal: abortController?.signal,
 			headers: {
 				[SUPERBLOCKS_AUTHORIZATION_HEADER]: `Bearer ${accessToken}`,
@@ -3739,7 +3905,9 @@ var ApiManager = class {
 				error: "No application ID was found"
 			};
 		}
-		const inputs = getApiDeps(this.rootStore.entityManager, scopeId, this.apiNameToDepCandidates[scopeId]?.[apiName] ?? []);
+		const apiDepCandidates = this.apiNameToDepCandidates[scopeId]?.[apiName] ?? [];
+		const { entities: inputs, files } = getApiDeps(this.rootStore.entityManager, scopeId, apiDepCandidates);
+		const controlFlowOnlyFiles = await formatFilesForRequest(files);
 		if (!this.agentUrls.length) {
 			editorBridge.setApiResponse(apiName, {
 				status: "STATUS_COMPLETED",
@@ -3795,6 +3963,7 @@ var ApiManager = class {
 					includeResolved: editMode$1
 				}
 			},
+			controlFlowOnlyFiles,
 			api,
 			environment: profileKey,
 			eventType: "api",
@@ -4559,5 +4728,5 @@ var RootStore = class {
 var root_store_default = new RootStore();
 
 //#endregion
-export { CLASS_NAMES, DEFAULT_ANONYMOUS_SOURCE_ID, DevTools, EventFlow, GLOBAL_SCOPE_ID, LazyFunction, NavigationEvent, Prop, PropsPanelCategory, RecordProp, Section, VALIDATORS, addNewPromise, colors, createInternalPropsList, createManagedPropsList, createPropertiesPanelDefinition, editorBridge, generateId, getEditStore, getName, iframeMessageHandler, isEditMode, isEmbeddedBySuperblocksFirstParty, isLocalLink, isName, isNameEqual, navigation, rejectById, resolveById, root_store_default, run_event_handlers_default, sendNotification, startEditorSync, system_error_default };
-//# sourceMappingURL=root-store-mvrXQD3h.js.map
+export { CLASS_NAMES, DEFAULT_ANONYMOUS_SOURCE_ID, DevTools, EventFlow, FileManager, GLOBAL_SCOPE_ID, LazyFunction, NavigationEvent, Prop, PropsPanelCategory, RecordProp, Section, VALIDATORS, addNewPromise, colors, createInternalPropsList, createManagedPropsList, createPropertiesPanelDefinition, editorBridge, generateId, getEditStore, getFileWithUploadId, getName, iframeMessageHandler, isEditMode, isEmbeddedBySuperblocksFirstParty, isLocalLink, isName, isNameEqual, navigation, rejectById, resolveById, root_store_default, run_event_handlers_default, sendNotification, startEditorSync, system_error_default };
+//# sourceMappingURL=root-store-DHEbJGYN.js.map