npm - @wise/dynamic-flow-client-internal - Versions diffs - 4.18.0 → 4.20.0-experimental-1c8f72d - Mend

@wise/dynamic-flow-client-internal 4.18.0 → 4.20.0-experimental-1c8f72d

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (24) hide show

package/build/i18n/cs.json +3 -0
package/build/i18n/de.json +3 -0
package/build/i18n/en.json +3 -0
package/build/i18n/es.json +3 -0
package/build/i18n/fr.json +3 -0
package/build/i18n/hu.json +3 -0
package/build/i18n/id.json +3 -0
package/build/i18n/it.json +3 -0
package/build/i18n/ja.json +3 -0
package/build/i18n/nl.json +3 -0
package/build/i18n/pl.json +3 -0
package/build/i18n/pt.json +3 -0
package/build/i18n/ro.json +3 -0
package/build/i18n/ru.json +3 -0
package/build/i18n/th.json +3 -0
package/build/i18n/tr.json +3 -0
package/build/i18n/uk.json +3 -0
package/build/i18n/zh_CN.json +3 -0
package/build/i18n/zh_HK.json +3 -0
package/build/main.css +1 -1
package/build/main.js +572 -439
package/build/main.mjs +490 -357
package/build/types/dynamicFlow/messages.d.ts +13 -0
package/package.json +8 -8

package/build/main.js CHANGED Viewed

