@wise/dynamic-flow-client 3.26.0 → 3.27.0

package/build/main.mjs

@@ -600,7 +600,7 @@ var es_default = {
   "dynamicFlows.ExternalConfirmation.open": "Abrir en nueva pesta\xF1a",
   "dynamicFlows.ExternalConfirmation.title": "Por favor, confirma",
   "dynamicFlows.FileUploadSchema.maxFileSizeError": "Lo sentimos, el archivo pesa demasiado. Sube uno m\xE1s peque\xF1o.",
-  "dynamicFlows.FileUploadSchema.wrongFileTypeError": "Sorry, that file format is not supported. Please upload a different file.",
+  "dynamicFlows.FileUploadSchema.wrongFileTypeError": "Lo sentimos, ese formato de archivo no es compatible. Sube otro archivo.",
   "dynamicFlows.Help.ariaLabel": "Haz clic aqu\xED para obtener m\xE1s informaci\xF3n.",
   "dynamicFlows.MultiSelect.summary": "{first} y {count} m\xE1s",
   "dynamicFlows.MultipleFileUploadSchema.maxFileSizeError": "Lo sentimos, el archivo pesa demasiado. Sube uno m\xE1s peque\xF1o.",
@@ -706,7 +706,7 @@ var hu_default = {
   "dynamicFlows.ExternalConfirmation.open": "Megnyit\xE1s \xFAj lapon",
   "dynamicFlows.ExternalConfirmation.title": "Meger\u0151s\xEDt\xE9s",
   "dynamicFlows.FileUploadSchema.maxFileSizeError": "Sajnos ez a f\xE1jl t\xFAl nagy. K\xE9r\xFCnk, t\xF6lts fel egy kisebb f\xE1jlt.",
-  "dynamicFlows.FileUploadSchema.wrongFileTypeError": "Sorry, that file format is not supported. Please upload a different file.",
+  "dynamicFlows.FileUploadSchema.wrongFileTypeError": "Sajnos ez a f\xE1jlform\xE1tum nem t\xE1mogatott. K\xE9r\xFCnk, t\xF6lts fel egy m\xE1sik f\xE1jlt.",
   "dynamicFlows.Help.ariaLabel": "Kattints ide tov\xE1bbi inform\xE1ci\xF3\xE9rt.",
   "dynamicFlows.MultiSelect.summary": "{first} \xE9s tov\xE1bbi {count}",
   "dynamicFlows.MultipleFileUploadSchema.maxFileSizeError": "Sajnos ez a f\xE1jl t\xFAl nagy. K\xE9r\xFCnk, t\xF6lts fel egy kisebb f\xE1jlt.",
@@ -759,7 +759,7 @@ var id_default = {
   "dynamicFlows.ExternalConfirmation.open": "Buka di tab baru",
   "dynamicFlows.ExternalConfirmation.title": "Harap konfirmasi",
   "dynamicFlows.FileUploadSchema.maxFileSizeError": "Maaf, file Anda terlalu besar. Silakan unggah file yang lebih kecil.",
-  "dynamicFlows.FileUploadSchema.wrongFileTypeError": "Sorry, that file format is not supported. Please upload a different file.",
+  "dynamicFlows.FileUploadSchema.wrongFileTypeError": "Maaf, format file itu tidak didukung. Unggah file lain.",
   "dynamicFlows.Help.ariaLabel": "Klik di sini untuk info selengkapnya.",
   "dynamicFlows.MultiSelect.summary": "{first} dan {count} lagi",
   "dynamicFlows.MultipleFileUploadSchema.maxFileSizeError": "Maaf, file Anda terlalu besar. Silakan unggah file yang lebih kecil.",
@@ -865,7 +865,7 @@ var ja_default = {
   "dynamicFlows.ExternalConfirmation.open": "\u65B0\u3057\u3044\u30BF\u30D6\u3067\u958B\u304F",
   "dynamicFlows.ExternalConfirmation.title": "\u627F\u8A8D\u3057\u3066\u304F\u3060\u3055\u3044",
   "dynamicFlows.FileUploadSchema.maxFileSizeError": "\u5927\u5909\u7533\u3057\u8A33\u3054\u3056\u3044\u307E\u305B\u3093\u304C\u3001\u30D5\u30A1\u30A4\u30EB\u304C\u5927\u304D\u3059\u304E\u307E\u3059\u3002\u3053\u308C\u3088\u308A\u5C0F\u3055\u3044\u30D5\u30A1\u30A4\u30EB\u3092\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9\u3057\u3066\u304F\u3060\u3055\u3044\u3002",
-  "dynamicFlows.FileUploadSchema.wrongFileTypeError": "Sorry, that file format is not supported. Please upload a different file.",
+  "dynamicFlows.FileUploadSchema.wrongFileTypeError": "\u305D\u306E\u30D5\u30A1\u30A4\u30EB\u5F62\u5F0F\u306F\u30B5\u30DD\u30FC\u30C8\u3055\u308C\u3066\u3044\u307E\u305B\u3093\u3002\u5225\u306E\u30D5\u30A1\u30A4\u30EB\u3092\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9\u3057\u3066\u304F\u3060\u3055\u3044\u3002",
   "dynamicFlows.Help.ariaLabel": "\u8A73\u7D30\u306F\u3053\u3061\u3089\u3092\u30AF\u30EA\u30C3\u30AF\u3057\u3066\u304F\u3060\u3055\u3044\u3002",
   "dynamicFlows.MultiSelect.summary": "{first}\u3068\u305D\u306E\u4ED6{count}",
   "dynamicFlows.MultipleFileUploadSchema.maxFileSizeError": "\u5927\u5909\u7533\u3057\u8A33\u3054\u3056\u3044\u307E\u305B\u3093\u304C\u3001\u30D5\u30A1\u30A4\u30EB\u304C\u5927\u304D\u3059\u304E\u307E\u3059\u3002\u3053\u308C\u3088\u308A\u5C0F\u3055\u3044\u30D5\u30A1\u30A4\u30EB\u3092\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9\u3057\u3066\u304F\u3060\u3055\u3044\u3002",
@@ -918,7 +918,7 @@ var pl_default = {
   "dynamicFlows.ExternalConfirmation.open": "Otw\xF3rz w nowej zak\u0142adce",
   "dynamicFlows.ExternalConfirmation.title": "Potwierd\u017A",
   "dynamicFlows.FileUploadSchema.maxFileSizeError": "Przepraszamy, ten plik jest zbyt du\u017Cy. Prze\u015Blij mniejszy plik.",
-  "dynamicFlows.FileUploadSchema.wrongFileTypeError": "Sorry, that file format is not supported. Please upload a different file.",
+  "dynamicFlows.FileUploadSchema.wrongFileTypeError": "Przepraszamy, ten format pliku nie jest obs\u0142ugiwany. Prosimy przes\u0142a\u0107 inny plik.",
   "dynamicFlows.Help.ariaLabel": "Kliknij tutaj, \u017Ceby uzyska\u0107 wi\u0119cej informacji.",
   "dynamicFlows.MultiSelect.summary": "{first} oraz {count} wi\u0119cej",
   "dynamicFlows.MultipleFileUploadSchema.maxFileSizeError": "Przepraszamy, ten plik jest zbyt du\u017Cy. Prze\u015Blij mniejszy plik.",
@@ -1024,7 +1024,7 @@ var ro_default = {
   "dynamicFlows.ExternalConfirmation.open": "Deschide \xEEntr-o fil\u0103 nou\u0103",
   "dynamicFlows.ExternalConfirmation.title": "Te rug\u0103m s\u0103 confirmi",
   "dynamicFlows.FileUploadSchema.maxFileSizeError": "Ne pare r\u0103u, acel fi\u0219ier este prea mare. Te rug\u0103m s\u0103 \xEEncarci un fi\u0219ier mai mic.",
-  "dynamicFlows.FileUploadSchema.wrongFileTypeError": "Sorry, that file format is not supported. Please upload a different file.",
+  "dynamicFlows.FileUploadSchema.wrongFileTypeError": "Ne pare r\u0103u, acest format de fi\u0219ier nu este acceptat. Te rug\u0103m s\u0103 \xEEncarci un alt fi\u0219ier.",
   "dynamicFlows.Help.ariaLabel": "D\u0103 click aici pentru mai multe informa\u021Bii.",
   "dynamicFlows.MultiSelect.summary": "{first} \u0219i \xEEnc\u0103 {count}",
   "dynamicFlows.MultipleFileUploadSchema.maxFileSizeError": "Ne pare r\u0103u, acel fi\u0219ier este prea mare. Te rug\u0103m s\u0103 \xEEncarci un fi\u0219ier mai mic.",
@@ -1183,7 +1183,7 @@ var tr_default = {
   "dynamicFlows.ExternalConfirmation.open": "Yeni sekmede a\xE7",
   "dynamicFlows.ExternalConfirmation.title": "L\xFCtfen onaylay\u0131n",
   "dynamicFlows.FileUploadSchema.maxFileSizeError": "\xDCzg\xFCn\xFCz, bu dosya \xE7ok b\xFCy\xFCk. L\xFCtfen daha k\xFC\xE7\xFCk bir dosya y\xFCkleyin.",
-  "dynamicFlows.FileUploadSchema.wrongFileTypeError": "Sorry, that file format is not supported. Please upload a different file.",
+  "dynamicFlows.FileUploadSchema.wrongFileTypeError": "\xDCzg\xFCn\xFCz, bu dosya bi\xE7imi desteklenmiyor. L\xFCtfen farkl\u0131 bir dosya y\xFCkleyin.",
   "dynamicFlows.Help.ariaLabel": "Ayr\u0131nt\u0131lar i\xE7in t\u0131klay\u0131n.",
   "dynamicFlows.MultiSelect.summary": "{first} ve {count} daha",
   "dynamicFlows.MultipleFileUploadSchema.maxFileSizeError": "\xDCzg\xFCn\xFCz, bu dosya \xE7ok b\xFCy\xFCk. L\xFCtfen daha k\xFC\xE7\xFCk bir dosya y\xFCkleyin.",
@@ -12172,6 +12172,7 @@ function MultiSelectInputRendererComponent(props) {
   const [stagedIndices, setStagedIndices] = useState5();
   const {
     id,
+    autoComplete,
     description,
     disabled,
     label,
@@ -12210,6 +12211,7 @@ function MultiSelectInputRendererComponent(props) {
     };
     return /* @__PURE__ */ jsx34(SelectInputOptionContent, __spreadValues({}, contentProps));
   };
+  const extraProps = { autoComplete };
   return /* @__PURE__ */ jsx34(
     FieldInput_default,
     {
@@ -12220,7 +12222,7 @@ function MultiSelectInputRendererComponent(props) {
       validation: validationState,
       children: /* @__PURE__ */ jsx34(
         SelectInput,
-        {
+        __spreadValues({
           id,
           items: options.map((option, index) => {
             var _a, _b, _c;
@@ -12249,7 +12251,7 @@ function MultiSelectInputRendererComponent(props) {
               setStagedIndices(void 0);
             }
           }
-        }
+        }, extraProps)
       )
     }
   );
@@ -12951,20 +12953,26 @@ function SelectTriggerMedia({ icon, image }) {
   if (image == null ? void 0 : image.url) {
     return null;
   }
-  if (icon && "name" in icon) {
+  if (isFlagIcon2(icon)) {
     return /* @__PURE__ */ jsx46(Avatar3, { type: AvatarType3.ICON, size: 24, children: /* @__PURE__ */ jsx46(DynamicIcon_default, { name: icon.name }) });
   }
+  if (isNamedIcon2(icon)) {
+    return /* @__PURE__ */ jsx46(DynamicIcon_default, { name: icon.name });
+  }
   if (icon && "text" in icon) {
     return /* @__PURE__ */ jsx46(Avatar3, { type: AvatarType3.ICON, size: 24, children: icon.text });
   }
   return null;
 }
+var isNamedIcon2 = (icon) => icon ? "name" in icon : false;
+var isFlagIcon2 = (icon) => isNamedIcon2(icon) && icon.name.startsWith("flag-");
 
 // ../renderers/src/SelectInputRenderer/SelectInputRendererComponent.tsx
 import { Fragment as Fragment8, jsx as jsx47, jsxs as jsxs16 } from "react/jsx-runtime";
 function SelectInputRendererComponent(props) {
   const {
     id,
+    autoComplete,
     children,
     description,
     disabled,
@@ -13004,6 +13012,7 @@ function SelectInputRendererComponent(props) {
     };
     return /* @__PURE__ */ jsx47(SelectInputOptionContent2, __spreadValues({}, contentProps));
   };
+  const extraProps = { autoComplete };
   return /* @__PURE__ */ jsxs16(Fragment8, { children: [
     /* @__PURE__ */ jsx47(
       FieldInput_default,
@@ -13015,7 +13024,7 @@ function SelectInputRendererComponent(props) {
         validation: validationState,
         children: /* @__PURE__ */ jsx47(
           SelectInput2,
-          {
+          __spreadValues({
             name: id,
             placeholder,
             items,
@@ -13025,7 +13034,7 @@ function SelectInputRendererComponent(props) {
             filterable: items.length >= 8,
             onChange: onSelect,
             onClear: required ? void 0 : () => onSelect(null)
-          }
+          }, extraProps)
         )
       }
     ),
@@ -15040,9 +15049,9 @@ import { Avatar as Avatar5, AvatarType as AvatarType4 } from "@transferwise/comp
 
 // src/legacy/layout/icon/FlagIcon.tsx
 import { jsx as jsx66 } from "react/jsx-runtime";
-var isFlagIcon2 = (name) => name.startsWith("flag-");
+var isFlagIcon3 = (name) => name.startsWith("flag-");
 function FlagIcon2({ name }) {
-  if (!isFlagIcon2(name)) {
+  if (!isFlagIcon3(name)) {
     return null;
   }
   const code = name.substring(5);
@@ -15052,12 +15061,12 @@ function FlagIcon2({ name }) {
 // src/legacy/layout/icon/NamedIcon.tsx
 import * as icons2 from "@transferwise/icons";
 import { jsx as jsx67 } from "react/jsx-runtime";
-var isNamedIcon2 = (name) => {
+var isNamedIcon3 = (name) => {
   const iconName = toCapitalisedCamelCase2(name);
   return Object.keys(icons2).includes(iconName);
 };
 function NamedIcon2({ name }) {
-  if (!isNamedIcon2(name)) {
+  if (!isNamedIcon3(name)) {
     return null;
   }
   const iconName = toCapitalisedCamelCase2(name);
@@ -15070,16 +15079,16 @@ var capitaliseFirstChar2 = (value) => `${value[0].toUpperCase()}${value.slice(1)
 // src/legacy/layout/icon/DynamicIcon.tsx
 import { jsx as jsx68 } from "react/jsx-runtime";
 function DynamicIcon2({ type }) {
-  if (isFlagIcon2(type)) {
+  if (isFlagIcon3(type)) {
     return /* @__PURE__ */ jsx68(FlagIcon2, { name: type });
   }
-  if (isNamedIcon2(type)) {
+  if (isNamedIcon3(type)) {
     return /* @__PURE__ */ jsx68(NamedIcon2, { name: type });
   }
   return null;
 }
 function isValidIconName(name) {
-  return isNamedIcon2(name) || isFlagIcon2(name);
+  return isNamedIcon3(name) || isFlagIcon3(name);
 }
 var DynamicIcon_default2 = DynamicIcon2;
 
@@ -15822,7 +15831,7 @@ var mapImage = (image) => {
   return null;
 };
 var getIconPropertyForSelectOption = (icon) => {
-  if ((icon == null ? void 0 : icon.name) && isFlagIcon2(icon.name)) {
+  if ((icon == null ? void 0 : icon.name) && isFlagIcon3(icon.name)) {
     return {
       icon: /* @__PURE__ */ jsx80(Flag, { code: icon.name.substring(5), intrinsicSize: 24 })
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "3.26.0",
+  "version": "3.27.0",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.min.js",
@@ -50,7 +50,7 @@
     "@testing-library/jest-dom": "6.6.3",
     "@testing-library/react": "16.0.1",
     "@testing-library/user-event": "14.5.2",
-    "@transferwise/components": "46.72.2",
+    "@transferwise/components": "46.77.0",
     "@transferwise/formatting": "^2.13.0",
     "@transferwise/icons": "3.14.0",
     "@transferwise/neptune-css": "14.19.1",