@wise/dynamic-flow-client-internal 4.6.1 → 4.7.0-experimental-2773739

package/build/renderers.js

@@ -0,0 +1,500 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/renderers.ts
+var renderers_exports = {};
+__export(renderers_exports, {
+  NavigationOptionMedia: () => NavigationOptionMedia
+});
+module.exports = __toCommonJS(renderers_exports);
+
+// ../renderers/src/AlertRenderer.tsx
+var import_components = require("@transferwise/components");
+var import_jsx_runtime = require("react/jsx-runtime");
+
+// ../renderers/src/components/FieldInput.tsx
+var import_components3 = require("@transferwise/components");
+
+// ../renderers/src/components/Help.tsx
+var import_components2 = require("@transferwise/components");
+var import_react_intl2 = require("react-intl");
+
+// ../renderers/src/messages/help.messages.ts
+var import_react_intl = require("react-intl");
+var help_messages_default = (0, import_react_intl.defineMessages)({
+  helpAria: {
+    id: "df.wise.Help.ariaLabel",
+    defaultMessage: "Click here for more info.",
+    description: "Aria label for help."
+  }
+});
+
+// ../renderers/src/components/Help.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+
+// ../renderers/src/components/LabelContentWithHelp.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+
+// ../renderers/src/components/FieldInput.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+
+// ../renderers/src/CheckboxInputRenderer.tsx
+var import_components4 = require("@transferwise/components");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+
+// ../renderers/src/BoxRenderer.tsx
+var import_classnames = __toESM(require("classnames"));
+var import_jsx_runtime6 = require("react/jsx-runtime");
+
+// ../renderers/src/ButtonRenderer.tsx
+var import_components5 = require("@transferwise/components");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+
+// ../renderers/src/ColumnsRenderer.tsx
+var import_classnames2 = __toESM(require("classnames"));
+var import_jsx_runtime8 = require("react/jsx-runtime");
+
+// ../renderers/src/components/VariableDateInput.tsx
+var import_components6 = require("@transferwise/components");
+
+// ../renderers/src/validators/type-validators.ts
+var isNull = (value) => value === null;
+var isUndefined = (value) => typeof value === "undefined";
+var isNullish = (v) => isNull(v) || isUndefined(v);
+
+// ../renderers/src/components/VariableDateInput.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
+
+// ../renderers/src/DateInputRenderer.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
+
+// ../renderers/src/DecisionRenderer.tsx
+var import_components8 = require("@transferwise/components");
+
+// ../renderers/src/components/icon/FlagIcon.tsx
+var import_art = require("@wise/art");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var isFlagIcon = (name) => name.startsWith("flag-");
+function FlagIcon({ name }) {
+  if (!isFlagIcon(name)) {
+    return null;
+  }
+  const code = name.substring(5);
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_art.Flag, { code });
+}
+
+// ../renderers/src/components/icon/NamedIcon.tsx
+var icons = __toESM(require("@transferwise/icons"));
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var isNamedIcon = (name) => {
+  const iconName = toCapitalisedCamelCase(name);
+  return Object.keys(icons).includes(iconName);
+};
+function NamedIcon({ name }) {
+  if (!isNamedIcon(name)) {
+    return null;
+  }
+  const iconName = toCapitalisedCamelCase(name);
+  const Icon = icons[iconName];
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Icon, { size: 24 });
+}
+var toCapitalisedCamelCase = (value) => value.split("-").map(capitaliseFirstChar).join("");
+var capitaliseFirstChar = (value) => `${value[0].toUpperCase()}${value.slice(1)}`;
+
+// ../renderers/src/components/icon/DynamicIcon.tsx
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function DynamicIcon({ name }) {
+  if (isFlagIcon(name)) {
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(FlagIcon, { name });
+  }
+  if (isNamedIcon(name)) {
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(NamedIcon, { name });
+  }
+  return null;
+}
+var DynamicIcon_default = DynamicIcon;
+
+// ../renderers/src/components/icon/NavigationOptionMedia.tsx
+var import_components7 = require("@transferwise/components");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+function NavigationOptionMedia({ icon, image }) {
+  const iconNode = getIconNode(icon);
+  const imageNode = getImageNode(image);
+  if (imageNode) {
+    if (iconNode) {
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_components7.AvatarView, { badge: { asset: iconNode }, children: imageNode });
+    }
+    return imageNode;
+  }
+  if (iconNode) {
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_components7.AvatarView, { children: iconNode });
+  }
+  return null;
+}
+var getIconNode = (icon) => {
+  if (!isNullish(icon)) {
+    if ("name" in icon) {
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DynamicIcon_default, { name: icon.name });
+    }
+    if (icon.text) {
+      return icon.text;
+    }
+  }
+  return null;
+};
+var getImageNode = (image) => {
+  if (image) {
+    const { accessibilityDescription, uri } = image;
+    if (!uri.startsWith("urn:")) {
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("img", { src: uri, alt: accessibilityDescription });
+    }
+  }
+  return null;
+};
+
+// ../renderers/src/DecisionRenderer.tsx
+var import_jsx_runtime15 = require("react/jsx-runtime");
+
+// ../renderers/src/DividerRenderer.tsx
+var import_jsx_runtime16 = require("react/jsx-runtime");
+
+// ../renderers/src/FormRenderer.tsx
+var import_jsx_runtime17 = require("react/jsx-runtime");
+
+// ../renderers/src/FormSectionRenderer.tsx
+var import_components9 = require("@transferwise/components");
+var import_jsx_runtime18 = require("react/jsx-runtime");
+
+// ../renderers/src/HeadingRenderer.tsx
+var import_components10 = require("@transferwise/components");
+var import_jsx_runtime19 = require("react/jsx-runtime");
+
+// ../renderers/src/ImageRenderer/UrlImage.tsx
+var import_components11 = require("@transferwise/components");
+var import_react = require("react");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+
+// ../renderers/src/ImageRenderer/UrnIllustration.tsx
+var import_art2 = require("@wise/art");
+var import_jsx_runtime21 = require("react/jsx-runtime");
+
+// ../renderers/src/ImageRenderer/UrnImage.tsx
+var import_jsx_runtime22 = require("react/jsx-runtime");
+
+// ../renderers/src/ImageRenderer/ImageRenderer.tsx
+var import_jsx_runtime23 = require("react/jsx-runtime");
+
+// ../renderers/src/InstructionsRenderer.tsx
+var import_components12 = require("@transferwise/components");
+var import_jsx_runtime24 = require("react/jsx-runtime");
+
+// ../renderers/src/IntegerInputRenderer.tsx
+var import_components14 = require("@transferwise/components");
+
+// ../renderers/src/utils/getIconAvatar.tsx
+var import_components13 = require("@transferwise/components");
+var import_jsx_runtime25 = require("react/jsx-runtime");
+
+// ../renderers/src/IntegerInputRenderer.tsx
+var import_jsx_runtime26 = require("react/jsx-runtime");
+
+// ../renderers/src/LoadingIndicatorRenderer.tsx
+var import_components15 = require("@transferwise/components");
+var import_jsx_runtime27 = require("react/jsx-runtime");
+
+// ../renderers/src/MarkdownRenderer.tsx
+var import_components16 = require("@transferwise/components");
+var import_jsx_runtime28 = require("react/jsx-runtime");
+
+// ../renderers/src/ModalRenderer.tsx
+var import_components17 = require("@transferwise/components");
+var import_react2 = require("react");
+var import_jsx_runtime29 = require("react/jsx-runtime");
+
+// ../renderers/src/MultiSelectInputRenderer.tsx
+var import_components19 = require("@transferwise/components");
+
+// ../renderers/src/SelectInputRenderer/OptionMedia.tsx
+var import_components18 = require("@transferwise/components");
+var import_jsx_runtime30 = require("react/jsx-runtime");
+
+// ../renderers/src/MultiSelectInputRenderer.tsx
+var import_react_intl4 = require("react-intl");
+
+// ../renderers/src/messages/multi-select.messages.ts
+var import_react_intl3 = require("react-intl");
+var multi_select_messages_default = (0, import_react_intl3.defineMessages)({
+  summary: {
+    id: "df.wise.MultiSelect.summary",
+    defaultMessage: "{first} and {count} more",
+    description: "A summary of the multiple items selected. Showing the title of the first selected item, and the number of other items that have been selected."
+  }
+});
+
+// ../renderers/src/MultiSelectInputRenderer.tsx
+var import_react3 = require("react");
+var import_jsx_runtime31 = require("react/jsx-runtime");
+
+// ../renderers/src/MultiUploadInputRenderer.tsx
+var import_components21 = require("@transferwise/components");
+
+// ../renderers/src/components/UploadFieldInput.tsx
+var import_components20 = require("@transferwise/components");
+var import_classnames3 = __toESM(require("classnames"));
+var import_jsx_runtime32 = require("react/jsx-runtime");
+
+// ../renderers/src/MultiUploadInputRenderer.tsx
+var import_jsx_runtime33 = require("react/jsx-runtime");
+
+// ../renderers/src/NumberInputRenderer.tsx
+var import_components22 = require("@transferwise/components");
+var import_jsx_runtime34 = require("react/jsx-runtime");
+
+// ../renderers/src/ParagraphRenderer.tsx
+var import_react_intl6 = require("react-intl");
+
+// ../renderers/src/hooks/useSnackBarIfAvailable.ts
+var import_components23 = require("@transferwise/components");
+var import_react4 = require("react");
+
+// ../renderers/src/ParagraphRenderer.tsx
+var import_components24 = require("@transferwise/components");
+var import_classnames4 = __toESM(require("classnames"));
+
+// ../renderers/src/messages/paragraph.messages.ts
+var import_react_intl5 = require("react-intl");
+var paragraph_messages_default = (0, import_react_intl5.defineMessages)({
+  copy: {
+    id: "df.wise.DynamicParagraph.copy",
+    defaultMessage: "Copy",
+    description: "Copy to clipboard button label."
+  },
+  copied: {
+    id: "df.wise.DynamicParagraph.copied",
+    defaultMessage: "Copied to clipboard",
+    description: "Appears in a snackbar when the copy operation succeeds."
+  }
+});
+
+// ../renderers/src/ParagraphRenderer.tsx
+var import_jsx_runtime35 = require("react/jsx-runtime");
+
+// ../renderers/src/RepeatableRenderer.tsx
+var import_components25 = require("@transferwise/components");
+var import_react5 = require("react");
+var import_icons = require("@transferwise/icons");
+var import_react_intl8 = require("react-intl");
+
+// ../renderers/src/messages/repeatable.messages.ts
+var import_react_intl7 = require("react-intl");
+var repeatable_messages_default = (0, import_react_intl7.defineMessages)({
+  addItemTitle: {
+    id: "df.wise.ArraySchema.addItemTitle",
+    defaultMessage: "Add Item",
+    description: "Label on the button used to open a form to add an item"
+  },
+  addItem: {
+    id: "df.wise.ArraySchema.addItem",
+    defaultMessage: "Save",
+    description: "Label on the add button used to submit a form that adds an item"
+  },
+  editItem: {
+    id: "df.wise.ArraySchema.editItem",
+    defaultMessage: "Save",
+    description: "Label on the edit button used to submit a form that edits an item"
+  },
+  removeItem: {
+    id: "df.wise.ArraySchema.removeItem",
+    defaultMessage: "Remove",
+    description: "Label on the remove button used to confirm deletion of an item"
+  }
+});
+
+// ../renderers/src/RepeatableRenderer.tsx
+var import_classnames5 = __toESM(require("classnames"));
+var import_jsx_runtime36 = require("react/jsx-runtime");
+
+// ../renderers/src/SearchRenderer/BlockSearchRendererComponent.tsx
+var import_components27 = require("@transferwise/components");
+var import_react6 = require("react");
+var import_react_intl12 = require("react-intl");
+
+// ../renderers/src/messages/search.messages.ts
+var import_react_intl9 = require("react-intl");
+var search_messages_default = (0, import_react_intl9.defineMessages)({
+  loading: {
+    id: "df.wise.SearchLayout.loading",
+    defaultMessage: "Loading...",
+    description: "A message shown to the user while their search is being processed, before results appear."
+  }
+});
+
+// ../renderers/src/SearchRenderer/ErrorResult.tsx
+var import_react_intl11 = require("react-intl");
+
+// ../renderers/src/messages/generic-error.messages.ts
+var import_react_intl10 = require("react-intl");
+var generic_error_messages_default = (0, import_react_intl10.defineMessages)({
+  genericErrorRetryHint: {
+    id: "df.wise.PersistAsyncSchema.genericError",
+    defaultMessage: "Something went wrong, please try again.",
+    description: "Generic error message for persist async schema"
+  },
+  genericError: {
+    id: "df.wise.ErrorBoundary.errorAlert",
+    defaultMessage: "Something went wrong.",
+    description: "Generic error message for when something has gone wrong."
+  },
+  retry: {
+    id: "df.wise.ErrorBoundary.retry",
+    defaultMessage: "Retry",
+    description: "Usually this follows the generic error and contains a link."
+  }
+});
+
+// ../renderers/src/SearchRenderer/ErrorResult.tsx
+var import_components26 = require("@transferwise/components");
+var import_jsx_runtime37 = require("react/jsx-runtime");
+
+// ../renderers/src/SearchRenderer/BlockSearchRendererComponent.tsx
+var import_jsx_runtime38 = require("react/jsx-runtime");
+
+// ../renderers/src/SearchRenderer/InlineSearchRendererComponent.tsx
+var import_components28 = require("@transferwise/components");
+var import_icons2 = require("@transferwise/icons");
+var import_react7 = require("react");
+var import_react_intl13 = require("react-intl");
+var import_jsx_runtime39 = require("react/jsx-runtime");
+
+// ../renderers/src/SearchRenderer/SearchRenderer.tsx
+var import_jsx_runtime40 = require("react/jsx-runtime");
+
+// ../renderers/src/SelectInputRenderer/RadioInputRendererComponent.tsx
+var import_components29 = require("@transferwise/components");
+var import_jsx_runtime41 = require("react/jsx-runtime");
+
+// ../renderers/src/SelectInputRenderer/TabInputRendererComponent.tsx
+var import_components30 = require("@transferwise/components");
+var import_react8 = require("react");
+var import_jsx_runtime42 = require("react/jsx-runtime");
+
+// ../renderers/src/SelectInputRenderer/SelectInputRendererComponent.tsx
+var import_components31 = require("@transferwise/components");
+var import_jsx_runtime43 = require("react/jsx-runtime");
+
+// ../renderers/src/SelectInputRenderer/SegmentedInputRendererComponent.tsx
+var import_react9 = require("react");
+var import_components32 = require("@transferwise/components");
+var import_jsx_runtime44 = require("react/jsx-runtime");
+
+// ../renderers/src/SelectInputRenderer/SelectInputRenderer.tsx
+var import_jsx_runtime45 = require("react/jsx-runtime");
+
+// ../renderers/src/StatusListRenderer.tsx
+var import_components33 = require("@transferwise/components");
+var import_jsx_runtime46 = require("react/jsx-runtime");
+
+// ../renderers/src/TextInputRenderer.tsx
+var import_components35 = require("@transferwise/components");
+
+// ../renderers/src/components/VariableTextInput.tsx
+var import_components34 = require("@transferwise/components");
+var import_jsx_runtime47 = require("react/jsx-runtime");
+
+// ../renderers/src/TextInputRenderer.tsx
+var import_jsx_runtime48 = require("react/jsx-runtime");
+
+// ../renderers/src/UploadInputRenderer.tsx
+var import_components36 = require("@transferwise/components");
+var import_jsx_runtime49 = require("react/jsx-runtime");
+
+// ../renderers/src/ReviewRenderer.tsx
+var import_components37 = require("@transferwise/components");
+var import_jsx_runtime50 = require("react/jsx-runtime");
+
+// ../renderers/src/step/StepRenderer.tsx
+var import_components40 = require("@transferwise/components");
+
+// ../renderers/src/step/BackButton.tsx
+var import_components38 = require("@transferwise/components");
+var import_icons3 = require("@transferwise/icons");
+var import_jsx_runtime51 = require("react/jsx-runtime");
+
+// ../renderers/src/step/ExternalConfirmationDialog.tsx
+var import_react_intl15 = require("react-intl");
+
+// ../renderers/src/messages/external-confirmation.messages.ts
+var import_react_intl14 = require("react-intl");
+var external_confirmation_messages_default = (0, import_react_intl14.defineMessages)({
+  title: {
+    id: "df.wise.ExternalConfirmation.title",
+    defaultMessage: "Please confirm",
+    description: "Heading for the confirmation screen."
+  },
+  description: {
+    id: "df.wise.ExternalConfirmation.description",
+    defaultMessage: "Please confirm you want to open **{origin}** in a new browser tab.",
+    description: "Description for the confirmation screen."
+  },
+  open: {
+    id: "df.wise.ExternalConfirmation.open",
+    defaultMessage: "Open in new tab",
+    description: "Button text confirming opening a new browser tab."
+  },
+  cancel: {
+    id: "df.wise.ExternalConfirmation.cancel",
+    defaultMessage: "Cancel",
+    description: "Button text rejecting opening a new browser tab."
+  }
+});
+
+// ../renderers/src/step/ExternalConfirmationDialog.tsx
+var import_components39 = require("@transferwise/components");
+var import_jsx_runtime52 = require("react/jsx-runtime");
+
+// ../renderers/src/step/useExternal.tsx
+var import_react10 = require("react");
+
+// ../renderers/src/step/StepRenderer.tsx
+var import_jsx_runtime53 = require("react/jsx-runtime");
+
+// ../renderers/src/ListRenderer.tsx
+var import_components41 = require("@transferwise/components");
+var import_classnames6 = __toESM(require("classnames"));
+var import_jsx_runtime54 = require("react/jsx-runtime");
+
+// ../renderers/src/step/SplashStepRenderer.tsx
+var import_jsx_runtime55 = require("react/jsx-runtime");
+
+// ../renderers/src/utils/useCustomTheme.ts
+var import_components_theming = require("@wise/components-theming");
+var import_react11 = require("react");
+
+// ../renderers/src/step/SplashCelebrationStepRenderer.tsx
+var import_jsx_runtime56 = require("react/jsx-runtime");

