@wise/dynamic-flow-client 3.17.1 → 3.18.1

package/build/main.js

@@ -144,10 +144,10 @@ var init_clsx = __esm({
   }
 });
 
-// ../../node_modules/.pnpm/@wise+art@2.14.0_@transferwise+neptune-css@14.15.0_@types+react@18.3.4_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wise/art/dist/index-93a0c34e.esm.js
+// ../../node_modules/.pnpm/@wise+art@2.14.0_@transferwise+neptune-css@14.18.0_@types+react@18.3.5_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wise/art/dist/index-93a0c34e.esm.js
 var import_react7, import_jsx_runtime17, unknownFlagName, Flag, Sizes, ImageSizes, imageSizes, Assets, RenderMode;
 var init_index_93a0c34e_esm = __esm({
-  "../../node_modules/.pnpm/@wise+art@2.14.0_@transferwise+neptune-css@14.15.0_@types+react@18.3.4_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wise/art/dist/index-93a0c34e.esm.js"() {
+  "../../node_modules/.pnpm/@wise+art@2.14.0_@transferwise+neptune-css@14.18.0_@types+react@18.3.5_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wise/art/dist/index-93a0c34e.esm.js"() {
     "use strict";
     init_clsx();
     import_react7 = require("react");
@@ -1652,9 +1652,9 @@ var markdownComponentToProps = ({
 });
 
 // src/revamp/renderers/mappers/modalComponentToProps.ts
-var modalComponentToProps = ({ control, margin, trigger }, components) => ({
+var modalComponentToProps = ({ content, control, margin, trigger }, components) => ({
   type: "modal",
-  content: { components },
+  content: { components, title: content.title },
   control,
   margin,
   trigger
@@ -8042,7 +8042,7 @@ var createAllOfComponent = (allOfProps) => {
       return getLocalValues(this.components);
     },
     validate() {
-      return validateComponents(this.getChildren());
+      return hidden ? true : validateComponents(this.getChildren());
     }
   };
 };
@@ -8242,82 +8242,29 @@ var integerSchemaToComponent = (schemaMapperProps, mapperProps) => {
   );
 };
 
-// src/revamp/domain/components/utils/getComponentForLocalValueKey.ts
-var getComponentForLocalValueKey = (key, component) => {
-  if (component.type === "object") {
-    return component.componentMap[key];
-  }
-  if (component.type === "select") {
-    const selectedChild = component.getSelectedChild();
-    return selectedChild ? getComponentForLocalValueKey(key, selectedChild) : null;
-  }
-  const child = hasChildren(component) ? [...component.getChildren()].reverse().find((c) => {
-    const v = c.getLocalValue();
-    return isObjectLocalValue(v) && key in v;
-  }) : void 0;
-  return child ? getComponentForLocalValueKey(key, child) : null;
-};
-
-// src/revamp/domain/components/utils/isPartialLocalValueMatch.ts
-var isPartialLocalValueMatch = (partialValue, component) => {
-  if (!component) {
-    return false;
-  }
-  const componentValue = component.getLocalValue();
-  if (component.type === "const") {
-    return isExactLocalValueMatch(partialValue, componentValue);
-  }
-  if (isObjectLocalValue(partialValue) && isObjectLocalValue(componentValue)) {
-    return isPartialObjectMatch(partialValue, componentValue, component);
-  }
-  if (isArrayLocalValue(partialValue) && component.type === "tuple") {
-    return isPartialTupleMatch(partialValue, component);
-  }
-  return null;
-};
-var isPartialObjectMatch = (partialValue, componentValue, component) => {
-  const results = getMatchingKeys(partialValue, componentValue).map((key) => {
-    const componentForKey = getComponentForLocalValueKey(key, component);
-    return componentForKey && componentForKey.type === "const" ? isPartialLocalValueMatch(partialValue[key], componentForKey) : null;
-  });
-  if (results.includes(false)) {
-    return false;
-  }
-  if (results.includes(true)) {
-    return true;
+// src/revamp/domain/components/utils/isPartialModelMatch.ts
+var isPartialModelMatch = (localModel, incomingModel) => {
+  if (isArrayModel(localModel) && isArrayModel(incomingModel)) {
+    return localModel.length === incomingModel.length && localModel.every((value, index) => isPartialModelMatch(value, incomingModel[index]));
   }
-  return null;
-};
-var isPartialTupleMatch = (partialValue, component) => {
-  const children = component.getChildren();
-  const shortest = partialValue.length < children.length ? partialValue : children;
-  const results = shortest.map((_value, index) => {
-    if (children[index].type !== "const") {
-      return null;
-    }
-    return isPartialLocalValueMatch(partialValue[index], children[index]);
-  });
-  if (results.includes(false)) {
-    return false;
-  }
-  if (results.includes(true)) {
-    return true;
+  if (isObjectModel(localModel) && isObjectModel(incomingModel)) {
+    const nonNullishKeysInBoth = nonNullishKeys(localModel).filter(
+      (key) => nonNullishKeys(incomingModel).includes(key)
+    );
+    return nonNullishKeysInBoth.length > 0 && nonNullishKeysInBoth.every((key) => isPartialModelMatch(localModel[key], incomingModel[key]));
   }
-  return null;
-};
-var getMatchingKeys = (a, b) => {
-  const allKeys = Array.from(/* @__PURE__ */ new Set([...Object.keys(a), ...Object.keys(b)]));
-  return allKeys.filter((key) => !isNullish(a[key]) && !isNullish(b[key]));
+  return localModel === incomingModel;
 };
+var nonNullishKeys = (model) => Object.keys(model).filter((key) => !isNullish(model[key]));
 
 // src/revamp/domain/components/SelectInputComponent.ts
 var createSelectInputComponent = (selectProps, updateComponent) => {
-  const _a = selectProps, { uid, checks, initialValue, options, performRefresh, onValueChange, summariser } = _a, rest = __objRest(_a, ["uid", "checks", "initialValue", "options", "performRefresh", "onValueChange", "summariser"]);
+  const _a = selectProps, { uid, checks, initialModel, options, performRefresh, onValueChange, summariser } = _a, rest = __objRest(_a, ["uid", "checks", "initialModel", "options", "performRefresh", "onValueChange", "summariser"]);
   const children = options.map((option) => option.component);
   const matchingOptions = options.map(
-    (option) => isPartialLocalValueMatch(selectProps.initialValue, option.component)
+    (option) => isPartialModelMatch(option.component.getSubmittableValueSync(), initialModel)
   );
-  const selectedIndex = matchingOptions.filter(isTrue).length === 1 ? matchingOptions.indexOf(true) : null;
+  const selectedIndex = matchingOptions.filter((match) => match).length === 1 ? matchingOptions.indexOf(true) : null;
   const update = getInputUpdateFunction(uid, updateComponent);
   const getValidationErrors = getLocalValueValidator(checks);
   const getAndSetValidationErrors = (currentValue) => {
@@ -8385,11 +8332,10 @@ var createSelectInputComponent = (selectProps, updateComponent) => {
     }
   });
 };
-var isTrue = (value) => value === true;
 
 // src/revamp/domain/mappers/schema/oneOfSchemaToComponent/oneOfSchemaToComponent.ts
 var oneOfSchemaToComponent = (schemaMapperProps, mapperProps) => {
-  var _a, _b;
+  var _a;
   const {
     uid,
     localValue,
@@ -8411,7 +8357,7 @@ var oneOfSchemaToComponent = (schemaMapperProps, mapperProps) => {
       component: mapSchemaToComponent(
         {
           uid: `${uid}.oneOf-${index}`,
-          schema: supressSchemaTitleAndDescription(childSchema),
+          schema: isFormSectionSchema(childSchema) ? supressSchemaTitleAndDescription(childSchema) : childSchema,
           model: initialModel,
           localValue,
           validationErrors: initialError,
@@ -8422,15 +8368,14 @@ var oneOfSchemaToComponent = (schemaMapperProps, mapperProps) => {
     };
   });
   const { getErrorMessageFunctions, updateComponent, trackEvent, onRefresh, onValueChange } = mapperProps;
-  const { default: defaultValue, validationMessages } = schema;
+  const { validationMessages } = schema;
   const errorMessageFunctions = getErrorMessageFunctions(validationMessages);
-  const initialValue = (_b = model != null ? model : defaultValue) != null ? _b : null;
   return createSelectInputComponent(
     __spreadProps(__spreadValues({}, mapCommonSchemaProps(schemaMapperProps)), {
       autoComplete: getAutocompleteString(schema.autocompleteHint),
       checks: schema.hidden ? [] : [getRequiredCheck(required, errorMessageFunctions)],
       options,
-      initialValue,
+      initialModel,
       performRefresh: getPerformRefresh(schema, onRefresh),
       onValueChange,
       trackEvent
@@ -8438,6 +8383,7 @@ var oneOfSchemaToComponent = (schemaMapperProps, mapperProps) => {
     updateComponent
   );
 };
+var isFormSectionSchema = (schema) => isObjectSchema(schema) || isArrayTupleSchema(schema) || isAllOfSchema(schema);
 var supressSchemaTitleAndDescription = (schema) => {
   const _a = schema, { title, description } = _a, headlessSchema = __objRest(_a, ["title", "description"]);
   return headlessSchema;
@@ -9940,13 +9886,14 @@ var createModalComponent = (modalProps) => __spreadProps(__spreadValues({
 
 // src/revamp/domain/mappers/layout/modalLayoutToComponent.ts
 var modalLayoutToComponent = (uid, { content, control, margin = "md", trigger }, mapperProps) => {
-  const { components } = content;
+  const { components, title } = content;
   return createModalComponent({
     uid,
     content: {
       components: components.map(
         (component, index) => mapLayoutToComponent(`${uid}.modal-${index}`, component, mapperProps)
-      )
+      ),
+      title
     },
     control,
     margin,
@@ -11310,7 +11257,7 @@ var DateInputRenderer_default = DateInputRenderer;
 // ../renderers/src/DecisionRenderer.tsx
 var import_components9 = require("@transferwise/components");
 
-// ../../node_modules/.pnpm/@wise+art@2.14.0_@transferwise+neptune-css@14.15.0_@types+react@18.3.4_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wise/art/dist/index.esm.js
+// ../../node_modules/.pnpm/@wise+art@2.14.0_@transferwise+neptune-css@14.18.0_@types+react@18.3.5_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wise/art/dist/index.esm.js
 init_index_93a0c34e_esm();
 init_clsx();
 var import_react8 = require("react");
@@ -11647,6 +11594,7 @@ var ModalRenderer = {
 var ModalRenderer_default = ModalRenderer;
 function DFModal({ content, margin, trigger }) {
   const [visible, setVisible] = (0, import_react10.useState)(false);
+  const { components, title } = content;
   return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: getMargin(margin), children: [
     /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_components17.Button, { priority: "tertiary", block: true, onClick: () => setVisible(true), children: trigger.title }),
     /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
@@ -11655,7 +11603,8 @@ function DFModal({ content, margin, trigger }) {
         scroll: "content",
         open: visible,
         size: "lg",
-        body: content.components,
+        title,
+        body: components,
         onClose: () => setVisible(false)
       }
     )
@@ -18087,6 +18036,7 @@ function DynamicModal(props) {
         scroll: "content",
         open: visible,
         size: "lg",
+        title: component.content.title,
         body: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
           DynamicLayout_default,
           __spreadProps(__spreadValues({}, props), {