@streamoid/photogenix-chat 0.2.7 → 0.2.8

package/dist/index.js

@@ -54671,7 +54671,7 @@ function DirectEditorHost({
   userId,
   email,
   modelType,
-  sourceImageUrl,
+  sourceImageUrls,
   submitted,
   submittedValues,
   onSubmit,
@@ -54681,7 +54681,7 @@ function DirectEditorHost({
   const containerRef = (0, import_react54.useRef)(null);
   const [fabricFiles, setFabricFiles] = (0, import_react54.useState)([]);
   const [fabricFileUrls, setFabricFileUrls] = (0, import_react54.useState)(/* @__PURE__ */ new Map());
-  const [isLoadingFiles, setIsLoadingFiles] = (0, import_react54.useState)(!!sourceImageUrl);
+  const [isLoadingFiles, setIsLoadingFiles] = (0, import_react54.useState)(!!sourceImageUrls?.length);
   const [error, setError] = (0, import_react54.useState)(null);
   const [isSubmitted, setIsSubmitted] = (0, import_react54.useState)(submitted === true);
   const [localSubmittedValues, setLocalSubmittedValues] = (0, import_react54.useState)(
@@ -54709,20 +54709,25 @@ function DirectEditorHost({
     setLocalSubmittedValues(submittedValues ?? null);
   }, [submitted, submittedValues]);
   (0, import_react54.useEffect)(() => {
-    if (!sourceImageUrl) {
+    if (!sourceImageUrls?.length) {
       setIsLoadingFiles(false);
       return;
     }
     let cancelled = false;
     (async () => {
       try {
-        const file = await urlToFile(sourceImageUrl);
+        const entries = await Promise.all(
+          sourceImageUrls.map(async (url) => {
+            const file = await urlToFile(url);
+            const objectUrl = URL.createObjectURL(file);
+            return [file, objectUrl];
+          })
+        );
         if (cancelled) return;
-        const objectUrl = URL.createObjectURL(file);
-        setFabricFiles([file]);
-        setFabricFileUrls(/* @__PURE__ */ new Map([[file, objectUrl]]));
+        setFabricFiles(entries.map(([f]) => f));
+        setFabricFileUrls(new Map(entries.map(([f, u]) => [f, u])));
       } catch (e) {
-        if (!cancelled) setError(`Failed to load source image: ${e.message}`);
+        if (!cancelled) setError(`Failed to load source images: ${e.message}`);
       } finally {
         if (!cancelled) setIsLoadingFiles(false);
       }
@@ -54730,7 +54735,7 @@ function DirectEditorHost({
     return () => {
       cancelled = true;
     };
-  }, [sourceImageUrl]);
+  }, [sourceImageUrls]);
   (0, import_react54.useEffect)(() => {
     if (!isLoadingFiles && !isCMSLoading) onReady?.();
   }, [isLoadingFiles, isCMSLoading, onReady]);
@@ -55062,7 +55067,7 @@ var PhotogenixEditorElement = class extends HTMLElement {
     if (!this._root) return;
     const props = this.uiProps;
     const photogenixBaseUrl = props.photogenixBaseUrl || props.photogenix_base_url || props.photogenixApiBase || "";
-    const sourceImageUrl = props.images?.[0]?.url || props.imageUrl || props.sourceImageUrl || "";
+    const sourceImageUrls = props.sourceImageUrls || (props.sourceImageUrl ? [props.sourceImageUrl] : props.imageUrl ? [props.imageUrl] : props.images?.map((img) => img.url).filter(Boolean) || []);
     const modelType = props.modelType || props.model_type || props.toolType || props.tool_type || "";
     this._root.render(
       /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(ChatCMSProvider, { workspaceId: this.workspaceId, userId: this.userId, email: this.email, photogenixBaseUrl: photogenixBaseUrl ? String(photogenixBaseUrl) : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
@@ -55072,7 +55077,7 @@ var PhotogenixEditorElement = class extends HTMLElement {
           userId: this.userId,
           email: this.email,
           modelType: String(modelType),
-          sourceImageUrl,
+          sourceImageUrls,
           submitted: this.submitted,
           submittedValues: this.submittedValues,
           onSubmit: (values, message) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamoid/photogenix-chat",
-  "version": "0.2.7",
+  "version": "0.2.8",
   "description": "Photogenix editor components for the Streamoid chat host — packaged as a Web Component with React 19 bundled internally",
   "type": "module",
   "main": "./dist/index.js",