@wise/dynamic-flow-client 3.12.1 → 3.13.0

package/build/main.js

@@ -1286,6 +1286,7 @@ var isObjectSchema = (schema) => "type" in schema && schema.type === "object";
 var isOneOfSchema = (schema) => "oneOf" in schema && !isNullish(schema.oneOf);
 var isArraySchema = (schema) => "items" in schema && !isNullish(schema.items);
 var isArrayListSchema = (schema) => "items" in schema && isObject(schema.items) && !isArray(schema.items);
+var isArrayTupleSchema = (schema) => "items" in schema && !isObject(schema.items) && isArray(schema.items);
 var isStringSchema = (schema) => "type" in schema && schema.type === "string";
 var isStringSchemaWithUpload = (schema) => isStringSchema(schema) && schema.format === "base64url";
 var isSchemaWithPersistAsync = (schema) => "persistAsync" in schema && !isNullish(schema.persistAsync);
@@ -1731,6 +1732,16 @@ var uploadInputComponentToProps = (component) => {
   });
 };
 
+// src/revamp/renderers/mappers/tupleComponentToProps.ts
+var tupleComponentToProps = ({ control, description, help, title }, children) => ({
+  type: "form-section",
+  children,
+  control,
+  description,
+  help,
+  title
+});
+
 // src/revamp/renderers/mappers/componentToRendererProps.ts
 var componentToRendererProps = (component, nestedContent) => {
   const { children, startChildren, endChildren, editableItemChildren } = nestedContent;
@@ -1800,6 +1811,8 @@ var componentToRendererProps = (component, nestedContent) => {
       return statusListComponentToProps(component);
     case "text":
       return textInputComponentToProps(component);
+    case "tuple":
+      return tupleComponentToProps(component, children);
     case "upload":
       return uploadInputComponentToProps(component);
     default:
@@ -8017,6 +8030,9 @@ var isPartialLocalValueMatch = (partialValue, component) => {
   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) => {
@@ -8032,6 +8048,23 @@ var isPartialObjectMatch = (partialValue, componentValue, component) => {
   }
   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;
+  }
+  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]));
@@ -9205,6 +9238,71 @@ var arraySchemaToMultiSelectComponent = (schemaMapperProps, mapperProps) => {
   );
 };
 
+// src/revamp/domain/components/TupleComponent.ts
+var createTupleComponent = (tupleProps) => {
+  const { uid, analyticsId, components, control, description, help, hidden, summariser, title } = tupleProps;
+  return {
+    type: "tuple",
+    uid,
+    analyticsId,
+    components,
+    control,
+    description,
+    help,
+    hidden,
+    title,
+    getChildren() {
+      return this.components;
+    },
+    async getSubmittableValue() {
+      return Promise.all(this.components.map((child) => child.getSubmittableValue()));
+    },
+    getSummary() {
+      const summary = summariser(this.getLocalValue());
+      const childSummary = summariseFromChildren(this.getChildren());
+      return mergeSummaries(summary, childSummary);
+    },
+    getLocalValue() {
+      return this.components.map((child) => child.getLocalValue());
+    },
+    validate() {
+      return validateComponents(this.getChildren());
+    }
+  };
+};
+
+// src/revamp/domain/mappers/schema/arraySchemaToComponent/arraySchemaToTupleComponent.ts
+var arraySchemaToTupleComponent = (schemaMapperProps, mapperProps) => {
+  const {
+    uid,
+    localValue,
+    schema,
+    model: initialModel,
+    required = false,
+    validationErrors
+  } = schemaMapperProps;
+  const { items } = schema;
+  const components = items.map(
+    (childSchema, index) => {
+      var _a, _b;
+      return mapSchemaToComponent(
+        {
+          uid: `${uid}-arr.${index}`,
+          schema: childSchema,
+          model: isArray(initialModel) ? (_a = initialModel[index]) != null ? _a : null : null,
+          localValue: isArray(localValue) ? (_b = localValue[index]) != null ? _b : null : null,
+          validationErrors: isArray(validationErrors) ? validationErrors[index] : void 0,
+          required
+        },
+        mapperProps
+      );
+    }
+  );
+  return createTupleComponent(__spreadProps(__spreadValues({}, mapCommonSchemaProps(schemaMapperProps)), {
+    components
+  }));
+};
+
 // src/revamp/domain/mappers/schema/arraySchemaToComponent/arraySchemaToComponent.ts
 var arraySchemaToComponent = (schemaMapperProps, mapperProps) => {
   const { schema, model: originalModel } = schemaMapperProps;
@@ -9215,10 +9313,10 @@ var arraySchemaToComponent = (schemaMapperProps, mapperProps) => {
   if (isArraySchemaListWithMultiSelect(schema)) {
     return arraySchemaToMultiSelectComponent(__spreadProps(__spreadValues({}, schemaMapperProps), { schema, model }), mapperProps);
   }
-  if (isArrayListSchema(schema)) {
-    return arraySchemaToRepeatableComponent(__spreadProps(__spreadValues({}, schemaMapperProps), { schema, model }), mapperProps);
+  if (isArrayTupleSchema(schema)) {
+    return arraySchemaToTupleComponent(__spreadProps(__spreadValues({}, schemaMapperProps), { schema, model }), mapperProps);
   }
-  throw new Error("Currently only repeatable array schemas are supported");
+  return arraySchemaToRepeatableComponent(__spreadProps(__spreadValues({}, schemaMapperProps), { schema, model }), mapperProps);
 };
 var isArraySchemaListWithMultiFileUpload = (schema) => isArrayListSchema(schema) && (isPersistAsyncWithUploadSchema(schema.items) || isStringSchemaWithUpload(schema.items));
 var isPersistAsyncWithUploadSchema = (schema) => isSchemaWithPersistAsync(schema) && (isBlobSchema(schema.persistAsync.schema) || isStringSchemaWithUpload(schema.persistAsync.schema));
@@ -10489,7 +10587,7 @@ function useDynamicFlowCore(props) {
   const onAction = (0, import_react4.useCallback)(async (action) => {
     var _a2, _b, _c;
     try {
-      (_a2 = stepComponentRef.current) == null ? void 0 : _a2.setLoadingState("loading");
+      (_a2 = stepComponentRef.current) == null ? void 0 : _a2.setLoadingState("submitting");
       const model = (_c = await ((_b = stepComponentRef.current) == null ? void 0 : _b.getSubmittableValue())) != null ? _c : null;
       const command = await executeSubmission({
         action,
@@ -10534,7 +10632,7 @@ function useDynamicFlowCore(props) {
     async (schemaId, refreshUrl = "", errorsOverride) => {
       var _a2, _b, _c, _d;
       try {
-        (_a2 = stepComponentRef.current) == null ? void 0 : _a2.setLoadingState("loading");
+        (_a2 = stepComponentRef.current) == null ? void 0 : _a2.setLoadingState("refreshing");
         const model = (_c = await ((_b = stepComponentRef.current) == null ? void 0 : _b.getSubmittableValue())) != null ? _c : null;
         const command = await executeRefresh({
           abortSignal: abortCurrentAndGetNewAbortSignal(),