@wise/dynamic-flow-client 5.6.2 → 5.7.0

package/build/main.css

@@ -153,6 +153,21 @@
     width: 300px;
   }
 }
+.df-media-layout-avatar {
+  display: flex;
+}
+.df-media-layout-avatar.start {
+  justify-content: start;
+  align-items: start;
+}
+.df-media-layout-avatar.center {
+  justify-content: center;
+  align-items: center;
+}
+.df-media-layout-avatar.end {
+  justify-content: end;
+  align-items: end;
+}
 .df-toolbar {
   display: flex;
   gap: 0.25em;

package/build/main.js

@@ -841,6 +841,7 @@ var getChildren = (node) => {
     case "list":
     case "loading-indicator":
     case "markdown":
+    case "media":
     case "input-multi-select":
     case "input-upload-multi":
     case "input-number":
@@ -854,6 +855,7 @@ var getChildren = (node) => {
     case "input-upload":
     case "external-confirmation":
     case "subflow":
+    case "upsell":
       return [];
   }
 };
@@ -1134,6 +1136,55 @@ var createSubflowDomainComponent = (subflowProps, onComponentUpdate) => {
   return subflowComponent;
 };
 
+// src/domain/features/prefetch/request-cache.ts
+var makeRequestCacheWithParent = (parent) => {
+  const map = /* @__PURE__ */ new Map();
+  const cache = {
+    get: (requestParams) => {
+      var _a;
+      const key = makeRequestCacheKey(requestParams);
+      const promise = (_a = map.get(key)) != null ? _a : parent == null ? void 0 : parent.get(requestParams);
+      map.delete(key);
+      return promise;
+    },
+    set: (requestParams, responsePromise) => {
+      return map.set(makeRequestCacheKey(requestParams), responsePromise);
+    }
+  };
+  return cache;
+};
+var makeRequestCache = (initialValues = []) => {
+  const cache = makeRequestCacheWithParent(void 0);
+  initialValues.forEach(([requestParams, responsePromise]) => {
+    cache.set(requestParams, responsePromise);
+  });
+  return cache;
+};
+var normaliseRequestCache = (cache) => {
+  if (cache === void 0) {
+    return makeRequestCache();
+  }
+  if (isRequestCacheInstance(cache)) {
+    return cache;
+  }
+  return makeRequestCache(cache);
+};
+var isRequestCacheInstance = (cache) => {
+  return !cache || !Array.isArray(cache);
+};
+var makeRequestCacheKey = (requestParams) => {
+  var _a, _b;
+  const [input, init] = requestParams;
+  const url = typeof input === "string" || input instanceof URL ? input.toString() : input.url;
+  const key = JSON.stringify({
+    url,
+    method: (_a = init == null ? void 0 : init.method) != null ? _a : "GET",
+    headers: (init == null ? void 0 : init.headers) ? Array.from(new Headers(init.headers).entries()) : [],
+    body: (_b = init == null ? void 0 : init.body) != null ? _b : null
+  });
+  return key;
+};
+
 // src/domain/components/ModalComponent.ts
 var createModalContentComponent = (modalProps, onComponentUpdate) => {
   const update = getInputUpdateFunction(onComponentUpdate);
@@ -1208,51 +1259,6 @@ var getActionByReference = ($ref, actions = []) => {
   return action;
 };
 
-// src/domain/mappers/utils/call-to-action-utils.ts
-var getDomainLayerCallToAction = (callToAction, mapperProps) => {
-  var _a;
-  if (!callToAction) {
-    return void 0;
-  }
-  const { step, onBehavior, registerSubmissionBehavior } = mapperProps;
-  const stepActions = (_a = step.actions) != null ? _a : [];
-  const { title = "", accessibilityDescription, action, behavior } = callToAction;
-  return getCallToAction(
-    { title, accessibilityDescription },
-    getDomainLayerBehavior({ action, behavior }, stepActions, registerSubmissionBehavior),
-    onBehavior
-  );
-};
-var getCallToAction = ({ title, accessibilityDescription }, behavior, onBehavior) => {
-  const onClick = () => {
-    void onBehavior(behavior);
-  };
-  switch (behavior.type) {
-    case "action":
-    case "modal":
-    case "copy":
-    case "dismiss": {
-      return {
-        type: behavior.type,
-        title: title != null ? title : "",
-        accessibilityDescription,
-        onClick
-      };
-    }
-    case "link": {
-      return {
-        type: "link",
-        title: title != null ? title : "",
-        href: behavior.url,
-        accessibilityDescription,
-        onClick
-      };
-    }
-    default:
-      return void 0;
-  }
-};
-
 // src/domain/mappers/utils/legacy-utils.ts
 var mapLegacyContext = (context) => {
   switch (context) {
@@ -1304,6 +1310,27 @@ var legacyActionTypeToControl = {
 };
 var mapLegacyActionTypeToControl = (type) => type && type in legacyActionTypeToControl ? legacyActionTypeToControl[type] : "secondary";
 
+// src/domain/mappers/utils/call-to-action-utils.ts
+function getDomainLayerCallToAction(cta, mapperProps) {
+  var _a, _b;
+  if (!cta) {
+    return void 0;
+  }
+  const { step, onBehavior, registerSubmissionBehavior } = mapperProps;
+  const stepActions = (_a = step.actions) != null ? _a : [];
+  const behavior = getDomainLayerBehavior(cta, stepActions, registerSubmissionBehavior);
+  return {
+    type: behavior.type,
+    title: (_b = cta.title) != null ? _b : "",
+    context: cta.context ? mapLegacyContext(cta.context) : void 0,
+    accessibilityDescription: cta.accessibilityDescription,
+    href: behavior.type === "link" ? behavior.url : void 0,
+    onClick: () => {
+      void onBehavior(behavior);
+    }
+  };
+}
+
 // src/domain/mappers/layout/alertLayoutToComponent.ts
 var alertLayoutToComponent = (uid, {
   control,
@@ -1852,6 +1879,24 @@ var markdownLayoutToComponent = (uid, {
   size: size != null ? size : "md"
 });
 
+// src/domain/components/MediaComponent.ts
+var createMediaComponent = (props) => __spreadValues({
+  type: "media",
+  kind: "layout"
+}, props);
+
+// src/domain/mappers/layout/mediaLayoutToComponent.ts
+var mediaLayoutToComponent = (uid, { analyticsId, align, control, margin, media, size, tags }) => createMediaComponent({
+  uid,
+  analyticsId,
+  align: mapLegacyAlign(align != null ? align : "center"),
+  control,
+  margin: margin != null ? margin : "md",
+  media,
+  size: size != null ? size : "md",
+  tags
+});
+
 // src/domain/components/ModalLayoutComponent.ts
 var createModalComponent = (modalProps) => __spreadProps(__spreadValues({
   type: "modal-layout",
@@ -1951,14 +1996,14 @@ var reviewLayoutToComponent = (uid, {
 }, mapperProps) => createReviewComponent({
   uid,
   analyticsId,
-  callToAction: getCallToAction2({ mapperProps, callToAction, action }),
+  callToAction: getCallToAction({ mapperProps, callToAction, action }),
   control: getOrientationControl({ control, orientation }),
   fields: fields.map((field) => mapReviewField(field, mapperProps)),
   margin: margin != null ? margin : "md",
   tags,
   title
 });
-var getCallToAction2 = ({
+var getCallToAction = ({
   callToAction,
   action,
   mapperProps
@@ -1996,7 +2041,7 @@ var mapReviewField = (field, mapperProps) => {
     help: (_a = field.help) == null ? void 0 : _a.markdown,
     inlineAlert: mapInlineAlert(field.inlineAlert),
     additionalInfo: mapAdditionalInfo(field.additionalInfo, mapperProps),
-    callToAction: getCallToAction2({
+    callToAction: getCallToAction({
       callToAction: field.callToAction,
       mapperProps
     }),
@@ -2043,7 +2088,7 @@ var debounce = (callback, waitMs) => {
 // src/domain/components/searchComponent/SearchComponent.ts
 var DEBOUNCE_TIME = 400;
 var createSearchComponent = (searchProps, performSearch, onBehavior, onComponentUpdate) => {
-  const { uid, analyticsId, control, emptyMessage, margin, tags, title } = searchProps;
+  const { uid, analyticsId, control, emptyMessage, hint, margin, tags, title } = searchProps;
   const update = getInputUpdateFunction(onComponentUpdate);
   let abortController = new AbortController();
   const search = (component2, query, searchConfig) => {
@@ -2079,6 +2124,7 @@ var createSearchComponent = (searchProps, performSearch, onBehavior, onComponent
     analyticsId,
     control,
     emptyMessage,
+    hint,
     margin,
     tags,
     title,
@@ -2165,7 +2211,7 @@ var isValidResponseBody = (body) => isObject(body) && "results" in body && isArr
 var hashRequest = (query, config) => JSON.stringify({ query, config });
 
 // src/domain/mappers/layout/searchLayoutToComponent.ts
-var searchLayoutToComponent = (uid, { analyticsId, control, emptyMessage, method, param, title, url, margin, tags }, mapperProps) => {
+var searchLayoutToComponent = (uid, { analyticsId, control, emptyMessage, hint, method, param, title, url, margin, tags }, mapperProps) => {
   const { httpClient, onBehavior, onComponentUpdate } = mapperProps;
   const search = getPerformSearchFunction(httpClient, { method, param, url });
   return createSearchComponent(
@@ -2174,6 +2220,7 @@ var searchLayoutToComponent = (uid, { analyticsId, control, emptyMessage, method
       analyticsId,
       control,
       emptyMessage: emptyMessage != null ? emptyMessage : "",
+      hint,
       margin: margin != null ? margin : "md",
       tags,
       title
@@ -2253,6 +2300,60 @@ var mapTabs = (tabs, uid, mapperProps, schemaComponents) => tabs.map(({ componen
   )
 }));
 
+// src/domain/components/UpsellComponent.ts
+var createUpsellComponent = (upsellProps, onComponentUpdate) => {
+  const update = getInputUpdateFunction(onComponentUpdate);
+  const _a = upsellProps, { onDismiss: propsOnDismiss } = _a, restProps = __objRest(_a, ["onDismiss"]);
+  const component = __spreadProps(__spreadValues({
+    type: "upsell",
+    kind: "layout"
+  }, restProps), {
+    visible: true,
+    onDismiss: propsOnDismiss ? () => {
+      update(component, (draft) => {
+        draft.visible = false;
+      });
+      propsOnDismiss();
+    } : void 0
+  });
+  return component;
+};
+
+// src/domain/mappers/layout/upsellLayoutToComponent.ts
+var upsellLayoutToComponent = (uid, {
+  analyticsId,
+  callToAction,
+  context,
+  control,
+  margin,
+  media,
+  onDismiss,
+  tags,
+  text
+}, mapperProps) => {
+  const { onComponentUpdate } = mapperProps;
+  return createUpsellComponent(
+    {
+      uid,
+      analyticsId,
+      callToAction: getDomainLayerCallToAction(callToAction, mapperProps),
+      context: context ? mapLegacyContext(context) : "neutral",
+      control,
+      margin: margin != null ? margin : "md",
+      media: getDomainLayerMedia({ media }),
+      tags,
+      text,
+      onDismiss: onDismiss ? () => {
+        const { url, method } = onDismiss;
+        const body = method === "GET" ? void 0 : JSON.stringify(onDismiss.body);
+        void mapperProps.httpClient(url, { method, body }).catch(() => {
+        });
+      } : void 0
+    },
+    onComponentUpdate
+  );
+};
+
 // src/domain/mappers/mapLayoutToComponent.ts
 var mapLayoutToComponent = (uid, layout, mapperProps, schemaComponents) => {
   switch (layout.type) {
@@ -2284,6 +2385,8 @@ var mapLayoutToComponent = (uid, layout, mapperProps, schemaComponents) => {
       return loadingIndicatorLayoutToComponent(uid, layout);
     case "markdown":
       return markdownLayoutToComponent(uid, layout);
+    case "media":
+      return mediaLayoutToComponent(uid, layout);
     case "modal":
       return modalLayoutToComponent(uid, layout, mapperProps, schemaComponents);
     case "paragraph":
@@ -2300,6 +2403,8 @@ var mapLayoutToComponent = (uid, layout, mapperProps, schemaComponents) => {
       return statusListLayoutToComponent(uid, layout, mapperProps);
     case "tabs":
       return tabsLayoutToComponent(uid, layout, mapperProps, schemaComponents);
+    case "upsell":
+      return upsellLayoutToComponent(uid, layout, mapperProps);
     default:
       throw new Error(`Invalid layout type in ${JSON.stringify(layout)}`);
   }
@@ -6031,55 +6136,6 @@ var createRequestFromAction = (action, model) => {
   });
 };
 
-// src/domain/features/prefetch/request-cache.ts
-var makeRequestCacheWithParent = (parent) => {
-  const map = /* @__PURE__ */ new Map();
-  const cache = {
-    get: (requestParams) => {
-      var _a;
-      const key = makeRequestCacheKey(requestParams);
-      const promise = (_a = map.get(key)) != null ? _a : parent == null ? void 0 : parent.get(requestParams);
-      map.delete(key);
-      return promise;
-    },
-    set: (requestParams, responsePromise) => {
-      return map.set(makeRequestCacheKey(requestParams), responsePromise);
-    }
-  };
-  return cache;
-};
-var makeRequestCache = (initialValues = []) => {
-  const cache = makeRequestCacheWithParent(void 0);
-  initialValues.forEach(([requestParams, responsePromise]) => {
-    cache.set(requestParams, responsePromise);
-  });
-  return cache;
-};
-var normaliseRequestCache = (cache) => {
-  if (cache === void 0) {
-    return makeRequestCache();
-  }
-  if (isRequestCacheInstance(cache)) {
-    return cache;
-  }
-  return makeRequestCache(cache);
-};
-var isRequestCacheInstance = (cache) => {
-  return !cache || !Array.isArray(cache);
-};
-var makeRequestCacheKey = (requestParams) => {
-  var _a, _b;
-  const [input, init] = requestParams;
-  const url = typeof input === "string" || input instanceof URL ? input.toString() : input.url;
-  const key = JSON.stringify({
-    url,
-    method: (_a = init == null ? void 0 : init.method) != null ? _a : "GET",
-    headers: (init == null ? void 0 : init.headers) ? Array.from(new Headers(init.headers).entries()) : [],
-    body: (_b = init == null ? void 0 : init.body) != null ? _b : null
-  });
-  return key;
-};
-
 // src/domain/features/prefetch/getStepPrefetch.ts
 var getStepPrefetch = (httpClient, flowRequestCache, submissionBehaviors) => {
   const requestCache = makeRequestCacheWithParent(flowRequestCache);
@@ -6850,7 +6906,11 @@ var createFlowController = (props) => {
       initState = "created";
       trackEvent("Initiated");
       rootComponent.setLoadingState("submitting");
-      void onAction(__spreadValues({ method: "GET" }, initialAction), null);
+      void onAction(__spreadValues({ method: "GET" }, initialAction), null).then(() => {
+        initState = "started";
+        rootComponent.start();
+      });
+      return;
     }
     if (initState === "created") {
       initState = "started";
@@ -7497,6 +7557,9 @@ var markdownComponentToProps = (control, rendererMapperProps) => __spreadValues(
   "size"
 )), rendererMapperProps);
 
+// src/renderers/mappers/mediaComponentToProps.ts
+var mediaComponentToProps = (component, rendererMapperProps) => __spreadValues(__spreadValues({}, pick(component, "uid", "analyticsId", "type", "align", "control", "margin", "media", "size", "tags")), rendererMapperProps);
+
 // src/renderers/mappers/modalComponentToProps.ts
 var modalComponentToProps = (component, rendererMapperProps) => {
   const { uid, analyticsId, open, tags, title, close } = component;
@@ -7842,7 +7905,19 @@ var rootComponentToProps = (rootComponent, rendererMapperProps) => {
 
 // src/renderers/mappers/searchComponentToProps.ts
 var searchComponentToProps = (component, rendererMapperProps) => {
-  const { uid, control, emptyMessage, error, isLoading, margin, query, results, title, tags } = component;
+  const {
+    uid,
+    control,
+    emptyMessage,
+    error,
+    hint,
+    isLoading,
+    margin,
+    query,
+    results,
+    title,
+    tags
+  } = component;
   const onChange = component.onChange.bind(component);
   const onSelect = component.onSelect.bind(component);
   const state = getSearchState({
@@ -7859,6 +7934,7 @@ var searchComponentToProps = (component, rendererMapperProps) => {
     type: "search",
     id: uid,
     control,
+    hint,
     isLoading,
     margin,
     query,
@@ -8003,6 +8079,23 @@ var uploadInputComponentToProps = (component, rendererMapperProps) => {
   });
 };
 
+// src/renderers/mappers/upsellComponentToProps.ts
+var upsellComponentToProps = (component, rendererMapperProps) => __spreadValues(__spreadProps(__spreadValues({}, pick(
+  component,
+  "uid",
+  "analyticsId",
+  "type",
+  "callToAction",
+  "context",
+  "control",
+  "margin",
+  "media",
+  "tags",
+  "text"
+)), {
+  onDismiss: component.onDismiss ? component.onDismiss.bind(component) : void 0
+}), rendererMapperProps);
+
 // src/renderers/mappers/subflowComponentToRendererProps.ts
 var subflowComponentToRendererProps = (component, rendererMapperProps) => {
   return __spreadValues(__spreadProps(__spreadValues({
@@ -8084,6 +8177,8 @@ var getComponentProps = (component, rendererMapperProps) => {
       return loadingIndicatorComponentToProps(component, rendererMapperProps);
     case "markdown":
       return markdownComponentToProps(component, rendererMapperProps);
+    case "media":
+      return mediaComponentToProps(component, rendererMapperProps);
     case "modal-layout":
       return modalLayoutComponentToProps(component, rendererMapperProps);
     case "modal":
@@ -8124,6 +8219,8 @@ var getComponentProps = (component, rendererMapperProps) => {
       return tupleComponentToProps(component, rendererMapperProps);
     case "upload":
       return uploadInputComponentToProps(component, rendererMapperProps);
+    case "upsell":
+      return upsellComponentToProps(component, rendererMapperProps);
     case "persist-async":
       return persistAsyncComponentToProps(component, rendererMapperProps);
     case "step":

package/build/main.mjs

@@ -811,6 +811,7 @@ var getChildren = (node) => {
     case "list":
     case "loading-indicator":
     case "markdown":
+    case "media":
     case "input-multi-select":
     case "input-upload-multi":
     case "input-number":
@@ -824,6 +825,7 @@ var getChildren = (node) => {
     case "input-upload":
     case "external-confirmation":
     case "subflow":
+    case "upsell":
       return [];
   }
 };
@@ -1104,6 +1106,55 @@ var createSubflowDomainComponent = (subflowProps, onComponentUpdate) => {
   return subflowComponent;
 };
 
+// src/domain/features/prefetch/request-cache.ts
+var makeRequestCacheWithParent = (parent) => {
+  const map = /* @__PURE__ */ new Map();
+  const cache = {
+    get: (requestParams) => {
+      var _a;
+      const key = makeRequestCacheKey(requestParams);
+      const promise = (_a = map.get(key)) != null ? _a : parent == null ? void 0 : parent.get(requestParams);
+      map.delete(key);
+      return promise;
+    },
+    set: (requestParams, responsePromise) => {
+      return map.set(makeRequestCacheKey(requestParams), responsePromise);
+    }
+  };
+  return cache;
+};
+var makeRequestCache = (initialValues = []) => {
+  const cache = makeRequestCacheWithParent(void 0);
+  initialValues.forEach(([requestParams, responsePromise]) => {
+    cache.set(requestParams, responsePromise);
+  });
+  return cache;
+};
+var normaliseRequestCache = (cache) => {
+  if (cache === void 0) {
+    return makeRequestCache();
+  }
+  if (isRequestCacheInstance(cache)) {
+    return cache;
+  }
+  return makeRequestCache(cache);
+};
+var isRequestCacheInstance = (cache) => {
+  return !cache || !Array.isArray(cache);
+};
+var makeRequestCacheKey = (requestParams) => {
+  var _a, _b;
+  const [input, init] = requestParams;
+  const url = typeof input === "string" || input instanceof URL ? input.toString() : input.url;
+  const key = JSON.stringify({
+    url,
+    method: (_a = init == null ? void 0 : init.method) != null ? _a : "GET",
+    headers: (init == null ? void 0 : init.headers) ? Array.from(new Headers(init.headers).entries()) : [],
+    body: (_b = init == null ? void 0 : init.body) != null ? _b : null
+  });
+  return key;
+};
+
 // src/domain/components/ModalComponent.ts
 var createModalContentComponent = (modalProps, onComponentUpdate) => {
   const update = getInputUpdateFunction(onComponentUpdate);
@@ -1178,51 +1229,6 @@ var getActionByReference = ($ref, actions = []) => {
   return action;
 };
 
-// src/domain/mappers/utils/call-to-action-utils.ts
-var getDomainLayerCallToAction = (callToAction, mapperProps) => {
-  var _a;
-  if (!callToAction) {
-    return void 0;
-  }
-  const { step, onBehavior, registerSubmissionBehavior } = mapperProps;
-  const stepActions = (_a = step.actions) != null ? _a : [];
-  const { title = "", accessibilityDescription, action, behavior } = callToAction;
-  return getCallToAction(
-    { title, accessibilityDescription },
-    getDomainLayerBehavior({ action, behavior }, stepActions, registerSubmissionBehavior),
-    onBehavior
-  );
-};
-var getCallToAction = ({ title, accessibilityDescription }, behavior, onBehavior) => {
-  const onClick = () => {
-    void onBehavior(behavior);
-  };
-  switch (behavior.type) {
-    case "action":
-    case "modal":
-    case "copy":
-    case "dismiss": {
-      return {
-        type: behavior.type,
-        title: title != null ? title : "",
-        accessibilityDescription,
-        onClick
-      };
-    }
-    case "link": {
-      return {
-        type: "link",
-        title: title != null ? title : "",
-        href: behavior.url,
-        accessibilityDescription,
-        onClick
-      };
-    }
-    default:
-      return void 0;
-  }
-};
-
 // src/domain/mappers/utils/legacy-utils.ts
 var mapLegacyContext = (context) => {
   switch (context) {
@@ -1274,6 +1280,27 @@ var legacyActionTypeToControl = {
 };
 var mapLegacyActionTypeToControl = (type) => type && type in legacyActionTypeToControl ? legacyActionTypeToControl[type] : "secondary";
 
+// src/domain/mappers/utils/call-to-action-utils.ts
+function getDomainLayerCallToAction(cta, mapperProps) {
+  var _a, _b;
+  if (!cta) {
+    return void 0;
+  }
+  const { step, onBehavior, registerSubmissionBehavior } = mapperProps;
+  const stepActions = (_a = step.actions) != null ? _a : [];
+  const behavior = getDomainLayerBehavior(cta, stepActions, registerSubmissionBehavior);
+  return {
+    type: behavior.type,
+    title: (_b = cta.title) != null ? _b : "",
+    context: cta.context ? mapLegacyContext(cta.context) : void 0,
+    accessibilityDescription: cta.accessibilityDescription,
+    href: behavior.type === "link" ? behavior.url : void 0,
+    onClick: () => {
+      void onBehavior(behavior);
+    }
+  };
+}
+
 // src/domain/mappers/layout/alertLayoutToComponent.ts
 var alertLayoutToComponent = (uid, {
   control,
@@ -1822,6 +1849,24 @@ var markdownLayoutToComponent = (uid, {
   size: size != null ? size : "md"
 });
 
+// src/domain/components/MediaComponent.ts
+var createMediaComponent = (props) => __spreadValues({
+  type: "media",
+  kind: "layout"
+}, props);
+
+// src/domain/mappers/layout/mediaLayoutToComponent.ts
+var mediaLayoutToComponent = (uid, { analyticsId, align, control, margin, media, size, tags }) => createMediaComponent({
+  uid,
+  analyticsId,
+  align: mapLegacyAlign(align != null ? align : "center"),
+  control,
+  margin: margin != null ? margin : "md",
+  media,
+  size: size != null ? size : "md",
+  tags
+});
+
 // src/domain/components/ModalLayoutComponent.ts
 var createModalComponent = (modalProps) => __spreadProps(__spreadValues({
   type: "modal-layout",
@@ -1921,14 +1966,14 @@ var reviewLayoutToComponent = (uid, {
 }, mapperProps) => createReviewComponent({
   uid,
   analyticsId,
-  callToAction: getCallToAction2({ mapperProps, callToAction, action }),
+  callToAction: getCallToAction({ mapperProps, callToAction, action }),
   control: getOrientationControl({ control, orientation }),
   fields: fields.map((field) => mapReviewField(field, mapperProps)),
   margin: margin != null ? margin : "md",
   tags,
   title
 });
-var getCallToAction2 = ({
+var getCallToAction = ({
   callToAction,
   action,
   mapperProps
@@ -1966,7 +2011,7 @@ var mapReviewField = (field, mapperProps) => {
     help: (_a = field.help) == null ? void 0 : _a.markdown,
     inlineAlert: mapInlineAlert(field.inlineAlert),
     additionalInfo: mapAdditionalInfo(field.additionalInfo, mapperProps),
-    callToAction: getCallToAction2({
+    callToAction: getCallToAction({
       callToAction: field.callToAction,
       mapperProps
     }),
@@ -2013,7 +2058,7 @@ var debounce = (callback, waitMs) => {
 // src/domain/components/searchComponent/SearchComponent.ts
 var DEBOUNCE_TIME = 400;
 var createSearchComponent = (searchProps, performSearch, onBehavior, onComponentUpdate) => {
-  const { uid, analyticsId, control, emptyMessage, margin, tags, title } = searchProps;
+  const { uid, analyticsId, control, emptyMessage, hint, margin, tags, title } = searchProps;
   const update = getInputUpdateFunction(onComponentUpdate);
   let abortController = new AbortController();
   const search = (component2, query, searchConfig) => {
@@ -2049,6 +2094,7 @@ var createSearchComponent = (searchProps, performSearch, onBehavior, onComponent
     analyticsId,
     control,
     emptyMessage,
+    hint,
     margin,
     tags,
     title,
@@ -2135,7 +2181,7 @@ var isValidResponseBody = (body) => isObject(body) && "results" in body && isArr
 var hashRequest = (query, config) => JSON.stringify({ query, config });
 
 // src/domain/mappers/layout/searchLayoutToComponent.ts
-var searchLayoutToComponent = (uid, { analyticsId, control, emptyMessage, method, param, title, url, margin, tags }, mapperProps) => {
+var searchLayoutToComponent = (uid, { analyticsId, control, emptyMessage, hint, method, param, title, url, margin, tags }, mapperProps) => {
   const { httpClient, onBehavior, onComponentUpdate } = mapperProps;
   const search = getPerformSearchFunction(httpClient, { method, param, url });
   return createSearchComponent(
@@ -2144,6 +2190,7 @@ var searchLayoutToComponent = (uid, { analyticsId, control, emptyMessage, method
       analyticsId,
       control,
       emptyMessage: emptyMessage != null ? emptyMessage : "",
+      hint,
       margin: margin != null ? margin : "md",
       tags,
       title
@@ -2223,6 +2270,60 @@ var mapTabs = (tabs, uid, mapperProps, schemaComponents) => tabs.map(({ componen
   )
 }));
 
+// src/domain/components/UpsellComponent.ts
+var createUpsellComponent = (upsellProps, onComponentUpdate) => {
+  const update = getInputUpdateFunction(onComponentUpdate);
+  const _a = upsellProps, { onDismiss: propsOnDismiss } = _a, restProps = __objRest(_a, ["onDismiss"]);
+  const component = __spreadProps(__spreadValues({
+    type: "upsell",
+    kind: "layout"
+  }, restProps), {
+    visible: true,
+    onDismiss: propsOnDismiss ? () => {
+      update(component, (draft) => {
+        draft.visible = false;
+      });
+      propsOnDismiss();
+    } : void 0
+  });
+  return component;
+};
+
+// src/domain/mappers/layout/upsellLayoutToComponent.ts
+var upsellLayoutToComponent = (uid, {
+  analyticsId,
+  callToAction,
+  context,
+  control,
+  margin,
+  media,
+  onDismiss,
+  tags,
+  text
+}, mapperProps) => {
+  const { onComponentUpdate } = mapperProps;
+  return createUpsellComponent(
+    {
+      uid,
+      analyticsId,
+      callToAction: getDomainLayerCallToAction(callToAction, mapperProps),
+      context: context ? mapLegacyContext(context) : "neutral",
+      control,
+      margin: margin != null ? margin : "md",
+      media: getDomainLayerMedia({ media }),
+      tags,
+      text,
+      onDismiss: onDismiss ? () => {
+        const { url, method } = onDismiss;
+        const body = method === "GET" ? void 0 : JSON.stringify(onDismiss.body);
+        void mapperProps.httpClient(url, { method, body }).catch(() => {
+        });
+      } : void 0
+    },
+    onComponentUpdate
+  );
+};
+
 // src/domain/mappers/mapLayoutToComponent.ts
 var mapLayoutToComponent = (uid, layout, mapperProps, schemaComponents) => {
   switch (layout.type) {
@@ -2254,6 +2355,8 @@ var mapLayoutToComponent = (uid, layout, mapperProps, schemaComponents) => {
       return loadingIndicatorLayoutToComponent(uid, layout);
     case "markdown":
       return markdownLayoutToComponent(uid, layout);
+    case "media":
+      return mediaLayoutToComponent(uid, layout);
     case "modal":
       return modalLayoutToComponent(uid, layout, mapperProps, schemaComponents);
     case "paragraph":
@@ -2270,6 +2373,8 @@ var mapLayoutToComponent = (uid, layout, mapperProps, schemaComponents) => {
       return statusListLayoutToComponent(uid, layout, mapperProps);
     case "tabs":
       return tabsLayoutToComponent(uid, layout, mapperProps, schemaComponents);
+    case "upsell":
+      return upsellLayoutToComponent(uid, layout, mapperProps);
     default:
       throw new Error(`Invalid layout type in ${JSON.stringify(layout)}`);
   }
@@ -6001,55 +6106,6 @@ var createRequestFromAction = (action, model) => {
   });
 };
 
-// src/domain/features/prefetch/request-cache.ts
-var makeRequestCacheWithParent = (parent) => {
-  const map = /* @__PURE__ */ new Map();
-  const cache = {
-    get: (requestParams) => {
-      var _a;
-      const key = makeRequestCacheKey(requestParams);
-      const promise = (_a = map.get(key)) != null ? _a : parent == null ? void 0 : parent.get(requestParams);
-      map.delete(key);
-      return promise;
-    },
-    set: (requestParams, responsePromise) => {
-      return map.set(makeRequestCacheKey(requestParams), responsePromise);
-    }
-  };
-  return cache;
-};
-var makeRequestCache = (initialValues = []) => {
-  const cache = makeRequestCacheWithParent(void 0);
-  initialValues.forEach(([requestParams, responsePromise]) => {
-    cache.set(requestParams, responsePromise);
-  });
-  return cache;
-};
-var normaliseRequestCache = (cache) => {
-  if (cache === void 0) {
-    return makeRequestCache();
-  }
-  if (isRequestCacheInstance(cache)) {
-    return cache;
-  }
-  return makeRequestCache(cache);
-};
-var isRequestCacheInstance = (cache) => {
-  return !cache || !Array.isArray(cache);
-};
-var makeRequestCacheKey = (requestParams) => {
-  var _a, _b;
-  const [input, init] = requestParams;
-  const url = typeof input === "string" || input instanceof URL ? input.toString() : input.url;
-  const key = JSON.stringify({
-    url,
-    method: (_a = init == null ? void 0 : init.method) != null ? _a : "GET",
-    headers: (init == null ? void 0 : init.headers) ? Array.from(new Headers(init.headers).entries()) : [],
-    body: (_b = init == null ? void 0 : init.body) != null ? _b : null
-  });
-  return key;
-};
-
 // src/domain/features/prefetch/getStepPrefetch.ts
 var getStepPrefetch = (httpClient, flowRequestCache, submissionBehaviors) => {
   const requestCache = makeRequestCacheWithParent(flowRequestCache);
@@ -6820,7 +6876,11 @@ var createFlowController = (props) => {
       initState = "created";
       trackEvent("Initiated");
       rootComponent.setLoadingState("submitting");
-      void onAction(__spreadValues({ method: "GET" }, initialAction), null);
+      void onAction(__spreadValues({ method: "GET" }, initialAction), null).then(() => {
+        initState = "started";
+        rootComponent.start();
+      });
+      return;
     }
     if (initState === "created") {
       initState = "started";
@@ -7467,6 +7527,9 @@ var markdownComponentToProps = (control, rendererMapperProps) => __spreadValues(
   "size"
 )), rendererMapperProps);
 
+// src/renderers/mappers/mediaComponentToProps.ts
+var mediaComponentToProps = (component, rendererMapperProps) => __spreadValues(__spreadValues({}, pick(component, "uid", "analyticsId", "type", "align", "control", "margin", "media", "size", "tags")), rendererMapperProps);
+
 // src/renderers/mappers/modalComponentToProps.ts
 var modalComponentToProps = (component, rendererMapperProps) => {
   const { uid, analyticsId, open, tags, title, close } = component;
@@ -7812,7 +7875,19 @@ var rootComponentToProps = (rootComponent, rendererMapperProps) => {
 
 // src/renderers/mappers/searchComponentToProps.ts
 var searchComponentToProps = (component, rendererMapperProps) => {
-  const { uid, control, emptyMessage, error, isLoading, margin, query, results, title, tags } = component;
+  const {
+    uid,
+    control,
+    emptyMessage,
+    error,
+    hint,
+    isLoading,
+    margin,
+    query,
+    results,
+    title,
+    tags
+  } = component;
   const onChange = component.onChange.bind(component);
   const onSelect = component.onSelect.bind(component);
   const state = getSearchState({
@@ -7829,6 +7904,7 @@ var searchComponentToProps = (component, rendererMapperProps) => {
     type: "search",
     id: uid,
     control,
+    hint,
     isLoading,
     margin,
     query,
@@ -7973,6 +8049,23 @@ var uploadInputComponentToProps = (component, rendererMapperProps) => {
   });
 };
 
+// src/renderers/mappers/upsellComponentToProps.ts
+var upsellComponentToProps = (component, rendererMapperProps) => __spreadValues(__spreadProps(__spreadValues({}, pick(
+  component,
+  "uid",
+  "analyticsId",
+  "type",
+  "callToAction",
+  "context",
+  "control",
+  "margin",
+  "media",
+  "tags",
+  "text"
+)), {
+  onDismiss: component.onDismiss ? component.onDismiss.bind(component) : void 0
+}), rendererMapperProps);
+
 // src/renderers/mappers/subflowComponentToRendererProps.ts
 var subflowComponentToRendererProps = (component, rendererMapperProps) => {
   return __spreadValues(__spreadProps(__spreadValues({
@@ -8054,6 +8147,8 @@ var getComponentProps = (component, rendererMapperProps) => {
       return loadingIndicatorComponentToProps(component, rendererMapperProps);
     case "markdown":
       return markdownComponentToProps(component, rendererMapperProps);
+    case "media":
+      return mediaComponentToProps(component, rendererMapperProps);
     case "modal-layout":
       return modalLayoutComponentToProps(component, rendererMapperProps);
     case "modal":
@@ -8094,6 +8189,8 @@ var getComponentProps = (component, rendererMapperProps) => {
       return tupleComponentToProps(component, rendererMapperProps);
     case "upload":
       return uploadInputComponentToProps(component, rendererMapperProps);
+    case "upsell":
+      return upsellComponentToProps(component, rendererMapperProps);
     case "persist-async":
       return persistAsyncComponentToProps(component, rendererMapperProps);
     case "step":

package/build/types/domain/components/MediaComponent.d.ts

@@ -0,0 +1,10 @@
+import type { Size } from '@wise/dynamic-flow-types/spec';
+import type { Align, BaseLayoutComponent, Media } from '../types';
+export type MediaComponent = BaseLayoutComponent & {
+    type: 'media';
+    kind: 'layout';
+    align: Align;
+    media: Media;
+    size: Size;
+};
+export declare const createMediaComponent: (props: Pick<MediaComponent, "uid" | "align" | "media" | "control" | "margin" | "size" | "analyticsId" | "tags">) => MediaComponent;

package/build/types/domain/components/UpsellComponent.d.ts

@@ -0,0 +1,12 @@
+import type { BaseLayoutComponent, CallToAction, Context, Media, OnComponentUpdate } from '../types';
+export type UpsellComponent = BaseLayoutComponent & {
+    type: 'upsell';
+    kind: 'layout';
+    text: string;
+    callToAction: CallToAction;
+    media?: Media;
+    visible: boolean;
+    onDismiss: (() => void) | undefined;
+    context: Context;
+};
+export declare const createUpsellComponent: (upsellProps: Pick<UpsellComponent, "uid" | "analyticsId" | "callToAction" | "context" | "control" | "margin" | "media" | "tags" | "text" | "onDismiss">, onComponentUpdate: OnComponentUpdate) => UpsellComponent;

package/build/types/domain/components/searchComponent/SearchComponent.d.ts

@@ -15,6 +15,7 @@ export type SearchComponent = BaseLayoutComponent & {
     type: 'search';
     kind: 'layout';
     emptyMessage: string;
+    hint?: string;
     isLoading: boolean;
     query: string;
     title: string;
@@ -23,4 +24,4 @@ export type SearchComponent = BaseLayoutComponent & {
     onChange: (query: string) => void;
     onSelect: (result: SearchResult) => void;
 };
-export declare const createSearchComponent: (searchProps: Pick<SearchComponent, "uid" | "analyticsId" | "control" | "emptyMessage" | "margin" | "tags" | "title">, performSearch: PerformSearch, onBehavior: OnBehavior, onComponentUpdate: OnComponentUpdate) => SearchComponent;
+export declare const createSearchComponent: (searchProps: Pick<SearchComponent, "uid" | "analyticsId" | "control" | "emptyMessage" | "hint" | "margin" | "tags" | "title">, performSearch: PerformSearch, onBehavior: OnBehavior, onComponentUpdate: OnComponentUpdate) => SearchComponent;

package/build/types/domain/mappers/layout/mediaLayoutToComponent.d.ts

@@ -0,0 +1,2 @@
+import type { MediaLayout } from '@wise/dynamic-flow-types/spec';
+export declare const mediaLayoutToComponent: (uid: string, { analyticsId, align, control, margin, media, size, tags }: MediaLayout) => import("../../components/MediaComponent").MediaComponent;

package/build/types/domain/mappers/layout/searchLayoutToComponent.d.ts

@@ -1,3 +1,3 @@
 import type { SearchLayout } from '@wise/dynamic-flow-types/spec';
 import type { MapperProps } from '../schema/types';
-export declare const searchLayoutToComponent: (uid: string, { analyticsId, control, emptyMessage, method, param, title, url, margin, tags }: SearchLayout, mapperProps: MapperProps) => import("../../components/searchComponent/SearchComponent").SearchComponent;
+export declare const searchLayoutToComponent: (uid: string, { analyticsId, control, emptyMessage, hint, method, param, title, url, margin, tags }: SearchLayout, mapperProps: MapperProps) => import("../../components/searchComponent/SearchComponent").SearchComponent;

package/build/types/domain/mappers/layout/upsellLayoutToComponent.d.ts

@@ -0,0 +1,3 @@
+import type { UpsellLayout } from '@wise/dynamic-flow-types/spec';
+import { MapperProps } from '../schema/types';
+export declare const upsellLayoutToComponent: (uid: string, { analyticsId, callToAction, context, control, margin, media, onDismiss, tags, text, }: UpsellLayout, mapperProps: MapperProps) => import("../../components/UpsellComponent").UpsellComponent;

package/build/types/domain/mappers/utils/call-to-action-utils.d.ts

@@ -1,11 +1,13 @@
-import { Action, Behavior as SpecBehavior } from '@wise/dynamic-flow-types/spec';
+import { Action, Context, Behavior as SpecBehavior } from '@wise/dynamic-flow-types/spec';
 import { CallToAction } from '../../types';
 import { MapperProps } from '../schema/types';
 type SpecCallToAction = {
     title?: string;
+    context?: Context;
     accessibilityDescription?: string;
     action?: Action;
     behavior?: SpecBehavior;
 };
-export declare const getDomainLayerCallToAction: (callToAction: SpecCallToAction | undefined, mapperProps: MapperProps) => CallToAction | undefined;
+export declare function getDomainLayerCallToAction(cta: SpecCallToAction, mp: MapperProps): CallToAction;
+export declare function getDomainLayerCallToAction(cta: SpecCallToAction | undefined, mapperProps: MapperProps): CallToAction | undefined;
 export {};

package/build/types/domain/types.d.ts

@@ -19,6 +19,7 @@ import type { IntegerInputComponent } from './components/IntegerInputComponent';
 import type { ListComponent } from './components/ListComponent';
 import type { LoadingIndicatorComponent } from './components/LoadingIndicatorComponent';
 import type { MarkdownComponent } from './components/MarkdownComponent';
+import type { MediaComponent } from './components/MediaComponent';
 import type { ModalComponent } from './components/ModalComponent';
 import type { ModalLayoutComponent } from './components/ModalLayoutComponent';
 import type { MoneyInputComponent } from './components/MoneyInputComponent';
@@ -38,12 +39,13 @@ import type { SelectInputComponent } from './components/SelectInputComponent';
 import type { StatusListComponent } from './components/StatusListComponent';
 import type { ExternalConfirmationComponent } from './components/step/ExternalConfirmationComponent';
 import type { StepDomainComponent } from './components/step/StepDomainComponent';
+import type { SubflowDomainComponent } from './components/SubflowDomainComponent';
 import type { TabsComponent } from './components/TabsComponent';
 import type { TextInputComponent } from './components/TextInputComponent';
 import type { TupleComponent } from './components/TupleComponent';
 import type { UploadInputComponent } from './components/UploadInputComponent';
-import type { SubflowDomainComponent } from './components/SubflowDomainComponent';
-export type DomainComponent = RootDomainComponent | StepDomainComponent | PersistAsyncComponent | AllOfComponent | BooleanInputComponent | ConstComponent | DateInputComponent | IntegerInputComponent | MultiSelectComponent | MultiUploadInputComponent | NumberInputComponent | ObjectComponent | RepeatableComponent | SelectInputComponent | TextInputComponent | TupleComponent | UploadInputComponent | AlertComponent | BoxComponent | ButtonComponent | ColumnsComponent | ContainerComponent | DecisionComponent | DividerComponent | ExternalConfirmationComponent | FormattedValueComponent | FormComponent | HeadingComponent | ImageComponent | InstructionsComponent | ListComponent | LoadingIndicatorComponent | MarkdownComponent | ModalLayoutComponent | ModalComponent | MoneyInputComponent | ParagraphComponent | ProgressComponent | ReviewComponent | SearchComponent | SectionComponent | StatusListComponent | SubflowDomainComponent | TabsComponent;
+import type { UpsellComponent } from './components/UpsellComponent';
+export type DomainComponent = RootDomainComponent | StepDomainComponent | PersistAsyncComponent | AllOfComponent | BooleanInputComponent | ConstComponent | DateInputComponent | IntegerInputComponent | MultiSelectComponent | MultiUploadInputComponent | NumberInputComponent | ObjectComponent | RepeatableComponent | SelectInputComponent | TextInputComponent | TupleComponent | UploadInputComponent | AlertComponent | BoxComponent | ButtonComponent | ColumnsComponent | ContainerComponent | DecisionComponent | DividerComponent | ExternalConfirmationComponent | FormattedValueComponent | FormComponent | HeadingComponent | ImageComponent | InstructionsComponent | ListComponent | LoadingIndicatorComponent | MarkdownComponent | MediaComponent | ModalLayoutComponent | ModalComponent | MoneyInputComponent | ParagraphComponent | ProgressComponent | ReviewComponent | SearchComponent | SectionComponent | StatusListComponent | SubflowDomainComponent | TabsComponent | UpsellComponent;
 export type SchemaComponent = DomainComponent & {
     kind: 'input';
 };
@@ -56,18 +58,6 @@ export interface LocalValueObject extends Record<string, LocalValuePrimitive | L
 }
 export interface LocalValueArray extends Array<LocalValuePrimitive | LocalValueObject | LocalValueArray> {
 }
-export type CallToAction = {
-    type: 'action' | 'modal' | 'dismiss' | 'copy';
-    title: string;
-    accessibilityDescription?: string;
-    onClick: () => void;
-} | {
-    type: 'link';
-    title: string;
-    accessibilityDescription?: string;
-    href: string;
-    onClick: () => void;
-};
 export type Behavior = (ActionBehavior | CopyBehavior | DismissBehavior | LinkBehavior | ModalBehavior | NonMergingActionBehaviour | NullBehavior | RefreshBehavior | BackBehaviour | SubflowBehavior) & {
     analytics?: Record<string, unknown>;
 };
@@ -98,6 +88,14 @@ export type SubflowBehavior = {
     onCompletion?: Behavior;
     onError?: Behavior;
 };
+export type CallToAction = {
+    type: Behavior['type'];
+    title: string;
+    context?: Context;
+    accessibilityDescription?: string;
+    href?: string;
+    onClick: () => void;
+};
 export type BaseComponent = {
     kind: 'step' | 'input' | 'layout';
     type: string;

package/build/types/renderers/mappers/mediaComponentToProps.d.ts

@@ -0,0 +1,4 @@
+import type { MediaRendererProps } from '@wise/dynamic-flow-types/renderers';
+import type { MediaComponent } from '../../domain/components/MediaComponent';
+import { RendererMapperProps } from './componentToRendererProps';
+export declare const mediaComponentToProps: (component: MediaComponent, rendererMapperProps: RendererMapperProps) => MediaRendererProps;

package/build/types/renderers/mappers/upsellComponentToProps.d.ts

@@ -0,0 +1,4 @@
+import type { HiddenRendererProps, UpsellRendererProps } from '@wise/dynamic-flow-types/renderers';
+import type { UpsellComponent } from '../../domain/components/UpsellComponent';
+import { RendererMapperProps } from './componentToRendererProps';
+export declare const upsellComponentToProps: (component: UpsellComponent, rendererMapperProps: RendererMapperProps) => UpsellRendererProps | HiddenRendererProps;

package/build/types/test-utils/getMergedTestRenderers.d.ts

@@ -1,2 +1,2 @@
 import { DynamicFlowWiseProps } from './DynamicFlowWise';
-export declare const getMergedTestRenderers: (props: DynamicFlowWiseProps) => (import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").CoreContainerRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").RootRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").StepRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").AlertRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").BoxRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").ColumnsRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").DecisionRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").DividerRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").ExternalConfirmationRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").FormattedValueRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").FormRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").HeadingRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").InstructionsRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").ListRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").LoadingIndicatorRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").MarkdownRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").ImageRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").ModalLayoutRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").ModalRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").ParagraphRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").ProgressRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").ReviewRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").SearchRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").StatusListRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").CheckboxInputRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").ButtonRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").DateInputRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").HiddenRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").IntegerInputRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").MoneyInputRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").NumberInputRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").RepeatableRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").FormSectionRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").SelectInputRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").SectionRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").SubflowRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").MultiSelectInputRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").TabsRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").TextInputRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").UploadInputRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").MultiUploadInputRendererProps>)[];
+export declare const getMergedTestRenderers: (props: DynamicFlowWiseProps) => (import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").CoreContainerRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").RootRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").StepRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").AlertRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").BoxRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").ColumnsRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").DecisionRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").DividerRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").ExternalConfirmationRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").FormattedValueRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").FormRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").HeadingRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").InstructionsRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").ListRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").LoadingIndicatorRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").MarkdownRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").ImageRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").MediaRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").ModalLayoutRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").ModalRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").ParagraphRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").ProgressRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").ReviewRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").SearchRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").StatusListRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").CheckboxInputRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").ButtonRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").DateInputRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").HiddenRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").IntegerInputRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").MoneyInputRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").NumberInputRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").RepeatableRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").FormSectionRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").SelectInputRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").SectionRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").SubflowRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").MultiSelectInputRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").TabsRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").TextInputRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").UploadInputRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").MultiUploadInputRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").UpsellRendererProps>)[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "5.6.2",
+  "version": "5.7.0",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.js",
@@ -86,7 +86,7 @@
     "react-intl": "^6 || ^7"
   },
   "dependencies": {
-    "@wise/dynamic-flow-types": "4.7.0"
+    "@wise/dynamic-flow-types": "4.8.0"
   },
   "scripts": {
     "dev": "EXCLUDE_VISUAL_TESTS=true pnpm storybook dev -p 3003",