@wise/dynamic-flow-client 3.11.4-experimental-node20-6554c5d → 3.11.4-experimental-node-20-x-9761807

package/build/main.mjs

@@ -6703,7 +6703,9 @@ var compareLocalValue = (valueA, valueB) => {
     return valueA.length === valueB.length && valueA.every((value, index) => compareLocalValue(value, valueB[index]));
   }
   if (isObjectLocalValue(valueA) && isObjectLocalValue(valueB)) {
-    return Object.keys(valueA).every((key) => compareLocalValue(valueA[key], valueB[key]));
+    const keysA = Object.keys(valueA);
+    const keysB = Object.keys(valueB);
+    return keysA.length === keysB.length && keysA.every((key) => compareLocalValue(valueA[key], valueB[key]));
   }
   return valueA === valueB;
 };
@@ -7770,17 +7772,20 @@ var isPartialLocalValueMatch = (partialValue, component) => {
   if (isObjectLocalValue(partialValue) && isObjectLocalValue(componentValue)) {
     return isPartialObjectMatch(partialValue, componentValue, component);
   }
-  return true;
+  return null;
 };
 var isPartialObjectMatch = (partialValue, componentValue, component) => {
-  const resultByKey = getMatchingKeys(partialValue, componentValue).map((key) => {
+  const results = getMatchingKeys(partialValue, componentValue).map((key) => {
     const componentForKey = getComponentForLocalValueKey(key, component);
-    if (componentForKey && componentForKey.type === "const") {
-      return isPartialLocalValueMatch(partialValue[key], componentForKey);
-    }
-    return null;
+    return componentForKey && componentForKey.type === "const" ? isPartialLocalValueMatch(partialValue[key], componentForKey) : null;
   });
-  return resultByKey.includes(true) && !resultByKey.includes(false);
+  if (results.includes(false)) {
+    return false;
+  }
+  if (results.includes(true)) {
+    return true;
+  }
+  return null;
 };
 var getMatchingKeys = (a, b) => {
   const allKeys = Array.from(/* @__PURE__ */ new Set([...Object.keys(a), ...Object.keys(b)]));
@@ -7895,7 +7900,7 @@ var createSelectInputComponent = (selectProps, updateComponent) => {
     }
   });
 };
