@wise/dynamic-flow-client 2.8.4 → 2.8.6

package/build/main.js

@@ -2541,19 +2541,23 @@ var DynamicColumns_default = DynamicColumns;
 var import_components4 = require("@transferwise/components");
 var import_jsx_runtime14 = require("react/jsx-runtime");
 function DynamicDecision({ component, onAction }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: getMargin(component.margin), children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_components4.NavigationOptionsList, { children: component.options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-    import_components4.NavigationOption,
-    {
-      title: option.title,
-      content: option.description,
-      disabled: option.disabled,
-      media: getNavigationOptionMedia(option),
-      showMediaCircle: false,
-      showMediaAtAllSizes: true,
-      onClick: () => onAction(option.action)
-    },
-    JSON.stringify(option)
-  )) }) });
+  const { loading } = useDynamicFlow();
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: getMargin(component.margin), children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_components4.NavigationOptionsList, { children: component.options.map((option) => {
+    var _a;
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      import_components4.NavigationOption,
+      {
+        title: option.title,
+        content: option.description,
+        disabled: (_a = option.disabled) != null ? _a : loading,
+        media: getNavigationOptionMedia(option),
+        showMediaCircle: false,
+        showMediaAtAllSizes: true,
+        onClick: () => onAction(option.action)
+      },
+      JSON.stringify(option)
+    );
+  }) }) });
 }
 var DynamicDecision_default = DynamicDecision;
 
@@ -2666,7 +2670,7 @@ var import_components7 = require("@transferwise/components");
 var import_formatting = require("@transferwise/formatting");
 var import_react_intl5 = require("react-intl");
 
