@licklist/design 0.78.5-dev.1 → 0.78.5-dev.13

package/dist/notification/email-template/control/EmailTemplateControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmailTemplateControl.d.ts","sourceRoot":"","sources":["../../../../src/notification/email-template/control/EmailTemplateControl.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,cAAc,EAEf,MAAM,sEAAsE,CAAA;AAG7E,OAAO,EAAE,UAAU,EAAE,MAAM,kEAAkE,CAAA;AAM7F,OAAO,EAAE,gBAAgB,EAAE,MAAM,wEAAwE,CAAA;AAMzG,MAAM,WAAW,yBAAyB;IACxC,OAAO,EAAE,cAAc,EAAE,CAAA;IACzB,YAAY,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;IAC1C,IAAI,EAAE,MAAM,CAAA;IACZ,kBAAkB,CAAC,EAAE,UAAU,EAAE,CAAA;IACjC,iBAAiB,CAAC,EAAE,gBAAgB,EAAE,CAAA;IACtC,4BAA4B,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,gBAAgB,GAAG,IAAI,KAAK,MAAM,CAAA;CAC1E;AAED,eAAO,MAAM,oBAAoB,+GAsahC,CAAA"}
+{"version":3,"file":"EmailTemplateControl.d.ts","sourceRoot":"","sources":["../../../../src/notification/email-template/control/EmailTemplateControl.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,cAAc,EAEf,MAAM,sEAAsE,CAAA;AAG7E,OAAO,EAAE,UAAU,EAAE,MAAM,kEAAkE,CAAA;AAM7F,OAAO,EAAE,gBAAgB,EAAE,MAAM,wEAAwE,CAAA;AAMzG,MAAM,WAAW,yBAAyB;IACxC,OAAO,EAAE,cAAc,EAAE,CAAA;IACzB,YAAY,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;IAC1C,IAAI,EAAE,MAAM,CAAA;IACZ,kBAAkB,CAAC,EAAE,UAAU,EAAE,CAAA;IACjC,iBAAiB,CAAC,EAAE,gBAAgB,EAAE,CAAA;IACtC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,4BAA4B,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,gBAAgB,GAAG,IAAI,KAAK,MAAM,CAAA;CAC1E;AAED,eAAO,MAAM,oBAAoB,+GAuahC,CAAA"}

package/dist/notification/email-template/control/EmailTemplateControl.js

@@ -234,7 +234,7 @@ function _ts_generator(thisArg, body) {
 }
 var EDITOR_DESIGN_UPDATED = 'design:updated';
 var EmailTemplateControl = /*#__PURE__*/ forwardRef(function(param, ref) {
-    var setIsLoading = param.setIsLoading, meta = param.meta, _param_options = param.options, options = _param_options === void 0 ? [] : _param_options, _param_defaultAttachments = param.defaultAttachments, defaultAttachments = _param_defaultAttachments === void 0 ? [] : _param_defaultAttachments, _param_notificationTypes = param.notificationTypes, notificationTypes = _param_notificationTypes === void 0 ? [] : _param_notificationTypes, getDefaultTemplateMetaByType = param.getDefaultTemplateMetaByType;
+    var setIsLoading = param.setIsLoading, meta = param.meta, _param_options = param.options, options = _param_options === void 0 ? [] : _param_options, _param_defaultAttachments = param.defaultAttachments, defaultAttachments = _param_defaultAttachments === void 0 ? [] : _param_defaultAttachments, _param_notificationTypes = param.notificationTypes, notificationTypes = _param_notificationTypes === void 0 ? [] : _param_notificationTypes, _param_waiverType = param.waiverType, waiverType = _param_waiverType === void 0 ? false : _param_waiverType, getDefaultTemplateMetaByType = param.getDefaultTemplateMetaByType;
     var _errors_type, _errors_name, _errors_subject, _errors_body;
     var t = useTranslation([
         'Design'
@@ -476,7 +476,7 @@ var EmailTemplateControl = /*#__PURE__*/ forwardRef(function(param, ref) {
                     ]
                 })
             }),
-            /*#__PURE__*/ jsx(Row, {
+            !waiverType && /*#__PURE__*/ jsx(Row, {
                 children: /*#__PURE__*/ jsxs(Form.Group, {
                     as: Col,
                     children: [
@@ -578,7 +578,7 @@ var EmailTemplateControl = /*#__PURE__*/ forwardRef(function(param, ref) {
                         }
                         // should show dropdown only if user want to include PDF file
                         if (option.type === OPTION_TYPE.files_selector) {
-                            var fileSelectors = JSON.parse(option.defaultValue);
+                            var fileSelectors = (option === null || option === void 0 ? void 0 : option.defaultValue) ? JSON.parse(option.defaultValue) : '';
                             var fileNames = Object.values(fileSelectors);
                             var fileKeys = Object.keys(fileSelectors);
                             return /*#__PURE__*/ jsxs(Fragment, {
@@ -622,7 +622,7 @@ var EmailTemplateControl = /*#__PURE__*/ forwardRef(function(param, ref) {
                                 ]
                             });
                         }
-                        if (option.type === OPTION_TYPE.days_reminder) {
+                        if (option.type === OPTION_TYPE.days_reminder || option.type === OPTION_TYPE.waiver_reminder) {
                             return /*#__PURE__*/ jsxs(Fragment, {
                                 children: [
                                     /*#__PURE__*/ jsx(Form.Label, {

package/dist/notification/email-template/form/EmailTemplateForm.d.ts

@@ -31,9 +31,10 @@ export interface EmailTemplateProps extends HasPermissionProp {
     placeholders?: NotificationPlaceholder[];
     options?: TemplateOption[];
     serverErrors?: ServerError;
+    waiverType?: boolean;
     notificationTypes?: NotificationType[];
     getDefaultTemplateMetaByType?: (type?: NotificationType | null) => string;
     onTypeChange?: (type?: NotificationType | null) => void;
 }
-export declare const EmailTemplateForm: ({ defaultValues, onSubmitSave, onSubmitSaveAndSend, hasPermission, placeholders, options, serverErrors, notificationTypes, getDefaultTemplateMetaByType, onTypeChange, }: EmailTemplateProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EmailTemplateForm: ({ defaultValues, onSubmitSave, onSubmitSaveAndSend, hasPermission, placeholders, options, serverErrors, waiverType, notificationTypes, getDefaultTemplateMetaByType, onTypeChange, }: EmailTemplateProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=EmailTemplateForm.d.ts.map

package/dist/notification/email-template/form/EmailTemplateForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmailTemplateForm.d.ts","sourceRoot":"","sources":["../../../../src/notification/email-template/form/EmailTemplateForm.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,8DAA8D,CAAA;AAIzF,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAA;AACtF,OAAO,EAAE,uBAAuB,EAAE,MAAM,+EAA+E,CAAA;AACvH,OAAO,EAAE,cAAc,EAAE,MAAM,sEAAsE,CAAA;AACrG,OAAO,EAAE,mBAAmB,EAAE,MAAM,2EAA2E,CAAA;AAC/G,OAAO,EAAE,kBAAkB,EAAE,MAAM,0EAA0E,CAAA;AAC7G,OAAO,EAAE,UAAU,EAAE,MAAM,kEAAkE,CAAA;AAC7F,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAA;AAE3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,mDAAmD,CAAA;AACvF,OAAO,EAAE,oBAAoB,EAAE,MAAM,qEAAqE,CAAA;AAC1G,OAAO,EAAE,gBAAgB,EAAE,MAAM,wEAAwE,CAAA;AAKzG,MAAM,WAAW,mBAAoB,SAAQ,UAAU;IACrD,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,OAAO,CAAA;IACjB,SAAS,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,kBAAkB,CAAC,EAAE,kBAAkB,EAAE,GAAG,mBAAmB,EAAE,CAAA;IACjE,WAAW,CAAC,EAAE,UAAU,EAAE,CAAA;IAC1B,oBAAoB,CAAC,EAAE,mBAAmB,EAAE,CAAA;IAC5C,cAAc,CAAC,EAAE,oBAAoB,EAAE,CAAA;IACvC,IAAI,CAAC,EAAE,gBAAgB,CAAA;CACxB;AAED,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,SAAS,EAAE,OAAO,CAAA;IAClB,YAAY,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAA;IACnD,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAA;IAC3D,aAAa,CAAC,EAAE,mBAAmB,CAAA;IACnC,YAAY,CAAC,EAAE,uBAAuB,EAAE,CAAA;IACxC,OAAO,CAAC,EAAE,cAAc,EAAE,CAAA;IAC1B,YAAY,CAAC,EAAE,WAAW,CAAA;IAC1B,iBAAiB,CAAC,EAAE,gBAAgB,EAAE,CAAA;IACtC,4BAA4B,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,gBAAgB,GAAG,IAAI,KAAK,MAAM,CAAA;IACzE,YAAY,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAA;CACxD;AAED,eAAO,MAAM,iBAAiB,6KAW3B,kBAAkB,4CAmEpB,CAAA"}
+{"version":3,"file":"EmailTemplateForm.d.ts","sourceRoot":"","sources":["../../../../src/notification/email-template/form/EmailTemplateForm.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,8DAA8D,CAAA;AAIzF,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAA;AACtF,OAAO,EAAE,uBAAuB,EAAE,MAAM,+EAA+E,CAAA;AACvH,OAAO,EAAE,cAAc,EAAE,MAAM,sEAAsE,CAAA;AACrG,OAAO,EAAE,mBAAmB,EAAE,MAAM,2EAA2E,CAAA;AAC/G,OAAO,EAAE,kBAAkB,EAAE,MAAM,0EAA0E,CAAA;AAC7G,OAAO,EAAE,UAAU,EAAE,MAAM,kEAAkE,CAAA;AAC7F,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAA;AAE3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,mDAAmD,CAAA;AACvF,OAAO,EAAE,oBAAoB,EAAE,MAAM,qEAAqE,CAAA;AAC1G,OAAO,EAAE,gBAAgB,EAAE,MAAM,wEAAwE,CAAA;AAKzG,MAAM,WAAW,mBAAoB,SAAQ,UAAU;IACrD,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,OAAO,CAAA;IACjB,SAAS,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,kBAAkB,CAAC,EAAE,kBAAkB,EAAE,GAAG,mBAAmB,EAAE,CAAA;IACjE,WAAW,CAAC,EAAE,UAAU,EAAE,CAAA;IAC1B,oBAAoB,CAAC,EAAE,mBAAmB,EAAE,CAAA;IAC5C,cAAc,CAAC,EAAE,oBAAoB,EAAE,CAAA;IACvC,IAAI,CAAC,EAAE,gBAAgB,CAAA;CACxB;AAED,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,SAAS,EAAE,OAAO,CAAA;IAClB,YAAY,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAA;IACnD,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAA;IAC3D,aAAa,CAAC,EAAE,mBAAmB,CAAA;IACnC,YAAY,CAAC,EAAE,uBAAuB,EAAE,CAAA;IACxC,OAAO,CAAC,EAAE,cAAc,EAAE,CAAA;IAC1B,YAAY,CAAC,EAAE,WAAW,CAAA;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,iBAAiB,CAAC,EAAE,gBAAgB,EAAE,CAAA;IACtC,4BAA4B,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,gBAAgB,GAAG,IAAI,KAAK,MAAM,CAAA;IACzE,YAAY,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAA;CACxD;AAED,eAAO,MAAM,iBAAiB,yLAY3B,kBAAkB,4CAoEpB,CAAA"}

package/dist/notification/email-template/form/EmailTemplateForm.js

@@ -108,7 +108,7 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
 var EmailTemplateForm = function(param) {
-    var defaultValues = param.defaultValues, onSubmitSave = param.onSubmitSave, onSubmitSaveAndSend = param.onSubmitSaveAndSend, _param_hasPermission = param.hasPermission, hasPermission = _param_hasPermission === void 0 ? true : _param_hasPermission, _param_placeholders = param.placeholders, placeholders = _param_placeholders === void 0 ? [] : _param_placeholders, _param_options = param.options, options = _param_options === void 0 ? [] : _param_options, serverErrors = param.serverErrors, _param_notificationTypes = param.notificationTypes, notificationTypes = _param_notificationTypes === void 0 ? [] : _param_notificationTypes, getDefaultTemplateMetaByType = param.getDefaultTemplateMetaByType, onTypeChange = param.onTypeChange;
+    var defaultValues = param.defaultValues, onSubmitSave = param.onSubmitSave, onSubmitSaveAndSend = param.onSubmitSaveAndSend, _param_hasPermission = param.hasPermission, hasPermission = _param_hasPermission === void 0 ? true : _param_hasPermission, _param_placeholders = param.placeholders, placeholders = _param_placeholders === void 0 ? [] : _param_placeholders, _param_options = param.options, options = _param_options === void 0 ? [] : _param_options, serverErrors = param.serverErrors, waiverType = param.waiverType, _param_notificationTypes = param.notificationTypes, notificationTypes = _param_notificationTypes === void 0 ? [] : _param_notificationTypes, getDefaultTemplateMetaByType = param.getDefaultTemplateMetaByType, onTypeChange = param.onTypeChange;
     var t = useTranslation('Design').t;
     var _useState = _sliced_to_array(useState(false), 2), isLoading = _useState[0], setIsLoading = _useState[1];
     var emailEditorRef = useRef(null);
@@ -143,6 +143,7 @@ var EmailTemplateForm = function(param) {
                 children: [
                     /*#__PURE__*/ jsx(EmailTemplateControl, {
                         ref: emailEditorRef,
+                        waiverType: waiverType,
                         setIsLoading: setIsLoading,
                         meta: (defaultValues === null || defaultValues === void 0 ? void 0 : defaultValues.meta) || null,
                         defaultAttachments: (defaultValues === null || defaultValues === void 0 ? void 0 : defaultValues.attachments) || [],

package/dist/product-set/form/ProductSetForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductSetForm.d.ts","sourceRoot":"","sources":["../../../src/product-set/form/ProductSetForm.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,8DAA8D,CAAA;AAIzF,OAAO,EAAE,WAAW,EAAE,MAAM,8DAA8D,CAAA;AAC1F,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAA;AAE3E,OAAO,EAAE,WAAW,EAAE,MAAM,8DAA8D,CAAA;AAE1F,OAAO,EAAE,IAAI,EAAE,MAAM,wDAAwD,CAAA;AAC7E,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAA;AAGrF,OAAO,EAEL,uBAAuB,EACvB,uBAAuB,EACxB,MAAM,YAAY,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAE/B,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAA;AAQ3D,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,OAAO,CAAA;CACnB;AACD,MAAM,WAAW,cAAc;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ;AAED,MAAM,WAAW,MAAM;IACrB,EAAE,EAAE,MAAM,CAAA;CACX;AACD,MAAM,WAAW,oBACf,SAAQ,UAAU,EAChB,cAAc,EACd,uBAAuB;IACzB,KAAK,EAAE,IAAI,EAAE,CAAA;IACb,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,MAAM,WAAW,mBACf,SAAQ,aAAa,EACnB,uBAAuB;IACzB,WAAW,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,oBAAoB,CAAA;IACpC,mBAAmB,EAAE,CAAC,MAAM,EAAE,oBAAoB,KAAK,IAAI,CAAA;IAC3D,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,oBAAoB,KAAK,IAAI,CAAA;IAC3D,gBAAgB,CAAC,EAAE,UAAU,EAAE,CAAA;IAC/B,YAAY,CAAC,EAAE,WAAW,CAAA;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,YAAY,CAAC,EAAE,WAAW,EAAE,CAAA;IAC5B,4BAA4B,CAAC,EAAE,OAAO,CAAA;IACtC,KAAK,CAAC,EAAE,IAAI,EAAE,GAAG,IAAI,CAAA;IACrB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,EAAE,MAAM,CAAA;IAChB,gBAAgB,CAAC,EAAE,WAAW,EAAE,CAAA;CACjC;AAED,wBAAgB,cAAc,CAAC,EAC7B,WAAW,EACX,SAAS,EACT,aAAa,EACb,mBAAmB,EACnB,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,EAChB,YAAY,EACZ,cAAsB,EACtB,YAAiB,EACjB,4BAA4B,EAC5B,KAAK,EACL,cAAc,EACd,SAAS,EACT,YAAY,EACZ,WAAW,EACX,oBAAoB,EACpB,QAAQ,EACR,GAAG,MAAM,EACV,EAAE,mBAAmB,2CAkKrB"}
+{"version":3,"file":"ProductSetForm.d.ts","sourceRoot":"","sources":["../../../src/product-set/form/ProductSetForm.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,8DAA8D,CAAA;AAKzF,OAAO,EAAE,WAAW,EAAE,MAAM,8DAA8D,CAAA;AAC1F,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAA;AAE3E,OAAO,EAAE,WAAW,EAAE,MAAM,8DAA8D,CAAA;AAE1F,OAAO,EAAE,IAAI,EAAE,MAAM,wDAAwD,CAAA;AAC7E,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAA;AAGrF,OAAO,EAEL,uBAAuB,EACvB,uBAAuB,EACxB,MAAM,YAAY,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAE/B,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAA;AAQ3D,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,OAAO,CAAA;CACnB;AACD,MAAM,WAAW,cAAc;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ;AAED,MAAM,WAAW,MAAM;IACrB,EAAE,EAAE,MAAM,CAAA;CACX;AACD,MAAM,WAAW,oBACf,SAAQ,UAAU,EAChB,cAAc,EACd,uBAAuB;IACzB,KAAK,EAAE,IAAI,EAAE,CAAA;IACb,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,MAAM,WAAW,mBACf,SAAQ,aAAa,EACnB,uBAAuB;IACzB,WAAW,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,oBAAoB,CAAA;IACpC,mBAAmB,EAAE,CAAC,MAAM,EAAE,oBAAoB,KAAK,IAAI,CAAA;IAC3D,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,oBAAoB,KAAK,IAAI,CAAA;IAC3D,gBAAgB,CAAC,EAAE,UAAU,EAAE,CAAA;IAC/B,YAAY,CAAC,EAAE,WAAW,CAAA;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,YAAY,CAAC,EAAE,WAAW,EAAE,CAAA;IAC5B,4BAA4B,CAAC,EAAE,OAAO,CAAA;IACtC,KAAK,CAAC,EAAE,IAAI,EAAE,GAAG,IAAI,CAAA;IACrB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,EAAE,MAAM,CAAA;IAChB,gBAAgB,CAAC,EAAE,WAAW,EAAE,CAAA;CACjC;AAED,wBAAgB,cAAc,CAAC,EAC7B,WAAW,EACX,SAAS,EACT,aAAa,EACb,mBAAmB,EACnB,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,EAChB,YAAY,EACZ,cAAsB,EACtB,YAAiB,EACjB,4BAA4B,EAC5B,KAAK,EACL,cAAc,EACd,SAAS,EACT,YAAY,EACZ,WAAW,EACX,oBAAoB,EACpB,QAAQ,EACR,GAAG,MAAM,EACV,EAAE,mBAAmB,2CAkKrB"}

package/dist/product-set/product/advanced-options/AdvancedOptions.js

@@ -15,7 +15,6 @@ import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
 import '@licklist/plugins/dist/services/Form/FormErrorService';
 import '@licklist/plugins/dist/services/Form/HookFormService';
-import 'react-router-dom';
 import '../../../calendar/Calendar.js';
 import 'clsx';
 import 'luxon';
@@ -24,6 +23,7 @@ import '../../../tiptap-editor/TipTapEditor.js';
 import '@licklist/core/dist/Config';
 import '../../../iframe/event/event-card/IframeEventCardSkeleton.js';
 import 'react-icons/fa';
+import 'react-router-dom';
 import '../../../static/index.js';
 import '../../../iframe/page/Page.js';
 import '../../../iframe/page/components/PageBody/PageBody.js';

package/dist/product-set/utils/index.d.ts

@@ -1,6 +1,6 @@
 import { EmailTemplate } from '@licklist/core/dist/DataMapper/Notification/EmailTemplateDataMapper';
 import { SmsTemplate } from '@licklist/core/dist/DataMapper/Notification/SmsTemplateDataMapper';
-import { TFunction } from 'react-i18next';
+import { TFunction } from 'i18next';
 import { UseFormSetError } from 'react-hook-form';
 import { ProductSet } from '@licklist/core/dist/DataMapper/Product/ProductSetDataMapper';
 import { TemplateItem } from '../control/ProductSetControl';

package/dist/product-set/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/product-set/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qEAAqE,CAAA;AACnG,OAAO,EAAE,WAAW,EAAE,MAAM,mEAAmE,CAAA;AAG/F,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,6DAA6D,CAAA;AACxF,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAG7D,UAAU,yBAAyB;IACjC,MAAM,EAAE,oBAAoB,CAAA;IAC5B,QAAQ,EAAE,eAAe,CAAC,oBAAoB,CAAC,CAAA;IAC/C,CAAC,EAAE,SAAS,CAAA;CACb;AAED,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AACD,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAC1B,CAAC,EAAE,aACC,MAAM,aACN,MAAM,QAQlB,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,CAAC,EAAE;;IACmB,CAAA;AAEjE,eAAO,MAAM,oBAAoB,eACnB,aAAa,EAAE,GAAG,WAAW,EAAE,kBAC3B,YAAY,EAAE,KAC7B,YAAY,EAAE,GAAG,SAmBnB,CAAA;AAED,eAAQ,MAAM,kCAAkC,SAAU,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAc5E,CAAC;AAEH,eAAO,MAAM,yBAAyB,6BAInC,yBAAyB,YA0B3B,CAAA;AAED,eAAO,MAAM,yBAAyB,WAC5B,CAAC,UAAU,GAAG,oBAAoB,CAAC,EAAE,KAC5C,gBAAgB,EACwD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/product-set/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qEAAqE,CAAA;AACnG,OAAO,EAAE,WAAW,EAAE,MAAM,mEAAmE,CAAA;AAG/F,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,6DAA6D,CAAA;AACxF,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAE7D,UAAU,yBAAyB;IACjC,MAAM,EAAE,oBAAoB,CAAA;IAC5B,QAAQ,EAAE,eAAe,CAAC,oBAAoB,CAAC,CAAA;IAC/C,CAAC,EAAE,SAAS,CAAA;CACb;AAED,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AACD,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAC1B,CAAC,EAAE,aACC,MAAM,aACN,MAAM,QAQlB,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,CAAC,EAAE;;IACmB,CAAA;AAEjE,eAAO,MAAM,oBAAoB,eACnB,aAAa,EAAE,GAAG,WAAW,EAAE,kBAC3B,YAAY,EAAE,KAC7B,YAAY,EAAE,GAAG,SAmBnB,CAAA;AAED,eAAO,MAAM,kCAAkC,SACvC,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAe1B,CAAA;AAEF,eAAO,MAAM,yBAAyB,6BAInC,yBAAyB,YA0B3B,CAAA;AAED,eAAO,MAAM,yBAAyB,WAC5B,CAAC,UAAU,GAAG,oBAAoB,CAAC,EAAE,KAC5C,gBAAgB,EACwD,CAAA"}

package/dist/recurrence-input/RecurrenceInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RecurrenceInput.d.ts","sourceRoot":"","sources":["../../src/recurrence-input/RecurrenceInput.tsx"],"names":[],"mappings":"AAIA,OAAc,EAAE,SAAS,EAAW,MAAM,OAAO,CAAA;AAWjD,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,gBAAgB,CAAC,EAAE,SAAS,CAAA;CAC7B;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAAgB,EAChB,IAAI,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,gBAAmC,GACpC,EAAE,oBAAoB,2CAyEtB"}
+{"version":3,"file":"RecurrenceInput.d.ts","sourceRoot":"","sources":["../../src/recurrence-input/RecurrenceInput.tsx"],"names":[],"mappings":"AAIA,OAAc,EAAE,SAAS,EAAW,MAAM,OAAO,CAAA;AAWjD,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,gBAAgB,CAAC,EAAE,SAAS,CAAA;CAC7B;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAAgB,EAChB,IAAI,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,gBAAmC,GACpC,EAAE,oBAAoB,2CA0EtB"}

package/dist/recurrence-input/RecurrenceInput.js

@@ -117,7 +117,7 @@ function RecurrenceInput(param) {
     })), 2), state = _useReducer[0], updateState = _useReducer[1];
     useEffect(// TODO: unhardcode timezone
     function() {
-        return onChange(RRule.optionsToString(_object_spread({
+        onChange(RRule.optionsToString(_object_spread({
             freq: state.freq,
             count: state.count,
             interval: state.interval,

package/dist/setting/dashboard/payments/payments-modal/PaymentsModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaymentsModal.d.ts","sourceRoot":"","sources":["../../../../../src/setting/dashboard/payments/payments-modal/PaymentsModal.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAA;IAC9C,MAAM,EAAE,MAAM,IAAI,CAAA;CACnB;AAED,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,QAAQ,EACR,MAAM,GACP,EAAE,kBAAkB,2CAgCpB"}
+{"version":3,"file":"PaymentsModal.d.ts","sourceRoot":"","sources":["../../../../../src/setting/dashboard/payments/payments-modal/PaymentsModal.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAA;IAC9C,MAAM,EAAE,MAAM,IAAI,CAAA;CACnB;AAED,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,QAAQ,EACR,MAAM,GACP,EAAE,kBAAkB,2CAiCpB"}

package/dist/snippet/snippet-template/preview/Preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Preview.d.ts","sourceRoot":"","sources":["../../../../src/snippet/snippet-template/preview/Preview.tsx"],"names":[],"mappings":"AAkCA,MAAM,WAAW,YAAY;IAC3B,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,cAAc,EAAE,OAAO,CAAA;CACxB;AAED,wBAAgB,OAAO,CAAC,EACtB,cAAc,EACd,cAAsB,GACvB,EAAE,YAAY,2CAgWd"}
+{"version":3,"file":"Preview.d.ts","sourceRoot":"","sources":["../../../../src/snippet/snippet-template/preview/Preview.tsx"],"names":[],"mappings":"AAiCA,MAAM,WAAW,YAAY;IAC3B,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,cAAc,EAAE,OAAO,CAAA;CACxB;AAED,wBAAgB,OAAO,CAAC,EACtB,cAAc,EACd,cAAsB,GACvB,EAAE,YAAY,2CA8Vd"}

package/dist/snippet/snippet-template/preview/Preview.js

@@ -1,7 +1,6 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState, useContext } from 'react';
 import { useTranslation } from 'react-i18next';
-import { MemoryRouter } from 'react-router-dom';
 import { Button } from 'react-bootstrap';
 import { SNIPPET_TEMPLATE_TYPE_VENUE_MAP, SNIPPET_TEMPLATE_TYPE_EVENT_LIST } from '@licklist/core/dist/DataMapper/Provider/SnippetTemplateDataMapper';
 import { defaultStartDay, Calendar } from '../../../calendar/Calendar.js';
@@ -19,6 +18,7 @@ import { PageHeader } from '../../../iframe/page/components/PageHeader/PageHeade
 import 'react-icons/fa';
 import 'react-swipeable';
 import 'react-bootstrap/Button';
+import 'react-router-dom';
 import '@licklist/core/dist/DataMapper/Media/ImageDataMapper';
 import '@licklist/plugins/dist/services/Media/MediaService';
 import '../../../tiptap-editor/TipTapEditor.js';
@@ -154,25 +154,19 @@ function Preview(param) {
                                         /*#__PURE__*/ jsx(Timer, {
                                             timer: 600
                                         }),
-                                        /*#__PURE__*/ jsx(MemoryRouter, {
-                                            initialEntries: [
-                                                '/step1',
-                                                '/step2'
-                                            ],
-                                            children: /*#__PURE__*/ jsx(NavigationSteps, {
-                                                steps: [
-                                                    {
-                                                        pathname: '/step1',
-                                                        key: '/step1',
-                                                        name: 'Burger'
-                                                    },
-                                                    {
-                                                        pathname: '/step2',
-                                                        key: '/step2',
-                                                        name: 'Cheese'
-                                                    }
-                                                ]
-                                            })
+                                        /*#__PURE__*/ jsx(NavigationSteps, {
+                                            steps: [
+                                                {
+                                                    pathname: '/step1',
+                                                    key: '/step1',
+                                                    name: 'Burger'
+                                                },
+                                                {
+                                                    pathname: '/step2',
+                                                    key: '/step2',
+                                                    name: 'Cheese'
+                                                }
+                                            ]
                                         })
                                     ]
                                 })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@licklist/design",
-  "version": "0.78.5-dev.1",
+  "version": "0.78.5-dev.13",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/artelogicsoft/licklist_design.git"
@@ -42,17 +42,18 @@
     ]
   },
   "peerDependencies": {
-    "@licklist/core": "0.36.1-dev.0",
+    "@licklist/core": "0.36.1-dev.6",
     "@licklist/eslint-config": "0.5.6",
-    "@licklist/plugins": "0.36.4-dev.0",
+    "@licklist/plugins": "0.36.4-dev.2",
     "clsx": "2.1.1",
+    "i18next": "25.3.2",
     "lodash": "4.17.21",
     "luxon": "3.5.0",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
     "react-hook-form": "7.52.2",
-    "react-i18next": "11.8.8",
-    "react-intl": "6.6.8",
+    "react-i18next": "15.6.1",
+    "react-intl": "7.1.11",
     "react-query": "3.34.12",
     "react-router-dom": "6.30.1"
   },
@@ -63,9 +64,9 @@
     "@dnd-kit/utilities": "2.0.0",
     "@fortawesome/fontawesome-svg-core": "1.2.34",
     "@fortawesome/free-solid-svg-icons": "5.15.2",
-    "@licklist/core": "0.36.0-dev.0",
+    "@licklist/core": "0.36.1-dev.6",
     "@licklist/eslint-config": "0.5.6",
-    "@licklist/plugins": "0.36.2-dev.2",
+    "@licklist/plugins": "0.36.4-dev.2",
     "@mantine/core": "6.0.22",
     "@mantine/hooks": "6.0.22",
     "@mdx-js/react": "1.6.22",
@@ -101,22 +102,23 @@
     "emojibase-data": "7.0.1",
     "emojibase-regex": "6.0.1",
     "framer-motion": "4.1.17",
+    "i18next": "25.3.2",
     "konva": "6.0.0",
     "lodash": "4.17.21",
     "luxon": "3.5.0",
     "moment": "2.29.1",
-    "react": "17.0.2",
+    "react": "18.3.1",
     "react-bootstrap": "1.6.1",
     "react-color": "2.19.3",
     "react-date-range": "1.4.0",
-    "react-dom": "17.0.2",
+    "react-dom": "18.3.1",
     "react-email-editor": "1.6.1",
     "react-highlighter": "0.4.3",
     "react-hook-form": "7.52.2",
-    "react-i18next": "11.8.8",
+    "react-i18next": "15.6.1",
     "react-icons": "5.3.0",
-    "react-intl": "6.6.8",
-    "react-konva": "17.0.2-6",
+    "react-intl": "7.1.11",
+    "react-konva": "18.2.12",
     "react-loader": "2.4.7",
     "react-loading-skeleton": "3.3.1",
     "react-overlays": "4.1.1",
@@ -149,10 +151,10 @@
     "@types/luxon": "3.4.2",
     "@types/mdx-js__react": "1.5.3",
     "@types/node": "20.9.0",
-    "@types/react": "17.0.80",
+    "@types/react": "18.3.12",
     "@types/react-bootstrap": "1.0.1",
     "@types/react-date-range": "1.4.9",
-    "@types/react-dom": "17.0.25",
+    "@types/react-dom": "18.3.1",
     "@types/react-email-editor": "1.1.7",
     "@types/react-loader": "2.4.4",
     "@types/react-phone-number-input": "3.0.6",
@@ -196,8 +198,8 @@
     "vite-tsconfig-paths": "5.0.1"
   },
   "resolutions": {
-    "@types/react": "17.0.80",
-    "@types/react-dom": "17.0.25"
+    "@types/react": "18.3.12",
+    "@types/react-dom": "18.3.1"
   },
   "lint-staged": {
     "*.{ts,tsx}": [

package/src/CustomDatePicker/CustomDatePicker.tsx

@@ -0,0 +1,252 @@
+import { TextInput } from '@mantine/core'
+import { useEffect, useState } from 'react'
+import { Controller, useFormContext } from 'react-hook-form'
+import { DateTime } from 'luxon'
+import { useTranslation } from 'react-i18next'
+
+type CustomDatePickerProps = {
+  name: string
+  error?: string
+  label?: string
+  showAge?: boolean
+  required?: boolean
+}
+
+export function CustomDatePicker({
+  name, 
+  error, 
+  showAge = true,
+  required = true 
+}: CustomDatePickerProps) {
+  const { t } = useTranslation()
+  const { control, setValue, watch, getValues, trigger, formState } = useFormContext()
+  const [age, setAge] = useState<number | null>(null)
+  const [localError, setLocalError] = useState<string | null>(null)
+  
+  // Get current field values
+  const day = watch(`${name}_day`) || ''
+  const month = watch(`${name}_month`) || ''
+  const year = watch(`${name}_year`) || ''
+  
+  // Initialize values from existing date
+  useEffect(() => {
+    const existingDate = getValues(name)
+    
+    if (existingDate instanceof Date && !day && !month && !year) {
+      const dateTime = DateTime.fromJSDate(existingDate)
+      if (dateTime.isValid) {
+        setValue(`${name}_day`, dateTime.day.toString().padStart(2, '0'))
+        setValue(`${name}_month`, dateTime.month.toString().padStart(2, '0'))
+        setValue(`${name}_year`, dateTime.year.toString())
+      }
+    }
+  }, [name, setValue, getValues, day, month, year])
+  
+  // Check for empty fields after submit attempt
+  useEffect(() => {
+    if (formState.isSubmitted && required) {
+      const hasEmptyFields = !day || !month || !year
+      
+      if (hasEmptyFields) {
+        setLocalError(t('Validation:fieldRequired', { attribute: t('App:dateOfBirth') }))
+        // Set the main field to null to trigger form validation
+        setValue(name, null, { shouldValidate: true })
+      } else {
+        setLocalError(null)
+      }
+    }
+  }, [formState.isSubmitted, day, month, year, required, name, setValue, t])
+  
+  // Calculate age and validate date when all fields are filled
+  useEffect(() => {
+    if (day && month && year) {
+      try {
+        // Create a date object
+        const dateObj = DateTime.fromObject({ 
+          day: parseInt(day, 10), 
+          month: parseInt(month, 10), 
+          year: parseInt(year, 10) 
+        })
+        
+        // Only proceed if date is valid
+        if (dateObj.isValid) {
+          // Set the main field value
+          setValue(name, dateObj.toJSDate(), { shouldValidate: true })
+          setLocalError(null)
+          
+          // Calculate age
+          if (showAge) {
+            const now = DateTime.now()
+            const diff = now.diff(dateObj, 'years')
+            setAge(Math.floor(diff.years))
+          }
+        } else {
+          setLocalError(t('Validation:fieldInvalid', { attribute: t('App:dateOfBirth') }))
+          setValue(name, null, { shouldValidate: true })
+          setAge(null)
+        }
+      } catch (err) {
+        // If any parsing fails, just reset the age display
+        setLocalError(t('Validation:fieldInvalid', { attribute: t('App:dateOfBirth') }))
+        setValue(name, null, { shouldValidate: true })
+        setAge(null)
+      }
+    } else if (formState.isSubmitted && required) {
+      // If form was submitted and fields are required but not all filled
+      setLocalError(t('Validation:fieldRequired', { attribute: t('App:dateOfBirth') }))
+      setValue(name, null, { shouldValidate: true })
+      setAge(null)
+    } else {
+      // Reset if not all fields are filled but not submitted yet
+      setValue(name, null, { shouldValidate: false })
+      setAge(null)
+    }
+  }, [day, month, year, name, setValue, showAge, formState.isSubmitted, required, t])
+
+  // After user completes all fields, validate the form
+  useEffect(() => {
+    if (day && month && year) {
+      trigger(name)
+    }
+  }, [day, month, year, name, trigger])
+
+  // Display either the form error or our local error
+  const displayError = error || localError
+
+  return (
+    <div className="tw-w-full">
+      <div className="tw-flex tw-flex-col">
+        <div className="tw-mb-2 tw-flex tw-items-center tw-justify-between">
+          <label className="tw-font-semibold">
+            {t('App:dateOfBirth')}
+            {required && <span className="tw-ml-1 tw-text-red-500"></span>}
+          </label>
+          {age !== null && (
+            <span className="tw-text-sm tw-text-gray-600">
+              {t('App:Age')}: {age}
+            </span>
+          )}
+        </div>
+        
+        <div className="tw-flex tw-flex-row tw-gap-4">
+          <div className="tw-w-1/3">
+            <label className="tw-mb-1 tw-block tw-text-sm">{t('App:Day')}</label>
+            <Controller
+              control={control}
+              name={`${name}_day`}
+              defaultValue=""
+              render={({ field }) => (
+                <TextInput
+                  {...field}
+                  value={field.value || ''}
+                  placeholder="DD"
+                  maxLength={2}
+                  error={!!displayError}
+                  onChange={(e) => {
+                    const value = e.target.value.replace(/[^0-9]/g, '')
+                    field.onChange(value)
+                  }}
+                  onBlur={(e) => {
+                    // Validate and format on blur
+                    let value = e.target.value.replace(/[^0-9]/g, '')
+                    if (value) {
+                      const num = parseInt(value, 10)
+                      if (num < 1) value = '01'
+                      else if (num > 31) value = '31'
+                      else value = num.toString().padStart(2, '0')
+                    }
+                    field.onChange(value)
+                  }}
+                />
+              )}
+            />
+          </div>
+          
+          <div className="tw-w-1/3">
+            <label className="tw-mb-1 tw-block tw-text-sm">{t('App:Month')}</label>
+            <Controller
+              control={control}
+              name={`${name}_month`}
+              defaultValue=""
+              render={({ field }) => (
+                <TextInput
+                  {...field}
+                  value={field.value || ''}
+                  placeholder="MM"
+                  maxLength={2}
+                  error={!!displayError}
+                  onChange={(e) => {
+                    const value = e.target.value.replace(/[^0-9]/g, '')
+                    field.onChange(value)
+                  }}
+                  onBlur={(e) => {
+                    // Validate and format on blur
+                    let value = e.target.value.replace(/[^0-9]/g, '')
+                    if (value) {
+                      const num = parseInt(value, 10)
+                      if (num < 1) value = '01'
+                      else if (num > 12) value = '12'
+                      else value = num.toString().padStart(2, '0')
+                    }
+                    field.onChange(value)
+                  }}
+                />
+              )}
+            />
+          </div>
+          
+          <div className="tw-w-1/3">
+            <label className="tw-mb-1 tw-block tw-text-sm">{t('App:Year')}</label>
+            <Controller
+              control={control}
+              name={`${name}_year`}
+              defaultValue=""
+              render={({ field }) => (
+                <TextInput
+                  {...field}
+                  value={field.value || ''}
+                  placeholder="YYYY"
+                  maxLength={4}
+                  error={!!displayError}
+                  onChange={(e) => {
+                    const value = e.target.value.replace(/[^0-9]/g, '')
+                    field.onChange(value)
+                  }}
+                  onBlur={(e) => {
+                    // Validate on blur
+                    const value = e.target.value.replace(/[^0-9]/g, '')
+                    if (value) {
+                      const num = parseInt(value, 10)
+                      const currentYear = new Date().getFullYear()
+                      if (num > currentYear) {
+                        field.onChange(currentYear.toString())
+                      } else if (num < 1900) {
+                        field.onChange('1900')
+                      }
+                    }
+                  }}
+                />
+              )}
+            />
+          </div>
+        </div>
+      </div>
+      
+      {/* Hidden field to store the actual date value */}
+      <Controller
+        control={control}
+        name={name}
+        defaultValue={null}
+        rules={{
+          validate: value => {
+            if (required && !value) {
+              return t('Validation:fieldRequired', { attribute: t('App:dateOfBirth') })
+            }
+            return true
+          }
+        }}
+        render={() => <input type="hidden" />}
+      />
+    </div>
+  )
+}

package/src/auth/Layout/UserNavDropDownToggle.tsx

@@ -13,7 +13,7 @@ function UserNavDropDownToggle(props: UserNavDropDownToggleProps) {
   return (
     <>
       <span className='header-user-name mr-2 d-none d-lg-inline text-gray-600 small'>
-        <Trans t={t} i18nKey='userPromo'>
+        <Trans t={t} i18nKey='userPromo'  values={{ name: user?.first_name }}>
           Hi, {{ name: user?.first_name }}
         </Trans>
       </span>

package/src/custom-fields/field-set/providers/CustomFieldSetsProvider.tsx

@@ -1,7 +1,7 @@
-import { FC, useState } from 'react'
+import { PropsWithChildren, useState } from 'react'
 import { CustomFieldSetsContext, ValuesType } from '../contexts'
 
-export const CustomFieldSetsProvider: FC = ({ children }) => {
+export const CustomFieldSetsProvider = ({ children }: PropsWithChildren) => {
   const [values, setValues] = useState<ValuesType>({})
 
   return (

package/src/events/edit-recurrent-event-modal/EditRecurrentEventModal.tsx

@@ -86,6 +86,7 @@ export const EditRecurrentEventModal = ({
       contentClassName='rounded'
     >
       <Form onSubmit={handleSubmit(onSubmit)} noValidate>
+        {/* @ts-ignore */}
         <Modal.Header className='border-0'>
           <Modal.Title as='h6'>{title}</Modal.Title>
           <Button

package/src/events/event-statistic-modal/EventStatisticModal.tsx

@@ -39,6 +39,7 @@ export const EventStatisticModal = ({
       contentClassName='rounded'
       className='event-statistic-modal'
     >
+      {/* @ts-ignore */}
       <Modal.Header>
         <Modal.Title as='h6'>{title ?? t('eventStatistic')}</Modal.Title>
         <Button

package/src/events/event-venue-map/components/Dropdown/components/DropdownWrapper/DropdownWrapper.tsx

@@ -1,6 +1,6 @@
-import { FC } from 'react'
+import { PropsWithChildren } from 'react'
 
-export const DropdownWrapper: FC = ({ children }) => (
+export const DropdownWrapper = ({ children }: PropsWithChildren) => (
   <div className='canvas-dropdown-wrapper'>
     <div className='arrow' />
     <div className='children-container'>{children}</div>