-var isTrue = (value) => value;
+var isTrue = (value) => value === true;
 
 // src/revamp/domain/mappers/schema/oneOfSchemaToComponent/oneOfSchemaToComponent.ts
 var oneOfSchemaToComponent = (schemaMapperProps, mapperProps) => {
@@ -10418,7 +10423,7 @@ function $1746a345f3d73bb7$export$f680877a34711e37(deterministicId) {
   return deterministicId || (id ? `radix-${id}` : "");
 }
 
-// ../../node_modules/.pnpm/@wise+forms@0.3.4_@transferwise+components@46.35.0_@types+react@18.0.29_react@18.2.0/node_modules/@wise/forms/dist/index.mjs
+// ../../node_modules/.pnpm/@wise+forms@0.3.4_@transferwise+components@46.36.0_@types+react@18.0.29_react@18.2.0/node_modules/@wise/forms/dist/index.mjs
 var import_classnames = __toESM(require_classnames(), 1);
 import { InlineAlert, Sentiment as Sentiment2, Input, TextArea } from "@transferwise/components";
 import { createContext as createContext2, useContext as useContext2, forwardRef } from "react";
@@ -10712,7 +10717,16 @@ function VariableDateInput({
   control,
   inputProps
 }) {
-  const { minimumDate, maximumDate, placeholder, disabled, onBlur, onChange, onFocus } = inputProps;
+  const {
+    autoComplete,
+    minimumDate,
+    maximumDate,
+    placeholder,
+    disabled,
+    onBlur,
+    onChange,
+    onFocus
+  } = inputProps;
   if (control === "date-lookup") {
     return /* @__PURE__ */ jsx16(
       DateLookup,
@@ -10730,8 +10744,20 @@ function VariableDateInput({
       }
     );
   }
-  return /* @__PURE__ */ jsx16(DateInput, __spreadValues({}, inputProps));
+  return /* @__PURE__ */ jsx16(
+    DateInput,
+    __spreadProps(__spreadValues({}, inputProps), {
+      dayAutoComplete: getAutocompleteString2(autoComplete, "day"),
+      yearAutoComplete: getAutocompleteString2(autoComplete, "year")
+    })
+  );
 }
+var getAutocompleteString2 = (value, suffix) => {
+  if (value === "bday") {
+    return `${value}-${suffix}`;
+  }
+  return void 0;
+};
 var VariableDateInput_default = VariableDateInput;
 
 // src/revamp/wise/renderers/DateInputRenderer.tsx
@@ -15447,7 +15473,7 @@ var logInvalidTypeFallbackWarning = ({
 };
 
 // src/legacy/formControl/utils/getAutocompleteString.ts
-var getAutocompleteString2 = (hints, { prefix = "", suffix = "" } = {}) => {
+var getAutocompleteString3 = (hints, { prefix = "", suffix = "" } = {}) => {
   const autoCompleteString = hints.map((hint) => {
     const builtHint = `${prefix}${hint}${suffix}`;
     return isAutocompleteToken(builtHint) ? autocompleteTokenMap2[builtHint] : void 0;
@@ -15530,7 +15556,7 @@ var _FormControl = class _FormControl extends PureComponent {
     this.getAutocompleteValue = ({ prefix = "", suffix = "" } = {}) => {
       const { autoComplete, autocompleteHint } = this.props;
       if (isArray2(autocompleteHint)) {
-        return getAutocompleteString2(autocompleteHint, { prefix, suffix });
+        return getAutocompleteString3(autocompleteHint, { prefix, suffix });
       }
       return autoComplete ? "on" : "off";
     };

package/build/revamp/domain/components/SelectInputComponent.js

@@ -137,4 +137,4 @@ export var createSelectInputComponent = function (selectProps, updateComponent)
             });
         } });
 };
-var isTrue = function (value) { return value; };
+var isTrue = function (value) { return value === true; };

package/build/revamp/domain/components/utils/isPartialLocalValueMatch.js

@@ -23,17 +23,22 @@ export var isPartialLocalValueMatch = function (partialValue, component) {
         return isPartialObjectMatch(partialValue, componentValue, component);
     }
     // TODO: Handle tuples, when supported.
-    return true;
+    return null;
 };
 var isPartialObjectMatch = function (partialValue, componentValue, component) {
-    var resultByKey = getMatchingKeys(partialValue, componentValue).map(function (key) {
+    var results = getMatchingKeys(partialValue, componentValue).map(function (key) {
         var componentForKey = getComponentForLocalValueKey(key, component);
-        if (componentForKey && componentForKey.type === 'const') {
-            return isPartialLocalValueMatch(partialValue[key], componentForKey);
-        }
-        return null;
+        return componentForKey && componentForKey.type === 'const'
+            ? isPartialLocalValueMatch(partialValue[key], componentForKey)
+            : null;
     });
-    return resultByKey.includes(true) && !resultByKey.includes(false);
+    if (results.includes(false)) {
+        return false;
+    }
+    if (results.includes(true)) {
+        return true;
+    }
+    return null;
 };
 var getMatchingKeys = function (a, b) {
     var allKeys = Array.from(new Set(__spreadArray(__spreadArray([], Object.keys(a), true), Object.keys(b), true)));

package/build/revamp/domain/components/utils/isPartialLocalValueMatch.spec.js

@@ -7,9 +7,12 @@ var makeConstComponent = function (value) {
 };
 describe('isPartialLocalValueMatch', function () {
     describe('when the component type is "const"', function () {
-        it('should return false if values are different', function () {
+        it('should return false if values are different (object)', function () {
             expect(isPartialLocalValueMatch({ some: 'value' }, makeConstComponent({ some: 'other-value' }))).toBe(false);
         });
+        it('should return false if values are different (array)', function () {
+            expect(isPartialLocalValueMatch(['aaa', 'bbb'], makeConstComponent(['aaa', 'bbb', 'ccc']))).toBe(false);
+        });
         it('should return true if primitive values are identical', function () {
             expect(isPartialLocalValueMatch(1234, makeConstComponent(1234))).toBe(true);
         });
@@ -19,6 +22,9 @@ describe('isPartialLocalValueMatch', function () {
         it('should return true if object values are identical', function () {
             expect(isPartialLocalValueMatch({ a: 'aaa', b: 111 }, makeConstComponent({ a: 'aaa', b: 111 }))).toBe(true);
         });
+        it('should return true if array values are identical', function () {
+            expect(isPartialLocalValueMatch(['aaa', 'bbb'], makeConstComponent(['aaa', 'bbb']))).toBe(true);
+        });
         it('should return true if empty-object values are identical', function () {
             expect(isPartialLocalValueMatch({}, makeConstComponent({}))).toBe(true);
         });
@@ -48,11 +54,11 @@ describe('isPartialLocalValueMatch', function () {
             it('should return false if one mismatching constant value is present', function () {
                 expect(isPartialLocalValueMatch({ type: 'OTHER-VALUE' }, objectComponent)).toBe(false);
             });
-            it('should return false if NO matching constant value is present', function () {
-                expect(isPartialLocalValueMatch({}, objectComponent)).toBe(false);
+            it('should return null if NO matching constant value is present', function () {
+                expect(isPartialLocalValueMatch({}, objectComponent)).toBeNull();
             });
-            it('should return false when some other non-const property matches', function () {
-                expect(isPartialLocalValueMatch({ other: 'some string' }, objectComponent)).toBe(false);
+            it('should return null when some other non-const property matches', function () {
+                expect(isPartialLocalValueMatch({ other: 'some string' }, objectComponent)).toBeNull();
             });
         });
         describe('when the component type is "all-of"', function () {
@@ -67,21 +73,21 @@ describe('isPartialLocalValueMatch', function () {
             it('should return false if one mismatching constant value is present', function () {
                 expect(isPartialLocalValueMatch({ type: 'OTHER-VALUE' }, allofComponent)).toBe(false);
             });
-            it('should return false if NO matching constant value is present', function () {
-                expect(isPartialLocalValueMatch({}, allofComponent)).toBe(false);
+            it('should return null if NO matching constant value is present', function () {
+                expect(isPartialLocalValueMatch({}, allofComponent)).toBeNull();
             });
         });
     });
     describe('when the local value is a File instance', function () {
-        it('should return true, when comparing files (with persist-async)', function () {
+        it('should return null, when comparing files (with persist-async)', function () {
             var localValue = new File(['ABCD'], 'a.txt', { type: 'text/plain' });
             var componentB = {
                 isPersisted: true,
                 getLocalValue: function () { return 'it doesnt matter what the value is'; },
             };
-            expect(isPartialLocalValueMatch(localValue, componentB)).toBe(true);
+            expect(isPartialLocalValueMatch(localValue, componentB)).toBeNull();
         });
-        it('should return true, when comparing files (base64url string)', function () {
+        it('should return null, when comparing files (base64url string)', function () {
             var localValue = new File(['ABCD'], 'a.txt', { type: 'text/plain' });
             var componentB = {
                 type: 'upload',
@@ -89,17 +95,17 @@ describe('isPartialLocalValueMatch', function () {
                     return new File(['it doesnt matter'], 'irrelevant.png', { type: 'image/png' });
                 },
             };
-            expect(isPartialLocalValueMatch(localValue, componentB)).toBe(true);
+            expect(isPartialLocalValueMatch(localValue, componentB)).toBeNull();
         });
     });
     describe('when the local value is an array and the component is "repeatable"', function () {
-        it('should return true even with different elements', function () {
+        it('should return null, even with different elements', function () {
             var localValue = ['a', 'b', 'c'];
             var componentB = {
                 type: 'repeatable',
                 getLocalValue: function () { return ['d', 'e', 'f', 'g']; },
             };
-            expect(isPartialLocalValueMatch(localValue, componentB)).toBe(true);
+            expect(isPartialLocalValueMatch(localValue, componentB)).toBeNull();
         });
     });
     describe('when the local value is an array and the component is "multi-upload"', function () {
@@ -107,13 +113,13 @@ describe('isPartialLocalValueMatch', function () {
         var fileB = new File(['B'], 'b.txt', { type: 'text/plain' });
         var fileC = new File(['C'], 'c.txt', { type: 'text/plain' });
         var fileD = new File(['D'], 'd.txt', { type: 'text/plain' });
-        it('should return true even with different elements', function () {
+        it('should return null, even with different elements', function () {
             var localValue = [fileA, fileB];
             var componentB = {
                 type: 'multi-upload',
                 getLocalValue: function () { return [fileC, fileD]; },
             };
-            expect(isPartialLocalValueMatch(localValue, componentB)).toBe(true);
+            expect(isPartialLocalValueMatch(localValue, componentB)).toBeNull();
         });
     });
 });

package/build/revamp/domain/components/utils/local-value.js

@@ -5,7 +5,10 @@ export var compareLocalValue = function (valueA, valueB) {
             valueA.every(function (value, index) { return compareLocalValue(value, valueB[index]); }));
     }
     if (isObjectLocalValue(valueA) && isObjectLocalValue(valueB)) {
-        return Object.keys(valueA).every(function (key) { return compareLocalValue(valueA[key], valueB[key]); });
+        var keysA = Object.keys(valueA);
+        var keysB = Object.keys(valueB);
+        return (keysA.length === keysB.length &&
+            keysA.every(function (key) { return compareLocalValue(valueA[key], valueB[key]); }));
     }
     return valueA === valueB;
 };

package/build/revamp/tests/OneOfInitialisation.spec.js

@@ -745,6 +745,7 @@ describe('OneOf Initialisation', function () {
                 renderWithProviders(_jsx(DynamicFlowWise, __assign({}, getDefaultProps(), { initialStep: __assign(__assign({}, contrivedStep), { model: {
                             frequency: 'MONTHLY',
                             interval: 3,
+                            letters: ['A', 'B'],
                         } }) })));
                 expect(screen.getByText(/Quarterly/)).toBeInTheDocument();
                 return [2 /*return*/];
@@ -763,6 +764,18 @@ describe('OneOf Initialisation', function () {
                 return [2 /*return*/];
             });
         }); });
+        it('should NOT select an option based on step model, when the const model has fewer properties', function () { return __awaiter(void 0, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                renderWithProviders(_jsx(DynamicFlowWise, __assign({}, getDefaultProps(), { initialStep: __assign(__assign({}, contrivedStep), { model: {
+                            frequency: 'MONTHLY',
+                            interval: 3,
+                            // missing the `letters` property... letters: ['A', 'B'],
+                        } }) })));
+                expect(screen.queryByText(/Quarterly/)).not.toBeInTheDocument();
+                expect(screen.queryByText(/Monthly/)).not.toBeInTheDocument();
+                return [2 /*return*/];
+            });
+        }); });
     });
     describe('when the model is an object with properties that are only present in one of the oneOf object schemas, but there are no discriminating consts', function () {
         var abxyStep = {

package/build/revamp/wise/renderers/components/VariableDateInput.js

@@ -15,7 +15,7 @@ import { DateInput, DateLookup } from '@transferwise/components';
 import { dateStringToDateOrNull, dateToDateString } from '../utils/value-utils';
 function VariableDateInput(_a) {
     var control = _a.control, inputProps = _a.inputProps;
-    var minimumDate = inputProps.minimumDate, maximumDate = inputProps.maximumDate, placeholder = inputProps.placeholder, disabled = inputProps.disabled, onBlur = inputProps.onBlur, onChange = inputProps.onChange, onFocus = inputProps.onFocus;
+    var autoComplete = inputProps.autoComplete, minimumDate = inputProps.minimumDate, maximumDate = inputProps.maximumDate, placeholder = inputProps.placeholder, disabled = inputProps.disabled, onBlur = inputProps.onBlur, onChange = inputProps.onChange, onFocus = inputProps.onFocus;
     if (control === 'date-lookup') {
         return (_jsx(DateLookup
         // DateLookup handles null values perfectly well, it's just typed incorrectly
@@ -25,6 +25,12 @@ function VariableDateInput(_a) {
                 onChange(date !== null ? dateToDateString(date) : null);
             }, onBlur: onBlur, onFocus: onFocus }));
     }
-    return _jsx(DateInput, __assign({}, inputProps));
+    return (_jsx(DateInput, __assign({}, inputProps, { dayAutoComplete: getAutocompleteString(autoComplete, 'day'), yearAutoComplete: getAutocompleteString(autoComplete, 'year') })));
 }
+var getAutocompleteString = function (value, suffix) {
+    if (value === 'bday') {
+        return "".concat(value, "-").concat(suffix);
+    }
+    return undefined;
+};
 export default VariableDateInput;

package/build/types/revamp/domain/components/utils/isPartialLocalValueMatch.d.ts

@@ -1,2 +1,2 @@
 import type { DomainComponent, LocalValue } from '../../types';
-export declare const isPartialLocalValueMatch: (partialValue: LocalValue, component: DomainComponent | null) => boolean;
+export declare const isPartialLocalValueMatch: (partialValue: LocalValue, component: DomainComponent | null) => boolean | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "3.11.4-experimental-node20-6554c5d",
+  "version": "3.11.4-experimental-node-20-x-9761807",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.min.js",
@@ -40,7 +40,7 @@
     "@testing-library/react": "14.3.0",
     "@testing-library/react-hooks": "8.0.1",
     "@testing-library/user-event": "14.5.2",
-    "@transferwise/components": "46.35.0",
+    "@transferwise/components": "46.36.0",
     "@transferwise/formatting": "^2.13.0",
     "@transferwise/icons": "3.13.0",
     "@transferwise/neptune-css": "14.10.0",
@@ -90,7 +90,7 @@
     "classnames": "2.5.1",
     "react-webcam": "^7.2.0",
     "screenfull": "^5.2.0",
-    "@wise/dynamic-flow-types": "2.15.1-experimental-node20-6554c5d"
+    "@wise/dynamic-flow-types": "2.15.1-experimental-node-20-x-9761807"
   },
   "scripts": {
     "dev": "storybook dev -p 3003",