@wise/dynamic-flow-client 4.1.0 → 4.2.1

package/build/main.js

@@ -8444,7 +8444,8 @@ var stringSchemaToDateInputComponent = (schemaMapperProps, mapperProps) => {
     autocompleteHint,
     default: defaultValue,
     minimum: minimumDate,
-    maximum: maximumDate
+    maximum: maximumDate,
+    suggestions
   } = schema;
   const { getErrorMessageFunctions, updateComponent, onRefresh, onValueChange } = mapperProps;
   const errorMessageFunctions = getErrorMessageFunctions(schema.validationMessages);
@@ -8469,6 +8470,11 @@ var stringSchemaToDateInputComponent = (schemaMapperProps, mapperProps) => {
       ],
       minimumDate,
       maximumDate,
+      suggestions: suggestions ? {
+        values: suggestions.values.map((suggestion) => __spreadProps(__spreadValues({}, suggestion), {
+          image: mapSpecImage(suggestion.image)
+        }))
+      } : void 0,
       value,
       persistedState,
       validationAsyncState,
@@ -8764,6 +8770,7 @@ var stringSchemaToTextInputComponent = (schemaMapperProps, mapperProps) => {
     format,
     maxLength,
     minLength,
+    suggestions,
     validationMessages
   } = schema;
   const { getErrorMessageFunctions, updateComponent, onRefresh, onValueChange, logEvent } = mapperProps;
