@wise/dynamic-flow-client 4.18.4 → 4.19.0

package/build/main.mjs

@@ -1276,6 +1276,7 @@ var stepComponentToProps = (component, rendererMapperProps) => {
     loadingState,
     step,
     title,
+    tags,
     onBehavior
   } = component;
   const childrenProps = component.getChildren().map((c) => componentToRendererProps(c, rendererMapperProps));
@@ -1295,6 +1296,7 @@ var stepComponentToProps = (component, rendererMapperProps) => {
     loadingState,
     step,
     title,
+    tags,
     children: childrenProps.map(rendererMapperProps.render),
     childrenProps,
     footer: footerProps.map(rendererMapperProps.render),
@@ -1308,7 +1310,7 @@ var getToolbarProps = (toolbar, rendererMapperProps) => {
   if (!toolbar) {
     return void 0;
   }
-  return __spreadValues(__spreadProps(__spreadValues({}, pick(toolbar, "uid", "control", "type")), {
+  return __spreadValues(__spreadProps(__spreadValues({}, pick(toolbar, "uid", "control", "type", "tags")), {
     type: "toolbar",
     items: toolbar.items.map((item) => __spreadProps(__spreadValues({}, item), {
       disabled: item.disabled || rendererMapperProps.stepLoadingState !== "idle"
@@ -1326,7 +1328,8 @@ var alertComponentToProps = (component, rendererMapperProps) => __spreadValues(_
   "context",
   "control",
   "margin",
-  "markdown"
+  "markdown",
+  "tags"
 )), rendererMapperProps);
 
 // src/revamp/renderers/mappers/utils/mapMediaToLegacyProps.ts
@@ -1346,7 +1349,17 @@ var allOfComponentToProps = (component, rendererMapperProps) => {
   );
   return __spreadProps(__spreadValues(__spreadValues(__spreadValues({
     type: "form-section"
-  }, pick(component, "uid", "analyticsId", "control", "description", "help", "media", "title")), mapMediaToLegacyProps(component.media)), rendererMapperProps), {
+  }, pick(
+    component,
+    "uid",
+    "analyticsId",
+    "control",
+    "description",
+    "help",
+    "media",
+    "tags",
+    "title"
+  )), mapMediaToLegacyProps(component.media)), rendererMapperProps), {
     children: childrenProps.map(rendererMapperProps.render),
     childrenProps
   });
@@ -1379,6 +1392,7 @@ var inputComponentToProps = (component, type) => {
     placeholder,
     required,
     title,
+    tags,
     validationAsyncState,
     onBlur,
     onFocus
@@ -1397,6 +1411,7 @@ var inputComponentToProps = (component, type) => {
     placeholder,
     required,
     title,
+    tags,
     validationState: getValidationState(errors, validationAsyncState),
     value: component.getLocalValue(),
     onBlur: onBlur.bind(component),
@@ -1430,7 +1445,7 @@ var boxComponentToProps = (component, rendererMapperProps) => {
     (c) => componentToRendererProps(c, rendererMapperProps)
   );
   const { border, control } = component;
-  return __spreadProps(__spreadValues(__spreadValues({}, pick(component, "uid", "analyticsId", "type", "control", "width", "margin")), rendererMapperProps), {
+  return __spreadProps(__spreadValues(__spreadValues({}, pick(component, "uid", "analyticsId", "type", "control", "width", "margin", "tags")), rendererMapperProps), {
     control: mapBoxControl({ border, control }),
     children: childrenProps.map(rendererMapperProps.render),
     childrenProps
@@ -1460,14 +1475,24 @@ var buttonComponentToProps = (component, rendererMapperProps) => {
     "margin",
     "pinOrder",
     "size",
-    "onClick"
+    "onClick",
+    "tags"
   )), {
     disabled: component.disabled || rendererMapperProps.stepLoadingState !== "idle"
   }), rendererMapperProps);
 };
 
 // src/revamp/renderers/mappers/columnsComponentToProps.ts
-var columnsComponentToProps = ({ uid, analyticsId, bias, control, margin, startComponents, endComponents }, rendererMapperProps) => {
+var columnsComponentToProps = ({
+  uid,
+  analyticsId,
+  bias,
+  control,
+  margin,
+  tags,
+  startComponents,
+  endComponents
+}, rendererMapperProps) => {
   const startChildrenProps = startComponents.map(
     (c) => componentToRendererProps(c, rendererMapperProps)
   );
@@ -1481,6 +1506,7 @@ var columnsComponentToProps = ({ uid, analyticsId, bias, control, margin, startC
     bias,
     control,
     margin,
+    tags,
     startChildren: startChildrenProps.map(rendererMapperProps.render),
     endChildren: endChildrenProps.map(rendererMapperProps.render),
     startChildrenProps,
@@ -1512,29 +1538,39 @@ var containerComponentToProps = (component, rendererMapperProps) => {
   }, rendererMapperProps);
 };
 
+// src/revamp/renderers/mappers/utils/mapTags.ts
+var mapTagsToLegacyProps = ({ tags }) => ({
+  tags,
+  tag: tags && tags.length >= 1 ? tags[0] : void 0
+});
+
+// src/revamp/renderers/mappers/utils/mapSuggestions.ts
+var mapSuggestions = (suggestions) => suggestions ? {
+  values: suggestions.values.map(mapSuggestionValue)
+} : void 0;
+var mapSuggestionValue = (suggestionValue) => __spreadValues(__spreadValues(__spreadValues({}, suggestionValue), mapTagsToLegacyProps(suggestionValue)), mapMediaToLegacyProps(suggestionValue.media));
+
 // src/revamp/renderers/mappers/dateInputComponentToProps.ts
 var dateInputComponentToProps = (component, rendererMapperProps) => __spreadProps(__spreadValues(__spreadValues({}, inputComponentToProps(component, "input-date")), rendererMapperProps), {
   autoComplete: component.autoComplete,
   minimumDate: component.minimumDate,
   maximumDate: component.maximumDate,
-  suggestions: component.suggestions ? {
-    values: component.suggestions.values.map((suggestion) => __spreadValues(__spreadValues({}, suggestion), mapMediaToLegacyProps(suggestion.media)))
-  } : void 0,
+  suggestions: mapSuggestions(component.suggestions),
   onChange: component.onChange.bind(component)
 });
 
 // src/revamp/renderers/mappers/decisionComponentToProps.ts
-var decisionComponentToProps = (component, rendererMapperProps) => __spreadProps(__spreadValues(__spreadValues({}, pick(component, "uid", "analyticsId", "type", "control", "margin", "title")), rendererMapperProps), {
+var decisionComponentToProps = (component, rendererMapperProps) => __spreadProps(__spreadValues(__spreadValues({}, pick(component, "uid", "analyticsId", "type", "control", "margin", "title", "tags")), rendererMapperProps), {
   options: component.options.map((_a) => {
     var _b = _a, { disabled, media } = _b, rest = __objRest(_b, ["disabled", "media"]);
-    return __spreadProps(__spreadValues(__spreadValues({}, rest), mapMediaToLegacyProps(media)), {
+    return __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, rest), mapTagsToLegacyProps(rest)), mapMediaToLegacyProps(media)), {
       disabled: disabled || rendererMapperProps.stepLoadingState !== "idle"
     });
   })
 });
 
 // src/revamp/renderers/mappers/dividerComponentToProps.ts
-var dividerComponentToProps = (component, rendererMapperProps) => __spreadValues(__spreadValues({}, pick(component, "uid", "analyticsId", "type", "control", "margin")), rendererMapperProps);
+var dividerComponentToProps = (component, rendererMapperProps) => __spreadValues(__spreadValues({}, pick(component, "uid", "analyticsId", "type", "control", "margin", "tags")), rendererMapperProps);
 
 // src/revamp/renderers/mappers/externalComponentToProps.ts
 var externalComponentToProps = (component, rendererMapperProps) => {
@@ -1552,7 +1588,7 @@ var externalComponentToProps = (component, rendererMapperProps) => {
 // src/revamp/renderers/mappers/formComponentToProps.ts
 var formComponentToProps = (component, rendererMapperProps) => {
   const childrenProps = component.getChildren().map((c) => componentToRendererProps(c, rendererMapperProps));
-  const { uid, analyticsId, control, margin } = component;
+  const { uid, analyticsId, control, margin, tags } = component;
   return __spreadValues({
     uid,
     analyticsId,
@@ -1560,12 +1596,24 @@ var formComponentToProps = (component, rendererMapperProps) => {
     children: childrenProps.map(rendererMapperProps.render),
     childrenProps,
     control,
-    margin
+    margin,
+    tags
   }, rendererMapperProps);
 };
 
 // src/revamp/renderers/mappers/headingComponentToProps.ts
-var headingComponentToProps = (component, rendererMapperProps) => __spreadValues(__spreadValues({}, pick(component, "uid", "analyticsId", "type", "align", "control", "margin", "size", "text")), rendererMapperProps);
+var headingComponentToProps = (component, rendererMapperProps) => __spreadValues(__spreadValues({}, pick(
+  component,
+  "uid",
+  "analyticsId",
+  "type",
+  "align",
+  "control",
+  "margin",
+  "size",
+  "tags",
+  "text"
+)), rendererMapperProps);
 
 // src/revamp/renderers/mappers/hiddenComponentToProps.ts
 var hiddenComponentToProps = ({ uid }) => ({
@@ -1574,13 +1622,15 @@ var hiddenComponentToProps = ({ uid }) => ({
 });
 
 // src/revamp/renderers/mappers/imageComponentToProps.ts
-var imageComponentToProps = (component, rendererMapperProps) => __spreadProps(__spreadValues(__spreadValues({}, pick(component, "uid", "analyticsId", "type", "align", "control", "margin", "size")), rendererMapperProps), {
+var imageComponentToProps = (component, rendererMapperProps) => __spreadProps(__spreadValues(__spreadValues({}, pick(component, "uid", "analyticsId", "type", "align", "control", "margin", "size", "tags")), rendererMapperProps), {
   uri: component.content.uri,
   accessibilityDescription: component.content.accessibilityDescription
 });
 
 // src/revamp/renderers/mappers/instructionsComponentToProps.ts
-var instructionsComponentToProps = (component, rendererMapperProps) => __spreadValues(__spreadValues({}, pick(component, "uid", "analyticsId", "type", "control", "items", "margin", "title")), rendererMapperProps);
+var instructionsComponentToProps = (component, rendererMapperProps) => __spreadValues(__spreadProps(__spreadValues({}, pick(component, "uid", "analyticsId", "type", "control", "margin", "title", "tags")), {
+  items: component.items.map((item) => __spreadValues(__spreadValues({}, item), mapTagsToLegacyProps(item)))
+}), rendererMapperProps);
 
 // src/revamp/renderers/mappers/integerInputComponentToProps.ts
 var integerInputComponentToProps = (component, rendererMapperProps) => __spreadProps(__spreadValues(__spreadValues({}, inputComponentToProps(component, "input-integer")), rendererMapperProps), {
@@ -1591,34 +1641,45 @@ var integerInputComponentToProps = (component, rendererMapperProps) => __spreadP
 });
 
 // src/revamp/renderers/mappers/listComponentToProps.ts
-var listComponentToProps = (component, rendererMapperProps) => __spreadProps(__spreadValues(__spreadValues({}, pick(component, "uid", "analyticsId", "type", "callToAction", "control", "margin", "title")), rendererMapperProps), {
+var listComponentToProps = (component, rendererMapperProps) => __spreadProps(__spreadValues(__spreadValues({}, pick(
+  component,
+  "uid",
+  "analyticsId",
+  "type",
+  "callToAction",
+  "control",
+  "margin",
+  "title",
+  "tags"
+)), rendererMapperProps), {
   items: component.items.map(mapItem)
 });
 var mapItem = (item) => {
   var _a, _b;
-  return __spreadValues(__spreadProps(__spreadValues({}, item), {
+  return __spreadValues(__spreadValues(__spreadProps(__spreadValues({}, item), {
     // populate deprecated fields
     subtitle: item.description,
     value: (_a = item.supportingValues) == null ? void 0 : _a.value,
     subvalue: (_b = item.supportingValues) == null ? void 0 : _b.subvalue
-  }), mapMediaToLegacyProps(item.media));
+  }), mapTagsToLegacyProps(item)), mapMediaToLegacyProps(item.media));
 };
 
 // src/revamp/renderers/mappers/loadingIndicatorComponentToProps.ts
-var loadingIndicatorComponentToProps = (component, rendererMapperProps) => __spreadValues(__spreadValues({}, pick(component, "uid", "analyticsId", "type", "control", "margin", "size")), rendererMapperProps);
+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")), rendererMapperProps);
+var markdownComponentToProps = (control, rendererMapperProps) => __spreadValues(__spreadValues({}, pick(control, "uid", "analyticsId", "type", "align", "margin", "content", "control", "tags")), rendererMapperProps);
 
 // src/revamp/renderers/mappers/modalComponentToProps.ts
 var modalComponentToProps = (component, rendererMapperProps) => {
-  const { uid, analyticsId, open, title, close } = component;
+  const { uid, analyticsId, open, tags, title, close } = component;
   const childrenProps = component.getChildren().map((c) => componentToRendererProps(c, rendererMapperProps));
   return __spreadValues({
     uid,
     analyticsId,
     type: "modal",
     open,
+    tags,
     title,
     children: childrenProps.map(rendererMapperProps.render),
     childrenProps,
@@ -1628,7 +1689,7 @@ var modalComponentToProps = (component, rendererMapperProps) => {
 
 // src/revamp/renderers/mappers/modalLayoutComponentToProps.ts
 var modalLayoutComponentToProps = (component, rendererMapperProps) => {
-  const { uid, analyticsId, content, control, margin, trigger } = component;
+  const { uid, analyticsId, content, control, margin, tags, trigger } = component;
   const childrenProps = component.getChildren().map((c) => componentToRendererProps(c, rendererMapperProps));
   return __spreadValues({
     uid,
@@ -1641,6 +1702,7 @@ var modalLayoutComponentToProps = (component, rendererMapperProps) => {
     },
     control,
     margin,
+    tags,
     trigger
   }, rendererMapperProps);
 };
@@ -1690,14 +1752,24 @@ var objectComponentToProps = (component, rendererMapperProps) => {
   const childrenProps = component.getChildren().map((c) => componentToRendererProps(c, rendererMapperProps));
   return __spreadProps(__spreadValues(__spreadValues(__spreadValues({
     type: "form-section"
-  }, pick(component, "uid", "analyticsId", "control", "description", "help", "media", "title")), mapMediaToLegacyProps(component.media)), rendererMapperProps), {
+  }, pick(
+    component,
+    "uid",
+    "analyticsId",
+    "control",
+    "description",
+    "help",
+    "media",
+    "tags",
+    "title"
+  )), mapMediaToLegacyProps(component.media)), rendererMapperProps), {
     children: childrenProps.map(rendererMapperProps.render),
     childrenProps
   });
 };
 
 // src/revamp/renderers/mappers/paragraphComponentToProps.ts
-var paragraphComponentToProps = (component, rendererMapperProps) => __spreadValues(__spreadValues({}, pick(component, "uid", "analyticsId", "type", "align", "control", "margin", "text")), rendererMapperProps);
+var paragraphComponentToProps = (component, rendererMapperProps) => __spreadValues(__spreadValues({}, pick(component, "uid", "analyticsId", "type", "align", "control", "margin", "tags", "text")), rendererMapperProps);
 
 // src/revamp/renderers/mappers/persistAsyncComponentToProps.ts
 var persistAsyncComponentToProps = (component, rendererMapperProps) => {
@@ -1717,6 +1789,7 @@ var progressComponentToProps = (component, rendererMapperProps) => __spreadValue
   "type",
   "analyticsId",
   "context",
+  "tags",
   "control",
   "description",
   "help",
@@ -1743,6 +1816,7 @@ var repeatableComponentToProps = (component, rendererMapperProps) => {
     minItems,
     summaryDefaults,
     title = "",
+    tags,
     onEdit,
     onAdd,
     onSave,
@@ -1783,6 +1857,7 @@ var repeatableComponentToProps = (component, rendererMapperProps) => {
     maxItems,
     minItems,
     title,
+    tags,
     validationState: mapErrorsToValidationState(errors),
     onAdd: onAdd.bind(component),
     onEdit: onEdit.bind(component),
@@ -1792,7 +1867,17 @@ var repeatableComponentToProps = (component, rendererMapperProps) => {
 };
 
 // src/revamp/renderers/mappers/reviewComponentToProps.ts
-var reviewComponentToProps = (component, rendererMapperProps) => __spreadValues(__spreadProps(__spreadValues({}, pick(component, "uid", "analyticsId", "type", "callToAction", "control", "margin", "title")), {
+var reviewComponentToProps = (component, rendererMapperProps) => __spreadValues(__spreadProps(__spreadValues({}, pick(
+  component,
+  "uid",
+  "analyticsId",
+  "type",
+  "callToAction",
+  "control",
+  "margin",
+  "title",
+  "tags"
+)), {
   fields: component.fields.map(mapField)
 }), rendererMapperProps);
 var mapField = (_a) => {
@@ -1801,7 +1886,7 @@ var mapField = (_a) => {
   } = _b, rest = __objRest(_b, [
     "media"
   ]);
-  return __spreadValues(__spreadValues({}, rest), mapMediaToLegacyProps(media));
+  return __spreadValues(__spreadValues(__spreadValues({}, rest), mapTagsToLegacyProps(rest)), mapMediaToLegacyProps(media));
 };
 
 // src/revamp/renderers/mappers/rootComponentToProps.ts
@@ -1841,7 +1926,7 @@ var getDomainLayerMedia = ({ icon, image, media }) => {
 
 // src/revamp/renderers/mappers/searchComponentToProps.ts
 var searchComponentToProps = (component, rendererMapperProps) => {
-  const { uid, control, emptyMessage, error, isLoading, margin, query, results, title } = component;
+  const { uid, control, emptyMessage, error, isLoading, margin, query, results, title, tags } = component;
   const onChange = component.onChange.bind(component);
   const onSelect = component.onSelect.bind(component);
   const state = getSearchState({
@@ -1863,6 +1948,7 @@ var searchComponentToProps = (component, rendererMapperProps) => {
     query,
     state,
     title,
+    tags,
     onChange
   }, rendererMapperProps);
 };
@@ -1901,7 +1987,17 @@ var sectionComponentToProps = (component, rendererMapperProps) => {
   const childrenProps = component.components.map(
     (c) => componentToRendererProps(c, rendererMapperProps)
   );
-  return __spreadProps(__spreadValues(__spreadValues({}, pick(component, "uid", "analyticsId", "type", "title", "margin", "control", "callToAction")), rendererMapperProps), {
+  return __spreadProps(__spreadValues(__spreadValues({}, pick(
+    component,
+    "uid",
+    "analyticsId",
+    "type",
+    "title",
+    "margin",
+    "control",
+    "callToAction",
+    "tags"
+  )), rendererMapperProps), {
     children: childrenProps.map(rendererMapperProps.render),
     childrenProps
   });
@@ -1924,20 +2020,22 @@ var selectInputComponentToProps = (component, rendererMapperProps) => {
 };
 
 // src/revamp/renderers/mappers/statusListComponentToProps.ts
-var statusListComponentToProps = (component, rendererMapperProps) => __spreadValues(__spreadValues({}, pick(component, "uid", "analyticsId", "type", "control", "items", "margin", "title")), rendererMapperProps);
+var statusListComponentToProps = (component, rendererMapperProps) => __spreadValues(__spreadProps(__spreadValues({}, pick(component, "uid", "analyticsId", "type", "control", "margin", "title", "tags")), {
+  items: component.items.map((item) => __spreadValues(__spreadValues({}, item), mapTagsToLegacyProps(item)))
+}), rendererMapperProps);
 
 // src/revamp/renderers/mappers/tabsComponentToProps.ts
 var tabsComponentToProps = (component, rendererMapperProps) => {
-  const tabs = component.tabs.map(({ components, tag, title }) => {
+  const tabs = component.tabs.map(({ components, title, tags }) => {
     const childrenProps = components.map((c) => componentToRendererProps(c, rendererMapperProps));
-    return {
-      title,
-      tag,
+    return __spreadProps(__spreadValues({
+      title
+    }, mapTagsToLegacyProps({ tags })), {
       childrenProps,
       children: childrenProps.map(rendererMapperProps.render)
-    };
+    });
   });
-  return __spreadProps(__spreadValues(__spreadValues({}, pick(component, "uid", "analyticsId", "type", "control", "margin")), rendererMapperProps), {
+  return __spreadProps(__spreadValues(__spreadValues({}, pick(component, "uid", "analyticsId", "type", "control", "margin", "tags")), rendererMapperProps), {
     tabs
   });
 };
@@ -1949,9 +2047,7 @@ var textInputComponentToProps = (component, rendererMapperProps) => __spreadProp
   displayFormat: component.displayFormat,
   maxLength: component.maxLength,
   minLength: component.minLength,
-  suggestions: component.suggestions ? {
-    values: component.suggestions.values.map((suggestion) => __spreadValues(__spreadValues({}, suggestion), mapMediaToLegacyProps(suggestion.media)))
-  } : void 0,
+  suggestions: mapSuggestions(component.suggestions),
   onChange: component.onChange.bind(component)
 });
 
@@ -1960,7 +2056,17 @@ var tupleComponentToProps = (component, rendererMapperProps) => {
   const childrenProps = component.getChildren().map((c) => componentToRendererProps(c, rendererMapperProps));
   return __spreadProps(__spreadValues(__spreadValues(__spreadValues({
     type: "form-section"
-  }, pick(component, "uid", "analyticsId", "control", "description", "help", "media", "title")), mapMediaToLegacyProps(component.media)), rendererMapperProps), {
+  }, pick(
+    component,
+    "uid",
+    "analyticsId",
+    "control",
+    "description",
+    "help",
+    "media",
+    "tags",
+    "title"
+  )), mapMediaToLegacyProps(component.media)), rendererMapperProps), {
     children: childrenProps.map(rendererMapperProps.render),
     childrenProps
   });
@@ -2343,7 +2449,15 @@ var legacyActionTypeToControl = {
 var mapLegacyActionTypeToControl = (type) => type && type in legacyActionTypeToControl ? legacyActionTypeToControl[type] : "secondary";
 
 // src/revamp/domain/mappers/layout/alertLayoutToComponent.ts
-var alertLayoutToComponent = (uid, { control, markdown, margin = "md", context = "neutral", callToAction, analyticsId }, { onBehavior, step }) => {
+var alertLayoutToComponent = (uid, {
+  control,
+  markdown,
+  margin = "md",
+  context = "neutral",
+  callToAction,
+  analyticsId,
+  tags
+}, { onBehavior, step }) => {
   var _a;
   const cta = callToAction ? getDomainLayerCallToAction(callToAction, onBehavior, (_a = step.actions) != null ? _a : []) : void 0;
   return createAlertComponent({
@@ -2353,7 +2467,8 @@ var alertLayoutToComponent = (uid, { control, markdown, margin = "md", context =
     markdown,
     margin,
     callToAction: cta,
-    context: mapLegacyContext(context)
+    context: mapLegacyContext(context),
+    tags
   });
 };
 
@@ -2374,13 +2489,22 @@ var removeMarginFromLayout = (component) => {
 };
 
 // src/revamp/domain/mappers/layout/boxLayoutToComponents.ts
-var boxLayoutToComponent = (uid, { border = false, components, control, margin = "md", width = "xl", analyticsId }, mapperProps, schemaComponents) => createBoxComponent({
+var boxLayoutToComponent = (uid, {
+  border = false,
+  components,
+  control,
+  margin = "md",
+  width = "xl",
+  analyticsId,
+  tags
+}, mapperProps, schemaComponents) => createBoxComponent({
   uid,
   analyticsId,
   border,
   control,
   margin,
   width,
+  tags,
   components: components.map((component, index) => {
     const shouldRemoveMargin = index === components.length - 1 && component.margin === void 0;
     const componentWithAdjustedMargin = shouldRemoveMargin ? removeMarginFromLayout(component) : component;
@@ -2413,7 +2537,17 @@ var buttonLayoutToComponent = (uid, button, mapperProps) => {
 var buttonLayoutToComponentWithBehavior = (uid, button, mapperProps) => {
   var _a;
   const { onBehavior } = mapperProps;
-  const { context, control, disabled, margin = "md", pinOrder, size, title, analyticsId } = button;
+  const {
+    context,
+    control,
+    disabled,
+    margin = "md",
+    pinOrder,
+    size,
+    title,
+    analyticsId,
+    tags
+  } = button;
   const behavior = getDomainLayerBehavior(button, (_a = mapperProps.step.actions) != null ? _a : []);
   const onClick = () => {
     void onBehavior(behavior);
@@ -2428,12 +2562,23 @@ var buttonLayoutToComponentWithBehavior = (uid, button, mapperProps) => {
     pinOrder,
     size,
     title: title != null ? title : "",
-    onClick
+    onClick,
+    tags
   });
 };
 var buttonLayoutToComponentWithAction = (uid, button, mapperProps) => {
   const { onBehavior, step } = mapperProps;
-  const { context, control, disabled, margin = "md", pinOrder, size, title, analyticsId } = button;
+  const {
+    context,
+    control,
+    disabled,
+    margin = "md",
+    pinOrder,
+    size,
+    title,
+    analyticsId,
+    tags
+  } = button;
   const { action } = button;
   const inlinedAction = action ? inlineAction(action, step == null ? void 0 : step.actions) : {};
   const onClick = () => {
@@ -2449,7 +2594,8 @@ var buttonLayoutToComponentWithAction = (uid, button, mapperProps) => {
     size,
     title: getButtonTitle({ title, action: inlinedAction }),
     onClick,
-    analyticsId
+    analyticsId,
+    tags
   });
 };
 var getButtonTitle = ({ title, action }) => {
@@ -2486,12 +2632,13 @@ var createColumnsComponent = (columnsProps) => __spreadProps(__spreadValues({},
 });
 
 // src/revamp/domain/mappers/layout/columnsLayoutToComponent.ts
-var columnsLayoutToComponent = (uid, { control, left, right, bias = "none", margin = "md", analyticsId }, mapperProps, schemaComponents) => createColumnsComponent({
+var columnsLayoutToComponent = (uid, { control, left, right, bias = "none", margin = "md", analyticsId, tags }, mapperProps, schemaComponents) => createColumnsComponent({
   uid,
   analyticsId,
   control,
   margin,
   bias: mapLegacyBias(bias),
+  tags,
   startComponents: left.map(
     (component, index) => mapLayoutToComponent(
       `${uid}.columns-start-${index}`,
@@ -2511,6 +2658,9 @@ var createDecisionComponent = (decisionProps) => __spreadValues({
   kind: "layout"
 }, decisionProps);
 
+// src/revamp/domain/mappers/utils/tags-utils.ts
+var mapTags = ({ tag, tags }) => tags != null ? tags : tag != null ? [tag] : void 0;
+
 // src/revamp/domain/mappers/utils/utils.ts
 var mapInlineAlert = (alert) => {
   return alert ? {
@@ -2545,6 +2695,7 @@ var decisionLayoutToComponent = (uid, {
   control,
   margin = "md",
   options,
+  tags,
   title
 }, { onBehavior, step }) => createDecisionComponent({
   uid,
@@ -2552,6 +2703,7 @@ var decisionLayoutToComponent = (uid, {
   control,
   margin,
   options: options.map((option) => mapOption(option, onBehavior, step.actions)),
+  tags,
   title
 });
 var mapOption = (option, onBehavior, stepActions = []) => {
@@ -2562,6 +2714,7 @@ var mapOption = (option, onBehavior, stepActions = []) => {
     href: behavior.type === "link" ? behavior.url : void 0,
     media: getDomainLayerMedia(option),
     inlineAlert: mapInlineAlert(option.inlineAlert),
+    tags: mapTags(option),
     onClick: () => {
       void onBehavior(behavior);
     }
@@ -2578,18 +2731,20 @@ var createStatusListComponent = (statusListProps) => __spreadValues({
 var isDeprecatedListLayout = (layout) => {
   return layout.items.some((item) => item.status);
 };
-var deprecatedListLayoutToComponent = (uid, { analyticsId, control, items, margin = "md", title }) => createStatusListComponent({
+var deprecatedListLayoutToComponent = (uid, { analyticsId, control, items, margin = "md", title, tags }) => createStatusListComponent({
   uid,
   analyticsId,
   control,
-  items: items.map(({ description, icon, status, title: itemTitle }) => ({
+  items: items.map(({ description, icon, status, title: itemTitle, tags: itemTags }) => ({
     description,
     icon: icon != null ? icon : { text: "" },
     title: itemTitle != null ? itemTitle : "",
-    status: status ? mapLegacyStatus(status) : void 0
+    status: status ? mapLegacyStatus(status) : void 0,
+    tags: itemTags
   })),
   margin,
-  title
+  title,
+  tags
 });
 var mapLegacyStatus = (status) => {
   switch (status) {
@@ -2610,7 +2765,7 @@ var createDividerComponent = (props) => __spreadValues({
 }, props);
 
 // src/revamp/domain/mappers/layout/dividerLayoutToComponent.ts
-var dividerLayoutToComponent = (uid, { control, margin = "md", analyticsId }) => createDividerComponent({ uid, analyticsId, control, margin });
+var dividerLayoutToComponent = (uid, { control, margin = "md", analyticsId, tags }) => createDividerComponent({ uid, analyticsId, control, margin, tags });
 
 // src/revamp/domain/components/FormComponent.ts
 var createFormComponent = (formProps) => __spreadProps(__spreadValues({}, formProps), {
@@ -2622,7 +2777,7 @@ var createFormComponent = (formProps) => __spreadProps(__spreadValues({}, formPr
 });
 
 // src/revamp/domain/mappers/layout/formLayoutToComponent.ts
-var formLayoutToComponent = (uid, { analyticsId, schemaId, schema: schemaRef, control, margin = "md" }, schemaComponents) => {
+var formLayoutToComponent = (uid, { analyticsId, schemaId, schema: schemaRef, control, margin = "md", tags }, schemaComponents) => {
   const id = schemaId != null ? schemaId : schemaRef == null ? void 0 : schemaRef.$ref;
   if (id == null) {
     throw new Error(
@@ -2640,7 +2795,8 @@ var formLayoutToComponent = (uid, { analyticsId, schemaId, schema: schemaRef, co
     analyticsId,
     schemaComponent,
     control,
-    margin
+    margin,
+    tags
   });
 };
 
@@ -2651,13 +2807,14 @@ var createHeadingComponent = (headingProps) => __spreadValues({
 }, headingProps);
 
 // src/revamp/domain/mappers/layout/headingLayoutToComponent.ts
-var headingLayoutToComponent = (uid, { analyticsId, align = "left", margin = "md", size = "md", control, text }) => createHeadingComponent({
+var headingLayoutToComponent = (uid, { analyticsId, align = "left", margin = "md", size = "md", control, tags, text }) => createHeadingComponent({
   uid,
   analyticsId,
   align: mapLegacyAlign(align),
   control,
   margin,
   size,
+  tags,
   text
 });
 
@@ -2676,6 +2833,7 @@ var imageLayoutToComponent = (uid, {
   control,
   margin = "md",
   size = "md",
+  tags,
   text,
   url
 }) => {
@@ -2690,7 +2848,8 @@ var imageLayoutToComponent = (uid, {
     } : { accessibilityDescription: accessibilityDescription != null ? accessibilityDescription : text, uri: url != null ? url : "" },
     control,
     margin,
-    size
+    size,
+    tags
   });
 };
 
@@ -2701,13 +2860,14 @@ var createMarkdownComponent = (markdownProps) => __spreadValues({
 }, markdownProps);
 
 // src/revamp/domain/mappers/layout/infoLayoutToComponent.ts
-var infoLayoutToComponent = (uid, { analyticsId, align = "left", control, margin = "md", markdown: content }) => createMarkdownComponent({
+var infoLayoutToComponent = (uid, { analyticsId, align = "left", control, margin = "md", markdown: content, tags }) => createMarkdownComponent({
   uid,
   analyticsId,
   align: mapLegacyAlign(align),
   content,
   control,
-  margin
+  margin,
+  tags
 });
 
 // src/revamp/domain/components/InstructionsComponent.ts
@@ -2717,14 +2877,16 @@ var createInstructionsComponent = (instructionsProps) => __spreadValues({
 }, instructionsProps);
 
 // src/revamp/domain/mappers/layout/instructionsLayoutToComponent.ts
-var instructionsLayoutToComponent = (uid, { analyticsId, control, items, margin = "md", title }) => createInstructionsComponent({
+var instructionsLayoutToComponent = (uid, { analyticsId, control, items, margin = "md", tags, title }) => createInstructionsComponent({
   uid,
   analyticsId,
   control,
   items: items.map((item) => __spreadProps(__spreadValues({}, item), {
-    context: mapLegacyContext(item.context)
+    context: mapLegacyContext(item.context),
+    tags: mapTags(item)
   })),
   margin,
+  tags,
   title
 });
 
@@ -2735,7 +2897,7 @@ var createListComponent = (listProps) => __spreadValues({
 }, listProps);
 
 // src/revamp/domain/mappers/layout/listLayoutToComponent.ts
-var listLayoutToComponent = (uid, { analyticsId, callToAction, control, items, margin = "md", title }, mapperProps) => {
+var listLayoutToComponent = (uid, { analyticsId, callToAction, control, items, margin = "md", tags, title }, mapperProps) => {
   var _a;
   const { step, onBehavior } = mapperProps;
   return createListComponent({
@@ -2745,18 +2907,44 @@ var listLayoutToComponent = (uid, { analyticsId, callToAction, control, items, m
     items: items.map((item) => mapItem2(item, mapperProps)),
     callToAction: getDomainLayerCallToAction(callToAction, onBehavior, (_a = step.actions) != null ? _a : []),
     margin,
+    tags,
     title
   });
 };
 var mapItem2 = (item, mapperProps) => {
   var _b;
-  const _a = item, { value, subvalue, subtitle, icon, image, media } = _a, rest = __objRest(_a, ["value", "subvalue", "subtitle", "icon", "image", "media"]);
+  const _a = item, {
+    value,
+    subvalue,
+    subtitle,
+    callToAction,
+    description,
+    icon,
+    image,
+    media,
+    additionalInfo,
+    inlineAlert
+  } = _a, rest = __objRest(_a, [
+    "value",
+    "subvalue",
+    "subtitle",
+    "callToAction",
+    "description",
+    "icon",
+    "image",
+    "media",
+    "additionalInfo",
+    "inlineAlert"
+  ]);
+  const { step, onBehavior } = mapperProps;
   return __spreadProps(__spreadValues({}, rest), {
-    description: (_b = item.description) != null ? _b : subtitle,
+    description: description != null ? description : subtitle,
     media: getDomainLayerMedia({ icon, image, media }),
     supportingValues: mapSupportingValues(item),
-    additionalInfo: mapAdditionalInfo(item.additionalInfo, mapperProps.onBehavior),
-    inlineAlert: mapInlineAlert(item.inlineAlert)
+    additionalInfo: mapAdditionalInfo(additionalInfo, onBehavior),
+    inlineAlert: mapInlineAlert(inlineAlert),
+    callToAction: getDomainLayerCallToAction(callToAction, onBehavior, (_b = step.actions) != null ? _b : []),
+    tags: mapTags(rest)
   });
 };
 var mapSupportingValues = (item) => {
@@ -2774,16 +2962,24 @@ var createLoadingIndicatorComponent = (loadingIndicatorProps) => __spreadValues(
 }, loadingIndicatorProps);
 
 // src/revamp/domain/mappers/layout/loadingIndicatorLayoutToComponent.ts
-var loadingIndicatorLayoutToComponent = (uid, { analyticsId, size = "md", margin = "md", control }) => createLoadingIndicatorComponent({ uid, analyticsId, size, control, margin });
+var loadingIndicatorLayoutToComponent = (uid, { analyticsId, control, margin = "md", size = "md", tags }) => createLoadingIndicatorComponent({
+  uid,
+  analyticsId,
+  control,
+  margin,
+  size,
+  tags
+});
 
 // src/revamp/domain/mappers/layout/markdownLayoutToComponent.ts
-var markdownLayoutToComponent = (uid, { analyticsId, align = "left", margin = "md", control, content }) => createMarkdownComponent({
+var markdownLayoutToComponent = (uid, { analyticsId, align = "left", margin = "md", control, content, tags }) => createMarkdownComponent({
   uid,
   analyticsId,
   align: mapLegacyAlign(align),
   control,
   content,
-  margin
+  margin,
+  tags
 });
 
 // src/revamp/domain/components/ModalLayoutComponent.ts
@@ -2797,7 +2993,7 @@ var createModalComponent = (modalProps) => __spreadProps(__spreadValues({
 });
 
 // src/revamp/domain/mappers/layout/modalLayoutToComponent.ts
-var modalLayoutToComponent = (uid, { analyticsId, content, control, margin = "md", trigger }, mapperProps, schemaComponents) => {
+var modalLayoutToComponent = (uid, { analyticsId, content, control, margin = "md", tags, trigger }, mapperProps, schemaComponents) => {
   const { components, title } = content;
   return createModalComponent({
     uid,
@@ -2810,6 +3006,7 @@ var modalLayoutToComponent = (uid, { analyticsId, content, control, margin = "md
     },
     control,
     margin,
+    tags,
     trigger
   });
 };
@@ -2821,13 +3018,14 @@ var createParagraphComponent = (paragraphProps) => __spreadValues({
 }, paragraphProps);
 
 // src/revamp/domain/mappers/layout/paragraphLayoutToComponent.ts
-var paragraphLayoutToComponent = (uid, { analyticsId, align = "left", control, margin = "md", text }) => createParagraphComponent({
+var paragraphLayoutToComponent = (uid, { analyticsId, align = "left", control, margin = "md", tags, text }) => createParagraphComponent({
   uid,
   analyticsId,
   text,
   control,
   align: mapLegacyAlign(align),
-  margin
+  margin,
+  tags
 });
 
 // src/revamp/domain/components/ReviewComponent.ts
@@ -2844,6 +3042,7 @@ var reviewLayoutToComponent = (uid, {
   callToAction,
   control,
   margin = "md",
+  tags,
   orientation,
   action
 }, { onBehavior, step }) => createReviewComponent({
@@ -2853,6 +3052,7 @@ var reviewLayoutToComponent = (uid, {
   control: getOrientationControl({ control, orientation }),
   fields: fields.map((field) => mapReviewField(field, { onBehavior, step })),
   margin,
+  tags,
   title
 });
 var getCallToAction2 = ({
@@ -2898,7 +3098,8 @@ var mapReviewField = (field, { onBehavior, step }) => {
       onBehavior,
       callToAction: field.callToAction,
       stepActions: (_b = step.actions) != null ? _b : []
-    })
+    }),
+    tags: mapTags(field)
   });
 };
 
@@ -2941,7 +3142,7 @@ var debounce = (callback, waitMs) => {
 // src/revamp/domain/components/searchComponent/SearchComponent.ts
 var DEBOUNCE_TIME = 400;
 var createSearchComponent = (searchProps, performSearch, onBehavior, updateComponent) => {
-  const { uid, analyticsId, control, emptyMessage, margin, title } = searchProps;
+  const { uid, analyticsId, control, emptyMessage, margin, tags, title } = searchProps;
   const update = getInputUpdateFunction(updateComponent);
   let abortController = new AbortController();
   const search = (component2, query, searchConfig) => {
@@ -2978,6 +3179,7 @@ var createSearchComponent = (searchProps, performSearch, onBehavior, updateCompo
     control,
     emptyMessage,
     margin,
+    tags,
     title,
     isLoading: false,
     query: "",
@@ -3070,7 +3272,8 @@ var searchLayoutToComponent = (uid, {
   param,
   title,
   url,
-  margin = "md"
+  margin = "md",
+  tags
 }, mapperProps) => {
   const { httpClient, onBehavior, updateComponent } = mapperProps;
   const search = getPerformSearchFunction(httpClient, { method, param, url });
@@ -3081,6 +3284,7 @@ var searchLayoutToComponent = (uid, {
       control,
       emptyMessage,
       margin,
+      tags,
       title
     },
     search,
@@ -3090,7 +3294,7 @@ var searchLayoutToComponent = (uid, {
 };
 
 // src/revamp/domain/mappers/layout/statusListLayoutToComponent.ts
-var statusListLayoutToComponent = (uid, { analyticsId, control, items, margin = "md", title }, { onBehavior, step }) => createStatusListComponent({
+var statusListLayoutToComponent = (uid, { analyticsId, control, items, margin = "md", tags, title }, { onBehavior, step }) => createStatusListComponent({
   uid,
   analyticsId,
   control,
@@ -3101,9 +3305,10 @@ var statusListLayoutToComponent = (uid, { analyticsId, control, items, margin =
       onBehavior,
       (_a = step.actions) != null ? _a : []
     );
-    return __spreadProps(__spreadValues({}, item), { callToAction });
+    return __spreadProps(__spreadValues({}, item), { callToAction, tags: mapTags(item) });
   }),
   margin,
+  tags,
   title
 });
 
@@ -3119,7 +3324,7 @@ var createSectionComponent = (props) => {
 };
 
 // src/revamp/domain/mappers/layout/sectionLayoutToComponent.ts
-var sectionLayoutToComponent = (uid, { analyticsId, control, title, components, callToAction, margin = "md" }, mapperProps, schemaComponents) => {
+var sectionLayoutToComponent = (uid, { analyticsId, control, title, components, callToAction, margin = "md", tags }, mapperProps, schemaComponents) => {
   var _a;
   return createSectionComponent({
     uid,
@@ -3134,7 +3339,8 @@ var sectionLayoutToComponent = (uid, { analyticsId, control, title, components,
       callToAction,
       mapperProps.onBehavior,
       (_a = mapperProps.step.actions) != null ? _a : []
-    )
+    ),
+    tags
   });
 };
 
@@ -3145,24 +3351,26 @@ var createTabsComponent = (tabsProps) => __spreadProps(__spreadValues({}, tabsPr
 });
 
 // src/revamp/domain/mappers/layout/tabsLayoutToComponent.ts
-var tabsLayoutToComponent = (uid, { analyticsId, control, margin = "md", tabs }, mapperProps, schemaComponents) => createTabsComponent({
+var tabsLayoutToComponent = (uid, { analyticsId, control, margin = "md", tags, tabs }, mapperProps, schemaComponents) => createTabsComponent({
   uid,
   analyticsId,
   control,
   margin,
-  tabs: tabs.map(({ components, tag, title }, tabIndex) => ({
-    tag,
-    title,
-    components: components.map(
-      (c, componentIndex) => mapLayoutToComponent(
-        `${uid}.tabs-${tabIndex}-${componentIndex}`,
-        c,
-        mapperProps,
-        schemaComponents
-      )
-    )
-  }))
+  tags,
+  tabs: mapTabs(tabs, uid, mapperProps, schemaComponents)
 });
+var mapTabs = (tabs, uid, mapperProps, schemaComponents) => tabs.map(({ components, tag, tags, title }, tabIndex) => ({
+  title,
+  tags: mapTags({ tag, tags }),
+  components: components.map(
+    (c, componentIndex) => mapLayoutToComponent(
+      `${uid}.tabs-${tabIndex}-${componentIndex}`,
+      c,
+      mapperProps,
+      schemaComponents
+    )
+  )
+}));
 
 // src/revamp/domain/components/ProgressComponent.ts
 var createProgressComponent = (progressProps) => __spreadValues({
@@ -3180,6 +3388,7 @@ var progressLayoutToComponent = (uid, {
   margin = "md",
   progress,
   progressText,
+  tags,
   title
 }) => createProgressComponent({
   uid,
@@ -3191,6 +3400,7 @@ var progressLayoutToComponent = (uid, {
   margin,
   progress,
   progressText,
+  tags,
   title
 });
 
@@ -4094,7 +4304,19 @@ var summaryIfProvides = (summary, {
 var mapCommonSchemaProps = (schemaMapperProps) => {
   var _a;
   const { uid, schemaId, schema, required, validationErrors, onPersistAsync } = schemaMapperProps;
-  const { $id, analyticsId, control, description, icon, image, keywords, media, title, hidden } = schema;
+  const {
+    $id,
+    analyticsId,
+    control,
+    description,
+    icon,
+    image,
+    keywords,
+    media,
+    tags,
+    title,
+    hidden
+  } = schema;
   return __spreadValues(__spreadValues(__spreadValues({
     uid,
     id: $id != null ? $id : uid,
@@ -4108,6 +4330,7 @@ var mapCommonSchemaProps = (schemaMapperProps) => {
     keywords,
     media: getDomainLayerMedia({ icon, image, media }),
     required: Boolean(required),
+    tags,
     title,
     onPersistAsync,
     summariser: getSummariser(schema)
@@ -4163,7 +4386,8 @@ var createAllOfComponent = (allOfProps) => {
     help,
     hidden,
     media,
-    title
+    title,
+    tags
   } = allOfProps;
   return {
     type: "all-of",
@@ -4179,6 +4403,7 @@ var createAllOfComponent = (allOfProps) => {
     hidden,
     media,
     title,
+    tags,
     getChildren() {
       return this.components;
     },
@@ -4845,12 +5070,13 @@ var arraySchemaToMultiSelectComponent = (schemaMapperProps, mapperProps) => {
   } = schemaMapperProps;
   const initialModel = model != null ? model : null;
   const options = schema.items.oneOf.map((childSchema, index) => {
-    const { title: title2 = "", description, image, icon, media, keywords = [] } = childSchema;
+    const { title: title2 = "", description, image, icon, media, keywords = [], tags } = childSchema;
     return {
       title: title2,
       description,
       media: getDomainLayerMedia({ icon, image, media }),
       keywords,
+      tags,
       disabled: "disabled" in childSchema ? Boolean(childSchema.disabled) : false,
       component: mapSchemaToComponent(
         {
@@ -4910,7 +5136,8 @@ var createTupleComponent = (tupleProps) => {
     hidden,
     media,
     summariser,
-    title
+    title,
+    tags
   } = tupleProps;
   return {
     type: "tuple",
@@ -4926,6 +5153,7 @@ var createTupleComponent = (tupleProps) => {
     hidden,
     media,
     title,
+    tags,
     getChildren() {
       return this.components;
     },
@@ -5227,7 +5455,7 @@ var getValidModel = (model, defaultValue) => {
 
 // src/revamp/domain/components/ConstComponent.ts
 var createConstComponent = (hiddenProps) => {
-  const { uid, schemaId, analyticsId, value, summary, layout, hidden } = hiddenProps;
+  const { uid, schemaId, analyticsId, value, summary, layout, hidden, tags } = hiddenProps;
   return {
     type: "const",
     kind: "input",
@@ -5236,6 +5464,7 @@ var createConstComponent = (hiddenProps) => {
     analyticsId,
     layout,
     hidden,
+    tags,
     getLocalValue: () => value,
     getSubmittableValue: async () => value,
     getSubmittableValueSync: () => value,
@@ -5248,7 +5477,7 @@ var createConstComponent = (hiddenProps) => {
 var constSchemaToComponent = (uid, schemaMapperProps, mapperProps) => {
   var _a;
   const { schema, schemaId } = schemaMapperProps;
-  const { title, const: constValue, analyticsId, $id, layout, alert, hidden } = schema;
+  const { title, const: constValue, analyticsId, $id, layout, alert, hidden, tags } = schema;
   const titleOrValue = (_a = title != null ? title : constValue) != null ? _a : null;
   return createConstComponent({
     uid,
@@ -5257,7 +5486,8 @@ var constSchemaToComponent = (uid, schemaMapperProps, mapperProps) => {
     summary: getConstSummary(schema, titleOrValue),
     value: schema.const,
     layout: getConstLayout(uid, mapperProps, layout, alert),
-    hidden: Boolean(hidden)
+    hidden: Boolean(hidden),
+    tags
   });
 };
 var getConstLayout = (uid, mapperProps, layout, alert) => {
@@ -5402,7 +5632,8 @@ var createObjectComponent = (objectProps) => {
     hidden,
     media,
     summariser,
-    title
+    title,
+    tags
   } = objectProps;
   return {
     type: "object",
@@ -5418,6 +5649,7 @@ var createObjectComponent = (objectProps) => {
     hidden,
     media,
     title,
+    tags,
     getChildren() {
       return displayOrder.map((propName) => this.componentMap[propName]);
     },
@@ -5637,12 +5869,13 @@ var oneOfSchemaToComponent = (schemaMapperProps, mapperProps) => {
     );
   }
   const options = schema.oneOf.map((childSchema, index) => {
-    const { title = "", description, image, icon, media, keywords = [] } = childSchema;
+    const { title = "", description, image, icon, media, keywords = [], tags } = childSchema;
     return {
       title,
       description,
       media: getDomainLayerMedia({ icon, image, media }),
       keywords,
+      tags,
       disabled: "disabled" in childSchema ? Boolean(childSchema.disabled) : false,
       component: mapSchemaToComponent(
         {
@@ -5778,7 +6011,8 @@ var mapStringSchemaSuggestions = (suggestions, logEvent) => {
       }
       return __spreadProps(__spreadValues({}, rest), {
         media: getDomainLayerMedia({ icon, image, media }),
-        value
+        value,
+        tags: mapTags(rest)
       });
     })
   };
@@ -6032,7 +6266,7 @@ var isExactLocalValueMatch = (valueA, valueB) => {
 
 // src/revamp/domain/components/PersistAsyncComponent.ts
 var createPersistAsyncComponent = (props, performPersistAsync, schemaOnChange, updateComponent) => {
-  const { uid, analyticsId, schemaId, component, hidden, model, localValue } = props;
+  const { uid, analyticsId, schemaId, component, hidden, model, localValue, tags } = props;
   const update = getInputUpdateFunction(updateComponent);
   const paComponent = {
     type: "persist-async",
@@ -6047,6 +6281,7 @@ var createPersistAsyncComponent = (props, performPersistAsync, schemaOnChange, u
     submission: Promise.resolve(model != null ? model : null),
     abortController: new AbortController(),
     errors: [],
+    tags,
     _update(updateFn) {
       update(this, updateFn);
     },
@@ -6122,7 +6357,7 @@ var createPersistAsyncComponent = (props, performPersistAsync, schemaOnChange, u
 var isSupported = (type) => ["boolean", "text", "date", "integer", "number", "upload"].includes(type);
 var persistAsyncSchemaToComponent = (schemaMapperProps, mapperProps) => {
   const { uid, schema, model, localValue } = schemaMapperProps;
-  const { persistAsync } = schema;
+  const { persistAsync, tags } = schema;
   const performPersistAsync = getPerformPersistAsyncFn(schema, persistAsync, mapperProps);
   const onPersistAsync = async () => paComponent.persist().then(() => {
   });
@@ -6143,7 +6378,8 @@ var persistAsyncSchemaToComponent = (schemaMapperProps, mapperProps) => {
       component: childComponent,
       schemaId: schema.$id,
       model,
-      localValue
+      localValue,
+      tags
     },
     performPersistAsync,
     getSchemaOnChange(schema, mapperProps.onBehavior),
@@ -6228,12 +6464,14 @@ var mapToolbarToComponent = (uid, toolbar, mapperProps) => {
   return __spreadProps(__spreadValues({}, toolbar), {
     type: "toolbar",
     uid: `${uid}.toolbar`,
+    tags: toolbar.tags,
     items: toolbar.items.map((item) => {
       const context = item.context ? mapLegacyContext(item.context) : void 0;
       const behavior = getDomainLayerBehavior({ behavior: item.behavior }, []);
       return __spreadProps(__spreadValues({}, item), {
         context: context ? mapLegacyContext(context) : void 0,
         disabled: !!item.disabled,
+        tags: item.tags,
         onClick: () => {
           void onBehavior(behavior);
         }
@@ -6242,6 +6480,11 @@ var mapToolbarToComponent = (uid, toolbar, mapperProps) => {
   });
 };
 
+// src/revamp/domain/mappers/utils/feature-utils.ts
+var isFeatureEnabled = (features, featureName) => {
+  return features[featureName] !== void 0 && features[featureName] !== false;
+};
+
 // src/revamp/domain/mappers/utils/groupLayoutByPinned.ts
 var groupLayoutByPinned = (layouts) => {
   return layouts.reduce(groupLayout, { pinned: [], nonPinned: [] });
@@ -6287,11 +6530,6 @@ var groupLayout = (acc, layout) => {
 var hasChildren = (component) => "components" in component;
 var hasColumns = (component) => "right" in component && "left" in component;
 
-// src/revamp/domain/mappers/utils/feature-utils.ts
-var isFeatureEnabled = (features, featureName) => {
-  return features[featureName] !== void 0 && features[featureName] !== false;
-};
-
 // src/revamp/domain/mappers/mapStepToComponent.ts
 var mapStepToComponent = (_a) => {
   var _b = _a, {
@@ -6324,7 +6562,8 @@ var mapStepToComponent = (_a) => {
     navigation,
     polling,
     refreshAfter,
-    title
+    title,
+    tags
   } = step;
   const backNavigation = (_a2 = navigation == null ? void 0 : navigation.back) != null ? _a2 : navigation == null ? void 0 : navigation.backButton;
   const back = backNavigation ? {
@@ -6385,6 +6624,7 @@ var mapStepToComponent = (_a) => {
     stepPolling,
     stepRefreshAfter,
     title: displayStepTitle ? title : void 0,
+    tags,
     step,
     updateComponent,
     trackEvent,