@aemforms/af-core 0.22.157 → 0.22.161

package/README.md

@@ -33,6 +33,24 @@ const data = {...}
 const valid = validateFormInstance(formJson, data)
 ```
 
+## Testing Local Changes
+
+```bash
+# Login to download dependencies
+npm login
+
+# Build the package
+npm run build
+
+# Link it for local testing
+npm link
+```
+
+In your project that uses this package:
+```bash
+npm link @aemforms/af-core
+```
+
 ## License
 
 Copyright 2022 Adobe

package/esm/afb-events.js

@@ -192,5 +192,10 @@ class RequestFailure extends ActionImpl {
         super(payload, 'requestFailure', { dispatch });
     }
 }
+class ScriptError extends ActionImpl {
+    constructor(payload, dispatch = false) {
+        super(payload, 'scriptError', { dispatch });
+    }
+}
 
-export { AddInstance, AddItem, Blur, Change, Click, CustomEvent, ExecuteRule, FieldChanged, Focus, FormLoad, Initialize, Invalid, RemoveInstance, RemoveItem, RequestFailure, RequestSuccess, Reset, Save, Submit, SubmitError, SubmitFailure, SubmitSuccess, UIChange, Valid, ValidationComplete, propertyChange };
+export { AddInstance, AddItem, Blur, Change, Click, CustomEvent, ExecuteRule, FieldChanged, Focus, FormLoad, Initialize, Invalid, RemoveInstance, RemoveItem, RequestFailure, RequestSuccess, Reset, Save, ScriptError, Submit, SubmitError, SubmitFailure, SubmitSuccess, UIChange, Valid, ValidationComplete, propertyChange };

package/esm/afb-runtime.js

@@ -1,4 +1,4 @@
-import { propertyChange, ExecuteRule, Initialize, RemoveItem, SubmitSuccess, CustomEvent, RequestSuccess, RequestFailure, SubmitError, Submit, Save, SubmitFailure, Focus, Valid, Invalid, RemoveInstance, AddInstance, Reset, AddItem, Click, Change, FormLoad, FieldChanged, ValidationComplete } from './afb-events.js';
+import { propertyChange, ExecuteRule, ScriptError, Initialize, RemoveItem, SubmitSuccess, CustomEvent, RequestSuccess, RequestFailure, SubmitError, Submit, Save, SubmitFailure, Focus, Valid, Invalid, RemoveInstance, AddInstance, Reset, AddItem, Click, Change, FormLoad, FieldChanged, ValidationComplete } from './afb-events.js';
 import Formula from '@adobe/json-formula';
 import { parseDefaultDate, datetimeToNumber, format, parseDateSkeleton, numberToDatetime, formatDate, parseDate } from '@aemforms/af-formatters';
 
@@ -545,7 +545,7 @@ const isAlphaNum = function (ch) {
     return (ch >= 'a' && ch <= 'z')
         || (ch >= 'A' && ch <= 'Z')
         || (ch >= '0' && ch <= '9')
-        || ch === '_';
+        || ch === '_' || ch === '-';
 };
 const isGlobal = (prev, stream, pos) => {
     return prev === null && stream[pos] === globalStartToken;
@@ -560,7 +560,7 @@ const isIdentifier = (stream, pos) => {
     }
     return (ch >= 'a' && ch <= 'z')
         || (ch >= 'A' && ch <= 'Z')
-        || ch === '_';
+        || ch === '_' || ch === '-';
 };
 const isNum = (ch) => {
     return (ch >= '0' && ch <= '9');
@@ -1366,7 +1366,8 @@ const editableProperties = [
     'maxItems',
     'minimum',
     'minItems',
-    'checked'
+    'checked',
+    'placeholder'
 ];
 const dynamicProps = [
     ...editableProperties,
@@ -1961,8 +1962,8 @@ class Scriptable extends BaseNode {
         if (!(eName in this._rules)) {
             const eString = rule || this.getRules()[eName];
             if (typeof eString === 'string' && eString.length > 0) {
+                let updatedRule = eString;
                 try {
-                    let updatedRule = eString;
                     if (this.fragment !== '$form') {
                         const sanitizedFragment = sanitizeName(this.fragment);
                         updatedRule = eString.replaceAll('$form', sanitizedFragment);
@@ -1970,7 +1971,16 @@ class Scriptable extends BaseNode {
                     this._rules[eName] = this.ruleEngine.compileRule(updatedRule, this.lang);
                 }
                 catch (e) {
-                    this.form.logger.error(`Unable to compile rule \`"${eName}" : "${eString}"\` Exception : ${e}`);
+                    const errorMsg = `Unable to compile rule \`"${eName}" : "${updatedRule}"\` Exception : ${e}`;
+                    this.form.logger.error(errorMsg);
+                    const errorPayload = {
+                        name: this.name,
+                        error: errorMsg,
+                        event: eName,
+                        rule: updatedRule,
+                        stack: e instanceof Error ? e.stack : undefined
+                    };
+                    this.form.dispatch(new ScriptError(errorPayload, false));
                 }
             }
             else {
@@ -1987,8 +1997,8 @@ class Scriptable extends BaseNode {
             }
             if (typeof eString !== 'undefined' && eString.length > 0) {
                 this._events[eName] = eString.map(x => {
+                    let updatedExpr = x;
                     try {
-                        let updatedExpr = x;
                         if (this.fragment !== '$form') {
                             const sanitizedFragment = sanitizeName(this.fragment);
                             updatedExpr = x.replaceAll('$form', sanitizedFragment);
@@ -1996,7 +2006,16 @@ class Scriptable extends BaseNode {
                         return this.ruleEngine.compileRule(updatedExpr, this.lang);
                     }
                     catch (e) {
-                        this.form.logger.error(`Unable to compile expression \`"${eName}" : "${eString}"\` Exception : ${e}`);
+                        const errorMsg = `Unable to compile expression \`"${eName}" : "${updatedExpr}"\` Exception : ${e}`;
+                        this.form.logger.error(errorMsg);
+                        const errorPayload = {
+                            name: this.name,
+                            error: errorMsg,
+                            event: eName,
+                            rule: updatedExpr,
+                            stack: e instanceof Error ? e.stack : undefined
+                        };
+                        this.form.dispatch(new ScriptError(errorPayload, false));
                     }
                     return null;
                 }).filter(x => x !== null);
@@ -4313,6 +4332,22 @@ class RuleEngine {
         }
         catch (err) {
             this._context?.form?.logger?.error(err);
+            if (this._context?.form) {
+                const field = this._context?.field;
+                const fieldName = field?.name;
+                const errorMsg = err instanceof Error ? err.message : String(err);
+                const fullError = fieldName
+                    ? `Script execution error in field "${fieldName}": ${errorMsg}. Expression: ${eString}`
+                    : `Script execution error: ${errorMsg}. Expression: ${eString}`;
+                const errorPayload = {
+                    name: fieldName,
+                    error: fullError,
+                    event: this._context?.$event?.type,
+                    rule: eString,
+                    stack: err instanceof Error ? err.stack : undefined
+                };
+                this._context.form.dispatch(new ScriptError(errorPayload, false));
+            }
         }
         if (this.debugInfo.length) {
             this._context?.form?.logger?.warn(`Form rule expression string: ${eString}`);
@@ -4594,6 +4629,9 @@ class Field extends Scriptable {
     get placeholder() {
         return this._jsonModel.placeholder;
     }
+    set placeholder(value) {
+        this._setProperty('placeholder', value);
+    }
     get readOnly() {
         if (this.parent.readOnly !== undefined) {
             return this.parent.readOnly === true ? true : this._jsonModel.readOnly;
@@ -4695,7 +4733,7 @@ class Field extends Scriptable {
     }
     get editValue() {
         const df = this.editFormat;
-        if (df && this.isNotEmpty(this.value) && this.valid !== false) {
+        if (df && this.isNotEmpty(this.value) && this?.validity?.typeMismatch !== true) {
             try {
                 return format(this.value, this.lang, df);
             }
@@ -5405,6 +5443,20 @@ class CheckboxGroup extends Field {
     }
 }
 
+const warnedPatterns = new Set();
+function normalizeDatePattern(pattern) {
+    if (!pattern || typeof pattern !== 'string') {
+        return pattern;
+    }
+    const normalized = pattern
+        .replace(/DD/g, 'dd')
+        .replace(/YYYY/g, 'yyyy');
+    if (normalized !== pattern && !warnedPatterns.has(pattern)) {
+        warnedPatterns.add(pattern);
+        console.warn(`[AEM Forms] Date field pattern "${pattern}" uses deprecated format. Auto-corrected to "${normalized}". Please update to use lowercase 'y' for year and 'd' for day.`);
+    }
+    return normalized;
+}
 class DateField extends Field {
     locale;
     _dataFormat = 'yyyy-MM-dd';
@@ -5414,9 +5466,13 @@ class DateField extends Field {
         if (!this._jsonModel.editFormat) {
             this._jsonModel.editFormat = 'short';
         }
+        this._jsonModel.editFormat = normalizeDatePattern(this._jsonModel.editFormat);
         if (!this._jsonModel.displayFormat) {
             this._jsonModel.displayFormat = this._jsonModel.editFormat;
         }
+        else {
+            this._jsonModel.displayFormat = normalizeDatePattern(this._jsonModel.displayFormat);
+        }
         if (!this._jsonModel.placeholder) {
             this._jsonModel.placeholder = parseDateSkeleton(this._jsonModel.editFormat, this.locale);
         }

package/esm/types/src/Field.d.ts

@@ -32,6 +32,7 @@ declare class Field extends Scriptable<FieldJson> implements FieldModel {
     get displayFormat(): string | undefined;
     get displayValueExpression(): string | undefined;
     get placeholder(): string | undefined;
+    set placeholder(value: string | undefined);
     get readOnly(): boolean | undefined;
     set readOnly(e: boolean | undefined);
     get enabled(): boolean | undefined;

package/esm/types/src/controller/Events.d.ts

@@ -114,4 +114,14 @@ export declare class RequestSuccess extends ActionImpl {
 export declare class RequestFailure extends ActionImpl {
     constructor(payload?: any, dispatch?: boolean);
 }
+export type ScriptErrorPayload = {
+    name?: string;
+    error: string;
+    event?: string;
+    rule?: string;
+    stack?: string;
+};
+export declare class ScriptError extends ActionImpl {
+    constructor(payload: ScriptErrorPayload, dispatch?: boolean);
+}
 export {};

package/esm/types/src/controller/Logger.d.ts

@@ -1,11 +1,11 @@
 export type LogFunction = 'info' | 'warn' | 'error' | 'debug';
 export type LogLevel = 'off' | LogFunction;
 export declare class Logger {
-    debug(msg: string): void;
-    info(msg: string): void;
-    warn(msg: string): void;
-    error(msg: string): void;
-    log(msg: string, level: LogFunction): void;
+    debug(msg: any): void;
+    info(msg: any): void;
+    warn(msg: any): void;
+    error(msg: any): void;
+    log(msg: any, level: LogFunction): void;
     isLevelEnabled(level: LogFunction): boolean;
     private logLevel;
     constructor(logLevel?: LogLevel);

package/lib/BaseNode.js

@@ -35,7 +35,8 @@ exports.editableProperties = [
     'maxItems',
     'minimum',
     'minItems',
-    'checked'
+    'checked',
+    'placeholder'
 ];
 exports.dynamicProps = [
     ...exports.editableProperties,

package/lib/DateField.js

@@ -11,6 +11,20 @@ var _DateField_instances, _DateField_convertNumberToDate;
 Object.defineProperty(exports, "__esModule", { value: true });
 const Field_1 = __importDefault(require("./Field"));
 const af_formatters_1 = require("@aemforms/af-formatters");
+const warnedPatterns = new Set();
+function normalizeDatePattern(pattern) {
+    if (!pattern || typeof pattern !== 'string') {
+        return pattern;
+    }
+    const normalized = pattern
+        .replace(/DD/g, 'dd')
+        .replace(/YYYY/g, 'yyyy');
+    if (normalized !== pattern && !warnedPatterns.has(pattern)) {
+        warnedPatterns.add(pattern);
+        console.warn(`[AEM Forms] Date field pattern "${pattern}" uses deprecated format. Auto-corrected to "${normalized}". Please update to use lowercase 'y' for year and 'd' for day.`);
+    }
+    return normalized;
+}
 class DateField extends Field_1.default {
     constructor() {
         super(...arguments);
@@ -23,9 +37,13 @@ class DateField extends Field_1.default {
         if (!this._jsonModel.editFormat) {
             this._jsonModel.editFormat = 'short';
         }
+        this._jsonModel.editFormat = normalizeDatePattern(this._jsonModel.editFormat);
         if (!this._jsonModel.displayFormat) {
             this._jsonModel.displayFormat = this._jsonModel.editFormat;
         }
+        else {
+            this._jsonModel.displayFormat = normalizeDatePattern(this._jsonModel.displayFormat);
+        }
         if (!this._jsonModel.placeholder) {
             this._jsonModel.placeholder = (0, af_formatters_1.parseDateSkeleton)(this._jsonModel.editFormat, this.locale);
         }

package/lib/Field.d.ts

@@ -32,6 +32,7 @@ declare class Field extends Scriptable<FieldJson> implements FieldModel {
     get displayFormat(): string | undefined;
     get displayValueExpression(): string | undefined;
     get placeholder(): string | undefined;
+    set placeholder(value: string | undefined);
     get readOnly(): boolean | undefined;
     set readOnly(e: boolean | undefined);
     get enabled(): boolean | undefined;

package/lib/Field.js

@@ -212,6 +212,9 @@ class Field extends Scriptable_1.default {
     get placeholder() {
         return this._jsonModel.placeholder;
     }
+    set placeholder(value) {
+        this._setProperty('placeholder', value);
+    }
     get readOnly() {
         if (this.parent.readOnly !== undefined) {
             return this.parent.readOnly === true ? true : this._jsonModel.readOnly;
@@ -311,8 +314,9 @@ class Field extends Scriptable_1.default {
         return df;
     }
     get editValue() {
+        var _a;
         const df = this.editFormat;
-        if (df && this.isNotEmpty(this.value) && this.valid !== false) {
+        if (df && this.isNotEmpty(this.value) && ((_a = this === null || this === void 0 ? void 0 : this.validity) === null || _a === void 0 ? void 0 : _a.typeMismatch) !== true) {
             try {
                 return (0, af_formatters_1.format)(this.value, this.lang, df);
             }

package/lib/Scriptable.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const BaseNode_1 = require("./BaseNode");
 const FormUtils_1 = require("./utils/FormUtils");
+const Events_1 = require("./controller/Events");
 class Scriptable extends BaseNode_1.BaseNode {
     constructor() {
         super(...arguments);
@@ -15,8 +16,8 @@ class Scriptable extends BaseNode_1.BaseNode {
         if (!(eName in this._rules)) {
             const eString = rule || this.getRules()[eName];
             if (typeof eString === 'string' && eString.length > 0) {
+                let updatedRule = eString;
                 try {
-                    let updatedRule = eString;
                     if (this.fragment !== '$form') {
                         const sanitizedFragment = (0, FormUtils_1.sanitizeName)(this.fragment);
                         updatedRule = eString.replaceAll('$form', sanitizedFragment);
@@ -24,7 +25,16 @@ class Scriptable extends BaseNode_1.BaseNode {
                     this._rules[eName] = this.ruleEngine.compileRule(updatedRule, this.lang);
                 }
                 catch (e) {
-                    this.form.logger.error(`Unable to compile rule \`"${eName}" : "${eString}"\` Exception : ${e}`);
+                    const errorMsg = `Unable to compile rule \`"${eName}" : "${updatedRule}"\` Exception : ${e}`;
+                    this.form.logger.error(errorMsg);
+                    const errorPayload = {
+                        name: this.name,
+                        error: errorMsg,
+                        event: eName,
+                        rule: updatedRule,
+                        stack: e instanceof Error ? e.stack : undefined
+                    };
+                    this.form.dispatch(new Events_1.ScriptError(errorPayload, false));
                 }
             }
             else {
@@ -42,8 +52,8 @@ class Scriptable extends BaseNode_1.BaseNode {
             }
             if (typeof eString !== 'undefined' && eString.length > 0) {
                 this._events[eName] = eString.map(x => {
+                    let updatedExpr = x;
                     try {
-                        let updatedExpr = x;
                         if (this.fragment !== '$form') {
                             const sanitizedFragment = (0, FormUtils_1.sanitizeName)(this.fragment);
                             updatedExpr = x.replaceAll('$form', sanitizedFragment);
@@ -51,7 +61,16 @@ class Scriptable extends BaseNode_1.BaseNode {
                         return this.ruleEngine.compileRule(updatedExpr, this.lang);
                     }
                     catch (e) {
-                        this.form.logger.error(`Unable to compile expression \`"${eName}" : "${eString}"\` Exception : ${e}`);
+                        const errorMsg = `Unable to compile expression \`"${eName}" : "${updatedExpr}"\` Exception : ${e}`;
+                        this.form.logger.error(errorMsg);
+                        const errorPayload = {
+                            name: this.name,
+                            error: errorMsg,
+                            event: eName,
+                            rule: updatedExpr,
+                            stack: e instanceof Error ? e.stack : undefined
+                        };
+                        this.form.dispatch(new Events_1.ScriptError(errorPayload, false));
                     }
                     return null;
                 }).filter(x => x !== null);

package/lib/controller/Events.d.ts

@@ -114,4 +114,14 @@ export declare class RequestSuccess extends ActionImpl {
 export declare class RequestFailure extends ActionImpl {
     constructor(payload?: any, dispatch?: boolean);
 }
+export declare type ScriptErrorPayload = {
+    name?: string;
+    error: string;
+    event?: string;
+    rule?: string;
+    stack?: string;
+};
+export declare class ScriptError extends ActionImpl {
+    constructor(payload: ScriptErrorPayload, dispatch?: boolean);
+}
 export {};

package/lib/controller/Events.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RequestFailure = exports.RequestSuccess = exports.RemoveInstance = exports.AddInstance = exports.RemoveItem = exports.AddItem = exports.CustomEvent = exports.FieldChanged = exports.Reset = exports.SubmitError = exports.SubmitFailure = exports.SubmitSuccess = exports.Save = exports.Submit = exports.Focus = exports.ValidationComplete = exports.Blur = exports.Click = exports.FormLoad = exports.Initialize = exports.propertyChange = exports.ExecuteRule = exports.Valid = exports.Invalid = exports.UIChange = exports.Change = void 0;
+exports.ScriptError = exports.RequestFailure = exports.RequestSuccess = exports.RemoveInstance = exports.AddInstance = exports.RemoveItem = exports.AddItem = exports.CustomEvent = exports.FieldChanged = exports.Reset = exports.SubmitError = exports.SubmitFailure = exports.SubmitSuccess = exports.Save = exports.Submit = exports.Focus = exports.ValidationComplete = exports.Blur = exports.Click = exports.FormLoad = exports.Initialize = exports.propertyChange = exports.ExecuteRule = exports.Valid = exports.Invalid = exports.UIChange = exports.Change = void 0;
 var EventSource;
 (function (EventSource) {
     EventSource["CODE"] = "code";
@@ -216,3 +216,9 @@ class RequestFailure extends ActionImpl {
     }
 }
 exports.RequestFailure = RequestFailure;
+class ScriptError extends ActionImpl {
+    constructor(payload, dispatch = false) {
+        super(payload, 'scriptError', { dispatch });
+    }
+}
+exports.ScriptError = ScriptError;

package/lib/controller/Logger.d.ts

@@ -1,11 +1,11 @@
 export declare type LogFunction = 'info' | 'warn' | 'error' | 'debug';
 export declare type LogLevel = 'off' | LogFunction;
 export declare class Logger {
-    debug(msg: string): void;
-    info(msg: string): void;
-    warn(msg: string): void;
-    error(msg: string): void;
-    log(msg: string, level: LogFunction): void;
+    debug(msg: any): void;
+    info(msg: any): void;
+    warn(msg: any): void;
+    error(msg: any): void;
+    log(msg: any, level: LogFunction): void;
     isLevelEnabled(level: LogFunction): boolean;
     private logLevel;
     constructor(logLevel?: LogLevel);

package/lib/rules/RuleEngine.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const json_formula_1 = __importDefault(require("@adobe/json-formula"));
 const FunctionRuntime_1 = require("./FunctionRuntime");
 const CoercionUtils_1 = require("../utils/CoercionUtils");
+const Events_1 = require("../controller/Events");
 function getStringToNumberFn(locale) {
     if (locale == null) {
         const localeOptions = new Intl.DateTimeFormat().resolvedOptions();
@@ -29,7 +30,7 @@ class RuleEngine {
         return { formula, ast: formula.compile(rule, this._globalNames) };
     }
     execute(node, data, globals, useValueOf = false, eString) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
         const { formula, ast } = node;
         const oldContext = this._context;
         this._context = globals;
@@ -39,11 +40,27 @@ class RuleEngine {
         }
         catch (err) {
             (_c = (_b = (_a = this._context) === null || _a === void 0 ? void 0 : _a.form) === null || _b === void 0 ? void 0 : _b.logger) === null || _c === void 0 ? void 0 : _c.error(err);
+            if ((_d = this._context) === null || _d === void 0 ? void 0 : _d.form) {
+                const field = (_e = this._context) === null || _e === void 0 ? void 0 : _e.field;
+                const fieldName = field === null || field === void 0 ? void 0 : field.name;
+                const errorMsg = err instanceof Error ? err.message : String(err);
+                const fullError = fieldName
+                    ? `Script execution error in field "${fieldName}": ${errorMsg}. Expression: ${eString}`
+                    : `Script execution error: ${errorMsg}. Expression: ${eString}`;
+                const errorPayload = {
+                    name: fieldName,
+                    error: fullError,
+                    event: (_g = (_f = this._context) === null || _f === void 0 ? void 0 : _f.$event) === null || _g === void 0 ? void 0 : _g.type,
+                    rule: eString,
+                    stack: err instanceof Error ? err.stack : undefined
+                };
+                this._context.form.dispatch(new Events_1.ScriptError(errorPayload, false));
+            }
         }
         if (this.debugInfo.length) {
-            (_f = (_e = (_d = this._context) === null || _d === void 0 ? void 0 : _d.form) === null || _e === void 0 ? void 0 : _e.logger) === null || _f === void 0 ? void 0 : _f.warn(`Form rule expression string: ${eString}`);
+            (_k = (_j = (_h = this._context) === null || _h === void 0 ? void 0 : _h.form) === null || _j === void 0 ? void 0 : _j.logger) === null || _k === void 0 ? void 0 : _k.warn(`Form rule expression string: ${eString}`);
             while (this.debugInfo.length > 0) {
-                (_j = (_h = (_g = this._context) === null || _g === void 0 ? void 0 : _g.form) === null || _h === void 0 ? void 0 : _h.logger) === null || _j === void 0 ? void 0 : _j.warn(this.debugInfo.pop());
+                (_o = (_m = (_l = this._context) === null || _l === void 0 ? void 0 : _l.form) === null || _m === void 0 ? void 0 : _m.logger) === null || _o === void 0 ? void 0 : _o.warn(this.debugInfo.pop());
             }
         }
         let finalRes = res;

package/lib/utils/DataRefParser.js

@@ -49,7 +49,7 @@ const isAlphaNum = function (ch) {
     return (ch >= 'a' && ch <= 'z')
         || (ch >= 'A' && ch <= 'Z')
         || (ch >= '0' && ch <= '9')
-        || ch === '_';
+        || ch === '_' || ch === '-';
 };
 const isGlobal = (prev, stream, pos) => {
     return prev === null && stream[pos] === globalStartToken;
@@ -64,7 +64,7 @@ const isIdentifier = (stream, pos) => {
     }
     return (ch >= 'a' && ch <= 'z')
         || (ch >= 'A' && ch <= 'Z')
-        || ch === '_';
+        || ch === '_' || ch === '-';
 };
 const isNum = (ch) => {
     return (ch >= '0' && ch <= '9');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aemforms/af-core",
-  "version": "0.22.157",
+  "version": "0.22.161",
   "description": "Core Module for Forms Runtime",
   "author": "Adobe Systems",
   "license": "Adobe Proprietary",
@@ -37,7 +37,7 @@
   },
   "dependencies": {
     "@adobe/json-formula": "0.1.50",
-    "@aemforms/af-formatters": "^0.22.157"
+    "@aemforms/af-formatters": "^0.22.161"
   },
   "devDependencies": {
     "@babel/preset-env": "^7.20.2",