@@ -8794,6 +8801,11 @@ var stringSchemaToTextInputComponent = (schemaMapperProps, mapperProps) => {
       displayFormat,
       maxLength,
       minLength,
+      suggestions: suggestions ? {
+        values: suggestions.values.map((suggestion) => __spreadProps(__spreadValues({}, suggestion), {
+          image: mapSpecImage(suggestion.image)
+        }))
+      } : void 0,
       value,
       persistedState,
       validationAsyncState,
@@ -10979,7 +10991,7 @@ var formatDateOptions = {
 };
 
 // src/revamp/utils/findComponent.ts
-var findComponent = (components, id) => {
+var findComponent = (components, id, logEvent) => {
   const flattened = flattenComponents(components);
   const matching = flattened.filter((component) => component.uid === id);
   if (matching.length === 1) {
@@ -10988,6 +11000,10 @@ var findComponent = (components, id) => {
   if (matching.length > 1) {
     throw new Error(`Multiple components with the same uid: ${id}`);
   }
+  logEvent("error", "Failed to find domain layer component", {
+    componentUid: id,
+    componentsTree: flattened.map((component) => component.uid)
+  });
   throw new Error(`Failed to find any components with uid: ${id}`);
 };
 var flattenComponents = (components) => components.reduce((acc, component) => {
@@ -11068,7 +11084,7 @@ function useDynamicFlowCore(props) {
       const updateComponent = (id, update) => {
         const currentStepComponent = stepComponentRef.current;
         if (currentStepComponent) {
-          update(findComponent([currentStepComponent], id));
+          update(findComponent([currentStepComponent], id, logEvent));
           setStepComponent(() => {
             const newStepDomainComponent = __spreadValues({}, currentStepComponent);
             stepComponentRef.current = newStepDomainComponent;
@@ -11447,6 +11463,7 @@ var dateInputComponentToProps = (component, rendererMapperProps) => __spreadProp
   autoComplete: component.autoComplete,
   minimumDate: component.minimumDate,
   maximumDate: component.maximumDate,
+  suggestions: component.suggestions,
   onChange: component.onChange.bind(component)
 });
 
@@ -11713,6 +11730,7 @@ var textInputComponentToProps = (component, rendererMapperProps) => __spreadProp
   displayFormat: component.displayFormat,
   maxLength: component.maxLength,
   minLength: component.minLength,
+  suggestions: component.suggestions,
   onChange: component.onChange.bind(component)
 });
 

package/build/main.mjs

@@ -8421,7 +8421,8 @@ var stringSchemaToDateInputComponent = (schemaMapperProps, mapperProps) => {
     autocompleteHint,
     default: defaultValue,
     minimum: minimumDate,
-    maximum: maximumDate
+    maximum: maximumDate,
+    suggestions
   } = schema;
   const { getErrorMessageFunctions, updateComponent, onRefresh, onValueChange } = mapperProps;
   const errorMessageFunctions = getErrorMessageFunctions(schema.validationMessages);
@@ -8446,6 +8447,11 @@ var stringSchemaToDateInputComponent = (schemaMapperProps, mapperProps) => {
       ],
       minimumDate,
       maximumDate,
+      suggestions: suggestions ? {
+        values: suggestions.values.map((suggestion) => __spreadProps(__spreadValues({}, suggestion), {
+          image: mapSpecImage(suggestion.image)
+        }))
+      } : void 0,
       value,
       persistedState,
       validationAsyncState,
@@ -8741,6 +8747,7 @@ var stringSchemaToTextInputComponent = (schemaMapperProps, mapperProps) => {
     format,
     maxLength,
     minLength,
+    suggestions,
     validationMessages
   } = schema;
   const { getErrorMessageFunctions, updateComponent, onRefresh, onValueChange, logEvent } = mapperProps;
@@ -8771,6 +8778,11 @@ var stringSchemaToTextInputComponent = (schemaMapperProps, mapperProps) => {
       displayFormat,
       maxLength,
       minLength,
+      suggestions: suggestions ? {
+        values: suggestions.values.map((suggestion) => __spreadProps(__spreadValues({}, suggestion), {
+          image: mapSpecImage(suggestion.image)
+        }))
+      } : void 0,
       value,
       persistedState,
       validationAsyncState,
@@ -10956,7 +10968,7 @@ var formatDateOptions = {
 };
 
 // src/revamp/utils/findComponent.ts
-var findComponent = (components, id) => {
+var findComponent = (components, id, logEvent) => {
   const flattened = flattenComponents(components);
   const matching = flattened.filter((component) => component.uid === id);
   if (matching.length === 1) {
@@ -10965,6 +10977,10 @@ var findComponent = (components, id) => {
   if (matching.length > 1) {
     throw new Error(`Multiple components with the same uid: ${id}`);
   }
+  logEvent("error", "Failed to find domain layer component", {
+    componentUid: id,
+    componentsTree: flattened.map((component) => component.uid)
+  });
   throw new Error(`Failed to find any components with uid: ${id}`);
 };
 var flattenComponents = (components) => components.reduce((acc, component) => {
@@ -11045,7 +11061,7 @@ function useDynamicFlowCore(props) {
       const updateComponent = (id, update) => {
         const currentStepComponent = stepComponentRef.current;
         if (currentStepComponent) {
-          update(findComponent([currentStepComponent], id));
+          update(findComponent([currentStepComponent], id, logEvent));
           setStepComponent(() => {
             const newStepDomainComponent = __spreadValues({}, currentStepComponent);
             stepComponentRef.current = newStepDomainComponent;
@@ -11424,6 +11440,7 @@ var dateInputComponentToProps = (component, rendererMapperProps) => __spreadProp
   autoComplete: component.autoComplete,
   minimumDate: component.minimumDate,
   maximumDate: component.maximumDate,
+  suggestions: component.suggestions,
   onChange: component.onChange.bind(component)
 });
 
@@ -11690,6 +11707,7 @@ var textInputComponentToProps = (component, rendererMapperProps) => __spreadProp
   displayFormat: component.displayFormat,
   maxLength: component.maxLength,
   minLength: component.minLength,
+  suggestions: component.suggestions,
   onChange: component.onChange.bind(component)
 });
 

package/build/types/revamp/domain/components/DateInputComponent.d.ts

@@ -1,6 +1,6 @@
 import type { PerformPersistAsync } from '../features/persistAsync/getPerformPersistAsync';
 import type { IsInvalidCheck } from '../features/validation/value-checks';
-import type { InputComponent, OnValueChange, PersistedState, RepeatableSummary, UpdateComponent, ValidationAsyncState } from '../types';
+import type { InputComponent, OnValueChange, PersistedState, RepeatableSummary, Suggestions, UpdateComponent, ValidationAsyncState } from '../types';
 import type { PerformRefresh } from '../features/refresh/getPerformRefresh';
 import type { PerformValidationAsync } from '../features/validationAsync/getPerformValidationAsync';
 export type DateInputComponent = InputComponent<string | null> & {
@@ -8,10 +8,11 @@ export type DateInputComponent = InputComponent<string | null> & {
     minimumDate?: string;
     maximumDate?: string;
     persistedState: PersistedState;
+    suggestions?: Suggestions;
     validationAsyncState: ValidationAsyncState;
     onChange: (value: string | null) => void;
 };
-export declare const createDateInputComponent: (textInputProps: Pick<DateInputComponent, "uid" | "id" | "analyticsId" | "autoComplete" | "control" | "errors" | "description" | "disabled" | "help" | "hidden" | "icon" | "image" | "minimumDate" | "maximumDate" | "persistedState" | "placeholder" | "required" | "title" | "value" | "validationAsyncState"> & {
+export declare const createDateInputComponent: (textInputProps: Pick<DateInputComponent, "uid" | "id" | "analyticsId" | "autoComplete" | "control" | "errors" | "description" | "disabled" | "help" | "hidden" | "icon" | "image" | "minimumDate" | "maximumDate" | "persistedState" | "placeholder" | "required" | "suggestions" | "title" | "value" | "validationAsyncState"> & {
     checks: IsInvalidCheck<string | null>[];
     performPersistAsync: PerformPersistAsync | undefined;
     performRefresh: PerformRefresh | undefined;

package/build/types/revamp/domain/components/TextInputComponent.d.ts

@@ -2,7 +2,7 @@ import type { PerformPersistAsync } from '../features/persistAsync/getPerformPer
 import { type PerformRefresh } from '../features/refresh/getPerformRefresh';
 import type { IsInvalidCheck } from '../features/validation/value-checks';
 import type { PerformValidationAsync } from '../features/validationAsync/getPerformValidationAsync';
-import type { Autocapitalization, InputComponent, OnValueChange, PersistedState, RepeatableSummary, UpdateComponent, ValidationAsyncState } from '../types';
+import type { Autocapitalization, InputComponent, OnValueChange, PersistedState, RepeatableSummary, Suggestions, UpdateComponent, ValidationAsyncState } from '../types';
 export type TextInputComponent = InputComponent<string | null> & {
     type: 'text';
     autocapitalization?: Autocapitalization;
@@ -10,10 +10,11 @@ export type TextInputComponent = InputComponent<string | null> & {
     maxLength?: number;
     minLength?: number;
     persistedState: PersistedState;
+    suggestions?: Suggestions;
     validationAsyncState: ValidationAsyncState;
     onChange: (value: string | null) => void;
 };
-export declare const createTextInputComponent: (textInputProps: Pick<TextInputComponent, "uid" | "id" | "analyticsId" | "autocapitalization" | "autoComplete" | "control" | "errors" | "description" | "disabled" | "displayFormat" | "help" | "hidden" | "icon" | "image" | "maxLength" | "minLength" | "persistedState" | "placeholder" | "required" | "title" | "value" | "validationAsyncState"> & {
+export declare const createTextInputComponent: (textInputProps: Pick<TextInputComponent, "uid" | "id" | "analyticsId" | "autocapitalization" | "autoComplete" | "control" | "errors" | "description" | "disabled" | "displayFormat" | "help" | "hidden" | "icon" | "image" | "maxLength" | "minLength" | "persistedState" | "placeholder" | "required" | "suggestions" | "title" | "value" | "validationAsyncState"> & {
     checks: IsInvalidCheck<string | null>[];
     performPersistAsync: PerformPersistAsync | undefined;
     performValidationAsync: PerformValidationAsync | undefined;

package/build/types/revamp/domain/types.d.ts

@@ -93,6 +93,16 @@ export type Autocapitalization = 'none' | 'sentences' | 'words' | 'characters';
 export type Bias = 'none' | 'start' | 'end';
 export type Context = 'positive' | 'negative' | 'warning' | 'neutral';
 export type UploadSource = 'file' | 'camera';
+export type Suggestions = {
+    values: SuggestionsValue[];
+};
+export type SuggestionsValue = {
+    label: string;
+    value?: JsonElement;
+    icon?: Icon;
+    image?: Image;
+    tag?: string;
+};
 export type RepeatableSummary = {
     title?: string;
     description?: string;

package/build/types/revamp/utils/findComponent.d.ts

@@ -1,2 +1,3 @@
+import { LoggingEventDispatcher } from '../domain/features/events';
 import type { DomainComponent } from '../domain/types';
-export declare const findComponent: (components: DomainComponent[], id: string) => DomainComponent;
+export declare const findComponent: (components: DomainComponent[], id: string, logEvent: LoggingEventDispatcher) => DomainComponent;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "4.1.0",
+  "version": "4.2.1",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.js",