@wise/dynamic-flow-client 3.20.1 → 3.20.2

package/build/main.mjs

@@ -6123,12 +6123,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(),
@@ -6136,6 +6130,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(),
@@ -6152,10 +6150,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(),
@@ -6216,12 +6210,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"),
@@ -6255,6 +6247,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)
 });
@@ -6296,6 +6295,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,
@@ -16311,7 +16317,7 @@ var _FormControl = class _FormControl extends PureComponent {
             UNSAFE_inputAttributes: {
               id,
               "aria-invalid": invalid,
-              "aria-labelledby": void 0,
+              "aria-labelledby": labelledBy,
               "aria-describedby": describedBy
             },
             onChange: this.handleOnChange
@@ -16343,7 +16349,7 @@ var _FormControl = class _FormControl extends PureComponent {
             UNSAFE_triggerButtonProps: {
               id,
               "aria-invalid": invalid,
-              "aria-labelledby": void 0,
+              "aria-labelledby": labelledBy,
               "aria-describedby": describedBy
             },
             items: items.map((value2) => ({
@@ -16864,11 +16870,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__ */ jsxs32(Fragment15, { children: [
     (props.schema.oneOf.length > 1 || isConstSchema2(props.schema.oneOf[0])) && /* @__PURE__ */ jsxs32(Fragment15, { children: [
       props.schema.alert && /* @__PURE__ */ jsx91(DynamicAlert_default, { component: props.schema.alert }),
       /* @__PURE__ */ jsxs32("div", { className: (0, import_classnames11.default)(formGroupClasses), children: [
-        getTitleAndHelp(props.schema, id),
+        getTitleAndHelp(props.schema, id, labelId),
         /* @__PURE__ */ jsx91(
           SchemaFormControl_default,
           {
@@ -16878,6 +16885,7 @@ function OneOfSchema(props) {
             disabled,
             invalid: !isEmpty(props.errors) || validations.length > 0,
             describedBy: feedbackId,
+            labelledBy: labelId,
             required,
             onChange: onChooseNewSchema,
             onFocus,
@@ -16916,10 +16924,10 @@ function OneOfSchema(props) {
     )
   ] });
 }
-function getTitleAndHelp(schema, forId) {
+function getTitleAndHelp(schema, forId, labelId) {
   var _a;
   const helpElement = schema.help ? /* @__PURE__ */ jsx91(Help_default2, { help: schema.help }) : null;
-  const titleElement = isConstSchema2(schema.oneOf[0]) ? /* @__PURE__ */ jsx91("div", { className: "m-b-1", children: /* @__PURE__ */ jsxs32("label", { className: "control-label d-inline", htmlFor: forId, children: [
+  const titleElement = isConstSchema2(schema.oneOf[0]) ? /* @__PURE__ */ jsx91("div", { className: "m-b-1", children: /* @__PURE__ */ jsxs32("label", { className: "control-label d-inline", id: labelId, htmlFor: forId, children: [
     schema.title,
     " ",
     helpElement

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "3.20.1",
+  "version": "3.20.2",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.min.js",
@@ -103,7 +103,7 @@
     "nanoid": "5.0.7",
     "react-webcam": "^7.2.0",
     "screenfull": "^5.2.0",
-    "@wise/dynamic-flow-types": "2.22.4"
+    "@wise/dynamic-flow-types": "2.23.0"
   },
   "scripts": {
     "dev": "pnpm build:visual-tests && storybook dev -p 3003",