@wise/dynamic-flow-client 3.26.1 → 3.27.0

package/build/main.mjs

@@ -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.",
@@ -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.",
@@ -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.1",
+  "version": "3.27.0",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.min.js",
@@ -83,8 +83,8 @@
     "tsx": "4.19.2",
     "typescript": "5.6.3",
     "webpack": "5.96.1",
-    "@wise/dynamic-flow-renderers": "0.0.0",
-    "@wise/dynamic-flow-fixtures": "0.0.1"
+    "@wise/dynamic-flow-fixtures": "0.0.1",
+    "@wise/dynamic-flow-renderers": "0.0.0"
   },
   "peerDependencies": {
     "@transferwise/components": "^46.31",