@wise/dynamic-flow-client-internal 3.34.1 → 4.0.0-exp-zod-301f0be

package/build/main.mjs

@@ -1025,16 +1025,16 @@ var mapStatusToSentiment = (validation) => {
 };
 var FieldInput_default = FieldInput;
 
-// ../renderers/src/BooleanInputRenderer.tsx
+// ../renderers/src/CheckboxInputRenderer.tsx
 import { Checkbox } from "@transferwise/components";
 import { jsx as jsx6 } from "react/jsx-runtime";
-var BooleanInputRenderer = {
-  canRenderType: "input-boolean",
+var CheckboxInputRenderer = {
+  canRenderType: "input-checkbox",
   render: (props) => {
     const _a = props, {
       id,
       control,
-      label = "",
+      title = "",
       description,
       help,
       type,
@@ -1043,18 +1043,18 @@ var BooleanInputRenderer = {
     } = _a, rest = __objRest(_a, [
       "id",
       "control",
-      "label",
+      "title",
       "description",
       "help",
       "type",
       "validationState",
       "value"
     ]);
-    const checkboxProps = __spreadProps(__spreadValues({}, rest), { label, secondary: description, checked: value });
+    const checkboxProps = __spreadProps(__spreadValues({}, rest), { label: title, secondary: description, checked: value });
     return /* @__PURE__ */ jsx6(FieldInput_default, { id, label: "", description: "", validation: validationState, help, children: /* @__PURE__ */ jsx6(Checkbox, __spreadValues({ id }, checkboxProps)) });
   }
 };
-var BooleanInputRenderer_default = BooleanInputRenderer;
+var CheckboxInputRenderer_default = CheckboxInputRenderer;
 
 // ../renderers/src/BoxRenderer.tsx
 var import_classnames = __toESM(require_classnames());
@@ -1275,19 +1275,19 @@ var DateInputRenderer = {
     const _a = props, {
       id,
       control,
-      label,
       description,
       type,
       help,
+      title,
       validationState,
       value: initialValue
     } = _a, rest = __objRest(_a, [
       "id",
       "control",
-      "label",
       "description",
       "type",
       "help",
+      "title",
       "validationState",
       "value"
     ]);
@@ -1297,7 +1297,7 @@ var DateInputRenderer = {
       FieldInput_default,
       {
         id,
-        label,
+        label: title,
         description,
         validation: validationState,
         help,
@@ -1430,10 +1430,9 @@ var FormRenderer_default = FormRenderer;
 import { Header as Header2 } from "@transferwise/components";
 import { jsx as jsx20, jsxs as jsxs5 } from "react/jsx-runtime";
 var FormSectionRenderer = {
-  canRenderType: "form-section",
+  canRenderType: "section",
   render: ({ title, description, children }) => /* @__PURE__ */ jsxs5("fieldset", { children: [
-    title && // TODO - once section headers support help, we could show help in here
-    /* @__PURE__ */ jsx20(
+    title && /* @__PURE__ */ jsx20(
       Header2,
       {
         as: "h2",
@@ -1642,7 +1641,7 @@ var IntegerInputRenderer = {
   render: (props) => {
     const _a = props, {
       id,
-      label,
+      title,
       description,
       help,
       icon,
@@ -1653,7 +1652,7 @@ var IntegerInputRenderer = {
       onChange
     } = _a, rest = __objRest(_a, [
       "id",
-      "label",
+      "title",
       "description",
       "help",
       "icon",
@@ -1667,7 +1666,7 @@ var IntegerInputRenderer = {
       FieldInput_default,
       {
         id,
-        label,
+        label: title,
         description,
         validation: validationState,
         help,
@@ -1793,11 +1792,11 @@ function MultiSelectInputRendererComponent(props) {
     autoComplete,
     description,
     disabled,
-    label,
     help,
     options,
     placeholder,
     selectedIndices,
+    title,
     validationState,
     onSelect
   } = props;
@@ -1834,7 +1833,7 @@ function MultiSelectInputRendererComponent(props) {
     FieldInput_default,
     {
       id,
-      label,
+      label: title,
       help,
       description,
       validation: validationState,
@@ -1930,9 +1929,6 @@ var getFileType = (base64Url) => {
   return void 0;
 };
 
-// ../renderers/src/utils/getRandomId.ts
-var getRandomId = () => Math.random().toString(36).substring(2);
-
 // ../renderers/src/MultiUploadInputRenderer.tsx
 import { jsx as jsx32 } from "react/jsx-runtime";
 var MultiUploadInputRenderer = {
@@ -1942,30 +1938,28 @@ var MultiUploadInputRenderer = {
       id,
       accepts,
       help,
-      label,
+      title,
       description,
       disabled,
       maxSize,
       maxItems,
       uploadLabel,
       validationState,
-      onUpload,
-      onDelete
+      value,
+      onInsertFile,
+      onRemoveFile
     } = props;
     const onUploadFile = async (formData) => {
       const file = formData.get("file");
-      const fileId = getRandomId();
-      return onUpload(file, fileId).then(() => ({
-        id: fileId
-      }));
+      return onInsertFile(value.length, file).then((newId) => ({ id: newId }));
     };
-    const onDeleteFile = async (fileId) => onDelete(String(fileId));
+    const onDeleteFile = async (fileId) => onRemoveFile(value.findIndex((file) => file.id === fileId));
     const descriptionId = description ? `${id}-description` : void 0;
     return /* @__PURE__ */ jsx32(
       UploadFieldInput_default,
       {
         id,
-        label,
+        label: title,
         description,
         validation: validationState,
         help,
@@ -1999,7 +1993,7 @@ var NumberInputRenderer = {
   render: (props) => {
     const _a = props, {
       id,
-      label,
+      title,
       description,
       help,
       icon,
@@ -2010,7 +2004,7 @@ var NumberInputRenderer = {
       onChange
     } = _a, rest = __objRest(_a, [
       "id",
-      "label",
+      "title",
       "description",
       "help",
       "icon",
@@ -2024,7 +2018,7 @@ var NumberInputRenderer = {
       FieldInput_default,
       {
         id,
-        label,
+        label: title,
         description,
         validation: validationState,
         help,
@@ -2493,7 +2487,7 @@ function RadioInputRendererComponent(props) {
     description,
     disabled,
     help,
-    label,
+    title,
     options,
     selectedIndex,
     validationState,
@@ -2504,7 +2498,7 @@ function RadioInputRendererComponent(props) {
       FieldInput_default,
       {
         id,
-        label,
+        label: title,
         help,
         description,
         validation: validationState,
@@ -2541,7 +2535,7 @@ function TabInputRendererComponent(props) {
     description,
     disabled,
     help,
-    label,
+    title,
     options,
     selectedIndex,
     validationState,
@@ -2557,7 +2551,7 @@ function TabInputRendererComponent(props) {
       FieldInput_default,
       {
         id,
-        label,
+        label: title,
         help,
         description,
         validation: validationState,
@@ -2594,7 +2588,7 @@ function SelectInputRendererComponent(props) {
     description,
     disabled,
     help,
-    label,
+    title,
     options,
     placeholder,
     required,
@@ -2635,7 +2629,7 @@ function SelectInputRendererComponent(props) {
       FieldInput_default,
       {
         id,
-        label,
+        label: title,
         help,
         description,
         validation: validationState,
@@ -2669,7 +2663,7 @@ function SegmentedInputRendererComponent(props) {
     children,
     description,
     help,
-    label,
+    title,
     options,
     selectedIndex,
     validationState,
@@ -2685,7 +2679,7 @@ function SegmentedInputRendererComponent(props) {
       FieldInput_default,
       {
         id,
-        label,
+        label: title,
         help,
         description,
         validation: validationState,
@@ -2864,7 +2858,7 @@ var TextInputRenderer = {
     const _a = props, {
       id,
       control,
-      label,
+      title,
       description,
       help,
       error,
@@ -2879,7 +2873,7 @@ var TextInputRenderer = {
     } = _a, rest = __objRest(_a, [
       "id",
       "control",
-      "label",
+      "title",
       "description",
       "help",
       "error",
@@ -2906,7 +2900,7 @@ var TextInputRenderer = {
       FieldInput_default,
       {
         id,
-        label,
+        label: title,
         description,
         validation: validationState,
         help,
@@ -2919,11 +2913,16 @@ var TextInputRenderer_default = TextInputRenderer;
 
 // ../renderers/src/UploadInputRenderer.tsx
 import { Upload, UploadInput as UploadInput2 } from "@transferwise/components";
+
+// ../renderers/src/utils/getRandomId.ts
+var getRandomId = () => Math.random().toString(36).substring(2);
+
+// ../renderers/src/UploadInputRenderer.tsx
 import { jsx as jsx48 } from "react/jsx-runtime";
 var UploadInputRenderer = {
   canRenderType: "input-upload",
   render: (props) => {
-    const { id, accepts, label, description, disabled, maxSize, validationState, onUpload } = props;
+    const { id, accepts, title, description, disabled, maxSize, validationState, onUpload } = props;
     const onUploadFile = async (formData) => {
       const file = formData.get("file");
       return onUpload(file).then(() => ({
@@ -2950,7 +2949,7 @@ var UploadInputRenderer = {
               disabled,
               fileTypes: getAcceptsString(accepts),
               sizeLimit: maxSize ? toKilobytes(maxSize) : void 0,
-              uploadButtonTitle: label,
+              uploadButtonTitle: title,
               onDeleteFile,
               onUploadFile
             }
@@ -2968,7 +2967,7 @@ var LargeUploadRenderer = {
       id,
       accepts,
       control,
-      label,
+      title,
       description,
       disabled,
       help,
@@ -2980,7 +2979,7 @@ var LargeUploadRenderer = {
       "id",
       "accepts",
       "control",
-      "label",
+      "title",
       "description",
       "disabled",
       "help",
@@ -3003,7 +3002,7 @@ var LargeUploadRenderer = {
       FieldInput_default,
       {
         id,
-        label,
+        label: title,
         description,
         validation: validationState,
         help,
@@ -3237,7 +3236,7 @@ import { jsx as jsx53, jsxs as jsxs22 } from "react/jsx-runtime";
 var ListRenderer = {
   canRenderType: "list",
   render: ({ callToAction, margin, items, title }) => /* @__PURE__ */ jsxs22("div", { className: getMargin(margin), children: [
-    (title || callToAction) && /* @__PURE__ */ jsx53(Header7, { as: "h2", title: title != null ? title : "", action: getListAction(callToAction) }),
+    title && /* @__PURE__ */ jsx53(Header7, { as: "h2", title, action: getListAction(callToAction) }),
     items.map((props) => /* @__PURE__ */ jsx53(DesignSystemListItem, __spreadValues({}, props), props.title))
   ] })
 };
@@ -3299,7 +3298,7 @@ var ListRenderer_default = ListRenderer;
 // ../renderers/src/getWiseRenderers.ts
 var getWiseRenderers = () => [
   AlertRenderer_default,
-  BooleanInputRenderer_default,
+  CheckboxInputRenderer_default,
   BoxRenderer_default,
   ButtonRenderer_default,
   ColumnsRenderer_default,

package/build/types/index.d.ts

@@ -1,6 +1,6 @@
 export { makeHttpClient as makeCustomFetch } from '@wise/dynamic-flow-client';
 export type { DynamicFlowProps, DynamicFragmentController, Step, InitialAction, } from '@wise/dynamic-flow-client';
-export type { Renderer, Renderers, AlertRendererProps, BooleanInputRendererProps, BoxRendererProps, ButtonRendererProps, ColumnsRendererProps, DateInputRendererProps, DecisionRendererProps, DividerRendererProps, FormRendererProps, FormSectionRendererProps, HeadingRendererProps, HiddenRendererProps, ImageRendererProps, InstructionsRendererProps, IntegerInputRendererProps, LoadingIndicatorRendererProps, MarkdownRendererProps, ModalRendererProps, MultiSelectInputRendererProps, MultiUploadInputRendererProps, NumberInputRendererProps, ParagraphRendererProps, RepeatableRendererProps, ReviewRendererProps, SearchRendererProps, SelectInputRendererProps, StatusListRendererProps, StepRendererProps, TextInputRendererProps, UploadInputRendererProps, } from '@wise/dynamic-flow-types/build/renderers';
+export type { Renderer, Renderers, AlertRendererProps, CheckboxInputRendererProps, BoxRendererProps, ButtonRendererProps, ColumnsRendererProps, DateInputRendererProps, DecisionRendererProps, DividerRendererProps, FormRendererProps, SectionRendererProps, HeadingRendererProps, HiddenRendererProps, ImageRendererProps, InstructionsRendererProps, IntegerInputRendererProps, LoadingIndicatorRendererProps, MarkdownRendererProps, ModalRendererProps, MultiSelectInputRendererProps, MultiUploadInputRendererProps, NumberInputRendererProps, ParagraphRendererProps, RepeatableRendererProps, ReviewRendererProps, SearchRendererProps, SelectInputRendererProps, StatusListRendererProps, StepRendererProps, TextInputRendererProps, UploadInputRendererProps, } from '@wise/dynamic-flow-types/build/renderers';
 export { JsonSchemaForm, isValidSchema } from '@wise/dynamic-flow-client';
 export { default as translations } from './i18n';
 export type { DynamicFlowLegacyProps as WiseDynamicFlowProps, DynamicFlowLegacyProps, DynamicFlowRevampProps, } from './dynamicFlow/DynamicFlow';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client-internal",
-  "version": "3.34.1",
+  "version": "4.0.0-exp-zod-301f0be",
   "description": "Dynamic Flow web client for Wise",
   "license": "Apache-2.0",
   "main": "./build/main.min.js",
@@ -51,7 +51,7 @@
     "@testing-library/jest-dom": "6.6.3",
     "@testing-library/react": "16.2.0",
     "@testing-library/user-event": "14.6.1",
-    "@transferwise/components": "46.87.1",
+    "@transferwise/components": "46.87.0",
     "@transferwise/formatting": "^2.13.0",
     "@transferwise/icons": "3.18.0",
     "@transferwise/neptune-css": "14.20.1",
@@ -84,7 +84,7 @@
     "webpack": "5.97.1",
     "@wise/dynamic-flow-fixtures": "0.0.1",
     "@wise/dynamic-flow-renderers": "0.0.0",
-    "@wise/dynamic-flow-types": "2.32.0"
+    "@wise/dynamic-flow-types": "3.0.0-exp-zod-301f0be"
   },
   "peerDependencies": {
     "@transferwise/components": "^46.31",
@@ -98,8 +98,8 @@
   },
   "dependencies": {
     "classnames": "2.5.1",
-    "@wise/dynamic-flow-types": "2.32.0",
-    "@wise/dynamic-flow-client": "3.34.1"
+    "@wise/dynamic-flow-types": "3.0.0-exp-zod-301f0be",
+    "@wise/dynamic-flow-client": "4.0.0-exp-zod-301f0be"
   },
   "scripts": {
     "dev": "pnpm build:visual-tests && storybook dev -p 3005",