@wise/dynamic-flow-client 3.23.1 → 3.24.0

package/build/main.js

@@ -144,10 +144,10 @@ 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
 var import_react7, import_jsx_runtime17, 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();
     import_react7 = require("react");
@@ -165,18 +165,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__ */ (0, import_jsx_runtime17.jsx)("span", {
+      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("img", {
         className: clsx(`wds-flag wds-flag-${name}`, className),
-        children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("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) {
@@ -6226,6 +6224,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({
@@ -9338,6 +9337,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);
@@ -9351,7 +9351,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) : [];
@@ -9914,6 +9917,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.");
@@ -11242,15 +11250,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
@@ -11608,8 +11635,8 @@ var DateInputRenderer_default = DateInputRenderer;
 // ../renderers/src/DecisionRenderer.tsx
 var import_components9 = require("@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();
 var import_react8 = require("react");
 var import_jsx_runtime18 = require("react/jsx-runtime");
@@ -14941,7 +14968,7 @@ var getTextAlignmentAndMargin2 = (component) => `${getTextAlignment2(component.a
 
 // src/legacy/layout/alert/DynamicAlert.tsx
 var import_jsx_runtime71 = require("react/jsx-runtime");
-var DynamicAlert = ({ component: alert }) => {
+var DynamicAlert = ({ component: alert, onAction }) => {
   const { context, markdown, margin } = alert;
   return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
     import_components42.Alert,
@@ -14949,27 +14976,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) {
@@ -18032,7 +18068,7 @@ function DynamicLayout(props) {
       case "image":
         return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(DynamicImage_default, { component }, getKey(component));
       case "alert":
-        return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(DynamicAlert_default, { component }, getKey(component));
+        return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(DynamicAlert_default, { component, onAction }, getKey(component));
       case "review":
         return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(DynamicReview_default, { component, onAction }, getKey(component));
       case "divider":