@@ -83,6 +83,7 @@ var de_default = {
   "df.wise.ArraySchema.maxItemsError": "Bitte f\xFCge {maxItems} oder weniger hinzu.",
   "df.wise.ArraySchema.minItemsError": "Bitte f\xFCge mindestens {minItems} hinzu.",
   "df.wise.ArraySchema.removeItem": "Entfernen",
+  "df.wise.ButtonLayout.buttonLoadingMessage": "This might take a few seconds",
   "df.wise.ControlFeedback.maxLength": "Bitte gib nicht mehr als {maxLength} Zeichen ein.",
   "df.wise.ControlFeedback.maximum": "Bitte gib eine Zahl ein, die {maximum} oder weniger betr\xE4gt.",
   "df.wise.ControlFeedback.maximumDate": "Bitte gib ein Datum ein, das am oder vor dem {maximum} liegt.",
@@ -93,6 +94,8 @@ var de_default = {
   "df.wise.ControlFeedback.patternDate": "Bitte gib ein Datum im richtigen Format ein.",
   "df.wise.ControlFeedback.required": "Bitte f\xFClle dieses Feld aus.",
   "df.wise.ControlFeedback.type": "Falscher Typ",
+  "df.wise.CopyFeedback.copy": "In Zwischenablage kopiert",
+  "df.wise.CopyFeedback.copyFailed": "Kopieren in Zwischenablage fehlgeschlagen",
   "df.wise.DynamicParagraph.copied": "In Zwischenablage kopiert",
   "df.wise.DynamicParagraph.copy": "Kopieren",
   "df.wise.ErrorBoundary.errorAlert": "Da ist etwas schiefgegangen.",
@@ -118,6 +121,7 @@ var en_default = {
   "df.wise.ArraySchema.maxItemsError": "Please add {maxItems} or fewer.",
   "df.wise.ArraySchema.minItemsError": "Please add at least {minItems}.",
   "df.wise.ArraySchema.removeItem": "Remove",
+  "df.wise.ButtonLayout.buttonLoadingMessage": "This might take a few seconds",
   "df.wise.ControlFeedback.maxLength": "Please enter {maxLength} or fewer characters.",
   "df.wise.ControlFeedback.maximum": "Please enter a number that's {maximum} or less.",
   "df.wise.ControlFeedback.maximumDate": "Please enter a date that's on or before {maximum}.",
@@ -128,6 +132,8 @@ var en_default = {
   "df.wise.ControlFeedback.patternDate": "Please enter a date in the corrrect format.",
   "df.wise.ControlFeedback.required": "Please fill out this field.",
   "df.wise.ControlFeedback.type": "Incorrect type",
+  "df.wise.CopyFeedback.copy": "Copied to clipboard",
+  "df.wise.CopyFeedback.copyFailed": "Failed to copy to clipboard",
   "df.wise.DynamicParagraph.copied": "Copied to clipboard",
   "df.wise.DynamicParagraph.copy": "Copy",
   "df.wise.ErrorBoundary.errorAlert": "Something went wrong.",
@@ -153,6 +159,7 @@ var es_default = {
   "df.wise.ArraySchema.maxItemsError": "A\xF1ade {maxItems} o menos.",
   "df.wise.ArraySchema.minItemsError": "A\xF1ade al menos {minItems}.",
   "df.wise.ArraySchema.removeItem": "Eliminar",
+  "df.wise.ButtonLayout.buttonLoadingMessage": "Esto puede tardar unos segundos",
   "df.wise.ControlFeedback.maxLength": "Introduce {maxLength} caracteres o menos.",
   "df.wise.ControlFeedback.maximum": "Introduce una cifra igual o inferior a {maximum}.",
   "df.wise.ControlFeedback.maximumDate": "Introduce una fecha que sea igual o anterior al {maximum}.",
@@ -163,6 +170,8 @@ var es_default = {
   "df.wise.ControlFeedback.patternDate": "Introduce la fecha en un formato correcto.",
   "df.wise.ControlFeedback.required": "Completa este campo.",
   "df.wise.ControlFeedback.type": "Tipo incorrecto",
+  "df.wise.CopyFeedback.copy": "Copiado al portapapeles",
+  "df.wise.CopyFeedback.copyFailed": "Error al copiar al portapapeles",
   "df.wise.DynamicParagraph.copied": "Copiado al portapapeles",
   "df.wise.DynamicParagraph.copy": "Copiar",
   "df.wise.ErrorBoundary.errorAlert": "Ha habido un error.",
@@ -188,6 +197,7 @@ var fr_default = {
   "df.wise.ArraySchema.maxItemsError": "Veuillez ajouter {maxItems} ou moins.",
   "df.wise.ArraySchema.minItemsError": "Veuillez ajouter au moins {minItems}.",
   "df.wise.ArraySchema.removeItem": "Supprimer",
+  "df.wise.ButtonLayout.buttonLoadingMessage": "This might take a few seconds",
   "df.wise.ControlFeedback.maxLength": "Veuillez saisir {maxLength} caract\xE8res ou moins.",
   "df.wise.ControlFeedback.maximum": "Veuillez saisir un nombre inf\xE9rieur ou \xE9gal \xE0 {maximum}.",
   "df.wise.ControlFeedback.maximumDate": "Veuillez saisir une date \xE9gale ou ant\xE9rieure au {maximum}.",
@@ -198,6 +208,8 @@ var fr_default = {
   "df.wise.ControlFeedback.patternDate": "Veuillez saisir une date au format correct.",
   "df.wise.ControlFeedback.required": "Champ obligatoire.",
   "df.wise.ControlFeedback.type": "Type incorrect",
+  "df.wise.CopyFeedback.copy": "Copi\xE9 dans le presse-papier",
+  "df.wise.CopyFeedback.copyFailed": "Impossible de copier dans le presse-papier",
   "df.wise.DynamicParagraph.copied": "Copi\xE9 dans le presse-papier",
   "df.wise.DynamicParagraph.copy": "Copier",
   "df.wise.ErrorBoundary.errorAlert": "Une erreur s'est produite.",
@@ -223,6 +235,7 @@ var hu_default = {
   "df.wise.ArraySchema.maxItemsError": "K\xE9r\xFCnk, {maxItems} vagy ann\xE1l kevesebb t\xE9telt adj meg.",
   "df.wise.ArraySchema.minItemsError": "K\xE9r\xFCnk, legal\xE1bb {minItems} t\xE9telt adj meg.",
   "df.wise.ArraySchema.removeItem": "Elt\xE1vol\xEDt\xE1s",
+  "df.wise.ButtonLayout.buttonLoadingMessage": "This might take a few seconds",
   "df.wise.ControlFeedback.maxLength": "K\xE9r\xFCnk, legfeljebb {maxLength} karaktert adj meg.",
   "df.wise.ControlFeedback.maximum": "K\xE9r\xFCnk, add meg ezt vagy egy enn\xE9l kisebb sz\xE1mot: {maximum}.",
   "df.wise.ControlFeedback.maximumDate": "K\xE9r\xFCnk, adj meg egy d\xE1tumot, ami megegyezik {maximum} napj\xE1val, vagy egy enn\xE9l kor\xE1bbit.",
@@ -233,6 +246,8 @@ var hu_default = {
   "df.wise.ControlFeedback.patternDate": "K\xE9r\xFCnk, hogy a d\xE1tumot helyes form\xE1tumban add meg.",
   "df.wise.ControlFeedback.required": "K\xE9r\xFCnk, t\xF6ltsd ki ezt a mez\u0151t.",
   "df.wise.ControlFeedback.type": "Helytelen t\xEDpus",
+  "df.wise.CopyFeedback.copy": "V\xE1g\xF3lapra m\xE1solva",
+  "df.wise.CopyFeedback.copyFailed": "Nem siker\xFClt a v\xE1g\xF3lapra m\xE1solni",
   "df.wise.DynamicParagraph.copied": "V\xE1g\xF3lapra m\xE1solva",
   "df.wise.DynamicParagraph.copy": "M\xE1sol\xE1s",
   "df.wise.ErrorBoundary.errorAlert": "Valami hiba t\xF6rt\xE9nt.",
@@ -258,6 +273,7 @@ var id_default = {
   "df.wise.ArraySchema.maxItemsError": "Harap tambahkan {maxItems} atau kurang.",
   "df.wise.ArraySchema.minItemsError": "Harap tambahkan setidaknya {minItems}.",
   "df.wise.ArraySchema.removeItem": "Hapus",
+  "df.wise.ButtonLayout.buttonLoadingMessage": "This might take a few seconds",
   "df.wise.ControlFeedback.maxLength": "Harap masukkan {maxLength} karakter atau kurang.",
   "df.wise.ControlFeedback.maximum": "Harap masukkan angka paling besar {maximum} atau kurang dari itu.",
   "df.wise.ControlFeedback.maximumDate": "Harap masukkan tanggal pada atau sebelum {maximum}.",
@@ -268,6 +284,8 @@ var id_default = {
   "df.wise.ControlFeedback.patternDate": "Harap masukkan tanggal dalam format yang benar.",
   "df.wise.ControlFeedback.required": "Harap isi kolom ini.",
   "df.wise.ControlFeedback.type": "Tipe salah",
+  "df.wise.CopyFeedback.copy": "Disalin ke clipboard",
+  "df.wise.CopyFeedback.copyFailed": "Gagal menyalin ke clipboard",
   "df.wise.DynamicParagraph.copied": "Disalin ke clipboard",
   "df.wise.DynamicParagraph.copy": "Salin",
   "df.wise.ErrorBoundary.errorAlert": "Terjadi kesalahan.",
@@ -293,6 +311,7 @@ var it_default = {
   "df.wise.ArraySchema.maxItemsError": "Aggiungi al massimo {maxItems}.",
   "df.wise.ArraySchema.minItemsError": "Aggiungi almeno {minItems}.",
   "df.wise.ArraySchema.removeItem": "Rimuovi",
+  "df.wise.ButtonLayout.buttonLoadingMessage": "Potrebbero volerci un paio di secondi",
   "df.wise.ControlFeedback.maxLength": "Inserisci un massimo di {maxLength} caratteri.",
   "df.wise.ControlFeedback.maximum": "Inserisci un numero uguale o inferiore a {maximum}.",
   "df.wise.ControlFeedback.maximumDate": "Inserisci una data corrispondente o precedente al {maximum}.",
@@ -303,6 +322,8 @@ var it_default = {
   "df.wise.ControlFeedback.patternDate": "Inserisci la data in un formato corretto.",
   "df.wise.ControlFeedback.required": "Compila questo campo.",
   "df.wise.ControlFeedback.type": "Tipo errato",
+  "df.wise.CopyFeedback.copy": "Copiato negli appunti",
+  "df.wise.CopyFeedback.copyFailed": "Impossibile copiare negli appunti",
   "df.wise.DynamicParagraph.copied": "Copiato negli appunti",
   "df.wise.DynamicParagraph.copy": "Copia",
   "df.wise.ErrorBoundary.errorAlert": "Qualcosa non ha funzionato.",
@@ -328,6 +349,7 @@ var ja_default = {
   "df.wise.ArraySchema.maxItemsError": "{maxItems}\u30A2\u30A4\u30C6\u30E0\u4EE5\u4E0B\u3092\u8FFD\u52A0\u3057\u3066\u304F\u3060\u3055\u3044\u3002",
   "df.wise.ArraySchema.minItemsError": "{minItems}\u30A2\u30A4\u30C6\u30E0\u4EE5\u4E0A\u3092\u8FFD\u52A0\u3057\u3066\u304F\u3060\u3055\u3044\u3002",
   "df.wise.ArraySchema.removeItem": "\u524A\u9664\u3059\u308B",
+  "df.wise.ButtonLayout.buttonLoadingMessage": "This might take a few seconds",
   "df.wise.ControlFeedback.maxLength": "{maxLength}\u6587\u5B57\u4EE5\u4E0B\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044\u3002",
   "df.wise.ControlFeedback.maximum": "{maximum}\u4EE5\u4E0B\u306E\u6570\u5B57\u3092\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044\u3002",
   "df.wise.ControlFeedback.maximumDate": "{maximum}\u307E\u305F\u306F\u305D\u308C\u4EE5\u524D\u306E\u65E5\u4ED8\u3092\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044\u3002",
@@ -338,6 +360,8 @@ var ja_default = {
   "df.wise.ControlFeedback.patternDate": "\u6B63\u3057\u3044\u5F62\u5F0F\u3067\u65E5\u4ED8\u3092\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044\u3002",
   "df.wise.ControlFeedback.required": "\u3053\u306E\u9805\u76EE\u306F\u5165\u529B\u5FC5\u9808\u3067\u3059\u3002",
   "df.wise.ControlFeedback.type": "\u4E0D\u6B63\u306A\u30BF\u30A4\u30D7",
+  "df.wise.CopyFeedback.copy": "\u30AF\u30EA\u30C3\u30D7\u30DC\u30FC\u30C9\u3078\u30B3\u30D4\u30FC\u3057\u307E\u3057\u305F",
+  "df.wise.CopyFeedback.copyFailed": "\u30AF\u30EA\u30C3\u30D7\u30DC\u30FC\u30C9\u306B\u30B3\u30D4\u30FC\u3067\u304D\u307E\u305B\u3093\u3067\u3057\u305F",
   "df.wise.DynamicParagraph.copied": "\u30AF\u30EA\u30C3\u30D7\u30DC\u30FC\u30C9\u3078\u30B3\u30D4\u30FC\u3057\u307E\u3057\u305F",
   "df.wise.DynamicParagraph.copy": "\u30B3\u30D4\u30FC\u3059\u308B",
   "df.wise.ErrorBoundary.errorAlert": "\u30A8\u30E9\u30FC\u304C\u767A\u751F\u3057\u307E\u3057\u305F\u3002",
@@ -363,6 +387,7 @@ var pl_default = {
   "df.wise.ArraySchema.maxItemsError": "Prosimy doda\u0107 maksymalnie {maxItems}.",
   "df.wise.ArraySchema.minItemsError": "Prosimy doda\u0107 co najmniej {minItems}.",
   "df.wise.ArraySchema.removeItem": "Usu\u0144",
+  "df.wise.ButtonLayout.buttonLoadingMessage": "This might take a few seconds",
   "df.wise.ControlFeedback.maxLength": "Prosimy wprowadzi\u0107 do {maxLength} znak\xF3w.",
   "df.wise.ControlFeedback.maximum": "Wprowad\u017A liczb\u0119 r\xF3wn\u0105 lub mniejsz\u0105 ni\u017C {maximum}.",
   "df.wise.ControlFeedback.maximumDate": "Wprowad\u017A dat\u0119 nie p\xF3\u017Aniejsz\u0105 ni\u017C {maximum}.",
@@ -373,6 +398,8 @@ var pl_default = {
   "df.wise.ControlFeedback.patternDate": "Wprowad\u017A dat\u0119 w prawid\u0142owym formacie.",
   "df.wise.ControlFeedback.required": "Prosz\u0119 wype\u0142ni\u0107 to pole.",
   "df.wise.ControlFeedback.type": "Nieprawid\u0142owy typ",
+  "df.wise.CopyFeedback.copy": "Skopiowano do schowka",
+  "df.wise.CopyFeedback.copyFailed": "Nie uda\u0142o si\u0119 skopiowa\u0107 do schowka",
   "df.wise.DynamicParagraph.copied": "Skopiowano do schowka",
   "df.wise.DynamicParagraph.copy": "Kopiuj",
   "df.wise.ErrorBoundary.errorAlert": "Co\u015B posz\u0142o nie tak.",
@@ -398,6 +425,7 @@ var pt_default = {
   "df.wise.ArraySchema.maxItemsError": "Adicione {maxItems} ou menos.",
   "df.wise.ArraySchema.minItemsError": "Adicione pelo menos {minItems}.",
   "df.wise.ArraySchema.removeItem": "Remover",
+  "df.wise.ButtonLayout.buttonLoadingMessage": "This might take a few seconds",
   "df.wise.ControlFeedback.maxLength": "Por favor, insira {maxLength} caracteres ou menos.",
   "df.wise.ControlFeedback.maximum": "Por favor, insira um n\xFAmero que seja {maximum} ou menos.",
   "df.wise.ControlFeedback.maximumDate": "Por favor, insira uma data que seja em ou antes de {maximum}.",
@@ -408,6 +436,8 @@ var pt_default = {
   "df.wise.ControlFeedback.patternDate": "Por favor, insira a data no formato correto.",
   "df.wise.ControlFeedback.required": "Por favor, preencha o campo.",
   "df.wise.ControlFeedback.type": "Tipo incorreto",
+  "df.wise.CopyFeedback.copy": "Copiado",
+  "df.wise.CopyFeedback.copyFailed": "Falha ao copiar para \xE1rea de transfer\xEAncia",
   "df.wise.DynamicParagraph.copied": "Copiado",
   "df.wise.DynamicParagraph.copy": "Copiar",
   "df.wise.ErrorBoundary.errorAlert": "Algo deu errado.",
@@ -433,6 +463,7 @@ var ro_default = {
   "df.wise.ArraySchema.maxItemsError": "Te rug\u0103m s\u0103 adaugi {maxItems} sau mai pu\u021Bine.",
   "df.wise.ArraySchema.minItemsError": "Te rug\u0103m s\u0103 adaugi cel pu\u021Bin {minItems}.",
   "df.wise.ArraySchema.removeItem": "Elimin\u0103",
+  "df.wise.ButtonLayout.buttonLoadingMessage": "This might take a few seconds",
   "df.wise.ControlFeedback.maxLength": "Te rug\u0103m s\u0103 introduci {maxLength} sau mai pu\u021Bine caractere.",
   "df.wise.ControlFeedback.maximum": "Te rug\u0103m s\u0103 introduci un num\u0103r egal cu {maximum} sau mai mic.",
   "df.wise.ControlFeedback.maximumDate": "Te rug\u0103m s\u0103 introduci o dat\u0103 de \xEEnainte de sau egal\u0103 cu {maximum}.",
@@ -443,6 +474,8 @@ var ro_default = {
   "df.wise.ControlFeedback.patternDate": "Te rug\u0103m s\u0103 introduci o dat\u0103 \xEEn formatul corect.",
   "df.wise.ControlFeedback.required": "Te rug\u0103m s\u0103 completezi acest spa\u021Biu.",
   "df.wise.ControlFeedback.type": "Tip incorect",
+  "df.wise.CopyFeedback.copy": "Copiat \xEEn clipboard",
+  "df.wise.CopyFeedback.copyFailed": "Copierea \xEEn clipboard a e\u0219uat",
   "df.wise.DynamicParagraph.copied": "Copiat \xEEn clipboard",
   "df.wise.DynamicParagraph.copy": "Copiaz\u0103",
   "df.wise.ErrorBoundary.errorAlert": "Ceva nu a mers bine.",
@@ -468,6 +501,7 @@ var ru_default = {
   "df.wise.ArraySchema.maxItemsError": "\u041F\u043E\u0436\u0430\u043B\u0443\u0439\u0441\u0442\u0430, \u0434\u043E\u0431\u0430\u0432\u044C\u0442\u0435 {maxItems} \u0438\u043B\u0438 \u043C\u0435\u043D\u044C\u0448\u0435.",
   "df.wise.ArraySchema.minItemsError": "\u041F\u043E\u0436\u0430\u043B\u0443\u0439\u0441\u0442\u0430, \u0434\u043E\u0431\u0430\u0432\u044C\u0442\u0435 \u043F\u043E \u043A\u0440\u0430\u0439\u043D\u0435\u0439 \u043C\u0435\u0440\u0435 {minItems}.",
   "df.wise.ArraySchema.removeItem": "\u0423\u0434\u0430\u043B\u0438\u0442\u044C",
+  "df.wise.ButtonLayout.buttonLoadingMessage": "This might take a few seconds",
   "df.wise.ControlFeedback.maxLength": "\u041F\u043E\u0436\u0430\u043B\u0443\u0439\u0441\u0442\u0430, \u0432\u0432\u0435\u0434\u0438\u0442\u0435 {maxLength} \u0441\u0438\u043C\u0432\u043E\u043B\u043E\u0432 \u0438\u043B\u0438 \u043C\u0435\u043D\u044C\u0448\u0435.",
   "df.wise.ControlFeedback.maximum": "\u041F\u043E\u0436\u0430\u043B\u0443\u0439\u0441\u0442\u0430, \u0432\u0432\u0435\u0434\u0438\u0442\u0435 \u0447\u0438\u0441\u043B\u043E, \u0440\u0430\u0432\u043D\u043E\u0435 {maximum} \u0438\u043B\u0438 \u043C\u0435\u043D\u044C\u0448\u0435.",
   "df.wise.ControlFeedback.maximumDate": "\u041F\u043E\u0436\u0430\u043B\u0443\u0439\u0441\u0442\u0430, \u0432\u0432\u0435\u0434\u0438\u0442\u0435 \u0434\u0430\u0442\u0443, \u0440\u0430\u0432\u043D\u0443\u044E {maximum} \u0438\u043B\u0438 \u0431\u043E\u043B\u0435\u0435 \u0440\u0430\u043D\u043D\u044E\u044E.",
@@ -478,6 +512,8 @@ var ru_default = {
   "df.wise.ControlFeedback.patternDate": "\u041F\u043E\u0436\u0430\u043B\u0443\u0439\u0441\u0442\u0430, \u0432\u0432\u0435\u0434\u0438\u0442\u0435 \u0434\u0430\u0442\u0443 \u0432 \u043F\u0440\u0430\u0432\u0438\u043B\u044C\u043D\u043E\u043C \u0444\u043E\u0440\u043C\u0430\u0442\u0435.",
   "df.wise.ControlFeedback.required": "\u041F\u043E\u0436\u0430\u043B\u0443\u0439\u0441\u0442\u0430, \u0437\u0430\u043F\u043E\u043B\u043D\u0438\u0442\u0435 \u0434\u0430\u043D\u043D\u043E\u0435 \u043F\u043E\u043B\u0435.",
   "df.wise.ControlFeedback.type": "\u041D\u0435\u0432\u0435\u0440\u043D\u044B\u0439 \u0442\u0438\u043F",
+  "df.wise.CopyFeedback.copy": "\u0421\u043A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u043D\u043E \u0432 \u0431\u0443\u0444\u0435\u0440 \u043E\u0431\u043C\u0435\u043D\u0430",
+  "df.wise.CopyFeedback.copyFailed": "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0441\u043A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u0432 \u0431\u0443\u0444\u0435\u0440 \u043E\u0431\u043C\u0435\u043D\u0430",
   "df.wise.DynamicParagraph.copied": "\u0421\u043A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u043D\u043E \u0432 \u0431\u0443\u0444\u0435\u0440 \u043E\u0431\u043C\u0435\u043D\u0430",
   "df.wise.DynamicParagraph.copy": "\u041A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u0442\u044C",
   "df.wise.ErrorBoundary.errorAlert": "\u0427\u0442\u043E-\u0442\u043E \u043F\u043E\u0448\u043B\u043E \u043D\u0435 \u0442\u0430\u043A.",
@@ -503,6 +539,7 @@ var th_default = {
   "df.wise.ArraySchema.maxItemsError": "\u0E42\u0E1B\u0E23\u0E14\u0E40\u0E1E\u0E34\u0E48\u0E21 {maxItems} \u0E2B\u0E23\u0E37\u0E2D\u0E19\u0E49\u0E2D\u0E22\u0E01\u0E27\u0E48\u0E32",
   "df.wise.ArraySchema.minItemsError": "\u0E42\u0E1B\u0E23\u0E14\u0E40\u0E1E\u0E34\u0E48\u0E21\u0E2D\u0E22\u0E48\u0E32\u0E07\u0E19\u0E49\u0E2D\u0E22 {minItems}",
   "df.wise.ArraySchema.removeItem": "\u0E25\u0E1A",
+  "df.wise.ButtonLayout.buttonLoadingMessage": "This might take a few seconds",
   "df.wise.ControlFeedback.maxLength": "\u0E42\u0E1B\u0E23\u0E14\u0E1B\u0E49\u0E2D\u0E19 {maxLength} \u0E15\u0E31\u0E27\u0E2D\u0E31\u0E01\u0E29\u0E23\u0E2B\u0E23\u0E37\u0E2D\u0E19\u0E49\u0E2D\u0E22\u0E01\u0E27\u0E48\u0E32\u0E19\u0E31\u0E49\u0E19",
   "df.wise.ControlFeedback.maximum": "\u0E42\u0E1B\u0E23\u0E14\u0E1B\u0E49\u0E2D\u0E19\u0E15\u0E31\u0E27\u0E40\u0E25\u0E02 {maximum} \u0E2B\u0E23\u0E37\u0E2D\u0E19\u0E49\u0E2D\u0E22\u0E01\u0E27\u0E48\u0E32",
   "df.wise.ControlFeedback.maximumDate": "\u0E42\u0E1B\u0E23\u0E14\u0E43\u0E2A\u0E48\u0E27\u0E31\u0E19\u0E17\u0E35\u0E48\u0E40\u0E1B\u0E47\u0E19 {maximum} \u0E2B\u0E23\u0E37\u0E2D\u0E01\u0E48\u0E2D\u0E19\u0E2B\u0E19\u0E49\u0E32\u0E19\u0E31\u0E49\u0E19",
@@ -513,6 +550,8 @@ var th_default = {
   "df.wise.ControlFeedback.patternDate": "\u0E42\u0E1B\u0E23\u0E14\u0E1B\u0E49\u0E2D\u0E19\u0E27\u0E31\u0E19\u0E17\u0E35\u0E48\u0E43\u0E19\u0E23\u0E39\u0E1B\u0E41\u0E1A\u0E1A\u0E17\u0E35\u0E48\u0E16\u0E39\u0E01\u0E15\u0E49\u0E2D\u0E07",
   "df.wise.ControlFeedback.required": "\u0E42\u0E1B\u0E23\u0E14\u0E43\u0E2A\u0E48\u0E02\u0E49\u0E2D\u0E21\u0E39\u0E25\u0E43\u0E19\u0E0A\u0E48\u0E2D\u0E07\u0E19\u0E35\u0E49",
   "df.wise.ControlFeedback.type": "\u0E1B\u0E23\u0E30\u0E40\u0E20\u0E17\u0E44\u0E21\u0E48\u0E16\u0E39\u0E01\u0E15\u0E49\u0E2D\u0E07",
+  "df.wise.CopyFeedback.copy": "\u0E04\u0E31\u0E14\u0E25\u0E2D\u0E01\u0E44\u0E1B\u0E22\u0E31\u0E07\u0E04\u0E25\u0E34\u0E1B\u0E1A\u0E2D\u0E23\u0E4C\u0E14",
+  "df.wise.CopyFeedback.copyFailed": "\u0E04\u0E31\u0E14\u0E25\u0E2D\u0E01\u0E44\u0E1B\u0E22\u0E31\u0E07\u0E04\u0E25\u0E34\u0E1B\u0E1A\u0E2D\u0E23\u0E4C\u0E14\u0E44\u0E21\u0E48\u0E2A\u0E33\u0E40\u0E23\u0E47\u0E08",
   "df.wise.DynamicParagraph.copied": "\u0E04\u0E31\u0E14\u0E25\u0E2D\u0E01\u0E44\u0E1B\u0E22\u0E31\u0E07\u0E04\u0E25\u0E34\u0E1B\u0E1A\u0E2D\u0E23\u0E4C\u0E14",
   "df.wise.DynamicParagraph.copy": "\u0E04\u0E31\u0E14\u0E25\u0E2D\u0E01",
   "df.wise.ErrorBoundary.errorAlert": "\u0E40\u0E01\u0E34\u0E14\u0E02\u0E49\u0E2D\u0E1C\u0E34\u0E14\u0E1E\u0E25\u0E32\u0E14\u0E1A\u0E32\u0E07\u0E2D\u0E22\u0E48\u0E32\u0E07\u0E02\u0E36\u0E49\u0E19",
@@ -538,6 +577,7 @@ var tr_default = {
   "df.wise.ArraySchema.maxItemsError": "L\xFCtfen {maxItems} veya daha az ekleme yap\u0131n",
   "df.wise.ArraySchema.minItemsError": "L\xFCtfen en az {minItems} ekleme yap\u0131n.",
   "df.wise.ArraySchema.removeItem": "Kald\u0131r",
+  "df.wise.ButtonLayout.buttonLoadingMessage": "This might take a few seconds",
   "df.wise.ControlFeedback.maxLength": "L\xFCtfen {maxLength} veya daha az karakter girin.",
   "df.wise.ControlFeedback.maximum": "L\xFCtfen {maximum} veya daha d\xFC\u015F\xFCk bir say\u0131 girin.",
   "df.wise.ControlFeedback.maximumDate": "L\xFCtfen {maximum} veya daha erken bir tarih girin.",
@@ -548,6 +588,8 @@ var tr_default = {
   "df.wise.ControlFeedback.patternDate": "L\xFCtfen tarihi do\u011Fru bi\xE7imde girin.",
   "df.wise.ControlFeedback.required": "L\xFCtfen bu alan\u0131 doldurun.",
   "df.wise.ControlFeedback.type": "Ge\xE7ersiz se\xE7im",
+  "df.wise.CopyFeedback.copy": "Panoya kopyaland\u0131",
+  "df.wise.CopyFeedback.copyFailed": "Panoya kopyalama ba\u015Far\u0131s\u0131z oldu",
   "df.wise.DynamicParagraph.copied": "Panoya kopyaland\u0131",
   "df.wise.DynamicParagraph.copy": "Kopyala",
   "df.wise.ErrorBoundary.errorAlert": "Bir sorun olu\u015Ftu.",
@@ -573,6 +615,7 @@ var zh_CN_default = {
   "df.wise.ArraySchema.maxItemsError": "\u8BF7\u6DFB\u52A0\u4E0D\u8D85\u8FC7 {maxItems} \u9879\u3002",
   "df.wise.ArraySchema.minItemsError": "\u8BF7\u81F3\u5C11\u6DFB\u52A0 {minItems} \u9879\u3002",
   "df.wise.ArraySchema.removeItem": "\u79FB\u9664",
+  "df.wise.ButtonLayout.buttonLoadingMessage": "This might take a few seconds",
   "df.wise.ControlFeedback.maxLength": "\u8BF7\u8F93\u5165\u4E0D\u8D85\u8FC7 {maxLength} \u4E2A\u5B57\u7B26\u3002",
   "df.wise.ControlFeedback.maximum": "\u8BF7\u8F93\u5165\u4E00\u4E2A\u5C0F\u4E8E\u6216\u7B49\u4E8E {maximum} \u7684\u6570\u5B57\u3002",
   "df.wise.ControlFeedback.maximumDate": "\u8BF7\u8F93\u5165 {maximum} \u6216\u4E4B\u524D\u7684\u65E5\u671F",
@@ -583,6 +626,8 @@ var zh_CN_default = {
   "df.wise.ControlFeedback.patternDate": "\u8BF7\u4EE5\u6B63\u786E\u7684\u683C\u5F0F\u8F93\u5165\u65E5\u671F",
   "df.wise.ControlFeedback.required": "\u8BF7\u586B\u5199\u6B64\u5B57\u6BB5\u3002",
   "df.wise.ControlFeedback.type": "\u7C7B\u578B\u9519\u8BEF",
+  "df.wise.CopyFeedback.copy": "\u5DF2\u590D\u5236\u5230\u526A\u8D34\u677F",
+  "df.wise.CopyFeedback.copyFailed": "\u590D\u5236\u5230\u526A\u8D34\u677F\u5931\u8D25",
   "df.wise.DynamicParagraph.copied": "\u5DF2\u590D\u5236\u5230\u526A\u8D34\u677F",
   "df.wise.DynamicParagraph.copy": "\u590D\u5236",
   "df.wise.ErrorBoundary.errorAlert": "\u51FA\u9519\u4E86\u3002",
@@ -608,6 +653,7 @@ var zh_HK_default = {
   "df.wise.ArraySchema.maxItemsError": "\u8ACB\u6DFB\u52A0\u4E0D\u8D85\u904E{maxItems}\u9805\u3002",
   "df.wise.ArraySchema.minItemsError": "\u8ACB\u81F3\u5C11\u6DFB\u52A0{minItems}\u9805\u3002",
   "df.wise.ArraySchema.removeItem": "\u79FB\u9664",
+  "df.wise.ButtonLayout.buttonLoadingMessage": "This might take a few seconds",
   "df.wise.ControlFeedback.maxLength": "\u8ACB\u8F38\u5165\u6700\u591A{maxLength}\u500B\u5B57\u5143\u3002",
   "df.wise.ControlFeedback.maximum": "\u8ACB\u8F38\u5165\u4E00\u500B\u5C0F\u65BC\u6216\u7B49\u65BC{maximum}\u7684\u6578\u5B57\u3002",
   "df.wise.ControlFeedback.maximumDate": "\u8ACB\u8F38\u5165{maximum}\u6216\u4E4B\u524D\u7684\u65E5\u671F\u3002",
@@ -618,6 +664,8 @@ var zh_HK_default = {
   "df.wise.ControlFeedback.patternDate": "\u8ACB\u4EE5\u6B63\u78BA\u683C\u5F0F\u8F38\u5165\u65E5\u671F\u3002",
   "df.wise.ControlFeedback.required": "\u8ACB\u586B\u5BEB\u6B64\u6B04\u4F4D\u3002",
   "df.wise.ControlFeedback.type": "\u932F\u8AA4\u7684\u985E\u578B",
+  "df.wise.CopyFeedback.copy": "\u8907\u88FD\u5230\u526A\u8CBC\u677F",
+  "df.wise.CopyFeedback.copyFailed": "\u7121\u6CD5\u8907\u88FD\u5230\u526A\u8CBC\u677F",
   "df.wise.DynamicParagraph.copied": "\u8907\u88FD\u5230\u526A\u8CBC\u677F",
   "df.wise.DynamicParagraph.copy": "\u8907\u88FD",
   "df.wise.ErrorBoundary.errorAlert": "\u51FA\u4E86\u4E9B\u554F\u984C\u3002",
@@ -665,12 +713,13 @@ var translations = languages.reduce(
 var i18n_default = translations;
 // src/dynamicFlow/DynamicFlow.tsx
-var import_react14 = require("react");
-var import_react_intl16 = require("react-intl");
+var import_react15 = require("react");
+var import_react_intl19 = require("react-intl");
 var import_dynamic_flow_client2 = require("@wise/dynamic-flow-client");
-// ../renderers/src/AlertRenderer.tsx
+// ../renderers/src/ButtonRenderer/AddressValidationButtonRenderer.tsx
 var import_components = require("@transferwise/components");
+var import_react_intl2 = require("react-intl");
 // ../renderers/src/utils/layout-utils.ts
 var getMargin = (size) => {
@@ -702,12 +751,59 @@ var getTextAlignment = (align) => {
 };
 var getTextAlignmentAndMargin = (component) => `${getTextAlignment(component.align)} ${getMargin(component.margin)}`;
-// ../renderers/src/AlertRenderer.tsx
+// ../renderers/src/messages/loading-button.messages.ts
+var import_react_intl = require("react-intl");
+var loading_button_messages_default = (0, import_react_intl.defineMessages)({
+  buttonLoadingMessage: {
+    id: "df.wise.ButtonLayout.buttonLoadingMessage",
+    defaultMessage: "This might take a few seconds",
+    description: "Message displayed below a button when it is in a loading state."
+  }
+});
+// ../renderers/src/ButtonRenderer/AddressValidationButtonRenderer.tsx
+var import_react = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
+var AddressValidationButtonRenderer = {
+  canRenderType: "button",
+  canRender: ({ control }) => control === "address-validation",
+  render: AddressValidationButtonComponent
+};
+function AddressValidationButtonComponent(props) {
+  const { disabled, margin, title, stepLoadingState, onClick } = props;
+  const { formatMessage } = (0, import_react_intl2.useIntl)();
+  const [spinny, setSpinny] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
+    if (stepLoadingState === "idle") {
+      setSpinny(false);
+    }
+  }, [stepLoadingState]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `d-flex flex-column ${getMargin(margin)}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components.Button,
+      {
+        v2: true,
+        block: true,
+        disabled: stepLoadingState !== "idle" || disabled,
+        priority: "primary",
+        size: "md",
+        loading: spinny,
+        onClick,
+        children: title
+      }
+    ),
+    spinny && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.InlineAlert, { type: "warning", className: "m-x-auto", children: formatMessage(loading_button_messages_default.buttonLoadingMessage) })
+  ] });
+}
+var AddressValidationButtonRenderer_default = AddressValidationButtonRenderer;
+// ../renderers/src/AlertRenderer.tsx
+var import_components2 = require("@transferwise/components");
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var AlertRenderer = {
   canRenderType: "alert",
-  render: ({ context, markdown, margin, callToAction }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_components.Alert,
+  render: ({ context, markdown, margin, callToAction }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_components2.Alert,
     {
       type: context,
       className: getMargin(margin),
@@ -729,13 +825,13 @@ var AlertRenderer_default = AlertRenderer;
 // ../renderers/src/BoxRenderer.tsx
 var import_classnames = __toESM(require("classnames"));
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 var BoxRenderer = {
   canRenderType: "box",
   render: ({ children, control, margin, width }) => {
     const hasFixedWidth = width !== "xl";
     const hasBorder = control === "bordered" || control === "bordered-web";
-    const contents = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    const contents = /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       "div",
       {
         className: (0, import_classnames.default)({
@@ -746,42 +842,43 @@ var BoxRenderer = {
         children
       }
     );
-    return hasFixedWidth ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: (0, import_classnames.default)("df-box-renderer-fixed-width", getMargin(margin)), children: contents }) : contents;
+    return hasFixedWidth ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: (0, import_classnames.default)("df-box-renderer-fixed-width", getMargin(margin)), children: contents }) : contents;
   }
 };
 var BoxRenderer_default = BoxRenderer;
-// ../renderers/src/ButtonRenderer.tsx
-var import_components2 = require("@transferwise/components");
-var import_react = require("react");
-var import_jsx_runtime3 = require("react/jsx-runtime");
+// ../renderers/src/ButtonRenderer/ButtonRenderer.tsx
+var import_components3 = require("@transferwise/components");
+var import_react2 = require("react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var ButtonRenderer = {
   canRenderType: "button",
   render: ButtonComponent
 };
 function ButtonComponent(props) {
   const { control, context, disabled, margin, title, size, stepLoadingState, onClick } = props;
-  const [isActive, setActive] = (0, import_react.useState)(false);
-  const isLoading = isActive && stepLoadingState !== "idle";
+  const [spinny, setSpinny] = (0, import_react2.useState)(false);
+  (0, import_react2.useEffect)(() => {
+    if (stepLoadingState === "idle") {
+      setSpinny(false);
+    }
+  }, [stepLoadingState]);
   const priority = mapControl(control);
   const type = priority === "tertiary" ? void 0 : mapContext(context);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    import_components2.Button,
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_components3.Button,
     {
       block: true,
       className: getMargin(margin),
-      disabled: isLoading ? false : disabled,
+      disabled: stepLoadingState !== "idle" || disabled,
       priority,
       size: mapSize(size),
-      loading: isLoading,
+      loading: spinny,
       type,
       onClick: () => {
-        setActive(true);
+        setSpinny(true);
         onClick();
       },
-      onBlur: () => {
-        setActive(false);
-      },
       children: title
     }
   );
@@ -823,15 +920,15 @@ var mapSize = (size) => {
 var ButtonRenderer_default = ButtonRenderer;
 // ../renderers/src/components/FieldInput.tsx
-var import_components4 = require("@transferwise/components");
+var import_components5 = require("@transferwise/components");
 // ../renderers/src/components/Help.tsx
-var import_components3 = require("@transferwise/components");
-var import_react_intl2 = require("react-intl");
+var import_components4 = require("@transferwise/components");
+var import_react_intl4 = require("react-intl");
 // ../renderers/src/messages/help.messages.ts
-var import_react_intl = require("react-intl");
-var help_messages_default = (0, import_react_intl.defineMessages)({
+var import_react_intl3 = require("react-intl");
+var help_messages_default = (0, import_react_intl3.defineMessages)({
   helpAria: {
     id: "df.wise.Help.ariaLabel",
     defaultMessage: "Click here for more info.",
@@ -840,14 +937,14 @@ var help_messages_default = (0, import_react_intl.defineMessages)({
 });
 // ../renderers/src/components/Help.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 function Help({ help, onClick }) {
-  const intl = (0, import_react_intl2.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    import_components3.Info,
+  const intl = (0, import_react_intl4.useIntl)();
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    import_components4.Info,
     {
       className: "m-l-1",
-      content: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_components3.Markdown, { config: { link: { target: "_blank" } }, children: help }),
+      content: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_components4.Markdown, { config: { link: { target: "_blank" } }, children: help }),
       presentation: "POPOVER",
       size: "sm",
       "aria-label": intl.formatMessage(help_messages_default.helpAria),
@@ -858,20 +955,20 @@ function Help({ help, onClick }) {
 var Help_default = Help;
 // ../renderers/src/components/LabelContentWithHelp.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 function LabelContentWithHelp({ text, help }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
     text,
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Help_default, { help })
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Help_default, { help })
   ] });
 }
 // ../renderers/src/components/FieldInput.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 function FieldInput({ id, children, label, validation, description, help }) {
-  const labelContent = label && help ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(LabelContentWithHelp, { text: label, help }) : label;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-    import_components4.Field,
+  const labelContent = label && help ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(LabelContentWithHelp, { text: label, help }) : label;
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    import_components5.Field,
     {
       id,
       label: labelContent,
@@ -894,8 +991,8 @@ var mapStatusToSentiment = (validation) => {
 var FieldInput_default = FieldInput;
 // ../renderers/src/CheckboxInputRenderer.tsx
-var import_components5 = require("@transferwise/components");
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_components6 = require("@transferwise/components");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var CheckboxInputRenderer = {
   canRenderType: "input-checkbox",
   render: (props) => {
@@ -919,17 +1016,17 @@ var CheckboxInputRenderer = {
       "value"
     ]);
     const checkboxProps = __spreadProps(__spreadValues({}, rest), { label: title, secondary: description, checked: value });
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(FieldInput_default, { id, label: "", description: "", validation: validationState, help, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_components5.Checkbox, __spreadValues({ id }, checkboxProps)) });
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(FieldInput_default, { id, label: "", description: "", validation: validationState, help, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_components6.Checkbox, __spreadValues({ id }, checkboxProps)) });
   }
 };
 var CheckboxInputRenderer_default = CheckboxInputRenderer;
 // ../renderers/src/ColumnsRenderer.tsx
 var import_classnames2 = __toESM(require("classnames"));
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var ColumnsRenderer = {
   canRenderType: "columns",
-  render: ({ bias, margin, startChildren, endChildren }) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+  render: ({ bias, margin, startChildren, endChildren }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
     "div",
     {
       className: (0, import_classnames2.default)("df-columns-renderer-container", getMargin(margin), {
@@ -937,8 +1034,8 @@ var ColumnsRenderer = {
         "df-columns-renderer-bias-end": bias === "end"
       }),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "df-columns-renderer-column", children: startChildren }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "df-columns-renderer-column", children: endChildren })
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "df-columns-renderer-column", children: startChildren }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "df-columns-renderer-column", children: endChildren })
       ]
     }
   )
@@ -946,7 +1043,7 @@ var ColumnsRenderer = {
 var ColumnsRenderer_default = ColumnsRenderer;
 // ../renderers/src/components/VariableDateInput.tsx
-var import_components6 = require("@transferwise/components");
+var import_components7 = require("@transferwise/components");
 // ../renderers/src/validators/type-validators.ts
 var isNumber = (value) => typeof value === "number" && !Number.isNaN(value);
@@ -973,7 +1070,7 @@ var dateToDateString = (date) => {
 };
 // ../renderers/src/components/VariableDateInput.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function VariableDateInput({
   control,
   inputProps
@@ -989,8 +1086,8 @@ function VariableDateInput({
     onFocus
   } = inputProps;
   if (control === "date-lookup") {
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-      import_components6.DateLookup,
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      import_components7.DateLookup,
       {
         value: dateStringToDateOrNull(inputProps.value),
         min: dateStringToDateOrNull(minimumDate),
@@ -1005,8 +1102,8 @@ function VariableDateInput({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-    import_components6.DateInput,
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    import_components7.DateInput,
     __spreadProps(__spreadValues({}, inputProps), {
       dayAutoComplete: getAutocompleteString(autoComplete, "day"),
       yearAutoComplete: getAutocompleteString(autoComplete, "year")
@@ -1022,7 +1119,7 @@ var getAutocompleteString = (value, suffix) => {
 var VariableDateInput_default = VariableDateInput;
 // ../renderers/src/DateInputRenderer.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var DateInputRenderer = {
   canRenderType: "input-date",
   render: (props) => {
@@ -1047,7 +1144,7 @@ var DateInputRenderer = {
     ]);
     const value = initialValue != null ? initialValue : "";
     const inputProps = __spreadProps(__spreadValues({}, rest), { value, id });
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       FieldInput_default,
       {
         id,
@@ -1055,7 +1152,7 @@ var DateInputRenderer = {
         description,
         validation: validationState,
         help,
-        children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(VariableDateInput_default, { control, inputProps })
+        children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(VariableDateInput_default, { control, inputProps })
       }
     );
   }
@@ -1063,29 +1160,29 @@ var DateInputRenderer = {
 var DateInputRenderer_default = DateInputRenderer;
 // ../renderers/src/DecisionRenderer.tsx
-var import_components9 = require("@transferwise/components");
+var import_components10 = require("@transferwise/components");
 // ../renderers/src/components/OptionMedia.tsx
-var import_components8 = require("@transferwise/components");
+var import_components9 = require("@transferwise/components");
 // ../renderers/src/utils/image-utils.tsx
-var import_components7 = require("@transferwise/components");
+var import_components8 = require("@transferwise/components");
 // ../renderers/src/components/icon/FlagIcon.tsx
 var import_art = require("@wise/art");
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var isFlagIcon = (name) => name.startsWith("flag-");
 function FlagIcon({ name }) {
   if (!isFlagIcon(name)) {
     return null;
   }
   const code = name.substring(5);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_art.Flag, { code, intrinsicSize: 24 });
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_art.Flag, { code, intrinsicSize: 24 });
 }
 // ../renderers/src/components/icon/NamedIcon.tsx
 var icons = __toESM(require("@transferwise/icons"));
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var isNamedIcon = (name) => {
   const iconName = toCapitalisedCamelCase(name);
   return Object.keys(icons).includes(iconName);
@@ -1096,19 +1193,19 @@ function NamedIcon({ name }) {
   }
   const iconName = toCapitalisedCamelCase(name);
   const Icon = icons[iconName];
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Icon, { size: 24 });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { size: 24 });
 }
 var toCapitalisedCamelCase = (value) => value.split("-").map(capitaliseFirstChar).join("");
 var capitaliseFirstChar = (value) => `${value[0].toUpperCase()}${value.slice(1)}`;
 // ../renderers/src/components/icon/DynamicIcon.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function DynamicIcon({ name }) {
   if (isFlagIcon(name)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(FlagIcon, { name });
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(FlagIcon, { name });
   }
   if (isNamedIcon(name)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(NamedIcon, { name });
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(NamedIcon, { name });
   }
   return null;
 }
@@ -1116,23 +1213,23 @@ var DynamicIcon_default = DynamicIcon;
 // ../renderers/src/utils/UrnFlag.tsx
 var import_art2 = require("@wise/art");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var countryUrnPrefix = "urn:wise:countries:";
 var currencyUrnPrefix = "urn:wise:currencies:";
 var isUrnFlag = (uri) => uri.startsWith(countryUrnPrefix) || uri.startsWith(currencyUrnPrefix);
 function UrnFlag({ size, urn }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_art2.Flag, { code: getCode(urn), intrinsicSize: size });
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_art2.Flag, { code: getCode(urn), intrinsicSize: size });
 }
 var getCode = (urn) => {
   return urn.replace(countryUrnPrefix, "").replace(currencyUrnPrefix, "").replace(":image", "").split("?")[0];
 };
 // ../renderers/src/utils/image-utils.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var getBadgedMedia = (iconNode, imageNode, size) => {
   if (iconNode && imageNode) {
     if (imageNode && iconNode) {
-      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_components7.AvatarView, { size, badge: { asset: iconNode }, children: imageNode });
+      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_components8.AvatarView, { size, badge: { asset: iconNode }, children: imageNode });
     }
   }
   return null;
@@ -1140,7 +1237,7 @@ var getBadgedMedia = (iconNode, imageNode, size) => {
 var getIconNode = (icon) => {
   if (icon) {
     if ("name" in icon) {
-      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DynamicIcon_default, { name: icon.name });
+      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DynamicIcon_default, { name: icon.name });
     }
     if (icon.text) {
       return icon.text;
@@ -1152,17 +1249,17 @@ var getImageNode = (image, size) => {
   if (image) {
     const { accessibilityDescription, uri } = image;
     if (!uri.startsWith("urn:")) {
-      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("img", { src: uri, alt: accessibilityDescription, width: `${size}px` });
+      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("img", { src: uri, alt: accessibilityDescription, width: `${size}px` });
     }
     if (isUrnFlag(uri)) {
-      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(UrnFlag, { urn: uri, accessibilityDescription, size });
+      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(UrnFlag, { urn: uri, accessibilityDescription, size });
     }
   }
   return null;
 };
 // ../renderers/src/components/OptionMedia.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var mediaSize = 48;
 function OptionMedia({
   icon,
@@ -1176,28 +1273,28 @@ function OptionMedia({
     return badge;
   }
   if (imageNode) {
-    return preferAvatar ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_components8.AvatarView, { children: imageNode }) : imageNode;
+    return preferAvatar ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_components9.AvatarView, { children: imageNode }) : imageNode;
   }
   if (iconNode) {
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_components8.AvatarView, { children: iconNode });
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_components9.AvatarView, { children: iconNode });
   }
 }
 // ../renderers/src/DecisionRenderer.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var DecisionRenderer = {
   canRenderType: "decision",
-  render: ({ control, margin, options, title }) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: getMargin(margin), children: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_components9.Header, { as: "h2", title }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_components9.NavigationOptionsList, { children: options.map((option) => {
+  render: ({ control, margin, options, title }) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: getMargin(margin), children: [
+    title && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_components10.Header, { as: "h2", title }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_components10.NavigationOptionsList, { children: options.map((option) => {
       const { description, disabled, icon, image, title: itemTitle, tag, onClick } = option;
-      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-        import_components9.NavigationOption,
+      return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        import_components10.NavigationOption,
         {
           title: itemTitle,
           content: description,
           disabled,
-          media: icon || image ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          media: icon || image ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
             OptionMedia,
             {
               icon,
@@ -1217,19 +1314,19 @@ var DecisionRenderer = {
 var DecisionRenderer_default = DecisionRenderer;
 // ../renderers/src/DividerRenderer.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var DividerRenderer = {
   canRenderType: "divider",
-  render: ({ margin }) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("hr", { className: `m-t-0 ${getMargin(margin)}` })
+  render: ({ margin }) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("hr", { className: `m-t-0 ${getMargin(margin)}` })
 };
 var DividerRenderer_default = DividerRenderer;
 // ../renderers/src/ExternalConfirmationRenderer.tsx
-var import_components10 = require("@transferwise/components");
+var import_components11 = require("@transferwise/components");
 // ../renderers/src/messages/external-confirmation.messages.ts
-var import_react_intl3 = require("react-intl");
-var external_confirmation_messages_default = (0, import_react_intl3.defineMessages)({
+var import_react_intl5 = require("react-intl");
+var external_confirmation_messages_default = (0, import_react_intl5.defineMessages)({
   title: {
     id: "df.wise.ExternalConfirmation.title",
     defaultMessage: "Please confirm",
@@ -1253,9 +1350,9 @@ var external_confirmation_messages_default = (0, import_react_intl3.defineMessag
 });
 // ../renderers/src/ExternalConfirmationRenderer.tsx
-var import_react_intl4 = require("react-intl");
-var import_react2 = require("react");
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_react_intl6 = require("react-intl");
+var import_react3 = require("react");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var ExternalConfirmationRenderer = {
   canRenderType: "external-confirmation",
   render: ExternalConfirmationRendererComponent
@@ -1267,8 +1364,8 @@ function ExternalConfirmationRendererComponent({
   onFailure,
   onCancel
 }) {
-  const { formatMessage } = (0, import_react_intl4.useIntl)();
-  (0, import_react2.useEffect)(() => {
+  const { formatMessage } = (0, import_react_intl6.useIntl)();
+  (0, import_react3.useEffect)(() => {
     if (url) {
       const w = window.open(url, "_blank");
       if (w) {
@@ -1278,16 +1375,16 @@ function ExternalConfirmationRendererComponent({
       }
     }
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-    import_components10.Modal,
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    import_components11.Modal,
     {
       open: status === "failure",
       title: formatMessage(external_confirmation_messages_default.title),
-      body: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_components10.Markdown, { config: { link: { target: "_blank" } }, className: "text-xs-center m-b-5", children: formatMessage(external_confirmation_messages_default.description, { origin: getOrigin(url) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "df-box-renderer-fixed-width", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "df-box-renderer-width-lg", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-            import_components10.Button,
+      body: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_components11.Markdown, { config: { link: { target: "_blank" } }, className: "text-xs-center m-b-5", children: formatMessage(external_confirmation_messages_default.description, { origin: getOrigin(url) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "df-box-renderer-fixed-width", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "df-box-renderer-width-lg", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            import_components11.Button,
             {
               block: true,
               className: "m-b-2",
@@ -1300,7 +1397,7 @@ function ExternalConfirmationRendererComponent({
               children: formatMessage(external_confirmation_messages_default.open)
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_components10.Button, { block: true, className: "m-b-2", priority: "tertiary", size: "md", onClick: onCancel, children: formatMessage(external_confirmation_messages_default.cancel) })
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_components11.Button, { block: true, className: "m-b-2", priority: "tertiary", size: "md", onClick: onCancel, children: formatMessage(external_confirmation_messages_default.cancel) })
         ] }) })
       ] }),
       onClose: onCancel
@@ -1317,46 +1414,46 @@ function getOrigin(url) {
 var ExternalConfirmationRenderer_default = ExternalConfirmationRenderer;
 // ../renderers/src/FormRenderer.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var FormRenderer = {
   canRenderType: "form",
-  render: ({ children, margin }) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: getMargin(margin), children })
+  render: ({ children, margin }) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: getMargin(margin), children })
 };
 var FormRenderer_default = FormRenderer;
 // ../renderers/src/FormSectionRenderer.tsx
-var import_components11 = require("@transferwise/components");
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_components12 = require("@transferwise/components");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 var FormSectionRenderer = {
   canRenderType: "form-section",
-  render: ({ title, description, children }) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("fieldset", { children: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-      import_components11.Header,
+  render: ({ title, description, children }) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("fieldset", { children: [
+    title && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      import_components12.Header,
       {
         as: "h2",
         title
       }
     ),
-    description && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { children: description }),
+    description && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { children: description }),
     children
   ] })
 };
 var FormSectionRenderer_default = FormSectionRenderer;
 // ../renderers/src/HeadingRenderer.tsx
-var import_components12 = require("@transferwise/components");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_components13 = require("@transferwise/components");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var HeadingRenderer = {
   canRenderType: "heading",
-  render: (props) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Heading, __spreadValues({}, props))
+  render: (props) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Heading, __spreadValues({}, props))
 };
 function Heading(props) {
   const { text, size, align, margin, control } = props;
   const className = getTextAlignmentAndMargin({ align, margin });
-  return control === "display" ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(DisplayHeading, { size, text, className }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(StandardHeading, { size, text, className });
+  return control === "display" ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(DisplayHeading, { size, text, className }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(StandardHeading, { size, text, className });
 }
 function DisplayHeading({ size, text, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_components12.Display, { type: getDisplayType(size), className, children: text });
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_components13.Display, { type: getDisplayType(size), className, children: text });
 }
 var getDisplayType = (size) => {
   switch (size) {
@@ -1372,7 +1469,7 @@ var getDisplayType = (size) => {
   }
 };
 function StandardHeading({ size, text, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_components12.Title, { type: getTitleTypeBySize(size), className, children: text });
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_components13.Title, { type: getTitleTypeBySize(size), className, children: text });
 }
 var getTitleTypeBySize = (size) => {
   var _a;
@@ -1388,8 +1485,8 @@ var getTitleTypeBySize = (size) => {
 var HeadingRenderer_default = HeadingRenderer;
 // ../renderers/src/ImageRenderer/UrlImage.tsx
-var import_components13 = require("@transferwise/components");
-var import_react3 = require("react");
+var import_components14 = require("@transferwise/components");
+var import_react4 = require("react");
 // ../renderers/src/utils/api-utils.ts
 function isRelativePath(url = "") {
@@ -1399,7 +1496,7 @@ function isRelativePath(url = "") {
 }
 // ../renderers/src/ImageRenderer/UrlImage.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function UrlImage({
   accessibilityDescription,
   align,
@@ -1408,14 +1505,14 @@ function UrlImage({
   uri,
   httpClient
 }) {
-  const [imageSource, setImageSource] = (0, import_react3.useState)("");
-  (0, import_react3.useEffect)(() => {
+  const [imageSource, setImageSource] = (0, import_react4.useState)("");
+  (0, import_react4.useEffect)(() => {
     if (!uri.startsWith("urn:")) {
       void getImageSource(httpClient, uri).then(setImageSource);
     }
   }, [uri, httpClient]);
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: `df-image ${align} ${size || "md"}`, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-    import_components13.Image,
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: `df-image ${align} ${size || "md"}`, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    import_components14.Image,
     {
       className: `img-responsive ${getMargin(margin)}`,
       alt: accessibilityDescription != null ? accessibilityDescription : "",
@@ -1458,7 +1555,7 @@ var getImageSource = async (httpClient, imageUrl) => {
 };
 // ../renderers/src/ImageRenderer/UrnFlagImage.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var maxFlagSize = 600;
 function UrnFlagImage({
   accessibilityDescription,
@@ -1467,7 +1564,7 @@ function UrnFlagImage({
   size,
   uri
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: `df-image ${align} ${size || "md"} ${getMargin(margin)}`, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(UrnFlag, { size: maxFlagSize, urn: uri, accessibilityDescription }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: `df-image ${align} ${size || "md"} ${getMargin(margin)}`, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(UrnFlag, { size: maxFlagSize, urn: uri, accessibilityDescription }) });
 }
 // ../renderers/src/ImageRenderer/UrnIllustration.tsx
@@ -1487,7 +1584,7 @@ var isAnimated = (uri) => {
 };
 // ../renderers/src/ImageRenderer/UrnIllustration.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var urnPrefix = "urn:wise:illustrations:";
 var isUrnIllustration = (uri) => uri.startsWith(urnPrefix);
 function UrnIllustration({
@@ -1501,9 +1598,9 @@ function UrnIllustration({
   const illustrationName = getIllustrationName(uri);
   const illustration3DName = getIllustration3DName(uri);
   if (illustration3DName && isAnimated(uri)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: `df-image ${align} ${getMargin(margin)}`, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_art3.Illustration3D, { name: illustration3DName, size: illustrationSize }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: `df-image ${align} ${getMargin(margin)}`, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_art3.Illustration3D, { name: illustration3DName, size: illustrationSize }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: `df-image ${align} ${getMargin(margin)}`, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: `df-image ${align} ${getMargin(margin)}`, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     import_art3.Illustration,
     {
       className: "df-illustration",
@@ -1523,32 +1620,32 @@ var getIllustration3DName = (uri) => {
 };
 // ../renderers/src/ImageRenderer/UrnImage.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 var isUrnImage = (uri) => uri.startsWith("urn:");
 function UrnImage(props) {
   const { uri } = props;
   if (isUrnIllustration(uri)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(UrnIllustration, __spreadValues({}, props));
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(UrnIllustration, __spreadValues({}, props));
   }
   if (isUrnFlag(uri)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(UrnFlagImage, __spreadValues({}, props));
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(UrnFlagImage, __spreadValues({}, props));
   }
   return null;
 }
 // ../renderers/src/ImageRenderer/ImageRenderer.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 var ImageRenderer = {
   canRenderType: "image",
-  render: (props) => isUrnImage(props.uri) ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(UrnImage, __spreadValues({}, props)) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(UrlImage, __spreadValues({}, props))
+  render: (props) => isUrnImage(props.uri) ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(UrnImage, __spreadValues({}, props)) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(UrlImage, __spreadValues({}, props))
 };
 // ../renderers/src/ImageRenderer/index.tsx
 var ImageRenderer_default = ImageRenderer;
 // ../renderers/src/InstructionsRenderer.tsx
-var import_components14 = require("@transferwise/components");
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_components15 = require("@transferwise/components");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 var doContext = ["positive", "neutral"];
 var dontContext = ["warning", "negative"];
 var InstructionsRenderer = {
@@ -1556,16 +1653,16 @@ var InstructionsRenderer = {
   render: ({ items, margin, title }) => {
     const dos = items.filter((item) => doContext.includes(item.context)).map(({ text }) => text);
     const donts = items.filter((item) => dontContext.includes(item.context)).map(({ text }) => text);
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: getMargin(margin), children: [
-      title ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_components14.Header, { title }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_components14.InstructionsList, { dos, donts })
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: getMargin(margin), children: [
+      title ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_components15.Header, { title }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_components15.InstructionsList, { dos, donts })
     ] });
   }
 };
 var InstructionsRenderer_default = InstructionsRenderer;
 // ../renderers/src/IntegerInputRenderer.tsx
-var import_components16 = require("@transferwise/components");
+var import_components17 = require("@transferwise/components");
 // ../renderers/src/utils/input-utils.ts
 var onWheel = (event) => {
@@ -1575,8 +1672,8 @@ var onWheel = (event) => {
 };
 // ../renderers/src/utils/getInlineAvatar.tsx
-var import_components15 = require("@transferwise/components");
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_components16 = require("@transferwise/components");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 var mediaSize2 = 24;
 function getInlineAvatar({ icon, image }) {
   const imageNode = getImageNode(image, mediaSize2);
@@ -1592,7 +1689,7 @@ function getInlineAvatar({ icon, image }) {
     return iconNode;
   }
   if (iconNode) {
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_components15.AvatarView, { size: mediaSize2, children: iconNode });
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_components16.AvatarView, { size: mediaSize2, children: iconNode });
   }
   return null;
 }
@@ -1615,7 +1712,7 @@ function pick(obj, ...keys) {
 }
 // ../renderers/src/IntegerInputRenderer.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 var IntegerInputRenderer = {
   canRenderType: "input-integer",
   render: (props) => {
@@ -1630,7 +1727,7 @@ var IntegerInputRenderer = {
       "maximum",
       "minimum"
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
       FieldInput_default,
       {
         id,
@@ -1638,8 +1735,8 @@ var IntegerInputRenderer = {
         description,
         validation: validationState,
         help,
-        children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_components16.InputGroup, { addonStart: getInputGroupAddonStart({ icon, image }), children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-          import_components16.Input,
+        children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_components17.InputGroup, { addonStart: getInputGroupAddonStart({ icon, image }), children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+          import_components17.Input,
           __spreadValues({
             id,
             name: id,
@@ -1661,14 +1758,14 @@ var IntegerInputRenderer = {
 var IntegerInputRenderer_default = IntegerInputRenderer;
 // ../renderers/src/ListRenderer.tsx
-var import_components17 = require("@transferwise/components");
+var import_components18 = require("@transferwise/components");
 var import_classnames3 = __toESM(require("classnames"));
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 var ListRenderer = {
   canRenderType: "list",
-  render: ({ callToAction, control, margin, items, title }) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: getMargin(margin), children: [
-    (title || callToAction) && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_components17.Header, { as: "h2", title: title != null ? title : "", action: getListAction(callToAction) }),
-    items.map((props) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(DesignSystemListItem, __spreadProps(__spreadValues({}, props), { control }), props.title))
+  render: ({ callToAction, control, margin, items, title }) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: getMargin(margin), children: [
+    (title || callToAction) && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_components18.Header, { as: "h2", title: title != null ? title : "", action: getListAction(callToAction) }),
+    items.map((props) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DesignSystemListItem, __spreadProps(__spreadValues({}, props), { control }), props.title))
   ] })
 };
 var DesignSystemListItem = ({
@@ -1679,15 +1776,15 @@ var DesignSystemListItem = ({
   image,
   control,
   tag
-}) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
   "label",
   {
     className: (0, import_classnames3.default)("np-option p-a-2", {
       "np-option__sm-media": true,
       "np-option__container-aligned": true
     }),
-    children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "media", children: [
-      icon || image ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "media-left", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "media", children: [
+      icon || image ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "media-left", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
         ListItemMedia,
         {
           image,
@@ -1695,14 +1792,14 @@ var DesignSystemListItem = ({
           preferAvatar: control === "with-avatar" || tag === "with-avatar"
         }
       ) }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "media-body", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "d-flex justify-content-between", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("h4", { className: "np-text-body-large-bold text-primary np-option__title", children: title }),
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("h4", { className: "np-text-body-large-bold text-primary np-option__title", children: supportingValues == null ? void 0 : supportingValues.value })
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "media-body", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "d-flex justify-content-between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("h4", { className: "np-text-body-large-bold text-primary np-option__title", children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("h4", { className: "np-text-body-large-bold text-primary np-option__title", children: supportingValues == null ? void 0 : supportingValues.value })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "d-flex justify-content-between", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_components17.Body, { className: "d-block np-option__body", children: description }),
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_components17.Body, { className: "d-block np-option__body", children: supportingValues == null ? void 0 : supportingValues.subvalue })
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "d-flex justify-content-between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_components18.Body, { className: "d-block np-option__body", children: description }),
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_components18.Body, { className: "d-block np-option__body", children: supportingValues == null ? void 0 : supportingValues.subvalue })
         ] })
       ] })
     ] })
@@ -1715,10 +1812,10 @@ var ListItemMedia = ({
   preferAvatar
 }) => {
   if (icon) {
-    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "circle circle-sm text-primary circle-inverse", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(OptionMedia, { icon, image, preferAvatar }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "circle circle-sm text-primary circle-inverse", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(OptionMedia, { icon, image, preferAvatar }) });
   }
   if (image) {
-    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "np-option__no-media-circle", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(OptionMedia, { icon, image, preferAvatar }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "np-option__no-media-circle", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(OptionMedia, { icon, image, preferAvatar }) });
   }
 };
 var getListAction = (callToAction) => {
@@ -1734,12 +1831,12 @@ var getListAction = (callToAction) => {
 var ListRenderer_default = ListRenderer;
 // ../renderers/src/LoadingIndicatorRenderer.tsx
-var import_components18 = require("@transferwise/components");
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_components19 = require("@transferwise/components");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 var LoadingIndicatorRenderer = {
   canRenderType: "loading-indicator",
-  render: ({ margin, size }) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-    import_components18.Loader,
+  render: ({ margin, size }) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    import_components19.Loader,
     {
       size,
       classNames: { "tw-loader": `tw-loader m-x-auto ${getMargin(margin)}` },
@@ -1750,30 +1847,30 @@ var LoadingIndicatorRenderer = {
 var LoadingIndicatorRenderer_default = LoadingIndicatorRenderer;
 // ../renderers/src/MarkdownRenderer.tsx
-var import_components19 = require("@transferwise/components");
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_components20 = require("@transferwise/components");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 var MarkdownRenderer = {
   canRenderType: "markdown",
-  render: ({ content, align, margin }) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: getTextAlignmentAndMargin({ align, margin }), children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_components19.Markdown, { className: "np-text-body-large", config: { link: { target: "_blank" } }, children: content }) })
+  render: ({ content, align, margin }) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: getTextAlignmentAndMargin({ align, margin }), children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_components20.Markdown, { className: "np-text-body-large", config: { link: { target: "_blank" } }, children: content }) })
 };
 var MarkdownRenderer_default = MarkdownRenderer;
 // ../renderers/src/ModalLayoutRenderer.tsx
-var import_components20 = require("@transferwise/components");
-var import_react4 = require("react");
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_components21 = require("@transferwise/components");
+var import_react5 = require("react");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var ModalLayoutRenderer = {
   canRenderType: "modal-layout",
-  render: (props) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(DFModal, __spreadValues({}, props))
+  render: (props) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(DFModal, __spreadValues({}, props))
 };
 var ModalLayoutRenderer_default = ModalLayoutRenderer;
 function DFModal({ content, margin, trigger }) {
-  const [visible, setVisible] = (0, import_react4.useState)(false);
+  const [visible, setVisible] = (0, import_react5.useState)(false);
   const { children, title } = content;
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: getMargin(margin), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_components20.Button, { priority: "tertiary", block: true, onClick: () => setVisible(true), children: trigger.title }),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-      import_components20.Modal,
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: getMargin(margin), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_components21.Button, { priority: "tertiary", block: true, onClick: () => setVisible(true), children: trigger.title }),
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+      import_components21.Modal,
       {
         scroll: "content",
         open: visible,
@@ -1787,23 +1884,23 @@ function DFModal({ content, margin, trigger }) {
 }
 // ../renderers/src/ModalRenderer.tsx
-var import_components21 = require("@transferwise/components");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_components22 = require("@transferwise/components");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 var ModalRenderer = {
   canRenderType: "modal",
   render: ({ title, children, open, onClose }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_components21.Modal, { open, title, body: children, onClose });
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_components22.Modal, { open, title, body: children, onClose });
   }
 };
 // ../renderers/src/MultiSelectInputRenderer.tsx
-var import_components22 = require("@transferwise/components");
-var import_react5 = require("react");
-var import_react_intl6 = require("react-intl");
+var import_components23 = require("@transferwise/components");
+var import_react6 = require("react");
+var import_react_intl8 = require("react-intl");
 // ../renderers/src/messages/multi-select.messages.ts
-var import_react_intl5 = require("react-intl");
-var multi_select_messages_default = (0, import_react_intl5.defineMessages)({
+var import_react_intl7 = require("react-intl");
+var multi_select_messages_default = (0, import_react_intl7.defineMessages)({
   summary: {
     id: "df.wise.MultiSelect.summary",
     defaultMessage: "{first} and {count} more",
@@ -1812,14 +1909,14 @@ var multi_select_messages_default = (0, import_react_intl5.defineMessages)({
 });
 // ../renderers/src/MultiSelectInputRenderer.tsx
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 var MultiSelectInputRenderer = {
   canRenderType: "input-multi-select",
-  render: (props) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(MultiSelectInputRendererComponent, __spreadValues({}, props))
+  render: (props) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(MultiSelectInputRendererComponent, __spreadValues({}, props))
 };
 function MultiSelectInputRendererComponent(props) {
-  const { formatMessage } = (0, import_react_intl6.useIntl)();
-  const [stagedIndices, setStagedIndices] = (0, import_react5.useState)();
+  const { formatMessage } = (0, import_react_intl8.useIntl)();
+  const [stagedIndices, setStagedIndices] = (0, import_react6.useState)();
   const {
     id,
     autoComplete,
@@ -1857,12 +1954,12 @@ function MultiSelectInputRendererComponent(props) {
     const contentProps = {
       title: option.title,
       description: option.description,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(OptionMedia, { icon: option.icon, image: option.image, preferAvatar: false })
+      icon: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(OptionMedia, { icon: option.icon, image: option.image, preferAvatar: false })
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_components22.SelectInputOptionContent, __spreadValues({}, contentProps));
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_components23.SelectInputOptionContent, __spreadValues({}, contentProps));
   };
   const extraProps = { autoComplete };
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     FieldInput_default,
     {
       id,
@@ -1870,8 +1967,8 @@ function MultiSelectInputRendererComponent(props) {
       help,
       description,
       validation: validationState,
-      children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-        import_components22.SelectInput,
+      children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+        import_components23.SelectInput,
         __spreadValues({
           id,
           items: options.map((option, index) => {
@@ -1910,12 +2007,12 @@ function MultiSelectInputRendererComponent(props) {
 var MultiSelectInputRenderer_default = MultiSelectInputRenderer;
 // ../renderers/src/MultiUploadInputRenderer.tsx
-var import_components24 = require("@transferwise/components");
+var import_components25 = require("@transferwise/components");
 // ../renderers/src/components/UploadFieldInput.tsx
-var import_components23 = require("@transferwise/components");
+var import_components24 = require("@transferwise/components");
 var import_classnames4 = __toESM(require("classnames"));
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 function UploadFieldInput({
   id,
   children,
@@ -1924,18 +2021,18 @@ function UploadFieldInput({
   help,
   validation
 }) {
-  const labelContent = label && help ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(LabelContentWithHelp, { text: label, help }) : label;
+  const labelContent = label && help ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(LabelContentWithHelp, { text: label, help }) : label;
   const descriptionId = description ? `${id}-description` : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
     "div",
     {
       className: (0, import_classnames4.default)("form-group d-block", {
         "has-error": (validation == null ? void 0 : validation.status) === "invalid"
       }),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("label", { htmlFor: id, className: "control-label", children: labelContent }),
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("label", { htmlFor: id, className: "control-label", children: labelContent }),
         children,
-        (validation == null ? void 0 : validation.status) === "invalid" && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_components23.InlineAlert, { type: "negative", id: descriptionId, children: validation.message })
+        (validation == null ? void 0 : validation.status) === "invalid" && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_components24.InlineAlert, { type: "negative", id: descriptionId, children: validation.message })
       ]
     }
   );
@@ -1964,7 +2061,7 @@ var getFileType = (base64Url) => {
 };
 // ../renderers/src/MultiUploadInputRenderer.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 var MultiUploadInputRenderer = {
   canRenderType: "input-upload-multi",
   render: (props) => {
@@ -1989,7 +2086,7 @@ var MultiUploadInputRenderer = {
     };
     const onDeleteFile = async (fileId) => onRemoveFile(value.findIndex((file) => file.id === fileId));
     const descriptionId = description ? `${id}-description` : void 0;
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
       UploadFieldInput_default,
       {
         id,
@@ -1997,8 +2094,8 @@ var MultiUploadInputRenderer = {
         description,
         validation: validationState,
         help,
-        children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-          import_components24.UploadInput,
+        children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+          import_components25.UploadInput,
           {
             id,
             "aria-describedby": descriptionId,
@@ -2020,8 +2117,8 @@ var MultiUploadInputRenderer = {
 var MultiUploadInputRenderer_default = MultiUploadInputRenderer;
 // ../renderers/src/NumberInputRenderer.tsx
-var import_components25 = require("@transferwise/components");
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_components26 = require("@transferwise/components");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 var NumberInputRenderer = {
   canRenderType: "input-number",
   render: (props) => {
@@ -2035,7 +2132,7 @@ var NumberInputRenderer = {
       "maximum",
       "minimum"
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
       FieldInput_default,
       {
         id,
@@ -2043,8 +2140,8 @@ var NumberInputRenderer = {
         description,
         validation: validationState,
         help,
-        children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_components25.InputGroup, { addonStart: getInputGroupAddonStart({ icon, image }), children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-          import_components25.Input,
+        children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_components26.InputGroup, { addonStart: getInputGroupAddonStart({ icon, image }), children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+          import_components26.Input,
           __spreadValues({
             id,
             name: id,
@@ -2064,24 +2161,24 @@ var NumberInputRenderer = {
 var NumberInputRenderer_default = NumberInputRenderer;
 // ../renderers/src/ParagraphRenderer.tsx
-var import_react_intl8 = require("react-intl");
+var import_react_intl10 = require("react-intl");
 // ../renderers/src/hooks/useSnackBarIfAvailable.ts
-var import_components26 = require("@transferwise/components");
-var import_react6 = require("react");
+var import_components27 = require("@transferwise/components");
+var import_react7 = require("react");
 function useSnackBarIfAvailable() {
-  const context = (0, import_react6.useContext)(import_components26.SnackbarContext);
+  const context = (0, import_react7.useContext)(import_components27.SnackbarContext);
   return context ? context.createSnackbar : () => {
   };
 }
 // ../renderers/src/ParagraphRenderer.tsx
-var import_components27 = require("@transferwise/components");
+var import_components28 = require("@transferwise/components");
 var import_classnames5 = __toESM(require("classnames"));
 // ../renderers/src/messages/paragraph.messages.ts
-var import_react_intl7 = require("react-intl");
-var paragraph_messages_default = (0, import_react_intl7.defineMessages)({
+var import_react_intl9 = require("react-intl");
+var paragraph_messages_default = (0, import_react_intl9.defineMessages)({
   copy: {
     id: "df.wise.DynamicParagraph.copy",
     defaultMessage: "Copy",
@@ -2095,33 +2192,33 @@ var paragraph_messages_default = (0, import_react_intl7.defineMessages)({
 });
 // ../renderers/src/ParagraphRenderer.tsx
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 var ParagraphRenderer = {
   canRenderType: "paragraph",
-  render: (props) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Paragraph, __spreadValues({}, props))
+  render: (props) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Paragraph, __spreadValues({}, props))
 };
 function Paragraph({ align, control, margin, text }) {
   const className = getTextAlignmentAndMargin({ align, margin });
-  return control === "copyable" ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(CopyableParagraph, { className, align, text }) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(StandardParagraph, { className, text });
+  return control === "copyable" ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(CopyableParagraph, { className, align, text }) : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(StandardParagraph, { className, text });
 }
 function StandardParagraph({ text, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: `np-text-body-large ${className}`, children: text });
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: `np-text-body-large ${className}`, children: text });
 }
 function CopyableParagraph({
   text,
   align,
   className
 }) {
-  const { formatMessage } = (0, import_react_intl8.useIntl)();
+  const { formatMessage } = (0, import_react_intl10.useIntl)();
   const createSnackbar = useSnackBarIfAvailable();
   const copy = () => {
     navigator.clipboard.writeText(text).then(() => createSnackbar({ text: formatMessage(paragraph_messages_default.copied) })).catch(() => {
     });
   };
   const inputAlignmentClasses = getTextAlignmentAndMargin({ align, margin: "sm" });
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-      import_components27.Input,
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+      import_components28.Input,
       {
         type: "text",
         value: text,
@@ -2129,21 +2226,21 @@ function CopyableParagraph({
         className: (0, import_classnames5.default)("text-ellipsis", inputAlignmentClasses)
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_components27.Button, { block: true, onClick: copy, children: formatMessage(paragraph_messages_default.copy) })
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_components28.Button, { block: true, onClick: copy, children: formatMessage(paragraph_messages_default.copy) })
   ] });
 }
 var ParagraphRenderer_default = ParagraphRenderer;
 // ../renderers/src/RepeatableRenderer.tsx
-var import_components28 = require("@transferwise/components");
+var import_components29 = require("@transferwise/components");
 var import_icons = require("@transferwise/icons");
 var import_classnames6 = __toESM(require("classnames"));
-var import_react7 = require("react");
-var import_react_intl10 = require("react-intl");
+var import_react8 = require("react");
+var import_react_intl12 = require("react-intl");
 // ../renderers/src/messages/repeatable.messages.ts
-var import_react_intl9 = require("react-intl");
-var repeatable_messages_default = (0, import_react_intl9.defineMessages)({
+var import_react_intl11 = require("react-intl");
+var repeatable_messages_default = (0, import_react_intl11.defineMessages)({
   addItemTitle: {
     id: "df.wise.ArraySchema.addItemTitle",
     defaultMessage: "Add Item",
@@ -2167,10 +2264,10 @@ var repeatable_messages_default = (0, import_react_intl9.defineMessages)({
 });
 // ../renderers/src/RepeatableRenderer.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var RepeatableRenderer = {
   canRenderType: "repeatable",
-  render: (props) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Repeatable, __spreadValues({}, props))
+  render: (props) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Repeatable, __spreadValues({}, props))
 };
 function Repeatable(props) {
   const {
@@ -2186,8 +2283,8 @@ function Repeatable(props) {
     onSave,
     onRemove
   } = props;
-  const { formatMessage } = (0, import_react_intl10.useIntl)();
-  const [openModalType, setOpenModalType] = (0, import_react7.useState)(null);
+  const { formatMessage } = (0, import_react_intl12.useIntl)();
+  const [openModalType, setOpenModalType] = (0, import_react8.useState)(null);
   const onAddItem = () => {
     onAdd();
     setOpenModalType("add");
@@ -2209,40 +2306,40 @@ function Repeatable(props) {
   const onCancelEdit = () => {
     setOpenModalType(null);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_components28.Header, { title }),
-    description && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { children: description }),
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
+    title && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_components29.Header, { title }),
+    description && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { children: description }),
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
       "div",
       {
         className: (0, import_classnames6.default)("form-group", {
           "has-error": (validationState == null ? void 0 : validationState.status) === "invalid"
         }),
         children: [
-          items == null ? void 0 : items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(ItemSummaryOption, { item, onClick: () => onEditItem(index) }, item.id)),
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-            import_components28.NavigationOption,
+          items == null ? void 0 : items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ItemSummaryOption, { item, onClick: () => onEditItem(index) }, item.id)),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+            import_components29.NavigationOption,
             {
-              media: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_icons.Plus, {}),
+              media: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_icons.Plus, {}),
               title: addItemTitle || formatMessage(repeatable_messages_default.addItemTitle),
               showMediaAtAllSizes: true,
               onClick: () => onAddItem()
             }
           ),
-          (validationState == null ? void 0 : validationState.status) === "invalid" && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_components28.InlineAlert, { type: "negative", children: validationState.message })
+          (validationState == null ? void 0 : validationState.status) === "invalid" && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_components29.InlineAlert, { type: "negative", children: validationState.message })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-      import_components28.Modal,
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+      import_components29.Modal,
       {
         open: openModalType !== null,
         title: (openModalType === "add" ? addItemTitle : editItemTitle) || formatMessage(repeatable_messages_default.addItemTitle),
-        body: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "m-b-2", children: editableItem }),
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_components28.Button, { priority: "primary", block: true, className: "m-b-2", onClick: () => onSaveItem(), children: formatMessage(repeatable_messages_default.addItem) }),
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_components28.Button, { priority: "secondary", type: "negative", block: true, onClick: () => onRemoveItem(), children: formatMessage(repeatable_messages_default.removeItem) })
+        body: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "m-b-2", children: editableItem }),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_components29.Button, { priority: "primary", block: true, className: "m-b-2", onClick: () => onSaveItem(), children: formatMessage(repeatable_messages_default.addItem) }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_components29.Button, { priority: "secondary", type: "negative", block: true, onClick: () => onRemoveItem(), children: formatMessage(repeatable_messages_default.removeItem) })
           ] })
         ] }),
         onClose: () => onCancelEdit()
@@ -2254,10 +2351,10 @@ function ItemSummaryOption({
   item,
   onClick
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-    import_components28.NavigationOption,
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    import_components29.NavigationOption,
     {
-      media: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(OptionMedia, __spreadProps(__spreadValues({}, item), { preferAvatar: false })),
+      media: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(OptionMedia, __spreadProps(__spreadValues({}, item), { preferAvatar: false })),
       title: item.title,
       content: item.description,
       showMediaAtAllSizes: true,
@@ -2268,7 +2365,7 @@ function ItemSummaryOption({
 var RepeatableRenderer_default = RepeatableRenderer;
 // ../renderers/src/ReviewRenderer.tsx
-var import_components29 = require("@transferwise/components");
+var import_components30 = require("@transferwise/components");
 // ../renderers/src/utils/getHeaderAction.tsx
 var getHeaderAction = (callToAction) => {
@@ -2292,15 +2389,15 @@ var getHeaderAction = (callToAction) => {
 };
 // ../renderers/src/ReviewRenderer.tsx
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 var ReviewRenderer = {
   canRenderType: "review",
   render: ({ callToAction, control, fields, margin, title, trackEvent }) => {
     const orientation = mapControlToDefinitionListLayout(control);
-    return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: getMargin(margin), children: [
-      (title || callToAction) && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_components29.Header, { title: title != null ? title : "", action: getHeaderAction(callToAction) }),
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: margin, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-        import_components29.DefinitionList,
+    return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: getMargin(margin), children: [
+      (title || callToAction) && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_components30.Header, { title: title != null ? title : "", action: getHeaderAction(callToAction) }),
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: margin, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+        import_components30.DefinitionList,
         {
           layout: orientation,
           definitions: fields.map(
@@ -2338,27 +2435,27 @@ var mapControlToDefinitionListLayout = (control) => {
 };
 var getFieldValue = (value, help, orientation, onClick) => {
   if (help) {
-    return orientation === "HORIZONTAL_RIGHT_ALIGNED" ? /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Help_default, { help, onClick }),
+    return orientation === "HORIZONTAL_RIGHT_ALIGNED" ? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Help_default, { help, onClick }),
       " ",
       value
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
       value,
       " ",
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Help_default, { help, onClick })
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Help_default, { help, onClick })
     ] });
   }
   return value;
 };
 // ../renderers/src/SearchRenderer/BlockSearchRendererComponent.tsx
-var import_components31 = require("@transferwise/components");
-var import_react8 = require("react");
-var import_react_intl14 = require("react-intl");
+var import_components32 = require("@transferwise/components");
+var import_react9 = require("react");
+var import_react_intl16 = require("react-intl");
 // ../renderers/src/messages/search.messages.ts
-var import_react_intl11 = require("react-intl");
-var search_messages_default = (0, import_react_intl11.defineMessages)({
+var import_react_intl13 = require("react-intl");
+var search_messages_default = (0, import_react_intl13.defineMessages)({
   loading: {
     id: "df.wise.SearchLayout.loading",
     defaultMessage: "Loading...",
@@ -2367,11 +2464,11 @@ var search_messages_default = (0, import_react_intl11.defineMessages)({
 });
 // ../renderers/src/SearchRenderer/ErrorResult.tsx
-var import_react_intl13 = require("react-intl");
+var import_react_intl15 = require("react-intl");
 // ../renderers/src/messages/generic-error.messages.ts
-var import_react_intl12 = require("react-intl");
-var generic_error_messages_default = (0, import_react_intl12.defineMessages)({
+var import_react_intl14 = require("react-intl");
+var generic_error_messages_default = (0, import_react_intl14.defineMessages)({
   genericErrorRetryHint: {
     id: "df.wise.PersistAsyncSchema.genericError",
     defaultMessage: "Something went wrong, please try again.",
@@ -2390,20 +2487,20 @@ var generic_error_messages_default = (0, import_react_intl12.defineMessages)({
 });
 // ../renderers/src/SearchRenderer/ErrorResult.tsx
-var import_components30 = require("@transferwise/components");
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_components31 = require("@transferwise/components");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 function ErrorResult({ state }) {
-  const intl = (0, import_react_intl13.useIntl)();
+  const intl = (0, import_react_intl15.useIntl)();
   const buttonVisualProps = {
     priority: "tertiary",
     size: "sm",
     style: { marginTop: "-2px", padding: "0", width: "auto", display: "inline" }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("p", { className: "m-t-2", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("p", { className: "m-t-2", children: [
     intl.formatMessage(generic_error_messages_default.genericError),
     "\xA0",
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-      import_components30.Button,
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+      import_components31.Button,
       __spreadProps(__spreadValues({}, buttonVisualProps), {
         onClick: () => {
           state.onRetry();
@@ -2415,7 +2512,7 @@ function ErrorResult({ state }) {
 }
 // ../renderers/src/SearchRenderer/BlockSearchRendererComponent.tsx
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 function BlockSearchRendererComponent({
   id,
   isLoading,
@@ -2426,11 +2523,11 @@ function BlockSearchRendererComponent({
   trackEvent,
   onChange
 }) {
-  const [hasSearched, setHasSearched] = (0, import_react8.useState)(false);
-  const { formatMessage } = (0, import_react_intl14.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: getMargin(margin), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(FieldInput_default, { id, description: "", validation: void 0, help: "", label: title, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-      import_components31.Input,
+  const [hasSearched, setHasSearched] = (0, import_react9.useState)(false);
+  const { formatMessage } = (0, import_react_intl16.useIntl)();
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: getMargin(margin), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(FieldInput_default, { id, description: "", validation: void 0, help: "", label: title, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+      import_components32.Input,
       {
         id,
         name: id,
@@ -2446,7 +2543,7 @@ function BlockSearchRendererComponent({
         }
       }
     ) }),
-    isLoading ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_jsx_runtime44.Fragment, { children: formatMessage(search_messages_default.loading) }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(SearchResultContent, { state, trackEvent })
+    isLoading ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_jsx_runtime45.Fragment, { children: formatMessage(search_messages_default.loading) }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SearchResultContent, { state, trackEvent })
   ] });
 }
 function SearchResultContent({
@@ -2455,27 +2552,27 @@ function SearchResultContent({
 }) {
   switch (state.type) {
     case "error":
-      return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(ErrorResult, { state });
+      return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(ErrorResult, { state });
     case "results":
-      return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(SearchResults, { state, trackEvent });
+      return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SearchResults, { state, trackEvent });
     case "noResults":
-      return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(EmptySearchResult, { state });
+      return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(EmptySearchResult, { state });
     case "pending":
     default:
       return null;
   }
 }
 function EmptySearchResult({ state }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_components31.Markdown, { className: "m-t-2", config: { link: { target: "_blank" } }, children: state.message });
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_components32.Markdown, { className: "m-t-2", config: { link: { target: "_blank" } }, children: state.message });
 }
 function SearchResults({
   state,
   trackEvent
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_components31.NavigationOptionsList, { children: state.results.map((result) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_components32.NavigationOptionsList, { children: state.results.map((result) => {
     const { icon, image } = result;
-    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-      import_components31.NavigationOption,
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+      import_components32.NavigationOption,
       {
         title: result.title,
         content: result.description,
@@ -2496,11 +2593,11 @@ function SearchResults({
 var BlockSearchRendererComponent_default = BlockSearchRendererComponent;
 // ../renderers/src/SearchRenderer/InlineSearchRendererComponent.tsx
-var import_components32 = require("@transferwise/components");
+var import_components33 = require("@transferwise/components");
 var import_icons2 = require("@transferwise/icons");
-var import_react9 = require("react");
-var import_react_intl15 = require("react-intl");
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_react10 = require("react");
+var import_react_intl17 = require("react-intl");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 function InlineSearchRenderer({
   id,
   isLoading,
@@ -2510,20 +2607,20 @@ function InlineSearchRenderer({
   title,
   trackEvent
 }) {
-  const [hasSearched, setHasSearched] = (0, import_react9.useState)(false);
-  const intl = (0, import_react_intl15.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: getMargin(margin), children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(FieldInput_default, { id, description: "", validation: void 0, help: "", label: title, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-    import_components32.Typeahead,
+  const [hasSearched, setHasSearched] = (0, import_react10.useState)(false);
+  const intl = (0, import_react_intl17.useIntl)();
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: getMargin(margin), children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(FieldInput_default, { id, description: "", validation: void 0, help: "", label: title, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+    import_components33.Typeahead,
     {
       id: "typeahead-input-id",
       intl,
       name: "typeahead-input-name",
       size: "md",
       maxHeight: 100,
-      footer: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(TypeaheadFooter, { state, isLoading }),
+      footer: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(TypeaheadFooter, { state, isLoading }),
       multiple: false,
       clearable: false,
-      addon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_icons2.Search, { size: 24 }),
+      addon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_icons2.Search, { size: 24 }),
       options: state.type === "results" ? state.results.map(mapResultToTypeaheadOption) : [],
       minQueryLength: 1,
       onChange: (values) => {
@@ -2558,36 +2655,36 @@ function mapResultToTypeaheadOption(result) {
   };
 }
 function TypeaheadFooter({ state, isLoading }) {
-  const { formatMessage } = (0, import_react_intl15.useIntl)();
+  const { formatMessage } = (0, import_react_intl17.useIntl)();
   if (state.type === "noResults") {
-    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_components32.Markdown, { className: "m-t-2 m-x-2", config: { link: { target: "_blank" } }, children: state.message });
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_components33.Markdown, { className: "m-t-2 m-x-2", config: { link: { target: "_blank" } }, children: state.message });
   }
   if (state.type === "error") {
-    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "m-t-2 m-x-2", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(ErrorResult, { state }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "m-t-2 m-x-2", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(ErrorResult, { state }) });
   }
   if (state.type === "pending" || isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "m-t-2 m-x-2", children: formatMessage(search_messages_default.loading) });
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "m-t-2 m-x-2", children: formatMessage(search_messages_default.loading) });
   }
   return null;
 }
 var InlineSearchRendererComponent_default = InlineSearchRenderer;
 // ../renderers/src/SearchRenderer/SearchRenderer.tsx
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 var SearchRenderer = {
   canRenderType: "search",
-  render: (props) => props.control === "inline" ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(InlineSearchRendererComponent_default, __spreadValues({}, props)) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(BlockSearchRendererComponent_default, __spreadValues({}, props))
+  render: (props) => props.control === "inline" ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(InlineSearchRendererComponent_default, __spreadValues({}, props)) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(BlockSearchRendererComponent_default, __spreadValues({}, props))
 };
 var SearchRenderer_default = SearchRenderer;
 // ../renderers/src/SectionRenderer.tsx
-var import_components33 = require("@transferwise/components");
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_components34 = require("@transferwise/components");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 var SectionRenderer = {
   canRenderType: "section",
   render: ({ children, callToAction, margin, title }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("section", { className: getMargin(margin), children: [
-      (title || callToAction) && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_components33.Header, { title: title != null ? title : "", action: getHeaderAction(callToAction) }),
+    return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("section", { className: getMargin(margin), children: [
+      (title || callToAction) && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_components34.Header, { title: title != null ? title : "", action: getHeaderAction(callToAction) }),
       children
     ] });
   }
@@ -2595,8 +2692,8 @@ var SectionRenderer = {
 var SectionRenderer_default = SectionRenderer;
 // ../renderers/src/SelectInputRenderer/RadioInputRendererComponent.tsx
-var import_components34 = require("@transferwise/components");
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_components35 = require("@transferwise/components");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 function RadioInputRendererComponent(props) {
   const {
     id,
@@ -2610,8 +2707,8 @@ function RadioInputRendererComponent(props) {
     validationState,
     onSelect
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_jsx_runtime48.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
       FieldInput_default,
       {
         id,
@@ -2619,8 +2716,8 @@ function RadioInputRendererComponent(props) {
         help,
         description,
         validation: validationState,
-        children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
-          import_components34.RadioGroup,
+        children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+          import_components35.RadioGroup,
           {
             name: id,
             radios: options.map((option, index) => ({
@@ -2628,7 +2725,7 @@ function RadioInputRendererComponent(props) {
               value: index,
               secondary: option.description,
               disabled: option.disabled || disabled,
-              avatar: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(OptionMedia, { icon: option.icon, image: option.image, preferAvatar: false })
+              avatar: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(OptionMedia, { icon: option.icon, image: option.image, preferAvatar: false })
             })),
             selectedValue: selectedIndex != null ? selectedIndex : void 0,
             onChange: onSelect
@@ -2642,9 +2739,9 @@ function RadioInputRendererComponent(props) {
 }
 // ../renderers/src/SelectInputRenderer/TabInputRendererComponent.tsx
-var import_components35 = require("@transferwise/components");
-var import_react10 = require("react");
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_components36 = require("@transferwise/components");
+var import_react11 = require("react");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 function TabInputRendererComponent(props) {
   const {
     id,
@@ -2658,13 +2755,13 @@ function TabInputRendererComponent(props) {
     validationState,
     onSelect
   } = props;
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (!isValidIndex(selectedIndex, options.length)) {
       onSelect(0);
     }
   }, [selectedIndex, onSelect, options.length]);
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
       FieldInput_default,
       {
         id,
@@ -2672,8 +2769,8 @@ function TabInputRendererComponent(props) {
         help,
         description,
         validation: validationState,
-        children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-          import_components35.Tabs,
+        children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          import_components36.Tabs,
           {
             name: id,
             selected: selectedIndex != null ? selectedIndex : 0,
@@ -2681,7 +2778,7 @@ function TabInputRendererComponent(props) {
               title: option.title,
               // if we pass null, we get some props-types console errors
               // eslint-disable-next-line react/jsx-no-useless-fragment
-              content: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_jsx_runtime49.Fragment, {}),
+              content: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_jsx_runtime50.Fragment, {}),
               disabled: option.disabled || disabled
             })),
             onTabSelect: onSelect
@@ -2695,8 +2792,8 @@ function TabInputRendererComponent(props) {
 var isValidIndex = (index, options) => index !== null && index >= 0 && index < options;
 // ../renderers/src/SelectInputRenderer/SelectInputRendererComponent.tsx
-var import_components36 = require("@transferwise/components");
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_components37 = require("@transferwise/components");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 function SelectInputRendererComponent(props) {
   const {
     id,
@@ -2736,13 +2833,13 @@ function SelectInputRendererComponent(props) {
     } : {
       title: option.title,
       description: option.description,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(OptionMedia, { icon: option.icon, image: option.image, preferAvatar: false })
+      icon: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(OptionMedia, { icon: option.icon, image: option.image, preferAvatar: false })
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_components36.SelectInputOptionContent, __spreadValues({}, contentProps));
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_components37.SelectInputOptionContent, __spreadValues({}, contentProps));
   };
   const extraProps = { autoComplete };
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
       FieldInput_default,
       {
         id,
@@ -2750,8 +2847,8 @@ function SelectInputRendererComponent(props) {
         help,
         description,
         validation: validationState,
-        children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-          import_components36.SelectInput,
+        children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+          import_components37.SelectInput,
           __spreadValues({
             name: id,
             placeholder,
@@ -2771,9 +2868,9 @@ function SelectInputRendererComponent(props) {
 }
 // ../renderers/src/SelectInputRenderer/SegmentedInputRendererComponent.tsx
-var import_react11 = require("react");
-var import_components37 = require("@transferwise/components");
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_react12 = require("react");
+var import_components38 = require("@transferwise/components");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 function SegmentedInputRendererComponent(props) {
   const {
     id,
@@ -2786,13 +2883,13 @@ function SegmentedInputRendererComponent(props) {
     validationState,
     onSelect
   } = props;
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (!isValidIndex2(selectedIndex, options.length)) {
       onSelect(0);
     }
   }, [selectedIndex, onSelect, options.length]);
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
       FieldInput_default,
       {
         id,
@@ -2800,8 +2897,8 @@ function SegmentedInputRendererComponent(props) {
         help,
         description,
         validation: validationState,
-        children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-          import_components37.SegmentedControl,
+        children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+          import_components38.SegmentedControl,
           {
             name: `${id}-segmented-control`,
             value: String(selectedIndex),
@@ -2817,44 +2914,44 @@ function SegmentedInputRendererComponent(props) {
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { id: `${id}-children`, children })
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { id: `${id}-children`, children })
   ] });
 }
 var isValidIndex2 = (index, options) => index !== null && index >= 0 && index < options;
 // ../renderers/src/SelectInputRenderer/SelectInputRenderer.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 var SelectInputRenderer = {
   canRenderType: "input-select",
   render: (props) => {
     switch (props.control) {
       case "radio":
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(RadioInputRendererComponent, __spreadValues({}, props));
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(RadioInputRendererComponent, __spreadValues({}, props));
       case "tab":
-        return props.options.length > 3 ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(SelectInputRendererComponent, __spreadValues({}, props)) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(TabInputRendererComponent, __spreadValues({}, props));
+        return props.options.length > 3 ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SelectInputRendererComponent, __spreadValues({}, props)) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(TabInputRendererComponent, __spreadValues({}, props));
       case "segmented":
-        return props.options.length > 3 ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(SelectInputRendererComponent, __spreadValues({}, props)) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(SegmentedInputRendererComponent, __spreadValues({}, props));
+        return props.options.length > 3 ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SelectInputRendererComponent, __spreadValues({}, props)) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SegmentedInputRendererComponent, __spreadValues({}, props));
       case "select":
       default:
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(SelectInputRendererComponent, __spreadValues({}, props));
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SelectInputRendererComponent, __spreadValues({}, props));
     }
   }
 };
 var SelectInputRenderer_default = SelectInputRenderer;
 // ../renderers/src/StatusListRenderer.tsx
-var import_components38 = require("@transferwise/components");
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_components39 = require("@transferwise/components");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 var StatusListRenderer = {
   canRenderType: "status-list",
-  render: ({ margin, items, title }) => /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: getMargin(margin), children: [
-    title ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_components38.Header, { title, className: "m-b-2" }) : null,
-    items.map(({ callToAction, description, icon, status, title: itemTitle }) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
-      import_components38.Summary,
+  render: ({ margin, items, title }) => /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: getMargin(margin), children: [
+    title ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_components39.Header, { title, className: "m-b-2" }) : null,
+    items.map(({ callToAction, description, icon, status, title: itemTitle }) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+      import_components39.Summary,
       {
         title: itemTitle,
         description,
-        icon: icon && "name" in icon ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(DynamicIcon_default, { name: icon.name }) : null,
+        icon: icon && "name" in icon ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DynamicIcon_default, { name: icon.name }) : null,
         status: mapStatus(status),
         action: getSummaryAction(callToAction)
       },
@@ -2891,12 +2988,12 @@ var mapStatus = (status) => {
 // ../renderers/src/utils/useCustomTheme.ts
 var import_components_theming = require("@wise/components-theming");
-var import_react12 = require("react");
+var import_react13 = require("react");
 var ThemeRequiredEventName = "Theme Required";
 var useCustomTheme = (theme, trackEvent) => {
   const previousThemeHookValue = (0, import_components_theming.useTheme)();
-  const previousTheme = (0, import_react12.useMemo)(() => previousThemeHookValue.theme, []);
-  (0, import_react12.useEffect)(() => {
+  const previousTheme = (0, import_react13.useMemo)(() => previousThemeHookValue.theme, []);
+  (0, import_react13.useEffect)(() => {
     trackEvent(ThemeRequiredEventName, { theme });
     return theme !== previousTheme ? () => {
       trackEvent(ThemeRequiredEventName, { theme: previousTheme });
@@ -2906,11 +3003,11 @@ var useCustomTheme = (theme, trackEvent) => {
 };
 // ../renderers/src/step/BackButton.tsx
-var import_components39 = require("@transferwise/components");
+var import_components40 = require("@transferwise/components");
 var import_icons3 = require("@transferwise/icons");
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 function BackButton({ title, onClick }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "m-b-2", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "m-b-2", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
     "button",
     {
       type: "button",
@@ -2919,8 +3016,8 @@ function BackButton({ title, onClick }) {
       "aria-label": title,
       onClick,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "sr-only", children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_components39.AvatarView, { interactive: true, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_icons3.ArrowLeft, { size: "24" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "sr-only", children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_components40.AvatarView, { interactive: true, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_icons3.ArrowLeft, { size: "24" }) })
       ]
     }
   ) });
@@ -2928,7 +3025,7 @@ function BackButton({ title, onClick }) {
 var BackButton_default = BackButton;
 // ../renderers/src/step/SplashCelebrationStepRenderer.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 var SplashCelebrationStepRenderer = {
   canRenderType: "step",
   canRender: ({ control }) => control === "splash-celebration",
@@ -2937,14 +3034,14 @@ var SplashCelebrationStepRenderer = {
 function SplashCelebrationStepRendererComponent(props) {
   const { back, children, trackEvent } = props;
   useCustomTheme("forest-green", trackEvent);
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "splash-screen m-t-5", children: [
-    back ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(BackButton_default, __spreadValues({}, back)) : null,
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "splash-screen m-t-5", children: [
+    back ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(BackButton_default, __spreadValues({}, back)) : null,
     children
   ] });
 }
 // ../renderers/src/step/SplashStepRenderer.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 var SplashStepRenderer = {
   canRenderType: "step",
   canRender: ({ control }) => control === "splash",
@@ -2952,63 +3049,63 @@ var SplashStepRenderer = {
 };
 function SplashStepRendererComponent(props) {
   const { back, children } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "splash-screen m-t-5", children: [
-    back ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(BackButton_default, __spreadValues({}, back)) : null,
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "splash-screen m-t-5", children: [
+    back ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(BackButton_default, __spreadValues({}, back)) : null,
     children
   ] });
 }
 // ../renderers/src/step/StepRenderer.tsx
-var import_components40 = require("@transferwise/components");
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_components41 = require("@transferwise/components");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var StepRenderer = {
   canRenderType: "step",
   render: StepRendererComponent
 };
 function StepRendererComponent(props) {
   const { back, description, error, title, children } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
-    back ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(BackButton_default, __spreadValues({}, back)) : null,
-    title || description ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "m-b-4", children: [
-      title ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_components40.Title, { as: "h1", type: "title-section", className: "text-xs-center m-b-2", children: title }) : void 0,
-      description ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "text-xs-center np-text-body-large", children: description }) : void 0
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
+    back ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(BackButton_default, __spreadValues({}, back)) : null,
+    title || description ? /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "m-b-4", children: [
+      title ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_components41.Title, { as: "h1", type: "title-section", className: "text-xs-center m-b-2", children: title }) : void 0,
+      description ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "text-xs-center np-text-body-large", children: description }) : void 0
     ] }) : void 0,
-    error ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_components40.Alert, { type: "negative", className: "m-b-2", message: error }) : void 0,
+    error ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_components41.Alert, { type: "negative", className: "m-b-2", message: error }) : void 0,
     children
   ] });
 }
 // ../renderers/src/TabsRenderer.tsx
-var import_components41 = require("@transferwise/components");
-var import_react13 = require("react");
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_components42 = require("@transferwise/components");
+var import_react14 = require("react");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 var TabsRenderer = {
   canRenderType: "tabs",
   render: (props) => {
     switch (props.control) {
       case "segmented":
         if (props.tabs.length > 3) {
-          return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(TabsRendererComponent, __spreadValues({}, props));
+          return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(TabsRendererComponent, __spreadValues({}, props));
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(SegmentedTabsRendererComponent, __spreadValues({}, props));
+        return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SegmentedTabsRendererComponent, __spreadValues({}, props));
       case "chips":
-        return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ChipsTabsRendererComponent, __spreadValues({}, props));
+        return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ChipsTabsRendererComponent, __spreadValues({}, props));
       default:
-        return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(TabsRendererComponent, __spreadValues({}, props));
+        return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(TabsRendererComponent, __spreadValues({}, props));
     }
   }
 };
 function TabsRendererComponent({ uid, margin, tabs }) {
-  const [selectedIndex, setSelectedIndex] = (0, import_react13.useState)(0);
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: getMargin(margin), children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-    import_components41.Tabs,
+  const [selectedIndex, setSelectedIndex] = (0, import_react14.useState)(0);
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: getMargin(margin), children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+    import_components42.Tabs,
     {
       name: uid,
       selected: selectedIndex != null ? selectedIndex : 0,
       tabs: tabs.map((option) => ({
         title: option.title,
         disabled: false,
-        content: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "m-t-2", children: [
+        content: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "m-t-2", children: [
           " ",
           option.children,
           " "
@@ -3020,10 +3117,10 @@ function TabsRendererComponent({ uid, margin, tabs }) {
 }
 function SegmentedTabsRendererComponent({ uid, margin, tabs }) {
   var _a;
-  const [selectedIndex, setSelectedIndex] = (0, import_react13.useState)(0);
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: getMargin(margin), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-      import_components41.SegmentedControl,
+  const [selectedIndex, setSelectedIndex] = (0, import_react14.useState)(0);
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: getMargin(margin), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+      import_components42.SegmentedControl,
       {
         name: uid,
         value: String(selectedIndex),
@@ -3037,31 +3134,31 @@ function SegmentedTabsRendererComponent({ uid, margin, tabs }) {
         onChange: (value) => setSelectedIndex(Number(value))
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { id: `${uid}-children`, className: "m-t-2", children: (_a = tabs[selectedIndex]) == null ? void 0 : _a.children })
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { id: `${uid}-children`, className: "m-t-2", children: (_a = tabs[selectedIndex]) == null ? void 0 : _a.children })
   ] });
 }
 function ChipsTabsRendererComponent({ margin, tabs }) {
   var _a;
-  const [selectedIndex, setSelectedIndex] = (0, import_react13.useState)(0);
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: getMargin(margin), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "chips-container", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-      import_components41.Chips,
+  const [selectedIndex, setSelectedIndex] = (0, import_react14.useState)(0);
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: getMargin(margin), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "chips-container", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+      import_components42.Chips,
       {
         chips: tabs.map((tab, index) => ({ label: tab.title, value: index })),
         selected: selectedIndex,
         onChange: ({ selectedValue }) => setSelectedIndex(Number(selectedValue))
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "m-t-2", children: (_a = tabs[selectedIndex]) == null ? void 0 : _a.children })
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "m-t-2", children: (_a = tabs[selectedIndex]) == null ? void 0 : _a.children })
   ] });
 }
 // ../renderers/src/TextInputRenderer.tsx
-var import_components43 = require("@transferwise/components");
+var import_components44 = require("@transferwise/components");
 // ../renderers/src/components/VariableTextInput.tsx
-var import_components42 = require("@transferwise/components");
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_components43 = require("@transferwise/components");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 var commonKeys = [
   "autoComplete",
   "autoCapitalize",
@@ -3080,12 +3177,12 @@ function VariableTextInput(inputProps) {
   const commonProps = __spreadProps(__spreadValues({}, pick(inputProps, ...commonKeys)), { name: id });
   switch (control) {
     case "email":
-      return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(TextInput, __spreadProps(__spreadValues({}, commonProps), { type: "email", onChange }));
+      return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(TextInput, __spreadProps(__spreadValues({}, commonProps), { type: "email", onChange }));
     case "password":
-      return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(TextInput, __spreadProps(__spreadValues({}, commonProps), { type: "password", onChange }));
+      return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(TextInput, __spreadProps(__spreadValues({}, commonProps), { type: "password", onChange }));
     case "numeric": {
       const numericProps = __spreadProps(__spreadValues({}, commonProps), { type: "number", onWheel });
-      return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
         TextInput,
         __spreadProps(__spreadValues({}, numericProps), {
           onChange: (newValue) => {
@@ -3096,21 +3193,21 @@ function VariableTextInput(inputProps) {
       );
     }
     case "phone-number":
-      return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_components42.PhoneNumberInput, __spreadProps(__spreadValues({ initialValue: value }, commonProps), { onChange }));
+      return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_components43.PhoneNumberInput, __spreadProps(__spreadValues({ initialValue: value }, commonProps), { onChange }));
     default: {
-      return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(TextInput, __spreadProps(__spreadValues({}, commonProps), { type: "text", onChange }));
+      return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(TextInput, __spreadProps(__spreadValues({}, commonProps), { type: "text", onChange }));
     }
   }
 }
 function TextInput(props) {
   const _a = props, { control, displayFormat, onChange } = _a, commonProps = __objRest(_a, ["control", "displayFormat", "onChange"]);
-  const InputWithPattern = control === "textarea" ? import_components42.TextareaWithDisplayFormat : import_components42.InputWithDisplayFormat;
-  const InputWithoutPattern = control === "textarea" ? import_components42.TextArea : import_components42.Input;
-  return displayFormat ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(InputWithPattern, __spreadProps(__spreadValues({ displayPattern: displayFormat }, commonProps), { onChange })) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(InputWithoutPattern, __spreadProps(__spreadValues({}, commonProps), { onChange: (e) => onChange(e.target.value) }));
+  const InputWithPattern = control === "textarea" ? import_components43.TextareaWithDisplayFormat : import_components43.InputWithDisplayFormat;
+  const InputWithoutPattern = control === "textarea" ? import_components43.TextArea : import_components43.Input;
+  return displayFormat ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(InputWithPattern, __spreadProps(__spreadValues({ displayPattern: displayFormat }, commonProps), { onChange })) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(InputWithoutPattern, __spreadProps(__spreadValues({}, commonProps), { onChange: (e) => onChange(e.target.value) }));
 }
 // ../renderers/src/TextInputRenderer.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 var TextInputRenderer = {
   canRenderType: "input-text",
   render: (props) => {
@@ -3145,7 +3242,7 @@ var TextInputRenderer = {
         }
       }
     });
-    return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
       FieldInput_default,
       {
         id,
@@ -3153,7 +3250,7 @@ var TextInputRenderer = {
         description,
         validation: validationState,
         help,
-        children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_components43.InputGroup, { addonStart: getInputGroupAddonStart({ icon, image }), children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(VariableTextInput, __spreadValues({}, inputProps)) })
+        children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_components44.InputGroup, { addonStart: getInputGroupAddonStart({ icon, image }), children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(VariableTextInput, __spreadValues({}, inputProps)) })
       }
     );
   }
@@ -3161,13 +3258,13 @@ var TextInputRenderer = {
 var TextInputRenderer_default = TextInputRenderer;
 // ../renderers/src/UploadInputRenderer.tsx
-var import_components44 = require("@transferwise/components");
+var import_components45 = require("@transferwise/components");
 // ../renderers/src/utils/getRandomId.ts
 var getRandomId = () => Math.random().toString(36).substring(2);
 // ../renderers/src/UploadInputRenderer.tsx
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 var UploadInputRenderer = {
   canRenderType: "input-upload",
   render: (props) => {
@@ -3183,15 +3280,15 @@ var UploadInputRenderer = {
     };
     return (
       // We don't pass help here as there is no sensible place to display it
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
         UploadFieldInput_default,
         {
           id,
           label: void 0,
           description: void 0,
           validation: validationState,
-          children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
-            import_components44.UploadInput,
+          children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+            import_components45.UploadInput,
             {
               id,
               description,
@@ -3247,7 +3344,7 @@ var LargeUploadRenderer = {
     };
     const filetypes = acceptsToFileTypes(accepts);
     const usAccept = filetypes === "*" ? "*" : filetypes.join(",");
-    return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
       FieldInput_default,
       {
         id,
@@ -3255,8 +3352,8 @@ var LargeUploadRenderer = {
         description,
         validation: validationState,
         help,
-        children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
-          import_components44.Upload,
+        children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+          import_components45.Upload,
           __spreadProps(__spreadValues({}, uploadProps), {
             usAccept,
             usDisabled: disabled,
@@ -3272,6 +3369,7 @@ var LargeUploadRenderer = {
 // ../renderers/src/getWiseRenderers.ts
 var getWiseRenderers = () => [
+  AddressValidationButtonRenderer_default,
   AlertRenderer_default,
   CheckboxInputRenderer_default,
   BoxRenderer_default,
@@ -3314,7 +3412,7 @@ var getWiseRenderers = () => [
 // src/dynamicFlow/telemetry/app-version.ts
 var appVersion = (
   // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-  typeof process !== "undefined" ? "4.18.0" : "0.0.0"
+  typeof process !== "undefined" ? "4.19.0" : "0.0.0"
 );
 // src/dynamicFlow/telemetry/getLogEvent.ts
@@ -3353,13 +3451,28 @@ var getTrackEvent = (onEvent, onAnalytics, onThemeChange) => (name, properties)
   }
 };
+// src/dynamicFlow/messages.ts
+var import_react_intl18 = require("react-intl");
+var messages_default = (0, import_react_intl18.defineMessages)({
+  copied: {
+    id: "df.wise.CopyFeedback.copy",
+    defaultMessage: "Copied to clipboard",
+    description: "Appears in a snackbar when the copy operation succeeds."
+  },
+  copyFailed: {
+    id: "df.wise.CopyFeedback.copyFailed",
+    defaultMessage: "Failed to copy to clipboard",
+    description: "Appears in a snackbar when the copy operation fails."
+  }
+});
 // src/dynamicFlow/DynamicFlow.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 var wiseRenderers = getWiseRenderers();
 function DynamicFlowLegacy(props) {
   const { customFetch = globalThis.fetch } = props;
   const coreProps = __spreadProps(__spreadValues({}, props), { httpClient: customFetch });
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_dynamic_flow_client2.DynamicFlow, __spreadValues({}, coreProps));
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_dynamic_flow_client2.DynamicFlow, __spreadValues({}, coreProps));
 }
 function DynamicFlowRevamp(props) {
   const {
@@ -3372,23 +3485,33 @@ function DynamicFlowRevamp(props) {
     onLink = openLinkInNewTab,
     onThemeChange
   } = props;
+  const { formatMessage } = (0, import_react_intl19.useIntl)();
+  const createSnackBar = useSnackBarIfAvailable();
   const httpClient = useWiseHttpClient(customFetch);
-  const mergedRenderers = (0, import_react14.useMemo)(() => [...renderers != null ? renderers : [], ...wiseRenderers], [renderers]);
-  const logEvent = (0, import_react14.useMemo)(() => getLogEvent(onLog), [onLog]);
-  const trackEvent = (0, import_react14.useMemo)(
+  const mergedRenderers = (0, import_react15.useMemo)(() => [...renderers != null ? renderers : [], ...wiseRenderers], [renderers]);
+  const logEvent = (0, import_react15.useMemo)(() => getLogEvent(onLog), [onLog]);
+  const trackEvent = (0, import_react15.useMemo)(
     () => getTrackEvent(onEvent, onAnalytics, onThemeChange),
     [onEvent, onAnalytics, onThemeChange]
   );
+  const onCopy = (copiedContent) => {
+    if (copiedContent) {
+      createSnackBar({ text: formatMessage(messages_default.copied) });
+    } else {
+      createSnackBar({ text: formatMessage(messages_default.copyFailed) });
+    }
+  };
   const coreProps = __spreadProps(__spreadValues({}, props), {
     httpClient,
     renderers: mergedRenderers,
     onEvent: trackEvent,
     onLog: logEvent,
-    onLink
+    onLink,
+    onCopy
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className, children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_dynamic_flow_client2.DynamicFlowCoreRevamp, __spreadValues({}, coreProps)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className, children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_dynamic_flow_client2.DynamicFlowCoreRevamp, __spreadValues({}, coreProps)) });
 }
-var DynamicForm = (0, import_react14.forwardRef)(function DynamicForm2(props, ref) {
+var DynamicForm = (0, import_react15.forwardRef)(function DynamicForm2(props, ref) {
   const {
     className = "",
     customFetch = globalThis.fetch,
@@ -3399,25 +3522,35 @@ var DynamicForm = (0, import_react14.forwardRef)(function DynamicForm2(props, re
     onLink = openLinkInNewTab,
     onThemeChange
   } = props;
+  const { formatMessage } = (0, import_react_intl19.useIntl)();
+  const createSnackBar = useSnackBarIfAvailable();
   const httpClient = useWiseHttpClient(customFetch);
-  const mergedRenderers = (0, import_react14.useMemo)(() => [...renderers != null ? renderers : [], ...wiseRenderers], [renderers]);
-  const logEvent = (0, import_react14.useMemo)(() => getLogEvent(onLog), [onLog]);
-  const trackEvent = (0, import_react14.useMemo)(
+  const mergedRenderers = (0, import_react15.useMemo)(() => [...renderers != null ? renderers : [], ...wiseRenderers], [renderers]);
+  const logEvent = (0, import_react15.useMemo)(() => getLogEvent(onLog), [onLog]);
+  const trackEvent = (0, import_react15.useMemo)(
     () => getTrackEvent(onEvent, onAnalytics, onThemeChange),
     [onEvent, onAnalytics, onThemeChange]
   );
+  const onCopy = (copiedContent) => {
+    if (copiedContent) {
+      createSnackBar({ text: formatMessage(messages_default.copied) });
+    } else {
+      createSnackBar({ text: formatMessage(messages_default.copyFailed) });
+    }
+  };
   const coreProps = __spreadProps(__spreadValues({}, props), {
     httpClient,
     renderers: mergedRenderers,
     onEvent: trackEvent,
     onLog: logEvent,
-    onLink
+    onLink,
+    onCopy
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className, children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_dynamic_flow_client2.DynamicFormCore, __spreadProps(__spreadValues({}, coreProps), { ref })) });
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className, children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_dynamic_flow_client2.DynamicFormCore, __spreadProps(__spreadValues({}, coreProps), { ref })) });
 });
 var useWiseHttpClient = (httpClient) => {
-  const { locale } = (0, import_react_intl16.useIntl)();
-  return (0, import_react14.useCallback)(
+  const { locale } = (0, import_react_intl19.useIntl)();
+  return (0, import_react15.useCallback)(
     async (input, init = {}) => {
       const headers = new Headers(init.headers);
       headers.set("accept-language", locale);