@wise/dynamic-flow-client 3.31.1 → 3.32.0

package/build/main.js

@@ -436,8 +436,8 @@ var require_screenfull = __commonJS({
 });
 
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
+var index_exports = {};
+__export(index_exports, {
   DynamicFlow: () => DynamicFlow_default,
   DynamicFlowCoreRevamp: () => DynamicFlowCore,
   DynamicFlowRevamp: () => DynamicFlowWise_default,
@@ -451,7 +451,7 @@ __export(src_exports, {
   makeHttpClient: () => makeHttpClient,
   translations: () => i18n_default
 });
-module.exports = __toCommonJS(src_exports);
+module.exports = __toCommonJS(index_exports);
 
 // src/common/utils/api-utils.ts
 function isRelativePath(url = "") {
@@ -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");
@@ -6955,12 +6962,12 @@ var getStepPolling = ({
     }).catch(() => {
     });
   };
-  poll();
   const intervalRef = setInterval(poll, delay * 1e3);
   const stop = () => {
     clearTimeout(intervalRef);
     abortController.abort();
   };
+  poll();
   return { stop };
 };
 
@@ -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,