@wise/dynamic-flow-client 4.8.5 → 4.8.6

package/build/main.mjs

@@ -1150,6 +1150,7 @@ var isSchemaWithPersistAsync = (schema) => "persistAsync" in schema && !isNullis
 var stepComponentToProps = (component, rendererMapperProps) => {
   const {
     uid,
+    analyticsId,
     back,
     control,
     description,
@@ -1163,6 +1164,7 @@ var stepComponentToProps = (component, rendererMapperProps) => {
   return __spreadValues({
     type: "step",
     id: step.id,
+    analyticsId,
     uid,
     back,
     control,
@@ -1189,7 +1191,17 @@ function pick(obj, ...keys) {
 }
 
 // src/revamp/renderers/mappers/alertComponentToProps.ts
-var alertComponentToProps = (component, rendererMapperProps) => __spreadValues(__spreadValues({}, pick(component, "uid", "type", "callToAction", "context", "control", "margin", "markdown")), rendererMapperProps);
+var alertComponentToProps = (component, rendererMapperProps) => __spreadValues(__spreadValues({}, pick(
+  component,
+  "uid",
+  "analyticsId",
+  "type",
+  "callToAction",
+  "context",
+  "control",
+  "margin",
+  "markdown"
+)), rendererMapperProps);
 
 // src/revamp/renderers/mappers/allOfComponentToProps.ts
 var allOfComponentToProps = (component, rendererMapperProps) => {
@@ -1198,7 +1210,17 @@ var allOfComponentToProps = (component, rendererMapperProps) => {
   );
   return __spreadProps(__spreadValues(__spreadValues({
     type: "form-section"
-  }, pick(component, "uid", "control", "description", "help", "icon", "image", "title")), rendererMapperProps), {
+  }, pick(
+    component,
+    "uid",
+    "analyticsId",
+    "control",
+    "description",
+    "help",
+    "icon",
+    "image",
+    "title"
+  )), rendererMapperProps), {
     children: childrenProps.map(rendererMapperProps.render),
     childrenProps
   });
@@ -1220,6 +1242,7 @@ var inputComponentToProps = (component, type) => {
   var _a;
   const {
     uid,
+    analyticsId,
     control,
     description,
     disabled,
@@ -1238,6 +1261,7 @@ var inputComponentToProps = (component, type) => {
   const { messages } = validationAsyncState != null ? validationAsyncState : {};
   return {
     uid,
+    analyticsId,
     type,
     control,
     description,
@@ -1283,7 +1307,7 @@ var boxComponentToProps = (component, rendererMapperProps) => {
     (c) => componentToRendererProps(c, rendererMapperProps)
   );
   const { border, control } = component;
-  return __spreadProps(__spreadValues(__spreadValues({}, pick(component, "uid", "type", "control", "width", "margin")), rendererMapperProps), {
+  return __spreadProps(__spreadValues(__spreadValues({}, pick(component, "uid", "analyticsId", "type", "control", "width", "margin")), rendererMapperProps), {
     control: mapBoxControl({ border, control }),
     children: childrenProps.map(rendererMapperProps.render),
     childrenProps
@@ -1306,6 +1330,7 @@ var buttonComponentToProps = (component, rendererMapperProps) => {
   }, pick(
     component,
     "uid",
+    "analyticsId",
     "title",
     "control",
     "context",
@@ -1319,15 +1344,16 @@ var buttonComponentToProps = (component, rendererMapperProps) => {
 };
 
 // src/revamp/renderers/mappers/columnsComponentToProps.ts
-var columnsComponentToProps = ({ uid, bias, control, margin, startComponents, endComponents }, rendererMapperProps) => {
+var columnsComponentToProps = ({ uid, analyticsId, bias, control, margin, startComponents, endComponents }, rendererMapperProps) => {
   const startChildrenProps = startComponents.map(
     (c) => componentToRendererProps(c, rendererMapperProps)
   );
   const endChildrenProps = endComponents.map(
     (c) => componentToRendererProps(c, rendererMapperProps)
   );
-  return __spreadValues({
+  return __spreadProps(__spreadValues({}, rendererMapperProps), {
     uid,
+    analyticsId,
     type: "columns",
     bias,
     control,
@@ -1336,7 +1362,7 @@ var columnsComponentToProps = ({ uid, bias, control, margin, startComponents, en
     endChildren: endChildrenProps.map(rendererMapperProps.render),
     startChildrenProps,
     endChildrenProps
-  }, rendererMapperProps);
+  });
 };
 
 // src/revamp/renderers/mappers/containerComponentToProps.ts
@@ -1360,7 +1386,7 @@ var dateInputComponentToProps = (component, rendererMapperProps) => __spreadProp
 });
 
 // src/revamp/renderers/mappers/decisionComponentToProps.ts
-var decisionComponentToProps = (component, rendererMapperProps) => __spreadProps(__spreadValues(__spreadValues({}, pick(component, "uid", "type", "control", "margin", "title")), rendererMapperProps), {
+var decisionComponentToProps = (component, rendererMapperProps) => __spreadProps(__spreadValues(__spreadValues({}, pick(component, "uid", "analyticsId", "type", "control", "margin", "title")), rendererMapperProps), {
   options: component.options.map((_a) => {
     var _b = _a, { disabled } = _b, rest = __objRest(_b, ["disabled"]);
     return __spreadProps(__spreadValues({}, rest), {
@@ -1370,7 +1396,7 @@ var decisionComponentToProps = (component, rendererMapperProps) => __spreadProps
 });
 
 // src/revamp/renderers/mappers/dividerComponentToProps.ts
-var dividerComponentToProps = (component, rendererMapperProps) => __spreadValues(__spreadValues({}, pick(component, "uid", "type", "control", "margin")), rendererMapperProps);
+var dividerComponentToProps = (component, rendererMapperProps) => __spreadValues(__spreadValues({}, pick(component, "uid", "analyticsId", "type", "control", "margin")), rendererMapperProps);
 
 // src/revamp/renderers/mappers/externalComponentToProps.ts
 var externalComponentToProps = (component, rendererMapperProps) => {
@@ -1388,9 +1414,10 @@ 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, control, margin } = component;
+  const { uid, analyticsId, control, margin } = component;
   return __spreadValues({
     uid,
+    analyticsId,
     type: "form",
     children: childrenProps.map(rendererMapperProps.render),
     childrenProps,
@@ -1400,7 +1427,7 @@ var formComponentToProps = (component, rendererMapperProps) => {
 };
 
 // src/revamp/renderers/mappers/headingComponentToProps.ts
-var headingComponentToProps = (component, rendererMapperProps) => __spreadValues(__spreadValues({}, pick(component, "uid", "type", "align", "control", "margin", "size", "text")), rendererMapperProps);
+var headingComponentToProps = (component, rendererMapperProps) => __spreadValues(__spreadValues({}, pick(component, "uid", "analyticsId", "type", "align", "control", "margin", "size", "text")), rendererMapperProps);
 
 // src/revamp/renderers/mappers/hiddenComponentToProps.ts
 var hiddenComponentToProps = ({ uid }) => ({
@@ -1409,13 +1436,13 @@ var hiddenComponentToProps = ({ uid }) => ({
 });
 
 // src/revamp/renderers/mappers/imageComponentToProps.ts
-var imageComponentToProps = (component, rendererMapperProps) => __spreadProps(__spreadValues(__spreadValues({}, pick(component, "uid", "type", "align", "control", "margin", "size")), rendererMapperProps), {
+var imageComponentToProps = (component, rendererMapperProps) => __spreadProps(__spreadValues(__spreadValues({}, pick(component, "uid", "analyticsId", "type", "align", "control", "margin", "size")), rendererMapperProps), {
   uri: component.content.uri,
   accessibilityDescription: component.content.accessibilityDescription
 });
 
 // src/revamp/renderers/mappers/instructionsComponentToProps.ts
-var instructionsComponentToProps = (component, rendererMapperProps) => __spreadValues(__spreadValues({}, pick(component, "uid", "type", "control", "items", "margin", "title")), rendererMapperProps);
+var instructionsComponentToProps = (component, rendererMapperProps) => __spreadValues(__spreadValues({}, pick(component, "uid", "analyticsId", "type", "control", "items", "margin", "title")), rendererMapperProps);
 
 // src/revamp/renderers/mappers/integerInputComponentToProps.ts
 var integerInputComponentToProps = (component, rendererMapperProps) => __spreadProps(__spreadValues(__spreadValues({}, inputComponentToProps(component, "input-integer")), rendererMapperProps), {
@@ -1426,7 +1453,7 @@ var integerInputComponentToProps = (component, rendererMapperProps) => __spreadP
 });
 
 // src/revamp/renderers/mappers/listComponentToProps.ts
-var listComponentToProps = (component, rendererMapperProps) => __spreadProps(__spreadValues(__spreadValues({}, pick(component, "uid", "type", "callToAction", "control", "margin", "title")), rendererMapperProps), {
+var listComponentToProps = (component, rendererMapperProps) => __spreadProps(__spreadValues(__spreadValues({}, pick(component, "uid", "analyticsId", "type", "callToAction", "control", "margin", "title")), rendererMapperProps), {
   items: component.items.map(mapItem)
 });
 var mapItem = (item) => {
@@ -1440,17 +1467,18 @@ var mapItem = (item) => {
 };
 
 // src/revamp/renderers/mappers/loadingIndicatorComponentToProps.ts
-var loadingIndicatorComponentToProps = (component, rendererMapperProps) => __spreadValues(__spreadValues({}, pick(component, "uid", "type", "control", "margin", "size")), rendererMapperProps);
+var loadingIndicatorComponentToProps = (component, rendererMapperProps) => __spreadValues(__spreadValues({}, pick(component, "uid", "analyticsId", "type", "control", "margin", "size")), rendererMapperProps);
 
 // src/revamp/renderers/mappers/markdownComponentToProps.ts
-var markdownComponentToProps = (control, rendererMapperProps) => __spreadValues(__spreadValues({}, pick(control, "uid", "type", "align", "margin", "content", "control")), rendererMapperProps);
+var markdownComponentToProps = (control, rendererMapperProps) => __spreadValues(__spreadValues({}, pick(control, "uid", "analyticsId", "type", "align", "margin", "content", "control")), rendererMapperProps);
 
 // src/revamp/renderers/mappers/modalComponentToProps.ts
 var modalComponentToProps = (component, rendererMapperProps) => {
-  const { uid, content, control, margin, trigger } = component;
+  const { uid, analyticsId, content, control, margin, trigger } = component;
   const childrenProps = component.getChildren().map((c) => componentToRendererProps(c, rendererMapperProps));
   return __spreadValues({
     uid,
+    analyticsId,
     type: "modal",
     content: {
       children: childrenProps.map(rendererMapperProps.render),
@@ -1465,10 +1493,11 @@ var modalComponentToProps = (component, rendererMapperProps) => {
 
 // src/revamp/renderers/mappers/modalContentComponentToProps.ts
 var modalContentComponentToProps = (component, rendererMapperProps) => {
-  const { uid, open, title, close } = component;
+  const { uid, analyticsId, open, title, close } = component;
   const childrenProps = component.getChildren().map((c) => componentToRendererProps(c, rendererMapperProps));
   return __spreadValues({
     uid,
+    analyticsId,
     type: "modal-content",
     open,
     title,
@@ -1523,14 +1552,24 @@ var objectComponentToProps = (component, rendererMapperProps) => {
   const childrenProps = component.getChildren().map((c) => componentToRendererProps(c, rendererMapperProps));
   return __spreadProps(__spreadValues(__spreadValues({
     type: "form-section"
-  }, pick(component, "uid", "control", "description", "help", "icon", "image", "title")), rendererMapperProps), {
+  }, pick(
+    component,
+    "uid",
+    "analyticsId",
+    "control",
+    "description",
+    "help",
+    "icon",
+    "image",
+    "title"
+  )), rendererMapperProps), {
     children: childrenProps.map(rendererMapperProps.render),
     childrenProps
   });
 };
 
 // src/revamp/renderers/mappers/paragraphComponentToProps.ts
-var paragraphComponentToProps = (component, rendererMapperProps) => __spreadValues(__spreadValues({}, pick(component, "uid", "type", "align", "control", "margin", "text")), rendererMapperProps);
+var paragraphComponentToProps = (component, rendererMapperProps) => __spreadValues(__spreadValues({}, pick(component, "uid", "analyticsId", "type", "align", "control", "margin", "text")), rendererMapperProps);
 
 // src/revamp/renderers/mappers/persistAsyncComponentToProps.ts
 var persistAsyncComponentToProps = (component, rendererMapperProps) => {
@@ -1547,6 +1586,7 @@ var persistAsyncComponentToProps = (component, rendererMapperProps) => {
 var repeatableComponentToProps = (component, rendererMapperProps) => {
   const {
     uid,
+    analyticsId,
     addItemTitle,
     control,
     components,
@@ -1581,6 +1621,7 @@ var repeatableComponentToProps = (component, rendererMapperProps) => {
   }));
   return __spreadValues({
     uid,
+    analyticsId,
     type: "repeatable",
     children: childrenProps.map(rendererMapperProps.render),
     childrenProps,
@@ -1605,7 +1646,7 @@ var repeatableComponentToProps = (component, rendererMapperProps) => {
 };
 
 // src/revamp/renderers/mappers/reviewComponentToProps.ts
-var reviewComponentToProps = (component, rendererMapperProps) => __spreadValues(__spreadProps(__spreadValues({}, pick(component, "uid", "type", "callToAction", "control", "margin", "title")), {
+var reviewComponentToProps = (component, rendererMapperProps) => __spreadValues(__spreadProps(__spreadValues({}, pick(component, "uid", "analyticsId", "type", "callToAction", "control", "margin", "title")), {
   fields: component.fields.map(mapField)
 }), rendererMapperProps);
 var mapField = (field) => __spreadValues({}, field);
@@ -1691,7 +1732,7 @@ var sectionComponentToProps = (component, rendererMapperProps) => {
   const childrenProps = component.components.map(
     (c) => componentToRendererProps(c, rendererMapperProps)
   );
-  return __spreadProps(__spreadValues(__spreadValues({}, pick(component, "uid", "type", "title", "margin", "control", "callToAction")), rendererMapperProps), {
+  return __spreadProps(__spreadValues(__spreadValues({}, pick(component, "uid", "analyticsId", "type", "title", "margin", "control", "callToAction")), rendererMapperProps), {
     children: childrenProps.map(rendererMapperProps.render),
     childrenProps
   });
@@ -1714,7 +1755,7 @@ var selectInputComponentToProps = (component, rendererMapperProps) => {
 };
 
 // src/revamp/renderers/mappers/statusListComponentToProps.ts
-var statusListComponentToProps = (component, rendererMapperProps) => __spreadValues(__spreadValues({}, pick(component, "uid", "type", "control", "items", "margin", "title")), rendererMapperProps);
+var statusListComponentToProps = (component, rendererMapperProps) => __spreadValues(__spreadValues({}, pick(component, "uid", "analyticsId", "type", "control", "items", "margin", "title")), rendererMapperProps);
 
 // src/revamp/renderers/mappers/textInputComponentToProps.ts
 var textInputComponentToProps = (component, rendererMapperProps) => __spreadProps(__spreadValues(__spreadValues({}, inputComponentToProps(component, "input-text")), rendererMapperProps), {
@@ -1732,7 +1773,17 @@ var tupleComponentToProps = (component, rendererMapperProps) => {
   const childrenProps = component.getChildren().map((c) => componentToRendererProps(c, rendererMapperProps));
   return __spreadProps(__spreadValues(__spreadValues({
     type: "form-section"
-  }, pick(component, "uid", "control", "description", "help", "icon", "image", "title")), rendererMapperProps), {
+  }, pick(
+    component,
+    "uid",
+    "analyticsId",
+    "control",
+    "description",
+    "help",
+    "icon",
+    "image",
+    "title"
+  )), rendererMapperProps), {
     children: childrenProps.map(rendererMapperProps.render),
     childrenProps
   });
@@ -1761,7 +1812,7 @@ var tabsComponentToProps = (component, rendererMapperProps) => {
       children: childrenProps.map(rendererMapperProps.render)
     };
   });
-  return __spreadProps(__spreadValues(__spreadValues({}, pick(component, "uid", "type", "control", "margin")), rendererMapperProps), {
+  return __spreadProps(__spreadValues(__spreadValues({}, pick(component, "uid", "analyticsId", "type", "control", "margin")), rendererMapperProps), {
     tabs
   });
 };
@@ -2119,11 +2170,12 @@ 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 }, { onBehavior, step }) => {
+var alertLayoutToComponent = (uid, { control, markdown, margin = "md", context = "neutral", callToAction, analyticsId }, { onBehavior, step }) => {
   var _a;
   const cta = callToAction ? getDomainLayerCallToAction(callToAction, onBehavior, (_a = step.actions) != null ? _a : []) : void 0;
   return createAlertComponent({
     uid,
+    analyticsId,
     control,
     markdown,
     margin,
@@ -2141,8 +2193,9 @@ var createBoxComponent = (boxProps) => __spreadProps(__spreadValues({}, boxProps
 });
 
 // src/revamp/domain/mappers/layout/boxLayoutToComponents.ts
-var boxLayoutToComponent = (uid, { border = false, components, control, margin = "md", width = "xl" }, mapperProps, schemaComponents) => createBoxComponent({
+var boxLayoutToComponent = (uid, { border = false, components, control, margin = "md", width = "xl", analyticsId }, mapperProps, schemaComponents) => createBoxComponent({
   uid,
+  analyticsId,
   border,
   control,
   margin,
@@ -2171,13 +2224,14 @@ var buttonLayoutToComponent = (uid, button, mapperProps) => {
 var buttonLayoutToComponentWithBehavior = (uid, button, mapperProps) => {
   var _a;
   const { onBehavior } = mapperProps;
-  const { context, control, disabled, margin = "md", pinOrder, size, title } = button;
+  const { context, control, disabled, margin = "md", pinOrder, size, title, analyticsId } = button;
   const behavior = getDomainLayerBehavior(button, (_a = mapperProps.step.actions) != null ? _a : []);
   const onClick = () => {
     void onBehavior(behavior);
   };
   return createButtonComponent({
     uid,
+    analyticsId,
     context: mapLegacyContext(context != null ? context : "neutral"),
     control,
     disabled: disabled != null ? disabled : false,
@@ -2190,7 +2244,7 @@ var buttonLayoutToComponentWithBehavior = (uid, button, mapperProps) => {
 };
 var buttonLayoutToComponentWithAction = (uid, button, mapperProps) => {
   const { onBehavior, step } = mapperProps;
-  const { context, control, disabled, margin = "md", pinOrder, size, title } = button;
+  const { context, control, disabled, margin = "md", pinOrder, size, title, analyticsId } = button;
   const { action } = button;
   const inlinedAction = action ? inlineAction(action, step == null ? void 0 : step.actions) : {};
   const onClick = () => {
@@ -2205,7 +2259,8 @@ var buttonLayoutToComponentWithAction = (uid, button, mapperProps) => {
     pinOrder,
     size,
     title: getButtonTitle({ title, action: inlinedAction }),
-    onClick
+    onClick,
+    analyticsId
   });
 };
 var getButtonTitle = ({ title, action }) => {
@@ -2241,8 +2296,9 @@ var createColumnsComponent = (columnsProps) => __spreadProps(__spreadValues({},
 });
 
 // src/revamp/domain/mappers/layout/columnsLayoutToComponent.ts
-var columnsLayoutToComponent = (uid, { control, left, right, bias = "none", margin = "md" }, mapperProps, schemaComponents) => createColumnsComponent({
+var columnsLayoutToComponent = (uid, { control, left, right, bias = "none", margin = "md", analyticsId }, mapperProps, schemaComponents) => createColumnsComponent({
   uid,
+  analyticsId,
   control,
   margin,
   bias: mapLegacyBias(bias),
@@ -2293,12 +2349,14 @@ var mapSchemaAlert = (alert) => {
 
 // src/revamp/domain/mappers/layout/decisionLayoutToComponent.ts
 var decisionLayoutToComponent = (uid, {
+  analyticsId,
   control,
   margin = "md",
   options,
   title
 }, { onBehavior, step }) => createDecisionComponent({
   uid,
+  analyticsId,
   control,
   margin,
   options: options.map((option) => mapOption(option, onBehavior, step.actions)),
@@ -2331,8 +2389,9 @@ var isDeprecatedListLayout = (layout) => {
   );
   return !usesCallToAction && !usesNewProperties;
 };
-var deprecatedListLayoutToComponent = (uid, { control, items, margin = "md", title }) => createStatusListComponent({
+var deprecatedListLayoutToComponent = (uid, { analyticsId, control, items, margin = "md", title }) => createStatusListComponent({
   uid,
+  analyticsId,
   control,
   items: items.map(({ description, icon, status, title: itemTitle }) => ({
     description,
@@ -2361,7 +2420,7 @@ var createDividerComponent = (props) => __spreadValues({
 }, props);
 
 // src/revamp/domain/mappers/layout/dividerLayoutToComponent.ts
-var dividerLayoutToComponent = (uid, { control, margin = "md" }) => createDividerComponent({ uid, control, margin });
+var dividerLayoutToComponent = (uid, { control, margin = "md", analyticsId }) => createDividerComponent({ uid, analyticsId, control, margin });
 
 // src/revamp/domain/components/FormComponent.ts
 var createFormComponent = (formProps) => __spreadProps(__spreadValues({}, formProps), {
@@ -2372,7 +2431,7 @@ var createFormComponent = (formProps) => __spreadProps(__spreadValues({}, formPr
 });
 
 // src/revamp/domain/mappers/layout/formLayoutToComponent.ts
-var formLayoutToComponent = (uid, { schemaId, schema: schemaRef, control, margin = "md" }, schemaComponents) => {
+var formLayoutToComponent = (uid, { analyticsId, schemaId, schema: schemaRef, control, margin = "md" }, schemaComponents) => {
   const id = schemaId != null ? schemaId : schemaRef == null ? void 0 : schemaRef.$ref;
   if (id == null) {
     throw new Error(
@@ -2387,6 +2446,7 @@ var formLayoutToComponent = (uid, { schemaId, schema: schemaRef, control, margin
   }
   return createFormComponent({
     uid,
+    analyticsId,
     schemaComponent,
     control,
     margin
@@ -2399,8 +2459,9 @@ var createHeadingComponent = (headingProps) => __spreadValues({
 }, headingProps);
 
 // src/revamp/domain/mappers/layout/headingLayoutToComponent.ts
-var headingLayoutToComponent = (uid, { align = "left", margin = "md", size = "md", control, text }) => createHeadingComponent({
+var headingLayoutToComponent = (uid, { analyticsId, align = "left", margin = "md", size = "md", control, text }) => createHeadingComponent({
   uid,
+  analyticsId,
   align: mapLegacyAlign(align),
   control,
   margin,
@@ -2415,6 +2476,7 @@ var createImageComponent = (imageProps) => __spreadValues({
 
 // src/revamp/domain/mappers/layout/imageLayoutToComponent.ts
 var imageLayoutToComponent = (uid, {
+  analyticsId,
   accessibilityDescription,
   align = "center",
   content,
@@ -2427,6 +2489,7 @@ var imageLayoutToComponent = (uid, {
   var _a, _b, _c;
   return createImageComponent({
     uid,
+    analyticsId,
     align: mapLegacyAlign(align),
     content: content ? {
       uri: (_b = (_a = content.uri) != null ? _a : content.url) != null ? _b : "",
@@ -2444,8 +2507,9 @@ var createMarkdownComponent = (markdownProps) => __spreadValues({
 }, markdownProps);
 
 // src/revamp/domain/mappers/layout/infoLayoutToComponent.ts
-var infoLayoutToComponent = (uid, { align = "left", control, margin = "md", markdown: content }) => createMarkdownComponent({
+var infoLayoutToComponent = (uid, { analyticsId, align = "left", control, margin = "md", markdown: content }) => createMarkdownComponent({
   uid,
+  analyticsId,
   align: mapLegacyAlign(align),
   content,
   control,
@@ -2458,8 +2522,9 @@ var createInstructionsComponent = (instructionsProps) => __spreadValues({
 }, instructionsProps);
 
 // src/revamp/domain/mappers/layout/instructionsLayoutToComponent.ts
-var instructionsLayoutToComponent = (uid, { control, items, margin = "md", title }) => createInstructionsComponent({
+var instructionsLayoutToComponent = (uid, { analyticsId, control, items, margin = "md", title }) => createInstructionsComponent({
   uid,
+  analyticsId,
   control,
   items: items.map((item) => __spreadProps(__spreadValues({}, item), {
     context: mapLegacyContext(item.context)
@@ -2474,11 +2539,12 @@ var createListComponent = (listProps) => __spreadValues({
 }, listProps);
 
 // src/revamp/domain/mappers/layout/listLayoutToComponent.ts
-var listLayoutToComponent = (uid, { callToAction, control, items, margin = "md", title }, mapperProps) => {
+var listLayoutToComponent = (uid, { analyticsId, callToAction, control, items, margin = "md", title }, mapperProps) => {
   var _a;
   const { step, onBehavior } = mapperProps;
   return createListComponent({
     uid,
+    analyticsId,
     control,
     items: items.map((item) => mapItem2(item, mapperProps)),
     callToAction: getDomainLayerCallToAction(callToAction, onBehavior, (_a = step.actions) != null ? _a : []),
@@ -2511,11 +2577,12 @@ var createLoadingIndicatorComponent = (loadingIndicatorProps) => __spreadValues(
 }, loadingIndicatorProps);
 
 // src/revamp/domain/mappers/layout/loadingIndicatorLayoutToComponent.ts
-var loadingIndicatorLayoutToComponent = (uid, { size = "md", margin = "md", control }) => createLoadingIndicatorComponent({ uid, size, control, margin });
+var loadingIndicatorLayoutToComponent = (uid, { analyticsId, size = "md", margin = "md", control }) => createLoadingIndicatorComponent({ uid, analyticsId, size, control, margin });
 
 // src/revamp/domain/mappers/layout/markdownLayoutToComponent.ts
-var markdownLayoutToComponent = (uid, { align = "left", margin = "md", control, content }) => createMarkdownComponent({
+var markdownLayoutToComponent = (uid, { analyticsId, align = "left", margin = "md", control, content }) => createMarkdownComponent({
   uid,
+  analyticsId,
   align: mapLegacyAlign(align),
   control,
   content,
@@ -2532,10 +2599,11 @@ var createModalComponent = (modalProps) => __spreadProps(__spreadValues({
 });
 
 // src/revamp/domain/mappers/layout/modalLayoutToComponent.ts
-var modalLayoutToComponent = (uid, { content, control, margin = "md", trigger }, mapperProps, schemaComponents) => {
+var modalLayoutToComponent = (uid, { analyticsId, content, control, margin = "md", trigger }, mapperProps, schemaComponents) => {
   const { components, title } = content;
   return createModalComponent({
     uid,
+    analyticsId,
     content: {
       components: components.map(
         (component, index) => mapLayoutToComponent(`${uid}.modal-${index}`, component, mapperProps, schemaComponents)
@@ -2554,8 +2622,9 @@ var createParagraphComponent = (paragraphProps) => __spreadValues({
 }, paragraphProps);
 
 // src/revamp/domain/mappers/layout/paragraphLayoutToComponent.ts
-var paragraphLayoutToComponent = (uid, { align = "left", control, margin = "md", text }) => createParagraphComponent({
+var paragraphLayoutToComponent = (uid, { analyticsId, align = "left", control, margin = "md", text }) => createParagraphComponent({
   uid,
+  analyticsId,
   text,
   control,
   align: mapLegacyAlign(align),
@@ -2568,8 +2637,18 @@ var createReviewComponent = (reviewProps) => __spreadValues({
 }, reviewProps);
 
 // src/revamp/domain/mappers/layout/reviewLayoutToComponent.ts
-var reviewLayoutToComponent = (uid, { fields, title, callToAction, control, margin = "md", orientation, action }, { onBehavior, step }) => createReviewComponent({
+var reviewLayoutToComponent = (uid, {
+  analyticsId,
+  fields,
+  title,
+  callToAction,
+  control,
+  margin = "md",
+  orientation,
+  action
+}, { onBehavior, step }) => createReviewComponent({
   uid,
+  analyticsId,
   callToAction: getCallToAction2({ onBehavior, callToAction, action, stepActions: step.actions }),
   control: getOrientationControl({ control, orientation }),
   fields: fields.map((field) => mapReviewField(field, { onBehavior, step })),
@@ -2663,7 +2742,7 @@ var debounce = (callback, waitMs) => {
 // src/revamp/domain/components/searchComponent/SearchComponent.ts
 var DEBOUNCE_TIME = 400;
 var createSearchComponent = (searchProps, performSearch, onBehavior, updateComponent) => {
-  const { uid, control, emptyMessage, margin, title } = searchProps;
+  const { uid, analyticsId, control, emptyMessage, margin, title } = searchProps;
   const update = getInputUpdateFunction(updateComponent);
   let abortController = new AbortController();
   const search = (component2, query, searchConfig) => {
@@ -2695,6 +2774,7 @@ var createSearchComponent = (searchProps, performSearch, onBehavior, updateCompo
   const component = {
     type: "search",
     uid,
+    analyticsId,
     control,
     emptyMessage,
     margin,
@@ -2782,12 +2862,22 @@ var isValidResponseBody = (body) => isObject(body) && "results" in body && isArr
 var hashRequest = (query, config) => JSON.stringify({ query, config });
 
 // src/revamp/domain/mappers/layout/searchLayoutToComponent.ts
-var searchLayoutToComponent = (uid, { control, emptyMessage = "", method, param, title, url, margin = "md" }, mapperProps) => {
+var searchLayoutToComponent = (uid, {
+  analyticsId,
+  control,
+  emptyMessage = "",
+  method,
+  param,
+  title,
+  url,
+  margin = "md"
+}, mapperProps) => {
   const { httpClient, onBehavior, updateComponent } = mapperProps;
   const search = getPerformSearchFunction(httpClient, { method, param, url });
   return createSearchComponent(
     {
       uid,
+      analyticsId,
       control,
       emptyMessage,
       margin,
@@ -2800,8 +2890,9 @@ var searchLayoutToComponent = (uid, { control, emptyMessage = "", method, param,
 };
 
 // src/revamp/domain/mappers/layout/statusListLayoutToComponent.ts
-var statusListLayoutToComponent = (uid, { control, items, margin = "md", title }, { onBehavior, step }) => createStatusListComponent({
+var statusListLayoutToComponent = (uid, { analyticsId, control, items, margin = "md", title }, { onBehavior, step }) => createStatusListComponent({
   uid,
+  analyticsId,
   control,
   items: items.map((item) => {
     var _a;
@@ -2827,10 +2918,11 @@ var createSectionComponent = (props) => {
 };
 
 // src/revamp/domain/mappers/layout/sectionLayoutToComponent.ts
-var sectionLayoutToComponent = (uid, { control, title, components, callToAction, margin = "md" }, mapperProps, schemaComponents) => {
+var sectionLayoutToComponent = (uid, { analyticsId, control, title, components, callToAction, margin = "md" }, mapperProps, schemaComponents) => {
   var _a;
   return createSectionComponent({
     uid,
+    analyticsId,
     control,
     title,
     components: components.map(
@@ -2851,8 +2943,9 @@ var createTabsComponent = (tabsProps) => __spreadProps(__spreadValues({}, tabsPr
 });
 
 // src/revamp/domain/mappers/layout/tabsLayoutToComponent.ts
-var tabsLayoutToComponent = (uid, { control, margin = "md", tabs }, mapperProps, schemaComponents) => createTabsComponent({
+var tabsLayoutToComponent = (uid, { analyticsId, control, margin = "md", tabs }, mapperProps, schemaComponents) => createTabsComponent({
   uid,
+  analyticsId,
   control,
   margin,
   tabs: tabs.map(({ components, tag, title }, tabIndex) => ({
@@ -5605,11 +5698,12 @@ var isExactLocalValueMatch = (valueA, valueB) => {
 
 // src/revamp/domain/components/PersistAsyncComponent.ts
 var createPersistAsyncComponent = (props, performPersistAsync, schemaOnChange, updateComponent) => {
-  const { uid, schemaId, component, hidden, model, localValue } = props;
+  const { uid, analyticsId, schemaId, component, hidden, model, localValue } = props;
   const update = getInputUpdateFunction(updateComponent);
   const paComponent = {
     type: "persist-async",
     uid,
+    analyticsId,
     schemaId,
     component,
     hidden,

package/build/types/revamp/domain/components/AlertComponent.d.ts

@@ -1,8 +1,8 @@
-import type { CallToAction, Context, BaseLayoutComponent } from '../types';
+import type { BaseLayoutComponent, CallToAction, Context } from '../types';
 export type AlertComponent = BaseLayoutComponent & {
     type: 'alert';
     markdown: string;
     context: Context;
     callToAction?: CallToAction;
 };
-export declare const createAlertComponent: (alertProps: Pick<AlertComponent, "uid" | "callToAction" | "context" | "control" | "margin" | "markdown">) => AlertComponent;
+export declare const createAlertComponent: (alertProps: Pick<AlertComponent, "uid" | "analyticsId" | "callToAction" | "context" | "control" | "margin" | "markdown">) => AlertComponent;

package/build/types/revamp/domain/components/BoxComponent.d.ts

@@ -7,4 +7,4 @@ export type BoxComponent = BaseLayoutComponent & {
     components: DomainComponent[];
     getChildren: () => DomainComponent[];
 };
-export declare const createBoxComponent: (boxProps: Pick<BoxComponent, "uid" | "border" | "components" | "control" | "margin" | "width">) => BoxComponent;
+export declare const createBoxComponent: (boxProps: Pick<BoxComponent, "uid" | "border" | "components" | "control" | "margin" | "width" | "analyticsId">) => BoxComponent;

package/build/types/revamp/domain/components/ButtonComponent.d.ts

@@ -9,4 +9,4 @@ export type ButtonComponent = BaseLayoutComponent & {
     title: string;
     onClick: () => void;
 };
-export declare const createButtonComponent: (buttonProps: Pick<ButtonComponent, "uid" | "context" | "control" | "disabled" | "margin" | "onClick" | "pinOrder" | "size" | "title">) => ButtonComponent;
+export declare const createButtonComponent: (buttonProps: Pick<ButtonComponent, "uid" | "context" | "control" | "disabled" | "margin" | "onClick" | "pinOrder" | "size" | "title" | "analyticsId">) => ButtonComponent;