@wise/dynamic-flow-client 3.31.2 → 3.32.0

package/build/main.js

@@ -1635,7 +1635,14 @@ var hiddenComponentToProps = () => ({
 });
 
 // src/revamp/renderers/mappers/imageComponentToProps.ts
-var imageComponentToProps = (component) => pick(component, "type", "accessibilityDescription", "control", "margin", "size", "url");
+var imageComponentToProps = (component) => {
+  var _a;
+  return __spreadProps(__spreadValues({}, pick(component, "type", "control", "margin", "size")), {
+    accessibilityDescription: component.content.accessibilityDescription,
+    url: (_a = component.content.url) != null ? _a : "",
+    uri: component.content.uri
+  });
+};
 
 // src/revamp/renderers/mappers/instructionsComponentToProps.ts
 var instructionsComponentToProps = (component) => pick(component, "type", "control", "items", "margin", "title");
@@ -10131,13 +10138,12 @@ var createImageComponent = (imageProps) => __spreadProps(__spreadValues({
 });
 
 // src/revamp/domain/mappers/layout/imageLayoutToComponent.ts
-var imageLayoutToComponent = (uid, { accessibilityDescription, control, margin = "md", size: size2 = "md", text, url }) => createImageComponent({
+var imageLayoutToComponent = (uid, { accessibilityDescription, content, control, margin = "md", size: size2 = "md", text, url }) => createImageComponent({
   uid,
-  accessibilityDescription: accessibilityDescription != null ? accessibilityDescription : text,
+  content: content != null ? content : { accessibilityDescription: accessibilityDescription != null ? accessibilityDescription : text, url },
   control,
   margin,
-  size: size2,
-  url
+  size: size2
 });
 
 // src/revamp/domain/components/MarkdownComponent.ts
@@ -12138,12 +12144,20 @@ function ImageRendererComponent({
   accessibilityDescription,
   margin,
   size: size2,
-  url
+  url,
+  uri
 }) {
   const [imageSource, setImageSource] = (0, import_react9.useState)("");
   const httpClient = useRendererHttpClient();
   (0, import_react9.useEffect)(() => {
-    void getImageSource(httpClient, url).then(setImageSource);
+    if (!uri) {
+      void getImageSource(httpClient, url).then(setImageSource);
+      return;
+    }
+    if (!uri.startsWith("urn:")) {
+      void getImageSource(httpClient, uri).then(setImageSource);
+      return;
+    }
   }, [url, httpClient]);
   return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: `df-image ${size2 || "md"}`, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     import_components12.Image,