@wise/dynamic-flow-client 3.1.1 → 3.2.0-beta-ebb580.38

package/build/main.js

@@ -149,10 +149,10 @@ var init_clsx = __esm({
   }
 });
 
-// ../../node_modules/.pnpm/@wise+art@2.9.2_@transferwise+neptune-css@14.8.0_@types+react@18.0.29_react-dom@18.2.0_react@18.2.0/node_modules/@wise/art/dist/index-d9418379.esm.js
+// ../../node_modules/.pnpm/@wise+art@2.9.2_@transferwise+neptune-css@14.9.5_@types+react@18.0.29_react-dom@18.2.0_react@18.2.0/node_modules/@wise/art/dist/index-d9418379.esm.js
 var import_react17, import_jsx_runtime28, unknownFlagName, Flag, Sizes, ImageSizes, imageSizes, Assets, RenderMode;
 var init_index_d9418379_esm = __esm({
-  "../../node_modules/.pnpm/@wise+art@2.9.2_@transferwise+neptune-css@14.8.0_@types+react@18.0.29_react-dom@18.2.0_react@18.2.0/node_modules/@wise/art/dist/index-d9418379.esm.js"() {
+  "../../node_modules/.pnpm/@wise+art@2.9.2_@transferwise+neptune-css@14.9.5_@types+react@18.0.29_react-dom@18.2.0_react@18.2.0/node_modules/@wise/art/dist/index-d9418379.esm.js"() {
     "use strict";
     init_clsx();
     import_react17 = require("react");
@@ -4414,7 +4414,7 @@ var FormControl = _FormControl;
 // src/legacy/jsonSchemaForm/schemaFormControl/utils/mapping-utils.tsx
 var import_components14 = require("@transferwise/components");
 
-// ../../node_modules/.pnpm/@wise+art@2.9.2_@transferwise+neptune-css@14.8.0_@types+react@18.0.29_react-dom@18.2.0_react@18.2.0/node_modules/@wise/art/dist/index.esm.js
+// ../../node_modules/.pnpm/@wise+art@2.9.2_@transferwise+neptune-css@14.9.5_@types+react@18.0.29_react-dom@18.2.0_react@18.2.0/node_modules/@wise/art/dist/index.esm.js
 init_index_d9418379_esm();
 init_clsx();
 var import_react18 = require("react");
@@ -5007,7 +5007,7 @@ function PromotedOneOfRadioControl(props) {
   const radios = [
     __spreadValues({
       value: "promoted",
-      // TODO: LOW avoid type assertion below the expression may be nullish, but "label" cannot be
+      // TODO: LOW avoid type assertion below: the expression may be nullish, but "label" cannot be
       label: ((_a = promotion.promoted) == null ? void 0 : _a.title) || promotedOneOf.title,
       secondary: ((_b = promotion.promoted) == null ? void 0 : _b.description) || promotedOneOf.description
     }, getAvatarPropertyForRadioOption(promotedOneOf)),
@@ -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
@@ -8680,7 +8680,7 @@ function $1746a345f3d73bb7$export$f680877a34711e37(deterministicId) {
   return deterministicId || (id ? `radix-${id}` : "");
 }
 
-// ../../node_modules/.pnpm/@wise+forms@0.3.1_@transferwise+components@46.10.0_@types+react@18.0.29_react@18.2.0/node_modules/@wise/forms/dist/index.esm.js
+// ../../node_modules/.pnpm/@wise+forms@0.3.1_@transferwise+components@46.17.2_@types+react@18.0.29_react@18.2.0/node_modules/@wise/forms/dist/index.esm.js
 var import_components39 = require("@transferwise/components");
 var import_classnames9 = __toESM(require_classnames());
 var import_react49 = require("react");
@@ -9962,12 +9962,12 @@ function RadioInputRendererComponent(props) {
         name: id,
         radios: options.map((option, index) => ({
           label: option.title,
-          value: String(index),
+          value: index,
           secondary: option.description,
           disabled: option.disabled || disabled,
           avatar: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(OptionMedia, { icon: option.icon, image: option.image })
         })),
-        selectedValue: String(selectedIndex),
+        selectedValue: selectedIndex != null ? selectedIndex : void 0,
         onChange: onSelect
       }
     ) }) }),
@@ -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);
@@ -11486,20 +11493,20 @@ var getPerformPersistAsync = ({
   const { idProperty, param, method, url } = persistAsyncConfig;
   const trackFailure = (json) => {
     const analytics = getAnalyticsFromErrorResponse(json);
-    trackEvent("PersistAsync Failed", __spreadValues({ schemaId }, analytics));
+    trackEvent("PersistAsync Failed", __spreadValues({ schema: schemaId }, analytics));
   };
   return async function performPersistAsync({ value, signal }) {
     let response;
     let json;
     try {
-      trackEvent("PersistAsync Triggered", { schemaId });
+      trackEvent("PersistAsync Triggered", { schema: schemaId });
       response = await httpClient(
         url,
         constructPayload({ value, signal, requestConfig: { method, param } })
       );
       json = await response.json();
       if (response.ok && isObject2(json)) {
-        trackEvent("PersistAsync Succeeded", { schemaId });
+        trackEvent("PersistAsync Succeeded", { schema: schemaId });
         if (json[idProperty] === void 0) {
           logEvent(
             "error",
@@ -11594,12 +11601,12 @@ var getPerformValidationAsync = ({
   const { method, param, url } = validationAsyncConfig;
   const trackFailureAndReturn = (json) => {
     const analytics = getAnalyticsFromErrorResponse(json);
-    trackEvent("ValidationAsync Failed", __spreadValues({ schemaId }, analytics));
+    trackEvent("ValidationAsync Failed", __spreadValues({ schema: schemaId }, analytics));
     return null;
   };
   return async function performValidationAsync({ value, signal }) {
     let response;
-    trackEvent("ValidationAsync Triggered", { schemaId });
+    trackEvent("ValidationAsync Triggered", { schema: schemaId });
     try {
       response = await httpClient(
         url,
@@ -11611,12 +11618,12 @@ var getPerformValidationAsync = ({
     const json = await response.json().catch(() => null);
     const message = getValidationMessage(json);
     if (response.ok) {
-      trackEvent("ValidationAsync Succeeded", { schemaId });
+      trackEvent("ValidationAsync Succeeded", { schema: schemaId });
       return message;
     }
     if (response.status === 422) {
       if (message) {
-        trackEvent("ValidationAsync Succeeded", { schemaId });
+        trackEvent("ValidationAsync Succeeded", { schema: schemaId });
         throw new Error(message);
       }
     }
@@ -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]
   );