@wise/dynamic-flow-client 4.19.4 → 4.20.0

package/build/main.js

@@ -1227,6 +1227,7 @@ var getChildren = (node) => {
     case "input-multi-select":
     case "input-upload-multi":
     case "input-number":
+    case "money-input":
     case "paragraph":
     case "progress":
     case "review":
@@ -1419,6 +1420,19 @@ var mapErrorsToValidationState = (errors) => {
   return void 0;
 };
 
+// src/revamp/renderers/mappers/utils/getValidationState.ts
+var getValidationState = (errors, validationAsyncState) => {
+  if (validationAsyncState) {
+    if (validationAsyncState == null ? void 0 : validationAsyncState.messages.error) {
+      return { status: "invalid", message: validationAsyncState == null ? void 0 : validationAsyncState.messages.error };
+    }
+    if (validationAsyncState == null ? void 0 : validationAsyncState.messages.success) {
+      return { status: "valid", message: validationAsyncState == null ? void 0 : validationAsyncState.messages.success };
+    }
+  }
+  return mapErrorsToValidationState(errors);
+};
+
 // src/revamp/renderers/mappers/utils/inputComponentToProps.ts
 var inputComponentToProps = (component, type) => {
   var _a;
@@ -1461,17 +1475,6 @@ var inputComponentToProps = (component, type) => {
     onFocus: onFocus.bind(component)
   }, mapMediaToLegacyProps(media));
 };
