@wise/dynamic-flow-client 2.8.5 → 2.8.7

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,7 +3524,7 @@ var import_react17 = require("react");
 var import_components11 = require("@transferwise/components");
 var import_react_intl13 = require("react-intl");
 
-// src/common/helpMessages/help.messages.ts
+// src/common/messages/help.messages.ts
 var import_react_intl12 = require("react-intl");
 var help_messages_default = (0, import_react_intl12.defineMessages)({
   helpAria: {
@@ -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,
@@ -3544,7 +3548,7 @@ var Help = (props) => {
       "aria-label": intl.formatMessage(help_messages_default.helpAria)
     }
   );
-};
+}
 var Help_default = Help;
 
 // src/legacy/jsonSchemaForm/schemaFormControl/SchemaFormControl.tsx
@@ -4157,20 +4161,16 @@ var mapConstSchemaToOption = (schema, controlType) => {
       return mapConstSchemaToRadioOption(schema);
   }
 };
-var mapConstSchemaToRadioOption = (schema) => {
-  return __spreadValues(__spreadValues(__spreadValues({
-    // TODO: LOW avoid type assertion -- using || '' would fail some tests
-    label: schema.title,
-    value: schema.const
-  }, getOptionDescription(schema.title, schema.description)), getAvatarPropertyForRadioOption(schema)), getDisabled(schema.disabled));
-};
-var mapConstSchemaToSelectOption = (schema) => {
-  return __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({
-    // TODO: LOW avoid type assertion -- using || '' would fail some tests
-    label: schema.title,
-    value: schema.const
-  }, getOptionDescription(schema.title, schema.description)), getIconPropertyForSelectOption(schema.icon)), mapImage(schema.image)), getDisabled(schema.disabled)), mapKeywordsToSearchStrings(schema.keywords));
-};
+var mapConstSchemaToRadioOption = (schema) => __spreadValues(__spreadValues(__spreadValues({
+  // TODO: LOW avoid type assertion -- using || '' would fail some tests
+  label: schema.title,
+  value: schema.const
+}, getRadioOptionDescription(schema.title, schema.description)), getAvatarPropertyForRadioOption(schema)), getDisabled(schema.disabled));
+var mapConstSchemaToSelectOption = (schema) => __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({
+  // TODO: LOW avoid type assertion -- using || '' would fail some tests
+  label: schema.title,
+  value: schema.const
+}, getOptionDescription(schema.title, schema.description)), getIconPropertyForSelectOption(schema.icon)), mapImage(schema.image)), getDisabled(schema.disabled)), mapKeywordsToSearchStrings(schema.keywords));
 var mapKeywordsToSearchStrings = (searchStrings) => isArray(searchStrings) ? { searchStrings } : {};
 var mapImage = (image) => {
   if (image == null ? void 0 : image.url) {
@@ -4218,6 +4218,12 @@ var getOptionDescription = (title, description) => {
   }
   return void 0;
 };
+var getRadioOptionDescription = (title, description) => {
+  if (title && description) {
+    return { note: description };
+  }
+  return void 0;
+};
 var getDisabled = (disabled) => {
   if (!isUndefined(disabled) && !isNull(disabled)) {
     return { disabled };
@@ -5350,9 +5356,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 +5383,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 +5416,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;