package/build/renderers.mjs

@@ -0,0 +1,477 @@
+// ../renderers/src/AlertRenderer.tsx
+import { Alert } from "@transferwise/components";
+import { jsx } from "react/jsx-runtime";
+
+// ../renderers/src/components/FieldInput.tsx
+import { Field } from "@transferwise/components";
+
+// ../renderers/src/components/Help.tsx
+import { Info, Markdown } from "@transferwise/components";
+import { useIntl } from "react-intl";
+
+// ../renderers/src/messages/help.messages.ts
+import { defineMessages } from "react-intl";
+var help_messages_default = defineMessages({
+  helpAria: {
+    id: "df.wise.Help.ariaLabel",
+    defaultMessage: "Click here for more info.",
+    description: "Aria label for help."
+  }
+});
+
+// ../renderers/src/components/Help.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+
+// ../renderers/src/components/LabelContentWithHelp.tsx
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+
+// ../renderers/src/components/FieldInput.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+
+// ../renderers/src/CheckboxInputRenderer.tsx
+import { Checkbox } from "@transferwise/components";
+import { jsx as jsx5 } from "react/jsx-runtime";
+
+// ../renderers/src/BoxRenderer.tsx
+import classNames from "classnames";
+import { jsx as jsx6 } from "react/jsx-runtime";
+
+// ../renderers/src/ButtonRenderer.tsx
+import { Button } from "@transferwise/components";
+import { jsx as jsx7 } from "react/jsx-runtime";
+
+// ../renderers/src/ColumnsRenderer.tsx
+import classNames2 from "classnames";
+import { jsx as jsx8, jsxs as jsxs2 } from "react/jsx-runtime";
+
+// ../renderers/src/components/VariableDateInput.tsx
+import { DateInput, DateLookup } from "@transferwise/components";
+
+// ../renderers/src/validators/type-validators.ts
+var isNull = (value) => value === null;
+var isUndefined = (value) => typeof value === "undefined";
+var isNullish = (v) => isNull(v) || isUndefined(v);
+
+// ../renderers/src/components/VariableDateInput.tsx
+import { jsx as jsx9 } from "react/jsx-runtime";
+
+// ../renderers/src/DateInputRenderer.tsx
+import { jsx as jsx10 } from "react/jsx-runtime";
+
+// ../renderers/src/DecisionRenderer.tsx
+import { Header, NavigationOption, NavigationOptionsList } from "@transferwise/components";
+
+// ../renderers/src/components/icon/FlagIcon.tsx
+import { Flag } from "@wise/art";
+import { jsx as jsx11 } from "react/jsx-runtime";
+var isFlagIcon = (name) => name.startsWith("flag-");
+function FlagIcon({ name }) {
+  if (!isFlagIcon(name)) {
+    return null;
+  }
+  const code = name.substring(5);
+  return /* @__PURE__ */ jsx11(Flag, { code });
+}
+
+// ../renderers/src/components/icon/NamedIcon.tsx
+import * as icons from "@transferwise/icons";
+import { jsx as jsx12 } from "react/jsx-runtime";
+var isNamedIcon = (name) => {
+  const iconName = toCapitalisedCamelCase(name);
+  return Object.keys(icons).includes(iconName);
+};
+function NamedIcon({ name }) {
+  if (!isNamedIcon(name)) {
+    return null;
+  }
+  const iconName = toCapitalisedCamelCase(name);
+  const Icon = icons[iconName];
+  return /* @__PURE__ */ jsx12(Icon, { size: 24 });
+}
+var toCapitalisedCamelCase = (value) => value.split("-").map(capitaliseFirstChar).join("");
+var capitaliseFirstChar = (value) => `${value[0].toUpperCase()}${value.slice(1)}`;
+
+// ../renderers/src/components/icon/DynamicIcon.tsx
+import { jsx as jsx13 } from "react/jsx-runtime";
+function DynamicIcon({ name }) {
+  if (isFlagIcon(name)) {
+    return /* @__PURE__ */ jsx13(FlagIcon, { name });
+  }
+  if (isNamedIcon(name)) {
+    return /* @__PURE__ */ jsx13(NamedIcon, { name });
+  }
+  return null;
+}
+var DynamicIcon_default = DynamicIcon;
+
+// ../renderers/src/components/icon/NavigationOptionMedia.tsx
+import { AvatarView } from "@transferwise/components";
+import { jsx as jsx14 } from "react/jsx-runtime";
+function NavigationOptionMedia({ icon, image }) {
+  const iconNode = getIconNode(icon);
+  const imageNode = getImageNode(image);
+  if (imageNode) {
+    if (iconNode) {
+      return /* @__PURE__ */ jsx14(AvatarView, { badge: { asset: iconNode }, children: imageNode });
+    }
+    return imageNode;
+  }
+  if (iconNode) {
+    return /* @__PURE__ */ jsx14(AvatarView, { children: iconNode });
+  }
+  return null;
+}
+var getIconNode = (icon) => {
+  if (!isNullish(icon)) {
+    if ("name" in icon) {
+      return /* @__PURE__ */ jsx14(DynamicIcon_default, { name: icon.name });
+    }
+    if (icon.text) {
+      return icon.text;
+    }
+  }
+  return null;
+};
+var getImageNode = (image) => {
+  if (image) {
+    const { accessibilityDescription, uri } = image;
+    if (!uri.startsWith("urn:")) {
+      return /* @__PURE__ */ jsx14("img", { src: uri, alt: accessibilityDescription });
+    }
+  }
+  return null;
+};
+
+// ../renderers/src/DecisionRenderer.tsx
+import { jsx as jsx15, jsxs as jsxs3 } from "react/jsx-runtime";
+
+// ../renderers/src/DividerRenderer.tsx
+import { jsx as jsx16 } from "react/jsx-runtime";
+
+// ../renderers/src/FormRenderer.tsx
+import { jsx as jsx17 } from "react/jsx-runtime";
+
+// ../renderers/src/FormSectionRenderer.tsx
+import { Header as Header2 } from "@transferwise/components";
+import { jsx as jsx18, jsxs as jsxs4 } from "react/jsx-runtime";
+
+// ../renderers/src/HeadingRenderer.tsx
+import { Display } from "@transferwise/components";
+import { jsx as jsx19 } from "react/jsx-runtime";
+
+// ../renderers/src/ImageRenderer/UrlImage.tsx
+import { Image } from "@transferwise/components";
+import { useEffect, useState } from "react";
+import { jsx as jsx20 } from "react/jsx-runtime";
+
+// ../renderers/src/ImageRenderer/UrnIllustration.tsx
+import {
+  Illustration,
+  Illustration3D,
+  isIllustrationSupport3D
+} from "@wise/art";
+import { jsx as jsx21 } from "react/jsx-runtime";
+
+// ../renderers/src/ImageRenderer/UrnImage.tsx
+import { jsx as jsx22 } from "react/jsx-runtime";
+
+// ../renderers/src/ImageRenderer/ImageRenderer.tsx
+import { jsx as jsx23 } from "react/jsx-runtime";
+
+// ../renderers/src/InstructionsRenderer.tsx
+import { Header as Header3, InstructionsList } from "@transferwise/components";
+import { jsx as jsx24, jsxs as jsxs5 } from "react/jsx-runtime";
+
+// ../renderers/src/IntegerInputRenderer.tsx
+import { Input, InputGroup } from "@transferwise/components";
+
+// ../renderers/src/utils/getIconAvatar.tsx
+import { AvatarView as AvatarView2 } from "@transferwise/components";
+import { jsx as jsx25 } from "react/jsx-runtime";
+
+// ../renderers/src/IntegerInputRenderer.tsx
+import { jsx as jsx26 } from "react/jsx-runtime";
+
+// ../renderers/src/LoadingIndicatorRenderer.tsx
+import { Loader } from "@transferwise/components";
+import { jsx as jsx27 } from "react/jsx-runtime";
+
+// ../renderers/src/MarkdownRenderer.tsx
+import { Markdown as Markdown2 } from "@transferwise/components";
+import { jsx as jsx28 } from "react/jsx-runtime";
+
+// ../renderers/src/ModalRenderer.tsx
+import { Button as Button2, Modal } from "@transferwise/components";
+import { useState as useState2 } from "react";
+import { jsx as jsx29, jsxs as jsxs6 } from "react/jsx-runtime";
+
+// ../renderers/src/MultiSelectInputRenderer.tsx
+import { SelectInput, SelectInputOptionContent } from "@transferwise/components";
+
+// ../renderers/src/SelectInputRenderer/OptionMedia.tsx
+import { Avatar as Avatar2, AvatarType as AvatarType2 } from "@transferwise/components";
+import { jsx as jsx30 } from "react/jsx-runtime";
+
+// ../renderers/src/MultiSelectInputRenderer.tsx
+import { useIntl as useIntl2 } from "react-intl";
+
+// ../renderers/src/messages/multi-select.messages.ts
+import { defineMessages as defineMessages2 } from "react-intl";
+var multi_select_messages_default = defineMessages2({
+  summary: {
+    id: "df.wise.MultiSelect.summary",
+    defaultMessage: "{first} and {count} more",
+    description: "A summary of the multiple items selected. Showing the title of the first selected item, and the number of other items that have been selected."
+  }
+});
+
+// ../renderers/src/MultiSelectInputRenderer.tsx
+import { useState as useState3 } from "react";
+import { jsx as jsx31 } from "react/jsx-runtime";
+
+// ../renderers/src/MultiUploadInputRenderer.tsx
+import { UploadInput } from "@transferwise/components";
+
+// ../renderers/src/components/UploadFieldInput.tsx
+import { InlineAlert } from "@transferwise/components";
+import classNames3 from "classnames";
+import { jsx as jsx32, jsxs as jsxs7 } from "react/jsx-runtime";
+
+// ../renderers/src/MultiUploadInputRenderer.tsx
+import { jsx as jsx33 } from "react/jsx-runtime";
+
+// ../renderers/src/NumberInputRenderer.tsx
+import { Input as Input2, InputGroup as InputGroup2 } from "@transferwise/components";
+import { jsx as jsx34 } from "react/jsx-runtime";
+
+// ../renderers/src/ParagraphRenderer.tsx
+import { useIntl as useIntl3 } from "react-intl";
+
+// ../renderers/src/hooks/useSnackBarIfAvailable.ts
+import { SnackbarContext } from "@transferwise/components";
+import { useContext } from "react";
+
+// ../renderers/src/ParagraphRenderer.tsx
+import { Button as Button3, Input as Input3 } from "@transferwise/components";
+import classNames4 from "classnames";
+
+// ../renderers/src/messages/paragraph.messages.ts
+import { defineMessages as defineMessages3 } from "react-intl";
+var paragraph_messages_default = defineMessages3({
+  copy: {
+    id: "df.wise.DynamicParagraph.copy",
+    defaultMessage: "Copy",
+    description: "Copy to clipboard button label."
+  },
+  copied: {
+    id: "df.wise.DynamicParagraph.copied",
+    defaultMessage: "Copied to clipboard",
+    description: "Appears in a snackbar when the copy operation succeeds."
+  }
+});
+
+// ../renderers/src/ParagraphRenderer.tsx
+import { jsx as jsx35, jsxs as jsxs8 } from "react/jsx-runtime";
+
+// ../renderers/src/RepeatableRenderer.tsx
+import { Button as Button4, Header as Header4, Modal as Modal2, NavigationOption as NavigationOption2, InlineAlert as InlineAlert2 } from "@transferwise/components";
+import { useState as useState4 } from "react";
+import { Plus } from "@transferwise/icons";
+import { useIntl as useIntl4 } from "react-intl";
+
+// ../renderers/src/messages/repeatable.messages.ts
+import { defineMessages as defineMessages4 } from "react-intl";
+var repeatable_messages_default = defineMessages4({
+  addItemTitle: {
+    id: "df.wise.ArraySchema.addItemTitle",
+    defaultMessage: "Add Item",
+    description: "Label on the button used to open a form to add an item"
+  },
+  addItem: {
+    id: "df.wise.ArraySchema.addItem",
+    defaultMessage: "Save",
+    description: "Label on the add button used to submit a form that adds an item"
+  },
+  editItem: {
+    id: "df.wise.ArraySchema.editItem",
+    defaultMessage: "Save",
+    description: "Label on the edit button used to submit a form that edits an item"
+  },
+  removeItem: {
+    id: "df.wise.ArraySchema.removeItem",
+    defaultMessage: "Remove",
+    description: "Label on the remove button used to confirm deletion of an item"
+  }
+});
+
+// ../renderers/src/RepeatableRenderer.tsx
+import classNames5 from "classnames";
+import { Fragment, jsx as jsx36, jsxs as jsxs9 } from "react/jsx-runtime";
+
+// ../renderers/src/SearchRenderer/BlockSearchRendererComponent.tsx
+import { Input as Input4, Markdown as Markdown3, NavigationOption as NavigationOption3, NavigationOptionsList as NavigationOptionsList2 } from "@transferwise/components";
+import { useState as useState5 } from "react";
+import { useIntl as useIntl6 } from "react-intl";
+
+// ../renderers/src/messages/search.messages.ts
+import { defineMessages as defineMessages5 } from "react-intl";
+var search_messages_default = defineMessages5({
+  loading: {
+    id: "df.wise.SearchLayout.loading",
+    defaultMessage: "Loading...",
+    description: "A message shown to the user while their search is being processed, before results appear."
+  }
+});
+
+// ../renderers/src/SearchRenderer/ErrorResult.tsx
+import { useIntl as useIntl5 } from "react-intl";
+
+// ../renderers/src/messages/generic-error.messages.ts
+import { defineMessages as defineMessages6 } from "react-intl";
+var generic_error_messages_default = defineMessages6({
+  genericErrorRetryHint: {
+    id: "df.wise.PersistAsyncSchema.genericError",
+    defaultMessage: "Something went wrong, please try again.",
+    description: "Generic error message for persist async schema"
+  },
+  genericError: {
+    id: "df.wise.ErrorBoundary.errorAlert",
+    defaultMessage: "Something went wrong.",
+    description: "Generic error message for when something has gone wrong."
+  },
+  retry: {
+    id: "df.wise.ErrorBoundary.retry",
+    defaultMessage: "Retry",
+    description: "Usually this follows the generic error and contains a link."
+  }
+});
+
+// ../renderers/src/SearchRenderer/ErrorResult.tsx
+import { Button as Button5 } from "@transferwise/components";
+import { jsx as jsx37, jsxs as jsxs10 } from "react/jsx-runtime";
+
+// ../renderers/src/SearchRenderer/BlockSearchRendererComponent.tsx
+import { Fragment as Fragment2, jsx as jsx38, jsxs as jsxs11 } from "react/jsx-runtime";
+
+// ../renderers/src/SearchRenderer/InlineSearchRendererComponent.tsx
+import { Markdown as Markdown4, Typeahead } from "@transferwise/components";
+import { Search } from "@transferwise/icons";
+import { useState as useState6 } from "react";
+import { useIntl as useIntl7 } from "react-intl";
+import { jsx as jsx39 } from "react/jsx-runtime";
+
+// ../renderers/src/SearchRenderer/SearchRenderer.tsx
+import { jsx as jsx40 } from "react/jsx-runtime";
+
+// ../renderers/src/SelectInputRenderer/RadioInputRendererComponent.tsx
+import { RadioGroup } from "@transferwise/components";
+import { Fragment as Fragment3, jsx as jsx41, jsxs as jsxs12 } from "react/jsx-runtime";
+
+// ../renderers/src/SelectInputRenderer/TabInputRendererComponent.tsx
+import { Tabs } from "@transferwise/components";
+import { useEffect as useEffect2 } from "react";
+import { Fragment as Fragment4, jsx as jsx42, jsxs as jsxs13 } from "react/jsx-runtime";
+
+// ../renderers/src/SelectInputRenderer/SelectInputRendererComponent.tsx
+import { SelectInput as SelectInput2, SelectInputOptionContent as SelectInputOptionContent2 } from "@transferwise/components";
+import { Fragment as Fragment5, jsx as jsx43, jsxs as jsxs14 } from "react/jsx-runtime";
+
+// ../renderers/src/SelectInputRenderer/SegmentedInputRendererComponent.tsx
+import { useEffect as useEffect3 } from "react";
+import { SegmentedControl } from "@transferwise/components";
+import { Fragment as Fragment6, jsx as jsx44, jsxs as jsxs15 } from "react/jsx-runtime";
+
+// ../renderers/src/SelectInputRenderer/SelectInputRenderer.tsx
+import { jsx as jsx45 } from "react/jsx-runtime";
+
+// ../renderers/src/StatusListRenderer.tsx
+import { Header as Header5, Summary } from "@transferwise/components";
+import { jsx as jsx46, jsxs as jsxs16 } from "react/jsx-runtime";
+
+// ../renderers/src/TextInputRenderer.tsx
+import { InputGroup as InputGroup3 } from "@transferwise/components";
+
+// ../renderers/src/components/VariableTextInput.tsx
+import {
+  Input as Input5,
+  InputWithDisplayFormat,
+  PhoneNumberInput,
+  TextArea,
+  TextareaWithDisplayFormat
+} from "@transferwise/components";
+import { jsx as jsx47 } from "react/jsx-runtime";
+
+// ../renderers/src/TextInputRenderer.tsx
+import { jsx as jsx48 } from "react/jsx-runtime";
+
+// ../renderers/src/UploadInputRenderer.tsx
+import { Upload, UploadInput as UploadInput2 } from "@transferwise/components";
+import { jsx as jsx49 } from "react/jsx-runtime";
+
+// ../renderers/src/ReviewRenderer.tsx
+import { DefinitionList, Header as Header6 } from "@transferwise/components";
+import { Fragment as Fragment7, jsx as jsx50, jsxs as jsxs17 } from "react/jsx-runtime";
+
+// ../renderers/src/step/StepRenderer.tsx
+import { Alert as Alert2, Title } from "@transferwise/components";
+
+// ../renderers/src/step/BackButton.tsx
+import { AvatarView as AvatarView3 } from "@transferwise/components";
+import { ArrowLeft } from "@transferwise/icons";
+import { jsx as jsx51, jsxs as jsxs18 } from "react/jsx-runtime";
+
+// ../renderers/src/step/ExternalConfirmationDialog.tsx
+import { useIntl as useIntl8 } from "react-intl";
+
+// ../renderers/src/messages/external-confirmation.messages.ts
+import { defineMessages as defineMessages7 } from "react-intl";
+var external_confirmation_messages_default = defineMessages7({
+  title: {
+    id: "df.wise.ExternalConfirmation.title",
+    defaultMessage: "Please confirm",
+    description: "Heading for the confirmation screen."
+  },
+  description: {
+    id: "df.wise.ExternalConfirmation.description",
+    defaultMessage: "Please confirm you want to open **{origin}** in a new browser tab.",
+    description: "Description for the confirmation screen."
+  },
+  open: {
+    id: "df.wise.ExternalConfirmation.open",
+    defaultMessage: "Open in new tab",
+    description: "Button text confirming opening a new browser tab."
+  },
+  cancel: {
+    id: "df.wise.ExternalConfirmation.cancel",
+    defaultMessage: "Cancel",
+    description: "Button text rejecting opening a new browser tab."
+  }
+});
+
+// ../renderers/src/step/ExternalConfirmationDialog.tsx
+import { Button as Button6, Markdown as Markdown5 } from "@transferwise/components";
+import { jsx as jsx52, jsxs as jsxs19 } from "react/jsx-runtime";
+
+// ../renderers/src/step/useExternal.tsx
+import { useEffect as useEffect4, useState as useState7 } from "react";
+
+// ../renderers/src/step/StepRenderer.tsx
+import { Fragment as Fragment8, jsx as jsx53, jsxs as jsxs20 } from "react/jsx-runtime";
+
+// ../renderers/src/ListRenderer.tsx
+import { Body, Header as Header7 } from "@transferwise/components";
+import classNames6 from "classnames";
+import { jsx as jsx54, jsxs as jsxs21 } from "react/jsx-runtime";
+
+// ../renderers/src/step/SplashStepRenderer.tsx
+import { jsx as jsx55, jsxs as jsxs22 } from "react/jsx-runtime";
+
+// ../renderers/src/utils/useCustomTheme.ts
+import { useTheme } from "@wise/components-theming";
+import { useEffect as useEffect5, useMemo } from "react";
+
+// ../renderers/src/step/SplashCelebrationStepRenderer.tsx
+import { jsx as jsx56, jsxs as jsxs23 } from "react/jsx-runtime";
+export {
+  NavigationOptionMedia
+};

