@wise/dynamic-flow-client 3.9.0-experimental-90bdf26 → 3.9.1-experimental-152372b

package/build/legacy/dynamicFlow/DynamicFlow.js

@@ -47,7 +47,6 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useState } from 'react';
-import { useIntl } from 'react-intl';
 import { DynamicFlowProvider, getEventDispatcher, EventsContextProvider, LogProvider, getLogger, } from '../common/contexts';
 import { FeatureContextProvider } from '../common/contexts/featureContext/FeatureContext';
 import { isObjectModel } from '../common/utils';
@@ -69,7 +68,6 @@ var noop = function () { };
 // eslint-disable-next-line react/function-component-definition
 var DynamicFlowComponent = function (_a) {
     var flowId = _a.flowId, httpClient = _a.httpClient, initialAction = _a.initialAction, initialStep = _a.initialStep, loaderConfig = _a.loaderConfig, _b = _a.displayStepTitle, displayStepTitle = _b === void 0 ? true : _b, features = _a.features, onCompletion = _a.onCompletion, onError = _a.onError, _c = _a.onEvent, onEvent = _c === void 0 ? noop : _c, _d = _a.onLog, onLog = _d === void 0 ? noop : _d;
-    var locale = useIntl().locale;
     var _e = useDynamicFlowState(initialStep), formErrors = _e.formErrors, globalError = _e.globalError, step = _e.step, models = _e.models, etag = _e.etag, modelIsValid = _e.modelIsValid, setFormErrors = _e.setFormErrors, setGlobalError = _e.setGlobalError, setStepAndEtag = _e.setStepAndEtag, setSchemaModel = _e.setSchemaModel;
     var _f = useState(false), submitted = _f[0], setSubmitted = _f[1];
     var _g = useLoader(loaderConfig, initialStep ? 'idle' : 'initial'), isLoading = _g.isLoading, loader = _g.loader, setLoadingState = _g.setLoadingState;
@@ -89,11 +87,10 @@ var DynamicFlowComponent = function (_a) {
         var url = action.url, _b = action.method, method = _b === void 0 ? 'POST' : _b;
         return httpClient(url !== null && url !== void 0 ? url : '', {
             method: method,
-            headers: __assign({ 'accept-language': locale, 'Content-Type': 'application/json' }, (etag ? { 'If-None-Match': etag } : {})),
-            credentials: 'include',
+            headers: __assign({ 'Content-Type': 'application/json' }, (etag ? { 'If-None-Match': etag } : {})),
             body: method === 'GET' ? undefined : JSON.stringify(data),
         });
-    }, [httpClient, locale]);
+    }, [httpClient]);
     var performAction = function (action, data) {
         if (data === void 0) { data = {}; }
         return __awaiter(void 0, void 0, void 0, function () {
@@ -182,8 +179,8 @@ var DynamicFlowComponent = function (_a) {
         if (initialStep) {
             warnIfNoStepLayout(initialStep);
         }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [httpClient, locale, JSON.stringify(initialStep), JSON.stringify(initialAction)]);
+        // // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [httpClient, JSON.stringify(initialStep), JSON.stringify(initialAction)]);
     var handleResponse = function (response, fetchType) { return __awaiter(void 0, void 0, void 0, function () {
         var errorResponse, result, error_3;
         return __generator(this, function (_a) {

package/build/main.js

@@ -1154,7 +1154,6 @@ var i18n_default = translations;
 
 // src/revamp/DynamicFlowWise.tsx
 var import_react19 = require("react");
-var import_react_intl16 = require("react-intl");
 
 // src/common/httpClientContext/HttpClientContext.tsx
 var import_react = require("react");
@@ -12162,19 +12161,10 @@ var import_jsx_runtime57 = require("react/jsx-runtime");
 var wiseRenderers = getWiseRenderers();
 function DynamicFlowWise(props) {
   const { httpClient, renderers } = props;
-  const { locale } = (0, import_react_intl16.useIntl)();
-  const wiseHttpClient = (0, import_react19.useMemo)(
-    () => makeWiseHttpClient(httpClient, locale),
-    [httpClient, locale]
-  );
   const mergedRenderers = (0, import_react19.useMemo)(() => [...renderers != null ? renderers : [], ...wiseRenderers], [renderers]);
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(HttpClientProvider, { httpClient: wiseHttpClient, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(DynamicFlowCore, __spreadProps(__spreadValues({}, props), { renderers: mergedRenderers })) });
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(HttpClientProvider, { httpClient, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(DynamicFlowCore, __spreadProps(__spreadValues({}, props), { renderers: mergedRenderers })) });
 }
 var DynamicFlowWise_default = DynamicFlowWise;
-var makeWiseHttpClient = (httpClient, locale) => async (input, init) => httpClient(
-  input,
-  mergeRequestInit(init, { credentials: "include", headers: { "accept-language": locale } })
-);
 
 // src/revamp/DynamicFragmentWise.tsx
 var import_react20 = require("react");
@@ -12522,7 +12512,6 @@ function isReference(block) {
 
 // src/legacy/dynamicFlow/DynamicFlow.tsx
 var import_react64 = require("react");
-var import_react_intl39 = require("react-intl");
 
 // src/legacy/common/contexts/dynamicFlowContexts/DynamicFlowContexts.tsx
 var import_react22 = require("react");
@@ -13443,11 +13432,11 @@ function useExternalStepPolling(polling, onAction) {
 
 // src/legacy/common/hooks/usePersistAsync/usePersistAsync.ts
 var import_react52 = require("react");
-var import_react_intl32 = require("react-intl");
+var import_react_intl31 = require("react-intl");
 
 // src/legacy/jsonSchemaForm/persistAsyncSchema/persistAsyncBasicSchema/PersistAsyncBasicSchema.tsx
 var import_react51 = require("react");
-var import_react_intl31 = require("react-intl");
+var import_react_intl30 = require("react-intl");
 
 // src/legacy/common/constants/DateMode.ts
 var DateMode = {
@@ -13843,11 +13832,11 @@ var DynamicDivider_default = DynamicDivider;
 // src/legacy/layout/external/DynamicExternal.tsx
 var import_components41 = require("@transferwise/components");
 var import_react29 = require("react");
-var import_react_intl18 = require("react-intl");
+var import_react_intl17 = require("react-intl");
 
 // src/legacy/layout/external/DynamicExternal.messages.ts
-var import_react_intl17 = require("react-intl");
-var DynamicExternal_messages_default = (0, import_react_intl17.defineMessages)({
+var import_react_intl16 = require("react-intl");
+var DynamicExternal_messages_default = (0, import_react_intl16.defineMessages)({
   retryTitle: {
     id: "dynamicFlows.DynamicExternal.retryTitle",
     defaultMessage: "Reopen window",
@@ -13859,7 +13848,7 @@ var DynamicExternal_messages_default = (0, import_react_intl17.defineMessages)({
 var import_jsx_runtime73 = require("react/jsx-runtime");
 var DynamicExternal = ({ component, onAction }) => {
   const { requestUrl, responseHandlers, polling, retryTitle } = component;
-  const intl = (0, import_react_intl18.useIntl)();
+  const intl = (0, import_react_intl17.useIntl)();
   const openExternalUrl = (0, import_react29.useCallback)(
     () => window.open(requestUrl, "df-external-window"),
     [requestUrl]
@@ -13938,7 +13927,7 @@ var import_react31 = require("react");
 // src/legacy/jsonSchemaForm/controlFeedback/ControlFeedback.tsx
 var import_components43 = require("@transferwise/components");
 var import_formatting2 = require("@transferwise/formatting");
-var import_react_intl19 = require("react-intl");
+var import_react_intl18 = require("react-intl");
 var import_jsx_runtime75 = require("react/jsx-runtime");
 function ControlFeedback(props) {
   var _a;
@@ -13964,7 +13953,7 @@ ControlFeedback.defaultProps = {
   validationAsyncSuccessMessage: null
 };
 function useDefaultValidationMessages(schema) {
-  const { formatMessage, locale } = (0, import_react_intl19.useIntl)();
+  const { formatMessage, locale } = (0, import_react_intl18.useIntl)();
   const formattedMessages = {
     type: formatMessage(validation_messages_default.type),
     minimum: formatMessage(validation_messages_default.minimum, {
@@ -14051,11 +14040,11 @@ function constructUploadError(response) {
 }
 
 // src/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/multipleFileUploadSchema/utils/useFormattedDefaultErrorMessages.tsx
-var import_react_intl21 = require("react-intl");
+var import_react_intl20 = require("react-intl");
 
 // src/legacy/common/messages.ts
-var import_react_intl20 = require("react-intl");
-var messages_default = (0, import_react_intl20.defineMessages)({
+var import_react_intl19 = require("react-intl");
+var messages_default = (0, import_react_intl19.defineMessages)({
   required: {
     id: "dynamicFlows.DefaultErrorMessages.required",
     defaultMessage: "Please fill out this field.",
@@ -14068,7 +14057,7 @@ function useFormattedDefaultErrorMessages({
   maxItems,
   minItems
 }) {
-  const { formatMessage } = (0, import_react_intl21.useIntl)();
+  const { formatMessage } = (0, import_react_intl20.useIntl)();
   const { maxFileSizeError, maxItemsError, minItemsError } = multi_file_upload_messages_default;
   return {
     maxFileSizeErrorMessage: formatMessage(maxFileSizeError),
@@ -14188,7 +14177,7 @@ function getValidationMessages(schema, required, defaultErrorMessages) {
 var import_components46 = require("@transferwise/components");
 var import_classnames9 = __toESM(require_classnames());
 var import_react32 = require("react");
-var import_react_intl23 = require("react-intl");
+var import_react_intl22 = require("react-intl");
 
 // src/legacy/jsonSchemaForm/schemaFormControl/utils/mapping-utils.tsx
 var import_components45 = require("@transferwise/components");
@@ -14282,8 +14271,8 @@ var getDisabled = (disabled) => {
 };
 
 // src/common/messages/multi-select.messages.ts
-var import_react_intl22 = require("react-intl");
-var multi_select_messages_default = (0, import_react_intl22.defineMessages)({
+var import_react_intl21 = require("react-intl");
+var multi_select_messages_default = (0, import_react_intl21.defineMessages)({
   summary: {
     id: "dynamicFlows.MultiSelect.summary",
     defaultMessage: "{first} and {count} more",
@@ -14301,7 +14290,7 @@ function MultiSelectSchema({
   errors,
   onChange
 }) {
-  const { formatMessage, locale } = (0, import_react_intl23.useIntl)();
+  const { formatMessage, locale } = (0, import_react_intl22.useIntl)();
   const { disabled, items, validationMessages, placeholder } = schema;
   const options = items.oneOf.map((item) => mapConstSchemaToOption(item, "select"));
   const id = (0, import_react32.useMemo)(() => schema.$id || generateRandomId(), [schema.$id]);
@@ -14397,7 +14386,7 @@ var getInitialModelIndices = (model, options) => {
 var import_components48 = require("@transferwise/components");
 var import_icons4 = require("@transferwise/icons");
 var import_react34 = require("react");
-var import_react_intl25 = require("react-intl");
+var import_react_intl24 = require("react-intl");
 
 // src/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/repeatableSchema/ItemSummary.tsx
 var import_components47 = require("@transferwise/components");
@@ -14417,7 +14406,7 @@ function ItemSummaryOption2({ item, onClick }) {
 
 // src/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/repeatableSchema/RepeatableSchemaStep.tsx
 var import_react33 = require("react");
-var import_react_intl24 = require("react-intl");
+var import_react_intl23 = require("react-intl");
 var import_jsx_runtime80 = require("react/jsx-runtime");
 function RepeatableSchemaStep({
   type,
@@ -14428,7 +14417,7 @@ function RepeatableSchemaStep({
   onModelChange,
   onAction
 }) {
-  const { formatMessage } = (0, import_react_intl24.useIntl)();
+  const { formatMessage } = (0, import_react_intl23.useIntl)();
   const [filename, setFilename] = (0, import_react33.useState)(void 0);
   const step = {
     layout: [
@@ -14735,7 +14724,7 @@ function RepeatableSchema({
     setEditableItem({ item: null, model: null });
     setOpenModalType(null);
   };
-  const { formatMessage } = (0, import_react_intl25.useIntl)();
+  const { formatMessage } = (0, import_react_intl24.useIntl)();
   const validations = getValidationFailures(model, schema, required);
   const base64ValidationMessages = useFormattedDefaultErrorMessages({
     minItems: schema.minItems,
@@ -14951,10 +14940,10 @@ var import_react38 = require("react");
 
 // src/legacy/jsonSchemaForm/help/Help.tsx
 var import_components50 = require("@transferwise/components");
-var import_react_intl26 = require("react-intl");
+var import_react_intl25 = require("react-intl");
 var import_jsx_runtime85 = require("react/jsx-runtime");
 function Help2(props) {
-  const intl = (0, import_react_intl26.useIntl)();
+  const intl = (0, import_react_intl25.useIntl)();
   return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
     import_components50.Info,
     {
@@ -16185,11 +16174,11 @@ var PromotedOneOfSchema_default = PromotedOneOfSchema;
 
 // src/legacy/jsonSchemaForm/readOnlySchema/ReadOnlySchema.tsx
 var import_components56 = require("@transferwise/components");
-var import_react_intl28 = require("react-intl");
+var import_react_intl27 = require("react-intl");
 
 // src/legacy/jsonSchemaForm/readOnlySchema/ReadOnlySchema.messages.ts
-var import_react_intl27 = require("react-intl");
-var ReadOnlySchema_messages_default = (0, import_react_intl27.defineMessages)({
+var import_react_intl26 = require("react-intl");
+var ReadOnlySchema_messages_default = (0, import_react_intl26.defineMessages)({
   yes: {
     id: "dynamicFlows.ReadOnlySchema.yes",
     defaultMessage: "Yes",
@@ -16206,7 +16195,7 @@ var ReadOnlySchema_messages_default = (0, import_react_intl27.defineMessages)({
 var import_jsx_runtime96 = require("react/jsx-runtime");
 function ReadOnlySchema({ schema, model }) {
   const { title = "" } = schema;
-  const { formatMessage } = (0, import_react_intl28.useIntl)();
+  const { formatMessage } = (0, import_react_intl27.useIntl)();
   const value = getValueForSchema({ schema, model, formatMessage });
   return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_components56.DefinitionList, { layout: import_components56.Layout.VERTICAL_ONE_COLUMN, definitions: [{ title, value, key: "" }] });
 }
@@ -16707,7 +16696,7 @@ var DynamicLoadingIndicator_default = DynamicLoadingIndicator;
 
 // src/legacy/layout/paragraph/DynamicParagraph.tsx
 var import_components64 = require("@transferwise/components");
-var import_react_intl29 = require("react-intl");
+var import_react_intl28 = require("react-intl");
 
 // src/legacy/layout/paragraph/useSnackBarIfAvailable.ts
 var import_components63 = require("@transferwise/components");
@@ -16732,7 +16721,7 @@ function BasicDynamicParagraph({ component }) {
   ] });
 }
 function CopyableDynamicParagraph({ component }) {
-  const { formatMessage } = (0, import_react_intl29.useIntl)();
+  const { formatMessage } = (0, import_react_intl28.useIntl)();
   const createSnackbar = useSnackBarIfAvailable2();
   const { text } = component;
   const copy = () => {
@@ -16835,7 +16824,7 @@ var SearchInput = ({ title, value, onFocus, onChange }) => {
 
 // src/legacy/layout/search/SearchResults.tsx
 var import_components67 = require("@transferwise/components");
-var import_react_intl30 = require("react-intl");
+var import_react_intl29 = require("react-intl");
 var import_jsx_runtime110 = require("react/jsx-runtime");
 function SearchResults2({ results, emptyMessage, onSelect }) {
   if (results.length === 0) {
@@ -16855,7 +16844,7 @@ function SearchResults2({ results, emptyMessage, onSelect }) {
   )) });
 }
 function ErrorResult2({ onRetrySearch }) {
-  const intl = (0, import_react_intl30.useIntl)();
+  const intl = (0, import_react_intl29.useIntl)();
   return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("p", { className: "m-t-2", children: [
     intl.formatMessage(generic_error_messages_default.genericError),
     "\xA0",
@@ -17222,7 +17211,7 @@ var controlTypesWithPersistOnChange = /* @__PURE__ */ new Set([
 ]);
 function PersistAsyncBasicSchema(props) {
   const { schema, required, submitted, errors, onChange, onPersistAsync } = props;
-  const intl = (0, import_react_intl31.useIntl)();
+  const intl = (0, import_react_intl30.useIntl)();
   const httpClient = useHttpClient();
   const onEvent = useEventDispatcher();
   const [persistAsyncModel, setPersistAsyncModel] = (0, import_react51.useState)(null);
@@ -17320,7 +17309,7 @@ var PersistAsyncBasicSchema_default = PersistAsyncBasicSchema;
 var usePersistAsync = (persistAsync) => {
   const [abortController, setAbortController] = (0, import_react52.useState)(null);
   const httpClient = useHttpClient();
-  const intl = (0, import_react_intl32.useIntl)();
+  const intl = (0, import_react_intl31.useIntl)();
   const { schema } = persistAsync;
   async function handlePersistAsync(model) {
     const isInvalidSchema = model instanceof Blob ? !isBlobSchema2(schema) : !isValidSchema(model, schema);
@@ -17551,12 +17540,12 @@ var import_react60 = require("react");
 
 // src/legacy/step/cameraStep/cameraCapture/CameraCapture.tsx
 var import_react59 = require("react");
-var import_react_intl37 = require("react-intl");
+var import_react_intl36 = require("react-intl");
 var import_react_webcam = __toESM(require("react-webcam"));
 
 // src/legacy/step/cameraStep/cameraCapture/CameraCapture.messages.ts
-var import_react_intl33 = require("react-intl");
-var CameraCapture_messages_default = (0, import_react_intl33.defineMessages)({
+var import_react_intl32 = require("react-intl");
+var CameraCapture_messages_default = (0, import_react_intl32.defineMessages)({
   reviewSubmit: {
     id: "dynamicFlows.CameraCapture.reviewSubmit",
     defaultMessage: "Yes, submit",
@@ -17616,14 +17605,14 @@ var CameraCapture_messages_default = (0, import_react_intl33.defineMessages)({
 
 // src/legacy/step/cameraStep/cameraCapture/components/bottomBar/BottomBar.tsx
 var import_components70 = require("@transferwise/components");
-var import_react_intl34 = require("react-intl");
+var import_react_intl33 = require("react-intl");
 var import_jsx_runtime116 = require("react/jsx-runtime");
 var CaptureBottomBar = ({ onCapture }) => /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { className: "bottom-bar", children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(CaptureButton, { onClick: onCapture }) });
 var ReviewBottomBar = ({
   onSubmit,
   onRetry
 }) => {
-  const intl = (0, import_react_intl34.useIntl)();
+  const intl = (0, import_react_intl33.useIntl)();
   return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { className: "bottom-bar p-x-2", children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { className: "row", children: /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "col-xs-12 col-md-6 col-md-offset-3", children: [
     /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
       import_components70.Button,
@@ -17662,11 +17651,11 @@ var CaptureButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime116.j
 );
 
 // src/legacy/step/cameraStep/cameraCapture/components/orientationLockOverlay/OrientationLockOverlay.tsx
-var import_react_intl36 = require("react-intl");
+var import_react_intl35 = require("react-intl");
 
 // src/legacy/step/cameraStep/cameraCapture/components/orientationLockOverlay/OrientationLockOverlay.messages.ts
-var import_react_intl35 = require("react-intl");
-var OrientationLockOverlay_messages_default = (0, import_react_intl35.defineMessages)({
+var import_react_intl34 = require("react-intl");
+var OrientationLockOverlay_messages_default = (0, import_react_intl34.defineMessages)({
   text: {
     id: "dynamicFlows.CameraCapture.rotatePhone.text",
     defaultMessage: "Rotate your phone to portrait view to take a photo",
@@ -17677,7 +17666,7 @@ var OrientationLockOverlay_messages_default = (0, import_react_intl35.defineMess
 // src/legacy/step/cameraStep/cameraCapture/components/orientationLockOverlay/OrientationLockOverlay.tsx
 var import_jsx_runtime117 = require("react/jsx-runtime");
 function OrientationLockOverlay() {
-  const intl = (0, import_react_intl36.useIntl)();
+  const intl = (0, import_react_intl35.useIntl)();
   return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "orientation-lock-overlay", children: [
     /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
       "img",
@@ -17964,7 +17953,7 @@ function CameraCapture({
     shouldLockOrientation,
     onEvent
   );
-  const intl = (0, import_react_intl37.useIntl)();
+  const intl = (0, import_react_intl36.useIntl)();
   const handleCapture = (0, import_react59.useCallback)(async () => {
     var _a, _b, _c, _d, _e, _f;
     if (((_a = webcamReference == null ? void 0 : webcamReference.current) == null ? void 0 : _a.video) && ((_c = (_b = webcamReference == null ? void 0 : webcamReference.current) == null ? void 0 : _b.video) == null ? void 0 : _c.readyState) >= 3) {
@@ -18187,12 +18176,12 @@ function getFirstAction(step) {
 }
 
 // src/legacy/step/externalConfirmationStep/ExternalConfirmationStep.tsx
-var import_react_intl38 = require("react-intl");
+var import_react_intl37 = require("react-intl");
 var import_jsx_runtime122 = require("react/jsx-runtime");
 var noop6 = () => {
 };
 function ExternalConfirmationStep({ url, onClose }) {
-  const { formatMessage } = (0, import_react_intl38.useIntl)();
+  const { formatMessage } = (0, import_react_intl37.useIntl)();
   return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
     DynamicLayout_default,
     {
@@ -18581,7 +18570,6 @@ var DynamicFlowComponent = ({
   onEvent = noop7,
   onLog = noop7
 }) => {
-  const { locale } = (0, import_react_intl39.useIntl)();
   const {
     formErrors,
     globalError,
@@ -18633,15 +18621,12 @@ var DynamicFlowComponent = ({
       return httpClient(url != null ? url : "", {
         method,
         headers: __spreadValues({
-          "accept-language": locale,
-          // FIXME move this out of the library https://transferwise.atlassian.net/browse/MC-3286
           "Content-Type": "application/json"
         }, etag2 ? { "If-None-Match": etag2 } : {}),
-        credentials: "include",
         body: method === "GET" ? void 0 : JSON.stringify(data)
       });
     },
-    [httpClient, locale]
+    [httpClient]
   );
   const performAction = async (action, data = {}) => {
     cancelPendingRefreshes();
@@ -18698,7 +18683,7 @@ var DynamicFlowComponent = ({
     if (initialStep) {
       warnIfNoStepLayout(initialStep);
     }
-  }, [httpClient, locale, JSON.stringify(initialStep), JSON.stringify(initialAction)]);
+  }, [httpClient, JSON.stringify(initialStep), JSON.stringify(initialAction)]);
   const handleResponse = async (response, fetchType) => {
     try {
       if (response.status === 304) {