@wise/dynamic-flow-client 4.5.4 → 4.5.5

package/build/main.js

@@ -1875,7 +1875,6 @@ var getComponentAlertProps = (component, rendererMapperProps) => "alert" in comp
 }, rendererMapperProps) : null;
 
 // src/revamp/useDynamicFlowCore.tsx
-var import_dynamic_flow_types2 = require("@wise/dynamic-flow-types");
 var import_react3 = require("react");
 var import_react_intl7 = require("react-intl");
 
@@ -1987,40 +1986,6 @@ var createRootDomainComponent = (updateComponent) => {
   return rootComponent;
 };
 
-// src/revamp/domain/components/step/ExternalConfirmationComponent.ts
-var createExternalConfirmation = (uid, url, updateComponent) => {
-  const update = getInputUpdateFunction(updateComponent);
-  return {
-    type: "external-confirmation",
-    uid,
-    url,
-    status: "initial",
-    onSuccess() {
-      update(this, (draft) => {
-        draft.status = "success";
-      });
-    },
-    onFailure() {
-      if (this.status === "initial") {
-        update(this, (draft) => {
-          draft.status = "failure";
-        });
-      }
-    },
-    onCancel() {
-      update(this, (draft) => {
-        draft.status = "dismissed";
-      });
-    },
-    getSubmittableValue: async () => null,
-    getSubmittableValueSync: () => null,
-    getLocalValue: () => null,
-    getSummary: () => ({}),
-    // Noop
-    validate: () => true
-  };
-};
-
 // src/revamp/domain/features/summary/summary-utils.ts
 var getSummariser = (schema) => (value) => {
   const { summary, icon, image } = schema;
@@ -2057,71 +2022,62 @@ var summaryIfProvides = (summary, { value, icon, image }) => {
   };
 };
 