-// src/common/validationMessages/validation.messages.ts
+// src/common/messages/validation.messages.ts
 var import_react_intl4 = require("react-intl");
 var validation_messages_default = (0, import_react_intl4.defineMessages)({
   type: {
@@ -3520,9 +3524,9 @@ var import_react17 = require("react");
 var import_components11 = require("@transferwise/components");
 var import_react_intl13 = require("react-intl");
 
-// src/legacy/jsonSchemaForm/help/Help.messages.js
+// src/common/messages/help.messages.ts
 var import_react_intl12 = require("react-intl");
-var Help_messages_default = (0, import_react_intl12.defineMessages)({
+var help_messages_default = (0, import_react_intl12.defineMessages)({
   helpAria: {
     id: "dynamicFlows.Help.ariaLabel",
     defaultMessage: "Click here for more info.",
@@ -3532,7 +3536,7 @@ var Help_messages_default = (0, import_react_intl12.defineMessages)({
 
 // src/legacy/jsonSchemaForm/help/Help.tsx
 var import_jsx_runtime26 = require("react/jsx-runtime");
-var Help = (props) => {
+function Help(props) {
   const intl = (0, import_react_intl13.useIntl)();
   return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     import_components11.Info,
@@ -3541,10 +3545,10 @@ var Help = (props) => {
       content: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_components11.Markdown, { children: props.help.markdown }),
       presentation: "POPOVER",
       size: "sm",
-      "aria-label": intl.formatMessage(Help_messages_default.helpAria)
+      "aria-label": intl.formatMessage(help_messages_default.helpAria)
     }
   );
-};
+}
 var Help_default = Help;
 
 // src/legacy/jsonSchemaForm/schemaFormControl/SchemaFormControl.tsx
@@ -5350,9 +5354,9 @@ var DynamicLoadingIndicator_default = DynamicLoadingIndicator;
 var import_components26 = require("@transferwise/components");
 var import_react_intl17 = require("react-intl");
 
-// src/legacy/layout/paragraph/DynamicParagraph.messages.ts
+// src/common/messages/paragraph.messages.ts
 var import_react_intl16 = require("react-intl");
-var DynamicParagraph_messages_default = (0, import_react_intl16.defineMessages)({
+var paragraph_messages_default = (0, import_react_intl16.defineMessages)({
   copy: {
     id: "dynamicFlows.DynamicParagraph.copy",
     defaultMessage: "Copy",
@@ -5377,21 +5381,28 @@ function noop2() {
 
 // src/legacy/layout/paragraph/DynamicParagraph.tsx
 var import_jsx_runtime49 = require("react/jsx-runtime");
-var DynamicParagraph = ({ component }) => component.control === "copyable" ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(CopyableDynamicParagraph, { component }) : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(BasicDynamicParagraph, { component });
-var BasicDynamicParagraph = ({ component }) => /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("p", { className: getTextAlignmentAndMargin(component), children: [
-  " ",
-  component.text,
-  " "
-] });
-var CopyableDynamicParagraph = ({ component }) => {
+function DynamicParagraph({ component }) {
+  return component.control === "copyable" ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(CopyableDynamicParagraph, { component }) : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(BasicDynamicParagraph, { component });
+}
+function BasicDynamicParagraph({ component }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("p", { className: getTextAlignmentAndMargin(component), children: [
+    " ",
+    component.text,
+    " "
+  ] });
+}
+function CopyableDynamicParagraph({ component }) {
   const { formatMessage } = (0, import_react_intl17.useIntl)();
   const createSnackbar = useSnackBarIfAvailable();
   const { text } = component;
   const copy = () => {
     var _a;
-    (_a = navigator.clipboard) == null ? void 0 : _a.writeText(text).then(() => createSnackbar({ text: formatMessage(DynamicParagraph_messages_default.copied) })).catch(noop3);
+    (_a = navigator.clipboard) == null ? void 0 : _a.writeText(text).then(() => createSnackbar({ text: formatMessage(paragraph_messages_default.copied) })).catch(noop3);
   };
-  const classNames8 = getTextAlignmentAndMargin({ align: component.align, margin: "sm" }) + " form-control";
+  const classNames8 = `${getTextAlignmentAndMargin({
+    align: component.align,
+    margin: "sm"
+  })} form-control`;
   return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: getTextAlignmentAndMargin(component), children: [
     /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
       "input",
@@ -5403,9 +5414,9 @@ var CopyableDynamicParagraph = ({ component }) => {
         style: { textOverflow: "ellipsis" }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_components26.Button, { block: true, onClick: copy, children: formatMessage(DynamicParagraph_messages_default.copy) })
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_components26.Button, { block: true, onClick: copy, children: formatMessage(paragraph_messages_default.copy) })
   ] });
-};
+}
 function noop3() {
 }
 var DynamicParagraph_default = DynamicParagraph;
@@ -7304,9 +7315,16 @@ var DynamicFlowComponent = ({
     dispatchEvent("Dynamic Flow - Step Submitted", { actionId: action.id || action.$id });
     try {
       const response = await dfHttpClient({ action, data });
+      if (action.exit && response.ok) {
+        await handleExitResponse(response, action.result);
+        return;
+      }
       await handleResponse(response, "submission");
     } catch (error) {
-      completeWithError(error, "Error fetching next step");
+      completeWithError(
+        error,
+        action.exit ? "Error fetching exit result" : "Error fetching next step"
+      );
     }
   };
   const performRefresh = async (url, data, etag2) => {
@@ -7319,15 +7337,6 @@ var DynamicFlowComponent = ({
       completeWithError(error, "Error fetching refresh step");
     }
   };
-  const performExitAction = async (action, data) => {
-    setLoadingState("submission");
-    try {
-      const response = await dfHttpClient({ action, data });
-      await handleExitResponse(response, action.result);
-    } catch (error) {
-      completeWithError(error, "Error fetching exit result");
-    }
-  };
   const handleExitResponse = async (response, actionResult) => {
     const exitResult = await getJsonObjectOrNull(response);
     dispatchEventAndComplete(__spreadValues(__spreadValues({}, exitResult), actionResult));
@@ -7443,7 +7452,6 @@ var DynamicFlowComponent = ({
       dispatchEventAndComplete(action.result);
       return;
     }
-    const actionHandler = action.exit ? performExitAction : performAction;
     const { data, method, skipValidation } = action;
     const submissionData = __spreadValues(__spreadValues({}, combineModels2(models)), data);
     if (isSubmissionMethod(method)) {
@@ -7452,10 +7460,10 @@ var DynamicFlowComponent = ({
         setSubmitted(true);
       }
       if (modelIsValid || skipValidation) {
-        await actionHandler(action, submissionData);
+        await performAction(action, submissionData);
       }
     } else {
-      await actionHandler(action);
+      await performAction(action);
     }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(LogProvider, { flowId, stepId: (step == null ? void 0 : step.id) || (step == null ? void 0 : step.key), onLog, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(EventsContextProvider, { metadata: analyticsMetadata, onEvent, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(DynamicFlowProvider, { loading: isLoading, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(HttpClientProvider, { httpClient, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(FeatureContextProvider, { features, children: loader !== null ? loader : /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(