@wise/dynamic-flow-client-internal 5.19.4-exp-scroll-to-errors-d7a48a2 → 5.19.4-exp-scroll-flag-849755e

package/build/main.mjs

@@ -916,13 +916,14 @@ function FieldInput({
   description,
   help,
   loadingState = "idle",
-  inlineAlert
+  inlineAlert,
+  isFeatureEnabled
 }) {
   const labelContent = label && help ? /* @__PURE__ */ jsx19(LabelContentWithHelp, { text: label, help }) : label;
   const message = validation == null ? void 0 : validation.message;
   const ref = useRef(null);
   useEffect4(() => {
-    if (message) {
+    if (message && isFeatureEnabled("scrollToErrors")) {
       scrollToIfNotVisible(ref.current);
     }
   }, [message]);
@@ -1026,6 +1027,7 @@ var CheckboxComponent = (props) => {
       help,
       inlineAlert: rest.inlineAlert,
       loadingState: rest.fieldLoadingState,
+      isFeatureEnabled: rest.isFeatureEnabled,
       children: /* @__PURE__ */ jsx23(Checkbox, __spreadValues({ id }, checkboxProps))
     }
   );
@@ -1223,6 +1225,7 @@ var DateInputRenderer = {
         inlineAlert: props.inlineAlert,
         loadingState: props.fieldLoadingState,
         help,
+        isFeatureEnabled: props.isFeatureEnabled,
         children: /* @__PURE__ */ jsx26(VariableDateInput_default, { control, inputProps })
       }
     );