package/build/types/renderers.d.ts

@@ -0,0 +1 @@
+export { NavigationOptionMedia } from '@wise/dynamic-flow-renderers';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client-internal",
-  "version": "4.6.1",
+  "version": "4.7.0-experimental-2773739",
   "description": "Dynamic Flow web client for Wise",
   "license": "Apache-2.0",
   "main": "./build/main.js",
@@ -16,7 +16,12 @@
       "import": "./build/main.mjs",
       "require": "./build/main.js"
     },
-    "./build/main.css": "./build/main.css"
+    "./build/main.css": "./build/main.css",
+    "./renderers": {
+      "types": "./build/types/renderers.d.ts",
+      "import": "./build/renderers.mjs",
+      "require": "./build/renderers.js"
+    }
   },
   "sideEffects": [
     "*.css"
@@ -83,8 +88,8 @@
     "typescript": "5.8.2",
     "webpack": "5.98.0",
     "@wise/dynamic-flow-fixtures": "0.0.1",
-    "@wise/dynamic-flow-types": "3.1.1",
-    "@wise/dynamic-flow-renderers": "0.0.0"
+    "@wise/dynamic-flow-renderers": "0.0.0",
+    "@wise/dynamic-flow-types": "3.1.2"
   },
   "peerDependencies": {
     "@transferwise/components": "^46.92.0",
@@ -99,8 +104,8 @@
   },
   "dependencies": {
     "classnames": "2.5.1",
-    "@wise/dynamic-flow-types": "3.1.1",
-    "@wise/dynamic-flow-client": "4.3.1"
+    "@wise/dynamic-flow-client": "4.3.2",
+    "@wise/dynamic-flow-types": "3.1.2"
   },
   "scripts": {
     "dev": "pnpm build:visual-tests && storybook dev -p 3005",