@antscorp/antsomi-ui 2.0.118 → 3.0.0-beta.1

package/es/components/atoms/Alert/Alert.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { AlertProps as AntdAlertProps } from 'antd';
-export declare const AlertStyled: import("styled-components").StyledComponent<React.FC<AntdAlertProps> & {
+export declare const AlertStyled: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<AntdAlertProps & React.RefAttributes<import("antd/es/alert/Alert").AlertRef>> & {
     ErrorBoundary: typeof import("antd/es/alert/ErrorBoundary").default;
 }, any, {}, never>;
 export interface AlertProps extends AntdAlertProps {

package/es/components/atoms/Checkbox/Checkbox.d.ts

@@ -2,5 +2,5 @@
 import type { CheckboxProps as AntdCheckboxProps } from 'antd';
 export type CheckboxProps = AntdCheckboxProps;
 export declare const Checkbox: import("react").ForwardRefExoticComponent<AntdCheckboxProps & import("react").RefAttributes<import("rc-checkbox").CheckboxRef>> & {
-    Group: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("antd/es/checkbox").CheckboxGroupProps & import("react").RefAttributes<HTMLDivElement>>>;
+    Group: <T = any>(props: import("antd/es/checkbox").CheckboxGroupProps<T> & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
 };

package/es/components/atoms/Eyedropper/styled.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export declare const StyledEyedropperContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").ButtonProps & import("react").RefAttributes<HTMLElement>> & {
+export declare const StyledButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").ButtonProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>> & {
     Group: import("react").FC<import("antd/es/button").ButtonGroupProps>;
 }, any, {}, never>;
 export declare const StyledColorTag: import("styled-components").StyledComponent<import("antd").TagType, any, {}, never>;

package/es/components/atoms/FloatButton/index.d.ts

@@ -1 +1,6 @@
-export declare const FloatButton: import("antd/es/float-button/interface").CompoundedComponent;
+/// <reference types="react" />
+export declare const FloatButton: import("react").ForwardRefExoticComponent<import("antd").FloatButtonProps & import("react").RefAttributes<import("antd/es/float-button/interface").FloatButtonElement>> & {
+    Group: import("react").FC<Readonly<import("antd").FloatButtonGroupProps>>;
+    BackTop: import("react").ForwardRefExoticComponent<import("antd/es/float-button/interface").BackTopProps & import("react").RefAttributes<import("antd").FloatButtonRef>>;
+    _InternalPanelDoNotUseOrYouWillBeFired: import("react").FC<import("antd/es/float-button/PurePanel").PurePanelProps>;
+};

package/es/components/atoms/Input/Input.d.ts

@@ -21,6 +21,7 @@ export declare const Input: React.ForwardRefExoticComponent<InputProps & React.R
         Search: React.ForwardRefExoticComponent<import("antd/es/input").SearchProps & React.RefAttributes<InputRef>>;
         TextArea: React.ForwardRefExoticComponent<import("antd/es/input").TextAreaProps & React.RefAttributes<import("antd/es/input/TextArea").TextAreaRef>>;
         Password: React.ForwardRefExoticComponent<import("antd/es/input").PasswordProps & React.RefAttributes<InputRef>>;
+        OTP: React.ForwardRefExoticComponent<import("antd/es/input/OTP").OTPProps & React.RefAttributes<import("antd/es/input/OTP").OTPRef>>;
     };
     readonly CustomSearch: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<InputRef>>;
     readonly TextArea: React.ForwardRefExoticComponent<import("antd/es/input").TextAreaProps & React.RefAttributes<import("antd/es/input/TextArea").TextAreaRef>>;

package/es/components/atoms/Input/styled.d.ts

@@ -5,6 +5,7 @@ export declare const StyledInput: import("styled-components").StyledComponent<im
     Search: import("react").ForwardRefExoticComponent<import("antd/es/input").SearchProps & import("react").RefAttributes<import("antd").InputRef>>;
     TextArea: import("react").ForwardRefExoticComponent<import("antd/es/input").TextAreaProps & import("react").RefAttributes<import("antd/es/input/TextArea").TextAreaRef>>;
     Password: import("react").ForwardRefExoticComponent<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef>>;
+    OTP: import("react").ForwardRefExoticComponent<import("antd/es/input/OTP").OTPProps & import("react").RefAttributes<import("antd/es/input/OTP").OTPRef>>;
 }, any, InputProps, never>;
 export declare const TextArea: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/input").TextAreaProps & import("react").RefAttributes<import("antd/es/input/TextArea").TextAreaRef>>, any, {
     showBorder?: boolean | undefined;