-// src/revamp/domain/components/step/StepDomainComponent.ts
-var createStepComponent = (stepProps) => {
-  const _a = stepProps, { uid, stepPolling, stepRefreshAfter, updateComponent } = _a, rest = __objRest(_a, ["uid", "stepPolling", "stepRefreshAfter", "updateComponent"]);
+// src/revamp/domain/features/validation/validation-functions.ts
+var validateComponents = (components) => components.reduce((acc, component) => component.validate() && acc, true);
+var getLocalValueValidator = (checks) => (currentValue) => checks.map((check) => check(currentValue)).filter(isString);
+
+// src/revamp/domain/components/ModalContentComponent.ts
+var createModalContentComponent = (modalProps, updateComponent) => {
   const update = getInputUpdateFunction(updateComponent);
-  const component = __spreadProps(__spreadValues({
-    uid
-  }, rest), {
-    type: "step",
-    modals: [],
-    dismissModal() {
-      var _a2;
-      (_a2 = this.modals.at(-1)) == null ? void 0 : _a2.close();
-    },
-    dismissAllModals() {
-      this._update((draft) => {
-        draft.modals = draft.modals.map((m) => __spreadProps(__spreadValues({}, m), { open: false }));
-      });
-    },
-    showModal(modal) {
-      this._update((draft) => {
-        draft.modals = [...draft.modals, modal];
-      });
-    },
+  const modalContentComponent = __spreadProps(__spreadValues({
+    type: "modal-content",
+    open: true
+  }, modalProps), {
     _update(updateFn) {
       update(this, updateFn);
     },
     getChildren() {
-      return this.externalConfirmation ? [...this.layoutComponents, this.externalConfirmation] : this.layoutComponents;
+      return this.components;
     },
-    getModals() {
-      return this.modals;
+    getLocalValue() {
+      return getLocalValues(this.getChildren());
     },
     async getSubmittableValue() {
-      return getSubmittableData(this.inputComponents);
+      return getSubmittableData(this.getChildren());
     },
     getSubmittableValueSync() {
-      return getSubmittableDataSync(this.inputComponents);
+      return getSubmittableDataSync(this.getChildren());
     },
     getSummary() {
       return summariseFromChildren(this.getChildren());
     },
-    getLocalValue() {
-      return getLocalValues(this.inputComponents);
-    },
     validate() {
-      return this.inputComponents.every(
-        (inputComponent) => inputComponent.isSchemaReferencedInStep ? inputComponent.validate() : true
-      );
-    },
-    setLoadingState(loadingState) {
-      this._update((draft) => {
-        draft.loadingState = loadingState;
-      });
+      return validateComponents(this.getChildren());
     },
-    stop() {
-      stepPolling == null ? void 0 : stepPolling.stop();
-      stepRefreshAfter == null ? void 0 : stepRefreshAfter.stop();
-      this._update((draft) => {
-        draft.modals = [];
+    close() {
+      update(this, (draft) => {
+        draft.open = false;
       });
     }
   });
-  return component;
+  return modalContentComponent;
 };
 
+// src/revamp/domain/components/utils/getRandomId.ts
+var getRandomId = () => Math.random().toString(36).substring(2);
+
+// src/revamp/domain/components/AlertComponent.ts
+var createAlertComponent = (alertProps) => __spreadProps(__spreadValues({
+  type: "alert"
+}, alertProps), {
+  getSubmittableValue: async () => null,
+  getSubmittableValueSync: () => null,
+  getLocalValue: () => null,
+  getSummary: () => ({}),
+  // Noop
+  validate: () => true
+});
+
 // src/revamp/domain/mappers/utils/behavior-utils.ts
 var getDomainLayerBehavior = ({
   action,
@@ -2161,73 +2117,6 @@ var getActionByReference = ($ref, actions = []) => {
   return action;
 };
 
-// src/revamp/domain/features/polling/getStepPolling.ts
-var getStepPolling = ({
-  pollingConfig,
-  onBehavior,
-  onPoll
-}) => {
-  const { interval, delay = interval, maxAttempts, url, onError } = pollingConfig;
-  let abortController = new AbortController();
-  if (delay == null) {
-    throw new Error("Polling configuration must include delay or interval");
-  }
-  const onErrorBehavior = skipValidation(getDomainLayerBehavior(onError, []));
-  let attempts = 0;
-  const poll = () => {
-    attempts += 1;
-    abortController.abort();
-    abortController = new AbortController();
-    const { signal } = abortController;
-    onPoll(url, onErrorBehavior, signal).then((result) => {
-      if (result) {
-        stop();
-        return;
-      }
-      if (attempts >= maxAttempts && !signal.aborted) {
-        void onBehavior(onErrorBehavior);
-        stop();
-      }
-    }).catch(() => {
-    });
-  };
-  const intervalRef = setInterval(poll, delay * 1e3);
-  const stop = () => {
-    clearTimeout(intervalRef);
-    abortController.abort();
-  };
-  poll();
-  return { stop };
-};
-
-// src/revamp/domain/features/refreshAfter/getStepRefreshAfter.ts
-var ONE_SECOND = 1e3;
-var getStepRefreshAfter = ({ refreshAfter, onRefresh }) => {
-  const targetTime = new Date(refreshAfter).getTime();
-  if (typeof refreshAfter !== "string" || Number.isNaN(targetTime)) {
-    throw new Error(`Invalid refreshAfter value: ${String(refreshAfter)}`);
-  }
-  const timeLeft = Math.max(targetTime - Date.now(), ONE_SECOND);
-  const timeout = setTimeout(() => {
-    void onRefresh("refreshAfter");
-  }, timeLeft);
-  return {
-    stop: () => clearTimeout(timeout)
-  };
-};
-
-// src/revamp/domain/components/AlertComponent.ts
-var createAlertComponent = (alertProps) => __spreadProps(__spreadValues({
-  type: "alert"
-}, alertProps), {
-  getSubmittableValue: async () => null,
-  getSubmittableValueSync: () => null,
-  getLocalValue: () => null,
-  getSummary: () => ({}),
-  // Noop
-  validate: () => true
-});
-
 // src/revamp/domain/mappers/utils/call-to-action-utils.ts
 var getDomainLayerCallToAction = (callToAction, onBehavior, stepActions) => {
   if (!callToAction) {
@@ -2334,10 +2223,6 @@ var alertLayoutToComponent = (uid, { control, markdown, margin = "md", context =
   });
 };
 
-// src/revamp/domain/features/validation/validation-functions.ts
-var validateComponents = (components) => components.reduce((acc, component) => component.validate() && acc, true);
-var getLocalValueValidator = (checks) => (currentValue) => checks.map((check) => check(currentValue)).filter(isString);
-
 // src/revamp/domain/components/BoxComponent.ts
 var createBoxComponent = (boxProps) => __spreadProps(__spreadValues({}, boxProps), {
   type: "box",
@@ -3215,8 +3100,171 @@ var mapLayoutToComponent = (uid, layout, mapperProps, inputComponents) => {
   }
 };
 
-// src/revamp/domain/components/utils/getRandomId.ts
-var getRandomId = () => Math.random().toString(36).substring(2);
+// src/revamp/domain/mappers/layout/modalToContent.ts
+var modalToContent = (uid, { content, title }, mapperProps, inputComponents) => createModalContentComponent(
+  {
+    uid: `${uid}-modal-${getRandomId()}`,
+    title,
+    components: content.map(
+      (component, index) => mapLayoutToComponent(`${uid}.modal-${index}`, component, mapperProps, inputComponents)
+    )
+  },
+  mapperProps.updateComponent
+);
+
+// src/revamp/domain/components/step/ExternalConfirmationComponent.ts
+var createExternalConfirmation = (uid, url, updateComponent) => {
+  const update = getInputUpdateFunction(updateComponent);
+  return {
+    type: "external-confirmation",
+    uid,
+    url,
+    status: "initial",
+    onSuccess() {
+      update(this, (draft) => {
+        draft.status = "success";
+      });
+    },
+    onFailure() {
+      if (this.status === "initial") {
+        update(this, (draft) => {
+          draft.status = "failure";
+        });
+      }
+    },
+    onCancel() {
+      update(this, (draft) => {
+        draft.status = "dismissed";
+      });
+    },
+    getSubmittableValue: async () => null,
+    getSubmittableValueSync: () => null,
+    getLocalValue: () => null,
+    getSummary: () => ({}),
+    // Noop
+    validate: () => true
+  };
+};
+
+// src/revamp/domain/components/step/StepDomainComponent.ts
+var createStepComponent = (stepProps) => {
+  const _a = stepProps, { uid, stepPolling, stepRefreshAfter, updateComponent } = _a, rest = __objRest(_a, ["uid", "stepPolling", "stepRefreshAfter", "updateComponent"]);
+  const update = getInputUpdateFunction(updateComponent);
+  const component = __spreadProps(__spreadValues({
+    uid
+  }, rest), {
+    type: "step",
+    modals: [],
+    dismissModal() {
+      var _a2;
+      (_a2 = this.modals.at(-1)) == null ? void 0 : _a2.close();
+    },
+    dismissAllModals() {
+      this._update((draft) => {
+        draft.modals = draft.modals.map((m) => __spreadProps(__spreadValues({}, m), { open: false }));
+      });
+    },
+    showModal(modal) {
+      this._update((draft) => {
+        draft.modals = [...draft.modals, modal];
+      });
+    },
+    _update(updateFn) {
+      update(this, updateFn);
+    },
+    getChildren() {
+      return this.externalConfirmation ? [...this.layoutComponents, this.externalConfirmation] : this.layoutComponents;
+    },
+    getModals() {
+      return this.modals;
+    },
+    async getSubmittableValue() {
+      return getSubmittableData(this.inputComponents);
+    },
+    getSubmittableValueSync() {
+      return getSubmittableDataSync(this.inputComponents);
+    },
+    getSummary() {
+      return summariseFromChildren(this.getChildren());
+    },
+    getLocalValue() {
+      return getLocalValues(this.inputComponents);
+    },
+    validate() {
+      return this.inputComponents.every(
+        (inputComponent) => inputComponent.isSchemaReferencedInStep ? inputComponent.validate() : true
+      );
+    },
+    setLoadingState(loadingState) {
+      this._update((draft) => {
+        draft.loadingState = loadingState;
+      });
+    },
+    stop() {
+      stepPolling == null ? void 0 : stepPolling.stop();
+      stepRefreshAfter == null ? void 0 : stepRefreshAfter.stop();
+      this._update((draft) => {
+        draft.modals = [];
+      });
+    }
+  });
+  return component;
+};
+
+// src/revamp/domain/features/polling/getStepPolling.ts
+var getStepPolling = ({
+  pollingConfig,
+  onBehavior,
+  onPoll
+}) => {
+  const { interval, delay = interval, maxAttempts, url, onError } = pollingConfig;
+  let abortController = new AbortController();
+  if (delay == null) {
+    throw new Error("Polling configuration must include delay or interval");
+  }
+  const onErrorBehavior = skipValidation(getDomainLayerBehavior(onError, []));
+  let attempts = 0;
+  const poll = () => {
+    attempts += 1;
+    abortController.abort();
+    abortController = new AbortController();
+    const { signal } = abortController;
+    onPoll(url, onErrorBehavior, signal).then((result) => {
+      if (result) {
+        stop();
+        return;
+      }
+      if (attempts >= maxAttempts && !signal.aborted) {
+        void onBehavior(onErrorBehavior);
+        stop();
+      }
+    }).catch(() => {
+    });
+  };
+  const intervalRef = setInterval(poll, delay * 1e3);
+  const stop = () => {
+    clearTimeout(intervalRef);
+    abortController.abort();
+  };
+  poll();
+  return { stop };
+};
+
+// src/revamp/domain/features/refreshAfter/getStepRefreshAfter.ts
+var ONE_SECOND = 1e3;
+var getStepRefreshAfter = ({ refreshAfter, onRefresh }) => {
+  const targetTime = new Date(refreshAfter).getTime();
+  if (typeof refreshAfter !== "string" || Number.isNaN(targetTime)) {
+    throw new Error(`Invalid refreshAfter value: ${String(refreshAfter)}`);
+  }
+  const timeLeft = Math.max(targetTime - Date.now(), ONE_SECOND);
+  const timeout = setTimeout(() => {
+    void onRefresh("refreshAfter");
+  }, timeLeft);
+  return {
+    stop: () => clearTimeout(timeout)
+  };
+};
 
 // src/revamp/domain/components/utils/isExactLocalValueMatch.ts
 var isExactLocalValueMatch = (valueA, valueB) => {
@@ -6484,6 +6532,34 @@ var formatDateOptions = {
   dateStyle: "long"
 };
 
+// src/revamp/utils/analyse-step.ts
+var import_dynamic_flow_types2 = require("@wise/dynamic-flow-types");
+var analyseStep = (step, logEvent) => {
+  validateStepTypes(step, logEvent);
+  warnWhenPollingWithSchemas(step, logEvent);
+};
+var warnWhenPollingWithSchemas = (step, logEvent) => {
+  var _a;
+  const hasPolling = step.polling != null;
+  const hasSchemas = step.schemas != null && step.schemas.length > 0;
+  if (hasPolling && hasSchemas) {
+    logEvent("warning", "DynamicFlow Polling and Schema Warning.", {
+      message: "The provided step is configured with polling and schemas. Actions triggered from a polling response will not contain the schema values in their payload.",
+      stepId: (_a = step.id) != null ? _a : step.key
+    });
+  }
+};
+var validateStepTypes = (step, logEvent) => {
+  var _a;
+  const validationResult = (0, import_dynamic_flow_types2.validateStep)(step);
+  if (!validationResult.valid) {
+    logEvent("info", "The provided step does not conform to the specification.", {
+      stepId: (_a = step.id) != null ? _a : step.key,
+      errors: validationResult.errors
+    });
+  }
+};
+
 // src/revamp/utils/useStableCallback.tsx
 var import_react2 = require("react");
 function useStableCallback(handler) {
@@ -6494,55 +6570,6 @@ function useStableCallback(handler) {
   return (0, import_react2.useCallback)((...args) => ref.current ? ref.current(...args) : null, []);
 }
 
-// src/revamp/domain/components/ModalContentComponent.ts
-var createModalContentComponent = (modalProps, updateComponent) => {
-  const update = getInputUpdateFunction(updateComponent);
-  const modalContentComponent = __spreadProps(__spreadValues({
-    type: "modal-content",
-    open: true
-  }, modalProps), {
-    _update(updateFn) {
-      update(this, updateFn);
-    },
-    getChildren() {
-      return this.components;
-    },
-    getLocalValue() {
-      return getLocalValues(this.getChildren());
-    },
-    async getSubmittableValue() {
-      return getSubmittableData(this.getChildren());
-    },
-    getSubmittableValueSync() {
-      return getSubmittableDataSync(this.getChildren());
-    },
-    getSummary() {
-      return summariseFromChildren(this.getChildren());
-    },
-    validate() {
-      return validateComponents(this.getChildren());
-    },
-    close() {
-      update(this, (draft) => {
-        draft.open = false;
-      });
-    }
-  });
-  return modalContentComponent;
-};
-
-// src/revamp/domain/mappers/layout/modalToContent.ts
-var modalToContent = (uid, { content, title }, mapperProps, inputComponents) => createModalContentComponent(
-  {
-    uid: `${uid}-modal-${getRandomId()}`,
-    title,
-    components: content.map(
-      (component, index) => mapLayoutToComponent(`${uid}.modal-${index}`, component, mapperProps, inputComponents)
-    )
-  },
-  mapperProps.updateComponent
-);
-
 // src/revamp/useDynamicFlowCore.tsx
 function useDynamicFlowCore(props) {
   const _a = props, { flowId, initialAction, initialStep, displayStepTitle = true } = _a, rest = __objRest(_a, ["flowId", "initialAction", "initialStep", "displayStepTitle"]);
@@ -6611,12 +6638,7 @@ function useDynamicFlowCore(props) {
       rootComponentRef.current.stop();
       stepRef.current = newStep;
       etagRef.current = etag;
-      const validationResult = (0, import_dynamic_flow_types2.validateStep)(newStep);
-      if (!validationResult.valid) {
-        logEvent("info", "The provided step does not conform to the specification.", {
-          errors: validationResult.errors
-        });
-      }
+      analyseStep(newStep, logEvent);
       try {
         const newStepComponent = mapStepToComponent(__spreadValues({
           stepLocalValue: localValue,

package/build/main.mjs

@@ -1832,7 +1832,6 @@ var getComponentAlertProps = (component, rendererMapperProps) => "alert" in comp
 }, rendererMapperProps) : null;
 
 // src/revamp/useDynamicFlowCore.tsx
-import { validateStep } from "@wise/dynamic-flow-types";
 import { useCallback as useCallback2, useEffect, useMemo, useRef as useRef2, useState } from "react";
 import { useIntl as useIntl2 } from "react-intl";
 
@@ -1944,40 +1943,6 @@ var createRootDomainComponent = (updateComponent) => {
   return rootComponent;
 };
 
-// src/revamp/domain/components/step/ExternalConfirmationComponent.ts
-var createExternalConfirmation = (uid, url, updateComponent) => {
-  const update = getInputUpdateFunction(updateComponent);
-  return {
-    type: "external-confirmation",
-    uid,
-    url,
-    status: "initial",
-    onSuccess() {
-      update(this, (draft) => {
-        draft.status = "success";
-      });
-    },
-    onFailure() {
-      if (this.status === "initial") {
-        update(this, (draft) => {
-          draft.status = "failure";
-        });
-      }
-    },
-    onCancel() {
-      update(this, (draft) => {
-        draft.status = "dismissed";
-      });
-    },
-    getSubmittableValue: async () => null,
-    getSubmittableValueSync: () => null,
-    getLocalValue: () => null,
-    getSummary: () => ({}),
-    // Noop
-    validate: () => true
-  };
-};
-
 // src/revamp/domain/features/summary/summary-utils.ts
 var getSummariser = (schema) => (value) => {
   const { summary, icon, image } = schema;
@@ -2014,71 +1979,62 @@ var summaryIfProvides = (summary, { value, icon, image }) => {
   };
 };
 
-// src/revamp/domain/components/step/StepDomainComponent.ts
-var createStepComponent = (stepProps) => {
-  const _a = stepProps, { uid, stepPolling, stepRefreshAfter, updateComponent } = _a, rest = __objRest(_a, ["uid", "stepPolling", "stepRefreshAfter", "updateComponent"]);
+// src/revamp/domain/features/validation/validation-functions.ts
+var validateComponents = (components) => components.reduce((acc, component) => component.validate() && acc, true);
+var getLocalValueValidator = (checks) => (currentValue) => checks.map((check) => check(currentValue)).filter(isString);
+
+// src/revamp/domain/components/ModalContentComponent.ts
+var createModalContentComponent = (modalProps, updateComponent) => {
   const update = getInputUpdateFunction(updateComponent);
-  const component = __spreadProps(__spreadValues({
-    uid
-  }, rest), {
-    type: "step",
-    modals: [],
-    dismissModal() {
-      var _a2;
-      (_a2 = this.modals.at(-1)) == null ? void 0 : _a2.close();
-    },
-    dismissAllModals() {
-      this._update((draft) => {
-        draft.modals = draft.modals.map((m) => __spreadProps(__spreadValues({}, m), { open: false }));
-      });
-    },
-    showModal(modal) {
-      this._update((draft) => {
-        draft.modals = [...draft.modals, modal];
-      });
-    },
+  const modalContentComponent = __spreadProps(__spreadValues({
+    type: "modal-content",
+    open: true
+  }, modalProps), {
     _update(updateFn) {
       update(this, updateFn);
     },
     getChildren() {
-      return this.externalConfirmation ? [...this.layoutComponents, this.externalConfirmation] : this.layoutComponents;
+      return this.components;
     },
-    getModals() {
-      return this.modals;
+    getLocalValue() {
+      return getLocalValues(this.getChildren());
     },
     async getSubmittableValue() {
-      return getSubmittableData(this.inputComponents);
+      return getSubmittableData(this.getChildren());
     },
     getSubmittableValueSync() {
-      return getSubmittableDataSync(this.inputComponents);
+      return getSubmittableDataSync(this.getChildren());
     },
     getSummary() {
       return summariseFromChildren(this.getChildren());
     },
-    getLocalValue() {
-      return getLocalValues(this.inputComponents);
-    },
     validate() {
-      return this.inputComponents.every(
-        (inputComponent) => inputComponent.isSchemaReferencedInStep ? inputComponent.validate() : true
-      );
-    },
-    setLoadingState(loadingState) {
-      this._update((draft) => {
-        draft.loadingState = loadingState;
-      });
+      return validateComponents(this.getChildren());
     },
-    stop() {
-      stepPolling == null ? void 0 : stepPolling.stop();
-      stepRefreshAfter == null ? void 0 : stepRefreshAfter.stop();
-      this._update((draft) => {
-        draft.modals = [];
+    close() {
+      update(this, (draft) => {
+        draft.open = false;
       });
     }
   });
-  return component;
+  return modalContentComponent;
 };
 
+// src/revamp/domain/components/utils/getRandomId.ts
+var getRandomId = () => Math.random().toString(36).substring(2);
+
+// src/revamp/domain/components/AlertComponent.ts
+var createAlertComponent = (alertProps) => __spreadProps(__spreadValues({
+  type: "alert"
+}, alertProps), {
+  getSubmittableValue: async () => null,
+  getSubmittableValueSync: () => null,
+  getLocalValue: () => null,
+  getSummary: () => ({}),
+  // Noop
+  validate: () => true
+});
+
 // src/revamp/domain/mappers/utils/behavior-utils.ts
 var getDomainLayerBehavior = ({
   action,
@@ -2118,73 +2074,6 @@ var getActionByReference = ($ref, actions = []) => {
   return action;
 };
 
-// src/revamp/domain/features/polling/getStepPolling.ts
-var getStepPolling = ({
-  pollingConfig,
-  onBehavior,
-  onPoll
-}) => {
-  const { interval, delay = interval, maxAttempts, url, onError } = pollingConfig;
-  let abortController = new AbortController();
-  if (delay == null) {
-    throw new Error("Polling configuration must include delay or interval");
-  }
-  const onErrorBehavior = skipValidation(getDomainLayerBehavior(onError, []));
-  let attempts = 0;
-  const poll = () => {
-    attempts += 1;
-    abortController.abort();
-    abortController = new AbortController();
-    const { signal } = abortController;
-    onPoll(url, onErrorBehavior, signal).then((result) => {
-      if (result) {
-        stop();
-        return;
-      }
-      if (attempts >= maxAttempts && !signal.aborted) {
-        void onBehavior(onErrorBehavior);
-        stop();
-      }
-    }).catch(() => {
-    });
-  };
-  const intervalRef = setInterval(poll, delay * 1e3);
-  const stop = () => {
-    clearTimeout(intervalRef);
-    abortController.abort();
-  };
-  poll();
-  return { stop };
-};
-
-// src/revamp/domain/features/refreshAfter/getStepRefreshAfter.ts
-var ONE_SECOND = 1e3;
-var getStepRefreshAfter = ({ refreshAfter, onRefresh }) => {
-  const targetTime = new Date(refreshAfter).getTime();
-  if (typeof refreshAfter !== "string" || Number.isNaN(targetTime)) {
-    throw new Error(`Invalid refreshAfter value: ${String(refreshAfter)}`);
-  }
-  const timeLeft = Math.max(targetTime - Date.now(), ONE_SECOND);
-  const timeout = setTimeout(() => {
-    void onRefresh("refreshAfter");
-  }, timeLeft);
-  return {
-    stop: () => clearTimeout(timeout)
-  };
-};
-
-// src/revamp/domain/components/AlertComponent.ts
-var createAlertComponent = (alertProps) => __spreadProps(__spreadValues({
-  type: "alert"
-}, alertProps), {
-  getSubmittableValue: async () => null,
-  getSubmittableValueSync: () => null,
-  getLocalValue: () => null,
-  getSummary: () => ({}),
-  // Noop
-  validate: () => true
-});
-
 // src/revamp/domain/mappers/utils/call-to-action-utils.ts
 var getDomainLayerCallToAction = (callToAction, onBehavior, stepActions) => {
   if (!callToAction) {
@@ -2291,10 +2180,6 @@ var alertLayoutToComponent = (uid, { control, markdown, margin = "md", context =
   });
 };
 
-// src/revamp/domain/features/validation/validation-functions.ts
-var validateComponents = (components) => components.reduce((acc, component) => component.validate() && acc, true);
-var getLocalValueValidator = (checks) => (currentValue) => checks.map((check) => check(currentValue)).filter(isString);
-
 // src/revamp/domain/components/BoxComponent.ts
 var createBoxComponent = (boxProps) => __spreadProps(__spreadValues({}, boxProps), {
   type: "box",
@@ -3172,8 +3057,171 @@ var mapLayoutToComponent = (uid, layout, mapperProps, inputComponents) => {
   }
 };
 
-// src/revamp/domain/components/utils/getRandomId.ts
-var getRandomId = () => Math.random().toString(36).substring(2);
+// src/revamp/domain/mappers/layout/modalToContent.ts
+var modalToContent = (uid, { content, title }, mapperProps, inputComponents) => createModalContentComponent(
+  {
+    uid: `${uid}-modal-${getRandomId()}`,
+    title,
+    components: content.map(
+      (component, index) => mapLayoutToComponent(`${uid}.modal-${index}`, component, mapperProps, inputComponents)
+    )
+  },
+  mapperProps.updateComponent
+);
+
+// src/revamp/domain/components/step/ExternalConfirmationComponent.ts
+var createExternalConfirmation = (uid, url, updateComponent) => {
+  const update = getInputUpdateFunction(updateComponent);
+  return {
+    type: "external-confirmation",
+    uid,
+    url,
+    status: "initial",
+    onSuccess() {
+      update(this, (draft) => {
+        draft.status = "success";
+      });
+    },
+    onFailure() {
+      if (this.status === "initial") {
+        update(this, (draft) => {
+          draft.status = "failure";
+        });
+      }
+    },
+    onCancel() {
+      update(this, (draft) => {
+        draft.status = "dismissed";
+      });
+    },
+    getSubmittableValue: async () => null,
+    getSubmittableValueSync: () => null,
+    getLocalValue: () => null,
+    getSummary: () => ({}),
+    // Noop
+    validate: () => true
+  };
+};
+
+// src/revamp/domain/components/step/StepDomainComponent.ts
+var createStepComponent = (stepProps) => {
+  const _a = stepProps, { uid, stepPolling, stepRefreshAfter, updateComponent } = _a, rest = __objRest(_a, ["uid", "stepPolling", "stepRefreshAfter", "updateComponent"]);
+  const update = getInputUpdateFunction(updateComponent);
+  const component = __spreadProps(__spreadValues({
+    uid
+  }, rest), {
+    type: "step",
+    modals: [],
+    dismissModal() {
+      var _a2;
+      (_a2 = this.modals.at(-1)) == null ? void 0 : _a2.close();
+    },
+    dismissAllModals() {
+      this._update((draft) => {
+        draft.modals = draft.modals.map((m) => __spreadProps(__spreadValues({}, m), { open: false }));
+      });
+    },
+    showModal(modal) {
+      this._update((draft) => {
+        draft.modals = [...draft.modals, modal];
+      });
+    },
+    _update(updateFn) {
+      update(this, updateFn);
+    },
+    getChildren() {
+      return this.externalConfirmation ? [...this.layoutComponents, this.externalConfirmation] : this.layoutComponents;
+    },
+    getModals() {
+      return this.modals;
+    },
+    async getSubmittableValue() {
+      return getSubmittableData(this.inputComponents);
+    },
+    getSubmittableValueSync() {
+      return getSubmittableDataSync(this.inputComponents);
+    },
+    getSummary() {
+      return summariseFromChildren(this.getChildren());
+    },
+    getLocalValue() {
+      return getLocalValues(this.inputComponents);
+    },
+    validate() {
+      return this.inputComponents.every(
+        (inputComponent) => inputComponent.isSchemaReferencedInStep ? inputComponent.validate() : true
+      );
+    },
+    setLoadingState(loadingState) {
+      this._update((draft) => {
+        draft.loadingState = loadingState;
+      });
+    },
+    stop() {
+      stepPolling == null ? void 0 : stepPolling.stop();
+      stepRefreshAfter == null ? void 0 : stepRefreshAfter.stop();
+      this._update((draft) => {
+        draft.modals = [];
+      });
+    }
+  });
+  return component;
+};
+
+// src/revamp/domain/features/polling/getStepPolling.ts
+var getStepPolling = ({
+  pollingConfig,
+  onBehavior,
+  onPoll
+}) => {
+  const { interval, delay = interval, maxAttempts, url, onError } = pollingConfig;
+  let abortController = new AbortController();
+  if (delay == null) {
+    throw new Error("Polling configuration must include delay or interval");
+  }
+  const onErrorBehavior = skipValidation(getDomainLayerBehavior(onError, []));
+  let attempts = 0;
+  const poll = () => {
+    attempts += 1;
+    abortController.abort();
+    abortController = new AbortController();
+    const { signal } = abortController;
+    onPoll(url, onErrorBehavior, signal).then((result) => {
+      if (result) {
+        stop();
+        return;
+      }
+      if (attempts >= maxAttempts && !signal.aborted) {
+        void onBehavior(onErrorBehavior);
+        stop();
+      }
+    }).catch(() => {
+    });
+  };
+  const intervalRef = setInterval(poll, delay * 1e3);
+  const stop = () => {
+    clearTimeout(intervalRef);
+    abortController.abort();
+  };
+  poll();
+  return { stop };
+};
+
+// src/revamp/domain/features/refreshAfter/getStepRefreshAfter.ts
+var ONE_SECOND = 1e3;
+var getStepRefreshAfter = ({ refreshAfter, onRefresh }) => {
+  const targetTime = new Date(refreshAfter).getTime();
+  if (typeof refreshAfter !== "string" || Number.isNaN(targetTime)) {
+    throw new Error(`Invalid refreshAfter value: ${String(refreshAfter)}`);
+  }
+  const timeLeft = Math.max(targetTime - Date.now(), ONE_SECOND);
+  const timeout = setTimeout(() => {
+    void onRefresh("refreshAfter");
+  }, timeLeft);
+  return {
+    stop: () => clearTimeout(timeout)
+  };
+};
 
 // src/revamp/domain/components/utils/isExactLocalValueMatch.ts
 var isExactLocalValueMatch = (valueA, valueB) => {
@@ -6441,6 +6489,34 @@ var formatDateOptions = {
   dateStyle: "long"
 };
 
+// src/revamp/utils/analyse-step.ts
+import { validateStep } from "@wise/dynamic-flow-types";
+var analyseStep = (step, logEvent) => {
+  validateStepTypes(step, logEvent);
+  warnWhenPollingWithSchemas(step, logEvent);
+};
+var warnWhenPollingWithSchemas = (step, logEvent) => {
+  var _a;
+  const hasPolling = step.polling != null;
+  const hasSchemas = step.schemas != null && step.schemas.length > 0;
+  if (hasPolling && hasSchemas) {
+    logEvent("warning", "DynamicFlow Polling and Schema Warning.", {
+      message: "The provided step is configured with polling and schemas. Actions triggered from a polling response will not contain the schema values in their payload.",
+      stepId: (_a = step.id) != null ? _a : step.key
+    });
+  }
+};
+var validateStepTypes = (step, logEvent) => {
+  var _a;
+  const validationResult = validateStep(step);
+  if (!validationResult.valid) {
+    logEvent("info", "The provided step does not conform to the specification.", {
+      stepId: (_a = step.id) != null ? _a : step.key,
+      errors: validationResult.errors
+    });
+  }
+};
+
 // src/revamp/utils/useStableCallback.tsx
 import { useCallback, useLayoutEffect, useRef } from "react";
 function useStableCallback(handler) {
@@ -6451,55 +6527,6 @@ function useStableCallback(handler) {
   return useCallback((...args) => ref.current ? ref.current(...args) : null, []);
 }
 
-// src/revamp/domain/components/ModalContentComponent.ts
-var createModalContentComponent = (modalProps, updateComponent) => {
-  const update = getInputUpdateFunction(updateComponent);
-  const modalContentComponent = __spreadProps(__spreadValues({
-    type: "modal-content",
-    open: true
-  }, modalProps), {
-    _update(updateFn) {
-      update(this, updateFn);
-    },
-    getChildren() {
-      return this.components;
-    },
-    getLocalValue() {
-      return getLocalValues(this.getChildren());
-    },
-    async getSubmittableValue() {
-      return getSubmittableData(this.getChildren());
-    },
-    getSubmittableValueSync() {
-      return getSubmittableDataSync(this.getChildren());
-    },
-    getSummary() {
-      return summariseFromChildren(this.getChildren());
-    },
-    validate() {
-      return validateComponents(this.getChildren());
-    },
-    close() {
-      update(this, (draft) => {
-        draft.open = false;
-      });
-    }
-  });
-  return modalContentComponent;
-};
-
-// src/revamp/domain/mappers/layout/modalToContent.ts
-var modalToContent = (uid, { content, title }, mapperProps, inputComponents) => createModalContentComponent(
-  {
-    uid: `${uid}-modal-${getRandomId()}`,
-    title,
-    components: content.map(
-      (component, index) => mapLayoutToComponent(`${uid}.modal-${index}`, component, mapperProps, inputComponents)
-    )
-  },
-  mapperProps.updateComponent
-);
-
 // src/revamp/useDynamicFlowCore.tsx
 function useDynamicFlowCore(props) {
   const _a = props, { flowId, initialAction, initialStep, displayStepTitle = true } = _a, rest = __objRest(_a, ["flowId", "initialAction", "initialStep", "displayStepTitle"]);
@@ -6568,12 +6595,7 @@ function useDynamicFlowCore(props) {
       rootComponentRef.current.stop();
       stepRef.current = newStep;
       etagRef.current = etag;
-      const validationResult = validateStep(newStep);
-      if (!validationResult.valid) {
-        logEvent("info", "The provided step does not conform to the specification.", {
-          errors: validationResult.errors
-        });
-      }
+      analyseStep(newStep, logEvent);
       try {
         const newStepComponent = mapStepToComponent(__spreadValues({
           stepLocalValue: localValue,

package/build/types/revamp/utils/analyse-step.d.ts

@@ -0,0 +1,3 @@
+import { Step } from '@wise/dynamic-flow-types/build/next';
+import { LoggingEventDispatcher } from '../domain/features/events';
+export declare const analyseStep: (step: Step, logEvent: LoggingEventDispatcher) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "4.5.4",
+  "version": "4.5.5",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.js",
@@ -85,8 +85,8 @@
     "tsx": "4.19.4",
     "typescript": "5.8.3",
     "webpack": "5.99.8",
-    "@wise/dynamic-flow-renderers": "0.0.0",
-    "@wise/dynamic-flow-fixtures": "0.0.1"
+    "@wise/dynamic-flow-fixtures": "0.0.1",
+    "@wise/dynamic-flow-renderers": "0.0.0"
   },
   "peerDependencies": {
     "@transferwise/components": "^46.92.0",
@@ -102,7 +102,7 @@
     "classnames": "2.5.1",
     "react-webcam": "^7.2.0",
     "screenfull": "^5.2.0",
-    "@wise/dynamic-flow-types": "3.3.2"
+    "@wise/dynamic-flow-types": "3.3.3"
   },
   "scripts": {
     "dev": "pnpm build:visual-tests && storybook dev -p 3003",