@wise/dynamic-flow-client 4.11.2 → 4.12.0-experimental-5de9758

package/build/main.mjs

@@ -54,6 +54,59 @@ var mergeHeaders = (...headersInits) => headersInits.reduce(
   {}
 );
 
+// src/i18n/cs.json
+var cs_default = {
+  "dynamicFlows.ArraySchema.addItem": "Ulo\u017Eit",
+  "dynamicFlows.ArraySchema.addItemTitle": "P\u0159idat polo\u017Eku",
+  "dynamicFlows.ArraySchema.editItem": "Ulo\u017Eit",
+  "dynamicFlows.ArraySchema.maxItemsError": "P\u0159idejte {maxItems} nebo m\xE9n\u011B.",
+  "dynamicFlows.ArraySchema.minItemsError": "P\u0159idejte alespo\u0148 {minItems}.",
+  "dynamicFlows.ArraySchema.removeItem": "Odebrat",
+  "dynamicFlows.CameraCapture.CameraConnectionIssue.action": "Zkuste to znovu",
+  "dynamicFlows.CameraCapture.CameraConnectionIssue.paragraph": "Zkontrolujte, jestli je p\u0159ipojen\xFD a\xA0zkuste to znovu.",
+  "dynamicFlows.CameraCapture.CameraConnectionIssue.title": "Nem\u016F\u017Eeme z\xEDskat p\u0159\xEDstup k\xA0va\u0161emu fotoapar\xE1tu",
+  "dynamicFlows.CameraCapture.CameraNotSupported.paragraph": "Prohl\xED\u017Ee\u010D, kter\xFD pou\u017E\xEDv\xE1te, nepodporuje fotoapar\xE1t. Zkuste jin\xFD prohl\xED\u017Ee\u010D, jin\xE9 za\u0159\xEDzen\xED, nebo si st\xE1hn\u011Bte na\u0161i mobiln\xED aplikaci.",
+  "dynamicFlows.CameraCapture.CameraNotSupported.title": "Fotoapar\xE1t nen\xED podporovan\xFD",
+  "dynamicFlows.CameraCapture.NoCameraAccess.action": "Povolit p\u0159\xEDstup k\xA0fotoapar\xE1tu",
+  "dynamicFlows.CameraCapture.NoCameraAccess.paragraph": "Abyste mohli pokra\u010Dovat, povolte v\xA0nastaven\xED prohl\xED\u017Ee\u010De p\u0159\xEDstup k\xA0fotoapar\xE1tu.",
+  "dynamicFlows.CameraCapture.NoCameraAccess.title": "Nem\u016F\u017Eeme z\xEDskat p\u0159\xEDstup k\xA0va\u0161emu fotoapar\xE1tu",
+  "dynamicFlows.CameraCapture.reviewInstructions": "Je va\u0161e fotka jasn\xE1, z\u0159eteln\xE1 a\xA0\xFApln\xE1?",
+  "dynamicFlows.CameraCapture.reviewRetry": "Ne, zkuste to znovu",
+  "dynamicFlows.CameraCapture.reviewSubmit": "Ano, odeslat",
+  "dynamicFlows.CameraCapture.rotatePhone.text": "Oto\u010Dte telefon do svisl\xE9 polohy a\xA0po\u0159i\u010Fte fotku",
+  "dynamicFlows.ControlFeedback.maxLength": "Zadejte {maxLength} nebo m\xE9n\u011B znak\u016F.",
+  "dynamicFlows.ControlFeedback.maximum": "Zadejte \u010D\xEDslo, kter\xE9 je {maximum} nebo men\u0161\xED.",
+  "dynamicFlows.ControlFeedback.maximumDate": "Zadejte datum, kter\xE9 je {maximum} nebo p\u0159edt\xEDm.",
+  "dynamicFlows.ControlFeedback.minLength": "Zadejte alespo\u0148 n\xE1sleduj\xEDc\xED po\u010Det znak\u016F: {minLength}.",
+  "dynamicFlows.ControlFeedback.minimum": "Zadejte \u010D\xEDslo, kter\xE9 je {minimum} nebo vy\u0161\u0161\xED.",
+  "dynamicFlows.ControlFeedback.minimumDate": "Zadejte datum, kter\xE9 je {minimum} nebo potom.",
+  "dynamicFlows.ControlFeedback.pattern": "Zadejte to pros\xEDm ve spr\xE1vn\xE9m form\xE1tu.",
+  "dynamicFlows.ControlFeedback.patternDate": "Zadejte pros\xEDm datum ve spr\xE1vn\xE9m form\xE1tu.",
+  "dynamicFlows.ControlFeedback.required": "Vypl\u0148te pros\xEDm toto pole.",
+  "dynamicFlows.ControlFeedback.type": "Nespr\xE1vn\xFD typ",
+  "dynamicFlows.DefaultErrorMessages.required": "Vypl\u0148te pros\xEDm toto pole.",
+  "dynamicFlows.DynamicExternal.retryTitle": "Znovu otev\u0159\xEDt okno",
+  "dynamicFlows.DynamicParagraph.copied": "Zkop\xEDrov\xE1no do schr\xE1nky",
+  "dynamicFlows.DynamicParagraph.copy": "Kop\xEDrovat",
+  "dynamicFlows.ErrorBoundary.errorAlert": "N\u011Bco se pokazilo.",
+  "dynamicFlows.ErrorBoundary.retry": "Zkusit znovu",
+  "dynamicFlows.ExternalConfirmation.cancel": "Zru\u0161it",
+  "dynamicFlows.ExternalConfirmation.description": "Potvr\u010Fte, \u017Ee chcete otev\u0159\xEDt **{origin}** v nov\xE9 kart\u011B prohl\xED\u017Ee\u010De.",
+  "dynamicFlows.ExternalConfirmation.open": "Otev\u0159\xEDt v nov\xE9 kart\u011B",
+  "dynamicFlows.ExternalConfirmation.title": "Potvr\u010Fte",
+  "dynamicFlows.FileUploadSchema.maxFileSizeError": "Je n\xE1m l\xEDto, ale tento soubor je p\u0159\xEDli\u0161 velk\xFD. Nahrajte pros\xEDm men\u0161\xED soubor.",
+  "dynamicFlows.FileUploadSchema.wrongFileTypeError": "Je n\xE1m l\xEDto, tento form\xE1t souboru nen\xED podporov\xE1n. Nahrajte jin\xFD soubor.",
+  "dynamicFlows.Help.ariaLabel": "Pro v\xEDce informac\xED klikn\u011Bte sem.",
+  "dynamicFlows.MultiSelect.summary": "{first} a {count} dal\u0161\xED(ch)",
+  "dynamicFlows.MultipleFileUploadSchema.maxFileSizeError": "Je n\xE1m l\xEDto, ale tento soubor je p\u0159\xEDli\u0161 velk\xFD. Nahrajte pros\xEDm men\u0161\xED soubor.",
+  "dynamicFlows.MultipleFileUploadSchema.maxItemsError": "Nahrajte {maxItems} nebo m\xE9n\u011B soubor\u016F.",
+  "dynamicFlows.MultipleFileUploadSchema.minItemsError": "Nahrajte pros\xEDm alespo\u0148 n\xE1sleduj\xEDc\xED po\u010Det soubor\u016F: {minItems}.",
+  "dynamicFlows.PersistAsyncSchema.genericError": "N\u011Bco se pokazilo. Zkuste to pros\xEDm znovu.",
+  "dynamicFlows.ReadOnlySchema.no": "Ne",
+  "dynamicFlows.ReadOnlySchema.yes": "Ano",
+  "dynamicFlows.SearchLayout.loading": "Na\u010D\xEDt\xE1n\xED..."
+};
+
 // src/i18n/de.json
 var de_default = {
   "dynamicFlows.ArraySchema.addItem": "Speichern",
@@ -478,6 +531,59 @@ var ja_default = {
   "dynamicFlows.SearchLayout.loading": "\u8AAD\u307F\u8FBC\u307F\u4E2D\u2026"
 };
 
+// src/i18n/nl.json
+var nl_default = {
+  "dynamicFlows.ArraySchema.addItem": "Opslaan",
+  "dynamicFlows.ArraySchema.addItemTitle": "Item toevoegen",
+  "dynamicFlows.ArraySchema.editItem": "Opslaan",
+  "dynamicFlows.ArraySchema.maxItemsError": "Voeg {maxItems} of minder toe.",
+  "dynamicFlows.ArraySchema.minItemsError": "Voeg minimaal {minItems} toe.",
+  "dynamicFlows.ArraySchema.removeItem": "Verwijderen",
+  "dynamicFlows.CameraCapture.CameraConnectionIssue.action": "Opnieuw proberen",
+  "dynamicFlows.CameraCapture.CameraConnectionIssue.paragraph": "Controleer of de camera verbonden is en probeer het opnieuw.",
+  "dynamicFlows.CameraCapture.CameraConnectionIssue.title": "We hebben geen toegang tot je camera",
+  "dynamicFlows.CameraCapture.CameraNotSupported.paragraph": "Je browser ondersteunt geen camera's. Probeer een andere browser of apparaat of download onze mobiele app.",
+  "dynamicFlows.CameraCapture.CameraNotSupported.title": "Camera wordt niet ondersteund",
+  "dynamicFlows.CameraCapture.NoCameraAccess.action": "Cameratoegang inschakelen",
+  "dynamicFlows.CameraCapture.NoCameraAccess.paragraph": "Schakel in je browserinstellingen cameratoegang in en begin opnieuw.",
+  "dynamicFlows.CameraCapture.NoCameraAccess.title": "We hebben geen toegang tot je camera",
+  "dynamicFlows.CameraCapture.reviewInstructions": "Is je foto duidelijk, leesbaar en volledig?",
+  "dynamicFlows.CameraCapture.reviewRetry": "Nee, opnieuw proberen",
+  "dynamicFlows.CameraCapture.reviewSubmit": "Ja, verzenden",
+  "dynamicFlows.CameraCapture.rotatePhone.text": "Draai je telefoon verticaal om een foto te maken",
+  "dynamicFlows.ControlFeedback.maxLength": "Voer {maxLength} of minder tekens in.",
+  "dynamicFlows.ControlFeedback.maximum": "Voer een getal in dat {maximum} of lager is.",
+  "dynamicFlows.ControlFeedback.maximumDate": "Voer een datum in die op of voor {maximum} is.",
+  "dynamicFlows.ControlFeedback.minLength": "Voer minimaal {minLength} tekens in.",
+  "dynamicFlows.ControlFeedback.minimum": "Voer een getal in dat {minimum} of hoger is.",
+  "dynamicFlows.ControlFeedback.minimumDate": "Voer een datum in die op of na {minimum} is.",
+  "dynamicFlows.ControlFeedback.pattern": "Voer dit in de juiste indeling in.",
+  "dynamicFlows.ControlFeedback.patternDate": "Voer een datum in de juiste indeling in.",
+  "dynamicFlows.ControlFeedback.required": "Vul dit veld in.",
+  "dynamicFlows.ControlFeedback.type": "Onjuist type",
+  "dynamicFlows.DefaultErrorMessages.required": "Vul dit veld in.",
+  "dynamicFlows.DynamicExternal.retryTitle": "Venster opnieuw openen",
+  "dynamicFlows.DynamicParagraph.copied": "Naar klembord gekopieerd",
+  "dynamicFlows.DynamicParagraph.copy": "Kopi\xEBren",
+  "dynamicFlows.ErrorBoundary.errorAlert": "Er is iets misgegaan.",
+  "dynamicFlows.ErrorBoundary.retry": "Opnieuw proberen",
+  "dynamicFlows.ExternalConfirmation.cancel": "Annuleren",
+  "dynamicFlows.ExternalConfirmation.description": "Bevestig dat je **{origin}** in een nieuw browsertabblad wilt openen.",
+  "dynamicFlows.ExternalConfirmation.open": "In nieuw tabblad openen",
+  "dynamicFlows.ExternalConfirmation.title": "Bevestigen",
+  "dynamicFlows.FileUploadSchema.maxFileSizeError": "Het bestand is te groot. Upload een kleiner bestand.",
+  "dynamicFlows.FileUploadSchema.wrongFileTypeError": "De bestandsindeling wordt niet ondersteund. Upload een ander bestand.",
+  "dynamicFlows.Help.ariaLabel": "Klik hier voor meer informatie.",
+  "dynamicFlows.MultiSelect.summary": "{first} en nog {count}",
+  "dynamicFlows.MultipleFileUploadSchema.maxFileSizeError": "Het bestand is te groot. Upload een kleiner bestand.",
+  "dynamicFlows.MultipleFileUploadSchema.maxItemsError": "Upload {maxItems} of minder bestanden.",
+  "dynamicFlows.MultipleFileUploadSchema.minItemsError": "Upload minimaal {minItems} bestand(en).",
+  "dynamicFlows.PersistAsyncSchema.genericError": "Er is iets misgegaan, probeer het opnieuw.",
+  "dynamicFlows.ReadOnlySchema.no": "Nee",
+  "dynamicFlows.ReadOnlySchema.yes": "Ja",
+  "dynamicFlows.SearchLayout.loading": "Laden..."
+};
+
 // src/i18n/pl.json
 var pl_default = {
   "dynamicFlows.ArraySchema.addItem": "Zapisz",
@@ -904,6 +1010,7 @@ var zh_HK_default = {
 
 // src/i18n/index.ts
 var translations = {
+  cs: cs_default,
   en: en_default,
   de: de_default,
   es: es_default,
@@ -912,6 +1019,7 @@ var translations = {
   id: id_default,
   it: it_default,
   ja: ja_default,
+  nl: nl_default,
   pl: pl_default,
   pt: pt_default,
   ro: ro_default,
@@ -1203,24 +1311,24 @@ var alertComponentToProps = (component, rendererMapperProps) => __spreadValues(_
   "markdown"
 )), rendererMapperProps);
 
+// src/revamp/renderers/mappers/utils/mapMediaToLegacyProps.ts
+var mapMediaToLegacyProps = (media) => {
+  const { icon, image } = (media == null ? void 0 : media.type) === "legacy" ? media : {};
+  return {
+    icon,
+    image,
+    media
+  };
+};
+
 // src/revamp/renderers/mappers/allOfComponentToProps.ts
 var allOfComponentToProps = (component, rendererMapperProps) => {
   const childrenProps = component.components.map(
     (c) => componentToRendererProps(c, rendererMapperProps)
   );
-  return __spreadProps(__spreadValues(__spreadValues({
+  return __spreadProps(__spreadValues(__spreadValues(__spreadValues({
     type: "form-section"
-  }, pick(
-    component,
-    "uid",
-    "analyticsId",
-    "control",
-    "description",
-    "help",
-    "icon",
-    "image",
-    "title"
-  )), rendererMapperProps), {
+  }, pick(component, "uid", "analyticsId", "control", "description", "help", "media", "title")), mapMediaToLegacyProps(component.media)), rendererMapperProps), {
     children: childrenProps.map(rendererMapperProps.render),
     childrenProps
   });
@@ -1248,9 +1356,8 @@ var inputComponentToProps = (component, type) => {
     disabled,
     errors,
     help,
-    icon,
     id,
-    image,
+    media,
     placeholder,
     required,
     title,
@@ -1259,7 +1366,7 @@ var inputComponentToProps = (component, type) => {
     onFocus
   } = component;
   const { messages } = validationAsyncState != null ? validationAsyncState : {};
-  return {
+  return __spreadValues({
     uid,
     analyticsId,
     type,
@@ -1268,9 +1375,7 @@ var inputComponentToProps = (component, type) => {
     disabled,
     error: (_a = messages == null ? void 0 : messages.error) != null ? _a : errors == null ? void 0 : errors[0],
     help,
-    icon,
     id,
-    image,
     placeholder,
     required,
     title,
@@ -1278,7 +1383,7 @@ var inputComponentToProps = (component, type) => {
     value: component.getLocalValue(),
     onBlur: onBlur.bind(component),
     onFocus: onFocus.bind(component)
-  };
+  }, mapMediaToLegacyProps(media));
 };
 var getValidationState = (errors, validationAsyncState) => {
   if (validationAsyncState) {
@@ -1381,15 +1486,17 @@ var dateInputComponentToProps = (component, rendererMapperProps) => __spreadProp
   autoComplete: component.autoComplete,
   minimumDate: component.minimumDate,
   maximumDate: component.maximumDate,
-  suggestions: component.suggestions,
+  suggestions: component.suggestions ? {
+    values: component.suggestions.values.map((suggestion) => __spreadValues(__spreadValues({}, suggestion), mapMediaToLegacyProps(suggestion.media)))
+  } : void 0,
   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), {
   options: component.options.map((_a) => {
-    var _b = _a, { disabled } = _b, rest = __objRest(_b, ["disabled"]);
-    return __spreadProps(__spreadValues({}, rest), {
+    var _b = _a, { disabled, media } = _b, rest = __objRest(_b, ["disabled", "media"]);
+    return __spreadProps(__spreadValues(__spreadValues({}, rest), mapMediaToLegacyProps(media)), {
       disabled: disabled || rendererMapperProps.stepLoadingState !== "idle"
     });
   })
@@ -1458,12 +1565,12 @@ var listComponentToProps = (component, rendererMapperProps) => __spreadProps(__s
 });
 var mapItem = (item) => {
   var _a, _b;
-  return __spreadProps(__spreadValues({}, item), {
+  return __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));
 };
 
 // src/revamp/renderers/mappers/loadingIndicatorComponentToProps.ts
@@ -1550,19 +1657,9 @@ var numberInputComponentToProps = (component, rendererMapperProps) => __spreadPr
 // src/revamp/renderers/mappers/objectComponentToProps.ts
 var objectComponentToProps = (component, rendererMapperProps) => {
   const childrenProps = component.getChildren().map((c) => componentToRendererProps(c, rendererMapperProps));
-  return __spreadProps(__spreadValues(__spreadValues({
+  return __spreadProps(__spreadValues(__spreadValues(__spreadValues({
     type: "form-section"
-  }, pick(
-    component,
-    "uid",
-    "analyticsId",
-    "control",
-    "description",
-    "help",
-    "icon",
-    "image",
-    "title"
-  )), rendererMapperProps), {
+  }, pick(component, "uid", "analyticsId", "control", "description", "help", "media", "title")), mapMediaToLegacyProps(component.media)), rendererMapperProps), {
     children: childrenProps.map(rendererMapperProps.render),
     childrenProps
   });
@@ -1594,9 +1691,8 @@ var repeatableComponentToProps = (component, rendererMapperProps) => {
     editableComponent,
     editItemTitle,
     errors,
-    icon,
-    image,
     maxItems,
+    media,
     minItems,
     summaryDefaults,
     title = "",
@@ -1608,18 +1704,23 @@ var repeatableComponentToProps = (component, rendererMapperProps) => {
   const childrenProps = component.getChildren().map((c) => componentToRendererProps(c, rendererMapperProps));
   const editableItemProps = editableComponent ? componentToRendererProps(editableComponent, rendererMapperProps) : null;
   const getSummary = (componentSummary) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c;
+    const { icon: componentIcon, image: componentImage } = mapMediaToLegacyProps(
+      componentSummary.media
+    );
+    const { icon: defaultIcon, image: defaultImage } = mapMediaToLegacyProps(summaryDefaults.media);
     return {
       title: (_a = componentSummary.title) != null ? _a : summaryDefaults.title,
       description: (_b = componentSummary.description) != null ? _b : summaryDefaults.description,
-      icon: (_c = componentSummary.icon) != null ? _c : summaryDefaults.icon,
-      image: (_d = componentSummary.image) != null ? _d : summaryDefaults.image
+      icon: componentIcon != null ? componentIcon : defaultIcon,
+      image: componentImage != null ? componentImage : defaultImage,
+      media: (_c = componentSummary.media) != null ? _c : summaryDefaults.media
     };
   };
   const itemProps = components.map((childComponent) => __spreadProps(__spreadValues({}, getSummary(childComponent.getSummary())), {
     id: `${childComponent.uid}-summary`
   }));
-  return __spreadValues({
+  return __spreadValues(__spreadValues({
     uid,
     analyticsId,
     type: "repeatable",
@@ -1631,8 +1732,6 @@ var repeatableComponentToProps = (component, rendererMapperProps) => {
     editableItem: rendererMapperProps.render(editableItemProps),
     editableItemProps,
     editItemTitle,
-    icon,
-    image,
     items: itemProps,
     maxItems,
     minItems,
@@ -1642,14 +1741,21 @@ var repeatableComponentToProps = (component, rendererMapperProps) => {
     onEdit: onEdit.bind(component),
     onSave: onSave.bind(component),
     onRemove: onRemove.bind(component)
-  }, rendererMapperProps);
+  }, mapMediaToLegacyProps(media)), rendererMapperProps);
 };
 
 // src/revamp/renderers/mappers/reviewComponentToProps.ts
 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);
+var mapField = (_a) => {
+  var _b = _a, {
+    media
+  } = _b, rest = __objRest(_b, [
+    "media"
+  ]);
+  return __spreadValues(__spreadValues({}, rest), mapMediaToLegacyProps(media));
+};
 
 // src/revamp/renderers/mappers/rootComponentToProps.ts
 var rootComponentToProps = (rootComponent, rendererMapperProps) => {
@@ -1671,6 +1777,21 @@ var mapSpecImage = (image) => {
   } : void 0;
 };
 
+// src/revamp/domain/mappers/utils/media-utils.ts
+var getDomainLayerMedia = ({ icon, image, media }) => {
+  if (media) {
+    return media;
+  }
+  if (icon || image) {
+    return {
+      type: "legacy",
+      icon,
+      image: mapSpecImage(image)
+    };
+  }
+  return void 0;
+};
+
 // src/revamp/renderers/mappers/searchComponentToProps.ts
 var searchComponentToProps = (component, rendererMapperProps) => {
   const { uid, control, emptyMessage, error, isLoading, margin, query, results, title } = component;
@@ -1721,6 +1842,7 @@ var getSearchState = ({
     return __spreadProps(__spreadValues({}, result), {
       id: result.type === "action" ? (_a = result.value.id) != null ? _a : result.value.$id : void 0,
       image: mapSpecImage(result.image),
+      media: getDomainLayerMedia(result),
       onClick: () => onSelect(result)
     });
   });
@@ -1780,26 +1902,18 @@ var textInputComponentToProps = (component, rendererMapperProps) => __spreadProp
   displayFormat: component.displayFormat,
   maxLength: component.maxLength,
   minLength: component.minLength,
-  suggestions: component.suggestions,
+  suggestions: component.suggestions ? {
+    values: component.suggestions.values.map((suggestion) => __spreadValues(__spreadValues({}, suggestion), mapMediaToLegacyProps(suggestion.media)))
+  } : void 0,
   onChange: component.onChange.bind(component)
 });
 
 // src/revamp/renderers/mappers/tupleComponentToProps.ts
 var tupleComponentToProps = (component, rendererMapperProps) => {
   const childrenProps = component.getChildren().map((c) => componentToRendererProps(c, rendererMapperProps));
-  return __spreadProps(__spreadValues(__spreadValues({
+  return __spreadProps(__spreadValues(__spreadValues(__spreadValues({
     type: "form-section"
-  }, pick(
-    component,
-    "uid",
-    "analyticsId",
-    "control",
-    "description",
-    "help",
-    "icon",
-    "image",
-    "title"
-  )), rendererMapperProps), {
+  }, pick(component, "uid", "analyticsId", "control", "description", "help", "media", "title")), mapMediaToLegacyProps(component.media)), rendererMapperProps), {
     children: childrenProps.map(rendererMapperProps.render),
     childrenProps
   });
@@ -2347,9 +2461,9 @@ var mapAdditionalInfo = (info, onBehavior) => {
     return {
       text: info.text,
       accessibilityDescription: info.accessibilityDescription,
-      onClick: () => {
+      onClick: behavior.type !== "none" ? () => {
         void onBehavior(behavior);
-      }
+      } : void 0
     };
   }
   return void 0;
@@ -2382,7 +2496,7 @@ var mapOption = (option, onBehavior, stepActions = []) => {
   return __spreadProps(__spreadValues({}, option), {
     disabled: (_a = option.disabled) != null ? _a : false,
     href: behavior.type === "link" ? behavior.url : void 0,
-    image: mapSpecImage(option.image),
+    media: getDomainLayerMedia(option),
     inlineAlert: mapInlineAlert(option.inlineAlert),
     onClick: () => {
       void onBehavior(behavior);
@@ -2398,11 +2512,7 @@ var createStatusListComponent = (statusListProps) => __spreadValues({
 
 // src/revamp/domain/mappers/layout/deprecatedListLayoutToComponent.ts
 var isDeprecatedListLayout = (layout) => {
-  const usesCallToAction = layout.callToAction != null;
-  const usesNewProperties = layout.items.some(
-    (item) => item.additionalInfo != null || item.inlineAlert != null || item.supportingValues != null || item.subtitle != null || item.value != null || item.subvalue != null
-  );
-  return !usesCallToAction && !usesNewProperties;
+  return layout.items.some((item) => item.status);
 };
 var deprecatedListLayoutToComponent = (uid, { analyticsId, control, items, margin = "md", title }) => createStatusListComponent({
   uid,
@@ -2576,10 +2686,10 @@ var listLayoutToComponent = (uid, { analyticsId, callToAction, control, items, m
 };
 var mapItem2 = (item, mapperProps) => {
   var _b;
-  const _a = item, { value, subvalue, subtitle } = _a, rest = __objRest(_a, ["value", "subvalue", "subtitle"]);
+  const _a = item, { value, subvalue, subtitle, icon, image, media } = _a, rest = __objRest(_a, ["value", "subvalue", "subtitle", "icon", "image", "media"]);
   return __spreadProps(__spreadValues({}, rest), {
     description: (_b = item.description) != null ? _b : subtitle,
-    image: mapSpecImage(item.image),
+    media: getDomainLayerMedia({ icon, image, media }),
     supportingValues: mapSupportingValues(item),
     additionalInfo: mapAdditionalInfo(item.additionalInfo, mapperProps.onBehavior),
     inlineAlert: mapInlineAlert(item.inlineAlert)
@@ -2716,7 +2826,7 @@ var getOrientationControl = ({
 var mapReviewField = (field, { onBehavior, step }) => {
   var _a, _b;
   return __spreadProps(__spreadValues({}, field), {
-    image: mapSpecImage(field.image),
+    media: getDomainLayerMedia(field),
     help: (_a = field.help) == null ? void 0 : _a.markdown,
     inlineAlert: mapInlineAlert(field.inlineAlert),
     additionalInfo: mapAdditionalInfo(field.additionalInfo, onBehavior),
@@ -3820,32 +3930,42 @@ var getSummariser = (schema) => (value) => {
   return summaryIfProvides(summary, { value: stringValueOrNull, icon, image });
 };
 var getConstSummary = (schema, model) => {
-  const { summary, icon, image } = schema;
+  const { summary, icon, image, media } = schema;
   const value = isString(model) ? model : null;
-  return summaryIfProvides(summary, { value, icon, image });
+  return summaryIfProvides(summary, { value, icon, image, media });
 };
 var summariseFromChildren = (components) => components.reduce(
   (acc, component) => mergeSummaries(acc, component.getSummary()),
   {}
 );
 var mergeSummaries = (summaryA, summaryB) => {
-  var _a, _b, _c, _d;
+  var _a, _b, _c;
   return {
     title: (_a = summaryA.title) != null ? _a : summaryB.title,
     description: (_b = summaryA.description) != null ? _b : summaryB.description,
-    icon: (_c = summaryA.icon) != null ? _c : summaryB.icon,
-    image: (_d = summaryA.image) != null ? _d : summaryB.image
+    media: (_c = summaryA.media) != null ? _c : summaryB.media
   };
 };
-var summaryIfProvides = (summary, { value, icon, image }) => {
+var summaryIfProvides = (summary, {
+  value = null,
+  icon,
+  image,
+  media
+}) => {
+  var _a;
   if (!summary) {
     return {};
   }
+  const providesMedia = (_a = summary.providesMedia) != null ? _a : Boolean(summary.providesIcon) || Boolean(summary.providesImage);
+  const providedMedia = getDomainLayerMedia({
+    icon: summary.providesIcon ? icon : void 0,
+    image: summary.providesImage ? image : void 0,
+    media
+  });
   return {
     title: summary.providesTitle && value || void 0,
     description: summary.providesDescription && value || void 0,
-    icon: summary.providesIcon && icon || void 0,
-    image: summary.providesImage && mapSpecImage(image != null ? image : void 0) || void 0
+    media: providesMedia ? providedMedia : void 0
   };
 };
 
@@ -3853,7 +3973,7 @@ var summaryIfProvides = (summary, { value, icon, image }) => {
 var mapCommonSchemaProps = (schemaMapperProps) => {
   var _a;
   const { uid, schemaId, schema, required, validationErrors, onPersistAsync } = schemaMapperProps;
-  const { $id, analyticsId, control, description, icon, image, keywords, title, hidden } = schema;
+  const { $id, analyticsId, control, description, icon, image, keywords, media, title, hidden } = schema;
   return __spreadValues(__spreadValues(__spreadValues({
     uid,
     id: $id != null ? $id : uid,
@@ -3864,9 +3984,8 @@ var mapCommonSchemaProps = (schemaMapperProps) => {
     disabled: schemaHasDisabled(schema) ? schema.disabled : false,
     errors: isString(validationErrors) ? [validationErrors] : void 0,
     hidden: Boolean(hidden),
-    icon,
-    image: mapSpecImage(image),
     keywords,
+    media: getDomainLayerMedia({ icon, image, media }),
     required: Boolean(required),
     title,
     onPersistAsync,
@@ -3922,8 +4041,7 @@ var createAllOfComponent = (allOfProps) => {
     description,
     help,
     hidden,
-    icon,
-    image,
+    media,
     title
   } = allOfProps;
   return {
@@ -3938,8 +4056,7 @@ var createAllOfComponent = (allOfProps) => {
     description,
     help,
     hidden,
-    icon,
-    image,
+    media,
     title,
     getChildren() {
       return this.components;
@@ -4021,8 +4138,7 @@ var createRepeatableComponent = (repeatableProps, updateComponent) => {
     summaryDefaults: {
       title: summary == null ? void 0 : summary.defaultTitle,
       description: summary == null ? void 0 : summary.defaultDescription,
-      icon: summary == null ? void 0 : summary.defaultIcon,
-      image: summary == null ? void 0 : summary.defaultImage
+      media: summary == null ? void 0 : summary.defaultMedia
     }
   }, componentProps), {
     _update(updateFn) {
@@ -4157,7 +4273,11 @@ var arraySchemaToRepeatableComponent = (schemaMapperProps, mapperProps) => {
       maxItems,
       minItems,
       summary: __spreadProps(__spreadValues({}, summary), {
-        defaultImage: mapSpecImage(summary == null ? void 0 : summary.defaultImage)
+        defaultMedia: getDomainLayerMedia({
+          icon: summary == null ? void 0 : summary.defaultIcon,
+          image: summary == null ? void 0 : summary.defaultImage,
+          media: summary == null ? void 0 : summary.defaultMedia
+        })
       }),
       createEditableComponent,
       onValueChange
@@ -4604,12 +4724,11 @@ 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, keywords = [] } = childSchema;
+    const { title: title2 = "", description, image, icon, media, keywords = [] } = childSchema;
     return {
       title: title2,
       description,
-      image: mapSpecImage(image),
-      icon,
+      media: getDomainLayerMedia({ icon, image, media }),
       keywords,
       disabled: "disabled" in childSchema ? Boolean(childSchema.disabled) : false,
       component: mapSchemaToComponent(
@@ -4668,8 +4787,7 @@ var createTupleComponent = (tupleProps) => {
     description,
     help,
     hidden,
-    icon,
-    image,
+    media,
     summariser,
     title
   } = tupleProps;
@@ -4685,8 +4803,7 @@ var createTupleComponent = (tupleProps) => {
     description,
     help,
     hidden,
-    icon,
-    image,
+    media,
     title,
     getChildren() {
       return this.components;
@@ -5153,8 +5270,7 @@ var createObjectComponent = (objectProps) => {
     displayOrder,
     help,
     hidden,
-    icon,
-    image,
+    media,
     summariser,
     title
   } = objectProps;
@@ -5170,8 +5286,7 @@ var createObjectComponent = (objectProps) => {
     description,
     help,
     hidden,
-    icon,
-    image,
+    media,
     title,
     getChildren() {
       return displayOrder.map((propName) => this.componentMap[propName]);
@@ -5392,12 +5507,11 @@ var oneOfSchemaToComponent = (schemaMapperProps, mapperProps) => {
     );
   }
   const options = schema.oneOf.map((childSchema, index) => {
-    const { title = "", description, image, icon, keywords = [] } = childSchema;
+    const { title = "", description, image, icon, media, keywords = [] } = childSchema;
     return {
       title,
       description,
-      image: mapSpecImage(image),
-      icon,
+      media: getDomainLayerMedia({ icon, image, media }),
       keywords,
       disabled: "disabled" in childSchema ? Boolean(childSchema.disabled) : false,
       component: mapSchemaToComponent(
@@ -5550,9 +5664,12 @@ var stringSchemaToDateInputComponent = (schemaMapperProps, mapperProps) => {
       minimumDate,
       maximumDate,
       suggestions: suggestions ? {
-        values: suggestions.values.map((suggestion) => __spreadProps(__spreadValues({}, suggestion), {
-          image: mapSpecImage(suggestion.image)
-        }))
+        values: suggestions.values.map((_a) => {
+          var _b = _a, { icon, image, media } = _b, rest = __objRest(_b, ["icon", "image", "media"]);
+          return __spreadProps(__spreadValues({}, rest), {
+            media: getDomainLayerMedia({ icon, image, media })
+          });
+        })
       } : void 0,
       value,
       validationAsyncState,
@@ -5724,9 +5841,12 @@ var stringSchemaToTextInputComponent = (schemaMapperProps, mapperProps) => {
       maxLength,
       minLength,
       suggestions: suggestions ? {
-        values: suggestions.values.map((suggestion) => __spreadProps(__spreadValues({}, suggestion), {
-          image: mapSpecImage(suggestion.image)
-        }))
+        values: suggestions.values.map((_a) => {
+          var _b = _a, { icon, image, media } = _b, rest = __objRest(_b, ["icon", "image", "media"]);
+          return __spreadProps(__spreadValues({}, rest), {
+            media: getDomainLayerMedia({ icon, image, media })
+          });
+        })
       } : void 0,
       value,
       validationAsyncState,

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

@@ -7,6 +7,6 @@ export type AllOfComponent = BaseSchemaComponent<LocalValue> & {
     alert?: InlineAlert;
     getChildren: () => SchemaComponent[];
 };
-export declare const createAllOfComponent: (allOfProps: Pick<AllOfComponent, "uid" | "schemaId" | "analyticsId" | "alert" | "control" | "description" | "components" | "help" | "hidden" | "icon" | "image" | "title"> & {
+export declare const createAllOfComponent: (allOfProps: Pick<AllOfComponent, "uid" | "schemaId" | "analyticsId" | "alert" | "control" | "description" | "components" | "help" | "hidden" | "media" | "title"> & {
     summariser: (value: Model | null) => RepeatableSummary;
 }) => AllOfComponent;