@wise/dynamic-flow-client 3.9.2-experimental-535221d → 3.9.2

package/build/i18n/zh_HK.json

@@ -1,48 +1,48 @@
 {
-    "dynamicFlows.ArraySchema.addItem": "儲存",
-    "dynamicFlows.ArraySchema.addItemTitle": "添加項目",
-    "dynamicFlows.ArraySchema.editItem": "儲存",
-    "dynamicFlows.ArraySchema.maxItemsError": "請添加不超過{maxItems}項。",
-    "dynamicFlows.ArraySchema.minItemsError": "請至少添加{minItems}項。",
-    "dynamicFlows.ArraySchema.removeItem": "移除",
-    "dynamicFlows.CameraCapture.CameraConnectionIssue.action": "再試一次",
-    "dynamicFlows.CameraCapture.CameraConnectionIssue.paragraph": "請檢查連線狀態，然後再試一次。",
-    "dynamicFlows.CameraCapture.CameraConnectionIssue.title": "我們無法取用你的相機",
-    "dynamicFlows.CameraCapture.CameraNotSupported.paragraph": "你目前使用的瀏覽器不支持相機。請嘗試使用其他瀏覽器或其他裝置，或者你可以下載我們的應用程式。",
-    "dynamicFlows.CameraCapture.CameraNotSupported.title": "不支持相機",
-    "dynamicFlows.CameraCapture.NoCameraAccess.action": "允許取用相機",
-    "dynamicFlows.CameraCapture.NoCameraAccess.paragraph": "你可以在瀏覽器的設定中開啟相機存取權限。",
-    "dynamicFlows.CameraCapture.NoCameraAccess.title": "我們無法取用你的相機",
-    "dynamicFlows.CameraCapture.reviewInstructions": "你的照片是否完整、清晰及可讀？",
-    "dynamicFlows.CameraCapture.reviewRetry": "否，再試一次",
-    "dynamicFlows.CameraCapture.reviewSubmit": "是，提交",
-    "dynamicFlows.CameraCapture.rotatePhone.text": "將手機旋轉至垂直畫面以拍照",
-    "dynamicFlows.ControlFeedback.maxLength": "請輸入最多{maxLength}個字元。",
-    "dynamicFlows.ControlFeedback.maximum": "請輸入一個小於或等於{maximum}的數字。",
-    "dynamicFlows.ControlFeedback.maximumDate": "請輸入{maximum}或之前的日期。",
-    "dynamicFlows.ControlFeedback.minLength": "請輸入至少{minLength}個字元。",
-    "dynamicFlows.ControlFeedback.minimum": "請輸入一個大於或等於{minimum}的數字。",
-    "dynamicFlows.ControlFeedback.minimumDate": "請輸入{minimum}或之後的日期。",
-    "dynamicFlows.ControlFeedback.pattern": "請以正確格式輸入内容。",
-    "dynamicFlows.ControlFeedback.patternDate": "請以正確格式輸入日期。",
-    "dynamicFlows.ControlFeedback.required": "請填寫此欄位。",
-    "dynamicFlows.ControlFeedback.type": "錯誤的類型",
-    "dynamicFlows.DefaultErrorMessages.required": "請填寫此欄位。",
-    "dynamicFlows.DynamicExternal.retryTitle": "重新打開視窗",
-    "dynamicFlows.DynamicParagraph.copied": "複製到剪貼板",
-    "dynamicFlows.DynamicParagraph.copy": "複製",
-    "dynamicFlows.ErrorBoundary.errorAlert": "出了些問題。",
-    "dynamicFlows.ErrorBoundary.retry": "重試",
-    "dynamicFlows.ExternalConfirmation.cancel": "取消",
-    "dynamicFlows.ExternalConfirmation.description": "請確認你是否要在瀏覽器的新分頁打開**{origin}**。",
-    "dynamicFlows.ExternalConfirmation.open": "在新分頁中開啟",
-    "dynamicFlows.ExternalConfirmation.title": "請確認",
-    "dynamicFlows.Help.ariaLabel": "按此查看詳情。",
-    "dynamicFlows.MultiSelect.summary": "{first}和其他{count}項",
-    "dynamicFlows.MultipleFileUploadSchema.maxFileSizeError": "抱歉，該檔案太大。請上載一個較小的檔案。",
-    "dynamicFlows.MultipleFileUploadSchema.maxItemsError": "請不要上載超過{maxItems}個檔案。",
-    "dynamicFlows.MultipleFileUploadSchema.minItemsError": "請上載至少{minItems}個檔案。",
-    "dynamicFlows.PersistAsyncSchema.genericError": "出現了問題，請再試一次。",
-    "dynamicFlows.ReadOnlySchema.no": "否",
-    "dynamicFlows.ReadOnlySchema.yes": "是"
+  "dynamicFlows.ArraySchema.addItem": "儲存",
+  "dynamicFlows.ArraySchema.addItemTitle": "添加項目",
+  "dynamicFlows.ArraySchema.editItem": "儲存",
+  "dynamicFlows.ArraySchema.maxItemsError": "請添加不超過{maxItems}項。",
+  "dynamicFlows.ArraySchema.minItemsError": "請至少添加{minItems}項。",
+  "dynamicFlows.ArraySchema.removeItem": "移除",
+  "dynamicFlows.CameraCapture.CameraConnectionIssue.action": "再試一次",
+  "dynamicFlows.CameraCapture.CameraConnectionIssue.paragraph": "請檢查連線狀態，然後再試一次。",
+  "dynamicFlows.CameraCapture.CameraConnectionIssue.title": "我們無法取用你的相機",
+  "dynamicFlows.CameraCapture.CameraNotSupported.paragraph": "你目前使用的瀏覽器不支持相機。請嘗試使用其他瀏覽器或其他裝置，或者你可以下載我們的應用程式。",
+  "dynamicFlows.CameraCapture.CameraNotSupported.title": "不支持相機",
+  "dynamicFlows.CameraCapture.NoCameraAccess.action": "允許取用相機",
+  "dynamicFlows.CameraCapture.NoCameraAccess.paragraph": "你可以在瀏覽器的設定中開啟相機存取權限。",
+  "dynamicFlows.CameraCapture.NoCameraAccess.title": "我們無法取用你的相機",
+  "dynamicFlows.CameraCapture.reviewInstructions": "你的照片是否完整、清晰及可讀？",
+  "dynamicFlows.CameraCapture.reviewRetry": "否，再試一次",
+  "dynamicFlows.CameraCapture.reviewSubmit": "是，提交",
+  "dynamicFlows.CameraCapture.rotatePhone.text": "將手機旋轉至垂直畫面以拍照",
+  "dynamicFlows.ControlFeedback.maxLength": "請輸入最多{maxLength}個字元。",
+  "dynamicFlows.ControlFeedback.maximum": "請輸入一個小於或等於{maximum}的數字。",
+  "dynamicFlows.ControlFeedback.maximumDate": "請輸入{maximum}或之前的日期。",
+  "dynamicFlows.ControlFeedback.minLength": "請輸入至少{minLength}個字元。",
+  "dynamicFlows.ControlFeedback.minimum": "請輸入一個大於或等於{minimum}的數字。",
+  "dynamicFlows.ControlFeedback.minimumDate": "請輸入{minimum}或之後的日期。",
+  "dynamicFlows.ControlFeedback.pattern": "請以正確格式輸入内容。",
+  "dynamicFlows.ControlFeedback.patternDate": "請以正確格式輸入日期。",
+  "dynamicFlows.ControlFeedback.required": "請填寫此欄位。",
+  "dynamicFlows.ControlFeedback.type": "錯誤的類型",
+  "dynamicFlows.DefaultErrorMessages.required": "請填寫此欄位。",
+  "dynamicFlows.DynamicExternal.retryTitle": "重新打開視窗",
+  "dynamicFlows.DynamicParagraph.copied": "複製到剪貼板",
+  "dynamicFlows.DynamicParagraph.copy": "複製",
+  "dynamicFlows.ErrorBoundary.errorAlert": "出了些問題。",
+  "dynamicFlows.ErrorBoundary.retry": "重試",
+  "dynamicFlows.ExternalConfirmation.cancel": "取消",
+  "dynamicFlows.ExternalConfirmation.description": "請確認你是否要在瀏覽器的新分頁打開**{origin}**。",
+  "dynamicFlows.ExternalConfirmation.open": "在新分頁中開啟",
+  "dynamicFlows.ExternalConfirmation.title": "請確認",
+  "dynamicFlows.Help.ariaLabel": "按此查看詳情。",
+  "dynamicFlows.MultiSelect.summary": "{first}和其他{count}項",
+  "dynamicFlows.MultipleFileUploadSchema.maxFileSizeError": "抱歉，該檔案太大。請上載一個較小的檔案。",
+  "dynamicFlows.MultipleFileUploadSchema.maxItemsError": "請不要上載超過{maxItems}個檔案。",
+  "dynamicFlows.MultipleFileUploadSchema.minItemsError": "請上載至少{minItems}個檔案。",
+  "dynamicFlows.PersistAsyncSchema.genericError": "出現了問題，請再試一次。",
+  "dynamicFlows.ReadOnlySchema.no": "否",
+  "dynamicFlows.ReadOnlySchema.yes": "是"
 }

