@wise/dynamic-flow-client 3.23.0 → 3.23.1

package/build/main.mjs

@@ -138,12 +138,12 @@ var init_clsx = __esm({
   }
 });
 
-// ../../node_modules/.pnpm/@wise+art@2.16.1_@transferwise+neptune-css@14.19.0_@types+react@18.3.11_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wise/art/dist/index-a91e5689.esm.js
+// ../../node_modules/.pnpm/@wise+art@2.16.2_@transferwise+neptune-css@14.19.1_@types+react@18.3.11_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wise/art/dist/index-c8ed1f53.esm.js
 import { useState as useState2, useEffect as useEffect2, forwardRef, Suspense, lazy } from "react";
 import { jsx as jsx17, jsxs as jsxs4, Fragment as Fragment3 } from "react/jsx-runtime";
 var unknownFlagName, Flag, Sizes, ImageSizes, imageSizes, Assets, RenderMode;
-var init_index_a91e5689_esm = __esm({
-  "../../node_modules/.pnpm/@wise+art@2.16.1_@transferwise+neptune-css@14.19.0_@types+react@18.3.11_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wise/art/dist/index-a91e5689.esm.js"() {
+var init_index_c8ed1f53_esm = __esm({
+  "../../node_modules/.pnpm/@wise+art@2.16.2_@transferwise+neptune-css@14.19.1_@types+react@18.3.11_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wise/art/dist/index-c8ed1f53.esm.js"() {
     "use strict";
     init_clsx();
     unknownFlagName = "wise";
@@ -159,16 +159,18 @@ var init_index_a91e5689_esm = __esm({
       }, [code]);
       const detailed = intrinsicSize >= 150;
       const name = fallback !== "unknown" ? `${code.toLowerCase()}${fallback == null && detailed ? "-detailed" : ""}` : unknownFlagName;
-      return /* @__PURE__ */ jsx17("img", {
+      return /* @__PURE__ */ jsx17("span", {
         className: clsx(`wds-flag wds-flag-${name}`, className),
-        src: `https://wise.com/web-art/assets/flags/${name}.svg`,
-        loading,
-        alt: "",
-        width: intrinsicSize,
-        height: intrinsicSize,
-        onError: () => {
-          setFallback((prev) => prev == null && detailed ? "simple" : "unknown");
-        }
+        children: /* @__PURE__ */ jsx17("img", {
+          src: `https://wise.com/web-art/assets/flags/${name}.svg`,
+          loading,
+          alt: "",
+          width: intrinsicSize,
+          height: intrinsicSize,
+          onError: () => {
+            setFallback((prev) => prev == null && detailed ? "simple" : "unknown");
+          }
+        })
       });
     };
     (function(Sizes2) {
@@ -11582,8 +11584,8 @@ var DateInputRenderer_default = DateInputRenderer;
 // ../renderers/src/DecisionRenderer.tsx
 import { NavigationOptionsList, NavigationOption, Header } from "@transferwise/components";
 
-// ../../node_modules/.pnpm/@wise+art@2.16.1_@transferwise+neptune-css@14.19.0_@types+react@18.3.11_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wise/art/dist/index.esm.js
-init_index_a91e5689_esm();
+// ../../node_modules/.pnpm/@wise+art@2.16.2_@transferwise+neptune-css@14.19.1_@types+react@18.3.11_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wise/art/dist/index.esm.js
+init_index_c8ed1f53_esm();
 init_clsx();
 import "react";
 import "react/jsx-runtime";
@@ -13845,7 +13847,7 @@ function isReference(block) {
 }
 
 // src/legacy/dynamicFlow/DynamicFlow.tsx
-import { useCallback as useCallback11, useEffect as useEffect26, useMemo as useMemo23, useState as useState34 } from "react";
+import { useCallback as useCallback11, useEffect as useEffect26, useMemo as useMemo24, useState as useState34 } from "react";
 import { useIntl as useIntl31 } from "react-intl";
 
 // src/legacy/common/contexts/dynamicFlowContexts/DynamicFlowContexts.tsx
@@ -14820,7 +14822,7 @@ var Size = {
 
 // src/legacy/jsonSchemaForm/basicTypeSchema/BasicTypeSchema.tsx
 var import_classnames15 = __toESM(require_classnames());
-import { useEffect as useEffect17, useMemo as useMemo18, useState as useState26 } from "react";
+import { useEffect as useEffect17, useMemo as useMemo19, useState as useState26 } from "react";
 
 // src/legacy/layout/alert/DynamicAlert.tsx
 import { Alert as Alert4 } from "@transferwise/components";
@@ -15234,7 +15236,7 @@ var DynamicDivider_default = DynamicDivider;
 
 // src/legacy/layout/external/DynamicExternal.tsx
 import { Button as Button8, Loader as Loader2, Size as Size2 } from "@transferwise/components";
-import { useCallback as useCallback6, useEffect as useEffect8 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect8, useMemo as useMemo12 } from "react";
 import { useIntl as useIntl11 } from "react-intl";
 
 // src/legacy/layout/external/DynamicExternal.messages.ts
@@ -15259,9 +15261,11 @@ var DynamicExternal = ({ component, onAction }) => {
   useEffect8(() => {
     openExternalUrl();
   }, [openExternalUrl]);
-  const pollingConfiguration = polling && responseHandlers ? __spreadProps(__spreadValues({}, polling), {
-    responseHandlers
-  }) : void 0;
+  const pollingConfiguration = useMemo12(() => {
+    return polling && responseHandlers ? __spreadProps(__spreadValues({}, polling), {
+      responseHandlers
+    }) : void 0;
+  }, [polling, responseHandlers]);
   useExternalStepPolling(pollingConfiguration, onAction);
   return /* @__PURE__ */ jsxs25(Fragment11, { children: [
     /* @__PURE__ */ jsx76(Loader2, { size: Size2.LARGE, classNames: { "tw-loader": "tw-loader m-x-auto" } }),
@@ -15326,7 +15330,7 @@ import {
   Status,
   UploadInput as UploadInput3
 } from "@transferwise/components";
-import { useMemo as useMemo12, useState as useState13 } from "react";
+import { useMemo as useMemo13, useState as useState13 } from "react";
 
 // src/legacy/jsonSchemaForm/controlFeedback/ControlFeedback.tsx
 import { InlineAlert as InlineAlert3 } from "@transferwise/components";
@@ -15472,7 +15476,7 @@ function MultipleFileUploadSchema(props) {
   const { onChange, errors = null, schema, required = false } = props;
   const onEvent = useEventDispatcher();
   const defaultErrorMessages = useFormattedDefaultErrorMessages(schema);
-  const uid = useMemo12(() => schema.$id || generateRandomId(), [schema.$id]);
+  const uid = useMemo13(() => schema.$id || generateRandomId(), [schema.$id]);
   const [inputChanged, setInputChanged] = useState13(false);
   const [files, setFiles] = useState13(() => convertFileIdsToComponentFileObjects(props.model || []));
   const performPersistAsync = usePersistAsync(schema.items.persistAsync);
@@ -15565,7 +15569,7 @@ function getValidationMessages(schema, required, defaultErrorMessages) {
 // src/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/multiSelectSchema/MultiSelectSchema.tsx
 var import_classnames8 = __toESM(require_classnames());
 import { SelectInput as SelectInput3, SelectInputOptionContent as SelectInputOptionContent3 } from "@transferwise/components";
-import { useEffect as useEffect9, useMemo as useMemo13, useState as useState14 } from "react";
+import { useEffect as useEffect9, useMemo as useMemo14, useState as useState14 } from "react";
 import { useIntl as useIntl14 } from "react-intl";
 
 // src/legacy/jsonSchemaForm/schemaFormControl/utils/mapping-utils.tsx
@@ -15682,7 +15686,7 @@ function MultiSelectSchema({
   const { formatMessage, locale } = useIntl14();
   const { disabled, items, validationMessages, placeholder } = schema;
   const options = items.oneOf.map((item) => mapConstSchemaToOption(item, "select"));
-  const id = useMemo13(() => schema.$id || generateRandomId(), [schema.$id]);
+  const id = useMemo14(() => schema.$id || generateRandomId(), [schema.$id]);
   const [changed, setChanged] = useState14(false);
   const [selected, setSelected] = useState14(getInitialModelIndices2(model, options));
   useEffect9(
@@ -15782,7 +15786,7 @@ var getInitialModelIndices2 = (model, options) => {
 // src/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/repeatableSchema/RepeatableSchema.tsx
 import { Header as Header9, Modal as Modal3, NavigationOption as NavigationOption6 } from "@transferwise/components";
 import { Plus as Plus2 } from "@transferwise/icons";
-import { useMemo as useMemo14, useState as useState16 } from "react";
+import { useMemo as useMemo15, useState as useState16 } from "react";
 import { useIntl as useIntl16 } from "react-intl";
 
 // src/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/repeatableSchema/ItemSummary.tsx
@@ -16104,7 +16108,7 @@ function RepeatableSchema({
     return model ? model.map((item) => getItemSummaryFromSchema(schema.items, item, schema == null ? void 0 : schema.summary)) : null;
   });
   const [editableItem, setEditableItem] = useState16({ item: null, model: null });
-  const id = useMemo14(() => schema.$id || generateRandomId(), [schema.$id]);
+  const id = useMemo15(() => schema.$id || generateRandomId(), [schema.$id]);
   const broadcastModelChange = (updatedItems) => {
     const updatedModel = updatedItems ? updatedItems.map(({ value }) => value) : null;
     onChange({
@@ -16348,7 +16352,7 @@ var ObjectSchema_default = ObjectSchema;
 // src/legacy/jsonSchemaForm/oneOfSchema/OneOfSchema.tsx
 var import_classnames11 = __toESM(require_classnames());
 import { Header as Header11 } from "@transferwise/components";
-import { useEffect as useEffect12, useMemo as useMemo15, useState as useState18 } from "react";
+import { useEffect as useEffect12, useMemo as useMemo16, useState as useState18 } from "react";
 
 // src/legacy/jsonSchemaForm/help/Help.tsx
 import { Markdown as Markdown6, Info as Info2 } from "@transferwise/components";
@@ -17167,7 +17171,7 @@ function OneOfSchema(props) {
   const [focused, setFocused] = useState18(false);
   const [blurred, setBlurred] = useState18(false);
   const { disabled = false, required = false } = props;
-  const id = useMemo15(() => props.schema.$id || generateRandomId(), [props.schema.$id]);
+  const id = useMemo16(() => props.schema.$id || generateRandomId(), [props.schema.$id]);
   const [schemaIndex, setSchemaIndex] = useState18(
     getActiveSchemaIndex(props.schema, props.model)
   );
@@ -17342,7 +17346,7 @@ import { useIntl as useIntl19 } from "react-intl";
 
 // src/legacy/jsonSchemaForm/persistAsyncSchema/persistAsyncBlobSchema/UploadInputAdapter.tsx
 import { Status as Status2, UploadInput as UploadInput4 } from "@transferwise/components";
-import { useMemo as useMemo16 } from "react";
+import { useMemo as useMemo17 } from "react";
 import { jsx as jsx92 } from "react/jsx-runtime";
 function UploadInputAdapter(props) {
   const {
@@ -17359,7 +17363,7 @@ function UploadInputAdapter(props) {
     onCancel
   } = props;
   const onEvent = useEventDispatcher();
-  const files = useMemo16(() => fileId ? [{ id: fileId, status: Status2.SUCCEEDED }] : [], [fileId]);
+  const files = useMemo17(() => fileId ? [{ id: fileId, status: Status2.SUCCEEDED }] : [], [fileId]);
   const uploadFile = (formData) => {
     onEvent("Dynamic Flow - PersistAsync", { status: "pending", schemaId: id });
     return httpClient(String(httpOptions.url), {
@@ -18320,7 +18324,7 @@ function DynamicReview(props) {
 var DynamicReview_default = DynamicReview;
 
 // src/legacy/layout/search/DynamicSearch.tsx
-import { useMemo as useMemo17, useState as useState24 } from "react";
+import { useMemo as useMemo18, useState as useState24 } from "react";
 import { Search as Search2 } from "@transferwise/icons";
 
 // src/legacy/layout/search/SearchInput.tsx
@@ -18475,7 +18479,7 @@ function DynamicSearch({ component, onAction }) {
   const { control, title, margin, url, method, param, emptyMessage } = component;
   const { status, results, search } = useSearch({ url, method, param });
   const onEvent = useEventDispatcher();
-  const debouncedSearch = useMemo17(() => debounce2(search, DEBOUNCE_TIME2), [search]);
+  const debouncedSearch = useMemo18(() => debounce2(search, DEBOUNCE_TIME2), [search]);
   const onSearchStart = () => {
     onEvent("Dynamic Flow - Search Started", {});
   };
@@ -18658,7 +18662,7 @@ var BasicTypeSchema = (props) => {
   const [focused, setFocused] = useState26(false);
   const [blurred, setBlurred] = useState26(false);
   const [validations, setValidations] = useState26([]);
-  const id = useMemo18(() => props.schema.$id || generateRandomId(), [props.schema.$id]);
+  const id = useMemo19(() => props.schema.$id || generateRandomId(), [props.schema.$id]);
   const onSchemaChange = () => {
     const defaultValue = getDefaultValue(props.schema);
     if (isNullish3(model) && !isNullish3(defaultValue)) {
@@ -18920,7 +18924,7 @@ function hasStringMessage(value) {
 }
 
 // src/legacy/common/hooks/usePolling/usePolling.tsx
-import { useEffect as useEffect19, useMemo as useMemo19, useRef as useRef5 } from "react";
+import { useEffect as useEffect19, useMemo as useMemo20, useRef as useRef5 } from "react";
 function usePolling({
   asyncFn,
   delay,
@@ -18931,7 +18935,7 @@ function usePolling({
 }) {
   const onPollingResponseReference = useRef5(onPollingResponse);
   const onFailureReference = useRef5(onFailure);
-  const poll = useMemo19(
+  const poll = useMemo20(
     () => createPollingClosure(
       asyncFn,
       maxAttempts,
@@ -18991,11 +18995,11 @@ var usePrevious = (value) => {
 };
 
 // src/legacy/common/hooks/useStepPolling/useStepPolling.tsx
-import { useCallback as useCallback8, useMemo as useMemo20 } from "react";
+import { useCallback as useCallback8, useMemo as useMemo21 } from "react";
 function useStepPolling(polling, onAction) {
   var _a, _b;
   const httpClient = useHttpClient();
-  const asyncFn = useMemo20(() => {
+  const asyncFn = useMemo21(() => {
     if (polling) {
       return () => httpClient(polling.url).then((response) => {
         if (response.ok) {
@@ -19075,7 +19079,7 @@ var LayoutStep_default = LayoutStep;
 import { useEffect as useEffect25, useState as useState31 } from "react";
 
 // src/common/cameraCapture/CameraCapture.tsx
-import { useCallback as useCallback10, useEffect as useEffect24, useMemo as useMemo21, useRef as useRef8, useState as useState30 } from "react";
+import { useCallback as useCallback10, useEffect as useEffect24, useMemo as useMemo22, useRef as useRef8, useState as useState30 } from "react";
 import { useIntl as useIntl28 } from "react-intl";
 import Webcam from "react-webcam";
 
@@ -19484,7 +19488,7 @@ function CameraCapture({
   const [reviewImage, setReviewImage] = useState30();
   const webcamReference = useRef8(null);
   const { videoConstraints } = useVideoConstraints(direction);
-  const shouldLockOrientation = useMemo21(
+  const shouldLockOrientation = useMemo22(
     () => !!(isMobile() && mode === "CAPTURE" /* CAPTURE */),
     [mode]
   );
@@ -19899,7 +19903,7 @@ function useDebouncedRefresh(fetchRefresh) {
 var shouldDebounceSchema = (schema) => getSchemaType(schema) === "basic" && schema.type !== "boolean" && schema.format !== "base64url";
 
 // src/legacy/dynamicFlow/utils/useDynamicFlowState.ts
-import { useMemo as useMemo22, useState as useState32 } from "react";
+import { useMemo as useMemo23, useState as useState32 } from "react";
 var useDynamicFlowState = (initialStep) => {
   var _a, _b;
   const [formErrors, setFormErrors] = useState32((_a = initialStep == null ? void 0 : initialStep.errors) == null ? void 0 : _a.validation);
@@ -19934,7 +19938,7 @@ var useDynamicFlowState = (initialStep) => {
       return updatedState;
     });
   };
-  const modelIsValid = useMemo22(
+  const modelIsValid = useMemo23(
     () => areModelsValid(models, getAllValidatableSchemas(step)),
     [models, step]
   );
@@ -20184,14 +20188,14 @@ var DynamicFlowComponent = ({
       );
     }
   };
-  const analyticsMetadata = useMemo23(
+  const analyticsMetadata = useMemo24(
     () => {
       var _a;
       return __spreadValues({ flowId, stepId: (step == null ? void 0 : step.id) || (step == null ? void 0 : step.key) }, (_a = step == null ? void 0 : step.analytics) != null ? _a : {});
     },
     [flowId, step]
   );
-  const dispatchEvent = useMemo23(
+  const dispatchEvent = useMemo24(
     () => getEventDispatcher(onEvent, analyticsMetadata),
     [onEvent, analyticsMetadata]
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "3.23.0",
+  "version": "3.23.1",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.min.js",
@@ -50,17 +50,17 @@
     "@testing-library/jest-dom": "6.6.2",
     "@testing-library/react": "16.0.1",
     "@testing-library/user-event": "14.5.2",
-    "@transferwise/components": "46.71.3",
+    "@transferwise/components": "46.71.6",
     "@transferwise/formatting": "^2.13.0",
     "@transferwise/icons": "3.13.1",
-    "@transferwise/neptune-css": "14.19.0",
+    "@transferwise/neptune-css": "14.19.1",
     "@types/node": "22.7.7",
     "@types/jest": "29.5.13",
     "@types/react": "18.3.11",
     "@types/react-dom": "18.3.1",
     "@types/react-intl": "3.0.0",
-    "@wise/art": "2.16.1",
-    "@wise/components-theming": "^1.6.0",
+    "@wise/art": "2.16.2",
+    "@wise/components-theming": "^1.6.1",
     "babel-jest": "29.7.0",
     "esbuild": "0.24.0",
     "jest": "29.7.0",
@@ -83,8 +83,8 @@
     "tsx": "4.19.1",
     "typescript": "5.6.3",
     "webpack": "5.95.0",
-    "@wise/dynamic-flow-fixtures": "0.0.1",
-    "@wise/dynamic-flow-renderers": "0.0.0"
+    "@wise/dynamic-flow-renderers": "0.0.0",
+    "@wise/dynamic-flow-fixtures": "0.0.1"
   },
   "peerDependencies": {
     "@transferwise/components": "^46.31",