@@ -14,5 +15,6 @@ export declare const StyledSearchInput: import("styled-components").StyledCompon
     Search: import("react").ForwardRefExoticComponent<import("antd/es/input").SearchProps & import("react").RefAttributes<import("antd").InputRef>>;
     TextArea: import("react").ForwardRefExoticComponent<import("antd/es/input").TextAreaProps & import("react").RefAttributes<import("antd/es/input/TextArea").TextAreaRef>>;
     Password: import("react").ForwardRefExoticComponent<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef>>;
+    OTP: import("react").ForwardRefExoticComponent<import("antd/es/input/OTP").OTPProps & import("react").RefAttributes<import("antd/es/input/OTP").OTPRef>>;
 }, any, {}, never>;
 export declare const StyledIconWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").ButtonProps & import("react").RefAttributes<import("react").LegacyRef<HTMLElement>>>, any, {}, never>;

package/es/components/atoms/NotificationStatus/NotificationStatus.d.ts

@@ -6,7 +6,7 @@ type TNotification = {
     timeout?: number;
 };
 declare const useNotificationStatus: () => {
-    contextHolder: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    contextHolder: import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
     showNotification: ({ title, message, type, timeout, }: TNotification) => void;
 };
 export default useNotificationStatus;

package/es/components/atoms/Popover/Popover.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-export declare const Popover: import("react").ForwardRefExoticComponent<import("antd").PopoverProps & import("react").RefAttributes<unknown>> & {
+export declare const Popover: import("react").ForwardRefExoticComponent<import("antd").PopoverProps & import("react").RefAttributes<import("antd/es/tooltip").TooltipRef>> & {
     _InternalPanelDoNotUseOrYouWillBeFired: import("react").FC<import("antd/es/popover/PurePanel").PurePanelProps>;
 };

package/es/components/atoms/PreviewTabs/styled.d.ts

@@ -3,4 +3,6 @@ export interface StyledRichMenuTabsProps {
     width?: number;
 }
 export declare const StyledRichMenuTabs: import("styled-components").StyledComponent<"div", any, StyledRichMenuTabsProps, never>;
-export declare const NavigationButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
+export declare const NavigationButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLElement>>, any, {}, never>;

package/es/components/atoms/Radio/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export declare const Radio: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").RadioProps & import("react").RefAttributes<import("rc-checkbox").CheckboxRef>> & {
-    Group: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("antd").RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>>;
+    Group: import("react").NamedExoticComponent<import("antd").RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
     Button: import("react").ForwardRefExoticComponent<import("antd/es/radio/radioButton").RadioButtonProps & import("react").RefAttributes<import("rc-checkbox").CheckboxRef>>;
 }, any, {}, never>;
 export declare const RadioButton: import("react").ForwardRefExoticComponent<import("antd/es/radio/radioButton").RadioButtonProps & import("react").RefAttributes<import("rc-checkbox").CheckboxRef>>;
-export declare const RadioGroupSub: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("antd").RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>>;
+export declare const RadioGroupSub: import("react").NamedExoticComponent<import("antd").RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;