-var getValidationState = (errors, validationAsyncState) => {
-  if (validationAsyncState) {
-    if (validationAsyncState == null ? void 0 : validationAsyncState.messages.error) {
-      return { status: "invalid", message: validationAsyncState == null ? void 0 : validationAsyncState.messages.error };
-    }
-    if (validationAsyncState == null ? void 0 : validationAsyncState.messages.success) {
-      return { status: "valid", message: validationAsyncState == null ? void 0 : validationAsyncState.messages.success };
-    }
-  }
-  return mapErrorsToValidationState(errors);
-};
 
 // src/revamp/renderers/mappers/booleanInputComponentToProps.ts
 var booleanInputComponentToProps = (component, rendererMapperProps) => {
@@ -1711,7 +1714,18 @@ var mapItem = (item) => {
 var loadingIndicatorComponentToProps = (component, rendererMapperProps) => __spreadValues(__spreadValues({}, pick(component, "uid", "analyticsId", "type", "control", "margin", "size", "tags")), rendererMapperProps);
 
 // src/revamp/renderers/mappers/markdownComponentToProps.ts
-var markdownComponentToProps = (control, rendererMapperProps) => __spreadValues(__spreadValues({}, pick(control, "uid", "analyticsId", "type", "align", "margin", "content", "control", "tags")), rendererMapperProps);
+var markdownComponentToProps = (control, rendererMapperProps) => __spreadValues(__spreadValues({}, pick(
+  control,
+  "uid",
+  "analyticsId",
+  "type",
+  "align",
+  "margin",
+  "content",
+  "control",
+  "tags",
+  "size"
+)), rendererMapperProps);
 
 // src/revamp/renderers/mappers/modalComponentToProps.ts
 var modalComponentToProps = (component, rendererMapperProps) => {
@@ -1750,6 +1764,48 @@ var modalLayoutComponentToProps = (component, rendererMapperProps) => {
   }, rendererMapperProps);
 };
 
+// src/revamp/renderers/mappers/moneyInputComponentToProps.ts
+var moneyInputComponentToProps = (component, rendererMapperProps) => {
+  const { components, errors, validationAsyncState } = component;
+  const amountComponent = components.amount;
+  const currencyComponent = components.currency;
+  const validationState = pickValidationState([
+    getValidationState(amountComponent.errors, amountComponent.validationAsyncState),
+    getValidationState(currencyComponent.errors, currencyComponent.validationAsyncState),
+    getValidationState(errors, validationAsyncState)
+  ]);
+  const currencies = currencyComponent.options.map(
+    ({ analyticsId, title, description, media, keywords, tags }, i) => ({
+      currencyCode: currencyComponent.children[i].getLocalValue(),
+      analyticsId,
+      title,
+      description,
+      media,
+      keywords,
+      tags
+    })
+  );
+  return __spreadValues(__spreadProps(__spreadValues({}, inputComponentToProps(component, "money-input")), {
+    amountValue: amountComponent.getLocalValue(),
+    selectedCurrencyIndex: currencyComponent.selectedIndex,
+    onAmountChange: amountComponent.onChange.bind(amountComponent),
+    onCurrencyChange: currencyComponent.onSelect.bind(currencyComponent),
+    placeholder: amountComponent.placeholder,
+    currencies,
+    validationState
+  }), rendererMapperProps);
+};
+var pickValidationState = (states) => {
+  const definedStates = states.filter((state) => state !== void 0);
+  if (definedStates.length === 0) {
+    return void 0;
+  }
+  if (definedStates.some((state) => state.status === "invalid")) {
+    return definedStates.find((state) => state.status === "invalid");
+  }
+  return definedStates[0];
+};
+
 // src/revamp/renderers/mappers/multiSelectComponentToProps.ts
 var multiSelectInputComponentToProps = (component, rendererMapperProps) => {
   const { autoComplete, maxItems, minItems, options, selectedIndices, onSelect } = component;
@@ -1812,7 +1868,18 @@ var objectComponentToProps = (component, rendererMapperProps) => {
 };
 
 // src/revamp/renderers/mappers/paragraphComponentToProps.ts
-var paragraphComponentToProps = (component, rendererMapperProps) => __spreadValues(__spreadValues({}, pick(component, "uid", "analyticsId", "type", "align", "control", "margin", "tags", "text")), rendererMapperProps);
+var paragraphComponentToProps = (component, rendererMapperProps) => __spreadValues(__spreadValues({}, pick(
+  component,
+  "uid",
+  "analyticsId",
+  "type",
+  "align",
+  "control",
+  "margin",
+  "tags",
+  "text",
+  "size"
+)), rendererMapperProps);
 
 // src/revamp/renderers/mappers/persistAsyncComponentToProps.ts
 var persistAsyncComponentToProps = (component, rendererMapperProps) => {
@@ -2199,6 +2266,8 @@ var getComponentProps = (component, rendererMapperProps) => {
       return modalLayoutComponentToProps(component, rendererMapperProps);
     case "modal":
       return modalComponentToProps(component, rendererMapperProps);
+    case "money-input":
+      return moneyInputComponentToProps(component, rendererMapperProps);
     case "multi-select":
       return multiSelectInputComponentToProps(component, rendererMapperProps);
     case "multi-upload":
@@ -2926,7 +2995,8 @@ var infoLayoutToComponent = (uid, { analyticsId, align = "left", control, margin
   content,
   control,
   margin,
-  tags
+  tags,
+  size: "md"
 });
 
 // src/revamp/domain/components/InstructionsComponent.ts
@@ -3031,14 +3101,23 @@ var loadingIndicatorLayoutToComponent = (uid, { analyticsId, control, margin = "
 });
 
 // src/revamp/domain/mappers/layout/markdownLayoutToComponent.ts
-var markdownLayoutToComponent = (uid, { analyticsId, align = "left", margin = "md", control, content, tags }) => createMarkdownComponent({
+var markdownLayoutToComponent = (uid, {
+  analyticsId,
+  align = "left",
+  margin = "md",
+  control,
+  content,
+  size = "md",
+  tags
+}) => createMarkdownComponent({
   uid,
   analyticsId,
   align: mapLegacyAlign(align),
   control,
   content,
   margin,
-  tags
+  tags,
+  size
 });
 
 // src/revamp/domain/components/ModalLayoutComponent.ts
@@ -3077,14 +3156,15 @@ var createParagraphComponent = (paragraphProps) => __spreadValues({
 }, paragraphProps);
 
 // src/revamp/domain/mappers/layout/paragraphLayoutToComponent.ts
-var paragraphLayoutToComponent = (uid, { analyticsId, align = "left", control, margin = "md", tags, text }) => createParagraphComponent({
+var paragraphLayoutToComponent = (uid, { analyticsId, align = "left", control, margin = "md", size = "md", tags, text }) => createParagraphComponent({
   uid,
   analyticsId,
   text,
   control,
   align: mapLegacyAlign(align),
   margin,
-  tags
+  tags,
+  size
 });
 
 // src/revamp/domain/components/ReviewComponent.ts
@@ -4057,6 +4137,22 @@ var getBelowMinimumCheck = ({ minimum }, messageFunctions) => (value) => {
   }
   return null;
 };
+var getAboveMaximumMoneyAmountCheck = ({ maximum }, messageFunctions) => (value) => {
+  const numericValue = value != null ? Number.parseFloat(value) : null;
+  const numericMax = maximum != null ? Number.parseFloat(maximum) : null;
+  if (maximum != null && isNumber(numericMax) && isNumber(numericValue) && numericValue > numericMax) {
+    return messageFunctions.maximum(maximum);
+  }
+  return null;
+};
+var getBelowMinimumMoneyAmountCheck = ({ minimum }, messageFunctions) => (value) => {
+  const numericValue = value != null ? Number.parseFloat(value) : null;
+  const numericMin = minimum != null ? Number.parseFloat(minimum) : null;
+  if (minimum != null && isNumber(numericMin) && isNumber(numericValue) && numericValue < numericMin) {
+    return messageFunctions.minimum(minimum);
+  }
+  return null;
+};
 var getAboveMaximumDateCheck = ({ maximum }, messageFunctions) => (value) => {
   if (isString(maximum) && isString(value) && value > maximum) {
     return messageFunctions.maximumDate(maximum);
@@ -5129,6 +5225,7 @@ var arraySchemaToMultiSelectComponent = (schemaMapperProps, mapperProps) => {
   } = schemaMapperProps;
   const initialModel = model != null ? model : null;
   const options = schema.items.oneOf.map((childSchema, index) => {
+    var _a;
     const { title: title2 = "", description, image, icon, media, keywords = [], tags } = childSchema;
     return {
       title: title2,
@@ -5137,6 +5234,7 @@ var arraySchemaToMultiSelectComponent = (schemaMapperProps, mapperProps) => {
       keywords,
       tags,
       disabled: "disabled" in childSchema ? Boolean(childSchema.disabled) : false,
+      analyticsId: (_a = childSchema.analyticsId) != null ? _a : childSchema.$id,
       component: mapSchemaToComponent(
         {
           uid: `${uid}.oneOf-${index}`,
@@ -5676,6 +5774,112 @@ var integerSchemaToComponent = (schemaMapperProps, mapperProps) => {
   );
 };
 
+// src/revamp/domain/components/MoneyInputComponent.ts
+var createMoneyInputComponent = (moneyInputProps, updateComponent) => {
+  const _a = moneyInputProps, {
+    id,
+    uid,
+    schemaId,
+    analyticsId,
+    amountKey,
+    amountComponent,
+    currencyKey,
+    currencyComponent,
+    control,
+    description,
+    help,
+    hidden,
+    media,
+    summariser,
+    title,
+    tags,
+    extraValues,
+    checks
+  } = _a, rest = __objRest(_a, [
+    "id",
+    "uid",
+    "schemaId",
+    "analyticsId",
+    "amountKey",
+    "amountComponent",
+    "currencyKey",
+    "currencyComponent",
+    "control",
+    "description",
+    "help",
+    "hidden",
+    "media",
+    "summariser",
+    "title",
+    "tags",
+    "extraValues",
+    "checks"
+  ]);
+  const getValidationErrors = getLocalValueValidator(checks);
+  const update = getInputUpdateFunction(updateComponent);
+  const moneyComponent = __spreadValues({
+    type: "money-input",
+    kind: "input",
+    id,
+    uid,
+    schemaId,
+    analyticsId,
+    autoComplete: "off",
+    control,
+    description,
+    help,
+    hidden,
+    media,
+    title,
+    tags,
+    value: {
+      [amountKey]: amountComponent.getLocalValue(),
+      [currencyKey]: currencyComponent.getLocalValue()
+    },
+    _update(updateFn) {
+      update(this, updateFn);
+    },
+    components: {
+      amount: amountComponent,
+      currency: currencyComponent
+    },
+    async getSubmittableValue() {
+      return __spreadValues({
+        [amountKey]: await amountComponent.getSubmittableValue(),
+        [currencyKey]: await currencyComponent.getSubmittableValue()
+      }, extraValues);
+    },
+    getSubmittableValueSync() {
+      return __spreadValues({
+        [amountKey]: amountComponent.getSubmittableValueSync(),
+        [currencyKey]: currencyComponent.getSubmittableValueSync()
+      }, extraValues);
+    },
+    getLocalValue() {
+      return __spreadValues({
+        [amountKey]: amountComponent.getLocalValue(),
+        [currencyKey]: currencyComponent.getLocalValue()
+      }, extraValues);
+    },
+    getSummary() {
+      return summariser(this.getLocalValue());
+    },
+    validate() {
+      const errors = getValidationErrors(amountComponent.getLocalValue());
+      this._update((draft) => {
+        draft.errors = errors;
+      });
+      return amountComponent.validate() && currencyComponent.validate() && errors.length === 0;
+    },
+    onBlur() {
+    },
+    // noop
+    onFocus() {
+    }
+  }, rest);
+  return moneyComponent;
+};
+
 // src/revamp/domain/components/ObjectComponent.ts
 var createObjectComponent = (objectProps) => {
   const {
@@ -5751,12 +5955,45 @@ var mergeChildrenValues = (displayOrder, getComponentValue) => displayOrder.redu
   return __spreadValues(__spreadValues({}, acc), componentValue === null ? {} : { [propName]: componentValue });
 }, {});
 
-// src/revamp/domain/mappers/schema/objectSchemaToComponent/objectSchemaToComponent.ts
-var objectSchemaToComponent = (schemaMapperProps, mapperProps) => {
+// src/revamp/domain/mappers/schema/objectSchemaToComponent/assertDisplayOrder.ts
+var assertDisplayOrder = (schema, logEvent) => {
+  const { $id, displayOrder, properties } = schema;
+  if (!displayOrder) {
+    const message = `Object schema ${$id} has no displayOrder property.`;
+    logEvent("error", message);
+    throw new Error(message);
+  }
+  const propertyNames = Object.keys(properties);
+  displayOrder.forEach((propName) => {
+    if (!properties[propName]) {
+      const message = `Object schema ${$id} has no property named "${propName}", but it is listed in the displayOrder array.`;
+      logEvent("error", message);
+      throw new Error(message);
+    }
+  });
+  propertyNames.forEach((propName) => {
+    if (!displayOrder.includes(propName)) {
+      const message = `Object schema ${$id} has a "${propName}" property which is missing in the displayOrder array.`;
+      logEvent("error", message);
+      throw new Error(message);
+    }
+  });
+};
+
+// src/revamp/domain/mappers/schema/objectSchemaToComponent/objectSchemaToObjectComponent.ts
+var objectSchemaToObjectComponent = (schemaMapperProps, mapperProps) => {
+  assertDisplayOrder(schemaMapperProps.schema, mapperProps.logEvent);
+  const componentMap = createComponentMap(schemaMapperProps, mapperProps, "obj");
+  return createObjectComponent(__spreadProps(__spreadValues({}, mapCommonSchemaProps(schemaMapperProps)), {
+    displayOrder: schemaMapperProps.schema.displayOrder,
+    componentMap
+  }));
+};
+var createComponentMap = (schemaMapperProps, mapperProps, uidPrefix) => {
   const { uid, localValue, schema, model, validationErrors } = schemaMapperProps;
   const { $id, displayOrder, properties, required } = schema;
-  validateDisplayOrder($id, displayOrder, properties, mapperProps.logEvent);
-  const componentMap = displayOrder.reduce((acc, propName) => {
+  const initialReducerValue = {};
+  return displayOrder.reduce((acc, propName) => {
     var _a;
     const propSchema = properties[propName];
     if (propSchema === void 0) {
@@ -5765,7 +6002,7 @@ var objectSchemaToComponent = (schemaMapperProps, mapperProps) => {
     return __spreadProps(__spreadValues({}, acc), {
       [propName]: mapSchemaToComponent(
         {
-          uid: `${uid}.obj-${propName}`,
+          uid: `${uid}.${uidPrefix}-${propName}`,
           schema: propSchema,
           model: isObjectModel(model) ? model[propName] : null,
           localValue: isObjectLocalValue(localValue) ? localValue[propName] : null,
@@ -5775,34 +6012,95 @@ var objectSchemaToComponent = (schemaMapperProps, mapperProps) => {
         mapperProps
       )
     });
-  }, {});
-  return createObjectComponent(__spreadProps(__spreadValues({}, mapCommonSchemaProps(schemaMapperProps)), {
-    componentMap,
-    displayOrder
-  }));
+  }, initialReducerValue);
 };
-var validateDisplayOrder = ($id, displayOrder, properties, logEvent) => {
-  if (!displayOrder) {
-    const message = `Object schema ${$id} has no displayOrder property.`;
-    logEvent("error", message);
+
+// src/revamp/domain/mappers/schema/objectSchemaToComponent/objectSchemaToMoneyInputComponent.ts
+var isAmountSchema = (schema) => isStringSchema(schema) && !schema.hidden && schema.format !== "date" && schema.format !== "base64url" && schema.persistAsync === void 0;
+var isCurrencyConstSchema = (schema) => isConstSchema(schema);
+var isCurrencySelectSchema = (schema) => isOneOfSchema(schema) && schema.oneOf.length > 0 && schema.oneOf.every((option) => isCurrencyConstSchema(option));
+var objectSchemaToMoneyInputComponent = (schemaMapperProps, mapperProps) => {
+  return createMoneyInputComponent(
+    __spreadValues(__spreadValues({}, mapCommonSchemaProps(schemaMapperProps)), createMoneyInputSubComponents(schemaMapperProps, mapperProps)),
+    mapperProps.updateComponent
+  );
+};
+var createMoneyInputSubComponents = (schemaMapperProps, mapperProps) => {
+  const { schema: objectSchema } = schemaMapperProps;
+  const amountKey = getAmountSchemaKey(objectSchema, mapperProps);
+  const currencyKey = getCurrencySchemaKey(objectSchema, mapperProps);
+  const currencySchema = objectSchema.properties[currencyKey];
+  const customSchemaMapperProps = __spreadProps(__spreadValues({}, schemaMapperProps), {
+    schema: isOneOfSchema(currencySchema) ? objectSchema : replaceKeyInObjectSchema(objectSchema, currencyKey, { oneOf: [currencySchema] })
+  });
+  const componentMap = createComponentMap(customSchemaMapperProps, mapperProps, "money");
+  const amountComponent = componentMap[amountKey];
+  assertAmountComponent(amountComponent, mapperProps.logEvent);
+  const currencyComponent = componentMap[currencyKey];
+  assertCurrencyComponent(currencyComponent, mapperProps.logEvent);
+  const extraValues = getExtraValues(componentMap, [amountKey, currencyKey]);
+  const checks = getMinMaxChecks(objectSchema, amountKey, mapperProps);
+  return { amountKey, amountComponent, currencyKey, currencyComponent, extraValues, checks };
+};
+var getAmountSchemaKey = ({ displayOrder, properties }, mapperProps) => {
+  var _a;
+  const entry = displayOrder.map((key) => ({ key, schema: properties[key] })).find(({ schema }) => isAmountSchema(schema));
+  if (!entry) {
+    const message = `Object schema with format "money" is not properly configured. It must have one schema property of type "string" which is not hidden and has a valid format or no format at all.`;
+    (_a = mapperProps.logEvent) == null ? void 0 : _a.call(mapperProps, "error", message);
     throw new Error(message);
   }
-  const propertyNames = Object.keys(properties);
-  displayOrder.forEach((propName) => {
-    if (!properties[propName]) {
-      const message = `Object schema ${$id} has no property named "${propName}", but it is listed in the displayOrder array.`;
-      logEvent("error", message);
-      throw new Error(message);
-    }
-  });
-  propertyNames.forEach((propName) => {
-    if (!displayOrder.includes(propName)) {
-      const message = `Object schema ${$id} has a "${propName}" property which is missing in the displayOrder array.`;
-      logEvent("error", message);
-      throw new Error(message);
-    }
+  return entry.key;
+};
+var getCurrencySchemaKey = ({ displayOrder, properties }, mapperProps) => {
+  var _a;
+  const entry = displayOrder.map((key) => ({ key, schema: properties[key] })).find(({ schema }) => isCurrencyConstSchema(schema) || isCurrencySelectSchema(schema));
+  if (!entry) {
+    const message = `Object schema with format "money" is not properly configured. It must have one schema property representing the currency code. This property must be a const schema or a oneOf schema with at least one const schema options.`;
+    (_a = mapperProps.logEvent) == null ? void 0 : _a.call(mapperProps, "error", message);
+    throw new Error(message);
+  }
+  return entry.key;
+};
+var replaceKeyInObjectSchema = (objSchema, key, newSchema) => {
+  return __spreadProps(__spreadValues({}, objSchema), {
+    properties: __spreadProps(__spreadValues({}, objSchema.properties), {
+      [key]: newSchema
+    })
   });
 };
+var getMinMaxChecks = (objectSchema, amountKey, mapperProps) => {
+  const amountSchema = objectSchema.properties[amountKey];
+  const errorMessageFunctions = mapperProps.getErrorMessageFunctions(
+    amountSchema.validationMessages
+  );
+  const checks = [
+    getAboveMaximumMoneyAmountCheck(amountSchema, errorMessageFunctions),
+    getBelowMinimumMoneyAmountCheck(amountSchema, errorMessageFunctions)
+  ];
+  return checks;
+};
+function getExtraValues(componentMap, excludeKeys) {
+  return Object.fromEntries(
+    Object.entries(componentMap).filter(
+      ([key, component]) => !excludeKeys.includes(key) && (component.type === "const" || component.hidden)
+    ).map(([key, component]) => [key, component.getSubmittableValueSync()])
+  );
+}
+function assertAmountComponent(component, logEvent) {
+  if (component.type !== "text") {
+    const message = "A string schema was selected for amount but it was not successfully mapped into a TextInputComponent.";
+    logEvent == null ? void 0 : logEvent("error", message);
+    throw new Error(message);
+  }
+}
+function assertCurrencyComponent(component, logEvent) {
+  if (component.type !== "select") {
+    const message = "A schema was selected for currency but it was not successfully mapped into a SelectInputComponent.";
+    logEvent == null ? void 0 : logEvent("error", message);
+    throw new Error(message);
+  }
+}
 
 // src/revamp/domain/components/utils/isPartialModelMatch.ts
 var isPartialModelMatch = (localModel, incomingModel) => {
@@ -5928,6 +6226,7 @@ var oneOfSchemaToComponent = (schemaMapperProps, mapperProps) => {
     );
   }
   const options = schema.oneOf.map((childSchema, index) => {
+    var _a2;
     const { title = "", description, image, icon, media, keywords = [], tags } = childSchema;
     return {
       title,
@@ -5936,6 +6235,7 @@ var oneOfSchemaToComponent = (schemaMapperProps, mapperProps) => {
       keywords,
       tags,
       disabled: "disabled" in childSchema ? Boolean(childSchema.disabled) : false,
+      analyticsId: (_a2 = childSchema.analyticsId) != null ? _a2 : childSchema.$id,
       component: mapSchemaToComponent(
         {
           uid: `${uid}.oneOf-${index}`,
@@ -5971,6 +6271,143 @@ var supressSchemaTitleAndDescription = (schema) => {
   return headlessSchema;
 };
 
+// src/revamp/domain/components/utils/isExactLocalValueMatch.ts
+var isExactLocalValueMatch = (valueA, valueB) => {
+  if (isArrayLocalValue(valueA) && isArrayLocalValue(valueB)) {
+    return valueA.length === valueB.length && valueA.every((value, index) => isExactLocalValueMatch(value, valueB[index]));
+  }
+  if (isObjectLocalValue(valueA) && isObjectLocalValue(valueB)) {
+    const keysA = Object.keys(valueA);
+    const keysB = Object.keys(valueB);
+    return keysA.length === keysB.length && keysA.every((key) => isExactLocalValueMatch(valueA[key], valueB[key]));
+  }
+  return valueA === valueB;
+};
+
+// src/revamp/domain/components/PersistAsyncComponent.ts
+var createPersistAsyncComponent = (props, performPersistAsync, schemaOnChange, updateComponent) => {
+  const { uid, analyticsId, schemaId, component, hidden, model, localValue, tags } = props;
+  const update = getInputUpdateFunction(updateComponent);
+  const paComponent = {
+    type: "persist-async",
+    kind: "input",
+    uid,
+    analyticsId,
+    schemaId,
+    component,
+    hidden,
+    lastSubmitted: model != null ? localValue != null ? localValue : null : null,
+    lastResponse: model != null ? model : null,
+    submission: Promise.resolve(model != null ? model : null),
+    abortController: new AbortController(),
+    errors: [],
+    tags,
+    _update(updateFn) {
+      update(this, updateFn);
+    },
+    validate() {
+      return this.component.validate();
+    },
+    getLocalValue() {
+      return this.component.getLocalValue();
+    },
+    async getSubmittableValue() {
+      return this.persist();
+    },
+    getSubmittableValueSync() {
+      return this.lastResponse;
+    },
+    getSummary() {
+      return this.component.getSummary();
+    },
+    async persist() {
+      const childLocalValue = this.component.getLocalValue();
+      if (isExactLocalValueMatch(childLocalValue, this.lastSubmitted)) {
+        return this.submission;
+      }
+      const newAbortController = abortAndResetController(this.abortController);
+      if (childLocalValue == null || childLocalValue === "") {
+        const resolvedNull = Promise.resolve(null);
+        this._update((draft) => {
+          draft.abortController = newAbortController;
+          draft.lastResponse = null;
+          draft.lastSubmitted = childLocalValue;
+          draft.submission = resolvedNull;
+          draft.errors = [];
+        });
+        void (schemaOnChange == null ? void 0 : schemaOnChange());
+        return resolvedNull;
+      }
+      const { signal } = newAbortController;
+      const newSubmission = performPersistAsync({ value: childLocalValue, signal }).then((token) => {
+        this._update((draft) => {
+          draft.lastResponse = token;
+          draft.errors = [];
+        });
+        void (schemaOnChange == null ? void 0 : schemaOnChange());
+        return token;
+      }).catch((error) => {
+        if (error instanceof DOMException && error.name === "AbortError") {
+          return null;
+        }
+        this._update((draft) => {
+          draft.lastResponse = null;
+          draft.lastSubmitted = null;
+          draft.submission = Promise.resolve(null);
+          if (this.component.type !== "upload") {
+            draft.errors = error instanceof Error ? [error.message] : [];
+          }
+        });
+        throw error;
+      });
+      this._update((draft) => {
+        draft.abortController = newAbortController;
+        draft.lastSubmitted = childLocalValue;
+        draft.lastResponse = null;
+        draft.submission = newSubmission;
+        draft.errors = [];
+      });
+      return newSubmission;
+    }
+  };
+  return paComponent;
+};
+
+// src/revamp/domain/mappers/schema/persistAsyncSchemaToComponent.ts
+var isSupported = (type) => ["boolean", "text", "date", "integer", "number", "upload"].includes(type);
+var persistAsyncSchemaToComponent = (schemaMapperProps, mapperProps) => {
+  const { uid, schema, model, localValue } = schemaMapperProps;
+  const { persistAsync, tags } = schema;
+  const performPersistAsync = getPerformPersistAsyncFn(schema, persistAsync, mapperProps);
+  const onPersistAsync = async () => paComponent.persist().then(() => {
+  });
+  const childComponent = mapSchemaToComponent(
+    __spreadProps(__spreadValues({}, schemaMapperProps), { uid: `${uid}-persist`, schema: persistAsync.schema, onPersistAsync }),
+    mapperProps
+  );
+  if (!isSupported(childComponent.type)) {
+    return childComponent;
+  }
+  const paComponent = createPersistAsyncComponent(
+    {
+      uid,
+      // This should be `schema.hidden ?? false`
+      // but some steps are setting PA schemas as hidden for no good reason
+      // so we default to false here to avoid hiding the the children of the PA component
+      hidden: false,
+      component: childComponent,
+      schemaId: schema.$id,
+      model,
+      localValue,
+      tags
+    },
+    performPersistAsync,
+    getSchemaOnChange(schema, mapperProps.onBehavior),
+    mapperProps.updateComponent
+  );
+  return paComponent;
+};
+
 // src/revamp/domain/components/DateInputComponent.ts
 var createDateInputComponent = (textInputProps, updateComponent) => {
   const _a = textInputProps, {
@@ -6310,143 +6747,6 @@ var isStringSchemaWithBase64 = (schema) => {
   return schema.format === "base64url" && !("persistAsync" in schema);
 };
 
-// src/revamp/domain/components/utils/isExactLocalValueMatch.ts
-var isExactLocalValueMatch = (valueA, valueB) => {
-  if (isArrayLocalValue(valueA) && isArrayLocalValue(valueB)) {
-    return valueA.length === valueB.length && valueA.every((value, index) => isExactLocalValueMatch(value, valueB[index]));
-  }
-  if (isObjectLocalValue(valueA) && isObjectLocalValue(valueB)) {
-    const keysA = Object.keys(valueA);
-    const keysB = Object.keys(valueB);
-    return keysA.length === keysB.length && keysA.every((key) => isExactLocalValueMatch(valueA[key], valueB[key]));
-  }
-  return valueA === valueB;
-};
-
-// src/revamp/domain/components/PersistAsyncComponent.ts
-var createPersistAsyncComponent = (props, performPersistAsync, schemaOnChange, updateComponent) => {
-  const { uid, analyticsId, schemaId, component, hidden, model, localValue, tags } = props;
-  const update = getInputUpdateFunction(updateComponent);
-  const paComponent = {
-    type: "persist-async",
-    kind: "input",
-    uid,
-    analyticsId,
-    schemaId,
-    component,
-    hidden,
-    lastSubmitted: model != null ? localValue != null ? localValue : null : null,
-    lastResponse: model != null ? model : null,
-    submission: Promise.resolve(model != null ? model : null),
-    abortController: new AbortController(),
-    errors: [],
-    tags,
-    _update(updateFn) {
-      update(this, updateFn);
-    },
-    validate() {
-      return this.component.validate();
-    },
-    getLocalValue() {
-      return this.component.getLocalValue();
-    },
-    async getSubmittableValue() {
-      return this.persist();
-    },
-    getSubmittableValueSync() {
-      return this.lastResponse;
-    },
-    getSummary() {
-      return this.component.getSummary();
-    },
-    async persist() {
-      const childLocalValue = this.component.getLocalValue();
-      if (isExactLocalValueMatch(childLocalValue, this.lastSubmitted)) {
-        return this.submission;
-      }
-      const newAbortController = abortAndResetController(this.abortController);
-      if (childLocalValue == null || childLocalValue === "") {
-        const resolvedNull = Promise.resolve(null);
-        this._update((draft) => {
-          draft.abortController = newAbortController;
-          draft.lastResponse = null;
-          draft.lastSubmitted = childLocalValue;
-          draft.submission = resolvedNull;
-          draft.errors = [];
-        });
-        void (schemaOnChange == null ? void 0 : schemaOnChange());
-        return resolvedNull;
-      }
-      const { signal } = newAbortController;
-      const newSubmission = performPersistAsync({ value: childLocalValue, signal }).then((token) => {
-        this._update((draft) => {
-          draft.lastResponse = token;
-          draft.errors = [];
-        });
-        void (schemaOnChange == null ? void 0 : schemaOnChange());
-        return token;
-      }).catch((error) => {
-        if (error instanceof DOMException && error.name === "AbortError") {
-          return null;
-        }
-        this._update((draft) => {
-          draft.lastResponse = null;
-          draft.lastSubmitted = null;
-          draft.submission = Promise.resolve(null);
-          if (this.component.type !== "upload") {
-            draft.errors = error instanceof Error ? [error.message] : [];
-          }
-        });
-        throw error;
-      });
-      this._update((draft) => {
-        draft.abortController = newAbortController;
-        draft.lastSubmitted = childLocalValue;
-        draft.lastResponse = null;
-        draft.submission = newSubmission;
-        draft.errors = [];
-      });
-      return newSubmission;
-    }
-  };
-  return paComponent;
-};
-
-// src/revamp/domain/mappers/schema/persistAsyncSchemaToComponent.ts
-var isSupported = (type) => ["boolean", "text", "date", "integer", "number", "upload"].includes(type);
-var persistAsyncSchemaToComponent = (schemaMapperProps, mapperProps) => {
-  const { uid, schema, model, localValue } = schemaMapperProps;
-  const { persistAsync, tags } = schema;
-  const performPersistAsync = getPerformPersistAsyncFn(schema, persistAsync, mapperProps);
-  const onPersistAsync = async () => paComponent.persist().then(() => {
-  });
-  const childComponent = mapSchemaToComponent(
-    __spreadProps(__spreadValues({}, schemaMapperProps), { uid: `${uid}-persist`, schema: persistAsync.schema, onPersistAsync }),
-    mapperProps
-  );
-  if (!isSupported(childComponent.type)) {
-    return childComponent;
-  }
-  const paComponent = createPersistAsyncComponent(
-    {
-      uid,
-      // This should be `schema.hidden ?? false`
-      // but some steps are setting PA schemas as hidden for no good reason
-      // so we default to false here to avoid hiding the the children of the PA component
-      hidden: false,
-      component: childComponent,
-      schemaId: schema.$id,
-      model,
-      localValue,
-      tags
-    },
-    performPersistAsync,
-    getSchemaOnChange(schema, mapperProps.onBehavior),
-    mapperProps.updateComponent
-  );
-  return paComponent;
-};
-
 // src/revamp/domain/mappers/mapSchemaToComponent.ts
 var mapSchemaToComponent = (schemaMapperProps, mapperProps) => {
   const { uid, schema } = schemaMapperProps;
@@ -6466,7 +6766,10 @@ var mapSchemaToComponent = (schemaMapperProps, mapperProps) => {
     return booleanSchemaToComponent(__spreadProps(__spreadValues({}, schemaMapperProps), { schema }), mapperProps);
   }
   if (isObjectSchema(schema)) {
-    return objectSchemaToComponent(__spreadProps(__spreadValues({}, schemaMapperProps), { schema }), mapperProps);
+    if (schema.format === "money") {
+      return objectSchemaToMoneyInputComponent(__spreadProps(__spreadValues({}, schemaMapperProps), { schema }), mapperProps);
+    }
+    return objectSchemaToObjectComponent(__spreadProps(__spreadValues({}, schemaMapperProps), { schema }), mapperProps);
   }
   if (isIntegerSchema(schema)) {
     return integerSchemaToComponent(__spreadProps(__spreadValues({}, schemaMapperProps), { schema }), mapperProps);