package/build/main.js

@@ -11674,7 +11674,6 @@ function SelectInputRendererComponent(props) {
     label,
     options,
     placeholder,
-    required,
     selectedIndex,
     onSelect
   } = props;
@@ -11717,7 +11716,7 @@ function SelectInputRendererComponent(props) {
         renderValue,
         filterable: items.length >= 8,
         onChange: onSelect,
-        onClear: required ? void 0 : () => onSelect(null)
+        onClear: () => onSelect(null)
       }
     ) }),
     children
@@ -14385,8 +14384,16 @@ function MultiSelectSchema({
         items: options.map((value, index) => ({
           type: "option",
           value: index,
-          disabled: value.disabled
+          disabled: value.disabled,
+          filterMatchers: [
+            value.label,
+            value.value,
+            ...value.note ? [value.note] : [],
+            ...value.secondary ? [value.secondary] : [],
+            ...value.searchStrings ? value.searchStrings : []
+          ]
         })),
+        filterable: options.length >= 8,
         value: selected != null ? selected : [],
         renderValue: (index, withinTrigger) => {
           const { icon, label, note, secondary } = options[index];
@@ -15335,7 +15342,7 @@ var _FormControl = class _FormControl extends import_react37.PureComponent {
             onFilterChange: search && onSearchChange ? ({ query }) => {
               onSearchChange(query);
             } : void 0,
-            onClear: required ? void 0 : () => {
+            onClear: () => {
               this.setState({ selectedOption: null });
               this.props.onChange(null);
             }
@@ -15673,18 +15680,7 @@ var getOptions = (schema, controlType) => {
   return null;
 };
 function SchemaFormControl(props) {
-  const {
-    id,
-    schema,
-    value,
-    disabled,
-    required,
-    onChange,
-    onFocus,
-    onBlur,
-    onSearchChange,
-    describedBy
-  } = props;
+  const { id, schema, value, disabled, onChange, onFocus, onBlur, onSearchChange, describedBy } = props;
   const log = useLogger();
   const getSanitisedValue = (value2) => isNativeInput(schema.type) && (isNull3(value2) || isUndefined3(value2)) ? "" : value2;
   const onModelChange = (value2, type, metadata) => {
@@ -15715,8 +15711,7 @@ function SchemaFormControl(props) {
     displayPattern: schema.displayFormat,
     // TODO: LOW avoid type assertion below
     uploadProps: mapSchemaToUploadOptions(schema),
-    describedBy,
-    required
+    describedBy
   };
   return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { "aria-describedby": describedBy, children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(FormControl, __spreadValues(__spreadValues({ type: controlType, value: safeValue }, events), controlProps)) });
 }
@@ -15836,7 +15831,6 @@ function OneOfSchema(props) {
             value: schemaIndex,
             disabled: props.disabled,
             describedBy: feedbackId,
-            required: props.required,
             onChange: onChooseNewSchema,
             onFocus,
             onBlur,
@@ -18609,6 +18603,23 @@ var assertResponseIsValid2 = (response) => {
 };
 var isResponse2 = (response) => typeof response === "object" && response !== null && "clone" in response && "bodyUsed" in response;
 
+// src/legacy/dynamicFlow/utils/useErrorResponse.tsx
+var import_react_intl38 = require("react-intl");
+var useErrorResponse = () => {
+  const { formatMessage } = (0, import_react_intl38.useIntl)();
+  return async (response, fetchType) => {
+    try {
+      const errorResponse = await parseErrorResponse(response);
+      return errorResponse;
+    } catch (error) {
+      if (fetchType === "submission") {
+        return { error: formatMessage(generic_error_messages_default.genericErrorRetryHint) };
+      }
+      throw error;
+    }
+  };
+};
+
 // src/legacy/dynamicFlow/DynamicFlow.tsx
 var import_jsx_runtime127 = require("react/jsx-runtime");
 var noop7 = () => {
@@ -18740,6 +18751,7 @@ var DynamicFlowComponent = ({
       warnIfNoStepLayout(initialStep);
     }
   }, [httpClient, JSON.stringify(initialStep), JSON.stringify(initialAction)]);
+  const getErrorResponse = useErrorResponse();
   const handleResponse = async (response, fetchType, actionResult) => {
     try {
       if (response.status === 304) {
@@ -18747,7 +18759,7 @@ var DynamicFlowComponent = ({
         return;
       }
       if (!response.ok) {
-        const errorResponse = await parseErrorResponse(response);
+        const errorResponse = await getErrorResponse(response, fetchType);
         void updateAfterError(errorResponse);
         return;
       }