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

package/build/main.js

@@ -1039,16 +1039,16 @@ var mapStatusToSentiment = (validation) => {
 };
 var FieldInput_default = FieldInput;
 
-// ../renderers/src/BooleanInputRenderer.tsx
+// ../renderers/src/CheckboxInputRenderer.tsx
 var import_components4 = require("@transferwise/components");
 var import_jsx_runtime6 = require("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,
@@ -1057,18 +1057,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__ */ (0, import_jsx_runtime6.jsx)(FieldInput_default, { id, label: "", description: "", validation: validationState, help, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_components4.Checkbox, __spreadValues({ id }, checkboxProps)) });
   }
 };
-var BooleanInputRenderer_default = BooleanInputRenderer;
+var CheckboxInputRenderer_default = CheckboxInputRenderer;
 
 // ../renderers/src/BoxRenderer.tsx
 var import_classnames = __toESM(require_classnames());
@@ -1289,19 +1289,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"
     ]);
@@ -1311,7 +1311,7 @@ var DateInputRenderer = {
       FieldInput_default,
       {
         id,
-        label,
+        label: title,
         description,
         validation: validationState,
         help,
@@ -1444,10 +1444,9 @@ var FormRenderer_default = FormRenderer;
 var import_components9 = require("@transferwise/components");
 var import_jsx_runtime21 = require("react/jsx-runtime");
 var FormSectionRenderer = {
-  canRenderType: "form-section",
+  canRenderType: "section",
   render: ({ title, description, children }) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("fieldset", { children: [
-    title && // TODO - once section headers support help, we could show help in here
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    title && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       import_components9.Header,
       {
         as: "h2",
@@ -1656,7 +1655,7 @@ var IntegerInputRenderer = {
   render: (props) => {
     const _a = props, {
       id,
-      label,
+      title,
       description,
       help,
       icon,
@@ -1667,7 +1666,7 @@ var IntegerInputRenderer = {
       onChange
     } = _a, rest = __objRest(_a, [
       "id",
-      "label",
+      "title",
       "description",
       "help",
       "icon",
@@ -1681,7 +1680,7 @@ var IntegerInputRenderer = {
       FieldInput_default,
       {
         id,
-        label,
+        label: title,
         description,
         validation: validationState,
         help,
@@ -1807,11 +1806,11 @@ function MultiSelectInputRendererComponent(props) {
     autoComplete,
     description,
     disabled,
-    label,
     help,
     options,
     placeholder,
     selectedIndices,
+    title,
     validationState,
     onSelect
   } = props;
@@ -1848,7 +1847,7 @@ function MultiSelectInputRendererComponent(props) {
     FieldInput_default,
     {
       id,
-      label,
+      label: title,
       help,
       description,
       validation: validationState,
@@ -1944,9 +1943,6 @@ var getFileType = (base64Url) => {
   return void 0;
 };
 
-// ../renderers/src/utils/getRandomId.ts
-var getRandomId = () => Math.random().toString(36).substring(2);
-
 // ../renderers/src/MultiUploadInputRenderer.tsx
 var import_jsx_runtime33 = require("react/jsx-runtime");
 var MultiUploadInputRenderer = {
@@ -1956,30 +1952,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__ */ (0, import_jsx_runtime33.jsx)(
       UploadFieldInput_default,
       {
         id,
-        label,
+        label: title,
         description,
         validation: validationState,
         help,
@@ -2013,7 +2007,7 @@ var NumberInputRenderer = {
   render: (props) => {
     const _a = props, {
       id,
-      label,
+      title,
       description,
       help,
       icon,
@@ -2024,7 +2018,7 @@ var NumberInputRenderer = {
       onChange
     } = _a, rest = __objRest(_a, [
       "id",
-      "label",
+      "title",
       "description",
       "help",
       "icon",
@@ -2038,7 +2032,7 @@ var NumberInputRenderer = {
       FieldInput_default,
       {
         id,
-        label,
+        label: title,
         description,
         validation: validationState,
         help,
@@ -2507,7 +2501,7 @@ function RadioInputRendererComponent(props) {
     description,
     disabled,
     help,
-    label,
+    title,
     options,
     selectedIndex,
     validationState,
@@ -2518,7 +2512,7 @@ function RadioInputRendererComponent(props) {
       FieldInput_default,
       {
         id,
-        label,
+        label: title,
         help,
         description,
         validation: validationState,
@@ -2555,7 +2549,7 @@ function TabInputRendererComponent(props) {
     description,
     disabled,
     help,
-    label,
+    title,
     options,
     selectedIndex,
     validationState,
@@ -2571,7 +2565,7 @@ function TabInputRendererComponent(props) {
       FieldInput_default,
       {
         id,
-        label,
+        label: title,
         help,
         description,
         validation: validationState,
@@ -2608,7 +2602,7 @@ function SelectInputRendererComponent(props) {
     description,
     disabled,
     help,
-    label,
+    title,
     options,
     placeholder,
     required,
@@ -2649,7 +2643,7 @@ function SelectInputRendererComponent(props) {
       FieldInput_default,
       {
         id,
-        label,
+        label: title,
         help,
         description,
         validation: validationState,
@@ -2683,7 +2677,7 @@ function SegmentedInputRendererComponent(props) {
     children,
     description,
     help,
-    label,
+    title,
     options,
     selectedIndex,
     validationState,
@@ -2699,7 +2693,7 @@ function SegmentedInputRendererComponent(props) {
       FieldInput_default,
       {
         id,
-        label,
+        label: title,
         help,
         description,
         validation: validationState,
@@ -2872,7 +2866,7 @@ var TextInputRenderer = {
     const _a = props, {
       id,
       control,
-      label,
+      title,
       description,
       help,
       error,
@@ -2887,7 +2881,7 @@ var TextInputRenderer = {
     } = _a, rest = __objRest(_a, [
       "id",
       "control",
-      "label",
+      "title",
       "description",
       "help",
       "error",
@@ -2914,7 +2908,7 @@ var TextInputRenderer = {
       FieldInput_default,
       {
         id,
-        label,
+        label: title,
         description,
         validation: validationState,
         help,
@@ -2927,11 +2921,16 @@ var TextInputRenderer_default = TextInputRenderer;
 
 // ../renderers/src/UploadInputRenderer.tsx
 var import_components36 = require("@transferwise/components");
+
+// ../renderers/src/utils/getRandomId.ts
+var getRandomId = () => Math.random().toString(36).substring(2);
+
+// ../renderers/src/UploadInputRenderer.tsx
 var import_jsx_runtime49 = require("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(() => ({
@@ -2958,7 +2957,7 @@ var UploadInputRenderer = {
               disabled,
               fileTypes: getAcceptsString(accepts),
               sizeLimit: maxSize ? toKilobytes(maxSize) : void 0,
-              uploadButtonTitle: label,
+              uploadButtonTitle: title,
               onDeleteFile,
               onUploadFile
             }
@@ -2976,7 +2975,7 @@ var LargeUploadRenderer = {
       id,
       accepts,
       control,
-      label,
+      title,
       description,
       disabled,
       help,
@@ -2988,7 +2987,7 @@ var LargeUploadRenderer = {
       "id",
       "accepts",
       "control",
-      "label",
+      "title",
       "description",
       "disabled",
       "help",
@@ -3011,7 +3010,7 @@ var LargeUploadRenderer = {
       FieldInput_default,
       {
         id,
-        label,
+        label: title,
         description,
         validation: validationState,
         help,
@@ -3245,7 +3244,7 @@ var import_jsx_runtime54 = require("react/jsx-runtime");
 var ListRenderer = {
   canRenderType: "list",
   render: ({ callToAction, margin, items, title }) => /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: getMargin(margin), children: [
-    (title || callToAction) && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_components41.Header, { as: "h2", title: title != null ? title : "", action: getListAction(callToAction) }),
+    title && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_components41.Header, { as: "h2", title, action: getListAction(callToAction) }),
     items.map((props) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DesignSystemListItem, __spreadValues({}, props), props.title))
   ] })
 };
@@ -3307,7 +3306,7 @@ var ListRenderer_default = ListRenderer;
 // ../renderers/src/getWiseRenderers.ts
 var getWiseRenderers = () => [
   AlertRenderer_default,
-  BooleanInputRenderer_default,
+  CheckboxInputRenderer_default,
   BoxRenderer_default,
   ButtonRenderer_default,
   ColumnsRenderer_default,