package/es/components/atoms/Segmented/Segmented.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const Segmented: import("react").ForwardRefExoticComponent<Omit<import("antd").SegmentedProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Segmented: (<ValueType>(props: import("antd").SegmentedProps<ValueType> & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactNode) & Pick<import("react").FC<{}>, "displayName">;

package/es/components/atoms/SelectAssociatedTag/SelectAssociatedTag.js

@@ -10,6 +10,15 @@ export const SelectAssociatedTag = (props) => {
     // Props
     const { tagConfigs, style, status, selected, disabled, options, children, onSelect } = props;
     const { tag, value } = selected || {};
-    return (_jsxs(StyledSpace, { className: `select-associated-tag ${status}`, style: style, children: [_jsx(SelectTag, { ...tagConfigs, selectedTag: tag }), _jsx(Divider, { type: "vertical", style: { margin: '0px 1px 0px 6px' }, className: "antsomi-divider-between-select" }), children ?? (_jsx(Select, { style: { width: '100%', height: '100%' }, value: value, disabled: disabled, options: options, onChange: onSelect }))] }));
+    return (_jsxs(StyledSpace, { className: `select-associated-tag ${status}`, style: style, children: [_jsx(SelectTag, { ...tagConfigs, selectedTag: tag }), _jsx(Divider, { type: "vertical", style: { margin: '0px 1px 0px 6px' }, className: "antsomi-divider-between-select" }), children ?? (_jsx(Select, { style: { width: '100%', height: '100%' }, value: value, disabled: disabled, options: options, onChange: (selectedValue, selectedOption) => {
+                    // `value` is `Dictionary<SelectOption>` and `onSelect` expects
+                    // a single `SelectOption` or `SelectOption[]`. Single mode
+                    // returns a single option so we coerce it; the wrapping
+                    // behaviour matches the legacy implementation.
+                    const nextOptions = Array.isArray(selectedOption)
+                        ? selectedOption
+                        : selectedOption;
+                    onSelect(selectedValue, nextOptions);
+                } }))] }));
 };
 SelectAssociatedTag.defaultProps = defaultProps;

package/es/components/atoms/Space/Space.d.ts

@@ -3,4 +3,5 @@ import type { SpaceProps } from 'antd';
 export declare const OriginSpace: React.FC<SpaceProps>;
 export declare const Space: React.ForwardRefExoticComponent<SpaceProps & React.RefAttributes<HTMLDivElement>> & {
     Compact: React.FC<import("antd/es/space/Compact").SpaceCompactProps>;
+    Addon: React.ForwardRefExoticComponent<import("antd/es/space/Addon").SpaceCompactCellProps & React.RefAttributes<HTMLDivElement>>;
 };

package/es/components/atoms/Steps/styled.d.ts

@@ -1,6 +1,8 @@
 /// <reference types="react" />
 export declare const SelectedIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ErrorIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
+export declare const ErrorIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").FlexProps<import("antd/es/_util/type").AnyObject> & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
 export declare const StepsWrapper: import("styled-components").StyledComponent<import("react").FC<import("antd").StepsProps> & {
     Step: typeof import("rc-steps").Step;
 }, any, {

package/es/components/atoms/Switch/styled.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const StyledSwitch: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").SwitchProps & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
+export declare const StyledSwitch: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").SwitchProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;

package/es/components/atoms/Tag/Tag.d.ts

@@ -1,11 +1,12 @@
 import React from 'react';
 import { TagProps } from 'antd';
-import { TagType } from 'antd/lib';
 export interface TagListProps {
     tags: string[];
     tagProps?: TagProps;
     limit?: number;
 }
-export declare const Tag: TagType & {
+export declare const Tag: React.ForwardRefExoticComponent<import("antd/lib").TagProps & React.RefAttributes<HTMLSpanElement>> & {
+    CheckableTag: React.ForwardRefExoticComponent<import("antd/lib/tag").CheckableTagProps & React.RefAttributes<HTMLSpanElement>>;
+} & {
     List: React.FC<TagListProps>;
 };

package/es/components/molecules/AccessDenied/styled.d.ts

@@ -1,2 +1,4 @@
 /// <reference types="react" />
-export declare const AccessDeniedWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
+export declare const AccessDeniedWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLElement>>, any, {}, never>;

package/es/components/molecules/AddDynamicContent/AddDynamicContent.js

@@ -121,60 +121,16 @@ export const AddDynamicContent = props => {
     // Template Custom
     const [templateId, settemplateId] = useState();
     const queryClient = useQueryClient();
-    const { data: listBoAttributes = [], isFetching: isFetchingListBoAttr, isError: isErrorBoAttr, } = useGetListAttributeBO({
+    const { data: listBoAttributes = [], isFetching: isFetchingListBoAttr, isError: isErrorBoAttr, error: listBoAttributesError, } = useGetListAttributeBO({
         url,
         itemTypeIds: itemTypeId ? [itemTypeId] : [],
         options: {
-            onSuccess: (data) => {
-                setHasError({
-                    [DYNAMIC_CONTENT_SETTING_KEY.ATTRIBUTE]: false,
-                    [DYNAMIC_CONTENT_SETTING_KEY.INDEX]: false,
-                });
-                if (data.length &&
-                    selectedDynamicContentType &&
-                    regexCSType.test(selectedDynamicContentType)) {
-                    if (form.getFieldValue(DYNAMIC_CONTENT_SETTING_KEY.ATTRIBUTE) &&
-                        form.getFieldValue(DYNAMIC_CONTENT_SETTING_KEY.INDEX))
-                        return;
-                    form.setFieldsValue({
-                        [DYNAMIC_CONTENT_SETTING_KEY.ATTRIBUTE]: data[0],
-                        [DYNAMIC_CONTENT_SETTING_KEY.INDEX]: defaultDynamicIndex,
-                    });
-                }
-            },
             select: (data) => serilizeBOAttr(data, additionalAttrProperties),
-            onError: (error) => {
-                setHasError({
-                    [DYNAMIC_CONTENT_SETTING_KEY.ATTRIBUTE]: true,
-                    [DYNAMIC_CONTENT_SETTING_KEY.INDEX]: true,
-                });
-                handleError(error, {
-                    path: PATH,
-                    name: 'useGetListAttributeBO',
-                    args: error?.message,
-                });
-            },
             enabled: !!itemTypeId,
         },
     }, infos);
-    const { data: dynamicContentAttr, isFetching: isFetchingDynamicContentAttr, isError: isErrorDynamicContentAttr, } = useGetDynamicContentAttr({ url }, infos, {
-        onSuccess: () => {
-            setHasError({
-                [DYNAMIC_CONTENT_SETTING_KEY.ATTRIBUTE]: false,
-            });
-        },
-        onError: (error) => {
-            setHasError({
-                [DYNAMIC_CONTENT_SETTING_KEY.ATTRIBUTE]: true,
-            });
-            handleError(error, {
-                path: PATH,
-                name: 'useGetDynamicContentAttr',
-                args: error?.message,
-            });
-        },
-    });
-    const { data: listSources, isFetching: isFetchingSourceBO } = useGetListSourceByEvent({
+    const { data: dynamicContentAttr, isFetching: isFetchingDynamicContentAttr, isError: isErrorDynamicContentAttr, error: dynamicContentAttrError, } = useGetDynamicContentAttr({ url }, infos);
+    const { data: listSources, isFetching: isFetchingSourceBO, isError: isErrorListSources, error: listSourcesError, } = useGetListSourceByEvent({
         apiConfig: {
             url,
         },
@@ -182,9 +138,6 @@ export const AddDynamicContent = props => {
         eventActionId,
         eventCategoryId,
         options: {
-            onSuccess: () => {
-                setHasError({ [DYNAMIC_CONTENT_SETTING_KEY.SOURCE]: false });
-            },
             select: (data) => {
                 const { rows } = data || {};
                 return rows.map((row) => ({
@@ -192,39 +145,14 @@ export const AddDynamicContent = props => {
                     value: row.value,
                 }));
             },
-            onError: (error) => {
-                setHasError({ [DYNAMIC_CONTENT_SETTING_KEY.SOURCE]: true });
-                handleError(error, {
-                    path: PATH,
-                    name: 'useGetListSourceBO',
-                    args: error?.message,
-                });
-            },
         },
     });
-    const { data: listEvents, isFetching: isFetchingEventBySource } = useGetListAllEvents({
+    const { data: listEvents, isFetching: isFetchingEventBySource, isError: isErrorListEvents, error: listEventsError, } = useGetListAllEvents({
         apiConfig: {
             url,
         },
         infos,
         options: {
-            onSuccess: (data) => {
-                setHasError({ [DYNAMIC_CONTENT_SETTING_KEY.EVENT]: false });
-                if (!isEmpty(data) &&
-                    selectedDynamicContentType === DYNAMIC_CONTENT_TYPE.EVENT_ATTRIBUTE.value) {
-                    form.setFieldsValue({
-                        [DYNAMIC_CONTENT_SETTING_KEY.EVENT]: data[0].value,
-                    });
-                }
-            },
-            onError: (error) => {
-                setHasError({ [DYNAMIC_CONTENT_SETTING_KEY.EVENT]: true });
-                handleError(error, {
-                    path: PATH,
-                    name: 'useGetListEventBySource',
-                    args: error?.message,
-                });
-            },
             select: (data) => {
                 const { rows = [] } = data || {};
                 return rows.map((event) => ({
@@ -234,38 +162,13 @@ export const AddDynamicContent = props => {
             },
         },
     });
-    const { data: listEventAttributes, isFetching: isFetchingEventAttr, isError: isErrorEventAttr, } = useGetListEventAttr({ url }, infos, selectedEventSource || '', Array.isArray(selectedSource) ? selectedSource.join(',') : selectedSource || '', {
-        onSuccess: () => setHasError({ [DYNAMIC_CONTENT_SETTING_KEY.ATTRIBUTE]: false }),
-        onError: (error) => {
-            setHasError({ [DYNAMIC_CONTENT_SETTING_KEY.ATTRIBUTE]: true });
-            handleError(error, {
-                path: PATH,
-                name: 'useGetListEventAttr',
-                args: error?.message,
-            });
-        },
+    const { data: listEventAttributes, isFetching: isFetchingEventAttr, isError: isErrorEventAttr, error: listEventAttributesError, } = useGetListEventAttr({ url }, infos, selectedEventSource || '', Array.isArray(selectedSource) ? selectedSource.join(',') : selectedSource || '', {
         select: (data) => serilizeEventAttr(data, language, additionalAttrProperties),
     });
-    const { data: listPromotionPools, isFetching: isFetchingPromotionPool } = useGetListPromotionPool({ url }, infos, {
-        onSuccess: () => {
-            setHasError({
-                [DYNAMIC_CONTENT_SETTING_KEY.PROMOTION_POOL]: false,
-            });
-        },
+    const { data: listPromotionPools, isFetching: isFetchingPromotionPool, isError: isErrorListPromotionPools, error: listPromotionPoolsError, } = useGetListPromotionPool({ url }, infos, {
         select: (data) => serilizePromotionPool(data, additionalAttrProperties),
-        onError: (error) => {
-            setHasError({ [DYNAMIC_CONTENT_SETTING_KEY.ATTRIBUTE]: true });
-            handleError(error, {
-                path: PATH,
-                name: 'useGetListPromotionPool',
-                args: error?.message,
-            });
-        },
     });
-    const { data: listPromotionCodeAttributes, isFetching: isFetchingPromotionCodeAttr, isError: isErrorListPromotionCodeAttr, } = useGetListPromotionCodeAttr({ url }, infos, {
-        onSuccess: () => {
-            setHasError({ [DYNAMIC_CONTENT_SETTING_KEY.ATTRIBUTE]: false });
-        },
+    const { data: listPromotionCodeAttributes, isFetching: isFetchingPromotionCodeAttr, isError: isErrorListPromotionCodeAttr, error: listPromotionCodeAttributesError, } = useGetListPromotionCodeAttr({ url }, infos, {
         select: (data) => data
             .filter((attr) => +attr?.status === 1)
             .map((attr) => ({
@@ -276,16 +179,6 @@ export const AddDynamicContent = props => {
             disabled: parseInt(attr.status) === 4,
             status: attr.status,
         })),
-        onError: (error) => {
-            setHasError({
-                [DYNAMIC_CONTENT_SETTING_KEY.ATTRIBUTE]: true,
-            });
-            handleError(error, {
-                path: PATH,
-                name: 'useGetPromotionCodeAttr',
-                args: error?.message,
-            });
-        },
     });
     const { data: eventTrackingAttributes } = useGetEventTrackingAttributes({
         apiConfig: { url },
@@ -293,6 +186,122 @@ export const AddDynamicContent = props => {
         eventActionId,
         eventCategoryId,
     });
+    // Handle success/error side effects (TanStack Query v5 removed onSuccess/onError on useQuery)
+    useEffect(() => {
+        if (isErrorBoAttr) {
+            setHasError({
+                [DYNAMIC_CONTENT_SETTING_KEY.ATTRIBUTE]: true,
+                [DYNAMIC_CONTENT_SETTING_KEY.INDEX]: true,
+            });
+            handleError(listBoAttributesError, {
+                path: PATH,
+                name: 'useGetListAttributeBO',
+                args: listBoAttributesError?.message,
+            });
+            return;
+        }
+        if (listBoAttributes) {
+            setHasError({
+                [DYNAMIC_CONTENT_SETTING_KEY.ATTRIBUTE]: false,
+                [DYNAMIC_CONTENT_SETTING_KEY.INDEX]: false,
+            });
+            if (listBoAttributes.length &&
+                selectedDynamicContentType &&
+                regexCSType.test(selectedDynamicContentType)) {
+                if (form.getFieldValue(DYNAMIC_CONTENT_SETTING_KEY.ATTRIBUTE) &&
+                    form.getFieldValue(DYNAMIC_CONTENT_SETTING_KEY.INDEX))
+                    return;
+                form.setFieldsValue({
+                    [DYNAMIC_CONTENT_SETTING_KEY.ATTRIBUTE]: listBoAttributes[0],
+                    [DYNAMIC_CONTENT_SETTING_KEY.INDEX]: defaultDynamicIndex,
+                });
+            }
+        }
+    }, [listBoAttributes, isErrorBoAttr, selectedDynamicContentType, defaultDynamicIndex]);
+    useEffect(() => {
+        if (isErrorDynamicContentAttr) {
+            setHasError({ [DYNAMIC_CONTENT_SETTING_KEY.ATTRIBUTE]: true });
+            handleError(dynamicContentAttrError, {
+                path: PATH,
+                name: 'useGetDynamicContentAttr',
+                args: dynamicContentAttrError?.message,
+            });
+        }
+        else if (dynamicContentAttr) {
+            setHasError({ [DYNAMIC_CONTENT_SETTING_KEY.ATTRIBUTE]: false });
+        }
+    }, [dynamicContentAttr, isErrorDynamicContentAttr]);
+    useEffect(() => {
+        if (isErrorListSources) {
+            setHasError({ [DYNAMIC_CONTENT_SETTING_KEY.SOURCE]: true });
+            handleError(listSourcesError, {
+                path: PATH,
+                name: 'useGetListSourceBO',
+                args: listSourcesError?.message,
+            });
+        }
+        else if (listSources) {
+            setHasError({ [DYNAMIC_CONTENT_SETTING_KEY.SOURCE]: false });
+        }
+    }, [listSources, isErrorListSources]);
+    useEffect(() => {
+        if (isErrorListEvents) {
+            setHasError({ [DYNAMIC_CONTENT_SETTING_KEY.EVENT]: true });
+            handleError(listEventsError, {
+                path: PATH,
+                name: 'useGetListEventBySource',
+                args: listEventsError?.message,
+            });
+            return;
+        }
+        if (listEvents &&
+            !isEmpty(listEvents) &&
+            selectedDynamicContentType === DYNAMIC_CONTENT_TYPE.EVENT_ATTRIBUTE.value) {
+            setHasError({ [DYNAMIC_CONTENT_SETTING_KEY.EVENT]: false });
+            form.setFieldsValue({
+                [DYNAMIC_CONTENT_SETTING_KEY.EVENT]: listEvents[0].value,
+            });
+        }
+    }, [listEvents, isErrorListEvents, selectedDynamicContentType]);
+    useEffect(() => {
+        if (isErrorEventAttr) {
+            setHasError({ [DYNAMIC_CONTENT_SETTING_KEY.ATTRIBUTE]: true });
+            handleError(listEventAttributesError, {
+                path: PATH,
+                name: 'useGetListEventAttr',
+                args: listEventAttributesError?.message,
+            });
+        }
+        else if (listEventAttributes) {
+            setHasError({ [DYNAMIC_CONTENT_SETTING_KEY.ATTRIBUTE]: false });
+        }
+    }, [listEventAttributes, isErrorEventAttr]);
+    useEffect(() => {
+        if (isErrorListPromotionPools) {
+            setHasError({ [DYNAMIC_CONTENT_SETTING_KEY.ATTRIBUTE]: true });
+            handleError(listPromotionPoolsError, {
+                path: PATH,
+                name: 'useGetListPromotionPool',
+                args: listPromotionPoolsError?.message,
+            });
+        }
+        else if (listPromotionPools) {
+            setHasError({ [DYNAMIC_CONTENT_SETTING_KEY.PROMOTION_POOL]: false });
+        }
+    }, [listPromotionPools, isErrorListPromotionPools]);
+    useEffect(() => {
+        if (isErrorListPromotionCodeAttr) {
+            setHasError({ [DYNAMIC_CONTENT_SETTING_KEY.ATTRIBUTE]: true });
+            handleError(listPromotionCodeAttributesError, {
+                path: PATH,
+                name: 'useGetPromotionCodeAttr',
+                args: listPromotionCodeAttributesError?.message,
+            });
+        }
+        else if (listPromotionCodeAttributes) {
+            setHasError({ [DYNAMIC_CONTENT_SETTING_KEY.ATTRIBUTE]: false });
+        }
+    }, [listPromotionCodeAttributes, isErrorListPromotionCodeAttr]);
     // Memo
     const isShowEventIndexField = useDeepCompareMemo(() => {
         if (selectedAttr && selectedDynamicContentType === DYNAMIC_CONTENT_TYPE.EVENT_ATTRIBUTE.value) {

package/es/components/molecules/AddDynamicContent/styled.d.ts

@@ -3,13 +3,14 @@ export declare const InputSuggestion: import("styled-components").StyledComponen
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<import("antd").RefSelectProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & {
     displayName?: string | undefined;
+} & {
     Option: import("rc-select/lib/Option").OptionFC;
     _InternalPanelDoNotUseOrYouWillBeFired: (props: import("antd/es/_util/type").AnyObject) => import("react").JSX.Element;
 }, any, {}, never>;
 export declare const ModalCustom: import("styled-components").StyledComponent<import("react").FC<import("../Modal").ModalProps> & {
     confirm: (props: import("antd").ModalFuncProps) => {
         destroy: () => void;
-        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+        update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
     };
     useModal: typeof import("antd/es/modal/useModal").default;
     success: import("antd/es/modal/confirm").ModalFunc;
@@ -18,6 +19,6 @@ export declare const ModalCustom: import("styled-components").StyledComponent<im
     warning: import("antd/es/modal/confirm").ModalFunc;
     destroyAll: () => void;
 }, any, {}, never>;
-export declare const ButtonCustom: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").ButtonProps & import("react").RefAttributes<HTMLElement>> & {
+export declare const ButtonCustom: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").ButtonProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>> & {
     Group: import("react").FC<import("antd/es/button").ButtonGroupProps>;
 }, any, {}, never>;

package/es/components/molecules/ApplyPopupContent/styled.d.ts

@@ -1,3 +1,5 @@
 /// <reference types="react" />
 export declare const ContentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CloseButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
+export declare const CloseButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLElement>>, any, {}, never>;

package/es/components/molecules/CalendarSelection/components/CustomPicker/CustomPicker.js

@@ -10,8 +10,8 @@ import { AutoUpdateTo } from '../AutoUpdateTo';
 import { updateRangeValue } from '../../actions';
 import { CalendarContainerStyled, StyledCellDate, StyledCustomPickerRoot } from './styled';
 import { ConfigProvider } from 'antd';
-import { interpolateHsl } from 'd3-interpolate';
 import { isEmpty } from 'lodash';
+import { interpolateHSL } from '@antscorp/antsomi-ui/es/utils';
 dayjs.extend(isBetween);
 const generateRangeInputLabel = (idx, label) => {
     if (label)
@@ -53,7 +53,7 @@ export const CustomPicker = props => {
         if (isEmpty(colors))
             return originNode;
         const cellBgColor = new TinyColor(colors.length > 1
-            ? colors.reduce((acc, color) => interpolateHsl(acc, color)(0.5), colors[0])
+            ? colors.reduce((acc, color) => interpolateHSL(acc, color), colors[0])
             : colors[0]);
         return _jsx(StyledCellDate, { rangeColor: cellBgColor, children: originNode });
     }, [rangeValue]);
@@ -75,7 +75,9 @@ export const CustomPicker = props => {
                                                 return null;
                                             return originalPanel;
                                         }, cellRender: (current, info) => {
-                                            if (typeof current === 'number' || info.type !== 'date') {
+                                            if (typeof current === 'number' ||
+                                                typeof current === 'string' ||
+                                                info.type !== 'date') {
                                                 return info.originNode;
                                             }
                                             return renderCellDate(current, info.originNode);

package/es/components/molecules/CalendarSelection/components/RangePicker/RangePicker.d.ts

@@ -1,5 +1,5 @@
 import { DatePicker } from '@antscorp/antsomi-ui/es/components/molecules';
 import React, { ComponentProps } from 'react';
-type RangePickerProps = {} & ComponentProps<typeof DatePicker.RangePicker>;
+type RangePickerProps = Omit<ComponentProps<typeof DatePicker.RangePicker>, 'ref'>;
 export declare const RangePicker: React.FC<RangePickerProps>;
 export {};

package/es/components/molecules/CalendarSelection/components/RangePicker/RangePicker.js

@@ -1,4 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { StyledRangePicker } from './styled';
 const DATE_FORMAT = 'DD/MM/YYYY';
-export const RangePicker = props => (_jsx(StyledRangePicker, { ...props, allowEmpty: [true, true], allowClear: false, autoFocus: false, bordered: false, size: "middle", suffixIcon: false, format: DATE_FORMAT }));
+export const RangePicker = props => (_jsx(StyledRangePicker, { ...props, allowEmpty: [true, true], allowClear: false, autoFocus: false, variant: "borderless", size: "middle", suffixIcon: false, format: DATE_FORMAT }));

package/es/components/molecules/CalendarSelection/components/RangePicker/styled.d.ts

@@ -1,5 +1,15 @@
-export declare const StyledRangePicker: import("styled-components").StyledComponent<import("antd/es/date-picker/generatePicker/interface").PickerComponentClass<import("antd/es/date-picker/generatePicker").RangePickerProps<import("dayjs").Dayjs> & {
+/// <reference types="react" />
+export declare const StyledRangePicker: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("rc-picker").RangePickerProps<import("dayjs").Dayjs>, "classNames" | "styles" | "locale" | "generateConfig" | "hideHeader"> & {
+    locale?: import("antd/es/date-picker/generatePicker").PickerLocale | undefined;
+    size?: import("antd/es/button").ButtonSize;
+    placement?: "bottomLeft" | "topLeft" | "topRight" | "bottomRight" | undefined;
+    bordered?: boolean | undefined;
+    status?: "" | "warning" | "error" | undefined;
+    variant?: "filled" | "outlined" | "borderless" | "underlined" | undefined;
     dropdownClassName?: string | undefined;
     popupClassName?: string | undefined;
     rootClassName?: string | undefined;
-}, unknown>, any, {}, never>;
+    popupStyle?: import("react").CSSProperties | undefined;
+    styles?: import("antd/es/date-picker/generatePicker/interface").PickerStyles | undefined;
+    classNames?: import("antd/es/date-picker/generatePicker/interface").PickerClassNames | undefined;
+} & import("react").RefAttributes<import("rc-picker").PickerRef>>, any, {}, never>;

package/es/components/molecules/CalendarSelection/components/RangeSelectOptions/components/Option/Option.js

@@ -61,8 +61,8 @@ export const Option = props => {
                 }, type: "icon-ants-angle-right" }))] }));
     if (withDropdown) {
         return (_jsx(Popover, { placement: "rightTop", overlayClassName: "arrow-hidden", overlayInnerStyle: { padding: 0 }, arrow: false, content: _jsx(StyledMenu, { selectedKeys: [selectedRangeType], items: options.map(o => ({
-                    ...o,
                     key: o.type,
+                    label: o.label,
                     onClick: () => handleClickOption(o.type),
                 })) }), destroyTooltipOnHide: true, children: content }));
     }

package/es/components/molecules/CalendarSelection/components/RangeSelectOptions/styled.d.ts

@@ -1,3 +1,7 @@
-import { List } from 'antd';
-export declare const StyledList: import("styled-components").StyledComponent<typeof List, any, {}, never>;
+/// <reference types="react" />
+export declare const StyledList: import("styled-components").StyledComponent<(<T>(props: import("antd").ListProps<T> & {
+    ref?: import("react").ForwardedRef<HTMLDivElement> | undefined;
+}) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) & Pick<import("react").FC<{}>, "displayName"> & {
+    Item: import("antd/es/list/Item").ListItemTypeProps;
+}, any, {}, never>;
 export declare const RangeSelectOptionsRoot: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/components/molecules/CalendarSelection/styled.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const StyledPopover: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/popover").PopoverProps & import("react").RefAttributes<unknown>> & {
+export declare const StyledPopover: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/popover").PopoverProps & import("react").RefAttributes<import("antd/es/tooltip").TooltipRef>> & {
     _InternalPanelDoNotUseOrYouWillBeFired: import("react").FC<import("antd/es/popover/PurePanel").PurePanelProps>;
 }, any, {}, never>;
 export declare const StyledPopoverContainer: import("styled-components").StyledComponent<"div", any, {}, never>;