@wise/dynamic-flow-client 3.1.1 → 3.1.2

package/build/main.js

@@ -8612,7 +8612,7 @@ var translations = {
 var i18n_default = translations;
 
 // src/revamp/DynamicFlowWise.tsx
-var import_react58 = require("react");
+var import_react59 = require("react");
 var import_react_intl36 = require("react-intl");
 
 // src/revamp/wise/renderers/AlertRenderer.tsx
@@ -9977,6 +9977,7 @@ function RadioInputRendererComponent(props) {
 
 // src/revamp/wise/renderers/SelectInputRenderer/TabInputRendererComponent.tsx
 var import_components63 = require("@transferwise/components");
+var import_react55 = require("react");
 var import_jsx_runtime108 = require("react/jsx-runtime");
 function TabInputRendererComponent(props) {
   const {
@@ -9991,6 +9992,11 @@ function TabInputRendererComponent(props) {
     selectedIndex,
     onSelect
   } = props;
+  (0, import_react55.useEffect)(() => {
+    if (!isValidIndex(selectedIndex, options.length)) {
+      onSelect(0);
+    }
+  }, [selectedIndex, onSelect, options.length]);
   return /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(import_jsx_runtime108.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(FieldInput_default, { id, label, help, description, error, children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
       import_components63.Tabs,
@@ -10010,6 +10016,7 @@ function TabInputRendererComponent(props) {
     children
   ] });
 }
+var isValidIndex = (index, options) => index !== null && index >= 0 && index < options;
 
 // src/revamp/wise/renderers/SelectInputRenderer/SelectInputRendererComponent.tsx
 var import_components65 = require("@transferwise/components");
@@ -10402,7 +10409,7 @@ var getWiseRenderers = () => [
 ];
 
 // src/revamp/DynamicFlowCore.tsx
-var import_react57 = require("react");
+var import_react58 = require("react");
 var import_react_intl35 = require("react-intl");
 
 // src/revamp/domain/features/events/getAnalyticsEventDispatcher.ts
@@ -10672,19 +10679,19 @@ var CoreContainerRenderer = {
 };
 
 // src/revamp/renderers/StepRenderer.tsx
-var import_react55 = require("react");
+var import_react56 = require("react");
 var import_jsx_runtime118 = require("react/jsx-runtime");
 var StepRenderer = {
   canRenderType: "step",
   render: StepRendererComponent
 };
 function StepRendererComponent({ children, loadingState }) {
-  const value = (0, import_react55.useMemo)(() => ({ loadingState }), [loadingState]);
+  const value = (0, import_react56.useMemo)(() => ({ loadingState }), [loadingState]);
   return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(LoadingContextProvider, { value, children });
 }
 
 // src/revamp/step/Step.tsx
-var import_react56 = require("react");
+var import_react57 = require("react");
 
 // src/revamp/domain/features/validation/validation-functions.ts
 var validateComponents = (components) => components.reduce((acc, component) => component.validate() && acc, true);
@@ -13730,9 +13737,9 @@ function Step({
   triggerRefresh
 }) {
   var _a;
-  const [stepComponent, setStepComponent] = (0, import_react56.useState)(emptyStepComponent);
-  const stepComponentRef = (0, import_react56.useRef)(emptyStepComponent);
-  const updateComponent = (0, import_react56.useCallback)(
+  const [stepComponent, setStepComponent] = (0, import_react57.useState)(emptyStepComponent);
+  const stepComponentRef = (0, import_react57.useRef)(emptyStepComponent);
+  const updateComponent = (0, import_react57.useCallback)(
     (id, update) => {
       update(findComponent([stepComponentRef.current], id));
       setStepComponent(() => {
@@ -13743,14 +13750,14 @@ function Step({
     },
     []
   );
-  (0, import_react56.useEffect)(() => {
+  (0, import_react57.useEffect)(() => {
     setStepComponent(() => {
       const newStepDomainComponent = __spreadProps(__spreadValues({}, stepComponentRef.current), { loadingState });
       stepComponentRef.current = newStepDomainComponent;
       return newStepDomainComponent;
     });
   }, [loadingState]);
-  const onAction = (0, import_react56.useCallback)(
+  const onAction = (0, import_react57.useCallback)(
     async (action) => {
       var _a2;
       const skipValidation = action.method === "GET" || Boolean(action.skipValidation);
@@ -13770,7 +13777,7 @@ function Step({
     },
     [triggerSubmission]
   );
-  const onRefresh = (0, import_react56.useCallback)(
+  const onRefresh = (0, import_react57.useCallback)(
     async (schemaId, url) => {
       var _a2;
       const refreshUrl = (_a2 = url != null ? url : step.refreshUrl) != null ? _a2 : step.refreshFormUrl;
@@ -13782,7 +13789,7 @@ function Step({
     },
     [step.refreshUrl, step.refreshFormUrl, triggerRefresh]
   );
-  (0, import_react56.useEffect)(() => {
+  (0, import_react57.useEffect)(() => {
     const initialComponent = mapStepToComponent({
       stepLocalValue: initialLocalValue,
       step,
@@ -13812,7 +13819,7 @@ function Step({
     logEvent,
     onRefresh
   ]);
-  (0, import_react56.useEffect)(() => {
+  (0, import_react57.useEffect)(() => {
     trackEvent("Step Shown");
   }, [(_a = step.id) != null ? _a : step.key]);
   return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_jsx_runtime119.Fragment, { children: render(stepComponent) });
@@ -14462,21 +14469,21 @@ function DynamicFlowCore(props) {
     onLog
   } = props;
   const { formatMessage, locale } = (0, import_react_intl35.useIntl)();
-  const getErrorMessageFunctions = (0, import_react57.useMemo)(
+  const getErrorMessageFunctions = (0, import_react58.useMemo)(
     () => getSchemaErrorMessageFunction(formatMessage, locale),
     [formatMessage, locale]
   );
-  (0, import_react57.useEffect)(() => {
+  (0, import_react58.useEffect)(() => {
     var _a2;
     if (!initialStep && initialAction) {
       void triggerSubmission(initialAction, (_a2 = initialAction.data) != null ? _a2 : {}, null);
     }
   }, []);
-  const [step, setStep] = (0, import_react57.useState)(initialStep != null ? initialStep : null);
-  const localValueRef = (0, import_react57.useRef)(null);
-  const [etag, setEtag] = (0, import_react57.useState)(null);
-  const abortControllerRef = (0, import_react57.useRef)(new AbortController());
-  const [loadingState, setLoadingState] = (0, import_react57.useState)(initialStep ? "idle" : "loading");
+  const [step, setStep] = (0, import_react58.useState)(initialStep != null ? initialStep : null);
+  const localValueRef = (0, import_react58.useRef)(null);
+  const [etag, setEtag] = (0, import_react58.useState)(null);
+  const abortControllerRef = (0, import_react58.useRef)(new AbortController());
+  const [loadingState, setLoadingState] = (0, import_react58.useState)(initialStep ? "idle" : "loading");
   const abortCurrentAndGetNewAbortSignal = () => {
     abortControllerRef.current.abort();
     abortControllerRef.current = new AbortController();
@@ -14484,21 +14491,21 @@ function DynamicFlowCore(props) {
   };
   const stepId = (_a = step == null ? void 0 : step.id) != null ? _a : step == null ? void 0 : step.key;
   const stepAnalytics = step == null ? void 0 : step.analytics;
-  const trackEvent = (0, import_react57.useMemo)(
+  const trackEvent = (0, import_react58.useMemo)(
     () => getAnalyticsEventDispatcher({ flowId, stepId, analytics: stepAnalytics, onEvent }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [flowId, stepId, JSON.stringify(stepAnalytics), onEvent]
   );
-  const logEvent = (0, import_react57.useMemo)(() => getLoggingEventDispatcher(onLog), [onLog]);
-  (0, import_react57.useEffect)(() => trackEvent("Flow Started"), []);
-  const closeWithError = (0, import_react57.useCallback)(
+  const logEvent = (0, import_react58.useMemo)(() => getLoggingEventDispatcher(onLog), [onLog]);
+  (0, import_react58.useEffect)(() => trackEvent("Flow Started"), []);
+  const closeWithError = (0, import_react58.useCallback)(
     (error, analytics) => {
       trackEvent("Flow Failed", __spreadValues({}, analytics));
       onError(error);
     },
     [onError, trackEvent]
   );
-  const triggerSubmission = (0, import_react57.useCallback)(
+  const triggerSubmission = (0, import_react58.useCallback)(
     async (action, model, localValue) => {
       if (true) {
         console.log("\u23EF\uFE0F triggerSubmission", JSON.stringify({ action, model }, null, 2));
@@ -14570,7 +14577,7 @@ function DynamicFlowCore(props) {
     },
     [httpClient, trackEvent, onCompletion, getErrorMessageFunctions, step, etag, closeWithError]
   );
-  const triggerRefresh = (0, import_react57.useCallback)(
+  const triggerRefresh = (0, import_react58.useCallback)(
     async ({
       refreshUrl,
       model,
@@ -14611,7 +14618,7 @@ function DynamicFlowCore(props) {
     },
     [etag, httpClient, trackEvent, closeWithError]
   );
-  const render = (0, import_react57.useMemo)(
+  const render = (0, import_react58.useMemo)(
     () => getRenderFunction([CoreContainerRenderer, ...renderers2, StepRenderer]),
     [renderers2]
   );
@@ -14639,7 +14646,7 @@ var renderers = getWiseRenderers();
 function DynamicFlowWise(props) {
   const { httpClient } = props;
   const { locale } = (0, import_react_intl36.useIntl)();
-  const wiseHttpClient = (0, import_react58.useMemo)(
+  const wiseHttpClient = (0, import_react59.useMemo)(
     () => makeWiseHttpClient(httpClient, locale),
     [httpClient, locale]
   );