@wise/dynamic-flow-client 3.23.1 → 3.24.0

package/build/main.mjs

@@ -138,12 +138,12 @@ var init_clsx = __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
+// ../../node_modules/.pnpm/@wise+art@2.16.3_@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-a91e5689.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_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"() {
+var init_index_a91e5689_esm = __esm({
+  "../../node_modules/.pnpm/@wise+art@2.16.3_@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-a91e5689.esm.js"() {
     "use strict";
     init_clsx();
     unknownFlagName = "wise";
@@ -159,18 +159,16 @@ var init_index_c8ed1f53_esm = __esm({
       }, [code]);
       const detailed = intrinsicSize >= 150;
       const name = fallback !== "unknown" ? `${code.toLowerCase()}${fallback == null && detailed ? "-detailed" : ""}` : unknownFlagName;
-      return /* @__PURE__ */ jsx17("span", {
+      return /* @__PURE__ */ jsx17("img", {
         className: clsx(`wds-flag wds-flag-${name}`, className),
-        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");
-          }
-        })
+        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) {
@@ -6202,6 +6200,7 @@ var buttonLayoutSchema = z.object({
 var reviewLayoutFieldSchema = z.object({
   label: z.string(),
   value: z.string(),
+  rawValue: z.string().optional(),
   help: helpSchema.optional()
 });
 var searchResultSearchSchema = z.object({
@@ -9314,6 +9313,7 @@ var createMultiUploadInputComponent = (uploadInputProps, updateComponent) => {
 
 // src/revamp/domain/mappers/schema/arraySchemaToComponent/arraySchemaToMultiUploadComponent.ts
 var arraySchemaToMultiUploadComponent = (schemaMapperProps, mapperProps) => {
+  var _a;
   const { getErrorMessageFunctions } = mapperProps;
   const { localValue, model, schema, required = false } = schemaMapperProps;
   const uploadSchema = getUploadSchema(schema.items);
@@ -9327,7 +9327,10 @@ var arraySchemaToMultiUploadComponent = (schemaMapperProps, mapperProps) => {
   ];
   const persistAsyncConfig = getPersistAsyncConfig(schema.items);
   const format = getFormat(schema.items);
-  const combinedSchemaProps = __spreadProps(__spreadValues({}, schemaMapperProps), { persistAsyncConfig, schema: uploadSchema });
+  const combinedSchemaProps = __spreadProps(__spreadValues({}, schemaMapperProps), {
+    persistAsyncConfig,
+    schema: __spreadProps(__spreadValues({}, uploadSchema), { hidden: (_a = schema.hidden) != null ? _a : uploadSchema.hidden })
+  });
   const { onValueChange } = mapperProps;
   const { performPersistAsync } = getPersistAsyncInitialState(combinedSchemaProps, mapperProps);
   const value = performPersistAsync ? getValueForPersistAsync(localValue) : [];
@@ -9890,6 +9893,11 @@ var formLayoutToComponent = (uid, { schemaId, schema: schemaRef, control, margin
   const { step, stepLocalValue } = mapperProps;
   const { schemas, model, errors } = step;
   const id = schemaId != null ? schemaId : schemaRef == null ? void 0 : schemaRef.$ref;
+  if (id == null) {
+    throw new Error(
+      "FormLayouts must refer to a schema. Set the `schemaId` property to the intended schema."
+    );
+  }
   const schema = schemas.find((s) => s.$id === id);
   if (!schema) {
     throw new Error("Schema not found in schemas array.");
@@ -11218,15 +11226,34 @@ var AlertRenderer = {
       type: context,
       className: getMargin(margin),
       message: markdown,
-      action: (callToAction == null ? void 0 : callToAction.type) === "link" ? {
-        text: callToAction.title,
-        "aria-label": callToAction.accessibilityDescription,
-        href: callToAction.href,
-        target: "_blank"
-      } : void 0
+      action: mapCtaToAlertAction(callToAction)
     }
   )
 };
+var mapCtaToAlertAction = (callToAction) => {
+  if (!callToAction) {
+    return void 0;
+  }
+  const { accessibilityDescription, title } = callToAction;
+  const sharedProps = {
+    "aria-label": accessibilityDescription,
+    text: title
+  };
+  if (callToAction.type === "link") {
+    const { href } = callToAction;
+    return __spreadProps(__spreadValues({}, sharedProps), {
+      href,
+      target: "_blank"
+    });
+  }
+  if (callToAction.type === "action") {
+    const { onClick } = callToAction;
+    return __spreadProps(__spreadValues({}, sharedProps), {
+      onClick
+    });
+  }
+  return void 0;
+};
 var AlertRenderer_default = AlertRenderer;
 
 // ../renderers/src/components/FieldInput.tsx
@@ -11584,8 +11611,8 @@ var DateInputRenderer_default = DateInputRenderer;
 // ../renderers/src/DecisionRenderer.tsx
 import { NavigationOptionsList, NavigationOption, Header } from "@transferwise/components";
 
-// ../../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();
+// ../../node_modules/.pnpm/@wise+art@2.16.3_@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_a91e5689_esm();
 init_clsx();
 import "react";
 import "react/jsx-runtime";
@@ -14923,7 +14950,7 @@ var getTextAlignmentAndMargin2 = (component) => `${getTextAlignment2(component.a
 
 // src/legacy/layout/alert/DynamicAlert.tsx
 import { jsx as jsx70 } from "react/jsx-runtime";
-var DynamicAlert = ({ component: alert }) => {
+var DynamicAlert = ({ component: alert, onAction }) => {
   const { context, markdown, margin } = alert;
   return /* @__PURE__ */ jsx70(
     Alert4,
@@ -14931,27 +14958,36 @@ var DynamicAlert = ({ component: alert }) => {
       type: mapContextToAlertType(legacy_mapContext(context)),
       className: getMargin2(margin),
       message: markdown,
-      action: getAlertAction(alert)
+      action: getAlertAction(alert, onAction)
     }
   );
 };
 var isAlertLayout = (layout) => {
   return Object.hasOwnProperty.call(layout, "type") && layout.type === "alert";
 };
-var getAlertAction = (component) => {
+var getAlertAction = (component, onAction) => {
   if (!isAlertLayout(component) || !component.callToAction) {
     return void 0;
   }
   const { title, accessibilityDescription, behavior } = component.callToAction;
-  if (!behavior.link) {
-    return void 0;
+  const { action, link } = behavior;
+  if (link) {
+    return {
+      text: title,
+      "aria-label": accessibilityDescription,
+      href: link.url,
+      target: "_blank"
+    };
+  }
+  if (action && onAction) {
+    return {
+      text: title,
+      "aria-label": accessibilityDescription,
+      onClick: () => {
+        onAction(action);
+      }
+    };
   }
-  return {
-    text: title,
-    "aria-label": accessibilityDescription,
-    href: behavior.link.url,
-    target: "_blank"
-  };
 };
 var legacy_mapContext = (context) => {
   switch (context) {
@@ -18029,7 +18065,7 @@ function DynamicLayout(props) {
       case "image":
         return /* @__PURE__ */ jsx107(DynamicImage_default, { component }, getKey(component));
       case "alert":
-        return /* @__PURE__ */ jsx107(DynamicAlert_default, { component }, getKey(component));
+        return /* @__PURE__ */ jsx107(DynamicAlert_default, { component, onAction }, getKey(component));
       case "review":
         return /* @__PURE__ */ jsx107(DynamicReview_default, { component, onAction }, getKey(component));
       case "divider":

package/build/types/legacy/layout/alert/DynamicAlert.d.ts

@@ -1,6 +1,8 @@
 import { AlertLayout, Alert as AlertType } from '@wise/dynamic-flow-types';
+import { OnAction } from '../../dynamicFlow/DynamicFlowTypes';
 type DynamicAlertProps = {
     component: AlertType | AlertLayout;
+    onAction?: OnAction;
 };
-declare const DynamicAlert: ({ component: alert }: DynamicAlertProps) => import("react/jsx-runtime").JSX.Element;
+declare const DynamicAlert: ({ component: alert, onAction }: DynamicAlertProps) => import("react/jsx-runtime").JSX.Element;
 export default DynamicAlert;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "3.23.1",
+  "version": "3.24.0",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.min.js",
@@ -50,16 +50,16 @@
     "@testing-library/jest-dom": "6.6.2",
     "@testing-library/react": "16.0.1",
     "@testing-library/user-event": "14.5.2",
-    "@transferwise/components": "46.71.6",
+    "@transferwise/components": "46.72.2",
     "@transferwise/formatting": "^2.13.0",
-    "@transferwise/icons": "3.13.1",
+    "@transferwise/icons": "3.14.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.2",
+    "@wise/art": "2.16.3",
     "@wise/components-theming": "^1.6.1",
     "babel-jest": "29.7.0",
     "esbuild": "0.24.0",
@@ -83,8 +83,8 @@
     "tsx": "4.19.1",
     "typescript": "5.6.3",
     "webpack": "5.95.0",
-    "@wise/dynamic-flow-renderers": "0.0.0",
-    "@wise/dynamic-flow-fixtures": "0.0.1"
+    "@wise/dynamic-flow-fixtures": "0.0.1",
+    "@wise/dynamic-flow-renderers": "0.0.0"
   },
   "peerDependencies": {
     "@transferwise/components": "^46.31",
@@ -101,7 +101,7 @@
     "nanoid": "5.0.7",
     "react-webcam": "^7.2.0",
     "screenfull": "^5.2.0",
-    "@wise/dynamic-flow-types": "2.25.0"
+    "@wise/dynamic-flow-types": "2.26.0"
   },
   "scripts": {
     "dev": "pnpm build:visual-tests && storybook dev -p 3003",