@@ -1915,6 +1918,7 @@ var IntegerInputRenderer = {
         inlineAlert: props.inlineAlert,
         loadingState: props.fieldLoadingState,
         help,
+        isFeatureEnabled: props.isFeatureEnabled,
         children: /* @__PURE__ */ jsx43(InputGroup, { addonStart: getInputGroupAddonStart(media), children: /* @__PURE__ */ jsx43(
           Input,
           __spreadValues({
@@ -2178,6 +2182,7 @@ function MoneyInputRendererComponent(props) {
       description,
       validation: validationState,
       help,
+      isFeatureEnabled: props.isFeatureEnabled,
       children: /* @__PURE__ */ jsx52(
         MoneyInput,
         {
@@ -2262,6 +2267,7 @@ function InlineComponent(props) {
       help,
       description,
       validation: validationState,
+      isFeatureEnabled: props.isFeatureEnabled,
       children: options.map((option, index) => {
         var _a;
         const {
@@ -2374,6 +2380,7 @@ function DefaultComponent(props) {
       help,
       description,
       validation: validationState,
+      isFeatureEnabled: props.isFeatureEnabled,
       children: /* @__PURE__ */ jsx54(
         SelectInput,
         __spreadValues({
@@ -2435,6 +2442,7 @@ function InlineCheckboxComponent(props) {
       help,
       description,
       validation: validationState,
+      isFeatureEnabled: props.isFeatureEnabled,
       children: options.map((option, index) => {
         var _a;
         const {
@@ -2482,8 +2490,8 @@ import { Status, UploadInput } from "@transferwise/components";
 
 // ../renderers/src/components/UploadFieldInput.tsx
 var import_classnames4 = __toESM(require_classnames());
-import { useEffect as useEffect8, useRef as useRef2 } from "react";
 import { InlineAlert as InlineAlert2 } from "@transferwise/components";
+import { useEffect as useEffect8, useRef as useRef2 } from "react";
 import { jsx as jsx57, jsxs as jsxs12 } from "react/jsx-runtime";
 function UploadFieldInput({
   id,
@@ -2491,14 +2499,15 @@ function UploadFieldInput({
   label,
   description,
   help,
-  validation
+  validation,
+  isFeatureEnabled
 }) {
   const labelContent = label && help ? /* @__PURE__ */ jsx57(LabelContentWithHelp, { text: label, help }) : label;
   const descriptionId = description ? `${id}-description` : void 0;
   const message = validation == null ? void 0 : validation.message;
   const ref = useRef2(null);
   useEffect8(() => {
-    if (message) {
+    if (message && isFeatureEnabled("scrollToErrors")) {
       scrollToIfNotVisible(ref.current);
     }
   }, [message]);
@@ -2563,6 +2572,7 @@ var MultiUploadInputRenderer = {
       uploadLabel,
       validationState,
       value,
+      isFeatureEnabled,
       onInsertFile,
       onRemoveFile
     } = props;
@@ -2580,6 +2590,7 @@ var MultiUploadInputRenderer = {
         description,
         validation: validationState,
         help,
+        isFeatureEnabled,
         children: /* @__PURE__ */ jsx58(
           UploadInput,
           {
@@ -2633,6 +2644,7 @@ var NumberInputRenderer = {
         inlineAlert: props.inlineAlert,
         loadingState: props.fieldLoadingState,
         help,
+        isFeatureEnabled: props.isFeatureEnabled,
         children: /* @__PURE__ */ jsx59(InputGroup2, { addonStart: getInputGroupAddonStart(media), children: /* @__PURE__ */ jsx59(
           Input2,
           __spreadValues({
@@ -3081,29 +3093,41 @@ function BlockSearchRendererComponent({
   query,
   state,
   title,
+  isFeatureEnabled,
   trackEvent,
   onChange
 }) {
   const [hasSearched, setHasSearched] = useState10(false);
   const { formatMessage } = useIntl12();
   return /* @__PURE__ */ jsxs18("div", { className: getMargin(margin), children: [
-    /* @__PURE__ */ jsx66(FieldInput_default, { id, description: "", validation: void 0, help: "", label: title, children: /* @__PURE__ */ jsx66(InputGroup3, { addonStart: { content: /* @__PURE__ */ jsx66(Search, { size: 24 }) }, children: /* @__PURE__ */ jsx66(
-      Input4,
+    /* @__PURE__ */ jsx66(
+      FieldInput_default,
       {
         id,
-        name: id,
-        placeholder: hint,
-        type: "text",
-        value: query,
-        onChange: ({ currentTarget: { value } }) => {
-          if (!hasSearched) {
-            setHasSearched(true);
-            trackEvent("Search Started");
+        description: "",
+        validation: void 0,
+        help: "",
+        label: title,
+        isFeatureEnabled,
+        children: /* @__PURE__ */ jsx66(InputGroup3, { addonStart: { content: /* @__PURE__ */ jsx66(Search, { size: 24 }) }, children: /* @__PURE__ */ jsx66(
+          Input4,
+          {
+            id,
+            name: id,
+            placeholder: hint,
+            type: "text",
+            value: query,
+            onChange: ({ currentTarget: { value } }) => {
+              if (!hasSearched) {
+                setHasSearched(true);
+                trackEvent("Search Started");
+              }
+              onChange(value);
+            }
           }
-          onChange(value);
-        }
+        ) })
       }
-    ) }) }),
+    ),
     isLoading ? /* @__PURE__ */ jsx66("span", { children: formatMessage(search_messages_default.loading) }) : /* @__PURE__ */ jsx66(SearchResultContent, { state, trackEvent })
   ] });
 }
@@ -3176,46 +3200,58 @@ function InlineSearchRenderer({
   onChange,
   state,
   title,
+  isFeatureEnabled,
   trackEvent
 }) {
   const [hasSearched, setHasSearched] = useState11(false);
   const intl = useIntl13();
-  return /* @__PURE__ */ jsx67("div", { className: getMargin(margin), children: /* @__PURE__ */ jsx67(FieldInput_default, { id, description: "", validation: void 0, help: "", label: title, children: /* @__PURE__ */ jsx67(
-    Typeahead,
+  return /* @__PURE__ */ jsx67("div", { className: getMargin(margin), children: /* @__PURE__ */ jsx67(
+    FieldInput_default,
     {
-      id: "typeahead-input-id",
-      intl,
-      name: "typeahead-input-name",
-      size: "md",
-      placeholder: hint,
-      maxHeight: 100,
-      footer: /* @__PURE__ */ jsx67(TypeaheadFooter, { state, isLoading }),
-      multiple: false,
-      clearable: false,
-      addon: /* @__PURE__ */ jsx67(Search2, { size: 24 }),
-      options: state.type === "results" ? state.results.map(mapResultToTypeaheadOption) : [],
-      minQueryLength: 1,
-      onChange: (values) => {
-        if (values.length > 0) {
-          const [updatedValue] = values;
-          const { value: result } = updatedValue;
-          if (result) {
-            trackEvent("Search Result Selected", __spreadValues({
-              type: result.type
-            }, result.type === "action" ? { actionId: result.id } : {}));
-            result.onClick();
+      id,
+      description: "",
+      validation: void 0,
+      help: "",
+      label: title,
+      isFeatureEnabled,
+      children: /* @__PURE__ */ jsx67(
+        Typeahead,
+        {
+          id: "typeahead-input-id",
+          intl,
+          name: "typeahead-input-name",
+          size: "md",
+          placeholder: hint,
+          maxHeight: 100,
+          footer: /* @__PURE__ */ jsx67(TypeaheadFooter, { state, isLoading }),
+          multiple: false,
+          clearable: false,
+          addon: /* @__PURE__ */ jsx67(Search2, { size: 24 }),
+          options: state.type === "results" ? state.results.map(mapResultToTypeaheadOption) : [],
+          minQueryLength: 1,
+          onChange: (values) => {
+            if (values.length > 0) {
+              const [updatedValue] = values;
+              const { value: result } = updatedValue;
+              if (result) {
+                trackEvent("Search Result Selected", __spreadValues({
+                  type: result.type
+                }, result.type === "action" ? { actionId: result.id } : {}));
+                result.onClick();
+              }
+            }
+          },
+          onInputChange: (query) => {
+            if (!hasSearched) {
+              setHasSearched(true);
+              trackEvent("Search Started");
+            }
+            onChange(query);
           }
         }
-      },
-      onInputChange: (query) => {
-        if (!hasSearched) {
-          setHasSearched(true);
-          trackEvent("Search Started");
-        }
-        onChange(query);
-      }
+      )
     }
-  ) }) });
+  ) });
 }
 function mapResultToTypeaheadOption(result) {
   return {
@@ -3303,6 +3339,7 @@ function RadioInputRendererComponent(props) {
     options,
     selectedIndex,
     validationState,
+    isFeatureEnabled,
     onSelect
   } = props;
   return /* @__PURE__ */ jsxs20(Fragment8, { children: [
@@ -3314,6 +3351,7 @@ function RadioInputRendererComponent(props) {
         help,
         description,
         validation: validationState,
+        isFeatureEnabled,
         children: /* @__PURE__ */ jsx70("span", { children: /* @__PURE__ */ jsx70(
           RadioGroup,
           {
@@ -3351,6 +3389,7 @@ function TabInputRendererComponent(props) {
     options,
     selectedIndex,
     validationState,
+    isFeatureEnabled,
     onSelect
   } = props;
   useEffect9(() => {
@@ -3367,6 +3406,7 @@ function TabInputRendererComponent(props) {
         help,
         description,
         validation: validationState,
+        isFeatureEnabled,
         children: /* @__PURE__ */ jsx71(
           Tabs,
           {
@@ -3445,6 +3485,7 @@ function SelectInputRendererComponent(props) {
         help,
         description,
         validation: validationState,
+        isFeatureEnabled: props.isFeatureEnabled,
         children: /* @__PURE__ */ jsx72(
           SelectInput2,
           __spreadValues({
@@ -3479,6 +3520,7 @@ function SegmentedInputRendererComponent(props) {
     options,
     selectedIndex,
     validationState,
+    isFeatureEnabled,
     onSelect
   } = props;
   useEffect10(() => {
@@ -3495,6 +3537,7 @@ function SegmentedInputRendererComponent(props) {
         help,
         description,
         validation: validationState,
+        isFeatureEnabled,
         children: /* @__PURE__ */ jsx73(
           SegmentedControl,
           {
@@ -4085,6 +4128,7 @@ var TextInputRenderer = {
         inlineAlert: props.inlineAlert,
         loadingState: props.fieldLoadingState,
         help,
+        isFeatureEnabled: props.isFeatureEnabled,
         children: /* @__PURE__ */ jsx87(InputGroup4, { addonStart: getInputGroupAddonStart(media), children: /* @__PURE__ */ jsx87(VariableTextInput, __spreadValues({}, inputProps)) })
       }
     );
@@ -4103,7 +4147,18 @@ import { jsx as jsx88 } from "react/jsx-runtime";
 var UploadInputRenderer = {
   canRenderType: "input-upload",
   render: (props) => {
-    const { id, accepts, title, description, disabled, maxSize, validationState, value, onUpload } = props;
+    const {
+      id,
+      accepts,
+      title,
+      description,
+      disabled,
+      maxSize,
+      validationState,
+      value,
+      isFeatureEnabled,
+      onUpload
+    } = props;
     const onUploadFile = async (formData) => {
       const file = formData.get("file");
       return onUpload(file).then(() => ({
@@ -4122,6 +4177,7 @@ var UploadInputRenderer = {
           label: void 0,
           description: void 0,
           validation: validationState,
+          isFeatureEnabled,
           children: /* @__PURE__ */ jsx88(
             UploadInput2,
             {
@@ -4196,6 +4252,7 @@ var LargeUploadRenderer = {
         description,
         validation: validationState,
         help,
+        isFeatureEnabled: rest.isFeatureEnabled,
         children: /* @__PURE__ */ jsx88(
           Upload,
           __spreadProps(__spreadValues({}, uploadProps), {