@wise/dynamic-flow-client 3.20.1 → 3.20.2

package/build/main.js

@@ -6147,12 +6147,6 @@ var decisionLayoutOptionSchema = z.object({
   icon: iconSchema.optional(),
   image: imageLayoutSchema.optional()
 });
-var statusListLayoutItemSchema = z.object({
-  title: z.string(),
-  description: z.string().optional(),
-  icon: iconSchema,
-  status: statusListLayoutStatusSchema.optional()
-});
 var instructionsLayoutSchema = z.object({
   type: z.literal("instructions"),
   title: z.string().optional(),
@@ -6160,6 +6154,10 @@ var instructionsLayoutSchema = z.object({
   control: z.string().optional(),
   margin: sizeSchema.optional()
 });
+var behaviorSchema = z.object({
+  action: actionSchema.optional(),
+  link: linkSchema.optional()
+});
 var buttonLayoutSchema = z.object({
   type: z.literal("button"),
   size: sizeSchema.optional(),
@@ -6176,10 +6174,6 @@ var reviewLayoutFieldSchema = z.object({
   value: z.string(),
   help: helpSchema.optional()
 });
-var behaviorSchema = z.object({
-  action: actionSchema.optional(),
-  link: linkSchema.optional()
-});
 var searchResultSearchSchema = z.object({
   type: z.literal("search"),
   title: z.string(),
@@ -6240,12 +6234,10 @@ var decisionLayoutSchema = z.object({
   control: z.string().optional(),
   margin: sizeSchema.optional()
 });
-var statusListLayoutSchema = z.object({
-  type: z.literal("status-list"),
-  items: z.array(statusListLayoutItemSchema),
-  title: z.string().optional(),
-  control: z.string().optional(),
-  margin: sizeSchema.optional()
+var itemCallToActionSchema = z.object({
+  title: z.string(),
+  accessibilityDescription: z.string().optional(),
+  behavior: behaviorSchema
 });
 var reviewLayoutSchema = z.object({
   type: z.literal("review"),
@@ -6279,6 +6271,13 @@ var alertLayoutSchema = z.object({
   margin: sizeSchema.optional(),
   callToAction: alertLayoutCallToActionSchema.optional()
 });
+var statusListLayoutItemSchema = z.object({
+  title: z.string(),
+  description: z.string().optional(),
+  icon: iconSchema,
+  status: statusListLayoutStatusSchema.optional(),
+  callToAction: itemCallToActionSchema.optional()
+});
 var searchResponseBodySchema = z.object({
   results: z.array(searchResultSchema)
 });
@@ -6320,6 +6319,13 @@ var constSchemaSchema = z.object({
   analyticsId: z.string().optional(),
   disabled: z.boolean().optional()
 });
+var statusListLayoutSchema = z.object({
+  type: z.literal("status-list"),
+  items: z.array(statusListLayoutItemSchema),
+  title: z.string().optional(),
+  control: z.string().optional(),
+  margin: sizeSchema.optional()
+});
 var layoutSchema = z.lazy(
   () => z.union([
     alertLayoutSchema,
@@ -16314,7 +16320,7 @@ var _FormControl = class _FormControl extends import_react39.PureComponent {
             UNSAFE_inputAttributes: {
               id,
               "aria-invalid": invalid,
-              "aria-labelledby": void 0,
+              "aria-labelledby": labelledBy,
               "aria-describedby": describedBy
             },
             onChange: this.handleOnChange
@@ -16346,7 +16352,7 @@ var _FormControl = class _FormControl extends import_react39.PureComponent {
             UNSAFE_triggerButtonProps: {
               id,
               "aria-invalid": invalid,
-              "aria-labelledby": void 0,
+              "aria-labelledby": labelledBy,
               "aria-describedby": describedBy
             },
             items: items.map((value2) => ({
@@ -16867,11 +16873,12 @@ function OneOfSchema(props) {
     "has-error": !changed && props.errors && !isEmpty(props.errors) || (props.submitted || changed && blurred) && validations.length
   };
   const feedbackId = `${id}-feedback`;
+  const labelId = `${id}-label`;
   return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_jsx_runtime92.Fragment, { children: [
     (props.schema.oneOf.length > 1 || isConstSchema2(props.schema.oneOf[0])) && /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_jsx_runtime92.Fragment, { children: [
       props.schema.alert && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(DynamicAlert_default, { component: props.schema.alert }),
       /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: (0, import_classnames11.default)(formGroupClasses), children: [
-        getTitleAndHelp(props.schema, id),
+        getTitleAndHelp(props.schema, id, labelId),
         /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
           SchemaFormControl_default,
           {
@@ -16881,6 +16888,7 @@ function OneOfSchema(props) {
             disabled,
             invalid: !isEmpty(props.errors) || validations.length > 0,
             describedBy: feedbackId,
+            labelledBy: labelId,
             required,
             onChange: onChooseNewSchema,
             onFocus,
@@ -16919,10 +16927,10 @@ function OneOfSchema(props) {
     )
   ] });
 }
-function getTitleAndHelp(schema, forId) {
+function getTitleAndHelp(schema, forId, labelId) {
   var _a;
   const helpElement = schema.help ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Help_default2, { help: schema.help }) : null;
-  const titleElement = isConstSchema2(schema.oneOf[0]) ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "m-b-1", children: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("label", { className: "control-label d-inline", htmlFor: forId, children: [
+  const titleElement = isConstSchema2(schema.oneOf[0]) ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "m-b-1", children: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("label", { className: "control-label d-inline", id: labelId, htmlFor: forId, children: [
     schema.title,
     " ",
     helpElement